.you_top_con{
	background: url(../img/youh1.png) no-repeat;
}
.you_head{
	max-width: 1200px;
	margin: 0px auto;
	padding-top: 120px;
	overflow: hidden;
}
.you_head_left{
	float: left;
	width: 60%;
	padding-top: 180px;
}
.you_head_right{
	float: right;
	width: 40%;
}
.you_head_left h1{
	font-size: 54px;
	color: white;
	letter-spacing: 8px;
}
.you_head_left h1 span{
	font-size: 64px;
}
.you_head_left h2{
	font-size: 36px;
	color: white;
	letter-spacing:3px;
	margin-top: 18px;
}
.you_head_left p{
	font-size: 24px;
	color: #6cc6ff;
	margin-top: 60px;
}
.you_head_left p span{
	display: inline-block;
	margin-right: 50px;
}
.you_one_bottom{
	max-width: 1200px;
	margin: 0px auto;
	margin-top: 180px;
}
.you_one_bottom ul{
}
.you_one_bottom ul li{
	float: left;
	width: 31.1%;
	margin-right: 3.3%;
		text-align:center;
	height: 380px;
	background-color: white;
	border-radius: 10px;
	box-shadow:0px 0px 5px 0px #b2b2b2;
	    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.you_one_bottom ul li:nth-of-type(3){
	margin-right: 0px;
}
.you_one_bottom ul li div{
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 55px;
		height: 100px;

}
.you_one_bottom ul li div span{
	position: absolute;
	text-align: center;
	width: 100%;
	display: inline-block;
		height: 100px;
		left: 0px;
}
.you_one_bottom ul li img{
	
}
.you_one_bottom ul li h1{
	font-size: 24px;
	margin-top: 28px;

}
.lvxian{
	width: 90px;
	height: 1px;
	background-color: #6881a9;
	margin:0px auto;
	margin-top: 18px;
	display: inline-block;
}
.you_one_bottom ul li p{
	margin-top: 15px;
	font-size: 14px;
	
}
.you_one_bottom ul li p span{
	color: #39a3ae
}

.you_one_bottom_img1{

}
.you_one_bottom_img2{
	display: none;
}
.you_one_bottom ul li:hover{
	background-color: #6422e6
}
.you_one_bottom ul li:hover .you_one_bottom_img1{
	display: none;
}
.you_one_bottom ul li:hover .you_one_bottom_img2{
	display: inline;
}
.you_one_bottom ul li:hover .you_one_bottom_li_h1{
	color: white
}
.you_one_bottom ul li:hover .you_one_bottom_p{
	color: white
}
.you_one_bottom ul li:hover .you_one_bottom_p span{
	color: white
}
.you_one_bottom ul li:hover .lvxian{
	background-color: white
}

.you_two{
	margin-top: 100px;text-align: center;
}
.you_two h1{
	font-size: 36px;
	letter-spacing: 2px;
	
}
.you_two h2{
	font-size: 18px;
	margin-top: 20px;
	letter-spacing: 1px;
}
.you_two h3{
	font-size: 14px;
	max-width: 1050px;
	margin: 0px auto;
	margin-top: 18px; 
	line-height: 30px;
	letter-spacing: 1px;
}

.you_two h3{
	font-size: 14px;
	max-width: 1050px;
	margin: 0px auto;
	margin-top: 18px; 
	line-height: 30px;
	letter-spacing: 1px;
}

.you_two_con{
	max-width: 1300px;
	margin: 0px auto;
	position: relative;
	margin-top: 50px;
}

.you_two_c_s{
	position: absolute;
	text-align: center;
	top: 50px;
	left: 590px;
}
.you_two_c_s_s1{
	font-size: 30px;
	color: white;
	display: inline-block;
	width: 100%;


}
.you_two_c_s_s2{
	font-size: 18px;
	color: white;
	margin-top: 8px;

}
.you_two_c_s span{
	display: block;
	letter-spacing: 1px
}
.you_two_c_s span span{
	display: block;
}
.you_two_c_s2{
    top: 197px;
    left: 119px;	
}
.you_two_c_s3{
    top: 89px;
    left: 426px;
}
.you_two_c_s4{
    top: 335px;
    left: 415px;
}
.you_two_c_s5{

top: 253px;

left: 740px;
}
.you_two_c_s6{
	
top: 21px;
	
left: 821px;
}
.you_two_c_s7{
	
top: 127px;
	 
left: 1052px;
}


.you_bottom_con{
	background: url(../img/youh2.png) no-repeat;
	margin-bottom: 45px;
}

.you_three{
	max-width: 1200px;
	width: 100%;
	margin: 0px auto;
	margin-top: 100px;
}
.you_three h1{
	font-size: 36px;
	text-align: center;
	position: relative;
	z-index: 20 
}
.you_three h2{
	font-size:26px;
	text-align: center;
	position: relative;
	top: -16px;
	color: #ececec;
		letter-spacing: 1px;
		z-index: 10
}


.you_three_con{
	position: relative;
	z-index: 200;
	margin-top: 50px;
	background-color: white;
	box-shadow:3px 4px 6px 0px #ccc;
	padding-bottom: 50px;
}
.you_three_con ul{
	max-width: 1130px;
	margin: 0px auto;
}
.you_three_con li{
	float: left;
	width: 16.66%;
	text-align: center;
}
.you_three_con_p{
	width: 160px;
	height: 50px;
	border:1px solid #cecece;
	text-align: center;
	line-height: 50px;
	margin: 0px auto;
	font-size: 18px;
}
.you_three_con_pwu{
		width: 160px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	margin: 0px auto;
	font-size: 18px;
}
.you_three_con li span{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: white;
  background: linear-gradient(to right, #1564dd , #673adf); /* 标准的语法 */
  	margin: 30px 0;
  	position: relative;
  	z-index: 50
}

.you_three_con_xian{

position: absolute;

width: 100%;

top: 81px;

z-index: 10;

text-align: center;
}
.you_three_con_xian span{
	width: 950px;
	top: 200px;
	margin: 0px auto;
	height: 1px;
	display: inline-block;
	background-color: #cdcdcd;
}



.you_four{
	max-width: 1200px;
	width: 100%;
	margin: 0px auto;
	margin-top: 100px;
}
.you_four h1{
	font-size: 36px;
	text-align: center;
	position: relative;
	z-index: 20 ;
	color: white
}
.you_four h2{
	font-size:26px;
	text-align: center;
	position: relative;
	top: -16px;
	color: #6443c8;
		letter-spacing: 1px;
		z-index: 10
}


.you_four_con{
	position: relative;
	z-index: 200;
	margin-top: 50px;
}
.you_four_con_p1{
	background-color: #532ab4;
	font-size: 22px;
	padding:14px 0;
	color: white;
	text-align: center;
	letter-spacing: 2px;
}

.you_four_con td{
	padding: 18px 0;
	color: white
}
.you_four_con tr{
	width: 100%
}
.you_four_con table{
	width: 100%;
	text-align: center;
	margin-top: 35px;
}
.you_four_con tr:first-child{
	font-size: 18px;
	color: white;
	font-weight: bold
}
.you_four_con tr:first-child td{
	font-size: 18px;
	color: white !important;
	font-weight: bold
}
.you_four_con tr td{
	font-size: 16px;
	width: 20%;
}
.you_four_con tr td:nth-of-type(4){
	color: #00cc3f
}
.you_four_con tr td:nth-of-type(5){
	color: #ba1945
}
td{border:solid #ffeeff; border-width:0px 1px 1px 0px;}
table{border:solid #ffeeff; border-width:1px 0px 0px 1px;}


.you_four_con_a{
	margin-top: 20px;
}
.you_four_con_a p{
    margin-bottom: 0px;
    color: white;
    line-height: 1;
    text-align: center;
}
.you_four_con_a a{
	color: white;
	margin-top: 14px;
	display: inline-block;
	font-size: 16px;
}
.you_four_con{
	padding-bottom: 30px;
}

.app_di{
	background-color: #f1f1f1;
	overflow: hidden;
	padding: 14px 0;
	padding-top: 0px;
	/*padding-bottom: 40px;*/
	margin-top: 80px;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 1000;
}
.app_di p{
	color: white
}
.app_di_con{
	overflow: hidden;
	max-width: 720px;
	width: 100%;
	margin: 0px auto;
}

.zt_foot span{
	display: inline-block;
	padding: 10px 0
}
.zt_foot_s1{
	font-size: 17px;
	color: #7140fc;
	font-family: "";
	letter-spacing: 3px;
	font-weight: bold;
	position: relative;
	top: 3px;
}
.zt_foot_a1 span:nth-of-type(1){
		font-size: 30px;
		color: #7140fc;
		font-family: "";
		letter-spacing: 3px;
		font-weight: bold;
		font-style:italic;
		text-shadow: 0.1em 0.1em 0.33em #808080;
		position: relative;
		top: 9px;
}
.zt_foot_a1 span:nth-of-type(2){
		font-size: 14px;
		color: #7140fc;
		/*font-family: "";*/
		font-weight: bold;
		position: relative;
		top: 9px;
		font-style: oblique;
		letter-spacing: 1px;
		text-shadow: 0.1em 0.1em 0.33em #808080;
}
.zt_foot_a2{
	margin-left: 40px;
}
.zt_foot_a2 img{
	width: 35px;
}
.zt_foot_a2 b{
	position: relative;
    top: 11px;
    left: 5px;
    font-size: 12px;
}
.zt_foot_shou{
	display: none;
	text-align: center;
	
}
.zt_foot_shou a{
	color: #7140fc
}
.zt_foot_shou a span{
	font-size: 12px;
	color: #7140fc;
	margin-left: 4px;
}
.zt_foot_shou a b{
			font-weight: bold;
	color: #7140fc;
		font-style: oblique;
		letter-spacing: 1px;
		text-shadow: 0.1em 0.1em 0.33em #808080;
}
.zhanshi_header{
	display: none;
}
.you_four{
	margin-bottom: 76px
}


@media (max-width: 1024px){
.you_head {
    max-width: 94%
}
.you_head_right {
    position: absolute;
    right: 30px;
}
.you_head_left {
    float: left;
    width: 100%;
}
.you_one_bottom {
    max-width: 94%;
}
.you_two_c_s2 {
    top: 164px;
    left: 21px;
}
.you_two_c_s3{
    top: 71px;
    left: 280px;
}
.you_two_c_s4{
    top: 277px;
    left: 277px;
}
.you_two_c_s5{

top: 212px;

left: 552px;
}
.you_two_c_s6{
	
top: 14px;
	
left: 623px;
}
.you_two_c_s7{
	
top: 105px;
	
left: 817px;
}
.you_two{
	max-width: 94%
}
.you_three {
    max-width: 94%
}
.you_three_con_xian span {
    width: 84%;
}
.you_four {
    max-width: 94%
}
}


@media (max-width: 768px){

	.you_head_left {
    padding-top: 120px;
}
.you_three_con_p {
    width: 104px;
}
.you_two_c_s2 {
    top: 121px;
    left: 12px;
}
.you_two_c_s3{
    top: 56px;
    left: 209px;
}
.you_two_c_s4{
    top: 207px;
    left: 206px;
}
.you_two_c_s5{

top: 157px;

left: 413px;
}
.you_two_c_s6{
	
top: 8px;
	
left: 467px;
}
.you_two_c_s7{
	
top: 77px;
	
left: 611px;
}
.you_two_c_s_s2 {
    font-size: 14px;
    color: white;
    margin-top: 4px;
}
.you_two_c_s_s1 {
    font-size: 22px;
}

}


@media (max-width: 480px){
	.zhanshi_header{
	display: block;
}
		.zt_foot_shou{
	display: block;
}
.zt_foot{
	display: none;
}

.you_head_left {
    float: none;
    width: 100%;
    text-align: center;
}
.you_head_right {
    position: static;
    right: auto;
}
.you_head_left h1 {
    font-size: 30px;
        letter-spacing: 4px;
}.you_head_left h1 span{
    font-size: 30px;
}
.you_head_left h2 {
    font-size: 18px;
        margin-top: 13px;
}
.you_head {
    padding-top: 0px;
}
.you_head_left {
    padding-top: 40px;
}
.you_head_left p span{
	margin-right: 5px
}
.you_head_left p {
    font-size: 14px;
}
.you_head_left p span img{
	max-width: 19px;
}
.you_head_left p {
    margin-top: 10px;
}
.you_head_right{
	display: none;
}
.you_one_bottom {
    margin-top: 35px;
}
.you_one_bottom ul li {
    float: none;
    width: 100%
}
.zhanshi_header{
	position: relative;
}
#zhanshi{
	width: 100%;
	height: auto;
	overflow: hidden;
	border-radius: 5px;
}
#img li{
	width: 33.33333%;
	height: auto;
	padding: 0px;
	float: left;
	height: 260px;
	margin-right: 0px;
	position: relative;
	border-radius:0px
}
#img{
	width: 300%;
}


#dianji{
	position: absolute;
	bottom: 20px;
	left: 46.8%;
}
#dianji li{
	list-style: none;
	float: left;
    width: 8px;
    height: 8px;
	margin-left: 5px;
	border-radius: 5px;
	cursor: pointer;
	    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}
.checked{
	background-color: #6422e6 !important;
}
.mochecked{
	background-color: black;

}
.you_one_bottom_ul1{
	display: none;
}
.zhanshi_header {
    position: relative;
    max-width: 300px;
    margin: 0px auto;
    border-radius:5px
}
.you_one_bottom ul li div{
	margin-top: 30px;	height: 80px
}
.you_one_bottom ul li h1 {
    font-size: 20px;
    margin-top: 18px;
}
.you_one_bottom ul li img{
	max-width: 80px
}
.you_one_bottom ul li div span{
	height: 80px
}
.you_one_bottom ul li p {
    margin-top: 10px;
}
#dianji {
    position: absolute;
    bottom: -40px;
    left: 40.8%;
    width: 50px;
}
.you_two {
    margin-top: 60px;
}
.you_two{
	margin: 0px auto;
	margin-top: 30px;
}
.you_two h1 {
    font-size: 26px;
}
.you_two_con img{
	display: none;
}
.you_two_c_s{
	position:relative;
	left: auto !important;
	top: auto !important;
}
.you_two_c_s_s2{
	color: white
}
.you_two_c_s_s1{
	color: white
}
.you_two_c_s{
	
}
.you_two_con div{
	overflow: hidden;
}
.you_two_con li{
	float: left;
	width: 33.3%;
	margin-bottom: 8px;
}
.you_two_c_s span span {
    display: inline-block;
}
.you_two_c_s{
	width:120px;
	height:120px;
	border-radius: 50%;
	background-color: yellow;
	text-align: center;
	display: inline-block;
	    background: linear-gradient(to right, #1564dd , #673adf);
}
.you_top_con {
    background: none
}
.you_top_con_d {
    background: url(../img/youh1.png) no-repeat;
}
.you_top_con_d {
    padding-bottom: 71px;
}
.you_two h2 {
    font-size: 18px;
    margin-top: 12px;
}.you_two h3 {
    margin-top: 11px;
    line-height: 26px;
}
.you_two_con {
    margin-top: 11px;
}
.you_two_c_s_s1 {
    color: white;
    margin-top: 24px;
}
.you_three {
    margin-top: 20px;
}
.you_bottom_con {
    background: none;
    
}
.you_four{
	max-width:100%;
	background-color: #25009c;
	padding-top: 30px;
}
.you_four_head{
	width: 94%;
	margin:0px auto 
}
.you_four_con{
	width: 94%;
	margin:0px auto 	
}
.you_three h1 {
    font-size: 26px;
}
.you_three h2 {
    font-size: 24px;
    top: -20px;
}
.you_three_con {
    margin-top: 0;
    padding-bottom: 0;
}
.you_three_con_p{
	font-size: 14px;
}
.you_three_con_p {
    width: 79px;
    height: 38px;
    line-height: 38px;
}
.you_three_con_pwu{
    width: 81px;
    height: 38px;
    line-height: 38px;
}
.you_three_con li span{
	margin: 20px 0
}
.you_three_con_xian {
    top: 59px;
}
.you_four{
	margin-top: 30px
}
.you_three_con {
    box-shadow:none;
}
.you_three_con_p {
    position: relative;
    left: -5px;
}
.you_four h1 {
    font-size: 26px;
}
.you_four h2 {
    font-size: 24px;
    top: -20px;
}
.you_four_con_p1 {
    background-color: #532ab4;
    font-size: 18px;
    padding: 8px 0;
}.you_three_con_pwu {
    width: 0;
}
.you_one_bottom ul li:hover{
	background-color: white
}
.you_one_bottom ul li:hover .you_one_bottom_img1{
	display: inline;
}
.you_one_bottom ul li:hover .you_one_bottom_img2{
	display: none;
}
.you_one_bottom ul li:hover .you_one_bottom_li_h1{
	color: black
}
.you_one_bottom ul li:hover .you_one_bottom_p{
	color: black
}
.you_one_bottom ul li:hover .you_one_bottom_p span{
	color: black
}
.you_one_bottom ul li:hover .lvxian{
	background-color: #6881a9
}
.you_four_con table{
	margin-top: 30px
}
.app_di {
    padding-top: 14px;
}
.you_four{
	margin-bottom: 0px
}
}



@media (max-width: 375px){
.you_two_c_s_s1 {
    color: white;
    margin-top: 32px;
}
.you_two_con li {
    float: left;
    width: 50%;
    margin-bottom: 12px;
}
.you_two_c_s {
    width: 130px;
    height: 130px;
}
.you_two_con div {
    overflow: hidden;
    width: 84%;
    margin: 0px auto;
}
.you_four_con tr td {

    padding: 2px;
}
.you_four_con table {
    width: 100%;
    text-align: center;
    margin-top: 27px;
}
.you_three_con_p {
    position: relative;
    left: -5px;
}
.you_three_con_p {
    width: 73px;
}
.you_four_con {
    padding-bottom: 24px;
}
.you_four_con_a {
    margin-top: 18px;
}
.zhanshi_header {
    position: relative;
    max-width: 260px;
    margin: 0px auto;
       box-shadow: 0px 0px 5px 0px #b2b2b2;
}
.you_two h1 {
    font-size: 26px;
}
.you_three h1 {
    font-size: 26px;
}
.you_four h1 {
    font-size: 26px;
}
.you_head_left p span {
    margin-right: 3px;
}

}



@media (max-width: 360px){
	.you_three_con_p {
    position: relative;
    left: -8px;
}
}

@media (max-width: 320px){
	.you_four_con tr td {
    font-size: 15px;
    width: 20%;
}
.you_three_con_p {
    width: 67px;
}
.you_three_con_p {
    position: relative;
    left: -8px;
    font-size: 13px;
}
.you_two_con div {
    overflow: hidden;
    width: 93%;
}
.you_head_left {
    padding-top: 40px;
}
}