﻿
.header{
	height: 72px;
	padding-top: 28px;
	padding-bottom: 3px;
/*	overflow: hidden;*/

}
.header .logo{
	float: left;
}
.header .nav{
	float: left;
	margin-left: 13%;
	
}

.header .nav li{
	float: left;	
	margin-right: 65px;
	position: relative;
}
.header .nav li a{
	display: inline-block;
	font-size: 14px;
	padding: 0 3px;
	padding-top: 10px;
	padding-bottom: 41px;
	color: #333;
}
.header .nav li .xiala{	
	display: none;
	position: absolute;
	width: 200px;
	background: rgba(255,255,255,0.8);
	left: -60px;
	z-index: 999;
}
.header .nav li .xiala a{
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #444;
	padding-left: 20px;
	padding-bottom: 0;
	border-bottom: solid 1px #ccc;
	position: relative;
}
.header .nav li .xiala a:hover{
	border-bottom: none;
	color: white;
/*	background: #da231b;*/
}
.header .nav li .xiala a:before {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #da231b;
    color: #fff;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.39,.575,.28,.995);
    transition: -webkit-transform .3s cubic-bezier(.39,.575,.28,.995);
    transition: transform .3s cubic-bezier(.39,.575,.28,.995);
    transition: transform .3s cubic-bezier(.39,.575,.28,.995),-webkit-transform .3s cubic-bezier(.39,.575,.28,.995);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: scale3d(1,0,1);
    transform: scale3d(1,0,1);
    z-index:-2;
}
.header .nav li .xiala a:hover::before {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.header .nav li.active{
	border-bottom: solid 2px #da231b;
}
.header .nav li a:hover{
	border-bottom: solid 2px #da231b;
}
.header .language{
	float: right;
	width: 60px;
	height: 40px;
	line-height: 40px;
	position: relative;
}
.header .language img{
	position: absolute;
	top: 14px;
	left: 0;
	
}
.header .language a{
	font-size: 14px;
	color: #333;
	display: inline-block;
	margin-left: 25px;
}


/*banner*/
.banner .swiper-wrapper .swiper-slide img{
	width: 100%;
}

.have .title{
	text-align: center;
	padding: 0 220px;
	padding-top: 90px;

}
.have .title h1{
	font-family: myFirstFont;
	font-weight: 600;
	font-size: 36px;
	color: #4b4b4b;
}
.have .title h2{
	font-size: 24px;
	color: #4b4b4b;
	margin-bottom: 20px;
}
.have .title p{
	font-size: 14px;
	line-height: 28px;
	color: #666;
}

/*bitland*/
.bitland{
	background: url(../images/bitland_bg.png) no-repeat -190px bottom;
	text-align: center;
	padding-bottom: 90px;
}
.bitland ul{
	margin-top: 50px;
	margin-bottom: 50px;
	overflow: hidden;
}
.bitland ul li{
	float: left;
	width: 24.9%;
	text-align: center;
	padding-top: 75px;
	border-right: solid 1px #e5e5e5;
}
.bitland ul li h3{
	font-weight: 600;
	font-size:18px;
	color: #595959;
	text-align: center;
	margin-bottom: 10px;
}
.bitland ul li p{
	font-size:14px;
	color: #888;
	text-align: center;
}
.bitland ul li:nth-child(1){
	padding-left: 0;
	background: url(../images/cruise.png) no-repeat center top;
}
.bitland ul li:nth-child(2){

	background: url(../images/award.png) no-repeat center top;
}
.bitland ul li:nth-child(3){

	background: url(../images/group.png) no-repeat center top;
}
.bitland ul li:nth-child(4){
	border-right: none;
	padding-right: 0;
	background: url(../images/google-plus-symbol.png) no-repeat center top;
}
.bitland a{
	display: inline-block;
	padding: 10px 50px;
/*	background: #da251d;*/
	border: solid 1px #dbdbdb;
	border-radius: 20px;
	color: #888;
	font-size: 14px;
	--hover: #da251d;
}
.bitland a span{
	padding-left: 5px;
	font-size: 14px;
}
.bitland a:hover{
	transition:1s;
	box-shadow: inset -100px 0 0 0 var(--hover), inset 90px 0 0 0 var(--hover);
	color: white;
background: #d7160d;
}

/*合作我们*/
.partner{
	background: #f6f6f6;
	padding-bottom: 60px;
}
.our{
	position: relative;
	margin-top: 40px;
	overflow: hidden;
}
.our .swiper-slide{
	width: 150px !important;
}
.our .p_next{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #c3c3c3;
	text-align: center;
	line-height: 50px;
	position: absolute;
	color: white;
}
.our .p_prev{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #c3c3c3;
	text-align: center;
	line-height: 50px;
	position: absolute;
	color: white;
}
.our .swiper-wrapper{
	width: 1200px;
	height: 100px;
	margin: 0 auto;
	overflow: hidden;
}
.our .swiper-wrapper .swiper-slide{
	float: left;
	margin-top: 40px;
	margin-right: 50px;
}


/*人才招聘*/
.recru{
	text-align: center;
	padding-bottom: 120px;
	background: url(../images/recru.png) no-repeat  bottom;
}
.recru .title{
	padding-top: 70px;
}
.recru .title h1,.recru .title h2,.recru .title p,.recru a{
	color: white;
}
.recru a{
	display: inline-block;
	width: 175px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: solid 1px #fff;
	border-radius: 20px;
	margin-top: 35px;
	--hover:white;
}
.recru a:hover{
	transition:1s;
	box-shadow: inset -100px 0 0 0 var(--hover), inset 90px 0 0 0 var(--hover);
	color: #da251d;
background: #fff;
}
.partner .p_prev{
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #c3c3c3;
	color: white;
	border-radius: 50%;
	float: left;
	position: absolute;
	top: 5px;
	left: 0;
}
.partner .p_next{
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #c3c3c3;
	color: white;
	border-radius: 50%;
	float: right;
	position: absolute;
	top: 5px;
	right: 0;
}
.partner span:hover{
	background: #da251d;
}
.small_box1{overflow:hidden;height: 70px;position: relative;margin-top: 30px;}
.small_list1{height: 70px;float:left;overflow:hidden;width: 80%;margin-left: 10%;}
.small_list1 ul{height: 70px;overflow:hidden;width: 3000px !important;}
.small_list1 ul li{position:relative;float:left;margin-right:50px;height: 70px;}
.small_list1 ul li img{display:block;margin-top: 20px;width: 100%;}

/*新闻中心*/
.news .list{
	margin-top: 40px;
	overflow: hidden;
}
.news .list ul{
	overflow: hidden;
}
.news .list li{
	width: 23.87%;
	float: left;
	margin-right: 18px;
	padding-bottom: 34px;
	border-bottom: solid 1px #eee;
}

.news .list li:last-child{
	margin-right: 0;
}
.news .list li .pic{
	position: relative;
	width: 100%;
	height: 202px;
	overflow: hidden;
}
.news .list li .pic img{

	position: absolute;
	
	transition: all 1s;
}
.news .list li:hover .pic img{
	transform: scale(1.1);
}
.news .list li h3{
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
}
.news .list li   p{
	font-size: 14px;
	line-height: 25px;
	width: 100%;
	text-overflow: clip;
	white-space: pre-line;
	color: #888;
	margin-bottom: 5px;
}
.news .list li  span{
	font-size: 14px;
	color: #ccc;
}
.news .list .recru{
	background: none;
}
.news .list .recru a{
	display: inline-block;
	width: 175px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: solid 1px #e5e5e5;
	border-radius: 20px;
	margin-top: 35px;
	font-size: 14px;
	color: #888;
	--hover: #da251d;
}
.news .list a:hover{
	transition:1s;
	box-shadow: inset -100px 0 0 0 var(--hover), inset 90px 0 0 0 var(--hover);
	color: white;
background: #d7160d;
}

/*底部*/
.foot{
	background: #303030;
	padding-top: 50px;
	padding-bottom: 35px;
	overflow: hidden;
}
.foot .f_left{
	width: 45%;
	float: left;
}
.foot .f_left dl{
	float: left;
	margin-right: 14%;
}
.foot .f_left dl dt a{
	color: white;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 15px;
}
.foot .f_left dl dd a{
	color: #888;
	font-size: 14px;
	line-height: 25px;
}
.foot .erwm{
	float: left;
	width: 14%;
}
.foot .erwm img{
	margin-left: 5%;
}
.foot .contact{
	float: left;
	padding-left: 1%;
	width: 27%;
}
.foot .contact h1{
	font-size: 18px;
	color: #fff;
	margin-bottom: 15px;
}
.foot .contact p{
	font-size: 14px;
	color: #888;
	padding-left: 20px;
	margin-bottom: 20px;
	background: url(../images/tel.png) no-repeat left center;
}
.foot .contact p:first-child{
	
}
.foot .contact p:last-child{
	background: url(../images/address.png) no-repeat left center;
}
.foot .contact span{
	color: #ff0001;
	font-size: 18px;
}
.foot .share{

	float: left;
	padding-left: 2%;
}
.bdsharebuttonbox a{
	background-size: 20px;
}
.bdsharebuttonbox.foot-share { width: 1100px; margin: 0 auto; padding-top: 26px; padding-bottom: 26px; text-align: center; }
.bdsharebuttonbox a { display: inline-block; *display: inline; *zoom: 1; float: none; width: 40px; height: 40px; margin: 0 15px 0 0; border: solid 1px #555;border-radius: 50%;}
.bdsharebuttonbox a:hover{border: none;}
.share .bds_tsina.sina { background: url(../images/weibo2.png) no-repeat center; background-size: 20px;}
.share .bds_tsina.sina:hover { background:#da251d url(../images/weibo1.png) no-repeat center; background-size: 20px;}
.share .bds_sqq.qq { background: url(../images/QQ1.png) no-repeat center; }
.share .bds_sqq.qq:hover { background:#da251d url(../images/qq2.png) no-repeat center;background-size: 15px; }
.share .bds_weixin.weixin { background: url(../images/weixin2.png) no-repeat center; background-size: 20px;}
.share .bds_weixin.weixin:hover { background:#da251d url(../images/weixin1.png) no-repeat center;background-size: 20px; }
.bdshare-button-style0-32 a{margin-right: 15px !important;}

.footer{
	height: 53px;
	line-height: 53px;
	border-top: solid 1px #3c3c3c;
	background: #303030;
}
.footer p{
	font-size: 14px;
	color: #929292;
	float: left;
}
.footer span{
	font-size: 14px;
	color: #929292;
	float: right;
}
.footer span a{
	font-size: 14px;
	color: #929292;
}
.foot .f_left dl dd a:hover,.footer a:hover{
	color: #d63c36;
}

.foot .main{
	overflow: hidden;
}
.foot .link{
	color: #888;
	font-size: 14px;
	margin-top: 40px;
}
.foot .link a{
	display: inline-block;
	width: 6%;
	text-align: center;
	color: #888;
	font-size: 14px;	
}
.foot .link a:hover{
	color: #d63c36;
}



/*7.17*/
.header .language .l_hide{
	display: none;

	background:white;
	position: absolute;
	z-index: 999;
}
.header .language .l_hide a{
	width: 100%;
	text-align: center;
	margin-left: 0;
	display: inline-block;
}
.header .language .l_hide a:hover{
	background: #da231b;
	color: white;
}


/*7.18*/
.news .list .recru a{
	display: inline-block;
	width: 175px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: solid 1px #e5e5e5;
	border-radius: 20px;
	margin-top: 35px;
	font-size: 14px;
	color: #888;
	--hover: #da251d;
}


/*7.25*/
.small_box1{overflow:hidden;height: 70px;position: relative;margin-top: 30px;}
.small_list1{height: 70px;float:left;overflow:hidden;width: 80%;margin-left: 10%;}
.small_list1 ul{height: 70px;overflow:hidden;width: 3000px !important;}
.small_list1 ul li{position:relative;float:left;margin-right:30px;height: 70px;text-align: center;width: 170px;}
.small_list1 ul li img{display:block;margin-top: 20px;}