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


/*nav*/
nav{ margin-top:1.92rem; height:7.42rem; width:100%; overflow:hidden;}
nav a{ position:relative; float:left;  color:#fff; text-align:center; font:1rem/2.79rem "microsoft Yahei";width:33.33%; height:2.79rem; overflow:hidden; display:block; background:#007ac3;}
nav a:nth-child(3n):before{ background:none;}
nav a:before{ position:absolute; content:""; right:0rem; top:0rem; height:2.79rem; width:1px; background:#fff; }
nav a:after{ position:absolute; content:""; right:0rem; top:0rem; height:1px; width:100%; background:#fff; }


/*m-hz--------------------------------------------------------------------------------------------------------------------------------*/
.m-hz{ height:18.33rem; overflow:hidden;}
.m-h2{ height:2.83rem; overflow:hidden; text-align:center; font: bold 1.17rem/1.5rem "Microsoft Yahei"; color:#007ac3; background:url(/mobile/Images/Index/tl.gif) no-repeat center bottom;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
.m-h2 i{ display:block; color:#ddd; font:0.58rem/0.75rem Arial, Helvetica, sans-serif; text-transform:uppercase;}

.hz_c{ margin-top:1.5rem; height:10.42rem; overflow:hidden;}
.m-hz .m-cnt{ margin:1.21rem auto 0; height:0.21rem; width:6.17rem; overflow:hidden;}
.m-hz .m-cnt li{float:left; margin-right:0.58rem; height:0.21rem;  width:1.42rem;overflow:hidden; background:#9d9d9d;}
.m-hz .m-cnt li.z-on{background:#007ac3;}

.hz_c .sclwrap_box , .hz_c .m-box{ height:10.42rem; overflow:hidden;}
.hz_c .con{float:left; width:100%; display:inline;}

.hz_c dl{ height:10.42rem; width:24.25rem;  overflow:hidden; margin:0 auto; 
border:0.12rem solid #007ac3;   box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.hz_c dt{ float:left; display:inline; padding:1.04rem 0 0 0.83rem; width:7.83rem; height:8.63rem; overflow:hidden;}
.hz_c dd{ float:right; display:inline; padding:1.04rem 1.17rem 0 0; width:13.42rem; overflow:hidden; font:0.92rem/1.29rem "Microsoft Yahei";}
.hz_c dd a{ color:#363636;}
.hz_c dd span{ display:block; color:#007ac3; padding-bottom:0.92rem; font:bold 1rem/1.63rem "Microsoft Yahei";}


/*m-case--------------------------------------------------------------------------------------------------------------------------------*/
.m-case{ height:25.25rem; overflow:hidden;}
.m-case ul{ margin:0.75rem 0 0 1rem; height:18.17rem; width:25.6rem; overflow:hidden;}
.m-case li{ float:left; margin:0 3.17rem 0.67rem 0; width:10.63rem; height:3.33rem; overflow:hidden;}
.m-case li a{ display:inline-block; padding:1.21rem 0 0 3.67rem; width:6.96rem; text-align:center; font:0.92rem/1.92rem "Microsoft Yahei"; color:#373737;}
.m-case li:nth-child(2n){ margin-right:0rem;}

.m-case .cs01{ background:url(/mobile/Images/Index/case_i1.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
.m-case .cs02{ background:url(/mobile/Images/Index/case_i2.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
.m-case .cs03{ background:url(/mobile/Images/Index/case_i3.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
.m-case .cs04{ background:url(/mobile/Images/Index/case_i4.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
.m-case .cs05{ background:url(/mobile/Images/Index/case_i5.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
.m-case .cs06{ background:url(/mobile/Images/Index/case_i6.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
.m-case .cs07{ background:url(/mobile/Images/Index/case_i7.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
.m-case .cs08{ background:url(/mobile/Images/Index/case_i8.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}


.m-case p{ margin:0 auto; width:11.92rem; height:1.58rem; overflow:hidden; text-align:center; color:#fff; font:0.92rem/1.58rem "Microsoft Yahei"; border:1px solid #007ac3; background:#007ac3; border-radius:0.4rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}



/*m-bann1--------------------------------------------------------------------------------------------------------------------------------*/
.m-bann1{ height:6.25rem; overflow:hidden;  background:url(/mobile/Images/Index/bann1.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
.m-bann1 p{ height:1.25rem; overflow:hidden; display:block; margin:4.17rem 0 0 7.33rem; font:bold 0.96rem/1.25rem Arial, Helvetica, sans-serif; color:#fff;}
.m-bann1 p a{ float:left; margin-right:1.17rem; width:4.54rem; height:1.21rem; overflow:hidden; display:inline-block; text-align:center; color:#007ac3; font:0.83rem/1.21rem "Microsoft Yahei"; background:#fff; border:1px solid #fff; border-radius:0.1rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; }


/*m-pro--------------------------------------------------------------------------------------------------------------------------------*/
.m-pro{ position:relative; height:31.75rem; overflow:hidden; }
.m-pro h2{ margin:1.83rem auto 0; height:2.83rem; overflow:hidden; text-align:center; font: bold 1.17rem/1.71rem "Microsoft Yahei"; color:#007ac3; background:url(/mobile/Images/Index/pro_tl.gif) no-repeat center 2.12rem;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
.m-pro h2 i{ display:block; color:#3e3e3e; font:0.83rem/1.08rem Arial, Helvetica, sans-serif; text-transform:uppercase;}

.m-pro .m-cnt{ margin:1.5rem 0 0 1.25rem; height:9.25rem; width:25.4rem; overflow:hidden;}
.m-pro .m-cnt li{float:left; margin:0 1rem 1.04rem 0; height:2.08rem; width:11.58rem; overflow:hidden; text-align:center; font:0.92rem/2.08rem "microsoft Yahei"; color:#555; background:#ededed;}
.m-pro .m-cnt li.z-on{background:#007ac3; color:#fff;}

.m-pro span{ position:absolute; left:13.79rem; top:12.41rem; height:2.08rem; width:11.58rem; overflow:hidden; text-align:center; font:0.92rem/2.08rem "microsoft Yahei"; color:#555; background:#ededed;}

.m-pro .sclwrap_box , .m-pro .m-box{ height:14.75rem; overflow:hidden;}
.m-pro .con{float:left; width:100%; display:inline;}

.pro_c ul{ height:14.75rem; width:25.4rem; overflow:hidden; margin-left:1.25rem;}
.pro_c ul li{ float:left; height:14.75rem; width:11.96rem; margin-right:0.25rem;  overflow:hidden;}
.pro_c ul li img{ height:11.75rem; width:11.79rem; border:0.12rem solid #b0b0b0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.pro_c ul li em{ height:2.79rem; overflow:hidden; display:block; text-align:center; font:1rem/2.79rem "Microsoft Yahei"; color:#555; }


/*m-ys--------------------------------------------------------------------------------------------------------------------------------*/
.m-ys{ height:27.5rem; overflow:hidden; background:url(/mobile/Images/Index/ys_bj.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}

.m-ys h2{ margin:1.83rem auto 0; height:2.96rem; overflow:hidden; text-align:center; font: bold 1.33rem/2rem "Microsoft Yahei"; color:#007ac3; background:url(/mobile/Images/Index/ys_t.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}
.m-ys h2 i{ display:block; color:#fff; font:0.75rem/0.96rem "Microsoft Yahei"; text-transform:uppercase;}


.m-cnt2{ margin:0 auto; height:0.58rem; width:3.96rem; overflow:hidden;}
.m-cnt2 li{float:left; margin-right:0.71rem; height:0.58rem;  width:0.58rem;overflow:hidden; background:#b2b2b2; border:1px solid #b2b2b2;border-radius:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-cnt2 li.z-on{background:#007ac3; border:1px solid #007ac3;border-radius:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.ys_c{ margin-top:2.21rem; height:11.17rem; overflow:hidden;}
.ys_c .sclwrap_box , .ys_c .m-box{ height:11.17rem; overflow:hidden;}
.ys_c .con{float:left; width:100%; display:inline;}

.ys_c dl{ height:11.17rem; width:24.25rem;  overflow:hidden; margin-left:1.29rem; }
.ys_c dt{ float:left;width:8.08rem; height:8.75rem; overflow:hidden;}
.ys_c dd{ position:relative; float:right; display:inline; padding:0.33rem 0.5rem 0 0.83rem; width:13.67rem; overflow:hidden; font:0.92rem/1.25rem "Microsoft Yahei"; color:#5f5f5f;letter-spacing:0.08rem;}
.ys_c dd span{ margin:0 0 0.96rem 0; height:1.87rem; overflow:hidden; display:block; color:#5f5f5f; letter-spacing:1px; border-bottom:0.12rem solid #007ac3; font:bold 1rem/1.75rem "Microsoft Yahei";box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.ys_c dd:before{ position:absolute; content:""; left:0rem; top:3.63rem;  height:0.29rem; width:0.29rem; overflow:hidden; background:#b5b5b5; border:1px solid #b5b5b5; border-radius:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}


.m-ys p{ height:1.42rem; overflow:hidden;  margin:2.17rem 0 0 6.08rem; font:bold 1rem/1.42rem  "Microsoft Yahei"; color:#007ac3;}
.m-ys p a{ float:left; margin-right:1.17rem; width:6.08rem; height:1.42rem; overflow:hidden; display:inline-block; text-align:center; color:#fff; font:0.92rem/1.42rem "Microsoft Yahei"; background:#007ac3; border:1px solid #007ac3; border-radius:0.3rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; }


/*m-anli--------------------------------------------------------------------------------------------------------------------------------*/
.m-anli{ position:relative; height:36.83rem; overflow:hidden;}
.m-anli p{ margin:1.14rem auto 1.08rem; height:6.88rem; width:100%; overflow:hidden;}
.m-anli h3{ margin:0 auto 1.04rem; width:11.42rem; height:1.5rem; overflow:hidden; text-align:center; font:1rem/1.5rem "Microsoft Yahei"; color:#fff; background:#007ac3;}

.m-anli .prev , .m-anli .next{ position:absolute; z-index:9999; width:1.5rem; height:2.04rem; overflow:hidden; top:20.13rem;}
.m-anli .prev { left:0.83rem;}
.m-anli .next{ right:0.83rem;}

.m-anli .sclwrap_box ,.m-anli .m-box{ height:25.25rem; overflow:hidden;}
.m-anli .con{ display:inline; float:left; width:100%;}
.m-anli .con dl{ margin:0.75rem auto 0; height:25.25rem; width:23.25rem; overflow:hidden;}
.m-anli .con dt { margin:0 auto 0.67rem; height:12.46rem;  width:17.13rem; overflow:hidden;}

.m-anli .con dd{ font:1rem/1.37rem "Microsoft Yahei"; color:#464646;}
.m-anli .con dd h4{ margin-bottom:0.67rem; width:23.13rem;  height:2.83rem; overflow:hidden; border-bottom:0.12rem solid #aaa; font:bold 1rem/2.83rem "Microsoft Yahei";box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-anli .con dd h4 a{ color:#464646; display:inline-block; background:none; width:23.13rem; height:2.83rem; overflow:hidden; text-align:left;text-align:center;}
.m-anli .con dd span{ display:block; margin:1.7rem auto 0; width:13.0rem; overflow:hidden; height:1.5rem; }
.m-anli .con dd span a{ float:left; display:inline-block; width:5.21rem; height:1.5rem; overflow:hidden; text-align:center; color:#fff; font:0.92rem/1.5rem "Microsoft Yahei"; border:1px solid #007ac3; border-radius:0.4rem; background:#007ac3; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-anli .con dd span .al_btn2{ display:inline; margin-left:2.5rem;border:1px solid #959595; border-radius:0.4rem; background:#959595; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}




/*m-liy--------------------------------------------------------------------------------------------------------------------------------*/
.m-liy{ height:27.04rem; overflow:hidden; background:url(/mobile/Images/Index/liy_bj.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}

.liy_c{ margin-top:1.17rem; height:19.92rem; overflow:hidden;}
.liy_c .sclwrap_box , .liy_c .m-box{ height:19.92rem; overflow:hidden;}
.liy_c .con{float:left; width:100%; display:inline;}

.liy_c dl{ height:19.92rem; width:15.0rem; line-height:0rem; overflow:hidden; margin:0 auto;}
.liy_c dt{ float:left;width:15.0rem; height:9.04rem; overflow:hidden;}
.liy_c dt img{width:15.0rem; height:9.04rem; padding:1px; background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.liy_c dd{ width:15.0rem;  overflow:hidden; font:1rem/1.2rem "Microsoft Yahei"; color:#666; }
.liy_c dd span{ position:relative;  margin:0 0 0.42rem 0; text-align:center; height:2.5rem; overflow:hidden; display:block; color:#007ac3;  font:1rem/2.33rem "Microsoft Yahei";}

.liy_c dd span:before{ position:absolute; content:""; left:0rem; top:2.37rem;  height:1px; width:15.0rem; overflow:hidden; background:#ccc;}
.liy_c dd span:after{ position:absolute; content:""; left:0rem; top:2.41rem;  height:1px; width:15.0rem; overflow:hidden; background:#fff;}


/*m-bann2--------------------------------------------------------------------------------------------------------------------------------*/
.m-bann2{ height:7.29rem; overflow:hidden;  background:url(/mobile/Images/Index/bann2.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100%;}

/*m-kh--------------------------------------------------------------------------------------------------------------------------------*/
.m-kh{ position:relative; height:15.92rem; overflow:hidden;}
.m-kh h2{ margin:2.29rem auto 1.67rem;}

.m-kh .prev , .m-kh .next{ position:absolute; z-index:9999; width:1.29rem; height:1.25rem; overflow:hidden; top:8.96rem;}
.m-kh .prev { left:0.33rem;}
.m-kh .next{ right:0.33rem;}

.m-kh .sclwrap_box ,.m-kh .m-box{ height:7.67rem; overflow:hidden;}
.m-kh .con{ display:inline; float:left; width:100%;}
.m-kh .con ul{ margin-left:2.08rem; line-height:0rem; height:7.67rem;  width:22.38rem; overflow:hidden;}
.m-kh .con ul li{ float:left; margin-right:0.49rem; height:7.67rem;  width:7.13rem; overflow:hidden;}
.m-kh .con ul li img{ width:7.04rem; height:5.38rem; border:1px solid #b5b5b5; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-kh .con ul li em{ display:block; text-align:center; color:#5d5d5d; height:2.21rem; overflow:hidden; font:0.92rem/2.21rem "Microsoft Yahei";}
.m-kh .con ul .nones{ margin-right:0rem;}


/*m-about--------------------------------------------------------------------------------------------------------------------------------*/
.m-about{ position:relative; height:22.95rem; width:100%; overflow:hidden;}
.m-about h2{ margin-bottom:0.5rem; height:2.83rem; overflow:hidden; color:#007ac3; text-align:center; font:bold 1.08rem "Microsoft Yahei";}
.m-about h2 i{ display:block; color:#ddd; font:1rem/1.12rem Arial, Helvetica, sans-serif; text-transform:uppercase;}

.m-about dl{ margin:0 auto; width:24.08rem; overflow:hidden;}
.m-about dl dt{ position:relative; width:24.08rem; height:10.42rem; overflow:hidden;}

.m-about dl dd{ width:24.08rem; overflow:hidden; font:0.92rem/1.25rem "Microsoft Yahei"; color:#555;}
.m-about dl dd span{ display:block; text-align:center; padding-bottom:0.21rem; color:#555; font:1rem/2.75rem "Microsoft Yahei";}


/* news-----------------------------------------------------------------------------------------------------------------------*/
.m-news{ position:relative; height:21.0rem; overflow:hidden;}
.m-news:before{ position:absolute; content:""; left:1.25rem; top:2.75rem; width:24.38rem; height:1px; background:#ddd;}

.m-news .m-cnt{ margin:0 auto 1.42rem; height:2.83rem; width:24.38rem; overflow:hidden;}
.m-news .m-cnt li{float:left; margin-right:1.25rem; height:2.83rem;overflow:hidden; font:1.17rem/2.83rem "microsoft Yahei"; color:#9d9d9d;}
.m-news .m-cnt li.z-on{ position:relative; z-index:100; font-weight:bold; color:#007ac3; border-bottom:0.17rem solid #007ac3; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.m-news span{ position:absolute; right:0rem; top:0rem;  height:2.83rem; width:4.9rem; text-align:center;  font:0.75rem/2.83rem Arial, Helvetica, sans-serif; color:#464646;}

.m-news .sclwrap_box , .m-news .m-box{ height:16.67rem; overflow:hidden;}
.m-news .con{float:left; width:100%; display:inline;}

.news_c dl{ height:16.67rem; width:20.83rem;  overflow:hidden; margin:0 auto;}
.news_c dl dt{ margin:0 auto 0.88rem; width:16.17rem; height:10.0rem; overflow:hidden;}
.news_c dl dd{ height:2.04rem; overflow:hidden;padding-left:2.92rem;  font:1rem/2.04rem "Microsoft Yahei";
 background:url(/mobile/Images/Index/new_p1.gif) no-repeat left 0.79rem; background-size:2.42rem 0.5rem;}
.news_c dl dd a{ color:#555;}






@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:400px){
	html{ font-size:93.75%;}
}			
@media screen and (min-width:414px){
	html{ font-size:96%;}
}
@media screen and (min-width:480px){
	html{ font-size:112.5%;}
}
@media screen and (min-width:568px){
	html{ font-size:131.25%;}
}
@media screen and (min-width:639px){
	html{ font-size:150%;}
}