﻿.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-nav { position:relative;width: 100%;background: #cf0408;height: 5.83rem;}
.g-nav:after{ content:"";width: 100%;height: 1px;background: #fff;position: absolute;top: 50%;left: 0;}
.g-nav a { font-size:0.92rem; color:#fff; width:33.3%; text-align:center;height: 2.92rem;line-height: 2.92rem; display:block; float:left; position:relative;}
.g-nav a:after { position:absolute; content:""; width:1px; height:100%; background:#fff; top:0; right:0;}
.g-nav a:nth-child(2){background: #8a0305;}
.g-nav a:nth-child(3n):after{ background:none;}


/*通栏广告*/
.g-adv{ width:100%; height:12.5rem; overflow:hidden;}

/**/
.g-three{ padding:2.25rem 0 2.08rem;}
.g-three .m-bt,.g-cp .m-bt,.g-five .m-bt,.g-liuc .m-bt,.g-bao .m-bt,.g-fuw .m-bt,.g-case .m-bt{display: block;width: 100%;text-align: center;font-size: 1.08rem;color: #333;font-weight: bold;height: 3.83rem;overflow: hidden;}
.g-three .m-bt i,.g-five .m-bt i,.g-liuc .m-bt i,.g-bao .m-bt i,.g-fuw .m-bt i{color: #cf0408;}
.g-three .m-bt span,.g-cp .m-bt span,.g-five .m-bt span,.g-liuc .m-bt span,.g-bao .m-bt span,.g-fuw .m-bt span,.g-case .m-bt span{display: block;font-size: 0.67rem; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.g-three .m-pic{display: block;width: 100%;}


/*豪钢起重机中心*/
.g-cp{ width:100%; height:20rem;background: #f7f7f7; overflow:hidden; position:relative;}
.g-cp .m-bt{ height:4rem; padding:0.83rem 0 0;}
.cp_bt{width: 25.83rem; margin:0 0 0 0.42rem;background: #ddd; display:inline-block;}
.cp_bt a{display: block;float: left;font-size: 0.83rem;color: #333;width: 33.3%;text-align: center;height: 2.08rem;line-height: 2.08rem;overflow: hidden;position: relative;}
.cp_bt a:nth-child(2){background: #cf0408;color: #fff;}
.cp_bt a:before{ content:"";width: 1px;height: 100%;background: #a5a5a5;position: absolute;top: 0;right: 0;}
.cp_bt a:last-child:before{ background:none;}
.g-cp .sclwrap_box{ height:12.5rem;overflow: hidden;}
.g-cp .prev{ width:0.92rem; position:absolute; top:11rem; left:0;z-index: 10;}
.g-cp .next{ width:0.92rem; position:absolute; top:11rem; right:0;z-index: 10;}
.g-cp .nowarp { margin:0;}
.g-cp .m-box .con{ display:inline; float:left;}
.g-cp ul li{ width:12.71rem; float:left; padding:0.42rem 0 0 0.55rem;}
.g-cp ul li img{ width:12.71rem;height: 9.75rem;}
.g-cp ul li span{ display:block; text-align:center; width:100%;}
.g-cp ul li span a{ font-size:0.83rem; color:#333;}

/*五大特点*/
.g-five{ padding:2.25rem 0 1.83rem;width: 100%;}
.g-five p{width: 100%;height: 11.46rem;overflow: hidden; background:url(/mobile/Images/Index/five_k.gif) 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-five p span{display: block;font-size: 0.75rem;color: #333;height: 2.29rem;line-height: 2rem;text-align: center;}

/*服务流程*/
.g-liuc{background: #f7f7f7; padding:1.67rem 0 0.7rem; position:relative;}
.g-liuc .m-bt{height: 3.75rem;}
.g-liuc ul li{width: 33.3%;float: left;text-align: center;height: 7.2rem;}
.g-liuc ul li img{width: 5.17rem;height: 5.17rem;}
.g-liuc ul li span{display: block;width: 100%;text-align: center;font-size: 0.75rem;color: #333;}
.g-liuc ul li:nth-child(4){ padding:0 0 0 33.3%;}
.g-liuc .liuc_tel{display: block;font-size: 0.75rem;color: #333;width: 33.3%;text-align: center;position: absolute;top:15rem;left: 0;}
.liuc_tel em{display: block;width: 1.25rem; margin:0 auto;}
.liuc_tel em img{width: 1.25rem;height: 1.25rem;}
.liuc_tel b{display: block;font-size: 1rem;color: #cf0408;}

/*保障生产*/
.g-bao{ padding:2.25rem 0 0;width: 25.83rem; margin:0 auto 2rem;}
.g-bao .m-bt{height: 4rem;}
.g-bao p{width: 100%;height: 8.79rem; padding:1rem 0 0; background:url(/mobile/Images/Index/bao_pic.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-bao p span{display: block;font-size: 0.67rem;color: #fff;height: 2rem;line-height: 1.5rem; padding:0 0 0 6.17rem;}

/*服务客户*/
.g-fuw{width: 100%;height: 15.5rem;overflow: hidden; 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 p{display: block;font-size: 0.67rem;color: #333;font-weight: bold;height: 3.67rem; padding-left:12rem;}
.g-fuw p em{display: block;width: 5.29rem;}
.g-fuw p em img{width: 5.29rem +;height: 1.38rem;}
.g-fuw p:nth-child(2){ padding-top:0.83rem;}

/*经典服务案例*/
.g-case{ width:100%; height:19.17rem; overflow:hidden; padding:2.2rem 0 0; position:relative;}
.g-case .sclwrap_box{ height:12.5rem;overflow: hidden;}
.g-case .prev{ width:2rem; position:absolute; top:9.83rem; left:0.42rem;}
.g-case .next{ width:2rem; position:absolute; top:9.83rem; right:0.42rem;}
.g-case .nowarp { margin:0 3rem;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case .case_p{ width:20.42rem; margin:0 auto;}
.g-case .case_p img{ width:20.42rem;height: 9.58rem;}
.g-case .case_p span{ display:block; text-align:center; width:100%; padding:0.5rem 0 0;}
.g-case .case_p span a{ font-size:0.83rem; color:#333;}
.g-case .u-btn{display: block;font-size: 0.83rem;color: #cf0408;font-weight: bold;width: 5.75rem;text-align: center;height: 1.83rem;line-height: 1.83rem; border:#cf0408 1px solid;overflow: hidden; margin:0 auto;}

/**/
.g-news{ width:100%; height:13.75rem; overflow:hidden;}
.g-news .m-cnt{ height:2.5rem; width:100%;}
.g-news .m-cnt li{ width:25%; text-align:center; float:left; position:relative;font-size: 1rem;color: #333;height: 2.5rem;line-height: 2.5rem;}
.g-news .m-cnt li:before{ position:absolute; content:""; width:0.5rem; height:2px; background:#333; top:1.2rem; right:0;}
.g-news .m-cnt li.z-on{ color:#e70004;font-weight: bold;}
.g-news .m-cnt li:last-child:before{ background:none;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ width:25rem; margin:0 auto; padding:2% 0 0;}
.g-news .m-box ul li{ height:2.17rem; line-height:2.17rem; border-bottom:#e8e7e7 1px solid; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .m-box ul li a{ font-size:0.83rem; color:#cf0408;}
.g-news .m-box ul li:nth-child(2n) a{color: #333;}
.g-news .m-box ul li span{ font-size:0.83rem; color:#666;float: right;}
