@charset "utf-8";
.input_ctn_box
{
	position: relative;
}
.placeholder {position: absolute;top: 10px;left: 10px;z-index: 10;color: #888;font-size: 14px;}
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input{   background:none;outline:none;border:0px;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #444;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
/*body{line-height:1.6}*/
h1,h2,h3,h4,h5,h6{font-size:100% ; font-weight:normal;}
dd{margin: 0;padding: 0;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
/*a:hover{text-decoration:underline;outline:none}*/
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*IE下a:hover 背景闪烁*/
html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*表单*/
.input-text,
.textarea{box-sizing:border-box;border:solid 1px #ddd;width:100%;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
.textarea{ height:100px;resize:none;font-size:14px; padding:4px}
.textarea-numberbar{ position:absolute; right:20px;bottom:5px;z-index:1;  margin-bottom:0}
.textarea-length{ font-style:normal}
.select{border:solid 1px #ddd;padding-right: 14px;
	-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;
	text-align: center; appearance: none; -moz-appearance: none; -webkit-appearance: none;outline-color: transparent;
	background: url(/img/arrow.png) no-repeat scroll right center transparent;}
.input-text:hover,
.select:hover,
.textarea:hover{border: solid 1px #3bb4f2}
/*得到焦点后*/
.input-text.focus,
.textarea.focus{border:solid 1px #0f9ae0 \9;border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
/*不可点击*/
.input-text.disabled
,.textarea.disabled,
.input-text.disabled.focus,
.textarea.disabled.focus{background-color:#ededed; cursor:default;border-color: #ddd;-webkit-box-shadow:inset 0 2px 2px #e8e7e7;-moz-box-shadow:inset 0 2px 2px #e8e7e7;box-shadow:inset 0 2px 2px #e8e7e7}
/*只读状态*/
.input-text.disabled,
.textarea.disabled{background-color:#e6e6e6; cursor:default}
/*阴影*/
.input-text.box-shadow,
.textarea.box-shadow{-ms-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
/*行内元素*/
.input-text.inline{ display:inline-block; width:auto}

/*3.1.15 文字颜色
	Name:			style_color
	Example:		class="c-primary|c-sub|c-success|c-danger|c-warning|c-333|c-666|c-999|c-red|c-green|c-blue|c-white|c-black|c-orange"
	Explain:		主要颜色|次主色|强调色—成功|强调色—危险|强调色—警告色|强调色—错误色|次主色—浅黑|辅助色—灰色|标准色—红色|标准色—绿色|标准色—蓝色|标准色—白色|标准色—黑色|标准色—橙色
*/
/*全局默认链接颜色*/
/*body{background-color:#fff; color:#333}
.bg-fff{ background-color:#fff}*/
a{color:#333}
/*a:hover,.active a{color:#06c}*/
select::-ms-expand { display: none; }
select{
  appearance:none;
 -moz-appearance:none;
 -webkit-appearance:none;
}

input,button,select,textarea{outline:none}
textarea{resize:none}
/*清除默认样式*/
/*主要颜色*/
.c-primary,.c-primary a,a.c-primary{color:#5a98de}
.c-primary a:hover,a.c-primary:hover{ color:#5a98de}
/*次主色*/
.c-secondary,.c-secondary a,a.c-secondary{color:#555}
.c-secondary a:hover,a.c-secondary:hover{ color:#555}

/*强调色—成功*/
.c-success,.c-success a,a.c-success{color:#5eb95e}
.c-success a:hover,a.c-success:hover{ color:#5eb95e}

/*强调色—危险*/
.c-danger,.c-danger a,a.c-danger{color:#dd514c}
.c-danger a:hover,a.c-danger:hover{ color:#dd514c}

/*强调色—警告*/
.c-warning,.c-warning a,a.c-warning{color:#f37b1d}
.c-warning a:hover,a.c-warning:hover{ color:#f37b1d}

/*强调色—错误*/
.c-error,.c-error a,a.c-error{color:#c00}
.c-error a:hover,a.c-error:hover{ color:#c00}

/*辅助色—浅黑*/
.c-333,.c-333 a,a.c-333{color:#333}
.c-333 a:hover,a.c-333:hover{ color:#333}

/*辅助色—灰色*/
.c-666,.c-666 a,a.c-666{color:#666}
.c-666 a:hover,a.c-666:hover{ color:#666}
.c-999,.c-999 a,a.c-999{color:#999}
.c-999 a:hover,a.c-999:hover{color:#999}

/*标准色—红色*/
.c-red,.c-red a,a.c-red{color:red}
.c-red a:hover,a.c-red:hover{ color:red}
/*标准色—绿色*/
.c-green,.c-green a,a.c-green{color:green}
.c-red a:hover,a.c-red:hover{color:#dc1818}
/*标准色—蓝色*/
.c-blue,.c-blue a,a.c-blue{color:blue}
.c-blue a:hover,a.c-blue:hover{color:blue}
/*标准色—白色*/
.c-white,.c-white a,a.c-white{color:white}
.c-white a:hover,a.c-white:hover{color:white}
/*标准色—黑色*/
.c-black,.c-black a{color:black}
.c-black a:hover,a.c-black:hover{color:black}
/*标准色—橙色*/
.c-orange,.c-orange a,a.c-orange{color:orange}
.c-orange a:hover,a.c-orange:hover{color:orange}


/*3.1.8 外边距
	Name:			style_margin
	Example:		class="mt-5|mt-10..."
	Explain:		.mt表示上边距|.mb表示下边距|.ml表示左边距|.mr表示右边距
*/
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}
/*3.1.9 内填充
	Name:			style_padding
	Example:		class="pt-5|pt-10|……"
	Explain:		.pt表示上填充|.pb表示下填充|.pl表示左填充|.pr表示右填充
*/
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-25{padding:25px}.pd-30{padding:30px}.pd-40{padding:40px}

/*元素类型转换*/
.di-ib{display: inline-block;}
.di-b{display: block;}
.di-i{display: inline}


/*尾部的公用样式*/
footer{background-color: #444;font-size: 14px;font-weight: 500;color: #fff;}
.fo-section{width: 1200px;padding-top: 34px;margin: auto;overflow: hidden;}
.fo-section > dt{float: left;width: 50%;}
.fo-section > dd{float: right;width: 50%;text-align: right;}
.fo-flink{padding-top:22px;height: 38px;}
.fo-flink > li{float: left;padding-right: 10px;}
.fo-flink > li > a {display: inline-block;padding-right:10px;color: #fff;}
.fo-heatray{color:#888888;padding: 20px 0;}
.fo-msg{font-size:26px;height: 50px;letter-spacing: 2px;}
.fo-column{height: 123px; padding-bottom: 32px;}
.fo-column > dt{float: left;padding-top: 40px;padding-left: 50px;}
.fo-loginBar{float: left;padding-left: 20px;}
.fo-loginBar > a{display: inline-block;color:#fff;}
.fo-loginBar > span{display: inline-block;padding:0 10px;}
.fo-attention{float: left;padding-left: 20px;font-size: 16px;}
.fo-column > dd{float: right;}
.fo-arrows{margin-right:10px;}
.honor_box_big{padding: 30px 0 20px 0;background-color: #333333;}
.honor_box_big> p{ text-align: center;color:#959595; margin-bottom: 10px;}
.honor_box {width: 830px;margin: auto;}
.honor_box > li{display: inline-block; font-size: 12px;color: #666; margin:4px 12px;}
.honor_box > .honor4{margin-left: 44px;}

/*//开关按钮*/
.toggle-button-wrapper{height: 30px;position:relative;}
.toggle-button{opacity:0;filter:alpha(opacity=0);position:absolute;z-index:3;height: 30px;width: 80px;}
.button-label{position: relative;display: inline-block;width: 80px;height: 26px;
background-color: #ccc; box-shadow: #ccc 0px 0px 0px 2px;border-radius: 26px;overflow: hidden;}
.circle{position: absolute;top: 0;left: 0;width: 26px; height: 26px; border-radius: 50%;background-color: #fff; }
.button-label .text { line-height: 26px;font-size: 14px;text-shadow: 0 0 2px #ddd;}
.on { color: #fff; display: none; }
.off { color: #fff; display: inline-block; text-indent: 34px;}
.button-label .circle{ left: 0;transition: all 0.3s;}
.toggle-button:checked + label.button-label .circle{left: 54px;}
.toggle-button:checked + label.button-label .on{ display: inline-block; }
.oggle-button:checked + label.button-label .off{ display: none; }
/*.toggle-button:checked + label.button-label{background-color: #51ccee;}*/
.toggle-button:checked + label.button-label{background-color: #5bb87f;}
/*//勾选框*/
.checkbox-group{}
.checkbox-inp{display:none;opacity:0;}
.checkbox-label{line-height: 18px; position: relative; display: -webkit-box;display: -webkit-flex;display: 
	-ms-flexbox;display: flex;cursor: pointer;-webkit-box-align: center;-webkit-align-items: center; 
	-ms-flex-align: center;align-items: center;}
.checkbox-label:before {display: inline-block;width: 18px;height: 18px;margin-right: 10px;border: 1px solid #666;border-radius: 3px; content: ''; color: #fff;
background-color: #f3f6f8;line-height: 20px;font-size:16px;text-align: center}
.checkbox-inp:checked+.checkbox-label:before{ content:'\2713';color:#fff;background-color: #31b968;border-color: #31b968;margin-top: 0;line-height: 23px;}

.baiImg{width: 100%;height: 100%;}
.p-t20{padding-top: 20px;}
/*表单的正确和错误的状态*/
.icon-start{display: inline-block;width: 20px;height: 20px;border-radius: 50%;line-height: 20px;font-weight: 900px;font-size: 12px;text-align: center;color: #fff;}
.cor-start{background-color: #33cb30;transform:rotate(7deg);-ms-transform:rotate(10deg); -moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); -o-transform:rotate(10deg); }
.err-start{background-color: #e92a39;}
/*头部样式*/
/* 导航 */
.logo{
	float: left;
	margin-top: 10px;
	margin-right: 30px;
}
.header{
	width: 100%;
	height: 76px;
	box-shadow: 0 0 5px 2px #e9e9e9;
}
.header > nav{
	width: 1200px;
	margin: auto;
	overflow: hidden;
}
.header > nav > ul{
	float:left;
}
.header > nav > ul > li {
	float:left;
}
.header > nav > ul > li > a{
	display: block;
	padding: 0 30px;
	height: 76px;
	line-height: 76px;
	font-size: 14px;
	color: #333;
	text-align: center;
}
.header > nav > ul > li > a:hover{
	background-color: #15a29d;
	color: #fff;
}
/*搜索登录*/
.Search_Login_box{
	float: right;
}
.Login_box{
	float: right;
	height: 76px;
}
.Login_box > a{
	padding: 0 5px;
	line-height: 76px;
}
.Login_box > a:nth-child(1){
	border-right: 1px solid #c4c4c4;
}
.Search_box{
	float: right;
	width: 228px;
	margin-top: 24px;
	overflow: hidden;
	margin-right: 20px;
}
.Search_input_box{
	float: left;

}
.Search_input_box > input{
	width: 154px;
	height: 28px;
	border: 1px solid #cdcdcd;
	padding-left:20px;
}
.Search_btn{
	float: left;
	display: block;
	width: 49px;
	height: 28px;
	background-color: #18a8a3;
	background-image: url(../img/Home/Search.png);
	background-repeat: no-repeat;
	background-position: center center;
	
}













/*尾部样式*/
footer{
	width: 100%;
	height: 210px;
	background-color: #2c2c2c;
}
.footer_ctn_box{
	width: 1080px;
	margin: auto;
}
.footer_ctn_txt{
	float: left;
	font-size: 12px;
	color: #fff;
	margin-top: 90px;
	text-transform : uppercase;
	letter-spacing: 3px;
}














/*页码*/
.PageNum {
	margin-top: 20px;
	/*margin: 30px auto 0;*/
/*    padding: 30px 0 50px 0;*/
    text-align: center;
    overflow: hidden;
}
.PageNum > a {
	display: inline-block;
    padding: 12px 16px;
    font-size: 14px;
    color: #444;
    border: 1px solid #c8c8c8;
    margin-right: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 6px;
}
.PageNum a:hover,
.PageNum a.PageNumOn {
    color: #fff;
    background: #3274c3;
    border-radius: 6px;
    border: 1px solid #3274c3;
}



.btnhover:hover{
	background-color: #6482e4;
	color: #fef1f1;
}
.btnhover3:hover{
	background-color:#4682c9;
	color: #fff;
}
.on{
	display: block;
}
/*登录之后*/
.Login_box > p{
	width: 190px;
	height: 16px;
	font-size: 14px;
	color: #fff;
	margin-top: 20px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.Login_box > p > a{
	font-size: 14px;
	color: #fff;
}