@charset "utf-8";
:root {--color:#033C72}
body {max-width:1920px;margin:0 auto;overflow:hidden}
.head-top .head-contact i,.head-top .head-contact em,.head-top .head-contact a:hover {color:#fff}
#ind .adv-icon .icon-img {overflow:hidden}
#ind .adv-icon .icon-img img {filter:drop-shadow(0px 80px 0px var(--color));transform:translateY(-80px)}
#ind .adv-icon .num {line-height:1.2;margin-bottom:5px}
.advan .advan-icon>i,.advan .advan-icon>em {background-image:url(/uploads/41853/page/p202404071540448a764.png)}
.foot-cate a:hover,.foot-right a:hover,.foot-main a:hover {color:#fff}
.bg11 {padding:30px;background:#3c3b3b}
.pro-detail-content .kche-t114 {background:#bbc9d9}
.pro-detail-content .kche-t114 .kche-t114-title {color:#023c77}
.pro-detail .pro-detail-content .part-title {display:none}
.proapplication-swiper .swiper-container {height:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.proapplication-swiper .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.proapplication-swiper .swiper-slide {height:auto;display:flex;flex-direction:column;flex-shrink:0;width:100%;height:auto;position:relative;transition-property:transform}
.proapplication-materialsflex {display:flex;flex-wrap:wrap;background:#bbc9d9}
.proapplication-materialslef {width:40%;background:var(--color);padding:5px;box-sizing:border-box}
.proapplication-materialsrig {width:60%;box-sizing:border-box;padding:25px 60px;display:flex;align-items:center}
.proapplication-swiper {width:100%;height:100%;position:relative}
.proapplicationpic img {display:block;width:100%}
.proapplication-swiper .swiper-slide p {color:#fff;text-align:center;text-transform:uppercase;font-weight:bold;padding:10px 5px;font-size:20px;line-height:1.4;flex:1;display:flex;align-items:center;justify-content:center}
.proapplication-btn>div {position:absolute;width:36px;height:36px;cursor:pointer;top:50%;margin-top:-36px;color:#fff;z-index:2;display:flex;align-items:center;justify-content:center}
.proapplication-btn>div em {font-size:30px;text-shadow:0 0 4px #000}
.proapplication-btn>div.proapplication-prev {left:5px}
.proapplication-btn>div.proapplication-next {right:5px}
.proapplication-btn>div.proapplication-prev em {transform:rotate(180deg)}
.proapplication-materialstitle {font-size:22px;font-weight:bold;text-transform:uppercase;color:var(--color);border-bottom:3px solid var(--color);line-height:1.4;padding-bottom:10px;margin-bottom:20px}
.proapplication-materialsflex .proapplication-materialsrig p {line-height:2;font-size:18px}
@media (max-width:1470px) {.proapplication-materialsrig {padding:25px 30px}
.proapplication-materialsflex .proapplication-materialsrig p {line-height:1.7;font-size:17px}}
@media (max-width:1024px) {.proapplication-materialsrig {padding:25px}
.proapplication-materialsflex .proapplication-materialsrig p {line-height:1.6;font-size:16px}}
@media (max-width:768px) {.proapplication-materialslef {width:100%}
.proapplication-swiper .swiper-slide p {font-size:16px;padding:8px 5px}
.proapplication-materialsrig {width:100%;padding:20px 15px}
.proapplication-materialstitle {font-size:20px}
.proapplication-materialsflex .proapplication-materialsrig p {line-height:1.6;font-size:16px}}
.kche-t114-procode .kche-t114 .kche-t114-content {align-items:inherit}
.kche-t114-procode .kche-t114 .kche-t114-img {border:none;background:var(--color);border-radius:0;padding:0 0 30px 15px;position:relative;overflow:hidden}
.kche-t114-procode .kche-t114 .kche-t114-img:hover img {transform:scale(1)}
.kche-t114-procode .kche-t114 .kche-t114-img:before {content:'';position:absolute;width:0;height:0;border-width:85px;border-style:solid;border-color:transparent transparent var(--color) var(--color);bottom:0;left:0;z-index:1}
.kche-t114-procode .kche-t114 .kche-t114-img .procodepic {width:100%;height:100%}
.kche-t114-procode .kche-t114 .kche-t114-img .procodepic img {width:100%;height:100%;object-fit:cover}
.kche-t114-procode .procodeline1 {position:absolute;width:0;height:0;border-width:64px;border-style:solid;border-color:transparent transparent #fff #fff;bottom:0;left:0;z-index:2}
.kche-t114-procode .procodeline2 {position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
.kche-t114-procode .procodeline2:before {content:'';height:9px;width:190px;background:#fff;position:absolute;bottom:73.6px;left:-31px;transform:rotate(45deg) skew(45deg);border-radius:0 0 4px 0}
.kche-t114-procode .procodeline2:after {content:'';height:11px;width:calc(100% - 120px);background:#fff;position:absolute;bottom:6px;right:-10px}
.kche-t114-procode .kche-t114 .kche-t114-info {padding:20px 20px 20px 0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
@media (max-width:1080px) {.kche-t114-procode .kche-t114 .kche-t114-img {padding:0 0 16px 8px}
.kche-t114-procode .kche-t114 .kche-t114-img:before {border-width:65px}
.kche-t114-procode .procodeline1 {border-width:54px}
.kche-t114-procode .procodeline2:before {height:4px;width:166px;bottom:63px;left:-30px;border-radius:0 0 4px 0}
.kche-t114-procode .procodeline2:after {height:4px;width:calc(100% - 100px);bottom:5px;right:-10px}}
@media (max-width:768px) {.kche-t114-procode .kche-t114 .kche-t114-info {padding:20px 15px}
.kche-t114-procode .kche-t114 .kche-t114-img {margin-bottom:0}
.kche-t114-procode .kche-t114 .kche-t114-img:before,.kche-t114-procode .procodeline1 {display:none}
.kche-t114-procode .procodeline2:before {display:none}
.kche-t114-procode .procodeline2:after {width:100%;right:0}}
.kche-t114 .kche-t114-info.kche-t114-info-add .kche-t114-into {width:100%;margin:10px 0 0;max-width:580px}
.kche-t114 .kche-t114-info.kche-t114-info-add .kche-t114-title >span {margin-top:5px;display:inline-block}
.pro-detail-content .kche-t80>.kche-template-item>h5,.pro-detail-content .kche-t114 .kche-t114-title {text-transform:uppercase}
.pro-detail .pro-detail-top {display:flex;flex-direction:column-reverse}
.pro-detail .pro-detail-top .pro-info .pro-name {position:relative;background:#9f9f9f;margin:0;color:#fff;text-transform:uppercase;padding:10px}
@media (min-width:769px) {.pro-detail .preview-container .small-box,.singglepic {height:auto}}
.singglepic img {height:100%;width:100%;object-fit:contain}
@media (max-width:768px) {.singglepic {padding:0;height:auto}
.singglepic img {position:static}
.pro-detail .pro-detail-top .pro-info .pro-name {margin-top:20px;font-size:19px;padding:8px}}
.new-main .new-list.list0 .new-img img {height:100%;object-fit:contain}
@media (min-width:1081px) {.head-nav .submenu.nav1 {overflow:inherit}
.submenu.nav1 li {position:relative}
.submenu.nav1 li ul {position:absolute;left:100%;top:0;display:none}
.submenu.nav1 li:hover >ul {display:block}
.submenu.nav1 >li>a {position:relative;padding-right:30px}
.submenu.nav1 >li.navli>a:after {content:'';width:6px;height:6px;border:1px solid #fff;border-left:none;border-bottom:none;transform:rotate(45deg);position:absolute;right:10px;top:21px}}
@media (max-width:1080px) {.submenu.nav1 li ul {padding-left:13px}}
.product-lawy {max-width:1920px;padding:15px;margin:0 auto}
.pros-item {display:flex;flex-wrap:wrap;justify-content:space-between}
.pros-box {width:49%;background:#d5dce6;padding:35px;box-sizing:border-box;margin-bottom:2%;position:relative}
.pros-text h4 {text-align:center;font-size:28px;line-height:1;margin-bottom:20px}
.pros-text p {font-size:18px;text-align:center;line-height:1.5}
.pros-text {max-width:80%;margin:0 auto}
.pros-box:hover .pros-img img {transform:scale(1.02)}
.pros-item a {width:49%;background:#d3dae4;margin-bottom:2%;padding:20px;box-sizing:border-box}
.pros-item a:hover img {transform:scale(1.03)}
@media (max-width:1024px) {#product {margin-bottom:0}
#ind {padding:60px 0px 30px}
.pros-text h4 {font-size:22px}}
@media (max-width:768px) {.pros-text h4 {font-size:18px}}
@media (max-width:768px) {.pros-item a {width:100%}}
#product .main-part {margin-bottom:15px}
.pros-item a {width:24%;background:linear-gradient(to right,#d3dae4,#fff)}
@media (max-width:768px) {.pros-item a {width:100%}}
.document-main .project-list {margin:0}
.document-main .project-list>li {width:24%;border:1px solid #ccc;margin:0 1.3333% 30px 0;padding:10px}
.document-main .project-list>li:nth-child(4n) {margin-right:0}
@media (max-width:1024px) {.document-main .project-list>li {width:32%;margin-right:2%}
.document-main .project-list>li:nth-child(4n) {margin-right:2%}
.document-main .project-list>li:nth-child(3n) {margin-right:0}}
@media (max-width:768px) {.document-main .project-list>li {width:48%;margin-right:4%}
.document-main .project-list>li:nth-child(3n) {margin-right:4%}
.document-main .project-list>li:nth-child(2n) {margin-right:0}
.document-main .project-list .project-name,.document-main .project-list .project-content {padding:0}}
main.knowledge-page .new-main .new-list.list1 .new-img {padding-bottom:40px}
main.knowledge-page .new-main .new-list.list1 .new-item {border:1px solid #ccc}
.home-video {width:100%;margin:0 auto;text-align:center}
@media(max-width:768px) {.home-video iframe {width:100%;height:auto}}
.home-project .l-wrap {display:flex;justify-content:space-between;align-items:center}
.home-project .l-wrap>div {width:50%;text-transform:uppercase}
.htitle {font-size:24px;font-weight:600}
.htext {font-size:16px;margin-top:20px;text-transform:none;color:#555}
.hcontent {padding:1% 0;padding-left:5%}
.home-project:nth-child(2) .hcontent {padding-right:5%;padding-left:0}
.hline {width:100%;height:3px;background:var(--color);margin:10px 0}
.hcontent .more-btn {display:inline-block;margin-top:20px}
@media(max-width:768px) {.home-project .l-wrap {flex-wrap:wrap}
.home-project .l-wrap>div {width:100%}
.htitle {font-size:18px}
.htext {font-size:12px;margin-top:10px}
.hcontent {padding:1% 0}}
.himg img {width:100%}
@media (min-width:769px) {.product-main .pro-list.list1>li {padding:0 10px;margin-bottom:20px}}
.product-main .pro-list.list1 .pro-name {min-height:58px}
.head-top .head-contact ul {display:flex}
.head-top .head-contact ul li {margin-right:12px}
.head-top .head-contact ul li a {margin:0}
@media (min-width:1081px) {.head-nav>ul>li>a {white-space:nowrap}}
@media (max-width:1470px) and (min-width:1081px) {.head-nav>ul>li {margin:0 7px}
.head-main .head-logo img {height:42px}}
.innerprojectnav ul {display:flex;flex-wrap:wrap;margin-bottom:20px}
.innerprojectnav ul li {margin:0 15px 10px 0}
.innerprojectnav ul li a {background:#eee;color:var(--color);display:block;line-height:1.3;padding:8px 25px;border-radius:30px;font-size:17px}
.innerprojectnav ul li.active a,.innerprojectnav ul li:hover a {background:var(--color);color:#fff}
@media (max-width:768px) {.innerprojectnav ul li {margin:0 10px 10px 0}
.innerprojectnav ul li a {font-size:16px;padding:6px 15px}}
.innerknowledgenav ul {display:flex;flex-wrap:wrap;margin-bottom:20px}
.innerknowledgenav ul li {margin:0 15px 10px 0}
.innerknowledgenav ul li a {background:#eee;color:var(--color);display:block;line-height:1.3;padding:8px 25px;border-radius:30px;font-size:17px}
.innerknowledgenav ul li.active a,.innerknowledgenav ul li:hover a {background:var(--color);color:#fff}
@media (max-width:768px) {.innerknowledgenav ul li {margin:0 10px 10px 0}
.innerknowledgenav ul li a {font-size:16px;padding:6px 15px}}
@media (min-width:1081px) {.document-content.projectcontent .kche-t80>.kche-template-item>h5 {font-size:25px}
.document-content.projectcontent .kche-t128 .kche-template-item h5 {font-size:28px}
.document-content.projectcontent article p {font-size:20px}
.kche-t76>a {font-size:18px!important}}
li#liprojects>ul {display:none!important}
li#liInfo>ul {display:none!important}
.new-main .new-list.list1 .new-date {display:none}
@media (min-width:1081px) {.foot-main .foot-item {width:auto;max-width:24%}
.foot-main .l-wrap {justify-content:space-between}}
.foot-cate ul {max-width:100%;display:block}
.foot-cate ul>li {margin-right:0;width:100%}
.foot-contact .con {flex:1}
:root {--color:#033C72}
.home-mySwiper1 {max-width:1600px;margin:50px auto 35px}
.product-span {border:1px solid var(--color);background:var(--color);overflow:hidden;border-radius:5px;cursor:pointer;opacity:0.8}
.product-span p {font-weight:400;font-size:26px;font-family:cursive;color:#fff;line-height:1;text-align:center;padding:4px;box-sizing:border-box;border:1px solid #fff;text-transform:uppercase;padding:15px 0}
.product-title {text-align:center}
.home-mySwiper2 {padding-top:50px;position:relative}
.home-mySwiper2 .swiper-pagination {top:20px;left:46%;transform:translateY(-46%)}
.home-mySwiper2 .swiper-pagination .swiper-pagination-bullet {width:17px;height:17px;border-radius:50%;border:1px solid var(--color);position:relative;box-sizing:border-box;background:0 0;transition:all .3s ease-in-out;margin:0 15px}
.home-mySwiper2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;border:6px solid var(--color)}
.product-next,.product-prev {position:absolute;content:'';top:50%;transform:translateY(-50%);z-index:10;cursor:pointer}
.product-next {left:27px}
.product-prev {right:27px}
.home-mySwiper2 .swiper-slide img {display:block;width:100%}
.product-title h2 {font-weight:600;font-size:34px;color:#000;line-height:1.25;text-shadow:5px 5px 6px #033c728c;text-transform:uppercase}
.product-title p {font-weight:400;font-size:17px;color:#565656;margin-bottom:15px;line-height:1;padding:15px 0}
.home-porduct {padding-top:100px}
.home-prolist {display:flex;justify-content:space-between}
.video-image>img {display:block;width:100%}
.video-image {position:relative}
.video-contant {position:absolute;display:flex;bottom:0;left:20%;transform:translateX(-20%)}
.video-play {padding:30px 77px;display:flex;justify-content:center;align-items:center;background:var(--color);cursor:pointer}
.video-play img {width:100px;height:100px;display:block}
.video-text {padding:19px 150px 20px 25px;background:#033c7291;box-sizing:border-box;display:flex;align-items:center}
.video-text p {font-weight:700;font-size:22px;color:#fff;line-height:1.5}
.home-solution {padding-top:110px}
.solution-item {display:flex;justify-content:space-between;margin-top:60px;flex-direction:row-reverse}
.solution-box {width:49%;display:flex;flex-direction:column}
.solution-box:nth-of-type(1) {background:url(/uploads/41853/kkjx/solution1-back.png) center no-repeat;background-size:cover;text-align:center;padding:35px 5%;box-sizing:border-box}
.solution-box:nth-of-type(2) {background:url(/uploads/41853/kkjx/solution2-back.png) center no-repeat;background-size:cover;text-align:center;padding:35px 5%;box-sizing:border-box}
.solution-box p {font-size:14px;text-align:initial;font-weight:600}
.solution-box:nth-of-type(1) img {max-width:60%;margin:0 auto;transition:all .3s ease-in-out}
.solution-box:nth-of-type(2) img {max-width:40%;margin:0 auto;transition:all .3s ease-in-out}
.solution-box h4 {font-size:22px;text-align:center;margin-bottom:20px;font-family:fantasy;font-weight:200;line-height:1}
.solution-btn {display:flex;justify-content:space-between;align-items:center;max-width:160px;margin:15px auto}
.solution-btn em {transform:rotateY(180deg);font-size:20px;line-height:1;color:var(--color)}
.solution-btn a {padding:6px 20px;line-height:1;display:block;border:1px solid var(--color);border-radius:5px;text-transform:uppercase;font-weight:500;font-family:fantasy;color:var(--color)}
.homenews-list {display:flex;margin-top:50px}
.homenews-left {width:36%}
.homenews-right {flex:1;padding-left:15px;box-sizing:border-box}
.homenews-com {display:flex;border:1px solid #b4b5b9;margin-bottom:12px}
.homenews-box {display:none}
.homenews-img img {width:100%;display:block}
.homenews-table {display:flex;justify-content:space-between;margin-bottom:20px}
.homenews-table div {font-weight:400;font-size:16px;color:#565656;padding:15px;width:32.5%;text-align:center;border:1px solid #b4b5b9;box-sizing:border-box;cursor:pointer}
.home-news {margin-top:110px;margin-bottom:120px}
.homenews-image img {height:150px;display:block;transition:all .3s ease-in-out}
.homenews-tant {padding:15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;flex:1}
.homenews-image {width:22%;overflow:hidden}
.homenews-image:hover img {transform:scale(1.02)}
.homenews-table .active {background:var(--color);color:#fff;border:1px solid var(--color)}
.homenews-img {position:relative}
.homenews-data {position:absolute;left:20px;font-size:var(--fontsize14);padding:5px 10px;color:#fff;background:var(--color);bottom:0}
.homenews-text {padding:15px 20px}
.homenews-tant a,.homenews-text a {font-size:18px;font-weight:600;line-height:1.5;margin-bottom:10px;display:block;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box}
.homenews-tant p:nth-of-type(1) {font-weight:400;font-size:17px;color:#565656;line-height:1;margin-bottom:10px}
.homenews-tant p:nth-of-type(2) {font-size:16px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.video-items {position:fixed;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;background:#000000ad;z-index:999}
.video-x {position:absolute;top:10%;right:10%;font-size:52px;color:#fff;cursor:pointer;line-height:1}
.video-op {display:none}
.solution-box:hover img {transform:scale(1.02)}
.solution-btn a:hover {background:var(--color);color:#fff}
.home-mySwiper1 .swiper-slide-thumb-active .product-span {opacity:1}
.solution-box img {height:244px}
.head-contact ul {display:flex}
.head-top .head-contact ul li {margin-right:12px}
.head-top .head-contact ul li a {margin:0}
.head-top .head-contact i,.head-top .head-contact em,.head-top .head-contact a:hover {color:#fff}
@media (max-width:1620px) {.home-porduct {padding-top:50px}
.home-mySwiper1 {padding:0 50px}
.video-play img {width:70px;height:70px}
.video-text p {font-size:18px}
.product-title h2 {font-size:26px}}
@media (max-width:1366px) {.head-nav>ul>li>a {font-size:14px}
.head-main .head-logo img {max-width:220px}
.product-span p {font-size:20px}
.video-contant {left:18%;transform:translateX(-18%)}
.product-title h2 {font-size:22px}
.solution-box:nth-of-type(1),.solution-box:nth-of-type(2) {padding:30px 3%}
.solution-box h4 {font-size:18px;margin-bottom:10px}
.home-news {margin-top:50px;margin-bottom:80px}
.homenews-tant a,.homenews-text a {font-size:16px;line-height:1}
.homenews-tant p:nth-of-type(1) {font-size:14px}
.homenews-image img {height:auto;width:100%}
.home-solution {padding-top:80px}
.solution-box {justify-content:unset}
.solution-box img {height:201px}}
@media (max-width:1024px) {.product-span p {font-size:16px}
.home-mySwiper1 {margin:25px 0}
.product-span {border-radius:2px}
.home-mySwiper2 {padding-top:30px}
.home-mySwiper2 .swiper-pagination {top:10px}
.home-mySwiper2 .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px}
.home-mySwiper2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {border:2px solid var(--color)}
.product-next,.product-prev {width:30px}
.video-play {padding:20px 60px}
.video-text p {font-size:16px}
.video-play img {width:55px;height:55px}
.home-solution {padding-top:50px}
.solution-item {margin-top:20px}
.product-title h2 {font-size:20px}
.homenews-table div {padding:10px}
.homenews-list {margin-top:25px}
.solution-box img {height:auto}
.solution-box:nth-of-type(1),.solution-box:nth-of-type(2) {padding:30px 2%}
.solution-box h4 {font-size:16px}}
@media (max-width:768px) {.product-title p {font-size:14px}
.home-porduct {padding-top:25px}
.product-span p {font-size:14px}
.home-mySwiper1 {margin:15px 0}
.home-solution {padding-top:25px}
.video-text p {font-size:14px}
.solution-item {flex-wrap:wrap}
.solution-box {width:100%}
.video-play img {width:35px;height:35px}
.homenews-list {flex-wrap:wrap}
.homenews-left {width:100%}
.homenews-right {padding-left:0}}
@media (max-width:500px) {.home-mySwiper1 {padding:0 15px}
.product-span p {padding:10px}
.home-mySwiper2 .swiper-pagination {left:35%;transform:translateY(-35%)}
.product-next,.product-prev {width:20px}
.video-contant {position:unset;width:100%;transform:none}
.video-text {padding:20px;width:100%}
.video-play {padding:20px 30px;width:20%}
.product-title h2 {font-size:18px}
.homenews-image {width:40%}
.homenews-image {width:40%;display:flex;justify-content:center;align-items:center}
.homenews-tant p:nth-of-type(2) {font-size:14px}
.home-news {margin-top:30px;margin-bottom:40px}
.solution-box:nth-of-type(1) {margin-bottom:20px}
.solution-btn {margin:10px auto}
.solution-btn a {font-size:14px}
.video-items iframe {width:416px;height:230px}}
@media(max-width:768px){.product-span p{padding: 2px;font-size: 10px;font-family: inherit;}.solution-box h4{font-family: inherit;}.solution-btn a{font-family: inherit;}}
  .home-news .homenews-image img{width:100%;height:100%;object-fit:cover}
.home-news .homenews-image a{display:inline-block;height:100%}
.product-main .pro-list.list1 .pro-more { background: var(--color);text-transform: capitalize;font-weight: var(--fontbold7);color: #fff;}
.foot-feedback .foot-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.foot-feedback .foot-wrap .item{max-width: 80px;margin-right: 50px}
.foot-feedback .foot-wrap .item .tit{margin-top:10px;text-align: center;}

.home-news{margin-bottom:100px!important}
.home-cert{margin-bottom:100px}
.home-cert .cert-swiper{margin-top:40px;overflow:hidden}
@media (max-width:1366px){.home-news{margin-bottom:60px!important}
.home-cert{margin-bottom:60px}}
@media (max-width:1024px){.home-cert .cert-swiper{margin-top:25px}}
@media (max-width:500px){.home-news{margin-bottom:40px!important}
.home-cert{margin-bottom:40px}
.homenews-text {padding: 10px 0px;}
.homenews-table{flex-wrap: wrap;}
.homenews-table div{width: 50%;}}
.foot-contact .contact-item{align-items: baseline;}