﻿.homeadv-item{text-align:center;padding-top:15px;padding-bottom:15px;}
.homeadv-item b{display:inline-block;background:#fff;border:1px solid #eee;border-radius:60px;margin:0 auto;padding:10px;}
.homeadv-item img{height:50px;}
.homeadv-item h3{font-size:18px;color:var(--main-color);margin:10px 0;height:43px;line-height:1.2}
.homeadv-item p{color:rgba(0,0,0,0.5);margin-bottom:0}

.homeadv-item:hover{color:var(--main-color);}
.homeadv-item .item_img{display: inline-block;padding: 20px;border: 1px solid #eee;border-radius: 50%;position: relative;}
.homeadv-item:hover .item_img{background-color: #fff;border-color: var(--main-color);}
.homeadv-item .item_img:before{content: '';position: absolute;left: 5px;right: 5px;top: 5px;bottom: 5px;border: 4px solid var(--main-color);border-radius: 50%;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.homeadv-item .item_img:after{content: '';position: absolute;left: -5px;right: -5px;top: -5px;bottom: -5px;border: 2px dashed var(--main-color);border-radius: 50%;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.homeadv-item:hover .item_img{border-color: #fff;}
.homeadv-item:hover .item_img:before{opacity: 1;filter: alpha(opacity=100);}
.homeadv-item:hover .item_img:after{opacity: 1;filter: alpha(opacity=100);-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);-o-transform: rotate(60deg);transform: rotate(60deg);}



#banner{background:#000}
#banner video{opacity:0.7;display:block;}

.swiper-container{width: 100%;height: 100%;overflow:hidden}
.solu-item h3{font-size:18px;color:var(--main-color);margin:10px 0;}
.solu-item p{font-size:12px;line-height:1.3;color:rgba(0,0,0,0.5)}
.solu-item p:last-child{margin-bottom:0}
.moresub{display:inline-block;background:#000;color:#fff;padding:3px 25px;}

.home-bg-box{position:relative;z-index:1;background:#f7f7f7}
.home-bg-box:after{background:#d9efff;content:'';height:50%;top:0;left:0;width:100%;position:absolute;z-index:-1}

.home-title.advtitle.bg-hui{padding:15px;margin-bottom:0}
.nomb{margin-bottom:0}


.bg-become{background:url(../images/bg-com.jpg) no-repeat ;color:#fff;text-align:center;padding:25px 15px;}
.bg-become a{display:inline-block;border:1px solid #fff;padding:5px 30px;color:#fff}
.bg-become b{margin-bottom:10px;display:block;}
.bg-become p:last-child{margin:0}


.about_img{margin-top:-60px;}
.home-about-pic img{padding:10px;background:#fff;position:relative;z-index:2;box-shadow:0 0 10px rgba(0,0,0,0.2);width:90%;left:5%}
.home-about-pic p{margin:0;padding:90px 0 30px;position:relative;}
.home-about-pic p:after{background:#fff;width:50%;position:absolute;right:0;height:100%;content:'';top:0;z-index:1}
.home-about-pic h3 {font-weight:normal;text-transform:uppercase;position:relative;display:inline-block;padding-bottom:10px;font-size:25px;}
.home-about-pic h3 b{display:block;}
.home-about-pic h3:after{position:absolute;content:'';width:80%;height:1px;background:rgba(255,255,255,.5);bottom:0;left:0}

.home-about-info{padding-top:20px;}
.home-about-info h3{font-size:20px;margin-bottom:15px;}
.home-about-info p:last-child{margin-bottom:0}

.home-about-more{text-align:right;}
.home-about-more a{display:inline-block;background:#000;color:#fff;padding:3px 30px;position:relative;}
.home-about-more a:after{height:1px;background:rgba(255,255,255,.5);content:'';width:100%;top:50%;right:80%;position:absolute;}


.slideProdBox .hd h3{line-height:1;margin-bottom:10px;font-weight:normal;}
.slideProdBox .hd h3 b{color:var(--main-color);display:block;font-size:25px;font-weight:normal;}
.slideProdBox .hd h3 p{font-size:12px;color:#666;border-bottom:1px solid #ddd;color:#999;display:inline-block;margin:0;line-height:1.4}
.slideProdBox .hd .on a{color:var(--main);}
.floatright_more a,.home-news .amore
{display:inline-block;background:var(--main-color);color:#fff;padding:3px 25px;border-radius:20px;}
.floatright_more{float:right;}

.slideProdBox{margin-top:20px;}
.slideProdBox .hd li{display:inline-block;margin-right:15px;line-height:1.8;}
.slideProdBox .hd li.on{color:var(--main-color);}

.slideProdBox .bd ul{margin:0 -5px}
.slideProdBox .bd li{float:left;width:50%;padding:5px;}
.slideProdBox .bd li a{position:relative;display:block;border:1px solid #eee;overflow:hidden;}
.slideProdBox .bd li .prodname{padding:10px;text-align:center;background:rgba(0,150,255,.8);color:#fff;line-height:1.3;display:table;}
.slideProdBox .bd li p{margin:0;height:95px;}

.piciframe{position:relative;}
.piciframe iframe{position:absolute;width:100%;height:100%;}


.home-news{margin-bottom:10px;}
.home-news b{color:var(--main-color);position:relative;display:inline-block;padding-bottom:5px;font-size:25px;font-weight:normal;}
.home-news b:after{width:100%;position:absolute;content:'';bottom:0;height:1px;background:#ddd;left:0}

.home-news .amore{float:right;font-size:14px;font-weight:normal;margin-top:4px;}
.home-news .amore{padding-top:5px;padding-bottom:5px;}
.newsplay{margin-bottom:15px;}
.news-home-item{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #efefef;}
.news-home-item span{float:left;width:25%;text-align:right;padding-right:10px;padding-top:10px;}
.news-home-item span b{display:block;font-size:25px;font-weight:normal}
.news-home-item h3,.news-home-item p{float:right;width:75%;padding-left:15px;border-left:1px solid #eee;line-height:1.4;color:#777}
.news-home-item h3 {font-size:18px;margin-bottom:10px;line-height:1.2;color:#222}
.news-home-item p{font-size:12px;margin:0;}

.solubox a{text-decoration:none}

@media (min-width: 768px) {
	.homeadv-item img{height:60px;}
	.homeadv-item b{padding:15px;margin-bottom:5px;}
	.homeadv-item h3{height:auto;font-size:20px;}

	.solubox{padding-top:80px;}
	.home-title.advtitle.bg-hui{padding:5px 10px;}
	.home-title.advtitle.bg-hui p{line-height:1.2;margin-bottom:4px;}
	.home-title.advtitle.bg-hui p:last-child{margin:0}
	.home-title.advtitle.bg-hui h3{margin-bottom:0;line-height:1.2}

	.tecpic{padding: 20px 10%;}

	.bg-become{padding:40px}
	.bg-become p{margin-bottom:30px;}

	.home-about-pic h3 b{font-size:28px;}
	.home-about-info h3{font-size:25px;}
	.home-about-pic p{padding-bottom:50px;}

	.slideProdBox{margin-top:30px;}
	.slideProdBox .hd{margin-bottom:15px;}
	.slideProdBox .hd h3{float:left;margin:0}
	.slideProdBox .hd h3 b{font-size:28px;}
	.slideProdBox .hd ul{float:right;padding-top:10px;}

	.slideProdBox .floatright_more{padding-top:10px;}
	.slideProdBox .floatright_more a, .home-news .amore{padding-top:5px;padding-bottom:5px;}

	.slideProdBox .bd li{width:25%}
	.slideProdBox .bd li .prodname{font-size:16px;position:absolute;padding:10%;height:100%;width:100%;top:100%;transition: all 0.5s;-webkit-transition: all 0.5s;}
	.slideProdBox .bd li:hover .prodname{transition-delay: 0s;-webkit-transition-delay: 0s;top:0}
	.slideProdBox .bd li .prodname p{display:table-cell;vertical-align:middle;height:auto}

	.solubox .swiper-button-next,.solubox  .swiper-button-prev{top:0;margin-top:0;}
	.solubox .swiper-button-next:after,.solubox .swiper-button-prev:after{font-size:30px;}
	.solubox .swiper-button-next{right:auto;left:10%;}

	.home-news {margin-bottom:15px;}
	.news-home-item{padding:7px 0}
  	.news-home-item:first-child,.left-news-item{padding-top:0;}
	.news-home-item span b{margin-bottom:5px;}
	.news-home-item h3{margin-bottom:5px;height:44px;}
	.cus-ser{margin:25px 0}
} 
@media (min-width: 992px) {
	.homeadv-item {padding-top:0;padding-bottom:0;}
	.homeadv-item h3{height:48px;}

	.solubox{padding-top:90px;}

	.home-title.advtitle.bg-hui{padding:15px 20px;}
	.home-title.advtitle.bg-hui h3{margin-bottom:15px;}
	.home-title.advtitle.bg-hui p{line-height:1.4;margin-bottom:10px;}
	
	.bg-become h3{font-size:30px;margin-bottom:5px;}
	.bg-become b{font-size:16px;margin-bottom:20px;}
	.bg-become p{margin-bottom:40px;}

	.slideProdBox .hd h3 b{font-size:35px;}
	.slideProdBox .hd h3 p{font-size:16px;}
	.slideProdBox .floatright_more{padding-top:0}
	.slideProdBox .hd li{margin-right:10px;}
	.slideProdBox .bd li .prodname{font-size:18px;}
	.solubox .swiper-button-next:after,.solubox .swiper-button-prev:after{font-size:35px;}

	.home-news{margin-bottom:20px;}
	.home-news b{font-size:33px;padding-bottom:10px;}
	.news-home-item span{width:20%;}
	.news-home-item h3, .news-home-item p{width:80%}
	.news-home-item{padding-top:23px;padding-bottom:23px;}
	.newsplay{margin-bottom:0}

	.home-about-info h3{margin:20px 0 25px;font-size:28px;}
	.home-about-info{line-height:1.4;}
	.about_img{margin-top:-70px;}
	.home-about-pic p{padding:100px 0 50px;}
	.cus-ser{margin:35px 0}
}
@media (min-width: 1200px) {
	.homeadv-item h3{font-size:22px;height:auto}
	.homeadv-item img{height:auto}
	.homeadv-item b{margin-bottom:10px;}


	.solubox{padding-top:90px;}

	.home-title.advtitle.bg-hui{padding: 16px 20px}
	.home-title.advtitle.bg-hui h3{margin-bottom:5px;}
	.home-title.advtitle.bg-hui p{font-size:12px;}
	.tecpic{padding:20px 22%;}

	.bg-become{padding:50px 10%}
	.bg-become h3{font-size:35px;}
	.bg-become p{margin-bottom:50px;}

	.slideProdBox .hd li{font-size:16px;margin-right:20px;}
	.slideProdBox .hd h3 b{font-size:35px;}
	.slideProdBox .bd li .prodname{font-size:20px;}

	.solubox .swiper-button-next:after,.solubox .swiper-button-prev:after{font-size:40px;}

	.news-home-item h3{font-size:20px;margin-bottom:10px;height:50px;}
	.news-home-item{padding:26px 0}
	.news-home-item.left-news-item{padding:15px 0}
	.news-home-item span{width:18%;}
	.news-home-item h3, .news-home-item p{width:82%}


	.home-about-info h3{margin:25px 0;font-size:33px;}
	.home-about-info{font-size:15px}

	.home-about-pic h3{font-size:30px;}
	.home-about-pic h3 b{font-size:33px;}
	.cus-ser{margin:45px 0}

	.parlist{margin-top:15px;}
}
@media (min-width: 1300px) {
	.solubox{padding-top:105px;}

	.home-title.advtitle.bg-hui{padding:11px 20px }
	.home-title.advtitle.bg-hui p{font-size:14px;}


	.bg-become{padding:60px 10%}



	.solubox .swiper-button-next:after,.solubox .swiper-button-prev:after{font-size:45px;}
	.news-home-item{padding:31px 0}
	.news-home-item span{width:15%;}
	.news-home-item h3, .news-home-item p{width:85%}


	.home-about-info h3{margin:30px 0;font-size:35px;}
	.home-about-info{font-size:16px}


}
@media (min-width: 1400px) {
	.solubox{padding-top:115px;}
	.home-title.advtitle.bg-hui{padding:17px 20px }
	
	.bg-become{padding:70px 10%}

	.slideProdBox .floatright_more,.slideProdBox .hd ul{padding-top:20px;}
	.slideProdBox .hd ul{padding-right:20px;}

	.news-home-item h3{font-size:23px;height:55px}
	.news-home-item{padding:34px 0}
	.news-home-item.left-news-item{padding:16px 0}
	.news-home-item span{width:13%;}
	.news-home-item h3, .news-home-item p{width:87%}

	.home-about-info h3{margin:60px 0 40px}
	.slideProdBox .bd li .prodname{font-size:22px;}

	.parlist{margin-top:25px;}
}

}
@media (min-width: 1500px) {
	.home-title.advtitle.bg-hui{padding:33px 25px}
	.home-title.advtitle.bg-hui h3{margin-bottom:10px;}

	.bg-become{padding:80px 10%}
	.slideProdBox .hd li{font-size:18px;}
	.parlist{margin-top:30px;}
}
}
@media (min-width: 1600px) {
	.home-title.advtitle.bg-hui h3{margin-bottom:15px;}
	.home-title.advtitle.bg-hui p{margin-bottom:17px;}
}