﻿.ban-swiper{float:left;position:relative;width:100%;height:420px;font-size:0;overflow:hidden}
.ban-swiper img{width:100%;height:100%;object-fit:cover}
.h30{float:left;width:100%;height:30px}
.path{float:left;width:100%;margin:30px 0 5px 0;font-size:1.1rem}
.path a{font-size:1.1rem}
.path span{margin:0 8px;font-size:1.1rem}
.xys{float:left;position:relative;width:100%}
.xys li{float:left;position:relative;width:32.14286%;margin:25px 1.78571% 0 0;overflow:hidden}
.xys li:nth-child(3n) {margin-right:0}
.xys li:hover{background:var(--color)}
.xys ol{float:left;position:relative;width:100%;box-sizing:border-box;border:1px solid var(--color);border-top:0}
.xys img{float:left;width:100%;height:auto;transition: all .5s}
.xys strong{float:left;display:block;width:95%;margin:12px 2.5%;font-size:1.1rem}
.xys li:hover strong{color:#fff}
.xys span{float:left;display:block;width:95%;max-height:52px;margin:0 2.5%;line-height:26px;font-size:0.9rem;color:#666;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
-webkit-line-clamp:2;overflow:hidden}
.xys li:hover span{color:#fff}
.xys p{float:left;display:block;width:95%;margin:15px 2.5%;line-height:22px;}
.xys p i{float:left;display:inline-block;margin:5px 6px 0 0;padding:3px 10px;border-radius:5px;font-size:0.7rem;background:var(--color);color:#fff;transition: all .5s}
.xys li:hover i{background:#fff;color:var(--color)}
.xys li a{position:absolute;z-index:1;display:block;width:100%;height:100%;left:0;top:0}
.pages{float:left;width:96%;margin:20px 2%;text-align:center;font-family:"Microsoft YaHei";font-size:1rem;background:none;overflow:hidden}
.pages a,.pages a:hover{display:inline-block;margin:0 5px;padding:3px 8px;border-radius:3px;font-size:16px}
.pages span{margin:0 5px;font-family:"Microsoft YaHei";font-size:16px}
a.pap{border:#0071db 1px solid;color:#555}
a.pap:hover{border:#0071db 1px solid;color:#fff;background:#7bc4eb}
a.current,a.current:hover{border:#016398 1px solid;font-weight:600;color:#fff;background:#0071db}
a.disabled,a.disabled:hover{border:#aaa 1px solid;color:#aaa}
.input_page{width:42px;height:28px;border:1px solid #ccc;margin:0 5px;font-size:1rem;text-align:center}
.Psub{width:50px;height:30px;margin-left:5px;font-size:0.9rem;border:0;border-radius:3px;background:#0071db;color:#fff}
.b-ban{float:left;position:relative;width:100%;height:500px;font-size:0;overflow:hidden}
.b-ban img{width:100%;height:100%;object-fit:cover}
.b-ban ul{position:absolute;z-index:1;width:1320px;box-sizing:border-box;padding:50px;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(18,73,156,0.5)}
.b-ban .le{float:left;max-width:500px}
.b-ban .tit{float:left;display:block;width:100%;font-size:1.35rem;color:#fff}
.b-ban .x{float:left;display:block;width:100%;font-size:1rem;color:#fff}
.b-ban .ri{float:right;max-width:500px}
.b-ban .p{float:left;display:block;width:100%;margin-top:10px}
.b-ban em{float:left;display:block;max-width:131px;margin-right:30px;font-size:0;text-align:center}
.b-ban em img{width:100%;height:auto}
.b-ban em i{display:inline-block;margin-top:5px;font-size:1rem;color:#fff}
.foot{float:left;width:100%;padding:1rem 0;text-align:center;font-size:1rem;color:#fff;background:#373838}
@media screen and (min-width:960px) and (max-width:1110px){
.b-ban{height:450px}
.b-ban ul{width:100%;padding:20px;}
.b-ban .le{max-width:none;width:50%}
.b-ban .tit{float:left;display:block;width:100%;box-sizing:border-box;font-size:1.15rem;color:#fff}
.b-ban .x{float:left;display:block;width:100%;font-size:1rem;color:#fff}
.b-ban .ri{max-width:none;width:50%}	
.b-ban em{max-width:120px;margin-right:20px}
}
@media screen and (min-width:960px) and (max-width:1320px){
.logo ol{width:45%}
.r .code strong{font-size:0.9rem;color:#0d4399}
.r .code .n{font-size:1rem;font-family:"tahoma"}
.nav ul a{font-size:1.05rem}
.nav ul .a1{font-size:1.05rem}
.nav ul:hover div{width:calc(100% + 10px);left:-5px}
.nav ul:hover div .a,.nav ul:hover div .a:hover{min-font-size:0.75rem}
.nav ul:hover div .a2,.nav ul:hover div .a2:hover{font-size:0.75rem}
.nav ul:hover ol{width:calc(100% + 10px);left:-5px}
.nav ul:hover ol .a{text-overflow:ellipsis;font-size:0.75rem;white-space: nowrap;}
.nav ul:hover ol .a:hover .txt{font-size:0.75rem;}
.nav ul:hover ol .a:hover .txt span{font-size:0.8rem}
.nav ul:hover ol .a:hover .more span{font-size:0.75rem}
}
@media screen and (min-width:640px) and (max-width:960px){
.logo ol{width:63%}
.logo h1{font-size:1.2rem}
.nav{display:none}
.b-ban{height:420px}
.b-ban ul{width:100%;padding:20px 0 20px 20px}
.b-ban .le{max-width:none;width:48%}
.b-ban .tit{float:left;display:block;width:100%;font-size:1.1rem;color:#fff}
.b-ban .x{float:left;display:block;width:100%;font-size:0.9rem;color:#fff}
.b-ban .ri{max-width:none;width:50%}	
.b-ban em{float:left;display:block;max-width:85px;margin-right:15px;font-size:0;text-align:center}
.b-ban em i{font-size:0.9rem}
}
@media screen and (max-width:960px){
header .r ol{display:none}
.nav{display:none}
.ban-swiper{height:360px}
header .menu{display:block}
.h30{float:left;width:100%;height:20px}
.path{float:left;width:99%;margin:20px 0.5% 5px 0.5%;font-size:1.1rem}
.xys li{width:48.5%;margin:25px 0 0 3%}
.xys li:nth-child(odd) {margin-left:0}
.xys li:nth-child(3n) {margin-right:0}
}
@media screen and (min-width:500px) and (max-width:640px){
.logo ol{width:55%}
.logo h1{margin-left:10px;font-size:1.1rem}
.nav{display:none}
.ban-swiper{height:300px}
.path{float:left;width:98%;margin:20px 1% 5px 1%;font-size:1rem}
.xys li{width:98%;margin:25px 1% 0 1%}
.xys li:nth-child(odd) {margin-left:1%}
.xys li:nth-child(3n) {margin-right:1%}
.pages{display:none}
.b-ban{height:480px}
.b-ban ul{width:100%;padding:0 20px 20px 20px}
.b-ban .le{max-width:none;width:100%}
.b-ban .tit{float:left;display:block;width:100%;margin-top:20px;font-size:1.1rem;color:#fff}
.b-ban .x{float:left;display:block;width:100%;font-size:1rem;color:#fff}
.b-ban .ri{max-width:none;width:100%}	
.b-ban em{max-width:100px;margin-right:30px}
}
@media screen and (max-width:500px){
.logo ol{width:42%}
.nav{display:none}
.logo h1{margin-left:6px;font-size:0.9rem}
.ban-swiper{height:280px}
.path{float:left;width:98%;margin:20px 1% 5px 1%;font-size:1rem}
.xys li{width:98%;margin:25px 1% 0 1%}
.xys li:nth-child(odd) {margin-left:1%}
.xys li:nth-child(3n) {margin-right:1%}
.pages{display:none}
.b-ban{height:480px}
.b-ban ul{width:100%;padding:0 20px 20px 20px}
.b-ban .le{max-width:none;width:100%}
.b-ban .tit{float:left;display:block;width:100%;margin-top:20px;font-size:1rem;color:#fff}
.b-ban .x{float:left;display:block;width:100%;font-size:1rem;color:#fff}
.b-ban .ri{max-width:none;width:100%}	
.b-ban em{max-width:80px;margin-right:20px}
.b-ban em i{font-size:0.9rem}
}
.no-scroll{width:100%;height:100%;overflow:hidden}
.no-scroll-bg{position:absolute;z-index:99998;display:none;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);overflow:hidden}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#12499c;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#12499c}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}