header{
	width: 960px;
	padding-top: 30px;
	position: fixed;
	top: 0;
	z-index: 111;
	font-size: 0;
	background: url(../images/img50.jpg) no-repeat;
}
.search{
	width: 904px;
	/*height: 62px;*/
	height: 70px;
	margin: 0 auto;
	position: relative;
}
.search img{
	position: absolute;
	left: 24px;
	top: 16px;
}
.search input{
	width: 100%;
	height: 100%;
	background: #596471;
	font-size: 28px;
	border: 0;
	outline: 0;
	border-radius: 50px;
	padding-left: 77px;
}
.search input::-webkit-input-placeholder{
	font-size: 28px;
	color: #c1c1c1;
}
header>ul{
	display: inline-block;
}
header>ul>li{
	float: left;
	margin-right: 78px;
}
header>ul>li:nth-last-child(2){
	margin-right: 0;
}
header>ul>li a{
	line-height: 74px;
	font-size: 32px;
	display: block;
	color: #505050;
}
.h_active{
	color: #5eb4b4 !important;
}
.back{
	position: absolute;
	left: 27px;
	bottom: 16px;
}

body {
	background: url(../images/img51.jpg);
}

.section1{
	padding-top: 166px;
	width: 960px;
	background: url(../images/img49.jpg);
	padding-bottom: 43px;
}
.section1 .title{
	padding-left: 44px;
	padding-right: 39px;
	padding-top: 22px;
	margin-bottom: 50px;
}
.section1 .title .user{
	font-size: 32px;
	color: #dfdfdf;
	margin-bottom: 22px;
}
.section1 .title .date{
	font-size: 24px;
	color: #c7c7c7;
}
.section1 .title>a{
	width: 187px;
	height: 54px;
	line-height: 54px;
	color: #fff;
	font-size: 32px;
	background: #5eb4b4;
	border-radius: 50px;
}
.circle_box{
	position: relative;
	width: 766px;
	height: 766px;
	margin: 0 auto 40px;
}
.circle1{width: 766px;height: 766px;position: absolute;z-index: 10;}
.circle2{width: 654px;height: 654px;position: absolute;z-index: 11;left: 56px;top: 56px;}
.circle3{width: 542px;height: 542px;position: absolute;z-index: 13;left: 112px;top: 112px;}
.circle4{width: 430px;height: 430px;position: absolute;z-index: 14;left: 168px;top: 168px;}
.circle5{width: 318px;height: 318px;position: absolute;z-index: 15;left: 224px;top: 224px;}
#canvas_1{background: transparent;transform:rotate(-90deg);}
#canvas_2{background: transparent;transform:rotate(-90deg);}
#canvas_3{background: transparent;transform:rotate(-90deg);}
#canvas_4{background: transparent;transform:rotate(-90deg);}
#canvas_5{background: transparent;transform:rotate(-90deg);}
.circle_box p{
	position: absolute;
	font-size: 24px;
	color: #c7c7c7;
	right: -40px;
	bottom: -10px;
}
.explain_list{
	margin-left: 113px;
	margin-bottom: 38px;
}
.explain_list div{
	font-size: 24px;
	color: #c7c7c7;
}
.explain_list li{
	margin-bottom: 16px;
}
.explain_list li:first-child{
	line-height: 74px;
}
.c1{
	width: 74px;
	height: 74px;
	background: #f4441b;
	border-radius: 50%;
	margin-right: 30px;
}
.explain_list li:nth-child(2){
	line-height: 68px;
}
.c2{
	width: 68px;
	height: 68px;
	background: #c875aa;
	border-radius: 50%;
	margin-right: 33px;
	margin-left: 3px;
}
.explain_list li:nth-child(3){
	line-height: 62px;
}
.c3{
	width: 62px;
	height: 62px;
	background: #5eb4b4;
	border-radius: 50%;
	margin-right: 36px;
	margin-left: 6px;
}
.explain_list li:nth-child(4){
	line-height: 56px;
}
.c4{
	width: 56px;
	height: 56px;
	background: #f4cb1b;
	border-radius: 50%;
	margin-right: 39px;
	margin-left: 9px;
}
.explain_list li:nth-child(5){
	line-height: 50px;
}
.c5{
	width: 50px;
	height: 50px;
	background: #008fcf;
	border-radius: 50%;
	margin-right: 42px;
	margin-left: 12px;
}
.summary{
	width: 870px;
	line-height: 34px;
	border-radius: 50px;
	border: 2px solid #fff;
	margin: 0 auto;
	font-size: 24px;
	color: #c7c7c7;
	text-align: left;
	padding: 17px 36px;
}


.section2{
	width: 960px;
	/*background: url(../images/img51.jpg);*/
	padding-bottom: 50px;
}
.main_box{
	padding-top: 23px;
}
.com_box{
	background: rgba(255,255,255,0.1);
	padding-top: 30px;
	padding-bottom: 30px;
}
.com_box .title{
	font-size: 30px;
	color: #dfdfdf;
	padding-left: 105px;
	margin-bottom: 60px;
}
.com_box .title a{
	height: 54px;
	line-height: 54px;
	background: #5eb4b4;
	color: #fff;
	font-size: 32px;
	margin-right: 38px;
	border-radius: 50px;
	padding: 0 29px;
}