@charset "utf-8";
/*CSS Document*/




/***********header***********/
header{position:relative;z-index:999;background-color:#fff;}
/*header.header-fixed{position:fixed;top:0;left:0;right:0;box-shadow:0 1px 5px rgba(0 0 0 / 12%);}*/


/*header-phone*/
.header-phone-more,
.header-phone-close{display:none;}


/*language*/
/*全圆角*/
.language dl{display:inline-block;vertical-align:top;position:relative;z-index:990;cursor:pointer;border:1px solid #AFD75A;border-radius:100px;background-color:#AFD75A;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease; 
}
.language dt{height:28px;line-height:28px;color:#131313;font-size:14px;font-weight:700;cursor:pointer;/*width:22px;*/ padding:0 28px 0 16px;position:relative;}
.language dd{position:absolute;top:100%;left:0;right:0;z-index:990;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);margin-top:4px;display:none;padding:4px 0;text-align:center;border-radius:6px;}
.language dd a{display:block;padding:6px 8px;font-size:14px;line-height:1em;}
.language dd a:hover{color:#FF477E;}

.language dt:after{
	content:"\e732";font-family:"iconfont"!important;position:absolute;top:50%;right:9px;z-index:-1;font-size:12px;color:#131313;line-height:14px;font-weight:normal;display:block;text-align:center;margin-top:-7px;
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8);
}
/*.language dt.cur:after{content:"\e731";}*/


/*logo*/
.header-top { position: relative; padding-top: 35px; }
.header-logo { text-align: center; }
.header-logo a { display: inline-block; vertical-align: top; }
.header-logo a img { display: block; height: 98px; }

.header-top-r { position: absolute; top: 50%; right: 0; display: flex; align-items: center; }
.header-language { display: flex; align-items: center; }
.header-language a { font-size: 18px; padding-bottom: 6px; border-bottom: 1px solid transparent; display: block; line-height: 1em; margin-left: 16px; }
.header-language a.active { border-bottom-color: #000; }


/*header-nav*/
.header-nav > ul{line-height:1em;}
.header-nav > ul > li{float:left;margin-right:36px;position:relative;}
.header-nav > ul > li:last-child{margin-right:0;}
.header-nav > ul > li > a{display:inline-block;vertical-align:top;font-weight:500;font-size:18px;line-height:18px;position:relative; text-transform:uppercase; padding-bottom: 6px; border-bottom: 2px solid transparent;}
.header-nav > ul > li > a:hover{color:#0097e0;}
.header-nav i.iconfont{display:none;vertical-align:top;font-size:10px;line-height:18px;}
.header-nav i.iconfont + a:after{content:"\e732";font-family:"iconfont"!important;display:inline-block;vertical-align:top;margin-left:6px;font-size:10px;font-weight:normal;}
.header-nav > ul > li > a.active { border-bottom-color: #000; }

.header-subnav{
	position:absolute;top:100%;left:0;z-index:99;padding:8px 0;box-shadow:0 1px 6px rgba(0 0 0 / 12%);background-color:#fff;visibility:hidden;opacity:0;
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	transform:translateY(-10px);  
}
.header-subnav li a{padding:10px 20px;line-height:1em;display:block;line-height:1.2em;white-space:nowrap;font-size:14px;}  
.header-subnav li a:hover{color:#0097e0;background-color:#f7f7f7;}

.header-nav > ul > li:hover .header-subnav{visibility:visible;opacity:1;
    -webkit-transform:translateY(10px);
    -moz-transform:translateY(10px);
	-ms-transform:translateY(10px);
	-o-transform:translateY(10px);
	transform:translateY(10px);  
}










/***********footer***********/
.footer-nav { background: url(../images/footer-bg.webp) no-repeat; background-size: 100% 100%; }
.footer-nav a { color: #fff; font-weight: lighter;  }

.copyright { background-color: #000; padding: 18px 0; }
.copyright .w1440 { display: flex; align-items: center; justify-content: center; gap: 10px 30px; }
.copyright span { color: #fff; font-size: 20px; line-height: 1em; font-weight: lighter; display: block; }

.footer-nav > ul { justify-content: space-between; padding: 44px 0 40px; }
.footer-nav a { font-size: 16px; line-height: 1em; display: block; font-weight: lighter; }
.footer-nav h3 a { font-size: 18px; text-transform: uppercase; }
.footer-nav ul ul li { margin-top: 24px; }






/***********banner***********/
/**/
.swiper-slide a{position:relative;display:block;}
.swiper-slide a img{display:block;width:100%;height:auto;}

/*
.home-banner:after { content: ""; width: 40px; height: 36px; display: block; background: url(../images/icon1.png) no-repeat; background-size: 100% 100%; position: absolute; left: 50%; bottom: 20px; z-index: 99; margin-left: -20px; }
*/
.home-banner-text{position:absolute;bottom:80px;left:50%;z-index:2;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.3);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
.home-banner-text h2{font-size:60px;color:#fff; font-weight: lighter;}

/*  */
.home-banner .swiper-slide > img{ width:100%; height:auto; min-height:100%; transition:1s linear 2s; transform:scale(1.2,1.2); }
.home-banner .swiper-slide-active > img,
.home-banner .swiper-slide-duplicate-active > img{
		transition:7s linear;
		transform:scale(1,1);
		}


/*page-banner*/
.page-banner-box{position:relative;}
.page-banner-box:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgba(0,128,224,.7); }
.page-banner-text{
	position:absolute;top:50%;left:50%;z-index:9; display: flex; flex-direction: column; align-items: center;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%); 
}
.page-banner-text h1 { font-size:46px;font-weight:700;line-height:1em; color: #fff; margin-top: 24px; }
.page-banner-box img{width:100%;height:350px;display:block;object-fit:cover;object-position:center center;}













/***********首頁***********/
.home-one { margin-top: 14px; position: relative; }
.home-one .df { gap: 5px; }
.home-one .df li { width: 50%; }
.home-one .df img { width: 100%; display: block; }
.home-one .btn-line { position: absolute; top: 30px; border-radius: 8px; left: 50%; 
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%); }


.home-two { margin-top: 112px; }
.home-two-box { display: flex; background-color: #f5f5f5; }
.home-two-img { position: relative; overflow: hidden; }
.home-two-img img { display: block; width: 100%; height: 100%; }
.home-two-text h3 { font-size: 29px; font-weight: 700; line-height: 1em; margin-bottom: 40px; color: #223f6f; }
.home-two-text h4 { font-size: 21px; font-weight: 700; line-height: 1em; margin-bottom: 14px; color: #223f6f; }
.home-two-text p { font-size: 22px; font-weight: lighter; line-height: 1.4em; color: #223f6f; }

/* .home-two > ul ul { margin-top: 23px; } */
.home-two > ul ul li { position: relative; padding-left: 20px; font-size: 20px; color: #223f6f; margin-top: 22px; font-weight: lighter; }
.home-two > ul ul li:before { content:'';position:absolute;top:6px;left:0;width:0;height:0;display:block;
	border:9px solid transparent;
	border-left:10px solid #00a2ff;
}

.home-two > ul > li { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;  }
.home-two > ul > li > div:nth-child(1) {grid-column: span 3; grid-row: span 2; }
.home-two > ul > li > div:nth-child(2),
.home-two > ul > li > div:nth-child(3) {grid-column: span 2; grid-row: span 1; }

.home-two > ul > li .home-two-img img { display: block; width: 100%; object-fit:cover;object-position:center center; }
.home-two > ul > li .home-two-text { padding: 27px 22px; }
.home-two > ul > li .home-two-img { min-width: 34%; max-width: 34%; }
.home-two > ul > li > div:nth-child(1) .home-two-text { padding: 44px 32px; }
.home-two > ul > li > div:nth-child(1) .home-two-img { min-width: 44%; max-width: 44%; }


/*  */
.home-three { margin: 0 10px 50px; }
.home-three > .tac { margin: 96px 0 20px; } 
.home-three .swiper-slide > a { overflow: hidden; display: block; border-radius: 16px; }
.home-three .swiper-slide > a img { display: block; }
.home-three .swiper-slide > a:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);}
.home-three .swiper-slide h3 a { font-size: 30px; font-weight: lighter; text-align: center; display: block; margin-top: 50px; line-height: 1em; }  












/* about */
.about { padding: 160px 0 180px; background: url(../images/about/about-bg.webp) no-repeat; background-size:cover; background-position:center; }
.about-box { display: grid; grid-template-columns:repeat(2, 1fr); align-items: center; gap: 50px; }

/* .about-text { padding-right: 54px; } */
.about-text h2 { font-size: 50px; font-weight: 700; margin-bottom: 44px; line-height: 1.2em; }
.about-text h3 { font-size: 34px; font-weight: 700; margin-bottom: 30px; line-height: 1.2em; }
.about-text p { font-size: 18px; font-weight: lighter; margin-bottom: 30px; line-height: 1.6em; text-align: justify; }
.about-text p:last-of-type { margin-bottom: 0; }
.about-text img { display: block; margin-bottom: 48px; } 

.about-img { position: relative; z-index: 2; }
.about-img img { display: block; width: 100%; }
.about-img-bg { position: absolute; left: 14%; right: 14%; top: 0; bottom: 0; z-index: -1; border: 19px solid #e3e7e8; box-sizing: border-box; }









/* contact */
.contact { background-color: #f6f6f6; padding-top: 80px; }
.contact h2 { font-size: 40px; font-weight: lighter; }

.contact-info { margin-bottom: 80px; }
.contact-info p { font-size: 22px; font-weight: lighter; margin-top: 6px; color: #333; }
.contact-info ul { margin-top: 50px; gap: 80px; }
.contact-info ul li { display: -webkit-box; border-bottom: 1px solid #d0d0d0; padding-bottom: 12px; }
.contact-info-l img { height: 22px; margin-top: 4px; margin-right: 10px; } 
.contact-info-r h3 { font-size: 30px; font-weight: lighter; line-height: 1em; margin-bottom: 15px; color: #0097e0; }

.contact-form { margin-bottom: 44px; }
.contact-form h2 { margin-bottom: 34px; }
.contact-form textarea { height: 200px; }

.contact-map iframe { display: block; width: 100%; height: 700px; } 










/* our-clients */
.our-clients { background-color: #f6f6f6; padding: 20px; }
.our-clients .change-menu { display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px; }
.our-clients .change-menu a { display: block; opacity: .5; }
.our-clients .change-menu a img { display: block; width: 100%; }
.our-clients .change-menu a:hover,
.our-clients .change-menu a.active { opacity: 1; }  

.our-clients-box { background-color: #fff; margin-top: 20px; padding-bottom: 30px; } 

.our-clients-title h2,
.our-clients-title p { font-size: 40px; font-weight: 700; line-height: 1em; color: #0097e0; text-align: center; }
.our-clients-title h2 { font-size: 36px; font-weight: normal; margin-bottom: 15px; }
.our-clients-title h2:before { content: ""; display: block; width: 60px; height: 16px; background-color: #0097e0; margin: 0 auto 26px; border-radius: 3px; }

.our-clients .change-con table { display: none; width: 100%; border-top: 1px solid #d0d0d0; margin-top: 30px; }
.our-clients .change-con table tr { border-bottom: 1px solid #d0d0d0; }
.our-clients .change-con table tr td { padding: 26px 50px; font-size: 24px; color: #333; font-weight: 700; }  
.our-clients .change-con table tr td:first-child { color: #0097e0; }
.our-clients .change-con table tr td:last-child { color: #666; font-weight: lighter; }










/* job-reference */
.job-reference { background-color: #f6f6f6; padding: 36px 0 50px; }

.job-reference-top .df-c { gap: 36px; margin-bottom: 36px; }
.job-reference-top .df-c h2 { font-size: 40px; }

.job-reference-banner { position: relative; }
.job-reference-banner:before { content: ""; display: block; width: 30%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9;
	background:-webkit-linear-gradient(left, #f6f6f6, transparent);
    background:-moz-linear-gradient(left, #f6f6f6, transparent);
    background:-o-linear-gradient(left, #f6f6f6, transparent); 
    background:linear-gradient(to right, #f6f6f6, transparent); }
.job-reference-banner:after { content: ""; display: block; width: 30%; height: 100%; position: absolute; top: 0; right: 0; z-index: 9;
	background:-webkit-linear-gradient(right, #f6f6f6, transparent);
    background:-moz-linear-gradient(right, #f6f6f6, transparent);
    background:-o-linear-gradient(right, #f6f6f6, transparent); 
    background:linear-gradient(to left, #f6f6f6, transparent); }

.job-reference-banner .swiper-slide img { display: block; }
.job-reference-banner .swiper-wrapper { align-items: center; }
.job-reference-banner .swiper-slide.swiper-slide-active { box-shadow: 0 0 20px rgba(0,0,0,.15); }
.job-reference-banner .swiper-slide.swiper-slide-next:before,
.job-reference-banner .swiper-slide.swiper-slide-prev:before { content: ""; display: block; background-color: #f6f6f6; width: 100%; height: 3%; position: absolute; top: 0; left: 0; z-index: 9; }
.job-reference-banner .swiper-slide.swiper-slide-next:after,
.job-reference-banner .swiper-slide.swiper-slide-prev:after { content: ""; display: block; background-color: #f6f6f6; width: 100%; height: 3%; position: absolute; bottom: 0; left: 0; z-index: 9; }


/*  */
.partner { background-color: #f6f6f6; padding: 120px 80px 60px; }
/* .partner-list ul { display:grid;grid-template-columns:repeat(7,1fr); justify-content: center; gap: 10px; } */
.partner-list ul { display: flex; flex-wrap: wrap; justify-content: center; }
.partner-list ul li { width: 14.2%; }
.partner-list ul li a { display: block; margin-left: 5px; margin-right: 5px; }


.partner-list ul li:nth-child(1) { margin-left: 7.1%; }
.partner-list ul li:nth-child(6) { margin-right: 7.1%; }
.partner-list ul li:nth-child(n+7) { margin-top: -3.6%; }

.partner .btn-empty { font-size: 30px; font-weight: lighter; margin-top: 50px; }
.partner .btn-empty i { font-size: 24px; margin-left: 12px; font-weight: lighter; }

.home-banner4 .swiper-wrapper{height:auto;}

.job-reference-top .df-c img{max-height:133px;}

@media screen and ( max-width:767px ){
	.swiper-wrapper{height:auto;}
	.home-banner .swiper-slide > img{ width:100%; height:auto; min-height:unset; transition:1s linear 2s; transform:scale(1.2,1.2); }
}