.div_page_zhu{
    width:100%;
	height: 100%;
	margin: 0px 0px 28px 0px;
}
.my_page_bc{
	background-color: #ECECEC;
}
div a{
	text-decoration: none;
}
div a:hover{
	text-decoration: none;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.os_zhezhao{
	width: 100%;
	height:100%;
	position:fixed;
	display: none;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden;
	outline:0;
	-webkit-overflow-scrolling:touch;
	background-color:rgba(153,153,153,0.7);
	z-index:99999999;
}
.os_zhezhao_yes {
	display: block;
 }
.div_os_zhezhao {
	width: 100%;
	height: 100%;
	line-height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.iframes{
	width: 100%;
	left: -15px;
	height: 38px;
}
/* 幻灯
	单图时把display属性设置为inline 轮播时设置为none 把下面.demo 的 display属性设置为inline
	轮播图demo
	轮播时把display属性设置为inline 单图时设置为none 把上面.huandeng_dantu 的 display属性设置为inline
*/
.huandeng{
    width:100%;
    height:358px;
	margin: 0px 0px 10px 0px;
	position:relative;
    overflow: hidden;
}
.huandeng_a{
	display: block;
}
/* 横屏时 */
@media all and (orientation: landscape) {
	.huandeng_a{
		display: block;
	}
}
/* 竖屏时 */
@media all and (orientation: portrait) {
	.huandeng_a{
		display: none;
	}
}
.huandeng_demo{
    width:1000%;	/*	此处为：(总图片数 + 1) * 100 */
    height:100%;
    margin:0px auto;
    animation:huandeng_demos 50s infinite linear;
    font-size:0px;/*消除图片间隔*/
}
.huandeng_demo img{
    width:10%;
    height:100%;
    float:left;
}
/*
	用100 除以 总图片数（不算重复的第一张） 为每张 总用时 = 展示时间 + 间隔时间，第一张从0%到（总用时 - 2个间隔时间）
	从第二张开始，起始位置为 前一张结束位置 + 间隔时间，结束位置为 起始位置 + 展示时间，直到100%。
	最后一张是为过渡而重复引用的第一张图片即可。
*/
@keyframes huandeng_demos {	/* 0%-20%是播放下一个图片，0%-10%是图片暂停的时间*/
    0%,7.1%{	/* 1 */
        margin-left:0px;
    }
	10.1%,17.2%{	/* 2 */
		margin-left:-100%;
	}
	21.2%,28.3%{	/* 3 */
		margin-left:-200%;
	}
	32.3%,39.4%{	/* 4 */
		margin-left:-300%;
	}
	43.4%,50.5%{	/* 5 */
		margin-left:-400%;
	}
	54.5%,61.6%{	/* 6 */
		margin-left:-500%;
	}
	65.6%,72.7%{	/* 7 */
		margin-left:-600%;
	}
	76.7%,83.8%{	/* 8 */
		margin-left:-700%;
	}
	87.8%,94.9%{	/* 9 */
		margin-left:-800%;
	}
	98.9%,100%{	/* 10 */
		margin-left:-900%;
	}
}

/* 幻灯 固定标题*/
.huandeng_biaoti{
	width:100%;
	height:100%;
	position:absolute;
}
.huandeng_biaoti img{
	width:100%;
	height:100%;
}

/* 首页广告轮播 页面 */
.lunbo{
    width:100%;
	height: 318px;
    margin:0px auto;
	position:relative;
    /* background-color:aquamarine; */
    overflow: hidden;	/*用于隐藏超出展示容器的内容部分*/
}
.lunbo_demo{
    width:500%;
	height: 100%;
    margin:0px auto;
    animation:lunbos 20s infinite linear;
    font-size:0px;/*消除图片间隔*/

}
.lunbo_demo img{
    width:20%;
	height: 100%;
    float:left;
}
@keyframes lunbos {          /*0%-20%是播放下一个图片，0%-10%是图片暂停的时间*/
    0%,15%{
		margin-left:0px;
    }
    20%,40%{
		margin-left:-100%;
    }
    45%,65%{
		margin-left:-200%;
    }
    70%,90%{
		margin-left:-300%;
    }
    95%,100%{
		margin-left:-400%;
    }
}

/* 幻灯 固定标题 右上*/
.div_huandeng_text_rb{
	display: none;
	color: #f10215;
	text-decoration: none;		/*	链接去掉下划线	*/
	font-size: 30px;
	text-align: right;
	position:absolute;
	right: 58px;
	bottom: 18px;
}
/* 幻灯 固定标题 左上*/
.div_huandeng_text_lt{
	display: none;
	color: #f10215;
	text-decoration: none;		/*	链接去掉下划线	*/
	font-size: 30px;
	text-align: right;
	position:absolute;
	left: 58px;
	top: 18px;
}

/* 首页广告轮播 固定标题 右下*/
.div_lunbo_text_rt{
	color: #ffffff;
	text-decoration: none;		/*	链接去掉下划线	*/
	font-size: 26px;
	text-align: right;
	position:absolute;
	right: 58px;
	top: 18px;
}
/* 首页广告轮播 固定标题 左下*/
.div_lunbo_text_lb{
	color: #ffffff;
	text-decoration: none;		/*	链接去掉下划线	*/
	font-size: 26px;
	text-align: right;
	position:absolute;
	left: 38px;
	bottom: 18px;
}
/* 进程页 div 框 */
.div_jincheng{
	width: 100%;
	text-align: center;
}
.div_jincheng_fa{
	width: 100%;
}
.jincheng_text{
	width: 100%;
	margin: 1rem 0rem 0rem 0rem;
	font-size: 14px;
	color: #ded9d9;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.i_jincheng_fa{
	/* --fa-animation-direction: reverse;	动画方向 */
	color: #ded9d9;
	/* --fa-animation-duration: 2s;	动画运动速度 */
	/* --fa-animation-iteration-count: 5;	动画迭代计数 */
	/* --fa-animation-timing: ease-in-out;	动画计时 */
}
.div_zhezhao_tishi_on{
	width: 318px;
	height: 258px;
	padding: 18px;
	border-radius: 15px;
	background-color: #a8683f;
	color: #ffffff;
	font-size: 16px;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.div_biaoti{
	position: relative;
	width: 100%;
}
.span_daojishi{
	float: right;
	line-height: 32px;
	color: #0f12da;
	border: none;
	outline: none;
}
.div_but{
	position: relative;
	line-height: 32px;
	width: 100%;
}
.but_anniu_ok{
	float: right;
	width: 88px;
	line-height: 2rem;
	border-radius: 5px;
	color: #0f12da;
	background-color: #ada6a6;
	border: 1px solid #005ff6;
	outline: none;
}