.index_about_container{width:100%; height:100%; background:#f8f8f8; position:relative; overflow:hidden;}
.index_about_bt{ left:2%; position:absolute; z-index:1; top:8vh;}
.index_about_left{ width:50%; padding-top:15vh; float:left; position:relative; opacity: 0; transform: translateY(-200px);}
.index_about_head{ font-size:30px; color:#333333; line-height:68px; font-weight:bold; text-align:left;}
.index_about_head span{ width:0; display:block; height:1px; background:#024da0; animation:enwidth 2s forwards;}
.index_about_nr{ width:90%; margin-top:25px; font-size:14px; color:#666666; line-height:22px;}
.index_about_more{ text-align:left; margin-top:10px;}
.index_about_more a{ font-size:14px; color:#999999; line-height:25px;}
.index_about_td{ width:900px; position:absolute; left:0; margin-top:40px; z-index:9; height:150px; background:linear-gradient(to right, #50a64b, #97cf48)}
.index_about_td ul li{ width:33.3%; float:left; margin-top:50px; height:50px; border-right:1px solid #99cd81;}
.index_about_sz1{ width:100%; text-align:center; font-size:50px; color:#ffffff; font-family:seri; position:relative; line-height:50px; margin-top:-10px;}
.index_about_sz1 h4{ display:inline-block; font-size:14px; color:#ffffff; position: absolute; top: -15px; z-index: 9;}
.index_about_sz_wz{ width:100%; text-align:center; font-size:14px; color:#ffffff; line-height:20px;}

.index_about_right{width:50%; float:right; position:relative; height:100%; opacity: 0; transform: translateY(200px);}
.index_about_right .index_about_pic{ position:absolute; height:100%; left:0; z-index:1;}
.index_about_right .index_about_btn{ position:absolute; left:50%; top:30%; z-index:9;}

.page-acive .index_about_left{
	opacity: 1;
    transform: translateY(0);
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
	z-index:9;
}
.page-acive .index_about_right {
    opacity: 1;
    transform: translateY(0px);
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}

@keyframes enwidth{
    from{ width:0;}
    to{ width:100px;}
}
@-o-keyframes enwidth{
    from{ width:0;}
    to{ width:100px;}
}
@-moz-keyframes enwidth{
    from{ width:0;}
    to{ width:100px;}
}
@-webkit-keyframes enwidth{
    from{ width:0;}
    to{ width:100px;}
}

@media (max-width: 991px) {
.index_about_bt{ display:none;}
.index_about_left,.index_about_right{ width:100%; float:none; clear:both;}
.index_about_td{ width:100%; margin-top:25px;}
.index_about_right{ margin-top:25px;}
.index_about_left{ padding-top:2vh;}
.index_about_pic{ width:100%;}
}
@media (max-width: 767px){
.index_about_nr{ height:110px; overflow:hidden; width:100%;}
.index_about_td{ height:90px; margin-top:25px;}
.index_about_td ul li{ margin-top:30px; height:30px;}
.index_about_sz1{ font-size:30px; line-height:30px;}
.index_about_sz_wz{ font-size:13px;}
.index_about_btn{ display:none;}
}