@charset "utf-8";
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    .custom_con .small_list ul li{width: 15.625vw;}
    
}
@media screen and (max-width:1600px){
    .custom_con .small_list ul li{width: 14.0625vw;}
}
@media screen and (max-width:1500px){
    .custom_con .small_list ul li{width: 17.1875vw;}
}
@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{padding-top: 20px;}
    .pb-100,
    .pb-90,
    .pb-80,
    .pb-70,
    .pb-60,
    .pb-50,
    .pb-40,
    .pb-30{padding-bottom: 20px;}

    header{position: static;padding:0 4%;}
    .logo{line-height: 60px;width: 12%;margin: 0 auto;}
    .logo img{vertical-align: middle;}
    .head_right .head_nav ul li{display: block;line-height: 30px;font-size: 15px;border-bottom: 1px solid #dedede;}
    .head_right .head_nav ul li a{margin: 0 auto;}
    .head_right .head_nav ul li span{display: block;float: right;position: relative;z-index: 6;margin-top: -30px;}
    .head_right .head_nav ul li span::after{content: ">";display: block;font-size: 20px;font-family:  sans-serif;width: 30px;height:30px;transform: rotate(90deg);text-align: center;}
    .head_right .head_nav ul li.active span::after{color:#333;}
    .banner,
    .banner .swiper-container-banner .swiper-slide a{height:500px;}
    .head_right .head_nav{position: absolute;top: 60px;right: 0;background: #fff;width: 100%;z-index: 999;padding:20px;box-sizing: border-box;display: none;}
    .head_right dl,
    .head_right .head_nav ul{display: block;text-align: left;}
    .head_right dl dt{display: none;}
    .head_right dl dd{display: block;position: static;width: 100%;border:1px solid #dedede;height:30px;line-height: 30px;margin-top: 20px;}
    .head_right dl dd input{height:30px;line-height: 30px;padding-left: 10px;}
    .head_right dl dd button{width: 30px;height:30px;margin:0 auto;text-align: center;line-height: 30px;}
    .head_right .head_nav ul li .shows{position: static;display: none;width: 100%;}
    .head_right .head_nav ul li .shows dl{padding-left: 20px;box-sizing: border-box;}
    .head_right .head_nav ul li .shows dl a{line-height: 24px;font-size: 14px;}
    .head_right .head_menu{padding:0;width:30px;height:30px;margin: 0 auto;line-height: 60px;display: inline-block;}
    .head_right .head_nav ul li.active a{background: none;color:#333;}

    .swiper-container-banner .swiper-button-next, .swiper-container-banner .swiper-button-prev{width:30px;height:30px;}
    .swiper-container-banner .swiper-button-next{right: 30px;}
    .swiper-container-banner .swiper-button-prev{right:70px;}
    .box{max-width:500px;margin: 0 auto;width:92%;}
    .box_title h3{font-size: 22px;padding-left: 20px;}
    .box_title h3::before{width:6px;height:22px;margin-top: -11px;}
    .box_title h3::after{width: 6px;height:10px;}
    .box_title p{font-size: 14px;padding-left: 20px;}
    .box_title .more{width:100px;line-height: 30px;margin-top: -30px;font-size: 14px;}
    .box_title .more img{width: 15px;height:15px;}

    .about_left{width:100%;height:auto;line-height: initial;float: none;position: static;margin-top: 0;}
    .about_right{float: none;width: 100%;height:auto;padding:15px;}
    .about_right .about_txt{font-size: 14px;line-height: 24px;}
    .about_right .about_item ul li p{font-size: 14px;line-height: 30px;}
    .about_right .about_item ul li p b{font-size: 20px;}
    .about_right .about_list ul li span{width:60px;height:60px;}
    .about_right .about_list ul li p{font-size: 15px;line-height: 30px;}

    .case_list ul li{width:18%;margin: 1%;}
    
    .product_con .yyui_tab>ul{padding:0;position: static;font-size: 0;}
    .product_con .yyui_tab>ul li,
    .product_con .yyui_tab>ul li:first-child{width: 31.3%;margin: 1%;}
    .product_con .yyui_tab>ul li .txt{font-size: 14px;line-height: 24px;}
    .product_con .yyui_tab>ul li .pic{width: 100%;}
    .product_con .yyui_tab .product_left{display: none;}
    .product_con .yyui_tab .product_right{width:100%;margin: 0 auto; float: none;padding-top: 20px;}
    .product_con .yyui_tab .product_right .tit{font-size: 18px;line-height: 30px;}
    .product_con .yyui_tab .product_right .desc{font-size: 16px;line-height: 30px;}
    .product_con .yyui_tab .product_right .txt{font-size: 14px;line-height: 24px;height:auto;}
    
    .customs{padding:0;}
    .custom_left,
    .custom_right{float: none;width: 100%;margin: 20px auto;}
    .custom_right{height:auto;line-height: initial;}
    .custom_con .small_list{display: none;}
    .custom_con .small_list ul li{font-size: 14px;}
    .small_box{position: static;}
    .custom_con .btn{bottom: 50%;}
    .custom_left .tit{font-size: 18px;line-height: 30px;}
    .custom_left .txt{font-size: 14px;line-height: 24px;}
    .custom_left .more{font-size: 14px;line-height: 30px;width: 100px;}

    .service_list .swiper-container-service .swiper-slide .pic{width:100%;}
    .project_list ul li{width:48%;margin: 1%;}
    .project_list ul li .pic{width: 100%;}
    .foot_nav .nav_left{display: none;}
    .foot_nav .nav_right{float: none;width: 100%;}
    .foot_nav .nav_right dl{margin-bottom: 10px;}
    .foot_nav .nav_right dl dt{width:40px;height:40px;}
    .foot_nav .nav_right dl dd{width:80%;}
    .foot_nav .nav_right dl dd span{font-size: 16px;line-height: 24px;}
    .foot_nav .nav_right dl dd b{font-size: 16px;line-height: 20px;}
    .foot_nav .nav_right dl dd p{font-size: 14px;line-height: 20px;}
    .foot_btm p{font-size: 14px;line-height: 24px;}
    .foot_btm p a{display: block;float: none;}
    .logo_left{width:12%;}
    .logo_right .yyui_tab .tabss li a,
    .logo_right .yyui_tab .tabss li a::after{width:30px;height:30px;}

    .logo_right .yyui_tab .tabss li .pics{width:120px;top: 35px;left: auto;right: 0;}
    .logo_right .yyui_tab .tabss li .pics img{width:120px;height:120px;}
    .logo_right .yyui_tab .tabss li p{font-size: 14px;line-height: 30px;}

    .project_list ul li{height:auto;}
    .project_list ul li .tit{font-size: 16px;line-height: 40px;height: 40px;}
    .project_list ul li .txt{font-size: 14px;line-height: 24px;height:48px;margin-bottom: 20px;}
    .project_list ul li .ico{margin: 15px auto;width:120px;height: auto;}
    /* .project_list ul li .tct .tit{font-size: 16px;line-height: 30px;}
    .custom_left .more img{width:15px;height:15px;}
    .project_list ul li .tct .mores{font-size: 14px;line-height: 30px;width: 100px;text-align: center;}
    .project_list ul li:hover .tct .mores{height:30px;}
    .project_list ul li .tct .mores img{display: none;} */
    
    .box_con .title h3{font-size: 20px;}
    .swiper-container-product .swiper-slide .pic{height:auto;}
    .swiper-container-product .swiper-slide .txt{font-size: 16px;line-height: 24px;height:auto;}
    .swiper-container-product .swiper-button-next, .swiper-container-product .swiper-button-prev{width:30px;height:40px;}
    .crumbs{display: none;}
    
    .boxss{width:92%;}
    .news_title h3{font-size: 20px;line-height: 30px;}
    .news_title p{font-size: 14px;line-height: 30px;}
    .pag ul li{width: 30%;font-size: 14px;line-height: 30px;}
    .pag ul li:nth-child(2){width:35%;}
    .pag ul li:nth-child(2) span{display: none;}
    .custom_list ul li .list_left,
    .custom_list ul li .list_right{width:48%}
    .custom_list ul li .list_left .num{font-size: 20px;}
    .custom_list ul li .list_left .tit{font-size: 15px;}
    .custom_list ul li .list_left .txt{font-size: 14px;line-height: 24px;}
    .custom_list ul li .list_left .more{width:100px;line-height: 30px;font-size: 14px;}
    .custom_list ul li .list_left .more img{width:15px;height:15px;}
    .custom_list ul li .list_right{height:auto;}
    .service_list ul li,
    .service_list ul li:nth-child(4n){width:48%;margin: 1%;}
    .service_list ul li .icons{width:80px;height:80px;}
    .service_list ul li .tit{font-size: 15px;line-height: 30px;margin: 0 auto;}
    .service_list ul li .txt{font-size: 14px;line-height: 20px;}
    .service_list ul li .more{width:100px;line-height: 30px;font-size: 14px;}
    .service_list ul li .more img{width: 15px;height:15px;}
    .project_lists ul li{height:200px;}
    .project_lists ul li .tct .tit{font-size: 18px;margin: 20px auto 10px;}
    .project_lists ul li .tct .txt{font-size: 14px;line-height: 24px;}
    .project_lists ul li .tct .more,
    .about_lists ul li .more{width:100px;line-height: 30px;font-size: 14px;}
    .project_lists ul li .tct .more img,
    .about_lists ul li .more img{width:15px;height:15px;}
    .ban p{display: none;}

    .about_tit,
    .about_cons .about_cont{width:100%;float: none;border:none;padding:0;}
    .about_tit h3{font-size: 22px;margin-bottom: 20px;}
    .about_lists ul li{height:200px;}
    .about_lists ul li h3{font-size: 16px;line-height: 30px;}
    .about_lists ul li p{font-size: 14px;line-height: 24px;height:48px;width: 100%;}
    .about_tit ul{display: none;}
    .about_cons2 .about_cont2 .honor_list{padding-top: 20px;}
    .honor_list h3{font-size: 18px;line-height: 30px;}
    .honor_list ul li{width: 31%;margin: 1%;height:325px;line-height: 325px;}
    .party_top .pic{height: auto;}
    .party_top .txt{font-size: 14px;line-height: 24px;}
    .party_btm ul li .day{width:100px;font-size: 14px;line-height: 24px;margin-top: -24px;}
    .party_btm ul li .mains_text{height:115px;}
    .contact_txt{position: static;width: 100%;height:auto;}
    .contact_txt dl dd span{font-size: 18px;line-height: 30px;}
    .contact_txt dl dd b{font-size: 18px;}
    .contact_txt dl dd p{font-size: 14px;line-height: 24px;}
    .contact_txt dl dd img{width:120px;height:120px;}
    .join_item ul li img{width:70%;}
    .join_con ul li .tit h3{font-size: 20px;}
    .join_con ul li .tit p span{font-size: 14px;line-height: 24px;width:50%;}
    .join_con ul li .tit h3::before, .join_con ul li .tit h3::after{width:10px;top: 15px;}
    .join_con ul li .tct .tbs .sp1,
    .join_con ul li .tct .tbs .sp2{font-size: 14px;line-height: 24px;}
    .product_con .yyui_tab .product_right .mores{display: none;}
    .case_lists ul li{width:31.3%;margin: 1%;height:100px;padding:15px;}
    .case_lists ul li h3{font-size: 16px;line-height: 30px;}
    .case_lists ul li h3::before{left: -15px;}
    .case_lists ul li p{font-size: 14px;line-height: 24px;;}

    .news_list ul li .pic{width: 40%;height: auto;}
    .news_list ul li .tct{width: 57%;}
    .news_list ul li .tct .tit{font-size: 18px;line-height: 30px;}
    .news_list ul li .tct .time{font-size: 14px;line-height: 24px;}
    .news_list ul li .tct .txt{font-size: 14px;line-height: 24px;}
    .news_list ul li .tct .more{font-size: 14px;line-height: 24px;}
    .service_list .swiper-container-service .swiper-slide .icons{width:80px;height:80px;line-height: 80px;}
    .service_list .swiper-container-service .swiper-slide .tit{font-size: 15px;line-height: 30px;margin: 0 auto;}
    .service_list .swiper-container-service .swiper-slide .txt{font-size: 14px;line-height: 20px;}
    .service_list .swiper-container-service .swiper-slide .more{width:100px;line-height: 30px;font-size: 14px;}
    .service_list .swiper-container-service .swiper-slide .more img{width: 15px;height:15px;}
    .swiper-container-product .swiper-slide .pic span{width: 286px;height:186px;top: 105px;left: 8px;}
}

@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
    .banner, .banner .swiper-container-banner .swiper-slide a{height:360px;}
    .swiper-container-product .swiper-slide .pic span{width: 236px;height:150px;top: 90px;left: 8px;}
    
}
@media screen and (max-width:640px){
    .logo{max-width: 120px;width: 100%;}
    .banner, .banner .swiper-container-banner .swiper-slide a{height:200px;}
    .box{box-sizing: border-box;padding:0 4%;width: 100%;}
    .case_list ul li{height:40px;line-height: 40px;}
    .logo_left{width: 25%;}
    .foot_top,
    .foot_btm{padding:10px;}
    .product_con .yyui_tab>ul li, .product_con .yyui_tab>ul li:first-child{height:70px;}
    .product_con .yyui_tab>ul li .pic,
    .product_con .yyui_tab>ul li .txt{height:70px;}
    .product_con .yyui_tab>ul li .txt{line-height: 20px;}
    .product_con .yyui_tab .product_right .icon{width:30px;height:30px;}
    .custom_con .btn{width:30px;height:40px;line-height: 40px;}
    .service_list .swiper-container-service .swiper-slide{height:auto;}
    .service_list .swiper-container-service .swiper-slide .pic{height:250px;line-height: 250px;}
    .service_list .swiper-container-service .swiper-slide .tct{height: 200px;}
    .service_list .swiper-container-service .swiper-slide .tct .tit::before,
    .service_list .swiper-container-service .swiper-slide .tct .tit::after{display: none;}
    .service_list .swiper-container-service .swiper-slide .tct .tit{font-size: 16px;line-height: 30px;}
    .service_list .swiper-container-service .swiper-slide .tct .mores{width:30px;height:30px;}
    .project_list ul li,
    .project_list ul li .pic{height: 230px;}


    .ban{height:180px;background-size: 200% !important;}
    .ban h3{font-size: 22px;padding-top: 30%;}

    .custom_list ul li .list_left .txt,
    .custom_list ul li .list_left .ico{display: none;}
    .project_lists ul li{height:170px;}
    .project_lists ul li .tct{width:50%;}
    .about_lists ul li{height:150px;}
    .honor_list ul li{height:130px;line-height: 130px;}
    .party_btm ul li,
    .party_btm ul li:nth-child(2n){width:100%;margin: 10px auto;}
    .party_btm ul li .pic{width:100%;height:auto;line-height: initial;}
    .page{padding:0;}
    .case_lists ul li,
    .case_lists ul li:nth-child(3n){width:48%;margin: 1%;height:100px;padding:15px;}
    .case_lists ul li h3::before{display: none;}
    .case_lists ul li h3{font-size: 15px;line-height: 24px;}
    .case_lists ul li p{line-height: 20px;}
    .case_lists ul li{padding:10px;}

    .news_list ul li .tct .txt{display: none;}
    .swiper-container-product .swiper-slide .pic span{width: 156px;height: 104px;top: 63px;left: 5px;}
}
@media screen and (max-width:414px){
    .swiper-container-product .swiper-slide .pic span{width: 120px;height: 76px;top: 50px;left: 5px;}
    
}
@media screen and (max-width:375px){
    .swiper-container-product .swiper-slide .pic span{width: 110px;height: 68px;top: 45px;left: 4px;}
}
@media screen and (max-width:360px){
    .swiper-container-product .swiper-slide .pic span{width: 105px;height: 65px;top: 43px;left: 4px;}
}
@media screen and (max-width:320px){
    .swiper-container-product .swiper-slide .pic span{width: 92px;height: 55px;top: 40px;left: 4px;}
}