@charset "UTF-8";

body{position:relative;}

/* header */
header{padding-top:0;}
header .allMenu{display:none;}

/* ourBusiness */
h2.tit{color:#3b3b3b;font-size:40px;font-family:arial;text-align:center;font-weight:normal;}
.subTxt{margin-top:20px;color:#808183;font-size:20px;text-align:center;word-break: keep-all;}
.linefeed{display:block;}

/* ourBusiness */
.ourBusiness{padding:100px 0;}
.ourBusiness ul{margin-top:80px;}
.ourBusiness ul li{float:left;width:25%;}
.ourBusiness ul li .inner{padding:7px;}
.ourBusiness ul li a{display:block;padding:128px 30px 25px;text-align:center;border:1px solid #f3f3f3;}
.ourBusiness ul li a strong,
.ourBusiness ul li a span{display:block;color:#000;word-break: keep-all;}
.ourBusiness ul li a strong{line-height:19px;font-size:16px;font-weight:600;}
.ourBusiness ul li a span{line-height:19px;margin-top:15px;font-size:13px;}
.en .ourBusiness ul li a{letter-spacing:0;}

.ourBusiness ul li.ourB01 a{background:#f3f3f3 url("../../images/main/ico01.png") no-repeat center 30px}
.ourBusiness ul li.ourB02 a{background:#f3f3f3 url("../../images/main/ico02.png") no-repeat center 30px}
.ourBusiness ul li.ourB03 a{background:#f3f3f3 url("../../images/main/ico03.png") no-repeat center 30px}
.ourBusiness ul li.ourB04 a{background:#f3f3f3 url("../../images/main/ico04.png") no-repeat center 30px}
.ourBusiness ul li.ourB05 a{background:#f3f3f3 url("../../images/main/ico05.png") no-repeat center 30px}
.ourBusiness ul li.ourB06 a{background:#f3f3f3 url("../../images/main/ico06.png") no-repeat center 30px}
.ourBusiness ul li.ourB07 a{background:#f3f3f3 url("../../images/main/ico07.png") no-repeat center 30px}
.ourBusiness ul li.ourB08 a{background:#f3f3f3 url("../../images/main/ico08.png") no-repeat center 30px}

.ourBusiness ul li a:hover{border:1px solid #fa6137;background-color:#fff}
.ourBusiness ul li a:hover strong{color:#fa6137;}

/* clientPartner */
.clientPartner{padding:60px 0;text-align:center;background-color:#f8f8f8}
.clientPartner ul{margin-top:40px;}
.clientPartner ul li{float:left;width:25%;}
.clientPartner ul li a{display:block;margin:20px 10px 10px;}
.clientPartner ul li a img{width:100%;}

footer{margin-top:0;padding:80px 0 0;}
footer h2.tit,
footer .subTxt{color:#fff}
footer > .innerWrap{margin-top:85px;}
.article h3{margin-bottom:30px;font-size:20px;font-weight:600;font-family:arial}
.article a{display:block;color:#fff;font-size:15px;}
.article a:hover{text-decoration:underline}

footer ul li:first-child{margin-top:0;}
footer .aboutUs .inner{line-height:22px;font-size:15px;}
footer .notice ul li{position:relative;margin-top:20px;text-align:left;}
footer .notice ul li a{width:75%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
footer .notice ul li .date{position:absolute;right:0;top:2px;font-size:13px;}
footer .followUs ul li{margin-top:20px;}
footer .copyright{line-height:19px;margin-top:70px;padding:25px 0;color:#a2a3a8;font-size:13px;text-align:right;word-break:keep-all;background-color:#313035}


/* ---------------------------------------- mobile ------------------------------------------------------------------------- */
@media all and (max-width:767px) {
	
	h2.tit{font-size:25px;}
	.subTxt{line-height:20px;padding:0 10px;font-size:14px;letter-spacing:-1px;}
	.en .subTxt{letter-spacing:0;}

	.ourBusiness{padding:40px 0}		
	.ourBusiness ul{margin-top:40px;}
	.ourBusiness ul li{width:50%;}
	.ourBusiness ul li .inner{padding:5px;}
	.ourBusiness.innerWrap ul li a{height:80px;padding:75px 7px 12px;overflow:hidden;background-position:center 15px;background-size:60px;}
	.ourBusiness ul li a strong{font-size:14px;}
	.ourBusiness ul li a span{line-height:17px;margin-top:10px;font-size:12px;letter-spacing:-1px;}
	
	.en .ourBusiness ul li .inner{padding:5px 3px;}
	.en .ourBusiness ul li a span{word-break: keep-all;letter-spacing:0;}
	
	.clientPartner{padding:40px 0 30px;}	
	.clientPartner ul{margin-top:15px;text-align:center;}
	.clientPartner ul li{width:50%;}
	.clientPartner ul li a{}
	
	footer{padding-top:40px}
	footer .linefeed{display:inline}
	footer > .innerWrap{margin-top:40px;}
	footer .article h3{margin-top:35px;margin-bottom:15px;font-size:16px;}
	footer .aboutUs .inner{line-height:18px;font-size:13px;}
	footer .followUs ul li{display:inline-block;margin:0 10px;}
	footer .followUs ul li a{font-size:13px;}
	 
	footer .notice ul li{margin-top:15px}
	footer .notice ul li a{font-size:13px;}
	
	footer .copyright{padding:15px 0;margin-top:40px;font-size:12px;text-align:center}
	
}

/*------------------------------- mobile orientation ----------------------------------------------------------------------------------------------*/

@media only screen and (orientation:landscape) and (max-height:320px){
/* 	.bx-wrapper .bx-viewport{padding:0 30px} */
	 
}

/*------------------------------- tablet 768 ----------------------------------------------------------------------------------------------*/
@media all and (min-width:768px) and (max-width:1023px) {
	.main.wrapper{padding-top:106px;}		
	.subTxt{padding:0 15px;font-size:18px;}
	
	.ourBusiness{padding:50px 0;}
	.ourBusiness.innerWrap ul li a{height:70px;padding:90px 13px 20px;overflow:hidden;background-size:70px;background-position:center 20px;}	
	.ourBusiness ul li a span{margin-top:7px;font-size:12px;}
	.ourBusiness ul li a strong{font-size:14px;}
	
	.clientPartner ul li{display:inline-block;float:none;width:25%;margin:0 -2px;}
	
	footer{padding-top:50px}
	footer > .innerWrap{margin-top:10px}
	footer .followUs ul li{display:inline-block;margin:0 10px;}
	footer .followUs ul li:first-child{margin-left:0;}
	
	.article h3{margin-top:50px;margin-bottom:30px}
	
}



/*------------------------------- desktop 1024 ----------------------------------------------------------------------------------------------*/
@media all and (min-width:1024px) and (max-width:1169px) {
	.main.wrapper{padding-top:106px;}
	
	.ourBusiness{padding:70px 0;}	
	.ourBusiness ul li a{padding:128px 16px 25px;letter-spacing:-1px}
	.en .ourBusiness ul li a{height:60px;overflow:hidden}
	
	.clientPartner ul li{display:inline-block;float:none;width:25%;margin:0 -2px;}
	
	/* footer */	
	footer{padding-top:50px;}
	footer .article{float:left}
	footer .aboutUs{width:36%}
	footer .aboutUs .inner{letter-spacing:-1px;}
	footer .notice{width:46%;margin:0 4%;} 
	footer .article .notice .inner{margin:0 76px;}
	footer .followUs{width:10%;}
	footer .notice ul li .date{top:-2px;font-size:15px}
	footer .copyright{margin-top:60px;}
}


/* ----------------------------desktop 1170 -------------------------------------------------------------------------------------------------*/
@media all and (min-width:1170px) {
	.main.wrapper{padding-top:106px;}
		
	.clientPartner ul li{display:inline-block;float:none;width:25%;margin:0 -2px;}
	.clientPartner ul li a img{width:85%;}
	.en .ourBusiness ul li a{height:75px;overflow:hidden}
	.en .ourBusiness ul li a span{line-height:19px;font-size:14px;}
	footer .article{float:left}
	footer .aboutUs{width:36%}
	footer .notice{width:41%; margin:0 9% 0 4%;}
	footer .article .notice .inner{margin:0 76px;}
	footer .followUs{width:10%;}
	footer .notice ul li .date{top:-2px;font-size:15px}
	
}