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

*{margin: 0;padding: 0;list-style: none;transition: all .6s ease;-webkit-transition: all .6s ease;}
html,body{height: 100%;}
body{cursor: default;color: #333;font-size: 14px;font-family: Microsoft Yahei;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;}
.container-fluid, .container-w{width: 1420px;}
.container-w{display: flex;margin: 0 auto;justify-content: space-between;}

header .pcheader{position: fixed;top: 0;z-index: 1910;background: #2c4e92 url(../img/topbg.jpg) no-repeat;padding: 18px;display: flex; justify-content: space-between; width: 100%;}
header .pcheader .logo img{max-height: 80px;}
header .pcheader .bar{display: flex; flex-direction: column;justify-content: flex-end;flex-wrap: wrap;align-items: flex-end;}
header .pcheader .bar>div>img{height: 24px;}
header .pcheader .bar nav *{transition: unset;}
header .pcheader .bar .navi{display: flex;flex-direction: row;margin-top: 6px;}
header .pcheader .bar .navi nav{margin-right: 12px;}
header .pcheader .bar .navi nav ul{padding: 0;margin: 0;display: flex;}
header .pcheader .bar .navi nav .nav-item a{color: #fff;padding: 6px 16px;font-size: 16px;font-weight: 600;}
header .pcheader .bar .navi nav .nav-item:hover a{background: rgba(0,0,0,.8);border-radius: 6px;}
header .pcheader .bar .navi nav .dropdown:hover a{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
header .pcheader .bar .navi nav .dropdown-menu{background: rgba(0,0,0,.8);padding: 24px 12px;border-radius: 6px;border-top-left-radius: 0;border: 0;display: none;overflow: hidden;}
header .pcheader .bar .navi nav .dropdown-menu .dropdown-item {padding: 0;}
header .pcheader .bar .navi nav .dropdown-menu .dropdown-item a{background: unset;padding: 8px 24px;display: block;font-size: 14px;font-weight: normal;}
header .pcheader .bar .navi nav .dropdown-menu .dropdown-item a:hover{color: #333;background: rgba(10,255,255,.1);}
header .pcheader .bar .navi form{display: flex;}
header .pcheader .bar .navi form input{background: #fff;border: 0; line-height: 1;border-top-left-radius: 50vh;border-bottom-left-radius: 50vh;padding-left: 18px; cursor: pointer;width: 100px;}
header .pcheader .bar .navi form button{background: #fff;border: 0;border-top-right-radius: 50vh;border-bottom-right-radius: 50vh;width: 48px;}
header .pcheader .bar .navi form input:focus{outline: none;}
header .pcheader .bar .navi form input::placeholder{color: #ccc;}

header .m-head, header .m-nav{display: none;}
header .pcheader.smaller{box-shadow: 0 0 12px rgba(0,0,0,.2);padding: 8px;}
header .pcheader.smaller .logo img{max-height: 71px;}
header .pcheader.smaller .nav {margin: 4px 0 0;}
header .pcheader.smaller .submenu{top: 44px;}

[class*="home-"]{margin-bottom: 60px;}
[class*="home-"] .box-title{display: flex;align-items: flex-end;margin-bottom: 30px;position: relative;height: 40px;}
[class*="home-"] a.more{position: absolute;right:0;display: flex;border: 1px solid rgba(0,0,0,.2);border-radius: 50vh;width: 160px;padding:8px;justify-content: space-around;}
[class*="home-"] a.more:hover{background: #03ab5b;color: #fff;}
[class*="home-"] a.more:hover i{color: #fff;}
.home-slide{height: 100%;overflow: hidden;background: rgba(0,0,0,.2);position: relative;}
.home-slide .mask{position: absolute;z-index: 2;bottom: 0;}

.home-notice{overflow: hidden;}
.home-notice .box-main{height: 302px;position: relative;padding-bottom: 48px;}
.home-notice .box-main .swiper-slide{height: calc((100% - 30px) / 2) !important;}
.home-notice .box-main .swiper-slide a{display: flex; flex-direction: column;padding: 24px 30px;border: 1px solid #d5dded;border-radius: 12px;height: 120px;}
.home-notice .box-main .swiper-slide a .date{font-size: 13px;color: rgba(0,0,0,.5);margin-bottom: 12px;}
.home-notice .box-main .swiper-slide a .title{line-height: 1.5;display:-webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}
.home-notice .box-main .swiper-slide a:hover{background: #d5dded;box-shadow: 0 6px 12px rgba(0,0,0,.1);transform: translateY(-6px);}
.home-notice .box-main .swiper-button-next, .home-notice .box-main .swiper-button-prev{top: 90% !important;}
.home-notice .box-main .swiper-button-next::after, .home-notice .box-main .swiper-button-prev::after{display: none;}
.home-notice .box-main .swiper-button-next, .home-notice .box-main .swiper-rtl .swiper-button-prev{left: calc(65% - 160px);height: 40px;border-radius: 50vw;width: 160px;border: 1px solid #ccc;background: #e6ebf5 url(../img/arrow-r.png) 50% 50% no-repeat;}
.home-notice .box-main .swiper-button-prev, .home-notice .box-main .swiper-rtl .swiper-button-next{left: 35%;height: 40px;border-radius: 50vw;width: 160px;border: 1px solid #ccc;background: #e6ebf5 url(../img/arrow-l.png) 50% 50% no-repeat;}
.home-notice .box-main .swiper-button-prev:hover{background: #59a213 url(../img/arrow-l-w.png) 50% 50% no-repeat;}
.home-notice .box-main .swiper-button-next:hover{background: #59a213 url(../img/arrow-r-w.png) 50% 50% no-repeat;}

.home-news{background: #dfece9;padding: 30px 0;}
.home-news .box-main{display: flex;justify-content: space-between;}
.home-news .box-main .bar{width: calc(50% - .5px);display: flex;flex-wrap: wrap;justify-content: space-between;}
.home-news .box-main .bar .news-item{height: 240px;width: calc((100% - .5px) / 2 - .5px);position: relative;display: flex;margin-bottom: 1px;overflow: hidden;}
.home-news .box-main .bar .news-item img{width: 100%; height: 100%; object-fit: cover;}
.home-news .box-main .bar .news-item .item-title{background: linear-gradient(180deg, rgba(0,0,0,0), rgba(47,79,186,1));padding: 24px;position: absolute;bottom: 0;z-index: 1;width: 100%;height:80%;display: flex;color: #fff;flex-direction: column;justify-content: end;}
.home-news .box-main .bar .news-item .item-title span{font-size: 24px;font-weight: lighter;}
.home-news .box-main .bar .news-item .item-title h5{font-size: 16px;}
.home-news .box-main .bar:first-of-type .news-item:first-of-type,
.home-news .box-main .bar:last-of-type .news-item:last-of-type{width: calc(100% - .5px);height: 360px;}
.home-news .box-main .bar:first-of-type .news-item:nth-of-type(2){background: #5fd99b;}
.home-news .box-main .bar:first-of-type .news-item:nth-of-type(2) .item-title{color: #00562a;}
.home-news .box-main .bar:first-of-type .news-item:nth-of-type(3){background: #00b157;}
.home-news .box-main .bar:last-of-type .news-item:nth-of-type(1){background: #5879bb;}
.home-news .box-main .bar:last-of-type .news-item:nth-of-type(2){background: #74a4ce;}
.home-news .box-main .bar:last-of-type .news-item:nth-of-type(2) .item-title{color: #0c317b}
.home-news .box-main .bar:first-of-type .news-item:nth-of-type(2) .item-title,
.home-news .box-main .bar:first-of-type .news-item:nth-of-type(3) .item-title,
.home-news .box-main .bar:last-of-type .news-item:nth-of-type(1) .item-title,
.home-news .box-main .bar:last-of-type .news-item:nth-of-type(2) .item-title{background: transparent;}
.home-news .box-main .bar .news-item:hover img{transform: scale(1.1);}
.home-news .box-main .bar .news-item:hover .item-title h5, .home-news .box-main .bar .news-item:hover .item-title span{transform: translateY(-12px);}

.home-elegance{}
.home-elegance .box-main{overflow: hidden;position: relative;padding-bottom: 30px;}
.home-elegance .box-main .swiper-slide a{height: 320px;width: 100%;border-radius: 8px;border-top-right-radius: 32px;border-bottom-left-radius: 32px;overflow: hidden;display: flex;}
.home-elegance .box-main .swiper-slide a img{width: 100%;height: 100%;object-fit: cover;}
.home-elegance .box-main .swiper-slide a:hover img{transform: scale(1.1);}
.home-elegance .box-main .swiper-pagination{bottom: 0;}
.home-elegance .box-main .swiper-pagination-bullet-active{width: 24px;height: 8px;border-radius: 16px;}

.home-wechat{background: #e6ebf5;padding: 30px 0;margin: 0;position: relative; }
.home-wechat a.more{background: #03ab5b;color: #fff;display: flex;left: 0;bottom: 25%;}
.home-wechat a.more:hover{}
.home-wechat .box-main{overflow: hidden;width: 82%;}
.home-wechat .box-main .swiper-wrapper{position: relative;}
.home-wechat .box-main .swiper-slide{height: 440px;border-radius: 12px;position: relative;}
.home-wechat .box-main .swiper-slide img{width: 100%;height: 100%;object-fit: cover;margin-left: 66px;border-radius: 12px;}
.home-wechat .box-main .swiper-slide h5{position: absolute;left: 36px;bottom: 10%;z-index: 10; width: 50%;height: 232px; color: #fff;background: #0f3eb1;opacity: 0;padding: 30px;border-radius: 12px;font-size: 16px;line-height: 2;}
.home-wechat .box-main .swiper-slide.swiper-slide-active h5{left: 0;opacity: 1; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out;}
.home-wechat .box-main .swiper-button-prev, .home-wechat .box-main .swiper-rtl .swiper-button-next{top:72%;left: calc(49% - 48px);background: #fff;width: 48px;height: 48px;}
.home-wechat .box-main .swiper-button-next, .home-wechat .box-main .swiper-rtl .swiper-button-prev{top:72%;left: 49%;background: #00b157;width: 48px;height: 48px;}
.home-wechat .box-main .swiper-button-prev::after{color: #000;font-size: 18px;}
.home-wechat .box-main .swiper-button-next::after{color: #fff;font-size: 18px;}


.tools{position: fixed;width: 160px;display: flex;z-index: 10;background: rgba(0,0,0,.5);right: 4%;top: 120px;flex-wrap: wrap;justify-content: center;border-radius: 50vw;padding: 54px 0 36px;backdrop-filter: blur(30px);}
.tools h3{color: rgba(255,255,255,1);font-size: 24px;font-weight: bold;}
.tools ul{padding: 0;margin: 0;}
.tools ul li a{color: rgba(255,255,255,.5);display: flex;font-size: 14px;align-items: center;padding: 8px;justify-content: space-between;line-height: 1.2;border-radius: 8px;}
.tools ul li a img{width: 32px;height: 32px;opacity: .5;margin-right: 6px;}
.tools ul li a:hover{color: rgba(255,255,255,1);background: rgba(255,255,255,.1);}
.tools ul li a:hover img{opacity: 1;animation: pulse 1s ease infinite;}
.tools hr{color: rgba(255,255,255,.6);height: 1px;width: 66%;margin: 12px auto;}


footer{background: url('../img/footerbg.jpg') 50% 50% no-repeat;background-size: 100% 100% cover;padding-top: 54px;}
footer .foot_addr, footer .foot_ewm{display: flex;flex-wrap: wrap;flex-direction: column;color:rgba(255,255,255,.6);}
footer .foot_addr img{max-height: 66px;margin-bottom: 24px;}
footer .foot_addr p{text-indent: 78px;margin: 0; line-height: 2;}
footer .foot_link {width: 40%;}
footer .foot_link dl{display: flex;flex-wrap: wrap;margin: 0;}
footer .foot_link dl dt{width: 100%;font-size: 16px;}
footer .foot_link dt, footer .foot_link dd a{color: rgba(255,255,255,.6);}
footer .foot_link dd {margin: 0; line-height: 2;margin-right: 12px;}
footer .foot_link dd a:hover{color: rgba(255,255,255,1);}
footer .copy{background: #131e3d;padding: 12px;text-align: center; margin-top: 66px;}
footer .copy p{color: rgba(255,255,255,.4);font-size: 12px;display: inline-flex;flex-wrap: nowrap;margin: 0 6px;text-transform: uppercase;}
footer .copy p a{color: rgba(255,255,255,.6);margin: 0 6px;}

.bg{background: #f5f5f5;}
.subslide{height: 300px;background: #00562a url('../img/subslide.jpg') 50% 0 fixed;background-size: auto 500px;margin: 116px auto 0;}
main{transform: translateY(-72px);}
main .sidebar{top: 172px;background: #fff;box-shadow: 0 0 12px rgba(0,0,0,.1);border-radius: 12px;border-bottom-right-radius: 0;overflow: hidden;padding-bottom: 120px;}
main .sidebar .title{padding: 18px 30px;background: #118669;color: #fff;font-size: 24px;height: 72px;font-weight: normal;margin-bottom: 12px;}
main .sidebar .list{padding: 0 30px;margin: 0;}
main .sidebar .list a{display: flex;border-bottom: 1px solid rgba(0,0,0,.1);padding: 8px 6px;justify-content: space-between;}
main .sidebar .list a i{opacity: 0;margin-right: 6px;}
main .sidebar .list a:hover, main .sidebar .list a.active{font-weight: bold;}
main .sidebar .list a:hover i, main .sidebar .list a.active i{opacity: 1;margin: 0;}
main .contents{margin: 84px 0 0 36px;}
main .contents .breadcrumb{justify-content: flex-end;}
main .contents .content{background: #fff;border-radius: 12px;box-shadow: 0 0 12px rgba(0,0,0,.1);padding: 30px 48px;font-size: 16px;line-height: 2;text-align: justify;min-height: 600px;}
main .contents .content h1.title{font-size: 30px;text-align: center;margin-bottom: 24px;border-bottom: 1px solid rgba(0,0,0,.2);padding-bottom: 24px;}
main .contents .content p{margin-bottom: 8px;text-indent: 32px;}
main .contents .content .list a.item{margin-bottom: 24px;display: flex;justify-content: space-between;padding: 12px 0;}
main .contents .content .list a.item .date{width: 72px;height: 72px;border-radius: 8px;background: #8fc2fa;font-size: 36px;text-align: center;display: flex;flex-wrap: nowrap;flex-direction: column;line-height: 1.1;justify-content: center;align-items: center;}
main .contents .content .list a.item .date span{font-size: 10px;}
main .contents .content .list a.item .words{width: calc(100% - 102px);display: flex;align-content: center;flex-wrap: wrap;}
main .contents .content .list a.item .words h2{font-size: 22px;margin: 0;line-height: 1.4;text-overflow: ellipsis;overflow: hidden;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
main .contents .content .list a.item .words span{color: #999;text-overflow: ellipsis;overflow: hidden;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
main .contents .content .list a.item:hover{padding: 12px;box-shadow: 0 6px 12px rgba(0,0,0,.1);transform: translateY(-6px);margin: 0 -12px 24px -12px;}

main .contents .content .navi-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
main .contents .content .navi-list a.item{display: flex;width: calc(25% - 12px);flex-wrap: nowrap;align-items: center;justify-content: space-around;padding: 24px;background: #fff;border: 1px solid #8fc2fa;border-radius: 12px;line-height: 1.4;margin-bottom: 18px;}
main .contents .content .navi-list a.item .img{padding: 12px;width: 60px;height: 60px;background: #8fc2fa;border-radius: 30px;}
main .contents .content .navi-list a.item .img img{width: 100%;height: 100%;object-fit: contain;}
main .contents .content .navi-list a.item:hover{background: #8fc2fa;color: #fff;box-shadow: 0 6px 12px rgba(0,0,0,.1);transform: translateY(-6px);}
main .contents .content .navi-list a.item:hover .img{background: #fff;}
main .contents .content .navi-list a.item:hover .img img{filter: invert(100%);}

@media (max-width:1669px){
  .tools{right: 6px;width: 110px;}
  .tools h3{font-size: 20px;}
  .tools ul li a{padding: 6px;text-align: right;}
  .tools ul li a .title span{display: block;}
}

@media (max-width:1024px) {
  .pcheader{display: none;}
  header .m-head{display: block;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;padding: 5px;box-shadow: 0 -1px 5px rgba(0, 0, 0, .3);}
  header .m-head .m-head-logo{float: left;display: flex;width: 75%;padding:5px;}
  header .m-head .m-head-logo img{height: 40px}
  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%;}
  
  [class*="home-"]{margin-bottom: 40px;}
  a.home-more{padding: 12px 30px;margin: 30px calc(50% - 59px);}
  .home-slide{height: auto;margin-bottom: 160px;margin-top: 130px;}
  .home-slide .swiper-slide img{height: 400px;}
  .home-slide .swiper-slide .text{top: 84px;}
  .home-slide .swiper-slide-active h3 , .home-slide .swiper-slide-active h4{font-size: 22px;font-weight: 400;}
  .home-slide .home-number{margin: 0 12px;left: 0;width: auto;top: 480px;height: auto;border-radius: 12px;}
  .home-slide .home-number span.timer{font-size: 30px;}
  .home-slide .home-number p{margin-bottom: 6px;}
  
}