@charset "utf-8";
html,body{font-weight: 400;}
/*hide scroll*/
::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f4f5f8;}
::-webkit-scrollbar {width:3px;height:3px;}
::-webkit-scrollbar-thumb {background:#4dace4;background-clip:padding-box;min-height:10px;cursor: pointer;}
::-webkit-scrollbar-thumb:hover {background:#4dace4;} 
::-webkit-scrollbar-button {width: 3px;height: 3px;}
.flex {display: -webkit-flex;display: flex;width: 100%;flex-wrap: wrap;}
.box_con {box-sizing: border-box;width: 1340px;margin: 0 auto;}
.box_cons {padding: 0 180px;box-sizing: border-box;}
img{max-width: 100%;max-height: 100%;object-fit: cover;}
/* 滤镜-图片变纯黑 */
.img-black{filter: brightness(0);}
/* 滤镜-图片变纯白 */
.img-white{filter: brightness(0) invert(1);}

/* header */
header{position: fixed;z-index: 99;width: 100%;top: 0;left: 0;right: 0;transition: all 0.5s;background: #fff;}
header .logo{width: 146px;height: 80px;line-height: 80px;}
header .logo a{display: flex;height: 100%;align-items: center;justify-content: center;}
.head_con{justify-content: space-between;align-items: center;}
.head_right{align-items: center;justify-content: flex-end;width: calc(100% - 146px);}
.head_nav .head_nav_item{position: relative;}
.head_nav .head_nav_item>a{display: block;font-size: 18px;line-height: 80px;padding: 0 20px;box-sizing: border-box;color: #030622;position: relative;transition: all 0.5s;text-transform: uppercase;z-index: 2;}
.head_nav .head_nav_item.active>a{color: #4dace4;}
.head_nav .head_nav_item .head_nav_item_shows{position: fixed;left: 0;right: 0;top: 80px;width: 100%;padding: 30px 0;box-sizing: border-box;z-index: 2;background: rgba(255, 255, 255, 1);display: none;}
.head_nav .head_nav_item .head_nav_item_shows .flex{justify-content: center;}
.head_nav .head_nav_item:hover .head_nav_item_shows{display: block;}
.head_nav .head_nav_item .head_nav_item_shows .item{width: calc(100% / 7 - 23px);margin-right: 26px;text-align: center;}
.head_nav .head_nav_item .head_nav_item_shows .item:nth-child(7n){margin-right: 0;}
.head_nav .head_nav_item .head_nav_item_shows .item .item_img{width: 100%;min-height: 140px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.head_nav .head_nav_item .head_nav_item_shows .item .item_tit{font-size: 16px;line-height: 28px;color: #030622;}
.head_nav .head_nav_item .head_nav_item_shows .item:hover .item_tit{color: #4dace4;}
.head_nav .head_nav_item .head_nav_item_show{position: absolute;top: 80px;background: rgba(255, 255, 255, 1);border-radius: 0 0 10px 10px;display: none;width: 100%;overflow: hidden;z-index: 2;border-top:2px solid #D9042A;}
.head_nav .head_nav_item .head_nav_item_show a{display: block;text-align: center;font-size: 16px;color: #333;padding: 10px 0;}
.head_nav .head_nav_item:hover .head_nav_item_show{display: block;}
.head_nav .head_nav_item .head_nav_item_show a:hover{background: #4dace4;color: #fff;}

.head_mall a{display: flex;font-size: 16px;background: #4dace4;width: 100px;line-height: 35px;align-items: center;justify-content: center;border-radius: 35px;color: #fff;box-sizing: border-box;}
.head_mall span{display: block;width: 14px;height:14px;background: url(../images/mall_icon.png) no-repeat center center/contain;margin-right: 5px;}
/* end header */

#J_prismPlayer video{object-fit: cover;}

/* footer */
footer{background: url(../images/footer_bg.jpg) no-repeat center center/cover;}
.foot_top{padding: 70px 0;}
.foot_top_left{width: calc(100% - 425px);border-right: 1px solid rgba(255, 255, 255, 0.1);box-sizing: border-box;margin-right: 100px;}
.foot_top_left .item{width: calc(100% / 6 - 30px);margin-right: 30px;}
.foot_top_left .item .item_tit{font-size: 18px;color: #fafbfd;padding-bottom: 30px;margin-bottom: 30px;position: relative;}
.foot_top_left .item .item_tit::after{content: "";display: block;width: 30px;height: 2px;background: #4dace4;position: absolute;bottom: 0;left: 0;}
.foot_top_left .item .item_tct{display: inline-flex;flex-direction: column;}
.foot_top_left .item .item_tct a{font-size: 14px;color: #fafbfd;opacity: 0.6;padding: 5px 0;}
.foot_top_right{width: 325px;}
.foot_top_right .hot{padding-left: 80px;position: relative;margin-bottom: 30px;}
.foot_top_right .hot::before{content: "";display: block;width: 60px;height: 60px;background: url(../images/hot_icon.png) no-repeat center center/contain;position: absolute;left: 0;top: 0;}
.foot_top_right .hot sup{font-size: 14px;color: rgba(255, 255, 255, 0.6);display: block;}
.foot_top_right .hot b{font-size: 30px;color: #4dace4;display: block;}
.foot_top_right .txt{font-size: 16px;line-height: 26px;color: rgba(255, 255, 255, 0.9);display: inline-flex;padding: 10px 0;}
.foot_top_right .txt span{width: 240px;display: block;}
.foot_top_right .link{margin-top: 30px;}
.foot_top_right .link a{display: block;width: 36px;height: 36px;margin-right: 10px;position: relative;}
.foot_top_right .link a span{display: none;width: 120px;height: 120px;position: absolute;bottom: 36px;left: 50%;margin-left: -60px;background: #fff;}
.foot_top_right .link a:hover span{display: inline-flex;align-items: center;justify-content: center;}
.foot_btm{background: rgba(2, 10, 23, 0.4);padding: 20px 0;font-size: 14px;color: rgba(255, 255, 255, 0.3);}
.foot_btm a{color: rgba(255, 255, 255, 0.3);margin-left: 20px;}

.gotops{display: none;background: #4dace4;border-radius: 10px;width: 60px;height: 60px;border: 1px solid #fff;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);align-items: center;justify-content: center;cursor: pointer;box-sizing: border-box;position: fixed;z-index: 99;bottom: 15%;right: 0;transform: rotate(-90deg);}
.gotops.toshow{display: flex;}
.gotops span{display: flex;justify-content: center;align-items: center;width: 10px;height: 12px;background: url(../images/apply_btn.png) no-repeat center center/contain;}
/* end footer */

/* home */
.mian_title{text-align: center;}
.mian_title .mian_title_en{font-size: 50px;font-weight: bold;color: #030622;opacity: 0.06;text-transform: uppercase;}
.mian_title .mian_title_cn{font-size: 34px;color: #030622;font-weight: bold;margin: 10px 0;margin-top: -35px;}
.mian_title .mian_title_txt{font-size: 18px;color: #040721;}

/* banner */
.myBanner{position: relative;overflow: hidden;}
.myBanner .swiper-slide{z-index: 10;}
.myBanner .swiper-slide a{display: block;height: 100vh;position: relative;}
.myBanner .swiper-slide a .banner_img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;}
.myBanner .swiper-slide a .banner_img img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);transition: all 0s;}
.myBanner .swiper-slide .banner_tct{height: 100%;display: flex;flex-direction: column;justify-content: center;color: #fff;position: relative;z-index: 2;}
.myBanner .swiper-slide .banner_tst{font-size: 20px;letter-spacing: 3px;transform: translateY(300px);transition: all 0s;opacity: 0;}
.myBanner .swiper-slide .banner_tit{font-size: 74px;font-weight: bold;line-height: 1;margin: 15px 0;transform: translateY(300px);transition: all 0s;opacity: 0;}
.myBanner .swiper-slide .banner_txt{font-size: 38px;font-weight: bold;transform: translateY(300px);transition: all 0s;opacity: 0;}
.myBanner .swiper-slide-active{position: relative;z-index: 11;}
.myBanner .swiper-slide-active .banner_tst{transform: translateY(0);transition: all 0.5s;opacity: 1;}
.myBanner .swiper-slide-active .banner_tit{transform: translateY(0);;transition: all 0.7s;opacity: 1;}
.myBanner .swiper-slide-active .banner_txt{transform: translateY(0);;transition: all 0.9s;opacity: 1;}
.myBanner .swiper-slide-active a .banner_img img{transform: scale(1);transition: all 2s;}

.myBanner .swiper-pagination-banner{text-align: center;position: absolute;bottom: 60px;z-index: 2;}
.myBanner .swiper-pagination-banner .swiper-pagination-bullet{width: 12px;height: 12px;background: rgba(255, 255, 255, 0.5);margin: 0 10px;opacity: 1;}
.myBanner .swiper-pagination-banner .swiper-pagination-bullet-active{background: #4dace4;}
.myBanner .swiper-banner-prev,
.myBanner .swiper-banner-next{width: 60px;height: 100px;color: #fff;background: rgba(2, 12, 25, 0.3);right: 0;border-radius: 10px 0 0 10px ;}
.myBanner .swiper-banner-prev{left: 0;border-radius: 0 10px 10px 0;}
.myBanner .swiper-banner-prev::after,
.myBanner .swiper-banner-next::after{font-size: 24px;}
/* end home */

.apply,
.product,
.news{padding: 80px 0;background: #fbfbfb;}
.apply_items{margin-top: 50px;}
.apply_items .item{width: calc(100% / 3 - 38.99px);margin-right: 58px;height: 660px;border-radius: 14px;overflow: hidden;position: relative;}
.apply_items .item:nth-child(3n){margin-right: 0;}
.apply_items .item .item_img{width: 100%;height: 100%;}
.apply_items .item .item_img img{transition: all ease-in-out 0.5s;width: 100%;height: 100%;object-fit: cover;}
.apply_items .item .item_con{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 40px;box-sizing: border-box;transition: all ease-in-out 0.5s;transform: translateY(100px);}
.apply_items .item .item_con a{height: 100%;flex-direction: column;justify-content: flex-end;}
.apply_items .item .item_con .item_ico{width: 60px;height: 60px;transition: all ease-in-out 0.5s;}
.apply_items .item .item_con .item_tit{font-size: 28px;font-weight: bold;color: #fff;margin: 10px 0;}
.apply_items .item .item_con .item_txt{font-size: 20px;color: #fff;opacity: 0;margin: 10px 0;transition: all ease-in-out 0.5s;}
.apply_items .item .item_con .item_btn{font-size: 16px;color: #fbfbfc;opacity: 0;display: inline-flex;justify-content: center;border-bottom: 1px solid #fbfbfc;padding-bottom: 10px;align-items: center;margin: 10px auto;}
.apply_items .item .item_con .item_btn span{display: block;width: 10px;height: 12px;background: url(../images/apply_btn.png) no-repeat center center/contain;margin-left: 10px;}
.apply_items .item:hover{box-shadow: 0 0 14px rgba(2, 12, 25, 0.3);}
.apply_items .item:hover .item_con{background: linear-gradient(to bottom, rgba(77, 172, 228, 0) 0%, rgba(77, 172, 228, 1) 100%);text-align: center;transition: all ease-in-out 0.5s;transform: translateY(0);}
.apply_items .item:hover .item_con .item_ico{margin: 0 auto;transition: all ease-in-out 0.5s;}
.apply_items .item:hover .item_con .item_txt{opacity: 1;transition: all ease-in-out 0.5s;}
.apply_items .item:hover .item_con .item_btn{transition: all ease-in-out 0.5s;opacity: 1;}
.apply_items .item:hover .item_img img{transform: scale(1.1);transition: all 0.5s;}
.apply_items .item .item_con .item_btn:hover{padding: 0 10px 10px 10px;}
.apply_items .item .item_con .item_btn:hover span{display: none;}

/* about */
.about_left,
.about_right{width: 50%;height: 480px;}
.about_left{position: relative;border-radius: 14px;overflow: hidden;}
.about_left video{display: block;width: 100%;height: 100%;object-fit: fill;}
.about_left_btn{position: absolute;left: 0;right: 0;top: 50%;margin: -44px auto 0;width: 88px;height: 88px;cursor: pointer;}
.about_right{padding-left: 60px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
.about_right_name{font-size: 30px;font-weight: bold;color: #030622;padding-bottom: 20px;}
.about_right_desc{font-size: 18px;line-height: 32px;color: #040721;margin: 20px 0;}
.about_right_btn a{display: inline-flex;align-items: center;font-size: 16px;color: #040721;padding-bottom: 10px;border-bottom: 1px solid #040721;overflow: hidden;transition: all ease-in-out 0.5s;}
.about_right_btn a span{display: block;width: 10px;height: 12px;background: url(../images/apply_btn.png) no-repeat center center/contain;margin-left: 10px;filter: brightness(0);}
.about_items {margin-top: 60px;justify-content: space-between;}
.about_items .item .item_num{font-size: 18px;line-height: 26px;color: #333;}
.about_items .item .item_num b{font-size: 66px;font-weight: bold;color: #4dace4;font-family: Arial;line-height: 1;}
.about_items .item .item_num sup{vertical-align: top;font-size: 14px;}
.about_items .item .item_txt{font-size: 18px;}
.about_right_btn:hover a{padding: 0 10px 10px 10px;color: #4dace4;border-bottom: 1px solid #4dace4;transition: all ease-in-out 0.5s;}
.about_right_btn:hover a span{display: none;transition: all ease-in-out 0.5s;}

/* product */
.product_items .item{width: calc(100%);;margin-top: 60px;border-radius: 14px;overflow: hidden;transition: all 0.5s;}
.product_items .item:nth-child(2n){margin-right: 0;}
.product_items .item a{padding: 30px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;position: relative;}
.product_items .item a .item_img{width: 100%;height: 280px;display: inline-flex;justify-content: center;}
.product_items .item a .item_img img{transition: all ease-in-out 0.5s;object-fit: contain;}
.product_items .item a .item_tit{font-size: 32px;font-weight: bold;color: #030622;margin: 10px 0;}
.product_items .item a .item_txt{font-size: 18px;color: #040721;opacity: 0.6;margin: 10px 0;transition: all ease-in-out 0.5s;}
.product_items .item a .item_btn{font-size: 16px;color: #040721;display: inline-flex;justify-content: center;border-bottom: 1px solid #040721;padding-bottom: 10px;align-items: center;margin: 10px auto;transition: all 0.5s;}
.product_items .item a .item_btn span{display: block;width: 10px;height: 12px;background: url(../images/apply_btn.png) no-repeat center center/contain;margin-left: 10px;filter: brightness(0);}
.product_items .item:hover{box-shadow: 0 0 20px rgba(2, 12, 25, 0.2);transition: all 0.5s;}
.product_items .item:hover .item_tit{color: #4dace4;}
.product_items .item a .item_btn:hover{padding: 0 10px 10px 10px;border-bottom: 1px solid #4dace4;color: #4dace4;transition: all 0.5s;}
.product_items .item a .item_btn:hover span{display: none;}
.myProducts{position: relative;overflow: hidden;}
.myProducts .swiper-button-next,
.myProducts .swiper-button-prev{width: 40px;height: 60px;background: rgba(0, 0, 0, 0.1);z-index: 3;}
.myProducts .swiper-button-next::after,
.myProducts .swiper-button-prev::after{font-size: 24px;color: #fff;}


/* news */
.news{padding-top: 0;}
.news_items .item{width: calc(100% / 3 - 38.99px);margin-right: 58px;margin-top: 58px;}
.news_items .item:nth-child(3n){margin-right: 0;}
.news_items .item .item_img{width: 100%;height: 320px;overflow: hidden;border-radius: 14px;}
.news_items .item .item_img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.news_items .item .item_con{padding: 20px;box-sizing: border-box;}
.news_items .item .item_time{font-size: 16px;color: #030622;display: flex;align-items: center;margin-bottom: 10px;}
.news_items .item .item_time span{display: block;width: 16px;height: 16px;background: url(../images/time_icon.png) no-repeat center center/contain;margin-right: 10px;}
.news_items .item .item_tit{font-size: 20px;color: #030622;}
.news_btn{float: right;margin-top: -35px;position: relative;z-index: 2;}
.news_btn a{align-items: center;border-bottom: 1px solid #040721;padding-bottom: 10px;transition: all 0.5s;font-size: 16px;}
.news_btn a span{display: block;width: 10px;height: 12px;background: url(../images/apply_btn.png) no-repeat center center / contain;margin-left: 10px;filter: brightness(0);}
.news_btn a:hover{padding: 0 10px 10px 10px;border-bottom: 1px solid #4dace4;color: #4dace4;transition: all 0.5s;justify-content: center;}
.news_btn a:hover span{display: none;}
.news_items .item:hover .item_img{box-shadow: 0 0 20px rgba(2, 12, 25, 0.2);}
.news_items .item:hover .item_img img{transform: scale(1.1);transition: all 0.5s;}
.news_items .item:hover .item_tit{color: #4dace4;}

/* ggt */
.ggt_con{align-items: center;justify-content: space-between;height: 200px;}
.ggt_con span{max-width: 50%;display: flex;height: 100%;align-items: center;justify-content: center;padding: 20px 0;box-sizing: border-box;}
.ggt_con a{display: block;line-height: 80px;width: 330px;text-align: center;background: #4dace4;border-radius: 80px;font-size: 22px;font-weight: bold;color: #fff;}
.ggt_con a:hover{box-shadow: 0 0 20px rgba(2, 12, 25, 0.2);}


/* bar */
.bar{height: 520px;}
.bar_con{height: 100%;}
.bar_title{height: 100%;display: inline-flex;flex-direction: column;justify-content: flex-end;padding: 40px 0;box-sizing: border-box;}
.bar_title .tit{font-size: 58px;font-weight: bold;color: #fcfeff;margin-bottom: 10px;}
.bar_title .txt{font-size: 20px;color: #fcfeff;}

.crumbs{margin: -60px auto 60px;position: relative;z-index: 1;}
.crumbs .crumbs_item{float: right;display: flex;align-items: center;color: #fcfeff;}
.crumbs .crumbs_item span{display: block;width: 12px;height: 12px;background: url(../images/home_icon.png) no-repeat center center/contain;}
.crumbs .crumbs_item a{font-size: 14px;color: #fcfeff;padding: 0 10px;}

.news_list .item{width: calc(100% / 3 - 26.66px);margin-right: 40px;margin-top: 40px;}
.news_list .item:nth-child(3n){margin-right: 0;}
.news_list .item .item_img{width: 100%;height: 280px;border-radius: 14px;overflow: hidden;}
.news_list .item .item_img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.news_list .item .item_con{padding: 20px;box-sizing: border-box;}
.news_list .item .item_con .time{font-size: 16px;font-weight: bold;color: #030622;display: inline-flex;align-items: center;margin-bottom: 10px;}
.news_list .item .item_con .time span{display: block;width: 16px;height: 16px;background: url(../images/time_icon.png) no-repeat center center/contain;margin-right: 10px;}
.news_list .item .item_con .tit{font-size: 20px;font-weight: bold;color: #030622;}
.news_list .item:hover .item_img img{transform: scale(1.1);transition: all 0.5s;}

/* page */
.page_list {width: 100%;padding: 60px 0;justify-content: center;}
.page_list .pages_list_item{width: 60px;height: 60px;border: 1px solid #ccc;text-align: center;line-height: 58px;font-size: 20px;color: #070f2a;margin: 0 5px;overflow: hidden;box-sizing: border-box;border-radius:50%;}
.page_list .pages_list_item a{display: flex;align-items: center;justify-content: center;color: #070f2a;height: 100%;}
.page_list .pages_list_item.active a,
.page_list .pages_list_item:hover a {background: #4dace4;color: #fff;transition: all ease-in-out 0.5s;}
.page_list .pages_list_item a span{display: block;width: 10px;height: 12px;background: url(../images/apply_btn.png) no-repeat center center/contain;transition: all ease-in-out 0.5s;filter: brightness(0);}
.page_list .pages_list_item:hover a span{filter: brightness(0) invert(1);}
.page_list .pages_list_item:first-child{transform: rotateY(180deg);}

.main{padding: 30px 0;background: #fcfeff;}

.news_conss{padding:60px;box-sizing: border-box;}
.news_titles{text-align: center;padding-bottom: 30px;}
.news_titles .tit{font-size: 42px;font-weight: bold;color: #070f2a;text-align: center;margin-bottom: 30px;text-align: center;border-bottom: 1px solid #eaeff2;padding-bottom: 30px;}
.news_titles .txt{font-size: 16px;color: #070f2a;}
.news_titles .txt span{margin: 0 10px;display: inline;}
.product_page{margin: 60px auto 0;justify-content: space-between; border-top: 1px solid #eee;background: #f0f4f6;padding: 0 60px;box-sizing: border-box;}
.product_page_item a{font-size: 16px;line-height: 60px;color: #070f2a;box-sizing: border-box;justify-content: space-between;width: 100%;align-items: center;display: inline-flex;border-radius: 10px;padding: 20px 0;}
.product_page_item a em{display:inline-block;vertical-align: middle;background: url(../images/apply_btn.png) no-repeat center/contain;transition: ease-in-out 0.5s;width: 10px;height: 12px;margin: 0 10px;transition: ease-in-out 0.5s;filter: brightness(0);}
.product_page_item:nth-child(2) a{justify-content: center;}
.product_page_item:nth-child(2) a em{background: url(../images/jt_icon2.png) no-repeat;width: 18px;height: 14px;margin-right: 10px;}
.product_page_item:nth-child(1) a em{transform: rotate(180deg);}
.product_page_item:last-child a{flex-direction: row-reverse;}

.service_tab{padding: 30px 0;}
.service_tab .item a{display: block;width: 160px;line-height: 45px;text-align: center;font-size: 20px;color: #030622;border: 1px solid #030622;border-radius: 45px;margin-right: 20px;}
.service_tab .item a.active,
.service_tab .item a:hover{background: #4dace4;color: #fff;border: 1px solid #4dace4;}

.service_list .item{width: calc(100% / 3 - 26.66px);margin-right: 40px;margin-top: 40px;border-radius: 14px;overflow: hidden;}
.service_list .item:nth-child(3n){margin-right: 0;}
.service_list .item a{display: flex;background: #fff;padding: 20px;box-sizing: border-box;box-shadow: 0 0 20px rgba(2, 12, 25, 0.1);border: 1px solid #e7eef3;box-sizing: border-box;border-radius: 14px;height: 100%;z-index: 1;position: relative;}
.service_list .item a::before {content: '';position: absolute;width: 0;height: 0;border: 1px solid #4dace4;left: 0px;top: 0px;transition: height .1s linear .3s, width .1s linear .4s, visibility 0s .51s;border-bottom: 0;border-left: 0;box-sizing: border-box;border-radius: 10px;}
.service_list .item a::after {content: '';position: absolute;width: 0;height: 0;border: 1px solid #4dace4;right: 0px;bottom: 0px;transition: background-size .1s linear 0s, height .1s linear .1s, width .1s linear .2s, visibility 0s .3s;border-top: 0;border-right: 0;box-sizing: border-box;border-radius: 10px;}
.service_list .item:hover a::before {width: 100%;height: 100%;visibility: visible;transition: width .1s linear 0s, height .1s linear .1s;}
.service_list .item:hover a::after {width: 100%;height: 100%;transition: visibility 0s .2s, width .1s linear .2s, height .1s linear .3s, background-size .1s linear .4s;}
.service_list .item .item_img{width: 120px;}
.service_list .item .item_con{width: calc(100% - 120px);padding-left: 20px;box-sizing: border-box;}
.service_list .item .item_con .tit{font-size: 22px;font-weight: bold;color: #070f2a;}
.service_list .item .item_con .txt{font-size: 16px;color: #a3a3a3;}
.service_list .item .item_con .tbtn{font-size: 16px;color: #040721;margin-top: 30px;display: flex;align-items: center;}
.service_list .item .item_con .tbtn span{display: block;width: 10px;height: 12px;background: url(../images/apply_btn.png) no-repeat center center/contain;filter: brightness(0);margin-left: 10px;}

.video_list .item{width: calc(100% / 3 - 26.66px);margin-right: 40px;margin-top: 40px;}
.video_list .item:nth-child(3n){margin-right: 0;}
.video_list .item .item_img{width: 100%;height: 280px;overflow: hidden;border-radius: 14px;background: #1b3045;position: relative;}
.video_list .item .item_img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.video_list .item .item_img::after{content: "";display: block;width: 52px;height: 52px;background: url(../images/video_btn.png) no-repeat center center/contain;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;transition: all 0.5s;}
.video_list .item .item_con{padding: 15px 20px;box-sizing: border-box;}
.video_list .item .item_con .tit{font-size: 20px;font-weight: bold;}
.video_list .item:hover .item_con .tit{color: #4dace4;}
.video_list .item:hover .item_img img{transform: scale(1.1);transition: all 0.5s;}
.video_list .item:hover .item_img::after{opacity: 1;transition: all 0.5s;}
.video_list .item:hover .item_img img{opacity: 0.4;}

.about_video{width: 100%;height: 520px;position: relative;/*margin-top: 80px;*/}
.about_video video{width: 100%;height: 100%;object-fit: fill;}
.about_video .about_video_btn{position: absolute;top: 50%;width: 88px;height: 88px;left: 0;right: 0;margin: -44px auto 0;cursor: pointer;}

.about_btm_items{margin: 0 0 80px;}
.about_btm_items .item{width: calc(100% / 3 - 26.66px);margin-right: 40px;border-radius: 14px;overflow: hidden;position: relative;height: 480px;}
.about_btm_items .item:nth-child(3n){margin-right: 0;}
.about_btm_items .item .item_img{width: 100%;height: 100%;border-radius: 14px;overflow: hidden;}
.about_btm_items .item .item_img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.about_btm_items .item .item_con{position: absolute;bottom: 0;left: 0;right: 0;padding: 40px;box-sizing: border-box;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;}
.about_btm_items .item .item_con::before{content: "";display: block;width: 15px;height: 15px;border-radius: 50%;background: #4dace4;position: absolute;top: 40px;left: 40px;}
.about_btm_items .item .item_con .tit{font-size: 30px;font-weight: bold;color: #fff;}
.about_btm_items .item .item_con .txt{font-size: 18px;color: #fff;margin: 10px 0;}
.about_btm_items .item:hover .item_img img{transform: scale(1.1);transition: all 0.5s;}


.about_video{padding: 80px 0;}
.about_top_left{width: 380px;}
.about_top_right{width: calc(100% - 380px);}
.about_top_title,
/*.about_top_right_title{padding-bottom: 30px;}*/
.about_top_title .title_cn{font-size: 42px;font-weight: bold;color: #070f2a;}
.about_top_title .title_en,
.about_top_right_title .title_en{font-size: 16px;color: #030622;opacity: 0.5;text-transform: uppercase;}

.about_top_data .item{display: flex;align-items: center;}
.about_top_data .item b{font-size: 54px;font-weight: bold;color: #4dace4;}
.about_top_data .item span{display: inline-flex;flex-direction: column;font-size: 16px;color: #333;}
.about_top_data .item span sup,
.about_top_data .item span sub{font-size: 16px;}

.about_top_right_title .title_cn{font-size: 30px;font-weight: bold;}


.contact_items{margin: 0 0 80px;}
.contact_item_top{justify-content: space-between;border-bottom: 1px solid #e5e5e5;padding-bottom: 40px;margin-bottom: 40px;}
.contact_item_top .item{width: auto;position: relative;}
.contact_item_top .item::after{content: "";display: block;height: 85%;width: 1px;background: #e5e5e5;position: absolute;bottom: 0;left: -140px;}
.contact_item_top .item:first-child:after{display: none;}
.contact_item_top .item .item_txt{font-size: 20px;color: #999;display: inline-flex;align-items: center;padding: 10px 0;}
.contact_item_top .item .item_txt span{margin-right: 10px;width: 16px;height: 16px;}
.contact_item_top .item .item_txt span.kefu{background: url(../images/kefu_icon.png) no-repeat center center/contain;}
.contact_item_top .item .item_txt span.chuanzheng{background: url(../images/chuanzheng_icon.png) no-repeat center center/contain;}
.contact_item_top .item .item_txt span.time{background: url(../images/time_icon.png) no-repeat center center/contain;}
.contact_item_top .item .item_txt span.email{background: url(../images/email_icon.png) no-repeat center center/contain;}
.contact_item_top .item .item_tit{font-size: 30px;font-weight: bold;color: #4dace4;}
.contact_item_top .item .item_tst{display: block;font-size: 20px;color: #070f2a;}                                                                                                  
.contact_item_btm{justify-content: space-between;align-items: flex-end;margin-bottom: 40px;}
.contact_item_btm_left .item_txt{font-size: 20px;color: #999;display: inline-flex;align-items: center;padding: 10px 0;}
.contact_item_btm_left .item_txt span.dizhi{background: url(../images/dingwei_icon.png) no-repeat center center/contain;margin-right: 10px;width: 20px;height: 20px;}
.contact_item_btm_left .item_tst{display: block;font-size: 20px;color: #070f2a;}
.contact_item_btm_right p{width: 120px;height: 120px;overflow: hidden;display: none;}
.contact_item_btm_right .btm_list{margin: 0 0 0 20px;position: relative;cursor: pointer;}
.contact_item_btm_right .btm_list span{display: inline-flex;align-items: center;justify-content: center;border-radius: 6px;overflow: hidden;width: 45px;height: 45px;background: #4dace4;}
.contact_item_btm_right .btm_list span img{width: 20px;height: 20px;}
.contact_item_btm_right .btm_list .btm_list_show{position: absolute;bottom: 45px;left: -50%;margin-left: -22px;background: #fff;width: 120px;height: 120px;display: none;}
.contact_item_btm_right .btm_list:hover .btm_list_show{display: block;}

.contact_map{height: 560px;}

.bar2{height: 100vh;position: relative;overflow: hidden;}
.bar2 video{width: 100%;height: 100%;object-fit: fill;}
.bar2 .bar_btn{position: absolute;top: 0;z-index: 2;left: 0;right: 0;margin: 0 auto 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.bar2 .bar_btn img{width: 52px;height: 52px;}

.product_title{padding: 50px 0;}
.product_title .tit{font-size: 58px;font-weight: bold;color: #030622;}
.product_title .txt{font-size: 20px;color: #030622;}

.product_list .item{background: #f5f7fa;border-radius: 14px;padding: 30px;box-sizing: border-box;width: calc(100% / 2 - 20px);margin-right: 40px;margin-top: 40px;transition: all 0.5s;}
.product_list .item:nth-child(2n){margin-right: 0;}
.product_list .item .item_img{width: 100%;overflow: hidden;height: 280px;border-radius: 14px;margin-bottom: 20px;text-align: center;display: flex;align-items: center;justify-content: center;}
.product_list .item .item_img img{max-width: 100%;max-height: 100%;object-fit: contain;t.product_top_item1 .top_rightransition: all 0.5s;}
.product_list .item .item_con{padding: 0 30px 30px;text-align: center;}
.product_list .item .item_con .tit{font-size: 32px;font-weight: bold;color: #030622;}
.product_list .item .item_con .txt{font-size: 18px;color: #040721;margin: 10px 0 20px;}
.product_list .item .item_con .tbtn{display: inline-flex;}
.product_list .item .item_con .tbtn a{width: 140px;margin: 0 10px;border-radius: 40px;border: 1px solid #acaeb9;font-size: 16px;color: #030622;padding: 8px 10px;box-sizing: border-box;}

.product_list .item:hover{box-shadow: 0 0  20px rgba(2, 12, 25, 0.1);transition: all 0.5s;background: url(../images/product_list_bg.jpg) no-repeat center/cover;}
.product_list .item:hover .item_con .tit{color: #4dace4;transition: all 0.5s;}
.product_list .item .item_con .tbtn a:hover{background: #4dace4;color: #fff;border: 1px solid #4dace4;}

.product_top .product_top_title{text-align: left !important;margin: 30px auto 0;max-width:100% !important;}
.product_top .product_top_title .tit{font-size: 38px;font-weight: bold;color: #030622;background:#fff;padding-right:20px;}
.product_top .product_top_title .txt{font-size: 18px;line-height: 30px;font-weight: bold;color: #7c7c7c;margin-top: 10px;}
.product_top .product_top_title2{padding: 30px 0;margin-top: 20px;background: url(../images/product_top_title2_bg.jpg) center repeat-x;}
.product_top .product_top_title2 .tit{font-size: 36px;font-weight: bold;color: #030622;background: #fff;display: inline-block;padding-right: 20px;}
.productImg{width: 750px;margin: 60px auto;position: relative;}
.productImg .swiper-slide{background: #f5f7fa;box-shadow: 0 0 20px rgba(2, 12, 25, 0.1);height: 420px;display: flex;align-items: center;justify-content: center;}

.productImg .swiper-pagination-img{margin-top: 50px;}
.productImg .swiper-pagination-img .swiper-pagination-bullet{display: inline-block;width: 20px;height: 3px;background: #d9dbe0;border-radius: 0;opacity: 1;}
.productImg .swiper-pagination-img .swiper-pagination-bullet-active{background: #4dace4;}
.productImg .swiper-button-prev,
.productImg .swiper-button-next{width: 40px;height: 40px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);border: 1px solid #7c7c7c;top: auto;bottom: -10px;border-radius: 10px;}
.productImg .swiper-button-prev{left: auto;right: 60px;transform: rotate(180deg);}
.productImg .swiper-button-next{right: 0;}
.productImg .swiper-button-prev:after,
.productImg .swiper-button-next:after{font-size: 0px;width: 10px;height: 12px;background: url(../images/apply_btn.png) no-repeat;filter: brightness(0);}

.product_top_item1{justify-content: space-between;padding: 50px 0;}
.product_top_item1 .top_left{width: 630px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);height: auto;}
.myProduct{position:relative;overflow:hidden;height:100%;}
.myProduct .swiper-slide{display: flex;align-items: center;justify-content: center;}
.myProduct .swiper-button-next::after,
.myProduct .swiper-button-prev::after{font-size:30px;}
.product_top_item1 .top_left img{display: block;}
.product_top_item1 .top_right{width: 630px;}

.video_box{position: relative;}
.video_box .bar_btn{position: absolute;top: 0;z-index: 2;left: 0;right: 0;margin: 0 auto 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.video_box .bar_btn img{width: 52px;height: 52px;}

.product_top_item3 .top_list .item{width: calc(100% / 4 - 30px);margin-right: 40px;margin-top: 20px;}
.product_top_item3 .top_list .item:nth-child(4n){margin-right: 0;}
.product_top_item3 .top_list .item .item_img {border-radius: 10px;overflow: hidden;}
.product_top_item3 .top_list .item .item_img img{display: block;}
.product_top_item3 .top_list .item .item_tit{font-size: 18px;color: #030622;text-align: center;padding: 10px 0;}
.product_top_item3 .top_list .item_tct{text-align: center;padding: 10px 0;}
.product_top_item3 .top_list .item_tct .tit{font-size: 26px;color: #030622;font-weight: bold;}
.product_top_item3 .top_list .item_tct .txt{font-size: 18px;color: #7c7c7c;}

.video_box{max-width:1340px;}
.video_box .video-js{width:100% !important;min-height:750px !important; height:auto !important}
.video_box .video-js video{width:100% !important;height:100% !important;}