﻿
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background:;}

/*顶部导航*/
.navbars4{ height:100px; width:1600px;}
.navbars4 .logo{ width:;}
.navbars4 .logo img{ margin: 0 auto; display: block;}
#mould81573 .navs>li>a{ margin: 0 5px; color:#333;}
#mould81573 .navs>li:hover>a{ background:#f63104; color:#fff; border-radius:6px;}
#mould81573 .navs>li.active>a{ background:#f63104; color:#fff; border-radius:6px;}
#mould81573{ position: fixed; top: 0; width:100%; z-index: 999; background:#fff; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}


/*大图*/
#mould81966 .swiper-slide img{ height:100vh;}
#mould81966 .swiper-button-next, .swiper-button-prev{ top:52%;}
#mould81966 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:60px;}
#mould81966 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:60px;}
#mould81966 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:0.4;border-radius:4px; width:30px;}
#mould81966 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;border-radius:4px; width:30px;}




.width_1600{ width:1600px; margin:100px auto 0 auto;}
.title_a h2{ font-size:36px; line-height:36px; font-weight:bold; text-align:center;}
.title_a p{ font-size:24px; line-height:24px; font-family:arial; text-align:center; text-transform: uppercase; color:#ccc; margin:12px 0 48px 0;}
.title_b h2,.title_b p{ color:#fff;}

.about_a .left{ width:43%; float:left; position:relative; top: 24px; left: 24px; z-index: 1;}
.about_a .left img{ width:100%; height:100%; border-radius:10px;}
.about_a .left:after{ position:absolute; top:-24px; left:-24px; content:""; width:100%; height:100%; background:#f63104; z-index: -1; border-radius:10px;}
.about_a .right{ width:51%; float:right;}
.about_a .right h3{ font-size:24px; line-height:24px; font-weight:bold; color:#f63104; margin:24px 0;}
.about_a .right p{ line-height:30px; text-indent:2em;}
.about_a .right p span{ color:#f63104;}
.about_a .right a{ line-height:42px; border-radius:21px; color:#fff; background:#f63104 url(/images/jiantou.png) no-repeat center right 30px; display:inline-block; padding: 0 60px 0 30px; margin-top:24px;}


/*产品*/
.product_a{ }
#mould819701 .swiper-slide{ border-radius:12px; overflow:hidden;}
#mould819701 .swiper-slide a{ display:block; position:relative; width:100%; height:100%; overflow:hidden;}
#mould819701 .swiper-slide a img{ transition:.5s;}
#mould819701 .swiper-slide:hover a img{ transform:scale(1.08);}
#mould819701 .swiper-slide h2{ position:absolute; bottom:0; width:100%; background:#fff; text-align:center; line-height:48px;}
#mould819701 .swiper-slide:hover h2{ color:#333;}


/*加盟*/
.join_content{ width:700px; float:left; background:#fff; padding:60px 60px 300px 60px; box-sizing:border-box; position:relative; border-radius:20px;}
.join_content:after{ content: "";display: block; width: 60px; height: 60px; position:absolute; top:66px; right:60px; background: url(/images/btn_a.png) no-repeat; background-position: -126px 0;}
.join_content .list_a{ display:none;}
.join_content .list_a a{ border-top:1px solid #ccc; display:block; margin-top:30px; padding-top:30px;}
.join_content .list_a a p{ line-height:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.join_content .list_a a:hover{ color:#333;}

.join_a{ position:relative;}
.join_a ul{ position:absolute; left:60px; bottom:60px; width:1100px;}
.join_a li{ float:left; width:32%; height: 190px; margin-right:2%; background: #fff url(/images/jm1.jpg) no-repeat; background-size: cover; position:relative; border-radius:12px; overflow:hidden;}
.join_a li:nth-child(2){ background: #fff url(/images/jm2.jpg) no-repeat; background-size: cover;}
.join_a li:nth-child(3){ background: #fff url(/images/jm3.jpg) no-repeat; background-size: cover;}

.join_a li:last-child{ margin-right:0;}
.join_a li:after{ content: "";display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; transition:.5s;}
.join_a li p{ width:160px; height:48px; text-align:Center; line-height:48px; background:#fff; border-radius:24px; display:block; font-weight:bold; font-size:20px;
  letter-spacing: 2px; position:relative; z-index: 1; margin:71px auto 0 auto; transition:.5s;}
.join_a li:hover:after{ background:rgba(246,49,8,0.7);}
.join_a li:hover p{ background:#fff; color:#f63104;}



/*新闻*/
.news_bg .left{ float:right; width:53%;}
.news_bg li{ background:#fff; border-radius:12px; padding:18px 24px; box-sizing:border-box;}
.news_bg li:nth-child(-n+2){ margin-bottom:24px;}
.news_bg li time{ float:left; width:15%; font-family:arial; text-align:center; box-sizing:border-box; font-size: 18px; padding:10px 0;}
.news_bg li time span{ font-size:64px;line-height:64px; font-weight:bold; display:block;}
.news_bg li div{ float:right; width:82%;}
.news_bg li div h3{ font-size:24px; margin-bottom:6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_bg li div p{ line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_bg li:hover div h3{ color:#f63104;}
.news_bg li:hover div p{ color:#333;}
.news_bg li:hover time{ color:#f63104;}
.news_bg .right{ float:left; width:44%; position:relative; border-radius:10px; overflow:hidden;}
.news_bg .right a{ display:none; height:470px;}
.news_bg .right a div{ width:100%; height:470px;}
.news_bg .right a img{ width:100%; height:100%;}
.news_bg .right a p{ position:absolute; bottom:0; width:100%; left:0; background:#fff; line-height:64px; font-size:24px; padding:0 20px; box-sizing:border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_bg .right a:hover p{ color:#f63104;}


/*底部*/
.foot_a{ box-sizing: border-box; padding:0 50% 0 0;}
.foot_a .lianxi_a p{ color:#fff; line-height:36px;}
.foot_a .lianxi_a p span{ font-size:24px; font-weight:bold;}

.messages3{ width: 100%; background:none; margin-top:36px;}
.messages3 ul{ padding: 0; width: 100%;}
.messages3 ul li{ margin-bottom:12px;}
.messages3 ul li input{ float: inherit;height: 50px; padding: 0; padding-left: 14px; width: 49%; color:#fff; border:1px solid #fff; border-radius: 6px; margin: 0!important; background:none; box-shadow:none; font-size:16px;}
.messages3 ul li input:first-child{ margin-right:2%!important;}
.messages3 ul li input:focus{ box-shadow:none; border:1px solid #fff;}
.messages3 ul li textarea{ float: inherit; height: 180px; padding: 0; padding: 14px 0 0 14px; width: 100%; color:#fff; border:1px solid #fff; border-radius: 6px; margin: 0; background:none; box-shadow:none; font-size:16px;}
.messages3 ul li a{ width: 100%; background: #fff; border-radius: 6px; font-size: 16px; color: #f63104; margin: 0; line-height: 48px; height: 48px;}
.messages3 ul li a:hover{ background:#f63104; color:#fff;}


input::-webkit-input-placeholder { /* WebKit browsers */  
  color: white;  
}  
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
  color: white;  
}  
input::-moz-placeholder { /* Mozilla Firefox 19+ */  
  color: white;  
}  
input:-ms-input-placeholder { /* Internet Explorer 10+ */  
  color: white;  
}  

textarea::-webkit-input-placeholder { /* WebKit browsers */  
  color: white;  
}  
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
  color: white;  
}  
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */  
  color: white;  
}  
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */  
  color: white;  
}  


.copyright{ background:rgba(0,0,0,0.7); width:100%; color:#fff; position:absolute; bottom:0;}
.copyright_bg{ width:1600px; margin:0 auto;}
.copyright p{ float:left; line-height:48px;}
.copyright p:last-child{ float:right;}
.copyright p a{ color:#fff;}
.copyright p a:hover{ text-decoration: underline;}


@media screen and (min-width:1441px) and (max-width:1680px){ 
  .navbars4{ width:94%;}
  .width_1600,.copyright_bg{ width:93%;}
  .title_a{ display:;}
  .title_a p{ margin: 12px 0 30px 0;}
  .about_a .right h3{ margin: 12px 0;}
  .about_a .right p{ line-height: 28px;}
  .join_content{ padding: 40px 40px 240px 40px;}
  .join_a ul{ left:40px; bottom:40px;}
}
  
@media screen and (min-width:1361px) and (max-width:1440px){ 
  .navbars4{ width:94%;}
  .width_1600,.copyright_bg{ width:93%;}
  .title_a{ display:;}
  .title_a p{ margin: 12px 0 30px 0;}
  .about_a .right h3{ margin: 12px 0;}
  .about_a .right p{ line-height: 30px;}
  .about_a .right p:nth-last-child(2){ display:none;}
  .join_content{ padding: 40px 40px 240px 40px;}
  .join_a ul{ left:40px; bottom:40px;}
  .messages3 ul li textarea{ height:140px;}
}  
  
@media screen and (max-width:1440px){ 
  .navbars4{ width:94%;}
  .width_1600,.copyright_bg{ width:93%;}
  .title_a{ display:;}
  .title_a p{ margin: 12px 0 30px 0;}
  .about_a .right h3{ display:none;}
  .about_a .right p{ line-height: 30px;}
  .about_a .right p:nth-last-child(2){ display:none;}
  .join_content{ padding: 40px 40px 240px 40px;}
  .join_a ul{ left:40px; bottom:40px;}
  .messages3 ul li textarea{ height:140px;}

}
  
  
  
  
  
  
  

