@charset "utf-8";li,textarea{vertical-align:top;}
article,aside,body,details,figcaption,figure,footer,header,hgroup,html,iframe,menu,nav,section{display:block}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
audio,canvas,video{display:inline-block;}
body,button,input,select,textarea{font:12px/1.5 'helvetica neue',tahoma,'PingFang SC','microsoft yahei',arial,'hiragino sans gb',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:1em}
a:active{background-color:transparent}
a:active,a:hover,a:link,a:visited{outline:0}
b,cite,code,em,i,small,th{font-size:1em;font-style:normal;font-weight:500}
button,input,select,textarea{font-size:1em;box-sizing:content-box}
button,input[type=button],input[type=submit]{cursor:pointer}
button[disabled],input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto}
table{border-collapse:collapse;border-spacing:0}
fieldset,iframe,img{border:0}
img{display:inline-block;vertical-align:bottom;-ms-interpolation-mode:bicubic}
ol,ul,li{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select,textarea{vertical-align:middle;outline:0;-moz-outline:none;padding:0}
input[type=submit]{border:none;background:0 0;cursor:pointer;outline:0;-moz-outline:none}
q:after,q:before{content:''}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;font-size:0;visibility:hidden}
.clearfix{zoom:1}
.clear{clear: both;height:0; overflow:hidden;}


body,html{color: #383838;overflow-x: hidden;font-family: "微软雅黑";max-width: 1125px;width:64%;height: 100%;margin: 0 auto;position: relative;}
@media screen and (max-width: 2000px){ 
	
	body,html{color: #383838;overflow-x: hidden;font-family: "微软雅黑";max-width: 1125px;width:64%;height: 100%;margin: 0 auto;position: relative;}
	
	
}

@media screen and (max-width: 1000px){ 
	
	body,html{color: #383838;overflow-x: hidden;font-family: "微软雅黑";max-width: 1125px;width:100%;height: 100%;margin: 0 auto;position: relative;}
	
	
}


a{text-decoration: none;}
input,button{outline: none;}

.main img{width:100%;height: auto;}
.in_swiper {width: 80%;margin: 8% auto 0 auto;}
.in_swiper .logo{text-align: center;}
.in_swiper .logo img{width: 80%;}
.in_swiper .login{width: 100%;}
.in_swiper .login ul li{width: 88%;margin: 0 auto;background: #f2f8ff;border:1px solid #94bfff;height: 50px;line-height: 50px;border-radius: 30px;padding: 0 6%;margin-top: 30px;}
.in_swiper .login ul li img{width: 7%; vertical-align: middle; margin-top: -3px;}
.in_swiper .login ul li input{height: 38px;font-size: 14px;width: 80%;border: none;background: #f2f8ff;margin-top: -3px;color: #999999;padding: 0 4%;}
.in_swiper .login button{background: url(../images/loginBg.png)no-repeat center;background-size: 100% 100%;width: 100%;height: 50px;border:none;margin-top: 30px;font-size: 16px;color: #FFFFFF;padding-bottom: 6%;}
footer{position: fixed;bottom: 0;text-align: center;width: 100%;font-size: 14px;color: #999999;padding: 1% 0;background: #FFFFFF;left: 0;right: 0;}
footer a{color: #999999;}
.height65{height: 65px;}
.logintop img{width: 100%;}
.no_swiper{width: 80%;margin: 0 auto;left: 0;right: 0;}
.no_swiper .no_swiper_title{border-bottom: 2px dashed #eeeeee;}
.no_swiper .no_swiper_title p{background: url(../images/loginIcon.png)no-repeat left;font-size: 16px;color: #0668fa;background-size: contain;padding-left:12%;margin: 5% 0;}
.no_swiper .no_swiper_content{padding: 5% 0;}
.no_swiper .no_swiper_content p{font-size: 14px;color: #999999;text-align: justify;line-height: 24px;}
.no_swiper .no_swiper_contact p{font-size: 16px;color: #3399ff;}
.no_swiper .no_swiper_contact p span{font-weight: bold;color: #ff9900;}

.no_swiper .result_swiper_title,.no_swiper .result_swiper_company{border-bottom: 1px solid #eeeeee;}
.no_swiper .result_swiper_title p{background: url(../images/searchIcon.png)no-repeat left;background-size: contain;padding-left:12%;}
.no_swiper .result_swiper_company p{background: url(../images/searchIcon2.png)no-repeat left;background-size: contain;padding-left:14%;}

.queryImg img{width: 100%;}
.query_swiper{width: 80%;margin: 0 auto;left: 0;right: 0;}
.query_swiper input{width: 100%;height: 50px;text-align: center;border-radius: 10px;background: #f2f2fc;color: #bbbaba;border: none ;font-size: 14px;margin-top: 0px;}
.query_swiper input::-webkit-input-placeholder { color: #bbbaba; }
.query_swiper input::-moz-input-placeholder { color: #bbbaba; }
.query_swiper input::-ms-input-placeholder { color: #bbbaba; }
.query_swiper button{width: 100%;height: 50px;border-radius: 10px;border: none;font-size: 16px;color: #ffffff;margin-top: 34px;}
.query_swiper button.btn1{background: url(../images/queryBg.png)no-repeat center;background-size: 100% 100%;}
.query_swiper button.btn2{background: url(../images/queryBg2.png)no-repeat center;background-size: 100% 100%;}

.container.HOkrTree { width: 90%; overflow-x: scroll; -webkit-overflow-scrolling: touch; min-height: 260px;margin: 0 auto;}
.container>.node-cell>.node-parent .item-template{background:#ff9e12!important; }
.container>.node-cell>.node-childrens>.node-cell .item-template{background: #3399ff!important;}
.container>.node-cell>.node-childrens>.node-cell>.node-childrens .item-template{background: #ff3300!important;}
.container>.node-cell>.node-childrens>.node-cell>.node-childrens>.node-cell>.node-childrens .item-template{background: #ccdd9d!important;}
.container>.node-cell>.node-childrens>.node-cell>.node-childrens>.node-cell>.node-childrens>.node-cell>.node-childrens .item-template{background: #0bddd6!important;}
.container>.node-cell>.node-childrens>.node-cell>.node-childrens>.node-cell>.node-childrens>.node-cell>.node-childrens>.node-cell>.node-childrens .item-template{background: #fca3d5!important;}

.result_swiper_title p,.no_swiper_title p{float: left}
.result_swiper_title span,.no_swiper_title span{float: right;font-size: 14px;display: inline-block;margin: 5% 0;}
.result_swiper_title span a,.no_swiper_title span a{color: #999999;}

.admin{width: 80%;margin: -30px auto 0 auto;left: 0;right: 0;position: relative;}
.admin span{padding-left: 9%;display: inline-block;color: #ffffff;font-size: 13px;}
.admin span a{color: #ffffff;}
.admin span.admincompany{float: left;background: url(../images/companyIcon.png)no-repeat left;background-size: contain;}
.admin span.signout{float: right;background: url(../images/singoutIcon.png)no-repeat left;background-size: contain;}
.item {
		width: 100%;
		height: 46px;
		margin: 60px auto 30px auto;
	}
@media only screen and (min-width: 320px) and (max-width: 360px) {
	.in_swiper .login ul li{height: 40px;line-height: 40px;margin-top: 22px;}
	.query_swiper input{margin-top: 0px;height: 40px;font-size: 12px;}
	.query_swiper button{margin-top: 20px;height: 40px;font-size: 12px;}
	.no_swiper .no_swiper_contact p,footer{font-size: 12px;}
	.item{margin:40px auto 22px auto;height: 40px!important;}
	.filter-text .filter-title{height: 40px!important;line-height: 40px!important;}
	.icon-filter-arrow{top: 18px!important;}
}
@media only screen and (min-width: 361px) and (max-width: 375px) {
	.no_swiper .no_swiper_contact p{font-size: 15px;}
	.query_swiper input{margin-top: 0px;height: 40px;}
	.query_swiper button{margin-top: 30px;}
	.item{margin:40px auto 30px auto;height: 40px;}
	.filter-text .filter-title{height: 40px;line-height: 40px;}
}
@media only screen and (min-width: 376px) and (max-width: 414px) {
	.query_swiper input{margin-top: 0px;}
	.query_swiper button{margin-top: 30px;}
}

@media only screen and (min-width: 600px) and (max-width: 900px){
	.in_swiper .login ul li img{width: 4%;}
	.in_swiper{width: 60%;}
}
@media only screen and (min-width: 900px) and (max-width: 1024px){
	.in_swiper .login ul li img{width: 4%;}
	.in_swiper{width: 60%;}
}