/* ==========================================================================
   Index Page
   ========================================================================== */
.ibanner{ height:290px;}

@media screen and (max-width:340px){
	.ibanner{ height:210px;}
}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide {background-repeat:no-repeat; background-position:top center; background-size:cover;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:5%;}
.ibanner .swiper-button-next{ right:5%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:rgb(0,0,0,0.6); width:60px; height:100px; line-height:100px; text-align:center;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:4rem;}
.ibanner .ban-img{ position:absolute; width:100%; height:100%; left:0; top:0;}
.ibanner .swiper-button-prev.swiper-button-disabled,.ibanner .swiper-button-next.swiper-button-disabled{ background:rgb(0,0,0,0.4);}
/*.ibanner .swiper-slide-active .ban-img{animation: zoomIn2 8s forwards;}*/
.ibanner .swiper-pagination-banner{
	width: 100%;
    bottom: 5%;
    margin: 0;
}
.swiper-pagination-banner .swiper-pagination-bullet{
    width: 12px;
    height: 4px;
    border-radius: 6px;
    background: #fff;
    opacity: 1;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}
.swiper-pagination-banner .swiper-pagination-bullet-active{
    width: 20px;
    background: #fff;
    border-radius: 6px;
}

/*首页导航*/
.hotnav {padding: 10px 0;overflow: hidden;}
.hotnav ul {padding: 0 3%;overflow: hidden;}
.hotnav ul li {width: 25%;float: left;padding: 0;overflow: hidden;margin-bottom: 10px;text-align: center;}
.hotnav ul li a {display: block;height: 100%;width: 100%;}
.hotnav ul li .hnavimg {width: 50%;margin:0 auto;}
.hotnav ul li .hnavimg img {max-width: 100%;}
.hotnav ul li p {color: #3d3737;font-size: 14px;line-height: 20px;}




/*关于k8凯发*/
.sect_about {padding:0;overflow: hidden;}
.sect_about .aboutT {padding: 0;overflow: hidden;text-align: center;}
.sect_about .aboutT h3 {color: #211e1c;font-size: 24px;line-height: 55px;border-bottom: 1px solid #1049a0;padding-bottom: 5px;margin-bottom: 5px;text-transform: uppercase;position: relative;}
.sect_about .aboutT h3:after {content: "";width: 56px;height: 9px;background: #3067cb;position: absolute;;left: 50%;margin-left: -28px;bottom: -4px;z-index: 1;}
.sect_about .aboutT p {color: #211e1c;font-size: 18px;line-height: 40px;font-weight: bold;}
.sect_about .num_conts {padding:25px 0;overflow: hidden;}
.sect_about .num_conts .num_cont {width: 33%;float: left;text-align: center;border-right: 1px solid #cecece;}
.sect_about .num_conts .num_cont:last-child {border-right:none;}
.sect_about .num_conts .num_cont p {color: #2e2e2e;font-size: 16px;line-height: 30px;}
.sect_about .num_conts .num_cont h6 ,.sect_about .num_conts .num_cont h6 i{color: #86c328;font-size: 20px;font-weight: bold;font-style: normal;}
.sect_about .aboutconent {padding: 25px 0;overflow: hidden;background: #f6f6f6;}
.sect_about .aboutconent .video {
    overflow: hidden;
    background: #1049a0;
    margin: 0 20px 10px;
    /* display: flex; */
}
.sect_about .aboutconent .video img {max-width: 90%;display: block;}
.sect_about .aboutconent .acontent {padding: 0 20px;overflow: hidden;}
.sect_about .aboutconent .acontent,.sect_about .aboutconent .acontent p {color: #484645;font-size: 15px;line-height: 25px;}

/*产品展示*/
.sect_product {padding:0;overflow: hidden;width: 100%;margin:0 auto;}
/*热门产品*/
.sect_product .hotpro {padding:2rem 0 0;overflow: hidden;
    background: url(/DxMFDSkFUIcnHIEXUR5LNDVOT0WHHOkqJSLqKtMKIukQJyV.jpg) no-repeat right top #f6f6f6;
    background-size: 100% auto;}
.title_2 {padding: 5px 0;overflow: hidden;text-align: center;margin-bottom: 15px;}
.title_2 .t2img {width: 50%;margin:0 auto;}
.title_2 .t2img img {max-width: 100%;}
.title_2 h5 {color: #211e1c;font-size: 18px;line-height: 30px;}
.sect_product .hpro {padding:20px 30px 10px;overflow:hidden;
    /* background: #3067cb url(../img/hotprobg.jpg) no-repeat; */
    background-color: #f8f8f8;
    background-size: 100% 82%;
    color: #3067cb;
}


.sect_product .hpro .swiper-slide {width: 100%;}
.sect_product .hotbox {width: 100%;padding: 0;overflow: hidden;}
.sect_product .hotbox a {display: block;width: 100%;height: 100%;}
.sect_product .hotbox .icon {width: 100%!important;height: 100%;overflow: hidden;background: #3067cb;}
.sect_product .hotbox .hotcon {padding: 10px 0;overflow: hidden;}
.sect_product .hotbox .hotcon .htit {padding: 0 0 10px;border-bottom: 1px solid #3067cb;position: relative;height: 60px;margin-bottom: 15px;}
.sect_product .hotbox .hotcon .htit:after {content: "";width: 56px;height: 7px;background: #3067cb;position: absolute;left: 0;bottom: -3px;z-index: 1;}
.sect_product .hotbox .htit h6 {color: #fff;font-size: 47px;line-height: 60px;font-weight: bold;text-transform: uppercase;position: absolute;z-index: 1;opacity: 0.2;} 
.sect_product .hotbox .htit h3 {color: #3067cb;font-size: 26px;line-height: 60px;position: absolute;z-index: 2;}
.sect_product .hotbox .hotcon p {color: #000000;font-size: 14px;line-height: 25px;}
.sect_product .hotbox .hotcon .hmore{padding: 0;overflow: hidden;margin:10px auto;text-align: center;
    max-width: 170px;
    line-height: 35px;
    background: #3067cb;color: #fff;font-size: 16px;}
.sect_product .hotbox .hotcon .hmore i {display: inline-block;width: 25px;height: 50px;background: url(/DxMFDSkFUIcnHIEXUR5LNDVOT0WHHOkqJSLqJ15OU0WqHj.jpg) no-repeat center;vertical-align: middle;margin-left: 12px;}
.hpro .phot {width: 120px;left: 50%;margin-left: -60px;}
.hpro .swiper-pagination-bullet {background: #fff;margin:0 5px;opacity: 0.5;}
.hpro .swiper-pagination-bullet-active {opacity:1;}
/*产品列表*/
.sect_product .pro2f {padding: 2rem 0 0;overflow: hidden;background: url(/DxMFDSkFUIcnHIEXUR5LNDVOT0WHHOkqJSLqKtqKIukMESV.jpg) no-repeat top center #e1e1e1;}
.sect_product .pro2f .title_2 h5 {color: #000;}
.sect_product .pro2f .pnav {padding: 0;overflow: hidden;}
.sect_product .pro2f .pnav li {width: 33%;float: left;background: url(/DxMFDSkFUIcnHIEXUR5LNDVOT0WHHOkqJSLqD1cHE1OHTxIsID.jpg) no-repeat;background-size: 100% 100%;line-height: 40px;margin-bottom: 5px;transition: all 0.3s;}
.sect_product .pro2f .pnav li a {display: block;padding: 0 10px;overflow: hidden;color: #373030;font-size: 14px;text-align: center;}
.sect_product .pro2f .pnav li i {display: inline-block;width: 12px;height: 40px;background: url(/DxMFDSkFUIcnHIEXUR5LNDVOT0WHHOkqJSLqD0MnH1HPTxIsID.jpg) no-repeat left center;background-size:contain;vertical-align: middle;margin-right: 2px;}
.sect_product .pro2f .pnav li:hover {background: #86c328;}
.ywlist .ywitem {padding:0;width: 50%;float: left;overflow: hidden;margin-bottom: 15px;}
.ywlist .ywitem a {display: block;width: 100%;height: 100%;}
.ywlist .ywitem .probox {padding:0;width: 94%;border:1px solid #ddd;margin:0 auto;}
.ywlist .ywitem .probox .icon {width:100%;height: 100%;padding:0;overflow: hidden;background: none;border:none;position: relative;}
.ywlist .ywitem .probox .icon img {width: 100%;height: 100%;object-fit: cover;}
.ywlist .ywitem .probox .probg {padding: 0;overflow: hidden;background: url(/DxMFDSkFUIcnHIEXUR5LNDVOT0WHHOkqJSLqD0MnH1HqESgJ.jpg) no-repeat bottom center;background-size: 100% auto;position: absolute;left: 0;right: 0;top:0;bottom: 0;z-index: 1;}
.ywlist .ywitem .pcon {padding:10px 3px;overflow: hidden;background: #fff;}
.ywlist .ywitem .pcon h2 {color: #4a3a3a;font-size: 14px;line-height: 30px;font-weight: normal;width: 60%;}
.ywlist .ywitem .pcon p {color: #3a3a38;font-size: 14px;line-height: 30px;text-transform: uppercase;width: 40%;text-align: right;}
.ywlist .ywitem .pcon p i {display: inline-block;width: 10px;height: 30px;background: url(/DxMFDSkFUIcnHIEXUR5LNDVOT0WHHOkqJSLqJ15OU0WqHj.jpg) no-repeat center;background-size:contain;vertical-align: middle;margin-left: 2px;}

/*优势*/
.sect_ys {padding: 0;overflow: hidden;}
.sect_ys .ysimg {padding: 0;overflow: hidden;}
.sect_ys .ysimg img {width: 100%;max-width: 100%;display: block;}
.sect_ys .yslist {padding:20px 0;overflow: hidden;background: #f8f8f8;}
.sect_ys .yslist .ysitem {width: 46%;margin:0 2% 10px;float: left;text-align: center;} 
.sect_ys .yslist .ysitem .yspic {width: 32%;margin:0 auto 5px;}
.sect_ys .yslist .ysitem .yspic img {max-width: 100%;}
.sect_ys .yslist .ysitem h4 {color: #070707;font-size: 17px;line-height: 30px;}
.sect_ys .yslist .ysitem p {color: #828282;font-size: 14px;line-height: 20px;min-height: 60px;}

/*案例展示*/
.sect_case {padding: 2rem 0 0;overflow: hidden;}
.sect_case .title_2 h5{color: #000;}
.caselist {padding:0;overflow: hidden;}
.caselist .caseitem {width: 50%;padding: 0;overflow: hidden;margin-bottom: 20px;float: left;}
.caselist .casebox {width: 94%;margin:0 auto;padding: 0;overflow: hidden;}
.caselist .casebox a {display: block;width: 100%;height: 100%;}
.caselist .casebox .icon {width:100%;height: 100%;padding:0;overflow: hidden;background: none;border:none;}
.caselist .casebox .icon img {width: 100%;height: 100%;object-fit: cover;}
.caselist .casebox h3 {color: #242424;font-size: 14px;line-height: 35px;margin: 0 auto;background: #eee;text-align: center;}
.caselist .casebox:hover img {transition: 1s;
	transform:scale(1.2,1.2); 
	-ms-transform:scale(1.2,1.2);   	
	-moz-transform:scale(1.2,1.2);  	
	-webkit-transform:scale(1.2,1.2);   
	-o-transform:scale(1.2,1.2);}

/*新闻*/
.sect_news {padding: 1rem 0;overflow: hidden;background: #fff;}
.title_3 {padding: 0;overflow: hidden;background: url(/DxMFDSkFUIcnHIEXUR5LNDVOT0WHHOkqJSLqE11ONyOHTxIsID.jpg) no-repeat center;background-size: 100% auto;margin-bottom: 10px;}
.title_3 a {display: block;width: 100%;height: 100%;}
.title_3 h2 {color: #fff;font-size: 16px;line-height: 40px;padding-left: 12%;}

/*行业动态*/
.hydt {padding:0;overflow: hidden;margin-bottom: 20px;}
.hylist {padding:0;overflow: hidden;}
.hylist li {padding:10px 5px;overflow: hidden;margin-bottom: 10px;border-bottom: 1px dashed #9c9c9c;}
.hylist li .hybox {padding: 0;overflow: hidden;}
.hylist li .hybox .hytit {color: #3f3f3f;font-size: 16px;line-height: 30px;}
.hylist li .hybox p.hycon {color: #808080;font-size: 12px;line-height: 20px;} 
.hylist li:hover {background: #86c328;}
.hylist li:hover h2,.hylist li:hover .hybox .hytit,.hylist li:hover span,.hylist li:hover .hybox .hycon {color: #fff;}

/*常见问题*/
.quelist {padding: 0;overflow:hidden;}
.quelist .queitem {padding: 0;overflow: hidden;}
.quelist .queitem a {display: block;width: 100%;height: 100%;}
.quelist .queitem h3 {padding: 5px 0 8px;overflow: hidden;border-bottom: 1px dashed #dadada;color: #292929;font-size: 16px;line-height: 25px;margin-bottom: 5px;}
.quelist .queitem h3 i {display: inline-block;color: #fff;font-size: 12px;padding: 0 7px;background: #3067cb;font-style: normal;line-height: 25px;margin-right: 10px;}
.quelist .queitem p {padding:0;overflow: hidden;color: #292929;font-size: 12px;line-height: 20px;}
.quelist .queitem p i {display: inline-block;color: #fff;font-size: 12px;padding: 0 7px;background: #86c328;font-style: normal;line-height: 25px;margin-right: 10px;}

/*新闻*/
.news-brow{padding: 1rem 0;overflow: hidden;}
.ul-news {padding: 0 20px;overflow: hidden;}
.ul-news li {padding: 10px 0;overflow: hidden;border-bottom: 1px solid #c9c9c9;}
.ul-news li h2 {color:#4b4b4b;font-size: 16px;line-height: 40px;}
.ul-news li .xwcon {padding: 5px 0;overflow: hidden;}
.ul-news li .xwcon p {width:calc(100% - 110px);float: left;color: #929090;font-size: 14px;line-height: 20px;}
.ul-news li .xwcon span {width: 100px;float: right;display: block;font-size: 14px;color: #929090;text-align: right;}
.ul-news li .nmore {color: #ffb71e;font-size: 12px;line-height: 20px;    text-transform: uppercase; }
.ul-news li:hover h2 {color: #ffb71e;}
.xwmore {padding: 10px 30px;overflow: hidden;background: #ffb71e;margin:5px auto 0;}


@media screen and (max-width:340px){
	.cptj .tjtit span {width: 70%;}
	.pro_list .probox .icon {width:100%;padding:0;overflow: hidden;background: #fff;height: 142px;}
}