* {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    font-size: 14px;
}

ul li {
    list-style: none;
}

ul {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

h1,
p {
    margin: 0 !important;
    padding: 0 !important;
}

a {
    text-decoration: none !important;
}

a:link {
    text-decoration: none !important;
}

a:active {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}

a {
    cursor: pointer;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}
.head-nav{background: #fff; width: 1200px;margin: 0 auto;height: 88px;position: relative;z-index: 99;top: 705px;}
.head-nav h1{float: left;}
.head-nav ul li{float: left;line-height: 88px;height: 88px;padding: 0 18px; }
.head-nav ul li a{font-size: 16px;color: #333333;}
.head-nav ul:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.head-nav ul{zoom:1;float: left;}
.head-nav ul li a{display: block;width: 100%;height: 100%;}
.head-nav ul li::after{top: -52px;left: 22px; float: right; position: relative;display: block;content: "";width: 1px;height: 17px;background: #d6d6d6;}
.head-nav ul li:last-child::after{display: none;}
.head-nav ul li a:hover{color: #c0230e;}
.about-content{width: 100%;height: 740px;padding-top: 55px; }
.about-title{text-align: center;margin-bottom: 40px;}
.about-main{width: 100%;height: 300px;background:url(../image/bg.jpg)center center no-repeat;}
.about_main{width: 1200px;height: 100%;margin: 0 auto;}
.about-txt{float: left;width: 600px;height: 100%;padding: 60px 57px 0 0;}
.about-txt p{font-weight: bold; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-size: 18px;color: #c0230e;}
.about-txt a{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;margin-top: 45px; font-size: 14px;color: #333333;width: 543px;height: 119px;display: block;}
.about-cum{width: 600px;height: 100%;float: right;padding-top: 220px;}
.about-cum a{width: 180px;height: 45px;margin-left: 42px; border: 2px solid #fff;text-align: center;line-height: 40px;font-size: 18px;color: #fff;display: block;}
.about-cum a:hover{border: 2px solid #c0230e;color: #c0230e;}
.about-spread{width: 1200px;margin: 0 auto;height: 270px;padding-top: 58px;}
.about-spread ul li{float: left;width: 122px;height: 180px;margin: 0 89px;transition: all 0.5s ease-out 0s;}
.ul-img{padding-top: 30px; width: 122px;height: 122px;border: 3px solid #c0230e;border-radius: 150px;}
.about-spread ul:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.about-spread ul{zoom:1}
.ul-txt{font-size: 16px;color: #333333;padding-top: 30px;}
.product-content{background: #c0230e;width: 100%;height: 726px;padding-top: 65px;}
.product-main{width: 1200px;height: 100%;margin: 0 auto;}
.pro-title{text-align: center;}
/* 本例子css */
.multipleColumn{ position:relative; width:1200px;}
.multipleColumn .hd{  }
.product-main .tempWrap{width: 1200px !important;height: 480px;}
.multipleColumn .hd .prev{    top: 260px;
    left: 88px;position: relative; display:block;  width:29px; height:45px; float:right;   overflow:hidden;
     cursor:pointer; background:url(../image/pro-right.png) no-repeat;}
.multipleColumn .hd .next{position: relative;left: -88px;top: 260px; background:url(../image/pro-left.png) no-repeat;   display:block;  width:29px; height:45px; float: left;;   overflow:hidden;}
.multipleColumn .hd .prev:hover{background: url(../image/hover-pro-right.png)center center no-repeat;}
.multipleColumn .hd .next:hover{background: url(../image/hover-pro-left.png)center center no-repeat;}
.multipleColumn .bd{ overflow:hidden;width: 1200px;height: 480px;}
.multipleColumn .bd ul{margin-right: 30px !important; overflow:hidden; zoom:1; width:380px !important;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ overflow:hidden; text-align:center;width: 380px;height: 225px;}
.pro-img{width: 380px;height: 225px;overflow: hidden;}
.pro-img img{width: 100%;height: 100%;transition: all 0.5s ease-out 0s;}
.pro-txt{padding: 0 66px;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap; height: 37px;line-height: 37px;position: relative;top: -37px;background: rgba(0, 0, 0, .7);font-size: 16px;color: #fff;}
.product-main ul li:nth-child(2){margin-top: 30px;}
.product-main ul li:hover .pro-txt{color: #c0230e;}
.product-main ul li:hover .pro-img img{
    transform: scale(1.4);
    transition: all 0.5s ease-out 0s;
}
.honor-main{width: 1200px;height: 685px;margin: 0 auto;padding-top: 66px;}
.honor-title{text-align: center;margin-bottom: 32px;}
.honor-main ul li{float: left;width: 265px;height: 230px;margin-left: 15px;}
.honor-main ul li:first-child{width: 360px;height: 460px;margin-left: 0px;}
.honor-main ul li .honor-img{width: 100%;height: 100%;}
.honor-img img{width: 100%;height: 100%;}
.honor-img1{width: 265px;height: 190px;overflow: hidden;}
.honor-img1 img{width: 100%;height: 100%;}
.honor-txt{overflow: hidden;
    padding: 0 50px;
    text-overflow:ellipsis;
    white-space: nowrap;transition: all 0.5s;width: 100%;height: 40px;line-height: 40px;font-size: 14px;color: #333333;}
.honor-main ul li:hover .honor-txt{background: #c0230e;color: #fff;}
.case-bg{width: 100%;height: 726px;background: url(../image/case-bg.jpg)center center no-repeat;}
.case-main{width: 1200px;height: 100%;margin: 0 auto;padding-top: 63px;}
.case-title{text-align: center;margin-bottom: 43px;}
.title-1{width: 826px;height: 477px;background: url(../image/title.png)center center no-repeat;float: left;position: relative;left: -82px;}
.case-img{width: 620px;height: 388px;float: left; overflow:hidden;}
.case-img img{width:100%;}
.case-txt{width: 579px;float: right;padding-right: 43px;padding-left: 80px;height: 100%;padding-top: 60px;}
.case-txt p{text-align: right;font-size: 24px;color: #333333;}
.case-txt a{font-size: 16px;color: #999999;margin-top: 50px;display: block;line-height: 30px;width: 456px;height: 120px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
.case-txt a:hover{color: #c0230e;}
.chakan2{float: right; display: block;width: 325px;height: 50px;text-align: center;line-height: 50px;background: #c0230e;margin-right: 24px;position: relative;top:-65px; border-radius: 15px;font-size: 14px;color: #fff;}
.chakan2:hover{color: #fff;}
.fargim{width: 1200px;height: 675px;margin: 0 auto;padding-top: 55px;}
.fargim-title{text-align: center;margin-bottom: 34px;}
.fargim ul li{float: left;width: 360px;height: 460px;margin-right: 60px;}
.fargim ul li:last-child{margin-right: 0px;}
.fargim-txt{width: 100%;height: 140px;overflow: hidden;transition: all 0.5s ;}
.fargim-txt p:first-child{font-size: 16px;color: #333333;margin: 14px 0 !important;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;padding: 0 40px !important;}
.fargim-txt p:nth-child(2){font-size: 14px;color: #999999;width: 100%;height: 75px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.fargim-img{width: 100%;height: 320px;}
.fargim-img img{width: 100%;height: 100%;}
.fargim ul li:hover .fargim-txt{background: #c0230e;}
.fargim ul li:hover .fargim-txt p{color: #fff;}
.news-contetn{background: #c0230e;width: 100%;height: 650px;}
footer{width: 100%;height: 728px;padding-top: 52px;overflow: hidden;}
.contact-title{text-align: center;margin-bottom: 37px;}
.fot-top{position: relative;top: -120px; width: 100%;height: 195px;background: #c0230e;}
.fot-main{background: #fff; width: 1200px;height: 490px;margin: 0 auto;box-shadow: 0px 0px 4px #666666;position: relative;z-index: 99;}
.lianxi1{box-shadow: 0px 0px 1px #666666;float: left;width: 485px;height: 100%;padding: 50px 5px 0 20px;}
.lianxi1 .fitst-lianxi p{font-size: 14px;color: #333333;float: left;width: 190px;}
.lianxi{width: 100%;height: 30px;}
.lianxi1 .fitst-lianxi img{float: left;}
.lianxi1 .em img{float: left;}
.fitst-lianxi{height: 25px;float: left;}
.em{height: 25px;line-height: 25px;margin-top: 70px;}
.em img{margin-right: 10px;margin-top: 4px;}
.em p{font-size: 14px;color: #333333;width: 90% !important;}
.lianxi1 .dz img{float: left;margin-right: 12px;margin-left: 2px;}
.lianxi1 .dz{height: 45px;line-height: 25px;margin-top: 35px;}
.lianxi1 .dz p{font-size: 14px;color: #333333;}
.erweima{width: 210px;height: 250px;float: left;margin-top: 10px;}
.erweima img{width: 210px;height: 210px;border: 1px solid #c8c8c8;}
.erweima p{font-size: 14px;color: #333333;text-align: center;}
.erweima{margin-right: 20px;}
.erweima:last-child{margin-right: 0px;}
.ditu{float: right;width:715px;height: 490px;}
.fot-top{text-align: center;font-size: 14px;color: #fff;padding-top: 147px;}
.fot-top a:hover{color: #666666;}
.fot-top a{color: #fff;font-size: 14px;}
.main_02_02 a:hover{color: #4e4e4e;}
.about-txt a:hover{ color:#c0230e;}
.about-spread ul li:hover{
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    transform: translate(0, -20px);
    -webkit-transform: translate(0, -20px);

}
.nav_top{width:1200px; height:88px; background:#fff; margin:0 auto;}
.nav_top h1{float:left;}
.nav_top ul li{float:left; height:88px; line-height:88px; padding:0 20px;}
.nav_top ul li:hover{background:#c0230e;}
.nav_top ul li a{color:#333333; font-size:15px;}
.nav_top ul li:hover a{color:#fff;}
.nav_top ul li.active{background:#c0230e;}
.nav_top ul li.active a{ color:#fff;}
.nav_top ul{float:right;}
.fot-background{ width:100%; background:#4e4c4d; height:60px;}
.fot-back-main{width:1200px; height:60px; line-height:60px; font-size:16px; color:#fff; text-align:center; margin:0 auto;}
.fot-back-main a{font-size:16px; color:#fff;}
.fot-back-main a:hover{color:#c0230e;}
.xiao a{display:block; height:30px; overflow:hidden;}