body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    border: none;
}

em,
i {
    font-style: normal;
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
    margin: 0 auto;
}

.scrollbar {
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 100, 100, .4) transparent;
}

.scrollbar::-webkit-scrollbar {
    width: .6rem;
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: .6rem;
    background-color: rgba(100, 100, 100, .4)
}


.site {
    /* overflow: hidden; */
}




.horizontal {
    width: 1800px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 100px;
}


.wrapper h3 {
    position: absolute;
    left: 4rem;
    top: 4rem;
    z-index: 1000;
    padding: 0 1rem;
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    color: #222;
    border-radius: 1.4rem;
}

.wrapper .container {
    position: relative;
    margin: 0 auto;
}

.horizontal .container {
    width: 440px;
    height: 560px;
}

.vertical .container {
    width: 37rem;
    height: 14rem;
}

.container .cards-list {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    background-color: #f4f4f4;
    border-radius: 10px;
    transition: 330ms;
}

.demo4 .cards-list {
    transition: 440ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
 

.horizontal .cards-list {
    width: 100%;
}

.horizontal .img {
    height: 440px;
}




.vertical .cards-list {
    display: flex;
    height: 100%;
}

.vertical .img,
.vertical .main-con {
    height: 100%;
}

.vertical .img {
    width: 18rem;
}

.vertical .main-con {
    width: 19rem;
}
.imgBox img, .imgBox video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.img>img {

display: block;

width: 100%;

height: 100%;

object-fit: cover;

-webkit-user-drag: none;

-moz-user-select: none;

user-select: none;
}

.main-con {
    box-shadow: 0px 8px 11px 0px #b0adad;
    background: #fff;
    height: 120px;
    padding: 0 70px;
    box-sizing: border-box;
}

.main-con .name {
    padding-top: 1rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: #424242;
}

.main-con .content {
    font-family: Microsoft YaHei;
    padding-top: 20px;
    font-size: 22px;
    color: #333;
    text-align: justify;
    line-height: 40px;
}

.main-con .label {
    font-size: 0.9rem;
    color: #555;
    padding: 1rem 0;
}





.btn-direct {
   
border-radius: 50%;
   
background: #cccccc;
   
position: absolute;
   
top: 41%;
   
z-index: 99;
   
width: 74px;
   
height: 74px;anslateY(-50%);
   
cursor: pointer;
   
transition: .3s;
}


.btn-direct.btn-left {
    left: -19px;
}

.btn-direct.btn-right {
    right: -19px;
}

.btn-direct>span {
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 16px);
    width: 28px;
    height: 32px;
}

.horizontal .shift-left {
    transform: translateX(-36%) rotate(
180deg);
}

.horizontal .shift-right {
}

.vertical .shift-left {
    transform: translateY(25%) rotate(45deg);
}

.vertical .shift-right {
    transform: translateY(-25%) rotate(-135deg);
}



.demo7 .container {
    width: 18rem;
    height: 24rem;
    overflow: hidden;
}

.navigation {
    position: absolute;
    bottom: 5rem;
    left: 50%;
    transform: translate(-50%);
}

.navigation .dot {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    margin: .5rem;
    border: .125rem solid #fff;
    background-color: #fff;
    border-radius: 100%;
    cursor: pointer;
}
.navigation .dot.active {
    background-color: transparent;
}
.btn-direct:hover {
    background: #a32f54;
}

.demo1-tip .active-index{
    color: lightgoldenrodyellow;
    font-size: 1.5rem;
    font-weight: 600;
    vertical-align: middle;
}

/*books*/
.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.wp {
    margin: 0 auto;
    max-width: 1540px;
    width: 94%
}
.homec {
    padding: 80px 0;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}
.parallax-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
}
.section-parallax {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
}
.homec .parallax-content{background: #a32f54;background-size: cover;}



.book_box .left{width: 485px;}
.book_box .right{width: 1040px;}

.book_box{ align-items: center;}
.book_boxs{padding: 0 24px 40px;position: relative;z-index: 1;}
.book_boxs:before{ content: ""; position: absolute; top: 24px; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../img/book_box_b1.png) center no-repeat; background-size: 100% 100%;}
#cover{position: absolute;top: 0;bottom: 40px;left: 24px;width: calc(50% - 24px);}
.page_d{padding: 80px 44px;height: 100%;text-align: left;}
.even .page_d, #cover .page_d{ width: 100%; background: url(../img/page_p.png) center no-repeat; background-size: 100% 100%;}
.odd .page_d{width: 100%;background: url(../img/page_n.png) center no-repeat;background-size: 100% 100%;}
.list10 li:hover .more2{ /*! display: none; *//*! pointer-events: none; */width: 150px;background: #e6b646;}

.bookmark li{height: 102px;padding: 0 30px;position: relative;z-index: 1;display: flex;align-items: center;overflow: hidden;cursor: pointer;}
.bookmark li::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/bookmark.png) center no-repeat; background-size: 100% 100%; transform: translateX(-100%); transition: .5s}
.bookmark li h4{font-family: Microsoft YaHei;font-size: 20px;color: #fff;line-height: 30px;font-weight: 600;transition: .5s}
.bookmark li .a{ display: none; position: absolute; top: 0; right:0; bottom: 0; left:0; }
.bookmark li.on::before{ transform: translateX(0); box-shadow: 0px .06rem .15rem 0px rgba(5, 25, 59, 0.49);}
.bookmark li.on h4{ color: #fed35e; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.44);}


.list10 .imgW{ position: relative; z-index: 1;}
.list10 .time{display: flex;width: 62px;height: 62px;background: #a32f54;border-radius: 50vw;flex-direction: column;align-items: center;justify-content: center;position: absolute;top: -31px;left: 25px;}
.list10 .time h3{font-size: 28px;color: #fff;line-height: 1;}
.list10 .time h6{font-size: 12px;color: #fff;line-height: 1;margin: 1px 0 0;}
.list10 .imgBox .img{ padding-bottom: 86.77%;}
.list10 .ar_article{overflow: hidden;/* overflow-y: scroll; */height: 240px;text-align: justify;padding: 0 .36rem 0 0;margin: 0 0 .45rem;}
.list10 .ar_article::-webkit-scrollbar{width:.03rem;height:8px;background-color:#ccc598}
.list10 .ar_article::-webkit-scrollbar-track{background-color:#ccc598}
.list10 .ar_article::-webkit-scrollbar-thumb{background-color:#c11623}
.list10 .ar_article p{font-weight: bold;font-size: 20px;color: #434343;line-height: 30px;text-indent: 2em;font-family: Microsoft YaHei;}

.more2{font-family: Microsoft YaHei;width: 120px;height: 40px;background: #a32f54;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;transition: .5s;}
.more2 img{width: 15px;margin: 0 0 0 6px;}
.flipbook{z-index: 10;overflow: hidden;}
.flipbook2{ z-index: 10;}


/**/
.home2 .tit1 .bg img{transform: translateX(-2rem);opacity: 0;transition: 1s;}
.home2 .tit1 .bg img{transform: translateX(0);opacity: 1;}
.home12{background: url(../img/m3.png) no-repeat center;background-size: 100% auto;overflow: hidden;}
.home2{padding: 100px 0;overflow: hidden;}
.home2 .wp{max-width: 1740px;position: relative;}
.home2 .tit1{width: 126px;position: relative;z-index: 1;display: flex;justify-content: center;align-items: center;}
.home2 .tit1 .bg{height: 620px;position: absolute;z-index: -44;top: 50%;left: 0;transform: translateY(-50%);width: 620px;background: #a32f54;border-radius: 50%;}
.home2 .content{width: calc(100% - 126px);position: relative;z-index: 1;align-items: center;}
.home2 .left{width: 620px;position: relative;z-index: 1;}
.home2 .left .btn{position: absolute;width: 50px;height: 50px;background: #e6b64685;text-align: center;line-height: 50px;z-index: 5;top: 50%;color: #fff;font-size: 18px;border-radius: 50vw;transition: .5s;margin-top: -25px;}
.home2 .left .prev{left: 30px;}
.home2 .left .next{right: 30px;}
.home2 .left .btn:hover{background: #e6b646;}
.home2 .right{ width: calc(100% - 45%)}
.list3 li .imgBox{border-radius: 50%;border: #fff 8px solid;}
.imgBox {position: relative;overflow: hidden;}
.list3 li .imgBox .img{ padding-bottom: 100%;}
.list3 .imgBox .img {
    transition: .5s;
    background-size: cover;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
.imgBox {
}
.list4_b{padding: 10px 24px 0 44px;}
.list6_b{padding: 10px 24px 0 44px;}
.list4 li .time{width: 88px;height: 100px;background: #fff;box-shadow: 0px 0px 10px 0px rgba(22, 67, 144, 0.25);display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;z-index: 1; }
.list4 li .time:before{width: 100%;content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #a32f54 1px solid;z-index: -1;}
.list4 li .time:after{content: "";position: absolute;border-bottom: #a32f54 16px solid;border-right: transparent 16px solid;bottom: 0px;left: 0px;}
.list4 li .time h3{font-size: 36px;color: #a32f54;line-height: 1.15;}
.list4 li .time h6{font-size: 14px;color: #a32f54;}
.list4 li .txt{ width: calc(100% - 88px); padding: 0 0 0 .36rem}
.list4 li h4{margin-bottom: 20px;font-family: Microsoft YaHei;font-size: 22px;color: #333333;line-height: 30px;}
.list4 li .line{ margin: 10px 0 16px;}
.list4 li p{font-size: 16px;color: #222222;line-height: 32px;font-family: Microsoft YaHei;}
.more1{transition: 0.5s;font-family: Microsoft YaHei;display: flex;width: 106px;height: .36rem;background: #a32f54;border-radius: 50vw;align-items: center;justify-content: center;margin: 40px 0 0;font-size: .14rem;color: #fff; /*! border: #dadeea 1px solid; */}


.list5_b{padding: .18px;margin: -18px;margin-top: .66rem;margin-left: -278px;}
.list7_b{margin: -24px;margin-top: 66px;margin-left: -323px;}
.list5 li a{opacity: 0;transition: .3s;}
.list5 li .imgBox{width: 110px;border-radius: 50%;border: #fff 8px solid;}
.list5 li .imgBox .img{transition: 1s;padding-bottom: 100%;}
.list5 li .txt{width: calc(100% - 110px);padding: 0 .3rem 0 .1rem;}
.list5 li .a{background: #fff;border-radius: 50vw;align-items: center;box-shadow: 0px 0px .18rem 0px rgba(17, 119, 58, 0.16);}
.list5 li.swiper-slide-active a, .list5 li.swiper-slide-next a, .list5 li.swiper-slide-next+li a{ opacity: 1}
.l2.h41{height: 50px;line-height: 25px;font-family: Microsoft YaHei;font-weight: normal;font-size: 18px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list4 li a:hover h4{color: #a32f54;}
.ar_wap{ display: none !important;}
.intit{margin-bottom: 65px;}
.home2 .tit1 a {font-family: Microsoft YaHei;font-size: 41px;font-weight: bold;color: #fff;width: 44px;}
.homeb .intit .h4 span {color: #000;}
.intit .h4 span {
    color: #fff;
    font-size: 40px;
    display: block;
    position: relative;
    font-family: Microsoft YaHei;
}
.list5 li:hover .imgBox .img {
    transform: scale(1.4);
}

.list5 li:hover a {
    background: #a32f54;
}

.list5 li:hover h4.l2.h41 {
    color: #fff;
}

.list4 li:hover .more1 {
   width:150px;
}
.text-m {
    text-align: center
}

.intit .h4.w span:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #e6b646;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.intit .h4.w span:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #e6b646;
    border-radius: 50%;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}



/**/
.homeb {
    background: url(../img/m2.png) no-repeat center;
    padding: 100px 0 95px;
    z-index: 1;
}

.homeb .slide-b {
    /* width: calc((100vw - 1540px) / 2 + 100%); */
}

.homeb .slide-b .item {
    /* padding: 0 15px 15px 0; */
    position: relative;
}

.homeb .slide-b .item:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: url(../images/bibg.png);
    ;opacity: 0;
    visibility: visible;
    transition: .5s;
    display: none;
}

.homeb .slide-b .item a {
    display: block;
    position: relative;
    z-index: 5 ;
    transition: .5s;
    padding: 10px;
}

.homeb .slide-b .item .imgBox .img {
    transition: 0.8s;
    padding-bottom: 64.26%;
}

.homeb .slide-b .item a .bt {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 33px;
    background: #c11623;
    min-width: 91px;
    padding: 0 10px;
    border-radius: 0 0 50vw 0;
    font-size: 16px;
    color: #f1e5d9;
}

.homeb .slide-b .item h4 {
    word-break: break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 60px;
    color: #000;
    font-size: 22px;
    margin: 16px 0 12px;
    font-weight: normal;
    transition: .5s;
    line-height: 30px;
    font-family: Microsoft YaHei;
}

.homeb .slide-b .item .desc {
    font-size: 14px;
    margin-bottom: 20px;
    color: #666;
    line-height: 18px;
    transition: .5s;
}

.homeb .slide-b .item .info {
    /* padding: 0 10px; */
    /* margin-bottom: 30px; */
}

.homeb .slide-b .item .info p {
    
line-height: 25px;
    
color: #626262;
    
font-size: 20px;
    
transition: .5s;
    
font-family: Microsoft YaHei;
}

.homeb .slide-b .item .info p:nth-child(1) {
}

.homeb .slide-b .item .info p:nth-child(2) {
    background-image: url(../images/wz_on.svg);
}

.homeb .slide-b .item .info p:nth-child(3) {
    background-image: url(../images/meeting.svg);
}

.homeb .dragTip {
    max-width: 1540px;
    margin-top: 10px;
    width: 100%;
    display: none
}

.homeb .swiperW {
    display: none;
    align-items: center;
    justify-content: space-between;
    max-width: 1540px;
    margin: 20px 0 0;
}

.homeb .swiper-scrollbar {
    height: 1px;
    position: relative;
    width: calc(100% - 120px)
}

.homeb .swiper-scrollbar-drag {
    background: #c11623;
    height: 3px;
    top: -1px;
}

.homeb .btn {
    width: 50px;
    height: 50px;
    ;text-align: center;
    line-height: 50px;
    z-index: 5;
    color: #666;
    font-size: 18px;
    border-radius: 50%;
    transition: .5s;
    border: rgba(0,0,0,.1) 1px solid;
    opacity: 1;
}

.homeb .btn:hover {
    background: #c1111a;
    color: #fff
}

.homeb .btn:last-child {
    margin-left: 1.2px;
    transform: rotateY(180deg);
}

.homeb .txtTip {
    display: flex;
    align-items: center;
    margin-top: 5px
}

.homeb .txtTip span {
    margin: 0 15px;
    color: #333;
    font-size: 12px;
}

.homeb .txtTip a {
    font-size: 18px;
}

.homeb .dragTip .animouse img {
    animation: 2s cubic-bezier(0.215, 0.61, 0.355, 1) 1s infinite normal both running rotateMouse;
    width: .16rem;
}

@keyframes rotateMouse {
    0% {
        transform: rotateZ(0);
    }

    10% {
        transform: rotateZ(10deg);
    }

    20% {
        transform: rotateZ(-10deg);
    }

    30% {
        transform: rotateZ(0);
    }

    100% {
        transform: rotateZ(0);
    }
}

.homeb .hbbg {
    position: absolute;
    bottom: -30px;
    z-index: -1;
    pointer-events: none;
    left: 0;
    right: 0;
    text-align: center;
    background: url(../images/bbg1.jpg) center bottom no-repeat;
    background-size: 100% auto;
}

.homeb .hbbg img {
    width: 723px;
    max-width: 100%;
    top: auto;
    bottom: -70px
}
.homeb .slide-b li:hover .imgBox .img {
    transform: scale(1.2);
}

.homeb .slide-b li:hover h4,.list9 li:hover h4,.list8 li:hover h4 {
    color: #a32f54;
    padding-left: 8px;
}
.list8 li:hover span.sx {
    color: #a32f54;

}

/**/
.home5 .swiperW .btn.prev {
    transform: rotateZ(-180deg);
}
.home5 .btnBox.flex {
    width: 90%;
    display: flex;
    justify-content: space-between;
}
.home5{position: relative;padding: 50px 0;background: url(../img/m1.png) no-repeat center top;background-size: 100% 100%;}
.home5 .amid{position: relative;}
.home5 .amid .tit{position: absolute;top: .3rem;left: .3rem;z-index: 5;color: #fff;  text-shadow: 0 0 0.1rem rgba(0,0,0,0.3);}
.home5 .tit{font-size: .24rem;position: relative;padding-left: .3rem}
.home5 .tit:before{content: '';height: 3px;width: .15rem;background: #c11623;position: absolute;left: 0;top: 50%;margin-top: -1px}
.home5 .miso_tab .hd ul li .tit{ font-size: .2rem;}
.home5 .miso_tab .hd ul{  display: flex; align-items: baseline;}
.home5 .miso_tab .hd ul li{ opacity: .5; }
.home5 .miso_tab .hd ul li:last-child{ margin-left: .2rem}
.home5 .miso_tab .hd ul li.on{ opacity: 1 }
.home5 .miso_tab .hd ul li.on .tit{ font-size: .24rem;}
.home5 .wp{}
.home5 .left{width: 800px;}
.home5 .right{
    width: 620px;
}

.list7 .imgBox{
    width: 100%;
    /* background: #eee; */
    /* box-shadow: 6px 0px 10px 0px rgb(0 0 0 / 24%); */
    /* overflow: hidden; */
}
.list7 .imgBox .img{padding-bottom: 58%;}
.list7 .txt{ flex: 1; overflow: hidden; padding: .24rem .25rem;}

.list7 li .time{width: .71rem;height: .8rem;background: #fff;box-shadow: 0px 0px .1rem 0px rgba(22, 67, 144, 0.25);display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;z-index: 1; }
.list7 li .time:before{ content: ""; position: absolute; top: .05rem; right: .05rem; bottom: .05rem; left: .05rem; border: #678fbb 1px solid; z-index: -1; }
.list7 li .time:after{ content: ""; position: absolute; border-bottom: #01458e .12rem solid; border-right: transparent .12rem solid; bottom: .05rem; left: .05rem; }
.list7 li .time h3{font-size: .3rem;color: #13408d;line-height: 1.15; }
.list7 li .time h6{ font-size: .12rem; color: #959ca7; margin-bottom: .06rem }
.list7 li h4{ font-size: .2rem; color: #333333; line-height: .3rem; margin: .26rem 0 .15rem}
.list7 li p{ }
.list7 .dots{ display: flex; align-items: center; margin: .45rem 0 0}
.list7 .dots span{ display: flex; width: .33rem; height: .33rem; align-items: center; justify-content: center; font-size: .16rem; color: rgba(102,102,102,.66); margin: 0 .16rem 0 0;opacity: 1;background: none;position: relative;z-index: 1;}
.list7 .dots span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #c11623; border-radius: 50vw; transform: scale(0); transition: .5s; z-index: -1}
.list7 .dots span:after{ content: ""; position: absolute; top: 50%; width: .08rem; height: 1px; background: #dedfe1; right: -.12rem}

.list7 .dots span.active{ color: #fff}
.list7 .dots span.active:after{ display: none}
.list7 .dots span.active:before{ transform: scale(1)}
.list7Box {margin-bottom: 30px;/* width: 630px; */z-index: 6;}
.list8{}
.list8 .a{font-family: Microsoft YaHei;align-items: center;justify-content: space-between;line-height: 40px;}
.list8 li {
    background: url(../img/li.png) no-repeat center left;
    padding: 28px 28px 28px 44px;
    background-size: 100% 100%;
    margin-bottom: 30px;
}
.list8 h4{font-weight: 400;width: calc(100% - 200px);font-size: 25px;color: #000000;transition: .5s;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
.list8 span{font-size: 16px;color: #979797;}
.list8 span.sx {
    width: 100px;
    font-size: 40px;
    color: #000;
}
.home5 .right .tit{ color: #fff;}
.home5 .text-m {  text-align: left;}
.home5 .intit .h4 span {color: #000;}
.homec .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;}

.list9{padding: 10px 0 0;overflow: hidden;}
.list9 li{/* border-bottom: rgba(255,255,255,.05) 1px solid; */position: relative;z-index: 1;}
.list9 li:after{ content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; transition: .5s;}
.list9 li:last-child{ border-bottom: none}
.list9 .a{height: 120px;align-items: center;}
.list9 .time{width: 87px;border: 1px solid #9a9a9a;background: #e6b646;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;z-index: 1;}
.list9 .time h3{font-size: 41px;color: #fff;line-height: 54px;}
.list9 .time h6{text-align: center;width: 100%;background: #e8e8e8;font-size: 16px;color: #979797;line-height: 37px;display: block;border-top: 1px solid #9a9a9a;}
.list9 .txt{padding: 20px 0;border-bottom: 1px solid #9a9a9a;margin-left: 13px;flex: 1;overflow: hidden;}
.list9 h4{transition: .5s;font-weight: normal;overflow: hidden;display: block;text-overflow: ellipsis;width: 100%;white-space: nowrap;height: 74px;font-family: Microsoft YaHei;font-size: 25px;color: #000000;line-height: 74px;}
.home5 .right .intit .h4 span {
    padding-bottom: 10px;
    padding-left: 20px;
    line-height: 90px;
    color: #fff;
    background: url(../img/tt.png) no-repeat center left;
    background-size: 32% 100%;
}
.home5 .swiperW .btn:hover { opacity: 1;}
.right .intit .h4.w span:before,.right .intit .h4.w span:after {
    display: none;
}
.home5 .right .intit {
    margin-bottom: 0;
}

.list9 li:nth-child(1) .txt {
    border-top: 1px solid #9a9a9a;
}
.home5 .swiperW {
    z-index: 1;
    position: absolute;
    top: 46%;
    width: 100%;
    display: flex;
    justify-content: center;
}

.home5 .swiperW .btn {
    border-radius: 50%;
    opacity: 0.8;
    width: 66px;
    height: 66px;
    cursor: pointer;
}
ul.list7.swiper-wrapper {/* margin-right: 80px; *//* width: 90%; *//* margin-right: 10%; *//* width: 80%; *//* margin-right: 20%; */}
.home5 .swi-carrl:before {
    display: none;
}

.list8Box {
    left: 100px;
    top: 160px;
    position: absolute;
    width: 500px;
    margin-right: 0;
    z-index: -3;
    background: #19ade9;
}
.list9Box {
    left: 0;
    top: 125px;
    position: absolute;
    width: 500px;
    margin-right: 0;
    z-index: -4;
    background: #c76d6d;
}
.list9Box .list7 .imgBox .img {
    padding-bottom: 60%;
}
.banner .imgBox .img{padding-bottom: 100vh}
.slide-ba .btn{ position: absolute; top: 50%;z-index: 10;width: .6rem;transition: .5s;opacity: .5;cursor: pointer;}
.slide-ba .btn.prev{ left: 1.5%}
.slide-ba .btn.next{ right: 1.5%}
.slide-ba .btn img{ width: 100%}
.slide-ba .btn:hover{ opacity: 1}
.top {
    background: #a1365d;
}
.topcss {
    padding: 30px 0;
}
.nav li a {
    font-family: Microsoft YaHei;
    font-size: 21px;
    /* font-weight: bold; */
    color: #fff;
}
.nav li:hover {
    background: #a1365d;
}
.nav {
    border-radius: 10px;
    background: #ffffff17;
    padding: 0px 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.nav li {
    padding: 0 10px;
    line-height: 70px;
}

.nav ul.flex {
    width: 1140px;
    align-items: center;
}
div#logo {
    margin-bottom: 30px;
}
.banner .swiDotsp {
    width: 100%;
    position: absolute;
    bottom: 20px;
    z-index: 7;
    justify-content: center;
}

.banner .swiper-pagination-bullet {
    font-size: 0;
    background: #a32f54;
    opacity: 0.5;
    width: 16px;
    height: 16px;
    margin: 0 10px;
}

.banner .swiper-pagination-bullet.active {
    opacity: 1;
}

.page_d.y1 { display: none;}
.page_d.s1,.page_d.s2 {display: none;}/
.page_d.d1,.page_d.d2,.page_d.d3 {
    display: none;
}
.page_d.z1,.page_d.z2,.page_d.z3,.page_d.z4 {
    display: none;
}
.search .input {
    border: 2px solid #fff;
    height: 40px;
    width: 240px;
    float: right;
    font-size: 17px;
    /* opacity: 0.7; */
    outline: none;
    border-radius: 14px;
    padding-left: 10px;
    /* box-sizing: border-box; */
    background: #ffffff61;
    color: #fff;
    line-height: 40px;
    margin-top: 16px;
}

.search {
    width: 290px;
}
input.button {
    margin-right: 10px;
    float: left;
    height: 28px;
    margin-top: 22px;
}
.search .input::placeholder {color: #fff;font-family: Microsoft YaHei;}


.list_list {
    width: 1500px;
    margin: 30px auto 40px;
    overflow: hidden;
    min-height: 490px;
    border: 1px #cccccc solid;
    padding: 20px 0px;
}
.list_lists {
    width: 96%;
    overflow: hidden;
    height: auto;
    margin: 0px auto;
}
.list_list .current {
    border-bottom: 2px solid #8b0503;
    font-size: 18px;
    line-height: 40px;
}
.list_list .currents {
    width: 96%;
    margin: 30px auto;
}
.list_list .current a {
    font-size: 18px;
    color: #000000;
}
.list_list .currents ul li {
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #eee;
}


.pb_sys_style1 .p_no_d {
    border: 1px solid #a32f54 !important;
    color: #fff;
    background-color: #a32f54 !important;
}
.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a {
    border: 1px solid #ccc;
    padding: 8px 15px;
    margin: 0px 0px 0px 5px;
    height: 40px;
    line-height: 20px;
}

.pb_sys_common .p_pages span {
    line-height: 20px;
    height: 40px;
    font-family: Microsoft YaHei;
    font-size: 16px;
    padding: 10px 8px;
}

.pb_sys_common .p_t {
    font-family: Microsoft YaHei;
    font-size: 16px;
}

.pb_sys_common .p_goto a, .pb_sys_common .p_search a {
    height: 40px !important;
    line-height: 20px !important;
    font-size: 16px;
    padding: 10px 11px !important;
    font-family: Microsoft YaHei;
}

.pb_sys_common {
    margin-top: 40px !important;
}
.pb_sys_common .p_goto input, .pb_sys_common .p_search input {
    width: 36px !important;
    font-size: 16px !important;
    height: 40px !important;
}

.pb_sys_common {
    line-height: 40px !important;
}
.list_list .currents ul li a {
    font-family: Microsoft YaHei;
    color: #333;
    font-size: 20px;
    display: block;
    width: 70%;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.list_list .currents ul li span {
    font-family: Microsoft YaHei;
    float: right;
    color: #555555;
    font-size: 18px;
}
.list .footer {
    padding-top: 20px;
    margin: 0;
}
.content_content {
    width: 1500px;
    margin: 20px auto;
    overflow: hidden;
    height: auto;
    border: 1px #cccccc solid;
    padding: 20px 0px;
}
.content_contents {
    width: 96%;
    overflow: hidden;
    height: auto;
    margin: 0px auto;
}
.content_content .contentv {
    font-family: Microsoft YaHei;
    border-bottom: 2px solid #8b0503;
    font-size: 16px;
    line-height: 40px;
}
.content_content .contentvs {
    width: 96%;
    margin: 37px auto;
}
.contitle {
        font-family: Microsoft YaHei;
        text-align: center;
        font-size: 24px;
        line-height: 60px;
        margin-bottom: 10px;
}
.dianji {
        font-family: Microsoft YaHei;
        color: #333;
        font-size: 16px;
        text-align: center;
        margin-bottom: 10px;
        background: #f9f9f9;
        padding: 16px 0px;
}
.content_content .contentv a {
    font-family: Microsoft YaHei;
    font-size: 16px;
    color: #000000;
}