﻿

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{ height:12.5rem; overflow:hidden;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:12.5rem; overflow:hidden;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:5.33rem; overflow:hidden;position:relative; margin-top:0;}
nav:before{ position:absolute; content:""; width:100%; height:1px; top:50%; left:0; background:#3e4a8f; z-index: 10;}
nav a{ color:#fff; font-size:1rem; width:33.3%; text-align:center; height:2.67rem; line-height:2.80rem; overflow:hidden; display:block; float:left; position:relative; background: url(/mobile/Images/Index/nav_b.gif) repeat-x;-webkit-background-size:0.5rem 2.67rem; -moz-background-size:0.5rem 2.67rem; -o-background-size:0.5rem 2.67rem; background-size:0.5rem 2.67rem;}
nav a:before{ position:absolute; content:""; width:1px; height:2.85em; top:0; right:0; background:#3e4a8f; z-index: 10;}
nav a:nth-child(3n):before{ background:none;}

/*问题*/
.plb{ padding-bottom:2rem; overflow: hidden; background: #f5f5f5;}

.plb h1{ padding-top: 3.08rem; height: 7.58rem; overflow: hidden; text-align: center; font-size: 1rem; color: #282828;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.plb h1 b{ display: block; font-size: 1.33rem; color: #f13a00;}
.plb p{ width: 25rem; margin: 0 auto; height: 12.33rem; overflow: hidden;}
.plb ul{ margin-top: 1rem;}
.plb ul li{ padding-left: 1.17rem; margin-left: 1.17rem; font-size: 0.92rem; line-height: 1.67rem; position: relative; color: #2f2f2f;}
.plb ul li:before{ position: absolute; content: ""; width: 0.38rem; height: 0.38rem; background: #6c6c6c; border-radius: 10rem; top: 0.58rem; left: 0;}

/*细节*/
.det{ height:28.88rem; overflow: hidden;}

.det h2{ padding-top: 2.75rem; font-size: 0.92rem; color: #333; letter-spacing: 0.5rem; height:7.34rem; overflow: hidden; text-align: center; line-height: 2.08rem; font-family: "Microsoft Yahei";box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; position: relative;}
.det h2:before{ position: absolute; content: ""; width: 1.67rem; height: 0.17rem; background: #333; top: 5.42rem; left: 12.5rem;}
.det h2 b{ line-height: 2.67rem; display: block; font-size: 1.67rem; color: #1a2168; letter-spacing: 0;}
.det h2 em{ color: #f13a00;}

.det_con{ width: 25rem; margin: 0 auto; height: 22.33rem;}
.det_con .con{ float: left; display: inline; width: 100%;}

.det_c{ height: 18.25rem; overflow: hidden;}
.det_c dl dt{ width: 25rem; height: 11.58rem; overflow: hidden;}
.det_c dl dd{ margin-top: 1.25rem; font-size: 0.92rem; color: #484848; line-height: 1.67rem; font-family: "Microsoft Yahei";}
.det_c dl dd b{ display: block; font-size: 1rem; color: #1a2168; line-height: 1.83rem;}

.det_q{ height: 0.75rem; margin-left: 9.83rem;}
.det_q li{ width: 0.75rem; height: 0.75rem; background: #484848; float: left; border-radius: 10rem; margin-right: 0.75rem;}
.det_q .z-on{ background: #f13a00;}

/*产品中心*/
.pro{ height: 54.33rem; overflow: hidden; background: #f5f5f5;}

.pro h2{ background: #1a2168;    margin-bottom: 2rem; font-size: 1.25rem; color: #fff; overflow: hidden; font-family: "Microsoft Yahei"; font-weight: bold; text-align: center;}
.pro h2 a{ color: #fff;}
.pro p{ width: 25rem; margin: 0 auto;    display: none;}
.pro p a{ padding-left: 1.83rem; line-height: 4.13rem; height: 4.13rem; overflow: hidden; font-family: "Microsoft Yahei"; font-size: 0.92rem; color: #484848; display: inline-block; width: 32%; background: url(/mobile/Images/Index/pro_b01.jpg) no-repeat left center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-webkit-background-size:1.46rem 1.46rem; -moz-background-size: 1.46rem 1.46rem; -o-background-size:1.46rem 1.46rem; background-size:1.46rem 1.46rem%;}

.pro ul{ width: 25rem; margin: 0 auto;}
.pro ul li{ width: 11.75rem; float: left; overflow: hidden; line-height: 0; margin-right: 1.5rem;}
.pro ul li span{ text-align: center; line-height: 3.5rem; text-align: center; color: #484848; font-family: "Microsoft Yahei"; font-size: 0.92rem; display: block;}

.pro ul li:nth-child(2n){ margin-right: 0;}

/*案例*/
.case{ height: 40.67rem; overflow: hidden;}
.case h2{ padding-top: 2.58rem; font-size: 0.92rem; color: #333; letter-spacing: 0.5rem; height: 8.42rem; overflow: hidden; text-align: center; line-height: 2.08rem; font-family: "Microsoft Yahei";box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; position: relative;}
.case h2:before{ position: absolute; content: ""; width: 1.67rem; height: 0.17rem; background: #333; top: 5.33rem; left: 12.5rem;}
.case h2 b{ line-height: 2.67rem; display: block; font-size: 1.67rem; color: #1a2168; letter-spacing: 0;}
.case h2 em{ color: #f13a00;}

.case_con{ width: 25rem; margin: 0 auto; height: 32.25rem; overflow: hidden;}
.case_con .con{ float: left; display: inline; width: 100%;}

.case_c{ height: 28.21rem; overflow: hidden; width: 25rem; margin: 0 auto;}
.case_c dl dt{ width: 25rem; height: 17.29rem; overflow: hidden;}
.case_c dl dd{ margin-top: 1rem; font-size: 0.83rem; color: #484848; line-height: 1.5rem;}
.case_c dl dd b{ display: block; line-height: 2.5rem; color: #242424; font-size:1rem; font-family: "Microsoft Yahei";}
.case_c dl dd a{ font-weight: bold; color: #1a2168;}


.case_q{ height: 0.75rem; margin-left: 9.83rem;}
.case_q li{ width: 0.75rem; height: 0.75rem; background: #484848; float: left; border-radius: 10rem; margin-right: 0.75rem;}
.case_q .z-on{ background: #f13a00;}

/*优势*/
.edgv{ height: 34.83rem; overflow: hidden;}

.edgv h2{ height: 6.38rem; overflow: hidden;}

.edgv_con{ height: 28.46rem; overflow: hidden; width: 25rem; margin: 0 auto;}
.edgv_con .con{ float: left; display: inline; width: 100%;}

.edgv_c{ height: 24.29rem; width: 25rem; overflow: hidden; margin: 0 auto;}
.edgv_c dl dt{ padding-top: 1.08rem; height: 8.29rem; overflow: hidden; font-size: 1.08rem; color: #182067; font-weight: bold; font-family: "Microsoft Yahei";box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.edgv_c dl dt span{ vertical-align: middle; font-size: 2.33rem; color: #f13a00; font-weight: bold;}
.edgv_c dl dt p{ font-size: 0.80rem; font-weight: normal; color: #515151;}
.edgv_c dl dd{ width: 25rem; height: 14.33rem; overflow: hidden;}

.edgv_q{ height: 0.75rem; margin-left: 9.83rem;}
.edgv_q li{ width: 0.75rem; height: 0.75rem; background: #484848; float: left; border-radius: 10rem; margin-right: 0.75rem;}
.edgv_q .z-on{ background: #f13a00;}

/*合作客户*/
.coo{ height: 18.71rem; overflow: hidden; background: #e9e9e9;}
.coo h2{ padding-top: 2.58rem; font-size: 0.92rem; color: #333; letter-spacing: 0.5rem; height: 8.08rem; overflow: hidden; text-align: center; line-height: 2.08rem; font-family: "Microsoft Yahei";box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; position: relative;}
.coo h2:before{ position: absolute; content: ""; width: 1.67rem; height: 0.17rem; background: #333; top: 5.08rem; left: 12.5rem;}
.coo h2 b{ line-height: 2.67rem; display: block; font-size: 1.25rem; color: #1a2168; letter-spacing: 0;}
.coo h2 em{ color: #f13a00;}

.coo_con{ width: 25rem; margin: 0 auto; height: 10.63rem; overflow: hidden;}
.coo_con .con{ float: left; display: inline; width: 100%;}


.coo_c{ width: 20.42rem; height: 7.88rem; overflow: hidden; margin: 0 auto;}
.coo_c ul li{ padding: 0.33rem 0.29rem 0; margin-right: 1.33rem; width: 9.54rem; float: left; display: inline; border: 1px solid #9b9b9b; background: #c9c9c9; height: 6.13rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.coo_c ul li span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block; text-align: center; font-size: 0.83rem; color: #464646;}

.coo_c ul li:nth-child(2n){ margin-right: 0;}

.coo_q{ height: 0.75rem; margin-left: 10.83rem;}
.coo_q li{ width: 0.75rem; height: 0.75rem; background: #484848; float: left; border-radius: 10rem; margin-right: 0.75rem;}
.coo_q .z-on{ background: #f13a00;}

/*流程*/
.tec{ background: url(/mobile/Images/Index/tec_bj.jpg) no-repeat center top; height: 15.96rem; overflow: hidden;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.tec ul{ margin-left: 3.67rem; margin-top: 2.79rem;}
.tec ul li{ float: left; width: 3.5rem; height: 5.83rem; line-height: 0; margin-right: 2.92rem;}
.tec ul li span{ display: block; line-height: 2rem; font-size: 0.83rem; color: #fff;}

.tec ul li:nth-child(4){ margin-right: 0;}

/*关于*/
.about{ height: 36.33rem; overflow: hidden; background: #eaeaea;}

.about h2{ padding-top: 2.58rem; font-size: 0.58rem; color: #c1c1c9; text-transform: uppercase; height: 8.13rem; overflow: hidden; text-align: center; line-height: 2.08rem; font-family: Arial;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; position: relative;}
.about h2:before{ position: absolute; content: ""; width: 1.67rem; height: 0.17rem; background: #333; top: 5.21rem; left: 12.5rem;}
.about h2 b{ line-height: 2.67rem; display: block; font-size: 1.42rem; color: #1a2168; letter-spacing: 0; font-family: "Microsoft Yahei";}
.about h2 em{ color: #f13a00;}
.about dl{ width: 25rem; margin: 0 auto;}
.about dl dt{ height: 15.5rem; overflow: hidden;}
.about dl dd{ font-size: 0.83rem; line-height: 1.5rem; color: #333; font-family: "Microsoft Yahei"; margin-top: 1.17rem;}
.about dl dd b{ margin-bottom: 0.5rem; color: #181d51; display: block; font-size: 1rem; line-height: 2.08rem; font-family: "Microsoft Yahei"; background: url(/mobile/Images/Index/a_wb.gif) no-repeat left bottom;-webkit-background-size:19rem 0.13rem; -moz-background-size:19rem 0.13rem; -o-background-size:19rem 0.13rem; background-size:19rem 0.13rem;}

/*设备*/
.equ{ height: 17.08rem; overflow: hidden; position: relative; }
.equ span{ display: block; position: absolute; font-size: 0.92rem; font-family: Arial; color: #717171; text-transform: uppercase; right: 0.92rem; top: 1.88rem; line-height: 2.67rem; height: 2.67rem; overflow: hidden;}
.equ .con{ float: left; display: inline; width: 100%;}
.equ_q{ margin-top: 1.88rem; height: 2.67rem; overflow: hidden; border-bottom: 1px solid #dcdde4;}
.equ_q li{ float: left; font-size: 0.92rem; font-weight: bold; line-height: 2.67rem; height: 2.67rem; overflow: hidden; color: #333; padding-left: 1.58rem; margin-left: 0.92rem; background: url(/mobile/Images/Index/equ_hb01.png) no-repeat left center;-webkit-background-size:1.08rem 1rem; -moz-background-size:1.08rem 1rem; -o-background-size:1.08rem 1rem; background-size:1.08rem 1rem;}
.equ_q li:nth-child(2){ background: url(/mobile/Images/Index/equ_hb02.png) no-repeat left center;-webkit-background-size:1.08rem 1rem; -moz-background-size:1.08rem 1rem; -o-background-size:1.08rem 1rem; background-size:1.08rem 1rem;}

.equ_q .z-on{background: url(/mobile/Images/Index/equ_hb1.png) no-repeat left center;-webkit-background-size:1.08rem 1rem; -moz-background-size:1.08rem 1rem; -o-background-size:1.08rem 1rem; background-size:1.08rem 1rem; color: #f13a00;}

.equ_q .z-on:nth-child(2){background: url(/mobile/Images/Index/equ_hb2.png) no-repeat left center;-webkit-background-size:1.08rem 1rem; -moz-background-size:1.08rem 1rem; -o-background-size:1.08rem 1rem; background-size:1.08rem 1rem;}

.equ_c{ width: 25rem; margin: 1.5rem auto 0;}
.equ_c ul li{ width: 11.46rem; float: left; margin-right: 2rem; position: relative; height: 8.08rem; overflow: hidden; position: relative;}
.equ_c ul li p{ color: #fff; line-height: 1.5rem; position: absolute; bottom: 0; left: 0; width: 11.46rem; height: 1.5rem; font-size: 0.63rem; text-align: center; background: url(/mobile/Images/Index/equ_pb.png) repeat-x;-webkit-background-size:0.5rem 1.5rem; -moz-background-size:0.5rem 1.5rem; -o-background-size:0.5rem 1.5rem background-size:0.5rem 1.5rem;}
.equ_c ul li:nth-child(2){ margin-right: 0;}

/*新闻资讯*/
.new{ height: 20.58rem; overflow: hidden; background: #e9e9e9; position: relative;}
.new span{ display: block; position: absolute; right: 0.83rem; top: 1rem; line-height: 4.29rem; font-family: "Microsoft Yahei"; color: #717171; font-size: 0.92rem;}

.new .con{ float: left; display: inline; width: 100%;}
.n_q{ height: 4.29rem; margin-top: 1rem; padding-left: 0.83rem;}
.n_q li{ float: left; width: 6.33rem; line-height: 4.29rem; font-size: 1rem; color: #383838; font-weight: bold; position: relative; padding-left: 1.13rem;}
.n_q li:before{ position: absolute; content: ""; width: 0.21rem; height: 1.25rem; background: #29166f; top: 1.5rem; left: 0;}
.n_q .z-on{ color: #f13a00;}
.n_q .z-on:before{ background: #f13a00;}

.new_c{ width: 25rem; margin: 0 auto;}
.new_c p{ width: 25rem; height: 7.33rem; overflow: hidden;}
.new_c ul{ margin-top: 1.5rem;}
.new_c ul li{ font-size: 0.83rem; color: #666; line-height: 1.5rem;}
.new_c ul li a{ color: #666;}
/*-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
*/
@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}

}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}
.pro img{
    width: 100% !important;
    height: 12.8rem !important;  
    }
.case_c img
{
    width: 100% !important;
    height: 17.29rem !important;  
    }
