@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	text-decoration: none;
	list-style: none;
}
body{
	font-family: "Microsoft YaHei"
}
.right_float{
	width: 70px;
	height: 300px;
	position: absolute;
	right: 44px;
	top:200px;
	z-index: 999;
}
.right_float .right_block{
	width: 56px;
	height: 55px;
	text-align: center;
	line-height: 74px;
	cursor: pointer;
	position: relative;
}

.right_float .right_block .right_hide{
	display: none;
	padding:10px;
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	top: 0px;
	right: 76px;
	line-height: 28px;
	border:1px solid #666;
	color: #fff;
	font-size: 16px;
}
.right_float .right_block .right_hide p{
	color: #027ad4;
	font-weight: 600;
	display: block;
	text-align: left;
	white-space:nowrap;
}
.right_float .right_block .right_hide h5{
	font-size: 16px;
	border-bottom:1px solid #027ad4;
	line-height: 30px;
	color: #027ad4;
	display: block;
	text-align: left;
}

.right_float .right_block:hover .right_hide{
	display: block;
}
.right_float .right_block .right_biao{
	width: 56px;
	height: 55px;
	margin-top: 15px;
}
.right_float .right_block .right_phone{
	background:url(../images/index/l_phone.png) no-repeat;
}
.right_float .right_block .right_qq{
	background:url(../images/index/l_qq.png) no-repeat;
}
.right_float .right_block .right_ma{
	background:url(../images/index/l_ma.png) no-repeat;
}
.right_float .right_block .right_top{
	background:url(../images/index/l_top.png) no-repeat;
}

.right_float .right_block:hover .right_phone{
	background:url(../images/index/r_phone.png) no-repeat;
}
.right_float .right_block:hover .right_qq{
	background:url(../images/index/r_qq.png) no-repeat;
}
.right_float .right_block:hover .right_ma{
	background:url(../images/index/r_ma.png) no-repeat;
}
.right_float .right_block:hover .right_top{
	background:url(../images/index/r_top.png) no-repeat;
}

#fullPage-nav{
	display: none;
}
.btn{
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 40px;
	color: #fff;
	background-color: rgba(255,255,255,0.5);
	text-align: center;
	font-family: "宋体";
	cursor: pointer;
	border-radius: 30px;
}
.btn_l{
	left: 0.9375rem;
}
.btn_r{
	right: 0.9375rem;
}
/*隐藏导航*/
.box1{ width:100%; height:100%;  margin:0px auto; overflow:hidden; }
.banner1{
	width: 35%;
	height: 36%;
	position: absolute;
	top: 39%;
	left: 12%;
	background:url(../images/index/banner3.png) no-repeat;
	background-size: 100% 100%;
}
.banner2{
	width: 100%;
	height: 100%;
	background:url(../images/index/banner2.png) no-repeat center center;
	background-size: 97% 94%;
	text-align: center;
	
}
.banner2 img{
	width: 84%;
	height: 72%;
	display: inline-block;
	margin-top: 4%;
}
/*head*/
.head{
	width: 100%;
	height: 110px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
}

.head .head_con{
	width: 1290px;
	height: 110px;
	margin:0 auto;
}
.head .head_con .h_logo{
	width: 474px;
	height: 61px;
	float: left;
	display: block;
	margin:24px 0;
}
.head .head_con .nav_list{
	width: 647px;
	height: 110px;
	float: right;
	margin-left: 20px;
}
.head .head_con .nav_list > li{
	display: inline-block;
	float: left;
	position: relative;
}
.head .head_con .nav_list > li > a{
	color: #000;
	display: block;
	font-size: 16px;
	text-align: center;
	position: relative;
	padding:0 15px;
	height: 110px;
	line-height: 110px;
}

.head .head_con .nav_list > li:hover > a{
	background-color:#0085dd;
	color: #fff;
}
.head .head_con .nav_list > li:hover ul{
	display: block;
}
.head .head_con .nav_list > li > ul{
	display: none;
	width: 100%;
	height: auto;
	position: absolute;
	top: 111px;
	left: 0;
	z-index: 99;
}
.head .head_con .nav_list > li > ul li{
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	margin:0 auto;
	border-bottom: 1px solid #fff;
	text-align: center;
	color: #fff;
	background-color: #0085dd;
}
.head .head_con .nav_list > li > ul li a{
	color: #fff;
	display: block;
}

.box2{ width:100%; height:100%;  margin:0px auto; overflow:hidden; }
.box2_tit{
	width: 100%;
	height: 90px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
}
.box2_tit span{
	font-size: 30px;
	color: #737373;
	line-height: 36px;
	height: 36px;
	display: block;
	border-left: 2px solid #737373;
	border-right: 2px solid #737373;
	width: 240px;
	position: absolute;
	bottom: 0;
	left: 0;

}
.box2_tit p{
	display: inline-block;
	width: 240px;
	height: 72px;
	line-height: 36px;
	color: #737373;
	font-size: 22px;
	position: relative;
	margin:0 auto;
	
}
.box2_main{
	width: 1200px;
	height: 604px;
	margin:20px auto 0;
}
.box2_main .box2_left{
	width: 354px;
	height: 604px;
	float: left;
	box-shadow: 0px 0px 11px 6px #eee;
	background: url(../images/index/sec2_img1.jpg) no-repeat center;
}
.box2_left h4{
	width: 100px;
	height: 66px;
	position: relative;
	border-bottom: 1px solid #fff;
	display: block;
	margin:65px 0 0 60px;
	font-size: 24px;
	font-family: "宋体";
	text-align: left;
}
.box2_left h4 b{
	font-size: 20px;
	font-weight: 500;
	position: absolute;
	width: 150px;
	bottom: 10px;
	left: 0;
	text-align: left;
}
.box2_left h4:after{
	position: absolute;
	content: "";
	width: 48px;
	height: 5px;
	background-color: #fff;
	left: 0;
	bottom: -3px;
}
.box2_main .box2_left .pai{
	width: 181px;
	height: 190px;
	margin:268px 0 0 60px;
}
.box2_main .box2_left .pai p{
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	text-align: left;
}
.box2_main .box2_left .pai a{
	display: block;
	width: 142px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
	border:1px solid #fff;
}

.box2_contop h4{
	width: 100px;
	height: 66px;
	position: relative;
	border-bottom: 1px solid #000;
	display: block;
	margin:65px 0 0 42px;
	font-size: 24px;
	font-family: "宋体";
	text-align: left;
	color: #000;
}
.box2_contop h4 b{
	font-size: 20px;
	font-weight: 500;
	position: absolute;
	width: 150px;
	bottom: 10px;
	left: 0;
	text-align: left;
}
.box2_contop h4:after{
	position: absolute;
	content: "";
	width: 48px;
	height: 5px;
	background-color: #000;
	left: 0;
	bottom: -3px;
}
.box2_main .box2_con{
	width: 586px;
	height: 604px;
	float: left;
	margin-left: 8px;
}
.box2_main .box2_con .box2_contop{
	width: 100%;
	height: 354px;
	background:url(../images/index/sec2_img2.jpg) no-repeat center;
	margin-bottom: 8px;
	float: left;
	box-shadow: 0px 0px 11px 6px #eee;
}
.box2_main .box2_con .box2_contop .pin{
	width: 144px;
	height: 46px;
	margin:132px 0 0 32px;
}
.box2_main .box2_con .box2_contop .pin a{
	width: 100%;
	height: 100%;
	background-color: #126ad5;
	color: #fff;
	text-align: center;
	line-height: 46px;
	font-size: 14px;
	display: block;
}
.box2_conl1 h4,.box2_conl2 h4,.box2_rightbot h4{
	width: 100px;
	height: 66px;
	position: relative;
	border-bottom: 1px solid #333;
	display: block;
	margin:30px 0 0 32px;
	font-size: 24px;
	font-family: "宋体";
	text-align: left;
	color: #222;
}
.box2_conl1 h4 b,.box2_conl2 h4 b,.box2_rightbot h4 b{
	font-size: 20px;
	font-weight: 500;
	position: absolute;
	width: 150px;
	bottom: 10px;
	left: 0;
	text-align: left;
}
.box2_conl1 h4:after,.box2_conl2 h4:after,.box2_rightbot h4:after{
	position: absolute;
	content: "";
	width: 48px;
	height: 5px;
	background-color: #333;
	left: 0;
	bottom: -3px;
}

.box2_main .box2_con .box2_conl1{
	width: 266px;
	height: 242px;
	float: left;
	background-color: #fff;
	box-shadow: 0px 0px 11px 6px #eee;
}
.box2_main .box2_con .liao{
	width: 100px;
	height: 32px;
	margin:87px 0 0 32px;
	text-align: left;
}
.box2_main .box2_con .liao a{
	color: #333;
	line-height: 32px;
	font-size: 14px;
	display: block;
}
.box2_main .box2_con .box2_conl2{
	width: 312px;
	height: 242px;
	float: left;
	background-color: #dcbf80;
	margin-left: 8px;
	box-shadow: 0px 0px 11px 6px #eee;
}
.box2_main .box2_right{
	width: 244px;
	height: 604px;
	float: left;
	margin-left: 8px;
}
.box2_main .box2_right .box2_righttop{
	width: 100%;
	height: 354px;
	background-color: #fff;
	margin-bottom: 8px;
	float: left;
	box-shadow: 0px 0px 11px 6px #eee;
}
.box2_main .box2_right .box2_righttop .tui{
	width: 181px;
	height: 190px;
	margin-left:32px;
}
.box2_main .box2_right .box2_righttop .tui p{
	color: #737373;
	font-size: 16px;
	line-height: 28px;
	text-align: left;
}
.box2_main .box2_right .box2_righttop .tui a{
	display: block;
	width: 142px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	color: #464646;
	font-size: 14px;
	margin-top: 20px;
	border:1px solid #7f7f7f;
}
.box2_righttop h4{
	width: 100px;
	height: 66px;
	display: block;
	margin:65px 0 0 32px;
	font-size: 24px;
	font-family: "宋体";
	text-align: left;
	color: #000;
}
.box2_main .box2_right .box2_rightbot{
	width: 100%;
	height: 242px;
	background:url(../images/index/sec2_img3.jpg) no-repeat center;
	float: left;
	box-shadow: 0px 0px 11px 6px #eee;
}
.box2_main .box2_right .box2_rightbot .liao{
	width: 100px;
	height: 32px;
	margin:87px 0 0 32px;
	text-align: left;
}
.box2_main .box2_right .box2_rightbot .liao a{
	color: #333;
	line-height: 32px;
	font-size: 14px;
	display: block;
}
.box2l{ animation-name:box2l;animation-duration:2.5s;animation-play-state:paused;}
@keyframes box2l{
	0%{ transform:translateX(200px);opacity:0.1;}
	100%{transform:translateX(0);opacity:1;}
	}
	
.box2r{ animation-name:box2r;animation-duration:2.5s;animation-play-state:paused;}
@keyframes box2r{
	0%{ transform:translateX(-200px);opacity:0.1;}
	100%{transform:translateX(0);opacity:1;}
	}


/*guanyuwomen*/

.box5{
	width:100%; height:100%; 
	margin:0px auto;overflow:hidden;
}
.box5_tit{
	width: 100%;
	height: 90px;
	text-align: center;
	margin-top: 50px;
}
.box5_tit span{
	font-size: 30px;
	color: #eee;
	line-height: 36px;
	height: 36px;
	display: block;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 240px;
	position: absolute;
	bottom: 0;
	left: 0;

}
.box5_tit p{
	display: inline-block;
	width: 240px;
	height: 90px;
	line-height: 36px;
	color: #fff;
	font-size: 22px;
	position: relative;
	margin:0 auto;
	
}
.box5_con{
	width: 60%;
	height: auto;
	margin-left: 40%;
	float: left;
}
.box5_con p{
	width: 66%;
	line-height: 28px;
	color: #fff;
	font-size: 16px;
	text-align: left;
	margin-top: 120px;
}
.box5_con a{
	width: 156px;
	height: 36px;
	display: block;
	border:1px solid #fff;
	font-size: 20px;
	text-align: center;
	line-height: 36px;
	margin-top: 70px;
	color: #fff;
}
.box3{ width:100%; height:100%;  margin:0px auto;overflow:hidden; }
.box3_tit{
	width: 100%;
	height: 90px;
	text-align: center;
	margin: 20px 0 40px 0;
}
.box3_tit span{
	font-size: 30px;
	color: #474747;
	line-height: 36px;
	height: 36px;
	display: block;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	width: 240px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.box3_tit p{
	display: inline-block;
	width: 240px;
	height: 72px;
	line-height: 36px;
	color: #7e7e7e;
	font-size: 22px;
	position: relative;
	margin:0 auto;

}

.new_title{
	width: 20.78125rem;
	height: 0.34375rem;
	border-bottom:1px solid #d7d7d7;
	margin:0 auto 1rem;
}
.new_tablist{
	width: 6.8rem;
	height: 0.6875rem;
	text-align:center;
	margin:0 auto;
}
.new_tablist li{
	display: inline-block;
	width: 2.21875rem;
	height: 0.6875rem;
	line-height: 0.6875rem;
	text-align: center;
	margin: 0 0.5625rem;
	border-radius: 0.125rem;
	background-color: #e6e6e6;
	font-size: 0.28125rem;
	color: #3f3f3f;
	cursor: pointer;
	float: left;
}
.new_tablist .new_active{
	background-color: #006eca !important;
	color: #fff;
}
.new_con{
	width: 21.78125rem;
	height: 7.8125rem;
	margin: 0 auto 0;
	text-align: left;

}
.new_con .new_left{
	width: 7.75rem;
	height: 7.03125rem;
	padding:0.34375rem;
	background-color: #fff;
	float: left;
}
.new_con .new_left:hover{
	background-color: #006eca;
}
.new_con .new_left:hover p{
	color: #fff;
}
.new_con .new_left:hover a > span{
	color: #fff;
}
.new_con .new_left img{
	width: 100%;
	height: 4.6875rem;
}
.new_con .new_left p{
	font-size: 0.375rem;
	color: #555;
	line-height: 0.875rem;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 0.125rem;
}
.new_con .new_left p > span{
	font-size: 0.1875rem;
	display: inline-block;
	float: right;
}
.new_con .new_left a > span{
	color: #555;
	font-size: 0.25rem;
	line-height: 0.46875rem;
	display: block;
}
.new_con .new_right{
	width: 12.9375rem;
	height: 7.8125rem;
	float: right;
	background-color: #f6f6f6;
	box-shadow: 0 0 11px 6px #eee;
	padding:0.1875rem;
}
.new_con .new_right ul li{
	width: 100%;
	height: 2rem;
	float: left;
	border-bottom: 1px solid #e5e5e5;
	padding:0.25rem 0;
}
.new_con .new_right .new_data{
	width: 2rem;
	height: 2rem;
	float: left;
	text-align: center;
	position: relative;
	font-size: 0.4375rem;
}
.new_con .new_right .new_data strong{
	font-size: 28px;
	color: #fff;
	background-color: #006eca;
	width: 100%;
	height: 1.2rem;
	line-height: 1.2rem;
	display: block;
	float: left;
}
.new_con .new_right .new_data span{
	font-size: 18px;
	color: #737373;
	background-color: #e9e9e9;
	width: 100%;
	height: 0.8rem;
	line-height: 0.8rem;
	display: block;
	float: left;
}

.new_con .new_right .new_img{
	width: 2.875rem;
	height: 2rem;
	float: left;
	margin-left: 0.25rem;
}
.new_con .new_right .new_img img{
	width: 100%;
	height: 100%;
	
}
.new_con .new_right .new_info{
	width: 7rem;
	height: 2rem;
	margin-left: 0.34375rem;
	float: left;
}
.new_con .new_right .new_info p{
	font-size: 0.3125rem;
	color: #444;
	line-height: 0.71875rem;
	margin-top: 0.25rem;
}
.new_con .new_right .new_info p > span{
	font-size: 0.1875rem;
	display: inline-block;
	float: right;
}
.new_con .new_right .new_info a > span{
	font-size: 0.25rem;
	line-height: 0.53125rem;
	color: #555;
	display: block;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	display: -webkit-box; 
	overflow:hidden;
	text-overflow:ellipsis;
}
.new_con .new_right li:hover .new_data{
	color: #fff;
}

.new_con .new_right li:hover .new_info p{
	color: #006eca;
}
.new_con .new_right li:hover .new_info a > span{
	color: #006eca;
}

.new_more{
	width: 3.21875rem;
	height: 0.875rem;
	background-color: #182e7f;
	border-radius: 0.125rem;
	text-align: center;
	line-height: 0.875rem;
	margin:0.5625rem auto 0;
}
.new_more a{
	color: #d4dbe1;
	font-size: 0.34375rem;
	display: block;
}

.box4{ width:100%; height:100%;  margin:0px auto; overflow:hidden;position: relative; }
.box4_tit{
	width: 100%;
	height: 90px;
	text-align: center;
	margin-top: 20px;
}
.box4_tit span{
	font-size: 30px;
	color: #474747;
	line-height: 36px;
	height: 36px;
	display: block;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	width: 240px;
	position: absolute;
	bottom: 0;
	left: 0;

}
.box4_tit p{
	display: inline-block;
	width: 240px;
	height: 72px;
	line-height: 36px;
	color: #7e7e7e;
	font-size: 22px;
	position: relative;
	margin:0 auto;
	
}
.box4_con{
	width: 1300px;
	height: auto;
	margin:40px auto 0 ;
}
.box4_con li{
	width: 200px;
	float: left;
	height: 212px;
	margin:0 8px 40px;
}
.box4_con li a{
	display: block;
	width: 100%;
	height: 100%;
	float: left;
}
.box4_con li img{
	width: 200px;
	height: 154px;
	float: left;
}
.box4_con li p{
	width: 200px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background-color: #fff;
	color: #464646;
	font-size: 14px;
	float: left;
	margin-top: 10px;
}
.box4_con li:hover p{
	background-color: #00428f;
	color: #fff;
}
.box4_more{
	width: 100%;
	height: 38px;
	text-align: center;
	margin-top: 40px;
	float: left;
}
.box4_more a{
	width: 156px;
	height: 36px;
	margin:0 auto;
	color: #000;
	border:1px solid #000;
	line-height: 36px;
	font-size: 18px;
	display: block;
}


.clear{clear:both;}
.box6{ width:100%; height:100%;  margin:0px auto; overflow:hidden;position: relative; }
.box6_tit{
	width: 100%;
	height: 90px;
	text-align: center;
	margin-top: 20px;
}
.box6_tit span{
	font-size: 30px;
	color: #eee;
	line-height: 36px;
	height: 36px;
	display: block;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 240px;
	position: absolute;
	bottom: 0;
	left: 0;

}
.box6_tit p{
	display: inline-block;
	width: 240px;
	height: 72px;
	line-height: 36px;
	color: #fff;
	font-size: 22px;
	position: relative;
	margin:0 auto;
	
}
.box6 > p{
	font-size: 20px;
	line-height: 32px;
	color: #fff;
	margin-top: 32px;
}
.box6_con{
	width: 20.3125rem;
	height: 4.40625rem;
	background-color: rgba(255,255,255,0.1);
	margin:40px auto 0;
	border-right: 1px dashed #fff;
}
.box6_con ul li{
	width: calc(20% - 2px);
	height: 4.40625rem;
	float: left;
	border-left: 1px dashed #fff;
	padding:0;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
}
.box6_con ul li p{
    width:90%;margin:0 auto;
	font-size: 0.28125rem;
	line-height: 0.5625rem;
}
.box6_con ul li .box6_img{
	width: 80%;
	margin:0 auto;
	height: 1.40625rem;
	border-bottom: 1px solid #fff;
	margin-top: 0.46875rem;
}
.box6_con ul li .box6_img1 img{
	
	margin-top: 0.46875rem;
}
.box6_bot{
	width: 100%;
	height: 1.25rem;
	line-height: 1.25rem;
	position: absolute;
	bottom: 0.46875rem;
	left: 0;
	background-color: #113958;
}
.box6_bot p{
	width: 20.3125rem;
	height: 1.25rem;
	margin:0 auto;
	color: #fff;
	font-size: 0.25rem;
	text-align: left;
}
.box6_bot p a{
	color: #fff;
}
.box7{ width:100%; height:100%;  margin:0px auto; overflow:hidden;position: relative; }
.box7_top{
	color: #fff;
	width: 100%;
	height: 2.6875rem;
}
.box7_top h3{
	font-size: 0.5rem;
	margin-top: 1rem;
	line-height: 1.125rem;
}
.box7_top p{
	font-size: 0.3125rem;
}
.box7_con{
	width: 20.78125rem;
	height: 6.25rem;
	margin:0 auto;
	border-top:1px solid #899197;
	border-bottom:1px solid #899197;
}
.box7_con .box7_erma{
	width: 5.140625rem;
	float: left;
	height: 100%;
}
.box7_con .box7_erma img{
	width: 2.953125rem;
	margin:1.25rem 1.09375rem 0;
}
.box7_con .box7_erma p{
	color: #fff;
	font-size: 0.3125rem;
}
.box7_con .box7_list{
	padding-left: 1rem;
	width: 2.3125rem;
	float: left;
	height: 100%;
	text-align: left;
}
.box7_con .box7_list h4{
	color: #fff;
	font-size: 0.40625rem;
	margin-top: 0.75rem;
	line-height: 0.8125rem;
}
.box7_con .box7_list ul li{
	width: 100%;
	height: 0.8125rem;
	line-height: 0.8125rem;
	float: left;
	font-size: 0.3125rem;

}
.box7_con .box7_list ul li a{
	color: #fff;
}
.box7_con .box7_cat{
	padding-left: 1rem;
	width: 6.5rem;
	float: left;
	height: 100%;
	text-align: left;
}
.box7_con .box7_cat h4{
	color: #fff;
	font-size: 0.40625rem;
	margin-top: 0.75rem;
	line-height: 0.8125rem;
}
.box7_con .box7_cat h4 span{
	font-size: 0.3125rem;
}
.box7_con .box7_cat p{
	text-indent: 0.9375rem;
	font-size: 0.3125rem;
	color: #c4c9ca;
	line-height: 1.25rem;
}
.box7_con .box7_cat .phone{
	background: url(../images/foot_tell.png) no-repeat left center;
}
.box7_con .box7_cat .email{
	background: url(../images/foot_email.png) no-repeat left center;
}
.box7_con .box7_cat .address{
	background: url(../images/foot_local.png) no-repeat left center;
}

.box7_con .box7_liuyan{
	
	width: 4.6875rem;
	float: left;
	height: 100%;
	text-align: left;
}
.box7_con .box7_liuyan h4{
	color: #fff;
	font-size: 0.40625rem;
	margin-top: 0.75rem;
	line-height: 0.8125rem;
}
.box7_con .box7_liuyan h4 span{
	font-size: 0.3125rem;
}
.box7_liuyan input{
	width: 4.296875rem;
	height: 0.8125rem;
	border:none;
	border-radius: 0.125rem;
	color: #fff;
	text-indent: 0.3125rem;
	font-size: 0.34375rem;
	display: block;

}
.box7_liuyan .box7_name{
	background:url(../images/foot_name.png) no-repeat 3.53125rem center #474e54;
	background-size: 0.390625rem 0.453125rem;
}
.box7_liuyan .box7_phone{
	
	background:url(../images/foot_phone.png) no-repeat 3.5625rem center #474e54;
	background-size: 0.265625rem 0.421875rem;
}
.box7_liuyan tr{
	height: 0.8125rem;
	display: block;
	margin:0.375rem 0;
}
.box7_liuyan tr td{
	height: 0.8125rem;
	display: block;
}
.box7_liuyan tr td button{
	width: 4.296875rem;
	height: 0.8125rem;
	line-height: 0.8125rem;
	display: block;
	border:none;
	text-align: center;
	color: #c4c9ca;
	font-size: 0.34375rem;
	background-color: #474e54;
	border-radius: 0.125rem;
}
.box7_bot{
	width: 100%;
	text-align: center;
	line-height: 0.75rem;
	color: #c4c9ca;
	font-size: 0.28125rem;
	margin-top: 0.3125rem;
}
.box7_bot a{
	display: inline-block;
	color: #c4c9ca;
	margin-left: 0.3125rem;
}
.box7_bot .box7_friend{
	width: 20.78125rem;
	margin:0 auto;
	height: auto;
}
.box7_bot .box7_friend span{
	font-size: 0.3125rem;
}
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
.ph1{ animation-name:ph;animation-duration:2.5s;}


#pages {
    text-align: center;
}

#pages li {
    margin: 0 2px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 4px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 4px;
}
#pages li.active {
    text-align: center;
    background: #f90712;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #f90712;
}

#pages li:hover a {
    color: #fff;
}



@keyframes ph{
	0%{ transform:translateY(-840px);}
	100%{transform:translateY(0px);}
	}
.ph2{ animation-name:ph2;animation-duration:2.5s;animation-play-state:paused; }
@keyframes ph2{
	0%{ transform:translateY(0px);}
	100%{transform:translateY(-840px);}
	}
.wheel{animation-name:spin; animation-duration:5s; animation-timing-function:linear;animation-iteration-count:infinite; animation-delay:2.5s;}
@keyframes spin {
  100% {transform: rotate(1turn); }
  }
  	
.nail{ animation-name:nail;animation-duration:2.5s; animation-play-state:paused;}
@keyframes nail{
	0%{ transform:translateY(-240px);opacity:0.1;}
	100%{transform:translateY(0px);opacity: 1;}
	}

.shang{ animation-name:nai;animation-duration:3.5s; animation-play-state:paused;}
@keyframes nai{
	0%{ transform:translateY(-640px);opacity:0.1;}
	100%{transform:translateY(0px);opacity: 1;}
	}

.upd{ animation-name:nai;animation-duration:2.5s; animation-play-state:paused;}
@keyframes nai{
	0%{ transform:translateY(-240px);opacity:0.1;}
	100%{transform:translateY(0px);opacity: 1;}
	}
	
.cloud{ animation-name:clou;animation-duration:2.5s;animation-play-state:paused;}
@keyframes clou{
	0%{ transform:translateX(700px);}
	100%{transform:translateX(0);}
	}
  
.shop{animation-name:shop;animation-duration:2.5s;animation-play-state:paused;}
@keyframes shop{
	0%{ transform:translateY(-640px);}
	100%{transform:translateY(0px);}
	}
	
.fun{ animation-name:fu;animation-duration:2.5s;animation-play-state:paused;}
@keyframes fu{
	0%{ transform:translateY(200px); opacity:0.1;}
	100%{transform:translateY(0px); opacity:1;}
	}

.shop1{animation-name:shop;animation-duration:2.5s;animation-play-state:paused;}
@keyframes shop{
	0%{ transform:translateY(-640px);}
	100%{transform:translateY(0px);}
	}
	
.fun1{ animation-name:fu;animation-duration:2.5s;animation-play-state:paused;}
@keyframes fu{
	0%{ transform:translateY(200px); opacity:0.1;}
	100%{transform:translateY(0px); opacity:1;}
	}

.new2{ animation-name:gif1;animation-duration:2.5s;animation-play-state:paused;}
@keyframes gif1{
	0%{ transform:translateX(200px);}
	100%{transform:translateX(0);}
	}
	
.new1{ animation-name:gif2;animation-duration:2.5s;animation-play-state:paused;}
@keyframes gif2{
	0%{ transform:translateX(-200px);}
	100%{transform:translateX(0);}
	}
	
.gift1{ animation-name:gif1;animation-duration:2.5s;animation-play-state:paused;}
@keyframes gif1{
	0%{ transform:translateX(200px);}
	100%{transform:translateX(0);}
	}
	
.gift2{ animation-name:gif2;animation-duration:2.5s;animation-play-state:paused;}
@keyframes gif2{
	0%{ transform:translateX(-200px);}
	100%{transform:translateX(0);}
	}
	
.ballon{ animation-name:bal;animation-duration:2.5s;animation-play-state:paused;}
@keyframes bal{
	0%{ transform:translateY(-400px);opacity:0.1; }
	100%{transform:translateY(0px);opacity:1; }
	}
.bot{ animation-name:bot;animation-duration:2.5s;animation-play-state:paused;}
@keyframes bot{
	0%{ transform:translateY(400px);opacity:0.1; }
	100%{transform:translateY(0px);opacity:1; }
	}
	
.phone1{ animation-name:ph1;animation-duration:2.5s;animation-play-state:paused;}
@keyframes ph1{
	0%{ transform: rotate(0deg)}
	100%{transform: rotate(30deg); transform-origin:bottom right; }
	}