﻿.about-video{width:100%;max-width:600px;max-height:400px;}
.about-video video{cursor: pointer;}
.about .about-subCon{padding:0 15px;}
.about-video{padding:0 15px;}
.about-bg{background-position: center top;background-image: url("../images/about-Bg.jpg");background-attachment: fixed;}
.about-All-title{text-align:center;}
.about-All-title p{font-size: 24px;font-weight: 600;line-height:2;}
.about-All-title div{line-height:1.5;}
.about-ImgBox{overflow: hidden;}
.about-ImgBox li{float:left;overflow: hidden;}
.about-ImgBox li .about-imgBox-img{float:left;overflow: hidden;height:330px;position: relative;}
.about-ImgBox li .about-imgBox-text{float:left;height: 330px;padding:35px 30px;text-align: center;}
.about-ImgBox li .about-imgBox-text p{font-weight:600;font-size:20px;margin:25px 0;}
.about-ImgBox li .about-imgBox-text div{font-size:14px;line-height:2;}
.about-ImgBox li .about-imgBox-text img{width:84px;}
.about-ImgBox li .about-imgBox-img img{width: 100%;position: absolute;min-height: 330px;top: 0px;}
.about-ImgBox li .about-imgBox-img .about-imgBox-mask{position: absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.8);left: -100%;transition: .3s linear;}
.about-ImgBox li .about-imgBox-img:hover .about-imgBox-mask{left:0px;}
.about-ImgBox li .about-imgBox-img .about-imgBox-mask p{position: absolute;z-index:2;top:50%;left:50%;transform: translate(-50%,-50%);font-size:20px;font-weight:600;color:#fff;}
.about-ImgBox li:nth-child(1) .about-imgBox-text{background-color: rgb(254, 201, 49);}
.about-ImgBox li:nth-child(2) .about-imgBox-text{background-color: rgb(26, 30, 93);color:#fff;}
.about-ImgBox li:nth-child(3) .about-imgBox-text{background-color: rgb(255, 67, 40);color:#fff;}
.about-ImgBox li:nth-child(4) .about-imgBox-text{background-color: rgb(32, 173, 150);color:#fff;}

.marqueelefts.about-Marqueelefts {height: auto;max-width: 1200px;overflow: hidden;margin: 0px auto;}
.marqueelefts.about-Marqueelefts ul{float:left;}
.marqueelefts.about-Marqueelefts li{float:left;margin:0 5px;display:inline;width:300px;height:auto;overflow:hidden;text-align:center;}
.marqueelefts.about-Marqueelefts li .pic{display:block;width:300px;height:auto;padding:10px;overflow:hidden;}
.marqueelefts.about-Marqueelefts li .pic img{height:100%;width:100%;}
.marqueelefts.about-Marqueelefts li .txt{text-align:center;height:auto;line-height:260px;}
.marqueelefts.about-Marqueelefts .marquee1_1>li>p{text-align:center;margin: 0 auto;display:inline-block;}

@media (min-width:1000px){
.pa_piclist_5.about{margin-top:60px;}
.about-video{margin:30px auto 80px;}
.about-All-title{padding:60px 0 40px}
.about-video{height:400px;}
.about-ImgBox li{width:50%;}
.about-ImgBox li .about-imgBox-img{width:50%;}
.about-ImgBox li .about-imgBox-text{width:50%;}
.about-bg{padding-bottom:80px;}
}
@media(max-width:1000px){
.pa_piclist_5.about{margin-top:40px;}
.about-video{margin:30px auto;}
.about-All-title{padding:35px 0;}
.about-ImgBox li{width:100%;}
.about-bg{padding-bottom:60px;}
}
@media (max-width:999px) and (min-width:468px){
.about-ImgBox li .about-imgBox-img{width:50%;}
.about-ImgBox li .about-imgBox-text{width:50%;}
}
@media (max-width:467px){
.about-ImgBox li .about-imgBox-img{width:100%;}
.about-ImgBox li .about-imgBox-text{width:100%;}
}

