@media(max-width: 760px) {
html{
width: 100%;
overflow-x: hidden;
zoom: 1;
}
.center{
width: 100%;
box-sizing: border-box;
padding: 0 20px;
}
.head_top form{
display: none;
}
.head_top ul{
flex: 1;
}
.head_top ul li:nth-child(2){
display: none;
}
.head_bottom{
height: 50px;
padding: 10px 0;
box-sizing: border-box;
}
.head_bottom .center img{
width: 60px;
margin-bottom: 4px;
}
.head_bottom .center .nav{
width: 100%;
display: none;
position: absolute;
top: 90px;
left: 0;
z-index: 9;
background-color: white;
border-top: 1px solid #144973;
}
.head_bottom .nav li{
margin-left: 20px;
padding: 20px 0;
}
.head_bottom .center .mobile {
font-size: 26px;
color: #0052d9;
text-align: center;
width: 30px;
}
.head_bottom .center .mobile li {
width: 30px;
height: 3px;
background-color: #0052d9;
margin: 6px 0;
}
.swiper-button-prev,.swiper-button-next{
display: none;
}
.brand{
padding: 20px 0;
}
.title_index h3{
font-size: 22px;
left: 20px;
}
.title_index h4{
font-size: 22px;
font-weight: 500;
padding-top: 12px;
}
.title_index a{
font-size: 14px;
height: 32px;
line-height: 32px;
padding-left: 15px;
padding-right: 46px;
}
.title_index a::after{
top: -2px;
right: 12px;
}
.brand_main{
margin-top: 20px;
}
.brand_main .item{
width: 50%;
}
.youshi{
padding: 20px 0;
padding-bottom: 90px;
}
.youshi .youshi_main{
margin-top: 20px;
}
.youshi .youshi_main #swiper_2 h3{
font-size: 26px;
padding-bottom: 14px;
margin-bottom: 16px;
}
.youshi .youshi_main #swiper_2 h3::after{
height: 2px;
}
.youshi .youshi_main #swiper_2 p{
font-size: 18px;
}
.youshi .youshi_main #swiper_2 .swiper-slide{
flex-wrap: wrap;
}
.youshi .youshi_main #swiper_2 .youshi_text,
.youshi .youshi_main #swiper_2 .youshi_img{
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.youshi .youshi_main #thumbs{
width: 100%;
left: 0;
bottom: -90px;
padding: 0px;
box-sizing: border-box;
}
.youshi .youshi_main #thumbs .youshi_icon{
width: 30px;
margin-bottom: 10px;
}
.youshi .youshi_main #thumbs .youshi_icon img{
width: 60px;
}
.youshi .youshi_main #thumbs p{
font-size: 13px;
}
.youshi .swiper-slide-thumb-active img{
margin-left: -30px;
}
.youshi .youshi_main #thumbs .swiper-slide{
padding: 10px 0;
}
.case h2{
top: 20px;
left: 20px;
font-size: 24px;
}
.case #swiper_3 .swiper-slide{
height: 400px;
overflow: hidden;
}
.case .swiper .swiper-slide>img{
height: 100%;
margin-left: -50%;
}
.case .case_anniu{
position: inherit;
}
.case .swiper-slide .text{
top: 76px;
left: 0;
box-sizing: border-box;
padding: 0 20px;
}
.case .swiper-slide .text p{
font-size: 14px;
}
.case .swiper-slide .text a{
font-size: 18px;
padding: 10px 20px;
margin-top: 90px;
}
.case .case_anniu #thumbs_2{
padding: 0;
}
.case_anniu #thumbs_2 .swiper-slide{
padding: 10px 0;
}
.case_anniu #thumbs_2 .swiper-slide p{
font-size: 12px;
margin-top: 10px;
}
.case_anniu #thumbs_2 .swiper-slide .case_icon{
width: 40px;
}
.case_anniu #thumbs_2 .swiper-slide .case_icon img{
width: 80px;
}
.case .case_anniu .swiper-slide-thumb-active img{
margin-left: -40px;
}
.hezuo{
padding-top: 20px;
padding-bottom: 30px;
}
.hezuo .title_index h3{
left: 0;
}
.hezuo .title_index h4{
font-size: 16px;
margin-top: 18px;
}
.hezuo .title_index p{
width: 140%;
font-size: 16px;
line-height: 20px;
margin-bottom: 24px;
}
.hezuo .hezuo_box .item{
width: 33.333%;
}
.hezuo .hezuo_box .item img{
width: 100%;
}
.indexmap{ width: 100%;}
footer .foot_top{
flex-wrap: wrap;
padding-top: 10px;
}
.foot_top ul:first-child li{
font-size: 16px;
line-height: 34px;
}
.foot_top ul:first-child li:first-child{
font-size: 20px;
}
.foot_top ul:last-child li img{
/* width: 100%; */
margin-left: -27%;
height: 270px;
}
.foot_bottom ul:nth-child(2){
display: none;
}
.foot_bottom ul{
font-size: 14px;
line-height: 40px;
}
/* 产品咨询 */
.nei_banner img{
width: 100%;
}
.pro_main{
padding: 20px 0;
}
.pro_main .brand_nav{
position: relative;
overflow: visible;
height: 40px;
}
.pro_main .brand_nav ul{
display: none;
position: absolute;
top: 40px;
left: 0;
width: 100%;
padding: 0 15px;
}
.pro_main .brand_nav ul li{
margin-right: 0;
float: left;
line-height: 40px;
padding: 0 10px;
}
.pro_main .brand_nav ul li a{
font-size: 16px;
line-height: 40px;
}
.pro_main .brand_nav h3{
width: 100%;
font-size: 20px;
line-height: 40px;
}
.pro_main .brand_nav p{
display: none;
}
.brand_jieshao{
padding-top: 20px;
flex-wrap: wrap;
}
.brand_jieshao .jieshao_img{
width: 100%;
}
.brand_jieshao .jieshao_img img{
width: 100%;
}
.brand_jieshao .jieshao_text{
width: 100%;
padding-top: 20px;
}
.brand_jieshao .jieshao_text h3{
font-size: 24px;
margin-bottom: 20px;
}
.brand_jieshao .jieshao_text p{
font-size: 16px;
}
.pro_list{
padding-top: 30px;
}
.pro_list .pro_item{
width: 47%;
margin-right: 20px;
padding: 6px;
margin-bottom: 20px;
}
.pro_list .pro_item:nth-child(2n){
margin-right: 0;
}
.pro_list .pro_item .pro_img img{
width: 100%;
}
.pro_list .pro_item a>p{
font-size: 16px;
line-height: 40px;
margin-bottom: 1px;
}
.pro_list .pro_item .pro_text{
display: none;
}
.pager{
padding: 10px 0;
}
.pager>a{
padding: 0 10px;
}
/* 产品详情 */
.pro_deails .deails_top{
flex-wrap: wrap;
padding-top: 20px;
}
.pro_deails .deails_top .top_left{
width: 100%;
}
.pro_deails .deails_top .top_right{
width: 100%;
}
.pro_deails .deails_top .top_right h3{
font-size: 20px;
line-height: 50px;
margin-bottom: 20px;
}
.pro_deails .deails_top .top_right ul li:first-child{
font-size: 18px;
}
.pro_deails .deails_top .top_right ul li{
font-size: 16px;
}
.pro_deails .deails_bottom{
padding-top: 10px;
padding-bottom: 40px;
}
.pro_deails .deails_bottom .deails_title h3{
font-size: 22px;
}
.pro_deails .deails_bottom .deails_title>p{
margin-bottom: 15px;
font-size: 16px;
line-height: 26px;
}
.pro_deails .deails_bottom>p{
font-size: 16px;
}
.pro_tuijian{
padding-top: 30px;
padding-bottom: 10px;
}
.caigou_main .main_1{
padding: 40px 20px;
}
.caigou_main .main_1 h3{
font-size: 20px;
}
.caigou_main .main_1>p{
font-size: 16px;
margin: 20px 0;
}
.caigou_main .main_1 ul li{
margin-right: 10px;
}
.caigou_main .main_1 ul li img{
height: 30px;
}
.caigou_main .main_1 ul li p{
font-size: 20px;
}
.caigou_main .main2_item .center{
flex-wrap: wrap;
padding: 0;
}
.caigou_main .main2_item .main2_img{
width: 100%;
}
.caigou_main .main2_item .main2_img img{
width: 100%;
}
.caigou_main .main2_item .main2_img .img_text{
width: 100%;
padding: 20px;
}
.caigou_main .main2_item .main2_img .img_text h4{
font-size: 20px;
margin-bottom: 24px;
}
.caigou_main .main2_item .main2_img .img_text p{
font-size: 16px;
line-height: 24px;
}
.caigou_main .main2_item .main2_img .img_text img{
display: none;
}
.caigou_main .main2_item .main2_text{
width: 100%;
padding: 20px;
}
.caigou_main .main2_item .main2_text h3{
font-size: 30px;
margin-bottom: 20px;
}
.caigou_main .main2_item .main2_text .p1{
font-size: 20px;
margin-bottom: 20px;
}
.caigou_main .main2_item .main2_text .p2{
font-size: 18px;
line-height: 24px;
}
.caigou_main .main2_item .main2_text ul{
margin: 20px 0;
justify-content: space-between;
}
.caigou_main .main2_item .main2_text ul li,
.caigou_main .main2_item .main2_text ul li:last-child{
margin: 0;
}
.caigou_main .main2_item .main2_text .p3{
font-size: 16px;
line-height: 24px;
}
.caigou_main .main2_item:nth-child(2n) .main2_text{
padding: 20px;
}
.caigou_main .main2_item:nth-child(2n) .main2_img{
order: 0;
}.caigou_main .main2_item:nth-child(2n) .main2_img .img_text{
padding: 20px;
}
.caigou_main .main_3{
padding: 50px 0;
}
.caigou_main .main_3 .main3_title p{
font-size: 18px;
line-height: 30px;
padding: 0 15px;
margin-bottom: 40px;
}
.caigou_main .main_3 .number ul{
flex-wrap: wrap;
}
.caigou_main .main_3 .number ul li{
width: 50%;
padding: 0;
text-align: center;
margin-bottom: 30px;
}
.caigou_main .main_3 .number .numCX{
font-size: 30px;
}
.caigou_main .main_3 .number .indc{
font-size: 18px;
margin-top: 10px;
}
.caigou_main .main_3 .number ul li::after{
display: none;
}
.caigou_main .main_4{
padding: 50px 0;
}
.caigou_main .main_4 h3{
font-size: 24px;
font-weight: 500;
line-height: 30px;
padding: 0 20px;
margin: 46px 0;
}
/* 关于我们 */
.nei_nav{
padding: 20px 0;
}
.nei_nav .nei_nav_box p{
display: none;
}
.nei_nav .nei_nav_box ul{
width: 100%;
}
.nei_nav ul li a{
margin-right: 0;
}
.nei_nav ul li .nei_nav_ac::after{
bottom: -6px;
}
.about_main .main_1{
flex-wrap: wrap;
padding-top: 30px;
padding-bottom: 30px;
}
.about_main .main_1 .about_text{
width: 100%;
}
.about_main .main_1 .about_img,
.about_main .main_1 .about_img img
{
width: 100%;
}
.about_main .main_1 .about_text h3{
font-size: 30px;
}
.about_main .main_1 .about_text h4{
font-size: 24px;
margin-bottom: 20px;
}
.about_main .main_1 .about_text p{
font-size: 15px;
}
.about_main .main_2{
padding-bottom: 0;
}
.about_main .main_2 .main2_title h3{
font-size: 24px;
}
.about_main .main_2 .main2_title p{
font-size: 16px;
}
.about_main .main_2 .pic_item{
padding-top: 20px;
flex-wrap: wrap;
}
.about_main .main_2 .pic_item .pic_left,
.about_main .main_2 .pic_item .pic_left img{
width: 100%;
margin-bottom: 10px;
}
.about_main .main_2 .pic_item .pic_right,
.about_main .main_2 .pic_item .pic_right img{
width: 100%;
}
.about_main .main_2 .pic_item .pic_right .item{
margin-bottom: 20px;
}
.about_main .main_3{
padding-top: 60px;
padding-bottom: 50px;
}
.about_main .main_3 h3{
font-size: 24px;
padding: 0 20px;
margin-bottom: 50px;
}
.about_main .main_3 ul{
flex-wrap: wrap;
}
.about_main .main_3 ul li{
width: 48%;
padding: 0;
margin-bottom: 20px;
}
.about_main .main_3 .numCX{
font-size: 30px;
}
.about_main .main_3 .indc{
font-size: 18px;
margin-top: 10px;
}
.about_main .main_3 .number .kuang{
width: 80%;
margin: 0 auto;
}
.about_main .main_3 .unitC{
font-size: 20px;
}
/* 企业文化 */
.wenhua_main{
padding: 30px 0;
}
.wenhua_main .wenhua_title h3{
font-size: 26px;
}
.wenhua_main .wenhua_title p{
font-size: 16px;
}
.wenhua_main .wenhua_box{
padding-top: 20px;
flex-wrap: wrap;
}
.wenhua_main .wenhua_item{
width: 100%;
padding: 0 20px;
box-sizing: border-box;
height: 500px;
margin-bottom: 20px;
}
.wenhua_main .wenhua_item .p1{
font-size: 14px;
}
/* 联系我们 */
.contact_main{
padding-top: 30px;
padding-bottom: 0px;
}
.contact_main .ditu h3{
font-size: 24px;
margin-bottom: 20px;
}
.contact_main .dizhi_box{
padding-top: 30px;
}
.contact_main .dizhi_box .dizhi_item{
width: 100%;
padding: 10px 10px;
border-radius: 20px;
padding-left: 20px;
}
.contact_main .dizhi_box .dizhi_item ul li{
font-size: 16px;
line-height: 40px;
}
}