.comm_view .comm_content{padding:0px;}
.about_us{max-width:1300px;margin:0px auto;}
.about_us>dt{font-size:20px;color:#464646;}
.about_us>dd{font-size:13px;color:#7e7e7e;line-height:26px;}
.about_pic{background-color:#e9e9e9}
.about_pic>ul{max-width:1300px;margin:0px auto;}
.about_pic>ul>li{width:33.33333%;float:left;}
.about_pic_image{overflow:hidden;}
.about_pic_image img{-webkit-transition:transform 1.2s cubic-bezier(.25,.46,.45,.94);-moz-transition:transform 1.2s cubic-bezier(.25,.46,.45,.94);transition:transform 1.2s cubic-bezier(.25,.46,.45,.94);}
.about_pic_image a:hover>img{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);transform:scale(1.06)}
.about_pic_content{text-align:center}
.about_pic_content>div>a{padding:0!important;color:#282828;background-color:transparent;border:0;vertical-align:middle;font-weight:500;position:relative;display:inline-block;line-height:2em;}
.about_pic_content>div>a span{padding-left:13px;-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1);-moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1);transition:transform .3s cubic-bezier(.77,0,.175,1);}
.about_pic_content>div>a span:before{content:"";position:absolute;top:50%;left:1px;height:1px;width:10px;background-color:currentColor;-webkit-transition:width .1s;-moz-transition:width .1s;transition:width .1s;}
.about_pic_content>div>a:hover span{padding-left:0px;}
.about_pic_content>div>a:hover span:before{width:0;}
.about_pic_content>div>a span:after{content:"";position:absolute;bottom:2px;right:0;height:1px;width:100%;background-color:currentColor;-webkit-transition:width .3s cubic-bezier(.77,0,.175,1);-moz-transition:width .3s cubic-bezier(.77,0,.175,1);transition:width .3s cubic-bezier(.77,0,.175,1);}
.about_info{max-width:1300px;margin:0px auto;}
.about_info>li{float:left;width:25%;padding:20px 0px;}
.about_info>li>div{position:relative;display:table-cell;vertical-align:middle;color:inherit;font-size:18px;line-height:1em;}
.about_info>li>div:nth-child(1):before{font-family:'ElegantIcons';float:left;padding-right:10px;font-size:40px;line-height:40px;}
.about_info>li>div:nth-child(1)>div{float:left;}
.about_info>li:nth-child(1)>div:nth-child(1):before{content:"\e016";}
.about_info>li:nth-child(2)>div:nth-child(1):before{content:"\e00f";}
.about_info>li:nth-child(3)>div:nth-child(1):before{content:"\7d";}
.about_info>li:nth-child(4)>div:nth-child(1):before{content:"\e017";}
.about_info>li>p{font-size:12px;line-height:20px;overflow-x:hidden!important;-webkit-font-smoothing:antialiased;color:#939393;padding:10px 10px 0px 0px;}
.about_video{height:565px;background-size:cover;background-attachment:fixed;background-position:center;text-align:center;color:#fff;line-height:565px;}
.about_video a{width:70px;height:70px;margin:auto;text-align:center;line-height:70px;background-color:rgba(255,255,255,.5);border-radius:50%;-webkit-transition:background-color .15s ease-out;-moz-transition:background-color .15s ease-out;transition:background-color .15s ease-out;display:inline-block;font-family:'ElegantIcons';color:#fff;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}
.about_video a:hover{background-color:rgba(0,0,0,.5);}
.about_video a:before{font-size:70px;content:"\45";}

.zc{width:100%;height:100%;position:fixed;z-index:1000;top:0;left:0;display:none;background-color: rgba(0,0,0,.7);}
.zc video{width:60%;height:auto;margin:5% 20%;}
.close{width:80px;height:30px;color:#fff;background-color:rgba(100,100,100,.5);position:absolute;right:20%;top:9%;margin:-3px 0;line-height:30px;text-align:center;cursor:pointer;}
.close:hover{background-color:rgba(200,200,200,.5);}
@media only screen and (min-width: 320px) and (max-width: 1000px) {
    .zc{width:100%;height:100%;position:fixed;z-index:100;top:0;left:0;display:none;}
    .zc video{width:100%;height:auto;margin:50% 0 0 0;}
    .close{width:50px;height:20px;color:#fff;background-color:rgba(100,100,100,.5);position:absolute;right:0;top:0;margin:50% 0 0 0;line-height:20px;text-align:center;cursor:pointer;}
    .close:hover{background-color:rgba(200,200,200,.5);}
}

@media screen and (max-width:1200px){
    .about_info>li{width:50%;}
}
@media screen and (max-width:768px){
    .about_pic>ul>li{width:92%;float:none;margin:0px auto;}
    .about_info>li{width:100%;padding:20px 0px;}

    .about_video{height:300px;line-height:300px;}
}