/* banner */
.banner{position:relative;margin-top: 9.05vw;}
.banner .img{height: 600px;}
.banner .img img{width: 100%;height: 100%;object-fit: cover;}
@media screen and (max-width:1080px) {
.banner{margin-top: 80px;}
.banner .img{height: auto;}
}
@media screen and (max-width:520px) {
.banner{margin-top: 59px;}
}
 
 
/* nlav */
.nlav{border-bottom:1px solid #ddd;height: 60px;line-height: 60px;}
.nlav .w1400{display:flex;align-items:center;justify-content:space-between}
.nlav .crumb img{width:1.3068vw}
.nlav .crumb a{font-size:.82vw;color:#303030;margin: 0 .5vw;}
.nlav .crumb a:hover{color: #003b8f;}
.nlav .ul{display:flex;align-items:center}
.nlav .ul li{margin-right: 3.5vw;position: relative;}
.nlav .ul li:after{content:'';position:absolute;left:50%;bottom: 5px;height: 2px;width:0;background: #003b8f;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.nlav .ul li:nth-last-child(1){margin-right: 0;}
.nlav .ul li a{font-size:.82vw;color:#303030}
.nlav .ul li.cur a, .nlav .ul li:hover a{color: #003b8f;}
.nlav .ul li.cur:after, .nlav .ul li:hover:after{width: 100%; left: 0;}
@media screen and (max-width:1080px) {
.nlav{height: 50px;line-height: 50px;}
.nlav .crumb img{width: 20px;}
.nlav .crumb a{font-size: 15px;margin: 0 5px;}
.nlav .ul li{margin-right: 30px;padding: 20px 0;}
.nlav .ul li a{font-size: 15px;}
}
@media screen and (max-width:520px) {
.nlav{padding: 10px 0;height: 40px;line-height: 40px;}
.nlav .ul{display: none;}
.nlav .crumb img{width: 18px;}
.nlav .crumb a{font-size: 14px;margin: 0 2px;}
}


/* picturelist */
.picturelist{padding: 90px 0;}
.picturelist .item{width: 22%;position: relative;padding-right: 2%;margin-right: 2%;margin-bottom: 3%;}
.picturelist .item:after{position: absolute;content: "";top: 0;background: #d1d1d1;height: 100%;width: 1px;right: 0;}
.picturelist .item:nth-child(4n+4){padding-right: 0;margin-right: 0;}
.picturelist .item:nth-child(4n+4):after{display: none;}
.picturelist .item a{display: block;padding: 3%;background: #fff;}
.picturelist .item .img{padding-bottom: 140%;position: relative;overflow: hidden;}
.picturelist .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.picturelist .item .info .t1{margin-top:1vw;color:#000;font-size:1vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-align: center;}
.picturelist .item:hover .info .t1{color: #b21d23;}
@media screen and (max-width:1080px){
.picturelist{padding: 60px 0;}
.picturelist .item .info .t1{font-size: 16px;margin-top: 8px;}
}
@media screen and (max-width:768px){
.picturelist .item{width: 48% !important;}
.picturelist .item:nth-child(odd){margin-right: 2% !important;padding-right: 2% !important;}
.picturelist .item:nth-child(even){padding-right: 0 !important;margin-right: 0 !important;}
.picturelist .item:nth-child(odd):after{display: block !important;}
.picturelist .item:nth-child(even):after{display: none !important;}
}
@media screen and (max-width:520px){
.picturelist{padding: 30px 0;}
.picturelist .item .info .t1{font-size: 15px;margin-top: 6px;}
}


/* about */
.about{padding: 90px 0;}
.about .cont p{line-height: 2.2;font-size: .82vw;color: #333;margin-top: .5vw;}
.about .cont p:nth-child(1){margin-top: 0;}
.about h3{font-size: 1.5vw;text-align: center;margin: 2vw 0;}
@media screen and (max-width:1080px){
.about{padding: 60px 0;}
.about .cont p{font-size: 15px;}
.about h3{font-size: 18px;margin: 20px 0;}
}
@media screen and (max-width:520px){
.about{padding: 30px 0;}
.about .cont p{font-size: 14px;line-height: 26px;}
.about h3{font-size: 16px;}
}


/* about01 */
.about01{padding: 90px 0;}
.about01 .cont .img{text-align: center;}
.about01 .cont .text p{line-height: 2.2;font-size: .82vw;color: #333;margin-top: .5vw;text-indent: 2em;}
.about01 .cont .text p:nth-child(1){margin-top: 0;}
@media screen and (max-width:1080px){
.about01{padding: 60px 0;}
.about01 .cont .text p{font-size: 15px;}
}
@media screen and (max-width:520px){
.about01{padding: 30px 0;}
.about01 .cont .text p{font-size: 14px;line-height: 26px;}
}

/* about02 */
.about02{padding-bottom: 90px;}
@media screen and (max-width:1080px){
.about02{padding-bottom: 60px;}
}
@media screen and (max-width:520px){
.about02{padding-bottom: 30px;}
}


/* about03 */
.about03{padding: 90px 0;}
.about03 .ul{display: flex;flex-wrap: wrap;margin-top: 3vw;}
.about03 .ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;text-align: center;}
.about03 .ul li:nth-child(4n+4){margin-right: 0;}
.about03 .ul li a{display: block;border: 1px solid #003B8F;border-radius: 24px;}
.about03 .ul li .t1{padding: 1.25vw 0;transition:all .3s;border-top-right-radius:22px;border-top-left-radius:22px;}
.about03 .ul li .t1 p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:1.28vw;color:#003b8f;transition:all .3s}
.about03 .ul li .text{background:#003b8f;color:#fff;border-bottom-right-radius:22px;border-bottom-left-radius:22px;padding:1vw 0}
.about03 .ul li .text .t2{font-size:.735vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.about03 .ul li .text .t3{font-size:.85vw;margin-top:.35vw}
.about03 .ul li:hover .t1{background: #003b8f;}
.about03 .ul li:hover .t1 p{color: #fff;}
@media screen and (max-width:1080px) {
.about03{padding: 60px 0;}
.about03 .ul li{width: 32%;}
.about03 .ul li:nth-child(4n+4){margin-right: 2%;}
.about03 .ul li:nth-child(3n+3){margin-right: 0;}
.about03 .ul li a{border-radius: 18px;}
.about03 .ul li .t1{padding: 15px 0;border-top-right-radius: 16px;border-top-left-radius: 16px;}
.about03 .ul li .t1 p{font-size: 16px;}
.about03 .ul li .text{border-bottom-right-radius: 16px;border-bottom-left-radius: 16px;padding: 15px 0;}
.about03 .ul li .text .t2{font-size: 14px;}
.about03 .ul li .text .t3{font-size: 16px;margin-top: 10px;}
}
@media screen and (max-width:680px) {
.about03 .ul li{width: 49%;}
.about03 .ul li:nth-child(odd){margin-right: 2%;}
.about03 .ul li:nth-child(even){margin-right: 0;}
}
@media screen and (max-width:520px) {
.about03{padding: 30px 0;}
.about03 .ul li a{border-radius: 14px;}
.about03 .ul li .t1{padding: 10px 0;border-top-right-radius: 12px;border-top-left-radius: 12px;}
.about03 .ul li .t1 p{font-size: 15px;}
.about03 .ul li .text{border-bottom-right-radius: 12px;border-bottom-left-radius: 12px;padding: 10px 0;}
.about03 .ul li .text .t3{font-size: 15px;margin-top: 5px;}
}


/* about04 */
.about04{padding: 90px 0;}
.about04 ul{display: flex;flex-wrap: wrap;}
.about04 ul li{width: 47.5%;margin-right: 5%;border-bottom: 1px solid #ebeced;padding: 1vw 0;}
.about04 ul li:nth-child(even){margin-right: 0;}
.about04 ul li a{display: flex;align-items: center;}
.about04 ul li .icon img{width: 1.65vw;}
.about04 ul li .t1{margin-left: 1vw;font-size: .85vw;color: #303030;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.about04 ul li:hover .t1{color: #b21d23;}
@media screen and (max-width:1080px) {
.about04{padding: 60px 0;}
.about04 ul li{padding: 20px 0;}
.about04 ul li .icon img{width: 24px;}
.about04 ul li .t1{margin-left: 10px;font-size: 15px;}
}
@media screen and (max-width:520px) {
.about04{padding: 15px 0 30px;}
.about04 ul li{padding: 15px 0;}
.about04 ul li .icon img{width: 22px;}
.about04 ul li .t1{margin-left: 8px;font-size: 14px;}
}


/* contacts01 */
.contacts01{padding: 90px 0 0;overflow: hidden;}
.contacts01 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;margin-bottom: 90px;}
.contacts01 .ul::after{position: absolute;content: "";left: 50%;top: 0;width: 168%;background: #d1d1d1;height: 1px;transform: translate(-50% , 0);}
.contacts01 .ul li{width: 23.5%;padding-top: 4vw;border-left: 1px solid #d1d1d1;padding-bottom: 4vw;}
.contacts01 .ul li .info{padding-left: 3.5vw;position: relative;}
.contacts01 .ul li .info::after{position: absolute;content: "";background: #003B8F;width: 2px;height: 100%;top: 0;left: -1px;}
.contacts01 .ul li .icon img{width:3.1vw}
.contacts01 .ul li h4{font-size: 1.2vw;margin: 1.5vw 0 2vw;}
.contacts01 .ul li p{font-size:.9vw;color:#666;line-height:1.6}
.contacts01 .map img{width: 100%;}
@media only screen and (max-width:1080px){
.contacts01{padding: 60px 0 0;}
.contacts01 .ul{margin-bottom: 60px;}
.contacts01 .ul li{padding-top: 40px;padding-bottom: 40px;}
.contacts01 .ul li .info{padding-left: 20px;}
.contacts01 .ul li .icon img{width: 45px;}
.contacts01 .ul li h4{font-size: 20px;margin: 20px 0;}
.contacts01 .ul li p{font-size: 15px;}
}
@media only screen and (max-width:768px){
.contacts01 .ul li{width: 100%;border-bottom: 2px solid #003B8F;}
.contacts01 .ul li .info{padding: 0 20px;}
}
@media only screen and (max-width:520px){
.contacts01{padding: 35px 0 0;}
.contacts01 .ul{margin-bottom: 60px;}
.contacts01 .ul li{padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #003B8F;}
.contacts01 .ul li .info{padding-left: 20px;}
.contacts01 .ul li .info::after{width: 1px;}
.contacts01 .ul li .icon img{width: 26px;}
.contacts01 .ul li h4{font-size: 16px;margin: 10px 0;}
.contacts01 .ul li p{font-size: 14px;line-height: 24px;}
}


/* message */
.message{padding: 90px 0;}
.message .form .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.message .form .input{width: 48.5%;margin-bottom: 1.5vw;position: relative;}
.message .form .input label{font-size: .85vw;color: #333;margin-bottom: .5vw;display: flex;}
.message .form .input label i{color: red;}
.message .form .input input{background: #EEEEEE;line-height: 2.68vw;width: 100%;text-indent: 1em;border-radius: 5px;font-size: .8vw;color: #666;border: 1px solid #EEEEEE;}
.message .form .input img{position: absolute;right: 1px;bottom: 0;height: 50px;}
.message .form .submit{margin: 0 auto;margin-top: 2vw;border-radius: 5px;background: #003b8f;width: max-content;line-height: 2.2vw;}
.message .form .submit input{font-size: .82vw;color: #fff;background: none;padding: 0 2vw;}
.message .form .submit:hover{background: #b21d23;}
.message .form .input input:focus{border: 1px solid #003b8f;}
@media only screen and (max-width:1080px){
.message{padding: 60px 0;}
.message .form .input{margin-bottom: 25px;}
.message .form .input label{font-size: 16px;margin-bottom: 10px;}
.message .form .input input{line-height: 45px;font-size: 14px;}
.message .form .input img{height: 45px;}
.message .form .submit{line-height: 40px;margin-top: 20px;}
.message .form .submit input{padding: 0 35px;font-size: 14px;}
}
@media only screen and (max-width:768px){
.message .form .input{width: 100%;margin-bottom: 15px;}
}
@media only screen and (max-width:520px){
.message{padding: 30px 0;}
.message .form .input label{font-size: 14px;margin-bottom: 10px;}
.message .form .input input{line-height: 40px;font-size: 12px;border-radius: 3px;}
.message .form .input img{height: 40px;}
.message .form .submit{line-height: 35px;margin-top: 15px;}
.message .form .submit input{padding: 0 30px;}
}



/* n_right */
.n_right{width:22%;position: sticky;top: 10.8vw;height: max-content;}
.n_right .tit{color: #0a0909;font-size: 1.15vw;margin-bottom:1vw;position: relative;padding-left: .8vw;}
.n_right .tit::after{position: absolute;content: "";height: 90%;width: 4px;top: 10%;left: 0;background: #003B8F;}
.n_right .row{padding:1.5vw;background: #f4f7f9;margin-top: 1.5vw;}
.n_right .row:nth-child(1){margin-top: 0;}
.n_right .row .li{position: relative;padding:1vw 0;border-bottom: 1px dashed #aac6ee;}
.n_right .row .li:nth-child(1){padding:0;border:none}
.n_right .row .li .img{padding-bottom:58%;position: relative;overflow: hidden;}
.n_right .row .li .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.n_right .row .li:hover .img img{transform:scale(1.08)}
.n_right .row .li .t1{position:absolute;bottom:0;background:#0009;padding:.4vw .8vw}
.n_right .row .li .t1 i{color:#fff;font-size:.8vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.n_right .row .li p{color:#333;font-size:.8vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.n_right .row .li:hover p{color: #003B8F;}
.n_right .row .info{display: flex;flex-wrap: wrap;justify-content: space-between;flex-wrap: wrap;}
.n_right .row .info a{color: #fff;font-size: .8vw;background: #003b8f;width: calc(48.5% - 1vw);padding: 0.2vw .5vw;margin-top: .5vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;line-height: 2.2;text-align: center;}
.n_right .row .info a:nth-child(even){margin-right: 0;}
.n_right .row .info a:hover{color: #fff;background: #b11d22;}
@media only screen and (max-width:1080px){
.n_right{top: 12vw;}
.n_right .tit{padding-left: 1vw;font-size: 1.8vw;}
.n_right .row .li{padding: 1.2vw 0;}
.n_right .row .li .t1 i{font-size: 1vw;}
.n_right .row .li p{font-size: 1.35vw;}
.n_right .row .info a{font-size: 1.35vw;width: calc(48.5% - 1.6vw);padding: .5vw .8vw;}
}
@media only screen and (max-width:768px){
.n_right{width: 100%;position: initial;}
.n_right .tit{padding-left: 10px;font-size: 20px;}
.n_right .row .li{padding: 15px 0;}
.n_right .row .li:nth-child(2){display: none;}
.n_right .row .li .t1 i{font-size: 1vw;}
.n_right .row .li p{font-size: 15px;}
}
@media only screen and (max-width:520px){
.n_right .tit{font-size: 18px;margin-bottom: 15px;}
.n_right .tit::after{top: 16%;height: 76%;}
.n_right .row .li{padding: 12px 0;}
.n_right .row .li .t1 i{font-size: 1vw;}
.n_right .row .li p{font-size: 14px;}
.n_right .row .info a{font-size: 14px;margin-top: 5px;}
}


/* newslist */
.newslist{padding: 90px 0;}
.newslist .cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
.newslist .list{width: 70%;}
.newslist .item{border-bottom: 1px solid #e5e5e5;padding-bottom: 1.5vw;margin-bottom: 1.5vw;}
.newslist .item a{display:flex;flex-wrap:wrap;justify-content:space-between}
.newslist .item .date{font-family:BebasNeue-Regular;color:#003b8f}
.newslist .item .date .day{font-size:2.58vw}
.newslist .item .date .year{font-size:1vw}
.newslist .item .info{width:80%;padding-left:5%;margin-left:5%;border-left:1px solid #666;position: relative;}
.newslist .item .info:before{content:"";display:block;width:1px;height:0;position:absolute;left:-1px;top:0;background:#003b8f;z-index:1;transition:ease 1s}
.newslist .item:hover .info:before{height: 100%;}
.newslist .item .info .t1{font-size: 1.2vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-bottom:1vw;color:#333;transition: ease .5s;}
.newslist .item .info .t2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#666;line-height:2;font-size:.82vw}
.newslist .item .info .btn{margin-top:2vw;width:3vw;height:3vw;background:#f5f5f5;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:ease .5s}
.newslist .item .info .btn img{width:1.254vw;transition:ease .5s}
.newslist .item:hover .info .t1{color: #003b8f;}
.newslist .item:hover .info .btn{background: #003b8f;}
.newslist .item:hover .info .btn img{filter: brightness(0) invert(1);}
@media screen and (max-width:1080px) {
.newslist{padding: 60px 0;}
.newslist .item{margin-bottom: 15px;padding-bottom: 15px;}
.newslist .item .date{width: 12%;}
.newslist .item .date .day{font-size: 45px;}
.newslist .item .date .year{font-size: 20px;}
.newslist .item .info{width: 75%;}
.newslist .item .info .t1{font-size: 20px;margin-bottom: 10px;}
.newslist .item .info .t2{font-size: 14px;-webkit-line-clamp: 2;}
.newslist .item .info .btn{width: 45px;height: 45px;}
.newslist .item .info .btn img{width: 16px;}
}
@media screen and (max-width:768px) {
.newslist .list{width: 100%;margin-bottom: 20px;}
}
@media screen and (max-width:520px) {
.newslist{padding: 30px 0;}
.newslist .list{margin-bottom: 10px;}
.newslist .item .date{width: auto;}
.newslist .item .date .day{font-size: 40px;}
.newslist .item .date .year{font-size: 18px;}
.newslist .item .info .t1{font-size: 17px;margin-bottom: 8px;}
.newslist .item .info .t2{line-height: 24px;}
.newslist .item .info .btn{width: 40px;height: 40px;margin-top: 15px;}
.newslist .item .info .btn img{width: 14px;}
}


/* news */
.news{padding: 90px 0;}
.news .cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
.news .n_left{width: 70%;}
.news .n_left .title{font-size:1.88vw;color:#333;text-align:center}
.news .n_left .date{color:#666;text-align:center;font-size:.8vw;margin:1.5vw 0}
.news .n_left .cont{border-bottom:1px solid #eee;border-top:1px solid #eee;padding:1vw 0}
.news .n_left .cont p{font-size:.85vw;line-height:2;color:#333;margin-top:.5vw}
.news .n_left .ul{display:flex;justify-content:space-between;align-items:center;margin-top:2vw}
.news .n_left .ul li{padding:.5vw 1.5vw;background:#003b8f;border-radius:5px}
.news .n_left .ul li a{font-size:.82vw;color:#fff}
.news .n_left .ul li:hover{background:#b11d22}
@media screen and (max-width:1080px) {
.news{padding: 60px 0;}
.news .n_left .title{font-size: 24px;}
.news .n_left .date{font-size: 14px;margin: 15px 0;}
.news .n_left .cont{padding: 20px 0;}
.news .n_left .cont p{font-size: 14px;}
.news .n_left .ul{margin-top: 20px;}
.news .n_left .ul li{padding: 8px 30px;}
.news .n_left .ul li{font-size: 14px;}
}
@media screen and (max-width:768px) {
.news .n_left{width: 100%;margin-bottom: 20px;}
}
@media screen and (max-width:520px) {
.news{padding: 30px 0;}
.news .n_left{margin-bottom: 10px;}
.news .n_left .title{font-size: 20px;}
.news .n_left .date{font-size: 12px;margin: 10px 0;}
.news .n_left .cont{padding: 15px 0;}
.news .n_left .cont p{line-height: 26px;}
.news .n_left .ul{margin: 20px 0 15px;}
.news .n_left .ul li{padding: 6px 25px;}
}