html,body{padding: 0;margin: 0;font-size: 16px;color: #333;overflow-x:hidden;     font:14px/1.8 "微软雅黑", "Arial", "Helvetica", "SimHei", "STXihei", sans-serif;}
*{line-height:1;box-sizing:border-box;margin:0;padding:0;}
img {vertical-align:middle;}

ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus,select:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.row{margin-right:0; margin-left:0}
dl, ol, ul, p{margin-bottom:0px}


@font-face {
  font-family: "iconfont"; /* Project id 5050095 */
  src: url('../font/iconfont.woff2?t=1761530587154') format('woff2'),
       url('../font/iconfont.woff?t=1761530587154') format('woff'),
       url('../font/iconfont.ttf?t=1761530587154') format('truetype');
}

.iconfont{font-family:"iconfont"!important; font-style:normal;}



.swiper-button-next:focus,.swiper-button-prev:focus{outline: none;}

.wrap{margin: 0 auto; width:90%; overflow:hidden}
.wrapp{margin: 0 auto; width:90%;}
@media (max-width:1600px) {
.wrap,.wrapp{width:92%;}
}


.video_banner_box{background:#fff; height:100dvh; position:relative; color:#fff; overflow:hidden}
.video_banner_box:after{content: ""; position: absolute; top:0; left: 0; width: 100%; height:100%; background:rgba(0, 0, 0, .4); z-index:98}
.video_banner_box video{ width:100%}
.video_banner_box .content{ position:absolute; padding-right:25%; left:40%; top: 50%; transform: translate(-40%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index:99}
.video_banner_box .content small{font-size:14px; letter-spacing:.22em; opacity:.75;}
.video_banner_box .content h1{font-size:50px; font-weight:normal; display:block; margin:20px 0; line-height:1.3}
.video_banner_box .content p{font-size:18px; line-height:1.5}
.video_banner_box .content .actions{ margin-top:30px}
.video_banner_box .content .actions .btn{display:inline-block; padding:14px 32px; border:1px solid #fff; color:#fff; text-transform:uppercase;  font-size: 13px; transition:all 0.3s ease-out; }
.video_banner_box .content .actions .btn.dark{ background:#000; border:1px solid #000;}
.video_banner_box .content .actions .btn:hover{padding:14px 36px;}
@media (max-width:1480px) {
.video_banner_box{height:auto; margin-top:80px}
.video_banner_box .content{left:12%; transform: translate(-10%, -50%); -webkit-transform: translate(-10%, -50%); -moz-transform: translate(-10%, -50%); -ms-transform: translate(-10%, -50%); -o-transform: translate(-10%, -50%);}
}

@media (max-width:1024px) {
.video_banner_box{margin-top:64px}
.video_banner_box .content{padding-right:0}
.video_banner_box .content h1{font-size:40px;}
}

@media (max-width:540px) {
.video_banner_box .content{width:90%;}
.video_banner_box .content small{font-size:12px;}
.video_banner_box .content h1{font-size:30px; margin:0 0 10px;}
.video_banner_box .content p{font-size:14px;}
.video_banner_box .content .actions{margin-top:20px}
}
@media (max-width:430px) {
.video_banner_box .content small,.video_banner_box .content p{display:none}
.video_banner_box .content h1{font-size:26px;}
.video_banner_box .content .actions{margin-top:0px}
}



/*banner轮播*/
.banner_box{ background:#d6d8da; padding:80px 0 60px; display:none}
.index-banner{max-width:1640px; width:96%; margin:0 auto; position:relative; z-index:998; overflow:hidden}
.index-banner video{position:relative; z-index:98; width:100%;}
.index-banner .swiper-slide{overflow:hidden; position:relative; }
.index-banner .img{width:1640px; height:750px; display:block; background:none no-repeat center; background-size: cover;}
.index-banner .img a{display:block; width:100%; height:100%}
.index-banner .text{visibility:visible; animation-name:fadeInLeft; animation-duration:1s; animation-delay:.2s; margin-bottom:5px}
.index-banner .text b{font-size:20px; color:#000; display:block; line-height:60px; text-transform:uppercase;}
.index-banner .text p{font-size:16px; color:#222; text-transform:uppercase}
.index-banner .in_more{margin-top:20px}
.index-banner .swiper-pagination-bullets span:focus{border:none;}

.index-banner .swiper-button-prev,.index-banner .swiper-button-next {width:60px; height:60px; line-height:65px; background:#d6d8da; text-align:center; border-radius:50%; top: auto; bottom:30px; border:1px solid #000; visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.2s;}
.index-banner .swiper-button-prev{transition:all 0.3s ease-out; left:auto; right:70px}
.index-banner .swiper-button-next{transition:all 0.3s ease-out; right:0}
.index-banner .swiper-button-prev i,.index-banner .swiper-button-next i{color:#000; font-size:20px}
.index-banner .swiper-button-prev:hover,.index-banner .swiper-button-next:hover{background:#000;}
.index-banner .swiper-button-prev:hover i,.index-banner .swiper-button-next:hover i{color:#fff}

.index_box{padding:60px 0; width:100%; position:relative; overflow:hidden}
.tit_box{width:100%; position:relative; margin-bottom:20px; visibility:visible; animation-name:fadeInDown; animation-duration:1s; animation-delay:.2s;}
.tit_box .cn{font-size:24px; display:block; color:#222; }	


.in_more{display:inline-block; padding:14px 32px; border:1px solid #000; color:#000; text-transform:uppercase;  font-size: 13px; transition:all 0.3s ease-out; }
.in_more:hover{padding:14px 36px; background:#000; color:#fff}
@media (max-width:1600px) {
.tit_box .cn{font-size:20px}
}
@media (max-width:1480px) {
.index_box{padding:50px 0;}	
}
@media (max-width:1180px) {
.index_box{padding:30px 0;}
.tit_box{margin-bottom:20px;}
.banner_box{padding: 80px 0 40px;}
}
@media (max-width:1024px) {
.index-banner .text b{font-size:18px; line-height:50px;}
.banner_box{padding: 80px 0 20px;}
.index-banner .in_more{margin-top:10px;}
}
@media (max-width:992px) {
.tit_box{margin-bottom:10px;}
}
@media (max-width:540px) {
.index_box{padding:20px 0;}
.index-banner .text,.index-banner .swiper-button-prev,.index-banner .swiper-button-next{display:none}
}
@media (max-width:430px) {	
.tit_box .cn{font-size:18px;}
}


/*品牌故事*/
.index_brands{}
.index_brands .index_brands_box{width:100%; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#f5f5f5;}
.index_brands .img{width:50%; position:relative; visibility:visible; animation-name:fadeInLeft; animation-duration:1s; animation-delay:.2s;}
.index_brands .img img{ width:100%}
.index_brands .text{width:50%; padding:0 4%; color:#000;  visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.4s;}
.index_brands .text b{font-size:18px; display:block; margin-bottom:10px}
.index_brands .text p{font-size:16px; line-height:30px;}
.index_brands .text .in_more{margin-top:20px}

.index_brands .img:after {content:"";position:absolute;width:95%;height:95%;background-color:#e2b96c;bottom:0;left:0;z-index:98; }
.index_brands .img img{position:relative; z-index:99;}
.index_brands .img .video-show{position: absolute;z-index: 3;left:50%;top:47%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #FFFFFF;width: 100%; z-index:100}
.index_brands .img .videoicon{ display:block; width:80px; height:80px; background: url(../images/sp.png) no-repeat center center;-moz-background-size:100%;-o-background-size:100%; background-size:100%; margin: 0 auto; opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.index_cando{padding:0 0 60px;}
.index_cando .hfpfghb_box{width:100%; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#f5f5f5}
.index_cando .hfpfghb_box .img{width:50%; position:relative; visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.2s;}
.index_cando .hfpfghb_box .img img{width:100%;}
.index_cando .hfpfghb_box .text{width:50%; padding:0 4%; color:#000; visibility:visible; animation-name:fadeInLeft; animation-duration:1s; animation-delay:.4s;}
.index_cando .hfpfghb_box .text b{font-size:40px; line-height:1.3;  font-weight:normal}
.index_cando .hfpfghb_box .text p{font-size:16px; line-height:1.5; display:block; margin:10px 0 20px;}
.index_cando .hfpfghb_box .text .actions{}
.index_cando .hfpfghb_box .text .actions .btn{display:inline-block; padding:14px 32px; border:1px solid #000; color:#222; text-transform:uppercase;  font-size: 13px; transition:all 0.3s ease-out;}
.index_cando .hfpfghb_box .text .actions .btn.dark{background:#000; color:#fff}
.index_cando .hfpfghb_box .text .actions .btn:hover{padding:14px 36px;}
@media (max-width:1480px) {
.index_cando{padding:0 0 50px;}
.index_cando .hfpfghb_box .text{padding: 0 2%;}
.index_cando .hfpfghb_box .text b{font-size:35px;}
}
@media (max-width:1024px) {
.index_cando{padding:0 0 30px;}
.index_cando .hfpfghb_box .text b{font-size:30px;}	
.index_cando .hfpfghb_box .text p{font-size:14px;}
}
@media (max-width:992px) {
.index_cando .hfpfghb_box .img,.index_cando .hfpfghb_box .text{width:100%;}
.index_cando .hfpfghb_box .text,.index_brands .text{padding:20px 2%}
}
@media (max-width:540px) {
.index_cando{padding:0 0 20px;}	
}
@media (max-width:430px) {
.index_cando .hfpfghb_box .text b{font-size:20px;}	
}


.what_box{width:100%; overflow:hidden; margin:60px 0;}
.what_box .counter{width:100%;}
.what_box .counter dd{width:19%; margin-right:1.25%; background:#f5f5f5; padding:70px 20px; float:left; color:#000; text-align:center; visibility:visible; animation-name:fadeInRight; animation-duration:1s;} 
.what_box .counter dd:nth-child(5n){margin-right:0}
.what_box .counter dd .count-title{font-weight:bold; font-size:50px; position:relative;}
.what_box .counter dd font{font-size:18px; font-style:normal; padding-left:5px;}
.what_box .counter dd b{display:block; font-size:16px; font-weight:normal; margin-top:10px}
.what_box .counter dd:nth-child(1){animation-delay:.2s;}
.what_box .counter dd:nth-child(2){animation-delay:.3s;}
.what_box .counter dd:nth-child(3){animation-delay:.4s;}
.what_box .counter dd:nth-child(4){animation-delay:.5s;}
.what_box .counter dd:nth-child(5){animation-delay:.6s;}

.what_box_wz{margin-top:20px; background:#f5f5f5; padding:30px 30px 20px; color:#000; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.2s;}
.what_box_wz p{line-height:30px; font-size:16px; margin-bottom:10px}
@media (max-width:1600px) {
.what_box .counter dd b{ height:50px}		
}
@media (max-width:1480px) {
.what_box{width:100%; margin-top:50px; margin-bottom:50px;}
.what_box .bt{font-size:64px;}
}
@media (max-width:1380px) {
.what_box .counter dd .count-title{font-size:45px;}
}
@media (max-width:1180px) {
.what_box_wz p{ font-size:14px; line-height:25px}
.what_box .counter dd .count-title{font-size:40px;}
.what_box .counter dd{padding:50px 20px;}
}
@media (max-width:1024px) {
.what_box{margin-top:30px; margin-bottom:30px;}
.what_box .counter dd{font-size:22px;}	
.what_box_wz{margin-top:10px;}
.what_box .counter dd .count-title{font-size:32px;}
.what_box .counter dd b{ font-size:14px}
}
@media (max-width:992px) {
.what_box .bt,.what_box .counter{width:100%;}
.what_box .bt{font-size:54px; text-align:center; margin-bottom:10px}
.what_box .counter dd{text-align:center;padding:30px 10px 10px; width:32.5%;}
.what_box .counter dd:nth-child(3){margin-right:0;}
.what_box .counter dd:nth-child(4){width:49.4%; margin-right:0; margin-top:10px}
.what_box .counter dd:nth-child(5){width:49.4%; float:right; margin-right:0; margin-top:10px}

.what_box_wz{display:none}
}
@media (max-width:540px) {
.what_box{margin-top:20px; margin-bottom:20px;}	
}
@media (max-width:430px) {
.what_box .bt{font-size:26px;}	
.what_box .counter dd{width:49.4%; margin-right:0; margin-top:5px}
.what_box .counter dd:nth-child(2n){width:49.4%; float:right; margin-right:0; margin-top:5px}
.what_box .counter dd:nth-child(5){width:100%; margin-top:5px}
}


.index_cando .forhol_box{width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.index_cando .forhol_box li{width:24.05%; margin-right:1.25%; background:#f5f5f5; padding:60px 30px; text-align:center;  visibility:visible; animation-name:fadeInRight; animation-duration:1s;}
.index_cando .forhol_box li:nth-child(4n){margin-right:0}
.index_cando .forhol_box li i{display:block; font-size:50px; color:#000}
.index_cando .forhol_box li b{display:block; font-size:18px; color:#000; font-weight: normal; margin:20px 0 10px}
.index_cando .forhol_box li p{line-height:25px; color:#000; font-size:14px; height:50px;}
.index_cando .forhol_box li:nth-child(1){animation-delay:.2s;}
.index_cando .forhol_box li:nth-child(2){animation-delay:.3s;}
.index_cando .forhol_box li:nth-child(3){animation-delay:.4s;}
.index_cando .forhol_box li:nth-child(4){animation-delay:.5s;}
@media (max-width:1920x) {
.index_cando .forhol_box li{padding:60px 20px; }	
}
@media (max-width:1024px) {
.index_cando .forhol_box li{width:49%; margin-right:1.25%; margin-bottom:10px}
.index_cando .forhol_box li:nth-child(2n){margin-right:0; float:right}
}
@media (max-width:540px) {
.index_cando .forhol_box li{padding:40px 10px;}
.index_cando .forhol_box li p{height:75px;}
}
@media (max-width:430px) {
.index_cando .forhol_box li{width:100%; margin-right:0; margin-bottom:5px}	
}


/*案例展示*/
.index_case{background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/); background-color:#f5f5f5; position:relative}
.lyProducts_box{width:100%; overflow:hidden}
.lyProList {position: relative; width:100%; overflow:hidden; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.4s;}
.lyProList .swiper-slide{overflow:hidden; position:relative;}
.lyProList .swiper-slide .text{width:100%; color:#000; font-size:16px; line-height:50px; font-weight:bold; transition:all 0.3s ease-out;}

.lyProList .swiper-pagination-bullets{bottom:0px; width:100%; position:relative; background:#9ea7ae; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-top:40px}
.lyProList .swiper-pagination-bullet{width:100%; height:5px; opacity:1; background:#9ea7ae; position: relative; border-radius:0;}
.lyProList .swiper-pagination-bullet-active{opacity:1; background:#323e48;}

.lyProList .swiper-slide .imgDiv{position: relative; overflow:hidden}
.lyProList .swiper-slide .imgDiv .vr{display:block; width:100px; height:100px; line-height:100px; border-radius:50%; position:absolute; text-align:center; color:#fff; font-size:15px; left:50%;top:50%; transform: translate(-50%, -50%); transition:all 0.3s ease-out; opacity:0; background: linear-gradient(-90deg, rgba(0, 0, 0, .6) 40%, rgba(0, 0, 0, .9) 100%); box-shadow:rgb(0, 0, 0, .6) 2px 2px 3px;}
.lyProList .swiper-slide .imgDiv:hover .vr{opacity:1;}
.lyProList .swiper-slide .imgDiv .pro img{transition: all 0.3s;}
.lyProList .swiper-slide .imgDiv:hover .pro img{-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);transition: all 0.3s;}






/*新闻资讯*/
.index_news{background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/);}
.index_news_box{width:100%; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index_news_box .img{width:30%; visibility:visible; animation-name:fadeInRight;  animation-duration:1s; animation-delay:.2s;}
.index_news_box .text{width:66%; margin-right:4%; color:#000; visibility:visible; animation-name:fadeInLeft; animation-duration:1s; animation-delay:.2s;}
.index_news_box .text b{font-size:18px; display:block; margin-bottom:10px}
.index_news_box .text p{font-size:16px; line-height:30px;}
.index_news_box .text .in_more{margin-top:20px}

.index_news_box_two .img{visibility:visible; animation-name:fadeInLeft; animation-duration:1s; animation-delay:.2s;}
.index_news_box_two .text{margin-left:4%; margin-right:0; visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.2s;}


/*logo展示*/
.index_solution{background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/); background-color:#f5f5f5; position:relative}
.inapp_box{position:relative; width:100%; margin:0 auto; overflow:hidden; visibility:visible; animation-name:fadeInUp; animation-duration:1.5s; animation-delay:.3s;}

.logo_box{visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.4s;}
.logo_box .swiper-slide {overflow:hidden; position:relative; }
.logo_box .swiper-slide .pic{display:block; width:100%; overflow:hidden; padding:30px; position:relative; background:#fff;}
.logo_box .swiper-slide .img{display:none; width:100%; overflow:hidden; padding:30px; position:relative; background:#fff;}
.logo_box .swiper-slide .wz{width:100%; color:#000; font-size:16px; line-height:50px; font-weight:bold; transition:all 0.3s ease-out;}
.logo_box .swiper-slide:hover .img{display:block;}
.logo_box .swiper-slide:hover .pic{display:none;}

.logo_box .swiper-pagination-bullets{bottom:0px; width:100%; position:relative; background:#9ea7ae; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-top:40px}
.logo_box .swiper-pagination-bullet{width:100%; height:5px; opacity:1; background:#9ea7ae; position: relative; border-radius:0;}
.logo_box .swiper-pagination-bullet-active {opacity:1; background:#323e48;}




/*关于我们*/
.index_about{background-position: bottom center; background-repeat:no-repeat; background-size:100%; background-image:url(../images/);}
.index_about_box{width:100%; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}

.index_about_box .about_img_video{width:50%; position:relative; visibility:visible; animation-name:fadeInLeft; animation-duration:1s; animation-delay:.2s; position:relative}
.index_about_box .about_img_video:after {content:"";position:absolute;width:95%;height:95%;background-color:#e2b96c;bottom:0;left:0;z-index:98; }
.index_about_box .about_img_video img{position:relative; z-index:99;}
.index_about_box .about_img_video .video-show{position: absolute;z-index: 3;left:50%;top:47%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #FFFFFF;width: 100%; z-index:100}
.index_about_box .about_img_video .videoicon{ display:block; width:80px; height:80px; background: url(../images/sp.png) no-repeat center center;-moz-background-size:100%;-o-background-size:100%; background-size:100%; margin: 0 auto; opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.index_about_box .text{width:46%; margin-left:4%; color:#000; visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.4s;}
.index_about_box .text b{font-size:18px; display:block; margin-bottom:10px}
.index_about_box .text p{font-size:16px; line-height:30px;}
.index_about_box .text .in_more{margin-top:20px}




/**底部**/
footer{padding:60px 0 0; height:auto; background:#efeff0; overflow:hidden}
footer .wrap{margin: 0 auto; width:89%; overflow:hidden}
footer a{color:#333;}
footer .footer-nav {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; margin-bottom:50px}
footer .footer-nav dl {font-size:1rem; text-align:left;}
footer .footer-nav dl .flogo{width:240px}
footer .footer-nav dl dt {font-size:16px; margin-bottom:10px; font-weight:bold;}
footer .footer-nav dl dt a{color:#000}
footer .footer-nav dl dd {font-size:14px; line-height:30px}
footer .footer-nav .ewm dd{text-align:center}

footer .footer-copyright{background:#d6d8da; text-align:center; font-size:12px; color:#656870;}
footer .footer-copyright p{line-height:50px; height:50px}
footer .footer-copyright a{color:#656870}

footer .social_box{margin-top:20px}
footer .social_box a{width:40px; height:40px; line-height:40px; background:#fff; display:block; text-align:center; color:#000; float:left; margin-right:10px; border-radius:50%; font-size:18px}
footer .social_box a:hover{background:#000; color:#fff;}
@media (max-width:1600px) {	
footer .wrap{width:92%;}
}
@media (max-width:1480px) {	
footer{padding:50px 0 0;}
}

@media (max-width:1180px) {	
.index_brands .text p,.index_about_box .text p,.solution_list .swiper-slide .wz p{font-size:14px; line-height:25px;}
.logo_box .swiper-slide .pic{padding:20px;}
.logo_box .swiper-slide .img{padding:20px;}
footer{padding:30px 0 0;}
footer .footer-nav{margin-bottom:20px;}
}
@media (max-width:1024px) {	
.lyProList .swiper-pagination-bullets,.logo_box .swiper-pagination-bullets{margin-top:20px;}
footer .footer-nav dl:nth-child(3),footer .footer-nav dl:nth-child(4){display:none}
}
@media (max-width:992px) {	
.index_brands .img,.index_about_box .about_img_video{width:100%;}
.index_brands .text,.index_about_box .text{width:100%; margin-left:0;}
.index_brands .text .in_more,.index_about_box .text .in_more{margin-top:10px;}
}
@media (max-width:820px) {	
.lyProList .swiper-pagination-bullets,.solution_list .swiper-pagination-bullets,.logo_box .swiper-pagination-bullets{margin-top:10px;}
footer .footer-nav dl:nth-child(2){display:none}
}
@media (max-width:540px) {	
footer .footer-nav dl:nth-child(5){display:none}
footer .footer-nav dl{ width:100%}
}
@media (max-width:390px) {	
.index_brands .text p,.index_about_box .text p,.solution_list .swiper-slide .wz p{font-size:12px; line-height:22px;}
}


/*定制流程*/
.index_custom{background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/);}
.solution_list{position: relative; width:100%; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.4s; margin-top:40px}
.solution_list .swiper-container{ overflow: inherit}
.solution_list .swiper-slide{position:relative; cursor: pointer; transition:300ms; transform:scale(0.85); border:4px solid #f5f5f5}
.solution_list .swiper-slide-next{transform:scale(1.2); cursor:pointer;}
.solution_list .swiper-slide.swiper-slide-next .wz{opacity:1}
.solution_list .swiper-slide .wz{position:absolute; opacity:0; left:20px; bottom:20px; color:#fff; padding:15px; width:60%; height:150px; background:linear-gradient(-90deg, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .6) 100%); transition:all 0.3s ease-out; border-radius:4px}
.solution_list .swiper-slide .wz font{font-size:24px;}
.solution_list .swiper-slide .wz b{font-size:18px; display:block; margin-bottom:10px}
.solution_list .swiper-slide .wz p{font-size:12px; line-height:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.solution_list .swiper-pagination-bullets{bottom:0px; width:100%; position:relative; background:#9ea7ae; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-top:80px}
.solution_list .swiper-pagination-bullet{width:100%; height:5px; opacity:1; background:#9ea7ae; position: relative; border-radius:0;}
.solution_list .swiper-pagination-bullet-active{opacity:1; background:#323e48;}
@media (max-width:1380px) {	
.solution_list .swiper-slide .wz{width:80%;}
.solution_list .swiper-slide .wz font{font-size:20px;}
.solution_list .swiper-slide .wz b{font-size:16px;}
}
@media (max-width:992px) {	
.solution_list{margin-top:0px}
.solution_list .swiper-slide{transform:none;}
.solution_list .swiper-slide-next{transform:none;}
.solution_list .swiper-slide .wz{opacity:1;}
.solution_list .swiper-pagination-bullets{margin-top:30px}
}
