html{background: #fff}
body {
    position: relative;
}
/*头部图片*/
.kz-about-banner{width: 100%; height:370px;background: url("/Public/project/images/about/newabout/logo-2.jpg") no-repeat top center; }
.kz-about-banner .kz-about{width:1200px;background: url("/Public/project/images/about/newabout/logo-3.jpg") no-repeat top center;margin: 0 auto;height: 370px;position: relative;
}
.kz-about-tainer .kz-banner-tu{margin-top: 72px;}
.kz-navs{width: 60%;position: absolute;right: 0;top: 80px;}
.kz-navs ul li{text-align: center;font-size: 18px;float: left;padding-left: 70px}
.kz-navs ul li a{color: #fff}
.kz-navs ul li a:hover{color: var(--main-theme-color)}


/*导航条*/
.kz-section-min{width:100%;}
.kz-nav-hang1{height: 60px;background: url(/Public/project/images/about/newabout/banner_04.jpg);box-shadow: 3px 3px 3px #ccc}
.kz-nav-hang{width: 1200px;margin: 0 auto;}
.kz-nav-hang ul{width: 100%; padding: 7px 0 7px 305px;}
.kz-nav-hang ul li{text-align: center;margin-left: 60px;}
.kz-nav-hang ul li a{color: #162142;font-size: 18px;}
.kz-nav-hang ul li a:hover{color: var(--main-theme-color)}
.kz-nav-hang ul li:first-child { margin-left: 0; }

.nav>li>a:focus, .nav>li>a:hover{background: none!important;}

/*导航条内容*/
.floor-wraps{width: 1200px;margin: 0 auto;position: relative}
.kz-about-p{text-align: center;color: #5c647b;padding-top: 30px;}
.kz-about-p p{padding-top: 14px;font-size: 16px;}
.containers{margin-top: 44px;padding: 0 100px;}
.containers p { border: 1px solid var(--main-theme-color); border-radius: 50%; width: 100px; height: 100px; border-radius: 50%; border-radius: 50%; line-height: 100px; margin: 0 auto 15px; }
.containers i { font-size: 50px; display: block; color: var(--main-theme-color); }
.containers span { font-size: 18px; color: var(--main-theme-color); }
.containers div{text-align: center}
.containers div img{margin: 0 auto}
.containers div h6{padding-top: 16px;font-size: 18px;color: var(--main-theme-color)}
.kz-biaoti{width: 100%;padding-top: 56px;text-align: center}
.kz-biaoti p{padding-top: 14px;color: #676e84;font-size: 16px;}
.kz-banners{width: 100%;height: 517px;background: url("/Public/project/images/about/newabout/banner_08.jpg") no-repeat top center}
.kz-banners-imgs{width:1200px;height: 517px;margin :0 auto;background: url("/Public/project/images/about/newabout/banner_08_1.jpg")}
/*公司高管*/
.kz-senior{width: 100%;}
.kz-kz-senior-imgs{width: 1200px;margin: 0 auto;}
.kz-senior-data{margin-top: 60px;height: 932px;}

.kz-senior-data div{text-align: center;position: relative;color: #343e5a;background: #f7f7f7}
.kz-senior-data div h5{padding-top: 30px;font-size: 20px;font-weight: bold}
.kz-senior-data div h6{font-size: 20px;padding-top: 10px; padding-bottom: 26px;font-weight: bold}
.kz-senior-data div p{font-size: 15px;}
.kz-senior-li{width: 600px;height: 310px;background: #fff;transition:background-color 0.3s linear;}
.kz-senior-li img{width: 100%}
.kz-senior-lis{width: 300px;height: 310px;float: left;background: #fff;transition:background-color 0.3s linear;}
.kz-senior-lis img{width: 100%}
.kz-biaoqian{display:block;width: 42px;height:2px;background-color: #323c59;margin: 16px auto;position: static}

.kz-triangle1{position: absolute; top: -50%;margin-top: 10px;left: -20px;z-index: 100;width: 0;height: 0;display: none; border-top: 10px solid transparent;border-right: 20px solid var(--main-theme-color);border-bottom: 10px solid transparent;background: none!important;}
.kz-triangle2{position: absolute;z-index: 100;top: -50%; margin-top: 10px;left: -20px;display: none;background: none!important;
    width: 0;height: 0;border-top: 10px solid transparent;border-right: 20px solid var(--main-theme-color);border-bottom: 10px solid transparent;}
.kz-triangle3{position: absolute;background: none!important;top: -40%;margin-top: 10px;left: -20px;z-index: 100;width: 0;display: none;height: 0;border-top: 10px solid transparent;border-right: 20px solid var(--main-theme-color);border-bottom: 10px solid transparent;}
.kz-triangle4{ position: absolute;background: none!important;top: -40%;z-index: 100;margin-top: 10px;display: none;left: 300px;border-top: 10px solid transparent; width: 0;height: 0;border-left: 20px solid var(--main-theme-color);border-bottom: 10px solid transparent;}

.kz-triangle5{position: absolute; top: -40%; z-index: 100;background: none!important;margin-top: 10px;right: -300px;display: none;width: 0;height: 0;border-top: 10px solid transparent;border-left: 20px solid var(--main-theme-color);border-bottom: 10px solid transparent;}
.kz-senior-li:hover{ background: var(--main-theme-color);display: block;color: #fff}
.kz-senior-lis:hover{background: var(--main-theme-color);display: block;color: #fff}

/*发展历程*/
.kz-development{width: 100%;padding-top: 26px;position: relative;height: 2070px;clear: both;}
.kz-lefts{width: 49%;float: left; padding-left: 15px;}
.kz-lefts div{padding-top: 18px;padding-bottom: 79px;}
.kz-rights{float: right;width: 48%; padding-right: 15px;}
.divs{padding-top: 178px;padding-bottom: 16px;}
.kz-development-postion{position: absolute;left: 50.3%;top: 26px;margin-left: -48px;}
.kz-development-postion img{width: 100%}
/*投资*/
.kz-investment{width:100%;clear: left;background: #f7f7f7;text-align: center;background: #fff}

/*合作伙伴*/
.kz-cooperation{width: 100%;}
.kz-trademark{padding-bottom: 78px;}
.kz-trademark ul{width: 900px;margin: 0 auto;}
.kz-uls{ height: 110px;}
.kz-uls li{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;width: 140px;height: 110px;float: left}
.uls{height: 129px}
.uls li{border-right: 1px solid #ccc;width: 140px;height: 129px;float: left}
.kz-Elegant{padding-top: 40px;padding-bottom: 110px;}
.kz-Elegant ul{height: 539px;}
.kz-Elegant ul li{float:left;margin:0 4px;width: 273px;height: 539px;}
.img1{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img1.jpg") no-repeat}
.img2{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img2.jpg") no-repeat}
.img3{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img3.jpg") no-repeat}
.img4{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img4.jpg") no-repeat}
.img5{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img5.jpg") no-repeat}
.img6{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img6.jpg") no-repeat}
.img7{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img7.jpg") no-repeat}
.img8{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img8.jpg") no-repeat}
.img9{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img9.jpg") no-repeat}
.img10{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img10.jpg") no-repeat}
.img11{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img11.jpg") no-repeat}
.img1:hover{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img_1.jpg") no-repeat}
.img2:hover{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img_2.jpg") no-repeat}
.img3:hover{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img_3.jpg") no-repeat}
.img4:hover{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img_4.jpg") no-repeat}
.img5:hover{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img_5.jpg") no-repeat}
.img6:hover{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img_6.jpg") no-repeat}
.img7:hover{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img_7.jpg") no-repeat}
.img8:hover{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img_8.jpg") no-repeat}
.img9:hover{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img_9.jpg") no-repeat}
.img10:hover{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img_10.jpg") no-repeat}
.img11:hover{transition: background 0.5s;background: url("/Public/project/images/about/newabout/img_11.jpg") no-repeat}
/*企业文化*/
.ban1{transition: background 0.5s;background: url("/Public/project/images/about/newabout/banner_24.jpg") no-repeat top center}
.ban2{transition: background 0.5s;background: url("/Public/project/images/about/newabout/banner_24_03.jpg") no-repeat top center}
.ban3{transition: background 0.5s;background: url("/Public/project/images/about/newabout/banner_24_01.jpg") no-repeat top center}
.ban4{transition: background 0.5s;background: url("/Public/project/images/about/newabout/banner_24_02.jpg") no-repeat top center}
.ban1{transition: background 0.5s;background: url("/Public/project/images/about/newabout/banner_24.jpg") no-repeat top center}
/*联系我们*/
.kz-kefu{padding-top: 150px;position: relative;padding-bottom: 90px;}
.kz-kefu p{padding-top: 36px;}
.kz-kefu p img{float: left;padding-left: 300px}
.kz-kefu p span{padding-left: 16px;line-height: 18px;font-size: 16px;color: #3c4560}
.kz-hello{position: absolute;right: 350px;top: 126px;}
.kz-map{width: 1200px;}
.kz-map img{width: 100%}

/*尾部*/
.kz-footer{width: 100%; min-width:1200px; background: #2e3855;text-align: center}
.kz-address{padding: 30px 0;}
.kz-address p{padding-top: 8px; color: #b9bcc6;font-size: 16px;}



/*公用*/
.add{width:100%;position: fixed;top:0;left: 0;z-index: 99;background: url(/Public/project/images/about/newabout/banner_04.jpg);box-shadow: 3px 3px 3px #ccc;}
.kz-about-me{text-align: center;font-size: 20px;font-weight: bold;color: #162142}
.kz-about-me p{width: 66px;height: 1px;background: #162142;margin: 18px auto}
.tops{margin-top: 94px;}
.md h4{font-size: 40px; color: #162142}
.md p{font-size: 18px;color: #2e3855}
.white{background: #fff}
.active{border-bottom: 3px solid var(--main-theme-color);}
.active a{color: var(--main-theme-color)!important;}
.kz-nav-hang ul li{background: none!important;}
li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background-color:#f7f7f7!important;}
.shu{height: 3px;width: 100px;background-color: var(--main-theme-color);position: absolute;bottom: -4px;left: 2px;display: block;}
.shows{display: block!important;}