@charset "utf-8";
/* 
 * Project Name:鍥戒负鑽笟
 * Author:娴呮祬
 * Date锛?014-09-4
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 'Microsoft YaHei','Microsoft JhengHei','SimHei',"Times New Roman", Times, serif; color: #8d8d8d; background-size: cover; background-position: center top; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
select{outline: none;}
select::-ms-expand { display: none; }
::-moz-selection { background: #b0b0b0; color: #fff; text-shadow: none; }
::selection { background: #b0b0b0; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; }
a:link, a:visited { text-decoration: none; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-in-out 0s; /* Firefox 4 */ -webkit-transition: all 0.2s ease-in-out 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
a:active, a:hover { text-decoration: none; transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-in-out 0s; /* Firefox 4 */ -webkit-transition: all 0.2s ease-in-out 0s; /* Safari and Chrome */ -o-transition: all 0.2s ease-in-out 0s; /* Opera */ }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; margin: 0 10px;}
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #dedede; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #eba145; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 0%; background: url(../images/alr.gif) no-repeat 0 bottom; }
.bx-wrapper .bx-next { right: 0%; background: url(../images/alr.gif) no-repeat right bottom; }
.bx-wrapper .bx-prev:hover { background-position: 0 top; }
.bx-wrapper .bx-next:hover { background-position: right top; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -15px; outline: 0; width: 31px; height: 31px; text-indent: -9999px; z-index: 999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: center; width: 100%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.inner { width: 75%; margin: 0px auto; }
.tbox { position: relative; }
.logo { position: relative; padding: 30px 0px; text-align: center; overflow: hidden;}
.logo .txt{ position: absolute; left: 0; top: 0; visibility: hidden;}
#headbox { position: relative; z-index: 100; background-color: #fff; width: 100%; }
#headbox .inner { z-index: 100; }
.oaLink { float: left; display: block; }
.oaLink a { display: block; padding: 8px 0px 8px 20px; width: 164px; height: 20px; font: 14px/20px "microsoft yahei"; color: #fff; background-color: #a6d5ff; text-align: left; position: relative; }
.oaLink a .ico { background: url(../images/i.png) no-repeat; width: 26px; height: 27px; position: absolute; right: 12px; top: 5px; transition: 300ms; -moz-transition: 300ms; /* Firefox 4 */ -webkit-transition: 300ms; /* Safari and Chrome */ -o-transition: 300ms; /* Opera */ }
.oaLink a:active, .oaLink a:hover { background-color: #0054a4; color: #fff; }
.oaLink a:active .ico, .oaLink a:hover .ico { right: 17px; transition: 300ms; -moz-transition: 300ms; /* Firefox 4 */ -webkit-transition: 300ms; /* Safari and Chrome */ -o-transition: 300ms; /* Opera */ }
.serachbox { border: 1px solid #0753a5; height: 34px; padding: 0px 0px 0px 12px; width: 202px; float: right; display: block; }
.serach-txt, .serach-btn { float: left; display: block; border: 0px none; background: transparent; overflow: hidden; margin: 0px; padding: 0px; height: 34px; font: 12px/34px 'Microsoft YaHei','Microsoft JhengHei','SimHei',"Times New Roman", Times, serif; color: #565656; }
.serach-txt { width: 162px; margin-right: 5px; }
.serach-btn { width: 35px; background: url(../images/add_i.gif) no-repeat scroll center center #fff; }
.nav { margin: 0px auto; width: 688px; height: 52px; }
.nav>ul{ display: flex; justify-content: center;}
.nav a:link, .nav a:visited { color: #124394; }
.nav a:active, .nav a:hover { color: #565656; }
.nav a.active { color: #6ec3ee; }
.nav li { display: block; float: left; height: 52px; }
.nav li a { padding: 8px 12px; display: block; line-height: 20px; font-size: 13px; }
.nav .subnav { position: absolute; width: 100%; left: 0px; top: 52px; text-align: center; display: none; background: url(../images/subbg.png) repeat; }
.nav .subnav a:link, .nav .subnav a:visited { color: #5aabf9; }
.nav .subnav a:active, .nav .subnav a:hover { color: #fff; }
.nav .subnav a { display: inline-block; padding: 9px 22px; }
.nav .subnav a:hover { background-color: #aacbfd; }
.sidecar-open { display: block; width: 40px; height: 40px; overflow: hidden; background-color: #0255a3; padding: 0px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ position: fixed; right: 5%; top: 19px; z-index: 10005; display: none; }
.sidecar-open span { background: url(../images/n_ico2.gif) no-repeat scroll center center; display: inline-block; height: 40px; width: 40px; }
.sidecar-close span { background: url(../images/n_ico3.png) no-repeat scroll center center; }
#gwnavbox { position: fixed; left: 0px; top: 0px; z-index: 1800; width: 100%; height: 100%; background-color: #fff; display: none; }
.gwnav a:link, .gwnav a:visited { color: #124394; }
.gwnav a:active, .gwnav a:hover, .gwnav a.cur { color: #6fb9e2; }
.gwnav { text-align: center; position: absolute; left: 0px; top: 88px; width: 100%; }
.gwnav li a { font: 14px/44px 'Microsoft YaHei','Microsoft JhengHei','SimHei',"Times New Roman", Times, serif; }
.gwnav .subminnav { display: none; }
.gwnav .subminnav p { border-bottom: 1px solid #e9e9e9; }
.gwnav .subminnav a:link, .gwnav .subminnav a:visited { color: #b9bbba; }
.gwnav .subminnav a:active, .gwnav .subminnav a:hover { color: #a1a2a2; }
.gwnav li .subminnav a { font: 14px/40px 'Microsoft YaHei','Microsoft JhengHei','SimHei',"Times New Roman", Times, serif; }
#gwnavbox.push { display: block; }
.wbox { padding: 60px 0px 55px; display: flex;justify-content: center;}
.foot { background-color: #124394; color: #fff; width: 100%; }
.foot a:link, .foot a:visited { color: #fff; }
.foot a:active, .foot a:hover { color: #fff; text-decoration: underline; }
.foot .inner { padding: 20px 0px; background-color: #124394; }
.foot .f14 { font-family: "times new roman"; }
.f14 { font-size: 14px; }
.teli { background: url(../images/ti1.gif) no-repeat scroll left center; padding: 2px 0px 2px 26px; font: 14px/1.8 arial; }
.email { background: url(../images/ti2.gif) no-repeat scroll left center; padding: 4px 0px 4px 26px; font: 12px/1.8 arial; }
.gwmenu { background: url(../images/subbg.png) repeat; width: 100%; position: absolute; left: 0px; top: 52px; text-align: center; }
.gwmenu a:link, .gwmenu a:visited { color: #5aabf9; }
.gwmenu a:active, .gwmenu a:hover { color: #fff; }
.gwmenu a { display: inline-block; padding: 9px 22px; }
.gwmenu a:hover { background-color: #aacbfd; }
.gwfixed { position: fixed; top: 0px; }
.pbanner { position: relative; overflow: hidden; width: 100%; background-position: center top; background-size: cover; overflow: hidden; }
.pbanner img.vt{ width: 100%; height: 100%; display: block; object-fit: cover;}
.pbannerfont { position: absolute; left: 12%; color: #fff; top: 50%; top: 50%; transform: translateY(-50%); }
.container { padding: 95px 0px 0px 10%; overflow: hidden; width: 90%; }
.sidebar { width: 17%; float: left; display: inline-block; }
.sidebar a:link, .sidebar a:visited { color: #0054a4; }
.sidebar a:active, .sidebar a:hover { color: #0054a4; }
.sidebar li { padding-bottom: 8px; }
.sidebar a { display: block; padding: 9px; width: 150px; font: 16px/1.2 "microsoft yahei"; }
.sidebar a:hover, .sidebar a:active, .sidebar a.active { background-color: #f0f0f0; }
.gwbody { width: 83%; display: block; float: left; display: inline-block; }
.gwbanner { position: relative; overflow: hidden; width: 100%; display: block; }
.gwbanner img { width: 100%; display: block; }
.pagecon { padding: 32px 14% 32px 6%; color: #3e7db9; font: 14px/1.8 "microsoft yahei"; background-color: #f6f6f6; overflow: hidden; text-align: justify; }
.pagecon img{ max-width: 100% !important; height: auto !important;}
.pagecon a:link, .pagecon a:visited { color: #124394; }
.pagecon a:active, .pagecon a:hover { color: #565656; }
.backTop { display: none; width: 53px; height: 53px; background: url(../images/upico.png) no-repeat; background-size: cover; position: fixed; _ position:absolute; right: 0px; bottom: 10px; z-index: 1020; }
/*base style end*/
/*index style*/
#banner { width: 100%; margin: 0px auto; overflow: hidden; position: relative; }
.banneritem img.iimg { display: block; width: 100%; }
.banneritem .inner { position: absolute; left: 10%; top: 50%; margin: -175px 0px 0px 0px; color: #fff; line-height: 1.5; height: 350px; display: table; vertical-align: middle; }
.bannerc { vertical-align: middle; display: table-cell; }
.bannerc .t1 { font: 54px/1.2 arial,serif, sans-serif; width: 60%; }
.bannerc .c1 { font: 25px/1.5 "microsoft yahei"; padding: 2% 0px 4%; }
.bannerc .t2 { font: 88px/1.1 arial,serif, sans-serif; }
.bannerc .c2 { font: 21px/1.5 "microsoft yahei"; padding: 1% 0px 2%; color: #b5d6fc; }
#banner .bx-wrapper .bx-pager { padding: 0px; height: 22px; line-height: 22px; left: 0px; }
#banner .bx-wrapper .bx-pager, #banner .bx-wrapper .bx-controls-auto { bottom: 30px; z-index: 100; }
#banner .bx-wrapper .bx-pager.bx-default-pager a { height: 22px; width: 22px; line-height: 22px; background: url(../images/num2.png) no-repeat; _ background: url(../images/num2.gif) no-repeat; }
#banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: url(../images/num1.png) no-repeat; _ background: url(../images/num1.gif) no-repeat; }
#banner .bx-wrapper .bx-next, #banner .bx-wrapper .bx-prev { background: url(../images/banner_lr.png) no-repeat; width: 48px; height: 48px; overflow: hidden; margin-top: -24px; }
#banner .bx-wrapper .bx-prev { background-position: 0px 0px; left: -48px; background-color: rgba(0, 0, 0, 0.5); *background-color: #000; }
#banner .bx-wrapper .bx-next { background-position: -48px 0px; right: -48px; background-color: rgba(0, 0, 0, 0.5); *background-color: #000; }
#banner .bx-wrapper .bx-prev:hover, #banner .bx-wrapper .bx-next:hover { background-color: rgba(24, 56, 131, 0.5); *background-color: #183883; }
#newibox { padding: 64px 0px 56px; }
#newibox dt.t { float: left; display: block; width: 22%; color: #124394; }
#newibox dt.t .en { font: 33px/1.2 "microsoft yahei"; text-transform: uppercase; display: block; }
#newibox dt.t .zh { font: 18px/1.2 "microsoft yahei"; }
#newibox dd.c { float: left; width: 69%; }
#newibox .newlist { padding-bottom: 20px; }
.newlist a:link, .newlist a:visited { color: #124394; }
.newlist a:active, .newlist a:hover { color: #565656; }
.newlist li { border-bottom: 1px solid #e9e9e9; font-size: 14px; padding: 0px 0px 14px; margin: 0px 0px 14px; }
.newlist li .time { float: left; display: block; width: 20%; color: #898989; font-size: 14px; }
a.seemore { display: block; width: 100%; height: 30px; text-align: center; color: #0054a4; font: 12px/30px arial; text-transform: uppercase; background-color: #efefef; color: #0054a4; }
a.seemore:hover, a.seemore:active { background-color: #a6d5ff; color: #fff; }
.gwiabout { background-color: #12469a; width: 100%; position: relative; overflow: hidden; height: 560px; color: #fff; cursor: pointer; }
.gwiabout .img { position: absolute; right: 0px; top: 0px; }
.gwiabout .inner { position: relative; z-index: 2; height: 100%; vertical-align: middle; display: table; }
.gwiabout .iboxc { width: 100%; height: 100%; vertical-align: middle; display: table-cell; }
.gwiabout .iboxc .t { width: 400px; }
.gwiabout .iboxc .en { text-transform: uppercase; font: 36px/1.2 arial; letter-spacing: 0.1em; }
.gwiabout .iboxc .gw { font: 60px/1.1 arial; }
.gwiabout .iboxc .zh { font: 18px/1.4 "microsoft yahei"; }
.gwiabout .iboxc .c { font-size: 14px; padding: 4% 0px 0px; width: 400px; line-height: 2; text-align: justify; height: 140px; overflow: hidden; margin-bottom: 18px; }
.gwiproduct { background-color: #f7f8f8; color: #0054a4; height: 582px; width: 100%; position: relative; overflow: hidden; }
.gwiproduct .img { padding: 20px 5%; display: block; position: absolute; left: 0px; top: 0px; }
.gwiproduct .inner { position: relative; z-index: 2; height: 100%; display: block; }
.gwiproduct .iboxc { width: 350px; position: absolute; right: 0px; top: 50%; height: 320px; margin-top: -160px; }
.gwiproduct .iboxc .t { color: #0054a4; }
.gwiproduct .iboxc .en { font: 40px/1.1 arial; }
.gwiproduct .iboxc .en b { font-weight: bold; padding-right: 5px; }
.gwiproduct .iboxc .zh { font: 18px/1.4 "microsoft yahei"; }
.gwiproduct .iboxc .c { font-size: 14px; padding: 4% 0px 0px; width: 100%; line-height: 2; text-align: justify; height: auto; overflow: hidden; margin-bottom: 18px; }
.gwiproduct .iboxc .tel { font-size: 14px; line-height: 2; margin-bottom: 18px; }
/*index style end*/
/*news style*/
.newdl { color: #124394; }
.newdl dt { height: 48px; line-height: 48px; overflow: hidden; border-bottom: 1px solid #e1e1e1; cursor: pointer; }
.newdl dt .l { width: 175px; color: #898989; }
.newdl dd { padding: 15px 0px 0px 175px; height: 80px; overflow: hidden; position: relative; border-bottom: 1px solid #e1e1e1; display: none; }
.redmore { float: right; display: block; }
.redmore span { color: #c0c0c0; font: 10px/1.8 arial; text-transform: uppercase; padding: 0px 26px 0px 12px; background: url(../images/more1.gif) no-repeat scroll right center #f6f6f6; display: inline-block; height: 22px; line-height: 22px; }
.redmore:hover span { background: url(../images/more2.gif) no-repeat scroll right center #f6f6f6; color: #124394; }
.pt20 { padding-top: 20px; }
.nDt { font: bold 20px/1.2 "microsoft yahei"; padding: 20px 0px 40px; color: #004ea2; text-align: center; }
.nDt .time { font: 12px/1.8 "microsoft yahei"; color: #727171; float: right; display: block; }
.nDc { padding-bottom: 40px; }
.pagecon .nDp { font-size: 12px; }
.pagecon .nDp a:link, .pagecon .nDp a:visited { color: #727171; }
.pagecon .nDp a:active, .pagecon .nDp a:hover { color: #565656; }
/*news style end*/
/*product style*/
.productbox { position: relative; width: 100%; display: block; }
.productbox a { display: block; }
.productbox img.vt { width: 100%; display: block; }
.productbox .png { background: url(../images/blackbg.png) repeat; width: 80%; height: 100%; padding: 0% 10% 0px; position: absolute; left: 0px; top: 0px; display: none; }
.productbox .txt { position: absolute; width: 80%; height: 80%; overflow: hidden; left: 10%; top: 10%; color: #fff; display: none; }
.bgf0f7ff { background-color: #f0f7ff; }
.product-c { font-size: 12px; }
.product-c a:link, .product-c a:visited { color: #0055a4; }
.product-c a:active, .product-c a:hover { color: #565656; }
.pbt20 { padding: 20px 0px; }
.pagecon a.proico { background: url(../images/down.gif) no-repeat scroll left center; display: inline-block; padding-left: 46px; color: #0055a4; font: 16px/31px "microsoft yahei"; height: 31px; }
/*product style end*/
/*cultural style*/
.culturallist a:link, .culturallist a:visited { color: #004EA2; }
.culturallist a:active, .culturallist a:hover { color: #565656; }
.culturallist { padding: 10px 6% 32px; background-color: #f6f6f6; width: 88%; overflow: hidden; }
.culturallist li { float: left; display: block; width: 32%; margin: 0px 1.3% 15px 0px; cursor: pointer; }
.culturallist li .img { width: 100%; overflow: hidden; }
.culturallist li .img img { width: 100%; display: block; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; transform: scale(1, 1); transition-timing-function: ease-out; transition-duration: 400ms; }
.culturallist li .txt { padding: 10px 0px 0px; height: 40px; font: 12px/1.5 "microsoft yahei"; overflow: hidden; }
.culturallist li:hover .img img { -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 400ms; -moz-transform: scale(1.15, 1.15); -moz-transition-timing-function: ease-out; -moz-transition-duration: 400ms; transform: scale(1.15, 1.15); transition-timing-function: ease-out; transition-duration: 400ms; }
/*cultural style end*/
/*hr style*/
.hrpage-c { padding: 10px 6% 32px; width: 88%; color: #3e7db9; font: 14px/1.8 "microsoft yahei"; background-color: #f6f6f6; overflow: hidden; text-align: justify; }
.hrpage-c a:link, .hrpage-c a:visited { color: #124394; }
.hrpage-c a:active, .hrpage-c a:hover { color: #565656; }
.hrpage-c a.seemore { color: #0054a4; }
.hrpage-c a.seemore:hover, .hrpage-c a.seemore:active { background-color: #a6d5ff; color: #fff; }
.hrlc1 { display: block; }
.hrlc2 { display: none; text-align: center; }
.hrlist { width: 660px; }
.hrlist ul { padding-bottom: 30px; }
.hrlist li { height: 48px; line-height: 48px; border-bottom: 1px solid #e0e0e0; overflow: hidden; }
.hrlist li .l { color: #898989; width: 180px; }
.developmentpage-c { overflow: hidden; padding-top: 0px; color: #3e7db9; font: 14px/1.8 "microsoft yahei"; background-color: #f6f6f6; overflow: hidden; text-align: justify; }
.developmentpage-c a:link, .developmentpage-c a:visited { color: #124394; }
.developmentpage-c a:active, .developmentpage-c a:hover { color: #565656; }
.developmentpage-c ul { margin-top: -1px; }
.developmentpage-c li { border-top: 1px solid #e1e1e1; }
.developmentpage-c li .img { float: left; display: block; width: 277px; height: 192px; overflow: hidden; padding-top: 12px; margin-bottom: 12px; }
.developmentpage-c li .txt { display: block; margin-left: 312px; padding: 12px 0px; }
/*hr style end*/
/*contact style*/
.map { width: 100%; height: 408px; }
.bgf6 { background-color: #f6f6f6; }
.bgff { background-color: #fff; }
.contactpagecon { padding-right: 0px; }
.contactpage { width: 100%; }
.contactpage ul li { width: 33.3%; }
.f24 { font-size: 24px; }
.contact-t { color: #015098; line-height: 1.2; padding: 15px 0px 45px; font-size: 18px; }
.contact-t .en { font-family: arial; font-size: 48px; }
.c64 { color: #646464; }
.messform { margin-bottom: 5px; }
.messform .ts { font-size: 12px; color: #646464; }
.messtxt { width: 96%; border: 0px none; background-color: #fff; padding: 7px 2%; color: #646464; font-size: 14px; font-family: "microsoft yahei"; }
.messse { padding: 7px 0px; width: 100%; }
.messtxt2 { resize: none; height: 124px; padding: 12px 2%;}
.messbtn { color: #fff; background-color: #034d90; border: 0px none; font-family: "microsoft yahei"; width: 111px; height: 27px; line-height: 27px; float: left;cursor: pointer;}
.messbtn:hover{ background-color: #5aabf9;}
.gw37 { width: 37%; padding-right: 2%; }
.gw32 { width: 32%; padding-right: 2%; }
.gw322 { width: 32%; }
.gw27 { width: 27%; }
.gw66 { width: 66%;  padding-right: 2%;}
.messform .ml { float: left; display: block; }
.messform input[type=text]:focus, .messform textarea:focus { background-color: #dedede; }
/*contact style end*/
/*applicationForm style*/
#applicationPage{ padding: 32px 0px 50px; color: #3e7db9; font: 14px/1.8 "microsoft yahei"; background-color: #f6f6f6; overflow: hidden; text-align: justify; }
#applicationPage a:link, #applicationPage a:visited { color: #124394; }
#applicationPage a:active, #applicationPage a:hover { color: #565656; }
#applicationPage .t{ text-align: center; font: 24px/1.5 "microsoft yahei"; color: #0054a4; border-bottom: 1px solid #c0c0c0; padding-bottom: 20px; margin-bottom: 30px;}
.red{ color: #cc0000; padding-right: 5px;}
.messbtn2{ color: #fff; background-color: #0054a4; border: 0px none; font-family: "microsoft yahei"; width: 108px; height: 36px; line-height: 36px; margin-right: 15px; float: left;cursor: pointer;}
.messbtn2:hover{ background-color: #5aabf9;}
.application-b20{ margin-bottom: 20px;}
select.selbox { width: 96%; border: 0px none; padding: 7px 2%; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor: pointer; display: block;  margin:0px;  background: none #fff; }
select.selbox option { padding: 2px 15px; }
select.selbox:hover { color: #333; }
/*applicationForm style end*/
.pageC{ color: #666; padding: 20px 14% 20px 6%;}
.add-title{ font-size: 15px; margin-bottom: 15px; color: #356fb8;}
.add-hr-list a:link, .add-hr-list a:visited { color: #666; }
.add-hr-list a:active, .add-hr-list a:hover { color: #356fb8; }
.add-hr-list li{ float: left; display: block; width: 23%; margin-right: 2%;}
.add-hr-list .title{ font-weight: bold; color: #333;}
.add-hr-list li p{ margin-bottom: 15px; line-height: 1.5;}
.add-tabbox{ overflow-x: auto;}
.add-tabbox img{ width: 825px !important; max-width: 825px !important;}
.add-tabbox table{ width: 825px !important; max-width: 825px !important;}
.add-tabbox table tr td{ border: 1px solid #ccc; text-align: center; padding:5px;}

.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.md-content{background-color:#fff; margin:50px auto; position:relative; transform:translateX(100px); -webkit-transform:translateX(100px); opacity:0; visibility: hidden; -webkit-transition:all .3s linear; transition:all .3s linear;}
.md-show, .md-show body { overflow-y: hidden;}
.md-show .md-content{ transform:inherit; -webkit-transform:inherit; opacity:1; visibility: visible;}
.md-hide .md-content{ transform:translateX(-100px); -webkit-transform:translateX(-100px);}
.md-show .md-modal{ opacity:1;visibility:visible; }
.md-modal{ position:fixed; left:0; top:0; overflow-y:auto; overflow-x: hidden; right:0px; bottom:0; z-index:2100; opacity:0; background: url(../images/blackbg.png) repeat; background: none rgba(0, 0, 0, 0.7); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -webkit-overflow-scrolling:touch;}
.form-box-close { width: 44px;height: 44px; line-height: 44px; position: absolute; right: -54px; top: 0;cursor: pointer;  transition: 300ms; -webkit-transition: 300ms;}
.form-box-close i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 44px; background: url(../images/close1.png) no-repeat scroll center center; transition: 300ms; -webkit-transition: 300ms;}
.form-box-close:hover { background-color: #124394;}
.form-box-close:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.tousuPage{ position: relative; width: 660px; background-color: #fff; margin: 0px auto; color: #666;}
.tousuPage a:link, .tousuPage a:visited { color: #124394; }
.tousuPage a:active, .tousuPage a:hover { color: #333; }
.tousuPage table{ width: 100%;}
.tousuPage tr td{ border: 1px solid #dedede; padding: 12px 5%; font-size: 16px; line-height: 1.5;}
.tousuPage .t{ font-size: 24px; color: #124394; text-align: center; padding: 10px 0;}

.pagew{
    width: 100%;
}
.pagew img{
    max-width: 100% !important;
    height: auto !important;
}
.com-tit {
    text-align: center;
}
.com-tit * {
    line-height: 1.1;
}
.com-tit h4{
    font-size: 34px;
    color: #0054A4;
    margin-bottom: 11px;
}
.com-tit p {
    font-size: 24px;
    color: #3E7DB9;
    text-transform: uppercase;
}

.sub-tit h3{
    font-size: 30px;
    color: #0054A4;
}
.sub-tit .des *{
    font-size: 18px;
    color: #666666;
}
.talent {
    margin-top: 110px;
}

.talent-wrap .img img{
    display: block;
    width: 100%;
}
.talent1 .inner {
    margin-top: 119px;
}

.talent1 .inner,
.talent2 .inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.talent1 {
    margin-bottom: 161px;
}
.talent1  .img {
    width: 68.3%;
}
.talent2 {
    padding: 96px 0 147px;
    background-color: #F6F6F6;
}
.talent2  .img {
    width: 62.8%;
}
.talent2 .sub-tit * {
    text-align: right;
}

.talent3 {
    padding: 123px 0 153px;
}
.talent3 .img {
    width: 93.5%;
    margin-top: 110px;
}

.salary {
    padding: 100px 0 148px;
    background-color: #F6F6F6;
}
.wage-item {
    background-color: #fff;
}
.wage-item *{
    color: #0054A4;
    line-height: 1;
}
.wage-item .wage-t {
    display: flex;
    align-items: center;
    margin-bottom: 55px;
}
.wage-item .wage-t span {
    font-size: 26px;
    margin-left: 25px;
}
.wage-item .wage-b {
    display: flex;
    justify-content: space-between;
}

.wage-item .itemT {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 27px;
}

.wage-item .itemB {
    font-size: 18px;
}
.wage-item .itemB:not(:last-of-type) {
    margin-bottom: 20px;
}
.wage1 {
    padding: 55px 18.2% 52px 4.7%;
    margin: 60px 0 33px;
}
.salary .wageB {
    display: flex;
    justify-content: space-between;
}

.salary .wageB .wage-item{
    width: 31.9%;
    height: 376px;
    background-color: #fff;
    padding: 70px 6.3% 0 5.4%;
    box-sizing: border-box;
}

.hj {
    padding: 100px 0;
}
.hj .des {
    width: 62%;
    font-size: 26px;
    color: #666666;
    line-height: 1.7;
    text-align: center;
    margin: 47px auto 62px;
}
.hj .hj-wrap {
    display: flex;
    justify-content: space-between;
}
.hj .hj-t {
    margin-bottom: 13px;
}
.hj .hj-item {
    position: relative;
    overflow: hidden;
}
.hj .hj-item .img img {
    width: 100%;
    display: block;
    transition: all .5s ease;
}

.hj .hj-item .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 84 164 / 75%);
}
.hj .hj-item p {
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.hj .hj-t .hj-item:nth-of-type(1){
    width: 46.6%;
}
.hj .hj-t .hj-item:nth-of-type(2),
.hj .hj-t .hj-item:nth-of-type(3){
    width: 25.7%;
}

.hj .hj-B .hj-item {
    width: 32.6%;
}
.hj .hj-item:hover img{
    transform: scale(1.04);
}
.GetJob {
    padding-top: 100px;
    background-color: #F6F6F6;
}

.GetJob .com-tit p {
    font-size: 26px;
    color: #666666;
}
.job-items {
    display: flex;
    justify-content: space-between;
    padding: 80px 0 70px;
}
.job-item {
    position: relative;
    display: block;
    width: 32.4%;
    height: 240px;
    background-color: #fff;
    border: 1px solid #DDDDDD;
}
.job-item img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    object-fit: contain;
    max-width: 70%;
    max-height: 70%;
}

.xcx-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.xcx-items .txt *{
    font-size: 22px;
    color: #666666;
}

.xcx-items .xcSrc {
    position: relative;
    width: 318px;
}
.xcx-items .xcx {
    position: absolute;
    left: 50%;
    top: 56%;
    transform: translate(-50%,-50%);
}
.xcx-items .xcSrc .phone {
    width: 100%;
    display: block;
    object-fit: contain;
}
.xcx-items .xcx .pic {
    width: 190px;
    height: 190px;
    margin-bottom: 28px;
}
.xcx-items .xcx .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
}
.xcx-items .xcx p {
    font-size: 16px;
    text-align: center;
    color: #0054A4;
}

.xcx-items .txt a {
    color: #0054A4;
}