/*自定义样式*/
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:13.75rem; overflow:hidden; position:relative;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:13.75rem; overflow:hidden;}



/*nav*/
nav{ height:9.2rem;  overflow:hidden; margin:0.75rem 0 0 2.188%;}
nav a{ float:left; line-height: 0rem; height:3.2rem;  color:#fff; width:7.833rem; margin:0 1.042rem 0.708rem 0; overflow:hidden; display:block; background:#0067ac; border-radius: 0.4rem;}

nav i{display: block; text-align:center; font:1rem/3.2rem "Microsoft Yahei";}
nav a:nth-child(3n){margin-right: 0rem;}



/*m-pro----------------------------------------------------------------------*/
.m-pro{position: relative; height:42rem; overflow:hidden;}

.m-h2{ margin:0 auto 0.625rem; height:4.333rem; width:100%; text-align:center; color:#0067ac; font:bold 1.5rem/2.5rem "Microsoft Yahei"; background:url(../images/pro_t.png) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 2.75rem;  padding-top:0.25rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-h2 i{ display:block;color:#222;  font:0.917rem/1.583rem "Microsoft Yahei";}

.m-pro .c-list{margin-left: 0.5rem; line-height:0rem; height:2.9rem; overflow:hidden; }
.m-pro .c-list li{ margin:0 0.25rem 0 0; float:left; text-align:center; width:23.7%; height:1.667rem; color:#fff; font:1rem/1.667rem "Microsoft Yahei"; overflow:hidden; border-radius: 1rem; background: #656565; }
.m-pro .c-list .z-on{background: #0067ac;}
.m-pro .c-list li:nth-child(4){ margin-right:0rem;}

.m-pro .m-prom{position: absolute;right: 0.5rem;top:4.958rem; width:23.7%;text-align: center; height:1.667rem; color:#fff; font:1rem/1.667rem "Microsoft Yahei"; overflow:hidden; border-radius: 1rem; background: #656565;}




.pro_list{margin:0 auto 0; width: 95.94%; overflow: hidden;}
.pro_list li{ float:left; margin-bottom: 0.583rem;  width:12.375rem; overflow:hidden;border:1px solid #d7d7d7;}
.pro_list li img{ height:8.25rem;}
.pro_list li span{width: 100%; border-top:1px solid #d7d7d7; display:block; text-align:center; color:#222; height:2.25rem; overflow:hidden; font:1rem/2.25rem "Microsoft Yahei";}
.pro_list li:nth-child(2n){float: right;}



/*m-wap-----------------------------------------------------------------------------------------*/
.m-wap{width: 100%; height:8.5rem;}
.m-wap p{height: 18.375rem; width: 100%;}

.wap_wz{width: 93.75%;background: #fff; height: 16.708rem; overflow: hidden; margin: 0 auto;padding-left: 1.167rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.wap_wz h2{ margin-top: 0.275rem; font:1rem/3.167rem "Microsoft Yahei"; color: #666;}
.wap_wz h2 b{font:bold 1.5rem/3.167rem "Microsoft Yahei";  color: #0067ac; display: inline-block; padding-right: 0.417rem;}
.wap_wz span{display: block;}
.wap_wz .zjgs { display:none;}
.wap_wz .gs1 { display:block;}
.wap_wz span .shenf{color: #0067ac; width: 10.75rem; height: 1.958rem; padding-left: 0.5rem;font:1rem/1.958rem "Microsoft Yahei"; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.wap_wz span .chengs{margin-left: 0.667rem;}
.wap_wz h3{ margin-top:0.308rem; font:1rem/2.4rem "Microsoft Yahei"; color: #666;}
.wap_wz h3 em{color: #0067ac;}
.wap_wz h4{ font:1rem/1.25rem "Microsoft Yahei"; color: #666;}

/*m-case-----------------------------------------------------------------------------------------*/
.m-case{ position:relative; height:28.5rem; overflow:hidden;}
.m-case .m-h2{ margin:1.542rem auto 1.417rem; background:url(../images/cs_t.png) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 2.75rem;}


.m-case dl{ width: 95.94%; margin:0 auto 0.375rem; background: #f2f2f2; height: 6.333rem; overflow: hidden;}
.m-case dl dt{ float: left; width: 8.375rem; height: 6.333rem;}
.m-case dl dd{float: right; width:16.25rem; height: 6.333rem; overflow: hidden; position: relative;}
.m-case dd h3{padding-top: 0.583rem; font:bold 1rem/2rem "Microsoft Yahei"; color: #494949;}
.m-case dd p{padding-right: 0.583rem; font:1rem/1.333rem "Microsoft Yahei"; color: #666;height:2.8rem;overflow: hidden;}
.m-case dd em{ position: absolute; right: 0rem; bottom: 0rem; width:2.667rem; height: 2.292rem;display: block;}

/*m-about*/
.m-about{position: relative;  height:26.417rem; width: 100%; overflow:hidden;}
.m-about h2{z-index: 100; position: absolute;top:10.458rem; left:9.917rem; height: 6.083rem; width: 7.042rem; text-align: center; font:bold 1rem/1.667rem "Microsoft Yahei"; color: #fff; overflow: hidden;background:url(../images/about_t.jpg) no-repeat center top;-webkit-background-size:100%;-ms-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; padding-top: 2.083rem;}
.m-about dl{ width:100%; margin:0 auto; overflow: hidden;}
.m-about dl dt{margin-bottom:0.708rem; width: 100%; height:14.417rem; overflow: hidden;}
.m-about dl dd{padding:2.1rem 0.917rem 0; text-align: center;}
.m-about dl dd h3{color: #0067ac;font:bold 1.25rem/2.833rem "Microsoft Yahei";}
.m-about dl dd p{color: #555555;font:1rem/1.583rem "Microsoft Yahei";}

/*m-cul----------------------------------------------------------------------*/
.m-cul{position: relative; height:18.917rem; overflow:hidden;}
.m-cul:before{position: absolute;content: ""; z-index: 100; left:0.5rem; top:16.4rem;width:36.0%; height: 1px; background: #b7b7b7;}
.m-cul:after{position: absolute;content: ""; z-index: 100; right:0.5rem; top:16.4rem;width:36.0%; height: 1px; background: #b7b7b7;}

.m-cul .c-list{ line-height:0rem; width:100%; margin: 0 auto 1.25rem; height:3.208rem; background: #494949; overflow:hidden; }
.m-cul .c-list li{ float:left; text-align:center; width:33.3%; height:3.208rem; color:#fff; font:1rem/3.208rem "Microsoft Yahei"; overflow:hidden;}
.m-cul .c-list .z-on{background: #0067ac;}

.m-cul .cul{position:relative; width: 100%; height:14.45rem; overflow:hidden;}
.m-cul .change-box .prev ,.m-cul .change-box .next{ display: block; position:absolute; z-index:909; width:2.458rem; height:2.458rem; overflow:hidden; top:10.75rem;}
.m-cul .cul .prev { left:37.81%;}
.m-cul .cul .next{ right:37.81%;}

.m-cul .sclwrap_box,.m-cul .no_ov{ height:14.45rem; overflow:hidden;}
.m-cul .m-box{ display:inline; float:left; width:100%;}
.m-cul .cul ul{margin:0 auto; width: 95.94%;  overflow: hidden;}
.m-cul .cul ul li{float: left; position: relative; line-height:0rem; height:10.75rem; width:12.417rem; overflow:hidden;}
.m-cul .cul ul li em{ display: block; color: #666; width: 100%; text-align: center; font:1rem/1.833rem "Microsoft Yahei"; overflow:hidden; height:2rem;}
.m-cul .cul ul li img{border: 1px solid #dddddd;height:8.5rem; padding: 1px; background: #fff; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-cul .cul ul li:nth-child(2){float: right;}


/* news--------------------------------------------------------------------------------------*/
.m-news{ position:relative; height:28.417rem; overflow:hidden;}
.m-news .m-cnt{ line-height:0rem; width:100%; margin: 0 auto 0.833rem; height:3.208rem; background: #494949; overflow:hidden; }
.m-news .m-cnt li{ float:left; text-align:center; width:25%; height:3.208rem; color:#fff; font:1rem/3.208rem "Microsoft Yahei"; overflow:hidden;}
.m-news .m-cnt .z-on{background: #0067ac;}

.m-news span{ position:absolute; right:0rem; top:0rem;  height:3.208rem;padding-right: 0.583rem;padding-left: 1.333rem;  font:1rem/3.208rem "Microsoft Yahei";  color:#fff;background:url(../images/new_ic.gif) no-repeat left 1.167rem; background-size:1.083rem 1.083rem;}

.m-news .sclwrap_box , .m-news .m-box{ height:24.375rem; overflow:hidden;}
.m-news .con{float:left; width:100%; display:inline;}
.news_c{}
.news_c ul{  width: 95.94%; margin:0 auto;}
.news_c ul li{border-bottom: 1px dashed #b8b8b8; color: #555; padding-left:1.083rem;  font:1rem/2.333rem "Microsoft Yahei"; background:url(../images/new_ic3.gif) no-repeat left 0.917rem; background-size:0.375rem 0.708rem;}

.news_c dl{ overflow: hidden; height: 7.667rem; width: 95.94%; margin: 0 auto;}
.news_c dl dt{width: 9.667rem; height: 6.25rem; overflow: hidden; float: left;}
.news_c dl dd{float: right; width:15.2rem;overflow: hidden;}


.news_c dd h3{ font:bold 1rem/1.833rem "Microsoft Yahei"; color: #2b2b2b;height:2.25rem;overflow: hidden;}


.news_c dd p{padding-right: 0.583rem; font:1rem/1.167rem "Microsoft Yahei"; color: #666;height:2.4rem;overflow: hidden;}
.news_c dd em{margin-top: 0.417rem; width:1.125rem; height:1.125rem;display: block;}


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