@charset "utf-8";
/* CSS Document */
#banner{
	overflow:hidden;
	position:relative;
	margin-bottom: 24px;
}
#banner-img,
#banner-img-wz{
	width:70000px;
	position:relative;
	left:0;
	transition:0.5s;
}
#banner-img  img{
	float: left;
}
#banner-img-wz{
	position: absolute;
}
#banner-img-wz > div{
	float:left;
	position:relative;
}
#banner-img-wz > div > div{
	width:36%;
	text-align:right;
	margin:40px 0 0 56%;
}
#banner-img-wz  h4{
	font-size:50px;
	color:#fff;
	text-align:left;
}
#banner-img-wz  p{
	padding:40px 0 40px 20%;
	font-size:16px;
	color:#fff;
	text-align:right;
}

#banner-img-wz a{
	display:inline-block;
	width:180px;
	height:60px;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	position: relative;
	color: #00459a;
}
#banner-img-wz a b{  
    display: block;
    width: 100%;
    height: 60px;
    transform: skew(-16deg, 0);
    background: #fff;
}
#banner-img-wz a:hover b{
	/* box-shadow: 0px 10px 8px #000; */
    box-shadow: 0px 0px 10px 3px rgba(255,255,255,0.7);
}
#banner-img-wz a span{
	position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    height: 100%;
    background: url(../images/jat_67.png ) 126px center no-repeat;
}

@media screen  and (max-width:1600px){  
    #banner-img-wz  h4{
		font-size:40px;
	}
	#banner-img-wz  p{
		font-size:14px;
		padding-top:30px;
		padding-bottom:30px;
	}
} 
@media screen  and (max-width:1400px){  
    #banner-img-wz  h4{
		font-size:30px;
	}
	#banner-img-wz  p{
		font-size:13px;
		padding-top:20px;
		padding-bottom:20px;
	}
}  
#banner-buts{
	position:absolute;
	right:0;
	bottom:74px;
	width:50%;
	text-align:center;
}
#banner-buts span{
	display:inline-block;
	width:12px;
	height:12px;
	background:#C9C9C9;
	margin:0 10px;
	border-radius:50%;
	vertical-align:middle;
	cursor:pointer;
	transition:0.5s;
}
#banner-buts .current{
	width:16px;
	height:16px;
	background:#ffffff;
}
#banner-pn{
	position:absolute;
	left:44%;
	bottom:0;
	width:56%;
	height: 100%;
    -margin-left:-110px;
	background: url(../images/jat_61.png) no-repeat;
	background-size: 100% 100%;
	-border: 1px red  solid;
}
#banner-pn span{
	position:absolute;
	width:122px;
	height:60px;
	cursor:pointer;
	background:url(../images/jat_10.png) no-repeat;
}
#banner-pn  .prev{
	bottom: 60px;
	left: 21px;
}
#banner-pn  .next{
	left: 104px;
	bottom: 0;
	background-position:left -62px;
}
#pro-list{
	padding:70px 14px 60px;
	overflow:hidden;
	margin:0 auto;
}
#pro-list > ul{
	padding: 0 24px;
    margin-left: 20px;
}
#pro-list li {
    width: 24%;
    float: left;
    padding-right: 10px;
    position: relative;
}
#pro-list li > img{
	display:block;
	width:100%;
	    transform: skew(-16deg, 0);
}
#pro-list .p-tit1{
	position:absolute;
	left:80px;
	top:-38px;
	width:30%;
	background:url(../images/jat_6.png) no-repeat;
	background-size:100% 38px;
	text-align:center;
	font-size:28px;
	color:#fff;
	line-height:70px;
	font-weight:bold;
	padding:0 10px;
	z-index: 2;
}
@media screen  and (max-width:1690px){  
    #pro-list .p-tit1{
		font-size:24px;
		top:-34px;
		line-height:60px;
		background-size:100% 34px;
	}
}  
@media screen  and (max-width:1400px){  
    #pro-list .p-tit1{
		font-size:20px;
		top:-30px;
		line-height:50px;
		background-size:100% 30px;
	}
}  
#pro-list  .p-detail-1{
	width:110px;
	height:51px;
	background:url(../images/jat_5.png) no-repeat;
	position:absolute;
	left:50%;
	bottom:-25px;
	margin-left:-55px;
	z-index: 2
}
#pro-list .p-hide{
	position:absolute;
	left:0;
	top:0;
	width:98%;
	height:100%;
	z-index:2;
	display:none;
}
#pro-list .p-hide > p{
	position: absolute;
	width:100%;
	height: 100%;
	background:rgba(108,197,190,0.6);
	transform: skew(-16deg, 0);
}
#pro-list .p-hide > div{
	position: relative;
	z-index: 2;
}
#pro-list .p-tit2{
	margin:10px 10% 10px 18%;
	border-bottom:1px #fff solid;
	font-size:18px;
	color:#fff;
	padding:0 0 6px 10px;
}
#pro-list .p-hide >  a{
	position:absolute;
	right:90px;
	bottom:0;
	font-size:16px;
	background:url(../images/jat_7.png) no-repeat right center;
	padding:10px 40px 10px 0;
}
#pro-list .p-hide dl{
	font-size:14px;
	position:relative;
	overflow:hidden;
}
#pro-list .p-hide dd{
	line-height:26px;
	height:26px;
	overflow:hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
#pro-list .p-hide a{
	color:#fff;
}
#pro-list .p-hide a:hover{
    text-decoration: underline;
}
#pro-list li:hover .p-hide{
	display:block;
}
#pro-list li:hover .p-tit1,
#pro-list li:hover .p-detail-1{
	display:none;
}
#pro-list li:hover img{
	/* box-shadow: 0px 10px 8px #dadada */
    box-shadow: 0px 0px 5px 4px rgba(218,218,218,0.7);
}
#pro-list .items2 .p-tit1{
    background-image: url(../images/jat_52.png);
}
#pro-list .items3 .p-tit1{
    background-image: url(../images/jat_53.png);
}
#pro-list .items4 .p-tit1{
    background-image: url(../images/jat_54.png);
}
#pro-list .items2 .p-detail-1{
    background-position: left -51px;
}
#pro-list .items3 .p-detail-1{
    background-position: left -102px;
}
#pro-list .items4 .p-detail-1{
    background-position: left -153px;
}
#partner{
	width:1250px;
	margin:0 auto; 
}
#partner > h4{
	text-align:center;
}
#partner > .partner-but{
	height:92px;
	position:relative;
}
#partner > .partner-but a{
	position:absolute;
	right:60px;
	top:0;
	width:89px;
	height:46px;
	background:url(../images/partner_page.jpg) no-repeat;
}
#partner > .partner-but .next{
	top:46px;
	right:0;
	background-position:left -46px;
}
#partner-link{
	overflow:hidden;
	margin:14px 0 40px 0;
}
#partner-link-scroll > div{
	overflow:hidden;
	float:left;
}
#partner-link a{
	float:left;
	margin:0 70px 40px 0;
}
#partner-link  img{
	width:260px;
	height:116px;
	display:block;
}
#partner-link a:hover{
	-box-shadow: 0px 10px 8px #000
}