@charset "utf-8";
/*
dz--CSS-xiaohei-qq:290948585-mbkfw.com-20210221
*/
*{/* touch-action: pan-y; */}

body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	
}
i,em{font-style: normal;}
img{vertical-align:middle;}



.html5plus .html5plus-hide {  display: none  }
.c-white{color: #fff !important;}
/*清浮动*/
.clearfix:after{clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden;}
.clearfix{zoom: 1;}
.bai-bg,.kzui-bf{background:#ffffff;background-position: 100% 50%;animation: skeleton-loading 1.4s ease infinite;}
.kzui-flex{display:flex;}
.kzui-fl{float:left !important;}
.kzui-fr{float:right !important;}
.kzui-mr-15{margin-right:15px;}
.kzui-wrap{width:100%;}
.kzui-no-border{border:none !important;}
.kzui-common-text{line-height:2.2em;}
.kzui-common-padding{padding:10px;}
.kzui-show{display:block !important;}
.kzui-hide{display:none !important;}
.kzui-text{line-height:1.8em;}
.kzui-primary-txt{color:#3388FF !important;}
.kzui-danger-txt{color:#EF4F4F !important;}
.kzui-text-center{text-align:center !important;}
.kzui-click{}
.kzui-click:active{background-color:#ECECEC;}
.kzui-txt{width: 80px;font-size:14px;height:44px;line-height:44px;}
.kzui-txt span{width: 50px;font-size: 14px;color: #ffffff;}
.kzui-line-40{height:40px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}

.margin5{margin:5px !important;}
.margin10{margin:10px !important;}
.margin15{margin:15px !important;}
.margin20{margin:20px !important;}
.margin30{margin:30px !important;}
.margin40{margin:40px !important;}
.margin50{margin:50px !important;}

.margin-top-0{margin-top:0px !important;}

.padding-t-10{padding-top:10px !important;}
.padding-t-20{padding-top:20px !important;}
.padding-t-30{padding-top:30px !important;}
.padding-t-40{padding-top:40px !important;}
.padding-t-50{padding-top:50px !important;}
.padding-t-60{padding-top:60px !important;}
.padding-t-70{padding-top:70px !important;}
.padding-t-80{padding-top:80px !important;}


.main {background:#FFFFFF;clear:both;}




/* 通用标题 */
.kzui-title{width:100%; height:44px; line-height:44px; font-size:17px; padding:0px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.kzui-more{float:right; font-size:12px; color:#999999;}
.kzui-more a{font-size:13px; color:#999999;}
.kzui-common-more{text-align:center;margin-bottom: 15px;height:30px;line-height:30px;padding-top: 20px;padding-bottom:20px;}
.kzui-common-more a{border:1px solid #ECECEC;padding: 3px 30px;background: #ffffff;}

/* 居中的标题 */
.kzui-center-title{width:100%; margin-bottom:10px;}
.kzui-center-title h1{width:50%; margin:0 auto; text-align:center; border-bottom:1px solid #E3E3E3; height:50px; line-height:50px; font-size:17px; overflow:hidden; font-weight:400;}

/* 带有修饰的通用标题 */
.kzui-common-title{width:100%; height:44px; display:flex; justify-content:center;}
.kzui-common-title-txt{width: 100%;text-align:center;line-height:44px;font-size:16px;font-weight: bold; position:relative}
.kzui-common-title-txt:after{content: ''; position: absolute; z-index: 0; bottom: 2px; left: 50%; width: 30px; margin-left: -15px; background: #D80A1C; height: 3px; border-radius: 5px;}
.kzui-common-title-line{/* width:15%; *//* margin:0 3%; *//* height:1px; *//* background: #cccccc; *//* margin-top:21px; */}
.footts .kzui-common-title-txt{font-size:14px;color:#9a9a9a;font-weight:normal}

/* 文本 */

.btns-green,.btns-blue,.btns-orange,.btns-black {background:#FFFFFF;font-size:14PX;width:100%;line-height:35px;border-radius:5px;text-align:center;-webkit-appearance:none;}
.btns-green {border:#1AAD19 1px solid;color:#1AAD19;}
.btns-blue {border: #D80A1C 1px solid;color: #D80A1C;}
.btns-orange {border:#FF8800 1px solid;color:#FF8800;}
.btns-black {border:#444444 1px solid;}
.kzui-list{background:#fff;}
.kzui-list-text{line-height: 39px;height: 39px;width: 94%;padding: 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;justify-content:space-between;}
.kzui-list-text span{color: #777777;}
.kzui-list-text-content{width:100%; white-space:nowrap; text-overflow:ellipsis;}

/*标选*/
.kzui-palace{position: relative;overflow: hidden;z-index:1;margin-top: -75px;}
.kzui-palace .palace-xb{width: 100%;/* margin: 0 3% 0; *//* background: #ffffff; *//* padding: 1rem 1% 20px; *//* border-radius: 5px; *//* background-position: 100% 50%; *//* animation: skeleton-loading 1.4s ease infinite; */}
.kzui-palace-grid{position: relative; float: left; padding: 1px; width: 20%; box-sizing: border-box;}
.kzui-palace-grid-icon{width: 46px;height: 46px;line-height: 46px;margin: 0 auto;position: relative;text-align:center;background-color: var(--color-primary);border-radius: var(--radius);/* background: #D80A1C; */background-image: linear-gradient(to bottom,#FFA56A, #FE5F48);border-radius: 30%;/* background: url(img/wap-dl-inco.png) no-repeat; */background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}

.kzui-palace i.yun{color: #ffffff;font-size: 22px;/* display: none; */}
.kzui-palace .kzui-icon-txt{font-size: 1.4rem;font-weight:bold;color: #FFFFFF;display: none;}
.kzui-palace-grid-icon.bx-1{background-image: linear-gradient(to bottom,#FFA56A, #FE5F48);}
.kzui-palace-grid-icon.bx-2{background-image: linear-gradient(to bottom,#70B3FF, #4383F8);}
.kzui-palace-grid-icon.bx-3{background-image: linear-gradient(to bottom,#FFDE2E, #FEA20A);}
.kzui-palace-grid-icon.bx-4{background-image: linear-gradient(to bottom,#929DFF, #4B61F6);}
.kzui-palace-grid-icon.bx-5{background-image: linear-gradient(to bottom,#FFA369, #FF5B4C);}
.kzui-palace-grid-icon.bx-6{background-image: linear-gradient(to bottom,#8FD1FB, #2BA7FF);}
.kzui-palace-grid-icon.bx-7{background-image: linear-gradient(to bottom,#6FEDC8, #23D0A7);}
.kzui-palace-grid-icon.bx-8{background-image: linear-gradient(to bottom,#FFA56A, #FE5F48);}
.kzui-palace-grid-icon.bx-9{background-image: linear-gradient(to bottom,#FFA56A, #FE5F48);}
.kzui-palace-grid-icon.bx-10{background-image: linear-gradient(to bottom,#FFA56A, #FE5F48);}
/*
.kzui-palace-grid-icon.bx-1{background: #F44336;background-image: -moz-radial-gradient(#c3b215, #F44336);background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(#c3b215), to(#F44336));background-image: -webkit-radial-gradient(#c3b215, #F44336);background-image: linear-gradient(to bottom,#FCF2E5, #FFF0E8);}
.kzui-palace-grid-icon.bx-2{background: #E91E63;background-image: -moz-radial-gradient(#d08067, #E91E63);background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(#d08067), to(#E91E63)); background-image: -webkit-radial-gradient(#d08067, #E91E63);background-image: radial-gradient(#d08067, #E91E63);}
.kzui-palace-grid-icon.bx-3{background: #9C27B0;background-image: -moz-radial-gradient(#cc6edc, #9C27B0);background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(#cc6edc), to(#9C27B0));background-image: -webkit-radial-gradient(#cc6edc, #9C27B0);background-image: radial-gradient(#cc6edc, #9C27B0)}
.kzui-palace-grid-icon.bx-4{background: #673AB7;background-image: -moz-radial-gradient(#a187d2, #673AB7);background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(#a187d2), to(#673AB7));background-image: -webkit-radial-gradient(#a187d2, #673AB7);background-image: radial-gradient(#a187d2, #673AB7);}
.kzui-palace-grid-icon.bx-5{background: #E91E63;background-image: -moz-radial-gradient(#d08067, #E91E63);background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(#d08067), to(#E91E63));background-image: -webkit-radial-gradient(#d08067, #E91E63);background-image: radial-gradient(#d08067, #E91E63);}
.kzui-palace-grid-icon.bx-6{background: #2196F3;background-image: -moz-radial-gradient(#43a4f1, #2196F3);background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(#43a4f1), to(#2196F3)); background-image: -webkit-radial-gradient(#43a4f1, #2196F3); background-image: radial-gradient(#43a4f1, #2196F3);}
.kzui-palace-grid-icon.bx-7{background: #03A9F4;background-image: -moz-radial-gradient(#39b5ec, #03A9F4);background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(#39b5ec), to(#03A9F4)); background-image: -webkit-radial-gradient(#39b5ec, #03A9F4);background-image: radial-gradient(#39b5ec, #03A9F4);}
.kzui-palace-grid-icon.bx-8{background: #00BCD4;background-image: -moz-radial-gradient(#1ed0e6, #00BCD4);background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(#1ed0e6), to(#00BCD4)); background-image: -webkit-radial-gradient(#1ed0e6, #00BCD4); background-image: radial-gradient(#1ed0e6, #00BCD4);}
.kzui-palace-grid-icon.bx-9{background: #009688;background-image: -moz-radial-gradient(#06c1b0, #009688);background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(#06c1b0), to(#009688));background-image: -webkit-radial-gradient(#06c1b0, #009688);background-image: radial-gradient(#06c1b0, #009688);}
.kzui-palace-grid-icon.bx-10{background: #4CAF50;background-image: -moz-radial-gradient(#59d45e, #4CAF50); background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(#59d45e), to(#4CAF50));background-image: -webkit-radial-gradient(#59d45e, #4CAF50);background-image: radial-gradient(#59d45e, #4CAF50);}
*/

.kzui-palace-grid-icon span{color:#ffffff;text-align:center;margin-top: 14px;}
.kzui-palace-grid-icon .kzui-tag{background: #fc8020; color: #fff; font-size: 0.6rem; border-radius: 15px 15px 15px 0; position: absolute; right: -18px; top: -5px; padding: 0 0.3rem;}
.kzui-palace-grid-icon img{display: block; width: 100%; height: 100%; border: none;}
.kzui-palace-grid-text{display: block;text-align: center;color: #333;font-size: 0.8rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-top: 0.3rem;padding-bottom: 0.4rem;background-color: var(--color-primary);border-radius: var(--radius);background: none;}
.kzui-palace-grid-text h2{font-size: 0.8rem;font-weight: normal;color: #5a5a5a; margin-top:0px;}

.kzui-palace .kzui-swiper{width: 92%; margin: 0 3% 0; background: #ffffff; padding: 1rem 1% 20px; border-radius: 5px; background-position: 100% 50%; animation: skeleton-loading 1.4s ease infinite;}
.kzui-palace .kzui-swiper .swiper-pagination{bottom: 5px !important;}
.kzui-palace .swiper-container{/*padding-bottom:5px;*/}
.kzui-palace .kzui-swiper .swiper-pagination-bullet{background: #ffc8c8;width:10px;height:5px;border-radius: 20px;opacity:1;}
.kzui-palace .kzui-swiper .swiper-pagination-bullet-active{background:#CC0000;width: 20px;}

/* scroll news */
.kzui-scroll-news{height:28px;line-height:28px;margin:5px 10px;overflow: hidden;/* width: 300px; */}
.kzui-scroll-news-items{width: 100%;height:28px;line-height:28px;/* white-space:nowrap; *//* text-overflow:ellipsis; *//* overflow:scroll; */}
.kzui-scroll-news-items > a{display:block; overflow:hidden; line-height:28px; white-space:nowrap; text-overflow:ellipsis;font-size:0.9rem}
.kzui-scroll-news-h0{animation:kzui-scroll-news-h0 600ms linear forwards; -webkit-animation:kzui-scroll-news-h0 600ms linear forwards; -moz-animation:kzui-scroll-news-h0 600ms forwards linear; -o-animation:kzui-scroll-news-h0 600ms forwards linear;}

.index-bar{background: none;border-bottom: 0px !important;}
.index-bar.current{border-bottom:1px solid #ededed !important;background: #fff;}
.index-bar.current .cover{width:100%;height:48px;top: 0;left: 0;background: #fff;}
.tui-ba{position:relative;background: #fff;}
.index-bar .setting{width: 30px; height: 30px; line-height:30px; position: relative; z-index: 2; border-radius: 50px; display: block; margin-top: 10px; text-align:center; background: #ffffff;}
.index-bar.current a.setting{background:#dddddd}
.index-bar .setting img{padding-top: 6px;width: 18px;height: 18px;}
.index-bar.current .home-bai{display:none}
.index-bar.current .home-hong{display:block}

.tui-ba .circle{width: 100%;height: 50px;background: url(kzuiimg/circle.png) center bottom;background-size: 100%;position: absolute;bottom: -1px;left: 0;z-index: 1;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}

.banner_shouy.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 85px;}
.banner_shouy .swiper-pagination span{width: 5px;height: 5px;overflow: hidden;background: #FFFFFF;border-radius:3px;}
.banner_shouy .swiper-pagination-bullet{opacity: .5;}
.banner_shouy .swiper-pagination span.swiper-pagination-bullet-active{background: #FFFFFF;opacity: 1;width: 10px;height: 5px;}

/*合作公司 更多*/


.box-flex>*, .box-inline-flex>*{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;}
.box-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.list_action_title{padding: 3px 10px 3px;border-radius: 10px;}
.list_action_title .h{background: #fff;height: 37px;line-height: 37px;font-size: 14px;text-align: center;border-radius: 5px;}
.list_action_title .h .ti{color: rgba(0,0,0,.6);font-size: 0.9rem;}




/*我们的案例*/
.case{text-align: center;margin: 1.5rem 0.5rem 0.6rem;overflow: hidden;width: auto;}
.case .title-s{padding-bottom: .3rem;font-size: 16px;line-height: 1.8;color: #333;font-weight: bold;}
.case .title-s a{color: #333;}
.case .title-s span{vertical-align: top;}
.case .desc{padding-bottom: .5rem;font-size: .8rem;color: #94979c;}
.case .case-list{overflow: hidden;margin: 10px 0 0;}
/*
.case .case-list img{margin: 0px 3px; border-radius: 5px;width:100%;float:left;text-align: center;}
*/
.scrolls {width: 100%; overflow: hidden; margin:0 auto;}
.scrolls ul{width: 99%;margin: 0 0 0 1%;overflow-x: scroll;display: -webkit-box;-webkit-overflow-scrolling: touch;}
.scrolls ul::-webkit-scrollbar {width:0;height:0;display: none;  }
.scrolls ul li {border-radius: 3px;position:relative;margin-right:8px;text-align:center;overflow:hidden}
.scrolls ul li img{vertical-align:middle}





/* 首页新闻tab样式 */
.list-tab {padding: 10px;background:#FFFFFF;}
.list-tab ul {border:#444444 1px solid;border-radius: 3px;height: 30px;line-height: 30px;font-size: 14px;text-align:center;display:-moz-box;display:-webkit-box;display:box;}
.list-tab li {border-right:#444444 1px solid;color:#444444;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.list-tab li:last-child {border-right:none;}
.list-tab span {color:#444444;display:block;width:100%;height:100%;}
.list-tab .on {background:#444444;color:#FFFFFF;}
.list-tab .on span {color:#FFFFFF;}