﻿

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{overflow:hidden; line-height:0;}
.g-adv .sclwrap_box , .g-adv .m-box{ overflow:hidden;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{ background:url(/mobile/Images/Index/nav_bj.jpg) no-repeat center top; height:7.04rem; overflow:hidden;  position:relative;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
nav:before{ position:absolute; content:""; width:100%; height:1px; top:50%; left:0; background:#4e81c4;}
nav a{ font:1rem/3.5rem "Microsoft Yahei"; color:#fff; width:33%; height:3.5rem; text-align:center; overflow:hidden; display:block; float:left; position:relative;}
nav a:before{ position:absolute; content:""; width:1px; height:3.5rem; top:0; right:0; background:#4e81c4;}
nav a:nth-child(3n):before{ background:none;}


/*年份*/
.nf{ height:27.63rem; overflow:hidden;}
.nf h2{ margin-top:1.46rem; text-align:center; font:bold 1.08rem/2.42rem "Microsoft Yahei";}
.nf h2 a{ display:block; color:#014bab;}
.nf h2 p{ background:url(/mobile/Images/Index/nf_h.gif) no-repeat center top; height:1.92rem; font:1rem/1.92rem "Microsoft Yahei"; color:#333;-webkit-background-size:12.84rem 1.92rem ; -moz-background-size:12.85rem 1.92rem; -o-background-size:12.84rem 1.92rem; background-size:12.84rem 1.92rem;}
.nf h2 em{ display:block; font:0.75rem/1.25rem "Microsoft Yahei"; color:#adadad; text-transform:uppercase;}

.nf_con{ margin-top:1.38rem; background:url(/mobile/Images/Index/nf_qb.jpg) no-repeat center top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; height:19.25rem; overflow:hidden; position:relative;}

.nf_con .prev{ position:absolute; width:0.83rem; height:1.58rem; top:6.63rem; left:1.13rem; z-index:3;}
.nf_con .next{ position:absolute; width:0.83rem; height:1.58rem; top:6.63rem; right:1.13rem; z-index:3;}

.nf_c{ margin-left:3.04rem; width:20.38rem;}
.nf_c ul{ width:20.38rem;}
.nf_c ul li{ width:20.38rem; float:left;}
.nf_c ul li span{ display:block; font:1rem/4.5rem "Microsoft Yahei"; color:#555; text-align:center;}

/*产品中心*/
.cp_zx{ height:39.21rem; overflow:hidden;}
.cp_zx h2{ padding-top:0.67rem; font: bold 1.08rem "Microsoft Yahei"; color:#fff; height:3.5rem; overflow:hidden; background:url(/mobile/Images/Index/cp_hb.jpg) no-repeat center top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cp_zx h2 span{ display:block; font:0.75rem Arial, Helvetica, sans-serif; color:#4c73ba; text-transform:uppercase;}

.cp_xq{ padding-left:1.42rem; height:12.5rem; overflow:hidden; margin-top:1.79rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cp_xq ul li{ margin-right:0.92rem; background:url(/mobile/Images/Index/cp_b.gif) no-repeat left top; float:left; width:11.5rem;-webkit-background-size:11.5rem  8.46rem; -moz-background-size:11.5rem  8.46rem; -o-background-size:11.5rem  8.46rem; background-size:11.5rem  8.46rem;}
.cp_xq ul li img{ width:11.17rem; padding:0.17rem;}
.cp_xq ul li span{ display:block; font:1rem/3.42rem "Microsoft Yahei"; color:#555; text-align:center;}

.cp_xq .nobot{ margin-right:0;}

.lb{ padding-left:1.42rem; height:21.42rem; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.lb h3{ background:url(/mobile/Images/Index/cp_lb.gif) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; width:23.92rem; height:2.29rem; font:bold 1rem/2.29rem "Microsoft Yahei"; color:#014bab; padding-left:1.25rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.lb ul{ margin-top:0.5rem; margin-left:1.25rem; overflow:hidden;}
.lb ul li{ border-bottom:1px solid #bfbfbf; float:left; height:2.71rem; font:1rem/2.71rem "Microsoft Yahei"; color:#555; width:10.25rem; overflow:hidden;}

.lb .lb_h01{ margin-top:0.92rem;}

.lb .nobot{ border-bottom:0;}
#li11,#li12,#li19{border-bottom:0;}

/*实现*/
.sc{ background:url(/mobile/Images/Index/ga.jpg) no-repeat center top; height:22.08rem; overflow:hidden;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.sc h2{ padding-top:0.67rem; font: bold 1.08rem "Microsoft Yahei"; color:#fff; height:3.5rem; overflow:hidden;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.sc h2 span{ display:block; font:0.75rem Arial, Helvetica, sans-serif; color:#4c73ba; text-transform:uppercase;}

.sc_con{ position:relative; height:18.58rem; overflow:hidden;}
.sc_con p{ font:bold 1rem/2.25rem "Microsoft Yahei"; position:absolute; color:#014bab;}

.sc_con .sc_p01{ left:5.25rem; top:1.96rem;}
.sc_con .sc_p02{ right:1.71rem; top:1.96rem;}
.sc_con .sc_p03{ font: bold 0.75rem/2.25rem "Microsoft Yahei"; left:3.88rem; top:8.17rem;}
.sc_con .sc_p04{ font: bold 0.75rem/2.25rem "Microsoft Yahei";  right:1.29rem; top:8.17rem;}
.sc_con .sc_p05{ font: bold 0.75rem/2.25rem "Microsoft Yahei";  left:5.21rem; top:14.25rem;}
.sc_con .sc_p06{ font: bold 0.75rem/2.25rem "Microsoft Yahei";  right:4.79rem; top:14.25rem;}


/*合作*/
.hz{ height:13.63rem; overflow:hidden;}
.hz h2{ padding-top:0.67rem; font: bold 1.08rem "Microsoft Yahei"; color:#fff; height:3.5rem; overflow:hidden; background:url(/mobile/Images/Index/cp_hb.jpg) no-repeat center top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.hz h2 span{ display:block; font:0.75rem Arial, Helvetica, sans-serif; color:#4c73ba; text-transform:uppercase;}

.hz_con{ margin-top:1.54rem; height:7.92rem; overflow:hidden; position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.hz_con .prev{ width:2rem; height:2rem; position:absolute; top:1.17rem; left:1.42rem; z-index:3;}
.hz_con .next{ width:2rem; height:2rem; position:absolute; top:1.17rem; right:1.42rem; z-index:3;}

.hz_c{ padding-left:4.42rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.hz_c ul li{ margin-right:0.75rem; width:8.71rem; float:left; height:7.88rem; overflow:hidden;}
.hz_c ul li img{ width:8.63rem; border:1px solid #d8d8d8;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.hz_c ul li span{ display:block; font:1rem/3.25rem "Microsoft Yahei"; color:#555; text-align:center;}

.hz_c .nobot{ margin-right:0;}

/*优势*/
.ys{ padding-top:8.42rem; background:url(/mobile/Images/Index/ys_bj.jpg) no-repeat left top; height:44.13rem; overflow:hidden;-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;}

.ys_c{ height:33.75rem; overflow:hidden;}

.y_p p{ height:15.54rem; overflow:hidden;}
.y_p p img{ width:100%}

.ys_w{ margin-left:2.63rem; width:22.5rem; overflow:hidden; position:relative;}
.ys_w:before{ position:absolute; content:""; width:1px; height:14.33rem; border-right:1px dashed #a4a4a4; top:2.75rem; left:0.71rem;}

.ys_w dl dt{ height:4.42rem; overflow:hidden;}
.ys_w dl dt span{ margin-top:0.63rem; font:1rem/2.29rem "Microsoft Yahei"; color:#fff; display:inline-block; background:url(/mobile/Images/Index/ys_d.png) no-repeat left top; height:2.29rem; width:2.29rem;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; text-align:center;}

.ys_w dl dt p{ padding-top:3px; height:4.29rem; border-top:2px solid #737373; border-bottom:1px solid #bcbcbc; width:18.38rem; font:bold 1rem "Microsoft Yahei"; color:#222;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; margin-left:0.83rem;}
.ys_w dl dt p em{ display:block; font:0.5rem/1.25rem Arial, Helvetica, sans-serif; text-transform:uppercase; color:#b0b0b0;}
.ys_w dl dd{ margin-left:1.83rem; font:1rem/1.75rem "Microsoft Yahei"; color:#333;}
.ys_w dl dd p{ margin-top:1.83rem; position:relative; width:19.33rem; padding-left:1.08rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.ys_w dl dd p:before{ position:absolute; content:""; height:3px; width:3px; border:3px solid #014bab; border-radius:5px; top:0.63rem; left:0;}

.ys_w dl dd p em{ font:bold 1rem/1.75rem "Microsoft Yahei"; color:#ff0000;}

.ys_q{ margin-left:9.67rem;}
.ys_q li{ float:left; width:1.63rem; height:0.5rem; background:#014bab; margin-right:1.13rem;}
.ys_q .z-on{ background:#ff0000;}


/*咨询*/
.zx{ background:url(/mobile/Images/Index/zx_bj.jpg) no-repeat center top; height:7.92rem;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; position:relative;}
.zx p{ position:absolute; background:url(/mobile/Images/Index/z_tel.png) no-repeat left top; height:1.54rem;-webkit-background-size:1.54rem 1.54rem; -moz-background-size:1.54rem 1.54rem; -o-background-size:1.54rem 1.54rem; background-size:1.54rem 1.54rem; font:1rem/1.54rem Arial, Helvetica, sans-serif; color:#fff; padding-left:2.08rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; bottom:1.5rem; left:14.4rem;}

.kh{ height:33.54rem; overflow:hidden;}

.kh_h{width:89%; margin:0 auto;  margin-top:2.38rem;  height:2.13rem; overflow:hidden; border-bottom:1px solid #c8c8c8;}
.kh_h span{ font:1rem/2.13rem "Microsoft Yahei";}
.kh_h span a{ color:#4a4a4a;}

.kh_h ul{ height:2.13rem; overflow:hidden;}
.kh_h ul li{ float:left; font:1.08rem/2.13rem "Microsoft Yahei"; width:9.1rem; height:2.13rem; text-align:center; position:relative;}
.kh_h ul li a{ color:#333;}
.kh_h .la_c{ margin-left:0;}
.kh_h .z-on{ background:url(/mobile/Images/Index/a_h.png) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; font-weight:bold; color:#fff;}


.about{ height:26.88rem; overflow:hidden;}
.about dl{ margin:0 auto; margin-top:1.88rem; width:23.75rem;}
.about dl dt{ background:url(/mobile/Images/Index/a_y.jpg) no-repeat left bottom; width:23.75rem; height:13.83rem; overflow:hidden;-webkit-background-size:23.75rem 0.67rem; -moz-background-size:23.75rem 0.67rem; -o-background-size:23.75rem 0.67rem; background-size:23.75rem 0.67rem;}
.about dl dt img{ width:23.75rem;}
.about dl dd{ font:1rem/2rem "Microsoft Yahei"; color:#555;}
.about dl dd span{ padding-top:1.08rem;  display:block; font:1rem/2rem "Microsoft Yahei"; color:#555; height:9rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.about dl dd p{ margin:0 auto; width:16.25rem;}
.about dl dd p a{ width:7.5rem; height:1.67rem; font:1rem/1.67rem "Microsoft Yahei"; color:#fff; text-align:center; display:inline-block; margin-right:1.17rem; background:url(/mobile/Images/Index/r_b.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.about dl dd p .nobot{ margin-right:0;}

.kh_c{ margin:0 auto; margin-top:2.08rem; width:23.75rem; height:26.67rem; overflow:hidden;}

.kh_c dl{ width:11.42rem; margin-right:0.9rem; float:left;}
.kh_c dl dt{ width:11.42rem; height:7.42rem; overflow:hidden;}
.kh_c dl dt img{ width:11.42rem; }
.kh_c dl dd{ text-align:center; font:0.92rem "Microsoft Yahei"; color:#555;}
.kh_c dl dd p{ padding-top:0.83rem; height:6.5rem; width:11.38rem; border-bottom:1px solid #b2b2b2; text-align:center; font:0.92rem/1.58rem "Microsoft Yahei"; color:#555;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; margin-bottom:1rem;}
.kh_c dl dd p a{ display:block; font:1rem "Microsoft Yahei"; color:#333;}

.kh_c dl dd span{ margin-top:1rem; display:block; width:11.38rem; border-top:1px solid #b2b2b2;}
.kh_c dl dd span a{ display:block; margin:0 auto;width:7.5rem; height:1.67rem; font:1rem/1.67rem "Microsoft Yahei"; color:#fff; text-align:center; background:url(/mobile/Images/Index/r_b.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; margin-top:1.42rem;}

.kh_c .nobot{ margin-right:0;}


/*新闻*/
.new{ height:19.5rem; overflow:hidden;}

.new_q{ background:url(/mobile/Images/Index/n_h.jpg) no-repeat center top; height:3.5rem; overflow:hidden;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.new_q li{ height:3.5rem; background:url(/mobile/Images/Index/n_q.png) no-repeat right center; font:1rem/3.5rem "Microsoft Yahei"; width:33.3%; float:left;-webkit-background-size:1.42rem 3.5rem ; -moz-background-size:1.42rem 3.5rem; -o-background-size:1.42rem 3.5rem; background-size:1.42rem 3.5rem; color:#fff; text-align:center;}
.new_q .nobot{ background:none;}
.new_q .z-on{ font-weight:bold;}

.new_c{ width:90%; margin:0 auto; }
.new_c ul{ margin-top:1rem;}
.new_c ul li{ padding-left:2.04rem;height:2.63rem; border-bottom:1px solid #c8c8c8; font:1rem/2.63rem "Microsoft Yahei"; color:#555; position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.new_c ul li:before{ position:absolute; content:""; width:0.21rem; height:0.21rem; border:2px solid #929292; border-radius:5px; top:1.17rem; left:0.58rem;}

.new_c .nobot{ border-bottom:0;}
/*-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%;}
}
