/*自定义样式*/
h2 a:hover{ text-decoration: none;}
input,textarea{ outline:none; }
textarea{ resize:none;}
em{ font-style: normal;}

.f_fm{ font-family: "Microsoft Yahei"; }
.f_ft{ font-family: "Times New Roman", Times, serif; }
.f_far{ font-family: Arial, Helvetica, sans-serif; }
.f_fim{ font-family: Impact; }
.f_fst{ font-family: "Microsoft Yahei" }


/*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: 1rem auto 0; position: relative; height:7.75rem; width:93.75%; overflow:hidden;}
nav a{ position:relative; float:left;  color:#fff; text-align:center; font:bold 0.833rem/2.667rem "Microsoft Yahei";width:31.5%; height:2.667rem; overflow:hidden; display:block; margin:0 0.625rem 0.667rem 0; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007ac7+0,006eb5+50,0064a3+100 */
background: #007ac7; /* Old browsers */
background: -moz-linear-gradient(top,  #007ac7 0%, #006eb5 50%, #0064a3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #007ac7 0%,#006eb5 50%,#0064a3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #007ac7 0%,#006eb5 50%,#0064a3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ac7', endColorstr='#0064a3',GradientType=0 ); /* IE6-9 */
}
nav a:nth-child(3n){ margin-right: 0rem;}
nav a:nth-child(1){background: #ffa200;}


/*PRO*/
.m-pro{ height:37.5rem; overflow:hidden; width: 100%;}

.m-h2{position: relative; margin:0 auto 1.25rem; height:3.25rem; width:100%; text-align:center; color:#007ac8; font:bold 1.417rem/1.875rem "Microsoft Yahei";}
.m-h2 i{ display:block;color:#4c4c4c;  font:1rem/1.375rem "Microsoft Yahei";}
.m-h2:before{ position:absolute;content:""; left:0rem; top:1.0rem; width:29.688%; height:1px; background:#d8d8d8;}
.m-h2:after{ position:absolute;content:""; right:0rem; top:1.0rem; width:29.688%; height:1px; background:#d8d8d8;}

.m-pro .pro_t{margin: 0 auto; position: relative; height:7.0rem; width:93.75%; overflow:hidden;}
.m-pro .pro_t li{position:relative; float:left;  color:#4c4c4c; text-align:center; font:bold 0.833rem/2.083rem "Microsoft Yahei";width:30%; height:2.083rem; overflow:hidden; display:block; margin:0 1rem 0.917rem 0; border: 1px solid #ffa200; background: #ffa200; color:#fff;}
.m-pro .pro_t li.z-on{background: #ffa200;border: 1px solid #ffa200; color: #fff;}
.m-pro .pro_t a:nth-child(3n) li{margin-right: 0rem;}

.m-pro .pro_c{margin: 0 auto; width:93.75%; overflow:hidden;}
.m-pro .pro_c li{ line-height:0rem;margin-bottom: 0.917rem; float:left;width:46.34%; overflow:hidden;}
.m-pro .pro_c li img{ border:1px solid #bcbcbc; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-pro .pro_c li em{ display:block; text-align:center; color:#4c4c4c; height:2rem; overflow:hidden; font:0.833rem/2rem "Microsoft Yahei";}
.m-pro .pro_c li:nth-child(2n){ float: right;}


/*ys*/
.m-ys{height:35.5rem; width: 100%; overflow: hidden;background:url(/mobile/Images/Index/ys_t.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 8.25rem;}
.m-ys h2{margin:3.542rem auto 2.5rem; height:3.333rem; text-align: center; color: #fff;}
.m-ys h2 b{color: #fba410;display: inline-block; padding-right: 0.292rem; font:bold 3.333rem/3.333rem "Microsoft Yahei"; font-style: italic;}
.m-ys h2 i{color: #fff; width: 51.56%; font:bold 1.667rem/3.333rem "Microsoft Yahei";}

.m-ys .m-cnt{ margin:0 auto 1.083rem; height:4.708rem; overflow:hidden;background:url(/mobile/Images/Index/ys_p1.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-ys .m-cnt li{position: relative; float:left; width:25%; height:4.708rem; text-align: center;overflow:hidden; font:bold 1.083rem/4.292rem "Microsoft Yahei";color: #fff;}
.m-ys .m-cnt li.z-on{ background:url(/mobile/Images/Index/ys_p1.png) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-ys .m-cnt li:before{position: absolute;content: "";right: 0rem; top:0rem; height: 4.292rem; width: 1px; background: #5e5e5e;}
.m-ys .m-cnt li:before:nth-child(4){background: none;}

.m-ys .sclwrap_box , .m-ys .m-box{ height:20.292rem; overflow:hidden;}
.m-ys .con{float:left; width:100%; display:inline;}
.ys_c dl{margin:0 auto; width: 93.75%; overflow: hidden;}
.ys_c dl dt{height:13.167rem; margin-bottom:1.25rem; width:100%;  overflow:hidden; }
.ys_c dl dd{width:100%; margin: 0 auto; overflow: hidden;}
.ys_c dl dd p{position: relative; padding-left:1.25rem;display: block; color:#383838; font:0.833rem/1.583rem "Microsoft Yahei";}
.ys_c dl dd p:before{position: absolute;content: "";left:0.208rem; top:0.5rem; height: 0.625rem; width: 0.625rem; background: #505050;border-radius: 100%;}

/*zc*/
.m-zc{position: relative; width: 100%;height:29.917rem; overflow:hidden; background:url(/mobile/Images/Index/zc_bg.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-zc .m-h2{ margin:3.167rem auto 1.25rem;}
.m-zc .m-h2:before{ position:absolute;content:""; left:0rem; top:1.0rem; width:15.3688%; height:1px; background:#a9a9a9;}
.m-zc .m-h2:after{ position:absolute;content:""; right:0rem; top:1.0rem; width:15.3688%; height:1px; background:#a9a9a9;}

.m-zc ul{margin-left: 0.833rem; }
.m-zc ul li{float: left;margin-right:2.167rem; line-height: 0rem; width:6.917rem; height:7.917rem; overflow: hidden; position: relative;}
.m-zc ul li em{position: absolute; left:0rem; bottom: 1.875rem; width:100%; height: 2.083rem; color: #fff;font:bold 0.833rem/2.083rem "Microsoft Yahei"; text-align: center;}
.m-zc ul li:nth-child(3){margin-right: 0rem;}
.m-zc ul li:nth-child(4){margin-left:4.375rem;}

.zc_btn{margin: 1.6rem auto 0; width: 25%; height: 2rem; background: #ffa200; border-radius: 1rem; color: #fff; text-align: center; font:bold 0.833rem/2rem "Microsoft Yahei";}

/*m-case*/
.m-case{position: relative; height:32.917rem; width: 100%; overflow: hidden;}
.m-case .m-h2{ margin:2.583rem auto 2rem;}
.m-case .m-h2:before{ position:absolute;content:""; left:0rem; top:1.0rem; width:31.875%; height:1px; background:#d7d7d7;}
.m-case .m-h2:after{ position:absolute;content:""; right:0rem; top:1.0rem; width:31.875%; height:1px; background:#d7d7d7;}

.m-case .prev , .m-case .next{ position:absolute; z-index:99; width:2.458rem; height:1.75rem; overflow:hidden; top:28.125rem;}
.m-case .prev { left:25.78%;}
.m-case .next{ right:25.78%;}

.m-case .m-cnt{ margin:0 0 0 39.06%; height:0.833rem; overflow:hidden;}
.m-case .m-cnt li{float:left; margin-right:1.125rem; height:0.625rem; width: 0.625rem; background: #505050; border-radius: 100%; overflow:hidden; }
.m-case .m-cnt li.z-on{  background: #FFA200; border-radius: 100%;}

.m-case .sclwrap_box , .m-case .m-box{ height:21.333rem; overflow:hidden;}
.m-case .con{float:left; width:100%; display:inline;}
.case_c dl{margin:0 auto; width: 93.75%; overflow: hidden;}
.case_c dl dt{height:12.833rem; margin-bottom: 0.417rem; width:100%;  overflow:hidden; }
.case_c dl dd{width:100%; margin: 0 auto; overflow: hidden;}
.case_c dl dd h3{overflow: hidden; color: #383838;  font:bold 1rem/2.833rem "Microsoft Yahei";}
.case_c dl dd h3 b{color: #007ac8;}
.case_c dl dd p{color: #4c4c4c;display: block; font:0.833rem/1.25rem "Microsoft Yahei";}


/*kh*/
.m-kh{height:28.833rem;background: #f1f1f1; width: 100%; overflow: hidden;}
.m-kh .m-h2{ margin:2.5rem auto 0.875rem;}
.m-kh .m-h2 i{display: block; text-transform:uppercase; color: #4c4c4c; font:0.583rem/0.667rem "Microsoft Yahei";}
.m-kh .m-h2:before{ position:absolute;content:""; left:0rem; top:1.0rem; width:20.32%; height:1px; background:#cfcfcf;}
.m-kh .m-h2:after{ position:absolute;content:""; right:0rem; top:1.0rem; width:20.32%; height:1px; background:#cfcfcf;}
.m-kh dl{height: 9.167rem; width:93.75%; margin:0 auto; overflow: hidden;}
.m-kh dl dt{ float: left; width:8.708rem; height:7.042rem; overflow: hidden;}
.m-kh dl dd{float: right; width: 15.333rem;}
.m-kh dl dd h3{margin-bottom: 0.667rem; color: #4c4c4c;font:bold 0.917rem/1.417rem "Microsoft Yahei";}
.m-kh dl dd p{color: #4c4c4c;font:0.75rem/1.25rem "Microsoft Yahei";}
.m-kh dl dd em{display: block; color: #ffa200;font:bold 0.75rem/1.25rem "Microsoft Yahei"; }

.m-kh .zc_btn{margin:0 auto; }

/*m-about--------------------------------------------------------------------------------------*/
.m-about{height: 28.125rem; width: 100%;overflow: hidden;}
.m-about .m-h2{ margin:2.5rem auto 0.917rem;}
.m-about .m-h2 i{display: block; text-transform:uppercase; color: #4c4c4c; font:0.583rem/0.667rem "Microsoft Yahei";}
.m-about .m-h2:before{ position:absolute;content:""; left:0rem; top:1.0rem; width:37.5%; height:1px; background:#cfcfcf;}
.m-about .m-h2:after{ position:absolute;content:""; right:0rem; top:1.0rem; width:37.5%; height:1px; background:#cfcfcf;}
.m-about dl{ width:93.75%; margin:0 auto; overflow: hidden;}
.m-about dl dt{margin-bottom:0.708rem; width: 100%; height:12.5rem; overflow: hidden;}
.m-about dl dd{letter-spacing: 1px; color: #4c4c4c;font:0.833rem/1.5rem "Microsoft Yahei";}
.m-about dl dd a{color: #4c4c4c;}

/* news--------------------------------------------------------------------------------------*/
.m-news{background: #f2f2f2;height:18.583rem; overflow:hidden;}
.m-news .m-cnt{ margin:2.417rem auto 0.75rem; width: 93.75%; height:2.167rem; overflow:hidden;}
.m-news .m-cnt li{ position:relative; float:left;  color:#fff; text-align:center; font:1.083rem/2.167rem "Microsoft Yahei";width:31.6%; height:2.167rem; overflow:hidden; display:block;margin-right: 0.583rem; background: #4c4c4c;border-radius: 0.15rem;}
.m-news .m-cnt li.z-on{background: #007ac8;}
.m-news .m-cnt li:nth-child(3){margin-right: 0rem;}

.m-news .sclwrap_box,.m-news .m-box{ height:12.833rem; overflow:hidden;}
.m-news .con{float:left; width:100%; display:inline;}
.news_c{}
.news_c ul{  width: 93.75%; margin:0 auto;}
.news_c ul li{border-bottom: 1px dashed #adadad; color: #666;font:1rem/2.708rem "Microsoft Yahei"; background:url(/mobile/Images/Index/new_ic3.gif) no-repeat left 0.917rem; background-size:0.375rem 0.708rem; height:2.708rem; overflow:hidden;}
.news_c ul li em{float: left; display: block; margin-right: 0.417rem;border-radius: 0.1rem; margin-top: 0.75rem; background: #007AC8;color: #fff; text-align: center;  width: 1.25rem; height: 1.25rem; font:0.833rem/1.25rem Arial, Helvetica, sans-serif; }
.news_c ul a:nth-child(4) li{border: 0rem;}




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