@charset "utf-8";
/* CSS Document */
.wrap{background: #fff}
.wrap img{width: 100%;display: block;}
.fl{float:left;}
.fr{float:right;}
/*广告*/
.ban{position: relative;margin-top:-2rem;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban img { line-height: 0}
.ban_j{position: absolute;bottom:0;left:36%;z-index: 9;font-size:0;line-height: 0}
.ban_j img{display:inline-block;width:4.05rem;}
.g_bd .ban .swiper-pagination{width:26.56%;height: rem;background: #fff;border-radius: 1rem;margin:0 auto;box-shadow: 0 0.2rem 0.4rem #595b67;line-height: 2.3rem}
.g_bd .ban .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.4rem;}
.g_bd .ban .swiper-pagination-bullets{left:39%;bottom:1rem;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban .swiper-pagination-bullet{width:0.8rem; height: 0.8rem;background: #d7d7d7;opacity: 1;border-radius:50%}
.ban .swiper-pagination-bullet-active{background: #555556}
/*引子*/
.yz{height:41.3rem;margin: 0 4.6%;}
.yz h3{height:5.5rem;text-align: center;padding-top: 3.5rem;background: url(../images/hr1.png) no-repeat bottom;background-size: 11.1rem 0.65rem;margin-bottom: 1.35rem;}
.yz h3 em{font-size:2.1rem;color: #0060aa;display: block;font-weight: bold;line-height: 100%;}
.yz h3 em i{font-weight: normal;}
.yz h3 span{font-size:1.2rem;color: #333333;display: block;line-height: 1.2rem;padding-top: 0.5rem;}
.yz dl{height: 22.8rem;border: 1px solid #dcdcdc;width:48.79%;position: relative;float: left;margin-right:2.4%;border-radius: 0.5rem;box-sizing:border-box;}
.yz dl dt{padding: 0.15rem 0.15rem 0 0.15rem;}
.yz dl dt img{width:100%;display: block;}
.yz dl dd{padding-top:5.6rem;text-align: center;}
.yz dl dd b{height:10.1rem;width:10.4rem;position: absolute;top:1.1rem;left:1.8rem;}
.yz dl dd b img{width:100%;display: block;}
.yz dl dd h2{font-size:1.4rem;color:#333333 ;display: block;line-height:1.4rem;font-weight: bold;}
.yz dl dd p{font-size:1.2rem;color:#666666 ;line-height:1.6rem;text-align: center;padding-top:1.0rem;}
.yz dl:last-child{margin-right: 0;}
.yz .shou{display: block; width: 28.96%; margin: 1.75rem auto 0.7rem;}

/*产品中心*/
.cpzx{height:50.0rem;background: #f2f2f3;}
.cpzx h3{height:5.25rem;text-align: center;padding-top:3.5rem;background: url(../images/hr1.png) no-repeat bottom;background-size: 11.1rem 0.65rem;margin-bottom:2.0rem;}
.cpzx h3 em{font-size:2.1rem;color: #0060aa;display: block;font-weight: normal;line-height: 100%;}
.cpzx h3 em i{font-weight: bold;}
.cpzx h3 span{font-size:1.2rem;color: #333333;display: block;line-height: 1.2rem;padding-top: 0.5rem;}

.cp1{margin: 0 4.6%;}
.cp1 h2{height:2.5rem;background:url(../images/01c.png) no-repeat left;line-height:2.5rem;display: block;margin-bottom:1.3rem;background-size: 3.8rem 2.5rem;}
.cp1 h2 em{font-size:1.8rem;color:#0060aa ;display: block;padding-left: 4.25rem;font-weight: bold;}
.cp1 p{font-size:1.2rem;color:#333333 ;display: block;line-height: 1.6rem;}
.cp1 ul{margin-top: 2.0rem;}
.cp1 ul li{float: left;width: 48.44%;margin-right: 3.1%;}
.cp1 ul li span{height:3.0rem;border-top: 1px solid #f2f2f3;line-height: 3.0rem;font-size:1.2rem;color: #333333;text-align: center;background: #ffffff;display: block;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
.cp1 ul li span a{font-size:1.2rem;color: #333333;display:block;}
.cp1 ul li img{width: 100%;display: block;border-top-left-radius: 6px;
    border-top-right-radius:6px;}
.cp1 ul li:nth-child(2){margin-right: 0;}
.cp1 ul li:nth-child(3){margin-top: 1.0rem;}
.cp1 ul li:nth-child(4){margin-right: 0;margin-top: 1.0rem;}
.cp1 .more{background:url(../images/gd.png) no-repeat center;background-size: 12.0rem 3.5rem;height: 3.5rem;width: 12.0rem;display: block;margin: 2.0rem auto 0;line-height: 3.5rem;}
.cp1 .more i{font-size: 1.2rem;color: #0060aa;display: block;padding-left:2.4rem;}
/*产品02*/
.cpzx2{height: 66.8rem;background: #dbdbdc;}
.cp2{padding-top: 3.3rem;margin: 0 4.6%;}
.cp2 h2{height:2.5rem;background:url(../images/02c.png) no-repeat left;line-height:2.5rem;display: block;margin-bottom:1.3rem;background-size: 3.8rem 2.5rem;}
.cp2 h2 em{font-size:1.8rem;color:#0060aa ;display: block;padding-left: 4.4rem;font-weight: bold;}
.cp2 p{font-size:1.2rem;color:#333333 ;display: block;line-height: 1.6rem;}
.cp2 ul{margin-top: 2.0rem;}
.cp2 ul li{float: left;width: 48.44%;margin-right: 3.1%;}
.cp2 ul li span{height:3.0rem;border-top: 1px solid #f2f2f3;line-height: 3.0rem;font-size:1.2rem;color: #333333;text-align: center;background: #ffffff;display: block;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
.cp2 ul li span a{font-size:1.2rem;color: #333333;display:block;}
.cp2 ul li img{width: 100%;display: block;border-top-left-radius: 6px;border-top-right-radius:6px; }
.cp2 ul li:nth-child(2){margin-right: 0;}
.cp2 ul li:nth-child(3){margin-top: 1.0rem;}
.cp2 ul li:nth-child(4){margin-right: 0;margin-top: 1.0rem;}
.cp2 .more1{background:url(../images/gd.png) no-repeat center;background-size: 12.0rem 3.5rem;height: 3.5rem;width: 12.0rem;display: block;margin: 2.0rem auto 0;line-height: 3.5rem;}
.cp2 .more1 i{font-size: 1.2rem;color: #0060aa;display: block;padding-left:2.4rem;}
/*产品03*/
.cpzx3{height:72.0rem;background: #f2f2f3;}
.cp3{padding-top:3.5rem;margin: 0 4.6%;}
.cp3 h2{height:2.5rem;background:url(../images/03c.png) no-repeat left;line-height:2.5rem;display: block;margin-bottom:1.3rem;background-size: 3.8rem 2.5rem;}
.cp3 h2 em{font-size:1.8rem;color:#0060aa ;display: block;padding-left: 4.4rem;font-weight: bold;}
.cp3 p{font-size:1.2rem;color:#333333 ;display: block;line-height: 1.6rem;}
.cp3 ul{margin-top: 2.0rem;}
.cp3 ul li{float: left;width: 48.44%;margin-right: 3.1%;}
.cp3 ul li span{height:3.0rem;border-top: 1px solid #f2f2f3;line-height: 3.0rem;font-size:1.2rem;color: #333333;text-align: center;background: #ffffff;display: block;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
.cp3 ul li span a{font-size:1.2rem;color: #333333;display:block;}
.cp3 ul li img{width: 100%;display: block;border-top-left-radius: 6px;border-top-right-radius:6px; }
.cp3 ul li:nth-child(2){margin-right: 0;}
.cp3 ul li:nth-child(3){margin-top: 1.0rem;}
.cp3 ul li:nth-child(4){margin-right: 0;margin-top: 1.0rem;}
.cp3 .more2{background:url(../images/gd.png) no-repeat center;background-size: 12.0rem 3.5rem;height: 3.5rem;width: 12.0rem;display: block;margin: 4.0rem auto 0;line-height: 3.5rem;}
.cp3 .more2 i{font-size: 1.2rem;color: #0060aa;display: block;padding-left:2.4rem;}
/*实力*/
.sl{height:13.65rem;background:url(../images/slbg.jpg) no-repeat center;background-size: 100% 13.65rem;}
.sl h3{height: 4.0rem;text-align: center;padding-top: 2.5rem;}
.sl h3 em{font-size: 2.1rem;color: #02056b;display: block;font-weight: bold;line-height: 2.1rem;}
.sl h3 span{font-size:1.5rem ;color:#02056b ;display: block;line-height: 1.5rem;padding-top: 0.25rem;}
.sl ul{height: 4.4rem;margin-top: 1.25rem;margin: 0 4.6%;margin-top: 1.25rem;}
.sl ul li{float: left;height: 3.4rem;width:15.17%;border-radius:2.1rem;text-align: center;background:#ffffff;font-size:1.1rem ;color: #333333;display: block;line-height: 1.3rem;padding-top: 1.0rem;margin-right:0.5rem;}
.sl ul li:last-child{margin-right: 0px;float: right;margin-top: -1.5rem;}
/*优势*/
.yss{height:61.4rem;border-bottom:0.6rem solid #f1f1f1;}
.yss h3{height:5.25rem;text-align: center;padding-top:3.5rem;background: url(../images/hr1.png) no-repeat bottom;background-size: 11.1rem 0.65rem;margin-bottom:2.0rem;}
.yss h3 em{font-size:2.1rem;color: #0060aa;display: block;font-weight: normal;line-height: 100%;}
.yss h3 em i{font-weight: bold;}
.yss h3 span{font-size:1.2rem;color: #333333;display: block;line-height: 1.2rem;padding-top: 0.5rem;}
.yss .tab3{margin-top: 1.5rem;margin: 0 4.6%;margin-bottom: 0.95rem;}
.yss .tab3 li{float: left;width: 23.4%;border: 0.05rem solid #0060aa;height: 4.0rem;margin-right: 0.45rem;border-radius: 0.5rem;text-align: center;line-height: 4.0rem;position: relative;box-sizing:border-box;}
.yss .tab3 li em{font-size: 1.3rem;color:#0060aa ;display: block;}
.yss .tab3 li.cur:after{position: absolute;content: "";background:url(../images/abg01.png) no-repeat center;background-size: 0.9rem 0.35rem;height: 0.35rem;width: 0.9rem;left: 50%;margin-left: -0.45rem;}
.yss .tab3 li:last-child{margin-right: 0;}
.yss .tab3 li.cur{background: #0060aa}
.yss .tab3 li.cur em{color: #ffffff;}
.yss .ys_con{ margin-top:0.95rem;margin: 0 4.6%;}
.yss .ys_con dl{position: relative;}
.yss .ys_con dt img{ width: 100%; display:block;}
.yss .ys_con dd{background: #f2f2f3;height:21.95rem; padding:2.15rem 0 0 2.2rem;position: relative;}
.yss .ys_con dd h4{text-align: left;}
.yss .ys_con dd h4 em{width:5.2rem;display: block;}
.yss .ys_con dd h4 em img{width: 100%;display: block;}
.yss .ys_con dd h4 span{font-size: 1.5rem;color:#0060aa ;display: block;line-height: 1.5rem;padding-top: 0.6rem;}
.yss .ys_con dd h4 span b{font-weight: bold;}
.yss .ys_con dd p{font-size:1.2rem;color:#666666 ;line-height:1.7rem;width: 95%;display: block;padding-top: 1.75rem;}
.yss .ys_con dd p i{font-weight: bold;}
.yss .ys_con .swiper-pagination {bottom: 3.5rem;}
.yss .ys_con .swiper-pagination .swiper-pagination-bullet{opacity: 1;width: 0.8rem; height: 0.8rem;margin: 0 0.45rem;border: 1px solid #bbbbbb; background: 0;}
.yss .ys_con .swiper-pagination .swiper-pagination-bullet-active{border: 1px solid #0060aa; background: #0060aa;}
/*客户见证*/
.khjz{height: 55.85rem;margin: 0 4.6%;}
.khjz h3{height:5.05rem;text-align: center;padding-top:3.0rem;background: url(../images/hr1.png) no-repeat bottom;background-size: 11.1rem 0.65rem;}
.khjz h3 em{font-size:2.1rem;color: #0060aa;display: block;font-weight: normal;line-height: 100%;}
.khjz h3 em i{font-weight: bold;}
.khjz h3 span{font-size:1.2rem;color: #333333;display: block;line-height: 1.2rem;padding-top: 0.5rem;}
.khjz1{margin-top: 2.0rem;height: 37.4rem;}
.khjz1 dl{height: 11.8rem;background: #f2f2f3;border-radius: 0.5rem;float: left;margin-bottom: 1.0rem;}
.khjz1 dl dt{width: 9.05rem;display: block;float: left;padding:2.5rem 1.5rem 0 1.4rem;}
.khjz1 dl dt img{width: 100%;display: block;border-radius:0.5rem;}
.khjz1 dl dd{padding-top: 2.35rem;float: left;width: 57%;}
.khjz1 dl dd h2 a{font-size:1.4rem;color: #333333;display: block;line-height:1.4rem;}
.khjz1 dl dd p{font-size: 1.1rem;color:#666666 ;display: block;line-height: 1.5rem;padding-top: 1.0rem;}
.khjz1 dl:last-child{margin-bottom:0;}
.more3{background:url(../images/gd.png) no-repeat center;background-size: 12.0rem 3.5rem;height: 3.5rem;width: 12.0rem;display: block;margin: 2.0rem auto 0;line-height: 3.5rem;}
 .more3 b{font-size: 1.2rem;color: #0060aa;display: block;padding-left:2.4rem;}

/*新闻资讯*/
.news{height: 42.25rem;background: #f2f2f3;}
.news h3{height:5.1rem;text-align: center;padding-top:3.0rem;background: url(../images/hr1.png) no-repeat bottom;background-size: 11.1rem 0.65rem;}
.news h3 em{font-size:2.1rem;color: #0060aa;display: block;font-weight: normal;line-height: 100%;}
.news h3 em i{font-weight: bold;}
.news h3 span{font-size:1.2rem;color: #333333;display: block;line-height: 1.2rem;padding-top: 0.5rem;}
.new1{height: 28.9rem;margin: 0 4.6%;padding-top: 1.25rem;}
.new1 dl dt{height:14.3rem ;width: 29.0rem;display: block;}
.new1 dl dt img{width: 100%;display: block;border-radius: 0.5rem;}
.new1 dl dd{height:4.25rem;border-bottom: 0.05rem solid #d2d2d2;padding:1.3rem 0 0 0.75rem;}
.new1 dl dd b{line-height: 1.4rem;height: 1.4rem;display: block;}
.new1 dl dd b a{font-size: 1.4rem;color: #333333;display: block;line-height: 1.4rem;font-weight: normal;}
.new1 dl dd p{font-size:1.1rem;color: #666666;display: block;line-height: 1.1rem;padding-top: 0.45rem;}
.new1 ul{height: 8.15rem;border-bottom: 0.05rem solid #d2d2d2;padding-top: 0.8rem;}
.new1 ul li{padding-left: 2.15rem;background: url(../images/dian.png) no-repeat 0.8rem ;background-size: 0.6rem 0.55rem;}
.new1 ul li a{font-size: 1.2rem;color: #333333;display: block;line-height: 2.4rem;}
/*走进稼乐夫*/
.zj{height: 42.35rem;}
.zj h3{text-align: center;height: 5.1rem;background: url(../images/hr1.png) no-repeat bottom;background-size: 11.1rem 0.65rem;padding-top: 3.5rem;}
.zj h3 em{font-size:2.1rem;color: #0060aa;display: block;font-weight: normal;line-height: 100%;}
.zj h3 em i{font-weight: bold;}
.zj h3 span{font-size:1.2rem;color: #333333;display: block;line-height: 1.2rem;padding-top: 0.5rem;}
.zj1{height: 23.25rem;padding-top: 1.3rem;margin: 0 4.6%;}
.zj1 b{height: 15.6rem;width: 29.0rem;display: block;}
.zj1 b img{width: 100%;display: block;}
.zj1 p{padding-top:1.5rem;height: 6.15rem;font-size: 1.2rem;color:#333333 ;display: block;line-height: 1.6rem;text-align: center;}

.zj .more4{background:url(../images/gd.png) no-repeat center;background-size: 12.0rem 3.5rem;height: 3.5rem;width: 12.0rem;display: block;margin: 2.0rem auto 0;line-height: 3.5rem;}
.zj .more4 b{font-size: 1.2rem;color: #0060aa;display: block;padding-left:2.4rem;}





/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html { font-size: 11.25px;}}
@media screen and (min-width:375px) {html { font-size: 11.7px;}}
@media screen and (min-width:384px) {html { font-size: 12px;}}
@media screen and (min-width:480px) {html { font-size: 15px;}}
@media screen and (min-width:414px) {html { font-size: 13px;}}
@media screen and (min-width:560px) {html { font-size: 17.5px;}}
@media screen and (min-width:640px) {html { font-size: 20px;}}

@media screen and (min-width:320px) {
    html {
        font-size: 10px;
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 11.25px;
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 11.7px;
    }
}

@media screen and (min-width:384px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 13px;
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 17.5px;
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 20px;
    }
}