body,
html {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	color: rgba(0, 0, 0, .65);
	font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	-webkit-user-select: none;
}
a{ 
	text-decoration:none;
	color: #fff;
} 
.index_top{
	width: 100%;
	height: 713px;
	background-color: #fff;
}
.index_top_top{
	width: 100%;
	height: 100px;
	background-color: #363636;
}
.top_logo{
	margin-left: calc(50% - 498px);
	width: 155px;
	height: 64px;
	float: left;
	margin-top: 23px;
	background: url(../img/logo/logo.png) center top;
	background-size:90% 90% ;
    background-repeat: no-repeat;
}
.top_line{
	width: 1px;
	height: 40px;
	background-color: #fff;
	margin-top: 30px;
	margin-left: 30px;
	float: left;
	margin-right: 150px;
}
.top_btn{
	font-size: 15px;
	margin: 0 auto;
	padding: 0px 20px;
	height: 100px;
	width: auto;
	line-height: 100px;
	text-align: center;
	float: left;
	color: #fff;
	cursor: pointer;
}
.top_btn:hover{
	color: #00cc69;
}
.top_login{
	width: 60px;
	height: 24px;
	float: left;
	margin-top: 38px;
	font-size: 15px;
	border: 1px solid #00cc69;
	line-height: 24px;
	text-align: center;
	color: #fff;
	margin-left: 40px;
	border-radius: 2px;
	/*box-shadow: 0px 0px 10px #68d49f;*/
}
.top_regist{
	width: 60px;
	height: 24px;
	float: left;
	margin-top: 38px;
	font-size: 15px;
	background-color: #00cc69;
	border: 1px solid #00cc69;
	line-height: 24px;
	text-align: center;
	color: #fff;
	margin-left: 15px;
	border-radius: 2px;
	/*box-shadow: 0px 0px 10px #68d49f;*/
}
.index_top_bot_m{
	/*background: url(../img/bgc/product_main.png) center top;*/
	background-size:100% 100% ;
    height: 613px;
    position: relative;
    background-repeat: no-repeat;
    margin: 0px;
    }
.text_2{
	width: calc(100% - 150px);
	float: left;
	font-size: 25px;
	color: #fff;
	font-weight: 300;
	margin-top: 20px;
	margin-left: 150px;
} 
.text_3{
	width: calc(100% - 150px);
	float: left;
	font-size: 25px;
	color: #fff;
	font-weight: 300;
	margin-top: 20px;
	margin-left: 150px;
}  
.text_1{
	width: calc(100% - 150px);
	float: left;
	font-size: 60px;
	color: #fff;
	font-weight: 600;
	margin-top: 70px;
	margin-left: 150px;
}
.index_top_bot_bot{
	width: 100%;
	height: 350px;
	float: left;
}
.banner-video {
  position: absolute;
  bottom: 40px;
  left: 150px;
  /*width: 600px;*/
  /*height: 342px;*/
  width: 440px;
  height: 272px;
  background: url("../img/index/banner-PC.png") center;
}
.banner-video .video-btn {
  position: absolute;
  top: 22px;
  left: 75px;
  width: 450px;
  height: 287px;
  cursor: pointer;
}
.banner-video i {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 66px;
  height: 67px;
  background: url("../img/index/play.png") center;
  cursor: pointer;
  transition: width 1.5s, height 1.5s;
  -o-transition: width 1.5s, height 1.5s, -o-transform 1.5s;
  -moz-transition: width 1.5s, height 1.5s, -moz-transform 1.5s;
  -webkit-transition: width 1.5s, height 1.5s, -webkit-transform 1.5s;
  margin: auto;
}
.banner-video i:hover {
  transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
#md-video {
  width: 660px;
  height: 434px;
}
#md-video .md-content {
  width: 660px;
  height: 372px;
}
#md-video .md-content a {
  display: inline-block;
  width: 48px;
  height: 48px;
  opacity: 0.5;
  background: url("../img/index/close.png") no-repeat;
  position: absolute;
  top: 0;
  right: -48px;
}
#md-video .md-content a:hover {
  opacity: 1;
}
.index_top_login{
	position: absolute;
	right: 150px;
	bottom: 40px;
	width: 150px;
	height: 40px;
	background-color: #00cc69;
	color: #fff;
	font-size: 22px;
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	box-shadow: 0px 0px 10px #68d49f;
}
.main_top{
	width: 100%;
	height: 110px;
	line-height: 160px;
	text-align: center;
	font-size: 25px;
	color: #444;
}
.main_top_line{
	width: 100px;
	height: 5px;
	background-color: #00cc69;
	border-radius: 5px;
	margin-left: calc(50% - 50px);
}
.main_uint{
	width: 10%;
	height: 185px;
	float: left;
	filter: grayscale(100%);
    opacity: 0.6;
    color: #00cc69;
    cursor: pointer;
}
.main_uint_hover{
	filter: none; 
    opacity: 1; 
}
.main_uint:hover{
	filter: none; 
    opacity: 1; 
}
.main_uint_img_all{
	width: 100%;
	height: 105px;
	float: left;
}
.main_uint_text_all{
	width: 100%;
	height: 80px;
	float: left;
}
.main_uint_img{
	margin-left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	float: left;
	margin-top: 40px;
	/*background: url(../img/index_icon/icon-1.png) center top;*/
	background-size:100% 100% ;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
    
}

.main_uint_img img{
	display: inline-block;
}
.main_uint_img_url_1{
	/*background: url(../img/index_icon/icon-1.png) center top;*/
}
.main_uint_img_url_2{
	/*background: url(../img/index_icon/icon-2.png) center top;*/
}
.main_uint_text{
	width: 100%;
	float: left;
	height: 80px;
	line-height: 40px;
	font-size: 17px;
	text-align: center;
	
}
.main_2{
	width: 100%;
	height: 300px;
	background-color: #f5f5f5;
}
.main_3{
	width: 100%;
	height: 600px;
	background-color: #fff;
}
.main_4{
	width: 100%;
	height: 800px;
	background-color: #fff;
}
.main_5{
	width: 100%;
	height: 800px;
	background-color: #f5f5f5;
}
.main_6{
	background-color: #00CC69;
	width: 100%;
	height: 458px;
	/*background-color: #fff;*/
}
.main_6_body{
	margin-left: calc(50% - 409px);
}
.main_7{
	width: 100%;
	height: 510px;
	background-color: #fff;
}
.main_7_body{
	margin-left: calc(50% - 615px);
}
.main_8{
	width: 100%;
	height: 200px;
	background-color: #fff;
}
.main_9{
	width: 100%;
	height: 230px;
	background-color: #363636;
}
.main_3_body{
	/*width: 1200px;
	height: 500px;*/
	margin-left: calc(50% - 370px);
	/*border: 1px solid #c0c0c0;
	margin-top: 60px;*/
}
.main_3_body_left{
	border-right: 1px solid #c0c0c0;
	width: 899px;
	height: 500px;
	float: left;
	text-align: center;
}
.main_3_body_left img{
	margin-top: 60px;
	width: 527px;
	height: 389px;
	display: inline-block;
}
.main_3_body_right{
	height: 100%;
	width: 300px;
	float: left;
}
.main_3_body_right_top{
	height: 50%;
	width: 100%;
}
.main_3_title{
	width: 100%;
	height: 50px;
	margin-top: 40px;
	float: left;
}
.main_3_mark{
	width: 5px;
	height: 100%;
	background-color: #00cc69;
	float: left;
	margin-right: 20px;
}
.main_3_mark_icon{
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
}
.main_3_mark_icon img{
	width: 40px;
	height: 40px;
	margin: 5px;
}
.main_3_mark_text{
	width: auto;
	height: 50px;
	line-height: 50px;
	float: left;
	color: #00cc69;
	font-size: 20px;
}
.main_3_text{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: left;
	color: #444;
	font-size: 17px;
	float: left;
	margin-left: 30px;
}
.text_g{
	color: #00cc69;
}
.main_4_body{
	width: 1200px;
	height: 400px;
	margin-left: calc(50% - 600px);
	border: 1px solid #c0c0c0;
	margin-top: 60px;
}
.main_4_unit{
	width: 239px;
	height: 400px;
	border-right: 1px solid #c0c0c0;
	float: left;
	z-index: 1;
	position: absolute;
	cursor: pointer;
}
.main_4_unit_r{
	position: absolute;
	float: left;
	width: 240px;
	height: 400px;
	/*border-right: 1px solid #c0c0c0;*/
	z-index: 1;
	cursor: pointer;
}
.main_4_unit_1{
	margin-left: 0px;
}
.main_4_unit_1:hover{
	margin-left: -10px;
}
.main_4_unit_2{
	margin-left: 240px;
}
.main_4_unit_2:hover{
	margin-left: 230px;
}
.main_4_unit_3{
	margin-left: 480px;
}
.main_4_unit_3:hover{
	margin-left: 470px;
}
.main_4_unit_4{
	margin-left: 720px;
}
.main_4_unit_4:hover{
	margin-left: 710px;
}
.main_4_unit_5{
	margin-left: 960px;
}
.main_4_unit_5:hover{
	margin-left: 950px;
}
.main_4_unit_r:hover{
	position: absolute;
	width: 260px;
	height: 420px;
	border: 0px solid #fff;
	box-shadow: 0px 0px 10px #ddd;
	z-index: 10;
	background-color:#fff ;
	margin-top: -10px;
}
.main_4_unit:hover{
	width: 259px;
	height: 420px;
	border: 0px solid #fff;
	box-shadow: 0px 0px 10px #ddd;
	margin-top: -10px;
	z-index: 10;
	background-color:#fff ;
}
.main_4_unit_top{
	width: 100%;
	height: 200px;
	text-align: center;
	/*margin-top: -402px;*/
	/*position: relative;*/
}
.main_4_unit_top img{
	display: inline-block;
	margin-top: 40px;
}
.main_4_unit_top_s_4 img{
	margin-top: 20px;
}
.main_4_unit_mid{
	margin-top: 10px;
	font-weight: 600;
	width: 180px;
	margin-left: calc(50% - 90px);
	background-color: #00cc69;
	height: 30px;
	text-align: center;
	color: #fff;
	line-height: 30px;
	border-radius: 30px;
}
.main_4_unit_mid_2{
	background-color: #42c5f3;
}
.main_4_unit_mid_3{
	background-color: #9a80ed;
}
.main_4_unit_mid_4{
	background-color: #21c9b8;
}
.main_4_unit_mid_5{
	background-color: #fcb154;
}
.main_4_unit_top_s img{
	margin-top: 70px;
	height: 95px;
	width: 160px;
}
.main_4_unit_bot{
	width: calc(100% - 60px);
	color: #444;
	text-align: left;
	font-size: 16px;
	padding: 20px 30px 0px;
	line-height: 30px;
}
.main_5_body{
	margin-left: calc(50% - 540px);
	width: 1080px;
	height: 480px;
	margin-top: 60px;
}
.main_5_unit{
	width: 360px;
	height: 240px;
	position: absolute;
	background-color: #fff;
	z-index: 1;
	cursor: pointer;
	font-weight: bold;
}
.main_5_unit:hover{
	padding: 10px;
	/*width: 380px;*/
	/*height: 260px;*/
	box-shadow: 0px 0px 10px #ddd;
	z-index: 10;
	border: 0px solid #fff;
	border-bottom: 4px solid #00CC69;
	border-radius: 4px;
	color: #00CC69;
	font-weight: bold;
}
.main_5_unit_1{
	margin-left: 0px;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
.main_5_unit_1:hover{
	margin-left: -10px;
	margin-top: -10px;
	
}
.main_5_unit_2{
	margin-left: 361px;
	border-bottom: 1px solid #c0c0c0;
}
.main_5_unit_2:hover{
	margin-left: 351px;
	margin-top: -10px;
}
.main_5_unit_3{
	margin-left: 722px;
	border-left: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
.main_5_unit_3:hover{
	margin-left: 712px;
	margin-top: -10px;
}
.main_5_unit_4{
	margin-left: 0px;
	margin-top: 241px;
	border-right: 1px solid #c0c0c0;
}
.main_5_unit_4:hover{
	margin-left: -10px;
	margin-top: 231px;
}
.main_5_unit_5{
	margin-left: 361px;
	margin-top: 241px;
}
.main_5_unit_5:hover{
	margin-left: 351px;
	margin-top: 231px;
}
.main_5_unit_6{
	border-left: 1px solid #c0c0c0;
	margin-left: 722px;
	margin-top: 241px;
}
.main_5_unit_6:hover{
	margin-left: 712px;
	margin-top: 231px;
}
.main_5_unit_top{
	width: 100%;
	height: 140px;
	text-align: center;
}
.main_5_unit_top img{
	display: inline-block;
	margin-top: 40px;
}
.main_5_unit_bot{
	width: 100%;
	height: 50px;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
}
.main_7_body{
	margin-left: calc(50% - 560px);
}
.main_8_btn{
	float: left;
	width: 200px;
	height: 60px;
	margin-left: calc(50% - 100px);
	margin-top: 70px;
	background-color: #00CC69;
	color: #fff;
	border-radius: 4px;
	font-size: 20px;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
	font-weight: 600;
}
.main_9_left{
	margin-top: 20px;
	margin-left: calc(50% - 515px);
	width: 270px;
	float: left;
}
.main_9_left_top{
	width: 270px;
	height: 100px;
	text-align: left;
}
.main_9_left_top img{
	display: inline-block;
	width: 154px;
	height: 63px;
	margin-top: 16px;
}
.main_9_left_text{
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 17px;
	text-align: left;
}
.main_9_line{
	float: left;
	width: 1px;
	height: 160px;
	background-color: #fff;
	margin-top: 30px;
}
.main_9_mid_unit{
	padding-top: 50px;
	width: 200px;
	height: 170px;
	float: left;
	text-align: center;
	line-height: 35px;
	color: #fff;
}
.main_9_mid_title{
	font-weight: 600;
}
.main_9_mid_line{
	
	width: 50px;
	height: 2px;
	background-color: #00CC69;
	margin-left: 75px;
}
.main_9_right{
	float: left;
}
.main_9_right img{
	margin-top: 25px;
}
.main_4_unit_bot_btn{
	border: 1px solid #000000;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 2px;
	margin-left: calc(50% - 50px);
	margin-top: 20px;
	display: none;
}
.main_3_body{
	width: 1200px;
	height: 500px;
	margin-left: calc(50% - 460px);
	border: 0px solid #c0c0c0;
	margin-top: 60px;
}
.main_3_body_unit{
	width: 370px;
	height: 345px;
	margin: 0px 50px;
	
	float: left;
}
.main_3_body_unit img{
	margin-left: 35px;
}
.main_3_body_unit_c{
	/*margin-left: 50px;*/
}
.main_3_body_unit_c img{
	margin-left: 50px;
	margin-top: 15px;
	margin-bottom: 21px;
}
.main_3_body_unit_b{
	width: 100%;
	height: 30px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	margin-top: 30px;
}
.index_top_bot_m_r{
	height: 613px;
	width: 858;
	position: absolute;
	right: 0px;
}
.index_top_bot_m_r img{
	height: 613px;
	width: 858;
}
.index_top_bot_m_lb{
	width: 126px;
	height: 177px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.index_top_bot_m_lt{
	width: 238px;
	height: 86px;
	position: absolute;
	top: 0px;
	left: 300px;
}
.index_top_bot_m_m{
	width: 462px;
	height: 192px;
	position: absolute;
	top: 200px;
	left: 15%;
}