body{font-family:'Microsoft Yahei';font-size:16px;color:#666;}
html,body{height:100%}
/* 顶部样式 */
.header_con{
	background-color:#f7f7f7;
	height:29px;
	border-bottom:1px solid #dddddd
}

/*模态框*/



canvas{
	display:block;
	vertical-align:bottom;
	color: #000;
}
.table>tbody>tr>td{
	vertical-align: middle;
}

#particles-js{
	width:100%;
	height:95%;
}

.bg {
	background-color: transparent;z-index:-999;
	overflow: hidden;
}
.navbar-toggle{
	background-color: #dddddd;
}
.canvas {
	background-color: #eee;
	display: block;
	margin: 0 auto;
}
.footer {
	border-top: 2px solid #42ad46;
	margin: 30px 0;
}

.breadcrumb{
	background-color: transparent;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	color: #a8a9a8;
	font-size: 12px;
}
.navbar{
	margin-bottom: 0px;
	height: 75px;
	border-bottom:1px solid #dddddd;
}

.container{
	height: 75px;
	border-bottom:1px solid #dddddd;
}

/*.icon-bar{*/
/*	color: #2a92c2;*/
/*	font-size: 20px;*/
/*}*/

.nav>li>a {
	color: #655e66;
}

.header{
	width:1200px;
	height:29px;
	margin:0 auto;
}

.welcome,.login_info,.login_btn,.user_link{
	line-height:29px;
}

.login_info{
	display:none;
}

.login_btn {
	color: #655e66;}

.login_btn a,.user_link a{
	color:#666;
}

.login_btn a:hover,.user_link a:hover{
	color:#ff8800;
}

.login_btn span,.user_link span{
	color:#cecece;
	margin:0 10px;
}


/* logo、搜索框、购物车样式 */

/* 页面底部样式 */
.footer{
	border-top:1px solid #0089d4;
	/*margin:30px 0;*/
	padding: 20px 0px;
}

.foot_link{text-align:center;}
.foot_link a,.foot_link span{color:#4e4e4e;}
.foot_link a:hover{color:#ff8800}
.foot_link span{padding:0 10px}
.footer p{text-align:center; margin-top:10px;}



/* 登录页 */
.login_top{width:60%;height:20%;margin:0 auto;}
.login_logo{display:block;width:185px;height:194px;margin-top:5%;margin-left: -20%;}
.login_form_bg{background:url(/static/images/lg_bg.jpg) no-repeat;}
.no-mp{margin-top:0px;}
.login_form_wrap{width:100%;height:100%;margin:0 auto; display: flex ;justify-content: space-between}
.login_banner{width:618px;height:308px;background:url(/static/images/login_x.png) no-repeat;margin-top:8%;}
.slogan{width:40px;height:300px;font-size:30px;color:#f0f9e8;text-align:center;line-height:36px;margin:80px 0 0 120px}
.login_form{width:368px;height:378px;border:1px solid #c6c6c5;background-color:#fff; margin-top:5%;margin-bottom:5%;}

.login_title{height:60px;width:308px;margin:10px auto;border-bottom:1px solid #e0e0e0;}

.login_title h1{font-size:24px;height:60px;line-height:60px;color:#a8a8a8;float:left;font-weight:bold;margin-left:38px;margin-top: 5px}
.login_title a{width:100px;height:20px;display:block;font-size:16px;color:#5fb42a;text-indent:26px;background:url(../images/icons02.png) left 5px no-repeat;float:left;margin:20px 0 0 36px}

.form_input{width:308px;height:250px;margin:20px auto;position:relative;}
.name_input,.pass_input{width:306px;height:36px;border:1px solid #e0e0e0;background:url(../images/icons02.png) 280px -41px no-repeat #f8f8f8;outline:none;font-size:14px;text-indent:10px;position: absolute;left:0;top:0}
.pass_input{top:65px;background-position:280px -95px;}

.user_error,.pwd_error{color:#f00;position:absolute;left:0;top:43px;display:none}

.pwd_error{top:110px;}

.more_input{position:absolute;left:0;top:130px;width:100%}

.more_input input{float:left;margin-top:2px;}
.more_input label{float:left;margin-left:10px;}
.more_input a{float:right;color:#666}
.more_input a:hover{color:#ff8800}

.input_submit{width:100%;height:40px;position:absolute;left:0;top:180px;background-color:#0089d4;color:#fff;font-size:22px;border:0px;font-family:'Microsoft Yahei';cursor:pointer;}


/* 注册页面 */
.register_con{
	width:700px;
	height:560px;
	margin:150px auto 0;
	background:url(../images/interval_line.png) 300px top no-repeat;
}

.l_con{width:300px;}
.reg_logo{width:200px;height:76px;float:right;margin-right:30px;}
.reg_slogan{width:300px;height:30px;float:right;text-align:right;font-size:24px;color:#69a81e;margin:20px 30px 0 0;}
.reg_banner{width:251px;height:329px;background:url(../images/register_banner.png) no-repeat;float:right; margin:20px 10px 0 0;opacity:0.5}


.r_con{width:400px;}
.reg_title{width:360px;height:50px;float:left;margin-left:30px;border-bottom:1px solid #e0e0e0}
.reg_title h1{height:50px;line-height:50px;float:left;font-size:24px;color:#a8a8a8;font-weight:bold;margin-top: -10px}
.reg_title a{float:right;height:20px;line-height:20px;font-size:16px;color:#5fb42a;padding-right:20px;background:url(../images/icons02.png) 35px 3px no-repeat;margin-top:15px}

.reg_form{width:360px;margin:30px 0 0 30px;float:left;position:relative;}
.reg_form li{height:70px;}
.reg_form li label{width:70px;height:40px;line-height:40px;float:left;font-size:14px;color:#a8a8a8}
.reg_form li input{width:288px;height:38px;border:1px solid #e0e0e0;float:left;outline:none;text-indent:10px;background-color:#f8f8f8}
.reg_form li.agreement input{width:15px;height:15px;float:left;margin-top:13px}
.reg_form li.agreement label{width:300px;float:left;margin-left:10px;}
.reg_form li.reg_sub input{width:360px;height:40px;background-color: #0089d4;font-size:18px;color:#fff;font-family:'Microsoft Yahei';cursor:pointer;}
.reg_form li .error_tip{float:left;height:30px;line-height:30px;margin-left:70px;color:#e62e2e;display:none;}
.reg_form li .error_tip2{float:left;height:20px;line-height:20px;color:#e62e2e;display:none;}


.sub_page_name{font-size:18px;color:#666;margin:50px 0 0 20px}

.total_count{
	width:1200px;margin:0 auto;height:40px;line-height:40px;font-size:14px;
}
.total_count em{
	font-size:16px;color:#ff4200;margin:0 5px;
}
.red_warning{ color: red}
/*首页公司图片部分*/

.demo,.img,.border,.mask{
			width: 235px;
			height: 235px;
		}
		.demo{
			display: block;
			position: relative;
			margin:50px auto;
		}
		.img{
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			border-radius: 50%;
		}
		.border{
			position: absolute;
			border: 10px solid #eeeeee;
			border-left-color:#428bca;
			border-top-color:#428bca;
			top: 0;
			left: 0;
			border-radius: 50%;
			-webkit-transition:all .5s ease-in;
			transition:all .5s ease-in;
			-webkit-box-sizing:border-box;
			box-sizing:border-box;
		}
		.mask{
			position: absolute;
			top: 0;
			left: 0;
			border-radius: 50%;
			-webkit-transition:all .5s ease-in;
			transition:all .5s ease-in;
			color:rgba(255,255,255,0);
		}
		.demo:hover .mask{
			background-color:rgba(0,0,0,0.5);
			color:rgba(255,255,255,1);
		}
		.demo:hover .border{
			-webkit-transform:rotate(180deg);
			transform:rotate(180deg);

		}
		.info{
			position: absolute;
			width: 100%;
			top: 50%;
			left: 0;
			text-align: center;
			-webkit-transform:translateY(-50%);
		}

        .syh3{
            font-size: 50px;
        }