@charset "utf-8";
.sj_menu{display: none;}
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
   
}
@media screen and (max-width:1366px){
  
}
@media screen and (max-width:1280px){
  
}
@media screen and (max-width:1200px){
    .pt-100,
    .pt-90,
    .pt-80,
    .pt-70,
    .pt-60,
    .pt-50,
    .pt-40,
    .pt-30,
    .pt-20{padding-top: 15px;}
    .pb-100,
    .pb-90,
    .pb-80,
    .pb-70,
    .pb-60,
    .pb-50,
    .pb-40,
    .pb-30,
    .pb-20{padding-bottom: 15px;}

    .lg_1200{width:94%;max-width:500px;}

    .sj_menu{display: inline-block;width:20px;margin:0 auto;vertical-align: middle;right: 0px;top:23px;z-index: 100;}
    .sj_menu span{width:20px;height:3px;display: block;margin:10px auto 0;transition: all 1s;position: relative;background:#34495e;}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: #34495e;margin-bottom: 5px;transition: all 1s;position: absolute;}
    .sj_menu span::after{bottom:5px;}
    .sj_menu span::before{top: -5px;}
    .son .sj_menu span{position: relative;transform: rotate(45deg);transition: all 1s;margin:5px auto;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: all 1s;}
    .son .sj_menu span::after{display: none;}
    .son .head_right .head_nav{display: block;left: 0;transition: all 1s;}

    .son .head_right{right:0%;transition: all 1s;}
    header{position: relative;line-height: 65px;}
    .fixeds header{line-height: 65px;}
    header h1{line-height: 65px;width:30%;display: block;}
    .head_right .head_nav{display: none;position: absolute;top: 60px;width:100%;background: #fff;z-index: 66;left: 0;}
    .head_right .head_nav ul li{display: block;line-height: 30px;text-align: left;}
    .head_right .head_nav ul li a{padding:0 20px;}
    .head_right .head_nav ul li dl,
    .head_right .head_nav ul li:hover dl{position: static;width:100%;font-size: 0;display: none !important;}
    .head_right .head_nav ul li dl::before{height:1px;position: static;}
    .head_right .head_nav ul li dl dd{width:50%;display: inline-block;vertical-align: top;text-align: center;line-height: 30px;}
    .head_right .head_nav ul li dl dd a{padding:0;}

    .head_right .head_lang,
    .fixeds .head_right .head_lang{margin: 10px 80px 10px 30px;}
    .banner,
    .banner .swiper-container-banner .swiper-slide a{height:390px;}
    .banner .swiper-button-prev, .banner .swiper-button-next{height:50px;}

    .main .titles{font-size: 20px;}
    .main .titles::after{width:150px;}
    .business .desc{font-size: 14px;}
    .business .business_lists ul li{width:46%;margin: 2%;padding:0;}
    .business .business_lists ul li .icon{width:40px;height:40px;margin: 0 auto;float: none;}
    .business .business_lists ul li .tct .tit{font-size: 16px;}
    .business .business_lists ul li .tct{width:100%;}
    .about .desc{font-size: 14px;}
    footer{padding:20px 0;}
    .foot_left{display: none;}
    .foot_right{float: none;max-width: 100%;width: 100%;}
    footer .foot_top ul{display: none;}
    .swiper-container-news .swiper-slide .txt{font-size: 14px;}
    .banner .swiper-button-prev, .banner .swiper-button-next{width:25px;}

    .ban{height:230px;}
    .about_list ul li{width:46%;margin: 2%;height: 200px;background: #fff;}
    .about_list ul li p{padding:10px;height:120px;overflow-y: scroll;font-size: 14px;background: none;}
    .about_title span{font-size: 20px;}
    .about_list ul li h3{font-size: 16px;}

    .business_list ul li{padding:15px;}
    .business_list ul li .ico{width:30px;height:auto}
    .business_list ul li .tit{text-align: left;font-size: 16px;margin:0 15px;}
    .business_list ul li .txt{width:100%;}
    .business_title{font-size: 20px;}
    .lg_fy_con2 dl dd,
    .lg_fy_con2 dl dt{width:100px;line-height: 36px;text-align: center;font-size: 14px;text-indent: 0;}
    .news_list ul li.active .pic,
    .news_list ul li.active .tct{width:100%;height: auto;}
    .news_list ul li.active .tct{padding:15px;}
    .news_list ul li.active .tct .tit{font-size: 16px;margin-top: 0;}
    .news_list ul li h3{font-size: 16px;}
    .news_title{font-size: 20px;}
    .join_list ul li{margin: 20px auto;}
    .join_list ul li.active h4 span:nth-child(1){width:35px;height:35px;display: none;}
    .join_list ul li.active h4,
    .join_list ul li h4 span{line-height: 36px;}
    .join_list ul li h4 span{display: block;width:100%;}
    .join_list ul li .tct{height:auto;}
    .join_list ul li .tct .tl,
    .join_list ul li .tct .tr{padding:15px;float: none;width:100%;}
    .join_list ul li .tct .tl .mains_text,
    .join_list ul li .tct .tr .tr_con .mains_text{height:auto;}
    .join_list ul li .tct .tr .tr_con{padding:15px}
    .join_list ul li .tct .tr .tr_con{height: auto;margin-top: 15px;}

    .business_title h3{font-size: 20px;}
    .business_title p{font-size: 14px;}
    footer .foot_btm p{padding:0 15px;box-sizing: border-box;text-align: left;line-height: 24px;}
    footer .foot_btm p span{display: block;text-align: left;margin: 0 auto;}
    .contact_title h3{font-size: 20px;}
    .contact_list{margin: 20px auto;}
    .contact_list dl{width: 100%;margin-bottom: 20px;}
    .contact_list dl dt{width: 30px;height: 30px;margin-right: 15px;}
    .contact_list dl dd h3{font-size: 18px;}
    .contact_list dl dd p{font-size: 14px;}
}
@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
    
    
    
}
@media screen and (max-width:640px){
    .banner,
    .banner .swiper-container-banner .swiper-slide a{height:200px;}
    .ban {height: 140px;}
    .nav ul li{width:50%;line-height: 36px;}
    .case_item ul li{width:46%;margin: 2%;}
    .case_list ul li{width:100%;}
    .case_list ul li .pic{height:auto;}
    .case_list ul li .tct{padding:15px;}
    .page{padding:0;}
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
   
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}