@charset "utf-8";
/*******author:哥将（qq:454667844）******/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img { padding: 0; margin: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
ol, ul, li { list-style: none; }
div, dl, dt, dd, ol, ul, li { zoom: 1; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
html { width: 100%; overflow-x: hidden; }
body {width: 100%; color: #333; -webkit-text-size-adjust: none;  padding: 0; margin: 0; background: #fff; font-size: 14px; font-family: "Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif; _font-family: "Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul, li, h1, h2, h3, p, i { padding: 0; margin: 0; list-style: none; font-style: normal; }
a { color: #333; text-decoration: none; }
a:hover { color: #0080bf; text-decoration: none; }
img { border: none; }
/* 浮动相关样式*/
.fl { float: left !important; }
.fr { float: right !important; }
.clear { clear: both; line-height: 0px; overflow: hidden; }
.block { display: block; }
.nof { float: none; display: inherit; }
/* margin相关样式*/
.mt5 { margin-top: 5px!important; }
.mr5 { margin-right: 5px!important; }
.mb5 { margin-bottom: 5px!important; }
.ml5 { margin-left: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mr10 { margin-right: 10px!important; }
.mb10 { margin-bottom: 10px!important; }
.ml10 { margin-left: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mr15 { margin-right: 15px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb30 { margin-bottom: 30px!important; }
.ml15 { margin-left: 15px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mr20 { margin-right: 20px!important; }
.mb20 { margin-bottom: 20px!important; }
.ml20 { margin-left: 20px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }
.mt80 { margin-top: 80px!important; }
.mr30 { margin-right: 30px!important; }
.mb30 { margin-bottom: 30px!important; }
.ml30 { margin-left: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mr40 { margin-right: 40px!important; }
.mb40 { margin-bottom: 40px!important; }
.ml40 { margin-left: 40px!important; }
.ml50 { margin-left: 50px!important; }
.mt90 { margin-top: 90px!important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.plr20 { padding: 0 20px; }
.nomargin { margin: 0; }
.line { height: 1px; overflow: hidden; border-bottom: 1px dashed #eee; width: 100%; }
.hide { display: none; }
.show { display: block; }
/* 宽度高度相关样式*/
.wrap { width: 1200px; margin: auto; }
.w960 { width: 960px; }
.w600 { width: 600px; }
.w290 { width: 290px; }
.w570 { width: 580px; }
.w350 { width: 350px; }
.h100 { height: 100px; }
.h120 { height: 120px; }
.h220 { height: 220px; }
.h260 { height: 260px; overflow: hidden }
.h270 { height: 270px; overflow: hidden }
.bgeee { background: #eee; }
.bgfff { background: #fff; }
.bgf3 { background: #f3f3f3; }
.bgfb { background: #fbfbfb }
.bgfdf7f7 { background: #fdf7f7 }
/* 文字相关样式*/
.fw6 { font-weight: 600; }
.f20 { font-size: 20px; }
.red { color: #c21f22; }
.bold { font-weight: bold; }
.text-left { text-align: left }
.text-center { text-align: center }
.text-right { text-align: right }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.text_yahei, .text_yahei a { font-family: "Microsoft YaHei"; }
.red { color: red; }
.blue { color: blue; }
/* flex布局
flex：定义布局为盒模型
flex-v：盒模型垂直布局
flex-1：子元素占据剩余的空间
flex-align-center：子元素垂直居中
flex-pack-center：子元素水平居中
flex-pack-justify：子元素两端对齐
*/
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flex-v {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flex-1 {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-wrap{flex-wrap:wrap;}

/* 字体图标库加载*/
@font-face { font-family: 'iconfont';  /* project id 274117 */ src: url('//at.alicdn.com/t/font_gsq10geos84zpvi.eot'); src: url('//at.alicdn.com/t/font_gsq10geos84zpvi.eot?#iefix') format('embedded-opentype'),  url('//at.alicdn.com/t/font_gsq10geos84zpvi.woff') format('woff'),  url('//at.alicdn.com/t/font_gsq10geos84zpvi.ttf') format('truetype'),  url('//at.alicdn.com/t/font_gsq10geos84zpvi.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; margin-right: 3px; }
/* 模块样式*/
.box { width: 100%; }
.box .tit { height: auto; }
.box .tit h2 { display: block; font-size: 30px; color: #333; line-height: 30px; }
.box .tit p { display: block; color: #666; line-height: 16px; margin-top:10px; font-size: 16px; text-transform: capitalize }
.box .tit u { display: block; list-style: none; text-decoration: none; text-align: center; margin-top:10px; }
.box .con { }
/*图片经过特效*/
.img_effect a { position: relative; display: block; }
.img_effect a:before { background: -moz-linear-gradient(left center, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,0.2)50%, rgba(255,255,255,0)100%); content: ""; height: 680px; left: -250px; overflow: hidden; position: absolute; top: 0; transform: skewX(-30deg); width: 60px; }
.img_effect a:hover:before { left: 400px; transition: left 1s ease 0s; -webkit-transition: left 1s ease 0s; }

/* 网站头部样式 */
.top { background: #fafafa; height: 34px; line-height: 34px; border-bottom: 1px solid #e6e6e6; width: 100%; }
.top a { margin-left: 15px; }
.top a i { margin-right: 3px; color: #999 }
/* 网站头部样式 */
.header {  height: 90px;line-height:90px;top: 0;left: 0;width: 100%; position: relative; z-index: 100000;padding: 0;background: #fff; -moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3); box-shadow:0px 2px 3px rgba(0, 0, 5px, 0.3); }
.header .logo { display: block; width: 300px; height: 90px; background-image: url(../images/logo.png)!important;/* FF IE7 */ background-repeat: no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png'); /* IE6 */
_background-image: none; /* IE6 */ float: left; background-position: left center; }
.header .logo a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; }
.header .tel { color: #999; font-size: 12px; margin-top: 33px; line-height: 20px; padding-left: 60px; position: relative; }
.header .tel i { font-size: 53px; color: #d01423; position: absolute; left: 0; top: 16px; }
.header .tel u { display: block; text-decoration: none; font-size: 16px; margin-bottom: 5px; }
.header .tel b { display: block; color: #F00; font-size: 24px; }
.header.fixed{position: fixed;}
/* 网站头部搜索样式 */
.search { width: 450px; margin-left: 50px; margin-top: 25px; }
.search .s_txt { width: 358px; height: 20px; line-height: 20px; padding: 10px 5px; border: 1px solid #0080bf; float: left; margin: 0; background: #fff; outline: none; }
.search .s_btn { width: 80px; height: 42px; border: 0; padding: 0; margin: 0; text-align: center; font-size: 18px; color: #fff; background: #0080bf; float: left; }
.search .hot_search { padding-top: 10px; }
/* 网站导航样式 */
.menu { width: auto; height: 50px; line-height: 48px; margin: 0px;  margin-top: 25px;}
.menu ul {  padding-left: 0px; }
.menu a { display: block; text-decoration: none; font-size: 16px; color: #000; width: auto; }
.menu li { float: left; text-align: center; position: relative; padding: 0 30px; }
.menu li:last-child{ border:none; }
.menu li.noline { background: none; }
.menu li.on a ,.menu li a:hover{ border-bottom: 3px solid #0080bf;color: #0080bf }
.menu li dl { padding: 0; margin: 0; position: absolute; top: 50px; left: -999em; width: 119px; *margin-left:0px;
text-align: left; z-index: 99;  padding: 0; filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; height: auto;  }
.menu li dl dd { background:rgba(0,0,0,0.8) !important;text-align: center; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.17); position: relative;}
.menu li dl a { display: block; font-size: 14px; color: #fff !important;  height: 35px; line-height: 35px; font-weight: normal;  background: none !important; border: none!important; }
.menu li dl a:hover { background: #0080bf !important; }
.menu li:hover dl { left: auto; }
.menu li.sfhover dl { left: auto; }

.menu li dl dd ol{ position: absolute; left: 100%; width: auto; background:rgba(0,0,0,0.8) !important; top: 0; display: none }
.menu li dl dd ol a{ width: 155px; overflow: hidden; text-align: left; padding: 0 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.17);  }
.menu li dl dd.on ol.sub-c3{ display: block; }
.menu li dl dd .sub-c{ display: block !important; }
.menu li dl dd .sub-c.on ol.sub-c4{ display: block; }

.isStuck{ z-index:999}
.fixed{ position:fixed; width:100%; top:0; z-index:999}


/***************网站幻灯banner样式*******************/
.banner { min-width: 1100px; position: relative; height: 600px; overflow: hidden; }
.banner .prev, .banner .next { position: absolute; top: 50%; margin-top: -50px; font-size: 100px; font-family: "宋体"; color:rgba(255,255,255,0.2); font-weight: bold; display: none }
.banner .prev { left: 5%; }
.banner .next { right: 5% }
.banner .prev:hover, .banner .next:hover { color:rgba(255,255,255,0.5); }
.banner:hover .prev, .banner:hover .next { display: block; }
.banner .bd { position: relative; z-index: 0; height: 100%; }
.banner .bd ul { width: 100% !important; height: 100%;}
.banner .bd li { display: block; width: 100% !important; height: 100%; background-size: auto 100% !important; }
.banner .bd li a { height: 100%; display: block; }
.banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center; }
.banner .hd ul li { background: rgba(255,255,255,0.5);  color: #fff; cursor: pointer; display: inline-block; *display:inline;
zoom: 1; font-size: 0; width: 35px; height: 4px; text-indent: 999px; margin-right: 10px; text-align: center; overflow: hidden; }
.banner .hd ul li.on { background: #fff; }
/***底部样式***/


.box-public .tit { height: 80px; font-size: 14px; text-transform: uppercase; text-align: center; text-align: center;  line-height: 45px;}
.box-public .tit b { padding: 0 20px; background: #fff; text-transform: uppercase;font-size: 30px; position: relative; z-index: 2  }
.box-public .tit i { display: block;margin: 0px auto; position: relative; margin-top: -30px; width:450px; height: 4px; background: #eee; }
.box-public .tit span { display: block; color: #888; margin: 10px auto; position: relative; height: 35px; text-align: center; font-size: 14px;}


#box_lx{ width: 370px; }
#box_lx .f_tel{ padding-left: 40px;margin-right: 30px;background: url(../images/f_tel.png) left center no-repeat;}

#box_lx .f_tel h3 {font-size: 18px;color: #ffffff;font-weight: normal;}
#box_lx .f_tel b{display: inline-block;color: #dadada;font-size: 30px;}
#box_lx li{ margin-top: 10px;color: #dadada;font-size: 14px;}
#box_lx li.f_address {height: 25px;padding-left: 20px;background: url(../images/f_address.png) left top no-repeat;}
#box_lx li.f_address span{ margin-left: 10px; font-size: 18px;}

.box_wx{ width: 140px; }
.box_wx b{ display: block; text-align: center; font-size: 16px; margin-bottom: 10px; }


.footer{ width:100%; background:#373d41; padding-top:40px; color:#9b9ea0; margin-top:20px;}
.footer a { color: #9b9ea0;}
.footer a:hover { color: #fff;}
.footer-help .service-box { float: left; padding-left: 10px; width: 300px; height: 180px; font-size: 18px; border-right: 1px solid #4b5054; line-height: 34px; }
.footer-help .service-box li:last-child { font-size: 16px;}
.footer-help .service-box li { height:34px; margin-bottom: 10px;}
.footer-help .service-box i { width: 34px; height: 34px; line-height: 30px; display: inline-block; vertical-align: middle; text-align: center; margin-right: 18px; border-radius: 50%; background: #444d53;}
.footer-help .service-box i img{ vertical-align: middle; }
.footer-help dl{ float:left; width:250px;height: 180px;  margin-left:40px; border-right: 1px solid #4b5054; }
.footer-help dl dt{ margin-bottom:14px; font-size: 18px; color: #fff;}
.footer-help dl dt a{ color: #d7d8d9;}
.footer-help dl dd { line-height:26px; float: left; width: 50%; overflow: hidden;}
.footer-help dl dd a:hover{ color:#fff; text-decoration:underline;}
.footer-help dl.yy-ewm { color:#d7d8d9; height: 180px;text-align: center; border: none}
.footer-help dl.yy-ewm dd{ width: 100%; }
.footer .link { margin-top: 40px; border-bottom: 1px solid #4b5054; border-top: 1px solid #4b5054; }
.footer .link li { margin: 18px 0;margin-right: 23px; float: left;}
.footer .link .t a{ color: #d7d8d9; font-size: 16px; }
.footer .link a:hover { color: #fff; text-decoration: underline;}

.footer .copyright { text-align: center; line-height: 24px; padding: 30px 0;}



.nf-float { position: fixed; right: 0; top: 50%; z-index: 50; width: 80px; height: 348px; margin-top: -174px; z-index: 1000 }
.nf-float li { position: relative; height: 65px; margin-bottom: 1px; line-height: 27px; color: #fff; text-align: center; background: #F86539; }
.nf-float li.back2top { background: #4a4a4a; }
.nf-float li.back2top:hover { background: #717070; }
.nf-float li a { font-size: 14px; display: inline-block; color: #fff; width: 80px; height: 27px; padding: 0 10px 0 0; color: #fff; }
.nf-float li.hover { overflow: hidden }
.nf-float li i { background-image: url(../images/icon-float.png); background-repeat: no-repeat; height: 30px; display: block; }
.nf-float li .icon-kfzx { background-position: center 0; }
.nf-float li .icon-srdz { background-position: center -40px; }
.nf-float li .icon-zxbm { background-position: center -82px; }
.nf-float li .icon-erweima { background-position: center -161px; }
.nf-float li .icon-tel { background-position: center -201px; }
.nf-float li .icon-back2top { background-position: center -243px; }
.nf-float li .icon-zxzb { background-position: center -40px; ; }
.nf-float .erweima ul { display: none; position: absolute; right: 80px; bottom: 0px; background: #e5b03e; width: 141px }
.nf-float .erweima ul li { float: left; border-right: 1px solid #fff; padding: 8px; height: 156px; width: 124px; font-size: 14px; }
.nf-float .erweima ul li img { display: block; width: 124px; margin-bottom: 8px }
.nf-float li .telnum { position: absolute; left: 80px; top: 0; z-index: 1; width: 220px; height: 35px; padding: 15px 0; font: 24px/57px Arial; color: #fff; background: #F86539; cursor: pointer; }
.nf-float li .telnum em { display: block; border-left: 1px solid #fff; height: 37px; line-height: 37px; }

.online{ position:fixed; width:470px; height:300px; top:50%; margin-top:-175px; left:50%; margin-left:-270px; z-index:999; background:url(../images/online.jpg) no-repeat center;box-shadow: rgba(0, 0, 0, 0.117647) 0px 2px 6px, rgba(0, 0, 0, 0.239216) 0px 1px 2px;}
.online a.close{ position:absolute; width:180px; height:55px; display:block; left:80px; bottom:30px;}
.online a.btn{ position:absolute; width:180px; height:55px; display:block; right:50px; bottom:30px;}