.addredr>.nav>li>a.server{

	color: #FFF;
	background:url(../image/hengan.png) center no-repeat;

}

.banner{

	position: relative;

	padding-top: 22.6458%;

	background: #534fd8 url('/static/images/server/bg_banner.jpg') no-repeat center center;

	background-size: cover;

}

.banner .pic{margin: 0 auto;}

.banner .pic-1{width: 60.57%;min-width: 310px;}

.banner .pic-1>img{margin-bottom: 3.2%;}



.banner .pic-2{width: 32.91%;min-width: 240px;}

.banner .pic-2>img{margin-bottom: 10%;}



.banner .pic-3{width: 9.0625%;min-width: 130px;animation-delay: .3s;}

.banner .pic-3>img{margin-bottom: 30%;}



.banner .circle{width: 39%;position: absolute;left: 50%;top:0;}

.banner .circle>img{margin-left: -50%;}





.main_fw{

	max-width: 1280px;

	padding: 60px 15px 1em;

	margin: 0px auto;

	text-align: center;

	overflow:hidden;

	font-size: 14px;

}

.main_fw .main-all {

	margin: 7% 0.5% 0;

	width: 24%;

	padding: 125px 15px 30px;

	text-align: center;

	float: left;

	cursor: default;

	position: relative;

	min-height: 300px;

	border-radius: 8px;

}

.main_fw .main-all:hover {

	box-shadow: rgb(210, 210, 210) 0px 0px 40px;

}

.main_fw .main-all>img{

	position: absolute;

	left: 50%;

	transform: translate(-50%,-100%);

}

.main_fw .main-all h4{

	margin:20px 0;

}

.main_fw .main-all p{

	font-size: 14px;

	color: rgb(153,153,153);

	line-height: 24px;

	text-align: left;

	min-height: 96px;

}



.ie8 .main_fw .main-all{

	padding-top: 0;

}

.ie8 .main_fw .main-all>img{

	position: static;

}







.flow{

	margin-top: 100px;

	text-align: center;

}

.flow .img {

	margin: 30px;

}

.flow h2 {

	font-weight: 400;

}

.flow small {



	color: rgb(153, 153, 153);

}

.flow .title{

	padding-top: 50px;

	margin-bottom: 60px;

}



.banner-phone {

	background: url('../image/banner_bg.jpg') no-repeat center top;

	background-size: cover ;

	text-align: center;

	overflow: hidden;
	padding-bottom: 1%;

}

.banner-phone h2 {

	color: rgb(255, 255, 255);

	font-weight: 400;

	margin-top: 40px;

	margin-bottom: 15px;

}
.banner-phone p{
	color: #bbbfce;
}
.phone-img{position: relative;}
.phone-img-box{
	max-width: 1250px;
	width: 100%;
	height: 604px;
}
.banner-phone .phone-img{
	display: none;
}
.banner-phone .live-img{
	width: 91.5%;
    margin-left: 9%;
    margin-top: -1.16%;
    opacity: 0;
}
.banner-phone .live-img1{
	opacity: 0;
}
.banner-ui{

	padding-bottom: 64px;

}
.phone-img .active-img,.phone-img .active-img1{
	display: none;
}
.dian{

	position: absolute;

	font-size: 14px;

	line-height: 1.42858;

	color: #fff;

}
.dian .headline{

	position: relative;

}

.dian .headline .order{

	position: absolute;

}

.dian .headline .point{

	position: absolute;

}



.dian .headline>h3{

	font-weight: normal;

	font-size: 18px;

	line-height: 1.34;

	margin-bottom: 16px;

	padding-right: 14px;

}
.phone-img1 .dian-1{
	margin-top: -107px;
    width: 300px;
    margin-left: -7.5%;
}
.top .dian-1,.top .dian-2,.top .dian-3,.bottom .dian-1,.bottom .dian-2,.bottom .dian-3{
	margin-top: 60px;
	opacity: 0;
}

.dian-1{width: 208px;text-align: right;top: 43%;left: 24.1%;}

.order-1{left: 0;top: -18px;}

.point-1{top: 0px;right: -16px;}

.dian-2,.dian-3{width: 430px;text-align: left;}

.order-2,.order-3{margin-left: 10px;margin-top: -14px;}

.point-2,.point-3{margin-top: 6px;}

.dian-2{
	top: 13%;
    left: 63.7%;}

.point-2{margin-left: -64px;}

.dian-3{top: 74%;    left: 64.8%;}

.point-3{margin-left: -44px;}


.wrap {

	max-width: 1400px;

	margin: 0 auto;

}

.wrap>.ui{

	text-align: center;

	padding-top: 45px;

}

.wrap>.ui p{

	max-width: 220px;

	display: table;

	margin: 0 auto;

	color: #bbbfce;

	font-weight: normal;

	text-align: left;

	line-height: 24px;

}

.wrap>.ui h4{

	font-size: 18px;

	line-height: 24px;

	color: #fff;

}



.kaifa{

	max-width: 1400px;

	padding: 0 15px;

	margin: 20px auto;

}

.kaifa .row>div{padding: 0;}

.banner-right {

	    padding: 24px 0 14px 18px;

	margin-bottom: 30px;

	border: none;

	text-align: left;

}

.banner-right > img{

	position: absolute;

}

.banner-right .right-body{

	overflow: hidden;

	padding-left: 110px;

}

.right-body > h3{

	font-size: 18px;

	line-height: 24px;

	color: #333;

	margin-bottom: 12px;

}

.right-body > p{

	color: #747785;
	padding:10px 0px 0px 0px;

}

.banner-right .right-bodya{

	overflow: hidden;

	padding-left: 110px;

}

.right-bodya > h3{

	font-size: 18px;

	line-height: 24px;

	color: #FFF;

	margin-bottom: 12px;

}

.right-bodya > p{

	color: #9a9ea9;
	padding:10px 0px 0px 0px;

}






@media(max-width:991px){

	.main_fw .main-all{width: 49%;}

	.dian{position: static;width: 100%;padding: 0 15px;text-align: left;margin-bottom: 2em;margin-left:0% !important}

	.dian .headline>h3{padding-left: 90px;}

	.dian .headline .point{display: none;}

	.dian .headline .order{left: 0;margin-left: 0;}

	.banner-right{padding:0 15px;}

	.banner-right .right-body{padding-left: 80px}
	
	

}

@media(max-width:767px){

	.calendar-tab {padding-top: 0em; margin-left:-30px;}

	.zhaopnbj{width: 100%;background:#FFF; margin:0 auto; height:auto;padding:5px 20px 15px; }

	.calendar-tab .omeg>li>a{ position:relative; display:block; width:130px; color:#677b7d; font-size:16px; text-align:right; padding:4px 24px 4px 0;}

	.flow .title{padding-top: 2em;margin-bottom: 2em;}

	.gourn{margin:-36px 0 0 -34px; background:url(/static/images/calendar_bg.png) no-repeat 7px top; padding-top:12px; width: 36%;}

	.banner{padding-top: 33%;}

	.banner .pic-3>img{margin-bottom: 0;display: none;}
	
	.gourn li .date-icon { float:left; background:url(/static/images/calendar_date.png) no-repeat center; width:20px; height:30px; color:#46c7c3; font-size:12px; text-align:center;}
	.circle{display: none;}
	
	.phone-img .active-img,.phone-img .active-img1{
		display: block;
		opacity: 0;
	}
	.phone-img .static-img{
		display: none;
	}
	.banner-phone .phone-img{
		display: block;
	}
	.banner-phone .live-img,.banner-phone .live-img1{
		display: none;
	}

}


.banners{ width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.banners img{ display: block; width: 100%; height: auto;}

.mainbox{ width: 1200px; position: relative; left: 50%; margin-left: -600px; display: table; padding: 50px 0;}
.mbxnav{ width: 100%; display: table; padding-bottom: 20px; border-bottom: 1px solid #E2E2E2;}
.mbxnav h3{ float: left;}
.mbxnav h3 strong{ display: inline-block; font-size: 18px; color:#000000;}
.mbxnav h3 span{ display: inline-block; font-size: 12px; text-transform: uppercase; color: #B4B4B4; margin-left: 10px;}
.mbxnav p{ float: right;}
.mbxnav p a{ display: inline-block; font-size: 13px; color: #999999;}
.mbxnav p font{ display: inline-block; font-size: 13px; color: #999999; margin: 0 3px;}
.mbxnav p a.on,
.mbxnav p a:hover{ color: #C1A364;}

.newsbox>ul{ float: right; width: 900px; display: table; margin-top: 40px;}
.newsbox ul li{ float: left; width: 48%; margin-bottom: 30px;}
.newsbox ul li:nth-of-type(even){ float: right;}
.newsbox>ul li a img{ width: 100%; display: block;}
.newsbox ul li h3{ width: 100%; display: table; padding: 20px 0 15px; border-bottom: 1px solid #E2E2E2;}
.newsbox ul li h3 span{ float: left;}
.newsbox ul li h3 strong{ display: block; font-size: 30px; height: 30px; font-family: 'Myriad Pro';}
.newsbox ul li h3 time{ display: block; font-size: 12px; font-family: 'Myriad Pro'; color: #D0D0D0;}
.newsbox ul li font{ float: right; font-size: 18px; color: #077E8C; margin-top: 8px;height:40px;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	width: 380px;
}
.newsbox ul li p{ font-size: 13px; color: #8C8C8C; line-height: 1.7; margin-top: 20px;}
.newsbox ul li:hover font{ color: #C1A364;}


.fy{ width: 100%; display: table; text-align: center; margin-top: 50px;}
.fy a{ display: inline-block; padding: 5px 10px; font-size: 14px; color: #666666; background-color: #F8F8F8; margin: 0 2px;}
.fy a:hover,
.fy a.on{ background-color: #C1A364; color: #fff;}

.newsbox-xq{ width: 100%; display: table; margin-top: 40px;}
.newsbox-xq .lftxq{ float: left; width: 850px;}
.newsbox-xq .lftit{ width: 100%; margin-bottom: 35px; padding-bottom: 25px; border-bottom: 1px dotted #CCCCCC; text-align: center;}
.newsbox-xq .lftit h3{ font-size: 24px; color: #C1A364;}
.newsbox-xq .lftit time{ font-size: 12px; font-family: arial; color: #999999; display: block; margin-top: 7px;}

.newsbox-xq p{ text-indent: 2em; margin-bottom: 24px; font-size: 13px; color: #666666; line-height: 1.7;}
.newsbox-xq p strong{font-weight:bold;font-size:18px;}
.newsbox-xq p em{font-style: italic;}

.newsbox-xq .ritxq{ float: right; width: 264px; border: 1px solid #E2E2E2;}
.newsbox-xq .ritxq h3{ width: 100%; padding: 15px 0; padding-left: 20px; border-bottom: 1px solid #E2E2E2; font-size: 14px; font-weight: bold; color: #2D2D2D;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.newsbox-xq .ritxq ul{ width: 100%; padding: 25px 0 25px 20px;
 	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.newsbox-xq .ritxq ul li{ margin-bottom: 15px;}
.newsbox-xq .ritxq ul li i{ display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 100%; background-color: #818181;}
.newsbox-xq .ritxq ul li p{ text-indent: 0em; display: inline-block; margin-bottom: 0; vertical-align: middle; margin-left: 5px; font-size: 13px; color: #818181;}
.newsbox-xq .ritxq ul li:hover p{ color: #C1A364;}
.newsbox-xq .ritxq ul li:hover i{ background-color: #C1A364;}
.suofrom{ width: 100%; padding: 30px 0; background-color: #F2F4F4; text-align: center;}
.suofrom span{ display: inline-block; position: relative; overflow: hidden; width: 750px; height: 50px; border: 1px solid #DBDBDB; border-radius: 30px; background-color:#fff;}
.suofrom span .int{ width: 100%; height: 50px; line-height: 50px; border: none; padding-left: 40px; font-size: 14px; color: #BBBBBB;}
.suofrom span button{ position: absolute; right: 3px; top: 2px; width: 93px; height: 46px; background: url(/static/images/img/ss2.png) no-repeat center center / 100% 100%;}
.suofrom span button:hover{ opacity: 0.9;}
.sousuos{ width: 100%; padding: 35px 0; display: table;}
.sousuos li{ width: 100%; margin-bottom: 50px; border-left: 5px solid #D1D1D1; min-height: 100px; padding-left: 25px;}
.sousuos li h3{ padding-top: 5px; font-size: 16px; color: #232323; padding-bottom: 10px; border-bottom: 1px dashed #DFDFDF;}
.sousuos li p{ font-size: 13px; color: #7E7E7E; line-height: 1.7; margin-top: 10px;}
.sousuos li:hover{ border-color: #077E8C;}
.sousuos li:hover h3{ color: #077E8C;}

.leftnav{ float: left; width: 230px; }
.leftnav h3{ width: 100%; height: 110px; background: url(../image/z3.jpg) no-repeat center center / 100% 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 30px;
	 border-bottom: 4px solid #4874c0;
}
.leftnav h3 strong{ color: #fff; font-weight: bold; display: block; font-size: 24px;}
.leftnav h3 span{ font-size: 12px; color: #6DA6AF; text-transform: uppercase; display: block; margin-top: 2px;}
.leftnav ul{ width: 100%; margin-top: 8px; background-color: #f2f2f2; display: table;}
.leftnav ul li{ width: 100%; height: 48px; line-height: 48px; margin-bottom: 0;}
.leftnav ul li a{ position: relative; display: block; width: 100%; height: 100%; z-index: 2;}
.leftnav ul li a:after{ position: absolute; content: ''; left: 0; top: 0; width: 0%; height: 100%; background-color: #093683; z-index: -1;}
.leftnav ul li a span{ display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 15px; color: #666666;}
.leftnav ul li a img{ display: inline-block; vertical-align: middle; margin-left: 30px; opacity: 1;}
.leftnav ul li a:after,
.leftnav ul li a span,
.leftnav ul li a img{
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s; 
	-moz-transition: all .4s ease 0s; 
}
.leftnav ul li a.on img,
.leftnav ul li a:hover img{ opacity: 1;}
.leftnav ul li a.on span,
.leftnav ul li a:hover span{ color: #fff;}
.leftnav ul li a.on:after,
.leftnav ul li a:hover:after{ width: 100%;}
.ritconts{ float: right; width: 920px; margin-bottom: 65px;}
.ritconts .zzjg img{ margin-top: 20px; width: auto; height: auto; display: block;}
.recruitment{ float: right; width: 900px; display: table; margin-top: 40px;}
.recruitment li{ width: 100%; margin-bottom: 0px;}
.recruitment .wtit{ width: 100%; background-color: #ededed; padding: 10px 20px; border-left: 3px solid #4874c0; display: table;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.recruitment .wtit strong{ float: left; font-size: 15px; color: #363636; text-transform: uppercase;}
.recruitment .wtit i{ float: right; width: 18px; height: 18px; background: url(../image/jts2.png) no-repeat center center;}
.recruitment .zwbox{ width: 100%; font-size: 0; margin-top: 4px; display: none; background:#FFF;}
.recruitment .zwbox .txti{ display: inline-block; vertical-align: top; width: 50%; padding-left: 30px; padding-top:20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.recruitment .zwbox .txti h4{ font-size: 16px; font-weight: bold; color: #363636; margin-bottom: 15px;}
.recruitment .zwbox .txti p{ font-size: 13px; color: #666666; line-height: 1.7; margin-bottom: 5px;}
.recruitment .zwboxt{ width: 100%; font-size: 0; margin-top: 30px;   background:#FFF;}
.recruitment .zwboxt .txti{ display: inline-block; vertical-align: top; width: 50%; padding-left: 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.recruitment .zwboxt .txti h4{ font-size: 16px; font-weight: bold; color: #363636; margin-bottom: 15px;}
.recruitment .zwboxt .txti p{ font-size: 13px; color: #666666; line-height: 1.7; margin-bottom: 5px;}




.recruitment li.active .wtit,
.recruitment li:hover .wtit{ background-color: #093683; color: #fff;}
.recruitment li.active .wtit strong,
.recruitment li:hover .wtit strong{ color: #fff;}
.recruitment li.active .wtit i,
.recruitment li:hover .wtit i{  background: url(../image/jts1.png) no-repeat center center;}

.gsjj{ width: 100%; padding-top: 20px; padding-bottom: 100px;}
.gsjj dl{ width: 100%; display: table;}
.gsjj dl dt{ display: inline-block; vertical-align: middle;}
.gsjj dl dd{ display: inline-block; vertical-align: middle; margin-left: 40px; width: 526px;}
.gsjj dl dd h3{ margin-left: -140px; padding: 7px 0; font-size: 16px; color: #fff; font-weight: bold; text-align: center; width: 380px; background-color: #C1A364;}
.gsjj dl dd h4{ margin-top: 30px; font-size: 14px; color: #ABABAA; padding-bottom: 20px; border-bottom: 1px solid #D7D7D7;}
.gsjj dl dd p{ font-size: 14px; color: #3E3B32; line-height: 1.9; margin-top: 30px;}

.telpho{ width: 100%; padding-top: 20px;}
.telpho dl{ display: inline-block; width: 49%; margin-bottom: 20px; position: relative;}
.telpho dl:last-child{ margin-right: 0;}
.telpho dl:after{ position: absolute; content: ''; right: 50px; top: 10px; height: 30px; border-right: 1px solid #E5E5E5;}
.telpho dl:nth-of-type(2n):after{ display: none;}
.telpho dl dt{ display: inline-block; vertical-align: middle; margin-right: 20px;}
.telpho dl dd{ display: inline-block; vertical-align: middle;}
.telpho dl dd span{ display: block; padding-bottom: 6px; border-bottom: 1px dashed #CCCCCC;}
.telpho dl dd font{ display: block; font-size: 16px; font-weight: bold; margin-top: 6px;}

.map{ width: 100%; padding-top: 60px; padding-bottom: 50px;}
.map img{ width: 100%; height: auto; display: block;}

.companysur{ width: 100%; padding-top: 40px;}
.companysur .jjs{ font-size: 13px; line-height: 2; text-indent: 2em;}
.companysur .jzgm{ width: 100%; padding-top: 40px;}
.companysur .jzgm dl{ width: 100%; margin-bottom: 30px; font-size: 0;}
.companysur .jzgm dl dt{ display: inline-block; vertical-align: middle;}
.companysur .jzgm dl dd{ display: inline-block; vertical-align: middle; margin-left: 20px; padding-left: 30px;}
.companysur .jzgm dl dd img{}
.companysur .jzgm dl dd h3{ margin-top: 20px; font-size: 20px; font-weight: bold;}
.companysur .jzgm dl dd p{ font-size: 14px; margin-top: 12px; line-height: 1.7;}
.companysur .jzgm dl dd i{ display: block; margin-top: 12px; width: 30px; border-top: 1px solid #AEAEAE;}

.companysur .jzgm dl:nth-of-type(2) dd{ padding-top: 30px; width: 540px; height: 209px; background-color: #F2F4F4; margin-left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-right: 40px;
	padding-left: 50px;
}

.bgs{ width: 100%; background-color: #F2F4F4; display: table;}
.ptnav{ width: 100%; display: table; font-size: 0; margin-top: 30px;}
.ptnav a{ display: inline-block; width: 24.25%; margin-right: 1%; background-color: #fff; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #363636;}
.ptnav a:last-child{ margin-right: 0;}
.ptnav a.on,
.ptnav a:hover{ background-color: #0E828F; color: #fff;}

.ptbox{ width: 100%; padding: 64px 112px; background-color: #fff; margin-top: 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.ptbox h3{ font-size: 24px; color: #000000; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #D8D7D6;}
.ptbox dl{ width: 100%; margin-top: 70px;}
.ptbox dl dt{ display: inline-block; vertical-align: middle;}
.ptbox dl dt img{ display:block;}
.ptbox dd{ display: inline-block; width: 574px; vertical-align: middle; margin-left: 40px;}
.ptbox dd h4{ font-size: 14px; font-weight: 500; color: #3E3B32; margin-bottom: 30px;}
.ptbox dd p{ font-size: 14px; color: #3E3B32; text-indent: 2em; line-height: 1.8; margin-top: 10px;}

.bqbox{ font-size: 0; border-top: 1px solid #F2F4F4; padding: 30px 112px; background-color: #fff;}
.bqbox a{ display: inline-block; width: 32%; margin-bottom: 15px; margin-right: 1%; height: 46px; line-height: 46px; text-align: center; font-size: 14px; color: #3E3B32; border: 1px solid #E5E5E4;}
.bqbox a:hover{ background-color: #C1A364; color: #fff;}

.fh{ margin-top: 40px;}
.fh a{ display: block; width: 190px; height: 50px; text-align: center; line-height: 50px; background-color: #0E828F;}
.fh a img{ display: inline-block; vertical-align: middle;}
.fh a span{ display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 14px; color: #fff;}

.comphistory{ width: 100%; margin: 20px 0 40px; min-height: 200px;
	background: url(/static/images/y1.jpg) no-repeat 180px top,
	            url(/static/images/y2.jpg) repeat-y 187px top;
}
.comphistory .subcompy{ width: 100%; padding: 58px 0;}
.comphistory .subcompy li{ width: 100%;}
.comphistory .subcompy li dl{ width: 100%; font-size: 0; margin-bottom: 40px;}
.comphistory .subcompy li dl dt{ vertical-align: top; display: inline-block; width: 198px; height: 36px; background: url(/static/images/y3.jpg) no-repeat right center;}
.comphistory .subcompy li dl dt span{ display: inline-block; width: 109px; height: 36px; line-height: 36px; text-align: center; background-color: #077E8C; font-size: 16px; 
	color: #fff; 
	font-family: arial;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 2px solid #077E8C;
}
.comphistory .subcompy li dd{ vertical-align: top; display: inline-block; width: 692px; height: 77px; background-color: #F2F2F2; margin-left: 24px; position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 17px 36px;
}
.comphistory .subcompy li dd i{ display: block; position: absolute; left: -8px; top: 10px;
	border-right: 10px solid #F2F2F2;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.comphistory .subcompy li dd p{ line-height: 1.7; font-size: 13px;}

.comphistory .subcompy li span,
.comphistory .subcompy li dd,
.comphistory .subcompy li dd p,
.comphistory .subcompy li dd i{
	transition: all .5s ease 0s;  
	-webkit-transition: all .5s ease 0s;  
	-moz-transition: all .5s ease 0s;  
}
.comphistory .subcompy li:hover span{ background-color: #fff; color: #C1A364; border-color: #C1A364;}
.comphistory .subcompy li:hover dd{ background-color: #C1A364;}
.comphistory .subcompy li:hover dd p{ color: #fff;}
.comphistory .subcompy li:hover dd i{ border-right: 10px solid #C1A364;}


.ywfws{ width: 1920px; height: 522px; margin: 50px 0; position: relative; left: 50%; margin-left: -960px; background: url(/static/images/pm.jpg) no-repeat center center / 100% 100%;;}
.ywfws ul.yu1{ width: 1200px; margin: 0 auto; font-size: 0;}
.ywfws ul.yu1 li{ display: inline-block; vertical-align: middle; width: 300px; height: 640px; margin-top: -48px; padding: 0 20px;  position: relative; z-index: 2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.ywfws ul.yu1 li:after{ position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 0%; background-color: rgba(7,126,140,0.9); z-index: -1;}
.ywfws ul.yu1 li .neibx{ width: 85%; text-align: center; position: absolute; top: 50%; height: 260px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.ywfws ul.yu1 li .neibx img{ display: inline-block; height: 60px; margin-bottom: 40px;}
.ywfws ul.yu1 li .neibx h3{ font-size: 22px; color: #fff; font-weight: bold; padding-bottom: 40px; border-bottom: 1px solid #fff; margin-bottom: 25px;}
.ywfws ul.yu1 li .neibx p{ font-size: 16px; color: #fff; margin-top: 15px;
	opacity: 0;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
}
.ywfws ul.yu1 li .neibx p:hover{ background-color: #086C76;}
.ywfws ul.yu1 li:after,
.ywfws ul.yu1 li .neibx,
.ywfws ul.yu1 li .neibx p{
	transition: all .6s ease 0s;
	-webkit-transition: all .6s ease 0s;
	-moz-transition: all .6s ease 0s;
}
.ywfws ul.yu1 li:hover:after{ height: 100%;}
.ywfws ul.yu1 li:hover .neibx{
	transform: translateY(-70%);
	-webkit-transform: translateY(-70%);
	-moz-transform: translateY(-70%);
	-webkit-transform: translateY(-70%);
	-moz-transform: translateY(-70%);
}
.ywfws ul.yu1 li:hover .neibx p:nth-of-type(1){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .2s;
	-webkit-transition: all .6s ease .2s;
	-moz-transition: all .6s ease .2s;
}
.ywfws ul.yu1 li:hover .neibx p:nth-of-type(2){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .4s;
	-webkit-transition: all .6s ease .4s;
	-moz-transition: all .6s ease .4s;
}
.ywfws ul.yu1 li:hover .neibx p:nth-of-type(3){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .6s;
	-webkit-transition: all .6s ease .6s;
	-moz-transition: all .6s ease .6s;
}
.ywfws ul.yu1 li:hover .neibx p:nth-of-type(4){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease .8s;
	-webkit-transition: all .6s ease .8s;
	-moz-transition: all .6s ease .8s;
}
.ywfws ul.yu1 li:hover .neibx p:nth-of-type(5){
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: all .6s ease 1s;
	-webkit-transition: all .6s ease 1s;
	-moz-transition: all .6s ease 1s;
}

.ywfws2{ height: 522px; background: url(/static/images/pm2.jpg) no-repeat center center / 100% 100%;}
.ywfws2 ul.yu2{  width: 1200px; margin: 0 auto; font-size: 0;}
.ywfws2 ul.yu2 li{ display: inline-block; margin-right: 18px; width: 286px; height: 628px; vertical-align: middle; margin-top: -28px; position: relative;}
.ywfws2 ul.yu2 li:last-child{ margin-right: 0;}
.ywfws2 ul.yu2 li dl{ width: 100%; position: absolute; top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.ywfws2 ul.yu2 li dl dt{ width: 100%;}
.ywfws2 ul.yu2 li dl dt img{ width: 100%; height: auto; display: block;}
.ywfws2 ul.yu2 li dl dd{ width: 100%; padding: 10px 0; margin-top: 3px; background-color: rgba(7,126,140,0.7); text-align: center;}
.ywfws2 ul.yu2 li dl dd p{ font-size: 16px; color: #fff;}
.ywfws2 ul.yu2 .hbg{ width: 286px; height: 0; text-align: center;  background: url(/static/images/xzpt.png) no-repeat center center / 100% 100%; position: absolute; left: 0; top: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;
}
.ywfws2 ul.yu2 .hbg .nei{ width: 100%; opacity: 0;
	position: absolute; top: 50%;
	transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
	-moz-transform: translateY(-30%);
	transition: all .5s ease 0s;
}
.ywfws2 ul.yu2 .hbg h4{ display: inline-block; width: 80%; margin-bottom: 20px; font-size: 24px; color: #fff; font-weight: bold; padding-bottom: 25px; border-bottom: 1px solid #C5B790;}
.ywfws2 ul.yu2 .hbg p{ font-size: 14px; color: #fff; padding: 12px 26px; text-align: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.ywfws2 ul.yu2 li,
.ywfws2 ul.yu2 li dl,
.ywfws2 ul.yu2 .hbg,
.ywfws2 ul.yu2 .hbg p{
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
}
.ywfws2 ul.yu2 li:hover dl{ opacity: 0;}
.ywfws2 ul.yu2 li:hover .hbg{ height: 628px;}
.ywfws2 ul.yu2 li:hover .nei{ 
		opacity: 1;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transition: all 1s ease .5s;
		-webkit-transition: all 1s ease .5s;
		-moz-transition: all 1s ease .5s;
}
.ywfws2 ul.yu2 .hbg p:hover{ background-color: #A07F3E;}

.leftnav2 h3{ background: url(/static/images/z4.jpg) no-repeat center center / 100% 100%;}
.leftnav2 ul li a:after{ background-color: #C1A364;}
.leftnav2 h3 span{ color: #fff;}

.mod18{ width:804px; position:relative; margin:0 auto;}
.mod18 .btn{ position:absolute; cursor:pointer; z-index:99; font-size:50px; font-weight:bold;}
.mod18 .prev{ left:-39px; background:url(/static/images/img/lg5.jpg) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:35px;height:75px;}
.mod18 #prev,.mod18 #next{ top:601px; width:23px; height:23px;}
.mod18 #prevTop{ background:url(/static/images/img/lg1.jpg) 0 0 no-repeat;}
.mod18 #prevTop:hover{ background:url(/static/images/img/lg3.jpg) 0 0 no-repeat;}
.mod18 #nextTop{ background:url(/static/images/img/lg2.jpg) 0 0 no-repeat;}
.mod18 #nextTop:hover{ background:url(/static/images/img/lg4.jpg) 0 0 no-repeat;}
.mod18 .next{ right:-30px; background:url(/static/images/img/lg6.jpg) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{ position:relative; color:#fff;}
.mod18 .cf a{ display:block;width:100%; height:auto; position:absolute; color:#7B7B7B;}
.mod18 .cf li p{ width: 100%; height: 45px; font-size: 15px; margin-top: 5px; text-align: center; line-height: 45px; background-color: #EDEDED;}
.mod18 .picBox{ width:797px; height:546px; position:relative; overflow:hidden; background:#fff;}
.mod18 .picBox ul{height:494px; position:absolute; left:0;}
.mod18 .picBox li{ width:797px; height:494px;}
.mod18 .listBox{ width:804px; height:100px; margin:0 auto; position:relative; padding-top:15px;overflow:hidden;}
.mod18 .listBox ul{ height:88px; position:absolute;}
.mod18 .listBox li{ margin: 0; width:150px; height:100px; cursor:pointer; position:relative;}
.mod18 .listBox li i{ display:none;}
.mod18 .listBox li a{ display:block; width:108px; height:77px;}
.mod18 .listBox img{ border:3px solid #CECDCC;}
.mod18 .listBox .on img{ border:3px solid #C1A364;}
.mod18 .listBox .on{background:url(/static/images/img_bg.jpg) center top no-repeat;}
.mod18 .listBox .on i{display:block;}

.poster-main{ position:relative;width:1200px; height:538px;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width:1200px; height:450px;}
.poster-main .poster-list .poster-item{ position:absolute; left:0; top:0; overflow: hidden;}
.poster-main .poster-list .poster-item p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 68px; line-height: 68px; font-size: 15px; color: #fff; background-color: rgba(0,0,0,0.6); text-align: center;}
.poster-list li img{ width: 100%; height: 100%; position: absolute;}
.poster-main .poster-btn{ position:absolute; top:0; width:75px !important; height:75px !important; 
	z-index:10; 
	cursor:pointer; 
	opacity:0.8;
}
.poster-main .poster-prev-btn{ 
	left:380px; 
	top: 50%; 
	margin-top: 275px;
	background: url(/static/images/img/pre1.jpg) no-repeat center center;
}
.poster-main .poster-prev-btn:hover{ background: url(/static/images/img/pre3.jpg) no-repeat center center;}
.poster-main .poster-next-btn{ 
	right:380px; 
	top: 50%;
	margin-top: 275px;  
	background: url(/static/images/img/pre2.jpg) no-repeat center center;
}
.poster-main .poster-next-btn:hover{
	background: url(/static/images/img/pre4.jpg) no-repeat center center;
}

#fushu{width:1170px;font-family:"微软雅黑"; position:relative; left:50%;top:0; margin-left:-555px;padding-top:50px; padding-bottom:100px;height:400px; }
#fushu li{width:167px; float:left; position:relative;}
#fushu li a{font-size:20px; color:#838383; line-height:36px;}
#fushu li a:hover{text-decoration:underline;color:#C1A364;}
#fushu li .erji{width:100%; display:table; position:absolute;top:50px;left:0px;}
#fushu li .erji a{font-size:14px; color:#838383;}
#fushu li .erji a:hover{color:#C1A364; }
#fushu p{ font-size:14px; color:#000; line-height:24px; padding-bottom:20px;font-family:"微软雅黑";}

.zzjg p{ font-size: 14px; color: #000; line-height: 1.7; text-indent: 2em; margin-bottom: 15px;}

.blst{ float: right; width: 900px; height: 470px; margin-bottom: 50px; position: relative; background: url(/static/images/ig5.jpg) no-repeat left 94px;}
.theTit{ width: 100%; padding-bottom: 13px; border-bottom: 1px solid #E2E2E2; font-size: 18px; color: #363636; margin-bottom: 50px;}
.blst .formfb{ float: right; margin-top: 29px; width: 426px; height: 298px; background-color: #F8F7F7; padding:30px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.blst .formfb p{ width: 100%; position: relative; margin-bottom: 14px;}
.blst .formfb p input{ width: 100%; height: 50px; border: 1px solid #E9E9E9; line-height: 50px; padding-left: 75px; font-size: 14px; color: #D6D6D6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;	
}
.blst .formfb p input:focus{ border-color: #C1A364;}
.blst .formfb p input.txts1{ background: #fff url(/static/images/img/ig1.jpg) no-repeat 30px center;}
.blst .formfb p input.txts2{ background: #fff url(/static/images/img/ig3.jpg) no-repeat 30px center;}
.blst .formfb p input.pasd{ background: #fff url(/static/images/img/ig2.jpg) no-repeat 30px center;}
.blst .formfb p span{ position: absolute; right: 20px; top: 13px; cursor: pointer;}
.blst .formfb button{ width: 100%; height: 50px;  font-size: 14px; color: #fff; background-color: #C1A364; border-radius: 3px;}
.blst .formfb button:hover{ background-color: #F7B93B;}

.fjxz{ width: 100%; padding-top: 40px; display: table;}
.fjxz ul{ width: 100%; display:table; font-size: 0;}
.fjxz ul li{ display: inline-block; vertical-align: top; margin-bottom: 20px; margin-right: 1.5%; width: 23.8%;}
.fjxz ul li:nth-of-type(4n){ margin-right: 0;}
.fjxz ul li .imgm{ width: 100%; height: auto; position: relative;}
.fjxz ul li .imgm>img{ width: 100%; height: auto; display: block;}
.fjxz ul li .imgm span{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background:rgba(193,163,100,0.3) url(/static/images/zn1.png) no-repeat center center;
	opacity: 0;
	transition: all .7s ease 0s;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
}
.fjxz ul li .imgm span img{}
.fjxz ul li p{ vertical-align: middle; width: 100%; text-align: center; margin-top: 10px; font-size: 14px;}
.fjxz ul li p font{ display: inline-block; vertical-align: middle; font-size: 14px;}
.fjxz ul li p i{ margin: 0 10px; display: inline-block; vertical-align: middle; font-size: 14px;}
.fjxz ul li p a{ display: inline-block; vertical-align: middle; color: #C1A364; font-size: 14px;}
.fjxz ul li:hover .imgm span{ opacity: 1;}


.ryzzs{ width: 100%; margin-top: 10px; display: none; padding-bottom: 40px;}
.ryzzs .swiper-slide{ width: 100% !important;}
.ryzzs .swiper-slide img{ width: 100%; height: auto; display: block;}
.ryzzs .swiper-slide h4{ background-color: rgba(7,126,140,0.8); font-size: 12px; color: #fff; text-align: center; padding: 10px 0;}
.ryzzs .swiper-pagination-bullet-active{ background-color: #168286;}

.jinadian{ display: none; width: 100%; padding-bottom: 40px;}
.jinadian .swiper-slide{ width: 100% !important;}
.jinadian .swiper-slide img{ width: 100%; height: auto; display: block;}
.jinadian .swiper-pagination-bullet-active{ background-color: #168286;}

.bigboxss{ width: 100%; display: table; padding-top: 30px;}
.neisxb{ float: right; width: 900px; display: table;}

.yqlian{ float: right; width: 900px; display: table; font-size: 0;}
.yqlian a{ display: inline-block; width: 31.7%; height: 110px; text-align: center; line-height: 110px; vertical-align: top; border: 1px solid #E2E2E2; margin-right: 2%; margin-bottom: 15px;}
.yqlian a:nth-of-type(3n){ margin-right: 0;}
.yqlian a:hover{ border-color: #C1A364;}

.neinews{ float: right; width: 900px;}
.neinews ul{ display: table; margin-top: 20px;}
.neinews ul li img{ width: 100%; height: auto; display: block;}

.neirective{ float: right; width: 900px;}

















.guihuas{ width: 100%; padding: 50px 100px; display: table;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.guihuas1{ background-color: #fff; margin-top: 60px;}
.guihuas dl{ width: 100%; display: table;}
.guihuas dl dt{ float: right; width: 460px;}
.guihuas dl dt img{ width: 100%; height: auto; display: block;}
.guihuas dl dd{ float: left; width: 466px;}
.guihuas dl dd h3{ font-size: 24px; color: #0E828F; padding-bottom: 30px;}
.guihuas dl dd p{ font-size: 14px; color: #3E3B32; line-height: 1.8;}
.guihuas1 dl:nth-of-type(1){ padding-bottom: 60px; border-bottom: 1px solid #0E828F; margin-bottom: 60px;}
.guihuas1 dl:nth-of-type(2) dt{ float: left;}
.guihuas1 dl:nth-of-type(2) dd{ float: right;}
.guihuas2{ border-left: 4px solid #0E828F;}
.guihuas2 dl{ margin-bottom: 10px;}
.guihuas3 dl:nth-of-type(1) dt{ float: left;}
.guihuas3 dl:nth-of-type(1) dd{ float: right;}
.guihuas3 dl:nth-of-type(2) dt{ float: right;}
.guihuas3 dl:nth-of-type(2) dd{ float: left;}

@media only screen and ( max-width: 1600px) {
	
}
@media only screen and ( max-width: 1440px) {
   header .menunav a{ width: 95px; font-size: 14px;}
 
   .xlnav .subxos .neinav:nth-of-type(4){ padding-left: 190px;}
   .xlnav .subxos .neinav:nth-of-type(5){ padding-left: 175px;}
   .xlnav .subxos .neinav:nth-of-type(6){ padding-left: 280px;}
   .xlnav .subxos .neinav:nth-of-type(7){ padding-left: 438px;}

}
@media only screen and ( max-width: 1366px) {
   
}
@media only screen and ( max-width: 1200px) {

}
@media only screen and ( max-width: 992px) {

   .phonemenu{ display: block;}
   .banner{ width: 100%; height: 320px; margin-left: -50%; margin-top: 60px;}
   .banner .swiper-slide img{ width: 100%; height: 100%; display: block;}
   .banner .swiper-pagination-bullet{ margin: 0 10px !important;}
   .banners{ margin-top: 0px; width:0px; margin-left: -50%;}
   .banners img{ width: 0px;}
   .TravContent{ display: none;}
   .TravPage{ display: none;}
   .newBox{ width: 94%; margin-left: -47%;}
   .newBox .lftn{ float: none; width: 100%;}
   .newBox .lftn dl{ padding-bottom: 10px;}
   .newBox .lftn dl dt{ width: 100%; text-align: center;}
   .newBox .lftn dl dt img{ width: 100%; height: auto;}
   .newBox .lftn dl dd{ width: 100%; margin-left: 0;}
   .newBox .lftn dl dd time{ padding: 5px 0;}
   .newBox .lftWit strong{ font-size: 22px;}
   .newBox .lftWit span{ display: block; margin-left:0px;}
   .newBox .rit{ float: none; width: 100%;}
   .newBox .lftn ul{ margin-top: 5px;}
   .newBox .lftn ul li span{ margin-left: 0; margin-top: 5px;}
   .newBox .rit .lftWit{ padding-bottom: 6px;}
   .platform{ margin-top: 20px;}
   .phonetravs{ display: block;}
   
   footer .foot{ width: 94%;}
   footer .foot .lftbx{ float: none; width: 100%;}
   footer .foot .ritbx{ float: none; width: 100%;}
   footer .foot .lftbx p span{ margin-left: 0; margin-top: 10px;}
   footer .foot .lftbx p font{ display: block;}
   footer .foot .lftbx p a{ margin-right: 10px;}
   footer .foot .lftbx p i{ display: none;}
   footer .foot .ritbx img{ display: block; margin-top: 10px;}
   
   .mainbox{ width: 94%; margin-left: -47%; padding: 0px 0px 40px 0px;}
   .leftnav{ width: 100%; margin-bottom: 20px; margin-top: 20px;}
   .ritconts{ float: none; width: 100%;}
   .mbxnav{ display: none;}
   .gsjj{ padding-bottom: 0;}
   .gsjj dl dt{ width: 100%;}
   .gsjj dl dt img{ width: 100%; height: auto; display: block;}
   .gsjj dl dd{ width: 100%; margin-left: 0;}
   .gsjj dl dd h3{ margin-left: 0; width: 100%;}
   
   .ritconts .zzjg img{ width: 100%;}
   
   .comphistory .subcompy li dd{ width: 100%; height: auto; margin-top: 20px; margin-left: 0;}
   .companysur .jzgm dl dt{ width: 100%;}
   .companysur .jzgm dl dt img{ width: 100%; height: auto; display: block;}
   .companysur .jzgm dl dd{ margin-top: 25px; padding-left: 0; margin-left: 0;}
   .companysur .jzgm dl:nth-of-type(2) dd{ width: 100%; height: auto; padding: 20px;}
   
   .poster-main{ display: none;}
   .ryzzs{ display: block;}
   
   .newsbox ul li{ width: 100%; margin-right: 0%;}
   .newsbox-xq{ margin-top: 0px;}
   .newsbox-xq .ritxq{ display: none;}
   .newsbox-xq .lftxq{ width: 100%; float: none;}
   .newsbox-xq .lftxq p{ text-indent: 0em;}
   .newsbox-xq .lftxq p img{ width: 100%;}
   
   .ywfws{ width: 97%; margin-left: -48%; height: auto; background-size: cover;}
   .ywfws ul.yu1{ width: 100%;}
   .ywfws ul.yu1 li{ width: 100%; height: 424px; margin-top: 0;}
   
   .ywfws2 ul.yu2{ width: 100%;}
   .ywfws2 ul.yu2 .hbg{ display: none;}
   .ywfws2 ul.yu2 li{ height: 276px; margin: 0 auto; display: block;}
   .ywfws2 ul.yu2 li:last-child{ margin-right: auto;}
   
   .recruitment .zwbox .txti{ width: 100%; padding-left: 0; margin-bottom: 10px;}
   .map{ padding: 20px 0;}
   .theTit{ margin-bottom: 0;}
   .telpho{ padding-top: 10px;}
   .telpho dl{ width: 100%; margin-right: 0; display: block;}
   .telpho dl dt{ margin-top: 10px;}
   .telpho dl dd{ width: 100%;}
   .telpho dl dd span{ font-size: 14px; margin:10px 0;}
   .telpho dl:after{ display: none;}
   
   .blst .formfb{ width: 100%;}
   
   .mod18{ display: none;}
   .jinadian{ display: block;}

   .ptnav{ margin-top: 88px;}
   .ptnav a{ width: 100%; border-bottom: 1px solid #F2F4F4;}
   .ptbox{ padding: 30px 10px;}
   .ptbox dd{ width: 100%; margin-left: 0;}
   .bqbox{ padding: 30px 0;}
   .bqbox a{ width: 95%; margin: 0 auto 15px; display: block;}
   .ptbox dl dt img{ width: 100%; height: auto;}
   .ptbox dd h4{ margin-bottom: 15px; margin-top: 20px;}
   .fh{ margin: 20px 0;}
   
   .suofrom{ margin-top: 60px;}
   .suofrom span{ width: 94%;}

   #fushu{ width: 94%; margin-left: -47%;}
   #fushu li .erji{ position: relative; top: auto;}
   #fushu p{ padding-bottom: 2px;}
   
   .recruitment,
   .newsbox > ul{ width: 100%; float: none;}
   
   .neisxb{ width: 100%;}
   .blst{ width: 100%;}
   .yqlian{ width: 100%;}
   .yqlian a{ width: 100%;}
   
   .neirective,
   .neinews{ width: 100%; float: none;}
   
   
   .banner .swiper-slide img{ display: none;}
   .banner .swiper-slide:nth-of-type(1){ background: url(/static/images/mbanner3.jpg) no-repeat center center / 100% 100%;}
   .banner .swiper-slide:nth-of-type(2){ background: url(/static/images/mbanner1.jpg) no-repeat center center / 100% 100%;}
   .banner .swiper-slide:nth-of-type(3){ background: url(/static/images/mbanner2.jpg) no-repeat center center / 100% 100%;}
   
   
   
   
   
   
   
   
   
}
@media only screen and ( max-width: 768px) {
	
	
}

.except-head{ background: url(../image/bg.jpg)}