.imgbg{background-size: cover;background-position: center; background-repeat: no-repeat;}


/*index_ab*/
.index_ab{ width:100%;     padding: 5.2vw 14.375vw 0;height:auto; /*background: url(../images/aboutbg.jpg) fixed center; */ margin:0 auto;overflow:hidden;}
.index_ab .ab{ width:100%; margin:0 auto; overflow:hidden; position:relative; height:520px; }
.index_ab .ab .ab_con{ width:45%;float:right; margin-top:50px; background:url(../images/bg2.png) no-repeat 70px 120px; height:100%;}
.index_ab .ab .ab_con font{ display:block; line-height:30px; font-size:30px; color:#03906a;margin-bottom: 15px; text-transform:uppercase; font-weight:bold; }
.index_ab .ab .ab_con .img{ width:439px; height:auto; overflow:hidden; position: relative;top:0; left:0;}
.index_ab .ab .ab_con .img img{ width:100%;}
.index_ab .ab .ab_con h2{ font-family: 'Roboto',sans-serif;font-weight: 600;font-size: 30px;line-height: 56px;color: #333;margin:0 0 2vw 0;}
.index_ab .ab .ab_con a{ width:200px;background-color:#da251e; color:#fff;padding: 10px 20px;display:block;font-size: 14px;outline: 0;cursor: pointer;margin-top:2.3vw;
   line-height: 1.42857;text-decoration: none!important; text-align:center}
.index_ab .ab .ab_con a:hover{background-color:#da251e; color:#fff;}
.index_ab .ab .ab_con .com{ font-size:17px; line-height:35px;color:#666; font-family:"微软雅黑" ;}

.z_index_more{ line-height: 28px; display: inline-block;}
.z_index_more .en{font-size: 14px;font-family: Humanist521BT;font-weight: bold;color: #fff;}
.z_index_more .icon{ display: inline-block;width: 28px; transition: ease .6s; height: 28px; background: url(../images/arr2.jpg) no-repeat center; vertical-align: middle; background-size: 100% 100%;}
.z_about_con .z_index_more{ margin-top: 4vw;}




.about_video{ width: 47%; height: 430px; float: left; position: relative; overflow: hidden;}
.about_video .imgbg{ transform: scale(1.1,1.1); transition: ease 2s;}
.about_play{ position: absolute; left: 50%; top: 50%; cursor: pointer; transform: translate(-50%,-50%); z-index: 1;}
.about_play img{ /*animation: rotate 10s linear infinite; transition: ease 1s;*/ }
.about_play:hover img{ transform:rotate(0deg) ;animation: unset;}
.ban-video .i{position: absolute;left:48%;top:50%;width: 114px;height: 114px;background-size: cover;margin: -35px 0 0 -35px;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:45%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 50%;max-width: 90%; height:480px;}
.video_t a{position: absolute;width: 58px;height:58px;right: -27px;top:-30px;z-index: 5;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
.shipin-con iframe{width:100%;height: auto;}
.shipin-con iframe video{width: 100%;}
.slideInLeft{

    -webkit-animation-name: slideInLeft;

    animation-name: slideInLeft;

    -webkit-animation-duration: 1.2s;

    animation-duration: 1.2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}
@keyframes rotate{
    0%{
        transform: rotate(0);
      }
    50%{
    	transform:rotate(360deg);
    }
    100%{
         transform: rotate(0);
    	}
}


.indAbout{ height:auto; width:100%; overflow:hidden;  background:url(../images/num.jpg)  repeat; position:relative; animation:AUp 1s; z-index:1; b} 
.indAboutIco{ padding: 3.5vw 0.375vw; }
.indAboutIco div{ display:inline-block;width: 24.3%;font-size:15px; line-height:30px; text-align:center; }
.indAboutIco img{margin-top:15px;}
.indAboutIco h3{font-size: 3.125vw; line-height: 2.9vw; font-family: DIN;font-weight: bold;color: #fff;}
.indAboutIco h4{font-size: 14px;color: #fff;}
.indAboutIco font{display: inline-block;width: 30px;height: 30px; margin-left: 5px;  background: #d6001d;border-radius: 50%; vertical-align: middle; text-align: center; line-height: 30px; color: #fff; font-size:14px;}
.indAboutText{ text-align:center; line-height:30px; color:#777; font-size:15px;}