@charset "UTF-8";
/* CSS Document */
/* reset.css V1.6  Start*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { font-weight: normal; margin: 0; padding: 0; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 12px "Helvetica Neue", "sans-serif", Helvetica, STHeiTi, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

ul, ol, li { list-style: none; }

a { text-decoration: none; color: #333; }

a:hover { text-decoration: none; }

img { vertical-align: top; border: 0; }

button, input, textarea { font-size: 100%; vertical-align: middle; outline: none; -webkit-appearance: none; }

select { outline: none; }

table, .recrutment-table { border-spacing: 0; border-collapse: collapse; }

div, a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

html { font-size: 100px; }

@media screen and (min-width: 360px) { html { font-size: 112.5px; } }

@media screen and (min-width: 375px) { html { font-size: 117.1875px; } }

@media screen and (min-width: 414px) { html { font-size: 129.375px; } }

@media screen and (min-width: 480px) { html { font-size: 150px; } }

@media screen and (min-width: 640px) { html { font-size: 200px; } }

.clearfloat:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' '; }

.clearfloat { *zoom: 1; }

.clearboth { clear: both; }

.wp1200 { width: 1200px; margin: 0 auto; }

.wp1100 { width: 1100px; margin: 0 auto; }

.wp1050 { width: 1050px; margin: 0 auto; }

.wp1000 { width: 1000px; margin: 0 auto; }

.wp860 { width: 860px; margin: 0 auto; }

.ovh { overflow: hidden; }

.por { position: relative; }

.pt30 { padding-top: 30px; }

.pb60 { padding-bottom: 60px; }

.checkBrowser { font-size: 14px; line-height: 40px; position: fixed; z-index: 99999; top: 0; left: 50%; width: 700px; height: 40px; margin-left: -360px; padding: 0 10px; color: #FFF; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #E6212A; }

.checkBrowser a { font-size: 16px; line-height: 20px; position: absolute; top: 10px; right: 5px; display: block; width: 20px; height: 20px; cursor: pointer; text-align: center; color: #333; border-radius: 50%; background-color: #FFF; }

@font-face { font-family: 'BASKVILL'; src: url("../fonts/BASKVILL.eot"); src: local("☺"), url("../fonts/BASKVILL.woff") format("woff"), url("../fonts/BASKVILL.ttf") format("truetype"), url("../fonts/BASKVILL.svg") format("svg"); font-weight: normal; font-style: normal; }

.font-baskvill { font-family: 'BASKVILL' !important; }

@font-face { font-family: 'Helvetica'; src: url("../fonts/HelveticaNeueLTPro-ThEx.eot"); src: local("☺"), url("../fonts/HelveticaNeueLTPro-ThEx.woff") format("woff"), url("../fonts/HelveticaNeueLTPro-ThEx.ttf") format("truetype"), url("../fonts/HelveticaNeueLTPro-ThEx.svg") format("svg"); font-weight: normal; font-style: normal; }

.font-helvetica { font-family: 'Helvetica' !important; }

@font-face { font-family: "iconfont"; src: url("../fonts/iconfont.eot?t=1478677567602"); /* IE9*/ src: url("../fonts/iconfont.eot?t=1478677567602#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff?t=1478677567602") format("woff"), url("../fonts/iconfont.ttf?t=1478677567602") format("truetype"), url("../fonts/iconfont.svg?t=1478677567602#iconfont") format("svg"); /* iOS 4.1- */ }

.iconfont { font-family: "iconfont", "sans-serif" !important; }

/* reset.css V1.6  End */
.paged { padding-top: 50px; text-align: center; }

.paged a, .paged .p_info, .paged .current { display: inline-block; zoom: 1; *display: inline; margin: 0 3px 3px; padding: 10px 14px; font-size: 13px; text-align: center; background: #F4F4F4; color: #575757; border-radius: 3px; }

.paged .current, .paged a:hover { background: #616161; color: #FFF; }

.header { background: #FFF; z-index: 99; min-width: 1200px; }

.header h1 { position: absolute; width: 202px; left: 50%; z-index: 1; margin-left: -101px; }

.header h1 img { height: 100px; }

.nav { text-align: left; }

.nav li { float: left; width: 110px; line-height: 100px; text-align: center; }

.nav li > a { font-size: 14px; display: block; }

.nav li.on > a, .nav li:hover > a { color: #014A8F; background: url(../images/nav_bottom.png) no-repeat center bottom; }

.nav-sub { position: absolute; top: 100px; left: 0; background-color: #F4F4F4; padding: 60px 0; width: 100%; display: none; z-index: 1; }

.nav-sub-info { float: left; width: 245px; text-align: left; }

.nav-sub-title { padding-bottom: 22px; position: relative; margin-bottom: 25px; }

.nav-sub-title .cn { font-size: 22px; color: rgba(0, 0, 0, 0.8); line-height: 34px; }

.nav-sub-title .en { font-size: 12px; color: rgba(80, 80, 80, 0.8); line-height: 22px; }

.nav-sub-title .line { position: absolute; width: 40px; position: absolute; height: 2px; background-color: #FFF; overflow: hidden; height: 1px; bottom: 0; left: 0; }

.nav-sub-title .line:before { position: absolute; left: 0; top: 0; height: 2px; background-color: #014A8F; content: ''; width: 60%; display: block; }

.nav-sub-title .line:after { position: absolute; right: 0; top: 0; height: 2px; background-color: #E60012; content: ''; width: 30%; display: block; }

.nav-sub-p { margin-bottom: 45px; font-size: 13px; color: #616161; line-height: 24px; height: 48px; overflow: hidden; }

.nav-sub-more { display: block; width: 148px; height: 44px; text-align: center; line-height: 44px; border: 1px solid #000; font-size: 12px; color: #3C3C3C; -webkit-transition: 0.2s ease all; transition: 0.2s ease all; }

.nav-sub-more:after { display: inline-block; vertical-align: top; height: 44px; width: 10px; margin-left: 12px; background: url(../images/more.png) center no-repeat; content: ''; }

.nav-sub-more:hover { background-color: #000; color: #FFF; }

.nav-sub-more:hover:after { background-image: url(../images/more_on.png); }

.nav-sub-list { margin-left: 320px; }

.nav-sub-list-box { display: block; float: left; width: 50%; border-left: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; padding: 32px 48px; box-sizing: border-box; height: 133px; }

.nav-sub-list-box img { display: block; float: left; width: 174px; height: 100px; }

.nav-sub-list-box .t { position: relative; margin-left: 210px; line-height: 100px; font-size: 14px; color: #000; }

.nav-sub-list-box .t:after { content: ''; position: absolute; display: block; width: 10px; height: 100px; top: 0; right: 0; background: url(../images/nav_arrow.png) center no-repeat; -webkit-transition: 0.2s ease all; transition: 0.2s ease all; }

.nav-sub-list-box:nth-child(-n+2) { border-top: none; padding-top: 0; }

.nav-sub-list-box:nth-child(n+3) { padding-bottom: 0; }

.nav-sub-list-box:hover img { opacity: .8; }

.nav-sub-list-box:hover .t:after { -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); }

.fastLinkCon { background: #F2F2F2; padding: 60px 0; border-top: 1px solid #E9E9E9; overflow: hidden; min-width: 1200px; }

.fastLinkOther { float: left; width: 292px; }

.fastLinkOther .logo { display: block; width: 174px; height: 56px; float: left; }

.fastLinkOther .share { float: right; margin-top: 14px; margin-right: 4px; }

.share .weibo, .share .weixin { width: 34px; height: 34px; display: block; float: left; margin-left: 13px; }

.share .weibo:hover, .share .weixin:hover { opacity: .7; }

.share .weibo { background: url("../images/weibo.png") no-repeat center; }

.share .weixin { background: url("../images/weichat.png") no-repeat center; }

.share .weixin .ewm { position: absolute; width: 110px; height: 112px; z-index: 5; background: url("../images/ewm.jpg") no-repeat center; right: -120px; display: none; }

.share .weixin:hover .ewm { display: block; opacity: 1; }

.phone { width: 290px; height: 56px; border: 1px solid #DAD9D9; margin-top: 92px; border-radius: 5px; }

.phone a { background: url("../images/tel.png") no-repeat 21% 50%; display: block; height: 56px; line-height: 56px; font-family: 'Helvetica'; color: #696969; font-size: 20px; text-align: center; text-indent: 24px; }

.fastLinkTb { float: right; margin-right: -40px; }

.fastLinkTb .tb { display: table; width: 100%; border-spacing: 0; border-collapse: collapse; }

.fastLinkTb .td { display: table-cell; width: 165px; }

.fastLinkTb dl { text-align: center; }

.fastLinkTb dt { margin-bottom: 18px; }

.fastLinkTb dt a { font-size: 15px; color: #4D4D4D; background: url("../images/footer_left.png") no-repeat left center; text-indent: 10px; display: inline-block; }

.fastLinkTb dd a { font-size: 12px; color: #777D84; line-height: 32px; }

.fastLinkTb dt a:hover, .fastLinkTb dd a:hover { color: #000; }

.footer { padding: 22px 0; color: #848484; font-size: 12px; background: #E9E9E9; text-align: center; line-height: 16px; min-width: 1200px; }

.footer a { color: #848484; }

.footer a:hover { text-decoration: underline; }

.inside-menu a { display: inline-block; vertical-align: top; padding: 0 15px; height: 32px; line-height: 32px; border: 1px solid transparent; font-size: 13px; color: #5C5C5C; margin-right: 15px; }

.inside-menu a.cur, .inside-menu a:hover { border-color: #676767; }

.banner { z-index: 1; }

.banner .swiper-slide { height: 650px; overflow: hidden; }

.banner .swiper-slide a { display: block; width: 100%; height: 100%; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.banner .swiper-button-prev { left: 50%; margin-left: -600px; }

.banner .swiper-button-next { left: 50%; margin-left: 573px; }

.quicktab { position: absolute; bottom: 0; background: #F0F0F0; opacity: .9; height: 90px; z-index: 999; width: 1200px; margin-left: -600px; left: 50%; }

.quicktab.fixed { position: fixed; width: 100%; top: 0; left: 0; margin-left: 0; opacity: 1; background: #F7F7F7; }

.quicktab ul li { float: left; }

.quicktab ul li a { display: block; width: 240px; height: 90px; position: relative; -webkit-transition: 0.2s ease all; transition: 0.2s ease all; }

.quicktab ul li a b { position: absolute; display: block; width: 51px; height: 51px; left: 19.5%; top: 50%; margin-top: -25px; -webkit-transition: .2s ease all; transition: .2s ease all; background-position: center center; background-repeat: no-repeat; }

.quicktab ul li a b i { display: block; width: 100%; height: 100%; background: url(../images/quickIcon_bg.png) center no-repeat; -webkit-transition: 1s linear all; transition: 1s linear all; }

.quicktab a span { font-size: 18px; color: #2C2C2C; display: inline-block; margin-left: 104px; margin-top: 25px; }

.quicktab a p { font-size: 11px; color: #9D9D9D; margin-left: 104px; text-transform: uppercase; }

.quicktab a img { position: absolute; left: 54px; top: 67px; display: none; }

.quicktab ul li a { background-position: 24% 50%; background-repeat: no-repeat; }

.quicktab ul a:hover { background-position: 24% 36%; }

.quicktab ul a:hover img { display: block; }

.quicktab ul a:hover b { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); }

.quicktab ul a:hover b i { -webkit-transform: rotate(720deg); -ms-transform: rotate(720deg); transform: rotate(720deg); }

.main { background: #FFF; }

.indexProduct { height: auto; overflow: hidden; margin-bottom: 15px; }

.indexTit { height: auto; overflow: hidden; padding: 60px 0 62px; }

.indexTit h3 { display: inline-block; }

.indexTit h3 a { font-size: 21px; font-weight: bold; color: #030303; background: url("../images/nav_left.png") no-repeat center left; padding-left: 14px; }

.indexProButton { position: absolute; right: 0; top: 60px; }

.indexProButton a { display: inline-block; padding: 4px 16px; font-size: 12px; color: #333A4A; border: 2px solid #333A4A; background-image: url("../images/tabicon.png"); background-repeat: no-repeat; background-position: 15% 50%; text-indent: 16px; margin-left: 9px; }

.indexProButton a.on, .indexProButton a:hover { background-image: url("../images/tabicon_on.png"); background-color: #333A4A; color: #FFF; }

.indexProBox, .indexProTop, .indexProBom { height: auto; overflow: hidden; }

.indexProTop { margin-bottom: 2px; }

.indexProleft, .indexproright { float: left; width: 600px; height: 220px; }

.iptext { background: #F0F0F0; width: 240px; height: 220px; float: left; }

.iptext h5 { font-size: 18px; color: #030303; padding-top: 46px; padding-left: 42px; }

.iptext p { font-size: 13px; color: #6D6D6D; padding-top: 4px; padding-left: 42px; }

.iptext .more { width: 25px; height: 25px; background: url("../images/arr_circle.png") no-repeat center; display: block; position: absolute; right: 32px; bottom: 34px; }

.iptext:hover .more { background: url("../images/arr_con.png") no-repeat center; }

.ipimg { width: 360px; height: 220px; float: left; text-align: center; display: table; overflow: hidden; }

.ipimg a { width: 360px; height: 220px; display: table-cell; vertical-align: middle; text-align: center; }

.ipimg a:hover { -webkit-transform: scale(1.03); -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }

.ipimg img { max-width: 360px; max-height: 220px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.ipimg a:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }

.ibtext { background: #F0F0F0; width: 390px; height: 320px; float: left; }

.ibtext:hover .more { background-image: url("../images/more_on.png"); color: #FFF; background-color: #333A4A; }

.ibtext h2 { font-family: 'BASKVILL'; font-size: 36px; color: #030303; padding-left: 60px; padding-top: 52px; display: block; }

.ibtext i { display: block; width: 50px; height: 2px; background: url("../images/bottom_line.png") no-repeat center; margin-top: 20px; margin-left: 60px; }

.ibtext h5 { color: #030303; font-size: 19px; padding-left: 60px; padding-top: 22px; }

.ibtext .p { color: #929292; font-size: 12px; line-height: 25px; overflow: hidden; height: 50px; overflow: hidden; width: 255px; margin-left: 60px; margin-top: 16px; margin-bottom: 16px; }

.ibtext .more { padding: 3px 23px; display: inline-block; border: 2px solid #333A4A; background-image: url("../images/more.png"); background-position: 85% 50%; background-repeat: no-repeat; margin-left: 60px; font-size: 12px; text-indent: -6px; }

.ibimg { width: 810px; height: 320px; float: left; text-align: center; display: table; overflow: hidden; }

.ibimg a { width: 810px; height: 320px; display: table-cell; vertical-align: middle; text-align: center; }

.ibimg a:hover { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }

.ibimg img { max-width: 810px; max-height: 320px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.ibimg a:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }

.indexNews { height: auto; overflow: hidden; }

.indexNewsButton { position: absolute; right: 0; top: 60px; }

.indexNewsButton .more { padding: 5px 28px; display: inline-block; border: 2px solid #333A4A; background-image: url("../images/more.png"); background-position: 85% 50%; background-repeat: no-repeat; font-size: 12px; text-indent: -6px; }

.indexNewsButton .more:hover { background-image: url("../images/more_on.png"); color: #FFF; background-color: #333A4A; }

.indexNewsBox { height: 390px; overflow: hidden; margin-bottom: 78px; }

.indexNewsLeft { float: left; width: 780px; }

.inimg { width: 390px; height: 390px; float: left; text-align: center; display: table; }

.inimg a { width: 390px; height: 390px; display: table-cell; vertical-align: middle; text-align: center; }

.inimg img { max-width: 390px; max-height: 390px; }

.indexNtext { background: #F4F4F4; float: left; width: 390px; height: 390px; }

.indexNtext:hover .into { background: url("../images/arr_con.png") no-repeat center; }

.indexNtext h3 { font-size: 18px; color: #161616; margin-left: 58px; margin-top: 58px; margin-bottom: 40px; width: 280px; }

.indexNtext .p { color: #929292; font-size: 13px; line-height: 25px; height: 100px; margin-left: 58px; width: 280px; overflow: hidden; text-align: left; margin-bottom: 40px; }

.indexNtext .time { font-size: 12px; color: #524444; font-family: 'Helvetica'; margin-left: 58px; }

.indexNtext .into { width: 25px; height: 25px; background: url("../images/arr_circle.png") no-repeat center; display: block; position: absolute; right: 50px; bottom: 42px; }

.indexNewsRight { width: 408px; height: 390px; float: right; background: #F4F4F4; }

/*.iNList i { width: 4px; height: 4px; display: block; background: url("../images/li_circle.png") no-repeat center; top: 50px; position: absolute; }*/
.iNList li { border-bottom: 1px solid #E4E4E4; width: 328px; margin-left: 40px; padding-top: 36px; position: relative; }

.iNList li:first-child { padding-top: 44px; }

.iNList li:last-child { border-bottom: none; }

.iNList li h5 { color: #2B2B2B; font-size: 16px; text-indent: 10px; background: url("../images/li_circle.png") no-repeat left center; }

.iNList li:hover h5 { background: url("../images/footer_left.png") no-repeat left center; }

.iNList li .p { color: #929292; font-size: 12px; width: 304px; overflow: hidden; height: 18px; margin-top: 15px; margin-bottom: 30px; text-indent: 10px; }

.newsMain { background: #F8F8F8; height: auto; overflow: hidden; }

.newsCenterBox { padding: 62px 0 80px; }

.newsCenterText { width: 520px; height: 560px; float: left; background: #EFEFEF; }

.newsCenterText .textBox { width: 400px; margin-top: 60px; margin-left: 60px; }

.textBox h3 { color: #030303; font-size: 32px; font-family: 'BASKVILL'; margin-bottom: 8px; }

.textBox h4 { font-size: 19px; color: #030303; margin-bottom: 25px; }

.textBox i { display: block; width: 50px; height: 2px; background: url("../images/bottom_line.png") no-repeat center center; margin-bottom: 56px; }

.newsCenterCon { padding-bottom: 36px; }

.newsCenterCon .img { width: 155px; height: 110px; float: left; text-align: center; display: table; overflow: hidden; }

.newsCenterCon .img a { width: 155px; height: 110px; display: table-cell; vertical-align: middle; text-align: center; }

.newsCenterCon .img a img { max-width: 155px; max-height: 110px; }

.newsCenterCon .text { float: left; width: 210px; padding-top: 10px; padding-left: 20px; }

.newsCenterCon .text h5 { color: #424242; font-size: 16px; line-height: 24px; margin-bottom: 14px; }

.newsCenterCon .text h5 a:hover { color: #585858; }

.newsCenterCon .text .more { display: inline-block; padding: 4px 13px; background: #CBCBCB; border-radius: 25px; }

.newsCenterCon .text .more:hover { background: #333A4A; color: #FFF; }

.newsCenterList li { border-bottom: 1px solid #D7D7D7; height: auto; overflow: hidden; padding: 15px 0 18px; background: url("../images/list-s.png") no-repeat 0 46%; text-indent: 14px; }

.newsCenterList li a { color: #585858; font-size: 14px; }

.newsCenterList li a:hover { color: #000; }

.newsCenterList li span { display: inline-block; float: right; font-size: 13px; }

.newsCenterList li:last-child { border: none; }

.newsCenterImg { float: right; width: 680px; height: 560px; }

.newsImgTop { height: auto; overflow: hidden; }

.newsImgTop .img { width: 339px; height: 280px; float: left; text-align: center; display: table; overflow: hidden; }

.newsImgTop .img a { width: 339px; height: 280px; display: table-cell; vertical-align: middle; text-align: center; position: relative; }

.newsImgTop .img a img { max-width: 340px; max-height: 280px; }

.newsImgTop .img a .colordiv { position: absolute; top: 0; left: 0; width: 339px; height: 280px; background: #000; opacity: .3; display: none; }

.newsImgTop .img a:hover .colordiv { display: block; }

.newsImgTop .img a:hover i { background: url("../images/img_arron.png") no-repeat center; }

.newsImgTop .imgtext { height: 280px; width: 339px; float: left; }

.newsImgTop .imgtext h5, .newsImgBom h5 { position: absolute; font-size: 19px; color: #FFF; bottom: 30px; left: 40px; z-index: 99; }

.newsImgTop .imgtext i, .newsImgBom i { width: 24px; height: 24px; background: url("../images/img_arr.png") no-repeat center; display: block; position: absolute; bottom: 30px; right: 25px; }

.newsImgBom { width: 680px; height: 279px; margin-top: 1px; }

.newsImgBom .img { width: 680px; height: 279px; display: table; vertical-align: middle; text-align: center; }

.newsImgBom .img a { width: 680px; height: 279px; display: table-cell; vertical-align: middle; text-align: center; }

.newsImgBom .img a img { width: 100%; }

.newsImgBom .img a .colordiv { position: absolute; top: 0; left: 0; width: 680px; height: 279px; background: #000; opacity: .3; display: none; }

.newsImgBom .img a:hover .colordiv { display: block; }

.newsImgBom .img a:hover i { background: url("../images/img_arron.png") no-repeat center; }

.ml2 { margin-left: 2px; }

/* news_list */
.insideBanner { width: 100%; height: 422px; background-position: center center; background-repeat: no-repeat; background-size: size; -webkit-background-size: cover; }

.dot { background: url("../images/dot.png") no-repeat center; height: 36px; padding: 24px 0 24px; }

.newsListCon { height: auto; overflow: hidden; padding-bottom: 94px; }

.newsList { height: auto; overflow: hidden; }

.newsList .odd .imgA, .newsList .even .text { float: right; }

.newsList .even .imgA, .newsList .odd .text { float: left; }

.newsList li { height: 364px; padding-bottom: 38px; -webkit-transition: 0.2s ease all; transition: 0.2s ease all; }

.newsList li .text { width: 600px; height: 364px; background: #F4F4F4; display: block; }

.newsList li .text .textB { margin-left: 100px; margin-top: 66px; width: 404px; }

.newsList li .text h5 { font-size: 18px; color: #161616; }

.newsList li .text .p { height: 92px; font-size: 12px; color: #929292; line-height: 25px; text-align: left; margin-top: 36px; overflow: hidden; }

.newsList li .text i { width: 25px; height: 25px; display: inline-block; background: url("../images/arr_circle.png") no-repeat center; margin-top: 30px; }

.newsList li .text .time { display: block; font-size: 12px; color: #727272; font-family: 'Helvetica'; float: right; margin-top: 35px; }

.newsList li .text .colorline { position: absolute; width: 600px; height: 2px; background: url("../images/news_on.png") no-repeat center; bottom: 0; visibility: hidden; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; opacity: 0; }

.newsList li .shadow { width: 1200px; height: 32px; background: url("../images/news_shadow.png") no-repeat center bottom; position: absolute; bottom: 7px; visibility: hidden; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; opacity: 0; }

.newsList li:hover .colorline, .newsList li:hover .shadow { visibility: visible; opacity: 1; }

.newsList .imgA { width: 600px; height: 364px; text-align: center; display: table; overflow: hidden; }

.newsList .img { width: 600px; height: 364px; display: table-cell; vertical-align: middle; text-align: center; }

.newsList .img img { max-height: 364px; max-width: 600px; }

.insideBannerBg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background: url("../images/bannerbg.png") center repeat-x; }

.path { position: absolute; left: 50%; margin-left: -600px; bottom: 30px; z-index: 3; }

.path a { color: #FFF; }

.path .word { float: left; -webkit-animation: b2t ease .6s forwards; animation: b2t ease .6s forwards; }

.path .word .cn { font-size: 26px; line-height: 40px; color: #FFF; }

.path .word .en { font-size: 40px; line-height: 50px; color: #FFF; text-transform: uppercase; }

.insideBannerSwiper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.insideBannerSwiper .swiper-slide { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

@-webkit-keyframes b2t { 0% { opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes b2t { 0% { opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.path .bread { float: right; font-size: 12px; color: #FFF; line-height: 24px; padding-top: 56px; }

.path .bread a { font-size: 12px; color: #FFF; }

.path .bread a:hover { text-decoration: underline; }

.newsCon { height: auto; overflow: hidden; background: #F4F4F4; margin-bottom: 84px; }

.newsConTit { border-bottom: 1px solid #DFDFDF; padding-bottom: 50px; padding-top: 60px; }

.newsConTit h3 { color: #161616; font-size: 18px; text-align: center; margin-bottom: 20px; }

.newsConTit .time { text-align: center; color: #727272; font-size: 12px; }

.newsConTit .time i { width: 1px; height: 10px; background: url("../images/titleline.png") no-repeat center; display: inline-block; }

.newsConTit .time span { font-family: 'Helvetica'; }

.content { padding-top: 48px; font-size: 14px; color: #808080; line-height: 25px; border-bottom: 1px solid #DFDFDF; padding-bottom: 55px; }

.plist { height: auto; overflow: hidden; padding: 40px 0 40px; }

.plist .prev { float: left; width: 50%; }

.plist .prev a { background: url("../images/arr_circle_left.png") no-repeat left center; height: 25px; line-height: 25px; text-indent: 35px; }

.plist .prev a:hover { text-decoration: underline; background: url("../images/arr_con2.png") no-repeat left center; }

.plist a { font-size: 12px; color: #161616; display: block; }

.plist .next { float: right; width: 50%; }

.plist .next a { background: url("../images/arr_circle.png") no-repeat right center; height: 25px; line-height: 25px; padding-right: 35px; text-align: right; }

.plist .next a:hover { text-decoration: underline; background: url("../images/arr_con.png") no-repeat right center; }

.proCenter-banner { position: relative; width: 100%; height: 828px; overflow: hidden; }

.proCenter-banner-swiperCon { position: relative; height: 828px; z-index: 1; }

.proCenter-banner-swiper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; opacity: 0; z-index: 1; -webkit-transition: opacify .5s linear; transition: opacify .5s linear; }

.proCenter-banner-swiper.cur { opacity: 1; visibility: visible; z-index: 2; }

.proCenter-banner-swiper .swiper-slide { position: relative; }

.proCenter-banner-swiper .swiper-slide:after { position: absolute; display: block; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 3; }

.proCenter-banner-swiper .word { position: absolute; z-index: 4; width: 100%; top: 200px; left: 0; z-index: 4; text-align: center; color: #FFF; }

.proCenter-banner-swiper .cn { font-size: 40px; }

.proCenter-banner-swiper .en { font-size: 44px; text-transform: uppercase; margin-bottom: 15px; }

.proCenter-banner-swiper .more { display: inline-block; vertical-align: top; width: 100px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.5); line-height: 36px; -webkit-transition: all .5s ease; transition: all .5s ease; }

.proCenter-banner-swiper .more span { display: inline-block; vertical-align: top; font-size: 13px; color: #FFF; }

.proCenter-banner-swiper .more span:after { content: url(../images/more_on.png); margin-left: 5px; }

.proCenter-banner-swiper .more:hover { border-color: #FFF; }

.proCenter-banner-swiper .swiper-pagination { bottom: 300px; }

.proCenter-banner-swiper .swiper-button-next, .proCenter-banner-swiper .swiper-button-prev { top: 265px; margin-top: 0; }

.proCenter-banner-seriesCon { position: absolute; width: 1200px; bottom: 30px; left: 50%; margin-left: -600px; z-index: 5; background: rgba(254, 254, 254, 0.95) url("../images/ta.png") right bottom no-repeat; height: 222px; overflow: hidden; }

.proCenter-banner-seriesCon .hd { float: left; width: 300px; background-color: rgba(57, 57, 57, 0.95); }

.proCenter-banner-seriesCon .hd li { position: relative; height: 72px; line-height: 72px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: 0 30px 0 40px; cursor: pointer; }

.proCenter-banner-seriesCon .hd li:after { position: absolute; display: block; content: url(../images/more_on.png); right: 30px; top: 0; height: 72px; line-height: 72px; z-index: 2; width: 8px; height: 10px; opacity: .5; }

.proCenter-banner-seriesCon .hd li span { display: inline-block; vertical-align: top; height: 72px; line-height: 72px; font-size: 18px; color: #C8C8C8; -webkit-transition: all .2s ease; transition: all .2s ease; background-position: left center; background-repeat: no-repeat; }

.proCenter-banner-seriesCon .hd li.cur { border-color: #2A2A2A; background-color: #343434; }

.proCenter-banner-seriesCon .hd li.cur span { padding-left: 15px; background-image: url(../images/serives_tab.jpg); font-weight: bold; color: #FFF; }

.proCenter-banner-seriesCon .hd li.cur:after { opacity: 1; }

.proCenter-banner-seriesCon .hd li:hover span { color: #FFF; }

.proCenter-banner-seriesCon .bd { margin-left: 300px; padding: 35px 150px 35px 60px; }

.proCenter-banner-seriesCon .bd .info { display: none; }

.proCenter-banner-seriesCon .bd .t { font-size: 22px; color: #030303; margin-bottom: 15px; }

.proCenter-banner-seriesCon .bd .p { font-size: 13px; line-height: 26px; height: 104px; overflow: hidden; color: #696969; }

.proCenter-main { padding-top: 60px; background-color: #FEFEFE; }

.proCenter-listCon { margin: 0 auto; width: 1242px; }

.proCenter-list { padding-bottom: 25px; display: none; }

.proCenter-list li { float: left; width: 370px; margin: 0 22px 50px; }

.proCenter-list li a { display: block; position: relative; width: 100%; height: 298px; }

.proCenter-list li .img { position: relative; width: 100%; height: 224px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.proCenter-list li .info { position: absolute; width: 100%; height: 74px; box-sizing: border-box; padding: 0 30px; background-color: #F0F0F0; line-height: 74px; -webkit-transition: all .5s ease; transition: all .5s ease; z-index: 10; }

.proCenter-list li .info:after { position: absolute; display: block; content: ''; width: 25px; height: 74px; top: 0; right: 30px; background: url("../images/arr_circle.png") center no-repeat; }

.proCenter-list li .cn { font-size: 18px; color: #030303; margin-right: 5px; }

.proCenter-list li .en { font-size: 15px; color: #6D6D6D; }

.proCenter-list li .imgbg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease; }

.proCenter-list li .imgbg:after { position: absolute; display: block; content: '+'; font-size: 44px; color: #5888C6; font-weight: bold; width: 50px; height: 50px; text-align: center; line-height: 50px; top: 50%; left: 50%; margin: -25px 0 0 -25px; z-index: 2; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: all .5s ease; transition: all .5s ease; }

.proCenter-list li .line { position: absolute; width: 0; height: 2px; -webkit-transition: all .2s ease; transition: all .2s ease; background-color: #5888C6; right: 0; bottom: 0; z-index: 11; overflow: hidden; }

.proCenter-list li .line:after { position: absolute; display: block; width: 22.7027%; height: 100%; background-color: #DC4F55; top: 0; right: 0; content: ''; }

.proCenter-list li .shadow { position: absolute; width: 100%; height: 53px; background: url("../images/shadow.png") center no-repeat; left: 0; bottom: 0; z-index: 9; -webkit-transition: all .5s ease; transition: all .5s ease; }

.proCenter-list li:hover .imgbg { opacity: 1; visibility: visible; }

.proCenter-list li:hover .imgbg:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

.proCenter-list li:hover .info { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); }

.proCenter-list li:hover .line { width: 100%; }

.proCenter-list li:hover .shadow { -webkit-transform: translateY(26px); -ms-transform: translateY(26px); transform: translateY(26px); }

.proInfoCon { width: 100%; height: 738px; background: url("../images/proInfo_bg.jpg") center no-repeat; }

.proInfo-bread { padding-top: 24px; padding-bottom: 24px; line-height: 24px; font-size: 12px; color: #646464; }

.proInfo-bread a { color: #646464; }

.proInfo-bread a:hover { text-decoration: underline; }

.proInfo-introCon { padding: 20px; background-color: #FFF; }

.proInfo-slide { float: left; width: 800px; height: 571px; overflow: hidden; }

.proInfo-slide .sp-bottom-thumbnails .sp-thumbnail-container, .proInfo-slide .sp-top-thumbnails .sp-thumbnail-container { margin-left: 4px; margin-right: 4px; }

.proInfo-slide .sp-horizontal .sp-arrows { margin-top: -21px; }

.proInfo-slide .sp-arrow { width: 24px; height: 42px; background-position: center center; background-repeat: no-repeat; }

.proInfo-slide .sp-next-arrow:after, .proInfo-slide .sp-next-arrow:before, .proInfo-slide .sp-previous-arrow:after, .proInfo-slide .sp-previous-arrow:before { display: none; }

.proInfo-slide .sp-previous-arrow { background-image: url(../images/arrow_l.png); }

.proInfo-slide .sp-next-arrow { background-image: url(../images/arrow_r.png); -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

.proInfo-slide .sp-image, .proInfo-slide .sp-thumbnail { position: relative; }

.proInfo-slide .sp-thumbnail-mask { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; border: 2px solid #1F5A97; background: rgba(0, 0, 0, 0.5) url("../images/proinfo_dot.png") center no-repeat; z-index: 2; }

.proInfo-slide .sp-selected-thumbnail .sp-thumbnail-mask { display: block; }

.proInfo-slide .sp-thumbnail-container img { display: block; width: 100%; height: 100%; }

.proInfo-introBox { margin-left: 850px; margin-right: 25px; }

.proInfo-introBox-title { padding-top: 25px; margin-bottom: 35px; }

.proInfo-introBox-title .cn { font-size: 26px; color: #000; }

.proInfo-introBox-title .en { font-size: 15px; color: #6D6D6D; }

.proInfo-scrollbar { position: relative; height: 300px; overflow: hidden; }

.proInfo-scrollbar .scrollbar { float: right; position: relative; }

.proInfo-scrollbar .track { position: relative; height: 100%; width: 4px; }

.proInfo-scrollbar .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 20px; background-color: #E2E2E2; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.proInfo-scrollbar .disable { display: none; }

.proInfo-scrollbar .viewport { position: relative; margin-right: 5px; height: 300px; overflow: hidden; }

.proInfo-scrollbar .overview { position: absolute; width: 100%; top: 0; left: 0; font-size: 12px; line-height: 32px; color: #686868; }

.proInfoMain { padding-top: 54px; padding-bottom: 70px; background-color: #FFF; }

.proInfoMain-left { float: left; width: 988px; border: 1px solid #EFEFEF; background-color: #FFF; }

.proInfoMain-title { height: 46px; line-height: 46px; background-color: #F6F6F6; border-bottom: 1px solid #EFEFEF; padding-left: 25px; padding-right: 25px; font-size: 14px; font-weight: bold; color: #000; }

.proInfoMain-article { padding: 45px; font-size: 14px; line-height: 30px; color: #686868; min-height: 400px; }

.proInfoMain-article img { max-width: 100%; }

.proInfoMain-article ul li { list-style-type: disc; }

.proInfoMain-article ol li { list-style-type: decimal; }

.proInfoMain-article p { margin-bottom: 14px; }

.proInfoMain-right { float: right; width: 198px; border: 1px solid #EFEFEF; background-color: #FFF; }

.proInfo-relation { padding-top: 10px; padding-bottom: 20px; }

.proInfo-relation li { margin-bottom: 10px; }

.proInfo-relation li a { display: block; text-align: center; font-size: 12px; color: #575757; }

.proInfo-relation li a:hover img { opacity: .8; }

.proInfo-relation li img { margin: 0 auto 10px; display: block; width: 172px; height: 106px; }

.proInfo-relation li p { height: 18px; line-height: 18px; }

.pro-fixed-menu { position: fixed; width: 50px; top: 50%; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; margin-left: 610px; }

.pro-fixed-menu li { position: relative; margin-bottom: 10px; }

.pro-fixed-menu li a { display: block; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #6E6E6E; text-align: center; line-height: 50px; font-size: 24px; color: #6E6E6E; font-family: "iconfont" !important; background-color: #F0EFEE; }

.pro-fixed-menu li p { display: none; position: absolute; height: 25px; line-height: 25px; width: 70px; text-align: center; background-color: #FFF; font-size: 12px; left: 58px; top: 50%; margin-top: -12px; border-radius: 2px; color: #6E6E6E; }

.pro-fixed-menu li p:before { position: absolute; display: block; width: 4px; height: 8px; top: 50%; margin-top: -2px; left: -4px; content: ''; background: url("../images/arrow_box.png") center no-repeat; }

.pro-fixed-menu li.online a:before { content: '\e603'; }

.pro-fixed-menu li.tmall a { line-height: 36px; }

.pro-fixed-menu li.tmall a:before { content: '\e704'; }

.pro-fixed-menu li.shop a:before { content: '\e600'; }

.pro-fixed-menu li:hover a { color: #FFF; background-color: #6E6E6E; }

.pro-fixed-menu li:hover p { display: block; }

.service-free-banner { position: relative; width: 100%; height: 800px; }

.service-free-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 2; }

.service-free-article { position: absolute; left: 50%; top: 50%; margin-left: -500px; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); z-index: 3; font-size: 14px; color: #25394F; line-height: 2; }

.service-free-footer { position: absolute; width: 100%; height: 96px; background-color: #2A3D53; left: 0; bottom: 0; z-index: 999; }

.service-free-footer > div { height: 96px; }

.service-free-footer .img { position: absolute; left: 0; bottom: 0; width: 284px; height: 141px; }

.service-free-footer .img img { display: block; }

.service-free-footer .footerForm { position: relative; float: right; height: 71px; margin-right: 50px; padding-top: 25px; padding-left: 59px; overflow: hidden; }

.service-free-footer .footerForm:before { content: ''; display: block; position: absolute; width: 1px; height: 42px; background: #2A609E; left: 0; top: 50%; margin-top: -21px; z-index: 2; }

.service-free-footer .footerForm .input { float: left; height: 32px; background-color: #FFF; border-radius: 3px; position: relative; margin-left: 10px; margin-top: 5px; }

.service-free-footer .footerForm .input input[type="text"] { width: 140px; padding: 0 5px; height: 32px; line-height: 32px; font-size: 12px; color: #5D5548; border-radius: 0; outline: none; -webkit-appearance: none; border: none; background: none; }

.service-free-footer .footerForm .bottomSelect { width: 140px; padding: 0 5px; height: 32px; line-height: 32px; font-size: 12px; color: #5D5548; border-radius: 0; border: none; box-sizing: content-box; background: url(../images/temp/icon3.png) 95% center no-repeat; }

.service-free-footer .footerForm input[type="submit"] { display: block; float: left; width: 88px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; font-weight: bold; color: #FFF; border-radius: 5px; -webkit-appearance: none; border: none; background: #C1181F; cursor: pointer; margin-left: 10px; margin-top: 5px; -webkit-transition: 0.2s ease all; transition: 0.2s ease all; }

.service-free-footer .footerForm input[type="submit"]:hover { background: #d81b23; }

.service-free-floatbox { position: fixed; top: 50%; right: 0; z-index: 999; margin-top: -158px; }

.service-free-floatbox.hidden { display: none; }

.service-free-floatbox li { width: 79px; height: 74px; margin-bottom: 3px; background-color: #FBFBFB; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; border-left: 1px solid #EAEAEA; border-top-left-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; }

.service-free-floatbox li img { width: 79px; height: 74px; }

.map-index-con { padding-top: 55px; padding-bottom: 80px; background: url(../images/service_map_bg_2.jpg) center bottom no-repeat; background-size: cover; min-width: 1200px; position: relative; }

.map-index-intro { position: absolute; width: 304px; height: 139px; background: url(../images/title_bg.png) center no-repeat; font-size: 14px; line-height: 25px; color: #707070; box-sizing: border-box; padding: 34px 45px 0 42px; top: 113px; left: 50%; margin-left: 245px; z-index: 19; }


.map-index-big-map { margin: 0 auto; }

.map-box { position: relative; width: 640px; height: 490px; background: url(../images/map_bg_2.png) center no-repeat; }

.map-box > * { display: block; position: absolute; z-index: 1; background-position: center center; background-repeat: no-repeat; cursor: pointer; }

.map-box .ah { width: 52px; height: 63px; top: 239px; left: 408px; }

.map-box .ah:hover, .map-box .ah.on { background-image: url(../images/maps/ah.gif); }

.map-box .bj { width: 17px; height: 18px; top: 166px; left: 407px; }

.map-box .bj:hover, .map-box .bj.on { background-image: url(../images/maps/bj.gif); }

.map-box .chq { width: 51px; height: 47px; top: 275px; left: 310px; }

.map-box .chq:hover, .map-box .chq.on { background-image: url(../images/maps/chq.gif); }

.map-box .gd { width: 81px; height: 63px; top: 352px; left: 363px; }

.map-box .gd:hover, .map-box .gd.on { background-image: url(../images/maps/gd.gif); }

.map-box .gs { width: 148px; height: 123px; top: 148px; left: 199px; }

.map-box .gs:hover, .map-box .gs.on { background-image: url(../images/maps/gs.gif); }

.map-box .gx { width: 80px; height: 59px; top: 344px; left: 305px; }

.map-box .gx:hover, .map-box .gx.on { background-image: url(../images/maps/gx.gif); }

.map-box .gz { width: 62px; height: 52px; top: 312px; left: 295px; }

.map-box .gz:hover, .map-box .gz.on { background-image: url(../images/maps/gz.gif); }

.map-box .hainan { width: 25px; height: 21px; top: 415px; left: 348px; }

.map-box .hainan:hover, .map-box .hainan.on { background-image: url(../images/maps/hainan.gif); }

.map-box .hb { width: 82px; height: 49px; top: 261px; left: 344px; }

.map-box .hb:hover, .map-box .hb.on { background-image: url(../images/maps/hb.gif); }

.map-box .heb { width: 58px; height: 81px; top: 146px; left: 388px; }

.map-box .heb:hover, .map-box .heb.on { background-image: url(../images/maps/heb.gif); }

.map-box .fj { width: 47px; height: 59px; top: 313px; left: 425px; }

.map-box .fj:hover, .map-box .fj.on { background-image: url(../images/maps/fj.gif); }

.map-box .hen { width: 62px; height: 56px; top: 223px; left: 362px; }

.map-box .hen:hover, .map-box .hen.on { background-image: url(../images/maps/hen.gif); }

.map-box .hlj { width: 116px; height: 106px; top: 13px; left: 431px; }

.map-box .hlj:hover, .map-box .hlj.on { background-image: url(../images/maps/hlj.gif); }

.map-box .hun { width: 56px; height: 65px; top: 298px; left: 350px; }

.map-box .hun:hover, .map-box .hun.on { background-image: url(../images/maps/hun.gif); }

.map-box .jl { width: 88px; height: 59px; top: 96px; left: 447px; }

.map-box .jl:hover, .map-box .jl.on { background-image: url(../images/maps/jl.gif); }

.map-box .js { width: 56px; height: 50px; top: 232px; left: 420px; }

.map-box .js:hover, .map-box .js.on { background-image: url(../images/maps/js.gif); }

.map-box .jx { width: 51px; height: 67px; top: 297px; left: 399px; }

.map-box .jx:hover, .map-box .jx.on { background-image: url(../images/maps/jx.gif); }

.map-box .ln { width: 61px; height: 53px; top: 129px; left: 434px; }

.map-box .ln:hover, .map-box .ln.on { background-image: url(../images/maps/ln.gif); }

.map-box .nmg { width: 226px; height: 196px; top: 17px; left: 245px; }

.map-box .nmg:hover, .map-box .nmg.on { background-image: url(../images/maps/nmg.gif); }

.map-box .nx { width: 34px; height: 47px; top: 192px; left: 301px; }

.map-box .nx:hover, .map-box .nx.on { background-image: url(../images/maps/nx.gif); }

.map-box .qh { width: 132px; height: 96px; top: 184px; left: 158px; }

.map-box .qh:hover, .map-box .qh.on { background-image: url(../images/maps/qh.gif); }

.map-box .sc { width: 111px; height: 96px; top: 250px; left: 233px; }

.map-box .sc:hover, .map-box .sc.on { background-image: url(../images/maps/sc.gif); }

.map-box .sd { width: 69px; height: 45px; top: 198px; left: 407px; }

.map-box .sd:hover, .map-box .sd.on { background-image: url(../images/maps/sd.gif); }

.map-box .shx { width: 55px; height: 93px; top: 188px; left: 314px; }

.map-box .shx:hover, .map-box .shx.on { background-image: url(../images/maps/shx.gif); }

.map-box .sx { width: 37px; height: 73px; top: 173px; left: 361px; }

.map-box .sx:hover, .map-box .sx.on { background-image: url(../images/maps/sx.gif); }

.map-box .tj { width: 15px; height: 20px; top: 175px; left: 427px; }

.map-box .tj:hover, .map-box .tj.on { background-image: url(../images/maps/tj.gif); }

.map-box .tw { width: 17px; height: 40px; top: 347px; left: 473px; }

.map-box .tw:hover, .map-box .tw.on { background-image: url(../images/maps/tw.gif); }

.map-box .xj { width: 208px; height: 156px; top: 63px; left: 25px; }

.map-box .xj:hover, .map-box .xj.on { background-image: url(../images/maps/xj.gif); }

.map-box .xz { width: 200px; height: 124px; top: 207px; left: 48px; }

.map-box .xz:hover, .map-box .xz.on { background-image: url(../images/maps/xz.gif); }

.map-box .yn { width: 92px; height: 92px; top: 313px; left: 229px; }

.map-box .yn:hover, .map-box .yn.on { background-image: url(../images/maps/yn.gif); }

.map-box .zj { width: 40px; height: 50px; top: 275px; left: 444px; }

.map-box .zj:hover, .map-box .zj.on { background-image: url(../images/maps/zj.gif); }

.map-box .sh { width: 50px; height: 30px; top: 259px; left: 480px; }

.map-index-title { overflow: hidden; box-sizing: border-box; padding: 0 15px; }

.map-index-title-word { float: left; width: 510px; box-sizing: border-box; padding-right: 60px; }

.map-index-title-word .cn { font-size: 26px; color: #010101; margin-bottom: 10px; }

.map-index-title-word .en { margin-bottom: 10px; font-size: 36px; color: #272727; text-transform: uppercase; }

.map-index-title-word .p { font-size: 12px; color: #707070; line-height: 23px; }

.map-index-select { float: right; width: 540px; margin-top: 50px; box-sizing: border-box; padding-left: 58px; border-left: 1px solid #D8D7D7; }

.map-select-box { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 15px; }

.map-select-wp { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; margin-right: 5px; border: 1px solid #105691; }

.map-select-wp select { display: block; width: 100%; background-color: #FFF; height: 34px; line-height: 34px; border: none; font-size: 12px; color: #4F4F4F; box-sizing: border-box; padding: 0 10px; }

.map-input-wp { -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; border: 1px solid #105691; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.map-input-wp input[type="text"] { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 34px; line-height: 34px; border: none; background: #FFF; box-sizing: border-box; color: #4F4F4F; padding: 0 10px; -webkit-appearance: none; }

.map-input-submit { width: 48px; height: 34px; position: relative; background-color: #105691; text-align: center; line-height: 34px; color: #FFF; font-size: 16px; }

.map-input-submit:after { content: '\e608'; }

.map-input-submit input[type="submit"] { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: none; border: none; cursor: pointer; -webkit-appearance: none; }

.map-select-word { font-size: 11px; color: #B4B4B4; line-height: 1.3; width: 260px; }

.map-index-list { padding-top: 70px; width: 1128px; margin: 0 auto; }

.map-index-list-box { float: left; background-color: #F4F4F4; width: 320px; margin: 0 23px; height: 380px; overflow: hidden; }

.map-index-list-word { box-sizing: border-box; padding: 35px; }

.map-index-list-title { padding-left: 18px; background: url(../images/nav_left.png) 4px 7px no-repeat; font-size: 21px; font-weight: bold; color: #161616; padding-bottom: 24px; border-bottom: 1px solid #DBDBDB; }

.map-index-list-p { font-size: 12px; color: #7E7E7E; line-height: 20px; padding: 20px 10px; height: 200px; overflow: hidden; }

.map-index-list-phone { display: block; background-color: #11487B; padding: 0 8px; height: 30px; line-height: 30px; color: #FFF; width: 208px; font-size: 16px; }

.map-index-list-phone:before { content: '\e61e'; margin-right: 5px; }

.map-index-list-link { display: block; }

.map-index-list-link .img { width: 100%; height: 233px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.map-link-info { padding: 30px; }

.map-link-title { padding-left: 18px; background: url(../images/nav_left.png) 4px 7px no-repeat; font-size: 21px; color: #161616; padding-bottom: 10px; }

.map-link-p { font-size: 12px; line-height: 20px; height: 40px; color: #7C7C7C; overflow: hidden; }

.map-info-con { padding-top: 30px 0 75px; background-color: #FFF; overflow: hidden; }

.map-intro { position: relative; background-color: #F5F5F5; padding-top: 30px; padding-bottom: 105px; overflow: hidden; }

.map-intro-word { position: relative; float: left; width: 430px; padding: 90px 0 25px 5px; }

.map-intro-word .cn { font-size: 28px; color: #010101; line-height: 38px; margin-bottom: 5px; }

.map-intro-word .en { font-size: 36px; color: #272727; line-height: 40px; text-transform: uppercase; margin-bottom: 15px; }

.map-intro-word .p { font-size: 12px; color: #929292; line-height: 21px; }

.map-intro-word .line { width: 50px; position: absolute; height: 2px; background-color: #FFF; overflow: hidden; left: 5px; bottom: 0; }

.map-intro-word .line:before { position: absolute; left: 0; top: 0; height: 2px; background-color: #014A8F; content: ''; width: 60%; display: block; }

.map-intro-word .line:after { position: absolute; right: 0; top: 0; height: 2px; background-color: #E60012; content: ''; width: 30%; display: block; }

.map-intro-area { float: right; }

.map-info-select { padding-top: 35px; }

.map-info-select .map-select-wp select, .map-info-select .map-input-wp input[type="text"], .map-info-select .map-input-submit { height: 44px; line-height: 44px; }

.map-area-con { box-sizing: border-box; margin-top: -68px; position: relative; z-index: 2; background-color: #FFF; padding: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #F5F5F5; }

.map-area-province { font-size: 22px; color: #272727; line-height: 30px; padding-right: 25px; }

.map-area-province:before { content: '\e609'; margin-right: 7px; }

.map-area-city { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-left: 1px solid #E0E0E0; padding-left: 27px; }

.map-area-city a { display: inline-block; vertical-align: top; height: 23px; border: 1px solid #E5E5E5; padding: 0 12px; background: #F9F9F9; margin: 0 11px 11px 0; font-size: 13px; color: #272727; cursor: pointer; line-height: 23px; border-radius: 2px; -webkit-transition: 0.2s ease all; transition: 0.2s ease all; }

.map-area-city a:hover, .map-area-city a.on { border-color: #434343; background: #434343; color: #FEFEFE; }

.map-area-list { padding-top: 45px; padding-bottom: 75px; }

.map-area-list li { position: relative; float: left; width: 535px; margin-bottom: 35px; }

.map-area-list li:nth-child(2n+1) { margin-right: 15px; }

.map-area-list li:nth-child(2n) { margin-left: 15px; }

.map-area-list li a { display: block; background-color: #F5F5F5; padding: 35px 40px 35px 60px; position: relative; z-index: 2; }

.map-area-list li a:hover .line { width: 100%; }

.map-area-list li a:hover + .shadow { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }

.map-area-list li a:hover .look-map { display: block; }

.map-area-list li .info { margin-right: 80px; }

.map-area-list li .t { font-size: 18px; color: #000; margin-bottom: 15px; line-height: 30px; height: 30px; overflow: hidden; }

.map-area-list li .address { font-size: 12px; color: #6A6A6A; height: 24px; line-height: 24px; overflow: hidden; }

.map-area-list li .phone { font-size: 15px; color: #6A6A6A; height: auto; width: 100%; margin-top: 0; border: none; height: 24px; line-height: 24px; overflow: hidden; }

.map-area-list li .line { position: absolute; width: 0; height: 2px; left: 0; bottom: 0; z-index: 4; background-color: #5888C6; overflow: hidden; -webkit-transition: width .2s ease; transition: width .2s ease; }

.map-area-list li .line:after { position: absolute; display: block; content: ""; width: 30.35714%; height: 100%; right: 0; bottom: 0; background-color: #DC4F55; }

.map-area-list li .shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background-position: center bottom; background-repeat: no-repeat; background-image: url(../images/shadow.png); background-size: 100% auto; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; z-index: 1; opacity: .8; }

.map-area-list li .look-map { display: none; position: absolute; width: 60px; height: 80px; border: 1px solid #707070; text-align: center; padding-top: 10px; top: 35px; right: 40px; box-sizing: border-box; }

.map-area-list li .look-map p { font-size: 13px; color: #535353; line-height: 18px; padding: 0 15px; margin-bottom: 5px; }

.map-area-list li .look-map i { display: block; width: 100%; font-style: normal; font-size: 13px; font-family: 'Arial'; color: #C9C9C9; }

.position-select-con { background: #F5F5F5 url(../images/recrutment_bg.png) center; padding: 50px 0 60px; }

.position-select-word { float: left; }

.position-select-word .word-big { font-size: 24px; color: #1C1C1C; padding-left: 15px; background: url("../images/serives_tab.jpg") left center no-repeat; line-height: 40px; }

.position-select-word .word-small { font-size: 13px; color: #8B8B8B; line-height: 28px; }

.position-select-form { float: right; }

.position-select-form form > * { float: left; display: block; margin-left: 15px; }

.position-select-form select { background-color: #FFF; border: 1px solid #ECE6E6; border-radius: 0; font-size: 12px; color: #868686; height: 50px; line-height: 48px; box-sizing: border-box; width: 220px; padding: 0 15px; }

.position-select-form input[type="text"] { background-color: #FFF; border: 1px solid #ECE6E6; border-radius: 0; font-size: 12px; color: #868686; height: 50px; line-height: 48px; box-sizing: border-box; width: 220px; padding: 0 15px; -webkit-appearance: none; }

.position-select-form input[type="submit"] { width: 108px; height: 50px; line-height: 50px; font-size: 15px; font-weight: bold; color: #FFF; background-color: #014A8F; cursor: pointer; border: none; border-radius: 0; -webkit-appearance: none; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; }

.position-select-form input[type="submit"]:hover { background-color: #0157a8; }

.recrutment-main { padding-top: 30px; padding-bottom: 70px; background: #FFF url(../images/dot.png) center 25px no-repeat; }

.recrutment-result { padding-top: 20px; font-size: 13px; color: #787878; margin-bottom: 18px; }

.recrutment-table-con { position: relative; margin-bottom: 30px; }

.recrutment-table-con:before { position: absolute; width: 100%; height: 1px; content: ''; background-color: #5888C6; top: 0; left: 0; z-index: 2; display: block; }

.recrutment-table-con:after { position: absolute; width: 16.66667%; height: 1px; content: ''; background-color: #DC4F55; top: 0; right: 0; z-index: 3; display: block; }

.recrutment-table { display: table; width: 100%; position: relative; z-index: 1; border-top: 1px solid #FFF; border-bottom: 1px solid transparent; -webkit-transition: border, box-shadow .5s ease; transition: border, box-shadow .5s ease; box-sizing: border-box; cursor: pointer; }

.recrutment-table.bge { background-color: #EEE; }

.recrutment-table:nth-child(2n+1) .form-trow { background-color: #F0F0F0; }

.recrutment-table:hover { border-color: #E0E0E0; z-index: 3; box-shadow: 0 0 20px #D9D9D9; }

.recrutment-table:first-child:hover { border-top-color: #FFF; border-bottom-color: transparent; box-shadow: none; z-index: 1; }

.recrutment-table .form-th { display: table-row; background-color: #EEE; height: 60px; position: relative; z-index: 1; }

.recrutment-table .form-th .form-tc { font-size: 13px; font-weight: bold; color: #585858; }

.recrutment-table .form-trow { display: table-row; height: 80px; background-color: #F5F5F5; }

.recrutment-table .form-trow .form-tc { font-size: 13px; color: #494949; }

.recrutment-table .form-tc { display: table-cell; width: 25%; text-align: center; vertical-align: middle; }

.recrutment-table .form-name-icon:before { content: "\e7e9"; margin-right: 5px; }

.recrutment-table .form-area-icon:before { content: "\e62f"; margin-right: 5px; }

.recrutment-table .form-time-icon:before { content: "\e662"; margin-right: 5px; }

.recrutment-table .form-handle-btn-table { width: 100%; text-align: center; }

.recrutment-table .form-handle-btn-tc { display: table-cell; vertical-align: middle; width: 60px; height: 46px; text-align: center; cursor: pointer; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; }

.recrutment-table .form-handle-btn-tc b { display: inline-block; width: 100%; font-size: 13px; font-weight: normal; color: #535353; line-height: 18px; -webkit-transition: color .4s ease; transition: color .4s ease; }

.recrutment-table .form-handle-btn-tc i { display: inline-block; width: 72px !important; font-style: normal; color: rgba(120, 120, 120, 0.4); font-size: 12px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); line-height: 20px; -webkit-transition: color .4s ease; transition: color .4s ease; }

/*.recrutment-table .form-handle-btn-tc:hover { background-color: #434343; }

.recrutment-table .form-handle-btn-tc:hover b { color: #FFF; }

.recrutment-table .form-handle-btn-tc:hover i { color: rgba(255, 255, 255, 0.4); }*/

.recrutment-goback { margin-bottom: 30px; text-align: right; }

.recrutment-goback a { display: inline-block; vertical-align: top; width: 70px; height: 24px; border: 1px solid #959595; text-align: center; line-height: 24px; color: #161616; font-size: 12px; -webkit-transition: all .2s ease; transition: all .2s ease; }

.recrutment-goback a:before { content: "\e660"; margin-right: 3px; }

.recrutment-goback a:hover { background-color: #959595; color: #FFF; }

.recrutment-detail { padding: 50px 70px; background-color: #F4F4F4; }

.recrutment-top { position: relative; padding-bottom: 45px; border-bottom: 1px solid #DFDFDF; }

.recrutment-top-title { font-size: 22px; color: #161616; margin-bottom: 15px; }

.recrutment-top-tips span { line-height: 22px; display: inline-block; vertical-align: top; position: relative; padding: 0 20px 0 15px; font-size: 12px; color: #494949; }

.recrutment-top-tips span:first-child { padding-left: 0; }

.recrutment-top-tips span:after { position: absolute; display: block; width: 1px; height: 10px; right: 0; top: 50%; margin-top: -50px; content: ""; }

.recrutment-top-tips span:before { margin-right: 5px; }

.recrutment-top-tips .recrutment-top-num:before { content: "\e7e9"; }

.recrutment-top-tips .recrutment-top-area:before { content: "\e62f"; }

.recrutment-top-tips .recrutment-top-time:before { content: "\e662"; }

.recrutment-top-btn-table { position: absolute; width: 85px; height: 50px; top: 10px; right: 0; overflow: hidden; }

.recrutment-top-btn-tc { display: table-cell; vertical-align: middle; width: 60px; height: 46px; border: 1px solid #707070; border-bottom-color: #F4F4F4; text-align: center; cursor: pointer; -webkit-transition: background-color .4s ease; transition: background-color .4s ease; position: relative; }

.recrutment-top-btn-tc:before { content: ''; position: absolute; display: block; width: 80%; height: 2px; left: -1px; bottom: -1px; background-color: #0157A8; }

.recrutment-top-btn-tc:after { content: ''; position: absolute; display: block; width: 15%; height: 2px; bottom: -1px; right: -1px; background-color: #e50004; }

.recrutment-top-btn-tc b { display: inline-block; width: 100%; font-size: 13px; font-weight: normal; color: #535353; line-height: 18px; -webkit-transition: color .4s ease; transition: color .4s ease; }

.recrutment-top-btn-tc i { display: inline-block; width: 100%; font-style: normal; color: rgba(120, 120, 120, 0.4); font-size: 12px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); line-height: 20px; -webkit-transition: color .4s ease; transition: color .4s ease; }

.recrutment-top-btn-tc:hover { background-color: #434343; }

.recrutment-top-btn-tc:hover b { color: #FFF; }

.recrutment-top-btn-tc:hover i { color: rgba(255, 255, 255, 0.4); }

.recrutment-article { padding: 30px 0; font-size: 14px; line-height: 35px; color: #808080; }

.dialog-apply-con { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 999; visibility: hidden; }

.dialog-apply-box { position: absolute; width: 650px; height: 764px; top: 50%; left: 50%; margin: -382px 0 0 -325px; background: #F4F4F4 url(../images/recrutment_bg.png) center repeat; box-sizing: border-box; padding: 20px; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease; }

.dialog-apply-box.anim { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.dialog-apply-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url("../images/ta_big.png") right bottom no-repeat; z-index: 1; }

.dialog-apply-form { border: 1px solid #626262; position: relative; width: 100%; height: 724px; box-sizing: border-box; z-index: 2; }

.dialog-apply-close { position: absolute; width: 55px; height: 55px; text-align: center; line-height: 55px; top: 0; right: 0; color: #9E9E9E; font-size: 25px; cursor: pointer; -webkit-transition: all .2s ease; transition: all .2s ease; }

.dialog-apply-close:hover { background-color: #014A8F; color: #FFF; }

.dialog-apply-title { padding: 30px 0; text-align: center; }

.dialog-apply-title .big { font-size: 24px; line-height: 38px; color: #1C1C1C; }

.dialog-apply-title .big span { display: inline-block; vertical-align: top; padding-left: 15px; background: url("../images/serives_tab.jpg") left center no-repeat; }

.dialog-apply-title .small { font-size: 12px; color: #8B8B8B; line-height: 24px; }

.dialog-apply-input, .dialog-apply-textarea { width: 380px; margin: 0 auto 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #ECE6E6; background-color: #FFF; }

.dialog-apply-input input[type="text"], .dialog-apply-input select, .dialog-apply-textarea input[type="text"], .dialog-apply-textarea select { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block; border: none; background: none; box-sizing: border-box; padding: 0 10px; font-size: 12px; color: #868686; -webkit-appearance: none; height: 48px; line-height: 48px; }

.dialog-apply-input select, .dialog-apply-textarea select { -webkit-appearance: menulist; }

.dialog-apply-input textarea, .dialog-apply-textarea textarea { padding: 0 17px; font-size: 12px; line-height: 24px; color: #868686; border: none; background: none; width: 100%; box-sizing: border-box; height: 72px; resize: none; -webkit-appearance: none; display: block; }

.dialog-apply-textarea { display: block; }

.dialog-apply-input-word { padding-left: 17px; font-size: 12px; color: #868686; height: 48px; line-height: 48px; }

.dialog-apply-input-word-long { width: 100%; padding-top: 14px; line-height: 22px; height: 22px; padding-left: 17px; color: #868686; font-size: 12px; }

.dialog-apply-checkbox { width: 380px; margin: 0 auto 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.dialog-apply-checkbox label { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.dialog-apply-checkbox label:first-child { margin-right: 6px; }

.dialog-apply-checkbox label:last-child { margin-left: 6px; }

.dialog-apply-checkbox label input[type="radio"] { display: none; }

.dialog-apply-checkbox label input[type="radio"] ~ span { display: block; width: 100%; height: 50px; text-align: center; font-size: 13px; border: 1px solid #ECE6E6; background-color: #FFF; background-repeat: no-repeat; background-position: 90% center; line-height: 48px; cursor: pointer; }

.dialog-apply-checkbox label input[type="radio"]:checked ~ span { background-image: url("../images/icon_check.png"); border-color: #979797; }

.dialog-apply-file { width: 380px; margin: 0 auto 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.dialog-apply-file .dialog-apply-input-word { padding-left: 0; }

.dialog-apply-file-box { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; height: 48px; overflow: hidden; }

.dialog-apply-file-box input[type="file"] { display: none; }

.dialog-apply-file-btn { float: left; height: 46px; line-height: 46px; width: 103px; text-align: center; font-size: 12px; color: #1C1C1C; border: 1px solid #D0D0D0; border-radius: 2px; background: #F0F0F0; background: -webkit-linear-gradient(top, #F1F1F1, #E2E2E2); background: linear-gradient(to bottom, #F1F1F1, #E2E2E2); cursor: pointer; }

.dialog-apply-file-result { line-height: 48px; margin-left: 110px; font-size: 12px; color: #868686; }

.dialog-apply-btn { padding-top: 15px; width: 380px; margin: 0 auto; }

.dialog-apply-btn input[type="submit"] { display: block; width: 100%; height: 48px; line-height: 48px; border: none; background: #014A8F; text-align: center; font-size: 16px; font-weight: bold; color: #FFF; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; cursor: pointer; -webkit-appearance: none; border-radius: 0; }

.dialog-apply-btn input[type="submit"]:hover { background: #0157a8; }

.join-main { padding-top: 35px; background-color: #FFF; overflow: hidden; }

.join-main.bgf2 { background-color: #F2F4F8; }

.join-brand-article { padding-top: 60px; }

.join-brand-article-top { text-align: center; line-height: 1.8; margin-bottom: 30px; }

.join-brand-article-top .big { font-size: 40px; color: #242424; line-height: 50px; margin-bottom: 10px; }

.join-brand-article-top .big span { color: #093260; }

.join-brand-article-top .small { font-size: 20px; color: #626262; }

.join-brand-article-top .en { font-size: 11px; line-height: 18px; color: #ABABAB; }

.join-brand-article-top .en-xl { font-size: 14px; }

.join-brand-article-con { font-size: 14px; line-height: 30px; color: #666; overflow: hidden; }

.join-brand-article-con img { max-width: 100%; }

.join-brand-article-con p { margin-bottom: 15px; }

.join-brand-article-con ul li { list-style-type: disc; }

.join-brand-article-con ol li { list-style-type: decimal; }

.join-brand-list-con { border-top: 4px solid #F6F6F6; padding-top: 70px; padding-bottom: 20px; }

.join-brand-list { overflow: hidden; }

.join-brand-list li { box-sizing: border-box; border: 1px solid #E8E8E8; margin-bottom: 30px; background-color: #F7F7F7; padding: 25px 30px; }

.join-brand-list li img { float: left; display: block; width: 260px; height: 170px; }

.join-brand-list li .info { margin-left: 300px; margin-right: 50px; }

.join-brand-list li h3 { margin-bottom: 15px; padding-top: 15px; font-size: 24px; color: #141414; line-height: 30px; height: 30px; overflow: hidden; }

.join-brand-list li .p { font-size: 14px; line-height: 24px; height: 48px; color: #6D6D6D; overflow: hidden; }

.join-condition-box { margin-bottom: 25px; }

.join-condition-box h6 { font-size: 22px; line-height: 45px; margin-bottom: 15px; color: #093260; }

.join-condition-block li { list-style-type: none !important; float: left; width: 180px; margin-right: 25px; margin-bottom: 25px; box-sizing: border-box; padding: 25px; }

.join-condition-block li:nth-child(5n+5) { margin-right: 0; }

.join-condition-block li .num { font-family: 'Arial'; font-size: 38px; font-style: italic; line-height: 42px; color: #F2F8F8; }

.join-condition-block li .num-en { font-family: 'Arial'; font-size: 12px; color: #C2C2C2; line-height: 18px; }

.join-condition-block li .p { padding-top: 20px; font-size: 14px; color: #F2F8F8; line-height: 25px; height: 125px; overflow: hidden; }

.join-condition-table { width: 100%; border: 1px solid #F0F0F0; background-color: #FFF; box-sizing: border-box; }

.join-condition-table th, .join-condition-table td { height: 58px; text-align: center; vertical-align: middle; }

.join-condition-table tr:nth-child(2n+1) th, .join-condition-table tr:nth-child(2n+1) td { background-color: #F9F9F9; }

.process-bg { background: #F2F4F8 url(../images/process_bg.jpg) center bottom no-repeat; min-height: 960px; }

.process-list { padding-top: 35px; }

.process-list li { float: left; width: 485px; box-sizing: border-box; border: 1px solid #DBE1E5; margin-bottom: 28px; padding: 25px 35px; background-color: rgba(255, 255, 255, 0.9); list-style-type: none !important; }

.process-list li:nth-child(2n) { margin-left: 15px; }

.process-list li:nth-child(2n+1) { margin-right: 15px; }

.process-list .num-box { float: left; width: 75px; border-right: 1px solid #ECEDED; }

.process-list .num-big { font-family: 'Arial'; font-size: 36px; color: #141414; }

.process-list .num-en { font-family: 'Arial'; font-size: 12px; color: #C2C2C2; }

.process-list .info { margin-left: 110px; }

.process-list .info h6 { font-size: 22px; color: #141414; line-height: 30px; height: 30px; overflow: hidden; }

.process-list .tips { font-size: 12px; color: #6D6D6D; line-height: 24px; height: 24px; overflow: hidden; }

.area-con { padding-top: 40px; padding-bottom: 75px; }

.area-box { border-bottom: 1px solid #F2F4F8; box-sizing: border-box; padding: 25px 50px; background-color: #FFF; overflow: hidden; }

.area-box:last-child { border-bottom: none; }

.area-contact { float: right; width: 270px; }

.area-contact-block { float: right; margin-left: 15px; display: table; width: 118px; height: 130px; border: 1px solid #EAEAEA; background-color: #F4F4F4; text-align: center; vertical-align: middle; }

.area-contact-block .font-big { font-size: 18px; color: #1C1C1C; margin-bottom: 8px; }

.area-contact-block .font-small { font-size: 14px; color: #5D5D5D; }

.area-contact-block-cell { display: table-cell; width: 100%; height: 130px; text-align: center; vertical-align: middle; }

.area-address { margin-right: 430px; }

.area-address dl { margin-bottom: 20px; overflow: hidden; }

.area-address dt { float: left; width: 85px; font-size: 18px; color: #1C1C1C; }

.area-address dd { margin-left: 85px; font-size: 12px; line-height: 24px; color: #666; }

.join-form-con { padding: 75px 0; }

.join-form-box { padding: 60px 0; background: #FFF url(../images/ta_big.png) right bottom no-repeat; box-shadow: 0 5px 5px #B2B2B2; }

.join-form-title { margin-bottom: 45px; text-align: center; }

.join-form-title span { display: inline-block; vertical-align: top; font-size: 28px; height: 30px; line-height: 30px; color: #1C1C1C; padding-left: 15px; background: url(../images/nav_left.png) left center no-repeat; }

.join-form-col { margin: 0 auto 25px; width: 708px; }

.join-form-col p{color: #868686;text-align: center;font-size: 14px;}

.join-form-cell { float: left; width: 50%; box-sizing: border-box; }

.join-form-cell:nth-child(2n+1) { padding-right: 12px; }

.join-form-cell:nth-child(2n) { padding-left: 12px; }

.join-form-input-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #C8C8C8; background-color: #FFF; }

.join-form-input-word { padding-left: 15px; font-size: 14px; color: #868686; line-height: 48px; }

.join-form-input-word span { color: red; display: inline-block; vertical-align: top; line-height: 48px; }

.join-form-input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 5px; }

.join-form-input input[type="text"] { display: block; padding: 0; margin: 0; -webkit-appearance: none; border: none; border-radius: 0; width: 100%; height: 48px; font-size: 14px; color: #666; line-height: 48px; }

.join-form-radio-box label { display: block; float: left; width: 50%; box-sizing: border-box; }

.join-form-radio-box label:nth-child(2n+1) { padding-right: 7px; }

.join-form-radio-box label:nth-child(2n) { padding-left: 7px; }

.join-form-radio-box input[type="radio"] { display: none; }

.join-form-radio-box input[type="radio"] + span { display: block; height: 48px; line-height: 48px; text-align: center; font-size: 13px; color: #343434; border: 1px solid #DCDCDC; cursor: pointer; }

.join-form-radio-box input[type="radio"]:checked + span { border-color: #979797; background: url(../images/icon_check.png) 90% center no-repeat; }

.join-form-select-con { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.join-form-select-con .join-form-input-word { padding-left: 0; }

.join-form-select { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 20px; }

.join-form-select select { display: block; float: left; margin-right: 15px; box-sizing: border-box; width: 193px; border: 1px solid #C8C8C8; background: #FFF; border-radius: 0; font-size: 14px; color: #868686; height: 50px; line-height: 48px; padding-left: 15px; }

.join-form-select select:last-child { margin-right: 0; }

.join-form-btn input[type="submit"] { display: block; width: 100%; background: #014A8F; text-align: center; height: 48px; line-height: 48px; cursor: pointer; border: none; -webkit-appearance: none; -webkit-transition: background .2s ease; transition: background .2s ease; color: #FFF; font-size: 15px; font-weight: bold; }

.join-form-btn input[type="submit"]:hover { background: #0157a8; }

.about-index-main { padding: 85px 0 65px; background: #F3F5F7 url("../images/about_map.png") center top no-repeat; }

.about-index-main-title { text-align: center; margin-bottom: 60px; }

.about-index-main-title .cn { font-size: 28px; color: #000; margin-bottom: 15px; }

.about-index-main-title .en { font-size: 34px; text-transform: uppercase; color: #272727; margin-bottom: 15px; }

.about-index-main-title .s { font-size: 12px; color: #8B8B8B; line-height: 20px; }

.about-index-big { float: left; display: block; width: 500px; background-color: #FFF; }

.about-index-big .img { position: relative; width: 100%; height: 250px; background-color: #000; overflow: hidden; }

.about-index-big .img span { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .8s ease; transition: all .8s ease; }

.about-index-big .info { padding: 40px 50px; box-sizing: border-box; height: 260px; }

.about-index-big .en { font-size: 32px; color: #404040; line-height: 40px; height: 40px; text-transform: uppercase; overflow: hidden; }

.about-index-big .cn { font-size: 22px; color: #030303; line-height: 34px; height: 34px; overflow: hidden; margin-bottom: 25px; }

.about-index-big .p { font-size: 12px; line-height: 22px; height: 44px; color: #5C5C5C; overflow: hidden; }

.about-index-big:hover .img span { -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); opacity: .8; }

.about-index-small-box { float: right; width: 690px; }

.about-index-small { display: block; width: 100%; height: 250px; margin-bottom: 10px; background-color: #11487B; }

.about-index-small .img { position: relative; float: right; width: 345px; height: 250px; background-color: #000; overflow: hidden; }

.about-index-small .img span { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .8s ease; transition: all .8s ease; }

.about-index-small .info { margin-right: 345px; padding: 40px 45px; position: relative; box-sizing: border-box; height: 250px; }

.about-index-small .info:after { position: absolute; display: block; content: ""; width: 25px; height: 25px; background: url("../images/arr_circleon.png") center no-repeat; right: 38px; bottom: 33px; }

.about-index-small .en { font-size: 28px; color: #FFF; line-height: 38px; height: 38px; text-transform: uppercase; overflow: hidden; }

.about-index-small .cn { font-size: 22px; color: #FFF; line-height: 36px; height: 36px; overflow: hidden; }

.about-index-small:last-child { background-color: #333; margin-bottom: 0; }

.about-index-small:last-child .img { float: left; }

.about-index-small:last-child .info { margin-left: 345px; margin-right: 0; }

.about-index-small:hover .img span { -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); opacity: .8; }

.brand-main { padding: 35px 0 130px; background: #F1F1F2 url("../images/brand_bg.jpg") center bottom no-repeat; overflow: hidden; }

.brand-intro-main { padding-top:0px; background: url("../images/dot.png") center 17px no-repeat; }

.brand-intro-con { margin-right: 15px; border: 1px solid #AAA; background-color: #FFF; padding: 60px 65px; position: relative; z-index: 2; }

.brand-intro-video { float: left; width: 505px; height: 330px; overflow: hidden; }

.brand-intro-video video { width: 505px; height: 330px; }

.brand-intro-info { margin-left: 560px; }

.brand-intro-info-title { position: relative; padding-bottom: 0px; margin-bottom: 0px; }

.brand-intro-info-title .cn { font-size: 24px; line-height: 42px; height: 42px; color: #101010; overflow: hidden; }

.brand-intro-info-title .en { font-size: 50px; color: #272727; text-transform: uppercase; line-height: 54px; height: 54px; overflow: hidden; }

.brand-intro-info-title .line { left: 0; bottom: 0; width: 50px; position: absolute; height: 2px; background-color: #FFF; overflow: hidden; }

.brand-intro-info-title .line:before { position: absolute; left: 0; top: 0; height: 2px; background-color: #014A8F; content: ''; width: 60%; display: block; }

.brand-intro-info-title .line:after { position: absolute; right: 0; top: 0; height: 2px; background-color: #E60012; content: ''; width: 30%; display: block; }

.brand-intro-info-p { font-size: 14px; color: #5C5C5C; line-height: 26px; height: 182px; overflow: hidden; }

.brand-intro-shadow { position: absolute; z-index: 1; right: 0; bottom: -8px; box-sizing: border-box; width: 1185px; height: 438px; border: 1px solid #535353; background-color: #EEE; }

.about-intro-list { padding-top: 90px; }

.about-intro-list li { float: left; width: 270px; margin: 0 15px; }

.about-intro-list .top { position: relative; padding-bottom: 25px; text-align: center; margin-bottom: 25px; }

.about-intro-list .line { position: absolute; bottom: 0; left: 50%; margin-left: -13px; width: 26px; position: absolute; height: 2px; background-color: #FFF; overflow: hidden; }

.about-intro-list .line:before { position: absolute; left: 0; top: 0; height: 2px; background-color: #014A8F; content: ''; width: 60%; display: block; }

.about-intro-list .line:after { position: absolute; right: 0; top: 0; height: 2px; background-color: #E60012; content: ''; width: 30%; display: block; }

.about-intro-list .num { font-family: 'Arial'; font-size: 30px; letter-spacing: 3px; color: #272727; margin-bottom: 10px; }

.about-intro-list .s { font-size: 14px; color: #2D2D2D; height: 20px; line-height: 20px; overflow: hidden; }

.about-intro-list .tips { font-size: 13px; line-height: 26px; height: 104px; color: #6F6F6F; overflow: hidden; margin-bottom: 30px; }

.about-intro-list .img { width: 100%; }

.about-intro-list .img img { width: 100%; height: 140px; }

.people-con { padding: 115px 0 80px; overflow: hidden; background: #FEFEFE url(../images/dot.png) center 30px no-repeat; }

.people-list-top h2 { font-size: 26px; color: #101010; line-height: 45px; background: url("../images/serives_tab.jpg") left center no-repeat; padding-left: 15px; margin-bottom: 25px; }

.people-list-top .info { font-size: 14px; line-height: 32px; color: #5C5C5C; }

.pepople-list { padding-top: 60px; width: 1224px; margin: 0 auto; }

.pepople-list li { float: left; width: 280px; position: relative; margin: 0 13px 28px; }

.pepople-list a { display: block; position: relative; height: 390px; z-index: 2; background: #F4F4F4 url(../images/recrutment_bg.png) center repeat; -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; box-sizing: border-box; overflow: hidden; }

.pepople-list a:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }

.pepople-list a:hover .line { width: 100%; }

.pepople-list a:hover + .shadow { bottom: -10px; }

.pepople-list .shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background-position: center bottom; background-repeat: no-repeat; background-image: url(../images/shadow.png); background-size: 100% auto; -webkit-transition: bottom .5s ease; transition: bottom .5s ease; z-index: 1; opacity: .8; }

.pepople-list .img { margin: 41px auto 27px; width: 149px; height: 149px; border-radius: 50%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.pepople-list .name { padding: 0 40px; text-align: center; font-size: 18px; color: #000; line-height: 28px; height: 28px; overflow: hidden; }

.pepople-list .post { padding: 0 40px; margin-bottom: 10px; font-size: 12px; line-height: 20px; height: 20px; color: #000; text-align: center; overflow: hidden; }

.pepople-list .intro { position: relative; padding: 15px 40px 0; text-align: center; font-size: 12px; line-height: 20px; height: 40px; color: #7C7C7C; overflow: hidden; }

.pepople-list .intro:before { position: absolute; display: block; content: ""; width: 40px; height: 1px; top: 0; left: 50%; margin-left: -20px; background-color: #5C5C5C; }

.pepople-list .line { position: absolute; width: 0; height: 2px; left: 0; bottom: 0; z-index: 4; background-color: #5888C6; overflow: hidden; -webkit-transition: width .2s ease; transition: width .2s ease; }

.pepople-list .line:after { position: absolute; display: block; content: ""; width: 30.35714%; height: 100%; right: 0; bottom: 0; background-color: #DC4F55; }

.people-info { background-color: #F6F6F6; }

.pepople-info-img { float: left; display: block; width: 600px; height: 838px; }

.people-info-box { margin-left: 670px; margin-right: 75px; padding-top: 65px; }

.people-info-scrollbar { position: relative; height: 660px; overflow: hidden; }

.people-info-scrollbar .scrollbar { float: right; position: relative; }

.people-info-scrollbar .track { position: relative; height: 100%; width: 4px; }

.people-info-scrollbar .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 20px; background-color: #E2E2E2; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.people-info-scrollbar .disable { display: none; }

.people-info-scrollbar .viewport { position: relative; margin-right: 5px; height: 660px; overflow: hidden; }

.people-info-scrollbar .overview { position: absolute; width: 100%; top: 0; left: 0; font-size: 14px; line-height: 28px; color: #6E6E6E; }

.people-info-scrollbar .overview p { margin-bottom: 14px; }

.people-info-scrollbar .overview .p { padding-top: 40px; }

.people-en-name { font-size: 40px; color: #053E72; line-height: 46px; }

.people-cn-name { padding-top: 10px; font-size: 26px; color: #053E72; }

.history-con { background-image: url(../images/historyBg.png); background-position: center top; background-repeat: repeat-x; box-shadow: 0 0 5px #DEDEDC; position: relative; width: 100%; height: 580px; margin-top: 50px; }

.history-slide-con { float: left; width: 25%; height: 580px; position: relative; box-sizing: border-box; padding: 97px 0; }

.history-slide-con .swiper-button-disabled { opacity: 0; }

.history-slide { position: relative; width: 100%; height: 360px; overflow: hidden; }

.history-slide .history-slide-wrapper { position: absolute; top: 0; left: 0; width: 100%; }

.history-slide .history-slide-slide { text-align: center; font-size: 14px; color: #5C5C5C; height: 60px; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 1s ease; transition: all 1s ease; }

.history-slide .history-slide-slide.anim { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }


.history-slide .history-slide-slide span { display: inline-block; vertical-align: top; line-height: 60px; height: 60px; cursor: pointer; font-style: italic; }

.history-slide .history-slide-slide span:before { content: ''; width: 16px; height: 4px; border-top: 1px solid #606060; display: none; margin-right: 8px; }

.history-slide .history-slide-slide span:after { content: ''; width: 16px; height: 4px; border-top: 1px solid #606060; display: none; margin-left: 8px; }

.history-slide .history-slide-slide span:hover { color: #053E72; }

.history-slide .history-slide-slide .p { display: none; }

.history-slide .history-slide-active span { color: #053E72; }

.history-slide .history-slide-active span:before, .history-slide .history-slide-active span:after { display: inline-block; border-color: #053E72; }

.history-slide-prev { position: absolute; width: 100%; height: 44px; left: 0; top: 53px; text-align: center; cursor: pointer; }

.history-slide-prev span { display: inline-block; vertical-align: top; height: 44px; width: 100%; background: url(../images/arrow_history2.png) center no-repeat; }

.history-slide-next { position: absolute; width: 100%; height: 44px; left: 0; bottom: 53px; text-align: center; cursor: pointer; }

.history-slide-next span { display: inline-block; vertical-align: top; height: 44px; width: 100%; background: url(../images/arrow_history2.png) center no-repeat; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.history-slide-img { float: left; width: 50%; }

.history-slide-img .swiper-slide { width: 100%; height: 580px; }

.history-slide-img .img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.history-slide-img .img span { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.history-intro-con { float: left; width: 25%; height: 580px; box-sizing: border-box; border-left: 1px solid #E2E2E2; display: table; vertical-align: middle; z-index: 4; }

.history-intro-tb { display: table-cell; vertical-align: middle; width: 100%; height: 580px; }

.history-intro-title { padding-bottom: 25px; text-align: center; font-size: 50px; font-style: italic; color: #053E72; line-height: 54px; }

.history-intro-detail { font-size: 13px; width: 210px; margin: 0 auto; line-height: 22px; height: 230px; overflow: hidden; color: #6E6E6E; }

.history-intro-title, .history-intro-detail { position: relative; top: 20px; opacity: 0; }

.history-intro-title.anim, .history-intro-detail.anim { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }

.industry-main { background-color: #D8E2E1; background-position: center top; background-repeat: no-repeat; padding: 80px 0 160px; }

.industry-title { text-align: center; margin-bottom: 10px; }

.industry-title p { padding: 10px 0; }

.industry-title .big { font-size: 35px; color: #121212; }

.industry-title img { vertical-align: top; }

.industry-title .en { font-size: 11px; font-family: 'Arial'; color: rgba(47, 47, 47, 0.3); line-height: 1.3; }

.industry-intro-con { box-sizing: border-box; height: 574px; background: url(../images/industry_intro_bg.png) center no-repeat; padding: 104px 65px 0 65px; margin-bottom: 30px; overflow: hidden; }

.industry-video { float: left; width: 496px; height: 321px; border: 4px solid #E2E2E2; }

.industry-video-info { margin-left: 555px; font-size: 14px; line-height: 32px; color: #838383; height: 320px; overflow: hidden; }

.industry-list-con { position: relative; overflow: hidden; }

.industry-list-con .line { position: absolute; width: 8px; top: 4px; bottom: 4px; left: 29px; background: url(../images/line.png) center top repeat-y; z-index: 1; }

.industry-list { position: relative; z-index: 2; }

.industry-list li { margin-bottom: 22px; position: relative; }

.industry-list li:hover .dot { background-image: url(../images/industry_dot_active.png); }

.industry-list li:hover .bg { opacity: 1; }

.industry-list .dot { position: absolute; width: 54px; height: 54px; left: 5px; top: 50%; margin-top: -27px; background: url(../images/industry_dot.png) center no-repeat; }

.industry-list .wrapper { position: relative; margin-left: 96px; width: 1077px; height: 218px; cursor: pointer; }

.industry-list .bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/industry_list_bg.png) center no-repeat; z-index: 4; opacity: .8; }

.industry-list .box { position: relative; z-index: 5; padding: 43px 33px; }

.industry-list .box img { display: block; float: left; width: 210px; height: 128px; }

.industry-list .num { float: right; line-height: 108px; font-style: italic; color: #3E5375; margin-right: 35px; font-size: 50px; }

.industry-list .info { margin-left: 248px; margin-right: 180px; }

.industry-list .info h5 { height: 40px; line-height: 40px; font-size: 22px; color: #414141; overflow: hidden; margin-bottom: 10px; }

.industry-list .p { font-size: 12px; line-height: 20px; color: #949494; height: 60px; overflow: hidden; }

.industry-dialog { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.7); }

.industry-dialog .box { position: absolute; top: 50%; left: 50%; width: 1106px; height: 783px; background: url(../images/industry_dialog_bg.png) center no-repeat; background-size: 100% 100%; margin: -391px 0 0 -553px; box-sizing: border-box; padding: 65px 135px 85px; }

.industry-dialog .close { width: 60px; height: 60px; position: absolute; cursor: pointer; text-align: center; line-height: 60px; color: #244F65; font-size: 30px; font-weight: bold; top: 0; right: 0; }

.industry-dialog .scroll { top: 65px; left: 135px; right: 135px; bottom: 85px; position: absolute; }

.industry-dialog .viewport { position: absolute; left: 0; right: 15px; height: 100%; z-index: 2; overflow: hidden; }

.industry-dialog .overview { position: absolute; top: 0; left: 0; width: 100%; }

.industry-dialog .scrollbar { float: right; width: 6px; position: relative; }

.industry-dialog .track { position: relative; width: 100%; height: 100%; }

.industry-dialog .thumb { position: absolute; top: 0; right: 0; height: 20px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.5); width: 100%; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }

.industry-dialog .disable { display: none; }

.industry-dialog .title { font-size: 26px; text-align: center; color: #0B0B0B; padding-bottom: 25px; position: relative; }

.industry-dialog .title:before { position: absolute; display: block; bottom: 0; left: 50%; width: 186px; height: 1px; margin-left: -93px; content: ''; z-index: 1; background-color: #245D9E; }

.industry-dialog .title:after { position: absolute; display: block; bottom: 0; left: 50%; width: 36px; height: 1px; margin-left: 57px; content: ''; z-index: 2; background-color: #F00; }

.industry-dialog .p { padding-top: 50px; font-size: 14px; line-height: 28px; color: #595959; }

.industry-dialog .p p { margin-bottom: 14px; }

.industry-dialog .p ul li { list-style-type: disc; }

.industry-dialog .p ol li { list-style-type: decimal; }

.industry-dialog .p img { max-width: 100%; }

.toast-title { font-weight: bold; }

.toast-message { -ms-word-wrap: break-word; word-wrap: break-word; font-family: 'sans-serif'; line-height: 26px; }

.toast-message a, .toast-message label { color: #FFF; }

.toast-message a:hover { color: #CCC; text-decoration: none; }

.toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFF; -webkit-text-shadow: 0 1px 0 #FFF; text-shadow: 0 1px 0 #FFF; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); }

.toast-close-button:hover, .toast-close-button:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); }

/*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

.toast-top-center { top: 0; right: 0; width: 100%; }

.toast-bottom-center { bottom: 0; right: 0; width: 100%; }

.toast-top-full-width { top: 0; right: 0; width: 100%; }

.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; }

.toast-top-left { top: 12px; left: 12px; }

.toast-top-right { top: 12px; right: 12px; }

.toast-bottom-right { right: 12px; bottom: 12px; }

.toast-bottom-left { bottom: 12px; left: 12px; }

.toast-center-center { top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#toast-container { position: fixed; z-index: 999999; /*overrides*/ }

#toast-container * { box-sizing: border-box; }

#toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; box-shadow: 0 0 12px #999; color: #FFF; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); }

#toast-container > div:hover { box-shadow: 0 0 12px #000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; }

#toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }

#toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }

#toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div, #toast-container.toast-center-center > div { width: 300px; margin-left: auto; margin-right: auto; }

#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; }

.toast { background-color: #030303; }

.toast-success { background-color: #51A351; }

.toast-error { background-color: #BD362F; }

.toast-info { background-color: #2F96B4; }

.toast-warning { background-color: #F89406; }

.toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); }

/*Responsive Design*/
@media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; }
  #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; }
  #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } }

@media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } }

/*12-21 修改了*/
.recrutment-table .form-handle-btn-table { width: 100%; text-align: center;display: table; }
.recrutment-table .form-handle-btn-tc { display: table-cell; }

.recrutment-table .form-handle-btn-tc a{ display: inline-block; vertical-align: middle; width: 60px; height: 46px; border: 1px solid #707070; text-align: center; cursor: pointer; -webkit-transition: background-color .4s ease; transition: background-color .4s ease;     box-sizing: border-box;
    padding-top: 5px;}

.recrutment-table .form-handle-btn-tc b { display: inline-block; width: 100%; font-size: 13px; font-weight: normal; color: #535353; line-height: 18px; -webkit-transition: color .4s ease; transition: color .4s ease; }

.recrutment-table .form-handle-btn-tc i { display: inline-block; width: 100%; font-style: normal; color: rgba(120, 120, 120, 0.4); font-size: 12px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); line-height: 20px; -webkit-transition: color .4s ease; transition: color .4s ease;margin-left: -10px; }

.recrutment-table .form-handle-btn-tc a:hover { background-color: #434343; }


.recrutment-table .form-handle-btn-tc a:hover b { color: #FFF; }

.recrutment-table .form-handle-btn-tc a:hover i { color: rgba(255, 255, 255, 0.4); }


.about-index-small .en{font-size: 16px;}

.about-index-big .en{font-size: 16px;}

.go-back-to { position: fixed; z-index: 99999999; right: 0; top: 80%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: none; }

.go-back-to a { background: #f3f3f3; display: block; width: 67px; border-radius: 8px; padding: 10px 0; text-align: center; color: #727272; font-size: 12px; border: 1px solid rgba(208, 197, 197, 0.69); }

.go-back-to a img { display: block; margin: 0 auto; }