*{padding:0;margin:0}
body{font-size:18px;padding:0;margin:0;overflow-x:hidden;color:#666;font-family:"微软雅黑";font-size:14px;background:#f5f5f5}
body {
    -webkit-text-size-adjust: none !important;
    }
li{list-style-type:none}
a{text-decoration:none!important;color:#333}
a:hover{color:#773986}
h1,h2,h3,h4,h5,p{font-weight:400;padding:0;margin:0}
buttom,input{outline:0}
img{display:block;max-width:100%}
ol,ul{margin:0;line-height:24px}
i{font-style:normal}
.text-white{color:#000}
.flex1{display:flex;align-items:center}
.flex2{display:flex;align-items:center;justify-content:space-between}
.flex3{display:flex;align-items:center;justify-content:center}

.container:after,.row:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.containerm,.row{zoom:1}
.textover-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.textover-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.textover-3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal!important;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.textover-4{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal!important;-webkit-line-clamp:4;-webkit-box-orient:vertical}

.head{z-index:1000;width:100%; padding: 0 5%; align-items: center; border-top:5px solid #df0524; background-color: #fff; color: #fff; display: flex; justify-content: space-between;}
.head a{color: #878787; font-size: 18px;}
.head .menu{ width: 100%; padding: 0 0 0 2%; z-index: 100;}
.head .menu>ul{ display: flex;}
.head .menu>ul>li{width: 100%; position: relative;}
.head .menu>ul>li>a{ display: block; line-height: 95px; text-align: center;}

.head .menu ul ul{ position: absolute; z-index: 10;  display: none; text-align: center; width: 100%; left:0; line-height: 10px; padding: 10px 0;}

.bui-a1{ padding:15px 0px;}

.head .menu ul ul a:hover,.head .menu ul ul a:hover span,.head .menu ul ul a:hover i{color: #ff4a4a!important;}
.head .headright,
.head .logo{flex-shrink: 0;}
.head .menu:before{content: ""; opacity: 0; width: 100%; height: 270px; top: 100px;; position: absolute;background: rgba(0,0,0,.9); left:0; pointer-events: none; transition: all .5s; z-index: 1;
  /* backdrop-filter: saturate(80%) blur(5px);  */
}

.head .menu:hover:before{ opacity: 1;}
@media (min-width:1200px){
.head .menu>ul>li.active>a,.head .menu>ul>li:hover>a{  background:#3f3f3f;}
  .head .menu>ul>li:hover ul{  background:linear-gradient(to bottom,rgba(70, 70, 70, 0.8),rgba(30,30,30,0));}
  .head .menu:hover ul ul{ display: block;}
}

.headright{display: flex; height: 95px; align-items: center; position: relative;}
.headright>a i{ font-size: 20px;}
.headright>a{ padding: 0 25px; position: relative;}
.headright>a:before{position: absolute; content: ""; opacity: .5; width: 1px; height: 50%; top: 25%; left: 0; background: #fff;}
.headright>a:nth-child(2):before{display: none;}
.search{position: absolute; top: 128px; z-index: 10; display: flex; justify-content: space-between; align-items: center; height: 70px; background: #fff; right: 0;transition: all .5s; opacity: 0; pointer-events: none;}
.search input{border: none; border-radius: 0; width: 500px; color: #333;}
.search i{color: #333; line-height: 50px; padding: 0 15px; flex-shrink: 0;}
.search>a{color: #fff; background: #df0524; flex-shrink: 0; line-height: 70px; padding: 0 15px; width: 100px; text-align: center;}
.search.active{  opacity: 1; pointer-events: initial;}
.menubtn{display: none;}
/***********全车应用**********/
.car-box{ position: relative; z-index: 1000000; }
.car-img img{ width: 100%; }
.car-box .dropdown-menu{ background: none; display: block; width: 0; min-width: 0; overflow:hidden; transition: 0.3s all; box-shadow: none; top: 30px; border-radius: 0; border:none; padding:0; }
.car-link01{ position: absolute; left: 0; top: 25%; }
.car-box .car-link01  .dropdown-menu{left:35px; top:50px;}
.quan{ display: block; width: 40%; padding-top: 40%; transition: 0.3s all; border-radius: 50%; background: #ff0000; margin: 10px auto; }
.quan1{ display: block; width: 25%; padding-top: 25%; transition: 0.3s all; border-radius: 50%; background: #ff0000; margin: 10px auto; }
.car-link02{ left: 39%; top: -10%; }
.car-box .car-link02  .dropdown-menu{left:6px; top:50px;}
.car-box .dropdown{ position: absolute; width: 5.4%; }
.car-box .dropdown1{ position: absolute; width: 8.4%; }
.car-box .car-link03{ left: 56%; top: 14%; width: 7.54%; }
.car-box .car-link03  .dropdown-menu{left:57px; top:-122px;}
.car-box .car-link03 .quan{ width: 29.2%; padding-top: 29.2%; }
.car-box .car-link033 .quan{ width: 67%; padding-top: 21%; }
.car-box .car-link04{ left: 31.7%; top: 38%; }
.car-box .car-link05{ left: 45%; top: 44%; }
.car-box .car-link06{ left: 52%; top: 45%; }
.car-box .car-link07{ left: 63%; top: 37%; }
.car-box .car-link07  .dropdown-menu{left:35px; top:-210px;}
.car-box .car-link08{ left:55%; top: 68%; }
.car-box .car-link08  .dropdown-menu{left:35px; top:-110px;}
.car-box .car-link09{ left:40%; top: 69%; }
.car-box .car-link09  .dropdown-menu{left:35px; top:-110px;}
.car-box .car-link10{ left:auto; right: -25px; top: 47%; }
.car-box .car-link10  .dropdown-menu{left:-308px; top:-139px;}
.car-box .car-link11{ left:79.5%; top: 69%; width: 7.54%; }
.car-box .car-link11 .quan{ width: 29.2%; padding-top: 29.2%; }
.car-box .car-link12{ left:74%; top: 7%; }
.car-box .car-link13{ left:83%; top: 79%; }
.car-box .car-link14{ left:64%; top: 77%; }
.car-box .car-link14  .dropdown-menu{left:-293px; top:-519px;}
.car-box .car-link15{ left:70%; top: 31%; }
.car-box .car-link16{ left:69%; top: 51%; }
.car-box .car-link16  .dropdown-menu{left:-308px; top:-139px;}
.car-box .car-link17{ left:57%; top: 81%; width: 10.54%; }
.car-box .car-link17  .dropdown-menu{left:-293px; top:-267px;}
.car-box .car-link17 .quan{ width: 21.2%; padding-top: 21.2%; }
.car-box .car-link18{ left:56%; top: 31%; width: 7.54%; }
.car-box .car-link18 .quan{ width: 29.2%; padding-top: 29.2%; }
.car-box .car-link19{ left:50%; top: 3%; }
.car-c{ position: relative; z-index: 100; }
.car-box .open .dropdown-menu{ width: 334px; }
.car-box .dropdown:hover .quan{ transform: scale(1.2,1.2); }
.car-box .dropdown:hover .q-img{  animation-name: example;
  animation-duration: 0.5s; } 
@keyframes example {
  0% {transform: scale(1,1,);}
  25%{transform: scale(1.2,1.2,); opacity: 0;}
 50%{transform: scale(1,1,); opacity: 1;}
  75%{transform: scale(1.2,1.2,); opacity: 0;}
 100%{transform: scale(1,1,); opacity: 1;}
}







@media (max-width:1600px){
  .head .menu>ul>li ul li a{ font-size: 16px;}
}

@media (max-width:1440px){
  .head{ padding: 0 15px;}
  .logo{width: 100px;}
  .head a{ font-size: 15px;}
  .head .menu>ul>li ul li a{ font-size: 14px;}
}

@media (max-width:1200px){
.car-box .open .dropdown-menu{ width: 200px; }
.car-box .car-link10 .dropdown-menu{ left: auto; right: 0; }

body{font-size: 16px;}
.head{border-width: 5px;}
.head .logo{ height:70px; padding: 18px 0;}
.head .logo img{height: 100%;}
.head .menu{ position: absolute;opacity: 0; left: -100%; transition: all .5s; top: 75px; background: #333; padding: 0; height:calc(100% - 75px); overflow-y: scroll;}
.menu.active {left: 0;opacity: 1;}
.head .menu:before{ display: none;}
.head a{ font-size: 14px;}
.head .menu>ul{display: block;}
.head .menu>ul ul{display: block;  position: relative; line-height: 1.8; display: flex; flex-wrap: wrap; padding: 0 15px; padding-bottom: 15px; margin-top: -10px;}
.head .menu>ul>li>a{display: block; border-top: 1px solid rgba(255,255,255,.05); line-height: 1.6; padding: 15px; text-align: left;}
.head .menu>ul>li ul li{ padding-right: 20px; opacity: .6; font-size: 16px;}

.menubtn{display:block;width:42px;height:42px;background:rgba(255,3,3,.7);border-radius:100%;position:absolute;right:15px;top:18px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:11}
.menubtn span,.menubtn span:after,.menubtn span:before{width:22px;height:2px;position:relative;background:rgba(255,255,255,.5);border-radius:5px;transition:all .5s}
.menubtn span:after,.menubtn span:before{position:absolute;content:""}
.menubtn span:before{top:-7px}
.menubtn span:after{bottom:-7px}
.menubtn.active span{background:0 0}
.menubtn.active span:before{transform:rotate(45deg);top:0}
.menubtn.active span:after{transform:rotate(-45deg);top:0}


.headright{ height: 70px; padding-right:60px;}
.search{height: 40px; opacity: 0;  top:0; top:85px; right: inherit; left: -100%; width:calc(100% - 20px); position: fixed;}
.search.active{ left: 10px; opacity: 1;}
.search i{line-height: 40px; padding: 0 10px;}
.search input{width: calc(100% - 100px);}
.search>a{height: 40px; line-height: 40px; }
.headright>a{color: rgba(0,0,0,.8);}
}

.indexbox{height:calc(100% - 148px);background: #000; min-height: 550px; overflow: hidden; position: relative;}
.indexbox>ul,.indexbox>ul>li{ height: 100%;}
.indexbox>ul>li{ display: none;}
.indexbox>ul>li.active{ display: flex;}
.indexbox>ul>li>img{object-fit: cover; width: 100%; height: 100%;}

.indextab{position: absolute; bottom: 50px; width: 100%; left: 0; z-index: 100; display: flex; justify-content: center;}
.indextab a{color: #fff;  margin: 0 30px; font-size: 20px; border-bottom: 2px solid transparent; padding: 10px 0;}
.indextab a.active{ color: #df0524; border-color: #df0524;}

.indextabnav{position: absolute; width: 100%; height: calc(100% - 100px); top: 0; display: flex; z-index: 10; justify-content: center; color:#fff;left: 0; align-items: center;}
.indextabnav>*{width: 100%;}

.nav1{ text-align: center; display: flex; justify-content: center; align-items: center;}
.nav1 p a{ display: flex;font-size: 24px;; justify-content: center; align-items: center; margin: 0 10px; width:225px; text-align: center; border-radius: 80px; line-height: 55px;  color: #fff;}
.nav1 p a:nth-child(1){background: #df0524;border:2px solid #df0524 ;}
.nav1 p a:nth-child(2){border:2px solid #fff ;}

.nav1 p{padding-top: 130px; display: flex; justify-content: center; align-items: center;}
.nav1 h3{ font-size: 40px; font-style: italic;letter-spacing: 30px; padding-bottom: 20px;}
.nav1 h4{ font-size: 24px; letter-spacing: 5px;font-style: italic;;}


.nav2>ul{ padding: 0 10%; }
.nav2 .rightbtn{padding-left: 15%; padding-top: 5%;font-size: 20px;;}
.nav2 .rightbtn a{display: block; border:2px solid #fff; padding: 20px 0; color: #fff; text-align: center; margin: 0 0 25px 0;}
.nav2 .rightbtn a:hover{ background: rgba(0,0,0,.1);}
.nav2 .rightbtn a.active{ border-color: #df0524; }

.nav2 h1{ font-size: 26px; padding-bottom: 20px; padding-top: 134px;}
.nav2 ol{ font-size: 18px; padding-bottom: 20px; line-height: 2;}
.nav2 a.more{background: #df0524;border:2px solid #df0524; width: 300px; text-align: center; line-height: 48px; display: block; border-radius: 100px; color: #fff;display: flex; font-size: 20px;; justify-content: center; align-items: center; }
.nav2 a.more i{font-size: 24px; margin-right: -20px; margin-left: 20px;}

.nav3>ul{width: 100%; display: flex; padding: 0 5%; justify-content: center;}
.nav3 ul li{width: 15%;}
.nav3 ul li a{ display:block; text-align: center; color: #fff;}
.nav3 ul li a:hover{color:#df0524;}
.nav3 ul li a i{font-size: 50px;}
.nav3 ul li p{ padding: 15px 0 8px 0; font-size: 20px; white-space: nowrap;}
.nav3 ul li span{font-size: 16px;}

.nav4{ text-align: center; display: flex; justify-content: center; align-items: center;}
.nav4 p a{ display: flex;font-size: 24px;; justify-content: center; align-items: center; margin: 0 10px; width:300px; text-align: center; border-radius: 80px; line-height: 68px;  color: #fff;}
.nav4 p a:nth-child(1){background: #df0524;border:2px solid #df0524 ;}
.nav4 p a:nth-child(2){border:2px solid #fff ;}

.nav4 p{padding-top: 0px; display: flex; justify-content: center; align-items: center;}
.nav4 h3{ font-size: 40px; letter-spacing: 0px; padding-bottom: 20px;}
.nav4 h4{ font-size: 24px; letter-spacing: 5px;font-style: italic;;}




@media (max-width:1200px){
  .nav1 p a i{font-size: 30px; padding-left: 9%}
.nav3 ul li p{font-size: 16px;padding: 10px 0 0px 0;}
}
@media (max-width:800px){
  .car-box .open .dropdown-menu{ width: 150px!important; }
  .car-box .car-link10{ right: -2%; }
  .quan{ margin:5px auto; }
  .car-box .car-link11 .dropdown-menu,.car-box .car-link09 .dropdown-menu {
    left: auto;
    right: 0;
}
.car-box .dropdown-menu{ top: 0; }

  .nav3 ul{flex-wrap: wrap;}
  .nav3 ul li{width: 33.333%; padding-bottom: 50px; }
  .nav3 ul li p{font-size: 14px;padding: 10px 0 0px 0;}
  .nav3 ul li span{font-size: 12px;}

  .nav2>ul{padding: 0;}
  .nav2 h1{font-size: 20px; padding-bottom: 20px;}
  .nav2 ol{font-size: 14px; line-height: 1.6;padding-bottom: 20px;}
  .nav2 a.more{width: 180px; height: 40px; font-size: 18px; margin: 0 auto  20px auto;}
  .nav2 .rightbtn{padding: 0 10%;}
  .nav2 .rightbtn a{padding: 10px 0; border-width: 1px; margin-bottom: 10px;}

.nav1 h3{ font-size: 28px; letter-spacing:0px;}
.nav1 h4{ font-size: 18px;letter-spacing: 0px;}
.nav1 p a{width: 166px; line-height: 40px; font-size: 18px;}
.indextab{justify-content: space-between; padding: 0 10%;bottom: 30px; }
.indextab a{font-size: 16px; margin: 0 0;}
.nav1 p a i{font-size: 20px; padding-left: 5%}
}

.foot{background: #cacaca;}
.foot .container{ padding-top: 20px; padding-bottom: 20px;}
.ftlogo{float: left; padding: 15px 106px 0 0;}
.ftp{float: left;}
.ftp p{ line-height: 2.5; font-size: 14px; color: #333;}
.ftewm{float: right;display: flex;align-items: center;font-size: 14px;flex-direction: column;}
.copyright{background:#3e3e3e; color: #999999; text-align: center; padding: 12px 0; font-size: 14px;}
.copyright span{color: #fff;}


@media (max-width:800px){
.foot .container>*{ display: block; float: none;}
.foot .container{ padding-top: 20px; padding-bottom: 20px;}
.ftlogo{width: 200px;}
.ftp{  padding: 20px 0;}
.ftp p{ line-height: 2; font-size: 14px;}
.ftewm{font-size: 12px; line-height: 2;}
.copyright{font-size: 12px;}
.copyright span{font-size: 12px; display: block; text-align: center;}

}


.siderbar{position: fixed; right: 10px; z-index: 100; top:calc(50% - 80px);  }
.siderbar li a{display: block; width: 56px; height: 56px; background: #4a4a4a; color: #fff; display: flex; justify-content: center;
align-items: center; }
.siderbar li a i{font-size: 30px;}
.siderbar li{position: relative; margin: 2px 0;}
.siderbar li span{position: absolute; color: #fff; display: none; top: 0; padding:10px; right:70px; background-color: #000; min-height: 56px; white-space: nowrap; line-height: 36px; z-index: 100;}
.siderbar li span img{width:100px; height: 100px; max-width: inherit; }
.siderbar li span:before{position: absolute; border-top: 8px solid transparent;border-bottom: 8px solid transparent;
  border-left: 8px solid #000; content: ""; right: -8px; top: 20px;}
.siderbar li:hover span{ display: block;}
.siderbar li:hover a{background: #df0624;}


.scruk{ height: calc(100% - 200px); min-height: 650px; overflow: hidden;}
.scruk ul{height: 100%; display: flex;}
.scruk ul li{  width:16.66666666%;transition: all .5s;   position: relative; height: 100%;}
.scruk ul li>div{ position: absolute;transition: all .5s; padding: 200px 0 0 0; text-align: center; width: 100%; height: 100%; background:rgba(0,0,0,.5); color: #fff;}
.scruk ul li h3{font-size: 24px; font-weight: bold; padding-bottom: 5px;}
.scruk ul li p{font-size:14px; opacity: .6; padding-bottom: 20px; height: 36px;}
.scruk ul li>div ol{ opacity: 0;transition: all .5s; line-height: 3;}
.scruk ul li>div ol a{ display: block; color: #fff; font-size: 14px; }
.scruk ul li>div ol a:hover{color: #ffef7a;}
.scruk ul li>img{ width: 100%; height: 100%; object-fit: cover;}

.cprk ul li{ width:25%;}

@media (min-width:1200px){
  .scruk ul li:hover{width:20%;flex-shrink: 0;}
  .scruk ul li:hover ol{opacity: 1;}
  .scruk ul li:hover>div{background: rgba(223,5,35,.5);}
  .cprk ul li:hover{width:30%;flex-shrink: 0;}

  }
@media (max-width:1400px){
  .scruk ul li h3{font-size: 20px;}
  .scruk ul li p{font-size:12px; }
  }

  @media (max-width:1200px){
    .scruk{height: auto;}
    .scruk ul li>div ol{opacity: 1; line-height: 2; display: flex; justify-content: center; padding: 0 10%; flex-wrap: wrap;}
    .scruk ul li>div ol a{ padding: 0 10px; font-size: 14px; opacity: .8;;}
    .scruk ul li>div{padding:50px 10px;}
    .scruk ul{display: block; height: auto;}
    .scruk ul li{width: 100%; height: auto; overflow: hidden;}
    .scruk ul li>img{height: 220px;}

    }
  
    .cpsearch{width: 90%; display: flex;justify-content: center; max-width: 800px; margin: 0 auto; padding: 13px 0;}
    .cpsearch input{width: calc(100% - 70px); padding: 0 30px; border: 1px solid #df0524; height: 60px; border-radius: 50px 0 0 50px;}
    .cpsearch button{ background: #df0524; border:none; height: 60px; line-height: 60px; text-align: center; width: 70px; border-radius: 0 50px 50px 0;}    
    .cpsearch button i{font-size: 24px; color: #fff;}

    .cpsearch2{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: 100%; max-width: inherit; padding-right: 25%; margin: 0px 0;}

    @media (max-width:1200px){
      .cpsearch{margin: 0 auto!important; padding:30px 0 0px 0;}
      .cpsearch input{height: 48px;}
      .cpsearch button{line-height: 48px;height: 48px;}
      }

      .bannerbox{ display: flex;justify-content: center; position: relative; min-height: 260px;}
      .bannerbox .nav{ position: absolute;display: flex;justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; color: #fff;}
      .bannerbox .nav span{font-size: 30px;;}
	        .bannerbox .nav1 span{font-size: 14px;;}
      .bannerbox .nav h1{font-size: 30px; margin-bottom: 20px; position: relative; padding-bottom:30px; padding-top: 5px;}
      .bannerbox .nav h1::before{ height: 1px; width: 80%; left: 10%; background-color: #000; bottom: 0px; content: ""; position:absolute;}

      .bannerbox img{object-fit: cover;}
      .blackbanner span,.blackbanner h1{ color: #fff;}
      .blackbanner .nav h1::before{background: #fff;}

      .bannerbox .nav01>div{width: 100%; color: #fff; max-width: 1143px; padding-bottom: 0px; text-align: left;}
      .bannerbox .nav01 h3{ font-size: 30px; padding-bottom: 5px;}
      .bannerbox .nav01 ol{ font-size: 14px; padding: 30px 10% 30px 0; line-height: 1.2;}


      .tishi{ padding:20px 0;}
      .alltit{ font-size:30px; color:#111; /*font-weight: bold;;*/ border-bottom: 1px solid #333; padding: 8px 0 20px; margin: 10px 0;}
      .alltit02{padding: 0px; padding-top: 20px; text-align: left;}
      .alltit02 h2{ color: #000; font-size: 30px; padding-bottom: 20px;}
      .alltit02 p{color: #666;}
.alltit03{font-size: 30px; padding-bottom: 20px; color: #000;}

      .bg-white{background: #fff;}
      .btnred-outline{
        border: 2px solid #df0524;
        display: flex;
        font-size: 24px;
        justify-content: center;
        align-items: center;
        width: 200px;
        text-align: center;
        border-radius: 80px;
        line-height: 50px;
        color: #df0524;}

        .btnred{
          border: 2px solid #df0524;
          background:#df0524;
          display: flex;
          font-size: 20px;
          justify-content: center;
          align-items: center;
          width: 200px;
          text-align: center;
          border-radius: 80px;
          line-height: 50px;
          color: #fff;}

      @media (max-width:1200px){
        .btnred,.btnred-outline{ line-height: 36px;}
.alltit03{font-size: 20px; }
        .alltit02{padding-bottom: 30px; }
        .alltit02 h2{  font-size: 20px; padding-bottom: 10px;}
      .alltit02 p{font-size: 14px;}

        .alltit{ font-size: 24px;  padding: 10px 0; margin: 10px 0;}
        .tishi{ padding:20px 15px;}
        .bannerbox .nav span{font-size: 20px;;}
        .bannerbox .nav h1{font-size: 20px; }
        .bannerbox .nav01>div{padding: 0 15px;}
        .bannerbox .nav01 h3{padding-bottom: 20px; font-size: 18px;;}
        .bannerbox .nav01 ol{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;
        font-size: 16px; padding: 0; line-height: 1.6;
        }
        }

        .dizhi {padding-bottom: 30px;}
        .dizhi li{ padding: 12px 0; border-bottom: 1px solid #333;}
        .dizhi p{ font-size: 20px; color: #000; padding-bottom: 15px;}
        .dizhi ol{ display: flex;}
        .dizhi ol span{ width: 25%; color: #999; display: flex; align-items: center;}
        .dizhi ol span i{ color: #df0524; font-size: 24px;}
        .dizhi ol span:nth-child(1){ width: 50%;}


    .feed input,.feed textarea{ margin: 15px 0; height: 66px; width: 100%; padding: 15px 20px; border-radius: 0; border:1px solid  #999;}
    .feed textarea{min-height: 200px;}
    .feed a{background: #df0524; height: 60px; display: block; margin: 30px auto; line-height: 60px; text-align: center; width:200px; border-radius:50px; color: #fff;}

    @media (max-width:1200px){
      .feed a{height: 48px;line-height: 48px;}
      .feed input{height: 48px;}
      .dizhi li{ padding: 20px 0; }
      .dizhi p{ font-size: 15px; padding-bottom: 0px;}
      .dizhi ol{ display: block;}
      .dizhi ol span{ width: 100%!important; display: block; font-size: 12px;}
      .dizhi ol span i{font-size: 16px;}
      }

      .scrukcard{ padding: 6px 0;}
      .scrukcard .nav{ height: 100px; position: relative; margin: 15px 0; border-radius: 7px; overflow: hidden;}
      .scrukcard .nav>a{ position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
      .scrukcard .nav img{ height: 100%; object-fit: cover; width: 100%;}
      .scrukcard .nav>a:hover,
      .scrukcard li.active .nav>a{background: rgba(223,5,35,.8)}
      .scrukcard .nav>a h3{ font-size: 20px ; padding-bottom: 6px;}
      .scrukcard .nav>a p{ font-size: 18px ;}

      .scrukcard ol{font-size: 20px; padding: 20px 0; line-height: 2;}

      @media (max-width:1200px){
        .scrukcard .nav{ height: 140px;}
        .scrukcard .nav>a h3{ font-size: 20px ; padding-bottom: 6px;}
        .scrukcard .nav>a p,.scrukcard ol{ font-size: 14px ;}

        }
.pdbox{padding: 10px 0;}

.pdboccc{padding: 30px 0;}

.qushi .nav{padding: 70px;}
.qushi .nav p{ font-size: 24px; color: #333; padding: 30px 10px;}
.qushi .nav a i{font-size: 24px;}

@media (max-width:1200px){
  .pdbox{padding: 40px 0;}
  .qushi .nav{padding: 30px 15px;}
  }
  .zcyy{position: relative;}
  .yylist{width: 360px; background:#df0524; height: 500px; padding: 20px 15px;}
  .yylist>ul{height: 100%; overflow-y: scroll;}

  .yylist>ul::-webkit-scrollbar {width:3px;height:5px;position:absolute;border-radius: 5px;}
  .yylist>ul::-webkit-scrollbar-thumb {background:#fff;border-radius: 5px;}
  .yylist>ul::-webkit-scrollbar-track {background-color:transparent}
    .yylist>ul::-webkit-scrollbar-thumb {background:#fff;border-radius: 5px;}
    .yylist>ul{
    scrollbar-color: #054457 transparent; /* 滑块颜色  滚动条背景颜色 */
    scrollbar-width: thin; /* 滚动条宽度有三种：thin、auto、none */
  }

  .yylist>ul>li>a{color: rgba(192,192,192); font-size: 20px; line-height: 60px; font-weight: bold;}
  .yylist>ul>li .yynav{position: absolute; display:none;right: 0; top: 0; width: calc(100% - 360px); height: 100%; background: #eee;}
  .yylist>ul>li.active .yynav{opacity: 1; display: block;}
  .yylist>ul>li.active>a{ font-weight: bold;color: #fff}
  .yylist .yynav img{ width: 100%; height: 55%; object-fit: cover;}
  .yylist .text{ padding: 30px;}
  .yylist .text h3{ font-size: 20px; font-weight: bold; color: #222;}
  .yylist .text ol{ padding: 15px 0;}
  .yylist .text  a{ width: 170px;}

  @media (max-width:1200px){
  .yylist{width: 100%;height: auto; padding: 0;}
  .yylist>ul>li{border-bottom: 1px solid rgba(255,255,255,.2);}
  .yylist>ul>li .yynav{position: inherit;  height: auto; background: #eee; width: 100%;}
  .yylist>ul>li>a{  padding: 0 20px; font-size: 16px; position: relative; display: flex; justify-content: space-between; align-items: center;}
  .yylist>ul>li>a:after{ content: "+"; right: 0; top: 0; font-size: 24px; opacity: .6;}
  .yylist .text h3{ font-size: 18px; }
  .yylist .text  a{ width: 170px; font-size: 16px;}
  .yylist>ul>li.active>a:after{ content: "-"; }

}

.pdbox h3{ padding: 15px 0 10px 0;}
.pdbox p{ color: #333;}
.dxyy li{padding-bottom: 30px;}

.swiperdx .nav{position: relative; height:400px;}
.swiperdx .nav img{ height: 100%; width: 100%; object-fit: cover;}
.swiperdx .nav a{ position: absolute; color: #fff;; width: 100%; height: 100%; background: rgba(0,0,0,.3); display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold;}
.swiperdx{padding-bottom: 80px;}
.swiperdx .swiper-button-black{ bottom:30px;top: inherit;}
.swiperdx .swiper-button-black::after{font-size:30px;}
.swiperdx .swiper-button-next{ right:calc(50% - 50px);}
.swiperdx .swiper-button-prev{ left:calc(50% - 50px);}
@media (max-width:1200px){
  .pdbox h3{ font-size: 18px;; padding: 10px 0 5px 0;}
}
.news01{background:url(../images/newbg1.png) no-repeat center top; background-size: cover; padding: 20px 0;}
.news01 .alltit03{color: #fff;}
.newslist li{float: left; width: 30%;;}
.newslist li:first-child{ width: 70%;;}
.newslist li a{display: block; height: 162px; position: relative; overflow: hidden;}
.newslist li a span{ position:absolute; background: #000; padding: 10px 30px; z-index: 10; left: 0; bottom: 0; width: 100%; color: #fff;}
.newslist li a span i{ float: right;}
.newslist li:first-child a{ height: 355px; margin-right: 30px;}
.newslist li:nth-child(2) a{ margin-bottom: 30px;}
.newslist li a img{ width: 100%; height: 100%; object-fit: cover;}
@media (max-width:1200px){
  .news01{padding: 40px 0;}
  .pdbox h3{ font-size: 18px;; padding: 10px 0 5px 0;}
  .newslist li{float: none; width: 100%!important;}
  .newslist li a{ margin: 0 0 15px 0!important; height: auto!important; max-height: 180px;}
  .newslist li a span{ text-align: center;}
}

.news02 li{padding: 20px 30px;}
.news02 li a{ display: flex; position: relative;}
.news02 li a .imgbox{ width: 240px; height:160px; margin-right: 50px;}
.imgbox img{height: 100%; width: 100%; object-fit: cover;}
.news02 li a .time{position: absolute; right: 0; height: 100%; background:#eee; color: #777; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding:  0 50px;}
.news02 li a .time i{ font-size: 20px;}
.news02 li a .time span{padding: 5px 0;}
.news02 li a .time span:first-child{border-bottom: 1px solid #ccc;}
.news02 li a .nav{width: calc(100% - 500px); overflow: hidden;}
.news02 li a .nav p{ font-size: 24px; font-weight: bold; color: #333; padding:0  0  20px 0;}
.news02 li a .nav ol{color: #666; padding:0  0  20px 0;}
.news02 li a .nav>span{ display: inline-block; border: 1px solid #555; padding: 15px 40px; border-radius: 10px;;}

.news02 li:hover{ box-shadow: 3px 3px 20px rgba(0,0,0,.1);}
.news02 li a:hover .nav>span{ background:#df0524; border-color: #df0524; color: #fff;}
.news02 li a:hover .time{ background:#df0524;  color: #fff;}
.news02 li a:hover .time span:first-child{border-bottom: 1px solid #fff;}

@media (max-width:1200px){
  .news02 li{padding: 10px 0px;}
  .news02 li a{display: block;}
  .news02 li a .imgbox{width:100%}
  .news02 li a .time{position: relative; margin-top: -30px; flex-direction: row; background: 0; padding: 0; justify-content: flex-end;}
  .news02 li a .time span{border: none!important; padding-left:10px; font-size:14px}
  .news02 li a .time span i{font-size: 14px;;}
  .news02 li a .nav{width: 100%;}
  .news02 li a .nav>span{  border:none; padding: 0;}

  .news02 li a .nav p{ font-size: 18px; font-weight: bold; color: #333; padding:10px  0  0px 0;}
  .news02 li a .nav ol{color: #999; padding:0  0  10px 0;}

}

.page{text-align:center;padding:40px 0}
.page li{display:inline-block}
.page li a{color:#333;background:#fff; font-size: 18px; border:2px solid #888;display:block;border-radius:0;padding:8px 18px}
.page li.nobdr a{border-color:transparent}
.page li a.active,.page li a:hover{background:#f92324;color:#fff; border:2px solid #f92324;}
.page li:first-child a,
.page li:last-child a{color: #999;}


@media(max-width:991px) {
  .page li a{font-size: 14px;border:1px solid #888;padding: 3px 10px;;}
}

.txtnav{padding-bottom:50px}
.txtnav h1{color:#d11e1a;font-size:24px;text-align:center;padding:20px 0 ;margin:0}
.txtnav1 h1{color:#d11e1a;font-size:24px;text-align:center;padding:20px 0 ;margin:0}
.txtnav h4{color:#d11e1a;font-size:24px;padding:20px 0 0px 0;margin:0}
.txtnav p{padding:1px 0;line-height:1.8; font-size: 14px; color:#333}
.txtnav img{max-width:100%;margin:20px auto;}
.txtinfo{text-align:center;color:#999;padding:20px 0 60px 0;font-size: 16px;}
.txtinfo span{color:#666; display: inline-block; padding:0 18px}
.txtinfo em{display:inline-block;padding:0 5px;font-style:normal}

.newsnavleft{ background: #f5f5f5; width: calc(100% - 300px); float: left; padding:60px 100px; margin-bottom: 50px;}
.newsnavright{float: right; width: 300px; background: #ab031d; color: #fff;}
.newsnavleft1{ background: #fff; width: calc(100% - 0px); float: left; padding:30px 100px; margin-bottom: 50px;}
.xxbtn a{ display: inline-block; border-width: 1px; font-size: 18px; line-height:55px; width: 160px; margin: 0 20px;}
.xxbtn a:hover{background:#ab031d;color:#fff; border:1px solid #ab031d;}

.newsnavright{padding: 50px 20px;}
.newsnavright .alltit03{ padding-bottom: 15px; color:#fff;}
.newsnavright li a div{ padding-bottom: 10px;}
.newsnavright li a div span{ font-size: 14px; display: inline-block; padding-right: 20px;}
.newsnavright li a{color: #fff; display: block; border-bottom: 1px solid #fff; padding: 15px 0;}
.newsnavright .back{ width: 80%; display: flex; justify-content: center; align-items: center; margin:40px  auto 20px auto; border-radius: 100px; border: 1px solid #fff; color: #fff; line-height: 55px; text-align: center;}
.newsnavright .back i{font-size: 24px; margin-right: 8px;}

.prodtags{padding-bottom: 50px;}
.prodtags ul{ margin-left: -10px; margin-right: -10px; overflow: hidden;}
.prodtags li{ float: left; padding: 10px; width: 20%;}
.prodtags li a{ display: block; background: #f1f1f1; color: #888; border-radius: 5px; text-align: center; padding: 15px 0; font-size: 18px;}
.prodtags li a:hover{ background: #df0524; color: #fff;}

@media (max-width:1200px){
  /* .prodtags ul{ margin-left: -5px; margin-right: -5px;} */
  .prodtags li{ width: 50%; }
  .prodtags li a{ font-size: 16px;padding: 10px 0;}
  .txtnav p{font-size: 16px;}
  .txtinfo{padding:0px 0 30px 0;}
  .newsnavleft,.newsnavright{width: 100%; float: none;}
  .newsnavleft{padding: 20px 15px;}
  .newsnavright{margin-bottom: 50px;}
  .xxbtn a{ line-height: 48px; width:40%; margin: 0 10px 20px 10px; max-width: 160px;}
}



.select{ position: fixed; left: 0; width: 300px; height: 100%; background: #eee; padding: 30px;}
.select a{display: inline-block; font-size: 16px; text-decoration: underline;}
.select li li{ padding: 3px 0;}
.select li h4{ font-size: 20px; padding: 20px 0 10px 0;}

.allset{ position: relative; z-index: 100; padding-left: 20px; padding-right: 20px; }
.allset>ul { display: flex; margin-left: -10px; margin-right: -10px; padding-right: 80px;}
.allset>ul>li{ width: 100%; padding:5px 5px; text-align: center;}
.allset>ul>li>span{ display: block; line-height: 1.3; min-height: 25px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  }

.allset .screen_btn{ position: absolute; z-index: 10; right: 28px;margin: 0 0 0 20px;bottom: 10px; color: #fff; border: none;background: #df0524;border-radius: 30px;padding: 10px 15px; }

.allset .screen_btn1{ position: absolute; z-index: 10; right: -42px;margin: 0 0 0 20px;bottom: 10px; color: #fff; border: none;background: #df0524;border-radius: 30px;padding: 10px 15px; }


.allset .screen_btn i{ padding-right: 5px;;}

.selbtn{ text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; display: none;}
.selbtn a{ display: inline-block; padding: 0 40px; color: #999;}
.selbtn a:last-child{ color: #ff3300;}
.l_left{width: 200px; float: left;;}
.l_right{width: calc(100% - 200px); float: right; padding-left: 20px;}

.pdmenu h3{ padding:20px 0; text-align: center; background: #df0524; color: #fff; font-size: 18px;}
.pdmenu  ul{padding-bottom: 30px;}
.pdmenu  li  a{ display: block; position: relative;padding:15px 10px;  border-bottom: 1px solid #999; padding-right: 30px; white-space:nowrap; font-size: 14px;; overflow: hidden; text-overflow: ellipsis;}
.pdmenu  li  a:before{ content: "\e718";  font-family: "iconfont" !important; position: absolute; right: 0; color: #df0524; font-weight: lighter;}

.pdmenu  li  a:hover{color: #df0524; background: #fff; }

.listhead{ padding: 30px 30px 20px 30px; font-weight: bold;  background: #e6e6e6; color: #000;}
.listhead,.listnav li{ display: flex;}
.listhead li,.listnav li span{ width: 16%; text-align: center;}
.listhead li:nth-child(1),.listnav span:nth-child(1){width: 16%; text-align: center;}
.listhead li:nth-child(2),.listnav span:nth-child(2){width: 16%; text-align: center;}
.listnav li{padding:13px 30px;background: #fff;}
.listnav li:nth-child(odd){background: #f8f8f8;}
.listnav li:first-child{ padding-top: 0; padding-bottom:17px}    




.list{padding: 20px 0 50px 0;}
.list a{ display: flex; background: #fff; margin: 30px 0; align-items: center; padding:28px 25px;border: 1px solid #eee;}
.list a i{width: 50px; font-size: 36px;}
.list a i:first-child{ color: #df0524;}
.list a i:last-child{ color: black;}
.list a div{width:calc( 100% -  100px);}
.list a div h4{ color: #111; font-size: 24px; padding-bottom: 10px;}
.list a div p span{ display: inline-block; padding-right: 15px; color: #999;}
.list a:hover{background: #df0524; }
.list a:hover *,.list a:hover i{color: #fff;}

@media(max-width:991px) {
  .pdmenu h3{padding: 15px; font-size: 16px;;}
  .l_left{width: 100%; float: none;;}
.l_right{width: 100%; float: none; padding-left: 0;}

  .allist{ font-size: 12px; }
  .listhead,.listnav li{ padding: 10px; }
  .list a{padding: 30px 15px; margin: 15px 0;}
  .list a div h4{  font-size: 16px; padding-bottom: 5px;}
  .list a div p span{font-size: 12px;}

  /* .allset{overflow: hidden;} */
  .allset>ul{ padding-right: 0; flex-wrap: wrap;}
  .allset>ul>li{width: 50%; flex-shrink: 0;     padding: 5px;}
  /* .allset>ul>li>span{ min-height: inherit;} */
  .allset .screen_btn{background: #df0524; position: relative;  padding: 0; display: flex; align-items: center; 
  display: block;width:50%; max-width:300px;color: #fff; margin: 0 auto; text-align: center; padding: 10px 0;border-radius: 30px; margin-top: 20px;}
  .cpsearch2{padding: 20px 0;}
  .layui-input, .layui-select{height: 48px;}
}

.allset{ position: relative;}
.tags li{ padding-left:120px; overflow: hidden; margin: 20px 0; position: relative;}
.tags li a{background: #fff; color: #333; border-radius: 20px; padding: 5px 20px; display: inline-block; margin-bottom: 10px;}
.tags li a.active{background: #df0524;color: #fff;}
.tags li>span{ position: absolute; left: 0;}
.tags li.seled a{border: 1px solid #df0524; color: #df0524;}
.tags li div{  float: left; width:calc(100% - 200px);}
.tags li .more{ float: right; padding-right: 0;}

.work .allnum{ color: #df0524; padding-bottom: 15px; font-size: 24px;}
.wkhead{ background: #ddd;}
.wkhead,.lhead{ display: flex;}
.wkhead li{ background: #df0524; color: #fff;}
.wkhead li,
.lhead span{ width: 22%; padding:25px 15px ;}
.wkhead li:first-child,
.lhead span:first-child{ width:34%;}
.lhead{ background: #fff; border-bottom: 1px solid #ddd; position: relative; cursor: pointer;}
.lhead:after{ position: absolute; right: 10px; height: 100%; display: flex; align-items: center;  content: "\e602";   font-family: "iconfont" !important; font-size: 24px; padding: 10px 0;transform: rotate(180deg);}
.work li.active .lhead:after{ transform: rotate(0);}
.work li .worknav{ display: none; padding: 20px;background: #f5f5f5;}
.work li.active .worknav{ display: block;}
.worknav h4{ font-size: 30px; padding: 10px 0 30px 0;}
.worknav h5{ font-size: 20px; padding:20px 0 20px 0; color: #df0524;}
.worknav p{padding: 10px 0;}
.wkinfo{ padding-bottom: 30px;}
.wkinfo span{ display: inline-block; padding-right: 20px;}
.up_work .btn{ background: #999; color: #fff; font-size: 14px; padding: 10px;}
.up_work .btn:hover{ background: #df0524;}
.up_work .btn i{ font-size: 18px;}
.up_work  p{ padding: 10px 0  15px 0; font-size: 14px;}

.zp01 h3{ font-size: 36px; padding: 30px 0 20px 0; color: #111;}
.zp01 p{ color: #333; padding: 10px 0; line-height: 1.7;}
.zhiwei .alltit02 h2{ font-size: 30px;}
@media(max-width:991px) {
    .wkhead,.lhead{ font-size: 12px;}
    .wkhead li{ font-weight: bold;}
    .wkhead li, .lhead span{ padding: 10px;}
    .lhead:after{padding: 2px 0;     right: 0px;}

    .tags li>span{position: relative; margin-bottom: 10px; display: block; color: #999;}
    .tags li{padding-left: 0;}
    .tags li div{width: 100%; float: none;}
    .tags li a{padding: 2px 10px; margin-bottom: 5px;}
    .tags li .more{position: absolute; right: 0; top:0;}
    .work li .worknav{ padding: 15px;}
    .worknav h4{ font-size: 20px; padding: 10px 0 20px 0;}
.worknav h5{ font-size: 16px; padding:30px 0 10px 0; }
/* .lhead:after{top: 10px;} */
.zhiwei .alltit02 h2{ font-size: 24px;}
.zhiwei .alltit02{ font-size: 30px;     padding: 10px 0 0px 0;}
}


.aboutbanner{background: url(../images/aboutbanner.png) no-repeat center top; height: 400px;}
.aboutbanner .tit{font-size: 30px; color: #fff; text-align: center; padding-top: 20px;}
.gallery-thumbs {padding:0 30px}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.gallery-thumbs .swiper-slide{width:11.2%;padding-top:50px;text-align:center; color: #fff; cursor: pointer;}
.gallery-thumbs .swiper-slide:before{width:100%;content:"";height:2px;background:#eee;position:absolute;left:0;top:calc(50% - 1px)}
.gallery-thumbs .swiper-slide::after{position:absolute;content:"";width:16px;height:16px;background:#eee;left:calc(50% - 8px);top:calc(50% - 8px);border-radius: 20px;}
.gallery-thumbs .swiper-slide-thumb-active::after{background:#df0524}
.gallery-top .swiper-slide{padding:50px 0;text-align:center}

.gallery-thumbs  .swiper-button-black:after{font-size:12px;}
.gallery-thumbs  .swiper-button-next{ right: 0;}
.gallery-thumbs  .swiper-button-prev{ left: 0; }

.gallery-top .swiper-slide{padding:20px;min-height:160px}
.gallery-top .swiper-slide>ol{padding:0 0 50px 0; color: #fff; line-height: 1.8;cursor: pointer;}
.gallery-top .swiper-slide>ol:hover{color: #ffeaed;}
.sdnav{width:100%;max-width:800px;display:flex;margin:0 auto; cursor: pointer;}
.sdnav:hover{box-shadow: 0 0 10px  rgba(0,0,0,.5);}
.sdnav .imgbox{width:300px;height:200px;overflow:hidden}
.sdnav .nav{height:200px;background:#fff;width:calc(100% - 300px);padding:50px;background:#fff; text-align: left;}
.sdnav .nav h4{ color: #111; font-size: 36px; padding-bottom: 30px;}
.gallery-thumbs .swiper-button-black{ width:40px; height: 40px; border-radius: 100px; opacity: 1!important;; background: #fff; z-index: 100;}
@media(max-width:991px){
  .gallery-thumbs .swiper-slide{width:50%}
.sdnav{display:block}
.sdnav .imgbox,.sdnav .nav{width:100%}
.aboutbanner{background: url(../images/aboutbanner.png) no-repeat center top; background-size: cover; height: auto; padding-bottom: 40px;}
.gallery-top .swiper-slide{padding: 0;}
.aboutbanner .tit{font-size: 20px;  padding-top: 40px;}
.sdnav .nav{height: auto; padding:20px 15px;}
.sdnav .nav h4{padding-bottom: 15px; font-size: 18px;}

}
.jtjs .alltit{margin-bottom: 50px;}
.jtjs video{ width: 100%;}
.fdbox ul{display: flex; align-items: center; padding-left:1px;}
.fdbox ul li{width: 20%; margin-top: -1px;margin-left: -1px;}
.fdbox ul li img{ height:140px; padding: 10px; width: 100%; object-fit: contain; border: 1px solid #eee;}

@media(max-width:991px){
  .fdbox ul{flex-wrap: wrap;}
  .fdbox ul li{width: 50%;}
  .fdbox ul li img{height: 100px; padding: 10px;}
}


.digital{width: 100%;min-height: 150px;background:url(../images/redbg.png) no-repeat center center;color: #fff; padding: 45px 0; background-size: cover;}
.digitala{width: 100%;min-height: 379px;background:url(../images/redbg.jpg) no-repeat center center;color: #fff; padding: 45px 0; background-size: cover;}
.digital1{padding: 50px 0; }
.digital li{text-align: center;}
.digital p{font-size: 14px;width: 100%;display: block;clear: both;color: #fff;}
.digital h2{font-size: 64px;font-weight: normal;float: left;}
.digital1 h2{font-size:36px; font-weight: bold; padding-bottom: 20px;}
.mun_top{ display: flex; align-items: center; justify-content: center;}
.mun_top  i{ font-size: 14px; font-style: normal; padding: 30px  0 0 5px;}
.jtjs ol{ line-height: 1.8; margin-top: 0px;; padding:0 0 30px 0; font-size: 14px; overflow-y:scroll; padding-right: 20px; height: 310px;}
.jtjs p{ line-height: 1.7; padding:0px 0;}

@media(max-width:991px) {
  .digital h2{font-size: 30px;}
  .digital p{font-size: 14px;}
.mun_top  i{ font-size: 12px; }
.jtjs ol{font-size: 16px;padding:0 0 15px 0; margin: 0; height: auto; overflow-y: inherit;}
.jtjs p{font-size: 16px;padding:0 0 15px 0;}
.digital1 li{padding-bottom:50px;}
}
.aboutswiper{padding: 50px 0 0 0;}
.aboutswiper .swiper-slide { width:23%; }

/* 
.aboutswiper .swiper-slide .nav{ height: 400px; display: flex; flex-direction: column; position: relative;}
.aboutswiper .swiper-slide:nth-child(even) .nav{justify-content: flex-end;background: url(../images/line2.jpg) no-repeat; background-size: 100% 100%;}
.aboutswiper .swiper-slide:nth-child(odd) .nav{justify-content: flex-start;background: url(../images/line1.jpg) no-repeat; background-size: 100% 100%;}
.aboutswiper .swiper-slide:last-child .nav{background: none;} */
/* .aboutswiper .swiper-slide .nav:before{ content: ""; position: absolute; height: 100%; width: 100%; background: #f5f5f5;  top: 0px; left: 0;} */
/* .aboutswiper .swiper-slide .nav .txt{ position: relative;}
.aboutswiper .swiper-slide .nav .txt:before{position: absolute; content: ""; width: 24px; height: 24px; background: #fff; border: 2px solid #000; border-radius: 20px;}
.aboutswiper .swiper-slide:nth-child(odd) .nav  .txt:before{bottom: -20px;}
.aboutswiper .swiper-slide:nth-child(even) .nav  .txt:before{ top: -30px;}
.aboutswiper .swiper-slide h3{color: #df0524; padding: 0 0 5px 0;}
.aboutswiper .swiper-slide p{color: #000; height: 50px;} */

.aboutswiper  .swiper-button-black{background: #fff0; 
  border: 1px solid #8d8d8d; width:48px;height:48px; border-radius: 100%;}
.aboutswiper  .swiper-button-black:after{font-size:24px;}
.aboutswiper  .swiper-button-next{ right: 0;}
.aboutswiper  .swiper-button-prev{ left: 0; }

.hxjs{padding-bottom: 10px;}
.hxjs li{padding-bottom: 30px; padding-top: 30px;}
.hxjs li h3{padding-bottom: 30px; font-size: 30px; color: #000; font-weight: normal;}
.hxjs li h3 span{font-size: 48px; color: #df0524; display: inline-block; margin-bottom: -5px; padding-right: 5px;}
.hxjs li p{padding: 5px 0; font-size: 22px; color: #000; padding-left:25px; position: relative;}
.hxjs li p::before{content: ""; width: 6px; height: 6px; background: #000; border-radius: 10px; left:3px; top: calc(50% - 3px); position: absolute;}
@media(max-width:991px) {
  .hxjs li p{font-size: 18px;}
  .hxjs li h3 span{font-size: 24px;}
  .hxjs li h3{font-size: 20px;padding-bottom: 15px;}
  .aboutswiper .swiper-slide { width:100%; }
  /* .aboutswiper .swiper-slide .nav{ justify-content: center!important; padding: 30px 50px; height:auto; text-align: center;} */
  .aboutswiper  .swiper-button-black:after{font-size:14px;}
  .aboutswiper  .swiper-button-black{ width:30px;height:30px; border-radius: 100%;}
    /* .aboutswiper .swiper-slide { width: 100%;}
    .aboutswiper .swiper-slide .nav{ background: none!important;}
    .aboutswiper .swiper-slide .nav .txt:before{ display: none;} */
}

.hzyx{padding-bottom: 50px;}
.hzyx li{ padding: 15px 0;}
.hzyx li a { display: flex; align-items: center; transition: all .5s;}
.hzyx li a .imgbox{width: 50%; height: 300px;}
.hzyx li a:hover{background: #f5f5f5; box-shadow: 3px 3px 10px rgba(0,0,0,.1);}
.hzyx li a .nav{width:50%; padding: 0 0 0 15%;}
.hzyx li span{ color: #df0524; font-size: 24px;;}
.hzyx li p{  padding-top: 15px;}
.hzyx ol{padding: 30px 0; line-height: 1.8;}


@media(max-width:991px) {
  .hzyx li a{display: block;}

  .hzyx li a .imgbox{width: 100%; height:auto; max-height: 260px;}
  .hzyx li a .imgbox img{ object-fit: contain; background: #eee;}
.hzyx li a .nav{width:100%; padding:15px; background: #eee;}
.hzyx li p{padding-top: 5px;;}
.hzyx li span{ font-size: 18px;}

}


.tzbanner .nav>div{ width: 100%; max-width: 1200px; color:#fff; text-align: left;}
.tzbanner h3 span{ font-size: 20px!important;}
.tzbanner h3 p{ font-size:36px; padding-top: 15px;}
.tzbanner ul{ display: flex; margin: 40px 0  0px 0; border: 1px solid #fff; padding: 20px; float: left;clear: both;}
.tzbanner ul li{padding: 10px 20px; }
.tzbanner ul li span,.tzbanner ul li p{font-size: 20px!important;}
.tzbanner ul li p{padding-top: 5px;}
.tzbanner ol{width: 100%; clear: both;}

@media(max-width:991px) {
.tzbanner{min-height: 500px; }
.tzbanner .nav>div{padding: 15px;}
.tzbanner ul{ padding:0; float: none; margin: 30px 0 50px 0; background: rgba(0,0,0,.3);}
.tzbanner ul li span,.tzbanner ul li p{font-size: 14px!important; white-space: nowrap;}
.tzbanner ul li{padding: 10px 0; width:100%; text-align: center;}
.tzbanner ul li p{padding-top: 0px;}
.tzbanner ol{ font-size: 12px;}


}

.zxds{padding-bottom: 50px;}
.zxds .nav{ background: #f5f5f5; padding:15px 30px; }
.zxds .nav h3{ padding:20px 0; margin-bottom: 20px; border-bottom: 1px solid #000; color: #000;}
.zxds .nav ol{height: 280px; padding-top:30px; line-height: 1.8;}
.zxds .nav p{ color: #999;}
.zxds .nav a{ display: inline-block; margin: 20px 0; background: #df0524; color: #fff; padding: 8px 20px; border-radius: 30px;}

@media(max-width:991px) {
  .zxds .nav{  padding:15px; margin-bottom: 20px;}
  .zxds .nav ol{ height: auto;}

  }

.gsry{position: relative;}
.gallery-thumbs02{position: absolute; width: 90%; left: 5%; top: calc(50% - 40px);}
.gallery-thumbs02::before{content: ""; position: absolute; width: 100%; left: 0; top: 50%; height: 1px; z-index: 9; border-top: 1px dashed #999;}
.gallery-thumbs02 .swiper-wrapper{ z-index: 10;}
.gallery-thumbs02 .swiper-wrapper{align-items: center; }
.gallery-thumbs02 .swiper-slide{ font-size: 36px; cursor: pointer; color: #999; text-align: center; }
.gallery-thumbs02 .swiper-slide span{ background: #fff; }
.gallery-thumbs02 .swiper-slide-thumb-active{ font-size: 60px; color: red;} 
/* .gallery-thumbs02 .swiper-slide-next{  text-align: left;}  */
.gallery-top02{  height: 660px;}

.nav-top{ height: 230px;  display: flex; align-items: center; font-size: 22px; text-indent: 48px; line-height:1.8;}
.nav-bottom{height: 230px; margin-top: 200px;}
.nav-bottom ul{ display: flex; align-items: center; justify-content: center;}
.nav-bottom ul li{ padding:0 2%; text-align: center;  line-height: 1.8;}
.nav-bottom ul li:nth-child(1){width: 60%;padding:0 10%; }
.nav-bottom ul li:nth-child(2){width:40%; }


.gallery-top02 .swiper-button-black {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background: #fff; border: 1px solid #000;
  z-index: 100;
}
.gallery-top02  .swiper-button-black:after{font-size:18px;}
.gallery-top02  .swiper-button-next{ right: 0;}
.gallery-top02  .swiper-button-prev{ left: 0; }
.gallery-top02 .swiper-button-disabled{opacity: .3;}


@media(max-width:991px) {
  .gallery-top02{  height: auto; padding-top: 80px;}
  .gallery-thumbs02 .swiper-slide{ font-size: 16px;  }
  .gallery-thumbs02 .swiper-slide-thumb-active{ font-size: 24px; } 
  .gallery-thumbs02{top:15px; }
  .gallery-top02 .swiper-button-black{top: 40px; }
  .gallery-top02 .swiper-button-black {
    width: 30px;
    height: 30px;
  }
 
  .nav-bottom ul{display: block;}
  .nav-bottom ul li{ width: 100%!important; padding:10px 0!important;}
  .nav-top{ height: auto;  display: block;  text-indent: 36px; font-size: 16px;}
  .nav-bottom{height: auto; margin-top: 20px;}
  
  }


  .zlbs{ width: 500px; position: absolute; bottom: 30px; left: calc(50% - 250px);  background: #df0524; color: #fff;  border-radius: 5px;}
.zlbs ul{display: flex; padding:20px;}
.zlbs ul li{ width: 100%; text-align: center;}
.zlbs ul li h3 { font-size: 36px;}
.zlbs ul li h3 i{ font-size: 16px;}
.zlbs ul li p{ font-size: 18px;}
.zlbs ul li .iconfont{ font-size: 18px; padding: 5px 0; display: inline-block;}
.nav4 .container{width: 100%; max-width: 1200px; margin: 0 auto; padding-bottom: 50px;}
.nav4 .container h4{ font-size: 16px; color: #df0523; font-weight: bold;}
.nav4 .container p{ font-size: 12px; color: #333; padding: 10px 0 10px 0;}

.pdnav {padding-bottom: 50px;}
.pdnav ul{ padding-top: 0px; padding-bottom: 5px;}
.pdnav ul li{padding-top: 2px; padding-bottom: 2px;}
.pdnav ul li span{color:#df0523;}
.pdnav h3{color: #111;}

.bread{margin-top: -50px; padding-bottom: 25px;}
.bread a{display: inline-block; color: #fff;}
.bread a:after{content: ">";}
.bread a:last-child:after{content: "";}
.bread span,.bread a:last-child{color:#df0523;}


@media(max-width:991px) {
  .zlbs ul{padding:10px;}
  .zlbs ul li h3 { font-size: 24px;}
.zlbs ul li h3 i{ font-size: 14px;}
.zlbs ul li p{ font-size: 14px;}
.zlbs ul li .iconfont{  padding:  0;}

  .zlbs{width: 90%; left: 5%; bottom:0}
  .nav4 .container h4{ font-size: 18px; }
.nav4 .container p{ font-size: 14px;  padding: 5px 0 20px 0;}

.indexbox>ul>li>img.lastimg{object-fit: contain; background: #e6e6e6;}

}

.modal-open{padding: 0!important;overflow-y: inherit!important;}
.modal.in .modal-dialog{ z-index: 1050;}


.dropdown-menu>li>a{padding:10px 20px;}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%;}
.filter-option-inner-inner{white-space: normal;}
.bootstrap-select>.dropdown-toggle{padding: 15px 12px; margin-top: 10px;}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{top: 10px; color: #df0524;}

.table2{ width: 100%; font-size: 14px;}
.table2 th{  background: #df0523; color: #fff; text-align: center; padding: 20px; border-right: 1px solid #fff;}
.table2 th:last-child{border: none;}
.table2 td{ text-align: center;border-bottom: 1px solid #333; padding: 20px; vertical-align: middle;}
.table2 td:first-child{ text-align: left;}

.table3 thead th{ background: #df0523; color: #fff; border: none;}
.table3 tbody tr:nth-child(even) td{ background: #fff;}
.table3 tbody tr:nth-child(odd) td{ background: #eee;}
.table3 tbody td{border: none; text-align: center!important;}
.cptxt p{ font-size: 14px; position: relative; color: #333; padding: 10px 0; line-height: 1.7; padding-left:25px}
.cptxt p:before{position: absolute; content:"";background: #df0523; width: 7px; height:7px; border-radius: 100%; left: 0; top: 23px;}
.cptxt .imgbox{margin-top: 20px;}
.cpjg{ padding: 40px 0;}
.cpjg img{ margin: 0 auto;}

.buy{position: absolute; right: 180px; bottom: 10px;}
.buy li{display: flex; align-items: center; padding: 3px 0;}
.buy li span{font-size: 18px!important; width: 130px; }
.buy li a{background: #df0523; color: #fff;font-size: 16px!important; border-radius: 5px; padding: 3px 10px;}
@media(max-width:991px) {
  .cptxt p{font-size: 16px; padding-left: 0;}
  .cptxt p:before{display: none;}
  .table2 th,.table2 td{padding: 10px 0; font-size: 14px;}
}

.hangju{letter-spacing: 6px;;}


.page2 {
  overflow: hidden;
  text-align: center;
  padding: 10px;
  clear: both;
}

.page2 .ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.page2 .rows {
  height: 40px;
  line-height: 40px;
  float: left;
  padding: 0px 15px;
  margin: 0px;
  color: #76838f;
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-left: 1px solid #e4eaec;
}

.page2 .num {
  height: 40px;
  line-height: 40px;
  float: left;
  padding: 0px 15px;
  margin: 0px;
  color: #76838f;
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-left: 1px solid #e4eaec;
}

.page2 .current {
  height: 40px;
  line-height: 40px;
  float: left;
  padding: 0px 15px;
  margin: 0px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: #cccccc;
  border-left: 1px solid #e4eaec;
}

.page2 .prev {
  height: 40px;
  line-height: 40px;
  float: left;
  padding: 0px 15px;
  margin: 0px;
  color: #76838f;
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-left: 1px solid #e4eaec;
}

.page2 .first {
  height: 40px;
  line-height: 40px;
  float: left;
  padding: 0px 15px;
  margin: 0px;
  color: #76838f;
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-left: 1px solid #e4eaec;
}

.page2 .end {
  height: 40px;
  line-height: 40px;
  float: left;
  padding: 0px 15px;
  margin: 0px;
  color: #76838f;
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-left: 1px solid #e4eaec;
}

.page2 .next {
  height: 40px;
  line-height: 40px;
  float: left;
  padding: 0px 15px;
  margin: 0px;
  color: #76838f;
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-left: 1px solid #e4eaec;
}

.page2 .num, .page2 .rows, .page2 .prev, .page2 .next, .page2 .current, .page2 .first, .page2 .end {
  border-radius: 5px;
  border: 1px solid #e4eaec;
  margin: 0px 3px;