/*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{ height:9.04rem; width:100%;overflow:hidden; border-top:0.33rem solid #d6ddec;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; }
nav a{ position:relative; float:left;  color:#fff; text-align:center; font:1.2rem/3.08rem "microsoft Yahei";width:33.33%; height:3.08rem; overflow:hidden; display:block; background:#15409f; }
nav a:nth-child(3n):before{ background:none;}
nav a:nth-child(1):after{ background:none;}
nav a:nth-child(2):after{ background:none;}
nav a:nth-child(3):after{ background:none;}
nav a:before{ position:absolute; content:""; right:0rem; top:0rem; height:3.08rem; width:1px; background:#687ca8; }
nav a:after{ position:absolute; content:""; right:0rem; top:0rem; height:1px; width:100%; background:#687ca8; }

nav .z-on{width:33.33%; height:3.08rem; overflow:hidden; border-top:0.08rem solid #c74f00; border-left:0.08rem solid #c74f00; border-bottom:0.08rem solid #c74f00; border-rihgt:0.04rem solid #c74f00;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
 background-color:#fe8535;
 background-image: -webkit-linear-gradient(top, #fe8535, #f26406);
 background-image: -moz-linear-gradient(top, #fe8535, #f26406); 
 background-image: -o-linear-gradient(top, #fe8535, #f26406); 
 background-image: -ms-linear-gradient(top, #fe8535, #f26406); 
 background-image: linear-gradient(top, #fe8535, #f26406); }



/*m-pro-------------------------------------------------------------------------------------------------------------------------------*/
.m-pro{ height:17.5rem; overflow:hidden;}

.t_h2{ margin:0 auto 1rem; height:4.54rem; width:100%; text-align:center; color:#fff; font:bold 1.2rem/2.33rem "Microsoft Yahei"; background:url(../mimages/tbj.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; }
.t_h2 i{ display:block; padding-left:2rem; color:#646464; font:0.58rem/0.87rem Arial, Helvetica, sans-serif; text-transform:uppercase;}

.m-pro .c-list{ line-height:0rem; height:14rem; overflow:hidden; }
.m-pro .c-list li{ margin:0 0 0.5rem 1rem; float:left; text-align:center; width:12rem; height:2.58rem; color:#666; font:1rem/2rem "Microsoft Yahei"; overflow:hidden;  border:0.20rem solid #666; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; }
.m-pro .c-list .z-on{ border:0.33rem solid #f26305;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .c-list li:nth-child(2n){ margin-left:1.08rem;}

.pro{ position:relative; height:28.83rem; overflow:hidden;}
.pro .prev , .pro .next{ position:absolute; z-index:20; width:1.46rem; height:5.71rem; overflow:hidden; top:7.13rem;}
.pro .prev { left:1.54rem;}
.pro .next{ right:1.54rem;}

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

.p02{width:19.92rem;overflow:hidden; margin:0 auto;}
.p02 li{line-height:0rem; height:23.92rem; width:19.92rem; overflow:hidden;}
.p02 li img{  height:19.96rem;  width:19.83rem; border:1px solid #c2ceea; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box}
.p02 li em{ display:block; height:2.71rem; overflow:hidden; color:#333; font:1rem/2.71rem "Microsoft Yahei"; text-align:center;}

.pro p{width:19.17rem; margin:0 auto; overflow:hidden; height:2.5rem;}
.pro p a{width:8.13rem; height:2.5rem; overflow:hidden; float:left; display:inline-block; text-align:center; font:1rem/2.5rem "Microsoft Yahei"; color:#fff;   background:url(../mimages/btn1.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.pro p .btn2{ margin-left:2.8rem;width:8.13rem; height:2.5rem; overflow:hidden; display:inline;background:url(../mimages/btn2.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}




/*m-case-------------------------------------------------------------------------------------------------------------------------------*/
.m-case{ height:30.71rem; width:100%; overflow:hidden;}
.m-case .t_h2{ margin:0 auto 1.17rem;}

.m-case .m-cnt{ margin:0.5rem auto; height:1.14rem; width:22.96rem; overflow:hidden;}
.m-case .m-cnt li{float:left; margin-right:0.40rem; height:1.14rem; width:5.42rem; text-align:center; overflow:hidden; font:1rem/1.14rem Arial, Helvetica, sans-serif; color:#fff; background:#a6a6a6;}
.m-case .m-cnt li.z-on{ background:#15409f; line-height:1.14rem;}
.m-case .m-cnt li:nth-child(4){ margin-right:0rem;}

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

.case dl{ height:21.42rem; width:25.33rem;  overflow:hidden; margin:0 auto;}
.case dl dt{ position:relative; width:25.33rem; height:14.50rem; overflow:hidden;}
.case dl dt img{ margin-top:0.58rem;}
.case dl dt em{ position:absolute; top:0rem; left:1.17rem; display:block; text-align:center; width:6.63rem; height:4.75rem; overflow:hidden; font:bold 1.25rem/1.42rem "Microsoft Yahei"; color:#fff; background:#ff6500; padding-top:1rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.case dl dd{ height:7rem; padding:0 0.83rem; overflow:hidden;  font:1rem/1.58rem "Microsoft Yahei"; color:#333;padding-top:1rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; }



.m-hor{ position:relative; height:40rem; overflow:hidden; background:url(/mobile/Images/Index/hor_bj.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;padding-top:1.54rem;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.hor_c{height:40rem; overflow:hidden;}
.hor_c .box-style{ position:relative;}
.m-hor .prev , .m-hor .next{ position:absolute; z-index:20; width:1.46rem; height:5.71rem; overflow:hidden; top:1.64rem;}
.m-hor .prev { left:1.54rem;}
.m-hor .next{ right:1.54rem;}

.m-hor .sclwrap_box,.m-hor .no_ov{ height:40rem; overflow:hidden;}
.m-hor .m-box{ display:inline; float:left; width:100%;}

.m-hor .hor01{ width:27rem; height:40rem; overflow:hidden; margin:0 auto;}
.m-hor .hor01 li{ float:left; line-height:0rem; height:19rem; width:12rem; overflow:hidden; margin-left:1rem;}
.m-hor .hor01 li img{ -webkit-background -size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; padding:0.2rem 0.2rem 0.2rem 0.2rem;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;border:2px solid #eee;}
.m-hor .hor01 li em{ display:block; height:1.42rem; overflow:hidden; color:#555; font:1rem/1.42rem "Microsoft Yahei"; text-align:center;}



.m-hor .c-list{ margin:0 auto; width:26.5rem; height:2.71rem; overflow:hidden; 
 background-color:#15409f;
 background-image: -webkit-linear-gradient(top, #15409f, #103077);
 background-image: -moz-linear-gradient(top, #15409f, #103077); 
 background-image: -o-linear-gradient(top, #15409f, #103077); 
 background-image: -ms-linear-gradient(top, #15409f, #103077); 
 background-image: linear-gradient(top, #15409f, #103077); }

.m-hor .c-list li{ float:left; width:13.25rem; height:2.71rem; overflow:hidden; text-align:center;color:#fff; font:1rem/2.71rem "Microsoft Yahei"; }
.m-hor .c-list li.z-on{
		background-color:#f26305;
	 background-image: -webkit-linear-gradient(top, #f26305, #b54a04);
	 background-image: -moz-linear-gradient(top, #f26305, #b54a04); 
	 background-image: -o-linear-gradient(top, #f26305, #b54a04); 
	 background-image: -ms-linear-gradient(top, #f26305, #b54a04); 
	 background-image: linear-gradient(top, #f26305, #b54a04); }



/*m-ys*/
.m-ys{ height:51.08rem; width:100%; overflow:hidden;}
.m-ys .t_h2{ margin:2.5rem auto 0.87rem;}

.m-ys p{ display:block; margin:0 auto 1.75rem; width:25.33rem; height:14.38rem; overflow:hidden;}

.m-ys dl{ margin:0 auto 1.04rem; width:25.33rem; height:5.6rem; overflow:hidden; border-bottom:0.17rem solid #d9e1f3;}
.m-ys dl dt{ float:left; display:inline; margin:0.25rem 0 0 0.21rem; width:5.58rem; height:4.08rem; overflow:hidden; text-align:center; color:#fff; font:bold 1.25rem/1.34rem "Microsoft Yahei";  background:#15409f; padding-top:0.71rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-ys dl dd{ float:right; width:17.5rem; padding-right:0.5rem; font:1rem/1.54rem "Microsoft Yahei"; color:#333; padding-top:0.75rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.m-ys .ys01{ height:5.79rem;}
.m-ys .ys01 dd{ padding-top:0rem; }
.m-ys .ys02{ margin-bottom:0rem;}


/*m-part*/
.m-part{ position:relative; height:26.63rem; width:100%; overflow:hidden;background:url(../mimages/part_bj.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; }
.m-part h2{ margin:3.09rem auto 2.5rem; height:4.13rem; width:100%; overflow:hidden; color:#fff; font:bold 1.17rem/1.96rem "Microsoft Yahei"; text-align:center; background:url(../mimages/part_tl.gif) no-repeat left bottom;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;  }
.m-part h2 b{ color:#ffc6a1;}
.m-part h2 i{ display:block; color:#a2baef; text-transform:uppercase; font:0.5rem/0.96rem Arial, Helvetica, sans-serif;}

.m-part .prev , .m-part .next{ position:absolute; z-index:9; width:1.46rem; height:4.21rem; overflow:hidden; top:13.08rem;}
.m-part .prev { left:0.71rem;}
.m-part .next{ right:0.71rem;}

.m-part .sclwrap_box ,.m-part .m-box{ height:15.5rem; overflow:hidden;}
.m-part .con{ display:inline; float:left; width:100%;}
.m-part .con ul{ margin:0 auto; height:15.5rem;  width:22.33rem; overflow:hidden;}
.m-part .con ul li{ float:left; line-height:0rem; text-align:center; height:15.5rem; width:11.10rem; overflow:hidden;}
.m-part .con ul li img{ width:9.96rem;}
.m-part .con ul li em{ display:block; text-align:center; color:#cedcfb; height:2.42rem; overflow:hidden; font:1rem/2.42rem "Microsoft Yahei";}


/*m-kh--------------------------------------------------------------------------------------------------------------------------------*/
.m-kh{ position:relative; height:37rem; overflow:hidden;}
.m-kh .t_h2{ margin:3.75rem auto 0.54rem;}

.m-kh .prev , .m-kh .next{ position:absolute; z-index:20; width:1.46rem; height:5.71rem; overflow:hidden; top:17.42rem;}
.m-kh .prev { left:0.54rem;}
.m-kh .next{ right:0.54rem;}

.m-kh .sclwrap_box ,.m-kh .m-box{ height:32rem; overflow:hidden;}
.m-kh .con{ display:inline; float:left; width:100%;}
.m-kh .con dl{ margin:0 auto; height:30rem;  width:21.46rem; overflow:hidden;}
.m-kh .con dt{ line-height:0rem;  height:18rem;  width:21.46rem; overflow:hidden; border:1px solid #b9b9b9; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-kh .con dt span{display:block; text-align:center; color:#1f1f1f; height:2.58rem; overflow:hidden; font:1rem/2.58rem "Microsoft Yahei";}
.m-kh .con dt img{ padding:0.96rem 1.33rem 0 1.29rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-kh .con dd{ display:block; height:10.92rem; overflow:hidden;  padding-top:1.25rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-kh .con dd em{ display:block; margin-right:0rem;font:1rem/1.58rem "Microsoft Yahei"; color:#535353;}
.m-kh .con dd p{width:19.17rem; margin:1.67rem auto 0; overflow:hidden; height:2.5rem;}
.m-kh .con dd p a{width:8.13rem; height:2.5rem; overflow:hidden; float:left; display:inline-block; text-align:center; font:1rem/2.5rem "Microsoft Yahei"; color:#fff;   background:url(../mimages/btn1.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-kh .con dd p .btn2{ margin-left:2.8rem;width:8.13rem; height:2.5rem; overflow:hidden; display:inline;background:url(../mimages/btn2.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}




/*hz-------------------------------------------------------------------------------------------------------------------------------*/
.m-hz{ position:relative; width:100%; height:20.42rem; overflow:hidden;}
.m-hz h2{ margin:0 auto 2.37rem; height:3.25rem; width:100%;  overflow:hidden; text-align:center; font:1.17rem/3.25rem "Microsoft Yahei"; color:#fff; background:#6780b8;}

.m-hz .prev , .m-hz .next{ position:absolute; z-index:9; width:1rem; height:3.25rem; overflow:hidden; top:6.50rem;}
.m-hz .prev { left:0.71rem;}
.m-hz .next{ right:0.71rem;}

.m-hz .sclwrap_box ,.m-hz .m-box{ height:9.17rem; overflow:hidden;}
.m-hz .con{ display:inline; float:left; width:100%;}
.m-hz .con ul{ margin:0 auto; height:9.17rem;  width:21.5rem; overflow:hidden;}
.m-hz .con ul li{ float:left; line-height:0rem; text-align:center; width:10.33rem; overflow:hidden;}
.m-hz .con ul li img{ border:1px solid #e5e5e5; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-hz .con ul li em{ display:block; text-align:center; color:#303030; height:2.75rem; overflow:hidden; font:1rem/2.75rem "Microsoft Yahei";}
.m-hz .con ul li:nth-child(2){ margin-left:0.83rem; display:inline;}

.m-hz p{ display:block; height:3.08rem; width:22.71rem; overflow:hidden; margin:0 auto; padding-left:4.83rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;  background:url(/mobile/Images/Index/hz_btn.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-hz p i{ float:left; display:inline-block;font:0.58rem/3.08rem "Microsoft Yahei"; color:#fff;}
.m-hz p b{ display:inline-block; color:#fff; font:bold 1.25rem/3.08rem Arial, Helvetica, sans-serif; }



/*m-about-------------------------------------------------------------------------------------------------------------------------------*/
.m-about{ width:100%; height:41rem; overflow:hidden; background:url(../mimages/ab_bj.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-about h2{ margin:1.33rem auto 1.87rem; height:3.25rem; width:100%; text-align:center; color:#fff; font:bold 1.17rem/1.63rem "Microsoft Yahei"; background:url(../mimages/ab_tl.png) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-about h2 i{ display:block; color:#a9bdec; text-transform:uppercase; font:0.58rem/0.87rem Arial, Helvetica, sans-serif;}

.m-about dl{ margin:0 auto; height:30rem;  width:25.33rem; overflow:hidden;}
.m-about dt{ margin:0 auto; line-height:0rem;  height:18.0rem;  width:21.25rem; overflow:hidden;}
.m-about dt img{}
.m-about dt em{ padding-top:1.21rem;display:block; text-align:center; color:#15409f; height:1.42rem; overflow:hidden; font: bold 1.3rem/1.42rem "Microsoft Yahei"; background:url(../mimages/ab_ibj.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:21.25rem 1.21rem;}
.m-about dd{ color:#4e4e4e; font:1rem/1.71rem "Microsoft Yahei";  padding:0 0.63rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-about dd a{color:#f57b18;}

.m-about ul{ margin:0 auto; width:25.33rem; height:3.0rem; overflow:hidden; }
.m-about li{ margin-right:0.63rem; float:left; height:3.0rem; width:5.83rem; overflow:hidden; text-align:center; font:1rem/3.0rem "Microsoft Yahei"; color:#475d90;background:url(../mimages/ab_p2.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-about li.z-on{ font-weight:bold; color:#fff;background:url(../mimages/ab_p1.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-about a:nth-child(4) li{ margin-right:0rem;}

.m-about p{ display:block; height:3.08rem; width:22.71rem; overflow:hidden; margin:0 auto; padding-left:4.83rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;  background:url(../mimages/hz_btn.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-about p i{ float:left; display:inline-block;font:0.58rem/3.08rem "Microsoft Yahei"; color:#fff;}
.m-about p b{ display:inline-block; color:#fff; font:bold 1.25rem/3.08rem Arial, Helvetica, sans-serif; }


/* news-----------------------------------------------------------------------------------------------------------------------*/
.m-news{ position:relative; height:17.58rem; overflow:hidden;background:url(../mimages/new_bj.jpg) no-repeat left top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}

.m-news .m-cnt{ margin:0 auto 1.67rem; height:2.67rem; width:100%; overflow:hidden; border-top:0.08rem solid #1642a2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
 background-color:#3986ea;
 background-image: -webkit-linear-gradient(top, #3986ea, #15409f);
 background-image: -moz-linear-gradient(top, #3986ea, #15409f); 
 background-image: -o-linear-gradient(top, #3986ea, #15409f); 
 background-image: -ms-linear-gradient(top, #3986ea, #15409f); 
 background-image: linear-gradient(top, #3986ea, #15409f); }
 
.m-news .m-cnt li{ position:relative; float:left; text-align:center; width:7.08rem; height:2.67rem;overflow:hidden; font:1.08rem/2.67rem "microsoft Yahei"; color:#fff;}
.m-news .m-cnt li.z-on{ font-weight:bold; background:#1642a2;}
.m-news .m-cnt li:before{ position:absolute; content:""; left:0rem; top:0rem; width:1px; height:2.63rem; overflow:hidden; background:#6183c8;}
.m-news .m-cnt li:after{ position:absolute; content:""; right:0rem; top:0rem; width:1px; height:2.63rem; overflow:hidden; background:#005593;}
.m-news .m-cnt li:nth-child(3):after{ background:none;}
.m-news .m-cnt li:nth-child(1):before{ background:none;}

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

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

.news_c ul{width:23.33rem;  overflow:hidden; margin:0 auto;}
.news_c ul li{ padding-left:1.25rem; height:2.45rem; overflow:hidden; font:1rem/2.45rem "Microsoft Yahei"; color:#555; background:url(../mimages/new_icon.gif) no-repeat left 1rem;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:0.46rem 0.46rem;}






@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%;}
}