@import url(public.css); /* 引用公共样式 */
/*------------------------------------------以下开始,以上为保留样式--------------------------------------------------*/
 
.banner .banner-container { border-bottom: 1px solid rgba(255,255,255,0.8); }
.banner-pagination { position: absolute; z-index: 20; left: 0; bottom: 15px; right: 0; text-align: center; }
.swiper-pagination-switch { display: inline-block; width: 5px; height: 5px; border-radius: 10px; margin: 0 4px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; }
.swiper-visible-switch { background: #aaa; }
.swiper-active-switch { background: #fff; opacity: 1; }
.banner { width: 100%; margin: 0px auto; position: relative; }
.banner:after { display: block; content: ''; position: absolute; left: 5%; right: 5%; bottom: 20px; border-radius: 100%; height: 20%; z-index: 1; }
.banner img { max-width: 100%; }
/**/
.banner-container { background: #fff; z-index: 2; margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ }
.banner-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px,0,0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px,0,0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px,0,0); -o-transition-timing-function: ease; -o-transform: translate(0px,0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px,0,0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px,0,0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-free-mode > .banner-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; text-align: center; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
.videoMain { margin: 0 auto; padding: 20px 0 0 0; position: relative; width: 1000px; }
.bannerVideo { overflow: hidden; }
.arrow-left { width: 25px; height: 75px; display: inline-block; position: absolute; left: 0px; overflow: hidden; }
.arrow-left:before { width: 0; height: 0; overflow: hidden; display: block; content: ''; border-width: 10px; border-style: solid; border-color: transparent #999 transparent transparent; -webkit-transition: 0.2s ease-in 0s; -moz-transition: 0.2s ease-in 0s; -ms-transition: 0.2s ease-in 0s; -o-transition: 0.2s ease-in 0s; transition: 0.2s ease-in 0s; position: absolute; top: 50px; left: -1px; }
.arrow-left:after { width: 0; height: 0; overflow: hidden; display: block; content: ''; border-width: 10px; border-style: solid; border-color: transparent #fff transparent transparent; position: absolute; top: 50px; left: 0; }
.arrow-right { width: 25px; height: 75px; display: inline-block; position: absolute; right: 0px; overflow: hidden; }
.arrow-right:before { width: 0; height: 0; overflow: hidden; display: block; content: ''; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #999; position: absolute; top: 50px; right: -1px; -webkit-transition: 0.2s ease-in 0s; -moz-transition: 0.2s ease-in 0s; -ms-transition: 0.2s ease-in 0s; -o-transition: 0.2s ease-in 0s; transition: 0.2s ease-in 0s; }
.arrow-right:after { width: 0; height: 0; overflow: hidden; display: block; content: ''; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #fff; position: absolute; top: 50px; right: 0; }
.arrow-right:hover:before { border-color: transparent transparent transparent #000; }
.arrow-left:hover:before { border-color: transparent #000 transparent transparent; }

@media (max-width: 1000px) {
    .videoMain { width: 96%; padding: 15px 15px 0 15px; }
    .arrow-right,
    .arrow-left { display: none; }
}

@media (max-width: 768px) {
 .banner:after { left: 0%; right: 0%; height: 10%; }
 .videoMain { width: 94%; padding: 15px 10px; }
}
@charset "utf-8";
body { margin: 0; padding: 0; color: #555555; text-align: left; font-family: "Microsoft Yahei","Arial", "Helvetica", "sans-serif"; }
dl, dt, dd, ol, ul, li { padding: 0; margin: 0; vertical-align: middle; }
a { color: #555555; font-size: 16px; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; color: #555555; }
a:hover { text-decoration: none; color: #0152ad; }
.clear { clear: both; }
.clearfix:before,
.clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
img { border: 0; }
li { list-style: none; }
.space { height: 25px; }
.space2 { height: 10px; }
p { margin: 0; padding: 0; }
.sword { font-size: 12px; color: #777777; }
.wword { font-size: 17px; color: #ffffff; }
.blueword { font-size: 17px; color: #0566ae; }
.word { font-size: 15px; color: #555555; line-height: 30px; font-family: "Arial", "Helvetica", "sans-serif"; }
.word15 { font-size: 15px; color: #555555; line-height: 28px; font-family: "Arial", "Helvetica", "sans-serif"; }
.word31 { font-size: 31px; line-height: 48px; color: #333333; font-weight: bold; }
.word20 { font-size: 20px; line-height: 24px; }
.word24 { font-size: 24px; line-height: 30px; font-weight: bold; color: #0152ad; }
.word18 { font-size: 18px; line-height: 24px; color: #333333; }
input { border: 1px solid #DDDDDD; width: 95%; padding: 6px 2%; background: #FFFFFF; margin-bottom: 12px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 14px; line-height: 20px; color: #666666; font-family: "Microsoft Yahei","Arial", "Helvetica", "sans-serif"; }
.topbg { background: #261a16; height: 30px; }
.topinfo { width: 1000px; text-align: right; font-size: 15px; color: #ffffff; line-height: 30px; margin: 0 auto; position:relative; }
.topinfo .lang{position:absolute; left:0px; top:0px}
.topinfo .lang a { color:#fff;padding-right:15px }
.topinfo .lang a.sel, .topinfo .lang a:hover { color: #ebb510 }
textarea { border: 1px solid #DDDDDD; width: 95%; padding: 6px 2%; background: #FFFFFF; margin-bottom: 0px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 14px; color: #555555; font-family: "Microsoft Yahei","Arial", "Helvetica", "sans-serif"; }
.send { background: #f9be00; margin-top:10px; color: #ffffff; display: inline-block; padding: 5px; font-size: 15px; border: 0px dashed #aaaaaa; width: 100px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.send:hover { background: #ebb510; }
.dline { border-bottom: 1px solid #dddddd; }
.dline2 { border-bottom: 1px dashed #dddddd; }
.tline { border-top: 1px solid #dddddd; }
.tableline { border: 1px solid #dddddd; }
.wrap { width: 1000px; margin: 0 auto; position: relative; }
.topLogo { z-index: 999;margin:0px; }
.newList li { border-bottom: 1px dashed #dddddd; width: 100%; height: 110px; padding-top: 15px; }
.newList li img { float: left; margin-right: 15px; width: 140px; height: auto; }
.Logo { height: 90px; width: auto; }
.topTel { position:absolute;right:0px; top:0px }
.spic { margin: 0 6px; }
.header { width: 100%; margin: 0 auto; height: 100px; }
.banLine { background: url(../images/linkbg.jpg); height: 20px; width: 960px; margin: 0 auto; }
.footer { background: #888888; height: auto; padding: 15px; text-align: center; }
.footTxt { color: #ffffff; font-size: 13px; line-height: 20px; }
.about_tit { font-size: 23px; color: #221815; line-height: 60px; text-align: center; border-bottom: 1px solid #ebb510; padding-top: 20px; font-weight: bold; }
.about_en { color: #999999; font-weight: normal; font-family: "Courier New", Courier, monospace; padding-left:20px; font-size: 25px; }
.about_info { font-size: 16px; line-height: 28px; padding: 25px 20px; margin: 0 auto; }
.ttable { margin-top: 30px; width: 800px; }
.ttable img { max-width: 65%; }
.con_info { float: left; width: 46%; padding-right: 3%; font-size: 15px; text-align: left; line-height: 50px; margin-left: 1%; }
.con_info img { margin-right: 10px; margin-top: 5px; float: left; }
.conRight { float: right; width: 40%; line-height: 32px; font-size: 15px; margint-top: 20px; }
.infoBox { min-height: 300px; height: auto; margin: 0 auto; color: #666666; margin-top: 20px; line-height: 28px; padding: 10px; }
.jobLeft { float: left; width: 56%; margin-top: 30px; line-height: 28px; }
.jobRight { float: right; width: 38%; margin-top: 30px; margin-right: 10px; }
.jobRight img { max-width: 100%; height: auto; }
.infoBox img { max-width: 100%; height: auto; }
.infoTit { font-size: 28px; color: #015294; font-weight: bold; line-height: 50px; padding-bottom: 10px; }
.infoTitle { font-size: 24px; color: #333333; font-weight: bold; line-height: 60px; padding-bottom: 10px; border-top: 1px solid #dddddd; }
.title { font-size: 26px; line-height: 30px; color: #97a372; padding: 0; margin: 0; padding-bottom: 30px; }
.amore:link, .amore:visited { font-size: 15px; color: #888888; height: 36px; width: 140px; line-height: 36px; display: block; background: #ffffff; text-align: center; border: 2px solid #888888; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; }
.amore:hover { background: #888888; text-decoration: none; color: #ffffff; }
.pa:link, .pa:visited { font-size: 12px; color: #333333; margin-right: 5px; padding: 4px 6px 4px 8px; background: #dcd9d4; border: 1px solid #dcd9d4; }
.pa:hover { background: #eeeeee; border: 1px solid #dcd9d4; text-decoration: none; }
.paon { font-size: 12px; color: #333333; margin-right: 5px; padding: 4px 6px 4px 8px; background: #dcd9d4; border: 1px solid #dcd9d4; }
.paon2 { font-size: 12px; color: #ffffff; margin-right: 5px; padding: 4px 6px 4px 8px; background: #f96125; border: 1px solid #f96125; }
.c_date { float: right; font-size: 13px; color: #999999; }
.news_tit { font-size: 20px; color: #444444; line-height: 40px; }
.proList { margin-top: 30px; }
.proList li { float: left; width: 25%; text-align: center; margin-bottom: 3%; }
.proList li img { width: 90%; height: auto; }
.banbg { width: 1000px; margin: 0 auto; border: 1px solid #dddddd; padding: 5px; }
.about_ban{text-align:center}
.about_ban img { max-width: 100%; height: auto;}
.conLeft { float: left; width: 48%; padding-top: 30px; line-height: 26px; }
.conRight { float: right; width: 50%; padding-top: 30px; }

@media (max-width: 980px) {
 .wrap { width: 100%; }
 .topinfo { width: 100%; }
 .header { width: 100%; }
 .Logo { height: 80px; width: auto; margin-top: 10px; }
 .ttable { width: 100%; margin: 0 auto; margin-top: 20px; }
 .space { height: 10px; }
 .infoTxt2 img { width: 335px; height: auto; }
 .banLine { width: 100%; }
 .jobLeft { margin-left: 20px; }
 .conRight { width: 38%; margin-right: 10px; line-height: 50px; }
}

@media (max-width: 767px) {
 .header { height: 85px; }
 .Logo { height: 70px; width: auto; margin-top: 8px; }
 .word31 { font-size: 27px; line-height: 44px; color: #333333; font-weight: bold; }
 .word20 { font-size: 18px; line-height: 22px; }
 .company { padding-top: 18px; float: left; }
 .infoBox { padding: 10px; font-size: 15px; line-height: 26px; margin-top: 5px; }
 .infoBox img { width: 100%; height: auto; }
 .ttable img { max-width: 90%; height: auto; }
 .banLine, .c_date { display: none; }
 .jobLeft { width: 90%; margin: 0 auto; float: none; margin-top: 20px; }
 .jobRight { width: 90%; margin: 0 auto; float: none; margin-top: 20px; }
 .homeLeft { float: none; width: 100%; }
 .homeRight { float: none; width: 100%; margin-top: 15px; }
 .tableline { border-top: 1px solid #dddddd; border-left: 0px solid #dddddd; border-bottom: 1px solid #dddddd; border-right: 0px solid #dddddd; }
 .infoBox img { max-width: 100%; height: auto; }
 .con_info { float: none; width: 90%; margin: 0 auto; height: auto; font-size: 15px; line-height: 30px; }
 .con_info img { display: none; }
 .conRight { float: none; width: 80%; height: auto; margin: 0 auto; margin-top: 0px; }
 .about_tit { font-size: 20px; padding-top: 10px; line-height: 40px; }
 .about_en { font-size: 18px;; padding-left: 10px }
 .about_info { font-size: 15px; line-height: 26px; padding: 20px 15px; margin: 0 auto; }
 .proList li { float: left; width: 50%; text-align: center; margin-bottom: 3%; font-size: 13px; }
 .proList li img { width: 90%; height: auto; }
 .conLeft, .conRight { float: none; width: 90%; margin: 0 auto; }
}

ol, ul { list-style: none }
.zoom { zoom: 1 }
.hidden { visibility: hidden }
.none { display: none }
#nav { z-index: 99; margin: 0 auto; }
#nav #navRight { float: right; position: relative !important; margin-right: 15px }
#nav #nav-control { cursor: pointer; display: none; }
#nav #navWrap { margin: 0 auto; z-index: 1000; }
#nav #navWrap #navMain { float: right; z-index: 1000; }
#nav #navWrap #navMain li { float: left; padding: 0 18px; }
#nav #navWrap #navMain li:hover { }
#nav #navWrap #navMain li a { text-align: center; height: 100px; line-height: 100px; font-size: 17px; display: block; color: #666666; }
#nav #navWrap #navMain li:hover a { text-decoration: none; color: #222222; }
.current { display: block; background: #ffe100; }
.current a { text-decoration: none; color: #333333; }

@media (max-width: 980px) {

    #nav #navWrap #navMain li { padding: 0 10px; }
    #nav #navWrap #navMain li a { font-size: 15px; }
    #nav #navRight { margin-right: 5px }
}

@media screen and (max-width:767px) {
    .container-white { padding: 0 !important }
    #nav { height: auto; z-index: 999; position: absolute; background: transparent; top: 30px; right: 0; }
    #nav #navWrap { height: auto !important; overflow: hidden; width: 100%; }
    #nav #navWrap #navRight { margin-right: 10px; }
    #nav #navWrap #navLeft { display: inline-block }
    #nav #navWrap #navRight #nav-control { display: inline-block }

    #nav #navMain { display: block; width: 170px; height: 0; overflow: hidden; padding-top: 30px; margin-right: -42px; }
    #nav #navWrap #navMain li { position: relative; display: block; float: none; width: 100%; background: #fabe00; border-bottom: 1px solid #ffe100; }
    .current a { color: #ffffff; }
    #nav #navWrap #navMain li a { height: 36px !important; line-height: 36px !important; text-align: left !important; width: 170px; color: #ffffff; font-weight: normal; font-size: 15px; }
    #nav #navWrap #navMain li:hover a { text-decoration: none; color: #ffffff; }
    #nav #navWrap #navMain li:hover { background: #221815; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
    #nav #navMain li a:after { display: none !important }
}