#swiper-container1 .swiper-slide img{width: 100%;display: block;}
#swiper-container1 .swiper-pagination-bullets{width: 100%;bottom: 7%;text-align: center;display: inline-block;}
#swiper-container1 .swiper-pagination-bullet{display: inline-block;width: 8px;height: 8px;border: 2px solid #fff;margin: 0 9px !important;opacity: 1;background: transparent;
    display: inline-block;}
#swiper-container1 .swiper-pagination-bullet-active{border-color: #f5a622;}
.p_ban .swiper-button-next{right: 6.7%; }
.p_ban a{display: block;height: 29.85vw;background-position: center;background-size: cover;background-repeat: no-repeat;    pointer-events: none;}
.p_ban img{height: 100%;object-fit: cover;width: 100%;}



.box {width: 67%;margin: 0 auto;}
.box .page, .box #load_more_button{display: none;}
.box .more{font-size: 14px;display: inline-block;padding: 12px 19px;color: #fff;line-height: 1.15;border-radius: 30px;min-width: 6em;
background: -ms-linear-gradient(to right,#f5a823, #ff6402);   
    background: -webkit-linear-gradient(to right,#f5a823,#ff6402);
    background: linear-gradient(to right,#f5a823, #ff6402);margin-top: 2vw;}
.title{text-align: center;}
.ResTitle_a1 em{font-size: 2vw;color: #eeeced;line-height: 1.3;text-transform: uppercase;font-weight: bold;}
.ResTitle_a1 span{font-size: 2.3vw;color: #000000;line-height: 1.0;transform: translateY(85%);    display: block;}
.ResTitle_a1 br{display: none;}
.title p{font-size: 18px;color: #ff6000;}


.box_about{background: url(../images/gsdn/bg_about.jpg) no-repeat;background-size: cover;padding: 5.7vw 0 3.5vw 0;text-align: center;}
.box_about .title:after{display: inline-block;width: 110px;background-color: #ccc;height: 1px;content: "";margin-top: 1.5vw;}
.box_about h5{font-size: 22px;color: #000000;line-height: 1.0;display: block;margin: 2.3vw 0 2vw 0;}
.box_about h5 span{font-weight: bold;font-style: italic;color: #ff6000;}
.box_about .box{width: 48.37%;}
.box_about .box p{font-size: 18px;color: #000000;}
.box_about .box p span{font-size: 22px;color: #ff6000;font-weight: bold;}
.box_about .box .fl{width: 43.6%;}
.box_about .box .fl img{width: 100%;display: block;}
.box_about .box .fr{width: 46%;}
.box_about ul{border-left: 2px solid #4f4f4f;padding: 2vw 0;}
.box_about ul li{background: url(../images/gsdn/star.png) no-repeat;background-position: 0 0;background-size: auto;
    margin-bottom: 2vw;padding-left: 67px;text-align: left;margin-left: -14px;}
.box_about ul li:nth-last-child(1){margin-bottom: 0;}




.box_adv{background: url(../images/gsdn/bg_sale.jpg) no-repeat; background-size: cover;padding: 4.6vw 0 6.7vw 0;background-position: right top;}
.box_adv .title {margin-bottom: 4.6vw;}
.box_adv .ResTitle_a1 span,.box_adv .title p{color: #fff;}
.box_adv .ResTitle_a1 em{opacity: 0.05;}
.box_adv li .hd {width: 77%;display: inline-block;text-align: left;}
.box_adv li a{pointer-events: none;}
.box_adv li i{color: #fff;font-size: 14px;line-height: 1.8;font-style: normal;min-height: 5.2em;
    overflow: hidden;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;height: 7.2em;}
.box_adv li .hd a{color: #fff;font-size: 18px;margin-bottom: 10px;font-weight: normal;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.box_adv li{width: 35.7%;float: left;margin: 0 7.15% 3vw 7.15%;}
.box_adv li:nth-child(2n){float: right;}
.box_adv li:nth-child(3),.box_adv li:nth-child(4){margin-bottom: 0;}
.box_adv li img{margin-right: 7%;display: block;width: 15%;float: left;}



.contact_img{width: 55%;overflow: hidden;display: none;}
.contact_img img{width: 100%;display: block;}
.contact_txt {width: 100%;}
.contact_txt h2{margin-bottom: 2vw;}
.contact_txt .line{margin-bottom: 1.8vw;}
.contact_txt i{float: left;margin-right: 10px;/*display: block;*/width: 30px;height: 30px;background: #ff6000;border-radius: 50%;}
.contact_txt i.email{background:#ff6000 url('../images/gsdn/Emile.svg')no-repeat center center;fill: #fff;background-size: 59%;}
.contact_txt i.call1{background:#ff6000 url('../images/gsdn/call1.svg')no-repeat center center;fill: #fff;background-size: 70%;}
.contact_txt i.call2{background:#ff6000 url('../images/gsdn/call2.svg')no-repeat center center;fill: #fff;background-size: 50%;}
.contact_txt i.service{background:#ff6000 url('../images/gsdn/service.svg')no-repeat center center;fill: #fff;background-size: 95%;}
.contact_txt i.addr{background:#ff6000 url('../images/gsdn/addr.svg')no-repeat center center;fill: #fff;background-size: 50%;}
.contact_txt i.fox{background:#ff6000 url('../images/gsdn/fox.svg')no-repeat center center;fill: #fff;background-size: 60%;}
.map-btn{border-radius: 3px;background: #ff6000;width: 6em;margin:0 auto 6vw auto;display: none;color: #fff;text-align: center;padding: 10px 0;line-height: 1.0;}


.box_contactmap{margin: 5rem 0 4rem 0;}


.BMap_omCtrl,.anchorBL,.BMap_scaleCtrl,.BMap_cpyCtrl {display: none;}
#map1{height: 400px;width: 100%;}
.BMap_mask{z-index: 1 !important;}
.BMap_bubble_content{font-size: 14px; line-height: 1.5;}
.contact_img img{max-width: none;width: auto;display: unset;}


.contentabout{margin: 4rem auto;}
.contentabout p{text-indent: 2em;line-height: 1.88;}
.contentabout p img{display: block;max-width: 100%;}
.contentabout .top{margin-bottom: 4vw;}
.contentabout h1{margin-bottom: 2.0vw;font-weight: normal;}
.contentabout .txt h3{color: #000000;font-weight: bold;line-height: 1.5;display: inline-block;margin-bottom: 2vw;}
.contentabout .img img{max-width: 100%;display: block;}
.contentabout .img {width: 38%;}
.contentabout .txt {width: 58%;}


.box_environment{padding: 3rem 0; background: url(../images/gsdn/bg_env.jpg) no-repeat center;background-size: cover;overflow: hidden;}
.box_environment .h2{text-align: center;}
.box_environment .h2 .title{font-size: 2.3vw;}
.box_environment .h2 .en{font-size: 1.1vw;color: #F69C21;line-height: 2;}
.box_environment .swiper {margin: 2rem 0 0 0;}
.box_environment .swiper .swiper-slide .pic{width: 100%;height: auto;}
.box_environment .swiper .swiper-slide .pic img{width: 100%;height: 56vh;object-fit: cover;}
.box_environment .swiper .swiper-pagination{position: initial;margin: 1.5rem 0 0 0;}
.box_environment .swiper .swiper-pagination .swiper-pagination-bullet{background: #fff;opacity: 1;}
.box_environment .swiper .swiper-pagination .swiper-pagination-bullet-active{background: #F69C21;}



.box_honor{padding: 4rem 0;overflow: hidden;}
.box_honor .h2{text-align: center;}
.box_honor .h2 .title{font-size: 2.3vw;}
.box_honor .h2 .en{font-size: 1.1vw;color: #F69C21;line-height: 2;}
.box_honor .swiper {margin: 2rem 0 0 0;}
.box_honor .swiper .swiper-slide .pic{width: 100%;height: auto;}
.box_honor .swiper .swiper-slide .pic img{width: 100%;height: 56vh;object-fit: contain;outline: 1px solid #eee;}
.box_honor .swiper .swiper-slide .title{margin: 0.8rem 0 0 0;}
.box_honor .swiper .swiper-pagination{position: initial;margin: 1.5rem 0 0 0;}
.box_honor .swiper .swiper-pagination .swiper-pagination-bullet{background: #aaa;opacity: 1;}
.box_honor .swiper .swiper-pagination .swiper-pagination-bullet-active{background: #F69C21;}





.box_case{padding: 4rem 0;background: url(../images/gsdn/bg_case.jpg) no-repeat center;background-size: cover;}
.box_case .h2{text-align: center;}
.box_case .h2 .title{font-size: 2.3vw;color: #fafafa;}
.box_case .h2 .en{font-size: 1.1vw;color: #F69C21;line-height: 2;}
.box_case .swiper {margin: 4rem auto 0 auto;overflow: hidden;}
.box_case .swiper .swiper-slide .pic{width: 100%;height: auto;}
.box_case .swiper .swiper-slide .pic img{width: 100%;height: 41vh;object-fit: cover;}
.box_case .swiper .swiper-slide .title{margin: 0.8rem 0 0 0;}
.box_case .swiper .swiper-pagination{position: initial;margin: 1rem 0 0 0;}
.box_case .swiper .swiper-pagination .swiper-pagination-bullet{background: #fff;opacity: 1;}
.box_case .swiper .swiper-pagination .swiper-pagination-bullet-active{background: #F69C21;}




.box_prod{padding: 6rem 0;}



.box_prod .h2{text-align: center;position: relative;}
.box_prod .h2 .title{font-size: 2.3vw;color: #444;}
.box_prod .h2 .en{font-size: 2.1vw;color: #000;line-height: 2;position: absolute;left:0;width:100%;height:100%;text-align: center; opacity: 0.1;top: 0;line-height: 1.5;text-transform: uppercase;}
.box_prod .ms{font-size: 1.1vw;color: #F69C21;line-height: 2;text-align: center;}
.box_prod .type{margin: 1.4rem  0 0 0;display: flex;justify-content: center; gap: 0 0.5rem;}
.box_prod .type a{border:1px solid #888;border-radius: 100rem;padding: 0.6rem 1.7rem;}
.box_prod .type a.selected{background: #F69C22;color: #fff;border-color: #F69C22;}
.box_prod .product{margin: 2rem 0 0 0;display: flex;overflow: hidden;}
.box_prod .product .tab{flex-shrink: 0;width: 100%;}
.box_prod .product .tab .list{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;gap: 1rem;width: 100%;}
.box_prod .product .tab li{list-style: none;}
.box_prod .product .tab .list .pic{width:100%;}
.box_prod .product .tab .list .pic img{width: 100%;height: 24vh;object-fit: cover;cursor: zoom-in;}


@media screen and (max-width: 640px){
    .box{
        width: 88%;
    }
    .contentabout .img{
        width: 100%;
    }
    .contentabout .txt{
        width: 100%;
        margin:0 0 1rem 0;
    }

    .ResTitle_a1 span{font-size: 6vw;transform:none;}
    .ResTitle_a1 em{font-size:3vw;line-height: 1.15;}

    .box_prod{padding:2.8rem 0;}
    .box_prod .h2 .title{font-size: 7vw;}
    .box_prod .h2 .en{font-size: 6vw;}
    .box_prod .ms{font-size: 3.1vw;}
    .box_prod .type a{padding: 0.4rem 1.1rem;}
    .box_prod .product .tab .list{ grid-template-columns: 1fr 1fr 1fr;}
    .box_prod .product .tab .list .pic img{height: 15vh;}

    .box_environment{overflow: hidden;}
    .box_environment .h2 .title{font-size: 7vw;}
    .box_environment .h2 .en{font-size: 3vw;}
    .box_environment .swiper .swiper-slide .pic img{height:18vh;}

    .box_honor {overflow: hidden;padding:2.8rem 0;}
    .box_honor .h2 .title{font-size: 7vw;}
    .box_honor .h2 .en{font-size: 3vw;}
    .box_honor .swiper .swiper-slide .pic img{height: 38vh;}

    .box_case{padding:2.8rem 0;}
    .box_case .h2 .title{font-size: 7vw;}
    .box_case .h2 .en{font-size: 3vw;}
    .box_case .swiper .swiper-slide .pic img{height: 38vh;}

    .box_about {padding:2.8rem 0;}
    .box_about h5{font-size: 4.2vw;line-height: 1.5;}
    .box_about .box .fl{width: 70%;margin: 5vw auto 2vw auto;float: none;}
    .box_about .box .fr{width: 90%;margin: 0 auto;float: none;}
    .box_about .box li{padding-left: 30px;min-height: 26px;background-size: 6vw;margin-left: -4vw;}
    .box_about .box p{font-size: 3.8vw;}
    .box_about .box p span{font-size: 4.2vw;}


    .box_adv{padding:2.8rem 0;}
    .box_adv ul li{width: 100%;padding: 0;margin: 0 ;margin-bottom: 5vw;}
    .box_adv ul li img{width: 15%;height: auto;float: left;}
    .box_adv ul li h5,.box_adv ul li p{text-align: left;margin-left: 5%;}
    .box_adv li:nth-child(3){margin-bottom: 5vw;}
    .box_adv li i{font-size: 3.8vw;}
    .box_adv li .hd a{font-size: 4.5vw;}
    .box_product .title,.title,.box_case .title,.box_adv .title{margin-bottom: 8vw;}
    .box_adv .ResTitle_a1 em{opacity: 0.5;}

    .box_contactmap .map-btn{display: block;}
    .box_contactmap .contact_img{display: none;}
    .box_contactmap .contact_txt{width: 100%;}
    .box_contactmap .contact_txt .line{display: flex;}
    .box_contactmap .contact_txt .line p{flex: 1;}
    .box_contactmap .contact_txt h2{font-size: 6vw;margin:0 0 1.7rem 0;}
}