* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    outline: none;
    }

html {
    overflow-x: hidden;}

html,
body {
    color: rgb(51, 51, 51);
    font-size: 16px;
    font-family: "微软雅黑";
    text-align: left;
    margin-left: auto !important;
    margin-right: auto !important;}

body {
    padding-top: 175px;
    min-width: 1440px;}

li {
    list-style: none;}

a {
    text-decoration: none;}

img,
input {
    border: 0px;
    outline: none;}

.wap {
    display: none !important;}

.top>img.wap {
    display: none;}

.icon:hover img {
    animation: 1s linear 0s 1 normal none running jello;}

.banner {
    overflow: hidden;
    position: relative;}

.banner .slick-slide img {
    object-fit: cover;
    height: 500px;
    width: 100%;
    opacity: 0.2;
    transition: all 0.3s ease 0s;}

.banner .slick-slide.slick-current img {
    opacity: 1;}

.banner .slick-slide {
    position: relative;}

.banner .slick-slide::before {
    position: absolute;
    inset: 0px;
    background: rgba(241, 240, 245, 0.8);}

.banner .slick-list {
    max-width: 1920px;
    margin: 0px auto;
    overflow: visible;}

.banner .slick-current::before {
    display: none;}

.banner .slick-slider {
    overflow: hidden;}

.banner .slick-prev,
.banner .slick-next {
    width: 72px;
    height: 72px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    z-index: 9;
    transition: all 0.5s ease 0s;}

.banner .slick-prev {
    background: url(../images/banner-l.png) center center no-repeat;
    right: 58%;
    left: auto;
    margin-right: 684px;
    top: 43.5%;}

.banner .slick-next {
    left: 58%;
    right: auto;
    margin-left: 684px;
    background: url(../images/banner-r.png) center center no-repeat;
    top: 43.5%;}

@keyframes jello {

    0%,
    11.1%,
    100% {
        transform: none;}

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

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

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

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

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);}

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

    88.8% {
        transform: skewX(-0.195312deg) skewY(-0.195312deg);}
}
@media screen and (max-width: 900px) {
     .head-top {
       background:#8e030a
;}
    }

@media screen and (min-width: 1024px) {
    ::-webkit-scrollbar {
        width: 6px;
        height: 9px;}

    ::-webkit-scrollbar-track {
        width: 3px;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 2em;}

    ::-webkit-scrollbar-thumb {
        background-color: #8e030a;
        background-clip: padding-box;
        min-height: 28px;
        border-radius: 2em;}

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgb(239, 158, 18);}
}

body .clear {
    clear: both;
    height: 0px !important;
    width: 0px !important;
    border: none !important;
    margin: 0px !important;
    padding: 0px !important;
    float: none !important;}

.px1314 {
    max-width: 1314px;
    margin: 0px auto;}

.px1440 {
    max-width: 1440px;
    margin: 0px auto;}

.px1650 {
    max-width: 1650px;
    margin: 0px auto;}

.b-top {
    line-height: 40px;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;}

.t-search-zzc {
    position: fixed;
    z-index: 99998;
    inset: 0px;
    background: rgba(0, 0, 0, 0.6);}

.t-search {
    padding: 0px 0px 10px;
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 99999;}

.t-search>div {
    min-width: 500px;
    margin: 0px auto;
    position: relative;
    padding: 5px 0px;
    background: rgb(255, 255, 255);}

.t-search>div input[type="text"] {
    display: block;
    width: 100%;
    padding: 0px 70px 0px 20px;
    font-size: 16px;
    height: 30px;
    box-sizing: border-box;}

.search-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 40px;
    width: 40px;
    background: rgb(0, 100, 61);}

.search-btn input {
    display: block;
    width: 20px;
    margin: 10px auto;}

.b-t-search {
    float: left;}

.b-t-search>div {
    position: relative;
    border: 1px solid rgb(89, 89, 89);
    height: 25px;
    line-height: 25px;
    margin-top: 10px;
    padding: 0px 10px;
    font-size: 0px;
    background: rgb(55, 53, 53);}

.b-t-search>div .search-text {
    border: none;
    outline: none;
    line-height: 25px;
    height: 25px;
    width: 125px;
    vertical-align: middle;
    background: none;
    color: rgb(255, 255, 255);}

.b-t-search>div .search-btn {
    width: 25px;
    height: 25px;
    background: url(../images/search.png) center center no-repeat;
    border: none;
    outline: none;
    vertical-align: middle;}

.head {
    background: rgb(159 41 37);
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9999;
    }

.b-top {
    line-height: 40px;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;}

.b-top-l {
    float: left;
    font-size: 14px;
    color: rgba(229, 229, 229, 0.8);}

.b-top-r {
    overflow: hidden;
    float: right;
    padding: 17px 0px;}

.b-top-r>p {
    clear: both;
    text-decoration: underline;
    font-size: 12px;
    line-height: 14px;
    padding-top: 15px;
    font-weight: normal;}

.b-top-r>p a {
    display: block;
    color: rgb(51, 51, 51);}

.b-top-r>p a:hover {
    color: rgb(0, 100, 61);}

.b-top-r>ul {
    overflow: hidden;
    font-size: 0px;
    float: left;
    display: flex;
    align-items: center;}

.b-top-r>ul>li {
    vertical-align: middle;
    float: left;
    margin-left: 45px;}

.b-top-r>ul>li a {
    font-size: 0px;
    display: block;
    line-height: 14px;
    color: rgb(255, 255, 255);}

.b-top-r>ul>li b {
    height: 14px;
    display: block;
    width: 2px;
    background: rgb(102, 102, 102);}

.b-top-r>ul>li a img {
    vertical-align: middle;}

.b-top-r>ul>li a span {
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
    margin-left: 12px;}

.b-top-r>ul>li a:hover span {
    text-decoration: underline;}

.b-t-search {
    float: left;}

.b-t-search>div {
    position: relative;
    border: 1px solid rgb(89, 89, 89);
    height: 25px;
    line-height: 25px;
    margin-top: 10px;
    padding: 0px 10px;
    font-size: 0px;
    background: rgb(55, 53, 53);}

.b-t-search>div .search-text {
    border: none;
    outline: none;
    line-height: 25px;
    height: 25px;
    width: 125px;
    vertical-align: middle;
    background: none;
    color: rgb(255, 255, 255);}

.b-t-search>div .search-btn {
    width: 25px;
    height: 25px;
    background: url(../images/search.png) center center no-repeat;
    border: none;
    outline: none;
    vertical-align: middle;}

.search-box {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    vertical-align: middle;}

.search-box img {
    cursor: pointer;
    vertical-align: middle;}

.search-box span {
    vertical-align: middle;
    font-size: 16px;
    color: rgb(102, 102, 102);
    margin-left: 8px;}

.search-box {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;}

.search-box>div {
    position: relative;
    float: right;
    border: 1px solid rgba(255, 255, 255, 0.3);}

.search-box input[type="text"] {
    width: 250px;
    padding: 0px 34px 0px 11px;
    line-height: 36px;
    height: 36px;
    background: none;
    color: rgb(255, 255, 255);
    vertical-align: middle;
    transition: all 0.3s ease 0s;
    font-size: 16px;}

.search-box input[type="text"]::placeholder {
    color: rgb(233, 243, 243);}

.search-box input.p-submit {
    right: -3px;
    top: 9px;
    position: absolute;
    width: 50px;
    color: rgb(255, 255, 255);
    height: 17px;
    vertical-align: middle;
    background: url(../images/search.png) center center no-repeat;
    cursor: alias;
    font-size: 0px;}

.search-box img {
    display: block;
    height: 17px;
    margin-top: 9px;
    cursor: pointer;}

.head-top {
    position: relative;
    padding: 23px 0px;
    align-items: center;
    overflow: hidden;
    height: 140px;
    }

.logo {
    overflow: hidden;
    float: left;
    width: 700px;
    padding: 15px 0;
    }

.logo a {
    position: relative;
    transition: all 0.5s ease 0s;
    top: 0px;}

.logo a {
    display: block;}

.logo a img {
    vertical-align: middle;
    display: block;
    width: 100%;
    }

.head-nav {
    position: relative;
    z-index: 9;
    background: #740000;}
.nav{
    /* background:#fff; */
    border-bottom: 7px solid #740001;
    border-top: 7px solid transparent;}
.nav>ul {
    font-size: 0px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;}

.nav>ul>li {
    padding: 0 26px;
    text-align: center;
    position: relative;
    display: inline-block;
    /* margin-right: 154px; */
    vertical-align: middle;
    min-width: 153px;
    transition: all 0.3s;}
.nav>ul>li.menufocus{
    background:url(../images/navhoverbj.png) no-repeat;
    background-size:100% 100%;}
.nav>ul>li.menufocus>a{
    color:#fff;}
.nav>ul>li:hover{
    background:url(../images/navhoverbj.png) no-repeat;
    background-size:100% 100%;}
.nav>ul>li:hover>a{
    color:#fff;}
.nav>ul li:nth-child(7) {
    margin-right: 0px;}

.nav>ul>li:first-child {
    margin-left: 0px;
    border-left: none;}

.nav>ul>li>a {
    display: block;
    font-size: 22px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    position: relative;
    transition: all 0.3s ease 0s;
    font-weight: 600;}

.nav>ul>li>a::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;}

.nav>ul>li.on>a::after {
    border-bottom: 5px solid rgb(255, 255, 255);}

.nav>ul>li>div {
    position: absolute;
    top: 150%;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    background: #fff;
    z-index: 9999;
    line-height: normal;
    padding: 20px;
    opacity: 0;
    display: none;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;}

.nav>ul>li>a::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    border-bottom: 8px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: none;}

.nav>ul>li:hover>a::after {
    display: block;}

.nav-pic {
    float: left;
    overflow: hidden;
    width: 238px;
    margin-right: 10%;
    display: none;}

.nav-pic img {
    display: block;
    width: 100%;}

.nav>ul>li .nav-ejbox {
    position: relative;
    z-index: 9;}

.nav>ul>li ul {
    overflow: hidden;}

.nav>ul>li>div ul li {
    text-align: center;}

.nav>ul>li>div ul>li a {
    display: block;
    font-size: 16px;
    line-height: 47px;
    color: rgb(55, 53, 53);
    position: relative;}

.nav>ul>li>div ul>li a::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;}

.nav>ul>li>div ul>li a:hover {
    font-weight: 600;
    text-decoration: underline;}

.nav-r {
    float: left;
    position: relative;}

.nav-r a {
    float: left;
    margin-left: 20px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 40px;
    font-size: 0px;}

.nav-r a img {
    vertical-align: middle;
    display: none;}

.nav-r a img:first-child {
    display: inline-block;}

.nav-r a span {
    display: block;
    font-size: 18px;}

.top {
    max-width: 1920px;
    margin: 0px auto;
    position: fixed;
    right: 10px;
    top: 18px;
    width: 25px;
    height: 25px;
    z-index: 9999;}

.top>img {
    display: block;
    width: 100%;}

.wap-menu {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 99999;
    font-size: 0px;}

.wap-menu img {
    height: 25px;}

.close-menu {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;}

.next-back img {
    display: block;
    width: auto !important;
    height: auto !important;}

.pic {
    padding-top: 75%;
    position: relative;
    overflow: hidden;}

.pic img:first-child {
    object-fit: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: all 1s ease 0s;}

.pic img:hover {
    transform: scale(1.05);}

.bottom {
    background: rgb(159 41 37);
    padding: 0px 0px 0px;
    }

.link>div {
    position: relative;
    padding: 0px 15px;
    float: left;
    width: 260px;
    margin-right: 38px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 252, 0.3);}

.link>div:nth-child(1) {
    margin-top: 0px;}

.link p {
    line-height: 35px;
    padding-right: 20px;
    color: rgb(255, 255, 255);
    text-align: left;
    font-size: 16px;
    background: url(../images/link-icon-down.png) right center no-repeat;
    border-radius: 20px;
    overflow: hidden;}

.link>div:hover div {
    display: block;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 13px;}

.link>div div {
    position: absolute;
    bottom: 100%;
    background: rgb(255, 255, 255);
    padding: 15px 0px;
    left: 0px;
    right: 0px;
    display: none;
    z-index: 9;}

.link>div div a {
    display: block;
    color: rgb(51, 51, 51);
    line-height: 30px;
    font-size: 14px;
    padding: 0px 10px;}

.link>div div a:hover {
    background: rgb(142, 3, 10);
    color: rgb(255, 255, 255);}

.b-zuishang {
    padding: 20px 0px;
    align-items: center;
    margin-top: 30px;
    }
.bottom-left{
    width: 100%;
}
.bottom-left p {
    font-family: SourceHanSerifCN-Bold;
    font-size: 18px;
    line-height: 36px;
    color: rgb(255, 255, 255);
    overflow: hidden;
    }

.bottom-left ul {
    margin-top: 11.5px;}

.bottom-left ul li {
    line-height: 45px;}

.bottom-left ul li a {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: rgb(255, 255, 255);}

.bbrr {
    width: 48%;
    display: flex;
    flex: 1;
    padding-left: 75px;
    }

.bottom-mid {
    width: 48%;
    padding-left: 20px;
    }

.bottom-right {
    width: 48%;
    }
.bottom-left a {
    display: block;}

.bottom-left a div {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;}

.bottom-left a div img {
    vertical-align: middle;}

.bottom-left a span {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 36px;
    color: rgb(255, 255, 255);}

.bottom-mid ul li a {
    display: flex;
    align-items: center;}

.bottom-mid ul li a div {
    width: 30px;
    vertical-align: middle;
    text-align: center;}

.bottom-mid ul li a div img {
    vertical-align: middle;
    display: block;}

.bottom-mid ul li a span {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 36px;
    color: rgb(255, 255, 255);}

.bottom-right ul li a {
    display: block;}

.bottom-right ul li a div {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;}

.bottom-right ul li a div img {
    vertical-align: middle;}

.bottom-right ul li a span {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 36px;
    color: rgb(255, 255, 255);}

.titline i {
    display: inline;
    font-style: normal;
    position: relative;
    background-image: linear-gradient(#8e030a, #8e030a);
    background-position: 0px 100%;
    background-size: 0px 1px;
    background-repeat: no-repeat;
    transition: background-size 0.5s ease 0s;}

a:hover .titline i {
    background-size: 100% 1px;}
.wow h2{
    text-align: center;
}