*{margin: 0;padding: 0;}

body{height: auto;background: rgb(0,0,0);color: white;font-family:Arial,Helvetica,'microsoft yahei',sans-serif;}
body{padding-top: 90px;}

/* header */
.header .container{width: 1100px;margin: auto;height: 90px;}

.header{height:90px;width: 100%;position: fixed;left: 0;top: 0;z-index: 400;background: #000}
.pingasia1{float: left;display: block;
	       width: 208px;height: 45px;
	       margin-top:25px;
	       background: url(../img/pingasia1.png) no-repeat;
	       }
.header ul{margin:auto;float: left;display: block;padding-top: 40px;padding-left: 51px;font-size: 12px;}
.header li{float: left;list-style: none;padding:5px 12px;}
.line{border-right: 1px solid #A0A0A0;}
.header li a{ text-decoration: none;color: white;margin: auto 0;}
.header li a:hover,.header li a.current{color: #ED9900;}

.language{
	padding:4px 8px;
	background: url(../img/yellowblock.jpg) no-repeat;
	background-size: 100% auto;
	position: absolute;top: 42px;right: 218px;text-align: center;line-height: 12px;color:#3c435d;font-size: 12px;
}

.header input,.header label{display: none;}




/* about us */
.about{position: absolute;top:-50px;}
.au{background:#521A59;}
.au .container{width: 1100px;height: 801px;margin: auto;position: relative;background:#521A59 url(../img/asia.jpg) no-repeat 50% 50%;
	}
.title{width:212px;height:31px;margin: auto;}
.title p{text-align: center;font-size: 40px;padding-top: 35px;font-weight: bold;}
.au .text{width:377px;
	position: absolute;left: 64px;top: 588px;
	text-align: justify;
	word-spacing: 2px;line-height: 20px;}

/* digital offers */
.bggray{background:#EFEFEF;padding-bottom: 30px;}
.do{padding-bottom: 70px;position: relative;}
.do .service{position: absolute;top:-130px;}
.do .container{width: 1100px;margin: auto;color: #373634;}
.do .container:after{content: '';display: block;visibility: hidden;clear: both;height: 0;font-size: 0}
.size{width: 274px;height: 400px;position: relative;z-index: 1;
					   margin-top: -43px;float: left;}
.block1{background: #FFF;}
.block1 .sblock0{width: 240px;height: 160px;margin-top:102px;border-left: 23px solid #383735;}
.digital p{margin-left:23px;padding-top:31px;line-height: 50px;font-size: 43px;font-weight: bold;}
.features p{font-size: 14px;margin-left:30px;margin-top: 135px; }

/* digital offers icons */
.light{background:#F8B62A url(../img/light.png) no-repeat;}
.light p{text-align: center;padding-top: 183px;} 

.pen{padding-top:0px;float:left;background:#F6A93D url(../img/pen.png) no-repeat;}
.pen p{text-align: left;margin-left: 9px;}

.earth{background:#F39801 url(../img/earth.png) no-repeat;} 

.gear{background:#F6A93D url(../img/gear.png) no-repeat;}
.gear p{text-align: left;margin-left: 53px;padding-top: 183px;}

.app{padding-top:0px;float:left;background:#F8B62A url(../img/app.png) no-repeat;}
.app p{text-align: center;margin-left: 1px;}

.system{background:#F39801 url(../img/system.png) no-repeat;}


.promotion{background:#F39801 url(../img/promotion.png) no-repeat;text-align: center;}
.promotion p{padding-top: 183px;}

.sns{width: 100%;height: 137px;
	padding-top:0px;float:left;
	text-align: center;
	background:#F6A93D url(../img/sns.png) no-repeat 50% 25%;}


.format{width: 274px;height:263px;padding-top:0px;font-size: 18px;font-weight:bold;line-height: 20px;color:#4A4E4B;background-position: 50% 30%}
.measure{width: 50%;height: 137px;padding-top:0px;float:left;color: #3B3A35;font-size: 13px;line-height: 17px;text-align: center;background-position: 50% 25%;}
.chu{font-weight: bold;}
.sblock1 p{margin-top:83px; }
.sns{}


/* sip */
.sip{color:#000;background: #FFF;padding: 40px 0;}
.sip .container{width:1100px;margin:0 auto;overflow: hidden;}
.sipformat{width: 178px;height: 72px;padding: 18px 50px 0;float: left;margin:0;padding-top: 10px;border-left: #65387D solid 2px;font-size: 14px;}

.purple{color: #8C5DA3;font-weight: bold;font-size: 18px;}
.sipformat.p{border-right: #65387D solid 2px;}
.sipformat.s{margin-left: 120px;}


/* teams */
.teams{height: 667px;background: url(../img/teams.jpg) no-repeat 50% 50%;position: relative;}
.teams .ateams{position: absolute;top: -50px;}
.teams .container{width: 1100px;margin: 0 auto;}
.t{width: 161px;margin: 0 auto;text-align: center;padding-top: 70px;font-size:46px;font-weight: bold;}
.circle{width: 200px;height: 200px;background: #4D2561;
	text-align: center;float: left;margin-left: 90px;margin-top: 70px;
	font-size: 26px;font-weight: bold;
	border-radius: 170px;}
.teams .lef{margin-left: 164px;}
.circle p{padding: 35% 0;line-height: 1.4;}
.circle .famous{padding-top: 85px}
.oh{overflow: hidden;}
.text2{width: 700px;text-align: justify;font-size: 18px;line-height: 30px;margin: 70px auto 0;}




/* core competitiveness */
.cc{background:#8058A1;padding-bottom: 40px;position: relative;}
.cc .ccom{position: absolute;top: -50px;}
.cc .container{width: 1100px;margin: 0 auto;}

.core{width: 100%;height: auto;
	margin: 0 auto;text-align: center;
	color: #F7B82D;font-size: 46px;
	font-weight: bold;padding-top: 80px;}

.pblock{width: 100%;margin: 0 auto;margin-top:37px;overflow: hidden;}
.pp{line-height: 36px;}
.ico{width: 183px;float: left;text-align: center;font-size: 16px;color: #FCB632;background-repeat:no-repeat;background-position:50% 0;margin-left: 44px;}
.weixin{background-image: url(../img/weixin.png)}
.culture{background-image: url(../img/culture.png)}
.fan{background-image: url(../img/fan.png)}
.media{background-image: url(../img/media.png)}
.ico p{margin-top: 210px;}
.cc .lef{margin-left: 120px;}

.passage{width: 645px;margin: 0 auto;font-size: 17px;margin-top: 30px;}
.arrow{width: 30px;height: 30px;background: url(../img/arrow.png) no-repeat 50% 0%;float: left;}
.paragraph{line-height: 26px;}
.fz{margin-top: 4px;}




/* client portfolio */
.cp{height:680px;background:url(../img/cp.jpg) no-repeat 50% 50%;padding-bottom: 10px;position: relative;}
.cp .clientp{position: absolute;top: -90px;}
.cp .container{width: 680px;margin:0 auto;}

.client{width: 100%;margin:0 auto;padding:50px 0;text-align: center;color:#F29900;font-size: 44px;font-weight: bold;line-height: 35px;}


.squares{width: 139px;height: 139px;float: left;background: #FFF no-repeat 50% 50%;margin:0 0 30px 30px;}

.long{background-image: url(../img/long.png);} .philips{background-image: url(../img/philips.png);}
.novo{background-image: url(../img/novo.png);} .giorcioarman{background-image: url(../img/giorcioarman.png);}
.lancome{background-image: url(../img/lancome.png);} .a{background-image: url(../img/red-a.png);}
.longchamp{background-image: url(../img/longchamp.png);} .royalcanin{background-image: url(../img/royalcanin.png);}
.hongkongun{background-image: url(../img/hongkongun.png);} .kichlis{background-image: url(../img/kichlis.png);}
.easiyo{background-image: url(../img/easiyo.png);} .lush{background-image: url(../img/lush.png);}





/* contact us */
.cu{height: auto;background: #4D2561;padding-bottom: 180px;position: relative;}
.cu .contactus{position: absolute;top: -90px;}
.cu .container{width: 690px;height: auto;margin: 0 auto;}
.contact{margin: 0 auto;padding: 45px 0;
	text-align: center;color: #F8B62A;font-size: 46px;font-weight: bold;line-height: 36px;}
.code{width: 155px;height: 155px;margin: 0 auto;margin-top:10px;
	background: #4D2561 no-repeat 50% 50%;background-image: url(../img/code.png);
	}
.cu p{text-align: center;font-size: 12px;line-height: 36px;padding-top: 10px;line-height: 21px;}
.we{color: #F7B42F;font-size: 15px;}
.bline{width: 100%;height: auto;margin: 70px auto;}
.blo{height: 105px;float: left;background: #4D2561 no-repeat 50% 50%;}
.pingasia2{width: 170px;background-image: url(../img/pingasia2.png);}
.zineplus{width: 245px;background-image: url(../img/zineplus.png);margin: 0 80px;}
.yueguanhuaxia{width: 110px;background-image: url(../img/yueguanhuaxia.png);}



@media screen and (max-width: 640px) {
    body{font-size: 12px;padding-top: 0;}
    #main{padding-top: 35px;width:640px;position:absolute;top: 0;left: 0;right: 0;bottom: 0;}
    .header{height:35px;right: 0;}
    .header .container{width: auto;height: 100%;}
    .pingasia1{width: auto;height:30px;margin-top: 0;position: absolute;float: none;top: 5px;left: 35px;right: 35px;bottom: 0;background-size: auto 80%;background-position: 50% 3px}
    .header ul{display: none;padding:0 10px;background: #000;opacity:.8;position: absolute;top: 100%;left: 0;float: none;width:190px;}
    .language{display: block;padding: 0;width: 34px;height: 18px;line-height: 18px;font-size:8px;background-size: 100% auto;top: 10px;right: 12px;}
	
	.line{border: none;border-bottom:1px solid #fff;}
    .header li{float:none;width: auto;display: block;text-align: center;padding:10px 0;}
    .header li a{display: block;height: 26px;line-height: 26px;font-size:14px;}
    .header label{
    	display: block;
    	position: absolute;left: 0;top: 0;
    	width: 35px;height: 35px;
    	background:url(../img/arrow-x.png) no-repeat 50% 50%;
    	background-size: 100% auto;
    }
    .header :checked + label{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
    .header :checked ~ ul,.header :checked + label + ul{display: block;}


	.au .container{width: auto;height:auto;padding-bottom:100px;background-size: auto 638px;background-position: 107% 154px;position: relative;}
	.title{width: auto;}
	.title p{text-align: center;font-size: 45px;padding-top: 80px;font-weight: bold;}
	.au .text{width:auto;padding:70px;padding-top:860px;position:static;text-align: justify;word-spacing: 4px;line-height:28px;font-size: 22px;}


	.bgw{width: auto;height:auto;}
	.do{width: auto;height: auto;}
	.do .service{top:-140px;}
	.do .container{width: auto;margin:auto;height:auto;}
	.size{width:auto;height:auto;margin:0 90px;}
	.block1{height: 160px;margin-top: -105px;width: 460px;}
	.block1 .sblock0{width: auto;height: 115px;margin-top:22px;border-left: 30px solid #383735}
	.digital p{margin-left:40px;padding-top:2px;line-height: 50px;font-size: 48px;}
	.features p{font-size:20px;margin-left:40px;margin-top:0px;}



	.format{width: 66%;height:316px;
		font-size: 25px;font-weight:bold;line-height: 30px;color:#4A4E4B;float: left;
		background-size: 30% auto;background-position: 50% 33%;}
	.measure{width: 34%;height:158px;
		float:left;color: #3B3A35;font-size: 14px;line-height: 22px;text-align: center;
		background-size: 30% auto;background-position: 50% 25%;}
	.format p{padding-top: 230px;}
	.sblock1 p{margin-top: 98px;}
	.gear{background-size: 40% auto;background-position: 50% 22%;}
	.gear p{padding-top: 215px;}
	.block2,.block3,.block4{float: none;}
	.sns{width:34%;height: 316px;padding-top:0px;text-align: center;background-size: 30% auto;background-position: 50% 40%;}
	.sns p{margin-top: 175px;line-height: 20px;font-size: 13px;}
	.sns .chu{font-weight: normal;font-size: 18px;}	



	.sip{display: none;}

	.bggray{height: auto;margin-bottom: -60px;}



	.teams{height: auto;background-position: 20% 0;background-size: auto 100%;}
	.teams .ateams{top: -35px;}
	.teams .container{width: auto;margin: 0 90px;}
	.teams .oh{position: relative;height: 780px;}
	.t{width: auto;padding-top: 55px;font-size: 55px;line-height: 44px;}
	.circle{width: 230px;height: 230px;float: none;position: absolute;margin: 0;}
	.teams .lef{margin: 0;}
	.circle:nth-child(1){top: 90px;left: 0;}
	.circle:nth-child(2){top: 550px;left: 50%;margin-left: -115px;font-size: 30px;}
	.circle:nth-child(3){top: 296px;right: 0;}

	.circle:nth-child(1) p{font-size: 34px;line-height: 40px;}
	.circle:nth-child(2) p{line-height: 1.2;}
	.circle:nth-child(3) p{line-height: 60px;font-size: 35px}

	.text2{width: auto;height: auto;font-size: 21px;line-height: 32px;margin: 60px auto 0;padding-bottom: 80px;}



	.cc .ccom{top: -35px;}
	.cc .container{width: auto;height: auto;}
	.core{font-size: 44px;padding: 80px 0;line-height: 32px;}
	.pblock{margin-top: 0;}
	.ico{width: 215px;height: auto;margin-left: 55px;background-size: 100% auto;font-size: 18px;}
	.cc .slef{margin-left: 70px;}
	.ico p{margin: 235px 0 40px;}

	.passage{width: auto;height: auto;margin-top: 20px;}
	.paragraph{width: auto;height: auto;text-align: justify;font-size: 18px;margin: 0 75px;word-spacing: 7px;}
	.arrow{width: 22px;height: 24px;margin-left: 35px;background-size: 100% auto;}




	.cp {height: auto;padding-bottom: 126px;}
	.cp .clientp{top: -35px;}
	.cp .container{width: auto;height: auto;margin: 0 70px;}
	.client{font-size: 50px;padding:50px 0;}
	.squares{width: 145px;height: 145px;margin: 30px 30px 0 0;display: block;}
	.squares:nth-child(3n){margin-right: 0;}




	.cu{padding-bottom: 155px;}
	.cu .contactus{top: -35px;}
	.cu .container{width: auto;height: auto;margin: 0 50px;}
	.contact{font-size: 58px;padding:55px 0;line-height: 46px;}
	.code{margin-top: 20px;width: 280px;height: 280px;background-size: 100% auto;background-position: 50% 46%;}
	.cu p{line-height: 36px;font-size: 24px;margin-top: 10px;}
	.cu .we{font-size: 28px;}


	.bline{width: auto;}
	.pingasia2{width: 150px;height: 95px;}
	.zineplus{width: 170px;height: 60px;margin: 22px 60px 0;}
	.yueguanhuaxia{width: 85px;height: 85px;margin-left: 15px;}
	.blo{background-size: 100% auto;background-position: 50% 46%}
}






@media screen and (max-width: 320px) {
	.teams .oh{overflow: visible;}
	.teams .circle{left: 50%;margin-left:-116px;}
	.circle:nth-child(1){}
	.circle:nth-child(2){margin-top: 35px;}
	.circle:nth-child(3){margin-top: 35px;}
	.do .service{top:-173px;}
	.teams .ateams{top: -70px;}
	.cc .ccom{top: -70px;}
	.cp .clientp{top: -70px;}
	


}