*{padding:0;margin:0;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
li{list-style-type: none;}
a{ text-decoration: none;}
body{font-size:14px;padding:0;margin:0;overflow-x:hidden;color:#666;font-family:"微软雅黑";font-size:14px;background:#fff}
li{list-style-type:none}
html,body{ height: 100%;}
a{text-decoration:none!important;color:#333}
a:hover{color:#d11e1a}
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}
body {
    -webkit-text-size-adjust: 100% !important;
    /* 页面字号不受微信设置大字号导致页面错位 */
}
.menubtn{ display: none;}
.lefmenu{ position:fixed; left: 50px; top:125px; z-index:10;}
.lefmenu>ul>li>a{display: block; line-height: 3; font-size: 14px;}
.lefmenu>ul>li ul{ padding-left: 15px;}
.lefmenu>ul>li ul a{display: block; line-height: 2; font-size: 14px;}
.lefmenu a{ color: #999;}
.lefmenu .active>a{ color: #222;}

.rightmenu{ position: fixed;  z-index: 10;right: 0; top: 150px; border-left: 1px solid #000; height: calc(100% - 300px);  display: flex; justify-content: center; align-items: center;}
.rightmenu ul{ width:116px; }
.rightmenu a{ font-size: 12px; transition: all .5s .2s; color: #999; display: block; line-height: 2; position: relative;padding: 0 0 0 20px; display: block;}

.rightmenu li a:before{ position: absolute; left: -4px; border-radius: 5px; top: calc(50% - 4px); width:6px; height: 6px; border: 1px solid #000; background: #fff;  content: ""; opacity: 0; transition: all .5s .2s; }
.rightmenu li.active a:before{ opacity: 1;}
.rightmenu li.active a{ font-size: 16px; color: #333;}


.head{ display: flex; top: 0; position: fixed; z-index: 100; width: 100%; background: #fff;  align-items: center; justify-content: space-between; 
    padding: 40px 50px;}
.logo{ width: 60px; height: 60px; background: url(../image/logo.png) center center ; background-size:cover; position: relative; z-index: 10;}

.langchage{ position: relative; z-index: 10;}
.logotxt { text-align: center;  position: absolute; width: 100%; left: 0; top: 0; padding: 40px 0; }
.logotxt p{ font-weight: bold; color: #000; font-size: 18px; padding-bottom: 6px;}
.logotxt h3{font-weight: bold; color: #000; font-size: 18px;;}
.end{ width: 100%; text-align: center; color: #999; font-size: 12px;}


.news ul{ display: flex; flex-wrap: wrap; align-items: flex-end;}
.news ul li{ width: 50%; }
.news ul li a{display: flex; width: 100%; align-items:flex-start; padding-bottom:20px;}
.news ul li:nth-child(odd) a{ justify-content: flex-end; }
.news ul li:nth-child(even) a{ justify-content: flex-start;}

.news ul li:nth-child(odd) a img{ order: 2;}
.news ul li:nth-child(odd) a p{ order: 1;}

.news ul li  a img{ max-width: 50%; margin: 0 10px; transition: 0.2s all;}
/*.news ul li  a img:hover{ max-width: 50%; margin: 0 15px; transform: translate(0,-3px); box-shadow: 5px 5px 10px rgba(0,0,0,0.3)}*/
.news ul li  a p{ max-width: 35%; padding: 5px 0; border-top: 1px solid #000; min-width: 150px;}
.news ul li  a p span{ display: block;}


.news1 ul{ display: flex; flex-wrap: wrap; align-items: flex-end;}
.news1 ul li{ width: 50%; padding-bottom: 5px;}
.news1 ul li a{display: flex; width: 100%; align-items:flex-start;}

.news1 ul li a:hover{color: #96000c;}
.news1 ul li a:hover img{
  /* box-shadow: 3px 3px 15px rgb(0 0 0 / 30%); */
  opacity: 1;
}

.news1 ul li:nth-child(odd) a{ justify-content: flex-end; }
        /*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {*/
        /*    .news1 ul li:nth-child(odd) a{ justify-content: flex-start !important; }*/
        /*}*/
.news1 ul li:nth-child(even) a{ justify-content: flex-start;}

.news1 ul li:nth-child(odd) a img{ order: 2;}
.news1 ul li:nth-child(odd) a p{ order: 1;}

.news1 ul li  a img{ max-width: 50%; margin: -2px 10px;border: 2px solid #fff;  opacity: .7;}
.news1 ul li  a p{ max-width: 24%; padding: 5px 0; border-top: 1px solid #000; min-width: 200px;}
.news1 ul li  a p span{ display: block;}



.main{  padding-top: 140px; }
.langchage a{ position: relative; color: #999;}
.langchage a::before{ content: "/"; padding: 0 10px;}
.langchage a.openlist{display: none;}
.langchage a.openlist::before,
.langchage a:first-child::before{ display: none;}
.langchage a.active{ color: #000;}

.modalbg{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9; background: rgba(0,0,0,.5);  display: none;}

.rightmenu>.closeright{display: none;}

.main2{ height: 100%; padding: 140px 0 0 0; overflow: hidden;}

.text h3{ font-size: 18px; color: #000; padding: 0px 0 10px 0;}
/*.navtxt {padding: 0 100px 0 160px;} */
.navtxt img{max-width:100%; max-height: 90%; margin: 0 auto;}

/*.navtxt1 {padding: 0 150px 0 180px;} */
.navtxt1 img{max-width:100%; max-height: 90%; margin: 0 auto;}
.navtxt1 img222{max-width:100%; max-height: 100%; margin: 0 auto;}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-fslexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#swiper-container2 .swiper-slide {
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
display:block;


}
.text{width: 60%; text-align: left; line-height: 1.8;}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{width: 5px; height: 5px; margin:10px auto;background: #888; opacity: 1;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 8px; height: 8px;
 background: #000;}

 .about ul li a p{max-width: 100px; min-width: 100px;}
 .about ul li:nth-child(odd) p{text-align: left;}

 .swiper-container-vertical>.swiper-pagination-bullets{ top: calc(50% - 70px);}

 .swiper-scrollbar{ background: #fff; width: 3px!important;}
 .swiper-scrollbar-drag{background: #fff;}
 .swiper-slide{overflow: hidden;}
.firstimg{ position: relative;}
.firstimg .txt{ position: absolute;pointer-events: none; cursor: pointer; z-index: 5; top: 0; left: 0; padding: 50px; color: #fff; max-width: 50%;}
.firstimg .txt h4{ font-size: 16px; padding-bottom: 15px; font-weight: bold;}
.firstimg .txt ol{ padding:  0 0 15px 0;}
.firstimg .txt p{ padding: 5px 0;}

.navtxt p{ padding:  10px 0;}

.clnav{display: flex;}
.clnav .img{ width: 50%;}
.clnav .text{ width: 50%; padding-left: 0px;}
.team{overflow: hidden; padding-bottom: 50px;}
.team li{ float: left; width: 104px; height: 146px; padding: 6px; overflow: hidden;}
.team li a{ display: block; position: relative; display: block; overflow: hidden; width: 100%; height: 100%;}
.team li a img{width: 100%; height: 100%; object-fit: cover; margin: 0; padding: 0; max-height: initial; max-height: initial;}
.team li a p{ position: absolute; opacity: 0; transition: all .5s; display: flex; flex-direction: column; justify-content: center; padding:0 10px; left: 0; top: 0; color: #fff; background: rgba(0,0,0,.6); width: 100%; height: 100%;;}
.team li a:hover p{opacity: 1;}

.clnav .teamimg {width:auto; flex-shrink: 0;}
.teamimg img{ width: 300px; /*height: 440px;*/ object-fit: cover; margin: 0 0 0 6px;}
.teamimg img1{ width: 647px; height: 280px; object-fit: cover; margin: 0 0 0 6px;}
.clnav  .teamtext{width: 70%; padding-left: 7%;}
.clnav  .teamtext1{width: 55%; padding-left: 7%;}

.weixin { position: relative; padding: 10px 0;}
.weixin svg{ width: 24px; height: 24px; opacity: .5;}
.weixin:hover svg{opacity: .7;}
.weixin span{ position: absolute; border: 1px solid #ddd; width: 200px; padding: 10px; left: 0; top: 30px; opacity: .5; transform: scale(0);}
.weixin span::before{position: absolute; width: 8px; height: 8px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; transform: rotate(45deg); top: -5px; left: 10px; content: ""; z-index: 10;background: #fff;}
.weixin:hover span{ opacity: 1; transform: scale(1);}

@media (max-width:990px){
  .clnav{display: block;}
  .clnav>.img,.clnav>.text{width: 100%;}
  .clnav .text{padding-left: 0;}

  .teamimg img{width: 100%; height: auto;}


  .team{margin-left: -5px; margin-right: -5px;}
  .team li{ width: 33.33333%; height: 118px; float: left!important;}
  .firstimg .txt{ position: relative; z-index: 5; top: 0; left: 0; padding: 0 0 15px 0; color: #333; max-width: 100%;}
  .firstimg .txt *{
      color:#333!important;
  }
  .logo{width: 48px; height: 48px;}
    .navtxt{width:100%; padding:0 15px 30px 15px;}
    .swiper-container-vertical>.swiper-pagination-bullets{ top: calc(50% - 50px);}
    .main2{ padding: 110px 0 0 0;}
    .main{padding-top: 110px;}


    .head{ padding: 15px;}
    .logotxt{ text-align: left; margin-right: auto; padding:20px 20px 20px 80px;}
    .logotxt p{ font-size: 14px; padding-bottom: 3px;}
    .logotxt h3{ font-size: 14px;;}

    .news ul{ padding: 10px;}
    .news ul li{ width: 100%; }
    .news ul li a img{ order: 1!important; margin: 0 10px 0 0!important; flex-shrink: 0; width: 40%; height: 100px; object-fit: cover;}
    .news ul li a p{ order: 2!important; width: 100%; max-width: initial;min-width:auto;}
    .news ul li a{padding-bottom: 10px;}

    .menubtn{display:block;width:22px;height:42px;background:rgba(255,255,255,.3);border-radius:100%;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:11;
      /* position:absolute;right:15px;top:12px; */
    }

  
    .langchage { display: flex;}
    .langchage a.openlist{margin-left: auto; display: block;}
    .langchage{ position: absolute; opacity: 1; transition: all .5s; background: #fff; left: 0; z-index: 9;; width: 100%; top:70px; padding: 10px 15px;}
    .langchage.active{ opacity: 0;}

    .rightmenu{ height: 100%; z-index: 102; top: 0; background-color: #fff; right: -120px; transition: all .5s;}
    .rightmenu.active{ right: 0;}
    .lefmenu{background: #fff; width: 100%; border-top: 1px solid #eee; left: 0; padding: 20px 15px; top: -380px;  opacity: 0; transition: all .5s;}
    .modalbg.active{ z-index: 101;}
    .lefmenu.active{ opacity: 1; top: 78px;}

    .rightmenu>.closeright{display: block; position: absolute; bottom: 10px; width: 100%; color: #000;}
    .menubtn span,.menubtn span:after,.menubtn span:before{width:22px;height:2px;position:relative;background:#c51a26;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}
/* 
    .page-box{overflow: hidden!important;}
    .page-box .main-box{-webkit-transform-origin: top left; margin-top:150px!important;} */
    

    .about ul li a { display: block;}
    .about ul li a img{ width: 100%; object-fit: cover; height: auto; max-width: initial;}
     .about ul li a p{ text-align: center!important; border-top: none; border-bottom: 1px solid #000; margin-bottom: 20px;}

     .sl-wrapper .sl-navigation button.sl-prev{left: 5px;;}
     .sl-wrapper .sl-navigation button.sl-next{right: 5px;}
   
  }
  .sl-wrapper .sl-close{ z-index: 100; color: #000;}
  .sl-wrapper{z-index: 2000000;}
.sl-overlay{background: #000;z-index: 101; }
.sl-wrapper .sl-close,.sl-wrapper .sl-navigation{z-index: 112;}
.sl-wrapper .sl-navigation button,.sl-wrapper .sl-close{z-index: 112; color: #fff;}
.sl-wrapper .sl-image{z-index: 110;}*{padding:0;margin:0;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
li{list-style-type: none;}
a{ text-decoration: none;}
body{font-size:14px;padding:0;margin:0;overflow-x:hidden;color:#666;font-family:"微软雅黑";font-size:14px;background:#fff}
li{list-style-type:none}
html,body{ height: 100%;}
a{text-decoration:none!important;color:#333}
a:hover{color:#d11e1a}
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}
body {
    -webkit-text-size-adjust: 100% !important;
    /* 页面字号不受微信设置大字号导致页面错位 */
}
.menubtn{ display: none;}
.lefmenu{ position:fixed; left: 50px; top:125px; z-index:10;}
.lefmenu>ul>li>a{display: block; line-height: 3; font-size: 14px;}
.lefmenu>ul>li ul{ padding-left: 15px;}
.lefmenu>ul>li ul a{display: block; line-height: 2; font-size: 14px;}
.lefmenu a{ color: #999;}
.lefmenu .active>a{ color: #222;}

.rightmenu{ position: fixed;  z-index: 10;right: 0; top: 150px; border-left: 1px solid #000; height: calc(100% - 300px);  display: flex; justify-content: center; align-items: center;}
.rightmenu ul{ width:116px; }
.rightmenu a{ font-size: 12px; transition: all .5s .2s; color: #999; display: block; line-height: 2; position: relative;padding: 0 0 0 20px; display: block;}

.rightmenu li a:before{ position: absolute; left: -4px; border-radius: 5px; top: calc(50% - 4px); width:6px; height: 6px; border: 1px solid #000; background: #fff;  content: ""; opacity: 0; transition: all .5s .2s; }
.rightmenu li.active a:before{ opacity: 1;}
.rightmenu li.active a{ font-size: 16px; color: #333;}


.head{ display: flex; top: 0; position: fixed; z-index: 100; width: 100%; background: #fff;  align-items: center; justify-content: space-between; 
    padding: 40px 50px;}
.logo{ width: 60px; height: 60px; background: url(../image/logo.png) center center ; background-size:cover; position: relative; z-index: 10;}

.langchage{ position: relative; z-index: 10;}
.logotxt { text-align: center;  position: absolute; width: 100%; left: 0; top: 0; padding: 40px 0; }
.logotxt p{ font-weight: bold; color: #000; font-size: 18px; padding-bottom: 6px;}
.logotxt h3{font-weight: bold; color: #000; font-size: 18px;;}
.end{ width: 100%; text-align: center; color: #999; font-size: 12px;}


.news ul{ display: flex; flex-wrap: wrap; align-items: flex-end;}
.news ul li{ width: 50%; }
.news ul li a{display: flex; width: 100%; align-items:flex-start; padding-bottom:20px;}
.news ul li:nth-child(odd) a{ justify-content: flex-end; }
.news ul li:nth-child(even) a{ justify-content: flex-start;}

.news ul li:nth-child(odd) a img{ order: 2;}
.news ul li:nth-child(odd) a p{ order: 1;}

.news ul li  a img{ max-width: 50%; margin: 0 10px; transition: 0.2s all;}
/*.news ul li  a img:hover{ max-width: 50%; margin: 0 15px; transform: translate(0,-3px); box-shadow: 5px 5px 10px rgba(0,0,0,0.3)}*/
.news ul li  a p{ max-width: 35%; padding: 5px 0; border-top: 1px solid #000; min-width: 150px;}
.news ul li  a p span{ display: block;}


.news1 ul{ display: flex; flex-wrap: wrap; align-items: flex-end;}
.news1 ul li{ width: 50%; padding-bottom: 5px;}
.news1 ul li a{display: flex; width: 100%; align-items:flex-start;}

.news1 ul li a:hover{color: #96000c;}
.news1 ul li a:hover img{
  /* box-shadow: 3px 3px 15px rgb(0 0 0 / 30%); */
  opacity: 1;
}

.news1 ul li:nth-child(odd) a{ justify-content: flex-end; }
        /*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {*/
        /*    .news1 ul li:nth-child(odd) a{ justify-content: flex-start !important; }*/
        /*}*/
.news1 ul li:nth-child(even) a{ justify-content: flex-start;}

.news1 ul li:nth-child(odd) a img{ order: 2;}
.news1 ul li:nth-child(odd) a p{ order: 1;}

.news1 ul li  a img{ max-width: 50%; margin: -2px 10px;border: 2px solid #fff;  opacity: .7;}
.news1 ul li  a p{ max-width: 24%; padding: 5px 0; border-top: 1px solid #000; min-width: 200px;}
.news1 ul li  a p span{ display: block;}



.main{  padding-top: 140px; }
.langchage a{ position: relative; color: #999;}
.langchage a::before{ content: "/"; padding: 0 10px;}
.langchage a.openlist{display: none;}
.langchage a.openlist::before,
.langchage a:first-child::before{ display: none;}
.langchage a.active{ color: #000;}

.modalbg{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9; background: rgba(0,0,0,.5);  display: none;}

.rightmenu>.closeright{display: none;}

.main2{ height: 100%; padding: 140px 0 0 0; overflow: hidden;}

.text h3{ font-size: 18px; color: #000; padding: 0px 0 10px 0;}
/*.navtxt {padding: 0 100px 0 160px;} */
.navtxt img{max-width:100%; max-height: 90%; margin: 0 auto;}

/*.navtxt1 {padding: 0 150px 0 180px;} */
.navtxt1 img{max-width:100%; max-height: 90%; margin: 0 auto;}
.navtxt1 img222{max-width:100%; max-height: 100%; margin: 0 auto;}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-fslexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#swiper-container2 .swiper-slide {
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
display:block;


}
.text{width: 60%; text-align: left; line-height: 1.8;}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{width: 5px; height: 5px; margin:10px auto;background: #888; opacity: 1;}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 8px; height: 8px;
 background: #000;}

 .about ul li a p{max-width: 100px; min-width: 100px;}
 .about ul li:nth-child(odd) p{text-align: left;}

 .swiper-container-vertical>.swiper-pagination-bullets{ top: calc(50% - 70px);}

 .swiper-scrollbar{ background: #fff; width: 3px!important;}
 .swiper-scrollbar-drag{background: #fff;}
 .swiper-slide{overflow: hidden;}
.firstimg{ position: relative;}
.firstimg .txt{ position: absolute;pointer-events: none; cursor: pointer; z-index: 5; top: 0; left: 0; padding: 50px; color: #fff; max-width: 50%;}
.firstimg .txt h4{ font-size: 16px; padding-bottom: 15px; font-weight: bold;}
.firstimg .txt ol{ padding:  0 0 15px 0;}
.firstimg .txt p{ padding: 5px 0;}

.navtxt p{ padding:  10px 0;}

.clnav{display: flex;}
.clnav .img{ width: 50%;}
.clnav .text{ width: 50%; padding-left: 0px;}
.team{overflow: hidden; padding-bottom: 50px;}
.team li{ float: left; width: 104px; height: 146px; padding: 6px; overflow: hidden;}
.team li a{ display: block; position: relative; display: block; overflow: hidden; width: 100%; height: 100%;}
.team li a img{width: 100%; height: 100%; object-fit: cover; margin: 0; padding: 0; max-height: initial; max-height: initial;}
.team li a p{ position: absolute; opacity: 0; transition: all .5s; display: flex; flex-direction: column; justify-content: center; padding:0 10px; left: 0; top: 0; color: #fff; background: rgba(0,0,0,.6); width: 100%; height: 100%;;}
.team li a:hover p{opacity: 1;}

.clnav .teamimg {width:auto; flex-shrink: 0;}
.teamimg img{ width: 300px; /*height: 440px;*/ object-fit: cover; margin: 0 0 0 6px;}
.teamimg img1{ width: 647px; height: 280px; object-fit: cover; margin: 0 0 0 6px;}
.clnav  .teamtext{width: 70%; padding-left: 7%;}
.clnav  .teamtext1{width: 55%; padding-left: 7%;}

.weixin { position: relative; padding: 10px 0;}
.weixin svg{ width: 24px; height: 24px; opacity: .5;}
.weixin:hover svg{opacity: .7;}
.weixin span{ position: absolute; border: 1px solid #ddd; width: 200px; padding: 10px; left: 0; top: 30px; opacity: .5; transform: scale(0);}
.weixin span::before{position: absolute; width: 8px; height: 8px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; transform: rotate(45deg); top: -5px; left: 10px; content: ""; z-index: 10;background: #fff;}
.weixin:hover span{ opacity: 1; transform: scale(1);}

@media (max-width:990px){
  .clnav{display: block;}
  .clnav>.img,.clnav>.text{width: 100%;}
  .clnav .text{padding-left: 0;}

  .teamimg img{width: 100%; height: auto;}


  .team{margin-left: -5px; margin-right: -5px;}
  .team li{ width: 33.33333%; height: 118px; float: left!important;}
  .firstimg .txt{ position: relative; z-index: 5; top: 0; left: 0; padding: 0 0 15px 0; color: #333; max-width: 100%;}
  .firstimg .txt *{
      color:#333!important;
  }
  .logo{width: 48px; height: 48px;}
    .navtxt{width:100%; padding:0 15px 30px 15px;}
    .swiper-container-vertical>.swiper-pagination-bullets{ top: calc(50% - 50px);}
    .main2{ padding: 110px 0 0 0;}
    .main{padding-top: 110px;}


    .head{ padding: 15px;}
    .logotxt{ text-align: left; margin-right: auto; padding:20px 20px 20px 80px;}
    .logotxt p{ font-size: 14px; padding-bottom: 3px;}
    .logotxt h3{ font-size: 14px;;}

    .news ul{ padding: 10px;}
    .news ul li{ width: 100%; }
    .news ul li a img{ order: 1!important; margin: 0 10px 0 0!important; flex-shrink: 0; width: 40%; height: 100px; object-fit: cover;}
    .news ul li a p{ order: 2!important; width: 100%; max-width: initial;min-width:auto;}
    .news ul li a{padding-bottom: 10px;z-index:999;}

    .menubtn{display:block;width:22px;height:42px;background:rgba(255,255,255,.3);border-radius:100%;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:11;
      /* position:absolute;right:15px;top:12px; */
    }

  
    .langchage { display: flex;}
    .langchage a.openlist{margin-left: auto; display: block;}
    .langchage{ position: absolute; opacity: 1; transition: all .5s; background: #fff; left: 0; z-index: 9;; width: 100%; top:70px; padding: 10px 15px;}
    .langchage.active{ opacity: 0;}

    .rightmenu{ height: 100%; z-index: 102; top: 0; background-color: #fff; right: -120px; transition: all .5s;}
    .rightmenu.active{ right: 0;}
    .lefmenu{background: #fff; width: 100%; border-top: 1px solid #eee; left: 0; padding: 20px 15px; top: -422px;  opacity: 0; transition: all .5s;}
    .modalbg.active{ z-index: 101;}
    .lefmenu.active{ opacity: 1; top: 78px;}

    .rightmenu>.closeright{display: block; position: absolute; bottom: 10px; width: 100%; color: #000;}
    .menubtn span,.menubtn span:after,.menubtn span:before{width:22px;height:2px;position:relative;background:#c51a26;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}
/* 
    .page-box{overflow: hidden!important;}
    .page-box .main-box{-webkit-transform-origin: top left; margin-top:150px!important;} */
    

    .about ul li a { display: block;}
    .about ul li a img{ width: 100%; object-fit: cover; height: auto; max-width: initial;}
     .about ul li a p{ text-align: center!important; border-top: none; border-bottom: 1px solid #000; margin-bottom: 20px;}

     .sl-wrapper .sl-navigation button.sl-prev{left: 5px;;}
     .sl-wrapper .sl-navigation button.sl-next{right: 5px;}
   
  }
  .sl-wrapper .sl-close{ z-index: 100; color: #000;}
  .sl-wrapper{z-index: 2000000;}
.sl-overlay{background: #000;z-index: 101; }
.sl-wrapper .sl-close,.sl-wrapper .sl-navigation{z-index: 112;}
.sl-wrapper .sl-navigation button,.sl-wrapper .sl-close{z-index: 112; color: #fff;}
.sl-wrapper .sl-image{z-index: 110;}