@charset "utf-8";
html,body { min-height: 100%;overflow-x: hidden;}
.w1200 { width: 1200px; margin:0 auto;}
table { width: 100%;}
body { font-family: "Arial";overflow-x:hidden;}
img { float: none;}
a,a img {transition:.3s;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
a,input,textarea,select {outline: none;}
.clearfix:after{ display: block; content:""; clear: both;}

.bsBox,.bsBox * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box;}

.whiteSpace{ white-space: nowrap;}

.positionRe{ position: relative;}
.switchBox,.noBlock { display: none;}
.zzz{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.clear { clear: both;}
.notBorder { border: none !important;}
.notBg { background: none !important;}

.txt-l{ text-align: left !important;}.txt-c{text-align: center !important;}.txt-r{ text-align: right !important;}
/*a:hover {opacity: 0.8; filter: alpha(opacity = 80); }*/

.whiteBg { background: #fff;}.grayBg{ background: #ECEDED !important;}.grayBg-1{ background: #EAEAEA !important;}.grayBg-2{ background: #626262 !important;}
.blueBg { background: #004F9C;}

.fz12{ font-size: 12px !important;}.fz14{ font-size: 14px;}.fz15{ font-size: 15px !important;}.fz16{ font-size: 16px !important;}.fz18{ font-size: 18px !important;}.fz20{ font-size: 20px !important;}

.p0{ padding:0 !important}.pt0{ padding-top:0 !important}.pl0{ padding-left:0}.pr0{ padding-right:0}.pb0{ padding-bottom:0 !important; }.pl5{ padding-left:5px !important;}.ptb10 {padding:10px 0 !important;}
.pt50 { padding-top: 50px;}
.mb0 { margin-bottom: 0 !important;}

.shadowBox { box-shadow: 1px 4px 15px #dcdcdc;}
.txtIndent2em { text-indent: 2em;}

.image img { max-width: 100%;}




/*home start*/
.header .logo { margin: 30px 0;}
.header .rightArea{padding-top: 30px;}
.header .rightArea .lagBox{font-size: 0px;}
.header .rightArea .lagBox .t1{display: none;}
.header.isEn .rightArea .lagBox .t1{display: inline-block;}
.header .rightArea .lagBox a{display: inline-block; vertical-align: middle; font-size: 18px; padding: 0 15px;}
.header .rightArea .lagBox i{display: inline-block;  vertical-align: middle;  height: 20px;width: 2px;	background: #C5C2C2;}
.header .search { margin-top: 20px; text-align: right; position: relative;}
.header .search input.txt { width: 200px; height: 30px; border: 1px solid #00A8E6; padding: 0 15px; border-radius: 15px;} 
.header .search .searchBtn { position: absolute; top: 0; right: 0; width: 40px; height: 30px; border: none; background:none; background: url(/pubimages/en/en_search-ico-1.png) no-repeat center;}.header ul { text-align: center;}
.header .menuList { background: #24B8EE;}
.header .menuList li { display: inline-block; height: 56px;}
.header .menuList li a { display: block; padding: 19px 0;}
.header .menuList li a span { display: inline-block; font-size:15px; padding: 0 26px; line-height: 18px; color: #fff; border-left: 2px solid #fff; transition:.3s;}
.header .menuList li a.first span { border: none;}
.header .menuList li a:hover span { color: #05648E}
.header .menuList li span.active{color:#ffae00;}


/*.slider-container .slider-nav { display: none;}*/
.slider-info { height: 46px; line-height: 46px;background: #24B8EE; color: #fff; font-size: 18px;}
.slider-info .slider-btn a { width: 15px; height: 15px; margin: 0 5px;}

.homeWarp h2.t1 { padding-bottom: 8px; font-size: 26px; color: #293b41; font-weight: 700; text-align: center; position: relative;}
.homeWarp h2.t1>a.more { position: absolute; top: 0; right: 15px;}
.homeWarp h2.t1>i { display: block; width: 60px; height: 4px; background: #FFAE00; bottom: 0; left: 50%; margin-left: -30px; position: absolute;}
.homeWarp .searviceBox ul li { float: left; width: 100%; padding-bottom: 15px;}
.homeWarp .searviceBox ul li a { display: block; text-align: center; font-size: 14px; color: #221815;}
.homeWarp .searviceBox ul li a i { display: block; height: 52px; margin-bottom: 5px; background: #24B8EE; border-radius: 6px; transition:.3s;}
.homeWarp .searviceBox ul li a i img { margin-top: 5px;}
.homeWarp .searviceBox ul li a:hover i { background: #1AAAE0;}
.homeWarp .newsBox .bigImg a { color: #9ca9af; font-size: 15px; }
.homeWarp .newsBox .bigImg a strong { font-size: 16px; padding: 5px 0; color: #666;}
.homeWarp .highlightsBox .vodBox .vodImg { position: relative;}
.homeWarp .highlightsBox .vodBox .vodImg i { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 2px solid #fff; background: url(/pubimages/en/en_play-icon.png) no-repeat center;}
.homeWarp .highlightsBox a { color: #222;}
.homeWarp .highlightsBox a:hover { color: #24B8EE;}
.homeWarp .highlightsBox .vodBox a strong {font-size: 22px; font-weight: 500;}
.homeWarp .highlightsBox .vodBox a strong,.homeWarp .highlightsBox .vodBox a span { display: block; padding: 5px 15px;}
.homeWarp .highlightsBox .imgTxt a strong { display: block; font-size: 16px; padding: 3px 15px 0;}
.homeWarp .companiesBox .item { padding: 5px 0;}
.homeWarp .companiesBox .item a em { display: block; padding: 5px 0; color: #221815; font-size: 14px; transition:.3s;}
.homeWarp .companiesBox .item a:hover em { color: #25B8EE;}
.homeWarp .expatsBox .itemList a { display: inline-block; margin: 5px 10px; color: #333; font-size: 14px;}
.homeWarp .expatsBox .itemList a img { width: 100px; height: 100px; border-radius: 50%;}
.homeWarp .expatsBox .itemList a em { display: block; padding-top: 5px;transition:.3s;}
.homeWarp .expatsBox .itemList a:hover em { color: #24B8EE;} 
.homeWarp .expatsBox .itemList a.moreA em { visibility: hidden;}
.slider-container .slider__item { text-align: center;}
.slider-container .slider__item img { display: inline-block;}

.homeWarp .envBox .envBox_box{padding: 0 15px; padding-bottom: 15px;}


.homeWarp .intlBox .intlBox_box{padding: 0 15px; margin-left: -15px;}
.homeWarp .intlBox .intlBox_box a{display: block; width: 50%; padding-left: 15px;}
.homeWarp .companiesBox{margin-bottom: 90px;}  
/*home end*/

.path,.path a { color: #ffae00;}
/*news start*/
h1.t1 { height: 40px; line-height: 40px; position: relative; font-size: 24px; font-weight: 700;}
h1.t1.s1 { font-size: 20px;}
h4.t1 { height: 38px; line-height: 38px; position: relative;}
h4.t1 b { position: absolute; top: 50%; left: 0; right: 0; height: 3px; background: #24B8EE;}
h4.t1 span { font-size: 20px; color: #24B8EE; background: #fff; font-weight: 700; padding-right: 15px; position: relative; z-index: 2;}



.newsLists.temp1 { font-size: 18px;}
.newsLists.temp1 li { padding-bottom: 8px;}
.newsLists.temp1 li a { display: block; color: #333;}
.newsLists.temp1 li a { display: block; padding-bottom: 8px; color: #333;}
.newsLists.temp1 li a i { float: left; width: 5px; height: 5px; margin: 9px 5px 0 0; border-radius: 50%; background: #FFAE00;}
.newsLists.temp1 li a:hover { color: #25B8EE;}
.newsLists.temp1.s1 li a { font-size: 14px;}
.newsLists.temp1.s1 li a i { margin-top: 8px;}
.newsLists.temp1 p.levenBox { font-size: 13px; color: #777; padding: 0 15px; }

.news-bigImg a span {padding: 10px 20px; font-size: 18px; color: #fff; background: #24B8EE;}
.news-lists.temp1 li a { display: block; padding: 15px 5px; border-bottom: dashed 1px #787C7F; font-size: 14px; color: #545454;}
.news-lists.temp1 li a:hover { background: #f6f6f6;}
.news-lists.temp1 li a * { display: block;}
.news-lists.temp1 li a strong { font-size: 18px; color: #222;}
.news-lists.temp1 li a span { padding: 5px 0;}
.news-lists.temp2 li a { display: block; padding: 10px 0; color: #545454; font-size: 14px; border-bottom: dashed 1px #787C7F;}
.news-lists.temp2 li a:hover { background: #f6f6f6;}
.news-lists.temp2 li a em { display: inline-block; white-space: nowrap;}

.news-lists.temp1.s1 li a { padding: 10px 0; border-bottom: none;}
.news-lists.temp1.s1 li a em { padding-top: 10px; font-size: 14px; font-weight: 700;}

/*news end*/

.highlightWarp .slider-container .slider-nav { display: block; bottom: 50px;padding-right: 30px; text-align: right; }
.highlightWarp .vodLists .item a { display: block; background: #EAEAEA; color: #222;}
.highlightWarp .vodLists .item a:hover { background: #baeaff;}
.highlightWarp .vodLists .item a span {position: relative;}
.highlightWarp .vodLists .item a span i { position: absolute; top: 0; right: 0; bottom: 0; left: 0;background: url(/images/en_play-icon-1.png) no-repeat center;}
.highlightWarp .vodLists .item a em { display: block; padding: 10px 15px 15px; font-size: 14px;}

.services-warp{ height: 906px; background: url(/pubimages/en/en_services-img.jpg) no-repeat center 0;}
.services-warp ul { padding: 105px 20px;}
.services-warp ul li { float: left; padding: 44px;}
.services-warp ul li a { display: block; width: 134px; height: 134px; background: #22BCF2; text-align: center;}
.services-warp ul li a img { position: relative; top: 20px;}
.services-warp ul li a:hover { background: #FEAE01;transform:scale(1.08)}
.services-warp ul li a:hover img { transform:scale(.92)}


/*article start*/
.article-warp .t-t1 { font-size: 24px; font-family: "Century"; font-weight: 700;;}
.article-warp .txt-ps { padding: 15px; font-family: "Georgia";}
.article-warp .articleBox {font-family: "Century"; line-height: 28px;}
.article-warp .articleBox  p { padding: 10px 0;}

.fix-l-nav { position: absolute; top: 0; left:-34px;}
.fix-l-nav ul,.fix-r-nav ul { position: fixed; top: 20%;}
.fix-l-nav ul li { margin-bottom: 30px;}

.fix-r-nav {position: absolute; top: 0; right:0;}

/*article end*/

.l-nav-box ul li a { display: block; width: 110%; height: 40px; margin-bottom: 10px; line-height: 40px; background: #24B8EE; color: #fff; font-size: 16px; border-radius: 5px; text-align: center;;}
.l-nav-box ul li a.on,.l-nav-box ul li a:hover { background: #1CADE5;}
.rInfo-box h2.t2 { font-size: 30px; font-weight: 700; border-bottom: 1px dashed #787C7F; }
.rInfo-box h2.t2 em { display: block; font-size: 14px;padding: 10px 0 15px;}
.rInfo-box .iTxt {font-size: 18px; line-height: 28px;}
.rInfo-box .iTxt p { padding: 5px 0; }
.QAListsBox ul li a { display: block;margin-bottom: 10px; padding: 20px; border: 1px solid #eee; color: #333; font-size: 14px;; }
.QAListsBox ul li a:hover { background: #f8f8f8;}
.QAListsBox ul li a strong { display: block; padding-bottom: 10px; font-size: 18px; font-weight: 700;transition:.3s;}
.QAListsBox ul li a:hover strong { color: #1CADE5;} 

.contactWarp .leaveBox { height: 300px; padding-left: 280px; border: 1px solid #C6C6C6; position: relative;}
.contactWarp .leaveBox .pleaseE { position: absolute; top: -1px; left: -1px; bottom: -1px; width: 250px; background: #24B8EE;}
.contactWarp .leaveBox .pleaseE span { display: block; font-size: 16px; color: #fff; padding: 50% 30px 0;}
.contactWarp .leaveBox .pleaseE i { position: absolute; top: 50%;right: -15px; margin-top: -15px; width: 0;height: 0;border-top: 18px solid transparent;border-left: 18px solid #24B8EE;border-bottom:18px solid transparent;}
.contactWarp .leaveBox .enterTxt h4.t2 { padding: 15px 0; font-size: 20px; color: #222; font-weight: 700;}
.contactWarp .leaveBox .enterTxt textarea { width: 98%; height:240px; font-size: 14px; border: none; background: none;}
.contactWarp .adds-btn input.txt { width: 280px; height: 32px; padding: 0 15px; border: 1px solid #C6C6C6; border-radius: 5px; font-size: 14px;}
.contactWarp .adds-btn .btns input {height: 32px; margin: 0 10px; padding: 0 20px; background: #24B8EE; font-size: 18px; border: none; color: #fff; font-weight: 700; color: #fff; border-radius: 5px;}


.businessLists .item a { display: block; height: 135px; background: #ECEDED; color: #555; overflow: hidden;}
.businessLists .item a span { width: 170px; height: 135px; float: left; margin-right: 15px;}
.businessLists .item a em {display: block; padding: 10px 0; font-size: 14px; font-weight: 700; color: #222;}

.expatsWarp .slider-ExpInfo { background: #24B8EE; padding: 20px 30% 20px 10%;}
.expatsWarp .slider-ExpInfo h2.t1 { padding: 10px 0; font-size:52px; color: #fff; font-weight: 700;}
.expatsWarp .slider-ExpInfo h2.t1 a { color: #fff;}
.expatsWarp .slider-ExpInfo p { font-size: 14px;}

.searchWarp .searchBox { padding: 50px;}
.searchWarp .searchBox .searchTxt {height: 38px; }
.searchWarp .searchBox .searchTxt input { float: left; height: 38px; line-height: 38px;}
.searchWarp .searchBox .searchTxt input.txt { float: left; width: 55%; padding: 0 10px; font-size: 15px;}
.searchWarp .searchBox .searchTxt input.btnA { margin-left: 15px; width: 10%; font-size: 18px; background: #24B8EE; color: #fff; border: none;}
.searchWarp .searchBox .searchLists { width: 50%;}
.searchWarp .searchBox .searchLists .item a { display: block; color: #3f47ee; font-size: 16px; }
.searchWarp .searchBox .searchLists .item p { padding: 5px 0;}

.travelWarp .t-1 { padding: 100px 0;}
.travelWarp .item a { display: block; margin: 0 10px; background: #ECE7D4; color: #333;}
.travelWarp .item a:hover { background: #E5DEB9;}
.travelWarp .item a strong { display: block; padding: 5px 10px 0; font-size: 18px; height: 32px; overflow: hidden;}
.travelWarp .item a em { display: block; height: 52px; padding: 0 10px 10px; font-size: 14px; overflow: hidden;}
.travelWarp .item.s1 a { display: block; width: 186px; margin: 93px auto 0;}
.travelWarp .item.s1 a > i { display: block; position: relative; top: -93px;}
.travelWarp .item.s1 a strong { height: auto; padding: 10px 15px 5px; margin-top: -93px; text-align: center; }
.travelWarp .item.s1 a em { height: auto; padding: 0 15px 15px;}

.minH600 { min-height: 600px;}
.highlightWarp .hig-banner .slider-info{  position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7);}

/*footer start*/
footer { padding: 20px 0; text-align: center; background: url(/pubimages/en/en_footer-bg-1.jpg) no-repeat center; background-size: cover;}
footer ul,footer ul li { display: inline-block; }
footer ul li a { padding: 0 10px;}
footer .copy { white-space: nowrap;}
footer .copy p { color: #fff;line-height: 24px;}
footer .copy p a { color: #fff;padding-right: 10px;}
/*footer end*/

.pages { width: 100%; text-align: center; font-size: 14px; line-height: 26px; color: #666}
.pages .leftcon span,.pages .leftcon em { padding: 0 3px; color: #f75d5d}
.pages input#num { width: 30px; margin: 0 2px 0 5px; height: 22px; line-height: 22px; border:1px solid #ddd; text-align: center;}
.pages input.submitBtn { width: 40px; border: 1px solid #156AD1; background: #3D7FCA; color: #fff; font-weight: 700;}
.pages .rightcon a { padding: 0 3px;}

.pages a.moerBtn { display: inline-block; width: 50%; height: 40px; line-height: 40px; background: #f3f3f3; border: 1px solid #ddd; border-radius: 5px; }
.pages a.moerBtn:hover { background: #e8e8e8; color: #337AB7 !important;}

.loadMove { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; margin-bottom: 10px;}


.txt-r { text-align: right;}
.intelligent-push-box { width: 385px; height: 280px; padding-bottom: 30px; position: fixed; right: 0; bottom: -320px; border: 1px solid #6bbbff; background: #f5f5f5; z-index: 10;}
.intelligent-push-box > h2 { height: 46px; padding: 0 15px; color: #fff; line-height: 46px; font-size: 20px; font-weight: 700; background: #44a0ed; border-bottom: 1px solid #3c8baf;}
.intelligent-push-box > h2 a.closeBtn { font-size: 32px; float: right; color: #fff; font-weight: 500;}
.intelligent-push-box dl { padding: 15px 15px 0;}
.intelligent-push-box dl dt { padding-bottom: 10px; font-size: 18px; color: #4c4c4c;}
.intelligent-push-box dl dd p { padding-bottom: 5px; font-size: 14px; line-height: 18px;}
.intelligent-push-box dl dd a { display: block; padding: 4px 15px; line-height: 16px; font-size: 14px; color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.intelligent-push-box > h2.t1 { height: 36px; line-height: 36px; font-size: 18px;}

@media screen and (min-width:1922px) {
	.slider__item img{width: 100%;}
}
.otherlink-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0,0,0,.8); opacity: 0;filter:alpha(opacity=0);transition:.3s;}
.otherlink-bg.in { opacity: 1;filter:alpha(opacity=100);}
.otherlink-pop { position: fixed; top: -25%; left: 50%; z-index: 999; width: 560px; height: 200px; margin: -250px 0 0 -280px;background-color: #ffffff;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, 0.3);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); overflow: hidden;transition:.4s;}
.otherlink-pop.in {top: 50%;}
.otherlink-pop a.offBtn { position: absolute; top: 5px; right:8px; font-size: 20px; padding: 5px 10px; color: #ccc; font-weight: 700; line-height: 20px;}
.otherlink-pop h2 { padding: 60px 40px; font-size: 16px;}
.otherlink-pop p.btns { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: #F5F5F5; border-top: 1px solid #ddd; text-align: right;}
.otherlink-pop p.btns a { display: inline-block;margin:9px 15px 0 0; height: 30px; line-height: 30px; padding: 0 15px; font-size: 14px; border: 1px solid #bbbbbb; color: #333; border-radius: 5px; }
.otherlink-pop p.btns a:hover { background: #E6E6E6}
.otherlink-pop p.btns a.toOtherLink { border: 1px solid #337AB7; background: #337AB7; color: #fff;}
.otherlink-pop p.btns a.toOtherLink:hover { background: #286090}
@media screen and (min-width: 1200px) and (max-width: 2000px) {
	.expatsWarp .slider-container .slider-nav { display: block; height: 50px; padding-top: 10px; line-height: 40px; text-align: right; padding-right: 30px; background: rgba(30,184,240,.5);}
	.highlightWarp .slider-container .slider-nav a,.expatsWarp .slider-container .slider-nav a { width: 15px;height: 15px; margin: 0 5px; }
	
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.services-warp ul { padding: 30px 10px;}
	.l-nav-box ul li a { width: 100%;}
	
	.homeWarp .searviceBox ul li { width: 20%; padding: 5px;}
	
	.highlightWarp .slider-container .slider-nav a { width: 15px;height: 15px; margin: 0 5px; }
}


@media screen and (min-width: 760px) and (max-width: 992px) {
	.services-warp { height: auto;}
	.services-warp ul { padding: 30px 10px;}
	.services-warp ul li { padding: 20px;}
	
	.l-nav-box ul li a { width: 100%;}
	
	.homeWarp .searviceBox ul li { width: 25%; padding: 5px;}
	.travelWarp .item.s1 a {width: 160px; margin: 80px auto 0;}
	.travelWarp .item.s1 a > i {top: -80px;}
	.travelWarp .item.s1 a strong { margin-top: -80px;}
	.homeWarp .companiesBox{margin-bottom: 0px;}
}

@media screen and (max-width: 760px) {
	body { padding-top: 60px;}
	.xsPl0 { padding-left: 0;}.xsPr0 { padding-right: 0;}.xsPt0 { padding-top: 0;}.xsPb0 { padding-bottom: 0;}
	.xsPl5 { padding-left: 5px;}.xsPr5 { padding-right: 5px;}.xsPt5 { padding-top: 5px;}.xsPb5 { padding-bottom: 5px;}
	.xsPl10 { padding-left: 10px;}.xsPr10 { padding-right: 10px;}.xsPt10 { padding-top: 10px;}.xsPb10 { padding-bottom: 10px;}
	.xsPl15 { padding-left: 15px;}.xsPr15 { padding-right: 10px;}.xsPt15 { padding-top: 15px;}.xsPb15 { padding-bottom: 15px;}
	.xsP0 { padding: 0;}.xsPlr5 { padding: 0 5px;}.xsPlr15{ padding: 0 15px;}
	.xsMl0 { margin-left: 0;}.xsMr0 { margin-right: 0;}.xsMt0 { margin-top: 0;}.xsMb0 { margin-bottom: 0;}
	.xsMl5 { margin-left: 5px;}.xsMr5 { margin-right: 5px;}.xsMt5 { margin-top: 5px;}.xsMb5 { margin-bottom: 5px;}
	.xsMl10 { margin-left: 10px;}.xsMr10 { margin-right: 10px;}.xsMt10 { margin-top: 10px;}.xsMb10 { margin-bottom: 10px;}
	.xsMl15 {margin-left: 15px;}.xsMr15 { margin-right: 15px;}.xsMt15 { margin-top: 15px;}.xsMb15 { margin-bottom: 15px;}
	.xsM0 { margin: 0;}.xsMlr5 { margin: 0 5px;}.xsMlr15 { margin: 0 15px;}
	.appFz14 { font-size: 14px !important;}.appFz12 { font-size: 12px !important;}
	.appfr { float: right;}
	
	.appRL5 { padding: 0 5px;}.appRL10 { padding: 0 10px;}.appRL15 { padding: 0 15px;}
	.app5 { padding: 5px !important;}
	.app0 { padding: 0 !important;}
	.appT10 { padding-top: 10px !important;}
	.appb0 { padding-bottom: 0;}
	.app-r5 { padding-right: 5px;}
	.app-l5 { padding-left: 5px;}
	.appLeft { padding-left: 0 !important;}
	
	.contactWarp .leaveBox .pleaseE span {display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;display: box;box-orient: horizontal;box-pack: center;box-align: center;}	
	.header {width: 100%; height: 60px; background: #054E9B; position: fixed; top: 0; left: 0; z-index: 99;}
	.header .logo { width: 200px; height: 40px; margin: 10px 0; background:url(/images/en_logo-2.png) no-repeat 0 center;background-size: auto 100%;}
	.header .logo img { display: none;}
	.header a.app-menuBtn,.header a.app-searchBtn,.header a.app-mylink,.header a.app-skin { display: block; float: right; margin-top: 14px;}
	.header a.app-menuBtn img { width: 32px;}
	.header a.app-searchBtn img { width: 26px; margin: 5px;}
	.header a.app-mylink,.header a.app-skin { margin: 18px 12px 0 0;padding: 3px 10px; background: #26A8AF;border-radius: 3px;font-size: 15px;color: #fff;}
	.header a.app-skin { background: #90C219}
	.header .menuBox { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;}
	.header .menuBox b.bg { display: block; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.7); }
	.header .psInfo { display: block;}
	.header .menuBox p.psIco { width: 40%;text-align: center; position: absolute; top: 50%; margin-top: -60px; left: 0; font-size: 14px; z-index: 2; color: #fff; padding-bottom: 35px;background: url(/images/en_app-menu-ico-2.png) no-repeat center bottom;}
	.header .menuBox .moveMenuBox { position: absolute; top: 0; right: -60%; width: 60%; height: 100%; background: #054E9B; overflow: hidden; overflow-y: auto; z-index: 2;}
	.header .menuBox .moveMenuBox h2 { display: block; height: 42px; background: #093360; color: #fff; line-height: 42px; padding-left:30px; font-size: 16px; font-weight: 700; }
	.header .menuBox .menuList { float: none; padding-left: 30px; background: #054E9B;}
	.header .menuBox .menuList li { float: none; display: block; height: 40px; line-height: 40px;}
	.header .menuBox .menuList li a { display: block; width: 100%; height: 40px; line-height: 40px; text-align: left; color: #fff; font-size: 14px; padding: 0 0 0 20px;border-bottom: 1px solid #0B60BA; border-top: 1px solid #053F7B;}
	.header .menuBox .menuList li a span { padding: 0; border-left: none;}
	.header .menuBox .menuList li a:hover span {color: #5eceff}
	.header .menuBox .menuList li:first-child a { border-top: none} 
	.header .menuBox .menuList li:last-child a { border-bottom: none;}
	.header .rightArea{display: none;}
	.minH600 { min-height: auto;}
	.homeWarp h2.t1 { font-size: 24px;}
	.homeWarp .searviceBox ul li { width: 50%; padding: 5px;}
	.homeWarp .expatsBox .itemList a img { width: 80px; height: 80px;}
	
	.slider-container .slider-nav { display: block;}
	.slider-info { height: 32px; line-height: 30px;font-size: 12px; text-align: center; overflow: hidden;}
	.highlightWarp .slider-container .slider-nav { bottom: 30px; padding-right: 15px;}
	
	.contactWarp .leaveBox { padding-left: 120px;}
	.contactWarp .leaveBox .pleaseE {width: 100px;}
	.contactWarp .leaveBox .pleaseE span { height: 100%; padding: 0 10px; font-size: 14px;}
	.contactWarp .leaveBox .enterTxt h4.t2 {font-size: 14px;}
	.contactWarp .leaveBox .enterTxt textarea { height: 200px;}
	.contactWarp .adds-btn input.txt { width: 100%;}
	.contactWarp .adds-btn .btns { width: 100%; padding-top: 15px; text-align: center;}
	
	.businessLists .item a { height: 100px;}
	.businessLists .item a span { width: 130px; height: 100px;}
	.businessLists .item a em {padding: 5px 0;}
	
	.expatsWarp .slider-ExpInfo {padding: 15px;}
	.expatsWarp .slider-ExpInfo h2.t1 {font-size:32px;}
	.expatsWarp .slider-ExpInfo p { font-size: 12px;}
	
	.fix-l-nav { top: 3%; left: 0;}
	.fix-l-nav ul li { margin-bottom: 10px;}
	.fix-l-nav ul li img { width: 30px;}
	.fix-r-nav { top: 3%; right: 26px;}
	.fix-r-nav ul li img { width: 26px;}
	
	.services-warp { height: auto;}
	.services-warp ul { padding: 15px 0;}
	.services-warp ul li { width: 33.33%; padding: 5px;}
	.services-warp ul li a { width: 100%; height: 100px;}
	.services-warp ul li a img { top: 10px; height: 80px;}
	
	.searchWarp .searchBox { padding: 0px;}
	.searchWarp .searchBox .searchTxt {padding-right: 80px; position: relative; }
	.searchWarp .searchBox .searchTxt input.txt {width: 100%;}
	.searchWarp .searchBox .searchTxt input.btnA { position: absolute; top: 0; right: 0; width: 76px; font-size: 18px; background: #24B8EE; color: #fff; border: none;}
	.searchWarp .searchBox .searchLists .item a { font-size: 14px;}
	.searchWarp .searchBox .searchLists { width: 100%;}
	
	.travelWarp .t-1 { padding: 30px 15px 0;}
	.travelWarp .item.s1 a {width: 100%; margin: 60px auto 0;}
	.travelWarp .item.s1 a > i {top: -60px;}
	.travelWarp .item.s1 a strong { margin-top: -60px;}
	
	.l-nav-box ul li a { width: 100%;}
	.otherlink-pop { left: 0; width: 96%;  margin: -250px 0 0 2%;}
	.otherlink-pop h2 { padding: 50px 20px;}
	.homeWarp .companiesBox{margin-bottom: 0px;}
	.homeWarp .intlBox .intlBox_box a{float: none; width: 100% ; margin-bottom: 10px;}

	.homeWarp .envBox .envBox_box{padding: 0px; padding-bottom: 15px;}
	.homeWarp .intlBox .intlBox_box{padding: 0px;}

}	


@media screen and (max-height: 600px) {
	
	.fix-l-nav ul,.fix-r-nav ul {bottom: 2%;} 
}

::-webkit-scrollbar  { width: 6px; height: 6px; background: #fff;border-radius: 3px;}  
::-webkit-scrollbar-track { border-radius: 3px; background-color: #F5F5F5;}   
::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ccc;}



/* yt_haishan start */

.haishan-banner {height: 453px; background: url(/images/yt_gjh_hsym_img_02.png) no-repeat center top; background-size: cover; }
.haishanOrmeishaWarp .container{padding: 0 25px;}
.haishanWarp{padding-top: 64px; padding-bottom: 88px;}
.haishanOrmeishaWarp .title_box{border-bottom: 1px solid #25b8ee;}
.haishanOrmeishaWarp .title_box h4.title{display: inline-block; position: relative; background-color: #25b8ee; color: #fff; font-weight: bold; padding: 6px 16px; font-size: 31px; vertical-align: middle;}
.haishanOrmeishaWarp .title_box h4.title::before{content: ''; width: 46px; height: 46px; position: absolute; right: -46px; top: 0px;background: url(/images/yt_gjh_hsym_img_05.png) no-repeat top right; }
.haishanOrmeishaWarp .title_box .move_btn{float: right; font-size: 16px; color: #25b8ee; padding-top: 15px;}
.haishanOrmeishaWarp .title_box .move_btn:hover{color:#8bd1eb;}
.haishanOrmeishaWarp .theme1_box {padding-top: 41px; margin-bottom: 86px;}
.haishanOrmeishaWarp .theme1_box .theme1_box_left{width: 693px; height: 366px; float: left; position: relative; padding-right: 42px;} 
.haishanOrmeishaWarp .theme1_box .theme1_box_left .mySwiper1{width: 100%; height: 100%; overflow: hidden;}
.haishanOrmeishaWarp .theme1_box .theme1_box_left .mySwiper1 a img{max-width: 100%;}
.haishanOrmeishaWarp .theme1_box .theme1_box_left .mySwiper1 a {display: block; height: 100%;}
.haishanOrmeishaWarp .theme1_box .theme1_box_left .mySwiper1 a:hover{opacity: 0.8;}
.haishanOrmeishaWarp .theme1_box .theme1_box_left .mySwiper1 .swiper-button-prev{left: -35px; background: url(/images/yt_gjh_hsym_theme1_lefticon.png) no-repeat center;}
.haishanOrmeishaWarp .theme1_box .theme1_box_left .mySwiper1 .swiper-button-next{background: url(/images/yt_gjh_hsym_theme1_righticon.png) no-repeat center;}
.haishanOrmeishaWarp .theme1_box .theme1_box_left .mySwiper1 .swiper-button-disabled{opacity: 1;}
.haishanOrmeishaWarp .theme1_box .theme1_box_right{width: 457px; float: left;} 
.haishanOrmeishaWarp .theme1_box .theme1_box_right p{font-size: 21px; line-height: 27px; color: #9ca9af; margin-top: -8px;}

.haishanWarp .theme2{ padding: 52px 0 72px;  background: url(/images/yt_haishan_bg_02.jpg) no-repeat center top; background-size: cover;}
.haishanWarp .theme2_box .theme2_box_left{width: 467px; float: left; padding-left: 114px; padding-top: 50px; }
.haishanWarp .theme2_box .theme2_box_left p{font-size: 55px; line-height: 72px; font-weight: bold; color: #0b236d;}
.haishanWarp .theme2_box .theme2_box_left p a{color: #0b236d;}
.haishanWarp .theme2_box .theme2_box_right{width: 683px; height: 366px; float: left; position: relative; padding-left: 33px; }
.haishanWarp .theme2_box .theme2_box_right .mySwiper2{width: 100%; height: 100%; overflow: hidden;}
.haishanWarp .theme2_box .theme2_box_right .mySwiper2 a img{max-width: 100%;}
.haishanWarp .theme2_box .theme2_box_right .mySwiper2 a:hover{opacity: 0.8;}
.haishanWarp .theme2_box .theme2_box_right .mySwiper2 .swiper-button-prev{ left: -1px; background: url(/images/yt_gjh_hsym_theme1_lefticon2.png) no-repeat center;}
.haishanWarp .theme2_box .theme2_box_right .mySwiper2 .swiper-button-next{right: -35px;  background: url(/images/yt_gjh_hsym_theme1_righticon2.png) no-repeat center;}
.haishanWarp .theme2_box .theme2_box_right .mySwiper2 .swiper-button-disabled{opacity: 1;}

.haishanOrmeishaWarp .theme3{padding-top: 99px;}
.haishanOrmeishaWarp .theme3_box {position: relative; margin-top: 70px;}
.haishanOrmeishaWarp .theme3_box .mySwiper3{height: 270px; width: 100%; overflow: hidden;}
.haishanOrmeishaWarp .theme3_box .mySwiper3 a img{max-width: 100%;}
.haishanOrmeishaWarp .theme3_box .mySwiper3 a:hover{opacity: 0.8;}
.haishanOrmeishaWarp .theme3_box .mySwiper3 .swiper-button-prev{left: -35px; background: url(/images/yt_gjh_hsym_theme1_lefticon.png) no-repeat center;}
.haishanOrmeishaWarp .theme3_box .mySwiper3 .swiper-button-next{right: -35px; background: url(/images/yt_gjh_hsym_theme1_righticon.png) no-repeat center;}
.haishanOrmeishaWarp .theme3_box .mySwiper3 .swiper-button-disabled{opacity: 1;}
@media screen and (min-width:1922px) {
	.haishan-banner {height: 570px;}
}
@media screen and (max-width:1200px)  {
	.haishan-banner{height: 247px;}
	.haishanOrmeishaWarp .container{padding: 0px;}
	.haishanWarp{padding-top: 30px; padding-bottom: 40px;}
	.haishanOrmeishaWarp .title_box h4.title{font-size: 20px;}
	.haishanOrmeishaWarp .title_box h4.title::before{height: 34px; width: 34px; right: -34px;  background-size: auto 100%;}
	.haishanOrmeishaWarp .title_box .move_btn{font-size: 14px; padding-top: 8px;}
	.haishanOrmeishaWarp .theme1_box{padding-top: 15px; margin-bottom: 25px;}
	.haishanOrmeishaWarp .theme1_box .theme1_box_left{width: 100%; float: none; padding: 0 27px; text-align: center; margin-bottom: 15px; }
	.haishanOrmeishaWarp .theme1_box .theme1_box_left .mySwiper1 .swiper-button-prev{left: 0px;}
	.haishanOrmeishaWarp .theme1_box .theme1_box_left .mySwiper1 .swiper-button-next{right: 0px;}
	.haishanOrmeishaWarp .theme1_box .theme1_box_right{width: 100%; float: none;}
	.haishanOrmeishaWarp .theme1_box .theme1_box_right p{font-size: 16px; line-height: 26px;}
	.haishanWarp .theme2{padding: 25px 0 40px;}
	.haishanWarp .theme2_box .theme2_box_left{width: 100%; float: none; padding: 0 20px; text-align: center; margin-bottom: 20px; font-size: 0px; }
	.haishanWarp .theme2_box .theme2_box_left p{display: inline-block;width: 50%; font-size: 38px; line-height: 50px;}
	.haishanWarp .theme2_box .theme2_box_right{width: 100%; float: none; text-align: center; padding: 0 27px;}
	.haishanWarp .theme2_box .theme2_box_right .mySwiper2 .swiper-button-prev{left: 0px;}
	.haishanWarp .theme2_box .theme2_box_right .mySwiper2 .swiper-button-next{right: 0px;}
	.haishanOrmeishaWarp .theme3{padding-top: 20px;}
	.haishanOrmeishaWarp .theme3_box{ margin-top: 15px} 
	.haishanOrmeishaWarp .theme3_box .mySwiper3{height: 179px; position: relative;}
	.haishanOrmeishaWarp .theme3_box .mySwiper3 .swiper-button-next{right: 0px; background-color: #fff; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
	.haishanOrmeishaWarp .theme3_box .mySwiper3 .swiper-button-prev{left: 0px; background-color: #fff; border-bottom-right-radius: 4px; border-top-right-radius: 4px;}


}
@media screen and (max-width:760px) {
	.haishanWarp{padding-bottom: 10px;}
	.haishan-banner{height: 123px;}
	.haishanOrmeishaWarp .container{padding: 0 15px;}
	.haishanOrmeishaWarp .theme1_box .theme1_box_left{padding: 0; height: auto;}
	.haishanOrmeishaWarp .title_box h4.title{font-size: 16px; padding: 6px 8px; }
	.haishanOrmeishaWarp .title_box h4.title::before{height: 30px; width: 30px; right: -30px;}
	.haishanOrmeishaWarp .title_box .move_btn{padding-top: 4px;}
	.haishanOrmeishaWarp .theme1_box .theme1_box_right p{font-size: 14px; line-height: 20px;}
	.haishanWarp .theme2{padding: 15px 0 25px;}
	.haishanWarp .theme2_box .theme2_box_left{padding: 0px;}
	.haishanWarp .theme2_box .theme2_box_left p{width: 100%; }
	.haishanWarp .theme2_box .theme2_box_right{padding: 0px; height: auto;}
	.haishanOrmeishaWarp .theme3{padding-top: 15px;}
	.haishanOrmeishaWarp .theme3_box .mySwiper3{height: auto;}
	
}
/* yt_haishan end */

/* yt_meisha start */
.meisha-banner {height: 456px; background: url(/images/ytyw_meisha_img_02.jpg) no-repeat center top; background-size: cover; }
.meishaWarp{padding: 70px 0 83px;}
.meishaWarp .theme1_box .theme1_box_left{width: 689px; height: 410px;}
.meishaWarp .theme1_box .theme1_box_right{width: 461px; }
.meishaWarp .title_box h4.title{height: 46px;}
.meishaWarp .theme1_box .mySwiper1 .swiper-slide{position: relative;}
.meishaWarp .theme1_box .mySwiper1 .swiper-slide .top_box{display: block; height: 366px; overflow: hidden; position: relative;}
.meishaWarp .theme1_box .mySwiper1 .swiper-slide .tag{ display: block; padding: 0 10px; height: 44px; line-height: 44px; font-size: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #3b3b3d; color: #fff; text-align: center; }
.meishaWarp .theme1_box .mySwiper1 a i{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(/images/ytyw_meisha_bf_icon.png) no-repeat center; } 
.meishaWarp .theme1_box .theme1_box_right p{margin-top: 8px; padding-right: 14px;}
.meishaWarp .theme1_box{margin-bottom: 77px;}
.meishaWarp .theme2 {text-align: center;}
.meishaWarp .theme2 a:hover img{opacity: 0.8;}
.meishaWarp .theme2 a img{max-width: 100%;}
.meishaWarp .theme4 .theme4_box {margin-top: 96px;}
.meishaWarp .title_box.s1 h4.title{width: 266px; text-align: center;}

.meishaWarp .theme4 .theme4_left{width: 498px; float: left; padding-right: 42px;}
.meishaWarp .theme4 .theme4_left_box{width: 100%;}
.meishaWarp .theme4 .theme4_left_box a{display: block; height: 130px; margin-bottom: 12px; font-size: 25px; font-weight: bold; color: #25b8ee; padding-left: 67px; padding-right: 88px; position: relative; background-color: #e9f8fd; }
.meishaWarp .theme4 .theme4_left_box a span{display: inline-block; padding-left: 52px; padding-right: 15px; position: relative; top: 50%; transform: translateY(-50%);}
.meishaWarp .theme4 .theme4_left_box a i.icon1{position: absolute; left: 45px;top: 50%; transform: translateY(-50%); transition: .3s; width: 22px; height: 37px; background: url(/images/ytyw_meisha_jlt_icon2.png) no-repeat; background-position-y: -71px; }
.meishaWarp .theme4 .theme4_left_box a i.icon2{position: absolute; right: 34px;top: 50%; transform: translateY(-50%); width: 56px; height: 54px; background: url(/images/ytyw_meisha_jlt_icon.png) no-repeat; background-position-y: 5px; background-position-x: -116px; }
.meishaWarp .theme4 .theme4_left_box a.a2 i.icon2{background-position-y: -109px; }
.meishaWarp .theme4 .theme4_left_box a.a3 i.icon2{background-position-y: -225px;}
.meishaWarp .theme4 .theme4_left_box a:hover, .meishaWarp .theme4 .theme4_left_box a.active{background-color:#25b8ee; color: #fff;} 
.meishaWarp .theme4 .theme4_left_box a:hover i.icon1, .meishaWarp .theme4 .theme4_left_box a.active i.icon1{background-position-y: 0px; }
.meishaWarp .theme4 .theme4_left_box a:hover i.icon2, .meishaWarp .theme4 .theme4_left_box a.active i.icon2{background-position-x: 0px; }

.meishaWarp .theme4 .theme4_right{width: 652px; float: left;}
.meishaWarp .theme4 .theme4_right ul{margin-left: -23px;}
.meishaWarp .theme4 .theme4_right ul li{width: 50%; float: left; height: 196px; margin-bottom: 21px; padding-left: 23px;}
.meishaWarp .theme4 .theme4_right ul li a{display: block; position: relative; height: 196px; overflow: hidden; }
.meishaWarp .theme4 .theme4_right ul li a img{max-width: 100%; transform: scale(1.08); transition: .5s;}
.meishaWarp .theme4 .theme4_right ul li a .tag{position: absolute; left: 0px; right: 0px; bottom: 0px; padding-left: 24px; padding-bottom: 13px; font-size: 25px; color: #fff; font-weight: bold;}
.meishaWarp .theme4 .title_box{margin-bottom: 44px;} 
.meishaWarp .theme4 .theme4_right ul li a:hover img{transform: scale(1);}

.meishaWarp .theme5{ margin-top: 97px;  height: 490px; background: url(/images/ytyw_meisha_theme5_bg_06.jpg) no-repeat center top; background-size: cover;}
.meishaWarp .theme5_box{padding-bottom: 52px;}
.meishaWarp .theme5_box .theme5_content{height: 270px; margin-top: 52px; position: relative; }
.meishaWarp .theme5_box .theme5_content .mySwiper5{height: 100%; overflow: hidden;}
.meishaWarp .theme5_box .theme5_content .mySwiper5 .swiper-slide{text-align: center;}
.meishaWarp .theme5_box .theme5_content .mySwiper5 .swiper-slide a{display: inline-block; height: 270px;  width: 270px;  border-radius: 100%; border: 1px solid #25b8ee; background-color: #fff; padding: 9px;}
.meishaWarp .theme5_box .theme5_content .mySwiper5 .swiper-slide a i{display: block; height: 100%; border-radius: 100%; overflow: hidden;}
.meishaWarp .theme5_box .theme5_content .mySwiper5 .swiper-button-prev{left: -40px; background: url(/images/yt_gjh_hsym_theme1_lefticon.png) no-repeat center;}
.meishaWarp .theme5_box .theme5_content .mySwiper5 .swiper-button-next{right: -40px; background: url(/images/yt_gjh_hsym_theme1_righticon.png) no-repeat center;}
.meishaWarp .theme5_box .theme5_content .mySwiper5 .swiper-button-disabled{opacity: 1;}
.meishaWarp .theme3_box{margin-top: 54px;}

@media screen and (max-width:1200px) {
	.meisha-banner{height: 256px;}
	.meishaWarp{padding: 30px 0 40px;}
	.meishaWarp .title_box.s1 h4.title{width: auto;}
	.meishaWarp .title_box h4.title{height: auto;}
	.meishaWarp .theme1_box .theme1_box_left{width: 100%; float: none; height: auto;}
	.meishaWarp .theme1_box .theme1_box_right{width: 100%; float: none;}
	.meishaWarp .theme1_box {margin-bottom: 15px;}
	.meishaWarp .theme4 .theme4_box{margin-top: 15px;}
	.meishaWarp .theme4 .theme4_left{width: 100%; float: none; padding-right: 0px; margin-bottom: 20px;}
	.meishaWarp .theme4 .title_box{margin-bottom: 15px;}
	.meishaWarp .theme4 .theme4_left_box a{height: 100px;}
	.meishaWarp .theme4 .theme4_right{width: 100%; float: none;}
	.meishaWarp .theme5{margin-top: 25px; height: auto;}
	.meishaWarp .theme5_box .theme5_content .mySwiper5 .swiper-button-next{right: 0px; background-color: #fff; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
	.meishaWarp .theme5_box .theme5_content .mySwiper5 .swiper-button-prev{left: 0px; background-color: #fff; border-bottom-right-radius: 4px; border-top-right-radius: 4px;}
	.meishaWarp .theme5_box .theme5_content{margin-top: 15px;}
	.meishaWarp .theme3_box{margin-top: 15px;}
	.meishaWarp .theme4 .theme4_right ul li a{text-align: center;}
}
.meishaWarp .theme5_box .theme5_content .mySwiper5 .swiper-slide a i img {max-width:100%}
@media screen and (max-width:760px) {
	.meishaWarp {padding-bottom: 20px;}
	.meishaWarp .theme1_box .mySwiper1 .swiper-slide .top_box{height: auto;}
	.meishaWarp .theme1_box .mySwiper1 .swiper-slide .tag{font-size: 14px;}
	.meishaWarp .theme1_box .mySwiper1 a i{background-size: 40px;}
	.meishaWarp .theme1_box .theme1_box_right p{padding-right: 0px;}
	.meishaWarp .theme4 .theme4_left_box a{font-size: 16px; padding-left: 25px; height: 63px;}
	.meishaWarp .theme4 .theme4_left_box a i.icon1{    background-size: 12px auto; width: 14px;height: 22px;  background-position-y: -40px;}
	.meishaWarp .theme4 .theme4_left_box a i.icon2{background-size: 100px auto; width: 34px; height: 32px; background-position-x: -67px;}
	.meishaWarp .theme4 .theme4_left_box a.a2 i.icon2{background-position-y: -64px;}
	.meishaWarp .theme4 .theme4_left_box a.a3 i.icon2{background-position-y: -131px;}
	.meishaWarp .theme4 .theme4_right ul{margin-left: -10px;}
	.meishaWarp .theme4 .theme4_right ul li{padding-left: 10px; height: 105px; margin-bottom: 10px;}
	.meishaWarp .theme4 .theme4_right ul li a{height: 100%;}
	.meishaWarp .theme4 .theme4_right ul li a .tag{font-size: 13px; padding:0 5px ; padding-bottom: 5px;}
	.meishaWarp .theme5 .title_box h4.title , .meishaWarp .theme3 .title_box h4.title{font-size: 13px;}
	.meishaWarp .theme5 .title_box h4.title::before, .meishaWarp .theme3 .title_box h4.title::before{width: 27px; height: 27px;right: -27px;}
	.meishaWarp .theme5_box{padding-bottom: 30px;}
}
/* yt_meisha end */