.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:#fff;}


#mould81585{ position:fixed; top:0; width:100%; z-index: 99; background:linear-gradient(rgba(201,22,31,1),rgba(201,22,31,0)); transition:.8s;}
.navbars4{ width:1600px; margin:0 auto;}
.navbars4 .logo{ width:367px;}
.navbars4 li a{ color:#fff; font-size:18px; padding: 8px 24px;}
.navbars4 li:hover a{ border-radius:inherit; background:none;}
.navbars4 .phone{ float:right; border:1px solid #fff; box-sizing:border-box; font-size:24px; line-height:24px; font-weight:bold; color:#fff; font-family:arial; padding:8px 15px; border-radius:20px; margin:29px 0 0 30px;}
.navbars4 .phone span{ background:url(/images/phone.png) no-repeat; display:block; width:20px; height:20px; float:left; margin:2px 8px 0 0;}

/*大图*/
#mould81584 .swiper-slide img{ height:100vh;}
#mould81584 .swiper-button-next, .swiper-button-prev{ top:52%;}
#mould81584 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:60px;}
#mould81584 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:60px;}
#mould81584 .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;}
#mould81584 .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;}



/*简介*/
.about_a{ position: absolute; width: 390px; right: 10%;top: 23%;}
.about_a h2{ font-size: 36px; line-height: 48px; font-weight: bold; margin-bottom: 30px;}
.about_a h3{ color: #f08519; font-size: 30px; line-height: 40px; font-weight: bold; margin: 5px 0;}
.about_a h3 span{ color: #6cb62b;}
.about_a p{ color: #666666; line-height: 32px; margin-top: 20px;  margin-bottom: 60px;}
.about-left{ width: 780px;position: absolute;  left: 10%;bottom: 5%;}
.about-left p{ color: #fff; font-size: 18px; line-height: 28px;}
.about-left hr{ border: 0;background: rgb(255,255,255,0.5);height: 1px;margin: 45px 0;}
.about-left ul{ color: #fff;}
.about-left ul li{ float: left;width: 33.33%;}
.about-left ul li h2{ font-size: 60px; float: left; line-height: 60px; font-weight: bold; margin-right: 10px; font-family: arial;}
.about-left ul li h3{ line-height: 24px; margin-top:5px;}



/*优势*/
.p_txt_box{ position:absolute; top:0; left:0; width:100%;}
.p_txt_box li{ width:25%; height:100vh; float:left; padding:18% 3% 0 3%; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.2); position:relative; z-index:1; overflow:hidden; transition:.5s;}
.p_txt_box li:after{ content:""; position:absolute; top:0; left:-100%; background:rgba(255,255,255,0.8); width:100%; height:100%; z-index:-2; transition:.6s;}
.p_txt_box li:hover:after{ left:0;}
.p_txt_box li:hover{ padding:14% 3% 0 3%;}

.p_txt_box li h5{ background: url(/images/join.png) no-repeat; width:117px; height:117px; display:block; margin: 0 auto;margin-bottom: 40px;  }
.p_txt_box li:nth-child(1) h5{ background-position: 0 -117px;}
.p_txt_box li:nth-child(2) h5{ background-position: -117px -117px;}
.p_txt_box li:nth-child(3) h5{ background-position: -234px -117px;}
.p_txt_box li:nth-child(4) h5{ background-position: -351px -117px;}
.p_txt_box li:hover:nth-child(1) h5{ background-position: 0 0;}
.p_txt_box li:hover:nth-child(2) h5{ background-position: -117px 0;}
.p_txt_box li:hover:nth-child(3) h5{ background-position: -234px 0;}
.p_txt_box li:hover:nth-child(4) h5{ background-position: -351px 0;}

.p_txt_box li img{ margin:0 auto 36px auto; display:block;}
.p_txt_box li h2{ font-size:32px; line-height:32px; font-weight:bold; text-align:center; color:#fff;}
.p_txt_box li:hover h2{ color:#c9161f;}
.p_txt_box li h3{ font-family: arial; text-transform: uppercase; font-size:18px; line-height:18px; margin:16px 0 10px 0; text-align:center;    color: #fff;}
.p_txt_box li p{ line-height: 32px;margin-top: 40px; transition: .5s;overflow: hidden;font-size: 18px; color: #fff;}
.p_txt_box li:hover p{ color:#333;}
.p_txt_box li a{ width:87px; height:87px; background: url(/images/jt.png) no-repeat; background-size: cover; display:none; margin:20% auto 0 auto; transition:1s;}
.p_txt_box li:hover a{ display:block;}


.product_a{ margin-top:100px;}
.product_a .swiper-slide{ position:relative;}
.product_a .swiper-slide p{ position:absolute; bottom:0; width:100%; background:#fff url(/images/lajiao.png) no-repeat center left 120px; line-height:64px; font-size:20px; text-align:Center;}


/*新闻*/
/*标题*/
.title{ text-align: center; margin-bottom: 48px;}
.title h2{ font-size: 40px;line-height: 44px; color: #c9161f;font-weight: bold;}
.title h3{ font-size: 20px;line-height: 20px; color: #333; margin-top: 10px; font-family: arial; text-transform: uppercase;}
.title1 h2,.title1 h3{ color:#fff;}

.xw{ width: 1600px; margin: 0 auto; margin-top: 4%;}
.xw li{float: left; width: 31%; margin-right: 3.5%;}
.xw li:last-child{ margin-right:0;}
.xw li .img{ overflow:hidden;}
.xw li .img img{ transition:.5s;}
.xw li:hover .img img{ transform:scale(1.1);}

.xw li h2{ font-size: 18px; line-height: 24px; font-weight:bold; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
.xw li p{ line-height: 26px; margin: 15px 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.xw .nr{ padding: 20px; background: #fff; transition: 0.5s;}
.xw a:hover .nr{ background: #c9161f; color: #fff;}
.xw .nr1 h3{ float: right;line-height: 21px;margin-right: 5px;}



/*底部*/
footer{ background: #fff; width:1600px; margin:100px auto 0 auto; padding:120px; box-sizing:border-box; border-radius:20px;}
.foot_up{ float:left; width:56%;}
.foot_up ul{ margin-bottom:36px;}
.foot_up li{ float:left; margin-right:7%;}
.foot_up li:last-child{ margin-right:0;}
.foot_up li p{ font-size:20px; line-height:20px; font-weight:bold; margin-bottom:10px;}
.foot_up li a{ display:block; line-height:30px;}
.foot_up li a:hover{ color:#c9161f;}
.foot_up .left{ float:left; width:45%; margin-top: 30px;}
.foot_up .left h2{ font-size:24px; line-height:24px; margin-bottom:20px;}
.foot_up .left h2 span{ font-weight:bold; color:#c9161f;}
.foot_up .left p{ line-height:36px;}

.foot_up .right{ float:right; width:38%;}
.foot_up .right div{ float:left; text-align:center; margin-right:30px;}
.foot_up .right div:nth-child(2){ margin-right:0;}
.foot_up .right div img{ width:128px; height:128px; background:rgba(201,22,31,0.3); padding: 10px; box-sizing: border-box; border-radius: 10px;}
.foot_up .right div span{ display:block; margin-top:10px;}


.messages3 { float: right;width: 36%; background: 0;}
.messages3 h2{ font-size:24px; font-weight:bold; margin-bottom:15px;}
.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: 100%; border: 1px solid #ccc; border-radius: 6px; margin: 0!important; background:none; box-shadow:none; font-size:16px;}
.messages3 ul li input:focus{ box-shadow:none; border: 1px solid #555;}
.messages3 ul li textarea{ float: inherit; height: 120px; padding: 0; padding: 14px 0 0 14px; width: 100%; border: 1px solid #ccc; border-radius: 6px; margin: 0; background:none; box-shadow:none; font-size:16px;}
.messages3 ul li textarea:focus{ border: 1px solid #555;}
.messages3 ul li a{ transition: 0.5s;width: 100%; background: #e6213a; border-radius: 6px; font-size: 16px; color: #fff; margin: 0; line-height: 48px; height: 48px;}
.messages3 ul li a:hover{ background:#c9161f;}


.footer_foot{ width:1600px; margin:0 auto; position:absolute; bottom:24px; left:50%; transform:translateX(-50%);}
.footer_foot p{ float:left; color:#fff;}
.footer_foot p a{ color:#fff;}
.footer_foot p:last-child{ float:right;}
.footer_foot p a:hover{ color:#e28d0c;}



@media screen and (max-width:1680px){ 
  .about_a{ right: 7%;}
  .about_a p{ margin-bottom:36px;}
  .about_a a img{ width:64px; height:64px;}
  .about-left hr{ margin:30px 0;}
  
  .p_txt_box li h2{ font-size:24px; line-height:24px;}
  .p_txt_box li p{ font-size:16px; line-height:28px;}
  .p_txt_box li a{ width:64px; height:64px;}
  
  .navbars4,.xw,footer,.footer_foot{ width:90%;}
  footer{ padding:60px 80px;}
}

@media screen and (max-width:1440px){
  .navbars4 .phone{ display:none;}
  .navbars4 .logo{ width:300px;}
  .navbars4 li a{ font-size:16px;}
  .about_a{ right: 4%;}
  .about-left{ left:6%;}
  footer{ padding:60px;}
  .foot_up{ width:60%;}
  .foot_up li{ margin-right:5%;}
  .foot_up .right{ width:42%;}
}

@media screen and (max-width:1360px){
.foot_up .right{ width:44%;}
}