.header-logo { width:6%;}

.header { padding:10px 0px;}
.detail .header .header-nav ul li.cur::after { opacity:.1;}
.index-about-us-text { color:#333; top:0%; left: auto; right:0px; height:100%; width:40%; padding:0% 5% 0%; background: url(../static/upload/bg2r.jpg) #004ea1; background-size:100% 100%; }
.index-heasn-valued-text .title-1 {/* font-size:41px*/ margin-bottom:20px; font-family:Barlow-Italic; font-weight:900;}

.index-banner-swiper .title-1 div, .index-banner-swiper .title-2 div, .index-banner-swiper .title-3 div { font-family:Barlow-Italic; font-weight:900; font-size:62px; text-transform:; line-height:62px;}
.index-banner-swiper .text { top:70%;}
.index-news-top .title-1 { font-family:Barlow-Italic; font-weight:900;}
.index-about-us-text .title-1 { color:#fff; margin-top:20%;}
.index-about-us-text .title-1 { font-size:55px;}
.index-about-us-text .text-1 p { line-height:28px; margin-top:20px; color:#fff;}
.index-about-us-text .text-1 p a {color:#fff;}
.index-about-us-date ul li sub {color:#fff;}
.detail .header .header-nav ul li a:hover { color:; }
.index-about-us-left {
    top: 0%;
    left: 0px;
    right: auto;
    height: 100%;
    width: 50%;
    padding: ;
    background: #004ea1;
}
.index-about-us-left img { width:100%; height:100%; /*object-fit: cover;*/}
.header.scroll-down .header-nav ul li.cur::after, .header.scroll-top .header-nav ul li.cur::after, .header.black .header-nav ul li.cur::after { opacity:.5; background: #1ab149;}
.header .header-nav ul li.cur::after { border-radius:10px;}
.more-1 a::before{ border-radius:0px;}
.more-1 a::after { border-radius:0px;}


.index-about-us-text .more-1 a::after { border:1px solid #fff;}
.index-about-us-text .more-1 a { color:#fff;}
.index-about-us-text .more-1 { margin-top:35% !important;}
.index-about-us-date ul p {color:#fff; }
.index-about-us-date { bottom:auto; top:60%;}
.index-about-us-date ul li strong { font-size:50px; color:#fff;  font-family:Barlow-Italic; font-weight:900;}
.index-about-us-date ul p { opacity:.6;}
.index-about-us-date ul { width:32.33333%;}
.index-about-us-date ul li sub {vertical-align: bottom; font-weight:400; margin-left:2px; font-family:Barlow-Regular; font-size:16px;}
.index-solution-nav li { width:32.33333%; margin:0px .5%;}
.index-about-us-text .more-1 a::before { background:#fff;}
.index-youshi .more-1 a::before { background:#fff;}

.index-solution-nav a { padding:7%;}
.index-solution-nav li:nth-child(4) a {
    padding: 7% 0;
}
.index-solution-nav li:first-child a {
    padding: 7% 0;
}

.solution-item-left { width:33.33333%;}
.solution-item-right{width:66.666666%;}
.index-solution-nav span { font-size:17px;}
.index-solution-nav i { font-size:17px;}
/*.index-solution { background: url(../static/upload/bg4.jpg) no-repeat center top;}*/

.latest-news-item { background: url(../static/upload/bg2r.jpg) no-repeat left top #f4f4f4!important; background-size: 100% auto!important;}
.latest-news-item .text { padding-right:5%; width:40%;}
.index-news-bottom-left { width:100%; display:flex; /*justify-content: space-between;*/}

.index-news-bottom-left .latest-news-item { width:19.5%; margin:1%;}
.index-news-bottom-left .latest-news-item:first-child { margin-right:0px !important;}


.index-news-bottom-left .latest-news-item { background: url(../static/upload/bg2r0.jpg) no-repeat left top #f4f4f4!important; background-size:100% 100%!important; border:0px solid #ddd; padding:2%;}
.solution-item-right { float:left;}
.solution-item-left { right:0px; left:inherit;}

.footer-logo { width:22%;}




.foot .foota{ padding-top:20px; padding-bottom:10px; color:#fff; font-size:16px;/*margin-top:30px;*/ border-bottom:1px solid rgba(255,255,255,0.1);/*border-top:1px solid rgba(255,255,255,0.1);*/ display:none; }


.foot .flian ul li:nth-child(2n){ float:right}
.foot .flian ul li{ width:31.33333%; float:left;display: flex; align-items: center; margin-bottom:40px; padding-right:2%; }
.foot .flian ul li:nth-child(3){ width:15%;}
.foot .flian ul li .ictxt{ font-weight:normal; margin-left:20px;}
.foot .flian ul li .ictu{width: 54px;
height: 54px;
border-radius: 0%;
overflow: hidden;
background-color: #0196d5;
min-width: 54px;}
.flian { width:100%;}
.flian ul { display: flex;justify-content: space-between;}
.foot .flian ul li a{ color:#fff; }
.ictxt p { font-size:14px; line-height:20px;}
.foot .flian ul li .ico_add { background:url(../static/images/ico2.png) no-repeat center;background-size: auto 22px;background-color:; border:1px solid #fff;}
.foot .flian ul li .ico_tel { background:url(../static/images/ico1.png) no-repeat center;background-size: auto 22px;background-color: ; background-color:; border:1px solid #fff;}
.foot .flian ul li .ico_email { background:url(../static/images/ico3.png) no-repeat center;background-size: auto 18px;background-color: ; background-color:; border:1px solid #fff;}
.foot .flian ul li .ico_url { background:url(../static/images/ico4.png) no-repeat center;background-size: auto 22px;background-color: #0196d5;}

.footer-content-top-left { width:28%; }

.footer-content-top-right { width:68%; display:flex; justify-content: space-between; border-left:1px solid rgba(255,255,255,.1); padding-left:2%;}
.footer-content-top-right ul  { padding:0PX 2%; margin-top:30px;}
.footer-content-top-right ul li { list-style:none;}

.footer-content-top-right ul li { color:#999999; line-height:28px;}
.footer-content-top-right ul li strong {  line-height:50px;  color:#fff;}

.footer-content-bottom { height:30px; margin-top:3%;}
.footer-copy { font-size:16px;}
.footer-copy a { font-size:16px;}

.header-nav-solution-item .nav-item a { font-size:16px; font-weight:400 !important; font-family:'Barlow-Regular',PingFang SC,'Microsoft YaHei',Arial!important;}
.header-nav-solution-item { width:13%; margin:30px .5%;}

.header-nav-service { padding-top:4%;}

.navyy a span { font-weight:400 !important; font-family:'Barlow-Regular',PingFang SC,'Microsoft YaHei',Arial!important;}

.proxx { color:#fff; line-height:25px;}


/*首页 底部*/
.footer-content { width:90%;}
.footer { background:#004ea1;

background-image: linear-gradient(to right, #004ea1, #0964c5);






}
.footer-contact .contact-1 { color:#fff;}
.footer-contact .contact-1 a { color:#fff;}
.footer-content-top-right ul li{ color:#fff;}
.footer-copy{ color:#fff;}
.footer-content-bottom a {color:#fff;}
.footer-content-top { border-bottom:2px solid rgba(255,255,255,.2);}





/*整体*/
.div-content { width:90%;}




/* 首页 产品*/

.index_cp { width:100%;  margin:0px auto 20px;display:flex; justify-content:space-between;}



.main2 {width: 100%; padding: 30px 220px 0; } 
.main_visual_txtbox {text-align: center;}
.main_visual_tit {font-weight: 700; font-size: 70px; color: #222;}
.main_visual_txt {font-weight: 400; font-size: 26px; color: #222; margin-top: 25px;}
.main_visual_subtxt {font-weight: 400; font-size: 20px; color: #666; margin-top: 10px;}

.main2_list {position: relative; margin-top: 80px; padding: 0 10px;}
.main2_slide {width: 100%; height: auto; margin: 0px 0;   }


.main2_slide_box {display: inline-block; height: auto;text-align: center; position: relative; padding: 0 10px; font-size: 0; transition: 0.5s; width:32.3333333% }





.main2_slide_inner_box {overflow: hidden; position: relative; height: 0; padding-bottom: 138%; border-radius: 0px; cursor: pointer;}
.main2_slide_inner_box > img {position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 100%;}
.main2_slide_inner_box > p {position: absolute; bottom: 14%; left: 50%; z-index: 2; transform: translateX(-50%); font-weight: 500; font-size: 26px; color: #fff; width: 60%; font-family:Barlow-Italic; text-transform:capitalize; font-weight:900; padding:0px 20%;}


.main2_over {position: absolute; top: 0; left: 50%; z-index: 5; transform: translateX(-50%); width: 85%; height: 100%; background-color: #004ea1; border-radius: 0px; box-shadow: 4px 0 7px rgba(0,0,0,0.47); display: none; padding:0px 7.5%; }
.main2_over p:first-child {position: relative; font-weight: 500; font-size: 30px; color: #fff; margin-top: 65px; text-transform:capitalize; font-weight:900; font-style:italic;}
.main2_over p:first-child::after {content: ''; width: 15px; height: 2px; background-color: #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); margin-bottom: -20px;}
.main2_over p:nth-child(2) {font-weight: 200; font-size: 16px; color: #fff; opacity:.7; margin-top: 50px;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:4;
overflow: hidden;
height:88px;
line-height: 22px;


}
.main2_over span {display: block; font-weight: 400; font-size: 16px; color: #fff; margin-top: 80px;}
.main2_over span img {margin-left: 10px; transition: 0.5s;}
.main2_over span:hover img {margin-left: 20px;}

.main2_slide_box:hover .main2_over {display: block;}

.main2_slide_inner_box {transition: 0.5s;}
.main2_slide_box:hover .main2_slide_inner_box {transform: translateY(-20px);}
.main2_slide_box.slick-slide {display: inline-block!important;}
.main2_slide_box.slick-slide img {display: inline-block!important;}






.main2_over ul { width:100%;  padding:0px; margin:0px; margin-top:30px; }
.main2_over ul li { width:100%; line-height:30px; color:#fff; padding:0px; margin:0px; }
.main2_over ul li a {color:#fff; padding:0px; margin:0px; font-size:18px;}
.main2_over span {display: block; font-weight: 400; font-size: 16px; color: #fff; margin-top: 80px;}
.main2_over span img {margin-left: 10px; transition: 0.5s;}
.main2_over span:hover img {margin-left: 20px;}






.main2_slide {margin: -50px 0;}
.main2_slide .slick-list {padding: 50px 0;}

.main2_slide .slick-prev {width: 18px; height: 32px; overflow: hidden; text-indent: -999px; background-color: transparent; border: none; background: url("https://www.akis.co.kr/resource/css/../img/arrow_left2.png") no-repeat center; position: absolute; left: -3%; top: 50%; transform: translateY(-100%); }
.main2_slide .slick-next {width: 18px; height: 32px; overflow: hidden; text-indent: -999px; background-color: transparent; border: none; background: url("https://www.akis.co.kr/resource/css/../img/arrow_right2.png") no-repeat center; position: absolute; right: -3%; top: 50%; transform: translateY(-100%);}


/*首页 优势*/
.index-youshi { width:100%; background: url(../images/ysbg.jpg) no-repeat left top #f4f4f4; background-size: auto  100% ; padding:2% 0px 80px;}

.index-youshi .index-heasn-valued .img{ background:none;}
.index-youshi_con { width:100%;  margin:0px auto 20px;display:flex; justify-content:space-between;}

.main3 {width: 100%; padding: 30px 220px 0;} 
.main_visual_txtbox {text-align: center;}
.main_visual_tit {font-weight: 700; font-size: 70px; color: #222;}
.main_visual_txt {font-weight: 400; font-size: 26px; color: #222; margin-top: 25px;}
.main_visual_subtxt {font-weight: 400; font-size: 20px; color: #666; margin-top: 10px;}

.main3_list {margin-top: 80px; position:relative;}
.main3_slide {width: 100%; height: auto; margin: -30px 0;}
.main3_slide_box {display: inline-block; height: auto; border-radius: 0px; text-align: center; position: relative; padding: 0 5px; font-size: 0; transition: 0.5s; width:19%;}
.main3_slide_inner_box {overflow: hidden; position: relative; height: 0; padding-bottom: 106%; border-radius: 0px; box-shadow: 0 0 10px rgba(51,51,51,0.13); cursor: pointer; background:#fff;}
.main3_slide_inner_box:not(:first-child) {margin-left: 14px;}
.main3_slide_inner_box > img {position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); z-index: 1;}
.main3_slide_inner_box > p {position: absolute; bottom: 14%; left: 50%; transform: translateX(-50%); font-weight: 500; font-size: 26px; color: #333; width: 100%; font-weight:900;}
.main3_over {position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 5; width: 90%; height: 100%; background-color: #004ea1; border-radius: 0px; box-shadow: 4px 0 7px rgba(0,0,0,0.47); display: none; padding:0px 5%;


}
.main3_over p:first-child {position: relative; font-weight: 500; font-size: 25px; color: #fff; margin-top: 45px;}
.main3_over p:first-child::after {content: ''; width: 15px; height: 2px; background-color: #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); margin-bottom: -20px;}
.main3_over p:nth-child(2) {font-weight: 300; font-size: 17px; color: #fff; line-height: 25px; margin-top: 50px; opacity:.8;}
.main3_over span {display: block; font-weight: 400; font-size: 16px; color: #fff; margin-top: 40px; display:none;}
.main3_over span img {margin-left: 10px; transition: 0.5s;}
.main3_over span:hover img {margin-left: 20px;}

.main3_slide_box:hover .main3_over {display: block;}


.main3_slide_inner_box {transition: 0.5s;}
.main3_slide_box:hover .main3_slide_inner_box {transform: translateY(-20px);}
.main3_slide_box.slick-slide {display: inline-block!important;}
.main3_slide_box.slick-slide img {display: inline-block!important;}
.main3_slide {margin: -50px 0;}
.main3_slide .slick-list {padding: 50px 0;}

.main3_slide .slick-prev {width: 18px; height: 32px; overflow: hidden; text-indent: -999px; background-color: transparent; border: none; background: url("https://www.akis.co.kr/resource/css/../img/arrow_left2.png") no-repeat center; position: absolute; left: -3%; top: 50%; transform: translateY(-100%); }
.main3_slide .slick-next {width: 18px; height: 32px; overflow: hidden; text-indent: -999px; background-color: transparent; border: none; background: url("https://www.akis.co.kr/resource/css/../img/arrow_right2.png") no-repeat center; position: absolute; right: -3%; top: 50%; transform: translateY(-100%);}






.canpin_btn{width:100%;  margin:auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:50px;}
.canpin_btn dl{width: 19%; height:280px; padding-top:30px; background:#fff; color:#333; border-radius:0px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; text-align:center; margin-bottom:35px;}
.canpin_btn dl dt{ -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; }
.canpindiv{color: #333; font-size: 17px; text-align:center; font-weight:bold; width:100%; line-height: 28px; text-transform: capitalize; }

.canpindiv.hh{color: #004ea1; font-size: 20px; text-align:center; font-weight:bold; width:100%; line-height: 28px; text-transform: capitalize;


text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 28px;
line-height: 28px;

 }  
.canpin_btn dl dt .canpindiv:nth-child(3){ }

.canpin_btn dl dt .canpindiv.tu { width:150px; height:110px; border-radius:0px; overflow:hidden; margin:20px auto; border:3px solid rgba(0,78,161,0);}
.canpin_btn dl dt .canpindiv.tu .img .pic { background-size:100% 100%; width:100%; height:100%; background-color:#fff;}
.canpin_btn dl dt .canpindiv.tu .img { width:100%; height:100%;  background-color:#fff;}
.canpin_btn dl dt .canpindiv.tu .img .pic { width:100%; height:100%;}

.canpindiv01{color: #333; font-size: 13px; text-align:center; width:80%; padding-top:10px; padding-left:10%; padding-right:10%; line-height: 22px; text-transform:uppercase; }

.canpin_btn dl dd{ color: #333; width:80px; text-align:center; height:24px; margin-left:102px; background:#D7D7D7; font-size: 12px; margin-top:15px; line-height: 24px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; border-radius:50px;}
.canpin_btn dl:hover{ margin-top: -10px;box-shadow: 0 0 10px rgba(0,0,0,0.1); background:rgba(0,167,50,.8); color:#FFF;}
.canpin_btn dl:hover dd{ color: #fff; background:#39b73e; }

.canpin_btn dl:hover .canpindiv {color: #fff;}
.canpin_btn dl:hover .canpindiv01 {color: #fff;}



@media (min-width: 1024px) and (max-width: 1439px){
.index-about-us-date{ top:67%;}
.index-about-us-main .index-about-us-text .more-1 { margin-top:30% !important;}


}