.header{position:fixed; z-index:1000; width:100%; background: #fff; height: 103px; display:flex !important; justify-content: space-between; align-items: center;box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 7%); padding: 0 4% ; transition: all 0.5s ease;}
.header .logo{display:block; width: 191px;}
.header .logo img{ width: 100%;}
.nav{display: flex;}
.navMenu{ margin-right: 35px;}
.navMenu .navItem{float:left;height:55px; padding: 0 15px; cursor:pointer}
.navMenu .navItem.term_of_use{display:none}
.navMenu .navItem .link{display:block; color:#000;line-height:63px; height:63px; position:relative; z-index:20; overflow:hidden; font-size: 15px; font-weight: bold;}
.navMenu .navItem .link:after{content:'';display:block; opacity: 0; position:absolute;bottom:0;left:-100%;width:100%;height:2px; background-color:#ea5f00; transition:all .36s cubic-bezier(.785,.135,.15,.86);-webkit-transition:all .36s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .36s cubic-bezier(.785,.135,.15,.86);-ms-transition:all .36s cubic-bezier(.785,.135,.15,.86);-o-transition:all .36s cubic-bezier(.785,.135,.15,.86)}
.navMenu .navItem .link:hover{ color:#ea5f00;}
.navMenu .navItem .link:hover::after{opacity:1;}
.navMenu .navItem:last-child{margin-right:0}
.navMenu .navItem.active .link:after,.navMenu .navItem.current .link:after,.navMenu .navItem:hover .link:after{left:0}
.cdr{ position: relative; display: flex;border-left: 1px solid #000;align-items: center;}
.cdr .crwx{ background: #000; width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px; position: relative;}
.cdr .crwx i{ font-size: 21px; color: #fff; display: block;}
.cdr .erweima{ padding: 5px;background: #333;border: 1px solid rgba(0,0,0,0.1);border-radius: 3px; width: 120px;height: 120px;position: absolute; left:-40px;top: calc(100% + 22px);transform: translate3d(0px,50%,0);pointer-events: none;opacity: 0;filter:alpha(opacity=0);}
.cdr .crwx:hover .erweima{transform: translate3d(0px,0%,0); opacity:1; filter:alpha(opacity=100);}
.cdr .crwx:hover i{ color:#fff; transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transition: all 0.8s ease;}
.cdr .tydh{ color: #000; border: 1px solid Rgba(255, 255, 255, 0.2); display: flex; align-items: center; border-radius: 20px;height: 35px; line-height: 35px; padding-right:24px; margin-left: 35px;}
.cdr .tydh i{ padding-right: 5px; display: block; font-size: 33px;}
.cdr .tydh p{ font-size: 13px;line-height: 21px;}
.cdr .tydh p span{ display: block; font-size: 20px; font-weight: bold;}


.topid{ transition: all .36s}
.topid .navItem .link{ color: #333; }
.topid .navMenu .navItem .link:hover{ color: #666;}
.topid .cdr .crwx{ background: Rgba(0, 0, 0, 0.3);}
.topid .cdr .tydh{color: #333;border: 1px solid Rgba(0, 0, 0, 0.2);}
.hide-page-header{opacity: 0;filter:alpha(opacity=0);visibility: hidden;transition: opacity 700ms linear,visibility 700ms step-end;}
#header.hide-page-header{opacity: 0;filter:alpha(opacity=0);visibility: hidden;transition: opacity 700ms linear,visibility 700ms step-end;}
#header.hide-page-header1{background: Rgba(255, 255, 255, 0.8);box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 10%);transition: all 0.5s ease;backdrop-filter: blur(40px);}
#header.hide-page-header1 .logob{ display: none;}
#header.hide-page-header1 .logoh{display: block;}
#header.hide-page-header1 .navMenu .navItem .link{ color: #333;}
#header.hide-page-header1 .cdr .crwx{ background: rgba(0, 0, 0, 0.3);}
#header.hide-page-header1 .cdr .tydh{border: 1px solid Rgba(0, 0, 0, 0.2); color: #333;}
.swi_index_banner{ background: #fff; overflow: hidden;}
.swi_index_banner .swiper-slide{position: relative;}
.swi_index_banner .swiper-slide img{ width: 100%;}
.swi_index_banner .swiper-pagination{z-index: 20; width: inherit;left:inherit; right: 5%; bottom: calc(1rem + 1vw);}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet{ opacity:0.7; filter:alpha(opacity=70);background: inherit;width: inherit; height: inherit;float: left;display: block;color: #fff; font-size:14px;line-height: 23px;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet:after{width:0px;height:1px;display: block;content: '';background: rgba(255,255,255,0.3); float: right; margin: 0 3px;transform: translateY(11px);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet-active:after{width:50px;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet-active{opacity:1; filter:alpha(opacity=100);}
.shou-fl ul{ display: flex;}
.shou-fl ul li img{ width: 100%;}
.shou-fl ul li{ position: relative;}
.fl-nr{ position: absolute; transform: translateY(10px); bottom: 36px; z-index: 10; display: flex; justify-content: space-between;align-items: center; width: 100%; padding: 0 6%;transition: all 0.5s ease;}
.fl-nr span{ display: block; color: #fff; font-size:calc(14px + 0.6vw);}
.fl-nr .jtc{ display: none;}
.fl-nr p .jtc,.fl-nr p .jtb{ width: calc(20px + 3vw);}
.shou-fl ul li:hover .fl-nr{ transform: translateY(-15px);}
.shou-fl ul li:hover .fl-nr .jtc{ display: block;}
.shou-fl ul li:hover .fl-nr .jtb{ display: none;}
footer{ background: #ececec; padding: 88px 0;}
footer dl{display: flex; justify-content: space-between;color: #727272;}
footer dl dt img{ width: 254px;}
footer dl dt h1{ font-size: 20px;  padding-top: 56px;}
.footer-dh{ display: flex; margin-top: 18px;}
.footer-dh i{ background: #727272; width: 23px; height: 23px; border-radius: 50%; color: #fff; text-align: center; line-height: 23px; margin-right: 10px;}
.footer-dh p{ font-size: 20px; line-height: 20px; font-weight: bold;}
footer dl dt ul{ float: left; margin-left: 50px; padding:8px 0 8px 25px; border-left: 1px solid #4e4e4e;}
footer dl dt ul a{ float: left; padding-right: 10px; color: #fff;}
footer dl dt ul a:hover{ color: #999;}
footer dl dt ul p{ padding-top: 15px;color: #999;}
footer dl dd{ text-align: center;}
footer dl dd img{ width: 151px; margin: 0 auto; display: block;}
footer dl dd a{ font-size: 12px; color: #666;}

.cplb{ background: #fff; padding:160px 0 10vh;}
.cplb-fl-1,.cplb-fl-2{ background: #f6f6f6; margin-bottom: 1px; padding: 15px 25px;}
.cplb-fl-2 a{ margin-right: 20px;}
.cplb-fl-2 a:hover{color: #ea5f00;}
.cplb-fl-2 .dqcd{ color: #ea5f00; font-weight: bold;}
.cplb-cp{ margin-top: 30px;}
.cplb-cp a{ float: left; width: calc(100%/5 - 16px); margin-right: 20px;border: 1px solid #f1f1f1; background: #fff; padding: 30px 5px; margin-bottom: 20px;transition: all 0.5s ease;}
.cplb-cp a:nth-child(5n){ margin-right: 0;}
.cplb-cp a img{ width: 100%;}
.cplb-cp a:hover{ border: 1px solid #ea5f00;}
.cplb-cp a p{ padding-left: 25px; padding-top: 15px;}
.cplb-cp a p span{ display: block; color: #666;}
.cpdt dl dt{ width: 45%; float: left; border: 1px solid #f1f1f1;}
.cpdtgd{ padding-bottom: 25px;}
.cpdtgd .swiper-pagination-bullet-active{ background: #ea5f00;}
.cpdt dl dt .swiper-slide img{ width: 100%; margin: 0 auto; padding: 0 5%;}
.cpdt dl dd{ width: 50%; float: right;}
.cpdt dl dd p{ font-size: calc(20px + 1vw);}
.cpdt-ms{ background: #fff; border-top: 2px solid #f1f1f1; padding: 30px 0; font-size: 16px; line-height: 26px; color: #333; margin-top: 30px; position: relative;}
.cpdt-ms::before{position: absolute; width: 60px; top: -2px; left: 0; height: 2px; content: ''; background: #fb550c;}
.cpdt-js{ padding-top: 40px;}
.cpdt-js-bt{ font-size: 16px;border-top: 1px solid #f6f6f6;border-bottom: 1px solid #f6f6f6; color: #666; padding: 15px;}
.cpdt-js-nr{ padding: 30px 0;}
.cpdt-js-nr img{ max-width: 100%; display: block; margin: 0 auto;}
.banner-ny{ padding-top: 103px;}
.banner-ny img{ width: 100%;}
.xwlb-cd{ border-bottom: 1px solid #e0e0e0;}
.xwlb-cd a{ margin-right: 25px; padding: 0 15px; height: 76px; line-height: 76px;display: inline-block;}
.xwlb-cd .dqcd{ border-bottom: 2px solid #ea5f00;}
.xwlb-nr-l{ float: left; width: calc(100% - 400px);}
.xwlb-nr-r{ float: right; width: 360px;}
.xwlb-nr-l a{ display: flex; justify-content: space-between;align-items: center; border: 1px solid #f4f4f4; padding: 25px;transition: all 0.5s ease; margin-bottom: 20px;}
.xwlb-nr-l a p{ width: 30%; }
.xwlb-nr-l a p img{ max-width: 100%; max-height: 200px; display: block; margin: 0 auto;}

.xwlb-nr-l a div{ width:65%; padding: 15px 0;}
.xwlb-nr-l a div h2{transition: all 0.5s ease;}
.xwlb-nr-l a div span{ color: #666; display: block; margin-top: 20px; background: url(../images/sj.png) left center no-repeat; padding-left: 22px;}
.xwlb ul{ padding: 60px 0;}
.xwlb-nr-l a:hover{ border:1px solid #ea5f00;}
.xwlb-nr-l a:hover h2{ color: #ea5f00;}
.xwlb-nr-r{border: 1px solid #f4f4f4; padding: 25px;}
.xwlb-nr-r-br{ font-size: 18px; border-bottom: 1px solid #f4f4f4; margin-bottom: 10px; padding-bottom: 10px; width: 100%;}
.xwlb-nr-r ul{ padding: 10px 0;}
.xwlb-nr-r ul a{ display: block; padding:4px 0;overflow: hidden;   white-space: nowrap;   text-overflow: ellipsis;}
.xwlb-nr-r ul a:hover{color: #ea5f00;}
.xwsj{ padding-top: 8px; color: #666; border-bottom: 1px solid #f4f4f4; padding-bottom: 10px; margin-bottom: 25px;}
.xwxq{ line-height: 26px;}
.xwxq img{ max-width: 100%; display: block; margin: 0 auto;}
.info{ padding: 10vh 0; background: #f7f6f5;}
.info-bt{ text-transform: uppercase; font-size:36px; line-height: 36px; color: #ea5f00; text-align: center;}
.info-bt p{ color: #333; padding-top:10px;font-size: 40px;}
.info-sp video{ width: 100%; margin-top: 40px;}
.info-nr{ margin-top: 40px; text-align: center; color: #3e3a39;  font-size: 18px; line-height: 33px;}
.info-nr img{ max-width: 100%; margin: 0 auto; display: block;}
.jjny-z{ position: absolute; z-index: 10; top: 50%; width: 100%; text-align: center;}
.jjny-z img{ height: 7vh;}
.jjny-z p{ font-size: calc(20px + 0.8vw); color: #fff; padding-top: 10px;}
.infojj{ padding: 10vh 0;}
.infojj img{ max-width: 100%; margin: 0 auto;}
.info-jj-bt{ font-size: calc(20px + 3vw); line-height: calc(20px + 3.3vw); text-align: center;color: #3e3a39;}
.info-jj-bt p{ font-size: 20px; text-transform: uppercase; line-height: 33px; padding-top: 5vh;}
.info-jj-bt span{ width: 25px; height: 25px; background: #e47f10; border-radius: 50%; display: block; margin: 6vh auto;}
.info-jj-nr{ color: #3e3a39;  font-size: 18px; line-height: 33px; text-align: center;}
.info-jj-nr img{ max-width: 100%;}
.info-jj-tp{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 8vh;}
.info-jj-tp li{ width: 48%;}
.info-jj-tp li:nth-child(1),.info-jj-tp li:nth-child(2){ margin-bottom: 4%;}
.info-jj-tp li img{width: 100%;}
.info img{ max-width: 100%; margin: 0 auto;}
.infolxwm{ background: #fff; padding-top: 15vh;}
@media (max-width:1024px){
  .sjcd{ float:left;margin-right: 0.5rem; color:#fff;}
  .top_box{ display: none;}
  #top .nav{display: none;}	
  #top{ min-width:inherit; transform: translateY(0%);background:#fff;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 100;width: 100%; padding: 15px 5%;box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 7%);}
  #top .logo{float: left;}
  #top .logo a{display: block; float: left;}
  #top .logo a h1{ font-size: 1.3rem;}
  #top .logo img{ height:20px; width:auto;margin-top: 6px;}
  #top .menu{float: right;padding-top: 5px;}
  #top .menu em{font-style:normal;padding-right: 13px;padding-top: 0;display: block;float: left;}
  #top .menu span{ width: 2rem;float:right;padding-top: 1px;}
  #top .menu span i{ width: 100%;height:2px; display: block;background: #333; margin-bottom: 6px;}
  #top .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
  #top .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-12px);}
  #top .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0;filter:alpha(opacity=0); width: 0;}
  .top .nav{margin-left: 4%;}
  .top_hidden{ transform: translateY(-100%); opacity: 0;filter:alpha(opacity=0);}
  .hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0;filter:alpha(opacity=0); visibility: hidden;}
  .caidan{width: 50%; max-width: 400px; height: 100%;background: #fff; position: fixed; top: 0; right:0; z-index: 101; transform: translateX(100%); visibility: hidden; display: block;}
  .caidan .caidan_nav{ padding: 59px 0% 0; height: calc(100% - 40px);overflow-y: scroll;}
  .caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
  .caidan .caidan_nav ul>.menu_list_box_item:nth-child(1){border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px;}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 10%;display: block; font-size:1rem;height:3rem;line-height:3rem; }
  .caidan .caidan_nav ul>.menu_list_box_item .sjcd1{ padding: 0 10%;display: block; font-size:1rem;height:3rem;line-height:3rem; width: 60%;float: left;}
  .caidan .caidan_nav ul>.menu_list_box_item .sjcd2{width: 40%; float: right;}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;filter:alpha(opacity=60);font-size: 20px;pointer-events:none}
  .caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: rotate(90deg);}
  .caidan.caidan_oppen{ transform: translateX(0%);z-index: 66; visibility: visible;}
  .caidan_hidden{transform: translateX(100%);}
  .caidan .caidan_nav ul .caidan_2box{width: 100%; padding:4% 0 4% 10%; display: none; background: #f6f6f6;}
  .caidan .caidan_nav ul .caidan_2box li{height: 30px;line-height: 30px; border-top: 1px solid rgba(0,0,0,0.05);}
  .caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
  .caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
  .caidan .caidan_nav ul .caidan_2box li a{ font-size: 12px; display: block;}
  .zbsjdh{ padding: 20px 8% 0;}
  .zbsjdh a{ width: 49.5%;float: left;background:#f6f6f6;text-align: center;line-height: 36px;height: 36px;margin-right: 1%; color: #333;}
  .zbsjdh a:nth-child(2){ margin-right: 0;}
}

@media (max-width:768px) {
  .shou-fl ul{ flex-wrap: wrap;}
  .shou-fl ul li{ width: 50%;}
  footer dl dt h1{padding-top: 33px;}
  footer{ padding: 66px 0;}
  .cplb{ padding-top: 100px; padding-bottom: 30px;}
  .info-bt{ font-size: 44px; line-height: 50px;}
  .info-bt p{ font-size: 33px;}
  .cplb-cp a{width: calc(100%/3 - 14px);padding: 30px 5px 40px;}
  .cplb-cp a:nth-child(5n){margin-right: 20px;}
  .cplb-cp a:nth-child(3n){margin-right: 0;}
  .xwlb-nr-r{ display: none;}
  .xwlb-nr-l{ width: 100%;}
  .xwlb-nr-l a{ margin-bottom: 20px; padding: 0 0 15px; border-top: 0; border-left: 0; border-right: 0;}
  .xwlb ul{ padding: 40px 0;}
  .xwlb-nr-l a div h2{ font-size: 18px; line-height: 20px;}
  .xwlb-nr-l a img{ max-height: none;}
  .banner-ny{ padding-top: 60px;}
  .xwlb-nr-l h1{ font-size: 22px; line-height: 25px;}
  .jjny-z{  top: 39%;}
  .jjny-z img{ height: 5vh;}
  
   



}

@media (max-width:640px) {
  .caidan{ width: 70%;}
  .fl-nr{ bottom: 20px;}
  footer{ padding:36px 0;}
  footer dl dd{ display: none;}
  footer dl dt img{ width: 157px;}
  footer dl dt h1 {padding-top: 23px;font-size: 18px;}
  .footer-dh{ margin-top: 11px;}
  .info-bt{ font-size: 28px; line-height: 33px;}
  .info-bt p{ font-size: 26px;padding-top: 5px;}
  .cplb-cp a{width: calc(100%/2 - 5px);margin-right: 10px; margin-bottom: 10px;padding: 20px 5px 25px;}
  .cplb-cp a:nth-child(3n){margin-right: 10px;}
  .cplb-cp a:nth-child(5n){margin-right: 10px;}
  .cplb-cp a:nth-child(2n){margin-right: 0;}
  .cpdt dl dt,.cpdt dl dd{ width: 100%;}
  .cpdt dl dd{ padding-top: 30px;}
  .cpdt-ms{ margin-top: 10px; padding: 15px 5px;}
  .cpdt-js-bt{ padding: 10px 0;}
  .xwlb-cd a{ height: 65px; line-height: 65px;}
  .cpdt-js{ padding-top: 30px;}
  .jjny-z{  top: 33%;}
  .jjny-z img{ height: 32px;}
  .info-nr,.info-jj-nr{ font-size: 16px; line-height: 28px;}
  .jjbttpz{ max-width: 50% !important;}
  .swi_index_banner{ margin-top: 52px;}
  
  

}