@charset "utf-8";

.area-box11{ max-width:1080px; margin:0px auto;}  /*1638px*/

.mainService { padding:80px 0 0;}
.mainService .header { position:relative; padding-right:40px; padding-left:300px;}
.mainService .header h2 { position:absolute; top:0; left:0; font-weight:100; font-size:90px; color:#ed2228;letter-spacing:-6px;}
.mainService .header p { padding-top:60px; font-size:15px; line-height:1.71} /* ; font-weight:300; line-height:1.71;*/
.mainService .tabBox { position:absolute; top:65px; right:20px; width:140px; margin-bottom:0;}
.mainService .tabBox li { height:auto; padding-bottom:5px; border:0;}
.mainService .tabBox li.on { border-bottom:2px solid #000000;}
.mainService .tabBox li.on a { font-weight:450; color:#000;}
.mainService .tabBox li.on:after { display:none;}
.mainService .tabView { display:none; margin-top:70px;}
.mainService .firstBox { overflow:hidden;}
.mainService .firstBox li { display:inline-block; vertical-align:top;}
.mainService .firstBox h3 { margin-top:35px; font-size:16px; font-weight:450; text-align:center;}
.mainService .firstBox p { margin:15px 0 110px; line-height:1.5; color:rgba(34,34,34,0.7); text-align:center; font-size:14px;}
.mainService .firstBox .left { float:left; width:29.1%; font-size:0;}
.mainService .firstBox .left li {}
.mainService .firstBox .right { float:left; width:69.9%; font-size:0;}
.mainService .firstBox .right li { width:50%; padding-left:8.3%;}
.mainService .firstBox .right li p { margin-bottom:87px;}
.mainService .firstBox .right li.full { position:relative; width:100%;}
.mainService .firstBox .right li.full .topText { position:absolute; top:-13px; right:0%; font-size:90px; font-weight:100; line-height:1; color:#e1e1e1; text-transform:uppercase;}
.mainService .firstBox .right li.full .topText span { color:#ec2227; line-height:1; font-weight:100;}
.mainService .firstBox .right li.full .topText em { display:inline-block; line-height:1; font-weight:100;}
.mainService .lastBox {}
.mainService .lastBox ul { overflow:hidden; font-size:0;}
.mainService .lastBox ul li { display:inline-block; width:33.33%; vertical-align: middle;}
.mainService .lastBox ul li.type2 { }
.mainService .lastBox ul li a { display:block; margin-bottom:100px; text-align:center;}
.mainService .lastBox ul li a > span { display:block; margin-top:25px; font-size:12px; color:rgba(34,34,34,0.5); letter-spacing:3px; font-weight:450;}
.mainService .lastBox ul li a h3 { margin-top:15px; font-size:16px; font-weight:bold; color:#222;}
.mainService .lastBox ul li a p { margin-top:13px; font-size:14px; color:rgba(34,34,34,0.7);}






/* ==============================
 * footer
 * ============================== */
#footerWrap { background:#1f1f1f;}
#footerWrap .brandInfo { background:url('/images/common/bg_brandInfo.jpg') no-repeat center center; background-size:cover;}
#footerWrap .brandInfo .innerBox { padding-top:70px; padding-bottom:70px;}
#footerWrap .brandInfo .title { font-size:30px; color:#fff;}
#footerWrap .brandInfo .text { width:684px; margin-top:20px; font-size:14px; color:#fff; line-height:1.7;}
#footerWrap .brandInfo a { display:block; position:absolute; top:50%; right:20px; width:200px; height:50px; margin-top:-25px; padding-left:25px; font-size:12px; color:#fff; font-weight:400; line-height:50px; letter-spacing:-1px; background:#173cb0 url('../images/common/btn_download.png') no-repeat 90% center;}

#footer { overflow:hidden; padding-bottom:80px;}
#footer .footerBox { padding-top:70px; font-size:0;}
#footer .footerBox > div { display:inline-block; width:25%; vertical-align:top;}
#footer .footerBox > div h1 { margin-bottom:15px; font-size:16px; color:#fff;}
#footer .footerBox > div h2 { margin-top:15px; font-size:14px; color:#bbbbbb; font-weight:bold;}
#footer .footerBox > div p { font-size:14px; color:#999; line-height:1.7;}
#footer .footerBox > div ul {}
#footer .footerBox > div li {}
#footer .footerBox > div li a { font-size:14px; color:#999; line-height:1.7;}
#footer .footerBox > div li a:hover,
#footer .footerBox > div li.on a { text-decoration:underline;}
#footer .btn { margin-top:35px; font-size:0;}
#footer .btn a { display:inline-block; width:200px; height:50px; border:1px solid #6e6e6c; line-height:50px; text-align:center; color:#6e6e6c; font-size:14px;}
#footer .btn a + a { margin-left:-1px;}
#footer .btn a:hover { position:relative; border-color:#fff; color:#fff;}
#footer .copy { margin-top:10px; font-size:12px; color:#aaa8ab; text-transform:uppercase;}
#footer .btnTop { position:absolute; bottom:80px; right:20px; width:40px; height:40px; font-size:0; background:url('../images/common/btn_top.png') no-repeat;}
#footer .btnAndCopy { position:absolute; bottom:80px; left:20px;}

#footerWrap .brandInfo .innerBox {padding-top:30px; padding-bottom:30px;}
	#footerWrap .brandInfo .title { font-size:15px;}
	#footerWrap .brandInfo .text { width:auto; font-size:12px;}
	
	
	#footer { padding-bottom:40px;}
	#footer .footerBox { padding-top:30px;}
	#footer .footerBox > div { width:50%; padding-right:3%; margin-bottom:20px;}
	#footer .footerBox > div:nth-child(2n) { padding-right:0; padding-left:3%;}
	#footer .footerBox > div h1 { margin-bottom:8px; font-size:17px;}	
	#footer .footerBox > div h2 { margin-top:8px; font-size:14px;}
	#footer .footerBox > div p { font-size:12px;}
	#footer .footerBox > div li a { font-size:12px;}
	#footer .btn { margin-top:15px;}	
	#footer .btn a { width:50%; font-size:12px;}	
	#footer .copy { font-size:12px;}	
	#footer .btnTop { bottom:30px;}
	#footer .btnAndCopy { position:static;}