/* @media(min-width:769px) and (max-width:1135px){ */
	/* .menu_ul_2{top: 0px;left: 7.8%;width: 289px;height: 200px;} */
	/* .menu_ul_3{position:relative;top:0;left:9.7%;width:289px;height:200px;} */
	/* .menu_ul_4{position:relative;top:0;left:53.2%;width:289px;height:200px;} */
	/* .menu_ul_5{position:relative;top:0;left:55.5%;width:289px;height:200px;} */
	/* .menu_ul_6{position:relative;top:0;left:60.8%;width:289px;height:200px;} */
	/* .menu-items1{position:absolute;top:8%;left:16%;width:20%;height:37%;} */
	/* .menu-items2{position:absolute;top:42%;left:34%;width:28%;height:37%;} */
	/* .menu-items3{position:absolute;top:19%;left:61%;width:24%;height:37%;} */
	/* .menu-items4{position:absolute;top:58%;left:76%;width:20%;height:37%;} */
	/* .line-items2{position:absolute;top:0;left:19.5%;width:66px;height:50px;overflow: hidden;} */
	/* .line-items3{position:absolute;top:0;left:37%;width:66px;height:75px;overflow: hidden;} */
	/* .line-items4{position:absolute;top:0;left:54%;width:66px;height:85px;overflow: hidden;} */
	/* .line-items5{position:absolute;top:0;left:67%;width:66px;height:50px;overflow: hidden;} */
	/* .line-items6{position:absolute;top:0;left:88%;width:66px;height:75px;overflow: hidden;} */
	/* .menu_items_pad ul li a span{font-size:13px;color:#ffffff;display:inline-block;margin-top:29px;} */
	/* .workfolio{ */
		/* width:178.75px; */
	/* } */
	/* .top-nav #main-menu>li{ */
		/* margin: 0 30px 0 3px; */
	/* } */
	/* .top-nav #main-menu>li:hover{ */
		/* margin: 0 30px 0 3px; */
	/* } */
	/* .top-nav #main-menu>li.select{ */
		/* margin: 0 30px 0 3px; */
	/* } */
	/* .main_left_menu ul li{ */
		/* width: 160px; */
		/* margin-left:-16px; */
	/* } */
	/* .footer .top{ */
		/* padding: 0 3em; */
	/* } */
	
	/* .blog-grids-left{ */
		/* float:left; */
		/* width:516px; */
		/* padding-left: 4px; */
	/* } */
	
	/* .blog-grid-left{ */
		/* background: #EDEDED; */
		/* float: left; */
		/* width: 238px; */
		/* margin-bottom:18px; */
		/* margin-right: 18px; */
	/* } */
	
	/* .blog-grid-left .blog-art-pic{ */
		/* width: 100%; */
		/* height: 154px; */
	/* } */
	
	/* .blog-grid-left .blog-art-info { */
		/* width: 100%; */
		/* height: 130px; */
		/* background-color: #c7000b; */
	/* } */
	/* .blog-grid-left-big{ */
		/* margin-right: 18px; */
	/* } */
	/* .blog-grid-left-big-info{ */
		/* background:#4f5460; */
		/* float:left; */
		/* width:256px; */
		/* height: 154px; */
	/* } */
	
	/* .blog-grid-left-big-pic{ */
		/* float:left; */
		/* width:238px; */
		/* height: 154px; */
	/* } */

	/* .blog-grids-right{ */
		/* float: left; */
		/* width: 230px; */
	/* } */
	
	/* .blog-grid-right .blog-art-pic{ */
		/* width: 100%; */
		/* height: 302px; */
	/* } */
	/* .blog-grid-right .blog-art-info_e{ */
		/* width: 100%; */
		/* height: 154px; */
		/* background-color: #C7000B; */
	/* } */
	
	/* .blog-art-info h3{ */
		/* font-size: 18px; */
	/* } */
	/* .blog-art-info{ */
		/* padding: 1em; */
	/* } */
	
	/* .blog-art-info p{ */
		/* bottom: 1em; */
	/* } */
	/* .about-grids{ */
		/* padding: 80px 0 0 0; */
	/* } */
	/* .about-grid{ */
		/* width: 250px; */
		/* height: 380px; */
	/* } */
	/* .about-grid-info{ */
		/* padding: 1em 0.8em; */
	/* } */
	
	/* .culture-grids{ */
		/* padding: 80px 0 0 0; */
	/* } */
	/* .culture-grid{ */
		/* width: 250px; */
		/* height: 380px; */
	/* } */
	/* .culture-grid-info{ */
		/* padding: 1em 0.8em; */
	/* } */
	
	/* .workfolio-wrapper-shadow h3{ */
		/* top: 100px; */
	/* } */
	/* .back_top{ */
		/* width: 40px; */
		/* right: 20px; */
		/* bottom: 20px; */
	/* } */
	
	/* .footer_set { */
		/* width: 750px; */
	/* } */
	/* .col-5-p{ */
		/* margin-right:23px; */
		/* margin-left:23px; */
		/* float:left; */
	/* } */
	/* .footer_content { */
		/* height: 621px; */
		
	/* } */
	/* .logo-text { */
		/* float: left; */
		/* position: relative; */
		/* height: 32px; */
		/* border-left: 1px solid #727171; */
		/* margin-left: 5px; */
		/* padding-left: 5px; */
		/* margin-top: 4px; */
	/* } */
	/* .logo-text p { */
		/* position: relative; */
		/* height: 32px; */
	/* } */
/* } */

/***所有的设备***/
@media (max-width: 768px){
	body.body-color{
		min-width:320px;
	}
	#ad>div{
		position:relative;
		width:100%;
		height:auto;
		margin:0 auto;
		display:block;
	}
	#ad .ad_close1,#ad .ad_close2{
		position:absolute;
		width:30px;
		height:30px;
		top:10px;
		right:10px;
	}
	.logo-text {
		float: none;
		position: absolute;
		top: 56px;
		height: 32px;
		border-left: 0px solid #727171; */
		margin-left: 5px;
		padding-left: 5px;
		margin-top: 5px;
	}
	.c_width{
		width: 100%;
	}
	.c_width2{
		width: 100%;
	}
	.about{
		    padding: 0;
	}
	#workfoliolist .work-big-grid{
		width: 50%;
		float: left;
	}
	.contact-grid1{
		width:50%;
		margin:0 auto;
	}
	.contact-grid {
   		padding: 0.5em 0em;
	}
	.contact-grid a{
		margin:0 12px;
		padding:1em 0em;
	}
	.index_down2 h4 {
		margin: 1em 0;	
	}
	/* top-nav */
	.about-grids {
    	padding: 1em 0em;
	}
	.culture-grids{
		padding: 1em 0em;
	}
	
	.blog-grids-left{
		padding-left: 0;
	}
	.blog-art-info h3{
		height:auto;
	}
	.top-nav{
		background:none;
		height:auto;
		float:none;
		margin-top: 0;
	}
	.top-nav ul{
		width: 100%;
		display: block;
		height: auto;
	}
	.top-nav li{
		width: 100%;
		position:relative;
		margin: 0;
	}
	.top-nav #main-menu>li.select,.top-nav #main-menu>li:hover{
		display: inline;
		margin: 0 43px 0 3px;
		padding: 0 15px 9px 15px;
		float: left;
		height:35px;
		border-bottom: 0;
	}
	.top-nav li a{
		border-bottom:1px solid #eee;
	}
	.top-nav a{
		text-align: left;
		width: 100%;
	}

	.logo .logo_img{
		width:168px;
		margin-left: 15px;
	}
	.logo{
		float: left;
		background:#F5F5F5;
		margin-top: 0;
		height: 100px;
		padding: 28px 0 34px 0;
		z-index:1000;
	}

	.top-header{
		min-height: 100px;
	}
	.head_search{
		right:10%;
		top:11%;
	}
	/*#home_space{
		min-height: 100px;
	}*/
	.about-grid-info{
		padding: 0.5em 1.34em;
	}
	
	.alea_text{
		margin: 6em 2em 1em 2em;
	}
	
	#portfoliolist .portfolio{
		width: 50%;
	}
	.b-animate-go:hover .b-from-left {
		padding: 0.5em 0 0 0;
	}
	.b-animate-go:hover .b-from-one {
		padding: 0.5em 0 0 0;
	}
	.caption{
		border:8px solid #FFF;
		padding: 0.2em 1em;
	}
	.caption p{
		height:89px;
		overflow:hidden;
	}
	
	
	.top-grids{
		padding:2em 0;
	}
	.top-grid{
		margin: 0 0 1.5em;
	}
	
	
	
	.banner-info h1{
		padding:3.5em 0;
	}
	.banner-info h1 span{
		font-size: 0.5em;
	}
	.banner-info h1 label{
		font-size:0.73em;
	}
	
	.blog-grids-left{
		float:none;
		width:100%;
		margin:0 0 0.5em 0;
	}
	.blog-grid-left:nth-child(2){
		margin: 0 0 0.5em 0;
	}
	.blog-grid-left{
		background:none;
		float:none;
		width: 100%;
		margin: 0 0 0.5em 0;
	}
	.blog-grid-left .blog-art-pic{
		height: auto;
	}
	.blog-grid-left-big{
		background:none;
	}
	.blog-grid-left-big-info{
		float:none;
		width:100%;
	}
	.blog-grid-left-big-pic{
		float:none;
		width:100%;
		height: auto;
	}
	.blog-grids-right{
		float: none;
		width: 100%;
	}
	.blog-grid-right .blog-art-pic{
		height: auto;
	}
	
	#filters li span{
		padding: 0.55em 1.2em;
		font-size:1em;
	}
	
	.work_bg{
		top:-4em;
		margin-bottom:-4em;
	}
	.dang_page_content{
		padding-top:60px;
	}
	/*------ footer -----*/
	.footer_set {
		width: 100%;
	}
	.col-5-p{
		margin-right:0px;
		margin-left:0px;
	
		float:left;
	}
	.footer_content {
		height: auto;
		
	}
}

/***仅限彩屏设备***/
@media only screen and (max-width: 768px){
	
	.footer_right span {
		margin: 24px 5px;
	}
	.container{
		padding-left:0.5em;
		padding-right:0.5em;
	}
		
	/* top-nav */
	.top-nav{
		border-bottom: 0;
		float:none;
	}
	.top-nav ul{
		display:none;
		height: auto;
		margin:0;
		background: #fff;
	}
	.logo a#pull{
		display: block;
		color:#F26D7D;
		text-align:right;
		position:absolute;
		top:30px;
		right: 10px;
		width: 30px;
	}
	.logo a#pull:after{
		content:"";
		/* background: url('nav-icon.png') no-repeat; */
		width:30px;
		height: 30px;
		display:inline-block;
		position:absolute;
		right:0px;
		top: 0px;
	}
	.logo a#pull img{
		margin-right:2%;
	}
	.top-nav ul li a{
		color: #2C3E50;
		line-height:32px;
	}
	
	.lang_set {
		position: relative;
		top: 4px;
		right: 45px;
	}
	.footer .top{
		position:relative;	
		padding:0em;
		/*text-align:center;*/
	}
	
	.footer .top h3 a{
		font-size:14px;
		font-weight: 600;
	}
	.footer .top ul li{
		font-size:15px;
		font-weight: 400;
		line-height:40px;
	}
	.footer_left .col-5-p ul li a{
		font-size:12px;
	}
	.footer_left {
		display: none;
		float: none;
	}
	.footer_center {
		position:absolute;
		left:50%;
		width: 144px;
		margin-left: -144px;
		z-index:1;
	}
	.footer_right{
		width:320px;
		float:none;
		margin: 0 auto;
		padding-bottom:20px;
	}
	.weixin {
		position: relative;
		padding: 0 0 36px 0;
		width: 300px;
		margin: 0 auto;
	}
	.footer .mail_oa {
		position: relative;
		width: 320px;
		height: 45px;
		vertical-align: middle;
		margin: 0 auto;
	}
	.footer .mail_oa .state {
		padding-left: 8px;
		width: 98px;
		padding-right: 8px;
	}
	.footer .mail_oa .oa {
		border-right: 1px solid #82878a;
		padding-right: 8px;
		padding-left: 8px;
		width: 110px;
	}
	.footer_right p {
		position: relative;
		color: #888e91;
		font-size: 13.59px;
		/* float: right; */
		z-index: -1;
		padding: 21px 0;
		margin: 0;
		font-weight: 500;
		border-top: 1px solid #c6c6c6;
		text-align: center;
		width:100%;
		float:none;
	}
	.footer_right p.weixin{
		display:block;
		padding:6px 0;
	}
	.footer .mail_oa .mail {
		border-right: 1px solid #82878a;
		padding-left: 7px;
		padding-right: 8px;
		width: 112px;
	}
	.weixin_name{
		padding:30px 0 0 15px;
		display:none;
	}
	.weixin_pg{
		padding-right:15px;
	}
	.blog-art-info2_2 h3 {
    	padding: 0;
	}
	.blog-art-info h3{
		padding: 0;
	}
	.blog-art-info_d {
    	padding: 1em;
	}

	.blog-grid-left-big{
		padding-right: 0;
		margin-right: 0;
	}
	.blog-grid-left-big .blog-art-info p{
		top: 150px;
	}
	.col-5-p{
		padding: 1em 0;
		margin-right: 0;
	}
	
	.back_top{
		right: 20px;
		bottom: 20px;
	}
	
	.about-grid{
		width: 100%;
		height: auto;
		margin: 0.25em 0;
	}
	.about-grid-pic img{
		height: auto;
	}
	.culture-grid{
		width: 100%;
		height: auto;
		margin: 0.25em 0;
	}
	.culture-grid-pic img{
		height: auto;
	}
	
	.workfolio-wrapper-shadow h3{
		top: 65%;
		font-size: 19px;
	}
}

@media screen and (max-width: 640px){
	.caption{
		padding:0.5em 1em;
	}
	.caption h4{
		font-size: 1.1em;
	}
	.caption p{
		height:50px;
	}
	
	.alea_text{
		padding:0em 0em 0em 0em;
		margin:4em 2em 1em 2em;
	}
	.banner-info h1{
		padding:2.5em 0;
	}
	.banner-info h1 span{
		font-size: 0.45em;
	}
	.banner-info h1 label{
		font-size: 0.62em;
	}
	
	
	#filters li span{
		padding: 0.55em 0.8em;
	}

	.work_bg{
		top:-2.5em;
		margin-bottom:-2.5em;
	}
	.workfolio-wrapper-shadow h3{
		top: 65%;
		font-size: 17px;
	}
}

@media screen and (max-width: 480px){
	
	/*.top-nav a#pull{
		top: 15px;
		right: 9px;
	}*/
	
	.head_search{
		display:none;
	}
	
	
	.top-nav ul{
		
	}
	
	.alea_text{
		margin: 2.5em 1em 2em 1em;
	}
	.caption {
		padding:0em 1em;
	}
	.caption p{
		display:none;
	}
	
	
	.banner-info h1{
		padding:2em 0;
	}
	.banner-info h1 span{
		font-size: 0.35em;
	}
	.banner-info h1 label{
		font-size: 0.455em;
	}
	
	
	#filters li span{
		font-size: 1em;
		margin-bottom: 0.8em;
	}
	
	.blog{
		padding: 1em 0;
	}
	.blog-grids{
		padding: 0.5em 0;
	}
	.footer .top h3 a{
		font-size:13px;
		font-weight: 600;
	}
	.footer .top ul li{
		font-size:12px;
		font-weight: 400;
		line-height:30px;
	}
	
	.workfolio-wrapper-shadow h3{
		top: 60%;
		font-size: 15px;
	}
	.footer .top ul li a{
		font-size:13px; 
	}
}

@media screen and (max-width: 375px){
		#filters li span{
		font-size: 0.6em;
		margin-bottom: 0.8em;
	}
	
	.workfolio-wrapper-shadow h3{
		top: 55%;
		font-size: 14px;
	}
}