body,li,form,div,dl,



dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,hr {margin: 0;padding: 0;}



* {box-sizing: border-box;}



a {color: blackl;}



a:link,



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



.clearfix:before,



.clearfix:after {content: "";display: block;height: 0;clear: both;overflow: hidden;}



.clearfix {zoom: 1;}



ul li {list-style: none;padding: 0;}



body {font-size: 14px;position: relative;}



/* 页头 */



.he-top{



    width:100%;



    min-width: 1200px;



    height:34px;



    background:#e6e6e6;



}



.wrap{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



}



.he-top h3{



    font-size: 14px;



    color:#5c5c5c;



    line-height:2.5;



}



#Navbox a{



    font-size: 14px;



    color:#5c5c5c;



}



#Navbox{



    margin-top: 6px;



}



/* logo导航 */



.lodh{



    width:1200px;



    /* overflow: hidden; */



    margin:0 auto;



}



.lodh img{



    width:500px;



    height:70px;



    margin: 11px 0 0 0;



}



.dskl {



    width: 700px;



    height: 100px;







  }



  



  .w {



    width: 760px;



  }



  



  .dskl .albm {



    width: 790px;



    height: 100px;



    line-height: 100px;



    display: flex;



  }



  



  .dskl .albm li {



    width: 85px;



    height: 98px;



    text-align: center;



    position: relative;



    margin-right: 18px;



  }



  



  .dskl .albm li:hover {



    width: 85px;



    height:99px;



    border-bottom:3px solid #cc0000;



  }



  



  .dskl .albm li a {



    color: #373737;



    display: block;



    font-size: 16px;



  }



  .dskl .albm .on {



    width: 85px;



    height:99px;



    border-bottom:3px solid #cc0000;



  }



  .dskl .albm li:hover .bdvf {



    display: block;



  }



  



  .dskl .albm li .bdvf {



    display: none;



    background-color: #fff;



    position: absolute;



    left: -36px;



    top: 98px;



    width: 151px;



    border: 1px solid #e8e8e8;



    border-top:none;



    z-index: 20;



  }



  



  



  .dskl .albm li .bdvf li {



    height: 45px;



    width: 150px;



    border-top: 1px solid #e8e8e8;



  }



  



  .dskl .albm li .bdvf li a {



    font-size: 16px;



    color: #373737;



    font-weight: normal;



    margin: 0 0 0 0;



    line-height: 2.8;



    height: 45px;



  }



  



  .dskl .albm li .bdvf li a:hover {



    border-bottom:2px solid #cc0000;



  }







/*轮播图*/



.clearfix {



    zoom: 1;



  }



  



  .clearfix:before,



  .clearfix:after {



    display: table;



    line-height: 0;



    content: "";



  }



  



  .clearfix:after {



    clear: both;



  }



  



  .slide-main {



    width: 100%;



    min-width: 1200px;



    height: 600px;



    position: relative;



    margin-top: 100px;



  }



  



  .prev,



  .next {



    display: none;



    width: 44px;



    height: 44px;



    position: absolute;



    z-index: 222;



    top: 215px;



    overflow: hidden;



    cursor: pointer;



    opacity: 0.6;



    -moz-opacity: 0.6;



    filter: alpha(opacity=60);



    _border: 1px solid none;



  }



  



  .prev {



    left: 70px;



  }



  



  .next {



    right: 70px;



  }



  



  .prev:hover,



  .next:hover,



  .nav-main a:hover,



  .nav-main a.cur {



    opacity: 1;



    -moz-opacity: 1;



    filter: alpha(opacity=100);



  }



  



  .item1 {



    display: block;



    width: 100%;



    height: 5px;



    position: absolute;



    z-index: 124;



    bottom: 20px;



    left: 0;



    text-align: center;



  }



  



  .item a {



    display: inline-block;



    width: 30px;



    height: 8px;



    margin-right: 11px;



    background: #fff;



  



    filter: alpha(opacity=60);



    overflow: hidden;



  }



  



  .item a.cur {



    background:#cc0000;



  }



  



  .slide-box,



  .slide {



    display: block;



    width: 100%;



    height: 600px;



    overflow: hidden;



  }



  



  .slide-box {



    position: relative;



  }



  



  .slide {



    display: none;



    position: relative;



    float: left;



    z-index: 8;



  }



  



  #bgstylea {



    background: url(../img/banner1.jpg)top center no-repeat;



    background-size: cover;



  }



  



  #bgstyleb {



    background: url(../img/banner2.jpg)top center no-repeat;



    background-size: cover;



  }



  



  #bgstylec {



    background: url(../img/banner3.jpg)top center no-repeat;



    background-size: cover;



  }



  #bgstyled {



    background: url(../img/banner4.jpg)top center no-repeat;



    background-size: cover;



  }



  



  .slide a {



    display: block;



    width: 100%;



    height: 600px;



    cursor: pointer;



  }







/* 四大保证 */



.index-bz{



    width:100%;



    min-width: 1200px;



    height:132px;



    margin-bottom:50px;



}



.index-bg{



    width:1304px;



    min-width: 1200px;



    height:132px;



    background:#f8f8f8;



}



.bz{



    width:1200px;



    overflow: hidden;



   margin:0 auto;



    position: relative;



    margin-top: -132px;



}







#bul{



    width:941px;



    height:132px;



    overflow: hidden;



}



#bul li{



    width:235px;



    height:132px;



    border-right:1px solid #e8e8e8;



    text-align: center;



    overflow: hidden;



    float: left;



}



#bul li:last-child{



    border:none;    



}



#bul li h3{



    font-size: 16px;



    font-weight: bold;



    color:#414141;



    margin: 27px 0 10px 0;



}



#bul li span{



    width:10px;



    border:1px solid #cc0000;



    display: block;



    margin:0 auto;



    margin-bottom:10px;



}



#bul li p{



    font-size: 14px;



    color:#8d8d8d;



    line-height: 1.5;



    display: block;



    width:67%;



    margin:0 auto;



}







#dha{



    width:257px;



    height:132px;



    background:#cc0000;



    padding: 40px 25px 40px 25px;



}



#dha .dmg,.dp{



    float: left;



}



.dmg{



    width:20px;



    height:20px;



    margin: 0 5px 1px 0;



}



#dha .dp{



    font-size: 14px;



    color:#fff !important;



}



#dha h3{



    font-size: 30px;



    font-weight: bold;



    color:#fff;



    margin:0 0 0 0;



}



/* 产品 */



.index-pro{



    width:100%;



    min-width: 1200px;



    overflow: hidden;



}







/* 标题 */



.index-tle{



    width:100%;



    overflow: hidden;



    min-width: 1200px;



}



.index-tle .tle{



    width:10%;



    height:55px;



    text-align: center;



}



.index-tle .zxian,.tle,.yxian{



    float: left;    



}



.zxian{



    float: left;



    width:45%;



    border-bottom:1px solid #e8e8e8;



    box-shadow: 0.5px 0.5px 0.5px 0.5px #e8e8e8;



    margin: 43px 0 0 0;



}



.yxian{



    float: right;



    width:45%;



    border-bottom:1px solid #e8e8e8;



    box-shadow: 0.5px 0.5px 0.5px 0.5px #e8e8e8;



    margin: 43px 0 0 0;



}







.tle h3{



    font-size: 24px;



    font-weight: bold;



    color:#464646;



    margin:0 0 0 0;



    position: relative;



    z-index: 111;



}



.tle .zs{



    width:100%;



    height:9px;



    background:#fbeced;



    position: relative;



    z-index: 11;



    display: block;



    margin: -15px 0 15px 0;



}



.tle p{



    font-size: 14px;



    color:#b5b5b5;



}



























/* 产品list */



.pros{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



}



.pros ul{



    width:1250px;



}



.pros ul li{



    width:275px;



    overflow: hidden;



    float: left;



    margin: 33px 33px 0px 0;



    transition: all 1s;



}







.pro-list{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



    margin-top: 20px;



    margin-bottom:30px;



}



.pro-list ul{



    width:1250px;



}



.pro-list ul li{



    width:275px;



    overflow: hidden;



    float: left;



    margin: 33px 33px 0px 0;



    transition: all 1s;



}



.pro-list ul li img{



    width:100%;



    height:205px;



    transition: all 1s;



}







.pro-list ul li:hover{



    transition: all 1s;



    box-shadow: 6px 6px 10px -5px #ccc;



}



.pro-list ul li:hover img{



    opacity: 0.4;



    transition: all 1s;



    transform: scale(1.5);



}



.pro-list ul li:hover .cyy{



    transition: all 1s;



    display: block;



}











/* 关于四季火 */



.index-about{



    width:100%;



    overflow: hidden;



    min-width: 1200px;



    margin-bottom:20px;



}



.abtnr{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



    margin-top: 45px;



}



.abtnr video{



    width:712px;



    height:400px;



    object-fit: cover;



}



#gsxx{



    width:464px;



    height:400px;



    margin-bottom:37px;



}



#gsxx h3{



    font-size: 16px;



    font-weight: bold;



    color:#4b4b4b;



    margin:27px 0 25px 0;



}







#gsxx p{



    font-size: 14px;



    color:#898989;



    line-height: 1.5;



    margin:0 0 35px 0;



}







#gsxx a{



    width:120px;



    padding: 10px 0;



    display: block;



    background:#cc0000;



    color:#fff;



    font-size: 14px;



    margin: 67px 0 0 0;



    text-align: center;



}



/* 滚动资质 */



.one {



    margin: 0px auto;



    height: 212px;



    width: 1200px;



    overflow: hidden;



    position: relative;



}







.one ul {



    height: 212px;



    width: 100000px;



    position: absolute;



    left: 0;



}







/*ul width的宽不能过小*/



.one ul li {



    display: block;



    float: left;



    margin: 5px;



    height: 212px;



    border-radius: 5px;



    position: relative;



}







.one ul li a {



    display: inline-block;



    height: 212px;



}







.one ul li img {



    width:160px;



    height:200px;



    display: block;



}







/* 三大优势 */



.index-treys{



    width:100%;



    min-width:1200px;



    background:url(../img/bg.jpg)no-repeat center; 



    background-size: 100% 100%;



    margin-top: 35px;



    overflow: hidden;



}



.trbt{



    width:698px;



    height:154px;



    margin:0 auto;



    margin-top: 55px;



    text-align: center;



}



.trbt h3{



    font-size: 30px;



    font-weight: bold;



    color:#414141;



    margin:0 0 0 0;



    position: relative;



    z-index: 111;



}



.trbt span{



    width:443px;



    height:23px;



    background:#fbeced;



    display: block;



    margin:0 auto;



    margin-top: -17px;



    margin-bottom: 17px;



    position: relative;



}



.trbt p{



    font-size: 16px;



    color:#414141;



    margin:0 0 0 0;    



}



.trbt h2{



    font-size: 80px;



    color:#e6e6e6;



    font-weight: bold;



}



.trenr{



    width:1200px;



   overflow: hidden;



    margin:0 auto;



    position: relative;



    z-index: 111;



    margin-bottom:55px;



    margin-top: -30px;



}



.ys1,.ys2,.ys3{



    float: left;



}



.ys1{



    width:365px;



    overflow: hidden;



    margin-right: 51px;



    margin-top: 70px;



}



.ys1 .ymg{



    width:365px;



    overflow: hidden;



}



.ymg img{



    width:365px;



    height:248px;



    margin:0 0 0 0;   



}







.ys1 h3{



    font-size: 16px;



    font-weight: bold;



    color:#686868;



    margin:23px 0 10px 0;    



}



.ys1 h4{



    font-size: 16px;



    font-weight: normal;



    color:#b7b7b7;



    margin:0 0 15px 0;



}



.ys1 span{



    width:20px;



    border:1px solid #cc0000;



    display: block;



    margin:0 0 22px 0;    



}



.ys1 p{



    font-size: 14px;



    color:#666666;



    margin:0 0 20px 0;



}



.ys2{



    width:365px;



    height:640px; 



}



.ys2 .smg{



    width:365px;



    overflow: hidden;



}



.smg img{



    width:365px;



    height:452px;



    transition: all 1s; 



    margin:0 0 0 0;   



}







.ys2 h3{



    font-size: 16px;



    font-weight: bold;



    color:#686868;



    margin:23px 0 10px 0;    



}



.ys2 h4{



    font-size: 16px;



    font-weight: normal;



    color:#b7b7b7;



    margin:0 0 15px 0;



}



.ys2 span{



    width:20px;



    border:1px solid #cc0000;



    display: block;



    margin:0 0 22px 0;    



}



.ys2 p{



    font-size: 14px;



    color:#666666;



    margin:0 0 20px 0;



}











.ys3{



    width:365px;



    height:445px;



    margin-top: 70px;



    float: right;



}



.ys3 .ymg{



    width:365px;



    overflow: hidden;



}



.ymg img{



    width:365px;



    height:248px;



    margin:0 0 0 0;   



}







.ys3 h3{



    font-size: 16px;



    font-weight: bold;



    color:#686868;



    margin:23px 0 10px 0;    



}



.ys3 h4{



    font-size: 16px;



    font-weight: normal;



    color:#b7b7b7;



    margin:0 0 15px 0;



}



.ys3 span{



    width:20px;



    border:1px solid #cc0000;



    display: block;



    margin:0 0 22px 0;    



}



.ys3 p{



    font-size: 14px;



    color:#666666;



    margin:0 0 20px 0;



}







/* 生产现场 */



.index-xianc{



    width:100%;



    overflow: hidden;



    min-width: 1200px;



    background:url(../img/cabg.jpg) no-repeat center;



    background-size: 100% 100%;



}



/* 现场list */



.xian-list{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



    margin-top: 30px;



    margin-bottom:0px;



}



.xian-list ul{



    width:1230px;



    overflow: hidden;



}



.xian-list ul li{



    width:280px;



    float: left;



    overflow: hidden;



    margin: 0px 26px 26px 0;



}

.he_border3 {

    background: #000;

    width:280px;

    height:340px;

    padding: 0;

    margin: 0;

    position: relative;

    box-sizing: border-box;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_border3 .he_border3_img {

    display: block;

    width:100%;

    height:340px;

    padding: 0;

    margin: 0;

    position: relative;

    opacity: 1;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_border3:hover .he_border3_img {

    position: absolute;

    opacity: .6

}



.he_border3 .he_border3_caption {

    color: #fff;

    padding: 0;

    margin: 0;

    -moz-backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_border3 .he_border3_caption::before,

.he_border3 .he_border3_caption::after {

    position: absolute;

    content: '';

    opacity: 0;

    -webkit-transition: opacity 0.4s, -webkit-transform .4s;

    -moz-transition: opacity 0.4s, -moz-transform .4s;

    -o-transition: opacity 0.4s, -o-transform .4s;

    transition: opacity 0.4s, transform .4s

}



.he_border3 .he_border3_caption::before {

    top: 14%;

    right: 5%;

    bottom: 14%;

    left: 5%;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

    -webkit-transform: scale(0, 1);

    -moz-transform: scale(0, 1);

    -o-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: 0 0;

    -moz-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    transform-origin: 0 0

}



.he_border3 .he_border3_caption::after {

    top: 8%;

    right: 10%;

    bottom: 8%;

    left: 10%;

    border-right: 1px solid #fff;

    border-left: 1px solid #fff;

    -webkit-transform: scale(1, 0);

    -moz-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    transform: scale(1, 0);

    -webkit-transform-origin: 100% 0;

    -moz-transform-origin: 100% 0;

    -o-transform-origin: 100% 0;

    transform-origin: 100% 0

}



.he_border3:hover .he_border3_caption::before,

.he_border3:hover .he_border3_caption::after {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1)

}



.he_border3 .he_border3_caption,

.he_border3 .he_border3_caption>a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden;

    z-index: 1000

}



.he_border3 .he_border3_caption_h {

    font-size: 1.3em;

    font-weight: 700;

    text-align: center;

    width: 80%;

    position: absolute;

    top: 20%;

    left: 10%;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

    overflow: hidden;

    opacity: 1

}



.he_border3 .he_border3_caption_p {

    font-size: 18px;

    text-align: center;

    width: 75%;

    position: absolute;

    top: 60%;

    left: 12%;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden;

    opacity: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.he_border3:hover .he_border3_caption_p {

    top: 45%;

    opacity: 1

}









.xa{



    width:120px;



    padding: 10px 0;



    text-align: center;



    color:#fff;



    background:#cc0000;



    display: block;



    margin:0 auto;



    margin-bottom: 25px;



}



.xa:hover{



    color:#fff;



}







/* 公司案例 */



.index-case{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



    margin-top: 54px;



    margin-bottom: 0px;



}



.ca-top{



    width:100%;



    height:252px;



}



.ca-top .c1,.cnr,.c2{



    float: left;



}



.ca-top .c1{



    width:285px;



    height:252px;



    float: left;



    overflow: hidden;



}



.he_border2 {

    background: #000;

    width:285px;

    height:252px;

    padding: 0;

    margin: 0;

    position: relative;

    box-sizing: border-box;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_border2 .he_border2_img {

    display: block;

    width:100%;

    height:252px;

    padding: 0;

    margin: 0;

    position: relative;

    opacity: 1;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_border2:hover .he_border2_img {

    position: absolute;

    opacity: .6

}



.he_border2 .he_border2_caption {

    color: #fff;

    padding: 0;

    margin: 0;

    -moz-backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_border2 .he_border2_caption::before,

.he_border2 .he_border2_caption::after {

    position: absolute;

    content: '';

    opacity: 0;

    -webkit-transition: opacity 0.4s, -webkit-transform .4s;

    -moz-transition: opacity 0.4s, -moz-transform .4s;

    -o-transition: opacity 0.4s, -o-transform .4s;

    transition: opacity 0.4s, transform .4s

}



.he_border2 .he_border2_caption::before {

    top: 14%;

    right: 5%;

    bottom: 14%;

    left: 5%;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

    -webkit-transform: scale(0, 1);

    -moz-transform: scale(0, 1);

    -o-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: 0 0;

    -moz-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    transform-origin: 0 0

}



.he_border2 .he_border2_caption::after {

    top: 8%;

    right: 10%;

    bottom: 8%;

    left: 10%;

    border-right: 1px solid #fff;

    border-left: 1px solid #fff;

    -webkit-transform: scale(1, 0);

    -moz-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    transform: scale(1, 0);

    -webkit-transform-origin: 100% 0;

    -moz-transform-origin: 100% 0;

    -o-transform-origin: 100% 0;

    transform-origin: 100% 0

}



.he_border2:hover .he_border2_caption::before,

.he_border2:hover .he_border2_caption::after {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1)

}



.he_border2 .he_border2_caption,

.he_border2 .he_border2_caption>a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden;

    z-index: 1000

}



.he_border2 .he_border2_caption_h {

    font-size: 1.3em;

    font-weight: 700;

    text-align: center;

    width: 80%;

    position: absolute;

    top: 20%;

    left: 10%;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

    overflow: hidden;

    opacity: 1

}



.he_border2 .he_border2_caption_p {

    font-size: 14px;

    text-align: center;

    width: 75%;

    position: absolute;

    top: 60%;

    left: 12%;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden;

    opacity: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.he_border2:hover .he_border2_caption_p {

    top: 45%;

    opacity: 1

}







.cnr{



    width:598px;



    height:252px;



    margin: 0 0px 0 15px;



}



/* 标题 */



.cn-tle{



    width:100%;



    overflow: hidden;



}



.cn-tle .ctle{



    width: 24%;



    height:55px;



    text-align: center;



}



.cn-tle .cxian,.ctle,.cxian{



    float: left;    



}



.cxian{



    float: left;



    width: 38%;



    border-bottom:1px solid #e8e8e8;



    box-shadow: 0.5px 0.5px 0.5px 0.5px #e8e8e8;



    margin: 43px 0 0 0;



}



.cyxian{



    float: right;



    width: 38%;



    border-bottom:1px solid #e8e8e8;



    box-shadow: 0.5px 0.5px 0.5px 0.5px #e8e8e8;



    margin: 43px 0 0 0;



}







.ctle h3{



    font-size: 24px;



    font-weight: bold;



    color:#464646;



    margin:0 0 0 0;



    position: relative;



    z-index: 111;



}



.ctle .czs{



    width: 75%;



    margin: 0 auto;



    height: 9px;



    background: #fbeced;



    position: relative;



    z-index: 11;



    display: block;



    margin-top: -15px;



    margin-bottom: 15px;



}



.ctle p{



    font-size: 14px;



    color:#b5b5b5;



}



.cawz{



    width:400px;



    height:152px;



    text-align: center;



    margin:0 auto;



    margin-top: 25px;



}



.cawz p{



    font-size: 14px;



    color:#8a8989;



    line-height: 1.5;



    margin: 0px 0 15px 0;



}



.cawz span{



    font-size: 14px;



    color:#cc0000;



    display: block;



    margin:0 0 15px 0;    



}



.cawz a{



    width: 120px;



    padding: 10px 25px;



    background: #cc0000;



    color: #fff;



    display: block;



    text-align: center;



    font-size: 14px;



    margin: 0 auto;



    margin-top: 33px;



}











.ca-top .c2{



    width:285px;



    height:252px;



    float: right;



    overflow: hidden;



}





/* 案例list */



.ca-list{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



    margin-top: 20px;



}



.ca-list ul{



    width:1230px;



}



.ca-list ul li{



    width:285px;



    height:252px;



    float: left;



    overflow: hidden;



    margin: 0 20px 0 0;



}



.ca-list ul li img{



    width:285px;



    height:252px; 



    transition: all 1s;



}



.ca-list ul li:hover img{



    opacity: 0.4;



    transition: all 1s;



    transform: scale(1.5);



}



.ca-list ul li:hover .cyy{



    transition: all 1s;



    display: block;



}







/* 公司新闻 */



.index-news{



    width:100%;



    min-width: 1200px;



    overflow: hidden;



}







/* 新闻list */



.nes-list{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



    margin-top: 30px;



    margin-bottom:30px;



}



.nes-top{



    width:100%;



    overflow: hidden;



    margin-bottom:15px;



}



.nes-top ul{



    width:1245px;



}



.nes-top ul li{



    width:370px;



    overflow: hidden;



    float: left;



    margin:0 45px 0 0;



}







.nes-top ul li img{



    width:370px;



    height:188px;



    margin:0 0 25px 0;



}



.nes-top ul li h3{



    font-size: 16px;



    color:#2b2b2b;



    overflow: hidden;



    white-space: nowrap;



    text-overflow: ellipsis;



    margin: 0 0 10px 0;



}



.nes-top ul li h3:hover{



    color:#cc0000;



}



.nes-top ul li span{



    font-size: 12px;



    color:#a4a4a4;



    display: block;



    margin:0 0 10px 0;



}



.nes-top ul li p{



    font-size: 14px;



    color:#747474;



    line-height: 1.5;



    display: -webkit-box;



    text-overflow: ellipsis;



    overflow : hidden;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



}







/* 新闻条 */



.nes-xwt{



    width:1200px;



    overflow: hidden;



    background:#f7f7f7; 



}



.nx{



    width:97%;



    overflow: hidden;



    margin:0 auto;



    border-bottom:1px solid #d6d6d6;



    margin-bottom:10px;



}



.nx h3{



    font-size: 14px;



    color:#515151;



    width:60px;



    text-align: center;



    border-bottom:1px solid #cc0000;



    padding: 10px 0;



}



.nx a{



    color:#cc0000;



    font-size: 14px;



    margin: 12px 10px 0 0px;



}



.n-list{



    width:1230px;



}



.n-list li{



    width:562px;



    overflow: hidden;



    margin: 0px 24px 10px 17px;



    float: left;



}



.n-list li h3{



    font-size: 14px;



    color:#515151;



    width:460px;



    overflow: hidden;



    white-space: nowrap;



    text-overflow: ellipsis;  



    margin-top: 3px;



}



.n-list li h3:hover{



    color:#cc0000;



}



.n-list li span{



    font-size: 14px;



    color:#515151;



}



/* 页脚 */



.footer{



    width:100%;



    overflow: hidden;



    min-width: 1200px;



}



.yqlj{



    width:100%;



    min-width: 1200px;



    border-top: 1px solid #e8e8e8;;



    padding: 15px 15px;



}



.yq{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



}



.yq p{



    font-size: 14px;



    font-weight: bold;



    color:#3a3f47;



    float: left;



}



.yq .lj{



    width:94%;



    float: right;



}



.lj li {



    float: left;



    margin:0 15px 0 0;



}



.lj li a{



    font-size: 14px;



    color:#3a3f47;



}



.fotop{



    width:100%;



    overflow: hidden;



    min-width: 1200px;



    background:#cc0000;



}



.fop{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



    margin-top: 15px;



    margin-bottom:15px;



}



.fz,.fx,.fe{



    float: left;



}



.fz{



    width:648px;



  overflow: hidden;



    margin-top: 15px;



}



.fz h3{



    font-size: 16px;



    color:#fff;



    text-align: center;



    margin-bottom:5px;



}







.fz ul li{



    float: left;



}



.fz ul li a{



    padding: 0 16px;



    font-size: 16px;



    color: #fff;



}



.fz ul li span {



    width: 1px;



    height: 16px;



    color: #fff;



}



.fz .zl{



    width:105px;



    text-align: center;



}



.zl li{



    width:105px;



    text-align: center;



    margin:0 0 0 0;



}



.zl a{



    margin: 10px 0 0 0;



    display: block;



    padding: 0 0px !important;



    font-size: 14px !important;



    color:#f4d3d3 !important;



}



.fz ul li:last-child span{



    display: none;



}



.fx{



    width:433px;



    height:130px;



    margin-top: 15px;







}



.fx h3{



    font-size: 16px;



    color:#fff;



    margin: 0px 0 10px 0;



}



.fx p{



    font-size: 14px;



    color:#f4d3d3;



    margin: 0px 0 5px 0;



}



.fe{



    width:115px;



    height:130px;



    float: right;



    text-align: center;



}



.fe img{



    width:107px;



    height:107px;



    margin:0 auto;



    margin-bottom: 5px;



}



.fe span{



    font-size: 14px;



    color:#fff;    



}



.fotop .bq{



    padding: 10px 0;



    border-top:1px solid #e97f7f;



    color:#e97f7f;



    text-align: center;



}







/* 产品页面 */



.gamg{



    width:100%;



    height:400px;



    margin-top: 100px;



    min-width: 1200px;



    margin-bottom:20px;



}



.gamg img{



    width:100%;



    height:400px;



    object-fit: cover;



    min-width: 1200px;



}



.product{



    width:1200px;



    min-width: 1200px;



    overflow: hidden;



    margin:0 auto;



}



/* 左侧 */



.menu-left{



    width:240px;



    overflow: hidden;



    margin-bottom:20px;



}



.menu-left h3{



    font-size: 18px;



    font-weight: bold;



    color:#fff;



    background:#cc0000;



    padding: 25px 0;



    text-align: center;



}



.me-list{



    width:100%;



    overflow:hidden;



    border-left: 1px solid #e8e8e8;



    border-right: 1px solid #e8e8e8;



    margin-bottom:10px;



}



.me-list li{



    overflow: hidden;



    border-bottom:1px solid #e8e8e8;



}







.me-list li a{



    width:80%;



    display: block;



    font-size: 16px;



    color:#414141;



    padding: 10px 10px;



}



.me-list li a:hover{



    color:#cc0000;



}



.me-list li img{



    width:15px;



    height:15px;



    margin: 12px 10px 0 0;



}







/* 热门资讯 */



.me-nes{



    width:100%;



    overflow: hidden;



    border-bottom:1px solid #e8e8e8;



    border-right:1px solid #e8e8e8;



    border-left:1px solid #e8e8e8;



    margin-bottom:10px;



}



.me-nes .sj,.nse{



    float: left;



}



.me-nes ul li{



    overflow: hidden;



    margin:0 0 10px 0;



    padding: 10px 0;







}



.me-nes ul li a{



    color:#414141;



}



.me-nes ul li a:hover{



   color:#cc0000;



}



.me-nes .sj{



    width:20px;



    height:20px;



    margin:0 0 0 0;  



    background:url(../img/sj.png) no-repeat center;



    background-size: 100% 100%;



    display: block;  



}



.me-nes .nse{



    width:88%;



    overflow: hidden;



    float: right;



    margin:0 0 0 0;



    overflow: hidden;



    white-space: nowrap;



    text-overflow: ellipsis;



}



.menu-left .silder-box {



    position: relative;



    margin: 0px auto;



    border-left:1px solid #e8e8e8;



    border-right:1px solid #e8e8e8;



    border-bottom: 1px solid #e8e8e8;



    margin-bottom: 10px;



}







.menu-left .silder {



    margin: 0 auto;



    width: 220px !important;



    height:215px !important;



    overflow:hidden;



   



}







.menu-left .silder li {



    width: 220px;



    overflow: hidden;



    margin-top: 10px;



    margin-bottom: 10px;



}







.menu-left .silder li img {



    width: 220px;



    height: 195px;



}



.menu-left .silder li  span{



    width:220px;



    height:35px;



    text-align: center;



    line-height: 2.5;



    display: block;



    overflow: hidden;



     white-space: nowrap;



    text-overflow: ellipsis;



    padding: 0 0;



    background: rgba(0,0,0,0.5);



    position: relative;



    margin-top: -35px;



    color:#fff;



}







.menu-left .silder-button {



    top: 173px;



    width: 25px;



    height: 54px;



    position: absolute;



    cursor: pointer;



}







.menu-left .silder-button.btl {



    left: 10px;



    background: url(../img/bl.png);



}







.silder-button.btr {



    right: 10px;



    background: url(../img/br.png);



}







.silder-box-1 {



    width: 240px;



}







.meft{



    width:100%;



    background:#cc0000;



    overflow: hidden;



    padding: 0 0;



}



.meft h3{



    font-size: 16px;



    color:#fff;



    padding: 10px 0 !important;



    margin: 10px 0 0 0 !important;



}



.meft p{



    font-size: 14px;



    color:#fff;



    margin: 5px 0 15px 18px;    



}







/* 右侧 */



.menu-left,.pro-lieb{



    float: left;



}



.pro-lieb{



    width:940px;



    overflow: hidden;



    float: right;



    margin-top: 50px;



}



.weiz{



    width:100%;



    overflow: hidden;



    border-bottom:1px dashed #e8e8e8;



    margin-bottom:10px;



}



.dq {



    display: block;



    margin-top: 11px;



    float: right;



    margin-bottom: 11px;



  }



  



  .dq span {



    font-size: 14px;



    color: #515151;



  }



  



  .dq a {



    font-size: 14px;



    color: #515151;



  }



  



  .dq a:hover {



    color: #cc0000;



  }







.prol{



    width:960px;



    overflow: hidden;



}



.prol li{



    width:300px;



    float: left;



    margin: 0 19px 19px 0;



    overflow: hidden;



}



.prol li img{



    width:300px;



    height: 224px;



    overflow: hidden;



    transition: all 1s;



}



.prol li:hover img{



    transition: all 2s;



    transform: scale(1.5);



}



.demo{



    width:100%;



    height:224px;



    margin-top: -224px;



    position: relative;



    background-color:#cc000061;



    filter:alpha(opacity=30);



    transition: all 2s;



    display: none;



    text-align: center;



    overflow:hidden;



}



.prol li:hover .demo{



    display: block;



    transition: all 2s;



}



.demo h3{



    font-size: 18px;



    font-weight: bold;



    color:#fff;



    margin: 75px 0 25px 0;



    overflow: hidden;



    white-space: nowrap;



    text-overflow: ellipsis;



}



.demo span{



    width:120px;



    border:1px solid #fff;



    color:#fff;



    text-align: center;



    display: block;



    padding: 8px 0;



    margin: 0 auto;



    transition: all .5s;



}



.demo span:hover{



    transition: all .5s;



    background:#fff;



    color:#414141;



}



/*分页*/



.FY {



    width: 100%;



    text-align: center;



  }



  



  .page {



    width: 100%;



    margin: 0 auto;



    margin-top: 30px;



    margin-bottom: 30px;



  }







  .page a {



    padding: 10px 15px;



    width: 150px;



    height: 60px;



    border: 1px solid #e8e8e8;



    color: #666666;



  }



  



  .page a:hover {



    border: 1px solid #cc0000;



    background: #cc0000;



    color: #fff;



  }



  



  .page a.thisclass {



    color: #fff;



    background: #cc0000;



    border: 1px solid #cc0000;



  }







/* 案例页面 */



.case-ati{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



    margin-top: 30px;



    margin-bottom:30px;



}







/* 案例list */

.c-list{

    width:100%;

    overflow: hidden;

    margin:0 auto;

    margin-top: 20px;

}

.c-list ul{

    width:960px;

}

.c-list ul li{

    width:302px;

    height:256px;

    float: left;

    overflow: hidden;

    margin: 0 17px 17px 0px;

}

.he_border5 {

    background: #000;

    width:302px;

    height:256px;

    padding: 0;

    margin: 0;

    position: relative;

    box-sizing: border-box;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_border5 .he_border5_img {

    display: block;

    width:100%;

    height:256px; 

    padding: 0;

    margin: 0;

    position: relative;

    opacity: 1;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_border5:hover .he_border5_img {

    position: absolute;

    opacity: .6

}



.he_border5 .he_border5_caption {

    color: #fff;

    padding: 0;

    margin: 0;

    -moz-backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_border5 .he_border5_caption::before,

.he_border5 .he_border5_caption::after {

    position: absolute;

    content: '';

    opacity: 0;

    -webkit-transition: opacity 0.4s, -webkit-transform .4s;

    -moz-transition: opacity 0.4s, -moz-transform .4s;

    -o-transition: opacity 0.4s, -o-transform .4s;

    transition: opacity 0.4s, transform .4s

}



.he_border5 .he_border5_caption::before {

    top: 14%;

    right: 5%;

    bottom: 14%;

    left: 5%;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

    -webkit-transform: scale(0, 1);

    -moz-transform: scale(0, 1);

    -o-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: 0 0;

    -moz-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    transform-origin: 0 0

}



.he_border5 .he_border5_caption::after {

    top: 8%;

    right: 10%;

    bottom: 8%;

    left: 10%;

    border-right: 1px solid #fff;

    border-left: 1px solid #fff;

    -webkit-transform: scale(1, 0);

    -moz-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    transform: scale(1, 0);

    -webkit-transform-origin: 100% 0;

    -moz-transform-origin: 100% 0;

    -o-transform-origin: 100% 0;

    transform-origin: 100% 0

}



.he_border5:hover .he_border5_caption::before,

.he_border5:hover .he_border5_caption::after {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1)

}



.he_border5 .he_border5_caption,

.he_border5 .he_border5_caption>a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden;

    z-index: 1000

}



.he_border5 .he_border5_caption_h {

    font-size: 1.3em;

    font-weight: 700;

    text-align: center;

    width: 80%;

    position: absolute;

    top: 20%;

    left: 10%;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

    overflow: hidden;

    opacity: 1

}



.he_border5 .he_border5_caption_p {

    font-size: 14px;

    text-align: center;

    width: 75%;

    position: absolute;

    top: 60%;

    left: 12%;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden;

    opacity: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.he_border5:hover .he_border5_caption_p {

    top: 45%;

    opacity: 1

}







/* 车间 */



.cj-list{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



    margin-top: 30px;



    margin-bottom:30px;



}



.cj-list ul{



    width:960px;



    overflow: hidden;



}



.cj-list ul li{



    width: 214px;



    float: left;



    overflow: hidden;



    margin: 0px 26px 26px 0;



}



.he_border4 {

    background: #000;

    width: 214px;

    height:260px;

    padding: 0;

    margin: 0;

    position: relative;

    box-sizing: border-box;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_border4 .he_border4_img {

    display: block;

    width:100%;

    height:260px;

    padding: 0;

    margin: 0;

    position: relative;

    opacity: 1;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_border4:hover .he_border4_img {

    position: absolute;

    opacity: .6

}



.he_border4 .he_border4_caption {

    color: #fff;

    padding: 0;

    margin: 0;

    -moz-backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden

}



.he_border4 .he_border4_caption::before,

.he_border4 .he_border4_caption::after {

    position: absolute;

    content: '';

    opacity: 0;

    -webkit-transition: opacity 0.4s, -webkit-transform .4s;

    -moz-transition: opacity 0.4s, -moz-transform .4s;

    -o-transition: opacity 0.4s, -o-transform .4s;

    transition: opacity 0.4s, transform .4s

}



.he_border4 .he_border4_caption::before {

    top: 14%;

    right: 5%;

    bottom: 14%;

    left: 5%;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

    -webkit-transform: scale(0, 1);

    -moz-transform: scale(0, 1);

    -o-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: 0 0;

    -moz-transform-origin: 0 0;

    -o-transform-origin: 0 0;

    transform-origin: 0 0

}



.he_border4 .he_border4_caption::after {

    top: 8%;

    right: 10%;

    bottom: 8%;

    left: 10%;

    border-right: 1px solid #fff;

    border-left: 1px solid #fff;

    -webkit-transform: scale(1, 0);

    -moz-transform: scale(1, 0);

    -o-transform: scale(1, 0);

    transform: scale(1, 0);

    -webkit-transform-origin: 100% 0;

    -moz-transform-origin: 100% 0;

    -o-transform-origin: 100% 0;

    transform-origin: 100% 0

}



.he_border4:hover .he_border4_caption::before,

.he_border4:hover .he_border4_caption::after {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1)

}



.he_border4 .he_border4_caption,

.he_border4 .he_border4_caption>a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden;

    z-index: 1000

}



.he_border4 .he_border4_caption_h {

    font-size: 1.3em;

    font-weight: 700;

    text-align: center;

    width: 80%;

    position: absolute;

    top: 20%;

    left: 10%;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

    overflow: hidden;

    opacity: 1

}



.he_border4 .he_border4_caption_p {

    font-size: 18px;

    text-align: center;

    width: 75%;

    position: absolute;

    top: 60%;

    left: 12%;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    overflow: hidden;

    opacity: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.he_border4:hover .he_border4_caption_p {

    top: 45%;

    opacity: 1

}















/* 新闻页面 */



.xw-list{



    width:100%;



    overflow: hidden;



    margin-top: 30px;



    margin-bottom:30px;



}



.xw-list ul li{



    width:100%;



    overflow: hidden;



    margin:0 0 0 0;



    border-bottom:1px dashed #e8e8e8;



}



.xw-list ul li img{



    width:320px;



    height: 170px;



    margin:15px 0 15px 0;    



}



.xw-list ul li #xwwz{



    width:63%;



    margin-top: 15px;



    overflow: hidden;



}







.xw-list ul li h3{



    font-size: 18px;



    color:#414141;



    overflow: hidden;



    white-space: nowrap;



    text-overflow: ellipsis;



    margin: 10px 0 10px 0;



}



.xw-list ul li h3:hover{



    color:#cc0000;



}



.xw-list ul li span{



    display: block;



    font-size: 12px;



    color:#b5b5b5;



    margin:0 0 10px 0;    



}



.xw-list ul li p{



    font-size: 14px;



    color:#666666;



    line-height: 1.5;



    display: -webkit-box;



    text-overflow: ellipsis;



    overflow : hidden;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    margin:0 0 15px 0;



}



.xw-list .nxq{



    width:120px;



    padding: 8px 0;



    font-size: 14px;



    color:#cc0000;



    border:1px solid #cc0000;



    text-align: center;



    margin:0 0 0 0;



}



.nxq:hover{



    transition: all .5s;



    color:#fff;



    background:#cc0000;



}







/* 详情页样式 */



.xqye{



    width:100%;



    overflow: hidden;



    margin-top: 20px;



  }



  .xtle {



    width: 100%;



    height: 70px;



    border-bottom: 1px dashed #e8e8e8;



    margin: 0 auto;



    text-align: center;



    margin-top: 20px;



  }



  



  .xtle h3 {



    font-size: 20px;



    color: #666666;



    font-weight: bold;



    margin: 5px 0 5px 0;



  }



  



  .lya {



    width: 550px;



    height: 25px;



    margin: 0 auto;



    display: block;



    margin-top: 15px;



  }



  



  .lya ul {



    width: 680px;



  }



  



  .lya ul li {



    float: left;



    margin: 2px 106px 0 0;



  }



  



  .lya ul li p {



    font-size: 14px;



    color: #666666;



  }



  



  .ltw {



    width: 100%;



    margin-bottom:15px;



    overflow: hidden;



    margin: 0 auto;



    border-bottom:1px dashed #e8e8e8;



  }



  



  .ltw img {



    max-width: 934px;



    height: auto;



  }



  



  .ltw p {



    font-size: 14px;



    color: #000;



    /* text-indent: 2em; */



    line-height: 1.8;



    margin: 15px 0 15px 0;



  }



  



  /* 上篇下篇 */



  .spxp {



    width: 100%;



    height: 45px;



    margin: 0 auto;



  }



  .spxp ul{



    width:600px;



  }



  .spxp ul li{



    width:100%;



    height:35px;



    margin: 0 48px 0 0;



  }



  .sap,.saa{



    float: left;



  }



  .sap{



    font-size: 14px;



    color:#666666;



    margin: 12px 0px 0 12px;



  }



  .saa{



    width:400px;



    overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



  font-size: 14px;



  color:#666666;



  margin:12px 0 0 0;



  }



  .saa:hover{



    color:#cc0000;



  }







/* 产品详情 */



.pro-xqa{



    width:100%;



    overflow: hidden;



    margin-top: 30px;



    margin-bottom:30px;



}







/* 展示 */



.ban {



    width: 470px;



    position: relative;



    overflow: hidden;



}







.ban2 {



    width: 470px;



    height: 351px;



    position: relative;



    overflow: hidden;



}



.ban2 ul li img{



    width: 470px;



    height: 351px;



    border: 1px solid #e8e8e8;



}







.ban2 ul {



    position: absolute;



    left: 0;



    top: 0;



}







.ban2 ul li {



    width: 470px;



    height: 351px;



}







.prev {



    float: left;



    cursor: pointer;



}







.num {



    height: 60px;



    overflow: hidden;



    width: 463px;



    position: relative;



    float: left;



}







.min_pic {



    padding-top: 10px;



    width: 470px;



}







.num ul {



    position: absolute;



    left: 0;



    top: 0;



}







.num ul li {



    width: 80px;



    height: 60px;



    margin-right: 12px;



    padding: 1px;



    float: left;



}



.num ul li img{



    width: 80px;



    height: 58px;



    border: 1px solid #e8e8e8;



 



}



.num ul li.on {



    width: 82px;



    height: 60px;



    border: 1px solid #cc0000;



    padding: 0;



}







.prev_btn1 {



    text-align: center;



    margin-top: 20px;



    margin-right: 7px;



    cursor: pointer;



    float: left;



}



.prev_btn1 img{



    width:18px;



    height:26px;



}



.next_btn1 img{



    width:18px;



    height:26px;



}



.next_btn1 {



    text-align: center;



    margin-top: 20px;



    cursor: pointer;



    float: right;



}



.mhc {



    background: #000;



    width: 100%;



    opacity: 0.5;



    -moz-opacity: 0.5;



    filter: alpha(Opacity=50);



    position: absolute;



    left: 0;



    top: 0;



    display: none;



}



.ban,.banw{



    float: left;



}



/* 右侧参数 */



.banw{



    width: 440px;



    float: right;



    margin-bottom: 25px;



}



.banw h3{



    font-size: 28px;



    width: 95%;



    display: block;



    margin:0 auto;



    font-weight: bold;



    color:#cc0000;



    padding: 10px 5px;



    border-bottom:1px dashed #e8e8e8;







}



.bjs{



    width:95%;



    overflow: hidden;



    margin:0 auto;



}



.bjs li{



    width:100%;



    padding: 10px 0;



    border-bottom:1px dashed #e8e8e8;



}



.bjs li p{



    font-size: 16px;



    color:#cc0000;



}



.bjs li span{



    color:#414141;



}



.bjs li:last-child{



    border:none;



}







.lxrx {



    width:95%;



    overflow: hidden;



    margin:0 auto;



}



#zcr p{



    font-size: 16px;



    color:#414141;



    margin:15px 0 0 0;



}



#zcr h4{



    font-size: 34px;



    font-weight: bold;



    color:#cc0000;



}



#zcr ul{



    width:100%;



    overflow: hidden;    



}



#zcr ul li a{



    float: left;



    padding: 10px 15px;



    background:#cc0000;



    font-size: 14px;



    color:#fff;



    display: block;



  margin: 25px 13px 0px 0;



}



#yce{



    width: 145px;



    overflow: hidden;



}



#yce img{



    width:130px;



    height:130px;



    margin:0 auto;



    display: block;



    border:1px solid #e8e8e8;



    margin-bottom:5px;



}



#yce span{



    font-size: 14px;



    color:#414141;



    text-align: center;



}







/* 产品详情 */



.pro-xiang{



    width:100%;



    overflow: hidden;



}



.pro-xiang h3{



    font-size: 22px;



    padding: 10px 0;



    border-bottom:1px dashed #e8e8e8;



    color:#cc0000;



    font-weight: bold;



}







/* 详情页样式 */



.xqye{



    width:100%;



    overflow: hidden;



  }



  .xtle {



    width: 100%;



    height: 70px;



    border-bottom: 1px dashed #e8e8e8;



    margin: 0 auto;



    text-align: center;



    margin-top: 20px;



  }



  



  .xtle h3 {



    font-size: 20px;



    color: #666666;



    font-weight: bold;



    margin: 5px 0 5px 0;



  }



  



  .lya {



    width: 550px;



    height: 25px;



    margin: 0 auto;



    display: block;



    margin-top: 15px;



  }



  



  .lya ul {



    width: 680px;



  }



  



  .lya ul li {



    float: left;



    margin: 2px 106px 0 0;



  }



  



  .lya ul li p {



    font-size: 14px;



    color: #666666;



  }



  



  .ltw {



    width: 100%;



    margin-bottom:15px;



    overflow: hidden;



    margin: 0 auto;



    border-bottom:1px dashed #e8e8e8;



  }



  



  .ltw img {



    max-width: 100%;



    height: auto;



  }



  



  .ltw p {



    font-size: 14px;



    color: #666666;



    /* text-indent: 2em; */



    line-height: 1.8;



    margin: 15px 0 15px 0;



  }



  



  /* 上篇下篇 */



  .spxp {



    width: 100%;



    height: 45px;



    margin: 0 auto;



  }



  .spxp ul{



    width:600px;



  }



  .spxp ul li{



    width:100%;



    height:35px;



    margin: 0 48px 0 0;



  }



  .sap,.saa{



    float: left;



  }



  .sap{



    font-size: 14px;



    color:#666666;



    margin: 12px 0px 0 12px;



  }



  .saa{



    width:400px;



    overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



  font-size: 14px;



  color:#666666;



  margin:12px 0 0 0;



  }



  .saa:hover{



    color:#cc0000;



  }







/* 关于我们 */



.abt-nav{



    width:100%;



    overflow: hidden; 



    text-align: center;  



    margin-top: 45px;



    margin-bottom:45px; 



}



.abt-nav a{



    width:120px;



    padding: 10px 25px;



    color:#414141;



    font-size: 16px;



    border:1px solid #414141;



    text-align: center;



    margin:0 15px 0 0;



    display: inline-block;



}







.abt-nav .on{



    background:#cc0000;



    color:#fff;



    border:1px solid #cc0000;



}



.abt-nav a:hover{



    transition: all .5s;



    background:#cc0000;



    color:#fff;



    border:1px solid #cc0000;



}



/* 标题 */



.abia{



    width:280px;



    overflow: hidden;



    margin:0 auto;



    margin-top: 30px;



    margin-bottom:30px;



    text-align: center;



}



.abia h3{



    font-size: 26px;



    font-weight: bold;



    color:#fff;



    position: relative;



    z-index: 11;



    margin-bottom:10px;



}







.abia p{



    font-size: 16px;



    color:#fff;



}



/* 公司基本信息 */



.essen{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



    margin-top:30px;



    margin-bottom:30px;



}



.essen img{



    width: 450px;



    height: 350px;



    transition: all 1s;



}



.essen img:hover{



    transition: all 1s;



    transform: scale(1.5);



}



.essen #riwz{



    width:60%;



    overflow: hidden;



}



.essen #riwz h3{



    font-size: 24px;



    font-weight: bold;



    color:#414141;



    margin:0 0 5px 0;



}



.essen #riwz p{



    line-height: 1.5;



    color:#666666;



    font-size: 14px;



    margin:0 0 10px 0;



}







/* 优势 */



.xzus{



    width:100%;



    overflow: hidden;



    background:#cc0000;



}



.xzlis{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



    margin-bottom: 55px;



}



.xzlis ul li{



    width:300px;



    border-right: 1px solid #f4d3d3;



    text-align: center;



    overflow: hidden;



    float: left;



    



}



.xzlis ul li:last-child{



    border:none;



}



.xzlis ul li:nth-child(2) p{



    padding: 20px 0;



}



.xzlis ul li img{



    width:45px;



    height:45px;



    margin:0 auto;



    display: block;



    margin-top: 10px;



    margin-bottom: 20px;



}



.xzlis ul li h3{



    font-size: 18px;



    color:#fff;



    font-weight: bold;



    margin:0 0 15px 0;



}



.xzlis ul li .zxi{



    width:20px;



    border-bottom:2px solid #fff;



    display: block;



    margin:0 auto;



    margin-bottom:15px;    



}



.xzlis ul li p{



    width:65%;



    margin:0 auto;



    display: block;



    background:#e97f7f;



    color:#fff;



    padding: 10px 0;



    line-height: 1.5;



    text-align: center;



    margin-bottom:15px;



}



.xzlis ul li span{



    width:70%;



    display: block;



    margin:0 auto;



    color:#f4d3d3;



    line-height:1.5;



    font-size: 14px;



}







/* 荣誉资质 */



.alst{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



}



/* 标题 */



.alia{



    width:280px;



    overflow: hidden;



    margin:0 auto;



    margin-top: 30px;



    margin-bottom:30px;



    text-align: center;



}



.alia h3{



    font-size: 26px;



    font-weight: bold;



    color:#414141;



    position: relative;



    z-index: 11;



    margin-bottom:10px;



}







.alia p{



    font-size: 16px;



    color:#414141;



}







.tlis{



    width:100%;



    overflow:hidden;



}



.tlis ul{



    width:1230px;



}



.tlis ul li{



    width:160px;



    overflow: hidden;



    float: left;



    margin: 0 13px 0 0;



}



.tlis ul li img{



    width:160px;



    height:209px;



    border:1px solid #e8e8e8;



}







/* 成功案例 */



.envir{



    width: 1200px;



    overflow: hidden;



    margin:0 auto;



}



/* 案例list */



.en-list{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



    margin-top: 20px;



    margin-bottom:20px;



}



.en-list ul{



    width:1230px;



}



.en-list ul li{



    width:285px;



    height:252px;



    float: left;



    overflow: hidden;



    margin: 0 20px 20px 0;



}



.en-list ul li img{



    width:285px;



    height:252px; 



    transition: all 1s;



}



.en-list ul li:hover img{



    opacity: 0.4;



    transition: all 1s;



    transform: scale(1.5);



}



.en-list ul li:hover .cyy{



    transition: all 1s;



    display: block;



}







/* 资质页面 */



.kuzi{



    width:1200px;



    overflow: hidden;



    margin:0 auto;



    margin-top: 30px;



    margin-bottom:30px;



}



.kuzi ul{



    width:1230px;



}



.kuzi ul li{



    width:280px;



    overflow: hidden;



    border:1px solid #e8e8e8;



    float: left;



    margin: 0 26px 26px 0;



}



.kuzi ul li img{



    width:280px;



    height: auto;



    transition: all 1s;



}



.kuzi ul li img:hover{



    transition: all 1s;



    transform: scale(1.5);



}







/* 联系我们 */



.contact{



    width:100%;



    overflow: hidden;



}







.cot{



    width:100%;



    overflow: hidden;



    margin:20px 0 20px 0; 



}







.cot li{



    width:210px;



    border-right:1px solid #e8e8e8;



    float: left;



    margin:0 0 0 20px;



    text-align: center;



}



.cot li:last-child{



    border:none;



}



.cot li:nth-child(2) p{



    padding: 11px 0;



}



.cot li:nth-child(3) p{



    padding: 11px 0;



}



.cot li img{



    width:45px;



    height:45px;



    display: block;



    margin:0 auto;



    margin-top: 45px;



    margin-bottom:30px;



}



.cot li .xaa{



    width:20px;



    height:3px;



    background:#414141;



    display: block;



    margin:0 auto;



    margin-bottom:15px;



}



.cot p{



    width:90%;



    display: block;



    margin:0 auto;



    font-size: 16px;



    color:#414141;



    /* font-weight: bold; */



}







/* 地图 */



.lefta {



    width: 100%;



    height:400px;



   margin:0 auto;



   position: relative;



   margin-top: 30px;



   margin-bottom:50px;



  }



  



  .title {



    font-size: 14px;



    font-weight: bold;



    color: #cc5522;



  }



  



  .content {



    font-size: 13px;



    color: #333;



    margin-top: 6px;



  }



  



  .container {



    width: 100%;



    height: 400px;



  }



/* 首页产品列表 */

.swiper-container {

	width: 1200px;

	margin: 0 auto;

}



.swiper-container .h_product_bd{

    width:1230px;

}

.swiper-container .h_product_bd li {

	float: left;

    width: 290px;

    margin: 0 23px 23px 0;

	position: relative;

    overflow: hidden;

}

.swiper-container .h_product_bd li:nth-child(4n) {

	margin-right: 0px;

}

.swiper-container .h_product_bd li .pro_img {

    padding: 0px 0px 50px 0;

    width: 290px;

}

.swiper-container .h_product_bd li .pro_img a {

	width: 100%;

	text-align: center;

	overflow: hidden;

	background: #fff;

	display: block;

}

.swiper-container .h_product_bd li .pro_img img {

	vertical-align: middle;

	width: 100%;

	height: 218px;

	-webkit-transition-duration: 1s;

	transition-duration: 1s;

}

.swiper-container .h_product_bd li .pro_img .iblock {

	display: inline-block;

	height: 100%;

	width: 0;

	vertical-align: middle

}

.swiper-container .h_product_bd li p {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background: #f5f5f5;

    /* border-top: 2px solid #6d7c97; */

    color: #414141;

    font-size: 18px;

    margin-bottom:0px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    transition-duration: .5s;

    -ms-transition-duration: .5s;

    -moz-transition-duration: .5s;

    -webkit-transition-duration: .5s;

    overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.swiper-container .h_product_bd li p span {

    display: block;

    height: 50px;

    font-size: 14px;

    line-height: 50px;

    margin-top: -10px;

	

}

.swiper-container .h_product_bd li p span a {

	color: #fff;

}

.swiper-container .h_product_bd li p em {

	display: none;

	font-size: 16px;

	height: 26px;

	line-height: 26px;

}

.swiper-container .h_product_bd li p em a {

	color: #fff;

}

.swiper-container .h_product_bd li:hover p em {

	display: block;

}

.swiper-container .h_product_bd li:hover p {

	

    color:#fff;

}

.swiper-container .h_product_bd li:hover p span {

	height: 40px;

	line-height: 40px;

    color:#fff;

}

.swiper-container .h_product_bd li:hover .pro_img img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

	transform: translate(0, -5px);

	-webkit-transform: translate(0, -5px);

	-ms-transform: translate(0, -5px);

}

.swiper-container .h_product_bd li:hover p {

	height: 80px;

	background: #6d7c97;

}





/* 产品页 */





.swiper-container2 {

	width: 100%;

	margin: 0 auto;

}



.swiper-container2 .h_product_bd2{

    width:990px;

}

.swiper-container2 .h_product_bd2 li {

	float: left;

    width: 290px;

    margin: 0 35px 35px 0;

	position: relative;

    overflow: hidden;

}



.swiper-container2 .h_product_bd2 li .pro_img2 {

    padding: 0px 0px 50px 0;

    width: 290px;

}

.swiper-container2 .h_product_bd2 li .pro_img2 a {

	width: 100%;

	text-align: center;

	overflow: hidden;

	background: #fff;

	display: block;

}

.swiper-container2 .h_product_bd2 li .pro_img2 img {

	vertical-align: middle;

	width: 100%;

	height: 218px;

	-webkit-transition-duration: 1s;

	transition-duration: 1s;

}

.swiper-container2 .h_product_bd2 li .pro_img2 .iblock {

	display: inline-block;

	height: 100%;

	width: 0;

	vertical-align: middle

}

.swiper-container2 .h_product_bd2 li p {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background: #f5f5f5;

    /* border-top: 2px solid #6d7c97; */

    color: #414141;

    font-size: 18px;

    margin-bottom:0px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    transition-duration: .5s;

    -ms-transition-duration: .5s;

    -moz-transition-duration: .5s;

    -webkit-transition-duration: .5s;

    overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.swiper-container2 .h_product_bd2 li p span {

    display: block;

    height: 50px;

    font-size: 14px;

    line-height: 50px;

    margin-top: -10px;

	

}

.swiper-container2 .h_product_bd2 li p span a {

	color: #fff;

}

.swiper-container2 .h_product_bd2 li p em {

	display: none;

	font-size: 16px;

	height: 26px;

	line-height: 26px;

}

.swiper-container2 .h_product_bd2 li p em a {

	color: #fff;

}

.swiper-container2 .h_product_bd2 li:hover p em {

	display: block;

}

.swiper-container2 .h_product_bd2 li:hover p {

	

    color:#fff;

}

.swiper-container2 .h_product_bd2 li:hover p span {

	height: 40px;

	line-height: 40px;

    color:#fff;

}

.swiper-container2 .h_product_bd2 li:hover .pro_img2 img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

	transform: translate(0, -5px);

	-webkit-transform: translate(0, -5px);

	-ms-transform: translate(0, -5px);

}

.swiper-container2 .h_product_bd2 li:hover p {

	height: 80px;

	background: #6d7c97;

}