@charset"utf-8";/*本css为常用style*/
/*
 * 
 * 功能性样式
 *
/
/*字体对齐方式*/
body{
	background: #fdfdfd;
}
input,button,select,textarea{
outline:none
}
.tc{text-align:center}
.tl{text-align:left}
.tr{text-align:right}
/*浮动和清除浮动*/
.fl{float:left}
.fr{float:right}
.clearfix:after,
.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}
/*字体溢出显示...*/
.ell{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;word-break:keep-all}
.ell_2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
/*弹性盒子布局*/
.db{display:block !important}
.dib{display:inline-block !important}
/* 下面的命名进行了更改 */
.fbox{display:flex}
.fg1,.fg2,.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9{width:1px}
.fg1{flex-grow:1}
.fg2{flex-grow:2}
.fg3{flex-grow:3}
.fg4{flex-grow:4}
.fg5{flex-grow:5}
.fg6{flex-grow:6}
.fg7{flex-grow:7}
.fg8{flex-grow:8}
.fg9{flex-grow:9}
.fbox-acenter{align-items:center;}
.fbox-jcenter{justify-content:center;}
.fbox-jbetween{justify-content:space-between;}
.fbox-wrap{flex-wrap: wrap }
/* 头部 */
.icon-go{
	width: 20%;
	height: 3.5rem;
}
.icon-link{
	width: 20%;
}
.top-fixed{
	height: 3.5rem;
}
.top-center-tit{
	width: 60%;
}
.top-box{
	width: 100%;
	height: 3.5rem;
	background: #fff;
	color: #333;
	text-align: center;
	line-height: 3.5rem;
	font-size: 1rem;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	z-index:  9;
	box-shadow: 0 2px 6px rgba(197,197,197,.1);
}
.white-bg{
	background: #fff !important;
}
.gray-text{
	color: #666666 !important;
}
/* 底部 */
.footer-fixed{
	height: 4rem;
}
.footer-wrap{
	width: 100%;
	height: 4rem;
	background: #fff;
	color: #fff;
	text-align: center;
	line-height: 4rem;
	font-size: 1.1rem;
	position: fixed;
	bottom:0;
	left: 0;
	right: 0;
	border-top: 1px solid #e5e5e5;
	z-index: 9;
}
.footer-con{
	width: 25%;
}
.icon-sy{
	width: 1.5rem;
	height: 1.5rem;
	display: block;
	background: url(../images/foot_icon01.png) no-repeat;
	margin: 0.6rem auto 0;
	background-size: 100% 100%;
}
.icon-sy.active{
	width: 1.5rem;
	height: 1.5rem;
	display: block;
	background: url(../images/foot_icon01_active.png) no-repeat;
	margin: 0.6rem auto 0;
	background-size: 100% 100%;
}
.sy-text{
	line-height: 1.7;
	font-size: 0.9rem;
	color: #c6c6c6;
}
.sy-text.active{
	color: #1065c0;
}
.icon-service{
	width: 1.5rem;
	height: 1.5rem;
	display: block;
	background: url(../images/foot_icon02.png) no-repeat;
	margin: 0.6rem auto 0;
	background-size: 100% 100%;
}
.icon-service.active{
	width: 1.5rem;
	height: 1.5rem;
	display: block;
	background: url(../images/foot_icon02_active.png) no-repeat;
	margin: 0.6rem auto 0;
	background-size: 100% 100%;
}

.icon-pros{
	width: 1.5rem;
	height: 1.5rem;
	display: block;
	background: url(../images/foot_icon03.png) no-repeat;
	margin: 0.6rem auto 0;
	background-size: 100% 100%;
}
.icon-pros.active{
	width: 1.5rem;
	height: 1.5rem;
	display: block;
	background: url(../images/foot_icon03_active.png) no-repeat;
	margin: 0.6rem auto 0;
	background-size: 100% 100%;
}

.icon-wode{
	width: 1.5rem;
	height: 1.5rem;
	display: block;
	background: url(../images/foot_icon04.png) no-repeat;
	margin: 0.6rem auto 0;
	background-size: 100% 100%;
}
.icon-wode.active{
	width: 1.5rem;
	height: 1.5rem;
	display: block;
	background: url(../images/foot_icon04_acitve.png) no-repeat;
	margin: 0.6rem auto 0;
	background-size: 100% 100%;
}