@media(min-width:1000px) and (max-width:1300px) {

	.footer_set {

		width: 935px;

	}

	/* .menu_ul_4 {

		position: relative;

		top: 20px;

		left: 48.4%;

		width: 361px;

		height: 250px;

	} */

	.menu_ul_4 {
    /* position: relative;
    top: 20px;
    left: 47%;
    width: 540px;
    height: 250px; */

		position: relative;
    top: 17px;
    left: 47%;
    width: 542px;
    height: 261px;
	}

	.menu_ul_4 li:nth-of-type(2) {
    top: 35%;
    left: 29%;
	}

	.menu_ul_3 {

		position: relative;

		top: 20px;

		left: 7%;

		width: 361px;

		height: 250px;

	}



	.menu_ul_2 {

		position: relative;

		top: 20px;

		left: 6.5%;

		width: 361px;

		height: 250px;

	}

	/* 8.28新增 */

	.menu_ul_5 {

		position: relative;

		top: 3px;

		left: 60.3%;

		width: 361px;

		height: 250px;

	}

	.menu_ul_5 .menu-items4 > a > span {

		margin-top: 18px;

	}

	.menu_ul_6 {

		position: relative;

		top: 20px;

		left: 80%;

		width: 361px;

		height: 250px;

	}



	.menu-items1 {

		position: absolute;

		top: 10%;

		left: 16.5%;

		width: 20%;

		height: 37%;

	}



	.menu-items2 {

		position: absolute;

		top: 44%;

		left: 37.5%;

		width: 20%;

		height: 37%;

	}



	.menu-items3 {

		position: absolute;

		top: 21%;

		left: 62.5%;

		width: 21%;

		height: 37%;

	}



	.menu-items4 {

		position: absolute;

		top: 60%;

		left: 77%;

		width: 20%;

		height: 37%;

	}



	.line-items2 {

		position: absolute;

		top: 0;

		left: 17%;

		width: 66px;

		height: 70px;

		overflow: hidden;

	}



	.line-items3 {

		position: absolute;

		top: 0;

		left: 33%;

		width: 66px;

		height: 90px;

		overflow: hidden;

	}



	.line-items4 {

		position: absolute;

		top: 0;

		left: 48%;

		width: 66px;

		height: 100px;

		overflow: hidden;

	}



	.line-items6 {

		position: absolute;

		top: 0;

		left: 79%;

		width: 66px;

		height: 85px;

		overflow: hidden;

	}



	.menu_items_pad ul li a span {

		font-size: 15px;

		color: #ffffff;

		display: inline-block;

		margin-top: 29px;

	}



	.footer_set {

		width: 935px;

	}



	.col-5-p {

		margin-right: 3px;

	}



	.footer_center {

		float: left;

		width: 117px;

		margin: -2px 6px 0 0;

	}



	.footer_center .dropdown-toggle {

		position: relative;

		display: block;

		font-size: 19.19px;

		color: #FFFFFF;

		padding-left: 5px;

		border: 1px solid #8a8f93;

		background: url(../image/links.png) no-repeat 86px;

		background-size: contain;

	}



	.footer_center .dropdown-menu li>a {

		color: #999ea0;

		font-size: 13.59px;

		line-height: 30px;

		padding: 0 0 0 5px;

	}

}



@media(min-width:769px) and (max-width:999px) {

	.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_4 {
		position: relative;
    top: 8px;
    left: 53%;
    width: 466px;
    height: 217px;
	}

	.menu_ul_4 li:nth-of-type(2) {
    top: 35%;
    left: 26%;
}

	.menu_ul_5 {

		position: relative;

		top: 0;

		left: 55.5%;

		width: 289px;

		height: 200px;

	}

	/* 8.28新增 */

	.menu_ul_5 .menu-items4 > a > span {

		margin-top: 16px;

	}

	.menu_ul_6 {

		position: relative;

		top: 26px;

		left: 77.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 27px 0 3px;

	}



	.main_left_menu ul li {

		/* width: 110px; */
		width: 156px;
	}



	.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: 26px;

		border-left: 1px solid #727171;

		margin-left: 5px;

		padding-left: 5px;

		margin-top: 4px;

	}



	.logo-text p {

		position: relative;

		height: 26px;

		margin: 7px 0 0 0;

	}

}



/***所有的设备***/

@media screen and (max-width: 768px) {
	.main_left_menu ul {
		float: unset;
		margin-right: unset;
	}

	#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: 50px;

		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 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('https://www.gacbusiness.com.cn/themes/simplebootx/Public/css/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 !important;

	}



	.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;

	}

}