:root {
  --org-color:#ff9900; 
  --blue-color:#0192d3; 
  --yello-color:#fdcd2f;
}

.bannernum{padding-top:20px;padding-bottom:20px;z-index:9;position:relative;}
.bannernum > div{padding-top:15px;padding-bottom:15px;padding-left:5px;padding-right:5px;color:#fff;line-height:1.5}
.bannernum p{font-size:12px;line-height:1.4;margin:0;}
.bannernum b,.bannernum sup{display:inline-block;}

.bannernum b{vertical-align:top;display:inline-block;}
.bannernum sup{font-size:18px;font-weight:bold;top:0}
.bannernum b{font-size:35px;}


.banner-ico{background:#ff4500;color:#fff;font-size:12px;line-height:1.5}
.banner-ico b{font-size:16px;display:block;margin-bottom:8px;}
.banner-ico b img{height:40px;margin-right:5px;}
.banner-ico p:last-child{margin:0}

.banner-ico_2{background:#f04500;}
.banner-ico_3{background:#e14500;}
.banner-ico_4{background:#d24500;}
.banner-ico .cont-vart{transition: all 0.5s;-webkit-transition: all 0.5s;}
.banner-ico .cont-vart:hover{background:#00bfff;transition-delay: 0s;-webkit-transition-delay: 0s;}


.banner-ico .cont-vart{width:50%;padding:10px;float:left;}

/*  yothink */
.home-img{position:relative;background:#000;border-radius:10px;overflow:hidden}
.home-img a{text-decoration:none;color:#fff}
.home-img img{opacity:0.7}
.home-img-info{position:absolute;top:0;left:0;width:100%;padding:10% 30% 0 15px ;z-index:9;color:#fff}
.home-img-info p{margin:0;}
.home-img-info h3{font-size:16px;padding:10px 0}

.prodbox{padding-bottom:30px;}
.prod_rem{background:#f4f4f4;border-radius:10px;padding:10px;}
.prod_rem b{color:var(--main-color);display:block;}
.prod_rem p{color:#999;font-size:12px;}

.prodbox .swiper-pagination{bottom:0}

.home-bout{padding-top:25px;}

.prod_item{border:1px solid #ddd;border-radius:10px;padding:10px;margin:0 -10px 10px;position:relative;}
.prod_item b{color:var(--main-color);font-weight:normal;}
.prod_item p{margin:0}
.prod_item span{position:absolute;border-radius:30px;background:#dcdddd;width:25px;line-height:25px;text-align:center;position:absolute;top:10px;right:10px;}
.prod_item:hover span{background:var(--main-color);color:#fff}


.slideprodBox .bd{margin:0 -5px;}
.bgnum{background:url(../images/bgnum.jpg) no-repeat center center;position:relative;}
.bgnum:after{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:rgba(0,120,245,.7)}


.chobox{background:#fff;border-radius:10px;box-shadow:6px 8px 8px rgba(0,0,0,0.2);padding:15px;line-height:1.4;color:#777;margin-bottom:20px;}
.chobox h3 img{float:right;height:40px;}
.chobox h3{color:var(--main-color);font-size:18px;line-height:40px;margin-bottom:10px;}
.chobox p{font-size:12px;margin:0}

.home-about-pic{margin-bottom:20px;}
.home-about-pic img{border-radius:10px;}
.home-about-txt{margin-bottom:20px;}

.abmore a{border:1px solid var(--main-color);color:var(--main-color);display:inline-block;padding:5px 20px;border-radius:30px;}
/*    */



.slidecateBox .hd li{float:left;width:20%;text-align:center;font-size:12px;line-height:1.5;position:relative;}
.slidecateBox .hd li.on:after{position:absolute;content:'';bottom:0;width:30px;left:50%;margin-left:-15px;border-bottom:2px solid var(--main-color)}
.slidecateBox .hd li img{height:50px;}


.slidecateBox .bd li{float:left;width:33.33%;text-align:center;padding:5px;font-size:12px;line-height:1.5}
.slidecateBox .bd li img{border:1px solid #eee;margin-bottom:10px;}
.slidecateBox .bd li p:last-child{display:none}

.moresub a,.moresub span{display:inline-block;background:var(--main-color);color:#fff;padding:0 15px;border-radius:30px;line-height:2}
.moresub2 a{display:inline-block;border:1px solid var(--main-color);color:var(--main-color);padding:0 15px;border-radius:30px;line-height:2}
.moresub3 a{display:inline-block;border:1px solid #fff;color:#fff;padding:0 15px;border-radius:30px;line-height:2}




.sol-item{padding:15px;position:relative;overflow:hidden;background:#fff}
.sol-item a{text-decoration:none;}
.sol-item h3{font-size:16px;padding-top:15px;height:68px;}
.sol-item:hover{background:#56b744;transition-delay: 0s;-webkit-transition-delay: 0s;}
.sol-item:hover h3{color:#fff}

.one_dot_hide {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.two_dot_hide {overflow: hidden;text-overflow: ellipsis;display: -moz-box;-moz-line-clamp: 1;-moz-box-orient: vertical;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.select-item{border-radius:15px;font-size:12px;line-height:1.5;margin-bottom:15px;}
.select-item b{float:left;margin-right:15px;margin-top:20px}
.select-item img{height:65px;}
.select-item h3{font-size:18px;padding:10px 0}
.select-item p{margin:0}
.fullbox{padding:0}
.aboutcar{padding-top:20px;}

.title-ul li,.slideprodBox .hd li {display:inline-block;margin-right:5px;margin-bottom:5px;}
.slideprodBox .hd li a{display:inline-block;background:#ddd;padding:5px 15px;border-radius:25px;color:#fff;}
.slideprodBox .hd{margin-bottom:10px;position:relative;}
.slideprodBox .hd li.on a{background:var(--main-color);}


.serbox_red{background:var(--main-color);color:#fff;padding:15px;}
.serbox_red h3{width:100%;padding-right:20%;position:relative;padding-bottom:10px;margin-bottom:10px;}
.serbox_red h3:after{border-bottom:2px solid #fff;content:'';width:60px;bottom:0;position:absolute;left:0}
.serbox_red a{color:#fff;border:1px solid #fff;border-radius:20px;padding:5px 20px;display:inline-block;}

.serbox_blank{background:#282828;color:#fff}
.serbox_blank ul{padding:20px;padding-left:65px;padding-right:15px;}
.serbox_blank h3{font-size:18px;position:relative;margin-left:-45px;margin-bottom:5px;}
.serbox_blank h3 img{height:30px;margin-right:15px;}
.serbox_blank p{margin:0;line-height:1.4;font-size:12px;}
.serbox_blank li{padding:10px 0;}

.serbox_video{padding:0;background:#041734;background-position:center center;background-repeat:no-repeat;background-size:100% auto}
.serbox_video img{opacity:0}

.homevideobox{position:relative;}
.homevideobox img{height:auto;max-width:100%;border-radius:10px;}

p.fixpic{margin-bottom:0}
.fixpic img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.fixpic:hover img{transform: scale(1.08, 1.08);}

.swiper-container{overflow:hidden}

.review-item{background:#f7f7f7;padding:15px;color:#999}
.review-item .star{color:#edc9a1}
.review-item .star span{margin-right:5px;font-size:12px;}
.review-item h3{font-size:16px;margin-bottom:10px;color:#333}

.aboutpic{padding:5px 10px;margin-bottom:20px;}
.aboutpic img{border-radius:10px;}
.aboutpic>div{padding:0}
.aboutpic>div p{margin:0;padding:5px;}


.par p{margin:0}

.newsbox .swiper-pagination{bottom:0}
.newsbox img{border-radius:10px;}
.news-home-item{padding-top:10px;color:#999;}
.news-home-item h3 a{color:#333}
.news-home-item h3{font-size:14px;line-height:1.3}
.news-home-item a{color:#999}
.news-home-item p{line-height:1.7;font-size:12px;padding:5px 0;line-height:1.3;margin:0}
.news-home-item p:last-child{margin:0;padding:0}


.swiper-container{overflow:hidden;position:relative;}
.swiper-container {width: 100%;height: 100%;}
.swiper-button-next, .swiper-button-prev{color:var(--main-color)!important;}
/* banner */
@-webkit-keyframes scale-bg{
  from{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
  }
  to{
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}
@keyframes scale-bg{
  from{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
  }
  to{
    -webkit-transform:scale(1);
    transform:scale(1);
  }
}

.banner .swiper-slide-active img{
  -webkit-animation:scale-bg 5s linear forwards;
  animation:scale-bg 5s linear forwards;
}

@media (min-width: 768px) {
	/*   yothink */
	.home-img-info .moresub{display:none;}
	.home-img:hover{background:var(--main-color);}
	.home-img:hover img{opacity:.5}
	.home-img:hover .moresub{display:block;}

	.prod_rem{padding:15px;}
	.prod_rem b{font-size:16px;}

	.prod_item{padding:15px;margin:0 -5px 15px;font-size:12px;}
	.prod_item b{font-size:16px;}
	.slideprodBox .bd{margin:0 -10px;}

	.bannernum{padding-top:40px;padding-bottom:40px;}

	.chobox{padding:25px;}
	.chobox h3{line-height:50px;}
	.chobox p{height:85px;}


	.aboutpic{margin-bottom:25px;}
	.par{margin-top:20px;}
	
	.slideprodBox .hd ul{position:absolute;right:0;top:50%;transform:translateY(-50%);}
	
	/*     */

	.banner-ico b{font-size:14px;}
	.banner-ico b img{height:40px;}

	.banner-ico .cont-vart{padding:20px 25px}


	.slidecateBox .hd{padding-bottom:20px;}
	.slidecateBox .hd li img{height:60px;margin-bottom:10px;}
	.slidecateBox .bd li{width:20%}
	.slidecateBox .bd li:last-child{display:block;}

	.serbox_video img{max-height:100%}


	.home-title ul{float:right;}
	.home-title li{float:left;margin-right:20px;line-height:2}
	.home-title li a{display:inline-block;}


	.sol-item:hover .sol-info{padding:30px;}
	.sol-item .sol-info,.sol-item:after{top:80%}
	.sol-item .sol-info{padding:20px}

	.select-item{margin-bottom:25px;}
	.select-item img{height:75px;}
	.serbox_video,.serbox_red{width:50%;float:left;}
	.serbox_blank{float:left;width:100%}

	.serbox{background:var(--main-color);}
	.serbox_red{padding:40px;}
	.serbox_red h3{font-size:20px;padding-right:0;margin-bottom:15px;padding-bottom:15px;}
	.news-home-item h3{font-size:16px;}

	.bglan{padding-top:20px;padding-bottom:20px;}
	
} 
@media (min-width: 992px) {
	/*  yothink */
	.home-img-info h3{font-size:20px;}
	.home-img-info{padding:12% 35% 0 30px}

	.prod_rem,.prod_item{padding:20px;}
	.prod_rem b{font-size:18px;padding:10px 0}
	.prod_rem p{font-size:14px;}

	.home-about-pic,.home-about{width:50%}
	.home-about-pic{padding-right:15px;}
	.home-about{padding-left:15px;}
    .home-about-info{padding-top:0}

	.bannernum {padding-top:50px;padding-bottom:50px;}
	.bannernum p{font-size:14px;}
	.bannernum b{font-size:45px;}

	.chobox{padding:30px;margin-bottom:30px;}
	.chobox h3{font-size:22px;}
	.chobox p{height:70px;}
	.aboutpic{margin-bottom:30px;}
	.par{margin-top:25px;}
	/*   */



	.banner-ico .row > div{padding-top:30px;padding-bottom:30px;}
	.banner-ico b{font-size:16px;}
	.banner-ico b img{height:auto;}

	.slidecateBox .hd li,.slidecateBox .bd li{font-size:14px;}
	.slidecateBox .bd li{padding:10px;}

	
	.news-home-item h3{font-size:18px;line-height:1.2}

	.cont-vart,.fl-col-height,.cont-vart-cont{
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	}
	.cont-vart-cont{
	    justify-content: center;
	    -webkit-box-pack: center;
	    -webkit-justify-content: center;
	    -ms-flex-pack: center;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    flex-shrink: 1;
	    min-width: 1px;
	    max-width: 100%;
	    width: 100%;
	}


}
@media (min-width: 1200px) {
	/*  yothink */
	.home-img-info h3{font-size:24px;}
	.home-img-info{padding:12% 30% 0 50px;font-size:16px;}

    .prod_rem,.prod_item{padding:25px;}
	.prod_rem b{font-size:20px;}
	.prod_item b{font-size:18px;}
	.bannernum {padding-top:60px;padding-bottom:60px;}
	.bannernum > div{padding-left:25px;padding-right:25px;}

	.aboutpic>div p{padding:10px;}

	.chobox h3{font-size:18px}
	.chobox p{height:85px;}
	.par{margin-top:30px;}
	

	.bannernum b{font-size:50px;}
	/*   */






	.banner-ico b{font-size:20px;}


    .aboutcar{padding-top:40px;}

	.slidecateBox .hd li img{height:80px;}
	.slideprodBox .hd li a{font-size:16px;padding:5px 25px;}

	.select-item{padding:30px;}
	.select-item b{margin-bottom:20px;margin-top:30px;margin-right:25px;}
	.select-item img{height:auto}
	.select-item h3{font-size:20px;}

	.review-item h3{font-size:20px;}

	.sol-info{padding:25px;}
	.sol-item:hover .sol-info{padding:50px;}




}
@media (min-width: 1300px) {

	/*   yothink */
	.chobox p{font-size:14px;height:100px}
	.chobox h3{font-size:20px;}
	.chobox h3 img{height:50px;}
    .bannernum b{font-size:55px;}
	/*  */
	.select-item{padding-left:8%;padding-right:8%;}
	.banner-ico .row > div{padding-left:3%;padding-right:3%;}

    .bannernum {padding-top:80px;padding-bottom:80px;}
    
	.sol-item h3{height:auto;padding-top:25px;padding-bottom:10px;}

	.sol-item .sol-info h3{font-size:18px;}
	.sol-item:hover .sol-info{padding:60px;}
	
    
}
@media (min-width: 1400px) {

	/*   yothink */
	.chobox{padding:35px;}


    .bannernum {padding-top:100px;padding-bottom:100px;}
    .bannernum b{font-size:60px;}


	.review-item h3{font-size:22px;}
	.serbox_red h3{font-size:26px;}
	.serbox_red{font-size:16px;}
	.serbox_blank h3{font-size:25px;}
	
	
	.bglan{padding-top:40px;padding-bottom:40px;}
 

}
@media (min-width: 1500px) {
	.chobox{padding:40px;}
    .chobox h3{font-size:22px;}

	.review-item h3{font-size:24px;}
	
}
@media (min-width: 1600px) {

	.banner-ico .row > div span{display:block}
	.serbox_red h3,
	.serbox_blank h3{font-size:30px;}
	.home-about-info{padding:40px 50px;}
}
