/* banner */
.banner ul li{width: 100%;height: 605px;background-size: cover;background-position: center;background-repeat: no-repeat;}
/* 关于我们 */
.aboutus_1{height: 826px;background-image: url(../img/aboutus_1.jpg);background-size: cover;background-position: left;background-repeat: no-repeat;padding-top: 100px;}
.aboutus_1 .text{width: 965px;height: 600px;color: #3f3f3f;padding-right: 80px;}



.aboutus_1 .text p{font-size: 18px;}


.aboutus_1 .text h3{font-size: 40px;font-weight: bold;line-height: 60px;}
.aboutus_1 .text span{font-size: 18px;}
.aboutus_1 .text span p{line-height: 40px;}
.aboutus_1 .video{width: 755px;height: 600px;padding-top: 13px;}
.videos {display: none;width: 100%;height: 100%; z-index: 999;}
.aboutus_1 .video .video-Basemap{width: 715px;height: 587px;background:linear-gradient(to right,#a1d42c, #068bcd);position: relative;overflow: hidden;}
.aboutus_1 .video .video-Basemap .video-js{width: 727px;height: 538px;background-image: url(../img/aboutus_video.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;right: 30px;top: 12px;position: relative;}
.aboutus_1 .video .video-Basemap .video-js .vjs-big-play-button{cursor: pointer; background: url(../img/index-1-video-button.png) no-repeat center;background-size: cover;  position: absolute;top: 45%; left: 50%; height: 54px;width: 54px;animation: circle-opacity 2s infinite;left: 50%;top: 50%; transform: translate(-50%,-50%) scale(0,0);}
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1);
    }
    to {
        opacity: 0;
        transform:translate(-50%,-50%) scale(2);
    }
}
.aboutus_1 .video .video-Basemap i{display: block;width: 626px;height: 16px;background-image: url(../img/high-tech.png);position: absolute;bottom:20px;left: 33px;background-size:contain;background-position: center;background-repeat: no-repeat;}
@media (max-width: 1680px) {
    /* 关于我们 */
    .aboutus_1 .text{width: 844px;padding-right: 70px;}
    .aboutus_1 .video{width: 660px;}
    
    .aboutus_1 .video .video-Basemap{width: 625px;}
    .aboutus_1 .video .video-Basemap .video-js{width: 636px;right: 26px;}

    .aboutus_1 .video .video-Basemap i{width: 547px;left: 28px;}
}
@media (max-width: 1560px) {
    /* 关于我们 */
    .aboutus_1 .text{width: 783px;padding-right: 65px;}
    .aboutus_1 .video{width: 612px;}
    
    .aboutus_1 .video .video-Basemap{width: 580px;}
    .aboutus_1 .video .video-Basemap .video-js{width: 590px;right: 24px;}

    .aboutus_1 .video .video-Basemap i{width: 507px;left: 26px;}
}
@media (max-width: 1440px) {
    /* 关于我们 */
    .aboutus_1 .text{width: 722px;padding-right: 60px;}
    .aboutus_1 .video{width: 564px;}
    
    .aboutus_1 .video .video-Basemap{width: 535px;}
    .aboutus_1 .video .video-Basemap .video-js{width: 544px;right: 22px;}

    .aboutus_1 .video .video-Basemap i{width: 468px;left: 24px;}
}
@media (max-width: 1366px) {
    /* 关于我们 */
    .aboutus_1 .text{width: 684px;padding-right: 56px;}
    .aboutus_1 .video{width: 535px;}
    
    .aboutus_1 .video .video-Basemap{width: 507px;}
    .aboutus_1 .video .video-Basemap .video-js{width: 516px;right: 20px;}

    .aboutus_1 .video .video-Basemap i{width: 443px;left: 22px;}
}
@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* banner */
    .banner ul li{width: 7.5rem;height: 5rem;background-size: cover;background-position: center;background-repeat: no-repeat;}
    /* 关于我们 */
    .aboutus_1{height: 15rem;background-image: url(../img/aboutus_1.jpg);background-size: cover;background-position: left;background-repeat: no-repeat;padding-top: 0.5rem;}
    .aboutus_1 .text{width: 7.2rem;height: 7.5rem;color: #3f3f3f;padding-right: 0.1rem;}
    .aboutus_1 .text h3{font-size: 0.38rem;font-weight: bold;line-height: 0.6rem;}
    .aboutus_1 .text span{font-size: 0.28rem;}
    .aboutus_1 .text span p{line-height: 0.4rem;}
    .aboutus_1 .video{width: 7.2rem;height: 6rem;padding-top: 0.13rem;}
    .videos {display: none;width: 100%;height: 100%; z-index: 999;}
    .aboutus_1 .video .video-Basemap{width: 7rem;height: 5.87rem;background:linear-gradient(to right,#a1d42c, #068bcd);position: relative;}
    .aboutus_1 .video .video-Basemap .video-js{width: 7rem;height: 5.38rem;background-image: url(../img/aboutus_video.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;right: 0.2rem;top: -0.13rem;position: relative;}
    .aboutus_1 .video .video-Basemap .video-js .vjs-big-play-button{cursor: pointer; background: url(../img/index-1-video-button.png) no-repeat center;background-size: cover;  position: absolute;top: 45%; left: 50%; height: 0.54rem;width:0.54rem;animation: circle-opacity 2s infinite;left: 50%;top: 50%; transform: translate(-50%,-50%) scale(0,0);}
    @keyframes circle-opacity{
        from {
            opacity: 1;
            transform:translate(-50%,-50%) scale(1);
        }
        to {
            opacity: 0;
            transform:translate(-50%,-50%) scale(2);
        }
    }
    .aboutus_1 .video .video-Basemap i{display: block;width: 7.2rem;height: 0.16rem;background-image: url(../img/high-tech.png);position: absolute;bottom:20px;left: 33px;background-size:contain;background-position: center;background-repeat: no-repeat;}
}