@charset "utf-8";
html { font-size:100px;} 
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin:0; border: 0;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; outline: none; }
table, caption, tbody, tfoot, thead, tr, th, td, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0px; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
ol, ul { list-style: none; }
body,html{background:#fff;font-family:"Microsoft JhengHei",Arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
body{ color: #333; margin:0 auto;}
body, button, input, select, textarea { font-family:"Microsoft JhengHei",Arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif;outline:none;color:#111;position:relative;font-weight: normal;font-size: 15px}
/*body{overflow-x: hidden; }*/
ul,ol{padding:0;margin-bottom:0px;}
li{list-style:none;}
a,a:visited,a:active,a:hover,a:focus { 
	text-decoration:none!important; outline:none; 
	star: expression_r(this.onFocus=this.blur()); color: #111 }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fieldset,input,textarea,blockquote{padding:0;margin:0;}
body,p,ul,li,ol,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,form{
padding:0;margin:0;list-style:none;}
a:hover,a:focus{text-decoration:none;}
img{border:0;vertical-align: top;}
img{WIDTH:100% ;HEIGHT:auto ;_width:expression(this.width > 100% ? "100%" :this.width) !important}
.container{padding:0px;}
a,a:hover{color:inherit;text-decoration:inherit;}
a:hover{ color: #0069de }
input,textarea{outline:none;}
.enb{ text-transform: uppercase; font-family: Arial; font-weight:normal; }
.dib,.db{ display: block; }
.left,.l { float: left; }
.right,.r{ float: right; }
.bgb{ background:#fff }
.pr{ position: relative; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear{position:relative; clear: both;}
.clear::after{clear:both;display:block;content:''}
.p20{ padding: 20px }
.mr30{ margin-top: 35px }
.f24{ font-size: 22px }
.f20{ font-size: 20px }
.f18{ font-size: 18px }
.f17{ font-size: 17px }
.f16{ font-size: 16px }
.f15{ font-size: 15px }
.f14{ font-size: 14px }
/*RESET the FORM*/
fieldset { border: 0!important;}
input, button, textarea, select { font-size:100%; outline:none; resize:none; font-family: "Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}
input, textarea{-webkit-appearance:none;} 
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }
input::-webkit-input-placeholder{ color: #666;}
input:-moz-placeholder{ color: #666;}   
input::-moz-placeholder{ color: #666;}
input:-ms-input-placeholder{ color: #666;} 
textarea::-webkit-input-placeholder{ color: #666;}
textarea:-moz-placeholder{ color: #666;}   
textarea::-moz-placeholder{ color: #666;}
textarea:-ms-input-placeholder{ color: #666;} 

/*RESET FONTS*/

em,i { font-style: normal;}
.overf {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fl,.l,.left{ float: left; }
.fr,.r,.right{ float: right; }
.fc { text-align: center; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.dib{ display: block; }
.b-shadow{-o-box-shadow: 0 0 10px rgba(0,0,0,.15); -ms-box-shadow: 0 0 10px rgba(0,0,0,.15); -moz-box-shadow: 0 0 10px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15);}
.fa, [class*=' fa-'], [class^=fa-] {display: inline-block;font: normal normal normal 16px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.p40{ padding: 40px 0 }


/*LAYOUT*/
.pc-block { display: block;}
.mb-block { display: none;}
.wrap,.inner{max-width: 1400px; margin: 0 auto; width: 98%;font-size:15px;}
.w90{max-width: 1550px; margin: 0 auto; width: 98%;}
.m20{ margin: 20px auto }
.transition {-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;
-o-transition: all ease .4s;transition: all ease .4s;}

@media (max-width:1440px){
.p20{ padding: 15px }
}


@media (max-width:992px) {
.pc-block { display: none !important; }
.mb-block { display: block!important;}
.wrap,.inner{max-width: 98%;width: 98%;font-size:12px;}
.f24{ font-size: 16px }
.f20{ font-size: 16px }
.f18{ font-size: 14px }
.f17{ font-size: 14px }
.f16{ font-size: 14px }
.f15{ font-size: 14px }
.f14{ font-size: 12px }
.p20{ padding: 10px }
.mr30{ margin-top: 15px }
}



/*头部*/
.header{padding:25px 0; background: #fff; width: 100%;position: relative; top: 0; left: 0  }
.header .logo{  max-width: 220px; width:calc((100% - 200px)*0.18);width: -webkit-calc((100% - 200px)*0.18);width:-moz-calc((100% - 200px)*0.18);}
.header .logo a{display:inline-block;vertical-align:middle}
.header .logo img{ width: 100% }
.header .head-nav {width:calc((100% - 200px)*0.58);width: -webkit-calc((100% - 200px)*0.58);width:-moz-calc((100% - 200px)*0.58);font-size: 0; margin: 0 1.5%;padding-top: 20px; }
.header .head-nav a{  display: inline-block; font-size: 16px;  width: 14.22222%; font-weight: bold; }
.header .head-nav a.on,.header .head-nav a:hover{ color: #0069de }
.header .seach{width:calc((100% - 200px)*0.17);width: -webkit-calc((100% - 200px)*0.17);width:-moz-calc((100% - 200px)*0.17);position: relative; margin-top: 15px;  }
.header .seach .w-input{ width: 100%; height: 40px; line-height: 40px; border:1px #0069de solid; border-radius: 20px; padding: 0 10px;  }
.header .seach .btn{ position: absolute;  right: 10px; top: 8px; background:none; font-weight: bold; color:#0069de; cursor: pointer;  }
.header .seach .btn i{font-size: 20px; }

.header .tel{ font-size: 15px; color: #444;/*width:calc((100% - 220px)*0.18);width: -webkit-calc((100% - 220px)*0.18);width:-moz-calc((100% - 220px)*0.18);*/  margin: 10px 0 0 2%;min-width: 200px }
.header .tel i{  float: left; margin-right:6px; font-size:35px; color: #0069de}
.header .tel span{ float: left;display: block; }
.header .tel b { font-size: 26px; font-family:Arial; color: #0069de;  display: block;}

/*内页导航 css*/
.nav{ width: 100%; height: 50px; line-height: 50px; background:#fff; position: relative;  z-index: 99999;  border-bottom: 3px #0069de solid; clear: both; margin-top: 20px}
.nav .nav-one{ width:78%;font-size: 17px; }
.nav .nav-one a{ display: inline-block; width: 13.8%; text-align: center; font-weight: 600; }
.nav .nav-one a:hover{ color: #0069de }
.nav .nav-one a.on,.nav .nav-one a:hover{ color: #0069de }
.nav .nav-zy{ width:20%; background: #0069de; position: relative; }
.nav-zy-tit { font-size: 17px; color: #fff }
.nav-zy-tit .iconfont{ font-size: 20px; font-weight: normal;padding-right: 10px }
.nav .nav-zy .menupf{ display: none; position: absolute; width:100%; background: #fff; padding: 10px 0 }
.nav .nav-zy:hover .menupf{ display:block;  }
.menupf li{font-weight: bold; border-bottom: 1px #ccc dotted; padding:0 15px; font-size: 15px; position: relative;}
.menupf li .iconfont{ color:#0069de; font-size: 16px; padding-right: 8px; font-style: normal;  }
.menupf li .jiao{ font-family:'宋体'; color: #999 }
.menupf li:last-child{ border: none; }
.menupf li:hover{  background: #0069de; color: #fff }
.menupf li:hover .jiao,.menupf li:hover .t1,.menupf li:hover .iconfont{  color: #fff }
.menupf .onnav{ position: absolute; width: 120%; background: rgba(255,255,255,1); left: 100%; top:0; padding:10px; border:1px #0069de solid; display: none; color: #333; font-size: 14px; line-height:33px !important }
.menupf li:hover .onnav{ display: block; }
.menupf .onnav a{ color: #333;display: inline-block; position: relative; padding:0 10px;  }
.menupf li .onnav a:before{ position: absolute; content: "."; left: 0; top:0;  color: #0069de; font-weight: bold;font-size: 20px }
.menupf .onnav a:hover{color: #0069de;}
/*头部内页 css*/
.headerny .logo{width:calc((100% - 200px)*0.24);width: -webkit-calc((100% - 200px)*0.24);width:-moz-calc((100% - 200px)*0.24); margin-left: 2%}
.headerny .seach{width:calc((100% - 200px)*0.26);width: -webkit-calc((100% - 200px)*0.26);width:-moz-calc((100% - 200px)*0.26);position: relative; }
.headerny .tel{ margin: 10px 0 0 3%; }
.navny{ display: block !important; background:#f6f6f6;  position: relative;}

/*手机头部*/

.mb-header{ position: fixed; top: 0 ; z-index: 9999; width: 100%; background: #fff; left: 0;  padding: .25rem .2rem}
.center-panel .logo img{display:block;width:36% !important;margin:0 32%;}
.center-panel {flex:1;text-align:center;}

.tel-wrap{ float: left; padding:.165555rem 0 0 0; }
.search-wrap{ float: right; padding: .1655552rem 1rem 0 0}
.tel-wrap i{font-size: .5855rem; color: #0069de }
.search-wrap i{font-size: .5855rem; color: #636f83; font-weight: bold; }
.search-box { display: none; position: absolute; top: 1.28rem; background: rgba(0,0,0,0.55); padding:10px; z-index: 888;  width: 100%;left: 0}
.search-box .search-form input{ width: 70%; background: #fff; border:1px #ddd solid; height: .85rem; line-height: .85rem; float: left; border-radius: .05rem;padding-left: .15rem}
.search-box .search-form input.btn{ width: 27%; border:1px #0069de solid; background: #0069de; text-align: center; color: #fff }


.websitetop_icon{float:right;width:.65rem;cursor:pointer;position:absolute;right:.2rem;top:50%;margin-top:-.21333rem}
.websitetop_icon i{background:#636f83;width:100%;height:.08rem;position:relative;margin-top:.1rem;transition:all 0.5s;display:block}
.websitetop_icon i:before,.websitetop_icon i:after{content:'';position:absolute;background:inherit;right:0rem;width:.45333rem;height:inherit;display:block;transition:all 0.5s}
.websitetop_icon i:before{top:-.21333rem}
.websitetop_icon i:after{bottom:-.21333rem}
.websitetop_icon.intro i{background:none}
.websitetop_icon.intro i:before,.websitetop_icon.intro i:after{width:100%;background:#636f83}
.websitetop_icon.intro i:before{top:-.01333rem;transform:rotate(-45deg)}
.websitetop_icon.intro i:after{bottom:0rem;transform:rotate(45deg)}
.websitetop_nav{position:absolute;right:.26667rem;top:1.46667rem;background:#fff;border-radius:.13333rem;width:3.2rem;display:none;box-shadow:0rem 0rem .13333rem rgba(0,0,0,0.1);padding:0rem .26667rem;z-index: 999999}
.websitetop_nav:after{content:'';position:absolute;width:0rem;height:0rem;border-top:0rem;border-left:.13333rem solid transparent;border-right:.13333rem solid transparent;border-bottom:.13333rem solid #fff;right:.2rem;top:-.13333rem}
.websitetop_nav a{clear:both;display:block;padding:.175rem 0rem;text-align:center;color:#555;border-bottom:1px solid #ddd;font-size:.38rem}
.websitetop_nav a:last-child{border:0rem}


/*footer*/
.footer{ background: #232323; padding: 30px 0; margin: 60px 0 0 0;color: rgba(255,255,255,0.9) !important; }
.footer a{ color: rgba(255,255,255,0.9);  }
.footer .link{  border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom:15px; margin-bottom: 20px;  }
.footer .link a{ color: rgba(255,255,255,0.9); padding: 0 10px; }
.footer .link a:hover{ color: #0069de }
.footerbox{  }
.footsm{ width: 50%; padding: 0 30px 0 0; border-right: 1px solid rgba(255,255,255,0.2) }
.footwx{ width: 30%; padding: 0 30px; border-right: 1px solid rgba(255,255,255,0.2); text-align: center;  }
.foottel{ width: 20%; padding: 0 0 0 30px ; padding-top: 30px}
.footsm .footnav{ font-size: 16px;text-align: center;display: flex; justify-content: space-between; flex-wrap:wrap; padding-bottom: 50px  }
.footsm .footnav a{ color: #fff; display: inline-block; width: 16.6666%; text-align: left }
.footsm .footnav a:hover{ color: #0069de}
.footsm p{ font-size: 12px; line-height: 1.8; color: rgba(255,255,255,0.6); }

.footwx p{ width: 40%;  display: inline-block; margin: 0 5%;float:left; }
.footwx p img{ display: block; border: 4px #fff solid; margin:0 auto 10px }

.foottel i{  float: left; margin-right: 8px; font-size:40px; }
.foottel span{ float: left;display: block; }
.foottel b { font-size:30px; font-family:Arial;  display: block;}
.foottel p{ color: rgba(255,255,255,0.3);  clear: both; padding-left: 40px }
.bqsy{border-top: 1px solid rgba(255,255,255,0.1); padding:20px 10px; margin: 30px auto 0}
.footerm{ background: #232323; color: rgba(255,255,255,0.9) !important;  color: #fff;padding:20px 10px; margin-top: 20px }
.bqsym a{ color: #fff }


/*右侧留言*/
.msg-form .mag-tit{background: linear-gradient(to right bottom, #0069de , #0078ff);  padding: 15px; font-size: 16px; color: #fff; position: relative; }
.msg-form .mag-tit:before{ position: absolute; content:''; width: 60px; height: 60px;  background: url(../images/msg_t.png) no-repeat; left:10px; top: 10px; background-size: cover;}
.msg .msg-form .mag-tit span em{ color: #ffe400 }
.msg-form form {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 20px 15px 10px;}
.msg-form form > div {border: 1px solid #e6e6e6;padding-left:10px;width: 100%;height:38px;display: flex;align-items: center;border-radius: 6px;margin-bottom:8px;}
.msg-form form > div span {font-size: 14px;}
.msg-form form > div input,
.msg-form form > div select {flex: 1;position: relative;}
.msg-form form > div input::placeholder,
.msg-form form > div select::placeholder {font-size: 12px;color: #999;border: none;background-color: transparent;}
.msg-form form .btn {background-color: #ee4c26;color: #fff;justify-content: center;font-size: 15px;border: none;padding: 0;cursor: pointer;}



/*手机漂浮*/
.mb-pf {width: 100%;box-sizing: border-box;position: fixed;bottom: 0;padding:0.15rem;z-index:999999;/*background-image: url(../images/bg.png);*/ background: #fff}

.mb-pf .list {width: 18.88%;text-align: center;box-sizing: border-box;display: inline-block;}
.mb-pf .list a {display: block;width: 100%;}
.mb-pf .list a img {width:.65rem;height:.65rem;margin-top: .1rem;}
.mb-pf .list a p {color: #666;margin-top: 0.15rem;}

.mb-pf .to-home a div {width:.85rem;height:.85rem;background-image: linear-gradient(0deg, #49a3f7 0%, #59c2f9 100%), linear-gradient(#50b1f8, #50b1f8);border-radius: 50%;box-shadow: 0 0 0.2rem #2fbcea; margin: 0 auto}
.mb-pf .to-home a div img {width:.65rem;height:.65rem;margin:.1 auto 0;}