﻿﻿@charset "utf-8";
.editor{overflow-x: auto;}
.banner_scroll{position: absolute;right: -20px;bottom: 0px;z-index: 9;width: 50px;height: 28px;text-align: center;}
  .banner_scroll span{width: 50px;}
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    .head_nav ul li a{margin: 0 15px;}
    .head_lange,
    .head_search{padding: 0 20px;}
    .myNews{width: 110%;}
  
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
    header{top: 40px;}
    .head_nav ul li a{font-size: 18px;line-height: 40px;}
    header h1{padding-left: 60px;max-width: 320px;}
    .head_right{padding-right: 60px;width: calc(100% - 320px - 20px);}

    .box_cons{padding: 0 60px;}
    .box_con{max-width: 90%;}
    .mySwiper .swiper-slide p{font-size: 15px;}

    .myRecommend .swiper-slide span{height: 190px;}
    .tab_item ul li span{height: 185px;}
    .application_list ul li span{height: 310px;}
    .myNews .swiper-slide{max-width: 310px;}
    .myNews .swiper-slide span{height: 200px;}
    
    .recommend .title h3,
    .product_left .title h3,
    .application .title h3,
    .news_left .title h3{font-size: 30px;}
    .about_btm h3{font-size: 36px;}
    .about_btm h5{font-size: 28px;}
    .myApplication .swiper-slide h3{font-size: 20px;}
    .product_left>ul li>a{font-size: 20px;}
    .product_left>ul>li.active>a{font-size: 24px;}
    .product_left>ul>li>ul>li>a{font-size: 18px;}

    .application_list ul li h3{font-size: 24px;}
    .news_tit ul li{font-size: 22px;}
    .myNews .swiper-slide h3{font-size: 16px;line-height: 24px;}
    .content_cons h3{font-size: 30px;}
    .foot_nav dl{margin-right: 20px;max-width: 130px;}
    .box_con2{max-width: 92%;}
    .bar{height: 510px;}
    .bar_tit h3{font-size: 36px;}
    .bar_tit p{font-size: 30px;}
    .main_title h3{font-size: 30px;}
    .about_right{padding-left: 30px;}
    .about_right .mains_text{font-size: 16px;line-height: 30px;padding-right: 20px;}
    .about_right_item ul li span b{font-size: 42px;}
    .culture_items .item .item_cons .item_con span{width: 30px;height: 30px;}
    .culture_items .item .item_cons .item_con h3{font-size: 20px;}
    .culture_items .item .item_cons .item_con p{font-size: 16px;line-height:1;}

    .history .preview .swiper-container .swiper-slide{font-size: 20px;}
    .history .preview .swiper-container .active-nav{font-size: 26px;}
    .history .preview .swiper-container .swiper-slide::after{width: 14px;height: 14px;margin: 12px auto;;}
    .history .preview .swiper-container .swiper-slide::before{width: 36px;height: 36px;}
    .history .view .arrow-left, .history .view .arrow-right{width: 36px;height: 36px;line-height: 34px;}
    .history .view .swiper-container .swiper-slide .history_tit h3{font-size: 40px;}
    .history .view .swiper-container .swiper-slide .history_tit h3 span{font-size: 16px;}
    .history .view .swiper-container .swiper-slide .history_tit h3::after{margin: 20px 0;}
    .history .view .swiper-container .swiper-slide .history_tit p{font-size: 30px;}
    .history .view .swiper-container .swiper-slide .history_tit{width: 160px;}
    .history .view .swiper-container .swiper-slide .history_tct{width: calc(100% - 180px);padding: 0 0 0 20px;}
    .product_left .mains_text{font-size: 16px;line-height: 30px;}
    .news_list .item .item_con span{font-size: 16px;line-height: 20px;}
    .news_list .item .item_con h3{font-size: 20px;}
    .news_titles h3{font-size: 30px;}
    .main_title2{padding: 0 0 20px;}
    .main_title2 h3{font-size: 22px;}
    .main_title2 p{font-size: 16px;line-height: 24px;}
    .join_btm .join_title,
    .join_one_con .tit{font-size: 22px;}
    .form_item dl dt{font-size: 16px;}
    .contact_item_top .item h3{font-size: 24px;}
    .contact_item_top .item p,
    .contact_item_btm_left p{font-size: 14px;}
    .contact_item_top .item span,
    .contact_item_btm_left span{font-size: 20px;}
    
    .recommend_left_item{left:30px;right:30px;bottom:30px;}
    .recommend_left_item .item_img{width:280px;height:140px;}
    .recommend_left_item .item_con{width:calc(100% - 280px);}
    .recommend_left_item .item_con .tit,
    .myApplications .swiper-slide .slide_con h3{font-size:24px;}
    .recommend_left, .recommend_right,
    .myApplications .swiper-slide .slide_con a{padding:30px;}
    .recommend_left, .recommend_right,.myApplications{height:240px;}
    .myApplications .swiper-slide .slide_con p,
    .recommend_left_item .item_con .txt{font-size:16px;}
    .myApplications .swiper-pagination-applications{font-size:16px;}
    .myApplications .swiper-pagination-applications .swiper-pagination-current{font-size:20px;}
    .myApplications .swiper-pagination-applications{left:30px;bottom:30px;}
    .myApplications .swiper-button-prev, .myApplications .swiper-button-next{right:30px;bottom:30px;}
    .myApplications .swiper-button-prev{right:80px;}
  
    

}
@media screen and (max-width:1366px){
    header h1{max-width: 260px;padding-right: 30px;}
    .head_lange a{font-size: 18px;}
    .head_right{width: calc(100% - 260px - 20px);}
    .head_nav ul li a{font-size: 15px;margin: 0;}
    .mySwiper .swiper-slide p{font-size: 14px;line-height: 24px;}
    .myRecommend .swiper-slide span{height: 170px;}
    .tab_item ul li span{height: 165px;}
    .application_list ul li span{height: 270px;}

    .myNews .swiper-slide{max-width: 260px;}
    .myNews .swiper-slide span{height: 165px;}
    
}
@media screen and (max-width:1280px){
  
}
.myCultivate .swiper-pagination-cultivate{display: none;}
.sj_menu{display: none;}
#allmap{height: 600px;}
@media screen and (max-width:1200px){
    #allmap{height: 260px;}
    .box_cons{padding: 0 60px;max-width: 750px;margin: 0 auto;}
    .box_con{max-width: 750px;margin: 0 auto;}
    .banner .swiper-slide a{max-width: 100%;}

    .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: #dd3d0f;border-radius: 2px;transition: all 0.5s;}
    .sj_menu span:nth-child(2){width: 15px;margin: 4px 0;}
    
    header{top: 0;background: #fff;}
    header h1{max-width: 300px;}
    header .head_right{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;right: 0;background:rgba(0, 0, 0, 0.8);padding: 20px;box-sizing: border-box;display: block;z-index: 9;transform: translateX(-100%);transition: all 0.5s;margin-left: 0;}
    header .head_right .head_nav ul{display: block;padding: 40px 0 20px;}
    header .head_right .head_nav ul li a{font-size: 16px;line-height: 36px;border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
    .head_lange{width: 100px;}
    .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;}
    
    .search_btn{display: none;}
    .search_bd{display: block;position: static;}
    .head_lange, .head_search{padding: 0;margin: 10px auto;}
    .head_lange{width: auto;}
    .head_lange::before, .head_lange::after{display: none;}
    .banner .myBanner{height: 600px;}
    .mySwiper{width: 300px;}
    .mySwiper .swiper-slide p{display: none;}
    .tab_item ul li span{height: 125px;}
    .myRecommend .swiper-slide span{height: auto;}
    .application_list ul li span{height: 220px;}
    .myNews .swiper-slide p{font-size: 16px;}
    .myNews .swiper-slide h3{font-size: 18px;line-height: 24px;}
    .application_list ul li h3{font-size: 20px;}
    .recommend .title h3, .product_left .title h3, .application .title h3, .news_left .title h3{font-size: 30px;}
    .about_btm h3{font-size: 34px;}
    .about_btm h5{font-size: 28px;}
    .news_tit ul li{font-size: 20px;line-height: 30px;}
    .foot_top{padding: 50px 0 30px;}
    .foot_logo{max-width: 250px;}
    .foot_nav{display: none;}
    .foot_info{width: 100%;}
    .foot_btm{margin-top: 30px;}
    .content_cons h3{font-size: 36px;}
    .application .tct .txt{font-size: 16px;line-height: 24px;max-width: 700px;}
    .myApplication{height: auto;overflow:hidden;}
    .myApplication .swiper-slide span{height: auto;}
    .application_list .swiper-button-next{right:0;width:30px;height:30px;margin-top:-15px;}
    .application_list .swiper-button-prev{left:0;width:30px;height:30px;margin-top:-15px;}

    .application_list{margin-top: 20px;}
    .myApplication .swiper-slide span{margin-bottom: 10px;}
    .myApplication .swiper-slide h3{font-size: 20px;}
    .head_nav{width: 100%;}
    .about_right_item ul li{padding: 10px 0;margin-bottom: 10px;}
    .about_right_item ul li span b{font-size: 36px;}
    .about_right .mains_text{height: 300px;}
    .bar_tit dl{display: none;}
    .main{padding: 20px 0;}
    .main_title{padding: 20px 0;}
    
    .history .preview{padding-left: 45px;}
    .history .view .arrow-right{margin-right: 30px;}
    .history .view .swiper-container{width: calc(100% - 137px);}
    .history .view .swiper-container .swiper-slide .history_tit h3{font-size: 30px;}
    .history .view .swiper-container .swiper-slide .history_tit p{font-size: 20px;}
    .nav{position: static;}
    .box_con2{max-width: 750px;width: 92%;}
    #certify,
    #certify .swiper-slide{width: 100%;}
    #certify .swiper-slide p{font-size: 18px;padding: 10px 0;}
    .page_list ul{padding: 20px 0;}
    .page_list ul li{width: 34px;height: 34px;line-height: 34px;}
    .page_list ul li a{font-size: 16px;}
    .news_list{margin-bottom: 20px;}
    .news_cons{padding: 20px 0;}
    .news_titles h3{font-size: 24px;}
    .product_page{margin-top: 20px;}
    .product_page ul{padding: 15px;margin: 20px 0;}
    .product_page ul li a{padding: 0;line-height: 24px;}
    .product_page ul li a em{display: none;}
    .myCultivate{padding: 0 0 100px;margin: 20px auto 0;height: 400px;}
    .myCultivate .swiper-slide-active, .myCultivate .swiper-slide:hover{height: 400px;transform: translateY(0px) !important;}
    .myCultivate .myCultivate-button{width: 120px;}
    .myCultivate .myCultivate-button .swiper-button-prev, .myCultivate .myCultivate-button .swiper-button-next{width: 40px;height: 40px;}
    .join_one_img{display: none;}
    .join_one_con{width: 100%;padding: 20px;}
    .join_one{margin-bottom: 30px;}
    .join_btm_tab .join_btm_left ul{padding-right: 20px;}
    .join_btm_tab .join_btm_right{width: calc(100% - 360px);}
    .join_btm{margin: 20px 0 0;}
    .join_btm_tab .join_btm_left ul li a{line-height: 36px;}
    .form_item{margin-bottom: 0;}
    .form_item1 dl,
    .form_item2 dl{width: 100%;margin-right: 0;margin-bottom: 15px;}
    .contact_item_btm_left,
    .contact_item_btm_right{width: 100%;}
    .contact_item_btm_right ul{justify-content: center;margin-top: 20px;}
    .contact_form, .contact_items{margin: 0 0 20px;}
    .contact_item_top{margin-bottom: 20px;padding-bottom: 20px;}
    .banner_scroll{display:none;}
}
@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
    header,
    .head_con{height: 55px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
    header h1{max-width: 140px;padding: 0;padding-left: 4%;}
    .lg_wrap{padding-top: 55px;}
    .banner .myBanner{height: 220px;}
    .banner_btm{bottom: 25px;}
    .recommend{padding: 20px 0;overflow:hidden}
    .recommend .title h3, .product_left .title h3, .application .title h3, .news_left .title h3{font-size: 24px;}
    .recommend .swiper-button-prev, .recommend .swiper-button-next{width: 30px;height: 30px;}
    .recommend .swiper-button-prev::after, .recommend .swiper-button-next::after{font-size: 18px;}
    .recommend .swiper_btn{top: -42px;width: 100px;}
    .recommend .title{padding-bottom: 30px;}
    .about_btm{padding: 20px 0;}
    .about_btm h3{font-size: 30px;padding-top: 20px;}
    .about_btm h5{font-size: 22px;}
    .about_btm p span{width: 130px;margin: 0 10px;line-height: 20px;}
    .product{padding: 20px 0;}
    .product_left,
    .product_right{width: 100%;margin: 0 auto 20px;}
    .product_left>ul li>a{padding: 5px 0;font-size: 18px;}
    .product_left>ul>li.active>a{font-size: 20px;}
    .product_left>ul>li>ul>li>a{font-size: 16px;}
    .more{width: 130px;line-height: 40px;}
    .tab_tit{margin-left: 0;margin-top: 30px;}
    .tab_item ul li{width: 100%;}
    .tab_item{margin-top: 20px;}
    .tab_item ul li span{height: auto;}
    .application{padding: 20px 0;}
    .application .title h3,.application .title p,
    .application .tct .txt{color: #333;}
    .application .title p{line-height: 20px;}
    .application .tct .txt{margin-bottom: 20px;}
    .application .tct{margin: 20px auto;}
    .application_list ul li{width: 100%;margin: 20px auto;}
    .application_list ul li span{height: auto;}
    .news{padding: 20px 0;}
    .news_left,
    .news_right{width: 100%;}
    .news_left .more{margin-top: 20px;}
    .news_tit ul li{display: inline-block;margin-right: 20px;}
    .news_right{padding-left: 0;margin-top: 20px;}
    .myNews{width: 100%;}
    .myNews .swiper-slide{max-width: initial;}
    .myNews .swiper-slide span{height: auto;}
    .content_cons h3{font-size: 24px;}
    .content_cons a{width: 130px;line-height: 40px;font-size: 16px;}
    .content_cons a em{margin-right: 5px;}
    .content_cons{height: 130px;}
    .foot_top{padding: 20px 0;}
    .foot_logo{max-width: 200px;margin-bottom: 20px;}
    .foot_info dl dd{width: 100%;}
    .foot_btm p a{float: none;display: block;}

    .head_search form{height: 40px;}
    .head_search form button{height: 40px;}
    .box_cons{padding: 0 4%;}
    .box_con{max-width: 92%;}
    .about_con {justify-content: space-between;}
    .about_left,
    .about_right{width: 100%;margin: 20px auto 0;padding: 0;}
    .about_right_item ul li span b{font-size: 26px;}
    .about_right .mains_text{height: auto;}
    .about_right_item{margin-top: 20px;}

    .news_conss{padding: 20px;}
    .mains_text img{width: 100% !important;height: auto !important;}

    .foot_info dl dd p{display: block;padding: 5px 0;}
    .foot_info dl dd p span{width: calc(100%);}
    .nav{margin: 0 auto;}
    .nav ul li{width: calc(100% / 2);margin: 0;border-right: 1px solid #eee;box-sizing: border-box;border-radius: 0;border-bottom: 1px solid #eee;}
    .nav ul li:nth-child(2n){border-right: none;}
    .bar {height: 200px;}
    .bar_tit h3{font-size: 24px;}
    .bar_tit p{font-size: 20px;}
    .bar_tit span{margin-top: 10px;font-size: 14px;}
    .main_title h3{font-size: 24px;}
    .history .preview{padding-left: 0;}
    .history .preview .swiper-container{padding: 0px 0 50px;}
    .history .view .arrow-left{position: absolute;left: 0;top: -65px;background: #fff;}
    .history .view .arrow-right{position: absolute;right: 0;top: -65px;margin-right: 0;background: #fff;}
    .history .view{margin-top: 20px;}
    .history .view .swiper-container{width: 100%;}
    .history .view .swiper-container .swiper-slide .history_tit{width: 125px;}
    .history .view .swiper-container .swiper-slide .history_tct{width: calc(100% - 125px);}
    .history .preview::before{top: 90px;}
    .honor{padding: 20px 0;}
    .myHonor{width: 100%;height: 240px;}
    .myHonor .swiper-slide-active{padding: 20px;box-sizing: border-box;}
    .myHonor .swiper-button-next{right: 0;}
    .myHonor .swiper-button-prev{left: 0;}

    .news_list .item .item_img{width: 42%;height: auto;}
    .news_list .item .item_con{width: calc(100% - 42%);padding-left: 15px;}
    .news_list .item .item_con span{font-size: 14px;}
    .news_list .item .item_con h3{font-size: 16px;line-height: 22px;margin: 5px 0;}
    .news_list .item .item_con p{display: none;}
    .news_list .item .item_con em{margin-top: 0;line-height: 20px;}
    .news_list .item .item_con em font{width: 20px;height: 20px;}
    .news_list .item,
    .news_list .item a{padding: 10px 0;}
    .link_items .link_item,
    .link_items .link_item:nth-child(4n){width: calc(100% / 3 - 14px);margin-right: 20px;margin-bottom: 20px;}
    .link_items .link_item:nth-child(3n){margin-right: 0;}
    .join_two_item dl{padding:15px;}
    .join_two_item dl dt{font-size:18px;}
    .join_two{padding:20px 0;}
    
    .recommend_left, .recommend_right{width:100%;margin:10px 0;height:auto;}
    .recommend_left, .recommend_right, .myApplications .swiper-slide .slide_con a{padding:15px;}
    .recommend_left_item{position:static;}
    .recommend_left_item .item_con,
    .recommend_left_item .item_img{width:100%;height:auto;}
    .recommend_left_item .item_con .tit, .myApplications .swiper-slide .slide_con h3{font-size:20px;}
    .recommend_right{height:240px;}
    .myApplications .swiper-pagination-applications{left:15px;bottom:15px;}
    .myApplications .swiper-button-prev, .myApplications .swiper-button-next{right:15px;bottom:15px;}
    .myApplications .swiper-button-prev{right:65px;}
  
}

@media screen and (max-width:640px){
.culture_items .item{width:100%;}
.culture_items .item .item_cons,
.culture_items .item:nth-child(1),
.culture_items .item:nth-child(1) .item_cons .item_con,
.culture_items .item:nth-child(2) .item_cons,
.culture_items .item:nth-child(3) .item_cons, .culture_items .item:nth-child(4) .item_cons{width: 100%;height: 250px;}
.join_btm_tab .join_btm_left{width: 100%;}
.join_btm_tab .join_btm_left ul li{margin-bottom: 5px;}
.join_btm_tab .join_btm_right{width: 100%;margin-top: 20px;}
.join_two_tit{margin: 20px auto;}
.join_two_tit ul{justify-content: center;}
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
    
}
@media screen and (max-width:360px){
    
}
@media screen and (max-width:320px){
    
}