@charset "utf-8";
html,body{font-family: font1;}
@font-face { font-family:font2; src: url("../images/Balkist-Medium.otf");}
@font-face { font-family:font1; src: url("../images/Gilroy-Medium.ttf");}
.header{transition: all .8s;width: 100%; position: fixed;z-index: 100;top: 0;left: 0;}
.headerbox{width: 1170px;margin: 0 auto;max-width: 92%;height:80px;align-items: center;display: flex;justify-content: space-between;}
.logo{width: 152px;}
.logo img{width: 100%;transition: all .5s;}
.c1{display: block;}
.c2{display: none;}
.nav{width: calc(100% - 267px);}
.nav ul{display: flex;justify-content: space-between;align-items: center;}
.nav  a{display: block; font-size: var(--font20);color: #fff;padding:5px;position: relative;}
.nav a:before{position: absolute;content: "";border-bottom: 2px solid #fff;width: 0;left: 50%;transform: translateX(-50%); bottom: 0;transition: all .8s;}
.nav li.cur a:before{width: 100%;}
.nav a:hover:before{width: 100%;}
.nav-color a{color: #b3865e;}
.nav-color a:before{border-color:#b3865e;}
.header.on{background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);  }
.header.on .c1{display: none;}
.header.on .c2{display: block;}
.header.on .nav a{color: #b3865e;}
.header.on .nav a:before{border-color: #b3865e;}

.banner img{width: 100%;}
.banner_text{position: absolute;width:1170px;max-width: 92%;top: 170px;left: 50%;transform: translateX(-50%);}
.banner_text h2{font-size: var(--font64);color: #fff;text-transform: uppercase;}
.banner_text p{color: #fff;font-size: var(--font20);line-height: 1.8;font-weight: 200;width: 560px;max-width: 90%;}
.cpbox{width: 265px; margin-top: 2rem;}
.cpbox a{display: block;font-size: var(--font34);color: #fff; line-height: 63px;border-radius: 32px;background: #201c16;text-align: center;text-transform: uppercase;transition: all .6s;}
.cpbox a:hover{background: #b3865e;}
.sect {width: 1200px;margin: 0 auto;max-width: 92%; padding: 1rem 0 0 0;}
.sect_title{text-align: center;}
.sect_title h2{color: #3d3d3d;font-size: var(--font44);font-style: italic;font-family: font2;}
.tsck{width: 400px; position: fixed;z-index: 101;border-radius: 8px; padding: 45px 15px;background: #fff;left:50%; top:50%; transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(0, 0, 0, .1);display: none; }
.tsck p{text-align: center;font-size: var(--font28);color: #333;line-height: 1.4;}
.gbtn{position: absolute;width: 30px;height: 30px;cursor: pointer; top: 10px; right: 10px;border-radius: 50%;background:url(../images/a_25.png);text-align: center;color: #333; line-height: 30px;font-size: 20px;transition: .8s;background-size: 100% 100%;}
.gbtn:hover{transform: rotate(360deg);}

.sect_content{padding-top: 1rem;}
.sect_content ul{display: flex;flex-wrap: wrap;}
.sect_content li{width: 53%;}
.sect_content ul li:nth-child(2){ width:23.5%;}
.sect_content ul li:nth-child(3){ width:23.5%;}
.sect_content span{display: block;}
.sect_content  span img{width: 100%;}
.hzqy{padding: 1rem 0 1.2rem;}
.hzqy ul{display: flex;gap:.7rem;}
.hzqy li{width: 20%;}
.hzqy  ul li:nth-child(1) .sect_text{text-align: center;}
.hzqy img{width: 100%;}
.sect_text{padding-top: .45rem;}
.sect_text p{text-align: center; font-size: var(--font24);color: #b4875e;display: inline-block;}

.biam-bg{background: url(../images/a_32.png) no-repeat center center;background-size: cover;background-attachment: fixed;}
.biam{padding: 1.3rem 0 1rem;}
.biam_title{text-align: center;}
.biam_title h2{color: #fff;font-size: var(--font88);font-family: font2;font-style: italic; text-transform: uppercase;}
.biam_title p{color: #fff;font-size: var(--font30);font-family: font2;font-style: italic; margin-top: 20px;}
.biam_content{width: 7rem;margin: 0 aut;max-width: 92%;padding-top: 1.5rem;margin: 0 auto;}
.biam_content ul{display: flex;justify-content: space-between;padding-top: .3rem;}
.biam_content li{text-align: center;}
.biam_content ul li p{color: #fff;font-size: var(--font20);text-transform: uppercase;}
.fgt{width: 6.83rem; margin: 0 auto;}
.fgt img{width: 100%;}

.team{width: 1170px;max-width: 92%; margin: 0 auto;padding: 1rem 0 1.1rem;}
.team_text{padding-left: 3rem;}
.team_text p{color: #b4875e;font-size: var(--font28);text-transform: uppercase;font-size: var(--font30);}
.team_content{padding-top: .8rem;}
.team_content ul{display: flex;gap:25px;}
.team_content li{width: 50%;}
.teambox{position: relative;}
.teambox img{width: 100%;}
.title1{position: relative;padding: .95rem 1.1rem 0 1.6rem;color: #3d3d3d;font-size: var(--font20);}
.title1:before{background: url(../images/a_12.png);width: 1.14rem;height: 1.99rem;background-size: 100% 100%;left: .4rem;top: -.85rem; position: absolute;content: "";}
.title2{width: calc(100% + 2.25rem);position: relative;padding: .6rem 0 0 0;color: #3d3d3d;left: -2.25rem;font-size: var(--font20);text-align: right; padding-right: 2.25rem;}
.title2:before{position: absolute;content: "";background: url(../images/a_13.png);width: 1.14rem;height: 1.99rem;background-size: 100% 100%;top: -1.2rem;right: 1.08rem;}

.footer{background: #b4875e;}
.footerbox{width: 1170px;margin: 0 auto;max-width: 92%; padding: .8rem 0 1.1rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer_left{width: 300px;}
.footer_left h2{color: #fff;font-size: var(--font20);margin-bottom: .5rem;}
.footer_left a{display: block;position: relative;display: flex;justify-content: space-between;align-items: center;line-height: 30px;border-bottom: 1px solid #fff; padding: 0 10px;font-size: var(--font16);color: #fff;}
.footer_left a b{background: url(../images/a_35.png);width: 16px;height: 17px;background-size: 100% 100%;}
.footer_left p{color: #fecb9d;padding: 10px;font-size: var(--font16);line-height: 1.5;}
.footer_right{width: calc(100% - 430px);}
.footer_right ul{display: flex;justify-content: space-around; flex-wrap: wrap;}
.footer_right h2{color: #fff;font-size: var(--font20);margin-bottom: .15rem;}
.footer_right dt{line-height: 2.1;font-size: var(--font16);}
.footer_right dt a{color: #fff;transition: all .6s;}
.footer_right dt a:hover{opacity: .6;}

/*products*/
.banner_text2 h2{color: #b4875e;}
.products{width: 1170px;margin: 0 auto;max-width: 92%;}

.products_list{padding-top: 1.1rem;}
.products_title{display: flex;justify-content: space-between;align-items: center;}
.products_title h2{font-size:var(--font42);color: #b4875e;font-family: font2; font-style: italic;}
.products_title a{color: #b4875e;font-size:var(--font24);border-bottom: 1px solid #b4875e; text-transform: uppercase;}
.products_content ul{display: flex;flex-wrap: wrap;padding: .8rem 0 1.35rem 0;gap:30px;}
.products_content li{width: calc(33.333% - 60px/3); position: relative;}
.products_content li:before{position: absolute;content: "";background: #fff;border-radius: .3rem;width: 100%;height: calc(100% - 1.25rem);left: 0;bottom: 0;box-shadow:10px 10px 5px rgba(235, 215, 175, .5); }
.productsbox{padding: 0 .5rem .3rem .5rem;position: relative;z-index: 10;}
.productsbox span{display: block;width: 1.17rem; margin: 0 auto;}
.productsbox span img{width: 100%;transition: all .8s;}
.products_content a:hover .productsbox span img{transform: translate(0, -10px);}
.productsbox b{background: url(../images/a_17.png);width: .36rem;height: .36rem; position: absolute;background-size: 100%;left: .3rem; top: 1.5rem;}
.products_text{text-align: center;}
.products_text h2{font-size:var(--font30) ;color: #b4875e;border-bottom: 1px solid #999999;padding-bottom: .2rem;margin-bottom: .2rem; text-transform: uppercase;}
.products_text p{color: #999999;line-height: 1.6;font-size:var(--font24) ;}

.Supe_content{padding: .45rem 0 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;}
.Supe_left{width: calc(55% - .7rem);}
.supe_title{padding-bottom: .5rem;border-bottom: 1px solid #3d3d3d;}
.supe_title h2{font-size:var(--font56) ;color: #3d3d3d;text-transform: uppercase;}
.supe_title  p{color: #3d3d3d;font-size:var(--font26) ;text-transform: uppercase;}
.Supe_left li{display: flex;justify-content: space-between;align-items: center; height: .66rem;border-bottom: 1px solid #3d3d3d;color: #3d3d3d;cursor: pointer; font-size:var(--font26) ;position: relative;}
.Supe_left li b{position: absolute;content: "";background: url(../images/a_19.png);width: .28rem;height: .28rem;background-size: 100%;right: 0;top: 50%;transform: translateY(-50%);}
.Supe_left li span{width: 125px;}
.Supe_left li p{width: calc(100% - 125px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.Supe_right{width: 40%; overflow: hidden; position: relative;}
.supebox{border-radius: .3rem;overflow: hidden;}
.supebox img{width: 100%; object-fit: cover;}
.btnbox{position: absolute;content: "";left: 30px;bottom: 80px;width: 118px;}
.Supe_right .swiper-button-prev:after,.Supe_right  .swiper-button-next:after{font-size: 20px;color: #b4875e;}
.Supe_right .swiper-button-next{right: 0;}
.Supe_right .swiper-button-prev{left: 0;}
.Supe_right .swiper-pagination{text-align: left; padding-left: 30px;height:auto;display: flex;gap:10px;flex-direction: column;bottom: 30px;}
.Supe_right .swiper-pagination-bullet{display: block;width: 24px;height: 2px;opacity: 1;border-radius: 0;background: #999999;transition: all .6s;}
.Supe_right .swiper-pagination-bullet-active{width: 35px;background: #b4875e;}

.soci{width: 100%; position: relative;padding-bottom: 1.5rem;}
.soci:before{position: absolute;content: "";width: 100%;height: 3.3rem; left: 0;bottom: 0;background: #b4875e;}
.soci_title{padding: .9rem 0;}
.soci_title h2{font-family: font2;text-align: center;color: #3d3d3d;font-style: italic;font-size:var(--font46) ;}
.soci_content{width: 1770px;max-width: 92%; margin: 0 auto;}
.soci_content ul{display: flex;flex-wrap: wrap;gap:30px; position: relative;z-index: 1;}
.soci_content li{width: calc(25% - 90px/4);}
.socibox{overflow: hidden;border-radius: .3rem;}
.socibox img{width: 100%; object-fit: cover;aspect-ratio: 420 / 600;transition: all 1s;}
.soci_content li a:hover img{transform: scale(1.1);}

.bj1{background: rgba(0,0,0,.3);position: fixed;z-index: 101;width: 100%;height: 100%;left: 0;top: 0;display: none;}
.bimoc{position: fixed;z-index: 102;background: #fff;border-radius: .3rem;left:50%; top:50%; transform:translate(-50%,-50%);width: 830px;max-width: 90%;padding: 0 .4rem .6rem .4rem;display: none;}
.bimoc_title{border-bottom: 1px solid #3d3d3d;padding: .3rem 0 .15rem;}
.bimoc_title h2{color: #3d3d3d;font-size:var(--font72) ;text-transform: uppercase;}
.bimoc_content{display: flex;justify-content: space-between;align-items: center;padding-top: .2rem;}
.bimoc_left{width: calc(100% - 3rem);}
.bimoc_left h2{color: #3d3d3d;font-size:var(--font24) ;margin-bottom: .1ren;}
.bimoc_left p{color: #3d3d3d;font-size:var(--font20) ;line-height: 1.5;}
.bimoc_right{width: 2.8rem;}
.bimoc_right img{width: 100%;}
.ggbtn{position: absolute;cursor: pointer; top: .6rem;right: .4rem;background: url(../images/a_25.png);width: 27px;height: 27px;background-size: 100%;transition: all .8s;}
.ggbtn:hover{transform: rotate(360deg);}

.banner{position: relative;overflow: hidden;}
.banner img{width: 100%;animation: zoomIn 1.2s ease-out forwards;transform-origin: center center;}
@keyframes zoomIn {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
.banner_text3{width: 835px;max-width: 92%; text-align: center; bottom: 40px;left: 50%;transform: translateX(-50%);position: absolute;}
.banner_text3 p{color: #3d3d3d;font-size:var(--font26) ;line-height: 1.5;}

.foun{width: 1200px;max-width: 92%; overflow: hidden;margin: 0 auto;}

.foun_title{padding: .8rem .55rem;}
.foun_title p{color: #3d3d3d;font-size:var(--font38) ;line-height: 1.6;}
.zznr{padding: .5rem .5rem .5rem 0;}
.foun_content{border-radius: .3rem;background: #fff;}
.founnr{position: relative;display: flex;justify-content: space-between;z-index: 1; }
.fouimg{width: 4.75rem;margin-right: -.5rem;position: relative;}

.fouimg img{width: 100%;}
.foutext{position: relative;z-index: 1;width: calc(100% - 4.8rem);padding: 1.1rem 0 0 .45rem;text-align: right;}
.foutext h2{font-size:var(--font28) ;color: #3d3d3d;text-transform: uppercase;text-align: left;}
.foutext p{text-align: left;font-size:var(--font20) ;color: #3d3d3d;margin: .2rem 0 .4rem;line-height: 1.4;}
.foutext a{display: inline-block; font-size: var(--font24); border-bottom: 1px solid #b4875e;text-transform: uppercase;color: #b4875e;}
.founbox .swiper-pagination{bottom: 1rem; padding-left: .4rem;text-align: left;}
.founbox .swiper-pagination-bullet{width: .15rem;height: .15rem; opacity: 1;background: #999999;vertical-align: middle;}
.founbox .swiper-pagination-bullet-active{width: .2rem;height: .2rem;background: #3d3d3d;}
.swiper-num{text-align: center;color: #b4875e;font-size: 24px;position: relative;z-index: 10;}


.navu_text{background: url(../images/a_27.png) no-repeat center center;background-size: cover; padding: 2.5rem 3%;}
.navu_text p{text-align: center; line-height: 1.5;font-size:var(--font38) ;color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.1);}
.cpjs{width: 1010px;max-width: 92%; margin: 0 auto; padding: 1.3rem 0 0 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}


.cpjs_text{width: 52%;padding-right: .45rem;}
.cpjs_text span{width: 2.9rem; position: relative;margin: 0 auto;display: block;}
.cpjs_text span:before{position: absolute;content: "";background: url(../images/a_30.png);width: 4.87rem;height: 1.53rem; background-size: 100% 100%;top: -1.1rem;right: -3.3rem;}
.cpjs_text img{width: 100%;}
.cpjs_text p{font-size:var(--font20) ;color: #999999;margin-top: .3rem;}

.honr{padding-bottom: 2.5rem;}
.cpjs_img{width: 48%;border-radius: .25rem; overflow: hidden;}
.cpjs_img img{width: 100%;}
.honr_content{width: 1125px; margin: 0 auto;max-width: 92%;}
.honr_content{overflow: hidden; position: relative; padding: 0 1.5rem;}
.honr_content a{display: block; overflow: hidden;}
.honr_content a img{width: 100%;}
.honr_content .swiper-container{overflow: hidden;}
.honr_content .swiper-slide { transition: 300ms; transform: scale(0.8);}
.honr_content .swiper-slide-active,.honr_content .swiper-slide-duplicate-active{ transform: scale(1);}
.honr_content .swiper-button-next:after,.honr_content  .swiper-button-prev:after{font-size: 0;}
.honr_content .swiper-button-next{background: url(../images/a_34.png);width: .76rem;height: .76rem;background-size: 100%; margin-top: -.38rem;}
.honr_content .swiper-button-prev{background: url(../images/a_33.png);width: .76rem;height: .76rem;background-size: 100%; margin-top: -.38rem;}

/*about*/
.monu{width: 1170px;margin: 0 auto;max-width: 92%; padding: 1.4rem 0 0 0;}
.monu ul{display: flex;gap:25px;}
.monu li{width: calc(50% - 25px/2);}
.monubox{position: relative;overflow: hidden; border-radius: .25rem;}
.monubox img{width: 100%;object-fit: cover;}
.monubox h2{width: 100%;left: 0;top: .45rem; padding: 0 .35rem;color: #fff;text-transform: uppercase;font-size:var(--font46) ;position: absolute;}
.moun_text{position: absolute;width: 100%; padding: 0 .35rem .35rem .35rem;left: 0;bottom: 0;transition: all .5s;}
.moun_text p{color: #fff;font-size:var(--font24) ;line-height: 1.6;}
.moun_text span{display: block;background: url(../images/a_42.png);width: .32rem;height: .32rem;background-size: 100%; margin-bottom: .1rem;}
.dydi_title{text-align: center; padding: 1.2rem 0 .9rem;}
.dydi_title h2{color: #000f16;font-size:var(--font46) ;font-family: font2;text-transform: uppercase;font-style: italic;}
.dydi_title span{display: block; margin: .58rem auto;background: url(../images/a_40.png); width: .47rem;height: .47rem;background-size: 100%;}
.dydi_title img{margin: 0 auto;}
.dydi_title p{font-size:var(--font34); color: #3d3d3d;margin-top: .35rem;}

.dydi_content{background: url(../images/a_43.png) no-repeat center center;background-attachment: fixed;padding: 1.05rem 0 .35rem;background-size: cover;}
.dydibox{width: 1050px;margin: 0 auto; max-width: 92%; }
.dydibox ul{display: flex;justify-content: space-between;gap:1rem;}
.dydibox li{width: calc(50% - 1rem/2);}
.dydibox  ul li:nth-child(2){padding-top: 1.2rem;}
.dydinr{position: relative;background: rgba(255,255,255,.7);border-radius: .25rem;}
.dydinr p{font-size:var(--font22);color: #3d3d3d; line-height: 1.4; padding: .26rem;}
.dydinr span{position: absolute; width: 0;left: .5rem;bottom: -20px;height: 0;border-left: 20px solid transparent;  border-right: 20px solid transparent;   border-top: 20px solid rgba(255,255,255,.7); }
.dydi_text{padding: .7rem 1.6rem 0 1.6rem;text-align: center;}
.dydi_text p{color: #fff;line-height: 1.4;font-size:var(--font34);}

.moun_zztext{position: absolute;width: 100%; left: 0; bottom: -100%; padding: .25rem .5rem;background: #d88940;text-align: center;transition: all .5s;}
.moun_zztext h3{font-size:var(--font40);color: #fff;margin-bottom: .1rem;}
.moun_zztext p{font-size:var(--font24);color: #fff;}
.monu a:hover .moun_zztext{bottom: 0;}
.monu a:hover .moun_text{opacity: 0;}

.comm{width: 1170px;max-width: 92%; padding: 1.4rem 0 1.6rem; margin: 0 auto;}
.commbox{display: flex;justify-content: space-between;flex-wrap: wrap; border-radius: 35px; overflow: hidden;background: #486a00;align-items: center;}
.comm-img{width: 45%; position: relative;}
.comm-img img{width: 100%;}
.comm_wb{position: absolute;width: 100%; text-align: center; left: 00;top: 50%;transform: translateY(-50%); padding: 0 .65rem;}
.comm_wb h2{font-size:var(--font48);color: #fff;text-transform: uppercase;margin-bottom: .6rem;}
.comm_twbox{display: flex;justify-content: center;gap:15px;}
.comm_twbox span{width:.6rem ;}
.comm_twbox p{width: 2.1rem;color: #fff;font-size:var(--font16);text-align: left;}
.comm-text{width: 55%; padding: 0 .25rem;}
.comm-text ul{display: flex;gap:.8rem;flex-direction: column;}
.comm-text p{color: #fff;display: inline-block; font-size:var(--font24); position: relative;padding-left: .4rem;line-height: 1.4;}
.comm-text p:before{position: absolute;width: .26rem;height: .26rem;border-radius: 50%; left: 0;background: #fff;top: .05rem;content: "";}
.comm-text  ul li:nth-child(2){ text-align: right;}
.comm-text  ul li:nth-child(2) p{width: 4.9rem;}

.dt-bg{background: #ebddc6;}
.dtnr{width: 1267px;margin: 0 auto;max-width: 92%;}
.dtnr_title{padding: .75rem 1.5rem .5rem 1.5rem;}
.dtnr_title h2{font-size:var(--font80);color: #3d3d3d;text-transform: uppercase;}
.dtnr_title p{color: #3d3d3d;font-size:var(--font24);}
.dtnr_content{position: relative;}
.dtnr_content img{width: 100%;}
.dttext{ padding: .2rem;border-radius: .2rem;background: #fff; position: absolute;text-align: center;}
.dttext h2{font-size:var(--font18);color: #3d3d3d;margin-bottom: .1rem;}
.dttext p{font-size:var(--font16);color: #999;}
.dttext1 b{position: absolute;width: .4rem;height: .4rem;background: #fff;border-radius: 50%; left: 50%;transform: translateX(-50%);bottom: -.2rem;}
.dttext1:before{position: absolute;content: "";height: 1.4rem; width: 1px;background: #b4875e;left: 50%;transform: translateX(-50%); bottom: -1.4rem;}
.dttext1{top: 0;left: .1rem;width: 3.5rem;}
.dttext1 .bfbtn{left:50%;  transform:translateX(-50%);bottom: -1.4rem;}
.imgbox{position: absolute;width: 1.65rem;border-radius: .15rem;padding: .12rem;background: #fff;bottom: -2rem;right: -1.35rem;}
.imgbox:before{position: absolute;content: "";width: 1.4rem;height: 1px;background: #b4875e;top: 50%;transform: translateY(-50%);left: -1.4rem;}
.imgbox img{width: 100%;}

.dttext2{bottom: .5rem;left: 3.6rem;width: 3rem;}
.dttext2 b{position: absolute;width: .4rem;height: .4rem;background: #fff;border-radius: 50%; top: 50%;transform: translateY(-50%);left: -.2rem;}
.dttext2:before{position: absolute;content: "";width: 1.4rem; height: 1px;background: #b4875e;top: 50%;transform: translateY(-50%); left: -1.4rem;}
.dttext2:after{height: 1.4rem;width: 1px;background: #b4875e;position: absolute;content: "";left: -1.4rem;top: -.76rem;}

.dttext2 .bfbtn{left:-1.5rem;  top: -.8rem;z-index: 10;}

.dttext3{width: 3rem; right: 1.85rem;top: .3rem;}
.dttext3 b{position: absolute;width: .4rem;height: .4rem;background: #fff;border-radius: 50%; left: 50%;transform: translateX(-50%);bottom: -.2rem;}
.dttext3:before{position: absolute;content: "";height: 1.4rem; width: 1px;background: #b4875e;left: 50%;transform: translateX(-50%); bottom: -1.4rem;}
.dttext3 .bfbtn{left:50%;  transform:translateX(-50%);bottom: -1.4rem;}

.bfbtn {background:#b4875e;width: 15px;height: 15px;border-radius: 50%;cursor: pointer; position: absolute; transition: all ease .4s;}
.bfbtn::after { z-index: -1; animation: scaleAni 1s infinite linear; content:''; border:1px solid #b4875e; width: 150%; height: 150%;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;}
.bfbtn::before { z-index: -1;animation: scaleAni 1.5s infinite linear;  content:''; border:1px solid #b4875e; width: 200%; height: 200%;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;}
 
@keyframes scaleAni{
	from{ transform: translate(-50%,-50%) scale(1); opacity: 1;}
	to{transform: translate(-50%,-50%) scale(1.5); opacity: 0;}
}
.sjdt{display: none;}
@media(max-width:1000px){
.header{background: #fff;}
.headerbox{height: 60px;}
.c1{display: none;}
.c2{display: block;}
.nav{position: fixed;width: 200px;height: calc(100vh - 60px);background: #fff;left: -200px;top: 60px;}
.nav ul{display: block;}
.nav a{color: #b4875e;display: block; line-height: 40px;padding: 0 15px;}
.dhbtn{display: block;width: 30px;height: 30px; position: absolute; right: 15px;top: 50%;transform: translateY(-50%);background: url(../images/d1.png) no-repeat center center;background-size: 20px 20px;position: absolute;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center;background-size: 20px 20px;}
.dhbj{background: rgba(0,0,0,.6);position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;display: none;}
.nav li.cur a:before{border-color:  #b4875e;}
.banner{padding-top: 60px;}
.banner_text{top: 50%;transform: translateY(-50%);left: 50%;
    transform: translateX(-50%);}
.banner_text h2{font-size: 16px;}
.banner_text p{font-size: 12px; line-height: 1.4;}
.cpbox{display: none;}
.sect_content :nth-child(1){width: 100%;}
.sect_content ul li:nth-child(2){width: 100%;}
.sect_content ul li:nth-child(3){width: 100%;}
.sect_content span img{width: 60% ; margin: 0 auto;position: relative;left: 8%;}
.sect_content ul li:nth-child(1) img{width: 60%;}
.sect_content ul li:nth-child(2) img{width: 40%;}
.sect_content ul li:nth-child(3) img{width: 40%;}
.hzqy ul{gap:.4rem}
.sect_title h2{line-height: 1.4;font-size: 20px;}
.biam_title h2{font-size: 20px;}
.biam_title p{font-size: 14px; line-height: 1.5;}
.team_text{padding: 0;}
.team_content ul{display: block;}
.team_content li{width: 100%; margin-bottom: 20px;}
.title2{width: 100%; left: auto;}

.footerbox{display: block;padding: 20px 0;}
.footer_left{width: 100%;}
.footer_right{width: 100%;}

.monu ul{display: block;}
.monu li{width: 100%;padding-bottom: 20px;}
.dydi_title h2{font-size: 20px; line-height: 1.4;}
.dydibox ul{gap:15px;}
.dydibox li{width: calc(50% - 15px/2);}
.dydinr p{font-size: 12px;}
.dydi_text{padding-left: 0; padding-right: 0;}
.dydi_text p{font-size: 14px;}
.commbox{display: block;}
.comm-img{width: 100%; }
.comm_wb h2{font-size: 18px;}
.comm_twbox{align-items: center;}
.comm_twbox p{width: calc(100% - 80px);}
.comm-text{width: 100%; padding: 15px;}
.comm-text ul{gap:15px;}
.comm-text p{font-size: 14px;}
.comm-text ul li:nth-child(2) p{display: block;}
.comm-text ul li:nth-child(2){text-align: left;}
.comm-text ul li:nth-child(2) p{width: 100%;}
.dtnr_title{padding:15px 0;}
.dtnr_title h2{font-size: 18px;}
.dtnr_title p{font-size: 12px;margin-top: 10px;}
.dtnr_content{display: none;}
.sjdt{display: block;padding-bottom: 20px;}
.sjdt img{width: 100%;}

.products_title h2{font-size: 20px;}
.products_title a{font-size: 14px;}
.products_content li{width: 100%;}
.Supe_content{display: block;}
.Supe_left{width: 100%;padding-bottom: 25px;}
.Supe_left li{height: 40px;}
.supe_title h2{font-size: 18px;}
.supe_title p{font-size: 14px; margin-top: 10px;}
.Supe_right{width: 100%;}
.soci_title h2{font-size: 20px;line-height: 1.4;}
.soci_content ul{gap:15px;}
.soci_content li{width: calc(50% - 15px/2);}


.banner_text3 p{font-size: 12px;}
.foun_title{padding: .8rem 0;}
.foun_title p{font-size: 14px; line-height: 1.5;}
.founnr{display: block;height: auto;}
.foutext{width: 100%;padding: 15px;text-align: center;}
.foutext h2{font-size: 14px;}
.foutext p{font-size: 12px;}
.zznr{padding: 0;}
.fouimg{margin: 0 auto;width: 150px;top: 0;transform: translateY(0);padding-bottom: 15px;}
.founbox .swiper-pagination{ bottom: 15px;text-align: center;}

.banner_text3{bottom:5px;}


.navu_text p{font-size: 18px;}
.cpjs_text span:before{display: none;}
.cpjs{display: block;}
.cpjs_text{width: 100%; padding: 0 0 20px 0;text-align: center;}
.cpjs_text span{width: 180px;}
.cpjs_img{width: 100%;}
.honr{padding: 0 3% 50px 3%;}
}