/*咨询*/
.dredge{
	width: 100%;
}

.helpline{
	padding: 20px 0;
	overflow: hidden;
	line-height: 50px;
	font-size: 20px;
	background-color: #fff;
}

.helpline_btn{
	margin-right: 50px;
	float: left;
}
.helpline_text{
	line-height: 50px;
	font-size: 18px;
}
.helpline_phone{
	margin-left: 30px;
}


/*选择理由*/
.reason{
	position: relative;
	width: 100%;
	height: 900px;
	background: url(../images/reason.jpg);
	/* background: -webkit-linear-gradient(left bottom, #FD9D3F , #FF465A); */ /* Safari 5.1 - 6.0 */
	/* background: -o-linear-gradient(left bottom, #FD9D3F, #FF465A); */ /* Opera 11.1 - 12.0 */
	/* background: -moz-linear-gradient(left bottom, #FD9D3F, #FF465A); */ /* Firefox 3.6 - 15 */
	/* background: linear-gradient(left bottom, #FD9D3F , #FF465A); */ /* 标准的语法 */
}
.reason_title{
	font-size: 40px;
	color: #fff;
	line-height: 160px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	display: inline-block;
}
.reason_title:hover{
	cursor: pointer;
	color: rgb(206,0,0);
	text-indent: 30px;
}

.promotion_show{
	width: 520px;
	height: 540px;
	margin: 100px auto;
}
.promotion_show img{
	display: block;
	width: 100%;
	height: 100%;
}
.motion{
	position: absolute;
	top: 160px;
	left: 50%;
	width: 1200px;
	height: 740px;
	margin-left: -600px;
	/*background-color: rgba(255,255,255,.2);*/
}

.box{
	position: absolute;
	width: 160px;
	height: 160px;
	/*background-color: rgba(255,255,255,0.3);*/
	animation: box 10s infinite linear;
	-webkit-animation: box 10s infinite linear;
	-moz-animation: box 10s infinite linear;

	transform-origin: right bottom;
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-o-transform-origin: right bottom;
}
.box:nth-child(1){
	top: 100px;
	left: 0px;
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
}
.box:nth-child(2){
	top: -100px;
	left: 450px;
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
}
.box:nth-child(3){
	top: 50px;
	left: 900px;
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
}
.box:nth-child(4){
	top: 350px;
	left: 800px;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
}
.box:nth-child(5){
	top: 400px;
	left: 100px;
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
}
.round{
	width: 160px;
	height: 160px;
	background: url(../images/round.png) no-repeat;
	background-size: cover;
	font-size: 14px;
	color: #fff;
	text-align: center;
	padding: 60px 0;
	box-sizing:border-box;
	animation: round 10s infinite linear;
	-webkit-animation: round 10s infinite linear;
	-moz-animation: round 10s infinite linear;
}


.box:nth-child(1) .round{
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
}
.box:nth-child(2) .round{
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
}
.box:nth-child(3) .round{
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
}
.box:nth-child(4) .round{
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
}
.box:nth-child(5) .round{
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
	-moz-animation-delay: 2.5s;
}




@keyframes box{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@-moz-keyframes box{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@-webkit-keyframes box{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}

@keyframes round{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(-360deg)}
}
@-moz-keyframes round{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(-360deg)}
}
@-webkit-keyframes round{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(-360deg)}
}


/*功能*/

.section{
	width: 100%;
	height: 600px;
}
.section .center{
	height: 100%;
	position: relative;
}
.section_one{
	background: url(../images/fans_bg.png) no-repeat;
	background-size: cover;
}
.section_two{
	background-color: #f9f9f9;
}
.section_three{
	background: url(../images/account_bg.png) no-repeat;
	background-size: cover;
}

.intro{
	position: relative;
	width: 700px;
	height: 600px;
}
.intro_title{
	display: inline-block;
	font-size: 35px;
	padding: 110px 0 45px 0;
	letter-spacing: 3px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}
.intro_title:hover{
	cursor: pointer;
	color: rgb(206,0,0);
	text-indent: 30px;

}
.intro_text{
	width: 500px;
	font-size: 15px;
	line-height: 30px;
}
.intro_btn{
	position: absolute;
	bottom: 110px;
	left: auto;
}

.action_img{
	position: absolute;
	right: -100px;
	top: 54px;
	width: 860px;
	height: 496px;
	overflow: hidden;
}
.action_img img{
	width: 100%;
	height: 100%;
}











/*窗口宽度大于768px小于1200px*/
@media screen and (min-width:768px) and (max-width:1200px){
.helpline{
	padding: 0.5rem 0;
	line-height: 3rem;
}
.helpline_btn{
	margin-top: 0.5rem;
}
.helpline_phone{
	/*margin-left: 0;*/
}


.reason{
	height: 45rem;
}
.promotion_show{
	width: 20rem;
	height:20.769rem;
	margin: 2rem auto;
}
.reason_title{
	text-align: center;	
	font-size: 1.8rem;
	line-height: 8rem;
}

.helpline_text {
    line-height: 3rem;
    font-size: 1.125rem;
}



.motion{
	top: 8rem;
	width: 46.875rem;
	height: 35rem;
	margin-left: -23.4375rem;
}
.box{
	width: 6.25rem;
	height: 6.25rem;
}
.box:nth-child(1){
	top: 6.25rem;
	left: 0.625rem;
}
.box:nth-child(2){
	top: -6.25rem;
	left: 18.75rem;
}
.box:nth-child(3){
	top: 3.125rem;
	left: 32.5rem;
}
.box:nth-child(4){
	top: 19rem;
	left: 25rem;
}
.box:nth-child(5){
	top: 22rem;
	left: 6.25rem;
}
.round{
	width: 6.25rem;
	height: 6.25rem;
	background: url(../images/round.png) no-repeat;
	background-size: cover;
	font-size: 0.875rem;
	color: #fff;
	text-align: center;
	padding: 1.875rem 0;
}




.section{
	height: 31.25rem;
}

.intro{
	width: 100%;
	height: 31.25rem;
}


.intro_title{
	padding: 3rem 0 3rem 0;
	font-size: 2rem;
}

.intro_text{
	width: 22rem;
	height: 32rem;
	font-size: 0.9375rem;
	line-height: 1.875rem;
}


.action_img{
	width: 37.5rem;
	height: 21.875rem;
	top: 4.5rem;
	right: 7.5rem;    /* 120px */
}
.intro_btn{
	bottom: 6rem;
}



}






/* 手机端--------------------------------------------- */
@media screen and (max-width: 767px) {

.helpline{
	padding: 0.5rem 0;
}
.helpline_btn{
	display: none;
}

.M_none{
	display: none;
}

.helpline_text{
	line-height: 1.875rem;
	text-align: center;
}
.helpline_phone{
	margin-left: 0;
	display: block;
}

.reason{
	width: 100%;
	height:31.25rem;
	text-align: center;
}

.reason_title{
	font-size: 1.25rem;
	line-height: 3.75rem;
}

.promotion_show{
	width: 15.625rem;
	height: 16.25rem;
	margin: 70px auto;
}
.motion{
	width: 100%;
	height: 440px;
	top: 50px;
	margin-left: -50%;

}
.box{
	width: 6.25rem;
	height: 6.25rem;
}
.round{
	width: 100%;
	height: 100%;
	padding: 1.875rem 0;
	background-size: 100% 100%;
}



.box:nth-child(1){
	top: 0;
	left: 0.5rem;
}
.box:nth-child(2){
	top: 1rem;
	left: 10rem;
}
.box:nth-child(3){
	top: 18rem;
	left: 10.5rem;
}
.box:nth-child(4){
	top: 14rem;
	left: 2rem;
}
.box:nth-child(5){
	top: 18rem;
	left: 3.25rem;
}


@keyframes box{
	0%{transform:rotate(0deg)}
	25%{transform:rotate(60deg)}
	50%{transform:rotate(0deg)}
	75%{transform:rotate(-60deg)}
	100%{transform:rotate(0deg)}
}
@-moz-keyframes box{
	0%{transform:rotate(0deg)}
	25%{transform:rotate(60deg)}
	50%{transform:rotate(0deg)}
	75%{transform:rotate(-60deg)}
	100%{transform:rotate(0deg)}
}
@-webkit-keyframes box{
	0%{transform:rotate(0deg)}
	25%{transform:rotate(60deg)}
	50%{transform:rotate(0deg)}
	75%{transform:rotate(-60deg)}
	100%{transform:rotate(0deg)}
}

@keyframes round{
	0%{transform:rotate(0deg)}
	25%{transform:rotate(-60deg)}
	50%{transform:rotate(0deg)}
	75%{transform:rotate(60deg)}
	100%{transform:rotate(0deg)}
}
@-moz-keyframes round{
	0%{transform:rotate(0deg)}
	25%{transform:rotate(-60deg)}
	50%{transform:rotate(0deg)}
	75%{transform:rotate(60deg)}
	100%{transform:rotate(0deg)}
}
@-webkit-keyframes round{
	0%{transform:rotate(0deg)}
	25%{transform:rotate(-90deg)}
	50%{transform:rotate(0deg)}
	75%{transform:rotate(90deg)}
	100%{transform:rotate(0deg)}
}


.section{
	height: 25rem;
	overflow: hidden;
}
.section_one,.section_three{
	background: transparent;
}

.intro{
	width: 100%;
	height: auto;
}



.intro_title{
	display: block;
	width: auto;
	font-size: 1.25rem;
	padding: 1.25rem 0;
	margin: 0 auto;
}
.intro_text{
	width: 100%;
	font-size: 0.875rem;
}


.action_img{
	width: 100%;
	height: auto;
	top: auto;
	bottom: 0.625rem;
}
.action_img img{
	width: 100%;
	height: auto;
}













}