@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: 1500px;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: 70px }
.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:98%;margin: 0 1%;max-width:98%;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{line-height:95px;text-align:center;transition:all .3s; width:100%; background:#242424; position:relative; z-index:99999}
.header .w{height:100%; width:80%; margin:0 0 0 2%}
.header .logo{width:15%;float:left}
.header .nav{display:inline-block;width:62%;height:100%;font-size:0;}
.header .nav li{width:11.6667%;display:inline-block; position: relative; line-height: 75px}
.header .nav li a{display:block;font-size:17px;color:#ffffff;position:relative;transition:all linear 0.2s; opacity:.9}

.header .nav li .onnav{ position: absolute; content: ""; left: 0;top:75px; 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}
.header .telbox{float:right;font-size:23px;color:#ffffff; font-weight: bold;font-family: arial}
.header .telbox:before{content:"";width:29px;height:29px;display:inline-block;vertical-align:middle;margin-right:23px;background:url(../images/headerteltb.png) center no-repeat;background-size:100%}
.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(0,0,0,0.85) !important;position:fixed !important;top:0 !important;box-shadow:0 0 20px 0 rgba(12,30,72,0.1); line-height:70px !important;}
.header_scroll.header .logo{height:55px !important}
.header_scroll.header .logo img{height:55px !important}
.header_scroll.header ul li>a{height:75px;line-height:75px}
.header_scroll.header ul li .sub-menu.active{top:48px}
.header_scroll.header .nav li a{font-size:16px;}
.header_scroll.header .nav li:hover a,.header_scroll.header .nav li.on a{font-size:17px;}
.header_scroll.header .nav li .onnav a{font-size:15px;}
.header_scroll.header .nav li .onnav a:hover{ text-decoration: underline; }

.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{background:#031322;font-size:16px;color:rgba(255,255,255,.5); text-align: center; padding:25px 0; border-top:1px solid rgba(255,255,255,.06);}
.footer a{color:rgba(255,255,255,.5);}
.footer a:hover{ color: #fff; text-decoration: underline; }
.footerlink{ padding: 20px; font-size:15px; color: rgba(255,255,255,.4); background:#031322;text-align: center;}
.footerlink b{ font-weight: normal; }
.footerlink a{color:rgba(255,255,255,.5);padding: 0 10px}

@media (max-width:980px) {

.footer{font-size:13px;padding:15px 0; }
.footerlink{  display: none;}
}




.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 }



/*ss*/
.search{position:absolute; right:2%; top:30px; width:15%; }
/*.search-icon:hover {cursor: pointer;}*/
/*.search-icon {display: block;position: absolute;top:20px;right:0.5%;-webkit-transition: top .25s ease;transition: top .25s ease; font-size: 20px; color: #000; border:1px #da251c solid; padding: 3px 6px; background: #da251c; color: #fff}*/
/*.search-icon:hover {cursor: pointer;}*/
/*.search-icon span {color: #414141;font-weight: bold;vertical-align: middle;}*/
/*.search-icon .fa-search.active {display: none;}*/
/*.search-icon .fa-close {display: none;}*/
/*.search-icon .fa-close.active {display: inline-block;}*/
.header-search {background-color: #fff;line-height: 1;width:100%;height: 40px; position:relative}
.header-search .search-input {background: #fff;color: #222;font-size: 14px;width:75%;height: 40px;padding-left:10px;position: absolute;top: 0px;left: 0px;}
.header-search .search-submit {border: none;box-shadow: none;color: #fff;font-size: 14px;height: 40px;line-height: 40px;position: absolute;top: 0px;right: 0px;width: 23%;text-align: center;text-transform: uppercase;background: #da251c;}
.header-search .search-submit:hover {opacity: 0.85;}
.header_scroll.header .search{ top:15px}