body{
	min-width: 1460px;
}
.main,.w{
	width: 1460px;
	margin: 0 auto;
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}
.header .header-top{
	background: #f0f0f0;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
}
.header .header-top .zh-cn{
	margin-top: 6px;
	line-height: 22px;
	margin-left: 45px;
}
.header .header-top .zh-cn a{
	height: 22px;
	padding:0 5px;
	text-align: center;
	float: left;
	cursor: pointer;
}
.header .header-top .zh-cn a.zh{
	border-radius: 15px 0 0 15px;
	border-right: 0;
}
.header .header-top .zh-cn a.cn{
	border-radius: 0 15px 15px 0;
	border-left: 0;
}
.header .header-top .zh-cn a.active{
	padding:0 10px;
	background: #ee7700;
	color:#fff;
	border-radius: 15px;
}
.header .logo{
	width: 180px;
	margin-top: 15px;
}
.header .header-nav{
	background:#fff;
	width:100%;
}
.header .header-nav-yy{
	box-shadow: 1px 2px 3px #ccc;
}
.header .header-nav ul li{
	padding: 20px 0;
	float: left;
	position:relative;
	width:105px;
	text-align:center;
}
.header .header-nav ul li a{
	font-size: 14px;
	padding: 10px 0;
	display: block;
}
.header .header-nav ul li i{
	color: #ee7700 !important;
}
.header .header-nav .xmenu i {
	color: #fff !important;
}
.header .header-nav ul li.active a{
	color: #ee7700;
	border-bottom: 1px solid #ee7700;
}
.header .header-nav ul li .menu{
	text-align:left;
	position: absolute;
	left: 50%;
	top: 85px;
	transform: translatex(-50%);
	background:#f8f8f8;
	padding: 15px;
	display: none;
	z-index: 999;
	box-shadow: #ccc 0 0 10px;
	opacity:0.9;
}
.header .header-nav ul li .menu{
	width: 470px;
	height: 270px;
}
.header .header-nav ul li .menu em{
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #f8f8f8;
    border-right: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 50%;
	transform: translatex(-50%);
}
.header .header-nav ul li .menu>p {
	width: 105px;
	height: 10px;
	position: absolute;
	left: 180px;
	top: -10px;
}
.header .header-nav ul li .menu .menu-dh{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom: 1px dashed #ccc;
}
.header .header-nav ul li .menu .menu-content{
	width: 220px;
	padding-right: 15px;
	border-right: 1px dashed #ccc;
}
.header .header-nav ul li .menu .menu-content img{
	width: 100%;
	height: 115px;
}
.header .header-nav ul li .menu .menu-title{
	width: 210px;
	padding-left: 15px;
	padding-bottom: 15px;
}
.header .header-nav ul li .menu .menu-title a{
	display: block;
	line-height:20px;
	border-bottom: 1px dashed #ccc;
	padding: 8px 15px;
	font-size: 13px;
}
.header .header-nav ul li .menu .menu-title a:hover{
	color: #ee7700;
}
.header .header-nav ul li .menu .menu-title a:last-child{
	border-bottom: 0px;
}
.header .header-nav ul li .menu .menu-title a:nth-child(1){
	padding-top: 0;
}
.header .header-nav ul li .contact_menu{
	left: auto;
	right: 0;
	transform: translatex(0);
}
.header .header-nav ul li .contact_menu em{
	left: auto;
	right: 45px;
	transform: translatex(0);
}
.header .header-nav ul li .contact_menu>p{
	left: 360px;
}
.xmenu a,.xmenu a.dh {
	color:#fff;
}
.xmenu .menu a{
	color:#666;
}
.header .header-nav ul li .xmenu_a {
	background:#313F8A;
	color:#fff;
	box-shadow: #313F8A 0 0 10px;
}
.header .header-nav ul li .xmenu_a em{
	border-bottom: 10px solid #313F8A;
}
.header .header-nav ul li .xmenu_b {
	background:#4153BA;
	color:#fff;
	box-shadow: #4153BA 0 0 10px;
}
.header .header-nav ul li .xmenu_b em{
	border-bottom: 10px solid #4153BA;
}
.header .header-nav ul li .xmenu_c {
	background:#6666FF;
	color:#fff;
	box-shadow: #6666FF 0 0 10px;
}
.header .header-nav ul li .xmenu_c em{
	border-bottom: 10px solid #6666FF;
}
.header .header-nav ul li .xmenu_d {
	background:#EA0634;
	color:#fff;
	box-shadow: #EA0634 0 0 10px;
}
.header .header-nav ul li .xmenu_d em{
	border-bottom: 10px solid #EA0634;
}
.header .header-nav ul li .xmenu_e {
	background:#FF6600;
	color:#fff;
	box-shadow: #FF6600 0 0 10px;
}
.header .header-nav ul li .xmenu_e em{
	border-bottom: 10px solid #FF6600;
}
.header .header-nav ul li .menu .menu-title a:hover{
	color:#ffff00;
}
.header .header-nav ul li .xmenu_g {
	background:#F47F29;
	color:#fff;
	box-shadow: #F47F29 0 0 10px;
}
.header .header-nav ul li .xmenu_g em{
	border-bottom: 10px solid #F47F29;
}

.header .header-nav ul .xmenu a,.header .header-nav ul .xmenu div,.header .header-nav ul .xmenu .gray-9{
  color:#fff;
}




/* 公共底部 */
footer{
	background: #141414;
}
.footer{
	padding: 20px 80px;
	background: #141414;
}
.footer .footer-items .item{
	display: inline-block;
	margin-right: 90px;
	vertical-align: top;
	text-align: center;
}
.footer .footer-items .item:last-child{
	margin-right: 0;
}
.footer .footer-items .item h3{
	color: #fff;
	font-size: 14px;
	margin-bottom: 15px;
}
.footer .footer-items .item .item-link a{
	color: #8a8b8b;
	line-height: 20px;
	display: block;
}
.footer .footer-items .item .item-link a:hover{
	color: #f5791f;
}
.footer .customer-box .left a{
	display: block;
	position: relative;
	padding-left: 36px;
	text-align: left;
	padding-top:5px;
	line-height:15px;
	margin-top: 10px;
	color:#c2c2c2;
}
.footer .customer-box .left i{
	position: absolute;
	width: 30px;
	height: 30px;
	left:0;
	top:4px;
	background-image: url(../img/icon.png);
}
.footer .customer-box .left a.qq i{
	background-position: -45px -185px;
}
.footer .customer-box .left a.wx i{
	background-position: -105px -185px;
}
.footer .customer-box .left a.sk i{
	background-position: -165px -185px;
}
.footer .customer-box .right img{
	width: 105px;
	height: 105px;
	margin-left: 20px;
}
.footer .phone{
	margin-top: 20px;
	color: #fff;
	text-align: left;
	font-size: 13px;
}
.footer .bq{
	text-align: center;
	margin: 50px 0;
}
.footer .tab-hover li{
	padding-bottom:5px;
	padding-right: 10px;
	float: left;
}
.footer .tab-hover li:hover a,.tab-content .list a:hover{
	color: #f5791f;
}
.footer .tab-hover li.active a{
	color: #f5791f;
}
.footer .tab-content{
	padding: 10px 0;
}
.footer .tab-content .list{
	display: none;
}
.footer .tab-content .list:nth-child(1){
	display: block;
}
.footer .tab-content .list a{
	display: inline-block;
	margin: 5px 10px 5px 0;
}
.footer .footer-contact-l {float: left;width:600px;}
.footer .footer-contact-r {float: right;width:380px;}
.footer .footer-contact-la {color:#ccc;font-size: 25px;padding-bottom:10px;}
.footer .footer-contact-lb {color:#999;font-size: 16px;}
.footer .footer-contact-lb li a {color:#999;}
.footer .footer-contact-lb i {font-size:16px;}
.footer .footer-contact-lb li {padding-top:30px;}
.footer .footer-contact-lb li img {width:25px;height:25px;}
.footer-contact-r dl {padding-bottom:10px;color:#999;}
.footer-contact-r dl input {border:0px;background:#ccc;color:000;height:30px;line-height30px;width:380px;outline: none;}
.footer-contact-r dl .footxt {border:0px;background:#ccc;width:370px;height:60px;line-height: 20px;}
.footer-contact-rb input {border:0px;width:100px;padding-right:5px;height: 30px;line-height:30px;background:#ff6600;color:#fff;cursor:pointer;}


.main_en_inbj {height:200px;background:url('/m/web/1/img/en/inbj.jpg') no-repeat;padding:30px 200px;}
.main-mail-tit {color:#fff;}
.main-mail-titf {color:#ffcc66;line-height:35px;}
.main-mail-titf span {color:#ff6600;}
.main-mail-le {margin-top:10px;}
.main-mail-le div {float:left;color:#fff;width:300px;}
.main-mail-le .mmail-in {width:280px;height:30px;border-radius: 5px;}
.main-mail-le .mmail-sub {width:100px;height:30px;border-radius: 5px;background:#ff6600;color:#fff;border: 0px;}
.gbook-tit {position: absolute;z-index: 9999;width:370px;margin-top:80px;height:50px;}
.gbook-tit div {margin:0 auto;height:80px;padding:10px 20px;cursor:pointer;}
.gbook-tit div dt {color:#fff;font-size:18px;text-align: right;}
.gbook-tit div dd {color:#fff;text-align:center;line-height:35px;font-size:14px;}
.gbook-tit .gerror {width:300px;background:#cc0000;}
.gbook-tit .gok {width:200px;background:#009900;}
#saformi .gbook-tit {margin:-50px 0 0 400px;}

/* 公共样式 */
.common-title{
	text-align: center;
	padding: 30px 0 30px;
	position: relative;
}
.common-title .more-btn{
	position: absolute;
	right: 0;
	top: 60px;
}
.common-title h3{
	font-size: 30px;
	color:#333;
	padding-bottom:5px;
}
.common-title .href-xs {
	overflow: hidden;
	position: relative;
	top: -100px;
}
.common-title small{
	color:#333;
}
a.more-btn{
	border: 1px solid #ff8e8f;
	color:#ff8e8f;
	display: inline-block;
	padding: 7px 10px;
	border-radius: 3px;
}
a.more-btn .iconfont{
	font-size: 12px;
}
/* page分页样式start */
#page{
	text-align: center;
	margin: 10px auto;
	position: relative;
}

#page .pager a,#page .pager span{
	display: inline-block;
	padding: 9px 16px;
	border: 1px solid #e7e7e7;
	margin-right: 7px;
}
#page .pager a:hover{
	background:#f8f8f8;
}
#page .pager .page_cur{
	background: #ff5d1d;
	color:#fff;
}
/* page分页样式end */

/* 头部便签导航start */
.common-nav-tag{
	height: 46px;
	line-height: 46px;
	color:#999;
}
.common-nav-tag .top-nav li{
	float: left;
}
.common-nav-tag .top-nav li:first-child{
	margin-left:10px;
}
.common-nav-tag .top-nav li:last-child .iconfont{
	display: none;
}
.common-nav-tag .top-nav li .iconfont{
	font-size: 12px;
	margin: 0 5px;
}
/* 公共页面头部便签导航end */
.line{
	width: 100%;
}

.banner_case {height:250px;background:url(../../img/bn_case.jpg) no-repeat center center;}
.banner_kehu {height:270px;background:url(../../img/bn_kehu.jpg) no-repeat center center;}
/*.banner_news {cursor:pointer;height:270px;background:url(../../img/bn_wuhan_1.jpg) no-repeat 100%;}*/
.banner_news>img { width: 100%; cursor:pointer; }
/*.banner_hot {cursor:pointer;height:270px;background:url(../../img/bn_hot.png) no-repeat center center;}*/
.banner_hot>img { width: 100%; cursor:pointer; }
.banner_error {height:565px;background:url(../img/error.jpg) no-repeat center center;}
.banner_about {height:270px;background:url(../../img/bn_about.jpg) no-repeat center center;}
.banner_contact {height:270px;background:url(../../img/bn_contact.jpg) no-repeat center center;}
.banner_team {height:270px;background:url(../../img/bn_team.jpg) no-repeat center center;}
.banner_job {height: 550px; background:url(../../img/bn_job1.jpg) no-repeat center center;margin: 0 auto;}
.banner_join {height:557px;background:url(../../img/bn_join2.jpg) no-repeat center center;position: relative;}
.banner_join2 {height:557px;background:url(../../img/bn_join2.jpg) no-repeat center center;position: relative;}
.banner_content {height:557px;background:url(../../img/bn_zhaop.jpg) no-repeat center center;position: relative;}
.banner_staff {height:563px;background:url(../../img/bn_staff.jpg) no-repeat center  center;position: relative;}
.banner_vr {height:500px;background:url(../../img/bn_vr1.1.jpg) no-repeat center center;}
.banner_vrar {height:500px;background:url(../../img/bn_vr1.jpg) no-repeat center center;}
.banner_isolate {height:401px;background:url(../../img/bn_isolate.jpg) no-repeat 100%;}
.banner_vras {width:100%;height:550px;background:url(../../img/bn_number.jpg) no-repeat center; margin: 0 auto;}
.banner_vraj {width:100%;height:500px;background:url(../../img/bn_vraj.jpg) no-repeat center; margin: 0 auto;}
.banner_douyin {width:100%;height:500px;background:url(../../img/bn_douyin.png) no-repeat center; margin: 0 auto;}
.banner_supplier {height:555px;background:url(../../img/banner_02_1.jpg) no-repeat center center;}
.banner_activity {height:542px;background:url(../../img/bn_activity.jpg) no-repeat center center;}

.main_jbh {height:450px;background:url(../../img/bj_jbh2.jpg) no-repeat center center;}
.main_vr {height:450px;background:url(../../img/bj_vr2.jpg) no-repeat center center;}
.main_jbh_dj {float: left;width:750px;height:450px;cursor:pointer;}
.main_jbh_vod {float: left;width:650px;padding-top:45px;}
.main_jbh_vod2 {background:#333;}
.main_jbh_vod2 video {width:650px;}

.xfqq {position:fixed;z-index:999;top:40%;left:0;}
.xfqqs {width:93px;height:151px;background:url('../../img/qq.png');}
.xfqqs p {cursor:pointer;padding-top:130px;text-align:center;}
.thonor,.wxchat {
	  position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch;
    background-color: rgb(0, 0, 0);
    filter: alpha(opacity=60);
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    height:100%;
}
.wxchats {
	   position: absolute;
	   z-index:999;
	   width:200px;
	   height:200px;
	   left:50%;
	   top:50%;
		 margin-left:-100px;
		 margin-top:-100px;
}
.thonors p,.wxchats p {
	   cursor:pointer;
	   position: absolute;
	   z-index:999;
	   margin-top:-18px;
	   right:-18px;
	   width:36px;
	   height:36px;
	   background-image: url(../../img/fancybox_sprite.png);
     background-size: 44px 152px;
}
.thonors {
	   position: absolute;
	   z-index:999;
	   max-width:1000px;
	   max-height:750px;
}
.news-content {padding:0 30px;}

.inbar {position:relative;background:#000;margin:0 auto;}
.inbar .bd {position:relative;z-index:0;}
.inbar .bd li img {width:100%;vertical-align:top;}
.inbar .hd {position:relative;z-index:1;margin-top:-30px;bottom:40px;height:30px;line-height:30px;text-align:center;filter:alpha(opacity=50);opacity:0.5;}
.inbar .hd ul {text-align:center;padding-top:5px;}
.inbar .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;border-radius:50%;margin:5px;background:#000;overflow:hidden;font-size:0;}
.inbar .hd ul .on {background:#ff9900;width:30px;border-radius:10px;}
.inbar p {position:absolute;width:1200px;z-index:1;top:50%;left:50%;margin-left:-600px;}
.inbar .prev,.inbar .next {display:block;position:absolute;margin-top:-40px;z-index:1;width:60px;height:60px;background:url(../../img/ad_ctr.png) 0px 0px no-repeat;cursor:pointer;display:none;}
.inbar .next {left:auto;right:0;background-position:0px -60px;}
.inbar p a.prev:hover {background-position:0px -180px;}
.inbar p a.next:hover {background-position:0px -120px;}

.bar-vod {
	  position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch;
    background-color: rgb(0, 0, 0);
    filter: alpha(opacity=60);
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    height:100%;
}
.bar-vods {
	   position: absolute;
	   z-index:999;
	   width:800px;
	   height:520px;
	   background:#efefef;
	   left:50%;
	   top:50%;
		 margin-left:-400px;
		 margin-top:-260px;
}
.bar-vods p {
	   cursor:pointer;
	   position: absolute;
	   z-index:999;
	   margin-top:-18px;
	   right:-18px;
	   width:36px;
	   height:36px;
	   background-image: url(../../img/fancybox_sprite.png);
     background-size: 44px 152px;
}


.hover-up{
    transition-duration: .5s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.case_date {float:left;width:280px;background-position:235px 14px;}
.case_venue {float:left;width:835px;height:20px;}
.case_venues {width:100%;height:20px;line-height:20px;overflow:hidden;}

.case_info {float:left;width:80px;line-height:35px;background-position:0 12px;}
.case_infos {float:left;width:420px;line-height:35px;height:35px;padding-right:20px;overflow:hidden;}

.clook_tu {float:left;width:770px;padding:10px 10px 10px 15px;}
.clook_tu .caseImg{position: relative;width:770px;height:510px;overflow:hidden;margin-bottom:10px;}
.clook_tu .caseImg .consulting{position: absolute;top:0;left:0;width:770px;height:510px;background:url(../../img/blackbg.png);display:none;z-index:1}
.clook_tu .caseImg .consulting img {width:160px;height:60px;display:block;margin:225px auto;}

.case_class,.case_city,.case_country {width:100%;margin:10px 0 10px 0;}
.case_class li {float:left;width:109px;line-height:25px;}
.case_city li {float:left;width:55px;line-height:25px;white-space:nowrap;overflow:hidden;}
.case_country li {float:left;padding-right:10px;line-height:25px;white-space:nowrap;overflow:hidden;}

.ven_t {text-align:center;padding:15px 0 15px 0;color: #555555}
.ven_n {line-height:30px;width:100%;overflow:hidden;color: #555555}


.xcompany_nr {padding:0 30px;}
.xcompany_nrd {text-align:center;padding:30px 0;}
.xcompany_nrd h3 {font-size:30px;line-height:35px;color:#000;}
.xcompany_nrd small {color:#f90;}
.xcompany_txt {line-height:27px;color:#333;}
.xcompany_txt h3 {font-size:16px;color:#333;}
.xcompany_txt h4 {font-size:14px;color:#333;}
.xcompany_txt h4 i {float:left;margin-left:-8px;}
.xcompany_txt h4 span {loat:left;}
.xcompany_txt a {line-height:18px;color:#333;}
.xcompany_txt a:hover {color:#f90;}
.xcompany_nrls {width:900px;padding-left:50px;background: url('../../img/line2.png') no-repeat;background-size: auto 100% ;}
.xcompany_ls {margin:30px 0;}
.xcompany_lsa {float:left;margin-left:-150px;width:150px;font-size:20px;line-height:40px;}
.xcompany_lsa p {float:right;margin-right:30px;width:41px;height:41px;background: url('../../img/dd.png') no-repeat;}
.xcompany_lsn {float:left;margin-top:10px;}
.xcompany_lsnr {display: inline-block;
        *display: inline;
        vertical-align: middle;
        line-height:25px;}
.xcompany_lsnr img {vertical-align: middle;padding-right:20px;}

.time-line{width:100%;position: relative;}
.time-line .left-btn,.time-line .right-btn{width: 60px;height: 60px;background: url(../../img/ad_ctr.png) no-repeat;position: absolute;margin-top:-30px;cursor: pointer;}
.time-line .left-btn{left:0;top:50%;}
.time-line .right-btn{right:0;top:50%;background-position: 0px -60px;}
.time-line .right-btn:hover{background-position: 0px -120px;}
.time-line .left-btn:hover{background-position: 0px -180px;}
.time-line .time-box{width: 1340px;margin: 0 auto;overflow: hidden;}
.time-line .time-box ul{overflow: hidden;position: relative;height: 380px;}
.time-line .time-box ul:after{content: "";background: #e1e1e1;height: 1px;width: 100%;position: absolute;left:0;top:50%;}
.time-line .time-box li{width:220px;float:left;padding:10px;box-sizing: border-box;border: 1px solid #e1e1e1;background:#fff;position: relative;top: 88px;line-height:22px;cursor: pointer;}
.time-line .time-box li .point,.time-line .time-box li .points {font-size:16px;width:62px;height:62px;line-height:62px;background:#e1e1e1;text-align:center;position: absolute;border-radius: 50%;left:80px;top: 70px; z-index: 1;}
.time-line .time-box li:nth-child(2n) {margin-top:160px;}
.time-line .time-box li .points {top:-90px;}
.time-line .time-box li:before{content: "";border-left: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;position: absolute;width: 16px;height: 16px;background: #fff;bottom: -9px; transform: rotate(-45deg);left: 50%;margin-left: -8px;}
.time-line .time-box li:nth-child(2n):before{bottom: auto;top: -10px;transform: rotate(-225deg);}
.time-line .time-box li.active{background: #ff9900;color:#fff;border-color: #ff9900;}
.time-line .time-box li.active:before{border-color: #ff9900;background: #ff9900;}
.time-line .time-box li.active .point,.time-line .time-box li.active .points {background:#ff9900;color:#fff;}
.time-line .time-box li.active p a {color:#fff;}
.time-line .time-box li.xls2 {top:0px;}
.time-line .time-box li.xls2 .point {top:156px;}
.time-line .time-box li.xls3 {top:44px;}
.time-line .time-box li.xls3 .point {top:114px;}
.time-line .time-box li.xls4 {top:22px;}
.time-line .time-box li.xls4 .point {top:136px;}

.xnews {background:#fff;padding:20px;margin:20px 0}
.xnews_left {float:left;width:180px;background:#fff;}
.xnews_lefts {padding-bottom:20px;}
.xnews_lefts dt {font-size:25px;height:50px;line-height:50px;background:#FEA621;color:#fff;text-align:center;}
.xnews_lefts dd {height:45px;line-height:45px;border-bottom:1px #e9e9e9 dashed;padding:0 20px;text-align:center;}
.xnews_right {float:right;width:1000px;background:#fff;}
.xnews_right .top-title {color:#999;text-align: right;padding: 20px 30px 20px 30px;height:35px;}
.xnews_right .top-title .title-big {font-size:16px;}
.c_map {width:640px;height:350px;border:#ccc solid 1px;}
.bottom_a {padding-top: 10px;height: 20px;background: url(../../img/bjt.jpg) no-repeat;}


.me_dh {border:#E9E9E9 1px solid;margin-top:20px;}
.me_dh dl {border:#FFFFFF 1px solid;background:#efefef;padding:5px 0 0 10px;}
.me_bian {border-left:#E9E9E9 1px solid;border-right:#E9E9E9 1px solid;border-bottom:#E9E9E9 1px solid;padding:5px;}
.expo_info {float:left;width:290px;margin-right:20px;}
.expo_infos li {float:left;font-size:12px;padding:5px 0 5px 5px;width:268px;white-space:nowrap;overflow:hidden;}

.newslist {margin:10px 0 10px 0px;}
.newslist li {float:left;height:100px;margin-bottom:10px;line-height:22px;overflow:hidden;border-bottom:#e1e1e1 1px dashed;}
.newslist li img {padding:2px;border:#ddd solid 1px;margin-left:10px;}
.newslist .bianb {font-weight:normal;}


.kehubar{ width:100%;position:relative;height:500px;}
.kehubars { width:1140px; height:500px;position:relative;margin:0 auto;overflow:hidden;}
.kehubars .bd li{ vertical-align:middle; }
.kehubars .bd li img{ width:1140px; height:500px; display:block;  }
.kehubars .hd{ position: absolute;right:2px;bottom:10px; }
.kehubars .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; }
.kehubars .hd ul li{  position:relative; float:left; display:inline; padding-top:4px;  margin-right:8px; filter:alpha(opacity=50); opacity:0.5;  cursor:pointer;  }
.kehubars .hd ul li img{ width:129px;height:55px;padding:5px 10px;background:#fff;border:2px solid #fff;display:block;  }
.kehubars .hd ul li.on { filter:alpha(opacity=90); opacity:0.9;}

.casepic {position:absolute;background:#333;opacity:0.8;display:none;}
.casepics {margin:0 auto;width:100px;height:50px;line-height:50px;font-size:14px;color:#fff;background:#ff9900;text-align:center;cursor:pointer;}

.job_fz li {float:left;width:25%;text-align:center;}
.job_fz li img {width:50%;}

.job-fl dl {float:left;width:363px;padding:0 0 2px 2px;}
.job-fl dl dd img {width:100%;}
.job-fl dl dt {background:#166bb9;height:25px;line-height:25px;color:#fff;text-align:center;margin-top:-25px;opacity:0.7;}


.join_fz a{float:left;width:23.5%;height: 150px;margin-right: 2%;border-radius: 8px;}
.join_fz a:last-child {margin-right: 0;}
.zpbg {background:  #f3f3f3 url("../../img/zpbg.jpg") no-repeat 100% 100% !important; color: #fff !important;}

/*招聘首页*/
/*.join-index {width: 100%;overflow: hidden;}*/
.join-index .job-guojia {overflow:hidden;background-image: url("../../img/guojia_bg.jpg");background-repeat: no-repeat;background-position: center bottom;background-size: 1460px 180px;position: relative;padding-bottom: 60px;}
.join-index .job-guojia .job-guojia-menu { display: flex;display: -webkit-flex;display: -moz-flex;display: -o-flex; display: -ms-flex;  justify-content: space-between;}
.join-index .job-guojia .job-guojia-menu img {width: 130px; height: 130px; border-radius: 50%;display: block;overflow: hidden;box-shadow: 2px 3px 20px rgba(0,0,0,0.3);}
.join-index .job-guojia>a {position:absolute;left: 680px;bottom: 60px; text-align: center;display: block;background-color: #3370ff;color: #fff;width: 120px;height: 50px;line-height: 50px;border-radius: 30px;}


.job-h-bg {position: relative;z-index:-1;top: -48px;font-size: 36px;font-weight: bold;letter-spacing: 8px;color: #f3f3f3;height: 20px;}
.join-index .job-zhiwei .job-zhiwei-menu {display: flex;justify-content: space-between;flex-wrap: wrap;padding: 30px 0;}
.join-index .job-zhiwei .job-zhiwei-menu a img {width: 200px;height: 200px;border-radius: 50%;}
.join-index .job-zhiwei .job-zhiwei-menu a:nth-child(4n) img{margin-right: 0;}
.join-index .job-zhiwei .job-zhiwei-menu:last-child a:last-child {position: relative;}
.zhiwei-bg {width: 200px;height: 200px; border-radius: 50%;background-color: rgba(0,0,0,0.5); position: absolute;top: 0;padding: 50px;}
.zhiwei-bg img {width: 30px !important;height: 30px !important;margin-left: 36px;margin-top: 10px;}
.join-index .job-zhiwei .job-zhiwei-menu a p{font-size: 16px;text-align: center;margin-top: 30px;letter-spacing: 1px;}
.join-index .job-zhiwei .job-zhiwei-menu a .zhiwei-bg p {color: #fff;font-size: 20px !important;font-weight: 600;}

.join-index .job-main{ padding: 60px 0;}
.join-index .job-main .common-title {text-align: left;padding:  60px 0;}
.join-index .job-zhixun .common-title.life {padding: 0 0 30px;}
.join-index .job-main img {border-radius: 8px;}
.join-index .job-zhixun {position: relative;z-index: 1;}
.join-index .job-zhixun .h100{height: 100px;}
.join-index .job-zhixun .w330{width: 330px;}
.join-index .job-zhixun .bg-faf{background-color: #f9faff;padding: 50px 0;}
.join-index .job-zhixun .bg-f8 {position: relative;padding: 60px 0 30px;margin-bottom: 50px;}
.join-index .job-zhixun .bg-f8 .job-zhixun-main img {position: absolute;top: 60px;}
.join-index .job-zhixun .job-zhixun-main h3 { font-size: 30px;padding-bottom: 30px;}
.join-index .job-zhixun .job-zhixun-main h4 { font-size: 24px;padding-bottom: 30px;border-bottom: 1px solid #e7e7e7;color: #333333;padding-top: 10px;}
.join-index .job-zhixun .job-zhixun-main h5 { font-size: 18px;padding-bottom: 15px;padding-top: 30px;}
.join-index .job-zhixun .job-zhixun-main p {letter-spacing: 1px;line-height: 20px;}
/*.join-index .job-zhixun .job-zhixun-bg1 {width: 50%;height: 1332px;background-color: #f8f8f8; position: absolute;right: 0;top: 0;z-index: -1;}*/
.join-index .job-zhixun .job-zhixun-main .job-zhixun-main-cs .txtMarquee-top {position: absolute; top: 0;width: 400px;margin: 25px 30px 0;}
.join-index .job-main .common-title:first-child {padding-top: 0;}

.join-index .job-yggs .job-yggs-list {display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 60px;}
.join-index .job-yggs .job-yggs-list .job-yggs-list-tit { width: 49.9%;height: 360px;margin-bottom: 2px;border-radius: 8px;}
.join-index .job-yggs .job-yggs-list .job-yggs-list-tit img {width: 100%;}
.join-index .job-yggs .job-yggs-menu {padding: 0 0 60px;display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;flex-wrap: wrap;justify-content: space-between;}
.join-index .job-yggs .job-yggs-menu a{width: 49.9%;overflow: hidden;box-sizing: border-box;margin-bottom: 3px;position: relative;}
.join-index .job-yggs .job-yggs-menu a img {width: 100%;}
.join-index .job-yggs .job-yggs-menu a .bottom-staff-tit{background-color: #fff;padding: 25px 10px;border: 1px solid #f3f3f3;height: 170px;position: relative;}
.join-index .job-yggs .job-yggs-menu a:hover .bottom-staff-tit{ color: #ff9900;}
.join-index .job-yggs .job-yggs-menu a .bottom-staff-tit h4{  font-size: 18px;font-weight: 500;}
.join-index .job-yggs .job-yggs-menu a .bottom-staff-tit p {margin: 15px 0;overflow: hidden;color: #999;line-height: 20px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.join-index .job-yggs .job-yggs-menu a .bottom-staff-tit span {font-weight: 400;font-size: 16px;position: absolute;bottom: 20px;color: #999;}

.join-index .job-yggs .job-yggs-menu a .job-yggs-staff img {    width: 235px;height: 235px;border-radius: 50%;position: absolute;top: 27px;right: 34px;}
.join-index .job-yggs .job-yggs-menu a:nth-child(6) .job-yggs-staff img {right: 28px;}

.join-index .job-yggs .job-yggs-menu.omt {padding: 0 0 60px;}
.join-index .job-yggs .job-yggs-menu.omt a {width: 33%;}
.join-index .job-yggs .job-yggs-menu.omt a img {width: 100%;height: 220px;}
.join-index .job-yggs .job-yggs-menu.omt a .bottom-staff-tit{padding: 30px;background-color: #dde6ed;height: 280px;}
.join-index .job-yggs .job-yggs-menu.omt a .bottom-staff-tit span {bottom: 30px;}

.join-index .job-news-menu {padding: 0 0 60px; display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;flex-wrap: wrap;justify-content: space-between;}
.join-index .job-news-menu a{width: 49.2%;}
.join-index .job-news-menu a:hover .job-news-tit {color: #ff9900 !important;}
.join-index .job-news-menu a img {float: left; width: 180px;height: 120px;margin-right: 20px;border: 1px solid #f8f8f8;}
.join-index .job-news-menu a .job-news-tit h4 {font-size: 14px;}
.join-index .job-news-menu a .job-news-tit span {display: block;color: #999;margin: 10px 0;}
.join-index .job-news-menu a .job-news-tit p {color: #999;line-height: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
	/*招聘内页*/
.join-nav .join-nav-o ol>li {float: left;width: 18.5%;}
.join-nav .join-nav-o ol>li p {margin-left: 15px;margin-bottom: 10px;}
.join-nav .join-nav-o ol>li select {width: 95%;height: 40px;border-radius: 5px;}
.join-nav .join-nav-o ol>li input[type="text"] {width: 95%;height: 40px;border-radius: 5px;}
.join-nav .join-nav-o ol> input[type="submit"] {float: right;margin-top: 26px;width: 90px;height: 40px;border-radius: 5px;background-color: #c40d21;color: #fff;cursor: pointer;outline:auto;letter-spacing: 5px;}
.join-nav .join-nav-u .join-nav-tit{width: 100%;height: 80px;line-height: 80px;position: relative;z-index: 1;}
.join-nav .join-nav-u .join-nav-tit:first-child{border-bottom: 1px solid #e7e7e7;}
/*.join-nav .join-nav-u .join-nav-tit:last-child {padding-top: 20px;}*/
/*.join-nav .join-nav-u .join-nav-tit a{border: 1px solid #333;line-.content-index .contetn-depict pheight: 40px;width: 100px;text-align: center;border-radius: 5px;margin-top: 20px;}*/
/*.join-nav .join-nav-u .join-nav-tit a:hover {background-color: #666;color: #fff;}*/
.join-nav .join-nav-u .join-nav-tit .x-page span:first-child,.join-nav .join-nav-u .join-nav-tit .x-page span:last-child {display: none;}
.join-nav .join-nav-u .join-nav-tit .x-page span,.join-nav .join-nav-u .join-nav-tit .x-page a{margin-right: 5px;}
.join-nav .join-nav-u .join-nav-tit .x-page span {border: none;background-color: #ff9900;}
.join-nav .join-nav-u ul li{width: 100%;height: 60px;line-height: 60px;border-bottom: 1px solid #e7e7e7;}
.join-nav .join-nav-u ul li:hover {background-color: #f3f3f3;}
.join-nav .join-nav-u ul li h4 {font-size: 18px;font-weight: 500;float: left;width: 200px;text-align: left;margin-right: 100px;}
.join-nav .join-nav-u ul li p{float: left;width: 280px;}
.join-nav .join-nav-u ul li a img {width: 16px;float: right;margin: 22px 0;padding-left: 34px;}
.x-pagelist {width: 40px;position: absolute;right: 15px;top: 60px;border: 1px solid #E7E7E7;display: none;}
.x-pagelist li {height: 30px !important;line-height: 30px !important;cursor: pointer;background-color: #f3f3f3;}
.x-pagelist li:hover{background-color: #fff !important;}



/*招聘详细页*/
.content-index {padding: 0 200px;}
.content-index .common-title {text-align: left;padding-bottom: 0;}
.content-index .contetn-depict h4{font-size: 20px;color: #666; font-weight: 500; margin-bottom: 20px;margin-top: 50px;}
.content-index .contetn-depict p{line-height: 30px;font-size: 14px;}
.content-index .content-a {display: block;margin-top: 50px;margin-bottom: 50px;width: 120px;height: 40px;line-height: 40px;background-color: #428bca; border-radius: 20px;color: #fff;text-align: center;font-size: 16px;}

/*员工详细页*/
.content-index .contetn-staff {padding: 30px 0 40px;}
.content-index .contetn-staff p:first-child span,.content-index .contetn-staff p:nth-child(3) span{ font-size: 18px;font-weight: 500;color: #333;font-family: "Microsoft Yahei, Arial, Simsun" !important;}
.content-index .contetn-staff p{line-height: 25px !important;margin-bottom: 20px;}
.content-index .contetn-staff p span {font-family: "Microsoft Yahei, Arial, Simsun" !important;}
.bottom-staff {padding: 0 200px 60px 200px;}
.bottom-staff ul li {float: left;width: 33%;height: 385px;margin-right: 0.5%;padding: 20px 35px;box-sizing: border-box;border: 1px solid #e7e7e7;border-radius: 8px;}
.bottom-staff ul li:last-child {float: right;margin-right: 0;}
.bottom-staff ul li a>img {width: 180px;height: 200px;border-radius: 50%;margin: 0 auto 20px;display: block;}
.bottom-staff ul li:hover {background-color: #f3f3f3;}
.bottom-staff ul li .bottom-staff-tit h4{  font-size: 16px;font-weight: 500;height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.bottom-staff ul li .bottom-staff-tit p {font-weight: 500;margin: 15px 0;}
.bottom-staff ul li .bottom-staff-tit span img{margin: 0 auto;display: block;}

.vrtxt dl {float:left;width:486px;padding:0 30px;}
.vrtxt dt,.vrtxt dd {width:430px;text-align:center;}
.vrtxt dd {padding-top:20px;line-height:30px;}
.vrtxt dt img {width:100%;}
.vrtxt dd h3 {font-size:14px;color:#ff6600;}

/* 首页东亚海洋链接 */
.Vrcon {
	position: relative;
	z-index: 1;
}
.VrCover1 {
	display: block;
	width: 165px;
	height: 60px;
	position: absolute;
	bottom: 280px;
	left: 100px;
}
.VrCover2 {
	display: block;
	width: 165px;
	height: 60px;
	position: absolute;
	bottom: 280px;
	left: 360px;
}
.VrCover3 {
	display: block;
	width: 165px;
	height: 60px;
	position: absolute;
	bottom: 210px;
	left: 100px;
}
.VrCover4 {
	display: block;
	width: 165px;
	height: 60px;
	position: absolute;
	bottom: 210px;
	left: 360px;
}

/*供应商入驻*/
.company-index .banner_supplier .supplier_content {text-align: center;padding-top: 250px;color: #fff;line-height: 40px;}
.company-index .banner_supplier .supplier_content a.white {display: block;width: 180px;padding: 5px ;margin: 25px auto 0;font-size: 20px;border-radius: 5px; background-color: #2b8dfa;}

.company-index .advantage {background: url(../../img/bg_07.jpg); height: 510px;position: relative;}
.advantage .main{height:580px;background:#fff;position:absolute;top:-137px;left:50%;margin-left:-600px;border-bottom:1px solid #2371fb}
.advantage-img,.cooperation-img{width:713px;display:block;margin:auto;padding-top:30px}
.advantage ul{margin-left:38px;margin-top:60px}
.advantage ul li{width:210px;height:355px;float:left;text-align:center;box-shadow:5px 5px 5px #f6f6f6;margin-right:15px;padding:0 15px}
.advantage ul li img{margin-top:35px}
.advantage ul li span{color:#000;font-weight:bold;font-size:20px}
.advantage ul li p{font-size:12px;line-height:20px;margin-top:25px}

.cooperation{background:#303757;height:407px}
.cooperation ul{background:url(../../img/service_07.png) no-repeat;height:86px;padding-left:10px;padding-top:97px;margin-left:57px;margin-top:50px}
.cooperation ul li{float:left;color:#fff;width:88px;text-align:center;margin-right:152px;font-size:16px}
.cooperation ul li.support{margin-left:22px;margin-right:145px}
.cooperation ul li.service{margin-right:0}

.qualifications{height:543px}
.qualifications-img{width:493px;display:block;margin:auto;padding-top:40px}
.qualifications ul{margin-left:50px}
.qualifications ul li{width:345px;height:280px;float:left;border-radius:5px;margin-right:30px;margin-top:65px;background:#fff;box-shadow:5px 5px 5px #f6f6f6;transition:transform 2s;-moz-transition:transform 2s;-webkit-transition:transform .5s;-o-transition:transform 2s;-ms-transition:transform 2s}
.qualifications ul li span{display:block;text-align:center}
.qualifications ul li img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:grayscale(100%)}
.qualifications ul li:hover{transform:translateY(-12px)}
.qualifications ul li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter:grayscale(0)}
.qualifications-title{font-weight:bold;font-size:20px;color:#333;margin-top:32px}
.qualifications-content{font-size:15px;color:#999;margin-top:10px}

.apply-form{background:#f6f8fb url(../../img/form_29.jpg) no-repeat center 0;height:497px}
.form-left{width:520px;float:left;font-size:48px;margin-left:50px;margin-top:120px}
.form-left span{display:block}.line1{font-size:48px;font-weight:bold;color:#1a1a3c}
.line2{font-size:40px;font-weight:bold;color:#1a1a3c}
.line3{font-size:26px;color:#2f60ee;margin-top:42px}
.form-right{float:left;width:500px;margin-top:50px}
.form-right input{width:450px;height:50px;line-height:50px;padding:0 25px;font-size:16px;color:#b3b3b3;border:0;margin:30px 0 0;border-radius:5px;box-shadow:5px 5px 5px #eceef1}
.form-right .submit{width:204px;height:50px;display:block;text-align:center;line-height:50px;border-radius:50px;background:#2f60ee;font-size:16px;color:#fff;margin:30px 0 0 150px;box-shadow:none;cursor:pointer}
.error{color:#d03864;margin:8px 30px 0 0;display:block}

.contact-icon img {width:25px;height:25px;margin-right: 10px;}