@charset "utf-8";
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    .box_cons,
    .myBanner .swiper-pagination-banner{padding: 0 120px;}
    .container .next{left: 120px;}
    .head_nav ul li a{padding: 0 20px;}

    /*.main_title h3{font-size: 40px;}*/
    /*.main_title h4,*/
    /*.contact_tit h3{font-size: 30px;}*/
    .main_title p{font-size: 20px;}

    .about{height: 700px;}
    .about .desc{font-size: 16px;}
    .about_items{margin-top: 60px;}
    .about_items .item .item_left p b{font-size: 40px;}
    .about_items .item .item_left p, .about_items .item .item_left p sup{font-size: 14px;}
    .about_items .item .item_right{width: 45px;height: 45px;}

    /*.product_list .item .item_right dl dt{font-size: 30px;}*/
    .product_list hr,
    .product_list .item{margin-top: 50px;}
    .product_list .item{width: calc(100% / 2 - 25px);margin-right: 50px;}

    .news_list .news_left h3, .news_list .news_right .item h3{font-size: 20px;}
    
    .foot_top h2{font-size: 32px;}
    .foot_top a{width: 300px;line-height: 60px;font-size: 20px;}
    .foot_center dl dd p{font-size: 14px;}
    .foot_center dl dt b{font-size: 44px;}
    .foot_center ul li a{font-size: 16px;}
    .myBanner_txt h3{font-size: 48px;}
    .myBanner_txt h4{font-size: 16px;letter-spacing: 0.5px;}
    .myBanner_txt p{font-size: 16px;line-height: 30px;}
    .myBanner_txt a{line-height: 45px;}

    /*.bar_tit h3{font-size: 42px;}*/
    .bar_tit p{font-size: 16px;}

    .bar, .bar_tit{height: 500px;}
    
    .main_title2 h3{font-size: 28px;}
    .about_one_item .item b{font-size: 50px;}
    .swiper-container-history .swiper-slide .swiper-slide-tct{padding: 20px;}
    .swiper-container-history .swiper-slide h3{font-size: 30px;}
    .swiper-container-history .swiper-slide p{font-size: 16px;line-height: 24px;}
    .swiper-container-history .swiper-button-next, .swiper-container-history .swiper-button-prev{width: 40px;height: 40px;top: -190px;}
    .about_tit h3{font-size: 24px;}
    .about_tit a{font-size: 16px;}
    .swiper-container-honor .swiper-slide .tit{font-size: 20px;}
    .honor{padding: 0 40px 40px;}
    .honor .swiper-button-next, .honor .swiper-button-prev{width: 40px;height: 40px;}
    .swiper-container-honor .swiper-slide .pic{width: 360px;height:252px;}
    .about_three_list ul li span{height: auto;}
    .about_three_list ul li h3{font-size: 20px;}

    .swiper-container-news .swiper-slide .tct h4 b{font-size: 42px;}
    .swiper-container-news .swiper-slide .tct h3{font-size: 20px;}
    .news_btm ul li p{font-size: 16px;}
    .news_btm ul li h3{font-size: 20px;line-height: 30px;height: 60px;}
    .news_titles h3{font-size: 24px;}
    
    .product_top{height:750px;}

    .swiper-container-product .swiper-slide h3{font-size: 20px;}
    .swiper-container-product .swiper-slide em{font-size: 16px;}
    .mySwiper .swiper-slide{font-size: 18px;}
    .product_btm_tit{padding: 40px;}
    .product_btm_tit h3{font-size: 24px;}
    .product_item{padding: 40px;}
    .product_item .product_item_left h3{font-size: 24px;}
    .product_item .product_item_left p{font-size: 15px;line-height: 24px;}
    .product_item .product_item_left a{line-height: 40px;}
    .product_item .product_item_right .swiper-slide span{height: 275px;}
    .product_item .product_item_right .swiper-slide h3{font-size: 20px;}
    .product_item .product_item_right .swiper-slide p{font-size: 15px;}
    .product_item .product_item_left .swiper-pagination-products{font-size: 24px;}
    .product_item .product_item_left .swiper-button-next::after, .product_item .product_item_left .swiper-button-prev::after{font-size: 24px;line-height: 35px;}
    .product_btm_tit .product_btm_tit_right{line-height: 50px;}
    .product_btm_tit .product_btm_tit_right ol{top: 50px;}
    .product_btm_tit ul{width: 900px;}
    .product_btm_tit ul li a{font-size: 22px;}
    .product_btm_tst h3{font-size: 26px;}
    .product_btm_tst p{font-size: 15px;}
    .product_items ul li h3{font-size: 20px;}
    .product_items ul li span{height: 280px;}
    .product_info_top .tct .tit{font-size: 24px;}
    .product_info_top .tct .txt{font-size: 20px;}
    .product_info_top .tct .tst{font-size: 24px;}
    .product_info_btm .tit{font-size: 24px;}
    .product_info_btm_tit ul li{margin-right: 30px;line-height: 60px;font-size: 20px;}
    .academic_nav ul li a{font-size: 22px;}
    .academic_btm ul li a{padding: 30px;}
    .academic_btm ul li h4 b{font-size: 24px;}
    .academic_btm ul li h3{font-size: 18px;}
    .service_title h3{font-size: 30px;}
    .service_tab_con_item .tct ul li p b{font-size: 24px;}
    .service_tab_con_item .tct ul li p em font{font-size: 24px;}
    .service_tab_con_item .tct ul li p abbr i{font-size: 14px;}
    .recruit_tit h3{font-size: 30px;}
    .recruit_top ul li h3{font-size: 24px;}
    .investor_top ul li .tct h3{font-size: 20px;}
    .investor_btm_left_top P b{font-size: 52px;}
    .notice_list ul li{margin-top: 20px;}
    .notice_list ul li .time{padding: 15px 0 15px 25px;}
    .notice_list ul li .time span{font-size: 20px;}
    .notice_list ul li .time p{font-size: 14px;}
    .notice_list ul li .tit{font-size: 18px;}
    .swiper-container-product .swiper-button-next, .swiper-container-product .swiper-button-prev{width: 40px;height: 40px;}
    .page_list,
    .page_list ul{padding: 30px 0;}
    .page_list ul li{width: 50px;height: 50px;line-height: 50px;font-size: 18px;}
}
@media screen and (max-width:1600px){
    

}
@media screen and (max-width:1500px){
    .box_con,
    .box_cons,
    .myBanner .swiper-pagination-banner{padding: 0 60px;}
    .container .next{left: 60px;}
    .head_nav ul li a{padding: 0 12px;}
    .about_items .item{width: calc(100% / 5 - 10px);margin-right: 20px;}
    .bar, .bar_tit{height: 420px;}
    .bar_tit h3{font-size: 30px;}
    .product_btm_tit ul{width: 760px;}
    
}
@media screen and (max-width:1366px){
   
}
@media screen and (max-width:1280px){
   
    
    
}
.sj_menu{display: none;}
@media screen and (max-width:1200px){

    .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: var(--mainColor);border-radius: 2px;transition: all 0.5s;}
    .sj_menu span:nth-child(2){width: 15px;margin: 4px 0;}
   
    header,
    .fixed header{padding-top: 0px;background: #fff;}
    header h1{max-width: 100px;height: 55px;}
    header h1 a{display: inline-flex;height: 100%;align-items: center;}
    header h1 a img{display: block;}
    header h1 a .imgs1{display: none;}
    header h1 a .imgs2{display: block;}
    .head_right{display: block;width: 100%;position: absolute;top: 55px;left: 0;z-index: 99;;background: rgba(0, 0, 0, 0.8);padding: 20px;box-sizing: border-box;transform: translateX(-100%);transition: all 0.5s;height: calc(100vh - 55px);}
    .head_nav ul{display: block;}
    .head_nav ul li a{font-size: 16px;line-height: 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .head_nav ul li a::after{height: 2px;}
    .head_lange{border: none;width: 100%;margin-top: 20px;}
    .head_lange::after{display: none;}
    .head_lange>a{display: none;}
    .head_lange ul{display: inline-flex;}
    .head_lange ul li{width: 100px;}
    .fixed .head_nav ul li a,
    .fixed .head_lange a{color: #fff;}
    .son{width: 100%;height: 100%;overflow: hidden;}
    .son header .head_right{transform: translateX(0);transition: all 0.5s;}
    .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;}
    .lg_wrap{padding-top: 55px;}
    .box_cons, .myBanner .swiper-pagination-banner,.box_con{padding: 0 4%;}
    .container .next{left: 2%;}
    .myBanner{height: 400px;}
    .myBanner .swiper-pagination-banner{text-align: center;bottom: 20px;}
    .myBanner .swiper-pagination-banner .swiper-pagination-bullet{margin-left: 5px;}

    footer{padding-top: 20px;}
    .foot_top{margin-bottom: 20px;padding-bottom: 20px;}
    .foot_top h2{font-size: 20px;}
    .foot_top a{width: 140px;line-height: 45px;font-size: 15px;margin-top: 10px;}
    .foot_top a span{margin-left: 30px;}
    .foot_center ul{display: none;}
    .foot_center dl{width: 100%;}
    .foot_center dl dt{margin-bottom: 20px;}
    .foot_center dl dt b{font-size: 30px;}
    .foot_btm p{line-height: 24px;}
    .foot_btm p a{display: block;float: none;}
    .container .next{display: none;}
    .about .main_title{padding-top: 0;}
    .main_title h4{font-size: 20px;}
    .main_title h3{font-size: 24px;}
    .main_title p{font-size: 16px;}
    .product .more, .news .more{float: none;margin-top: 10px;}
    .more a{width: 140px;line-height: 45px;}
    .about,.product, .news{height: auto;padding: 30px 0;}
    
    .about .desc{margin: 20px 0;width: 100%;}
    .about_items{flex-wrap: wrap;margin-top: 0;}
    
    .about_items .item{width: calc(100% / 2 - 10px);margin-right: 20px;margin-top: 20px;padding: 15px;}
    .about_items .item:nth-child(2n){margin-right: 0;}
    .about_items .item .item_left{width: 100%;}
    .about_items .item .item_left p b{font-size: 24px;}
    .about_items .item .item_right{display: none;}
    .product_list .item{width: 100%;margin-right: 0;margin-top: 30px;}
    .product_list .item .item_left{height: 270px;margin-bottom: 10px;}
    .product_list .item .item_left::after{left: 20px;top: 20px;}
    .product_list .item .item_right dl dt{font-size: 22px;padding: 15px 0;}
    .product_list .item .item_right p{margin-top: 20px;background: none;}
    .product_list hr{display: none;}
    .news_list{padding-top: 0;}
    .news_list .news_left,
    .news_list .news_right{width: 100%;margin-top: 30px;}
    .news_list .news_left h3, .news_list .news_right .item h3{font-size: 18px;}
    .myBanner_txt h3{font-size: 30px;}
    .myBanner_txt h4{font-size: 14px;letter-spacing: 0px;}
    .myBanner_txt p{font-size: 14px;line-height: 24px;margin: 10px 0;}
    .myBanner_txt a{line-height: 45px;margin-top: 20px;}

    .about_one,.about_two, .about_three,
    .news_cons2{padding: 30px 0;}
    .about_one_left,
    .about_one_right{width: 100%;}
    .main_title2 h3{font-size: 20px;}
    .video{margin-top: 20px;height: 300px;}
    .about_one_right .mains_text{padding-right: 20px;}
    .about_one_item .item b{font-size: 32px;}
    .swiper-container-history .swiper-button-next, .swiper-container-history .swiper-button-prev{top: -45px;z-index: 3;}
    .swiper-container-history .swiper-button-prev{left: 0;}
    .about_two_con .line{margin-top: 40px;}
    .swiper-container-history .swiper-slide span{left: 50%;margin-left: -15px;}
    .swiper-container-honor .swiper-slide .pic{width: 100%;height: auto;border: 2px solid #fff;}
    .honor {padding: 0 40px 20px;}
    .about_three_list ul li{width: calc(100% / 2 - 10px);margin-right: 20px;margin-top: 20px;}
    .about_three_list ul li:nth-child(2n){margin-right: 0;}
    .about_three_list ul li h3{font-size: 18px;margin: 5px 0;}
    .swiper-container-news .swiper-slide .pic,
    .swiper-container-news .swiper-slide .tct{width: 100%;height: auto;}
    .news_top{padding: 30px 0;}
    .swiper-container-news .swiper-slide .tct h3{font-size: 20px;line-height: 24px;}
    .swiper-container-news .swiper-pagination-news{left:auto;right: 0;}
    .swiper-container-news .swiper-pagination-news .swiper-pagination-bullet{background: #ddd;}
    .swiper-container-news .swiper-pagination-news .swiper-pagination-bullet-active{background: var(--mainColor);}
   .news_btm .honor_ul li,
   .news_btms ul li{width: 100%;margin: 20px auto;padding-bottom: 20px;}
    .news_btm .honor_ul li a,
    .news_btms ul li span{height: auto;}
    .news_btm .honor_ul li li h3{font-size: 20px;}
    .news_titles h3{font-size: 24px;}
    .product_page{margin: 20px auto;}
    .product_page ul{margin-top: 20px;padding: 0;}
    .product_page ul li a{font-size: 15px;padding: 0 10px;justify-content: center;line-height: 45px;}
    .product_page ul li a em{display: none;}
    .bar_tit h3{font-size: 24px;}
    .bar_tit p{margin-top: 10px;font-size: 14px;}
    .product_top{height: auto;padding: 30px 0;}
    .swiper-container-product .swiper-slide h3{font-size: 20px;}
    .swiper-container-product .swiper-slide p{font-size: 16px;line-height: 24px;}
    .swiper-container-product .swiper-slide span{height: auto;}
   .swiper-wrapper-top{justify-content: flex-start !important;}
    .mySwiper .swiper-slide{font-size: 20px;}
    .product_btm_tit,
    .product_item{padding: 20px;}
    .product_btm_tit h3{font-size: 20px;}
    .product_btm_tit .product_btm_tit_right{width: 100px;line-height: 30px;font-size: 14px;}
    .product_btm_tit .product_btm_tit_right ol{top: 30px;}
    .product_btm_tit .product_btm_tit_right ol li a{font-size: 14px;line-height: 24px;}
    .product_item .product_item_left,
    .product_item .product_item_right{width: 100%;}
    .product_item .product_item_right{margin-top: 20px;}
    .product_item .product_item_right .swiper-slide span{height: auto;}
    .product_item .product_item_left h3{font-size: 20px;}
    .product_item .product_item_left p{font-size: 14px;}
    .product_item .product_item_left a{width: 100px;line-height: 30px;}
    .product_item .product_item_left .swiper-pagination-products{display: none;}
    .product_item .product_item_left .swiper-button-next{right: 0;left: auto;top: 150%;z-index: 2;}
    .product_item .product_item_left .swiper-button-prev{left: 0;top: 150%;z-index: 2;}
    .product_item .product_item_left .swiper-button-next::after,
    .product_item .product_item_left .swiper-button-prev::after{color: var(--mainColor);}
    .product_item .product_item_right .swiper-slide h3{font-size: 18px;margin: 10px 0 5px;}
    .product_btm_tit ul{margin: 10px auto;}
    .product_btm_tit ul li a{font-size: 16px;line-height: 30px;padding: 0 20px 0 0;}
    .product_btm_tst{width: 100%;padding: 20px;margin-top: 0px;}
    .product_btm_tst p{margin: 10px 0;}
    .product_items ul li{width: 100%;padding-top: 20px;margin: 0 auto;}
    .product_items ul li h3{font-size: 18px;margin: 10px 0 0;line-height: 30px;}
    .product_items ul li span{height: auto;}
    .page_list,
    .page_list ul{padding: 20px 0;}
    .page_list ul li{width: 40px;height: 40px;line-height: 40px;}
    .page_list ul li a{font-size: 15px;}
    .product_btms{padding-top: 0;}
    .product_info_top,
    .service_con,
    .recruit_top, .recruit_btm,
    .investor_con,
    .academic_con{padding: 30px 0;}
    .product_info_top .pic{width: 100%;height: auto;}
    .product_info_top .tct{width: 100%;padding-left:0;}
    .product_info_top .tct .tit{font-size: 22px;}
    .product_info_top .tct .txt{margin: 10px 0;}
    .product_info_top .tct .btns a{font-size: 14px;line-height: 30px;}
    .product_info_top .tct .tst{font-size: 18px;}
    .product_info_btm .tit{font-size: 20px;}
    .product_info_btm_tit ul li{font-size: 18px;margin-right: 10px;line-height: 45px;}
    .academic_nav{margin: -60px auto 10px;}
    .academic_nav ul li a{font-size: 18px;line-height: 24px;}
    .academic_btm ul li{width: 100%;margin: 20px auto 0;}
    .academic_btm ul li a{padding: 20px;}
    .academic_btm ul li h4 b{font-size: 18px;}
    .academic_btm ul li h3{font-size: 18px;line-height: 24px;height: auto;margin: 10px 0;}
    .academic_btm ul li p{font-size: 14px;line-height: 20px;height: auto;}
    .service_title h3{font-size: 22px;}
    .service_tab_tit ul li{font-size: 18px;}
    .service_tab_con_item .tct{position: static;width: 100%;height: auto;}
    .service_tab_con_item .tct ul li{display: block;position: static;width: 100%;height: auto;margin-top: 20px;}
    .service_tab_con_item .tct ul li span{display: none;}
    .service_tab_con_item .tct ul li p{display: block;position: static;}
    .recruit_tit h3{font-size: 20px;}
    .recruit_top ul, .recruit_btm ul{margin: 20px auto 0;}
    .recruit_top ul li{width: 100%;margin: 20px auto 0;}
    .recruit_top ul li a{padding: 20px;}
    .recruit_top ul li h3{font-size: 18px;}
    .recruit_top ul li p{font-size: 14px;margin-top: 10px;}
    .recruit_top ul li em{margin-top: 10px;}
    .recruit_btm ul li,
    .recruit_btm ul li:nth-child(5){width: calc(100% / 2 - 5px);margin-right: 10px;margin-bottom: 0;margin-top: 10px;}
    .recruit_btm ul li:nth-child(2n){margin-right: 0;}
    .recruit_btm ul li span{display: block;width: 30px;height: 30px;margin: 0 auto;}
    .recruit_btm ul li p{font-size: 16px;line-height: 24px;}
    .investor_top ul li{width: 100%;margin: 0 auto 20px;height: auto;overflow: hidden;}
    .investor_top ul li .tct h3{font-size: 20px;}
    .investor_top ul li .tct em{margin-top: 20px;}
    .investor_btm{margin-top: 0px;}
    .investor_btm_left,
    .investor_btm_right{width: 100%;padding: 15px;}
    .notice_list{padding-top: 30px;}
    .notice_list ul li{margin-top: 20px;}
    .notice_list ul li .time span{font-size: 18px;}
    .notice_list ul li .time{padding: 10px 0 10px 10px;width: 70px;}
    .notice_list ul li .time p{font-size: 14px;}
    .notice_list ul li .txt{display: none;}
    .notice_list ul li .tit{width: calc(100% - 80px);margin: 0 0 0 10px;font-size: 16px;}
    .swiper-container-history .swiper-slide h3{font-size: 24px;}
    .about_tit{padding: 30px 0;}
    .pic_sj{display: block;}
    .mark,
    .pic_pc{display: none;}

    .product_search{margin: 20px auto;width: 100%;padding: 0 10px;}
    .product_search input{height: 40px;line-height: 40px;font-size: 14px;}
    .product_search button{height: 40px;}
    
    .contact_tit h3{font-size:20px;}
    .join_txt{font-size:14px;}
    .join_item{margin-top:20px;}
    .join_item .tit,
    .join_item .tct{padding: 15px;}
    .join_item .tit h3{width:85%;font-size:18px}
    .join_item .tit p{width:85%;}
    .join_item .tit p span{font-size:14px;line-height:24px;display:block;}
    .join_item .tit em{width:40px;height:40px;text-align:center;}
    .join_item .tit em::before, .join_item .tit em::after{margin: 20px 11px;}
    .product_more{margin:20px auto 0;font-size:16px;}
    
}
@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
   
}

@media screen and (max-width:640px){

    .myBanner{height: 200px;}
    .product_list .item .item_left{width: 100%;}
    .product_list .item .item_right{width: 100%;}
    .news_list .news_left,.news_list .news_right .item{padding: 15px;}
    .news_list .news_left span{height: auto;}
    .news_list .news_right .item .item_left,
    .news_list .news_right .item .item_right{width: 100%;margin: 0 auto;height: auto;}
    .news_list .news_right .item .item_right{margin: 20px auto 0;}
    .myBanner_txt .box_cons{padding-right: 45%;}
    .myBanner_txt h3{font-size: 16px;margin-bottom: 10px;padding-top: 20px;}
    .myBanner_txt h4{font-size: 6px;}
    .myBanner_txt p{font-size: 6px;line-height: 12px;margin: 5px 0;}
    .myBanner_txt a{width: 65px;line-height: 20px;font-size: 6px;margin-top: 10px;}
    .bar, .bar_tit{height: 240px;}
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
    
}
@media screen and (max-width:360px){
    
}
@media screen and (max-width:320px){
    
}