body{font-family:"微软雅黑"!important;font:14px pingfang !important;line-height: 24px;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;font-family:"微软雅黑"!important;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}

.topp{
    width: 100%; overflow: hidden;

    background-color: #f4f4f4;
}
.topn{
    width:1200px;   margin: 0 auto; overflow: hidden;
    line-height: 30px;
    color: #858383;
}


.topn  span {
   float: right;
    color: #858383;

}
.topn  span img{
    width: 30px;


}
.topn  span a{
    text-decoration:none;
    color: #858383;
}
.head{
    width:1200px;   margin: 0 auto; overflow: hidden;

}
.head img{
    float: left;

}
.headr{float: right; width: 305px;margin-top: 25px;
    animation-name: bounceIn;
    animation-duration: 3s;
}
.headr img{
    float: left;

}
.headr p{
    line-height: 35px;
    float: left;
    font-size:20px;
    font-weight: 800;
}
.nav{
    width: 100%; background-color:#c8000b; overflow: hidden;
}
.nav ul{
    width:1200px;  margin: 0 auto;
}
.nav ul li{
    float: left;
    color: #ffffff;
}
.nav ul li a{
    line-height: 60px;
    color: #ffffff;
    padding: 0 37px;
    text-decoration:none;
    font-size: 18px;
}

.naven ul li a{
    line-height: 60px;
    color: #ffffff;
    padding: 0 36px;
    text-decoration:none;
    font-size: 18px;
}

.nav ul li a:hover{
    color: #e2f607;

 }
.aboutw{width: 100%;overflow: hidden; background-color: #f9f9f9;}
.about{
    width:1200px;  margin: 0 auto; overflow: hidden;
    padding: 70px 0;
}
.about-left{
    width:470px;overflow: hidden; float: left;

}
.about-left img{
    margin-top: 30px;
   float: right;
    transition: transform 0.8s ease;
}
.about-left :hover{
    transform: scale(1.1);
}



.about-right {
    float: left;
    width: 600px;
}
.about-c{
    float: left;
}

.about-right h1{
    margin-top: 10px; font-size: 33px; color: #323232;
}
.about-right h2{
    margin-top: 5px; font-size: 22px; color: #323232; margin-left: 2px;font-weight:normal;
}
.about-right p{
    margin-top: 15px;
    line-height: 30px;
    font-size: 15px;
    color: #636363;
}

.about-right button{
    width: 120px; height: 40px; background-color: #c9010c; color: #ffffff; border: 0px; margin-top: 30px;
}


.about-right img {
    float: right;
}
.productw{
    width: 100%;overflow: hidden; background-color: #ffffff;
}
.product{
    width:1200px;  margin: 0 auto; overflow: hidden; padding: 20px 0;


}
.product h1{
    width:100% ;text-align: center; font-size: 35px; padding:10px 0;


}
.product h3{
    width:100% ;text-align: center; font-weight: 400; color: #636363;margin-bottom: 40px;
}
.p-left{
    width: 310px;
    overflow: hidden;
    float: left;
}
.plt{
    background-image: url('../images/productss.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 30px;padding: 30px 0; text-align: center; font-weight: 800; color: #ffffff;

}

.p-left ul{
    width: 100%;
}
.p-left ul li{
    background-color: #ededed;color: #747474;
    width: 100%;  margin: 8px 0; line-height: 50px; padding-left: 20px; font-size: 18px;
}

.p-left ul a   {
    color: #ffffff; text-decoration:none;
    
}
.p-left ul a span{
   font-size:10px;
}
.p-left img{ width: 100%;}
.p-right{
    overflow: hidden;float: right; width: 880px;border:1px #d8d8d8 solid;
}
.p-right p{
    font-size: 20px; padding:5px; width: 100%; background-color: #a39f9f; color: #ffffff; 
}
.p-right ul{
    width: 100%; overflow: hidden;
}
.p-right ul li{
    float: left; width: 47%; overflow: hidden;  margin: 12px;
  
}
.p-right ul li img {
    width: 100%;
    transition: transform 0.8s ease;
}


.p-right ul li :hover img {
    transform: scale(1.1); /* 鼠标经过时放大1.1倍 */
}

.p-right ul li p{
    left: 35px; font-size: 20px; text-align: center;
}

.p-right ul li a{
    color: #737373; text-decoration:none; font-weight: 500;
    
}

.case{
    width:1200px;  margin: 0 auto; overflow: hidden; padding: 70px 0;
}

.case h1{
    width:100% ;text-align: center; font-size: 35px; padding: 20px 0;
}
.case img{margin: 0 auto;}

.case ul{
    width: 80%; overflow: hidden; margin: 0 auto;
}
.case ul li{
    background-color: #ffffff;
    float: left; width: 45%; overflow: hidden;  margin: 10px;
    padding: 10px;
}

.case ul li img {
    width: 100%;
}

.case ul li p{
    left: 35px; font-size: 20px; text-align: center;
}

.case ul li a{
    color: #737373; text-decoration:none; font-weight: 500;
}
.casew{
    width: 100%; overflow: hidden;
    background-image: url('../images/casebg.jpg');

}

.news{
    width:1200px;  margin: 0 auto; overflow: hidden; padding: 40px 0;
}
.news h1{
    width:100% ;text-align: center; font-size: 35px; padding: 20px 0;
}
.news h3{
    width:100% ;text-align: center; font-weight: 400; color: #636363;margin-bottom: 40px;
}

.news ul{
    width:100%; overflow: hidden;
}

.news ul li{
    width: 30%; float: left; margin: 1%;
    height: 430px;
}
.news ul li img {
    width: 100%;
    transition: transform 1.3s ease;
}
.news ul li img:hover{
    transform: scale(1.1);
}
.news ul li h1{
font-size: 23px; text-align: left;line-height: 10px;
}
.news ul li  button{
    width: 120px; height: 40px; background-color: #959595; color: #ffffff; border: 0px; margin-top: 30px;
}
.news ul li:hover h1 {
    color: #c3141b;
}
.news ul li :hover button{
    background-color: #c3141b;
}

.news ul li  a{
    color: #555555;
    text-decoration:none;
}

.footw{
    width: 100%; overflow: hidden; background-color: #c8000b;
}
.foot{
    width: 1200px; overflow: hidden; margin: 0 auto;
}

.foot-l{
    width:28%; overflow: hidden; float: left;padding-top: 20px;padding-bottom: 20px;
}
.foot-l p{
    color: #ffffff; line-height: 30px; font-size: 15px;width: 360px;
    word-wrap: break-word; /* 旧版浏览器支持 */
    overflow-wrap: break-word; /* 标准属性 */
}

.foot-c{
    width: 40%;  overflow: hidden; float: left;  background-color: #a70008; text-align: center;
}

.foot-c p{
    color: #ffffff; line-height: 100px; font-size: 15px;

}

.foot-r{
    width: 28%; overflow: hidden; float: left;
}
.foot-r ul{
    padding-top:50px;padding-left:30px;
}
.foot-r ul li{
    float: left; width: 45%; margin-left: 15px;
}
.foot-r ul li p{
    text-align: center; color: #ffffff;
}
.bottomw{
    width: 100%; height: 45px; background-color: #830006;
}

.bottom{
    width: 1200px; overflow: hidden;text-align: right;color: #ffffff; line-height: 45px; margin: 0 auto;
}
.bottom a{
    color: #ffffff;text-decoration:none;
}