@charset "utf-8";
body{ margin:0px; padding:0px;position: relative;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, ol, dd, dl{ list-style:none;margin:0;padding:0px;}
li {
    list-style: none;
}
p{ margin:0px;}
.width{ width:1200px; margin:0 auto;}
.both{ clear:both;}
a{ color:#000; transition:0.5s;}
#box{ width:100%; position:relative; overflow:hidden; height:500px;}
#box img{ transition:0.3s; position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover;}
.arrow{width:100%;}
.arrow a{ position:absolute; top:45%; background-color:rgba(255,255,255,0.8);border-radius:50%; color:#333; font-size:24px; padding:10px 15px; opacity:0;}
#box:hover .arrow a{ opacity:1;}
#foot_nav {
    display: none;
}


.title{

    width: 1200px;

    margin: 0px auto 0 auto;  

    text-align: center;

}

.flow{
    display: flex;
    justify-content: space-between;
    margin-top:80px;
}
.flow-t{
    text-align: center;
    font-size: 18px;
}
.flow-t img{
    width: 100%;
}

.title h3 {
    font-size: 35px;
    color: #223244;
    font-weight: bold;
}



.title span{

    display: block;

    width: 194px;

    height: 20px;

    line-height: 20px;

    background: #F4C41D;

    border-radius: 25px;

    margin: 10px auto 0 auto;

    font-size: 14px;

    color: #fff;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;



}







/*product*/



.product{

    width: 1200px;

    margin: 60px auto 0 auto;



}



.product .product_box{

    width: 1200px;

    margin: 40px auto 0 auto;



}



.product .product_box .pro_l{

    float: left;

    width: 270px;

    background: #223244;

}



.product .product_box .pro_l .pro_t{

    width: 270px;

    height: 75px;

    padding-top: 30px;

}



.product .product_box .pro_l .pro_t h5{

    font-size: 24px;

    color: #fff;

    font-weight: normal;

    background: url(../img/buttom5.png) no-repeat 30px center;

    padding-left: 90px;

}



.product .product_box .pro_l .pro_t h5 span{

    font-size: 14px;

    color: #fff;

    font-weight: normal;

    font-family: Arial, Helvetica, sans-serif;

    display: block;

}



.product .product_box .pro_l .search{

    width: 230px;

    height: 30px;

    background: #fff;

    border-radius: 25px;

    margin: 0px auto;

}



.product .product_box .pro_l .search .search2{

    float: left;

    font-size: 14px;

    color: #858585;

    width: 150px;

    height: 30px;

    background: none;

    padding-left: 15px;

}



.product .product_box .pro_l .search .search_s{

    width: 22px;

    height: 22px;

    float: right;

    margin: 4px 10px 0 0;

}





.product .product_box .pro_l .pro_con{

    margin: 15px auto 0 auto;

    background: #fff;

    width: 264px;

    padding: 20px 0;

}



.product .product_box .pro_l .pro_con ul li{

    width: 243px;

    height: 36px;

    line-height: 36px;

    border: 1px solid #bfbfbf;

    margin: 0 auto 11px auto;

    position: relative;

    z-index: 5;

}

.product .product_box .pro_l .pro_con ul li a {
    font-size: 14px;
    color: #545454;
    background: url(../img/d4a70f72a6e1e0c0b459cf57643c2fa6_ca3c7fe2-8d50-4596-91ff-7e4e35b46d87.png_366xaf.png) no-repeat 5px center;
    padding-left: 37px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-size: 11%;
    -o-text-overflow: ellipsis;
    font-weight: bold;
}


.product .product_box .pro_l .pro_con ul li span{

    position: absolute;

    width: 0;

    height: 36px;

    background: #223244;

    left: 0px;

    bottom: 0px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    z-index: -1;

}



.product .product_box .pro_l .pro_con ul li:hover span{

    width: 100%;

}



.product .product_box .pro_l .pro_con ul li:hover a{

    color: #fff;

    background: url(../img/buttom9.png) no-repeat 15px center;

}





.product .product_box .pro_l .zx{

    margin: 20px auto;

}



.product .product_box .pro_l .zx .tel{

    font-size: 24px;

    color: #fff;

    text-align: center;

}



.product .product_box .pro_l .zx .tel span{

    font-size: 24px;

    color: #fff;

}



.product .product_box .pro_l .zx .zixun{

    width: 220px;

    height: 46px;

    line-height: 46px;

    background: #F4C41D;

    margin: 5px auto 0 auto;

}



.product .product_box .pro_l .zx .zixun a{

    font-size: 14px;

    color: #223244;

    text-align: center;

    display: block;

}





.product .product_box .tab{

    width: 925px;

    float: right;



}



.product .product_box .tab ul li{

width: 290px;

float: left;

margin: 0 0 20px 18px;

position: relative;



overflow: hidden;

z-index: 5;
}



.product .product_box .tab ul li .pic{

width: 288px;

    border: 1px solid #e0e0e0;

position: relative;
}



.product .product_box .tab ul li .pic img {
    max-width: 100%;
    height: 240px;
    margin: 0 auto;
    display: block;
    text-align: center;
    object-fit: cover;
}



.product .product_box .tab ul li .pro_ico{

    width: 290px;

    height: 190px;

    position: absolute;

    left: -290px;

    top: 0;

    background: url(../img/ico1.png) repeat center;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.product .product_box .tab ul li .pro_ico img{

    width: 44px;

    height: 44px;

    margin: 75px auto 0 auto;

    display: block;

}



.product .product_box .tab ul li .txt{

    width: 250px;

    height: 40px;

    line-height: 40px;

    background: #f5f5f5;

    padding: 0 20px;

    z-index: 5;

    position: relative;

}



.product .product_box .tab ul li .txt h5 a{

    float: left;

    font-size: 14px;

    color: #545454;

    width: 200px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

}



.product .product_box .tab ul li .more{

    float: right;

    height: 20px;

    border-left: 1px solid #bfbfbf;

    margin-top: 10px;

    width: 45px;

    display: block;

    



}



.product .product_box .tab ul li .more span{

    width: 18px;

    height: 18px;

    display: block;

    margin-left: 25px;

    margin-top: 1px;

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

    -webkit-transition: all 0.8s ease-out;

    -o-transition: all 0.8s ease-out;

    transition: all 0.8s ease-out;



}



.product .product_box .tab ul li .line{

    position: absolute;

    width: 0;

    height: 40px;

    background: #223244;

    left: 0px;

    bottom: 0px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    z-index: -1;

}



.product .product_box .tab ul li:hover .pro_ico{

    left: 0px;

}



.product .product_box .tab ul li:hover .line {

    width: 100%;



}



.product .product_box .tab ul li:hover .txt h5 a{

    color: #fff;

}





.product .product_box .tab ul li:hover .more span{

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



}





/*banner_1*/



.banner_1{

    width: 100%;

    height: 308px;

    margin: 35px auto 0 auto;

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

}





.banner_1 .cont{

    width: 1200px;

    margin: 0 auto;

}



.banner_1 .cont .txt {
    margin: -1px 0 0 0;
    width: 620px;
    float: right;
}



.banner_1 .cont .txt h5{

    font-size: 30px;

    color: #fff;

    font-weight: bold;

    padding-top: 70px;

    text-align: center;

}



.banner_1 .cont .txt ul{

    margin-top: 30px;

    height: 40px;

}



.banner_1 .cont .txt ul li {
    width: 145px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #223244;
    font-weight: bold;
    background: #F4C41D;
    float: left;
    margin: 0 4px;
}



.banner_1 .cont .txt .tel{

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

    font-size: 24px;

    font-weight: bold;

    color: #fff;

    padding-left: 50px;

    margin-top: 30px;

    margin-left: 50px;

}









/*ys_bg*/





.ys_bg{

    width: 100%;

    margin: 0 auto;

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

    height: 733px;

    position: relative;

}





.ys_bg .ys{

    width: 1200px;

    margin: 0 auto;

    padding-top: 60px;

    position: relative;

}



.ys_bg .ys .ys_t{

    width: 595px;

    height: 105px;

    position: absolute;

    right: 0px;

    top: 90px;

}



.ys_bg .ys .ys_t h3{

    font-size: 36px;

    color: #333;

    font-weight: bold;

}



.ys_bg .ys .ys_t h3 span{

    color: #223244;

}



.ys_bg .ys .ys_t p{

    font-size: 16px;

    color: #ccc; 

    letter-spacing: 15px;

    margin-top: 5px;

}





.ys_bg .ys .ys_box{

    width: 1200px;

    margin: 0 auto;

    height: 600px;

    position: relative;

}



.ys_bg .ys .ys_box .bd{

    width: 1200px;

    margin: 0 auto; 

}



.ys_bg .ys .ys_box .bd ul li{

    width: 1200px;

    margin: 0 auto; 

    position: relative;

    height: 600px;

}



.ys_bg .ys .ys_box .bd .ys_img{

    float: left;

    width: 536px;

    height: 558px;

    position: relative;

}



.ys_bg .ys .ys_box .bd .ys_img img{

    width: 536px;

    height: 558px;

}



.ys_bg .ys .ys_box .bd .txt{

    width: 644px;

    height: 231px;

    background: #223244;

    position: absolute;

    right: 0;

    bottom: 0px;

    padding: 35px 0 0 110px;

} 



.ys_bg .ys .ys_box .bd .txt h5{

    font-size: 24px;

    color: #fff;

    font-weight: bold;

    background: url(../img/ys_xt.jpg) no-repeat  bottom left; 

    padding-bottom: 10px;

    margin-bottom: 30px;



}



.ys_bg .ys .ys_box .bd .txt p{

    font-size: 14px;

    color: #fff;

    line-height: 36px;

    background: url(../img/buttom11.png) no-repeat  18px center; 

    padding-left: 53px;

}





.ys_bg .ys .ys_box .hd{

    width: 595px;

    position: absolute;

    right: 0;

    top: 160px;

    z-index: 5;



}



.ys_bg .ys .ys_box .hd ul li{

    width: 138px;

    float: left;

    margin-right: 10px;

    height: 200px;

}



.ys_bg .ys .ys_box .hd ul li span{

    width: 65px;

    height: 45px;

    display: block;



}



.ys_bg .ys .ys_box .hd ul li:nth-child(1) span{

    background: url(../img/ys1.png) no-repeat  10px top; 

    width: 160px;

}



.ys_bg .ys .ys_box .hd ul li:nth-child(2) span{

    background: url(../img/ys2.png) no-repeat  10px top; 

}



.ys_bg .ys .ys_box .hd ul li:nth-child(3) span{

    background: url(../img/ys3.png) no-repeat  10px top; 

}



.ys_bg .ys .ys_box .hd ul li:nth-child(4) span{

    background: url(../img/ys4.png) no-repeat  10px top; 

    margin-right: -30px;

}





.ys_bg .ys .ys_box .hd ul li h5{

    font-size: 18px;

    color: #545454;

    font-weight: bold;

    margin-top: 15px;

}



.ys_bg .ys .ys_box .hd ul li i{

    width: 37px;

    height: 1px;

    background: #bdbdbd;

    display: block;

    margin-top: 8px;

}



.ys_bg .ys .ys_box .hd ul li h6{

    color: #858585;

    font-size: 12px;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;

    text-transform: uppercase;

    margin-top: 8px;

}



.ys_bg .ys .ys_box .hd ul li.on h5,.ys_bg .ys .ys_box .hd ul li.on h6{

    color: #223244;

}



.ys_bg .ys .ys_box .hd ul li:nth-child(1).on span{

    background: url(../img/ys11.png) no-repeat  10px top; 

    width: 160px;

}



.ys_bg .ys .ys_box .hd ul li:nth-child(2).on span{

    background: url(../img/ys22.png) no-repeat  10px top; 

}



.ys_bg .ys .ys_box .hd ul li:nth-child(3).on span{

    background: url(../img/ys33.png) no-repeat  10px top; 

}



.ys_bg .ys .ys_box .hd ul li:nth-child(4).on span{

    background: url(../img/ys44.png) no-repeat  10px top; 

    margin-right: -30px;

}



.ys_bg .ys .ys_box .hd ul li.on i{

    background: #223244;

}





/*lc*/



.lc_bg{

    width: 100%;

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

    height: 452px;

    margin: 0 auto;

}





.lc_bg .lc{

    width: 1200px;

    margin: 0 auto;

    padding-top: 40px;

}



.lc_bg .lc .lc_box{

    width: 1200px;

    margin: 20px auto 0 auto;

}



.lc_bg .lc .lc_box ul li{

    width: 120px;

    margin-right: 60px;

    font-size: 18px;

    color: #545454;

    float: left;

    text-align: center;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.lc_bg .lc .lc_box ul li:last-child{

    margin-right: -50px;

}



.lc_bg .lc .lc_box ul li:nth-child(1){

    margin-top: 125px;

}



.lc_bg .lc .lc_box ul li:nth-child(2){

    margin-top: 120px;

}



.lc_bg .lc .lc_box ul li:nth-child(3){

    margin-top: 150px;

}



.lc_bg .lc .lc_box ul li:nth-child(4){

    margin-top: 60px;

}



.lc_bg .lc .lc_box ul li:nth-child(6){

    margin-top: 70px;

}



.lc_bg .lc .lc_box ul li:nth-child(7){

    margin-top: 62px;

}



.lc_bg .lc .lc_box ul li:hover{

    transform: translateY(-8px);

    -webkit-transform: translateY(-8px);

    color: #223244;

}







/*case*/



.case_bg{

    width: 100%;

    margin: 0 auto;

    height: 555px;

    background: #f8f8f8;

    padding-top: 45px;

    position: relative;

}





.case_bg .case_box{

    width:1200px;

    margin: 40px auto 0 auto;

    height: 440px;

    position: relative;

    overflow: hidden;



}



.case_bg .case_box  .swiper-wrapper{

    height: 340px;



}



.case_bg .case_box .swiper-slide {
    width: 25% !important;
    height: 300px;
    position: relative;
    position: relative;
    background: #fff;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin-top: 40px;
    float: left;
}



.case_bg .case_box .swiper-slide .pic{

   

    display: inline-block;

    width: 94%;

    height: 265px;

    position: relative;

    margin: -40px auto 0 3%;

    

}



.case_bg .case_box .swiper-slide .pic img {
    width: 100%;
    height: 254px;
    display: block;
    margin: 0 auto;
    object-fit: cover;
}





.case_bg .case_box .swiper-slide .txt{

    width: 70%;

    height: 40px;

    line-height: 40px;

    border-bottom: 1px  solid #e2e2e2;

    margin: 0 auto;

    position: relative;

}



.case_bg .case_box .swiper-slide .txt a{

    font-size: 14px;

    color: #545454;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    text-align: center;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.case_bg .case_box .swiper-slide .txt span{

    width: 0;

    height: 1px;

    background: #223244;

    position: absolute;

    left: 0px;

    bottom: 0px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.case_bg .case_box .swiper-slide:hover .txt span{

    width: 100%;



}



.case_bg .case_box .swiper-slide .txt_on{

    width: 94%;

    height: 280px;

    background: url(../img/ico1.png) repeat  center; 

    position: absolute;

    left: 3%;

    top: -320px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

  }





  .case_bg .case_box .swiper-slide .txt_on img{

      width: 44px;

      height: 44px;

      margin: 120px auto 0 auto;

      display: block;

  }



  .case_bg .case_box .swiper-slide:hover{

      background: #223244;

  }



  .case_bg .case_box .swiper-slide:hover .txt a{

      color: #fff;

  }



  .case_bg .case_box .swiper-slide:hover .txt_on{

      top:-40px;

  }



  .case_box .case_anniu{

    width: 1200px;

    height: 46px;

    margin: 35px auto 0 auto;

    position: relative;

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

}



.case_box .swiper-button-prev {

    display: block;

    width: 45px;

    height: 22px;

    float: left;

    overflow: hidden;

    cursor: pointer;

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

    position: absolute;

    top: 32px;

    left: 480px;

    z-index: 99;

}



.case_box .swiper-button-next {

    display: block;

    width: 45px;

    height: 22px;

    float: right;

    overflow: hidden;

    cursor: pointer;

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

    position: absolute;

    top: 32px;

    right: 480px;

    z-index: 99;

}





/*about*/



.about{

    width: 1200px;

    margin: 60px auto 0 auto;



}



.about .ab_box{

    width: 1200px;

    margin: 40px auto 0 auto;



}



.about .ab_box .ab_img{

    width: 395px;

    height: 470px;

    float: left;

}





.about .ab_box .ab_img img {
    max-width: 100%;
    height: 470px;
}



.about .ab_box .ab_nr{

    width: 758px;

    float: right;

    margin-top: 10px;

}



.about .ab_box .ab_nr h5 a {
    font-size: 27px;
    color: #223244;
    font-weight: bold;
    background: url(../img/ab_xt.jpg) no-repeat bottom left;
    line-height: 60px;
    display: block;
}



.about .ab_box .ab_nr p {
    font-size: 14px;
    color: #333;
    line-height: 36px;
    height: auto;
    overflow: hidden;
    margin-top: 17px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}



.about .ab_box .ab_nr .ab_list{

    margin-top: 28px;

    width: 611px;

    height: 134px;

    background: #fff;

    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .08);

}



.about .ab_box .ab_nr .ab_list ul li{

    width: 201px;

    height: 134px;

    float: left;

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



}



.about .ab_box .ab_nr .ab_list ul li:last-child{

    background: none;

}



.about .ab_box .ab_nr .ab_list ul li span img{

    width: 42px;

    height: 42px;

    margin: 0 auto 10px auto;

    display: block;



}



.about .ab_box .ab_nr .ab_list ul li a{

    font-size: 18px;

    color: #858585;

    text-align: center;

    display: block;

    margin-top: 25px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.about .ab_box .ab_nr .ab_list ul li:hover a{

    transform: translateY(-8px);

    -webkit-transform: translateY(-8px);

}







/*fc*/



.fc{

    width: 1200px;

    margin: 30px auto 0 auto;

}



.fc .fc_list{

    width: 1200px;

    height: 40px;

    margin: 0 auto;

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

}



.fc .fc_list ul {

    width: 280px;

    margin: 0 auto;

}



.fc .fc_list ul li{

    width: 140px;

    height: 40px;

    line-height: 40px;

    background: #f8f8f8;

    float: left;

}



.fc .fc_list ul li a{

    font-size: 14px;

    color: #545454;

    text-align: center;

    display: block;

}



.fc .fc_list ul li.casehover{

    background: #223244;

}



.fc .fc_list ul li.casehover a{

 color: #fff;

}



.fc .fc_nr{

    width: 1200px;

    margin: 30px auto 0 auto;

}



.fc .fc_nr .bd{

    width: 1200px;

    margin: 0px auto 0 auto;

}



.fc .fc_nr ul li{

    width: 285px;

    float: left;

    margin: 0 7px;

}



.fc .fc_nr ul li img{

    width: 283px;

    height: 178px;

    border: 1px solid #d2d2d2;

}



.fc .fc_nr ul li p a{

    font-size: 14px;

    color: #545454;

    text-align: center;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    line-height: 40px;

    -webkit-transition: all 0.8s ease-out;

    -o-transition: all 0.8s ease-out;

    transition: all 0.8s ease-out;



}



.fc .fc_nr ul li:hover p a{

    color: #223244;

    

}







/*news*/



.news{

    width: 1200px;

    margin: 40px auto 0 auto;

}



.news .news_box{

    width: 1200px;

    height: 360px;

    margin: 35px auto 0 auto; 

}



.news .news_box .news_l{

    float: left;

    width: 625px;

    height: 350px;

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

}





.news .news_box .news_l .l_title{



}



.news .news_box .news_l .l_title h6{

    font-size: 24px;

    color: #223244;

    font-weight: normal;

    text-transform: uppercase;

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

    padding-left: 55px;

    font-family: Arial, Helvetica, sans-serif;

    padding-top: 10px;

}



.news .news_box .news_l .l_title h5{

    color: #1f1f1f;

    font-size: 24px;

    font-weight: normal;

}



.news .news_box .news_l .l_title h5 span{

    color: #1f1f1f;

    font-size: 48px;

    font-weight: normal;

    text-transform: uppercase;

    font-family: Arial, Helvetica, sans-serif;

    margin-right: 10px;

}



.news .news_box .news_l .nr{

    margin-top: 25px;

}



.news .news_box .news_l .nr .news_img{

    width: 320px;

    height: 180px;

    float: left;

}



.news .news_box .news_l .nr .news_img img{

    width: 320px;

    height: 180px;

}



.news .news_box .news_l .nr .txt{

    float: left;

    margin-left: 35px;

    width: 255px;

}



.news .news_box .news_l .nr .txt h5 a{

    font-size: 16px;

    color: #545454;

    font-weight: normal;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    margin: 15px 0 10px 0;

}



.news .news_box .news_l .nr .txt p{

    color: #858585;
    font-size: 14px;
    line-height: 24px;
    height: auto;
    overflow: hidden;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

}



.news .news_box .news_l .nr .txt .xq{

    width: 120px;

    height: 32px;

    line-height: 32px;

    border: 1px solid #d2d2d2;

    margin-top: 20px;

    position: relative;

    z-index: 5;

}



.news .news_box .news_l .nr .txt .xq a{

    color: #858585;

    font-size: 14px;

    display: block;

    text-align: center;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.news .news_box .news_l .nr .txt .xq span{

    width: 120px;

    height: 0;

    left: 0px;

    top: 0;

    position: absolute;

    background: #223244;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    z-index: -1;

}



.news .news_box .news_l .nr .txt .xq:hover span{

    height: 100%;

}



.news .news_box .news_l .nr .txt .xq:hover a{

    color: #fff;

}





.news .news_box .news_r{

    float: right;

    width: 530px;

} 



.news .news_box .news_r .news_t{

    height: 40px;

    line-height: 40px;



}



.news .news_box .news_r .news_t ul li{

    float: left;

    color: #1f1f1f;

    font-size: 18px;

    font-weight: bold;

    

} 



.news .news_box .news_r .news_t ul li a{

    color: #1f1f1f;

    font-size: 18px;

    font-weight: bold;

    

} 



.news .news_box .news_r .news_t ul li.casehover a{

    color: #223244;

}



.news .news_box .news_r .txt_box{

    margin-top: 35px;

} 



.news .news_box .news_r .txt_box ul li{

    margin-bottom: 40px;

    height: 55px;

}



.news .news_box .news_r .txt_box ul li .list_l{

    float: left;

    width: 400px;

}



.news .news_box .news_r .txt_box ul li .list_l a{

    font-size: 16px;

    color: #545454;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.news .news_box .news_r .txt_box ul li .list_l p{

    font-size: 14px;

    color: #858585;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    margin-top: 5px;

}



.news .news_box .news_r .txt_box ul li .time{

    float: right;

    text-align: center;

}



.news .news_box .news_r .txt_box ul li .time span{

    font-size: 30px;

    color: #858585;

    display: block;

    line-height: 32px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.news .news_box .news_r .txt_box ul li .time p{

    font-size: 14px;

    color: #858585;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.news .news_box .news_r .txt_box ul li:hover .list_l a{

    color: #223244;

    transform: translateX(10px);

    -webkit-transform: translateX(10px);

}



.news .news_box .news_r .txt_box ul li:hover .time span{

    color: #223244;

}





.news .news_box .news_r .txt_box ul li:hover .time p{

    color: #223244;

}





/*message*/



.message_bg{

    width: 100%;

    margin: 30px auto 0 auto;

    height: 525px;

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

}



.message_bg .message{

    width: 1200px;

    margin: 0 auto;

    padding-top: 100px;

    height: 310px;

}



.message_bg .message .m_nr{

    width: 1160px;

    height: 50px;

    margin: 0 auto;

}



.message_bg .message .form-group1{

    width:48%;

    height: 50px;

    border: 1px solid #d2d2d2;

    float: left;

    margin: 0 37px 0 0px;

}



.message_bg .message .form-group1 input{

    width: 48%;

    height: 50px;

    font-size: 14px;

    color: #858585;

    padding-left: 50px;

    background: url(../img/m1.png) no-repeat 10px center;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.message_bg .message .form-group2{

    width: 48.3%;

    height: 50px;

    border: 1px solid #d2d2d2;

    float: left;

    margin: 0 0 0 0px;

}



.message_bg .message .form-group2 input{

    width: 48.3%;

    height: 50px;

    font-size: 14px;

    color: #858585;

    padding-left: 50px;

    background: url(../img/m2.png) no-repeat 10px center;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.message_bg .message .codeText{

    width: 200px;

    height: 50px;

    border: 1px solid #d2d2d2;

    float: left;

    text-indent: 20px;

    font-size: 14px;

    color: #858585;

    float: left;

}



.message_bg .message .imgcode{

    width: 125px;

    height: 50px;

    float: right;

}



.message_bg .message .form-group3{

    width: 1160px;

    height: 110px;

    border: 1px solid #d2d2d2;

    margin: 30px 20px;

}



.message_bg .message .form-group3 input{

    width: 1160px;

    height: 60px;

    font-size: 14px;

    color: #858585;

    padding-left: 50px;

    background: url(../img/m3.png) no-repeat 10px 15px;

    padding-bottom: 0px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.message_bg .message .form-group3 input:focus{

    background: url(../img/m3.png) no-repeat 1110px 15px;

}



.message_bg .message .form-group2 input:focus{

    background: url(../img/m2.png) no-repeat 320px center;

}





.message_bg .message .form-group1 input:focus{

    background: url(../img/m1.png) no-repeat 320px center;

}



.message_bg .message .anniu{

    width: 400px;

    height: 60px;

    background: #F4C41D;

    border-radius: 8px;

    margin: 0 auto;

}

input.submit-btn.input_index_button {
    color: #fff;
    background: none;
    display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 60px;
    font-size: 18px;
}

.message_bg .message .anniu button{

    width: 400px;

    height: 60px;

    background: #223244;

    border-radius: 8px;

    border: none;

    font-size: 16px;

    color: #fff;

}





/*links*/



.links{

    width: 1200px;

    margin: 25px auto 0 auto;

    font-size: 14px;

    color: #fff; 

}



.links a{

    font-size: 14px;

    color: #fff; 

    margin: 0 20px;

    line-height: 30px;

}

p#fzwz {
    display: inline-block;
}


@media screen and (max-width: 980px) {
*{-webkit-text-size-adjust:none;}
#box{ height:300px;}
.width{ width:98%;}
#foot_nav{ display:block; position:fixed; bottom:0px; width:100%; left:0px;z-index: 999}
#foot_nav li{ list-style:none;}
#foot_nav li a {width: calc(100% / 1);text-align: center;height: 90px;line-height: 90px;background: #F4C41D; color: #fff;float: left;font-size: 38px; font-weight: bold;}

.top_bg .top {
    width: 98%;
    margin: 0 auto;
    height: 36px;
    line-height: 36px;
}
.pagetop {
    width: 98%;
    margin: 0 auto;
    height: 120px;
}
.pagetop .left_nr .logo a {
    font-size: 34px;
    color: #223244;
    font-weight: bold;
    line-height: 113px;
}
.pagetop .right_tel {
    float: right;
    margin: 27px 0 0 13px;
    background: url(../img/tel.png) no-repeat left center;
    padding-left: 10px;
    background-size: 18%;
}
.pagetop .right_tel .tel p {
    font-size: 28px;
    color: #333;
    line-height: 56px;
    padding-left: 20px;
    font-weight: bold;
}
.banner_1 {
    width: 100%;
    height: 308px;
    margin: 35px auto 0 auto;
    background: #223244;
}
.menu {
    width: 98%;
    margin: 0 auto;
    height: 50px;
    position: relative;
}
.nav>li {
    line-height: 50px;
    height: 50px;
    text-align: center;
    width: 16.5%;
    float: left;
    position: relative;
    z-index: 999;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background: url(../img/nav_l.jpg) no-repeat right center;
}
.product {
    width: 98%;
    margin: 33px auto 0 auto;
}
.title {
    width: 100%;
    margin: 0px auto 0 auto;
    text-align: center;
}
.product .product_box {
    width: 100%;
    margin: 20px auto 0 auto;
}

.product .product_box .pro_l {
    float: left;
    width: 100%;
    background: none;
}
.product .product_box .pro_l .pro_t {
    display: none;
}

.product .product_box .pro_l .pro_con {
    margin: 15px auto 0 auto;
    background: none;
    width: auto;
    padding: 0;
}
.product .product_box .pro_l .zx{
	display:none;
}

.product .product_box .pro_l .pro_con ul {
    display: block;
    text-align: center;
    margin: 0 auto;
}
.product .product_box .pro_l .pro_con ul li {
    width: auto;
    height: auto;
    line-height: 36px;
    border: 1px solid #223244;
    margin: 0 auto 8px 7px;
    position: relative;
    z-index: 5;
    background: #223244;
    display: inline-block;
    padding: 0 10px;
}
.product .product_box .pro_l .pro_con ul li a {
    font-size: 14px;
    color: #fff;
    background: none;
    padding-left: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.product .product_box .tab {
    width: 100%;
    float: right;
    margin-top:20px;
}
.product .product_box .tab ul li .pic {
    width: 99%;
    border: 1px solid #e0e0e0;
    position: relative;
}
.product .product_box .tab ul li:nth-child(2n) {
    margin-right: 0;
}
.product .product_box .tab ul li {
    width: 48.4%;
    float: left;
    margin: 0 18px 20px 0;
    position: relative;

    overflow: hidden;
    z-index: 5;
}
.banner_1 .cont {
    width: 98%;
    margin: 0 auto;
}
.banner_1 .cont .txt {
    margin: 0px 0 0 0;
    width: 100%;
}
.banner_1 .cont .txt ul li {
    width: 22.9%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #223244;
    font-weight: bold;
    background: #fff;
    float: left;
    margin: 0 6px;
}
.ys_bg {
    width: 100%;
    margin: 0 auto;
    background: #fafafa;
    height: auto;
    position: relative;
    padding: 38px 0 0;
}
.ys_bg .ys {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
    position: relative;
}
.ys_bg .ys .ys_box {
    width: 100%;
    margin: 0 auto;
    height: 538px;
    position: relative;
}
.ys_bg .ys .ys_box .bd ul li {
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 503px;
}
.ys_bg .ys .ys_box .bd .txt {
    width: 100%;
    height: 231px;
    background: #223244;
    position: absolute;
    right: 0;
    bottom: 0px;
    padding: 35px 0;
}
.ys_bg .ys .ys_box .bd .txt h5 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    background: url(../img/ys_xt.jpg) no-repeat 20px bottom;
    padding-bottom: 10px;
    margin-bottom: 30px;
    padding: 0 17px;
}
.ys_bg .ys .ys_box .bd .txt {
    width: 98%;
    height: 231px;
    background: #223244;
    position: absolute;
    right: 0;
    bottom: 0px;
    padding: 35px 10px;
}
.ys_bg .ys .ys_box .bd {
    width: 100%;
    margin: 0 auto;
}
.ys_bg .ys .ys_box .bd .ys_img {
    float: left;
    width: 536px;
    height: 558px;
    position: relative;
    display: none;
}
.ys_bg .ys .ys_t {
    width: 98%;
    height: 100px;
    position: relative;
    right: 0px;
    top: 0;
    margin: 0 auto;
}
.ys_bg .ys .ys_box .hd {
    width: 98%;
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 5;
}
.ys_bg .ys .ys_box .hd ul li:last-child {
    margin-right: 0;
}
.ys_bg .ys .ys_box .hd ul li {
    width: 23.6%;
    float: left;
    margin-right: 10px;
    height: 200px;
}

.lc_bg{
    display:none;
}
.case_bg {
    width: 100%;
    margin: 0 auto;
    height: auto;
    background: #f8f8f8;
    padding-top: 0;
    position: relative;
}
.case_bg .case_box {
    width: 98%;
    margin: 40px auto 0 auto;
    height: auto;
    position: relative;
    overflow: hidden;
}
.case_bg .case_box .swiper-wrapper {
    height: auto;
}
.case_bg .case_box .swiper-slide .txt_on{
    display: none;
}
.case_bg .case_box .swiper-slide {
    width: 49% !important;
    height: auto;
    position: relative;
    position: relative;
    background: #fff;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin-top: 0;
    float: left;
    margin-bottom: 23px;
    margin-right: 2%;
}
.case_bg .case_box .swiper-slide:nth-child(2n) {
    margin-right: 0;
}
.case_bg .case_box .swiper-slide .pic {
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto 0 0%;
}

.case_bg .case_box .swiper-slide .pic img {
    width: 100%;
    height: 223px;
    display: block;
    margin: 0 auto;
    object-fit: cover;
}
.about {
    width: 98%;
    margin: 60px auto 0 auto;
}
.about .ab_box {
    width: 100%;
    margin: 40px auto 0 auto;
}
.about .ab_box .ab_img {
    width: 100%;
    height: 669px;
    float: left;
}
.about .ab_box .ab_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about .ab_box .ab_nr {
    width: 100%;
    float: right;
    margin-top: 10px;
}
.about .ab_box .ab_nr .ab_list {
    margin-top: 50px;
    width: 100%;
    height: 134px;
    background: #fff;
    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .08);
}
.about .ab_box .ab_nr .ab_list ul li {
    width: 33.333%;
    height: 134px;
    float: left;
    background: url(../img/xt.png) no-repeat center right;
}
.news {
    width: 98%;
    margin: 40px auto 0 auto;
}
.news .news_box {
    width: 100%;
    height: auto;
    margin: 35px auto 0 auto;
}
.news .news_box .news_l {
    float: left;
    width: 100%;
    height: auto;
    background: url(../img/news_xt.png) no-repeat right center;
}
.news .news_box .news_l .nr .news_img {
    width: 35%;
    height: 180px;
    float: left;
}
.news .news_box .news_l .nr .news_img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
.news .news_box .news_l .nr .txt {
    float: left;
    margin-left: 28px;
    width: 60%;
}
.news .news_box .news_l .nr .txt p {
    color: #858585;
    font-size: 14px;
    line-height: 24px;
    height: auto;
    overflow: hidden;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.news .news_box .news_l .nr .txt .xq {
    width: 31%;
    height: 32px;
    line-height: 32px;
    border: 1px solid #d2d2d2;
    margin-top: 20px;
    position: relative;
    z-index: 5;
}
.news .news_box .news_r {
    float: right;
    width: 100%;
    margin-top: 30px;
}
.news .news_box .news_r .txt_box ul li .list_l {
    float: left;
    width: 86%;
}
.message_bg {
    width: 100%;
    margin: 30px auto 0 auto;
    height: auto;
    background: #223244;
}
.message_bg .message {
    width: 98%;
    margin: 0 auto;
    padding-top: 100px;
    height: auto;
}
.message_bg .message .m_nr {
    width: 100%;
    height: 50px;
    margin: 0 auto;
}
.message_bg .message .form-group1 {
    width: 46.5%;
    height: 50px;
    border: 1px solid #d2d2d2;
    float: left;
    margin: 0 37px 0 0px;
}
.message_bg .message .form-group2 {
    width: 46.5%;
    height: 50px;
    border: 1px solid #d2d2d2;
    float: left;
    margin: 0 0 0 0px;
}
.message_bg .message .form-group3 {
    width: 99.5%;
    height: 110px;
    border: 1px solid #d2d2d2;
    margin: 30px 0;
}
.message_bg .message .anniu {
    width: 39%;
    height: 60px;
    background: #fff;
    border-radius: 8px;
    margin: 0 auto 50px;
}
input.submit-btn.input_index_button {
    color: #333;
    background: none;
    display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 60px;
    font-size: 18px;
}
.message_bg .message .form-group3 input {
    width: 92%;
    height: 60px;
    font-size: 14px;
    color: #858585;
    padding-left: 50px;
    background: url(../img/m3.png) no-repeat 10px 15px;
    padding-bottom: 0px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.footer_bg .footer {
    width: 98%;
    margin: 0 auto;
    position: relative;
}
.footer_bg .footer .f_top {
    width: 100%;
    margin: 0px auto 0 auto;
    height: 122px;
    position: relative;
    top: -40px;
}
.footer_bg .footer .f_top ul li {
    float: left;
    width: 30.9%;
    height: 169px;
    background: #fff;
    border-radius: 15px;
    margin: 0 9px 0 0;
    padding: 0 4px;
    text-align: center;
}
.footer_bg .footer .f_top ul li p {
    font-size: 21px;
    color: #333;
    margin-top: 15px;
    font-weight: bold;
}
.footer_bg .footer .f_cont .f_l {
    float: left;
    width: 65%;
}
.footer_bg .footer .f_cont .f_l dl:nth-child(2){
    display: none;
}
.footer_bg .footer .f_cont .f_l dl {
    float: left;
    width: 28%;
    height: 263px;
    background: url(../img/f_xt.png) no-repeat right center;
    /* padding: 0 0 0 27px; */
    box-sizing: content-box;
}
.footer_bg .footer .f_cont .f_l dl dt {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin: 0px auto 20px auto;
    padding-top: 25px;
    text-align: center;
}
.footer_bg .footer .f_cont .f_l dl dd a {
    font-size: 14px;
    color: #ccc;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    text-align: center;
}
.footer_bg .footer .f_cont .f_r {
    width: 30%;
    height: 170px;
    background: url(../img/ewm_bg.png) no-repeat center;
    float: right;
    margin-top: 20px;
}
.footer_bg .footer .f_cont .f_r img {
    width: 82%;
    height: 138px;
    margin: 16px;
}
.footer_bg .end_bg {
    width: 100%;
    height: auto;
    border-top: 1px solid #373737;
    margin: 0 auto;
    padding: 20px 0 91px;
}

.footer_bg .end_bg .end {
    width: 98%;
    margin: 0 auto;
    font-size: 14px;
    color: #ccc;
    line-height: 30px;
}


}