@media screen and (max-width:1300px){ .w_1200,.irecord_b{ max-width: 1000px;} .w1200{ max-width: 1000px;} } @media screen and (max-width:1200px){ .liul a.tongj{width: 105px;font-size: 14px;} #header .header-nav li{margin: 0;} #header .header-nav li>a{font-size: 15px;} #header .header-nav li>a{padding: 0 10px;} .liul p{width: 200px;} .liul p input{width: 200px;} } @media screen and (max-width:1024px){ .w_1200,.irecord_b{ max-width:800px;} .w1200{ max-width:800px;} .irecord_b{flex-wrap: wrap;} .iabout .abimg-wrap .img3{width: 60px;} .iabout .abimg-wrap .img1{width: 225px;padding-left: 75px;} .icont_rig form{max-width: 470px;} .foot_b .foot_right{width: 160px;} .foot_b .foot_center{margin-left: 50px;width: 350px;} #bannerTop .banner-content .title{font-size: 45px;} .copyright p{flex-wrap: wrap;padding: 10px 0;line-height: 24px;} } /*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/ .apphead{display: none;} .sp_header{height:45px;overflow:hidden;background:#fff;/*position:fixed;*/z-index:10;width:100%;} /*.sp_logo{padding:10px;float:left;height:50px} .sp_logo img{margin:auto;max-height:30px;}*/ .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:12px} .sp_nav span{display:block;background:#0e0b64;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s} .sp_nav span:nth-of-type(1){top:0px} .sp_nav span:nth-of-type(2){top:10px} .sp_nav span:nth-of-type(3){top:20px} .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)} .sjj_nav{position:fixed;z-index:9;background:#f7f9fc;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0; overflow:auto;overflow-x:hidden;transition:top ease 0.35s;} .nav_show{top:125px} .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)} .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px} .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;} .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{border-top:1px #ddd solid;margin-left:15px;position:relative;line-height:40px;font-size:14px} .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;} .sjj_nav ul li ul{display:none} .sjj_nav ul li a{color:#000;width:80%} .sjj_nav ul li ul li a{color:#222;display:block;text-align:left;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#0E0B64} .sjj_nav ul li ul li>ul{margin-left:10px} /*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/ @media screen and (max-width:991px){ .apphead_con{position: inherit !important;} .apphead{display: block;position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 999;border-bottom: 1px solid #ddd;} .apphd_w{width:100%;padding: 0 60px;} header{display: none !important;} .apphd_top{width: 100%;height: 75px;display: flex;justify-content: space-between;align-items: center;padding: 5px 0;} .apphd_top a.aplogo{display: block;height:65px;} .apphd_top a.aplogo img{display: block;height: 100%;} .apphd_top a.tongj{width: 120px;height: 35px;background: #EF7729;text-align: center;line-height: 35px;color: #fff !important;font-size: 15px;border-radius: 5px;display: block;} .apphd_bot{width: 100%;height:50px;border-top: 1px solid #eee;display: flex;justify-content: space-between;align-items: center;} .appsear{width: 300px;} .appsear p{width: 100%;position: relative;border: 2px solid #0e0b64;height: 35px;} .appsear p input{width: 100%;border: none;position: absolute;top: 0;left: 0;height: 31px;padding: 0 45px 0 5px;} .appsear p a{position: absolute;top: 0px;right: 0;height: 31px;background: #0E0B64;width: 40px;display: flex;justify-content: center;align-items: center;} .appsear p a img{display: block;width: 22px;} .apphead_con .apphd_top{height: 85px;} .apphead_con .apphd_top a.aplogo{height:75px;} .apphead_con .nav_show {top: 135px;} .wrapper03 .scroller li.active a:after, .wrapper03 .scroller li.active a:before, .wrapper03 .scroller li:hover a:after, .wrapper03 .scroller li:hover a:before {width: 100%;} } @media screen and (max-width:768px){ .w_1200,.irecord_b{ max-width:100%;padding: 0 40px;} .w1200{ max-width:100%;padding: 0 40px;} .apphd_w{padding: 0 40px;} .ipro_ul .ipro_li{width: calc(50% - 30px);} .ipro_ul .ipro_li:nth-child(3){display: none;} .product .ipro_ul .ipro_li:nth-child(3){display: block;} .icontact .icont_rig{display: none;} .icont_txt .icont_li {float: left;width: 50%;} #banner .swiper-slide .title{font-size: 32px;} #banner .swiper-slide .desc .txt-en{letter-spacing: 3px;} #banner .swiper-slide .desc .txt-en span{font-size: 14px;} .foot_b .foot_right {width: 190px;} } @media screen and (max-width:767px){ .iabout .abimg-wrap{display: none;} .iabout .iabtext{width: 100%;margin: 0;} .ipro_tit h3{font-size: 25px;margin-bottom: 0;} .ipro_tit p{font-size: 16px;line-height: 25px;} .foot_b{flex-wrap: wrap;} .foot_b .foot_left{width: 100%;} .foot_b .foot_center{width: 100%;margin-left: 0;margin: 15px 0;} .cont_b .cont_le,.cont_b .cont_rig{float: none;width: 100%;} .cont_b .cont_rig{margin-top: 30px;} .wrapper03 .scroller li a{margin-right: 15px;} .wrapper03{overflow: inherit;} .prodet_b table tr td{padding: 5px;} .prodet_b table tr td p.ptit{font-size: 15px;width: 75px;} .prodet_b table tr td p.pneir{font-size: 14px;} } @media screen and (max-width:450px){ .w_1200,.irecord_b,.w1200{padding: 0 15px;} .apphd_w{padding: 0 15px;} #banner .swiper-slide .slide-content{bottom: 200px;left: 20px;} #banner .swiper-slide .title{font-size:26px;letter-spacing: 3px;} #banner .swiper-slide .desc .txt-en{letter-spacing:0px;} #banner .swiper-slide .desc .txt-en span{font-size: 13px;} .iabout .iabtext p:last-of-type{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .ism_b .ism_img img{width: 72px;} .ism_b h2{font-size: 28px;} .ism_b p{font-size: 18px;margin-top: 5px;} .ipro .tab .tab-nav{height: 40px;} .ipro .tab .tab-nav a{width: 38%;line-height: 40px;font-size: 15px;} .ipro .tab .tab-nav a:first-of-type{width: 24%;} .ipro .tab .tab-nav a.current:before{left: auto;width: 100%;} .ipro_ul .ipro_li{width: calc(50% - 10px);margin: 5px;} .ipro_ul .ipro_li .ipro_img{height: 135px;} .ipro_ul .ipro_li .ipro_txt h4{font-size: 15px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .ipro_ul .ipro_li .ipro_txt p{font-size: 14px;line-height: 21px;margin-top: 0;} .icont_txt{display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;} .icontact{padding-top: 30px;} .icont_le .icont_tit h3{font-size: 28px;margin-bottom: 5px;} .icont_le .icont_tit h4{font-size: 20px;margin-bottom: 5px;} .irecord_le{flex-wrap: wrap;} .appsear{width: 240px;} .icont_txt .icont_li .icont_litxt p span{display: block;} .icont_txt .icont_li img{margin-right: 10px;} .icont_txt .icont_li:nth-child(3),.icont_txt .icont_li:nth-child(4){width: 100%;} .icont_txt .icont_li.iewm .icont_litxt p img{width: 95px;} .icont_txt .icont_li.iewm{display: none;} .section-top{margin-bottom: 5px;} #bannerTop .banner-content .title{font-size: 32px;margin-bottom: 5px;} #bannerTop .banner-content .title-small{font-size: 18px;} .ab_tit h3,.cont_b .cont_le h3,.cont_b .cont_rig h3,.pro_tit h3{font-size: 25px;} .about .about_b .ab_txt p{font-size: 15px;line-height: 28px;} .accordion .link{padding: 10px;} .submenu_txt{padding: 10px;} .wrapper03 .scroller li a{font-size: 15px;} } @media screen and (max-width:413px){ .product .ipro_ul .ipro_li{width: 100%;margin: 10px 0;} .product .ipro_ul .ipro_li .ipro_img {height: 140px;} } @media screen and (max-width:390px){ #banner .swiper-slide .title{letter-spacing: 0;} .ipro .tab .tab-nav a:last-of-type{width: 30%;} .ipro .tab .tab-nav a{width: 46%;} .ipro .tab{margin-top: 10px;} .irecord_le a{font-size: 13px;} } @media screen and (max-width:340px){ #banner .swiper-slide .title{font-size: 22px;} .iabout .iabtext p:last-of-type{display: none;} .ipro_ul .ipro_li .ipro_img{height: 75px;} .ipro .tab .tab-nav a{font-size: 14px;} .ipro_ul .ipro_li .ipro_txt h4{font-size: 14px;line-height: 21px;} .ipro_ul .ipro_li .ipro_txt{height: 65px;} .list-text .more-btn-txt, .page-third .more-btn-txt{font-size: 15px;} }