body{padding: 0;margin: 0 auto;}
.flex{display: flex;flex-wrap: wrap;width: 100%;margin: 0 auto;}
.box_con{width: 90%;margin: 0 auto;}
img{max-width: 100%;max-height: 100%;}
a{text-decoration: none;}
li, ul {list-style: none;padding: 0;}
:focus {outline: 0 none;}

/* header */
header{position: fixed;top: 0;left: 0;right: 0;z-index: 9;background: rgba(255, 255, 255, .6);border-bottom: 1px solid rgba(255, 255, 255, .2);transition: all .5s ease;}
header .head_con{justify-content: space-between;align-items: center;}
header h1{max-width: 190px;margin: 0;}
header h1 a{display: block;}
header h1 .imgs1{display: block;}
header h1 .imgs2{display: none;}
header .head_right{margin: 0;justify-content: flex-end;align-items: center;width: calc(100% - 200px);}
header .head_right .head_nav>ul>li{list-style: none;padding-left: 1.5vw;padding-right: 1.5vw;position: relative;}
header .head_right .head_nav>ul>li>a{line-height: 80px;font-size: 17px;color: #333;display: block;}
header .head_right .head_nav>ul>li.active>a{color: #fff;}
.head_nav_son{position: fixed;left: 50%;transform: translateX(-50%);top: 81px;z-index: 9;transition: all ease .3s;
    /* pointer-events: none; */background: #f2f3f1;padding: 0px 0 0px;opacity: 0;visibility: hidden;width: 100%;border-bottom: 4px solid #34acdc;}
.head_nav_son_con{width: 94%;margin: 0 auto;display: flex;max-width: 1600px;justify-content: space-between;padding: 60px 0;}
.head_nav_son_con .head_nav_son_list{width:60%;padding:0;}
.head_nav_son_list h3 a{display: block;font-size: 26px;line-height: 26px;color: rgb(51, 51, 51);font-weight: bold;margin-bottom: 30px;}
.head_nav_son_list ul li{width: calc(100% / 3);padding-right: 5%;box-sizing: border-box;}
.head_nav_son_list ul li a{display: flex;justify-content: space-between;padding: 15px 0px;border-bottom: 1px solid rgb(204, 204, 204);}
.head_nav_son_list ul li:hover a{border-bottom: 1px solid #34acdc;}
.head_nav_son_list ul li:hover a svg{fill: #34acdc;}

.head_nav_son_con .head_pic{width: 33%;height: 290px;border-radius: 0 0 30px 0;overflow: hidden;}
.head_nav_son_con .head_pic img{width: 100%;height: 100%;}

header .head_right .head_nav ul li:hover .head_nav_son{opacity: 1;visibility:initial}

.head_search{width: 24px;height: 24px;padding-right: 1.5vw;cursor: pointer;}
.head_search svg{fill: #333;}
.head_form{position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 80px;background: #fff;z-index: 10;display: none;}
.head_form form{width: 90%;margin: 20px auto;display: flex;align-items: center;justify-content: center;}
.head_input{width: calc(100% - 200px);line-height: 40px;background: none;border: none;}
.head_btn{width: 104px;line-height: 40px;font-size: 14px;color: #333;background: none;border-radius: 20px;border: 1px solid #ccc;}
.head_close{width: 40px;height: 40px;position: relative;transform: rotate(45deg);cursor: pointer;transition: all 0.25s;margin-left: 20px;}
.head_close span{display: block;width: 30px;height: 2px;background: #006abf;margin: 19px auto;}
.head_close span:nth-child(2){position: absolute;top: 0;left: 0;right: 0;transform: rotate(90deg);}
.head_close:hover{transform: rotate(135deg);transition: all 0.25s;}
.head_lang{background: linear-gradient(45deg, #34acdc 0%, #e6ed3b 100%);height: 40px;border-radius: 20px;text-align: center;line-height: 40px;}
.head_lang a{width: 60px;padding: 0 10px;display: block;color: #fff;box-sizing: border-box;}
header:hover,
.fixed header{background: #fff;}
header:hover h1 .imgs1,
.fixed header h1 .imgs1{display: none;}
header:hover h1 .imgs2,
.fixed header h1 .imgs2{display: block;}
header:hover .head_right .head_nav ul li>a,
.fixed header .head_right .head_nav ul li>a{color: #333;}
header .head_right .head_nav ul li:hover>a,
header .head_right .head_nav ul li.active>a{color: #006abf;}
header:hover .head_search svg,
.fixed header .head_search svg{fill:#006abf}

/* footer */
footer{height: 100%;padding-top: 1%;background-color: rgba(29, 29, 29, 1);margin-bottom: 0px;padding-bottom: 1%;position: relative;}
.foot_top{padding-top: 30px;justify-content: space-between;align-items: center;}
.foot_top_left{flex: 0 0 70%;align-self: center;justify-content: space-between;}
.foot_logo{align-self: center;}
.foot_text{font-size: 16px; color: rgba(255, 255, 255, 0.5);margin-top: 2%;margin-bottom: 2%;line-height: 2;}
.foot_top_right a{display: block;text-align: center;box-sizing: border-box;padding: 12px 0px;font-size: 18px;line-height: 2;background:linear-gradient(45deg, #34acdc 0%, #e6ed3b 100%);color: #fff;text-transform: uppercase;border-radius: 200px !important;max-height: 60px;width: 220px;}
.foot_top_right a:hover{background: #006abf;}
.foot_nav{padding: 20px 0;border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.foot_nav ul li{width: calc(100% / 7);}
.foot_nav ul li a{display: block;color: rgb(255, 255, 255, 0.5);font-size: 16px;}
.foot_txt{border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 30px 0;}
.foot_txt ul li{width: calc(100% / 4);}
.foot_txt ul li svg{width: 30px;height: 30px;fill: rgba(255, 255, 255, 0.5);margin-bottom: 10px;}
.foot_txt ul li p{font-size: 16px;color: rgba(255, 255, 255, 0.5);line-height: 2;margin: 0;}
.foot_btm{padding: 30px 0;}
.foot_btm ul{justify-content: space-between;}
.foot_btm ul li{font-size: 14px;color: rgba(255, 255, 255, 0.5);line-height: 2;}
.foot_btm ul li a{color: rgba(255, 255, 255, 0.5);}

/* honm */
.section-wrap{ width:100%;height:100vh;overflow:visible;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.03, 1);transition: transform 0.5s cubic-bezier(0.86, 0, 0.03, 1);}
.section-wrap .section{ position:relative; width:100%; height:100vh;overflow: hidden;}
.section-wrap .section-7{height: 65%;}
.section-wrap .section .section_con{padding-top: 120px;box-sizing: border-box;}
.put-section-0{ -webkit-transform: translateY(0);transform: translateY(0);}
.put-section-1 {-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.put-section-2 {-webkit-transform: translateY(-200%);transform: translateY(-200%);}
.put-section-3 {-webkit-transform: translateY(-300%);transform: translateY(-300%);}
.put-section-4 {-webkit-transform: translateY(-400%);transform: translateY(-400%);}
.put-section-5 {-webkit-transform: translateY(-465%);transform: translateY(-465%);}

/* myBanner */
.myBanner{width: 100%;height: 100vh;}
.myBanner .swiper-slide{width: 100%;height: 100%;position: relative;}
.myBanner .swiper-slide .videoDemo{width: 100%;height: 100%;object-fit: cover;}
.myBanner .swiper-slide .videoinfo{width: 90%;margin: 0 auto;position: absolute;top: 50%;left: 0;right: 0;z-index: 2;color: #fff;margin-top: -100px;}
.myBanner .swiper-slide .videoinfo .tt1{font-size: 46px;line-height: 1;font-weight: bold;margin-bottom: 10px;margin-top: 0;}
.myBanner .swiper-slide .videoinfo .tt1 font{color: #34acdc;}
.myBanner .swiper-slide .videoinfo .tt2{font-size: 32px;font-family: "微软雅黑";line-height: 1;margin-bottom: 20px;margin-top: 20px;}
.myBanner .swiper-slide .videoinfo .tt3{font-size: 16px;letter-spacing: 0px;transition: all ease .8s .9s;width: 60%;line-height: 2em;}

/* about */
.about_top{padding-top: 10%;}
.about_top_left{flex: 0 0 65%;}
.about_top_left ul{display: flex;flex-wrap: wrap;flex-direction: row;width: 80%;margin-right: 0px;margin-left: auto;}
.about_top_left ul li{width: calc(100% / 3);text-align: center;border-left: 1px solid rgba(255, 255, 255, .1);box-sizing: border-box;position: relative;}
.about_top_left ul li::before{content: "";display: block;width: 1px;height: 30px;background: #fff;position: absolute;left: -1px;top: 0;}
.about_top_left ul li p{line-height: normal;text-align: center;font-size: 16px;color: rgba(255, 255, 255, 1);margin-top: 10px;}
.about_top_left ul li p b{line-height: 60px;font-size: 2.5vw;color: rgba(255, 255, 255, 1);margin-right: 10px;}
.about_top_right{flex: 0 0 35%;}
.about_top_right_con{display: flex;flex-direction: column;width: 100%;border-style: solid;border-width: 1px;border-color: rgba(255, 255, 255, 1);padding-left: 5%;padding-top: 5%;padding-bottom: 15%;padding-right: 5%;max-width: 400px;margin-right: auto;margin-left: auto;border-bottom-right-radius: 30px;box-sizing: border-box;}
.tit_cn{font-size: 2vw;color: rgba(255, 255, 255, 1);font-weight: bold;}
.tit_en{font-size: 3vw;font-weight: bold;background: -webkit-linear-gradient(45deg, #34acdc, #e6ed3b);background: linear-gradient(45deg, #34acdc, #e6ed3b);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.about_top_right_con .txt{font-size: 16px;color: rgba(255, 255, 255, 1);line-height: 2;text-align: justify;margin-top: 3%;margin-bottom: 3%;text-indent: 2em;}
.tp-sdgs__links{margin-top: 15%;width: 200px;}
.c-internalLink {position: relative;z-index: 1;overflow: hidden;display: inline-flex;justify-content: flex-start;align-items: center;padding: 1.3rem 0rem 1.3rem 1.6rem;background: linear-gradient(45deg, #34acdc 0%, #e6ed3b 100%);border: 2px solid linear-gradient(45deg, #34acdc 0%, #e6ed3b 100%);border-radius: 4rem;transition: background-color .4s ease-out, border-color .4s ease-out;width: 100%;max-width: 250px;}
.c-internalLink ._circle {position: absolute;top: 50%;left: 0;display: inline-block;padding-top: 100%;width: 100%;height: 0;transform: translateY(-50%);}
.c-internalLink ._circle::before {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background-color: #fff;border-radius: 50%;transform: scale(0);transition: transform .4s ease-out;content: "";}
.c-internalLink ._label {position: relative;font-style: normal;font-size: 16px;line-height: 1.15;letter-spacing: .04em;color: #fff;transition: color .4s ease-out;}
.c-internalLink ._icon {position: absolute;top: 50%;right: 1rem;display: inline-flex;justify-content: center;align-items: center;width: 3rem;height: 3rem;transform: translateY(-50%);}
.c-internalLink ._icon::after, .c-internalLink ._icon::before {position: absolute;top: 50%;left: 50%;display: inline-block;width: 100%;height: 100%;background-color: rgba(255, 255, 255, .2);border-radius: 50%;transform: translate(-50%, -50%) scale(.7);transition: transform .4s ease-out, background-color .4s ease-out;content: "";}
.c-internalLink:hover ._circle::before {transform: scale(1);}
.c-internalLink ._icon::after {background-color: #fff;transform: translate(-50%, -50%) scale(.16);}
.c-internalLink ._icon .c-svg {position: relative;z-index: 1;width: 1.1rem;opacity: 0;transition: opacity .4s ease-out;-webkit-animation: kv-link-arrow-normal .4s ease-out 0s 1 normal both;animation: kv-link-arrow-normal .4s ease-out 0s 1 normal both;}
.c-svg__inner {position: relative;padding-top: 100%;}
.c-svg__inner svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.c-internalLink:hover ._label {color: #333;}
.c-internalLink:hover ._icon .c-svg {opacity: 1;-webkit-animation: kv-link-arrow-hover .4s ease-out .2s 1 normal both;animation: kv-link-arrow-hover .4s ease-out .2s 1 normal both;}
.c-internalLink:hover ._icon::after {background: linear-gradient(45deg, #34acdc 0%, #e6ed3b 100%);transform: translate(-50%, -50%) scale(1);}

.about_btm{line-height: 1;font-weight: bold;font-size: 9vw;color: transparent;-webkit-text-stroke: 1px #FFF;animation: 60s wordsLoop linear infinite normal;transition: all .4s;text-align: right;}
.about_btm:hover {background: linear-gradient(45deg, #2da4ca, #e6ed3b);background-image: linear-gradient(45deg, #2da4ca, #e6ed3b);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}

.product_page{width: 40%;height: 100%;position: absolute;right: 0px;top: 0px;z-index: 4;display: flex;flex-direction: column;justify-content: center;background: rgba(0, 0, 0, 0.7);padding: 100px;box-sizing: border-box;}
.product_page h2{font-size: 2vw;color: rgb(255, 255, 255);margin: 0;}
.product_page h3{line-height: normal;font-size: 3vw;font-weight: normal;-webkit-text-fill-color: transparent;color: transparent;margin-bottom: 20px;background: linear-gradient(45deg, rgb(52, 172, 220), rgb(230, 237, 59)) text;margin-top: 0;font-weight: bold;}
.product_page ul{width: 100%;display: block;}
.product_page ul li{width: 100%;line-height: 2;font-size: 30px;color: rgb(255, 255, 255);opacity: 0.4;cursor: pointer;display: flex;align-items: center;transition: 0.5s;}
.product_page ul li span{display: flex;flex-direction: row-reverse;align-items: center;justify-content: flex-end;}
.product_page ul li svg{width: auto;height: 14px;fill: rgb(255, 255, 255);transform: rotate(180deg);margin-right: 20px;}
.product_page ul li.active{opacity: 1;}

.product{width: 100%;height: 100%;overflow: hidden;}
.product_pics .product_pic{display: none;position: relative;}
.product_pics .product_pic img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);transition: 4s;}
.product_pics .product_pic.active{display: block;}
.product_pics .product_pic.active img{transform: scale(1);transition: 4s;}

.saf_summary{width: 100%;height: 100px;}
.saf-cateInfos{position: absolute;top: 50%;right: 40%;z-index: 4;height: 50%;transform: translate(0px, -50%);width: 30%;color: rgb(255, 255, 255);padding: 50px;background: linear-gradient(133deg, #21279b 0%, #0ba7de 50%, #f2e11d 100%);border-radius: 50px 0px 0px;box-sizing: border-box;height: 460px;}
.saf-cateInfos h3{font-size: 2vw;line-height: 1.6;margin: 0;}
.saf-cateInfos a{display: inline-flex;line-height: 40px;align-items: center;border-width: 1px;border-style: solid;border-color: rgb(255, 255, 255);border-image: initial;border-radius: 30px;padding: 0px 10px 0px 20px;transition: 0.5s;width: 50%;margin-top: 20%;color: #fff;}
.saf-cateInfos span{font-size: 5rem;color: rgb(255, 255, 255);line-height: 1;position: absolute; right: 50px;bottom: 50px;opacity: 0.2;}

@keyframes wordsLoop {
    0% {
        transform: translateX(0%);
        -webkit-transform: translateX(0%)
    }

    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%)
    }
}

.industry{width: 100%;height: 100vh;overflow: hidden;position: relative;}
.industry .industry_pics{height: 100%;width: 100%;}
.industry .industry_pics .industry_pic{display: none;}
.industry .industry_pics .industry_pic img{width: 100%;height: 100%;object-fit: cover;}
.industry .industry_pics .industry_pic.active{display: block;height: 100%;}
.industry .industry_item{position: absolute;top: 0;left: 0;right: 0;height: 100%;z-index: 2;}
.industry .industry_item ul{display: flex;height: 100%;margin: 0;}
.industry .industry_item ul li{width: calc(100% / 5);background: rgba(0, 0, 0, 0.3);border-right: 1px solid #fff;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.industry .industry_item ul li a{display: block;color: rgb(255, 255, 255);font-size: 20px;font-weight: normal;writing-mode: tb-rl;letter-spacing: 4px;position: relative;z-index: 1;}
.industry .industry_item ul li:hover{background: rgba(0, 0, 0, 0);}

.news_tit{justify-content: space-between;align-items: center;}
.news_con{height: 100%;display: flex;flex-direction: column;justify-content: center;}
.swiper-container-news{width: 100%;padding-top: 5%;margin: 0 auto;max-height: 540px;box-sizing: border-box;overflow: hidden;position: relative;}
.swiper-container-news .swiper-slide{height: auto !important;position: relative;}
.swiper-container-news .swiper-pagination-news{text-align: center;position: absolute;z-index: 2;}
.swiper-container-news .swiper-pagination-news .swiper-pagination-bullet{background: #333;opacity: 0.3;width: 16px;height: 16px;}
.swiper-container-news .swiper-pagination-news .swiper-pagination-bullet-active{background: #006abf;opacity: 1;}
.swiper-container-news .swiper-slide-next,
.swiper-container-news .swiper-slide-prev{transform: scale(1);}
.slide_tct_tit{margin-top: 20px;margin-bottom: 10px;font-weight: bold;line-height: 1.5;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;color: #fff;}
.slide_tct_txt{font-size: 14px;font-family: "Microsoft YaHei";color: rgb(102, 102, 102);text-align: left;line-height: 2;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-indent: 28px;overflow: hidden;color: #fff;}
.slide_left{width: 50%;}
.slide_left .year{font-size: 3vw;color: rgba(255, 255, 255, 1);line-height: 1;font-weight: bold;}
.slide_left .slide_tct{display: flex;flex-direction: column;width: 100%;padding-top: 35px;padding-bottom: 35px;padding-left: 35px;padding-right: 35px;min-height: 240px;margin-left: 20%;margin-top: -5%;z-index: 5;position: relative;max-width: 370px;transition-property: all;background-color: rgba(255, 255, 255, 0.5);transition-duration: 0.6s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);box-sizing: border-box;text-align: left;border-radius: 0 0 20px 0;}
.slide_left .slide_tct .slide_tct_day{font-size: 16px;color: #fff;line-height: 1;text-align: left;}
.slide_left .slide_tct .slide_tct_tit{font-size: 1.25vw;margin-bottom: 10px;font-weight: bold;line-height: 1.5;}
.slide_left .slide_tct .slide_tct_txt{font-size: 14px;font-family: Microsoft YaHei;color: #fff;text-align: left;line-height: 2;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.slide_left .slide_tct .slide_tct_more{line-height: normal;font-size: 16px;text-align: left;padding-top: 30px;transition-property: all;transition-duration: 0.6s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);color: #fff;}
.slide_left .slide_tct .slide_tct_more:hover{transform: translateX(10px);transition: all 0.5s;}
.slide_right{width: 50%;overflow: hidden;}


/* 内页 */
.bar{height: 600px;overflow: hidden;position: relative;}
.bar_img{width: 100%;height: 100%;}
.bar_img img{width: 100%;height: 100%;object-fit: cover;}
.bar_info{width: 90%;position: absolute;left: 50%;top: 50%;z-index: 2;display: flex;transform: translate(-50%,-20%);flex-direction: column;}
.bar_info .p_tit{font-size: 18px;line-height: 2;padding: 5px 0;color: #fff;}
.bar_info .p_txt{font-size: 2.5vw;color: #fff;text-transform: uppercase;}
.bar_info .p_ico{position: relative;margin-top: 30px;}
.bar_info .p_ico span:nth-child(1){display: block;width: 16px;height: 16px;background: #92ce9b;border-radius: 50%;position: absolute;left: 0;bottom: 0;}
.bar_info .p_ico span:nth-child(2){display: block;width: 16px;height: 16px;background: #fff;border-radius: 50%;position: absolute;left: 10px;bottom: 0;opacity: 0.6;}

.crumbs_nav{min-height: 0px;padding-top: 15px;padding-bottom: 15px;background-color: #2537a4;background-image: linear-gradient(123deg, #2537a4 0%, #1babd7 50%, #f1f407 100%);}
.crumbs_nav_con{width: 90%;margin: 0 auto;}
.crumbs_nav_con ul{display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.crumbs_nav_con ul li{display: flex;color: rgba(255, 255, 255, 1);text-align: center;min-height: 50px;min-width: 135px;}
.crumbs_nav_con ul li a{display: block;line-height: 50px;font-size: 16px;color: rgba(255, 255, 255, 1);text-align: center;padding: 0px 15px;min-height: 50px;min-width: 135px;position: relative;text-decoration: none;box-sizing: border-box;}
.crumbs_nav_con ul li a::after{content: "";display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 12px;background: rgb(255 255 255 / 20%);}
.crumbs_nav.fixed{position: fixed;top: 81px;left: 0;right: 0;z-index: 3;}

.crumbs{background-color: rgba(244, 244, 244, 1);}
.crumbs dl{padding-top: 10px;padding-bottom: 10px;}
.crumbs dl dt svg{width: 14px;height: 14px;fill: #6c757d;}
.crumbs dl dd{margin: 0;padding-left: 15px;}
.crumbs dl dd a{display: block;font-size: 14px;line-height: 24px;color: #333;position: relative;}
.crumbs dl dd a::after{content: ">";position: absolute;right: -12px;}
.crumbs dl dd:last-child a::after{display: none;}

.about_text{padding-top: 50px;padding-bottom: 50px;}
.about_tit{color: rgba(32, 88, 141, 1);font-size: 32px;font-weight: bold;line-height: 1;}
hr{box-sizing: content-box;height: 0;margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 1px solid rgba(0, 0, 0, .1);}
.honor_list ul{display: flex;flex-wrap: wrap;position: relative;max-width: 100%;}
.honor_list ul li{width: calc(100% / 4 - 30px);margin-right: 40px;margin-top: 40px;}
.honor_list ul li:nth-child(4n){margin-right: 0;}
.honor_list ul li .pic{display: flex;justify-content: center;align-items: center;max-height:150px;}
.honor_list ul li .pic img{width: auto;max-height: inherit;}
.honor_list ul li .tit{width: 100%;background-color: rgba(245, 245, 245, 1);padding-top: 25px;padding-bottom: 25px;padding-left: 30px;padding-right: 30px;transition: all ease .5s;cursor: auto;box-sizing: border-box;}
.honor_list ul li:hover .tit{background: #0ba7de;color: #fff;}

.history_left{flex: 0 0 25%;padding-bottom: 170px;padding-top: 170px;}
.history_tit_en{font-size: 18px;color: rgba(255, 255, 255, 1);margin-bottom: 15px;text-transform: uppercase;}
.history_tit_cn{font-size: 2.5vw;color: rgba(255, 255, 255, 1);margin-bottom: 15px;}
.history_tit hr{width: 40px;height: 1px;margin-left: 0px;margin-right: 0px;border-top-style: solid;border-top-width: 4px;border-top-color: rgba(255, 255, 255, 1);}
.history_right{flex: 0 0 75%;}
.history_right_con{padding: 170px 0;box-sizing: border-box;overflow: hidden;height: 530px;position: relative;}
.history_right_con::after{content: "";display: block;width: 1px;height: 100vh;background: #fff;position: absolute;top: 0;left: 20%;opacity: 0.5;}
.swiper-container-history{width: 100%;max-height: 100px;overflow:visible;}
.swiper-container-history .swiper-slide{height: auto;align-items: center;position: relative;}
.swiper-container-history .swiper-slide .slide_year{width: 20%;text-align: right;font-size: 22px;color: rgba(255, 255, 255, 1);text-align: right;padding-right: 40px;position: relative;transition: all ease .3s;opacity: 0.7;box-sizing: border-box;}
.swiper-container-history .swiper-slide .slide_tit{width: 80%;line-height: 1.4;font-size: 16px;color: rgba(255, 255, 255, 1);text-align: left;padding-left: 40px;font-family: Microsoft YaHei;transition: all ease .3s;opacity: 0.7;box-sizing: border-box;}
.swiper-container-history .swiper-slide-active .slide_year{font-size: 28px;opacity: 1;}
.swiper-container-history .swiper-slide-active .slide_tit{font-size: 22px;font-weight: bold;opacity: 1;}
.swiper-container-history .swiper-slide::after{content: '';position: absolute;width: 6px;height: 6px;background: #fff;border-radius: 100%;left: 20%;top: 50%;transform: translateY(-50%);margin-left: -3px;}
.history_right_con .swiper-button-next,
.history_right_con .swiper-button-prev{left: 20%;margin: 0;border: 1px solid rgb(255 255 255 / 50%);border-radius: 100%;width: 40px;height: 40px;margin-left: -20px;right: auto;top: auto;background: #009bd8;transition: all ease .3s;z-index: 3;transform: rotate(90deg);}
.history_right_con .swiper-button-next::after,
.history_right_con .swiper-button-prev::after{font-size: 20px;color: #fff;}
.history_right_con .swiper-button-next{bottom: 0px;}
.history_right_con .swiper-button-prev{top: 0px;}
.product_list ul li{flex-grow: 0;flex-shrink: 0;flex-basis: calc(100% / 3);position: relative;margin-top: 1vw;}
.product_list ul li a{display: flex;flex-direction: column;width: 94%;padding-left: 20px;padding-right: 20px;padding-top: 20px;padding-bottom: 0px;transition-property: all;transition-duration: 0.5s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);margin-left: auto;margin-right: auto;background-color: rgba(245, 245, 245, 1);box-sizing: border-box;border-bottom: 2px solid rgba(245, 245, 245, 1);}
.product_list ul li .tit{font-size: 16px;color: rgba(102, 102, 102, 1);-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;transition-property: all;transition-duration: 0.5s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);text-align: center;text-align: center;padding-top: 20px;padding-bottom: 20px;display: flex;justify-content: space-between;}
.product_list ul li .tit span{width: auto;max-width: 37px;margin-right: 0px;margin-left: 30px;opacity: 0;transition-property: all;transition-duration: 0.5s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);box-sizing: border-box;}
.product_list ul li:hover a{border-bottom: 2px solid #333;}
.product_list ul li:hover .tit span{opacity: 1;}

.p_page{text-align: center;}
.page_con {padding: 2rem 0;display: flex;width: 100%;justify-content: center;}
/*.page_con>a {display: flex;width: 40px;height: 40px;border-radius: 5px;border: 1px rgba(0, 0, 0, 0.4) solid;font-size: 15px;color: #666;position: relative;align-items: center;justify-content: center;margin: 0 4px;}*/
/*.page_con>a.page_prev {color: transparent;font-size: 0;}*/
/*.page_a.disabled {background-color: #f4f4f5;font-size: 14px;color: #c0c4cc;border-style: solid;border-width: 1px;border-color: #f4f4f5;border-top-left-radius: 2px;border-top-right-radius: 2px;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}*/
/*.page_con>a.page_a.current {border-radius: 5px;background: #f00;;color: #fff;border-color: transparent;}*/
/*.page_con>a.page_next:before {content: "";display: block;width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 5px 0 5px 5px;border-left-color: #666;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}*/
/*.page_con>a.page_prev:before {content: "";display: block;width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 5px 5px 5px 0;border-right-color: #666;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}*/
/*.page_con>a.page_a.disabled:before {opacity: 0.4;}*/

.pages ul{display: flex;}
.pages ul li{display: flex;width: 40px;height: 40px;border-radius: 5px;border: 1px rgba(0, 0, 0, 0.4) solid;font-size: 15px;color: #666;position: relative;align-items: center;justify-content: center;margin: 0 4px;}
.pages ul li.active{border-radius: 5px;background: #f00;color: #fff;border-color: transparent;}
.pages ul li a{color:#333;display:block;width: 40px;height: 40px;line-height:40px;}
.pages ul li.active a{color:#fff;}

.product_detail{display: flex;flex-wrap: wrap;flex-direction: row;width: 94%;max-width: 1600px;margin-left: auto;margin-right: auto;margin-top: 20px;box-sizing: border-box;}
.product_detail_top{background-color: rgba(255, 255, 255, 1);padding-top: 50px;padding-left: 50px;padding-bottom: 50px;padding-right: 50px;box-sizing: border-box;}
.product_detail_top_left{padding-left: 0px;padding-right: 0px;flex: 0 0 40%;box-sizing: border-box;max-width: 600px;overflow: hidden;position: relative;}
.product_detail_top_left .swiper-button-next,
.product_detail_top_left .swiper-button-prev{top: auto;bottom: 15px;height: 60px;z-index: 2;}
.product_detail_top_left .swiper-button-next{right: 0;}
.product_detail_top_left .swiper-button-prev{left: 0;}
.product_detail_top_left .swiper-button-next::after,
.product_detail_top_left .swiper-button-prev::after{font-size: 20px;}
.product_detail_top_right{flex: 1;max-width: 100%;max-height: 100%;padding-left: 50px;padding-right: 0px;box-sizing: border-box;}
.product_detail_top_right .tit{font-size: 24px;font-weight: bold;color: rgba(51, 51, 51, 1);line-height: 1.5;padding-bottom: 15px;margin-bottom: 25px;border-bottom-style: solid;border-bottom-width: 2px;border-bottom-color: rgba(51, 51, 51, 1);}

.mySwiper2 {height: 80%;width: 100%;}
.mySwiper {height: 20%;box-sizing: border-box;padding: 10px 0;width: 90%;margin: 0 auto;overflow: hidden;}
.mySwiper .swiper-slide {height: 100%;opacity: 0.4;}
.mySwiper .swiper-slide-thumb-active {opacity: 1;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.product_detail_btm{width: 94%;max-width: 1600px;margin-left: auto;margin-right: auto;background-color: rgba(255, 255, 255, 1);padding-top: 50px;padding-left: 50px;padding-bottom: 50px;padding-right: 50px;margin-top: 30px;margin-bottom: 30px;}
.product_detail_btm_tit{border-bottom: 1px solid #ddd;}
.product_detail_btm_tit ul li{display: inline-block;width: auto;min-width: 150px;padding: 0 5px;height: 54px;font-size: 16px;background: #f2f2f2;line-height: 54px;text-align: center;border-bottom: 1px solid transparent;}
.product_detail_btm_tit ul li.active{color: #ffffff;border-bottom: 1px solid #eb5b02;background: #eb5b02;}

.news_data{flex: 0 0 10%;}
.news_data span{display: block;font-size: 1.14vw;color: #333333;line-height: 1;font-weight: normal;padding-top: 30px;}
.news_data p{font-size: 1.36vw;color: rgba(51, 51, 51, 0.84);line-height: 1;transition-property: all;transition-duration: 0.5s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);margin-top: 5px;}
.news_tct{margin-left: auto;padding-left: 2%;flex: 1;max-width: 100%;margin-top: 20px;margin-bottom: 20px;}
.news_tcts{display: flex;flex-wrap: wrap;flex-direction: row;width: 88%;margin-left: auto;transition-property: all;transition-duration: 0.5s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);padding-right: 4%;margin-right: 0px;padding-top: 3%;padding-bottom: 3%;border-radius: 10px;background: #f2f2f2;background-color: #f2f2f2;align-items: center;box-sizing: border-box;}
.news_img{flex: 0 0 30%;align-self: center;transition-property: all;transition-duration: 0.5s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);max-width: none;}
.news_img img{margin-left: -25%;border-radius: 20px;}
.news_tits{flex: 1;}
.news_tits .news_tit1{font-size:1.15vw;color: rgba(51, 51, 51, 1);font-weight: bold;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;transition-property: all;transition-duration: 0.5s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);}
.news_tits .news_tit2{-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;font-size: 16px;color: rgba(0, 0, 0, 0.5);margin-top: 25px;transition-property: all;transition-duration: 0.5s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);text-indent: 32px;}
.news_list ul li:hover .news_tcts{background: #fff;box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.1);transition: all 0.5s;}
.news_list ul li:hover .news_img{transform: translateX(-10px);transition: all 0.5s;}
.news_list ul li:hover .news_data p{opacity: 0.5;}

.news_detail_con{justify-content: space-between;}
.news_detail_left{width: 72%;max-width: 1200px;margin-left: auto;margin-right: auto;margin-top: 0px;margin-left: 0.5%;margin-right: 0%;margin-top: 3rem;margin-bottom: 3rem;clear: left;}
.news_detail_left_con{padding-right: 50px;background-color: rgba(255, 255, 255, 1);width: auto;padding-left: 50px;padding-top: 5%;padding-bottom: 5%;display-radio: flex;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);box-sizing: border-box;min-height: 600px;}
.news_detail_tit{font-size: 24px;color: rgba(51, 51, 51, 1);margin-bottom: 10px;margin-top: 0px;text-align: center;font-weight: bold;line-height: 2;}
.news_detail_day{font-size: 12px;color: rgba(168, 171, 178, 1);line-height: 1.5;}
.news_detail_right{width: 24.72%;margin-top: 3rem;margin-bottom: 3rem;}
.news_detail_right_con{background-color: rgba(255, 255, 255, 1);border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;padding-top: 5%;padding-bottom: 5%;padding-left: 5%;padding-right: 5%;box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);box-sizing: border-box;}
.news_detail_right_tit{font-weight: normal;color: rgba(46, 46, 46, 1);font-size: 24px;margin-bottom: 20px;}
.news_detail_right_item{font-size: 16px;color: rgba(51, 51, 51, 1);line-height: 2.5;transition-property: all;transition-duration: 0.6s;transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.news_detail_right_item a{display: block;color: rgba(51, 51, 51, 1);}
.news_detail_right_item:hover{background: rgba(245, 245, 245, 1);}
.news_detail_right_item:hover a{color: #006abf;}


.industry_list ul{margin: 30px auto;}
.industry_list ul li{width: calc(100% / 5 - 32px);margin-right: 40px;position: relative;border-radius: 20px;overflow: hidden;}
.industry_list ul li .industry_img{width: 100%;height: 450px;}
.industry_list ul li .industry_img img{width: 100%;height: 100%;object-fit: cover;}
.industry_list ul li .industry_tit{height: 100%;display: flex;align-items: flex-end;justify-content: center;position: absolute;bottom: 0;left: 0;right: 0;padding: 5%;box-sizing: border-box;font-size: 24px;line-height: 40px;color: #fff;background: rgba(0, 0, 0, 0.2);}
.industry_list ul li:nth-child(5n){margin-right: 0;}

.join{padding: 30px 0;}
.join_top{max-width: none;margin-left: auto;margin-right: auto;background-color: rgba(0, 155, 216, 1);min-height: 60px;height: auto;}
.join_top ul li{flex: 1;font-size: 18px;line-height: 60px;color: rgba(255, 255, 255, 1);font-weight: normal;text-align: center;}
.join_btm_item ul{background: #fff;box-shadow: 0 5px 5px 5px rgba(0, 0, 0, .1);}
.join_btm_item ul li{flex: 1;text-align: center;font-size: 16px;color: rgba(51, 51, 51, 1);line-height:60px;text-align: center;}
.join_btm_item .about_txt{background-color: rgba(238, 238, 238, 1);opacity: 0;max-height: 0;overflow: hidden;}
.join_btm_item .about_txt.visible {opacity: 1;max-height: 500px; /* 根据实际内容调整这个值，或者使用其他方式动态计算 */padding: 30px;box-sizing: border-box;transition: opacity 0.5s ease, max-height 0.5s ease;overflow-y:auto;}

.contact{padding-top: 4%;padding-bottom: 2%;padding-left: 30px;padding-right: 30px;}
.contact_con{}
.contact_left{flex: 0 0 30%;}
.contact_left .tel{font-size: 2vw;color: #333;}
.contact_left .tel svg{width: 2vw;height: 2vw;fill: #333;}
.contact_left .tit{font-size: 6vw;font-family: Arial;color: rgba(0, 0, 0, 1);display: inline-flex;}
.contact_left .tit sup{max-width: 30px;display: inline-flex;align-items: flex-start;}
.contact_left .txt{font-size: 24px;color: rgba(0, 0, 0, 1);}
.contact_right{flex: 1;}
.contact_right .tit{line-height: 1.5;font-weight: bold;font-size: 32px;color: rgba(32, 88, 141, 1);text-align: left;}
.contact_right .tct .tct_left{flex: 0 0 80%;}
.contact_right .tct .tct_left ul{width: 96%;background: #fff;padding-top: 3%;padding-bottom: 3%;padding-left: 3%;padding-right: 3%;margin-left: 0px;margin-right: auto;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;height: 100%;box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);box-sizing: border-box;}
.contact_right .tct .tct_left ul li{flex: 1;}
.contact_right .tct .tct_left ul li span{width: 40px;height: 40px;display: block;}
.contact_right .tct .tct_left ul li span svg{width: 100%;height: 100%;}
.contact_right .tct .tct_left ul li p{line-height: 2;font-size: 18px;text-align: left;margin-top: 8px;}
.contact_right .tct .tct_left ul li .p1{line-height: normal;font-size: 18px;color: rgba(0, 155, 216, 1);font-weight: bold;text-align: left;margin-top: 20px;}
.contact_right .tct .tct_left ul li .p2{line-height: 2;font-size: 22px;text-align: left;}
.contact_right .tct{margin-top: 3%;}
.contact_right .tct .tct_right{flex: 1;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;background-image: linear-gradient(60.0deg, rgba(68, 177, 205, 1) 0.0, rgba(209, 229, 78, 1) 100.0%);padding-left: 15px;padding-top: 15px;padding-right: 15px;padding-bottom: 15px;box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);}
.contact_right .tct .tct_right h3{font-size: 18px;font-family: Microsoft YaHei;color: rgba(255, 255, 255, 1);font-weight: bold;text-align: center;margin: 0 auto;}
.contact_right .tct .tct_right span{display: block;max-width: 150px;margin-top: 10px;margin-left: auto;margin-right: auto;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;}

.map{min-height: 300px;padding-left: 10px;padding-right: 10px;padding-top: 50px;padding-bottom: 50px;}
.map_con{border-radius: 20px;overflow: hidden;}
.map_left{width: 50%;}
.map_left_con{margin-left: auto;margin-right: auto;margin-top: 0px;padding-top: 12%;height: 100%;padding-bottom: 12%;padding-left: 5%;padding-right: 5%;box-sizing: border-box;background: rgba(255, 255, 255, 1);align-self: center;background-color: rgba(255, 255, 255, 1);box-sizing: border-box;}
.map_left_tit .tits_en{font-size: 18px;color: rgba(89, 87, 87, 1);line-height: 1.3;margin-bottom: 10px;}
.map_left_tit .tits_cn{line-height: 1.5;font-weight: bold;font-size: 32px;color: rgba(32, 88, 141, 1);text-align: left;}
.form_item{width: 50%;padding-right: 20px;box-sizing: border-box;margin-top: 20px;}
.form_item input{width: 100%;line-height: 1.5;color: #495057;background-color: #fff;border: 1px solid #ced4da;border-radius: 5px;height: 30px;line-height: 30px;padding: 10px;box-sizing: border-box;}
.form_item2{width: 100%;}
.form_item2 textarea{width: 100%;padding: 10px;box-sizing: border-box;background-color: #fff;border: 1px solid #ced4da;border-radius: 5px;}
.form_item2 button{display: block;overflow: hidden;text-align: center;box-sizing: border-box;width: 160px;padding: 8px;background-color: rgba(0, 0, 0, 1);font-size: 16px;line-height: 2;border-style: none;border-color: rgba(64, 158, 255, 1);border-width: 8px;border-top-left-radius: 40px;border-top-right-radius: 40px;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;color: #fff;cursor: pointer;}
.map_right{width: 50%;}
#allmap{width: 100%;height: 100%;}

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

/* 响应式 */
@media screen and (max-width:768px){
    header{background: #fff;}
    header h1{max-width: 55px;}
    header h1 .imgs1{display: none;}
    header h1 .imgs2{display: block;}
    header .head_right{position: absolute;left: 0;right: 0;top: 55px;background: rgba(0, 0, 0, 0.7);width: 100%;height: calc(100vh - 55px);padding: 20px;box-sizing: border-box;display: block;transform: translateX(-100%);transition: all 0.5s;}
    header .head_right .head_nav{height: 70vh;overflow-y: auto;}
    header .head_right .head_nav>ul{display: block;}
    header .head_right .head_nav>ul>li{border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
    header .head_right .head_nav>ul>li>a{line-height: 40px;}
    .head_nav_son{position: static;transform: translateX(0%);opacity: 1;visibility: visible;background: none;border-bottom: none;}
    .head_nav_son_con .head_nav_son_list{width: 100%;}
    .head_nav_son_con .head_nav_son_list h3{display: none;}
    .head_nav_son_con .head_nav_son_list ul li{width: 50%;}
    .head_nav_son_con .head_nav_son_list ul li a{padding: 5px 0;color: #fff;}
    .head_nav_son_con{padding: 0;width: 100%;}
    .head_nav_son_con .head_pic{display: none;}
    .head_nav_son_con .head_nav_son_list ul li a svg{display: none;}
    .head_search{width: 100%;height: auto;padding: 0;margin: 10px auto;}
    .head_search svg{display: none;}
    .head_form{position: static;display: block;height: 42px;border-radius: 20px;}
    .head_form form{margin: 0;width: 100%;}
    .head_close{display: none;}
    .head_input{width: calc(100% - 103px);text-indent: 1em;}
    .head_lang{margin-top: 10px;}

    .sj_menu{display: block;width:26px;height:26px;margin:0 auto;right: 4%;top:16px;position: absolute;z-index: 9;}
    .sj_menu span{width:20px;height:2px;display: block;margin:5px 0;position: relative;background: #006abf;border-radius: 2px;transition: all 0.5s;}
    .sj_menu span:nth-child(2){width: 15px;margin: 4px 0;}
    .son .sj_menu span{transition: all 0.5s;}
    .son .sj_menu span:nth-child(2){width: 0;}
    .son .sj_menu span:nth-child(1){transform: rotate(45deg);margin: 12px 3px;transition-delay: 0.5s;}
    .son .sj_menu span:nth-child(3){transform: rotate(-45deg);margin: -20px 3px;transition-delay: 0.5s;}

    .son header .head_right{transform: translateX(0%);transition: all 0.5s;}
    header:hover .head_right .head_nav ul li>a, .fixed header .head_right .head_nav ul li>a{color: #fff;}
    html, body{overflow-y: auto !important;}
    .section-wrap,
    .section-wrap .section{height: auto;}
    .myBanner{height: 260px;}
    .section-wrap{padding-top: 55px;}
    .myBanner .swiper-slide .videoinfo .tt1{font-size: 24px;}
    .myBanner .swiper-slide .videoinfo .tt2{font-size: 16px;}
    .myBanner .swiper-slide .videoinfo .tt3{font-size: 12px;width: 100%;}
    .myBanner .swiper-slide .videoinfo{margin-top: -50px;}
    .about_top_left{display: none;}
    .about_top_right{width: 100%;flex:1;}
    .tit_cn{font-size: 24px;text-align: center;}
    .tit_en{font-size: 24px;text-align: center;}
    .about_btm{padding: 20px 0;}

    .product_page{position: static;width: 100%;padding: 20px;box-sizing: border-box;background: #fff;text-align: center;}
    .product_page h2{font-size: 24px;color: #333;}
    .product_page h3{font-size: 24px;color: #333;}
    .product_page ul{display: flex;flex-wrap: wrap;}
    .product_page ul li{width: 50%;color: #333;font-size: 18px;border: 1px #ddd solid;box-sizing: border-box;display: block;opacity: 1;line-height: 40px;}
    .product_page ul li span{display: block;}
    .product_page ul li span svg{display: none;}
    .product_page ul li.active{background: #006abf;color: #fff;}
    .saf-cateInfos{right: 0;bottom: 0;top: auto;width: 80%;height: auto;transform: translate(0px, 0%);padding: 30px;}
    .saf-cateInfos h3{font-size: 24px;}
    .saf-cateInfos span{font-size: 30px;}
    .saf-cateInfos a{display: block;}

    .product_pics .product_pic{height: 450px;}
    .industry{height: 450px;}
    .industry .industry_item ul{flex-direction: column;}
    .industry .industry_item ul li{height: 20%;width: 100%;}
    .industry .industry_item ul li a{writing-mode: lr;}

    .news_con{padding: 30px 0;}
    .news_tit{flex-direction: column;}
    .slide_left{width: 100%;}
    .swiper-container-news{margin: 20px auto;}
    .swiper-container-news .slide_right{display: none;}
    .slide_left .slide_tct{margin-left: 0;}
    .slide_left .year{display: none;}
    .slide_left .slide_tct .slide_tct_tit{font-size: 18px;}

    .foot_top_left{flex: 0 0 100%;}
    .foot_top_right{flex: 1;}
    .foot_top_right a{margin: 20px auto;}

    .foot_nav{display: none;}
    .foot_txt ul li{width: calc(100% / 2);}
    .foot_btm ul{justify-content: center;}
    .foot_logo{max-width: 50px;}

    .bar{height:400px;}
    .crumbs_nav_con ul{justify-content: flex-start;}
    .crumbs_nav_con ul li{width: calc(100% / 2);justify-content: center;}
    .crumbs_nav.fixed{top: 55px;}
    .crumbs_nav_con ul li a{line-height: 36px;}
    .crumbs_nav_con ul li,
    .crumbs_nav_con ul li a{min-height: 36px;}
    .honor_list ul li{width: calc(100% / 2 - 10px);margin-right: 20px;}
    .honor_list ul li:nth-child(2n){margin-right: 0;}
    .honor_list ul li .tit{padding: 10px;text-align: center;}
    .history_left,
    .history_right{flex: 0 0 100%;}
    .history_left{padding: 30px 0;text-align: center;}
    .history_tit_cn{font-size: 24px;}
    .history_tit hr{margin: 0 auto;}
    .history_right_con{padding: 200px 0;}
    .swiper-container-history{max-height: 120px;}
    .swiper-container-history .swiper-slide .slide_year{font-size: 16px;}
    .swiper-container-history .swiper-slide-active .slide_tit{font-size: 16px;}

    .product_list ul li{flex-basis: 100%;margin-top: 20px;}
    .product_detail_top,
    .product_detail_btm{padding: 20px;}
    .product_detail_top_left{flex: 0 0 100%;}
    .product_detail_top_right{padding-left: 0;margin-top: 30px;}
    .product_detail_top_left .swiper-button-next, .product_detail_top_left .swiper-button-prev{height: 34px;}
    
    .product_detail_btm_tit ul li{min-width: 120px;}
    .news_data span{font-size: 16px;}
    .news_data p{font-size: 16px;}
    .news_tcts{margin-left: 20px;padding:20px;box-sizing: border-box;width: 100%;}
    .news_img{flex: 0 0 100%;}
    .news_img img{margin: 0 auto;}
    .news_tits .news_tit1{font-size: 16px;}
    .news_list ul li:hover .news_img{transform: translateX(0px);}
    .news_detail_left,
    .news_detail_right{margin: 20px auto;width: 100%;}
    .news_detail_left_con{padding: 20px;}
    .news_detail_tit{font-size: 22px;line-height: 30px;}
    .news_detail_right{width: 100%;}

    .industry_list ul li{width: 100%;height: 260px;margin: 10px auto;}

    .contact_con {width: 100%;}
    .contact_left{flex: 0 0 100%;}
    .contact_left .tel{font-size: 18px;display: flex;align-items: center;}
    .contact_left .tel svg{width: 40px;height: 40px;}
    .contact_right .tit{font-size: 24px;}
    .contact_right .tct .tct_left{flex: 0 0 100%;box-sizing: border-box;margin: 20px auto;}
    .contact_right .tct .tct_left ul{padding: 20px;}
    .contact_right .tct .tct_left ul li {flex: 0 0 100%;}
    .contact_left .tit sup{max-width: 18px;}
    .map_left,
    .map_right{width: 100%;}
    .form_item{width: 100%;padding-right: 0;}
    #allmap{height: 300px;}

    .join_top ul li:nth-child(3),
    .join_top ul li:nth-child(4),
    .join_top ul li:nth-child(5),
    .join_btm_item ul li:nth-child(3),
    .join_btm_item ul li:nth-child(4),
    .join_btm_item ul li:nth-child(5){display: none;}
}