* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
    color: #333;
}

body {
    min-width: 1440px;
}

.zctp {
    background: #e7f7ff url(/material/images/zctp/background.png) center top no-repeat;
}

.section {
    padding-bottom: 30px;
}

.zctpCon {
    width: 1300px;
    margin: 0 auto;
}

.zctpCon .title {
    padding-top: 60px;
    text-align: center;
}

.search {
    padding: 12px 10px;
    width: 735px;
    margin: 15px auto 25px;
    border-radius: 35px;
    background: rgba(255, 255, 255, 0.5);
    position: relative;
}

#searchText {
    outline: none;
    line-height: 54px;
    height: 54px;
    width: 580px;
    background: #fff url(/material/images/zctp/search.png) 15px center no-repeat;
    border-radius: 27px;
    padding: 0 100px 0 55px;
    border: none;
    font-size: 18px;
    color: #717171;

}

.sbumit {
    width: 86px;
    height: 46px;
    background: #ff8619;
    border-radius: 25px 23px 23px 1px;
    border: none;
    font-size: 20px;
    color: #fff;
    letter-spacing: 2px;
    position: absolute;
    right: 15px;
    top: 16px;
    text-align: center;
}

.change-nav a {
    font-size: 24px;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    background: url(/material/images/zctp/nav1.png);
    width: 142px;
    line-height: 53px;
    padding-left: 15px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.change-nav a.cur {
    background-image: url(/material/images/zctp/nav.png);
    width: 168px;
    line-height: 64px;
    color: #1068f0;
}

.change-nav i {
    width: 40px;
    height: 46px;
    display: block;
    position: absolute;
    top: 12px;
    left: 26px;
}

.change-nav a.qy i {
    background: url(/material/images/zctp/qy1.png) no-repeat;

}

.change-nav a.qy.cur i {
    background: url(/material/images/zctp/qy.png) no-repeat;
    top: 17px;
    left: 35px;
}

.change-nav a.gr i {
    background: url(/material/images/zctp/gr1.png) no-repeat;
}

.change-nav a.gr.cur i {
    background: url(/material/images/zctp/gr.png) no-repeat;
    top: 17px;
    left: 35px;
}

.change-more {
    position: relative;
    background: url(/material/images/zctp/qygrbg.png) no-repeat;
    background-size: 100% 100%;
    padding: 55px 0 45px 0;
    margin-top: -5px;
}

.frbsSwiper {
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;

}

.zwfw-change {
    position: absolute;
    width: 100%;
    left: 0;
    top: 40%;
    height: 65px;
}

.zwfw-change img {
    background: none;
    width: auto;
    height: auto;
    top: auto;
    margin-top: auto;
    cursor: pointer;
}

.change-nav {
    margin-left: 16px;
}

.zwfw-change .swiper-button-next,
.zwfw-change .swiper-button-nextgr {
    transform: rotate(180deg);
}

.swiper-button-prevgr {
    left: 10px;
    position: absolute;
}

.swiper-button-nextgr {
    right: 10px;
    position: absolute;
}

.frbsSwiper .swiper-slide {
    text-align: center;
    padding-bottom: 20px;
    cursor: pointer;
}

.frbsSwiper .swiper-slide.cur {
    background: url(/material/images/zctp/jx.png) center 20px no-repeat;
}

.frbsSwiper .swiper-slide.cur p {
    color: #fff;
}

.frbsSwiper .swiper-slide p {
    font-size: 20px;
    color: #000000;
    margin-top: 30px;
    line-height: 32px;
}

.frbsSwiper .swiper-slide img {
    width: 86px;
    height: 89px;
}

.changeCon {
    /* background: url(/material/images/zctp/book.png) center 200px no-repeat; */
    margin-top: 30px;
    position: relative;
}

.changeCon .swiper-slide {
    background: url(/material/images/zctp/book.png) center 200px no-repeat;
}

.changeCon .zwfw-change {
    width: 1440px;
    left: -70px;
}

.pagination {
    text-align: center;
}

.changeCon .swiper-pagination-bullet {
    width: 40px;
    height: 8px;
    border-radius: 4px;
    background-color: #b6d1ea;
    margin: 0 5px;
}

.changeCon .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #0f67f0;
}

.swiper-button-next1 {
    float: right;
    transform: rotate(180deg);
}

.changeCon .swiper-slide h3 {
    font-size: 26px;
    line-height: 36px;
    font-weight: bold;
    color: #000;
    height: 160px;
    /* width: 470px; */
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}

.changeCon .swiper-slide h3:hover {
    color: #1460d5;
}

.conList {
    margin-top: 115px;
    position: relative;
    height: 480px;
}

.conList>li {
    /* float: left; */
    width: 290px;
    line-height: 65px;
    padding-right: 40px;
    text-align: center;
    height: 110px;
    background: url(/material/images/zctp/icon.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.conList>li:hover {
    background-image: url(/material/images/zctp/icon1.png);
}

.conList>li:nth-of-type(2) {
    right: 0;
    z-index: 1;
    left: auto;
}

.conList>li:nth-of-type(3) {
    left: 20px;
    top: 180px;
}

.conList>li:nth-of-type(4) {
    left: auto;
    right: 20px;
    z-index: 0;
    top: 180px;
}

.conList>li:nth-of-type(2n) {
    /* float: right; */
    transform: rotateY(180deg);
}

.conList>li:nth-of-type(2n) h4,
.conList>li:nth-of-type(2n) .conTow {
    transform: rotateY(180deg);
}

.conList h4 {
    font-size: 22px;
    width: 250px;
    color: #fff;
    font-weight: bold;

}

.conSwiper {
    overflow: hidden;
}

.conTow {
    display: none;
    position: absolute;
    background: url(/material/images/zctp/tow.png) no-repeat;
    padding: 35px 20px 35px 30px;
    width: 287px;
    height: 343px;
    left: 270px;
    z-index: 1;
    top: -100px;
}

.towCon {
    overflow: auto;
    padding-right: 15px;
    height: 343px;
}

.towCon li {
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    position: relative;
    padding-left: 20px;
}

.towCon li a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.towCon li::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c5c8c9;
    left: 5px;
    top: 10px;
}

.towCon li:hover a {
    color: #004ec7;
}

.towCon li:hover::before {
    background: #004ec7;
}

.towCon li:not(:last-of-type) {
    border-bottom: 1px dashed #d8e8ec;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

/* /* 滚动条宽度   */
.towCon::-webkit-scrollbar {
    width: 7px;
    /* 对垂直滚动条有效 */
    height: 5px;
    /* 对水平滚动条有效 */
}

/* 滚动条轨道 */
.towCon::-webkit-scrollbar-track {
    background: transparent;
    /* 轨道的颜色 */
    border-radius: 10px;
    /* 轨道圆角的大小 */
}

/* 滚动条滑块 */
.towCon::-webkit-scrollbar-thumb {
    background: #a7e3d2;
    /* 滑块的颜色 */
    border-radius: 10px;
    /* 滑块圆角的大小 */
}

.conList>li:hover .conTow {
    display: block;
}

.s_tag_lists {
    display: none;
    position: absolute;
    left: 28px;
    right: 87px;
    top: 68px;
    background: #fff;
    border: 1px solid #C7D5E9;
    border-top: 0;
    z-index: 2;
}

.s_tag_lists ul {
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}

.s_tag_lists ul li a {
    display: block;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    color: #666;
    padding: 10px;
}

.s_tag_lists p {
    padding: 40px;
    color: #888;
    text-align: center;
}