@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: #de0b19; 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; }
.mb0 { margin-bottom: 0px!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; }
.pt50 { padding-top: 50px !important; }
.ptb50 { padding-top: 50px !important;padding-bottom: 50px !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 486107 */
  src: url('//at.alicdn.com/t/font_486107_iju9r2ye9fg.eot');
  src: url('//at.alicdn.com/t/font_486107_iju9r2ye9fg.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_486107_iju9r2ye9fg.woff') format('woff'),
  url('//at.alicdn.com/t/font_486107_iju9r2ye9fg.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_486107_iju9r2ye9fg.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; }
@font-face {
  font-family: 'icon';  /* project id 583204 */
  src: url('http://at.alicdn.com/t/font_583204_y774hjs7so0nqaor.eot');
  src: url('http://at.alicdn.com/t/font_583204_y774hjs7so0nqaor.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_583204_y774hjs7so0nqaor.woff') format('woff'),
  url('http://at.alicdn.com/t/font_583204_y774hjs7so0nqaor.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_583204_y774hjs7so0nqaor.svg#iconfont') format('svg');
}
.icon{
	font-family:"icon";
	font-style:normal;
}

/* 模块样式*/
.box { width: 100%; }
/*图片经过特效*/
.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: #000; height: 34px; line-height: 33px; width: 100%; color: #eee }
.top a { margin-left: 15px; color: #eee}
.top a i { margin-right: 3px; color: #eee }
/* 网站头部样式 */
.header {  height: 67px;line-height:67px;padding: 0;background:rgba(255, 255, 255 ,1); -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3); }
.header.fixed{position:absolute; top: 0;left: 0;width: 100%;z-index: 100000;background:rgba(0, 0, 0, 0.5);}
.header.fixed2{ top: 0;left: 0;width: 100%;z-index: 100000;background:rgba(0, 0, 0, 0.8);}
.header .logo { display: block; width: 230px; height: 67px; 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 1px; }
.header .logo a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; }

/* 网站头部搜索样式 */
.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 #de0b19; 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: #de0b19; float: left; }
.search .hot_search { padding-top: 10px; }
/* 网站导航样式 */
.menu { width: auto; height: 67px; line-height: 67px; margin: 0px; }
.menu ul {  padding-left: 0px; }
.menu a { display: block; text-decoration: none; font-size: 16px; color: #333; width: auto; }
.header.fixed .menu a, .header.fixed2 .menu a{ color: #fff }
.header.fixed .menu a:hover, .header.fixed2 .menu a:hover{ color: #ff9900 }
.menu li {float: left;padding: 0 16px 0 23px;height: 67px;overflow: hidden;line-height: 67px;background: url(../images/ico2.png) no-repeat left center;}
.menu li:last-child{ border:none; }
.menu li.noline { background: none; }
.menu li.on a ,.menu li a:hover{color: #ff9900 }
.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: #ff9900 !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; }






/***************网站幻灯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;  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-public .tit p{ font-size: 16px; color: #666; }


.foot{  padding-top:30px;background: #262c40; color: #999 }
.foot .foot-top{border-bottom: 1px solid #3d4252;margin-bottom: 15px;padding-bottom: 15px;}
.foot .fnav {width:auto; height: auto; width: 200px; margin-right: 40px; }
.foot .fnav b{ display: block; position: relative;font-size: 20px;font-weight: 400;color: #fff;margin-bottom: 30px;line-height: 1;}
.foot .fnav b:after{content: "";position: absolute;top: 25px;left: 0;width: 20px;border-bottom: 2px solid #ffa923;}
.foot .fnav b i{ display: block;  font-size: 14px; }
.foot .fnav a{ color: #999; float: left; margin-right: 30px;  line-height: 25px; }
.foot .flogo{ margin-right:60px; margin-top: 30px }

.foot .flx{ width: 300px;  }
.foot .flx b{ font-size: 22px; font-weight: normal; }
.foot .flx p{ padding: 5px 0;  font-size: 16px;  }
.foot .flx p.tel{ font-size: 36px; line-height: 63px; }


.foot .fewm b{display: block; position: relative;font-size: 20px;font-weight: 400;color: #fff;margin-bottom: 30px;line-height: 1;}
.foot .fewm img{ width: 140px; height: 140px; }
.foot .fewm span{ display: block; width:140px;}

.flink{ width: 100%; background: none; height: auto; float: left; margin-top: 10px; }
.flink b{ display: block; float: left; width: 60px; margin:0 10px; line-height: 22px; height: 45px; padding: 10px 0; font-size: 14px; color: #fff; }
.flink b i{ display: block; color: #ccc; font-size: 18px; font-weight: normal; }
.flink ul{ float: left;width:1110px;height:12px; line-height: 12px; margin-top: 25px; font-size: 12px;}
.flink li{ display: inline; padding: 0 10px; border-right: 1px dotted #777; }
.flink li a{ color: #666; font-size: 12px;}
.flink li{ display: inline; }

.copyright { width:100%;   text-align: center; padding-bottom: 10px; font-size: 12px; line-height: 25px; }
.copyright a{ color: #999 }


.nf-float { position: fixed; right: 0; top: 50%; z-index: 50; width: 100px; height: auto; margin-top: -174px; z-index: 1000; border-radius: 10px; overflow: hidden;}
.nf-float li { position: relative; border-bottom: 1px solid #e4e4e4; line-height: 20px; color: #fff; text-align: center; background: #ededed; }
.nf-float li.back2top { border:none; }
.nf-float li a { font-size: 14px; display: block; padding: 15px 0;color: #666  }
.nf-float li.hover { overflow: hidden }
.nf-float li i { font-size: 24px;  }
.nf-float li p{ margin: 0;}
.nf-float li a:hover{ background: #ff9900; color: #fff;}

.online{ position:fixed; width:756px; height:378px; top:50%; margin-top:-175px; left:50%; margin-left:-378px; 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:45px; height:45px; display:block; top:-10px; right:-10px;}
.online a.close i{ font-size: 45px; color: #eee; }
.online a.btn{ position:absolute; width:240px; height:60px; display:block; bottom:56px; left:50%; margin-left:-108px;}