header{position: fixed;width: 100%;top: 0%;left: 0;z-index: 999;transition: all 1s;color: #fff;}
header::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0));content: '';z-index: 1;}
header .cont{align-items: center;position: relative;z-index: 2;}
header .cont .logo{height: 60px;padding: 30px 0;transition: all .4s;}
header .cont .logo img{height: 100%;}
header .cont .logo img:first-child{display: none;}
header .cont .nav a{color: #fff;font-size: 20px;margin: 0 2.5vw;position: relative;}
header .cont .nav a img{position: absolute;z-index: 1;left: 80%;top: 50%;transform: translate(-50%,-50%);height: 45px;opacity: 0;transition: all .6s;left: 50%;}
header .cont .nav a.on img,header .cont .nav a:hover img{top: 50%;opacity: 1;}
header .cont .nav a.on,header .cont .nav a:hover{color: #ae8349;}
header .cont .top-tel{align-items: center;}
header .cont .top-tel h5{font-size: 20px;display: flex;align-items: center;margin-left: 10px;}
header .cont .top-tel h5 em{font-family: numType;font-weight: 600;display: inline-block;font-size: 24px;}
header.on{color: #000;}
header.on::after{background: #fff;box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, .1);}
header.on .cont .logo{padding: 20px 0;}
header.on .cont .logo img{display: none;}
header.on .cont .logo img:first-child{display: block;}
header.on .cont .nav a{color: #000;}
header.on .cont .top-tel svg path{fill: #ae8349;}



.web-all{background-color: #fff;}
.inx-01{width: 100%;position: relative;}
.inx-01 .swiper-slide{width: 100%;height: 100vh;position: relative;color: #fff;}
.inx-01 .swiper-slide .img-box{width: 100%;height: 100%;}
.inx-01 .swiper-slide .img-box video{width: 100%;}
.inx-01 .swiper-slide .info{position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 2;}
.inx-01 .swiper-slide a{width: 200px;line-height: 60px;border-radius: 30px;background:linear-gradient(to bottom,#ae8349,#a0600c) ;margin-top: 2vw;color: #fff;font-size: 20px;text-align: center;}
.banner-tap{
    /*width: 100%;*/
    position: absolute;
    color: #fff;
    bottom: 80px;
    left: 4%;
    z-index: 3;
  }
  .banner-tap>ul>li{
    width: 60px;
    height: 60px;
    border:none;
    margin:0 30px;
    text-align: center;
    font-size: 14px;
    line-height: 60px;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
  }
  .banner-tap>ul>.active{
    border:1px solid #fff;
  }
  .banner-tap>ul>li:after{
    position: absolute;
    content: "";
    width: 0;
    opacity: 1;
    height: 1px;
    background-color: #fff;
    left: -45px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .6s;
  }
  .banner-tap>ul>.active:after{
    width: 60px;
    opacity: 1;
  }
  .inx-02{background-image: url(../images/ic1.png);background-position: bottom right;background-repeat: no-repeat;}
  .inx-02 .left{width: 48%;}
  .inx-02 .left .video-box{width: 100%;overflow: hidden;border-radius: 10px;height: 32vw;}
  .inx-02 .right{width: 48%;}
  .inx-02 .right h3{color: #ae8349;margin-bottom: 10px;}
  .inx-02 .right .line{width: 100%;height: 1px;background-color: rgba(0,0,0,.2);margin: 2vw 0;}
  .inx-02 .right p{font-size: 18px;line-height: 28px;color: #7b7b7b;margin-bottom: 15px;}
  .inx-02 .right .link-box{width: 80%;margin-top: 2vw;border-radius: 10px;overflow: hidden;box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
  .inx-02 .right .link-box a{width: 50%;background-color: #fff;height: 9vw;display: flex;align-items: center;justify-content: center;}
  .inx-02 .right .link-box a:nth-child(2){background: linear-gradient(to bottom,#ae8349,#a0600c);}
  .inx-02 .right .link-box a p{font-size: 22px;margin-bottom: 0;margin-top: 10px;color: #ae8349;}
  .inx-02 .right .link-box a:nth-child(2) p{color: #fff;}
  .inx-02 .right .link-box a img{height: 5vw;margin: 0 auto;}

  .inx-03{background-color: #f5f5f5;}
  .inx-03 .tit{text-align: center;}
  .inx-03 .tit h3{color: #ae8349;margin-bottom: 10px;}
  .inx-03 .tab-list{width: 100%;margin-top: 3vw;background-color: #fff;padding: 40px 60px;box-sizing: border-box;align-items: center;border: 1px solid rgba(0, 0, 0, .1);position: relative;}
  .inx-03 .tab-list::before{position: absolute;left: 0;top: 0;content: '';width: 40px;height: 40px;border-left: 2px solid #ae8349;border-top: 2px solid #ae8349;}
  .inx-03 .tab-list::after{position: absolute;right: 0;bottom: 0;content: '';width: 40px;height: 40px;border-right: 2px solid #ae8349;border-bottom: 2px solid #ae8349;}
  .inx-03 .tab-list a{font-size: 22px;transition: all .2s;}
  .inx-03 .tab-list a.on,.inx-03 .tab-list a:hover{color: #ae8349;font-weight: 600;}
  .inx-03 .info-list{margin-top: 3vw;}
  .inx-03 .info-list .swiper-slide{width: 23%;margin-right: 2%;}
  .inx-03 .info-list .swiper-slide:last-child{margin-right: 0;}
  .inx-03 .info-list .swiper-slide a{width: 100%;box-sizing: border-box;background-color: #fff;border: 1px solid rgba(0, 0, 0, .1);border-radius: 10px;overflow: hidden;}
  .inx-03 .info-list .swiper-slide a .img-box{width: 100%;}
  .inx-03 .info-list .swiper-slide a .info{padding: 30px 20px;box-sizing: border-box;}
  .inx-03 .info-list .swiper-slide a .info h5{font-size: 24px;}
  .inx-03 .info-list .swiper-slide a .info>p{font-size: 18px;color: #ae8349;margin-top: 15px;}
  .inx-03 .info-list .swiper-slide a .more{margin-top: 1vw;padding-top: 1vw;border-top: 1px solid rgba(0, 0, 0, .1);align-items: center;}
  .inx-03 .info-list .swiper-slide a .more p{font-size: 18px;}

  .inx-04{padding-bottom: 200px;}
  .inx-04 .tit{text-align: center;}
  .inx-04 .tit h3{color: #ae8349;margin-bottom: 10px;}
  .inx-04 .tab-list{margin-top: 3vw;}
  .inx-04 .tab-list .item{padding: 0 3vw;align-items: center;}
  .inx-04 .tab-list .item p{font-size: 28px;margin-left: 5px;}
  .inx-04 .tab-list .item.on p{color: #ae8349;}
  .inx-04 .tab-list .item.on svg path{fill: #ae8349;}
  .inx-04 .swiper{width: 100%;margin-top: 3vw;overflow: visible;}
  .inx-04 .swiper .swiper-slide{width: 100%;position: relative;padding: 0 10px;box-sizing: border-box;}
  .inx-04 .swiper .swiper-slide .img-box{width: 100%;height: 32vw;border-radius: 10px;overflow: hidden;}
  .inx-04 .swiper .swiper-slide .info{position: absolute;bottom: -6vw;background-color: #fff;width: 90%;left: 5%;border-radius: 10px;box-shadow: 0 0 20px rgba(0, 0, 0, .1);overflow: hidden;align-items: center;}
  .inx-04 .swiper .swiper-slide .info .type{width: 15%;background: linear-gradient(to bottom,#ae8349,#a0600c);text-align: center;padding: 2vw 0;color: #fff;}
  .inx-04 .swiper .swiper-slide .info .type p{font-size: 24px;margin-top: 10px;}
  .inx-04 .swiper .swiper-slide .info .text{width: 85%;padding: 0 50px;box-sizing: border-box;}
  .inx-04 .swiper .swiper-slide .info .text h5{color: #ae8349;}
  .inx-04 .swiper .swiper-slide .info .text p{font-size: 18px;line-height: 28px;color: #7b7b7b;margin-top: 15px;}

  .inx-05{width: 100%;position: relative;padding-bottom: 0;}
  .inx-05 .tit{text-align: center;}
  .inx-05 .tit h3{color: #ae8349;margin-bottom: 10px;}
  .inx-05::after{position: absolute;content: '';left: 0;width: 100%;height: 65%;background-color: #f5f5f5;top: 0;z-index: 1;}
  .inx-05 .cont{position: relative;z-index: 2;}
  .inx-05 .swiper{margin-top: 3vw;}
  .inx-05 .swiper .swiper-slide{width: 23%;margin-right: 2%;}
  .inx-05 .img-box{width: 100%;border-radius: 5px;overflow: hidden;height: 16vw;}
  .inx-05 p{width: 100%;background-color: #fff;font-size: 20px;line-height: 50px;text-align: center;border: 1px solid rgba(0, 0, 0, .1);border-radius: 5px;margin-top: 15px;}

  .inx-06 .tit{text-align: center;}
  .inx-06 .tit h3{color: #ae8349;margin-bottom: 10px;}
  .inx-06 .box{width: 100%;margin-top: 3vw;}
  .inx-06 .box .left{width: 30%;background-color: #f5f5f5;border-radius: 5px;overflow: hidden;}
  .inx-06 .box .left .info{padding: 30px;box-sizing: border-box;}
  .inx-06 .box .left .info h5{font-size: 22px;margin-bottom: 15px;}
  .inx-06 .box .left .info p{margin-top: 20px;color: #7b7b7b;}
  .inx-06 .box .left .info .btn{width: 160px;line-height: 50px;background: linear-gradient(to bottom,#ae8349,#a0600c);color: #fff;font-size: 20px;text-align: center;margin-top: 2vw;border-radius: 30px;}
  .inx-06 .box .right{width: 65%;}
  .inx-06 .box .right a{padding: 1vw 0;border-bottom:1px solid rgba(0, 0, 0, .1)}
  .inx-06 .box .right a .info{width: 70%;}
  .inx-06 .box .right a .img-box{width: 25%;height: 10vw;border-radius: 5px;overflow: hidden;}
  .inx-06 .box .right a .info h5{font-size: 26px;margin-bottom: 15px;}
  .inx-06 .box .right a .info p{margin-top: 20px;color: #7b7b7b;}

  footer{background-color: #000;color: #fff;background-image: url(../images/foot-bg.jpg);background-size: cover;}
footer .foot-nav{width: 70%;padding-top: 76px;}
footer a{color: #fff;}
footer .foot-nav dl dt a{font-weight: 600;font-size: 22px;margin-bottom: 30px;}
footer .foot-nav dl dd{margin-top: 10px;}
footer .foot-nav dl dd a{font-size: 16px;opacity: .7;}
footer .right{max-width: 25%;padding-left: 5%;box-sizing: border-box;padding-top: 76px;text-align: right;}
footer .right h5{font-weight: 600;}
footer .right h3{font-size: 1.8vw;font-weight: 600;margin-top: 30px;}
footer .right h4{font-size: 16px;margin-top: 0px;opacity: .5;}
footer .right h3,footer .right h4{font-family: numType;}
footer .right img{width: 150px;height: auto;margin-top: 20px;margin-left: auto;}
footer .oth-fot{margin-top: 5vw;padding-bottom: 40px;}
footer .oth-fot .cont{align-items: center;}
footer .oth-fot .left{align-items: center;}
footer .oth-fot a img{height: 70px;}
footer .oth-fot .yx-link{height: 50px;padding: 0 40px;border:1px solid rgba(255,255,255,.5);margin-right: auto;align-items: center;}
footer .oth-fot .yx-link p{margin-left: 15px;}
footer .oth-fot  .link-txt a{margin-left: 15px;}
footer .oth-fot  .link-txt a:first-child{margin-left: auto;}
footer .oth-fot .right-info .info-oth{opacity: .5;}
footer .oth-fot .right-info .info-oth p:first-child{margin-left: auto;}
footer .oth-fot .right-info .info-oth a{color: #fff;margin: 0 15px;}

.oth-ban{width: 100%;height: 550px;overflow: hidden;position: relative;}
.oth-ban::after{position: absolute;width: 100%;height: 100%;content: '';left: 0;top: 0;background-color: rgba(0,0,0,.3);z-index: 1;}
.oth-ban h3{position: absolute;color: #fff;left: 50%;top: 50%;z-index: 2;transform: translate(-50%,-50%);}

.ab-03{background-image: url(../images/ic2.png);background-position: bottom right;background-repeat: no-repeat;}
.ab-03 .left{width: 35%;}
.ab-03 .left h3{color: #ae8349;margin-top: 1vw;}
.ab-03 .left img{width: 100%;}
.ab-03 .right{width: 60%;}
.ab-03 .right .info p{font-size: 18px;line-height: 32px;margin-bottom: 20px;}

.ab-04{background-color: #f5f5f5;background-image: url(../images/ic4.png);background-position: bottom right;background-repeat: no-repeat;}
.ab-04 h3{text-align: center;}
.ab-04 .cont{position: relative;z-index: 2;}
.wrap-brandeffects{ margin-top: 60px; display: table; width: 100%; }
.wrap-brandeffects .mybrand-cnts{ display: none;}
.wrap-brandeffects .item-active .mybrand-cnts{ display: block; box-sizing: border-box;}
.wrap-brandeffects .item-active .mybrand-tit{ display: none;}
.wrap-brandeffects  .mybrand-tit{ margin: 0 auto;}
.wrap-brandeffects .item-cell{ display: table-cell;vertical-align: top; width: 12.5%;}
/* .wrap-brandeffects .item-active{width: 50%;} */
.wrap-brandeffects .mybrand-cnts{  background: #f9f6f2; width: 540px; box-sizing: border-box; border: 7px solid #ae8349; position: relative; margin: 0 auto;}
.mybran-ins{padding: 35px 145px 35px 35px; margin-left:25px; border-left:2px solid #ae8349; position: relative;}
.wrap-brandeffects .mybrand-tit2{ position: absolute; right: 40px; top: 40px;}
.mybran-ins:after,.mybran-ins:before{ content: ""; display: block;height: 100px; width: 27px; background: #ae8349; top: 25%; position: absolute; left: -29px;}
.mybran-ins{ min-height:450px; }
.mybran-ins p{ font-size: 18px; color: #666;text-justify:inter-ideograph; 
text-align: justify;text-justify: distribute; line-height: 150%;}
.mybran-ins:before{ margin-top: 220px;}

.mybrand-tit2 *,.mybrand-tit *{ text-align: center;font-size: 26px; width: 35px; color: #ae8349; font-style: normal;}
.mybrand-tit2{ width: 70px; padding-bottom: 60px;/*background:url(../images/small_logo.png) right 10px bottom no-repeat;*/ }
.mybrand-tit2 span,.mybrand-tit span{ float: right; width: 30px; display: block;}
.mybrand-tit2 i,.mybrand-tit i{ float: left;display: block;width: 30px; }
.mybrand-tit{width: 70px; min-height: 300px; padding-top: 25px; border-top:2px solid #ae8349;}
.mybrand-tit cite,.mybrand-tit2 cite{ height: 10px; display: block; width: 35px;}

.wrap-layer8{max-width:1200px;  margin-left: auto; margin-right: auto;}


.ab-05 h3{text-align: center;margin-bottom: 3vw;}
.ab-05 .swiper{margin-top: 3vw;}
.ab-05 .swiper .swiper-slide{width: 23%;margin-right: 2%;}
.ab-05 .img-box{width: 100%;border-radius: 5px;overflow: hidden;height: 16vw;}
.ab-05 p{width: 100%;background-color: #fff;font-size: 20px;line-height: 50px;text-align: center;border: 1px solid rgba(0, 0, 0, .1);border-radius: 5px;margin-top: 15px;}

.pro-01  p{font-size: 20px;line-height: 30px;opacity: .5;}
.pro-01 .pro-tab{width: 100%;}
.pro-01 .pro-tab a{padding: 15px 30px;box-sizing: border-box;border-radius: 40px;border:1px solid rgba(0,0,0,.3);margin-right: 2vw;font-size: 22px;}
.pro-01 .pro-tab a.on,.pro-01 .pro-tab a:hover{background-color: #ae8349;color: #fff;border-color: #ae8349;}
.pro-01 .list-box{width: 100%;margin-top: 50px;margin-bottom: 50px;}
.pro-01 .list-box .item-box{width: 25%;padding: 0 15px;box-sizing: border-box;margin-top: 30px;margin-right: 0;}
.pro-01 .list-box .item-box a{width: 100%;box-sizing: border-box;background-color: #fff;border: 1px solid rgba(0, 0, 0, .1);border-radius: 10px;overflow: hidden;}
.pro-01 .list-box .item-box a .img-box{width: 100%;}
.pro-01 .list-box .item-box a .info{padding: 30px 20px;box-sizing: border-box;}
.pro-01 .list-box .item-box a .info h5{font-size: 24px;}
.pro-01 .list-box .item-box a .info>p{font-size: 18px;color: #ae8349;margin-top: 15px;}
.pro-01 .list-box .item-box a .more{margin-top: 1vw;padding-top: 1vw;border-top: 1px solid rgba(0, 0, 0, .1);align-items: center;}
.pro-01 .list-box .item-box a .more p{font-size: 18px;}


.news-01 .top-news{width: 100%;margin-top: 60px;position: relative;}
.news-01 .top-news .swiper{width: 100%;}
.news-01 .top-news .swiper .swiper-slide{width: 100%;}
.news-01 .top-news .swiper .swiper-slide a{padding: 40px;box-sizing: border-box;background-image: url(../images/bj.jpg);background-size: cover;border-radius: 15px;}
.news-01 .top-news .swiper .swiper-slide a .img-box{width: 35%;height: 24vw;border-radius: 15px;overflow: hidden;}
.news-01 .top-news .swiper .swiper-slide a .info{width: 60%;color: #fff;}
.news-01 .top-news .swiper .swiper-slide a .info h5{font-size: 1.6vw;font-weight: 600;}
.news-01 .top-news .swiper .swiper-slide a .info p{color: #fff;opacity: 1;font-weight: 500;}
.news-01 .top-news .swiper .swiper-slide a .info .box p{margin-top: 50px;width: 80%;}
.news-01 .top-news .swiper .swiper-slide a .info .btn-box{width: max-content;padding: 15px 30px;border-radius: 30px 30px 0 30px;border:1px solid #fff}
.news-01 .top-news .swiper .swiper-slide a .info .btn-box p{margin-top: 0;}
.news-01 .top-news .new-tabBtn{position: absolute;right: 40px;bottom: 40px;z-index: 2;}
.news-01 .top-news .new-tabBtn div{width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background-color: rgba(255,255,255,.6);border-radius: 50%;margin-left: 20px;cursor: pointer;}
.news-01 .top-news .new-tabBtn div:last-child svg{transform: rotate(180deg);}
.newsList{margin-top: 50px;}
.newsList a{padding: 50px 30px;border-bottom: 1px solid rgba(0,0,0,.3);align-items: center;box-sizing: border-box;}
.newsList a .time{width: 15%;font-size: 22px;}
.newsList a h5{width: 60%;font-size: 22px;}
.newsList a em{font-size: 22px;opacity: .6;}
.newsList a .more{font-size: 22px;font-weight: 600;}
.newsList a:hover{background-color: #ae8349;color: #fff;}


.contact-box .top{padding-bottom: 100px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.contact-box .top .info{margin-top: 40px;}
.contact-box .top img{width: 40px;}
.contact-box .top h4{font-size: 28px;margin: 10px 0;}
.contact-box .top h5{font-size: 22px;opacity: .6;}
.contact-box .bottom{padding: 60px 0;width: 100%;}
.contact-box .bottom h3{font-size: 46px;font-weight: 300;}
.contact-box .bottom form{margin-top: 40px;}
.contact-box .bottom form input {width: 30%;height: 40px;border: none;border-bottom: 1px solid rgb(0 0 0 / 10%);font-size: 18px;}
.contact-box .bottom form input:nth-child(4){width: 70%;}
.contact-box .bottom form input:nth-child(4),.contact-box .bottom form button{margin-top: 80px;}
.contact-box .bottom form button{width: 200px;height: 50px;background-color: #ae8349;border: none;color: #fff;font-size: 18px;font-family: "OPPOSans";margin-right: auto;margin-left: 40px;cursor: pointer;}

.fy-01 h3{text-align: center;}
.fy-01 .box{margin-top: 3vw;}
.fy-01 .box .left{width: 45%;}
.fy-01 .box .left p{font-size: 18px;line-height: 28px;color: #7b7b7b;margin-bottom: 1vw;}
.fy-01 .box .left h5{color: #ae8349;margin-bottom: 1vw;}
.fy-01 .box .img-box{width: 50%;border-radius: 10px;overflow: hidden;}
.fy-vid{width: 100%;}
.fy-vid video{width: 100%;}

.fy-02 h3{text-align: center;}
.fy-02 .list-box{width: 100%;margin-top: 3vw;}
.fy-02 .list-box .item{width: 25%;box-sizing: border-box;text-align: center;padding: 0 40px;border-right: 1px solid rgba(0,0,0,.1);}
.fy-02 .list-box .item:last-child{border-right: none;}
.fy-02 .list-box .item .ico-box{width: 70px;height: 70px;border-radius: 50%;border:3px solid #ae8349;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.fy-02 .list-box .item .ico-box svg{width: 36px;height: 36px;}
.fy-02 .list-box .item h5{margin: 25px 0;}
.fy-02 .list-box .item em{width: 30px;height: 3px;background-color: #ae8349;margin: 0 auto;display: block;}
.fy-02 .list-box .item p{font-size: 18px;line-height: 30px;margin-top: 30px;}

.fy-03{background-color: #f5f5f5;}
.fy-03 h3{text-align: center;}
.fy-03 .list{width: 100%;margin-top: 50px;}
.fy-03 .list .item{width: 19%;padding: 20px;box-sizing: border-box;background-color: #fff;border-radius: 15px;overflow: hidden;}
.fy-03 .list .item h4{margin-top: 30px;color: #ae8349;font-size: 28px;}
.fy-03 .list .item p{font-size: 18px;line-height: 32px;color: #666;margin-top: 15px;}

.fy-04 .tit{text-align: center;}
.fy-04 .tit p{font-size: 18px;line-height: 28px;color: #7b7b7b;width: 80%;margin: 0 auto;margin-top: 2vw;}
.fy-04 .swiper{width: 100%;margin-top: 2vw;}
.fy-04 .swiper .swiper-slide{width: 22%;margin-right: 1%;}
.fy-04 .swiper .swiper-slide .img-box{width: 100%;height: 15vw;overflow: hidden;border-radius: 10px;}
.fy-04 .swiper .swiper-slide p{line-height: 40px;text-align: center;color: #000;background-color: #f5f5f5;margin-top: 10px;}

/*自适应头部*/
.m_header{
  display: none;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 4px 20px 0 rgb(0 0 0 / 30%);
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 9999;
}

.m_logo{
  width: 160px;
}
.m_logo img{
  width: 100%;
  display: block;
}
.m_nav{
  display: flex;
  align-items:center;
  position: relative;
}
.m_nav>button{
  background-color: #fff;
  border:none;
  width: 30px;
  height: 20px;
  position: relative;
}
.m_close{
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 99;
  display: none;
}
.m_nav em{
  width: 30px;
  height: 4px;
  background-color: #ae8349;
  display: block;
  position: absolute;
}
.m_ht1{
  left: 0;
  top: 0;
  transition: all 0.8s;
}
.m_ht2{
  left: 0;
  top: 8px;
}
.m_ht3{
  left: 0;
  bottom:0;
  transition: all 0.8s;
}
    .m_htl_an{
      -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 7px;
  }
  .m_ht3_an{
      -moz-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    top: 7px;
  }
  .m_nav_box{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,.6);
    z-index: 999;
    left: 100%;
    opacity: 0;
    top: 63px;
  }
  .m_nav_list{
    width: 80%;
    height: 100%;
    background-color: #f7f7f7;
    margin-left:auto;
    background-color: #ae8349;
    overflow:auto;
    padding:10px;
    box-sizing: border-box;
  }
.m_nav_list>dl{
  width: 100%;
  line-height: 40px;
  overflow:hidden;
}
.m_nav_list>dl>dt{
  background-color: #ae8349;
  position: relative;
  box-sizing: border-box;
}
.m_nav_list>dl>dt:after{
  position: absolute;
  width: 20px;
  height: 1px;
  background:#fff;
  content:"";
  bottom: 0;
  left: 0;
}
.m_nav_list>dl>dt>a{
  color: #fff;
  font-size: 14px;
}
.m_nav_list>dl>dd{
  width: 32%;
  float: left;
  box-sizing: border-box;
}
.m_nav_list>dl>dd>a{
  color: #fff;
  font-size: 14px;
  padding-right: 10px;
  box-sizing: border-box;
}
.mb_nav_m{
  display: none;
}

.web10{padding-bottom: 60px;background-color: #f5f5f5;padding-top: 200px;}
.web10-box{width: 100%;background-color: #fff;padding:50px 30px;box-sizing: border-box;}
.news-dail-top{padding-bottom: 40px;border-bottom: 1px solid rgba(0,0,0,.1);}
.news-dail{background-color:#fafafa;}
.news-dail-tit h4{font-weight: 600;}
.news-dail-tit>p{color: #7b7b7b;}
.news-dail-tit>p:nth-child(2){margin-top: 30px;}
.news-dail-back{align-items: center;}
.news-dail-back>a{opacity: .6;padding-top: 30px;box-sizing: border-box;}
.news-dail-back>a svg{width:26px;height: 26px;margin-right: 5px;}
.web10-info{width: 75%;padding: 50px;box-sizing: border-box;padding-left: 0;border-right: 1px solid #f3f3f3;}
.web10-tj{width: 25%;padding: 50px;box-sizing: border-box;padding-right: 0;padding-top: 30px;}
.web10-tj .img_box{height: 220px;}
.web10-tj p{margin-top: 20px;}
.web10-tj li{padding-bottom: 20px;margin-top: 20px;border-bottom: 1px solid #f3f3f3;}
.news-dail-tap{width:100%;margin-top: 60px;color: #7b7b7b;padding: 20px 0;border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}