/*********************************************初始调配*******************************************************/
* { margin: 0; padding: 0;text-decoration: none; }
body { font-family:"微软雅黑"; color: #333; font-size:14px; line-height:1.6;overflow-x: hidden;}
a{color:inherit;outline: none;}
a:hover{color: #004098}
li { list-style: none }
img,iframe,input{border: none;}
input{color: #666;}
input:focus{color:#333;border: none;}
textarea{resize:none}
textarea:focus{color:#333;border: none;outline:none;}
table,tr,td{border-spacing: inherit;border-collapse:collapse}
.slider img{display: block;width: 100%;}
.l{float: left;}
.r{float:right;}
.tl{text-align: left;}
.tr{text-align:right;}

.imgbox img{display: block; max-width: 100%;margin: auto;}
.img-box img{display: block;width: 100%;}
.show-img img{display: block;max-width: 100%;margin: auto;}

/*********************************************通用内容*******************************************************/
.wrap {
	width: 80%;
	margin: 0 auto;
}
.y-bt-1{margin-bottom: 3%;}
.y-box-1{background:url(../img/y-banner.jpg) no-repeat center;background-size: cover;padding:3% 0 8%;}
.y-box-1 .box{border: 1px solid #666;position: relative;width:70%;box-sizing: border-box;}
.y-box-1 .box:before{content: "";width: 20%;padding-top:25%;border: 1px solid #666;position: absolute;right:0;margin-right: -32%;top:0;margin-top: 18%;}
.y-box-1 .box:after{content: "";width: 20%;padding-top:25%;border: 1px solid #666;position: absolute;right:0;margin-right: -33.5%;top:0;margin-top: 16.5%;}
.y-box-1 .box .d-1{position: absolute;top:0;margin-top: -2%;right:-45%;padding:16% 25%;z-index: 3;}
.y-box-1 .box .d-1 iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
.y-box-1 .box .d-2{position: absolute;top:0;margin-top:25%;right:-30%;width: 38%;z-index: 2;}
.y-box-1 .box .d-2 img{display: block;width: 100%;}
.y-box-1 .box .d-3{position: absolute;bottom:0;margin-bottom:-8%;left:-4.5%;width: 25%;}
.y-box-1 .box .d-3 img{display: block;width: 100%;}
.y-box-1 .box .txt{padding: 3% 9% 3% 5%;}
.y-box-1 .box .txt .bt{font-size: 36px;margin-bottom: 10px;position: relative;}
.y-box-1 .box .txt .bt:after{content: "";position: absolute;left:-60px;top:50%;margin-top: -1px;width:50px;height:1px;background: #333;}
@media only screen and (max-width: 1280px) {
	.y-box-1 .box .txt .bt{font-size: 30px;}
}
@media only screen and (max-width: 980px) {
	.y-box-1 .box .txt .bt{font-size: 24px;}
}
@media only screen and (max-width: 768px) {
	.y-box-1 .box .txt .bt{font-size: 20px;}
}
@media only screen and (max-width: 640px) {
	.y-box-1 .box .txt .bt{font-size: 18px;}
	.y-box-1 .box .txt .bt:after{display: none;}
}


.y-box-2{background:url(../img/y-banner-2.jpg) no-repeat center;background-size: cover;padding:3% 0 3%;}
.y-box-2 .box{position: relative;margin-bottom: 40px;}
.y-box-2 .box:after{content: "";position: absolute;top:50%;left:0;width: 100%;height: 1px;margin-top: -1px;background: #888;}
.y-box-2 .zbl-lunbo{padding: 0 80px;}
.y-box-2 li{vertical-align:top;padding-top:37%;background: url(../img/icon-1.png) no-repeat right;background-size:14%;margin:0 90px;position: relative;}
.y-box-2 li:after{content: "";position: absolute;left:100%;width: 0;padding-right:0px;top:50%;margin-top: 7%;margin-left: 5%;height: 1px;background: #888;}
.y-box-2 li .img-box1{top:50%;left:50%;margin-top: -76%;margin-left: -50%;}
.y-box-2 li .img-box2{bottom:50%;right:50%;margin-bottom: -86%;margin-right: -140%;}
.y-box-2 li .img-box{position: absolute;width:65%;padding-top:65%;box-sizing: border-box;}
.y-box-2 li .img-box .q{position: absolute;width: 100%;height: 100%;top: 0;left:0;background: url(../img/lc-1.png) no-repeat center;background-size: contain;}
.y-box-2 li .img-box .img{position: absolute;width:90%;height:90%;left:5%;top:5%;border: 1px solid #ccc;box-sizing: border-box;border-radius:50%;overflow: hidden ;}
.y-box-2 li .img-box .z{text-align: center;line-height: 1;padding:5%;position: absolute;width:90%;height:90%;left:5%;top:5%;border: 1px solid #ccc;box-sizing: border-box;border-radius:50%;overflow: hidden ;}
.y-box-2 li .img-box .z .z-1{font-size: 30px;font-family: arial;color: #fff;margin: 16% 0 0;width: 100%;}
.y-box-2 li .img-box .z .z-2{font-size: 12px;font-family: arial;color: #fff;margin:4% 0;width: 100%;}
.y-box-2 li .img-box .z .z-4{font-size: 14px;font-family: arial;color: #e30a11;line-height: 20px;white-space: normal;width: 100%;}
.y-box-2 li .img-box:before{content: "";width: 30%;padding-top:30%;background: url(../img/lc-4.png) no-repeat center;background-size: contain;position: absolute;top:0;right:0;}
.y-box-2 li .img-box:after{content: "";width: 30%;padding-top:30%;background: url(../img/lc-5.png) no-repeat center;background-size: contain;position: absolute;bottom:0;left:0;}
.y-box-2 li .x1{width:27%;position:absolute;top:50%;margin-top:-47%;right:4%}
.y-box-2 li .x2{width:27%;position:absolute;bottom:50%;margin-bottom:-52%;right:-17.5%}
.y-box-2 li .img-box:before{transition: 0.6s;}
.y-box-2 li .img-box:after{transition: 0.6s;}
.y-box-2 li .img-box .q{transition: 0.8s;}
.y-box-2 li .img-box .img{transition: 0.5s;}
.y-box-2 li .img-box .z{transition: 0.5s;transform:rotate3d(1,-1,0,180deg)}
.y-box-2 li .img-box:hover:before{top:-20px;right:-20px}
.y-box-2 li .img-box:hover:after{bottom:-20px;left:-20px}
.y-box-2 li .img-box:hover .q{transform:rotateZ(180deg);}
.y-box-2 li .img-box:hover .img{transform:rotate3d(1,-1,0,180deg);opacity: 0;}
.y-box-2 li .img-box:hover .z{transform:rotate3d(0,0,0,0deg);opacity:1;}
.y-box-2 li:after{transition: 0s;}
.y-box-2 li .x1{opacity: 0;transition: 0.3s;}
.y-box-2 li .x2{opacity: 0;transition: 0.3s;}
.y-box-2 li .img-box2{opacity: 0;transition: 0.3s;}
.y-box-2 li.cur:after{width: 75%;padding-right:180px;}
.y-box-2 li.cur .x1{opacity: 1;}
.y-box-2 li.cur .x2{opacity: 1;}
.y-box-2 li.cur .img-box2{opacity: 1;}
@media only screen and (max-width: 1600px) {
	.y-box-2 .zbl-lunbo{padding: 0 60px;}
	.y-box-2 li{margin: 0 60px;padding-top: 40%;}
	.y-box-2 li.cur:after{padding-right:120px;}
	.y-box-2 li .img-box .z .z-1{margin: 8% 0 0;font-size: 20px;}
	.y-box-2 li .img-box .z .z-4{font-size: 12px;line-height: 14px;}
}
@media only screen and (max-width: 1400px) {
	.y-box-2 .zbl-lunbo{padding: 0 20px;}
	.y-box-2 li{padding-top: 50%;}
	.y-box-2 li .img-box .z .z-1{margin: 8% 0 0;}
	.zzc .bt{font-size: 20px !important;}
}
@media only screen and (max-width: 1280px) {
	.y-box-2 .box:after{display: none;}
	.y-box-2 .zbl-lunbo{padding: 0px;}
	.y-box-2 li{margin: 0px;padding-top:60%;background: none;}
	.y-box-2 li.cur:after{display: none;}
	.y-box-2 li .img-box1{left:50%;margin-left: -32.5%;}
	.y-box-2 li .img-box2{left:50%;margin-left: -32.5%;}
	.y-box-2 li .img-box .z .z-1{margin: 10% 0 0;}
	.y-box-2 li .x1{display: none !important;}
	.y-box-2 li .x2{display: none !important;}
	.y-box-3{
		background: #fff !important;
	}
	.y-box-3 .box{padding: 0 10% 0 15% !important;}
}
@media screen and (max-width: 925px) and (min-width: 768px){
	.z-1{
		font-size: 20px !important;
	}
	.z-4{
		font-size: 12px !important;
	}
}
@media screen and (max-width: 600px) and (min-width: 300px){

	.z-1{
		font-size: 20px !important;
	}
	.z-4{
		font-size: 12px !important;
	}
}
@media only screen and (max-width: 1280px) {
	.y-box-1 .box .d-1,.y-box-1 .box .d-2{
		display: none !important;
	}
	.y-box-1 .box:before,.y-box-1 .box:after{
		content:none;
	}
	.y-box-1 .box{
		width:100%;
	}
	.y-box-1 .box .txt{
		padding-right: 16%;
	}
	.y-box-5 .box{
		padding:0 !important;
	}
	.zzc .bt{
		font-size: 18px !important;
	}
}
#xlb{
	display: none;
}
@media only screen and (max-width: 1024px) {
	.y-box-2 li{
		height: 400px !important;
	}
	#dlb{
		display: none;
	}
	#xlb{
		display: block;
	}
	#xlb .xlbb{
		color:#fff;
		padding-top:0;
	}
	#xlb .xlbb>div{
		width:90%;
		margin-left: 5%;
		text-align: center;
		box-sizing: border-box;
	}
	#xlb .xlbb>div p{
		width:100%;
		box-sizing: border-box;
		white-space:normal !important;
	}
	#xlb .xlbb>div p:first-child{
		font-size: 24px;
	}
	#xlb .xlbb>div>div p:nth-child(2){
		font-size: 20px;
	}
	#xlb .xlbb img{
		width:50%;
		margin:5% 25%;
	}
}






@media only screen and (max-width: 768px){
	.y-box-3{
		background: url(../img/x-banner-3.jpg) no-repeat left !important;
		background-size: cover !important;
	}
	.y-box-5 .box .zbl-tab .nav-box{
		right:10px !important;
		width:280px !important;
		z-index: 0 !important;
	}
	.y-box-5 .box .zbl-tab{
		padding-right: 18px !important;
	}
	.slick-list{
		padding:0 !important;
	}
	.y-box-5 .box .zbl-tab .s-box .slider .slick-slide{
		padding-right: 300px !important;
	}
	.y-box-5 .box{
		padding-top: 50px !important;
	}
	.y-box-5 .box .zbl-tab .nav-box{
		width:100% !important;
	}
	.y-box-5 .box .zbl-tab .nav-box ul{
		width:100% !important;
		left:0 !important;
		margin-left: 10px !important;
		top:-55px !important;
		margin-top: 0 !important;
	}
	.y-box-5 .box .zbl-tab .nav-box ul li{
		margin:0 2% 0 0 !important;
		width:23.5% !important;
		float: left;
	}
	.y-box-5 .box .zbl-tab .nav-box ul li:last-child{
		margin:0 !important;
	}
	.y-box-5 .box .zbl-tab .s-box .right{
		right: 10px !important;
	}
	.y-box-5 .box .zbl-tab .s-box .slider .slick-slide{
		padding-right: 0 !important;
	}
	.y-box-5 .box .zbl-tab{
		height: 500px;
	}
	.y-box-5 .box .zbl-tab{
		height: 0 !important;
		padding-bottom: 74% !important;
	}
}
@media only screen and (max-width: 640px) {
	.y-box-2 li .img-box .z .z-1{margin: 5% 0 0;}
	.y-box-3 .box .t-2{
		font-size: 20px !important;
	}
	.y-bt-1{
		margin-bottom: 10% !important;
	}
}
@media only screen and (max-width: 518px){
	.y-box-1 .box .txt{
		padding: 0;
	}
	.y-box-1 .box{
		border:0;
	}
	.wrap{
		width:90%;
	}
	.y-box-1 .box .d-3 img{
		display: none;
	}
	.bx{
		width:50%;
	}
}

@media only screen and (max-width: 461px) {
	.y-box-3 .box .t-2{
		font-size: 17px !important;
	}
	
	.y-box-3 .box .t-1{
		font-size: 30px !important;
	}
	.y-box-3 .box .t-3 .z{
		padding:0 0 0 45px !important;
	}
	.zzc .bt{
		font-size: 16px !important;
	}
	
}
.zbl-lunbo .left, .zbl-lunbo .right{
	bottom:0 !important;
}
@media only screen and (max-width: 380px){
	.y-box-5 .box .zbl-tab .nav-box ul li span{
		font-size: 12px;
	}
	.y-box-3 .box .t-2{
		font-size: 14px !important;
	}
	.y-box-3 .box .t-1{
		font-size: 22px !important;
	}
}
.y-box-3{background:url(../img/y-banner-3.jpg) no-repeat center;background-size: cover;padding:3% 0;overflow: hidden;}
.y-box-3 .box{padding: 0 25% 0 10%}
.y-box-3 .box .t-1{font-size: 44px;color: #e30a11;}
.y-box-3 .box .t-2{font-size: 24px;color: #4c4c4c;}
.y-box-3 .box .t-3{color: #666;margin-top: 30px;padding: 0 40px;box-sizing: border-box;}
.y-box-3 .box .t-3 span{font-size: 90px;font-family: '黑体';line-height:1;display: block;width: 100%;opacity: 0.7;}
.y-box-3 .box .t-3 span.tl{margin-bottom: -40px;margin-left: -80px;}
.y-box-3 .box .t-3 span.tr{margin-top:10px;margin-left: 80px;}
.y-box-3 .box .t-3 .z{font-size: 18px;padding: 0 100px;}
@media only screen and (max-width: 1280px) {
	.y-box-3 .box .t-1{font-size: 36px;color: #e30a11;}
	.y-box-3 .box .t-2{font-size: 20px;color: #4c4c4c;}
	.y-box-3 .box .t-3 span{font-size: 70px;}
	.y-box-3 .box .t-3 .z{font-size: 16px;}
}
@media only screen and (max-width:980px) {
	.y-box-3 .box .t-1{font-size: 30px;color: #e30a11;}
	.y-box-3 .box .t-2{font-size: 18px;color: #4c4c4c;}
	.y-box-3 .box .t-3 span{font-size: 50px;}
	.y-box-3 .box .t-3 .z{font-size: 14px;}
	.y-box-3 .box .t-3 span.tl{margin-left: -66px;}
	.y-box-3 .box .t-3 span.tr{margin-left:66px;}
	
}
@media only screen and (max-width:768px) {
	.y-box-3 .box .t-1{font-size: 24px;color: #e30a11;}
	.y-box-3 .box .t-2{font-size: 16px;color: #4c4c4c;}
	.y-box-3 .box .t-3{padding: 0;}
	.y-box-3 .box .t-3 span{display: none;}
}
.y-box-4{background:url(../img/y-banner-4.jpg) no-repeat center;background-size: cover;padding:20%;display: block}
@media only screen and (max-width: 768px) {
	.y-box-4{padding:35%;}
}
.y-box-5{background:url(../img/y-banner-5.jpg) no-repeat center;background-size: cover;padding:3% 0 3%;}
.y-box-5 .box{padding: 3% 10% 0 15%;}
.y-box-5 .box .zbl-tab{background: #fff;box-shadow: 0 0 15px #666;width: 100%;padding: 10px;box-sizing: border-box;position: relative;}
.y-box-5 .box .zbl-tab .b-box{width: 100%;}
.y-box-5 .box .zbl-tab .nav-box{position: absolute;top:0;right:8px;width: 305px;text-align: center;height: 100%;background: #fff !important;z-index: 100;}
.y-box-5 .box .zbl-tab .nav-box ul{width:120px;position: absolute;top:50%;margin-top: -120px;left:50%;margin-left: -60px;}
.y-box-5 .box .zbl-tab .nav-box ul li{overflow: hidden;border: 1px solid #666;line-height: 40px;height: 40px;margin: 15px 0;font-size: 16px;width: 100%;box-sizing:border-box;position: relative;transition: 0.3s;}
.y-box-5 .box .zbl-tab .nav-box ul li span{position: relative;z-index: 2;transition: 0.3s;}
.y-box-5 .box .zbl-tab .nav-box ul li:after{content:"";background:url(../img/5-h.jpg);position: absolute;top:0; left:0;height: 100%;width: 0px;transition: 0.3s;}

@media only screen and (min-width:1281px) {
	
	.y-box-5 .box .zbl-tab .nav-box ul li:hover{border:1px solid #e30a11;}
	.y-box-5 .box .zbl-tab .nav-box ul li:hover:after{width: 100%;}
	.y-box-5 .box .zbl-tab .nav-box ul li:hover span{color: #fff;}
}

.y-box-5 .box .zbl-tab .nav-box ul li.cur{border:1px solid #e30a11;border-right:1px solid #fff;border-bottom: 1px solid #fff;border-radius:3px;box-shadow: 3px 3px 3px #999;}
.y-box-5 .box .zbl-tab .nav-box ul li.cur:after{width: 100%;}
.y-box-5 .box .zbl-tab .nav-box ul li.cur span{color: #fff;}
.y-box-5 .box .zbl-tab .s-box .slider .slick-slide{position: relative;}
.y-box-5 .box .zbl-tab .dkbox{padding-right: 300px;}
.y-box-5 .box .zbl-tab .s-box .slider .img-box{position: relative;}
.y-box-5 .box .zbl-tab .s-box .slider .zzc{
	position: absolute;
	left: 0;
	bottom: 0;
	width:100%;
	height:40px;
	line-height: 40px;
	overflow: hidden;
	color:#fff;
	text-align: center;
	background: rgba(0,0,0,0.4);
}

.y-box-5 .box .zbl-tab .s-box .left{position: absolute;left:10px;top:50%;margin-top: -23.5px;}
.y-box-5 .box .zbl-tab .s-box .right{position: absolute;right:310px;top:50%;margin-top: -23.5px;}
.img-box{
	position: relative;
}