锘緻charset "utf-8"; @media screen and (max-width:1800px){ } @media screen and (max-width:1680px){ .foot_cenr dl dt{width:14%;} .foot_cenr dl dd{width: 56.5%;} .sy_product_list .swiper-container-product .swiper-slides .pics{padding:65% 0;} header .head_right ul>li .show_nav{width:94%;right:3%;} header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list>ul>li .li_bt, header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content .nav_list>ul>li .li_bt{font-size: 14px;} header .head_right ul>li .show_nav .yyui_tab>ul>li.yyui_tab_title_this{font-size: 14px;} } @media screen and (max-width:1600px){ } @media screen and (max-width:1500px){ .foot_sever a{font-size: 18px;} .foot_sever a font{font-size: 28px;} .foot_cenl dl dt{margin-bottom: 5px;font-size: 16px;} .foot_cenl dl dd{line-height: 24px;} .foot_cenr dl {padding: 0 20px;} .foot_cenr dl dt{font-size: 16px;} .foot_cenr dl dd{font-size: 14px;width: 50%;} .foot_cenl dl dd a{font-size: 12px;} .max_con, .lg_1340, .lg_1400{padding:0 3%;box-sizing: border-box;} } @media screen and (max-width:1366px){ header .head_right ul>li>a{font-size: 18px;} header .head_right ul>li .show_navs .show_nav_con dl dd{font-size: 14px;} header .head_right .language{margin-left:10px;} .sy_product_list .swiper-container-product .swiper-slides .pics{padding:63.5% 0;} .sy_product_list .swiper-container-product .swiper-slide .tct .bt, .sy_about_list .swiper-container-about .swiper-slide .bt, .sy_news_list .left ul li p{font-size: 16px;} .swiper-container-case .swiper-slide .tct .bt{font-size: 20px;} .sy_news_list .right .swiper-container-news .swiper-slide .tct h3{font-size: 18px;} .sy_news_list .right .swiper-container-news .swiper-slide .tct p, .sy_news_list .right .swiper-container-news .swiper-slide .tct .mores{font-size: 14px;} .sy_mains .title h3{font-size: 24px;} .sy_about_list .swiper-container-about .swiper-slide .pic{height:220px;} } @media screen and (max-width:1280px){ .foot_cenr dl dt {font-size: 14px;} .foot_cenr dl dd{width:45%;font-size: 12px;} .sy_product_list .swiper-container-product .swiper-slides .pics{padding:62.5% 0;} } @media screen and (max-width:1200px){ header h1{width:25%;} header{top: 0;} header .head_right{display: none;} .sj_menu{display: inline-block;width:50px;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: #be332c;} .sj_menu span::after, .sj_menu span::before{content: "";display: block;width:20px;height:2px;background: #be332c;margin-bottom: 5px;transition: all 1s;position: absolute;} .sj_menu span::after{bottom:5px;} .sj_menu span::before{top: -5px;} .son header .head_right{height:80vh;transition: height 1s;position: absolute;left: 0;right:0;top:60px;background: rgba(255, 255, 255, 1);z-index: 9999;overflow-y: scroll;} .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{display: block;width:100%;background: #fff;position: absolute;left: 0;right: 0;top:50px;} .swiper-pagination-banner{bottom: 10px;} .max_con, .lg_1340, .lg_1400{max-width: 640px;position: relative;} header .head_right ul, header .head_right ul>li, header .head_right .language{line-height: 30px;display: block;} header .head_right .language{height:auto;margin:15px auto;} header .head_right>ul>li{width: 100%;display: block;border-bottom: 1px solid #e5e5e5;padding: 10px 0;} header .head_right ul>li>a{display: block;color:#333;} header .head_right ul>li>a::after{display: none;} header .head_right ul>li .show_nav{height: auto;position: static;margin:0 auto;} header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list>ul>li .li_img, header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content .nav_list>ul>li .li_img{display: none;} header .head_right ul>li .show_nav .yyui_tab>ul{width:40%;} header .head_right ul>li .show_nav .yyui_tab>ul>li, header .head_right ul>li .show_nav .yyui_tab>ul>li::after{line-height: 25px;padding:0;} header .head_right ul>li:hover .show_nav, header .head_right ul>li:hover .show_navs{height:auto;} header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this, header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content{width:60%;height:auto;} header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list>ul>li, header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content .nav_list>ul>li{width:100%;text-align: left;} header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list>ul>li .li_bt, header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content .nav_list>ul>li .li_bt{text-align: left;line-height: 25px;} header .head_right ul>li .show_navs .show_nav_con{padding:0;position: static;height:auto;} header .head_right ul>li .show_navs .show_nav_con dl dt{display: none;} .sy_product_list .swiper-container-product .swiper-slides .pics span{font-size: 16px;} .sy_product_list .swiper-container-product .swiper-slides .pics {padding: 67.5% 0;} .sy_product_list .swiper-pagination-product .swiper-pagination-bullet{margin:0 5px;} .sy_product_list .swiper-pagination-product .swiper-pagination-bullet::before{width:10px;} .sy_product_list .swiper-pagination-product .swiper-pagination-bullet::before{left: -10px;} .sy_about_list{margin:20px auto;} } @media screen and (max-width:1024px){ .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{display: none;} .swiper-container-case .swiper-slide .pic, .swiper-container-case .swiper-slide .tct{width:100%;height:auto;} .swiper-container-case .swiper-slide .tct{padding:15px;} .swiper-container-case .swiper-slide .tct .bt{margin:15px auto;} .sy_news_list .left{display: none;} .sy_news_list .right{display: block;width:100%;} .swiper-pagination-case{display: none;} .swiper-container-case .swiper-slide .tct .more{width:120px;line-height: 36px;} .foot_cenl{display: none;} .foot_cenr{width:100%;} .foot_logo{width:25%;display: block;} .foot_sever{margin:5px auto;display: block;float: none;} .foot_sever a{margin-left:2%;} .foot_cenr dl.fr{margin-right: 0;} .bar, .bar h3{background-size: cover !important;height:360px;} .bar h3{font-size: 20px;} .bar h3:hover{font-size: 24px;} .mains_title{font-size: 20px;} .product_list .list_tit li{font-size: 14px;line-height: 24px;width:50%;text-align: center;padding-right: 0;} .product_list .list_tct li{width:49%;margin: 0 2% 2% 0;} .product_list .list_tct li:nth-child(2n){margin-right: 0;} .product_list .list_tct li .list_txt{height:90px;} .product_list .list_tct li .list_txt .list_en, .product_list .list_tct li .list_txt .list_cn{font-size: 16px;line-height: 24px;} .product_list .list_tct li .list_img{height:415px;} .product_tit{font-size: 20px;} .product_con .yyui_tab h4{font-size: 18px;} .product_con .yyui_tab>ul{margin:0 auto;text-align: left;} .product_con .yyui_tab .yyui_tab_content_this .mains_text{padding:15px;} .lg_page ul li{width:100%;} .product_con .yyui_tab>ul>li{font-size: 16px;} .product_con .yyui_tab>ul>li::after{display: none;} .download_list ul li{padding:15px;margin: 15px auto;} .download_list ul li .list_left span{font-size: 14px;} .download_list ul li .list_right{text-align: center;} .download_list ul li .list_right span{font-size: 14px;} .download_list ul li .list_right em{display: block;margin:0 auto;font-size: 14px;line-height: 30px;} .service_list ul li .list_tit, .case_list ul li .list_tit{font-size: 16px;line-height: 40px;} .contact_list ul li{width:49%;margin:0 1% 1% 0;padding: 15px 5px;} .contact_list ul li:nth-child(2n){margin-right: 0;} .contact_list ul li .li_tit{font-size: 16px;line-height: 30px;} .contact_list ul li .li_txt{font-size: 14px;line-height: 18px;} .contact_list ul li .li_txt span{font-size: 13px;line-height: 18px;} .contact_list ul li .li_img{width:100px;height:100px;} .message_con h3{font-size: 18px;line-height: 24px;} .message_con p{font-size: 14px;line-height: 20px;} .about_left, .about_right{width:100%;margin: 2% auto;max-width: 640px;} .about_left h3{font-size: 20px;} .about_left img{display: block;margin: 0 auto;display: block;} .about_con h3{font-size: 20px;line-height: 30px;margin:15px auto;} .about_con2 ul li .list_tit{font-size: 14px;line-height: 20px;margin: 10px auto;} .about_con3 .swiper-container_bars .swiper-button-prev, .about_con3 .swiper-container_bars .swiper-button-next{width:30px;height:30px;bottom: 0;} .about_con3 .swiper-container_bars .swiper-pagination_bars{right: 60px;height:30px;line-height: 30px;width: 60px;bottom: 0;} .about_con3 .swiper-container_bars .swiper-pagination_bars span.swiper-pagination-current{font-size: 24px;} .about_con3 .swiper-container_bars .swiper-button-prev{right:130px;} .about_con3 .swiper-container_bars .swiper-button-prev::after, .about_con3 .swiper-container_bars .swiper-button-next::after{font-size: 18px;} .news_list ul li .list_img{margin-right: 1%;} .news_list ul li .list_tct .list_tit{font-size: 18px;} .news_list ul li .list_tct .list_txt{font-size: 14px;} .news_title h3{font-size: 20px;} .news_title p{margin: 15px auto;} header .head_right ul>li>a{padding:0 10px;} } @media screen and (max-width:768px){ .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;} .foot-tp{width:60px;height:60px;bottom: 75%;} .foot_cenr dl{padding:0;margin:5px auto;} .foot_sever a{font-size: 14px;} .foot_sever a img{width:5%;} .foot_sever a font{font-size: 16px;} .foot_cenr dl.fr{margin:0 auto;} .foot_cenr dl.fr img{width:70px;height:70px;} .foot_cenr dl.fr span{font-size: 12px;} .foot_cenr dl dt img{width:20%;} .foot_cenr dl dd{width:55%;} .foot_btm p{font-size: 12px;} .swiper-container-about .swiper-button-next, .swiper-container-about .swiper-button-prev{width: 40px;height:40px;} .swiper-container-about .swiper-button-next{right:0;} .swiper-container-about .swiper-button-prev{left: 0;} .sy_product_list .swiper-container-product .swiper-slide .tct .bt, .sy_about_list .swiper-container-about .swiper-slide .bt, .sy_news_list .left ul li p{font-size: 14px;} } @media screen and (max-width:640px){ .sy_product_list .swiper-container-product .swiper-slides .pics {padding: 61% 0;} .product_list .list_tct li .list_img {height: 255px;} .product_list .list_tct li .list_img img{height:220px;} .bar, .bar h3{height:210px;} .bar h3{font-size: 16px;} .bar h3:hover{font-size:20px;} .download_list ul li .list_left, .download_list ul li .list_right{width:100%;text-align: left;} .download_list ul li .list_right{text-align: right;} .download_list ul li .list_right em{margin:0 0 0 auto;} .menu_nav{text-align: left;line-height: 40px;} .menu_nav ul li{width:49.5%;text-align: center;} .menu_nav ul li a{padding:0;} .service_list ul li, .service_list ul li:nth-child(3n){width:100%;margin:2% auto;} .lg_ckgd{width:120px;line-height: 36px;font-size: 14px;} .case_list ul li .list_img{height:150px;} .about_con2 ul li{width:100%;margin:2% auto;} .news_list ul li{margin-bottom: 15px;} .news_list ul li .list_img, .news_list ul li .list_tct{width:100%;margin: 2% auto;} .lg_page ul li p{width:78%;} .lg_page ul li span{width:20%;} .foot-tp{width:30px;height:30px;} .foot-tp img{width:30%;} .sy_about_list .swiper-container-about .swiper-slide .pic{height:120px;} .sy_case_list .yyui_tab>ul>li{display: block;text-align: left;padding:0;} .sy_case_list .yyui_tab>ul>li::after{display: none;} .mains_text img{height: auto !important;} .sy_case_list .yyui_tab{height: auto;} .sy_case_list .yyui_tab .yyui_tab_content_this{position: static;} .swiper-container-case .swiper-slide .tct .txt{height: auto;} } @media screen and (max-width:414px){ } @media screen and (max-width:375px){ .sy_product_list .swiper-container-product .swiper-slides .pics {padding: 59% 0;} } @media screen and (max-width:360px){ .sy_product_list .swiper-container-product .swiper-slides .pics {padding: 58% 0;} } @media screen and (max-width:320px){ .sy_product_list .swiper-container-product .swiper-slides .pics {padding: 54.5% 0;} }