@charset "utf-8";
body{overflow-x: hidden !important;}
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    .foot_top .foot_topc{margin-left: 0;}
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
    .main_con{width:92%;padding: 0;margin: 0 auto;}
    .bar{height:550px;}
}
@media screen and (max-width:1366px){
    .product .yyui_tab>ul>li{margin-right: 20px;}
    .foot_top .foot_topc{margin-left: 0;}
    .lg_1340{width: 92%;margin: 0 auto;}
    .product_top .right .mains_text{height:400px;}
}
@media screen and (max-width:1280px){
  
}
@media screen and (max-width:1200px){
    .foot_top .foot_topc{width: 60%;}
    .foot_top .foot_topc .foot_topcl{display: none;}
    .foot_top .foot_topc .foot_topcr{width: 100%;}
    .sj_menu{display: inline-block;width:60px;height:30px;margin:0 auto;vertical-align: middle;position: absolute;right: 15px;top:23px;z-index: 100;}
    .sj_menu span{width:20px;height:3px;display: block;margin:10px auto;transition: all 1s;position: relative;background:#fab600;}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: #fab600;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_nav{display: block;left: 0;transition: all 1s;}

    header{position: relative;z-index: 66;}
    .fixeds header{position: fixed;}
    header h1{line-height: 60px;}
    header .hede_right{float: none;position: absolute;right: -90vw;width: 90vw;top: 60px;height:90vh;background: #fff;transition: all 1s;padding:15px;box-sizing: border-box;z-index: 66;}
    .son header .hede_right{right: 0;transition: all 1s;}
    header .hede_right .head_nav, header .hede_right .head_search, header .hede_right .head_language{display: block;margin: 0 auto;}
    header .hede_right .head_nav ul li{display: block;line-height: 30px;text-align: left;font-size: 16px;}
    header .hede_right .head_nav ul li>a{padding:0 10px;}
    header .hede_right .head_nav ul li .show{position: static;height:auto;}
    header .hede_right .head_nav ul li .show .pic{display: none;}
    header .hede_right .head_nav ul li .show .tct{width:100%;}
    header .hede_right .head_nav ul li .show .tct ul{line-height: 24px;}
    header .hede_right .head_nav ul li .show .tct ul li{width:48%;margin: 1%;line-height: 24px;font-size: 14px;}
    header .hede_right .head_nav ul li .show .show_con{margin: 0px auto;}
    header .hede_right .head_search .i_btn{display: none;}
    header .hede_right .head_search .shows{display: block;position: static;width: 100%;height:30px;line-height: 30px;}
    header .hede_right .head_nav ul li .show .tct ul li a::after{margin-top: 8px;}
    header .hede_right .head_search .shows button{top: 2px;width:28px;height:28px;}
    header .hede_right .head_language{line-height: 30px;}
    .foot_top .foot_topr{display: none;}
    .foot_top .foot_topc .foot_topcr{width:100%;}
    
}
@media screen and (max-width:1024px){
    .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{padding-bottom: 20px;}

    .product .yyui_tab .yyui_tab_content_this .cons .right{height: 29vh;margin-top: -120px;}
    .solution .yyui_tab>ul>li{padding:25px;}
    .solution .yyui_tab .yyui_tab_content_this .tct{padding: 20px 0 20px 20px;}
    .banner,
    .banner .swiper-container-banner .swiper-slide a{height:550px;}
    .solution,
    .solution .yyui_tab .yyui_tab_content_this .pic{height:550px;}
    .foot_top .foot_topc .foot_topcl{display: none;}
    .bar{height:420px;background-size: 150% !important;}
    
    .product_item ul li .tct{width: 56%;}
    .product_top .right .mains_text{height:300px;padding:15px;}
    .industry_list ul li .pic{height:200px;}

    .news_list ul li .time strong{font-size: 20px;}
    .about_con .right,
    .about_con .right .pic{height:470px}
    .about_con .left .mains_text{height:395px;}
    .about_con .left .tit{font-size: 20px;}

}
@media screen and (max-width:768px){
    .banner, .banner .swiper-container-banner .swiper-slide a{height:420px;}
    .product .yyui_tab .yyui_tab_content_this .cons .right{height:27vh;margin-top: -50px;}
    .solution .yyui_tab>ul>li .tit{font-size: 16px;}
    .news_item ul li{height:297px;}
    .news_item ul li .pic,
    .news_item ul li .pic2{height:135px;}
    
    .bar{height:310px;background-size: 150% !important;}
    .bar_con{bottom: 10px;}
    .bar_con .bar_cn{font-size: 24px;line-height: 50px;}
    .bar_con .bar_cn::before{width:140px;}
    .nav{margin: 0 auto;}
    .nav ul{text-align: left;}
    
    .product_item ul li{padding: 15px;height:204px;box-sizing: border-box;}
    .product_item ul li .pic{width:40%;height:204px;}
    .product_item ul li .tct .tit{font-size: 20px;}
    .product_con .product_nav ul li{width: 48%;margin: 1%;max-width: 100%;}
    .product_con .product_nav ul li a{line-height: 32px;}
    .product_list ul li .pic{height:160px;}
    .product_list{margin: 20px auto 0;}
    .product_top .right .tit{font-size: 18px;padding:15px;}
    .product_top .right .mains_text{height:220px;}
    .product_btm .yyui_tab .yyui_tab_content_this .mains_text{padding:15px;}
    .data_list ul li .data_right .t1{display: none;}

    .news_item ul li.lis{height:280px;}
    .news_item ul li .pics,
    .news_item ul li .pics2{height:150px;}
    .news_item ul li .tct{padding:15px;}
    .news_list ul li .time{width:15%;}
    .news_list ul li{padding: 15px;margin: 15px auto 0;}
    .service_list{width: 92%;margin: 0 auto;}
    .service_list ul li .left, .service_list ul li .right{width:100%;height: auto;}
    .service_list ul li .left .tct{padding: 15px;max-width: 100%;}
    .service_list ul li .left .tct .tit{margin-top: 2%;}
    .service_list ul li .left .tct .txt{margin: 15px auto;}
    .service_list ul li .right .pic{height:200px;}
    .service_list ul li .left .tct .tit{font-size: 18px;}
    .service_list ul li .left .tct .left-item a{font-size: 16px;}
    .contact_top .contact_item ul li{padding:15px;}
    .contact_top .contact_item ul li .bt{font-size: 20px;}
    .contact_top .contact_item ul li .txt{font-size: 14px;}
    .contact_top .contact_item ul li strong{font-size: 18px;}

}
@media screen and (max-width:640px){
   .fixeds header{position: fixed;}
    header h1{width: 30%;}
    .banner, .banner .swiper-container-banner .swiper-slide a{height: 200px;}
    .main .title .cn{font-size: 20px;}
    .main .title .txt{font-size: 14px;}
    .main .more{margin: 20px auto 0;}

    .banner .swiper-container-banner .swiper-pagination-banner{bottom: 15px;}
    .banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width: 10px;height:10px;margin: 0 5px;}

    .product .yyui_tab,
    .product .yyui_tab .yyui_tab_content_this .cons{margin:20px auto 0;}
    .product .yyui_tab>ul>li{width: 30.3333%;margin: 1%;}
    .product .yyui_tab>ul>li .tit{font-size: 16px;}
    .product .yyui_tab>ul>li .pic{width:50px;height:50px;margin: 0 auto;}
    .product .yyui_tab .yyui_tab_content_this .cons .left .bt{font-size: 20px;}
    .product .yyui_tab .yyui_tab_content_this .cons .left .txt{margin: 20px auto;}
    .product .yyui_tab .yyui_tab_content_this .cons .left,
    .product .yyui_tab .yyui_tab_content_this .cons .right{width: 100%;float: none;margin: 0 auto;}

    .solution .yyui_tab{margin: 20px auto;}
    .solution .yyui_tab>ul{width: 100%;}
    .solution .yyui_tab>ul>li{padding:15px;}
    .solution .yyui_tab>ul>li .tst{line-height: 25px;}
    .solution .yyui_tab>ul>li .tit{line-height: 30px;}
    .solution .yyui_tab>ul>li .tst .ico{width: 25px;height: 25px;display: block;}
    .solution .yyui_tab>ul>li .tst .icons{width: 20px;height: 20px;margin-top: -20px;display: block;float: right;line-height: 20px;}
    .solution .yyui_tab .yyui_tab_content_this .tct{width:100%;margin: 20px auto;padding:0;}
    .solution .yyui_tab .yyui_tab_content_this .tct .tit{font-size: 18px;line-height: 24px;}
    .solution .yyui_tab .yyui_tab_content_this .tct .tit::after{margin: 15px 0;}
    .solution .yyui_tab .yyui_tab_content_this .tct .txt{font-size: 14px;}

    .news_cons .yyui_tab>ul{margin: 20px auto 0;float: none;font-size: 0;}
    .news_cons .yyui_tab>ul>li{width:48%;margin: 1%;padding: 0;box-sizing: border-box;line-height: 36px;}
    .news_item{margin: 15px auto;}
    .news_item ul li{width:48%;margin: 1%;height: 266px;}
    .news_item ul li .tct{padding:15px;}
    .news_item ul li .tct .bt{font-size: 16px;}
    .news_item ul li:nth-child(3){display: none;}

    .cooperation_lists{margin: 20px auto;}
    .cooperation_lists ul{border: none;}
    .cooperation_lists ul li{width:48%;margin: 1%;height:110px;line-height: 110px;display: none;}
    .cooperation_lists ul li:nth-child(1),
    .cooperation_lists ul li:nth-child(2),
    .cooperation_lists ul li:nth-child(3),
    .cooperation_lists ul li:nth-child(4){display: inline-block;}

    .foot_top .foot_topl .pic{width:70%;text-align: center;margin: 20px auto;}
    .friend{display: none;}

    .foot_top .foot_topc{width:100%;}
    .foot_top .foot_topc .foot_topcl, .foot_top .foot_topc .foot_topcr{margin: 0 auto;}
    .foot_btm p{text-align: center;}
    .foot_btm p a{display: block;float: none;margin: 0 auto;}

    .bar {height: 110px;background-size: 150% !important;}
    .bar_con .bar_cn{font-size: 20px;}
    .bar_con .bar_en{font-size: 14px;line-height: 20px;}
    .bar_con .bar_crumbs{display: none;}
    .nav ul{line-height: 30px;}
    .nav ul li{width:50%;box-sizing: border-box;line-height: 30px;font-size: 16px;text-align: center;}
    .nav ul li a{padding:0;}
    .nav ul li:nth-child(2n)::after{display: none;}
    .product_item ul li{width: 100%;margin:2% 1%;}
    .product_item ul li .pic{width: 138px;}
    .product_item ul li .pic .icon,
    .product_item ul li .pic .icons{height:204px;}
    .product_item ul li .pic .icon img,
    .product_item ul li .pic .icons img{height:100%;}
    .product_item ul li .tct .txt{margin: 15px auto;}

    .product_con .product_nav ul li{width: 100%;margin: 1% auto;}
    .product_list ul li,
    .product_list ul li:nth-child(3n){width:100%;margin: 2% auto;}
    .product_list ul li .pic{height:125px;width: 43%;float: left;}
    .product_list ul li .tct{padding:15px;width: 55%;float: right;box-sizing: border-box;}
    .product_list ul li .tct .ts::before{left: -15px;}
    .product_list ul li .tct .tit{font-size: 16px;}
    .product_list ul li .tct .txt{display: none;}
    .product_top .left, .product_top .right{width:100%;margin: 2% auto;}
    .lg_fy_con2 dl dd{width:100px;font-size: 14px;line-height: 36px;}
    .lg_fy_con2 dl dt{width: 100px;font-size: 14px;text-align: center;text-indent: 0;line-height: 36px;}
    .data_list ul li{margin: 15px auto 0;padding:0 15px;line-height: 36px;}
    .data_list ul li .data_left{font-size: 16px;width:75%;}
    .data_list ul li .data_right{width: auto;}
    .data_list ul li .data_right .t2{padding:0 15px;margin-right: -15px;line-height: 36px;margin-left: 0;font-size: 14px;}

    .contact_top{margin: 20px auto;}
    .contact_top .tit{font-size: 20px;}
    .contact_top .txt{font-size: 14px;}
    .industry_list ul li,
    .industry_list ul li:nth-child(3n){width:48%;margin: 1%;}
    .industry_list ul li .pic{height:120px;}
    .industry_list ul li .tct{padding:15px}
    .industry_list ul li:hover .tct::before{width:75%;}
    .industry_list ul li .tct .tit{font-size: 18px;}
    .industry_list ul li .tct .txt{font-size: 14px;line-height: 24px;height: 72px;}

    .news_item ul li.lis{height:250px;}
    .news_item ul li .pics, .news_item ul li .pics2{height:120px;}
    .news_list ul li .tct,
    .news_list ul li .time{width: 100%;}
    .news_list ul li .time{padding: 0 15px;margin-top: 10px;}
    .news_list ul li .time span,
    .news_list ul li .time strong{display: inline-block;font-size: 14px;font-weight: normal;}
    .news_list ul li .tct .tit{font-size: 16px;}
    .news_con .title .tit{font-size: 18px;}
    .news_con .mains_text{padding:0;}
    
    .about_con .left,
    .about_con .right{width: 100%;float: none;margin: 2% auto;}
    .about_con .left .mains_text{padding: 0px;height:100%;overflow-y: auto;}
    .about_con .right, .about_con .right .pic{height:360px;}
    .cooperation_list ul li,
    .cooperation_list ul li:nth-child(5n){width:48%;margin: 1%;height:100px;line-height: 100px;}
    .page{padding:0;}

    .contact_top .contact_item ul li{width: 100%;max-width: 100%;height: auto;}
    .contact_top .txt{margin: 0 auto;}
    .contact_top .contact_item ul li .bt{margin-bottom: 0;}
    .contact_top .contact_item ul li .icon::after{margin: 10px auto;}

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