@charset "utf-8";
html,body{font-family: "Microsoft YaHei","Arial";}
/*hide scroll*/
/* html,body{-ms-overflow-style: none;} */
/* ::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;}
::-webkit-scrollbar {width:0px;height:0px;}
::-webkit-scrollbar-thumb {background:#dddddd;background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background:#bbb;} 
::-webkit-scrollbar-button {
    width: 1.0416666666666667vw;
    height: 1.0416666666666667vw;
}

::-webkit-scrollbar-button:vertical:single-button:start {  
    background:url(../scrollbar_top.jpg) no-repeat;
    background-size: cover;
    cursor: pointer;
}
::-webkit-scrollbar-button:vertical:single-button:end {
    background:url(../scrollbar_btm.jpg) no-repeat;
    background-size: cover;
    cursor: pointer;
   
}
::-webkit-scrollbar-button:horizontal:single-button:start {
    background:url(../scrollbar_top_hover.jpg) no-repeat;
    background-size: cover;
    cursor: pointer;
}
::-webkit-scrollbar-button:horizontal:single-button:end {
    background:url(../scrollbar_btm_hover.jpg) no-repeat;
    background-size: cover;
    cursor: pointer;
}
*/
:root {
    --mainColor: #0f7aee;
    --fontColora:#aaaaaa;
    --fontColorb:#bbbbbb;
    --fontColorc:#cccccc;
    --fontColord:#dddddd;
    --fontColore:#eeeeee;
    --fontColorf:#ffffff;
    --fontColor0:#000000;
    --fontColor1:#111111;
    --fontColor2:#222222;
    --fontColor3:#333333;
    --fontColor4:#444444;
    --fontColor5:#555555;
    --fontColor6:#666666;
    --fontColor7:#777777;
    --fontColor8:#888888;
    --fontColor9:#999999;
    --lineColor: #1d2a6f;
    --bgColor: #f5f5f5;
    --bgColor2: #f8f8f8;
    --bgColor3: #f6f6f6;
    --bgColor4: #f3f4f8;
}
a{color: var(--mainColor);}

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

.box_con {
    box-sizing: border-box;
    padding: 0 11.979166666666668vw;
    margin: 0 auto;
}
.box_con2{
    max-width: 1340px;
    margin: 0 auto;
}
.box_con3{
    max-width: 1200px;
    margin: 0 auto;
}

/*头部样式*/
header{margin:0 auto;position: fixed;top:0;left:0;right:0;z-index: 99;background: var(--fontColorf);}
.head_con{justify-content: space-between;}
header h1{line-height: 80px;max-width: 390px;}
.head_right{display: inline-flex;}

.head_nav ul li{position: relative;transition: ease-in-out 0.5s;}
.head_nav ul li::before{content: "";display: block;width: 0;height: 0;border-top: 12px solid var(--lineColor);border-right: 12px solid transparent;border-left: 12px solid transparent;opacity: 0;margin: 0 auto;position: absolute;top: 0;left: 0;right: 0;}
.head_nav ul li a{display: block;line-height: 80px;padding: 0 15px;font-size: 18px;color: var(--fontColor3);transition: ease-in-out 0.5s;}
.head_nav ul li.active::before,
.head_nav ul li:hover::before{opacity: 1;transition: ease-in-out 0.5s;}
.head_nav ul li.active>a,
.head_nav ul li:hover>a{font-weight: bold;color: var(--lineColor);transition: ease-in-out 0.5s;}
.head_nav ul li ul{border-top: 2px solid var(--lineColor);background: rgba(29, 42, 111, 0.5);position: absolute;width: 120px;left: 50%;margin-left: -60px;top: 78px;padding: 10px 0;display: none;}
.head_nav ul li ul li{padding: 3px 5px;box-sizing: border-box;text-align: center;}
.head_nav ul li ul li::before{display: none;}
.head_nav ul li ul li a{line-height: 20px;font-size: 15px;font-weight: normal;color: var(--fontColorf);display: block;padding: 5px 0;}
.head_nav ul li ul li:hover>a{background: var(--fontColorf);font-weight: normal;}
.head_nav ul li:hover>ul{display: block;}
.head_nav ul li ul li ul{left: 180px;top: 0;display: none;}
.head_nav ul li ul li:hover>ul{display: block;}

.head_lang span{display: block;padding: 0 25px;line-height: 80px;box-sizing: border-box;}
.head_lang span a{display: block;color: var(--fontColor3);}

.head_search{position: relative;}
.head_search span{display: block;background: var(--mainColor);padding: 0 25px;box-sizing: border-box;line-height: 80px;cursor: pointer;}
.head_search .search_bd{position: absolute;right: 0px;top: 80px;background: var(--fontColorf);width: 400px;z-index: 3;display: none;}
.head_search .search_bd input{width: 320px;float: left;border: 1px solid var(--fontColord);box-sizing: border-box;height: 60px;line-height: 60px;padding-left: 15px;}
.head_search .search_bd button{width: 80px;float: left;border:none;line-height: 60px;background: var(--lineColor);}

/*底部样式*/
footer{margin: 0 auto;background: url(../footer_bg.jpg) no-repeat;background-size: cover;padding-top: 40px;}
.foot_logo{text-align: center;padding: 40px 0;}
.foot_txt{text-align: center;padding-bottom: 40px;}
.foot_txt p{font-size: 16px;line-height: 24px;color: var(--fontColorf);padding: 10px 0;}
.foot_txt p a{color: var(--fontColorf);}
.foot_txt p span{font-size: 14px;line-height: 24px;color: var(--fontColorf);padding: 0 10px;}
.foot_btm{background: rgba(29, 42, 111, 0.3);padding: 10px 0;box-sizing: border-box;}
.foot_btm p{line-height: 30px;font-size: 14px;color: var(--fontColorf);opacity: 0.5;}
.foot_btm p a{color: var(--fontColorf);}
.foot_btm p:hover{opacity: 1;}

/*banner样式*/
.banner{position: relative;height: 100vh;}
.swiper-container-banner .swiper-btn{width: 140px;height: 40px;position: absolute;right: 11.979166666666668vw;bottom: 40px;z-index: 2;display: inline-flex;justify-content: space-between;align-items: flex-end;}
.swiper-container-banner .swiper-btn .swiper-banner-prev,
.swiper-container-banner .swiper-btn .swiper-banner-next{width:50px;height:50px;background: rgba(255, 255, 255, 0.3);position: static;line-height: 70px;text-align: center;cursor: pointer;border:1px solid rgba(255,255,255,0.5);}
.swiper-container-banner .swiper-btn .swiper-banner-prev:hover,
.swiper-container-banner .swiper-btn .swiper-banner-next:hover{background: var(--mainColor);border:1px solid var(--mainColor);}
.swiper-container-banner .swiper-btn .swiper-banner-prev::after,
.swiper-container-banner .swiper-btn .swiper-banner-next::after{font-size: 20px;color: var(--fontColorf);}

.swiper-container-banner{position: relative;height:100vh;overflow: hidden;}
.swiper-container-banner .swiper-slide a{display: block;width: 100%;height: 100%;}
.swiper-container-banner .swiper-pagination-banner{bottom: 55px;position: absolute;z-index: 2;width: 70%;left: 11.979166666666668vw;}
.swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width: 60px;height: 2px;border-radius: 5px;margin-right: 10px;position: relative;background: rgba(255, 255, 255, 0.6);opacity: 1;margin-left: 0;transition: ease-in-out 4.5s;vertical-align: middle;}
.swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet::after{content: "";display: block;width: 0;height: 2px;background: var(--mainColor);transition: ease-in-out 4.5s;}
.swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active{opacity: 1;}
.swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active::after{width: 100%;transition: ease-in-out 4.5s;}

.ggt{max-height: 250px;margin: 0 auto;text-align: center;}

.box_title{text-align: center;padding: 40px 0;}
.box_title h3{font-size: 30px;color: var(--fontColor3);display: inline-flex;align-items: center;}
.box_title h3::before,
.box_title h3::after{content: "";display: block;width: 15px;height: 25px;background: url(../box_title_icon.png) no-repeat;margin: 0 20px;}
.box_title h3::after{transform: rotateY(180deg);}

.news,
.product,
.research{padding-top: 40px;padding-bottom: 25px;}

.news_cons{justify-content: space-between;}
.news_cons_left{width: 50%;overflow: hidden;height: 390px;}
.swiper-container-news{position: relative;}
.swiper-container-news .swiper-slide a{display: block;position: relative;}
.swiper-container-news .pic{width: 100%;height: 390px;}
.swiper-container-news .tct{position: absolute;width: 100%;background: rgba(0, 0, 0, 0.6);height: 50px;bottom: 0;left: 0;right: 0;}
.swiper-container-news .tct p{width: 70%;line-height: 50px;font-size: 16px;color: var(--fontColorf);padding-left: 20px;box-sizing: border-box;}
.swiper-container-news .swiper-pagination-news{width: 30% !important;position: absolute;left: auto;right: 0;bottom: 0;z-index: 3;text-align: right;padding-right: 20px;box-sizing: border-box;line-height: 50px;}
.swiper-container-news .swiper-pagination-news .swiper-pagination-bullet{opacity: 0.6;background: var(--fontColorf);}
.swiper-container-news .swiper-pagination-news .swiper-pagination-bullet-active{opacity: 1;background: var(--mainColor);}
.swiper-container-news .swiper-button-next,
.swiper-container-news .swiper-button-prev{width: 45px;height: 45px;background: rgba(255, 255, 255, 0.3);border:1px solid var(--fontColord);box-sizing: border-box;}
.swiper-container-news .swiper-button-next::after,
.swiper-container-news .swiper-button-prev::after{font-size: 20px;color: var(--fontColorf);}
.swiper-container-news .swiper-button-next:hover,
.swiper-container-news .swiper-button-prev:hover{background: rgba(29, 42, 111, 0.8);}

.news_cons_right{width: 47.3%;background: url(../news_cons_right_bg.jpg) no-repeat;background-size: cover;padding: 15px 30px;box-sizing: border-box;height: 390px;overflow: hidden;}
.news_tab_tit{border-bottom: 1px solid var(--fontColord);    display: inline-flex;justify-content: space-between;width: 100%;}
.news_tab_tit ul li{font-size: 18px;color: var(--fontColor3);line-height: 50px;cursor: pointer;margin-right: 20px;position: relative;}
.news_tab_tit ul li::after{content: "";display: block;width: 100%;height: 1px;background: var(--mainColor);position: absolute;bottom: -1px;left: 0;opacity: 0;}
.news_tab_tit ul li.active{font-weight: bold;color: var(--mainColor);}
.news_tab_tit ul li.active::after{opacity: 1;}
.news_tab_tit a{display: block;font-size: 14px;line-height: 50px;color: var(--fontColor3);width: 100px;text-align: right;}
.news_tab_tit a::after{content: "";display: inline-block;width: 17px;height: 8px;background: url(../more_icon.png) no-repeat;margin-left: 10px;}
.news_tab_tit a:hover{color: var(--mainColor);}
.news_tab_tit a:hover::after{background: url(../more_icon2.png) no-repeat;}

.news_tab_item{display: none;}
.news_tab_item.active{display: block;}
.news_tab_item ul{margin: 20px auto;}
.news_tab_item ul li a{justify-content: space-between;}
.news_tab_item ul li p{font-size: 16px;line-height: 34px;color: var(--fontColor3);width: 80%;}
.news_tab_item ul li p::before{content: "";display: inline-flex;background: url(../news_tab_item_icon.png) no-repeat;width: 16px;height: 14px;margin-right: 15px;}
.news_tab_item ul li span{display: block;font-size: 14px;line-height: 34px;color: var(--fontColor3);}
.news_tab_item ul li:hover p,
.news_tab_item ul li:hover span{color: var(--mainColor);}
.news_tab_item ul li:hover p::before{background: url(../news_tab_item_icon2.png) no-repeat;}

.product{background: url(../product_bg.jpg) no-repeat;background-size: cover;padding-bottom: 80px;}
.product_cons .items{justify-content: space-between;}
.product_cons .items .item{width: calc(100% / 2 - 10px);height: 490px;overflow: hidden;position: relative;}
.product_cons .items .item .pic{width: 100%;height: 100%;}
.product_cons .items .item .tct{width: 100%;height: 100%;position: absolute;bottom: 0;z-index: 3;left: 0;right: 0;margin: 0 auto;padding: 30px;box-sizing: border-box;text-align: center;display: inline-flex;flex-direction: column;justify-content: flex-end;background: rgba(29, 42, 111, 0.3);}
.product_cons .items .item .tct h3{font-size: 26px;color: var(--fontColorf);transition: ease-in-out 0.5s;}
.product_cons .items .item .tct p{font-size: 16px;color: var(--fontColorf);line-height: 24px;padding-top: 15px;transition: ease-in-out 0.5s;}
.product_cons .items .item:hover .tct h3,
.product_cons .items .item:hover .tct p{transform: translateY(-50px);transition: ease-in-out 0.5s;}

.research{height: 520px;box-sizing: border-box;}
.research .box_title h3{color: var(--fontColorf);}
.research .box_title h3::after,
.research .box_title h3::before{background: url(../box_title_icon2.png) no-repeat;}
.research_cons{margin-top: 30px;}
.swiper-container-research{position: relative;overflow: hidden;}
.swiper-container-research .swiper-slide{text-align: center;position: relative;}
.swiper-container-research .swiper-slide::after{content: "";display: inline-flex;width: 1px;height: 520px;background: url(../research_slide_bg.png) no-repeat;position: absolute;right: -32px;top: 0;}
.swiper-container-research .swiper-slide p img{width: 90px;height: 90px;}
.swiper-container-research .swiper-slide span{display: block;width: 30px;height: 2px;background: var(--fontColorf);opacity: 0.4;margin: 15px auto;}
.swiper-container-research .swiper-slide h3{font-size: 24px;color: var(--fontColorf);margin: 30px auto;}
.swiper-container-research .swiper-slide em{font-size: 14px;line-height: 24px;color: var(--fontColorf);transition: all 0.5s;display: block;}
.swiper-container-research .swiper-slide em::after{content: "";display: inline-block;width: 17px;height: 8px;background: url(../more_icon3.png) no-repeat;margin-left: 10px;}
.swiper-container-research .swiper-pagination-research{display: none;}

.swiper-container-research .swiper-button-next,
.swiper-container-research .swiper-button-prev{width: 45px;height: 45px;background: rgba(255, 255, 255, 0.3);border:1px solid var(--fontColord);box-sizing: border-box;}
.swiper-container-research .swiper-button-next::after,
.swiper-container-research .swiper-button-prev::after{font-size: 20px;color: var(--fontColorf);}
.swiper-container-research .swiper-button-next:hover,
.swiper-container-research .swiper-button-prev:hover{background: rgba(29, 42, 111, 0.8);}

.us{padding: 90px 0;}
.us_con{justify-content: space-between;}
.us_left{width: 59%;position: relative;}
.us_left video{width:100%;height: 430px;background: var(--fontColor3);object-fit: fill;}
.us_left .tct{background: var(--bgColor);padding: 20px 30px;box-sizing: border-box;}
.us_left .tct h3{font-size: 22px;color: var(--lineColor);font-weight: bold;}
.us_left .tct p{font-size: 16px;color: var(--fontColor3);margin-top: 15px;text-indent: 2em;line-height: 24px;height: 72px;}

.us_right{width: 39%;padding: 0 30px;box-sizing: border-box;background: url(../us_right_bg.jpg) no-repeat top center;position: relative;}
.us_right_con{justify-content: space-between;margin-top: 30px;}
.us_info{width: calc(100% - 140px);}
.us_info ul li{margin-bottom: 30px;}
.us_info ul li h3{font-size: 20px;line-height: 30px;color: var(--lineColor);font-weight: bold;}
.us_info ul li p{font-size: 20px;color: var(--fontColor3);line-height: 30px;}
.us_ewm ul li{margin: 0 auto 30px;}
.us_ewm ul li:last-child,
.us_info ul li:last-child{margin-bottom: 0;}
.us_ewm ul li span{writing-mode: vertical-rl; /* 从右至左 */text-orientation: upright; /* 保持正常书写方向 */font-size: 14px;color: var(--fontColor3);}
.us_ewm ul li p{display: inline-block;width: 90px;height: 90px;overflow: hidden;}

.us_right .box_title{line-height: 90px;border-bottom: 1px solid rgba(29, 42, 111, 0.3);padding: 0px;text-align: left;}
.us_right .box_title a{font-size: 14px;color: var(--fontColor3);transition: all 0.5s;}
.us_right .box_title a::after{content: "";display: inline-flex;background: url(../more_icon.png) no-repeat;width: 17px;height: 8px;margin-left: 10px;}
.us_right .box_title_bg{background: url(../us_right_title_bg.jpg) no-repeat;position: absolute;bottom: 0;left: 0;right: 0;padding: 0 30px;box-sizing: border-box;}

.us_left .box_title{line-height: 90px;border-bottom: 1px solid rgba(255, 255, 255, 0.3);position: absolute;top: 0;left: 0;right: 0;z-index: 2;padding: 0 30px;text-align: left;}
.us_left .box_title h3,
.us_right .box_title_bg h3{color: var(--fontColorf);}
.us_left .box_title a,
.us_right .box_title_bg a{font-size: 14px;color: var(--fontColorf);transition: all 0.5s;}
.us_left .box_title a::after,
.us_right .box_title_bg a::after{content: "";display: inline-flex;background: url(../more_icon3.png) no-repeat;width: 17px;height: 8px;margin-left: 10px;}
.us_left .box_title h3::before,
.us_right .box_title h3::before{display: none;}
.us_left .box_title h3::after,
.us_right .box_title_bg h3::after{background: url(../box_title_icon2.png) no-repeat;}

.swiper-container-research .swiper-slide em:hover,
.box_title a:hover{transform: translateX(-10px);transition: all 0.5s;}

.wrap_con{padding-top: 80px;}

.bar{height: 400px;}
.bar_con{height: 100%;justify-content: center;text-align: center;}
.bar_txt{height: 100%;display: inline-flex;justify-content: center;align-items: center;flex-direction: column;}
.bar_txt h3{font-size: 42px;font-weight: bold;color: var(--fontColorf);position: relative;z-index: 2;}
.bar_txt span{display: block;width: 100%;height: 10px;background: var(--mainColor);opacity: 0.2;padding: 0 10px;margin: -10px 0 15px;}
.bar_txt p{font-size: 16px;line-height: 32px;color: var(--fontColorf);opacity: 0.3;text-transform: uppercase;letter-spacing: 1px;}

.crumbs{border-bottom: 1px solid var(--fontColore);box-sizing: border-box;background: var(--fontColorf);}
.crumbs_con{justify-content: space-between;}
.crumbs_left ul li{display: inline-flex;line-height: 75px;margin-right: 50px}
.crumbs_left ul li a{display: block;font-size: 18px;color: var(--fontColor3);position: relative;}
.crumbs_left ul li a::before{content: "";display: none;width: 100%;height: 2px;background: var(--lineColor);position: absolute;bottom: -1px;left: 0;}
.crumbs_left ul li.active a,
.crumbs_left ul li:hover a{color: var(--lineColor);}
.crumbs_left ul li.active a::before,
.crumbs_left ul li:hover a::before{display: block;}
.crumbs_right dl dt,
.crumbs_right dl dd{display: inline-flex;line-height: 75px;color: var(--fontColor9);}
.crumbs_right dl dd a{font-size: 14px;color: var(--fontColor9);}
.crumbs_right dl dd:last-child,
.crumbs_right dl dd:last-child a{color: var(--fontColor3);}

.main .mains_text{margin: 50px auto;}

.news_top{background: var(--bgColor2);}
.news_top_items{padding: 50px 0 30px;box-sizing: border-box;}
.news_top_items .item{width: calc(100% / 3 - 27px);margin-right: 40px;transition: ease-in-out 0.5s;}
.news_top_items .item:last-child{margin-right: 0;}
.news_top_items .item .pic{width: 100%;height: 280px;overflow: hidden;}
.news_top_items .item .tct{padding: 20px;box-sizing: border-box;}
.news_top_items .item .tct span{font-size: 16px;line-height: 34px;color: var(--fontColor3);}
.news_top_items .item .tct span img{display: inline-block;vertical-align: baseline;margin-right: 10px;}
.news_top_items .item .tct h3{font-size: 24px;line-height: 34px;color: var(--fontColor3);font-weight: bold;}
.news_top_items .item .tct em{font-size: 14px;line-height: 32px;color: var(--fontColor1);margin-top: 10px;display: block;}
.news_top_items .item .tct em::after{content: "";display: inline-flex;background: url(../more_icon.png) no-repeat;width: 17px;height: 8px;margin-left: 10px;}

.news_btm_items{padding: 60px 0;}
.news_btm_items .item{margin-bottom: 40px;background: var(--bgColor2);transition: ease-in-out 0.5s;}
.news_btm_items .item:last-child{margin-bottom: 0;}
.news_btm_items .item a{align-items: center;}
.news_btm_items .item .pic{width: 200px;height: 130px;overflow: hidden;}
.news_btm_items .item .tct{width: calc(100% - 470px);margin:0 30px;}
.news_btm_items .item .tct span{font-size: 16px;line-height: 34px;color: var(--fontColor3);}
.news_btm_items .item .tct span img{display: inline-block;vertical-align: baseline;margin-right: 10px;}
.news_btm_items .item .tct h3{font-size: 24px;line-height: 34px;color: var(--fontColor3);font-weight: bold;}
.news_btm_items .item .mores{width: 209px;text-align: center;height: 40px;border-left: 1px solid var(--fontColord);}
.news_btm_items .item .mores em{font-size: 14px;line-height: 32px;color: var(--fontColor1);}
.news_btm_items .item .mores em::after{content: "";display: inline-flex;background: url(../more_icon.png) no-repeat;width: 17px;height: 8px;margin-left: 10px;}

.news_top_items .item:hover,
.news_btm_items .item:hover{box-shadow: 0 5px 10px 8px rgba(29, 42, 111, 0.1);transition: ease-in-out 0.5s;}
.news_btm_items .item:hover .pic img,
.news_top_items .item:hover .pic img{transform: scale(1.2);transition: ease-in-out 0.5s;}
.news_top_items .item:hover h3,
.news_top_items .item:hover em,
.news_btm_items .item:hover h3,
.news_btm_items .item:hover .mores em{color: var(--lineColor);}

.news_title{padding: 60px 0 0;text-align: center;border-bottom: 1px solid var(--fontColord);}
.news_title h3{font-size: 32px;line-height: 40px;color: var(--fontColor3);font-weight: bold;}
.news_title p{color: var(--fontColor9);line-height: 40px;padding: 20px 0;}
.news_title p span{font-size: 14px;color: var(--fontColor9);margin: 0 10px;}
.news_con .mains_text{max-width: 1200px;}

.product_page{margin: 40px auto;border-top: 1px solid var(--fontColord);padding-top: 40px;}
.product_page ul{background: var(--bgColor3);padding: 15px 30px;box-sizing: border-box;display: flex;justify-content: space-between;width: 100%;}
.product_page ul li{width: 40%;background: var(--fontColorf);}
.product_page ul li:nth-child(1){text-align: right;}
.product_page ul li:nth-child(2){width: 15%;text-align: center;}
.product_page ul li a{font-size: 16px;line-height: 60px;color: var(--fontColor3);padding: 0 30px;box-sizing: border-box;justify-content: space-between;width: 100%;align-items: center;display: inline-flex;}
.product_page ul li a em{display:inline-block;vertical-align: middle;background: url(../ban_jt2.png) no-repeat;width: 22px;height: 22px;transition: ease-in-out 0.5s;}
.product_page ul li:nth-child(2) a{justify-content: space-evenly;}
.product_page ul li:nth-child(2) a em{background: url(../product_page_icon.png) no-repeat;width: 24px;height: 16px;}
.product_page ul li:nth-child(1) a em{transform: rotate(180deg);}
.product_page ul li a:hover{background: var(--lineColor);color: var(--fontColorf);transition: ease-in-out 0.5s;}
.product_page ul li:hover a em{background: url(../ban_jt.png) no-repeat;}
.product_page ul li:nth-child(2):hover a em{background: url(../product_page_icon2.png) no-repeat;}

.product_con{padding: 40px 0;justify-content: space-between;align-items: flex-start;}
.product_left{width: 270px;padding: 20px;box-sizing: border-box;background: var(--fontColorf);box-shadow: 0 5px 10px rgba(29, 42, 111, 0.08);}
.product_left .product_tit{font-size: 28px;line-height: 34px;color: var(--fontColor3);}
.product_left .product_menu{border-top: 1px solid var(--fontColord);border-bottom: 1px solid var(--fontColord);margin: 20px auto;padding: 20px 0;}
.product_left .product_menu ul li{margin: 0 auto 10px;}
.product_left .product_menu ul li:last-child{margin-bottom: 0 ;}
.product_left .product_menu ul li a{font-size: 20px;line-height: 34px;color: var(--fontColor3);display: block;}
.product_left .product_menu ul li a span{width: 16px;height: 16px;float: right;margin: 9px;}
.product_left .product_menu ul li a span::before,
.product_left .product_menu ul li a span::after{content: "";display: block;width: 16px;height: 2px;background: var(--fontColor3);margin-top: 8px;}
.product_left .product_menu ul li a span::after{transform: rotate(90deg);margin-top: -1px;}
.product_left .product_menu ul li.active>a span::after{display: none;}
.product_left .product_menu ul li.active>a{color: var(--lineColor);}
.product_left .product_menu ul li ul{display: none;}
.product_left .product_menu ul li.active>ul{display: block;}
.product_left .product_menu ul li ul li{padding-left: 20px;position: relative;}
.product_left .product_menu ul li ul li::before{content: "";display: block;width: 10px;height: 10px;border:1px solid var(--fontColor3);box-sizing: border-box;position: absolute;left: 0;top: 0%;margin-top: 13px;}
.product_left .product_menu ul li ul li.active::before,
.product_left .product_menu ul li ul li:hover::before{background: var(--lineColor);border:1px solid var(--lineColor);}
.product_left .product_menu ul li ul li a{font-size: 16px;line-height: 34px;color: var(--fontColor3);}
.product_left .product_menu ul li.active>ul>li>ul>li{padding-left: 0;line-height: 20px;margin-bottom: 0;}
.product_left .product_menu ul li.active>ul>li>ul>li>a{font-size: 14px;}
.product_left .product_menu ul li.active>ul>li>ul>li::before{display: none;}

.product_right{width: calc(100% - 300px);}
.product_items .item{width: calc(100% / 3 - 24px);margin-right: 35px;background: var(--fontColorf);border:1px solid var(--fontColord);box-sizing: border-box;margin-top: 35px;}
.product_items .item:nth-child(3n){margin-right: 0;}
.product_items .item:nth-child(1),
.product_items .item:nth-child(2),
.product_items .item:nth-child(3){margin-top: 0;}
.product_items .item .pic{margin: 10px;overflow: hidden;height: 227px;}
.product_items .item .tct{padding: 20px;box-sizing: border-box;}
.product_items .item .tct h3{font-size: 22px;line-height: 40px;color: var(--fontColor3);}
.product_items .item .tct p{font-size: 16px;line-height: 26px;color: var(--fontColor6);margin: 5px auto 10px;}
.product_items .item:hover{box-shadow: 0 5px 10px rgba(29, 42, 111, 0.1);border: 1px solid var(--fontColorf);}
.product_items .item:hover .pic img{transform: scale(1.2);transition: ease-in-out 0.5s;}
.product_items .item:hover .tct h3{color: var(--lineColor);}

.product_con2{justify-content: space-between;}
.product_con2 .product_lefts{width:50%;background: var(--fontColorf);background-size: cover;padding: 35px;box-sizing: border-box;}
.view{width: 100%;box-sizing: border-box;overflow: hidden;height:500px;line-height: 500px;text-align: center;position: relative;}
.preview{width: 100%;height: 120px;overflow: hidden;position: relative;}
.preview .swiper-container .swiper-slide{width: 140px !important;height: 120px !important;border-radius: 5px;margin-right: 25px;line-height: 120px;border: 1px solid var(--fontColord);box-sizing: border-box;background: var(--fontColorf);}
.preview .swiper-container .swiper-slide img,
.view .swiper-container .swiper-slide img{max-width: 100%;max-height: 100%;object-fit: contain;}
.preview .swiper-container{padding: 0 65px;box-sizing: border-box;position: relative;}
.preview .swiper-container .swiper-slide.active-nav{border:1px solid var(--lineColor);box-sizing: border-box;}
.view .arrow-right,
.view .arrow-left{display: none;}
.preview .arrow-right,
.preview .arrow-left,
.view .arrow-right,
.view .arrow-left{color:var(--fontColorf);position: absolute;top: 0;width: 44px;height: 120px;border-radius: 5px;background: var(--fontColorb);text-align: center;line-height: 120px;z-index: 10;font-family: sans-serif;font-size: 20px;font-weight: bold;}
.preview .arrow-left,
.view .arrow-left{left: 0px;}
.preview .arrow-right,
.view .arrow-right{right: 0px;}
.preview .arrow-right:hover,
.preview .arrow-left:hover{background: var(--lineColor);}

.product_rights{width: 46%;padding-top: 40px;box-sizing: border-box;}
.product_rights .mains_text{margin: 20px auto;}
.product_rights .line {height: 1px;width: 100%;background: var(--fontColorc);margin: 30px auto;}
.product_rights h3{font-size: 34px;line-height: 36px;color: var(--fontColor3);}
.product_rights h5{font-size: 22px;line-height: 30px;color: var(--fontColor3);margin-bottom: 20px;}
.product_rights h5::before{content: "";display: inline-block;vertical-align: middle;width: 2px;height: 20px;background: var(--lineColor);margin-right: 15px;}
.product_rights p{font-size: 16px;line-height: 30px;color: var(--fontColor6);}
.product_rights em{display: block;width: 100%;line-height: 60px;text-align: center;font-size: 18px;color: var(--fontColorf);background: var(--lineColor);border-radius: 5px;margin-top: 30px;}

.product_btm_tit{font-size: 30px;color: var(--fontColor3);padding: 30px 0;box-sizing: border-box;font-weight: bold;}
.product_btm_tit::before{content: "";display: inline-flex;width: 2px;height: 20px;background: var(--lineColor);margin-right: 20px;}

.product_tab_tit {border-top: 1px solid var(--fontColord);border-bottom: 1px solid var(--fontColord);background: var(--bgColor4);}
.product_tab_tit ul{justify-content: center;padding: 20px 0px;box-sizing: border-box;}
.product_tab_tit ul li{margin: 0 30px;}
.product_tab_tit ul li a{display: block;font-size: 18px;line-height: 40px;color: var(--fontColor3);position: relative;}
.product_tab_tit ul li a::after{content: "";display: block;width: 100%;height: 1px;position: absolute;bottom: -21px;left: 0;right: 0;background: var(--fontColore);}
.product_tab_tit ul li.active a{color: var(--lineColor);}
.product_tab_tit ul li.active a::after{background: var(--lineColor);}
.product_tab_item{display: none;}
.product_tab_item.active{display: block;}
.product_tab_item .mains_text{margin: 30px auto;}

.article_con{padding: 40px 0;}
.article_items{background: var(--fontColorf);padding: 40px 60px;box-sizing: border-box;}

.article_items .items{border-bottom: 1px solid var(--fontColord);margin-bottom: 10px;padding-bottom: 10px;}
.article_items .items:last-child{border-bottom: none;}
.article_items .items .item{margin: 15px auto;}
.article_items .items .item a{justify-content: space-between;color: var(--fontColor3);line-height: 34px;}
.article_items .items .item p{width: 70%;font-size: 18px;}
.article_items .items .item p::before{content: "";display: inline-block;vertical-align: middle;width: 8px;height: 8px;border: 1px solid var(--fontColord);border-radius: 8px;margin-right: 10px;}
.article_items .items .item span{width: 20%;font-size: 14px;}
.article_items .items .item em{width:10%;text-align: right;font-size: 16px;}
.article_items .items .item:hover p{color: var(--lineColor);}

.patent_con{padding: 40px 0;}
.patent_items .item{width: calc(100% / 3 - 26px);margin-right: 35px;margin-top: 35px;}
.patent_items .item:nth-child(3n){margin-right: 0;}
.patent_items .item .pic{background: var(--fontColorf);text-align: center;height: 295px;box-shadow: 0px 5px 10px rgba(29, 42, 111, 0.1);line-height: 295px;overflow: hidden;}
.patent_items .item .pic img{transition: ease-in-out 0.5s;max-height: 100%;}
.patent_items .item .txt{text-align: center;font-size: 18px;line-height: 32px;color: var(--fontColor3);margin-top: 15px;padding: 0 20px;box-sizing: border-box;}
.patent_items .item:hover .pic img{transform: scale(1.1);transition: ease-in-out 0.5s;}
.patent_items .item:hover .txt{color: var(--lineColor);}

.scientific_con{padding: 40px 0;}
.swiper-container-scientific {
    width: 100%;
    height: 480px;
    overflow: hidden;
    position: relative;
  }
  .swiper-container-scientific .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(1.3);
    flex-direction: column;
  }
  .swiper-container-scientific .swiper-slide h3{font-size: 12px;line-height: 32px;color: var(--fontColor3);}
  .swiper-container-scientific .swiper-slide-active,.swiper-container-scientific .swiper-slide-duplicate-active{
    transform: scale(1.8);
    position: relative;
    z-index: 2;
    height: 480px;
    opacity: 1;
  }
  .swiper-container-scientific .swiper-slide-prev,
  .swiper-container-scientific .swiper-slide-next{position: relative;z-index: 1;position: relative;}
  .swiper-container-scientific .swiper-slide-prev h3,
  .swiper-container-scientific .swiper-slide-next h3{opacity: 0;}
  .swiper-container-scientific .swiper-slide-prev::after,
  .swiper-container-scientific .swiper-slide-next::after{content: "";display: block;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.6);position: absolute;top: 0;left: 0;right: 0;}
  .swiper-container-scientific .swiper-button-prev,
  .swiper-container-scientific .swiper-button-next{width: 60px;height: 60px;background: var(--fontColorf);}
  .swiper-container-scientific .swiper-button-prev::after,
  .swiper-container-scientific .swiper-button-next::after{font-size: 20px;color: var(--fontColor3);}
  .swiper-container-scientific .swiper-button-prev{left: 13%;}
  .swiper-container-scientific .swiper-button-next{right: 13%;}
  .swiper-container-scientific .swiper-button-prev:hover,
  .swiper-container-scientific .swiper-button-next:hover{background: var(--lineColor);}
  .swiper-container-scientific .swiper-button-prev:hover::after,
  .swiper-container-scientific .swiper-button-next:hover::after{color: var(--fontColorf);}

.hr_con{padding: 40px 0;height: 880px;box-sizing: border-box;}
.hr_left{width: 840px;margin: 100px 0;}
.hr_left h3{font-size: 220px;font-family: Arial;color:var(--fontColorf);opacity: 0.04;text-transform: uppercase;font-weight: bold;letter-spacing: -8px;}
.hr_left .mains_text{margin: -130px auto 0;position: relative;}
.hr_left .mains_text::before,
.hr_left .mains_text::after{content: "";display: block;width: 54px;height: 43px;background: url(../yh_icon.png) no-repeat;position: absolute;}
.hr_left .mains_text::before{top: -60px;left: 0;}
.hr_left .mains_text::after{right: 0;bottom: -50px;transform: rotate(180deg);}
.hr_btm{background:var(--fontColorf);border-radius: 50px 0 50px 0;height: 110px;margin: 100px auto 0;justify-content: space-between;align-items: center;}
.hr_btm h4{font-size: 70px;color: var(--lineColor);text-transform: uppercase;font-weight: bold;padding: 0 30px;}
.hr_btm p{padding: 0 20px;}
.hr_btm p font{display: block;font-size: 16px;line-height: 26px;color: var(--fontColor3);}
.hr_btm p span{display: block;font-size: 16px;line-height: 26px;color: var(--fontColor6);}
.hr_btm em{padding: 0 30px;background: var(--mainColor);border-radius: 50px 0 50px 0;line-height: 110px;font-size: 20px;color: var(--fontColorf);}
.hr_btm em a{color: var(--fontColorf);display: block;}

.hr_cons{height: auto;}

.hr_items{padding: 40px;box-sizing: border-box;background: var(--fontColorf);}
.hr_items .item{justify-content: space-between;text-align: center;border-bottom: 1px solid var(--fontColord);padding: 25px 0;}
.hr_items .item span{width: calc(100% / 6);font-size: 18px;color: var(--fontColor3);}
.hr_items .item span a{color: var(--lineColor);}
.hr_items .item:first-child span{font-size: 22px;color: var(--fontColor3);font-weight: bold;}

.hr_info_tit{background: url(../hr_info_bg.jpg) no-repeat;height: 220px;background-size: cover;}
.tit_con{justify-content: space-between;align-items: flex-end;padding-top: 50px;}
.tit_con .tit_left{height: 100%;}
.tit_con .tit_left h3{font-size: 42px;color: var(--fontColorf);font-weight: bold;}
.tit_con .tit_left p{font-size: 16px;line-height: 36px;color: var(--fontColorf);margin-top: 10px;}
.tit_con .tit_left p span{margin-right: 15px;}
.tit_con .tit_right{width: 200px;text-align: center;}
.tit_con .tit_right a{display: block;font-size: 20px;color: var(--lineColor);line-height: 60px;background: var(--fontColorf);}

.hr_conss{padding: 0 0 40px;height: auto;}
.moress{width: 200px;line-height: 60px;text-align: center;margin: 40px auto;background: var(--mainColor);}
.moress a{color: var(--fontColorf);display: block;}

.party_con{padding: 40px 0;}
.myParty{position: relative;overflow: hidden;height: 470px;}
.myParty .swiper-slide a{display: inline-flex;width: 100%;}
.myParty .swiper-slide .pic{width: 68.657%;height: 470px;overflow: hidden;}
.myParty .swiper-slide .tct{width: 31.343%;height: 470px;background: url(../myParty_bg.jpg) no-repeat bottom;background-size: cover;padding: 50px 40px;box-sizing: border-box;}
.myParty .swiper-slide .tct span{font-size: 16px;line-height: 34px;color: var(--fontColorf);display: block;margin-bottom: 15px;}
.myParty .swiper-slide .tct span::before{content: "";display: inline-block;vertical-align: baseline;background: url(../time_icon2.png) no-repeat;width: 15px;height: 15px;margin-right: 10px;}
.myParty .swiper-slide .tct h3{font-size: 24px;line-height: 36px;color: var(--fontColorf);}
.myParty .swiper-slide .tct em{font-size: 14px;line-height: 32px;color: var(--fontColorf);margin-top: 20px;display: block;}
.myParty .swiper-slide .tct em::after{content: "";display: inline-flex;background: url(../more_icon3.png) no-repeat;width: 17px;height: 8px;margin-left: 10px;}

.swiper-pagination-party{position: absolute;bottom: 60px !important;z-index: 3;left: auto !important;right: 30px;text-align: right;}
.swiper-pagination-party .swiper-pagination-bullet{width: 10px;height: 10px;background: var(--fontColorf);border-radius: 0;}
.swiper-pagination-party .swiper-pagination-bullet-active{opacity: 1;}

.party_btm{margin-top: 0px;}
.party_btm .item{width: calc(100% / 3 - 27px);margin-right: 40px;margin-top: 40px;}
.party_btm .item:nth-child(3n){margin-right: 0;}
.party_btm .item .pic{width: 100%;height: 280px;overflow: hidden;}
.party_btm .item .tct{padding: 20px;box-sizing: border-box;}
.party_btm .item .tct span{font-size: 16px;line-height: 34px;color: var(--fontColor3);display: block;}
.party_btm .item .tct span img{display: inline-block;vertical-align: baseline;margin-right: 5px;}
.party_btm .item .tct h3{font-size: 24px;line-height: 36px;color: var(--fontColor3);font-weight: bold;}
.party_btm .item .tct em{display: block;font-size: 14px;line-height: 32px;color: var(--fontColor3);margin-top: 10px;}
.party_btm .item .tct em::after{content: "";display: inline-flex;background: url(../more_icon.png) no-repeat;width: 17px;height: 8px;margin-left: 10px;}
.party_btm .item:hover .pic img{transform: scale(1.2);transition: ease-in-out 0.5s;}
.party_btm .item:hover .tct h3{color: var(--lineColor);}
.party_btm .item:hover .tct em{color: var(--lineColor);}

.page{padding: 25px 0 0;}
.myContact .swiper-slide .pic img,
.party_btm .item .pic img,
.myParty .swiper-slide .pic img,
.product_items .item .pic img,
.news_btm_items .item .pic img,
.news_top_items .item .pic img,
.swiper-container-news .pic img,
.product_cons .items .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: ease-in-out 0.5s;}

.contact_con{padding: 40px 0;}
.myContact{overflow: hidden;position: relative;margin: 40px auto;}
.myContact .swiper-slide{display: inline-flex;}
.myContact .swiper-slide .pic{width: 50%;height: 450px;overflow: hidden;}
.myContact .swiper-slide .tct{width: 50%;padding: 40px 50px;box-sizing: border-box;background: var(--fontColorf);}
.myContact .swiper-slide .tct h3{font-size: 32px;line-height: 46px;color: var(--fontColor3);margin-bottom: 20px;}
.myContact .swiper-slide .tct p{font-size: 20px;line-height: 36px;color: var(--fontColor3);padding: 8px 0;}
.myContact .swiper-slide .tct p strong{font-size: 28px;color: var(--mainColor);}
.myContact .swiper-slide .tct a{display: block;width: 240px;line-height: 60px;text-align: center;font-size: 20px;color: var(--fontColorf);background: var(--mainColor);margin-top: 30px;}
.myContact .swiper-button-prev,
.myContact .swiper-button-next{width: 60px;height: 60px;background: var(--fontColorf);border:1px solid var(--fontColord);}
.myContact .swiper-button-next{right: calc(50% + 10px);}
.myContact .swiper-button-prev::after,
.myContact .swiper-button-next::after{font-size: 20px;color: var(--fontColor3);}
.myContact .swiper-button-prev:hover,
.myContact .swiper-button-next:hover{background: var(--lineColor);}
.myContact .swiper-button-prev:hover::after,
.myContact .swiper-button-next:hover::after{color: var(--fontColorf);}

.contact_center{justify-content: space-between;margin-top: 40px;}
.contact_center .item{width: calc(100% / 2 - 61px);border: 1px solid var(--fontColord);background-origin: padding-box;padding: 30px;margin-top: -1px;margin-left: -1px;display: inline-flex;justify-content: space-evenly;}
.contact_center .item .pic{width: 80px;height: 80px;overflow: hidden;}
.contact_center .item .tct{width: calc(100% - 160px);}
.contact_center .item .tct h3{font-size: 28px;line-height: 36px;color: var(--fontColor3);margin-bottom: 15px;}
.contact_center .item .tct p{font-size: 16px;line-height: 36px;color: var(--fontColor3);}

.contact_btm_tit{text-align: center;}
.contact_btm_tit h3{font-size: 34px;color: var(--fontColor3);position: relative;width: auto;display: inline-block;padding: 0 10px;}
.contact_btm_tit h3::before{content: "";display: block;width: 100%;height: 10px;background: rgba(29, 42, 111, 0.3);position: absolute;left: 0;right: 0;bottom: 0px;}
.contact_btm_tit p{font-size: 18px;line-height: 36px;color: var(--fontColor6);margin: 20px auto;}

.contact_btm{padding: 40px 0;box-sizing: border-box;}
.contact_bd{justify-content: space-between;}
.contact_bd .item{width: calc(100% / 4 - 30px);margin-right: 40px;margin-top: 15px;margin-bottom: 15px;}
.contact_bd .item:nth-child(4){margin-right: 0;}
.contact_bd .item p{width: 100%;font-size: 20px;line-height: 40px;color: var(--fontColor3);position: relative;}
.contact_bd .item p .imgs{position: absolute;right: -95px;top: 0;width: 130px;height: 60px;}
.contact_bd .item p .imgs img{height: 100%;}
.contact_bd .item p span{color: #e6010e;display: inline-block;vertical-align: middle;}
.contact_bd .item p input{width: 100%;height: 60px;line-height: 60px;border:1px solid var(--fontColord);box-sizing: border-box;padding-left: 15px;font-size: 18px;}
.contact_bd .item p textarea{width: 100%;line-height: 30px;border:1px solid var(--fontColord);box-sizing: border-box;padding-left: 15px;font-size: 18px;}
.contact_bd .item p button{width: 220px;line-height: 60px;text-align: center;background: var(--mainColor);color: var(--fontColorf);border: none;}
.contact_bd .item:nth-child(5){width: 100%;margin-right: 0;}
.contact_bd .item:last-child{float: right;margin-right: 0;text-align: right;}

*{
    box-sizing: initial;
}