header {
    background-size: 100% auto;
    height: 115px;
}
/* 英文大写 */
.daxie {
    text-transform: uppercase;
}
.szmdaxie {
    text-transform: capitalize;
}
.xiaoxie {
    text-transform: lowercase;
}
/* 导航样式 */
.main-nav li {
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    height: 115px;
    position: relative;
}
.main-nav li::after {
    content: '';
    width: 1px;
    height: 50px;
    background-color: #eee;
    position: absolute;
    top: 30px;
    right: -30px;
}
.main-nav li a {
    position: relative;
    text-align: left;
    padding-top: 25px;
    transition: all .5s;
    height: 115px;
    top: 0;
    right: 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.main-nav li a span {
    text-transform: uppercase;
}
.main-nav li.active a, .main-nav li a:hover {
    background-color: var(--color-main);
    color: #fff;
    /* position: absolute; */
    top: 0;
    right: 0;
    height: 150px;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
}
/* 首页栏目样式 */
.sy-lanmu {
    width: 100%;
    height: 100%;
}
.sy-lanmu .bg-main {
    width: 100%;
    height: 16.6%;
}
.sy-lanmu .bg-main a {
    display: inline-block;
    padding-top: 60px;
}
.title h2 {
    font-size: 36px !important;
    position: relative;
}
.title h2 span {
    position: absolute;
    left: 0;
    top: -50px;
    left: 50%;
    /* transform: scaleX(-50%); */
    transform: translateX(-50%);
    z-index: 100;
    color: #fff !important;
    font-size: 48px;
    -webkit-text-stroke: 1px #ffd6d6;
}
.title h2 font {
    position: absolute;
    left: 0;
    top: 0;
    left: 50%;
    /* transform: scaleX(-50%); */
    transform: translateX(-50%);
    z-index: 101;
}
.yuanjingitem{
    transition: all 0.5s;
}
.yuanjingitem strong span{
    position: relative;
}
.yuanjingitem strong span::after{
    width: 100px;
    height: 2px;
    background-color: #ff0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 998;
}
.yuanjingitem img{
    transition: all .5s;
}
.yuanjingitem:hover{
    background-color: #fff;
    color: #515151!important;
    cursor: pointer;
}.yuanjingitem:hover .media-body{
    color: #333;
}
.yuanjingitem:hover strong{
    color: #e60012!important;

}
.yuanjingitem:hover img{
 transform: scale(1.3);
 position: relative;
 z-index: 999;
}

.en-title {
    text-transform: uppercase;
    font-size: 30px;
}
.pro-xilie {
    background: url(../images/xilie-bg.png) center bottom no-repeat;
    background-size: 100% auto;
}
#xilie-item h4 {
    text-transform: uppercase;
    font-weight: normal;
}
#xilie-item .border {
    transition: all .5s;
    position: relative;
}
#xilie-item .border:hover {
    border-color: #e60012 !important;
    cursor: pointer;
}
.more a {
    background: url(../images/more-bg.png) left center no-repeat;
    background-size: contain;
    transition: all .5s;
}
.more a:hover {
    background: url(../images/more-hover.png) left center no-repeat;
    background-size: contain;
    color: #fff !important;
}
.more .border-white:hover {
    color: #fff !important;
}
section.about {
    background: url(../images/about-bg.jpg) left top repeat;
}
.posr {
    position: relative;
}
section.about .about-right{
    position: relative;
}
section.about .about-right img.img-auto{
    position: absolute;
    left: 0;
    bottom: 0;
}
/* 企业愿景 */
.yuanjing {
    background: url(../images/yuanjingbg.jpg) center top no-repeat;
}
/* 新闻样式 */
#newslist .flip-item:hover figcaption {
    background-color: #e60012;
}
#newslist .flip-item:hover figcaption h3, #newslist .flip-item:hover figcaption p {
    color: #fff !important;
}
/* 响应式样式 */
@media (min-width: 1280px) {
    .pro-list #row {
        height: 550px;
    }
}
@media (min-width: 1680px) {
    .pro-list #row {
        height: 600px;
    }
}