html, body{  	font-family: 'Montserrat', sans-serif;    font-size: 100%;  	 background: #FFf;  	 -webkit-font-smoothing: antialiased;}body a{	transition:0.5s all;	-webkit-transition:0.5s all;	-moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all;}/*----start-container----*/.container{	width:80%;}/*-----start-header----*/.bg{	background:url(../images/baner.jpg) no-repeat 0px 0px;	background-size:cover;}.header{	height:100px;}.logo{	float: left;	margin: 1em 0em 0em 12em;	width: 300px;}.logo a{	width: 58px;	height: 58px;	vertical-align: bottom;}.logo span{	color: #FFF;	font-weight: 200;	text-transform: uppercase;	font-size: 2.5em;	display:inline-block;	margin-left: 0px;}.logo a:hover{	text-decoration:none;}.menu{	float: right;	margin: 1.5em 5em 0em 0em;	width: 600px;}.menu ul.ul_inline {	display: inline-block;	list-style: none;	border: 0;	width: 600px;	margin: 0;	padding: 0;	overflow: hidden; /* 超過範圍隱藏 */	white-space: nowrap; /* 不斷行 */	list-style-type:none;}.menu ul.ul_inline li{	display: inline; /* 水平排列 */}.menu ul.ul_inline li a {	display: inline-block; /* 水平內顯示為區塊 */	padding:0px 10px;	color:#FFF;	text-decoration:none;	font-size:1.8em;}.menu ul.ul_inline li a:HOVER{	color:red;}/*---- benner ----*/.banner-info{	padding: 3em 0em 0px 1em;}.banner-info h1{	letter-spacing: 5px;	font-weight: 700;	font-size: 4.2em;	color: #FFF;	text-transform: uppercase;	width: 70%;	display: inline-block;	line-height: 1.3em;}.banner-info h2{	font-weight: 700;	font-size: 2.5em;	color: #FFF;	text-transform: uppercase;	width: 70%;	display: inline-block;	line-height: 1.3em;}.banner-info span{	width:70%;	height:1px;	background:#35C2F8;	display:inline-block;}.banner-info p{	color: #CCCCCC;	font-weight:400;	font-size: 1.3em;	line-height: 1.7em;	font-family: 'Open Sans', sans-serif;	margin: 1em auto;	width: 50%;}.banner-dowload{	padding: 3em 0 12em;}.banner-dowload img1{	width: 195px;	height: 50px;}.banner-dowload img2{	width: 95px;	height: 95px;}/*---- services ----*/.services{	padding:3em 0;}.service-head h2{	font-weight:900;	font-size:2.6em;	color:#222222;	text-transform:uppercase;}.service-head span{	width:15%;	height:1px;	background:#35C2F8;	display:inline-block;}.services-grids{	width:85%;	margin:2em 2em 0em 7em;	text-align:center;}.prision33{	width:33%;	float:left;}.prision50{	width:50%;	float:left;}.prision66{	width:66%;	float:left;}.prision25{	width:25%;	float:left;}.prision75{	width:75%;	float:left;}.services-grid-text{	padding:0em 2em 0em 2em;	text-align:center;}.service-grid h3 a{	color: #222;	font-weight: 600;	font-size: 0.875em;	text-transform: uppercase;}.service-grid h3 a:hover{	color:#777777;	text-decoration:none;}.service-grid p{	margin:0;	text-align:left;	font-size: 0.8em;	font-weight:400;	font-family: 'Open Sans', sans-serif;	line-height: 16px;	color:#888888;}.service-grid span.service-icon1{	background-position:0px 0px;}.service-grid span.service-icon2{	background-position:0px 0px;}.service-grid span.service-icon3{	background-position:0px 0px;}.expertise{	background:#F7F7F7;}.expertice-right-grid{	margin: 0;	padding: 0;	background: url(../images/expert.png) no-repeat 0px 0px;	background-size: cover;	min-height: 640px;}.expertise-head h3{	font-weight: 900;	font-size: 2.5em;	color: #222222;	text-transform: uppercase;	margin: 0.3em 0 0.6em;}.expertise-head p{	font-weight:400;	font-family: 'Open Sans', sans-serif;	line-height:1.7em;	color:#777777;}.e-left-inner-grid-left{	float:left;	width:20%}.e-left-inner-grid-right{	float:right;	width:78%;}.e-left-inner-grid{	width: 47%;	float: left;	margin-bottom: 1em;}.e-left-inner-grid-right h4{	font-size:1.2em;	color:#222222;	text-transform:uppercase;	font-weight:600;}.e-left-inner-grid-right p{	font-weight: 400;	font-family: 'Open Sans', sans-serif;	line-height: 1.7em;	color: #777777;}.e-left-inner-grid-left span{	width:40px;	height:40px;}a.leran-more{	background:#FFFFFF;	color:#222222;	font-weight:500;	text-transform:uppercase;	text-decoration:none;	font-weight:600;	padding:0.9em 2em; 	display:inline-block;	font-size:1.1em;	border-radius: 3em;	-webkit-border-radius: 3em;	-moz-border-radius: 3em;	-ms-border-radius: 3em;	-o-border-radius: 3em;	border:1px solid #CBEEFA;}a.leran-more:hover{	background:#222222;	color:#FFFFFF;}.expertice-left-grid{	padding:3em 3em 0em 5em;}.expertise-left-inner-grids{	padding:2em 0;}/*---- help ----*/.help-head{	padding:3em 0;	text-align: center;	}.help-head h1{	font-weight: 900;	font-size: 2.6em;	color: #222222;	text-transform: uppercase;}.help-head span{	width: 8%;	height: 1px;	background: #35C2F8;	display: inline-block;}.help-left-grid{	padding:1em 2em 2em 5em;}.help-right-grid{	text-align: left;	padding:1em 6em 1em 0em;}.h-right-inner-grid{		margin-bottom: 1em;}.h-right-inner-grid p{	margin:0;	text-align:left;	font-size: 12px;	font-weight:400;	font-family: "Microsoft YaHei2","Times New Roman";	line-height: 14px;	color:#888888;}.h-right-inner-grid h4{	/*margin-bottom: 1em;*/	text-align:left;	font-size: 14px;	font-weight:400;	font-family: "Microsoft YaHei2","Times New Roman";	line-height: 16px;	color:#002B92;}.use_help{	display: none;}.help-left-grid ul{	width: 184px;	height: auto;	float: left;	padding-left: 15px;	list-style-type: none;	text-align: left;}.help-left-grid li{	width: 164px;	line-height: 50px;	margin-top: 5px;	float: left;	padding: 3px 16px 4px;	font-family: "΢���ź�";	font-size: 16px;	text-align: left;	list-style-type: none;	-moz-border-radius: 8px;    -webkit-border-radius: 8px;    border-radius:8px 9px 8px 6px;}.help-left-grid li:hover {    background-color:#3F4850;	/*background: url("../images/background2.png")  no-repeat scroll 0% 0% transparent;*/}.help-left-grid li:hover a{    color: #FFFFFF;}.help-left-grid li a{	color: #000000;	text-decoration: none;}.help-left-grid .bb{	background-color:#3F4850;	/*background: url("../images/background2.png")  no-repeat scroll 0% 0% transparent;*/}.help-left-grid .bb a{	color: #FFFFFF;}.h-left-inner-grid-left{	margin-top: -6px;	float:left;	width:15%}.h-left-inner-grid-right{	float:right;	width:69%;}.h-left-inner-grid{	float: left;	width:100%;	margin-bottom: 1em;}.h-left-inner-grid-left span{	width:40px;	height:40px;	display:inline-block;	background:url(../images/exprt-icons.png) no-repeat 0px 0px;	margin-top:0.4em;}.h-left-inner-grid-right h4{	font-size:1.2em;	color:#222222;	text-transform:uppercase;	font-weight:600;}.h-left-inner-grid-left h4:hover{	color:#fff;	cursor: pointer;}.h-left-inner-grid-right p{	font-weight: 400;	font-family: 'Open Sans', sans-serif;	line-height: 1.7em;	color: #777777;}.h-left-inner-grid-left span.h-icon1{	background-position:0px 0px;}.h-left-inner-grid-left span.h-icon2{	background-position: -5px -105px;}.h-left-inner-grid-left span.h-icon3{	background-position: 0px -51px;}.h-left-inner-grid-left span.h-icon4{	background-position: 2px -159px;}.h-left-inner-grid .arrow_right{	display:none;	margin-top: 1px;	float: right;	width: 15%;}.h-left-inner-grid .arrow_right:hover{	display: block;}.bshare-custom .bshare-weixin {    background: url(../images/weixin.png) no-repeat scroll 0% 0% transparent;    display: inline-block;}.bshare-custom .bshare-qqim {    background: url(../images/qq.gif) no-repeat scroll 0% 0% transparent;    display: inline-block;}.bshare-custom .bshare-sinaminiblog {    background: url(../images/weibo.jpg) no-repeat scroll 0px -270px transparent;    display: inline-block;}.bshare-custom .bshare-more.more-style-addthis {    background: url(../images/jiahao.gif) no-repeat scroll 0% 0% transparent;}/*---- portflio ----*/.portfolio{	height:600px;}.portfolio-head{	padding:3em 0;	text-align: center;}.portfolio-head h1{	font-weight: 900;	font-size: 2.6em;	color: #222222;	text-transform: uppercase;}.portfolio-head span{	width: 8%;	height: 1px;	background: #35C2F8;	display: inline-block;}.portfolio-works{	padding:0em 0em 4em 1em;}.portfolio-school-grid1{	margin: 1em 2em 1em 4em;	width: 380px;	height: 150px;	background: #2FB1BE;}.portfolio-school-grid2{	margin: 1em 2em 1em 2em;	width: 380px;	height: 150px;	background: #8BBA30;}.portfolio-school-grid3{	margin: 1em 4em 1em 0em;	width: 380px;	height: 150px;	background: #BEA881;}.portfolio-school-grid4{	margin: 1em 2em 1em 4em;	width: 380px;	height: 150px;	background: #EBB741;}.portfolio-school-grid5{	margin: 1em 2em 1em 2em;	width: 380px;	height: 150px;	background: #F2854C;}.portfolio-school-grid6{	margin: 1em 4em 1em 0em;	width: 380px;	height: 150px;	background: #365C80;}.orgTypes{	font-size:2em;	margin-left:2em;}.portfolio-school-img{	width: 75px; 	height: 75px;	float: left;	margin: 2.2em 0em 0em 2em;}.portfolio-school-p{	width:240px;	color: #FFF;	font-size: 1.5em;	float: right;	margin: 2.3em 1em 0em 0em;}.portfolio-work-grid{	padding:0;	position:relative;}/*----start-events----*/.events{	padding:3em 0;	background: #F9F9F9;}.events-head{	text-align: center;}.events-head h1{	font-weight: 900;	font-size: 2.6em;	color: #222222;	text-transform: uppercase;}.events-head span{	width: 8%;	height: 1px;	background: #35C2F8;	display: inline-block;}.events-time-line{	padding: 0;	list-style: none;	position: relative;	width: 60%;	margin:0em 20%;}.events-time-line li{	display: inline;}.img-evel{	float:right;	margin-right:41%;	margin-top:3em;}.img-evel img{	width:150px;	height:150px;}.content-evel{	float:left;	margin-left:0%;	margin-top:5em;	text-align:right;	width:300px;}.content-evel h2{	color: #222222;	text-transform: uppercase;	font-weight: 600;	font-size: 0.93em;}.content-evel p{	color: #777777;	line-height: 1.6em;	font-family: 'Open Sans', sans-serif;	font-size: 0.72em;	margin-top: 0.8em;}.img-ovl{	float:left;	margin-left:41%;	margin-top:3em;}.img-ovl img{	width:150px;	height:150px;}.content-ovl{	float:right;	margin-right:0%;	margin-top:5em;	text-align:left;	width:300px;}.content-ovl h2{	color: #222222;	text-transform: uppercase;	font-weight: 600;	font-size: 0.93em;}.content-ovl p{	color: #777777;	line-height: 1.6em;	font-family: 'Open Sans', sans-serif;	font-size: 0.72em;	margin-top: 0.8em;}/*----start-about----*/.about{	padding:3em 0;}.about-head{	text-align: center;}.about-head h1{	font-weight: 900;	font-size: 2.6em;	color: #222222;	text-transform: uppercase;}.about-head span{	width: 8%;	height: 1px;	background: #35C2F8;	display: inline-block;}/*--about-time-line--*/.about-time-line{	padding: 0;	list-style: none;	position: relative;	width: 60%;	margin: 6em auto 15em;}.about-time-line li{	display: inline;}.about-time-line:before {	content: '';	position: absolute;	top: 0;	bottom: 0;	width: 3px;	background: #F1F1F1;	left: 49%;	margin-left: -10px;}.about-time-line > li:nth-child(odd) .cbp_tmtime span:last-child {	color: #6cbfee;}.about-time-line > li .cbp_tmtime span:last-child {	font-size: 2.9em;	color: #3594cb;}.about-time-line > li .cbp_tmtime span {	display: block;	text-align: right;}.about-time-line > li .cbp_tmicon,.cbp_tmicon1,.cbp_tmicon2,.cbp_tmicon3,.cbp_tmicon4,.cbp_tmicon5,.cbp_tmicon6,.cbp_tmicon7{	width: 170px;	height: 170px;	speak: none;	font-size: 1.4em;	line-height: 40px;	position: absolute;	color: #fff;	border-radius: 50%;	text-align: center;	left: 41%;	top: -1%;	margin: 0 0 0 -25px;	display:block;}.cbp_tmicon{	left: 41%;	top: 0%;}.cbp_tmicon1{	left: 41%;	top: 14%;}.cbp_tmicon2{	left: 41%;	top: 28%;}.cbp_tmicon3{	left: 41%;	top: 42%;}.cbp_tmicon4{	left: 41%;	top: 56%;}.cbp_tmicon5{	left: 41%;	top: 70%;}.cbp_tmicon6{	left: 41%;	top: 84%;}.cbp_tmicon7{	left: 41%;	top: 99%;}.img{	background:url(../images/time-line-img1.png);	background-size: 100% 100%;}.img1{	background:url(../images/time-line-img1.png) no-repeat;	background-size: 100% 100%;}.img2{	background:url(../images/time-line-img2.png) no-repeat;	background-size: 100% 100%;}.img3{	background:url(../images/time-line-img3.png) no-repeat;	background-size: 100% 100%;}.img4{	background:url(../images/time-line-img4.png) no-repeat;	background-size: 100% 100%;}.img5{	background:url(../images/time-line-img6.png) no-repeat;	background-size: 100% 100%;}.img6{	background:url(../images/time-line-img7.png) no-repeat;	background-size: 100% 100%;}.img7{	background:url(../images/time-line-img8.png) no-repeat;	background-size: 100% 100%;}.sss{	margin-top: 14%;}.about-time-line > li .cbp_tmlabel {	margin: 0 0 0 -8%;	color: #fff;	padding: 1em 0em 0em 0;	font-size: 1.2em;	font-weight: 300;	line-height: 1.4;	position: relative;	border-radius: 5px;	width: 40%;	top: 0%;	text-align: right;	min-height: 250px;}.about-time-line > li .cbp_tmlabel1 {	margin: 0 0 15px 64%;	text-align: left;}.about-time-line > li:nth-child(odd) .cbp_tmlabel:after {	border-right-color: #6cbfee;}.cbp_tmlabel h2{	color: #222222;	text-transform: uppercase;	font-weight: 600;	font-size: 0.93em;}.cbp_tmlabel p{	color: #777777;	line-height: 1.6em;	font-family: 'Open Sans', sans-serif;	font-size: 0.72em;	margin-top: 0.8em;}/*--//about-time-line--*//*---team-members--*/.team-members{	padding: 3em 0 4em 0;	background: #F9F9F9;}.tm-head{	text-align:center;}.tm-head h1{	font-weight: 900;	font-size: 2.6em;	color: #222222;	text-transform: uppercase;}.tm-head p{	font-family: 'Open Sans', sans-serif;	color: #777777;	margin: 0 auto;	font-size: 1em;	line-height: 1.44em;}.tm-head span{	width: 8%;	height: 1px;	background: #35C2F8;	display: inline-block;}.tm-head-grid img{	border-radius: 30em;	-webkit-border-radius: 30em;	-moz-border-radius: 30em;	-o-border-radius: 30em;}.tm-head-grid {	width:30%;	float:left;	text-align: center;}.tm-head-grid1 {	text-align: center;	margin: 0em 1em 0em 0em;}.tm-head-grid2 {	text-align: center;	margin: 0em 1em 0em 1em;}.tm-head-grid3 {	text-align: center;	margin: 0em 0em 0em 1em;}.tm-head-grids {	width: 90%;	margin:0% 0% 3% 8%;}.tm-head-grid:nth-child(3){	margin-right:0;}.tm-head-grid h4{	font-size: 1.2em;	color: #222222;	font-family: 'Montserrat', sans-serif;	text-shadow: 0px 0px 1px rgba(66, 66, 66, 0.39);	-webkit-text-shadow: 0px 0px 1px rgba(66, 66, 66, 0.39);	-moz-text-shadow: 0px 0px 1px rgba(66, 66, 66, 0.39);	-o-text-shadow: 0px 0px 1px rgba(66, 66, 66, 0.39);	margin: 0.8em 0 0.2em 0;}.tm-head-grid h5{	font-family: 'Open Sans', sans-serif;	color: #777777;	margin: 0 auto;	font-size: 0.95em;	line-height: 1.44em;}.tm-head-grid p{	margin:0;	text-align:left;	font-size: 0.788em;	font-weight:400;	font-family: 'Open Sans', sans-serif;	line-height: 14px;	color:#888888;}.tm-head-grid h3{	margin-bottom: 1em;	text-align:left;	font-size: 0.888em;	font-weight:400;	font-family: 'Open Sans', sans-serif;	line-height: 14px;	color:#002B92;}/*---//team-members--*//*----team-info----*/.team-info{	font-family: 'Open Sans', sans-serif;	color: #555;	margin: 0 auto;	font-size: 1em;	line-height: 1.8em;	text-align: center;	width: 60%;}/*--//team-info--*//*--skills-head--*/.skills-head{	text-align:center;}.skills-head h3{	font-size: 2.5em;	font-family: 'Montserrat', sans-serif;	color: #222;	text-transform: uppercase;}.skills-head p{	font-family: 'Open Sans', sans-serif;	color: #777777;	margin: 0 auto;	font-size: 0.95em;	line-height: 1.44em;}.top-social-icons li{	display: inline-block;	margin: 1.2em 0.3em;}.top-social-icons li a{	width:40px;	height:40px;	display:block;}.twitter{	background:url(../images/top-social-icons.png) no-repeat 0px 0px;}.facebook{	background: url(../images/top-social-icons.png) no-repeat -50px 0px;}.pin{	background: url(../images/top-social-icons.png) no-repeat -100px 0px;}.tm-head-grid ul{	margin:0;	padding:0;}/*---- contact ----*/.contact{	background: #000000;	padding: 5em 0 0;}.contact-left h3{	color:#FFF;	font-weight:900;	font-size:2.8em;	text-transform:uppercase;	margin:0;	padding:0 0 0.4em 0;}.contact-right h3{	color:#FFF;	font-weight:900;	font-size:2.8em;	text-transform:uppercase;	margin:0em;	padding:0 0 0.5em 0;}.contact-left label{	font-weight: 400;	font-family: 'Open Sans', sans-serif;	line-height: 1.7em;	color: #FFF;	margin-bottom:1.8em;	display:block;}.contact-left-grid p,.contact-left-grid p a{	color: #FFF;	font-weight: 300;	font-size: 1.1em;	font-family: 'Open Sans', sans-serif;	margin: 0.8em 0;}.contact-left-grid p a{	text-decoration:none;}.contact-left-grid p a:hover{	color:#35C2F8;}.contact-left-grid p span{	width: 28px;	height: 32px;	display: inline-block;	background: url(../images/contact-icons1.png) no-repeat 0px 0px;	vertical-align: middle;	margin-right: 0.3em;}.contact-left-grids div.col-md-6{	padding:0;}.contact-left-grid p span.c-mobi{	background-position:0px 0px;}.contact-left-grid p span.c-twitter{	background-position: 0px -66px;}.contact-left-grid p span.c-pluse{	background-position: 0px -132px;}/*----*/.contact-right-grid p,.contact-right-grid p a{	color: #FFF;	font-weight: 300;	font-size: 1.1em;	font-family: 'Open Sans', sans-serif;	margin: 0.8em 0;}.contact-right-grid p a{	text-decoration:none;}.contact-right-grid p a:hover{	color:#35C2F8;}.contact-right-grid p span{	width: 28px;	height: 32px;	display: inline-block;	background: url(../images/contact-icons2.png) no-repeat 0px 0px;	vertical-align: middle;	margin-right: 0.3em;}.contact-right-grids div.col-md-6{	padding:0;}.contact-right-grid p span.c-msg{	background-position: 0px 6px;}.contact-right-grid p span.c-face{	background-position: 0px -61px;}.contact-right-grid p span.c-pin{	background-position: 0px -126px;}.contact-right input[type="text"],.contact-right textarea{	width:100%;	padding:0.8em;		font-family: 'Open Sans', sans-serif;	color:#777;	font-weight:300;	border-radius:0.3em;	-webkit-border-radius:0.3em;	-moz-border-radius:0.3em;	-o-border-radius:0.3em;	-ms-border-radius:0.3em;	outline:none;	border:1px solid #111111;	transition:border-color 0.4s;	-webkit-transition:border-color 0.4s;	-moz-transition:border-color 0.4s;	-o-transition:border-color 0.4s;	-ms-transition:border-color 0.4s;	margin:0 0 1em 0;}.contact-right input[type="text"]:hover,.contact-right textarea:hover{	border-color:#35C2F8;}.contact-right textarea{	outline:none;	min-height:150px;}.contact-right input[type="submit"]{	background:#35C2F8;	padding:0.9em 1.5em;	color:#FFF;	text-transform:uppercase;	border-radius:3em;	border:none;	cursor:pointer;	transition:0.5s all;	-webkit-transition:0.5s all;	-moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all;}.contact-right input[type="submit"]:hover{	background:#EE2F1B;}.contact-right-img{	width: 75px; 	height: 100px;	float: left;	margin: 4em 0em 0em 6em;}/*---- copy-right -----*/.copy-right p{	color:#FFF;	font-size:1em;	border-top:1px solid #FFF;	padding:1.5em 0;	font-weight:300;	font-family: 'Open Sans', sans-serif;	margin-top:5em;}.copy-right p a{	color:#35C2F8;}.copy-right p a:hover{	color:#FFF;	text-decoration:none;}#toTop {	display: none;	text-decoration: none;	position: fixed;	bottom: 14px;	right: 3%;	overflow: hidden;	width: 40px;	height: 40px;	border: none;	text-indent: 100%;	background: url("../images/to-top1.png") no-repeat 0px 0px;}#toTopHover {	width: 40px;	height: 40px;	display: block;	overflow: hidden;	float: right;	opacity: 0;	-moz-opacity: 0;	filter: alpha(opacity=0);}/*---- responsive-design ----*/@media (max-width:1366px){	.container{		width:80%;	}}@media (max-width:1280px){	.container{		width:80%;	}	.portfolio-work-grid-caption {		padding: 4.5em 2em 0em 2em;	}}@media (max-width:1024px){	.container{		width:80%;	}	.portfolio-work-grid-caption {		padding: 2.4em 1em 0em 1em;	}	.banner-info h1 {		font-size: 3.2em;		width: 80%;	}	.banner-info p {		width: 60%;	}	.e-left-inner-grid-right {		width: 80%;	}	.portfolio-top-left-grid-right p {		width: 100%;	}	.portfolio-top-left {		background: url(../images/portbg-1.png) no-repeat 68% 51%;	}	.about-time-line > li .cbp_tmlabel {		width: 55%;		margin: 0% 0 0px -23%;	}	.about-time-line > li .cbp_tmlabel1 {		margin: 0 0 15px 70%;	}	.about-time-line:before {		left: 52%;	}}@media (max-width:768px){	.container{		width:80%;	}	.portfolio-work-grid-caption {		padding: 2.4em 1em 0em 1em;	}	.banner-info h1 {		font-size: 2.8em;		width: 100%;	}	.banner-info p {		width: 90%;	}	.e-left-inner-grid-right {		width: 80%;	}	.portfolio-top-left-grid-right p {		width: 100%;	}	.portfolio-top-left {		background: url(../images/portbg-1.png) no-repeat 68% 51%;		padding: 1.5em 4em 1.5em 4em;	}	.about-time-line > li .cbp_tmlabel {		width: 56%;		margin: 0% 100% 0px 35%;		text-align: left;	}	.about-time-line > li .cbp_tmlabel1 {		margin: 0 0 15px 35%;	}	.about-time-line:before {		left: 19.5%;	}	.service-head h2 {		font-size: 2.2em;	}	.services {		padding: 1em 0;	}	.services-grids {		padding: 1em 0;	}	.service-grid h3{		margin:0 0 0.3em 0;	}	.service-grid{		margin:0 0 1em 0;	}	.expertice-left-grid {		padding: 1.5em 4em 1.5em 4em;	}	.about {		padding: 1em 0 14em;	}	.about-time-line {		width: 100%;		margin: 0;	}	.about-time-line > li .cbp_tmicon, .cbp_tmicon1, .cbp_tmicon2, .cbp_tmicon3, .cbp_tmicon2, .cbp_tmicon4 {		left: 10%;	}	.tm-head h3 {		font-size: 3em;	}	.team-members {		padding: 2em 0 3em 0;	}	.tm-head-grid {		width: 100%;		float: none;		margin-right: 0;	}	.team-info {		width: 80%;	}	.contact {		padding: 3em 0 0;	}	.contact-left h3 {		font-size: 2.5em;	}	.contact-left{		margin:0 0 1em 0;	}}@media (max-width:640px){	.container{		width:80%;	}	.portfolio-work-grid-caption {		padding: 2.4em 1em 0em 1em;	}	.banner-info {		padding: 5em 0 7em;	}	.banner-info h1 {		font-size: 2.3em;		width: 100%;	}	.banner-info p {		width: 100%;		font-size: 1.2em;	}	.e-left-inner-grid-right {		width: 80%;	}	.portfolio-top-left-grid-right p {		width: 100%;	}	.portfolio-top-left {		background: url(../images/portbg-1.png) no-repeat 68% 51%;		padding: 1.5em 3em 1.5em 3em;	}	.about-time-line > li .cbp_tmlabel {		width: 54%;		margin: 0% 100% 0px 37%;		text-align: left;	}	.about-time-line > li .cbp_tmlabel1 {		margin: 0 0 15px 35%;	}	.about-time-line:before {		left: 19.5%;	}	.service-head h2 {		font-size: 2.2em;	}	.services {		padding: 1em 0;	}	.services-grids {		padding: 1em 0;	}	.service-grid h3{		margin:0 0 0.3em 0;	}	.service-grid{		margin:0 0 1em 0;	}	.expertice-left-grid {		padding: 1.5em 3em 1.5em 3em;	}	.about {		padding: 1em 0 14em;	}	.about-time-line {		width: 100%;		margin: 0;	}	.about-time-line > li .cbp_tmicon, .cbp_tmicon1, .cbp_tmicon2, .cbp_tmicon3, .cbp_tmicon2, .cbp_tmicon4 {		left: 10%;		width: 140px;		height: 140px;	}	.tm-head h3 {		font-size: 2.8em;	}	.team-members {		padding: 2em 0 3em 0;	}	.logo{	    float: left;	    margin: 0em;	}	.menu{		float: right;		margin: 0em;	}	.banner-info {    	padding: 0em 0px 4em;	}	.banner-dowload {	    padding: 3em 0px 0em;	}	.portfolio {	    height: auto;	}	.portfolio-works {	    padding: 0em 0em 0em 0em;	}	.portfolio-school-grid1 {	    margin: 0em;	    margin-top: 1em;	    width: 100%;	}	.portfolio-school-grid2 {	    margin: 0em;	    margin-top: 1em;	    width: 100%;	}	.portfolio-school-grid3 {	    margin: 0em;	    margin-top: 1em;	    width: 100%;	}	.portfolio-school-grid4 {	    margin: 0em;	    margin-top: 1em;	    width: 100%;	}	.portfolio-school-grid5 {	    margin: 0em;	    margin-top: 1em;	    width: 100%;	}	.help-right-grid {	    text-align: left;	    padding: 1em;	}	.prision75{		width: 100%;		float: none;		margin-right: 0;	}	.help-left-grid {	    display: none;	}	.use_help{		display: block;	    text-align: center;	    font-size: 14px;	    font-weight: 400;	    font-family: "Microsoft YaHei2","Times New Roman";	    line-height: 16px;	    color: #002B92;	}	.tm-head-grid {		width: 100%;		float: none;		margin-right: 0;	}	.prision33{		width: 100%;		float: none;		margin-right: 0;	}	.prision66{		width: 100%;		float: none;		margin-right: 0;	}	.services-grids{		width: 100%;		margin: 2em 2em 0em 2em;		padding: 1em 0px;		text-align: center;	}	.services-grid-text{		padding:0em;	}	.prision50{		width: 100%;		float: none;		margin-right: 0;	}	.e-left-inner-grid{		width: 100%;		float: none;		margin-right: 0;	}	.e-left-inner-grid-left{		float: none;		width: 100%;	}	.team-info {		width: 80%;	}	.contact {		padding: 3em 0 0;	}	.contact-left h3 {		font-size: 2.5em;	}	.contact-left{		margin:0 0 1em 0;	}}@media (max-width:480px){	.container{		width:80%;	}	.portfolio-work-grid-caption {		padding: 2.4em 1em 0em 1em;	}	.banner-info {		padding: 3em 0 4em;	}	.banner-info h1 {		font-size: 1.7em;		width: 100%;	}	.banner-info p {		width: 100%;		font-size: 0.875em;	}	.e-left-inner-grid-right {		width: 80%;	}	.portfolio-top-left-grid-right p {		width: 100%;	}	.portfolio-top-left {		background: url(../images/portbg-1.png) no-repeat 68% 51%;		padding: 1.5em 2em 1.5em 1.8em;	}	.about-time-line > li .cbp_tmlabel {		width: 54%;		margin: 0% 100% 0px 37%;		text-align: left;	}	.about-time-line > li .cbp_tmlabel1 {		margin: 0 0 15px 35%;	}	.about-time-line:before {		left: 19.5%;	}	.service-head h2 {		font-size: 2em;	}	.services {		padding: 1em 0;	}	.services-grids {		padding: 1em 0;	}	.service-grid h3{		margin:0 0 0.3em 0;	}	.service-grid{		margin:0 0 1em 0;	}	.expertice-left-grid {		padding: 1.5em 3em 1.5em 3em;	}	.about {		padding: 1em 0 14em;	}	.about-time-line {		width: 100%;		margin: 0;	}	.about-time-line > li .cbp_tmicon, .cbp_tmicon1, .cbp_tmicon2, .cbp_tmicon3, .cbp_tmicon2, .cbp_tmicon4 {		left: 10%;		width: 120px;		height: 120px;	}	.tm-head h3 {		font-size: 2.2em;	}	.team-members {		padding: 1em 0 2em 0;	}	.tm-head-grid {		width: 100%;		float: none;		margin-right: 0;	}	.team-info {		width: 80%;	}	.contact {		padding: 3em 0 0;	}	.contact-left h3 {		font-size: 2.2em;	}	.contact-left{		margin:0 0 1em 0;	}	.service-grid h3 a {		font-size: 0.8em;	}	.expertise-head h3 {		font-size: 2em;	}	.e-left-inner-grid {		width: 100%;		float: none;		margin-bottom: 0.5em;	}	.expertise-left-inner-grids {		padding: 1em 0;	}	.portfolio-top-left h3 {		font-size: 2em;	}	.portfolio-top-left h3 {		font-size: 1.7em;	}	.about-head h1 {		font-size: 2.2em;	}	.copy-right p{		padding:1.5em 0 1.2em;		margin-top:3em;	}	.contact-right input[type="text"], .contact-right textarea,.contact-right input[type="submit"]{		-webkit-appearance:none;		resize:none;	}	.contact-right input[type="submit"] {		padding: 0.7em 0em;		width: 100%;		outline:none;	}}@media (max-width:320px){	.container{		width:90%;	}	.portfolio-work-grid-caption {		padding: 0.5em 1em 0em 1em;	}	.banner-info {		padding: 2em 0 3em;	}	.banner-info h1 {		font-size: 1.2em;		width: 100%;	}	.banner-info p {		width: 100%;		font-size: 0.875em;	}	.e-left-inner-grid-right {		width: 80%;	}	.portfolio-top-left-grid-right p {		width: 100%;	}	.portfolio-top-left {		background: url(../images/portbg-1.png) no-repeat 68% 51%;		padding: 1.5em 1em 1.5em 1em;	}	.about-time-line > li .cbp_tmlabel {		width: 62%;		margin: 0% 100% 0px 32%;		text-align: left;	}	.about-time-line > li .cbp_tmlabel1 {		margin: 0 0 15px 35%;	}	.about-time-line:before {		left: 16%;	}	.service-head h2 {		font-size: 1.5em;		margin: 0.2em 0 0;	}	.services {		padding: 1em 0;	}	.services-grids {		padding: 1em 0;	}	.service-grid h3{		margin:0 0 0.3em 0;	}	.service-grid{		margin:0 0 1em 0;	}	.expertice-left-grid {		padding: 1.5em 2em 1.5em 2em;	}	.about {		padding: 1em 0 14em;	}	.about-time-line {		width: 100%;		margin: 0;	}	.about-time-line > li .cbp_tmicon, .cbp_tmicon1, .cbp_tmicon2, .cbp_tmicon3, .cbp_tmicon2, .cbp_tmicon4 {		left: 10%;		width: 70px;		height: 70px;	}	.tm-head h3 {		font-size: 1.5em;	}	.team-members {		padding: 1em 0 2em 0;	}	.tm-head-grid {		width: 100%;		float: none;		margin-right: 0;	}	.team-info {		width: 80%;	}	.contact {		padding: 1.8em 0 0;	}	.contact-left h3 {		font-size: 1.5em;	}	.contact-left{		margin:0 0 1em 0;	}	.service-grid h3 a {		font-size: 0.8em;	}	.expertise-head h3 {		font-size: 1.3em;	}	.e-left-inner-grid {		width: 100%;		float: none;		margin-bottom: 0.5em;	}	.expertise-left-inner-grids {		padding: 1em 0;	}	.portfolio-top-left h3 {		font-size: 2em;	}	.portfolio-top-left h3 {		font-size: 1.5em;	}	.about-head h1 {		font-size: 1.8em;	}	.copy-right p{		padding:1.5em 0 1.2em;		margin-top:3em;	}	.e-left-inner-grid-right h4 {		font-size: 1.1em;	}	.e-left-inner-grid-left span {		margin-top: 0.2em;	}	a.leran-more {		padding: 0.8em 1.3em;		font-size: 0.9em;	}	.portfolio-top-left-grid-right h5 {		font-size: 1.1em;	}	.portfolio-top-left-grid-right {		width: 82%;	}	.portfolio-work-grid-caption h4 {		font-size: 1.3em;	}	.cbp_tmlabel h2 {		font-size: 0.875em;		margin: 0;	}	.tm-head p {		width: 80%;		margin: 0 auto;	}	.contact-right-grid p, .contact-right-grid p a {		font-size: 1em;	}	.contact-left-grid p, .contact-left-grid p a {		font-size: 1em;	}	.contact-left label {		font-size: 0.875em;	}	.top-nav ul li a {		padding: 0.2em 0;	}	.contact-right input[type="text"], .contact-right textarea,.contact-right input[type="submit"]{		-webkit-appearance:none;		resize:none;	}	.contact-right input[type="submit"] {		padding: 0.7em 0em;		width: 100%;		outline:none;	}}