@charset "utf-8";
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0;vertical-align:top}
address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-weight:inherit;font-style:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
button,input,optgroup,option,select,textarea{outline:0;font-weight:inherit;font-style:inherit;font-size:inherit;font-family:inherit}
a{color:#282828;text-decoration:none}
@font-face{font-family:iconfont;src:url(iconfont/iconfont.eot);src:url(iconfont/iconfont.eot?#iefix) format('embedded-opentype'),url(iconfont/iconfont.woff) format('woff'),url(iconfont/iconfont.ttf) format('truetype'),url(iconfont/iconfont.svg#iconfont) format('svg')}
.font{font-style:normal;font-size:16px;font-family:iconfont!important;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
body{color:#282828;font-size:12px;font-family:"微软雅黑"}
/* 追加 */
.kefu_q3 .bor-ul:after,
.n-back-1:after,
.n-back:after,
.zhaopin li:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:".";font-size:0;line-height:0}
/* 字体 */
.ht{font-family:'黑体'!important}
.ar{font-family:Arial!important}
.st{font-family:'宋体'!important}
.blod{font-weight:700}
.upper{text-transform:uppercase}
.t-color{color:#75c01f}
/* 字号大小 */
.f10{font-size:10px}.f11{font-size:11px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f17{font-size:17px}.f18{font-size:18px}.f19{font-size:19px}.f20{font-size:20px}.f21{font-size:21px}.f22{font-size:22px}.f23{font-size:23px}.f24{font-size:24px}.f30{font-size:30px}.f36{font-size:36px}.f40{font-size:40px}
/* 字体颜色 */
.white,.white a{color:#fff}
.yellow,.yellow a{color:#ff0}
.blue,.blue a{color:#00f}
.red,.red a{color:red}
/* 高度 */
.hg1,.hg10,.hg11,.hg12,.hg13,.hg14,.hg15,.hg16,.hg17,.hg18,.hg19,.hg20,.hg23,.hg25,.hg26,.hg28,.hg30,.hg35,.hg38,.hg40,.hg44,.hg45,.hg48,.hg5,.hg50,.hg55,.hg6,.hg60,.hg65,.hg683,.hg7,.hg70,.hg75,.hg8,.hg80,.hg9{clear:both;width:100%}
.hg1{height:1px}.hg5{height:5px}.hg6{height:6px}.hg7{height:7px}.hg8{height:8px}.hg9{height:9px}.hg10{height:10px}.hg11{height:11px}.hg12{height:12px}.hg13{height:13px}.hg14{height:14px}.hg15{height:15px}.hg16{height:16px}.hg17{height:17px}.hg18{height:18px}.hg19{height:19px}.hg20{height:20px}.hg22{height:22px}.hg23{height:23px}.hg25{height:25px}.hg26{height:26px}.hg28{height:28px}.hg30{height:30px}.hg35{height:35px}.hg38{height:38px}.hg40{height:40px}.hg44{height:44px}.hg45{height:45px}.hg48{height:48px}.hg50{height:50px}.hg55{height:50px}.hg60{height:60px}.hg65{height:65px}.hg70{height:70px}.hg75{height:75px}.hg80{height:80px}.hg683{height:683px}
/* 行高 */
.line18{line-height:18px}
.line20{line-height:20px}
.line22{line-height:22px}
.line24{line-height:24px}
.line25{line-height:25px}
/* 宽度 */
.width100{width:100%}
.wul105{width:105%}
.wul110{width:110%}
.width500{width:500px}
.kwidth,.main,.wrap{overflow:hidden;margin:0 auto;width:1150px}
.kwidthno{margin:0 auto;width:1150px;}
.width783{margin:0 auto;width:783px}
.width832{margin:0 auto;width:832px}
.width945{margin:0 auto;width:945px}
.width956{margin:0 auto;width:956px}
.clear{clear:both;width:100%}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.block{display:block}
.text-left{text-align:left!important}
.text-center{text-align:center!important}
.text-right{text-align:right!important}
.bc{margin-right:0;margin-left:0}
.pr{position:relative}
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}
/* 外边距 */
.m{margin: 0 !important;}
.m5{margin:5px}.m8{margin:8px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.m30{margin:30px}
.mt0{margin-top: 0 !important;}.mt5{margin-top:5px}.mt8{margin-top:8px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mt60{margin-top:60px}.mt80{margin-top:80px}.mt100{margin-top:100px}
.mb0{margin-bottom: 0 !important;}.mb5{margin-bottom:5px}.mb8{margin-bottom:8px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.mb45{margin-bottom:45px}.mb50{margin-bottom:50px}.mb100{margin-bottom:100px}
.ml0{margin-left: 0 !important;}.ml5{margin-left:5px}.ml8{margin-left:8px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml35{margin-left:35px}.ml40{margin-left:40px}.ml45{margin-left:45px}.ml50{margin-left:50px}.ml100{margin-left:100px}
.mr0{margin-right:0 !important;}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr25{margin-right:25px}.mr30{margin-right:30px}.mr35{margin-right:35px}.mr40{margin-right:40px}.mr45{margin-right:45px}.mr50{margin-right:50px}.mr100{margin-right:100px}
.pt0{padding-top: 0 !important;}.pt5{padding-top:5px}.pt8{padding-top:8px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt28{padding-top:28px}.pt30{padding-top:30px}.pt35{padding-top:35px}.pt40{padding-top:40px}.pt45{padding-top:45px}.pt50{padding-top:50px}.pt55{padding-top:55px}.pt60{padding-top:60px}
.p{padding: 0 !important;}.pr0{padding-right: 0 !important;}.pr5{padding-right:5px}.pr8{padding-right:8px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}.pr25{padding-right:25px}.pr28{padding-right:28px}.pr30{padding-right:30px}.pr35{padding-right:35px}.pr40{padding-right:40px}.pr45{padding-right:45px}
.pb0{padding-bottom:0 !important;}.pb3{padding-bottom:3px}.pb5{padding-bottom:5px}.pb8{padding-bottom:8px}.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb28{padding-bottom:28px}.pb30{padding-bottom:30px}.pb35{padding-bottom:35px}.pb40{padding-bottom:40px}.pb45{padding-bottom:45px}.pb50{padding-bottom:50px}
.pl0{padding-left: 0 !important;}.pl5{padding-left:5px}.pl15{padding-left:15px}.pl8{padding-left:8px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl25{padding-left:25px}.pl28{padding-left:28px}.pl30{padding-left:30px}.pl35{padding-left:35px}.pl40{padding-left:40px}.pl45{padding-left:45px}.pl50{padding-left:50px}
/* header srart */
.header{width:100%;height:60px}
.catheader{border-bottom: 1px solid #f6f6f6;}
.fixed{position:fixed;top:0;z-index:9999;width:100%;border-bottom:1px solid #f6f6f6;background:#fff}
.n-fixed{position:fixed;top:0;z-index:999;width:882px;border-bottom:1px solid #f6f6f6;background:#fff}
.logo{display:table-cell;overflow:hidden;height:60px;max-width:300px;vertical-align:middle}
.logo img{max-width:300px;max-height:60px;vertical-align:middle}
/* 下拉导航 */
.comm-header.drop{overflow:hidden;height:0;transition:all .4s ease-out}
.comm-header.drop.fie{position:fixed;top:0;left:0;z-index:9999;width:100%;height:60px;border-bottom:1px solid #f6f6f6;}
.comm-header.hhide{display:none}
/* header end */
/* 全屏模式导航 */
span.menu-ico{position:absolute;top:67px;right:3%;z-index:999;width:52px;height:52px;background:url(../images/menu.png) no-repeat 0 0;cursor:pointer}
.f-nav{position:absolute;top:50%;left:-100%;z-index:999;margin:-40px 0 0 0;width:100%;height:60px;background:#fff;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;-ms-transition:all .5s ease-out}
span.menu-ico.tagg{background-position:0 -98px}
.f-nav.navshow{left:0}
.f-navli{overflow:hidden;margin-top:14px;height:32px}
.f-logo img{height:60px;max-width:300px;}
.f-navli ul li{float:left;height:32px;text-align:center;line-height:32px}
.f-navli ul li a{display:block;padding:0 20px}
.f-navli ul li.on a.en{background:#191919;color:#fff}
span.back-0{position:absolute;top:0;left:0;z-index:99;display:none;width:100%;height:100%;background:#000;opacity:.8;transition:all .5s ease-out}
span.back-0.opshow{display:block!important}
/* 导航 */
.nav ul li a,
.nav ul li .childer{transition: all .3s ease-out;-webkit-transition: all .3s ease-out;}
.nav{height:60px}
.nav ul li{float:left;height:60px;text-align:center;line-height:60px;position:relative;overflow:hidden;}
.nav ul li span{display:block;height:60px;overflow:hidden;}
.nav ul li a{display:block;padding:0 20px;}
.nav ul li.on a.cn{margin-top:-60px;}
.nav ul li.on a.en{background:#191919;color:#fff}
.nav ul li .childer{width:180px;position:absolute;top:80px;left:0px;text-align:left;background:#191919;}
.nav ul li .childer a{display:block;line-height:35px;color:#fff;border-bottom:1px solid #212020;}
.nav ul li:hover,.nav ul li.on{overflow:inherit;}
.nav ul li:hover .childer,
.nav ul li.on .childer{top:60px;z-index:10025}
.nav ul li .childer a:hover{background:#2b2b2b;}

.nbanner,.nbanner a{display:block;width:100%}
/* 幻灯片 */
.swiper-slide{min-width:1150px;background:#fff;text-align:center;font-size:18px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-slide img{display:block;margin-right:auto;margin-left:auto;height:auto;max-width:100%}
.swiper-container-vertical>.swiper-pagination-bullets{top:58%!important;right:3%!important}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:15px 0!important}
.swiper-button-next{right:20px !important;background:url(../images/Arrow_45.png) no-repeat -105px 0!important}
.swiper-button-prev{left:20px !important;background:url(../images/Arrow_45.png) no-repeat 0 0!important}
.swiper-button-next,.swiper-button-prev{width:45px!important;height:45px!important}
.swiper-pagination-bullet-active{background:#fff!important}
.swiper-pagination-bullet{background:#fff!important;opacity:.2}
.wrapper-intro{position:absolute;overflow:hidden}
.wrapper-intro p{padding-top:10px}
.wrapper-intro p{color:#fff}
/*  ===== 页脚 */
/* 普通风格  */
#footer{min-width:1150px;padding: 50px 0 0}
.left-nav ul li{min-width: 185px;float: left;}
.left-nav ul li h3{font-size: 16px;color: #333;}
.left-nav ul li a{color: #666;display: block;padding-top: 15px;}
.footer-right{margin-top: 35px;}
.footer-right .phone{float: right;min-width: 220px;text-align:right;}
.footer-right .phone strong{color:#666;}
.footer-right img.code{margin-left: 20px;border: 6px solid #fff;}
.footer-right .phone span{display: block;color: #666;}
.footer-right .phone strong{font-size: 32px;color: #666;padding:3px 0;}
.footer-right .phone a.qq{float: right;display: block;width: 100px;height: 28px;line-height: 28px;text-align: center;
background: #7d7d7d;color: #fff;border-radius: 45px;}
.bq{height: 55px;line-height: 55px;border-top: 1px solid #f0f0f0;color:#999}
.bq span.zhichi a{padding-left: 3px;color:#999}
/* 白色 */
.back-footer .left-nav ul li h3,
.back-footer .phone strong{color:#fff;}
.back-footer .left-nav ul li a,
.back-footer .footer-right .phone span,
.back-footer .bq span.zhichi a{color: rgba(255,255,255,.8);}
.back-footer .footer-right .phone a.qq{background: rgba(125,125,125,.8);}
.back-footer .bq{border-color:rgba(240,240,240,.4);color: rgba(255,255,255,.8);}
/* 简洁风格  */
#footer-0,#footer-0 a{color: #fff;}
#footer-0 p.copy{padding: 20px 0;}
/* 白色 */
#footer-0.white-footer,
#footer-0.white-footer a{color: #666;}
/*#footer-0.white-footer{border-top: 1px solid #f0f0f0;}*/

/* 在线客服 */
.kefu_q1 ul li a.animate,.kefu_q1 ul li:first-child{background:url(../images/qq/q1.png) no-repeat}
.kefu_q1{position:fixed;z-index:999}
.kefu_q1 ul li{position:relative;margin-bottom:1px;width:45px;height:45px;background:#1b1b1d}
.kefu_q1 ul li:first-child{height:50px;background-position:0 0;color:#fff;font-family:Arial;cursor:pointer}
.kefu_q1 ul li a.animate{position:absolute;left:0;width:auto;height:45px;color:transparent;line-height:45px}
.kefu_q1 ul li a.animate,.kefu_q1 ul li.q1_code span{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;transition:all .2s ease-in;-ms-transition:all .2s ease-in}
.kefu_q1 ul li.q1_code span p{width:135px;background:#fff;text-align:center;font-size:12px;line-height:15px}
.kefu_q1 ul li.q1_qq a,.kefu_q1 ul li.q1_zx a{padding-left:46px;width:62px}
.kefu_q1 ul li.q1_qq a{background-position:0 -50px}
.kefu_q1 ul li.q1_tel a{padding-left:46px;width:119px;background-position:0 -96px}
.kefu_q1 ul li.q1_zx a{background-position:0 -142px}
.kefu_q1 ul li.q1_code{background:#1b1b1d url(../images/qq/q1.png) no-repeat 0 -188px;cursor:pointer}
.kefu_q1 ul li.q1_code span{position:absolute;top:-115px;left:-147px;display:inline-block;display:none;width:140px;height:165px;border:1px solid #eee;background:#fff}
.kefu_q1 ul li.q1_code img{padding:4px;width:133px;height:133px}
.kefu_q1 ul li:first-child:hover{background-position:-55px 0}
.kefu_q1 ul li.q1_qq:hover a,.kefu_q1 ul li.q1_tel:hover a,.kefu_q1 ul li.q1_zx:hover a{background:#dd001a url(../images/qq/q1.png) no-repeat}
.kefu_q1 ul li.q1_qq:hover a{left:-63px;background-position:0 -50px;color:#fff}
.kefu_q1 ul li.q1_zx:hover a{left:-63px;background-position:0 -142px;color:#fff}
.kefu_q1 ul li.q1_tel:hover a{left:-119px;padding-left:57px;width:107px;background-position:10px -96px;color:#fff}
.kefu_q1 ul li.q1_code:hover span{display:block}
/* KEFU-2 */
.kefu_q2,span.close{position:fixed;z-index:9999;text-align:center}
.kefu_q2{width:110px;height:370px;font-size:14px;font-family:Arial}
.kefu_q2 ul li{background:url(../images/qq/q2_1.png) no-repeat 0 0}
.kefu_q2 ul li:first-child{height:113px}
.kefu_q2 ul li b.b1{display:block;padding-top:18px;padding-bottom:6px}
.kefu_q2 ul li:nth-of-type(2){height:80px;background-position:0 -114px;color:#fff;font-weight:700;line-height:110px}
.kefu_q2 ul li:nth-of-type(3){height:135px;background-position:0 -194px}
.kefu_q2 ul li:nth-of-type(3) b.b3{display:block;padding-top:9px}
.kefu_q2 ul li img{padding-top:10px;width:92px;height:92px}
.kefu_q2 ul li.q2_top{position:relative;height:40px;background-position:0 -329px;cursor:pointer}
.kefu_q2 ul li.q2_top a{position:absolute;top:14px;display:block;width:16px;height:16px}
.kefu_q2 ul li.q2_top a.get_top{left:36px}
.kefu_q2 ul li.q2_top a.close-2{left:64px}
span.close{right:-120%;display:block;width:29px;height:84px;background:url(../images/qq/q2_1.png) no-repeat -271px 0;cursor:pointer}
.kefu_q2 ul li,.kefu_q2 ul li a{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;transition:all .2s ease-in;-ms-transition:all .2s ease-in}
.kefu_q2 ul li:first-child:hover{background-position:-130px 0}
.kefu_q2 ul li:first-child:hover a,.kefu_q2 ul li:first-child:hover b,.kefu_q2 ul li:nth-of-type(3):hover b{color:#fff}
.kefu_q2 ul li:nth-of-type(2):hover{background-position:-130px -114px}
.kefu_q2 ul li:nth-of-type(3):hover{background-position:-130px -194px}
/* KEFU-3 */
.kefu_q3{position:fixed;z-index:9999;text-align:center}
.kefu_q3 .default{position:absolute;width:45px;height:131px;background:url(../images/qq/q3.png) no-repeat 0 0;cursor:pointer}
.default-hide{margin-right:-120%}
.kefu_q3 .ico-bg{background:url(../images/qq/q3.png) no-repeat}
.kefu_q3 .top-1{width:112px;height:36px;background-position:-61px 0}
.kefu_q3 .top-1 span.colse{float:right;display:block;margin-right:8px;width:25px;height:25px;cursor:pointer}
.kefu_q3 .bor-ul{border:1px solid #f0f0f0;border-width:0 1px;background:#fff}
.kefu_q3 .bor-ul span.qq-tx{display:block;margin:0 auto;width:67px;height:67px;background-position:-61px -63px}
.kefu_q3 .bor-ul span.qq-tx:hover{background-position:-153px -63px}
.kefu_q3 .bor-ul p{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;color:#1e488a;font-weight:700}
.kefu_q3 .bor-ul li{padding-left:7px;height:42px;border-bottom:1px solid #f0f0f0;background-position:19px -210px;text-align:center;line-height:42px}
.kefu_q3 .bor-ul .em{position:relative;width:54px;height:50px;border-right:1px solid #f0f0f0}
.kefu_q3 .bor-ul .em i.ico-code{display:block;margin:14px;width:22px;height:22px;background-position:-186px -14px;cursor:pointer}
.kefu_q3 .bor-ul .em i.ico-code:hover{background-position:-222px -14px}
.kefu_q3 .bor-ul .get-top i.get-ico-code:hover{background-position:-45px -149px}
.kefu_q3 .bor-ul .get-top{width:55px;height:50px}
.kefu_q3 .bor-ul .get-top i.get-ico-code{display:block;margin:14px;width:28px;height:28px;background-position:0 -149px;cursor:pointer}
.kefu_q3 .bottom-1{width:100%;height:8px;background-position:0 -292px}
.kefu_q3 .show-em{position:absolute;top:-78px;left:-121px;display:none;width:117px;height:163px;background-position:-133px -163px}
.kefu_q3 .show-em img{margin:9px 8px 0 0;width:92px;height:92px}
.kefu_q3 .em:hover .show-em{display:block}
/* 弹窗客服 */
.layer-qq{animation:layerqq .7s ease-out;position: fixed;top: 50%;color:#fff;left:50%;width: 480px;height: 282px;background: url(../images/QQ.png) no-repeat;text-align: center; z-index: 999;overflow: hidden;}
.layer-qq h3{font-size: 42px;text-transform: uppercase;font-weight: bold;padding-top: 70px;}
.layer-qq strong{font-size: 22px;}
.layer-qq a.linkqq{display:block;width:138px;height:38px;line-height:38px;border:1px solid rgba(255,255,255,.5);text-align:center;font-size:14px;
	border-radius: 45px;color:#fff;margin:25px auto 0;}
.layer-qq a.qq-close{display: block;width: 28px;height: 28px;position: absolute;top: 20px;right: 20px;background: url(../images/QQclose.png) no-repeat;
cursor: pointer;
}
/* 动画 */
@-webkit-keyframes layerqq{
	from{-webkit-transform: scale(0);transform: scale(0);}
	to{-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes layerqq{
	from{transform: scale(0);}
	to{transform: scale(1);}
}