.top{
    overflow: hidden;
    position: relative;
}
.t_con{
    overflow: hidden;
    padding:30px 0;
}
.t_phone{
    overflow: hidden;
    margin-top: 10px;
}
.t_phone .pic{
    margin-right: 10px;
}
.t_phone .wz p{
    margin:0;
    font-size: 16px;
    color: #535353;
}

.t_phone .wz h3{
    margin:0;
    font-size: 29px;
    color: #e50908;
}
.top .menu{
    overflow: hidden;
    line-height: 62px;
    border-top: 1px #e5e5e5 solid;
}
.top .menu ul{
    overflow: hidden;
    margin:0;
}
.top .menu ul li{
    width: 146px;
    float: left;
    text-align: center;
    border-right: 1px #e5e5e5 solid;
}
.menu li.cur, .menu li:hover{
    background-color: #0441a6;
}
.menu li.cur a, .menu li a:hover{
    color: #fff;
    z-index: 99;
}

.case_box2{
    overflow: hidden;
    background:url(../images/al_bj.jpg) no-repeat center;
    padding: 70px 0;
}
.case_box2 .z_box{
    background-color: #ed1111;
    padding: 3%;
    margin-top: 70px;
}
.case_box2 .z_box h3{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    margin:0;
}
.case_box2 .z_box ul{
    overflow: hidden;
    padding:5% 0;
    padding-bottom: 0;
}
.case_box2 .z_box ul li{
    line-height: 30px;
    padding-left: 38px;
    background: url(../images/jsq.png) no-repeat left;
    margin: 10px 0;
}
.case_box2 .z_box ul li p{
    margin: 0;
    line-height: 30px;
    color: #fff;
    font-size: 18px;
}
.case_box2 .y_box{
    width: 40%;
    color: #fff;
}
.case_box2 .y_box span{
    opacity: 0.6;
}
.case_box2 .y_box .bt{
    overflow: hidden;
}


.case_box2 .y_box ul{
    overflow: hidden;
    padding:5% 0;
    padding-bottom: 0;
}
.case_box2 .y_box ul li{
    line-height: 30px;
    padding-left: 38px;
    background: url(../images/dg.png) no-repeat left;
    margin: 10px 0;
}
.case_box2 .y_box ul li a{
    margin: 0;
    line-height: 30px;
    color: #fff;
    font-size: 18px;
}
.case_box2 .y_box .more{
    display: block;
    width: 180px;
    height: 45px;
    border: 1px #fff solid;
    border-radius: 5px;
    text-align: center;
    line-height: 45px;
    margin-top: 50px;
    padding-bottom: 40px;
}
.case_box2 .y_box .more a{
    font-size: 16px;
    color: #fff;
}

.menu li.cur{
    margin-right: -1px;
}
.menu ul li a{
    font-size: 18px;
    color: #353535;
    display: block;
    text-decoration: none;
    z-index: 10;
    position: relative;
}

.top hr {
    height: 0px;
    color: #b20b19;
    border: none;
    border-bottom: 62px solid #0441a6;
    padding: 0;
    margin: 0;
    display: block;
    width: 0px;
    transition: width 0.75s ease 0.1s;
    position: absolute;
    left: 0;
    top: 144px;
    z-index: 9;
}
.top .menu ul li:first-child a{
    background-image: url(../images/home.png);
    background-repeat:no-repeat;
    background-position:10% 50%;
    background-size: 18%;
    text-indent:1em; 
}
.banner{
    overflow: hidden;
    width: 100%;
    position: relative;
}
.banner img{
    display: block;
    width: 100%;
}
.banner .swiper-paginationa{
    position: absolute;
    bottom: 15px !important;
    left: 0;
    right: 0;
    margin:auto;
    z-index: 9999;
    text-align: center;
}
.banner .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    border-radius: 0;
    border-radius: 50%;
}
.banner .swiper-pagination-bullet-active{
    background: #e50908 !important;
}
.banner .swiper-paginationa span{
    background-color: #323232;
}
.banner .swiper-pagination-bullet{
    opacity: .8;
}
.index_search{
    overflow: hidden;
    padding: 50px 0;
    background-image: url(../images/xtbj.png);
    background-repeat:no-repeat;
    background-position:0% 100%;
    background-size: 100%;
}
.index_search ul li{
    overflow: hidden;
}
.index_search ul li i{
    display: block;
    width: 25px;
    height: 2px;
    background-color: #333333;
}
.index_search ul li .s1 h3{
    font-size: 21px;
    color: #333333;
    margin-bottom: 30px;
}
.index_search ul li .s1 h3 span{
    font-weight: bold;
}
.index_search ul li .s1_link{
    width: 20%;
    text-align: center;
    float: left;
    margin-right: 3%;
}
.index_search ul li .s1_link a{
    color: #666;
    text-decoration: none;
}
.index_search ul li .s1_link a p{
    line-height: 30px;
    font-size: 14px;
}
.index_search ul li .s2{
    overflow: hidden;
}

.index_search ul li .s2 span{
    font-size: 24px;
    color: #d2d2d2;
    margin-top: 15px;
    display: block;
}
.index_search ul li .s2 p{
    font-size: 14px;
    color: #666;
}
.index_search ul li .s2 h3{
    margin:0;
    margin-top: 20px;
    font-size: 28px;
    color: #333333;
    background-image: url(../images/s4.png);
    background-repeat:no-repeat;
    background-position:0% 50%;
    background-size: 5%;
    padding-left: 10%;
}
.index_search ul li:nth-child(2){
    padding-left: 8%;
    border-left: 1px #ebebeb solid;
    border-right: 1px #ebebeb solid;
}
.index_search ul li .s3{
    overflow: hidden;
}
.index_search ul li .s3 span{
    font-size: 24px;
    color: #d2d2d2;
    margin-top: 15px;
    display: block;
}
.index_search ul li:nth-child(3){
    padding-left: 8%;
}
.index_search ul li .s3{
    overflow: hidden;
}
.index_search ul li .s3 p{
    font-size: 14px;
    color: #a4a4a4;
}
.index_search ul li .s3 p a{
    color: #a4a4a4;
    margin: 0 1px;
}
.index_search ul li .s3 .p1-search-1-inp{
    overflow: hidden;
    position: relative;
}
.index_search ul li .s3 .p1-search-1-inp .p1-search-1-inp1{
    line-height: 38px;
    width: 82%;
    border: 1px #b5b5b5 solid;
    padding:0 2%;
    outline:none;
}
.index_search ul li .s3 .p1-search-1-inp .p1-search-1-inp2{
    line-height: 42px;
    width: 19%;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    outline:none;
    background-color: #e50908;
    background-image: url(../images/s5.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size: 50%;
}
.index_title{
    overflow: hidden;
    text-align: center;
}
.index_product{
    overflow: hidden;
    padding:30px 0;
    background: url(../images/bj1.jpg) no-repeat center;
    background-size: cover;
}

.index_title h3{
    font-size: 33px;
    color: #303030;
    font-weight: bold;

}
.index_title h3 span{
    color: #f00e0d;
}
.index_title p{
    font-size: 16px;
    color: #6d6d6d;
    line-height: 28px;
}
.index_title i{
    display: block;
    width: 105px;
    height: 24px;
    background: url(../images/index_bt.png) no-repeat center;
    background-size: 100%;
    margin:15px auto;
}
.index_product .tab .product_list .some-list li a{
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    margin:10px;
}
.index_product .tab .product_list .some-list li a .pic{
    display: block;
    width: 100%;
    overflow: hidden;
}
.index_product .product_list .some-list li a .pic img{
    display: block;
    width: 100%;
    transition: all .3s;
}
.index_product .tab .product_list .some-list li a .wz{
    display: block;
    position: absolute;
    width: 100%;
    line-height: 60px;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    margin:auto;
    background: rgba(0,0,0,.5);
}
.index_product .tab .product_list .some-list li a .wz p{
    margin:0;
    font-size: 20px;
    text-align: center;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding:0 5%;
}
.index_product .tab .case_sort{
    overflow: hidden;
}
.index_product .tab .case_sort ul {
    overflow: hidden;
    text-align: center;
    padding: 20px 0;
}
.index_product .tab .case_sort ul li {
    display: inline-block;
    width: 170px;
    line-height: 50px;
    background-color: #e3e3e3;
    border-radius: 30px;
    margin:10px;
    background-position:30% 50%;
}
.index_product .tab .case_sort ul li:nth-child(1){
    background-image: url(../images/pr1.png);
    background-repeat:no-repeat;
}
.index_product .tab .case_sort ul .current:nth-child(1){
    background-image: url(../images/pr1_h.png);
    background-repeat:no-repeat;
}
.index_product .tab .case_sort ul li:nth-child(2){
    background-image: url(../images/pr2.png);
    background-repeat:no-repeat;
}
.index_product .tab .case_sort ul .current:nth-child(2){
    background-image: url(../images/pr2_h.png);
    background-repeat:no-repeat;
}
.index_product .tab .case_sort ul li:nth-child(3){
    background-image: url(../images/pr4.png);
    background-repeat:no-repeat;
}
.index_product .tab .case_sort ul .current:nth-child(3){
    background-image: url(../images/pr4_h.png);
    background-repeat:no-repeat;
}
.index_product .tab .case_sort ul li:nth-child(4){
    background-image: url(../images/pr3.png);
    background-repeat:no-repeat;
}
.index_product .tab .case_sort ul .current:nth-child(4){
    background-image: url(../images/pr3_h.png);
    background-repeat:no-repeat;
}
.index_product .tab .case_sort ul li:nth-child(5){
    background-image: url(../images/pr4.png);
    background-repeat:no-repeat;
}
.index_product .tab .case_sort ul .current:nth-child(5){
    background-image: url(../images/pr4_h.png);
    background-repeat:no-repeat;
}
.index_product .tab .product_list .some-list{
    overflow: hidden;
}
.index_product .more{
    display: block;
    width: 220px;
    line-height: 45px;
    border-radius: 15px;
    background-color: #ed1211;
    margin:30px auto 10px auto;
    text-align: center;
}
.index_product .more img{
    margin-right: 15px;
}
.index_product .more a{
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

.index_product .tab .case_sort ul li a{
    font-size: 20px;
    color: #696969;
    text-indent:2em;
    display: block;
    text-decoration: none;
}
.j-tab-con .tab-con-item {
    display: none;
    overflow: hidden;
}
 .j-tab-con .tab-con-item:nth-child(1) {
    display: block;
}

.index_product .tab .product_list .some-list li a:hover .pic img{
   transform: scale(1.1,1.1);
}
.index_product .tab .product_list .some-list li a .bj{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(4,65,166,0.7);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 25% 10% 0 10%;
    opacity: 0;
    transition: all .3s;
}
.index_product .tab .product_list .some-list li a:hover .bj{
    opacity: 1;
}    
.index_product .tab .product_list .some-list li a:hover .wz{
   opacity: 0;
   transition: all .3s;
}
.index_product .tab .product_list .some-list li a .bj p{
    font-size: 20px;
    color: #fff;
    margin:10%;
}
.index_product .tab .case_sort ul .current{
    background-color: #f00e0d;
}
.index_product .tab .case_sort ul .current a{
   color: #fff;
}
.index_case{
    overflow: hidden;
    padding:50px 0;
    background-color: #f8f8f8;
    padding-bottom: 0;
}
.index_case .tab{
    overflow: hidden;
}
.index_case .case_sort {
    overflow: hidden;
}
.index_case .case_sort ul {
    overflow: hidden;
    text-align: center;
    padding: 20px 0;
}
.index_case .case_sort ul li {
    display: inline-block;
    width: 120px;
    line-height: 40px;
    border-radius: 30px;
    margin: 10px;
    text-align: center;
}
.index_case .case_sort ul li:hover{
    background-color: #db1914;
}
.index_case .case_sort ul li:hover a{
    color: #fff;
}
.index_case .case_sort ul li a{
    color: #999898;
    font-size: 18px;
    text-decoration: none;
}
.case_box{
    overflow: hidden;
    position: relative;
}
.case_box .swiper-slide .pic img{
    display: block;
    width: 100%;
}
.case_box .swiper-slide .title img{
    display: block;
    width: 100%;
}
.case_box .swiper-slide .title{
    overflow: hidden;
    position: relative;
}
.case_box .swiper-slide .title .wz{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 999;
    padding: 38% 10% 0 10%;
    color: #fff;
}
.case_box .swiper-slide .title .wz h3{
    font-size: 18px;
    text-align: center;
    margin:0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.case_box .swiper-slide .title .wz i{
    display: block;
    width: 10%;
    height: 1px;
    background-color: #fff;
    margin:5% auto;
}
.case_box .swiper-slide .title .wz p{
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.case_box .swiper-slide .title .wz a{
    display: block;
    width: 150px;
    line-height: 30px;
    border: 1px #fff solid;
    border-radius: 15px;
    margin:25px auto;
    color: #fff;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
}
.case_box .swiper-slide .title .wz a p{
    float: left;
    font-size: 15px;
    margin-bottom: 0;
    text-align: center;
    margin-left: 42px;
    line-height: 30px;
    transition: all .3s;
}

.case_box .swiper-slide .title .wz a dt{
    display: block;
    width: 0px;
    height: 30px;
    background: url(../images/jt.png) no-repeat center;
    background-size: 100%;
    float: left;
    transition: all .3s;
}
.case_box .swiper-slide .title .wz a:hover dt{
    width: 25px;
}
.case_box .swiper-slide .title .wz a:hover p{
    margin-left: 30px;
    margin-right: 5px;
}
.case_box .swiper-pagination{
    width: 7% !important;
    left: 80% !important;
    bottom: 20% !important;
    position: absolute;
    z-index: 9999;
}
.case_box .swiper-paginationb2{
    width: 7% !important;
    left: 80% !important;
    bottom: 20% !important;
    position: absolute;
    z-index: 9999;
}
.case_box .swiper-paginationb3{
    width: 7% !important;
    left: 80% !important;
    bottom: 20% !important;
    position: absolute;
    z-index: 9999;
}
.case_box .swiper-paginationb4{
    width: 7% !important;
    left: 80% !important;
    bottom: 20% !important;
    position: absolute;
    z-index: 9999;
}
.case_box .swiper-button-nextb{
    width: 24px;
    height: 24px;
    position: absolute;
    background:url(../images/nextb.png) no-repeat center; 
    bottom: 20%;
    right: 21%;
}
.case_box .swiper-button-prevb{
    width: 24px;
    height: 24px;
    position: absolute;
    background:url(../images/prevb.png) no-repeat center; 
    bottom: 20%;
    right: 10%;
}






.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    text-align: center !important;
}
.swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border: 1px #fff solid !important;
    opacity: 1 !important;
    margin: 0 6px !important;
}
.swiper-pagination .swiper-pagination-bullet-active{
    background-color: #fff !important;
}

.swiper-paginationb2 .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border: 1px #fff solid !important;
    opacity: 1 !important;
    margin: 0 6px !important;
}
.swiper-paginationb2 .swiper-pagination-bullet-active{
    background-color: #fff !important;
}

.swiper-paginationb3 .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border: 1px #fff solid !important;
    opacity: 1 !important;
    margin: 0 6px !important;
}
.swiper-paginationb3 .swiper-pagination-bullet-active{
    background-color: #fff !important;
}

.swiper-paginationb4 .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border: 1px #fff solid !important;
    opacity: 1 !important;
    margin: 0 6px !important;
}
.swiper-paginationb4 .swiper-pagination-bullet-active{
    background-color: #fff !important;
}

.index_ys{
    overflow: hidden;
    padding:50px 0;
    padding-bottom: 0;
}
.ys_box1{
    overflow: hidden;
    background: url(../images/ysbj1.png) no-repeat center;
    background-size: 95%;
    padding:30px 0 70px 0;
    margin-top: 30px;
}
.ys_box1 .pic{
    display: block;
    width: 70%;
}
.ys_box1 .pic img{
    width: 100%;
    display: block;
}
.ys_box1 .wz{
    overflow: hidden;
    margin-top: 140px;
    width: 30%;
    padding-left: 2%;
}
.ys_box1 .wz h3{
    text-align: right;
    font-size: 28px;
    color: #dd1717;
    font-weight: bold;
}
.ys_box1 .wz i{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.ys_box1 .wz i img{
    float: right;
}
.ys_box1 .wz h3 span{
    color: #434043;
}
.ys_box1 .wz h4{
    text-transform:uppercase;
    font-size: 14px;
    color: #c3c3c3;
    text-align: right;
}
.ys_box1 .wz ul{
    overflow: hidden;
    margin:20px auto;
}
.ys_box1 .wz ul li{
    overflow: hidden;
}
.ys_box1 .wz ul li dd{
    display: block;
    float: left;
    width: 18px;
    line-height: 18px;
    border: 1px #d9d9d9 solid;
    text-align: center;
    font-size: 14px;
    color: #999999;
    margin-right: 6px;
}
.ys_box1 .wz ul li p{
    font-size: 14px;
    color: #666666;
    text-align: left;
    margin-bottom: 15px;
}
.ys_box1 .wz ul li p span{
    color: #dd1717;
}
.fk{
    width: 80px;
    height: 40px;
    background-color: #0454cf;
}
.ys_box2{
    overflow: hidden;
    background: url(../images/ysbj2.png) no-repeat center;
    background-size: 100%;
    padding-bottom: 80px;
}
.ys_box2 .pic{
    width: 70%;
}
.ys_box2 .pic img{
    width: 100%;
    display: block;
}
.ys_box2 .wz{
    overflow: hidden;
    margin-top: 140px;
    width: 30%;
}
.ys_box2 .wz h3{
    text-align: left;
    font-size: 28px;
    color: #dd1717;
    font-weight: bold;
}
.ys_box2 .wz i{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.ys_box2 .wz i img{
    float: left;
}
.ys_box2 .wz h3 span{
    color: #434043;
}
.ys_box2 .wz h4{
    text-transform:uppercase;
    font-size: 14px;
    color: #c3c3c3;
    text-align: left;
}
.ys_box2 .wz ul{
    overflow: hidden;
    margin:20px auto;
}
.ys_box2 .wz ul li{
    overflow: hidden;
}
.ys_box2 .wz ul li dd{
    display: block;
    float: left;
    width: 18px;
    line-height: 18px;
    border: 1px #d9d9d9 solid;
    text-align: center;
    font-size: 14px;
    color: #999999;
    margin-right: 6px;
}
.ys_box2 .wz ul li p{
    font-size: 14px;
    color: #666666;
    text-align: left;
    margin-bottom: 15px;
}
.ys_box2 .wz ul li p span{
    color: #dd1717;
}
.index_process{
    overflow: hidden;
    background: url(../images/lcbj.jpg) no-repeat center;
    background-size: cover;
    padding: 50px 0;
    padding-bottom: 220px;
}
.process_box{
    border-bottom: 1px #e7e5e6 solid;
    margin-top: 50px;
}
.process_box ul{
    display: block;
}
.process_box ul li{
    width: 166px;
    float: left;
    text-align: center;
    position: relative;
}
.process_box ul li .pic{
    width: 60px;
    height: 60px;
    display: block;
    border: 1px #000 solid;
    border-radius: 15px;
    margin:10px auto;
    transition: all .3s;
}
.process_box ul li:nth-child(1) .pic{
    background-image: url(../images/lc01_h.png);
    background-repeat:no-repeat;
    transition: all .3s;
}
.process_box ul li:nth-child(1):hover .pic{
    background-image: url(../images/lc01.png);
    background-repeat:no-repeat;
}
.process_box ul li:nth-child(2) .pic{
    background-image: url(../images/lc02_h.png);
    background-repeat:no-repeat;
    transition: all .3s;
}
.process_box ul li:nth-child(2):hover .pic{
    background-image: url(../images/lc02.png);
    background-repeat:no-repeat;
}
.process_box ul li:nth-child(3) .pic{
    background-image: url(../images/lc03_h.png);
    background-repeat:no-repeat;
    transition: all .3s;
}
.process_box ul li:nth-child(3):hover .pic{
    background-image: url(../images/lc03.png);
    background-repeat:no-repeat;
}
.process_box ul li:nth-child(4) .pic{
    background-image: url(../images/lc04_h.png);
    background-repeat:no-repeat;
    transition: all .3s;
}
.process_box ul li:nth-child(4):hover .pic{
    background-image: url(../images/lc04.png);
    background-repeat:no-repeat;
}
.process_box ul li:nth-child(5) .pic{
    background-image: url(../images/lc05_h.png);
    background-repeat:no-repeat;
    transition: all .3s;
}
.process_box ul li:nth-child(5):hover .pic{
    background-image: url(../images/lc05.png);
    background-repeat:no-repeat;
}
.process_box ul li:nth-child(6) .pic{
    background-image: url(../images/lc06_h.png);
    background-repeat:no-repeat;
    transition: all .3s;
}
.process_box ul li:nth-child(6):hover .pic{
    background-image: url(../images/lc06.png);
    background-repeat:no-repeat;
}
.process_box ul li:nth-child(7) .pic{
    background-image: url(../images/lc07_h.png);
    background-repeat:no-repeat;
    transition: all .3s;
}
.process_box ul li:nth-child(7):hover .pic{
    background-image: url(../images/lc07.png);
    background-repeat:no-repeat;
}

.process_box ul li:hover .pic{
    background-color: #df001f;
    border: 1px #df001f solid;
}
.process_box ul li p{
    font-size: 14px;
    color: #666666;
}
.process_box ul li i{
    display: block;
    width: 7px;
    height: 7px;
    background-color: #fff;
    border: 2px #e7e5e6 solid;
    border-radius: 50%;
    margin:auto;
    position: relative;
    margin-bottom: -4px;
}
.process_box ul li:hover .title{
    opacity: 1;
}
.process_box ul li .title{
    position: absolute;
    width: 260px;
    padding:30px 0;
    background-color: #da0620;
    left: -47px;
    right: 0;
    top: 135px;
    margin: auto;
    opacity: 0;
    transition: all .5s;
}
.process_box ul li .title dt{
    width: 20px;
    height: 10px;
    background: url(../images/sjx.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
}
.process_box ul li .title p{
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
}
.index_zx{
    overflow: hidden;
    background: url(../images/zxbj.jpg) no-repeat center;
    background-size: cover;
    padding:60px 0 100px 0;
    color: #fff;
    text-align: center;
}
.index_zx h3{
    margin:0;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
}
.index_zx p{
    font-size: 20px;
    margin-bottom: 30px;
}
.index_zx a{
    display: block;
    width: 205px;
    line-height: 46px;
    border: 1px #fff solid;
    border-radius: 30px;
    margin:10px auto;
    font-size: 16px;
    color: #fff;
}
.index_zx a:hover{
    color: #fff;
    text-decoration: none;
}
.index_zx a img{
    margin-right: 10px;
}
.index_hz{
    overflow: hidden;
    padding: 30px 0;
}
.index_hz a{
    display: block;
}
.index_hz a .pic{
    display: block;
    width: 100%;
}
.index_hz a .pic img{
    display: block;
    width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); 
    filter: gray;
    transition: all .2s;
}
.index_hz a .pic:hover img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); 
    filter: none;
}
.index_cooperation .container{
    padding:0 90px;
    background-color: #fff;
    margin-top: -60px;
    position: relative;
    box-shadow: 1px 1px 10px #929292;
    z-index: 999;
}
.index_cooperation .swiper-button-prev{
    background: url(../images/hzz.png) no-repeat center;
    width: 50px;
    height: 50px;
    background-size: 100%;
    left: 15px;
}
.index_cooperation .swiper-button-next{
    background: url(../images/hzy.png) no-repeat center;
    width: 50px;
    height: 50px;
    background-size: 100%;
    right: 15px;
}

.index_cooperation .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: 1 !important;
}
.index_us{
    overflow: hidden;
    background: #eff3f6;
    padding-top: 150px;
    position: relative;
    margin-top: -83px;
    background: url(../images/us_bj.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 70px;
}
.index_us .pic{
    overflow: hidden;
}
.index_us .pic img{
    display: block;
    width: 100%;
}
.index_us .wz{
    overflow: hidden;
    padding-left: 10%;
}
.index_us .wz .title{
    overflow: hidden;
}
.index_us .wz .title span{
    font-size: 16px;
    color: #707070;
}
.index_us .wz .title h3{
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: bold;
    color: #1a78d8;
}
.index_us .wz .title p{
    font-size: 15px;
    color: #707070;
    line-height: 28px;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.index_us .wz .title a {
    display: block;
    width: 150px;
    line-height: 30px;
    border: 1px #dbdbdb solid;
    border-radius: 15px;
    margin: 25px 0;
    color: #fff;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    color: #686868;
}
.index_us .wz .title a p {
    float: left;
    font-size: 15px;
    margin-bottom: 0;
    text-align: center;
    margin-left: 12px;
    line-height: 30px;
    transition: all .3s;
}
.index_us .wz .title a dt {
    display: block;
    width: 0px;
    height: 30px;
    background: url(../images/us_jt.png) no-repeat center;
    background-size: 100%;
    float: left;
    transition: all .3s;
}
.index_us .wz .title a:hover dt {
    width: 25px;
}
.index_us .wz .title a:hover p {
    margin-left: 0px;
    margin-right: 5px;
}
.index_us .wz ul{
    overflow: hidden;
}
.index_us .wz ul li{
    float: left;
    margin-right: 10%;
}
.index_us .wz ul li:last-child{
    margin-right: 0;
}
.index_us .wz ul li h3{
    font-size: 30px;
    color: #1a78d8;
}
.index_us .wz ul li h3 span{
    font-size: 58px;
    font-weight: bold;
    letter-spacing:2px
}
.index_us .wz ul li p{
    font-size: 15px;
    color: #71708f;
}
.index_news{
    overflow: hidden;
    padding: 50px 0;
}
.news_box{
    overflow: hidden;
}
.news_box ul{
    overflow: hidden;
    padding: 20px 0;
    padding-bottom: 0;
}
.news_box ul li{
    overflow: hidden;
}
.news_box ul li .pic{
    overflow: hidden;
    width: 100%;
}
.news_box ul li:hover .pic img{
    transform: scale(1.1,1.1);
}
.news_box ul li .pic img{
    display: block;
    width: 100%;
    transition: all .3s;
}
.news_box ul li a{
    text-decoration: none;
    display: block;
    margin:15px;
    transition: all .3s;
}
.news_box ul li a:hover{
    box-shadow: 1px 1px 10px #929292;
}
.news_box ul li .title{
    overflow: hidden;
    padding: 15px;
}
.news_box ul li .title h3{
    margin-top: 0;
    font-size: 20px;
    color: #313131;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-top: 5px;
}
.news_box ul li .title p{
    font-size: 16px;
    color: #686868;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 25px;
    margin-bottom: 15px;
}
.news_box ul li .title .more{
    display: block;
    width: 150px;
    line-height: 35px;
    border: 1px #dbdbdb solid;
    border-radius: 15px;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
    color: #686868;
    transition: all .3s;
    margin-bottom: 10px;
}
.news_box ul li .title .more:hover{
    background-color: #dd1717;
    border: 1px #dd1717 solid;
}
.news_box ul li .title .more:hover p{
    color: #fff;
}
.news_box ul li .title .more:hover dt{
    color: #fff;
}

.news_box ul li .title .more p{
    float: left;
    font-size: 15px;
    margin-bottom: 0;
    text-align: center;
    margin-left: 42px;
    line-height: 30px;
    transition: all .3s;
}
.news_box ul li .title .more dt{
    display: block;
    width: 0px;
    height: 30px;
    background: url(../images/jt.png) no-repeat center;
    background-size: 100%;
    float: left;
    transition: all .3s;
}
.news_box ul li .title .more:hover p{
    margin-left: 28px;
    margin-right: 5px;
}
.news_box ul li .title .more:hover dt{
    width: 25px;
}
.foor{
    overflow: hidden;
    background-color: #201f25;
    padding: 50px 0;
    border-top: 5px #0276cd solid;
}
.foot_nav{
    overflow: hidden;
}
.foot_nav ul{
    overflow: hidden;
    margin-bottom: 0;
    float: left;
    margin-right: 70px;
}
.foot_nav ul p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
}
.foot_nav ul li{
    line-height: 25px;
}
.foot_nav ul li a{
    font-size: 15px;
    color: #646467;
}
.foot_xx .rwm{
    width: 124px;
    text-align: center;
    margin-right: 60px;
    overflow: hidden;
}
.foot_xx{
    overflow: hidden;
}
.foot_xx .rwm p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    text-align:center;
}
.foot_dh{
    overflow: hidden;
}
.foot_dh p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 25px;
}
.foot_dh h3{
    margin:0;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}
.foot_dh span{
    font-size: 16px;
    color: #888686;
    display: block;
}
.foot_dh a{
    display: block;
    width: 140px;
    line-height: 46px;
    text-align: center;
    background-color: #045ada;
    border-radius: 5px;
    margin-top: 18px;
    font-size: 14px;
    color: #fff;
}
.foot_dh a img{
    margin-right: 8px;
}
.foot_dh a:hover{
    color: #fff;
    text-decoration: none;
}
.foot_link{
    overflow: hidden;
    background-color: #201f25;
    padding: 20px 0; 
    border-top: 1px #2b2a30 solid;
}
.foot_link ul{
    overflow: hidden;
    margin-bottom: 0;
}
.foot_link p{
    float: left;
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
}
.foot_link ul li{
    line-height: 25px;
    margin:0 10px;
    float: left;
}
.foot_link ul li a{
    font-size: 14px;
    color: #646467;
}
.foot_bq{
    overflow: hidden;
    background-color: #1b1a20;
    padding: 15px 0;
    text-align: center;
}
.foot_bq p{
    margin-bottom: 0;
    font-size: 16px;
    color: #646467;
}

.goTop >img{
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.goTop{
    position: fixed;
    right : 20px;
    bottom : 20px;
    z-index: 999999;
}
.dnd{
    display: block;
}
.sjd{
    display: none;
}
.case_box .swiper-slide .title .sjd{
    display: none;
}
.index_news .more2{
    display: block;
    width: 220px;
    line-height: 45px;
    border-radius: 15px;
    background-color: #ed1211;
    margin: 30px auto 0px auto;
    text-align: center;
}
.index_news .more2 a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
.index_news .more2 img {
    margin-right: 15px;
}
.banner2{
    overflow: hidden;
    width: 100%;
}
.banner2 img{
    display: block;
    width: 100%;
}
.sj_banner{
    overflow: hidden;
    width: 100%;
}
.sj_banner img{
    display: block;
    width: 100%;
}

.case{
    overflow: hidden;
    padding: 30px 0;
}
.dqwz{
    overflow: hidden;
    line-height: 30px;
    border-bottom: 1px #eeeeee solid;
    padding-bottom: 5px;
}
.dqwz img{
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}
.dqwz p{
    font-size: 16px;
    color: #797979;
}
.dqwz a{
    font-size: 16px;
    color: #797979;
}
.dqwz a:hover{
    color: #797979;
    text-decoration: none;
}
.dqwz a:before{
    content:"";
    margin:0 15px;
}
.case .c_box1{
    overflow: hidden;
    padding-top: 60px; 
}
.case .c_box1 span{
    font-size: 28px;
    color: #363636;
    font-weight: bold;
    background: url(../images/albt.png) no-repeat center;
    padding: 30px 0;
    background-size: 100%;
    margin-bottom: 30px;
}
.case .c_box1 p{
    font-size: 16px;
    color: #949090;
    text-indent: 2em;
    line-height: 28px;
    margin-top: 30px;
}

.case_list{
    overflow: hidden;
    padding: 30px 0;
}
.case_list .bt{
    overflow: hidden;
    text-align: center;
    width: 180px;
    margin: auto;
}
.case_list .bt h1{
    float: left;
    font-size: 65px;
    font-weight: 100;
    margin: 0;
    margin-right: 8px;
}
.case_list .bt h3{
    float: left;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 3px;
}
.case_list .bt h3 span{
    color: #e50908;
}
.case_list .bt p{
    float: left;
    text-transform:uppercase;
    font-size: 16px;
}
.container-fluid{
    width: 100%;
}
.case_list .container-fluid ul{
    overflow: hidden;
    padding: 50px 0;
}
.case_list .container-fluid ul li:nth-child(1) .pic{
     float: right !important;
}
.case_list .container-fluid ul li:nth-child(1) .wz{
     float: left !important;
}
.case_list .container-fluid ul li:nth-child(2) .pic{
     float: right !important;
}
.case_list .container-fluid ul li:nth-child(2) .wz{
     float: left !important;
}
.case_list .container-fluid ul li:nth-child(3) .pic{
     float: left !important;
}
.case_list .container-fluid ul li:nth-child(3) .wz{
     float: right !important;
}
.case_list .container-fluid ul li:nth-child(4) .pic{
     float: left !important;
}
.case_list .container-fluid ul li:nth-child(4) .wz{
     float: right !important;
}

.case_list .container-fluid ul li:nth-child(5) .pic{
     float: right !important;
}
.case_list .container-fluid ul li:nth-child(5) .wz{
     float: left !important;
}
.case_list .container-fluid ul li:nth-child(6) .pic{
     float: right !important;
}
.case_list .container-fluid ul li:nth-child(6) .wz{
     float: left !important;
}

.case_list .container-fluid ul li:nth-child(7) .pic{
     float: left !important;
}
.case_list .container-fluid ul li:nth-child(7) .wz{
     float: right !important;
}
.case_list .container-fluid ul li:nth-child(8) .pic{
     float: left !important;
}
.case_list .container-fluid ul li:nth-child(8) .wz{
     float: right !important;
}


.case_list .container-fluid ul li:nth-child(9) .pic{
     float: right !important;
}
.case_list .container-fluid ul li:nth-child(9) .wz{
     float: left !important;
}
.case_list .container-fluid ul li:nth-child(10) .pic{
     float: right !important;
}
.case_list .container-fluid ul li:nth-child(10) .wz{
     float: left !important;
}




.case_list .container-fluid ul li{
    overflow: hidden;
}
.case_list .container-fluid ul li .pic{
    display: block;
}
.case_list .container-fluid ul li .pic img{
    display: block;
    width: 100%;
}
.case_list .container-fluid ul li .title{
    padding:15% 10%;
}
.case_list .container-fluid ul li .title span{
    font-size: 26px;
    color: #c3c3c3;
}
.case_list .container-fluid ul li .title h3{
    font-size: 18px;
    color: #999999;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.case_list .container-fluid ul li .title p{
    font-size: 14px;
    color: #999999;
    line-height: 25px;
    margin-top: 5%;
   display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
  overflow: hidden;

}
.case_list .container-fluid ul li a{
    display: block;
    overflow: hidden;
    transition: all .35s;
}
.case_list .container-fluid ul li a:hover{
    background-color: #e50908;
}
.case_list .container-fluid ul li a:hover span{
    color: #fff;
}
.case_list .container-fluid ul li a:hover h3{
    color: #fff;
}
.case_list .container-fluid ul li a:hover p{
    color: #fff;
}
.case_list .container-fluid ul li .pic{
    position: relative;
}
.case_list .container-fluid ul li .pic figcaption{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figcaption{
    background-color:rgba(0,0,0,.0);
    transition: all .35s;
}
figcaption::before{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
figcaption::after{
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
figcaption::after{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figcaption::before{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, 
    -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.case_list .container-fluid ul li a:hover figcaption::before, .case_list .container-fluid ul li a:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.case_list .container-fluid ul li a:hover figcaption{
    background-color:rgba(0,0,0,.3);
}
.case_list .more{
    display: block;
    width: 220px;
    line-height: 45px;
    border-radius: 15px;
    background-color: #ed1211;
    margin: 20px auto 30px auto;
    text-align: center;
}
.case_list .more a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
.case_list .more img {
    margin-right: 15px;
}

.answer_list{
    overflow: hidden;
    padding: 20px 0;
}
.answer_list ul{
    overflow: hidden;
    text-align: center;
}
.answer_list ul li{
    display: inline-block;
    width: 12%;
    background-color: #e1e1e1;
    margin: 0 8px;
    line-height: 40px;
    border-radius: 15px;
    transition: all .3s;
  margin-bottom:15px;
}
.answer_list ul li a{
    display: block;
    font-size: 16px;
    color: #696969;
    text-decoration: none;
    transition: all .3s;
}
.answer_list ul li:hover{
    background-color: #e50a08;
}
.answer_list ul li:hover a{
    color: #fff;
}
.treebox{
    overflow: hidden;
    padding: 30px 0 50px 0;
}
.treebox .menu1{
    overflow: hidden;
}
.treebox .menu1 .level1{
    border: 1px #eeeeee solid;
    padding: 30px;
}

.treebox .menu1 .level1 .bt{
    overflow: hidden;
    background-image: url(../images/wdjt.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    transition: all .3s;
}
.treebox .menu1 .level1 .bt a{
    display: block;
}
.treebox .menu1 .level1 .bt:hover{
    background-image: url(../images/wdjt.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.treebox .menu1 .level1 .bt h3{
    float: left;
    color: #232323;
    font-size: 26px;
    margin-top: 0;
    margin-right: 15px;
}
.treebox .menu1 .level1 .bt span{
    display: block;
    float: left;
    font-size: 14px;
    color: #999999;
    padding-top: 10px;
}
.treebox .menu1 .level1 .bt p{
    display: block;
    float: left;
    width: 100%;
    font-size: 16px;
    color: #626262;
    margin-bottom: 0;
}
.treebox .menu1 .level1{
    margin-bottom: 20px;
}
.treebox .menu1 .level2{
    overflow: hidden;
    margin-top: 20px;
    border-top: 1px #eeeeee solid;
    display: none;
}
.treebox .more{
    display: block;
    width: 220px;
    line-height: 45px;
    border-radius: 15px;
    background-color: #ed1211;
    margin: 30px auto 10px auto;
    text-align: center;
}
.treebox .more a{
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
.treebox .more img {
    margin-right: 15px;
}
.species{
    overflow: hidden;
    padding: 20px 0;
    padding-bottom: 50px;
}
.species_list ul{
    overflow: hidden;
    text-align: center;
}
.species_list ul li{
    display: inline-block;
    width: 170px;
    line-height: 50px;
    background-color: #e3e3e3;
    border-radius: 30px;
    margin: 10px;
    background-position: 30% 50%;
    transition: all .3s;
}
.species_list ul li a{
    font-size: 20px;
    color: #696969;
    text-indent: 2em;
    display: block;
    text-decoration: none;
    transition: all .3s;
}
.species_list ul li:nth-child(1) {
    background-image: url(../images/pr1.png);
    background-repeat: no-repeat;
}
.species_list ul li:nth-child(2) {
    background-image: url(../images/pr2.png);
    background-repeat: no-repeat;
}
.species_list ul li:nth-child(3) {
    background-image: url(../images/pr4.png);
    background-repeat: no-repeat;
}    
.species_list ul li:nth-child(4) {
    background-image: url(../images/pr3.png);
    background-repeat: no-repeat;
}  
.species_list ul li:nth-child(5) {
    background-image: url(../images/pr4.png);
    background-repeat: no-repeat;
}  
.species_list ul li:hover{
    background-color: #f00e0d;
}
.species_list ul li:hover a{
    color: #fff;
}
.species_list ul li:nth-child(1):hover {
    background-image: url(../images/pr1_h.png);
    background-repeat: no-repeat;
}
.species_list ul li:nth-child(2):hover {
    background-image: url(../images/pr2_h.png);
    background-repeat: no-repeat;
}
.species_list ul li:nth-child(3):hover{
    background-image: url(../images/pr3_h.png);
    background-repeat: no-repeat;
}
.species_box{
    overflow: hidden;
}

.species_box ul{
    overflow: hidden;
    padding: 30px 0 10px 0;
}
.species_box ul li{
    overflow: hidden;
    margin-bottom: 30px;
}
.species_box ul li a{
    display: block;
    position: relative;
}
.species_box ul li .pic{
    overflow: hidden;
}
.species_box ul li .pic img{
    display: block;
    width: 100%;
}
.species_box ul li a .wz{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    transition: all .3s;
}
.species_box ul li a .wz p{
    padding: 15px;
    margin-bottom: 0;
    background: rgba(4,70,182,.5);
    color: #fff;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.species_box ul li a:hover .wz{
    opacity: 0;
}
.species_box ul li a .title{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(4,70,182,.8);
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all .3s;
    background-image: url(../images/zljt.png);
    background-repeat: no-repeat;
    background-position: 90% 85%;
    background-size: 10%;
}
.species_box ul li a:hover .title{
    opacity: 1;
    padding: 30px;
    color: #fff;
}
.species_box ul li a .title h3{
    margin-top: 0;
    font-size: 24px;
}
.species_box ul li a .title p{
    font-size: 16px;
}
.species_box ul li a .title i{
    display: block;
    width: 20%;
    height: 1px;
    background-color: #fff;
    margin-top: 30px;
}
.species_box .more{
    display: block;
    width: 220px;
    line-height: 45px;
    border-radius: 15px;
    background-color: #ed1211;
    margin: 10px auto 10px auto;
    text-align: center;
}
.species_box .more a{
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}
.species_box img {
    margin-right: 15px;
}
.product_details{
    overflow: hidden;
    background-color: #f3f3f3;
    padding-bottom: 30px;
}
.details_box{
    overflow: hidden;
}
.details_box .container{
    background-color: #fff;
}

.details_box .title{
    overflow: hidden;
    text-align: center;
    border-bottom: 1px #ededed solid;
    padding:50px 0;
    position: relative;
}
.details_box .title ul{
    overflow: hidden;
    text-align: center;
}
.details_box .title ul li{
    display: inline-block;
    padding: 10px 15px;
    position: relative;
}
.details_box .title h3{
    font-size: 24px;
    color: #e82223;
}
.details_box .title ul li p{
    margin-bottom: 0;
}
.details_box .title ul li p:before {
    content: "|";
    right: -2px;
    top: 20%;
    position: absolute;

}
.details_box .title ul li:last-child p:before{
    display: none;
}
.details_box .title a{
    display: block;
    width: 125px;
    height: 40px;
    border: 1px #dedcdc solid;
    line-height: 40px;
    text-align: center;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    border-radius: 15px;
    position: absolute;
    right: 30px;
    bottom: 50px;
    background-image: url(../images/xqjt.png);
    background-repeat: no-repeat;
    background-position: 20% 50%;
    text-indent: 1em; 
}
.details_nr{
    padding: 30px 30px;
}
.details_box .fanye{
    padding:15px 30px;
    overflow: hidden;
    font-size: 14px;
}
.details_box .fanye a{
    color: #666;
}
.details_tj{
    display: block;
    margin: 30px 0;
}
.details_tj .tj_z{
    overflow: hidden;
    width: 49%;
    background-color: #fff;
    padding:20px 15px 15px 15px;
}
.details_tj .tj_z h4{
    margin: 0;
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 2px #e8e8e8 solid;
    width: 50%;
    font-weight: bold;
}
.details_tj .tj_z h4 span{
    margin-bottom: 0;
    border-bottom: 2px #dc1313 solid;
    padding-bottom: 10px;
}
.details_tj .tj_z ul {
    overflow: hidden;
    padding:15px 0;
    padding-bottom: 0;
}
.details_tj .tj_z ul li{
    padding:6px 0;
    font-size: 16px;
    overflow: hidden;
}
.details_tj .tj_z ul li a{
    color: #606060;
    display: block;
    width: 72%;
    float: left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: 16px;
}
.details_tj .tj_z ul li span{
    float: right;
}
.details_tj .tj_z ul li i{
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: block;
    float: left;
    background-color: #cdcdcd;
    text-align: center;
    margin-right: 10px;
    color: #fff;
}
.details_tj .tj_z ul li:nth-child(1) i{
    background-color: #da1215;
}
.details_tj .tj_z ul li:nth-child(2) i{
    background-color: #555555;
}
.details_tj .tj_z ul li:nth-child(3) i{
    background-color: #777777;
}
.about_us{
    overflow: hidden;
    padding:30px 0;
}
.about_us .title{
    overflow: hidden;
}

.about_us .title .pic{
    overflow: hidden;
    margin-right: 15px;
    float: left;
}
.about_us .title .wz{
    float: left;
}
.about_us .title .wz h3{
    font-size: 24px;
    color: #e50a08;
}
.about_us .title .wz span{
    font-size: 16px;
    text-transform:uppercase;
    color: #9a989b;
    margin-left: 10px;
}
.us_box1{
    overflow: hidden;
    margin:30px 0;
    border: 1px #e6e6e6 solid;
    border-bottom: none;
}
.us_box1 ul{
    overflow: hidden;
    margin-bottom: 0;
}
.us_box1 ul li{
    overflow: hidden;
    line-height: 90px;
    border-right: 1px #e6e6e6 solid;
    display: table;
    height: 91px;
    border-bottom: 1px #e6e6e6 solid;
}
.us_box1 ul li img{
    float: left;
    margin-right: 10px;
    margin-left: 15%;
    margin-top: 30px;
}
.us_box1 ul li p{
    float: left;
    font-size: 20px;
    color: #666;
    margin-bottom: 0;
}


.us_box1 ul li h3{
    margin:0;
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
    line-height: 30px;
    font-weight: bold;
}
.us_box1 ul li .dizhi{
    font-size: 18px;
    margin-top: 30px;
}
.us_box1 ul li h3 span{
    color: #e50909;
}
.contact_map{
    overflow: hidden;
    width: 100%;
    position: relative;
}
.contact_map .adr {
    overflow: hidden;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    width: 300px;
    height: 380px;
    margin: 0 auto;
    background-color: #fff;
    padding: 10px;
    margin-top: 62px;
    text-align: center;
}
.contact_map .adr h3{
    font-weight: normal;
    font-size: 20px;
    color: #a41018;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 10px;
}
.contact_map .adr p{
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 22px;
    margin-bottom: 15px;

}
.contact_map .adr a{
    display: block;
    width: 91px;
    height: 30px;
    background: #a31018;
    font-size: 12px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
}
.contact_map .maps{
    position: absolute;
    display: block;
    margin: 0 auto;
    margin-bottom: 12px;
    top: 482px;
    left: 0;
    right: 0;
}
.contact_map .mapd{
    position: absolute;
    display: block;
    margin: 0 auto;
    margin-bottom: 12px;
    top: 500px;
    left: 0;
    right: 0;
}
.jtzd{
    padding:30px 0;
}
.xinxi_solution_main ul {
    overflow: hidden;
    height: 280px;
    margin-top: 40px;
}
.xinxi_solution_main ul li {
    background: #f8f8f8;
    height: 280px;
    float: left;
    width: 140px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    border-right: 1px #fff solid;
}
.xinxi_solution_main ul li .left {
    float: left;
    width: 140px;
    background: #194e8b;
    height: 280px;
}

.xinxi_solution_main ul li .left_top { 
    position: absolute; 
    left: 0; 
    width: 140px; 
    padding: 0 20px; 
    text-align: center; 
}

.xinxi_solution_main .left_top { 
    color: #FFF; 
}
.xinxi_solution_main ul li .right { 
    float: right; 
    width: 453px; 
    position: relative; 
    height: 280px; 
}
.xinxi_solution_main .right p { 
    padding :60px 30px;
}
.xinxi_solution_main ul li.on { 
    width: 595px; 
}
.xinxi_solution_main ul li.on .left{
    background-color: #c8141f;
    border-right: 1px #c8141f solid;
}
.spring{
    overflow: hidden;
}
.spring_box1{
    overflow: hidden;
    width: 100%;
    background: url(../images/thbj1.jpg) no-repeat center;
    background-size: cover;
    padding: 50px 0;
}
.sp_wz{
    overflow: hidden;
    margin-top: 6%;
}
.sp_wz h3{
    font-size: 30px;
    color: #0544b5;
    font-weight: bold;
    margin-bottom: 30px;
}
.sp_wz h3 span{
    color: #fb2f16;
}
.sp_wz p{
    font-size: 15px;
    text-indent: 1.5em;
    background: url(../images/th_p.png) no-repeat left;
}
.sp_wz .more{
    width: 240px;
    height: 55px;
    background: url(../images/th_a.png) no-repeat center;
    background-size: 100%;
    margin-top: 30px;
}
.sp_wz .more a{
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: 55px;
    padding-left: 55px;
}
.spring_box2{
    overflow: hidden;
    width: 100%;
    background: url(../images/thbj2.jpg) no-repeat center;
    background-size: cover;
    padding: 50px 0;
}
.spring_box2 .sp_wz{
    padding-left: 15%;
}
.spring_box3{
    overflow: hidden;
    width: 100%;
    background: url(../images/thbj3.jpg) no-repeat center;
    background-size: cover;
    padding: 50px 0;
}
.profile{
    overflow: hidden;
}
.profile .bt{
    overflow: hidden;
    text-align: center;
    padding:30px 0;
}
.profile .bt h3{
    font-size: 24px;
    color: #16151b;
    margin-top: 0;
    font-weight: bold;
}
.profile .bt h3 span{
    color: #e50908;
}
.profile_box1 .z_box{
    overflow: hidden;
    background: url(../images/company_bj1.jpg) no-repeat center;
    background-size: 100%;
    position: relative;
}
.zbnr_tab{
    width: 100%;
}
.zbnr_tab .tab-nav{
    position: absolute;
    left: 14.5%;
    top: 28%;
}
.zbnr_tab .tab-nav li{
    margin:15px;
    text-align: center;
}
.zbnr_tab .tab-nav li img{
    display: block;
    width: 150px;
    margin: auto;
}

.zbnr_tab .tab-nav li a{
    display: block;
}
.zbnr_tab .tab-nav li.actived{
    
}
.zbnr_tab .tab-nav li.actived a{
    
}
.zbnr_tab .content-wrap{
    width: 70%;
    float: right;
    padding-top: 100px;
}
.zbnr_tab .content-wrap img{
    width: 100%;
    display: block;
}
.zbnr_tab .content-wrap .content-item{
    width: 100%;
    display: none;
    position: relative;
}
.zbnr_tab .content-wrap .content-item .wz{
    overflow: hidden;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    padding: 30px;
    left: 0;
    z-index: 9999;
}
.zbnr_tab .content-wrap .content-item .wz h3{
    margin-top: 0;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.zbnr_tab .content-wrap .content-item .wz p{
    font-size: 14px;
    color: #999;
    margin-top: 10px;
}
.zbnr_tab .content-wrap .current{
    display: block;
}
.profile_box1 .y_box {
    overflow: hidden;
    background: url(../images/company_bj2.jpg) no-repeat center;
    background-size: 100%;
    position: relative;
    padding-bottom: 190px;
}
.profile_box1 .y_box ul{
    overflow: hidden;
    text-align: center;
    margin-top: 150px;
    margin-bottom: 10%;
}
.profile_box1 .y_box ul li{
    width: 170px;
    float: left;
    line-height: 40px;
    margin: 5px;
}
.profile_box1 .y_box ul li a{
    display: block;
    color: #333;
    font-size: 16px;
    text-decoration: none;
}
.profile_box1 .y_box ul li:hover a{
    background-color: #e50908;
    color: #fff;
    border-radius: 30px;
}
.profile_box1 .y_box .title{
    overflow: hidden;
}
.profile_box1 .y_box .title h3{
    margin-top: 0;
    font-size: 20px;
    font-weight: bold;
}
.profile_box1 .y_box .title span{
    display: block;
    font-size: 16px;
    color: #999;
    margin-bottom: 10px;
}
.profile_box1 .y_box .title p{
    margin-top: 20px;
    font-size: 14px;
    color: #999;
    line-height: 25px;
    text-indent: 2em;
}
.profile_box2{
    overflow: hidden;
    margin-right: 5%;
    margin-left: 5%;
    padding: 50px 0;
}
.profile_box2 ul{
    overflow: hidden;
}
.profile_box2 ul li{
    overflow: hidden;
    margin-bottom: 10px;
}
.profile_box2 ul li .pic{
    overflow: hidden;
}
.profile_box2 ul li .pic img{
    display: block;
    width: 100%;
    transition: all .3s;
}
.profile_box2 ul li:hover .pic img{
    transform: scale(1.1,1.1);
}
.profile_box2 ul li p{
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #666;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.profile_box3{
    padding-bottom: 80px;
}
.profile_box3 .y_box {
    overflow: hidden;
    background-size: 100%;
    position: relative;
    padding-bottom: 190px;
    padding-left: 5%;
    padding-right: 5%;
}
.profile_box3 .y_box ul{
    overflow: hidden;
    text-align: center;
    margin-top: 150px;
    margin-bottom: 10%;
}
.profile_box3 .y_box ul li{
    width: 170px;
    float: left;
    line-height: 40px;
    margin: 5px;
}
.profile_box3 .y_box ul li a{
    display: block;
    color: #333;
    font-size: 16px;
    text-decoration: none;
}
.profile_box3 .y_box ul li:hover a{
    background-color: #e50908;
    color: #fff;
    border-radius: 30px;
}
.profile_box3 .y_box .title{
    overflow: hidden;
}
.profile_box3 .y_box .title h3{
    margin-top: 0;
    font-size: 20px;
    font-weight: bold;
}
.profile_box3 .y_box .title span{
    display: block;
    font-size: 16px;
    color: #999;
    margin-bottom: 10px;
}
.profile_box3 .y_box .title p{
    margin-top: 20px;
    font-size: 14px;
    color: #999;
    line-height: 25px;
    text-indent: 2em;
}
.profile_box3 .z_box {
    overflow: hidden;
    background: url(../images/company_bj1.jpg) no-repeat center;
    background-size: 100%;
    position: relative;
}
.processing{
    overflow: hidden;
}
.processing_box1{
    overflow: hidden;
    background: url(../images/thjg_1.jpg) no-repeat center;
    background-size: cover;
    padding:30px 0;
}
.processing_box1 .index_title{
    margin-bottom: 30px;
}
.processing_box1 .z_box{
    position: relative;
}
.processing_box1 .z_box .view{
    margin-bottom: 1%;
}
.processing_box1 .z_box .view .swiper-wrapper img{
    display: block;
    width: 100%;
}

.processing_box1 .y_box{
    padding-left: 5%;
}
.processing_box1 .y_box .title{
    overflow: hidden;
   
}
.processing_box1 .y_box .title img{
    margin-bottom: 20px;
    margin-top: 5px;
}
.processing_box1 .y_box .title p i{
    display: block;
    width: 10px;
    height: 10px;
    border: 1px #e91d04 solid;
    border-radius: 50%;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}
.processing_box1 .y_box .title p{
    line-height: 30px;
    margin-bottom: 0;
}
.processing_box1 .case_sort{
    overflow: hidden;
    margin: 30px 0;
}
.processing_box1 .case_sort .tab-nav li{
    writing-mode:tb-rl;
    float: left;
    padding: 30px 8px;
    border: 1px #999 solid;
    border-radius: 15px;
    margin-right: 30px;
}
.processing_box1 .case_sort .tab-nav li.current{
    background-color: #ff0000;
    color: #fff;
}
.processing_box1 .case_sort .tab-nav li.current a{
    color: #fff;
}
.processing_box1 .case_sort .tab-nav a{
    color: #999;
    text-decoration: none;
    font-size: 16px;
}
.processing_box1 .pic {
    height: auto;
}
.view img {
    display: block;
    width: 100%;
}
.preview {
    position: relative;
}
.preview .arrow-left {
    background: url(../images/jgtb.png) no-repeat left top;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -9px;
    width: 25px;
    height: 25px;
    z-index: 10;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);     /* IE 9 */
    -moz-transform:rotate(180deg);    /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);  /* Opera */
    background-size: 100%;
}
.preview .arrow-right {
    background: url(../images/jgtb.png) no-repeat left bottom;
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -9px;
    width: 25px;
    height: 25px;
    z-index: 10;
    background-size: 100%;
}
.preview .swiper-slide {
    width: 23%;
    height: auto;
    cursor: pointer;
    margin: 1%;
}
.preview img {
    padding: 1px;
    width: 100%;
    display: block;
    border: 1px solid #eeeeee;
}
.preview .active-nav img {
    padding: 1px;
    border: 1px solid #ff0000;
}


.processing_box2{
    overflow: hidden;
    background: url(../images/tnjg_2.jpg) no-repeat center;
    background-size: cover;
    padding:60px 0;
    padding-bottom: 260px
}
.processing_box2 .index_title h3{
    color: #fff;
}
.processing_box2 .index_title h3 span{
    color: #fff;
}
.processing_box2 .index_title p{
    color: #fff;
}
.processing_box2 .process_box ul li .pic{
    border: 1px #fff solid;
}
.processing_box2 .process_box ul li:nth-child(1) .pic{
    background-image: url(../images/lc01.png);
}
.processing_box2 .process_box ul li:nth-child(2) .pic{
    background-image: url(../images/lc02.png);
}
.processing_box2 .process_box ul li:nth-child(3) .pic{
    background-image: url(../images/lc03.png);
}
.processing_box2 .process_box ul li:nth-child(4) .pic{
    background-image: url(../images/lc04.png);
}
.processing_box2 .process_box ul li:nth-child(5) .pic{
    background-image: url(../images/lc05.png);
}
.processing_box2 .process_box ul li:nth-child(6) .pic{
    background-image: url(../images/lc06.png);
}
.processing_box2 .process_box ul li:nth-child(7) .pic{
    background-image: url(../images/lc07.png);
}
.processing_box2 .process_box ul li p{
    color: #fff;
}
.processing_box2 .index_title i {
    background: url(../images/index_bt22.png) no-repeat center;
}
.processing_box3{
    overflow: hidden;
    background: url(../images/thjg_3.jpg) no-repeat center;
    background-size: cover;
    padding:30px 0;
}

.hz{
    width: 100%;
    float: left;
}
.hz li{
    width: 20%;
    float: left;
    padding:1%;
  height: 107px;
}
.hz li img{
    display: block;
    width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); 
    filter: gray;
    transition: all .2s;
}
.hz li:hover img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); 
    filter: none;
}



.calculator{overflow: hidden;}
.calculator .bt{
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
}
.calculator .bt h3 {
    font-size: 24px;
    color: #16151b;
    margin-top: 0;
    font-weight: bold;
}
.calculator .bt h3 span {
    color: #194e8b;
}
.calculator .bt p{
    color: #999;line-height: 30px
}
.tool-div .boxA li.i2{
    width: 40%;
    display: block;
    float: left;
}
.tool-div .tt{
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 20px;
}
.tool-div .boxA li.cljg{
    width: 100%;
    text-align: center;
}
.tool-div .boxA li.cljg span{
    margin-right: 5%;
}
.tool-div .boxA li.cljg a{
    width: 160px;
    display: block;
    height: 40px;
    background-color: #646464;
    border-radius: 15px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    margin: 20px 0;
}
.tool-div .boxA .btnBoxA {
    margin-top: 17px;
    padding-bottom: 10px;
}

.btnBoxA .ksjs{
    width: 160px;
    height: 40px;
    background-color: #424242;
    border-radius: 15px;
    border: none;
    outline:none;
    margin-right: 5%;
    margin-top: 10%;
    text-align: center;
    color: #fff;
}
.btnBoxA .cxjs{
    width: 160px;
    height: 40px;
    background-color: #194e8b;
    border-radius: 15px;
    border: none;
    outline:none;
    text-align: center;
    color: #fff;
}
.tool-div .boxA li{
    line-height: 30px;
}
.tool-div .boxA li input{
    padding: 0 5px;
    width: 200px;
    margin-right: 5px;
}
.year-map p{
    color: #424242;
}
.tool-bg{
    overflow: hidden;
}
.calculator .zs{
    text-align: center;
    overflow: hidden;
    margin-top: 30px;
    width: 100%;
}
.calculator_nr{
    overflow: hidden;
    padding:60px 0;
    background-color: #c0e0f9;
}
.calculator_nr .cnbox{
    background-color: #fff;
    border-top: 3px #79c0f8 solid;
    padding: 30px 0;
    position: relative;
}
.calculator_nr .cnbox .cnbox_zc{
    overflow: hidden;
    padding: 20px 0;
}
.calculator_nr .cnbox .bt{
    width: 50%;
    line-height: 38px;
    height: 38px;
    border-radius: 15px;
    background-color: #2479ed;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
}
.calculator_nr .cnbox .bt h3{
    margin: 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 38px;
}
.calculator_nr .cnbox .c1{
    display: block;
    margin: auto;
    margin-top: 10px;
    padding: 0 30px;
}
.calculator_nr .title{
    overflow: hidden;
    text-align: center;
    margin: 20px 0;
}
.calculator_nr .title h3{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin-bottom: 30px;
}
.calculator_nr .title h3 span{
    color: #f3090a;
}
.calculator_nr .cnbox .wz p{
    font-size: 16px;
    line-height: 28px;
    text-indent: 2em;
    padding: 10px 30px;
}
.calculator_nr .cnbox .beizhu{
    overflow: hidden;
    margin-top: 30px;
}
.calculator_nr .cnbox .beizhu p{
    font-size: 16px;
    color: #f3090a;
    padding:0 30px;
    margin-bottom: 0;
    line-height: 28px;
}
.cnbox_zc .c2 .pic{
   margin-right: 10%;
}
.cnbox_zc .c2 p{
    font-size: 15px;
    color: #000;
    margin-top: 35px;
}
.cnbox_zc .c2 i{
    width: 25px;
    height: 2px;
    background-color: #2a6fce;
    display: block;
    float: left;
}
.cnbox_zc .zz{
    overflow: hidden;
    font-size: 16px;
    margin: 0 5%;
    color: #000;
    background-color: #f4f4f4;
    width: 30%;
    line-height: 45px;
    float: left;
    text-align: center;
}
.cnbox_zc .zz p{
    margin-bottom: 0;
}
.cnbox_zc .zz2{
    overflow: hidden;
    font-size: 16px;
    color: #000;
    background-color: #f4f4f4;
    width: 55%;
    line-height: 45px;
    float: right;
    text-align: center;
    margin-right: 5%;
}
.cnbox_zc .zz2 p{
    margin-bottom: 0;
}
.cnbox_zc .zz3{
    overflow: hidden;
    font-size: 16px;
    margin: 0 5%;
    color: #666;
    width: 30%;
    line-height: 45px;
    float: left;
    text-align: center;
    border: 1px #efefef solid;
    border-top: none;
}
.cnbox_zc .zz3 p{
    margin-bottom: 0;
}
.cnbox_zc .zz4{
    overflow: hidden;
    font-size: 16px;
    color: #666;
    width: 55%;
    line-height: 35px;
    float: right;
    text-align: center;
    margin-right: 5%;
    text-align: left;
    border: 1px #efefef solid;
    border-top: none;
}
.cnbox_zc .zz4 p{
    margin-bottom: 0;
    padding: 6%;
}
.lhnr1{
    overflow: hidden;
}
.lhnr1 li{
    width: 45%;
    background-color: #fff;
}
.lhnr1 li h3{
    margin:0;
    background-color: #2d7dec;
    padding: 15px;
    color: #fff;
    font-size: 18px;
}
.lhnr1 li p{
    padding: 15px;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
}
.lhnr2{
    background-color: #fff;
    overflow: hidden;
    margin-top: 30px;
    padding: 15px 0;
}
.lhnr2 h3{
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    color: #000;
    margin-bottom: 15px;
    line-height: 30px;
}
.lhnr2 h3 span{
    color: #f3090a;
}
.lhnr2 p{
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
}
.lhnr3{
    background-color: #fff;
    overflow: hidden;
    padding: 15px;
}
.lhnr3 h3{
    color: #333;
    font-weight: bold;
    font-size: 18px;
}
.lhnr3 span{
    color: #f3090a;
}
.lhnr4 h3{
    color: #333;
    font-weight: bold;
    font-size: 18px;
}
.lhnr4 span{
    color: #f3090a;
}
.lhnr4 p{
    font-size: 15px;
    margin-bottom: 0;
}
.lhnr4 ul{
    overflow: hidden;
}
.lhnr4 li{
    margin-top: 15px;
    overflow: hidden;
}
.lhnr5{
    overflow: hidden;
    margin-top: 15px;
}
.lhnr5 p{
    font-size: 15px;
    padding:0 15px;
}
.lhnr5 h3{
    color: #333;
    font-weight: bold;
    font-size: 18px;
    padding:0 15px;
    margin-bottom: 15px;
}
.lhnr5 span{
    color: #f3090a;
}
.lhnr5 .l5p{
    line-height: 28px;
    font-size: 16px;
}
.l5p2{
    font-size: 15px;
    padding:15px;
    padding-bottom: 0;
    margin-top: 10px;
    color: #666;
}








@media (max-width: 768px){
  
.dnd{
    display: none;
}
.sjd{
    display: block;
}
.top hr{
    display: none;
}
.top .menu ul li:first-child a{
    background-image:none;
    text-indent:0;
}
.top .menu ul li{
    width: 25%;
    border-bottom: 1px #e5e5e5 solid;
}
.top .menu ul li:nth-child(4n+4){
    border-right: none;
}
.menu li.cur {
    margin-right: 0px;
}
.logo{
    width: 90%;
    margin: auto;
    float: none;
}
.logo img{
    display: block;
    width: 100%;
}
.t_con {
    overflow: hidden;
    padding: 5% 0;
}
.t_phone{
    float: none;
    display: none;
}
.sj_banner{
    overflow: hidden;
    width: 100%;
    position: relative;
}
.sj_banner img{
    display: block;
    width: 100%;
}
.sj_banner .swiper-paginationa{
    position: absolute;
    bottom: 15px !important;
    left: 0;
    right: 0;
    margin:auto;
    z-index: 9999;
    text-align: center;
}
.sj_banner .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 0;
    border-radius: 50%;
}
.sj_banner .swiper-pagination-bullet-active{
    background: #e50908 !important;
}
.sj_banner .swiper-paginationa span{
    background-color: #323232;
}
.sj_banner .swiper-pagination-bullet{
    opacity: .8;
}
.index_search {
    overflow: hidden;
    padding: 30px 0;
    width: 94%;
    margin: auto;
}
.index_search ul li:nth-child(2){
    border: none;
}
.index_title h3 {
    font-size: 24px;
    color: #303030;
    font-weight: bold;
    margin-top: 0;
    padding: 0 5%;
    line-height: 30px;
}
.index_product .tab .case_sort ul li {
    display: inline-block;
    width: 27%;
    line-height: 40px;
}
.index_product .tab .case_sort ul li{
    background-size: 20%;
    background-position: 23% 50%;
}
.index_product .tab .case_sort ul li a {
    font-size: 16px;
    color: #696969;
    text-indent: 1em;
    display: block;
    text-decoration: none;
}
.j-tab-con{
    width: 96%;
    margin: auto;
}
.index_product .tab .case_sort ul {
    overflow: hidden;
    text-align: center;
    padding: 0px;
}
.index_product .tab .product_list .some-list li a .wz {
    display: block;
    position: absolute;
    width: 100%;
    line-height: 40px;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(0,0,0,.5);
}
.index_product .tab .product_list .some-list li a .wz p {
    margin: 0;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5%;
}
.index_product .tab .product_list .some-list li a .bj{
    padding: 25% 10% 0 10%;
}
.index_product .tab .product_list .some-list li a .bj img{
    display: block;
    width: 30%;
    margin: auto;
}
.index_product .tab .product_list .some-list li a .bj p {
    font-size: 16px;
    color: #fff;
    margin: 10%;
}
.index_product .more{
    width: 50%;
}
.index_case{
    padding: 20px 0;
}
.index_case .case_sort ul{
    padding: 0;
}
.index_case .case_sort ul li{
    width: 30%;
    line-height: 35px;
    margin: 0px;
    margin-bottom: 5px;
}
.index_case .case_sort ul li a{
    font-size: 14px;
}
.menu ul li a{
    font-size: 16px;
}
.top .menu{
    line-height: 45px;
}
.case_box .swiper-slide .title .dnd{
    display: none;
}
.case_box .swiper-slide .title .sjd{
    display: block;
}
.case_box .swiper-slide .title .wz{
    padding: 6% 5%;
}
.case_box .swiper-slide .title .wz h3 {
    font-size: 18px;
    text-align: left;
    margin-bottom: 3%;
}
 .case_box .swiper-slide .title .wz i{
    display: none;
 }   
.case_box .swiper-slide .title .wz p {
    font-size: 14px;
    line-height: 25px;
    text-align: left;
}    
.case_box .swiper-slide .title .wz a {
    display: block;
    width: 140px;
    line-height: 30px;
    border: 1px #fff solid;
    border-radius: 15px;
    margin: 20px 0;
}
.case_box .swiper-slide .title .wz a p{
    margin-left: 37px;
}     
.case_box .swiper-slide .title .wz a:hover p{
    margin-left: 27px;
}
.case_box .swiper-pagination {
    width: 20% !important;
    left: 66% !important;
    bottom: 8% !important;
    position: absolute;
    z-index: 9999;
}
  .case_box .swiper-paginationb2 {
    width: 20% !important;
    left: 66% !important;
    bottom: 8% !important;
    position: absolute;
    z-index: 9999;
}
.case_box .swiper-button-prevb {
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(../images/prevb.png) no-repeat center;
    bottom: 8%;
    right: 7%;
}
.case_box .swiper-button-nextb {
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(../images/nextb.png) no-repeat center;
    bottom: 8%;
    right: 34%;
}
.index_ys {
    overflow: hidden;
    padding: 20px 0;
    padding-bottom: 0;
}
.process_box ul li:hover .title{
    display: none;
}
.process_box{
    border: none;
}
.process_box ul li {
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
}
.process_box ul li i{
    display: none;
}
.index_process{
    padding-bottom: 20px;
}
.process_box{
    margin-top: 20px;
}
.index_zx {
    overflow: hidden;
    background: url(../images/zxbj.jpg) no-repeat center;
    background-size: cover;
    padding: 30px 0 85px 0;
    color: #fff;
    text-align: center;
}
.index_zx h3 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}
.index_zx p {
    font-size: 16px;
    margin-bottom: 30px;
    padding: 0 5%;
}
.index_zx a {
    display: block;
    width: 50%;
    line-height: 46px;
    border: 1px #fff solid;
    border-radius: 30px;
    margin: 10px auto;
    font-size: 16px;
    color: #fff;
}
.index_us{
    margin-top: 0;
    padding-top: 50px;
}
.index_us .pic img {
    display: block;
    width: 94%;
    margin: auto;
}
.index_us .wz {
    overflow: hidden;
    padding-left: 0;
    padding: 5% 10%;
}
.index_us .wz .title h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #1a78d8;
}
.index_us .wz ul li h3 span {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2px;
}
.index_us .wz ul li {
    float: left;
    margin-right: 8%;
}
.index_us .wz ul li p {
    font-size: 12px;
    color: #71708f;
}
.index_us{
    padding-bottom: 0;
}
.index_news{
    padding-bottom: 0;
}
.index_news .more2{
    width: 50%;
    margin-bottom: 10%;
}
.sj_foot{
    overflow: hidden;
    width: 100%;
    background-color: #2f2f2f;
}
.sj_foot ul{
    overflow: hidden;
    margin:0;
}
.goTop{
    display: none;
}
.sj_foot ul li{
    width: 25%;
    float: left;
    text-align: center;
    padding: 10px 0;
    position: relative;
}
.sj_foot ul li a{
    display: block;
}
.sj_foot ul li a p{
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
    margin-top: 8px;
}
.sj_foot ul li:after{
    content: "";
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    opacity: .2;
}
.sj_ys{
    overflow: hidden;
    width: 100%;
    position: relative;
}
.sj_ys .swiper-slide .pic{
    overflow: hidden;
    width: 90%;
}
.sj_ys .swiper-slide .pic img{
    display: block;
    width: 100%;
}
.sj_ys .swiper-slide .wz{
    width: 75%;
}
.sj_ys .swiper-slide .wz i{
    display: block;
    width: 50px;
    float: right;
    margin: 6%;
}
.sj_ys .swiper-slide .wz i img{
    display: block;
    width: 100%;
}
.sj_ys .swiper-slide .wz h3{
    font-size: 18px;
    float: left;
    width: 100%;
    text-align: right;
    color: #dd1717;
    margin: 10px 0;
    font-weight: bold;
}
.sj_ys .swiper-slide .wz h3 span{
    color: #434043;
}
.sj_ys .swiper-slide .wz h4{
    text-transform: uppercase;
    font-size: 14px;
    color: #c3c3c3;
    text-align: right;
    overflow: hidden;
    width: 100%;
}
.sj_ys .swiper-slide .wz ul {
    overflow: hidden;
    margin: 20px auto;
}
.sj_ys .swiper-slide .wz ul li {
    overflow: hidden;
    margin-left: 8%;
}
.sj_ys .swiper-slide .wz ul li dd {
    display: block;
    float: left;
    width: 15px;
    line-height: 15px;
    border: 1px #d9d9d9 solid;
    text-align: center;
    font-size: 12px;
    color: #999999;
    margin-right: 6px;
}
.sj_ys .swiper-slide .wz ul li p {
    font-size: 12px;
    color: #666666;
    text-align: left;
    margin-bottom: 15px;
}
.sj_ys .swiper-slide .wz ul li p span {
    color: #dd1717;
}
.sj_ys .swiper-slide{
    background: url(../images/sj_ysbj.jpg) no-repeat center;
    background-size: 100%;
    padding-bottom: 25px;
    padding-top: 50px;
}

.sj_ys .swiper-paginationa{
    position: absolute;
    bottom: 30px !important;
    left: 0;
    right: 0;
    margin:auto;
    z-index: 9999;
    text-align: center;
}
.sj_ys .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 0;
    border-radius: 50%;
}
.sj_ys .swiper-pagination-bullet-active{
    background: #e50908 !important;
}
.sj_ys .swiper-paginationa span{
    background-color: #323232;
}
.sj_ys .swiper-pagination-bullet{
    opacity: .8;
}
.sj_ys .swiper-paginationa span{
    background-color: #323232;
}
.case {
    overflow: hidden;
    padding: 20px 0;
    width: 94%;
    margin: auto;
}
.case .c_box1 {
    overflow: hidden;
    padding-top: 40px;
}
.case .c_box1 span {
    font-size: 20px;
}
.case .c_box1 p {
    font-size: 14px;
}
.case_list {
    overflow: hidden;
    padding: 15px 0;
}
.case_list .bt h1 {
    float: left;
    font-size: 50px;
}
.case_list .bt h3{
    font-size: 20px;
    margin-top: 8px;
}   
.case_list .bt p{
    font-size: 12px;
}
.case_list .bt {
    overflow: hidden;
    text-align: center;
    width: 130px;
    margin: auto;
}
.case_list .container-fluid ul li:nth-child(2) .pic{
   float: left !important;
}
.case_list .container-fluid ul li:nth-child(2) .wz{
   float: right !important;
}
.case_list .container-fluid ul li:nth-child(3) .pic{
   float: right !important;
}
.case_list .container-fluid ul li:nth-child(3) .wz{
   float: left !important;
}

.case_list .container-fluid ul li:nth-child(6) .pic{
   float: left !important;
}
.case_list .container-fluid ul li:nth-child(6) .wz{
   float: right !important;
}
.case_list .container-fluid ul li:nth-child(7) .pic{
   float: right !important;
}
.case_list .container-fluid ul li:nth-child(7) .wz{
   float: left !important;
}
.case_list .container-fluid ul li .title {
    padding: 3% 5%;
}
.case_list .container-fluid ul li .title span {
    font-size: 20px;
}    
.case_list .container-fluid ul li .title h3 {
    font-size: 16px;
    color: #999999;
    margin: 0;
}
.case_list .container-fluid ul li .title p {
    font-size: 12px;
    color: #999999;
    line-height: 20px;
    margin-top: 4%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.answer_list ul li {
    display: inline-block;
    width: 22%;
    background-color: #e1e1e1;
    margin: 0 2px;
    line-height: 40px;
    border-radius: 15px;
    transition: all .3s;
    margin-bottom: 3%;
}
.answer_list ul li a {
    display: block;
    font-size: 13px;
}
.treebox {
    overflow: hidden;
    padding: 0px 0 30px 0;
}
.treebox .menu1 .level1 .bt h3{
    font-size: 20px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 5px;
}
.treebox .menu1 .level1 .bt span{
    display: block;
    width: 100%;
    padding-top: 0;
    margin-bottom: 10px;
}
.treebox .menu1 .level1 .bt p{
    font-size: 14px;
}
.treebox .menu1 .level1 .bt {
    overflow: hidden;
    background-image: url(../images/wdjt.png);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    transition: all .3s;
}
.treebox .menu1 .level1 {
    width: 96%;
    margin: auto;
    margin-bottom: 10px;
}
.treebox .menu1 .level1 {
    border: 1px #eeeeee solid;
    padding: 20px;
}
.treebox .menu1 .level1 .bt {
    overflow: hidden;
    background-image: url(../images/wdjt.png);
    background-repeat: no-repeat;
    background-position: 99% 0%;
    transition: all .3s;
}
.treebox .menu1 .level1 .bt:hover{
    background-image: url(../images/wdjt.png);
    background-repeat: no-repeat;
    background-position: 99% 0%;
}
.species {
    overflow: hidden;
    padding: 0;
    padding-bottom: 50px;
}
.dqwz a:before {
   
    margin: 0 10px;
}
.dqwz a {
    font-size: 14px;
    color: #797979;
}
.dqwz p {
    font-size: 14px;
    color: #797979;
}
.species_list ul li a {
    font-size: 16px;
}
.species_list ul li {
    display: inline-block;
    width: 25%;
    line-height: 35px;
    background-color: #e3e3e3;
    border-radius: 30px;
    margin: 5px;
    background-position: 30% 50%;
    transition: all .3s;
    background-size: 20%;
}
.species_box ul li a .wz p {
    padding: 15px;
    margin-bottom: 0;
    background: rgba(4,70,182,.5);
    color: #fff;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.species_box ul li a:hover .title {
    opacity: 1;
    padding: 30px;
    color: #fff;
}
.species_box ul li a .title h3 {
    margin-top: 0;
    font-size: 24px;
    margin-bottom: 20px;
}
.species_box ul li a .title p {
    font-size: 18px;
}
.species_box ul li a .title i {
    display: block;
    width: 20%;
    height: 1px;
    background-color: #fff;
    margin-top: 20px;
}
.species_box ul li a .title {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(4,70,182,.8);
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all .3s;
    background-image: url(../images/zljt.png);
    background-repeat: no-repeat;
    background-position: 90% 85%;
    background-size: 10%;
}
.species_box .container-fluid{
    padding-left: 0;
    padding-right: 0;
}
.details_box {
    overflow: hidden;
    width: 96%;
    margin: auto;
}
.details_box .title {
    overflow: hidden;
    text-align: center;
    border-bottom: 1px #ededed solid;
    padding: 10px 0;
    position: relative;
}
.details_box .title h3 {
    font-size: 18px;
    color: #e82223;
    margin-top: 10px;
    padding: 0 4%;
}
.details_box .title ul li {
    display: inline-block;
    padding: 10px 5px;
    position: relative;
    font-size: 12px;
}
.details_box .title ul li p:before {
    content: "|";
    right: -2px;
    top: 25%;
    position: absolute;
}
.details_box .title a {
    display: block;
    width: 100px;
    height: 30px;
    border: 1px #dedcdc solid;
    line-height: 30px;
    text-align: center;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    border-radius: 15px;
    position: relative;
    right: 20px; 
    bottom: 5px;
    float: right;
    background-image: url(../images/xqjt.png);
    background-repeat: no-repeat;
    background-position: 15% 50%;
    text-indent: 1em;
    margin-left: 4%;
}
.fanye li{
    width: 100%;
}
.details_tj .tj_z ul li span{
    margin-left: 15px;
    font-size: 12px;
}
.details_tj .tj_z {
    overflow: hidden;
    width: 96%;
    background-color: #fff;
    padding: 20px 15px 15px 15px;
    margin: auto;
    float: none;
    padding-bottom: 5px;
}
.details_tj .tj_z ul li a{
    width: 65%;
}
.product_details {
    overflow: hidden;
    background-color: #f3f3f3;
    padding-bottom: 0px;
}
.about_us {
    overflow: hidden;
    padding: 15px 15px;
}
.about_us .title .pic {
    overflow: hidden;
    margin-right: 15px;
    float: left;
    text-align: center;
    width: 30%;
}
.about_us .title .pic img{
    display: block;
    width: 100%;
}
.about_us .title .wz{
    width: 65%;
    float: right;
}
.about_us .title .wz h3{
    margin-top: 15px;
    font-size: 16px;
    font-weight: bold;
}
.about_us .title .wz span {
    font-size: 14px;
    text-transform: uppercase;
    color: #9a989b;
    margin-left: 5px;
}
.us_box1 ul li img {
    float: left;
    margin-right: 0px;
    margin-left: 5px;
    margin-top: 30px;
}
.us_box1 ul li .dizhi{
    font-size: 14px;
}
.us_box1 ul li h3{
    font-size: 14px;
}
.us_box1 ul li p{
    font-size: 16px;
}
.us_box1 ul li img{
    width: 25px;
    margin-left: 12%;
    margin-right: 3%;
}
.xinxi_solution_main ul li.on {
    width: 100%;
}
.sj_jtzd .sec-list{
    display: none;
}
.sj_jtzd{
    overflow: hidden;
    margin-top: 20px;
}
.sj_jtzd .sub-menu{
    border-bottom: 1px #999 solid;
    
}
.sj_jtzd .sub-menu ul{
    margin-bottom: 0;
}
.sj_jtzd .sub-menu li {
    overflow: hidden;
}

.sj_jtzd .sub-menu .sub-tit:after {
    content: '';
    display: block;
    width: 15px;
    height: 50%;
    background: url(../images/sz2.png) no-repeat center;
    background-size: 100% auto;
    position: absolute;
    right: 3%;
    top: 23%;
}
.sj_jtzd .sub-menu .sub-tit.on:after {
    background: url(../images/sz.png) no-repeat center;
    background-size: 100% auto;
}
.sj_jtzd .sub-menu ul li .sub-tit{
    background-image: url(../images/xd1_h.png);
    background-repeat: no-repeat;
    background-size: 13%;
    background-position: 0% 50%;
    border: 1px #999 solid;
    border-bottom: none;
    display: block;
    padding:10px 0;
    position: relative;
}
.sj_jtzd .sub-menu ul li .sub-tit.on{
    background-color: #045ada;
    border: 1px #045ada solid;
    background-image: url(../images/xd1.png);
}

.sj_jtzd .sub-menu ul li:nth-child(2) .sub-tit{
    background-image: url(../images/xd2_h.png);
}
.sj_jtzd .sub-menu ul li:nth-child(2) .sub-tit.on{
    background-image: url(../images/xd2.png);
}
.sj_jtzd .sub-menu ul li:nth-child(3) .sub-tit{
    background-image: url(../images/xd3_h.png);
}
.sj_jtzd .sub-menu ul li:nth-child(3) .sub-tit.on{
    background-image: url(../images/xd3.png);
}
.sj_jtzd .sub-menu ul li:nth-child(4) .sub-tit{
    background-image: url(../images/xd4_h.png);
}
.sj_jtzd .sub-menu ul li:nth-child(4) .sub-tit.on{
    background-image: url(../images/xd4.png);
}
.sj_jtzd .sub-menu ul li:nth-child(5) .sub-tit{
    background-image: url(../images/xd5_h.png);
}
.sj_jtzd .sub-menu ul li:nth-child(5) .sub-tit.on{
    background-image: url(../images/xd5.png);
}
.sj_jtzd .sub-menu ul li .sub-tit.on p{
    color: #fff;
}


.sj_jtzd .sub-menu ul li .sub-tit p{
    display: block;
    margin-bottom: 0;
    margin-left: 14%;
    font-size: 16px;
}
.sj_jtzd .sub-menu ul li .sub-tit p span{
   font-size: 14px;

}
.sj_jtzd .sub-menu ul li .sec-list{
    padding:15px 10px;
    border: 1px #999 solid;
    border-top: none;
    border-bottom: none;
}
.spring_box1{
    padding: 0;
}
.sp_pic img{
    width: 100%;
    margin: 5% 0;
}
.zbnr_tab .content-wrap .content-item .wz {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    padding: 10px;
    left: 0;
    z-index: 9999;
}
.zbnr_tab .tab-nav li img {
    display: block;
    width: 100%;
    margin: auto;
}
.zbnr_tab .tab-nav li {
    margin: 15px;
    text-align: center;
    width: 13%;
}
.zbnr_tab .tab-nav{
    position: absolute;
    left: 0%;
    top: 12%;
}
.zbnr_tab .content-wrap {
    width: 82%;
    float: right;
    padding-top: 20px;
}
.profile_box1 .y_box ul {
    overflow: hidden;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 10%;
}
.profile_box1 .y_box {
    overflow: hidden;
    background: url(../images/company_bj2.jpg) no-repeat center;
    background-size: 100%;
    position: relative;
    padding-bottom: 0%;
}
.profile_box2 {
    overflow: hidden;
    margin-right: 0%;
    margin-left: 0%;
    padding: 20px 0;
}
.profile_box3 .y_box ul {
    overflow: hidden;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10%;
}
.profile_box3 .y_box {
    overflow: hidden;
    background-size: 100%;
    position: relative;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
}
.profile_box3 {
    padding-bottom: 30px;
}
.thpic .small_list {
    position: relative;
    float: left;
    width: 82%;
    overflow: hidden;
}
.processing_box1 .y_box {
    padding-left: 5%;
    margin-top: 8%;
    margin-left: -15px;
    margin-right: -15px;
}
.processing_box1 .z_box{
    margin-left: -15px;
    margin-right: -15px;
    margin:auto;
}
.processing_box2 {
    overflow: hidden;
    background: url(../images/tnjg_2.jpg) no-repeat center;
    background-size: cover;
    padding: 60px 0;
    padding-bottom: 20%;
}

.preview .arrow-right {
    background: url(../images/jgtb.png) no-repeat left bottom;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    z-index: 10;
    background-size: 100%;
}
.preview .arrow-left {
    background: url(../images/jgtb.png) no-repeat left top;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    z-index: 10;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    background-size: 100%;
}
.boxA select{
    width: 40% !important;
}
.tool-div .boxA li input{
    width: 40%;
}
.btnBoxA .ksjs{
    width: 45%;
    margin-top: 5%;
    margin-bottom: 3%;
}
.btnBoxA .cxjs{
    width: 45%;
}
.year-map p{
    margin-bottom: 0;
}
.zs{
   padding: 0 15px; 
}
.calculator_nr .cnbox .wz p {
    font-size: 15px;
    line-height: 28px;
    text-indent: 2em;
    padding: 10px 15px;
    padding-bottom: 0;
}
.lhnr2 img{
    display: block;
    width: 100%;
}
.lhnr3 img{
    display: block;
    width: 100%;
    margin: 0 !important;
}
.cnbox_zc img{
    display: block;
    width: 100%;
}
.lhnr5 .l5p {
    line-height: 28px;
    font-size: 14px;
    margin-top: 5%;
}
.calculator_nr .cnbox .beizhu p {
    font-size: 16px;
    color: #f3090a;
    padding: 0;
    margin-bottom: 0;
    line-height: 28px;
}
.cnbox_zc .c2 .pic{
    float: none;
    margin: auto;
}
.cnbox_zc .c2 p {
    font-size: 15px;
    color: #000;
    margin-top: 15px;
    text-align: center;
}
.cnbox_zc .c2 i {
    width: 25px;
    height: 2px;
    background-color: #2a6fce;
    display: block;
    float: none;
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
}
.cnbox_zc{
    padding: 25px 0px !important;
}
.lhnr1 li {
    width: 48%;
    background-color: #fff;
}
.lhnr1 {
    overflow: hidden;
    padding: 0 15px;
}
.hz {
    width: 96%;
    float: none;
    margin: auto;
}
.hz li {
    width: 50%;
    float: left;
    padding: 1%;
}  
.pages{
    text-align: center;

}
 
  
.spring_box2{
  padding: 30px 0 0 0;
  }
.spring_box3{
  padding: 30px 0 0 0;
  } 
.details_nr p img{       
  height: 285px !important;
    width: 100% !important;
  }

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

}