body{font-size: 16px;} 
.w90{  width:min(90%,1800px);   margin: 0 auto;  }
.w80{ width:1600px;   margin: 0 auto;  }


header{ color: #fff; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 100;}
header::after{ width: 100%; height: 0; background: #fff; display: block; content: ''; position: absolute; left: 0; top: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.headerLogo{ height: 75px;  transition: all 0s;
	filter: drop-shadow(300px 0 0 #fff); transform: translateX(-300px); 


}
.oneNav{ line-height: 100px; white-space: nowrap; display: block; padding: 0 2vw; font-size: 18px;  }
.oneNav span { position: relative;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; background: var(--orange); 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.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: #fff; }
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(--blue)}
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%); }
header.bg{ color: #333; box-shadow: 0 0 10px rgba(0,0,0,.15);} 
header.bg .headerLogo{ filter: none; -webkit-filter: none; transform:none}
header.bg::after{ height: 100%;}
header.bg nav li.on .oneNav,header.bg nav li:hover .oneNav{ color: var(--blue);}
header.bg nav:hover > li:not(:hover) .oneNav{ color: #333; }

nav  li dl ul{ position: absolute; left: 100%; top: 0; background: #fff; display: none;}
nav  li dl dd:hover ul{ display: block;}
nav  li dl ul a:hover{background:var(--blue) ; color: #fff !important; }

.h_nav{ height: 60px; width: 60px; background-color:var(--orange); padding: 18px 8px ;    align-items: flex-end; display: flex;}
.h_nav.close{align-items: center; justify-content: center;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  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 .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: #fff;      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); }


.nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; padding-bottom: 70px; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}

.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }

.nav{   overflow-y: scroll;   }
.nav::-webkit-scrollbar {  width: 1px;}
.nav::-webkit-scrollbar-thumb { border-radius: 0; background: #003f98; width: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.nav::-webkit-scrollbar-track { border-radius: 0; background: #f2f5f9; width: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

.languageBtn{ padding-left: 10px; padding-right: 10px;}
.languageBtn dl{ line-height: 40px; position:absolute;text-align: center;min-width:100px; 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);
    }
.languageBtn dl a{ display: block; border-bottom: 1px solid #e5e5e5;}
.languageBtn dl a:hover{ background: var(--blue); color: #fff;}
.languageBtn 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; }
.languageBtn: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%); }
    

.banImg{ width: 100%; height: 100vh; object-fit: cover; min-height: 360px;}
.idxBan .text{ position: absolute; z-index: 10; left: 50%; top: 50%; 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 .font24{ letter-spacing: 3px;}
.idxBan .text .more{ border: 1px solid #fff;}
.idxBan .text .more:hover{ background: var(--blue); border-color: var(--blue); transform: translateY(8px); -webkit-transform: translateY(8px); -moz-transform: translateY(8px); -ms-transform: translateY(8px); -o-transform: translateY(8px); }
/* .idxBan  .swiper-slide-active .banImg{ animation: swiper_img_move 8s linear 0s infinite normal both ; -webkit-animation: swiper_img_move 8s linear 0s infinite normal both ; } */
.idxBan .swiper-pagination-bullet-active{ background: var(--orange) !important;}

.banner_bottom_right{ width: 50%; padding-left: 110px; position: absolute; right: 0; bottom: 0; z-index: 20;  }
.banner_bottom_right::before{ width: 110px; height: 100%; position: absolute; left: 0; top: 0; display: block; content: ''; background: url(../images/banner_bottom_right_Bg.png)  no-repeat left center; background-size: 100% 100%;  }

.banner_bottom_right::after{ width: calc(100% - 110px); height: 100%; position: absolute; right: 0; top: 0; display: block; content: ''; background:  #f3f3f4; background-size: auto 100%;  }
.noticeImg{ height: 26px;}
.banner_bottom_right_list{ width: calc(100% - 100px);}
.linka a:hover{ color: var(--blue);}
.indLine{ width: 50px; height: 3px;}
.idxAbout{ background: url(../images/idxAboutLogo.png) no-repeat left bottom; background-size: auto 90%;}

.idxBiref{ background: url(../images/idxAboutLogo.png) no-repeat left bottom; background-size: auto 90%;}

.color-333{ color: #333;}
.idxAboutUl { position: absolute; top: 0; right: 0;}
.idxAboutUl li{ background: url(../images/idxAboutUlbg.jpg) no-repeat center center; background-size: cover;}
.idxAboutUl li.on{ background: #2a2d2c; background-size: cover; color: #fff; }
/*  background: url(../images/idxAboutUlbg2.jpg) no-repeat center center; .idxAboutUl img{ height: ; } */
.idxVideo{ }
.idxVideo::after{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; content: ''; background: rgba(0,0,0, .3);}
.idxVideo .paly{
	z-index: 20;
	width: 70px;
	height: 70px;
	cursor: pointer;
	background:rgba(217,21,23, 0.8) ;
	border-radius: 50%;
	box-shadow: 0 0 rgba(217,21,23, 0.1),0 0 0 15px rgba(217,21,23, 0.1),0 0 0 30px rgba(217,21,23, 0.1);
	animation: ripple-wave 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform: scale(1)	;
	-webkit-transform: scale(1)	;
	-moz-transform: scale(1)	;
	-ms-transform: scale(1)	;
	-o-transform: scale(1)	;
}
.idxBus{ background: url(../images/idxBusBg.jpg) no-repeat center center;  background-size: cover; background-attachment: fixed;}
.idxBus::before {content: "";display: inline-block;width: 100%;left: 0;bottom: 0;height: 100%;background: #d91517;border-radius: 0px 0px 0px 280px;left: -10px;bottom: 0px;position: absolute;z-index: -1;}
.idxBus .idxBtn:hover{ opacity: 1;}
.idxBtn{ width: 70px; height: 70px ; border: 1px solid #fff;}
.idxBus .con{ padding-left: calc((100% - 1600px)/2);}
.idxBusSwiper .swiper-slide:hover{ color: var(--orange);}
.idxBusSwiper .swiper-slide: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); }
.idxBusBot{  position: absolute; bottom: 0; left: 0; width: 15.2%;}

.idxMore:hover{ box-shadow: 0 0 0 8px rgba(217,21,23, .3); transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; } 
.idxNewsUl{ width: 68%;}
.footLogo{ height:78px;	filter: drop-shadow(300px 0 0 #fff); transform: translateX(-300px);  }
footer{ background: #2a2d2c;}
footer .bottom{ border-top: 1px solid rgba(255, 255, 255, .1);}
.ewmImg{ width: 120px;}
 
.pop{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 200; display: none; }
.pop .bg{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; -webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);pointer-events: inherit;}
.pop .con{ width: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; z-index: 10; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } 
.pop .close{ position: absolute; right: 0; top: -80px;}
.searchkeys{ width: 75%;}
.searchsubmit{ width: 25%;}

.neiBanImg{ width: 100%; min-height: 260px; object-fit: cover;}
.neiBna .text{ position: absolute; top: 50%; left: 50% ; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }
.map{ height:55vh;}
.newslist li:first-child{ border-top: 1px solid #e5e5e5;}
.newslist .left{ width: 12%;}
.newslist .right{ width: 88%; }
.newslist li:hover{ color: var(--orange);}
.newslist 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;
  }
.newslist li:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.newslist li:hover .more{padding-left: 15px; padding-right: 15px;  background: var(--orange);  color: #fff;}

.aboutLeft{ width: 22%;}
.aboutRight{ width: 76%;}

.aboutBox::before,.aboutBox::after{ width: 100%;  height: 100%; position: absolute; display: block; content: '';}
.aboutBox::before{ top: 0; left: 0; background: url(../images/aboutmap.png) no-repeat center top; background-size: 100% auto;}
.aboutBox::after{ bottom: 0; left: 0;background: url(../images/aboutboxBg.png) no-repeat center bottom -10vh; background-size: 100% auto;}

.aboutLeftUl a{  height: 70px;}
.aboutLeftUl a .iconfont{ transform: translateX(20px); opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); }
.aboutLeftUl a::before { width:0; transition:all .36s ; height: 100%; top: 0; right: 0; position: absolute; display: block; content: ''; background: var(--blue); 
	-webkit-clip-path: polygon(100% 0,100% 100%, 5% 100%, 0 0); -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.aboutLeftUl a.on::before,.aboutLeftUl a:hover:before{ width: 100%;}
.aboutLeftUl a.on,.aboutLeftUl a:hover{ color: #fff;}
.aboutLeftUl a.on .iconfont,.aboutLeftUl a:hover .iconfont{ transform:translate(0) ; opacity: 1; -webkit-transform:translate(0) ; -moz-transform:translate(0) ; -ms-transform:translate(0) ; -o-transform:translate(0) ; }
.aboutLeftUl:hover a:not(:hover):before { width: 0; }
.aboutLeftUl:hover a:not(:hover) {color: var(--blue); }
.aboutLeftUl:hover a:not(:hover) .iconfont {transform: translateX(20px); opacity: 0;  }
 
.h-70{ height: 70px;}
.sendNavUl .top::before { width:0; transition:all .36s ; height: 100%; top: 0; right: 0; position: absolute; display: block; content: ''; background: var(--blue); 
	-webkit-clip-path: polygon(100% 0,100% 100%, 5% 100%, 0 0); -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }

.sendNavUl li.on .top::before,.sendNavUl li:hover .top::before{ width: 100%;}
.sendNavUl li.on .top,.sendNavUl li:hover .top{ color: #fff;}





.partnerlist li{ width: 22%; margin-right: 4%; height: 140px; }
.partnerlist li:nth-child(4n){ margin-right: 0;}
.partnerlist li img{max-width: 100%; max-height: 100%;}
.partnerlist li:hover{ box-shadow: 0 0 0 5px  var(--blue); transform: scale(0.95);}
.partnerlistmore{ border: 1px dashed var(--blue); height: 70px; border-radius: 35px;   -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }

.bigImg{ width: 100%; height: 100%; object-fit: cover;}
.storylist li { width: calc((100% - 60px)/3) ; margin-right: 30px;}
.storylist li:nth-child(3n){ margin-right: 0;}
.storylist li .desc{ height: 2em;}
.storylist li .img{ width: 100%; height: 0; padding-bottom: 60%;}

.storylist li:hover{ color: var(--blue);}
.storylist li:hover .more{ color: var(--blue);}

.scaleImg: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); }