/* banner */
.banner{width: 100%;height:auto;overflow: hidden;position: relative;}
.banner .swiper{width: 100%;height: 100%;}
/* .banner .swiper img{width: 100%;height:100%;} */
.banner .list{width:100%;height: 100%;}
.banner .pcpt{display: block;}
.banner .mbpt{display: none;}
.banner #banner_prev,.banner #banner_next{position: absolute;top: 48.5%;transform: translateY(-50%);width: 27px;height: 47px;z-index: 3;cursor: pointer;}
.banner #banner_prev{left:5%;background: url(../images/banner_prev.png)no-repeat center;opacity: 1;transition: opacity 0.3s linear;}
.banner #banner_next{right: 5%;background: url(../images/banner_next.png)no-repeat center;opacity: 1;transition: opacity 0.3s linear;}
.banner #banner_prev.fade{opacity: 0;}
.banner #banner_next.fade{opacity: 0;}
.banner .swiper-pagination{width:100%;height: 8px;padding: 0;margin: 0;bottom: 38px;}
.banner .swiper-pagination-bullet{margin: 0 8px;}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.banner .swiper-pagination span{width: 10px;height: 10px;background: #ccc;padding: 0;border: solid 1px transparent;opacity: 1;vertical-align: middle;border: 0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{/* width: 6px;height: 6px; */width:16px;height:16px;border-color:transparent;background: #fff;}
.banner .swiper-pagination-bullet{border-radius: 16px;}
.banner .swiper-pagination{height: auto;bottom: 30px;}
.banner #banner_mb{display: none;}

.banner .num_page{position: absolute;right:5%;bottom:30px;width:auto;z-index: 2;color: #fff;font-size: 40px;font-family: mont;white-space: nowrap;}
.banner .num_page span{display: inline-block;}

@media only screen and (max-width:1260px){
	.banner #banner_prev, .banner #banner_next{width: 20px;height: 30px;}
	/* .banner #banner_prev,.banner #banner_next{background-size: 20px;} */
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 13px;}
	.banner .num_page{font-size: 48px;}
}
@media only screen and (max-width:1080px){
	.banner .num_page{font-size: 40px;}
	.banner .swiper-pagination span.swiper-pagination-bullet-active{width: 12px;height: 12px;}
}
@media only screen and (max-width:768px){
	.banner .num_page{font-size:30px;}
}
@media only screen and (max-width:750px){
	/* .banner #banner_pic{display: none;}
	.banner #banner_mb{display: block;} */
}
@media only screen and (max-width:480px){
.banner #banner_prev, .banner #banner_next{height: 22px;background-size: 12px;}
	.banner #banner_prev{left: 3%;}
	.banner #banner_next{right: 3%;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
	.banner .swiper-pagination{bottom: 13px;}
	.banner .swiper-pagination span{width: 6px;height: 6px;margin: 0 5px;}
	.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
	.banner .num_page{font-size:20px;bottom:13px}
}

/* .banner .list01 {position: relative;z-index: 1;background: #c2b4a7;overflow: hidden;}
.banner .list01 .text{position: absolute;left: 0;top:46.5%;width:100%;height: auto;transform: translate(0,-50%);z-index: 2;}
.banner .list01 .text .wrap{margin: 0 0 0 auto;text-align: right;transform: translateX(50%);opacity: 0.2;transition: all 0.6s 0.9s ease-out;}
.banner .list01 .text .bottom img{margin-top: 6.5%;transform: translateX(17px);}
.banner .list01 .img{overflow: hidden;}
.banner .list01 .img img{transform: translateX(-50%);opacity: 0.2;transition: all 1s 0.5s ease-out;}
.banner .list01.after .img img{transform: translateX(0);opacity: 1;}
.banner .list01.after .text .wrap{transform: translateX(0);opacity: 1;}
@media only screen and (max-width:1260px){
	.banner .list01 .text .bottom img{transform: translateX(5px);}
	.banner .list01 .text .wrap{width: 50%;}
}
@media only screen and (max-width:480px){
	.banner .list01 .text .wrap{width: 65%;}
	.banner .list01 .text .wrap .top{margin: 0 0 0 auto;width: 60%;}
} */


/* common_css */
section{width: 100%;overflow: hidden;}
.green{background-image:-webkit-linear-gradient(left,#1f512a,#429070);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

/* common_css */
.idx_top{padding: 0 0 6%;}
.idx_title {color: #000;}
.top_more{display: inline-block;font-size: 24px;text-transform: uppercase;font-family: mont;position: relative;vertical-align: text-bottom;color: #332c2b;}
.top_more:after{content:"";position: absolute;width:100%;top:100%;left: 0;width:0;height:6px;background: #f08903;transition: all .3s ease;}
.idx_title .title{font-size: 48px;position: relative;z-index: 1;line-height: 1em;display: inline-block;color: #00133b;}
/* .idx_title .title:after{content: "";position: absolute;left: 0;bottom: 0;width: 80px;height: 9px;background: #ff7e00;z-index: -1;} */
.idx_title .slogan{margin-top: 20px;font-size: 36px;color: #333;}
.idx_title .en{display: block;margin-bottom: 10px;font-size: 18px;font-family: arial;color: #999;text-transform:capitalize;}
.idx_title .line{display: inline-block;margin-top:5%;width: 65px;height: 3px;background:#00123a;}

.idx_wrap{margin:0 auto;width:100%;max-width: 1430px;}
@media only screen and (min-width:481px){
	.top_more:hover:after{width:100%}
}
@media only screen and (max-width:1440px){
	.idx_top{padding: 0 0 50px;}
	/* .idx_title .title{font-size: 30px;} */
	.idx_title .title:after{width: 70px;}
}
@media only screen and (max-width:1260px){
	.idx_title .title{font-size: 32px;}
	.idx_title .title:after{width: 58px;height: 5px;}
	.idx_title .slogan{font-size:28px;}
	.top_more{font-size: 20px;}
}
@media only screen and (max-width:1080px){
	.idx_title .title{font-size: 30px;}
	.idx_title .slogan{font-size:22px;}
	.idx_title .line{width: 46px;}
}
@media only screen and (max-width:850px){
	.idx_top{padding: 0 0 34px;}
	.idx_title .title{font-size: 26px;}
	.idx_title .slogan{margin-top:16px;font-size:18px;}
	.top_more{font-size: 18px;}
}
@media only screen and (max-width:520px){
	.idx_title .title{font-size: 18px;}
	.idx_title .en{font-size: 12px;}
	.idx_title .title:after{width: 33px;height: 3px;}
	.idx_title .slogan{font-size: 14px;}
	.idx_title .line{margin-top:20px;width: 36px;height: 1px;}
	.top_more{font-size: 16px;}
}

/* idx_more */
.idx_more_button{position:relative;display:inline-block;width:200px;border:1px solid #00133b;overflow: hidden;}
.idx_more_button a{display: block;padding:0 20px;}
.idx_more_button .button_fl{color: #00133b;font-size: 16px;line-height: 52px;position: relative;z-index: 10;transition: all .36s ease;}
.idx_more_button .button_fr{width: 16px;line-height: 52px;position: relative;z-index: 10;}
.idx_more_button .button_mc{position: absolute;width: 400px;height: 500px;background: #00133b;right: -380px;top: -135px;z-index: 1;transition: all .5s ease;transform: rotateZ(-65deg);}
@media only screen and (min-width:521px){
	.idx_more_button:hover .button_mc{right:0;}
	.idx_more_button:hover .button_fl{color: #fff;}
}
@media only screen and (max-width:1260px){
	.idx_more_button{width: 170px;}
	.idx_more_button .button_fl{line-height: 40px;}
	.idx_more_button .button_fr{line-height:40px;}
}
@media only screen and (max-width:850px){
	.idx_more_button{width: 150px;}
	.idx_more_button .button_fl{line-height: 36px;font-size: 14px;}
	.idx_more_button .button_fr{line-height:36px;}
}
@media only screen and (max-width:520px){
	.idx_more_button{width: 145px;}
	.idx_more_button .button_fl{line-height: 36px;font-size: 13px;}
	.idx_more_button .button_fr{line-height:36px;}
}

/* home_profile */
.home_profile{padding:5.5% 0 2%;position: relative;}
.home_profile .layout{width:84.6%}
.home_profile .lf_part{padding-top:8px;width:44.7%}
.home_profile .lf_part .content{margin:7.4% 0;padding-right:12%;font-size:16px;color: #333;line-height: 1.8;box-sizing: border-box;}
.home_profile .lf_part .content p{margin-bottom:6%}
.home_profile .lf_part .content p:last-child{margin-bottom: 0;}
.home_profile .rt_part{width: 55.3%;}
.home_profile .lf_white{position: absolute;left:0;top:0;width:61.2%;height: 100%;background-color: #fff;z-index: -1;background-image: url(../images/name_bg.png);background-repeat: no-repeat;background-attachment: fixed;background-position: left center;}
.home_profile .rt_blue{position: absolute;right:0;top:0;width:100%;height:100%;background-color: #00133b;z-index: -2;}
#myCanvas{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}

.num_ys{margin-top:3.6%;width: 59.4%;}
.num_ys ul{margin: 0 auto;width: 100%;flex-wrap: wrap;}
.num_ys ul li{padding: 38px 3%;width: 33%;box-sizing: border-box;position: relative;color: #333;}
.num_ys ul li:after{content: "";position: absolute;right: 0;top: 50%;width: 1px;height: 60%;background: #dbe9f4;transform: translateY(-50%);}
.num_ys ul li::before{content: "";position: absolute;bottom: 0;left: 50%;width: 80%;height: 1px;background: #dbe9f4;transform: translateX(-50%);}
.num_ys ul li:nth-child(3n):after{content: initial;}
.num_ys ul li .top{white-space: nowrap;}
.num_ys ul li .top span{display: inline-block;vertical-align: text-bottom;font-size: 24px;}
.num_ys ul li .top span.num{margin-right: 15px;font-size: 55px;font-family: impact;line-height: 1em;color: #ffd200;letter-spacing: 2px;}
.num_ys ul li p{margin-bottom: 14px;font-size: 18px;text-indent: initial;}

.ys_area{margin-top: 5%;padding: 5% 0;background: #fafcff;/* #f2f9ff */}
.ys_area .content{margin-top: 30px;font-size: 16px;line-height: 2;}
@media only screen and (max-width:1260px){
	.home_profile .layout{width:100%;}
	
	.num_ys ul li:nth-child(1){margin-left: 0;}
	.num_ys ul li .top span.num{font-size: 40px;}
	.num_ys ul li .top span{font-size: 16px;}
	.num_ys ul li p{font-size: 18px;}
}
@media only screen and (max-width:1080px){
	.num_ys ul{justify-content: space-around;}
	.num_ys ul li{padding: 20px 3%;margin-left: 0;}
}
@media only screen and (max-width:850px){
	.home_profile .idx_title{text-align: center;}
	.home_profile .idx_title .line{display: none;}
	.home_profile .lf_part{padding-top:0;width: 100%;background:rgba(255,255,255,0.6)}
	.home_profile .lf_part .content{margin:4.5% 0;padding:0;}
	.home_profile .rt_part{margin-top:5%;width: 100%;}
	.home_profile .lf_white{width: 100%;background-size: 60px auto;}
	.home_profile .rt_blue{display:none;}
	
	.ys_area{margin-top: 40px;padding: 40px 0;}
	.ys_area .content{line-height: 28px;margin-top: 15px;}
	.num_ys{width: 100%;}
	.num_ys ul li .top span.num{margin-right: 8px;font-size: 33px;}
	.num_ys ul li p{margin-top: 10px;}
}
@media only screen and (max-width:520px){
	.home_profile{padding:32px 0}
	.home_profile .lf_part .content{margin:5% 0;font-size:14px;line-height: 24px;}
	.home_profile .lf_white{background-size:48px auto;}
	
	.ys_area{display: none;margin-top: 30px;padding: 9% 0 6%;}
	.ys_area .content{font-size: 14px;line-height: 24px;}
	.num_ys{}
	.num_ys ul{justify-content: flex-start;}
	.num_ys ul li:nth-child(2n):after{content: initial;}
	.num_ys ul li::before{width: 90%;}
	.num_ys ul li{padding:10px 0;width: 33.3%;}
	.num_ys ul li:after{content:initial}
	.num_ys ul li .top span.num{font-size: 18px;}
	.num_ys ul li .top span{font-size: 14px;}
	.num_ys ul li p{font-size: 12px;font-size: 14px;}
}

/* home_product_kx */
.home_product_kx{padding:5.5% 0 0;}
.home_product_kx .product_box{margin-top:4.5%;width: 100%;position: relative;}
.home_product_kx .product_box .big_show{width: 100%;}
.home_product_kx .product_box .big_show .swiper-slide{overflow: hidden;}
.home_product_kx .product_box .big_show .img > img{width: 100%;opacity: 0;height: 70vh;min-height: 744px;}
.home_product_kx .product_box .big_show .img .slide-inner{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;transition-timing-function: ease-in-out;}
.home_product_kx .product_box .big_show .img .slide-inner-m{display: none;}
.home_product_kx .product_box .big_show .pro_title{position: absolute;left:50%;top:43%;width:auto;white-space: nowrap;text-align: center;z-index: 4;color: #fff;transform: translate(-50%,-50%);}
.home_product_kx .product_box .big_show .pro_title h3{font-size:48px;font-weight: normal;}
.home_product_kx .product_box .big_show .pro_title i{display: inline-block;margin-top:26px;width: 52px;height: 52px;background-color: #00123a;border-radius: 50%;position: relative;}
.home_product_kx .product_box .big_show .pro_title i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.home_product_kx .pro_ico{position: absolute;left: 0;bottom: 0%;width: 100%;box-sizing: border-box;z-index: 3;}
.home_product_kx  .small_show{padding:0 7%;box-sizing: border-box;}
/* .home_product_kx  .small_show .right_img_list{border: 1px solid transparent;box-sizing: border-box;} */
/* .home_product_kx  .small_show .swiper-slide-thumb-active{border:1px solid #000;transition:all .3s ease 0s;} */
.home_product_kx  .small_show .swiper-slide{width: auto;}
.home_product_kx  .small_show .item{padding: 40px 0 30px;text-align: center;position: relative;cursor: pointer;transition: all .3s linear;opacity: 0.6;}
/* .home_product_kx  .small_show .item::before{content: "";position: absolute;right: 0;top: 50%;width: 1px;height: 80px;background: #f2f2f2;transform: translateY(-50%);} */
.home_product_kx  .small_show .item .img{position: relative;width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.home_product_kx  .small_show .item .img img{width: auto;max-height: 100%;}
.home_product_kx  .small_show .item .img i{display: inline-block;width: 78px;height: 78px;border: 1px solid #fff;border-radius: 50%;box-sizing: border-box;}
.home_product_kx  .small_show .ip1 i{padding: 8px 0;width: auto;position: relative;}
.home_product_kx  .small_show .ip1 .ip_1{display: block;width: 46px;height: 19px;background: url(../images/ico_pro1.png)repeat-x;background-position: left -3px top 0;}
.home_product_kx .small_show .swiper-slide-thumb-active .ip1 .ip_1{animation: scroL 4s 0s linear 1;} 
@keyframes scroL{
	from{background-position: left -3px top 0;}
	to{background-position: left 151px top 0;}
}
.home_product_kx  .small_show .ip1 .line{position: absolute;right: 0;top: 0;width: 100%;height: 5px;border-radius: 10px;background: #fff;transition: all 0.4s linear;}
.home_product_kx  .small_show .swiper-slide-thumb-active .ip1 .line{animation: w100 1.5s 0s linear 1;}
.home_product_kx  .small_show .ip1 .line2{position: absolute;left: 0;bottom: 0;width: 100%;height: 5px;border-radius: 10px;background: #fff;transition: all 0.4s linear;}
.home_product_kx  .small_show .swiper-slide-thumb-active .ip1 .line2{animation: w100 1.5s 0s linear 1;}
@keyframes w100{
	from{width: 0;}
	to{width: 100%;}
}
@-ms-keyframes w100{
	from{width: 0;}
	to{width: 100%;}
}
.home_product_kx  .small_show .ip2 i{position: relative;}
.home_product_kx  .small_show .ip2 .ip2_dot{position: absolute;right: 6px;bottom: 8px;width: 17px;height: 17px;background: url(../images/ico_pro2_dot.png)no-repeat center;}
.home_product_kx  .small_show .swiper-slide-thumb-active .ip2 .ip2_dot{animation: roa 2s 0s linear 1 forwards;}
@keyframes roa{
	0{right: 6px;bottom:8px;}
	25%{right: 6px;bottom: 15px;}
	50%{right: 6px;bottom: 5px;}
	75%{right: 15px;bottom: 5px;}
	100%{right: 6px;bottom: 8px;}
}
@-ms-keyframes roa{
	0{right: 6px;bottom:8px;}
	25%{right: 6px;bottom: 15px;}
	50%{right: 6px;bottom: 5px;}
	75%{right: 15px;bottom: 5px;}
	100%{right: 6px;bottom: 8px;}
}

.home_product_kx  .small_show .item p{margin-top: 14px;font-size: 16px;color: #fff;white-space: nowrap;}
.home_product_kx  .small_show .swiper-slide-thumb-active .item{transform:translateY(-15px);opacity: 1;}
/* .home_product_kx  .small_show .swiper-slide-thumb-active .item:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #005ba0;border-radius: 4px 4px 0 0;} */
.home_product_kx  #pro_prev,.home_product_kx  #pro_next{position: absolute;top: 50%;width: 16px;height: 25px;transform: translateY(-50%);background-repeat: no-repeat;background-position: center;background-size: 100%;z-index: 3;cursor: pointer;}
/* .home_product_kx  #pro_prev{left: 25px;background-image: url(../images/icon_04.png);}
.home_product_kx  #pro_next{right: 25px;background-image: url(../images/icon_05.png);} */
.home_product_kx .swiper-button-disabled{filter: grayscale(1);}

.home_product_kx .product_box .mask{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 2;}

/* 鍔ㄧ敾 */
/* #idx_pro.active .home_product_kx .small_show .swiper-slide-thumb-active .ip1 .ip_1{animation: scroL 2s 0s linear 1 ;}
#idx_pro.active .home_product_kx  .small_show .swiper-slide-thumb-active .ip1 .line{animation: w100 1s 0s linear 1;}
#idx_pro.active .home_product_kx  .small_show .swiper-slide-thumb-active .ip1 .line2{animation: w100 1s 0s linear 1;} */
@media only screen and (max-width:1260px){
	.home_product_kx .product_box .big_show .pro_title h3{font-size:36px;}
	.home_product_kx .product_box .big_show .pro_title i{width: 46px;height: 46px;}
	.home_product_kx .product_box .big_show .pro_title i img{width: 42%;}
	.home_product_kx .small_show{padding:0}
	.home_product_kx .small_show .item{padding: 20px 0 15px;}
	.home_product_kx .small_show .item .img i{width: 60px;height: 60px;}
	.home_product_kx .small_show .item p{font-size: 16px;}
}
@media only screen and (max-width:1080px){
	.home_product_kx .pro_ico{margin-top: 0;}
	.home_product_kx .product_box .big_show .img > img{height: 60vh;min-height:600px}
}
@media only screen and (max-width:850px){
	.home_product_kx .product_box .big_show .pro_title h3{font-size:26px;}
	.home_product_kx .product_box .big_show .img > img{height: 36vh;min-height:initial}
	.home_product_kx .small_show .item p{font-size: 16px;}
	.home_product_kx .small_show .swiper-slide-thumb-active .item{transform: translateY(-8px);}
	.home_product_kx .small_show .item .img i{width: 50px;height: 50px;}
}
@media only screen and (max-width:520px){
	.home_product_kx{padding:36px 0 0;}
	.home_product_kx .small_show .item{padding: 10px 0;}
	.home_product_kx .small_show .item .img{height: 50px;}
	.home_product_kx .small_show .item p{margin-top:10px;font-size: 14px;}
	.home_product_kx .small_show .item .img i{width: 40px;height: 40px;}
	.home_product_kx .pro_ico{width: 100%;}
	.home_product_kx .small_show .swiper-slide{width: 100%;min-width: initial;}
	.home_product_kx .product_box .big_show .img #slide-inner01,.home_product_kx .product_box .big_show .img #slide-inner02{display: none;}
	.home_product_kx .product_box .big_show .img .slide-inner-m{display: block;}
}

/* home_customer */
.home_customer{padding:5% 0;overflow: hidden;position: relative;background: #f5f5f5;}
.home_customer .title{font-size:22px;}
.home_customer .b{width: 100%;}
.home_customer .por{/* padding:0 10%; */box-sizing: border-box;}
/* .home_customer .por:after{content: "";position: absolute;left:95.5%;top:0;width:100%;height: 100%;background: rgba(255,255,255,0.5);z-index: 2;}
.home_customer .por:before{content: "";position: absolute;right:95.5%;top:0;width:100%;height: 100%;background: rgba(255,255,255,0.8);z-index: 2;} */
.home_customer .swiper{}
.home_customer .img{position: relative;padding-bottom: 56%;width:100%;height:0;overflow: hidden;}
.home_customer .img img{position: absolute;left:50%;top:50%;width:auto;max-width:initial;max-height: 100%;transform: translate(-50%,-50%);}
.home_customer #cus_prev,.home_customer #cus_next{position: absolute;top:50%;transform: translateY(-50%);z-index: 2;display:none;}
.home_customer #cus_prev i,.home_customer #cus_next i{display: inline-block;width:46px;height: 46px;border-radius: 50%;border:2px solid #1f512a;cursor: pointer;}
.home_customer #cus_prev i img,.home_customer #cus_next i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.home_customer #cus_prev{left:5%}
.home_customer #cus_next{right:5%}
@media only screen and (min-width:521px){
	.home_customer #cus_prev i:hover,.home_customer #cus_next i:hover{background: #1f512a;}
	.home_customer #cus_prev i:hover img,.home_customer #cus_next i:hover img{filter:grayscale(1) brightness(100);}
}
@media only screen and (max-width:1260px){
	.home_customer .title{font-size: 18px;}
	.home_customer #cus_prev i, .home_customer #cus_next i{width: 35px;height: 35px;}
	.home_customer #cus_prev i img, .home_customer #cus_next i img{width: 16px;}
}
@media only screen and (max-width:850px){
	.home_customer .title{font-size: 16px;}
}
@media only screen and (max-width:520px){
	.home_customer .title{font-size: 14px;}
	.home_customer #cus_prev{left:0}
	.home_customer #cus_right{right:0}
}

/* home_solution */
.home_solution{padding:5% 0 0}
.home_solution .solute_layout{margin-top:4.5%;}
.home_solution .solute_nav{position: relative;width: 26%;z-index: 1;background: #00133b url(../images/solute_img.png)no-repeat right bottom/86% auto;z-index: 2;box-sizing: border-box;}
.home_solution .solute_nav ul li{padding: 14% 4% 13% 7%;cursor: pointer;box-sizing: border-box;z-index: 1;color: #fff;}
.home_solution .solute_nav ul li > .flx_w{align-items: center;justify-content: flex-start;}
.home_solution .solute_nav ul li .num{font-size: 48px;margin-right: 15%;font-weight:bold;font-family:arial;}
.home_solution .solute_nav ul li.on{background-color:#272c35;color:#ffd200;}
/* .home_solution .solute_nav ul li.on:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} */
.home_solution .solute_nav ul li .wrap i{display: inline-block;margin-right: 18px;vertical-align:middle;filter:grayscale(1) brightness(100)}
.home_solution .solute_nav ul li.on .wrap i{filter:initial;}
.home_solution .solute_nav ul li .hd{display: inline-block;font-size: 20px;vertical-align:middle;}
.home_solution .solute_nav ul li .detail_con{position: absolute;padding: 15% 7% 28% 31px;left: 96%;top: 0%;width: 407px;background: #272c35;color: #fff;text-align: left;box-sizing: border-box;opacity: 0;z-index: -1;visibility: hidden;}
.home_solution .solute_nav ul li.on .detail_con{visibility: visible;left: 100%;opacity: 1;transition: all .4s cubic-bezier(.215,.61,.455,1);}
.home_solution .solute_nav ul li .detail_con .tit{margin-bottom: 6%;font-size: 24px;line-height: 1.9;}
.home_solution .solute_nav ul li .detail_con .con{font-size: 16px;line-height: 2.2;text-align: justify;}
.home_solution .solute_nav ul li .detail_con .more span{display: inline-block;margin-top: 19%;padding: 15px 20px;font-size: 14px;box-sizing: border-box;background: #13527d;}
.home_solution .solute_nav ul li .detail_con .more span i{display: inline-block;margin-left: 13px;width: 11px;height: 18px;background: url(../images/icon_02.png)no-repeat center;vertical-align: text-bottom;}
.home_solution .pic_content{width: 74%;}
.home_solution .pic_content .slogan{display: block;margin-bottom: 4%;text-align: right;font-size: 42px;color: #fefefe;}
.home_solution .pic_content .item .img{overflow: hidden;}
.home_solution .solute_nav .solute_slide{display: none;position: absolute;width: auto;right: 3%;bottom: 10%;white-space: nowrap;z-index: 2;}
.home_solution .solute_nav .solute_slide > div{display: inline-block;vertical-align: middle;cursor: pointer;}
	.home_solution .solute_nav .solute_slide i{display: inline-block;}
	.home_solution .solute_nav .solute_slide i img{display: block;}
 @media only screen and (max-width:1440px){
	 .home_solution .solute_nav{padding: 1% 0 3%;}
	 .home_solution .solute_nav ul li .num{font-size:36px;margin-right:10%;}
	 .home_solution .solute_nav ul li .detail_con{top: 2.3%;padding: 10% 10% 15% 26px;}
	 .home_solution .solute_nav ul li .detail_con .tit{font-size: 19px;}
	 .home_solution .solute_nav ul li .wrap i{margin-right:10px;width: 30px;}
	 
 }
 @media only screen and (max-width:1260px){
	.home_solution .solute_layout{position: relative;}
	.home_solution .solute_nav{position: absolute;left: 3%;bottom: 3%;width: 94%;height: 45%;z-index: 2;background: rgba(0,19,59,0.7);}
	.home_solution .solute_nav ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
	.home_solution .solute_nav ul li{position: absolute;left: 0;top: 0;padding: 25px 3%;width: 100%;z-index: 2;display: none;}
	.home_solution .solute_nav ul li .hd{font-size: 18px;}
	.home_solution .solute_nav ul li.on{display: block;}
	.home_solution .solute_nav ul li .num{margin-right: 13px;font-size:28px}
	.home_solution .solute_nav ul li .wrap i{vertical-align: top;}
	.home_solution .solute_nav ul li .detail_con{position: initial;padding: 2% 0;width: 100%;}
	.home_solution .solute_nav ul li .detail_con .tit{display: none;margin-bottom: 10px;font-size: 18px;}
.home_solution .solute_nav ul li .detail_con .con{line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
	 .home_solution .solute_nav ul li .detail_con .more span{margin-top: 2.5%;padding: 10px;}
	 
	.home_solution .pic_content{width: 100%;}
	.home_solution .pic_content .item .img{position: relative;width: 100%;min-height: 680px;overflow: hidden;border-radius: 0;}
	.home_solution .pic_content .item .img img{position: absolute;left: 50%;top: 50%;height: 100%;width: auto;max-width: initial;transform: translate(-50%,-50%);}
	.home_solution .solute_nav .solute_slide{display: block;}
}
@media only screen and (max-width:1080px){
 .home_solution .solute_nav ul li i{width: 50px;}
.home_solution .solute_nav ul li .hd{font-size: 18px;}
	.home_solution .pic_content .slogan{font-size: 34px;}
}
@media only screen and (max-width:768px){
	.home_solution .pic_content .slogan{font-size: 30px;}
.home_solution .solute_nav ul li .hd{}
}
@media only screen and (max-width:680px){
	.home_solution .solute_nav{position: relative;left: initial;bottom: initial;width: 100%;height: 40vh;}
	.home_solution .solute_nav ul li{padding: 6% 3%;}
	.home_solution .solute_nav ul li .num{font-size:22px;}
	.home_solution .pic_content .item .img{min-height: 380px;}
}
@media only screen and (max-width:480px){
 .home_solution{padding:36px 0 0;}
 .home_solution .solute_nav{height: 37vh;}
 .home_solution .solute_nav ul li{}
 .home_solution .solute_nav ul li .hd{font-size: 16px;}
 .home_solution .solute_nav ul li i{width: 40px;}
 .home_solution .solute_nav ul li p{font-size: 14px;}
 /*.home_solution .pic_content{display: none;}*/
	.home_solution .pic_content .slogan{font-size: 22px;}
 .home_solution .pic_content .item .img{min-height: auto;height: auto;}
 .home_solution .pic_content .item .img img{position: initial;transform: initial;height: auto;width: 100%;max-width: 100%;}
 .home_solution .solute_nav ul li .wrap i{display: none;}
 .home_solution .solute_nav ul li .detail_con .con{font-size: 14px;line-height: 24px;}
 .home_solution .solute_nav ul li .detail_con .more span{padding: 8px 10px;font-size: 12px;}
 .home_solution .solute_nav ul li .detail_con .more span i{width: 6px;height: 15px;background-size: 100% auto;}
 .home_solution .solute_nav .solute_slide{bottom: 15px;}
}
@media only screen and (max-width:320px){
 .home_solution{padding: 30px 0;}
	.home_solution .pic_content .slogan{font-size: 18px;}
}






.video-player{width: 100%;position: fixed;left: 50%;top: 50%;width: 90%;height: 80%;background-color: #000;transform: translate(-50%,-50%);z-index: 99;visibility: hidden;}
.video-player video{display: block;width: 100%;height: 100%;}
.video-player .v_close{position: absolute;right:0;top: 0;width: auto;z-index: 2;cursor: pointer;}
.video-player .center-control{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;display: flex;align-items: center;justify-content: center;transition: opacity 0.1s linear;}
.video-player .center-control .center-wrapper{position: relative;width: 23%;max-width: 120px;text-align: center;}
.video-player .center-control .center-wrapper:after{content: "";display: block;padding-bottom: 100%;}
.video-player .center-control .center-button{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: transparent;}
.video-player .center-control .center-wrapper .icon_play,.video-player .center-control .center-wrapper .circle{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video-player .center-control .center-wrapper .icon_play{display: inline-block;width: 48px;height: 48px;background: url(../images/v_play_center.png)no-repeat center/100% auto;filter: brightness(100);}
.video-player .center-control .center-wrapper .circle{width: 100%;height: 100%;border-radius: 50%;box-sizing: border-box;border: 3px solid #fff;background: rgba(0,0,0,0.15);}
.video-player .control-bar{position: absolute;padding: 14px;left: 0;bottom: 0px;width: 100%;background: rgba(0,0,0,0.35);z-index: 2;box-sizing: border-box;display: flex;flex-wrap: nowrap;justify-content:flex-start;color: #fff;transition: opacity 0.3s linear;align-items: center;}
.video-player .control-bar .bar-item{display: inline-block;vertical-align: text-bottom;}
.video-player .control-bar .lf-panel{width: 50px;height: 25px;}
.video-player .control-bar .lf-panel .bf-icon{display: inline-block;margin-top: 3px;width: 35px;height: 25px;filter: brightness(10);}
.video-player .control-bar .lf-panel .bf-icon.play{background: url(../images/v_play_center.png)no-repeat center/65% auto;}
.video-player .control-bar .lf-panel .bf-icon.pause{background: url(../images/pause2.png)no-repeat center/65% auto;}
.video-player .control-bar .center-panel{width: calc(100% - 61px);width: -webkit-calc(100% - 61px);}
.video-player .control-bar .center-panel .progress-wrapper{padding-right: 6px;width: calc(100% - 80px);width: -webkit-calc(100% - 80px);box-sizing: border-box;}
.video-player .control-bar .center-panel .progress-wrapper .progress-bar{width: calc(100% - 86px);width:-webkit-calc(100% - 86px)}
.video-player .control-bar .center-panel .progress-wrapper .progress-bar .control-progress{-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 13px;padding: 5px 0;cursor: pointer;margin-bottom: 2px;white-space: nowrap;box-sizing: border-box;}
.video-player .control-bar .center-panel .progress-wrapper .progress-bar .control-progress .progress-inner{position: relative;display: inline-block;vertical-align: top;width: calc(100% - 13px);height: 3px;background: hsla(0,0%,100%,.4);}
.video-player .control-bar .center-panel .progress-wrapper .progress-bar .control-progress .reached {position: absolute;z-index: 1;top: 0;left: 0;width: 1%;background: #429070;height: 100%;}
.video-player .control-bar .center-panel .progress-wrapper .progress-bar .control-progress .indicator {position: absolute;z-index: 2;display: inline-block;width: 14px;height: 14px;border-radius: 100%;background: #fff;top: -6px;}
.video-player .control-bar .center-panel .progress-wrapper .current-time, .video-player .control-bar .center-panel .progress-wrapper .total-time {width: 34px;color: #fff;}
.video-player .control-bar .center-panel .volume{width: 74px;margin-top: 5px;}
.video-player .control-bar .center-panel .volume #volume{display: inline-block;vertical-align: middle;width: 20px;height: 18px;filter: brightness(100);}
.video-player .control-bar .center-panel .volume .icon-volume{background: url(../images/icon_volume.png)no-repeat center;}
.video-player .control-bar .center-panel .volume .icon-volume-mute{background: url(../images/icon_volume_mute.png)no-repeat center;}
.video-player .control-bar .center-panel .volume .controlBar{position: relative;display: inline-block;vertical-align: middle;width: calc(100% - 26px);height: 3px;background: hsla(0,0%,100%,.4);cursor: pointer;}
.video-player .control-bar .center-panel .volume .controlInner{position: absolute;z-index: 1;top: 0;left: 0;width: 1%;background: #429070;height: 100%;}
.video-player .control-bar .rt-panel{width: 26px;height: auto;}
.video-player .control-bar .fullscreen_btn .bf-icon{display: block;margin-top: 3px;width: 100%;height: 22px;filter: brightness(100);cursor: pointer;}
.video-player .control-bar .fullscreen_btn .bf-icon.fullscreen{background: url(../images/icon_fullscreen.png)no-repeat center;}
.video-player .control-bar .fullscreen_btn .bf-icon.exit-fullscreen{background: url(../images/icon_fullscreen_exit.png)no-repeat center;}
@media only screen and (max-width:768px){
	.video-player{top: 50%;height: 40%;width: 100%;}
	.video-player .center-control .center-wrapper{width: 14%;}
}
@media only screen and (max-width:480px){
	.video-player .center-control .center-wrapper{}
	.video-player .center-control .center-wrapper .icon_play{width: 30px;height: 30px;}
	.video-player .control-bar{padding: 5px;}
	.video-player .v_close{width: 30px;height: 30px;}
}



/* home_news */
.home_news{padding:5% 0;}
.home_news .layout{position: relative;z-index: 1;}
/* .home_news .layout:after{content:"";position: absolute;right:0;top:0;width: 31.6%;height:100%;z-index: -1;background-image: linear-gradient(135deg,#5dc1a7,#429070);} */
.home_news .layout .lf_part{width: 66%;}

.home_news .first_row{margin-bottom: 5%;}
/* .home_news .news_nav{color:#999;font-size:16px;}
.home_news .news_nav ul{white-space: nowrap;display: inline-block;margin-right: 20px;}
.home_news .news_nav ul li{display: inline-block;margin-left:10px;padding-left:10px;border-left: 1px solid #999;cursor: pointer;user-select: none;}
.home_news .news_nav ul li.on{color:#1f512a;font-weight: bold;}
.home_news .news_nav ul li:first-child{margin-left:0;padding-left: 0;border-left: 0;}
.home_news .news_nav .a1{} */
.home_news .news_layout_wrap .item .mid{}
.home_news .news_layout_wrap .item .img{position: relative;padding-bottom:66%;width:100%;height:0;overflow: hidden;background:#fff;box-sizing: content-box;background:#f4f4f4;}
.home_news .news_layout_wrap .item .img img{position: absolute;left:50%;top:50%;width:100%;transform: translate(-50%,-50%);transition: all .3s linear;}
.home_news .news_layout_wrap .item .grey_wrap{padding:7% 2.6% 2%;box-sizing: border-box;}
.home_news .news_layout_wrap .item .date{margin-top:4.5%;width:100%;color:#000;font-family: STEM;}
.home_news .news_layout_wrap .item .date span{display: block;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.home_news .news_layout_wrap .item .date span:first-child{font-size: 16px;background-image:-webkit-linear-gradient(45deg,#2b343e,#2b343e,#2b343e,#2b343e,#2b343e,#2b343e);transition:background 0.3s ease-out}
.home_news .news_layout_wrap .item .text_part{width:100%;color: #333;}
.home_news .news_layout_wrap .item .tit{font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.home_news .news_layout_wrap .item .con{margin-top:12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 16px;line-height: 24px;min-height: 48px;overflow: hidden;}
.home_news .news_layout_wrap .item .btm{display: flex;flex-wrap:wrap;justify-content: space-between;align-items: center;}
.home_news .news_layout_wrap .item .btm span{font-size:22px;font-family: STEM;color: #333;transition:all 0.3s ease-out}
.home_news .news_layout_wrap .item .btm i{display: inline-block;width: 12px;height: 20px;background: url(../images/icon_01.png)no-repeat center;}
@keyframes colorChange{
	0{background-image:-webkit-linear-gradient(0deg,#2b343e,#2b343e,#2b343e,#2b343e,#2b343e,#2b343e);}
	100%{background-image:-webkit-linear-gradient(18deg,#004da1,#00133b);}
}

.home_news .layout .rt_part{width: 29.8%;}
.home_news .layout .rt_part ul{margin-top:15px;}
.home_news .layout .rt_part ul li{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #f4f4f4;}
.home_news .layout .rt_part ul li .item {color:#666;}
.home_news .layout .rt_part ul li .item .tit{margin-bottom:10px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;font-size:18px;color:#333;}
.home_news .layout .rt_part ul li .item .con{font-size:16px;}
.home_news .layout .rt_part ul li .item .con p{white-space: nowrap;text-overflow:ellipsis;overflow:hidden}
.home_news .layout .rt_part ul li .item .date{margin-top:10px;font-size:16px;}

.home_news .btm{margin-top:5.5%}


@media only screen and (min-width:521px){
	.home_news .news_layout_wrap .item:hover .img img{transform: translate(-50%,-50%) scale(1.1);}
	.home_news .news_layout_wrap .item:hover .date span{animation: colorChange 0.8s 0s 1 forwards ease;}
	.home_news .news_layout_wrap .item:hover .btm span{letter-spacing:1px;}
}
@media only screen and (max-width:1260px){
	.home_news .news_layout_wrap .item .grey_wrap{padding:6% 4%;}
	.home_news .news_layout_wrap .item .tit{font-size:18px;}
	.home_news .news_layout_wrap .item .btm span{font-size:16px;}
}
@media only screen and (max-width:1080px){
	
}
@media only screen and (max-width:850px){
	.home_news .layout:after{content:initial}
	.home_news .layout .lf_part{width: 100%;}
	.home_news .news_layout_wrap .item .tit{font-size:16px;}
	.home_news .news_layout_wrap .item .con{font-size:15px}
	.home_news .layout .rt_part{width: 100%;}
	.home_news .layout .rt_part ul li .item .tit{font-size:16px;}
	.home_news .layout .rt_part ul li .item .con{font-size:15px;}
}
@media only screen and (max-width:520px){
	.home_news{padding: 36px 0}
	.home_news .first_row{margin-bottom: 30px;}
	.home_news .news_nav{font-size: 14px;}
	.home_news .news_nav ul{margin-right: 14px;}
	.home_news .news_layout_wrap .item .grey_wrap{padding:6% 0;}
	.home_news .news_layout_wrap .item .tit{font-size: 15px;}
	.home_news .news_layout_wrap .item .date{}
	.home_news .news_layout_wrap .item .date span:first-child{font-size:14px;}
	.home_news .news_layout_wrap .item .con{font-size:14px;}
	.home_news .news_layout_wrap .item .text_part{}
	.home_news .layout .rt_part ul li .item .tit{font-size:15px;}
	.home_news .layout .rt_part ul li .item .date{font-size:14px;}
	.home_news .layout .rt_part ul li .item .con{font-size:14px;}
}

/* home_partner */
.home_partner{position:relative;padding:60px 0;background:#f5f5f5;height:795px;}
.home_partner .idx_title .line{margin-top:10%;width: 109px;height: 1px;}
.home_partner .idx_title .slogan{margin-top:30px}
.home_partner .partner_top{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.home_partner .partner_nr{position: absolute;top:0;z-index: 1;width: 30%;height: 100%;}
.home_partner .nr_lf{left:0;padding-left:40px;}
.home_partner .nr_rt{right:0;padding-right:40px;}
.home_partner .partner_icon{position: absolute;border-radius: 50%;background: #fff;box-shadow: 0 20px 20px 5px rgb(13 4 8 / 24%);padding: 5px;box-sizing:border-box;}
.home_partner .partner_icon .img{border-radius:50%;}
.home_partner .partner_icon .img img{width:100%;}
.home_partner .pi1{width: 100px;height: 100px;top: 11.111111%;left: 14.285714%;}
.home_partner .pi2{width: 82px;height: 82px;top: 9.5%;left: 48.4%;}
.home_partner .pi3{width: 90px;height: 90px;top: 20.6%;right: 7.9%;}
.home_partner .pi4{width: 77px;height: 77px;top: 35.7%;left: 25.4%;}
.home_partner .pi5{width: 114px;height: 114px;top: 36.5%;left: 50.2%;}
.home_partner .pi6{width: 55px;height: 55px;top: 55.5%;right: 1.6%;}
.home_partner .pi7{width: 55px;height: 55px;bottom: 33.3%;left: 6.3%;}
.home_partner .pi8{width: 98px;height: 98px;bottom: 24.3%;left: 31.7%;}
.home_partner .pi9{width: 66px;height: 66px;bottom: 23.2%;right: 27.5%;}
.home_partner .pi10{width: 82px;height: 82px;bottom: 13.5%;right: 1.6%;}
.home_partner .pi11{width: 77px;height: 77px;bottom: 5.9%;left: 39.7%;}

.home_partner .pi12{width: 113px;height: 113px;top: 4.8%;right: 24.5%;}
.home_partner .pi13{width: 99px;height: 99px;top: 9.5%;left: 19.3%;}
.home_partner .pi14{width: 63px;height: 63px;top: 20.15%;right: 6.7%;}
.home_partner .pi15{width: 56px;height: 56px;top: 30.16%;left: 7.5%;}
.home_partner .pi16{width: 88px;height: 88px;top: 29.2%;right: 45.6%;}
.home_partner .pi17{width: 93px;height: 93px;top: 39%;right: 19.2%;}
.home_partner .pi18{width: 93px;height: 93px;bottom: 33.3%;left: 19.3%;}
.home_partner .pi19{width: 63px;height: 63px;bottom: 35%;left: 48.3%;}
.home_partner .pi20{width: 56px;height: 56px;bottom: 30.6%;right: 10.8%;}
.home_partner .pi21{width: 82px;height: 82px;bottom: 11.4%;left: 26.7%;}
.home_partner .pi22{width: 71px;height: 71px;bottom: 13.2%;right: 24.7%;}
.home_partner .btm{margin-top:9%}
@media only screen and (max-width:1260px){
	.home_partner{height:630px;box-sizing:border-box;}
	.home_partner .idx_title .line{width: 85px;}
}
@media only screen and (max-width:1080px){
	.home_partner{height:auto;}
	.home_partner .idx_title .slogan{margin-top:16px;}
	.home_partner .idx_title .line{margin-top:20px;}
	.home_partner .partner_top{position: relative;margin-bottom:26px;width: 100%;top:0;left:0;transform:initial;}
	.home_partner .btm{margin-top:26px;}
	.home_partner .partner_nr{position: inherit;padding:0;width: 100%;display:flex;flex-wrap:wrap;justify-content:center}
	.home_partner .partner_icon{position:initial;margin:10px;width: 73px !important;height: 73px !important;}
}
@media only screen and (max-width:520px){
	.home_partner{padding:36px 0;}
	.home_partner .partner_icon{width: 64px !important;height: 64px !important;box-shadow: 0 10px 10px 0px rgb(13 4 8 / 24%);}
}