:root {
    --yx_Color: #02b338;
  }
  .cont{
      width: 100%;
      overflow: hidden;
      position: relative;
  }
  @keyframes dow_arr1{
      0%{
          opacity:0
      }
      24%{
          opacity:0
      }
      25%{
          opacity:1
      }
      100%{
          opacity:1
      }
  }
  @keyframes dow_arr2{
      0%{
          opacity:0
      }
      49%{
          opacity:0
      }
      50%{
          opacity:1
      }
      100%{
          opacity:1
      }
  }
  @keyframes large-s{
      0%{
          transform:scale(1)
      }
      100%{
          transform:scale(1.05)
      }
  }
  
  *{
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box
  }
  
  ::selection {
      background:#008c15;
      color: #fff;
  }
  
  ::-moz-selection {
      background:#008c15;
      color: #fff;
  }
  
  ::-webkit-selection {
      background:#008c15;
      color: #fff;
  }
  html{
      font-size:20px
  }
  
  img{
      display:block;
      width:100%;
      line-height:0
  }
  *{
      font-family: Arial!important;
  }
  .cf{
      zoom:1
  }
  .cf:after{
      content:".";
      display:block;
      clear:both;
      font-size:0;
      height:0;
      visibility:hidden;
      overflow:hidden
  }
  
  .swiper-pagination-bullet{
                    
                    background: var(--yx_Color)!important;
                    width: 9px!important;
                    height: 9px!important;
                    border-radius: 100px!important;
                    transition: all .3s!important;
                    opacity: .2!important;
                        overflow: hidden!important;
                }
                .swiper-pagination-bullet-active{
                        width: 29px!important;
                        opacity: 1!important;
                    }
                
  div,p,span,i{
  white-space: normal;
      word-break: break-word;
  }
  .hidden{
      opacity:0 !important;
      visibility:hidden !important;
      max-height:0 !important;
      margin:0 !important;
      padding:0 !important;
      overflow:hidden
  }
  .w1480{
      width:74rem;
      margin:0 auto
  }
  .w1520{
      width:76rem;
      margin:0 auto
  }
  .w1440{
      width:1440px;
      margin:0 auto
  }
  .w1000{
      width:1000px;
      margin:0 auto
  }
  .w1280{
      width:1280px;
      margin:0 auto
  }
  .w1600{
      width:1600px;
      margin:0 auto
  }
  .w750{
      width:750px;
      margin:0 auto
  }
  
  .p_page {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 4.5vw;
}
.p_page div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.p_page .laypage_prev,.p_page .laypage_next{width:40px!important;}
.p_page .laypage_prev svg{vertical-align: middle;height:auto;width:20px;    fill: currentColor;}
.p_page .laypage_next svg{vertical-align: middle;height:auto;width:20px;    fill: currentColor;}
.p_page .laypage_prev:hover svg path{fill:#fff;}
.p_page .laypage_next:hover svg path{fill:#fff;}
.p_page .laypage_curr{background:var(--yx_Color)!important;color:#fff!important;border: 0px solid #00b4f1 !important;}

.p_page a,.p_page span {
    display: flex;
    border: 1px solid #dfdfdf !important;
    box-sizing: border-box;
    width: 40px !important;
    height: 40px !important;
    text-align: center;
    line-height: 40px !important;
    color: #999 !important;
    font-size: 16px;
    margin: 0 5px !important;
    border-radius: 0;
    align-items: center;
    justify-content: center;
}
.p_page .laypage_total{width:auto!important;border:0px!important;}
.p_page .laypage_total input{border: 1px solid #ebebeb ;}
.p_page .laypage_main button{background: #357ff6;border:0;color:#fff;border-radius: 5px;height:50px;font-size:14px;}
.p_page a:hover {background:var(--yx_Color)!important;border: 0px solid #ccc !important;color: #fff !important;}
.p_page .page_prev {color: #818286;}
.p_page .page_next {color: #818286;}
.laypageskin_default .laypage_curr{color:#fff;}
.laypage_main *{font-size:16px;}
.laypage_main input{height:50px;width:50px;border-radius:5px;}

.laypage_last {
    padding: 0 !important;
    font-size: 14px !important;
}
.laypage_first{
    padding: 0 !important;
    font-size: 14px !important;
}


@media screen and (max-width: 768px) {
  .p_page {margin-bottom: 8vw;}
  .p_page div{flex-wrap:wrap;}
  .p_page a,.p_page span {
      width: 28px !important;
      height: 28px !important;
      font-size: 12px;
      margin: 0 3px !important;
      line-height: 28px!important;
  }
  .p_page .laypage_prev,.p_page .laypage_next{width:28px!important;}
  .laypage_main a, .laypage_main span{padding:0 3px!important;}
  .p_page .laypage_total{display: block;width:160px!important;margin-top:5vw!important;}
  .laypage_main button{height:22px!important;line-height: 22px!important;margin-top:2px;margin-left:15px;}
  .laypage_main input{width:30px;height:30px;}
}

  
  .crumbs {
	background: #f7f7f7;
	padding: 5px 0;
}

.crumbs .w1200 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.crumbs * {
	line-height: 30px;
	position: relative;
	color: #777;
}

.crumbs span:not(:first-child) {
	padding-left: 15px;
}

.crumbs span:not(:first-child)::before {
	content: '/';
	position: absolute;
	left: 4px;
}

.crumbs span:last-child {
	color: #222;
}
  .foot_bm{
    background: #2d3237;
    border-top:3px solid var(--yx_Color);
    border-bottom: 1px solid #6f7177;
}


.foot_bm .w1440{
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.foot_bm .w1440 .txt{
    width: calc(100% - 180px);
    color: #fff;
     font-size: 18px;
     letter-spacing: 11px;
}

.foot_bm .w1440 a{
    width: 180px;
    text-align: center;
    padding: 8px 0;
    color: #fff;
    font-size: 18px;
    border-radius: 100px;
    background: var(--yx_Color);
    border: 1px solid var(--yx_Color);
}
@media only screen and (max-width: 1800px) {
    .foot_bm .w1440 .txt{
        width: calc(100% - 10vw);
        font-size: 1.2vw;
    letter-spacing: .5vw;
    }
    .foot_bm .w1440 a{
        font-size: 1vw;
    width: 10vw;
    }
}
@media screen and (max-width: 998px) {
    .foot_bm .w1440{
        flex-wrap: wrap;
        justify-content: center;
    }
    .foot_bm .w1440 .txt{
        width: 100%;
        font-size: 16px;
        letter-spacing: 5px;
        text-align: center;
    }
    .foot_bm .w1440 a{
        font-size: 14px;
    width: 180px;
    margin-top: 10px;
    }
}
 header{
      position:fixed;
      width:100%;
      left:0;
      top:0;
      z-index:100;
      height:80px;
      transition:all .5s;
      -webkit-transition:all .5s;
      -moz-transition:all .5s;
      -ms-transition:all .5s;
      border-bottom:1px solid rgba(255,255,255,0.3)
  }
  header .con{
      height:100%
  }
  header .con .logo1{
      display:none
  }
  header .con .logo{
      float:left;
      width:90px;
      position:relative;
      height:100%;
      transition:all .5s;
      -webkit-transition:all .5s;
      -moz-transition:all .5s;
      -ms-transition:all .5s
  }
  header .con .logo a{
      display:block;
      position:absolute;
      width:100%;
      top:50%;
      left:0;
      transform:translateY(-50%);
      -webkit-transform:translateY(-50%);
      -moz-transform:translateY(-50%);
      -ms-transform:translateY(-50%)
  }
  header .con .logo a img{
      width:100%
  }
  header .con .logo:hover a img{
      transform:scale(1.05);
      -webkit-transform:scale(1.05);
      -moz-transform:scale(1.05);
      -ms-transform:scale(1.05)
  }
  header .con .navigation{
      float:right;
      width:calc(100% - 120px);
      display:flex;
      justify-content:flex-end;
      align-items: center;
      height:100%
  }
  header .con .navigation .nav_link{
      border: 1px solid var(--yx_Color);
      background: var(--yx_Color);
      color: #fff;
          padding: 5px 20px;
      border-radius: 100px;
  }
  
  header.on .con .navigation .nav_link{
      border: 1px solid var(--yx_Color);
      background: var(--yx_Color);
      color: #fff;
          padding: 5px 20px;
      border-radius: 100px;
  }
  header .con .navigation .nav_link:hover{
      border: 1px solid var(--yx_Color);
      background: var(--yx_Color);
      color: #fff;
  }
  header .con nav>ul{
      height:100%;
      display:flex;
      justify-content:center
  }
  header .con nav>ul>li{
      height:100%;
      display:block;
      position:relative;
      margin-right:3.5rem;
      border-bottom:2px solid transparent
  }
  
  header .con nav>ul>li .arr{
      font-size:12px;
      display:none
  }
  header .con nav>ul>li h2{
      height:100%;
      display:flex;
      align-items:center
  }
  header .con nav>ul>li h2 a{
      display:block;
      color:#fff;
      transition:all .5s;
      -webkit-transition:all .5s;
      -moz-transition:all .5s;
      -ms-transition:all .5s
  }
  header .con nav>ul>li .sub_nav{
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      top:80px;
      width:160px;
      text-align:center;
      display:none
  }
  header .con nav>ul>li .sub_nav a{
      display:block;
      background:#fff;
      line-height:50px;
      color:#333;
      transition:all .3s;
      margin-bottom:1px
  }
  header .con nav>ul>li .sub_nav a:hover{
      background-color:#008c15;
      color:#fff
  }
  header .con nav>ul>li:hover{
      border-bottom:2px solid #fff
  }
  header .con .search_btn{
      display:flex;
      align-items:center;
      color:#fff;
      font-size:18px;
      margin-right:3rem;
      cursor:pointer
  }
  
  
  header .con .language{
      display:flex;
      align-items:center
  }
  header .con .language.h5_lang{display:none;}
  header .con .language .language_box{
      position:relative
  }
  header .con .language .language_box>a{
      padding:5px 17px;
      border:1px solid #fff;
      border-radius:100px;
      color:#fff
  }
  header .con .language .language_box>a i{
      display:inline-block;
      margin-left:1.5rem
  }
  header .con .language .language_box .language_other{
      position:absolute;
      top:33px;
      left:0;
      width:100%;
      display:none
  }
  header .con .language .language_box .language_other>a{
      display:block;
      width:100%;
      line-height:40px;
      text-align:center;
      background-color:#fff;
      color:#333;
      margin-bottom:1px
  }
  header .con .language .language_box .language_other>a:hover{
      background-color:#008c15;
      color:#fff
  }
  header .menu_btn{
      margin-top:15px;
      cursor:pointer;
      transition:all .5s;
      -moz-transition:all .5s;
      -webkit-transition:all .5s;
      -o-transition:all .5s;
      display:none;
      float:right;
      margin-left:1rem
  }
  header .menu_btn span{
      display:block;
      height:2px;
      width:27px;
      background:#000;
      margin-bottom:7px;
      transition:all .5s;
      -moz-transition:all .5s;
      -webkit-transition:all .5s;
      -o-transition:all .5s
  }
  header .menu_btn.on{
      margin-top:23px
  }
  header .menu_btn.on span:nth-child(1){
      margin-bottom:-4px;
      transform:rotate(45deg);
      -ms-transform:rotate(45deg);
      -moz-transform:rotate(45deg);
      -webkit-transform:rotate(45deg);
      -o-transform:rotate(45deg)
  }
  header .menu_btn.on span:nth-child(2){
      opacity:0
  }
  header .menu_btn.on span:nth-child(3){
      margin-top:-7px;
      transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
      -moz-transform:rotate(-45deg);
      -webkit-transform:rotate(-45deg);
      -o-transform:rotate(-45deg)
  }
  header.active .menu_btn span{
      background:#fff
  }
  header.active.con .menu_btn span{
      background:#000;
  }
  header.active.con2.on .menu_btn span{
      background:#000;
  }
  header.on{
      background-color:#fff
  }
  header.on .con nav>ul>li h2 a{
      color:#333
  }
  header.on nav>ul>li:hover{
      border-bottom:2px solid #008c15
  }
  header.on nav>ul>li:hover h2 a{
      color:#008c15
  }
  header.on .con .search_btn{
      color:#333
  }
  header.on .con .language .language_box>a{
      color:#333;
      border:1px solid #333
  }
  header.on .con .logo1{
      display:block
  }
  header.on .con .logo2{
      display:none
  }
  header.con{
      background-color:#fff !important
  }
  header.con .con nav>ul>li h2 a{
      color:#333 !important
  }
  header.con nav>ul>li:hover{
      border-bottom:2px solid #008c15
  }
  header.con nav>ul>li:hover h2 a{
      color:#008c15
  }
  header.con .con .search_btn{
      color:#333
  }
  header.con .con .language .language_box>a{
      color:#333;
      border:1px solid #333
  }
  header.con .con .logo1{
      display:block
  }
  header.con .con .logo2{
      display:none
  }
  footer img{
  
      display:block;
      width:100%;
      line-height:0
  
  }
  footer{
      background-color:#272c30;
      width:100%;
  }
  footer .footer-top_box{
      background-color:#2d3237;
      padding:2rem 0 1.5rem
  }
  footer .footer-top{
      display:flex;
      justify-content:space-between;
      align-items:flex-end
  }
  footer .footer-top .foooter_logo{
      width:100%;
      display: flex;
      justify-content: space-between;
  }
  footer .footer-top .foooter_logo .logo_l{
      width: 100px;
  }
  footer .footer-top .foooter_logo .img{
      width: 100%;
  }
  footer .footer-top .foooter_logo .des{
      width: 150%;
      text-align: left;
      color: #fff;
      margin-top: 15px;
      padding-top: 15px;
      font-size: 10px;
      border-top: 1px solid var(--yx_Color);
  }
  footer .footer-top .foooter_logo .footer_btn{
      display:flex;
      justify-content:space-between;
      color:#acadae;
      width: 60%;
  }
footer .footer_btn .infor {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
footer .footer_btn .infor li > a {
  display: block;
  color: #fff;
}
footer .footer_btn .infor li .nav_icon {
  display: none;
}
footer .footer_btn .infor li .sub_nav div {
  margin-top: 1vw;
}
footer .footer_btn .infor li .sub_nav a {
  color: rgba(255, 255, 255, 0.7);
  position: relative;
  font-size: 15px;
}
footer .footer_btn .infor li .sub_nav a::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  right: 50%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  transition: all 0.3s;
}
footer .footer_btn .infor li .sub_nav a:hover::before {
  opacity: 1;
  left: 0%;
  right: 0%;
}

  footer .footer-share li{
      width:25px;
      height:25px;
      float:left;
      position:relative;
      margin-left:20px;
      transition:all .3s
  }
  footer .footer-share li span{
      font-size:24px;
      color:#fff;
      display:block;
      cursor:pointer
  }
  footer .footer-share li span svg{
      width:100%;
      height:100%
  }
  footer .footer-share li span svg path{
      transition:all .5s
  }
  footer .footer-share li span:hover svg path{
      fill:#fff
  }
  footer .footer-share li .share-or{
     pointer-events:none;
      transition:all .5s;
      opacity:0;
      width:109px;
      position:absolute;
      bottom:25px;
      left:50%;
      transform:translate(-50%, 10px)
  }
  footer .footer-share li .share-or i{
      display:none
  }
  footer .footer-share li:hover .share-or{
      opacity:1;
      transform:translate(-50%, 0)
  }
  footer .footer-bottom{
      padding:1.2rem 0 1.5rem
  }
  footer .footer-bottom .copyright{
      display:flex;
      justify-content:space-between;
      align-items:center;
  }
  footer .footer-bottom .copyright .cy_l{
      color:#717476
  }
  footer .footer-bottom .copyright .cy_l a{
      color:#717476
  }
  footer .footer-bottom .copyright .cy_l i{
      margin:0 15px
  }
  footer .footer-bottom .copyright .cy_r p{
      color:#717476;
      float:left;
  }
  footer .footer-bottom .copyright .cy_r p a{
      color:#717476
  }
  .video-layer{
      background-color:rgba(0,0,0,0.6);
      position:fixed;
      left:0;
      width:100%;
      top:0;
      height:100%;
      z-index:-1;
      transition:all .4s;
      visibility:hidden;
      opacity:0;
      -webkit-animation-duration:1s;
      animation-duration:1s
  }
  .video-layer .video-js{
      width:1280px;
      height:60%;
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%, -50%);
      background-color:#000
  }
  .video-layer .video-js .vjs-big-play-button{
      width:56px;
      height:56px;
      border-radius:100%;
      line-height:56px
  }
  .video-layer .video-close{
      position:absolute;
      right:3.5%;
      top:10%;
      transition:all .4s;
      cursor:pointer;
      border:none;
      background-color:transparent;
      outline:none
  }
  .video-layer .video-close i.video-cancel{
      display:block;
      transition:all .4s;
      font-size:16px;
      color:#fff;
      line-height:1
  }
  .video-layer .video-close i.video-cancel:hover{
      transform:rotate(180deg)
  }
  .video-layer.open{
      visibility:visible;
      opacity:1;
      -webkit-animation-name:bigToLittle;
      animation-name:bigToLittle;
      z-index:103
  }
  .top_btn{
      width:36px;
      position:fixed;
      bottom:5%;
      cursor:pointer;
      right:20px;
    z-index: 100;
      display:none
  }
  .sidebar{
      position:fixed;
      right:30px;
      top:50%;
      transform:translateY(-50%);
      width:30px;
      z-index:10
  }
  .sidebar li{
      width:100%;
      position:relative;
      margin:5px 0;
      cursor:pointer
  }
  .sidebar li .txt{
      color:#fff;
      position:absolute;
      right:40px;
      top:50%;
      transform:translateY(-140%);
      white-space:nowrap;
      opacity:0;
      transition:all .5s;
      pointer-events:none;
      font-weight:bold
  }
  .sidebar li .spot{
      width:30px;
      height:30px;
      border-radius:100%;
      border:1px solid transparent;
      display:flex;
      align-items:center;
      justify-content:center
  }
  .sidebar li .spot p{
      display:inline-block;
      width:10px;
      height:10px;
      border-radius:100%;
      background-color:#fff;
      opacity:.4
  }
  .sidebar li.on .txt{
      transform:translateY(-50%);
      opacity:1
  }
  .sidebar li.on .spot{
      border:1px solid #fff
  }
  .sidebar li.on .spot p{
      opacity:1
  }
  .sidebar.cr .txt{
      color:#fff
  }
  .sidebar.cr li .spot p{
      background-color:#fff
  }
  .sidebar.cr li.on .spot{
      border:1px solid #fff
  }
  .pagination_box{
      text-align:center;
      margin:4rem 0
  }
  .pagination_box .pagination a{
      width:45px;
      height:45px;
      border-radius:100%;
      border:1px solid #d0d0d0;
      display:inline-block;
      line-height:45px;
      text-align:center;
      color:#666;
      margin:0 4px
  }
  .pagination_box .pagination span{
      margin:0 4px
  }
  .pagination_box .pagination span.current{
      width:45px;
      height:45px;
      border-radius:100%;
      border:1px solid #b1987f;
      display:inline-block;
      line-height:45px;
      text-align:center;
      color:#fff;
      background-color:#b1987f
  }
  .pagination_box .pagination .prev{
      border:1px solid #d0d0d0 !important;
      border-radius:100px!important;
      padding:0 40px;
      width:auto!important;
      height:auto!important;
      color:#666 !important;
      background-color:#fff !important
  }
  .pagination_box .pagination .next{
      border:1px solid #d0d0d0 !important;
      border-radius:100px!important;
      padding:0 40px;
      width:auto!important;
      height:auto!important;
      color:#666 !important;
      background-color:#fff !important
  }
  @media screen and (max-width:1680px){
      html{
          font-size:17px
      }
      .w1600{
          width:94%
      }
  }
    @media screen and (max-width:1600px){
  .w1440{
          width:80%
      }
    }
  @media screen and (max-width:1500px){
      .w1480{
          width:72rem;
          margin:0 auto
      }
      .w1520{
          width:74rem;
          margin:0 auto
      }
      
  }
  @media screen and (max-width:1440px){
      html{
          font-size:16px
      }
      .video-layer .video-js .vjs-big-play-button{
          width:50px;
          height:50px;
          line-height:50px
      }
      .video-layer .video-js{
          height:60%;
          width:1100px
      }
      
  }
  @media screen and (max-width:1366px){
      header{
          height:80px
      }
      .w1480{
          width:70rem;
          margin:0 auto
      }
      .w1520{
          width:72rem;
          margin:0 auto
      }
  }
  @media screen and (max-width:1280px){
      header .con nav>ul>li{
              margin-right: 3vw;
      }
      header .con nav>ul>li h2 a{
          font-size: 16px;
      }
      html{
          font-size:15px
      }
      .video-layer .video-js .vjs-big-play-button{
          width:46px;
          height:46px;
          line-height:42px
      }
      .video-layer .video-js{
          height:60%;
          width:96%
      }
      .w1280{
          width:94%
      }
  }
  @media screen and (max-width:1200px){
      html{
          font-size:15px
      }
      .w1480{
          width:960px
      }
      .w1520{
          width:980px;
          margin:0 auto
      }
      header .con .logo{
          width:80px
      }
   
      header .con nav .search_btn{
          margin-right:2.5rem
      }
       .w1000{
           width: 80%;
       }
  }
  @media screen and (max-width:1100px){
          header .con nav>ul>li {
        margin-right: 1.5rem;
    }
  }
  @media screen and (max-width:1024px){
      html{
          font-size:14px
      }
      .video-layer .video-js .vjs-big-play-button{
          width:40px;
          height:40px;
          line-height:36px
      }
      .video-layer .video-js{
          height:60%;
          width:96%;
          margin:0
      }
      #videoPopup .video-box{
          width:80%
      }
  }
  @media screen and (max-width:998px){
      footer .footer_btn .infor {
  flex-wrap: wrap;
}
footer .footer_btn .infor li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
footer .footer_btn .infor li:nth-last-child(1) {
  border-bottom: 0;
}
footer .footer_btn .infor li > a {
  padding: 15px 0;
  font-size: 16px;
  width: calc(100% - 80px);
}
footer .footer_btn .infor li .nav_icon {
  display: flex;
  justify-content: flex-end;
  width: 80px;
  padding: 15px 0;
}
footer .footer_btn .infor li .nav_icon svg {
  width: 15px;
  height: 15px;
  transition: all .3s;
}
footer .footer_btn .infor li .sub_nav {
  width: 100%;
  padding-left: 20px;
  display: none;
}
footer .footer_btn .infor li .sub_nav div {
  margin-top: 0;
  margin-bottom: 12px;
}
footer .footer_btn .infor li .sub_nav div a {
  font-size: 14px;
}
footer .footer_btn .infor li.on .nav_icon svg {
  transform: rotate(180deg);
}
      .video-layer .video-js{
          height:60%
      }
      .video-layer .video-js .vjs-big-play-button{
          font-size:2em
      }
      header{
          height:50px
      }
      header .con .logo{
          width:67px
      }
      header .con .navigation{
          width:auto
      }
      header .menu_btn{
          display:block
      }
      header .con nav{
          display:none;
          position:fixed;
          top:50px;
          bottom:0;
          left:0 ;
          right:0;
          background-color:#fff;
          overflow-y:scroll;
          overflow-x:hidden
      }
      header .con nav ul{
          height:auto;
          flex-wrap:wrap;
          align-items:flex-start;
        width: 90%;
      margin: 0 auto;
      }
      header .con nav ul li{
          width:100%;
          margin-right:0
      }
    header .con nav>ul>li h2{    width: 80%;}
    
    header .con .language.h5_lang{display: flex;
      padding-top: 2%;
      padding-right: 2%;
      justify-content: center;
        width: 100%;
      position: absolute;
      bottom: 40%;
      left: 0;
    }
  header .con .language.pc_lang{display:none;}
    header.con .con .language .language_box>a{display:none;}
    header .con .search_btn{
    margin-right: 1rem;
    }
      header .con nav>ul>li h2 a{
          color:#000;
          padding-left:5%;
          line-height:55px;
            width: 100%;
      }
    header.on nav>ul>li{border-bottom: 1px solid #008c15;    width: 94%;}
      header .con nav>ul>li .arr{
          display:block;
          line-height:60px;
          position:absolute;
          top:0;
          right:5%;
          font-size:16px;
          color:#333;
          transition:all .3s;
            transform:rotate(-90deg);
      }
      header .con nav>ul>li.on .arr{
          transform:rotate(0deg)
      }
      header .con nav>ul>li .sub_nav{
          position:static;
          padding-left:10%;
          transform:translateX(0);
          width:100%;
          text-align:left;
          background:#fff
      }
    header nav>ul>li{border-bottom: 1px solid #e4e4e4!important;}
    header .con .language .language_box>a{display:none}
      header .con .language .language_box .language_other{
          top:38px;
            display: flex;
      position: static;
      width: 100%;
      justify-content: flex-start;
      }
    header .con .language .language_box .language_other>a{white-space: nowrap;margin: 0 6px;font-size: 16px;}
  }
  @media screen and (max-width:768px){
      footer .footer-top .foooter_logo{
          flex-wrap: wrap;
          justify-content: center;
      }
      footer .footer-top .foooter_logo .footer_btn{
          width: 100%;
          flex-wrap: wrap;
      }
      
      .w750{
          width:94%
      }
      html{
          font-size:12px
      }
      .video-layer .video-js .vjs-big-play-button{
          width:30px;
          height:30px;
          line-height:26px
      }
      .video-layer .video-js{
          height:60%
      }
      .w1480{
          width:100%;
          padding:0 20px
      }
      .w1520{
          width:90%;
          padding:0 20px
      }
      .pagination_box .pagination{
          display:flex;
          flex-wrap:wrap;
          justify-content:center
      }
      .pagination_box .pagination .prev{
          width:46%!important;
          margin:5% 2% 0!important;
          padding:0!important;
          order:2;
          font-size:14px
      }
      .pagination_box .pagination .next{
          width:46%!important;
          margin:5% 2% 0!important;
          padding:0!important;
          order:2;
          font-size:14px
      }
      footer .footer-top{
          flex-wrap:wrap
      }
      footer .footer-top .foooter_logo{
          width:100%
      }
      footer .footer-top .contact{
          width:100%;
          margin-top:10px
      }
      footer .footer-bottom .copyright{
          flex-wrap:wrap
      }
      footer .footer-bottom .copyright .cy_l{
          width:100%
      }
      footer .footer-bottom .copyright .cy_r{
          margin-top:10px;
          width:100%
      }
      footer .footer-bottom .copyright .cy_r p{
          margin-left:0
      }
    footer .footer-share{
        display: flex;
      justify-content: space-between;flex-wrap: wrap;
    }
    footer .footer-share{
        justify-content: flex-start;
    }
    footer .footer-share li{
   float:none;height:auto;    margin-left: 0px;    margin-right: 20px;
    }
    footer .footer-share li .share-or i {
      display: block;
      color: #acadae;
      text-align: center;
      margin-top: 15px;
  }
    footer .footer-share li span{
     width:25px;
      margin:0 auto;
    }
    footer .footer-share li .share-or{
        position: fixed;
      bottom: -20%;
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
    }
    footer .footer-share li:hover .share-or{opacity: 0;}
    footer .footer-share li.on .share-or{
      pointer-events:auto;
    transform: translateX(-50%);
      position: fixed;
      left: 50%;
      bottom: 20%;
      z-index: 999;
      opacity: 1;
    }
    footer .footer-share li.on::after{
          content: '';
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 998;
          background-color: rgba(0,0,0,.6);
      }
  }
  @media screen and (max-width:400px){
      .video-layer .video-js{
          height:50%
      }
  }