.product .product-banner,.product .product-banner img {
	width: 100%
}

.product .product-content {
	width: 12.8rem;
	margin: 0 auto;
	position: relative
}

.product .product-tit {
	margin: .64rem auto .73rem
}

.product .product-intro {
	width: 100%;
	margin: .63rem 0 .7rem
}

.product .product-intro p {
	color: #333;
	font-size: .16rem;
	line-height: 2.25;
	font-weight: 400
}

.product .product-list-container {
	background: #f8f8f8;
	width: 100%;
	padding: .63rem 0 1rem
}

.product .product-pages {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 18%;
	margin-left: 3.12%
}

.product .product-pages .product-pages-hr {
	display: block;
	width: .12rem;
	background: url(../images/product_hr.png) no-repeat;
	height: 1.08rem
}

.product .product-pages .product-pages-item {
	position: relative;
	right: -.02rem
}

.product .product-pages .product-pages-item:hover .product-pages-dialog {
	display: block
}

.product .product-pages .product-pages-item:hover .product-pages-link
,.product .product-pages .product-pages-item .product-pages-link.active{
	background: #18b4c9
}

.product .product-pages .product-pages-dialog {
	pointer-events: none;
	z-index: 0;
	position: absolute;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding: .14rem .24rem;
	background: #fff;
	-webkit-border-radius: .06rem;
	        border-radius: .06rem;
	border: .02rem solid #999;
	right: 300%;
	top: -120%;
	font-size: .18rem;
	color: #333;
	display: none
}

.product .product-pages .product-pages-dialog .product-pages-dialog-arrow {
	position: relative;
	display: inline-block;
	position: absolute;
	right: -.2rem
}

.product .product-pages .product-pages-dialog .product-pages-dialog-arrow:before {
	right: 0;
	border-left: .1rem solid #999
}

.product .product-pages .product-pages-dialog .product-pages-dialog-arrow:after,.product .product-pages .product-pages-dialog .product-pages-dialog-arrow:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	border-top: .1rem dashed rgba(0,0,0,0);
	border-right: .1rem dashed rgba(0,0,0,0);
	border-bottom: .1rem dashed rgba(0,0,0,0)
}

.product .product-pages .product-pages-dialog .product-pages-dialog-arrow:after {
	right: .02rem;
	border-left: .1rem solid #fff
}

.product .product-pages .product-pages-link {
	cursor: pointer;
	z-index: 1;
	display: block;
	width: .15rem;
	height: .15rem;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background: #999;
	margin: .05rem -.03rem .05rem
}

.product .product-list {
	display: inline-block;
	width: 95.31%
}

.product .product-item {
	display: table;
	width: 100%
}

.product .product-item:not(:last-child) {
	margin-bottom: .36rem
}

.product .product-img,.product .product-info {
	display: table-cell;
	height: 100%;
	vertical-align: middle
}

.product .product-info {
	background: #fff;
	width: 56.96%;
	word-wrap: break-word;
	padding: .1rem 8%
}

.product .product-icon {
	width: .1rem;
	height: .75rem;
	margin-bottom: .53rem
}

.product .product-desc {
	color: #333;
	font-size: .16rem;
	line-height: 200%;
	font-weight: 400;
	height: 1.9rem;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical
}

.product .product-img {
	width: 43.03%
}

.product .product-img img {
	width: 100%
}

.product .product-lf-img .product-info {
	background: #242a2f
}

.product .product-lf-img .product-desc {
	color: #fff
}

@media screen and (max-width:1440px) {
    .pc2-nav-list,
    .container,
    .footBar .footBar-ul,
    .footer .footer-content,
    .product .product-content {
        width: 60%
    }

    .footer .footer-list .footer-item:first-child {
        width: 25%
    }
    .footer .footer-list .footer-item:not(:first-child) {
        padding-left:2%;
    }

    .footer .footer-list .footer-item img {
        width: .6rem;
        height: .6rem
    }

    .pc2-nav-list-item-tit,
    .pc2-nav-list-item-link,
    .footBar .footBar-page,
    .footBar .footBar-tit,
    .footer .footer-copyright,
    .footer .footer-item:first-child p,
    .footer .footer-item h6,
    .footer .footer-item p,
    .modal-mask .modal-wraper .modal-container .modal-body,
    .nav .nav-list dd a,
    .product .product-desc,
    .product .product-pages .product-pages-dialog {
        font-size: .12rem
    }

    .block-tit .block-tit-ch {
        font-size: .22rem
    }

    .modal-mask .modal-wraper .modal-container .modal-btn .modal-btn-cancel,
    .modal-mask .modal-wraper .modal-container .modal-btn .modal-btn-confirm,
    .modal-mask .modal-wraper .modal-container .modal-header,
    .nav .nav-list dt,
    .product .product-intro p,
    .form-innerTxt {
        font-size: .14rem
    }

    .content,
    .content p,
    .content p span,
    .content span {
        font-size: .12rem!important
    }

    .content strong span {
        font-size: .16rem!important
    }

    .nav {
        padding: .3rem 0
    }

    .product .product-icon {
        width: .05rem;
        height: .375rem;
        margin-bottom: .3rem
    }

    .block-tit .block-tit-en {
        margin-top: .08rem
    }

    .block-tit:after {
        margin-top: .15rem
    }

    .modal-mask .modal-wraper .modal-container .modal-header {
        line-height: 1.25;
        padding-top: .1rem
    }

    .modal-mask .modal-wraper .modal-container .modal-body {
        padding: 0
    }

    .modal-mask .modal-wraper .modal-container .modal-btn .modal-btn-cancel,
    .modal-mask .modal-wraper .modal-container .modal-btn .modal-btn-confirm {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .footer .footer-item:first-child p {
        line-height: 1.5
    }
    .product .product-pages {
        margin-left: 1%;
    }
}

@media screen and (max-width:1080px) {
    .footBar .footBar-ul,.pc2-nav-list {
        width: 90%
    }

    .footBar .footBar-tit .footBar-arrow {
        position: relative;
        display: inline-block
    }

    .footBar .footBar-tit .footBar-arrow:before {
        top: 0;
        border-top: .08rem solid #666
    }

    .footBar .footBar-tit .footBar-arrow:after,.footBar .footBar-tit .footBar-arrow:before {
        content: "";
        display: inline-block;
        position: absolute;
        right: 0;
        border-bottom: .08rem dashed rgba(0,0,0,0);
        border-right: .08rem dashed rgba(0,0,0,0);
        border-left: .08rem dashed rgba(0,0,0,0)
    }

    .footBar .footBar-tit .footBar-arrow:after {
        top: -1px;
        border-top: .08rem solid #efefef
    }
}

.m-container {
    width: 90%;
    margin: 0 auto;
}

.m-container .m-block-tit {
    margin-top: .8rem
}

.m-container .m-block-tit .m-block-tit-ch {
    font-size: .5rem
}

.m-fsize-32 {
    font-size: .32rem
}

.m-block-tit {
    color: #333;
    position: relative;
    text-align: center;
    line-height: 1;
    margin: 1.2rem 0 .6rem
}

.m-block-tit .m-block-tit-ch {
    font-weight: 700;
    font-size: .4rem;
    letter-spacing: .02rem
}

.m-block-tit .m-block-tit-en {
    color: #999;
    font-size: .2rem;
    font-weight: 300;
    margin-top: .08rem
}

.m-block-tit:after {
    content: " ";
    display: inline-block;
    height: .02rem;
    background-color: #00549b;
    width: 1rem;
    margin-top: .1rem
}

.m-artical-container {
    overflow: hidden;
    width: 90%;
    margin: 1.1rem auto 1.4rem;
    background: #fff;
    -webkit-box-shadow: 0 0 .18rem .02rem rgba(0,0,0,.2);
            box-shadow: 0 0 .18rem .02rem rgba(0,0,0,.2);
    /*padding: 0 .5rem .5rem;*/
    padding: .5rem;
}

.m-artical-container .m-block-tit {
    margin-top: .8rem
}

.m-artical-container .m-block-tit .m-block-tit-ch {
    font-size: .5rem
}

.m-content {
    margin-top: .64rem;
    color: #5c5c5c;
    font-size: .32rem;
    line-height: 150%;
}

.m-content p {
    color: #5c5c5c;
    line-height: 150%;
    font-weight: 400
}

.m-content p,.m-content p span {
    font-size: .32rem
}

.m-content strong,.m-content strong span {
    font-size: .38rem!important
}

.m-content span {
    font-size: .32rem!important
}

.m-content img,.m-content table {
    max-width: 100%
}

.m-content table {
    width: 100%!important
}

.m-content li,.m-content ol,.m-content ul {
    list-style: disc
}

.m-marginTop {
    margin-top: 1.2rem
}

.m-footer-margin {
    margin-bottom: 1.4rem
}

.m-noScroollBar {
    position: fixed;
    bottom: 0;
    left: 0
}


/*product.html*/
.product .m-product-intro {
	margin: 0 0 .77rem
}

.product .m-product-intro p {
	line-height: 1.5
}

.product .m-product-tit {
	background-color: #fff;
	overflow: hidden
}

.product .m-product-list-container {
	padding-top: .6rem
}

.product .m-product-link {
	display: block;
	-webkit-box-shadow: 0 0 9px 1px rgba(0,0,0,.2);
	        box-shadow: 0 0 9px 1px rgba(0,0,0,.2)
}

.product .m-product-pages-list {
	width: 100%;
	overflow-x: auto;
	height: auto;
	white-space: nowrap;
	text-align: center
}

.product .m-product-pages-item {
	display: inline-block;
	padding: .24rem .43rem;
	border: .02rem solid #999;
	font-size: .32rem;
	font-weight: 700;
	-webkit-border-radius: .1rem;
	        border-radius: .1rem
}

.product .m-product-pages-item:not(:last-child) {
	margin-right: .4rem
}

.product .m-product-list {
	width: 100%;
	margin-top: .6rem
}

.product .m-product-list .swiper-wrapper {
	height: auto!important
}

.product .m-product-list .swiper-slide-active {
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
	        transform: scale(1.2)
}

.product .m-product-item {
	margin: 1.3rem 0 1.4rem;
	text-align: center;
	padding: 0 -webkit-calc(10vw - 5%);
	padding: 0 -moz-calc(10vw - 5%);
	padding: 0 calc(10vw - 5%);
	width: 71.48%;
	height: auto;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: -o-transform .3s;
	-moz-transition: transform .3s, -moz-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.product .m-product-img img {
	width: 100%
}

.product .m-product-desc-container {
	padding: .79rem 1rem .6rem 1rem
}

.product .m-product-desc {
	margin-top: 0;
	font-size: .32rem;
	line-height: 1.5em;
	text-align: left;
        height: 10.5em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7
}

.product .m-product-pages-active {
	background-color: #18b4c9;
	color: #fff
}