@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;}
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; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

ul,ol{padding:0;margin-bottom:0px;}
li{list-style:none;}
a,a:visited,a:active,a:hover,a:focus { 
	text-decoration:none; outline:none; 
	star: expression_r(this.onFocus=this.blur());  }
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;}
body,html{background-color:#fff;font-family:"Microsoft YaHei";color:#333;line-height:1;}
a{transition: 0.3s;-moz-transition: 0.3s;  /* Firefox 4 */
  -webkit-transition: 0.3s; /* Safari Chrome */
  -o-transition: 0.3s;  /* Opera */
  text-decoration:none;}
a:hover,a:focus{text-decoration:none;}
img{border:0;vertical-align: middle;}
:before, :after {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}



.container-fluid{padding:0px;}
.container{padding:0px;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after{ content:" "; display:block; height:0; line-height:0; clear:both; visibility:hidden;}

.clearfix { *zoom: 1; }
.clear{position:relative; clear: both;}
.clear::after{clear:both;display:block;content:''}
a,a:hover{color:inherit;text-decoration:inherit;}
input,textarea{outline:none;}
.enb{ text-transform: uppercase; font-family: Arial; font-weight:normal; }
.dib,.db{ display: block; }

.fl,.l,.left{ float: left; }
.fr,.r,.right{ float: right; }
.bgb{ background:#fff }
.pr{ position: relative; }
.m35{  height: 35px }
.p15{padding:15px 25px}

.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20';}
.flex{flex-direction:row;flex-wrap: nowrap; justify-content:space-between; align-items: center; display: flex;}
/*RESET the FORM*/
fieldset { border: 0!important;}
input, button, textarea, select { outline:none; resize:none; font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei',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 imagess*/
img{MAX-WIDTH:100% !important;HEIGHT:auto !important;_width:expression(this.width > 100% ? "100%" :this.width) !important}

/*RESET FONTS*/
em,i { font-style: normal;}
.overf {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fc { text-align: center; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.dib{ display: block; }
.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;}
.p60{ padding: 60px 0 }
.p40{ padding: 40px 0 }
/*LAYOUT*/



.inner-wrap,.wrap,.inner{max-width: 1350px;margin: 0 auto; width: 94%}
.pc-block { display: block;}
.mb-block { display: none;}
.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;}
.b-shadow{-o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}
.p80{ padding:60px 0 }
.p30{padding: 30px 0}
.pt30{ padding-top: 30px }
.pb50{padding:  0 0 50px 0}
.f70{ font-size:58px }
.f50{ font-size: 50px }
.f44{ font-size: 44px }
.f40{ font-size: 38px }
.f32{ font-size: 32px }
.f30{ font-size: 28px }
.f25{ font-size: 25px }
.f22{ font-size: 22px }
.f20{ font-size: 20px }
.f18{ font-size: 18px }
.f16{ font-size: 16px }
.f15{ font-size: 15px }
.f12{ font-size: 12px }

/*@media screen and (max-width: 1024px) {
.p80{ padding:30px 0 }
}


@media (max-width:1350px){
.p60{ padding: 30px 0 }
}

@media only screen and (max-width:1300px){
.inner-wrap,.wrap,.inner{width:98%;padding: 0 1%;}
.inner2{width:98%;padding: 0 1%;}
}*/

@media only screen and (max-width:1300px) {
.page-wrap{width:94%;margin: 0 3%;max-width:4%;font-size: 14px;}
.inner,.inner-wrap,.wrap,.w{width:96%;margin: 0 2%;}
.p60{ padding: 30px 0 }
.p40{ padding: 15px 0 }
.pb50{padding:  0 0 15px 0}
.p80{ padding: 40px 0 }
.f70{ font-size: 42px }
.f50{ font-size: 28px }
.f44{ font-size: 25px }
.f40{ font-size: 25px }
.f32{ font-size: 25px }
.f30{ font-size: 22px }
.f20{ font-size: 16px }
.f22{ font-size: 16px }
.f25{ font-size: 16px }
.f18{ font-size: 16px }
.f16{ font-size: 14px }
.f15{ font-size: 14px }

}

@media (max-width:1024px) {
.page-wrap{width:90%;margin: 0 5%;max-width: 90%;font-size: 14px;}
.inner,.inner-wrap,.wrap,.w{width:90%;margin: 0 5%;}
.inner2{width:90%;margin: 0 5%;}
.pc-block { display: none !important;}
.mb-block { display: block !important;}
.p60{ padding: 15px 0 }
.p40{ padding: 10px 0 }
.pb50{padding:  0 0 10px 0}
.p80{ padding: 30px 0 }
.f70{ font-size: 22px }
.f50{ font-size: 22px }
.f44{ font-size: 20px }
.f40{ font-size: 18px }
.f32{ font-size: 18px }
.f30{ font-size: 16px }
.f20{ font-size: 14px }
.f22{ font-size: 14px }
.f25{ font-size: 14px }
.f18{ font-size: 14px }
.f16{ font-size: 14px }
.f15{ font-size: 12px }

}


.header{height:95px;text-align:center;transition:all .3s; background: #fff; z-index: 999999; position: relative; line-height: 95px}
.header .w{height:100%}
.header .logo{width:15%;float:left}
.header .nav{display:inline-block;width:62%;height:100%;font-size:0;}
.header .nav li{width:12.5%;display:inline-block; position: relative; }
.header .nav li a{display:block;font-size:17px;color:#333;position:relative;transition:all linear 0.2s; opacity:.9}

.header .nav li .onnav{ position: absolute; content: ""; left: 0;top:95px; width: 100%; height:0px; background: rgba(0,0,0,.65); transition: all .3s;text-align: center; overflow: hidden; }

.header .nav li:hover .onnav{ height: auto;  }
.header .nav li:hover .onnav a{ font-size: 15px;font-weight: normal; line-height:40px}
.header .nav li:hover .onnav a:hover{ text-decoration: underline; }
.header .nav li:hover a,.header .nav li.on a{font-size:18px;opacity:1; font-weight:bold; color: #e43a3b}
.header .nav li .onnav a{ color: #fff }
.header .telbox{float:right;font-size:25px;color:#333; font-weight: bold;font-family: arial; line-height:1.2; height:70px; position:relative; padding-left:45px; padding-top:15px}
.header .telbox span{ display:block}
.header .telbox:before{content:"";width:29px;height:29px;background:url(../images/headerteltb.png) center no-repeat;background-size:100%; left:0; top:20px; position:absolute}
.header .nav li:hover .onnav a:nth-child(1){ padding-top:10px }
.header .nav li:hover .onnav a:last-child{ padding-bottom: 10px }
.header_scroll.header{background:rgba(255,255,255,0.95) !important;position:fixed !important;top:0 !important;box-shadow:0 0 20px 0 rgba(12,30,72,0.1); line-height:70px !important; width: 100%; height: 70px !important}
.header_scroll.header .logo{height:55px !important}
.header_scroll.header .logo img{height:55px !important}
.header_scroll.header .nav li .onnav{top:70px}


.m-top{ height: 55px; background: #252525; position: fixed; width: 100%; top: 0; left: 0;z-index: 99999 }
.mlogo{  height: 35px; margin-top:10px; margin-left: 8px}
.mlogo img{ height: 35px !important; width: auto!important; }
.menu-btn{display:block;top:15px;right:4%;width:24px;height:25px;z-index:9999999999;position:fixed;}
.menu-btn>span{display:block;width:24px;height:2px;background:#fff;cursor:pointer;border-radius:3px;margin-left:0}
.menu-btn>span:nth-child(1){position:absolute;top:4px}
.menu-btn>span:nth-child(2){position:absolute;top:11px}
.menu-btn>span:nth-child(3){position:absolute;top:18px}
.menu-btn>.span1{background:#fff;-webkit-animation:span1 .5s alternate;-moz-animation:span1 .5s alternate;animation:span1 .5s alternate;-webkit-transform:translateY(7px) rotateZ(45deg);-moz-transform:translateY(7px) rotateZ(45deg);transform:translateY(7px) rotateZ(45deg)}
.menu-btn>.span3{background:#fff;-webkit-animation:span2 .5s alternate;-moz-animation:span2 .5s alternate;animation:span2 .5s alternate;-webkit-transform:translateY(-7px) rotateZ(-45deg);-moz-transform:translateY(-7px) rotateZ(-45deg);transform:translateY(-7px) rotateZ(-45deg)}
.menu-btn>.span1-1{background:#fff;-webkit-animation:span1-1 .5s alternate;-moz-animation:span 1-1 .5s alternate;-o-animation:span1-1 .5s alternate;animation:span 1-1 .5s alternate;-webkit-transform:translateY(0px) rotateZ(0deg);-moz-transform:translateY(0px) rotateZ(0deg);-ms-transform:translateY(0px) rotateZ(0deg);-o-transform:translateY(0px) rotateZ(0deg);transform:translateY(0px) rotateZ(0deg)}
.menu-btn>.span3-1{animation:span 3-1 .5s alternate;-webkit-transform:translateY(0px) rotateZ(0deg);-moz-transform:translateY(0px) rotateZ(0deg);-ms-transform:translateY(0px) rotateZ(0deg);-o-transform:translateY(0px) rotateZ(0deg);transform:translateY(0px) rotateZ(0deg);background:#fff}
@keyframes span1{0%{transform:translateY(0px) rotateZ(0deg)}
10%{transform:translateY(-3px)}
70%{transform:translateY(7px)}
100%{transform:translateY(7px) rotateZ(45deg);background:#fff}
}
@-webkit-keyframes span1{0%{-webkit-transform:translateY(0px) rotateZ(0deg)}
10%{-webkit-transform:translateY(-3px)}
70%{-webkit-transform:translateY(7px)}
100%{-webkit-transform:translateY(7px) rotateZ(45deg);background:#fff}
}
@-moz-keyframes span1{0%{-moz-transform:translateY(0px) rotateZ(0deg)}
10%{-moz-transform:translateY(-3px)}
70%{-moz-transform:translateY(7px)}
100%{-moz-transform:translateY(7px) rotateZ(45deg);background:#fff}
}
@keyframes span2{0%{transform:translateY(0px) rotateZ(0deg)}
10%{transform:translateY(3px)}
70%{transform:translateY(-7px)}
100%{transform:translateY(-7px) rotateZ(-45deg);background:#fff}
}
@keyframes span2{0%{transform:translateY(0px) rotateZ(0deg)}
10%{transform:translateY(3px)}
70%{transform:translateY(-7px)}
100%{transform:translateY(-7px) rotateZ(-45deg);background:#fff}
}
@-webkit-keyframes span2{0%{-webkit-transform:translateY(0px) rotateZ(0deg)}
10%{-webkit-transform:translateY(3px)}
70%{-webkit-transform:translateY(-7px)}
100%{-webkit-transform:translateY(-7px) rotateZ(-45deg);background:#fff}
}
@keyframes span1-1{0%{transform:translateY(7px) rotateZ(45deg)}
10%{transform:translateY(7px)}
70%{transform:translateY(-3px)}
100%{transform:translateY(0px) rotateZ(0deg);background:#fff}
}
@-webkit-keyframes span1-1{0%{-webkit-transform:translateY(7px) rotateZ(45deg)}
10%{-webkit-transform:translateY(7px)}
70%{-webkit-transform:translateY(-3px)}
100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#fff}
}
@-moz-keyframes span1-1{0%{-moz-transform:translateY(7px) rotateZ(45deg)}
10%{-moz-transform:translateY(7px)}
70%{-moz-transform:translateY(-3px)}
100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#fff}
}
@keyframes span3-1{0%{transform:translateY(-7px) rotateZ(-45deg)}
10%{transform:translateY(-7px)}
70%{transform:translateY(3px)}
100%{transform:translateY(0px) rotateZ(0deg);background:#fff}
}
@-webkit-keyframes span3-1{0%{-webkit-transform:translateY(-7px) rotateZ(-45deg)}
10%{-webkit-transform:translateY(-7px)}
70%{-webkit-transform:translateY(3px)}
100%{-webkit-transform:translateY(0px) rotateZ(0deg);background:#fff}
}
@-moz-keyframes span3-1{0%{-moz-transform:translateY(-7px) rotateZ(-45deg)}
10%{-moz-transform:translateY(-7px)}
70%{-moz-transform:translateY(3px)}
100%{-moz-transform:translateY(0px) rotateZ(0deg);background:#fff}
}
.right-menu{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.85);z-index:9999;min-width:320px;overflow:hidden;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);-webkit-transition:.45s;-moz-transition:.45s;transition:.45s}
.right-menu1{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}
.right-menu ul{ position: relative; top:40px }
.right-menu li {font-size: 16px; padding:10px 10px 10px 20px; border-bottom:1px #333 solid;  line-height: 2;}
.right-menu li a{ color: #fff }
.right-menu li .onnav{  line-height: 1.7; font-size: 14px}
.right-menu li .onnav a{display: inline-block; padding-right:15px; color: rgba(255,255,255,.75);}



/*footer*/
.footer {margin: 0 auto;background: #1f243c url(../images/fot.jpg) no-repeat top center;position: relative; z-index:55}
.footer-cont{ padding:70px 0; color:rgba(255,255,255,.9); }

.footer-cont .tit{ font-size: 18px; color: #fff; position: relative;  padding: 0 0 25px 0; margin-bottom: 30px; font-weight: normal;}
.footer-cont .tit:after{ position: absolute; content: ""; left: 0; bottom: 0; height: 1px; width:25px; background:#d94445; }
.footer-cont ul{ }
.footer-cont ul li{ font-size: 14px }
.footer-cont .logob{ width: 18%;margin-right:3%; text-align: center; }
.footer-cont .logob h2{font-weight: bold; padding-top:10%}
.footer-cont .logob img{ max-width:155px; display: block; margin: 0 0 10px; margin: 0 auto }
.footer-cont .logob p{ color:rgba(255,255,255,.8); margin-top:15px;  background: #d94445; color: #fff; border-radius: 20px; line-height: 30px}
.footer-cont .bot1 a,.footer-cont .bot3 p{ display: block; color: rgba(255,255,255,.65); line-height: 1.6; padding:5px 0 5px 0 }
.footer-cont .wx{ padding-top:20px;width:150px; text-align: center;}
.footer-cont .wx figure{ display: inline-block; margin: 0 10px; text-align: center; }
.footer-cont .wx img{; width: 124px; margin-bottom: 10px; border: 3px #fff solid  }
.footer-cont .bot1{ width: 10% }
.footer-cont .bot3{ width:30%;}
.footer-cont .bot1 a{  display: block;}
.footer-cont .bot1 a:hover{color:rgba(255,255,255,1); text-decoration: underline;}
.footer-cont .bot2 a{  display: inline-block; width: 45% }
.footer-cont .bot3 .tel{ font-family: arial; }
.footer-cont .bot3 .tel i{ display: inline-block; width: 40px; line-height: 40px; background: #3a6aec; color: #fff; text-align: center;; border-radius: 50%; font-size: 22px;margin-right:10px; float: left;}
.footer-cont .bot3 .tel span{ display: inline-block; float: left; color: #fff}
.bei-an{ height: 70px; line-height: 70px;background: #0b0e18; color:rgba(255,255,255,.6);text-align: center;font-size:14px; }
.bei-an a{color:rgba(255,255,255,.5);}
.bei-an a:hover{ color: #fff; text-decoration: underline; }

.footerlink{ padding: 20px; font-size:15px; color: rgba(255,255,255,.4); background:#0b0e18;text-align: center;}
.footerlink b{ font-weight: normal; }
.footerlink a{color:rgba(255,255,255,.5);padding: 0 10px}




.titbox{position:relative}
.titbox .titzs{margin-bottom:-22px;font-size:42px;color:#efefef;color:rgba(29,29,31,0.1);text-transform:uppercase;font-weight:bold;display:block}
.titbox .h_tit{font-size:42px;color:#1d1d1f;font-weight:bold}
.titbox .h_tit a{color:#1d1d1f;transition:all linear 0.3s}
.titbox .h_tit a:hover{color:#328b7e}
.titbox .text{font-size:16px;color:#1d1d1f;opacity:0.8;margin-top:32px}
.titbox .more{font-size:16px;color:#1d1d1f;position:absolute;right:10px;top:48px;transition:all linear 0.3s}
.titbox .more:hover{font-size:17px;color:#00d390;font-weight:bold}
.rightfl_swt{width:196px;height:532px;background:url(../images/rightflswt.png) center no-repeat;background-size:100%;position:fixed;right:-200px;top:0;bottom:0;margin:auto 0;z-index:9999;transform:scale(0.9);transition:all linear 0.3s;opacity:0}
.rightfl_swt a{display:block}
.rightfl_swt .btn1{padding:130px 0 23px 16px;font-size:18px;color:#ffffff;font-weight:bold;text-align:center}
.rightfl_swt .btn1:after{content:"";width:44px;height:44px;background:url(../images/rightflswttb.gif) center no-repeat;background-size:100%;border-top-left-radius:50%;display:inline-block;vertical-align:bottom;margin-left:6px;margin-bottom:-9px}
.rightfl_swt .sma{margin:12px 17px 0 14px;padding:17px 0 17px 16px;font-size:15px;color:#ffffff;color:rgba(244,244,244,0.8);transition:all linear 0.3s}
.rightfl_swt .sma span{font-size:18px;color:#ffffff;display:block;margin-bottom:9px}
.rightfl_swt .sma:hover{background:linear-gradient(to right, #c73c05, #ff9f29)}
.rightfl_swt .btn4{margin-top:10px;font-size:15px;color:#070707}
.rightfl_swt .btn4 span{font-size:15px;color:#070707;margin-bottom:8px}
.rightfl_swt .btn4 strong{font-size:19px}
.rightfl_swt .btn4:hover{background:none}
.rightfl_swt .totop{padding:30px 0 12px;font-size:16px;color:#ffffff;text-align:center;display:block;position:absolute;left:0;right:0;bottom:0;cursor:pointer}
.rightfl_swt.rightfl_swton{right:-20px;opacity:1}


/*电脑漂浮*/
.fudong{ position: fixed; right:0;bottom:0;z-index: 9999; }
.fudong a{ display: block; width: 50px; height: 50px; padding-top:15px; text-align: center; color: #fff; margin-bottom: 1px;  background: #ea4546;  color: #fff; font-size: 18px;border:1px solid rgba(255,255,255,.4);}
.fd-tel{ position: relative;  }
.fudong a:hover{ background-color: #000; }
.fd-tel-box{ position: absolute; top: 0; right: 50px; height: 50px; width: 0px; text-align: center; color: #fff;  font-size: 20px; font-weight: 700; background: #f65100; z-index: 99;overflow:hidden; transition:all .3s;  }
.fd-tel-box span{display:block; font-weight:normal; text-indent:-25px; width: 100%; text-align: center; color: #fff; font-size: 17px; }

.fudong  .fd-tel:hover .fd-tel-box{ padding-top:10px; width: 200px; }
.fudong .fd-fangan{position: relative;}
.fd-wx-box{ position: absolute; top: 0; right:50px; height: 130px; width:0px;  transition:all .3s; overflow:hidden; text-align:center; background:#f3f3f3;  line-height:2; color:#333; opacity: 0 }
.fd-wx-box img{ width:100%;border:1px #ddd solid}
.fd-fangan:hover .fd-wx-box{width:100px;opacity: 1 }