
@font-face {font-family: 'AvenirLTStd';src: url('../fonts/AvenirLTStd-LightOblique.otf');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Assistant';src: url('../fonts/AlibabaSans-Regular.otf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'Abel';src: url('../fonts/Barlow-Regular.ttf');font-weight: normal;font-style: normal;} 

body { font-family:Arial, Helvetica, sans-serif}


.header_top { width:100%; background:#fff; line-height:32px; border-bottom:1px solid rgba(0,0,0,.07);  height:35px; margin-top:0px; margin-bottom:10px; position:fixed; z-index:999999;  }

.header_top_z {width:96%; margin:0px auto; color:#333; height:32px;}
.header_top_left { width:30%; float:left;}
.header_top_left a { margin-left:30px; opacity:.7;  }
.header_top_left a img { margin-top:7px; width:20px; height:20px; display:inline-block;}
.header_top_right { width:65%; float:right;}
.header_top_right p { display:flex; padding:0px; margin:0px 10px; float:right;}
.header_top_right p i{}
.header_top_right p i img { width:22px; height:auto; margin-right:5px; padding-top:4px;}
.header_top_right p span { line-height:32px;} 


.flash{ width:100%; float:left; background:url(../images/ba3.jpg) no-repeat top center; background-size:cover; height:448px;}




.an3{ width:100%; float:left; background:#f7f7f7; padding:4%; margin-bottom:20px;}

.an31{ width:70%; float:left;}
.an31 strong{ width:100%; float:left; color:#000000; padding-bottom:15px;font-weight:0;}
.an31 ul{ width:95%; float:left; border-right:#e9e9e9 solid 1px; padding-right:5%;}
.an31 ul li{ float:left; line-height:30px; color:#7a7a7a}
.an31 ul li:nth-child(1n){  width:60%;}
.an31 ul li:nth-child(2n){ width:40%; float:right;}


.an32{ width:30%; float:left;}
.an32 strong{ width:100%; float:left; color:#000000; padding-bottom:15px; font-weight:0;}
.an32 ul{ width:100%; float:left;}
.an32 ul li{ width:100%; float:left; line-height:30px;color:#7a7a7a}








.index-about-us {position: relative; height:630px; float:left; margin-top:50px; width:100%;}
.index-about-us-main {position: absolute;color: #fff;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;}
.index-about-us-text {color: #fff;width: 40%;left: 10%;top: 10%;position: absolute;z-index: 10;}
.index-about-us-text .title-1{overflow: hidden;color: #fff;}
.index-about-us-text .text-1{margin-top:3%;overflow: hidden; margin-bottom:5%;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:9;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.index-about-us-text .more-1{margin-top: 8%!important;}
.index-about-us-date { width:100%; float:left}
.index-about-us-date ul {list-style: none;margin: 0;padding: 0;width: 24%;display: inline-block;vertical-align: middle;}
.index-about-us-date ul li{list-style: none;margin: 0;padding: 0;font-family:AvenirLTStd;}
.index-about-us-date ul li strong{display: inline-block;vertical-align: middle;}
.index-about-us-date ul li sub{display: inline-block;vertical-align: middle;}
.index-about-us-date ul p{display: block;opacity: .4;margin: 0;padding: 0;}




.index-about-us-text { color:#333; top:0%; left: auto; right:0px; height:100%; width:50%; padding:0% 5% 0%; background:url(../images/bg2r.jpg) #004ea1; background-size:100% 100%; }
.index-heasn-valued-text .title-1 { margin-bottom:0px; font-family:Assistant; font-weight:900; color:#FFFFFF}

.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: Assistant; font-weight:900;}
.index-about-us-text .title-1 { color:#fff; margin-top:9%;}
.index-about-us-text .title-1 { font-size:45px;font-family: Assistant; text-transform:uppercase }
.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 { float:left}
.index-about-us-date ul p {color:#fff; }
.index-about-us-date { padding-top:20px; float:left}
.index-about-us-date ul li strong { font-size:40px; color:#fff;  font-family:AvenirLTStd; 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;
}




.more-1 { display:block;margin: 4% 0;}
.more-1 a {color: #fff;position: relative;display: block;width: 170px;height: 54px;transition:all .8s ease-in-out;}
.more-1 a::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;border: 1px solid #fff;opacity: .3;transform:skewX(340deg);z-index: 1;}
.more-1 a::before {content: '';width: 18px;height: 100%;position: absolute;right: -14px;top:-8px;transform:skewX(340deg);z-index: 11;background: #004ea1;}
.more-1 a span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-family: 'Barlow-Bold';z-index: 11;width: 100%;text-align: center;}
.more-1 a:hover::after {background: #fff;opacity: 1;}
.more-1 a:hover span {color: #000;}
.more-1 a:hover::before {right: -11px;}












/*首页 优势*/
.index-youshi { width:100%; background:url(../images/bg2r.jpg) no-repeat #0980da; background-size:100%; padding:1% 0px 70px;}

.index-youshi .index-heasn-valued .img{ background:none;}
.index-youshi_con { width:100%;  margin:0px auto 0px;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: 20px; text-align: center; position: relative; padding: 0 10px; font-size: 0; transition: 0.5s; width:25%;}
.main3_slide_inner_box {overflow: hidden; position: relative; height: 0; padding-bottom: 80%; border-radius: 20px; 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:18px; color: #333; width: 100%;  line-height:18px;}
.main3_over {position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 5; width:100%; height: 100%; background-color: #165cb1; border-radius: 20px; 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:17px; 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%);}











/*悬浮链接*/
.suspension{position:fixed;z-index:555555;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:75px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:0px;}
.suspension .d-qrcode{top:50px;}
.suspension .d .inner-box{padding:8px 22px 0px;}
.suspension .d-service-item{border-bottom:0px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:100%;line-height:22px;font-size:15px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:20px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}





/*整体*/
.div-content { width:90%;}


.index-news {padding: 1% 0 2% 0;}
.index-news-top {}
.index-news-top .title-1{overflow: hidden;padding:3% 0 2% 0; width:100%; float:left}
.index-news-top .more-1{ float:right; position:relative; padding-right:25px; margin-top:-70px;}
.index-news-top .more-1 a::after {border: 1px solid #d1d1d1;opacity: 1;}
.index-news-top .more-1 a span {color: #404040;}
.index-news-top .more-1 a:hover::after {border: 1px solid #404040;opacity: 1;background: #404040;}
.index-news-top .more-1 a:hover span {color: #fff;}
.index-news-center { height:280px;} 
.latest-news-item {width: 100%;position: relative;overflow: hidden;} 
.latest-news-item .img{float: left;width: 50%;overflow: hidden;} 
.latest-news-item .text{float: right;width: 45%;margin-top: 3%;} 
.latest-news-item .date-1{color: #1861b8;} 
.latest-news-item .title-1 {margin-top:5%;} 
.latest-news-item .text-1 {margin-top:5%;}
.latest-news-item .jiantou-1 {margin-top:5%;width: 26px;height: 14px;background: url('../images/r4.png') center no-repeat;filter: grayscale(100%); background-size:80%} 
.latest-news-item a:hover .title-1,.latest-news-item a:hover .text-1{color: #1861b8;}
.latest-news-item a:hover .jiantou-1 {filter: grayscale(0);}
.latest-news-item a:hover .pic {transform: scale(1.05);}
.index-news-bottom {clear: both;overflow: hidden;position: relative;margin-top: 1.5%;}
.index-news-bottom-left {float: left;width: 50%;}

.index-news-bottom-left .latest-news-item .text,
.index-news-bottom-left .latest-news-item .img {float: none;width: 100%;}
.index-news-bottom-left .latest-news-item .date-1 {margin-top: 5%; padding-bottom:15px;}
.index-news-bottom-left .latest-news-item .title-1 {margin-top:0%; line-height:24px;}
.index-news-bottom-right {float: right;width: 48.5%;background: #f7f7f7;overflow: hidden;}
.index-news-bottom-right .latest-news-item {overflow: hidden;}
.index-news-bottom-right .latest-news-item a{display: block;position: relative;overflow: hidden;padding: 4% 0;}
.index-news-bottom-right .latest-news-item a::after {content: '';width: 90%;height: 1px;background: #e0e0e0;position: absolute;left: 5%;bottom: 0;}
.index-news-bottom-right .latest-news-item:last-child a::after {display: none;}
.index-news-bottom-right .latest-news-item .text {width: 90%;margin: auto;float: none;}
.index-news-bottom-right .latest-news-item .date-1{margin-top: 0;color: #1a1a1a;opacity: .6;}
.index-news-bottom-right .latest-news-item .title-1{margin-top: 2%;width:90%;}
.index-news-bottom-right .latest-news-item .jiantou-1{margin: 0;position: absolute;right: 5%;top: 60%;}
.index-news-bottom-right .latest-news-item a:hover {background: #1861b8;}
.index-news-bottom-right .latest-news-item a:hover .date-1{color: #1a1a1a;opacity: .6;}






.latest-news-item { background:url(../images/bg3.jpg) no-repeat left top #f4f4f4!important; background-size: 100% auto!important; float:left; margin-bottom:10px;}
.latest-news-item .text { padding-right:5%; width:45%;}
.index-news-bottom-left { width:100%; display:flex; justify-content: space-between;}

.index-news-bottom-left .latest-news-item { width:24.5%;}
.index-news-bottom-left .latest-news-item:first-child { margin-right:0px !important;}


.index-news-bottom-left .latest-news-item { background: url(../images/bg3.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;}








.top .top_product .section_title_wrapper ._lead_wrapper .section_lead { margin-top:0px;}
/*.top .top_product ._filter_wrapper{ width:50%; margin-left:40%; }
.top .top_product ._category_wrapper {margin-top:0px !important;}
*/
.top .top_product ._filter_wrapper li { width:50%;}
.top .top_product ._filter_wrapper{ width:60%; margin:0px auto; }


.cptb img { width:auto !important; height:auto !important; margin-bottom:20px; margin:10px auto; } 
.blog_swiper_container ._thumbnail img {     margin: 0px auto;
    height: 250px  !important;     object-fit:fill!important;
   }
	
.kk1 { width:250px !important;}
.kk2 { width:250px !important;}
.kk3 { width:250px !important;}
	
.blog_date { display:none;}
.blog_title { display:none;}
.blog_category { display:none;}
.blog_item ._link_button{ display:none;}

.top_product .section_title { width:100% !important; text-align:center; font-family:Abel; text-transform: capitalize; font-size:45px !important; padding-top:60px;}
.top_product .section_title .deco { width:100% !important; text-align:center; display:block; margin-bottom:20px;}

.section_title {font-family:Abel;}

.top .top_product .section_title_wrapper ._lead_wrapper .section_lead { width:80% !important; text-align:center; margin:auto; margin-top:20px;}
.all_tolist_icon { display: none;}


.section_title_wrapper { align-items: flex-start!important;}
.section_title_wrapper ._link { width:30%;}
.top .top_technology ._scroll_bg { margin-top:0px;}


.top_technology { margin-top:100px;}


.sylogo { width:auto !important; height:32px !important;}




.a_more{ font-size:18px; color:#fff; padding:10px 50px 10px 50px; margin:30px 0 0px 0; display:inline-block; background:#036eb7;border-radius:25px;
  border: 1px solid #036eb7; float:left;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more:before {border-radius:25px;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3daaf5;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#fff;}





.ab51{width:30%; padding-top:1%;}
.ab5{ width:100%; float:right}
.ab5_1{ width:70%; float:left; padding-bottom:47px; color:#888888; }
.ab5_1 p{ width:100%; float:left; color:#000; font-size:17px;}
.ab6{ width:78px; height:78px; float:left;border-radius:50px; text-align:center; padding-top:10px; margin-right:20px; margin-bottom:50px;}
.ab6-1{ width:78px; height:78px; float:left;border-radius:50px; text-align:center; padding-top:10px; margin-right:20px; margin-bottom:50px;}

.ab5 img{ width:55px; height:auto; margin:auto; padding-top:0px;}




.num{
	margin-top: 20px;
}
.num ul li{
	float: left;
	margin-right: ; width:100%; margin-bottom:20px;
}
.num ul li:last-child{
	margin-right: 0;
}
.num ul li .t1{
	color: #0964ba;
	font-family: ;
	font-size: 20px;
	line-height: 1;
	margin-bottom: 15px;
}
.num ul li .t1 span{
	display: inline-block;
	vertical-align: top;
}
.num ul li .t1 .timer{
	font-size: 50px;font-family: 'Abel'; font-weight:900;
}
.num ul li .t2{
	font-family: 'Abel';
	color: #000000;
	/*font-size: 14px;*/
	font-size: 16px;/*20220614*/
	margin-bottom: 5px; font-weight:600;
}
.num ul li .t3{
	font-family:Abel;
	color: #999;
	font-size: 15px;
	
}

.news_detail_tu { width:30%; float:left; margin-right:5%; }

.news_list_wrapper { width:100%;}
.news_category { display:none;}
.news_time {font-family:Abel; font-size:21px;}
.news_list_wrapper .news_title p {font-family:Abel; font-size:20px;}
.news_list_wrapper .news_title span {font-family:Abel; font-size:17px; line-height:26px;}
.top .top_news { padding-top:60px;}
    
	
.all_cta ._title ._en { font-family:Abel; }
.biaoyu { height:60px !important;}

.footer_nav_wj {display:flex; justify-content: space-between; width:100%;}
.footer_nav_wj ul {width:35%;}	
.footer_nav_wj ul:nth-child(3){width:30%;}
.footer_nav_wj ul li { line-height:20px; padding-top:2px; padding-bottom:2px; font-size:16px;}
.footer_nav_wj ul li b{font-size:22px; line-height:55px}


.footer_nav_wj ul li a {font-size:16px;line-height: 30px;}
.footer_nav_wj ul li a:hover{ color:#0980da}
.footer_nav_wj ul p { line-height:35px; font-size:16px;}
.footer_nav_wj ul p a {font-size:16px;}

._company_name { font-weight:400 !important; line-height:30px;}
._company_name a{ font-weight:400 !important;}

.ewm { height:120px!important; width: auto !important; margin-top:10px;}

.header .gnav ul li:not(._contact) a { font-size:17px;}
.header .gnav ul li._contact span{ font-size:16px;}


.wenti { width:100%; margin:auto; height:170px; padding:50px 0px 50px; background:#0051ac; border-radius:0px 0px 0px 0px ;
  background-image: linear-gradient(90deg, #000  70%, #0d61a4 30%); margin-top:30px;
}
.wenti_1 { float:left; width:8%; padding-right:2%;}
.wenti_1 img { height:100%;}
.wenti_2 { float:left; width:70%; line-height:60px; font-family:Abel; font-weight:900; color:#fff; font-size:20px;}
.wenti_3 { float:left; width:30%;}
.wenti_3 .wenti_3_an { width:120px; line-height:45px; margin-top:8px; border-radius:25px; background:#fff; color:#fff; text-align:center; float:right; margin-right:10px; font-family:Abel; }
.wenti_3 a .wenti_3_an { color:#0051ac;}
.wenti_3 a:nth-child(2) .wenti_3_an {background: none; border:2px solid #fff; color:#fff;}

.index-content {width: 80%;margin: auto;}

.footer {border-radius:0px 0px 0px 0px; background:#081839; margin-top:0px; padding-top:30px;color:#FFFFFF }
.footer a{ color:#FFFFFF}
.footer a:hover{ color:#FFFFFF}





/*-- stats --*/
.main-stats-inner{
    background:#18a787; width:100%; float:left; margin-bottom:80px;
}
.main-stats-inner1{width:85%; margin:auto}


.main-stats-inner-img{
    margin:0;
    padding:0;
}
.main-stats-inner-img,.main-stats-inner-img.two {
    background: url(../images/n1.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height:300px; width:50%; float:right
}
.main-stats-inner-img.two{
     background: url(../images/n4.jpg) no-repeat center;
}
.stats_info p {
    font-size: 3em;
    letter-spacing: 1px;
    line-height: 2;
  font-family: 'Oswald';     color: #fff;
}
.stats_info h4 {
    color: #fff;
    font-size:16px; font-weight:normal;
    text-transform: uppercase;
}
.stats_info i {
    font-size: 2.3em;
      color: #fff;
    margin: 0;
    margin-top: 1.5em;
}
.stats_bottom_grid_left img {
	margin: 0 auto;
}
.stats_info { width:50%; float:left;
    text-align: center;
    padding: 8em 0 0 0; height:300px;
}

.stats_info:nth-child(3) {
	border-right: 0px;
}

.stats_info:nth-child(2) {
	border-left: 0px;
	border-right: 0px;
}





/*main css*/
.izl-rmenu2{position:fixed; right:.5%;  bottom:5%; padding-bottom:20px; background:url(../css_kefu/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu2 .btn{width:52px; height:53px; margin-bottom:1px; cursor:pointer; position:relative; border-radius:10px;}
.izl-rmenu2 .btn-qq{background:url(../css_kefu/r_qq.png) 0px 0px no-repeat; background-color:#0964ba;background-size: auto 52px;}
.izl-rmenu2 .btn-qq:hover{background-color:#0964ba;}
.izl-rmenu2 a.btn-qq,.izl-rmenu2 a.btn-qq:visited{background:url(../css_kefu/r_qq.png) 0px 0px no-repeat; background-color:#0964ba; text-decoration:none; display:block;background-size: auto 52px;}
.izl-rmenu2 .btn-wx{background:url(../css_kefu/r_wx.png) 0px 0px no-repeat; background-color:#0964ba;background-size: auto 52px;}
.izl-rmenu2 .btn-wx:hover{background-color:#0964ba;}
.izl-rmenu2 .btn-wx .pic{background-color:#0964ba; position:absolute; width:260px; left:-200px; top:0px; line-height:53px; color:#FFF; font-size:16px; text-align:center; display:none; border-radius:8px;}



.izl-rmenu2 .btn-phone{background:url(../css_kefu/r_phone.png) 0px 0px no-repeat; background-color:#0964ba;background-size: auto 52px; }
.izl-rmenu2 .btn-phone:hover{background-color:#0964ba;}
.izl-rmenu2 .btn-phone .phone{background-color:#0964ba; position:absolute; width:200px; left:-200px; top:0px; line-height:53px; color:#FFF; font-size:16px; text-align:center; display:none; border-radius:8px;}

.izl-rmenu2 .btn-skp{background:url(../css_kefu/r_skp.png) 0px 0px no-repeat; background-color:#0964ba;background-size: auto 52px;}
.izl-rmenu2 .btn-skp:hover{background-color:#0964ba;}
.izl-rmenu2 .btn-skp .skp{background-color:#0964ba; position:absolute; width:200px; left:-200px; top:0px; line-height:53px; color:#FFF; font-size:16px; text-align:center; display:none;}

.izl-rmenu2 .btn-top{background:url(../css_kefu/r_top.png) 0px 0px no-repeat; background-color:#444; display:none;background-size: auto 52px;}
.izl-rmenu2 .btn-top:hover{background-color:#444;}


._link_button { border:none;}
.all_tolist_icon { display:flex !important; align-items: flex-start!important; margin-top:50px;}
.all_tolist_icon::after { width:25px !important; color:#0964ba;}


.search { width:180px; height:44px; line-height:44px; border:2px solid #2869bc; border-radius:0px; overflow:hidden; background: none; border-radius:25px;}
.search form .search1 { border:none; width:120px; background:none; padding-left:20px; font-family:; color:#999; font-size:16px; float:left; line-height:40px;   }
.search form .searchimg1 { width:36px; height:36px; margin-right:2px; margin-top:2px; border-radius:; background: none; float:right;  border-radius:50%;} 


.header .gnav ul li._contact { margin-left:5px;}
.sousuo { width:40px; height:40px; border:0px solid #2869bc; border-radius:50%; background:#2869bc;
background-image: linear-gradient(to right, #0982f0,#2869bc, #2869bc);



}
@font-face {font-family: 'Aven';src: url('../fonts/AvenirLTStd-Book.otf');font-weight: normal;font-style: normal;} 

.top .top_hero ._title img { height:71px !important; width:auto !important; margin-bottom:50px;}
.top .top_hero ._title p { font-family:Aven; font-style:italic; color:#fff; font-size:32px; line-height:45px;  text-transform:capitalize;}
.top .top_hero ._title { width:63% !important; left:20%; top:39%;}

.top .top_hero { height:690px !important; overflow:hidden;  }


.zzz { font-size:20px !important; line-height:35px !important; width:80%; padding-top:20px; display:block; float:left; margin-top:12px; position:relative;}
.zzz:after { width:100px; height:2px; background:#fff; position:absolute; top:0px; left:0px; content:" ";}


.index_jianjie_con p {text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
height: 150px;
line-height: 30px;
}


.news_list_wrapper .news_title p {text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 40px;
line-height: 40px;}



.news_list_wrapper .news_title span {text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 50px;
line-height:25px;}

.news_list_wrapper .news_detail { width:68%; height:200px;}






/*内页 开始*/
#f1 { margin-top:115px;}
#f2 { margin-top:115px;}
#f3 { margin-top:115px;}
#f4 { margin-top:115px;}
#f5 { margin-top:115px;}
#f6 { margin-top:115px;}



.bottomNav{ display:none}
.tbottom{ display:none}

@media screen and (max-width: 860px) {

.top_product .section_title { width:100% !important; text-align:center; font-family:Abel; text-transform: capitalize; font-size:20px !important; padding-top:20px;}
.cptb img { width:auto !important; height:30px!important; margin-bottom:20px; margin:0px auto; } 
.top .top_product .section_title_wrapper ._lead_wrapper .section_lead { width:100% !important; text-align:center; margin-top:5px; font-size:12px; line-height:15px;}








.a_more{ font-size:13px; color:#fff; padding:7px 20px 7px 20px; margin:20px 0 0px 0; display:inline-block; background:#036eb7;border-radius:25px;
  border: 1px solid #036eb7; float:left;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more:before {border-radius:25px;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3daaf5;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#fff;}





.ab51{width:100%; padding-top:0%;}
.ab5{ width:100%; float:right}
.ab5_1{ width:70%; float:left; padding-bottom:0px; color:#888888; font-size:13px;}
.ab5_1 p{ width:100%; float:left; color:#000; font-size:15px;}
.ab6{ width:58px; height:58px; float:left;border-radius:50px; text-align:center; padding-top:10px; margin-right:20px; margin-bottom:5px;}
.ab6-1{ width:58px; height:58px; float:left;border-radius:50px; text-align:center; padding-top:10px; margin-right:20px; margin-bottom:5px;}

.ab5 img{ width:45px; height:auto; margin:auto; padding-top:0px;}



.footer_nav_wj {display:flex; justify-content: space-between; width:100%;}
.footer_nav_wj ul { width:100%;}	
.footer_nav_wj ul:nth-child(1){display:none;}	
.footer_nav_wj ul:nth-child(2){display:none;}	
.footer_nav_wj ul:nth-child(3){width:100%;}
.footer_nav_wj ul li { line-height:18px; padding-top:0px; padding-bottom:0px; font-size:14px;}


.footer_nav_wj ul li a {font-size:14px;line-height:20px;}
.footer_nav_wj ul p { line-height:20px; font-size:14px;}
.footer_nav_wj ul p a {font-size:14px;}




.flash{ width:100%; float:left; background:url(../images/ba3.jpg) no-repeat top center; background-size:cover!important; height:150px;}






.index-about-us {position: relative; height:500px; float:left; margin-top:20px;}
.index-about-us-main {position: absolute;color: #fff;width: 100%;height:500px;left: 0;top: 0;z-index: 11;}
.index-about-us-text {color: #fff;width:100%;left: 10%;top: 10%;position: absolute;z-index: 10;}
.index-about-us-text .title-1{overflow: hidden;color: #fff;}
.index-about-us-text .text-1{margin-top:2%;overflow: hidden; margin-bottom:5%; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.index-about-us-text .more-1{margin-top: 8%!important;}
.index-about-us-date { width:100%; float:left}
.index-about-us-date ul {list-style: none;margin: 0;padding: 0;width: 24%;display: inline-block;vertical-align: middle;}
.index-about-us-date ul li{list-style: none;margin: 0;padding: 0;font-family:AvenirLTStd;}
.index-about-us-date ul li strong{display: inline-block;vertical-align: middle;}
.index-about-us-date ul li sub{display: inline-block;vertical-align: middle;}
.index-about-us-date ul p{display: block;opacity: .4;margin: 0;padding: 0;}




.index-about-us-text { color:#333; top:30%; left: auto; right:0px; height:70%; width:50%; padding:0% 5% 0%; background:url(../images/bg2r.jpg) #004ea1; background-size:100% 100%; }
.index-heasn-valued-text .title-1 { margin-bottom:0px; font-family:Assistant; font-weight:900; color:#FFFFFF}

.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{overflow: hidden;padding:0% 0;}
.index-about-us-text .title-1 { color:#fff; margin-top:7%;}
.index-about-us-text .title-1 { font-size:20px;font-family: Assistant; text-transform:uppercase }
.index-about-us-text .text-1 p { line-height:22px; 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: 500px;
    width: 100%;
    padding: ;
    background: #004ea1;
}
.index-about-us-left img { width:100%; height:500px;}
.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:8% !important;}
.index-about-us-date ul p {color:#fff; }
.index-about-us-date { padding-top:0px; float:left}
.index-about-us-date ul li strong { font-size:40px; color:#fff;  font-family:AvenirLTStd; 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;
}




.more-1 {position: relative;display:block;margin: 4% 0;}
.more-1 a {color: #fff;position: relative;display: block;width: 170px;height: 54px;transition:all .8s ease-in-out;}
.more-1 a::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;border: 1px solid #fff;opacity: .3;transform:skewX(340deg);z-index: 1;}
.more-1 a::before {content: '';width: 18px;height: 100%;position: absolute;right: -14px;top:-8px;transform:skewX(340deg);z-index: 11;background: #004ea1;}
.more-1 a span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-family: 'Barlow-Bold';z-index: 11;width: 100%;text-align: center;}
.more-1 a:hover::after {background: #fff;opacity: 1;}
.more-1 a:hover span {color: #000;}
.more-1 a:hover::before {right: -11px;}




.index-news {padding: 1% 0 2% 0;}
.index-news-top {overflow: hidden;}
.index-news-top .title-1{overflow: hidden;padding:2% 0;}
.index-news-top .more-1{ float:right; position:static; padding-right:10px; margin-top:-30px;}
.index-news-top .more-1 a::after {border: 1px solid #d1d1d1;opacity: 1;}
.index-news-top .more-1 a span {color: #404040;}
.index-news-top .more-1 a:hover::after {border: 1px solid #404040;opacity: 1;background: #404040;}
.index-news-top .more-1 a:hover span {color: #aba93e;}
.index-news-center {overflow: hidden; height:auto;} 
.latest-news-item {width: 100%;position: relative;overflow: hidden;} 
.latest-news-item .img{float: left;width: 50%;overflow: hidden; height:125px;}
.latest-news-item .img img{height:125px;}
 
.latest-news-item .text{float: right;width: 45%;margin-top: 3%;} 
.latest-news-item .date-1{color: #1861b8;} 
.latest-news-item .title-1 {margin-top:0%;} 
.latest-news-item .text-1 {display:none;  }
.latest-news-item .jiantou-1 {margin-top:5%;width:10px;height: 10px;background: url('../images/r4.png') center no-repeat;filter: grayscale(100%); background-size:80%} 
.latest-news-item a:hover .title-1,.latest-news-item a:hover .text-1{color: #1861b8;}
.latest-news-item a:hover .jiantou-1 {filter: grayscale(0);}
.latest-news-item a:hover .pic {transform: scale(1.05);}
.index-news-bottom {clear: both;overflow: hidden;position: relative;margin-top: 1.5%;}
.index-news-bottom-left {float: left;width: 50%;}

.index-news-bottom-left .latest-news-item .text,
.index-news-bottom-left .latest-news-item .img {float: none;width: 100%;}
.index-news-bottom-left .latest-news-item .date-1 {margin-top:0%; padding-bottom:0px;}
.index-news-bottom-left .latest-news-item .title-1 {margin-top:0%; line-height:16px;}
.index-news-bottom-right {float: right;width: 48.5%;background: #f7f7f7;overflow: hidden;}
.index-news-bottom-right .latest-news-item {overflow: hidden;}
.index-news-bottom-right .latest-news-item a{display: block;position: relative;overflow: hidden;padding: 4% 0;}
.index-news-bottom-right .latest-news-item a::after {content: '';width: 90%;height: 1px;background: #e0e0e0;position: absolute;left: 5%;bottom: 0;}
.index-news-bottom-right .latest-news-item:last-child a::after {display: none;}
.index-news-bottom-right .latest-news-item .text {width: 90%;margin: auto;float: none;}
.index-news-bottom-right .latest-news-item .date-1{margin-top: 0;color: #1a1a1a;opacity: .6;}
.index-news-bottom-right .latest-news-item .title-1{margin-top: 2%;width:90%;}
.index-news-bottom-right .latest-news-item .jiantou-1{margin: 0;position: absolute;right: 5%;top: 60%;}
.index-news-bottom-right .latest-news-item a:hover {background: #1861b8;}
.index-news-bottom-right .latest-news-item a:hover .date-1{color: #1a1a1a;opacity: .6;}






.latest-news-item { background:url(../images/bg3.jpg) no-repeat left top #f4f4f4!important; background-size: 100% auto!important; height:auto; float:left; width:100%;}
.latest-news-item .text { padding-right:5%; width:45%; padding-left:5%;}
.index-news-bottom-left { width:100%; display:flex; justify-content: space-between;}

.index-news-bottom-left .latest-news-item { width:100%; float:left}
.index-news-bottom-left .latest-news-item:first-child { margin-right:0px !important;}


.index-news-bottom-left .latest-news-item { background: url(../images/bg3.jpg) no-repeat left top #f4f4f4!important; background-size:100% 100%!important; border:0px solid #ddd; padding:2%; width:100%;}
.solution-item-right { float:left;}
.solution-item-left { right:0px; left:inherit;}



.suspension{display:none}






/*手机版底部导航*/

#banner{ display:block}
.tbottom{ display:block; height:70px;}

.nav_bgc{ display:none}
.bottomNav {display:block;
	/*border:1px solid red;
	*/
    width:100%;
	height:70px;
	position:fixed;
	bottom:1px; z-index:100}
.bottomNav_item {
	/*border:1px solid red;
	*/
    width:25%;
	height:70px; border-top:1px solid #d8d8d8;
	float:left; color:#333;
	text-align:center; background:#fff;
}
.bottomNav_icon {
	margin:auto;
	width:30px;
	height:30px; margin-top:11px;
}
.bottomNav_icon img {
	width:100%;
	height:100%;
}
.bottomNav_item p {
	margin-top:3px; font-size:0.85rem}


.xianb{border-right: 1px solid #24833d;}
#BottomNav ul li a {
    color: #0e4ca0;
    display: block;
     padding-bottom:0.5rem; 
    padding-top:0.5rem; 

}



#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
	}

.gray {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
}
.inital_color { color:#0e4ca0}






.an3{ width:100%; float:left; background:#f7f7f7; padding:4%; margin-bottom:20px;}

.an31{ width:100%; float:left;}
.an31 strong{ width:100%; float:left; color:#000000; padding-bottom:0px;font-weight:0; font-size:15px;}
.an31 ul{ width:95%; float:left; border-right:#e9e9e9 solid 0px; padding-right:5%;}
.an31 ul li{ float:left; line-height:20px; color:#7a7a7a; font-size:14px;}
.an31 ul li:nth-child(1n){  width:100%;}
.an31 ul li:nth-child(2n){ width:100%; float:right;}


.an32{ width:100%; float:left; padding-top:10px;}
.an32 strong{ width:100%; float:left; color:#000000; padding-bottom:0px; font-weight:0;}
.an32 ul{ width:100%; float:left;font-size:15px;}
.an32 ul li{ width:100%; float:left; line-height:20px;color:#7a7a7a;font-size:14px;}








}