* {

    padding: 0;



    margin: 0;

}

@font-face {

    font-family: BAHNSCHRIFT;

    src: url(../fonts/BAHNSCHRIFT.TTF);

}
@font-face {

    font-family: BarlowCondensed-SemiBold;

    src: url(../fonts/BarlowCondensed-SemiBold.ttf);

}
li {

    list-style: none;

}



a {

    text-decoration: none;

 

}

.fx {
    display: flex;
}


img {

    border: none;

}



.clearfix:after {

    /*伪元素是行内元素 正常浏览器清除浮动方法*/

    content: "";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.clearfix {

    *zoom: 1;

    /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}




#foot {
    position: relative;
    width: 100%;
    background: url(../images/footbg.jpg)no-repeat;
    background-size: cover;

}



#foot .item a {

    display: inline-block;





}



#foot .m .box1s {

    display: flex;

    justify-content: space-between;

    gap: 3rem;

    padding-bottom: 2.5rem;

}



.foot_nav {

    display: flex;

    justify-content: space-between;

    flex-grow: 1;

    max-width: 960px;

    width: 100%;

}







.foot_nav dl dt {

    font-size: 1rem;

    color: #fff;

    line-height: 1.5rem;

    margin-bottom: 1.5rem;

    position: relative;

    z-index: 1;

    font-weight: bold;

}



.foot_nav dl dd {

    font-size: .875rem;

    color: rgba(255, 255, 255, .4);

    line-height: 1.875rem;

    transition: .5s;

}






.phones {

    display: flex;

    gap: 3px;

    flex-direction: column;

}



.phones h5 {

    color: #ffffff;

    font-size: .875rem;

    line-height: 1.5rem;


}



.phones p {
    font-size: .875rem;

    line-height: 1.5rem;


    color: #9a9b9c;

}



.phones svg .quan {

    fill: rgba(255, 255, 255, 0.5);

}



.f_address>p {

    color: #a8a9aa;

    font-size: .875rem;

    line-height: 1.5rem;

}


.f_address h6 {
    font-size: .875rem;
    line-height: 1.5rem;
    color: #9a9b9c;
}
.f_address h6 span {
    color: #fff;
}

.f_address .lx {
    margin: 1.25rem 0 2.5rem;
}

.ewm {

    display: flex;

    align-items: center;

    gap: 1.25rem;

}



.ewm img {

    width: 95px;

    height: 95px;

}



.ewm p {

    color: rgba(255, 255, 255, .4);

    font-size: .875rem;

    line-height: 1.5rem;

}



.copyright {

    padding: 1.5rem 0;

    display: flex;

    justify-content: center;

    align-items: center;

    color: rgba(255, 255, 255, .4);

    font-size: .8125rem;

    line-height: 1.5rem;

    border-top: 1px solid rgba(255, 255, 255, .1);



}



.copyright p {

    text-align: center;



}



.copyright a {

    transition: all .5s;

}



.copyright a:hover {

    color: #fff;

}

.foot_nav dl dd:hover {

    color: #fff;

}
/*翻页*/

.page .boxp {
    display: flex;
    margin-top: 4rem;
    flex-wrap: wrap;
}

.page a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #0a0a0a;
    margin-right: 10px;
    border: 1px solid #d4d4d4;
    flex-shrink: 0;
    min-width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
}

.page a span {
    width: 5.625rem;
    white-space: nowrap;
    text-align: center;
    border-radius: 20px;
    display: block;
}
.page a:first-child , .page a:nth-child(2) , .page a:last-child , .page a:nth-last-child(2) {
    border-radius: 20px !important;
}
.page a.on , .page a:hover {
    border: 1px solid #225a19;
    background: #225a19;
    color: #fff
}

.page .centers {
    justify-content: center;
}


.position {
    left: 0;
    bottom: 0;
    font-size: .9375rem;
    color: #838486;
    display: flex;
    align-items: center;
}

.position>svg {
    margin-right: 5px;
    width: 1.255rem;
    height: 1.25rem;
}

.position a {
    margin: 0 4px;
    transition: all .5s;
}
.position a:hover {
    color: #225a19;
}
.position span,
.position a,
.position i {
    font-size: .8125rem;
    color: #828386;
    flex-shrink: 0;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}

.position i {
    margin: 0px 3px;
    font-style: normal;
    width: 8px;
    height: 8px;
}

.online_q {
    position: fixed;
    left: 2.25rem;
    bottom: 20%;
    z-index: 998;
    transition: .5s;
    -webkit-transition: .5s
}

.online_q .btn2 {
    width: 6.25rem;
    height: 6.25rem;
    cursor: pointer;
    position: relative;
    margin-bottom: 6px;
    border-radius: 5px;
}
.online_q .btn2:first-child {
    background: url(../images/btn1.jpg)no-repeat;
    background-size: cover;
}
.online_q .btn2:nth-child(2) {
    background: url(../images/btn2.jpg)no-repeat;
    background-size: cover;
}
.online_q .btn2:nth-child(3) {
    background: url(../images/btn3.jpg)no-repeat;
    background-size: cover;
}
.online_q .btn2:last-child {
    background: url(../images/btn4.jpg)no-repeat;
    background-size: cover;
}
.online_q .btn2 a {
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 6.25rem;
    justify-content: center;
}

.online_q .btn2 a p {
    text-align: center;
    color: #fff;
    font-size: .9375rem;
    line-height: 1.5;
    font-weight: bold;
    margin-top: .5rem;
}
.online_q .btn2 a:hover svg {
    animation: jello 1.2s;

}



@-webkit-keyframes jello{11.1%{-webkit-transform:none;transform:none}

22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}

33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}

44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}

55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}

66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}

77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}

88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}

100%{-webkit-transform:none;transform:none}

}

@keyframes jello{11.1%{-webkit-transform:none;transform:none}

22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}

33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}

44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}

55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}

66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}

77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}

88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}

100%{-webkit-transform:none;transform:none}

}


.zidh {
    height: 4.0625rem;
}
.zidh.hui {
    border-bottom: 1px solid #dddde1;
}

.zidh .m {
    align-items: center;
}
.zidh.wu .m {
    justify-content: flex-end;
}
.zidh.hui .m {
    justify-content: space-between;
}

.zidh ul li {
    width: 12.5rem;
    text-align: center;
    border: 1px solid #dddde1;
    border-bottom: none;
}
.zidh ul li+li {
    border-left: 0;
}
.zidh ul li:last-child {
    border-left: 0;
}
.zidh ul li a {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #3b3b3b;
    z-index: 10;
    font-size: 1rem;
    line-height: 1.1875rem;
    transition: all .5s;
}

.zidh ul li a:after {
    bottom: 0;
    content: '';
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    display: block;
    width: 0;
    height: 101%;
    position: absolute;
    z-index: -1;
    background: #225a19;
}

.zidh ul li:hover a:after, .zidh ul li.on a::after {
    opacity: 1;
    visibility: visible;
    width: 102%;
}

.fx {
    display: flex;
}
.zifz {
    height: 100%;
}

.position .last-a {
    color: #4c4d4e;
}

.zidh ul li.on a , .zidh ul li:hover a  {
    color: #fff;
}