.index_about_bg{ width:100%; margin:auto; background:url(../ZERO/img/index_about_bg.jpg) center top no-repeat #FFFFFF;}
.index_about_zw{margin:auto; padding-top:4px;}
.index_about_dot{width:11%; float:left;}
.index_about_1{width:77%; margin-left:4%; float:left;}
.index_about_head1{width:100%; text-align:left; margin-top:70px;}
.index_about_head1 ul li{font-size:16px; color:#60b78e; line-height:20px;}
.index_about_head1 ul li span{font-size:36px; color:#ffffff; line-height:55px;}
.index_about_xq{width:100%; margin-top:45px;}
.index_about_nr{ font-size:15px; line-height:28px; color:#fefdfd; text-align:left;}
.index_about_nr span{ font-size:20px; color:#ffffff; line-height:28px; font-weight:bold; display:block; margin-bottom:15px;}
.index_about_more{width:138px; margin-top:53px; height:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#ffffff; float:left; text-align:center; line-height:40px;}
.index_about_more a{ font-size:16px; color:#2b9865;}

.index_about_dot2{width:11%; position:absolute; top:-56px; z-index:999;}
.index_about_2{width:78%; margin-left:15%; margin-top:80px; float:left; text-align:left;}
.index_about_2 ul li{font-size:15px; line-height:28px; color:#fefdfd; margin-bottom:15px;}
.index_about_2 ul li span{font-size:20px; color:#ffffff; line-height:28px; font-weight:bold;}


.index_proclass_head{width:100%; text-align:center; margin-top:42px;}
.index_proclass_head ul li{font-size:16px; color:#60b78e; line-height:20px; text-transform:uppercase;}
.index_proclass_head ul li span{font-size:36px; color:#ffffff; line-height:55px;}

.index_proclass_list{width:100%; margin-top:52px; background:url(../ZERO/img/class/class_line.png) right bottom no-repeat;}
.index_proclass_list ul li{width:25%; background:url(../ZERO/img/class/class_line.png) left bottom no-repeat; float:left; position:relative; text-align:center; overflow:hidden;}
.index_proclass_pic1{width:100%; height:330px;}
.index_proclass_pic1b{width:100%; height:330px; background:url(../ZERO/img/class/class1b.png) center no-repeat;}
.index_proclass_pic1b .index_proclass_title{color:#fff;}
.index_proclass_pic1b img{ display:none !important;}
.proclass-desc1{position: absolute; left: 0; top: 0; background:url(../ZERO/img/class/class1b.png) center no-repeat; height: 100%; opacity: 0; width: 100%; padding:0px;}
.index_proclass_pic1 .proclass-desc1{
	opacity: 1; top: -100%; color: #000; padding:0px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.index_proclass_pic1:hover .proclass-desc1{top: 0;}

.index_proclass_pic2{width:100%; height:330px;}
.index_proclass_pic2b{background:url(../ZERO/img/class/class2b.png) center no-repeat;}
.proclass-desc2{position: absolute; left: 0; top: 0; background:url(../ZERO/img/class/class2b.png) center no-repeat; height: 100%; opacity: 0; width: 100%; padding:0px;}
.index_proclass_pic2 .proclass-desc2{
	opacity: 1; top: -100%; color: #000; padding:0px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.index_proclass_pic2:hover .proclass-desc2{top: 0;}

.index_proclass_pic3{width:100%; height:330px;}
.index_proclass_pic3b{background:url(../ZERO/img/class/class3b.png) center no-repeat;}
.proclass-desc3{position: absolute; left: 0; top: 0; background:url(../ZERO/img/class/class3b.png) center no-repeat; height: 100%; opacity: 0; width: 100%; padding:0px;}
.index_proclass_pic3 .proclass-desc3{
	opacity: 1; top: -100%; color: #000; padding:0px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.index_proclass_pic3:hover .proclass-desc3{top: 0;}

.index_proclass_pic4{width:100%; height:330px;}
.index_proclass_pic4b{background:url(../ZERO/img/class/class4b.png) center no-repeat;}
.proclass-desc4{position: absolute; left: 0; top: 0; background:url(../ZERO/img/class/class4b.png) center no-repeat; height: 100%; opacity: 0; width: 100%; padding:0px;}
.index_proclass_pic4 .proclass-desc4{
	opacity: 1; top: -100%; color: #000; padding:0px;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.index_proclass_pic4:hover .proclass-desc4{top: 0;}

.index_proclass_title{width:100%; position:absolute; top:268px; text-align:center; font-size:24px; color:#2b9865; line-height:30px;}
.index_proclass_title2{width:100%; position:absolute; top:268px; text-align:center; font-size:24px; color:#fff; line-height:30px;}
.index_proclass_list ul li:hover .index_proclass_title{color:#fff;}
.index_proclass_list2{ display:none !important;}

.index_proclass_img img{ width:100% !important; height:auto !important;}
.index_proclass_list ul li img{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.index_proclass_list ul li:hover img{
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
}
.index_about_kg{width:100%; height:50px; overflow:hidden;}

@media (max-width:768px){
.header-wrapper{ height:auto !important;}
.index_about_bg{ background:#2b9865;}
.index_proclass_list{ display:none !important;}
.index_proclass_list2{ display:block !important; margin-top:35px;}
.index_proclass_list2 ul li{float:left; display:inline-block; margin-bottom:30px; position:relative; text-align:center;}
.index_proclass1_title{width:100%; margin-top:10px; text-align:center; font-size:16px; color:#fff; line-height:30px;}
.index_about_1{width:95%;}
.index_about_head1{margin-top:30px;}
.index_about_head1 ul li{ font-size:13px;}
.index_about_head1 ul li span{ font-size:20px; line-height:40px;}
.index_about_xq{ margin-top:25px;}
.index_about_nr{ font-size:13px; line-height:20px;}
.index_about_nr span{ font-size:16px;}
.index_about_more{width:98px; height:30px; line-height:30px; margin-top:23px;}
.index_about_more a{ font-size:13px;}
.index_about_dot{ display:none !important;}
.index_about_dot2{ top:0; display:none !important;}
.index_about_2{width:95%; margin-left:4%; margin-top:40px;}
.index_about_2 ul li{ font-size:13px; margin-bottom:0;}
.index_about_2 ul li span{font-size:16px; color:#ffffff; line-height:20px;}
.index_about_kg{width:100%; height:20px; overflow:hidden;}

.index_proclass_head{width:100%; text-align:center; margin-top:30px;}
.index_proclass_head ul li{font-size:14px; color:#60b78e; line-height:20px; text-transform:uppercase;}
.index_proclass_head ul li span{font-size:26px; color:#ffffff; line-height:45px;}
#index_about_animate1,#index_about_animate2,#index_about_animate3,#index_about_animate4,#index_about_animate5,#index_about_animate6,#index_about_animate7{ display:block !important;}
}

#index_about_animate1,#index_about_animate2,#index_about_animate3,#index_about_animate4,#index_about_animate5,#index_about_animate6,#index_about_animate7{

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 1s;
  -moz-animation-delay: .2s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: 1s;
  -ms-animation-delay: .2s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: 1s;
  animation-delay: .2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
}