@charset "utf-8";
html,body{font-weight: 400;}
/*hide scroll*/
::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#ddd;}
::-webkit-scrollbar {width:3px;height:3px;}
::-webkit-scrollbar-thumb {background:#073065;background-clip:padding-box;min-height:10px;cursor: pointer;}
::-webkit-scrollbar-thumb:hover {background:#073065;} 
::-webkit-scrollbar-button {width: 3px;height: 3px;}
.flex {display: -webkit-flex;display: flex;width: 100%;flex-wrap: wrap;}

img{max-width: 100%;max-height: 100%;object-fit: cover;}
/* 滤镜-图片变纯黑 */
.img-black{filter: brightness(0);}
/* 滤镜-图片变纯白 */
.img-white{filter: brightness(0) invert(1);}
.box_con {padding: 0 6.25vw;box-sizing: border-box;}
.box_con2{width: 62.5vw;margin: 0 auto;}
.box_cons {padding: 0 3.125vw;box-sizing: border-box;}
/* header */
header{position: fixed;z-index: 9;width: 100%;top: 0;left: 0;right: 0;transition: all 0.5s;background: rgba(234, 238, 242, 0.6);box-shadow: 0 0.2604166666666667vw 0.5208333333333334vw  rgba(0, 0, 0, 0.05);}
header .logo{width: 15.625vw;height: 4.6875vw;line-height: 4.6875vw;display: inline-flex;align-items: center;}
header .logo a{width: 10.416666666666668vw;display: flex;height: 100%;align-items: center;justify-content: center;}
.stock{width: 5.208333333333334vw;padding-left: 1.0416666666666667vw;margin-left: 1.0416666666666667vw;border-left: 1px solid rgba(101, 100, 100, 0.6);box-sizing: border-box;}
.stock span,
.stock b{display: block;line-height: 1vw;font-size: 0.8333333333333334vw;color: #525153;text-align-last: justify;}
.stock b{font-size: 0.9375vw;}
.head_con{justify-content: space-between;align-items: center;padding-right: 0;}
.head_right{align-items: center;justify-content: flex-end;width: calc(100% - 15.625vw);}
.head_nav .head_nav_item{position: relative;}
.head_nav .head_nav_item>a{display: block;font-size: 1.0416666666666667vw;height: 5.208333333333334vw;line-height: 5.208333333333334vw;padding: 0 1.3020833333333335vw;box-sizing: border-box;color: #070f2a;position: relative;transition: all 0.5s;text-transform: uppercase;font-weight: 500;position: relative;}
.head_nav .head_nav_item>a::after{content: "";display: block;width: 0.9375vw;height: 0.9375vw;clip-path: polygon(0% 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%);background: #073065;position: absolute;bottom: 0.5208333333333334vw;left: 0;right: 0;margin: 0 auto;opacity: 0;transition: all 0.5s ease-in-out;}
.head_nav .head_nav_item.active>a{color: #073065;font-weight: bold;}
.head_nav .head_nav_item.active>a::after{opacity: 1;transition: all 0.5s ease-in-out;}

.head_nav .head_nav_item .head_nav_item_show{position: absolute;top: 5.208333333333334vw;left: -25%;width: 150%;background: rgba(255, 255, 255, 0.8);padding: 0.5208333333333334vw;border-radius: 0 0 0.5208333333333334vw 0.5208333333333334vw;box-sizing: border-box;display:none;z-index: -2;transition: all 0.5s;}
.head_nav .head_nav_item .head_nav_item_show a{font-size: 0.8333333333333334vw;color: #070f2a;padding: 0.3125vw 0;line-height: initial;justify-content: space-around;align-items: center;box-sizing: border-box;}
.head_nav .head_nav_item .head_nav_item_show a span{width: 0.4166666666666667vw;height: 0.625vw;display: block;background: url(../jt_icon_01.png) no-repeat center center/contain;}
.head_nav .head_nav_item .head_nav_item_show a:hover{background: #073065;color: #fff;border-radius: 0.5208333333333334vw;}
.head_nav .head_nav_item .head_nav_item_show a:hover span{background: url(../jt_icon_02.png) no-repeat center center/contain;}
.head_nav .head_nav_item:hover .head_nav_item_show{z-index: 1;display: block;transition: all 0.5s;}

.head_search,
.head_lang,
.head_menus{width: 5.729166666666667vw;height: 5.208333333333334vw;position: relative;margin-left: 0.5208333333333334vw;cursor: pointer;z-index: 10;}
.head_menus{background: #073065;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.head_menus span{display: block;width: 1.5625vw;height: 0.20833333333333334vw;background: #fff;border-radius: 0.20833333333333334vw;margin: 0.15625vw auto;position: relative;transition: all 0.5s;}
.head_menus span::before{content: "";display: block;width: 0.20833333333333334vw;height: 0.20833333333333334vw;position: absolute;left: -0.4166666666666667vw;top: 0;background: #fff;border-radius: 0.20833333333333334vw;}
.bodyActive{overflow: hidden;}
.bodyActive .head_menus span{transition: all 0.3s;}
.bodyActive .head_menus span:nth-child(2){width: 0;}
.bodyActive .head_menus span::before{width: 0;}
.bodyActive .head_menus span:nth-child(1){transform: rotate(45deg);margin: -0.15625vw 0.15625vw;transition-delay: 0.3s;}
.bodyActive .head_menus span:nth-child(3){transform: rotate(-45deg);margin: -0.5208333333333334vw 0.15625vw;transition-delay: 0.3s;}
.head_search,
.head_lang{background: rgba(255, 255, 255, 0.4);}
.head_lang,
.head_search{display: flex;justify-content: center;align-items: center;}
.head_lang span,
.head_search span{display: block;width: 1.5625vw;height: 1.5625vw;background: url(../lang_icon.png) no-repeat center center/contain;}
.head_lang .head_lang_items{position: absolute;top: 5.208333333333334vw;background: rgba(255, 255, 255, 0.6);width: 100%;display: none;}
.head_lang .head_lang_items a{display: block;line-height: 1.875vw;font-size: 1.0416666666666667vw;font-family: Arial;text-transform: uppercase;color: #070f2a;text-align: center;box-sizing: border-box;}
.head_lang .head_lang_items a:hover{background: #073065;color: #fff;}
.head_lang:hover .head_lang_items{display: block;}
.head_search span{background: url(../search_icon.png) no-repeat center center/contain;}
.head_search .search_bd{position: absolute;top: 0;right: 6.25vw;width: 46.875vw;display: none;z-index: 1;}
.head_search .search_form{display: flex;background: #fff;flex: 1;box-sizing: border-box;}
.head_search .search_form input{width: 41.66666666666667vw;height: 5.208333333333334vw;line-height: 2.0833333333333335vw;border: none;background: none;padding-left: 1.0416666666666667vw;box-sizing: border-box;font-size: 1.0416666666666667vw;}
.head_search .search_form button{background: #eee;border: none;width: 5.208333333333334vw;height: 5.208333333333334vw;line-height: 5.208333333333334vw;display: flex;justify-content: center;align-items: center;}
.head_search .search_form button span{display: block;width: 1.5625vw;height: 1.5625vw;background: url(../search_icon.png) no-repeat center center/contain;}
.fixed header{background: rgba(234, 238, 242, 0.9);}
/*  */
.sj_nav{width: 100vw;height: 100vh;background: #f7f8fb;position: fixed;top: 0;left: 0;right: 0;z-index: 8;overflow: hidden;transform: translateX(100%);transition: all 0.5s ease-in-out;}
.sj_nav_con{width: 100%;height: 100%;}
.sj_nav_left{width: 33.333333333333336vw;height: 100%;display: flex;align-items: center;justify-content: center;}
.sj_nav_right{width: calc(100% - 33.333333333333336vw);height: 100%;overflow-y: auto;padding: 5.208333333333334vw 4.6875vw 0;box-sizing: border-box;}
.sj_nav_tit{font-size: 1.4583333333333335vw;font-weight: bold;color: #00071a;padding-bottom: 1.5625vw;}
.sj_nav_items{padding-bottom: 3.125vw;}
.sj_nav_items .item{border-bottom: 1px dashed #b7b7b9;padding: 1.5625vw 0;}
.sj_nav_items .item .item_left{width: 10.677083333333334vw;}
.sj_nav_items .item .item_left a{display: flex;align-items: center;font-size: 1.1458333333333335vw;font-weight: bold;color: #00071a;}
.sj_nav_items .item .item_left a span{display: block;width: 0.5208333333333334vw;height: 0.5208333333333334vw;background: #073065;margin-right: 1.0416666666666667vw;}
.sj_nav_items .item .item_right{width: calc(100% - 10.677083333333334vw);}
.sj_nav_items .item .item_right a{display: flex;align-items: center;margin-right: 1.5625vw;font-size: 0.8333333333333334vw;color: #00071a;}
.sj_nav_items .item .item_right a span{width: 0.36458333333333337vw;height: 0.36458333333333337vw;background: #073065;margin-right: 0.5208333333333334vw;display: block;transform: rotate(90deg);}
.sj_nav_info{justify-content: space-between;}
.sj_nav_info .item{max-width: 33%;}
.sj_nav_info .item .item_tit{font-size: 0.9375vw;line-height: 1.25vw;color: #222;opacity: 0.6;padding-bottom: 0.5208333333333334vw;}
.sj_nav_info .item .item_txt{font-size: 0.9375vw;line-height: 1.25vw;color: #222;}
.sj_nav_info .item .item_txt b{font-size: 1.9791666666666667vw;font-weight: bold;color: #073065;}
.sj_nav_btm{padding: 1.5625vw 0;margin-top: 1.5625vw;}
.sj_nav_btm .sj_nav_btm_txt{font-size: 0.7291666666666667vw;line-height: 1.0416666666666667vw;color: #222;opacity: 0.6;}
.sj_nav_btm .sj_nav_btm_txt a{color: #222;margin-left: 1.0416666666666667vw;}
.bodyActive .sj_nav{transform: translateX(0);transition: all 0.5s ease-in-out;}
.sj_nav_items .item .item_left a:hover,
.sj_nav_items .item .item_right a:hover{color: #073065;}
/* end header */

/* footer */
footer{background: #f2f4f8;}
.foot_top{justify-content: space-between;padding-top: 3.125vw;}
.foot_top_con{justify-content: space-between;padding: 1.5625vw 0;}
.foot_top_left{width: calc(100% - 6.09375vw);}
.foot_top_left .item{width: max-content;align-items: center;margin-right: 4.6875vw;padding-right: 4.6875vw;position: relative;}
.foot_top_left .item::after{content: "";display: block;width: 1px;height: 2.604166666666667vw;background: rgba(42, 49, 64, 0.1);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.foot_top_left .item .item_ico{width: 3.125vw;height: 3.125vw;border: 1px solid #999;border-radius: 0.5208333333333334vw;display: flex;align-items: center;justify-content: center;margin-right: 1.0416666666666667vw;box-sizing: border-box;}
.foot_top_left .item .item_ico img{width: 1.0416666666666667vw;height: 1.0416666666666667vw;}
.foot_top_left .item .item_con{width: calc(100%);}
.foot_top_left .item .item_con .tit{font-size: 0.9375vw;color: #222;}
.foot_top_left .item .item_con .txt{font-size: 1.1458333333333335vw;color: #073065;font-weight: bold;}
.foot_logo{width: 10.416666666666668vw;height: 4.6875vw;line-height: 4.6875vw;}
.foot_logo a{display: block;width: 100%;height: 100%;}

.foot_top_right{width: 6.09375vw;height: 6.09375vw;}
.foot_btm{border-top: 1px solid rgba(42, 49, 64, 0.1);padding: 1.0416666666666667vw 0;font-size: 0.7291666666666667vw;color: rgba(34, 34, 34, 0.5);text-align: center;}
.foot_btm a{color: rgba(34, 34, 34, 0.5);margin-left: 1.0416666666666667vw;}

.gotops{display: none;position: fixed;right: 0;bottom: 20%;background: #073065;width: 3.125vw;height: 3.125vw;box-shadow: 0 0.5208333333333334vw 1.5625vw rgba(0, 0, 0, 0.08);align-items: center;justify-content: center;cursor: pointer;box-sizing: border-box;transform: rotate(-90deg);border-radius: 0.5208333333333334vw 0.5208333333333334vw 0 0;}
.gotops span{display: flex;justify-content: center;align-items: center;width: 0.4166666666666667vw;height: 0.625vw;background: url(../jt_icon_02.png) no-repeat center center/contain;}
.toshow{display: flex;}
/* end footer */

/* home */
.main_title .tit{font-size: 1.0416666666666667vw;font-weight: bold;color: #00071a;display: flex;align-items: center;}
.main_title .tit span{display: block;width: 0.9375vw;height: 0.9375vw;background: #073065;margin-right: 0.5208333333333334vw;}
.more{width: 9.375vw;margin-top: 2.604166666666667vw;}
.more a{display: flex;align-items: center;justify-content: center;line-height: 2.604166666666667vw;border: 1px solid #00071a;text-align: center;border-radius: 0.5208333333333334vw;transition: all 0.5s ease-in-out;font-size: 0.8333333333333334vw;}
.more a span{display: block;width: 0.4166666666666667vw;height: 0.625vw;background: url(../jt_icon_01.png) no-repeat center center/contain;margin-left: 3.125vw;transition: all 0.5s ease-in-out}
.more a:hover{background: #073065;color: #fff;transition: all 0.5s ease-in-out;}
.more a:hover span{background: url(../jt_icon_02.png) no-repeat center center/contain;transition: all 0.5s ease-in-out;}


/* banner */
.myBanner{position: relative;overflow: hidden;}
.myBanner .swiper-slide a{display: block;height: 100vh;transition: all 3.5s ease-in-out;}
.myBanner .swiper-pagination-banner{text-align: right;position: absolute;bottom: 1.5625vw;z-index: 2;padding: 0 3.125vw;box-sizing: border-box;}
.myBanner .swiper-pagination-banner .swiper-pagination-bullet{width: 0.9375vw;height: 0.9375vw;border-radius: 0;margin: 0 0.3125vw;opacity: 1;background: rgba(255, 255, 255, 0.8);}
.myBanner .swiper-pagination-banner .swiper-pagination-bullet-active{background: #073065;}
.myBanner .swiper-slide-active a{transition: all 3.5s ease-in-out;}
.myBanner_scroll{position: absolute;bottom: 0;z-index: 2;left: 3.125vw;writing-mode: sideways-rl;}
.myBanner_scroll span{font-size: 0.8333333333333334vw;color: #999;display: flex;align-items: center;}
.myBanner_scroll span small{width: 1px;display: inline;height: 5.208333333333334vw;background: #ddd;margin-top: 0.5208333333333334vw;}
.myBanner_scroll span small::before{content: "";display: block;width: 1px;height: 1.5625vw;background: #073065;}
/* end home */

/* about */
.index_about_top{padding: 6.770833333333334vw 0 3.125vw;align-items: center;}
.index_about_left{width: calc(50% - 3.125vw);margin-right: 3.125vw;}
.index_about_left .index_about_con .tit{font-size: 2.1875vw;font-weight: bold;color: #00071a;padding: 4.6875vw 0 1.5625vw 0;}
.index_about_left .index_about_con .txt{font-size: 0.9375vw;line-height: 1.5625vw;color: #666;text-align: justify;}
.index_about_right{width: 50%;border-radius: 0.5208333333333334vw;overflow: hidden;height: 24.84375vw;}
.index_about_right img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease-in-out;}
.index_about_btm{justify-content: space-between;padding-bottom: 3.125vw;}
.index_about_btm .item{position: relative;}
.index_about_btm .item .ico{width: 1.5625vw;height: 1.5625vw;}
.index_about_btm .item .tit{font-size: 2.3958333333333335vw;font-weight: bold;color: #073065;font-family: Arial;margin: 1.0416666666666667vw 0 0;line-height: 3.125vw;display: inline-flex;align-items: flex-end;}
.index_about_btm .item .tit sub{font-size: 0.8333333333333334vw;color: #00071a;line-height: 1.5625vw;}
.index_about_btm .item .txt{font-size: 0.9375vw;color: #00071a;}
.index_about_btm .item::after{content: "";display: block;width: 1px;height: 6.25vw;background: #e2e6ed;position: absolute;top: 50%;right:-5.604167vw;margin-top: -3.125vw;}
.index_about_btm .item:last-child::after{display: none;}
.index_about_right:hover img{transform: scale(1.2);transition: all 0.5s ease-in-out;}
/* end about */

/* product */
.index_product{padding: 3.125vw 0;}
.index_product_top{justify-content: space-between;align-items: center;}
.index_product_nav{width: 70.3125vw;margin: 0;}
.index_product_nav .swiper-slide{text-align: center;display: flex;align-items: center;justify-content: center;font-size: 0.9375vw;color: #00071a;border: 1px solid #00071a;height: 3.125vw;text-align: center;border-radius: 0.5208333333333334vw;box-sizing: border-box;cursor: pointer;padding: 0 0.5208333333333334vw;}
.index_product_nav .swiper-slide-thumb-active{color: #fff;background: #073065;}
.index_product_btm{padding-top: 3.6458333333333335vw;}
.index_product_con{justify-content: space-between;align-items: center;}
.index_product_con_left{width: 18.75vw;}
.index_product_con_left .ico{width: 2.7083333333333335vw;height: 2.7083333333333335vw;}
.index_product_con_left .tit{font-size: 2.0833333333333335vw;font-weight: bold;color: #00071a;margin: 1.0416666666666667vw 0;}
.index_product_con_left .txt{font-size: 0.9375vw;line-height: 1.5625vw;color: #666;}
.index_product_con_right{width: 70.3125vw;overflow: hidden;border-radius: 0.5208333333333334vw;height: 31.25vw;}
.myProductPic{position: relative;max-height:31.25vw;}
.myProductPic .swiper-slide{width: 100%;max-height:31.25vw;height: 100%;overflow: hidden;display: inline-flex;align-items: center;justify-content: center;}
.myProductPic .swiper-slide img{max-width: 100%;max-height: 100%;object-fit: contain;}
.myProductPic .swiper-pagination-ProductPic{position: absolute;bottom: 1.5625vw;left: 0;z-index: 3;text-align: center;}
.myProductPic .swiper-pagination-ProductPic .swiper-pagination-bullet{width: 0.9375vw;height: 0.9375vw;border-radius: 0;margin: 0 0.2604166666666667vw;opacity: 1;background: rgba(255, 255, 255, 0.8);clip-path: polygon(0% 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%);}
.myProductPic .swiper-pagination-ProductPic .swiper-pagination-bullet-active{background: #073065;}
.myProductPic .swiper-button-prev,
.myProductPic .swiper-button-next{width: 3.125vw;height: 4.6875vw;position: absolute;top: 50%;margin-top: -2.34375vw;z-index: 6;pointer-events: auto;}
.myProductPic .swiper-button-prev{left: 0;border-radius: 0 0.5208333333333334vw 0.5208333333333334vw 0;}
.myProductPic .swiper-button-next{right: 0;border-radius: 0.5208333333333334vw 0 0 0.5208333333333334vw;}
.myProductPic .swiper-button-prev::after,
.myProductPic .swiper-button-next::after{font-size: 0;width: 0.4166666666666667vw;height: 0.625vw;background: url(../jt_icon_01.png) no-repeat center/contain;}
.myProductPic .swiper-button-prev::after{transform: rotate(180deg);}
.myProductPic .swiper-button-prev:hover,
.myProductPic .swiper-button-next:hover{background: #073065;}
.myProductPic .swiper-button-prev:hover::after,
.myProductPic .swiper-button-next:hover::after{background: url(../jt_icon_02.png) no-repeat center/contain;}
/* end product */

/* resource */
.index_resource{padding: 3.125vw 0;}
.index_resource_con{padding: 3.125vw;box-sizing: border-box;height: 18.229166666666668vw;text-align: center;border-radius: 0.5208333333333334vw;overflow: hidden;}
.index_resource_tit{font-size: 2.0833333333333335vw;font-weight: bold;color: #fff;margin-bottom: 1.5625vw;}
.index_resource_txt{width: 55.208333333333336vw;margin: 0 auto;font-size: 0.9375vw;line-height: 1.5625vw;color: #fff;}

/* end resource */

/* 内页 */
/* .bar{height: 100vh;} */
.bar2s{height: 100%;text-align: center;position: relative;}
.bar_img{width: 100%;height: 100%;overflow: hidden;}
.bar_img img{display: block;margin: 0 auto;width: 100%;height: 100%;}
.bar_con{width: 100%;height: 100%;align-content: flex-end;}
.bar2s .bar_con{position: absolute;bottom: 60px;left: 0;right: 0;z-index: 0;text-align: left;}
.bar_tit,
.crumbs{width: 100%;}
.crumbs{padding: 3.125vw 0;}
.crumbs .crumbs_item{justify-content: space-between;color: #fff;align-items: center;}
.bar_tit_cn{font-size: 2.5vw;font-weight: bold;color: #fff;font-family: Arial;}
.bar_tit_en{font-size: 1.25vw;font-weight: bold;color: #fff;opacity: 0.3;text-transform: uppercase;}
.crumbs_home{font-size: 0.8333333333333334vw;display: flex;align-items: center;}
.crumbs_home span{width: 0.36458333333333337vw;height: 0.8333333333333334vw;margin-right: 0.5208333333333334vw;}
.crumbs_nav{font-size: 0.7291666666666667vw;color: #fff;}
.crumbs_nav span{width: 0.625vw;height: 0.625vw;}
.crumbs_nav a{color: #fff;margin: 0 0.2604166666666667vw;}

.bar2{height: 18.75vw;}
.bar2 .bar_tit_cn,
.bar2 .bar_tit_en{color: #00071a;}
.bar2 .crumbs{padding: 0 0 3.125vw;margin-top: -3.125vw;}
.bar2 .crumbs .crumbs_item{justify-content: flex-end;}
.bar2 .crumbs .crumbs_home{display: none;}
.bar2 .crumbs .crumbs_nav,
.bar2 .crumbs .crumbs_nav a{color: #999;}
.bar3{height: 23.958333333333336vw;}
.bar3 .bar_tit_cn{font-size: 4.479166666666667vw;}
.bar3 .bar_tit_en{font-size: 2.291666666666667vw;}
.bar4{height: 35.41666666666667vw;}

.main_titles .tit{font-size: 3.125vw;font-weight: bold;color: #00071a;}
.main_titles .txt{font-size: 0.9375vw;font-weight: bold;color: #00071a;opacity: 0.5;text-transform: uppercase;}
.main_titles2 .tit{font-size: 2.8125vw;font-weight: bold;color: #00071a;}
.main_titles3 .tit{font-size: 1.875vw;font-weight: bold;color: #00071a;}
.main_titles3 .txt{font-size: 0.9375vw;font-weight: bold;color: #00071a;opacity: 0.5;text-transform: uppercase;}

.editor{text-align: justify;font-size: 0.9375vw;color: #00071a;}
.editor table{width:100%;}

.about{padding: 6.770833333333334vw 0 3.125vw;}
.about_left{width: 21.614583333333336vw;}
.about_right{width: 46.875vw;padding-top: 1.0416666666666667vw;}
.about_right .editor{height: 380px;overflow: hidden;transition: height 0.5s;}
.about_right_tit{font-size: 2.1875vw;font-weight: bold;color: #00071a;}
.about_right_txt{font-size: 0.9375vw;font-weight: bold;color: #00071a;opacity: 0.5;text-transform: uppercase;margin:0.5208333333333334vw 0 1.5625vw;}
.about_btns{width: 11.458333333333334vw;line-height: 3.125vw;background: rgba(255, 255, 255, 0.6);border: 1px solid #073065;box-sizing: border-box;text-align: center;border-radius: 3.125vw;margin: 1.5625vw auto;cursor: pointer;font-size: 0.9375vw;color: #073065;}
.about_btns:hover{background: #073065;color: #fff;}
.about_trailer{width: 100%;height: 32.5vw;margin: 3.125vw 0;position: relative;}
.about_trailer .pic{width: 100%;height: 100%;object-fit: cover;}
.about_trailer .pic img{width: 100%;height: 100%;object-fit: cover;}
.about_trailer .trailer_btn{width: 11.458333333333334vw;line-height: 3.125vw;background: rgba(255, 255, 255, 0.6);border: 1px solid #fff;box-sizing: border-box;border-radius: 3.125vw;position: absolute;bottom: 3.125vw;left: 0;right: 0;margin: 0 auto;justify-content: space-around;align-items: center;cursor: pointer;font-size: 0.9375vw;color: #073065;}
.about_trailer .trailer_btn span{width: 2.291666666666667vw;height: 2.291666666666667vw;border-radius: 50%;background: url(../about_trailer_icon.png) no-repeat center/contain;}

.trailer_pop{display: none;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;right: 0;z-index: 9;}
.trailer_pop_con{align-items: center;height: 100%;}
.trailer_pop video{width: 70vw;height: auto;margin: 0 auto;}
.trailer_pop .colse{position: absolute;right: 1.5625vw;top: 1.5625vw;width: 2.0833333333333335vw;height: 2.0833333333333335vw;border: 2px solid #fff;border-radius: 50%;cursor: pointer;}
.trailer_pop .colse::before,
.trailer_pop .colse::after{content: "";display: block;width: 1.0416666666666667vw;height: 2px;background: #fff;position: absolute;top: 50%;margin-top: -1px;left: 50%;margin-left: -0.5208333333333334vw;}
.trailer_pop .colse::before{transform: rotate(45deg);}
.trailer_pop .colse::after{transform: rotate(-45deg);}

.culture{padding-top: 0;}
.culture_items{padding: 3.125vw 0 9.375vw;}
.culture_items .item{width: calc(100% / 3 - 1.9614583333333333vw);margin-right: 2.8645833333333335vw;margin-bottom: 2.0833333333333335vw;height: 26.5625vw;position: relative;}
.culture_items .item:nth-child(3n){margin-right: 0;}
.culture_items .item::after{content: '';display: block;width: 100%;height: 0;background: rgba(255, 255, 255, 0.7);position: absolute;bottom: 0;left: 0;right: 0;border-radius: 1.3020833333333335vw;transition: all 0.5s;}
.culture_items .item .tct{height: 100%;padding: 1.5625vw;box-sizing: border-box;position: relative;border: 2px solid #d3dce8;border-bottom: none;border-radius: 1.3020833333333335vw;color: #fff;text-align: center;align-content: flex-start;z-index: 2;justify-content: center;}
.culture_items .item .tct::before,
.culture_items .item .tct::after{content: "";display: block;width: 6.25vw;height: 6.25vw;border-bottom: 2px solid #d3dce8;position: absolute;bottom: 0;overflow: hidden;}
.culture_items .item .tct::before{left: -2px;border-radius:0 0 0 1.3020833333333335vw;}
.culture_items .item .tct::after{right: -2px;border-radius:0 0 1.3020833333333335vw 0;}
.culture_items .item .tct_tit{width: 100%;font-size: 2.1875vw;padding-top: 6.125vw;margin-bottom: 1.5625vw;font-weight: bold;transition: all 0.5s;color: #00071a;}
.culture_items .item .tct_txt{font-size: 1.4583333333333335vw;font-weight: bold;transition: all 0.5s;color: #00071a;opacity: 0.6;width: 18.75vw;}
.culture_items .item .tct_tst{display: block;font-size: 1.5625vw;position: absolute;left: 0;right: 0;bottom: -1.0416666666666667vw;font-weight: bold;transition: all 0.5s;color: #00071a;}
.culture_items .item.active .tct,
.culture_items .item:hover .tct{border: 1px solid #fff;box-shadow: 0 0.5208333333333334vw 1.5625vw 0.5208333333333334vw rgba(0, 0, 0, 0.05);}
.culture_items .item.active::after,
.culture_items .item:hover::after{height: 100%;transition: all 0.5s;border-bottom: 1px solid #fff;}
.culture_items .item.active .tct .tct_tit{padding-top: 4.822917vw;transition: all 0.5s;}
.culture_items .item.active .tct .tct_txt{color: #073065;transition: all 0.5s;opacity: 1;}
.culture_items .item.active .tct .tct_tst{bottom: 2.604166666666667vw;color: #333;font-size: 2.3958333333333335vw;font-weight: 500;transition: all 0.5s;}
.culture_items .item.active .tct::before,
.culture_items .item.active .tct::after{border-bottom: 2px solid #fff;}

.history{padding: 6.25vw 0;}
.history .preview{position: relative;}
.history .preview::before{content: "";display: block;width: 200%;height: 1px;background:#aeb4c2;position: absolute;top: 8.333333333333334vw;left: -50%;}
.history .preview .swiper-container{overflow: hidden;padding: 3.6458333333333335vw 11.458333333333334vw 2.604166666666667vw 11.458333333333334vw;position: relative;}
.history .preview .swiper-container .swiper-slide{font-size: 1.3541666666666667vw;line-height: 3.4375vw;color: #aeb4c2;position: relative;text-align: center;cursor: pointer;}
.history .preview .swiper-container .swiper-slide::before,
.history .preview .swiper-container .swiper-slide::after{content: "";display: block;border-radius: 50%;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -2.34375vw;z-index: 2;}
.history .preview .swiper-container .swiper-slide::before{width: 1.9791666666666667vw;height: 1.9791666666666667vw;border:1px solid #aeb4c2;}
.history .preview .swiper-container .swiper-slide::after{width: 1.1458333333333335vw;height: 1.1458333333333335vw;background: #aeb4c2;margin: 0.4166666666666667vw auto;}
.history .preview .swiper-container .active-nav::after{background: #073065;}
.history .preview .swiper-container .active-nav::before{border:1px solid #073065;}
.history .preview .swiper-container .active-nav{font-size: 2.3958333333333335vw;color: #073065;font-weight: bold;}
.history .view {position: relative;padding: 3.125vw 11.458333333333334vw 0;box-sizing: border-box;}
.history .view .box_con{justify-content: space-between;align-items: center;}
.history .view .swiper-container{width: calc(100%);overflow: hidden;}
.history .view .swiper-container .swiper-slide{justify-content: space-between;}
.history .view .swiper-container .swiper-slide .history_tit{width: 13.541666666666668vw;}
.history .view .swiper-container .swiper-slide .history_tit .tit{font-size: 3.125vw;color: #00071a;font-weight: bold;}
.history .view .swiper-container .swiper-slide .history_tit .tit span{font-size: 1.25vw;}
.history .view .swiper-container .swiper-slide .history_tit .tit::after{content: "";display: block;width: 1.5625vw;height: 0.20833333333333334vw;background: #073065;margin: 1.5625vw 0;}
.history .view .swiper-container .swiper-slide .history_tit .txt{font-size: 2.291666666666667vw;color: #00071a;font-weight: bold;}
.history .view .swiper-container .swiper-slide .history_tct{width: calc(100% - 14.583333333333334vw);box-sizing: border-box;justify-content: space-between;}
.history .view .swiper-container .swiper-slide .history_tct .pic{width: 25.364583333333336vw;height: 14.947916666666668vw;overflow: hidden;border-radius: 0.5208333333333334vw;}
.history .view .swiper-container .swiper-slide .history_tct .editor{height: 14.947916666666668vw;overflow-y: auto;width: calc(100% - 26.041666666666668vw);margin: 0;padding-right: 1.5625vw;padding-left: 1.5625vw;box-sizing: border-box;}
.history .view .arrow-left,
.history .view .arrow-right{display: flex;width: 2.604166666666667vw;height: 2.604166666666667vw;line-height: 2.5vw;border: 1px solid #aeb4c2;background: #fff;position: absolute;box-sizing: border-box;border-radius: 0.2604166666666667vw;align-items: center;justify-content: center;z-index: 2;top: -2.604166666666667vw;}
.history .view .arrow-left span,
.history .view .arrow-right span{display: block;width: 0.4166666666666667vw;height: 0.625vw;background: url(../jt_icon_01.png) no-repeat center/contain;}
.history .view .arrow-right{right: 0;}
.history .view .arrow-left{left: 0;transform: rotate(180deg);}
.history .view .arrow-left:hover,
.history .view .arrow-right:hover{background: #073065;color: #fff;border:1px solid #073065;}
.history .view .arrow-left:hover span,
.history .view .arrow-right:hover span{background: url(../jt_icon_02.png) no-repeat center/contain;}

.honor{padding: 6.25vw 0;}
.honor_nav{justify-content: flex-end;margin-top: -5.208333333333334vw;}
.honor_nav .item{font-size: 1.1458333333333335vw;color: #fff;opacity: 0.6;padding: 1.0416666666666667vw 0;border-bottom: 2px solid transparent;margin-left: 1.0416666666666667vw;cursor: pointer;}
.honor_nav .item.active{border-bottom: 2px solid #fff;opacity: 1;}
.honor_con{margin-top: 4.6875vw;}
.honor_con .honor_items{display: none;}
.honor_con .honor_items.active{display: block;}
.myHonor{overflow: hidden;position: relative;}
.myHonor .swiper-slide{width: 100%;height: 18.229166666666668vw;border: 1px solid #fff;box-sizing: border-box;border-radius: 0.5208333333333334vw;overflow: hidden;background: rgba(255, 255, 255, 0.2);padding: 2.0833333333333335vw;}
.myHonor .swiper-slide .pic{max-width: 16.145833333333336vw;height: 10.9375vw;overflow: hidden;margin: 0 auto;text-align: center;display: flex;align-items: center;justify-content: center;}
.myHonor .swiper-slide .pic img{width: auto;max-height: 100%;object-fit: cover;cursor:pointer;}
.myHonor .swiper-slide .tit{font-size: 1.0416666666666667vw;line-height: 2.0833333333333335vw;color: #fff;text-align: center;margin-top: 1.0416666666666667vw;}
.myHonor .swiper-pagination-Honor{text-align: center;}
.myHonor .swiper-pagination-Honor .swiper-pagination-bullet{width: 3.125vw;height: 0.15625vw;background: #fff;opacity: 0.5;border-radius: 0;margin: 3.125vw 0.5208333333333334vw 0;position: relative;}
.myHonor .swiper-pagination-Honor .swiper-pagination-bullet-active{opacity: 1;}
.myHonor .swiper-pagination-Honor .swiper-pagination-bullet-active::after{opacity: 0.5;}
.myHonor .swiper-pagination-Honor .swiper-pagination-bullet:last-child::after{display: none;}

/*  */
.news_nav{padding: 1.5625vw 0;}
.news_nav .news_nav_item a{display: block;width: 10.416666666666668vw;line-height: 3.125vw;text-align: center;color: #00071a;font-size: 1.0416666666666667vw;border: 1px solid #00071a;box-sizing: border-box;border-radius: 0.5208333333333334vw;margin-right: 1.5625vw;}
.news_nav .news_nav_item.active a{background: #073065;color: #fff;}
.mySwiper{padding-bottom: 3.125vw;}
.mySwiper .swiper-slide a{justify-content: space-between;padding-bottom: 3.125vw;margin-top: 1.5625vw;}
.mySwiper .swiper-slide .news_pic,
.mySwiper .swiper-slide .news_tct{width: calc(100% / 2 - 1.0416666666666667vw);background: rgba(255, 255, 255, 0.6);height: 20.833333333333336vw;border-radius: 0.5208333333333334vw;overflow: hidden;}
.mySwiper .swiper-slide .news_pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.mySwiper .swiper-slide .news_tct{padding: 2.0833333333333335vw;box-sizing: border-box;box-shadow: 0 0.5208333333333334vw 1.0416666666666667vw rgba(0, 0, 0, 0.05);}
.mySwiper .swiper-slide .news_tct .time{font-size: 0.9375vw;color: #070f2a;display: flex;align-items: center;}
.mySwiper .swiper-slide .news_tct .time span{display: block;width: 0.8333333333333334vw;height: 0.78125vw;background: url(../time_icon.png) no-repeat center/contain;margin-right: 0.5208333333333334vw;}
.mySwiper .swiper-slide .news_tct .tit{font-size: 1.6666666666666667vw;font-weight: bold;color: #070f2a;margin: 1.0416666666666667vw 0;}
.mySwiper .swiper-slide .news_tct .txt{font-size: 0.9375vw;line-height: 1.6666666666666667vw;color: #070f2a;opacity: 0.7;}
.mySwiper .swiper-slide .news_tct .more2{width: 10.416666666666668vw;line-height: 2.604166666666667vw;border: 1px solid #070f2a;display: flex;align-items: center;justify-content: space-evenly;border-radius: 0.5208333333333334vw;font-size: 0.8333333333333334vw;color: #333;text-transform: uppercase;margin-top: 1.875vw;}
.mySwiper .swiper-slide .news_tct .more2 span{display: block;width: 0.4166666666666667vw;height: 0.625vw;background: url(../jt_icon_01.png) no-repeat center/contain;}
.mySwiper .swiper-pagination-progressbar{top: auto;bottom: 0;width: 90%;margin: 3.125vw 0;}
.mySwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #073065;}
.swiper-buttons{width: 10%;position: absolute;bottom: 2.0833333333333335vw;right: 0;height: 2.604166666666667vw;}
.swiper-buttons .swiper-button-prev,
.swiper-buttons .swiper-button-next{width: 2.604166666666667vw;height: 2.604166666666667vw;background: #fff;border-radius: 0.2604166666666667vw;pointer-events: auto;border: 1px solid #073065;}
.swiper-buttons .swiper-button-prev::after,
.swiper-buttons .swiper-button-next::after{font-size: 0;width: 0.4166666666666667vw;height: 0.625vw;background: url(../jt_icon_01.png) no-repeat center/contain;}
.swiper-buttons .swiper-button-prev:hover,
.swiper-buttons .swiper-button-next:hover{background: #073065;}
.swiper-buttons .swiper-button-prev:hover::after,
.swiper-buttons .swiper-button-next:hover::after{background: url(../jt_icon_02.png) no-repeat center/contain;}
.swiper-buttons .swiper-button-prev{transform: rotate(180deg);}

.mySwiper .swiper-slide:hover .news_pic img{transform: scale(1.1);transition: all 0.5s;}
.mySwiper .swiper-slide:hover .news_tct .tit{color: #073065;transition: all 0.5s;}
.mySwiper .swiper-slide:hover .news_tct .more2{background: #073065;color: #fff;transition: all 0.5s;}
.mySwiper .swiper-slide:hover .news_tct .more2 span{background: url(../jt_icon_02.png) no-repeat center/contain;transition: all 0.5s;}

/*  */
.news_list .item{width: calc(100% / 3 - 1.0416666666666667vw);margin: 2.0833333333333335vw 1.5625vw 0 0;box-sizing: border-box;background: #f5f5f5;border-radius: 0.5208333333333334vw;box-shadow: 0 0.5208333333333334vw 1.0416666666666667vw rgba(0, 0, 0, 0.05);overflow: hidden;;transition: all 0.5s;border: 1px solid rgba(0, 0, 0, 0.1);}
.news_list .item:nth-child(3n){margin-right: 0;}
.news_list .item .item_tct{padding: 1.5625vw 2.0833333333333335vw;box-sizing: border-box;}
.news_list .item .item_tct .time{font-size: 0.9375vw;color: #070f2a;display: flex;align-items: center;}
.news_list .item .item_tct .time span{display: block;width: 0.8333333333333334vw;height: 0.78125vw;background: url(../time_icon.png) no-repeat center/contain;margin-right: 0.5208333333333334vw;}
.news_list .item .item_tct .tit{font-size: 1.25vw;font-weight: bold;color: #070f2a;margin-top: 0.2vw;transition: all 0.5s;}
.news_list .item .item_tct .txt{display: flex;align-items: center;font-size: 0.7291666666666667vw;color: #070f2a;}
.news_list .item .item_tct .txt span{width:0.7291666666666667vw;height: 0.7291666666666667vw;background: url(../news_list_icon.png) no-repeat center/contain;margin-right: 0.5208333333333334vw;}
.news_list .item .item_tct .tst{justify-content: space-between;}
.news_list .item .item_tct .tst .tst_left{font-size: 0.9375vw;color: #070f2a;display: flex;align-items: center;transition: all 0.5s;}
.news_list .item .item_tct .tst .tst_left span{display: block;width: 0.8333333333333334vw;height: 0.78125vw;background: url(../time_icon.png) no-repeat center/contain;margin-right: 0.5208333333333334vw;}
.news_list .item .item_tct .tst .tst_right{width: 6.25vw;line-height: 2.604166666666667vw;display: flex;align-items: center;justify-content: space-evenly;border-radius: 0.5208333333333334vw;font-size: 0.8333333333333334vw;color: #333;text-transform: uppercase;background: #dedfdf;transition: all 0.5s;}
.news_list .item .item_tct .tst .tst_right span{display: block;width: 0.4166666666666667vw;height: 0.625vw;background: url(../jt_icon_01.png) no-repeat center/contain;transition: all 0.5s;}
.news_list .item .item_pic{width: 100%;height: 13.541666666666668vw;border-radius: 0 0 0.5208333333333334vw 0.5208333333333334vw;overflow: hidden;}
.news_list .item .item_pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.news_list .item:hover{box-shadow: 0 0.5208333333333334vw 1.0416666666666667vw rgba(34, 34, 34, 0.2);}
.news_list .item:hover .item_tct .tst .tst_right{background: #073065;color: #fff;transition: all 0.5s;}
.news_list .item:hover .item_tct .tst .tst_right span{background: url(../jt_icon_02.png) no-repeat center/contain;transition: all 0.5s;}
.news_list .item:hover .item_tct .tit,
.news_list .item:hover .item_tct .tst .tst_left{color: #073065;transition: all 0.5s;}
.news_list .item:hover .item_pic img{transform: scale(1.1);transition: all 0.5s;}

.page_list{justify-content: center;padding: 3.125vw 0;}
.page_list .pages_list_item{width: 3.125vw;height: 3.125vw;border: 1px solid #ccc;text-align: center;line-height: 3.0208333333333335vw;font-size: 1.0416666666666667vw;color: #070f2a;margin: 0 0.2604166666666667vw;overflow: hidden;box-sizing: border-box;border-radius: 0.5208333333333334vw;}
.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: #073065;color: #fff;transition: all ease-in-out 0.5s;}
.page_list .pages_list_item a span{display: block;width: 0.46875vw;height: 0.8854166666666667vw;background: url(../jt_icon_01.png) no-repeat center center/contain;transition: all ease-in-out 0.5s;}
.page_list .pages_list_item:hover a span{background: url(../jt_icon_02.png) no-repeat center center/contain;}
.page_list .pages_list_item:first-child{transform: rotateY(180deg);}

.news_conss{background: rgba(255, 255, 255, 0.6);padding: 4.166666666666667vw;box-sizing: border-box;box-shadow: 0 0.5208333333333334vw 1.0416666666666667vw rgba(0, 0, 0, 0.05);margin-bottom: 3.125vw;margin-top: 4.166666666666667vw;}
.news_titles{text-align: center;padding-bottom: 1.5625vw;}
.news_titles .tit{font-size: 2.3958333333333335vw;font-weight: bold;color: #070f2a;text-align: center;margin-bottom: 1.5625vw;text-align: center;border-bottom: 1px solid #eaeff2;padding-bottom: 1.5625vw;}
.news_titles .txt{font-size: 0.8333333333333334vw;color: #070f2a;}
.news_titles .txt span{margin: 0 0.78125vw;}

.product_page{margin: 3.125vw auto 0;justify-content: space-between; border-top: 1px solid #eee;background: #f0f4f6;padding: 0 3.125vw;box-sizing: border-box;}
.product_page_item a{font-size: 0.8333333333333334vw;line-height: 3.125vw;color: #070f2a;box-sizing: border-box;justify-content: space-between;width: 100%;align-items: center;display: inline-flex;border-radius: 0.5208333333333334vw;padding: 1.0416666666666667vw 0;}
.product_page_item a em{display:inline-block;vertical-align: middle;background: url(../jt_icon_01.png) no-repeat center/contain;transition: ease-in-out 0.5s;width: 0.4166666666666667vw;height: 0.625vw;margin: 0 0.5208333333333334vw;transition: ease-in-out 0.5s;}
.product_page_item:nth-child(2) a{justify-content: center;}
.product_page_item:nth-child(2) a em{background: url(../jt_icon2.png) no-repeat;width: 18px;height: 14px;margin-right: 0.5208333333333334vw;}
.product_page_item:nth-child(1) a em{transform: rotate(180deg);}
/*.product_page_item:last-child a{flex-direction: row-reverse;}*/

/*  */
.contact{padding: 3.125vw 0;}
.contact_form,
.contact_items{margin: 0 0 3.6458333333333335vw;}
.form_item{justify-content: space-between;margin-bottom: 1.5625vw;width: 100%;}
.form_item .form_items .form_items_tit{font-size: 1.0416666666666667vw;line-height: 1.5625vw;color: #070f2a;margin-bottom: 0.5208333333333334vw;}
.form_item .form_items .form_items_tit font{color: #f30b0b;}
.form_item .form_items .form_items_txt{position: relative;overflow: hidden;border-radius: 0.2604166666666667vw;background: #fff;}
.form_item .form_items .form_items_txt .yzm_img{width: 7.291666666666667vw;height: 3.0208333333333335vw;line-height: 3.0208333333333335vw;display: inline-flex;align-items: center;position: absolute;right: 1px;bottom: 1px;overflow: hidden;border-radius: 0.2604166666666667vw;}
.form_item .form_items .form_items_txt .yzm_img img{width: 100%;height: 100%;}
.form_item .form_items .form_items_txt input{font-size: 1.0416666666666667vw;width: 100%;height: 3.125vw;line-height: 3.125vw;border: 1px solid #cbcbcb;border-radius: 0.2604166666666667vw;padding: 0 1.0416666666666667vw;box-sizing: border-box;background: none;}
.form_item .form_items{width: 100%;}
.form_item .form_items .form_items_txt textarea{font-size: 1.0416666666666667vw;width: 100%;background: none;border: 1px solid #cbcbcb;border-radius: 0.2604166666666667vw;padding: 0 1.0416666666666667vw;box-sizing: border-box;}
.form_item1 .form_items{width: calc(100% / 3 - 1.40625vw);margin-right: 2.0833333333333335vw;}
.form_item1 .form_items:nth-child(3){margin-right: 0;}
.form_item2 .form_items{width: calc(100% / 4 - 1.5625vw);margin-right: 2.0833333333333335vw;}
.form_item2 .form_items:nth-child(4),
.form_item2 .form_items:last-child{margin-right: 0;}
.form_item:last-child .form_items:last-child{text-align: right;}
.contact_form{margin-top: 3.125vw;}
.contact_form .form_item:last-child .form_items:last-child .form_items_txt{background: none;}
.btnn{max-width: 7.8125vw;width: 100%;line-height: 3.125vw;text-align: center;font-size: 1.0416666666666667vw;color: #070f2a;border: 1px solid #070f2a;border-radius: 0.2604166666666667vw;background: none;margin-left: 1.0416666666666667vw;box-sizing: border-box;}

.contact_item_top{justify-content: space-between;border-bottom: 1px solid #e5e5e5;padding-bottom: 2.0833333333333335vw;margin-bottom: 2.0833333333333335vw;margin-top: 2.0833333333333335vw;}
.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: -7.291666666666667vw;}
.contact_item_top .item:first-child:after{display: none;}
.contact_item_top .item .item_txt{font-size: 1.0416666666666667vw;color: #999;display: inline-flex;align-items: center;padding: 0.5208333333333334vw 0;}
.contact_item_top .item .item_txt span{margin-right: 0.5208333333333334vw;width: 1.0416666666666667vw;height: 1.0416666666666667vw;}

.contact_item_top .item .item_tit{font-size: 1.5625vw;font-weight: bold;color: #073065;}
.contact_item_top .item .item_tst{display: block;font-size: 1.25vw;color: #070f2a;}                                                                                                  
.contact_item_btm{justify-content: space-between;align-items: flex-end;margin-bottom: 2.0833333333333335vw;}
.contact_item_btm_left .item_txt{font-size: 1.0416666666666667vw;color: #999;display: inline-flex;align-items: center;padding: 0.5208333333333334vw 0;}
.contact_item_btm_left .item_txt span{margin-right: 0.5208333333333334vw;width: 1.0416666666666667vw;height: 1.0416666666666667vw;}
.contact_item_btm_left .item_tst{display: block;font-size: 1.25vw;color: #070f2a;font-weight: bold;}
.contact_item_btm_right p{width: 6.25vw;height: 6.25vw;overflow: hidden;display: none;}
.contact_item_btm_right .btm_list{margin: 0 0 0 0.5208333333333334vw;position: relative;cursor: pointer;}
.contact_item_btm_right .btm_list span{display: inline-flex;align-items: center;justify-content: center;border-radius: 0.2604166666666667vw;overflow: hidden;width: 1.875vw;height: 1.875vw;border: 1px solid #070f2a;}
.contact_item_btm_right .btm_list span img{width: 1.25vw;height: 1.25vw;}
.contact_item_btm_right .btm_list .btm_list_show{position: absolute;bottom: 1.875vw;left: -50%;margin-left: -1.1458333333333335vw;background: #fff;width: 6.25vw;height: 6.25vw;display: none;}
.contact_item_btm_right .btm_list:hover .btm_list_show{display: block;}

#allmap{height: 29.166666666666668vw;}

.myEsg{height: 38.020833333333336vw;position: relative;overflow: hidden;padding-top: 3.125vw;}
.myEsg .swiper-slide{display: flex;}
.myEsg .swiper-slide .esg_item_left{width: 3.6458333333333335vw;height: 3.6458333333333335vw;}
.myEsg .swiper-slide .esg_item_right{width: 70.83333333333334vw;padding: 0 1.0416666666666667vw;}
.myEsg .swiper-slide .esg_item_right .tit{font-size: 1.875vw;font-weight: bold;color: #00071a;margin-top: 0.5208333333333334vw;}
.myEsg .swiper-slide .esg_item_right .txt{font-size: 1.4583333333333335vw;color: #00071a;margin: 1.0416666666666667vw 0 1.5625vw;}
.myEsg .swiper-button{width: 3.125vw;position: absolute;right: 0;top: 3.125vw;height: 1.5625vw;z-index: 2;}
.myEsg .swiper-button .swiper-button-next,
.myEsg .swiper-button .swiper-button-prev{width: 1.5625vw;height: 1.5625vw;right: 0;top: 0;margin-top: 0;}
.myEsg .swiper-button .swiper-button-next::after,
.myEsg .swiper-button .swiper-button-prev::after{font-size: 0;width: 0.4166666666666667vw;height: 0.625vw;background: url(../jt_icon_01.png) no-repeat center center/contain;}
.myEsg .swiper-button .swiper-button-prev{transform: rotate(180deg);left: 0;}

/*  */
.join_one{height: 28.645833333333336vw;display: flex;flex-wrap: wrap;align-content: center;border-radius: 0.5208333333333334vw;margin-top: 3.125vw;}
.join_title .ico{width: 3.6458333333333335vw;height: 3.6458333333333335vw;margin-right: 1.5625vw;}
.join_title .tct{width: calc(100% - 5.208333333333334vw);}
.join_title .tct .tit{font-size: 1.875vw;font-weight: bold;color: #00071a;margin-top: 0.5208333333333334vw;}
.join_title .tct .txt{font-size: 1.4583333333333335vw;color: #00071a;}
.join_title .tct .tst{font-size: 0.8333333333333334vw;color: #00071a;}
.join_one .editor{padding-left: 5.208333333333334vw;width: 44.270833333333336vw;box-sizing: border-box;margin: 0;}

.join_two,
.join_three{margin-top: 3.125vw;}
.join_two_items{margin: 1.5625vw 0;}
.join_two_items .item{width: calc(100% / 2 - 0.78125vw);margin-right: 1.5625vw;margin-top: 1.5625vw;height: 8.333333333333334vw;border-radius: 0.5208333333333334vw;padding-left: 5.208333333333334vw;box-sizing: border-box;display: flex;align-items: center;font-size: 1.6666666666666667vw;font-weight: bold;color: #fff;}
.join_two_items .item:nth-child(2n){margin-right: 0;}

.myCulture{margin: 3.125vw 0;}
.myCulture .swiper-slide .pic{width: 100%;height: 16.666666666666668vw;overflow: hidden;border-radius: 0.5208333333333334vw;}
.myCulture .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;}
.myCulture .swiper-slide .tit{font-size: 1.25vw;font-weight: bold;color: #00071a;text-align: center;margin-top: 1.0416666666666667vw;}
.myCulture .swiper-pagination-Culture{text-align: center;margin: 1.5625vw auto;}
.myCulture .swiper-pagination-Culture .swiper-pagination-bullet{width: 0.78125vw;height: 0.78125vw;border-radius: 0.2604166666666667vw;}
.myCulture .swiper-pagination-Culture .swiper-pagination-bullet-active{background: #073065;}

.join_item{margin-top: 2.0833333333333335vw;}
.join_item .tit{padding: 1.3020833333333335vw 1.8229166666666667vw;box-sizing: border-box;background: #f4f5f7;align-items: center;border-radius: 0.78125vw;border-left: 0.2604166666666667vw solid #073065;cursor: pointer;}
.join_item .tit em{width: 2.604166666666667vw;height: 2.604166666666667vw;background: #073065;border-radius: 0.5208333333333334vw;position: relative;box-shadow: 0 0.2604166666666667vw 1.0416666666666667vw #073065;}
.join_item .tit em::before,
.join_item .tit em::after{content: "";display: block;width: 0.9375vw;height: 2px;background: #fff;margin: 1.25vw 0.8333333333333334vw;position: absolute;top: 0;}
.join_item .tit em::after{transform: rotate(90deg);}
.join_item .tit .tit_left{width: 25vw;font-size: 1.25vw;line-height: 1.875vw;color: #333;font-weight: bold;}
.join_item .tit .tit_right{width: calc(100% - 27.604166666666668vw);}
.join_item .tit .tit_right span{font-size: 0.8333333333333334vw;line-height: 1.6666666666666667vw;color: #333;margin-right: 1.0416666666666667vw;}
.join_item .tit .tit_right span img{width: 0.6770833333333334vw;height: 0.8854166666666667vw;}
.join_item .tct{padding: 1.3020833333333335vw 1.8229166666666667vw;box-sizing: border-box;background: #f4f5f7;border-radius: 0.78125vw;margin-top: 1.0416666666666667vw;display: none;}
.join_item.active .tit em::after{display: none;}
.join_item.active .tct{display: block;}


.join_four{margin: 1.5625vw auto;}
.product_more{font-size: 0.8333333333333334vw;line-height: 3.125vw;text-align: center;background: #073065;color: #fff;border-radius: 0.5208333333333334vw;width: 11.458333333333334vw;margin: 3.125vw auto;}

.product{padding: 3.125vw 0;align-items: flex-start;justify-content: space-between;}
.product_left{background: #fff;box-shadow: 0 0.5208333333333334vw 1.0416666666666667vw rgba(0, 0, 0, 0.1);width: 23.958333333333336vw;padding: 2.0833333333333335vw;box-sizing: border-box;}
.product_left_tit{font-size: 1.1458333333333335vw;color: #00071a;border-bottom: 1px solid #eff1f6;padding-bottom: 1.0416666666666667vw;margin-bottom: 1.0416666666666667vw;}
.product_left_nav .item a{font-size: 1.5625vw;color: #00071a;padding: 0.5208333333333334vw 0;display: flex;justify-content: space-between;}
.product_left_nav .item a span{display: block;}
.product_left_nav .item a span::before,
.product_left_nav .item a span::after{content: "";display: block;width: 1.0416666666666667vw;height: 2px;background: #00071a;transition: all 0.3s;margin-top: 1.0416666666666667vw;}
.product_left_nav .item a span::after{transform: rotate(90deg);margin-top: -2px;}
.product_left_nav .item a.active span::after,
.product_left_nav .item a.active .product_left_nav .item a.active span::after{display: none;}

.product_left_nav .item .product_left_nav .item a{font-size: 1.25vw;padding-left: 0.5208333333333334vw;box-sizing: border-box;}
.product_left_nav .item .product_left_nav .item .product_left_nav .item a{font-size: 1.0416666666666667vw;padding-left: 1.0416666666666667vw;box-sizing: border-box;}
.product_left_nav .item .product_left_nav .item .product_left_nav .item a span{display: none;}
.product_left_nav .item a.active{color: #073065;}

.product_right{width: 60.41666666666667vw;}
.myProduct{overflow: hidden;position: relative;}
.myProduct .swiper-slide{width:100%;height: 26.5625vw;border-radius: 0.5208333333333334vw;overflow: hidden;display: inline-flex;align-items: center;justify-content: center;}
.myProduct .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.myProduct .swiper-pagination-product{text-align: center;margin: 0;position: absolute;bottom: 1.5625vw;z-index: 3;}
.myProduct .swiper-pagination-product .swiper-pagination-bullet{width: 0.78125vw;height: 0.78125vw;border-radius: 0;clip-path: polygon(0% 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%);background: rgba(255, 255, 255, 0.8);opacity: 1;}
.myProduct .swiper-pagination-product .swiper-pagination-bullet-active{background: #073065;}
.myProduct .swiper-button-prev,
.myProduct .swiper-button-next{width: 3.125vw;height: 4.6875vw;position: absolute;top: 50%;margin-top: -2.34375vw;z-index: 6;pointer-events: auto;}
.myProduct .swiper-button-prev{left: 0;border-radius: 0 0.5208333333333334vw 0.5208333333333334vw 0;}
.myProduct .swiper-button-next{right: 0;border-radius: 0.5208333333333334vw 0 0 0.5208333333333334vw;}
.myProduct .swiper-button-prev::after,
.myProduct .swiper-button-next::after{font-size: 0;width: 0.4166666666666667vw;height: 0.625vw;background: url(../jt_icon_01.png) no-repeat center/contain;}
.myProduct .swiper-button-prev::after{transform: rotate(180deg);}
.myProduct .swiper-button-prev:hover,
.myProduct .swiper-button-next:hover{background: #073065;}
.myProduct .swiper-button-prev:hover::after,
.myProduct .swiper-button-next:hover::after{background: url(../jt_icon_02.png) no-repeat center/contain;}
.product_right .editor{margin: 3.125vw 0;}

.product_list .item_tit{background: #073065;border-radius: 0.5208333333333334vw;align-items: center;padding:0 1.5625vw;box-sizing: border-box;}
.product_list .item_tit span{width: 22%;margin-right: 0.5%;font-size: 1.0416666666666667vw;color: #fff;padding: 1.0416666666666667vw 0 1.0416666666666667vw 1.0416666666666667vw;box-sizing: border-box;}
.product_list .item_tit span:last-child{width: 10%;margin-right: 0;}
.item_list .item{background: #fff;box-shadow: 0 0.5208333333333334vw 1.0416666666666667vw rgba(0, 0, 0, 0.1);margin: 1.0416666666666667vw auto;align-items: center;padding:0 1.5625vw;box-sizing: border-box;border-radius: 0.5208333333333334vw;}
.item_list .item span{width: 22%;margin-right: 0.5%;font-size: 0.9375vw;color: #070f2a;padding: 1.0416666666666667vw 0 1.0416666666666667vw 1.0416666666666667vw;box-sizing: border-box;}
.item_list .item span:first-child{font-size: 1.25vw;font-weight: bold;display: flex;align-items: center;position: relative;}
.item_list .item span:first-child::before{content: "";display: block;width: 0.5208333333333334vw;height: 0.5208333333333334vw;background: #073065;clip-path: polygon(0% 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.item_list .item span:last-child{width: 10%;margin-right: 0;font-size: 0.8333333333333334vw;text-transform: uppercase;padding: 1.0416666666666667vw 0;}
.item_list .item span:last-child a{display: flex;justify-content: center;align-items: center;}
.item_list .item span:last-child em{display: block;width: 0.4166666666666667vw;height: 0.625vw;background: url(../jt_icon_01.png) no-repeat center/contain;margin-left: 0.5208333333333334vw;}
.product_list .item_tit span:nth-child(2),
.product_list .item_tit span:nth-child(3),
.item_list .item span:nth-child(2),
.item_list .item span:nth-child(3){width: 12%;}
.product_list .item_tit span:nth-child(4),
.item_list .item span:nth-child(4){width:36%;}

.product_info{padding: 3.125vw 0;}
.product_info_tit{justify-content: space-between;align-items: center;}
.product_info_tit .tit{font-size: 2.8125vw;font-weight: bold;color: #00071a;}
.product_info_tit .btns{text-align: center;}
.product_info_tit .btns a{width: 13.541666666666668vw;line-height: 3.125vw;display: flex;align-items: center;justify-content: center;background: #073065;border-radius: 0.5208333333333334vw;font-size: 0.8333333333333334vw;color: #fff;}
.product_info_tit .btns span{display: block;width: 0.6770833333333334vw;height: 0.6770833333333334vw;background: url(../download_icon.png) no-repeat center/contain;margin-left: 0.5208333333333334vw;}

.technology_title{justify-content: center;padding: 2.604166666666667vw 0;}
.technology_title .item{font-size: 1.25vw;color: #00071a;margin: 0 1.5625vw;padding-bottom: 0.5208333333333334vw;cursor: pointer;}
.technology_title .item.active{color: #073065;border-bottom: 2px solid #073065;}
.technology_title .item.active a{color: #073065;}
.technology_content .tit{font-size: 1.875vw;font-weight: bold;color: #00071a;background: linear-gradient(to right, rgba(8, 148, 224, 0.3) 0%, rgba(8, 148, 224, 0) 2.5%);padding-left: 1.0416666666666667vw;box-sizing: border-box;padding-bottom: 5px;}
.technology_content .editor{padding: 0 1.5625vw;box-sizing: border-box;}
.bigimg{width:80vw !important;height: 80vh !important;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;object-fit: contain;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.bigbox{width:43.75vw;background: #fff;border:1px solid #ededed;margin:0 auto;overflow: hidden;padding:0.5208333333333334vw;}
.bigbox>.imgbox{width:20.833333333333336vw;height:13.020833333333334vw;float:left;overflow: hidden;margin: 0 0.5208333333333334vw 0.5208333333333334vw 0.5208333333333334vw;}
.bigbox>.imgbox>img{width:100%;}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:0.5208333333333334vw;top: 0.5208333333333334vw;width: 3.125vw;height: 3.125vw;}
.mask>img:hover{cursor:pointer}