/* fonts */
@font-face {
    font-family: "Poppins-Regular";
    font-style: normal;
    src: url(../ttf/poppins-regular.ttf) format("TrueType");
    font-display: fallback;
}

@font-face {
    font-family: "Poppins-Bold";
    font-style: normal;
    src: url(../ttf/poppins-bold.ttf) format("TrueType");
    font-display: fallback;
}

@font-face {
    font-family: "Poppins-Light";
    font-style: normal;
    src: url(../ttf/poppins-light.ttf) format("TrueType");
    font-display: fallback;
}

@font-face {
    font-family: "Poppins-Medium";
    font-style: normal;
    src: url(../ttf/poppins-medium.ttf) format("TrueType");
    font-display: fallback;
}

@font-face {
    font-family: "Poppins-SemiBold";
    font-style: normal;
    src: url(../ttf/poppins-semibold.ttf) format("TrueType");
    font-display: fallback;
}

.web_head>.layout {
    width: 1580px;
}

.layout {
    width: 1490px;
}

/* header */
.web_head {
    position: relative;
    height: 69px;
}

.web_head .logo-img {
    position: absolute;
    top: 0%;
    left: -10.2%;
}

.web_head .logo-img div:nth-child(1) {
    position: relative;
}

.web_head .logo-img div:nth-child(2) {
    position: absolute;
    top: 8%;
    left: 17%;
}

.head_nav>li>a {
    line-height: 69px;
}

.head_nav>li>a::after {
    content: "";
    display: block;
    width: 33px;
    height: 22px;
    position: absolute;
    top: 25%;
    left: -40px;
    background-image: url(../png/pic_3-2.png);
    background-repeat: no-repeat;
    background-size: 33px 22px;
    opacity: 0;
    transition: all .3s linear;
}

.head_nav>li:hover a::after {
    opacity: 1;
}

.web_head .change-language {
    width: 171px;
    height: 43px;
    background-color: #69b82d;
    border-radius: 21px;
}

.nav_wrap .head_nav li ul {
    background-color: #69b82d;
}

.language-flag span:nth-child(1) {
    font-family: Poppins-Medium;
    font-size: 14px;
    color: #ffffff;
}

#countrytive {
    width: 20px;
    height: 20px;
    background-image: url(../png/pic_14.png);
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: 0 !important;
    position: absolute;
    top: 40%;
    left: -8px;
}

#btn-search {
    width: 48px;
    height: 48px;
    border: solid 1px #EBEBEB;
    border-radius: 50%;
    position: relative;
    top: 0%;
    left: -18%;
}

#btn-search:hover {
    background-color: #69b82d;
}

.btn--search::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    top: 25%;
    left: 24%;
    background-image: url(../png/pic_15.png);
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

.web_head .change-language {
    position: relative;
    top: 0%;
    left: 4%;
}

.web_head .change-language::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: -68%;
    background-image: url(../png/pic_16.png);
    background-repeat: no-repeat;
}

/* banner */
.swiper-green .swiper-pagination {
    height: 113px;
    width: 445px;
    background-image: url(../png/pic_18.png);
    background-repeat: no-repeat;
    background-position: 10% 0%;
    left: 78%;
    top: 89%;
}

.swiper-green .swiper-pagination-bullet {
    top: 65%;
    left: -5.5%;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    border: 2px solid #fff;
}

/* about us */
.web_aboutus {
    width: 100%;
    background-color: #f2f2f2;
    margin-top: 281px;
}

.about-top .about-top-text h3 {
    font-family: Poppins-SemiBold;
    font-size: 50px;
    color: #000f0f;
}

.about-top-text {
    padding: 85px 0px 60px 0px;
}

.about-top .about-top-text .about-left span {
    font-family: Poppins-Light;
    font-size: 18px;
    color: #666666;
    margin-top: 5px;
    margin-left: 10px;
    line-height: 30px;
}

.about-left {
    width: 605px;
    /* width: 100%; */
}

.web_aboutus .display-flex {
    display: flex;
    align-items: center;
}
.web_aboutus .display-flex img{
    width: 24px;
    height: 27px;
}

.web_aboutus .display-flex span {
    font-size: 27px;
    color: #000d0d;
    font-family: ReadexPro-Light;
    transform: translate(5px 4px);
}

.about-flex {
    margin-top: 82px;
    position: relative;
}

.about-flex>div:nth-child(1)::after {
    content: "";
    display: block;
    width: 2px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 110px;
    background-image: url(../png/pic_35.png);
    background-repeat: no-repeat;
}

.about-flex>div:nth-child(2)::after {
    content: "";
    display: block;
    width: 2px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 309px;
    background-image: url(../png/pic_35.png);
    background-repeat: no-repeat;
}

.about-flex>div:nth-child(3)::after {
    content: "";
    display: block;
    width: 2px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 78%;
    background-image: url(../png/pic_35.png);
    background-repeat: no-repeat;
}

.web_aboutus .about-dot img {
    width: auto;
    height: 838px;
}

.web_aboutus .about-dot {
    position: absolute;
    top: -180px;
    left: -205px;
}

/* video */
.about-video {
    width: 100%;
    position: absolute;
    top: -150px;
    left: 43.5%;
    border-radius: 10px 0px 0px 10px;
}

.about-video img {
    width: 107px;
    height: 107px;
    position: absolute;
    top: 38%;
    left: 34%;
    cursor: pointer;
}

/* TECHNOLOGICAL PROCESS */
.web-process {
    width: 100%;
    margin-top: 295px;
    background-image: url(../png/pic_38.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.web-process .process-text {
    padding-top: 136px;
    padding-bottom: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.text1>span {
    font-family: Poppins-SemiBold;
    font-size: 50px;
    color: #000f0f;
}

.text2 span {
    font-family: Poppins-Light;
    font-size: 18px;
    color: #666666;
    line-height: 32px;
}

/* gongyi banner */
.web_gongyi {
    width: 100%;
    background-image: url(../png/pic_39.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#gy-left {
    /* width: 13%; */
    padding: 284px 0px 119px 0px;
    /* margin-left: 45px; */
}

#gy-left>ul>li {
    font-family: ReadexPro-Light;
    font-size: 24px;
    line-height: 80px;
    color: #717171;
}

.gy-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gy-banner span {
    font-family: Anton-Regular;
    font-size: 201px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 90px;
    letter-spacing: 0px;
    color: #fff;
    opacity: 0.33;
    -webkit-text-stroke: 2px #9e9e9e;
    -webkit-text-fill-color: transparent;
    display: block;
    margin-top: 100px;
    margin-left: 130px;
}

.gy-banner>.swiper {
    width: 878px;
    height: 985px;
    /* height: 100%;
    padding-bottom: 345px; */
    background-color: #f2f2f2;
    border-radius: 0px 60px 0px 0px;
    position: relative;
}

.gy-banner .swiper-slide {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background-color: #fff;
}

.gy-banner .swiper-slide h6 {
    font-family: Poppins-Light;
    font-size: 16px;
    color: #000f0f;
    opacity: 0.68;
}

.gy-banner .swiper-slide h2 {
    font-family: ReadexPro-bold;
    font-size: 45px;
    color: #000000;
    margin-top: 38px;
}

.gy-banner .swiper-slide p {
    font-family: Poppins-Light;
    font-size: 17px;
    color: #666666;
    margin-top: 38px;
}

.gy-banner .swiper-button-prev {
    width: 11px;
    height: 14px;
    color: #000f0f;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

.gy-banner .swiper-button-prev::after {
    content: "";
    display: block;
    position: absolute;
    top: 720px;
    left: 395px;
    width: 100%;
    height: 100%;
    background-image: url(../png/pic_40.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.gy-banner .swiper-button-next {
    width: 11px;
    height: 14px;
    color: #000f0f;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

.gy-banner .swiper-button-next::after {
    content: "";
    display: block;
    position: absolute;
    top: 720px;
    left: 546px;
    width: 100%;
    height: 100%;
    background-image: url(../png/pic_41.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.gy-banner .swiper-img {
    position: absolute;
    top: 70%;
    left: 48%;
    z-index: 1;
}

.gy-banner {
    position: relative;
    padding: 240px 0px 0px 0px;
}

.gy-banner #gy-bunner-a {
    display: inline-block;
    width: 201px;
    height: 50px;
    background-color: #69b82d;
    border-radius: 6px;
    font-family: Poppins-Regular;
    font-size: 18px;
    line-height: 50px;
    color: #000f0f;
    z-index: 99999999999999;
    position: absolute;
    top: 1004px;
    left: 390px;
    text-align: center;
}

.gy-banner .swiper-h {
    margin-left: 388px;
    margin-top: 53px;
}

#web_gongyi-img {
    width: 535px;
    background-color: #3c3c3c;
    border-radius: 60px 0px 0px 0px;
    position: absolute;
    top: 33%;
    left: 26.9%;
    z-index: 2;
}

.ensembles {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -5%;
    left: 0%;
    z-index: 5;
}

#gy-bunner-a:hover {
    background-color: skyblue;
}

#gy-left .btn {
    transform: scale(1);
    color: #fff;
}

/* footer */
.web_footer {
    background-color: #eee;
}

.web_footer .copyright img {
    width: 185px;
    height: 179px;
    margin-top: -20px;
}

.foor_service:after {
    display: none;

}

.layout:after {
    display: none;
}

.web_footer .foot_sns span {
    font-family: ReadexPro-Light;
    font-size: 17px;
    color: #323232;
    display: block;
    margin-top: -46px;
}

.footers-right {
    width: 980px;
}

.footers-right .footers-ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.footers-right .footers-ul li h3 {
    font-family: Poppins-Medium;
    font-size: 24px;
    color: #151515;
    font-weight: bold;
    margin-bottom: 35px;
    transition: all .3s linear;
}

.footers-right .footers-ul .footers-wen ul li a,.footers-right .footers-ul .footers-wen ul li span {
    font-family: ReadexPro-Light;
    font-size: 16px;
    color: #000000;
    line-height: 41px;
    /* opacity: 0.6; */
    transition: all .3s linear;
    font-weight: 100;
}

.footers-right .footers-ul li h3:hover {
    transform: rotate(20deg);
}

.footers-wen ul li a:hover {
    transform: translate(20px, 0px);
    transition: all .3s linear;
}

.footers-wen ul li {
    position: relative;
}

.foo-icos .footers-wen ul li a ,.foo-icos .footers-wen ul li span{
    margin-left: 30px;
}

.foo-icos {
    padding-left: 40px;
    max-width: 420px;
}

.foo-icos .footers-wen ul li:nth-child(1)::after {
    content: "";
    display: block;
    width: 16px;
    height: 18px;
    position: absolute;
    top: 8px;
    left: 0px;
    background-image: url(../png/pic_21.png);
    background-repeat: no-repeat;
    transition: all .3s linear;
}

.foo-icos .footers-wen ul li:nth-child(2):after {
    content: "";
    display: block;
    width: 16px;
    height: 18px;
    position: absolute;
    top: 14px;
    left: 0px;
    background-image: url(../png/pic_22.png);
    background-repeat: no-repeat;
    transition: all .3s linear;
}

.foo-icos .footers-wen ul li:nth-child(1) a {
    line-height: 30px;
}

.foo-icos .footers-wen ul li:nth-child(3):after {
    content: "";
    display: block;
    width: 20px;
    height: 18px;
    position: absolute;
    top: 12px;
    left: 0px;
    background-image: url(../png/pic_23.png);
    background-repeat: no-repeat;
}

.for-dibu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
}

.for-dibu div:nth-child(1) span {
    font-family: ReadexPro-Light;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #6c6c6c;
    opacity: 0.6;
}

.for-dibu div:nth-child(2) {
    display: flex;
    justify-content: space-between;
}

.foot_bottom .for-dibu li:hover img {
    transform: rotate(30deg);
}


.web_footer .footers-imgo {
    position: absolute;
    top: 450px;
    left: 0px;
}

.footer-imgt {
    position: absolute;
    top: 528px;
    left: 84%;
    z-index: 1;
}

.foor_service {
    align-items: center;
    justify-content: space-between;
}

.fot-number {
    margin-top: 25px;
    position: relative;
    top: -12px;
    left: 0px;
}

/* Adaptation */
@media only screen and (max-width:1680px) {
    .footers-right{
        /*width: auto;*/
        width: 70%;
    }
    #btn-search {
        top: 0%;
        left: -16%;
    }
    .head_nav>li>a{
        font-size: 15px;
    }

    .web_head .change-language {
        left: 3%;
        top: 0%;
    }

    .web_head .change-language::after {
        left: -55%;
    }

    .web_head .logo-img {
        left: -3%;
    }

    .web_aboutus .about-dot {
        display: none;
    }

    .web_aboutus {
        margin-top: 185px;
    }

    .web_aboutus .about-video {
        top: -58px;
        left: 53.5%;
    }

    .web_aboutus .about-video video {
        width: 50%;
    }

    .about-video img {
        width: 90px;
        height: 90px;
        top: 38%;
        left: 29%;
    }
    .web_footer .layout{
        width: 80%;
    }
    .footer-imgt{
        left: 78%;
    }
    .web_head .nav_wrap{
        left: 11%;
    }
}

@media only screen and (max-width:1512px) {
    .head_nav>li>a {
        font-size: 14px;
    }

    #btn-search {
        top: 0%;
        left: -22.5%;
    }

    .web_head .change-language {
        left: -3%;
        top: 0%;
    }

    .web_head .change-language::after {
        left: -55%;
    }

    .web_head .logo-img {
        left: -5%;
    }

    .web_head .nav_wrap {
        left: 2%;
    }

    .swiper-green .swiper-pagination-bullet {
        top: 48%;
    }

    .swiper-green .swiper-pagination {
        left: 71.5%;
    }

    .web_aboutus {
        margin-top: 195px;
    }

    .about-top .about-top-text h3 {
        font-size: 40px;
    }

    .about-top .about-top-text .about-left span {
        font-size: 14px;
    }

    .about-left {
        position: relative;
        left: 30px;
    }

    .web-process .layout {
        width: 1400px;
    }

    .text1 span {
        font-size: 45px;
    }

    .text2 span {
        font-size: 16px;
    }

    .web_gongyi .layout {
        width: 86%;
    }
    #web_gongyi-img{
        left: 40.4%;
        width: 31.6%;
    }
    .gy-banner>.swiper{
        width: 688px;
    }
    .gy-banner .swiper-img{
        left: 61.5%;
    }
    .web_gongyi #web_gongyi-img .swiper-slide img{
        width: 412px;
    }
    .gy-banner span{
        font-size: 170px;
    }
    .gy-banner .swiper-slide h6{
        font-size: 14px;
    }
    .gy-banner .swiper-slide h2{
        font-size: 35px;
        margin-top: 0;
    }
    .gy-banner .swiper-slide p{
        font-size: 16px;
        margin-top: 0;
    }
    .ensembles{
        top: -15%;
    }
    .gy-banner #gy-bunner-a{
        top: 850px;
        left: 390px;
    }
   

}

@media only screen and (max-width:1412px) {
    .footers-right{
        width: 75%;
    }
}

@media only screen and (max-width:1412px) {
    .foor_service{
        justify-content: center;
    }
    .footers-imgo,.footer-imgt{
        display: none;
    }
    .head_nav>li>a {
        font-size: 12px;
    }

    .web_head .nav_wrap {
        left: -12%;
    }

    .logo-img div:nth-child(1) img {
        width: 70%;
    }

    .logo-img div:nth-child(2) img {
        width: 60%;
    }

    .web_head .change-language {
        left: -20%;
        top: 0%;
    }

    #btn-search {
        left: -40.5%;
    }

    .web-process .layout {
        width: 1260px;
    }
}
@media only screen and (max-width:1381px) {
    .web_footer .layout{
        width: 95%;
    }
}
@media only screen and (max-width:1367px) {
    .head_nav>li>a {
        font-size: 12px;
    }

    .web_head .nav_wrap {
        left: -23%;
    }

    .web_head .change-language {
        left: -22%;
        top: 0%;
    }

    #btn-search {
        left: -42.5%;
    }

    .web_aboutus .about-video {
        top: -58px;
        left: 54.5%;
    }

    .web_aboutus .about-video video {
        width: 48%;
    }

    .about-video img {
        width: 90px;
        height: 90px;
        top: 38%;
        left: 29%;
    }

    .about-top-text {
        padding: 30px 0px 25px 0px;
    }

    .web_aboutus {
        margin-top: 160px;
    }

    .about-video img {
        width: 70px;
        height: 70px;
        top: 38%;
        left: 24%;
    }
    #web_gongyi-img{
        top: 38%;
    }

}

@media only screen and (max-width:1281px) {
    #btn-search {
        left: -52.5%;
    }

    .web-process .layout {
        width: 95%;
    }

    .text1 span {
        font-size: 25px;
    }

    .text2 span {
        font-size: 12px;
    }

    .web-process .process-text {
        justify-content: space-evenly;
    }
    #web_gongyi-img{
        left: 38%;
    }
}

@media only screen and (max-width:1210px) {
    .gy-ul{
        display: block;
    }
    .gy-banner .swiper-slide p{
        font-size: 14px;
    }
    #gy-left ul{
        display: flex;
        justify-content: space-between;
    }
    #gy-left>ul>li{
        font-size: 14px;
    }
    #gy-left{
        padding: 0px 0px 0px 0px;
    }
    .gy-banner{
        padding: 0px 0px 0px 0px;
    }
    .gy-banner .mySwiper{
        width: 62%;
        margin-left: 46%;
        height: 450px;
    }
    #web_gongyi-img{
        left: 5%;
        top: 15.6%;
    }
    .gy-banner .swiper-h{
        margin-top: -130px;
    }
    .ensembles{
        display: none;
    }
    .gy-banner #gy-bunner-a{
        top: 358px;
        left: 585px;
    }
    .gy-banner .swiper-slide h2{
        font-size: 30px;
    }
}

@media only screen and (max-width:1155px) {
    .web_head .nav_wrap {
        left: -40%;
    }

    .logo-img div:nth-child(1) img {
        width: 50%;
    }

    .logo-img div:nth-child(2) img {
        width: 37%;
    }

    .web_head .logo-img div:nth-child(2) {
        top: 12%;
        left: 15%;
    }

    .web_head .change-language {
        left: -48%;
        top: 0%;
    }

    #btn-search {
        left: -72.5%;
    }

    .swiper-green .swiper-pagination-bullet {
        top: 40%;
    }

    .swiper-green .swiper-pagination {
        left: 62.5%;
    }

    .about-top-text {
        padding: 10px 0px 12px 0px;
    }

    .web_aboutus .about-video video {
        width: 77%;
    }

    .web_aboutus .about-video {
        position: static;
    }

    .about-video img {
        width: 90px;
        height: 90px;
        top: 59%;
        left: 39%;
    }

    .about-left {
        left: 340px;
    }

    .web_aboutus {
        margin-top: 0px;
    }
    #web_gongyi-img{
        left: 0%;
    }
    .gy-banner .mySwiper{
        margin-left: 38%;
    }
    #gy-left ul {
        display: inline-block;
        width: 100%;
    }
    #gy-left ul{
        display: inline-flex;
        width: 100%;
    }
    #gy-left>ul>li{
        font-size: 12px;
    }
    .gy-banner #gy-bunner-a{
        left: 460px;
    }
    .gy-banner .swiper-h{
        margin-left: 290px;
    }
    .gy-banner span {
        margin-left: 50px;
    }
    .web-process {
        margin-top: 0;
    }
    .gy-banner .swiper-h{
        margin-left: 267px;
    }
   
}

@media only screen and (max-width:1080px) {
    .footers-right {
        width: 100%;
        margin-top: 30px;
    }
    .web_footer .copyright img{
        width: 100%;
        height: auto;
    }
    #btn-search{
        left: -76.5%;
    }
}
@media only screen and (max-width:1030px) {
    .web_head .nav_wrap{
        left: -43%;
    }
    .web_head .change-language{
        left: -52%;
    }
}

@media only screen and (max-width:1000px) {
    .web_aboutus .about-video video {
        width: 67%;
    }

    .about-left {
        left: 227px;
    }

    .about-flex {
        margin: 20px;
    }

    .gy-banner #gy-bunner-a{
        width: 145px;
        height: 45px;
        line-height: 45px;
    }
    .footers-right {
     margin-top: 30px;
    }
    .foo-icos{
        padding-left: 0;
    }
}

@media only screen and (max-width:960px) {
    .web_head {
        background-color: #6fcf28;
        /* background-image: url(../img/pic_2.png); */
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 20% 100%;
    }

    .web_head .nav_wrap .head_nav,
    .web_head .change-language,
    .head-search .search-attr,
    .btn--search {
        display: none;
    }

    .logo-img {
        display: none;
    }

    .web_aboutus .about-video video {
        width: 64.5%;
    }

    .about-video img {
        width: 70px;
        height: 70px;
        top: 61%;
        left: 33%;
    }

    .web-process .process-text {
        display: inline-block;
        text-align: center;
        width: 100%;
        padding-top: 65px;
    }

}

@media only screen and (max-width:950px) {
    .head_nav>li>a{
        line-height: normal;
    }
    .head_nav>li>a::after{
        display: none;
    }
    .web_head {
        position: relative;
        top: 25px;
        height: 110px;
    }

    .swiper-green .swiper-pagination-bullet {
        top: 33%;
    }

    .swiper-green .swiper-pagination {
        left: 56.5%;
    }

    .about-video img {
        width: 90px;
        height: 90px;
        top: 61%;
        left: 49%;
    }

    .web_aboutus .about-video video {
        width: 100%;
    }
    .web_footer .copyright img{
        width: 100%;
        height: auto    ;
    }
    .foot_item.foot_company_item{
        width: 50%;
    }
    .for-dibu{
        flex-wrap: wrap;
    }
    .for-dibu div:nth-child(1) span{
        display: block;
        margin:  0 auto;
        width: 100%;
    }
     .for-dibu div{
        margin: 0 auto;
        padding: 0px 0px 10px 0px;
    }
}
@media only screen and (max-width:900px) {
  .gy-banner .swiper-slide span{
    display: none;
  }
  .gy-banner .swiper-slide .swiper-h{
    position: absolute;
    top: 47%;
    left: -44%;
  }
}

@media only screen and (max-width:841px) {
    .about-left {
        left: 141px;
    }

    .about-video img {
        width: 70px;
        height: 70px;
        top: 63%;
        left: 50%;
    }
    .gy-banner #gy-bunner-a{
        left: 370px;
    }
}

@media only screen and (max-width:810px) {
    #gy-left ul{
        display: flex;
        flex-wrap: wrap;
    }
    #gy-left ul li{
       width: 20%;
       margin-top: -25px;
    }
    #web_gongyi-img{
        top: 25%;
    }
    .gy-banner .mySwiper{
        height: 340px;
    }
    .gy-banner #gy-bunner-a {
        top: 67%;}
}

@media only screen and (max-width:750px) {
    .swiper-green .swiper-pagination-bullet {
        display: none;
    }

    .swiper-green .swiper-pagination {
        display: none;
    }

    .about-left {
        left: 75px;
    }

    .web_aboutus .display-flex span {
        font-size: 16px;
    }

    .about-flex>div:nth-child(2)::after {
        left: 285px;
    }

}

@media only screen and (max-width:684px) {
    .about-flex {
        display: none;
    }

    .web-process .process-text {
        width: 100%;
    }

}

@media only screen and (max-width:667px) {
    .about-flex {
        display: none;
    }
    .gy-banner .swiper-slide .swiper-h{
        left: -78%;
    }
    .gy-banner #gy-bunner-a{
        left: 44%;
    }
    #web_gongyi-img{
        top: 34%;
    }
    #gy-left ul li{
        width: 21%;
       
     }

}

@media only screen and (max-width:600px) {
    .web_head {
        background-size: 35% 100%;
    }

    .about-left {
        left: 41px;
    }

    .about-video img {
        width: 50px;
        height: 50px;
    }

    .about-top .about-top-text .about-left span {
        font-size: 12px;
        margin-top: 0px;
    }

    .about-top .about-top-text h3 {
        font-size: 20px;
    }

    .web-process .process-text {
        width: 100%;
        padding-top: 25px;
    }

    .text1 span {
        font-size: 23px;
    }

    .text2 span {
        line-height: 10px;
    }

    .text2>span>br {
        display: none;
    }

    .web-process .layout {
        width: 100%;
    }
}
@media only screen and (max-width:510px) {
    .gy-banner .swiper-slide .swiper-h{
        left: -102%;
    }
    .gy-banner #gy-bunner-a{
        left: 42%;
        top: 85%;
    }
}
@media only screen and (max-width:480px) {
    #gy-left ul li{
        width: 26%;
    }
    #web_gongyi-img{
        position: relative;
        top: -340px;
        left: 2%;
    }
    .gy-banner #gy-bunner-a{
        display: none;
    }
    .web_gongyi{
        height: 560px;
    }
}
@media only screen and (max-width:450px) {
    .about-top .about-top-text .about-left span {
        line-height: 20px;
    }

    .about-left {
        width: 100%;
    }

    .about-top-text .about-left span br {
        display: none;
    }
    .about-left{
        left: 0;
        padding: 0px 10px ;
    }
}
@media only screen and (max-width:384px) {
    #gy-left ul li{
        width: 27%;
    }
    .gy-banner .swiper-slide .swiper-h{
        left: -135%;
    }
}

@media only screen and (max-width:375px) {
    .web_head {
        background-size: 50% 100%;
    }
}
@media only screen and (max-width: 1680px){
    .layout {
    width: 1300px;
}
}
@media only screen and (max-width: 1280px){
    .layout {
    width: 98%;
}
}
.video_bg a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
@media only screen and (max-width: 400px){
.head_nav>li ul li {
    padding: 5px;
}
.gy-banner .swiper-slide .swiper-h {
    left: -130%;
}
.gy-banner .swiper-slide h6 {
    font-size: 14px;
    text-align: center;
}
.gy-banner .swiper-slide h2 {
    font-size: 24px;
    text-align: center;
}
.gy-banner .swiper-slide p {
    text-align: center;
}
}