@charset "utf-8";
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    .head_con{height: 100px;}
    header h1{max-width: 250px;}
    .head_nav ul li a{padding: 0 15px;}
    .box1_new{max-width: 500px;}
    .box1_left{width: calc(100% - 430px);}
    .box1_recommend{width: calc(100% - 500px);}
    .box1_right{max-width: 400px;}
    .box2_left{max-width: 500px;}
    .box2_right{width: calc(100% - 530px);}
  
    .box2_right_tit ul:hover li {width: calc((100% - 430px) / 2);}
    .box2_right_tit ul li:hover{width: 400px;}
    .box2_right_tit ul li a{width: 100%;}
    .box2_right_tit ul li:hover a{max-width: 200px;}

    .box3_right{max-width: 450px;}
    .box3_left{width: calc(100% - 480px);}
    .box3_left .tct .pic{margin: 0 30px;}
    .box3_left .tct .txt{max-width: 310px;overflow: hidden;}
    .box3_right .swiper-container .swiper-slide span{height: auto;}
    
    .banner,.banner .swiper-slide a{height: calc(100vh - 100px);}
    
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
   
}
@media screen and (max-width:1366px){
    header h1{max-width: 200px;}
    .head_nav ul li a{font-size: 16px;line-height: 40px;}
    .head_nav ul li.active a, .head_nav ul li:hover a{background-size: 100% 40px;}
    
    .box1_new{max-width: 420px;padding: 20px;height: 360px;}
    .box1_recommend{width: calc(100% - 420px);height: 360px;}
    .box1_recommend .swiper-slide .pic{height: 360px;}
    .box1_left{width: calc(100% - 400px);}
    .box1_right{max-width: 380px;padding: 20px;height: 360px;}

    .box_tit h3{font-size: 20px;line-height: 32px;}
    .box_tit>a,
    .box1_new .box_tit span a{line-height: 32px;}
    .box_tit h3::before, .box_tit h3::after,
    .box2_left .box_tit h3::before, .box2_left .box_tit h3::after{background-size: 45%;}
    .box1_new_top ul, .box1_new_btm ul{margin: 15px auto;}
    .box1_new_top ul li a, .box1_new_btm ul li p,
    .box1_recommend .swiper-slide a p{font-size: 14px;line-height: 24px;}
    .box1_recommend .swiper-slide a p{left: 20px;}
    .box1_new_btm ul li em font,
    .box2_left .tct ul li em font{font-size: 16px;}
    .box1_recommend .swiper-pagination-recommend{right: 20px;bottom: 10px;}
    .box1_right .tct .text{font-size: 14px;line-height: 24px;}
    .box1_right .tct .pic{max-height: 200px;height: auto;}

    .box2{padding-top: 20px;}
    .box2_left {max-width: 420px;padding: 20px;height: 360px;}
    .box2_left .tct{margin: 20px auto;padding-top: 20px;}
    .box2_left .tct ul li a, .box2_left .tct ul li p{font-size: 14px;line-height: 32px;}
    .box2_right {width: calc(100% - 440px);height: 360px;}
    .box2_right_tit ul{height: 370px;}
    .box2_right_tit ul li{padding: 20px;}
    .box2_right_tit ul li::after{height: 370px;}
    .box2_right_tit ul li{height: 360px;}
    .box2_right_tit ul li span{width: 60px;height: auto;}
    .box2_right_tit ul li h3{font-size: 16px;}
    .box2_right_cons .item{height: 360px;}
    .box2_right_tit ul li:hover a{max-width: 230px;}

    .box3{padding-top: 20px;}
    .box3_right{max-width: 380px;padding: 20px;height: 360px;}
    .box3_left{width: calc(100% - 400px);padding: 20px;height: 360px;}
    .box3_left .tct .pic{max-width: 120px;height: auto;margin: 0 20px;}
    .box3_left .tct .tit{font-size: 18px;padding-left: 20px;margin-right: 20px;margin-left: 20px;}
    .box3_left .tct .txt{font-size: 14px;line-height: 24px;max-width: 100%;}
    .box3_left .tct .box_tit{margin-right: 0px;}
    
    .box_con2{width: 92%;}
    .crumb_left ul li a{font-size: 16px;}
    .about_one_left,
    .about_one_right{width: 48%;}
    .about_one_tit h3,
    .about_two_tit h3,
    .about_three_tit h3{font-size: 24px;}

    .about_two_con .about_two_items .item .ico{width: 36px;height: 36px;margin-left: 15px;}
    .about_two_con .about_two_items .item .tct{width: calc(100% - 80px);}
    .about_two_con .about_two_items .item .tct h3{font-size: 20px;}
    .about_two_con .about_two_items .item .tct p{font-size: 22px;}
    .about_four_item ul li p{font-size: 20px;}

    .bar{height: 360px;background-size: cover !important;}
    .bar_txt h3{font-size: 30px;}
    .bar_txt h4{font-size: 36px;}

    .party_top .tct{padding: 20px;}
    .party_top .tct h3{font-size: 20px;}
    .party_top .pic,
    .party_top .tct{height: 430px;}
    .swiper-container-party::after{width: 420px;height: 430px;}
    .party_btm .item h3{font-size: 18px;line-height: 24px;height: 48px;}
    .party_btm .item{padding: 20px;}
    

}
@media screen and (max-width:1280px){
  
}
.sj_menu{display: none;}
@media screen and (max-width:1200px){
    body,
    html {
        overflow-x: hidden !important;
    }
    .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 4%;top:20px;position: absolute;}
    .sj_menu span{width:20px;height:3px;display: block;margin:13.5px auto;transition: ease-in 1s;position: relative;background: var(--linecolor);}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: var(--linecolor);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_con{height: 70px;}
    .head_right{width: 100%;position: absolute;right: 0;top: 70px;z-index: 5;background: var(--fontcolorf);transform: translatex(100%);transition: ease-in 0.5s;}
    .head_right .head_nav ul li{width: 100%;}
    .head_nav ul li.active a, .head_nav ul li:hover a{background: none;color: var(--fontcolor3);transform: scale(1.01);}
    .son .head_right{transform: translatex(0);transition: ease-in 0.5s;}
    
}
@media screen and (max-width:1024px){
    
    header h1{max-width: 150px;}
    .banner, .banner .swiper-slide a{height: 500px;}

    .box_con{padding: 0;width: 92%;}
    .box1_recommend{display: none;}
    .box1_right,
    .box2_right,
    .box1_left,
    .box2_left,
    .box1_new,
    .box3_left,
    .box3_right{width: 100%;max-width: 100%;margin: 20px auto 0;height: auto;}
    .box1_new{margin-top: 0;}
    .box1_new_btm ul li p,
    .box2_left .tct ul li p{width: 80%;}
    .box1_new_btm ul li em,
    .box2_left .tct ul li em{width: 20%;}
    .box3_left .tct .txt{max-width: 310px;overflow-x: auto;}
    .box1_right .tct .pic{height: 200px;}
    .foot_nav{display: none;}
    .crumb_right{display: none;}
}
@media screen and (max-width:768px){
    .news{padding: 20px 0;}
    .news_items .item{width: 100%;margin: 15px auto;}
    .news_items .item .pic{height: auto;}
    .news_cons{margin: 20px auto;padding: 20px;}
    .news_titles h3{font-size: 24px;line-height: 30px;}
    .news_titles p{font-size: 14px;line-height: 24px;}
    .news_cons .mains_text{margin: 20px auto;}
    .news_page{padding: 0 20px;}
    .news_page ul li a{line-height: 40px;}
    .news_page ul li a::before,
    .news_page ul li a::after,
    .news_page ul li:nth-child(3) a::after{display: none;}
    .business{padding: 20px 0;}
    .business_items .item{width: 100%;margin: 15px auto;}
    .business_items .item .tct{padding: 20px;}
    .business_items .item .tct h3{font-size: 18px;}
    .business_items .item,
    .business_items .item .pic,
    .business_items .item .tct{height: 430px;}
    .news{padding: 20px 0;}
    .party_top .pic, .party_top .tct{height: 240px;width: 50%;}
    .party_top .tct span{margin-top: 10px;}
    .swiper-container-party .swiper-pagination-party{bottom: 20px;right: 20px;}
    .party_btm{margin-top: 20px;}
    .party_btm .item{margin-right: 20px;margin-bottom: 20px;width: calc(100% / 3 - 13.7px);}
    
    .crumb_left ul li::after{bottom: 0;}
    .recruit_con .recruit_items .item{line-height: 30px;}
    .recruit_tct h3{font-size: 18px;line-height: 24px;}
    .recruit_tct a{width: 120px;line-height: 40px;font-size: 16px;}
    .recruit_tct{flex-direction: column;align-items: flex-start;justify-content: center;}
    .recruit_tit,
    .recruit_tct{height: 150px;}
    .mains_text{margin: 20px auto;}
    .more a{width: 120px;margin: 20px auto;font-size: 16px;line-height: 40px;}
    .article_items .items .item{margin: 5px auto;}
    .article_items .items .item em{width: 25%;font-size: 14px;}
    .article_items .items .item p{font-size: 15px;width: 75%;}
    #allmap{height: 250px;}
    .contact_con{width: 100%;padding: 15px;position: static;margin-top: 20px;}
    .contact_con h3{font-size: 20px;}
    .contact_con ul li p:nth-child(1){font-size: 16px;}
    .contact_con ul li p span{font-size: 16px;}
    .contact_con ul li p b{font-size: 22px;}
    .box2_right .box_tit{left: 20px;top: 20px;}
    
}
@media screen and (max-width:640px){
    .banner, .banner .swiper-slide a{height:250px;}
    .banner .swiper-pagination-banner .swiper-pagination-bullet{width: 12px;height: 14px;background-size: contain;}
    .box2_right_tit ul li:hover{width: calc(100% / 3);}
    .box2_right_tit ul:hover li{width: calc(100% / 3);}
    .box2_right_tit ul li::after{left: -1px;}
    .box2_right_tit ul li{padding: 10px;}
    .box2_right_tit ul li:hover a{max-width: 100%;}
    .foot_top{padding: 20px 0;}
    .foot_link{height: auto;margin: 10px auto;}
    .foot_link select{margin: 10px auto;display: inline-block;width: 150px;}
    .box3_left .tct .txt{display: none;}

    .bar{height: 200px;}
    .crumb_con{padding: 10px 0;}
    .crumb_left{width: 100%;}
    .crumb_left ul li{margin-right: 20px;}
    .crumb_left ul li::after{bottom: 0;}
    
    .about_one{padding: 20px 0;}
    .about_one_left, .about_one_right{width: 100%;margin: 10px auto 0;}
    .about_one_left .mains_text{margin: 20px auto;}

    .about_two{padding-bottom: 180px;}
    .about_two_con{padding: 20px;}
    .about_two_con .about_two_items .item{width: 100%;margin-top: 15px;}
    .about_two_con .about_two_items .item .tct p{font-size: 16px;}
    .about_two_con .about_two_items .item .tct h3{font-size: 18px;}
    .about_two_con .about_two_items .item .tct {width: calc(100% - 55px);}
    .about_three_tit .ico{max-width: 150px;height: 81px;margin-top: -85px;}
    .about_three_tit h3{padding-right: 40px;background-size: 25% !important;line-height: 20px;}


    .about_four{padding: 30px 0;}
    .about_four_con .time{height: auto;max-width: 70%;}
    .about_four_tit{max-width: 80px;height: auto;}
    .about_four_con .about_four_item{padding-top: 160px;}

    .about_four_item ul li{height: 60px;margin: 15px auto;}
    .about_four_item ul li a{padding: 0 40px;}
    .about_four_item ul li a::after, .about_four_item ul li a::before{width: 40px;height: 40px;background-size: 50%;}
    .about_four_item ul li p{line-height: 40px;font-size: 16px;}
    .about_four_item .more span{margin: 20px auto;}

    .news_items .item .tct p,
    .news_items .item .tct span{font-size: 14px;line-height: 24px;}
    .news_items .item .tct h3{font-size: 16px;line-height: 30px;height: 60px;}

    .page_list ul li{width: 30px;height: 30px;line-height: 28px;font-size: 15px;}

    .foot_txt p{font-size: 14px;line-height: 24px;}

    .party_top .pic, .party_top .tct{height: 180px;width: 60%;}
    .party_top .tct{padding: 15px;width: 40%;}
    .party_top .tct p{font-size: 14px;line-height: 24px;}
    .party_top .tct h3{font-size: 16px;line-height: 24px;}
    .party_btm .item{width: 100%;margin: 10px auto;}

    .bar_txt h3{font-size: 24px;}
    .bar_txt h4{font-size: 26px;margin-top: -24px;}
    .party_btm .item h3{font-size: 16px;}
    .recruit_con{padding: 15px;}
    .recruit_con .recruit_items .item{font-size: 15px;}
    .recruit_con .recruit_items .item:first-child span{font-size: 15px;}
    .box3_left .tct .pic{max-width: 100px;}
    .swiper-container-party::after{width: 40%;height: 180px;}

    .box_tit h3::before, .box_tit h3::after{display: none;}
    .box_tit>a{font-size: 12px;}
    .box3_left .tct .tit{line-height: 20px;}
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
   
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}