@charset "utf-8";
@media screen and (max-width:1800px){
    .head_top .head_right .item{width: 180px;}
    .head_top .head_right .crowd{margin-left: 15px;}
    header h1{line-height: 80px;max-width: 130px;}
   
    .head_top .head_right .item{height: 36px;}
    .head_top .head_right .crowd .search_select,
    .head_top .head_right .search .search_txt{font-size: 13px;height: 36px;line-height: 30px;}
    
    .head_nav ul li{height: 45px;}
    .head_nav ul li a{font-size: 15px;line-height: 45px;}
    .myBanner .swiper-pagination-banner .swiper-pagination-bullet{width: 100px;}

    .title h3{font-size: 30px;}
    .title span{font-size: 13px;line-height: 24px;margin-bottom: 10px;display: block;}
    .title h3 p{font-size: 13px;line-height: 24px;max-width: 640px;margin-left: 30px;}
    .news .news_tit ul li a{font-size: 15px;line-height: 40px;}

    .myNews .swiper-slide .tct h3{font-size: 16px;line-height: 24px;}

    .myNews{height: 390px;}
    .myNews .swiper-slide a{padding-bottom: 20px;}
    .myNews .swiper-slide .pic{width: 150px;height: 95px;}
    .myNews .swiper-slide .tct{width: calc(100% - 150px);}
    .myNews .swiper-slide .tct span{font-size: 14px;line-height: 24px;}
    
    .news_con .news_left .item{width: calc(100% / 2 - 15.27px);margin-right: 30px;}
    .news_con .news_left .item .pic{height: 250px;}
    .news_con .news_left .item .tct{padding: 20px;}
    .news_con .news_left .item .tct span{font-size: 14px;line-height: 24px;}
    .news_con .news_left .item .tct h3{font-size: 16px;line-height: 30px;}
    .news_con .news_left .item .tct p{font-size: 13px;line-height: 24px;}

    .news_con .news_right{width: calc(100% - 68% - 30px);margin-left: 30px;}

    .more a{width: 220px;}
    .more a::before{right: -50%;}
    .more a:hover::before{transform: scale(1) translate(-34%);}
    .more a span{font-size: 13px;line-height: 36px;}
    .more a em{width: 36px;height: 36px;}

    .pops .item{width: 60px;height: 60px;border-radius: 25px 0 0 25px;padding-left: 10px;}
    .pops .item p{font-size: 12px;letter-spacing: -1px;}

    .business_con .item{height: 400px;width: calc(100% / 4 - 23px);margin-right: 30px;}

    .business_con .item .tct h3{font-size: 18px;}
    .business_con .item .tct span{font-size: 13px;}
    .business_con .item .tct p{margin-top: 50px;}
    .business_con .item .tct p a{font-size: 13px;margin-bottom: 10px;}

    .products_con .products_item .products_item_left h3{font-size: 24px;}
    .products_con .products_item .products_item_left p{font-size: 13px;line-height: 24px;}
    .products_con .products_item .video_btn{width: 100px;height: 100px;}
    .products_tab .products_tit ul li{width: calc(100% / 3 - 20.59px);margin-right: 30px;font-size: 15px;}

    .myService .swiper-slide h3{font-size: 18px;padding: 10px;}
    .myService .swiper-slide em{font-size: 13px;background-size: 10%;}
    .myService .swiper-slide .pic{border-radius: 15px;}
    .myService .swiper-slide .pic span{width: 50px;height: 50px;}

    .case_con .case_tit ul li{width: calc(100% / 6 - 25px);margin-right: 30px;}
    .case_con .case_tit ul li span{width: 20px;height: 20px;}
    .case_con .case_tit ul li a{font-size: 16px;line-height: 50px;}

    .myCase .swiper-slide{height: auto;}
    .case_tct .case_tct_left,
    .case_tct .case_tct_left img{border-radius: 10px;}
    .case_tct .case_tct_right .title h3{font-size: 22px;}
    .case_tct .case_tct_right .title p{font-size: 14px;line-height: 24px;margin: 20px 0;}
    .case_tct .case_tct_right .title{padding-bottom: 40px;}
    .myCase .swiper-button-next, .myCase .swiper-button-prev{width: 40px;height: 40px;}
    .myCase .swiper-button-prev{right: 60px;}

    .myCase .swiper-pagination-case{font-size: 16px;bottom: 15%;}
    .myCase .swiper-pagination-case .swiper-pagination-current{font-size: 24px;}

   
    .cooperative_con .item{width: calc(100% / 6 - 34.98px);margin-right: 40px;}
    .cooperative_con .item .item_top ul li{height: 80px;margin-bottom: 40px;}

    .myCooperative{height: 200px;}


    .foot_top_left .item{margin-bottom: 20px;}
    .foot_top_left .item h3{font-size: 16px;margin-bottom: 10px;line-height: 30px;}
    .foot_top_left .item p a{font-size: 13px;margin-right: 10px;padding-bottom: 5px;}
    .foot_top_right .information dl dt{width: 30px;height: 30px;}
    .foot_top_right .information dl dt img{width: 20px;height: 20px;}
    .foot_top_right .information dl dd{padding-left: 10px;}
    .foot_top_right .information dl dd b{font-size: 20px;}
    .foot_top_right .information dl dd span{font-size: 14px;}
    
    .foot_top_right .link p a{font-size: 14px;}
    .foot_btm p{padding: 10px 0;font-size: 13px;}
    .foot_top_right .information dl dd p{font-size: 14px;}
    
    
    .bar_left h3{font-size: 30px;}
    .bar_left p{font-size: 14px;}
    .bar_right dl dd a{font-size: 13px;}

    .main_left h3{font-size: 22px;line-height: 60px;border-radius: 10px;}
    .main_left ul li a{font-size: 18px;}
    .main_left ul li{padding: 5px 0;}
    .main_left ul li span::before, .main_left ul li span::after{width: 14px;}
    .main_right .main_tit h3{font-size: 22px;}
    .main_right .main_tit h3::before{height: 22px;margin-right: 20px;}
    .culture .item h3{font-size: 20px;line-height: 36px;}
    .culture .item p{font-size: 16px;line-height: 24px;}
   

    .culture .item{width: calc(100% / 3 - 14px);margin-right: 20px;}
    .culture .item .tct{padding: 20px;}
    .culture .item span{width: 30px;height: 30px;}
    
    .bar{height: 410px;}
    .bar2{height: 360px;}
    .bar_tit{padding-bottom: 30px;}
    
    .history .item .year{width: 100px;padding-top: 25px;}
    .history .item .year b{font-size: 22px;}
    .history .item .txt{width: calc(100% - 120px);padding: 20px;}
    .history .item .txt p{font-size: 14px;line-height: 24px;margin: 5px auto;}

    .member .item a{padding: 20px;}
    .member .item h3{font-size: 18px;}
    .member .item p{font-size: 13px;line-height: 24px;}
    .member .item em{line-height: 24px;font-size: 13px;}

    .honor{padding: 0 25px;}
    .honor_tit ul li{font-size: 20px;line-height: 30px;}
    .honor_con .items .item .tit{font-size: 15px;}
    .honor_con .items .item{width: calc(100% / 3 - 14px);margin-right: 20px;margin-top: 30px;}

    .main{padding: 40px 0;}
    .main_left .business_bd{padding: 20px;}
    .main_left .business_bd input{line-height: 45px;}
    .main_left .business_bd button{width: 45px;height: 45px;}
    .main_left ul{padding: 15px 20px;}
    .main_left ul li ul{padding: 5px 20px 0;}
    .main_left ul li ul li a{font-size: 15px;}
    .main_left ul li ul li ul li a{font-size: 13px;}

    .business_list .item .tct h3{font-size: 18px;line-height: 30px;}
    .business_list .item .tct span em{width: 20px;height: 20px;background-size: 50%;}
    .business_list .item{width: calc(100%/ 2 - 10px);margin-right: 20px;margin-bottom: 30px;}
    .business_list .item .tct p{margin: 15px auto;font-size: 13px;}
    .pages{margin: 30px auto;}
    .pages2 .pages2_con .pages2_left{width: 255px;}
    .pages2 .pages2_con .pages2_left ul li a{font-size: 20px;margin-right: 20px;}
    .pages2 .pages2_con .pages2_right .pages2_prev a, .pages2 .pages2_con .pages2_right .pages2_next a{width: 30px;height: 30px;}
    .pages2 .pages2_con .pages2_right .pages2_prev a::after, .pages2 .pages2_con .pages2_right .pages2_next a::after{margin: 5px;background-size: 75%;}

    .business_top .tct .tit,
    .business_btm .tit{font-size: 20px;}

    .news_page{padding: 20px;}
    .pages2::after{right: 150px;}
    .pages2 .pages2_con .pages2_right{width: 120px;}
    .news_page_left a{font-size: 14px;}
    .news_page_right a{font-size: 13px;line-height: 24px;}

    .contact_tit p{font-size: 16px;line-height: 24px;}
    .contact_tit h3{font-size: 22px;line-height: 36px;}
    .contact_top{margin: 40px auto;}
    .contact_top .contact_left dl dt{font-size: 15px;}
    .contact_top .contact_left dl dd b{font-size: 26px;}
    .contact_top .contact_left dl dd span{font-size: 16px;}
    .contact_top .contact_left dl dd p{font-size: 14px;}
    .contact_top .contact_right{height: 650px;}
    .contact_top .contact_left ul li h3{font-size: 14px;}

    .consult_txt{font-size: 14px;line-height: 24px;}
    .consult_bd .item p{font-size: 14px;line-height: 24px;margin: 10px 0;}
    .consult_bd .item input{line-height: 45px;font-size: 13px;}
    .consult_bd .item textarea{font-size: 13px;}
    .consult_bd .item .yzm{bottom: 1px;}
    .consult_bd .item button{width: 180px;line-height: 45px;font-size: 14px;}
    .join_txt{font-size: 13px;line-height: 20px;}
    .join_item{margin-top: 30px;}
    .join_item .tit{padding: 15px 20px;}
    .join_item .tit h3{font-size: 16px;}
    .join_item .tit p span{font-size: 13px;line-height: 24px;margin-right: 10px;}
    .join_item .tct{padding: 20px 30px;}
    .join_item .tit em{width: 30px;height: 30px;}
    .join_item .tit em::before, .join_item .tit em::after{width:14px;margin: 14px 8px;}

    .investor_item .tit{margin-bottom: 20px;}
    .investor_item .tit .year{font-size: 24px;line-height: 70px;}
    .investor_item .tit .more{padding-left: 20px;}
    .investor_item .item a{padding: 20px;margin-top: 20px;}
    .investor_item .item h3{font-size: 16px;line-height: 24px;}
    .investor_item .item span{font-size: 13px;}

    .news_list .item{margin-bottom: 20px;}
    .news_list .item .more{width: 40px;height: 40px;}
    .news_list .item .tct{width: calc(100% - 410px);padding: 0 20px;}
    .news_list .item .tct h3{font-size: 16px;line-height: 24px;}
    .news_list .item .tct span{font-size: 13px;}
    .news_list .item .tct p{font-size: 13px;line-height: 24px;}
    .news_titles{margin-bottom: 30px;}
    .news_titles h3{font-size: 24px;line-height: 30px;}

    .case_list .item{width: calc(100% / 3 - 14px);margin-right: 20px;}
    .case_list .item .tit{font-size: 15px;padding: 10px;}

    .service_list .item{margin-bottom: 40px;}
    .service_list .item .nums{font-size: 60px;}
    .service_list .item{background-position-x: 106%;}
    .service_list .item .service_con .tct{width: calc(100% - 900px);}
    .service_list .item .service_con .tct h3{font-size: 20px;margin-bottom: 20px;}
    .service_list .item .service_con .tct p{font-size: 13px;line-height: 24px;min-height: 72px;}
    .service_list .item .service_con .tct span{margin-top: 30px;font-size: 14px;width: 180px;}
    .service_list .item .service_con .tct span em{width: 30px;height: 30px;}

    .service_next{margin: 30px auto;}
    .service_next a{padding: 10px 20px;}
    .service_next h3{font-size: 20px;}

    .bar_left h4{font-size: 30px;}
    .bar_right p a{font-size: 14px;}
    .service_next em{width: 30px;height: 30px;}

    .service_list .item .service_con .pic{max-width: 750px;}
    .service_list .item .service_con .tct{width: calc(100% - 780px);}
}
@media screen and (max-width:1680px){
    .mains_con{max-width: 1200px;}
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
    .box_con{width: 92%;padding: 0;}
    .box_cons{width: 90%;padding: 0;margin: 0 auto;}
    .mains_con{width: 90%;}
    .bar{height: 340px;}
    .bar2{height: 300px;}

    .honor_con .items .item .pic{height: 260px;}

    .main_right{width: calc(100% - 280px);}
    .main_left2{width: 350px;}
    .main_right2{width: calc(100% - 390px);}

    .service_list .item .nums{width: calc((100% - 90%) / 2);}
    .service_list .item .nums {font-size: 36px;}
    .service_list .item {background-position-x: 108%;}
    

}
@media screen and (max-width:1366px){
   
}
@media screen and (max-width:1280px){
  
}
.sj_menu{display: none;}
@media screen and (max-width:1200px){

    header h1{max-width: 110px;line-height: 65px;}
    .head_top .head_right{padding-right: 40px;}
    .head_top .head_right .item{width: 140px;height: 24px;line-height: 24px;padding: 0 10px;margin: 3px 0;}
    .head_top .head_right .search .search_txt,
    .head_top .head_right .crowd .search_select{height: 24px;line-height: 24px;}
    .head_top .head_right .search .search_btn{height: 24px;}

    .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 4%;top:18px;position: absolute;}
    .sj_menu span{width:20px;height:3px;display: block;margin:13.5px auto;transition: ease-in 1s;position: relative;background: var(--mainColor);}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: var(--mainColor);transition: ease-in 1s;position: absolute;}
    .sj_menu span::after{bottom: -6px;}
    .sj_menu span::before{top: -6px;}
    .son .sj_menu span{position: relative;transform: rotate(45deg);transition: ease-in 1s;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: ease-in 1s;}
    .son .sj_menu span::after{display: none;}
    
    .head_nav {transform: translateX(100%);transition: all 0.5s;position: absolute;top: 65px;left: 0;right: 0;}
    .son .head_nav{transform: translateX(0%);transition: all 0.5s;}
    .head_nav ul{display: block;width: 100%;background: var(--fontColor);padding: 20px;}
    .head_nav ul li{width: 100%;border-bottom: 1px solid var(--fontColord);height: 40px;}
    .head_nav ul li a{color: var(--fontColor3);display: block;line-height: 40px;font-size: 16px;}
    .head_nav ul li.active a,
    .head_nav ul li:hover a{background: none;color: var(--mainColor);}


    .banner,
    .myBanner .swiper-slide a{height: 360px;}

    .myBanner .swiper-pagination-banner{bottom: 20px;}

    .main{padding: 20px 0;}
    .bar_right dl{display: none;}
    .main_left,
    .main_right{width: 100%;}
    .main_left h3{display: none;}
    .bar_left h4{font-size: 20px;}
    .main_right{margin-top: 20px;}

    .bar{height: 270px;}
    .bar2{height: 230px;}
    .bar_tit{padding-bottom: 20px;}
    .bar_left h3{font-size: 24px;}
    .bar_left p{font-size: 14px;}
    .main_right .main_tit{padding: 20px 0;}
    .main_right .main_tit h3{font-size: 20px;}
    .main_right .main_tit h3::before{margin-right: 10px;}
    
    .service_list .item {background: var(--lineColor2);margin-bottom: 20px;}
    .service_list .item .nums{display: none;}
    .service_list .item .service_con .pic{width: 62%;}
    .service_list .item .service_con .tct{width: calc(100% - 62%);padding: 20px;box-sizing: border-box;}
    .service_list .item .service_con .tct h3{font-size: 20px;margin-bottom: 10px;}
    .service_list .item .service_con .tct span{margin-top: 10px;padding: 5px 10px;width: 150px;text-indent: 0.5em;font-size: 14px;}
    .news_list .item .tct{width: 100%;padding: 20px 0;}
    .news_list .item .more{display: none;}
    .investor_item .item.downfile a h3{width: 100%;}
    .myNews,
    .item_btm{display: none;}
    .investor_item .item.downfile a{background:none;padding: 15px;}
}
@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){

    .myBanner .swiper-pagination-banner .swiper-pagination-bullet{width: 20px;margin: 0 5px;}

    .news{padding: 20px 0 0;}
    .news .news_tit{margin: 20px auto 0;}
    .news .news_tit ul{justify-content: flex-start;}
    .news .news_tit ul li{width: calc(100% / 2 - 10px);margin: 5px;}
    .news .news_tit ul li a{margin-left: 0;width: 100%;line-height: 40px;}

    .news_con{padding: 20px 0 0px;}
    .news_con .news_left,
    .news_con .news_right{width: 100%;margin: 0 auto 20px;}
    .news_con .news_left .item{width: 100%;margin: 0 auto 20px;}
    .news_con .news_left .item a{display: inline-flex;width: 100%;}
    .news_con .news_left .item .pic{width:150px;height: auto;}
    .news_con .news_left .item .tct{padding: 15px;width: calc(100% - 150px);box-sizing: border-box;}
    .news_con .news_left .item .tct h3{font-size: 16px;margin: 5px 0;}
    .myNews .swiper-slide .tct h3{font-size: 16px;}

    .more a{margin: 20px auto;width: 180px;line-height: 45px;}
    .more a span{line-height: 30px;}
    .more a em{width: 30px;height: 30px;}
    .more a::before{right: -62%;}

    .case_tct .case_tct_right .title{text-align: center;}
    .title h3{font-size: 24px;}
    .title h3 p{display: block;max-width: 100%;margin-left: 0;margin-top: 10px;}
    .case_tct .case_tct_right .title h3{font-size: 20px;}
    .business_con{padding: 20px 0 0}
    .business_con .item{width: 100%;margin: 0 auto 20px;border-radius: 10px;}
    .business_con .item .tct{padding: 15px;}
    .business_con .item .tct h3{font-size: 18px;}

    .products{padding: 20px 0 0;}
    .products_con .products_item .products_item_left,
    .products_con .products_item .products_item_right{width: 100%;margin: 0 auto 20px;padding: 0;}
    .products_con .products_item .products_item_left h3{margin: 20px auto;font-size: 18px;}
    .products_con .products_item .products_item_left .more{text-align: center;}
    .products_con .products_item .video_btn{width: 50px;height: 50px;margin-top: -25px;}
    .products_tab .products_tit{margin: 10px auto;}
    .products_tab .products_tit ul li{width: 100%;margin: 10px auto;}
    
    .service, .case{padding: 20px 0 0;}

    .myService .swiper-slide em{padding: 0 10px;}
    
    .case_con .case_tit{margin: 20px auto 0;}
    .case_con .case_tit ul::before{display: none;}
    .case_con .case_tit ul li{width: calc(100% / 2 - 10px);margin: 5px;}
    .case_con .case_tit ul li a{font-size: 16px;line-height: 40px;justify-content:left;}
    .case_con .case_tit ul li a span{margin-left: 20px;}

    .myCase{padding: 20px 0;}
    .case_tct .case_tct_left{margin-right: 10px;width: calc(100% / 2 - 10px);}
    .case_tct .case_tct_right{margin-left: 0;width: calc(100% / 2);}
    .case_tct .case_tct_right .title{text-align: left;}
    .case_tct .case_tct_right .title span{margin-bottom: 5px;}
    .case_tct .case_tct_right .title p{margin: 10px 0;}

    .myCase .swiper-pagination-case{display: none;}
    .myCase .swiper-button-next, .myCase .swiper-button-prev{width: 30px;height: 30px;}

    .cooperative_con{padding-top: 20px;}
    .cooperative_con .item{width: calc(100%);margin: 10px 0 0;}

    .foot_top{padding: 20px 0 0;}
    .foot_top_left{display: none;}
    .foot_top_right,
    .foot_top_right .information{width: 100%;margin: 0 auto;}
    .foot_top_right .link{display: none;}
    .foot_btm p{line-height: 24px;}
    .foot_btm p a{display: block;}
    
}

@media screen and (max-width:640px){
    .bar{height: 170px;}
    .bar2{height: 105px;}
    .culture .item{width: 100%;margin: 10px auto;}
    .history .item{padding-left: 20px;margin-top: 10px;}
    .history .item .year{width: 100%;}
    .history .item .txt{width: 100%;padding: 15px;}
    .member .item{margin-top: 20px;}
    .member .item a{padding: 15px;}
    .member .item h3{font-size: 18px;line-height: 24px;}
    .honor{padding:0;}
    .honor_con .items .item,
    .honor_con .items .item:nth-child(3n){width: calc(100% / 2 - 5px);margin-right: 10px;margin-top: 20px;}
    .honor_con .items .item:nth-child(2n){margin-right: 0;}
    .honor_con .items .item .pic{height: 185px;}
    .honor_con .items .item .tit{font-size: 14px;line-height: 20px;padding: 0;}
    .honor_tit ul li{font-size: 18px;}
    .main_left .business_bd,
    .main_left ul{padding: 15px;}
    .business_list .item{width: 100%;margin-bottom: 20px;margin-right: 0;}
    .business_list .item .tct{padding: 15px;}
    .business_list .item .tct p{margin: 10px auto;}
    .business_top .pic{width: 100%;}
    .business_top .tct{width: 100%;margin-top: 20px;}
    .business_top .tct .tit{font-size: 20px;padding-bottom: 20px;margin-bottom: 20px;}
    .business_btm .tit{font-size: 18px;margin: 20px auto;}

    .pages{margin: 20px auto;}
    .pages2 .pages2_con .pages2_left{width: 185px;}
    .pages2 .pages2_con .pages2_left ul li a{font-size: 20px;margin-right: 5px;}
    .pages2 .pages2_con .pages2_right{width: 80px;}
    .pages2 .pages2_con .pages2_right .pages2_next{margin-left: 5px;}
    .pages2::after{display: none;}
    .news_page_left a{font-size: 14px;}
    .case_list .item,
    .case_list .item:nth-child(3n){width: 100%;margin-right: 0;margin-bottom: 20px;}
    
    .news_cons{margin-top: 10px;}
    .news_list .item a{padding: 15px;}
    .news_titles{margin-bottom: 20px;}
    .news_titles h3{width: 100%;font-size: 20px;}
    .investor_item{margin-bottom: 0px;}
    .investor_item .tit{margin-bottom: 0;}
    .investor_item .item a{padding: 15px;margin-top: 15px;}

    .contact_top .contact_left,
    .contact_top .contact_right{width: 100%;}
    .contact_top .contact_right{margin-top: 20px;height: 300px;}
    .contact_tit h3{font-size: 20px;}

    .consult_txt{margin: 20px auto 0;}
    .consult_bd .item{width: 100%;margin-right: 0;}

    .join_item{margin-top: 20px;}
    .join_item .tit{padding: 15px;}
    .join_item .tit h3,
    .join_item .tit p{width: 100%;margin-bottom: 10px;display: inline-flex;flex-wrap: wrap;}
    .join_item .tit p span{width: calc(100% / 2);margin-right: 0;}
    .join_item .tit p span:last-child{width: 100%;}
    .join_item .tct{padding: 20px;}

    .service_list .item a{padding-top: 20px;}
    .service_list .item .service_con .pic,
    .service_list .item .service_con .tct{width: 100%;}
    .service_list .item .service_con .ttc{margin-top: 20px;}
    .service_list .item:hover a{background: #63b62f;}
    .service_txt{padding: 20px 0;}
    .service_next{margin: 20px auto;}
    .service_next span{padding-right: 15px;margin-right: 15px;}
    .head_top .head_right{padding-right: 40px;flex-direction: column;align-items: flex-end;}

}
@media screen and (max-width:414px){
    .lg_wrap{padding-top: 65px;}
    .banner, .myBanner .swiper-slide a{height: 180px;}
   
    .head_top .head_right .item{width: 140px;padding: 0 5px;}
    .news_list .item .pic,
    .news_list .item .tct{width: 100%;}
    .news_list .item .tct{padding: 15px 0;}
    .news_list .item .more{display: none;}
    .news_list .item .tct h3{font-size: 18px;}

}
@media screen and (max-width:375px){
    
}
@media screen and (max-width:360px){
    
}
@media screen and (max-width:320px){
    
}