@charset "utf-8";
body{background-color: #000;}
.fp_nav{position: absolute;right: 30px;top: 30%;-webkit-transform:translate3d(0,-118px,0); transform:translate3d(0,-118px,0);}
/*.fp_nav:before{display: inline-block;font-size: 18px;content: "01";color: #ebc391;}
.fp_nav:after{display: inline-block;color: #fff;font-size: 18px;content: "06";}*/
/*.fp-viewing-p02 .fp_nav:before{content: "02";}
.fp-viewing-p03 .fp_nav:before{content: "03";}
.fp-viewing-p04 .fp_nav:before{content: "04";}
.fp-viewing-p05 .fp_nav:before{content: "05";}
.fp-viewing-p06 .fp_nav:before{content: "06";}*/
.change_c.fp_nav:after{color: #ebc391;}

.sArrow{width: 29px;height: 29px;background-size: 100% auto;cursor: pointer;}
#slideUp{background: url(../images/jt.png) center no-repeat;margin-right: 18px;transform:rotate(180deg);-webkit-transform:rotate(180deg);margin-bottom: 2vw;background-size: auto 100%;}
#slideDown{background: url(../images/jt.png) center no-repeat;background-size: auto 100%;}


.index-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: #000; }
.index-video video { min-width: 100%; height: 100%; display: block; object-fit: cover; position: relative; z-index: 1; background: #000; }
.video-close { position: fixed; top: 50%; z-index: 0; text-align: center; width: 100%; left: 0; transform: translateY(-50%); }
.video-close .close { background: #eee; width: 120px; margin: 1.5% auto 0; padding: 0.5% 0; }
.video-close .close:active { transform: scale(0.95); }
#jump{position:absolute; right:20px; top:20px; z-index:2; text-decoration:underline;color: #f0cb48;}

#myMenu{height: 120px;background-color: #fff;display: block;width: 2px;margin: 10px 0 10px 9px;position: relative;}
#myMenu li{display: inline-block;}
#myMenu a{width: 2px;height: 20px;display: block;position: absolute;top: 0;left: 0;}
#myMenu li:nth-child(2) a{height: 40px;}
#myMenu li:nth-child(3) a{height: 60px;}
#myMenu li:nth-child(4) a{height: 80px;}
#myMenu li:nth-child(5) a{height: 100px;}
#myMenu li:nth-child(6) a{height: 120px;}
#myMenu .active a{background-color: #ebc391;}
.change_c #myMenu{background-color: #cccccc;}

.section{overflow: hidden; background-size: cover;background-repeat: no-repeat;}
.Mob_ban{display: none;height: calc(100% - 14vw );margin-top: 14vw;}
.PC_ban, .BannerShow_b1,.PC_ban .swiper-container{height: 100%;}

.mob{display: none;}

.swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 50%;border: 2px solid #ffd29c;opacity: 1;background-color: transparent;}
.swiper-pagination-bullet-active{background-color: #ffd29c;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 50px;left: 5.2%;width: auto;display: none;}
.banner img{display: block;width: 100%;height: 100%;}
.banner .jt_group{position: absolute;left: 11.7%;bottom: 50px;z-index: 5;}
.banner .swiper-button-next,.banner .swiper-button-prev{opacity: 1;line-height: 12px;height: 12px;color: #fff;border-radius: 0;
    background-size: auto;position: static;display: inline-block;width: auto;transition:.4s all ease;-webkit-transition:.4s all ease;-moz-transition:.4s all ease;}
.banner .swiper-button-prev{background: url(../images/ban_jt2.png) left center no-repeat;padding-left: 47px;color: #fff;margin-right: 18px;}
.banner .swiper-button-next{background: url(../images/ban_jt.png) right center no-repeat;padding-right: 47px;}

.ResTitle_a1{font-weight: normal;color: #c80e1b;font-size: 1.875vw;letter-spacing: 1px;}
.ResTitle_a1 em{font-size: 1.25vw;padding-left: 1.25vw;}
.ResTitle_a1 br{display: none;}
.more{width: 138px;height: 40px;line-height: 38px;border: 1px solid #d4b085;color: #d4b085;display: block;transition:.4s all ease;-webkit-transition:.4s all ease;-moz-transition:.4s all ease;
    border-radius: 23px;padding-left: 0;text-align: center;}

.box_about{background-image: url(../images/bg_coo-2021.jpg);box-sizing: border-box;padding: 0 5.2%;overflow: hidden;}
.box_about .box_txt {width: 41%;padding-top: 17.4vw;}
.box_about .box_txt h3{font-size: 2vw;line-height: 1.15;/*margin-bottom: 25px;*/color: #ffe79c;font-weight: bold;}
.box_about .box_txt h5{font-size: 1.2vw;line-height: 1.15;margin: 1vw  0 1.2vw 0;color: #fff;    font-weight: normal;}
.box_about .box_txt>p{font-size: 16px;line-height: 1.8;text-indent: 2em;margin-bottom: 1.9vw;color: #fff;}
.box_about .more{background: url(../images/more_jt.png) 103px center no-repeat;padding-left: 30px;background-size: auto;text-align: left;width: 108px;}
.box_about .card{position: absolute;left: 0;bottom: 0;width: 50%;text-align: right;padding:2.3vw 6.875vw 1.927vw 13vw;box-sizing: border-box; 
background: url(../images/card.png) 5.9vw center no-repeat,-ms-linear-gradient(to right,#4e2719, #c9a57a,#4e2719);   
    background: url(../images/card.png) 5.9vw center no-repeat,-webkit-linear-gradient(to right,#4e2719, #c9a57a,#4e2719);
    background:  url(../images/card.png) 5.9vw center no-repeat,linear-gradient(to right,#4e2719, #c9a57a,#4e2719);
background-size: 3.5vw, 100%;}
.box_about .card p{color: #fff;line-height: 1.8;display: inline-block;float: right;box-sizing: border-box;}
.box_about .box_txt .name{text-align: left;}
.box_about .card img{float: left;margin-top: -10px;width: 3.5vw;}
.box_about .box_img{width: 55%;text-align: center;padding-top: 12.3vw;}
.box_about .box_img ul{font-size: 0;}
.box_about .box_img li{width: 19%;margin-right: 1.25%;display: inline-block;margin-bottom: 12px;opacity: 0;
    transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);
    transition:.8s all ease;-webkit-transition:.8s all ease;-ms-transition:.8s all ease;}
.box_about .box_img li:nth-child(1){margin-left: 11.125%;}
/*
.box_about .box_img li:nth-child(3),.box_about .box_img li:nth-child(17){margin-left: 10.125%;}
.box_about .box_img li:nth-child(6),.box_about .box_img li:nth-child(20){margin-right: 10.125%;}
.box_about .box_img li:nth-child(21){margin-left: 20.25%;}
.box_about .box_img li:nth-child(23){margin-right: 20.25%;}
.box_about .box_img li:nth-child(11), .box_about .box_img li:nth-child(16){margin-right: 0;}*/
.box_about .box_img li:nth-child(3){margin-left: 0;margin-right: 11.125%;}
.box_about .box_img li:nth-child(16){margin-right: 1.25%;}
.box_about .box_img li:nth-child(12), .box_about .box_img li:nth-child(17), .box_about .box_img li:nth-child(22){margin-right: 0;}
.box_about .box_img img{display: block;width: 100%;}

.box_ser{background-image: url(../images/bg_ser-2021.jpg);padding-top: 6.25vw; background-size: 100% 100%;}
.box_ser .more{color: #ffd29c;padding-left: 30px;background: url(../images/more_jt.png) 103px center no-repeat;background-size: auto;width: 108px;
    text-align: left;border-color: #ffd29c;display: none;}

.d-table{display: table;height: 100%;width: 100%;text-align: center;}
.d-table a{display: block;}
.vam{display:table-cell;vertical-align: middle;line-height: 1.0;}

.box_ser h3{color: #ffd29c;font-size: 2.2vw;text-align: center;line-height: 1.0;}
.ser_list{position: relative;height: 22.5vw;width: 83.97%;background: url(../images/indexser201130.png) no-repeat;background-size: contain;
    margin: 0 auto;background-position: center; width: 1540px;max-width: 90%;}
/*.ser_list .dot-list a{position: absolute;z-index: 1;display: block;background-color: #70fb62;width: 30px;height: 30px;border-radius: 50%;
    transition:.4s all ease;}*/
.img-list{text-align: center;width: 83.97%;margin-left: auto;margin-right: auto;    width: 1540px;max-width: 90%;font-size: 0;}
.img-list li{display: inline-block;padding: 0.2vw;/*margin-right: 1vw;*/box-sizing: border-box;opacity: 0;font-size: 0;
transition:.8s all ease;-webkit-transition:.8s all ease;-ms-transition:.8s all ease;animation-delay:1s;-webkit-animation-delay:1s;}
.img-list.img1 li{margin: 0 0.4vw;}
.img-list li img{display: block;height: 100%;}
.img-list li a{display: block;height: 5.4vw;max-height: 108px; /*width: 100%;height: 4.4vw;background: url(../images/bk_03.png);background-size: 100% 100%;padding: 0.26vw;box-sizing:border-box;*/}
.img-list li p{font-size: 14px;color: #ffd29c;line-height: 1.2;text-align: center;margin-top: 5px;}
.img-list li:hover{background: url(../images/h.png);background-size: 100% 100%;}
.img-list li:hover p{color: #fff;}
.smbox{width: 57.77%;margin: 0 auto;position: relative;}
.smbox p{font-size: 3.8vw;line-height: 1.5;display: block;margin-top: 3.6vw;color: #ffd29c;text-align: center;}
.box_ser .d-table a{display: block;width: 100%;height: 100%;}
.box_ser .d-table{display: block;width: 100%;height: 37vw;background: url(../images/bk_03.png);background-size: 100% 100%;padding: 2vw;
    box-sizing:border-box;}
.box_ser .d-table img{display: inline-block;position: relative;top: 50%;left: 50%;
    transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.smbox .swiper-button-next{width: 5vw;height: 5vw;border-top:3px solid #ffd29c;border-left:3px solid #ffd29c;
    margin-left: 18px;transform:rotate(135deg);-webkit-transform:rotate(135deg);right: -13.8vw;background: none;}
.smbox .swiper-button-prev{width: 5vw;height: 5vw;border-top:3px solid #ffd29c;border-left:3px solid #ffd29c;
   margin-right: 18px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);left: -13.8vw;background: none;}

.logo_list{margin-left: 6.8%;width: 93.2%;transform:translateY(-100%);-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);
    transition:.8s all ease;-webkit-transition:.8s all ease;-ms-transition:.8s all ease;animation-delay:1s;-webkit-animation-delay:1s;}
.active .logo_list{transform:translateY(-100%);-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);}
.logo_list ul{width: 28.9%;display: block;}
.logo_list li{width: 23.6%;display: block;float: left;margin-right: 1.86%;margin-bottom: 8px;}
.logo_list li:nth-child(4n){margin-right: 0;}
.logo_list h3{font-size: 18px;color: #ffd29c;line-height: 1.15;margin-bottom: 18px;}
.logo_list li img{display: block;width: 100%;}

.box_product{background-size: cover;background-image: url(../images/bg_pro-2021.jpg);padding-top: 9.375vw;}
.box_product .tap_box{width: 89.6%;margin: 0 auto;height:100%;text-align: center;opacity: 0;display: none;
    transition:.4s all ease;-webkit-transition:.4s all ease;-moz-transition:.4s all ease}
.box_product .tap_btnlist {display: block;width: 100%;position: absolute;bottom: 0;left: 0;
    background: -ms-linear-gradient(-60deg,,rgba(0,0,0,0.2) 55%, rgba(255,255,255,0.2) 45%);background: -webkit-linear-gradient(-60deg,,rgba(0,0,0,0.2), rgba(255,255,255,0.2));
    background: linear-gradient(-60deg,,rgba(0,0,0,0.2), rgba(255,255,255,0.2)); }
.box_product .tap_btnlist li{display: block;width: 20%;float: left;box-sizing: border-box;position: absolute;bottom: 0;}
.box_product .tap_btnlist li:nth-child(2){left: 20%;}
.box_product .tap_btnlist li:nth-child(3){left: 40%;}
.box_product .tap_btnlist li:nth-last-child(2){left: 60%;}
.box_product .tap_btnlist li:nth-last-child(1){border-right: none;right: 0;}
.box_product .tap_btnlist li i{font-size: 2vw;display: inline-block;font-style: normal;line-height: 1.15;}
.box_product .tap_btnlist li a{/*display: table;*/color: #fff;text-transform: uppercase;height: 100%;margin: 0 auto;display: block;padding: 2vw 0;box-sizing:border-box;padding-left: 5.2vw;}
.box_product .tap_btnlist li a>div{/*text-align: center;display: table-cell;vertical-align: middle;*/white-space: nowrap;}
.box_product .tap_btnlist li div.cname{display: inline-block;text-align: left;padding-left: 9px;}
.box_product .tap_btnlist li p{display: block;font-size: 18px;line-height: 1.15;margin-bottom: 7px;text-indent: 9px;}
.box_product .tap_btnlist li span{display: block;line-height: 1.15;font-size: 14px;text-transform: uppercase;white-space:nowrap;text-indent: 9px;  }
.box_product .tap_btnlist .on{
    background: -ms-radial-gradient(circle,#fccf9a,#65462e);background: -webkit-radial-gradient(circle,#fccf9a,#65462e);
    background: radial-gradient(circle,#fccf9a,#65462e);}
.box_product .tap_btnlist li em{display: none;font-size: 16px;padding-left: 23px;height: 18px;line-height: 1.15;
    background: url(../images/pro_hover.png) left center no-repeat;margin-bottom: 1vw;background-size: 18px;
    transition:.4s all linear;-webkit-transition:.4s all ease;-moz-transition:.4s all ease;}
.box_product .tap_btnlist .on em{display: inline-block;}
.box_product .tap_btnlist .on i{font-size: 2.9vw;}
.box_product .tap_btnlist .on p{/*padding-top: 2vw;*/font-size: 1.5vw;}


.box_product div.show { display: block;opacity: 1;}
.box_product .top{width: 89.6%;margin: 0 auto 5.7vw auto;}
.box_product h3{font-size: 1.8vw;color: #ffd29c;display: inline-block;}
.box_product .more{float: right;}
.box_product .tap_box{opacity: 0;transform: translateY(100%);
    transition:.8s all ease;transition:.8s all ease;-webkit-transition: .8s all ease;-moz-transition: .8s all ease;}
.box_product .tap_box li a{display: block;overflow: hidden;width: 100%;height: 17vw;background-color: #fff;border-radius: 50%;border: 4px solid #ebc391;
    box-sizing: border-box;transition:.8s all ease;-webkit-transition: .8s all ease;-ms-transition: .8s all ease;}
.box_product .tap_box li a img{display: block;width: 100%;position: relative;top: 50%;left: 50%;transition:.8s all ease;-webkit-transition: .8s all ease;-ms-transition: .8s all ease;
    transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.box_product .tap_box li h4, .box_product .tap_box li span{display: none;}
.box_product .tap_box li {display: block;padding: 14px 0 17px 14px;width: auto; box-sizing: border-box; 
    -webkit-transition:.8s all ease;-moz-transition:.8s all ease;transition: .8s all ease;
    background: url(../images/pro_bk.png) left center no-repeat; background-size: cover;}
/*.box_product .tap_box .swiper-container .swiper-slide:hover img{transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);}*/
.box_product .tap_box .swiper-container>.swiper-pagination{width: 100%;font-size: 0;margin-top: 2.0vw;position: static;}
.box_product .swiper-pagination-bullet{margin: 0 7px;}

.active.box_product .tap_box{opacity: 1;transform: translateY(0);}

.box_news{background-image: url(../images/bg_new-2021.jpg);padding: 10.4vw 5.2% 0 5.2%;}
.box_news .top{color: #fff;margin-bottom: 2vw;opacity: 0;
    transition:.8s all linear;-webkit-transition: .8s all ease;-moz-transition: .8s all ease;
    transform: translateY(100%);-webkit-transform: translateY(100%);-ms-transform: translateY(100%);}
.box_news .top .more{color: #fff;border: 0;display: inline-block;float: right;background: transparent;width: auto;margin-top: -7px;line-height: 1.2;height: auto;}
.box_news .top .more:hover{background-color: transparent;color: #ffd29c;}
.box_news .top h3{font-size: 2.5vw;line-height: 1.15;margin-bottom: 1.3vw;color: #ffd29c;}
.box_news .top h2{font-size: 1.3vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;;display: inline-block;}

.box_contact{background: url(../images/bg_cont-2021.jpg) no-repeat;background-size: cover;padding-top: 7.9vw;box-sizing:border-box;}
.box_contact #map1{height: 26vw;width: 55%;margin-right: 5.2%;float: right;}
.box_contact .top .fl{color: #fff;width: 28%;margin-left: 9.6%;padding-top: 3.9vw;}
.box_contact .top .fl h3{color: #ffd29c;font-size: 2.5vw;line-height: 1.15;margin-bottom: 15px;}
.box_contact .top .fl h5{font-size: 1.4vw;line-height: 1.15;font-weight: normal;margin-bottom: 2.0vw;display: block;}
.box_contact .top .fl p{font-size: 16px;line-height: 1.8;}
.contact-list li i{display: inline-block;width: 15px;height: 17px;background: url(../images/icon.png) no-repeat;background-position: -1px -5px;margin-right: 1vw;
    float: left;transform: translateY(8px);}
.contact-list li .cicon2{background-position: -2px -33px;}
.contact-list li .cicon3{background-position: -2px -61px;}
.contact-list li .cicon4{background-position: 0 -91px;}
.contact-list li .cicon5{background-position: -1px -118px;}
.contact-list li .cicon6{background-position: 0 -148px;}

.footer{width: 91.5%;margin: 0 auto;padding: 3vw 4.25% 3vw 4.25%;
    background: -webkit-linear-gradient(to right, #ab8b67, #6f5036);background: -o-linear-gradient(to right, #ab8b67, #6f5036);
    background: -moz-linear-gradient(to right, #ab8b67, #6f5036);background: linear-gradient(to right, #ab8b67, #6f5036);}
.footer .MenuList_f1 h3{font-weight: normal;}
.footer .MenuList_f1 .child{display: block !important;}
.footer .MenuList_f1 .stmenu {margin-right: 4.4vw;float: left;}
.footer .MenuList_f1 .stmenu:nth-child(4),.footer .MenuList_f1 .stmenu:nth-child(1){display: none;}
.footer .MenuList_f1 .stmenu>h3 span{color: #ffffff;font-size: 16px;line-height: 1.15;}
.footer .MenuList_f1 .stmenu>h3{display: block;margin-bottom: 12px;}
.footer .MenuList_f1 .child h3 span{padding: 5px 0;color: #e4e4e4;font-size: 14px;}
.footer .fr{width: 130px;}
.footer .fr img{width: 100%;margin-bottom: 12px;display: block;box-sizing: border-box;}
.footer .fr p{font-size: 14px;color: #fff;text-align: center;line-height: 1.15;}
.footer .links {display: block;text-align: left;margin-top: 2vw;}
.footer .links li:nth-of-type(1),.footer .links li:nth-of-type(2){margin-left: 0;}
.footer .links li{display: inline-block;margin-left: 1vw;}
.footer .links li a{color: #fff;}

.footer {padding: 32px 5.2% 27px 5.2%;font-size: 14px;text-align: left;line-height: 1.5;box-sizing: border-box;position: absolute;
    bottom: 0;left: 0; width: 100%;color: #fff;}

.active.box_news .top{opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);}


#page,#load_more_button{display: none;}

@media screen and (max-width: 1550px){
    .box_about .box_txt{padding-top: 15.4vw;}
    .box_product .tap_btnlist li a{padding-left: 3vw;}

    .box_contact .top .fl{padding-top: 1.5vw;}
}
@media screen and (max-width: 1440px){
    .box_about .box_txt>p{font-size: 14px;}
    .fp_nav{top: 38%;}
}
@media screen and (min-width: 1025px){
    .banner .swiper-button-next:hover{padding-right: 42px;color: #1dc8cb;}
    .banner .swiper-button-prev:hover{padding-left: 42px;margin-right: 18px;color: #1dc8cb;margin-left: 5px;}

    .box_about .more:hover{padding-left: 20px;background-position: 93px center;}
    
    .box_ser .more:hover{padding-left: 20px;background-position: 93px center;} 

    .box_product .more:hover{background-color: #fad778;color: #6a232c;border-color: #fad778; }
    .box_product .tap_box li a:hover img{-ms-transform: scale(1.1,1.1) translate(-45%,-45%);-webkit-transform: scale(1.1,1.1) translate(-45%,-45%);
        transform: scale(1.1,1.1) translate(-45%,-45%);transform-origin:center;}
    .box_product .tap_btnlist li:hover{ background: -ms-radial-gradient(circle,#fccf9a,#65462e);
    background: -webkit-radial-gradient(circle,#fccf9a,#65462e);background: radial-gradient(circle,#fccf9a,#65462e);}
    .box_product .tap_btnlist li:hover em{display: inline-block;transition:.4s all ease;-webkit-transition:.4s all ease;-moz-transition:.4s all ease;}
    .box_product .tap_btnlist li:hover i{font-size:2.9vw;transition:.4s all ease;-webkit-transition:.4s all ease;-moz-transition:.4s all ease;}
    .box_product .tap_btnlist li:hover p{font-size: 18px;transition:.4s all ease;-webkit-transition:.4s all ease;-moz-transition:.4s all ease;}

}
@media screen and (max-width: 1440px){
    .footer .MenuList_f1 .stmenu{margin-right: 2.5vw;}
    .box_contact .top .fl{width: 34%;margin-left: 5.2%;}

    .img-list li p{font-size: 12px;}
}
@media screen and (max-width: 1250px){
    .img-list li p{display: none;}
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
    .img-list li p{display: none;}
    .index-video{display: none;}
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30vw;}
    .banner .jt_group{left: 20%;}
    .ResTitle_a1{font-size: 36px;}
    .ResTitle_a1 em{font-size: 24px;}

    .box_about{padding: 0 5%;}
    .box_about .box_txt{width: 100%;float: none;padding-top: 20%;}
    .box_about .box_img{width: 100%;float: none;padding-top: 5%;}
    .box_about .card{width: 80%;}
    .box_about .box_txt>p{font-size: 18px;}
    .box_about .box_txt h3{font-size: 3vw;}
    .box_about .box_txt h5{font-size: 2.5vw;}

    .box_ser{padding: 28% 5%;}
    .img-list{display: none;}

    .box_product h3{font-size: 3.8vw;}

    .box_product{padding-top: 23%;}
    .box_product .top{margin-bottom: 0;}
    .box_product .top>h3{display: none;}
    .box_product .tap_box li a{height: 22vw;}
    .box_product .cont{padding-top: 11vw;box-sizing: border-box;height: calc(100% - 16.7vh + 25px);}
    .box_product .tap_btnlist li:nth-child(2){left: unset;}
    .box_product .tap_btnlist li:nth-child(3){left: unset;}
    .box_product .tap_btnlist li:nth-last-child(2){left:unset;}
    .box_product .tap_btnlist li:nth-last-child(1){right:unset;}
    .box_product .tap_btn{overflow: visible;position: relative;background-color: rgba(0,0,0,0.2);}
    .box_product .tap_btnlist{display: flex;position: static;background: transparent;position: relative;display: -webkit-box;display: -webkit-flex;bottom: 0;}
    .box_product .tap_btnlist li{height: auto;padding: 0;margin: 0;position: static;width: auto ;display: block;position: relative;float: none;}
    .box_product .tap_btnlist .on{height: auto;margin: 0;}
    .box_product .tap_btnlist li p{font-size: 3vw;}
    .box_product .tap_btnlist li i{font-size: 6vw;}
    .box_product .tap_btnlist li i:before{margin-bottom: 3vw;text-transform: uppercase;white-space: nowrap;}
    .box_product .tap_btnlist li a{display: block;padding: 4.3vw 4.3vw 4.3vw 5vw;position: relative;height: auto;}
    .box_product .tap_btnlist .on a{padding: 5vw 4.3vw 4vw 5.5vw;margin-top: -5.2vw;
    background: -ms-radial-gradient(circle,#fccf9a,#65462e);background: -webkit-radial-gradient(circle,#fccf9a,#65462e);
    background: radial-gradient(circle,#fccf9a,#65462e);}
    .box_product .tap_btnlist .on i:before{margin-bottom: 3vw;margin-left: -1.9vw;}
    .box_product .tap_btnlist .on i{font-size: 7vw;}
    .box_product .tap_btnlist .on p{font-size: 3.5vw;margin-left: 0;text-indent: 0px;}
    .box_product .tap_btnlist .on span{margin-left: 0;text-indent: 0px;}
    .box_product .more{float: none;margin-top: 5%;}

    .box_news{padding-top: 30%;}

    .box_contact .top .fl{width: 94%;margin: 0 auto;float: none;padding-top: 9vw;margin-bottom: 40px;}
    .box_contact #map1{width: 94%;height: 33vw;float: none;margin: 0 auto;}
    .box_contact .top .fl p{font-size: 20px;}

    .fp_nav{display: none;}

    .box_ser{padding: 23vw 2.75% 0 2.75%;background-image: url(../images/mbserbg-2021.jpg);background-size: 100% calc(100% - 11vw);
    background-position: bottom;}
    .ser_list{width: 100%;background-image: url(../images/mbgser.png);margin: 60px auto;}
    .box_ser h3{font-size: 35px;}
    .box_ser .smbox{display: block;}
    .box_ser .smbox img{width: 100%;display: block;}
    .smbox p{font-size: 18px;}
    .smbox {width: 50%;}
    .box_ser .d-table{height: 30vw;}
    .box_contact .top .fl h5,.box_news .top h2{font-size: 2.4vw;}
    
}

@media screen and (max-width: 640px){
    body{font-size: 14px;}
    .PC_ban{display: none;}
    .Mob_ban{display: block;}
    .sArrow{display: none;}
    #BannerShow_b1 .swiper-container{height: 100%;}
    .swiper-pagination-bullet{width: 2vw;height: 2vw;border: 0.3vw solid #ffd29c;border-radius: 50%;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{width: 100%;text-align: center;left: 0;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
    .fp_nav{display: none ;}

    .box_about{padding: 0;background-image:url(../images/mbg_coo-2021.jpg) ;background-size: cover;}
    .box_about .box_txt>p{display: none;}
    .box_about .box_txt>h3{display: none;}
    .box_about .mob{display: block;}
    .box_about .mob h3{font-size: 6.5vw;color: #ffd29c;line-height: 1.15;}
    .box_about .mob h3{font-size: 5vw;color: #ffe79c;line-height: 1.15;display: block;margin-top: 2.5vw;}
    .box_about .card{width: 100%;padding: 20px 2.75%  13px 15.6%;background-size: 10vw,contain;background-position: 2.75% center;}
    .box_about .box_img{width: 94.5%;margin: 0 auto;padding: 0;}
    .box_about .box_img li{margin-bottom: 7px;}
    .box_about .card p{font-size: 3.8vw;}
    .box_about .box_txt{width: 94.5%;padding-top: 18vw;margin: 0 auto 8vw auto;}
    .box_about .box_txt h4{font-size: 6.5vw;margin-bottom: 3.4vw;color: #ffe79c;}
    .box_about .box_txt h3{font-size: 4.3vw;margin-bottom: 1vw;font-weight: normal;}
    .box_about .box_txt h5{font-size: 4.0vw;}
    .box_about .more,.box_ser .more{float: right;width: 29.3vw;line-height: 8.2vw;height: 8.2vw;padding-left: 4.4vw;font-size: 3.3vw;background-size: 5.6vw;
        background-position: calc(100% - 10px) center;} 
    .box_about .more{margin-top: 4.4vw;color: #ffe79c;border-color: #ffe79c;}

    .active.box_about .box_img li{opacity: 1;}

    .logo_list{display: none;}
    .box_ser{padding: 23vw 2.75% 0 2.75%;}
    .ser_list{margin: 11.1vw auto 8.33vh auto;}
    .box_ser h3{font-size: 6.66vw;}
    .smbox p{font-size: 3.8vw;}
    .smbox {width: 57.77%;}
    .box_ser .d-table{height: 37vw;}
    /*
    .box_ser .txt{margin-left: 0;}
    .box_ser .txt h3{font-size: 6.5vw;}
    .box_ser .txt h4{font-size: 4.5vw;margin-bottom: 0;}
    .box_ser .txt .gallery-top{display: none;}
    .box_ser .img{height: auto;line-height: normal;margin: 0 auto;}
    .box_ser .top{background: url(../images/aa.jpg) no-repeat;background-size: 100% auto;background-position: bottom center;}
    .box_ser .img .swiper-slide a:nth-child(1){height: 31.4vh;line-height: 31.4vh;margin: 0 auto;display: block;}
    .box_ser .img p{display: block;font-size: 6.5vw;color: #ffd29c;line-height: 1.15;text-align: left;}
    .box_ser .more{display: block;float: left;margin: 2.2vw 0 0 0;height: 7.2vw;line-height: 7.2vw;}
    .box_ser .img .swiper-pagination{display: block;line-height: 1.0;text-align: right;right: 0;margin-top: 6vh;}
    .box_ser .img .swiper-pagination .swiper-pagination-bullet{margin: 0 1.3vw;}
    */

    .box_product h3{font-size: 4.4vw;}
    .box_product{padding-top: 16.7vh;}
    .box_product .top{margin-bottom: 0;}
    .box_product .top>h3{display: none;}
    .box_product .top .mob{display: block;}
    .box_product .cont{padding-top: 11vw;box-sizing: border-box;height: calc(100% - 16.7vh + 25px);}
    .box_product .tap_box{width: 94.5%;}
    .box_product .tap_box .swiper-container>.swiper-pagination{margin-top: 7.1vw;}
    .box_product .tap_box .swiper-container>.swiper-pagination{height: calc(2vw + 6px);}
    .box_product .more{width: 25%;height: 6.5vw;line-height: 6.5vw;font-size: 3.8vw;margin-top: 4vw;}
    .box_product .tap_box li {display: block;padding: 1.6vw 0 2.1vw 1.5vw;}
    .box_product .tap_box li a{border-width: 0.6vw;height: 44vw;}
    .box_product .tap_btnlist{position: relative;display: -webkit-box;display: -webkit-flex;bottom: 0;}
    .box_product .tap_btnlist li{height: 20.3vw;width: auto ;display: block;position: relative;float: none;}
    .box_product .tap_btnlist li:nth-child(2){left: unset;}
    .box_product .tap_btnlist li:nth-child(3){left: unset;}
    .box_product .tap_btnlist li:nth-last-child(2){left:unset;}
    .box_product .tap_btnlist li:nth-last-child(1){right:unset;}

    .box_product .tap_btnlist li a{padding: 6.2vw 5.7vw 6.2vw 7.0vw;}
    .box_product .tap_btnlist li i{display: none;}
    .box_product .tap_btnlist li p{font-size: 3.9vw;margin: 0 auto 1.9vw 0;text-indent: 0;padding-top: 0;}
    .box_product .tap_btnlist li span{font-size: 3.6vw;text-indent: 0;}
    .box_product .tap_btnlist li p:before{display: none;content: "产品应用";font-size: 3.8vw;padding-left: 3.1vw;height: 3.8vw;line-height: 1.15;
    background: url(../images/pro_hover.png) left center no-repeat;margin-bottom: 2.5vw;background-size: 1.8vw;}
    .box_product .tap_btnlist .on a{padding: 7.1vw 5.1vw 6.7vw 9.6vw; margin-top: -7.3vw;}
    .box_product .tap_btnlist .on p:before{display: block;margin-left : -3.9vw;}
    .box_product .tap_btnlist .on p{padding: 0;margin-left: 0;font-size: 3.9vw;}
    .box_product .tap_btnlist .on span{margin-left: 0;}
    .box_ser .smbox img{width: auto;max-height: 100%;max-width: 100%;}

    .box_news{padding: 18vw 2.75% 0 2.75%;}
    .box_news .top{margin-bottom: 7.6vw;width: 100%;}
    .box_news .top h3{font-size: 6.5vw;margin-bottom: 2.8vw;}
    .box_about .box_txt h5{display: none;}
    .box_news .top h2{font-size: 3.8vw;}
    .box_news .top .more{width: 30vw;line-height: 6.8vw;height: 6.8vw;font-size: 3.8vw;margin-top: -1.7vw;border: 1px solid #fff;    padding: 0 0.5em;}
    .box_news #NewsList_a1 ul li:nth-child(1){display: none;}

    .box_contact{padding-top: 18vw;background-image: url(../images/mbg_cont-2021.jpg);background-size: cover;}
    .box_contact .top .fl h3{font-size: 6.6vw;}
    .box_contact .top .fl h5{font-size: 4vw;margin-bottom: 7vw;}
    .box_contact .top .fl{width: 93.4%;margin: 0 auto;float: none;padding-top: 0;}
    .box_contact .top .fl p{font-size: 3.8vw;}
    .box_contact #map1{width: 93.4%;margin: 0 auto;float: none;height: 39vw;margin-top: 4vw;}

    .footer{padding: 3.9vw 2.75%;font-size: 3.8vw;color: #fff;text-align: center;}
    .index .footer .gs{float: none;}
    .footer p, .footer a{color: #fff;display: inline;}
    .footer .fr{display: inline;width: auto;margin: 0;float: none;padding-left: 1em;}
    .index .footer .bottom{text-align: center;}
    .contact-list li i{transform: translateY(6px);margin-right: 1em;}

    .box_product .tap_btnlist .on em{display: none;}
    .box_ser .img .swiper-slide img{max-width: 100%;max-height: 90%;}
    .footer .links{display: none;}

    .box_news{background-image: url(../images/mbgnews-2021.jpg);}
    .box_contact{background-image: url(../images/mbg_cont-2021.jpg);}
    .box_about{background-image: url(../images/mbg_coo-2021.jpg);}
    .box_product{background-image: url(../images/mbserbg-2021.jpg);}
}