/*Created by lk on 2020/04/28.*/

@media screen and (max-width: 1800px){


}

@media screen and (max-width: 1700px) {

    .banner-next{width: 860px;}
    .banner-link .c-link{width: 420px;}

    .list01 .list01-con .item{width: 32%;}
    .list01 .list01-con .item-center{width: 36%;}
    .list01 .list01-con .item:nth-child(3) .img img{width: 130%;}

    .list07 .item{padding: 100px 0;}

}

@media screen and (max-width: 1600px) {

    .lb-cont1505{width: 1400px;}

    .banner-text .t{width: 540px;}

    .banner-next{width: 680px; height: 220px; padding: 30px; }

    .banner-next .next-text{left: 310px; top: 0;}

    .banner-link .c-link{width: 330px; padding-left: 40px;}
    .banner-link .c-link .r{margin: 25px 40px 0 0;}

    /* banner导航 */
    .swiper-pagination{width: 80px; height: 200px; padding-top: 64px;}
    .swiper-button-next{margin-right: 65px; margin-bottom: 200px;}
    .swiper-button-prev{margin-right: 65px; margin-bottom: 340px;}

    .list01 .list01-con .item-center h4{_font-size: 54px;}
    .list01 .list01-con .item:nth-child(1) .img img{width: 100%;}


    .list03 .title h4{font-size: 36px;}

    .list03 .list03-con .list03-list{width: 700px;}
    .list03 .list03-con .list03-list .slick-dots{left: -700px;}
    .list03 .list03-con .list03-list .slick-prev{left: -700px;}
    .list03 .list03-con .list03-list .slick-next{left: -700px;}

    .list04 .list04-bg img{width: 100%;}

}

@media screen and (max-width: 1440px) {

    .lb-cont1505{width: 1200px;}

    .nav{padding: 0 10px;}
    .nav .nav_bar li{margin: 0 30px;}

    .banner-text .t{width: 480px;}

    .list01 .list01-con .item{height: 520px;}
    .list01 .list01-con .item-center h3{font-size: 32px; }
    .list01 .list01-con .item-center h4{font-size: 42px; margin-bottom: 30px;}
    .list01 .list01-con .item-center p{line-height: 30px;}
   
    .list02{padding: 120px 0;}
    .list02 .list02-con .item-left{height: 544px;}
    .list02 .list02-con .item-right .li{padding: 22px 0;}
    .list02 .list02-con .item-right .li h2{font-size: 22px;}
    .list02 .list02-con .item-right .li .r{width: 44px; height: 44px; line-height: 50px; margin: 16px 0 0 0;}
    .list02 .list02-con .item-right .li .text p{font-size: 15px; line-height: 1.6;}

    .list03 .title h4{font-size: 32px;}
    .list03 .title .a_link{margin-top: 140px; }

    .list03 .list03-con .list03-list{width: 600px;}
    .list03 .list03-con .list03-list .slick-dots{left: -600px;}
    .list03 .list03-con .list03-list .slick-prev{left: -600px;}
    .list03 .list03-con .list03-list .slick-next{left: -600px;}

    .list07 .item{padding: 70px 0;}
    .list07 .item h2{margin-bottom: 10px;}
    .list07 .item h3{font-size: 60px;}

    .footer .footer-con .footer-left{width: 40%;}
    .footer .footer-con .footer-left .footer-logo{width: 255px; height: 120px; }
    .footer .footer-con .footer-center{width: 28%;}
    .footer .footer-con .footer-right{width: 28%;}
    
}


@media screen and (max-width: 1280px) {

    .lb-cont1505{width: 980px;}

    .header .logo{width: 170px; height: 80px; margin: 20px 0 0 20px;}

    .nav{margin: 40px 20px 0 0;}
    .nav .nav_bar li a{font-size: 15px;}
	
	.nav .lang .language{font-size: 15px;}

    .banner-text .t{width: 420px;}

    .banner-next{width: 600px; margin: 0 35px 120px 0;}

    .banner-next .next-img .text h4{font-size: 18px; padding: 10px 20px 0 20px;}
    .banner-next .next-text{left: 290px; }
    
    .banner-link{margin: 0 15px 20px 0;}
    .banner-link .c-link{width: 290px; height: 80px; line-height: 80px;}
    .banner-link .c-link .r{width: 40px; height: 40px; line-height: 40px; margin: 20px 30px 0 0;}
    
    /* banner导航 */
    .banner .swiper-pagination{bottom: 130px;}
    .swiper-button-next{margin-bottom: 130px;}
    .swiper-button-prev{margin-bottom: 290px;}

    /* 通用样式 */
    .title h2{font-size: 22px; padding-left: 32px; padding-bottom: 30px;}
    .title h2:before{margin-top: 8px;}
    .title .line{margin-bottom: 30px;}
    .title h3{font-size: 18px; padding-right: 10%; padding-left: 0;}


    .a_link{width: 280px; height: 90px; line-height: 90px; font-size: 20px; padding-left: 20px; margin-right: 20px; }
    .a_link .r{width: 40px; height: 40px; line-height: 40px; margin: 25px 20px 0 0;}

    .list01{padding: 100px 0;}

    .list01 .list01-con .item{width: 34%; height: 460px;}
    .list01 .list01-con .item-center h3{font-size: 24px;}
    .list01 .list01-con .item-center .line{width: 60px; height: 4px; margin: 20px auto;}
    .list01 .list01-con .item-center h4{font-size: 32px; margin-bottom: 20px;}
    .list01 .list01-con .item-center p{font-size: 16px; line-height: 28px;}

    .list02{padding: 80px 0;}
    .list02 .title .a_link{margin-left: 0;}
    .list02 .list02-con{padding: 0;}
    .list02 .list02-con .item-left{height: 474px;}
    .list02 .list02-con .item-right .li{padding: 18px 0;}
    .list02 .list02-con .item-right .li h2{font-size: 18px;}
    .list02 .list02-con .item-right .li.on h2{padding-bottom: 20px;}
    .list02 .list02-con .item-right .li .r{display: none;}

    .list03{padding: 80px 0;}
    .list03 .title h4{font-size: 26px; line-height: 1.6;}
    .list03 .title .a_link{margin-top: 20px; width: 400px;}

    .list03 .list03-con{position: relative; margin-top: 40px;}
    .list03 .list03-con .list03-list{width: 60%; margin-left: 2%;}

    .list03 .list03-con .list03-list .slick-dots{width: 100%; background: transparent; margin: 0 0 -80px 40%; left: 0}
    .list03 .list03-con .list03-list .slick-prev{display: none; opacity: 0; visibility: hidden;}
    .list03 .list03-con .list03-list .slick-next{display: none; opacity: 0; visibility: hidden;}

    .list04 .list04-video .video-content{width: 76%; margin: 12% auto 0 auto;}

    .list05 .list05-con .list05-list .li .list li{width: 24%; float: left; margin: 0 0.5% 10px 0.5%;}
    .list05 .list05-con .list05-list .li .list li:nth-child(13){display: none;}
    .list05 .list05-con .list05-list .li .list li:nth-child(14){display: none;}
    .list05 .list05-con .list05-list .li .list li:nth-child(15){display: none;}

    .list07 .item h3{font-size: 42px;}
    .list07 .item .r{width: 50px; height: 50px; padding: 10px;}

}


@media screen and (max-width: 1024px) {
   
    .lb-cont1505{width: 92%;}

    .header{left: 0; transform: none;}

    .header .button{display: block;}

    .nav{float: none; position: fixed; top: 0; left: -110%; width: 100%; height: 100%; background: #f4f4f4; margin: 0; padding: 0; border-radius: 0; box-shadow: none;}
    .nav .nav_bar{padding-right: 0; padding-top: 140px;}
    .nav .nav_bar li{width: 100%; margin: 4px 0;}
    .nav .nav_bar li:before{width: 10px; height: 10px; background: #000; position: absolute; bottom: 0; left: 0; margin: 0 0 26px 40px; border-radius: 50%;}
    .nav .nav_bar li a{font-size: 16px; padding-left: 60px; color: #181818;}
    .nav .nav_bar li.on a{color: #fd4310;}
    .nav .nav_bar li.on:before{background: #fd4310; width: 10px;}
    .nav .nav_bar li:hover a{color: #fd4310;}
    .nav .nav_bar li:hover:before{background: #fd4310; width: 10px;}
    .nav.nav_on{left: 0;}

	.nav .lang{position: relative; margin-left: 36px;}
	.nav .lang a{color: #999}
	.nav .lang a.on{color: #000}
	
	
    .banner-text{top: auto; bottom: 0; left: 0; margin: 0 0 50% 5%;}

    .list01{padding: 60px 0;}
    .list01 .list01-con .item{display: none;}
    .list01 .list01-con .item-center{display: block; width: 100%; height: auto;}
    

    .list02 .list02-con{display: block}
    .list02 .list02-con .item-left{width: 100%; height: auto; border-radius: 16px; margin-bottom: 20px;}
    .list02 .list02-con .item-left .img{width: 100%; height: auto; position: relative; display: none; overflow: hidden;}
    .list02 .list02-con .item-left .img.active{z-index: 2; height: 100%; display: block;}

    .list02 .list02-con .item-right{width: 100%; margin-left: 0; border-bottom: none;}
    .list02 .list02-con .item-right .li{border-top: none; display: none;}
    .list02 .list02-con .item-right .li.on{display: block;}
    .list02 .list02-con .item-right .li.on .text{height: auto;}
    .list02 .list02-con .item-right .li:before{display: none;}
    .list02 .list02-con .item-right .li h2{text-align: center;}
    .list02 .list02-con .item-right .li h2 i{display: none;}

    .list02 .list02-con .list02-slick{display: block;}

    .list03 .list03-con .list03-list .li .text .r{display: none;}

    .footer{padding-top: 80px;}
    .footer .footer-con{margin-bottom: 40px;}
    .footer .footer-con .footer-left{width: 50%;}
    .footer .footer-con .footer-center{display: none;}
    .footer .footer-con .footer-right{width: 50%; margin-left: 0; margin-top: 60px;}

}


@media screen and (max-width: 820px) {

    .banner-text{margin: 0 0 50% 5%;}

    .banner .swiper-slide .slide-inner.slide-p{display: none;} 
    .banner .swiper-slide .slide-inner.slide-m{display: block;} 

    .banner-next{width: 92%; margin: 0 4% 120px 0;}
    .banner-link{width: 92%; position: absolute; margin: 0 4% 20px 0; justify-content: space-between;}
    .banner-link .c-link{width: 49%; margin-right: 0;}

    .list03 .list03-con .list03-list{width: 80%; margin-left: 4%;}
    .list03 .list03-con .list03-list .slick-dots{margin: 0 0 -80px 10%;}

    .list04 .v-btn{width: 120px; height: 120px; padding: 10px; margin: -60px 0 0 -60px;}
    .list04 .v-btn img{width: 100%;}

    .list07 .item{padding: 50px 0;}
    .list07 .item h3{font-size: 42px;}

    .footer .footer-con .footer-left{width: 60%;}
    .footer .footer-con .footer-right{width: 40%;}
    
}


@media screen and (max-width: 479px) {

    .banner .swiper-pagination{width: 100%; height: auto; text-align: center; bottom: 14px; margin-right: 0; padding-top: 0; background: transparent;}
    .banner .swiper-pagination span{display: inline-block; margin: 0 5px}
    .swiper-button-next{display: none; opacity: 0; visibility: hidden;}
    .swiper-button-prev{display: none; opacity: 0; visibility: hidden;}

    .banner-text{width: 100%; margin: 0 0 80% 5%;}
    .banner-text .t{width: 80%;}
    
    .banner-next{width: 92%; height: auto; padding: 20px; margin: 0 4% 110px 0; border-radius: 6px;}
    .banner-next .next-img{width: 100%; border-radius: 6px; }
    .banner-next .next-img .text h4{font-size: 14px; padding: 0 0 0 10px;}

    /* .banner-next .next-text{display: none;} */
    .banner-next .next-text{left: 53%; margin-top: 100px;}
    .banner-next .next-text h4{font-size: 14px; margin-bottom: 20px;}
    .banner-next .next-text a{width: 110px; height: 32px; line-height: 32px; font-size: 12px;}

    .banner-link{margin: 0 15px 40px 0; z-index: 2;}
    .banner-link .c-link{width: 49%; height: 60px; line-height: 60px; font-size: 13px; padding-left: 10px;}
    .banner-link .c-link .r{width: 40px; height: 40px; line-height: 44px; margin: 10px 10px 0 0;}
    .banner-link .c-link .r i{font-size: 20px;}


     /* 通用样式 */
     .title h2{font-size: 18px; padding-left: 32px; padding-bottom: 20px;}
     .title h2:before{width: 12px; height: 12px; margin-top: 6px;}
     .title .line{margin-bottom: 20px;}
     .title h3{font-size: 15px; padding-right: 0;}

     .a_link{width: 250px; height: 70px; line-height: 70px; font-size: 18px; }
     .a_link .r{width: 40px; height: 40px; line-height: 40px; margin: 15px 20px 0 0;}

     .list01 .list01-con .item-center h3{font-size: 20px;}
     .list01 .list01-con .item-center h4{font-size: 22px;}
     .list01 .list01-con .item-center p{font-size: 15px;}

    .list02{padding: 40px 0;}
    .list02 .title .a_link{margin-top: 20px; background: #fd4310; color: #fff;}
    .list02 .title .a_link .r{background: #fff;}
    .list02 .title .a_link .r i{color: #fd4310;}

    .list03{padding: 40px 0 60px 0;}
    .list03 .title h4{font-size: 18px;}

    .list03 .title .a_link{width: 340px; background: #fd4310; color: #fff;}
    .list03 .title .a_link .r{background: #fff;}
    .list03 .title .a_link .r i{color: #fd4310;}

    .list03 .list03-con .list03-list{width: 92%; margin-left: 4%;}
    .list03 .list03-con .list03-list .li{margin: 0 5px;}
    .list03 .list03-con .list03-list .li .text{position: relative; padding: 20px 0 0 0;}
    .list03 .list03-con .list03-list .li .text h2{font-size: 18px; color: #333; text-align: center;}
    .list03 .list03-con .list03-list .slick-list{overflow: hidden;}
    .list03 .list03-con .list03-list .slick-dots{margin: 0 0 -60px 0;}

    .list04{padding: 20px 0;}
    .list04 .v-btn{width: 80px; height: 80px; padding: 10px; margin: -40px 0 0 -40px;}
    .list04 .list04-video .video-content{margin: 40% auto 0 auto;}

    .list05{display: none;}

    .list07 .item{width: 100%; padding: 50px 0;}
    .list07 .item:nth-child(2){display: none;}

    .footer{padding-top: 40px;}
    .footer .footer-con .footer-left{width: 100%;}
    .footer .footer-con .footer-left .footer-logo{width: 170px; height: 80px; }
    .footer .footer-con .footer-left .footer-add{padding-left: 0;}
    .footer .footer-con .footer-right{display: none;}

}



/*----------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1800px) {

    .page-banner{height: 860px;}

    .business-banner .business-text-bg h2{font-size: 280px;}
    
}

@media screen and (max-width: 1700px) {


    .page-banner{height: 800px;}
    .page-banner .page-banner-text h2{margin-bottom: 100px;}

    .business-banner .business-text-bg h2{font-size: 270px;}

    .business-banner .business-text-block{padding: 20% 22% 0 22%;}

    .business-banner .business-slick .slick-content{width: 900px;}

    .about-team .team-list{width: 92%; margin: 0 auto;}

    .page-pro .pro-box .slick-box{padding: 0 3%;}
    .page-pro .pro-box .slick-box .box-close{margin: 0 0 0 0;}

    .privacy .privacy-con{padding: 60px 80px;}

    .page-structure .structure-con .strcuture-box{width: 74%;}

}


@media screen and (max-width: 1600px) {

    .page-banner{height: 700px;}

    .page-banner .page-banner-text h2{font-size: 48px;}
    .page-banner .page-banner-text .text h3{font-size: 32px; padding-bottom: 20px;}
    .page-banner .page-banner-text .text h3:before{margin-top: 16px;}
    .page-banner .page-banner-text .text .line{margin-bottom: 30px;}
    .page-banner .page-banner-text .text h4{font-size: 18px;}
    .page-banner .page-banner-text .text .yr{display: block; width: 140px; height: 140px; line-height: 140px; margin: -8px -141px 0 0; }

    .business-banner .business-slick .slick-content{width: 800px;}

    .business-banner .business-text-block h2{font-size: 36px;}

    .business-banner .business-text-bg h2{font-size: 260px;}

    .about-about .about-con .item{height: 500px;}

    .about-contact .contact-con .item span{padding: 27px 0;}

    .privacy .privacy-con{padding: 50px 60px;}

    .page-business .item-box .item .item-text{height: 380px; padding: 80px 40px 120px 40px;}
    .page-business .item-box .item .item-text h2{font-size: 26px;}
    .page-business .box-two .item-left .item-fix .item-double .item-text{padding: 50px;}

}


@media screen and (max-width: 1440px) {

    .page-banner .page-banner-text{padding: 20% 0 0 4%;}
    .page-banner .page-banner-text .text h3{font-size: 24px; padding-bottom: 20px;}
    .page-banner .page-banner-text .text h3:before{width: 12px; height: 12px; margin-top: 12px;}
    .page-banner .page-banner-text .text .yr{margin: -12px -141px 0 0; }

    .business-banner .business-text-bg h2{font-size: 220px;}

    .business-banner .business-text-block h4{padding: 0 10%;}

    .about-ceo .about-con .item h2{font-size: 42px;}
    .about-ceo .about-con .item .img-ceo{margin-left: -180px;}
    .about-ceo .about-con .item .img-ceo img{width: 360px;}

    .about-about .about-con .item{height: 430px;}
    .about-about .about-con .item-right{overflow-y: scroll; padding-right: 1%;}

    .about-contact .contact-con .item span{padding: 21.4px 0;}
    .about-contact .contact-con .item span i{width: 24%;}

    .privacy .privacy-con{width: 46%; }

    .page-structure .structure-con .strcuture-box{width: 84%;}


    .page-business .item-box .item .item-text{height: 300px; padding: 40px 30px 0 30px;}
    .page-business .item-box .item .item-text h2{font-size: 20px;}

    .page-business .box-two .item-left .item-fix .item-double .item-text{padding: 40px;}

    .page-business .item-box .item-left .item-video{height: 360px;}

    .page-business .box-two .item-left .item-fix .item-double .item-text{padding: 30px 20px;}
    .page-business .box-two .item-left .item-fix .item-double .item-text h2{font-size: 20px; margin-bottom: 20px;}
    .page-business .box-two .item-left .item-fix .item-double .item-text h3{font-size: 14px;}

    .page-business .box-two .item-nb .item-text h3{font-size: 14px;}

    .pos-img{width: 300px;}


}

@media screen and (max-width: 1366px) {

    .privacy{padding-top: 10%;}
    
}


@media screen and (max-width: 1280px) {

    .business-banner .business-video-bg .video-bg{width: auto; height: 100%;}

    .business-banner .business-text-bg{margin-left: -10%; padding-top: 20%; }

    .business-banner .business-text-block{padding: 20% 20% 0 20%; }


    .about-ceo{padding-top: 80px;}
    .about-ceo .about-con .item h2{font-size: 34px;}
    .about-ceo .about-con .item h4{font-size: 24px;}
    .about-ceo .about-con .item .img-ceo{margin-left: -150px;}
    .about-ceo .about-con .item .img-ceo img{width: 300px;}

    .about-about .about-con .item{height: 350px;}
    .about-about .about-con .item .a_link{width: 380px;  margin-left: -210px;}

    .about-contact .contact-con .item{width: 100%;}
    .about-contact .contact-con .item:nth-child(2){display: none;}

    .about-office .item-li a{font-size: 20px;}
    .about-office .item-li a:before{width: 12px; height: 12px; margin-top: 8px;}

    .page-pro .pro-box .slick-box{margin: 10% auto 0 auto;}

    .page-contact .contact-con .item-right .item-checkbox .checkbox-box{width: 50%;}

    .page-contact .contact-con .item-right .item-btn{width: 420px;}

    .privacy .privacy-con{width: 50%; padding: 40px}

    .page-structure .structure-con{padding: 60px 0;}
    .page-structure .structure-con .structure-title h3{font-size: 24px;}
    .page-structure .structure-con .strcuture-box{width: 92%;}
    .page-structure .structure-con .strcuture-box .item{padding: 42px 20px;}
    .page-structure .structure-con .strcuture-box .item h3{font-size: 16px;}

    .page-flow .flow-box{width: 960px;}
    .page-flow .flow-box .item{width: 240px; height: 240px; padding: 6% 46px 0 46px; background-size: cover;}

    .pos-img{width: 230px;}

    .page-business .item-box .item .item-text{height: 280px; padding: 30px 20px;}
    .page-business .item-box .item .item-text h2{font-size: 18px; margin-bottom: 20px;}
    .page-business .item-box .item .item-text h3{font-size: 14px; }

    .page-business .item-box .item-left .item-video{height: 320px;}

    .page-business .box-two .item-left .item-fix .item-double .item-text{padding: 20px;}
    .page-business .box-two .item-left .item-fix .item-double .item-text h2{font-size: 18px; margin-bottom: 10px;}
    .page-business .box-two .item-left .item-fix .item-double .item-text h3{font-size: 14px;}

}

@media screen and (max-width: 1180px) {

    .privacy .privacy-con{width: 50%;}
   
    
}

@media screen and (max-width: 1024px) {

    .page-business .item-box .item-left .item-video{height: 290px;}

    .page-business .box-two .item-left .item-fix .item-double .item-text{padding: 30px 20px;}
    .page-business .box-two .item-left .item-fix .item-double .item-text h2{font-size: 16px; margin-bottom: 10px;}
    
}



@media screen and (max-width: 1080px) {

    .business-banner .business-text-block{padding: 26% 20% 0 20%; }
    .business-banner .business-text-block h2{font-size: 28px;}
    .business-banner .business-text-block .line{height: 8px;}
    .business-banner .business-text-block h4{padding: 0; line-height: 1.8;}

    .business-banner .business-slick .slick-content{width: 90%;}

    .about-ceo .about-con .item h2{font-size: 24px; padding-right: 5%;}

    .about-about{padding: 40px 0;}

    .about-about .about-con .item .a_link{width: 340px; margin-left: -190px;}

    .about-team{padding: 40px 0 60px 0;}

    .about-contact{padding: 40px 0;}

    .page-pro .pro-box .slick-box{padding: 0 5%;}

    .page-pro .pro-li a{font-size: 22px;}
    .page-pro .pro-li a:before{width: 12px; height: 12px; margin-top: 8px;}

    .page-contact .contact-con .item-left p{font-size: 20px;}
    .page-contact .contact-con .item-left .p{font-size: 16px;}

    .privacy .privacy-con{width: 55%; padding: 40px}
    .privacy .privacy-con p{font-size: 14px;}

    .page-flow .flow-box{width: 860px;}
    .page-flow .flow-box .item{width: 215px; height: 215px; padding: 5% 32px 0 32px;}


}

@media screen and (max-width: 1024px) {

    .page-project .pro-list{margin-right: -3%;}
    .page-project .pro-list li{width: 47%;}
    
}

@media screen and (max-width: 960px) {


    .page-banner .page-banner-text{padding: 30% 4% 0 4%;}
    .page-banner .page-banner-text h2{font-size: 42px;}
    .page-banner .page-banner-text .text .yr{display: none;}
    .page-banner .page-banner-text .text{width: 100%;}
    .page-banner .page-banner-text .text h3{font-size: 20px;}
    .page-banner .page-banner-text .text .line{margin-bottom: 20px;}
    .page-banner .page-banner-text .text h4{font-size: 16px; padding-right: 10%; padding-left: 0;}

    .about-ceo{padding-top: 40px; }
    .about-ceo .about-con .item h2{font-size: 20px; margin-top: 40px; margin-bottom: 30px;}
    .about-ceo .about-con .item h3{font-size: 14px; margin-bottom: 10px;}
    .about-ceo .about-con .item h4{font-size: 20px;}
    .about-ceo .about-con .item h4 i{font-size: 14px;}
    .about-ceo .about-con .item .img-ceo{height: 100%; left: 50%; margin-left: -25%;}
    .about-ceo .about-con .item .img-ceo img{width: auto; height: 100%;}

    .about-about .about-con{display: block;}
    .about-about .about-con .item{height: 380px; width: 100%; padding-right: 0; margin-bottom: 20px;}
    .about-about .about-con .item .img{overflow: hidden; height: 100%;}
    .about-about .about-con .item .img img{float: none; display: block;}
    .about-about .about-con .item-right{height: 260px;}

    .page-project .pro-list li .text h2{font-size: 18px; margin-bottom: 10px;}
    .page-project .pro-list li .text h3{font-size: 16px;}

    .page-pro .pro-li a{font-size: 18px;}
    .page-pro .pro-li a:before{width: 10px; height: 10px;}

    .page-contact .contact-con .item-right .item-checkbox .checkbox-box{width: 60%;}

    .privacy .privacy-con{width: 70%; padding: 40px;}

    .page-structure .structure-con{padding: 40px 0;}
    .page-structure .structure-con .structure-title h3{font-size: 20px;}
    .page-structure .structure-con .strcuture-box .item{padding: 30px 10px;}
    .page-structure .structure-con .strcuture-box .item h3{font-size: 14px;}

    .page-flow .flow-title h3{font-size: 22px;}
    .page-flow .flow-box{width: 480px; flex-wrap: wrap;}
    .page-flow .flow-box .item{width: 240px; height: 240px; padding: 14% 42px 0 42px;}
    .page-flow .flow-box .item:nth-child(3){left: 220px; top: -20px;}
    .page-flow .flow-box .item:nth-child(4){left: -240px; top: -20px;}
    .page-flow .flow-box .item:nth-child(3):before{top: 0; left: 50%; margin-top: -30px; transform: rotateZ(90deg);}
    .page-flow .flow-box .item:nth-child(4):before{top: 50%; left: 100%; margin-top: -30px; margin-left: -40px; transform: rotateZ(180deg);}


    .pos-img{display: none;}

    .page-business .box-two .item-left{width: 55%;}
    .page-business .box-two .item-right{width: 43%;}

    .page-business .item-box .item-left .item-video{height: 230px; margin-bottom: 20px;}

    .page-business .box-two .item-left .item-fix{display: block;}
    .page-business .box-two .item-left .item-fix .item-double{width: 100%; margin-bottom: 20px;}

    .page-business .box-two .item-left .item-fix .item-double .item-text{height: 250px; padding: 40px;}
    .page-business .box-two .item-left .item-fix .item-double:nth-child(2){margin-bottom: 0;}
  

}

@media screen and (max-width: 820px) {

    .page-banner .page-banner-text{padding: 40% 4% 0 4%;}
    .page-banner .page-banner-text .text h4{padding-right: 0;}

    .about-ceo .about-con{display: block;}
    .about-ceo .about-con .item-left{width: 100%; margin-bottom: 20px;}
    .about-ceo .about-con .item-right{width: 100%; border-radius: 12px; overflow: hidden;}
    .about-ceo .about-con .item .img img{display: block; float: none;}

    .about-office .item-li a{font-size: 18px;}
    .about-office .item-li a:before{width: 12px; height: 12px; margin-top: 8px;}

    .about-team .team-list{width: 90%;}

    .page-project .pro-list li .text h5{font-size: 14px;}

    .page-pro{padding: 40px 0;}
    .page-pro .pro-con .pro-list{margin-right: 0;}
    .page-pro .pro-con .pro-list li{width: 100%; margin-right: 0;}

    .page-contact .contact-con{display: block; }
    .page-contact .contact-con .item-left{width: 100%; position: relative; top: 0;}
    .page-contact .contact-con .item-right{width: 80%;}

    .page-contact .contact-con .item-right .item-btn{width: 360px; height: 90px; line-height: 90px; }
    .page-contact .contact-con .item-right .item-btn .btn{font-size: 22px; padding-left: 20px;}
    .page-contact .contact-con .item-right .item-btn .r{width: 50px; height: 50px;  line-height: 58px; margin: 20px 20px 0 0;}


    .page-structure{padding: 0 0 80px 0;}
    .page-structure .structure-con{width: 100%; border-radius: 0;}

    .page-structure .structure-con .structure-title{margin-bottom: 30px;}

    .page-structure .structure-con .strcuture-box .item{width: 50%; border-bottom: 1px solid rgba(253,67,16,.2);}

    .page-structure .structure-con .strcuture-box .item:nth-child(1), 
    .page-structure .structure-con .strcuture-box .item:nth-child(3), 
    .page-structure .structure-con .strcuture-box .item:nth-child(5){border-right: 1px solid rgba(253,67,16,.2);}

    .page-structure .structure-con .strcuture-box .item:nth-child(5), 
    .page-structure .structure-con .strcuture-box .item:nth-child(6){border-bottom: none;}

    .page-structure .structure-con .strcuture-box .item:nth-child(2), 
    .page-structure .structure-con .strcuture-box .item:nth-child(4){border-right: none;}

    .page-business .item-box .item{ margin-bottom: 20px; }
    .page-business .item-box .item-left .item-video{height: 200px;}

    .page-business .item-box .item-right.item-nb .item-text{height: 720px;}

    .business-banner .business-video-bg{background: url(../image/video-bg.jpg) no-repeat center; background-size: cover;}
    .business-banner .business-video-bg .video-bg{display: none;}

}


@media screen and (max-width: 768px) {

    .page-business .item-box{display: block;}
    .page-business .item-box .item-left{width: 100%;}
    .page-business .item-box .item-right{width: 100%;}

    .page-business .item-box .item-left .item-video{display: none;}

    .page-business .box-two .item-left .item-fix .item-double .item-text{height: 270px;}

    .page-business .item-box .item .item-text{background: transparent;}

    .page-business .item-box .item .item-text h2{color: #fff;}
    
}



@media screen and (max-width: 479px) {

    
    .page-banner .page-banner-text{padding: 60% 4% 0 4%;}
    .page-banner .page-banner-text h2{font-size: 34px;}
    .page-banner .page-banner-text .text h3{font-size: 18px; padding-left: 24px;}
    .page-banner .page-banner-text .text h3:before{ margin-top: 8px;}
    .page-banner .page-banner-text .text h4{font-size: 14px}


    .business-banner .business-text-bg{margin-left: -110%; padding-top: 60%;}
    .business-banner .business-text-bg h2{font-size: 160px;}
    
    .business-banner .business-text-block{padding: 70% 4% 0 4%; }
    .business-banner .business-text-block h2{font-size: 20px;}
    .business-banner .business-text-block .line{width: 60px; height: 4px;}
    .business-banner .business-text-block h4{font-size: 14px; padding: 0;}

    .business-banner .business-slick .slick-content{width: 660px; position: absolute; bottom: 0; left: 50%; margin-left: -330px;}



    .about-about .about-con .item{height: auto;}
    .about-about .about-con .item-right{overflow: visible; padding-right: 0;}
    .about-about .about-con .item p{font-size: 14px; line-height: 1.8;}

    .about-about .about-con .item .a_link{position: relative; width: 94%; left: 0; margin: 20px auto; background: #fd4310; color: #fff;}

    .about-about .about-con .item .a_link .r{background: #fff;}
    .about-about .about-con .item .a_link .r i{color: #fd4310;}

    .about-team .team-list{width: 100%;}
    .about-team .team-list .li .text h2{font-size: 14px;} 
    .about-team .team-list .li .text h2 i{font-size: 18px;}
    .about-team .team-list .slick-prev, .about-team .team-list .slick-next{display: none; opacity: 0; visibility: hidden;}

    .about-contact .contact-con .item span{ font-size: 14px; padding: 10px 0;}
    .about-contact .contact-con .item span i{display: block; font-size: 14px;}

    .about-office{padding: 40px 0;}
    .about-office .item-li{margin-bottom: 20px;}
    .about-office .item-li a{font-size: 14px; font-weight: normal; padding-left: 0; margin-right: 20px;}
    .about-office .item-li a:before{display: none;}
    .about-office .slick-prev, .about-office .slick-next{display: none; opacity: 0; visibility: hidden;}

    .page-project .pro-list{margin-right: 0;}
    .page-project .pro-list li{width: 100%; margin-right: 0; margin-bottom: 30px;}
    .page-project .pro-list li .text h5{line-height: 26px; margin-bottom: 10px;}

    .page-pro .pro-li a{font-size: 15px; padding-left: 0; margin-right: 20px;}
    .page-pro .pro-li a:before{display: none;}

    .page-pro .pro-box .slick-box{margin: 30% auto 0 auto; padding: 0 2%;}
    .page-pro .pro-box .slick-box .box-list .slick-prev{display: none; opacity: 0; visibility: hidden;}
    .page-pro .pro-box .slick-box .box-list .slick-next{display: none; opacity: 0; visibility: hidden;}

    .page-pro .pro-box .slick-box .box-close{margin: -40px 0 0 0;}

    .page-contact{padding: 40px 0 0 0;}
    .page-contact .contact-con .item-right{width: 100%; }

    .page-contact .contact-con .item-right .item-checkbox .checkbox-box{width: 90%;}

    .page-contact .contact-con .item-right .item-btn{width: 94%; height: 80px; line-height: 80px; margin: 0 auto;}
    .page-contact .contact-con .item-right .item-btn .btn{font-size: 18px;}
    .page-contact .contact-con .item-right .item-btn .r{margin: 15px 20px 0 0;}

    .privacy .privacy-con{ width: 80%; padding: 20px; }
    .privacy .privacy-con p{font-size: 12px; line-height: 1.6;}

    .page-structure{padding: 0 0 40px 0;}
    .page-structure .structure-con .structure-title{margin-bottom: 20px;}

    .page-structure .structure-con .strcuture-box .item{width: 100%;}

    .page-structure .structure-con .strcuture-box .item:nth-child(1), 
    .page-structure .structure-con .strcuture-box .item:nth-child(3), 
    .page-structure .structure-con .strcuture-box .item:nth-child(5){border-right: none;}

    .page-structure .structure-con .strcuture-box .item:nth-child(5){border-bottom: 1px solid rgba(253,67,16,.2);}
    .page-structure .structure-con .strcuture-box .item:nth-child(6){border-bottom: none;}

    .page-flow{padding-bottom: 40px;}
    .page-flow .flow-title h3{font-size: 18px;}
    .page-flow .flow-box{width: 320px; flex-wrap: wrap;}
    .page-flow .flow-box .item{width: 160px; height: 160px; padding: 10% 20px 0 20px;}
    .page-flow .flow-box .item h2{font-size: 16px;}
    .page-flow .flow-box .item h3{font-size: 14px; font-weight: normal;}
    .page-flow .flow-box .item:nth-child(3){left: 140px; top: -20px;}
    .page-flow .flow-box .item:nth-child(4){left: -160px; top: -20px;}
    .page-flow .flow-box .item:before{width: 40px; height: 40px; background-size: cover; margin-top: -20px; margin-left: -20px;}
    .page-flow .flow-box .item:nth-child(3):before{top: 0; left: 50%; margin-top: -20px; transform: rotateZ(90deg);}
    .page-flow .flow-box .item:nth-child(4):before{top: 50%; left: 100%; margin-top: -20px; margin-left: -30px; transform: rotateZ(180deg);}

    .page-business .item-box .item-left .item-video{display: none;}
    .page-business .item-box .item .item-text h3{line-height: 1.6;}


}