@charset "utf-8";
/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
fieldset,img {
    border: 0;
}
input,textarea{outline: none;}
address,caption,cite,code,dfn,em,th,var {
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}
q:before,q:after {
    content:"";
}
abbr,acronym {
    border: 0;
}
a{
    text-decoration: none;
}
img{
    border:none;
    vertical-align: middle;
}

    body {font: normal 100% Microsoft YaHei,Helvetica, Arial,sans-serif;overflow-x: hidden;color: #333;}

    .c {
        width: 1400px;
        max-width: 94%;
        margin-left: auto;
        margin-right: auto;

    }

    input, textarea {
        outline: none;
        background: none;
        border: none;
    }

    .cc {
        width: 1260px;
        margin-left: auto;
        margin-right: auto;
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    a {
        font-size: 14px;
        line-height: 25px;
    }

    p {
        font-size: 14px;
        line-height: 30px;
    }

    span {
        font-size: 14px;
    }

    a:hover {
        color: #087fca;
        text-decoration: none;
    }

    .clear {
        clear: both;
    }
    .hide{display: none;}
    .show{display: block;}
.height10{height:10px;}
.height30{height:30px;}
.height20{height:20px;}
.height34{height:34px;}
.height40{height:40px;}
.height50{height:50px;}
.height60{height:60px;}
.height80{height:80px;}
.height90{height:90px;}
.height95{height:95px;}
.height100{height:100px;}
    .f8 {
        background: #f8f8f8;
        width: 100%;
    }

    input::-webkit-input-placeholder {
        color: #bbbbbb;
    }

    input::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #bbbbbb;
    }

    input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #bbbbbb;
    }

    input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #bbbbbb;
    }
      textarea::-webkit-input-placeholder {
        color: #bbbbbb;
    }

    textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #bbbbbb;
    }

    textarea:-moz-placeholder {  /* Mozilla Firefox 4 to 18 */
        color: #bbbbbb;
    }

    textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #bbbbbb;
    }

    /* 网站头部 */
.header {height: 140px;top: 0px;z-index: 999;width: 100%;-webkit-transition: all ease .5s;transition: all ease .5s;min-width:1200px;}
.header_top{background: #242424;height:45px;}
.header_top p{line-height: 45px;color:#828282;}
.header_top p span{float: right;}
.header_top p img{margin:0 10px;}
.header_top p a{color:inherit;}
.header_top p em{color: #ff3f2f;}

.header_mid{position: relative;z-index: 9;}
.header_mid > .left img{margin-top: 16px;margin-right: 30px;}
.header_mid > p{float: right;font-size: 18px;color: #de0f16;margin-top: 40px;}
.header_mid > p img{margin-right: 8px;}
.header_mid > ul{float: right;}
.header_mid > ul > li {float: left;height: 56px;line-height:56px;text-align: center;margin-top: 18px;margin-left: 52px;}
.header_mid > ul > li > a {color: #555555;font-size: 17px;line-height: 60px;padding-bottom: 6px;position: relative;}
.header_mid > ul > li > a > span {color: #fff;font-size: 12px;}
.header_mid > ul > li:hover > a, .header_mid > ul > li.active > a {color: #de0f16;}

/* .header_mid > ul > li > a::after{
    position: absolute;content: '';bottom: 0;left: 50%;width: 0;height: 2px;
    background-color: #de0f16;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width .25s ease;transition: width .3s ease;
} */
.header_mid > ul > li:hover a::after,.header_mid > ul > li.active a::after {
    width: 100%;
}

    /* banner图 */
.banner {width: 100%;}
.banner img{max-width:100%;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 20px;}
.banner .swiper-pagination-bullet {width: 10px;height: 10px;opacity: 1;background: #888;border-radius: 100%;}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #de0f16;}

/* 产品中心 */
.tit h2{font-size: 36px;color: #333;font-weight: bold;margin-top: 60px;text-align: center;}
.tit h5{text-align: center;margin-top: 20px;margin-bottom:30px;}
.tit h5 span{font-size: 17px;color: #666;line-height: 34px;cursor: pointer;}
.tit h5 span em{font-size: 12px;color: #ddd;margin:0 15px;}
.tit h5 span.active{color: #de0f16;}

.prod_1_l{height:640px;overflow: hidden;}
.prod_1_a{width: 1042px;height: 640px;overflow: hidden;float: left;position: relative;max-width:73%;}
.prod_a{display: none;}
.prod_q_0{display: block;}
.prod_a img{width: 1042px;height: 640px;}
.prod_a_1{position: absolute;top:475px;width: 100%;height:165px;background: rgba(0,0,0,.6);padding:20px 40px;transition: all .5s;}
.prod_a_1 h5{font-size: 18px;color:#ffffff;margin-bottom:10px;line-height: 45px;;}
.prod_a_1 p{font-size: 16px;color:#dadada;line-height: 36px;;}

/* .prod_a:hover .prod_a_1{top:475px;transition: all .5s;} */

.prod_1_b{width: 331px;height: 640px;float:right;}
.prod_b{width: 331px;height: 203px;margin-bottom:15px;overflow: hidden;position: relative;text-align: center;}
.prod_b img{width: 331px;height: 203px;}
.prod_b p{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.6);padding:80px 15px;font-size:16px;
    color:#eee;transition: all .5s;}
.prod_b.active p{display: none;transition: all .5s;;}
/* 加工服务 */
.case{width: 100%;background: url(../images/y1.jpg) no-repeat center top;overflow: hidden;;}
.case .tit h2,.case .tit span{color:#fff;}

.case_li ul{display: none;width: 1500px;padding:25px 35px;background: #fff;margin:0 auto;max-width:100%;}
.case_li ul:first-child{display: block;}
.case_li ul li{float: left;width: 446px;height: 390px;margin: 1%;position: relative;overflow: hidden;max-width:31%;}
.case_li .case_li_1{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.case_li .case_li_1 img{width: 100%;height: 100%;}
.case_li .case_li_2{width: 100%;height: 100%;position: absolute;top:340px;background: rgba(0,0,0,.6);text-align: center;}
.case_li .case_li_2 h5{font-size: 16px;color:#fff;line-height: 40px;}
.case_li .case_li_2 h6{line-height: 50px;margin-top:45px;}
.case_li .case_li_2 h6 a{margin:0 15px;font-size: 16px;color:#fff;}
.case_li .case_li_2 h6 img{margin-right:8px;}
.case_li .case_li_2 p{font-size: 16px;color:#dadada;line-height: 32px;padding:0 50px;}
.case_li .case_li_2 hr{border:none;background: #ff0000;height: 3px;width: 65px;}
.case_li li:hover .case_li_2{top:0;}
.case_li li:hover .case_li_2 h5{margin-top:60px;font-size: 20px;;}

.case_li > a{color: #fff;display: block;background: url("../images/ab5.png") no-repeat center;margin:0 auto;
    width: 268px;height: 116px;text-align: center;line-height: 60px;font-size: 16px;}

/* .prod_1 .swiper-container{padding:60px 20px 50px 20px;}
.prod_1 .swiper-slide{background: url("../images/pro_bj.png") no-repeat center;border-radius: 10px;text-align: center;padding: 70px 20px 60px 20px;height: 458px;}
.prod_1 .swiper-slide:hover{background: url("../images/pro_bj1.png") no-repeat center;}
.prod_1 .swiper-slide h5{font-size: 18px;color: #333;font-weight: bold;margin-top: 40px;margin-bottom: 10px;}
.prod_1 .swiper-slide p{font-size: 12px;color: #999;height: 60px;line-height: 20px;}
.prod_1 .swiper-slide i{font-size: 16px;color: #ddd;font-weight: lighter;}
.prod_1 .swiper-pagination-bullet {width: 25px;height: 3px;opacity: 1;background: #d5d5d5;border-radius: 1px;}
.prod_1 .swiper-pagination-bullet-active {opacity: 1;background: #de0f16;} */


/* 优势    */
.ys_1{width: 100%;height: 840px;min-width:1200px;background: url(../images/y4.jpg) no-repeat center;overflow: hidden;;}
.ys_1 .tit h2{color:#fff;} 
.ys_1 .tit h3{color:#fff;text-align: center;opacity: .4;line-height: 60px;;}
.ys_1 ul{padding-top: 50px;}
.ys_1 li{height: 480px;float: left;width: 316px;text-align: center;max-width:22%;
    background: url(../images/y5.png) no-repeat right center;padding:5px 50px;;}
.ys_1 li:last-child{background: none;;}
.ys_1 li > img{display: none;margin-top:30px;width: 386px;height: 154px;;}
.ys_1 li .ys1{margin-top:140px;}
.ys_1 li.active{width: 450px;padding:5px 20px;max-width:32%;}
.ys_1 li.active > img{display: block;max-width:100%;}
.ys_1 li.active .ys1{display: none;}
.ys_1 li h5{font-size: 24px;color: #fff;margin-bottom: 20px;margin-top: 30px;}
.ys_1 li p{font-size: 16px;color: #fff;font-weight: lighter;text-align: left;;}

    /* 关于我们 */
.about{width:100%;background: url("../images/ab.png") no-repeat top center;overflow: hidden;min-width:1260px;}
.about1{width: 386px;height: 485px;position: absolute;left:-30px;top:60px;background: #d21414;z-index: -1;;}
.about .left img {width: 626px;height: 523px;}
.about .right {width: calc(100% - 700px);height: 560px;}
.about .left {width: 626px;position: relative;height:523px;}
.about .right h2{font-size: 45px;color: #000;font-weight:bold;;height:120px;padding-left:40px;margin-bottom:30px;
    background: url("../images/a1.png") no-repeat top left;padding-top: 70px;}
.about .right > div {width: 100%;height: 190px;overflow: hidden;margin-bottom: 65px;margin-top: 30px;}
.about .right p {line-height: 40px;font-size: 17px;color: #333;;}
.about .right h6 a{padding:11px 36px;background: #f9f9f9;font-size: 16px;color: #666;margin-right:20px;;}
.about .right h6 a.active{background-color: #d21414;color:#fff;}
/* 案例 */



/* 客户评价 */
.kehu h2{margin-bottom: 10px;}
.kehu hr {width: 30px;height: 1px;border: none;background: #02baa0;margin: 20px auto 50px;}
.kehu_1{height: 175px;background: url("../images/k.png") no-repeat center top;padding:20px 100px;}
.kehu_1 .kehu_1_1{display: none;text-align: center;}
.kehu_1 .kehu_1_1:first-child{display: block;}
.kehu_1 p{font-size: 14px;color: #777;line-height: 30px;height: 90px;overflow: hidden;}
.kehu_1 h4{font-size: 18px;color: #333;margin-top: 20px;}
.kehu_2{text-align: center;margin-top: 60px;}
.kehu_2 p{opacity: .5;display: inline-block;width: 98px;height: 98px;text-align: center;line-height: 98px;}
.kehu_2 p img{width: 60px;height: 60px;border-radius: 30px;}
.kehu_2 p.active{opacity: 1;}
.kehu_2 p.active img{border-radius: 10px;width: 80px;height: 80px;}


    /* 新闻中心 */
.news{width: 100%;overflow: hidden;min-width:1200px;}
.hzdt_1{position: relative;display: none;;}
.hzdt_1 .ul1{float: left;max-width:31%;}
.hzdt_1 .ul2{float: right;max-width:31%;}
.hzdt_1 li{width: 435px;height: 110px;margin-bottom:36px;}
.hzdt_1 li > a{display: inline-block;width:110px;height:110px;background: #f7f7f7;text-align: center;font-size:16px;color:#333;padding-top:20px;}
.hzdt_1 li > a span{font-size: 36px;line-height: 45px;;}
.hzdt_1 li div{float: right;width: 305px;height: 110px;}
.hzdt_1 li h5{margin-bottom: 5px;height:36px;overflow: hidden;}
.hzdt_1 li h5 a{font-size: 18px;color: #333333;line-height: 36px;}
.hzdt_1 li p{font-size: 15px;color: #666666;}

.hzdt_1 .ul3{background: url("/lib/images/bj_2.png") no-repeat center;position: absolute;
    width: 468px;height: 550px;left:464px;max-width:31%;}
.hzdt_1 .ul3 > div{height: 550px;}
.hzdt_1 .ul3 .swiper-slide{width: 468px;height: 550px;padding:9px;position: relative;background: #fafafa;;}
.hzdt_1 .ul3 .swiper-slide img{width: 450px;height: 380px;max-width:100%;}
.hzdt_1 .ul3 .swiper-slide h5{height: 60px;line-height: 60px;font-size: 18px;color: #333;margin-left:20px;}
.hzdt_1 .ul3 .swiper-slide p{font-size: 14px;color: #666;line-height: 26px;height: 52px;overflow: hidden;margin-left:20px;}
.hzdt_1 .ul3 .swiper-slide:hover h5{display: block;}
.ul3 .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 20px;}
.ul3 .swiper-pagination-bullet {width: 10px;height: 10px;opacity: 1;background: #999;border-radius:5px;}
.ul3 .swiper-pagination-bullet-active {opacity: 1;background: #d92524;}



    .tech{background: url(../images/y3.jpg) no-repeat center;width:100%;height:728px;overflow: hidden;;}
    .tech .tit h2{color:#fff;}
    .tech .c{position: relative;}
.tech .tit h3{margin-bottom: 43px;color:#ddd;text-align: center;line-height: 60px;;}
.tech .swiper-slide{width: 331px;height:425px;text-align: center;background: #fff;padding:20px 15px;max-width:23.5%;;}
.tech .swiper-slide img{width: 300px;height:320px;max-width:100%;}
.tech .swiper-slide p{font-size: 16px;color: #333;line-height: 70px;;}
.tech .swiper-button-prev, .tech .swiper-button-next{width: 41px;height: 41px;margin-top: 5px;}
.tech .swiper-button-prev{background: url("../images/ico/p5.png");left:-60px;}
.tech .swiper-button-next{background: url("../images/ico/n5.png");right:-60px;}


    /* 友情链接 */

    .link p {font-size: 16px;color: #c1c1c1;}
    .link p a {font-size: 14px;color: #c1c1c1;margin-right: 25px;}
    .link p a:hover {color: #d92524;}
    /*   底部样式   */
.footer {width: 100%;height: 558px;background: #212121;overflow: hidden;}
.footer .c {margin-top: 55px;height: 448px;}
.footer .foot_2 {width: 332px;float: left;max-width:24%;}
.footer h3{border-bottom: 1px solid #4d5060;font-size: 16px;color: #ffffff;padding-bottom: 15px;}
.footer div.line{width: 45px;height: 1px;background: #d92524;margin-top: -1px;}
.footer .foot_2 p {font-size: 14px;color: #c1c1c1;line-height: 28px;margin-top: 10px;text-align: justify;margin-right: 10px;height: 280px;overflow: hidden;}
.footer .foot_3 {width: 582px;float: left;margin-left: 3%;max-width: 47%;}
.footer .foot_3 .n0{width: 100%;padding-bottom: 15px;height: 185px;}
.footer .foot_3 .n1{border-bottom: 1px solid #4d5060;border-top: 1px solid #4d5060;width: 270px;float: left;margin-right: 42px;padding-bottom: 15px;min-height: 109px;}
.footer .foot_3 .n1.n1_1{margin-right: 0;}
.footer .foot_3 .n2{float: left;width: 116px;}
.footer .foot_3 .n2 p{line-height: 36px;margin-top: 5px;}
.footer .foot_3 .n2 p a{font-size: 14px;color: #dbdbdb;}
.footer .foot_3 .n2 > a{font-size: 12px;color: #c1c1c1;line-height: 26px;display: block;}
.footer .foot_3 .n3{width: 100%;}
.footer .foot_3 .n3 > a{width: 50%;float: left;}
.footer .foot_3 .n4 > a{font-size: 14px;color: #dbdbdb;}
.footer .foot_3 .n2 > a:hover{color: #d92524;}
.foot_1 {width: 352px;float: right;max-width:26%;}
.foot_1 ul{margin-top: 5px;}
.foot_1 li{border-bottom: 1px dashed #4d5060;height: 100px;}
.foot_1 li h5{font-size: 16px;color: #dbdbdb;width: 256px;float: right;line-height: 30px;margin-top: 2px;}
.foot_1 li pre{font-size: 14px;color: #c1c1c1;width: 256px;float: right;line-height: 20px;overflow-x:hidden;white-space: pre-wrap;
    word-wrap: break-word;}
.foot_1 li img{margin-top: 16px;width: 64px;height: 64px;}
.foot_1 li:last-child{border:none;}

.footer .c1 {width: 100%;height: 55px;clear: both;background: #1b1b1b;}
.footer .c1 p {line-height: 55px;text-align: center;font-size: 14px;color: #dbdbdb;}
.footer .c1 p a {line-height: 55px;font-size: 14px;color: #dbdbdb;}
.footer .c1 p img{margin-left: 20px;margin-right: 3px;}

    .page p {text-align: center;line-height: 100px;}
    .page p span, .page p a {padding: 8px 14px;margin-left: 15px;font-size: 16px;color: #666666;border: 1px solid #ebebeb;}
    .page .current {color: #d92524;padding: 8px 14px;}
    .page p a:hover {color: #d92524;padding: 8px 14px;}
/*固定的悬浮窗*/
/* .yb_conct {z-index: 9999999;top: 207px;cursor: pointer;
    transition: all .1s ease;background:  url(/images/k3.png) no-repeat left -57px;position: absolute;right: -127px;bottom: 50%;height: 480px;}
.yb_conct:hover{background:url(/images/k1.png) no-repeat left top;right:5px;}
.yb_bar ul li {width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;
    margin-bottom: 4px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top {background: #41ba64 url(/images/k3.png) no-repeat 0 0;}
.hd_qr {margin-left: 26px;}
.yb_bar li a,.yb_bar li{display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;line-height: 57px;} */


.site_map h1 a{font-size:18px;color:#666;line-height:60px;padding-left:10px;}
.site_map li{width:270px;display:inline-block;line-height:40px;padding-left:10px;}
.site_map ul{border:1px solid #eee;min-height:50px;}
.site_map li a{font-size:14px;color:#666;line-height: 36px;}
.site_map,.site_map a{font-size:12px;color:#666;}




      /*固定的悬浮窗*/
      .yb_conct {
        position: fixed;
        z-index: 999999999999;
        top: 207px;
        /* right: -180px; */
        left: -180px;
        cursor: pointer;
        transition: all .3s ease;
    }

    .yb_bar ul li {
        width: 230px;
        height: 53px;
        font: 16px/53px 'Microsoft YaHei';
        color: #4997fd;
        text-indent: 15px;
        margin-bottom: 3px;
        border-radius: 3px;
        transition: all .5s ease;
        overflow: hidden;
    }

    .yb_bar .yb_top {
        background: #eee url(/lib/images/fixCont.png) no-repeat 175px 0;
    }

    .yb_bar .yb_QQ {
       
        background: #eee url(/lib/images/fixCont.png) no-repeat 175px -57px;
    }

    .yb_bar .yb_QQ_a {
       
        background: #eee url(/lib/images/fixCont.png) no-repeat 175px -114px;
    }


    .yb_bar .yb_mobile {
        background: #eee url(/lib/images/fixCont.png) no-repeat 175px -227px;
    }

    .yb_bar .yb_ercode {
        /*height:200px;*/
        background: #eee url(/lib/images/fixCont.png) no-repeat 175px -283px;
    }

    .hd_qr {
        margin-left: 60px;
    }

    .yb_QQ a, .yb_QQ_a a {
        display: block;
        text-indent: 15px;
        line-height: 53px;
        width: 100%;
        height: 100%;
        color: #4997fd;
    }