/*--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
.clearfix5{ height:5px; clear:both;}
.clearfix10{ height:10px;clear:both;}
.clearfix15{ height:15px;clear:both;}
.clearfix20{ height:20px;clear:both;}
.clearfix25{ height:25px;clear:both;}
.clearfix30{ height:30px;clear:both;}
.clearfix35{ height:35px;clear:both;}
.clearfix40{ height:40px;clear:both;}
.clearfix45{ height:45px;clear:both;}
.clearfix50{ height:55px;clear:both;}
.top20{ position:absolute;margin-top:-20px;}
.top30{ position:absolute;margin-top:-30px;}
.top40{  }
.top50{ position:absolute;margin-top:-50px;}
body{
	background:#fff;
	font-family:Arial, Microsoft YaHei, sans-serif;
	font: 15px/23px Arial,Microsoft YaHei, Segoe UI, Arial, sans-serif,Microsoft YaHei;
	color:#3e474c;
}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
h2,h3,h4,h5,h6,p{
	margin:0;
}
 ul{
	padding: 0;
	margin: 0;
}
.header{ background-color:rgba(0%,0%,0%,0.8); border-bottom:solid 1px #B0B0B0;z-index:999; position:relative; top:0px; z-index:999;width: 100%; }

.nav_fixed{position: fixed;top: 0px;}
/*@media(max-width:768px){.nav_fixed{position: inherit;}}
小于宽度导航固定*/

.viewmenubottom{ display:none;}
.viewmenutop{ display:inherit; z-index:999999999; }
@media(max-width:768px){.viewmenubottom{ display:none;}
.viewmenutop{ display: inherit; position:static;}/*小于宽度导航固定*/
}




.logo{
	float: left;
	margin-top: 1.0em; 
}
.logo img{max-width:160px; }
@media(max-width:992px){ .logo{ display:none;   }}
@media(max-width:768px){ .logo{ display: block;   }}
.top-nav{
	float:right;
}
.top-nav ul li{
	display: inline-block;
	float: left;
	padding: 2em 0.5em;font-size: 0.8em;
}
.top-nav ul li a{
	font-size: 1.1em;
	text-decoration: none;
	color: #ddd;
	
	
	padding: 3px 2px;
	display:block;
	font-weight: 300;
}
.top-nav ul li a:hover,.top-nav ul li.active a{
	background:#fa5b3c;
	color:#fff;
	border-radius: 2px; padding:4px 11px;
}
.top-nav ul li.language a{ border:solid 1px #FFFFFF;}
.top-nav ul li.language:hover a{ background-color:#FFF; color:#F30;}
.top-nav ul li.lageuage2 {text-align:center; color:#309;}
.top-nav ul li.lageuage2 span {list-style: none;display: inline-block; float: none; margin: 3px 1px;}
.top-nav ul li.lageuage2 span img { max-height:15px;margin:2px auto;}
.top-nav ul li.lageuage2 a{padding: 0px 2px;}
.top-nav ul li.lageuage2 a:hover{	background:#fa5b3c;padding:0px 5px;}
@media(max-width:768px){
.top-nav ul li.lageuage2 span img { max-height:27px;margin:2px 8px;;}
	}

.top-nav span.menu{
	min-height: 32px;
	min-width: 32px;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	background-position: center bottom; margin-top:1.3em;
}
.top-nav span.menu:before{ 
	content: /*url(../images/menu.png)*/no-repeat 0px 0px;
	cursor:pointer;	
	width:100%;
}
.top-nav span.menu{
	display: none;
}


/*--responsive media-quries--*/
@media(max-width:768px){
.top-nav ul{
	display: none;
	position:absolute;
	width:100%;
	z-index: 9999;
	left: 0%;
	margin: 0em;
	background: rgba(0,0,0,0.9);
	top:5em; border-bottom:solid 1px #CCCCCC;
}
.top-nav span.menu{
	display: block;
	width:100%;
	position:relative;
	text-align: right;
	padding: 0.9em 10px 0.8em;
}
.top-nav ul li{font-size: 1.1em;
	display: block;
	float:none;
	padding: 0.9em 0.8em;
	text-align: center; rgba(0,0,0,0.0.9); 
}
.top-nav ul li a,.top-nav ul li.active a{
	color:# 000;
	border: none;
	padding: 0; 
}
.top-nav ul li a:hover,.top-nav ul li.active a{
	background:none;
	border-radius:none;padding: 0.7em 0.8em;background-color:#fa5b3c; color:#FFF;
}
.top-nav ul li a:hover{
	color:#000;color:#FFF;padding: 1em 10px 1em;
}
}
@media(max-width:1200px){.top-nav ul li{font-size: 0.9em;}}
@media(MIN-width:1200px){.top-nav ul li{font-size: 1.05em;}}
/*----*/
.banner{
	background:url(../images/banner+3.jpg) center center no-repeat;
	width:100%;
	min-height:513px; max-height:513px;
	display:block;
	background-size:cover;
	text-align:center;
	position:relative;
}
.banner-matter{
	padding: 8px 15px;
	background-color: rgba(12%,12%,12%,0.0);
	border-radius: 10px;
	;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 4%;
}
.banner h2{
	text-transform:uppercase; font-family:Open Sans; 
	font-size:1.2em;
	color:#ebb116;
	font-weight:400; margin:8px auto;
}
.banner h2 span{
	color:#fff;
}
.banner h3{
	text-transform:uppercase;
	font-size:2.14em;
		color: #FC0;
	font-weight:600; margin:30px auto 5px;letter-spacing:1px; text-shadow:0px 3px 3px rgba(0,0,0,0.4); font-weight:bold;
}
.banner h3.en  { margin:10px auto 5px;}
.banner h3 span {white-space:nowrap;}
.banner h3.en span { font-size:0.8em;}
.banner h5{
	text-transform: none;
	font-size:2.78em;
color:#fff;
	font-weight: normal; margin:20px auto 0px;letter-spacing:2px; text-shadow:2px 2px 3px #222;
	letter-spacing:4px;
}
.banner h5 img{ max-width:98%; max-height:106px;}
.banner h5.en{	font-size:2.3em; letter-spacing:1px;text-shadow:1px 1px 2px #111; line-height:1.2em; margin:0.3em 0px 0px;}
.banner h5.en img{ max-width:98%; max-height:166px;}
.banner h5 div{
	font-size:0.7em; margin-bottom:0.15em;letter-spacing:8px;
}
.banner h5 div img{ max-width:80%; max-height:72px;
	 
}
.banner p{
	color:#fff;
	font-size:1em;
	font-weight:400;
	width: 70%;
	margin: 0.2em auto 1em;letter-spacing:1px;}
	
	
	
@media(max-width: 768px){.banner h5 ,.banner h5.en{font-size:2.3em;}
.banner h3{	font-size:1.8em; }

}
@media(max-width: 550px){.banner h5 ,.banner h5.en{font-size:1.7em;}
.banner h3{	font-size:1.7em; }
}
@media(max-width: 420px){
.banner h5 ,.banner h5.en{font-size:1.4em;}
.banner h3{	font-size:1.6em; }

.banner p{ font-size:0.7em;}
}

.banner .smail{ background-color:rgba(0,0,0,0.4); padding:4px 0px 10px 0px; width:100%; max-width:600px; margin:4px auto;}
.banner .smail h2{ font-size:1.5em; font-family:Arial; margin:0px; padding-top:6px;}

.banner .smail .textinput{ width:60%; min-width:300px; height:1.4em; line-height:1.4em; font-size:1.1em; padding:0px; }
.banner .smail .sub{ width:100px; height:1.6em; top:-0em; position:relative; background-color:#F60; color:#FFF}
@-moz-document url-prefix()
{
.banner .smail .sub{top:0em;}	
.banner .smail .textinput{ color:#000; padding:0px; }
	}
.banner .smail .sub:hover{ color:#FF3; background-color: #900;}

/*--btn--*/
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	background: #fa5b3c;
	cursor: pointer;
	padding: 0.6em 1.8em;
	display: inline-block;
	margin: 15px 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color:#fff;
	font-size:1.6em;
	text-transform:uppercase;
}
.btn:after {
	content: '54665464';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn:hover {padding: 0.6em 1.4em;}
.btn-8d:after {
	/*width: 20%;
	height: 100%;
	left: 100%;
	top: 0;
	-webkit-transform-origin: 0% 0%;
	-webkit-transform: rotateY(90deg);
	-moz-transform-origin: 0% 0%;
	-moz-transform: rotateY(90deg);
	-ms-transform-origin: 0% 0%;
	-ms-transform: rotateY(90deg);
	transform-origin: 0% 0%;
	transform: rotateY(90deg);*/
}

.btn-8d:hover {

	color:#fff;
	background:#BE290C;}
/*--content2--*/
.content2{ padding:2em 7%;}
.content2 h2{ text-align:center;}
.content2 h2 img{ max-width:750px; max-width:95%;}
.content2 h3{
	font-size: 1.8em;
	margin: 5px 0px 10px;
	color: #900;
}
.content2 p{
	Font-size: 1.1em;
	color: #444444;
	font-weight: 300;
	width: 98%;
	margin: 1.2em 0;
	line-height: 1.8em;
}
/*--content3--*/
.content3{ padding:2em 7%;}


/*--content--*/
ul.content{ margin-left:2em; margin-top:-0.8em;}
ul.content li {
	border-bottom: dotted 1px #b1b1b1;
	margin-bottom: 0.2em;
	padding: 0.3em 0.1em 0.3em 0.1em;
	list-style-type: disc;
}

.about-left{
	float:left;
	width:67%;
	padding: 4.9em 5em 4.9em 8em;
}
.about-left h3,.about-right h3{
	font-size:2.3em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
}

.about-left p{
	font-size: 1.1em;
	color: #333;
	font-weight: 300;
	width: 98%;
	margin: 1.2em 0;
	line-height: 1.6em;
}
.about-right{
	float:left; font-size:0.88em; 
	width:30%; margin:2% 1%;
}
.about-right h3{margin:4% 0%; }

.about-right img{
	width:100%;
}

/*----*/
.about-now{
	background:url(../images/ba.jpg) 0px 0px no-repeat;
	width:100%;
	min-height:400px;
	display:block;
	background-size:cover;
	text-align:center;
	padding:3em 0;
}
.every{
	padding:2em 0;
}
.every h3{
	font-size:3em;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	margin:0 0 0.5em;
}
.every p{
	font-size: 1.1em;
	color: #fff;
	font-weight: 300;
}
.skill-grid{
	position:relative;
}
.skill-grid .pic img{ max-width:100%; border: solid 5px rgba(102,102,102,0.3);}
.skill-grid h5{ color:#FFF; line-height:1.6em; font-size:1.2em;}
.skill-grid p{ color:#FFF; }

span.who {
	position: absolute;
	bottom: 29%;
	left: 39%;
	font-weight: 700;
	color: #fff;
	font-size: 1.6em;
}
span.who-in {
	left: 42%;
}
span.who-into {
	left: 28%;
}
.circles-text-wrp {
	font-size: 2em !important;
	color:#969696;
}
/*---*/
.team{
	text-align:center;
	padding:3em 0;
}
.team-grids {
	padding: 0.5em 0;
}
.team-grids .imgx, .team-grids img{  height: 220px;
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;max-width: 400px ;

transition:all 1s ease;
-moz-transition:all 1s ease; /* Firefox 4 */
-webkit-transition:all 1s ease; /* Safari and Chrome */
-o-transition:all 1s; /* Opera */

  }
.team-grids .imgx:hover,.team-grids img:hover{ background-color:#000; height:220px;
  -webkit-background-size:  120%;
  -moz-background-size:  120%;
  -o-background-size:  120%;
  background-size:  120%;}
.team-in{
	padding:1em 0;
}
.team-in h3{
	font-size:3em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	margin:0 0 0.5em;
}
.team-in p{
	font-size: 1.1em;
	color: #818181;
	font-weight: 300;
}
.col-in b{
	color:#000;
	font-size:1.3em;
	margin:0;
	display:block;
}
.col-in span{
	color:#818181;
	font-size:1em;
}
ul.social li{
	display:inline-block;
}
ul.social li a span{
	background:url(../images/img-sprite.png) 0px 0px no-repeat;
	width:25px;
	height:25px;
	display:block;
}
ul.social li.inline a span{
	background-position:-23px 0px;
}
.col-in {
	padding: 1em 0; min-height:127px;max-height:140px;
}
.col-in b {
	color: #06C; font-weight:normal;  
font-size: 1.2em;
}
.col-in p { }
/*----*/
.fact{
	background:url(../images/ba1.jpg) 0px 0px no-repeat;
	width:100%;
	min-height:400px;
	display:block;
	background-size:cover;
	text-align:center;
	padding:3em 0;
}
.fact .back{ background-color: rgba(0%,0%,0%,0.5); width:100%; padding:2em}
.some-in{
	padding:2em 0;
}
.some-in h3{
	font-size:3em;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	margin:0 0 0.5em;
}
.some-in p{
	font-size: 1.1em;
	color: #fff;
	font-weight: 300;
}
.fact-grids { margin:1.8% 4% 1%;}
.fact-grid { text-align:center;  }


.fact-grid i{ color: #F90 ;
filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
-moz-opacity:0.87; /*Firefox私有，透明度50%*/
opacity:0.8;/*其他，透明度50%*/}
}
.fact-grid a span{
	background:url(../images/img-sprite.png) -50px 0px no-repeat;
	width:40px;
	height:40px;
	display:block;
	margin:0 auto;
}

.fact-grid a span.arrow{
	background-position:-92px 0px;
}
.fact-grid a span.clock{
	background-position:-132px 0px;
}
.fact-grid a span.smile{
	background-position:-170px 0px;
}
.fact-grid b{
	color:#fff;
	font-size: 2.7em;
	margin: 0.4em 0;
	display:block;
}
.fact-grid h4{font-size:1.2em; line-height:2em;color:#fff;}
.fact-grid p{
	color:#fff;
	font-size:0.86em; width:95%; margin:5px auto 1px; line-height:1.7em;
}
@media(max-width:768px) {.fact-grid {margin:12px 0px;}
.fact-grid p{font-size:0.66em;}}
/*----*/
.services{
	text-align:center;
	padding: 2em 0;
}




}
.services-in{
	padding:2em 0 0px 0px;
}
.services-in h3{
	font-size:3em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	margin:0 0 0.5em;
}
.services-in p{
	font-size: 1.1em;
	color: #818181;
	font-weight: 300;
}
/*.service-grid a span{
	background:url(../images/img-sprite.png) 0px -47px no-repeat;
	width:50px;
	height:60px;
	display:block;
	margin:0 auto;
	border-bottom: 1px solid #fa5b3c;
}
.service-grid a span.low{
	background-position:-46px -47px;
}
.service-grid a span.word-press{
	background-position:-100px -47px;
}
.service-grid a span.seo{
	background-position:-154px -49px;
}
.service-grid a span.hosting{
	background-position:-206px -47px;
}
.service-grid a span.advertising{
	background-position:-256px -47px;
}*/
.pastheight .service-grid { text-align:left; background-color: #2C466D ; padding:0px 0px;
  filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2C466D,endcolorstr=#3A4689,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2C466D,endcolorstr=#3A4689,gradientType=0);/*IE8*/	
    background:#2C466D; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, #2C466D, #3A4689);  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#2C466D), to(#3A4689));  
    background:-o-linear-gradient(top, #2C466D, #3A4689); 
}





.pastheight .service-grid{ min-height:205px; max-height:205px; height:205px;overflow:hidden;}
.service-grid .psp{ float:left; margin-right:1.3%;}
.service-grid a span{
	background:url(../images/py/dd.jpg);
	background-repeat: no-repeat;
	width:205px;
	height:205px;
	display:block;
	margin:0 auto; border-radius:0px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; margin-right:0.5em;
	
}
.service-grid a span.sp1{background:url(../images/py/s1.jpg);    background-size: cover;}
.service-grid a span.sp2{background:url(../images/py/s2.jpg); background-size: cover;}
.service-grid a span.sp3{background:url(../images/py/s3.jpg); background-size: cover;}
.service-grid a span.sp4{background:url(../images/py/s4.jpg); background-size: cover;}
.service-grid a span.sp5{background:url(../images/a4.jpg); background-size: cover;}

.service-grid h5{
	color: #eee;
	font-size: 1.3em;
	margin: 1.5em 1em 0.2em 0em;
	font-weight: 100;

}
.service-grid h6{ font-size:1.0em; line-height:1.7em;color:#eee;}
.service-grid p{
	color:#eee;
	font-size:1.2em; line-height:1.5em; padding:1.3em 1.6em 0em 0em;	font-style: italic;
}
.service-grid p i{ color:#999; position:relative; top:-0.5em; margin:0% 0.3em;
 }
@media(max-width:992px){
.services .service-grid{min-height:140px; max-height:140px; height:140px;overflow:hidden; font-size:0.9em;}
.service-grid a span{ width: 140px; height:140px;}
}
@media(max-width:400px){.services .service-grid{font-size:0.68em;}
.service-grids {
	padding: 2em 0;
}}
.pastheight .en{ font-size:0.8em; line-height:0.9em;}
/*----*/
.Partner{
	text-align:center;
	padding: 2em 0;
}

/*----*/
.work{
	text-align:center;
}
.work-in{
	padding:2em 0;
}
.work-in h3{
	font-size:3em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	margin:0 0 0.5em;
}
.work-in p{
	font-size: 1.1em;
	color: #818181;
	font-weight: 300;
}
#filters {
	margin: 0em 0 1em;
	list-style: none;
	text-align: center;
}
#filters li {
	display:inline-block;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -o-inline-box;
	display: -ms-inline-box;
	
}
#filters li span:hover,#filters li.active  span{
	color:#fa5b3c;
}
#filters li.active span{
	
}
#filters li span {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	font-size: 14px;
	font-style: italic;
	font-weight:300;
}
#filters li label {
	margin: 11px 0;
	font-weight: 300;
}
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	/*width: 25%;*/
	display: none;
	float: left;
	overflow: hidden;
	margin: 0%; padding:0px;
}
div#portfoliolist {
	padding: 0px 0px;
}	
.portfolio-wrapper {
	overflow:hidden;
	position: relative !important;
	cursor:pointer;	
	padding:  0;
}
.portfolio img {
	width:100%;
	transition: all 300ms!important;
	-webkit-transition: all 300ms!important;
	-moz-transition: all 300ms!important;
}
.simple h5{
	font-size: 1.3em;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}
.simple h4{
	font-size: 1.5em;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}
.simple {
	text-align: center;
	padding: 7em 0;
	display: none;
	position: absolute;
	top: 0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.73);
}
.simple p {
	font-size: 1.1em;
	margin: 0 0 0.6em;
	padding: 0.3em 0;
	color: #ADADAD;
}
.portfolio-wrapper:hover .simple{
	display:block;
}
/*----*/
.price{
	text-align:center;
	padding:3em 0;
}
.price-grids {
	padding: 2em 0;
}
.price-in{
	padding:1.0em 0em 0em 0em;
}
.price-in h3{
	font-size:3em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	margin:0 0 0.5em;
}
.price-in p{
	font-size: 1.1em;
	color: #818181;
	font-weight: 300;
}
.price-grid{
	padding:0;
	width:33%;
	float:left;
	background:#fff;
	transition: all 0.6s;
-moz-transition: all 0.6s;	/* Firefox 4 */
-webkit-transition: all 0.6s;	/* Safari 和 Chrome */
-o-transition: all 0.6s;	
}
.price-grid:hover{ margin-top:0em; position:relative; background-color:#f1f1f1;}
.price-grid:hover ul li{ background-color:#f1f1f1;}
.price-grid ul li{
	list-style:none;
}
/**标题**/
.price-grid ul li h6{
	font-size: 1.6em;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
	padding: 1.0em 0 0.4em;

}
/**特别限定**/
.price-grid ul li h2 { color: #C30 ; font-weight: normal;   padding:4px 0px 1px; margin:0px; font-size:0.75em; line-height:0.7em; }
/**标准**/
.price-grid ul li h7 { color: #888  ; font-weight: normal;   padding:0px 0px 4px; margin:0px; font-size:0.75em; line-height:0.7em;}
/**优惠**/
.price-grid ul li h4{
	font-size: 1.2em;
	color: #900  ;

	font-weight: 700;
	padding: 0.3em 0 0em;
	
}
.price-grid ul li.top { border-bottom: 1px solid #e6e6e6;
  
	
}

.price-grid ul li p.about{
 min-height:5em;
}

.price-grid ul li .t1{
	font-size: 1.1em; line-height:1.2em; text-align: center;
	font-weight: 700;padding: 1.0em  inherit 0.4em;}
.price-grid ul li p{
	font-size:1.2em;
	color:#666;
	border-bottom: 1px solid #e6e6e6;
	padding: 0.7em 0.4em 0.7em; min-height:50px;
	
}
.price-grid ul li i{ margin-right:0.7em; color: #963;}
.price-grid ul li h5{
	font-size: 0.88em; line-height:2.4em;
	color: #069   ;font-weight: normal; padding-bottom:0.4em; cursor: pointer;}
.price-grid ul li h5 i{
color: #069   ;margin: 0px 0px 0xp 0.3em;}

	 

.price-grid ul li div{
	font-size: 0.88em; line-height:1.6em; text-align:left; padding:0px 0px 0px 10%;
	color:#666; }
.price-grid ul{
	border:1px solid #e6e6e6;
}
.price-grid ul li span{
	font-size:1.2em;
	color:#000;
	border-bottom: 1px solid #e6e6e6;
	padding: 1em 0;
	display:block;
	background:#f7f9fc;
}
.price-grid ul li span b{
	font-size:3.5em;
	line-height: 49px;
	vertical-align: middle;
}
.price-grid ul li span small{
	font-size:0.9em;
	display:block;
}
.price-grid ul li a{
	text-decoration:none;
	color:#fff;
	background:#ba374f;
	font-size:1.8em;
	padding:0.5em 0;
	display:block;
	text-transform:uppercase;
}
.price-grid ul:hover a.sign-up{
	background:#fa5b3c;
}
.price-grid ul:hover {
	transform: scale(1.1);
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	z-index:1;
	background:#fff;
}
/*----*/
.contact{
	position:relative; text-align:left;
}
.map{ background:rgba(0, 0, 0, 0.66);min-height:370px;}
.map iframe{
	width:100%;
	
	border:none;
}
.contactus{
	
	position:absolute; padding:15px; background-color:rgba(0,0,0,0.5); border-radius:5px; color:#FFF; min-height:20em; height:auto;
	top:0;
	left: 8%;
	padding: 3em; color:#FFF;
	
}
@media(max-width:992px){.contactus{position: relative    ;}}

.contactus h4{font-size:1.8em; color:#FFF;}
.contactus ul{ margin:2em 0px;}
.contactus ul li{ margin:0.8em 0px; font-size:1.3em}
.contactus i{ margin:0px 1% 0px 0px;}
.contactus a{ color:#FF3}
.contact-form {
	width: 28%;
	background: #000;
	position: absolute; 
	top: 0;
	right: 9em;
	padding: 3em;
}
.contact-form p{color:#bbb; margin:1em 0px 0px 0px; line-height:1.58em;}
.contact-form p.en{color:#bbb; margin:0.65em 0px 0px 0px; line-height:1.33em;}
.contact-form b{ line-height:1.1em;  font-weight:bold;color:#ddd;}
.contact-form img{ width:30%; max-width:200px;}
.contact-form input[type="text"],.contact-form textarea{
	width: 100%;
	padding: 1em;
	margin: 0.8em 0;
	background: #000;
	outline:none;
	border: 1px solid #777;
	-webkit-appearance: none;
	color:#777;
}
.contact-form textarea{
	resize:none;
}
.send-in input[type="submit"]{
	width: 100%;
	font-size: 1.5em;
	background: #fa5b3c;
	padding: 0.6em 1em;
	text-align: center;
	color: #fff;
	border: none;
	outline:none;
	-webkit-appearance: none;
}
.send-in input[type="submit"]:hover{
	background:#ba374f;
}

.contact-form h4{
	font-size:1.8em;
	color:#fff;
}
.QRcode{   min-height:5px; margin-top:2em; width:80%; }
@media(max-width:992px){.QRcode{ width:60%; }}
@media(max-width:768px){.QRcode{ width:100%; z-index:100000000; }}
.QRcode .QRcodek{box-shadow: 0px 0px 4px rgba(102,102,102,0.5); 
		width: 90%;
	height: 10em;
	background-size: 90% auto;
	background-position: center center; 
	
	background-repeat: no-repeat; background-color:#FFF;}
.k1 {background-image: url(../images/2w.jpg);}
.QRcodeup { width:100%; background-color:#00C; height:10px; background-color: #FFF;height: 10em; text-align:center; 
-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}
.QRcodeup img { width:92%; margin:0.48em auto; max-height:13em;  }
.QRcodeup .txt { min-height:37px; padding:3px 5px; line-height:1.11em; font-size:0.9em; bottom:0px; position:absolute; background:rgba(204,204,204,0.8); color:#333; width:90%;text-align:center;  }
/*--.QRcodek:hover .QRcodeup{position:absolute; height:1px; width:1px;} 影藏二维码效果--/  
opacity:0.0;
filter:Alpha(opacity=00); /* IE8 以及更早的浏览器 */
/*--footer--*/
.footer{
	text-align:center;
	padding:2em;
}
.footer p {
	color:#000;
	font-size:1.2em;
}
.footer p a{
	text-decoration:none;
	color:#fa5b3c;
}
.footer p a:hover{
	color:#000;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 25px;
	right: 10px;
	overflow: hidden;
	width: 52px;
	height: 52px;
	border: none;
	text-indent: 100%;
	background: url('../images/up.png') no-repeat 0px 0px;
}
/*--responsive media quries--*/
@media(max-width:1440px){
.about-left {
	/*padding: 3.3em 4em 3.3em 11em;*/
}
.banner-matter {
	left: 8em;
}
}
@media(max-width: 1336px){
.about-left {
	padding: 2.45em 3em 2.45em 7em;
}
.banner-matter {
	left: 5em;
}
}
@media(max-width: 1280px){
.banner-matter {
left: 3em;
}
.about-left {
	padding: 2em 2em 2em 5em;
}
.simple {
	padding: 5.5em 0;
}
}
@media(max-width:1024px){
.banner {
	min-height: 500px;
}
.about-left p {
	
	overflow: hidden;
}
.simple {
	padding: 4em 0;
}
.contact-form {
	width: 34%;
}
}
@media(max-width:768px){
.logo {
	margin-top: 0.8em;
}
.banner {
	min-height: 450px;
}
.banner-matter {
left: 0;
}
.about-left p {
	
	margin:0.2em 0;
}
.about-left h3, .about-right h3 {
	font-size: 2.5em; 
}
.about-left {
	padding: 1em 2.4em;
}
.about-left,.about-right{
	float:left;
	width:100%; margin:0px; 
}
.about-right{
padding:2% 10%;
}
span.who {
	left: 45%;
}
span.who-in {
	left: 47%;
}
span.who-into {
	left: 41%;
}
.team-left{
	margin:0 auto;
}
.simple {
	padding: 3em 0;
}
.contact-form {
	width: 45%;position: absolute;
	left:4em;
}
.map{ background:rgba(0, 0, 0, 0.66);height: auto;}
.contactus{ float:none; margin:0px 3em; position:inherit; width:75%;}
.contactus ul li{ font-size:1.2em;}
.price-grid ul li a {
	font-size: 1.5em;
}
.price {
	padding: 1em 0 2em;
}
.fact {
	min-height: 800px;
	padding: 1em 0;
}
.team {
	padding: 2em 0 1em;
}
.every {
	padding: 1em 0;
}
.about-now {
	min-height: 1201px;
}
}
@media(max-width:860px){ .price-grid {	width: 33%;	padding: 0 0 2em;}}
@media(max-width:640px){
.banner h2 {
	font-size: 2.5em;
}
.about-left p {
		font-size:1em;
}
.banner {
	min-height: 350px;
}
.about-left h3,.every h3 ,.team-in h3,.some-in h3,.services-in h3,.work-in h3,.price-in h3{
	font-size: 2em;
}
.about-now {
	padding: 2em 0;
}
.team-in,.services-in {
	padding: 1em 0;
}
.team-grids,.service-grids,.price {
	padding: 0em 0;
}
.fact {
	min-height: 770px;
}
.simple h5 {
	font-size: 1.1em;
}
.simple p {
	font-size: 1em;
}
.simple {
	padding: 2.3em 0;
}
.price-grid {
	width: 50%;
	padding: 0 0 2em;
}
.price-grid ul li span b {
	font-size: 2.5em;
}
.contact-form {
	width: 55%;
	left:4em;
}
.fact-grid b {
	font-size: 2em;
}
.fact {
	min-height: 685px;
}
}
@media(max-width:480px){
.banner h2 {
	font-size: 2.3em;
}
.banner p {
	width: 94%;
	margin:0.5em auto;
}
.btn {
	font-size: 1.4em;
	padding: 0.4em 1em;
}
.banner {
	min-height: 275px;
}
.about-left,.about-right{
	float:left;
	width:100%; margin:0px;
}
span.who {
	left: 42%;
}
span.who-in {
	left: 45%;
}
span.who-into {
	left: 36%;
}
.about-left h3,.every h3 ,.team-in h3,.some-in h3,.services-in h3,.work-in h3,.price-in h3{
	font-size: 1.8em;
}
.work-in {
	padding: 1em 0;
}
#portfoliolist .portfolio {
	width: 33.33%;
}
#filters li span {
	padding: 5px 10px;
}
#filters li label {
	margin: 2px 0;
}
.chair{
	display:none !important;
}
.price-in {
	padding: 2em 0 0;
}
.price-grid ul li span b {
	font-size: 2em;
}
.price-grid ul li h6 {
	font-size: 1.2em;
}
.price-grid ul li a {
font-size: 1.3em;
}
.price-grid ul li a {
	font-size: 1.3em;
}
.contact-form {
	width: 80%;
	left:2em;
}
.map iframe ,.map span{
	height: 556px;
}
.fact-grid b {
	font-size: 1.7em;
}
.fact {
	min-height: 645px;
}
}
@media(max-width:320px){
.banner h2 {
	font-size: 1.4em;
}
.banner p {
	width: 89%;
	margin: 0.2em auto;
	height: 18px;
	overflow: hidden;
}
.btn {
	font-size: 1em;
	padding: 0.4em 0.8em;
	margin:5px;
}
.banner {
	min-height: 150px;
}
..banner-matter{
	bottom:1em;
}
.about-left h3,.every h3 ,.team-in h3,.some-in h3,.services-in h3,.work-in h3,.price-in h3{
	font-size: 1.3em;
}

.about-left {
	padding: 1em;
}
.about-left p,.every p,.team-in p,.some-in p,.services-in p ,.service-grid p,.work-in p,.price-in p{
	font-size: 0.9em;
}

.about-now {
	padding: 1em 0;
}
span.who {
	font-size: 1.2em;
}
.about-now {
	min-height: 1150px;
}
.team ,.some-in,.services{
padding: 1em 0;
}

.col-in b {
font-size: 1.0em; color:#CF0; 
}
.fact-grid b {
	font-size: 1.4em;
}

.fact {
	min-height: 564px;
}
.service-grid h5 {
font-size: 1.2em;
}
#filters li span {
font-size: 12px;
}
.simple h5 {
font-size: 0.87em;
}
.simple p,.price-grid ul li span small {
font-size: 0.8em;
}
.simple {
padding: 1.1em 0;
}
.price-grid ul li h6 {
font-size: 1.1em;
}
.price-grid ul li span b {
line-height: 30px;
}
.price-grid ul li p{
	font-size:0.85em;
}
.price-grid ul li a {
font-size: 1.1em;
}
.price-grids {
padding: 0.4em 0 0;
}
.contact-form h4 {
font-size: 1.2em;
color: #fff;
}
.send-in input[type="submit"] {
	font-size: 1.3em;
	padding:0.3em 0.8em;
}
.contact-form {
width: 85%;
padding: 1em;
left:3em;
}
.map iframe, .map span {
height: 499px;
}
}

/*Partner*/
.NEW li { line-height:1.3em; border-bottom:thick 1px #999999; }

/*Partner*/

.portfolio_strict .portfolio_logo{
  text-align: center;
  background-color: #ffffff;
  padding: 3px;
  border: solid 1px #d2d2d2;
  margin: 0px;
  overflow: hidden;
  margin-bottom: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 500ms linear;
  -moz-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/**.portfolio_strict .portfolio_logo:hover{ background:#E6E6E6;}
.portfolio_strict .portfolio_logo:hover img{ background:#fff; box-shadow:0xp 0xp 3px #111111; border-radius:5px;}**/
.portfolio_strict .portfolio_logo div {   border-radius:5px; text-align:center; }
.portfolio_strict .portfolio_logo  img {max-width: 97%; max-height: 97%; max-height:70px; margin:5px auto;}
.portfolio_strict .portfolio_logo li{list-style: none;display: inline-block; float: none; margin: 7px 7px;}
.portfolio_strict .portfolio_logo h4 { font-size: 1.6em; line-height:1.9em; margin:6px auto; font-weight:700; border-bottom: solid 1px #ECF0F1; background-color:#EBEBEB; border-radius:4px; }

.paddingno{ padding:0px;}
.no{ display:none;}

.more a{ padding:9px 64px; background-color:#D9D8D7; border-radius:4px; font-size:16px; }
.more a:hover{ background-color:#fa5b3c; color:#FFF;  }

/*----- 日程 -----*/
.service-grid2 article{ text-align:left; font-size:1.11em; line-height:1.34em; }
.service-grid2 P{ line-height:1.5em; margin-bottom:7px; font-size:1.1em; float:left; width:75%; color:#333; padding-top:3px;}
.service-grid2 .t1 { color: #C30; padding-bottom:7px;font-size:1.1em; font-weight:bold;}
.service-grid2 h4 { color:#069; border-bottom: solid 1px  #B4D1E9; padding-bottom:5px; font-weight:bold; margin-bottom:12px;}
.service-grid2 h5 { color:#933; font-weight:bold; border-radius:4px; background: #Dddddd; padding:3px 0px; font-size:1.12em;
float:left; clear:both; margin-top:5px; padding:2px 8px; margin-right:10px;width:20%;}
.service-grid2 h6 { color: #069; font-weight:bold; border-radius:4px;  padding:8px 0px; font-size:1.2em;}

.service-grid2 .program{ color:#363636; border-radius:4px; border: solid 1px #ddd; padding:6px 3%; margin:0px 0px 1% 0px;font-size:1.0em; line-height:1.8em; text-align:left;}

/*----- 新闻 -----*/
.news .newslist{padding:1.5%; max-width:400px;}
@media(max-width:900px){.news .newslist{ margin:2em auto; float:none;} }
.news .newslist, .newslist h4 {  
transition-property:all 1s linear 0s;
-moz-transition:all 1s 1s inear 0s;
-webkit-transition:all 1s linear 0s;
-o-transition:all 1s linear 0s;

}
.news .newslist img{ height: 200px;  min-height:200px; background-color:#dbdbdb;
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width:100%; border:0px;; border-bottom:#930 solid 3px; outline:none;
	}

.newslist .title{ line-height:2.0em; font-size:0.94em; padding-top:16px; max-width:100%; min-height:140px;background-color:#EEE;}
.newslist h6{ clear:both; font-size:0.8em; color: #09F; float:left; padding-left:0.8em;}
.newslist .newsmore{ margin-top:2.3em;}
.newslist .newsmore a{ color:#069; background-color:#d3d3d3; float:right; padding:4px 10px;}
.newslist .newsmore a:hover{ color: #fff; background-color: #A6390B;}
/**图表ss**/ 

#main{ width:100%; height:650px; margin-bottom:-8%; }
@media(max-width:992px){ #main{ height:530px; }}
@media(max-width:768px){ #main{ height:460px; }}
@media(max-width:400px){ #main{ height:400px;margin-bottom:-14%; font-size:0.3em }}                                                                          
/**地图**/
.way{ padding:3px 4% 25px;}
.way img{max-width:98%; border:1px solid #d3d3d3; margin:10px auto; }

/**滚动直播图标**/
.zb-pc{ display: block;}
.zb-ad{ display:none;}
@media(max-width:768px){.zb-pc{ display: none;}  .zb-ad{ display: block;}}
.fixediv{position:fixed;top:140px;z-index:9999;width:140px;height:216px;background:#ddd;}
.fixediv img{float:left;}
.fixediv a.close{display:block;height:30px;line-height:30px;background:#fff;font-size:14px;padding:0 10px;color:#5e5e5e;text-decoration:none;text-align:center;}
.leftadv{left:0px;}
.rightadv{right:0px;}


.k2 b{ font-weight:bold; font-size:1.1em;}
.k2 i{ color:#bbb;}
	 ul.k2 li{background-image: url(http://www.cdmc.org.cn/2013/emcs/eb2/images/110.gif);
	background-repeat: no-repeat;
	background-position: 4px 5px;
	list-style-position: outside;
	line-height: 22px;
	margin-top: 6px;
	margin-bottom: 3px;
	padding-left: 30px;
	text-align: left;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	margin-right: 0px;
	margin-left: 3px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: none;}
ul.k2 li i{ color: #069;  }

ul.k3{ background-repeat: no-repeat; background-position: right bottom; margin: 0px; padding-top: 0; padding-right: 0; padding-left: 0; }
ul.k3 li{
	background-repeat: no-repeat;
	background-position: 4px 5px;
	list-style-position: outside;
	line-height: 18px;
	margin-top: 3px;
	margin-bottom: 2px;
	padding-left: 3px;
	text-align: left;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	margin-right: 0px;
	margin-left: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: disc;
	background-image: none; 
} 



/**点击显示css**/ 
#panel {
	height: auto;
	display: none;
	background-color: #fff;
}
.slide {
	margin: 0;
	padding: 16px 0px 0px 0px;
	background: url(../images/btn-slide7.gif) no-repeat center top;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FF6600;font-size:14px;
}
.btn-slide, .btn-active,.btn-slide-en,.btn-slide-en {padding:9px 64px; background-color:#666; border-radius:4px; font-size:16px;  font-size:1.3em;}
.btn-slide:hover,.btn-active:hover,.btn-slide-en:hover,.btn-slide-en:hover    {background-color:#fa5b3c; color:#FFF; }

.moresp a{ padding:9px 64px; background-color:#666; border-radius:4px; font-size:16px; }
.moresp a:hover{ background-color:#fa5b3c; color:#FFF;  }

.btn-active {	}

.btn-slide::after{ content:"显示全部";color:#FFF;}
.btn-active::after{content:"隐藏"; color:#FFF;}
.btn-slide-en::after{ content:"View All";color:#FFF;}
.btn-active-en::after{content:"Hide"; color:#FFF;}



/**点击显示css 2媒体部分**/ 
#panel2 {
	height: auto;
	display: none;
	background-color: #fff;
}
.slide2 {
	margin: 0;
	padding: 16px 0px 0px 0px;
	background: url(../images/btn-slide7.gif) no-repeat center top;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FF6600;font-size:14px;
}
.btn-slide2, .btn-active2,.btn-slide-en2,.btn-slide-en2 {padding:9px 64px; background-color:#666; border-radius:4px; font-size:16px;  font-size:1.3em;}
.btn-slide2:hover,.btn-active2:hover,.btn-slide-en2:hover,.btn-slide-en2:hover    {background-color:#fa5b3c; color:#FFF; }



.btn-slide2::after{ content:"显示全部媒体";color:#FFF;}
.btn-active2::after{content:"隐藏"; color:#FFF;}
.btn-slide-en2::after{ content:"Show All Media";color:#FFF;}
.btn-active-en2::after{content:"Hide"; color:#FFF;}