body{font-size: 16px; overflow-x: hidden;} 


.inner{ width:1640px;   margin: 0 auto;  }
.pl-inner{ padding-left: calc((100vw - 1640px)/2);}
.pr-inner{ padding-right: calc((100vw - 1640px)/2);}
.ml-inner{ margin-left: calc((100vw - 1640px)/2);}
.mr-inner{ margin-right: calc((100vw - 1640px)/2);}

header{ position: fixed; left: 0; top: 0; z-index: 100; width: 100%; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
/* header.scroll{ box-shadow: 0 0 15px rgba(0, 0, 0, .1);} */
.logoImg{ height: 110px;}
.headerTel{ line-height:60px;}
.ersha{}
.ersha .ershaImg{ height: 92px;}


.oneNav{ line-height:92px; white-space: nowrap; display: block; padding: 0 2vw; font-size: 20px;}
.oneNav span { position: relative;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; background:var(--color); transition: all .36s; transform:scale(0,1) ; position: absolute; left: 0; bottom: -10px; -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) ; }
nav li{ position: relative;}
/* nav li:last-child .oneNav{ padding-right: 0;} */
nav li.on .oneNav  ,nav li:hover .oneNav{ color: var(--color);}
nav li.on .oneNav span::after,nav li:hover .oneNav span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
/* nav:hover > li:not(:hover) .oneNav{ color: #333; } */
nav:hover > li:not(:hover) .oneNav  span::after{ transform:scale(0,1) ;  }
nav  li dl{position:absolute;text-align: center;min-width:150px; width: auto;top:100%;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
nav  li dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
nav  li dl dd:last-child{border-bottom:0}
nav  li dl dd a{ padding: 0 20px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
nav  li dl dd:hover{background:var(--color)}
nav  li dl dd:hover a{color:#fff!important;}
/* nav  li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px} */
nav  li dl{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
nav  li:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
 
/* background-color:var(--color); */
.h_nav{ height: 60px; width: 60px;  padding: 18px 8px ;    align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%;  height: 2px ; background: var(--color);  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: var(--color);      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); }
 
.idxBan .text{ position: absolute; left: 50%; top: 30%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.idxBan .text .enTit{ position: absolute; left: 0; bottom:-.2em; background: linear-gradient(to bottom, #fff, transparent);-webkit-background-clip: text;color: transparent;}

.idxBanImg{ width: 100%; object-fit: cover; max-height: 100vh;}
.line-height1-2{ line-height: 1.2;}
.idxMore{ transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;}
.idxMore .round{ width: 62px; height: 62px; margin-left: -0.6em;}
.idxMore .round i{ transform:rotate(-45deg) ; -webkit-transform:rotate(-45deg) ; -moz-transform:rotate(-45deg) ; -ms-transform:rotate(-45deg) ; -o-transform:rotate(-45deg) ; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;}
.idxMore:hover .round i{ transform:rotate(0) ; -webkit-transform:rotate(0) ; -moz-transform:rotate(0) ; -ms-transform:rotate(0) ; -o-transform:rotate(0) ;}
.idxMore.haha{ border-color: #d70c1f;}
.idxMore.haha1{ padding: 0.5em 0.5em 0.5em 2em; background-color: rgba(255, 255, 255, .1);}
.idxMore .more{ height: 62px;}


.rdUl li::after{ width: 100%; height: 100%;opacity: 0; z-index: 1; transition: all .36s; display: block; position: absolute; top: 0; left: 0; background: var(--color); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.rdUl li::after { transform:rotateX(-45deg) ; -webkit-transform:rotateX(-45deg) ; -moz-transform:rotateX(-45deg) ; -ms-transform:rotateX(-45deg) ; -o-transform:rotateX(-45deg) ; }


.banMouse{ width: 130px; animation: ani-svg 2s linear 0s alternate infinite; position: absolute; z-index: 20; right: 0; bottom: 6%; -webkit-transform: translateX(-50%) ; -moz-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; -o-transform: translateY(-50%) ; -webkit-animation:; }
 
.idxBan .button{ position: absolute; z-index: 15; left: 0; bottom: 6%;}
.idxBan .next,.idxBan .prev{ width: 70px; height: 60px;-webkit-clip-path: polygon(100% 0,95% 100%,0 100%, 5% 0)}
.idxBan .next:hover,.idxBan .prev:hover{ transform: translateY(-5px); background: var(--color); color: #fff; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.idxLine{  height: 2px; width: 2em;}
.idxMore-green{ background-image: linear-gradient(300deg,#0f852d,#87c41e);}
.idxproduct1 li{ width: calc((100% - 35px)/2); margin-right: 35px;}
.idxproduct1 li:nth-child(2n){ margin-right: 0;}
.idxProUl .bottom span{ -webkit-text-stroke: 1px #f2f2f2;text-stroke: 1px #f2f2f2;color: transparent;}
.idxProUl .bottom .more{ position: absolute; left: 0; bottom: .8em;}
.idxProUl li .img{ width: 100%; height: 0; padding-bottom: 100%;}
.wh-50{ width: 50px; height: 50px;}
.idxProUl li::after{ display: block; transition: all .36s; content: ''; width: 100%; height: 0; position: absolute; left: 0; top: 0; background-image: linear-gradient(300deg,#0f852d,#87c41e); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxProUl li:hover{ color: #fff; box-shadow: 0 0 15px rgba(66,161,45, 0.15); transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); }
.idxProUl li:hover::after{ height: 100%;}
.idxProUl li:hover .bottom span{ opacity: .2;}
.idxProUl li:hover .bottom .more{ background: #fff; color: var(--color);}

.idxproduct2 li{ width: calc((100% - 70px)/3); margin-right: 35px;}
.idxproduct2 li:nth-child(3n){ margin-right: 0;}

.idxNewsUl{ box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.idxNewsUl li .desc{ height: 4em;}
.idxNewsUl li .img{ width: 100%; height: 0; padding-bottom: 60%;}
.idxNewsUl li::after{ display: block; content: ''; width: 0; transition: all .36s; height:.2vw; position: absolute; left: 0; top: 0; background:var(--color) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxNewsUl li:hover::after{ width: 100%;}
.idxNewsUl 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;
  }
.idxNewsUl li:hover .tit span{ color: var(--color);  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.idxNewsUl li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.15);}    
 
.idxNewsUl li:hover .more{ background: var(--color); color: #fff;}

.line-height2-2{ line-height: 2.2;}
.footerTop{ background: url(../images/footerTopBg.jpg) no-repeat center center / cover; background-attachment: fixed; padding-top: 8vw;}
.footBottom{ background: url(../images/footBottomBg.png) no-repeat center center / cover; border-top-left-radius: 2.5em; border-top-right-radius: 2.5em;}

.footBottom dd{ padding-right: 7.2em;}
.footBottom dd:last-child{ padding-right: 0;}

.footBottom a:hover{ color: #fff;}

.wh-60{ width: 60px; height: 60px;}
.ewmBox .img{ background: url(../images/ewmBg.png) no-repeat center center  ; background-size: 100% 100%; width: 140px;}
.footLogo{}

.zw{ margin-top: -100px; padding-top: 100px;}
.zwHeader{ height: 100px;}

.neiBanImg{ width: 100%; max-height: calc(100vh - 100px); min-height: 260px; object-fit: cover;}
/* .neiBan::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.18) } */
.neiBan .text{ position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); z-index: 10; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); text-align: center;}
.banBot{ margin-top: -10vw;}
.idxBan .neiBanBg{ max-height: 100%;}




.cultureUl .bottom{ display: none;}
.cultureUl li.on .bottom{ display: block;}
.cultureUl li.on .top{ color: var(--color); font-size: 2em;}

.sinceUl{ line-height: 1  ;}
.sinceUl li:nth-child(2){ margin-left: 1.5em;}
.sinceUl li:nth-child(3){ margin-left:0.5em;}
.briefImg{ border-top-right-radius: 2vw;}

.history{ background: url(../images/historyBg.jpg) no-repeat center center / cover;}
.historyUl{ width: 18%;}
.historyUl li{ opacity: .48;}
.historyUl li:last-child{ margin-bottom: 0;}
.historyUl li.on{opacity: 1;}

.historySwiper .swiper-slide{ height: auto;}
.history .next:hover,.history .prev:hover{ background: var(--color); color: #fff;}
.history .right{ margin-left: 9vw; transform:translateY(-10vw) ; -webkit-transform:translateY(-10vw) ; -moz-transform:translateY(-10vw) ; -ms-transform:translateY(-10vw) ; -o-transform:translateY(-10vw) ; }
.historyImgUl .img{ width: 100%; height: 0; padding-bottom: 100%;}
.historyImgUl li{ display: none; animation: imgBig .3s; -webkit-animation: imgBig .3s; }
.historyImgUl li.on{ display: block;}
.historyIcon{ height: 1em;}

.styleSwiper .img{ width: 100%; height: 0; padding-bottom: 60%;}
.styleSwiper .swiper-slide{ transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.styleSwiper .swiper-slide-active{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.style .prev,.style .next{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.style .prev{ left: 20%;}
.style .next{ right: 20%;}
.style .next:hover,.style .prev:hover{ background: var(--color); color: #fff;}

.proLeft{ width: 300px;}
.proRight{ width: calc(100% - 390px);}

.proNav li .firstNav a{ height: 3.5em;}
.proNav li dl{ margin-top: -10px; display: none;}
.proNav li.on .firstNav{ background: var(--color); color: #fff;}
.proNav li.on .firstNav a:hover{ color: #fff;}
.proNav li.on .icon-arrow-right2-copy:before {
    content: "\e689";
  }

  .proDetail .img{  padding-bottom: 67.4%; height: 0; width: 100%;}
.proDetail .button{ border: 2px solid var(--color);}
.proDetail .btn{ height: 66px;}

.proNav{ position: sticky; left: 0; top: 110px;}

.rdUl li{perspective: 200px;}
.rdUl li::after{ width: 100%; height: 100%;opacity: 0; z-index: 1; transition: all .36s; display: block; position: absolute; top: 0; left: 0; background: var(--color); display: block; content: ''; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.rdUl li::after { transform:rotateX(-45deg) ; -webkit-transform:rotateX(-45deg) ; -moz-transform:rotateX(-45deg) ; -ms-transform:rotateX(-45deg) ; -o-transform:rotateX(-45deg) ; }
.rdUl li.on::after{ transform:rotateX(0) ; opacity: 1; -webkit-transform:rotateX(0) ; -moz-transform:rotateX(0) ; -ms-transform:rotateX(0) ; -o-transform:rotateX(0) ; }
.rdUl li.on{ box-shadow: 0 0 15px rgba(0, 0, 0, .15); transform: translateY(-8px); color: #fff; -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); }

.rdImg{ position: absolute; left: 0; top: 20%;}
.schoolBox{ background: url(../images/schoolBg.jpg) no-repeat right  center / 50% 100%;}

.newslist {}
.newslist li { width: calc((100% - 140px)/3) ; margin-right: 70px;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li .desc,.idxNewsItm .desc{ height: 2em;}
.myPgination .swiper-pagination-bullet{ margin: 0 3px; width: 6px; height: 6px;}

.newslist li .tit,.idxNewsItm .tit{ height: 4.2em;}

.newsSwiper .swiper-slide{ height: auto;}

.newslist li .img,.idxNewsItm .img{ width: 100%; height: 0; padding-bottom: 65%;}

.newslist li  .tit span,.idxNewsItm .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;
  }
  /*   */
/* .newslist li:hover{ background: #FFF;box-shadow: 0 10px 20px rgba(215, 12, 31, .1);} */
.newslist li:hover .tit span,.idxNewsItm:hover .tit span{ color: var(--color);  }
/* .newslist li:hover{ transform: translateY(-8px); box-shadow: 0 0 15px rgba(0,0,0,.15); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); }    
 */
.newslist li:hover .more,.idxNewsItm:hover .more { color: #d70c1f;}

.agreeCheck{ width: 1.7em;height:  1.7em; }
.agreeCheck[type="checkbox"]::after { width: 1.7em; height:  1.7em; content: " "; color: #fff; display: inline-block; visibility: visible; border-radius: 3px; padding: 1px 2px; box-sizing: border-box; background-color: #fff; border: 1px solid var(--color); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.agreeCheck[type="checkbox"]:checked::after{  background: url(../images/dui.png) no-repeat center center / 100% 100%;}
 

 
.newsLeft{ width: 70%;}
.newsRight{ width: 26%;}
/* .newsRight .tit::after{ height: 1em; width: 6px; background: var(--color); display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } */
.newsRightUl{ position: sticky; right: 0; top: 15px;}
.newsRightUl a .img{ width: 200px;}
.newsRightUl a .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsRightUl a .text{ width: calc(100% - 200px);}
.newsRightUl a: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); }

.newsPage .on{ background-color: #d70c1f;}
.newsPage .on span,.newsPage .on i{ color: #FFF;}


.contactImg{ border-radius: 3vw; -webkit-border-radius: 3vw; -moz-border-radius: 3vw; -ms-border-radius: 3vw; -o-border-radius: 3vw; }
.contactType{ border-radius: 2vw; -webkit-border-radius: 2vw; -moz-border-radius: 2vw; -ms-border-radius: 2vw; -o-border-radius: 2vw; }

.contactType li{ min-width: 18%;}
.ewmImg{ width: 120px;}
.mapBox img{ width: 100%; height: 100%;}

.messages{ background: url(../images/messagesBg.jpg) no-repeat center top; margin-bottom: -40px;}


.footerTop .idxMore{ margin-left: auto; margin-right: auto;}



.messagesBox{}
.messagesBox .left{ background-image: linear-gradient(to bottom,#115fad,#5aa6f0);}
.inputRE{ position: absolute; left: 18px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }


/*新加*/
.zhiding{ width: 60px; height: 60px;}

.neiye{}
.wode h1::after{ width: 1em; height: 5px; background: var(--color); display: block; content: ''; position: absolute; left: 0;bottom: -3px;}


.zixun a i{ background: #ed7731;}
.zixun a i:before{}

.nihao li span{ width: 4em; height: 4em;}

.brief{ background: url(../images/brief.jpg) no-repeat center bottom;}

.cultureTop li { perspective: 800px;}
.cultureTop li:before { content: "";  width: 100%;  height: 100%;  position: absolute;  left: 0;  top: 0;
    z-index: 2;
    transform-origin: left center 0;
    transition: 0.54s;
    opacity: 1;
    visibility: visible;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    background: rgba(0,89,167,.9)}
.cultureTop li:hover:before{background: rgba(237,119,49,.9)}
.cultureTop li .cultureTopTu02{ display: none;}
.cultureTop li:hover .cultureTopTu02{ display: block;}
.cultureTop li:hover .cultureTopTu01{ display: none;}
.cultureTop li .cultureTopImg{}

.zongzhi li:before { content: "";  width: 100%;  height: 100%;  position: absolute;  left: 0;  top: 0;
    z-index: 2;
    transform-origin: left center 0;
    transition: 0.54s;
    opacity: 1;
    visibility: visible;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    background: rgba(0,0,0,.3)}

.shebei li{ width: calc((100% - 80px)/3) ;}
.shebei li:hover 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); }
.shebei li:nth-child(3n){ margin-right: 0;}
.shebei li:hover h3{ color: #d70c1f; font-weight: bold;}

.honorList li{ width: calc((100% - 8em)/3); margin-right: 4em; margin-bottom: 4em;}
.honorList li:nth-child(3n){ margin-right: 0;} 
.honorList li .img{}

.idxAbout{ background: url(../images/idxAboutImg.png) no-repeat bottom center;}
.youshi{ width: 5px; height: 5px;}


.yaowu{ background: url(../images/yaowu.jpg) no-repeat center bottom;}
.yaowuUl li{ opacity: 0.3; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;}
.yaowuUl li.on{ opacity: 1; margin-bottom: 1em;}
.yaowuUl li img{ margin-left: -2em; opacity: 0;}
.yaowuUl li.on img{ opacity: 1;}
.yaowu .yaowuImg{}
.yaowu .button{ position: absolute; right: 0; bottom: 6%;}
.yaowu .button div{ width: 2.5em; height: 2.5em;}


.shabi{}
.shabiUl li{ transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s;}
.shabiUl li span{ width: 2em; height: 2em; margin-left: -1em;}
.shabiUl li span.span01:before{ content: ''; width: 0.5em; height: 0.5em; border-radius: 50px; background-color: #d70c1f; }
.shabiUl li span.span02:before{ content: ''; width: 0.5em; height: 0.5em; border-radius: 50px; background-color: #aaa;}
.shabiUl li span.span01{ display: none;}
.shabiUl li span.span02{ display: flex;}
.shabiUl li.on span.span01{ display: flex;}
.shabiUl li.on span.span02{ display: none;}
.shabiUl li.on h3{ font-weight: bold; color: #d70c1f;}




/*能臣新加*/
.pangchou nav{ background-color: #FFF;  transform: skew(-20deg); transform-origin: top left; border-bottom-right-radius: 20px;}
.pangchou nav li{  transform: skew(20deg); transform-origin: top right; }

.zhaopin .zhaopinBg{ background: url(../images/zhaopinBg.jpg) no-repeat left center #d70c1f;}

.lanmu{}
.lanmu li{  width: calc((100% - 0px)/4) ; height: 4.6em; line-height: 4.6em;}
.lanmu li.on a{ color: #d70c1f;}
.lanmu li.on::after{ width: 100%; height: 3px; background: var(--color); display: block; content: ''; position: absolute; left: 0;bottom: -2px;}

.sick a{ line-height: 3em; height: 3em; padding: 0 3em;}
.sick a.on{ background: #d70c1f; color: #fff; border-radius: 40px;}


.cheplist li { width: calc((100% - 80px)/3) ; margin-right: 40px;}
.cheplist li:nth-child(3n){ margin-right: 0;}
.cheplist .img{ background: url(../images/cheplistBg.jpg) no-repeat center center / cover;}

.meidihen{ background: url(../images/meidihen.jpg) no-repeat center center / cover;}
.kuangBan{}
.kuangBan .kuangBanTu{ background: url(../images/cheplistBg.jpg) no-repeat center center / cover;}
.kuangBan .kuangBanTu img{ height: 28em;}
.kuangBan .button{ right: 2.4em; bottom: -2em;}
.kuangBan .button .prev,.kuangBan .button .next{ width: 4em; height: 4em; border-radius: 4em; box-shadow: 10px 10px 20px rgba(215, 12, 31, 0.15);}
.kuangBan .button .next:hover,.kuangBan .button .prev:hover{ background: var(--color); color: #fff;}

.kuangHa .kuangHaspan span,.kuangHa .kuangHaNi div.haha{ border: 1px solid var(--color);}
.kuangHa .kuangHaNi div{ height: 3.6em; line-height: 3.6em; padding: 0 2.4em;}

.newsLeft .xian::after{ width: 1.5em; height: 5px; background: var(--color); display: block; content: ''; position: absolute; left: 0;bottom: -3px;}


.zaijia .img{ background: url(../images/cheplistBg.jpg) no-repeat center center / cover; width: 100%;}
.zaijia .img img{ height: 250px;}

.quanbu .quanbuDiv div span{ box-shadow: 10px 10px 20px rgba(215, 12, 31, 0.15);}

.rongyu{ background: url(../images/rongyu.jpg) no-repeat center center / cover;}
.honrSwiper .img{ width: 100%; height: 0; padding-bottom: 82%;}
.swiperBtn{ width: 70px; height: 70px;}
.swiperBtn:hover{ background: var(--color); color: #fff;}

.tixiUl li{  height: 460px;} 
@media screen and (min-width:900px) {
  .tixiUl li{ background: #fafafa; width: 11%;}
  .tixiUl li.on{ width: 26.8%;}
  .tixiIcon{ width: 54px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
  .tixiUl li .num{ position: absolute; left: 0; top: 0; opacity: 0; transform: translateY(-5vw); -webkit-transform: translateY(-5vw); -moz-transform: translateY(-5vw); -ms-transform: translateY(-5vw); -o-transform: translateY(-5vw); }
  .tixiUl li .tit{ writing-mode: vertical-rl; letter-spacing: .2em;  /* 或者使用 vertical-lr */:; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; }
  .tixiUl li.on .bottom{position: absolute; bottom: 0; left: 0; width: 100%; align-items: flex-start; justify-content: flex-start; }
  .tixiUl li.on .tit{ writing-mode:horizontal-tb; letter-spacing: 0; -webkit-writing-mode:horizontal-tb; -ms-writing-mode:horizontal-tb; }
  .tixiUl li.on .tixiIcon{ width: 70px; filter: grayscale(100%) brightness(500%) ; -webkit-filter: grayscale(100%) brightness(500%) ; } 
  
  .tixiUl li.on{ background: linear-gradient(136deg, var(--orange), var(--color)); color: #fff;}
  .tixiUl li.on .num{ transform: none; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

 }




.shuzi h1 span{ color: #d70c1f;}
.shuzi li h2{ color: #ed7731;}

.gundan .gundanImg img{ width: 100%; height: 32em; object-fit: unset;}

.pinzhi{ background: url(../images/pinzhi.jpg) no-repeat center center / cover; background-attachment: fixed;}
.pinzhiCon{ background: url(../images/pinzhiConBg.jpg) no-repeat center center / cover; }

.pinzhiLine{ width: 1px; position: absolute; left: 10px; top: 0; }
.pinzhiLeft{ width: 28%;}
.pinzhiLeft li i{ width: 20px; height: 20px; border-width: 2px;}
.pinzhiLeft li span{ height: 3em;  }
.pinzhiLeft li.on span{ background: var(--color); color: #fff; font-weight: bold;}

.pinzhiRight{  background: url(../images/pinzhiRightBg.jpg) no-repeat center center / cover;}
.pinzhiRight li{ display: none;}
.pinzhiRight li.on{ display: block;}

.heji{ margin-top: -50px;}
.heji .hejiUl li{ border: 1px dotted #d70c1f; width: 28%; height: 28%; aspect-ratio: 1 / 1; margin-left: -4%;}
.heji .hejiUl li:nth-child(1){ margin-left: 0;}
.heji .hejiUl li .hejiUlImg img{ width: 7.5em;}

.qiye{ background: url(../images/qiye.jpg) no-repeat top center / cover; background-attachment: fixed;}
.qiye li{ width: calc((100% - 80px)/3) ; margin-right: 40px; background-color: rgba(255, 255, 255, 0.04); backdrop-filter: blur(30px);  -webkit-backdrop-filter: blur(30px);}
.qiye li:nth-child(3){ margin-right: 0;}
.qiye li .line::after{ display: block; content: ''; width: 0; transition: all .36s; height:2px; position: absolute; left: 0; top: 0; background:var(--color) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.qiye li:hover .line::after{ width: 100%;}
@media screen and (min-width:1100px) {

  .qiye li:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }

 }


.idxCoo .x-li{ width: 18vw; height: 7vw;
  transform: skewX(-10deg);
border-radius: 10px;
box-shadow: 0px 20px 30px 0px rgba(171, 171, 171, 0.3);

border-style: solid;
border-width: 1px;
border-color: #ffffff;
}
.x-ul li:nth-child(2n-1) {
background-image: -moz-linear-gradient(90deg, #f0f0f0 0%, #ffffff 100%);
background-image: -webkit-linear-gradient(90deg, #f0f0f0 0%, #ffffff 100%);
background-image: -ms-linear-gradient(90deg, #f0f0f0 0%, #ffffff 100%);
}
.x-ul li:nth-child(2n) {
background-image: -moz-linear-gradient(90deg, #ffffff 0%, #f0f0f0 100%);
background-image: -webkit-linear-gradient(90deg, #ffffff 0%, #f0f0f0 100%);
background-image: -ms-linear-gradient(90deg, #ffffff 0%, #f0f0f0 100%);
}
@media screen and (max-width:900px) {

    .idxCoo .x-li{ width: 120px;height: 60px;}
	.str_wrap img {
		 max-width: 80%; max-height: 80%;
	}
}

.dingwei ul li{ width: calc((100% - 0px)/4) ;}

.fuzhi .fuzhiImg img.img01{ width: 100%; display: block;}
.fuzhi .fuzhiImg img.img02{ width: 100%; display: none;}
.fuzhi .shiping{ position: absolute; left: 5%; top: 35%;}
.fuzhi .shiping img{ width: 12.5em; transition: all 10s; -webkit-transition: all 10s; -moz-transition: all 10s; -ms-transition: all 10s; -o-transition: all 10s; }
.fuzhi .shiping:hover img{ transform:rotate(360deg) ; -webkit-transform:rotate(360deg) ; -moz-transform:rotate(360deg) ; -ms-transform:rotate(360deg) ; -o-transform:rotate(360deg) ; }

.jiejue{ background: url(../images/jiejue.jpg) no-repeat top center / 100% auto;}
.jiejue .jiejueUl{ border-top-left-radius: 3.6em; border-top-right-radius: 3.6em;}
.jiejue .jiejueUl li{ width: calc((100% - 0px)/4);}
.jiejue .jiejueUl li:nth-child(1){ border-top-left-radius: 3.6em;}
.jiejue .jiejueUl li:nth-child(3){ border-top-right-radius: 3.6em;}
.jiejue .jiejueUl li:nth-child(2n){ background: transparent;}
.jiejue .jiejueUl li .jiejueUlImgB{filter: drop-shadow(10px 0 10px rgba(0, 0, 0, 0.2)); top: 3em; right: 1em;}
.jiejue .jiejueUl li .jiejueUlImgB img{ max-height: 300px; height: 20em;}
.jiejue .jiejueUl li .jiejueUlImgA img{ transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; width: 100%;}
.jiejue .jiejueUl li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .08);}
.jiejue .jiejueUl li:hover .jiejueUlImgA 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); }

.hezuo{ background: url(../images/hezuo.jpg) no-repeat bottom center / cover; margin-bottom: -40px;}

.lchengUl dl{ height: 100%;}
.lchengUl dl img{ width: 3.5em;}

.imgHeight{ height: 1em;}

.processUl li{ width: 13.5%;}
.processUl li .pic img{ filter: drop-shadow(0 0 10px rgba(215, 12, 31, 0.15)); -webkit-filter: drop-shadow(0 0 10px rgba(215, 12, 31, 0.15)); }
.processUl01 li  .tit::after{ display: block; content: ''; width: 1.7vw; height: 1.7vw; position: absolute; right: -25%; top: 50%; transform: translateY(-50%); background: url(../images/processRight.png) no-repeat center center /100% auto ; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.processUl01 li:last-child .tit::after{ display: block; content: ''; width: 1.7vw; height: 1.7vw; position: absolute; right: 50%; top: 120%; transform: translateY(-50%); background: url(../images/processBottom.png) no-repeat center center /auto 100% ; -webkit-transform: translateX(50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.processUl02{ flex-direction: row-reverse;}
.processUl02 li  .tit::after{ display: block; content: ''; width: 1.7vw; height: 1.7vw; position: absolute; right: -25%; top: 50%; transform: translateY(-50%); background: url(../images/processLeft.png) no-repeat center center /100% auto ; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.processUl02 li:first-child .tit::after{ display: none;}




.qinglist li .img{ width: 100%; height: 0; padding-bottom: 65%;}



.side_bar {

  background-color: rgb(255 255 255/ 0.95);border-radius: 5px;box-shadow: 0 0  10px 0 rgba(0, 0, 0, .15);position: fixed;right: 10px;top: 50%;width: 70px;z-index: 100

}

.side_bar>ul>li {height: 70px;border-bottom: 1px solid #e5e5e5;}

.side_bar>ul>li a span {font-size: 12px;line-height: 2}

  .messageJump  { animation: messageJump .5s linear infinite; -webkit-animation: messageJump .5s linear infinite; }


.side_bar .iconfont.f26{ font-size: 20px;}

.side_bar>ul>li.side_bar_phone {position: relative}



.side_bar>ul>li.side_bar_phone .box {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    left: 0;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(-100%, -50%);

    -ms-transform: translate(-100%, -50%);

    transform: translate(-100%, -50%);

    -webkit-transition: all .5s;

    transition: all .5s;

    visibility: hidden;

    z-index: 20

}



@media (max-width:1180px) {

    .side_bar>ul>li.side_bar_phone .box {

        display: none !important

    }

}



.side_bar>ul>li.side_bar_phone .box:after {

    border: 10px dashed transparent;

    border-left: 10px solid #fff;

    border-right: none;

    content: "";

    cursor: pointer;

    font-size: 0;

    height: 0;

    line-height: 0;

    overflow: hidden;

    -webkit-transform: translateX(-1px);

    -ms-transform: translateX(-1px);

    transform: translateX(-1px);

    width: 0

}



.side_bar>ul>li.side_bar_phone .box_inner {

    background-color: rgb(255 255 255/ 1);

    border-radius: 5px;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);

    font-family: Manrope;

    font-weight: 700;

    padding: 15px

}



.side_bar>ul>li.side_bar_phone .box_inner,

.side_bar>ul>li.side_bar_phone .box_inner .icon {

    -webkit-box-align: center;

    -ms-flex-align: center;

    --tw-bg-opacity: 1;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.side_bar>ul>li.side_bar_phone .box_inner .icon {

    -ms-flex-negative: 0;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    background-color: rgb(243 245 247/ 1);

    border-radius: 9999px;

    -webkit-flex-shrink: 0;

    flex-shrink: 0;

    height:42px;

    -webkit-justify-content: center;

    justify-content: center;

    margin-right: 10px;

    width:42px

}



.side_bar>ul>li.side_bar_phone .box_inner .icon svg {

    

    color: rgb(170 169 175/ 1);

    height: 40%;

    width: 40%

}



.side_bar>ul>li.side_bar_phone .box_inner p {

    white-space: nowrap

}



.side_bar>ul>li.side_bar_phone .box_inner p span {

    

    color: rgb(255 0 0/ 1);

    display: block;

    font-size: var(--20px)

}



.side_bar>ul>li.side_bar_phone .box_inner p em {

    

    color: rgb(148 148 148/ 1);

    font-size: 14px;

    font-style: normal

}



.side_bar>ul>li.side_bar_phone:hover .box {

    opacity: 1;

    pointer-events: auto;

    visibility: visible

}



.side_bar>ul>li.side_bar_wechat {

    position: relative

}



.side_bar>ul>li.side_bar_wechat .box {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    left: 0;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(-100%, -50%);

    -ms-transform: translate(-100%, -50%);

    transform: translate(-100%, -50%);

    -webkit-transition: all .5s;

    transition: all .5s;

    visibility: hidden;

    width: 140px;

    z-index: 20

}



@media (max-width:1180px) {

    .side_bar>ul>li.side_bar_wechat .box {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        bottom: 54px;

        -webkit-flex-direction: column;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-justify-content: center;

        justify-content: center;

        left: 50%;

        top: auto;

        -webkit-transform: translate(-50%);

        -ms-transform: translate(-50%);

        transform: translate(-50%)

    }

}



.side_bar>ul>li.side_bar_wechat .box:after {

    content: ""

}



@media (max-width:1180px) {

    .side_bar>ul>li.side_bar_wechat .box:after {

        border: 10px dashed transparent;

        border-bottom: none;

        border-top: 10px solid #fff;

        cursor: pointer;

        font-size: 0;

        height: 0;

        line-height: 0;

        overflow: hidden;

        -webkit-transform: translateY(-1px);

        -ms-transform: translateY(-1px);

        transform: translateY(-1px);

        width: 0

    }

}



@media (min-width:1180px) {

    .side_bar>ul>li.side_bar_wechat .box:after {

        border: 10px dashed transparent;

        border-left: 10px solid #fff;

        border-right: none;

        cursor: pointer;

        font-size: 0;

        height: 0;

        line-height: 0;

        overflow: hidden;

        -webkit-transform: translateX(-1px);

        -ms-transform: translateX(-1px);

        transform: translateX(-1px);

        width: 0

    }

}



.side_bar>ul>li.side_bar_wechat .box p {

    background-color: #fff;

    border-radius: 5px;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);

    padding: 5px

}



.side_bar>ul>li.side_bar_wechat .box p span {

    display: block;

    font-size: 12px;

    text-align: center;

    white-space: nowrap

}



.side_bar>ul>li.side_bar_wechat:hover .box {

    opacity: 1;

    pointer-events: auto;

    visibility: visible

}



@media (min-width:968px) {

    .side_bar>ul>li.side_bar_backtotop {

        display: none

    }

}

 



@media screen and (max-width:1440px) {

        .side_bar{ width: 60px; right: 0;}

        .side_bar>ul>li{ height: 60px;}

        .side_bar>ul>li a{ height: 60px; }

    }

    

    

@keyframes  messageJump {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    25% {

        -webkit-transform: translateY(-5px);

        transform: translateY(-5px)

    }



    50% {

        -webkit-transform: translateY(5px) scale(1.1, .9);

        transform: translateY(5px) scale(1.1, .9)

    }



    75% {

        ransform: translateY(-5px)

    }



    to {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}