/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) {
	#topnav{display:block !important;}
	
	
}



/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#bodychild{width:100%;}
	
	/* Main Menu */

	#headerright {
float: none; margin-top:25px;
}
	
	/* Slider */
	.flex-caption h1{font-size:70px; line-height:70px}
	
	/* Content */
	.postimg{background:url(../images/shadow-small.gif) no-repeat center bottom; padding-bottom:5px;}
	.padcontent{padding-right:12.8%;}
	#content.positionright .padcontent{padding-left:12.8%; padding-right:0}
	.button.large{font-size:14px; line-height:14px; padding:9px 20px 10px 20px;}
	
	/* Sidebar */
	.rp-widget li .smalldate{background:transparent; padding:0}
	
	/* Portfolio */
	.ts-display-pf-col-4 li{width:162px; }
	.ts-display-pf-col-4 .ts-display-pf-img{width:142px; height:100%}
	.ts-display-pf-col-4 .ts-display-pf-img a.image{width:142px; height:100%}
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{width:142px; height:100%}
	.ts-display-pf-col-4 .shadowpfimg{
		background:url(../images/shadow-extrasmall2.gif) no-repeat center bottom;
	}

/*teamwork*/
  .teamwork{display: block; margin:0 auto;
	
	padding: 0 0;
	height:100%;
	width: 100%;
	clear: both; margin-bottom:10px;}
	
	

/* teamwork-box2 */
.teamwork-box2{width:100%; height:100%;padding-bottom:10px;padding-top:10px;}

/* teamcontainer */
.teamcontainer{display: block; margin-bottom:20px;
	width:100%;height:100%; margin:0 auto;}
.tleft{float:none; width:100%; height:1178px; padding-bottom:60px;margin:0 auto;}

.teamleft{ float:none; width:100%;  margin:0 auto;}
.teamleft2{ background:url(../about-images/min-pic_01_03.jpg) right top no-repeat; float:none; width:100%;   margin:0 auto;}
.tcontent{float:none; width:30%;font-family:'微软雅黑', Arial; font-size:13px;}

.tright{float:none; width:100%; height:1178px; padding-bottom:60px;margin:0 auto;}	
	
	
 .teamright{ float:none; width:100%;  height:260px; margin:0 auto;}
 .teamright2{  float:none; width:30%;  height:600px; background:url(../about-images/min-pic_03_02.jpg)  no-repeat; margin:0 auto;}
 .tcontentright{float:none; width:70%;text-align:left;font-family:'微软雅黑', Arial; font-size:13px;}
 
.footBlock{float:none;width:100%;margin:0 auto;}
.teamwork-left{ width:100%}
.teamwork-left img{ width:100% }
.teamwork-right{ width:100%}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 959px) {
	#bodychild{width:100%;}
	
	/* Header */
	#logo{text-align:left; padding:20px 0;  }
	#logo a{
	float: left;
	padding-top: 15px;
	font-family:FZDHTJW;
	font-size:36px;
	color:#01824b;
	font-weight:bold;
}
	#headerright{padding:0; text-align:center}
	#headerright {
    float: none;
}
	#headerright #searchform{float:none; margin:0 auto; }
	#navigation{background:transparent; position:absolute; top:10px; right:0; width:auto; height:auto; z-index:10000; padding:0}
	#nav-wrap {
		position: relative;
	}
	
	/* menu icon */
	#menu-icon {
		color: #2a313c;
		text-transform:uppercase;
		float:right;
		width:42px;
		height: 30px;
		background: #f4f4f4 url(../images/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		display: block; /* show menu icon */
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		-khtml-border-radius:4px;
		border-radius:4px;
		border-right:solid 1px #dbdbdb;
		border-bottom:solid 2px #dbdbdb;
		margin-bottom:5px;
	}
	#menu-icon:hover {
		background-color: #e3e2e2;
	}
	#menu-icon.active {
		background-color: #e3e2e2;
	}
	
	/* main nav */
	#topnav {
		clear: both;
		width:160px;
		z-index: 10000;
		padding:0px 12px;
		background:#f4f4f4 ;
		display: none; /* visibility will be toggled with jquery */
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		-khtml-border-radius:4px;
		border-radius:4px;
		border:solid 1px #dbdbdb;
		
	}
	#topnav li {
		clear: both;
		float: none;
		margin: 10px 0;
		font-size:11px;
		padding:0;
		width:auto;
		border:0 !important;
		text-align:left;
	}
	#topnav li:before{border:0;}
	#topnav a, 
	#topnav ul a {
		font-size:inherit;
		background:transparent;
		display: inline;
		padding: 0 !important;
		border: none;
	}
	#topnav a:hover, 
	#topnav ul a:hover {
		background:transparent;
	}
	
	/* dropdown */
	#topnav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		
	}
	#topnav ul li {
		margin: 3px 0 3px 15px;
	}
	
	#topnav li li a:hover{background:transparent}
	
	/* Slider */
	#slidercontainer{padding-bottom:20px;}
	.flexslider .slides img{position:static; right:0;}
	.flex-caption{width:70%;top:20%;}
	.flex-caption h1{font-size:28px; line-height:28px}
	.flex-caption .slidetext1{font-size:13px; margin-bottom:6px}
	.flex-caption .slidetext2{font-size:10px;}
	
	/* Content */
	#content.positionright, #content.positionleft{background:transparent;}
	.padcontent{padding-right:0;}
	#content.positionright .padcontent{padding-left:0; padding-right:0}
	img.alignright, .alignright{float:none; margin:0 0 0 0 !important;}
	
		
	/* Blog */
	.post{padding-bottom:30px; margin-bottom:30px;}
	.posttitle{margin-bottom:5px;}
	.postimg{background:url(../images/shadow-small.gif) no-repeat center bottom; padding-bottom:5px;}
	.wp-pagenavi{margin-bottom:30px;}
	.addthis_toolbox{float:none; display:block; clear:both; padding:20px 0 0 0}
	
	/* Sidebar */
	#sidebar .widget-container{margin-bottom:20px; padding:20px 0 0 0;}
	
	/* Portfolio*/
	#filter{background:transparent; border:0; text-align:center;}
	#filter li{border:0; padding:5px;}
	.ts-display-pf-col-4 li{width:286px; margin-bottom:20px}
	.ts-display-pf-col-4 .ts-display-pf-img{
		width:286px;
		height:100%
	}
	
	.ts-display-pf-col-4 .ts-display-pf-img a.image{
		width:286px;
		height:100%
	}
	
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{
		width:286px;
		height:100%
	}
	
	/* Footer */
	.sn{float:none;}
	.addr{padding:15px 0 0 0;}
	
	#toTop {
		display:none !important;
	}	
	#beforecontent{ text-align:left; float:none; width:100%; background-color:#FFF; padding:20px; filter: Alpha(Opacity=50); /* for IE */
background-color: rgba(255, 255, 255, 0.5); /*for FF*/
 }
.outermain .box1 .text, .outermain .box3 .text, .outermain .box4 .text, .outermain .box6 .text, .outermain .box8 .text{ font-size:14px}
.outermain .box6{margin-left:0;}
.outermain .box8{margin-left:0;}
.innerblog .caseDetail .leftpic{width:100%;}
.rightCase{width:97%; }

.teamwork-box2{width:100%; height:100%;padding-bottom:10px;padding-top:10px;}
/* teamcontainer */
.teamcontainer{display: block; margin-bottom:20px;
	width:100%;height:100%; margin:0 auto;}
.tleft{float:none; width:100%; height:1178px; padding-bottom:80px;margin:0 auto;}

.teamleft{ float:none; width:600px; height:260px; margin:0 auto;}
.teamleft2{ background:url(../about-images/min-pic_01_03.jpg) right top no-repeat; float:none; width:600px; height:600px; margin:0 auto;}
.tcontent{float:none; width:338px;font-family:'微软雅黑', Arial; font-size:13px;}

.tright{float:none; width:100%; height:1178px; padding-bottom:60px;margin:0 auto;}	
	
	
 .teamright{ float:none; width:600px;  height:260px; margin:0 auto;}
 .teamright2{  float:none; width:600px;  height:600px; background:url(../about-images/min-pic_03_02.jpg)  no-repeat; margin:0 auto;}
.tcontentright{float:right; height:100%; width:406px;text-align:left;font-family:'微软雅黑', Arial; font-size:13px;}

.teamwork-left{ width:100%}
.teamwork-left img{ width:100% }
.teamwork-right{ width:100%}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#bodychild{width:100%;}
	
	
	/* Slider */
	.flex-control-nav {bottom:28px;}
	
	
	/* Portfolio*/
	.ts-display-pf-col-4 li{width:406px; margin-bottom:20px}
	.ts-display-pf-col-4 .ts-display-pf-img{
		width:406px;
		height:100%
	}
	
	.ts-display-pf-col-4 .ts-display-pf-img a.image{
		width:406px;
		height:100%
	}
	
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{
		width:406px;
		height:100%
	}
	#filter{
	margin:0px 0 40px 0;
}
.outermain .box1{ float:left; width:100%;}
.outermain .box2{ float:left; width:100%;}
.outermain .box3{ float:left; width:100%;}
.outermain .box4{ float:left; width:100%;}
.outermain .box5{ float:left; width:100%; margin-left:0;}
.outermain .box6{ float:left; width:100%; margin-left:0;}
.outermain .box7{ float:left; width:100%; margin-left:0;}
.outermain .box8{ float:left; width:100%;  margin-left:0;}
.xmjymain ul li {
    width: 40%;
    margin: 10px;

}
#content.positionleft {
    float: left;
    border: 0px solid #DADADA;
    border-radius: 4px;
    padding: 0px;
}
.footBlock { width:100%;}
.innerblog .caseDetail .leftpic{width:100%;}
.rightCase{width:95%; }
.new-display-pf-col-4 li{ width:90%;}

.teamwork-box2{width:100%; height:100%;padding-bottom:10px;padding-top:10px;}
/* teamcontainer */
.teamcontainer{display: block; margin-bottom:20px;
	width:100%;height:100%; margin:0 auto;}
.tleft{float:none; width:100%; height:1178px; padding-bottom:80px;margin:0 auto;}

.teamleft{ float:none; width:600px; height:260px; margin:0 auto;}
.teamleft2{ background:url(../about-images/min-pic_01_03.jpg) right top no-repeat; float:none; width:600px; height:600px; margin:0 auto;}
.tcontent{float:none; width:338px;font-family:'微软雅黑', Arial; font-size:13px;}

.tright{float:none; width:100%; height:1178px; padding-bottom:60px;margin:0 auto;}	
	
	
 .teamright{ float:none; width:600px;  height:260px; margin:0 auto;}
 .teamright2{  float:none; width:600px;  height:600px; background:url(../about-images/min-pic_03_02.jpg)  no-repeat; margin:0 auto;}
.tcontentright{float:right; height:100%; width:406px;text-align:left;font-family:'微软雅黑', Arial; font-size:13px;}
.footBlock{float:none;width:100%;margin:0 auto;}
.teamwork-left{ width:100%}
.teamwork-left img{ width:100% }
.teamwork-right{ width:100%}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#bodychild{width:100%;}
	#logo a{ font-size:30px}
	/* Slider */
	.flex-control-nav { display:none;}
	
	/* Blog */
	.commentlist ol{padding-left:20px;}
	.avatar{display:none;}
	.comment-body{margin:0;}
    #filter{
	margin:0;
}
#logo{text-align:left; padding:20px 10px; width:150px }
#headerright{ float:none}
#outermain.inner {
    padding: 0px 0px 60px;
}
.ts-display-pf-col-4 li{margin-bottom:0px}
.outermain .box1{ float:left; width:100%;}
.outermain .box2{ float:left; width:100%;}
.outermain .box3{ float:left; width:100%;}
.outermain .box4{ float:left; width:100%;}
.outermain .box5{ float:left; width:100%; margin-left:0;}
.outermain .box6{ float:left; width:100%; margin-left:0;}
.outermain .box7{ float:left; width:100%; margin-left:0;}
.outermain .box8{ float:left; width:100%;  margin-left:0;}
.xmjymain ul li {
    width: 80%;
    margin: 10px;
}
#content.positionleft {
    float: left;
    border: 0px solid #DADADA;
    border-radius: 4px;
    padding: 0px;
}
.footerBotton menu {
    width: 100%;
    text-align: center;
    margin: 0px auto;
    padding-top: 20px;
}
.footerBotton menu .line {
    margin: 7px 10px 0px;
}
.footBlock { width:100%;}
.rightCase{width:93%; }
.new-display-pf-col-4 li{ width:90%;}
.izl-rmenu .btn-phone, .izl-rmenu .btn-wx, .izl-rmenu .btn-qq, .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{ display:none}
.izl-rmenu .btn-top{ opacity:0.4;}
.izl-rmenu .btn-top:hover{ opacity:1;}

/* teamcontainer */
.teamcontainer{display: block; margin-bottom:20px;
	width:90%;height:100%; margin:0 auto;}
.tleft{float:none; width:100%; height:100%; padding-bottom:5%;margin:0 auto;}

.teamleft{ float:none; width:100%; height:100%; margin:0 auto;}
.teamleft2{ background:url(../about-images/min-pic_01_03.jpg) right top no-repeat; float:none; width:100%; height:100%; margin:0 auto; }
.tcontent{float:none; padding-right:60%;width:40%;font-family:'微软雅黑', Arial; font-size:13px;}

.tright{float:none; width:100%; height:95%; padding-bottom:5%;margin:0 auto;}	
	
	
 .teamright{ float:none; width:100%;  height:100%; margin:0 auto;}
 .teamright2{ background:url(../about-images/min-pic_03_02.jpg) left top no-repeat; float:none; width:100%;  height:100%;  margin:0 auto;}
.tcontentright{float:none; height:100%;padding-left:70%;width:30%;font-family:'微软雅黑', Arial; font-size:13px;}

.footBlock{float:none;width:100%;margin:0 auto;}


.teamwork-left{ width:94%; padding-right:6%}
.teamwork-left img{ width:100%; }
.teamwork-right{ width:100%}

}