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

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{ height:17.76rem; overflow:hidden; width: 22.75rem; margin: 2rem auto 0;}

nav a{ padding-top: 5.42rem; height: 8.42rem; color:#666; font-size:1rem; line-height: 1.25rem; width: 5.42rem; margin-right: 3.13rem; text-align:center;  overflow:hidden; display:block; float:left; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

nav a:nth-child(3n){ margin-right: 0;}
nav a:nth-child(1){ background: url(../images/Index/nav_b01.jpg) no-repeat left top; -webkit-background-size:5.42rem 5.42rem; -moz-background-size:5.42rem 5.42rem; -o-background-size:5.42rem 5.42rem; background-size:5.42rem 5.42rem;}
nav a:nth-child(2){ background: url(../images/Index/nav_b02.jpg) no-repeat left top; -webkit-background-size:5.42rem 5.42rem; -moz-background-size:5.42rem 5.42rem; -o-background-size:5.42rem 5.42rem; background-size:5.42rem 5.42rem;}
nav a:nth-child(3){ background: url(../images/Index/nav_b03.jpg) no-repeat left top; -webkit-background-size:5.42rem 5.42rem; -moz-background-size:5.42rem 5.42rem; -o-background-size:5.42rem 5.42rem; background-size:5.42rem 5.42rem;}
nav a:nth-child(4){ background: url(../images/Index/nav_b04.jpg) no-repeat left top; -webkit-background-size:5.42rem 5.42rem; -moz-background-size:5.42rem 5.42rem; -o-background-size:5.42rem 5.42rem; background-size:5.42rem 5.42rem;}
nav a:nth-child(5){ background: url(../images/Index/nav_b05.jpg) no-repeat left top; -webkit-background-size:5.42rem 5.42rem; -moz-background-size:5.42rem 5.42rem; -o-background-size:5.42rem 5.42rem; background-size:5.42rem 5.42rem;}
nav a:nth-child(6){ background: url(../images/Index/nav_b06.jpg) no-repeat left top; -webkit-background-size:5.42rem 5.42rem; -moz-background-size:5.42rem 5.42rem; -o-background-size:5.42rem 5.42rem; background-size:5.42rem 5.42rem;}


/**/
.pro{ height: 85.21rem; overflow: hidden;}

.pro h2{ padding-top: 2.33rem; text-align: center; height: 9.67rem; overflow: hidden; font-size: 1rem; color: #363636; background: url(../images/Index/pro_h.jpg) no-repeat left top; -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;}

.pro h2 a{ display: block; font-size: 1.17rem; font-weight: bold; color: #0070dc; line-height: 4.17rem;}

.pro_c{ height: 11.88rem; overflow: hidden;}
.pro_c h3{ width: 25rem; margin: 0.92rem auto 0; padding-left: 0.33rem; height: 2rem; overflow: hidden; line-height: 2rem; color: #0070dc; font-size: 1rem; position: relative;}
.pro_c h3 a{ color: #0070dc;}
.pro_c h3:before{ position: absolute; content: ""; width: 0.17rem; height: 1rem; background: #0070dc; left: 0; top: 0.5rem;}

.pro_c ul{ margin-left: 0.67rem; width: 18.17rem;}
.pro_c ul li{ line-height: 2.5rem; float: left; width: 8.75rem; font-size: 0.83rem; color: #666;}
.pro_c ul li a{ color: #666;}

.pro_c .p_m{ width: 5.33rem; height: 1.63rem; overflow: hidden; border: 1px solid #0070dc; text-align: center; color: #0070dc; line-height: 1.63rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.pro_c .p_m a{ color: #0070dc;}
.pro_c p{ width: 6.79rem;}


.pro_c2 ,.pro_c3 ,.pro_c4 ,.pro_c5 ,.pro_c6{ background: url(../images/Index/pro_xb.jpg) no-repeat center top; -webkit-background-size:100% 1.54rem ; -moz-background-size: 100% 1.54rem; -o-background-size: 100% 1.54rem; background-size: 100% 1.54rem;}

.pro_c2 ul{ width: 16.58rem;}
.pro_c2 ul li{ width: 8rem;}
.pro_c2 p{ width: 8.33rem;}

.pro_c3 p{ width: 6.63rem;}

.pro_c4 p{ width: 6.71rem;}

.pro_c5 p{ width: 5.08rem;}

.pro_c6 ul{ width: 15.33rem;}
.pro_c6 ul li{ width: 7.5rem;}
.pro_c6 p{ width: 9.29rem;}

.pro_m{ height: 2.33rem; line-height: 2.33rem;}
.pro_m p{ background: #0070dc; color: #fff; text-align: center; font-size: 1rem;}

/**/
.ind{ height: 39.71rem; overflow: hidden;}

.ind h2{ height: 9.54rem; font-size: 1rem; color: #363636; overflow: hidden; text-align: center; background: url(../images/Index/ind_h.jpg) no-repeat left top; -webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; padding-top: 3.17rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.ind h2 a{ display: block; font-size: 1.17rem; color: #0070dc; font-weight: bold; line-height: 2.92rem;}


.ind ul{ height: 25rem; overflow: hidden; width: 25.42rem; margin: 0 auto;}
.ind ul li{ float: left; width: 4.46rem; margin-right: 2.5rem; height: 8.08rem; overflow: hidden;}
.ind ul li span{ display: block; font-size: 0.83rem; color: #666; margin-top: 0.5rem;}
.ind .nobot{ margin-right: 0;}

.ind p{ background: #8d8d8d; width: 25.33rem; line-height: 3.29rem; margin: 0 auto; text-align: center; height: 3.29rem; color: #fff; font-size: 1rem; border-radius: 10px;}

/**/
.ad{ height: 10.25rem; overflow: hidden; background-size: 100%; position: relative;}

.ad p{ position: absolute; width: 8.21rem; height: 1.67rem; overflow: hidden; background: #ffdb00; text-align: center; line-height: 1.67rem; font-size: 0.75rem; color: #363636; left: 0.5rem; top: 6.54rem;}

/**/
.adv{ height: 30.17rem; overflow: hidden; position: relative;}
.adv:before{ position: absolute; content: ""; left: 0; bottom: 2.46rem; width: 9rem; height: 1px; background: #e5e5e5;}
.adv:after{ position: absolute; content: ""; right: 0; bottom: 2.46rem; width: 9rem; height: 1px; background: #e5e5e5;}

.adv h2{ height: 6.88rem; font-size: 1rem; color: #363636; overflow: hidden; text-align: center; background: url(../images/Index/adv_h.jpg) no-repeat left top; -webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; padding-top: 2.17rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.adv h2 b{ display: block; font-size: 1rem; color: #0070dc; font-weight: bold; line-height: 2.08rem;}

.adv_con{ height: 23.29rem; position: relative; overflow: hidden;}
.adv_con .con{ float: left; width: 100%; display: inline;}
.adv_con .prev{ position: absolute; width: 0.82rem; height: 1.88rem; top: 4rem; left: 0.83rem;}
.adv_con .next{ position: absolute; width: 0.82rem; height: 1.88rem; top: 4rem; right: 0.83rem;}
.adv_con .nowarp{ width: 21.25rem;  margin: 0 auto}

.adv_c{ position: relative; height: 23.29rem; overflow: hidden;}
.adv_c span{ display: block; height: 10rem; width: 21.25rem; overflow: hidden;}
.adv_c span img{ border: 1px solid #e5e5e5; width: 21.25rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.adv_c dl dt{ margin-top: 1.5rem; color: #0070dc; font-size: 1.46rem; font-weight: bold; line-height: 2.5rem;}
.adv_c dl dt b{ font-family: Arial; font-size: 1.83rem;}
.adv_c dl dd p{ font-size: 0.83rem; line-height: 1.25rem; color: #666;}

.adv_c ul{ position: absolute; bottom: 2.17rem; left: 6.42rem; width: 8.75rem;}
.adv_c ul li{ margin-right: 3.33rem; float: left; width: 0.63rem; height: 0.63rem; overflow: hidden; background: #666; border-radius: 2rem;}
.adv_c .cur{ background: #0070dc;}
.adv_c ul li:nth-child(3){ margin-right: 0;}

/**/
.ad2{ height: 7.42rem; overflow: hidden; position: relative;}
.ad2 p{ position: absolute; bottom: 1.54rem; left: 0.58rem; height: 1.38rem; line-height: 1.38rem; background: #ffdb00; width: 12.5rem; text-align: center; color: #363636; font-size: 0.75rem;}
.ad2 p span{ font-family: Arial;}

/**/
.about{ height: 26.08rem; width: 25.33rem; margin: 0 auto; border-bottom: 1px solid #c6c6c6;}

.about h2{ padding-top: 1.92rem; height: 6.25rem; text-align: center; overflow: hidden; color: #8d8d8d; font-size: 0.58rem; text-transform: uppercase; font-family: Arial; background: url(../images/Index/a_h.jpg) no-repeat center top;-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;}
.about h2 a{ display: block; font-size: 1.25rem; color: #000; font-family: "黑体"; line-height: 1.83rem;}

.about dl dt{ width: 25.33rem; height: 12.67rem; overflow: hidden;}
.about dl dd{ margin-top: 1.25rem; font-size: 0.83rem; color: #666; line-height: 1.25rem;}
.about dl dd a{ color: #0054a6;}

/**/
.new{ height: 28.13rem; overflow: hidden;}

.n_q{ height: 2.13rem; overflow: hidden; width: 25.33rem; margin: 2.25rem auto 0;}
.n_q li{ background: url(../images/Index/n_h.jpg) no-repeat left top; width: 7.75rem; height: 2.13rem; overflow: hidden; float: left; -webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; text-align: center; line-height: 2.13rem; font-size: 0.83rem; color: #000; margin-right: 1rem;}
.n_q .z-on{ color: #fff; background: url(../images/Index/n_ho.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.n_q li:nth-child(3){ margin-right: 0;}

.n_con{}

.n_c{ width: 25.33rem; margin: 0 auto; height: 19.88rem; overflow: hidden;}
.n_c dl{ padding-top: 1.33rem; height: 6.42rem; overflow: hidden; border-bottom: 1px dashed #d6d6d6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.n_c dl dt{ width: 6.33rem; height: 5.75rem; overflow: hidden;}
.n_c dl dd{ width: 18rem; font-size: 0.83rem; line-height: 1.25rem; color: #666;}
.n_c dl dd a{ display: block; color: #333;}
.n_c .nobot{ border-bottom: 0;}

.n_con p{ height: 2.33rem; text-align: center; font-size: 1rem; color: #fff; line-height: 2.33rem; background: #0070dc;}
/*-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%;}
}