﻿
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
a:hover, a:focus {
    color: #333333;
    
}


.navbars4{ width:1440px; margin:0 auto;}
.navbars4 ul{ width: 60%; float:left;}
#mould81437{ position:absolute; top:0; width:100%; z-index: 9999; background: none;background: #fff;}
#mould81437 .logo{ width:320px;}
#mould81437 .navs>li>a{font-size:16px; margin:0 5px;}
#mould81437 .navs>li:hover>a{font-size:16px;background-color:#ec3901;background:#ec3901;border-radius:6px;}
#mould81437 .navs>li.active>a{font-size:16px;background-color:#ec3901;background:#ec3901;border-radius:6px;}
#mould81437 .swiper-slide img{ height:100vh;}
#mould81437 .swiper-pagination-bullet{ opacity:1;background: #333}
#mould81437 .swiper-pagination-bullet-active{ background:#333;}
.navbars4 .tel{ float:right; margin-top:25px; color:#000; background:url(/images/phone.png) no-repeat left center; background-size: contain; padding-left:60px; box-sizing:border-box;}
.navbars4 .tel .haoma{ font-weight:600; line-height: 30px; font-size: 22px; color: #ec3901;}


#mould81438 .swiper-slide img{ height: 100vh;}
#mould81438 .swiper-button-next, .swiper-button-prev{ top:56%;}
#mould81438 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:40px;}
#mould81438 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:40px;}
#mould81438 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(0, 0, 0);background:rgb(0, 0, 0);opacity:1;border-radius:4px; width:30px;}
#mould81438 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:#ec3901;background:#ec3901;}

.width_1600{ width:1600px; margin:0 auto;}
.about_a{ margin-top:80px; padding-bottom:36px;}
.title_a{ margin:36px 0;}
.title_a h2{ font-size:64px; text-align:Center; font-family:arial; text-transform: uppercase; color:rgba(236,57,1,0.1);}
.title_a p{ text-align:Center; font-size:34px; font-weight:bold; color:#ec3901; margin-top:-36px;}

.about_a .left{ float:left; width:54%;}
.about_a .left>p{ line-height:30px; text-indent:2em; margin-top:64px;}
.about_a .left li{ width:25%; float:left; margin-top:64px;}
.about_a .left li span{ float:left; width:72px; height:72px; display:block; background:url(/images/icon.png) no-repeat; margin-right:10px; transition:.5s;}
.about_a .left li:nth-child(2) span{ background-position: -82px 0;} 
.about_a .left li:nth-child(3) span{ background-position: -164px 0;} 
.about_a .left li:nth-child(4) span{ background-position: -246px 0;} 
.about_a .left li:hover span{ transform: rotate(360deg);}
.about_a .left li h2{ font-size:20px;}
.about_a .left li p{ font-size:14px; font-family:arial; text-transform: uppercase; color:rgba(0,0,0,0.5);}

.about_a .right{ width:42%; float:right;}
.about_a .right div{ float:left; width:49%; position:relative; overflow:hidden;}
.about_a .right div:first-child{ margin-right:2%;}
.about_a .right div img{ width:100%; height:100%; transition:.5s;}
.about_a .right div:hover img{ transform:scale(1.1);}
.about_a .right div a{ display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:72px; height:164px; background:rgb(255,255,255,0.8);}
.about_a .right div:hover a{ background:rgb(236,57,1,0.8);}
.about_a .right div p{ font-size:24px;line-height:30px; font-weight:bold; text-align:Center; margin-top:22px; color:#ec3901;}
.about_a .right div:hover p{ color:#fff;}
.about_a .right div p:before{ content:""; width:13px; height:19px; background:url(/images/about1.png) no-repeat; position:absolute; top:14px; left:12px;}
.about_a .right div p:after{ content:""; width:13px; height:19px; background:url(/images/about1.png) no-repeat; transform: rotate(180deg); position:absolute; bottom:14px; right:12px;}
.about_a .right div:hover p:before,.about_a .right div:hover p:after{ background:url(/images/about.png) no-repeat;}


/*产品*/
.cp25 .swiper-pagination-bullet{ width: 14px; height: 14px; display: inline-block; border-radius: 100%; background:rgb(255,255,255,0.5); opacity: 1; margin: 0 5px;}
.cp25 .swiper-pagination-bullet-active {opacity: 1;background: #e5020e;width: 14px!important;}
.cp25 .swiper-pagination{margin-top: 50px;position: inherit;}
.cp25 .swiper-slide a:after{ border: 0; border-radius: 0;}
.cp25 .swiper-slide img{ border-radius: 0;}
.cp25 .swiper-slide.swiper-slide-next a:after{ background-image: none;}
.cp25 .swiper-slide.swiper-slide-next{ background: none; box-shadow: none;}
.cp25 .swiper-slide.swiper-slide-next:after{ background: rgba(255, 255, 255, 0.0);}
.cp25 .swiper-slide a:before ,.cp25:after,.cp25 .swiper-slide a:after{content: none;}
.cp25 .swiper-slide img{ width: 100%;height: 100%;}
.cp25 a h3{ line-height: 48px; bottom: 0px; position: absolute; width: 100%;}
.cp25 .cp25-main{ width: 1280px; position:relative;}
.cp25 .swiper-container{ width: 100%; padding-top: 0;}
.cp25 .swiper-button-next,.cp25 .swiper-button-prev{ top: 50%; width:64px; height:64px;}
.cp25 .swiper-button-next{ background:url(/images/btn_right.png) no-repeat; right:-160px;}
.cp25 .swiper-button-prev{ background:url(/images/btn_left.png) no-repeat; left:-160px;}
.cp25 .swiper-slide a{ position: relative;}

.product_a{ padding-bottom:64px;}
.product_a .cp25{ display:none;}
.product_a .menu{ margin:0 auto 36px auto; width: 840px;}
.product_a .menu a{ color:#ec3901; display:block; float:left; text-align:center; margin:0 20px; font-size: 20px; line-height:64px; font-weight:bold; width: 240px; box-sizing:border-box; border:1px solid #ec3901;}
.product_a .menu a.on{ background:#ec3901; color:#fff;}
.cp25 .swiper-slide.swiper-slide-next { padding-bottom: 0;}

/*新闻*/
.news_a{ background:url(/images/bg1.jpg) no-repeat; padding-top:48px; margin-bottom:64px;}
.news_a .title_a h2{ color:rgba(255,255,255,0.3);}
.news_a .title_a p{ color:#fff;}
.news_a ul{ padding:30px 0 64px 0;}
.news_a li.left{ float:left; width:42%; padding:20px; box-sizing:border-box;}
.news_a li.left img{ width:100%;}
.news_a li.left h4{ font-size:20px; font-weight:bold; margin:24px 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_a li.left p{ line-height:28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_a li{ float:right; width:54%; background:#fff; padding:48px 30px; box-sizing:border-box;}

.news_a li:nth-child(2),.news_a li:nth-child(3){ padding-bottom:48px; border-bottom:1px solid rgba(0,0,0,0.1);}
.news_a li .date{ float:left; width:10%;}
.news_a li .date span{ display:block; text-align:Center;}
.news_a li .date .day{ font-size:48px; font-weight:bold;}
.news_a li .date .month{ }
.news_a li .nr{ float:right; width:88%;}
.news_a li .nr h4{ font-size:20px; margin:0 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_a li .nr p{ line-height:28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_a li a:hover{ color:#ec3901;}


/*加盟*/
.join_a li{ width:32%; float:left; border:1px solid #ddd; margin:10px 2% 0 0; box-sizing:border-box; height:200px; text-align:center; padding:30px 20px 0 20px;}
.join_a li:nth-child(3n){ margin-right:0;}
.join_a li span{ font-size:30px; font-weight:bold; font-family:arial;}
.join_a li h2{ font-size:22px; font-weight:bold; margin: 6px 0 12px 0;}
.join_a li p{ line-height:28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.join_a li:nth-child(-n+3){ margin-bottom:30px;}
.join_a li:hover{ border:1px solid #ec3901; background:#ec3901; color:#fff;}





/*底部*/
footer{ background:#1a1a1a; padding:50px 0; margin-top:80px;}
footer .right{ width:100%; float:right;}
footer .right ul{ border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:40px;}
footer .right li{ float:left; width:14.28%; margin:24px 0;}
footer .right li a{ color:#fff; line-height:16px; display:block; text-align:center; position:relative;}
footer .right li a:after{ content:""; height:16px; width:2px; background:#fff; position:absolute; right:0; top:0;}
footer .right li:last-child a:after{ display:none;}

footer .right .lianxi{ float:left; width:60%;}
footer .right .lianxi p{ line-height:48px; color:#fff; font-size:17px;}
.erweima h2{ width:130px; height:130px; color:#fff; text-align:center;}

.copy{ background:#1a1a1a;}
.copy_bg{ width:1360px; margin:0 auto; border-top:1px solid rgba(255,255,255,0.2);}
.copy_bg p{ float:left; color:#fff; line-height:48px;}
.copy_bg p:last-child{ float:right;}
.copy_bg p a{ color:#fff;}



@media screen and (min-width:1440px) and (max-width:1680px){ 
  .navbars4,.width_1600{ width:92%;}
  .navbars4 .tel{ display:none;}
  .navbars4 ul{ width:70%;}
  .about_a .left li p{ font-size: 12px;}
  .about_a .left>p,.about_a .left li{ margin-top:48px;}
  .cp25 .swiper-button-next{ right:-72px;}
  .cp25 .swiper-button-prev{ left:-72px;}
  .news_a li{ padding:30px;}
}

@media screen and (min-width:1360px) and (max-width:1439px){ 
  .navbars4,.width_1600,.width_1360,.copy_bg{ width:92%;}
  .navbars4 .tel{ display:none;}
  .navbars4 ul{ width:70%;}
  .about_a .left li p{ font-size: 12px;}
  .about_a .left>p,.about_a .left li{ margin-top:48px;}
  .cp25 .swiper-button-next,.cp25 .swiper-button-prev{ display:none;}
  .news_a li{ padding:30px;}
  .cp25 .cp25-main{ width:100%;}
  .news_a li .date{ width:12%;}
  .news_a li .nr{ width:84%;}
  .news_a li:nth-child(2),.news_a li:nth-child(3){ padding-bottom:36px;}
}


