@charset "utf-8";
/* CSS Document */
body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select, div, span, a, aside, article, section, header, nav, footer, label, img {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.listMenu{font-size:1.143rem;text-align:center;padding-top:40px;}
.listMenu a{display:inline-block;position:relative;color:#191919;height:50px;line-height:45px;margin:0 25px;}
.listMenu a:hover{color:#ef2f00;}
 
.listMenu .cur{padding:0 5px;color:#ef2f00;}
.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: #ef2f00;
    width: 0;
    height: 1px;
    transition: all .5s;
}
.listMenu a::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #ef2f00;
    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%;
}
.container {
    position: relative;
    min-width: 320px;
    width: 100%;
    max-width: 1600px;
  margin: 0 auto; 
}
.listTie{text-align:center;color:#008cd0;font-size:24px;margin:0 auto;margin-bottom:40px;}
.listTie strong{font-size:24px;padding:0 15px;position:relative;}
.listTie span{display: block;opacity:.7;margin-top:8px;}
.listTie strong:before,.listTie strong:after{content: "";
    position: absolute;
    height: 2px;
    background: #008cd0;
    width: 30px;
    top: 1.1rem;
    display: inline-block;}
.listTie strong:before{right:100%;}
.listTie strong:after{left:100%;}

.aboutBox1 .tie{font-size: 20px;
    font-weight: bold;
    color: #191919;
    margin-bottom: 20px;}
.aboutBox1 .left{width:46%;line-height:1.8;padding-top:20px;}
.aboutBox1 .font{overflow-y:auto;height:300px;font-size:15px;}
.aboutBox1 .font p{line-height: 1.76;margin-bottom: 10px;}
.aboutBox1 .right{    width: 50%;
    margin-top: 10px;
    height: 300px;
    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:19px;font-weight: bold; color:#222;margin-bottom:15px;margin-top:15px;position:relative;}
.culture li p{font-size: 15px;height: 100px;}
.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:#e21b05;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 #e21b05;}
.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;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:#e21b05;}
.honorSlide .btn{width:40px;height:40px;background:#e21b05;text-align:center;line-height:40px;color:#fff;font-family:"Arial";left:-60px;top:60%}
.honorSlide .btn:hover{background: #e21b05;}
.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:#e21b05;margin:0 auto;color:#fff;line-height:50px;text-align:center;box-shadow:0 5px 6px #ffb2af;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: #ef2f00;
}
 .newsMenu a::after, .albumMenu a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    background: #ef2f00;
    height: 2px;
    transition: all .5s;
    width: 0;
}