@charset "utf-8";
.list .p1{text-align: center;font-size: 30px;border-bottom: 1px solid #000;margin: 0 auto;display: inline-block;line-height: 55px;margin-top: 30px;}
.list .p2{font-size: 20px;font-weight: 500}
.nr{max-width: 1400px;width: 100%;margin: 0 auto;padding-bottom: 50px;overflow: hidden;}
.list .nr ul li{width: 32%;height: auto;background: #fff;float: left;margin-bottom: 20px;overflow: hidden;}
.list .nr ul li:nth-child(2){margin-left: 1%;margin-right: 1%;}
.list .nr ul li:nth-child(5){margin-left: 1%;margin-right: 1%;}
.list .nr ul li .zu{padding: 10px 30px 30px 30px;overflow: hidden;}
.list .nr ul li .zu .left{float: left;width: 100%;text-align: left;}
.list .nr ul li .zu .left h2{color: #000;font-weight: 400;}
.list .nr ul li .zu .left h5{color: #333333;}
.list .nr ul li .zu .right{float: right;width: 100%;}

.list .nr ul li .zu .right img{width: 100%;}
.list .nr ul li img{cursor: pointer;  transition: all 0.6s;}
.list .nr ul li:hover img{transform: scale(1.1);  }
.about{width: 100%;background: url(../images/about.png)no-repeat;background-size: 100%}
.about .left{float: left;width: 580px;overflow: hidden;}
.about .left h1{color: #165ea4;font-size: 25px;margin-left: 55px;margin-top: 90px;}
.about .left h2{font-size: 35px;font-weight: 400;margin-left: 55px;}
.about .left .p1{width: 60px;height: 1px;display: block;background: #165ea4}
.about .left p{margin-left: 55px;font-size: 16px;line-height: 35px}
.about .left p span{font-weight: 700;color: #165ea4;}
.about .left a{margin-left: 55px;display: block;color: #fff;background:#165ea4;width: 220px;height: 60px;text-align: center;line-height: 60px;border-radius: 5px;font-size: 16px; }
.about .left a:hover{color: #000;}
.about .right{float: right;margin-top: 150px;width: 680px;}
.ly{width: 100%;overflow: hidden;background: #f5f5f5}
.ly .top{max-width: 1400px;margin: 0 auto;width: 100%;text-align: center}
.ly .top img{margin: 0 auto;display: block;}
.ly .top h1{font-weight: 400;text-align: center;font-size: 30px;border-bottom: 1px solid #000;margin: 0 auto;display: inline-block;line-height: 55px;margin-top: 30px;}
.ly .top .p2{font-size: 20px;font-weight: 500;}
.ly .gd{width: 100%;}
.carousel{padding:0 0 0 2px;}.carousel#carousel-vertical{height:306px;padding:0;width:auto}.carousel#carousel-responsive{width:auto}.carousel li,.carousel>div>div{}.carousel#carousel-vertical li,.carousel#carousel-vertical>div>div{padding:2px 2px 0}.carousel ul li:nth-child(even),.carousel>div>div:nth-child(even){color:#666}.carousel span{background:#999;display:block;height:150px;font-size:100px;line-height:150px;text-align:center;width:150px}code{background:#666;border:1px solid #fff;color:#fff;display:block;font-size:14px;font-family:courier,arial,helvetica,sans-serif;padding:20px;margin:0 0 20px;}
#carousel-responsive ul li{
    width: 560px;
    overflow: hidden;
    position: relative !important;
}
#carousel-responsive ul{
    margin-top: 60px;
}
#carousel-responsive ul li img{
    width: 100%;
    overflow: hidden;
}
#carousel-responsive ul li:hover .hover{ opacity: 1;}
#carousel-responsive ul li .hover{
    position: absolute;
    height: 700px;
    width: 100%;
    background: rgba(34, 41, 46, .8);
    opacity: 0;
}
#carousel-responsive ul li .p1{
    position: absolute;
    width: 100%;
    height: 50px;
    color: #fff;
    text-align: left;
    padding-left: 30px;
    font-size: 25px;
    bottom: 80px;
}
#carousel-responsive ul li .p2{
    position: absolute;
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding-left: 30px;
    bottom: 40px;
}
.news{width: 100%;background: url(../images/hj_inx_s4bg.jpg)no-repeat;padding-bottom: 50px};
.news .nr{max-width: 1450px;margin: 0 auto;width: 100%;}
.news .nr .top{margin-top: 100px;color: #fff;padding-bottom: 30px;text-align: left}
.news .nr .top h1{font-size: 30px;font-weight: 500;}
.news .nr .top h3{width: 30px;height: 2px;background: #fff;}
.news .nr .top h5{font-size: 16px;margin-top: 0;}
.news .nr .lia{}
.news .nr .lia ul {padding: 0;}
.news .nr .lia ul li{float: left;width: 680px;height: 220px;background: #fff;border-radius: 5px;margin-bottom: 25px;position: relative;}
.news .nr .lia ul li:nth-child(2n){margin-left: 25px;}
.news .nr .lia ul li .data{position: absolute;width: 80px;height: 70px;background: #165ea4;color: #fff;border-radius: 7px;top: -15px;left: 50px;}
.news .nr .lia ul li .data .p1{font-size: 25px;padding: 0;margin: 0;text-align: right;padding-right: 5px;line-height: 40px;}
.news .nr .lia ul li .data .p2{text-align: right;padding-right: 10px;color: #ccc;margin: 0;line-height: 25px}
.news .nr .lia ul li .nr{margin-top: 70px;padding-bottom: 0;}
.news .nr .lia ul li .nr h1{margin-left: 50px;width: 70%;font-size: 18px}
.news .nr .lia ul li .nr p{margin-left: 50px;width: 70%;font-size: 14px}
.news .nr .lia ul li:hover{background: #000}
.news .nr .lia ul li:hover .data{height: 90px;  transform: scale(1);transition: all 0.5s linear;}
.news .nr .lia ul li:hover .data .p1{margin-top: 10px;transform: scale(1);transition: all 0.5s linear;}
.news .nr .lia ul li:hover .nr{transform: scale(1);transition: all 0.5s linear;margin-top: 90px;color: #fff;}
.news .nr .lia a{width: 220px;height: 55px;float: right;background: #165ea4;color: #fff;text-align: center;line-height: 55px;font-size: 16px;}
.news .nr .lia a:hover{background: #000;color: #fff;}
.fooer{width: 100%;background: #1f2324;padding-bottom: 50px;}
.fooer .nr{max-width: 1400px;width: 100%;margin: 0 auto;border-bottom: 1px solid #565a5b;padding-top: 50px;}
.fooer .nr .left{float: left;}
.fooer .nr .left h3{font-size: 16px;color: #165ea4;}
.fooer .nr .left ul{padding: 0;}
.fooer .nr .left ul li{float: left;color: #b7babc;margin-right: 15px;}
.fooer .nr .left ul li a{color: #b7babc;line-height: 35px;display: inline-block;margin-right: 10px;}
.fooer .nr .left ul li:nth-child(4){float: none;margin-top: 25px;}
.fooer .nr .right{float: right;}
.fooer .nr .right .div1{padding-top: 25px;}
.fooer .nr .right .div1 img{margin-left: 30px;float: right;}
.fooer .nr .right .po{color: #fff;text-align: right;float: right;margin-top: 35px;}
.fooer .dz{max-width: 1400px;width: 100%;margin: 0 auto;}
.fooer .dz p{float: left;color: #979b9e;font-size: 14px}
.fooer .dz p:nth-child(2){margin-left: 50px;margin-right: 50px;}
@media screen and (max-width: 1440px) {
    .list .nr ul li{width: 48%;}
    .list .nr ul li .zu .left{width: 50%;}
    .list .nr ul li .zu .right{width: 50%;}
    .list .nr ul li .zu .right img{width: 100%;}
    .news .nr .lia ul li{width: 49%;}
    .news{background-size: none}
    .prutitem-list dl{width: 20.8%;}
}
@media screen and (max-width: 760px) {
    #accordion{display: block;}
    .head{display: none;}
    .accordion ul{display: none;}
    .accordion{margin: 0;}
    #accordion{padding-left: 0;}
    .list .nr ul li{width: 90%;height: auto;}
    .list .nr ul li .zu{padding: 0;overflow: hidden;}
    .list .nr ul li .zu .left{width: 50%;}
    .list .nr ul li .zu .right{width: 50%;}
    .list .nr ul li .zu .right img{width: 100%;}
    .list .nr ul li:nth-child(2n){margin-left: 0;}
    .list .nr ul li .zu .left h2{font-size: 14px;}
    .list .nr ul li .zu .left h5{
        font-size: 12px;
        font-weight: 100;
    }
    .about .left{width: 100%;float: none;}
    .about .right{width: 100%;float: none;}
    .about .left h1{margin-top: 0;}
    .about .right{margin-top: 0;width: 100%;}
    .news{background: none;color: #000;}
    .news .nr .top{margin-top: 0;color: #000;}
    .news .nr .top h5{display: none;}
    .news .nr .lia ul li{float: none;width: 100%;}
    .news .nr .lia ul li .nr{float: left;width: 80%;margin-top: 0;}
    .news .nr .lia ul li .data{float: left;position: relative;width: 20%;top: 0;left: 0;}
    .prutitem-list dl a dt{height: auto;}
    .prutitem-list dl{width: 42%;}
    .ProductShow .lunB .box{width: 90%;height: auto;}
    .ProductShow .txt{width: 100%;float: none;}
    .same-product ul li{width: 40%;}
    .same-product ul li:nth-child(1){margin-left: 2%;}
    .same-product ul li:nth-child(2){margin-left: 2%;}
    .same-product ul li:nth-child(3){margin-left: 2%;}
    .same-product ul li:nth-child(4){margin-left: 2%;}
    .accordion li i.i1 img{width: 100%;}
    .submenu1{background: #165ea4}
    .submenu1 li{    border-bottom: 1px solid #ffffff;}
    .news .nr .lia ul li:nth-child(2n){margin-left: 0;}
    .news{padding-bottom: 0;}
    .comm-title-inner.nopadding .title{    padding: 0px 10%;}
    .ProductShow .lunB{width: 100%;}
    .tempWrap{width: 100% !important;height: 450px !important;overflow: hidden;}
    .ProductShow .lunB .box li{width: 400px !important;height: 400px !important;}
    .ProductShow .lunB .box li img{width: 400px !important; height: 400px !important;}
    .same-product ul{text-align: center}
    .news-block .company-news dl{width: 98%;margin-right: 0;margin: 0 auto;display: block;}
    .news-block .industry-news dl{width: 100%;margin-right: 0;display: block;}
    .news-block .industry-news dl a dt{width: 100%;display: block;}
    .news-block .industry-news dl a dd{padding-left: 0;width: 100%;display: block;}
    .view-news .fl{width: 100%;}
    .view-news .fr{display: none;}
}