body{font-size: 16px;} 
.w90{ width: 90%; margin: 0 auto; max-width: 1320px;}
.w80{ width: 90%; margin: 0 auto; max-width: 1220px;}
.idxTop{ height: 12vh; min-height: 60px;}

.logo,.idxlogo{ height: 60px;}
.h_nav{ height: 60px; width: 60px;   padding: 18px 8px ;    }
.object{object-fit: cover;}
.h_nav .burger{ width: 100%;  height: 2px ; background: #8e8e8e;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
 
.h_nav.close{align-items: center; justify-content: center;}
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #8e8e8e;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }
.linka a:hover{ color: #000;}
 .bannerImg{ height: 68vh; width: 100%; object-fit: cover;}
 .idxNav{ line-height: 15vh;}
 .idxNav a{ margin: 0 35px;} .idxNav a:hover{ font-weight: bold;}
 .idxFooter{ height: 5vh;}

 .menu_nav{
    background: #0a110d;
    position: fixed;
    transition:all .56s ;
    top: 0;
    left: 0 ;
    z-index: 150;
    width: 100vw;
    height: 100vh;
    padding: 60px;
    transform: translateX(-105%);
    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    -o-transform: translateX(-105%);
    -webkit-transition:all .56s ;
    -moz-transition:all .56s ;
    -ms-transition:all .56s ;
    -o-transition:all .56s ;
}
 .menu_nav .top{ height: 12vh;}
 .menu_nav .close:hover span{ letter-spacing: 3px;}
 .menu_nav ul{ height: calc(100% - 12vh);}
 .menu_nav ul .list a{ position: relative; font-size: 28px; line-height: 3; display: inline-block;}
 /* .menu_nav ul .list a:hover{ color: #fff;} */
 .menu_nav ul .list a::before{
    width: 260px;
    height: 1px;
    background-color: #fff;
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -130px;
    transform: scale(0,1);
    transition: all .36s;
    -webkit-transition: all .36s;
    -moz-transition: all .36s;
    -ms-transition: all .36s;
    -o-transition: all .36s;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
}
 /* .menu_nav ul .list a::after{ width: 150px; height: 2px; background-color: #fff; display: block; content: ''; position: absolute; top: 50%; right:  -110%; transition: all .36s; -webkit-transition:; -moz-transition:; -ms-transition:; -o-transition:; } */
 .menu_nav ul .list a:hover::before{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
 .menu_nav ul .list a span{ padding: 0 20px; display: inline-block; background: #0a110d; position: relative; z-index: 5;}
 .menu_nav ul .list.cur  a::before{transform: scale(1,1);}
 .menu_nav.show{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
 header{  width: 100%; height: 100px; position: fixed; top: 0; left: 0; z-index: 100;}
 header .right a{ line-height: 100px; font-size: 16px; margin-left: 3vw; display: inline-block;}
 .technologyBan{    padding-top: 15vh;}
 .body::before{ display: block; content: ''; width: 100%; height: 100px; background-color: #000;}
 .line-height1-2{ line-height: 1.2;}
 .technologyBan .line{  width: 1px; height: 15vh;}
 .technologyBan::after{ width: 100%; height: 90%; background-color: #000; display: block; content: ''; position: absolute;  left: 0; top: 0;}
 .technologyBox .con{ width: 65%; margin: 0 auto;}
 .technologyBox .con::after, .technologyBox .con::before{ width: 22px; height: 23px;  display: block; content: ''; background: url(../images/yin.png) no-repeat center center; background-size: 100% 100%; position: absolute;}
 .technologyBox .con::before{ left:  -100px; top:0;}
 .technologyBox .con::after{ right:  -100px; bottom: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
 footer a:hover{ color: #fff;}
 header .h_nav{ display: none;}
 .meetingUl a{ height: 58px; margin: 0 18px; padding: 0 50px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
 .meetingUl a.on, .meetingUl a:hover{ background-color: #000; color: #fff;}
 .meetUl li{ width: calc((100% - 40px)/2); margin-right: 40px; margin-bottom: 40px;} 
 .meetUl li:nth-child(2n){ margin-right: 0;}
 .meetUl li .img {  height: 360px;}
 .meetUl li:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
 .meetUl li:hover .img{ box-shadow:  0 0 10px rgba(0, 0, 0, .15);} .meetUl li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
 .meetUl li .tit span{
    /*text-decoration: underline;
    */background-image: linear-gradient(currentColor 0, currentColor 0);
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 calc(100% - 1px);
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  }
  .meetUl li:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
  .newTop .more{ width: 160px;  height: 50px;}
  .newTop .desc{}
  .newTop .img{ height: 400px;}
  .newlist li{ width: calc((100% - 60px)/3); margin-right: 30px; margin-bottom: 30px;}
  .newlist li:nth-child(3n){ margin-right: 0;}
  .newlist li .img{ width: 100%; height: 260px;}
  .newlist li:hover{  transform: translateY(-15px); box-shadow: 0 0 10px rgba(0, 0, 0, .15); -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); }
  .newlist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
  .newlist li .tit span{
    /*text-decoration: underline;
    */background-image: linear-gradient(currentColor 0, currentColor 0);
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 calc(100% - 1px);
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  }
  .newlist li:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}

  .newPage .left{ width: calc(100% - 180px); line-height: 2.6;}
  .newPage .back{ width: 150px; height: 50px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
  .newPage .back:hover { background-color: #000; color: #fff;}
  .storyLine{ width: 50px; height: 4px;}
  .storyBg{ background: url(../images/storyBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; position: relative; }
  .storyBg .con::after, .storyBg .con::before{ width: 22px; height: 23px;  display: block; content: ''; background: url(../images/yin-w.png) no-repeat center center; background-size: 100% 100%; position: absolute;}
  .storyBg .con::before{ left:  -100px; top:0;}
  .storyBg .con::after{ right:  -100px; bottom: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
  .yeartItem{  padding-left: 1px; padding-right: 1px}
  .yeartItem .tit{font-family: '宋体'; font-size: 200px; position: absolute; top:10%;  left: 60%; z-index: 6;
  line-height: 1;}
  .yeartItem .more{width: 200px;  height: 50px; position: absolute; right: 0; bottom: 100px;}
  .yeartItem .w45 img{ box-shadow: 13px 13px  13px rgba(0, 0, 0, .15);}
  .proSwiper .prev,.proSwiper .next{ z-index: 15; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
  .proSwiper .swiper-button-disabled{ cursor: no-drop; }

  .proSwiper .prev{ left: -150px;}
  .proSwiper .next{ right: -150px;}
  .proBot .con {font-family: '宋体';}
  .proBot .con::after, .proBot .con::before{ width: 22px; height: 23px;  display: block; content: ''; background: url(../images/yin.png) no-repeat center center; background-size: 100% 100%; position: absolute;}
  .proBot .con::before{ left:  -100px; top:0;}
  .proBot .con::after{ right:  -100px; bottom: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
  
  .w70{ width: 70%;}.w30{ width: 30%;}
  .proInfoOne  .prev,.proInfoOne  .next{  width: 60px; height: 60px; border-color: #666; color: #666;}
  .proInfoOne  .prev:hover,.proInfoOne  .next:hover{ background-color: #000; color: #fff;}
  .proInfoOne   .swiper-button-disabled{ cursor: no-drop;}

  .proInfoTwo{ background: url(../images/bg1.jpg) no-repeat center center; background-size: cover;}
  .proInfoTwo .swiper-slide{ padding: 0 0 20px ; }
  .proInfoTwo .swiper-slide .con{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
  .proInfoTwo .txt{ width: 100%; height: 30%;  position: absolute; left: 0; bottom: 0;  background-image: linear-gradient(to top,rgba(0,0,0,0.5), transparent);}
  .proInfoTwo .swiper-slide::after{ border-radius: 5px; position: absolute; width:90%; left: 5%; height: 20px; bottom: 0; background-color: #dddddd; display: block; content: ''; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
  .proInfoTwo-pagination{ position: relative; height: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
  .proInfoTwo-pagination .swiper-pagination-progressbar-fill{ background-color: #000;}
  .proInfoThere{ width: 90% ; margin: 0 auto;}

  .inputText{ height: 46px; border-color: #000; padding-left: 15px;}
  .inputTextarea{ padding: 15PX; border-color: #000; }
  .yzmImg{ height: 90%; position: absolute;right: 1px;  top: 5%; z-index: 10; cursor: pointer;}