﻿.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}


/*顶部导航*/
#mould78174 .nav ul{ float: right;}
#mould78174{ position:absolute; top:0; z-index:999; width:100%; background:#fff;} 
#mould78174 .logo{ width: 260px; height:auto;  margin-left:0; z-index: 99; left: inherit; margin-top: 15px;}
#mould78174 .logo img{ height:auto; width: 100%;}
#mould78174 .nav{ width: 1600px; position: relative;}
#mould78174 .nav li{ list-style: none; width: 110px; margin-right: 30px; }
#mould78174 .nav li:hover{ background:0;}
#mould78174 .nav li:hover h5,#mould78174 .nav li:hover h6{ color:#DA0011;}
#mould78174 .nav li.active{ background:0;}
#mould78174 .nav li.active h5,#mould78174 .nav li.active h6{ color:#DA0011;font-weight: 550;}
#mould78174 .nav li h5 { padding-top: 28px;}
#mould78174 .nav li:last-child {margin-right: 0;}


/*轮播图*/
.cp2{ position: relative;}
.cp2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{    right: 50px!important;}
.cp2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{    left: 50px!important;}
.cp2 .swiper-pagination-bullet-active {opacity: 1;background: #fff;width:50px; }
.cp2 .swiper-pagination-bullet { width: 50px;    border-radius: 10px;}


/*标题*/
.title{margin-bottom: 60px;}
.title-left{float: left;}
.title-left h2{ position: relative;display: inline-block;   font-size: 36px;line-height: 50px;color: #DA0011;font-weight: bold;}
.title-left h2:before{content: "";display: block;position: absolute;width: 35px;height: 2px;background: #DA0011;right: -45px;bottom: 18px;}
.title-left h2:after{content: "";display: block;position: absolute;    width: 70px;height: 2px;background: #DA0011;right: -80px;bottom: 10px;}
.title-left p{    font-size: 22px;line-height: 30px;margin-top: 10px;}
.title-right{float: right;}
.title-right a{display: inline-block;background: #DA0011;color: #fff;line-height: 53px;    padding: 0 28px;margin-top: 19px;transition: 0.5s;}

.title1 {margin-bottom: 80px;}


.title2 .title-left h2{color: #fff;}
.title2 .title-left h2:before,.title2 .title-left h2:after{background: #fff;}
.title2 {margin-bottom: 40px;}





.title-right a:hover {border-radius: 12px;}


/*产品*/
.jj{    width: 1600px;margin: 80px auto;}
.about-left{    float: left;width: 42%;position: relative;}
.about-left:before{content: "";display: block;position: absolute;    width: 100%;height: 100%;background: #DA0011;z-index: -1;right: -30px;bottom: -30px;}
.about-right{    float: right;width: 48%;}
.about-right p{    line-height: 30px;text-indent: 2em;}
.about-right .about-right1 h2,.about-right .about-right1 h3{font-size: 30px;line-height: 42px;color: #DA0011;font-weight: bold;   float: left;}
.about-right .about-right1{margin-bottom: 50px; }
.about-right .about-right1 h3{margin-top: 10px; position: relative;}

.about-right .about-right1 h3:before{content: "";display: block;position: absolute;width: 35px;height: 2px;background: #DA0011;right: -45px;bottom: 18px;}
.about-right .about-right1 h3:after{content: "";display: block;position: absolute;    width: 70px;height: 2px;background: #DA0011;right: -80px;bottom: 10px;}




.about-right .about-right1 img{    float: right;margin-top: -21px;}
.about-right li h2{ width:55px; height:55px; display:block;  background: url(/images/about2.png) no-repeat;float: left;margin-right: 10px;}
.about-right li:nth-child(2) h2{ background-position: -55px 0;}
.about-right li:nth-child(3) h2{ background-position: -110px 0;}
.about-right li{    background: #DA0011;padding: 12px 30px;     width: 29%;float: left;margin-right: 6.5%;box-sizing: border-box;transition: 0.5s;}
.about-right li:hover {border-radius: 12px;}




.about-right li:nth-child(3) {margin-right: 0;}
.about-right li h3{    font-size: 24px;line-height: 33px;color: #fff;}
.about-right li h4{    font-size: 16px;line-height: 22px;color: #fff;}
.about-right ul{margin-top: 50px;}




/*产品*/
.chanpin{    background: #F6F6F6;padding: 80px 0;}
.cp{width: 1600px;margin: 0 auto;}
.product{    width: 1600px;}
.product li{width: 19%;}
.product li p:first-child{height: 456px;}
.product li p:last-child{background: #DA0011;color: #fff;line-height: 53px;font-size: 18px;position: relative;}
.product li p:last-child:before{content: "";display: block;position: absolute;width: 15px;height: 2px;background: #fff;left: 0;bottom: 29px;}
.product li p:last-child:after{content: "";display: block;position: absolute;    width: 50px;height: 2px;background: #fff;left: 0;bottom: 21px;}
.product li p:nth-child(2){position: relative;}
.product li p:nth-child(2):before{    z-index: 999;content: "";display: block;position: absolute;width: 15px;height: 2px;background: #fff;right: 0;bottom: -21px;}
.product li p:nth-child(2):after{    z-index: 999;content: "";display: block;position: absolute;    width: 50px;height: 2px;background: #fff;right: 0;bottom: -29px;}



/*优势*/
.ys{    width: 1600px;margin: 80px auto;}
.youshi_a{ width:100%;}
.youshi_a .left{ width:50%; height:100%; float:right;}
.youshi_a .left img{ width:100%; height:100%;    border: 3px solid #DA0011;box-sizing: border-box;}
.youshi_a .right{ width:43%; float:left; }
.menu_youshi{     border-bottom: 1px solid #E0E0E0;}
.menu_youshi a{ float:left; width:30%; margin-right:5%; text-align:center;margin-bottom: 40px; }
.menu_youshi a:nth-child(3n){ margin-right:0;}
.menu_youshi a span{ width:80px; height:80px; margin:0 auto; border-radius:50%; box-sizing:border-box; display:block; background: url(/images/btn_ys.png) no-repeat; }
.menu_youshi a:nth-child(2) span{ background-position:-80px -0;}
.menu_youshi a:nth-child(3) span{ background-position:-160px -0;}
.menu_youshi a:nth-child(4) span{ background-position:-240px 0;}
.menu_youshi a:nth-child(5) span{ background-position:-320px -0;}
.menu_youshi a:nth-child(6) span{ background-position:-400px -0;}
.menu_youshi a p{ text-align:Center;     margin-top: 15px;font-size: 16px;line-height: 22px;}
.menu_youshi a:hover:nth-child(1) span{ background-position:-0 -80px;}
.menu_youshi a:hover:nth-child(2) span{ background-position:-80px -80px;}
.menu_youshi a:hover:nth-child(3) span{ background-position:-160px -80px;}
.menu_youshi a:hover:nth-child(4) span{ background-position:-240px -80px;}
.menu_youshi a:hover:nth-child(5) span{ background-position:-320px -80px;}
.menu_youshi a:hover:nth-child(6) span{ background-position:-400px -80px;}
.menu_youshi a:hover p{ color:#DA0011;}
.content_youshi{ margin-top:40px;}
.content_youshi span{ font-size:50px; line-height:70px; float:right; font-family: arial; color:#D0D0D0; }
.content_youshi h4{ font-size:32px; line-height:45px;}
.content_youshi p{ line-height:22px; margin-top:20px;}
.content_youshi .small_box{ display:none;}



/*新闻*/
.xw1{padding: 80px 0;background: #F6F6F6;}
.xw{width: 1600px;margin: 0 auto;}
.xw li{width: 31%;margin-right: 3.5%;float: left;background: #FFFFFF;transition: 0.5s;position: relative;}
.xw li:nth-child(3){ margin-right: 0;}
.xw li h2{    font-size: 18px;line-height: 25px;font-weight: bold;padding: 20px 0 15px 20px;}
.xw li h3{    line-height: 24px;padding: 0 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xw li p{line-height: 22px;color: #666666;padding: 15px 0 20px 20px;position: relative;}
.xw li p:before{content: "";display: block;position: absolute;width: 35px;height: 2px;background: #CECECE;right: 20px;bottom: 29px;}
.xw li p:after{content: "";display: block;position: absolute;    width: 70px;height: 2px;background: #CECECE;right: 20px;bottom: 21px;}
.xw li:hover{background:#DA0011;}
.xw li:hover h2,.xw li:hover h3,.xw li:hover p {color:#fff;}
.xw li:hover  p:before{background: #fff;}
.xw li:hover  p:after{background: #fff;}
.xw li:before{content: "";display: block;position: absolute;width: 51px;height: 78px;background:  url(/images/xw.png) no-repeat;    left: 20px;top: -20px;}
.xw li:nth-child(2):before{background-position:-51px -0;}
.xw li:nth-child(3):before{background-position:-102px -0;}






/*底部*/
.di{width: 1600px; background:#DA0011 url('/images/di.png') no-repeat 50% 50%;  padding: 50px 100px;box-sizing: border-box;}
.lx{float: left;    font-size: 18px;color: #fff;}
.lx h3{  font-size: 16px;  margin-bottom: 20px;line-height: 22px;padding-bottom: 20px;border-bottom: 1px solid rgb(255,255,255,0.4);}
.lx h3 span{font-size: 20px;font-weight: bold;}
.ewm{     margin-top: 20px;   float: left;margin-right: 60px;text-align: center;}
.ewm h5{font-size: 16px;margin-top: 10px;}
.messages3 {float: right;width: 30%;    background: 0;}
.messages3 ul li input:first-child {margin: 0;    margin-bottom: 20px;}
.messages3 ul li input,.messages3 ul li textarea {float: inherit;        height: 50px;  background: rgb(255,255,255,0.8);   color: #333;   padding: 0; padding-left: 14px;   width: 100%;border: 0;;border-radius: 0;margin: 0;}
.messages3 ul li textarea:focus {border: 1px solid #fff;}
.messages3 ul li textarea {height: 150px;      padding-top: 14px;   font-size: 14px;}
.messages3 ul li input{margin-bottom: 20px;}
.messages3 ul li a {transition: 0.5s;width: 100%;background: #fff;border-radius: 0;font-size: 14px;color: #333;margin: 0;margin-top: 20px;line-height: 48px;height: 48px;}
.messages3 ul {padding: 0;width: 100%;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {border-color: inherit;outline: 0;outline: thin dotted \9;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow: inherit;border: 1px solid #fff;}
.messages3 ul li a:hover {width: 100%;background: #E8E8E8;color: #333;}

.footer-foot{background: #1A1A1A;position: relative;}
.footer-foot:after{content: "";display: block;position: absolute;background: #1A1A1A;    width: 100%;height: 500px;top: -500px;z-index: -1;}

.footer-foot .center{ width:1600px; margin:0 auto;}
.footer-foot p{ line-height:50px; float:left;}
.footer-foot p:last-child{ float:right;}

@media screen and (min-width:1440px) and (max-width:1680px){ 


  
  
  
  #mould78174 .nav {width: 90%;}
  #mould78174 .nav li {margin-right: 0;}
  
  .jj,.cp,.ys,.xw,.di,.footer-foot .center {width: 90%;}
  
  .product{width: 100%;}
  
  .about-right ul,.about-right .about-right1 img {display: none;}
  
  .title {margin-bottom: 40px;}
  .jj,.ys,{margin: 60px auto;}
  .chanpin ,.xw1{padding: 60px 0;}
  
  .title1 {margin-bottom: 60px;}
  
  .about-right .about-right1 h2, .about-right .about-right1 h3 {font-size: 28px;line-height: 36px;}
  
  .product li p:first-child {height: 369px;}
.menu_youshi a {margin-bottom: 20px;}
  .content_youshi {margin-top: 20px;}
  
  

.content_youshi span {display: none;}
  
  .youshi_a .right {width: 45%;}
  .content_youshi h4 {font-size: 22px;line-height: 30px;}
  .content_youshi p {margin-top: 10px;}
  .di {padding: 30px 50px;}


  
 

 


}




@media screen and (min-width:1360px) and (max-width:1439px){ 

  
  #mould78174 .nav {width: 90%;}
  #mould78174 .nav li {margin-right: 0;}
  
  .jj,.cp,.ys,.xw,.di,.footer-foot .center {width: 90%;}
  
  .product{width: 100%;}
  
  .about-right ul,.about-right .about-right1 img {display: none;}
  
  .title {margin-bottom: 40px;}
  .jj,.ys,{margin: 60px auto;}
  .chanpin ,.xw1{padding: 60px 0;}
  
  .title1 {margin-bottom: 60px;}
  
  .about-right .about-right1 h2, .about-right .about-right1 h3 {font-size: 28px;line-height: 36px;}
  
  .product li p:first-child {height: 348px;}
.menu_youshi a {margin-bottom: 20px;}
  .content_youshi {margin-top: 20px;}
  
  

.content_youshi span {display: none;}
  
  .youshi_a .right {width: 45%;}
  .content_youshi h4 {font-size: 22px;line-height: 30px;}
  .content_youshi p {margin-top: 10px;}
  .di {padding: 30px 50px;}
  
  
  
  
  
}
