html, body, div, span, p, blockquote, h1, h2, h3, h4, h5, h6, a, em, img, ins, kbd, q, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
:focus {
outline: 0
}
input, button, textarea, select, optgroup, option {
resize: none;
font: inherit;
margin: 0;
padding: 0
}
input[type=text], input[type=button], input[type=submit], input[type=reset], button, textarea, select {
outline: none;
-webkit-appearance: none;
border-radius: 0;
border: 0
}
input[type=button], input[type=submit] {
line-height: 30px;
border: none;
background: #ccc;
cursor: pointer;
transition: .5s;
-webkit-transition: .5s
}
ol, li, ul {
list-style: none
}
table {
border-collapse: collapse;
word-wrap: break-word
}
:link, :visited, ins {
text-decoration: none
}
.font_arial {
font-family: arial
}
body {
font-family: hn_pro_text;
font-size: 16px;
color: #555;
line-height: 1.5;
overflow-x: hidden
}
a {
transition: all .5s;
-webkit-transition: all .5s;
color: inherit
}
img {
vertical-align: middle;
max-width: 100%
}
@font-face {
font-family: iconfont;
src: url(../other/font_1687827_3mt7h1df25q.eot);
src: url(../other/font_1687827_3mt7h1df25q.eot) format('embedded-opentype'), url(../other/font_1687827_3mt7h1df25q.woff2) format('woff2'), url(../other/font_1687827_3mt7h1df25q.woff) format('woff'), url(../other/font_1687827_3mt7h1df25q.ttf) format('truetype'), url(../other/font_1687827_3mt7h1df25q.svg) format('svg')
}
@font-face {
font-family: hn_pro;
src: url(../other/AAAAAA==) format('woff2'), url(../other/Y+T9cfL9BFEbI1onyeszxOIskTin82RvpZ+15GwtuRomRyPkZpycTJqfh1nyL0fetXDmKzmdDk6lk7zawJ6L1v8HW8OsgwAAeNpjYGBgZACCq0vUOUD0AbOflTAaAD+lBnoAAA==) format('woff');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: hn_pro_text;
src: url(../other/Hicb7vRSsnZ1JMtEv5qFVudZnaHd5y7HBdMqJun7RZbFdtpmL5ybVIgyZV2BYlc92rOLTLXSlXcVWxDvFgoCc69PlJcafqctm8xfNYObpJmwY=) format('woff2'), url(../other/BkwAAA==) format('woff');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: hn_nev;
src: url(../other/ba57Rxe5yxyEmtRp111DGHdfrkuBO2liiNGn4aQMUdZEdRFYX96LAK9orwgocA5pXLd5Br2KmJ91ogikyXBJTBQmLB3PMDRW4eCUTqEQAA) format('woff2'), url(../other/lH9+iuewAAAABAAAAANWkJwgAAAAAfCafkAAAAAC36Pto) format('woff');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: hn_pro_md;
src: url(../other/sSxWLH65FHkIuhU1RSjf0xL5fHEhaxcWStY87tT7WseAPxZ2qi4vmNZKxdEuTNg0AAA==) format('woff2'), url(../other/g1dZng1AAAAeNpjYGBgZACCq0vUOUD0AbOfqTAaAD7dBlIAAA==) format('woff');
font-weight: 500;
font-style: normal
}
.font_pro_text {
font-family: hn_pro_text
}
.font_pro_md {
font-family: hn_pro_md
}
.font_pro {
font-family: hn_pro
}
.font_nev {
font-family: hn_nev
}
.fontBold {
font-size: .8rem;
font-weight: 700
}
.iconfont {
font-family: iconfont;
-webkit-text-stroke-width: .1px;
font-size: inherit;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.iconTop {
vertical-align: top;
display: inline-block
}
.iconCet {
vertical-align: middle;
display: inline-block
}
.scaleImg, .scaleImg2 {
overflow: hidden;
display: block
}
.scaleImg img, .scaleImg2 img {
width: 100%;
transition: all .5s linear;
-webkit-transition: all .5s linear
}
.scaleImg2 img {
transform: scale(1.05);
-webkit-transform: scale(1.05)
}
* {
-webkit-tap-highlight-color: transparent
}
.clear {
clear: both;
height: 0;
font-size: 0;
overflow: hidden;
line-height: 0
}
.clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden
}
.clearfix:after {
clear: both
}
.clearfix {
zoom: 1
}
.fl, .floatLeft {
float: left
}
.fr, .floatRight {
float: right
}
.position2 {
position: relative;
z-index: 2
}
.position3 {
position: relative;
z-index: 3
}
.position4 {
position: relative;
z-index: 4
}
.singleTxt {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.overHidden {
overflow: hidden
}
.txtCenter {
text-align: center
}
.inlineBlock {
display: inline-block;
*display: inline;
*zoom: 1
}
.blockDiv > img, .blockImg {
display: block;
width: 100%
}
.verTop {
vertical-align: top
}
.verMid {
vertical-align: middle
}
.versub {
vertical-align: sub
}
.flex {
display: -webkit-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap
}
.flexnp {
display: -webkit-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex
}
.flexwp {
flex-wrap: wrap;
-webkit-flex-wrap: wrap
}
.flexct {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center
}
.flexbt {
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-justify-content: space-between
}
.flexjt {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-justify-content: center
}
.flex1 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
min-width: 0
}
.flexres {
flex-direction: row-reverse;
-webkit-flex-direction: row-reverse
}
.flexstart {
align-items: flex-start;
-webkit-align-items: flex-start
}
.rightTxt {
text-align: right
}
.marginTop1 {
margin-top: 1%
}
.marginTop2 {
margin-top: 2%
}
.marginTop3 {
margin-top: 3%
}
.marginTop4 {
margin-top: 4%
}
.marginTop5 {
margin-top: 5%
}
.marginBot1 {
margin-bottom: 1%
}
.marginBot2 {
margin-bottom: 2%
}
.marginBot3 {
margin-bottom: 3%
}
.marginBot4 {
margin-bottom: 4%
}
.marginBot5 {
margin-bottom: 5%
}
.paddingTop5 {
padding-top: 5%
}
.paddingTop4 {
padding-top: 4%
}
.paddingTop3 {
padding-top: 3%
}
.paddingTop2 {
padding-top: 2%
}
.paddingTop1 {
padding-top: 1%
}
.paddingBot5 {
padding-bottom: 5%
}
.paddingBot4 {
padding-bottom: 4%
}
.paddingBot3 {
padding-bottom: 3%
}
.paddingBot2 {
padding-bottom: 2%
}
.paddingBot1 {
padding-bottom: 1%
}
.font12 {
font-size: 12px
}
.font13 {
font-size: 13px
}
.font14 {
font-size: 14px
}
.font15 {
font-size: 15px
}
.font16 {
font-size: 16px
}
.font18 {
font-size: 18px
}
.font20 {
font-size: 15px
}
.font24 {
font-size: 24px
}
.font26 {
font-size: 26px
}
.font30 {
font-size: 30px
}
.font32 {
font-size: 32px
}
.font36 {
font-size: 30px
}
.font40 {
font-size: 40px
}
.font48 {
font-size: 48px
}
.font56 {
font-size: 56px
}
.font60 {
font-size: 60px
}
.color333 {
color: #333
}
.colorfff {
color: #fff
}
.coloraaa {
color: #aaa
}
.color000 {
color: #000
}
.colorbbb {
color: #bbb
}
.colorccc {
color: #ccc
}
.color888 {
color: #888
}
.color555 {
color: #555
}
.color666 {
color: #666
}
.navMenu {
display: none
}
.overflowY {
overflow-y: auto
}
.logos {
position: relative
}
.loadings {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #fff;
z-index: 9999;
display: none\9
}
.loadings .gif {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 50%;
margin-top: -20px
}
.scrollToTop {
background: #333;
border-radius: 50%;
cursor: pointer;
padding: 5px;
text-align: center;
color: #fff;
background: rgba(0, 0, 0, .5);
position: fixed;
right: 2%;
bottom: 2%;
z-index: 50;
display: none
}
.scrollToTop img {
width: 30px;
height: 30px
}
.navMenu {
position: absolute;
display: none;
transition: .5s;
-webkit-transition: .5s;
right: 2.5%;
top: 50%;
margin-top: -10px;
z-index: 41;
width: 24px;
height: 20px
}
.navMenu.on {
transform: rotateX(180deg);
-webkit-transform: rotateX(180deg)
}
.navMenu span {
border-radius: 2px;
position: absolute;
left: 0;
background: #0a3483;
width: 100%;
height: 2px;
display: block;
transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s
}
.navMenu .line1 {
top: 0
}
.navMenu .line2 {
top: 50%;
margin-top: -1px
}
.navMenu .line3 {
bottom: 0
}
.navMenu.on .line1 {
transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
top: 50%;
bottom: auto
}
.navMenu.on .line2 {
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
top: 50%;
bottom: auto
}
.navMenu.on .line3 {
display: none
}
.logo {
display: block;
padding: 15px 0
}
.logo img {
height: 46px
}
.autowidth {
width: 1380px;
margin: auto;
max-width: 95%
}
.headerTop {
border-top: 2px solid #f47c22;
padding-bottom: 2%
}
.headerTop .tops {
line-height: 28px;
font-size: 13px
}
.headerTop .his {
display: block;
background: #f47c22;
color: #fff;
padding: 0 10px;
border-radius: 0 0 5px 5px
}
.headerTop .luange {
margin-left: 20px;
margin-right: 15px
}
.headerTop .nav a {
padding: 0 10px 0 0
}
.headers {
position: relative;
z-index: 25;
border-bottom: 10px solid #0a3483;
background: #fff
}
.headDL {
text-align: center
}
.headDL dd {
position: relative;
display: inline-block;
vertical-align: top
}
.headDL dd > a {
display: block;
font-size: 18px;
padding: 0 20px;
text-transform: uppercase;
font-weight: 700;
line-height: 40px
}
.headDL dd.on > a {
color: #0a3483
}
.displayNone {
display: none;
position: absolute;
text-align: left;
width: 200px;
left: 50%;
margin-left: -100px;
top: 100%;
background: #ebeef0;
color: #555;
line-height: 38px
}
.itemLink {
border-top: 2px solid #0a3483;
position: relative;
font-weight: 700;
}
.itemLink:before {
position: absolute;
left: 50%;
bottom: 100%;
margin-left: -5px;
border-width: 9px 7px;
content: '';
border-style: solid;
border-color: transparent transparent #0a3483 transparent
}
.itemLink > p {
border-bottom: 1px solid #dcdcdc
}
.itemLink > p > a {
display: block;
padding: 0 10px;
font-size: 15px
}
.inputSS {
box-sizing: border-box;
background: #fff;
display: none;
z-index: 8;
border-radius: 50px;
position: absolute;
right: -10px;
top: 0;
background: #fff;
line-height: 38px;
width: 400px;
border: 1px solid #999;
padding: 0 35px
}
.inputSS input {
background: 0 0;
width: 100%;
border: 0
}
.inputSS .sc {
position: absolute;
left: 0;
top: 0;
padding: 0 10px;
font-size: 16px
}
.inputSS .co {
position: absolute;
right: 0;
top: 0;
padding: 0 10px;
font-size: 18px
}
.headerBot {
position: relative;
padding-right: 80px;
margin: 15px 0
}
.lanagues {
position: absolute;
right: 0;
top: 0
}
.lanagues .lg {
display: inline-block;
vertical-align: middle;
cursor: pointer;
position: relative;
z-index: 4
}
.lanagues .lg > .iconfont {
display: inline-block;
font-size: 20px;
position: relative;
z-index: 2;
width: 26px;
text-align: center;
line-height: 40px;
vertical-align: middle
}
.lanagues .lg .displayNone .iconfont {
padding: 0 15px;
display: inline-block;
color: #0a3483
}
.headDL dd:hover .displayNone, .lanagues .lg:hover .displayNone {
display: block
}
.lanagues .lgb {
margin-left: 20px
}
.footer {
background: #d2d2d2;
padding: 2.5% 0;
color: #222;
border-top: 5px solid #0a3483
}
.footer .ft_fl {
width: 26%;
float: left
}
.footer .ft_fl .lg img {
height: 40px
}
.footer .ft_fl .pt {
line-height: 26px;
margin-top: 4px
}
.footer .ft_fl .pt .fl {
margin-right: 10px
}
.footer .ft_ct {
width: 35%;
float: left;
padding: 0 0 0 2%
}
.ft_ct .one {
width: 34%;
margin-right: 3%
}
.ft_ct .two {
width: 61%
}
.ft_ct .tit {
padding-bottom: 10px;
border-bottom: 1px solid #aaa;
font-weight: 700
}
.ft_ct .itemPP {
padding-top: 10px
}
.ft_ct .itemPP > p {
margin-top: 6px;
line-height: 20px
}
.ft_ct .two .itemPP > p {
float: left;
width: 50%
}
.ft_fr {
float: left;
width: 37%
}
.ft_fr .frTit {
padding: 0 0 20px 60px
}
.website a {
display: inline-block;
border: 1px dashed #a5a5a5;
border-radius: 5px;
margin: 15px 2%;
box-sizing: border-box;
max-width: 45%;
word-break: break-word;
vertical-align: top;
line-height: 1.2
}
.website {
font-size: 0;
text-align: center;
padding-bottom: 2%
}
.footCopy {
text-align: center;
padding: 10px 0;
background: #b5b5b5;
color: #222
}
.shareBtn {
text-align: center
}
.shareBtn a {
display: inline-block;
line-height: 48px;
width: 48px;
background: #43065f;
color: #fff;
border-radius: 5px;
margin: 0 2%;
margin-bottom: 2%;
font-size: 28px;
background: linear-gradient(to bottom, #895c9e, #43065f);
background: -webkit-linear-gradient(to bottom, #895c9e, #43065f)
}
.leftFixed {
position: fixed;
right: 0;
top: 0;
bottom: 0;
text-align: center;
z-index: 100;
background: rgba(83, 83, 83, .6);
width: 40px
}
.leftFixed .sixDL {
border-top: 1px solid rgba(255, 255, 255, .5);
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -125px
}
.leftFixed .sixDL dd .wc {
display: block;
font-size: 22px;
color: #333
}
.leftFixed .sixDL dd {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, .5);
line-height: 40px
}
.leftFixed .hovers {
position: absolute;
right: 100%;
top: 0;
padding-right: 10px;
display: none
}
.leftFixed .hovers .jts {
position: relative;
background: #0a3483;
color: #fff;
white-space: nowrap;
padding: 0 10px;
border-radius: 2px
}
.leftFixed .hovers .jts:after {
position: absolute;
left: 100%;
top: 50%;
margin-top: -5px;
border-style: solid;
border-width: 5px;
border-color: transparent transparent transparent #0a3483;
content: ''
}
.leftFixed .hovers .jts i, .leftFixed .hovers .jts span {
display: inline-block;
vertical-align: middle
}
.leftFixed .hovers .jts i {
border: 1px solid #fff;
width: 22px;
line-height: 22px;
border-radius: 50%
}
.scroolTops {
position: absolute;
right: 0;
left: 0;
bottom: 10px;
color: #fff
}
.scroolTops a {
line-height: 40px;
display: block;
font-size: 24px
}
@media only screen and (max-width:1600px) {
.font24 {
font-size: 22px
}
.font26 {
font-size: 23px
}
.headDL dd > a {
font-size: 14px
}
.font30 {
font-size: 26px
}
.font32 {
font-size: 28px
}
.font36 {
font-size: 30px
}
.font40 {
font-size: 34px
}
.font48 {
font-size: 40px
}
.font56 {
font-size: 50px
}
.font60 {
font-size: 50px
}
}
@media only screen and (max-width:1200px) {
.font20 {
font-size: 15px
}
.font24 {
font-size: 16px
}
.font26 {
font-size: 17px
}
.font30 {
font-size: 18px
}
.font32 {
font-size: 19px
}
.font36 {
font-size: 20px
}
.font40 {
font-size: 24px
}
.font48 {
font-size: 26px
}
.font56 {
font-size: 30px
}
.font60 {
font-size: 32px
}
.headDL dd > a {
padding: 0 8px
}
}
@media only screen and (min-width:1060px) {
.autowidth {
max-width: 90%
}
.scaleImg:hover > img {
transform: scale(1.05);
-webkit-transform: scale(1.05)
}
.scaleImg2 img:hover {
transform: scale(1);
-webkit-transform: scale(1)
}
.scrollToTop:hover {
background: #00b4ec;
color: #fff
}
.headerDL dd:hover > a {
color: #095fad
}
.headerDL dd:hover > a:before {
width: 100%
}
.leftFixed .sixDL dd:hover .hovers {
display: block
}
.leftFixed .sixDL dd:hover .wc {
background: #0a3483;
color: #fff
}
.shareBtn a:hover {
background: #0a3483;
color: #fff
}
a:hover {
color: #890cc3
}
.website a:hover {
border-color: #890cc3
}
}
@media only screen and (max-width:1060px) {
.lanagues .lg > .iconfont {
display: none
}
.inputSS .co {
display: none
}
.inputSS .sc {
left: auto;
right: 0
}
.inputSS {
padding-left: 15px
}
a {
transition: 0s;
-webkit-transition: 0s
}
.navMenu {
display: block
}
.scrollToTop {
width: 30px;
line-height: 30px;
border-radius: 50%
}
.headerNav {
display: none;
position: fixed;
left: 0;
right: 0;
top: 50px;
background: #003680;
bottom: 0;
z-index: 15
}
.headers {
position: fixed;
left: 0;
right: 0;
top: 0;
background: #fff;
z-index: 50
}
.headerTop .tops {
line-height: 20px;
height: 20px;
overflow: hidden;
font-size: 12px
}
.headerTop .his {
font-size: 12px
}
.leftFixed {
display: none
}
.logos .fr img {
height: 28px
}
.headerTop {
padding-bottom: 0;
box-shadow: 0 0 8px -5px rgba(0, 0, 0, .5)
}
.logos {
padding: 6px 0
}
.headerTopHeight {
height: 65px
}
.headerTop .luange {
margin: 0 5px
}
.headerBot {
position: fixed;
display: none;
float: none;
margin: 0;
left: 0;
right: 0;
top: 60px;
bottom: 0;
z-index: 50;
padding: 0 15px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background: #ebeef0
}
.lanagues .lg {
display: block
}
.lanagues .lga {
margin-top: 10px
}
.lanagues .lg .displayNone .iconfont {
padding: 0 10px 0 0
}
.itemLink:before {
display: none
}
.inputSS {
display: block;
width: 100%;
right: 0;
position: static
}
.lanagues .lgb > .iconfont {
position: absolute;
right: 0;
top: 0;
width: 40px
}
.lanagues .lga > .iconfont {
float: left;
line-height: 1.5;
padding-right: 5px
}
.lanagues .lga > .displayNone {
overflow: hidden
}
.headDL dd {
float: none;
border-bottom: 1px solid #0a3483;
padding: 0;
display: block;
text-align: left
}
.headDL dd:nth-last-child(1) {
border-bottom: 0
}
.displayNone {
display: block;
position: static;
line-height: 1.5;
padding: 0 0 6px;
overflow: hidden;
background: 0 0;
width: auto;
left: 0;
margin: 0;
border: 0
}
.displayNone .font13 {
display: none
}
.displayNone .autowidth {
max-width: 100%
}
.itemLink {
width: auto;
border: 0;
margin-top: -5px
}
.headDL dd > a {
padding: 0;
line-height: 32px
}
.itemLink > p {
display: inline-block;
vertical-align: top;
border: 0
}
.itemLink > p > a {
padding: 0 10px 0 0
}
.logo img {
height: 30px
}
.lanagues {
position: static
}
}
@media only screen and (min-width:640px) {
::-webkit-scrollbar {
width: 10px;
height: 10px;
z-index: 30;
position: relative
}
::-webkit-scrollbar-thumb {
background: #aaa;
-webkit-box-shadow: inset 0 0 6px #ccc
}
::-webkit-scrollbar-thumb:window-inactive {
background: #aaa
}
.minheightJobs::-webkit-scrollbar {
width: 3px;
height: 5px
}
.minheightJobs::-webkit-scrollbar-thumb {
background: #eee;
opacity: .5
}
}
@media only screen and (max-width:640px) {
.font18 {
font-size: 15px
}
.font20 {
font-size: 16px
}
.font24 {
font-size: 16px
}
.font26 {
font-size: 16px
}
.font32 {
font-size: 17px
}
.font36 {
font-size: 18px
}
.font40 {
font-size: 19px
}
.font48 {
font-size: 20px
}
.font56 {
font-size: 24px
}
.font60 {
font-size: 26px
}
.footer .ft_fl {
float: none;
width: auto
}
.footer .ft_ct {
float: none;
width: auto;
margin: 2% 0
}
.footer .ft_fr {
float: none;
width: auto
}
.ft_fl .lg img {
max-width: 40%
}
.ft_fr .frTit {
padding: 20px 0 0
}
.footer .ft_ct {
padding: 0
}
}
@media only screen and (max-width:480px) {
.font16 {
font-size: 14px
}
.font18 {
font-size: 15px
}
.font20 {
font-size: 16px
}
.font24 {
font-size: 17px
}
.font26 {
font-size: 17px
}
.font32 {
font-size: 18px
}
.font36 {
font-size: 20px
}
.font40 {
font-size: 22px
}
.font48 {
font-size: 23px
}
.font56 {
font-size: 24px
}
.font60 {
font-size: 24px
}
.paddingTop5 {
padding-top: 25px
}
.paddingTop4 {
padding-top: 20px
}
.paddingTop3 {
padding-top: 15px
}
.paddingTop2 {
padding-top: 10px
}
.paddingTop1 {
padding-top: 5px
}
.paddingBot5 {
padding-bottom: 25px
}
.paddingBot4 {
padding-bottom: 20px
}
.paddingBot3 {
padding-bottom: 15px
}
.paddingBot2 {
padding-bottom: 10px
}
.paddingBot1 {
padding-bottom: 5px
}
.marginTop1 {
margin-top: 5px
}
.marginTop2 {
margin-top: 10px
}
.marginTop3 {
margin-top: 15px
}
.marginTop4 {
margin-top: 20px
}
.marginTop5 {
margin-top: 25px
}
.marginBot1 {
margin-bottom: 5px
}
.marginBot2 {
margin-bottom: 10px
}
.marginBot3 {
margin-bottom: 15px
}
.marginBot4 {
margin-bottom: 20px
}
.marginBot5 {
margin-bottom: 25px
}
body {
font-size: 14px
}
.itemLink > p {
line-height: 24px
}
.headerTop .his {
display: none
}
}