/*banner背景图片动画*/
@keyframes scale-bg{
	from{
		transform:scale(1.3);
	}
	to{
		transform:scale(1);
	}
}

@keyframes translate-bg{
	from{
		transform:translate(0,-100px);
	}
	to{
		transform:translate(-820px,-100px);
	}
}

/*banner */
.index_main{
	background: #f7f7f7;
}
.index_main .section1{
	position: relative;
}
.index_main .section1 .index_banner .item{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height:100vh;
	position: relative;
}
.index_main .section1 .index_banner .item.slick-current .scaleBg{
	visibility: visible; 
	animation:scale-bg 6s linear forwards;
}
.index_main .section1 .index_banner .item.slick-current .translateBg{
	visibility: visible;
	left:0;
	right:auto;
	width: 2677px;
	height:1080px;
	animation:translate-bg 6s linear forwards;
}
.index_main .section1 .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.index_main .section1 .index_banner .items:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.2);
}
.index_main .section1 .index_banner .item .inner .block_txt{
	position: absolute;
	top: 44%;
	right: 10px;
	left:10px;
	opacity: 0; 
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
}
.index_main .section1 .index_banner .item.active .inner .block_txt{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}
.index_main .section1 .index_banner .item .inner .block_txt h4{
	font-size: 30px;
	color: #fff;
	text-align: center;
	font-family: 'COCO';
}
.index_main .section1 .index_banner .item .inner .block_txt h2{
	color: #fff;
	font-size: 60px;
	font-weight: bold;
	text-align:center;
	letter-spacing:5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h2 span{
	color: #f5c920;
	display: inline-block;
	letter-spacing: 5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h3{
	color: #fff;
	font-size: 22px;
	text-align:center;
	margin-top: 10px;
	letter-spacing: 3px;
}
.index_main .section1 .slick_txt{
	width:30%;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease; 
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border:0;
}
.index_main .section1 .left{
	left: 0;
}
.index_main .section1 .right{
	right:0;
}
.index_main .section1 .slick_txt:hover .slick_arrow{
	opacity: 1;
	visibility: visible;
}
.index_main .section1 .slick_txt .slick_arrow{
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	opacity: 0;
	visibility: hidden;
}
.index_main .section1 .slick_txt .prev{
	background-image:url(../../images/yjct/ban_prev.png);
	left:60px;
}
.index_main .section1 .slick_txt .next{
	background-image:url(../../images/yjct/ban_next.png);
	right:60px;
}
.index_main .section1 .slick_txt .prev:hover{
	background-image:url(../../images/yjct/ban_prev_hover.png);
}
.index_main .section1 .slick_txt .next:hover{
	background-image:url(../../images/yjct/ban_next_hover.png);
}
.index_main .section1 .number{
	position: absolute;
	bottom:8%;
	left: 50%;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.index_main .section1 .number span{
	font-family: "Myriad Pro","Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	margin-right:100px;
	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: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:-20px;
	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{
	width: 100%;
	height: 100%;
	background: url(../../images/yjct/index_bg_02.jpg) no-repeat;
	background-size: 100% 100%;
	position:relative;
}
.section2 .fp-tableCell{position:absolute; top:48px; left:0; right:0; bottom:0; background: rgba(0,0,0,0.5);}
.section-title{
	height:150px;
	background: transparent;
	border-bottom: solid 1px #fff;
	color:#fff;
	display: flex; justify-content: center; align-items: center;
}
.section-title .box{ width:1222px; margin-left:80px;  display: flex; justify-content: space-between; align-items: center;}
.section-title .box .left{}
.section-title .box .left .big-title{font-size: 28px; letter-spacing: 2px;}
.section-title .box .left .small-title{font-size: 12px;letter-spacing: 2px; margin-top:10px;}
.section-title .box .right{display: flex; justify-content: center; align-items: center; font-family: '宋体';letter-spacing: 2px;}
.section-title .box .right .btn{width:100px; height:30px; display: flex; justify-content: center; align-items: center; border:solid 1px #fff; margin-left:2px; border-radius: 0}
.section-title .box .right .btn:hover{background:#bbb;}
.section-title .box .right .btn.active{color:#000; background: #fff}

.section2 .pad{
	margin-top:48px;
	width:1222px;
	height:690px;
	display: flex; align-items: flex-start; justify-content: space-between;
	background: transparent;
	color:#fff;
	position: relative;
}
.section2 .pad .left{width:610px; height:542px; opacity:0; position: absolute; top:0; left:-100px; }
.section2.active .pad .left{transform: translateX(100px); opacity:1; transition: all 1.5s cubic-bezier(0.3, 0.8, 0.2, 1.0) 1s;}
.section2 .img-box{width:100%; height:250px; border:solid 1px #fff; overflow:hidden; cursor:pointer;}
.section2 img{display:block; width:100%; transition: all 1s;}
.section2 img:hover{transform: scale(1.1);}

.section2 .text-box{width:100%; height:170px; margin-top:50px; }
.section2 .text-box .title{width:100%; font-size: 21px; text-align: center; font-weight:lighter;}
.section2 .text-box .content{width:100%; font-size: 15px; margin-top:40px; text-indent: 2em; line-height: 200%; text-align: justify; letter-spacing: 2px;}
.section2 .btn-more{width:169px; height:43px; margin-top:26px; border:solid 1px #fff; text-align: center; line-height: 43px; letter-spacing: 2px; font-size:16px; float: right; cursor:pointer; background:rgba(0,0,0,0.2); transition: all 300ms;}
.section2 .btn-more:hover{background:rgba(255,255,255,0.2);}

.section2 .pad .right{ width:577px; height:542px; opacity:0; position: absolute; top:0; right:-100px; }
.section2.active .pad .right{transform: translateX(-100px); opacity:1; transition: all 1.5s cubic-bezier(0.3, 0.8, 0.2, 1.0) 1s;}
.section2 ul{width:100%; height: 100%; padding:0; margin:0; list-style-type: none; list-style:none;}
.section2 li{border:solid 1px #fff; width:100%; height:165px; display:flex; justify-content: center; align-items: flex-end; padding-bottom:30px; background-color:rgba(0,0,0,0.15); cursor:pointer; transition: all 500ms;}
.section2 li:hover{background-color:rgba(255,255,255,0.05);}
.section2 li:nth-of-type(n+2){margin-top:22px;}
.section2 li .date-box{flex-grow:0 0 auto; width:135px; display:flex; flex-direction: column; justify-content: center; align-items: center}
.section2 li .date-box .number{font-size:65px; line-height: 75px; font-weight: bold;}
.section2 li .date-box .date{font-size:20px;}
.section2 li .content-box{flex-grow:0 1 auto; width:434px; padding-right:30px; display:flex; flex-direction: column; justify-content: center; align-items: flex-start}
.section2 li .content-box .title{font-size:18px; color:#fff;}
.section2 li .content-box .content{font-size:15px; margin-top: 10px; height:60px; overflow: hidden; margin-bottom: -2px; line-height: 200%; color:#d8d8d8;}

.index_main .section3{ width: 100%; height: 100%; background: url(../../images/yjct/index_bg_03.jpg) no-repeat; background-size: 100% 100%; color:#626262;}
.section3 .section-title{ height:150px; border-bottom: solid 1px #c7c7c7; color:#626262; }
.section3 .section-title .right .btn{width:170px; height:42px; font-size:16px; font-family:arial; border:solid 1px #626262;}
.section3 .pad{width:1200px; height:620px; margin-top:60px; display:flex; flex-wrap: wrap; justify-content: center; }
@keyframes fade-in-jump{
	0%{ opacity:0; transform:translateY(20px);}
	30%{ opacity:0.5; transform:translateY(-20px);}
	70%{ opacity:1; transform:translateY(-10px);}
	100%{ opacity:1; transform: translateY(0);}
}

@keyframes jump{
	30%{transform: translateY(10px);}
	60%{transform:translateY(-10px);}
	100%{transform: translateY(0);}
}

.section3 .pad .btn{width:298px; height:259px;  transition: background 0.3s;}
.section3.active .fadeinjump{opacity: 0; animation:fade-in-jump 500ms linear 1s 1 alternate forwards;}
.section3.active .pad .btn:hover{animation:jump 200ms linear;}
.section3.active .pad .btn74{background: url(/statics/images/yjct/tb_h_74.png) center center no-repeat; animation-delay:1s;}
.section3.active .pad .btn74:hover{background: url(/statics/images/yjct/tb_r_74.png) center center no-repeat; }
.section3.active .pad .btn24{background: url(/statics/images/yjct/tb_h_24.png) center center no-repeat; animation-delay:1.1s;}
.section3.active .pad .btn24:hover{background: url(/statics/images/yjct/tb_r_24.png) center center no-repeat; }
.section3.active .pad .btn23{background: url(/statics/images/yjct/tb_h_23.png) center center no-repeat; animation-delay:1.2s;}
.section3.active .pad .btn23:hover{background: url(/statics/images/yjct/tb_r_23.png) center center no-repeat; }
.section3.active .pad .btn80{background: url(/statics/images/yjct/tb_h_80.png) center center no-repeat; animation-delay:1.3s;}
.section3.active .pad .btn80:hover{background: url(/statics/images/yjct/tb_r_80.png) center center no-repeat; }
.section3.active .pad .btn21{background: url(/statics/images/yjct/tb_h_21.png) center center no-repeat; animation-delay:1.4s;}
.section3.active .pad .btn21:hover{background: url(/statics/images/yjct/tb_r_21.png) center center no-repeat; }
.section3.active .pad .btn25{background: url(/statics/images/yjct/tb_h_06.png) center center no-repeat; animation-delay:1.5s;}
.section3.active .pad .btn25:hover{background: url(/statics/images/yjct/tb_r_06.png) center center no-repeat; }
.section3.active .pad .btn39{background: url(/statics/images/yjct/tb_h_08.png) center center no-repeat; animation-delay:1.6s;}
.section3.active .pad .btn39:hover{background: url(/statics/images/yjct/tb_r_08.png) center center no-repeat; }
.section3.active .pad .btn20{background: url(/statics/images/yjct/tb_h_20.png) center center no-repeat; animation-delay:1.7s;}
.section3.active .pad .btn20:hover{background: url(/statics/images/yjct/tb_r_20.png) center center no-repeat; }
.section3.active .pad .btn40{background: url(/statics/images/yjct/tb_h_40.png) center center no-repeat; animation-delay:1.8s;}
.section3.active .pad .btn40:hover{background: url(/statics/images/yjct/tb_r_40.png) center center no-repeat; }
.section3.active .pad .btn1{background: url(/statics/images/yjct/tb_h_0.png) center center no-repeat; animation-delay:1.9s;}
.section3.active .pad .btn1:hover{background: url(/statics/images/yjct/tb_r_0.png) center center no-repeat; }

.index_main .section4{ width: 100%; height: 100%; background: url(../../images/yjct/index_bg_04.jpg) no-repeat; background-size: 100% 100%;}
.section4 .section-title{ border-bottom: none; }
.section4 .pad{display:flex; flex-direction: column; position: relative;}
.section4 .fp-tableCell{display:block; padding-top: 90px;}

.section4 .row{margin:4px 0 0 0 !important; display:flex; justify-content: flex-start; align-items: stretch; cursor:pointer; position: absolute; left:-200px; opacity: 0;}
.section4 .row:nth-of-type(2){top:225px; left:0; opacity: 1;}
.section4.active .row:nth-of-type(1){left:0; opacity:1; transition: all 1s cubic-bezier(0.3, 0.8, 0.2, 1.0) 1s;}
.section4 .row:nth-of-type(2) .block{position: absolute; left:1000px; opacity: 0;}
.section4.active .row:nth-of-type(2) .block:nth-of-type(1){left:0; opacity:1; transition: all 0.6s cubic-bezier(0.3, 0.8, 0.2, 1.0) 1.5s;}
.section4.active .row:nth-of-type(2) .block:nth-of-type(2){left:616px; opacity:1; transition: all 0.6s cubic-bezier(0.3, 0.8, 0.2, 1.0) 1.8s;}
.section4.active .row:nth-of-type(2) .block:nth-of-type(3){left:909px; opacity:1; transition: all 0.6s cubic-bezier(0.3, 0.8, 0.2, 1.0) 2.3s;}
.section4 .block{flex-shrink:0; width:289px; height:221px; position: relative; overflow: hidden;}
.section4 .row .block .mask{position:absolute; z-index:2; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.5); transition: all 500ms}
.section4 .row.active .block .mask{background: rgba(0,0,0,0);}
.section4 .row .block img{position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; display:block; filter:grayscale(0%); transition: all 4000ms}
.section4 .row.active .block img{filter:grayscale(0%);}
.section4 .block:nth-of-type(n+2){margin-left:4px;}
.section4 .block-long{width:616px;}
.section4 .block-long .text-box{position: absolute; z-index:3; top:0; right:0; bottom:0; left:0; padding:45px; display:flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.section4 .text-box .title{text-align: right; padding-bottom:15px; border-bottom:solid 1px #fff; font-size:24px; color:#fff;}
.section4 .text-box .content{text-align: right; font-size:12px; color:#dadada; margin-top:10px; line-height: 200%;}

.index_main .section5{ width: 100%; height: 100%; background: #fff; color:#626262; position: relative;}
.section5 .header{border-bottom:#ccc; background-color:rgba(255,255,255,0.8) !important }
.section5 .section-title{ height:120px; color:#626262; }
.section5 .section-title .box{width:1216px; margin-right:50px;}
.section5 .section-title .right .btn{width:170px; height:42px; font-size:16px; font-family:arial; border:solid 1px #626262;}
.section5 .container{width:1216px; margin-bottom: 330px;}
.section5 .pad{width:1216px; display:flex; justify-content: center; align-items: center; cursor:pointer;}
.section5 .pad .left{width:698px; height:219px; background: url(/statics/images/yjct/index_section5_bg1.jpg) center center no-repeat; border:solid 1px #d1d1d1;}
.section5 .pad .right{margin-left:10px; width:509px; height:219px; border:solid 1px #d1d1d1; overflow: hidden;}
.section5 .pad .left .text-box{padding:40px 25px;}
.section5 .pad .left .text-box .title{color:#4a4a4a; font-size: 30px; font-weight: bold; text-align: right;}
.section5 .pad .left .text-box .content{margin-top:20px; color:#939393; font-size: 14px; text-indent: 2em; text-align:justify; line-height: 180%;}

.section5 .bottom{background: #2d2d2d; width:100%; position: absolute; left:0; bottom:0; right:0;}
.section5 .bottom .box1{background: #2d2d2d; width:100%; height:327px; display:flex; justify-content: center; align-items: center;}
.section5 .bottom .box2{background: #242424; width:100%; height:92px; display:flex; justify-content: center; align-items: center;}
.section5 .bottom .box2 span{color:#fff; font-size:15px; padding:0 20px;}
.section5 .bottom .left{flex-shrink:0;}
.section5 .bottom .left .row{padding:8px 0; display:flex; align-items: flex-start;}
.section5 .bottom .left .light{display:inline-block; width:222px; font-size:18px; color:#fff;}
.section5 .bottom .left .row .project{display:inline-block; width:560px;}
.section5 .bottom .left .row .dark{display:inline-block; width:102px; font-size: 16px; color:#747474; padding-bottom: 10px;}
.section5 .bottom .right{flex-shrink:0; width:348px; margin-left:20px; border-left:solid 1px #515151; display:flex; flex-direction: column; justify-content: center; align-items: stretch;}
.section5 .bottom .right .row{padding:5px 0; margin-left:22px; }
.section5 .bottom .right .light{font-size:18px; color:#fff;}
.section5 .bottom .right .split{border-bottom:solid 1px #515151; margin-bottom: 10px;}
.section5 .bottom .right .dark{color:#c3c3c3; font-size:15px; letter-spacing: 1px;}
.section5 .bottom .right .select-1{margin-left:22px; margin-top:10px; width:272px; border:solid 1px #c3c3c3; display: flex; align-items: stretch;}
.section5 .bottom .right .value{ flex-grow:1; padding:6px 0 6px 12px; color:#c3c3c3;  }
.section5 .bottom .right .btn-drop{flex-shrink:0; border-left:solid 1px #c3c3c3; width:40px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.section5 .bottom .right .btn-drop .btn{width:8px; height:8px; border:solid 1px #c3c3c3; border-top:0; border-left:0; margin-top:-4px; transform: rotate(45deg); padding:0; border-radius: 0}
@media only screen and (max-width: 1600px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 28px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 60px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 20px;
	}
}
@media only screen and (max-width: 1440px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 24px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 40px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 18px;
		margin-top: 5px;
	}
}
@media only screen and (max-width: 1366px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 20px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 26px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 16px;
	}
	.index_main .section1 .index_banner .slick-arrow{
		background-size: auto 30px;
	}
}
@media only screen and (max-width: 1300px){

}
@media only screen and (max-width: 1199px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 18px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 22px;
		}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 14px;
	}
}
@media only screen and (max-width: 992px){
	.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: 42%;
	}
	.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;
	}

}
@media only screen and (max-width: 767px){
    
}
@media only screen and (max-width: 340px){
 
}
@media only screen and (max-width: 320px){
	
}