@font-face {
	font-family: 'Medium';
	src: url('fonts/dinmedium/dinmedium.eot');
	src: local('☺'), url('fonts/dinmedium/dinmedium.woff') format('woff'), url('fonts/dinmedium/dinmedium.ttf') format('truetype'), url('fonts/dinmedium/dinmedium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Regular';
	src: url('fonts/dinregular/dinregular.eot');
	src: local('☺'), url('fonts/dinregular/dinregular.woff') format('woff'), url('fonts/dinregular/dinregular.ttf') format('truetype'), url('fonts/dinregular/dinregular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", Arial, Helvetica, sans-serif;
}
html {
	font: normal 14px/100% "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", Arial, Helvetica, sans-serif;
	color: #444;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0;
	padding: 0;
	background: #F9F9F9;
	overflow-y: scroll
}
ul, li, div, input, p, dl, dd, dt, h3, h4, h1, h2, h5, h6, pre, span, sub, strong, i, em, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, audio, canvas, progress, video, input, textarea {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	outline: 0;
}
div, p, span, li, strong, h1, h2, h3, h4, h5 {
	word-break: break-all;
	word-wrap: break-word;
}
/*input, textarea {*/
/*	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", Arial, Helvetica, sans-serif;*/
/*	-webkit-appearance: none;*/
/*	border-radius: 0;*/
/*}*/
a {
	color: #444;
	text-decoration: none;
}
img {
	border: 0;
}
a:hover {
	color: #eb6100;
}
.clearfix:after {
	content: ".";
	height: 0;
	visibility: hidden;
	clear: both;
	display: block;
}
*html .clearfix {
	height: 1%;
}
.clearfix {
	zoom: 1;
}

/* 右浮动 */

.fly-fr{float: right;}

.fly-row {
	box-sizing: border-box;
}

.fly-row:after {
	content: "";
	clear: both;
	display: block;
}

[class*="fly-col-"] {
	box-sizing: border-box;
	float: left;
}

.fly-col-1 {
	width: 8.33%;
}

.fly-col-2 {
	width: 16.66%;
}

.fly-col-3 {
	width: 25%;
}

.fly-col-4 {
	width: 33.33%;
}

.fly-col-5 {
	width: 41.66%;
}

.fly-col-6 {
	width: 50%;
}

.fly-col-7 {
	width: 58.33%;
}

.fly-col-8 {
	width: 66.66%;
}

.fly-col-9 {
	width: 75%;
}

.fly-col-10 {
	width: 83.33%;
}

.fly-col-11 {
	width: 91.66%;
}

.fly-col-12 {
	width: 100%;
}


.tops{margin:auto;text-align: center;position: relative;max-width: 100%;background: #3D3D4A;}

/*header*/
.header {
	position: fixed;
	background: #3D3D4A;
	width: 100%;
	/*width: 1200px;*/
	margin:auto;
	z-index: 5000;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
}
.header a{color:#EFEFEF;}
.header .top{width: 1200px;margin: auto;}
.logoandnav {
	/*max-width: 1920px;*/
	width: 100%;
	margin: 0 auto;
	height: 35px;
	padding: 10px 0;
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
}
.logoandnav .logo {
	float: left;
	padding-left:5px;
}
.logoandnav .logo img{
	max-width: 160px;
}
.search{
	position: relative;
	float: left;line-height: 40px;
	margin-left:20px;
}
.search .sicon{
	width: 16px;height: 16px;
	position: absolute;
	left: 15px;
	top: 3px;
}
.search .sicon img{width:16px;height: 16px;}
.search input{
	border: solid #FACE03 1px;
	border-radius: 15px;
	padding: 5px 20px 5px 30px;
	width: 100%;
	/*background: #EEEEEE;*/
}

.search input:hover{
	background: #fff;
}

.search.banner{float: none;width: 100%;z-index: 9999;margin-left: 0;margin: 15px 0;}
.search.banner input{
	border-radius: 5px;
	height: 30px;
	line-height: 30px;
	width: 90%;  
}
.search.banner input:hover{
	box-shadow: 1px 2px 10px 2px #333;
	width: 90%;
}

.logoandnav .navs {
	float: right;
	line-height: 35px;
	font-size: 14px;
}
.logoandnav .navs a {
	display: block;
	float: left;/* font-weight:100; */
	color: #fff;
	margin: 0 20px;
	transition: none;
}
.logoandnav .navs a:hover {
	background: url(img/index_dot.png) no-repeat center bottom;
	text-decoration: underline;
}
.logoandnav .mnavs {
	display: none;
}
.site_service{float:right;line-height: 35px;font-size:14px;margin-right: 20px;position: relative;}
.site_service .login{position: relative;line-height: 35px;}

.site_service .login .photo{width: 24px;height: 24px;border-radius:15px;vertical-align: middle; border:  solid 1px #FACE03;margin-left: 5px;}

.site_service .login .email{width: 24px;height: 24px;border-radius:15px;vertical-align: middle;position: relative;}

.site_service .login .email img{font-size:20px;line-height: 24px;vertical-align: middle;}
.site_service .login .email span{
	background:#f00;
	color:#fff;
	border-radius: 10px;
	position: absolute;
	top: -10px;
	right: 0px;
	font-size: 10px;
	width: 20px;
	height: 20px;
	line-height: 18px;
	text-align: center;
;}



.site_service .login .cardbox{display:none;position: absolute;top: 35px;right:0px;background: #efefef;width:100%;border-radius: 5px;	padding: 10px;text-align: center;
	-moz-box-shadow:1px 1px 3px #A1A1A1; 
	-webkit-box-shadow:1px 1px 3px #A1A1A1; 
	box-shadow:1px 1px 3px #A1A1A1;}
.site_service .login:hover .cardbox{display:block;}

.nav_scroll {
	padding: 0px 0;
	background: rgb(255,255,255,255.9);
}
.nav_scroll .logo img {
	width: 100%;
}
.nav_scroll .logoandnav {
	/*padding: 0;*/
}
.nav_scroll .logoandnav .navs a.index_curr, .nav_scroll .logoandnav .navs a.index_curr:hover {
	color: #000;
	font-weight: 900;
	background: none!important;
}
.chanel{padding: 10px 0px;height: 25px;border-bottom:1px solid #ccc;box-shadow: 2px 2px 5px #ccc;color:#999;display: none;}
.chanel_menu{/*max-width:1200px;*//*width:100%;*/margin: 0 auto;padding-left: 20px;}
.chanel_menu a{	
/*	display: block;
	float: left;/* font-weight:100; */
	color: #999;
	margin: 0 10px 0 10px;
	transition: none;}

.nav_scroll .chanel_menu a.index_curr, .nav_scroll .chanel_menu a.index_curr:hover {
	color: #000;
	font-weight: 900;
	background: none!important;
}

.wap-category{padding: 8px 5px;height: 25px;
	/*border-bottom:1px solid #ccc;box-shadow: 2px 2px 5px #ccc;*/
	text-align: left;}
.wap-category span{border: solid 1px #FACE03;border-radius: 10px;padding: 3px 8px;font-size:12px;}
.wap-category a.on{color:#eb6100;font-weight: 900;}

.change-category{background:#FACE03; }
.change-area{background:#FACE03; }



.add_job{float: right;margin-right: 20px;padding: 5px;background: #FAB21F;}
.add_job a{color: #fff;font-weight: 600;font-size:14px;}
.add_job:hover{}
.add_job.b{border-radius: 3px;margin-right: 18px;padding: 5px 10px;display: none;}
.add_job.b a{border:none;padding: 5px 15px;font-weight: 600;}
.add_job_m{float: none;color:#fff;padding: 5px;background: #FAB21F;border-radius: 3px;}
.wap_add_job{visibility:hidden;}

.set-height{height:100px;}


/*indexbanner*/
.indexbanner {
	position: relative;
	margin: 0 auto;
	max-height: 428px;
	overflow: hidden;
	text-align: center;
	margin-top:-5px;
}
.indexbanner .imgcontent {
	position: relative;
	margin: auto;
	z-index: 0;
	max-height: 428px;
	max-width: 100%;
}
.indexbanner .imgcontent li {
	width: 100%;
	max-width: 100%;
	height: 428px;
	background-repeat: no-repeat;
	background-position: center top;
}
.indexbanner .imgcontent li a {
	display: block;
	width: 100%;
	height: 100%;
}
.indexbanner .imgcontent .transalite {
	max-width: 1000px;
	margin: 170px auto 0;
	color: #333;
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
	z-index: 999;
}
.indexbanner .imgcontent .transalite .textcontent {
	clear: both;
	overflow: hidden;
	color:#fff;
}
.indexbanner .imgcontent .transalite h3 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 5px;
}
.indexbanner .imgcontent .transalite p, .indexbanner .imgcontent .transalite .gotocase {
	font-size: 14px;
	line-height: 25px;
}
.indexbanner .imgcontent .transalite .gotocase {
	display: inline-block;
	clear: both;
	color: #fff;
	padding: 2px 40px;
	border: 2px solid #fff;
	margin-top: 78px;
	border-radius: 3px;
	font-size: 16px;
	line-height: 35px
}
.indexbanner .dotitle {
	position: relative;
	z-index: 1;
	bottom: 50px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.indexbanner .dotitle ul {
	text-align: center;
	padding-top: 0;
}
.indexbanner .dotitle ul li {
	cursor: pointer;
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 7px;
	height: 7px;
	margin: 0 10px;
	overflow: hidden;
	font-size: 0;
	border-radius: 30px;
	/*background: #c3eff3;*/
	border: 2px solid #fff;
}
.indexbanner .dotitle ul .on {
	background: rgba(255, 255, 255, 1);
}
.indexbanner .arrow{position:absolute;top: 40%;z-index: 1;width: 100%;text-align: center;display: none;}
.indexbanner .arrow .link{max-width: 1900px;margin: auto;}
.indexbanner .prev, .indexbanner .next {
	z-index: 1;
	display: block;
	width: 55px;
	height: 55px;
	float: left;
	background: url(img/arrow.png) 0 0 no-repeat;
	filter: alpha(opacity=20);
	opacity: 0.2;
	transition: all .3s ease-out
}
.indexbanner .next {
	background-position: right 0;
	float: right;
}
.indexbanner .prev:hover, .indexbanner .next:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}


/*warpper*/
.range_icon, .communicate, .tocreate, .apperceive .apperimages, .customers, .mainbootom, .bottom_menu, .copyright, .how_content, .about_2_image, .working_nothing, .mainbody, .mainshell, .list_maincell, .article,.wrapper {
	max-width: 1200px;
	margin: 0 auto;
}

.wrapper:after{
    content: ".";
    height: 0;
    visibility: hidden;
    clear: both;
    display: block;
}

/*tocreate*/
.tocreate {
	padding: 40px 0 20px;
	max-width: 1230px;
}
.tocreate .work_title {
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
	line-height: 20px;
	margin: 0 0 20px 15px;
}
.tocreate .work_title a{
	font-weight: 300;
/*	border: solid 1px #f6f6f6;*/
	padding: 5px 5px;
}
.tocreate .work_title .address{
	padding: 5px 0px;
	line-height: 25px;
	text-align: left;
}
.tocreate .work_title .orderby{/*text-align: right;*/}

.tocreate .work_title a:hover, .tocreate .work_title a.on{
	/*background:#f3f3f3;*/color:#FD8000;font-weight: 900;
}

.tocreate .work_title .add_job a{
	border:none;padding: 5px 15px;
}
.tocreate .work_title .add_job a:hover{
	background:none;
}


.tocreate .workitemfile {
	padding-bottom: 1px;
	/*column-count: 3; column-gap: 0;*/
}
.tocreate .workitemfile li{
	position: relative;
	 break-inside: avoid;
	text-align: center;
	transition: ease .5s;
	-moz-transition: ease .5s;
	-ms-transition: ease .5s;
	-o-transition: ease .5s;
	-webkit-transition: ease .5s;
	text-align: left;
	line-height: 25px;
	width: 33.33%;
	height: 198px;
	overflow: hidden;
	float: left;

}
.tocreate .workitemfile li .box{
	display: block;
	margin: 0 15px 30px;
	background: #fff;
	padding: 10px;
	line-height: 30px;
	/*border: solid 1px #ccc;*/
	/*background: #F5F5F5;*/
}
.tocreate .workitemfile li .box.over{
	/*border: solid 1px #ccc;*/
	background: #F5F5F5;
	background-image: url("imgs/over.png");
	background-size: 60px;
	background-position: right top;
	background-repeat: no-repeat;
}
.tocreate .workitemfile li .box .addr{
	white-space:nowrap;
	overflow: hidden;
}

.tocreate .workitemfile .box:hover{
	box-shadow: 0 0 15px #bbb;
	color:#666;
}
.tocreate .workitemfile a:hover{
	box-shadow: 0 0 15px #bbb;
	color:#FF552E;
}
.tocreate .workitemfile a:visited{
	box-shadow: 0 0 15px #bbb;
	color:#999;
	background:#efefef;
}
.tocreate .workitemfile li img{
	/*display: block;*/
	/*width: 100%;*/
	/*max-height: 209px;*/
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	overflow: hidden;
}
.tocreate .workitemfile li img{
	transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
}
.tocreate .workitemfile li img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.tocreate .workitemfile li.m0{
	margin-right: 0;
}
.tocreate .workitemfile li label {
	font-weight: 900;
}
.tocreate .workitemfile li .share {
	float: right;
}
.tocreate .workitemfile li .tit {
	/*padding: 15px 0px;*/
}
.tocreate .workitemfile li:hover .tit {
	color:#FF552E;
}
.tocreate .workitemfile li .tit h3 {float: left;}
.tocreate .workitemfile li .tit .money {
	float: right;
	color:#f00;
}

.tocreate .workitemfile li .tj {padding: 1px;color:#fff;background:#30C560;font-size:14px;}
.tocreate .workitemfile li .hots {padding: 1px;color:#fff;background:#F00;font-size:14px;}
.tocreate .workitemfile li .ismy {padding: 1px;color:#fff;background:#f0c040;font-size:14px;}
.tocreate .workitemfile li .istop {padding: 1px;color:#fff;background:#F00;font-size:14px;}

.tocreate .workitemfile li .ticket {
	padding: 10px 0px;
}
.tocreate .workitemfile li .ticket span{
	background:#efefef;border-radius: 5px;padding: 3px 8px;margin-right: 10px;font-size:12px;
}
.tocreate .workitemfile li .ticket .d{
	float: right;
}
.tocreate .workitemfile li .tit h3 {
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tocreate .workitemfile li .txt p {
	font-size: 12px;
	color: #838484
}
.tocreate .workitemfile li .bar{margin-top:20px;}
.tocreate .workitemfile li .pub_member{
	position:relative;
	bottom: 0px;
	padding-left: 60px;
	line-height: 20px;
	padding-bottom: 10px;
	float: left;
	width: 60%;
}
.tocreate .workitemfile li .pub_member img{
	width: 40px;height: 40px;border-radius:20px;vertical-align: middle;
	position: absolute;left: 0;
}
.tocreate .workitemfile li .collection{border:solid 1px #eee;padding: 2px 10px;background: #fff;border-radius: 3px;float: right;cursor: pointer;}
.tocreate .workitemfile li .collection strong{font-weight: 900;font-size: 18px;}

.pagenav{text-align:center;margin: 10px 0px;}
.pagenav .page a{padding: 5px;}
.pagenav .page span{background:#efefef;padding: 3px 6px;}

/*apperceive*/
.apperceive {
	padding: 40px 0;
	background: #fff;
}
.apperceive .apperimages {
	max-width: 1230px;
}
.apperceive .apperheader, .customers .ourkehu {
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
	margin-bottom: 34px;
	text-align: center;
}
.apperceive .apperheader h2, .customers .ourkehu h2 {
	position: relative;
	font-size: 18px;
	line-height: 40px;
	padding-bottom: 5px;
}
.apperceive .apperheader p, .customers .ourkehu p {
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
	line-height: 30px;
}
.apptitlefor {
	margin: 0 0 20px 15px;
}
.small_line {
	background-color: #444;
	height: 2px;
	position: relative;
	width: 20px;
	display: block;
	margin: -2px auto 15px;
}
/*customers*/
::selection {
	background: #35c9d7;
	color: #fff;
}
::-moz-selection {
background:#35c9d7;
color:#fff;
}
::-webkit-selection {
background:#35c9d7;
color:#fff;
}
.customers {
	padding: 40px 0 70px;
}
.customers .logo_centent {
	text-align: center;
	overflow: hidden;
}
/*footer*/
.footer {
	background: #fff;
	padding: 22px 0;
}
.footer .mainbootom {
	font-size: 14px;
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
	padding-bottom: 15px;
	line-height: 30px;
	border-bottom: 2px solid #515151;
}
.footer .mainbootom p {
	color: #636363;
	text-align: left;
}
.footer .mainbootom p span {
	margin-right: 50px;
}
.footer .mainbootom p span.telnum {
	margin: 0 0 0 15px;
	/*color: #fff;*/
	font-size: 26px;
}
.footer .mainbootom .self_botton {
	float: right;
	/*margin-top: 17px;*/
}
.footer .mainbootom .self_botton a {
	display: inline-block;
	width: 132px;
	text-align: center;
	border: 1px solid #EDEDED;
	background: #EDEDED;
	color: #333;
	line-height: 100%;
	padding: 11px 0;
	font-size: 15px;
	border-radius: 3px;
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
	transition: all .3s ease-out
}
.footer .mainbootom .self_botton a.maps {
	padding-left: 20px;
	width: 112px;
	background: url(img/pointer.png) no-repeat 15px center;
}
.footer .mainbootom .self_botton a.qqtalk {
	margin-left: 25px;
}
.footer .mainbootom .self_botton a:hover {
	background-color: #35c9d7;
	border: 1px solid #35c9d7;
}
.footer .bottom_menu {
	margin: 20px auto;
}
.footer .bottom_menu a {
	margin-right: 65px;
	color: #636363;
}
.footer .bottom_menu a:hover {
	color: #CCC
}
.gotop {
	position: fixed;
	right: 30px;
	bottom: 200px;
	z-index: 50000;
	cursor: pointer;
	width: 37px;
	height: 75px;
	background: #fff;
}

.gotop .icon{background: url(img/tos.png) no-repeat center;	width: 37px;height: 37px;}
.gotop .wx{background: url(img/wx.png) no-repeat center;	width: 37px;height: 37px;position: relative}
.gotop .wx .con{width: 200px;height: 150px;position: absolute;top:-150px;right: 0;background: #fff;display: none;line-height: 40px;text-align: center;}
.gotop .wx .con img{width: 100px;height: 100px;}
.gotop .wx:hover .con{display: block;}
/*copyright*/
.copyright {
	clear: both;
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
}
.copyright p {
	float: left;
	color: #636363;
	font-size: 12px;
	padding-top: 20px;
}
.copyright .webshare {
	float: right;
	margin-top: -10px;
	width: 200px;
}
.copyright .webshare .tels{width: 200px;line-height: 25px;text-align: left;}
.copyright .webshare .tels .tt{font-weight: 900;font-size: 18px;}
.copyright .webshare .tels .email{font-weight: 900;}
.copyright .webshare a {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-left: 20px;
	background: url(img/sns_ico.png) no-repeat 0 0;
	transition: none;
}
.copyright .webshare .wechat {
	background-position: 0 0;
}
.copyright .webshare .wechat:hover {
	background-position: 0 -44px;
}
.copyright .webshare .weibo {
	background-position: -82px 0;
}
.copyright .webshare .weibo:hover {
	background-position: -82px -44px;
}
.copyright .webshare .douban {
	background-position: -163px 0;
}
.copyright .webshare .douban:hover {
	background-position: -163px -44px;
}
.copyright .webshare .email {
	background-position: -245px 0;
}
.copyright .webshare .email:hover {
	background-position: -245px -44px;
}
.copyright .webshare .wechatimg {
	position: absolute;
	left: 50%;
	margin-left: -65px;
	font-size: 12px;
	bottom: 50px;
	background: #fff;
	width: 130px;
	text-align: center;
	display: none;
}
.copyright .webshare .wechatimg:before {
	content: "";
	position: absolute;
	bottom: -5px;
	display: block;
	width: 0;
	border: 5px solid #fff;
	border-color: #fff #212121 #212121 #212121;
	border-bottom: 0;
	font-size: 0;
	line-height: 0;
	height: 0;
	left: 50%;
	margin-left: -6px;
}
.copyright .webshare .wechatimg p {
	line-height: 100%;
	padding: 0 0 6px;
	text-align: center;
	float: none
}
.copyright .webshare .wechatimg img {
	width: 120px;
	height: 120px;
}
/*about*/
.intop {
	background: #fff;
	overflow: hidden;
}
.intop .navs a {
	color: #000;
}
.intop .navs a.current, .intop .navs a:hover {
	color: #35c9d7;
	background: url(img/curent.png) no-repeat center bottom;
	text-decoration: none;
	transition: none;
	-webkit-transition: none;
	-ms-transition: none;
	-moz-transition: none;
}
/*mainwarpper*/
.mainwarpper {
	background: #fff;
	clear: both;
	padding-top: 80px;
}
.banner_photo {
	background: #fff;
	text-align: center;
	height: 180px;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #fff;
	display: none;
}
.banner_photo h2 {
	max-width: 1200px;
	margin: 10px auto 0;
	font: normal 45px "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
	color: #fff;
	text-align: left;
}
.banner_photo p {
	text-align: left;
	color: #fff;
	max-width: 1200px;
	margin: 20px auto 0;
	font-size: 16px;
	line-height: 36px;
}
/*innovation_design*/
.innovation_design {
	background: #fff;
	padding: 50px 0;
	line-height: 40px;
	text-align: center;
}
.innovation_design h3 {
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 20px;
}
.innovation_design p {
	font-size: 20px;
}
/*how_we_work*/
.how_we_work {
	background: #f1f1f1;
	padding: 50px 0;
}
.how_content {
	background: url(img/arrev.png) no-repeat right bottom;
}
.ds_in_chengdu {
	float: left;
	width: 638px;
	font-size: 14px;
	line-height: 24px;
}
.ds_in_chengdu strong {
	font-weight: bold;
}
.about_2_image {
	padding-top: 40px;
}
.about_2_image li {
	float: left;
	width: 25%;
	overflow: hidden;
}
.about_2_image img {
	display: block;
	width: 100%;
	height: auto;
	border: 0;
}
.about_2_image .tupb {
	display: none;
}
.consumthiscommend {
	clear: both;
	margin-bottom: 50px;
	overflow: hidden;
	width: 100%;
}
.consumthiscommend li {
	width: 33.33%;
	float: left;
}
.consumthiscommend li img {
	width: 100%;
}
.consumthiscommend li .tupb {
	display: none;
}
/* our server*/

.our_server{text-align:center;}
.our_server .t1{font-size: 28px;color: #4b4b4b;line-height: 40px;}
.our_server .t2{font-size: 16px;color: #666;line-height: 40px;}
.our_server strong{font-weight: 900;}
.our_server .t3{font-size: 18px;
color: #fb0;
letter-spacing: .13px;
line-height: 30px;
margin: 24px auto;}
.our_server .items{padding:20px 0px;}
.our_server .items li{width:25%;float: left;text-align: center;}
.our_server .items li img{max-width: 90%;}

.our_server .items.lc{padding-top:50px;}
.our_server .items.lc li{width:13%;line-height: 25px;}
.our_server .items.lc li img{width:60%;}
.our_server .items.lc li .txt{padding: 10px;}

.our_body{background-size:cover;padding: 20px 0px;}
.our_body .pic{background:url(imgs/2000000809.jpg) no-repeat center;height: 300px;background-size:cover;width:50%;float: left;}
.our_body .txt{width:50%;float: right;text-align:left;line-height: 30px;font-size:18px;}
.our_body .txt p{padding-left: 10px;}

/*our_characteristics*/
.our_characteristics {
	background: #fff;
	clear: both;
	overflow: hidden;
}
.our_characteristics .tit_tab {
	text-align: center;
	clear: both;
	max-width: 1200px;
	padding: 50px 0;
	margin: 0 auto;
}
.our_characteristics .tit_tab li {
	float: left;
	width: 33.33%;
}
.our_characteristics .tit_tab li .tok_icon1 {
	background: url(img/tok_1.png) no-repeat center top;
}
.our_characteristics .tit_tab li .tok_icon2 {
	background: url(img/tok_2.png) no-repeat center top;
}
.our_characteristics .tit_tab li .tok_icon3 {
	background: url(img/tok_3.png) no-repeat center top;
}
.our_characteristics .tit_tab li .tok {
	height: 145px;
	background-size: auto 100%;
}
.our_characteristics .tit_tab li h3 {
	font-size: 24px;
	font-weight: normal;
	padding: 40px 0;
	clear: both;
}
.our_characteristics .tit_tab li span {
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 30px;
	background: url(img/add_ico.png) no-repeat center center;
	background-size: cover;
}
.our_characteristics .tit_tab li.on {
	filter: alpha(opacity=100);
	opacity: 1;
}
/*torget_info*/
.torget_info {
	padding: 60px 0;
	height: 200px;
	background: #000;
	display: none;
}
.naturebody {
	clear: both;
	max-width: 1100px;
	padding: 0 50px;
	margin: 0 auto;
	position: relative;
	color: #fff;
}
.naturebody li {
	padding-right: 200px;
	width: 900px;
	min-height: 200px;
}
.naturebody h4 {
	line-height: 40px;
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 10px;
}
.naturebody p {
	line-height: 26px;
	font-size: 12px;
	height: 70px;
}
.naturebody .contect_us_link {
	clear: both;
	padding-top: 30px;
}
.naturebody .contect_us_link a {
	display: inline-block;
	line-height: 40px;
	padding: 0 30px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	margin-right: 40px;
}
.naturebody .contect_us_link a:hover {
	background: #fff;
	color: #000;
}
/*modtool*/
.modtool {
	position: absolute;
	right: 0;
	top: -20px;
	z-index: 10
}
.modtool span {
	display: inline-block;
	width: 29px;
	height: 29px;
	cursor: pointer;
	margin-right: 10px;
	background: url(img/close_ico.png) no-repeat;
	overflow: hidden;
}
.modtool span.prev {
	background-position: 5px 0;
}
.modtool span.next {
	background-position: -46px 0;
}
.modtool span.closebox {
	background-position: top right;
}
.modtool span.prevStop, .modtool span.nextStop {
	display: none;
}
/*our_services_cate*/
.our_services_cate {
	background: #f1f1f1;
	overflow: hidden;
}
.our_services_cate .innovation_design {
	background: #f1f1f1;
}
.our_services_cate .working_nothing {
	clear: both;
	display: table;
	padding-bottom: 30px;
}
.our_services_cate .working_nothing li {
	display: table-cell;
	width: 25%;
	text-align: center;
}
.our_services_cate .working_nothing li .visitem {
	margin: 20px;
	padding: 30px 20px;
	height: 477px;
	background: #fff;
}
.our_services_cate .working_nothing li strong {
	display: block;
	font-size: 26px;
	padding: 30px 0;
}
.our_services_cate .working_nothing li p {
	line-height: 36px;
	font-size: 14px;
}
/*professional*/
.professional {
	clear: both;
	padding-bottom: 60px;
}
.professional .innovation_design {
	padding: 90px 0 174px;
}
.professional .imageslidebox {
	overflow: hidden;
	position: relative;
}
.professional .imginvaotel {
	text-align: center;
	padding-bottom: 40px;
}
.professional .imginvaotel img {
	display: block;
	height: 307px;
	margin: 0 auto;
	border: 0;
}
.professional .dot_arr {
	clear: both;
	overflow: hidden;
	height: 15px;
	zoom: 1;
	margin-top: 10px;
	zoom: 1;
	text-align: center;
}
.professional .dot_arr span {
	display: inline-block;
	margin: 0 15px;
	width: 11px;
	height: 11px;
	border-radius: 100%;
	border: 2px solid #808080;
	background: #808080;
	cursor: pointer;
}
.professional .dot_arr span.on {
	background: #fff;
	border: 2px solid #808080;
}
/*sayhello*/
.hellokjfk {
	font-size: 24px;
	color: #595656;
	line-height: 150px;
	background: #f1f1f1;
	text-align: center;
}
.sayhello {
	clear: both;
	background: url(img/say_hello.jpg) no-repeat center;
	max-height: 400px;
	overflow: hidden
}
.sayhello a {
	display: block;
	width: 164px;
	height: 45px;
	line-height: 45px;
	margin: 160px auto;
	border-radius: 3px;
	text-align: center;
	border: 2px solid #fff;
	font-size: 28px;
	color: #fff;
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
}
.sayhello a:hover {
	background: #35c9d7;
	border-color: #35c9d7;
}
/*contect_mainbody*/
.contect_mainbody {
	background: #fff;
	padding: 50px 0;
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
}
.contect_mainbody .cc_left {
	float: left;
	width: 50%;
}
.contect_mainbody .cc_left strong {
	display: block;
	font-size: 14px;
}
.contect_mainbody .cc_left h1 {
	font-size: 53px;
	line-height: 90px;
	padding-bottom: 10px;
}
.contect_mainbody .cc_left h4 {
	line-height: 30px;
	font-size: 22px;
	font-weight: normal;
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
}
.contect_mainbody .cc_left h4.jingli {
	color: #23c5c8;
}
.contect_mainbody .cc_left p {
	line-height: 34px;
	font-size: 15px;
}
/*form_right*/
.contect_mainbody .form_right {
	float: right;
	width: 50%;
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
}
.contect_mainbody .form_right h2 {
	font-size: 17px;
	padding-bottom: 20px;
}
.contect_mainbody .form_right li {
	position: relative;
	background: #f1f1f1;
	margin-bottom: 20px;
	padding: 5px 10px;
}
.contect_mainbody .form_right input, .contect_mainbody .form_right textarea {
	display: block;
	background: #f1f1f1;
	width: 100%;
	height: 30px;
	line-height: 30px;
	width: 300px;
	border: 0;
	font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
}
.contect_mainbody .form_right textarea {
	height: 200px;
	width: 100%;
}
.contect_mainbody .form_right .getmsg {
	position: absolute;
	width: 150px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	right: 0;
	bottom: 0;
	background: #adafaf;
	z-index: 100;
	cursor: pointer;
}
.contect_mainbody .form_right .getmsg:hover {
	background: #666;
}
/*other_msg*/
.other_msg {
	clear: both;
	padding-bottom: 60px;
	background: #fff;
}
.mainshell {
	clear: both;
	overflow: hidden;
}
.mainshell li {
	float: left;
	width: 25%;
}
.mainshell li a {
	display: block;
	margin: 0 30px;
	background: url(img/qq_icon.png) no-repeat;
	padding-top: 178px;
	line-height: 32px;
	font-size: 12px;
	text-align: center;
	transition: none
}
.mainshell li a p {
	background: #fff;
}
.mainshell li a.weixin {
	background: url(img/qrcode.png) no-repeat center top;
}
.mainshell li a.maps {
	background-position: 88px 38px;
}
.mainshell li a.maps:hover {
	background-position: 88px -167px;
}
.mainshell li a.qicq {
	background-position: -149px 42px;
}
.mainshell li a.qicq:hover {
	background-position: -149px -163px;
}
.mainshell li a.telus {
	background-position: -409px 38px;
}
.mainshell li a.telus:hover {
	background-position: -409px -167px;
}
/*list_maincell*/
.deepting {
	background: #f1f1f1;
	clear: both;
	overflow: hidden;
}
.list_maincell {
	padding: 40px 0;
}
.list_maincell .side_menu {
	float: left;
	width: 300px;
}
.list_maincell .side_menu li {
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	text-align: center;
}
.list_maincell .side_menu li a {
	display: block;
	border: 1px solid #ccc;
	background: #fff;
}
.list_maincell .side_menu li a:hover {
	color: #35c9d7;
	background-color: #f6f6f6;
}
.list_maincell .side_menu li a.thisnav, .list_maincell .side_menu li a.thisnav:hover {
	background: #35c9d7;
	color: #fff;
	border-color: #35c9d7
}
/*right_list_feild*/
.right_list_feild {
	float: right;
	width: 860px;
	overflow: hidden;
}
.right_list_feild li {
	display: block;
	background: #fff;
	position: relative;
	margin-bottom: 30px;
}
.right_list_feild li span {
	display: block;
	position: absolute;
	left: 0;
	top: 25px;
	z-index: 20;
	background: url(img/titbg.png) no-repeat;
	width: 73px;
	height: 25px;
	line-height: 25px;
	text-indent: 10px;
	color: #fff;
	font-size: 12px;
}
.right_list_feild li .tupian {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.right_list_feild li .tupian img {
	display: block;
	width: 100%;
	height: auto;
	border: 0;
}
.right_list_feild li .title_size {
	padding: 20px 30px;
}
.right_list_feild li .title_size h3 {
	font-size: 23px;
	font-weight: normal;
	line-height: 30px;
}
.right_list_feild li .title_size h3 a:hover {
	color: #35c9d7;
}
.right_list_feild li .title_size p {
	font-size: 12px;
	padding-top: 10px;
	line-height: 22px;
}
/*show_page*/
.show_page {
	font-size: 14px;
	text-align: center;
	padding: 10px 0 40px;
	letter-spacing: 1px
}
/*article*/
.article {
	padding: 40px 10px;
}
.article h1 {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
}
.article .vcation {
	padding-top: 15px;
	font-size: 14px;
}
.article .vcation span {
	padding-right: 30px;
}
.article .vcation span a {
	margin: 0 5px;
}
.article .bdsharebuttonbox {
	float: right;
	margin-top: -3px;
}
.article .bdsharebuttonbox .tname {
	background: none;
	margin-left: 0!important;
	text-indent: 0;
	width: auto;
	color: #000;
}
.bdshare-button-style1-32 a {
	margin: 0 10px 0!important;
}
.article .contentarea, .content_design_show {
	line-height: 28px;
	font-size: 14px;
	padding: 70px 0;
	color: #595757;
}
.article .contentarea p, .article .contentarea div, .content_design_show p, .content_design_show div {
	margin-bottom: 10px;
}
.content_design_show img, .article .contentarea img {
	max-width: 100%;
	height: auto;
}
/*thinks*/
.thinks {
	clear: both;
	padding: 0 0;
}
.thinks .lookmoredc {
	display: block;
	background: #1d2024;
	color: #fff;
	padding: 10px 0;
	width: 280px;
	margin-right: 15px;
	text-align: center;
	float: right;
	clear: both;
}
.thinks .lookmoredc:hover {
	background: #35c9d7;
	color: #fff;
}
.thinks .indexmorecase {
	display: block;
	background: none;
	color: #000;
	padding: 10px 0;
	width: 180px;
	text-align: center;
	float: right;
	clear: both;
	margin-right: 15px;
	text-align: right;
}
.thinks .indexmorecase:hover {
	background: #000;
	color: #fff;
}
/*case_menu*/
.case_menu {
	clear: both;
	margin: 0 0 30px 15px;
}
.case_menu a {
	display: inline-block;
	font-size: 16px;
	margin-right: 20px;
}
.case_menu a.this_on {
	color: #35c9d7;
}
.baseinfo {
	clear: both;
	overflow: hidden;
}
.baseinfo .vcation {
	font-size: 16px;
	line-height: 30px;
}
.baseinfo .bdsharebuttonbox {
	float: none;
	margin-top: 50px;
}
.baseinfo .descriptions {
	float: right;
	width: 680px;
	line-height: 22px;
	font-size: 13px;
}
.content_design_show {
	padding: 70px 0 0;
}

/* location */
.location{line-height:30px;font-size: 14px;padding: 10px 0px 10px 10px;}

/*job detail*/
.job_detail {
	background:#fff;
	padding: 30px 10px;
	line-height: 35px;
	margin-bottom: 10px;
	font-size:14px;
}
.job_detail label {
	font-weight: 900;
}

.job_detail .m-title {
  position: relative;
  line-height: 20px;
	border-left: solid 2px #FACE03;
	padding: 5px 10px;
	margin-bottom: 10px;
}

.job_detail .m-title i {
  float: left;
  display: inline-block;
  width: 6px;
  height: 14px;
  background-color: #06c962;
  margin-top: 2px;
  margin-right: 10px;
}

.job_detail .m-title h3 {
  font: 400 20px/1em 'hiragino sans gb', 'microsoft yahei';
  color: #4b4b4b;
  height: 1em;
}
.job_detail .m-title .h-bottom {
    position: absolute;
    width: 35px;
    height: 3px;
    background-color: #e6e6e6;
    bottom: 0;
    left: 0;
}
.job_detail .tit {
	/*padding: 15px 0px;*/
	position: relative;
}
.job_detail .tit .share{
	position: absolute;
	right: 10px;top: 10px;
}
.job_detail .tit h3 {
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.job_detail .tit  .money{
	color:#f00;
	float: right;;
}
.job_detail .tit .tj { padding: 1px 5px;color:#fff;background:#30C560;font-size:18px;}
.job_detail .tit .hots { padding: 1px 5px;color:#fff;background:#F00;font-size:18px;}
.job_detail .tit .ismy { padding: 1px 5px;color:#fff;background:#F4C20B;font-size:18px;}


.job_detail .attr {
	color:#666;
}
.job_detail .attr span{
	margin-right: 20px;
}
.job_detail .attr .ticket span{
	background: #efefef;border-radius: 5px; padding: 3px 8px;font-size:12px;
}
.job_detail .txt p {
	font-size: 12px;
	color: #838484
}
.job_detail .report{
	text-align: right;
}

.job_detail .member .photo{
	float: left;
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius:20px;
	border: solid 1px #f0c040;
	margin-right: 10px;
}

.job_msg {
	background:#fff;
	padding: 10px 10px;
	line-height: 25px;
	margin: 10px 0px;
}

.job_msg .tit{
	font-size:16px;
	padding: 10px 0;
}
.job_msg .msg_list li{padding:10px 0;border-bottom:dashed 1px #ccc;}
.job_msg .photo{
	float: left;
	text-align: center;
	width: 100px;
}
.job_msg .photo img{
	width: 40px;height: 40px;border-radius:20px;
}
.job_msg .content{width: 80%;float: left;line-height:20px;}
.job_msg .content label{color: #999;}
.job_msg .reply{padding:10px;border:solid 1px #DCE4E6;background: #FAFAFA;margin-top: 10px;line-height: 25px;}
.job_msg .reply dd{float: right;}




.job_msg .msg_reply .textarea{border:solid 1px #DCE4E6;border-radius:5px; width: 100%;}
.job_msg .msg_reply .btn{float: right;}
 .btn{border:solid 1px #FACE03;border-radius:5px;padding: 10px 20px;cursor:pointer;margin: 10px auto;background: #FACE03;}
 .btn:hover{background:#FAB21F !important; color:#FFFFFF !important;}

/* 表单及表单元素 */
.hui-form{background:#FFFFFF;}
.hui-form-items{padding:15px 10px; border-bottom:1px solid #F3F4F5; position:relative; display:-webkit-flex; display:flex;line-height: 22px;}
.hui-form-items-title{width:22%; line-height:38px; height:38px; flex-shrink:0;font-size: 16px;}
.hui-form-items .hui-input{width:100%; }
.hui-form-items .hui-form-radios{width:75% !important; padding:0px !important;}
.hui-form-items .hui-form-textarea{width:75% !important;}
.hui-form-items:last-child{border:none;}
.hui-input{height:22px; line-height:22px; border:solid 1px #DCE4E6; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0;  background:#FFF; width:100%; display:block; padding:8px 10px;}
#hui-input-clear{width:52px; height:52px; position:absolute; z-index:1; line-height:52px; text-align:center; right:0px; top:0px; color:#999999; background:#FFF;}
#hui-input-clear:before{font-family:"hui-font" !important; content:"\e6a0"; font-size:18px;}
.hui-pwd-eyes{width:52px; height:52px; background:#FFFFFF; position:absolute; z-index:1; text-align:center; line-height:52px; right:0px; top:0px; color:#999999;}
.hui-pwd-eyes:before{font-family:"hui-font"; content:"\e63d"; font-size:12px;}
.hui-pwd-eyes-sed{color:#3388FF !important;}
.hui-form-radios {line-height:22px;}
/* select */
.hui-form-select{padding: 5px 0px;}
.hui-form-select select{border:none; padding:6px 22px 6px 6px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAXCAYAAACMLIalAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAFHSURBVEiJ7dY/SgNREMfx7wQrlSBLCo+RNMFY5Qapts4FFK0ClrmGNoEEcoGcQT2A5AQKVmqRRlTGwp8SdNk/8a27hQMPdmffzPvs48GuuTt1i0bVgKT4R+WNhpmNzSz+bSMzi81sHAJlwD3wBBy6+8OGoAi4BPbcfT8ErAc8AgvA3J0iQy+2UI9e0frEnmo8ABwYbYAaqXYQAvSFUvML4A3oFwD1VXMeCvQdtQNcAbdAlAMUAXeq2S4FpYXaOhvzHKi55rZDgn6gtNhQZ+QkBXSqOcPQoESUFp0AL0A34VkXeAUmZYDSUE1gCdwArbV8S7kl0PxTlAAd7dZ0LTdVrlMWKBUlxJHOTqzhwHGZoEyUYDPgWWNWNsjdPz4raWFmu8C1bg/cfZVaECC2sia4+8rMzj6vywYB2TtVRdTzJ69qQFLUEvUOCvU4pv7sx1oAAAAASUVORK5CYII=") no-repeat right center #fff; background-size:auto 40%; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:1px;width: 100%; border:solid 1px #DCE4E6;}
.hui-form-select select:before{font-family:"hui-font"; content:"\e63d"; font-size:12px;}
/* textarea */
.hui-form-textarea{padding-top:5px;}
.hui-form-textarea textarea{width:100%; background:#FAFAFA; border:solid 1px #DCE4E6;padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/* 按钮 */
.hui-button{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:3px; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; font-size:15px; height:42px; line-height:42px; outline:0; overflow: hidden; position:relative; text-align:center; color:#09F; background-color:#F6F8F9; /*box-shadow:0 0 1px #09F*/; padding:0px 16px;}
.hui-button *{color:inherit;}
.hui-button:hover{background:#face03 !important; color:#FFFFFF !important;}
.hui-button-large{width:100%;}
.hui-primary{background:#face03 !important; color:#FFFFFF !important;}
.hui-primary:active{background:#face03 !important;}
.hui-danger{background:#EF4F4F !important; color:#FFFFFF !important;}
.hui-danger:active{background:#FF0000 !important;}
.hui-button-small{height:30px; line-height:30px; padding:0px 15px; text-align:center; font-size:14px; border-radius:3px; width:80px;}

/*.login-warp{background:url(img/logo_bg.jpg) no-repeat center;}*/
.regk {width: 100%;padding-top: 10%;padding-bottom: 10%;}
.regk .title { line-height: 40px;font-size: 28px;text-align: center;padding: 50px 0px 0px;}
.regk .title  h3{ font-size:24px;}
.regk .hui-form { width:50%;margin: auto;border-radius:10px;padding: 10px;}

.regk .goreg{width:50%;float: left;}
.regk .forget{width:50%;float: right;text-align: right;}
.regk .forget a{color: #face03;}

.member-content{padding: 20px 0 30px 0;}

.member_menu{line-height: 30px;padding: 10px 0px;width: 15%;float: left;background: #fff;}
.member_menu li{
    /*-moz-box-shadow:1px 1px 3px #A1A1A1;*/
    /*-webkit-box-shadow:1px 1px 3px #A1A1A1;*/
    /*box-shadow:1px 1px 3px #A1A1A1;*/
    padding: 10px 20px;
	text-align: center;
}
.member_menu img{width: 20px;vertical-align: middle;}
.member_menu a{border:solid 1px #fff;border-radius:1px;font-size:14px;padding-left: 10px;}
.member_menu a.on{font-weight: 900;color: #FAB21F}


.member_photo{width:100%;background: #fff;text-align: center;}
.member_photo img{width: 100px;height: 100px;border-radius: 100px;border:solid 1px #FAB21F;}
.modify_info{color: #2975E6;}

.member_info{line-height:25px;}
.member_info .tit{border-bottom:solid 1px #666;padding: 5px 0px;font-size:16px;font-weight: 900;}
.member_info .tit a{color:#FAB21F;float: right;}
.member_info .con{padding-bottom: 10px;padding-top: 5px;}
.member_info .con p{background: #efefef;}
.member_info .topdays{border:none;background:#fff5d4;color:#333333;display: inline-block;border-bottom: solid 1px #333333;width: 50px;text-align: center;}


.member_info .cert_list .imgs{float: left;margin-right: 20px;}

.member_body{background: #fff;line-height: 25px;padding: 10px;margin:10px auto;width: 80%;float: right;}
.member_body label{font-weight: 900;padding: 10px 0;margin:10px 0px;}
.member_body .hui-input{height: 20px;line-height: 20px;margin-bottom: 10px;padding: 5px 3px;margin-top:5px;}
.member_body .joblist{line-height: 30px;}


.member_body .title{border-bottom: solid 1px #FAB21F;padding: 10px;}


.member_body .joblist .nav{padding: 5px; }
.member_body .joblist .nav a{float: right; }
.member_body .joblist .hd{border-bottom: solid 1px #efefef;padding: 10px; }
.member_body .joblist .bd{padding: 5px; }
.member_body .joblist .bd li{border-bottom: dashed 1px #DCE4E6;line-height: 30px;padding: 10px;}
.member_body .joblist .bd li:hover{background:#F9F9F9;}



.detail{float: right;color:#999;}

.member_body .joblist .bd h3{float: left;}
/*.member_body .joblist .bd h3 a{font-size:16px;}*/
.member_body .joblist .bd .tit {line-height: 20px;}
.member_body .joblist .bd .tit span{float: right;color: #f00;}
.member_body .joblist .bd .tit span.tj{padding: 1px 8px;color:#fff;background:#30C560;font-size:12px;float: left;margin-right: 5px;}
.member_body .joblist .bd .tit span.hots{padding: 1px 8px;color:#fff;background:#F00;font-size:12px;float: left;margin-right: 5px;}
.member_body .joblist .bd .tit span.ismy{padding: 1px 8px;color:#fff;background:#F4C20B;font-size:12px;float: left;margin-right: 5px;}
.member_body .joblist .bd .tit span.istop{padding: 1px 8px;color:#fff;background:#F00;font-size:12px;float: left;margin-right: 5px;}



.member_body .joblist .bd .con{margin-top: 10px;text-align: right;}
.member_body .joblist .bd .con label{background: #efefef;margin:0 5px;padding: 1px 8px;float: left;font-weight: 100;line-height: 16px;font-size:12px;}
.member_body .joblist .bd .con span{float: left;}
.member_body .joblist .bd .con span.audit{border:none;border-radius: 2px;padding:3px 10px;font-size: 14px;}
.member_body .joblist .bd .con span.txt{border:none;float: left;color:#666;}



.member_body .joblist .bd .con dd{float: right;}
.member_body .joblist .bd .con dd a{color:#61ABE0}
.member_body .joblist .bd .con dd a:hover{color:#FAB21F}



.product-content{border: solid 1px #ccc;border-radius: 20px;margin: 20px;position: relative;}
.product-content .sell{position: absolute;left: -40px;top:-30px;}
.product-content .text{margin-top: 30px;text-align: center;line-height: 30px;}
.product-content .text .t1{font-size:20px;color: #f0c040;}
.product-content .product-list{margin-top: 30px;}
.product-content .product-list li{width: 25%;float: left; border-top:solid 1px #efefef;border-right:solid 1px #efefef;border-bottom:none;text-align: center;padding: 10px 0;box-sizing:border-box}

.product-content .product-list h3{font-size:18px;float: none;}
.product-content .product-list li .m{font-size:26px;color: #FAB21F;line-height: 30px;}
.product-content .product-list li .b{background: #FAB21F;border-radius: 10px;color: #fff;padding: 3px 5px;}

.product-content .product-list a:last-child li{border-right: none;}

.member_body .joblist .bd.order .pd1{width: 10%;float: left;border: solid 1px #EFEFEF;text-align: center;padding: 10px;}
.member_body .joblist .bd.order .pd2{width: 50%;float: left;padding-left: 20px;}
.member_body .joblist .bd.order .pd3{float: right;}
.member_body .joblist .bd.order .pd1 h3{font-size:16px;float: none;}
.member_body .joblist .bd.order .pd1 .m{font-size:16px;color: #FAB21F;padding-top: 10px;}

.member-checkbox{width: 22px;height: 32px;border: solid 1px #ccc; float:left;-webkit-appearance:none;-webkit-appearance: checkbox;line-height: 30px;margin-right: 10px;vertical-align: middle;}

.arrive_read{cursor:pointer;border: solid 1px #eee;padding:3px 10px;background: #efefef;border-radius: 10px;line-height: 20px;float: right;margin-top: 10px;margin-right: 10px;}


/*.member_body .input-group:after{clear: both;content: ""}*/
/*.member_body .input-group label{width:20%;float: left;}*/
/*.member_body .input-group .input{width:80%;float: left;}*/
/*.member_body .input-group .input input{padding:5px 0px;}*/

.jobmsglist  li{border-bottom: dashed 1px #DCE4E6;line-height: 30px;padding: 10px;}
.jobmsglist  li:hover{background:#efefef;}
.jobmsglist  li dd{float: right;}
.jobmsglist  li .c-red{color:#FAB21F;}
.jobmsglist  .reply{background:#F0F0F0;padding:5px;}

.jobmsglist .photo{width: 30px;height: 30px;border-radius: 15px;vertical-align: middle;}

.member_realname{line-height:30px;}
.member_realname .hui-button{margin:20px 0px;}


.member_notice{line-height: 25px;}
.member_notice .tit{line-height: 35px;font-size:16px;}

.f-weight{font-weight: bold;}



/*首页Banner显示*/
.wap-banner{display: none;}


/*弹出层显示*/
.city-box{line-height: 30px;padding:10px;}
.city-name{margin-top: 20px;}
.city-box a{margin-right: 20px;padding:5px 10px;cursor:pointer;border: solid 1px #ccc;margin-top: 20px;}
.city-box  .category a{border:none;display: block;float: left;margin-top:10px;}

.wap_menu{display: none;}