@media screen and (max-width:1200px) {
	* {
		font-family: Microsoft yahei;
	}
	.range_icon, .communicate, .tocreate, .apperceive .apperimages, .customers, .mainbootom, .bottom_menu, .copyright, .how_content, .about_2_image, .working_nothing, .contect_mainbody, .mainshell, .list_maincell, .article {
		max-width: 100%;
		margin: 0 auto;
	}
	/*float*/
	.logoandnav .navs a, .service_area .communicate .scheme, .service_area .index_contect_f, .footer .mainbootom .self_botton, .list_maincell .side_menu, .right_list_feild, .thinks .lookmoredc, .ds_in_chengdu, .contect_mainbody .cc_left, .contect_mainbody .form_right {
		float: none;
	}
	/*width*/
	.right_list_feild, .ds_in_chengdu, .service_area .range_icon li, .logoandnav .logo img {
		width: auto;
	}
	/*height*/
	.logoandnav, .indexbanner .dotitle, .naturebody p, .torget_info, .our_services_cate .working_nothing li .visitem {
		height: auto;
	}
	/*margin*/
	.footer .mainbootom .self_botton a.qqtalk, .footer .bottom_menu a, .our_services_cate .working_nothing li .visitem {
		margin: 0;
	}
	.footer .mainbootom .self_botton a.qqtalk{display:none;}
	/*display*/
	.indexbanner .prev, .indexbanner .next, .copyright, .article .bdsharebuttonbox, .our_characteristics .tit_tab li h3, .our_characteristics .tit_tab li span, .modtool, .our_services_cate .working_nothing li p, .professional .imageslidebox, .other_msg, .baseinfo .descriptions {
		display: none;
	}
	/*width*/
	.tocreate .workitemfile li, .apperceive .apperimages li, .customers .logo_centent img, .list_maincell .side_menu, .our_services_cate .working_nothing li, .naturebody li, .contect_mainbody .cc_left, .contect_mainbody .form_right, .contect_mainbody .form_right input, .contect_mainbody .form_right textarea {
		width: 100%;
	}
	/*logoandnav*/
	.gotop {
		height: 0;
		line-height: 0;
		font-size: 0;
		width: 0;
		overflow: hidden;
		text-indent: -9999px;
	}
	.header{width: 100%;}
	.header .top{width: 100%;}
	.intop {
		overflow: visible;
	}
	.mainwarpper {
		padding-top: 52px;
	}
	.logoandnav {
		position: relative;
		padding:5px 10px;
		width: 100%;
	}
	.logoandnav .logo {
		width: 100%;
	}
	.logoandnav .search {
		width:375px;
		margin-left:60px;
		margin-top:5px;
	}

	.logoandnav .mnavs {
		display: block;
		width: 32px;
		height: 32px;
		background: url(img/mclick.png) no-repeat 0 0;
		background-size: 32px;
		float: right;
	}
	.logoandnav .index_cat {
		background-position: 0 7px;
	}
	.intop .logoandnav .mnavs {
		background-position: 0 -24px;
	}
	.logoandnav .hover, .intop .logoandnav .hover {
		background-position: left bottom;
	}
	.logoandnav .logo {
		text-align: center;
		float: left;
		padding-left: 0px;
		padding-top:10px;
		padding-bottom: 10px;
		display: none;;
	}
	.logoandnav .logo img {
		height: 30px;
	}
	.logoandnav .navs {
		display: none;
		position: absolute;
		left: 0;
		top: 52px;
		background: #fff;
		width: 100%;
		padding-bottom: 20px;
		overflow: hidden;
	}
	.logoandnav .navs a {
		display: block;
		float: none;
		font-size: 16px;
		color: #444;
		line-height: 45px;
		height: 45px;
		text-align: center;
		border-bottom: 1px solid #444;
	}
	.wap_menu{
		position:absolute;top: 10px;
		display: block;
		width: 82px;
		height: 32px;
		line-height: 40px;
		/*background: url(img/mclick.png) no-repeat 0 0;*/
		background-size: 32px;	
		background-position: 0 -30px;
		background-position: 0 -30px;
	}
	.wap_menu.hover{
		background-position: 0 -64px;
	}
	.site_service{width:30%;position: absolute;top: 10px;right: 10px;}
	.add_job{display:none;}
	.wap_add_job{visibility:visible;color:#fff;background:#FAB21F;padding: 2px;margin-left: 15px; }
	.wap_login{float:right;padding-top: 5px;

	}
	
	.chanel{height:auto;line-height: 25px;display: none;}
	.chanel_menu{padding: 0 10px;}
	.chanel_menu a{margin:0px 15px;}
	.wap_nav{text-align:center;position: absolute;top: 60px;left: 0px;width: 100px;z-index: 999;background: #F5F5F5;}
	.wap_nav a{display: block;margin-top: 10px;}

	.wap-category{text-align: left;/*padding-top: 15px*/;padding-bottom: 5px;}
	.wap-category{margin:0px 5px;text-align: center;}
	.change-category{display: none;}
	.change-area{display: none;}

	/*搜索设置*/
	.search input{width:70%;}
	.search.banner{display: none;}
	.search .sicon{top: 5px;}

	.tocreate{padding-top:10px;}
	.add_job{float:none;}
	.add_job.b{display:block;}
	
	.nav_scroll {
		padding: 0;
	}
	.nav_scroll .logoandnav {
		padding: 10px;
	}



	.indexbanner, .indexbanner .imgcontent, .indexbanner .imgcontent li {
		height: 140px;
	}
	.indexbanner .imgcontent li {
		height: 140px;
		background-position: center top;
		background-size: auto 140px;
	}
	.banner_photo {
		max-height: 180px;
		background-position: center top;
		background-size: cover;
		display: none;;
	}
	.indexbanner .imgcontent .transalite {
		margin: 80px 0 0;
		text-align: center;
		display: none;
	}
	.indexbanner .imgcontent .transalite h3, .banner_photo h2 {
		font-size: 18px;
		line-height: 150%;
		margin-bottom: 10px;
		text-align: center;
	}
	.indexbanner .imgcontent .transalite h3 {
		line-height: 140%;
	}
	.indexbanner .imgcontent .transalite p, .indexbanner .imgcontent .transalite .gotocase {
		line-height: 140%;
		font-size: 12px;
	}
	.indexbanner .imgcontent .transalite .gotocase {
		margin-top: 15px;
		padding: 8px 40px;
	}
	.indexbanner .dotitle {
		bottom: 25px;
	}
	.indexbanner .dotitle ul li {
		width: 5px;
		height: 5px;
	}
	.banner_photo p{text-align: center;}
	.banner_photo h2{margin-top: 50px;}
	/*tocreate*/
	.tocreate .work_title {
		/*margin: 0 0 20px;*/
		text-align: center;
		margin-bottom: 0px;
	}
	.tocreate .work_title .orderby{text-align:left;padding-left: 10px;padding-top: 10px;}
	.tocreate .workitemfile li a, .apperceive .apperimages li a {
		margin: 10px;
	}
	.tocreate .workitemfile li img, .tocreate .workitemfile li .imagebox, .apperceive .apperimages li img, .apperceive .apperimages li .imagebox {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.tocreate .workitemfile {
		padding: 0;
		column-count: 1; column-gap: 0;
	}
	
	
	
	.tocreate .workitemfile li .box{position:relative;}
	.tocreate .workitemfile li .collection{position:absolute;right: 10px;top: 45px;}
	.tocreate .workitemfile li .bar{position:relative;}
	.tocreate .workitemfile li .bar {position:relative;}
	.tocreate .workitemfile li .share {position:absolute;bottom: 10px;right: 0px;}
	.tocreate .workitemfile li .share span {line-height: 35px;}
	
	.our_server .items li{width:50%;margin-bottom:20px;}
	
	.our_server .items.lc li{width:100%;}
	.our_server .items.lc li img{width:30%;}
	
	.our_body .pic{display:none;}
	.our_body .txt{width:100%;}
	.our_body .txt p{padding: 10px;}
	
	.job_msg .photo{width:60px;}
	.job_msg .content{width:70%;}
	
	.apperceive {
		padding: 20px 0 0;
	}
	.footer {
		padding: 20px 0 2px;
	}
	.footer .mainbootom .self_botton {
		margin: 0 auto 20px;
		text-align: center;
	}
	.footer .mainbootom .self_botton a {
		margin: 0 10px;
	}
	.footer .mainbootom .self_botton a.maps {
		margin-left: 0;
	}
	.footer .mainbootom p {
		text-align: center;
		line-height: 200%;
	}
	.footer .mainbootom p span {
		display: block;
		clear: both;
		margin: 0;
	}
	.footer .bottom_menu {
		text-align: center;
	}
	.footer .bottom_menu a {
		padding: 0 14px;
	}
	.about_2_image ul {
		padding: 0 10px;
	}
	.about_2_image li {
		width: 50%;
	}
	
	.professional .innovation_design {
		padding: 40px 0;
	}
	.regk .hui-form{width:90%;border-radius:0px;padding: 0% 0px;}
	
	.member_menu{line-height: 40px;text-align: center;width: 100%;}
	.member_menu .member_photo{display: none;}
	.member_menu li{width: 25%;float: left;padding: 0px;}

	.member_body{width: 100%;padding: 0px;}
	/*.member_body .joblist .bd li{line-height:40px;}*/
	/*.member_body .joblist .bd .tit dd{float:left;}*/
	.member_body .joblist .bd .tit{line-height: 25px;padding: 10px 0px;}
	.member_body .joblist .bd .con{margin-top: 5px;}
	.member_body .joblist .bd .con dd{width: 100%;text-align: right;margin-top: 10px;}
	.member_body .joblist .bd .con span{display: inline-block;margin-right: 0px;}
	.member_body .joblist .bd .con dd .time{float: left;border: none;padding-top: 12px;}

	.member_body .joblist .bd.order .pd1{width: 100%;padding: 10px 0px;}
	.member_body .joblist .bd.order .pd2{width: 80%;padding-left: 0px;}

	.member_photo{width:25%;}
	.member_photo img{width:80px;height: 80px;border-radius:40px;}



	.product-content .product-list li{width: 50%;}

	.member_info{padding: 10px;}


	.tocreate .work_title .address{
		height: 25px;
		overflow: hidden;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
	}
	.tocreate .work_title .address.on{height: 80px;	}
	.tocreate .work_title .address.orderby{display: none}
	.tocreate .work_title .address .addressmore{color: #f00;	}

	/*.job_detail .tit .share{*/
	/*	position:relative;*/
	/*	padding-left: 10px;*/
	/*}*/
	.job_detail{padding:10px 10px;}
	
}


@media only screen and (min-width: 800px) and (max-width: 1070px) {
/*	.logoandnav .navs {
		display: block!important
	}*/
	.service_area .communicate {
		padding: 80px 10px 30px;
	}
	.customers .logo_centent img {
		width: 100%;
		height: auto;
		border: 0;
	}
	.tocreate .workitemfile li, .apperceive .apperimages li {
		width: 33.33%;
	}
	.apperceive .apperimages li:nth-child(3), .footer .mainbootom .self_botton {
		display: none;
	}
	.list_maincell .side_menu, .right_list_feild {
		float: none;
		width: auto;
	}
	.banner_photo h2, .banner_photo p {
		text-align: center;
		padding: 0 10px;
	}
	.how_content {
		background: none;
	}
	.case_menu {
		text-align: center;
	}
	.apptitlefor {
		text-align: center;
	}
	.list_maincell .side_menu {
		margin-bottom: 30px;
	}
	.list_maincell .side_menu li {
		float: left;
		width: 33.33%;
	}
	.ds_in_chengdu, .indexbanner .imgcontent .transalite .textcontent {
		float: none;
		width: auto;
		padding: 10px;
	}
	.contect_mainbody {
		padding: 50px 10px;
	}
	.footer {
		padding: 22px 10px;
	}
}

@media screen and (max-width: 750px) {
	.logoandnav .search {
		width: 50%;
		margin-left: 60px;
		margin-top: 5px;
	}
	.search input {
		width: 90%;
	}
}