body{
	font-family:Microsoft Yahei;
}
/*导航 begin*/
.nav{
	width: 100%;
	height: 80px;
	position: fixed;
	z-index: 99;
	font-family:Microsoft Yahei;
	font-weight: 600;
}
.on_color{
	 background: url(../images/nav_back.png) repeat; 
   }
.chice_nav{
	margin:0 auto;
	width: 1200px;
	height: 80px;
	font-size:18px;
}
.nav_logo{
   float: left;
   margin-top: 10px;
   width: 165px;
   height: 58px;
   background: url(../images/login_logo1.png) no-repeat center center;
 }
.nav_box{
	float: left;
	height: 30px;
	margin: 25px 0px 0px 20px;
	cursor: pointer;
	width:165px;
	text-align:center;
	color: white;
}
.nav_box a{
	color: white;
  }
.nav_box span{
	color: white;
 }
.nav_box a:hover{
	color: #333333;
}
 .nav_box:hover{
	color: #333333;
 }

.on_color .nav_box{color:#333333;}

.on_color .nav_box a{
	color:#333333;
}
 .on_color .nav_box .underline_select{
		width:0%;
		height:2px;
		background:#3AE0BA;
		margin-top:5px;
		float: left; 
	}
.on_color .nav_box a:hover{
	 color:#3AE0BA;
   }
.on_color .nav_box span{
     color:#333333;
   }
/*.on_color .nav_box:hover{
	  
  }*/
.on_color .nav_logo{
  	  background: url(../images/login_logo.png) no-repeat center center;
 }
/*nav end*/

/*head begin*/
.head{
   width: 100%;
   height: 980px;
   background:lightblue url(../images/back_top.jpg) no-repeat 100% 100%; 
   overflow: hidden;
   position: relative;
}
.head_center{
	margin:0 auto;
	width: 1250px;
	height:980px;
	color:white;
}
 .head_left{
     float:left;
     width: 640px;
     z-index: 9;
    }
.head_p1{
    margin-top: 280px;
    font-size: 40px;
  }
.head_p2{ 
	margin-left: 50px;
	margin-top:10px;
    font-size: 18px;
}
.head_p3{
    margin-top:10px;
    font-size: 22px;
}
.head_right{
     float:right;
     width: 600px;
    }
.head_right img{
    margin:120px 0px 0px 100px; 
    width: 462px;
    animation: ballround 20s infinite linear; 
    transition: all 20s ease;
      }
  @keyframes ballround{
	from {transform: rotate(0deg);}
	 to{transform: rotate(360deg);}
   }
@-moz-keyframes ballround /* Firefox */
{
    from {transform: rotate(0deg);}
	  to{transform: rotate(360deg);}
}

@-webkit-keyframes ballround /* Safari and Chrome */
{
     from {transform: rotate(0deg);}
	 to{transform: rotate(360deg);}
}

@-o-keyframes ballround /* Opera */
{
   from {transform: rotate(0deg);}
	 to{transform: rotate(360deg);}
}
/*head end*/

.product{
   width:99%;
   padding: 1px; 
}
 .wheel_text_back{
 	display: block;
 	height: 100px;
 	width:450px;
 	margin:0 auto; 
 	margin-top: -50px;
 	text-align: center;
 	background: url(../images/xinxi.png) no-repeat center center;
 	background-size:100% 100%;
 	color: white;
 	font-size: 20px;
 	line-height: 50px;
 }
.child_title{
   width:1200px;
   margin:0 auto; 
   height: 70px; 
}
.child_title p{
	text-align: center;
}

.p1{
	font-size:24px;
	color:#4CC2EA;
	line-height: 44px;
}
.p_bottom{
	margin:-3px auto;
    width:150px;
    height: 3px;
    background:#00D7A6;
  }
.product_content{
  margin:50px auto;
  width: 1088px;
}
	
  .cp{
  	margin:20px auto;
  	background:#4CC2EA;
  	width: 100%;
  	height: 370px;
  	color: white;
  }
.cp_box{
	width: 147px;
	height: 147px;
	float: left;
	margin-left:150px;
	color: white;
  }
  .cp_box img:hover{
     animation: ballround 1s /* infinite */ linear; 
     transition: all 1s ease;
  }
 .cp_box p{
 	text-align: center;
 }
 .cp_box .cp_p1{
    font-size: 20px;
    margin-top: 10px;
    text-align: center;
 } 
 .cp_box .cp_p2{
 	 font-size: 16px;
 }
.content_cp{
	margin:50px auto;
	width: 1328px;
 }


/*平台服务*/	  
.platform_content{
	margin:0 auto;
	width:1200px;
}
 .contact{
    width: 40%;
    height: 200px;
    margin: 291px 0px 0px 232px;
    display: none;
 }
 .contact p{
    line-height: 50px;
    font-size: 20px;
    color: #fff;
 }
  .platform_left{
      float: left;
      width: 600px; 
      background: url("../images/cpjr.png") no-repeat center center; 
      height: 600px;
      color:#2C93E8;
	}
	.platform_left:hover{
	     background: url("../images/cpjr1.png") no-repeat center center;
	      /* color:#fff;    */
	}
  .platform_left:hover .title_text{
    display: none;
  }
  .platform_left:hover .content_text{
    display: none;
  }
  .platform_left:hover .contact{
    display: block;
  }

  /* .platform_left:hover  .title_text_left{
	  border-bottom: 3px solid #fff; 
	}*/
	.platform_right{
       float: right;
       width: 600px;
       height: 600px;
       background: url("../images/ghhz1.png") no-repeat center center;
       color:#3AE0BA; 
	}
	.platform_right:hover{
	   background: url("../images/ghhz.png") no-repeat center center;
	}
	/*  .platform_right:hover .title_text_right{
           border-bottom: 3px solid white;  
   } */
 .platform_right:hover .title_text{
    display: none;
  }
  .platform_right:hover .content_text{
    display: none;
  }
  .platform_right:hover .contact{
    display: block;
  }
	.title_text{
		width: 311px;
		height: 38px;
	}
	.title_text p{
		text-align:center;
	}
	.title_text .plat_pt1{
        font-size: 23px;
	}
	.content_text .plat_pc{
        font-size: 13px;
        line-height: 40px;
       
	}
	.content_text{
		width: 266px;
		height: 220px;
	}

	.title_text_left{
		margin:292px auto 0px; 
		border-bottom: 3px solid #2C93E8;
	}
	.content_text_left{
		margin:10px auto 0px;
	}
	.title_text_right{
		margin:292px auto 0px;
		border-bottom: 3px solid #3AE0BA;;
	}
	.content_text_right{
		margin:10px auto 0px;
	}

  /*平台服务*/

  
   .foot{
   	   width: 100%;
   	   height: 250px;
   	   background:#4C494D;
   	 }

   .foot_content{
      margin:0 auto;
       width:1080px;
      
    }
    .foot_content p{
       color: white;
       font-size: 14px;
       line-height: 20px;
     }
     .foot_content p a{
     	color: white;
      margin-left:2px;
     }
     .foot_content p span{
      margin-left: 8px;
     }
     .foot_left{
        float: left;
        width: 307px;
        height: 197px;
        margin-top: 37px;
        margin-left: 16px;
       }
    .foot_left img{
       	  margin-top: 48px;
      }
    .foot_right{
        float: left;
        width: 716px;
        height: 171px;
        margin-top: 70px;
        margin-left: 40px;
     }
     



#prc {
    position:absolute;
    top:800px;
}
#cpp {
 position:absolute;
 top:1200px;
}
#pls {
 position:absolute;
 top:1750px;
}