@charset "utf-8";/* CSS Document*/































































































html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea{margin:0;padding:0;}































































































body{font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;padding-top:1px;background:#fff;}































































































li, ol{list-style:none;}































































































ins{text-decoration:none;}































































































i, em{font-style:normal;}































































































a{text-decoration:none;font-family:"Microsoft Yahei";}































































































a:hover{cursor:pointer;text-decoration:none;}































































































a:active{star:expression(this.onFocus=this.blur());}































































































:focus{outline:0;}































































































.clear{clear:both;line-height:0px;overflow:hidden;zoom:1;font-size:0px;content:'.';}































































































.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}































































































img{padding:0;margin:0;}































































































a img{border:none;}































































































input,textarea{border:none;font-family:"Microsoft Yahei";font-size:13px;}































































































h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:14px;}































































































.f-fl{ float:left;} /*左浮动*/































































































.f-fr{ float:right;} /*右浮动*/































































































.wrap img{ width:100%;}































































































































































































































































































/*自界说样式*/































































































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; width: 100%;  overflow:hidden; position:relative;}































































































.g-adv .sclwrap_box , .g-adv .m-box{height: 12.5rem; width: 100%; overflow:hidden;}































































































.g-adv .m-box li{ height: 12.5rem; overflow: hidden; width: 100%;}































































































.g-adv .m-box li img{display: block; height: 12.5rem; width: 100%; }































































































































































































.g-hd p{ border-bottom: 1px solid #828282; text-align:center; margin: 0 auto; width:100%; height:2.833rem; overflow:hidden; color:#ff9600; font:0.917rem/2.833rem "黑体";}































































































.g-hd p b{ display:inline-block; color:#ff9600; font:1.25rem/2.833rem Impact;}































































































.g-hd p em{ padding:1rem 0.5rem 0 0;  width:1.17rem; height:1.17rem; overflow:hidden; line-height:0;  display:inline-block; vertical-align:top;}































































































.g-hd p em img{}































































































































































































































































































/*nav*/































































































nav{ margin: 1.667rem auto 0; height:12rem; width:93.75%; overflow:hidden;}































































































nav a{ position:relative; float:left;  color:#fff; text-align:center; font:1rem/2.958rem "Microsoft Yahei";width:30.8%; height:2.958rem;margin:0 0.78rem 0.833rem 0; overflow:hidden; display:block;background:#074187; border-radius: 0.2rem;}































































































nav a:nth-child(3n){margin-right: 0rem; }































































































nav a:nth-child(1){font-weight: bold;  background:#fab929;}































































































































































































































































































































































































/*m-cul----------------------------------------------------------------------*/































































































.m-cul{ height:15.167rem; overflow:hidden;}































































































































































































.m-cul .c-list{margin:0 auto 1.25rem; height: 2.875rem; width: 93.75%; overflow:hidden; }































































































.m-cul .c-list li{position: relative; float:left; text-align:center; width:33.33%; height:2.875rem; color:#fff; font:bold 1rem/2.583rem "Microsoft Yahei"; overflow:hidden; background:url(/templates/m_3021/images/cul_ip2.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}































































































.m-cul .c-list .z-on{ background:url(/templates/m_3021/images/cul_ip1.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}































































































.m-cul .c-list li:before{ position: absolute; content: ""; right: 0rem; top:0rem; width: 1px; height:2.65rem; background: #858585;}































































































.m-cul .c-list li:after{ position: absolute; content: ""; left: 0rem; top:0rem; width: 1px; height:2.65rem; background: #b1b1b1;}































































































.m-cul .c-list li:nth-child(3):before{background: none;}































































































.m-cul .c-list li:nth-child(1):after{background: none;}































































































































































































.m-cul .cul{ position:relative; height:11.042rem; overflow:hidden;}































































































.m-cul .cul .prev ,.m-cul .cul .next{ position:absolute; z-index:99;  width:0.792rem; height:1.583rem; overflow:hidden; top:3.125rem;}































































































.m-cul .cul .prev { left:0%;}































































































.m-cul .cul .next{ right:0%;};}































































































































































































.m-cul .sclwrap_box,.m-cul .no_ov{ height:11.042rem; overflow:hidden;}































































































.m-cul .m-box{ display:inline; float:left; width:100%;}































































































.m-cul .cul{margin:0 auto; width: 93.75%; overflow: hidden;}































































































.m-cul .cul ul{width:87.4%; margin:0 auto; overflow: hidden;}































































































.m-cul .cul ul li{ float:left; line-height:0rem; width:48%; overflow:hidden;}































































































.m-cul .cul ul li img{ box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; padding: 0.208rem; background: #fff; display:block; border:1px solid #cdcdcd;  height:8rem;}































































































.m-cul .cul ul li span{ display:block; text-align:center; color:#666;  font:1rem/1.833rem "Microsoft Yahei"; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}































































































.m-cul .cul ul li:nth-child(2){float: right;}































































































































































































































































































/*m-m-pro-----------------------------------------------------------------------------------------*/































































































.m-pro{ position:relative; overflow:hidden;  background:#f4f4f4 url(../images/pro_bg.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 23.25rem; padding-bottom: 1.8rem;}































































































.m-h2{ position: relative; margin:1.5rem auto 0.75rem; height: 3.25rem; width: 100%; overflow: hidden; background: url(/templates/m_3021/images/tit.png) no-repeat center 2.4rem;}































































































.m-h2 em{height: 3.25rem; width: 100%; overflow: hidden; display: block; color: #074187; font-size:1.5rem; font-weight: bold; text-align: center;}































































































.m-h2 i{position: absolute; left:0rem; top:1.833rem; display: block; color: #999; height: 1.417rem; width: 100%; overflow: hidden; text-align: center; letter-spacing: 0.04rem; font:0.6rem/1.417rem Arial, Helvetica, sans-serif; text-transform:uppercase;}































































































.m-h3{ height:3.25rem; background: url(/templates/m_3021/images/ys_tit.png) no-repeat center 3.1rem;}































































































































































































.prot{position: relative; margin:0rem auto 1.25rem; width:93.75%; overflow:hidden;}































































































.prot p{ width: 100%; height: 100%; overflow: hidden;}































































































.prot p img{ height:240px;}































































































































































































.pro_u2{ width:90%; margin:0 auto; overflow:hidden;}































































































.pro_u2 li{ margin-bottom: 1rem; float:left; line-height:0rem; width:48%; overflow:hidden;}































































































.pro_u2 li img{  padding: 0.208rem; background: #fff; display:block; border:1px solid #cdcdcd; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; height:8em;}































































































.pro_u2 li span{ display:block; text-align:center; color:#666;  font:1rem/1.833rem "Microsoft Yahei"; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}































































































.pro_u2 li:nth-child(2n){float: right;}































































































































































































.btn01{margin:0 auto; width:81.57%; overflow: hidden; height: 3.083rem;}































































































.btn01 span{float: left; text-align:center; font:1rem/3.083rem "Microsoft Yahei"; color: #fff; width:48.4%; height:3.083rem;overflow:hidden; display:block;background:#fab929; border-radius: 0.2rem;}































































































.btn01 .p_btn2{float: right; background:#074187;}































































































































































































/* m-ser--------------------------------------------------------------------------------------*/































































































.m-ser{ position:relative; padding-bottom: 1.5rem; overflow:hidden;}































































































.m-ser .m-h2{ margin: 1.5rem auto 0.667rem;}































































































































































































.m-ser .m-cnt{ margin:0 auto; height:1.2rem; width:100%; overflow:hidden; text-align:center;}































































































.m-ser .m-cnt li{ display:inline-block; *display:inline; zoom:1; width:0.8rem; margin:0 0.5rem; height:0.8rem; border-radius:0.8rem; overflow:hidden;background:#999;}































































































.m-ser .m-cnt li.z-on{ background: #074187;}































































































.m-ser .sclwrap_box , .m-ser .m-box{ height:11.5rem; overflow:hidden;}































































































.m-ser .con{float:left; width:100%; display:inline;}































































































































































































.ser_c dl{ width: 93.75%; margin:0 auto;}































































































.ser_c dl dt{float: left; width: 50%; height:10.25rem; overflow:hidden; }































































































.ser_c dl dt img{ height: 10.25rem; }































































































.ser_c dl dd{float: left; width: 50%; overflow: hidden; height: 10.25rem; overflow:hidden;color: #333;  font:1rem/1.333rem "Microsoft Yahei"; background:#eee; 































































































padding: 0.833rem 0.5rem 0 1.083rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}































































































.ser_c dl dd h3{ color:#074187;   font:bold 1.2rem/2.583rem "Microsoft Yahei"; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}































































































.ser_c dl:nth-child(2){ margin-top: 1rem;}































































































.ser_c dl dd p{ font-size:1rem; line-height:2rem;}































































































































































































































































































/*m-case----------------------------------------------------------------------------------------*/































































































.m-case{ position:relative; height:29rem; overflow:hidden;  background:#f4f4f4 url(../images/pro_bg.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 23.25rem;}































































































.m-case .m-h2{margin:1.5rem auto 0.75rem; }































































































































































































.case01{ margin:0 auto 0.833rem; width: 93.75%; height: 6.167rem; overflow: hidden; border: 1px solid #cccaca; border-radius: 0.15rem; background: #fff;padding-top: 0.417rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}































































































.case01 li{float: left; position: relative; height: 2.667rem; width: 33.33%; overflow: hidden; text-align: center; color: #074187;  font: 1rem/2.667rem "Microsoft Yahei";}































































































.case01 li:before{position:absolute; content:""; right:0rem; top:1.0rem; width:1px; height:1rem; background:#e0e0e0;} 































































































.case01 a:nth-child(3n) li:before{background: none;}































































































































































































































































































.m-case .prev , .m-case .next{ position:absolute; z-index:99; width:2.208rem; height:3.083rem; overflow:hidden; top:12rem;}































































































.m-case .prev { left:6.25%;}































































































.m-case .next{ right:6.25%;}































































































































































































.m-case .sclwrap_box ,.m-case .m-box{ height:19.458rem; overflow:hidden;}































































































.m-case .con{ display:inline; float:left; width:100%;}































































































.m-case .con ul{ width:93.75%; margin:0 auto; height: 18.0rem; overflow:hidden;}































































































.m-case .con ul li{ float:left; line-height:0rem; width:100%; overflow:hidden;}































































































.m-case .con ul li img{ height:15em;}































































































.m-case .con ul li span{ display:block; text-align:center; color:#666;  font:1rem/2.583rem "Microsoft Yahei";  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}































































































































































































.btn02{margin:0 auto; width:81.57%; overflow: hidden; height: 3.2rem;}































































































.btn02 span{float: left; text-align:center; font:1rem/3.083rem "Microsoft Yahei"; color: #fff; width:48.4%; height:3.083rem;overflow:hidden; display:block;background:#fab929; border-radius: 0.2rem;}































































































.btn02 p{float: left;  width:48.4%; overflow: hidden; height: 3.2rem; }































































































.btn02 p b{ display: inline-block; float: left; color: #666; font:1rem/1.5rem "Microsoft Yahei";}































































































.btn02 p em{margin-left: 2.5rem; float: left; display: inline-block; width: 1.167rem; height: 1.167rem; overflow: hidden; padding:0.1rem 0.5rem 0 0; }































































































.btn02 p i{text-align: center; display: block; color: #333; font:1.417rem/1.417rem Arial, Helvetica, sans-serif; }































































































































































































































































































/*m-jm-----------------------------------------------------------------------------------------*/































































































.m-jm{ height:34.1rem; width: 100%; overflow: hidden;  background:#ebebec url(../images/jm_bg.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}































































































.m-jm h2{ width: 100%; height:3.0rem; overflow: hidden; margin:3.417rem auto 1.333rem; color: #fff;}































































































.m-jm h2 b{float: left; text-align: right; display:block; width: 48%; font:2.5rem/3rem "Microsoft Yahei"; font-style: italic;}































































































.m-jm h2 span{text-align: left; display: block; width: 48%; float: right; overflow: hidden; font:1.083rem/1.5rem "Microsoft Yahei"; font-style: italic;}































































































.m-jm h2 span i{ display: block; margin-top: 0.6rem; font:0.75rem/0.917rem Arial, Helvetica, sans-serif; color: #a6b4cb; font-style: italic; text-transform: uppercase;}































































































































































































.m-jm ul{ margin-right: 0rem;}































































































.m-jm li{ float: left; width: 25%; height: 8.75rem; overflow: hidden; font:1rem/1.333rem "Microsoft Yahei"; text-align: center; color: #fff; }































































































.m-jm li em{ display: block; margin: 0 auto 0.458rem; width: 4.042rem; padding-top: 0.5rem; height:4.042rem; overflow:hidden; text-align: center; color: #074187; font:bold 1rem/1.583rem "Microsoft Yahei"; background:url(/templates/m_3021/images/jm_ip.png) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:4.042rem 4.042rem;  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}































































































.m-jm li:nth-child(4n){ margin-right: 0px;}































































































































































































.m-jm .btn02{margin:0 auto; width:81.57%; overflow: hidden; height: 3.2rem;}































































































.btn02 p{float: left;  width:48.4%; overflow: hidden; height: 3.2rem; }































































































.m-jm .btn02 p b{ color: #fff;}































































































.m-jm .btn02 p i{color: #fff;}































































































































































































































































































































































































/*m-ys-----------------------------------------------------------------------------------------*/































































































.m-ys{height: 46.6rem;overflow: hidden;width: 100%;background:#f4f4f4 url(../images/ys_bg.jpg) no-repeat center top;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100% 22.5rem;}































































































































































































.m-ys h2{position: relative; margin:1.5rem auto 0.667rem; height:4.542rem; width: 100%; overflow: hidden;}































































































.m-ys h2 em{height:4.542rem; width: 100%; overflow: hidden; display: block;}































































































































































































































































































.m-ys .m-cnt{ margin:0 auto; height:0.75rem; width:42.188%; overflow:hidden;}































































































.m-ys .m-cnt li{float:left; width: 47%; height:0.75rem;overflow:hidden;background:#999;}































































































.m-ys .m-cnt li.z-on{ background: #074187;}































































































.m-ys .m-cnt li:nth-child(2){float: right;}































































































































































































.m-ys .sclwrap_box , .m-ys .m-box{height: 37.5rem;overflow:hidden;}































































































.m-ys .con{float:left; width:100%; display:inline;}































































































































































































.ys_c dl{ width: 93.75%; margin:0 auto;}































































































.ys_c dl dt{width:100%; height:12.083rem; overflow:hidden; }































































































.ys_c dl dd{margin-top: 0.75rem; width: 100%; overflow: hidden;}































































































.ys_c dl dd h3{ width: 100%; height: 2.75rem; overflow: hidden;}































































































.ys_c dl dd h3 em{ float: left; width: 10%;  display: block; font:bold 2.5rem/2.75rem Arial, Helvetica, sans-serif; color: #074187;}































































































.ys_c dl dd h3 b{ float: right; width:86%;  display: block; font:bold 1.2rem/2.75rem "Microsoft Yahei"; color: #074187;}































































































.ys_c dl dd p{color:#666; font:1rem/1.5rem "Microsoft Yahei"; width: 100%; overflow: hidden; padding: 0.667rem 0 0.833rem 0; border-bottom: 1px dashed #999;}































































































































































































/*m-about-----------------------------------------------------------------------------------------*/































































































.m-about{ height: 35.5rem; overflow: hidden; width: 100%;}































































































.m-about dl{ width: 93.75%; margin:0 auto;}































































































.m-about dl dt{width:100%; height:17rem; overflow:hidden; }































































































.m-about dl dt img{ height: 17rem; }































































































.m-about dl dd{margin-top: 0.75rem; width: 100%; overflow: hidden; font:1rem/1.8rem "Microsoft Yahei";  color: #666; height: 12.6rem; overflow: hidden;}































































































.m-about dl dd a{ color: #074187;}































































































































































































































































































/* news--------------------------------------------------------------------------------------*/































































































.m-news{ position:relative; height:23.083rem; overflow:hidden; background: #ececec;}































































































.m-news .m-cnt{ margin:1.5rem auto 0.417rem; height:2.875rem; width:93.75%; overflow:hidden; background:#999}































































































.m-news .m-cnt li{float:left;width: 33.33%; text-align: center; height:2.875rem;overflow:hidden; font:bold 1rem/2.875rem "Microsoft Yahei"; color:#fff;  background:url(/templates/m_3021/images/new_p2.jpg) no-repeat center top;}































































































































































































































































































.m-news .sclwrap_box , .m-news .m-box{ height:16.875rem; 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{ position: relative; color: #666; overflow:hidden; border-bottom: 1px dashed #999; padding-left:0.833rem; height:2.5rem;  font:1rem/2.5rem "Microsoft Yahei"; background:url(/templates/m_3021/images/new_ic.gif) no-repeat left 1rem; background-size:0.333rem 0.583rem;}































































































.news_c ul li em{display: block; float: right; font-size:0.9rem;}































































































.news_c ul a:nth-child(4) li{border:0rem;}































































































































































































.news_c span{overflow:hidden; margin:1.167rem auto 0; display: block; width: 93.75%; height: 2.75rem; background: #cacaca;color: #333;  font:1rem/2.75rem "Microsoft Yahei"; text-align: center;}























.phone-banner-1 {





    height: 6rem;





    overflow: hidden;





    margin: 0.5rem 0;





    -webkit-background-size: 1rem;





    -moz-background-size: 1rem;





    -o-background-size: 1rem;





    background-size: 1rem;





}

















.phone-banner-2 {





    height: 6rem;





    overflow: hidden;





    margin: 0.5rem 0;





    -webkit-background-size: 1rem;





    -moz-background-size: 1rem;





    -o-background-size: 1rem;





    background-size: 1rem;









































































































































<!--耗时1754636948.7748秒-->