@media screen and (max-width: 1700px){
    .index-main{padding-top: 116px;}
    .solution-s1 .items{height: auto;}
    .product-detail-s1{height: calc(100vh - 186px);}
}

@media screen and (max-width: 1600px){
    .index-s1 .item h4,
    .index-s2 .item h3{font-size: 20px;}
    .comm-crumbs .left-box a,
    .comm-crumbs .right-box a{font-size: 15px;line-height: 60px;}
    .inner-banner{top: 60px;}
    .comm-tit h3{font-size: 28px;}
    .comm-tit h4{font-size: 48px;}
    .about-business-s1 .data .num span{font-size: 48px;}
    .about-business-s1 .item h3{font-size: 20px;}
    .about-business-s3 .tip{font-size: 20px;}
    .about-business-s3 .box,
    .about-business-s2 .map-dot span,
    .about-business .para,
    .about-research .para,
    .about-business-s1 .item p{font-size: 15px;}
    .about-culture-s1 .item .top-box{width: 220px;height: 220px;}
    .about-culture-s1 .item h3,
    .about-culture-s2 .item h3{font-size: 20px;}
    .about-culture-s1 .item p{font-size: 16px;}
    .about-culture-s2 .item .para{font-size: 15px;}
    .about-history-s1 .item h3{font-size: 28px;}
    .about-history-s1 .item span{font-size: 20px;}
    .about-history-s1 .item .para{font-size: 16px;}
    .about-history-s1 .item .left-box{width: 220px;}
    .about-history-s1 .item .right-box{margin-left: 220px;padding-left: 7vw;}
    .about-history-s1 .line-box .line{font-size: 14px;line-height: 34px;}
    .about-history-s1 .line-box .line.active{font-size: 20px;}
    .about-index-s1 a.more,
    .about-index-s5 a.more{width: 200px;line-height: 52px;}
    .about-index-s2 a.more{width: 200px;line-height: 48px;}
    .about-index-s2 .item h3,
    .about-index-s3 .cont-box .item .box h3{font-size: 20px;}
    .about-index-s3 .line-box .item h3{font-size: 16px;}
    .about-index-s3 .line-box .item.swiper-slide-thumb-active h3{font-size: 20px;}
    .about-index-s5 .item .num span{font-size: 42px;}
    .about-index-s5 .item .num{font-size: 20px;}
    .about-index-s1 .txt-box,
    .about-index-s3 .cont-box .item .box .para,
    .about-index-s4 .para,
    .about-index-s5 .para,
    .about-index-s5 .item p,
    .about-index-s3 .cont-box .item .box span{font-size: 15px;}
    .about-index-s3 .cont-box .item .box p.c{height: 60px;}
    .about-intro-s1 .para{font-size: 15px;}
    .about-intro-s2 .tab-tit .item h3,
    .about-intro-s2 .items-1 .item h3{font-size: 20px;}
    .about-intro-s2 .tab-tit .item i{width: 80px;height: 80px;background-size: 40px auto;}
    .about-research-s2 .data i{width: 70px;height: 80px;}
    .about-research-s2 .data .num span{font-size: 42px;}
    .about-research-s2 .data p{font-size: 15px;}
    .about-research-s2 .item .img-box{height: 170px;}
    .about-research-s2 .item h3{font-size: 16px;}
    .about-research-s3 .item .show{font-size: 16px;line-height: 50px;padding: 0 24px;}
    .about-research-s3 .item .hide{padding: 0 24px;}
    .about-research-s3 .item h3{font-size: 20px;}
    .about-research-s3 .item .info{font-size: 15px;}
    .about-research-s3 .item .info:before{margin: 15px 0 10px;}
    .about-research-s4 .item, .about-research-s4 li{font-size: 15px;margin: 15px 0;}
    .about-research-s2 .data .txt-box{padding-left: 70px;}
    .about-research-s2 .data .num{font-size: 20px;}
    .contact-s1 .item .info h3,
    .contact-s2 .left-box h3{font-size: 20px;}
    .contact-s2 .right-box h4{font-size: 18px;}
    .contact-s3 form .box input{height: 50px;}
    .contact-s3 form .box textarea{height: 150px;}
    .contact-s3 form .box button{width: 220px;height: 54px;font-size: 18px;}
    .contact-s2 .left-box .select{height: 50px;}
    .contact-s2 .left-box .select input{font-size: 16px;}
    .contact-s3 .para{font-size: 15px;}
    .news-list-s1 form{height: 80px;padding-right: 80px;}
    .news-list-s1 form button{width: 80px;height: 80px;}
    .news-list-s1 .item .date{font-size: 18px;}
    .news-list-s1 .item h3{font-size: 26px;}
    .news-list-s1 .item p{font-size: 15px;}
    .news-detail-s1 .date,
    .news-detail-s2 .right-box h3{font-size: 20px;}
    .news-detail-s1 h3{font-size: 40px;}
    .news-detail-s2 .right-box .link a,
    .news-detail-s2 .other a{font-size: 15px;}
    .news-detail-s2 a.back{width: 100px;height: 100px;}
    .recruit-s1 .para,
    .recruit-s1 .item .info,
    .recruit-s2 .item .show span{font-size: 15px;}
    .recruit-s1 .item h3,
    .recruit-s2 .item .show h3{font-size: 20px;}
    .recruit-s2 .item .show a{width: 130px;line-height: 40px;font-size: 15px;}
    .recruit-s2 .item .show .info{width: calc((73% - 130px) / 3);}
    .recruit-s2 .item .show .btn{width: 130px;}
    .recruit-s2 .item .show{padding: 24px 60px 24px 30px;}
    .recruit-s2 .item .show:after{right: 20px;}
    .recruit-s2 .item .hide{padding: 3vw 60px 3vw 30px;}
    .recruit-s2 .item .hide .close{right: 20px;}
    .recruit-s2 .item .hide .para{font-size: 15px;}
    .recruit-s3 .tab-cont .item h3{font-size: 16px;}
    .recruit-s3 .button{top: 32%;}
    .museum-s1 .para,
    .museum-s2 .item p{font-size: 15px;}
    .museum-s1 .item .num span{font-size: 48px;}
    .museum-s1 .item .num i{font-size: 12px;margin-top: 10px;}
    .museum-s1 .item h3{font-size: 16px;}
    .museum-s2 .item h3{font-size: 18px;}
    .museum-s2 .item p{max-height: 120px;}
    .museum-s2 .item .show{top: 24px;padding: 0 24px;line-height: 50px;}
    .museum-s2 .item .txt-box{padding: 0 24px;}
    .museum-s3 .left-box h3{font-size: 20px;}
    .museum-s3 .left-box .para{font-size: 15px;}
    .museum-s4 .item .txt-box{top: 8vw;padding: 0 8vw;}
    .museum-s4 .item h3{font-size: 26px;}
    .museum-s4 .item .para{font-size: 15px;}
    .museum-s4 .item a{width: 180px;line-height: 50px;font-size: 18px;}
    .solution-detail-s1 .video-box a{width: 70px;height: 70px;}
    .solution-detail-s1 .para{font-size: 15px;}
    .comm-pdlist h3{padding-bottom: 20px;}
    .solution-detail-s2 a.more{width: 200px;line-height: 50px;}
    .product-list-s1 .item h3{font-size: 40px;}
    .product-list-s1 .item .para{font-size: 20px;}
    .solution-s1 .item.active h3{font-size: 20px;}
    .solution-s1 .item h3{font-size: 16px;}
    .solution-s1 .item p{font-size: 15px;max-height: 60px;}
    .solution-s1 .item i{font-size: 13px;}
    .product-list-s2 .box{height: 50px;}
    .product-list-s2 .form input,
    .product-list-s2 .select input{font-size: 15px;}
    .product-list-s2 .select ul li{line-height: 50px;font-size: 15px;}
    .product-list-s2 .form form{padding-right: 50px;}
    .product-list-s2 .form button{width: 50px;height: 50px;}
    .product-detail-s1{height: calc(100vh - 176px);}
    .product-detail-s1 h3{font-size: 50px;}
    .product-detail-s1 h4{font-size: 40px;}
    .product-detail-s1 .para{font-size: 18px;}
    .product-detail-s2 .txt-box h3{font-size: 40px;}
    .product-detail-s2 .txt-box .para{font-size: 20px;}
    .search-s1 h3{font-size: 40px;}
    .search-s1 .form{height: 60px;padding-right: 60px;}
    .search-s1 .form button{width: 60px;height: 60px;}
    .search-s1 .tip span{font-size: 16px;}
    .search-s2 .tip{font-size: 16px;}
    .search-s2 .item h3{font-size: 18px;}
    .search-s2 .item .url{font-size: 14px;}
    .search-s2 .item span{font-size: 14px;}
    .sitemap-s1 a.btn{line-height: 54px;}
}



@media screen and (max-width: 1366px){
    .index-main{padding-top: 106px;}
    .index-s1 .item h3{font-size: 36px;}
    .index-s1 .item h4,
    .index-s2 .item h3{font-size: 18px;}
    .index-s2 .item h4{font-size: 13px;}
    .comm-tit h3{font-size: 26px;}
    .comm-tit h4{font-size: 40px;}
    .about-business-s1 .data .box{padding-bottom: 50px;}
    .about-business-s1 .data .num{font-size: 24px;}
    .about-business-s1 .data .num span{font-size: 40px;}
    .about-business-s1 .data h3{font-size: 16px;margin-top: 10px;}
    .about-business-s1 .item h3{font-size: 18px;}
    .about-business-s3 .box,
    .about-business-s2 .map-dot span,
    .about-business .para,
    .about-research .para,
    .about-business-s1 .item p{font-size: 14px;}
    .about-culture-s1 .item h3, .about-culture-s2 .item h3{font-size: 18px;}
    .about-culture-s1 .item p{font-size: 15px;}
    .about-culture-s1 .item .top-box{width: 200px;height: 200px;}
    .about-history-s1 .item{margin-right: 40px;}
    .about-history-s1 .item .left-box{width: 200px;}
    .about-history-s1 .item .right-box{margin-left: 200px;}
    .about-history-s1 .item h3{font-size: 26px;}
    .about-history-s1 .item span{font-size: 18px;}
    .about-history-s1 .item .para{font-size: 15px;}
    .about-history-s1 .item:before,
    .about-history-s1 .item:after{height: 8px;}
    .about-history-s1 .line-box .line{padding-right: 30px;}
    .about-history-s1 .line-box .line.active{padding-right: 45px;}
    .about-history-s1 .line-box .line:after{width: 15px;}
    .about-history-s1 .line-box .line.active{font-size: 18px;}
    .about-history-s1 .line-box .line.active:after{width: 30px;}
    .about-index-s1 .txt-box,
    .about-index-s3 .cont-box .item .box .para,
    .about-index-s4 .para,
    .about-index-s5 .para,
    .about-index-s5 .item p,
    .about-index-s3 .cont-box .item .box span{font-size: 14px;}
    .about-index-s1 a.more,
    .about-index-s5 a.more{width: 180px;line-height: 46px;}
    .about-index-s2 a.more{width: 180px;line-height: 42px;}
    .about-index-s2 .item h3,
    .about-index-s3 .cont-box .item .box h3{font-size: 18px;}
    .about-index-s3 .cont-box .item .box .para{line-height: 24px;}
    .about-index-s3 .cont-box .item .box p.c{height: 48px;}
    .about-index-s4 .world .dot{width: 18px;height: 18px;}
    .about-index-s4 .btns a{width: 160px;line-height: 40px;}
    .about-index-s5 .item .num span{font-size: 36px;}
    .about-intro-s1 .para{font-size: 14px;}
    .about-intro-s2 .tab-tit .item h3,
    .about-intro-s2 .items-1 .item h3{font-size: 18px;}
    .about-intro-s2 .tab-tit .item i{width: 70px;height: 70px;background-size: 34px auto;}
    .about-research-s2 .data i{width: 64px;height: 73px;}
    .about-research-s2 .data .num{font-size: 16px;}
    .about-research-s2 .data .num span{font-size: 36px;}
    .about-research-s2 .item .img-box{height: 150px;}
    .about-research-s3 .item h3{font-size: 18px;}
    .about-research-s3 .item .info{font-size: 14px;line-height: 24px;}
    .contact-s1 .cont{margin-top: 60px;}
    .contact-s1 .item .info{width: 320px;}
    .contact-s1 .item .info h3,
    .contact-s2 .left-box h3{font-size: 18px;}
    .contact-s3 form .box button{width: 200px;height: 50px;font-size: 16px;}
    .contact-s3 .para{font-size: 14px;}
    .news-list-s1 form{height: 70px;padding-right: 70px;}
    .news-list-s1 form button{width: 70px;height: 70px;background-size: auto 26px;}
    .news-list-s1 .item .date{font-size: 16px;}
    .news-list-s1 .item h3{font-size: 20px;}
    .news-list-s1 .item p{font-size: 14px;margin-top: 10px;}
    .news-detail-s1 .date,
    .news-detail-s2 .right-box h3{font-size: 18px;}
    .news-detail-s1 h3{font-size: 32px;}
    .news-detail-s2 .right-box .link a,
    .news-detail-s2 .other a{font-size: 14px;}
    .news-detail-s2 .right-box .link a{margin-top: 15px;}
    .news-detail-s2 .right-box .link{padding-top: 24px;}
    .news-detail-s2 a.back{width: 90px;height: 90px;}
    .recruit-s1 .para,
    .recruit-s1 .item .info,
    .recruit-s2 .item .show span{font-size: 14px;}
    .recruit-s1 .item h3,
    .recruit-s2 .item .show h3{font-size: 18px;}
    .recruit-s1 .item h3{margin-bottom: 10px;}
    .recruit-s1 .item .info{line-height: 24px;}
    .recruit-page .tab-tit ul{font-size: 0;}
    .recruit-page .tab-tit span, .recruit-page .tab-tit li a{padding: 0.4em 0.8em;}
    .recruit-page .tab-tit span, .recruit-page .tab-tit li a{font-size: 16px;}
    .recruit-page .tab-tit li{margin: 3px;}
    .recruit-s2 .item .hide h4{font-size: 16px;}
    .recruit-s2 .item .hide .para{font-size: 14px;line-height: 24px;}
    .recruit-s2 .item .show a{width: 120px;line-height: 36px;font-size: 14px;}
    .recruit-s2 .item .show .btn{width: 120px;}
    .recruit-s2 .item .show .info{width: calc((73% - 120px) / 3);}
    .museum-s1 .para,
    .museum-s2 .item p{font-size: 14px;}
    .museum-s1 .item .num span{font-size: 40px;}
    .museum-s2 .item .show{top: 20px;padding: 0 20px;line-height: 40px;}
    .museum-s2 .item img{width: 110%;margin-left: -5%;}
    .museum-s2 .item .txt-box{padding: 0 20px;}
    .museum-s2 .item p{line-height: 24px;margin-top: 10px;max-height: 96px;}
    .museum-s3 .left-box h3{font-size: 18px;}
    .museum-s3 .left-box .para{font-size: 14px;line-height: 24px;}
    .museum-s3 .button{top: 16%;}
    .museum-s4 .item h3{font-size: 24px;}
    .museum-s4 .item a{width: 160px;line-height: 46px;font-size: 16px;}
    .museum-s4 .item .txt-box{padding: 0 6vw;}
    .museum-s4 .item .para{font-size: 14px;line-height: 24px;}
    .solution-detail-s1 .video-box a{width: 60px;height: 60px;}
    .solution-detail-s1 .para{font-size: 14px;}
    .comm-pdlist h3{font-size: 16px;}
    .solution-detail-s2 a.more{width: 180px;line-height: 46px;}
    .product-list-s1 .item h3{font-size: 34px;}
    .product-list-s1 .item .para{font-size: 18px;}
    .solution-s1 .item .img{border-width: 6px;}
    .solution-s1 .item .img-box{width: 18vw;height: 18vw;}
    .solution-s1 .item p{font-size: 14px;line-height: 24px;max-height: 48px;}
    .solution-s1 .item i{font-size: 12px;}
    .solution-s1 canvas.line{top: 40%;}
    .product-list-s2 .form input,
    .product-list-s2 .select input{padding: 0 10px;}
    .product-list-s2 .select:after{right: 10px;}
    .product-list-s2 .select ul li{padding: 0 10px;font-size: 14px;}
    .product-list-s2 .form input,
    .product-list-s2 .select input{font-size: 14px;}
    .product-detail-s1{height: calc(100vh - 166px);}
    .product-detail-s1 h3{font-size: 40px;}
    .product-detail-s1 h4{font-size: 32px;}
    .product-detail-s1 .para{font-size: 16px;}
    .product-detail-s2 .txt-box h3{font-size: 32px;}
    .product-detail-s2 .txt-box .para{font-size: 18px;}
    .search-s1 h3{font-size: 32px;}
    .search-s1 .form{height: 50px;padding-right: 50px;}
    .search-s1 .form button{width: 50px;height: 50px;}
    .search-s1 .form input{font-size: 16px;}
    .search-s2 .item h3{margin-top: 10px;}
    .search-s2 .item .url{margin-top: 10px;}
    .search-s2 .item span{margin-top: 15px;}
    .sitemap-s1 a.btn{line-height: 46px;}
}



@media screen and (max-width: 1024px){
    .index-main{padding-top: 0;}
    .index-s1 .item h3{font-size: 30px;}
    .index-s1 .item h4{font-size: 16px;margin-top: 10px;}
    .index-s1 .item .txt-box{top: 8vw;}
    .index-s2 .item{width: calc(50% - 6px);&:nth-of-type(odd){    margin-right: 12px;}&:nth-of-type(3),&:nth-of-type(4){    margin-top: 12px;}
    }
    .index-s2 .item .txt-box{left: 20px;right: 20px;bottom: 20px;}
    .comm-crumbs{top: 64px;}
    .comm-crumbs .left-box a,
    .comm-crumbs .right-box a{line-height: 50px;}
    .inner-banner{top: 115px;}
    .about-culture-s1 .item .top-box{width: 180px;height: 180px;}
    .about-culture-s2 .item .show h3{left: 20px;right: 20px;bottom: 20px;}
    .about-culture-s2 .item .show:before{top: 20px;left: 20px;}
    .about-history-s1 .line-box{display: none !important;}
    .about-history-s1 .item{margin-right: 0;}
    .about-index-s3 .cont-box .item .box{max-width: 680px;}
    .about-research-s3 .item h3{font-size: 16px;}
    .about-research-s3 .item .hide{padding: 0 20px;}
    .about-research-s4 .scroll{padding: 40px;}
    .news-list-s1 form{height: 60px;padding-right: 60px;}
    .news-list-s1 form input{padding: 0 20px;}
    .news-list-s1 form button{width: 60px;height: 60px;background-size: auto 24px;}
    .news-list-s1 .item h3{font-size: 18px;}
    .news-list-s1 .item .date{font-size: 14px;}
    .news-detail-s2 .right-box{top: 120px;}
    .comm-share{margin-left: -70px;top: 130px;}
    .recruit-s1 .item img{width: 140%;margin-left: -20%;}
    .recruit-s3 .button{top: 29%;}
    .museum-s1 .items{margin-right: -4vw;}
    .museum-s1 .item .num span{font-size: 34px;}
    .museum-s1 .item .num i{margin-left: 10px;}
    .museum-s2 .item img{width: 120%;margin-left: -10%;}
    .museum-s3 .bot-box{padding: 0;}
    .museum-s3 .button{display: none;}
    .museum-s4 .item h3{font-size: 20px;}
    .museum-s4 .item .txt-box{top: 5vw;padding: 0 4vw;}
    .product-list-s1 .item h3{font-size: 26px;}
    .product-list-s1 .item .para{font-size: 16px;}
    .solution-s1 .item{max-width: 52vw;margin-top: 70px;&:nth-of-type(1){    margin-top: 0;}
    }
    .solution-s1 .item .img-box{width: 240px;height: 240px;}
    .product-detail-s1{height: 580px;}
    .search-page .inner-banner{top: 64px;}
    .sitemap-s1 a.btn{font-size: 15px;}
}



@media screen and (max-width: 768px){
    .wrapper{width: 100%;}
    .index-s1 .items{height: 40vw;}
    .index-s1 .button{display: none;}
    .index-s1 .item .txt-box{padding: 0 20px;top: 12vw;}
    .index-s1 .item h3{font-size: 24px;}
    .index-s1 .item h4{font-size: 14px;}
    .index-s1 .item .btn{line-height: 36px;margin-top: 20px;}
    .index-s1 .item .btn:after{margin-left: 20px;}
    .index-s1 .ope{padding: 0 20px;bottom: 15px;}
    .comm-crumbs{padding: 0;}
    .comm-crumbs .left-box,
    .comm-crumbs a.view{display: none;}
    .comm-crumbs .right-box{float: none;text-align: center;}
    .comm-crumbs .right-box a{font-size: 13px;line-height: 40px;}
    .comm-crumbs .right-box a:before{height: 2px;right: 21px;}
    .comm-crumbs .right-box a:after{margin: 0 10px;}
    .inner-banner{position: static;}
    .about-business-s1{padding: 40px 20px;}
    .comm-tit h3{font-size: 20px;}
    .comm-tit h4{font-size: 20px;margin-top: 5px;}
    .about-business .para,
    .about-research .para{line-height: 24px;margin-top: 20px;}
    .about-business-s1 .datas{display: flex;justify-content: space-between;}
    .about-business-s1 .data{width: auto;}
    .about-business-s1 .data .num{font-size: 16px;}
    .about-business-s1 .data .num span{font-size: 24px;}
    .about-business-s1 .data .box{padding-bottom: 0;}
    .about-business-s1 .data h3{position: static;font-size: 14px;}
    .about-business-s1 .data h4{position: static;}
    .about-business-s2{padding: 40px 20px;}
    .about-business-s2 .map-box{padding-top: 40px;margin: 0 -20px;}
    .about-business-s3{padding: 40px 20px;}
    .about-business-s3 .tip{position: static;margin-top: 0;font-size: 16px;line-height: 24px;padding-left: 10px;}
    .about-business-s3 .box{margin-top: 20px;line-height: 24px;max-width: none;display: block;}
    .about-culture-s1{padding: 40px 20px;}
    .about-culture-s2{padding: 40px 20px;}
    .about-culture-s1 .item .top-box{width: 160px;height: 160px;}
    .about-history-s1{padding: 40px 20px;}
    .about-history-s1 .item h3{font-size: 20px;}
    .about-history-s1 .item span{font-size: 16px;margin-top: 10px;}
    .about-history-s1 .item .left-box{width: 150px;}
    .about-history-s1 .item .right-box{margin-left: 150px;padding-left: 60px;}
    .about-index-s1{padding: 40px 20px;}
    .about-index-s2{padding: 40px 20px;}
    .about-index-s3{padding: 40px 20px;}
    .about-index-s3 .cont-box .item .box{max-width: 600px;}
    .about-index-s5{padding: 40px 20px;}
    .about-intro-s1{padding: 40px 20px;}
    .about-intro-s2 .tab-tit{padding: 0 20px;}
    .about-intro-s2 .tab-tit .items{padding: 0;}
    .about-intro-s2 .tab-tit .item h3{padding: 10px 10px 20px;}
    .about-intro-s2 .tab-cont{padding: 40px 20px;}
    .about-research-s1,
    .about-research-s2,
    .about-research-s3,
    .about-research-s4{padding: 40px 20px;}
    .contact-s1,
    .contact-s2 .wrapper,
    .contact-s3{padding: 40px 20px;}
    .contact-s2{padding: 0 20px 40px;}
    .contact-s2 .left-box .select ul{padding: 15px;}
    .contact-s1 .cont{margin-top: 20px;}
    .contact-s1 .tab-tit{position: static;}
    .contact-s1 .tab-cont{margin-top: 20px;}
    .contact-s1 .cont img{display: none;}
    .contact-s1 .item{position: static;width: auto;height: auto;display: none;}
    .contact-s1 .item.active{display: block;}
    .contact-s1 .item .range,
    .contact-s1 .item .map{display: none;}
    .contact-s1 .item .info{width: 100%;position: static;padding: 0;}
    .contact-s1 .item .info:after{display: none;}
    .contact-s1 .item .info .box{background-color: #fff;box-shadow: 0 10px 30px rgba(0,0,0,.1);}
    .contact-s1 .item .info h3{color: #333;}
    .contact-s1 .item .info .para{color: #808080;}
    .contact-s1 .item .info h3:after{background-color: #808080;}
    .contact-s1 .item .info a{color: #333;}
    .news-list-s1{padding: 40px 20px;}
    .news-list-s1 .item .txt-box{padding: 0 20px;}
    .news-list-s1 .item h3{font-size: 16px;}
    .news-list-s1 .item p{font-size: 12px;line-height: 20px;height: 40px;}
    .news-detail-s1{padding: 40px 20px;}
    .news-detail-s1 .date{font-size: 16px;}
    .news-detail-s1 h3{font-size: 24px;}
    .news-detail-s2 .wrapper{padding: 40px 20px;}
    .comm-share{display: none;}
    .news-detail-s2 .left-box{width: 100%;}
    .news-detail-s2 .right-box{width: 100%;position: static;margin: 20px 0 0;}
    .news-detail-s2 .right-box h3{line-height: 50px;}
    .recruit-s1{padding: 40px 20px;}
    .recruit-s2{padding: 40px 20px;}
    .recruit-s3{padding: 40px 20px;}
    .recruit-s3 .main-w{width: 100%;}
    .recruit-s3 .button{display: none;}
    .museum-s1{padding: 40px 20px;}
    .museum-s1 .items{margin-right: 0;}
    .museum-s2{padding: 40px 20px;}
    .museum-s3{padding: 40px 20px;}
    .museum-s2 .item img{width: 130%;margin-left: -15%;}
    .museum-s4 .item img{width: 120%;margin-left: -10%;}
    .solution-detail-s1,
    .solution-detail-s2{padding: 40px 20px;}
    .product-list-s1 .item a{padding: 0 40px;}
    .product-list-s1 .item:nth-of-type(odd) .txt-box{padding-left: 0;}
    .product-list-s1 .item:nth-of-type(even) .txt-box{padding-right: 0;}
    .product-list-s3 .comm-pdlist{width: calc(33.33% - 3vw);}
    .product-list-s2 .select.select-1{width: calc((100% - 10px) / 2);margin-right: 10px;}
    .product-list-s2 .select.select-1:nth-of-type(2){margin-right: 0;}
    .product-list-s2 .select.select-2{width: 100%;margin-right: 0;}
    .product-list-s2 .form.form-1,
    .product-list-s2 .form.form-2{width: 100%;margin-top: 10px;}
    .product-detail-s1{height: 420px;}
    .product-detail-s1 .txt-box{padding: 0 20px;}
    .product-detail-s1 h3{font-size: 32px;}
    .product-detail-s1 h4{font-size: 24px;margin-top: 30px;}
    .product-detail-s1 .para{font-size: 14px;margin-top: 15px;}
    .product-detail-s1 a{margin-top: 15px;}
    .product-detail-s2 .txt-box h3{font-size: 24px;}
    .product-detail-s2 .txt-box .para{font-size: 14px;margin-top: 10px;}
    .product-detail-s2 .txt-box{padding-left: 20px;padding-right: 20px;}
    .search-s1{padding: 0 20px;}
    .search-s1 h3{font-size: 26px;}
    .search-s1 .form{margin: 15px 0;}
    .search-s2{padding: 40px 20px;}
    .sitemap-s1{padding: 40px 20px;}
}



@media screen and (max-width: 640px){
    .index-s1 .items{height: 60vw;}
    .index-s2 .item{width: 100%;margin: 12px 0 0;}
    .index-s2 .item:nth-of-type(1){margin-top: 0;}
    .index-s2 .item:nth-of-type(odd){margin-right: 0;}
    .about-business-s1 .items{margin-top: 20px;display: block;}
    .about-business-s1 .item{width: 100%;margin: 20px 0 0;&:nth-of-type(1){    margin-top: 0;}
    }
    .about-business-s1 .item .txt-box{padding: 20px;}
    .about-business-s1 .datas{margin-top: 20px;}
    .about-business-s1 .data{padding: 0;}
    .about-business-s1 .data h4{display: none;}
    .about-business-s2 .map-dot span{display: none;}
    .about-business-s2 .map-dot--2:before,
    .about-business-s2 .map-dot--3:before,
    .about-business-s2 .map-dot--4:before,
    .about-business-s2 .map-dot--5:before,
    .about-business-s2 .map-dot--6:before{width: 14px;height: 18px;}
    .about-business-s2 .map-dot--1:before{width: 20px;height: 25px;}
    .about-business-s2 .map-dot--2{top: 32%;left: 31.49%;}
    .about-business-s2 .map-dot--3{top: 38%;left: 46%;}
    .about-business-s2 .map-dot--4{top: 55%;left: 56%;}
    .about-business-s2 .map-dot--5{top: 43%;left: 87%;}
    .about-business-s2 .map-dot--6{top: 68%;left: 92%;}
    .about-culture-s1 .items{margin-top: 20px;}
    .about-culture-s1 .item .top-box{width: 80px;height: 80px;}
    .about-culture-s1 .item .bot-box{margin-top: 15px;}
    .about-culture-s1 .item h3{font-size: 15px;}
    .about-culture-s1 .item p{font-size: 12px;margin-top: 5px;@include transform(scale(.9));}
    .about-culture-s2{background-attachment: inherit;}
    .about-culture-s2 .items{margin-top: 20px;}
    .about-culture-s2 .item{width: 100%;margin-top: 20px;&:nth-of-type(1){    margin-top: 0;}
    }
    .about-culture-s2 .item h3{font-size: 16px;}
    .about-culture-s2 .item .para:before{margin: 10px auto 6px;}
    .about-culture-s2 .item .para{font-size: 12px;line-height: 20px;}
    .about-history-s1 .item{padding: 30px 0;}
    .about-history-s1 .item:before,
    .about-history-s1 .item:after{height: 2px;}
    .about-history-s1 .item .left-box{width: 100%;float: none;border: none;}
    .about-history-s1 .item h3{font-size: 18px;}
    .about-history-s1 .item span{font-size: 12px;margin-top: 5px;}
    .about-history-s1 .item .right-box{margin-left: 0;padding-left: 0;margin-top: 20px;}
    .about-history-s1 .item .para{font-size: 14px;line-height: 24px;}
    .about-history-s1 .item .img-box{margin-top: 10px;}
    .about-history-s1 .item img{width: calc(33.33% - 10px);margin-right: 10px;}
    .about-index-s1 .cont{margin-top: 20px;}
    .about-index-s1 .txt-box{width: 100%;padding: 15px 20px;line-height: 24px;}
    .about-index-s1 .img-box{width: 100%;position: static;margin: 0 auto;}
    .about-index-s1 a.more, .about-index-s5 a.more{width: 140px;line-height: 36px;font-size: 14px;margin: 20px auto 0;}
    .about-index-s2 .items{margin: 20px -5px 0;}
    .about-index-s2 .item{width: calc(50% - 10px);margin: 20px 5px 0;&:nth-of-type(1),&:nth-of-type(2){    margin-top: 0;}
    }
    .about-index-s2 .item h3{font-size: 16px;margin-top: 10px;}
    .about-index-s2 a.more{width: 140px;line-height: 34px;border-width: 1px;margin: 20px auto 0;font-size: 14px;}
    .comm-tit p{font-size: 14px;margin-top: 10px;}
    .about-index-s3{background-attachment: inherit;}
    .about-index-s3 .cont{padding-top: 0;margin-top: 20px;}
    .about-index-s3 .year-box{display: none;}
    .about-index-s3 .button{display: none;}
    .about-index-s3 .cont-box .item .box{padding: 20px;}
    .about-index-s3 .cont-box .item .box .img-box{width: 100%;}
    .about-index-s3 .cont-box .item .box .txt-box{width: 100%;padding-left: 0;margin-top: 15px;}
    .about-index-s3 .cont-box .item .box h3{font-size: 16px;}
    .about-index-s3 .cont-box .item .box .para{font-size: 12px;line-height: 20px;}
    .about-index-s3 .cont-box .item .box p.c{height: 40px;}
    .about-index-s3 .line-box{margin-top: 20px;}
    .about-index-s3 .line-box .item h3{font-size: 12px;}
    .about-index-s3 .line-box .item.swiper-slide-thumb-active h3{font-size: 16px;}
    .about-index-s3 .line-box .item i{margin: 10px 0;}
    .about-index-s3 .line-box .item:before{width: 18px;height: 23px;}
    .about-index-s4 .para{margin: 20px 3%;line-height: 24px;}
    .about-index-s4 .btns a{width: 120px;line-height: 36px;margin: 0 5px;border-width: 1px;}
    .about-index-s4 .world{width: 100%;margin: 0 auto;}
    .about-index-s4 .world .dot{width: 12px;height: 12px;}
    .about-index-s5{background-attachment: inherit;}
    .about-index-s5 .para{line-height: 24px;margin-top: 20px;}
    .about-index-s5 .items{margin-top: 20px;}
    .about-index-s5 .item{width: 50%;margin-top: 20px;&:nth-of-type(1),&:nth-of-type(2){    margin-top: 0;}
    }
    .about-index-s5 .item i{height: 30px;}
    .about-index-s5 .item .num{margin-top: 10px;font-size: 16px;}
    .about-index-s5 .item .num span{font-size: 26px;}
    .about-intro-s1 .para{margin-top: 20px;line-height: 24px;}
    .about-intro-s2 .tab-tit .item i{width: 50px;height: 50px;background-size: 24px auto;border-width: 1px;}
    .about-intro-s2 .tab-tit .item h3{font-size: 13px;padding: 10px 0 15px;max-width: 56px;margin: 0 auto;}
    .about-intro-s2 .tab-tit .item h3:after{height: 2px;}
    .about-intro-s2 .items-1{margin: 0 -5px;display: block;}
    .about-intro-s2 .items-1 .item{width: calc(50% - 10px);margin: 15px 5px 0;&:nth-of-type(1),&:nth-of-type(2){    margin-top: 0;}
    }
    .about-intro-s2 .items-1 .item h3{font-size: 14px;margin-top: 10px;}
    .about-intro-s2 .items-1 .item h3:before{width: 1px;height: 12px;margin: -2px 5px 0 0;}
    .about-research-s2 .datas{display: block;margin-top: 20px;}
    .about-research-s2 .data{width: 50%;padding: 0;margin-top: 20px;&:nth-of-type(1),&:nth-of-type(2){    margin-top: 0;}
    }
    .about-research-s2 .data i{display: block;margin: 0 auto;position: static;width: 40px;height: 46px;}
    .about-research-s2 .data .txt-box{padding-left: 0;text-align: center;}
    .about-research-s2 .data .num span{font-size: 26px;}
    .about-research-s2 .data p{font-size: 14px;margin-top: 10px;}
    .about-research-s2 .logos{margin: 20px -5px 0;}
    .about-research-s2 .item{width: calc(50% - 10px);margin: 20px 5px 0;padding-bottom: 20px;&:nth-of-type(1),&:nth-of-type(2){    margin-top: 0;}
    }
    .about-research-s2 .item .img-box{height: 100px;}
    .about-research-s2 .item h3{font-size: 14px;}
    .about-research-s3 .items{margin: 20px 0 0;}
    .about-research-s3 .item{width: 100%;margin: 20px 0 0;&:nth-of-type(1){    margin-top: 0;}
    }
    .about-research-s3 .item .show{padding: 0 20px;}
    .about-research-s3 .item .info{font-size: 12px;line-height: 20px;}
    .about-research-s4 .scroll{margin-top: 0;padding: 20px;}
    .about-research-s4 .item, .about-research-s4 li{width: 100%;margin: 5px 0;padding: 0 15px;}
    .about-research-s4 .item:before ,.about-research-s4 li:before{width: 6px;height: 6px;border-width: 1px;top: 6px;}
    .contact-s1 .tab-tit span{font-size: 12px;padding: 0.6em 1em;}
    .contact-s1 .item .info .box{padding: 15px 20px;}
    .contact-s1 .item .info h3{font-size: 16px;}
    .contact-s1 .item .info h3:after{margin-top: 10px;}
    .contact-s1 .item .info .para{font-size: 12px;line-height: 20px;margin: 10px 0;}
    .contact-s2 .left-box{max-width: none;width: 100%;position: static;@include transform(none);}
    .contact-s2 .left-box .select{margin-top: 20px;height: 40px;}
    .contact-s2 .left-box .select input{padding: 0 10px;font-size: 14px;}
    .contact-s2 .left-box .select ul li{font-size: 14px;line-height: 36px;padding: 0 10px;}
    .contact-s2 .right-box{max-width: none;width: 100%;margin-top: 20px;}
    .contact-s2 .right-box h4{font-size: 16px;}
    .contact-s2 .right-box .para{font-size: 12px;line-height: 20px;margin: 10px 0;}
    .contact-s3{background-attachment: inherit;}
    .contact-s3 .para{line-height: 24px;margin-top: 20px;}
    .contact-s3 form{margin-top: 20px;}
    .contact-s3 form .box input{height: 40px;font-size: 14px;padding: 0 10px;}
    .contact-s3 form .box span{font-size: 14px;left: 10px;}
    .contact-s3 form .box{margin-top: 10px;&:nth-of-type(1){    margin-top: 0;}
    }
    .contact-s3 form .box textarea{height: 120px;padding: 10px;}
    .contact-s3 form .box:nth-of-type(4) span{top: 20px;}
    .contact-s3 form .box button{width: 120px;height: 40px;font-size: 14px;}
    .news-list-s1 form{height: 50px;padding-right: 50px;}
    .news-list-s1 form button{width: 50px;height: 50px;background-size: auto 20px;}
    .news-list-s1 form input{font-size: 14px;padding: 0 10px;}
    .news-list-s1 .items{margin-top: 20px;}
    .news-list-s1 .item{margin-top: 20px;}
    .news-list-s1 .item .img-box{width: 100%;}
    .news-list-s1 .item .txt-box{width: 100%;padding: 20px;}
    .news-list-s1 .more{margin: 20px auto 0;}
    .news-list-s1 .more a:before{width: 40px;height: 40px;background-size: auto 8px;margin: 0 auto 10px;}
    .news-list-s1 .more:before{top: 20px;}
    .news-list-s1 .more a{width: 100px;font-size: 14px;}
    .news-detail-s1 .date{font-size: 14px;}
    .news-detail-s1 h3{font-size: 20px;}
    .news-detail-s2 a.back{width: 70px;height: 70px;margin: 20px auto 0;}
    .news-detail-s2 a.back span{font-size: 12px;}
    .news-detail-s2 a.back span:before{width: 20px;height: 18px;}
    .news-detail-s2 .other{margin-top: 20px;padding: 15px 20px;}
    .news-detail-s2 .other a{line-height: 24px;}
    .news-detail-s2 .right-box{padding: 0 20px 20px;}
    .news-detail-s2 .right-box .link{padding-top: 20px;}
    .recruit-s1 .para{line-height: 24px;margin-top: 20px;}
    .recruit-s1 .comm-tit h3,
    .recruit-s2 .comm-tit h3{font-size: 18px;}
    .recruit-s1 .items{margin-top: 20px;}
    .recruit-s1 .item{margin-top: 20px;}
    .recruit-s1 .item .img-box{width: 100%;}
    .recruit-s1 .item img{width: 100%;margin-left: 0;}
    .recruit-s1 .item .txt-box{position: static;width: 100%;padding: 20px;}
    .recruit-s1 .item h3{font-size: 16px;}
    .recruit-s1 .item .info{font-size: 12px;}
    .recruit-page .tab-tit{margin-top: 20px;}
    .recruit-page .tab-tit span, .recruit-page .tab-tit li a{font-size: 14px;}
    .recruit-s2 .tab-cont{margin-top: 20px;}
    .recruit-s2 .item .show{padding: 15px 40px 15px 20px;}
    .recruit-s2 .item .show .tit{width: calc(100% - 90px);}
    .recruit-s2 .item .show .info{display: none;}
    .recruit-s2 .item .show .btn{width: 90px;}
    .recruit-s2 .item .show a{width: 90px;line-height: 30px;font-size: 12px;border-width: 1px;}
    .recruit-s2 .item .show:after{right: 13px;}
    .recruit-s2 .item.active .show:after{opacity: 1;@include transform(rotate(180deg));}
    .recruit-s2 .item .show h3{font-size: 16px;}
    .recruit-s2 .item .hide{padding: 20px;}
    .recruit-s2 .item .hide .close{display: none;}
    .recruit-s2 .item .hide .m-show{display: block;font-size: 0;}
    .recruit-s2 .item .hide .m-show .info{width: 33.33%;@include inline-top;span{    font-size: 14px;    line-height: 20px;    display: block;    color: #4c4e52;    &.gray{        color: #898989;    }}
    }
    .recruit-s2 .item .hide .blocks{margin-left: 0;margin-top: 20px;}
    .recruit-s2 .item .hide .block{margin-top: 15px;}
    .recruit-s2 .comm-page{margin-top: 20px;}
    .comm-page li{margin: 0 2px;}
    .comm-page li a{width: 30px;height: 30px;line-height: 28px;font-size: 12px;}
    .recruit-s3 .tab-cont{margin-top: 20px;}
    .recruit-s3 .tab-cont .item h3{font-size: 14px;line-height: 30px;}
    .museum-s1 .para{line-height: 24px;margin-top: 20px;}
    .museum-s1 .items{margin-top: 20px;padding-bottom: 20px;}
    .museum-s1 .item .num span{font-size: 26px;}
    .museum-s1 .item .num i{margin-top: 5px;margin-left: 5px;}
    .museum-s1 .item h3{margin-top: 10px;}
    .museum-s1 .swiper-scrollbar{bottom: 0;left: 0;right: 0;}
    .museum-s1 .button{display: none;}
    .museum-s1 .item .txt-box{padding: 0;}
    .museum-s2 .items{margin: 20px auto 0;}
    .museum-s2 .item{width: 100%;margin: 20px 0 0;&:nth-of-type(1){    margin-top: 0;}
    }
    .museum-s2 .item img{width: 100%;margin-left: 0;}
    .museum-s2 .item h3{font-size: 16px;}
    .museum-s2 .item p{font-size: 12px;line-height: 20px;max-height: 100px;}
    .museum-s3 .top-box{margin-top: 20px;}
    .museum-s3 .left-box{width: 100%;padding: 20px;}
    .museum-s3 .left-box .para{width: 100%;}
    .museum-s3 .left-box h3{font-size: 16px;}
    .museum-s3 .right-box{position: static;width: 100%;margin-top: 20px;}
    .museum-s3 .bot-box{margin-top: 10px;}
    .museum-s3 .bot-box .item:after{border-width: 2px;}
    .museum-s4 .item{width: 100%;}
    .museum-s4 .item .txt-box{padding: 0 20px;top: 50%;@include transform(translateY(-50%));}
    .museum-s4 .item h3{font-size: 18px;}
    .museum-s4 .item a{margin-top: 15px;width: 120px;line-height: 36px;font-size: 14px;}
    .solution-detail-s1 .video-box{margin-top: 20px;}
    .solution-detail-s1 .video-box a{width: 40px;height: 40px;}
    .solution-detail-s1 .para{line-height: 24px;margin: 20px 0;}
    .solution-detail-s1 .img-box .box{width: 100%;margin-top: 20px;&:nth-of-type(1){    margin-top: 0;}
    }
    .solution-detail-s2 .items{margin: 20px 0 0;padding-bottom: 20px;}
    .comm-pdlist .label-box{top: 5px;left: 5px;right: 5px;}
    .comm-pdlist .label-box span{margin-right: 5px;line-height: 20px;}
    .comm-pdlist .img-box{height: 39vw;}
    .comm-pdlist h3{padding-bottom: 2vw;font-size: 14px;@include text_hidden;}
    .solution-detail-s2 a.more{width: 140px;line-height: 36px;margin: 20px auto 0;font-size: 14px;border-width: 1px;}
    .video-pop video{max-width: 90vw;}
    .product-list-s1 .item a{padding: 40px;}
    .product-list-s1 .item .img-box{float: none !important;width: 60%;max-width: 180px;height: auto;margin: 0 auto;}
    .product-list-s1 .item .txt-box{position: static;width: 100%;margin-top: 20px;text-align: center;}
    .product-list-s1 .item h3{font-size: 18px;}
    .product-list-s1 .item .para{font-size: 14px;line-height: 20px;margin-top: 10px;}
    .solution-s1 .items{padding: 40px 20px;}
    .solution-s1 .item{width: 100%;max-width: none;margin-top: 40px;}
    .solution-s1 .item .img-box{width: 160px;height: 160px;}
    .solution-s1 .item .img{border-width: 3px;}
    .solution-s1 .item .txt-box{margin-top: 20px;}
    .solution-s1 .item .para:before{margin: 10px auto;}
    .solution-s1 .item i{margin-top: 10px;}
    .solution-s1 .item h3{font-size: 18px !important;}
    .product-list-s3 .comm-tit{padding: 20px 0;}
    .product-list-s3 .block{margin-top: 20px;}
    .product-list-s3 .items{padding: 0 15px;margin-top: -10px;}
    .product-list-s3 .comm-pdlist{width: calc(50% - 10px);margin: 10px 5px 0;}
    .product-list-s2 .box{height: 40px;}
    .product-list-s2 .form form{padding-right: 40px;}
    .product-list-s2 .form button{width: 40px;height: 40px;}
    .product-list-s2 .select,
    .product-list-s2 .form{width: calc(50% - 5px);}
    .product-list-s2 .select:nth-of-type(2){margin-right: 0;}
    .product-list-s2 .select:nth-of-type(3){margin-top: 10px;margin-right: 10px;}
    .product-list-s2 .select ul li{line-height: 40px;font-size: 12px;}
    .product-list-s2 .form input, .product-list-s2 .select input{font-size: 12px;}
    .product-detail-s1{height: 360px;}
    .product-detail-s1 video{width: auto;height: 100%;}
    .product-detail-s1 h3{font-size: 24px;}
    .product-detail-s1 h4{font-size: 18px;margin-top: 20px;}
    .product-detail-s1 .para{line-height: 24px;margin-top: 10px;}
    .product-detail-s1 a{margin-top: 10px;}
    .product-detail-s2{border-top: 1px solid #e6e6e6;padding: 20px;}
    .product-detail-s2 .txt-box{position: static;transform: none !important;text-align: left !important;padding-left: 0;padding-right: 0;padding-top: 15px;}
    .product-detail-s2 .txt-box h3{font-size: 20px;}
    .product-detail-s2 .txt-box h3{color: #333 !important;}
    .product-detail-s2 .txt-box .para{color: #808080 !important;}
    .search-s1{margin-top: 0;height: auto;padding: 40px 20px 0;}
    .search-s1 h3{font-size: 20px;color: #333;}
    .search-s1 .form{height: 40px;padding-right: 40px;background-color: #f5f5f5;}
    .search-s1 .form input{padding: 0 10px;font-size: 14px;background-color: transparent;}
    .search-s1 .form button{width: 40px;height: 40px;background-size: auto 18px;}
    .search-s1 .tip span{color: #333;font-size: 12px;margin: 0 5px;padding-left: 0;line-height: 20px;&.active{    color: $color;}
    }
    .search-s1 .tip span:before,
    .search-s1 .tip span:after{display: none;}
    .search-s2 .item{border-bottom-width: 2px;}
    .search-s2 .item a{padding: 20px 0;}
    .search-s2 .item .date{font-size: 12px;}
    .search-s2 .item h3{font-size: 16px;}
    .search-s2 .item .url{font-size: 12px;line-height: 18px;}
    .search-s2 .tip{text-align: center;}
    .sitemap-s1 .item{padding: 15px 0;}
    .sitemap-s1 a.btn{width: calc((100% - 10px) / 3);line-height: 36px;font-size: 13px;}
    .sitemap-s1 .link a.btn{margin-right: 5px;margin-top: 5px;&:nth-of-type(3n){    margin-right: 0;}
    }
}