.section_bg0{width:100%;height: calc(100vh - 99px);background: url(../images/wly/bg2.jpg) no-repeat;background-size: cover;}
.section_bg0 h2{text-align: center;font-size:36px;font-weight: 500;align-content: center;  margin-top: 8%;}
.img_list0{width:60%;float:right;display: flex;justify-content: space-between;padding: 0 0 30px;border-radius: 20px;margin: auto;}
.img_list0 li{width:29%;text-align: center;}
.img_list0 li img{width: 92%;box-shadow: 0 0 20px 0 #C8C8C8;border-radius: 4px;}
.img_list0 li dt{width:100%;height: 40px;line-height:40px;font-size:18px;font-weight:500;text-align: center;color:#403938;}
.img_list0 li dt span{width:20px;height: 20px;text-align:center;border-radius: 10px;background: #e62129;color:white;line-height: 20px;display: inline-block;margin-left: 10px;}
.left_notice{float: left;width:30%;}
.left_notice .notice{font-size: 16px;font-weight: 600;color: #403938;margin-bottom: 26px;}
.left_notice .notice span{color:red;}

.section_bg1{width:100%;height: calc(100vh - 99px);background: url(../images/wly/bg2.jpg) no-repeat;background-size: cover;}
.section_bg1 h2{text-align: center;font-size:36px;font-weight: 500;align-content: center;  margin-top: 3%;}
.img_list{max-width: 1140px;width:100%;display: flex;justify-content: space-between;border: 1px dashed #666666;padding: 30px 0;border-radius: 20px;margin: auto;margin-top: 3%;}
.img_list li{width:28%;text-align: center;}
.img_list li img{width: 92%;}
.section_bg1 .lineY{display: block;width: 2px;height: 250px;overflow: hidden;}
.ig1.active,.ig2.active,.ig3.active,.ig01.active,.ig02.active,.ig03.active, .ig4.active,.left_box.active{
	opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}
.ig1,.ig01{
	opacity: 0;
    margin-top: 2%;
    transform: translate3d(0px, 50px, 0px);
    transition-delay: 0.4s;
    transition-duration: 1200ms;
}
.ig2,.ig02{
	opacity: 0;
    margin-top: 2%;
    transform: translate3d(0px, 50px, 0px);
    transition-delay: 0.52s;
    transition-duration: 1200ms;
}
.ig3,.ig03{
	opacity: 0;
    margin-top: 2%;
    transform: translate3d(0px, 50px, 0px);
    transition-delay: 0.64s;
    transition-duration: 1200ms;
}
.ig4{
	opacity: 0;
    margin-top: 2%;
    transform: translate3d(0px, 50px, 0px);
    transition-delay: 0.76s;
    transition-duration: 1200ms;
}
.child1.active,.child2.active{
		opacity: 1;
	    transform: translate3d(0px, -20px, 0px);
	}
.child1{
	opacity: 0;
    margin-top: 2%;
    transform: translate3d(0px, 30px, 0px);
    transition-delay: 0.2s;
    transition-duration: 1200ms;
}
.child2{
	opacity: 0;
    margin-top: 2%;
    transform: translate3d(0px, 50px, 0px);
    transition-delay: 0.4s;
    transition-duration: 1200ms;
}
.til{width: 44px;margin-right: 10px;}
.section_bg2{width:100%;height: auto;padding-bottom:4%;background: url(../images/wly/bg2.jpg) no-repeat;background-size: cover;}
.section_bg2 .lineY{display: block;width: 2px;height: 330px;overflow: hidden;}
.title{max-width: 1200px;width:100%;margin: auto;margin-top: 2%;opacity: 0;margin-top: 2%;transform: translate3d(0px, 50px, 0px);transition-delay: 0.4s;transition-duration: 1200ms;border-bottom: 2px dashed #999999;padding-bottom: 20px;}
.title.active{opacity: 1;transform: translate3d(0px, 0px, 0px);}
.title img{float: left;}
.title h3{font-weight: bold;font-size: 32px;color:black;}
.title h4{font-weight: normal;font-size:32px;color:#333333;}
.center_box{max-width: 1200px;width:100%;margin:3% auto 3%;}
.center_box .left_box{width:68%;float: left;border: 1px dashed #666666;height: 340px;border-radius: 14px;display: flex;justify-content: space-around;padding: 20px 0;}
.center_box .left_box .child{width:48%;}
.center_box .left_box .child h4{font-weight: bold;font-size: 20px;}
.center_box .left_box .child h4 img{margin-right: 10px;width: 14px;}
.center_box .left_box .child h5{font-weight: normal;font-size: 16px;margin-top: 10px;}
.center_box .left_box .child h5 img{margin-right: 10px;width: 20px;}
.center_box .left_box .child .ct,.center_box .left_box .child .gt{display: flex;justify-content: space-around;align-items: center;}
.center_box .left_box .child .div1{width:34%;margin-top: 5px;}
.center_box .left_box .child p{padding: 5px 0;border: 1px solid #000;width:100%;font-size: 14px;border-radius: 5px;text-align: center;}
.center_box .left_box .child .div1 span{display:block;width:100%;text-align: center;margin-top: 5px;}
.center_box .left_box .child .ct .lg{width:49px;height: 27px;}
.center_box .left_box .child .div2{width:34%;margin-top: 5px;text-align: center;}
.center_box .left_box .child .gt div{width:40%;}
.center_box .left_box .child .gt div.div1 img{width:80%;}
.center_box .left_box .child .gt div.div2 img{width:82%;}
.center_box .right_box{width:30%;float: right;}
.center_box .right_box h4{font-weight: bold;font-size: 20px;}
.center_box .right_box h4 img{margin-right: 10px;width:14px;}
.center_box .right_box ul{display: flex;justify-content: space-around;flex-wrap: wrap;background: #8a888a;border-radius:14px;padding: 10px 5px;margin-top: 4%;}
.center_box .right_box ul li{width: 48%;}
.center_box .right_box ul li.li{margin-bottom: 10px;}
.center_box .right_box ul li img{width:100%;}

.right_list{display: flex;justify-content: space-around;flex-wrap: wrap;}
.right_list li{width:32%;text-align: center;}
.right_list li img{height: 70%;display: block;margin: auto;}
.right_list li.fs{width:46%;}
.right_list li.fn{width:50%;}

.ac_section1{position:relative;top:40%;  transform:translateY(-50%)}


@media screen and (max-width: 1200px) { 
 	.section_bg1 .lineY{height: 212px}
}
@media screen and (max-width: 1024px) { 
	.section_bg0{width:100%;height: calc(50vh - 152.5px);background: url(../images/wly/bg2.jpg) no-repeat;background-size: cover;}
 	.section_bg1{width:100%;height: calc(50vh - 152.5px);background: url(../images/wly/bg2.jpg) no-repeat;background-size: cover;}
 	.section_bg2{width:100%;height: calc(50vh - 82.5px);padding-bottom:4%;background: url(../images/wly/bg2.jpg) no-repeat;background-size: cover;}
}
@media screen and (max-width: 768px) { 
	.section_bg0{height: auto;}
 	.section_bg1{height: auto;}
	.ac_section1 {
		position: relative;
		top: 0;
		transform:none;
	}
 	.section_bg2{height: auto;}
 	.right_list li img {
	    height: 53%;
	    display: block;
	    margin: auto;
	}
}
@media screen and (max-width: 640px) { 
	html,body{background: #f5f5f5;}
	.section_bg0{width:100%;height: auto;background: #f5f5f5;}
	.section_bg0 h2{text-align: center;font-size:18px;font-weight: 500;align-content: center;margin-top: 10%;}
	.section_bg0 h2 img{width:24px;margin-right: 10px;}
	.img_list0{width:100%;display: inline-block;justify-content: space-between;margin: auto;margin-top: 3%;border:none;}
	.img_list0 li{width:98%;margin: auto;padding: 30px 0;}
	.img_list0 li img{width: 82%;margin: auto;box-shadow: 0 0 20px 0 #C8C8C8;border-radius: 4px;}
	.img_list0 li dt{width:100%;height: 40px;line-height:40px;font-size:18px;font-weight:500;text-align: center;color:#403938;}
	.img_list0 li dt span{width:20px;height: 20px;text-align:center;border-radius: 10px;background: #e62129;color:white;line-height: 20px;display: inline-block;margin-left: 10px;}
	.left_notice{width: 98%;margin-left: 1%;}
	.left_notice .notice{font-size: 16px;font-weight: 600;color: #403938;margin-bottom: 26px;}
	.left_notice .notice span{color:red;}

	
	.section_bg1{width:100%;height: auto;}
	.section_bg1 h2{text-align: center;font-size:18px;font-weight: 500;align-content: center;}
	.section_bg1 h2 img{width:24px;margin-right: 10px;}
	.img_list{width:100%;display: inline-block;justify-content: space-between;margin: auto;margin-top: 3%;border:none;}
	.img_list li{width:98%;margin: auto;padding: 30px 0;}
	.img_list li img{width: 82%;margin: auto;}
	.section_bg1 .lineY,.section_bg2 .lineY{display:none;}
	
	.section_bg2{width:100%;height: auto;padding-bottom:4%;}
	.title{width:88%;margin: auto;margin-top: 2%;opacity: 0;margin-top: 2%;transform: translate3d(0px, 50px, 0px);transition-delay: 0.4s;transition-duration: 1200ms;border-bottom: 2px dashed #333333;padding-bottom: 20px;}
	.title.active{opacity: 1;transform: translate3d(0px, 0px, 0px);}
	.title img{float: left;width:30px;}
	.title h3{font-weight: bold;font-size: 20px;color:black;}
	.title h4{font-weight: normal;font-size:18px;color:#333333;}
	
	.center_box{width:100%;margin:3% auto 3% auto;}
	.center_box .left_box{width:100%;height:auto;display: inline-block;justify-content: space-around;padding: 20px 0;border: none;}
	.center_box .left_box .child{width:98%;margin: auto;}
	.center_box .left_box .child.child2{margin-top: 50px;}
	.center_box .left_box .child h4{font-weight: bold;font-size: 16px;}
	.center_box .left_box .child h4 img{margin-right: 10px;width: 14px;}
	.center_box .left_box .child h5{font-weight: normal;font-size: 14px;margin-top: 10px;}
	.center_box .left_box .child h5 img{margin-right: 10px;width: 20px;}
	.center_box .left_box .child .ct,.center_box .left_box .child .gt{display: flex;justify-content: space-around;align-items: center;padding: 30px 0;}
	.center_box .left_box .child .div1{width:34%;margin-top: 5px;}
	.center_box .left_box .child p{padding: 5px 0;border: 1px solid #000;width:100%;font-size: 14px;border-radius: 5px;text-align: center;}
	.center_box .left_box .child .div1 span{display:block;width:100%;text-align: center;margin-top: 5px;}
	.center_box .left_box .child .ct .lg{width:49px;height: 27px;}
	.center_box .left_box .child .div2{width:34%;margin-top: 5px;text-align: center;}
	.center_box .left_box .child .gt div{width:40%;}
	.center_box .left_box .child .gt div.div1 img{width:80%;}
	.center_box .left_box .child .gt div.div2 img{width:82%;}
	.center_box .right_box{width:100%;}
	.center_box .right_box h4{font-weight: bold;font-size: 20px;width: 98%;margin: auto;}
	.center_box .right_box h4 img{margin-right: 10px;width:14px;}
	.center_box .right_box ul{width:96%;margin:auto;display: flex;justify-content: space-around;flex-wrap: wrap;background: #8a888a;border-radius:14px;padding: 10px 5px;margin-top: 4%;}
	.center_box .right_box ul li{width: 48%;}
	.center_box .right_box ul li.li{margin-bottom: 10px;}
	.center_box .right_box ul li img{width:100%;}
	
	.child1.active,.child2.active{
	    transform: translate3d(0px, 0px, 0px);
	}
	.child1{
		opacity: 1;
	    margin-top: 2%;
	    transform: translate3d(0px, 30px, 0px);
	    transition-delay: 0.2s;
	    transition-duration: 1200ms;
	}
	.child2{
		opacity: 1;
	    margin-top: 2%;
	    transform: translate3d(0px, 30px, 0px);
	    transition-delay: 0.4s;
	    transition-duration: 1200ms;
	}
	
	
	.ac_section1 {
		position: relative;
		top: 0;
		transform:none;
	}
	
	.ig1, .ig2, .ig3,.ig01,.ig02,.ig03,.ig4,.left_box{ opacity:1;}
}
@media screen and (max-width: 480px) { 
 
}