﻿.wrap img{ width:100%;}

@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%;}}

/*通栏广告*/
.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:100%; display:block;}
.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 .jssubmit{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{display:block; width:100%;}
.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;}
