@charset "utf-8";
/* CSS Document */
*::selection {background: rgba(246, 150, 3, 0.5); color: #fff;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ani, .ani *,.ani:after,.ani:before,.ani *:after,.ani *:before { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.noani, .noani * { transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; }
from, div, dl, dd, dt, ol, ul, li, a, img, input, h1, h2, h3, h4, h5, h6, table, a, p, form, em, i { margin: 0; padding: 0; border: 0; font-weight: normal; }
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, em, i { list-style-type: none; font-style: normal; }
body {
	margin: 0 auto!important;
	padding: 0;
	font: normal 14px/2 "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial !important;
	/*font: normal 14px/2 "Helvetica Neue", "Arial","PingFang SC","\5FAE\8F6F\96C5\9ED1", "SimHei", "SimSun";*/
	color: #666;
	word-break: break-all;
	text-align: justify;
	background: #fff;
	/* min-width: 1400px; */
	}
img, li { vertical-align: top; }
input { font-family: "Microsoft YaHei" }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
*:focus { outline: none; }
a { text-decoration: none; color: #858687; }
a:hover {color: #f69603;}
.fl { float: left !important; }
.fr { float: right !important; }
.wrap { width: 1350px; margin: 0 auto;  }
img { max-width: 100%; }
.scale img { opacity: 1; transform: scale(1, 1); }
.scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); }
.textindent { text-indent: 0 !important; }
.border-none { border: none !important; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hidden { display: none; }
.vh-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.h-center { position: absolute; left: 50%; transform: translateX(-50%) }
.v-center { position: absolute; top: 50%; transform: translateY(-50%) }
@font-face {
  font-family: 'iconfont';  /* project id 398496 */
  src: url('//at.alicdn.com/t/font_398496_837rwm7z7oo.eot');
  src: url('//at.alicdn.com/t/font_398496_837rwm7z7oo.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_398496_837rwm7z7oo.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_398496_837rwm7z7oo.woff') format('woff'),
  url('//at.alicdn.com/t/font_398496_837rwm7z7oo.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_398496_837rwm7z7oo.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; vertical-align: middle; }
body{padding-top: 80px!important;}
.pagaHeader{height: 80px; width: 100%; border-bottom: 2px solid #f69603; background: #fff;position: fixed; z-index: 20; left: 0; top: 0;}
.Header-bar{padding:0 95px;height: 78px;position: relative;}
.logo{background: url("img/logo.png") no-repeat 0 center;line-height: 78px;padding: 0 0 0 115px;display: block;height: 78px;float: left;position: absolute;left: 95px;}
.logo h1{font-size: 16px;color: #444;position: relative;letter-spacing: 1px;}
.logo h1:before{content:'';width: 1px;height: 24px;background: #757b79;top: 50%;margin-top: -12px;left: -11px;position: absolute;}
.pagaHeader .tel{position: absolute;right: 95px;top: 0;height: 78px;line-height: 78px;font-size: 16px;color: #1d2023;}
.pagaHeader .tel i{ font-size: 24px; padding: 0 5px 0 0;}
.pagaHeader .search{position:absolute;right: 270px;top: 0;width: 60px;height: 78px;}
.pagaHeader .search .searchBtn{width: 60px;height: 78px;line-height: 78px;display: block;text-align: center;color: #1d2023;font-size: 24px;cursor: pointer;float: right;}
.pagaHeader .search .searchBtn:hover{ background:#f69603; color: #fff;}
.pagaHeader .search .searchHull{position: relative; display: none;}
.pagaHeader .search .searchHull .hd{height: 50px;width: 100%;border: 1px solid #eaeaea;margin: 14px 0 0 0;position: relative;line-height: 48px;z-index: 2;padding: 0 45px;}
.pagaHeader .search .searchHull .hd .searchClose{width: 45px;text-align: center;color: #1d2023;font-size: 20px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;}
.pagaHeader .search .searchHull .hd .text{width: 90%;line-height: 48px;background: none;border: none;float: left;}
.pagaHeader .search .searchHull .hd .btn{width: 58px;text-align: center;color: #1d2023;font-size: 24px;display: block;height: 48px;line-height: 48px;background: none;border: none;position: absolute;right: 0;top: 0;cursor: pointer;}
.pagaHeader .search .searchHull .hd .searchClose:hover,.pagaHeader .search .searchHull .hd .btn:hover{ color: #f69603;}
.pagaHeader .search .searchHull .bd{position:absolute;z-index: 2;width: 100%;top: 50px;background: #fff;border: 1px solid #eaeaea;border-top: none;padding: 25px 45px; font-size: 12px; line-height: 31px; color: #aaa;}
.pagaHeader .search .searchHull .bd a{color: #656565;}
.pagaHeader .search .searchHull .bd a:hover{color: #f69603;}
.pagaHeader .search.on{width: 600px;}
.pagaHeader .search.on .searchBtn{display: none;}
.pagaHeader .search.on .searchHull{display: block;}
.headerNav{text-align: center;height: 78px;text-indent: 120px;}
.headerNav .nav-box{display: inline-block;text-indent: 0;}
.headerNav .nav-box li.m{float:left;padding: 0 5px;position:relative;}
.headerNav .nav-box li.m h3 a{display:block;padding: 0 22px;font-size: 15px;line-height: 78px;color: #1d2023;}
.headerNav .nav-box li.m h3 a:hover,.headerNav li.m.on h3 a{/*color: #f69603;*/}
.headerNav li.m.active h3 a{color: #f69603;}
.headerNav .nav-box li.m.on h3 a{color: #f69603}
.headerNav .nav-box li.m:last-of-type,.headerNav li.m:last-of-type a{ padding-right:0}
.headerNav .nav-box .sub{position:absolute;background: #f69603;background: rgba(246, 150, 3, 0.9);width: 140%;margin-left: -20%;border-radius:0 0 5px 5px;text-align:center;display:none;}
.headerNav .nav-box .sub li{border-bottom: 1px solid #f69603;line-height:48px;}
.headerNav .nav-box .sub li:last-of-type{ border:none;}
.headerNav .nav-box .sub a{color: #fff;font-size:14px;display:block;}
.headerNav .nav-box .sub a:hover{ color:#fff; font-size: 15px;}
.headerNav.on{display: none;}

.pageFooter{background:#1b1a1e; padding: 50px 0 0 0;}
.pageFooter .HelpText{color: #555555;font-size: 16px;line-height: 1;padding: 0 0 0 25px;float: left;}
.pageFooter .HelpText .hd{min-height: 65px;position: relative;font-size: 60px;color: #222126;font-weight: lighter;}
.pageFooter .HelpText .hd span{color: #fff;position: absolute;left: 0;bottom: 0;font-size: 30px;}
.pageFooter .HelpText p{color: #b2b2b2;font-size: 16px;line-height: 30px;padding: 10px 0 20px;}
.pageFooter .QR{ text-align: center; float: right; padding: 0 25px 0 0;}
.pageFooter .QR ul{ float: left;}
.pageFooter .QR li{float: left;padding: 0 0 0 60px;}
.pageFooter .QR li img{display: block;border-radius: 6px;border: 8px solid #fff;width: 140px;height: 140px;}
.pageFooter .QR li span{color: #fff;font-size: 16px;line-height: 20px;display: block;margin-top: 20px;}
.footerNavHull{border-top: 1px solid #2e2d30;margin: 40px 0 0 0;padding: 30px 0 30px 0;}
.footerNav{float: left;width: 66%;border-right: 1px solid #2e2d30;padding: 0 0 10px 25px;/* margin-bottom: 35px; */min-height: 220px;}
.footerNav li.m{float: left;width: 20%;}
.footerNav h3{padding-bottom: 15px;}
.footerNav h3 a{font-size: 16px;line-height: 30px;color: #f1f1f3;}
.footerNav .sub{}
.footerNav .sub li{}
.footerNav .sub li a{font-size: 14px;line-height: 30px;color: #979797;display: inline-block;}
.footerNav .sub li a:hover{color: #f69603;text-indent: 5px;}
.footerContact{ float: right;}
.footerContact p{line-height: 24px;color: #fff;padding: 5px 0 5px 75px;}
.footerContact span{float: left;margin-left: -75px;}
.fLink{border-top: 1px solid #2e2d30; padding: 22px 25px; font-size: 12px; line-height: 28px; color: #fff; }
.fLink a{ color: #b8b7b7;}
.fLink a:hover{color: #fff;}
.copy{ text-align: center; background: #111114; color: #bfbfbf; padding: 15px 0;}
.copy a{ color: #bfbfbf;}
.copy a:hover{color: #fff;}

.BreadCrumb{height: 0; position: relative;}
.BreadCrumb .BreadCrumbHull{position:absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #b7b7b7;}
.BreadCrumb a{ color: #b7b7b7;}
.BreadCrumb a:hover{color: #f69603;}
.BreadCrumb span{}
.BreadCrumb p{float: right;}
.BreadCrumb em{color: #f69603;}

.page{ padding:30px 0;}
.pages{ text-align:center;line-height:24px;}
.pages a,.pages strong{ color:#666; border:1px solid #ccc; padding:0 10px; margin:0 4px; vertical-align:middle;    display: inline-block;}
.pages strong,.pages a:hover{ color:#fff; background:#fabc1e; border-color:#fabc1e;}

.loaDmore{ text-align:center; margin-top:30px;}
.loaDmore a{ border:1px solid #ddd; border-radius:4px; display:inline-block; font-size:15px; line-height:30px; background:#fff; padding:0 10px; color:#333;}
.loaDmore a span{ color:#ddd; padding:0 0 0 5px; font-size:14px;}
.loaDmore a:hover{ color:#fff; background:#4276e1;}
.loaDmore a:hover span{color:#fff; }
.loaDmore a.disabled,.loaDmore a.disabled span{color:#ddd !important; border-color:#ddd !important; background:#fff !important}


.FloatTool {position: fixed;right: 0;top:30%;z-index: 10;}
.FloatTool ul { }
.FloatTool li { background: #fff; position: relative; }
.FloatTool li:last-of-type a { border: none; }
.FloatTool li>a {width: 50px;height: 50px;background: #4e4e4e;text-align: center;display: block;/* font-size: 24px; *//* color: #fff; */position: relative;z-index: 33;border-bottom: 1px solid #fff;}
.FloatTool li>a i { width: 50px; line-height: 50px; font-size: 24px; color: #fff; position: ABSOLUTE; left: 0; top: 0; }
.FloatTool li>a:hover {background: #f69603;color: #fff;}
.FloatTool li>a:hover i { transform: rotateY(360deg); transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.FloatTool .sub {display: none;position: absolute;top: 0;right: 50px;text-align: center;background: #f69603;COLOR: #FFF;border-radius: 5px 0 0 5px;font-size: 12px;}
.FloatTool .tel { width: 150px; display: block; padding: 5px 7px; right: -150px; }
.FloatTool .tel p {display: block;font-size: 16px;color: #fff;text-align: center;line-height: 16px;background: #ffa61d;padding: 9px 0;margin: 2px 0;}
.FloatTool .tel span { display: block; font-size: 14px; }
.FloatTool .QR { width: 130px; display: block; padding: 8px 10px 8px 10px; right: -150px; }
.FloatTool .QR span { display: block; }
.FloatTool .QR img{border: 5px solid #fff;}
.FloatTool .shangqiao, .FloatTool .QQ { width: 150px; display: block; padding: 5px 7px; right: -150px; }
.FloatTool .shangqiao a, .FloatTool .QQ a {display: block;font-size: 16px;color: #fff;text-align: center;line-height: 35px;background: #ffa61d;margin: 2px 0;}
.FloatTool .shangqiao a:hover, .FloatTool .QQ a:hover {background: #ffa61d;}
.FloatTool .toTop {/* line-height: 1.2; *//* padding: 10px 0; */ }
.FloatTool .toTop span { display: none; font-size: 12px; }
.FloatTool li:hover .tel, .FloatTool li:hover .QR, .FloatTool li:hover .shangqiao, .FloatTool li:hover .QQ { right: 50px; }
.FloatTool li .sub:hover+a {background: #f69603;color: #fff;}
.FloatTool li .sub:hover+a i { transform: rotateY(360deg); transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }





@media(max-width:1768px) {
    .Header-bar{padding: 0 50px;}
    .logo{left: 50px;}
    .pagaHeader .tel{right: 50px;}
    .pagaHeader .search{right: 225px;}
    .headerNav .nav-box li.m h3 a{padding:0 15px;}
}
@media(max-width:1600px) {
    .Header-bar{padding: 0 30px;}
    .logo{left: 30px;}
    .pagaHeader .tel{right: 30px;}
    .pagaHeader .search{right: 170px;}
    .headerNav .nav-box li.m h3 a{padding: 0 10px;}
    .wrap { width: 1200px; margin: 0 auto;  }
}

@media(max-width:1440px) {
    

}

@media(max-device-width:1440px) {
    

}

@media(max-width:1366px) {
    .logo h1{ display: none;}
    .headerNav{text-indent: 0;}
}

@media(max-device-width:1024px) {
    .wrap{width: 100%; padding-left: 20px; padding-right: 20px;}
    .headerNav .nav-box li.m h3 a{padding: 0 5px; font-size: 14px;}
    .headerNav {text-indent: -30px;}
}