/*new index css*/
/*ban1*/
.ban1{
	width: 100%;
	min-height: 586px;
	background-color: #fff;
}
.ban1_header{
	width: 1430px;
	font-size: 46px;
	color: #c996f8;
	font-family: STHupo;
	margin-top: 48px;
	margin-bottom: 80px;
}
.five_steps{
	position: relative;
	width: 1155px;
	height: 457px;
	background: url(../images/ban1_div.png) no-repeat;
}
.single_step{
	position: absolute;
	top: 12px;
	width: 72px;
	height: 73px;
	background: url(../images/five_steps.png) no-repeat;
    -webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    -o-transition: -o-transform 0.7s ease-out;
    -ms-transition: -ms-transform 0.7s ease-out;
}
.single_step:hover{
    -webkit-transform: rotateZ(360deg) scale(1.1);
    -moz-transform: rotateZ(360deg) scale(1.1);
    -o-transform: rotateZ(360deg) scale(1.1);
    -ms-transform: rotateZ(360deg) scale(1.1);
    transform: rotateZ(360deg) scale(1.1);	
}
.step1{
	left: 15px;
}
.step2{
    background-position: 0 -78px;
    left: 516px;
}
.step3{
    background-position: 0px -172px;
    right: 63px;
}
.step4{
    background-position: 0px -256px;
    left: 278px;
    top: 287px;
}
.step5{
    background-position: 0px -351px;
    left: 772px;
    top: 287px;
}
.five_steps p{
	position: absolute;
	white-space: nowrap;
	font-size: 24px;
	color: #9a9a9a;
}
.step_p1{
    top: 100px;
    left: 7px;
}
.step_p2{
    top: 100px;
    left: 460px;
}
.step_p3{
    top: 100px;
    left: 974px;
}
.step_p4{
    top: 378px;
    left: 265px;
}
.step_p5{
    top: 378px;
    left: 717px;
}

/*ban2*/
.ban2{
	width: 100%;
	height: 871px;
	background: url(../images/ban2.png) no-repeat center top;
	background-size: 100%;
}
.ban2_gongneng{
	position: relative;
	top: 91px;
	width: 678px;
	height: 640px;
	background: url(../images/ban2_gongneng.png) no-repeat;
}
.gongneng{
	position: absolute;
}
.ban2_gongneng p{
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	font-size: 24px;
	color: #434342;
}
.gongneng1{
	top: -24px;
	left: -253px;
}
.gongneng2{
    top: 270px;
    left: -266px;
}
.gongneng3{
    top: 657px;
    left: 19px;
}
.gongneng4{
    top: -40px;
    left: 495px;
}
.gongneng5{
    top: 129px;
    left: 682px;
}
.gongneng6 {
    top: 560px;
    left: 555px;
}



/*ban3*/
.ban3{
	position: relative;
	width: 100%;
	padding-top: 25.6%;
}
.turn{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	padding-top: 25.6%;
}
.turn1{
	display: block;
	background: url(../images/turn1.png) no-repeat center;
	background-size: contain;
}
.turn2{
	background: url(../images/turn2.png) no-repeat center;
	background-size: contain;
}
.turn3{
	background: url(../images/turn3.png) no-repeat center;
	background-size: contain;
}
.turn4{
	background: url(../images/turn4.png) no-repeat center;
	background-size: contain;
}

/*ban4*/
.ban4{
	width: 100%;
	padding-top: 46px;
	min-height: 621px;
}
.two_lunbo{
	width: 1800px;
}
.lunbo_page1, .lunbo_page2{
	width: 841px;
}
.lunbo_page1{
	margin-right: 103px;
}
.ban4 .hupop{
	margin-left: -16px;
	margin-bottom: 16px;
	text-align: center;
	font-size: 46px;
	color: #c996f8;
	font-family: STHupo;
}
.lunbo_left{
	padding-top: 178px;
	width: 100px;
}
.lunbo_left a, .lunbo_right a{
	display: inline-block;
	width: 100px;
	height: 58px;
	background: url(../images/lunbo_arrow.png) no-repeat;
}
.lunbo_left a:hover{
	background-position: 0 -72px;
}
.lunbo_father{
	overflow: hidden;
	width: 655px;
	height: 444px;
}
.center_box{
	overflow: hidden;
	width: 100000px;
	height: 444px;
}
.center_box li{
	float: left;
	width: 300px;
	height: 345px;
	padding-top: 99px;
	margin-right: 28px;
	cursor: pointer;
	background: url(../images/lunbo1_bg.png) no-repeat;
}
.lunbo_page2 .center_box li{
	background: url(../images/lunbo2_bg.png);
}
.lunbo_right{
	width: 70px;
	padding-top: 178px;
}
.lunbo_right a{
	width: 63px;
	background-position: right -142px;
}
.lunbo_right a:hover{
	background-position: right -210px;
}
.sf_touxiang{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
    border: 3px solid #7c6952;
    width: 78px;
    height: 78px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    display: flex;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.sf_touxiang img{
	max-width: 100%;
	-ms-transform:rotate(-45deg) scale(1.42);
	-webkit-transform:rotate(-45deg) scale(1.42);
	-moz-transform: rotate(-45deg) scale(1.42);
	transform:rotate(-45deg) scale(1.42);
	
}
.yz_sf_name{
	margin-top: 16px;
	margin-bottom: 6px;
	font-size: 22px;
	color: #000;
}
.yz_sf_story{
	width: 230px;
	margin: 0 auto;
	text-indent: 2em;
	font-size: 16px;
	color: #b0b0b0;
}

/*ban5 -- ruzhu*/
.ban5{
	width: 1700px;
	margin:0 auto;
}
.qy_ruzhu{
	margin-right: 200px;
}
.qy_ruzhu, .sf_ruzhu{
	position: relative;
	width: 746px;
	height: 315px;
	background: url(../images/qy_ruzhu.png) no-repeat;
	background-size: 746px;
}
.sf_ruzhu{
	background: url(../images/sf_ruzhu.png) no-repeat;
}
.qy_ruzhu:hover, .sf_ruzhu:hover{
	background-position: 0 -501px;
}
.qy_ruzhu h3, .sf_ruzhu h3{
	padding-top: 50px;
	margin-bottom: 25px;
	text-align: center;
	font-size: 46px;
	color: #fff;
	font-family: STHupo;	
}
.ban5 p{
	margin-bottom: 10px;
	text-align: center;
	font-size: 24px;
	color: #fff;
}
.qy_ruzhu a, .sf_ruzhu a{
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}
.qy_ruzhu a:hover, .sf_ruzhu a:hover{
	color: #6adb6c;
}


/*ban6*/
.ban6{
	width: 1700px;
	margin:135px auto 100px auto;
}
.latest_news, .jiaju_know{
	position: relative;
	width: 746px;
}
.latest_news{
	margin-right: 200px;
}
.ban6 h3{
	padding-left: 57px;
	font-size: 46px;
	font-family: STHupo;
	color: #c996f8;
	background: url(../images/two_gonglue.png) no-repeat;
	background-position: 0 7px;
}
.ban6 .jiaju_know h3{
	padding-left: 62px;
	background-position: 0 -67px;
}
.gonglue_cont{
	margin: 35px 0 0 25px;
}
.gonglue_cont li{
	padding-left: 36px;
	background: url(../images/yuan_dian.png) no-repeat 0 center;
	cursor: pointer;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 30px;
	color: #000000;
}
.gonglue_cont li a{
	color: #000000;
}
.gonglue_cont li a:hover, .more_cont:hover{
	color: #6adb6c;
}
.more_cont{
	position: absolute;
	right: 0;
	top: 26px;
	font-size: 24px;
	color: #000;
}


/*fit to small computer*/
@media screen and (max-width: 1480px){
	.banner{
		height: 630px;
	}
	.banbox{
		margin: 118px auto 0 auto;
	}
	.ban1_header{
		width: 1200px;
		font-size: 37px;
	}
	.ban1_header{
	    margin-top: 35px;
    	margin-bottom: 58px;
	}
	.ban1{
		min-height: 498px;
	}
	.five_steps{
		width: 981px;
		height: 388px;
		background-size: contain;
		-ms-behavior: url(backgroundsize.min.htc);
		behavior: url(backgroundsize.min.htc);
	}
	.single_step{
		top: 10px;
		width: 59px;
		height: 62px;
		background-size: 59px;
		-ms-behavior: url(backgroundsize.min.htc);
		 behavior: url(backgroundsize.min.htc);
	}
	.step1{
		left: 13px;
	}
	.step2{
	    background-position: 0 -65px;
	    left: 440px;
	}
	.step3{
	    background-position: 0px -140px;
	    right: 54px;
	}
	.step4{
	    background-position: 0px -214px;
	    left: 236px;
	    top: 243px;
	}
	.step5{
	    background-position: 0px -287px;
	    left: 656px;
	    top: 243px;
	}
	.five_steps p{
		font-size: 21px;
		color: #9a9a9a;
	}
	.step_p1{
	    top: 82px;
	    left: 4px;
	}
	.step_p2{
	    top: 82px;
	    left: 386px;
	}
	.step_p3{
	    top: 82px;
	    left: 818px;
	}
	.step_p4{
	    top: 315px;
	    left: 222px;
	}
	.step_p5{
	    top: 315px;
	    left: 611px;
	}
	/*ban2*/
	.ban2_gongneng {
	    top: 45px;
	    width: 508px;
	    height: 480px;
		background-size: contain;
		-ms-behavior: url(backgroundsize.min.htc);
		 behavior: url(backgroundsize.min.htc);
	}
	.ban2_gongneng p{
		height: 24px;
		line-height: 24px;
		font-size: 16px;
	}
	.ban2{
		height: 663px;
		background-size: 100%;
		-ms-behavior: url(backgroundsize.min.htc);
		 behavior: url(backgroundsize.min.htc);	
	}
	.gongneng1 {
	    top: -11px;
	    left: -155px;
	}
	.gongneng2 {
	    top: 223px;
	    left: -177px;
	}
	.gongneng3 {
	    top: 478px;
	    left: 27px;
	}
	.gongneng4 {
	    top: -24px;
	    left: 374px;
	}
	.gongneng5 {
	    top: 105px;
	    left: 522px;
	}
	.gongneng6 {
	    top: 414px;
	    left: 428px;
	}
/*ban4*/
	.ban4{
		width: 100%;
		padding-top: 33px;
		min-height: 447px;
	}
	.two_lunbo{
		width: 1278px;
	}
	.lunbo_page1, .lunbo_page2{
		width: 605px;
	}
	.lunbo_page1{
		margin-right: 66px;
	}
	.ban4 .hupop{
		margin-bottom: 11px;
		font-size: 33px;
	}
	.lunbo_left{
		padding-top: 128px;
		width: 72px;
	}
	.lunbo_left a, .lunbo_right a{
		width: 72px;
		height: 42px;
		background-size: 31px;
		-ms-behavior: url(backgroundsize.min.htc);
	 	behavior: url(backgroundsize.min.htc);
	}
	.lunbo_left a:hover{
		background-position: 0 -52px;
		-ms-behavior: url(backgroundsize.min.htc);
	 	behavior: url(backgroundsize.min.htc);
	}
	.lunbo_father{
		width: 471px;
		height: 320px;
	}
	.center_box{
		width: 100000px;
		height: 320px;
	}
	.center_box li{
		width: 216px;
		height: 248px;
		padding-top: 71px;
		margin-right: 20px;
		background-size: 216px;
		-ms-behavior: url(backgroundsize.min.htc);
		 behavior: url(backgroundsize.min.htc);
	}
	.lunbo_page2 .center_box li{
		background-size: 216px;
		-ms-behavior: url(backgroundsize.min.htc);
		 behavior: url(backgroundsize.min.htc);
	}
	.lunbo_right{
		width: 50px;
		padding-top: 128px;
	}
	.lunbo_right a{
		width: 45px;
		background-position: right -102px;
		background-size: 31px;
		-ms-behavior: url(backgroundsize.min.htc);
		 behavior: url(backgroundsize.min.htc);
	}
	.lunbo_right a:hover{
		background-position: right -151px;
	}
	.sf_touxiang{
	    border: 2px solid #7c6952;
	    width: 56px;
	    height: 56px;
	}
	.yz_sf_name{
		margin-top: 10px;
		margin-bottom: 3px;
		font-size: 16px;
	}
	.yz_sf_story{
		width: 165px;
		font-size: 12px;
	}
/*ban5*/
	.ban5{
		width: 1224px;
	}
	.qy_ruzhu{
		margin-right: 144px;
	}
	.qy_ruzhu, .sf_ruzhu{
		width: 537px;
		height: 226px;
		background-size: 537px;
		-ms-behavior: url(backgroundsize.min.htc);
		 behavior: url(backgroundsize.min.htc);
	}
	.sf_ruzhu{
		background-size: 537px;
		-ms-behavior: url(backgroundsize.min.htc);
		 behavior: url(backgroundsize.min.htc);
	}
	.qy_ruzhu:hover, .sf_ruzhu:hover{
		background-position: 0 -361px;
	}
	.qy_ruzhu h3, .sf_ruzhu h3{
		padding-top: 36px;
		margin-bottom: 18px;
		font-size: 33px;
	}
	.ban5 p{
		margin-bottom: 7px;
		font-size: 17px;
	}
	.qy_ruzhu a, .sf_ruzhu a{
		right: 14px;
		bottom: 14px;
		font-size: 17px;
	}
/*ban6*/
	.ban6{
		width: 1224px;
		margin:97px auto 72px auto;
	}
	.latest_news, .jiaju_know{
		width: 537px;
	}
	.latest_news{
		margin-right: 144px;
	}
	.ban6 h3{
		padding-left: 41px;
		font-size: 33px;
		background-position: 0 5px;
		background-size: 36px;
		-ms-behavior: url(backgroundsize.min.htc);
		 behavior: url(backgroundsize.min.htc);
	}
	.ban6 .jiaju_know h3{
		padding-left: 45px;
		background-position: 0 -48px;
	}
	.gonglue_cont{
		margin: 25px 0 0 18px;
	}
	.gonglue_cont li{
		padding-left: 26px;
		font-size: 17px;
		line-height: 17px;
		margin-bottom: 22px;
	}
	.more_cont{
		right: 0;
		top: 19px;
		font-size: 17px;
	}
}


/*fit to middle computer*/
@media screen and (min-width: 1480px) and (max-width: 1880px){
	.banner{
		height: 700px;
	}
	.ban1_header{
		width: 1200px;
		font-size: 37px;
	}
	.ban1_header{
	    margin-top: 39px;
    	margin-bottom: 64px;
	}
	.ban1{
		min-height: 553px;
	}
	.five_steps{
		width: 1090px;
		height: 431px;
		background-size: contain;
		-ms-behavior: url(backgroundsize.min.htc);
		behavior: url(backgroundsize.min.htc);
	}
	.single_step{
		top: 11px;
		width: 66px;
		height: 69px;
		background-size: 66px;
		-ms-behavior: url(backgroundsize.min.htc);
		behavior: url(backgroundsize.min.htc);
	}
	.step1{
		left: 14px;
	}
	.step2{
	    background-position: 0 -72px;
	    left: 489px;
	}
	.step3{
	    background-position: 0px -156px;
	    right: 60px;
	}
	.step4{
	    background-position: 0px -234px;
	    left: 262px;
	    top: 270px;
	}
	.step5{
	    background-position: 0px -319px;
	    left: 729px;
	    top: 270px;
	}
	.five_steps p{
		font-size: 24px;
	}
	.step_p1{
	    top: 91px;
	    left: 5px;
	}
	.step_p2{
	    top: 91px;
	    left: 429px;
	}
	.step_p3{
	    top: 91px;
	    left: 909px;
	}
	.step_p4{
	    top: 350px;
	    left: 247px;
	}
	.step_p5{
	    top: 350px;
	    left: 679px;
	}
	/*ban2*/
	.ban2_gongneng {
	    top: 50px;
	    width: 564px;
	    height: 533px;
		background-size: contain;
		-ms-behavior: url(backgroundsize.min.htc);
		behavior: url(backgroundsize.min.htc);
	}
	.ban2_gongneng p{
		height: 28px;
		line-height: 28px;
		font-size: 18px;
	}
	.ban2{
		height: 734px;
	}
	.gongneng1 {
	    top: -12px;
	    left: -172px;
	}
	.gongneng2 {
	    top: 248px;
	    left: -197px;
	}
	.gongneng3 {
	    top: 531px;
	    left: 30px;
	}
	.gongneng4 {
	    top: -27px;
	    left: 416px;
	}
	.gongneng5 {
	    top: 117px;
	    left: 580px;
	}
	.gongneng6 {
	    top: 460px;
	    left: 476px;
	}
/*ban4*/
	.ban4{
		padding-top: 37px;
		min-height: 497px;
	}
	.two_lunbo{
		width: 1420px;
	}
	.lunbo_page1, .lunbo_page2{
		width: 672px;
	}
	.lunbo_page1{
		margin-right: 62px;
	}
	.ban4 .hupop{
		margin-bottom: 12px;
		font-size: 37px;
	}
	.lunbo_left{
		padding-top: 142px;
		width: 80px;
	}
	.lunbo_left a, .lunbo_right a{
		width: 80px;
		height: 47px;
		background-size: 34px;
		-ms-behavior: url(backgroundsize.min.htc);
		behavior: url(backgroundsize.min.htc);
	}
	.lunbo_left a:hover{
		background-position: 0 -58px;
	}
	.lunbo_father{
		width: 523px;
		height: 356px;
	}
	.center_box{
		width: 100000px;
		height: 356px;
	}
	.center_box li{
		width: 240px;
		height: 276px;
		padding-top: 79px;
		margin-right: 22px;
		background-size: 240px;
		-ms-behavior: url(backgroundsize.min.htc);
		behavior: url(backgroundsize.min.htc);
	}
	.lunbo_page2 .center_box li{
		background-size: 240px;
		-ms-behavior: url(backgroundsize.min.htc);
		behavior: url(backgroundsize.min.htc);
	}
	.lunbo_right{
		width: 56px;
		padding-top: 142px;
	}
	.lunbo_right a{
		width: 50px;
		background-position: right -113px;
		background-size: 34px;
		-ms-behavior: url(backgroundsize.min.htc);
		behavior: url(backgroundsize.min.htc);
	}
	.lunbo_right a:hover{
		background-position: right -168px;
	}
	.sf_touxiang{
	    border: 3px solid #7c6952;
	    width: 62px;
	    height: 62px;
	}
	.yz_sf_name{
		margin-top: 15px;
		margin-bottom: 4px;
		font-size: 18px;
	}
	.yz_sf_story{
		width: 183px;
		font-size: 13px;
	}
/*ban5*/
	.ban5{
		width: 1360px;
	}
	.qy_ruzhu{
		margin-right: 160px;
	}
	.qy_ruzhu, .sf_ruzhu{
		width: 597px;
		height: 251px;
		background-size: 597px;
		-ms-behavior: url(backgroundsize.min.htc);
		behavior: url(backgroundsize.min.htc);
	}
	.sf_ruzhu{
		background-size: 597px;
		-ms-behavior: url(backgroundsize.min.htc);
		behavior: url(backgroundsize.min.htc);
	}
	.qy_ruzhu:hover, .sf_ruzhu:hover{
		background-position: 0 -401px;
	}
	.qy_ruzhu h3, .sf_ruzhu h3{
		padding-top: 40px;
		margin-bottom: 20px;
		font-size: 37px;
	}
	.ban5 p{
		margin-bottom: 8px;
		font-size: 19px;
	}
	.qy_ruzhu a, .sf_ruzhu a{
		right: 16px;
		bottom: 16px;
		font-size: 19px;
	}
/*ban6*/
	.ban6{
		width: 1361px;
		margin:108px auto 80px auto;
	}
	.latest_news, .jiaju_know{
		width: 597px;
	}
	.latest_news{
		margin-right: 160px;
	}
	.ban6 h3{
		padding-left: 46px;
		font-size: 37px;
		background-position: 0 6px;
		background-size: 40px;
		-ms-behavior: url(backgroundsize.min.htc);
		behavior: url(backgroundsize.min.htc);
	}
	.ban6 .jiaju_know h3{
		padding-left: 50px;
		background-position: 0 -53px;
	}
	.gonglue_cont{
		margin: 28px 0 0 20px;
	}
	.gonglue_cont li{
		padding-left: 29px;
		font-size: 19px;
		line-height: 19px;
		margin-bottom: 24px;
	}
	.more_cont{
		right: 0;
		top: 21px;
		font-size: 19px;
	}	
}