/*页面公用部分*/
body{min-width: 1268px;}
.box_In{
	position: relative;
	width: 1268px;
	margin: 0 auto;
	z-index: 3;
}
img{display: block;}
.wrap{
	width: 100%;
	overflow: hidden;
}
/*ban 开始*/
.ban{
	position: relative;
	height: 604px;
}
.ban a{
	position: absolute;
	right: 0;
	top: 34px;
	width: 300px;
	height: 50px;
}

.boxs{position: relative;}
.boxpic{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
}
.box1{height: 480px;}
.box2{height: 470px;}
.box3{height: 762px;}
.box4{height: 796px;}
.picdiv{height: 570px;}
.picdiv .box_In{height: 100%;}
.box13{height: 328px;}

.box1 .box1btn{
	position: absolute;
	left: 50%;
	top: 42px;
	transform: translate(-50%,0);
	cursor: pointer;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
}
.box1 .box1btn:hover{top: 38px;}

.box3 .box_In{
	width: 1306px;
	overflow: hidden;
	padding-top: 260px;
}
.box3 .box3_con{
	position: relative;
	width: 1268px;
	margin: 0 auto;
}
.box3 .box3_con ul{
	display: flex;
}
.box3 .box3_con ul li{
	width: 302px;
	height: 513px;
	cursor: pointer;
}
.box3 .box3_con ul li .box3pic{margin-left: -19px;}
.box3 .box3_con .box3img{
	position: absolute;
	top: 5px;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	z-index: 5;
}
.box3 .box3_con .box3img2,
.box3 .box3_con .box3img4{left: -1288px;}
.box3 .box3_con .box3img1,
.box3 .box3_con .box3img3{left: 1288px;}
.box3 .box3_con .box3img.cur{left: 0;}
.box3 .box3_con .box3img4 a{
	position: absolute;
	left: 470px;
	top: 54px;
	width: 143px;
	height: 49px;
}
.box3 .box3_con .box3img4 a.phone{left: 770px;}
.box9{z-index: 6;}
.box10{z-index: 5;}
.box8 a,
.box10 a,
.box11 a{
	position: absolute;
	left: 230px;
	bottom: -43px;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
}
.box8 a:hover{bottom: -38px;}
.box10 a{bottom: -98px;}
.box10 a:hover{bottom: -94px;}
.box11 a{left: 812px;bottom: -54px;}
.box11 a:hover{bottom: -50px;}
.box7 .viddata,
.box8 .viddata{
	position: absolute;
	width: 450px;
	height: 450px;
	border-radius: 50%;
	cursor: pointer;
}
.box7 .viddata{
	right: 148px;
	top: 78px;
}
.box8 .viddata{
	left: 98px;
	top: 76px;
}

.picScroll-top{
	position: absolute;
	width: 452px;
	height: 452px;
}
.box9 .picScroll-top{
	right: 148px;
	top: 72px;
}
.box10 .picScroll-top{
	left: 99px;
	top: 70px;
}
.picScroll-top .bd{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
}
.picScroll-top .bd li{width: 452px;height: 452px;}
.picScroll-top .next,
.picScroll-top .prev{
	position: absolute;
	left: 203px;
	width: 44px;
	height: 28px;
	cursor: pointer;
}
.box9 .picScroll-top .prev{top: -60px;}
.box9 .picScroll-top .next{bottom: -64px;}
.box10 .picScroll-top .prev{top: -68px;}
.box10 .picScroll-top .next{bottom: -68px;}


.mask_box1{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.mask_box1 .mask_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
}
.mask_box1 .mask_con{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-55%,-50%);
	z-index: 3;
}
.mask_box1 .bzjs{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-38%,-56%);
	z-index: 4;
}
.mask_box1 .close{
	position: absolute;
	right: 26px;
	top: 16px;
	width: 35px;
	height: 35px;
	z-index: 5;
	cursor: pointer;
}
.mask_video{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 1000;display: none;}
.mask_video .mask_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.7);}
.mask_video .video_con{position: absolute;width: 955px;left: 50%;top: 50%;text-align: center;transform: translate(-50%, -50%);}
.mask_video .video_con .close{position: absolute;right: -36px;top: -36px;width: 32px;cursor: pointer;}
.back_img{position: fixed;right: 30px;bottom: 100px;cursor: pointer;visibility:hidden;z-index: 9;}