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

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:6.42rem; overflow:hidden;  position:relative; background: #006cca;}
nav:before{ position:absolute; content:""; width:100%; height:1px; top:50%; left:0; background:#0087f1; border-bottom: 1px solid #0057aa;}
nav a{ color:#fff; font-size:1rem; width:33.3%; text-align:center; height:3.21rem; line-height:3.21rem; overflow:hidden; display:block; float:left; position:relative;}
nav a:before{ position:absolute; content:""; width:1px; height:3.21em; top:0; right:0; background:#0087f1; border-right: 1px solid #0057aa;}
nav a:nth-child(3n):before{ background:none;}

/**/
.us{ height: 14.67rem; overflow: hidden;}

.us h2{ height: 6.33rem; overflow: hidden; background: url(/mobile/Images/Index/us_h.gif) no-repeat center top; text-align: center; font-size: 1rem; color: #555; font-family: "黑体"; padding-top: 2rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; -webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.us h2 a{ display: block; font-size: 1.33rem; color: #006cca; font-weight: bold; line-height: 2.5rem;}
.us p{ width: 24.25rem; margin: 0 auto; font-size: 1rem; color: #666; line-height: 1.46rem;}

/**/
.pro{ height: 44.04rem; overflow: hidden; background: url(/mobile/Images/Index/pro_hb.gif) repeat-x;-webkit-background-size:0.25rem 0.21rem; -moz-background-size:0.25rem 0.21rem; -o-background-size:0.25rem 0.21rem; background-size:0.25rem 0.21rem;}

.pro h2{ height: 7.08rem; overflow: hidden; text-align: center; color: #c9c9c9; font-size: 0.83rem; text-transform: uppercase; font-family: Arial; padding-top: 2.25rem; background: url(/mobile/Images/Index/pro_h.gif) no-repeat center 4.88rem; -webkit-background-size:16.25rem 1px; -moz-background-size:16.25rem 1px; -o-background-size: 16.25rem 1px; background-size:16.25rem 1px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.pro h2 a{ display: block; font-size: 1.25rem; color: #0087f1; font-family: "黑体"; line-height: 2.08rem;}

.pro_con{ width: 25rem; margin: 0 auto;}
.pro_con .m-box{ float: left; width: 100%; display: inline;}

.pro_q{ height: 10rem; overflow: hidden;}
.pro_q li{ float: left; width: 12.25rem; height: 2.5rem; overflow: hidden; border: 2px solid #ccc; text-align: center; font-size: 1rem; line-height: 2.5rem; color: #333; margin-right: 0.5rem; margin-bottom: 0.42rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}


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

.pro_q .z-on{ background: #006cca; border: 0; color: #fff;}

.pro_q li a { color:#333; display:block;}
.pro_q .z-on a { color: #fff;}

.pro_c{ width: 25rem; height: 27rem; overflow: hidden; position: relative;}
.pro_c .no_ov{ width: 21.67rem; margin: 0 auto;}
.pro_c .prev{ position: absolute; width: 0.92rem; height: 1.63rem; overflow: hidden; top: 6.67rem; left: 0;}
.pro_c .next{ position: absolute; width: 0.92rem; height: 1.63rem; overflow: hidden; top: 6.67rem; right: 0;}

.pro_x{ width: 21.67rem; margin: 0 auto;}
.pro_x dl dt{ width: 21.67rem; height: 14.92rem; overflow: hidden;}
.pro_x dl dt img{ width: 100%;}
.pro_x dl dd span{ display: block; text-align: center; font-size: 1.17rem; line-height: 2.5rem; margin-top: 0.5rem;}
.pro_x dl dd span a{ color: #333;}
.pro_x dl dd p{ font-size: 1rem; line-height: 1.42rem; color: #777;}
.pro_x dl dd p a{ display: block; font-size: 1rem; border: 1px solid #37b100; text-align: center; color: #37b100; width: 8rem; height: 2.17rem; overflow: hidden; line-height: 2.1rem; margin: 1.67rem auto 0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

/**/
.ad01{ height: 10rem; overflow: hidden; position: relative;}
.ad01 img{ width: 100%;}
.ad01 p{ font-size: 1.17rem; color: #fff; font-family: Arial; position: absolute; left: 1.83rem; bottom: 1.25rem;}
.ad01 span{ position: absolute; bottom: 1rem; right: 1.13rem; display: block; width: 6.58rem; height: 1.71rem; text-align: center; background: #fff; color: #006cca; font-size: 1rem; line-height: 1.71rem;}

/**/
.adv{ height: 40.79rem; overflow: hidden;}

.adv h2{ height: 6.83rem; overflow: hidden; text-align: center; font-size: 0.58rem; color: #4d4d4d; line-height: 1rem; font-family: Arial; text-transform: uppercase; background: url(/mobile/Images/Index/adv_h.gif) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.adv h2 b{ display: block; font-size: 1.25rem; font-family: "黑体"; font-weight: bold; color: #fff; line-height: 1.58rem; margin-top: 2.96rem;}

.adv_con{ height: 33.92rem; overflow: hidden;}
.adv_con .con{ float: left; display: inline; width: 100%;}

.adv_c{ width: 100%; height: 28.54rem; overflow: hidden;}
.adv_c em{ display: block; width: 100%; height: 15.21rem; overflow: hidden;}
.adv_c em img{ width: 100%;}
.adv_c dl{ width: 23.54rem; margin: 0.42rem auto 0;}
.adv_c dl dt{ height: 4.08rem; overflow: hidden;}
.adv_c dl dt span{ display: block; background: url(/mobile/Images/Index/adv_wb.jpg) no-repeat left top; width: 3.71rem; height: 4.08rem; font-size: 1.67rem; color: #fff; padding-left: 1.42rem; text-align: center; line-height: 1.67rem; padding-top: 1rem; 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;}
.adv_c dl dt span i{ display: block; font-size: 0.5rem; font-family: Arial; text-transform: uppercase; line-height: 0.75rem;}
.adv_c dl dt p{ padding-top: 0.5rem; font-size: 1rem; color: #7b7b7b; padding-left: 1.17rem; width: 18.58rem; height: 4.08rem; border-bottom: 1px solid #c5c5c5;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.adv_c dl dt p i{ display: block; font-size: 1.17rem; color: #333; line-height: 2rem; }
.adv_c dl dd{ margin-top: 1.17rem; margin-left: 3.25rem; width: 17.58rem;}
.adv_c dl dd p{ margin-bottom: 0.5rem; font-size: 0.63rem; line-height: 1rem; color: #555; background: url(/mobile/Images/Index/adv_pb.gif) no-repeat left 0.25rem; padding-left: 1.25rem; -webkit-background-size:0.54rem; -moz-background-size:0.54rem; -o-background-size:0.54rem; background-size:0.54rem;}
.adv_c dl dd p b{ color: #44b213;}

.adv_q{ margin-left: 6.17rem; height: 2.92rem; overflow: hidden;}
.adv_q li{ float: left; margin-right: 0.83rem; width: 2.92rem; height: 2.92rem; overflow: hidden; text-align: center; line-height: 2.92rem; color: #717171; font-size: 1rem; font-family: Arial; background: url(/mobile/Images/Index/adv_q.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.adv_q .z-on{ color: #fff; background: url(/mobile/Images/Index/adv_qh.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

/**/
.cus{ height: 29.08rem; overflow: hidden; background: #f8f8f8;}

.cus h2{ color: #c9c9c9; text-transform: uppercase; font-size: 0.83rem; font-family: Arial; height: 7.33rem; overflow: hidden; text-align: center; padding-top: 2rem; background: url(/mobile/Images/Index/cus_h.gif) no-repeat center 4.75rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
}
.cus h2 a{ display: block; font-size: 1.25rem; color: #006cca; line-height: 2.08rem;}

.cus_con{ width: 25rem; margin: 0 auto; position: relative;}

.cus_con .nowarp{ width: 20rem; margin: 0 auto;}
.cus_con .prev{ position: absolute; width: 0.92rem; height: 1.63rem; overflow: hidden; top: 6.67rem; left: 0;}
.cus_con .next{ position: absolute; width: 0.92rem; height: 1.63rem; overflow: hidden; top: 6.67rem; right: 0;}

.cus_c{ width: 20rem; margin: 0 auto;}
.cus_c dl dt{ height: 12.67rem; overflow: hidden; width: 20rem;}
.cus_c dl dd{ line-height: 3.92rem; text-align: center; font-size: 1.08rem;}
.cus_c dl dd a{ display: block; width: 8rem; height: 2.17rem; line-height: 2.17rem; border: 1px solid #44c200; color: #44c200; text-align: center; margin: 0 auto;}

/**/
.ad02{ height: 11.76rem; overflow: hidden; position: relative;}
.ad02 img{ width: 100%;}
.ad02 span{ top: 8.42rem; left: 1.75rem; font-size: 1rem; line-height: 1.71rem; color: #fff; text-align: center; position: absolute; display: block; width: 6.58rem; height: 1.71rem; overflow: hidden; border: 1px solid #fff; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.ad02 p{ font-size: 1.17rem; color: #fff; position: absolute; bottom: 1.67rem; left: 8.83rem;width:65%;  white-space:nowrap;}

/**/
.about{ width: 24.25rem; margin: 0 auto; height: 25.67rem; overflow: hidden;}

.about h2{ height: 6.79rem; overflow: hidden; text-align: center; color: #c9c9c9; font-family: Arial; text-transform: uppercase; font-size: 0.83rem; background: url(/mobile/Images/Index/pro_h.gif) no-repeat center 4.54rem; padding-top: 2.25rem; -webkit-background-size:16.25rem 1px; -moz-background-size:16.25rem 1px; -o-background-size: 16.25rem 1px; background-size:16.25rem 1px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.about h2 a{ display: block; color: #006cca; font-size: 1.25rem; font-weight: bold; line-height: 1.75rem;}

.about dl dt{ width: 100%; height: 9.42rem; overflow: hidden;}
.about dl dd span{ line-height: 2.5rem; display: block; font-size: 1.08rem; color: #333;}
.about dl dd span a{ color: #333;}
.about dl dd p{ font-size: 1rem; line-height: 1.42rem; color: #555;}
.about dl dd p a{ color: #006cca;}
/*-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%;}
}