/*banner轮播图*/
#banner { width: 100%;margin-top: 80px; }
#banner img{ width: 100%; }
.banner .swiper-pagination-1{ bottom:20px !important; }
.banner .swiper-pagination-1 { width: 10px;height: 10px;border-radius: 50%;margin: 0 6px !important;background: rgba(255,255,255,1);opacity: 1; }
.banner .swiper-paginaton-1 { opacity: 0.5; } 
.banner_buttom{ box-shadow: 0 5px 20px rgba(0,0,0,0.1); }
.banner_buttom ul{ position: static;width: 100%;display: flex;justify-content: center; }
.banner_buttom ul li{ width: 33.33%;text-align: center;padding: 28px 0;position: relative;background: url(../images/listBg.png)no-repeat right center; }
.banner_buttom ul li:first-child+li+li{ background: none; }
.banner_buttom ul li div{ padding: 6px 0; }
.banner_buttom ul li h4{ font-size: 38px;color: #f39800;margin-top: 0;margin-bottom: 0;font-family: "AvantGarde";letter-spacing: 0;line-height: 0.9;font-weight: 600; }
.banner_buttom ul li h4 b{ font-size: 10px;font-weight: normal;vertical-align: top;margin-left: 2px;color: #f39800; }
.banner_buttom ul li span{ font-size: 16px;color: #333; }
.banner_buttom ul li p{ position: absolute;width: 0;height: 1px;margin-bottom: 0;background: #999;bottom: 0;transition: all 0.5s; }
.banner_buttom ul .swiper-pagination-bullet-active p{ width: 100%; }

.swiper-button-my div{ width: 80px;height: 4px; border-radius: 0; }
.swiper-pagination-bullet-active{ background: rgba(0,0,0,0.2);position: relative; }
.swiper-pagination-bullet-active span{ position: absolute;left: 0;top: 0;height: 4px;width: 0; background: #f1f1f1;-webkit-animation:pagin 3.6s ease infinite;animation:pagin 3.6s ease infinite; }
@-webkit-keyframes pagin{
	from{ width: 0; }
	to{ width: 80px;}
}
@keyframes pagin{
	from{ width: 0; }
	to{ width: 80px;}
}
.title{ position: relative; }
.title h2{ border-bottom: 1px solid #999999; }
.title h2 span{ font-size: 24px;border-bottom: 1px solid #000; }
.title h3{ font-size: 16px;color: #898989;font-family: 'Geometria'; }
.title .more{ font-size: 16px;color: #898989;position: absolute;top: 0;right: 0; }

.news{ padding-top: 90px;padding-bottom: 100px; }
.news .main{ margin-top: 50px; }
.news .main .swiper-slide{  }
.news .main .swiper-slide>a{ display: flex;justify-content: space-between;width: 100%; }
.news .main .swiper-slide .left{ width: 50%;height: 290px;overflow: hidden;/*position: relative;*/ }
.news .main .swiper-slide .left img{ width: 100%;cursor: pointer;/*position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); */}
.news .main .swiper-slide .right{ width: 40%;display: flex;flex-direction: column;justify-content: center; }
.news .main .swiper-slide .right .num{ width: 100%;padding-bottom: 5px;border-bottom: 1px solid #595757;margin-bottom: 10px; }
.news .main .swiper-slide .right .num b{ font-size: 20px; }
.news .main .swiper-slide .right .num i{ font-size: 18px;color: #595656; }
.news .main .swiper-slide .right .num span{ color: #595656; }
.news .main .swiper-slide .right .text{ position: relative; }
.news .main .swiper-slide .right .text h6{ font-size: 16px;margin-bottom: 4px; }
.news .main .swiper-slide .right .text p{ font-size: 22px;color: #404040; }
.news .main .swiper-slide .right .text .more{ font-size: 14px;color: #404040;position: absolute;right: 0;bottom: 0;padding-right: 20px;background: url(../images/more.png)no-repeat right;background-size: 8px; }

.service{ padding-top: 60px;padding-bottom: 80px;background: url(../images/serviceBg.jpg)no-repeat;background-size: cover; }
.service .container{ position: relative; }
.service .box{ position: absolute;width: 50%;height: 90%; left: 50%;top: 50%;transform: translateY(-50%); }
.service .box video{ width: 100%;display: block; }
.service .text{ width: 70%;padding-top: 80px;padding-bottom: 160px;background: #bfbfbf;padding-left: 10%; }
.service .text div{ display: inline-block;transition: all 0.5s; }
.service .text h4{ font-size: 22px;color: #fff; }
.service .text h5{ font-family: "Geometria";font-size: 18px;color: #595656;margin-bottom: 20px; }
.service .text p{ color: #333;line-height: 22px; }
.service .text:hover div{ transform: scale(1.2); }

.distribution{ padding-top: 60px;padding-bottom: 60px; }
.distribution .main{ display: flex;justify-content: space-around;}
.distribution .main .left{ display: flex;flex-direction: column;justify-content: center;width: 45%;padding: 5%; transition: all 0.5s; }
.distribution .main .left h4{ font-size: 22px;color: #F39800;margin-bottom: 50px; }
.distribution .main .left span{ font-size: 18px;color: #595656; }
.distribution .main .right{ width: 45%; }
.distribution .main .right img{ width: 100%; }
.distribution .main .left:hover{ transform: scale(1.2); }

.brand{ padding-top: 100px;padding-bottom: 160px;background: #f2f2f2; }
.brand .main{ margin-top: 30px;padding: 0 50px;position: relative; }
.brand .main .swiper-button-prev{width: 13px;height: 22px;background: none;font-size: 20px;}
.brand .main .swiper-button-next{width: 13px;height: 22px;background: none;font-size: 20px;}