@charset "utf-8";
/*Scroll*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #ccc; }
::-webkit-scrollbar {width: 8px; background-color: #999; }
::-webkit-scrollbar-thumb {background-color: #039; }

*{margin: 0;padding: 0;list-style: none;transition: all .3s ease;-webkit-transition: all .3s ease;}
html,body{height: 100%;}
body{cursor: default;color: #333;font-size: 15px;font-family: Microsoft Yahei;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;}

h1,h2,h3,h4,h5,h6{font-weight: normal;}
p{margin-bottom: .4rem;}

header{position: absolute;z-index: 100;width: 100%;height:180px;background: url('../img/topbg-2.png') repeat-x;background-size: auto 100%;}
header .pc-head .logo{position: relative;margin: 12px 0;display: inline-block;}
header .pc-head .logo img{max-height: 60px;}
header .pc-head .slogan{display: flex;align-items: center;}
header .pc-head .slogan img{height: 42px;}

header nav{background: rgba(0,51,153,.8);border-radius: 8px;overflow: hidden;}
header nav *{transition: unset;}
header nav .nav{justify-content: space-between;}
header nav .nav-item a{color: #fff;padding: 12px 18px;font-size: 16px;font-weight: 600;}
header nav .nav-item a:hover{background: rgba(255,255,255,.8);}
header nav .nav-item:hover a{background: rgba(255,255,255,.8);}
header nav .dropdown-menu{background: rgba(255,255,255,.8);margin: 0;}
header nav .dropdown-menu .dropdown-item {padding: 0;}
header nav .dropdown-menu .dropdown-item a{background: unset;padding: 8px 30px;display: block;font-size: 14px;font-weight: normal;}
header nav .dropdown-menu .dropdown-item a:hover{color: #333;}

header .m-head, header .m-nav{display: none;}

[class*="home-"] {margin-bottom: 36px;}
[class*="home-"] h2.title{font-size: 2rem; color: #039;text-align: center;margin-bottom: 30px;}
.home-slide{height: 660px;overflow: hidden;background: rgba(0,0,0,.2);position: relative;}
.home-slide .swiper-slide img{object-fit: cover;width:100%;height: 100%;transition: 20s linear;}
.home-slide .swiper-slide-active h3{margin-top: 30px;opacity: 1;transition: .5s ease-in-out;}
.home-slide .swiper-slide-active h4{margin-top: 20px;transition: .5s ease-in-out 1s;opacity: 1;}
.home-slide .swiper-slide-active img{transform: scale(1.2);transition: 12s linear;}

.home-about p{line-height: 2;margin-bottom: 8px;}
.home-video video{background: #ccc;height: 324px;width: 100%;object-fit: cover;}
.home-video img{display: none;}

.home-news {background: url('../img/bg.jpg');background-size: auto 100%; padding: 30px 0;}
.home-news h2.title{color: #fff;}
.home-news h2.title a.more{display: inline-flex;float: right;color: #fff;font-size: 15px;padding: 5px 18px;border: 1px solid #fff;border-radius: 50vh;}
.home-news h2.title a.more i{font-size: 18px;line-height: 1;}
.home-news h2.title a.more:hover{background: #fff;color: #333;}
.home-news .swiper{padding: 12px;}
.home-news .swiper-slide a{display: flex;flex-direction: column;line-height: 2;background: #fff;box-shadow: 0 0 12px rgba(0,0,0,.1);border-radius: 6px;overflow: hidden;}
.home-news .swiper-slide a:hover{box-shadow: 0 6px 12px rgba(0,0,0,.1);transform: translateY(-6px);}
.home-news .swiper-slide .thumb{width: 100%;height: 162px;overflow: hidden;}
.home-news .swiper-slide .thumb img{width: 100%;height: 100%;object-fit: cover;}
.home-news .swiper-slide a p{display:-webkit-box; -webkit-line-clamp: 3;overflow: hidden;-webkit-box-orient: vertical;height: 90px;padding: 6px 24px;}
.home-news .swiper-slide a small{color: #999;padding: 6px 24px 24px;}
.home-news .swiper-slide a small i{margin-right: 6px;}

.home-show .showswiper{width: 100%;height: 100%;display: flex;}
.home-show .showswiper .swiper-slide {display: inline-block;overflow: hidden;border: 1px solid rgba(0,0,0,.2);height: 300px;width: auto!important;}
.home-show .showswiper .swiper-slide img{width:100%;height: 100%;object-fit: contain;}

footer{background: rgba(0,51,153,1); color:rgba(255,255,255,.6);padding: 1rem;}
footer p{margin: 0;text-transform: uppercase;}
footer p span{font-size: 16px;font-weight: bold;color: #fff;background: rgba(255,255,255,.4);padding: 1px 6px;}

.subslide{height: 320px;overflow: hidden;background: rgba(0,0,0,.2);position: relative;}
.subslide .swiper-slide img{object-fit: cover;width:100%;height: 100%;transition: 20s linear;}

main{padding: 36px!important;box-shadow: 0 0 12px rgba(0,0,0,.1);min-height: 570px;}
main .breadcrumb{padding: 12px 0;}
main .breadcrumb i{margin-right: 8px;}
main .breadcrumb li{padding-right: 12px;position: relative;margin-right: 8px;}
main .breadcrumb li::after{content: '/';position: absolute;right: 0;}
main .breadcrumb li:last-of-type::after{content: '';width: 0;}
main .content{margin: 36px auto;line-height: 2;text-align: justify;overflow: hidden;}
main .content h1.title{text-align: center;margin-bottom: 30px;}
main .content .ke-zeroborder td{border: 1px solid #999;padding: 6px; line-height: 1.4;}
main .content .ke-zeroborder td p{margin: 0;}

main .pagelist{margin: 36px auto;}
main .pagelist h1.title{text-align: center;margin-bottom: 30px;}
main .pagelist a.list-item{display: flex;flex-direction: column;line-height: 2;background: #fff;box-shadow: 0 0 12px rgba(0,0,0,.1);border-radius: 6px;overflow: hidden;}
main .pagelist a.list-item:hover{box-shadow: 0 6px 12px rgba(0,0,0,.1);transform: translateY(-6px);}
main .pagelist a.list-item .thumb{width: 100%;height: 162px;overflow: hidden;}
main .pagelist a.list-item .thumb img{width: 100%;height: 100%;object-fit: cover;}
main .pagelist a.list-item p{display:-webkit-box; -webkit-line-clamp: 3;overflow: hidden;-webkit-box-orient: vertical;height: 90px;padding: 6px 24px;}
main .pagelist a.list-item small{color: #999;padding: 6px 24px 24px;}
main .pagelist a.list-item small i{margin-right: 6px;}

.block{z-index: 10;top: 12px;}
.block ul{padding: 12px;border: 1px solid rgba(0,0,0,.1);background: rgba(0,0,0,.05);border-radius: 6px;}
.block p img{width: 100%;}
.block p:last-of-type img{width: 50%;}
.block a{display: inline-flex;align-items: center;line-height: 1;}
.block a:hover{color: #f00;}
.block a::before{content: '\F63E';font-family: "bootstrap-icons" !important;font-size: 24px;}

@media(max-width: 1024px){
  .pc-head{display: none;}
  header{position: fixed;z-index: 100;width: 100%;}
  header .m-head{display: flex;justify-content: space-between;padding: 16px 4%;}
  header .m-head-logo{width: 50%;}
  header .m-head-logo img {height: 54px;}
  header .m-head-menu i{font-size: 48px;line-height: 1;}
  header .m-head .m-head-menu .menu-open{float: right;color: #666;padding: 0 5px;}
  header .m-head .m-head-menu .menu-open i{font-size: 40px;line-height: 1.2;}
  header * {transition: unset;-webkit-transition: unset;}
  header .m-nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;}
  header .m-nav .closecover{position:absolute;width:100%;height:100%;background:#000;left:0px;top:0px;z-index:1;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .menu-close {color: #fff;}
  header .m-nav .menu-close i{font-size: 30px;}
  header .m-nav .closeicon{position:absolute;width:20%;left:0;top:1%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
  header .m-nav .m-navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
  header .m-nav .m-navList ul{padding-left:5%;padding-right:5%;list-style: none;}
  header .m-nav .m-navList ul li{border-bottom:1px solid #232530}
  header .m-nav .m-navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
  header .m-nav .m-navList ul li .m-nav-f{display: flex;align-items: center;justify-content: space-between; width: 100%}
  header .m-nav .m-navList ul li .m-nav-f a{flex: 1;}
  header .m-nav .m-navList ul li .m-nav-f i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
  header .icon{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .icon-on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  header .m-nav .m-navList ul li .m-nav-s{display:none;width: 100%;}
  header .m-nav .m-navList ul li .m-nav-s a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
  header .m-nav .m-navList .m-nav-img{position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
  header .m-nav .m-navList .m-nav-img img{width: 100%;}
  
  .home-slide{height: 50vh;}
  .home-video video{height: 300px;}
  .home-video img{display: flex;width: 100%;margin-top: 18px;}
  
  main .content .ke-zeroborder {line-height: 1.4;overflow: auto;width: 100%;}
  main .content .ke-zeroborder td{text-align: unset;font-size: 13px;}
  main .content img{max-width: 100%;}
  main .pagelist a.list-item .thumb{height: 270px;}
  .block{top: 72px;line-height: 1.4;}
}
@media (max-width:768px){
  .home-video video{height: 380px;}
  main .content img{width: 100%;}
  main .pagelist a.list-item .thumb{height: 180px;}
  .block{margin-bottom: 48px;padding-bottom: 48px;border-bottom: 1px solid rgba(0,0,0,.2);}
}
@media(max-width:425px){
  .home-video video{height: 210px;}
  .subslide{height: 168px;}
  main{padding: 18px!important;}
  main .pagelist a.list-item .thumb{height: 240px;}
  main .pagelist a.list-item p{padding: 6px 6px;}
  main .pagelist a.list-item small{padding: 6px;}
}