@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:84.4%;}}
@media screen and (min-width:375px) {html { font-size:86.6%;}} /*ipone6*/
@media screen and (min-width:400px) {html { font-size:87%;}}
@media screen and (min-width:414px) {html { font-size:96%;}} /*ipone6P*/
@media screen and (min-width:480px) {html { font-size:112.5%;}}
@media screen and (min-width:550px) {html { font-size:131.25%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}

img{width:100%;height:auto;}

.pro-wrap img{vertical-align:middle}
.pro-wrap p{ text-indent:0; }
.m-abpro  .s-wc{ display:none;}
/*pronav*/
.pronav{position:relative;width:100%;margin-top:0.83rem;background:#f0f0f0;border-style:solid;border-color:#cacbcb;border-width:1px 0 1px 0;overflow:hidden;}
.pronav a{display:block;float:left;width:50%;height:2.67rem; position:relative; line-height:2.67rem;font-size:1rem;color:#333;text-align:center;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.pronav a:after{content:'';position:absolute;width:1px;height:16px;background:#a0a1a1;right:0;top:50%;margin-top:-8px;}
.pronav a:nth-child(3):after{ width:0; background:none;}
.pronav a.cur{color:#bf1a1f}

/*sum-ti*/
.sum-ti{text-align:center;font-size:1.25rem;color:#bf1a1f}
.sum-subti{margin-top:0.42rem;text-align:center;font-size:1rem;color:#666;}

/*perf*/
.perf{padding-top:1.67rem;}
.perf .sum-ti{font-size:1.17rem;}
.perf .sum-subti{font-size:1.04rem;}
.perf-list{padding:0 0.83rem;overflow:hidden;}
.perf-list li{position:relative;width:49%;float:left;margin-right:2%;padding:1.25rem 0;}
.perf-list li:nth-child(2n){margin-right:0;}
.perf-list span{position:absolute;width:3.5rem;height:3.5rem;border:1px solid #b6b6b6;border-radius:5px;text-align:center;left:0;top:50%;margin-top:-1.79rem;color:#666;font-size:0.58rem;}
.perf-list p{display:table-cell;height:3.6rem;padding-left:4.17rem;vertical-align:middle;font-size:0.83rem;line-height:1.25rem;color:#666;}
.perf-list span i{display:block;width:2.08rem;height:2.08rem;margin:0.21rem auto;background-repeat:no-repeat;background-size:100% auto;}
.perf-list li.i1 span i{background-image:url(../Images/Prodetails/perf_icon1.png);}
.perf-list li.i2 span i{background-image:url(../Images/Prodetails/perf_icon2.png);}
.perf-list li.i3 span i{background-image:url(../Images/Prodetails/perf_icon3.png);}
.perf-list li.i4 span i{background-image:url(../Images/Prodetails/perf_icon4.png);}
.perf-list li.i5 span i{background-image:url(../Images/Prodetails/perf_icon5.png);}
.perf-list li.i6 span i{background-image:url(../Images/Prodetails/perf_icon6.png);}

/*operate*/
.operate{padding:1.25rem 0;}
.operate .video{margin:1.04rem 1.04rem 0}

/*why*/
.why{padding-top:1.25rem;}
.why-list{margin-top:0.83rem;}
.why-list li{padding:1.25rem 0.75rem;}
.why-list li:nth-child(2n+1){background-color:#f0f0f0;}
.why-list .mti{text-align:center;font-size:1rem;color:#666;}
.why-list .mti span{color:#9e0001}
.why-list .box{overflow:hidden;margin-top:1.04rem;}
.why-list dd{width:50%;float:left;padding:0 1px;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.why-list dd .ti{padding:0.6rem 0 0.42rem;font-size:1rem;color:#9e0001;font-weight:bold;}
.why-list dd .desc{font-size:0.75rem;line-height:1.25rem;color:#666;}

/*discount*/
.discount{padding:1.67rem 0;text-align:center;}
.discount h2{font-size:1.42rem;color:#464646;}
.discount .subti{margin-top:0.42rem;font-size:0.83rem;}
.discount span{color:#9e0001;}
.discount .pic{margin-top:0.83rem;}
.discount .tel{margin-top:0.63rem;font-size:0.96rem;color:#464646;}
.discount .tel span{font-size:1.25rem;}
.discount .btn{display:block;width:4.46rem;height:1.54rem;margin:0.75rem auto 0;background:url(../Images/Prodetails/tel_btn.png) no-repeat 50% 50%;background-size:100% auto;line-height:1.54rem;text-align:center;font-size:0.75rem;color:#fff;}

.votes{padding-top:2.08rem;background-color:#f0f0f0;}
.votes > .sum-ti{color:#333;}
.votes > .sum-ti span{color:#9e0001}
.votes .item{padding:1.67rem 0;}
.votes .item:nth-of-type(2n){background-color:#fff;}
.votes .pic{margin:1.25rem 0 0.83rem;}
.votes .desc{padding:0 1.04rem 0 1.25rem;font-size:0.92rem;line-height:1.5rem;position:relative;color:#666;}
.votes .desc:before{content:'';position:absolute;width:2px;height:2px;background-color:#9e0001;left:0.83rem;top:0.71rem;}

/*free*/
.free{margin:0.83rem 0 1.25rem;position:relative;}
.free .cont{position:absolute;top:0;left:0;padding-left:0.5rem;}
.free .b{font-size:1.33rem;color:#9e0001;}
.free .b span{color:#6f6868;font-size:0.58rem;}
.free .s{margin-top:0.21rem;font-size:1rem;color:#666;}
.free .s span{color:#9e0001;}

/*norm*/
.norm{padding:2.08rem 0 2.5rem;background-color:#f0f0f0}
.norm-silder{margin:1.04rem 0.42rem;position:relative;}
.norm-silder .btn{position:absolute;width:0.83rem;height:1.33rem;top:50%;margin-top:-0.66rem;z-index:3;}
.norm-silder .btn.prev{left:0;background:url(../Images/Prodetails/norm_btn1.png) no-repeat 50% 50%;background-size:100% auto;}
.norm-silder .btn.next{right:0;background:url(../Images/Prodetails/norm_btn2.png) no-repeat 50% 50%;background-size:100% auto;}
.norm-silder .swiper-slide a{display:block;padding:0 0.63rem;}

/*customer*/
.customer{padding:2.5rem 0 0.5rem;}
.customer .top{display:block;margin:1.25rem 1.25rem 0;overflow:hidden;}
.customer .top span{display:block;color:#666;}
.customer .top .pic{width:10.83rem;height:5.63rem;float:left;margin-right:0.83rem;}
.customer .top .ti{font-size:0.83rem;line-height:1.25rem;}
.customer .top .desc{margin-top:0.63rem;font-size:0.67rem;line-height:1.17rem;}
.customer .list{overflow:hidden;padding:0.83rem 1.7rem;}
.customer .list a{display:block;float:left;width:3.75rem;height:3.33rem;padding:0.42rem;}

/*matching*/
.matching{padding:1.67rem 1.04rem 0.83rem;background-color:#f0f0f0;}
.matching-nav{margin-top:1.04rem;overflow:hidden;background-color:#9e0001}
.matching-nav span{display:block;float:left;width:33.33333%;height:2.5rem;font-size:1rem;color:#fff;line-height:2.5rem;text-align:center;}
.matching-nav span.cur{background-color:#646464}
.matching-silder{margin-top:1.25rem;}
.matching-silder .swiper-slide a{display:block;}

/*case*/
.case-wrap{padding:1.67rem 1.04rem 1.04rem;}
.case-nav{overflow:hidden;margin-right:-3px;margin-top:0.85rem;}
.case-nav li{float:left;width:25%;}
.case-nav li span{display:block;padding-left:2.5rem;margin-right:3px;height:2.08rem;background-color:#464646;line-height:2.08rem;font-size:0.83rem;color:#fff;position:relative;}
.case-nav li i{position:absolute;width:1.46rem;height:2.08rem;background-repeat:no-repeat;background-size:100% auto;left:0.63rem;top:0;}
.case-nav li:nth-child(1) i{background-image:url(../Images/Prodetails/case_icon1.png)}
.case-nav li:nth-child(2) i{background-image:url(../Images/Prodetails/case_icon2.png)}
.case-nav li:nth-child(3) i{background-image:url(../Images/Prodetails/case_icon3.png)}
.case-nav li:nth-child(4) i{background-image:url(../Images/Prodetails/case_icon4.png)}
.case-nav li.cur span{background-color:#9e0001;}
.case-silder{margin-top:0.75rem;}
.case-silder .swiper-slide{overflow:hidden;}
.case-silder .swiper-slide a{width:49%;margin-right:2%;display:block;float:left;margin-bottom:0.42rem;text-align:center;}
.case-silder .swiper-slide a:nth-child(2n){margin-right:0;}
.case-silder .swiper-slide span{display:block;}
.case-silder .swiper-slide .ti{height:2.08rem;line-height:2.08rem;font-size:0.75rem;color:#333;}

/*build*/
.build{padding:1.67rem 1.04rem 1.25rem;background-color:#f0f0f0;margin-bottom:1.67rem;}
.build-list{overflow:hidden;margin-top:1.04rem;}
.build-list li{width:48%;float:left;margin:0 4% 0.42rem 0;position:relative;}
.build-list li:nth-child(2n){margin-right:0;}
.build-list li:nth-child(2n):after{content:'';position:absolute;width:205%;height:9px;background:url(../Images/Prodetails/build_icon.png) no-repeat 50% 50%;background-size:auto 100%;bottom:0.63rem;right:0;}
.build-list li .ti{text-align:center;height:2.92rem;line-height:2.92rem;font-size:1rem;color:#666;}
.build-list li:last-child:after{display:none;}

/*para*/
.para{padding:2.08rem 1.25rem;background-color:#f0f0f0;}
.para h2{font-weight:bold;font-size:1.17rem;color:#971e23;text-align:center;}
.para .subti{text-align:center;font-size:1rem;color:#666;margin-top:0.42rem;}
.para .pic{margin-top:1.46rem;}
.para-cont{margin-top:3.33rem;font-size:0.75rem;line-height:1.8;color:#666;}
.para-cont li{padding:1.25rem 0.63rem;border-top:1px solid #c5c6c6;}
.para-cont img{max-width:100%;width:auto;}
.para-cont .img{text-align:center;margin:1.04rem 0;}
.para-cont .ti{font-size:1.5rem;margin-bottom:0.42rem;}
.para-cont .model{font-size:1rem;}
.para-cont .spec{margin:0.21rem 0 0.83rem;}

/*recommend*/
.recommend{margin-bottom:1.25rem;border-top:4px solid #dcdddd;background-color:#f0f0f0;}
.recommend h3{padding:0 1.88rem;height:2.92rem;line-height:2.92rem;font-size:1rem;color:#666;}
.recommend-list{overflow:hidden;}
.recommend-list a{display:block;width:49%;margin:0 2% 1rem 0;float:left;text-align:center;}
.recommend-list a span{display:block}
.recommend-list a:nth-child(2n){margin-right:0;}
.recommend-list a .ti{height:2.25rem;font-size:0.75rem;line-height:2.25rem;color:#666;}


/*=================================================================================================*/
/*Í¨ï¿½ï¿½ï¿½ï¿½ï¿½*/
.g-adv{ width:100%; height:34.08rem;position: relative; overflow:hidden;}
.g-adv .sclwrap_box{ height:34.08rem; overflow:hidden;}
.g-adv .m-cnt{ width:100%; position:absolute; bottom:0.63rem; left:8rem;}
.g-adv .m-cnt li{ float:left; width:2.42rem;height: 0.17rem; border:#fff 1px solid; margin:0 0.17rem 0 0;}
.g-adv .m-cnt li.z-on{ border:#d00202 1px solid;}

/*ï¿½ï¿½Æ·*/
.g-cp{ width:25.5rem; margin:0 auto; overflow:hidden; padding:0 0 0.8rem;position: relative;}
.g-cp:before{ content:"";width: 1px;height: 78%;background: #e1e1e1;position: absolute;top:3.33rem;left: 50%;z-index: 10;}
.g-cp:after{ content:"";width: 100%;height: 1px;background: #e1e1e1;position: absolute;top: 50%;left: 0;}
.g-cp .m-bt{height: 3.33rem;line-height: 3.33rem;overflow: hidden; width:24.5rem; margin:0 auto;}
.g-cp .m-bt a{font-size: 1.25rem;color: #c01721;font-weight: bold;}
.g-cp .m-bt span{float: right;}
.g-cp .m-bt span a{font-size: 0.75rem;color: #353535;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.g-cp ul li{ width:12.75rem;height: 12.75rem;float: left;position: relative;}
.g-cp ul li img{ width:12.75rem;height: 12.75rem;}
.g-cp ul li span{ display:block; text-align:center; width:12.75rem;height: 2rem;line-height: 2rem;position: absolute;bottom: 0;left: 0; font-size:1rem; color:#666;}
.g-cp .u-gd{ display:block; font-size:1rem; color:#666; width:100%; text-align:center; padding:1.8rem 0 0;}

/*ï¿½ï¿½ï¿½ï¿½3DÊ©ï¿½ï¿½ï¿½ï¿½Æµ*/
.g-shi{ width:100%;background: #f6f6f6; overflow:hidden; height:28.75rem;}
.g-shi .m-bt{display: block;font-size: 1.25rem;color: #c01721;font-weight: bold;height: 4.38rem;line-height: 4.6rem;overflow: hidden;width: 100%;text-align: center;}
.g-shi .sclwrap_box{ height:19.83rem; overflow:hidden;}
.g-shi .m-box .con{ display:inline; float:left;}
.g-shi .m-shi{width: 24.5rem;display: block; margin:0 auto;}
.g-shi .m-shi img{width: 24.5rem;height: 16.83rem;}
.g-shi .m-shi span{display: block;font-size: 1rem;color: #666;width: 100%;text-align: center; padding:0.75rem 0 0;}
.g-shi .m-cnt{ width:18rem; display:inline-block; padding:0 0 0 7.75rem;}
.g-shi .m-cnt li{width: 2.5rem;height: 0.5rem;float: left;background: #c21920;position: relative;}
.g-shi .m-cnt li:before{ content:"";width: 2px;height: 100%;background: #555;position: absolute;top: 0;right: 0;}
.g-shi .m-cnt li.z-on{ background:#555;}
.g-shi .m-cnt li:last-child:before{ background:none;}
.g-shi .u-btn{display: block;width: 100%;text-align: center;font-size: 1rem;color: #666; padding:1.25rem 0 0;}

/*ï¿½ï¿½ï¿½ï¿½*/
.g-ys{ padding:1.5rem 0 0;}
.g-ys .m-bt{display: block;width: 100%;text-align: center;font-size: 1rem;color: #666;height: 4rem;}
.g-ys .m-bt b{display: block;font-size: 1.25rem;color: #c01721;}
.g-ys dl{ width:100%;}
.g-ys dl dt{ width:24.5rem; display:inline-block; padding:0 0 0 1rem; overflow:hidden;}
.g-ys dl dt em{ display:block;width: 2.58rem;height: 2.58rem;text-align: center;line-height: 2.58rem;background: #c11920; border:#c11920 1px solid; float:left;font-size: 1.25rem;color: #fff;}
.g-ys dl dt b{ display:block; float:left;font-size: 1rem;color: #666;width: 20.5rem;height: 2.58rem;line-height: 2.58rem; border:#ccc 1px solid; border-left:none; padding:0 0 0 0.92rem;background: #fff;}
.g-ys dl dd{ padding:0.5rem 0 0; width:100%;}
.g-ys dl dd p{width: 24rem; margin:0 auto;font-size: 1rem;color: #666;line-height: 1.7rem;}
.g-ys dl dd span{display: block;width: 100%; padding:0.5rem 0 0;}
.g-ys dl:nth-child(2n+1){background: #f6f6f6; padding:2rem 0 2.5rem;}
.g-ys dl:nth-child(4){ padding:2.5rem 0;}

/**/
.g-fuw{display: block;width: 100%;height: 18.33rem; background:url(/Mobile/Images/Index/fuw_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-fuw b{display: block;width: 13.5rem; padding:1.75rem 0 0 1.08rem;}
.g-fuw b img{width: 13.5rem;height: 2.92rem;}
.g-fuw span,.g-fuw em{display: block;font-size: 1rem;color: #333;line-height: 1.58rem; padding:0.5rem 0 0 1.08rem;}
.g-fuw em{font-size: 0.83rem;}
.g-fuw i{display: block;font-size: 0.83rem;color: #9e0001; padding:0.5rem 0 0 1.08rem;}

/*ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
.g-sq{ width:100%;height: 22.67rem; overflow:hidden; background:url(/Mobile/Images/Index/ly_bg.jpg) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-sq .m-bt{display: block;width: 100%;text-align: center;font-size: 1rem;color: #383838; padding:2rem 0 0;height: 4rem;}
.g-sq .m-bt b{display: block;font-size: 1.25rem;}
.g-sq ul{ width:24.5rem; margin:0 auto;}
.g-sq ul li{ display:inline-block; width:100%;height: 2.17rem;line-height: 2.17rem;background: #616161; box-shadow:2px 3px 4px #2a2929 inset; margin:0 0 0.42rem;
border-radius:0.5rem;
-webkit- border-radius:0.5rem;
-moz-border-radius:0.5rem;
-o-border-radius:0.5rem;}
.g-sq ul li span{ width:8.5rem; float:left; font-size:0.83rem; color:#fff;text-align: right;}
.g-sq ul li i{ width:2.25rem; float:left; display:block; font-size:0.83rem; color:#fff;line-height: 2.17rem;}
.g-sq .sq_inp01{ background:none; border:none; width:13rem; float:left; font-size:0.83rem;color: #fff;line-height: 2.17rem;}
.g-sq ul li:last-child{background: #c11920; box-shadow:none;text-align: center;
border-radius:0;
-webkit- border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;}
.g-sq ul li a{font-size: 1rem;color: #fff;}
.g-sq .u-more{display: block;font-size: 1rem;color: #333;text-align: center; padding:0.5rem 0 0;}

/*ï¿½ï¿½ï¿½ï¿½*/
.g-case{ width:25.5rem; margin:0 auto; overflow:hidden; padding:0 0 1.5rem;position: relative;}
.g-case:before{ content:"";width: 1px;height: 62%;background: #e1e1e1;position: absolute;top:5rem;left: 50%;z-index: 10;}
.g-case:after{ content:"";width: 100%;height: 1px;background: #e1e1e1;position: absolute;top: 50%;left: 0;}
.g-case .m-bt{display: block;height: 4rem;line-height: 5rem;overflow: hidden; width:24.5rem; margin:0 auto;font-size: 1.25rem;color: #c01721;font-weight: bold;text-align: center;}
.g-case ul li{ width:11.17rem;height: 9.42rem;float: left; padding:1rem 0 0;}
.g-case ul li img{ width:11.17rem;height: 7.08rem;}
.g-case ul li span{ display:block; text-align:center; width:11.17rem;height: 2rem;line-height: 2rem; font-size:0.75rem; color:#666;}
.g-case ul li:nth-child(2n){float: right;}
.g-case .u-gd{ display:block; font-size:1rem; color:#666; width:100%; text-align:center; padding:1rem 0 0;}

/*ï¿½ß½ï¿½ï¿½ï¿½ï¿½ï¿½*/
.g-about{ width:100%; overflow:hidden; padding:0 0 0.4rem;background: #f6f6f6;}
.g-about .m-bt{display: block;width: 100%;text-align: center;font-size: 1.25rem;font-weight: bold;height: 3.5rem;line-height: 3.5rem;overflow: hidden;color: #c01721;}
.g-about p{ width:25.75rem; margin:0 auto;}
.g-about p img{width: 25.75rem;height: 16.38rem;}
.g-about p span{display: block;width: 25.75rem;text-align: center; padding:0.3rem 0 0;}
.g-about p span a{font-size: 1rem;color: #333;}
.g-about em{display: block;width: 100%;text-align: center;height: 2.5rem;line-height: 2.5rem;}
.g-about em a{font-size: 0.75rem;color: #666;}

/**/
.g-news{ width:24.5rem; margin:0 auto; height:20.58rem; overflow:hidden;}
.g-news .m-cnt{ height:4.33rem;}
.g-news .m-cnt li{ width:33%;height: 4.33rem;line-height: 4.5rem; text-align:center; float:left; font-size:1rem; color:#333;position: relative;}
.g-news .m-cnt li:before{ content:"";width: 2px;height: 1rem;background: #c11820;position: absolute;top: 1.8rem;right: 0;}
.g-news .m-cnt li.z-on{ color:#c11820;}
.g-news .m-cnt li:last-child:before{ background:none;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news dl{ width:100%; display:inline-block;}
.g-news dl dt{ width:10.33rem; float:left;}
.g-news dl dt img{ width:10.33rem;height: 7.42rem;}
.g-news dl dd{ width:13.5rem; float:right;}
.g-news dl dd b{ display:block;font-weight: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news dl dd b a{ font-size:0.75rem; color:#333;}
.g-news dl dd p{ font-size:0.67rem; color:#666; line-height:1.5rem; padding:0.3rem 0 0; text-indent:2em;}
.g-news .m-box ul li{ height:2.5rem; line-height:2.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .m-box ul li a{ font-size:1rem; color:#666;}