body{background-color: #f1f3f5}
/*updown*/
.updown {position: absolute;bottom:30px;left:100px;z-index: 999;}
.updown a{
    opacity: 1;display: inline-block;-webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font : normal 400 20px/1 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
    color: #999;
}
.updown .s-icon {padding-top: 60px;}
.updown .s-icon span {
    position: absolute;
    top: 0;
    left: 50%;
    width:26px;
    height: 45px;
    margin-left: -13px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
}
.updown .s-icon span::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 5px;
    height: 5px;
    margin-left: -2.5px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box;
}
.banner{width: 100%;height:100vh;background-color: #f1f3f5}
.index-banner {width: 100%;height: 100%;}
.index-banner .item {
    width: 100%;
    height:100vh;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    background-color: #212529;border-radius: 0 0 400px 0;
}
.index-banner .item:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 2;background: linear-gradient(120deg, rgb(25, 113, 194) 0.99%, rgba(0,0,0,0) 100%)}
.index-banner .item .text {
    align-items: center;
    text-align: left;
    padding-top: 18%;
    position: absolute;z-index: 9;width: 100%;height: 100%;left: 0;top:0;
}
.index-banner .item h4 {
    font-size: 55px;
    letter-spacing: 1px;
    line-height:70px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom:30px;
    font-weight:550;
    -webkit-animation: fadeOutInUp 1s both;
    animation: fadeOutInUp 1s both;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}
.index-banner .item h4 b{
    font-size: 65px;display: block;
    letter-spacing: 5px;font-weight:550;
    margin-bottom:100px;margin-top: 20px;
}
.index-banner .item p {
    display: block;
    width: 80%;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 40px;
    margin-bottom:100px;
    -webkit-animation: fadeOutInUp 1s both;
    animation: fadeOutInUp 1s both;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}
.index-banner .item a.left{margin:0 auto 0 0;}
.index-banner .item a.center{margin:0 auto;}
.index-banner .item a.right{margin:0 0 0 auto;}
.index-banner .item a{border-bottom-left-radius:30px;border-top-right-radius:30px;color:#fff;background-color: var(--color-4);font-size:18px;margin-right: 20px;text-align: center;font-weight: 500;display: inline-block;text-transform: uppercase;width:200px;line-height:55px;}
.index-banner .item a i{font-size:2rem;margin-left:5px;font-weight: 300}
@media (max-width: 1440px) {
    .updown {bottom:0;left:60px;}
    .index-banner .item {;border-radius: 0 0 300px 0;}
    .index-banner .item .text {width: 1280px!important;left: 50%;margin-left: -640px;padding-top: 18%}
    .index-banner .item h4 {font-size:45px;margin-bottom: 30px;line-height:60px}
    .index-banner .item h4 b{font-size: 55px;}
    .index-banner .item p {font-size: 20px;margin-bottom: 60px;line-height: 35px;width: 90%}
    .index-banner .item a{width: 180px;line-height:45px;font-size: 16px;}
    .index-banner .item a i{font-size:2rem;}
}
@media (max-width: 1366px) {
    .updown {bottom:-10px;left:50px;}
    .index-banner .item {;border-radius: 0 0 250px 0;}
    .index-banner .item .text{width: 1180px!important;left: 50%;margin-left: -590px;}
    .index-banner .item p {width: 100%}
}
@media (max-width: 1280px) {
    .index-banner .item .text{padding: 0 60px;width: 100%;padding-top: 18%}
    .index-banner .item .text{width: 1000px!important;margin-left: -500px;}
}
@media (max-width: 991px) {
    .updown{display: none}
    .banner{width: 100%;height:60vh;margin-top: 60px;}
    .index-banner .item {background-size: cover;position: center;height:60vh;width: 100%;border-radius: 0 0 125px 0;}
    .index-banner .item .text {padding:20% 20px 0 20px;text-align: center;width: 100%!important;margin-left: unset;left: unset}
    .index-banner .item h4 {font-size: 2rem!important;margin-bottom:10px!important;line-height:3rem;letter-spacing: 0!important;}
    .index-banner .item p {font-size: 1.4rem!important;margin-bottom:30px!important;line-height:2.2rem;letter-spacing: 0!important;}
    .index-banner .item a{font-size:1.4rem;width:140px;line-height:45px;border-bottom-left-radius:25px;border-top-right-radius:25px;}
    .index-banner .item a i{font-size:1.6rem;margin-left:2px;}
    .index-banner .item a.left{margin:0 auto;}
    .index-banner .item a.right{margin:0 auto;}
}
.index-banner .item.slick-active .img {-webkit-animation: fadeInRight 1s both 1s;animation: fadeInRight 1s both 1s;}
.index-banner .item.slick-active h4 {-webkit-animation: fadeInUp 1s both 1.5s;animation: fadeInUp 1s both 1.5s;}
.index-banner .item.slick-active p {-webkit-animation: fadeInUp 1s both 2s;animation: fadeInUp 1s both 2s;}
.index-banner .item.slick-active a {-webkit-animation: fadeInUp 1s both 2.5s;animation: fadeInUp 1s both 2.5s;}
.index-banner .item.slick-active {-webkit-animation: fadeIn 2.5s both;animation: fadeIn 2.5s both;}
.slick-slider {
    float: left;
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.index-banner .NextArrow,.index-banner .PrevArrow{
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: none;
    background:rgba(0,0,0,0.15);
    text-align: center;
    z-index: 999;
    outline: none;
    bottom: 50%;
    opacity: 0.5;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.index-banner .NextArrow i,.index-banner .PrevArrow i{font-size:2.8rem;color:#fff;}
.index-banner .PrevArrow{left:0;}
.index-banner .NextArrow{right:0;transform: rotate(-180deg)}
.index-banner .NextArrow:hover,.index-banner .PrevArrow:hover{opacity: 1;}
.index-banner .NextArrow:hover i,.index-banner .PrevArrow:hover i{color: #fff}
.index-banner .slick-dots {position: absolute;height:4px;bottom:80px;width:300px;left:50%;margin-left: -150px;padding: 0;list-style-type: none;}
.index-banner .slick-dots li button {display: none;}
.index-banner .slick-dots li {width:60px;height:4px;background-color:rgba(255,255,255,0.5);}
.index-banner .slick-dots li:last-child{margin-right: 0;}
.index-banner .slick-dots li.slick-active {background-color:rgba(255,255,255,1);}
@media (max-width: 1366px) {
    .index-banner .slick-dots {bottom:50px;}
}
@media (max-width: 991px) {
    .index-banner .slick-dots {bottom:30px;}
    .index-banner .NextArrow,.index-banner .PrevArrow{opacity:0;}
    .index-banner .slick-dots {width:80px;margin-left: -40px;left: 50%;}
    .index-banner .slick-dots li {width:8px;height:8px;border-radius:50%;}
    .index-banner .slick-dots li.slick-active {width: 8px;}
    .index-banner .item.slick-active h4 {-webkit-animation: fadeInUp 1s both 1s;animation: fadeInUp 1s both 1s;}
    .index-banner .item.slick-active p {-webkit-animation: fadeInUp 1s both 1.5s;animation: fadeInUp 1s both 1.5s;}
    .index-banner .item.slick-active a {-webkit-animation: fadeInUp 1s both 2s;animation: fadeInUp 1s both 2s;}
    .index-banner .item.slick-active {-webkit-animation: fadeIn 2s both;animation: fadeIn 2s both;}
}
/*about*/
.about{width: 100%;padding:80px 0;background-color:#fff;border-bottom-left-radius:250px;position: relative;border-top-right-radius:250px;}
.about-info{align-items: flex-start;}
.about .info{width: 50%;padding:0 50px 0 0;}
.about .info p{font-size: 20px;line-height: 40px;color:#495057;font-weight: 400;margin-bottom: 30px; }
.about .info a{display: block;margin:30px 0 0 0;width: 160px;line-height: 50px;font-size: 18px;text-align: center;background-color:var(--color-3);color:#fff;border-bottom-left-radius:30px;border-top-right-radius:30px}
.about .info a:hover{background-color: var(--color-4);}
.about .img{width: 50%;text-align: right;position: relative;border-bottom-left-radius:150px;border-top-right-radius:150px;overflow: hidden}
.about .img img{width: 100%;position: relative;z-index: 1;}
.about .img div{display: block;width: 100%;height: 100%;padding:120px 50px;position: absolute;left: 0;top:0;z-index: 2;text-align: center;background-color: rgba(0,51,153,0.6);}
.about .img div p{font-size:40px;line-height:60px;font-weight: 500;color: #fff;}
.about .img div p span{margin-top:40px;display: block;font-size: 25px;line-height: 45px;font-weight:400;}
.about .img .info-ul{padding: 50px 0;width: 100%;}
.about .img .info-ul li{width: 33.33%;text-align: center;color: #fff}
.about .img .info-ul li h6{display: block;margin-bottom: 5px;}
.about .img .info-ul li h6 span{font-size: 40px;display: inline-block;font-weight: 550;}
.about .img .info-ul li h6 em{font-size: 15px;display: inline-block;font-style: normal;margin-left: 5px;}
.about .img .info-ul li b{font-size: 16px;display: block;font-weight: 450!important;}
@media (max-width: 1440px) {
    .about{padding:60px 0;}
    .about .info p{font-size: 15px;line-height:25px;margin-bottom:20px;}
    .about .info a{width: 150px;line-height:45px;font-size: 15px;border-bottom-left-radius:30px;border-top-right-radius:30px}
    .about .img div{padding:60px 30px;}
    .about .img div p{font-size:30px;line-height:40px;}
    .about .img div p span{margin-top:30px;font-size: 18px;line-height:30px}
    .about .img .info-ul{padding: 40px 0 60px 0;}
    .about .img .info-ul li h6 span{font-size: 30px;}
    .about .img .info-ul li h6 em{font-size: 14px;}
    .about .img .info-ul li b{font-size: 14px;}
}
@media (max-width: 991px) {
    .about{padding:20px 10px;border-bottom-left-radius:50px;position: relative;border-top-right-radius:50px;width: 100%;}
    .about-info{flex-wrap: wrap;padding: 0 5px;}
    .about .info{width: 100%;padding:0;margin-bottom:10px;}
    .about .info p{font-size: 1.4rem;line-height:2.2rem;margin-bottom:10px; }
    .about .info a{display:none;}
    .about .img{width:100%;text-align: center;border-bottom-left-radius:30px;border-top-right-radius:30px;margin-bottom:20px;}
    .about .img div{padding:20px 20px 0 20px;border-bottom-left-radius:30px;border-top-right-radius:30px;}
    .about .img div p{font-size:1.9rem;line-height:3rem;}
    .about .img div p span{margin-top:20px;font-size:1.5rem;line-height:3.5rem;}
    .about .img .info-ul{padding:30px 0 0 0;}
    .about .img .info-ul li h6 span{font-size: 2rem;}
    .about .img .info-ul li h6 em{font-size: 1.1rem;}
    .about .img .info-ul li b{font-size: 1.1rem;}
}

.department{width: 100%;padding:50px 0;background-color:#f1f3f5}
.department-ul{padding:25px 0;width: 100%;margin: 0 -20px;}
.department-ul li{display: block;margin: 25px 20px;}
.department-ul li{
    display: block;
    position: relative;
    border-radius:60px;border-top-left-radius: 0;border-bottom-right-radius: 0;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow:0 8px 15px 0 rgba(50, 50, 50, 0.05);
    box-shadow:0 8px 15px 0 rgba(50, 50, 50, 0.05);
}
.department-ul li .img{width: 100%;position: relative;overflow: hidden}
.department-ul li .img img{width: 100%;}
.department-ul li .img i{transition: all 0.5s;width: 100%;height: 100%;position: absolute;background-color: rgba(0,51,153,0.7);font-size:7rem;font-weight: 400;color: #fff;text-align: center;top:0;left: 0;padding: 50px}
.department-ul li .img b{font-size:30px;line-height:35px;font-weight:550;display: block;transition: all 0.5s;}
.department-ul li:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.department-ul li:hover .img b{transform: scale(0.9);-webkit-transform: scale(0.9)}
.department-ul li .info{width: 100%;padding: 20px;}
.department-ul li .info h6{font-size:25px;line-height:35px;font-weight:550;color: #343a40;margin-bottom:20px;position: relative;}
.department-ul li .info h6:after{content: '';width: 50px;height: 2px;background-color: #00639a;position: absolute;left: 0;bottom: -10px;}
.department-ul li .info p{font-size: 16px;line-height: 30px;color:#495057;font-weight:400;min-height: 120px;}
.department-ul li .info a{width: 140px;line-height: 45px;margin: 0 10px 10px auto;
    background-image: linear-gradient(120deg, var(--color-4) 30%, #fff3bf 100%);
    box-shadow: 5px 10px 20px rgba(230,119,0,0.2);
    border-top-right-radius: 20px;border-bottom-left-radius: 20px;
    color: #fff;text-decoration: none;font-weight:400;justify-content: center;text-align: center;font-size: 18px;display: block;
}
.department-ul .NextArrow,.department-ul .PrevArrow{
    position: absolute;
    width: 40px;
    height:40px;border-radius: 50%;
    line-height:40px;
    background:#fff;border: none;top:50%;margin-top: -20px;
    text-align: center;
    z-index: 999;
    outline: none;
}
.department-ul .NextArrow i,.department-ul .PrevArrow i{font-size:2.2rem;color:var(--color-3);font-weight: 400;}
.department-ul .NextArrow:hover i,.department-ul .PrevArrow:hover i{color:var(--color-4);}
.department-ul .NextArrow{right:-40px;transform: rotate(-180deg)}
.department-ul .PrevArrow{left:-40px;}
@media (max-width: 1440px) {
}
@media (max-width: 991px) {
    .department{padding:20px 0 0 0;}
    .department .section-title{padding: 20px 10px 0 10px;}
    .department-ul{padding:0 0 10px 0;margin:0;}
    .department-ul li{margin:20px 10px 20px 10px;display: block;outline:none;}
    .department-ul li{border-radius:30px;border-top-left-radius: 0;border-bottom-right-radius: 0;}
    .department-ul li:hover .img img{transform: scale(1);-webkit-transform: scale(1)}
    .department-ul li:hover .img b{transform: scale(1);-webkit-transform: scale(1)}
    .department-ul li .img i{font-size:6rem;padding:20px}
    .department-ul li .img b{font-size:2rem;line-height:3.5rem;font-weight: 550}
    .department-ul li .info{padding: 20px;}
    .department-ul li .info p{font-size: 1.4rem;line-height:2.2rem;min-height:90px;margin-bottom: 10px;}
    .department-ul li .info a{width:60%;margin:0 auto 25px auto;font-size:1.5rem}
    .department-ul .slick-dots{position: absolute;width: 100%;left: 0;bottom:40px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .department-ul .slick-dots li{margin:5px!important;border: none;border-radius: 50%;width:8px!important;height: 8px;padding: 0!important;background-color: rgba(0,0,0,0.1)}
    .department-ul .slick-dots li button{padding: 0;border: none;margin: 0;}
    .department-ul .slick-dots li.slick-active{background-color:var(--color-4) }
    .department-ul .slick-dots li button:before {font-size:0.8rem;color:#000;opacity: 0;left:50%;margin-left: -0.4rem;top:0;}
    .department-ul .slick-dots li.slick-active button:before {opacity: 0;color: var(--color-4)}
}


/*about-sb*/
.about-sb{padding:60px 0;background-color:var(--color-7);}
.about-sb .swiper-container{padding:30px 0 60px 0;margin: 0 auto;}
.about-sb .swiper-wrapper{width: 1200px;margin: 0 auto;}
.about-sb .swiper-slide {width:700px;transition-timing-function:linear;}
.about-sb .swiper-slide img{width:100%;border-radius:15px;}
@media only screen and (max-width:1440px){
    .about-sb .swiper-slide {width:600px;}
}
@media only screen and (max-width:992px){
    .about-sb{padding:10px 0;}
    .about-sb .section-title{padding:30px 10px 0 10px;}
    .about-sb .swiper-container{width: 100%;padding:20px 0 40px 0;}
    .about-sb .swiper-wrapper{width: 100%;}
    .about-sb .swiper-slide {width:320px;}
    .about-sb .swiper-slide img{ width:100%;border: 8px solid #fff;border-radius:30px;}
}
.about-sb .swiper-button-next, .swiper-button-prev{
    width:80px;
    height:100px;
    background-size:86px 112px;
    margin-top:-40px;
    outline:none;
    font-size: 0;
    color: transparent;
}
@media only screen and (max-width:992px){
    .about-sb .swiper-button-next, .swiper-button-prev{
        width:40px;
        height:50px;
        background-size:43px 56px;
        margin-top:-20px;
    }
}
.about-sb .swiper-button-next{background-image: url(../image/next.svg)}
.about-sb .swiper-button-prev{background-image: url(../image/prev.svg)}
.about-sb .swiper-pagination-bullet{
    background:none;
    opacity:1;
    margin:0 6px !important;
    width:12px;
    height:12px;
    position:relative;
    outline:none;
    vertical-align:middle;}
.about-sb .swiper-pagination-bullet span{
    width:5px;
    height:5px;
    background:#868e96;
    display:block;
    border-radius:50%;
    margin-top:3px;
    margin-left:3px;
}
.about-sb .swiper-pagination-bullet i{
    background:var(--color-4);
    height:1px;
    width:20px;
    position:absolute;
    top:4px;
    transform:scaleX(0);
    transform-origin:left;
    z-index:3;
    transition-timing-function:linear;
}
.about-sb .swiper-pagination-bullet-active span,.about-sb .swiper-pagination-bullet:hover span{
    width:9px;
    height:9px;
    margin-top:0;
    margin-left:0;
    background:var(--color-4);
    position:relative;
    z-index:1;
}
.about-sb .swiper-pagination-bullet-active i{ animation:middle 6s;}
.about-sb .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{animation:first 6s;}
.about-sb .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation:last 6s;}
@keyframes first{
    0% {transform:scaleX(0.5);left:0px;}/*091*/
    100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
    0% {transform:scaleX(0.7);left:-10px;}/*1090*/
    20% {transform:scaleX(0.3);left:2px;} /*090*/
    100% {transform:scaleX(0.3);left:0px;} /*090*/
}
@keyframes middle{
    0% {transform:scaleX(0.7);left:-10px;}/*1091*/
    20% {transform:scaleX(0.45);left:2px;}/*092*/
    100% {transform:scaleX(1);left:2px;} /*0913*/
}

.news{width: 100%;padding:60px 0 0 0;background-color:#f1f3f5;}
.news-ul{padding:0 0 50px 0;width: 100%;margin: 0 -20px}
.news-ul li{display: block;margin: 25px 20px;outline:none;}
.news-ul li a{
    display: block;
    padding:50px 30px;
    border-radius:60px;border-top-left-radius: 0;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow:0 8px 15px 0 rgba(50, 50, 50, 0.05);
    box-shadow:0 8px 15px 0 rgba(50, 50, 50, 0.05);outline: none;
}
.news-ul li a:hover{transform: translateY(-10px);-webkit-transform: translateY(-10px)}
.news-ul li .time{text-align: center;width:70px;position: relative;top:-20px;background-color:#f1f3f5;border-radius:10px;overflow: hidden}
.news-ul li .time span{display: block;font-size: 35px;font-weight: 550;background-color:var(--color-4);color: #fff;font-family: DINPro-Bold}
.news-ul li .time p{font-size: 14px;font-weight: 400;line-height:25px;}
.news-ul li .info{min-height: 120px;position: relative;}
.news-ul li .info h6{font-size:22px;line-height:32px;font-weight:500;color: #343a40;margin-bottom:10px;height:68px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.news-ul li .info:after{content: '';width: 50px;height: 2px;background-color:var(--color-4);position: absolute;left: 0;bottom: -20px;}
.news-ul li .info p{font-size: 15px;line-height: 25px;color:#495057;margin-bottom: 20px;font-weight:400;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    font-family: "Microsoft YaHei", "Roboto", sans-serif;}
.news-ul li a:hover .info h6{color: var(--color-4)}
.news-ul .NextArrow,.news-ul .PrevArrow{
    position: absolute;
    width: 40px;
    height:40px;border-radius: 50%;
    line-height:40px;
    background:transparent;border: none;top:50%;margin-top: -20px;
    text-align: center;
    z-index: 999;
    outline: none;
}
.news-ul .NextArrow i,.news-ul .PrevArrow i{font-size:3rem;color:#868e96;font-weight: 400;}
.news-ul .NextArrow:hover i,.news-ul .PrevArrow:hover i{color:#495057;}
.news-ul .NextArrow{right:-40px;transform: rotate(-180deg)}
.news-ul .PrevArrow{left:-40px;}
@media (max-width: 1440px) {
    .news{padding:50px 0 0 0;}
    .news-ul li .time{width:60px;}
    .news-ul li .time span{font-size: 30px;}
    .news-ul li .info h6{font-size:16px;line-height:25px;}
}
@media (max-width: 991px) {
    .news{padding:10px 0;width: 100%;}
    .news .section-title{padding:30px 10px 0 10px;}
    .news-ul{padding:0;width: 100%!important;margin:0!important;position: relative}
    .news-ul li{margin:20px 10px 20px 10px;width:auto;}
    .news-ul li a{border-radius:30px;border-top-left-radius: 0;padding:40px 20px 20px 20px;min-height:auto;-webkit-box-shadow:0 2px 5px 0 rgba(50, 50, 50, 0.05);box-shadow:0 2px 5px 0 rgba(50, 50, 50, 0.05);}
    .news-ul li a:hover{transform: translateY(0);-webkit-transform: translateY(0)}
    .news-ul li .time{width:70px;top:-20px;}
    .news-ul li .time span{font-size: 3rem;}
    .news-ul li .time p{font-size: 1.2rem;line-height:2.2rem}
    .news-ul li .info{min-height: 150px;bottom: 10px;}
    .news-ul li .info h6{font-size:1.6rem;line-height:2.2rem;height: auto}
    .news-ul li .info:after{width: 30px;height:1px;bottom: -10px;}
    .news-ul li .info p{font-size: 1.4rem;line-height:2rem;margin-bottom: 10px;}
    .news-ul .slick-dots{position: absolute;width: 100%;left: 0;bottom:30px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .news-ul .slick-dots li{margin:5px!important;border: none;border-radius: 50%;width:8px!important;height: 8px;padding: 0!important;background-color: rgba(0,0,0,0.1)}
    .news-ul .slick-dots li button{padding: 0;border: none;margin: 0;}
    .news-ul .slick-dots li.slick-active{background-color:var(--color-4) }
    .news-ul .slick-dots li button:before {font-size:0.8rem;color:#000;opacity: 0;left:50%;margin-left: -0.4rem;top:0;}
    .news-ul .slick-dots li.slick-active button:before {opacity: 0;color: var(--color-4)}
}


.vcr{padding:60px 0 100px 0;background-color: #fff;border-bottom-left-radius:200px;border-top-right-radius:200px;}
.vcr-ul{padding:0;margin: 0 -15px;}
.vcr-ul li{margin:25px 15px;display: block;outline: none;border-bottom-left-radius:50px;border-top-right-radius:50px;overflow: hidden;background-color: #fff;box-shadow: 0 10px 25px rgba(0,0,0,.08);-webkit-box-shadow: 0 10px 25px rgba(0,0,0,.08);}
.vcr-ul li a{display:block;padding: 0}
.vcr-ul li .img{width: 100%;height:280px;position: relative;overflow: hidden;}
.vcr-ul li .img:after{content: '';width: 100%;height: 100%;background-color:rgba(0,0,0,0.45);z-index: 1;position: absolute;left: 0;top:0;}
.vcr-ul li .img img{width: 100%;}
.vcr-ul li .img i{font-size:8rem;line-height:280px;color:var(--color-4);width: 100%;height: 100%;text-align: center;position: absolute;left: 0;top:0;z-index: 2}
.vcr-ul li .info{text-align: center;padding:15px 10px;}
.vcr-ul li .info p{font-size: 18px;font-weight: 500;color: #495057;}
.vcr-ul .NextArrow,.vcr-ul .PrevArrow{
    position: absolute;
    width: 40px;
    height:40px;border-radius: 50%;
    line-height:40px;
    background:transparent;border: none;top:50%;margin-top: -20px;
    text-align: center;
    z-index: 999;
    outline: none;
}
.vcr-ul .NextArrow i,.vcr-ul .PrevArrow i{font-size:3rem;color:#868e96;font-weight: 400;}
.vcr-ul .NextArrow:hover i,.vcr-ul .PrevArrow:hover i{color:#495057;}
.vcr-ul .NextArrow{right:-40px;transform: rotate(-180deg)}
.vcr-ul .PrevArrow{left:-40px;}

.zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:rgba(0,0,0,0.8); display:none; z-index:99999;}
.tc_video{ width:900px; height:500px; position:fixed; left:50%; top:50%; margin:-250px 0 0 -450px; background:white; display:none; z-index:100000;}
.tc_video video, .tc_video p{ width:100%; height:auto; position:absolute; left:0; top:0;}
.tc_video p iframe{width:100%; height:100%;}
@media (max-width: 1440px) {
    .vcr{padding:50px 0 80px 0;}
    .vcr-ul li .img{width: 100%;height: 250px;}
    .vcr-ul li .img i{font-size:7rem;line-height: 250px;}
    .vcr-ul li .info{padding:10px 10px;}
    .vcr-ul li .info p{font-size: 16px;}
}
@media  screen and (max-width:991px){
    .vcr{padding:20px 0;border-bottom-left-radius:60px;border-top-right-radius:60px;}
    .vcr .section-title{padding: 20px 10px 0 10px;}
    .vcr-ul{padding:0;width:100%;position: relative;margin: 0;}
    .vcr-ul li{box-shadow: 0 5px 15px rgba(0,0,0,.08);-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.08);border-bottom-left-radius:30px;border-top-right-radius:30px;margin: 10px 15px 20px 15px;}
    .vcr-ul li:last-child{display: none;}
    .vcr-ul li .img{height:150px;border-top-right-radius:30px;}
    .vcr-ul li .img i{font-size:6rem;line-height:150px;}
    .vcr-ul li .info{padding:10px 10px;}
    .vcr-ul li .info p{font-size: 1.5rem;}
    .vcr-ul .slick-dots{position: absolute;width: 100%;left: 0;bottom:-10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .vcr-ul .slick-dots li{margin:5px!important;border: none;border-radius: 50%;width:8px!important;height: 8px;padding: 0!important;background-color: rgba(0,0,0,0.1)}
    .vcr-ul .slick-dots li button{padding: 0;border: none;margin: 0;}
    .vcr-ul .slick-dots li.slick-active{background-color:var(--color-4) }
    .vcr-ul .slick-dots li button:before {font-size:0.8rem;color:#000;opacity: 0;left:50%;margin-left: -0.4rem;top:0;}
    .vcr-ul .slick-dots li.slick-active button:before {opacity: 0;color: var(--color-4)}
    .tc_video{ width:760px; height:300px; margin:-150px 0 0 -380px;}
}
@media  screen and (max-width:767px){
    .tc_video{ width:90%; height:250px; margin:-125px 0 0 0; left:5%;}
}

.dianping{width: 100%;padding:80px 0 50px 0;background-color: #fff;border-top-right-radius:300px;border-bottom-right-radius:300px}
.dianping-ul{width: 100%;padding:20px 0;margin: 0 -15px;}
.dianping-ul li{margin:20px 15px;background-color:#f8f9fa;border-radius:20px;overflow: hidden;}
.dianping-ul li .img{
    padding: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content: space-between;
}
.dianping-ul li .img img{width:49%;border-radius: 8px;object-fit: cover;}
.dianping-ul li .info{padding:25px 20px 0 20px;}
.dianping-ul li .info p{font-size: 16px;line-height: 22px;color:#495057;min-height:60px;font-weight: 400}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
    .dianping-ul li .info{padding:20px;}
    .dianping-ul li .info p{min-height: 100px;}
}
@media  screen and (max-width:767px){
    .dianping{padding:30px 0 20px 0;border-top-right-radius:100px;border-bottom-right-radius:0;border-bottom-left-radius: 50px}
    .dianping-ul{width: 100%;padding:10px 0 10px 0;margin:0;}
    .dianping-ul li{margin:10px 0;}
    .dianping-ul li .info p{font-size: 1.4rem;line-height:2.2rem;min-height:auto;}
}
.dianping-ul li.slick-active{-webkit-animation: fadeIn 1s both;animation: fadeIn 1s both;}
.dianping-ul li.slick-active .img{-webkit-animation: fadeInUp 1s both 0.2s;animation: fadeInUp 1s both 0.2s;}
.dianping-ul li.slick-active .info p{-webkit-animation: fadeInUp 1s both 0.4s;animation: fadeInUp 1s both 0.4s;}
.dianping-ul li.slick-active .info h6{-webkit-animation: fadeInUp 1s both 0.6s;animation: fadeInUp 1s both 0.6s;}
.dianping-ul .NextArrow,.dianping-ul .PrevArrow{
    position: absolute;
    width: 35px;
    height:35px;border-radius: 50%;
    line-height:35px;background-color:var(--color-3);
    border: none;top:-10px;
    text-align: center;
    z-index: 999;
    outline: none;
}
.dianping-ul .NextArrow i,.dianping-ul .PrevArrow i{font-size:2rem;color:#fff;font-weight: 400;}
.dianping-ul .NextArrow:hover i,.dianping-ul .PrevArrow:hover i{color:#fff;}
.dianping-ul .NextArrow{right:15px;transform: rotate(-180deg)}
.dianping-ul .PrevArrow{right:65px;}
.dianping-ul .slick-dots{position: absolute;width: 100%;left: 0;bottom:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.dianping-ul .slick-dots li{margin:8px!important;border: none;border-radius: 50%;width:10px!important;height: 10px;padding: 0!important;background:none;background-color: rgba(0,0,0,0.2);}
.dianping-ul .slick-dots li button{padding: 0;border: none;margin: 0;}
.dianping-ul .slick-dots li.slick-active{background-color:var(--color-3)}
.dianping-ul .slick-dots li button:before {font-size:0.8rem;color:#212529;opacity: 0;left:50%;margin-left: -0.4rem;top:0;}
.dianping-ul .slick-dots li.slick-active button:before {opacity: 0;color:var(--color-3);}
@media  screen and (max-width:767px){
    .dianping-ul .NextArrow,.dianping-ul .PrevArrow{top:-35px;}
    .dianping-ul .slick-dots li{margin:5px!important;width:6px!important;height:6px;}

}