@charset "utf-8";
/* CSS Document */
 
.listMenu{font-size:1.143rem;text-align:center;padding-top:40px;}
.listMenu a{display:inline-block;position:relative;color:#191919;height:50px;font-size:16px;line-height:45px;margin:0 25px;}
.listMenu a:hover{color:#f68100;}
 
.listMenu .cur{padding:0 5px;color:#f68100;}
.listMenu .cur::after,.listMenu .cur::before,.listMenu a:hover::after,.listMenu a:hover::before{width:100%;}
.listWrap{overflow:hidden;padding:50px 0 70px 0;font-size:.875em;}
.listBanner,.mzsmBanner{height:460px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;}
.listBanner h3{position:absolute;color:#fff;top:50%;font-size:2.5rem;text-transform:uppercase;width:100%;font-weight:700;padding-bottom:15px;animation:leftPic 1s;max-width:1600px;min-width:360px;left:50%;-webkit-transform: translate(-50%); -moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%); transform:translate(-50%); text-align:center;}
.listBanner h3 span{display: block;font-size:.6em;font-weight: 400;opacity: 0.8;}
 
 
 
.listMenu a::before {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
	content: "";
    position: absolute;
     
    background: #f68100;
    width: 0;
    height: 1px;
    transition: all .5s;
}
.listMenu a::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #f68100;
    width: 0;
    height: 1px;
    transition: all .5s;
}
 
 
.bgImg {
    background-position: center;
    background-size: cover;
    position: relative;
    transition: all 0.5s;
    display: block;
    width: 100%;
    height: 100%;
}
 
.listTie{text-align:center;color:#333;font-size:1rem;max-width:1000px;margin:0 auto;margin-bottom:40px;}
.listTie strong{font-size:30px;padding:0 15px;position:relative;}
.listTie span{display: block;opacity:.7;margin-top:8px;}
.listTie strong:before,.listTie strong:after{content:"";position:absolute;height:1px;background:#f68100;width:40px;top:1.5rem;display:inline-block;}
.listTie strong:before{right:100%;}
.listTie strong:after{left:100%;}

.aboutBox1 .tie{font-size:26px;font-weight: 500; color:#191919;margin-bottom:30px;}
.aboutBox1 .left{width:46%;line-height:1.8;padding-top:20px;}
.aboutBox1 .font{overflow-y:auto;height:350px;font-size:15px;}
.aboutBox1 .right{width:46%;height:460px;overflow:hidden;display:block;}

.culture{background:#ececec;}
.culture li{float:left;background:#fff;padding:25px;width:31.3%;margin:0 1%;}
.culture li .pImg{padding-top:40%;}
.culture li h4{font-size:20px;color:#222;margin-bottom:15px;padding-bottom:10px;font-weight:normal;margin-top:15px;position:relative;}
.culture li h4 span{display:block;font-size:12px;font-family:Arial;color:#999;}
.culture li:hover img{transform: scale(1.1);}
.culture li h4 span:after{content:"";position:absolute;width:14px;height:1px;background:#10218e;bottom:0;left:0;transition:all .3s;}

.honor{padding-bottom:60px;text-align: center;overflow:visible;position:relative;}
.honorSlide{overflow:hidden;border-top: 5px solid #10218e;}
.honorSlide li{width:25%;text-align:center;float:left;background: #fff;}
.honorSlide li a{display:block;overflow:hidden;border:1px solid #ebebeb;}
.honorSlide li p{font-weight:normal;text-align:center;white-space:nowrap;font-size: 14px; overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;line-height:35px;padding:10px;padding-top:0;}
.honorSlide li a:hover img{transform:scale(1.1);}
.honorSlide li a:hover p{color:#10218e;}
.honorSlide .btn{width:40px;height:40px;background:#10218e;text-align:center;line-height:40px;color:#fff;font-family:"Arial";left:-60px;top:60%}
.honorSlide .btn:hover{background: #10218e;}
.honorSlide .swiper-button-next{right:-60px;left:auto;}

.album {border-top: 1px solid #ddd;}
.albumMenu{margin-bottom:30px;padding-bottom:10px;}
.album ul{position:relative;margin-right:-5px;overflow:hidden;display:none;}
.album li{float:left;width:25%;padding-right:5px;margin-bottom:5px;}
.album li:nth-child(2){width:50%;}
.album li:last-child{position:absolute;left:0;bottom:0;}
.album li .pImg{padding-top:72.4%;;}
.album li p{background: rgba(0, 0, 0, .6);padding: 0 5%;position: absolute;left:0;bottom: -50px;color: #fff;width: 100%;height: 50px;line-height: 50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .4s;}
.album li:hover img{transform: scale(1.1);}
.album li:hover p,.settingSlide li p{bottom:0;}

.pMore{width:260px;height:50px;background:#10218e;margin:0 auto;color:#fff;line-height:50px;text-align:center;box-shadow:0 5px 6px #2b96d7;margin-left:-130px;display:block;margin:0 auto;margin-top:50px;}
.pMore i{font-style:normal;margin-left:15px;}
.pMore:hover{color:#fff;width:360px;}
.pd60 {
    padding: 60px 0;
    font-size: .875em;
    overflow: hidden;
}
.pImg {
    position: relative;
    padding-top: 100%;
    display: block;
    overflow: hidden;
}
.pImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.newsMenu, .albumMenu {
    font-size: 1.429em;
    text-align: center;
    margin-top: 20px;
}
.newsMenu a, .albumMenu a {
    position: relative;
    color: #191919;
    margin: 0 25px;
    display: inline-block;
}
.newsMenu .on, .newsMenu a:hover, .albumMenu .on {
    color: #f68100;
}
 .newsMenu a::after, .albumMenu a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    background: #f68100;
    height: 2px;
    transition: all .5s;
    width: 0;
}
/* 合作客户 */
.partner{background:#f0f0f0;overflow:hidden;}
.topTie .tMore{float:right;font-size:12px;font-family:Arial;margin-top:35px;margin-right:8px;background: url('..//tem/images/m.png') no-repeat left center;padding-left:20px;}
.partner li{float:left;width:12.5%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;position: relative;transition:all .5s;}
.partner li .pImg{padding-top:62%;}
.partner li p{background:#f68100;color:#fff;height:32px;line-height:32px;text-align:center;padding:0 10px;position:absolute;left:0;bottom:-32px;width:100%;font-size:12px;transition:all .5s;}
.partner li:hover{z-index:2;border:1px solid #f68100;}
.partner li:hover p{bottom:0;}
 .clearfix {
    zoom: 1;    height: 220px;
}