.warrper, .warrper a {
    color: #192332;
    font-size: 14px;
}

.warrper a:hover {
    color: #192332;
}

.title .more:hover {
    color: #96A0B4
}

.list-page {
    background: #F3F6F9;
    padding-bottom: 50px;
}

.head {
    overflow: hidden;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #DCE1EB;
}

.head-con {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 30px;
}

.head-con h3 {
    float: left;
    line-height: 40px;
    font-size: 34px;
    font-weight: 900;
}
.head-con h3 img {
    display: block;
    position: relative;
    float: left;
    height: 65px;
    margin-top: -10px;
}

.head-r {
    float: right;
    overflow: hidden;
}

.serch-box {
    float: left;
    width: 240px;
    height: 40px;
    overflow: hidden;
    margin-right: 100px;
    position: relative;
}

.serch-box input {
    width: 200px;
    height: 40px;
    line-height: 14px;
    float: left;
    padding: 10px 10px;
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #DCE1EB;
    border-right: none;
    background: #F3F6F9;
    color: #192332;
}

.serch-box .search-btn {
    float: left;
    width: 40px;
    border: none;
    border-radius: 0px 4px 4px 0px;
    background: url("../img/search.png") no-repeat center center;
    background-color: #25B4F4;
    position: absolute;
    right: 0;
    top: 0;
}

.serch-box a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sign-box {
    float: right;
    overflow: hidden;
    margin-top: 9px;
    font-size: 16px;
}

.sign-box a {
    float: left;
    position: relative;
    padding-left: 18px;
    font-size: 16px;
    line-height: 20px;
    color: #192332;
}

.sign-box a:first-child {
    padding-right: 18px;
}

.sign-box a:first-child:after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 20px;
    background-color: #192332;
    position: absolute;
    right: 0;
    top: 0;
}
.sign-box a:nth-child(2) {
    padding-right: 18px;
}
.sign-box a:nth-child(2):after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 20px;
    background-color: #192332;
    position: absolute;
    right: 0;
    top: 0;
}
.sign-box a:last-child::after {
    display: none;
}
.container {
    width: 100%;
}

/*云朵标题*/
.title {
    height: 49px;
    line-height: 49px;
    overflow: hidden;
    margin-bottom: 18px;
    background: url("../img/tits.png") no-repeat left top;
    background-size: 100% 99%;
}

.title h3 {
    font-size: 28px;

    float: left;
    font-family: PingFang-SC-Bold, PingFang-SC;
    font-weight: bold;
}
.title h3 {
    /* background: #fff; */
    width: 200px;
    height: 48px;
    margin-right: 20px;
    margin-top: 2px;
    line-height: 42px;
}


.title h3 span {
    color: #0099FF;
    margin-left: 19px;
    font-family: PingFang-SC-Bold, PingFang-SC;
    font-weight: bold;
}

.title .more {
    float: right;
    color: #96A0B4;
    background: url("../img/labelp.png") no-repeat right center;
    padding-right: 10px;
}

/*列表*/

.p-list a {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #DCE1EB;
}

.p-list a:last-child {
    border: none;
}

.p-list a p {
    float: left;
    width: 270px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 14px;
    padding: 20px 0;
}

.p-list a span {
    color: #646E78;
    float: right;
    font-size: 12px;
    line-height: 14px;
    padding: 20px 0;
}

.container {
    overflow: hidden;
}

.tabs {
    width: 1200px;
    height: 68px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
}

.tabs li {
    float: left;
    height: 68px;
    margin-right: 58px;
    padding-top: 20px;
    font-size: 18px;
    line-height: 18px;
    position: relative;
}

.tabs li:first-child {
    margin-left: 0;
}

.tabs li:last-child {
    margin-right: 0;
}

.tabs li a {
    display: inline-block;
    font-size: 18px;
}

.tabs .blue-line a, .tabs li .tab-active {
    color: #0099FF;
}

.level-checked a {
    color: #0099FF;
}

.tabs .blue-line .tab-list a {
    color: #192332;
}

.tabs .blue-line:after {
    display: inline-block;
    content: '';
    width: 20px;
    height: 4px;
    background: #0099FF;
    position: absolute;
    bottom: 20px;
    left: 40%;
    border-radius: 2px;
    margin-left: -10px;
}

.tabs ._indexTab.blue-line:after {
    left: 50%;
}

.tabs li a i {
    display: inline-block;
    width: 6px;
    height: 5px;
    background: url("../img/arrow.png") no-repeat;
    margin-left: 3px;
    position: relative;
    top: -2px;
}

.tabs .tab-list {
    display: none;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 3px rgba(255, 255, 255, 0.3);
    box-shadow: 0 3px 3px rgba(255, 255, 255, 0.3);
}

.tabs .tab-list li:first-child {
    border: 1px solid #DCE1EB;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
}

.tabs .tab-list li:last-child {
    border: 1px solid #DCE1EB;
    border-radius: 0 0 4px 4px;
    border-top: none;
}

.tabs .tab-list li:first-child:before {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #DCE1EB;
    position: absolute;
    top: -8px;
    left: 50%;
    bottom: auto;
    margin-left: -8px;
}

.tabs .tab-list li:first-child:after {
    visibility: inherit;
    content: '';
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    top: -6px;
    left: 50%;
    bottom: auto;
    margin-left: -7px;
}

.tabs .tab-list li {
    width: 100%;
    margin: 0;
    height: 40px;
    text-align: center;
    position: relative;
    background: #fff;
    padding: 0;
    border-left: 1px solid #DCE1EB;
    border-right: 1px solid #DCE1EB;
}

.tabs .tab-list li a {
    display: block;
    margin: 0 auto;
    min-width: 120px;
    height: 40px;
    line-height: 16px;
    padding: 11px 22px;
    font-size: 16px;
    border-bottom: 1px solid #DCE1EB;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tabs .tab-list li:last-child a {
    border: none;
}

.tabs .tab-list li:first-child a {
    height: 39px;
}

.tabs .tab-list li:first-child:hover:after {
    top: -8px;
}

.tabs .tab-list li:first-child:hover:before {
    top: -9px;
}

.tabs .tab-list li:hover {
    background: #0099FF;
    border-color: #0099FF;
}

.tabs .tab-list li:hover a {
    color: #fff;
    border: none;
}

.tabs li:hover .tab-list {
    display: block;
}

.tabs .more {
    width: 100px;
    margin: 0;
    text-align: center;
}

.tabs .more:hover .list-level-1 {
    display: block;
}

.tabs .more .btn {
    display: block;
    background: url("../img/more.png") no-repeat left center;
}

.list-level-1 {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 100;
    background-color: #fff;
    width: auto;
    -webkit-box-shadow: 0 5px 10px #DCE1EB;
    box-shadow: 0 5px 10px #DCE1EB;
}

.list-level-1 li {
    width: 100%;
    height: 42px;
    padding: 0;
    position: relative;
}

.list-level-1 li:last-child {
    border-bottom: 1px solid #DCE1EB;
}

.list-level-1 li a {
    display: block;
    height: 100%;
    color: #222;
    font-size: 16px;
    line-height: 16px;
    padding: 11px 0;
    border: 1px solid #DCE1EB;
    border-bottom: none;
    word-break: keep-all;
}

.list-level-1 li:hover {
    background: #0099FF;
}

.list-level-1 li:hover a {
    color: #fff;
    border: none;
}

.list-level-2 {
    display: none;
    position: absolute;
    right: 100%;
    top: 0;
    background: #fff;
    width: 184px;
    border: 1px solid #DCE1EB;
    border-right: none;
    overflow: hidden;
    padding: 10px;
}

.tabs .more .list-level-2 a {
    float: left;
    min-width: 50%;
    border: none;
    font-size: 14px;
    color: #192332;
    text-align: left;
}

.more .list-level-2 a:hover {
    color: #0099FF;
    background: none;
}

.list-level-1 li:first-child {
    border: none;
}

.list-level-1 li:hover .list-level-2 {
    display: block;
}

.banner {
    overflow: hidden;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    background: url("../img/bannerbg.png") no-repeat center bottom;
    position: relative;
}

.list-page .banner {
    height: 240px;
    background: url("../img/smallb-bg.png") no-repeat center bottom;
    background-color: #fff;
}

.banner-con {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.banner-con img {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0px 0px;
}

.part1 {
    overflow: hidden;
    background-color: #fff;
    background: url("../img/part1bg.png") no-repeat center 307px;
    padding-bottom: 60px;
    min-height: 683px;
}

.step-tab {
    width: 1200px;
    height: 130px;
    margin: 0 auto;
    background: url("../img/stepbg.png") no-repeat center center;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    margin-bottom: 56px;
    padding-top: 40px;
    -webkit-box-shadow: 0 5px 10px rgba(37, 180, 244, 0.1);
    box-shadow: 0 5px 10px rgba(37, 180, 244, 0.1);
}

.step-tab a {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 0;
}

.step-tab a img {
    width: 50px;
    height: 50px;
}

.step-tab a span {
    font-size: 16px;
    margin-left: 20px;
    vertical-align: middle;
    font-weight: 600;
}

.p1-con {
    width: 1200px;
    margin: 0 auto;
}

.p1-con .dt {
    float: left;
}

.p1-con .dt .title {
    width: 789px;
    background: url(../img/border-bg.png) no-repeat right bottom;
    background-size: 97% 50%;
}

.dt .dt-detail {
    width: 373px;
    float: left;
    overflow: hidden;
}

.dt .dt-detail a {
    display: block;
    overflow: hidden;
}

.dt .dt-detail img {
    width: 373px;
    height: 208px;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}

.dt .dt-detail h4 {
    font-size: 18px;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
}

.dt .dt-detail p {
    color: #646E78;
    height: 72px;
    line-height: 24px;
    overflow: hidden;
    margin-top: 5px;
    position: relative;
}

.dt .dt-detail p:after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    background: #FFF;
    padding: 0 14px;
}

.dt .dt-list {
    float: right;
    overflow: hidden;
}

.dt .dt-list a {
    display: block;
    width: 374px;
    overflow: hidden;
    margin: 20px 0;
    line-height: 20px;
    position: relative;
}

.dt .dt-list a:last-child {
    margin-bottom: 4px;
}

.dt .dt-list .date {
    float: left;
    width: 48px;
    height: 34px;
    border: 1px solid #96A0B4;
    text-align: center;
    color: #96A0B4;
    font-size: 12px;
    margin-right: 10px;
}

.dt .dt-list p {
    line-height: 16px;
}

.dt .dt-list .xh-text {
    position: absolute;
    top: 50%;
    left: 55px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
}

.dt .dt-list .xh-text p {
    overflow: hidden;
    -o-text-overflow: ellipsis;;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    height: 40px;
}

.dt .dt-list .date p:last-child {
    background: #96A0B4;
    color: #fff;
}

.notice {
    width: 373px;
    float: right;
}

.notice .title {
    height: 40px;
    border-radius: 12px;
    border: 1px solid #1691FE;
    margin-top: 4px;
    padding-right: 10px;
    background: none;
}

.notice .title h5 {
    float: left;
    width: 120px;
    height: 100%;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    border-radius: 10px;
    cursor: pointer;
}

.notice .title .more {
    line-height: 40px;
}

.notice .title .checked-tit {
    background: url("../img/notice-bg.png") no-repeat left center;
    color: #fff;
}

.notice .notice-list {
    height: 370px;
    overflow: hidden;
}

.part2 {
    overflow: hidden;
    background-color: #fff;
    background: url("../img/part1bg.png") no-repeat center 173px;
    background-color: #F3F6F9;
}

.p2-con {
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
    margin-bottom: 52px;
    overflow: hidden;
}

.p3-link{
    padding-bottom: 60px;
}

.p2-item {
    width: 373px;
    float: left;
    margin-left: 40px;
}

.p2-item .title {
    margin-bottom: 13px;
}

.p2-item .title-mr19 {
    margin-bottom: 19px;
}

.p2-item:first-child {
    margin: 0;
}

.p2l-l .img {
    width: 100%;
    height: 208px;
    border-radius: 6px;
    position: relative;
    margin-bottom: 23px;
    overflow: hidden;
}

.p2l-l .img img {
    width: 100%;
    height: 100%;
}

.p2l-l .img p {
    width: 100%;
    line-height: 40px;
    color: #fff;
    padding: 0 20px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: -webkit-gradient(linear, right top, left top, from(rgba(25, 35, 50, 0)), to(rgba(25, 35, 50, 1)));
    background: -webkit-linear-gradient(right, rgba(25, 35, 50, 0) 0%, rgba(25, 35, 50, 1) 100%);
    background: -o-linear-gradient(right, rgba(25, 35, 50, 0) 0%, rgba(25, 35, 50, 1) 100%);
    background: linear-gradient(270deg, rgba(25, 35, 50, 0) 0%, rgba(25, 35, 50, 1) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 6px 0 6px;
}

.p2l-l a {
    border: none;
}

.p2l-l a p, .p2l-l a span {
    padding: 10px 0;
}

.p2l-l a i {
    float: left;
    width: 4px;
    height: 4px;
    line-height: 14px;
    background: -webkit-linear-gradient(315deg, rgba(37, 180, 244, 1) 0%, rgba(20, 140, 255, 1) 100%);
    background: -o-linear-gradient(315deg, rgba(37, 180, 244, 1) 0%, rgba(20, 140, 255, 1) 100%);
    background: linear-gradient(135deg, rgba(37, 180, 244, 1) 0%, rgba(20, 140, 255, 1) 100%);
    border-radius: 50%;
    margin: 15px 10px 0 0;
}

.p2-book {
    width: 1250px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 60px;
}

.book-list {
    overflow: hidden;
    width: 100%;
    padding: 0 83px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.book-list li {
    width: 144px;
    float: left;
    margin-right: 42px;
}

.book-list li:last-child {
    margin: 0;
}

.book-list li img {
    width: 144px;
    height: 200px;
    border-radius: 4px;
}

.book-list li p {
    margin-top: 30px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.p2-book .arrow-left {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 10;
    background: url("../img/sl.png") no-repeat;
}

.p2-book .prev-end {
    background: url("../img/sle.png") no-repeat;
}

.p2-book .arrow-right {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 80px;
    z-index: 10;
    background: url("../img/sr.png") no-repeat;
}

.p2-book .next-end {
    background: url("../img/sre.png") no-repeat;
}

.part3 {
    background: #fff;
    overflow: hidden;
}

.part3 .p2-con {
    margin-bottom: 35px;
}

.p3-link h3 {
    text-align: center;
    background: url("../img/titc.png") no-repeat center center;
    height: 51px;
    line-height: 28px;
    font-size: 28px;
    font-family: PingFang-SC-Bold, PingFang-SC;
    font-weight: bold;
    padding: 11px 0 12px;
}

.p3-link h3 span {
    color: #0099FF;
    margin-left: 4px;
}

.p3l-list {
    width: 1200px;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 28px;
    text-align: center;
    font-size: 0;
}

.p3l-list a {
    display: inline-block;
    width: 150px;
    height: 80px;
    margin-right: 25px;
}

.p3l-list a:last-child {
    margin: 0;
}

.p3l-list a img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: 1px solid #DCE1EB;
}

/*footer*/
.footer-box {
    background: #192332;
    font-size: 14px;
    color: #96A0B4;
}

.footer {
    width: 1200px;
    min-height: 274px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 40px;

}

.footer h4 {
    color: #0099FF;
    font-size: 16px;
    line-height: 16px;
}

.footer .link-box {
    width: 580px;
    float: left
}

.footer .link-box .links {
    padding: 30px 110px 34px 0;
    overflow: hidden;
}

.footer .link-box .links a {
    padding-left: 16px;
    display: inline-block;
    margin-bottom: 20px;
    color: #96A0B4;
    line-height: 14px;
    height: 14px;
}

.footer .link-box .links a:after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 10px;
    background-color: #979797;
    margin-left: 16px;
    vertical-align: middle;
}

.footer .link-box .links a:last-child:after {
    display: none;
}

.footer .link-box .links a:first-child {
    padding-left: 0;
}

.footer .link-box .links a:last-child {
    padding-right: 0;
}

.footer .link-box p {
    margin-top: 10px;
    margin-bottom: 14px;
}

.footer .link-box p a {
    color: #96A0B4;
}

.contact-us {
    float: left;
    width: 340px;
}

.contact-us .contacts {
    padding-top: 30px;
    padding-right: 80px;
}

.contact-us span {
    display: block;
    margin-bottom: 14px;
    word-break: break-all;
    line-height: 20px;
}

.code-box {
    margin-top: 10px;
}

.code-box .item {
    float: left;
    width: 120px;
    height: 154px;
    border: 1px solid #DCE1EB;
    font-size: 14px;
    line-height: 14px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-right: 20px;
    background: #dce1eb;
    color: #1d2635;
}

.code-box .item img {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}

.pagination-box {
    position: absolute;
    width: 100%;
    bottom: 10px;
    overflow: hidden;
    text-align: center;
    z-index: 99;
}

.pagination {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    background: rgba(0, 0, 0, .2);
    border-radius: 15px;
    padding: 0 5px;
    box-sizing: border-box;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    margin-left: 10px;
}

.swiper-pagination-switch:first-child {
    margin-left: 0;
}

.swiper-active-switch {
    background: #007aff;
}

.news-con {
    overflow: hidden;
    margin-top: 20px;
    line-height: 32px;
}





.cosha-dialog-png{
    position: fixed;
    right: 20px;
    z-index: 999;
    top: 200px;
}
.fr-new-banner{
    min-height: 140px;
    width: 1200px;
    background: #fff;
    color: #0D4F80;

    text-align: center;
    margin: auto;
}
.fr-new-banner div{
    margin: 20px 0;
}
.fr-new-banner div a{

    font-family: PingFang-SC-Regular;
    /* font-weight: SC; */
    font-size: 22px;
    color: #0D4F80;
}
.fr-new-banner div:first-child a{
    font-weight: bold;
    /* border: 1px solid #0D4F80; */
    font-family: FangSong;
    /* font-weight: bold; */
    font-size: 40px;
    color: #0D4F80;
    text-align: center;
    /* line-height: 48px; */
}
.selected-border{
    /* width: 150px; */
    width: 154px;
    position: absolute;
    height: 49px;
}
/* .left-location{
    left: 0;
}
.left-location1{
    left:245px;
    width: ;
} */

.border-selected{
    background: url('../img/border-new.png') no-repeat left bottom;
    background-size:100% 100% ;
}

.czzn-toast{
    display: block;
    width: 160px;
    height: 160px;
    position: fixed;
    top: 360px;
    right: auto;
    bottom: auto;
    right: 20px;
    z-index: 111;
    padding-top: 93px;
    background: url('../img/window.png') no-repeat left bottom;
    background-size:100% 100% ;
}

.czzn-toast i{
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: auto;
    left: auto;
    z-index: 2
}

.jjjc-toast{
    display: block;
    width: 160px;
    height: 160px;
    position: fixed;
    top: 360px;
    right: auto;
    bottom: auto;
    left: 20px;
    z-index: 111;
}
.jjjc-toast img {
    width: 100%;
    height: 100%;
}