.video_box{width: 50%; height: 24vw; top: 25vw; background: #000}


body{background: #dff6ff;}
.b-1fc395{background: #1fc395;}
.b-75c1ac{background: #75c1ac;}
.b-1ca680{background: #1ca680;}
.c-1ca680{color: #1ca680;}
/*.menu_box{background: none;position: fixed; z-index: 1}*/
/*.video_box{left: 10px; bottom: 10px; max-width: 300px; width: 30%; z-index: 3;}*/
.s1 .list_item{width: 15%; padding: 0 0.6vw;}
.s1 .list_item+.list_item{margin-left:2% }
.s1 .img{border-radius: 1vw; border: 1px solid #fff; background-size:cover !important;}
.s1 .text{padding: 0.5vw 0;}
.s1 .list_item::after{content:''; position: absolute; width: 100%; left: 0; bottom: 0; z-index: -1; background: rgba(255,255,255,0.27); border: 2px solid #fff; box-shadow: 0 16px 46px 0 rgba(174,224,255,0.23); border-radius: 1vw; height: 86%;}
.content_box {margin-top: -17vw;}

.s2{background: url('/images/yuyue_zt/img2_2.jpg') no-repeat center; background-size: cover; border-radius: 16px; box-shadow: 0 20px 32px 0 rgba(28,84,240,0.44); padding: 2vw 4vw 2vw 19vw;}
.input{height: 60px; padding: 0 20px; min-height: 50px;}
.button{width: 10vw; min-width: 100px;}
.input+.input{margin-left: 1.5vw;}
.img2_1 {bottom: 2vw;width: 16vw;left: -2vw;}

.title_line{background: #1ca680; height: 15px; background: linear-gradient(90deg,#1ca680,rgba(255,255,255,0) 90%); margin-top: -14px;}

.s3 .list_data{width: 31vw;}
.s3 .list_item{border: 1px solid #c5e7f1; border-radius: 10px; padding: 1.5vw 2vw;}
.s3 .list_item+.list_item{margin-top: 2vw;}
.s3 .hexagon{width: 4vw; height: 4vw; margin-right: 2vw;}
.s3 .clippath {height: 65%;background-color: #75c1ac; border-radius: 0.5vw;}
.s3 .clippath2 {top: 50%;transform: translateY(-50%) rotate(58deg);}
.s3 .clippath3 {left: 0;top: 50%;transform: translateY(-50%) rotate(-62deg);}
.s3 .img{width: 45%; left: 50%; top: 50%; transition: 0.5s ease 0s;}
.s3 .img1,.s3 .list_item:hover .img2{ transform: translate(-50%,-50%) rotateY(0deg) scale(1); opacity: 1;}
.s3 .list_item:hover .img1,.s3 .img2{transform: translate(-50%,-50%) rotateY(270deg) scale(1.5); opacity: 0; }
.s3 .list_item:hover{background: #1ca680; box-shadow: 0 13px 26px 0 rgba(28,166,128,0.35)}
.s3 .list_item:hover .clippath{background: #fff;}
.s3 .list_item:hover .title,.s3 .list_item:hover .desc{color: #fff;}
.img4{ z-index: -1;bottom: -10vw;}
.s4 .list_item{width: 15.5%;min-height: 14.5vw; border-radius: 10px; background-size:cover !important; border: 2px solid #fff;}
.s4 .list_item+.list_item{margin-left: 1.4%;}
.s4 .img{height: 3.2vw; width: auto; min-height: 30px; max-height: 80px;}

.s5 .list_data{padding-left: 17.5vw;counter-reset: section;}
.s5 .list_item{width: 33.3333%; padding: 2vw 3vw;}
.s5 .list_item:before{counter-increment:section;content:"0"counter(section)"."; font-size: 16px; font-style: italic; font-weight: bold; color: #333;}
.img7_1{background: url('/images/yuyue_zt/img7_1.jpg') no-repeat center;background-size: cover; width: 31%; height: 100%; z-index: -1;}
.img7_2{background: url('/images/yuyue_zt/img7_2.jpg') no-repeat center;background-size: cover; width: 69%; height: 100%; z-index: -1;}

.s6{background:url('/images/yuyue_zt/img8_2.jpg') no-repeat center;background-size: cover; border: 1px solid #fff; border-radius: 10px; padding: 2vw; padding-right: 29vw;}
.s6 .label{padding: 8px 24px;}
.s6 .num{font-style: italic;}
.img8_1{width: 29vw;}

.s7 .list_item{border: 1px solid #eee; border-radius: 10px; width: 32%; margin-left: 2%; padding: 1.5vw; margin-bottom: 2%;}
.s7 .list_item:nth-child(3n+1),.s8 .list_item:nth-child(3n+1){margin-left: 0;}
.s7 .img{height: 12vw; width: auto;}

.s8 .list_item{border-radius: 6px; width: 32%; margin-left: 2%; background: url('/images/yuyue_zt/img10.jpg') no-repeat center;background-size: cover;padding: 2.5vw 2vw;}
.s8 .label{padding: 6px 10px;}
.s8 .desc{font-style: italic;}

.s9{padding: 2.5vw; background: url('/images/yuyue_zt/img11.jpg')  no-repeat center;background-size: cover;}
.map_box{width: 56%;height: 19vw;border-radius: 10px;}
.map{height: 100%;}
.s10{padding: 3.5vw;background: url('/images/yuyue_zt/img12.jpg')  no-repeat center;background-size: cover;}
.BMap_omCtrl{display: none;}

.yz_box{width: 680px;}
.left_slider{left: 10px; border: 1px solid #eee; border-radius: 6px;}
.left_slider .list_item{width: 50px; height: 50px; box-sizing: content-box;}
.left_slider .list_item:hover{color:#1ca680 }
.left_slider .list_item+.list_item{border-top: 1px solid #eee;}

.input_text {background: none;border-bottom: 1px solid #ddd;width: 50px;}

.play_btn{top: 24.5vw;}
.play_btn .iconfont{font-size: 9vw;}

@media screen and (min-width: 801px ) {
    .s1 .list_item:nth-child(2),.s1 .list_item:nth-child(5){margin-top: 1vw;}
.s1 .list_item:nth-child(3),.s1 .list_item:nth-child(4){margin-top: 2vw;}
.img3{margin-left: 7.5vw;}
.s9 .input{max-width: 19vw;}

}
@media screen and (min-width: 1101px ) {
}
@media screen and (max-width: 1500px ) {
}
@media screen and (max-width: 1100px ) {
/*    .banner {margin-top: 50px;}*/
    .s5 .list_data {
    padding-left: 27vw
    }
    .play_btn {
    top: 29.5vw;
}
}
@media screen and (max-width: 800px ) {
/*    .banner {margin-top: 14vw;}*/
    .s2{padding: 5vw;border-radius: 2vw;}
    .input {height: 10vw;padding: 0 3vw;width: 100%; min-height: 0;}
    .input+.input {
    margin-left: 3vw;
}
    .s1 .list_item {
    width: 32%;
    padding: 0 1.2vw;
        margin-top: 2%;
}
    .s1 .text {
    padding: 1.2vw 0;
}
    .s1 {flex-wrap: wrap;}
    .s1 .img{height: 20vw;}
    .s1 .list_item:nth-child(3n+1){margin-left: 0;}
/*    .content_box {margin-top: -33vw;}*/
    .title_line{height: 6px; margin-top: -6px;}
    .s3 .list_data {width: 100%;}
    .s3 .hexagon {width: 10vw;height: 10vw;margin-right: 3vw;}
    .s3 .clippath{border-radius: 1vw;}
    .s3 .list_item {border-radius: 2vw;padding: 3vw;}
    .s3 .box {flex-flow: column;}
    .img3{width: 76%; margin:3vw auto 0;}
    .s4 .list_item{width: 32%;min-height: 26.5vw;border-radius: 2vw;}
    .s4 .list_item {margin-left: 2%;margin-top: 2%;}
    .s4 .list_item:nth-child(3n+1){margin-left: 0;}
    .s4 .list_data{flex-wrap: wrap;} 
    .s4 .img{height: 7vw;min-height: unset;}
    .img7_2{width: 100%;}
    .s5 .list_data {
    padding-left: 0;
}
    .s5 .list_item:before{font-size: 3.75vw;}
    .s5 .list_item{width:48%;padding: 3vw 0;}
    .s5 .list_item:nth-child(even){margin-left: 4%;}
    .s6,.s9{padding: 5vw;}
    .s6 .label {
    padding: 1vw 3vw;
}
    .s6 .list_item{flex-direction: column;}
    .s6 .desc{margin-left: 0}
    .s7 .list_item{padding: 3vw; border-radius: 2vw;}
    .s8 .list_item{width: 100%; margin-left: 0; display: flex; padding: 3vw;}
    .s8 .list_item+.list_item{margin-top: 2vw;}
    .s8 .text{margin-top: 0;}
    .s8 .label{padding: 1vw 2vw;}
    .s10>.flex{flex-direction: column;  padding: 5vw 0 20.5vw;}
    .s10{padding: 0;}
    .map_box {width: 100%;height: 40vw;border-radius: 2vw;margin-left: 0;}
    .s7 .img{height: 16vw;}
    .input_text {width: 8vw;}
    .play_btn .iconfont {
    font-size: 15vw;
}
    .play_btn {
    top: 44.5vw;
}
    .video_box {
    width: 88%;
    height: 50vw;
    top: 43vw;
    }
    .content_box {
    margin-top: -7vw;
}
}