/* header */
.header .logo{line-height: 5.2rem;}
.header .logo img{height: 2.3rem;}
.header .logo i{display: block;width: 1px;height: 2.2rem;background: #979797;margin: 0 0.66rem;}
.header .logo h1{color: #2F2F2F;}
.header .form{border: 1px solid #7E7E7E;background: rgba(255, 255, 255, 0.18);}
.header .form .text{width: 7.93rem;height: 1.66rem;border: none;background: none;box-sizing: border-box;padding: 0 0.8rem;}
.header .form .subm{width: 1.66rem;height: 1.66rem;border: none;background: #00685D url(../images/icon-search-btn.svg) no-repeat center;cursor: pointer;}
.header .form .subm:hover{background-color: #119284;}

/* nav */
.nav{width: 100%;background-image: linear-gradient(to right, #00685D , #119284);position: relative;z-index: 2;}
.nav .nLi{position: relative;}
.nav .nLi h2 a{display: block;padding: 0 1rem;color: #FFFFFF;line-height: 2.13rem;}
.nav .nLi .navSub{position: absolute;left: 50%;top: 100%;width: 180px;margin-left: -90px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 10px 0;display: none;}
.nav .nLi .navSub ul li{padding: 12px 0;}
.nav .nLi .navSub a{display: block;line-height: 24px;text-align: center;padding: 0 4px;position: relative;}
.nav .nLi .navSub a:hover{color: #00685D;}
.nav .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: #00685D;position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);}
.nav .nLi .navSub a:hover:before{-webkit-transform: scale(1);transform: scale(1);}


/* btnStyle */
.btnStyle{width: 2.1rem;height: 2.1rem;box-sizing: border-box;border: 1px solid #FFFFFF;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;cursor: pointer;}
.btnStyle.prev{left: 1.5rem;}
.btnStyle.next{right: 1.5rem;}
.btnStyle:hover{background: #00685D;border-color: #00685D;}
.btnStyle.swiper-button-disabled{pointer-events: none;opacity: 0.5;}


/* titleStyle */
.titleStyle{margin-bottom:  8px;padding-bottom: 1.3rem;border-bottom: 1px solid #00685D;}
.titleStyle h3{color: #1D1D1D;line-height: 1;}
.titleStyle.white h3{color: #fff;}
.titleStyle.white .moreStyle{color: #fff;}

@keyframes wave-loading {
    0% {transform: translateY(0px);}
    25% {transform: translateY(-5px);}
    50%,100% {transform: translateY(0px);}
}
/* moreStyle */
.moreStyle{color: #2F2F2F;line-height: 0.73rem;max-width: 3.53rem;}
.moreStyle .icon{width: 0.73rem;height: 0.73rem;box-sizing: border-box;border: 1px solid #00685D;border-radius: 50%;margin-left: 0.5rem;}
.moreStyle .icon i{display: block;width: 3px;height: 3px;background: #00685D;border-radius: 50%;margin: 0 1px;animation: wave-loading 1.5s ease-in-out infinite;animation-delay: calc(0.3s * var(--time));}
.moreStyle:hover{color: #00685D;}
.moreStyle:hover .icon{background: #00685D;}
.moreStyle:hover .icon i{background: #fff;}
.moreStyle.white{color: #fff;}
.moreStyle.white .icon{border-color: #fff;}
.moreStyle.white .icon i{background: #fff;}


/* listStyle */
.listStyle li{border-bottom: 1px dashed #B6B6B6;position: relative;}
.listStyle li:last-child{border: none;}
.listStyle li::before{content: "";width: 8px;height: 8px;box-sizing: border-box;border: 1px solid #1D1D1D;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.listStyle li a{width: 100%;box-sizing: border-box;padding-left: 1rem;line-height: 2.2rem;}
.listStyle li h4{flex: 1;overflow: hidden;color: #1D1D1D;}
.listStyle li span{flex-shrink: 0;margin-left: 1rem;color: #6E6E6E;}
.listStyle li:hover::before{background: #00685D;border-color: #00685D;width: 20px;height: 2px;border-radius: 0;}
.listStyle li:hover h4{color: #00685D;transform: translateX(12px);}


/* footer */
.footer{padding: 1.6rem 0;background: #00685D;color: #fff;text-align: center;line-height: 0.83rem;}
.footer a:hover{opacity: 0.8;text-decoration: underline;}


/* listStyle1 */
.listStyle1 li{border-bottom: 1px dashed #B6B6B6;}
.listStyle1 a{padding: 0.43rem 0 0.63rem;}
.listStyle1 .date{flex-shrink: 0;margin-right: 1rem;width: 2.26rem;box-sizing: border-box;border: 1px solid #00685D;border-radius: 4px;text-align: center;line-height: 1.1rem;}
.listStyle1 .date span{display: block;color: #fff;background: #00685D;}
.listStyle1 .date em{display: block;color: #00685D;}
.listStyle1 h4{flex: 1;overflow: hidden;color: #1D1D1D;line-height: 0.93rem;max-height: 1.86rem;font-weight: normal;}
.listStyle1 a:hover h4{color: #00685D;}


/* listStyle2 */
.listStyle2 li{margin-bottom: 0.8rem;}
.listStyle2 li:last-child{margin-bottom: 0;}
.listStyle2 li a{display: block;}
.listStyle2 h4{padding-left: 1.4rem;position: relative;color: #1D1D1D;line-height: 0.83rem;margin-bottom: 0.6rem;}
.listStyle2 h4::before{content: "";width: 0.66rem;height: 0.66rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: url(../images/icon_message.svg) no-repeat center;background-size: 100%;filter: brightness(0) invert(0.1);}
.listStyle2 .btm{display: flex;align-items: flex-end;}
.listStyle2 .btm span{color: #6E6E6E;line-height: 0.8rem;display: block;flex-shrink: 0;margin-right: 0.6rem;}
.listStyle2 .btm .line{flex: 1;overflow: hidden;height: 0;border-bottom: 1px dashed #E9E9E9;margin-bottom: 5px;}
.listStyle2 a:hover h4{color: #00685D;}
.listStyle2 a:hover h4::before{filter: brightness(1) invert(0);}


@media screen and (max-width: 1480px){
.nav .nLi h2 a{padding: 0;}
}

@media screen and (max-width: 1280px){

}


@media screen and (max-width: 1024px){
.header{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.header .form,.nav{display: none;}
.header .menuIcon{display: block;}
.header .logo{line-height: 3rem;}
.header .logo img{height: 1.5rem;}
.header .logo i{height: 1.4rem;}
.titleStyle{padding-bottom: 0.6rem;}
}

@media screen and (max-width: 760px){
.header .logo{line-height: 66px;}
.header .logo img{height: 30px;}
.header .logo i{height: 24px;margin: 0 12px;}
.header .logo h1{font-size: 0.8rem;}
.titleStyle h3{padding-bottom: 0;}
.btnStyle{width: 1.6rem;height: 1.6rem;}
.btnStyle img{height: 10px;}
.btnStyle.prev{left: 0.5rem;}
.btnStyle.next{right: 0.5rem;}
.listStyle li::before{width: 6px;height: 6px;}
.listStyle li a{line-height: 1.8rem;padding-left: 12px;}
.listStyle li span{font-size: 12px;}
.footer{padding: 1rem 0;font-size: 12px;}
}

@media screen and (max-width: 468px){
.header .menuIcon{flex-shrink: 0;}
.header .logo{flex: 1;overflow: hidden;justify-content: flex-start;}
.header .logo h1{font-size: 0.66rem;}
}