@charset "UTF-8";
.coverImg{position:relative; height: 100%;}.coverImg img{display:block!important; width:100%; height:100%; object-fit: cover;}
.footer_right{margin-top:55px;}
.elis{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
@-webkit-keyframes gradient { 0% {
background-position:0 50%
}
50% {
background-position:100% 50%
}
to { background-position: 0 50% }
}
@keyframes gradient { 0% {
background-position:0 50%
}
50% {
background-position:100% 50%
}
to { background-position: 0 50% }
}

.kw_banner{ position:relative; background-size:cover; background:#030307;}
.kw_ban_item{}
.kw_ban_item .container{display:flex; justify-content:space-between; }
.kw_bantxt{ height:41.66vw; max-height:800px;display:flex; flex-direction:column; justify-content:center; padding-top:20px; color:#fff; width:42%; letter-spacing:2px;}
.kw_bantxt h2{ display:block; font-size:50px; line-height:68px; font-weight:normal; transition:all 0.8s ease; transform:translateY(100px); opacity:0; font-weight:100}
.kw_bantxt h3{ display:block; font-size:22px; line-height:36px; font-weight:normal; margin-top:25px; transition:all 0.8s ease; transform:translateY(100px); opacity:0;}
.kw_banimg{ height:41.66vw; max-height:800px;display:flex; flex-direction:column; justify-content:center; padding-top:80px; width:45%; transition:all 0.8s ease; transform:translateY(100px); opacity:0;}
.kw_banimg img{}
.kw_banner .slick-dots{bottom:3vw;}
.kw_banner .slick-dots li button{display:none;}
.kw_banner .slick-dots li { background:rgba(255,255,255,0.6); display: inline-block; height: 10px; width: 10px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle}
.kw_banner .slick-dots li.slick-active{ background: #fff;}
.kw_ban_item.on .kw_bantxt h2{ opacity:1; transform:translateY(0);}
.kw_ban_item.on .kw_bantxt h3{ opacity:1; transform:translateY(0); transition-delay:0.2s;}
.kw_ban_item.on .kw_banimg{ opacity:1; transform:translateY(0);}
.kw_con1{padding:3.43vw 0; border-bottom:1px solid #eee;}
.kw_c1ul{overflow:hidden;}
.kw_c1ul li{ width:25%; float:left; text-align:center}
.kw_c1ul li strong{}
.kw_c1ul li strong span{ font-size:68px; font-family:din;}
.kw_c1ul li strong i{ font-size:30px; line-height:30px; font-style:normal; position:relative; top:-30px;}
.kw_c1ul li:nth-child(4) strong i{font-size:22px; line-height:22px;}
.kw_c1ul li p{ font-size:16px; line-height:28px;}
.kw_con2{ padding:4.16vw 0;}
.kw_tx{ text-align:center;}
.kw_tx h3{ display:block; font-size:56px; line-height:56px; font-weight:normal}
.kw_tx h2{ font-size:20px; font-weight:normal; line-height:32px; letter-spacing:5px;}
.kw_tx p{ margin-top:35px; font-size:16px; line-height:24px; color:#888; position:relative;}
.kw_tx p:after{content:""; width:30px; height:2px; background:#0fc898; position:absolute; left:50%; margin-left:-15px; top:-20px;}
.kw_txw{color:#fff;}
.kw_txw p{color:#fff;}
.kw_txw p:after{background:#fff;}
.kw_c2dls{ margin:2.6vw -15px 0; display:flex; flex-wrap:wrap;}
.kw_c2dls li{ width:calc(33.33% - 30px); margin:0 15px 30px; box-shadow:0 3px 20px rgba(0,0,0,0.1); border-radius:0.5em; padding:35px 35px 40px; letter-spacing:1px; overflow:hidden; transition:all 0.5s ease; cursor:default}
.kw_c2dls li span{ width:66px; height:66px; display:block; margin:0 auto; border-radius:50%; background:#0fc898; position:relative; transition:all 0.5s ease;}
.kw_c2dls li span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:48%; max-height:48%; width:auto; height:auto;}
.kw_c2dls li h4{ display:block; font-size:22px; line-height:32px; font-weight:normal; margin-top:25px; text-align:center}
.kw_c2dls li p{ font-size:15px; line-height:26px; color:#888; margin-top:12px; text-align:justify}
.kw_c2dls li:hover{transform:translateY(-8px);}
.kw_c2dls li:hover span{transform:rotateY(180deg);}
.kw_morex{ text-align:center; margin-top:25px;}
.kw_more{display: block; width: 160px;height: 42px;line-height: 42px;border-radius: 30px; background: #0fc898; color: #FFFFFF; font-size: 16px;position: relative;overflow: hidden; margin:0 auto; padding-left:5px;}
.kw_more span{ display:inline-block; position:relative; z-index:1;}
.kw_more:after{position: absolute; left: -80px; top: -30px; display: block; content: ""; width: 100%; height: 20px;transform: rotate(45deg); transform-origin: left center; background: rgba(255,255,255,0.3);}
.kw_more:hover:after {left: 100%;transition: all 0.4s linear;}
.kw_more:hover{ box-shadow:0 5px 18px rgba(15,200,152,0.3); color:#fff;}
.kw_con3{ color: #FFF;padding:6vw 0 0px;letter-spacing:0.08em; overflow:hidden;background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size: 400% 400%;-webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite;}
.kw_c3dls{ margin:80px -35px 0; display:flex;}
.kw_c3dls dd{ width:20%; padding:0 35px 150px; float:left; position:relative;}
.kw_c3dls dd:before{content:""; position:absolute; left:0; right:0; bottom:-20px; background:rgba(0,0,0,0.3); height:0px; opacity:0; transition:all 0.5s ease;}
.kw_c3dls dd span{ display:block; width:50px; height:50px; margin:0 auto; transition:all 0.5s ease; position:relative;}
.kw_c3dls dd strong,.kw_c3dls dd h2{ display:block; font-size:20px; font-weight:normal; text-align:center; margin-top:15px; line-height:30px; position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; overflow:hidden}
.kw_c3dls dd p{ text-align:justify; font-size:14px; line-height:26px; margin-top:10px; position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6; overflow:hidden}
.kw_c3dls dd:hover:before{ height:800px; opacity:1;}
.kw_c3dls dd:hover span{transform:rotateY(180deg);}
.kw_con3 .kw_tx{position:relative; z-index:2;}
.kw_con4{ padding:4.16vw 0;}
.kw_c4dls{ margin:2.6vw -15px 0;}
.kw_c4dls dd{ padding:0 15px; margin-bottom:30px;}
.kw_c4item{ display:block; position:relative}
.kw_c4item .overflowHide{ height:220px; border-radius:0.5em 0.5em 0 0;}
.kw_c4item .overflowHide:after{content:""; background:rgba(2,0,8,0.7); position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; opacity:0;}
.kw_c4m{position:absolute; left:50%; top:50%; width:110px; text-align:center; line-height:44px; color:#fff; letter-spacing:2px; font-size:16px; transition:all 0.5s ease; opacity:0; margin-left:-55px; margin-top:-22px; z-index:1;}
.kw_c4m:before{content:""; width:0%; left:50%; width:0; transform:translateX(-50%); height:1px; background:#fff; transition:all 0.5s ease; position:absolute; top:0;}
.kw_c4m:after{content:""; width:0%; left:50%; width:0; transform:translateX(-50%); height:1px; background:#fff; transition:all 0.5s ease;  position:absolute; bottom:0;}
.kw_c4bom{ padding:0 25px; border-radius:0.5em; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; height:122px; letter-spacing:1px;}
.kw_c4bom strong{ height:60px; line-height:60px; font-size:18px; font-weight:normal;}
.kw_c4bom p{ border-top:1px solid #eee; line-height:56px; height:57px; font-size:14px; color:#999; padding-right:50px; position:relative;}
.kw_c4bom p:after{ content: ""; background: url(../images/special/more_ico2.svg) no-repeat center center; width: 32px; height: 20px; position: absolute; top: 50%; right: 0px; margin-top: -9px; background-size:100% auto !important; opacity:0.6;}
.kw_c4item:hover .kw_c4m{opacity:1;}
.kw_c4item:hover .kw_c4m:before,
.kw_c4item:hover .kw_c4m:after{width:100%;}
.kw_c4item:hover .overflowHide:after{opacity:1;}
.kw_con7{ background:#202438;background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size: 400% 400%;-webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite;}
.kw_con7 .ct_c4des{text-align:center;  margin-left:auto; margin-right:auto; font-size:16px; line-height:32px;}
.kw_con7 .ct_c4des i{right:50%; bottom:-80px;}
.kw_con7 .ct_wylist{margin-top:120px;}
.kw_con7 .ct_wylist dd p{color:#fff; font-size:15px; line-height:26px;}
.kw_con7 .ct_wylist dd{margin-bottom:50px;}
.kw_con7 .ct_wylist dd span{width:80px; height:80px; background:#fff; border-radius:50%; position:relative}
.kw_con7 .ct_wylist dd span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:60%; max-height:60%; width:auto; height:auto;}
.kw_con9{ background: url(../images/special/kw_lxbg.jpg) no-repeat fixed center center; background-size: cover; }
.kw_con5{ color: #FFF; padding: 6vw 0; background: url(../images/special/kw_banbg1.jpg) no-repeat fixed center center; background-size: cover; }
.kw_c5list{display: flex; flex-wrap: wrap; overflow: hidden; margin:2.8vw 0 3vw;}
.kw_c5list dd{width: 33.33%; border: 1px solid rgba(255,255,255,0.2); margin-left: -1px; margin-top: -1px; margin-bottom: -1px; padding-top:35px; padding-left:38px; padding-right:30px; padding-bottom:35px;}
.kw_c5list dd:nth-child(1),
.kw_c5list dd:nth-child(2),
.kw_c5list dd:nth-child(3){padding-top:0;}
.kw_c5list dd:nth-child(4),
.kw_c5list dd:nth-child(5),
.kw_c5list dd:nth-child(6){padding-bottom:0;}
.kw_c5list dd:nth-child(1),
.kw_c5list dd:nth-child(4){padding-left:0;}
.kw_c5list dd:nth-child(3),
.kw_c5list dd:nth-child(6){padding-right:0; border-right:none}
.kw_c5item{display: block; height: 100%; position:relative; padding-left:88px;}
.kw_c5ico{width: 65px; display:block; position:absolute; left:0; top:0; transition:all 0.5s ease;}
.kw_c5ico img{}
.kw_c5item h3{font-size: 18px; line-height:28px; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; color:#fff; font-weight:normal}
.kw_c5item p{font-size: 14px; line-height: 24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; overflow: hidden; opacity: 0.5; margin:8px 0; color:#fff;}
.kw_c5item span.transition{opacity: 0.5; display:block; margin-top:25px; color:#fff;}
.kw_c5item:hover span.transition{opacity:0.8;}
.kw_c5item:hover .kw_c5ico{ animation:swing 1s linear 1;}
.kw_sbaner{ position:relative;}
.kw_img{ height:26.04vw;}
.kw_sbanTxt{ position:absolute; left:0; top:50%; width:100%; text-align:center; transform:translateY(-50%); color:#fff; padding-top:25px;}
.kw_sbanTxt p{ font-size: 48px; line-height: 60px; text-transform: capitalize; }
.kw_sbanTxt h2{ font-size: 20px; line-height: 36px; font-weight: normal; margin-top: 15px; letter-spacing:2px;}
.kw_page{ padding:5vw 0}
.kw_list{ margin:0 -15px;}
.kw_list li{ width:50%; padding:0 15px; margin-bottom:30px; float:left}
.kw_item{display: block; padding:40px 35px 15px 192px; box-shadow: 0 0 15px rgba(0,0,0,0.18); background: #FFFFFF; border-radius:0.5em; overflow:hidden; position:relative; height:215px;}
.kw_tm{ text-align: center; width: 150px; position: absolute; left: 0px; border-right: 1px solid #E7E7E7; top: 40px; font-size: 18px; line-height: 20px; color: #666; height:135px; }
.kw_tm span{ font-size: 48px; line-height: 80px; display: block; position: relative; margin-bottom:20px; color:#333;}
.kw_tm span:after{content:""; height:1px; background:#E7E7E7; position:absolute; left:50%; bottom:0; width:50px; margin-left:-25px;}
.kw_item h3{ font-size: 18px; line-height: 22px; height: 22px; font-weight:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; overflow:hidden}
.kw_item p{font-size: 14px;color: #666666;line-height: 24px; height:72px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; margin-top:15px; overflow:hidden;}
.kw_item span.transition{ display:block; color:#888; font-size:14px; line-height:14px; margin-top:12px;}
.kw_item:hover span.transition{color:#0fc898;}
@media (max-width:1759px){
.kw_banimg,.kw_bantxt{height:40vw;}
.kw_bantxt h3{font-size:20px; line-height:32px; margin-top:20px}
.kw_bantxt h2{font-size:38px; line-height:58px;}
.kw_banner .slick-dots li{width:8px; height:8px; margin:0 6px;}
.kw_c1ul li strong span{font-size:58px;}
.kw_c1ul li strong i {font-size: 24px;top: -28px;}
.kw_c1ul li:nth-child(4) strong i {font-size: 18px;line-height: 20px;}
.kw_c1ul li p{font-size:15px;}
.kw_tx h2{font-size:18px; line-height:30px;}
.kw_tx h3{font-size:42px; line-height:52px;}
.kw_tx p{font-size:14px;}
.kw_c2dls li span{width:58px; height:58px;}
.kw_c2dls li h4{font-size:20px; line-height:30px;}
.kw_c2dls li p {font-size: 13px;line-height: 24px;margin-top: 10px;}
.kw_c2dls li{padding:30px 20px 35px;}
.kw_more {width: 150px;height: 40px;line-height: 40px;font-size: 14px;padding-left: 3px;}
.kw_c3dls dd{padding-left:18px; padding-right:18px; padding-bottom:100px;}
.kw_c3dls dd strong, .kw_c3dls dd h2{font-size:17px; line-height:28px;}
.kw_c3dls dd p{font-size:13px; line-height:26px;}
.kw_c3dls {margin: 60px -18px 0;}
.kw_c4dls{margin-left:-10px; margin-right:-10px;}
.kw_c4m {width: 90px;line-height: 38px;font-size: 14px;	margin-left: -45px;margin-top: -19px;}
.kw_c4dls dd{padding:0 10px; margin-bottom:20px;}
.kw_c4item .overflowHide{height:170px;}
.kw_c4bom strong {height: 52px;line-height: 52px;font-size: 16px;}
.kw_c4bom{padding-left:18px; padding-right:18px; height:108px;}
.kw_c4bom p {line-height: 50px;height: 51px;font-size: 13px;padding-right: 36px;}
.kw_c4bom p:after {width: 26px;height: 16px;margin-top: -6px;}
.kw_c5ico{width:56px;}
.kw_c5list dd{padding-right: 20px;padding-bottom: 25px; padding-left:25px; padding-top:25px;}
.kw_c5item{padding-left:70px;}
.kw_c5item h3{font-size:16px; line-height:26px;}
.kw_c5item p{font-size:12px; line-height:22px;}
.kw_c5item span.transition{margin-top:18px;}
.kw_con7 .ct_c4des{line-height:30px;}
.kw_con7 .ct_wylist dd span{width:66px; height:66px;}
.kw_con7 .ct_wylist dd p{font-size:13px; line-height:24px;}
.kw_sbanTxt p {font-size: 40px;line-height: 52px;}
.kw_sbanTxt h2 {font-size: 18px;line-height: 32px;	margin-top: 12px;}
.kw_tm span{font-size:40px; line-height:80px;}
.kw_tm{font-size:14px; line-height:18px; width:110px; height:125px; top:28px;}
.kw_item h3{font-size:16px;}
.kw_item p{font-size:13px; line-height:22px; height:66px;}
.kw_item {padding: 25px 25px 15px 135px;height: 190px;}
}
@media (max-width:1379px){
.kw_bantxt h2{font-size:34px; line-height:52px;}
}
@media (max-width:1199px){
.kw_bantxt h2{font-size:28px; line-height:42px;}
.kw_bantxt h3 {font-size: 15px;line-height: 24px;margin-top: 12px;}
}
@media (max-width:993px){
.kw_bantxt h2{font-size:20px; line-height:32px;}
.kw_c1ul li p{font-size:14px;}
.kw_c1ul{display:flex;justify-content:space-between;}
.kw_c1ul li{width:auto;}
.kw_c2dls li{width:calc(50% - 30px);}
.kw_con2{padding:6vw 0 8vw;}
.kw_c3dls{flex-wrap:wrap;}
.kw_c3dls dd{ width:33.33%; padding-bottom:50px;}
.kw_c3dls dd:nth-child(4),
.kw_c3dls dd:nth-child(5){width:50%;}
.kw_c3dls dd:before{display:none !important;}
.kw_con3{padding-bottom:6vw;}
.kw_c4item .overflowHide{height:190px;}
.kw_c5list dd{width:50%;}
.kw_c5list dd:nth-child(3){padding-top:25px; padding-left:0; padding-right:25px; border-right:1px solid rgba(255,255,255,0.2); }
.kw_c5list dd:nth-child(4){padding-left:25px;border-right:none;}
.kw_c5list dd:nth-child(2){border-right:none;}
.kw_con4{padding-bottom:8vw; padding-top:5vw;}
.kw_con5{padding-bottom:8vw;}
.kw_con6 {padding: 40px 0 60px;}
.kw_con7{padding: 40px 0 0px;}
.kw_con7 .ct_wylist{margin-left:-12px; margin-right:-12px;}
.kw_con7 .ct_wylist dd{padding:0 12px;}
.kw_list li{width:100%;}
.kw_page{padding:8vw 0;}
.kw_sbanTxt p{font-size:30px; line-height:40px;}
.kw_sbanTxt h2 {font-size: 15px;line-height: 26px;margin-top: 8px;}
}
@media (max-width:767px){
.kw_ban_item .container{flex-wrap:wrap; padding-top:50px; padding-bottom:60px}
.kw_banimg, .kw_bantxt{width:100%; height:auto;}
.kw_banimg{padding-top:0; margin-top:35px;}
.kw_banner .slick-dots{bottom:35px;}
.kw_con1{padding:35px 0 15px;}
.kw_c1ul{flex-wrap:wrap;}
.kw_c1ul li{width:50%; margin-bottom:20px;}
.kw_c1ul li strong span{font-size:42px;}
.kw_c1ul li strong i {font-size: 18px;top: -20px;}
.kw_c1ul li p{line-height:22px;}
.kw_c1ul li:nth-child(4) strong i{font-size:12px;}
.kw_con2 {padding: 9vw 0 12vw;}
.kw_tx h3{font-size:36px; line-height:46px;}
.kw_c2dls{margin-top:25px;}
.kw_c2dls li {width: calc(100% - 30px); margin-bottom:15px;}
.kw_con3{padding-top:12vw; padding-bottom:6vw;}
.kw_c3dls dd{width:100% !important; padding-bottom:20px}
.kw_c3dls dd p{font-size:12px; line-height:24px; margin-top:8px;}
.kw_con4{padding:10vw 0 14vw;}
.kw_c4dls{margin-top:25px;}
.kw_morex{margin-top:20px;}
.kw_con5{padding-top:10vw; padding-bottom:14vw;}
.kw_c5list{margin-top:25px;}
.kw_c5list dd{border:none !important; padding:0 !important; width:100%; margin-bottom:25px; padding-bottom:25px !important; border-bottom:1px solid rgba(255,255,255,0.3) !important; }
.kw_c5list dd:last-child{margin-bottom:0 !important; border-bottom:none !important;}
.kw_con6{padding:32px 0 40px;}
.kw_con7 .ct_c4des{font-size:14px; line-height:26px;}
.kw_con7 .ct_wylist{margin-top:35px;}
.kw_con7 .ct_wylist dd{ width:100%; margin-bottom:25px;}
.kw_con7 .ct_wylist dd p{font-size:12px; line-height:22px;}
.kw_img{height:65vw;}
.kw_sbanTxt p {font-size: 26px;line-height: 34px;}
.kw_sbanTxt h2{font-size:14px; line-height:24px; margin-top:12px;}
.kw_page{padding:12vw 0;}
.kw_tm{width:80px; font-size:12px;}
.kw_tm span{font-size:36px;}
.kw_item {padding: 25px 15px 15px 93px;height: 185px;}
.kw_item p{font-size:12px;}
.kw_list li{margin-bottom:18px;}
}