@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, var { font-style: inherit; font-weight: inherit }
del, ins { text-decoration: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400 }
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 { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0 }
a { text-decoration: none; color: #ffffff }
@font-face {
 font-family: iconfont;
 src: url(../fonts/iconfont.eot);
 src: url(../fonts/iconfont.eot) format('embedded-opentype'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.ttf) format('truetype'), url(../fonts/iconfont.svg#iconfont) format('svg')
}
.font { font-family: iconfont!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale }
body { font-family: "微软雅黑"; font-size: 14px; color: #333 }
::-webkit-scrollbar {
width:8px;
background-color:#006eff
}
::-webkit-scrollbar-thumb {
width:8px;
background-color:#aeaeae
}
::-webkit-scrollbar-track-piece {
width:8px;
background-color:#f8f8f8
}
::-webkit-scrollbar-thumb:hover {
width:8px;
background-color:#006eff
}
.kefu_q3 .bor-ul:after, .n-back-1:after, .n-back:after, .news-list:after, .view:after, .zhaopin li:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; line-height: 0; overflow: hidden }
.ht { font-family: '黑体'!important }
.ar { font-family: Arial!important }
.st { font-family: '宋体'!important }
.blod { font-weight: 700!important }
.nobold { font-weight: 400!important }
.upper { text-transform: uppercase }
.t-color { color: #75c01f }
.f10 { font-size: 10px }
.f11 { font-size: 11px }
.f13 { font-size: 17px }
.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 }
.f25 { font-size: 25px }
.f30 { font-size: 30px }
.f36 { font-size: 36px }
.f40 { font-size: 40px }
.f50 { font-size: 50px }
.f60 { font-size: 60px }
.white, .white a { color: #fff }
.yellow, .yellow a { color: #ff0 }
.blue, .blue a { color: #00f }
.red, .red a { color: red }
.a66 { color: #666 }
.a99 { color: #999 }
.a28 { color: #282828 }
.hg1, .hg10, .hg11, .hg12, .hg13, .hg14, .hg15, .hg16, .hg17, .hg18, .hg19, .hg20, .hg23, .hg25, .hg26, .hg28, .hg30, .hg35, .hg38, .hg40, .hg42, .hg44, .hg45, .hg48, .hg5, .hg50, .hg55, .hg6, .hg60, .hg65, .hg683, .hg7, .hg70, .hg75, .hg8, .hg80, .hg9 { width: 100%; clear: both }
.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 }
.hg42 { height: 42px }
.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 { width: 1150px; height: 100%; margin: 0 auto; position: relative; overflow: hidden; padding-bottom: 25px }
.nocontainer { width: 1150px; height: 100%; margin: 0 auto; position: relative; padding-bottom: 15px }
.kwidth.nopd, .nocontainer.nopd { padding-bottom: 0!important }
.width783 { width: 783px; margin: 0 auto }
.width832 { width: 832px; margin: 0 auto }
.width945 { width: 945px; margin: 0 auto }
.width956 { width: 956px; margin: 0 auto }
#usezan-v2 { min-width: 1150px; margin: 0 auto }
#usezan-v2 .section.active { display: block }
#usezan-v2.slideon .section { display: block!important }
#usezan-v2 .section { display: none }
.section { min-width: 1150px; height: 100%; margin: 0 auto; overflow: hidden!important }
.anim1s { -webkit-animation-delay: .1s;
 -moz-animation-delay: .1s;
 -ms-animation-delay: .1s;
 animation-delay: .1s
}
.anim2s { -webkit-animation-delay: .2s;
 -moz-animation-delay: .2s;
 -ms-animation-delay: .2s;
 animation-delay: .2s
}
.anim3s { -webkit-animation-delay: .3s;
 -moz-animation-delay: .3s;
 -ms-animation-delay: .3s;
 animation-delay: .3s
}
.anim4s { -webkit-animation-delay: .4s;
 -moz-animation-delay: .4s;
 -ms-animation-delay: .4s;
 animation-delay: .4s
}
.anim5s { -webkit-animation-delay: .5s;
 -moz-animation-delay: .5s;
 -ms-animation-delay: .5s;
 animation-delay: .5s
}
.anim6s { -webkit-animation-delay: .6s;
 -moz-animation-delay: .6s;
 -ms-animation-delay: .6s;
 animation-delay: .6s
}
.anim7s { -webkit-animation-delay: .7s;
 -moz-animation-delay: .7s;
 -ms-animation-delay: .7s;
 animation-delay: .7s
}
.anim8s { -webkit-animation-delay: .8s;
 -moz-animation-delay: .8s;
 -ms-animation-delay: .8s;
 animation-delay: .8s
}
.anim9s { -webkit-animation-delay: .9s;
 -moz-animation-delay: .9s;
 -ms-animation-delay: .9s;
 animation-delay: .9s
}
.anim10s { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; animation-delay: 1s }
.anim11s { -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -ms-animation-delay: 1.1s; animation-delay: 1.1s }
.anim12s { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -ms-animation-delay: 1.2s; animation-delay: 1.2s }
.anim13s { -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; -ms-animation-delay: 1.3s; animation-delay: 1.3s }
.anim14s { -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -ms-animation-delay: 1.4s; animation-delay: 1.4s }
.anim15s { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s; animation-delay: 1.5s }
.anim16s { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -ms-animation-delay: 1.6s; animation-delay: 1.6s }
.anim17s { -webkit-animation-delay: 1.7s; -moz-animation-delay: 1.7s; -ms-animation-delay: 1.7s; animation-delay: 1.7s }
.anim18s { -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -ms-animation-delay: 1.8s; animation-delay: 1.8s }
.anim19s { -webkit-animation-delay: 1.9s; -moz-animation-delay: 1.9s; -ms-animation-delay: 1.9s; animation-delay: 1.9s }
.anim20s { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s }
.clear { width: 100%; clear: both }
.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 }
.tl { text-align: left }
.tc { text-align: center }
.tr { text-align: right }
.bc { margin-left: 0; margin-right: 0 }
.cl { clear: left }
.cr { clear: right }
.vm { vertical-align: middle }
.pr { position: relative }
.pa { position: absolute }
.abs-right { position: absolute; right: 0 }
.zoom { zoom: 1 }
.hidden { visibility: hidden }
.none { display: none }
.bbor { border-bottom: 1px solid #f0f0f0 }
i.bor { display: block; width: 100%; min-width: 1180px; height: 1px; background: #f0f0f0 }
.m10 { margin: 10px }
.m15 { margin: 15px }
.m30 { margin: 30px }
.mt5 { margin-top: 5px }
.mt8 { margin-top: 8px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt25 { margin-top: 25px }
.mt30 { margin-top: 30px }
.mt35 { margin-top: 35px }
.mt45 { margin-top: 45px }
.mt50 { margin-top: 50px }
.mt55 { margin-top: 55px }
.mt60 { margin-top: 60px }
.mt80 { margin-top: 80px }
.mt100 { margin-top: 100px }
.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 }
.mb55 { margin-bottom: 55px }
.mb100 { margin-bottom: 100px }
.ml5 { margin-left: 5px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml20 { margin-left: 20px }
.ml30 { margin-left: 30px }
.ml35 { margin-left: 35px }
.ml50 { margin-left: 50px }
.ml100 { margin-left: 100px }
.mr5 { margin-right: 5px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.mr20 { margin-right: 20px }
.mr30 { margin-right: 30px }
.mr35 { margin-right: 35px }
.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 }
.pt18 { padding-top: 18px }
.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 }
.pt65 { padding-top: 65px }
.pt70 { padding-top: 70px }
.pt75 { padding-top: 75px }
.pt80 { padding-top: 80px }
.pb0 { padding-bottom: 0!important }
.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!important }
.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 }
.pb55 { padding-bottom: 55px }
.pb60 { padding-bottom: 60px }
.pb65 { padding-bottom: 65px }
.pb70 { padding-bottom: 70px }
.pb75 { padding-bottom: 75px }
.pb80 { padding-bottom: 80px }
.npt { padding-top: 0!important }
.npb { padding-bottom: 0!important }
.npb20 { padding-bottom: 20px!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 }
.pr35 { padding-right: 35px }
.pr40 { padding-right: 40px }
.pr45 { padding-right: 45px }
.pr50 { padding-right: 50px }
.pr55 { padding-right: 55px }
.pr60 { padding-right: 60px }
.pr70 { padding-right: 70px }
.pr75 { padding-right: 75px }
.pr80 { padding-right: 80px }
.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 }
.pl35 { padding-left: 35px }
.pl40 { padding-left: 40px }
.pl45 { padding-left: 45px }
.pl50 { padding-left: 50px }
.pl60 { padding-left: 60px }
.pl70 { padding-left: 70px }
.pl75 { padding-left: 75px }
.pl80 { padding-left: 80px }
.header { height: 94px; width: 100% }
.fixed { width: 100%; position: fixed; top: -61px; z-index: 9999; background: #fff; border-bottom: 1px solid #f6f6f6 }
.n-fixed { width: 100%; position: fixed; top: 0; z-index: 999; background: #fff; border-bottom: 1px solid #f6f6f6; transition: all .2s ease-out;
 -webkit-transition: all .2s ease-out
}
#never { top: 0!important }
#never.fixed { border-color: rgba(240, 240, 240, .5) }
#drop { background: rgba(255, 255, 255, 1) }
#drop.fixed { border-color: rgba(240, 240, 240, .5) }
#drop.fixed ul li a { color: #fff }
#nofixed.fixed { top: 0; border-color: rgba(240, 240, 240, .5) }
.logo { display: table-cell; max-width: 300px; height: 60px; vertical-align: middle; overflow: hidden }
.logo img { vertical-align: middle; max-width: 300px; max-height: 60px }
.nav ul li { position: relative; min-height: 61px; text-align: center; float: left; -webkit-perspective: 60px; -moz-perspective: 60px; -ms-perspective: 60px; perspective: 60px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; z-index: 9999 }
.nav ul li .nav-one { display: block; height: 32px; line-height: 32px; margin-top: 14px; padding: 0 20px; overflow: hidden }
.nav ul li, .nav ul li .childer, .nav ul li .childer a, .nav ul li a { transition: all .4s ease;
 -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease
}
.nav ul li a { display: block }
.nav ul li .childer { position: absolute; width: 254px; height: auto; top: 61px; left: 0; padding-bottom: 5px; background: 0 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateX(-63deg); -moz-transform: rotateX(-63deg); -ms-transform: rotateX(-63deg); transform: rotateX(-63deg); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 9999 }
.nav ul li .childer a { height: 35px; line-height: 35px; text-align: left; color: #fff; padding-left: 15px; border-left-width: 2px; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; border-style: solid; border-color: transparent }
.nav ul li .childer a:hover { background: #fbfbfb; color: #0e94eb; border-left-width: 2px; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; border-style: solid; border-color: #0e94eb }
.nav ul li.on { background: 0 0 }
.nav ul li.on .nav-one a { color: #fff }
.nav.nav_num_0 ul li.on a.cn, .nav.nav_num_1 ul li.on a.cn { margin-top: 0 }
.nav.nav_num_0 ul li.on a.cn, .nav.nav_num_0 ul li:hover a.cn, .nav.nav_num_1 ul li.on a.cn, .nav.nav_num_1 ul li:hover a.cn, .nav.nav_num_2 ul li.on .nav-one .en, .nav.nav_num_3 ul li.on .nav-one .en { color: #fff!important }
.nav.nav_num_0 ul li.on .childer, .nav.nav_num_1 ul li.on .childer, .nav.nav_num_2 ul li.on .childer, .nav.nav_num_3 ul li.on .childer { -webkit-transform: rotateX(-63deg); -moz-transform: rotateX(-63deg); -ms-transform: rotateX(-63deg); transform: rotateX(-63deg) }
.nav ul li.on a.cn, .nav.nav_num_2 ul li.on .nav-one .cn, .nav.nav_num_3 ul li.on .nav-one .cn { margin-top: -32px }
.nav.nav_num_0 ul li:hover .childer, .nav.nav_num_1 ul li:hover .childer, .nav.nav_num_2 ul li.on:hover .childer, .nav.nav_num_3 ul li.on:hover .childer { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0) }
#navwhite a { color: #333!important }
.banner { width: 100%; min-width: 1180px; overflow: hidden; position: relative; margin: 0 auto }
.banner .bd { position: relative; height: 100%; z-index: 0 }
.banner .bd li { zoom: 1; vertical-align: middle }
.banner .bd li a { width: 100%; min-width: 1180px; display: block }
.banner .text { width: 700px; text-align: center; position: absolute; top: auto; color: #fff }
.banner .text h5 { font-size: 40px; padding-bottom: 10px; font-weight: 700 }
.banner .text p { font-size: 14px; line-height: 30px }
.banner .hd { width: 100%; height: 15px; overflow: hidden; position: absolute; bottom: 35px; z-index: 1; text-align: center }
.banner .hd ul li { display: inline-block; margin-right: 10px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: url(../img/slide1-ico.png) no-repeat 0 0; cursor: pointer }
.banner .hd ul li.on { background-position: -23px 0 }
.nbanner, .nbanner a { width: 100%; display: block; margin-top: 61px; background-repeat: no-repeat; background-position: center 61px; background-attachment: fixed }
.swiper-slide { min-width: 1180px; text-align: center; font-size: 18px; background: #fff; -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; max-width: 100%; height: auto; margin-left: auto; margin-right: auto }
.swiper-container-vertical>.swiper-pagination-bullets { right: 3%!important; top: 58%!important }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 15px 0!important }
.swiper-button-next { right: 2%!important; background: url(../img/arrow_45.png) no-repeat -105px 0!important }
.swiper-button-prev { left: 2%!important; background: url(../img/arrow_45.png) no-repeat 0 0!important }
.swiper-button-next, .swiper-button-prev { width: 45px!important; height: 45px!important }
.swiper-button-next, .swiper-button-next.swiper-button-disabled, .swiper-button-prev, .swiper-button-prev.swiper-button-disabled { opacity: 0; transition: all .3s ease-in;
 -webkit-transition: all .3s ease-in
}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { opacity: 1 }
.swiper-container:hover .swiper-button-next.swiper-button-disabled, .swiper-container:hover .swiper-button-prev.swiper-button-disabled { opacity: .35 }
.swiper-pagination-bullet-active { background: #fff!important }
.swiper-pagination-bullet { background: #fff!important; opacity: .2 }
.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 90px!important }
.wrapper-intro { position: absolute; overflow: hidden }
.wrapper-intro p { padding-top: 10px }
.wrapper-intro p { color: #fff }
.footer-bor { width: 100%; display: block; height: 1px; background: #000 }
#back-footer, .back-footer { min-width: 1150px; padding: 40px 0 30px }
.footer-1 { width: 1150px; margin: 0 auto }
.index-nav-1 a { color: #8b8b8b; display: inline-block; padding: 0 18px; background: url(../img/ico-1.png) no-repeat center right }
.index-nav-1 a:first-child { padding-left: 0 }
.index-nav-1 a:last-child { background: 0 0 }
.links-1 a { padding: 0 3px }
.js-tj-1 a { padding-right: 4px }
.bq-1, .js-tj-1, .js-tj-1 a, .links-1 a, .links-1 p { color: #969696 }
#white-footer .bq-1, #white-footer .js-tj-1, #white-footer .links-1 p, #white-footer a { color: #969696; opacity: .9; filter: alpha(opacity=90) }
#back-footer .bq-1, #back-footer .js-tj-1, #back-footer .links-1 p, #back-footer a { color: #fff; opacity: .9; filter: alpha(opacity=90) }

.footer-fixed { width: 100%;  position: fixed; bottom: 0;  z-index: 9999;  }


.max50, .max50 .back-footer, .max50 .white-footer { min-width: 50%!important; max-width: 50%; padding: 14px 0 }
.footer-fixed .shar a { width: 24px; height: 24px; padding-left: 0; margin: -4px 0 0 5px; display: inline-block; float: none; background: url(../img/arrow_2.png) no-repeat }
.footer-fixed .shar a.bds_qzone { background-position: -29px 0 }
.footer-fixed .shar a.bds_tsina { background-position: 0 0 }
.footer-fixed .shar a.bds_tqq { background-position: -57px 0 }
.footer-fixed .back-footer, .footer-fixed .back-footer a { color: rgba(255, 255, 255, .8) }
.footer-fixed .white-footer, .footer-fixed .white-footer a { color: #999 }
.kefu_q1 ul li a.animate, .kefu_q1 ul li:first-child { background: url(../img/q1.png) no-repeat }
.kefu_q1 { position: fixed; z-index: 101 }
.kefu_q1 ul li { position: relative; width: 45px; height: 45px; background: #1b1b1d; margin-bottom: 1px }
.kefu_q1 ul li:first-child { height: 50px; font-family: Arial; background-position: 0 0; color: #fff; cursor: pointer }
.kefu_q1 ul li a.animate { position: absolute; left: 0; width: auto; height: 45px; line-height: 45px; color: transparent }
.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;
 -ms-transition: all .2s ease-in;
 transition: all .2s ease-in
}
.kefu_q1 ul li.q1_code span p { width: 135px; text-align: center; font-size: 12px; line-height: 15px; background: #fff }
.kefu_q1 ul li.q1_qq a, .kefu_q1 ul li.q1_zx a { width: 62px; padding-left: 46px }
.kefu_q1 ul li.q1_qq a { background-position: 0 -50px }
.kefu_q1 ul li.q1_tel a { width: 119px; padding-left: 46px; background-position: 0 -96px }
.kefu_q1 ul li.q1_zx a { background-position: 0 -142px }
.kefu_q1 ul li.q1_code { cursor: pointer; background: #1b1b1d url(../img/q1.png) no-repeat 0 -188px }
.kefu_q1 ul li.q1_code span { position: absolute; top: -115px; left: -147px; display: inline-block; width: 140px; height: 165px; display: none; background: #fff; border: 1px solid #eee }
.kefu_q1 ul li.q1_code img { width: 133px; height: 133px; padding: 4px }
.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(../img/q1.png) no-repeat }
.kefu_q1 ul li.q1_qq:hover a { color: #fff; left: -63px; background-position: 0 -50px }
.kefu_q1 ul li.q1_zx:hover a { color: #fff; left: -63px; background-position: 0 -142px }
.kefu_q1 ul li.q1_tel:hover a { width: 107px; padding-left: 57px; color: #fff; left: -119px; background-position: 10px -96px }
.kefu_q1 ul li.q1_code:hover span { display: block }
.kefu_q2, span.close { position: fixed; text-align: center; z-index: 101 }
.kefu_q2 { font-family: Arial; font-size: 14px; width: 110px; height: 370px }
.kefu_q2 ul li { background: url(../img/q2_1.png) no-repeat 0 0 }
.kefu_q2 ul li:first-child { height: 113px }
.kefu_q2 ul li b.b1 { padding-top: 18px; padding-bottom: 6px; display: block }
.kefu_q2 ul li:nth-of-type(2) {
 font-weight: 700;
 height: 80px;
 line-height: 110px;
 color: #fff;
 background-position: 0 -114px
}
.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 { width: 92px; height: 92px; padding-top: 10px }
.kefu_q2 ul li.q2_top { cursor: pointer; height: 40px; background-position: 0 -329px; position: relative }
.kefu_q2 ul li.q2_top a { position: absolute; display: block; width: 16px; height: 16px; top: 14px }
.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(../img/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;
 -ms-transition: all .2s ease-in;
 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_q3 { position: fixed; text-align: center; z-index: 101 }
.kefu_q3 .default { position: absolute; cursor: pointer; width: 45px; height: 131px; background: url(../img/q3.png) no-repeat 0 0 }
.default-hide { margin-right: -120% }
.kefu_q3 .ico-bg { background: url(../img/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; width: 25px; height: 25px; cursor: pointer; margin-right: 8px }
.kefu_q3 .bor-ul { background: #fff; border: 1px solid #f0f0f0; border-width: 0 1px }
.kefu_q3 .bor-ul span.qq-tx { display: block; width: 67px; height: 67px; margin: 0 auto; 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; color: #1e488a; font-weight: 700; border-bottom: 1px solid #f0f0f0 }
.kefu_q3 .bor-ul li { height: 42px; line-height: 42px; text-align: center; border-bottom: 1px solid #f0f0f0; background-position: 19px -210px; padding-left: 7px }
.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; width: 22px; height: 22px; background-position: -186px -14px; margin: 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; width: 28px; height: 28px; margin: 14px; cursor: pointer; background-position: 0 -149px }
.kefu_q3 .bottom-1 { width: 100%; height: 8px; background-position: 0 -292px }
.kefu_q3 .show-em { display: none; position: absolute; left: -121px; top: -78px; width: 117px; height: 163px; background-position: -133px -163px }
.kefu_q3 .show-em img { width: 92px; height: 92px; margin: 9px 8px 0 0 }
.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(../img/qq.png) no-repeat; text-align: center; z-index: 999; overflow: hidden }
.layer-qq h3 { font-size: 42px; text-transform: uppercase; font-weight: 700; 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(../img/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) }
}
.music { width: auto; height: auto; position: fixed; z-index: 99999 }
.aplayer { background: 0 0!important; box-shadow: none!important }
.music.m-true .aplayer { margin: 0 }
.music.m-true .aplayer-narrow { width: 45px!important; height: 45px!important }
.music.m-true .aplayer .aplayer-pic { width: 45px!important; height: 45px!important }
.music.m-false { min-width: 512px; background: #fff; border: 1px solid #e8e8e8; border-radius: 1px }
.music.m-false .aplayer { margin: 3px }
.music.m-false .aplayer .aplayer-pic { width: 45px; height: 45px; border-radius: 50px; overflow: hidden }
.music.m-false .aplayer .aplayer-info { height: 48px!important; padding: 0 7px 0 0!important }
.music.m-false .colse-music { position: absolute; right: 10px; top: 4px; display: block; width: 19px; height: 19px; background: url(../img/close_music.png) no-repeat; z-index: 99999; cursor: pointer }
.music.m-false .aplayer .aplayer-info .aplayer-music { margin-bottom: 8px; margin-top: 5px }
/****************/
 
/*****************/

.e278_main { }
.e278_main .w278 { width: 1200px; margin: 0 auto; }
.e278_main { width: 100%; padding-top:130px;  }
.e278_main .f_278 { width: 1200px; background:#fff; height: 470px; margin-top: 50px; }

.e278_main .f_278 .f278_z { float: left; width:46%;   position: relative; padding:25px;}
.e278_main .f_278 .f278_z a { display: block; width:100%;  }

.e278_main .f_278 .f278_z .dk { height: 213px; width: 45%; border-top: none; float:right; padding:2.5%; padding-right:0; padding-top:0 }

.e278_main .f_278 .f278_z .dk dl{ padding-left:10px}
.e278_main .f_278 .f278_z .dk dt{ font-weight:600; font-size:18px; line-height:18px;color: #333; }

.e278_main .f_278 .f278_z .dk dt.zz{ padding-top:20px}
.e278_main .f_278 .f278_z .dk dd{ padding:5px 0;}
.e278_main .f_278 .f278_z .dk ul{ padding-left:2px}
.e278_main .f_278 .f278_z .dk ul li{ position:relative; padding-left:20px; line-height:28px; background:url(../images/dot-black.png) left top 10px no-repeat;}
/* .e278_main .f_278 .f278_z .dk ul li:before{ content:"·"; font-size:30px; background:none; display:inline-block; position:absolute; left:0; top:0; width:15px;   color:#333 ; font-weight:700 }*/
 .e278_main .f_278 .f278_z .dk  dd p{font-size: 14px; color: #666; line-height: 24px; width: 100%; margin-top:2px; height: auto;}
.e278_main .f_278 .f278_z .dk ul li{ color:#666}


.e278_main .f_278 .f278_z b { width: 50%;   overflow: hidden; display: block; float:left }
.e278_main .f_278 .f278_z img { width: 100%; height: 100%; display: block;  transition: all .36s ease;
}


.e278_main .f_278 .f278_z h3 { font-size: 18px; color: #333; line-height: 18px; width: 100%; display: inline; position:relative;  font-weight:600 ; border-bottom:1px solid #666; margin-bottom:12px;}
 
 
.e278_main .f_278 .f278_y h2{ font-size: 18px; color: #333; line-height: 18px; width: 100%; display: inline; position:relative;  font-weight:600 ; border-bottom:1px solid #666; margin-bottom:12px; margin-left:2.5%;
   
    }
 


.e278_main .f_278 .f278_z p { font-size: 14px; color: #666; line-height: 24px; width: 100%; margin-top: 10px; height: 87px; }



.e278_main .f_278 .f278_z i { display: block; font-size: 14px; color: #434343; margin: 0; padding: 0; width: 120px; height: 33px; line-height: 30px; text-align: center; border: #e5e5e5 solid 1px; border-radius: 6px;  -webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;
}
.e278_main .f_278 .f278_z em { display: block; width: 100px; height: 100px; background-color: #3ba86f; text-align: center; font-size: 16px; color: #fff; font-family: "Arial"; position: absolute; left: 0; top: 0; }
.e278_main .f_278 .f278_z em span { display: block; font-size: 60px; color: #fff; line-height: 50px; padding-top: 14px; }
.e278_main .f_278 .f278_z:hover h3 { color: #3ba86f; }
.e278_main .f_278 .f278_z:hover p, .e278_main .f_278 .f278_z:hover i span { color: #333; }
.e278_main .f_278 .f278_z i:hover { background-color: #3ba86f; color: #fff; border: #3ba86f solid 1px; }
.e278_main .f_278 .f278_z a:hover b img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }

/*****右新闻列表 4个*****/
.e278_main .f_278 .f278_y { float: right; width: 49%; height: 452px;  padding:20px 0}
.e278_main .f_278 .f278_y ul { display: block; width: 100%;   margin: 0 auto; border-left:1px solid #ccc; padding-top:8px  }
.e278_main .f_278 .f278_y ul li {  width: 95% ;margin: 0 auto; margin-bottom: 5px; position: relative;    padding:0 2.5% }


.e278_main .f_278 .f278_y ul li em { display: block; float: right; display: block; width: 88px; height: 88px; border-left: #e5e5e5 solid 1px; text-align: center; font-size: 16px; color: #333; font-family: "Arial";  -webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;
}

.e278_main .f_278 .f278_y ul li em span { display: block; font-size: 60px; color: #333; line-height: 50px; padding-top: 14px;  -webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;
}

/***************/

.e278_main .f_278 .f278_y ul li a { display: block; width:100%; height: 100px; }
.e278_main .f_278 .f278_y ul li h3 { width: calc(100% - 90px); float: left; height: 90px; }
.e278_main .f_278 .f278_y ul li p { font-size: 16px; color: #333; width: 100%; line-height: 18px;  -webkit-transition: all .3s ease-in-out 0s;
 -moz-transition: all .3s ease-in-out 0s;
 transition: all .3s ease-in-out 0s;
}
.e278_main .f_278 .f278_y ul li p span { display: block; font-size: 14px; color: #666; line-height: 22px; padding-top: 10px; font-weight: normal; }

.e278_main .f_278 .f278_y ul li:hover i, .e278_main .f_278 .f278_y ul li:hover i span { color: #2e63bc; }
.e278_main .f_278 .f278_y ul li:hover p { color: #3ba86f; }
.e278_main .f_278 .f278_y ul li:hover em, .e278_main .f_278 .f278_y ul li:hover em span { color: #3ba86f; }

/****************/
.e278_main .indextit { text-align: center; }
.e278_main .indextit .tit { font-size: 48px; color: #005197; font-weight: bold; line-height: 48px; }
.e278_main .indextit .tit span { color: #3ba86f; display: inline-block; padding-left: 24px; }
.e278_main .indextit .subtit { font-size: 16px; color: #333; font-weight: normal; line-height: 18px; text-align: center; width: 1200px; margin: 0 auto; margin-top: 18px; }

/*******************/
.hz217 { position:absolute; bottom:0; left:0; height: 80px; z-index:999; width:100% }
.hz217 .w217 { margin-top:50px; position: relative; overflow: hidden; width: 1200px; margin: 0px auto; background:#fff }
.hz217 .prev, .hz217 .next { width: 16px; height: 38px; position: absolute; z-index: 10; top: 50%; margin-top: -19px; cursor: pointer; }
.hz217 .prev { left: 0; background-position: 0px 0px; }
.hz217 .next { right: 0; background-position: -43px 0px; }
.hz217 .list { width: 500%; }
.hz217 .list li { width: 140px; height: 80px; float: left; margin: 0 15px; }
.hz217 .list li a { display: block; }
.hz217 .list li img { width: 140px; height: 80px; display: block;  transition: all .5s;
}
.ico217 { background: url(../images/ico217.png) no-repeat; display: inline-block; vertical-align: middle; }

.sw-box{position:absolute; top:0; left:0;  z-index:999999; width:100%; min-height:600px; height:780px;  }

/******************/
.footer
{
     
    background-color: #000;
}
@media (max-width: 1199px)

{
    .footer .link
    {
        display: none;
    }
}
.footer .link ul
{ padding:10px 0;
  line-height:35px; text-align:center  
}
.footer .link ul li
{
    display: inline-block; padding-right:10px

}
.footer .link ul li a
{
    line-height: 24px;

    display: block;

    color: #fff;
}
.footer .link ul li a:hover
{
    color: #c3211e;
}
.footer .foot
{
    overflow: hidden;

    padding-bottom: 30px;
}
.footer .copyright
{
    padding: 5px 0;

    text-align: center;

    background-color: #000;
}
.footer .copyright p
{
    line-height: 30px;

    margin: 0;

    color: #fff;
}
.footer .copyright p a
{
    display: inline-block;

    margin-left: 20px;

    -webkit-transition: all .4s;
    transition: all .4s;
}
@media (max-width: 767px)
{
    .footer .copyright p a
    {
        display: block;
        float: none;

        margin-left: 0;
    }
}
.footer .copyright p a:hover
{
    text-decoration: underline;

    color: #c3211e;
}

.header .top .share ul li a {
	text-align: center;
	line-height: 45px; display:inline-block
}
.header .top .share ul li a img {
	margin-right: 3px; vertical-align:middle
}

.header .top
{
    height: 34px;

    border-bottom: 1px solid #e8e8e8;
}

.header .top p
{
    line-height: 34px;

    display: inline-block;

    margin: 0;

    color: #999;
}
@media (max-width: 1199px)
{
    .header .top p
    {
        display: none;
    }
}
.header .top p:before
{
     font-size: 18px;

    margin-right: 10px;

 
    color: #c3211e;
}
 
.header .top .share
{
    float: right;
}
@media (max-width: 1199px)
{
    .header .top .share
    {
        float: none;

        text-align: right;
    }
}
.header .top .share ul li
{
    display: inline-block;
}
.header .top .share ul li a
{
    display: inline-block;

    margin-left: 10px;

    -webkit-transition: all .5s;
    transition: all .5s;

    color: #999;
}
 
 
.header .top .share ul li:hover a
{


    color: #c3211e;
}
 

@media (max-width: 1400px)
{
 
.e278_main { width: 100%; padding-top:60px;  }
.e278_main .f_278 { width: 1200px; background:#fff; height: 470px; margin-top: 50px; }	
.sw-box{position:absolute; top:0; left:0;  z-index:999999; width:100%; min-height:600px; height:680px;  }

}