@media only screen and (min-width:900px) and (max-width:1024px) { .pc-1200px{display: none;} .header{width: 96%;} .header .nav li a{font-size: 16px;margin: 0 20px;} .bannerwrap .centerBig{overflow: hidden;} .bannerwrap .centerBig img{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .banner-bot a h3{font-size: 20px;} .iondex01wrap{padding: 80px 2%;} .index01 a .text{padding: 40px 20px;} .index01 a .text h3{font-size: 24px;margin-bottom: 30px;} .i-tl{font-size: 30px;} .header .nav li .nav02{top: 80px;} .index02wrap{width: 96%;margin: 80px auto;} .index02 .left .imgbox img{width: auto;height: 360px;} .index02 .left .text .data p, .index02 .right .info a .cont .data p{font-size: 46px;} .index02 .left .text{padding-left: 140px;} .index02 .right .info a .cont{padding-left: 140px;} .index02 .left .text h3, .index02 .right .info a .cont h3{font-size: 16px;margin-bottom: 15px;} .index02 .left .text h4, .index02 .right .info a .cont h4{font-size: 14px;line-height: 26px;} .footerwrap{padding: 80px 2%;} .footer .f-center{padding: 50px 0;} .footer .f-center .item h3, .footer .f-center .email h3, .footer .f-center .ewm h3{font-size: 16px;} .footer .f-center .item p a,.footer .f-center .email p,.footer .f-center .ewm p,.footer .f-center .email h4{font-size: 12px;} .innerbanner .text h3{font-size: 36px;} .about01 li .text,.about01 li:nth-of-type(2n) .text{padding: 0 2%;} .about01 li .text span{font-size: 80px;} .about01 li .text .top h3{font-size: 22px;margin-bottom: 20px;} .about01 li .text .top{margin-bottom: 20px;} .about01 li .text h4{font-size: 14px;line-height: 26px;} .about01 li .imgbox img{width: auto;height: 340px;min-width: 100%;} .contwidth{width: 96%;} .idea01{margin-top: 80px;} .idea02wrap{background-attachment: scroll;padding-bottom: 100px;} .security02{padding: 100px 0;} /* 产品 */ .products01{width: 96%;margin: 80px auto;} .products01 .right .list a .imgbox span{font-size: 12px;} .products01 .right .list a{width: 49%;} .products01 .right .list a:nth-of-type(3n){margin-right: 2%;} .products01 .right .list a:nth-of-type(2n){margin-right: 0;} .products01 .right .list a h3{font-size: 16px;} .products01 .right .top h3{font-size: 24px;} .proinfowrap{padding-top: 80px;} .proinfo01{padding: 80px 0;} .proinfo01 .text h3{font-size: 26px;padding: 40px 20px;} .proinfo01 .text .info{padding-left: 20px;} .proinfo01 .text .info p{font-size: 14px;} .proinfo01 .text .link{padding-left: 20px;} .proinfo01 .text .more{font-size: 14px;} .proinfo02{padding: 50px 0 80px;} .proinfo02 .imglist{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .proinfo02 .imglist a{width: 49%;margin-bottom: 2%;} .proinfo02 .imglist a:nth-of-type(2n){margin-right: 0;} .header .nav li .nav02 a{padding-left: 20px;} .contact01wrap{padding: 80px 0;} .contact01 .left{padding: 40px;} .contact01 .right{padding: 40px 50px;} .contact02{margin: 80px auto;height: 450px;} .join01{margin: 80px auto 40px;} .join01 a{padding: 40px 60px;} .join01 a span{right: 20px;} .joininfo01{width: 96%;padding: 80px 0;} .joininfo01 .top h3{font-size: 26px;} .distributor01{margin: 80px auto 40px;} .distributor01 a .text{padding: 30px 20px;} .feedback01 .text{padding: 50px 40px;} .feedback01{margin: 80px auto;} .footer .f-bot h3 { display: flex; align-items: center; flex-flow: wrap; } } @media only screen and (min-width:750px) and (max-width:1000px) { .pc-1200px{display: none;} .header{width: 96%;} .header .nav li a{font-size: 16px;margin: 0 20px;} .bannerwrap .centerBig{overflow: hidden;} .bannerwrap .centerBig img{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .banner-bot a h3{font-size: 20px;} .iondex01wrap{padding: 80px 2%;} .index01 a .text{padding: 40px 20px;} .index01 a .text h3{font-size: 24px;margin-bottom: 30px;} .i-tl{font-size: 30px;} .header .nav li .nav02{top: 80px;} .index02wrap{width: 96%;margin: 80px auto;} .index02 .left .imgbox img{width: auto;height: 360px;} .index02 .left .text .data p, .index02 .right .info a .cont .data p{font-size: 46px;} .index02 .left .text{padding-left: 140px;} .index02 .right .info a .cont{padding-left: 140px;} .index02 .left .text h3, .index02 .right .info a .cont h3{font-size: 16px;margin-bottom: 15px;} .index02 .left .text h4, .index02 .right .info a .cont h4{font-size: 14px;line-height: 26px;} .footerwrap{padding: 80px 2%;} .footer .f-center{padding: 50px 0;} .footer .f-center .item h3, .footer .f-center .email h3, .footer .f-center .ewm h3{font-size: 16px;} .footer .f-center .item p a,.footer .f-center .email p,.footer .f-center .ewm p,.footer .f-center .email h4{font-size: 12px;} .innerbanner .text h3{font-size: 36px;} .about01 li .text,.about01 li:nth-of-type(2n) .text{padding: 0 2%;} .about01 li .text span{font-size: 80px;} .about01 li .text .top h3{font-size: 22px;margin-bottom: 20px;} .about01 li .text .top{margin-bottom: 20px;} .about01 li .text h4{font-size: 14px;line-height: 26px;} .about01 li .imgbox img{width: auto;height: 340px;min-width: 100%;} .contwidth{width: 96%;} .idea01{margin-top: 80px;} .idea02wrap{background-attachment: scroll;padding-bottom: 100px;} .security02{padding: 100px 0;} /* 产品 */ .products01{width: 96%;margin: 80px auto;} .products01 .right .list a .imgbox span{font-size: 12px;} .products01 .right .list a{width: 49%;} .products01 .right .list a:nth-of-type(3n){margin-right: 2%;} .products01 .right .list a:nth-of-type(2n){margin-right: 0;} .products01 .right .list a h3{font-size: 16px;} .products01 .right .top h3{font-size: 24px;} .proinfowrap{padding-top: 80px;} .proinfo01{padding: 80px 0;} .proinfo01 .text h3{font-size: 26px;padding: 40px 20px;} .proinfo01 .text .info{padding-left: 20px;} .proinfo01 .text .info p{font-size: 14px;} .proinfo01 .text .link{padding-left: 20px;} .proinfo01 .text .more{font-size: 14px;} .proinfo02{padding: 50px 0 80px;} .proinfo02 .imglist{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .proinfo02 .imglist a{width: 49%;margin-bottom: 2%;} .proinfo02 .imglist a:nth-of-type(2n){margin-right: 0;} .header .nav li .nav02 a{padding-left: 20px;} .contact01wrap{padding: 80px 0;} .contact01 .left{padding: 40px;} .contact01 .right{padding: 40px 50px;} .contact02{margin: 80px auto;height: 450px;} .join01{margin: 80px auto 40px;} .join01 a{padding: 40px 60px;} .join01 a span{right: 20px;} .distributor01{margin: 80px auto 40px;} .distributor01 a .text{padding: 30px 20px;} .feedback01 .text{padding: 50px 40px;} .feedback01{margin: 80px auto;} /* 补充 */ .header .language{width: 120px;margin-left: 20px;padding: 0 10px;height: 32px;} .header .language p{font-size: 12px;} .header .nav li a{font-size: 14px;margin: 0 10px;line-height: 70px;} .header .logo img{height: 40px;} .headerwrap{height: 70px;} .bannerwrap{padding-top: 70px;} .bannerwrap .centerBig .text h3{font-size: 46px;} .banner-bot a{padding: 0 2%;height: 70px;} .banner{height: calc(100% - 70px);} .index01 a .text h3{font-size: 20px;} .index01 a .text .more{height: 32px;line-height: 30px;} .header .nav li .nav02{top: 70px;} .header .nav li .nav02 a{padding-left: 10px;font-size: 13px;line-height: 34px;} .header .nav li .nav02 a:before{left: 0px;top: 9px;} .index02 .left{width: 100%;padding-bottom: 20px;border-bottom: 1px solid #DDDDDD;} .index02 .right{width: 100%;position: relative;height: auto;} .index02 .right .info a{height: auto;padding: 20px 0;} .index02 .right .more{width: 160px;margin-top: 30px;position: relative;} .footer .f-center .item h3 a{font-size: 16px;} .footer .f-center .ewm img{max-width: 100px;} .footer .f-center .email h4{width: 200px;height: 34px;line-height: 34px;} .footerwrap{padding: 50px 2%;} .innerbanner{padding-top: 70px;} .about01 li .text h4{font-size: 13px;line-height: 24px;} .innerbanner .text{margin-top: 35px;} .innovate01 a{padding: 50px 20px;} .innovate01{background-attachment: scroll;} .security01 .text h4{margin-bottom: 30px;font-size: 14px;line-height: 24px;} .security01 .text h3{margin-bottom: 20px;} .s-tl{font-size: 22px;} .security01 .text .img img{height: 40px;} .security02 .cont{padding-right: 30px;} .security03 a{padding: 50px 20px;} .security03 a img{right: 10px;top: 20px;} .products01 .right .top h3{font-size: 22px;} .products01 .left li .a{font-size: 14px;padding-left: 10px;line-height: 40px;} .products01 .left li .open{padding: 20px 10px;} .products01 .left{width: 30%;} .products01 .right .top{margin-bottom: 30px;} .products01 .right .list a{margin-bottom: 30px;} .products01 .right .list a h3{font-size: 14px;padding-left: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .proinfo01 .text h3{font-size: 22px;padding: 20px;line-height: 30px;} .contact01 .left,.contact01 .right{padding: 30px 15px;} .c-top{font-size: 21px;} .contact01 .left ul li h3{font-size: 18px;} .contact01 .left ul li p{font-size: 16px;line-height: 28px;} .join01 a{padding-left: 30px;} .join01 a h3{font-size: 20px;} .join01 a .cont li{padding: 0 15px;} .joininfo01{width: 96%;padding: 80px 0;} .proinfowrap{padding-top: 70px;} .joininfo01 .top h3{font-size: 26px;} .distributor01 a{width: 100%;} .distributor01 a .imgbox{max-height: 340px;} .feedback01 .text{padding: 40px 20px;margin-right: -60%;} .feedback01 .imgbox{width: 100%;} .feedback01{align-items: flex-end;-webkit-align-items: flex-end;} .footer .f-bot h3 { display: flex; align-items: center; flex-flow: wrap; } } @media only screen and (max-width:760px){ .pc-1200px{display: none;} .headerwrap{padding-left: 2%;} .headerwrap{height: 64px;} .header{height: 100%;width: 100%;} .header .logo img{height: 36px;} .header .nav, .header .language{display: none;} .headerwrap .header .drawer-hamburger{padding: 10px 15px 18px;height: 64px;top: 0;background-color: #002870;display: block;box-sizing: border-box;width: 60px;} .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff;} .drawer--right.drawer-open .drawer-nav{padding-top: 100px;width: 100%;z-index: 5;box-sizing: border-box;height: 100%;} .drawer--right .drawer-nav{right: -100%;} .headerwarp .header .logo{position: relative;z-index: 10;} .drawer--right.drawer-open .drawer-hamburger{z-index: 12;} .headerwarp{position: fixed;top: 0;left: 0;z-index: 5;} .bannerwarp{margin-top: 66px;} .drawer-menu{height: 100%;} .drawer-menu>li{margin-bottom: 30px;} .drawer--right.drawer-open .drawer-hamburger{right: 0;} .drawer-menu-item:hover{color: #002870;} .headerwrap .header .logo{position: relative;z-index: 6;} .drawer-menu .sjlanguage{font-size: 14px;color: #002870;position: absolute;bottom: 30px;right: 30px;display: block;} /* index */ .bannerwrap,.banner{height: auto;} .bannerwrap .centerBig{overflow: hidden;display: block;} .bannerwrap .centerBig img{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .bannerwrap .centerBig img{position: relative;transform: none;-webkit-transform: none;left: 0;width: 100%;} .bannerwrap .centerBig .sjimg{display: block;width: 100%;height: auto;min-width: 100%;position: relative;} .bannerwrap .centerBig .pcimg{display: none;} .bannerwrap .centerBig .text p{font-size: 18px;line-height: 24px;} .bannerwrap .centerBig .text h3{font-size: 24px;margin: 20px 0;letter-spacing: 5px;} .bannerwrap .centerBig .text h4{font-size: 18px;} .more{width: 140px;height: 36px;line-height: 36px;font-size: 14px;} .bannerwrap .centerBig .text .more{margin-top: 40px;} .bannerwrap .page .swiper-button-next, .bannerwrap .page .swiper-button-prev{width: 32px;height: 32px;font-size: 20px;} .bannerwrap{padding-top: 64px;} /* .banner{height: calc(100% - 60px);} */ .banner-bot a h3{font-size: 16px;} .banner-bot a h3::before{width: 30px;} .banner-bot a img{display: none;} .banner-bot a{height: 60px;padding: 0 2%;} .banner-bot a:hover h3::before{width: 0;} .iondex01wrap{padding: 50px 2%;} .i-tl{font-size: 24px;margin-bottom: 30px;} .index01 a .text{padding: 30px 20px;} .index01 a .text h3{font-size: 20px;margin-bottom: 30px;} .index02wrap{width: 96%;margin: 50px auto;} .index02 .left{width: 100%;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;} .index02 .right{width: 100%;height: auto;position: relative;} .index02 .left .text .data, .index02 .right .info a .cont .data{position: relative;margin-bottom: 20px;} .index02 .left .text{width: 100%;padding: 0;} .index02 .left .text .data span, .index02 .right .info a .cont .data span{font-size: 14px;padding-right: 10px;margin-right: 10px;border-right: 1px solid #002870;} .index02 .left .text .data p, .index02 .right .info a .cont .data p{font-size: 14px;margin-top: 0;} .index02 .left .text .data, .index02 .right .info a .cont .data{background: none;-webkit-justify-content: flex-start;justify-content: flex-start;} .index02 .left .text h3, .index02 .right .info a .cont h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index02 .right .info a .cont{padding-left: 0;} .index02 .right .info a{height: auto;padding-bottom: 30px;margin-bottom: 30px;} .index02 .right .more{position: relative;width: 140px;height: 36px;line-height: 36px;font-size: 14px;} .footer .f-top,.footer .f-center{display: none;} .footerwrap{padding: 20px 2%;} .footer .f-bot .se{display: none;} .footer .f-bot h3, .footer .f-bot a{text-align: center;line-height: 20px;} /* newsinfo */ .proinfowrap{padding-top: 64px;} .newsinfowrap{width: 96%;padding: 50px 0;} .newsinfo .top .tl{font-size: 18px;line-height: 26px;} .newsinfo .top .data span{font-size: 12px;} .newsinfo .top{margin-bottom: 30px;} .min p{padding-right: 0;font-size: 14px;line-height: 26px;text-align: justify;margin-right: 0;} .min p img{height: auto;max-width: 100%;} .newsinfowrap .bot a{height: 36px;line-height: 36px;font-size: 14px;} /* 产品 */ .products01{width: 96%;margin: 50px auto;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .products01 .left{width: 100%;} .products01 .right{width: 100%;padding-left: 0;margin-top: 30px;} .products01 .right .top h3{font-size: 24px;} .products01 .right .list a{width: 100%;margin-right: 0;} .products01 .right .list a:last-child{margin-bottom: 0;} .contwidth{width: 96%;} .proinfo01{-webkit-flex-flow: column-reverse;flex-flow: column-reverse;padding: 50px 0;} .proinfo01 .imgbox{width: 100%;} .proinfo01 .text{width: 100%;margin-top: 30px;} .proinfo01 .text h3{font-size: 20px;padding: 0;} .proinfo01 .text h3::before{display: none;} .proinfo01 .text .info{padding-left: 0;} .proinfo01 .text .link{padding-left: 0;} .proinfo01 .text .more{height: 36px;line-height: 36px;font-size: 14px;} .proinfo01 .text .info p{font-size: 14px;line-height: 24px;} .proinfo02wrap li .top{padding: 20px 0;} .proinfo02wrap li .top h3{font-size: 18px;} .proinfo02{padding: 30px 0;} .proinfo02 .text01 p{font-size: 14px;line-height: 24px;} .proinfo02 .text01 p::before{top: 9px;} .proinfo02 .imglist{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .proinfo02 .imglist a{width: 100%;margin-right: 0;margin-bottom: 30px;} .proinfo02 .imglist a:last-child{margin-bottom: 0;} .proinfo02wrap{padding-bottom: 50px;} .proinfo02 .imglist a h3{font-size: 16px;} /* about */ .about01 li,.about01 li:nth-of-type(2n){-webkit-flex-flow: column-reverse;flex-flow: column-reverse;} .innerbanner{padding-top: 64px;} .innerbanner img{height: 250px;width: auto;min-width: 100%;} .innerbanner .text{margin-top: 32px;} .innerbanner .text h3{font-size: 26px;} .about01{width: 96%;margin: 50px auto;} .about01 li .imgbox{width: 100%;} .about01 li .text{width: 100%;padding: 0;margin-top: 30px;} .about01 li .imgbox::before{display: none;} .about01 li .text span{font-size: 80px;} .about01 li .text .top h3{font-size: 20px;margin-bottom: 20px;} .about01 li .text h4{font-size: 14px;line-height: 24px;} .about01 li{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #DDDDDD;} .about01 li:nth-of-type(2n) .text{padding: 0;} .about01 li:last-child{padding-bottom: 0;margin-bottom: 0;border: none;} .idea01{margin: 50px auto 0;} .idea02{margin: 50px auto 0;} .idea01::after{display: none;} .idea01 .text{margin-bottom: 30px;} .idea01 .imgbox img{width: auto;min-width: 100%;height: 250px;} .idea02wrap{margin-top: 50px;padding: 50px 0;} .idea02{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .idea02 .item{width: 50%;box-sizing: border-box;border: 1px solid #9dafc9;padding: 20px 10px;} .idea02::before{display: none;} .idea02 .item h3{margin: auto;} .idea02 .item:nth-of-type(2n){border-left: none;} .idea02 .item:nth-of-type(1),.idea02 .item:nth-of-type(2){border-bottom: none;} .idea02 .item h3{width: 120px;height: 120px;} .innovate01{background-attachment: scroll;box-sizing: border-box;padding: 50px 2%;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .innovate01 a{width: 100%;border: 1px solid #6d87b6;margin-bottom: 2%;} .innovate01 a:last-child{margin-bottom: 0;} .innovate01 a{padding: 30px 20px;} .security01{margin: 50px auto;-webkit-flex-flow: column-reverse;flex-flow: column-reverse;} .security01 .imgbox{width: 100%;} .security01 .text{width: 100%;margin-top: 30px;} .s-tl{font-size: 18px;line-height: 28px;} .security01 .text h4{font-size: 14px;line-height: 24px;margin-bottom:30px;} .security01 .text h3{margin-bottom: 20px;} .security01 .text .img img{height: 40px;} .security01 .text .img p{font-size: 14px;} .security02{padding: 50px 0;} .security02 .cont{width: 100%;padding-right: 0;} .security02::before{width: 100%;} .security02 .cont h3{margin-bottom: 20px;} .security02 .cont p{font-size: 16px;margin-bottom: 20px;} .security02 .cont h4{font-size: 14px;} .security03wrap{margin: 50px auto;} .security03{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .security03 a{width: 100%;margin-right: 0;margin-bottom: 2%;} .security03 a:last-child{margin-bottom: 0;} /* 联系 */ .contact01wrap{padding: 50px 0;} .contact01{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .contact01 .left{width: 100%;padding: 30px 20px;} .c-top{font-size:20px;} .contact01 .left ul li h3{font-size: 18px;margin-bottom: 10px;} .contact01 .left ul li{margin-bottom: 20px;} .contact01 .left ul li:last-child{margin-bottom: 0;} .contact01 .right{padding: 30px 20px;width: 100%;margin-top: 30px;} .wpcf7-form input{height: 40px;font-size: 14px;} .wpcf7-form .more{width: 140px;height: 36px;line-height: 36px;} .contact02{margin: 50px auto;height: 400px;} .join01{margin: 50px auto;} .join01 a{width: 100%;padding: 30px 20px;margin-bottom: 2%;} .join01 a h3{font-size: 18px;margin-bottom: 20px;} .join01 a .cont{padding-bottom: 50px;margin-bottom: 20px;} .join01 a span{display: none;} .join01 a .cont li{padding: 0 10px;font-size: 14px;} .join01 a font{font-size: 14px;} .join01 a:last-child{margin-bottom: 0;} .joininfo01{width: 96%;padding: 50px 0;} .joininfo01 .top h3{font-size: 20px;} .joininfo01 .top a{width: 40px;height: 40px;} .joininfo01 .top{margin-bottom: 30px;} .joininfo01 .cont li h3{font-size-adjust: 16px;} .joininfo01 .cont li .min p{font-size: 14px;line-height: 26px;} .distributor01{margin: 50px auto;} .distributor01 a{width: 100%;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .distributor01 a .imgbox{width: 100%;height: 250px;} .distributor01 a .text{padding: 30px 20px;width: 100%;} .distributor01 a .text .bot{margin-top: 20px;} .distributor01 a .text .bot p{font-size: 18px;line-height: 28px;} .distributor01 a:last-child{margin-bottom: 0;} .feedback01{-webkit-flex-flow: column-reverse;flex-flow: column-reverse;margin: 50px auto;} .feedback01 .imgbox{width: 100%;} .feedback01 .text{width: 100%;margin-right: 0;padding: 30px 20px;} .feedback01 .text h3{font-size: 18px;line-height: 28px;} .footer .f-bot h3 { display: flex; align-items: center; flex-flow: wrap; justify-content: center; } .footer .f-bot h3 {height: auto;} }