.white-color{
	color: #FFFFFF;
}
.black-color{
	color: #000000;
}
.three-color{
	color: #333333;
}
.cccccc-color{
	color: #cccccc;
}

/* 小禾阅读首页样式  */
.xiaohe-main{
	display: block;
	width: 100%;
	height:18.8rem;
	overflow: hidden;
	position: relative;
	font-family: "微软雅黑";
}
/* 小禾阅读首页头部导航样式  */
.xiaohe-main .top-nav{
	display: block;
	width: 100%;
	height:1.3rem;
	background: #FFFFFF;
	overflow: hidden;
	position: relative;
}
.xiaohe-main .top-nav .p{
	width: 2rem;
	float: left;
	height:1.05rem;
	margin-top:.46rem;
	margin-left:.55rem;
	font-size:.4rem;
	font-weight:600;
	cursor: pointer;
	color: #333333;
	-webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.xiaohe-main .top-nav .bottom_line{
	width:1.81rem;
	height: .06rem;
	background:#007f66;
	position: absolute;
	bottom: 0;
	-webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.xiaohe-main .top-nav0 .bottom_line{
	left:6.55rem;
}
.xiaohe-main .top-nav1 .bottom_line{
	left: 9.085rem;
}
.xiaohe-main .top-nav2 .bottom_line{
	left: 11.62rem;
}
.xiaohe-main .top-nav3 .bottom_line{
	left: 19.4rem;
}
.xiaohe-main .top-nav4 .bottom_line{
	left: 21.94rem;
}
.xiaohe-main .top-nav5 .bottom_line{
	left: 24.51rem;
}
.xiaohe-main .top-nav0 .p1{
	color: #007f66 !important;
}
.xiaohe-main .top-nav1 .p2{
	color: #007f66 !important;
}
.xiaohe-main .top-nav2 .p3{
	color: #007f66 !important;
}
.xiaohe-main .top-nav3 .p4{
	color: #007f66 !important;
}
.xiaohe-main .top-nav4 .p5{
	color: #007f66 !important;
}
.xiaohe-main .top-nav5 .p6{
	color: #007f66 !important;
}
.xiaohe-main .top-nav .p1{
	margin-left: 6.65rem;
}
.xiaohe-main .top-nav .p4{
	margin-left: 5.75rem;
}
/* 小禾阅读首页内容部分样式  */
.xiaohe-main .content-div{
	width: 100%;
	height: 15.51rem;
	overflow: hidden;
	position: relative;
}
.xiaohe-main .content-box{
	width: 100%;
	height: 15.51rem;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	opacity: 0;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.xiaohe-main .content-box .content-box-rel{
	position: relative;
	width: 100%;
	height: 100%;
}
.xiaohe-main .content-box .content-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.xiaohe-main .content-box .content-txt{
	position: absolute;
	z-index: 10;
	width:8.65rem;
}
.xiaohe-main .content-box .content-txt .txt1{
	font-size:.8rem;
	text-align: left;
	display: block;
	width: 100%;
	opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    font-weight: 600;
}
.xiaohe-main .content-box-active .content-txt .txt1{
	opacity: 1 !important;
    filter: alpha(opacity=100)\9 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transition: all .8s .4s ease-out;
    transition: all .8s .4s ease-out;
}
.xiaohe-main .content-box .content-txt .txt2{
	font-size:.32rem;
	text-align: left;
	display: block;
	width: 100%;
	line-height: .56rem;
	margin-top: .45rem;
	    opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
}
.xiaohe-main .content-box-active .content-txt .txt2{
	opacity: 1 !important;
    filter: alpha(opacity=100)\9 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transition: all .8s .7s ease-out;
    transition: all .8s .7s ease-out;
}
.xiaohe-main .content-box .content-txt .txt2 .green{
	color:#007f66;
}
.xiaohe-main .content-box .content-txt .erweima-txt{
	margin-top:.65rem;
	width: 100%;
	opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
}
.xiaohe-main .content-box-active .content-txt .erweima-txt{
	opacity: 1 !important;
    filter: alpha(opacity=100)\9 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transition: all .8s .7s ease-out;
    transition: all .8s .7s ease-out;
}
.xiaohe-main .content-box .content-txt .erweima-txt .erweima{
	width:1.94rem;
	overflow: hidden;
	float: left;
}
.xiaohe-main .content-box .content-txt .erweima-txt .erweima img{
	display: block;
	width: 100%;
	height: 1.94rem;
}
.xiaohe-main .content-box .content-txt .erweima-txt .erweima .sp{
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: .2rem;
	margin-top: .1rem;
	float: left;
}
.xiaohe-main .content-box .content-txt .erweima-txt .txt3{
	float: left;
	width:8.4rem;
	margin-left: .3rem;
	color: #333333;
	font-size: .32rem;
	line-height: .56rem;
}
.xiaohe-main .content-box .content-txt .erweima-div{
	width: 100%;
	margin-top: .55rem;
	opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
}
.xiaohe-main .content-box-active .content-txt .erweima-div{
	opacity: 1 !important;
    filter: alpha(opacity=100)\9 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transition: all .8s .7s ease-out;
    transition: all .8s .7s ease-out;
}
.xiaohe-main .content-box .content-txt .erweima-div .left-box{
	float: left;
	width: 2.13rem;
	height: 2.13rem;
}
.xiaohe-main .content-box .content-txt .erweima-div .left-box img{
	display: block;
	width: 100%;
	height: 100%;
}
.xiaohe-main .content-box .content-txt .erweima-div .right-box{
	float: left;
	margin-left: .3rem;
	font-size: .28rem;
	line-height: .44rem;
}
/* 页面底部footer样式 */
.footer{
	display: block;
	width: 100%;
	height:1.98rem;
}
.footer .company-msg1{
	width: 100%;
	text-align: center;
	color:#444444;
	font-size: .32rem;
	margin-top:.45rem;
}
.footer .company-msg2{
	width: 100%;
	text-align: center;
	color:#444444;
	font-size: .24rem;
	margin-top:.15rem;
}
.footer .company-msg2 .sp2{
	color: #007f66;
	margin-left: .1rem;
	text-decoration:none;
}
/* 页面logo样式 */
.top-logo{
	position: absolute;
	top:0;
	left: 49.2%;
	transform: translate(-50%,0);
	display: block;
	width: 3.21rem;
}
.top-logo img{
	display: block;
	width: 100%;
}