@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: 1200px;
        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;
    }
.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: 110px;top: 0px;z-index: 999;width: 100%;-webkit-transition: all ease .5s;transition: all ease .5s;position: absolute;min-width:1200px;}
.header_mid{position: relative;z-index: 9;}
.header_mid > .left{margin-right: 140px;}
.header_mid > .left img{margin-top: 25px;margin-right: 30px;}
.header_mid > p{float: right;font-size: 18px;color: #8ec31f;margin-top: 40px;}
.header_mid > p img{margin-right: 8px;}
.header_mid > ul > li {float: left;height: 56px;line-height:56px;text-align: center;margin-top: 30px;margin-left: 52px;}
.header_mid > ul > li > a {color: #fff;font-size: 15px;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: #8ec31f;}

.header_mid > ul > li > a::after{position: absolute;content: '';bottom: 0;left: 50%;width: 0;height: 2px;
    background-color: #8ec31f;
    -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 {height: 780px;width: 100%;min-width: 1200px;}
.banner .swiper-slide div {height: 780px;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 20px;}
.banner .swiper-pagination-bullet {width: 15px;height: 15px;opacity: 1;background: #fff;border-radius: 100%;}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #2ac157;}

/* 产品中心 */
.prod_1{width:100%;background: url("../images/2.png") no-repeat top center;overflow: hidden;min-width: 1200px;}
.prod_1 > .c > h2{background: url("../images/3.png") no-repeat top center;height: 67px;text-align: center;font-size: 36px;color: #fff;
    margin-top: 90px;font-weight: bold;padding-top: 20px;}
.prod_1 > .c > hr{width: 30px;height: 1px;border:none;background: #fff;margin:20px auto;}
.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: #2ac157;}


/* 优势    */
.ys_1{width: 100%;height: 380px;min-width:1200px;}
.ys_1 ul{padding-top: 120px;}
.ys_1 li{height: 200px;float: left;width: 300px;text-align: center;}
.ys_1 li h5{font-size: 14px;color: #fff;margin-bottom: 20px;margin-top: 30px;}
.ys_1 li p{font-size: 40px;color: #fff;font-weight: bold;}

    /* 关于我们 */
.about{width:100%;background: url("../images/ab.png") no-repeat top center;overflow: hidden;min-width:1260px;}
.about .right img {width: 539px;height: 355px;}
.about .right {width: 539px;height: 355px;margin-top: 85px;margin-right: 20px;}
.about .left {width: 510px;position: relative;}
.about .left h2{font-size: 32px;color: #2ac157;margin-bottom: 30px;height:100px;margin-top: 20px;background: url("../images/ab2.png") no-repeat top left;padding-top: 60px;}
.about .left > div {width: 100%;height: 180px;overflow: hidden;margin-bottom: 24px;margin-top: 60px;}
.about .left > a{color: #fff;display: block;background: url("../images/ab5.png") no-repeat center;width: 268px;height: 116px;
    text-align: center;line-height: 60px;font-size: 16px;margin-left: -20px;}
.about .left p {line-height: 30px;font-size: 16px;}
/* 案例 */
.tit h2{font-size: 36px;color: #333;font-weight: bold;margin-top: 120px;text-align: center;}
.case h5{text-align: center;margin-top: 30px;}
.case h5 span{font-size: 16px;color: #666;width: 138px;height:72px;display: inline-block;line-height: 34px;cursor: pointer;}
.case h5 span.active{background: url("../images/ab5.png") no-repeat center/cover;color: #fff;}

.case_li ul{display: none;}
.case_li ul:first-child{display: block;}
.case_li ul li{float: left;width: 380px;height: 325px;margin: 15px 10px;background: #ecf1f4;position: relative;overflow: hidden;}
.case_li .case_li_1{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.case_li .case_li_1 img{max-width: 80%;max-height: 80%;}
.case_li .case_li_2{width: 100%;height: 100%;position: absolute;top:410px;background: rgba(0,0,0,.6);text-align: center;transition: all .5s;}
.case_li .case_li_2 h5{font-size: 24px;color:#fff;line-height: 40px;margin-top:120px;}
.case_li .case_li_2 p{font-size: 16px;color:#bbb;line-height: 25px;}
.case_li .case_li_2 hr{border:none;background: #fff;height: 2px;width: 90px;}
.case_li li:hover .case_li_2{top:0;transition: all .5s;}
.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;}
/* 客户评价 */
.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%;background: #f9f9f9;overflow: hidden;min-width:1200px;}
.news .c{background: url("../images/news.png") no-repeat center 90px;padding-top: 20px;}
.news .p_right1 a{font-size: 16px;color: #fff;padding:8px 24px;background: #9d9d9d;margin:0 16px;border-radius:18px;}
.news h6{line-height: 45px;text-align: center;margin-bottom: 25px;}
.news .p_right1 a em{font-size: 16px;color: #333;margin:0 10px;}
.news .p_right1 a.active{background: #41ba64;}
.news .p_right1 .p_more{font-size: 16px;color: #e63955;float: right;}
.news .news1 ul{display: none;}
.news .news1 li{width: 387px;background: #fff;float: left;margin-right: 19px;}
.news .news1 li:nth-child(3n){margin-right: 0;}
.news .news1 li > a > img{width: 387px;height: 265px;margin-bottom: 20px;}
.news .news1 li h5 {font-size: 18px;line-height: 32px;color: #333;padding:0 30px 20px 30px;height: 84px;}
.news .news1 li p {font-size: 16px;line-height: 38px;color: #666;}
.news .news1 li p img{margin-right: 10px;}
.news .news1 li:hover h5,.news .news1 li:hover p{color: #41ba64;}
.news .news1 li span{line-height: 38px;font-size: 16px;color: #41ba64;margin-left: 30px;}
.news > a{color: #fff;display: block;background: url("../images/ab5.png") no-repeat center;width: 268px;height: 116px;
    text-align: center;line-height: 60px;font-size: 16px;margin:0 auto;}



.tech .tit h3{margin-bottom: 43px;}
.tech li{width: 190px;height: 80px;margin-bottom:18px;float: left;
    display: flex;align-items: center;justify-content: center;margin-right: 10px;}
.tech li img{max-height: 90%;max-width: 95%;}


    /* 友情链接 */
.link {margin-top: 10px;margin-bottom: 20px;}
.link h3 {font-size: 18px;color: #4a4949;}
.link h3 a {font-size: 16px;color: #989797;margin-right: 30px;}
.link h3 a:hover {color: #41ba64;}

    /* 底部 */
    /*   底部样式   */
.footer {width: 100%;height: 434px;background: #2a2f2f;overflow: hidden;min-width:1260px;}
.footer .c {padding-top: 60px;}
.footer h2{margin-top: 40px;color: #d3d3d3;font-size: 18px;margin-bottom: 25px;}
.footer .foot_2 {width: 470px;float: left;margin-right: 0px;height: 310px;}
.footer .foot_2 li{font-size: 14px;color: #979799;line-height: 34px;}
.footer .foot_2 li img{margin-right: 10px;}
.footer .foot_2 p {margin-left: 130px;font-size: 12px;color: #777777;line-height: 28px;}
.footer .foot_2 > img{height: 65px;margin-bottom: 15px;}

.footer .foot_3 {width: 480px;float: left;height: 190px;border-left:1px solid #555;border-right: 1px solid #555;margin-top: 25px;}
.footer .foot_3 h3{font-size: 16px;color: #aaa;line-height: 36px;}

.footer .foot_3 ul{float: left;margin-left: 100px;margin-right: 20px;}
.footer .foot_3 li{}
.footer .foot_3 li a{color: #979799;;font-size: 14px;line-height: 34px;}
.footer .foot_3 li a:hover{color: #41ba64;}
.foot_1 {width: 200px;height: 150px;float: right;margin-top: 60px;text-align: center;}
.foot_1 img{width: 125px;height: 125px;}
.foot_1 p{font-size: 14px;color: #979799;line-height: 36px;}
.foot_1 .foot_l_1 {width: 110px;float: left;text-align: center;}
.foot_1 .foot_l_1 img {margin: 5px;}
.footer .c1 {width: 100%;height: 64px;clear: both;min-width:1200px;background: #212727;}
.footer .c1 p {line-height: 60px;text-align: center;font-size: 14px;color: #979799;}
.footer .c1 p a {line-height: 60px;font-size: 14px;color: #979799;}

.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;border-radius: 100%;}
.page .current {color: #41ba64;padding: 8px 14px;}
.page p a:hover {color: #41ba64;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;}