.index_advantage_bg{width:100%; margin:auto; background:url(../image/index_ysbg.jpg) center no-repeat;   padding-top:65px; margin-top:55px; height:653px;}
.index_advantage_head{width:100%; background:url(../image/ys_line.png) center no-repeat; text-align:center;}
.index_advantage_head ul li{font-size:16px; color:#666666; line-height:22px;}
.index_advantage_head ul li span{font-size:30px; color:#333333; font-weight:bold; line-height:52px;}

.index_advantage_list{width:100%; margin-top:8px;}
.index_ys_list{width:100%; margin-top:32px; float:left; max-height:196px; margin-bottom:53px; max-width:356px; position:relative; transition:all .6s;}
.index_advantage_xh,.index_advantage_xh2{ display:none;}
.index_advantage_dot1{ float:left; text-align:center; width:62px; background:url() center no-repeat; height:56px;}
.index_advantage_dot2{ float:right; text-align:center; width:62px; background:url() center no-repeat; height:56px;}
.index_advantage_dot3{ float:left; text-align:center; width:62px; background:url() center no-repeat; height:56px;}
.index_advantage_dot4{ float:right; text-align:center; width:62px; background:url() center no-repeat; height:56px;}
.index_advantage_title{width:75%; float:left; margin-left:10px; text-align:left;}
.index_advantage_title ul li{font-size:14px; color:#666666; line-height:25px;}
.index_advantage_title ul li span{font-size:20px; color:#333333; font-weight:bold; line-height:30px;}
.index_advantage_title2{width:75%; float:right; margin-right:10px; text-align:right;}
.index_advantage_title2 ul li{font-size:14px; color:#666666; line-height:25px;}
.index_advantage_title2 ul li span{font-size:20px; color:#333333; font-weight:bold; line-height:30px;}
.index_ys_list:hover{ background:#FFFFFF; padding:32px 15px; margin-top:0; transition:all .6s;}
.index_ys_list:hover .index_advantage_dot1{ background:url() center no-repeat;}
.index_ys_list:hover .index_advantage_dot2{ background:url() center no-repeat;}
.index_ys_list:hover .index_advantage_dot3{ background:url() center no-repeat;}
.index_ys_list:hover .index_advantage_dot4{ background:url() center no-repeat;}
.index_ys_list:hover .index_advantage_title ul li span{ color:#0075c0;}
.index_ys_list:hover .index_advantage_title2 ul li span{ color:#0075c0;}
.index_ys_list:hover .index_advantage_xh{ display:block; position:absolute; top:-26px; z-index:99; right:20px; font-size:60px; color:#0075c0; line-height:70px; font-family: 'helvetica_condensedbold';}
.index_ys_list:hover .index_advantage_xh2{ display:block; position:absolute; top:-26px; z-index:99; left:20px; font-size:60px; color:#0075c0; line-height:70px; font-family: 'helvetica_condensedbold';}
.index_ys_more{ font-size:14px; color:#333333; line-height:20px;}
.index_ys_list:hover .index_ys_more{ color:#0075c0;}
.clearfix_about{ clear:both; height:65px;}

#index_about_szbg{width:100%; margin:auto; background:url(../image/index_about_sz.jpg) center no-repeat #025fa4; padding:67px 0;}
.index_about_sz{width:100%;}
.index_about_sz ul li{ width:25%; text-align:center; float:left;}
.index_about_sz ul li p{text-align:center; height: 72px;}
.index_about_sz ul li span{ font-size:54px; color:#ffffff; font-family: 'din_mediumregular'; line-height:72px;}
.index_about_sz ul li font{ font-size:54px; color:#ffffff; font-family: 'din_mediumregular'; line-height:72px; display: inline-block; overflow: hidden;}
.index_about_sz .about_zm{font-size:18px; color:#ffffff; line-height:30px;}

.index_about_sz ul li span{
	display:inline-block;
    margin: 0;
    width: 34px;
    text-align: center;
    height: 72px;
    overflow: hidden;
    border: none;
    padding: 0;}
.index_about_sz ul li span:nth-child(2n+1):before {
    content: '0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9';
}
.index_about_sz ul li span:nth-child(2n):before {
    content: '0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9';
}
.index_about_sz ul li span:before {
    font-size: 66px;
    line-height: 72px;
    font-family: 'din_mediumregular';
    display: block;
    white-space: normal;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transition: 0s .5s;
    -moz-transition: 0s .5s;
    -ms-transition: 0s .5s;
    -o-transition: 0s .5s;
    -webkit-transition: 0s .5s;
}

.about_active .index_about_sz ul li span:before {
    transition: transform 2s ease-out 1.4s;
    -moz-transition: transform 2s ease-out 1.4s;
    -ms-transition: transform 2s ease-out 1.4s;
    -o-transition: transform 2s ease-out 1.4s;
    -webkit-transition: transform 2s ease-out 1.4s;
}
.about_active .index_about_sz ul li span.n2:nth-child(2n+1):before {
    transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
}
.about_active .index_about_sz ul li span.n2:nth-child(2n):before {
    transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
}
.about_active .index_about_sz ul li span.n3:nth-child(2n+1):before {
    transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    -webkit-transform: translateY(-15%);
}
.about_active .index_about_sz ul li span.n3:nth-child(2n):before {
    transform: translateY(-65%);
    -moz-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    -o-transform: translateY(-65%);
    -webkit-transform: translateY(-65%);
}
.about_active .index_about_sz ul li span.n0:nth-child(2n+1):before {
     transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
 }
.about_active .index_about_sz ul li span.n0:nth-child(2n):before {
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.about_active .index_about_sz ul li span.n1:nth-child(2n+1):before {
    transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
    -webkit-transform: translateY(-5%);
}
.about_active .index_about_sz ul li span.n1:nth-child(2n):before {
    transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
    -webkit-transform: translateY(-5%);
}
.about_active .index_about_sz ul li span.n8:nth-child(2n+1):before {
    transform: translateY(-90%);
    -moz-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    -o-transform: translateY(-90%);
    -webkit-transform: translateY(-90%);
}
.about_active .index_about_sz ul li span.n8:nth-child(2n):before {
    transform: translateY(-90%);
    -moz-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    -o-transform: translateY(-90%);
    -webkit-transform: translateY(-90%);
}
.about_active .index_about_sz ul li span.n5:nth-child(2n):before {
    transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
}
.about_active .index_about_sz ul li span.n5:nth-child(2n+1):before {
    transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
}
.about_active .index_about_sz ul li span.n4:nth-child(2n+1):before {
    transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
}
.about_active .index_about_sz ul li span.n4:nth-child(2n):before {
    transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
}
.about_active .index_about_sz ul li span.n7:nth-child(2n+1):before {
    transform: translateY(-85%);
    -moz-transform: translateY(-85%);
    -ms-transform: translateY(-85%);
    -o-transform: translateY(-85%);
    -webkit-transform: translateY(-85%);
}
.about_active .index_about_sz ul li span.n7:nth-child(2n):before {
    transform: translateY(-85%);
    -moz-transform: translateY(-85%);
    -ms-transform: translateY(-85%);
    -o-transform: translateY(-85%);
    -webkit-transform: translateY(-85%);
}
.about_active .index_about_sz ul li span.n6:nth-child(2n+1):before {
    transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
}
.about_active .index_about_sz ul li span.n6:nth-child(2n):before {
    transform: translateY(-80%);
    -moz-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    -o-transform: translateY(-80%);
    -webkit-transform: translateY(-80%);
}

/*.index_about_sz ul li span:after{content:'';displayt:table;width:120px;height:1px;border-bottom: 1px solid #333333;position: absolute;bottom: 0;left: 0;}*/

@media (min-width:1px) and (max-width:991px){
.index_advantage_bg{ margin-top:0; padding-top:25px; background:#fafafa; height:auto;}
.index_advantage_head ul li{ font-size:13px; line-height:20px;}
.index_advantage_head ul li span{ font-size:18px; line-height:30px;}
.index_ys_list{ margin-bottom:23px;}
.index_about_sz ul li{width:50%}
.index_advantage_title ul li span,.index_advantage_title2 ul li span{ font-size:16px; line-height:25px;}
.index_advantage_title ul li,.index_advantage_title2 ul li{ font-size:13px; line-height:18px;}
.index_advantage_dot2,.index_advantage_dot4{ float:left !important;}
.index_advantage_title{ width:80%; float:right; margin-left:0;}
.index_advantage_title2{ text-align:left; width:80%; margin-right:0;}
.index_ys_list:hover .index_advantage_xh2{right:20px !important; left:auto !important;}
.clearfix_about{ height:0;}
.index_ys_list:hover .index_advantage_xh,.index_ys_list:hover .index_advantage_xh2{ font-size:40px;}
#index_about_szbg{ display:none;}
}


#index_advantage_animate,#index_advantage_animate_1{
-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;
}