@charset "utf-8";
/*banner背景图片动画*/

/****************第一屏*******************/
.index_main{	background: #FFFFFF;}
.index_main .section1{	position: relative;}
.index_main .section1 .index_banner .item{background-size: cover;-webkit-background-size:cover;background-position: center;	background-repeat: no-repeat;height:100vh;	position: relative;background: #000000;}
.index_main .section1 .index_banner .item img{ width: 100%;}
.index_main .section1 .index_banner .item video{ width: 100%;} 
.index_main .section1 .index_banner .item.slick-current .scaleBg{
	visibility: visible; 
	-webkit-animation:scale-bg 2s linear forwards;
	animation:scale-bg 2s linear forwards;
}


.index_main .section1 .number{
	position: absolute;
	bottom:5%;
	left: 50%;
	padding-bottom: 5px;
	display: table;
	padding: 0 0px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.index_main .section1 .number span{
	font-size: 20px;
	color: #FFFFFF;
	margin-right:20px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span:last-child{
	margin-right: 0;
}
.index_main .section1 .number span:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 1px;
	background: #FFFFFF;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:-10px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span.active:after{
	width: 100%;
	opacity: 1;
	visibility: visible;
}


/****************第二屏*******************/

.index_main .section2 .section2_con{ width: 100%; margin: 0px; background:url(/images/bg01.jpg) repeat center; background-size:cover;box-sizing: border-box; padding: 0 10%; height: 100vh;} 
.section2_con_l{ width: 35%; margin-top: 15%;} 
.section2_con_r{ width: 45%; margin-top: 10%;}

.section2_con_l h2{ } 
.section2_con_l h2 span{ display: block; float: left; font-size: 24px; color: #999999; line-height: 100%; font-weight: normal; width: 30%;} 
.section2_con_l h2 em{ display: block; float: right; height: 1px; background: #999999; width: 60%; margin-top: 10px;} 
.section2_con_l h5{ display: block; font-size: 40px; color: #2b3550; line-height: 100%; font-weight: normal; margin-top: 10px;} 
.section2_con_l p{ font-weight: lighter;color: #000000; font-size: 14px; line-height: 175%; text-align: justify; margin: 60px 0px;} 
.section2_con_l a{ display: block; font-size: 14px; text-align: left; width: 100%; border-top: #999999 1px solid; padding: 10px 0px; transition: all 0.6s; color: #333333;} 
.section2_con_l a:hover{ color: #2b3550;border-top: #2b3550 1px solid; } 

.section2_con_r ul{} 
.section2_con_r ul li{ margin-bottom: 50px;} 
.section2_con_r ul li div{ font-size: 14px; color: #FFFFFF;} 
.section2_con_r ul li div span{ display: inline-block; font-size: 60px; font-weight: bold; margin-right: 5px;} 
.section2_con_r ul li h6{font-weight: normal; font-size: 22px;color: #FFFFFF;} 


.section2 .section2_con_r{ -webkit-transform: translateX(100px); transform: translateX(100px); transition:all 1s ease 0.6s}
.section2.active .section2_con_r{ -webkit-transform: translateX(0); transform: translateX(0);}
.section2 .section2_con_l{ -webkit-transform: translateX(-100px); transform: translateX(-100px); transition:all 1s ease 0.6s}
.section2.active .section2_con_l{ -webkit-transform: translateX(0); transform: translateX(0);}


@media screen and (max-width: 1600px){
	.index_main .section2 .section2_con{} 
	.section2_con_l{ margin-top: 12%;} 
	.section2_con_r{ margin-top: 10%;}
	
	.section2_con_l h2 span{ font-size: 20px; } 
	.section2_con_l h5{ font-size: 32px; margin-top:5px;} 
	.section2_con_l p{  margin:30px 0px;font-size: 12px;} 
	.section2_con_l a{ font-size: 12px;} 

	.section2_con_r ul{} 
	.section2_con_r ul li{ margin-bottom: 30px;} 
	.section2_con_r ul li div{ font-size: 12px; } 
	.section2_con_r ul li div span{ font-size: 40px;} 
	.section2_con_r ul li h6{font-size: 16px;} 
} 

@media screen and (max-width: 1300px){
	.index_main .section2 .section2_con{} 
	.section2_con_l h5{ font-size: 28px;} 
}



/****************第三屏*******************/

.index_main .section3 .section3_con{ width: 100%; margin: 0px auto; background: #2b3550; height: 100vh;} 
.section3_con_l{ float:left;} 
.section3_con_l > ul{} 
.section3_con_l > ul > li{ float: left; width: 260px; height: 100vh; position: relative; overflow: hidden;} 
.section3_con_l > ul > li img{position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100%;} 
.section3_con_l > ul > li div{ position: absolute; z-index: 999; top: 0; left: 0; color: #FFFFFF; font-size: 28px; writing-mode: vertical-lr; width: 100%; height: 100%; padding: 30% 0px 0px 100px; box-sizing: border-box;}  
.section3_con_l > ul > li div span{ display: inline-block; text-transform: uppercase;font-size: 20px; margin-top: 30px;} 
.section3_con_l > ul > li:hover div{background:rgba(0,0,0,0.35);} 

.section3_con_r{ float: left; width: 425px; padding-top: 10%; box-sizing:border-box; text-align: right;} 
.section3_con_r h2{ display: block; font-size: 40px; color: #FFFFFF; line-height: 100%; font-weight: lighter;margin-top: 10px; } 
.section3_con_r h5{ } 
.section3_con_r h5 em{ display: block; float: left; width: 30%;height: 1px; background: #CCCCCC; margin-top: 10px;} 
.section3_con_r h5 span{ display: block; float: right; width: 60%;font-size:24px; color: #CCCCCC; line-height: 100%; font-weight: normal; text-transform: uppercase;} 
.section3_con_r h6 { color: #FFFFFF; font-size: 14px; margin-bottom: 10px;} 
.section3_con_r > p{ font-weight: lighter;color: #FFFFFF; font-size: 14px; line-height: 175%;margin: 50px 0px;} 
.section3_con_r > a{ display: block; clear: both;font-size: 14px;  width:  100%; border-top: #FFFFFF 1px solid; padding: 10px 0px; transition: all 0.6s; color: #FFFFFF; margin-top: 50px;} 
.section3_con_r > a:hover{ color: #FFFFFF; padding: 30px 0px;} 


.silder-box-4{ position: relative; width: 100%;} 
.section3_con_case{ margin: 0px auto; float: right;} 
.section3_con_case ul{} 
.section3_con_case ul li{ width: 380px; height: 260px; overflow: hidden; position: relative;} 
.section3_con_case ul li img{position: absolute; z-index: 9; width: 380px; height: 260px; top: 0; left: 0;} 
.section3_con_case ul li p{position: absolute; z-index: 999; font-size: 14px; width: 100%; bottom: 0; background: rgba(0,0,0,0.5); color: #FFFFFF; text-align: center; padding:15px 0px;}  

.silder-button-4.btl{right:42px; bottom:0; position: absolute; z-index: 999;background: #666666; color: #FFFFFF;  height:40px; width: 40px; box-sizing: border-box; text-align: center; font-size: 14px; padding-top: 8px; padding-right: 4px;} 
.silder-button-4.btl:hover{background: #FFFFFF; color: #000000;} 
.silder-button-4.btr{right:0;bottom:0; position: absolute; z-index: 999;background: #666666; color: #FFFFFF;  height:40px; width: 40px; box-sizing: border-box; text-align: center; font-size:14px; padding-top: 8px; padding-left: 4px;} 
.silder-button-4.btr:hover{background: #FFFFFF; color: #000000; } 



.section3_con > ul > li:last-child{ -webkit-transform: translateX(100px); transform: translateX(100px); transition:all 1s ease 0.6s}
.section3.active .section3_con > ul > li:last-child{ -webkit-transform: translateX(0); transform: translateX(0);}

@media screen and (max-width: 1600px){

	.section3_con_l > ul > li{ width: 185px; } 
	.section3_con_l > ul > li div{font-size: 22px;padding: 30% 0px 0px 70px;}  
	.section3_con_l > ul > li div span{font-size: 16px; margin-top:20px;} 
	
	.section3_con_r{ width: 300px; padding-top:8%;} 
	.section3_con_r h2{ font-size: 32px;margin-top: 8px; } 
	.section3_con_r h5 span{font-size:18px;} 
	.section3_con_r > p{ font-size: 12px; margin: 30px 0px;} 
	.section3_con_r > a{ font-size: 12px;} 
	.section3_con_r > a:hover{ color: #FFFFFF; padding: 20px 0px;} 
	.section3_con_case ul li{ width: 280px; height: 200px; } 
	.section3_con_case ul li img{ width: 280px; height: 200px;} 
	.section3_con_case ul li p{font-size: 12px; padding:12px 0px;}  
	
	.silder-button-4.btl{right:32px;  height:30px; width:30px;padding-top: 5px; padding-right: 3px;} 
	.silder-button-4.btr{ height:30px; width:30px;padding-top: 5px; padding-left: 3px;} 
  
} 
@media screen and (max-width: 1300px){
	.section3_con > ul > li{ width: 170px;} 
}





/****************第四屏*******************/

.section4_con{ width: 100%; margin: 0px; background:url(/images/bg07.jpg) repeat center; background-size:cover;box-sizing: border-box; padding: 8% 10%; height: 100vh;} 
.section4_con h5{ width: 50%;} 
.section4_con h5 span{ display: block; float: left; font-size: 24px; color: #999999; line-height: 100%; font-weight: normal; width: 35%; text-transform: uppercase; letter-spacing: 2px;} 
.section4_con h5 em{ display: block; float: right; height: 1px; background: #999999; width: 60%; margin-top: 10px;} 
.section4_con > h3{ color: #2b3550; font-size: 40px;} 


.section4_con_pro{margin-top: 30px;} 
.section4_con_pro_l{ float: left; width: 420px; margin-right: 10px;} 
.section4_con_pro_l ul{ } 
.section4_con_pro_l ul li{  width: 420px;overflow: hidden; position: relative;} 
.section4_con_pro_l ul li:first-child{height: 235px; margin-bottom: 10px;} 
.section4_con_pro_l ul li:last-child{height: 330px;} 
.section4_con_pro_l ul li img{width: 420px; position: absolute; top: 0; left: 0; z-index: 9;} 
.section4_con_pro_l ul li:first-child img{  height: 235px;} 
.section4_con_pro_l ul li:last-child img{height: 330px;} 
.section4_con_pro_l ul li a{ display: none;position: absolute;width: 100%; height: 100%; background: rgba(0,0,0,0.75); padding: 20px;box-sizing: border-box; z-index: 999;  transition: all 0.6s; } 
.section4_con_pro_l ul li a div{border: #CCCCCC 1px solid;text-align: center; width: 100%; height: 100%;box-sizing: border-box;} 
.section4_con_pro_l ul li:first-child a div{  padding: 60px 0px;} 
.section4_con_pro_l ul li:last-child a div{ padding: 100px 0px;} 
.section4_con_pro_l ul li a div p{color: #FFFFFF; font-size: 22px; margin-bottom: 2px;} 
.section4_con_pro_l ul li a div span{color: #CCCCCC; font-size: 12px; text-transform: uppercase; display: inline-block;} 
.section4_con_pro_l ul li:hover a{ display: block;} 

.section4_con_pro_c{ float: left; width: 420px; margin-right: 10px;} 
.section4_con_pro_c ul{ } 
.section4_con_pro_c ul li{  width: 420px;overflow: hidden; position: relative;} 
.section4_con_pro_c ul li:first-child{height: 330px; margin-bottom: 10px;} 
.section4_con_pro_c ul li:last-child{height: 235px;} 
.section4_con_pro_c ul li img{width: 420px; position: absolute; top: 0; left: 0; z-index: 9;} 
.section4_con_pro_c ul li:first-child img{ height: 330px;} 
.section4_con_pro_c ul li:last-child img{ height: 235px;} 
.section4_con_pro_c ul li a{ display: none;position: absolute;width: 100%; height: 100%; background: rgba(0,0,0,0.75); padding: 20px;box-sizing: border-box; z-index: 999;  transition: all 0.6s; } 
.section4_con_pro_c ul li a div{border: #CCCCCC 1px solid;text-align: center; width: 100%; height: 100%;box-sizing: border-box;} 
.section4_con_pro_c ul li:first-child a div{ padding: 100px 0px; } 
.section4_con_pro_c ul li:last-child a div{ padding: 60px 0px;} 
.section4_con_pro_c ul li a div p{color: #FFFFFF; font-size: 22px; margin-bottom: 2px;} 
.section4_con_pro_c ul li a div span{color: #CCCCCC; font-size: 12px; text-transform: uppercase; display: inline-block;} 
.section4_con_pro_c ul li:hover a{ display: block;} 

.section4_con_pro_r{ float: left; width: 420px;} 
.section4_con_pro_r ul{ } 
.section4_con_pro_r ul li{  width: 420px;overflow: hidden; position: relative;} 
.section4_con_pro_r ul li:first-child{height: 235px; margin-bottom: 10px;} 
.section4_con_pro_r ul li:last-child{height: 330px;} 
.section4_con_pro_r ul li img{width: 420px; position: absolute; top: 0; left: 0; z-index: 9;} 
.section4_con_pro_r ul li:first-child img{  height: 235px;} 
.section4_con_pro_r ul li:last-child img{height: 330px;} 
.section4_con_pro_r ul li a{ display: none;position: absolute;width: 100%; height: 100%; background: rgba(0,0,0,0.75); padding: 20px;box-sizing: border-box; z-index: 999;  transition: all 0.6s; } 
.section4_con_pro_r ul li a div{border: #CCCCCC 1px solid;text-align: center; width: 100%; height: 100%;box-sizing: border-box;} 
.section4_con_pro_r ul li:first-child a div{  padding: 60px 0px;} 
.section4_con_pro_r ul li:last-child a div{ padding: 100px 0px;} 
.section4_con_pro_r ul li a div p{color: #FFFFFF; font-size: 22px; margin-bottom: 2px;} 
.section4_con_pro_r ul li a div span{color: #CCCCCC; font-size: 12px; text-transform: uppercase; display: inline-block;} 
.section4_con_pro_r ul li:hover a{ display: block;} 

.section4 .section4_con_pro_l ul li:first-child {-webkit-transform: translateX(-200px); transform: translateX(-200px); transition:all 1s ease 0.3s;}
.section4.active .section4_con_pro_l ul li:first-child { -webkit-transform: translateX(0); transform: translateX(0);}
.section4 .section4_con_pro_l ul li:last-child {-webkit-transform: translateX(-200px); transform: translateX(-200px); transition:all 1s ease 0.6s;}
.section4.active .section4_con_pro_l ul li:last-child { -webkit-transform: translateX(0); transform: translateX(0);}
.section4 .section4_con_pro_c ul li:first-child {-webkit-transform: translateY(-200px); transform: translateY(-200px); transition:all 1s ease 0.5s;}
.section4.active .section4_con_pro_c ul li:first-child { -webkit-transform: translateX(0); transform: translateX(0);}
.section4 .section4_con_pro_c ul li:last-child {-webkit-transform: translateY(200px); transform: translateY(200px); transition:all 1s ease 0.8s;}
.section4.active .section4_con_pro_c ul li:last-child { -webkit-transform: translateX(0); transform: translateX(0);}
.section4 .section4_con_pro_r ul li:first-child {-webkit-transform: translateX(200px); transform: translateX(200px); transition:all 1s ease 0.3s;}
.section4.active .section4_con_pro_r ul li:first-child { -webkit-transform: translateX(0); transform: translateX(0);}
.section4 .section4_con_pro_r ul li:last-child {-webkit-transform: translateX(200px); transform: translateX(200px); transition:all 1s ease 0.6s;}
.section4.active .section4_con_pro_r ul li:last-child { -webkit-transform: translateX(0); transform: translateX(0);}


@media screen and (max-width: 1600px){
	
	.section4_con{ padding: 8% 10%; } 
	.section4_con > h3{ font-size: 32px;} 
	.section4_con > h5 span{   font-size: 18px;} 
	
	.section4_con_pro{margin-top: 20px;}
	.section4_con_pro_l{ width: 300px} 
	.section4_con_pro_l ul li{  width:300px;} 
	.section4_con_pro_l ul li:first-child{height: 168px;} 
	.section4_con_pro_l ul li:last-child{height: 236px;} 
	.section4_con_pro_l ul li img{width: 300px;} 
	.section4_con_pro_l ul li:first-child img{  height: 168px;} 
	.section4_con_pro_l ul li:last-child img{height: 236px;} 
	.section4_con_pro_l ul li a{padding: 20px;} 
	.section4_con_pro_l ul li:first-child a div{  padding: 45px 0px;} 
	.section4_con_pro_l ul li:last-child a div{ padding: 75px 0px;} 
	.section4_con_pro_l ul li a div p{ font-size: 18px;} 
	
	.section4_con_pro_c{ width: 300px;} 
	.section4_con_pro_c ul{ } 
	.section4_con_pro_c ul li{  width: 300px;} 
	.section4_con_pro_c ul li:first-child{height: 236px;} 
	.section4_con_pro_c ul li:last-child{height: 168px;} 
	.section4_con_pro_c ul li img{width: 300px;} 
	.section4_con_pro_c ul li:first-child img{ height: 236px;} 
	.section4_con_pro_c ul li:last-child img{ height: 168px;} 
	.section4_con_pro_c ul li a{padding: 20px;}  
	.section4_con_pro_c ul li:first-child a div{ padding: 75px 0px; } 
	.section4_con_pro_c ul li:last-child a div{ padding: 45px 0px;} 
	.section4_con_pro_c ul li a div p{font-size: 18px;} 
	
	.section4_con_pro_r{ width: 300px} 
	.section4_con_pro_r ul li{  width:300px;} 
	.section4_con_pro_r ul li:first-child{height: 168px;} 
	.section4_con_pro_r ul li:last-child{height: 236px;} 
	.section4_con_pro_r ul li img{width: 300px;} 
	.section4_con_pro_r ul li:first-child img{  height: 168px;} 
	.section4_con_pro_r ul li:last-child img{height: 236px;} 
	.section4_con_pro_r ul li a{padding: 20px;} 
	.section4_con_pro_r ul li:first-child a div{  padding: 45px 0px;} 
	.section4_con_pro_r ul li:last-child a div{ padding: 75px 0px;} 
	.section4_con_pro_r ul li a div p{ font-size: 18px;} 
	
	
} 
@media screen and (max-width: 1300px){
	.section4_con{ padding: 8% 10%; } 
	.section4_con > h3{ font-size: 28px;} 

	.section4_con h5 span{ width: 45%; } 
    .section4_con h5 em{  width: 50%; } 
	
	.section4_con_pro_l{ width: 280px} 
	.section4_con_pro_l ul li{  width:280px;} 
	.section4_con_pro_l ul li:first-child{height: 155px;} 
	.section4_con_pro_l ul li:last-child{height: 210px;} 
	.section4_con_pro_l ul li img{width: 280px;} 
	.section4_con_pro_l ul li:first-child img{  height: 155px;} 
	.section4_con_pro_l ul li:last-child img{height: 210px;} 
	.section4_con_pro_l ul li a{padding: 20px;} 
	.section4_con_pro_l ul li:first-child a div{  padding: 45px 0px;} 
	.section4_con_pro_l ul li:last-child a div{ padding: 75px 0px;} 
	.section4_con_pro_l ul li a div p{ font-size: 18px;} 
	
	.section4_con_pro_c{ width: 280px;} 
	.section4_con_pro_c ul{ } 
	.section4_con_pro_c ul li{  width: 280px;} 
	.section4_con_pro_c ul li:first-child{height: 210px;} 
	.section4_con_pro_c ul li:last-child{height: 155px;} 
	.section4_con_pro_c ul li img{width: 280px;} 
	.section4_con_pro_c ul li:first-child img{ height: 210px;} 
	.section4_con_pro_c ul li:last-child img{ height: 155px;} 
	.section4_con_pro_c ul li a{padding: 20px;}  
	.section4_con_pro_c ul li:first-child a div{ padding: 75px 0px; } 
	.section4_con_pro_c ul li:last-child a div{ padding: 45px 0px;} 
	.section4_con_pro_c ul li a div p{font-size: 18px;} 
	
	.section4_con_pro_r{ width: 280px} 
	.section4_con_pro_r ul li{  width:280px;} 
	.section4_con_pro_r ul li:first-child{height: 155px;} 
	.section4_con_pro_r ul li:last-child{height: 210px;} 
	.section4_con_pro_r ul li img{width: 280px;} 
	.section4_con_pro_r ul li:first-child img{  height: 155px;} 
	.section4_con_pro_r ul li:last-child img{height: 210px;} 
	.section4_con_pro_r ul li a{padding: 20px;} 
	.section4_con_pro_r ul li:first-child a div{  padding: 45px 0px;} 
	.section4_con_pro_r ul li:last-child a div{ padding: 75px 0px;} 
	.section4_con_pro_r ul li a div p{ font-size: 18px;} 
	
	
}

/****************第五屏*******************/

.section5_con{  width: 100%; margin: 0px; background:url(/images/bg08.jpg) repeat center; background-size:cover;box-sizing: border-box; padding: 5% 10% 0 0; height: 100vh; overflow: hidden;} 

.section5_con_l{ float: left;margin-top: 5%;}
.section5_con_r{ float: right; margin-top: 6%; text-align: right; width:925px;} 
.section5_con_r h5{  color: #FFFFFF; font-size: 24px; text-transform: uppercase;} 
.section5_con_r h2{  font-size: 40px; color: #FFFFFF; } 
.section5_con_r ul{ margin: 50px 0px;} 
.section5_con_r ul li{width: 180px; height: 160px; background:rgba(255,255,255,0.8); text-align: center;  margin-left: 5px; margin-bottom: 5px;float: left; box-sizing: border-box;  padding-top: 20px;} 
.section5_con_r ul li p{ font-size: 18px; margin-top: 10px;color: #2b3550;} 
.section5_con_r ul li span{ font-size: 12px; text-transform: uppercase; color: #999999;} 
.section5_con_r a{ display: inline-block; font-size: 14px; text-align: right; width: 480px; border-top: #DDDDDD 1px solid; padding: 10px 0px; transition: all 0.6s; color: #FFFFFF;} 
.section5_con_r a:hover{  width: 100%;} 

.section5 .section5_con_l{-webkit-transform: translateX(-200px); transform: translateX(-200px); transition:all 1s ease 0.6s;} 
.section5.active .section5_con_l{-webkit-transform: translateX(0); transform: translateX(0);}
.section5 .section5_con_r{-webkit-transform: translateX(200px); transform: translateX(200px); transition:all 1s ease 0.6s;} 
.section5.active .section5_con_r{-webkit-transform: translateX(0); transform: translateX(0);} 

@media screen and (max-width: 1600px){
	.section5_con{} 
	.section5_con_l{ margin-top: 2%;}
	.section5_con_l img{ width: 500px;} 
	.section5_con_r{  width: 700px; margin-top: 3%;} 
	.section5_con_r h5{ font-size: 18px;} 
	.section5_con_r h2{ font-size: 32px;} 
	.section5_con_r ul{ margin:30px 0px;} 
	.section5_con_r ul li{width: 135px; height: 140px; margin-left: 5px; margin-bottom: 5px; padding-top: 10px;} 
	.section5_con_r ul li img{ width: 60px;} 
	.section5_con_r ul li p{ font-size: 16px; margin-top: 5px;} 
	.section5_con_r a{ font-size: 12px; width: 280px;} 
}
@media screen and (max-width: 1300px){
	.section5_con{} 
	.section5_con_l img{ width: 450px;} 
	.section5_con_r h2{ font-size: 28px;} 
	.section5_con_r{  width: 650px;} 
	.section5_con_r ul li{width: 125px; height: 140px;} 
}

/****************第六屏*******************/

.section6_con{ width: 100%; margin: 0px; padding-top:8%; height: 100vh;} 
.section6_con_tit{ padding: 0 10%;} 
.section6_con_tit h2{ text-transform: uppercase; color: #2b3550; font-size: 40px;} 
.section6_con_tit h2 span{  font-size: 24px; color: #999999;} 

.section6_con_list{ margin: 35px 0px;padding: 0 0 0 10%;} 
.section6_con_list ul { } 
.section6_con_list ul li { float: left;  width: 24.2%; height: 300px; margin-right: 1%; overflow: hidden; position: relative;} 
.section6_con_list ul li:last-child{ margin-right: 0;} 
.section6_con_list ul li img{width: 100%; height: 300px; position: absolute; top: 0; left: 0; z-index: 9;} 
.section6_con_list ul li a{width: 100%; height: 300px; position: absolute; top: 0; left: 0; z-index: 9999; background: #e7edf5;box-sizing: border-box; padding: 50px;} 
.section6_con_list ul li a span{ display: block;color: #999999;font-size: 14px; } 
.section6_con_list ul li a p{color: #2b3550;font-size: 16px;line-height: 175%;  margin: 20px 0px 50px;} 
.section6_con_list ul li a em{font-size: 14px;} 
.section6_con_list ul li:first-child a{background: rgba(0,0,0,0.5);} 
.section6_con_list ul li:first-child a{ background: rgba(0,0,0,0.5); } 
.section6_con_list ul li:first-child a span{color: #FFFFFF;} 
.section6_con_list ul li:first-child a p{color: #FFFFFF;} 
.section6_con_list ul li:first-child a em{ color: #FFFFFF;} 
.section6_con_list ul li:hover a{ background: rgba(0,0,0,0.5); } 
.section6_con_list ul li:hover a span{color: #FFFFFF;} 
.section6_con_list ul li:hover a p{color: #FFFFFF;} 
.section6_con_list ul li:hover a em{ color: #FFFFFF;} 
.section6_con_a{ padding: 0 10%;}
.section6_con_a a{display: inline-block; font-size: 14px; text-align: left; width: 480px; border-top: #CCCCCC 1px solid; padding: 10px 0px; transition: all 0.6s; color: #000000;} 
.section6_con_a a:hover{  width: 100%;} 


.section6 .section6_con_tit{ -webkit-transform: translateX(-100px); transform: translateX(-100px); transition:all 1s ease 0.6s}
.section6.active .section6_con_tit{ -webkit-transform: translateX(0); transform: translateX(0);}

.section6 .section6_con_list ul li:first-child{ -webkit-transform: translateX(100px); transform: translateX(100px); transition:all 1s ease 0.6s}
.section6.active .section6_con_list ul li:first-child{ -webkit-transform: translateX(0); transform: translateX(0);}
.section6 .section6_con_list ul li:nth-child(2){ -webkit-transform: translateX(100px); transform: translateX(100px); transition:all 1s ease 0.8s}
.section6.active .section6_con_list ul li:nth-child(2){ -webkit-transform: translateX(0); transform: translateX(0);}
.section6 .section6_con_list ul li:nth-child(3){ -webkit-transform: translateX(100px); transform: translateX(100px); transition:all 1s ease 1s}
.section6.active .section6_con_list ul li:nth-child(3){ -webkit-transform: translateX(0); transform: translateX(0);}
.section6 .section6_con_list ul li:last-child{ -webkit-transform: translateX(100px); transform: translateX(100px); transition:all 1s ease 1.2s}
.section6.active .section6_con_list ul li:last-child{ -webkit-transform: translateX(0); transform: translateX(0);}

.section6 .bottom{ -webkit-transform: translateY(200px); transform: translateY(200px); transition:all 1s ease 0.8s}
.section6.active .bottom{ -webkit-transform: translateY(0); transform: translateY(0);}

@media screen and (max-width: 1600px){
	
	.section6_con{ padding-top:6%;} 
	.section6_con_tit h2{ font-size: 28px;} 
	.section6_con_tit h2 span{ font-size: 16px;} 
	
	.section6_con_list{ margin: 20px 0px 30px;padding: 0 0 0 10%;} 
	.section6_con_list ul li { float: left;  width: 300px; height: 200px; margin-right: 8px; } 
	.section6_con_list ul li img{ height: 200px; } 
	.section6_con_list ul li a{height: 200px; padding: 30px;} 
	.section6_con_list ul li a span{  font-size: 12px; } 
	.section6_con_list ul li a p{font-size: 14px;} 
	.section6_con_list ul li a em{font-size: 12px;} 
	
	.section6_con_a a{font-size: 12px; width: 320px;} 
} 
@media screen and (max-width: 1300px){
	.section6_con_list ul li {  width: 283px; height: 175px; margin-right: 5px; } 
	.section6_con_list ul li img{ height: 175px; } 
	.section6_con_list ul li a{height: 175px; padding: 30px;} 
	.section6_con_list ul li a p{ margin: 10px 0px 20px;line-height: 150%;} 
}



@media screen and (max-width: 768px){
	.index_main .section1 .index_banner .item{
		height: 100vh;
	}
	.index_main .section1 .index_banner .item .inner .block_txt{
		left: 0;
		right:0;
		margin: 0 auto;
		padding: 0 20px;
		top: 36%;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 3em;
		}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 4em;
	}
	.index_main .section1 .index_banner .slick-arrow{
		display: none !important;
	}
    .index_main .section1 .index_banner .slick-dots{
    	position: absolute;
    	bottom: 12px;
    }
    .index_main .section1 .index_banner .slick-dots li{
    	width: 12px;
    	height: 12px;
    	border-radius: 50%;
    	border:2px solid #fff;
    }
    .index_main .section1 .index_banner .slick-dots li button{
    	display: none;
    }
    .index_main .section1 .index_banner .slick-dots li.slick-active{
    	background: #fff;
    }
	.index_main .section1 .number{
		bottom: 12%;
		display: none;
	}
	.index_main .section1 .number span{
		margin-right: 22px;
	}
	.index_main .section1 .number span:after{
		bottom: -14px;
	}
	
	
	
.index_main .section2 .section2_con{  margin: 60px auto 0px; background:none; padding: 0px 0px 0px 0px;} 
.section2_con_l{ width:100%;} 
.section2_con_r{ width:100%; text-align: left;}
.section2_con_r img{ width: 100%;} 

.section2_con_l h2{ font-size: 3em; line-height: 100%;} 
.section2_con_l h5{ font-size: 2em; line-height: 100%; margin-top: 10px;} 
.section2_con_l img {display: block; margin: 10px 0px;} 


.section2_con_l p{ font-weight: normal;color: #333333; font-size: 1.2em; line-height: 150%; padding: 10px 0px 20px 0px;} 
	
	
.index_main .section3{
	width: 100%;
	height: 100%;
	background-size:cover;

}
.index_main .section3 h3{
	text-align: center;
}	
.index_main .section3 .section3_con{ width: 90%; margin: 0px auto;} 
.section3_con_l{ width: 100%; height: 150px;} 
.section3_con_r{ width: 100%; background:rgba(0,37,159,0.8); box-sizing: border-box; padding: 35px 20px;}

.section3_con_r h2{ font-size: 3em; color: #FFFFFF;} 
.section3_con_r p{ color: #FFFFFF; font-size: 1.8em; margin: 15px 0px; } 
.section3_con_r span {display: block; margin: 0px;font-size: 1.2em; color: #FFFFFF; text-align: justify;} 

.section3_con_r a{ width: 60%; display: block; margin: 20px auto 0px; font-size: 1em; padding: 5px 0px;border:3px solid rgba(255,255,255,0.5);} 
	
	
	
	
.section4_con{ position:absolute; z-index: 99; top: 20%; left: 8%; width: 100%;} 
.section4_con h2{font-size: 3em;} 
.section4_con p{ font-size: 2em; margin: 0px 0px; } 
.section4_con a{ margin-top: 30px; width:50%; font-size: 1.2em;  padding: 5px 0px;border:3px solid rgba(255,255,255,0.5);} 

.bg-video{
    bottom:0;
	top: 60%;
 }



.index_main .section5{
	background-size:cover; 
}
.section5_con{ position:absolute; z-index: 99; top: 20%; left: 8%; width: 100%;} 
.section5_con h2{ font-size: 3em;} 
.section5_con p{ font-size: 2em; margin: 0px 0px;} 
.section5_con a{ margin-top: 30px; width:50%; font-size: 1.2em;  padding: 5px 0px;border:3px solid rgba(255,255,255,0.5);} 	
	
.index_main .section6 .section6_con_tit{ margin: 15% auto 0;} 
.index_main .section6 .section6_con_tit h2{ font-size: 3em;} 
.index_main .section6 .section6_con_tit h2 span{ font-size: 0.8em;} 
	
.index_main .section6 .section6_con_list{ margin: 50px auto 0px;width: 90%;} 
.index_main .section6 .section6_con_list ul { } 
.index_main .section6 .section6_con_list ul li { float: none; margin-right: 0; width: 100%; margin-bottom: 3%;} 
.index_main .section6 .section6_con_list ul li:last-child{ margin-right: 0; float: none;} 
.index_main .section6 .section6_con_list ul li p{font-size: 1.5em; line-height: 150%; height: auto; margin-bottom: 2px;} 
.index_main .section6 .section6_con_list ul li p a{color: #2b3550; } 
.index_main .section6 .section6_con_list ul li span{  text-align: left;  font-size: 1em; border-bottom: #DDDDDD 1px solid;} 
.index_main .section6 .bottom{ display: none; } 
.index_main .section6 .bottom_copy{ width: 100%; margin: 0x auto; text-align: center;}  
	
	
	
}