/* header.css */
:root {
    --zhihao: 40px;
    --zhihao-h: 48px;
    --txt-color: #e62129;
    --bj-color:#f4f4f4;
}
@font-face {
    font-family: 'Alibaba PuHuiTi R';
    src: url('font/Alibaba-PuHuiTi-R.eot');
    src: url('font/Alibaba-PuHuiTi-R.eot?#iefix') format('embedded-opentype'),
        url('font/Alibaba-PuHuiTi-R.woff2') format('woff2'),
        url('font/Alibaba-PuHuiTi-R.woff') format('woff'),
        url('font/Alibaba-PuHuiTi-R.ttf') format('truetype'),
        url('font/Alibaba-PuHuiTi-R.svg#Alibaba-PuHuiTi-R') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
header{ display: flex; justify-content: space-between; align-items: center; padding: 20px 3%; background: #fff; position: fixed; z-index: 100; width: 100%;}
.logo img{ width: 180px;}
.header-r{ display: flex; align-items: center;}
.header-r a{display: flex; align-items: center;}
.header-r a i{ font-size: 19px; color: #666; line-height: 19px;}
.header-r a span{ padding-left: 5px;font-size: 17px;font-weight: 500; color: #333;font-family: "Alibaba PuHuiTi R";}
.header-r a:nth-child(2){ margin-left: 20px;}
.header-r a:nth-child(2) i{ font-size: 22px;}
.top-cp{ display: flex;}
.top-cp a{ margin:0 1vw; font-size: 17px; color: #fff; transition: all 0.5s ease; }
.top-cp a:hover{color:var(--txt-color);}
.nav_bg{ width: 100%;  position: relative; z-index: 999;}
.sjj_nav>ul{ display: flex;}
.sjj_nav>ul>li{ position:relative;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav>ul>li>a{display:block; height:46px; line-height: 46px; color: #333; font-family: "Alibaba PuHuiTi R"; text-transform: uppercase; text-align: center; position:relative; z-index:9; transition:0.5s;overflow: hidden;}
.sjj_nav>ul>li>a span{ display: block;transition: 0.5s;}
.sjj_nav>ul>li>a span:nth-child(1){ font-size: 15px;}
.sjj_nav>ul>li>ul{ position:absolute; width:200px; left:50%; padding-top: 20px; transform: translateX(-50%); top: 46px; overflow:hidden; display:none;}
.sjj_nav>ul>li>ul>li{width: 100%;}
.sjj_nav>ul>li>ul>li:nth-child(1){ border-top:none;}
.sjj_nav>ul>li>ul>li>a{ display:block; line-height:36px; font-weight: 500; height:36px; font-size:14px; color:#fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); background:rgba(0,0,0,0.6); padding-left: 25px;  transition:0.5s;margin: 0;}
.sjj_nav>ul>li>ul>li:hover>a{background:var(--txt-color); color:#fff; transition:0.5s;}
.sjj_nav>ul>li>ul>li:last-of-type{ border: 0;}
/* .sjj_nav>ul>li>ul::after{content: '';  position: absolute;  left:50%; top:13px;  width: 0;  height: 0px;  border-style: solid;  border-width:4px;  border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) transparent transparent;  transform: rotate(-45deg) translateX(-50%);  } */
.hide-page-header{ opacity: 0;visibility: hidden;transition: all 0.5s ease;}
.hide-page-header1{ opacity: 1;box-shadow: 0px 0px 45px 0px rgb(0 0 0 / 10%);visibility: visible;transition: all 0.8s ease;}
.indexbanner{background: #fff;}
.indexbanner .swiper-slide img{ width: 100%;}
.banner-wz{position: absolute; top: 50%;transform: translateY(-50%); left: 10%; font-size: calc(20px + 2vw); line-height: calc(20px + 2.8vw); color: #fff; font-weight: bold;}
.banner-wz span{display: block;}
.swiper-pagination-bullet{ background: #fff;}
.swiper-pagination-bullet-active{ background: var(--txt-color);}
.indexbanner .swiper-pagination{ bottom: 20px;}
.sjj{ background: #f6f6f6; padding-left: 10%; display: flex; justify-content: space-between; align-items: center;}
.sjj-l h1{ font-size: var(--zhihao); text-transform: uppercase; color: var(--txt-color); line-height: var(--zhihao-h);}
.sjj-l h3{ font-size: var(--zhihao);line-height: var(--zhihao-h);}
.sjj-l p{ font-size: 22px; padding-top: 15px;}
.sjj-l-z{ border-top: 1px solid #e0e0e0; margin-top: 55px; padding-top: 22px; font-size: 16px; color: #333;}
.sjj-l{ width: 40%;}
.sjj-r{ width: 49%; position: relative;}
.sjj-r img{ width: 100%;}
.shuzi_box{position: absolute; top: 20%; right: 20%;}
.shuzi_box ul li{position: relative; overflow: hidden;}
.shuzi_box ul li:nth-child(2){ margin-top: 40px;}
.shuzi_box ul li b{ font-weight: 500; display: block;transition: all 0.5s;}
.shuzi_box ul li b i{ font-size: 45px; color: var(--txt-color); text-align: center; display: inline-block; padding-right:8px;font-style: normal; font-weight: bold;line-height: 55px; letter-spacing: -2px;}
.shuzi_box ul li b span{ font-size: 14px;color: var(--txt-color); display: inline-block; font-weight: 400;}
.shuzi_box ul li p{line-height: 20px; color: #000;font-weight: 500; font-size: 17px;}
.shuzi_box ul li p span{ display: block; color: #666; font-size: 14px; font-weight: 500; margin-top: 8px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.shuzi_box ul li:hover b{ transform: translateY(-10px);}
.linggan-xq-l-d{ position: absolute; left: 41%; top: 48%; z-index: 10;}
.linggan-xq-l-d a{position: absolute; display: flex; align-items: center;}
.linggan-xq-l-d a .dian{ width: 10px; height: 10px; background: var(--txt-color); border-radius: 50%; position: relative;}
.linggan-xq-l-d a .dian::after{position: absolute; top:50%; animation: place100 3000ms infinite; left: 50%; transform: translate(-50%,-50%); background: Rgba(243, 115, 24, 0.5); content: ''; border-radius: 50%;}
@keyframes place100{0%{width: 0px;height: 0px;} 100%{width: 50px;height: 50px; background: Rgba(243, 115, 24, 0);}}

.scp,.stx{ background: #fff;}
.scpgd .swiper-wrapper {transition-timing-function: linear !important;}
.cpgd-d{ position: absolute; width: 100%; height: 100%; z-index: 10; top: 0; left: 0;}
.scpgd-sd{ width: 15px; height: 15px; background: var(--txt-color); border-radius: 50%; position: relative; border: 2px solid #fff;}
.scpgd-sd::after{position: absolute; top:50%; animation: scpgddh 3000ms infinite; left: 50%; transform: translate(-50%,-50%); background: Rgba(243, 115, 24, 0.5); content: ''; border-radius: 50%;}
@keyframes scpgddh{0%{width: 0px;height: 0px;} 100%{width: 50px;height: 50px; background: Rgba(243, 115, 24, 0);}}
.cpgd-d a{position: absolute; top: 72%; left: 51%;transition: all 0.5s ease;}
.cpgd-d a p{ background: var(--txt-color); color: #fff; padding: 8px 12px; border-radius: 5px; overflow: hidden; text-align: center;position: relative;left: -45%;bottom: 80px; opacity: 0;transition: all 0.5s ease;}
.cpgd-d a:hover p{ opacity: 1;}
.scpgd .swiper-scrollbar{width: 80%; left: 10%;height: 3px;bottom: 9%;}
.scpgd .swiper-scrollbar-drag{ background: var(--txt-color);}
.scpgd .swiper-slide:nth-of-type(2) .cpgd-d a:nth-child(1){top: 41%; left: 20%;}
.scpgd .swiper-slide:nth-of-type(2) .cpgd-d a:nth-child(2){top: 76%; left: 76%;}
.scpgd .swiper-slide:nth-of-type(3) .cpgd-d a{top: 43%; left: 63%;}
.scpgd .swiper-slide:nth-of-type(4) .cpgd-d a{top: 31%; left: 81%;}
.shub{position: absolute; bottom: 20px; left: 10%; z-index: 10;}

.scp-bt{display: flex; justify-content: space-between; align-items: end;}
.scp-bt dt{ font-size: var(--zhihao); line-height: var(--zhihao-h); font-weight: bold;}
.scp-bt dd{ font-size: 24px;}
.scp-nr{ padding: 50px 0 0; }
.scp-nr dt{background-image: linear-gradient(#f4f4f4, #fff 25%);margin-top: 60px; position: relative; padding-bottom: 15px; margin-bottom: 25px;}
.scp-nr dd{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.scp-nr dd a{border: 1px solid var(--bj-color); margin-bottom: 25px; text-align: center;width: 23.5%;transition: all 0.5s ease; border-radius: 10px; overflow: hidden;}
.scp-nr dd a p{ padding: 15px;transition: all 0.5s ease;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.scp-nr dd a:nth-last-child(-n+2){ padding: 0; margin: 0; height: 0; overflow: hidden; border: none;}
.sxx{position: relative; background: url("../images/zxx.jpg") center no-repeat fixed; background-size: cover; padding: 35vh 0;}
.sxx-bt p{ font-size: var(--zhihao); color: #fff; font-weight: bold;}
.scpgd .swiper-slide img,.stxgd .swiper-slide img,.sxx img{ width: 100%;}
.scp-nr dd a img{margin: 0 auto; width: 100%;padding: 10px 10px 0;}
.scp-nr dd a:hover{ transform: translateY(-10px);box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.scp-nr dd a:hover p{color: #fff; background: var(--txt-color);}
.stxgd .swiper-slide{ background: #000;}
.stxgd .swiper-slide .stxwz{position: absolute; left: 10%; width: 80%;bottom:-5%;transition: all 0.5s ease;}
.stxgd .swiper-slide p{  color: #fff; font-size:36px;padding-bottom: 10px;}
.stxwz-o{ color: #fff; font-size: 16px; opacity: 0; transition: all 0.5s ease;}
.stxgd .swiper-slide:hover .stxwz{ top:auto; bottom: 10%;transition: all 0.5s ease;}
.stxgd .swiper-slide:hover .stxwz-o{ opacity: 1; }
.stxgd .swiper-slide:hover img{opacity: 0.5;transition: all 0.5s ease;}
.stx-bt{ font-size: var(--zhihao); line-height: var(--zhihao-h); text-align: center;}
.stx-bt p:nth-child(2){ font-weight: bold;}
.stxgd{ padding-top: 30px;}
footer{ background: #2a2a2a;}
footer .w1520{ display: flex; justify-content: space-between; color: #fff;}
footer .w1520 dt{ display: flex;}
footer .w1520 dt ul a{ display: block; color: #ccc; font-size: 12px; line-height: 18px;}
footer .w1520 dt li p{ font-size: 14px; padding-bottom: 20px;}
footer .w1520 dt li{ margin-right: 40px;}
footer .w1520 dt ul a:hover{ color: var(--txt-color);}
footer .w1520 dd h1{ font-size: 17px; padding-bottom: 20px;}
.footer-bq{ text-align: center; border-top: 1px solid #555; margin-top: 40px; padding-top: 20px; color: #ccc; font-size: 12px;}
.footer-bq a{ color: #ccc; padding-left: 5px;}
.footer-bq a:hover{ color: var(--txt-color);}
.banner-ny{position: relative;}
.banner-ny img{ width: 100%;}
.banner-ny::after{ z-index: 10; position: absolute; width: 70%; height: 100%; content: ''; background: linear-gradient(to right, Rgba(241, 141, 41, 0.5), Rgba(241,141,0,0)); top: 0; left: 0;}
.ny-t-bt{ position: absolute; top: 56%; transform: translateY(-50%); left: 10%; z-index: 11;}
.ny-t-bt p{ font-size: var(--zhihao); color: #fff; line-height: var(--zhihao-h);}
.ny-t-bt p:nth-child(1){font-weight: bold; padding-bottom: 6px;}

.jj-nr{ background: url("../images/jjbj.jpg") center no-repeat; background-size: cover;display: flex; justify-content: space-between; padding-left: 10%; align-items: center;}
.jj-nr dt{ width: 48%;}
.jj-nr dd{ width: 45%;}
.jj-nr dd img{ width: 100%;}
.jj-nr dt h5{ font-size: 24px; font-weight: 500;}
.jj-nr dt h1{ font-size: var(--zhihao);}
.jj-nr-ok{ padding-top: 40px; font-size: 16px;}
.jj-nr-ok p{ padding-top: 10px;}
.wz-bt{ font-size: var(--zhihao); font-weight: bold;}
.rrgd{border-top: 1px solid #cdcdcd; padding-top: 30px; margin-top: 15px;padding-bottom: 50px; margin-bottom: 20px;}
.rrgd .swiper-slide{ text-align: center; border-radius: 10px; overflow: hidden;}
.rrgd .swiper-slide img{ width: 100%;}
.rrgd .swiper-pagination-bullet{ background: #999;}
.rrgd .swiper-pagination-bullet-active{ background: var(--txt-color);}
.jj-dt{ background: #f7f6f6;}
.wz-bt p{ font-size: 18px; font-weight: 500; margin-top: 25px; color: #666;}
.jj-dt{position: relative;}
.jj-dt-ok{width: 60%; right: 0; z-index: 5; float: right; position: relative;}
.jj-dt-ok img{ width: 100%;}
.jj-dt .wz-bt{ width: 35%; left: 10%; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%);}
.jj-dt-rztb{ display: flex; align-items: center; margin-top: 10vh;}
.jj-dt-rztb li{ margin-right: 30px;}
.jj-dt-ok .linggan-xq-l-d{top: 0; left: 0;width: 100%; height: 100%;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(1){ right: 20%; top:53%;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(2){ right: 21%; top:20%;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(3){ right: 53%; top:38%;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(4){ right: 12%; top:77%;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(5){ right: 83%; top:39%;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(6){ right: 81%; top:56%;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(7){ right: 22%; top:64%;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(8){ right: 43%; top:57%;}

.linggan-xq-l-d a .dian-l{ width: 6px; height: 6px; background: #7c8ab3; border-radius: 50%; position: relative;}
.linggan-xq-l-d a .dian-l::after{position: absolute; top:50%; animation: place100-l 2500ms infinite; left: 50%; transform: translate(-50%,-50%); background: Rgba(124, 138, 179, 0.5); content: ''; border-radius: 50%;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(2) .dian-l::after{animation: place100-l 3200ms infinite;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(3) .dian-l::after{animation: place100-l 3600ms infinite;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(4) .dian-l::after{animation: place100-l 2530ms infinite;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(5) .dian-l::after{animation: place100-l 4100ms infinite;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(6) .dian-l::after{animation: place100-l 3850ms infinite;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(7) .dian-l::after{animation: place100-l 4920ms infinite;}
.jj-dt-ok .linggan-xq-l-d a:nth-child(8) .dian-l::after{animation: place100-l 1900ms infinite;}
@keyframes place100-l{0%{width: 0px;height: 0px;} 100%{width: 30px;height: 30px; background: Rgba(124, 138, 179, 0);}}

.jj-xx{ background: url("../images/jjx.jpg") center no-repeat; background-size: cover; padding: 15vh 0;}
.jj-xx ul{ display: flex; justify-content: space-between;}
.jj-xx ul li{ background: Rgba(255, 255, 255, 0.2); color: #fff; font-size: 36px; line-height: 46px; text-align: center; margin: 0 20px; width: 20%; padding: 12px 0; border-radius: 5px;}
.jj-xx ul li span{ font-size: 16px; text-transform: uppercase; display: block;line-height: 20px;color:Rgba(255, 255, 255, 0.7)}
.jj-xx dt{ color: #fff; text-align: center; font-size: 18px;padding: 50px 50px 10vh;}
.jj-xx a{  color: #fff; display: flex; justify-content: center;font-size: 20px; align-items: center;}
.jj-xx a i{ font-size: 24px; margin-left: 20px;transition: all 0.5s ease;}
.jj-xx a:hover i{ margin-left: 10px; color: var(--txt-color);}

.cp-bt{display: flex; justify-content: space-between; align-items: end;}
.cp-bt dt{ font-size: var(--zhihao); font-weight: bold;}
.cp-bt dt p{ font-size: 18px; text-transform: uppercase; font-weight: 500; color: #666;}
.cp-bt dd{ color: #666; font-size: 18px;max-width: 40%;}

.cpxxgd{ margin-top: 30px;}
.cpxxgd .swiper-slide img{ width: 100%;}
.cp-lb-bt{ font-size: 24px;}
.cp-lb-bt span{ font-size: 16px; color: #999; padding-left: 15px; text-transform: uppercase;}
.cp-lb ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.cp-lb ul li{ border: 1px solid var(--bj-color); margin-bottom: 25px; text-align: center;width: 23.5%;transition: all 0.5s ease; border-radius: 10px; overflow: hidden;}
.cp-lb ul li a p{ padding: 15px 10px;transition: all 0.5s ease;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.cp-lb ul li:nth-last-child(-n+3){ padding: 0; margin: 0; overflow: hidden; height: 0; border: 0;}
.cp-lb ul li a img{margin: 0 auto; width: 100%;padding: 10px 10px 0;}
.cp-lb ul li:hover{ transform: translateY(-10px);box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.cp-lb ul li a:hover p{color: #fff; background: var(--txt-color);}

.tkong{ height: 86px;}
.cpxqt{background: #eee; padding: 15px 0;}
.cpxqt .w1520{ display: flex; justify-content: space-between;}
.cpxqgdw{ padding: 5vh 0; display: flex; justify-content: space-between;}
.cpxqgd{ width: 50%;}
.cpxq-l{ width: 45%;}
.cpxqgd .swiper-slide img{max-width: 100%; display: block; margin: 0 auto;}
.cpxq-dt{margin: 40px auto; position: relative;}
.cpdtgd .swiper-slide img{ max-width: 100%; display: block; margin:0 auto;}
.cpdtgd .swiper-pagination,.cpxqalgd .swiper-pagination{ bottom: auto; top: 0; text-align: right; left: auto; }
.cpdtgd .swiper-button-next:after, .cpdtgd .swiper-button-prev:after,.cpxqalgd .swiper-button-next:after, .cpxqalgd .swiper-button-prev:after{ display: none;}
.cpdtgd .swiper-button-next, .cpdtgd .swiper-button-prev,.cpxqalgd .swiper-button-next, .cpxqalgd .swiper-button-prev{ color: #333;}
.cpxqnr{ border-top: 1px solid var(--bj-color); padding: 5vh 0 10vh;}
.cpxqnr img{max-width: 100%; margin: 0 auto; display: block;}
.cpxqalgd{ padding-top: 20px;}
.cpxqalgd .swiper-slide img{ width: 100%;}
.nycd{ border-bottom: 1px solid var(--bj-color);}
.nycd ul{ display: flex;}
.nycd ul a{ font-size: 16px; margin-right: 45px; padding: 35px 0; position: relative; display: block; transition: all 0.5s ease; color: #333;}
.nycd ul a:hover{ color:var(--txt-color);}
.nycd ul a::after{position: absolute; bottom:-1px; height: 2px; width: 100%; background:var(--txt-color); content: ''; left: 0; opacity: 0;transition: all 0.3s ease;}
.nycd ul a:hover::after{ bottom:-1px; opacity: 1;}
#dqcd{ color: #000; position: relative;}
#dqcd::after{position: absolute; bottom:-1px; height: 2px; width: 100%; background:var(--txt-color); content: ''; left: 0; opacity: 1;}

.cpxqxwtj ul{ width:100%; border: 1px solid var(--bj-color); padding-bottom: 20px;}
.cpxqxwtj ul h2{ background: var(--bj-color); font-size: 17px; padding: 8px 15px; margin-bottom: 15px;}
.cpxqxwtj ul h2 a{color: #000;}
.cpxqxwtj ul h2 a:hover{color:var(--txt-color);}
.cpxqxwtj ul a{ display: block; width-space: nowrap;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height: 26px; color: #666; padding: 0 20px;}
.cpxqxwtj ul a:hover{ color:var(--txt-color);}
.cpxqxwtj ul:nth-child(2){ margin-top: 20px;}
.cpxqxwtj{position: sticky;transform-origin: top; top:86px; margin-bottom: 20px;}
.xwxqw{ display: flex; justify-content: space-between; }
.xwxqw-l{ width: calc(100% - 380px);}
.gcalxq .xwxqw-l{ width: 100%;}
.xwxqw-r{ width: 330px;}
.xwxq h1{border-bottom: 1px solid var(--bj-color); padding-bottom: 10px; margin-bottom: 5vh;}
.xwxqnr img{ display: block; margin: 0 auto; max-width: 100%;}
.xwxqnr{ font-size: 16px; line-height: 24px;}
.xwxqnr video{ max-width: 100%;}
.xwlb ul{ flex-wrap: wrap; display: flex; justify-content: space-between;}
.xwlb ul a{position: relative; background: #f6f6f6; margin-bottom:15px; display: flex; justify-content: space-between; width: 100%;padding:20px 40px;align-items:center;transition: all 0.5s ease;}
.xwlb ul a img{ width: 360px;}
.xwlb ul a p{ font-size: 18px; position: relative; z-index: 10; margin-bottom:5px;line-height: 24px; font-weight: bold; }
.xwlb ul a:nth-last-child(-n+2){ width: 24%; height: 0; overflow: hidden; margin: 0; padding: 0; border: 0;}
.xwlb ul a time{ color: #fff;position: relative; z-index: 10;transition: all 0.5s ease; width: 80px; font-size: 12px; background: var(--txt-color); text-align: center; padding: 15px 0;}
.xwlb ul a time span{ display: block; font-size: 28px; font-weight: bold; line-height: 28px;}
.xwlb-n{display: flex; justify-content: space-between; align-items: center;}
.xwbtz{ padding:0;position: relative; width: calc(100% - 120px);}
.xwlb-ms{ position: relative; z-index: 10;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.xwlb ul a:hover{background: var(--txt-color);}
.xwlb ul a:hover time{ background: #fff; color: var(--txt-color);}
.xwlb ul a:hover p{color:#fff;}
.xwlb ul a:hover .xwlb-ms{ color: #fff;}
.zlxz ul a{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f4f4f4; font-size: 17px; padding: 4px 10px;transition: all 0.5s ease; margin-bottom: 10px;}
.zlxz ul a i{ font-size: 30px; display: block;}
.zlxz ul a:hover{background: var(--txt-color); color: #fff;}
.zlxz ul a:last-of-type{ margin-bottom: 0;}
.zlxz-bt{ width: 80%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.page{text-align:center; padding-top:20px; margin-bottom: 8vh;}
.page ul{float:left; position:relative; left:50%;}
.page ul li{position:relative; right:50%; float:left; margin-right:4px; text-align:center; }
.page ul li a{display:block;color:#666;width:40px; height:40px; line-height:40px; text-align:center; border: 1px solid #e1e1e1;transition: 1s; background: #fff;}
.page ul li a:hover{background:var(--txt-color);color:#FFF;width:40px; height:40px; line-height:40px; text-align:center; display:block;border: 1px solid #d0101b;transition: 1s;}
#page-dq{ background:var(--txt-color);}
#page-dq a{color:#FFF;border: 1px solid var(--txt-color);background:var(--txt-color);}
#page-dq a:hover{background: none;}

.fw-cebian{width: 48px; height: 150px; padding: 5px; position: fixed; right:2px; border-radius: 5px; bottom: 8%; z-index: 100;}
.fw-cebian ul{overflow: visible;}
.fw-cebian ul li{width: 100%; height: 40px;position: relative;background: Rgba(0, 0, 0, 0.5); border-radius: 2px; margin: 1px 0;}
.fw-cebian ul li a{width: 100%;height: 100%;display: flex; justify-content: center; align-items: center; color:var(--txt-color);}
.fw-cebian ul li a i{ font-size: 20px; line-height: 40px; color: #fff;}
.fw-cebian ul li:nth-child(2) i{ font-size: 24px;}
.fw-cebian ul li:nth-child(3) i{ transform: rotate(180deg); font-size: 15px;}
.fw-cebian ul li:nth-child(3) p{ display: none; font-size: 12px; line-height: 16px; transform: scale(0.8);}
.fw-cebian ul li:hover .tanchu{opacity: 1;transform:translateX(-5px); visibility: visible;}
.tanchu{position: absolute; right: 58px; opacity: 0; transform: translateX(-15px);transition: all 0.5s ease; visibility: hidden;}
.fw-dh{width: 168px; height: 70px;margin-top: -6px; padding: 18px; top: 0;background:#fff; border-radius: 5px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.fw-dh a{ display: block !important;}
.fw-dh h3{width: 100%;height: auto;float: left;color: #666;font-size: 14px;line-height: 14px;}
.fw-dh h4{width: 100%;height: auto;float: left;margin-top: 5px;color:var(--txt-color); font-size: 18px;line-height: 18px;}
.fw-ewm{margin-top: -79px; padding:18px;top: 0; background: #fff; display: flex; justify-content: space-between; border-radius: 5px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.fw-ewm p{ text-align: center;}
.fw-ewm img{max-width:120px;display: block;}
.fw-ewm h3{margin-top: 5px;color: #666; font-size: 14px;line-height: 14px; text-align: center;}
.fw-ewm-l{ width: 48%;}
.fw-ewm-l:nth-child(1){ margin-right: 15px;}
.fw-cebian ul li:nth-child(3):hover p{ display: block; color: #fff;}
.fw-cebian ul li:nth-child(3):hover i{ display: none;}
.cpxgtj{ padding: 50px 0 10vh;}
.cpxgtj .w1520{position: relative;}
.cpxgtj .sbt span{ padding-top: 5px;}
.cpxqnr{ border-top: 1px solid var(--bj-color); padding: 5vh 0 5vh;}
.cpxqnr img{max-width: 100%; margin: 0 auto; display: block;}
.cpxgtj .swiper-button-next:after, .cpxgtj .swiper-button-prev:after{ display: none;}

.cpxqsxy{ display: flex; justify-content: center; margin-top: 35px; border-top: 1px solid var(--bj-color); border-bottom: 1px solid var(--bj-color); padding: 20px 0;}
.cpxqsxy a{ width: 220px; border: 1px solid var(--bj-color); padding: 10px 0; text-align: center; transition: all 0.5s ease;}
.cpxqsxy a:nth-child(1){ margin-right: 15px;}
.cpxqsxy a:hover{background:var(--txt-color); color: #fff;}
.sbt{ text-align: center;}
.sbt p{font-size: 40px; line-height: 44px; color: #333;}
.sbt span{ color: #666;display: block; text-transform: uppercase;}
#GBookAdd{ position: relative;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%; color: #000;margin-bottom: 22px;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; border-bottom: 1px solid var(--bj-color); background: inherit; color: #000;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top: 30px; margin-bottom:20px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; font-family: Microsoft Yahei; border-bottom: 1px solid var(--bj-color); background: inherit;color: #000;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width: 200px;height: 42px; display: block; background: #ccc; color: #fff;margin: 0 auto; font-size: 14px;border-radius:5px;}
#GBookAdd .submit:hover{ background:var(--txt-color); cursor:pointer;}
.cpxq-4-nr .wenbenw{ display: flex; justify-content: space-between; margin-top: 20px;}
.cpxq-4-nr #GBookAdd .wenben{ width: 23%; margin-bottom: 0;}
.lysm{ font-size: 12px; color: #666; padding-bottom: 20px;}
.zxly{ padding: 10vh 10%;}
.info-lx{ display: flex; justify-content: space-between; background: #fff; align-items: center;}
.lx-1{ padding: 30px 0 30px 6%; width: 48%;}
.lx-1 h1{ font-size: calc(20px + 0.3vw);  padding-bottom: 10px;}
.lx-2{width: 50%;}
.lx-2 img{ width: 100%;}
.lxwm{ background: var(--bj-color);}
.lx-1-nr{ font-size: 16px;}
.lx-1-nr img{ display: inline-block; width: 24%;}

.cpxq{padding: 6vh 0; background: #f6f6f6;}
.cpxq dl{ display: flex; justify-content: space-between;}
.cpxq dl dd{ width: 53%; background: #fff;}
.cpxq dl dt{ width:43%; padding-top: 5vh;}
.cpxq dl dt .nymbx{ padding: 0 0 10px;}
.cpdtgd .swiper-button-next, .cpdtgd .swiper-button-prev,.cpxqalgd .swiper-button-next, .cpxqalgd .swiper-button-prev{ background: var(--bj-color);width: 36px; height: 50px;}
.cpdtgd .swiper-button-next i, .cpdtgd .swiper-button-prev i,.cpxqalgd .swiper-button-next i, .cpxqalgd .swiper-button-prev i{ color: #333; font-size: 24px;}
.cpdtgd .swiper-button-next:hover, .cpdtgd .swiper-button-prev:hover,.cpxqalgd .swiper-button-next:hover, .cpxqalgd .swiper-button-prev:hover{background: var(--txt-color);}
.cpdtgd .swiper-button-next:hover i, .cpdtgd .swiper-button-prev:hover i,.cpxqalgd .swiper-button-next:hover i, .cpxqalgd .swiper-button-prev:hover i{ color: var(--bj-color);}
.cpxqnr-tj, .cpxq-2{ border-top: 1px solid #dbdbdb;padding-top: 30px;}
.cpxqnr-tj h3, .cpxqnrtz{ font-size: 22px; text-transform: uppercase; font-weight: 600;}
.cpxqnrtz{ padding-top: 20px;}
.cpxqnrtz p{ font-size: 14px; text-transform: none;font-weight: 500;}
.cptjgd .swiper-slide a{border: 1px solid var(--bj-color); text-align: center; transition: all 0.5s ease; border-radius: 10px; overflow: hidden; display: block;}
.cptjgd .swiper-slide a p{ padding: 15px 10px;transition: all 0.5s ease;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.cptjgd .swiper-slide a img{margin: 0 auto; width: 100%;padding: 10px 10px 0;}
.cptjgd .swiper-slide a:hover{ transform: translateY(-10px);box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.cptjgd .swiper-slide a:hover p{color: #fff; background: var(--txt-color);}
.cpxqnr-ok{ padding-top: 10px;}
.cptjgd{ padding: 20px 0 40px;}
.cpxqsp video{ max-width: 100%; margin: 20px auto 0;display: block;}
.cptrf{ padding-top: 30px; font-size: 16px;}
.anli_list_box ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.anli_list_box ul li{ width:32%; margin-bottom:45px; text-align: center; position: relative;}
.anli_list_box ul li:nth-last-child(-n+2){ margin: 0; padding: 0; border: 0; height: 0;}
.anli_list_box ul li .img{margin-bottom: 10px; overflow: hidden; position: relative;}
.anli_list_box ul li .img img{ width: 100%;}
.anli_list_box ul li .img:before{ content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;z-index: 10;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.anli_list_box ul li:hover .img:before{ background: rgba(230,33,41,0.8);}
.anli_list_box ul li:hover .img img{transform: scale(1.2);}
.anli_list_box ul li:nth-of-type(3n){ margin-right:0px;}
.anli_list_box ul li .img .font{ text-align: center; position: absolute; width: 100%; top: 70%;transform: translateY(-50%);z-index: 15; color: #fff;opacity: 0;filter:alpha(opacity=0);}
.anli_list_box ul li .img .text{opacity: 1;filter:alpha(opacity=100);}
.anli_list_box ul li .img .font strong{display: block;font-size:24px; margin-bottom: calc(0.6rem);}
.anli_list_box ul li .img .font span.mores{display: inline-block;padding:0 0.5rem;font-size: 12px;text-transform: uppercase;}
.anli_list_box ul li:hover .img .font{top: 50%;opacity: 1;filter:alpha(opacity=100);}
.anli_list_box ul li:hover .text{opacity: 0;filter:alpha(opacity=0);}

.cp-lb-pj{ margin-top: 30px;}
.zxdh{ display: flex; justify-content: space-between;}
.zxdh a{ display: block; width: 49%; padding: 9px 0; text-align: center; background: #f4f4f4; margin: 10px 0 0 ;}






@media (max-width:1440px) {
    .sjj-l {width: 48%;}
    .sjj-l p{ font-size: 18px; padding-top: 10px;}
    .sjj-l-z{font-size: 15px;margin-top: 40px;}
    .sjj{ padding-left: 6%;}
    .shuzi_box ul li b i{ font-size: 40px;}
    .shuzi_box{ right: 15%;}
    .sxx-bt,.ny-t-bt{ left: 6%;}
    .jj-nr{ padding-left: 6%;}
    .zxly{ padding: 10vh 6%;}
}

@media (max-width:1024px){
  .top-cp a{margin: 0 0.5vw;}
  .sjcd{ float:left;margin-right: 0.5rem; color:#fff;}
  #top .nav{display: none;}	
  #top{ min-width:inherit; transform: translateY(0%);background:#fff;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 100;width: 100%; padding: 14px 5%;box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 7%);}
  #top .logo{float: left;}
  #top .logo a{display: block; float: left;}
  #top .logo a h1{ font-size: 1.3rem;}
  #top .logo img{ height:30px; width:auto;}
  #top .menu{float: right;padding-top:5px;}
  #top .menu em{font-style:normal;padding-right: 13px;padding-top: 0;display: block;float: left;}
  #top .menu span{ width: 2rem;float:right;padding-top: 1px;}
  #top .menu span i{ width: 100%;height:2px; display: block;background: #333; margin-bottom: 6px;}
  #top .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
  #top .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-12px);}
  #top .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0;filter:alpha(opacity=0); width: 0;}
  .top .nav{margin-left: 4%;}
  .top_hidden{ transform: translateY(-100%); opacity: 0;filter:alpha(opacity=0);}
  .hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0;filter:alpha(opacity=0); visibility: hidden;}
  .caidan{width: 50%; max-width: 400px; height: 100%;background: #fff; position: fixed; top: 0; right:0; z-index: 101; transform: translateX(100%); visibility: hidden; display: block;}
  .caidan .caidan_nav{ padding: 59px 0% 0; height: calc(100% - 40px);overflow-y: scroll;}
  .caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
  .caidan .caidan_nav ul>.menu_list_box_item:nth-child(1){border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px;}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 5%;display: block; font-size:1rem;height:3rem;line-height:3rem; }
  .caidan .caidan_nav ul>.menu_list_box_item .sjcd1{ padding: 0 5%;display: block; font-size:1rem;height:3rem;line-height:3rem; width: 50%;float: left;}
  .caidan .caidan_nav ul>.menu_list_box_item .sjcd2{width: 40%; float: right;}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;filter:alpha(opacity=60);font-size: 20px;pointer-events:none}
  .caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: rotate(90deg);}
  .caidan.caidan_oppen{ transform: translateX(0%);z-index: 66; visibility: visible;}
  .caidan_hidden{transform: translateX(100%);}
  .caidan .caidan_nav ul .caidan_2box{width: 100%; padding:4% 0 4% 10%; display: none; background: #f6f6f6;}
  .caidan .caidan_nav ul .caidan_2box li{height: 30px;line-height: 30px; border-top: 1px solid rgba(0,0,0,0.05);}
  .caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
  .caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
  .caidan .caidan_nav ul .caidan_2box li a{ font-size: 12px; display: block;}
  .zbsjdh{ padding: 20px 8% 0;}
  .zbsjdh a{ width: 49.5%;float: left;background:#f6f6f6;text-align: center;line-height: 36px;height: 36px;margin-right: 1%; color: #333;}
  .zbsjdh a:nth-child(2){ margin-right: 0;}
}


@media (max-width: 820px) {
    header{ display: none;}
    :root {--zhihao: 28px;--zhihao-h: 34px;}
    .sjj-l-z {font-size: 14px;margin-top: 30px;}
    .banner-wz{width: 100%;text-align: center;top: 20%; transform: none;left: 0;}
    .scp-nr dd a{ width: 31.5%;}
    .scp-nr dd a:nth-child(7),.scp-nr dd a:nth-child(8){display: none;}
    .scp-nr{ padding-top: 30px;}
    .shub{ display: none;}
    .scp-nr dt{margin-top: 20px;}
    .scpgd .swiper-scrollbar{ bottom: 5%;}
    .stxgd .swiper-slide p{ font-size: 26px;}
    .stxgd .swiper-slide .stxwz{ bottom: 6%;}
    .stxwz-o{opacity: 1;}
    .stxgd {padding-top: 20px;padding-bottom: 40px;}
    .stxgd .swiper-pagination-bullet{ background: #666;}
    .fw-cebian{ right: 0;}
    .sxx{position: relative;  padding: 20vh 0; background: none;}
    .sxx::after{content: ''; position: fixed;z-index: -1;top: 0;left: 0;right: 0; bottom: 0;background: url("../images/zxx-s.jpg") center no-repeat;background-size: cover;}
    .banner-ny{ padding-top:57px;}
    .zxly{ padding: 50px 6%;}
    .jj-nr{ padding: 50px 6%; flex-wrap: wrap;}
    .jj-nr dt{ width: 100%;}
    .jj-nr dd{ width: 100%; padding-top: 25px;}
    .jj-dt .wz-bt{position: static; transform: none; width: 100%;padding: 0 6%;}
    .jj-dt-ok,.jj-dt-rztb li img{ width: 100%;}
    .wz-bt p{ margin-top: 10px;font-size: 16px;}
    .jj-dt-rztb{ margin-top: 30px;}
    .jj-dt-ok{ margin-top: 15px;}
    .rrgd{ margin-bottom: 0;padding-bottom: 40px;}
    .jj-nr-ok{padding-top: 20px;}
    .jj-xx{ padding: 80px 0;}
    .cpxxgd .swiper-pagination-bullet{background: #666;}
    .cpxxgd .swiper-pagination-bullet-active{background: var(--txt-color);}
    .cpxxgd{margin-top: 20px;}
    .tkong{ height: 57px;}
    .cpxq dl dt{ padding-top: 0;}
    .cpxq,.cpxqnr{ padding: 50px 0;}
    .xwxqw-l{ width: 100%;}
    .xwlb ul a{ padding: 20px;margin-bottom: 10px;}
    .xwlb ul a time{ display: none;}
    .xwbtz{ width: 100%; padding: 0;}
    .xwlb-ms{-webkit-line-clamp: 2;}
    .page{ padding-bottom: 10px;margin-bottom: 0;}
    .nycd ul a{ padding: 25px 0;}
    .cpxqsxy{ border-bottom: none; padding-bottom: 0;}
    .cp-lb ul li{ width: 31%;}

}





@media (max-width: 640px) {
    .caidan{ width: 82%;}
    footer .w1520 dt{ display: none;}
    .sjj{ flex-wrap: wrap; padding: 50px 6% 0;}
    .sjj-l,.sjj-r,.cpxq dl dt{ width: 100%;}
    .indexbanner{ padding-top: 57px;}
    .banner-wz{font-size: 30px;line-height: 40px;}
    .shuzi_box ul{ display: flex; justify-content: space-between;}
    .shuzi_box ul li{ width: 60%;}
    .scp-bt,.info-lx,.jj-xx ul,.anli_list_box ul{ flex-wrap: wrap;}
    .scp-nr dd a{ width: 48.5%;}
    .scp-nr dd a:nth-last-child(-n+6){display: none;}
    .scp-nr{ padding-top: 20px;}
    :root {--zhihao: 24px;--zhihao-h: 30px;}
    .footer-bq{ padding: 20px 6% 0;}
    .lxwm{ background: none;}
    .lx-1{ padding: 0; width: 100%;}
    .lx-2{ width: 100%; margin-top: 15px;}
    .lx-1-nr{ font-size: 14px; line-height: 20px;}
    .lx-1 h1{ font-size: 20px;}
    .zxly{ background: #f4f4f4;}
    #GBookAdd .wenben{ width: 100%; float: none;}
    #GBookAdd .wenben .text,#GBookAdd .neirong .cmessage{ border-bottom: 1px solid #ddd;}
    .jj-nr dt h5{ font-size: 18px;}
    .jj-xx dt{ padding: 50px 0;font-size: 16px;}
    .jj-xx ul li{width: 48%;margin: 6px 0;font-size: 24px; line-height: 30px;}
    .cp-bt,.cpxq dl{ flex-wrap: wrap;}
    .cp-bt dd,.cp-bt dt{ width: 100%;max-width: 100%;}
    .cp-bt dd{ font-size: 16px; padding-top: 15px;}
    .cpxq dl dd{ width: 100%; margin-top: 20px;}
    .cptrf{ padding-top: 10px;}
    .cpxq dl dt .nymbx{ padding: 0;}
    .cpxq-4-nr{ margin-top: 20px;}
    .cpxq-4-nr .wenbenw{ flex-wrap: wrap;}
    .cpxq-4-nr #GBookAdd .wenben{margin-bottom: 5px; width: 100%;}
    .cptjgd {padding: 10px 0 30px;}
    .cpxq-l{ display: none;}
    .xwxq h1{ font-size: 22px; line-height: 28px;margin-bottom: 30px;}
    .cpxqsxy a{ width: 48%;padding: 5px 0;}
    .anli_list_box ul li{ width: 48.5%;}
    .anli_list_box.sxjl{ padding: 40px 0 20px;}
    .anli_list_box ul li .img .font strong{ font-size: 17px;}
    .cp-lb ul li{ width: 48.5%;}
    .jj-2-z h1{ line-height: 33px; padding-top: 3px;}
    .cptrf{ font-size: 14px;}
    .cpxqnrtz{ padding-top: 0;}
    
    


}