@charset "utf-8";
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    
    
}
@media screen and (max-width:1600px){
    header,
    footer,
    .main .main_con{padding:0 4%}

    .sy_about .title,
    .sy_advantage .yyui_tab {padding-top:0;}
}
@media screen and (max-width:1500px){
    .sy_products .bgs{height:390px;top: -240px;}

    .main .main_con .title .en,
    .main .main_con .title .cn,
    .sy_advantage .yyui_tab>ul>li span,
    .sy_advantage .yyui_tab>ul>li strong{font-size: 24px;}

    .sy_products .sy_products_list ul li .list_tct .list_tst .tit{font-size: 20px;}

    .sy_about .tct_list dl dt{width:100px;height:100px;}
    .sy_about .tct_list dl dd font{font-size: 30px;}
    .sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico .ico{width:120px;height:120px;}
    .sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico .tct .tit font{font-size: 50px;}
    .bar{height: 400px;}
    .bar .title .cn{font-size: 30px;}
    .bar .title .en{font-size: 18px;}
    .crumbss {height: 465px;}
}
@media screen and (max-width:1366px){
    .sy_advantage .yyui_tab .yyui_tab_content_this{width:50%;}
}
@media screen and (max-width:1280px){
    .sy_products .bgs {height: 310px;top: -215px;}
    .crumbss{height:415px;}
  
}
@media screen and (max-width:1200px){
    .lg_1200{width: 92%;}
    .products_list ul li .list_img{height:auto;}
    .crumbss2{background: none !important;}
    .advantage_list{margin: 20px auto 0;}
    .advantage_list ul li{height:auto;}
    .advantage_list ul li .list_tct .item{font-size: 50px;margin-top: -65px;}
    .advantage_list ul li .list_img{height:auto;}
    .advantage_list ul li .list_tct{padding:30px;}
    .advantage_list ul li .list_tct .tit{margin-top: 0;}
    .news_list ul li .pic{height: auto;}
    .news_con .mains_text{box-sizing: border-box;padding: 15px;}
     .banner .swiper-container-banner .swiper-slide-active a img{width:50%;}

}
@media screen and (max-width:1024px){
    .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;}

    
    .sj_menu{display: inline-block;width:60px;height:30px;margin:0 auto;vertical-align: middle;position: absolute;right: 15px;top:25px}
    .sj_menu span{width:20px;height:2px;display: block;margin:10px auto;transition: all 1s;position: relative;background: #d02027;}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:2px;background: #d02027;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 header .head_right{z-index: 33;right: 0;transition: all 1s;}
    
    header{line-height: 60px;}
    header h1{width:10%;}
    header .head_right{position: absolute;right:-100vw;top:60px;width:80vw;background: rgba(255, 255, 255, 1);height:90vh;padding:15px;box-sizing: border-box;transition: all 1s;overflow-y: scroll;}
    header .head_right .head_nav{display: block;}
    header .head_right .head_nav ul li{display: block;float: none;text-align: left;line-height: 36px;font-size: 16px;}
    header .head_right .head_nav ul li a{display: block;padding:0;color:#333;}
    header .head_right .head_nav ul li dl{position: static;height:auto;}
    header .head_right .head_nav ul li dl dd{width:50%;float: left;text-align: left;line-height: 30px;}
    header .head_right .head_nav ul li dl dd a{color:#333;}
    header .head_right .head_nav ul li dl dd:hover,
    .fixeds header .head_right .head_nav ul li dl dd,
    .fixeds header .head_right .head_nav ul li dl dd:hover{background: none;}
    header .head_right .head_nav ul li dl dd:hover a{color:#d02027;}
    .fixeds header .head_right .head_nav ul li:hover dl{top: auto;}
    
    header .head_right .head_search{display: block;position: static;margin: 0;}
    header .head_right .head_search .i_btn{display: none;}
    header .head_right .head_search .shows,
    .fixeds header .head_right .head_search .shows{display: block;position: relative;top: auto;margin-bottom: 60px;}
    
    header .head_right .head_nav ul li::after{display: none;}
    .fixeds header{line-height: 60px;}

    .banner,
    .banner .swiper-container-banner .swiper-slide a{height:36vh}
   
    .sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li .list_img,
    .sy_development .sy_development_list ul li,
    .sy_development .sy_development_list ul li .list_img{height: auto;}
    .sy_about{/*height:34vh;*/}
    .sy_advantage{height:49vh;}
    .sy_advantage .yyui_tab>ul{width:46%;}
    .sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico,
    .sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico .tct{max-width: 400px;height:400px;}
    .sy_products .bgs{height:265px;}
    .sy_products .sy_products_list ul li .list_tct{top: 20%;}
    .sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li .list_tct{padding:15px;}
    .sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li .list_tct::before{top: 23px;}
    .sy_development .sy_development_list ul li .list_tct .ico{margin: 12% auto 3%;}
    footer .foot_top .center{display: none;}
    footer .foot_top .left,
    footer .foot_top .right{width:50%;}

    .nav_list{margin-top: -40px;}
    .nav_list ul li{line-height: 40px;}
    .mains_con .title .tit{font-size: 20px;}
    .about_list dl dd span font{font-size: 30px;}
    .recruit_tit{margin-bottom: 20px;}
    .gallery-top{height:290px;}
    .gallery-thumbs{height: 120px;}
    

}
@media screen and (max-width:768px){
    footer .foot_top .left,
    footer .foot_top .right{width:100%;float: none;max-width: 100%;}
    footer .foot_top .left .logo{width:15%;}
    footer .foot_top .right {margin-top: 20px;}
    footer .foot_top .right .codes{max-width: 120px;}
    footer .foot_top .right .codes img{width:120px;height:120px;}
    .friend{margin-top: 20px;}
    footer .foot_top .right .hot dl dd{font-size: 14px;line-height: 20px;}
    footer .foot_top .right .codes span{line-height: 30px;}
    footer .foot_btm p{text-align: center;}
    footer .foot_btm p a{display: block;float: none;}
    .main .main_con .title .en, .main .main_con .title .cn{font-size: 20px;line-height: 30px;}
    .sy_advantage .yyui_tab>ul>li span, .sy_advantage .yyui_tab>ul>li strong{font-size: 16px;line-height: 30px;}
    .sy_about .tct_list dl{width:120px;}
    .sy_about .tct_list dl dt{width:80px;height:80px;}
    .sy_about .tct_list dl dt img{margin: 5px 20px;}
    .sy_about .tct_list dl dd{padding-left: 20px;font-size: 14px;line-height: 30px;}
    .sy_about .tct_list dl dd sup{font-size: 14px;}
    .sy_about .tct_list dl dd font{font-size: 20px;}
    .sy_about .tct_list dl dd:nth-child(2){margin-top: -45px;}
    .sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico, .sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico .tct{max-width: 300px;height:300px;}
    .sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico .ico{width:50px;height:50px;}
    .sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico .tct .tit{margin: 30px auto 10px;font-size: 14px;}
    .sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico .tct .tit font{font-size: 24px;}
    .sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico .tct .txt{font-size: 14px;}
    .sy_advantage .yyui_tab>ul>li p{display: none;}
    .sy_advantage .yyui_tab>ul>li::after{height:100px;}
    .sy_products .bgs{height: 225px;}
    .sy_products .sy_products_list ul li .list_tct{top: 10%;}
    .sy_products .sy_products_list ul li .list_tct .list_tst .tit{font-size: 18px;}
    .sy_news .yyui_tab>ul{margin: 0 auto 20px;text-align: left;}
    .sy_news .yyui_tab>ul>li:nth-child(1){padding-left: 0;}
    .sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li .list_tct .tit{font-size: 16px;}
    .sy_development .sy_development_list ul li .list_tct .ico{width:50px;height:50px;}
    .sy_development .sy_development_list ul li .list_tct .tit{font-size: 16px;}
    .sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li .list_tct .txt{display: none;}
    .bar{height:300px;}
    .crumbss{height:255px;}
    .products_top .top_tct{width:50%;}
    .advantage_list ul li .list_tct{padding:15px;}
    .advantage_list ul li .list_tct .mains_text{max-height:112px;}
    .advantage_list ul li .list_tct .tit{font-size: 18px;}
    .news_list ul li{padding:15px;}
    .news_list ul li .bt{font-size: 18px;margin: 5px auto;}
    .contact_con{padding:15px;}
    .contact_con .left,
    .contact_con .right{width:100%;float: none;}
    .contact_con .left .txt dl dd{display: block;width: 100%;}
    .contact_con .left .txt b{font-size: 18px;}
}
@media screen and (max-width:640px){
    .banner, .banner .swiper-container-banner .swiper-slide a{height:48vh;}
    .sy_about{height:56vh;}
    .sy_advantage{height:100vh;}
    .sy_advantage .yyui_tab>ul{width:100%;max-width: 100%;float: none;}
    .sy_advantage .yyui_tab>ul>li{width:48%;margin: 1%;float: left;border:1px solid #fff;box-sizing: border-box;padding:10px;}
    .sy_advantage .yyui_tab>ul>li.yyui_tab_title_this::after{display: none;}
    .sy_advantage .yyui_tab .yyui_tab_content_this{float: none;width: 100%;display: block;margin: 20px auto;}
    .sy_advantage .yyui_tab>ul>li span{display: none;}
    .sy_advantage .yyui_tab>ul>li strong{margin: 0 auto;}
    .sy_products .bgs{height:175px;top: -175px;}
    .sy_products .sy_products_list ul li .list_tct .list_tst{padding:15px;}
    .sy_development .sy_development_list ul li .list_tct .ico{margin: 7% auto 3%;}
    .banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{margin:0 5px;}
    .banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active::before, .banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active::after{display: none;}
    .sy_about .tct_list dl{width:100px;}
    .sy_about .tct_list dl dd{padding-left:0;text-align: center;}
    .sy_development .sy_development_list ul li .list_img img,
    .sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li .list_img img{height:auto;}
    .sy_development .title{margin-top:20px;}
    header h1{width:15%;}
    .crumbs{display: none;}
    .mains_con .title .tit{margin: 15px auto 10px;}
    .mains_con .title .ico{margin: 10px auto 15px;}
    .about_list dl{width:50%;margin: 1% auto;}
    .about_list dl:first-child,
    .about_list dl:nth-child(3){padding-left: 0;}
    .about_list dl::after{height:70px;}
    .about_list dl:nth-child(2n){padding-right: 0;}
    .about_list dl:nth-child(2n)::after{display:none;}
    .bar .title{bottom: 20px;}
    .bar .title .cn{font-size: 20px;}
    .bar .title .en{font-size: 14px;padding-left: 15px;}
    .products_list ul li{width:48%;margin: 1%;}
    .products_list ul li .list_tct{padding:10px;}
    .products_list ul li .list_tct .tit{font-size: 15px;}
    .products_list ul li .list_tct .xian{margin: 5px auto;}
    .products_list ul li:nth-child(9){display: none;}
    .products_top{margin: 20px auto;}
    .products_top .top_tct{padding:20px;}
    .products_top .top_tct .tit{font-size: 18px;margin-bottom: 15px;}
    .products_btm .yyui_tab>ul li{width:120px;line-height: 40px;font-size: 16px;}
    .products_btm .yyui_tab .yyui_tab_content_this{padding:15px;}
    .lg_fy_con2 dl{margin:15px auto;}
    .lg_fy_con2 dl dt{width: 100px;line-height: 40px;font-size: 14px;display: inline-block;vertical-align: top;text-indent: 0;text-align: center;}
    .lg_fy_con2 dl dd{width:100px;line-height: 40px;display: inline-block;vertical-align: top;}

    .advantage_list ul li .list_img, .advantage_list ul li .list_tct{width:100%;float: none;}
    .advantage_list ul li:nth-child(even) .list_img,
    .advantage_list ul li:nth-child(odd) .list_img{float: none;}
    .advantage_list ul li .list_tct .item{font-size: 40px;margin-top: -60px;}
    .news_list ul li{width:48%;margin: 1%;padding:10px;}
    .news_list ul li:nth-child(9){display: none;}
    .news_list ul li .bt{font-size: 16px;}
    .nav_list{margin: 0 auto;background: #fff;}
    .nav_list ul{text-align: left;font-size: 0;}
    .nav_list ul li{text-align: center;border:1px solid #ddd;box-sizing: border-box;width:48%;margin: 1%;}
    .nav_list ul li::after{display: none;}
    .nav_list ul li a{color:#333;display: block;padding:0;}
    .news_con .title .tit{font-size: 18px;}
    .news_con .title .txt span{font-size: 16px;}
    .contact_con .left .tit{font-size: 18px;}
    .thank_txt{width: 100%;}
    .thank_tit{font-size: 18px;}
    .thank_right,.thank_left{float: none;margin: 10px auto 0;padding-top:10px}
    .contact_con .left{border-right:none;}
    .recruit_tit{padding:15px;}
    .recruit_tit dl dt{line-height: 30px;margin-bottom: 5px;}
    .recruit_tit dl dd{line-height: 20px;}
    .recruit_list ul li .tit{padding:15px;}
    .recruit_list ul li .tit span:nth-child(1),
    .recruit_list ul li .tit span:nth-child(2){display: block;width:85%;float: left;}
    .recruit_list ul li .tit span:nth-child(3){float: right;}
    .recruit_list ul li .tit span:nth-child(1){font-size: 18px;}
    .recruit_list ul li .tit span:nth-child(3)::before, .recruit_list ul li .tit span:nth-child(3)::after{width:15px;}
    .recruit_list ul li.on .txt{padding: 15px;}
    .sy_about .main_con{background: rgba(255, 255, 255, .6);}

}
@media screen and (max-width:540px){
    .banner, .banner .swiper-container-banner .swiper-slide a{height:230px;}
    .sy_about{height:auto;}
    .sy_advantage{height:70vh;}
    .sy_products .bgs{height:120px;top: -120px;}
    .sy_products .main_con{margin-top:-100px;}
    .sy_products .sy_products_list ul li{width:100%;margin: 1% auto;}
    .sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li{width:48%;margin: 1%;}
    .sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li:nth-child(3){display: none;}
    .sy_development .sy_development_list ul li{width:48%;margin: 1%;}
    .bar{height:200px;}
    .about_list dl dd span font{font-size: 24px;}
    
    .products_top .top_tct{width:100%;}
    .gallery-top{height:200px;}
    .gallery-thumbs{height:70px;}
    .gallery-thumbs .swiper-button-next::after, .gallery-thumbs .swiper-button-prev::after{font-size: 20px;}
    .about_list dl dt{margin-top:15px;}
    .banner .swiper-container-banner .swiper-slide-active a img{width:40%;}
}
@media screen and (max-width:375px){
    .sy_advantage{height:72vh;}
    .banner, .banner .swiper-container-banner .swiper-slide a{height:225px;background-position-x:0 !important;background-position-y:0 !important;}
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}