@charset "utf-8";
html,body{font-family: "思源黑体 CN";font-weight: 400;}
/*hide scroll*/
/* html,body{-ms-overflow-style: none;} */
::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:var(--lineColor3);}
::-webkit-scrollbar {width:3px;height:10px;}
::-webkit-scrollbar-thumb {background:var(--mainColor);background-clip:padding-box;min-height:28px;cursor: pointer;}
::-webkit-scrollbar-thumb:hover {background:var(--mainColor);} 
::-webkit-scrollbar-button {
    width: 3px;
    height: 10px;
}

a{text-decoration: none;}

.box {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.box_con {
    box-sizing: border-box;
    max-width: 1340px;
    margin: 0 auto;
}
.box_cons {
    padding: 0 160px;
    box-sizing: border-box;
}
img{
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 滤镜-图片变纯黑 */
.img-black{filter: brightness(0);}
/* 滤镜-图片变纯白 */
.img-white{filter: brightness(0) invert(1);}

/* header */
/* background: rgba(255, 255, 255, 0.96); */
header{position: absolute;top: 0;left: 0;right: 0;z-index: 9;padding-top: 40px;transition: all 0.5s;}
.head_con{justify-content: space-between;align-items: center;}
header h1{max-width: 200px;line-height: 70px;}
header h1 img{display: block;}
header .head_right{width: auto;align-items: center;}
header .head_right .head_nav ul li a{display: block;font-size: 20px;padding: 0 20px;color: #fff;line-height: 70px;}
header .head_right .head_nav ul li.active a{color: #0c64ed;}
.search{position: relative;margin-left: 20px;}
.search_ico{width: 80px;height: 40px;border: 1px solid #fff;border-radius: 40px;background: rgba(255, 255, 255, 0.1) url(../images/search_icon.png) no-repeat center;cursor: pointer;}
.search_bd{position: absolute;top: 55px;right: 0;display: none;}
.search_bd form{background: #eee;height: 40px;border-radius: 4px;display: flex;overflow: hidden;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);}
.search_bd form input{height: 100%;line-height: 40px;border: none;background: none;text-indent: 0.5em;}
.search_bd form button{width: 60px;height: 40px;background: #0c64ed  url(../images/search_icon.png) no-repeat center;border: none;border: 4px;}
.fixed header{position: fixed;padding-top: 0;background: rgba(12,100,237,0.6);transition: all 0.5s;}

/* footer */
footer{padding-top: 40px;background: #f2f2f2;}
.foot_top,
.foot_center{width: 100%;justify-content: space-between;}
.foot_top{border-bottom: 1px solid #ddd;padding-bottom: 60px;margin-bottom: 60px;    align-items: center;}
.foot_top h2{font-size: 36px;font-weight: bold;color: #222;}
.foot_top a{display: flex;align-items: center;justify-content: center;width: 340px;line-height: 80px;background: #0c64ed;color: #fff;font-size: 24px;text-align: center;border-radius: 18px;}
.foot_top a span{display: block;width: 8px;height: 12px;background: url(../images/jt_icon.png) no-repeat;margin-left: 110px;filter: brightness(0) invert(1);}
.foot_center dl{width: calc(100% - 68%);}
.foot_center dl dt{margin-bottom: 30px;}
.foot_center dl dt p{font-size: 16px;color: #666;}
.foot_center dl dt b{font-size: 48px;font-weight: bold;color: #0c64ed;}
.foot_center dl dd p{font-size: 16px;color: #666;margin-bottom: 10px;}
.foot_center dl dd p span{display: inline-flex;width: calc(100% - 90px);color: #222;}
.foot_center ul{width: 65%;}
.foot_center ul li{width: calc(100% / 3 - 27px);margin-right: 40px;margin-bottom: 40px;}
.foot_center ul li:nth-child(3n){margin-right: 0;}
.foot_center ul li a{display: block;border-bottom: 1px solid #ccc;font-size: 20px;font-weight: bold;color: #222;padding: 20px 20px 20px 0;position: relative;}
.foot_center ul li a em{display: block;width: 20px;height: 20px;background: url(../images/jt_icon.png) no-repeat center;filter: brightness(0);position: absolute;right: 0;top: 50%;margin-top: -10px;}
.foot_center ul li:hover a{color: #0c64ed;}
.foot_center ul li:hover a em{filter: brightness(1);}
.foot_btm{border-top: 1px solid #ddd;padding: 20px 0;margin-top: 20px;}
.foot_btm p{font-size: 14px;line-height: 36px;color: #999;}
.foot_btm p a{color: #999;}
.foot_btm p span em{line-height: 35px;width: 35px;height: 35px;display: inline-flex;border-radius: 5px;border:1px solid #222;align-items: center;justify-content: center;margin-left: 10px;}
.foot_btm p span em img{width: 23px;height: 23px;}

.gotops{opacity: 0;width: 40px;height: 40px;background: #0b64ee;text-align: center;line-height: 40px;position: fixed;bottom: 40px;right: 30px;z-index: 5;cursor: pointer;font-size: 20px;font-family: monospace;transform: rotate(-90deg);transition: all 0.5s;border-radius: 5px;}
.gotops span{background: url(../images/jt_icon.png) no-repeat center;width: 100%;height: 100%;display: block;filter: brightness(0) invert(1);}
.gotops.toshow{opacity: 1;transition: all 0.5s;}

/* 首页公共标题 */
.main_title{padding: 30px 0 0;}
.main_title p{font-size: 20px;line-height: 26px;color: #0b64ee;font-weight: bold;}
.main_title span{background: url(../images/main_title_ico.png) no-repeat;display: block;width: 54px;height: 6px;margin: 10px 0;}
.main_title h3{font-size: 50px;font-weight: bold;color: #222;line-height: 1;}
.main_title h5{font-size: 18px;line-height: 26px;color: #666;margin-top: 10px;}

.more{margin: 60px 0;}
.more a{display: block;width: 180px;line-height: 50px;border:1px solid #222;border-radius: 15px;text-align: center;color: #333;transition: all 0.5s;}
.more a span{display: inline-flex;align-items: center;font-size: 16px;font-weight: bold;text-transform: uppercase;transition: all 0.5s;}
.more a span em{display: block;width: 20px;height: 20px;background: url(../images/jt_icon.png) no-repeat center;margin-left: 30px;filter: brightness(0);}
.more a:hover{background: #0c64ed;transition: all 0.5s;border: 1px solid #0b64ee;}
.more a:hover span{filter: brightness(0) invert(1);transition: all 0.5s;}

/* banner */
.banner{width: 100%;height: 100vh;overflow: hidden;position: relative;}
.banner .swiper-slide a{display: block;width: 100%;height: 100%;transform: scale(1.1);transition: all 3.5s;}
.banner .swiper-slide-active a{transform: scale(1);transition: all 3.5s;}
.banner .swiper-pagination-banner{z-index: 2;position: absolute;width: 30px;height: 100%;right: 30px;left: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.banner .swiper-pagination-banner .swiper-pagination-bullet{width: 15px;height: 15px;background: rgba(255, 255, 255, 0.6);opacity: 1;border-radius: 50%;margin: 10px 0;}
.banner .swiper-pagination-banner .swiper-pagination-bullet-active{background: #62d8ff;border-radius: 3px;}
.banner .swiper-button-prev,
.banner .swiper-button-next{display: none;}
.banner_list{position: absolute;bottom: 60px;left: 0;right: 0;z-index: 2;}
.banner_list ul li{width: calc(100% / 3 - 33.66px);margin-right: 50px;background: rgba(255, 255, 255, 0.1);border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.6);box-sizing: border-box;line-height: 100px;transition: all 0.5s;}
.banner_list ul li:nth-child(3n){margin-right: 0;}
.banner_list ul li a{display: flex;align-items: center;height: 100px;overflow: hidden;border-radius: 10px;}
.banner_list ul li span{width: 160px;height: 160px;border-radius: 50%;background: rgba(29, 55, 101, 0.8);text-align: center;margin-left: -30px;}
.banner_list ul li span img{width: 55px;height: 55px;display: block;margin: 52px 56px;}
.banner_list ul li h3{font-size: 24px;font-weight: bold;color: #fff;background: url(../images/banner_list_ico.png) no-repeat right;width: calc(100% - 120px);margin-left: 30px;margin-right: 30px;}
.banner_list ul li:hover{transform: translateY(10px);transition: all 0.5s;}

/* about */
.about{padding: 70px 0;}
.about .mains_text{max-width: 1010px;margin: 30px 0;}
.about_list ul li{width: calc(100%/ 4 - 30px);margin-right: 40px;background: rgba(255,255,255,0.6);border-radius: 20px;box-shadow: 0 10px 20px rgba(12, 33, 89, 0.03);padding: 25px;box-sizing: border-box;}
.about_list ul li:nth-child(4n){margin-right: 0;}
.about_list ul li span{font-size: 66px;color: #0c64ed;font-weight: bold;display: block;line-height: 50px;}
.about_list ul li span b{display: inline-block;}
.about_list ul li span em{width: 50px;height: 50px;display: inline-flex;float: right;margin-top: 8px;}
.about_list ul li span sub{display: inline-block;vertical-align: initial;}
.about_list ul li p{font-size: 16px;line-height: 20px;color: #333;margin-top: 10px;}

/* service */
.service{padding-bottom: 60px;}
.service_list{padding-top: 75px;}
.service_list ul li{width: calc(100% / 4 - 30px);max-height: 720px;margin-right: 40px;position: relative;box-shadow: 0 10px 20px 10px rgba(12, 33, 89, 0.03);border-radius: 15px;}
.service_list ul li:nth-child(4n){margin-right: 0;}
.service_list ul li .pic{width: 100%;height: 100%;overflow: hidden;border-radius: 15px;}
.service_list ul li .pic img{transition: all 0.5s;}
.service_list ul li .tct{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;padding: 60px 30px;box-sizing: border-box;display: inline-flex;flex-direction: column;justify-content: flex-end;background: linear-gradient(to bottom, rgba(255,255,255,0) 30%, rgba(255,255,255,0.8) 100%);border-radius: 15px;transition: all 0.5s;}
.service_list ul li .tct span{display: block;width: 45px;height: 45px;margin-bottom: 20px;transition: all 0.5s;}
.service_list ul li .tct h3{font-size: 26px;line-height: 36px;color: #222;font-weight: bold;transition: all 0.5s;}
.service_list ul li .tct p{font-size: 14px;line-height: 26px;color: #222;margin: 15px 0;transition: all 0.5s;}
.service_list ul li .tct em{width: 50px;height: 0px;background: url(../images/jt_icon.png) no-repeat center;transition: all 0.5s;}
.service_list ul li:hover .pic img{transform: scale(1.1);transition: all 0.5s;}
.service_list ul li.active .tct,
.service_list ul li:hover .tct{background: linear-gradient(to bottom, rgba(12,100,237,0) 30%, rgba(12,100,237,0.8) 80%);transition: all 0.5s;}
.service_list ul li:hover .tct span,
.service_list ul li:hover .tct em{filter: brightness(0) invert(1);transition: all 0.5s;}
.service_list ul li:hover .tct em{height: 50px;transition: all 0.5s;box-sizing: border-box;border: 1px solid #222;border-radius: 16px;}
.service_list ul li:hover .tct p,
.service_list ul li:hover .tct h3{color: #fff;transition: all 0.5s;}

/* news */
.news .more,
.service .more{margin: -50px 0 0;position: relative;z-index: 1;}
.swiper-container-news{padding: 100px 0 150px;width: 100%;}
.swiper-container-news .swiper-slide{transform: scale(1,0.9);background: #f9f9f9;border-radius: 20px;box-shadow: 0 10px 20px 10px rgba(12, 33, 89, 0.03);}
.swiper-container-news .swiper-slide-active{transform: scale(1,1.1);background: url(../images/news_list_bg.jpg) no-repeat center;}
.swiper-container-news .swiper-slide a{display: block;padding: 30px;box-sizing: border-box;transform: scale(1,1.1);border-radius: 20px;overflow: hidden;background: #f9f9f9;box-shadow: 0 10px 20px 10px rgba(12, 33, 89, 0.03);}
.swiper-container-news .swiper-slide span{display: inline-flex;align-items: center;font-size: 14px;line-height: 20px;color: #333;}
.swiper-container-news .swiper-slide span font{background: #0b64ee;color: #fff;padding: 0 10px;border-radius: 10px;font-size: 12px;text-transform: uppercase;margin-right: 10px;}
.swiper-container-news .swiper-slide h3{font-size: 28px;font-weight: bold;color: #222;line-height: 36px;margin: 10px 0;}
.swiper-container-news .swiper-slide p{font-size: 16px;line-height: 26px;color: #999;margin-bottom: 10px;}
.swiper-container-news .swiper-slide em{font-size: 16px;line-height: 26px;font-weight: bold;color: #222;font-style: normal;text-transform: uppercase;padding-right: 20px;background: url(../images/jt_icon.png) no-repeat right;}
.swiper-container-news .swiper-slide-active a{transform: scale(1,0.9);background: none;box-shadow: none;}
.swiper-container-news .swiper-slide-active a span,
.swiper-container-news .swiper-slide-active a p,
.swiper-container-news .swiper-slide-active a h3{color: #fff;}
.swiper-container-news .swiper-slide-active a span font{background: #65d9ff;}
.swiper-container-news .swiper-slide-active a p{margin-bottom: 40px;}
.swiper-container-news .swiper-slide-active a em{filter: brightness(0) invert(1);}
.swiper-container-news .swiper-pagination-news{text-align: center;margin-top: 40px;}
.swiper-container-news .swiper-pagination-news .swiper-pagination-bullet{width: 15px;height: 15px;border-radius: 5px;}

.pop{position: fixed;right: 0;bottom: 40%;z-index: 3;}
.pop ul li{background: #0b64ee;padding: 10px;box-sizing: border-box;border-radius: 10px 0 0 10px;}
.pop ul li span{display: block;width: 36px;height: 36px;filter: brightness(0) invert(1);margin: 0 auto;}
.pop ul li p{font-size: 14px;line-height: 24px;color: #fff;}


/* bar */
.bar{height: 660px;}
.bar_con{height: 100%;flex-direction: column;justify-content: flex-end;}
.bar_tit{padding-bottom: 130px;}
.bar_tit h3{font-size: 60px;font-weight: 550;color: #fff;text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);}
.bar_tit p{font-size: 40px;color: #fff;font-weight: 300;text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);}
.bar_btm{justify-content: space-between;align-items: flex-end;padding-bottom: 65px;}
.bar_btm ul{width: 70%;}
.bar_btm ul li a{background: rgba(255, 255, 255, 0.2);color: #fff;display: block;font-size: 20px;line-height: 55px;padding: 0 40px;border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.5);margin-right: 20px;}
.bar_btm ul li.active a{background: #0c64ed;border: 1px solid #0c64ed;}
.bar_btm ul li:last-child a{margin-right: 0;}
.bar_btm dl{width: 30%;justify-content: flex-end;}
.bar_btm dl dt{width: 26px;height: 26px;background: url(../images/home_icon.png) no-repeat center;}
.bar_btm dl dd a{display: block;font-size: 14px;line-height: 26px;color: #fff;}


.main_box{padding: 70px 0;box-sizing: border-box;}

.introduce_con{justify-content: space-between;/*align-items: flex-end;*/}
.introduce_left{max-width: 690px;width: 50%;margin-top: 90px;}
.introduce_right{max-width: 600px;}
.introduce_right .mains_text{max-height: 425px;overflow-y: auto;}
.introduce_items{margin-top: 60px;}
.introduce_items .item{display: inline-flex;width: 100%;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;padding: 20px 0;}
.introduce_items .item span{font-size: 16px;line-height: 36px;color: #333;}
.introduce_items .item span img{width: 25px;display: block;margin: 0;}
.introduce_items .item b{font-size: 70px;font-weight: bold;color: #0c64ed;line-height: 80px;font-family: Arial;}
.introduce_items .item b sup{font-size: 14px;line-height: 20px;font-weight: normal;vertical-align: top;}

.detection .main_title,
.call .main_title{text-align: center;}
.project_search{max-width: 960px;margin: 45px auto 20px;background: #fff;border-radius: 4px;border: 1px solid #ddd;}
.project_search input{height: 60px;line-height: 60px;background: none;border: none;text-indent: 1em;width: calc(100% - 120px);}
.project_search .btn{width: 120px;background:#0c64ed url(../images/search_icon.png) no-repeat center;border-radius: 4px;border:none;}
.retrieve{max-width: 960px;margin: 0 auto 30px;}
.retrieve h3{font-size: 18px;line-height: 36px;color: #333;padding-left: 30px;background: url(../images/retrieve_ico.png) no-repeat left;}
.retrieve p{justify-content: space-between;}
.retrieve p a{font-size: 20px;line-height: 36px;font-weight: bold;color: #333;font-family: Arial;}
.retrieve p a.active{font-size: 26px;color: #0c64ed;}

.detection_list ul li{margin: 40px auto;transition: all 0.5s;border-radius: 15px;overflow: hidden;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
.detection_list ul li a{display: block;padding: 30px 40px;box-sizing: border-box;background: #fff;}
.detection_list ul li h3{font-size: 26px;line-height: 34px;color: #333;font-weight: bold;transition: all 0.5s;}
.detection_list ul li p{display: inline-flex;justify-content: space-between;width: 100%;border-top: 1px solid #ddd;padding-top: 25px;margin-top: 25px;}
.detection_list ul li p span{display: block;width: calc(100% - 80px);font-size: 18px;line-height: 26px;color: #666;transition: all 0.5s;padding-left: 25px;box-sizing: border-box;background: url(../images/detection_list_ico.png) no-repeat left;}
.detection_list ul li p em{display: inline-flex;align-items: center;justify-content: space-between;width: 80px;font-style: normal;font-size: 16px;line-height: 26px;text-transform: uppercase;font-weight: bold;color: #333;transition: all 0.5s;font-family: Arial;}
.detection_list ul li p em i{display: block;width: 20px;height: 20px;background: url(../images/jt_icon.png) no-repeat center;filter: brightness(0);transition: all 0.5s;}
.detection_list ul li.active,
.detection_list ul li:hover{box-shadow: 0 10px 20px rgba(12,100,237,0.1);transition: all 0.5s;transform: translateY(5px);}
.detection_list ul li.active h3,
.detection_list ul li:hover h3,
.detection_list ul li.active em,
.detection_list ul li:hover em{color: #0c64ed;transition: all 0.5s;}
.detection_list ul li.active em i,
.detection_list ul li:hover em i{filter: brightness(1);transition: all 0.5s;}

.detection_items .item{margin: 40px auto;padding: 30px 40px;box-sizing: border-box;background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);}
.detection_items .item h3{font-size: 30px;line-height: 36px;color: #333;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;position: relative;}
.detection_items .item h3::after{content: "";display: block;width: 120px;height: 4px;background: #0c64ed;position: absolute;bottom: -1px;left: 0;}


/* 分页 */
.page_list ul {width: 100%;padding: 30px 0;justify-content: center;}
.page_list ul li{width: 60px;height: 60px;border: 1px solid #ccc;text-align: center;line-height: 58px;font-size: 20px;color: #333;margin: 0 5px;overflow: hidden;box-sizing: border-box;border-radius: 10px;}
.page_list ul li a{display: block;color: #333;}
.page_list ul li.active a,
.page_list ul li:hover a {background: #0c64ed;color: #fff;}

.product_page{box-sizing: border-box;margin-top: 60px;}
.product_page ul{justify-content: space-between;padding: 30px;box-sizing: border-box;margin: 50px auto;background: #fff;border-radius: 10px;overflow: hidden;}
.product_page ul li a{display: inline-flex;align-items: center;;line-height: 40px;padding: 0 10px;color: #333;}
.product_page ul li a em{width: 9px;height: 17px;display: inline-flex;background: url(../images/jt_icon.png) no-repeat center;margin: 0 10px;filter: brightness(0);}
.product_page ul li:nth-child(1) a em{transform: rotateY(180deg);}
.product_page ul li:nth-child(2) a em{width: 18px;height: 14px;background: url(../images/jt_icon2.png) no-repeat;}
.product_page ul li:hover a{color: #0c64ed;}
.product_page ul li:hover a em{filter: brightness(1);}

.call_top{border:3px solid #fff;background: linear-gradient(to top,#fff,#f6fefc);box-sizing: border-box;margin-top: 50px;border-radius: 10px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);}
.call_top ul{padding: 40px;box-sizing: border-box;justify-content: space-around;}
.call_top ul li{width: calc(100% / 3);border-right: 1px solid #ddd;box-sizing: border-box;}
.call_top ul li:last-child{border:none}
.call_top ul li span{display: block;width: 179px;height: 179px;margin: 0 auto;}
.call_top ul li p{font-size: 24px;line-height: 60px;font-weight: bold;color: #333;text-align: center;}
.call_btm{margin: 50px auto;}
.call_btm ul{width: 100%;}
.call_btm ul li{width: calc(100% / 3 - 27px);margin-right: 40px;border:3px solid #fff;background: linear-gradient(to top,#fff,#f6fefc);box-sizing: border-box;border-radius: 10px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);transition: all 0.5s;}
.call_btm ul li:last-child{margin-right: 0;}
.call_btm ul li a{padding: 30px;box-sizing: border-box;display: inline-flex;width: 100%;}
.call_btm ul li p{width: calc(100% - 50px);display: inline-flex;align-items: center;font-size: 24px;font-weight: bold;color: #333;}
.call_btm ul li p span{display: block;width: 43px;height: 43px;margin-right: 10px;}
.call_btm ul li em{width: 50px;height: 50px;border-radius: 10px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid #333;}
.call_btm ul li em::after{content: "";display: block;width: 20px;height: 20px;background: url(../images/jt_icon.png) no-repeat center;filter: brightness(0);}
.call_btm ul li:hover{transform: translateY(10px);transition: all 0.5s;}



.news_top{overflow: hidden;position: relative;margin-bottom: 50px;}
.news_top .swiper-slide a{align-items: center;background: #fff;}
.news_top .swiper-slide .pic{max-width: 820px;height: 400px;border-radius: 10px;overflow: hidden;width: 62%;}
.news_top .swiper-slide .pic img{transition: all 0.5s;}
.news_top .swiper-slide .tct{width: calc(100% - 62%);padding-left: 40px;box-sizing: border-box;}
.news_top .swiper-slide .tct span{display: block;font-size: 14px;line-height: 1;color: #333;font-family: Arial;}
.news_top .swiper-slide .tct span b{display: block;font-size: 50px;font-weight: bold;color: #333;line-height: 40px;}
.news_top .swiper-slide .tct h3{font-size: 30px;font-weight: bold;color: #222;margin-top: 20px;}
.news_top .swiper-slide .tct p{font-size: 16px;line-height: 28px;color: #666;margin: 20px 0;}
.news_top .swiper-slide .tct em{display: inline-flex;align-items: center;justify-content: center;width: 180px;line-height: 50px;border:1px solid #222;border-radius: 15px;text-align: center;color: #333;transition: all 0.5s;font-style: normal;text-transform: uppercase;}
.news_top .swiper-slide .tct em i{display: block;width: 20px;height: 20px;background: url(../images/jt_icon.png) no-repeat center;margin-left: 30px;filter: brightness(0);transition: all 0.5s;}
.news_top .swiper-slide:hover .tct h3{color: #0c64ed;}
.news_top .swiper-slide:hover .tct em{background: #0c64ed;transition: all 0.5s;border: 1px solid #0b64ee;color: #fff;}
.news_top .swiper-slide:hover .tct em i{filter: brightness(0) invert(1);transition: all 0.5s;}
.news_top .swiper-slide:hover .pic img{transition: all 0.5s;transform: scale(1.1);}
.news_top .swiper-pagination-news{width: 60%;position: absolute;bottom: 20px;text-align: right;z-index: 2;}
.news_top .swiper-pagination-news .swiper-pagination-bullet{width: 14px;height: 14px;background: #fff;opacity: 0.5;}
.news_top .swiper-pagination-news .swiper-pagination-bullet-active{background: #0c64ed;opacity: 0.8;}

.news_btm ul li{width: calc(100% / 3 - 27px);margin-right: 40px;margin-bottom: 50px;}
.news_btm ul li:nth-child(3n){margin-right: 0;}
.news_btm ul li p{font-size: 24px;font-weight: bold;color: #333;padding-left: 30px;box-sizing: border-box;background: url(../images/rl_icon.png) no-repeat left;margin-bottom: 20px;}
.news_btm ul li span{display: block;width: 100%;height: 240px;overflow: hidden;border-radius: 10px 10px 0 0;}
.news_btm ul li span img{transition: all 0.5s;}
.news_btm ul li h3{font-size: 28px;font-weight: bold;color: #333;margin: 30px 0;}
.news_btm ul li em{font-size: 14px;line-height: 26px;color: #333;font-style: normal;display: inline-flex;align-items: center;}
.news_btm ul li em i{width: 20px;height: 20px;background: url(../images/jt_icon.png) no-repeat center;display: block;filter: brightness(0);margin-left: 15px;}
.news_btm ul li:hover h3,
.news_btm ul li:hover em{color: #0c64ed;}
.news_btm ul li:hover em i{filter: brightness(1);}
.news_btm ul li:hover span img{transition: all 0.5s;transform: scale(1.1);}

.news_cons{padding: 0 60px;box-sizing: border-box;background: #fff;}
.news_titles{text-align: center;line-height: 1.5;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 30px;}
.news_titles h3{font-size: 34px;font-weight: bold;color: #333;}
.news_titles p{font-size: 14px;color: #999;margin: 20px auto;}
.news_titles p span{margin: 0 10px;}

.main_con{justify-content: space-between;align-items: flex-start;}
.main_left{width: 320px;background: #fff;padding: 30px;box-sizing: border-box;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);border-radius: 5px;overflow: hidden}
.main_left h3{font-size: 30px;font-weight: bold;color: #0c64ed;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;;}
.main_left ul li{margin: 30px 0;position: relative;}
.main_left ul li a{display: block;font-size: 22px;color: #111;line-height: 24px;padding-right: 50px;box-sizing: border-box;}
.main_left ul li ul{display: none;padding-left: 20px;box-sizing: border-box;}
.main_left ul li ul li a{font-size: 20px;line-height: 22px;padding-right: 20px;}
.main_left ul li span{position: absolute;right: 0;top: 0%;display: block;width: 30px;height: 30px;margin-top: -3px;text-align: center;cursor: pointer;}
.main_left ul li span::before,
.main_left ul li span::after{content: "";display: block;width: 20px;height: 2px;background: #0c64ed;margin: 14px auto;position: absolute;top: 0;left: 0;right: 0;}
.main_left ul li span::after{transform: rotate(90deg);transition: all 0.5s;}
.main_left ul li:hover>a,
.main_left ul li.active>a{color: #0c64ed;font-weight: bold;}
.main_left ul li.active ul{display: block;}
.main_left ul li ul li:hover a,
.main_left ul li ul li.active a{font-weight: normal;}
.main_left ul li.active span::after{opacity: 0;transition: all 0.5s;}

.main_right{width: calc(100% - 380px);}
.specialist_list ul li{width: calc(100% / 3 - 20px);margin-right: 30px;background: #fff;margin-bottom: 30px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);border-radius: 5px;transition: all 0.5s;}
.specialist_list ul li:nth-child(3n){margin-right: 0;}
.specialist_list ul li .pic{display: block;width: 100%;height: 220px;overflow: hidden;border-radius: 5px;}
.specialist_list ul li .pic img{transition: all 0.5s;}
.specialist_list ul li .tct{padding: 20px;box-sizing: border-box;}
.specialist_list ul li .tct h3{font-size: 26px;line-height: 34px;color: #333;font-weight: bold;}
.specialist_list ul li .tct p{font-size: 18px;line-height: 24px;color: #666;margin: 10px 0;}
.specialist_list ul li .tct em{display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;font-weight: bold;color: #333;font-family: Arial;text-transform: uppercase;font-style: normal;}
.specialist_list ul li .tct em i{display: block;width: 20px;height: 20px;background: url(../images/jt_icon.png) no-repeat center;margin-left: 10px;filter: brightness(0);}
.specialist_list ul li:hover{box-shadow: 0 10px 20px rgba(12,100,237,0.2);transform: translateY(5px);transition: all 0.5s;}
.specialist_list ul li:hover .pic img{transition: all 0.5s;transform: scale(1.1);}
.specialist_list ul li:hover .tct em,
.specialist_list ul li:hover .tct h3{color: #0c64ed;}
.specialist_list ul li:hover .tct em i,
.sampling_list ul li:hover .mores em i{filter: brightness(1);}

.sampling_list ul li{width: 100%;background: #fff;margin-bottom: 30px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);border-radius: 5px;transition: all 0.5s;}
.sampling_list ul li a{align-items: center;}
.sampling_list ul li .pic{width: 191px;height: 140px;overflow: hidden;}
.sampling_list ul li .pic img{transition: all 0.5s;}
.sampling_list ul li .tct{width: calc(100% - 341px);padding-left: 30px;box-sizing: border-box;}
.sampling_list ul li .tct h3{font-size: 22px;line-height: 34px;color: #333;font-weight: bold;}
.sampling_list ul li .tct p{font-size: 16px;line-height: 26px;color: #666;margin-top: 10px;}
.sampling_list ul li .mores{width: 150px;display: inline-flex;justify-content: center;align-items: center;}
.sampling_list ul li .mores em{display: inline-flex;align-items: center;font-size: 16px;line-height: 26px;font-weight: bold;color: #333;font-family: Arial;text-transform: uppercase;font-style: normal;}
.sampling_list ul li .mores em i{display: block;width: 20px;height: 20px;background: url(../images/jt_icon.png) no-repeat center;margin-left: 10px;filter: brightness(0);}
.sampling_list ul li:hover{box-shadow: 0 10px 20px rgba(12,100,237,0.2);transform: translateY(5px);transition: all 0.5s;}
.sampling_list ul li:hover .pic img{transition: all 0.5s;transform: scale(1.1);}
.sampling_list ul li:hover .tct h3,
.sampling_list ul li:hover .mores em{color: #0c64ed;}