@charset "utf-8";
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;
}
strong,b{font-weight:bold;}
/* HTML5 display-role reset for older browsers */
/*:first-child  filter:alpha(opacity=50);*/
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:0.5s;-webkit-transition: 0.5s;}
ol,li,ul{list-style: none;}
table{border-collapse:collapse;/*border-spacing:0;table-layout:fixed;*/word-wrap:break-word; }
:link, :visited , ins {text-decoration: none;}

.font_arial{font-family: arial;}
body{ font-family: arial;font-size: 14px;color: #444; line-height: 1.6; overflow-x: hidden;} 
a{transition:0.5s;-webkit-transition: 0.5s;color:inherit;}
img{vertical-align: middle;max-width: 100%;}
/* �������ӷ������ƽ̨����͵���ʹ�ã�ƽ̨����ŵ������ȶ��ԣ���ҵ�ͻ���������������з���ʹ�ò����ñ��ݡ� */
@font-face {
  font-family: 'iconfont';  /* Project id 1687827 */
  src: url('//at.alicdn.com/t/c/font_1687827_n7bktp1eg98.woff2?t=1692954236784') format('woff2'),
       url('//at.alicdn.com/t/c/font_1687827_n7bktp1eg98.woff?t=1692954236784') format('woff'),
       url('//at.alicdn.com/t/c/font_1687827_n7bktp1eg98.ttf?t=1692954236784') format('truetype');
}
.fontBold{font-weight: bold;}
.iconfont {font-family:"iconfont";-webkit-text-stroke-width: 0.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:1.5s;-webkit-transition: 1.5s;}
.scaleImg2 img{transform: scale(1.05);-webkit-transform: scale(1.05);}
*{-webkit-tap-highlight-color:rgba(255,0,0,0);}/*ȥ���ֻ���a���ӵ��ʱ����ֵı߿�*/
.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; }
.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;}
.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: 20px;}
.font24{ font-size: 24px;}
.font26{ font-size: 26px;}
.font30{ font-size: 30px;}
.font32{ font-size: 32px;}
.font36{ font-size: 36px;}
.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;}
.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,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: #557375; width: 100%; height: 2px; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.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: 58px;}

.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: 2px solid #557375;}
.headDL dd{float: left;position: relative;}
.headDL dd>a{display: block;padding: 0 14px;text-transform: uppercase;font-weight: bold;line-height: 40px;}
.headDL dd.on>a{color: #557375;}
/*.search{background: #787673;float: right;} 
.search input{line-height: 30px; color: #fff; height: 30px;background: transparent;width: 120px;text-indent: 1em;display: inline-block;}
.search input::-webkit-input-placeholder {color: #a9a9a9;}
.search .btn{display: inline-block;padding: 0 10px;}*/
.displayNone{display: none; position: absolute; width: 200px; left: 50%; margin-left: -100px; top: 100%;background: #ebeef0;color: #555;line-height: 38px;}
.itemLink{border-top: 2px solid #557375;position: relative;}
.itemLink:before{ position: absolute;left: 50%;bottom: 100%;margin-left: -5px;border-width:9px 7px;content: '';border-style: solid;border-color: transparent transparent #557375 transparent;}
.itemLink >p{border-bottom: 1px solid #dcdcdc;}
.itemLink >p>a{display: block;padding: 0 10px;font-size: 13px;}
.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: transparent;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: 50px; margin-top: 25px;margin-bottom: 10px;}
.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: 16px; 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: #557376;}
.headDL dd:hover .displayNone,.lanagues .lg:hover .displayNone{display: block;}

.footer{background: #3f3f3f;padding: 2.5% 0;color: #fff;}
.footer .ft_fl{width: 26%;float: left;}
.footer .ft_fl .lg img{height: 60px;}
.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: 50%;margin-right: 2%;}
.ft_ct .two{width: 46%;}
.ft_ct .tit{padding-bottom: 10px;border-bottom: 1px solid #c2c0bc;}
.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%;padding-top: 2%;}
.website a{display: inline-block;border: 1px dashed #a5a5a5;border-radius: 5px;margin: 10px 1%;box-sizing: border-box;max-width: 31%;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: #303030;border-bottom: 3px solid #557375;color: #eee;}
.shareBtn{ text-align: center;display: flex;justify-content: center;}
.shareBtn a{display: flex;justify-content: center;align-items: center;line-height: 48px;width: 48px;background: #557376;color: #fff;border-radius: 5px;margin: 0 2%; margin-bottom: 2%; font-size: 28px;background: linear-gradient(to bottom,#6c9197,#253535);}
.shareBtn a span {width: 28px;height: 28px;background-image: url(../images/tiktok.png);background-size: cover;background-repeat: no-repeat;display: block;}
.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 #eee; 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 #eee;line-height: 40px;}
.leftFixed .hovers{position: absolute;right: 100%;top: 0;padding-right: 10px;display: none;}
.leftFixed .hovers .jts{position: relative;background: #557376; 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 #557376;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;}
	
	.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 (min-width:1160px ) and (max-width:1400px ) {
    .headDL dd>a{font-size: 12px;padding: 0 5px;}
}
@media only screen and (max-width:1200px ) {
	.font20{ font-size: 18px;}
	.font24{ font-size: 20px;}
	.font26{ font-size: 21px;}
	.font30{ font-size: 22px;}
	.font32{ font-size: 26px;}
	.font36{ font-size: 28px;}
	.font40{ font-size: 30px;}
	.font48{ font-size: 34px;}
	.font56{ font-size: 40px;}
	.font60{ font-size: 40px;}
}
@media only screen and (min-width:1160px ) {
	.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: #557376;color: #fff;}
	.shareBtn a:hover{background: #000;color: #557375;}
	a:hover{color: #48a7b0;}
	.website a:hover{border-color:#48a7b0;}
	
}

@media only screen and (max-width:1160px ) {
	.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: 60px;}
	.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 #557375;padding: 0;}
	.headDL dd:nth-last-child(1){border-bottom: 0;}
	.displayNone{display: block;position: static; line-height: 1.5; padding: 0 0 6px 0;overflow: hidden;background: transparent;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 (max-width:1160px ) {
	.font32{ font-size: 22px;}
	.font36{ font-size: 26px;}
	.font40{ font-size: 28px;}
	.font48{ font-size: 32px;}
	.font56{ font-size: 36px;}
	.font60{ font-size: 36px;}
}
@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: 17px;}
	.font20{ font-size: 18px;}
	.font24{ font-size: 19px;}
	.font26{ font-size: 20px;}
	.font32{ font-size: 21px;}
	.font36{ font-size: 22px;}
	.font40{ font-size: 24px;}
	.font48{ font-size: 26px;}
	.font56{ font-size: 30px;}
	.font60{ font-size: 30px;}
	.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%;}
}
@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: 20px;}
	.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;}
}












































