/******banner*****/ .banner{position: relative;} .banner img{width: 100%;} .banner .carousel{} .video-js{ } .video-js .vjs-big-play-button{width: 60px;height: 60px;border-radius:50%;margin-top:-30px;margin-left: -30px;font-size: 40px;border:2px solid #fff;;} /* #bannerCarousel .carousel-indicators{position: static;width: auto;margin: 0;} #bannerCarousel .carousel-indicators li{background-color: #ffffff;margin: 0 3px;} #bannerCarousel .carousel-indicators li.active{background-color: #dc2c29;border-color: #dc2c29; } */ .section-index{padding: 120px 0;} .section-head{padding-bottom: 30px;text-align: center;} .section-head h2{font-size: 50px;color: #303439; font-family: "SourceHanSans-Bold"; line-height: 60px;margin-bottom: 10px; } .section-head p{font-size: 18px; color: #303439; } .section-body{ } .section-solution{ } .section-solution .section-head{ } .section-solution .solution-body{} .solution-body .nav-tabs{border-bottom: none;margin-bottom: 40px;display: flex;justify-content: center;} .solution-body .nav-tabs li{width: 275px;height: 80px;float: none;margin: 0;} .solution-body .nav-tabs li a{ background-color: #f5f5f5; position: relative; padding: 25px 15px;line-height: 30px;text-align: center;border: none;margin: 0;border-radius: 0;font-size: 20px;} .solution-body .nav-tabs li:nth-child(odd) a{ background-color: #eeeeee;} .solution-body .nav-tabs li.active a{background-color: #c00000;color: #fff;border: none;} .solution-body .nav-tabs li a:hover{border: none;} .solution-body .nav-tabs li.active a:after{content: '';display: block;width: 20px;height: 15px;background-color: #c00000; clip-path: polygon(0 0, 100% 0, 50% 100%, 0 0); position: absolute;top: 99%;left: 50%;margin-left: -10px;} .solution-body .tab-content{} .solution-body .tab-content .tab-pane .flexbox{ } .solution-body .tab-content .solution-type{padding: 10px 12px 12px 0; flex-basis: 47%; } .solution-body .tab-content .solution-type .txt{line-height: 30px;padding: 20px 10px;background-color: #c00000;color: #fff;font-size: 20px; text-align: center;} .solution-body .tab-content .solution-list{flex: 1;} .solution-body .tab-content .solution-list ul{display: flex;flex-wrap: wrap;} .solution-body .tab-content .solution-list ul li{width: 50%;padding:8px 12px; display:none} .solution-body .tab-content .solution-list ul li:nth-child(1),.solution-body .tab-content .solution-list ul li:nth-child(2),.solution-body .tab-content .solution-list ul li:nth-child(3),.solution-body .tab-content .solution-list ul li:nth-child(4){display:block} .solution-body .tab-content .solution-list ul li .txt{ padding: 10px; height:64px; line-height:44px; background-color: #dcdcdc;text-align: center;} .solution-body .tab-content .solution-list ul li .txt p{line-height: 24px;height: 48px;overflow: hidden;} .solution-body .tab-content img{ max-width: 100%;} .solution-onoff{ width: 1080px;margin: 50px auto 0;} .solution-onoff .flexbox{justify-content: space-between;} .solution-onoff .cont{width: 440px;text-align: center; } .solution-onoff .cont img{max-height: 250px;} .solution-onoff .imgbox{width: 560px; position: relative;overflow: hidden;padding-top: 30px;} .solution-onoff .imgbox .swiper { } .solution-onoff .imgbox .swiper .swiper-slide {width: 360px;height: 211px; } .solution-onoff .imgbox .swiper .swiper-slide img{max-width: 100%; display:block; height: 100%; width: 100%;} .solution-onoff .imgbox .swiper-button-box{ position: relative;margin: 10px auto;display:flex;align-items: baseline;justify-content: center;} .solution-onoff .imgbox .swiper-pagination {position: static;margin: 0 5px;} .solution-onoff .imgbox .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: none; background-color: #434343; width: 10px;height: 10px;opacity: 1;} .solution-onoff .imgbox .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #cc0001;} .solution-onoff .imgbox .swiper-button{position: static; --swiper-navigation-size: 16px;--swiper-navigation-color:#c00000 ; font-weight: bold;} .solution-onoff .nav-tabs{border-bottom: none;margin-top: 20px;display: flex;justify-content: center;} .solution-onoff .nav-tabs li{ float: none;margin: 0;flex: 1;} .solution-onoff .nav-tabs li a{ background-color: #f5f5f5; position: relative;padding: 10px 0; text-align: center;border: none;margin: 0;border-radius: 0;} .solution-onoff .nav-tabs li a i{font-size: 30px;} .solution-onoff .nav-tabs li:nth-child(odd) a{ background-color: #eeeeee;} .solution-onoff .nav-tabs li.active a{background-color: #c00000;color: #fff;border: none;} .solution-onoff .nav-tabs li a:hover{border: none;} .solution-onoff .nav-tabs li.active a:before{content: '';display: block;width: 14px;height: 12px;background-color: #c00000; clip-path: polygon(50% 0, 100% 100%, 0 100%, 50% 0); position: absolute;bottom: 99%;left: 50%;margin-left: -8px;} .section-zixun{background-color: #d6e3e9;padding: 120px 0; } .section-zixun .zixun-body{display: flex;align-items: center;justify-content: space-around;} .section-zixun .txtbox{} .section-zixun .txtbox h2{font-size: 40px;color: #303439; font-family: "SourceHanSans-Bold"; line-height: 60px; } .section-zixun .txtbox p{font-size: 18px; color: #303439; } .section-zixun .telbox{display: flex; border: 1px solid #ccc;width: 600px;text-align: center;} .section-zixun .telbox .tel{width: 50%;font-weight: bold;display: flex;justify-content: center;padding:10px 0; } .section-zixun .telbox .tel i{font-size: 45px;height: 60px; color: #c00000; margin-right: 10px;} .section-zixun .telbox .tel p{font-size: 22px;line-height: 30px; } .section-zixun .telbox .link{width: 50%;font-size: 20px; font-family: "SourceHanSans-Bold"; border-left: 1px solid #ccc;padding:10px 0;line-height: 60px;} .section-youshi{background-color: #f5f5f5;padding: 100px 0;} .youshi-body{position: relative;} .youshi-type{ width: 600px;height: 600px; padding: 60px;border-radius: 50%;border: 1px solid #e5e5e5;margin: auto;} .youshi-type .box{width: 100%;height: 100%;border-radius: 50%;display: flex;flex-wrap: wrap;} .youshi-type .box{box-shadow: 0 0 8px 5px #ccc;} .youshi-type .box .item{width: 50%;border: 4px solid #fff;position: relative;overflow: hidden;} .youshi-type .box .item .cont{cursor: pointer;width: 100%;height: 100%;position: absolute;z-index: 1; top: 0;left: 0;background-color: rgba(0, 0, 0, 0.4); } .youshi-type .box .item h3{font-size: 30px;font-family: "SourceHanSans-Bold"; color: #fff;} .youshi-type .box .item:nth-child(1){background: url(../images/youshi1.png) center center / 100% auto;border-top-left-radius: 100%;} .youshi-type .box .item:nth-child(2){background: url(../images/youshi2.png) center center / 100% auto;border-top-right-radius: 100%;} .youshi-type .box .item:nth-child(3){background: url(../images/youshi3.png) center center / 100% auto;border-bottom-left-radius: 100%;} .youshi-type .box .item:nth-child(4){background: url(../images/youshi4.png) center center / 100% auto;border-bottom-right-radius: 100%;} .youshi-type .box .item:nth-child(1) .cont{border-top-left-radius: 100%;} .youshi-type .box .item:nth-child(2) .cont{border-top-right-radius: 100%; } .youshi-type .box .item:nth-child(3) .cont{border-bottom-left-radius: 100%; } .youshi-type .box .item:nth-child(4) .cont{border-bottom-right-radius: 100%; } .youshi-type .box .item:nth-child(1) h3{float: right;margin-top: 55%;margin-right: 50px;} .youshi-type .box .item:nth-child(2) h3{float: left;margin-top: 55%;margin-left: 50px;} .youshi-type .box .item:nth-child(3) h3{float: right;margin-top: 30%;margin-right: 50px;} .youshi-type .box .item:nth-child(4) h3{float: left;margin-top: 30%;margin-left: 50px;} .youshi-type .box .item.active .cont{background-color: rgba(192, 0, 0, 0.4);cursor:default;} .youshi-list{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 0;display: none;} .youshi-list .item{position: absolute;display: flex; width: 340px;z-index: 11px;} .youshi-list .item i{width: 80px;height: 80px;border-radius: 50%;border: 2px solid #dcdcdc; background:#f5f5f5 url(../images/youshi-item-icon.png) center center no-repeat;} .youshi-list .item .cont{flex: 1;} .youshi-list .item .cont h4{font-size: 24px; font-family: "SourceHanSans-Bold";margin-bottom: 5px; } .youshi-list .item .cont p{font-size: 18px;line-height: 26px;height: 52px;} .youshi-list .item:hover i{border-color: #c00000;background:#f5f5f5 url(../images/youshi-item-icon1.png) center center no-repeat;} .youshi-list .item:hover .cont h4{color: #c00000;} .youshi-list .item:nth-child(odd){flex-direction: row-reverse;text-align: right;} .youshi-list .item:nth-child(odd) .cont{padding-right: 20px;} .youshi-list .item:nth-child(even) .cont{padding-left: 20px;} .youshi-list .item:nth-child(1){top: 20%;right: 70.5%;} .youshi-list .item:nth-child(2){top: 20%;left: 70.5%;} .youshi-list .item:nth-child(3){top: 50%;right: 74%;transform: translateY(-50%);} .youshi-list .item:nth-child(4){top: 50%;left: 74%;transform: translateY(-50%);} .youshi-list .item:nth-child(5){bottom: 20%;right: 70.5%;} .youshi-list .item:nth-child(6){bottom: 20%;left: 70.5%;} .youshi-list.active{display: block;} .youshi-data{display: flex;background-color: #d6e3e9;height:250px; } .youshi-data .item{flex:1;height: 100%; text-align: center;display: flex;flex-direction: column;justify-content: center;} .youshi-data .item:nth-child(even){background-color: #e2ecf1;} .youshi-data .item .num{ } .youshi-data .item .num span{font-size: 54px;font-family: 'Impact';} .youshi-data .item .num sub{font-size: 28px;} .youshi-data .item .txt{font-size:18px;} .section-brand{} .brand-body{margin-top: 30px;} .brand-pane{position: relative;display: none;} .brand-pane.active{display: block;} .brand-pane .img{width: 100%;} .brand-pane .brand-cont{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .brand-pane .brand-cont .container{height: 100%;display: flex;align-items: center;} .brand-pane .brand-cont .box{transform: translateY(-10%); background-color: rgba(204, 0, 0, 0.7);width: 580px;height: 350px;padding: 40px 60px;color: #fff;display: flex;flex-direction: column;justify-content: space-between;} .brand-pane .brand-cont .box h3{font-size: 28px;font-family:"SourceHanSans-Bold";margin-bottom: 10px;} .brand-pane .brand-cont .box p{font-size:18px;line-height: 30px;} .brand-pane .brand-cont .box a{display:flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #f5f5f5;margin-top:10px;} .brand-pane .brand-cont .box a i{font-size: 24px;} .brand-tabs{display: flex;justify-content: center;position: relative;z-index: 9;transform: translateY(-25%);} .brand-tabs li{width: 200px;height: 220px;padding: 15px; background-color:#fff;margin:0 30px;clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);} .brand-tabs li a{display: block;width: 100%;height: 100%; background-color:#333333;padding: 25% 15px;text-align: center; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);} .brand-tabs li img{margin-bottom: 10px;} .brand-tabs li p{font-size: 24px;font-family:"SourceHanSans-Bold";color: #fff;} .brand-tabs li.active a{cursor: default;background-color: #c00000;} .section-case{} .case-list{} .case-list li .box{border: 1px solid #ccc;padding: 30px 25px;display: block;} .case-list li img{max-width: 100%;} .case-list li .txt{padding-top: 30px;} .case-list li .txt h4{line-height: 30px;font-size: 20px;font-family:"SourceHanSans-Bold";margin-bottom: 10px;} .case-list li .txt p{line-height: 26px;} .case-list li a:hover{border:2px solid #c00000;padding:29px 24px;} .case-list li a:hover .txt h4{color: #c00000;} .partner-box{margin-top: 50px;margin-bottom: 30px; position: relative;padding: 0 50px;} .caseSwiper{position: relative; overflow: hidden;} .caseSwiper .swiper-slide{border: 1px solid #ccc;padding: 15px;text-align: center;} .caseSwiper .swiper-slide img{max-width: 100%;} .partner-box .swiper-button{position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%;background-color: #cfcfcf;color: #fff; display: flex;align-items: center;justify-content: center;} .partner-box .swiper-button i{font-size: 24px;} .partner-box .swiper-button-prev1{left: 0;} .partner-box .swiper-button-next1{right: 0;} .partner-box .swiper-button:hover{background-color: #c00000;} .section-about{} .section-about .about-box{display: flex;position: relative;padding-bottom: 40px;} .section-about .about-box:before{content: "";width: 90%;height: 530px;background-color: #f7f7f7; position: absolute;bottom: 0;left: 0;z-index: 0;} .about-head{flex-basis: 360px;z-index: 1;} .about-head .entit{font-size: 56px;color: #eaeaea;font-family: Arial;text-align: right;font-weight: bold;padding-right: 5px; line-height: 56px;} .about-head h2{font-size: 30px;font-family: "SourceHanSans-Medium"; display: flex;align-items: center;} .about-head h2:after{content: '';display: block;height: 2px;width: 110px;background-color: #ccc;margin-left: 10px;} .about-head .about-tabs{margin-top: 30px;margin-bottom: 10px;} .about-head .about-tabs li{padding: 15px 50px;} .about-head .about-tabs li a{display: flex; align-items: center;} .about-head .about-tabs li a span{font-size: 20px;} .about-head .about-tabs li a i{font-size: 50px;margin-right: 20px;} .about-head .about-tabs li.active {color: #c00000;} .about-tabs li a.more{width: 180px;height: 40px;line-height: 40px;background-color: #c00000;display: block;color: #fff; text-align: center;} .about-body{flex: 1;z-index: 1;} .about-pane{display: none;} .about-pane.active{display: block;} .about-body .u-content{color: #666;line-height: 28px;} .section-news{} .section-news .section-head{margin-bottom: 40px;} .news-body{display: flex;box-shadow: 0 0 16px 0px #ccc; } .news-body .news-first{width: 50%;padding-right: 30px;} .news-body .news-first img{max-width: 100%;} .news-body .news-first .cont{padding: 20px 40px;background-color: #c00000;color: #fff;} .news-body .news-first .tit{font-size: 18px;margin-bottom: 5px;} .news-body .news-first .date{font-size: 16px;} .news-body .news-list{width: 50%;padding-left: 30px;padding-right: 50px;} .news-body .news-list li{padding: 15px 0;border-bottom: 1px solid #e1e1e1;} .news-body .news-list li:last-child{border-bottom:none;} .news-body .news-list li .tit{line-height: 30px;height: 30px;overflow: hidden;font-size: 18px; } .news-body .news-list li .date{line-height: 25px;} .section-index .container{max-width:1200px} .section-about .container{max-width:1600px} @media (min-width: 1600px){ .section-about .container{width:1600px} } @media (min-width:992px) and (max-width: 1199px){ .youshi-type{width: 400px;height:400px;padding: 50px;} .youshi-list .item{width: 310px;} .youshi-list .item i{width: 70px;height: 70px;} .youshi-list .item .cont h4{font-size: 20px;} .youshi-list .item .cont p{font-size: 16px;} .youshi-list .item:nth-child(1){top: 10%;right: 63%;} .youshi-list .item:nth-child(2){top: 10%;left: 63%;} .youshi-list .item:nth-child(3){top: 50%;right: 67%; } .youshi-list .item:nth-child(4){top: 50%;left: 67%;} .youshi-list .item:nth-child(5){bottom: 10%;right: 63%;} .youshi-list .item:nth-child(6){bottom: 10%;left: 63%;} .youshi-type .box .item h3{font-size: 22px;} .youshi-type .box .item:nth-child(1) h3{margin-right: 20px;} .youshi-type .box .item:nth-child(2) h3{margin-left: 20px;} .youshi-type .box .item:nth-child(3) h3{margin-right: 20px;} .youshi-type .box .item:nth-child(4) h3{margin-left: 20px;} .brand-pane .brand-cont .box{height: 250px;padding: 30px 40px;} .brand-pane .brand-cont .box h3{font-size: 22px;} .brand-pane .brand-cont .box p{font-size: 16px;} .brand-pane .brand-cont .box a{width: 40px;height: 40px;} .brand-tabs li{margin: 0 15px;} .section-zixun .txtbox h2{font-size: 30px;} .section-zixun .telbox{width: 450px;} .section-zixun .telbox .link{width: 150px;} .section-zixun .telbox .tel{width: auto;flex: 1;} .about-head{flex-basis: 320px;} .about-head .entit{font-size: 44px;line-height: 44px;} .section-about .about-box:before{height: 380px;} .about-head .about-tabs{margin-top: 20px;} .about-head .about-tabs li{padding: 8px 50px;} .about-head .about-tabs li a i{font-size: 40px;} .news-body .news-list li{padding: 11px 0;} .news-body .news-list li .date{line-height: 20px;font-size: 14xp;} .case-list{margin: 0 -5px;} .case-list li{padding: 0 5px;} .case-list li .box{padding: 25px 15px;} .case-list li a:hover{padding: 24px 14px;} .solution-body .nav-tabs{margin-bottom: 20px;} .solution-body .nav-tabs li a{padding: 15px;} .solution-body .tab-content .solution-type{flex-basis: 48.5%;padding: 5px 5px 5px 0;} .solution-body .tab-content .solution-list ul li{padding: 5px;} .solution-onoff{width: 100%;} .solution-onoff .cont{flex: 1;width: auto;margin-left: 20px;} } @media (min-width:1200px) and (max-width: 1439px){ .youshi-type{width: 450px;height:450px;padding: 50px;} .youshi-list .item{width: 330px;} .youshi-list .item .cont h4{font-size: 20px;} .youshi-list .item .cont p{font-size: 16px;} .youshi-list .item:nth-child(1){top: 10%;right: 63%;} .youshi-list .item:nth-child(2){top: 10%;left: 63%;} .youshi-list .item:nth-child(3){top: 50%;right: 67%; } .youshi-list .item:nth-child(4){top: 50%;left: 67%;} .youshi-list .item:nth-child(5){bottom: 10%;right: 63%;} .youshi-list .item:nth-child(6){bottom: 10%;left: 63%;} .youshi-type .box .item h3{font-size: 22px;} .youshi-type .box .item:nth-child(1) h3{margin-right: 20px;} .youshi-type .box .item:nth-child(2) h3{margin-left: 20px;} .youshi-type .box .item:nth-child(3) h3{margin-right: 20px;} .youshi-type .box .item:nth-child(4) h3{margin-left: 20px;} .brand-pane .brand-cont .box{height: 300px;} .section-about .about-box:before{height: 400px;} .about-head .about-tabs li{padding: 10px 50px;} .about-head .about-tabs li a i{font-size: 40px;} .news-body .news-list li{padding: 15px 0;} .solution-body .tab-content .solution-type{flex-basis: 48%;} } @media (min-width:1440px) and (max-width: 1599px) { .youshi-list .item{width: 380px;} .youshi-type{width: 600px;height: 600px;padding: 50px;} .youshi-list .item:nth-child(1){top: 15%;right: 66%;} .youshi-list .item:nth-child(2){top: 15%;left: 66%;} .youshi-list .item:nth-child(3){top: 50%;right: 70%; } .youshi-list .item:nth-child(4){top: 50%;left: 70%;} .youshi-list .item:nth-child(5){bottom: 15%;right: 66%;} .youshi-list .item:nth-child(6){bottom: 15%;left: 66%;} .youshi-list .item:nth-child(even) .cont{padding-left: 20px;} .youshi-list .item:nth-child(odd) .cont{padding-right: 20px;} .section-about .about-box:before{height: 500px;} .news-body .news-list li{padding: 21px 0;} } @media (min-width:1600px){ .youshi-type{width: 600px;height: 600px;padding: 60px;} .youshi-list .item:nth-child(even) .cont{padding-left: 30px;} .youshi-list .item:nth-child(odd) .cont{padding-right: 30px;} .youshi-list .item:nth-child(1){top: 20%;right: 70.5%;} .youshi-list .item:nth-child(2){top: 20%;left: 70.5%;} .youshi-list .item:nth-child(3){top: 50%;right: 74%;transform: translateY(-50%);} .youshi-list .item:nth-child(4){top: 50%;left: 74%;transform: translateY(-50%);} .youshi-list .item:nth-child(5){bottom: 20%;right: 70.5%;} .youshi-list .item:nth-child(6){bottom: 20%;left: 70.5%;} } @media(max-width:991px){ .solution-body .tab-content .solution-type{ padding: 5px 5px 5px 0;flex-basis: 50%;} .solution-body .tab-content .solution-list ul li{padding: 5px;} .solution-body .nav-tabs{margin-bottom: 10px;} .solution-body .nav-tabs li{height: 65px;} .solution-body .nav-tabs li a{padding: 10px;} .solution-onoff{width: 100%;} .solution-onoff .imgbox{width: 440px;padding-top: 0;} .solution-onoff .cont{width: 280px;} .solution-onoff .cont img{max-width: 100%;} .section-zixun{padding: 30px 0;} .section-zixun .zixun-body{flex-direction: column;} .section-zixun .txtbox{margin-bottom: 20px;} .youshi-type{width: 350px;height: 350px;padding: 40px;} .youshi-type .box .item h3{font-size: 18px;} .youshi-list .item{width: 200px;} .youshi-list .item .cont h4{font-size: 20px;line-height: 30px;} .youshi-list .item .cont p{font-size: 16px;line-height: 24px;} .youshi-list .item i{ width: 60px;height: 60px;background-size: 30px 30px;} .youshi-type .box .item:nth-child(1) h3{margin-right: 20px;} .youshi-type .box .item:nth-child(2) h3{margin-left: 20px;} .youshi-type .box .item:nth-child(3) h3{margin-right: 20px;} .youshi-type .box .item:nth-child(4) h3{margin-left: 20px;} .youshi-list .item:nth-child(1){top: 0%;right: 63%;width: 270px;} .youshi-list .item:nth-child(2){top: 0%;left: 63%;width: 270px;} .youshi-list .item:nth-child(3){top: 50%;right: 71%; } .youshi-list .item:nth-child(4){top: 50%;left: 71%;} .youshi-list .item:nth-child(5){bottom: -5%;right: 63%;width: 270px;} .youshi-list .item:nth-child(6){bottom: -5%;left: 63%;width: 270px;} .brand-pane .brand-cont .box{height: 220px;padding: 20px 30px;} .brand-pane .brand-cont .box h3{font-size: 20px;} .brand-pane .brand-cont .box p{font-size: 16px;line-height: 24px;} .brand-pane .brand-cont .box a{width: 40px;height: 40px;} .brand-tabs li{margin: 0 10px;width: 160px;height: 180px;padding: 10px;} .brand-tabs li p{font-size: 20px;} .case-list li{margin-bottom: 30px;} .section-about .about-box{display: block;} .section-about .about-box:before{display: none;} .about-head .about-tabs{display: flex;margin-bottom: 20px;} .about-head .about-tabs li{padding: 0 15px;} .about-head .about-tabs li a i{font-size: 24px;margin-right: 10px;} .about-tabs li a.more{width: auto;padding: 0 15px;} .news-body{display: block;} .news-body .news-first,.news-body .news-list{width: 100%;padding: 0;} .news-body .news-first .cont{padding: 15px 15px;} .news-body .news-list li{padding: 10px 15px;} } @media(max-width:768px){ .section-index{padding: 30px 0;} .section-head h2{font-size: 24px;line-height: 36px;} .section-head p{font-size: 16px;} .solution-body .tab-content .tab-pane .flexbox{display: block;margin: 0 -5px;} .solution-body .tab-content .solution-type{padding: 5px;} .solution-onoff .flexbox{display: block;} .solution-onoff .imgbox{width: 100%;} .solution-onoff .cont{width: 100%;text-align: center;} .section-zixun .txtbox{text-align: center;} .section-zixun .txtbox h2{font-size: 24px;} .section-zixun .telbox{width: 100%;} .section-zixun .telbox .tel{width: auto;flex: 1;} .section-zixun .telbox .link{width: 120px;font-size: 16px;} .section-zixun .telbox .tel p{font-size: 18px;line-height: 26px;} .section-zixun .telbox .tel i{font-size: 40px;} .youshi-type{ height: auto;border-radius: 0;border: none;padding: 0;} .youshi-type .box{width: 270px;height: 270px;margin: auto;} .youshi-list{position:static;margin-top: 20px;} .youshi-list .item{position: static;width: 100%;margin-bottom: 15px;align-items: center;} .youshi-list .item:nth-child(odd){flex-direction: row;} .youshi-list .item:nth-child(odd) .cont{text-align: left;padding-right: 0;padding-left: 20px;} .youshi-list .item:nth-child(3),.youshi-list .item:nth-child(4){transform: translateY(0);} .youshi-data{height: 150px;} .youshi-data .item .num span{font-size: 24px;} .youshi-data .item .num sub{font-size: 16px;} .youshi-data .item .txt{font-size: 14px;line-height: 20px;height: 40px;} .brand-pane .img{height: 240px;object-fit: cover;} .brand-tabs li{padding: 5px;margin: 0;width: 25%;height: 120px;} .brand-tabs{transform: translateY(0);} .brand-tabs li img{width: 40px;margin-bottom: 5px;} .brand-tabs li p{font-size: 16px;font-family: "SourceHanSans-Medium";} .brand-tabs li a{padding: 25% 5px;} .brand-pane .brand-cont .box{transform: translateY(0);} .case-list li{margin-bottom: 20px;} .about-head .about-tabs li{padding: 0 10px;} .about-head .about-tabs li a{display: block;padding: 0 5px;text-align: center;} .about-head .about-tabs li a span{font-size: 16px;} .about-head .about-tabs li a i{margin: 0;display: block;} }