.generic{ width:100%; float:left; overflow:hidden; position:relative}
.generic .box{ width:1920px; overflow:hidden; float:left; position:absolute; left:50%; margin-left:-960px}
.generic .img_box{ width:1920px; float:left; position:absolute; top:0; left:50%; margin-left: -960px}
.generic .img_box img{ width:1920px; float:left; position:absolute; top:0; left:0}

.part_1{ width:100%; float: left; overflow:hidden; position:relative; margin-top: -68px}
.part_1 .box{ width:1920px; height:843px; float:left; overflow:hidden; position:relative; margin-left: -960px; left:50%; top:0}
.part_1 ul{ width:800%; height:843px; float:left; transition:transform .6s ease; -webkit-transition:transform .6s ease}
.part_1 li{ width:12.5%; height:843px; float:left; overflow:hidden; position:relative}
.part_1 .img_box{ height:843px}
.part_1 .tit_box{ width: 600px; float: left; position: absolute; top: 312px; margin-left: 0}
.part_1 .tit_box .t_1{ width: 100%; float: left; font-size: 50px; color: #fff; line-height: 60px; opacity:0}
.part_1 .tit_box .t_1 .horm{ width:86px; height:36px; overflow:hidden; border: 1px solid rgba(255,255,255,0.5); padding: 0 8px; color: rgba(255,255,255,0.8); text-align: center; line-height: 36px; font-size: 24px; border-radius: 6px; position: relative; top: -9px; margin-left: 13px}
.part_1 .tit_box .t_2{ width: 100%; float: left; font-size: 32px; color: rgba(255,255,255,0.7); line-height: 36px; margin-top: 20px; opacity:0}
.part_1 .tit_box .t_3{ width: 100%; float: left; margin-top: 52px; opacity:0}
.part_1 .tit_box .t_3 a{ float: left; font-size: 32px; color: #65a6ff; line-height: 36px; margin-right:60px; padding-right: 32px; background-position: right -493px}
.part_1 .tit_box .t_4{ width: 128px; line-height: 40px; color: #fff; font-size: 28px; float: left; background-color: #F51414; text-align: center; border-radius: 6px; margin-bottom: 10px; opacity:0}
.part_1 .tit_box_2{ top: 246px}
.part_1 .tit_box_2 .t_1{ height: 35px; background:url("../images/home/img_1_4.png") no-repeat}
.part_1 .tit_box_2 .t_2{ height: 53px; background:url("../images/home/img_1_4.png") no-repeat 0 -66px; margin-top: 31px}
.part_1 .tit_box_2 .t_3{ height: 44px; background:url("../images/home/img_1_4.png") no-repeat 0 -168px; margin-top: 49px}
.part_1 .tit_box_b .t_1{ color: #000;}
.part_1 .tit_box_b .t_1 .horm{ border: 1px solid rgba(0,0,0,0.5); color: rgba(0,0,0,0.8)}
.part_1 .tit_box_b .t_2{ color: rgba(0,0,0,0.7)}

.prev, .next{ width:54px; height:98px; float:left; position:absolute; top:375px; left:0; background-position:20px -164px; border-radius: 0 10px 10px 0; background-color: rgba(0,0,0,0); transition:all .3s ease; z-index:20}
.next{ left:auto; right: 0; border-radius: 10px 0 0 10px; background-position:20px -264px}
.prev:hover, .next:hover{ background-color: rgba(0,0,0,0.15)}
.dian_box{ width:100%; height:3px; float:left; position:absolute; bottom:38px; left:0; text-align:center; z-index:20}
.dian_box a{ width:44px; height:3px; background-color:rgba(255,255,255,0.3); overflow:hidden; display:inline-block; margin:0 4px; transition:all .3s ease}
.dian_box .cur{ background-color: rgba(255,255,255,1)}

.part_2{ height:1080px}
.part_2 .box{ height:1080px}
.part_2 .tit_box{ width:800px; float: left; position: absolute; top:347px; right:78px; z-index: 10}
.part_2 .t_1{ width: 100%; float: left; font-size: 50px; line-height: 56px; color: #000; opacity:0}
.part_2 .t_1 .horm{ width:86px; height:36px; overflow:hidden; border: 1px solid rgba(0,0,0,0.5); padding: 0 8px; color: rgba(0,0,0,0.8); text-align: center; line-height: 36px; font-size: 24px; border-radius: 6px; position: relative; top: -9px; margin-left: 13px}
.part_2 .t_2{ width: 100%; float: left; font-size: 32px; color: rgba(0,0,0,0.7); line-height: 36px; margin-top: 23px; opacity:0}
.part_2 .img_box{ height:1080px}
.part_2 ul{ width:78%; float:left; position: relative; margin:58px 0 0 -3%; opacity: 0}
.part_2 li{ width:33.33%; float:left; padding-top:144px; font-size:24px; color:#444; text-align:center; line-height:34px; background:url(../images/home/img_2.png) no-repeat center 0; opacity:1}
.part_2 li .fs_18{ font-size: 18px; opacity: 0.8}
.part_2 .ic_2{ background-position:center -300px}
.part_2 .ic_3{ background-position:center -600px}

.part_3{ height:918px}
.part_3 .box{ height:918px}
.part_3 .img_box{ height:918px}
.part_3 .tit_box{ width:800px; float: left; position: absolute; top:272px; left:320px; z-index: 10}
.part_3 .t_1{ width: 100%; float: left; font-size: 50px; line-height: 56px; color: #000; opacity:0}
.part_3 .t_1 .horm{ width:86px; height:36px; overflow:hidden; border: 1px solid rgba(0,0,0,0.5); padding: 0 8px; color: rgba(0,0,0,0.8); text-align: center; line-height: 36px; font-size: 24px; border-radius: 6px; position: relative; top: -9px; margin-left: 13px}
.part_3 .t_2{ width: 100%; float: left; font-size: 32px; color: rgba(0,0,0,0.7); line-height: 36px; margin-top: 23px; opacity:0}
.part_3 ul{ width:78%; float:left; position: relative; margin:58px 0 0 -5%; opacity: 0}
.part_3 li{ width:32.3%; float:left; padding-top:138px; font-size:24px; color:#444; text-align:center; line-height:34px; background:url(../images/home/img_3.png) no-repeat center 0; opacity:1}
.part_3 li .fs_18{ font-size: 18px; opacity: 0.8}
.part_3 .ic_2{ background-position:center -300px}
.part_3 .ic_3{ background-position:center -600px}


.part_m_1{ width:100%; height:660px; float:left; position:relative; overflow:hidden; margin:-57px 0 9px}
.part_m_1 ul{ width:800%; height:660px; float:left; will-change:transform}
.part_m_1 li{ width:12.5%; height:660px; float:left; overflow:hidden; position:relative}
.part_m_1 .img{ width:430px; height:660px; float:left; position: absolute; text-align: center; top: 0; left: 50%; margin-left: -215px}
.part_m_1 .img img{ max-width:100%}
.part_m_1 .tit_box{ width: 100%; float: left; text-align: center; position: absolute; top: 96px; z-index: 1}
.part_m_1 .tit_box .t_1{ width: 100%; float: left; font-size: 24px; color: #fff; line-height: 30px; opacity:0}
.part_m_1 .tit_box .t_1 .horm{ width:39px; height:16px; overflow:hidden; font-size: 12px; border: 1px solid rgba(255,255,255,0.5); padding: 0 2px; color: rgba(255,255,255,0.8); text-align: center; line-height: 16px; border-radius: 4px; position: relative; top: -4px; margin-left: 6px}
.part_m_1 .tit_box .t_2{ width: 100%; float: left; font-size: 16px; color: rgba(255,255,255,0.5); line-height: 24px; margin-top: 3px; opacity:0}
.part_m_1 .tit_box .t_3{ width: 100%; float: left; text-align: center; padding-top: 24px; opacity:0}
.part_m_1 .tit_box .t_3 a{ color: #65a6ff; line-height: 20px; font-size: 16px; padding-right: 15px; background-position: right -97px; margin: 0 14px}
.part_m_1 .tit_box .t_4{ width: 74px; line-height: 23px; color: #fff; font-size: 16px; float: left; background-color: #F51414; text-align: center; border-radius: 4px; margin:0 0 18px -37px; position: relative; left: 50%; opacity:0}
.part_m_1 .tit_box_2{ top: 66px}
.part_m_1 .tit_box_2 .t_1{ height: 22px; background:url("../images/home/img_1_4_m.png") no-repeat center 0; background-size: 400px 200px}
.part_m_1 .tit_box_2 .t_2{ height: 31px; background:url("../images/home/img_1_4_m.png") no-repeat center -33px; background-size: 400px 200px; margin-top: 11px}
.part_m_1 .tit_box_2 .t_3{ height: 25px; background:url("../images/home/img_1_4_m.png") no-repeat center -81px; background-size: 400px 200px; margin-top: 17px}
.part_m_1 .tit_box_b .t_1{ color: #000;}
.part_m_1 .tit_box_b .t_1 .horm{ border: 1px solid rgba(0,0,0,0.5); color: rgba(0,0,0,0.8)}
.part_m_1 .tit_box_b .t_2{ color: #444}

.dian_box_m{ width:100%; height:2px; float:left; position:absolute; bottom:30px; left:0; text-align:center; z-index:20; -webkit-transform:translate3d(0,0,0)}
.dian_box_m a{ width:22px; height:2px; background-color:rgba(255,255,255,0.3); overflow:hidden; display:inline-block; margin:0 3px; border-radius: 50px; transition:all .3s ease}
.dian_box_m .cur{ background-color:rgba(255,255,255,1)}

.part_m_2{ width:100%; height:750px; float:left; position:relative; overflow:hidden; margin-bottom: 9px}
.part_m_2 .img{ width:430px; height:750px; float:left; position: absolute; text-align: center; top: 0; left: 50%; margin-left: -215px}
.part_m_2 .img img{ max-width:100%}
.part_m_2 .tit_box{ width:100%; float: left; text-align: center; position: absolute; top:45px; z-index: 10}
.part_m_2 .tit_box .t_1{ width: 100%; float: left; font-size: 24px; color: #000; line-height: 30px; opacity:0}
.part_m_2 .tit_box .t_1 .horm{ width:39px; height:16px; overflow:hidden; font-size: 12px; border: 1px solid rgba(0,0,0,0.5); padding: 0 2px; color: rgba(0,0,0,0.8); text-align: center; line-height: 16px; border-radius: 4px; position: relative; top: -4px; margin-left: 6px}
.part_m_2 .tit_box .t_2{ width: 100%; float: left; font-size: 16px; color: #444; line-height: 24px; margin-top: 3px; opacity:0}
.part_m_2 ul{ width:82%; float:left; position: relative; margin:22px 0 0 9%; opacity: 0}
.part_m_2 li{ width:33.33%; float:left; padding-top:68px; font-size:14px; color:#444; text-align:center; line-height:20px; background:url(../images/home/img_2_m.png) no-repeat center 0; background-size: 100px 400px; opacity:1}
.part_m_2 li .fs_12{ font-size: 12px}
.part_m_2 .ic_2{ background-position:center -150px}
.part_m_2 .ic_3{ background-position:center -300px}

.part_m_3{ width:100%; height:750px; float:left; position:relative; overflow:hidden; margin-bottom: 9px}
.part_m_3 .img{ width:430px; height:750px; float:left; position: absolute; text-align: center; top: 0; left: 50%; margin-left: -215px}
.part_m_3 .img img{ max-width:100%}
.part_m_3 .tit_box{ width:100%; float: left; text-align: center; position: absolute; top:45px; z-index: 10}
.part_m_3 .tit_box .t_1{ width: 100%; float: left; font-size: 24px; color: #000; line-height: 30px; opacity:0}
.part_m_3 .tit_box .t_1 .horm{ width:39px; height:16px; overflow:hidden; font-size: 12px; border: 1px solid rgba(0,0,0,0.5); padding: 0 2px; color: rgba(0,0,0,0.8); text-align: center; line-height: 16px; border-radius: 4px; position: relative; top: -4px; margin-left: 6px}
.part_m_3 .tit_box .t_2{ width: 100%; float: left; font-size: 16px; color: #444; line-height: 24px; margin-top: 3px; opacity:0}
.part_m_3 ul{ width:82%; float:left; position: relative; margin:22px 0 0 9%; opacity: 0}
.part_m_3 li{ width:33.33%; float:left; padding-top:68px; font-size:14px; color:#444; text-align:center; line-height:20px; background:url(../images/home/img_3_m.png) no-repeat center 0; background-size: 100px 400px; opacity:1}
.part_m_3 li .fs_8{ font-size: 8px}
.part_m_3 .ic_2{ background-position:center -150px}
.part_m_3 .ic_3{ background-position:center -300px}

.videoPop{ width: 100%; height: 100%; float: left; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 999999999}
.videoPop .box{ width: 76%; height: 100%; float: left; position: relative; margin: 0 12%}
.videoPop .video video{ max-width: 100%; float: left; position: relative}
.videoPop .close{ width: 50px; height: 50px; float:left; position: absolute; top: 15px; right: 15px; background-position: 0 -600px}


@media only screen and (min-width : 1920px){
	.videoPop .video{ width: 1920px; height: 1080px; float: left; position:absolute; top: 50%; left: 50%; margin: -540px 0 0 -960px}
}

@media only screen and (max-width : 1920px){
	.part_1 .box, .part_2 .box, .part_3 .box{ width:100%; float:left; overflow:hidden; position:relative; margin-left: 0; left:0; top:0}
	
	.videoPop .video{ width: 100%; height: 0; padding-bottom: 56%; float: left; position:absolute; top: 50%; left: 50%; margin: -28% 0 0 -50%}
}

@media only screen and (max-width : 1400px){
	.part_1 .tit_box{ margin-left: 80px}
}

@media only screen and (max-width : 1320px){
	.part_2 .tit_box{ transform: scale(0.6); transform-origin: left center; -webkit-transform: scale(0.6); -webkit-transform-origin: left center}
	.part_3 .tit_box{ left: 540px; transform: scale(0.6); transform-origin: left center; -webkit-transform: scale(0.6); -webkit-transform-origin: left center}
}

@media only screen and (max-width : 800px){
	.part_1 .tit_box{ transform: scale(0.8); transform-origin: left center; -webkit-transform: scale(0.8); -webkit-transform-origin: left center}
	.videoPop .box{ width: 100%; margin: 0}
	.videoPop .close{ top: -40px; right: 10px; transform: scale(0.5); transform-origin: top right; -webkit-transform: scale(0.5); -webkit-transform-origin: top right}
}

@media only screen and (min-width : 640px){
	.part_1 .img_1{ background:url(../images/home/img_1_1.jpg) no-repeat}
	.part_1 .img_2{ background:url(../images/home/img_1_2.jpg) no-repeat}
	.part_2 .img_1{ background:url(../images/home/img_2.jpg) no-repeat}
	.part_3 .img_1{ background:url(../images/home/img_3.jpg) no-repeat}
}

@media only screen and (max-width : 640px){
	.part_m_1 .img_1{ background:url(../images/home/img_1_1_m.jpg) no-repeat; background-size: 430px 660px}
	.part_m_1 .img_2{ background:url(../images/home/img_1_2_m.jpg) no-repeat; background-size: 430px 660px}
	.part_m_2 .img_1{ background:url(../images/home/img_2_m.jpg) no-repeat; background-size: 430px 750px}
	.part_m_3 .img_1{ background:url(../images/home/img_3_m.jpg) no-repeat; background-size: 430px 750px}
}