body{
	overflow: hidden;
}
.z-index{
	width: 100%;
	background: #f5f5f5;
}
.w1500{
	width: 1500px;
	margin: 0 auto;
	position: relative;
}
.special{
	padding: 70px 0 76px;
}
.special-nav{
	width: 31.8%;
	float: right;
}
.special-nav-title{
	width: 100%;
	position: relative;
	margin-bottom: 25px; height:266px;
	overflow: hidden;
	box-shadow: 0 5px 10px rgba(6,0,1,.07);
}
.special-nav-title .pic{
	position: absolute;
	top:0;
	width:100%; left:0;
	z-index: 1; height:100%
}
.special-nav-title .con{
	width: 88%;
	position: relative;
	z-index: 2;
	margin: 0 auto;
}
.special-nav-title h2{
	font-size: 28px;
	color: #fff;
	line-height: 40px;
	text-shadow: 0 0 5px rgba(6,0,1,.07);
	padding-top: 22px;
}
.special-nav-title h3{
	font-size: 18px;
	color: #fff;
	opacity: 0.8;
	padding-bottom: 50px;
}
.special-nav-title p{
	font-size: 16px;
	color: #fff;
	line-height: 28px;
}
.special-nav-title span{
	width: 39px;
	height: 39px;
	position: absolute;
	right: 0;
	bottom:-30px;
	background: url(../pic/spe02.png) no-repeat center;
	background-size: 100% 100%;
}
.special-nav ul{
	width: 100%;
}
.special-nav li{
	width: 100%;
	margin-bottom: 24px;
	position: relative;
	left: 0;
	overflow: hidden;
	box-shadow: 0 0 5px rgba(6,0,1,.07);
	transition: left 0.3s;
}
.special-nav li:hover{
	left: -5px;
}
.special-nav li a{
	display: block;
	width: 100%;
	height: 100%;
}
.special-nav li .pic{
	width:100%;
	
	z-index: 1;
}
.special-nav li .con{
	width: 88%;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	background:url(../pic/spe07.png) no-repeat left 15px;
	display: block;
}
.special-nav li .tit{
	padding-top: 21px;
    margin-left: 7px;

}
.special-nav li h3{
	font-size: 21px;
	color: #fff;
	line-height: 30px;
}
.special-nav li p{
	font-size: 16px;
	color: #fff;
	line-height: 26px;
}
.special-left{
	width: 66%;
	float: left;
	background: #fff;
}
.special-left .title.nobackground{
	width: 100%;
	padding: 27px 0 0; background:none
	
}
.special-left .title{background: url(../pic/spe16.png) no-repeat  center bottom;
	background-size: 100%;padding: 27px 0 67px;}

.special-left .title .con{
	margin-left: 6%;
	background: url(../pic/spe14.png) no-repeat left top;
}
.special-left .tianye .con{
	margin-left: 6%;
	background:none
}

.special-left .title img{
	margin-left: 10px;
}
.special-left .title h3{
	font-size: 24px;
	color: #38a7f6;
	line-height: 34px;
	padding-top: 15px;
}
.special-left .title p{
	font-size: 18px;
	color: #38a7f6;
	line-height: 28px;
}
.special-left-con{
	width: 94%;
	margin: 0 auto;
	position: relative;
	padding: 28px 0 66px;
}
.special-left-con .video{
	width: 98%;
	padding: 12px 1%;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.special-left-con .video.cur{
	position: fixed;
	bottom:400px;
	z-index: 999;
	right: 30px;
	width: 200px;
	height: 112px;
}
.special-left-con .video.cur video{
	width: 100%;
	height: 100%;
}
.special-left-con video{
	width: 100% !important; 
	height: 100% !important;
}
.special-left-con .none{
	display: none;
}
.special-left-con .box{
	margin-top: 27px;
	width: 90%;
	padding: 42px 5% 28px;
	box-shadow:inset 0 0 18px rgba(56,167,246,0.75);
	border-radius: 4px;
}
.special-left-con .box p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	padding-bottom: 30px;
}
 .special-left-con .box img{
	max-width: 100%;
	height: auto !important;
	padding: 0 0 36px;
	margin-top: -8px;
}
.z-index,body{ overflow:hidden}
.contact, .copyright{
	width: 440px;
	padding:86px 40px 0;
	background: #2b2b2b;
	position:fixed;
	right:-520px;
	top:0;
	z-index: 101;
	transition:right 0.3s; display:none
}
.contact.on, .copyright.on{
	right: 0px;
}
.contact h2{
	font-size: 20px;
	color: #fff;
	line-height: 58px;
	padding-left: 30px;
	background-size: 20px !important;
}
.contact p{
	font-size: 14px;
	color: #fdfdfd;
	opacity: 0.5;
	line-height: 26px;
	padding-bottom: 32px;
}
.contact h2.add{
	background: url(../pic/con01.png) no-repeat left center;
}
.contact h2.tel{
	background: url(../pic/con02.png) no-repeat left center;
}
.contact h2.email{
	background: url(../pic/con03.png) no-repeat left center;
}
.contact h2.car{
	background: url(../pic/con04.png) no-repeat left center;
}
.contact h2.taxi{
	background: url(../pic/con05.png) no-repeat left center;
}
.contact i{
	width: 100%;
	display: block;
	height: 1px;
	margin: 26px 0 60px;
	background: url(../pic/con06.png) no-repeat left center;
}
.contact h3{
	font-size: 26px;
	color: #fdfdfd;
	line-height: 36px;
	padding-bottom: 44px;
}
.z-index{
	position: relative;
	left: 0;
	z-index: 9;
	transition:left 0.3s;
}
.z-index.on{
	left:-520px;
}
.copyright h2{
	font-size: 20px;
	color: #fdfdfd;
	line-height: 58px;
	padding-bottom: 12px;
}
.copyright p{
	font-size: 14px;
	color: #fdfdfd;
	opacity: 0.5;
	line-height: 28px;
}
.support_tab img{
	max-width: 100%;
	width: 100%;
	height: auto !important;
	display: none;
}
.footer .top .list-last li{
	cursor: pointer;
}
.footer .top .list-last li img{
	width: 100%;
	position: absolute;
	bottom: 45px;
	left: 0;
	display: none;
}
.footer .top .list-last li:hover img{
	display: block;
}