@charset "utf-8";
body{background:#f2f3f6;}
.mbg{background:url(../images/index/bg01.png) no-repeat right 47%;background-size:auto 30%;}
.swiper-mbanner{width:100%;height:960px;position:relative;z-index:99;overflow:hidden;}
.swiper-mbanner .swiper-slide{background:url(../images/index/p01.jpg) no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;font-family:'sanslight';}
.swiper-mbanner .swiper-pagmbanner{width:10px;position:absolute;left:auto;top:45%!important;z-index:999;right:2%!important;text-align:center;}
.swiper-pagmbanner .swiper-pagination-bullet{background:#fff;margin:5px 0!important;opacity:.3;width:6px;height:6px;}
.swiper-pagmbanner .swiper-pagination-bullet-active{opacity:1;width:8px;height:8px;}
.swiper-slide-bannera h2{font-size:22px;font-weight:300;font-family:'sansregular';letter-spacing:3px;}
.swiper-slide-bannera h3{font-size:60px;padding:20px 0 50px;font-family:'sansbold';letter-spacing:7px;}
.swiper-slide-bannera a{display:inline-block;height:60px;line-height:60px;font-size:14px;background:#0ea03b;border-radius:30px;color:#fff;padding:0 60px;transition:.3s;}
.swiper-slide-bannera span{display:inline-block;text-align:left;background:url(../images/ico03.png) no-repeat right center;transition:.3s;padding-right:30px;}
.swiper-slide-bannera a:hover{background:#057b2a;}
.mbanner-butm{width:45px;height:40px;position:absolute;top:65%;z-index:999;right:2%;border-bottom:1px solid #848b95;}
.mbanner-prev{width:15px;height:15px;position:absolute;top:0;left:0;cursor:pointer;background:url(../images/ico05.png) no-repeat center center;}
.mbanner-next{width:15px;height:15px;position:absolute;top:0;right:0;cursor:pointer;background:url(../images/ico04.png) no-repeat center center;}
.mbanner-prev.swiper-button-disabled{background-image:url(../images/ico06.png);}
.mbanner-next.swiper-button-disabled{background-image:url(../images/ico07.png);}
.knx-a{width:95%;max-width:1400px;margin:100px auto 0;background:#fff;display:flex;position:relative;z-index:99;box-shadow:0 3px 5px 3px rgba(0,0,0,.07);}
.knx-aa{width:57%;}
.knx-ab{width:43%;overflow:hidden;}
.knx-ab img{width:100%;transition:.3s;}
.knx-ab:hover img{transform:scale(1.1);}
.knx-aa h2{padding:170px 100px 0 100px;background:url(../images/index/ip01.png) no-repeat 100px 80px;font-size:36px;color:#333;font-family:'sansbold';font-weight:bold;}
.knx-aa p{padding:30px 100px 0 100px;font-size:16px;color:#666;line-height:30px;}
.knx-aa a.more{margin:45px 0 0 100px;font-size:16px;color:#999;display:inline-block;padding-right:30px;background:url(../images/index/ico01.png) no-repeat right center;}
.knx-aa a.more:hover{color:#0ea03b;background-image:url(../images/index/ico03.png);}
.knx-b{width:95%;max-width:1400px;margin:15px auto 0;display:flex;justify-content:space-between;}
.knx-b dl{width:24.3%;height:540px;background:#fff;box-shadow:0 3px 5px 3px rgba(0,0,0,.07);position:relative;transition:.3s;}
.knx-b dl .knx-b-href{display:block;height:100%;}
.knx-b dl dt{height:130px;background:url(../images/index/ip02.png) no-repeat 60px bottom;transition:.3s;}
/*.knx-b dl.knx-b-dl2 dt{background-image:url(../images/index/ip03.png);}
.knx-b dl.knx-b-dl3 dt{background-image:url(../images/index/ip04.png);}*/
.knx-b dl dd{padding:35px 60px 0;font-size:16px;color:#666;transition:.3s;}
.knx-b dl dd h2{font-size:24px;color:#333;padding-bottom:30px;transition:.3s;}
.knx-b dl dd p{line-height:30px;}
.knx-b dl dd .more{display:block;font-size:16px;color:#999;background:url(../images/index/ico01.png) no-repeat right center;position:absolute;left:60px;right:60px;bottom:90px;}
.knx-b dl.knx-b-dl4{background:#0ea03b;height:340px;}
.knx-b dl.knx-b-dl4 dd{height:100%;display:flex;align-items:center;padding-top:0;}
.knx-b dl.knx-b-dl4 dd .more{font-size:24px;color:#fff;background:none;position:static;padding-bottom:40px;border-bottom:2px solid #fff;transition:.3s;}
.knx-b dl.knx-b-dl4 dd .more i{display:block;}
.knx-b dl:hover{background:#0061af;}
/*.knx-b dl.knx-b-dl1:hover dt{background-image:url(../images/index/ip02-on.png);}
.knx-b dl.knx-b-dl2:hover dt{background-image:url(../images/index/ip03-on.png);}
.knx-b dl.knx-b-dl3:hover dt{background-image:url(../images/index/ip04-on.png);}*/
.knx-b dl:hover dd{color:#fff;}
.knx-b dl:hover dd h2{color:#fff;}
.knx-b dl:hover dd .more{color:rgba(255,255,255,.3);background-image:url(../images/index/ico02.png);}
.knx-b dl.knx-b-dl4:hover{background:#057b2a;}
.knx-b dl.knx-b-dl4:hover dd .more{color:#fff;background:none;}
.knx-cbg{margin-top:120px;position:relative;z-index:9;}
.knx-cbg:before{content:"";width:50%;height:100%;background:#fff;position:absolute;left:0;top:0;}
.knx-c{width:95%;max-width:1400px;margin:0 auto;padding:135px 0 180px;font-size:18px;color:#333;position:relative;z-index:99;background:#fff;}
.knx-ca{width:50%;}
.knx-ca-b{font-size:60px;color:#333;font-weight:bold;font-family:'sansbold';padding:20px 0;}
.knx-ca-c{line-height:30px;}
.knx-ca-c p{padding-top:30px;}
.knx-ca-d a{display:inline-block;height:60px;line-height:60px;font-size:14px;background:#0ea03b;border-radius:30px;color:#fff;padding:0 50px;transition:.3s;margin-top:80px;}
.knx-ca-d a span{display:inline-block;text-align:left;background:url(../images/ico03.png) no-repeat right center;transition:.3s;padding-right:30px;}
.knx-ca-d a:hover{background:#057b2a;}
.knx-ca-e{width:40%;position:absolute;right:0;bottom:0;}
.knx-ca-e img{width:100%;}
.knx-dbg{ position:relative; }
.knx-dbg:before{content:"";width:97%;height:100%;background:#0061af;position:absolute;right:0;top:0;}
.knx-d{width:95%;max-width:1400px;margin:0 auto;padding:75px 0;}
.knx-d ul{display:flex;}
.knx-d ul li{font-size:16px;color:#fff;position:relative;width:20%;}
.knx-d ul li:before{content:"";height:100%;width:1px;background:#1a71b7;position:absolute;left:0;top:0;}
.knx-d ul li:nth-child(1):before{display:none;}
.knx-d ul li h2{padding-left:60px;font-size:14px;font-weight:300;}
.knx-d ul li h2 b{font-size:46px;font-weight:bold;font-family:'sansbold';margin-right:5px;}
.knx-d ul li p{padding-left:60px;}
.knx-ebg{position:relative;padding:150px 0 130px;}
.knx-ebg::before{content:"";width:50%;height:100%;background:#fff;position:absolute;right:0;top:0;z-index:9;}
.knx-ebg::after{content:"";width:100%;height:60%;background:#ebebeb;position:absolute;left:0;bottom:0;}
.knx-e{width:95%;max-width:1400px;margin:0 auto;display:flex;position:relative;z-index:99;}
.knx-ea{width:50%;display:flex;}
.knx-eb{width:50%;}
.knx-ea dl{width:50%;height:540px;background:#0ea03b;position:relative;}
.knx-ea dl:nth-child(2){background:#0061af;margin-top:170px;}
.knx-ea dl dt{height:170px;overflow:hidden;}
.knx-ea dl dt img{width:100%;height:100%;transition:.3s;}
.knx-ea dl:hover dt img{transform:scale(1.1);}
.knx-ea dl dd{padding:35px 35px 0;}
.knx-ea dl dd h2 a{font-size:22px;font-family:'sansbold';color:#fff;}
.knx-ea dl dd span{font-size:14px;color:rgba(255,255,255,.5);padding:20px 0;display:inline-block;}
.knx-ea dl dd p{font-size:16px;color:rgba(255,255,255,.5);line-height:26px;}
.knx-ea dl dd a.more{display:block;font-size:14px;color:rgba(255,255,255,.3);background:url(../images/index/ico02.png) no-repeat right center;position:absolute;left:35px;right:35px;bottom:55px;}
.knx-eb ul{padding-left:90px;}
.knx-eb ul li{padding:25px 0;border-top:1px solid #e5e5e5;}
.knx-eb ul li h2 a{font-size:22px;font-family:'sansbold';color:#333;}
.knx-eb ul li h2 a:hover{color:#0ea03b;}
.knx-eb ul li p{font-size:14px;color:#666;padding-top:10px;}
.knx-eb ul li:nth-child(1){padding-top:0;border-top:none;}
.knx-eb .knx-ca-d{padding-left:90px;}
.knx-ca-ph{ display:none; }


@media (max-width:1400px) {
.swiper-mbanner{height:580px;}
.swiper-slide-bannera h3{font-size:40px}
.knx-aa h2{padding:130px 70px 0 70px;background-position:70px 60px;font-size:30px;background-size:auto 40px;}
.knx-aa p{padding:20px 70px 0 70px;font-size:14px;line-height:22px;}
.knx-aa a.more{margin:35px 0 0 70px;font-size:14px;padding-right:20px;background-size:auto 8px;}
.knx-b dl{height:440px;}
.knx-b dl dt{height:110px;background-position:40px bottom;background-size:auto 40px;}
.knx-b dl dd{padding:30px 40px 0;font-size:14px;}
.knx-b dl dd h2{font-size:20px;padding-bottom:20px;}
.knx-b dl dd p{line-height:22px;}
.knx-b dl dd .more{font-size:14px;left:40px;right:40px;bottom:50px;}
.knx-b dl.knx-b-dl4{height:290px;}
.knx-b dl.knx-b-dl4 dd .more{font-size:20px;padding-bottom:30px;}
.knx-cbg{margin-top:10px0px;}
.knx-c{padding:95px 0 140px;font-size:16px;}
.knx-ca-b{font-size:50px;padding:15px 0;}
.knx-ca-c{line-height:22px;}
.knx-ca-c p{padding-top:20px;}
.knx-ca-d a{height:50px;line-height:50px;padding:0 40px;margin-top:70px;}
.knx-ca-d a span{padding-right:20px;}
.knx-ca-e{width:43%;} 
.knx-d{padding:55px 0;}
.knx-d ul li{font-size:14px;}
.knx-d ul li h2{padding-left:40px;}
.knx-d ul li h2 b{font-size:40px;}
.knx-d ul li p{padding-left:40px;}
.knx-ebg{padding:120px 0 100px;}
.knx-ea dl{height:440px;}
.knx-ea dl:nth-child(2){margin-top:150px;}
.knx-ea dl dt{height:150px;}
.knx-ea dl dd{padding:25px 25px 0;}
.knx-ea dl dd h2 a{font-size:18px;}
.knx-ea dl dd span{padding:15px 0;}
.knx-ea dl dd p{font-size:14px;line-height:22px;}
.knx-ea dl dd a.more{left:25px;right:25px;bottom:45px;}
.knx-eb ul{padding-left:70px;}
.knx-eb ul li{padding:15px 0;}
.knx-eb ul li h2 a{font-size:18px;}
.knx-eb .knx-ca-d{padding-left:70px;}

}
@media (max-width:1200px) {
.swiper-mbanner{height:550px;}
.swiper-slide-bannera h2{font-size:20px;}
.swiper-slide-bannera h3{padding:10px 0 30px;}
.swiper-slide-bannera a{height:50px;line-height:50px;padding:0 30px;}
.knx-aa h2{padding:90px 50px 0 50px;background-position:50px 40px;font-size:20px;background-size:auto 30px;}
.knx-aa p{padding:15px 50px 0 50px;}
.knx-aa a.more{margin:25px 0 0 50px;}
.knx-b dl{height:340px;}
.knx-b dl dt{height:90px;background-position:30px bottom;background-size:auto 35px;}
.knx-b dl dd{padding:20px 30px 0;}
.knx-b dl dd h2{font-size:18px;padding-bottom:15px;}
.knx-b dl dd .more{left:30px;right:30px;bottom:40px;}
.knx-b dl.knx-b-dl4{height:230px;}
.knx-b dl.knx-b-dl4 dd .more{font-size:18px;padding-bottom:20px;}
.knx-cbg{margin-top:90px;}
.knx-c{padding:75px 0 110px;font-size:14px;}
.knx-ca-b{font-size:40px;padding:10px 0;}
.knx-ca-c p{padding-top:15px;}
.knx-ca-d a{height:40px;line-height:40px;padding:0 30px;margin-top:50px;}
.knx-ca-d a span{padding-right:20px;}
.knx-ca-e{width:40%;} 
.knx-d{padding:45px 0;}
.knx-d ul li h2 b{font-size:30px;}
.knx-dbg:before{width:98%;}
.knx-ebg{padding:90px 0 70px;}
.knx-ea dl{height:390px;}
.knx-ea dl:nth-child(2){margin-top:120px;}
.knx-ea dl dt{height:120px;}
.knx-ea dl dd{padding:20px 20px 0;}
.knx-ea dl dd h2 a{font-size:16px;}
.knx-ea dl dd span{padding:10px 0;}
.knx-ea dl dd a.more{left:20px;right:20px;bottom:40px;}
.knx-eb ul{padding-left:50px;}
.knx-eb ul li{padding:10px 0;}
.knx-eb ul li h2 a{font-size:16px;}
.knx-eb .knx-ca-d{padding-left:50px;}

}
@media (max-width:1080px) {
.knx-aa h2{padding:60px 30px 0 30px;background-position:30px 25px;font-size:18px;background-size:auto 25px;}
.knx-aa p{padding:10px 30px 0 30px;}
.knx-aa a.more{margin:20px 0 0 30px;}
.knx-b dl{height:290px;}
.knx-b dl dt{height:70px;background-position:20px bottom;background-size:auto 30px;}
.knx-b dl dd{padding:15px 20px 0;}
.knx-b dl dd h2{font-size:16px;padding-bottom:10px;}
.knx-b dl dd .more{left:20px;right:20px;bottom:30px;}
.knx-b dl.knx-b-dl4{height:180px;}
.knx-b dl.knx-b-dl4 dd .more{font-size:16px;padding-bottom:15px;}
.knx-a,
.knx-cbg{margin-top:70px;}
.knx-c{padding:55px 0 80px;}
.knx-ca-b{font-size:30px;padding:5px 0;}
.knx-ca-c p{padding-top:15px;}
.knx-ca-d a{height:35px;line-height:35px;padding:0 25px;margin-top:40px;}
.knx-ca-d a span{padding-right:17px;}
.knx-ca-e{width:30%;}
.knx-d{padding:35px 0;}
.knx-d ul li h2 b{font-size:22px;}
.knx-ebg{padding:60px 0 40px;}
.knx-ea dl{height:350px;}
.knx-ea dl:nth-child(2){margin-top:100px;}
.knx-ea dl dt{height:100px;}
.knx-ea dl dd{padding:15px 15px 0;}
.knx-ea dl dd h2 a{font-size:14px;}
.knx-ea dl dd a.more{left:15px;right:15px;bottom:20px;}
.knx-eb ul{padding-left:30px;}
.knx-eb ul li h2 a{font-size:14px;}
.knx-eb .knx-ca-d{padding-left:30px;}
}
@media (max-width:850px) {
.swiper-slide-bannera h2{font-size:16px;}
.swiper-slide-bannera h3{font-size:30px;}
.swiper-slide-bannera a{height:40px;line-height:40px;}
.mbanner-butm{width:35px;height:30px;}
.knx-a{display:block;margin-top:50px;}
.knx-aa{width:100%;}
.knx-ab{width:100%;margin-top:20px;}
.knx-aa h2{padding:55px 20px 0 20px;background-position:20px 20px;font-size:16px;}
.knx-aa p{padding:10px 20px 0 20px;}
.knx-aa a.more{margin:15px 0 0 20px;}
.knx-b{display:block;margin-top:0;}
.knx-b dl{height:auto;width:100%;margin-top:15px;position:relative;padding:30px 0;}
.knx-b dl dt{width:110px;height:100%;background-position:30px 0;background-size:auto 30px;position:absolute;left:0;top:30px;}
.knx-b dl dd{padding:0 20px 0 80px;}
.knx-b dl dd h2{font-size:16px;padding-bottom:10px;}
.knx-b dl dd .more{position:static;display:inline-block;padding-right:20px;margin-top:10px;}
.knx-b dl.knx-b-dl4{height:auto;padding:10px 0;margin-top:20px;}
.knx-b dl.knx-b-dl4 dd{text-align:center;display:block;padding:0;}
.knx-b dl.knx-b-dl4 dd .more{font-size:14px;padding:0;border:none;margin:0;}
.knx-b dl.knx-b-dl4 dd .more i{display:inline;}
.knx-cbg{margin-top:50px;}
.knx-c{padding:35px 0 50px;}
.knx-ca-b{font-size:26px;}
.knx-ca-c p{padding-top:10px;}
.knx-ca-d a{margin-top:20px;}
.knx-ca-e{ width:35%; }
.knx-d{padding:30px 0;}
.knx-d ul li h2{font-size:12px;}
.knx-d ul li h2 b{font-size:18px;}
.knx-d ul li p{font-size:12px;}
.knx-ca{width:60%;}
.knx-d ul li h2{padding-left:20px;}
.knx-d ul li p{padding-left:20px;}
.knx-e,.knx-ea{display:block;}
.knx-ea,.knx-eb,.knx-ea dl{width:100%;}
.knx-ea dl{height:auto;padding-bottom:20px;}
.knx-ea dl dt{height:auto;}
.knx-ea dl dd a.more{position:static;display:inline-block;padding-right:20px;}
.knx-ea dl:nth-child(2){margin-top:20px;}
.knx-ebg{padding:30px 0;background:#fff;}
.knx-ebg::before{display:none;}
.knx-ebg::after{display:none;}
.knx-eb{margin-top:20px;}
.knx-eb ul{padding-left:0;}
.knx-eb .knx-ca-d{padding-left:0;}
.mbg{background:none;}

}
@media (max-width:650px) {
.swiper-slide-bannera h2{font-size:14px;}
.swiper-slide-bannera h3{font-size:20px;}
.swiper-slide-bannera a{height:35px;line-height:35px;padding:0 30px;}
.swiper-slide-bannera a span{padding-right:18px;}
.knx-c{position:static;}
.knx-cbg{background:#fff;}
.knx-ca{width:100%;}
.knx-cbg:before{display:none;}
.knx-ca-e{z-index:99;width:32%;}
.knx-dbg{background:#0061af;margin-top:0;padding-top:0;}
.knx-dbg:before{display:none;}
.knx-d{padding:15px 0 30px;}
.knx-d ul{width:70%;flex-wrap:wrap;}
.knx-d ul li{width:32%;margin-top:20px;}
.knx-d ul li:nth-child(4):before{display:none;}

}
@media (max-width:550px) {
.knx-ca-ph{ display:block; }
.knx-ca-ph img{ width:50%; margin:20px auto 0; }
.knx-b dl{padding:25px 0;}
.knx-b dl dt{width:70px;background-position:20px 0;top:25px;}
.knx-b dl dd{padding:0 20px 0 60px;}
}
@media (max-width:450px) {
.knx-ca-e{ display:none; }
.knx-d{width:100%;padding:10px 0 25px;}
.knx-d ul{width:100%;}
.knx-d ul li h2{padding-left:15px;}
.knx-d ul li p{padding-left:15px;}
.knx-ca-e{width:36%;}
.knx-c{padding:25px 0 30px;}
.knx-ca-b{font-size:20px;}
.knx-cbg{margin-top:30px;}

}