@charset "utf-8";
body{background-color: #f1f3f5}
/*updown*/
.updown {position: absolute;bottom:30px;right: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: 100%;}
.index-banner {width: 100%;height: 100%;}
.index-banner .item {
    width: 100%;
    height:100vh;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    background-color: #212529;
}
.index-banner .item:after{content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,0.45);position: absolute;left: 0;top:0;z-index: 1;}
.index-banner .item .text {
    align-items: center;
    text-align: left;
    padding: 18% 100px 0 100px;
    position: absolute;z-index: 9;width: 100%;height: 100%;left: 0;top:0;
}
.index-banner .item h4 {
    font-size: 72px;
    letter-spacing: 3px;
    line-height:80px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 50px;
    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 p {
    display: block;
    color: #fff;
    font-size: 32px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 300;
    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{color:#fff;font-size:18px;margin-right: 20px;text-align: center;font-weight: 500;display: inline-block;text-transform: uppercase;border-radius:30px;width:200px;line-height: 60px;background-color: #00639a;}
.index-banner .item a i{font-size:2rem;margin-left:5px;font-weight: 300}
.index-banner .item a:last-child{margin-right: 0;background-color: transparent;border: 2px solid #fefcf0;line-height: 54px;color: #fefcf0}
@media (max-width: 1440px) {
    .updown {bottom:0;right:60px;}
    .index-banner .item .text {padding:20% 80px 0 80px;}
    .index-banner .item h4 {font-size:60px;margin-bottom: 30px;line-height:60px}
    .index-banner .item p {font-size: 30px;margin-bottom: 60px;line-height: 30px}
    .index-banner .item a{width: 160px;line-height: 50px;font-size: 16px;}
    .index-banner .item a:last-child{border: 2px solid #fff;line-height: 46px;}
    .index-banner .item a i{font-size:2rem;}
}
@media (max-width: 991px) {
    .updown{display: none}
    .banner{padding-top:60px;width: 100%;height:400px;}
    .index-banner {width: 100%;height: 350px}
    .index-banner .item {background-size: cover;position: center;height: 350px;width: 100%;}
    .index-banner .item .text {padding:20% 10px 0 10px;text-align: center;}
    .index-banner .item h4 {font-size: 2.5rem!important;margin-bottom:20px!important;line-height:2.5rem;letter-spacing: 0!important;}
    .index-banner .item p {font-size: 1.6rem!important;margin-bottom:40px!important;line-height:2.6rem;letter-spacing: 0!important;}
    .index-banner .item a{font-size:1.4rem;margin-right: 10px;width:130px;line-height:45px;}
    .index-banner .item a i{font-size:1.6rem;margin-left:2px;}
    .index-banner .item a:last-child{line-height: 41px;}
    .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:1px;bottom:100px;width:250px;left:50px;padding: 0;list-style-type: none;}
.index-banner .slick-dots li button {display: none;}
.index-banner .slick-dots li {width:80px;height:1px;background-color:rgba(255,255,255,0.2);}
.index-banner .slick-dots li:last-child{margin-right: 0;}
.index-banner .slick-dots li.slick-active {background-color:rgba(255,255,255,0.9);}
@media (max-width: 1440px) {
    .index-banner .slick-dots {bottom:60px;left:30px;}
}
@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;}
}
.title{width: 100%;text-align: center;}
.title h4{font-size:40px;color:#00639a;padding: 0;text-transform: uppercase;position: relative;font-weight:550;margin-bottom: 10px;}
.title h4:after{content: '';width:50px;height:2px;background-color:#00639a;position: absolute;bottom:-20px;left:50%;margin-left: -25px;}
@media (max-width: 1440px) {
    .title h4{font-size:30px;}
    .title h4:after{width:40px;height:2px;margin-left: -20px;}
}
@media (max-width: 991px) {
    .title h4{font-size:2.5rem;margin-bottom:5px;}
    .title h4:after{bottom:-15px;}
}

.tech{padding:80px 0 50px 0;background-color: #fff;}
.tech-info{padding:50px 0 30px 0}
.tech-info .img{width:48%;margin-right:2%;position: relative;border-top-left-radius:100px;border-bottom-right-radius:100px;overflow: hidden}
.tech-info .img img{width: 100%;position: relative;z-index: 1;}
.tech-info .img p{display: block;width: 100%;height: 100%;padding:150px 50px 0 50px;position: absolute;left: 0;top:0;z-index: 2;text-align: center;
font-size:40px;font-weight: 500;color: #fff;background-color: rgba(0,99,154,0.8);}
.tech-info .img p a{display: block;margin: 50px auto;width: 160px;line-height: 50px;font-size: 18px;text-align: center;background-color:#fff;color: #183378;border-radius: 25px}
.tech-info .info{width:48%;margin-left:2%;border-bottom-left-radius:100px;border-top-right-radius:100px;overflow: hidden;background-color:rgba(0,99,154,0.1);padding: 50px 50px 30px 50px;}
.tech-info .info h6{font-size: 30px;line-height: 40px;font-weight: 500;margin-bottom:10px;color: #495057}
.tech-info .info p{font-size: 18px;font-weight: 400;color: #495057;line-height:32px;margin-bottom:30px;}
.tech-info .tech-ul{width: 100%;padding-top: 10px;}
.tech-info .tech-ul li{font-size: 18px;line-height: 30px;color:#00639a;font-weight: 500;min-height: 80px;
    padding: 25px 20px 10px 20px;margin: 20px 10px;display: block;position: relative;background-color: #fff;
    border-top-right-radius: 30px;border-bottom-left-radius: 30px;}
.tech-info .tech-ul li i{display: block;position: absolute;top:-12px;left: -6px;
    width: 32px;height: 32px;border-radius: 50%;text-align: center;line-height: 32px;
    background-color:#00639a;color: #fff;font-style: normal;font-size: 16px;
}
.tech-info .tech-ul li:last-child{margin-right: 0;}
.tech-ul .NextArrow,.tech-ul .PrevArrow{
    position: absolute;
    width: 30px;
    height:30px;border-radius: 50%;
    line-height:30px;
    background:transparent;border: none;top:50%;margin-top: -15px;
    text-align: center;
    z-index: 999;
    outline: none;
}
.tech-ul .NextArrow i,.tech-ul .PrevArrow i{font-size:2.5rem;color:#00639a;font-weight: 400;}
.tech-ul .NextArrow:hover i,.tech-ul .PrevArrow:hover i{color:#00639a;}
.tech-ul .NextArrow{right:-30px;transform: rotate(-180deg)}
.tech-ul .PrevArrow{left:-30px;}
@media (max-width: 1440px) {
    .tech{padding:50px 0 20px 0;}
    .tech-info{padding:50px 0}
    .tech-info .img p{padding:100px 30px 0 30px;font-size:30px;}
    .tech-info .img p a{margin: 30px auto;width: 140px;line-height:45px;font-size: 16px;}
    .tech-info .info{padding:40px 40px 20px 40px;}
    .tech-info .info h6{font-size: 22px;line-height: 30px;margin-bottom: 10px;}
    .tech-info .info p{font-size: 14px;line-height:22px;margin-bottom:20px;}
    .tech-info .tech-ul{width: 100%;padding-top: 0;}
    .tech-info .tech-ul li{font-size: 16px;line-height: 25px;min-height: 70px;padding: 22px 18px 10px 18px;}
    .tech-ul .NextArrow{right:-25px;}
    .tech-ul .PrevArrow{left:-25px;}
}
@media (max-width: 991px) {
    .tech{padding:25px 0;width: 100%;margin-top: 10px}
    .tech-info{padding:30px 0 0 0;flex-wrap: wrap}
    .tech-info .img{width:100%;margin-right:0;margin-bottom: 5%;border-top-left-radius:40px;border-bottom-right-radius:40px;}
    .tech-info .img p{padding:50px 20px 0 20px;font-size:2.2rem;}
    .tech-info .img p a{margin:20px auto;width: 130px;line-height:45px;font-size: 1.4rem;}
    .tech-info .info{width:100%;margin-left:0;border-bottom-left-radius:40px;border-top-right-radius:40px;padding:25px 25px 10px 25px;}
    .tech-info .info h6{font-size:1.8rem;line-height:2.8rem;}
    .tech-info .info p{font-size: 1.5rem;line-height:2.2rem;margin-bottom:20px;}
    .tech-info .tech-ul{width: 100%;}
    .tech-info .tech-ul li{font-size: 1.6rem;line-height:2.5rem;min-height:auto;padding:20px;margin: 20px 20px;text-align: center}
    .tech-info .tech-ul li i{font-size: 1.5rem}
    .tech-ul .NextArrow{right:-15px;}
    .tech-ul .PrevArrow{left:-15px;}
}

/*product*/
.product{width: 100%;background-color:#f1f3f5;position: relative;padding:80px 0;}
.product:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;background-color: rgba(0,0,0,0.05);z-index: 1;}
.product .title{position: relative;z-index: 10;}
.product .swiper-container{position: relative;z-index: 10}
.product .items{align-items: center;}
.product .items-left{width: 48%;min-height:490px;position:relative;padding:30px 0 0 100px;opacity: 0;background-color: rgba(0,99,154,0.8);border-top-right-radius:300px;border-bottom-right-radius:300px;}
.product .items-right{width: 45%;margin-right: 3%;min-height:490px;overflow: hidden;opacity: 1;padding:30px 0 0 0;background-color: #fff;border-radius: 300px;border-top-left-radius:300px;border-bottom-left-radius:300px;}
.product .items-left .info{padding:50px 50px 50px 0;opacity: 0}
.product .items-left .info h4{font-size: 36px;font-weight: 550;color: #fff;margin-bottom:30px;}
.product .items-left .info p{font-size: 22px;line-height:45px;font-weight:400;margin-bottom:80px;width:100%;color:#fff;}
.product .items-left .info a{display: block;width: 160px;line-height: 50px;font-size: 18px;text-align: center;background-color:#fff;color: #00639a;border-radius: 25px}
.product .items-left .info a:hover{width: 180px;}
.product .items-left .info a i{font-size:2.2rem;margin-left:10px;}
.product .items-left .info a:hover i{margin-left: 20px;}
.product .swiper-slide-active .items-left{opacity: 1;}
.product .swiper-slide-active .items-left .info{opacity: 1;}
.product .swiper-slide-active .items-left .info h4{-webkit-animation: fadeInUp 1s both 0.1s;animation: fadeInUp 1s both 0.1s;}
.product .swiper-slide-active .items-left .info p{-webkit-animation: fadeInUp 1s both 0.5s;animation: fadeInUp 1s both 0.5s;}
.product .swiper-slide-active .items-left .info a{-webkit-animation: fadeInUp 1s both 1s;animation: fadeInUp 1s both 1s;}
.product .swiper-slide-active .items-right .info{opacity: 1;}
.product .swiper-slide-active .items-right .info{-webkit-animation: fadeInRight 1s both 0.5s;animation: fadeInRight 1s both 0.5s;}
.product .items-right .info{text-align: center;opacity: 0;}
.product .items-right .info img{width:auto;height:400px;}
.product .swiper-button-prev, .product .swiper-button-next {z-index: 9;width:60px;height:60px;outline: none;transition:.5s ease-in-out;opacity: 1;border-radius: 50%;border:2px solid #00639a;line-height:55px;text-align:center;}
.product .swiper-button-prev i, .product .swiper-button-next i{font-size:3.2rem;color:#00639a;}
.product .swiper-button-prev:hover, .product .swiper-button-next:hover{transition: .5s ease-in-out;}
.product .swiper-button-prev,.product .swiper-button-next{background-image:none;}
.product .swiper-button-prev:hover,.product .swiper-button-next:hover{background-color:#00639a;outline: none;}
.product .swiper-button-prev:hover i,.product .swiper-button-next:hover i{color: #fff;}
.product .swiper-button-prev{background-color:#00639a;}
.product .swiper-button-prev i{color: #fff;}
.product .buttons{width: 130px;height:60px;position: absolute;left:0;right: 0;margin: auto auto auto auto;bottom:50px;z-index: 9;}
#pro-video {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: transparent;object-fit: cover;}
@media (max-width: 1440px) {
    .product .items{padding: 30px 0}
    .product .items-left{padding:30px 0 0 80px;min-height:390px;}
    .product .items-right{min-height:390px;padding:30px 0;}
    .product .items-left .info{padding:30px 50px 30px 0;}
    .product .items-left .info h4{font-size: 30px;margin-bottom: 20px;}
    .product .items-left .info p{font-size: 16px;line-height:32px;margin-bottom:60px;}
    .product .items-left .info a{line-height: 45px;font-size: 16px;width: 140px;}
    .product .items-left .info a:hover{width: 160px;}
    .product .items-left .info a i{font-size:2rem;margin-left:5px;}
    .product .items-right .info img{height:330px;}
    .product .swiper-button-prev, .product .swiper-button-next {width:50px;height:50px;line-height:45px;}
    .product .swiper-button-prev i, .product .swiper-button-next i{font-size:2.5rem;}
    .product .buttons{width:110px;height:50px;bottom:50px;}
}
@media screen and (max-width: 991px){
    .product{padding:0 25px;background-color:#fff;margin-bottom: 10px;}
    .product:after{background-color: rgba(0,0,0,0)}
    .product .items{height:auto;flex-wrap: wrap;}
    .product .items-left{width: 100%;min-height:auto;background-color:transparent;;padding:0;order: 3;text-align: center;border-radius: 0}
    .product .items-left .info{padding:0;}
    .product .items-left .info h4{font-size:2.2rem;color: #00639a;margin-bottom:10px;}
    .product .items-left .info p{font-size:1.5rem;line-height:2.5rem;margin-bottom:20px;color:#495057;}
    .product .items-left .info a{width: 130px;line-height: 40px;font-size:1.4rem;margin: 0 auto;background-color:#00639a;color: #fff }
    .product .items-left .info a:hover{width: 150px;}
    .product .items-left .info a:hover i{margin-left: 10px;}
    .product .items-right{width: 100%;padding:0;order: 1;background-color: transparent}
    .product .items-right{margin-right:0;min-height:auto;padding:0;border-radius: 0;}
    .product .items-right .info img{width:70%;height:auto;}
    .product .swiper-button-prev, .product .swiper-button-next {width:40px;height:40px;line-height:35px;}
    .product .swiper-button-prev i, .product .swiper-button-next i{font-size:2rem;}
    .product .buttons{width: 100%;height:50px;bottom:unset;margin: -80px 0 0 auto;top:50%;}
    #pro-video {display: none}
}

.about{width: 100%;padding:100px 0 0 0;background-color:#fff;position: relative;}
.about .title{text-align:left;margin-bottom: 50px;}
.about .title h4:after{left:0;margin-left:unset;}
.about-info{align-items: flex-start;}
.about .info{width: 50%;padding:0 50px 0 0;}
.about .info p{font-size:18px;line-height:36px;color:#495057;font-weight: 400;margin-bottom:20px; }
.about .img{width: 50%;text-align: right;position: relative;}
.about .img img{width: 100%;position: relative;z-index: 1;}
.about .img p{display: block;width: 100%;height: 100%;padding:120px 50px 0 50px;position: absolute;left: 0;top:0;z-index: 2;text-align: center;
    font-size:40px;line-height:60px;font-weight: 500;color: #fff;background-color: rgba(0,99,154,0.8);}
.about .img p span{display: block;font-size: 25px;font-weight: 450;padding-top: 10px;}
.about .img p a{display: block;margin: 50px auto;width: 160px;line-height: 50px;font-size: 18px;text-align: center;background-color:#fff;color:#00639a;border-radius: 25px}
.about .about-ul{padding:0}
.about .about-ul li{width: 23.5%;margin-right: 2%;text-align: center;}
.about .about-ul li a{display: block;}
.about .about-ul li:last-child{margin-right: 0;}
.about .about-ul li i{font-size: 3rem;line-height: 3rem;font-weight: 550;color:#00639a;margin-bottom:15px;display: block;}
.about .about-ul li p{font-size: 18px;line-height: 20px;font-weight: 500;display: block;color:#00639a;margin-bottom: 0; }
.about .about-ul li:hover{transform: scale(0.9);-webkit-transform: scale(0.9);}
@media (max-width: 1600px) {
    .about{padding:60px 0;}
    .about .info p{font-size: 15px;line-height:25px;margin-bottom:20px; }
    .about .img p{padding:80px 30px 0 30px;font-size:30px;line-height:50px;}
    .about .img p span{font-size: 18px;}
    .about .img p a{margin: 30px auto;width: 140px;line-height: 45px;font-size: 15px;}
    .about .about-ul{padding:10px 0 0 0;}
    .about .about-ul li i{font-size: 2.5rem;line-height:2.5rem;margin-bottom:10px;}
    .about .about-ul li p{font-size: 15px;line-height: 20px;}
}
@media (max-width: 991px) {
    .about{padding:25px 0;border-bottom-left-radius:50px;width: 100%;}
    .about .title{margin-bottom:50px;}
    .about-info{flex-wrap: wrap;padding: 0 5px;}
    .about .info{width: 100%;padding:0;margin-bottom: 20px;}
    .about .info p{font-size: 1.5rem;line-height:2.5rem;margin-bottom:20px; }
    .about .img{width: 100%;text-align: center;border-bottom-left-radius:40px;border-top-right-radius:40px;}
    .about .img p{padding:40px 20px 10px 20px;font-size:1.8rem;line-height:2.8rem;font-weight: 550}
    .about .img p span{font-size: 1.5rem;}
    .about .img p a{margin:20px auto;width: 130px;line-height:45px;font-size:1.4rem;}
    .about .about-ul li i{font-size: 3.5rem;line-height: 3.5rem;margin-bottom:10px;}
    .about .about-ul li p{font-size: 1.4rem;line-height: 2.2rem;}
}
.about .img video {
    width: 100%;
    background: #fff;
}

.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  screen and (max-width:991px){
    .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%;}
}
.news{width: 100%;padding:50px 0 0 0;background-color:#f1f3f5}
.news-ul{padding:25px 0 50px 0;width: 100%;}
.news-ul li{display: block;margin: 25px 20px;}
.news-ul li a{
    display: block;
    padding:50px 30px;
    position: relative;
    border-radius:25px;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);
}
.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;}
.news-ul li .time span{display: block;font-size: 35px;font-weight: 550;background-color:#00639a;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:18px;line-height:25px;font-weight:500;color: #343a40;margin-bottom:10px;
    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: #00639a;position: absolute;left: 0;bottom: -15px;}
.news-ul li .info p{font-size: 14px;line-height: 22px;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: #00639a}
.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:20px 0 0 0;width: 100%;}
    .news-ul{padding:10px 0;width: 100%;}
    .news-ul li{margin:20px 0;}
    .news-ul li a{padding:50px 30px 0 30px;min-height:250px;-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 .time{width:70px;top:-20px;}
    .news-ul li .time span{font-size: 3rem;}
    .news-ul li .time p{font-size: 1.4rem;line-height:2.2rem}
    .news-ul li .info{min-height: auto;}
    .news-ul li .info h6{font-size:1.5rem;line-height:2.5rem;}
    .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 .NextArrow,.news-ul .PrevArrow{width: 30px;height:30px;line-height:30px;;margin-top:-15px;}
    .news-ul .NextArrow i,.news-ul .PrevArrow i{font-size:2.5rem;}
    .news-ul .NextArrow{right:0;)}
    .news-ul .PrevArrow{left:0;}
}