@charset "utf-8";

/* CSS Document */
.neBanner {
    position: relative;
}

.neBanner img {
    width: 100%;
}

.pcImg {
    display: block;
}

.mImg {
    display: none;
}

.nebannerTxt {
    position: absolute;
    width: 100%;
    left: 0;
    top: 40%;
    color: #fff;
}



.nebannerTxt h1 {
    font-size: 0.6rem;
    font-family: "SourceHanSansCN-bold";
}

.nebannerTxt p {
    font-size: 0.18rem;
    width: 45%;
}

.neMenu {
    background: #f4f4f4;
    border-bottom: 1px solid #d9d9d9;
}

.neMenu ul {
    display: flex;
    align-items: center;
    border-left: 1px solid #d9d9d9;
    height: 0.75rem;
}

.neMenu ul li {
    padding: 0 0.5rem;
    border-right: 1px solid #d9d9d9;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.neMenu ul li a {
    font-size: 0.2rem;
    display: inline-block;
    line-height: 0.73rem;
}

.neMenu ul li .on,
.neMenu ul li a:hover {
    color: #164fb8;
    font-weight: bold;
    border-bottom: 2px solid #164fb8;
    font-family: "SourceHanSansCN-bold";
}

.neBar {
    display: flex;
    align-items: center;
    height: 0.89rem;
}

.neBar img {
    display: block;
}

.neBar p {
    padding: 0 0.15rem;
    color: #777;
}

.neTi {
    text-align: center;
    font-size: 0.42rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

#map {
    height: 5.4rem;
}

.lxMenubox ul {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.lxMenubox ul li {
    background: #4b4d50;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 0.78rem;
    width: 19%;
    cursor: pointer;
    position: relative;
}

.lxMenubox ul li:after {
    content: '';
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/jia.png) no-repeat center #4985de;
    background-size: 0.14rem 0.14rem;
    position: absolute;
    bottom: 0;
    right: -0.07rem;
}


.lxMenubox ul li h1 {
    font-size: 0.24rem;
    line-height: 1.3;
}

.lxMenubox ul li p {
    font-size: 0.16rem;
    text-transform: uppercase;
    line-height: 1.2;
    display: none;
}

.lxMenubox ul li.hover p {
    display: block;
}

.lxMenubox ul li.hover {
    background: url(../images/jx1.png) no-repeat center #1850a3;
    background-size: 1.69rem 0.55rem;
}

.lxMenubox ul li:nth-child(1).hover {
    background: url(../images/jx.png) no-repeat center #1850a3;

    background-size: 0.93rem 0.55rem;
}

.lxMenubox ul li.hover:after {
    display: none;
}

.lxContentbox {
    position: relative;
    top: -0.29rem;
    z-index: 1;
}

.lxLis {
    border: 1px solid #e2e2e2;
    margin-top: 0.2rem;
}

.lxLis dl {
    width: 50%;
    float: left;
    height: 1.69rem;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
    padding: 0 0.2rem;
    transition-duration: .5s;
}

.lxLis dl:nth-child(2n) {
    border-right: none;
}

.lxLis dl:last-child {
    border-bottom: none;
}

.lxLis dl:hover {
    background: #1850a3;
}

.lxLis dl:hover dd h1,
.lxLis dl:hover dd p {
    color: #fff;
}

.neBox1 {
    padding: 0.6rem 0;
}

.lxLis dl dt {
    width: 1.85rem;
    height: 1.27rem;
}

.lxLis dl dt img {
    width: 100%;
    height: 100%;
    display: block;
}

.lxLis dl dd {
    padding-left: 0.3rem;
}

.lxLis dl dd h1 {
    font-size: 0.18rem;
    font-family: "SourceHanSansCN-bold";
    line-height: 1.2;
    margin-bottom: 0.1rem;
}

.lxLis dl dd p {
    font-size: 0.16rem;
}

.lxBox2 {
    background: #fafafa;
    padding: 0.74rem 0;
}

.form li {
    background: #fff;
    display: flex;
    align-items: center;
    height: 0.55rem;
    padding: 0 0.2rem;
    border: 1px solid #d0d0d0;
    margin-bottom: 0.25rem;
    position: relative;
}

.form li p {
    font-size: 0.18rem;
}

.form li input,
.form li textarea {
    background: none;
    width: 80% !important;
    height: 0.55rem;
    border: none;
    outline: none;
    font-size: 0.18rem;
}

.yzm-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 0.52rem;
}

.yzm-img img {
    height: 100%;
    display: block;
}

.form li textarea {
    height: 1.5rem;
}

.form li:nth-child(5) {
    padding-top: 10px;
    align-items: baseline;
    height: 2rem;
}

.Submit {
    display: block;
    cursor: pointer;
    width: 2.5rem;
    height: 0.6rem;
    background: #1850a3;
    color: #fff;
    text-align: center;
    line-height: 0.6rem;
    font-size: 0.2rem;
    border-radius: 30px;
    margin: 0.4rem auto 0;
    border-bottom: 3px solid #d8e0ed;
}

.newSearch {
    padding: 0.4rem 0;
}

.newSearch .wrap {

    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05);
    height: 1.1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.4rem;
}

.newSearch h1 {
    font-size: 0.28rem;
    font-family: "SourceHanSansCN-bold";
}

.newSearch h2 {
    font-size: 0.16rem;
    font-weight: normal;
    padding: 0 0.2rem;
}

.newSearch select,
.newSearch input {
    width: 3.5rem;
    height: 0.58rem;
    background: #f8f8f8;
    border: none;
    font-size: 0.16rem;
    padding-left: 0.1rem;
    margin-right: 0.15rem;
    outline: none;
}

.newSearch .button {
    width: 0.58rem;
    height: 0.58rem;
    background: #164fb8;
    color: #fff;
    border: none;
    cursor: pointer;
    transition-duration: .5s;
}

.newSearch .button i {
    font-size: 0.3rem;
    padding-left: 13px
}

.newSearch .button:hover {
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .3);
    border-radius: 10px;
}

.newBox1 {
    border-bottom: 1px solid #dadada;
    padding-bottom: 0.65rem;

}

.newImg {
    height: 3.1rem;
    overflow: hidden;
    position: relative;
}

.newImg img {
    width: 100%;
    height: 100%;
    display: block;
    transition-duration: .5s;
}

.newTxt {
    font-size: 0.22rem;
    margin-top: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.newSwiper .swiper-slide:hover .newImg img {
    transform: scale(1.1);
}

.newTime {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.8rem;
    height: 0.7rem;
    color: #fff;
    text-align: center;
    background: #a9a9a9;
    padding-top: 0.06rem;
}

.newTime h1 {
    font-size: 0.36rem;
    line-height: 1;
    font-family: "SourceHanSansCN-bold";
}

.newTime p {
    font-size: 0.14rem;
}

.newSwiper .swiper-slide:hover .newTime {
    background: #164fb8;
}

.newSwiper {
    padding-bottom: 0.6rem !important;
}

.newSwiper .swiper-horizontal>.swiper-pagination-bullets,
.newSwiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.newSwiper .swiper-pagination-custom,
.newSwiper .swiper-pagination-fraction {
    bottom: 0;
}

.newSwiper .swiper-pagination-bullet {
    width: 0.11rem;
    height: 0.11rem;
    margin: 0 6px !important;
}

.newSwiper .swiper-pagination-bullet-active {
    background: #164fb8;
}

.jianT {
    width: 100%;
    text-align: center;
    padding: 0.4rem 0 0 0;
}

.jianT li {
    display: inline-block;
    margin: 0 0.05rem;
}

.jianT li a {
    font-size: 0.14rem;
    color: #474747;
    display: block;
    line-height: 0.3rem;
    min-width: 0.2rem;
    border: 1px solid #c1c5c8;
    text-align: center;
    padding: 0 0.15rem;
}

.jianT li a:hover {
    text-decoration: none;
    background: #164fb8;
    color: #fff;
}

.jianT li .on {
    background: #21478b;
    color: #fff;
}

.newBox2 {
    padding-bottom: 1rem;
}

.ne-new-list dl {
    transition-duration: .5s;
}

.ne-new-list dl a {
    display: block;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    padding: 0.4rem 0;
}

.ne-new-list dl dt {
    width: 3.05rem;
    height: 2.02rem;
    overflow: hidden;
    float: right;
}

.ne-new-list dl dt img {
    width: 100%;
    height: 100%;
    display: block;
    transition-duration: .5s;
}

.ne-new-list dl dd {
    width: calc(90% - 3.05rem);
    width: -webkit-calc(90% - 3.05rem);
    padding-right: 0.7rem;
    float: right;
    height: 2.02rem;
    border-left: 1px solid #e0e0e0;
    padding-left: 0.48rem;
}

.ne-new-list dl dd h1 {
    font-size: 0.24rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0 0.05rem 0;
}

.ne-new-list dl dd span {
    display: block;
    margin: 0.1rem 0 0.2rem 0;
}

.ne-new-list dl dd span img {
    margin-right: 0.1rem;
}

.ne-new-list dl dd p {
    font-size: 0.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ne-rq {
    position: absolute;
    left: 0.5rem;
    top: 0.9rem;
    text-align: center;
}

.ne-rq p {
    font-size: 0.58rem;
    line-height: 1;
    color: #999999;
    font-family: "SourceHanSansCN-bold";
    font-weight: bold;
}

.ne-rq span {
    display: block;
    font-size: 0.18rem;
}

.ne-new-list dl:hover dt img {
    transform: scale(1.1)
}

.ne-new-list dl:hover {
    background: #164fb8
}

.ne-new-list dl:hover .ne-rq span,
.ne-new-list dl:hover .ne-rq p,
.ne-new-list dl:hover dd h1,
.ne-new-list dl:hover dd p,
.ne-new-list dl:hover dd span {
    color: #fff;
}

.new-nr-ti {
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
}

.new-nr-ti h1 {
    font-size: 0.2rem;
    padding-bottom: 0.15rem;
}

.new-nr-ti p {
    font-size: 0.19rem;
}

.new-nr-zi {
    font-size: 0.16rem;
    line-height: 1.8;
}

.lnLis {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.6rem;
}

.lnLis dl {
    width: 26%;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    height: 3.6rem;
    text-align: center;
    margin: 0 2%;
    padding: 0.3rem 0.2rem;
    border-radius: 20px;
    transition-duration: .5s;
}

.lnLis dl:hover {
    transform: scale(1.1);
}

.lnLis dl dt img {
    width: 0.68rem;
    transition-duration: .5s;
}

.lnLis dl dd {
    font-size: 0.17rem;
    line-height: 1.6;
    margin-top: 0.15rem;
}

.lnLis dl dd b {
    font-size: 0.18rem; display:block
}

.lnLis dl:hover dt img {
    animation: icon-bounce 0.5s alternate;
}

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

.lnJs img {
    transition-duration: .5s;
}

.lnJs:hover img {
    transform: scale(1.1);
}

.lnJs:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    border: 20px solid transparent;
    border-top-color: rgba(33, 161, 245, 0.29);
    ;
    border-left-color: rgba(33, 161, 245, 0.29);
    ;
    -webkit-transition: border .35s ease-in-out;
    -moz-transition: border .35s ease-in-out;
    -o-transition: border .35s ease-in-out;
    transition: border .35s ease-in-out;
    z-index: 3;
}

.lnJs:hover:before {
    border-width: 260px;
}


.jsTxt {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.jsTxt .wrap {
    display: flex;
    justify-content: right;
    align-items: center;
    height: 100%;

}

.jsTxt .wrap ul {
    width: 45%;
}

.jsTxt .wrap ul li {
    position: relative;
    font-size: 0.18rem;
    padding-left: 0.15rem;
    margin-bottom: 0.15rem;
}

.jsTxt .wrap ul li::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #2a5da9;
    position: absolute;
    left: 0;
    top: 0.15rem;
}

.jsTxt .wrap ul li b {
    font-family: "SourceHanSansCN-bold";
}

.rcBox2 {
    padding: 0.6rem 0;
}

.rcBox2 .newSearch {
    padding-top: 0;
}

.rcBox2 .newSearch .wrap {
    justify-content: space-between;
}

.rcBox2 .newSearch .flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rcBox2 .newSearch .flex img {
    margin-right: 0.3rem;
}

.rcBox2 .newSearch .flex h1 {
    font-size: 0.2rem;
    margin-right: 0.15rem;
}

.rcBox2 .newSearch .flex h2 {
    font-size: 0.17rem;
    font-weight: normal;
}

.rcBox2 .newSearch .flex h2 span {
    font-size: 0.3rem;
    color: #c70025;
}

.rcBox2 .newSearch select {
    text-align: center;
}

.zpTitle {
    height: 0.66rem;
    background: #1850a3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zpTitle li {
    width: 22.5%;
    color: #fff;
    font-weight: bold;
    font-family: "SourceHanSansCN-bold";
    font-size: 0.2rem;
    text-align: center;
}

.zpLis li {
    border-bottom: 1px dashed #d6d6d6;
    height: 0.74rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zpTitle li:last-child {
    width: 10%;
}

.zpLis li p {
    width: 22.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.74rem;
    line-height: 1.3;
    font-size: 0.18rem;
}

.zpLis li:hover {
    background: #fbfbfb;
}

.zpLis li p:last-child {
    width: 10%;
    height: 0.33rem;
    border-right: 1px solid #1850a3;
    border-left: 1px solid #1850a3;
}

.zpLis li a img {
    margin-left: 0.15rem;
}

.zpli li {
    font-size: 0.18rem;
}

.zpli li b,
.zpTitle1 {
    font-family: "SourceHanSansCN-bold";
    font-size: 0.18rem;
}

.rcBox3 {
    background: #f9f9f9;
    padding: 0.6rem 0;
}

.neTi p {
    font-size: 0.18rem;
}

.rcImg {
    text-align: center;
}

.jsLis {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.4rem;
}

.jsLis dl {
    margin: 0 0.2rem;
    position: relative;
    transition-duration: .5s;

}

.jsLis dl:hover {
    transform: scale(1.1);
}

.jsLis dl dt {
    width: 1.89rem;
    height: 1.89rem;
    background: #1850a3;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.jsLis dl dd {
    text-align: center;
    font-size: 0.18rem;
    line-height: 1.3;
    padding-top: 0.13rem
}

.yuan {
    width: 1.54rem;
    height: 1.54rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
}

.yuan h1 {
    font-size: 0.3rem;
    line-height: 1.3;
}

.yuan p {
    font-size: 0.18rem;
    text-transform: uppercase;
}

.jsLis dl:nth-child(1) dt {
    background: rgba(24, 80, 163, 0.19);
}

.jsLis dl:nth-child(1) dt .yuan {
    background: #1850a3;
}

.jsLis dl:nth-child(3) dt {
    background: rgba(54, 112, 198, 0.19);
}

.jsLis dl:nth-child(3) dt .yuan {
    background: #3670c6;
}

.jsLis dl:nth-child(5) dt {
    background: rgba(0, 160, 233, 0.19);
}

.jsLis dl:nth-child(5) dt .yuan {
    background: #00a0e9;
}

.jsLis dl:nth-child(7) dt {
    background: rgba(1, 163, 202, 0.19);
}

.jsLis dl:nth-child(7) dt .yuan {
    background: #01a3ca;
}

.jsLis dl:nth-child(9) dt {
    background: rgba(74, 186, 191, 0.19);
}

.jsLis dl:nth-child(9) dt .yuan {
    background: #4ababf;
}

.jsLis img {
    position: relative;
    top: -0.15rem;
}

.proBox {
    padding-bottom: 0.8rem;
}

.proLe {
    width: 3.36rem;
}

.subNavBox {
    width: 100%;
}

.subNav {
    display: block;
    width: 100%;
    line-height: 0.68rem;
    font-size: 0.18rem;
    background: url(../images/jia1.png) no-repeat 94% center #efefef;
    padding-left: 0.3rem;
    cursor: pointer;
    margin-top: 0.05rem;
    background-size: 0.16rem 0.14rem;
}

.subNav a {
    display: block
}

.currentDt {
    background: url(../images/jian.png) no-repeat 94% center #164fb8;
    color: #fff;
    background-size: 0.16rem 0.14rem;
}

.currentDt a {
    color: #fff
}

.navContent {
    display: none;
    background: #f6f6f6;
    padding: 0.2rem 0.3rem;
}

.navContent li {
    line-height: 2;
}

.navContent li a {
    display: block;
    font-size: 0.17rem;
    color: #888;
}

.navContent li a:hover,
.navContent li .on {
    color: #164fb8;
    font-weight: bold;
}

.proRight {
    width: calc(100% - 3.36rem);
    width: -webkit-calc(100% - 3.36rem);
    padding-left: 0.6rem;
}

.proRight .newSearch h1 {
    font-size: 0.18rem;
}

.proRight .newSearch input {
    width: 5.6rem;
}

.proBi {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 0.4rem;
    margin-bottom: 0.4rem;
}

.proBi h1 {
    color: #164fb8;
    font-size: 0.3rem;
    font-family: "SourceHanSansCN-bold";
    padding-bottom: 0.1rem;
}

.proBi p {
    font-size: 0.18rem;
}

.proLis li {
    width: 31%;
    float: left;
    margin-right: 3.5%;
    margin-bottom: 0.37rem;
}

.proLis li:nth-child(3n) {
    margin-right: 0;
}

.proLis li .img {
    height: 4.1rem;
    position: relative;
    background: url(../images/p.jpg) no-repeat center;
    transition-duration: .5s;
    width: 100%;
    background-size: cover;
}

.proLis li .img img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    transition-duration: .5s;
    display: block;
}

.proLis li:hover .img {
    background: url(../images/p1.jpg) no-repeat center;
    background-size: cover;
}

.proLis li:hover .img img {
    transform: scale(1.1);
}

.proLis li p {
    height: 0.7rem;
    font-size: 0.18rem;
    text-align: center;
    background: #fbfbfb;
    border: 1px solid #ededed;
    border-top: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.yfBox1 {
    padding: 0.53rem 0;
}

.yfTi {
    text-align: center;
}

.yfTi h1 {
    font-size: 0.8rem;
    text-transform: uppercase;
    opacity: 0.1;
    line-height: 0.1;
    font-family: "SourceHanSansCN-bold";
}

.yfTi p {
    font-size: 0.42rem;
    font-family: "SourceHanSansCN-bold";
    font-weight: bold;
    position: relative;
    top: -0.15rem;
}

.yfJs {
    font-size: 0.2rem;
    text-align: center;
    width: 90%;
    margin: 0 auto 0.3rem;
}

.fxYq {
    display: flex;
    background: #1850a3;
    width: 60%;
    margin: 0 auto;
}

.fxYq li,
.fxLis li p {
    height: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 0.18rem;
}

.fxYq li:nth-child(1) {
    width: 40%;
    border-right: 1px solid #527cba;
}

.fxYq li:nth-child(2),
.fxLis li p:nth-child(2) {
    width: 60%;
}

.fxLis li {
    border: 1px solid #dcddde;
    width: 60%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: none;
}

.fxLis li p:nth-child(1) {
    border-right: 1px solid #dcddde;
    width: 40%
}

.fxLis li p {
    color: #333;
    justify-content: left;
    text-align-last: left;
    padding-left: 0.2rem;
}

.yfBox2 {
    background: url(../images/bg2.jpg) no-repeat center;
    padding: 1rem 0;
}


.yfBox2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: #000;
    position: relative;
}

.yfBox2 .swiper-slide img {
    display: block;
    width: 100%;
    height: 4.92rem;
    object-fit: cover;
    opacity: 0.45;
}

.yfBox2 .swiper-slide p {

    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.45rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
}

.yfBox2 .swiper-slide-active {
    width: 42% !important;
}

.yfBox2 .swiper-slide-active img {
    opacity: 1;
}

.yfBox2 .swiper-button-next,
.yfBox2 .swiper-button-prev {
    background: none;
}

.yfBox2 .swiper-button-next,
.yfBox2 .swiper-button-prev,
.yfBox3 .swiper-button-next,
.yfBox3 .swiper-button-prev {
    width: 0.45rem;
    height: 0.45rem;
    bottom: 0;
}

.yfBox2 .swiper-button-next {
    right: -0.7rem
}

.yfBox2 .swiper-button-prev {
    left: -0.7rem;
}

.yfBox3 {
    padding: 0.8rem 0;
}

.zzLis li {
    width: 16%;
    float: left;

    margin-right: 5%;
    margin-bottom: 0.46rem;
}

.zzLis li:nth-child(5n) {
    margin-right: 0;
}

.zzLis li img {
    width: 100%;
    height: 100%;
    display: block;
}

.yfBox3 .swiper-container {
    padding-bottom: 0.8rem;
}

.yfBox3 .swiper-button-next,
.yfBox3 .swiper-button-prev {
    top: auto;
    margin-top: 0;
    background: none;
}

.yfBox3 .swiper-button-next {
    right: 46%
}

.yfBox3 .swiper-button-prev {
    left: 46%;
}

.abBanner {
    text-align: center;
}

.abBanner h1 {
    font-size: 0.54rem;
}

.abBanner p {
    width: 100%;
    text-align: center;
    font-size: 0.34rem;
    margin-bottom: 0.2rem;
}

.abBanner i img {
    width: 0.99rem;
    cursor: pointer;
}


#videDivo1 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}

#videDivo1 video {
    width: 100%;
}


.vBox {
    width: 50%;
    position: relative;
}

.closed {
    position: absolute;
    right: -5%;
    top: -10%;
    color: #fff;
    display: block;
}

.closed span {
    font-size: 0.5rem;
}

.closed:hover {
    color: #fff;
}

.abBox1 {
    background: url(../images/bg3.jpg) no-repeat center;
    padding-bottom: 1.27rem;
}

.abJs {
    padding-top: 0.5rem;
}

.abRight {
    float: right;
    width: 4.03rem;
    height: 5.66rem;
    background: url(../images/dq.png) no-repeat bottom center #1850a3;
    transition-duration: .5s;
    position: relative;
    overflow: hidden;
    background-size: contain;
}

.abRight:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    border: 20px solid transparent;
    border-top-color: rgba(33, 161, 245, 0.29);
    ;
    border-left-color: rgba(33, 161, 245, 0.29);
    ;
    -webkit-transition: border .35s ease-in-out;
    -moz-transition: border .35s ease-in-out;
    -o-transition: border .35s ease-in-out;
    transition: border .35s ease-in-out;
    z-index: 3;
}

.abRight:hover:before {
    border-width: 330px;
}



.abRight:hover {
    border-radius: 30px;
}

.abRight p {
    text-transform: uppercase;
    font-size: 0.48rem;
    color: #fff;
    line-height: 1.5;
    padding: 0.98rem 0 0 0.6rem;
}

.abLeft {
    float: left;
    width: calc(80% - 4.03rem);
    width: -webkit-calc(80% - 4.03rem);
}

.abLeft img {
    width: 3.82rem;
}

.jsTii {
    font-size: 0.34rem;
    font-weight: 600;
}

.jsTii span {
    font-size: 0.44rem;
}

.zi {
    font-size: 0.18rem;
    text-align: justify;
    margin: 0.2rem 0 0.8rem;
}

.abLeft ul {
    display: flex;
    justify-content: space-between;
}

.abLeft ul li {
    border-left: 2px solid #1850a3;
    padding-left: 0.25rem;
}

.abLeft ul li h1 {
    font-size: 0.18rem;
    color: #1850a3;
    font-family: "SourceHanSansCN-bold";
    line-height: 1.5;
}

.abLeft ul li p {
    font-size: 0.32rem;
}

@keyframes shrinkBackground {
    0% {
        background-size: 150% 150%;
        /* 初始状态，‌背景图片覆盖整个容器 */
    }

    100% {
        background-size: 100% 100%;
        /* 目标状态，‌背景图片缩小到100x100像素 */
    }
}

.abBox2 {
    background: url(../images/bg4.jpg) no-repeat center;
    padding: 0.8rem 0;
    position: relative;
    overflow: hidden;
    animation: shrinkBackground 20s infinite;
}

.lcLeft {
    width: calc(90% - 6rem);
    width: -webkit-calc(90% - 6rem);
    float: left;
}

.lcLeft h1 {
    font-size: 0.88rem;
    color: #fff;
    font-family: "SourceHanSansCN-bold";
    line-height: 1.5;
}

.lcLeft p {
    color: #fff;
    font-size: 0.22rem;
    position: relative;
    padding-left: 0.1rem;
}

.lcLeft p::before {
    content: '';
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.18rem;
}

.lcRight {
    width: 6rem;
    float: right;
}

.lcRight img {
    width: 100%;
    display: block;
}

.view .swiper-container {
    width: 90%;
    margin: 0 auto;

}



.preview {
    width: 100%;
    margin: 0.8rem auto 0;
    position: relative;
}



.preview:after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #fff;
    position: absolute;
    bottom: 60px;
    left: 0;
}

.preview .swiper-slide {
    cursor: pointer;
    text-align: center;
    position: relative;


}

.preview .active-nav {
    font-weight: bold;
    background: url(../images/ssj.png) no-repeat bottom center;
    background-size: 0.31rem 0.16rem;
}


.preview .swiper-slide p {
    position: relative;
    font-size: 18px;
    color: #fff;
    padding-bottom: 16px;
    padding-top: 30px;
}



.preview .swiper-slide p:after {
    content: '';
    background: #fff;
    position: absolute;
    top: 0;
    width: 1px;
    height: 16px;
    background: #fff;
    left: 50%;
    margin-left: -0.5px;
}



.view .arrow-left,
.view .arrow-right {

    position: absolute;
    left: 0;
    top: 30%;
    width: 0.42rem;
    height: 0.42rem;
    z-index: 10;
    transition-duration: .5s;
    left: 1.25rem;
}

.view .arrow-right {
    left: auto;
    right: 1.25rem;

}

.abBox3 {
    background: url(../images/bg5.jpg) no-repeat center;
    padding: 1rem 0;
}

.abBox3 .swiper-slide img {
    width: 100%;
    transition-duration: .5s;

}

.abBox3 .swiper-slide img:hover {
    transform: scale(1);
}

.abBox5 {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.whImg {
    width: 62.7%;
    overflow: hidden;
    background: #000;
}

.whImg img {
    width: 100%;
    display: block;
    animation: changeScale 10s infinite;
}

.whRight {
    width: 37.3%;
    background: #323e46;
    padding-right: 2.6rem;
}

.whTi {
    border-right: 1px dashed #70787e;
    height: 100%;
    padding: 1.1rem 0 0 1.1rem;
}

.whTi h1 {
    color: #fff;
    font-size: 0.42rem;
}



.whLis li {
    margin-top: 0.7rem;
    color: #919598;
    font-size: 0.2rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-right: 1rem;
    padding-left: 0.17rem;
}

.whLis li p {
    font-size: 0.24rem;
    padding-left: 0.24rem;
}

.whLis li.hover {
    color: #fff;
}

.whLis li img {
    position: absolute;
    right: -0.2rem;
    top: 0;
    width: 0.39rem;
    opacity: 0;
}

.whLis li.hover img {
    opacity: 1;
}

.whLis li:after {
    content: '';
    width: 0%;
    height: 3px;
    background: #4278c6;
    position: absolute;
    bottom: 0.07rem;
    left: 0;
    z-index: 1;
    transition-duration: .5s;
}

.whLis li.hover:after {
    width: 80%;
}

.whContentbox {
    position: absolute;
    width: 25%;
    height: 70%;
    background: url(../images/bg6.jpg) no-repeat center;
    right: 37%;
    top: 15%;
    display: flex;
    align-items: center;
    padding: 0 0.4rem;
    color: #fff;
    background-size: contain;
    transition-duration: .5s;
}

.whContentbox:hover {
    border-radius: 20px 0 0 20px;
    background-size: 120% 120%;
}



.whCbContainer h1 {
    font-size: 0.3rem;
}

.whCbContainer i {
    display: block;
    width: 15px;
    height: 3px;
    background: #fff;
    margin-left: 3px;
}

.whCbContainer p {
    font-size: 0.18rem;
    margin: 0.3rem 0;
}

.whCbContainer h2 {
    font-size: 0.4rem;
}

.tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.4rem;
}

.tabs div {
    cursor: pointer;
    width: 2rem;
    height: 0.55rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.2rem;
    text-align: center;
    border: 1px solid #dadada;
    border-radius: 4px;
    margin: 0 0.1rem;
}

.tabs div.hover {
    background: #1850a3;
    color: #fff;
}

.abBox4 {
    padding: 0.8rem 0;
}

.abBox4 .swiper-slide {
    transform: scale(0.9);
    padding: 5px;
}

.abBox4 .swiper-slide-active {
    transform: scale(1);
}

.gcimg {
    padding: 0.2rem;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    height: 3.8rem;
}

.gcimg img {
    width: 100%;
    height: 100%;
    display: block;
    transition-duration: .5s;
}

.gcimg img:hover {
    transform: scale(1.1);
}

.abBox4 .swiper-slide p {
    text-align: center;
    font-size: 0.2rem;
    margin-top: 0.2rem;
    display: none;
}

.abBox4 .swiper-button-next,
.abBox4 .swiper-button-prev {
    width: 0.6rem;
    height: 0.6rem;
    background: #fff;
    top: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.abBox4 .swiper-button-next {
    right: 26.6%;
}

.abBox4 .swiper-button-next i {
    font-size: 0.6rem;
    color: #ababab;
    transform: rotate(-90deg);
}

.abBox4 .swiper-button-prev {
    left: 26.6%;
}

.abBox4 .swiper-button-prev i {
    font-size: 0.6rem;
    color: #ababab;
    transform: rotate(90deg);
}

.abBox4 .swiper-button-next:hover,
.abBox4 .swiper-button-prev:hover {
    background: #1850a3;
}


@media only screen and (max-width: 1500px) {}

@media only screen and (max-width: 1400px) {}

@media only screen and (max-width: 1280px) {}





@media only screen and (max-width: 760px) {
    .pcImg {
        display: none;
    }

    .mImg {
        display: block;
    }

    .abBanner h1,
    .neTi,
    .nebannerTxt h1 {
        font-size: 20px;
    }

    .wrap {
        margin: 0 20px;
    }

    .abBanner p,
    .nebannerTxt p {
        font-size: 14px;
        width: 100%;
        line-height: 1.3;
    }

    .abBanner i img {
        width: 40px;
    }

    .neMenu .wrap {
        margin: 0;
    }

    .neMenu ul li a,
    .zi,
    .abLeft ul li p,
    .lcLeft p,
    .whLis li {
        font-size: 14px;
    }

    .neMenu ul {
        height: 50px;
        width: 100%;
    }

    .neMenu ul li {
        padding: 0 15px;
    }

    .neMenu ul li a {
        line-height: 50px;
        display: block;
        text-align: center;
    }

    .abMenu ul li {
        padding: 0 8px;
    }

    .neBar,
    .abRight {
        display: none;
    }

    .abJs {
        padding-top: 0;
    }

    .abBox1,
    .abBox2,
    .abBox3,
    .abBox4,
    .yfBox2,
    .yfBox3 {
        padding: 30px 0;
        background-size: cover;
    }

    .abLeft,
    .view .swiper-container,
    .lcLeft,
    .lcRight,
    .whImg {
        width: 100%;
        float: none;
    }

    .abLeft img {
        width: 110px;
    }

    .jsTii,
    .lcLeft h1,
    .whTi h1 {
        font-size: 18px;
    }

    .jsTii span {
        font-size: 22px;
    }

    .zi {
        margin: 15px 0 15px 0;
        line-height: 1.5;
    }

    .abLeft ul li h1 {
        font-size: 15px;
        font-weight: normal;
    }

    .abLeft ul li {
        padding-left: 10px;
    }

    .lcRight {
        margin-top: 20px;
    }

    .view .arrow-left,
    .view .arrow-right {
        top: auto;
        bottom: -20px;
    }

    .view .arrow-left {
        left: 43%;
    }

    .view .arrow-right {
        right: 43%;
    }

    .preview {
        margin-top: 20px;
    }

    .preview .swiper-slide p {
        padding-bottom: 10px;
        padding-top: 15px;
    }

    .preview:after {
        bottom: 40px;
    }

    .yfBox3 .swiper-button-prev {
        left: 41%;
    }

    .yfBox3 .swiper-button-next {
        right: 41%;
    }

    .gcimg {
        padding: 0;
        height: 100px;
    }

    .abBox4 .swiper-slide {
        transform: scale(1);

    }

    .abBox5 {
        display: block;
    }

    .whRight {
        position: relative;
        width: 100%;
        padding-right: 0;
    }

    .whTi {
        width: 48%;
        padding: 20px 0 20px 20px;
    }

    .whLis li {
        margin-top: 20px;
    }

    .whContentbox {
        width: 52%;
        right: 0;
        bottom: 0;
        top: auto;
        background: none;
    }

    .whCbContainer h1,
    .whCbContainer i,
    .whCbContainer h2 {
        display: none;
    }

    .proLe,
    .proRight {
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }

    .proRight .newSearch h2,
    .newSearch,
    .ne-rq,
    .ne-new-list dl dd span,
    .zpTitle li:nth-child(3),
    .zpLis li p:nth-child(3) {
        display: none;
    }

    .proRight .newSearch {
        display: block;
    }

    .proRight .newSearch input {
        width: 60%;
        height: 35px;
        font-size: 12px;
    }

    .newSearch button {
        width: 35px;
        height: 35px;
    }

    .proLis li .img {
        height: 90px;
    }

    .new-nr-ti {
        padding-top: 30px;
    }

    .yfJs,
    .fxYq,
    .fxLis li {
        width: 100%;
        text-align: justify;
    }

    .fxLis li p {
        min-height: 60px;
    }

    .ne-new-list dl dt {
        width: 100px;
        height: 66px;
    }

    .ne-new-list dl dd {
        width: calc(100% - 100px);
        width: -webkit-calc(100% - 100px);
        padding-left: 0;
        padding-right: 15px;
        height: auto;
        border: none;
    }

    .zpTitle li,
    .zpLis li p {
        width: 25% !important;
    }

    .yfTi p,
    .yfTi h1 {
        font-size: 18px;
    }

    .proBi h1,
    .new-nr-ti h1,
    .ne-new-list dl dd h1,
    .lnLis dl dd b,
    .lxLis dl dd h1 {
        font-size: 16px;
    }

    .zzLis li {
        margin-right: 1%;
        width: 19%;
    }

    .newBox1,
    .rcBox1 {
        padding: 30px 0;
    }

    .newImg {
        height: 100px;
    }

    .jianT li a {
        line-height: 30px;
    }

    .lnLis {
        margin-bottom: 20px;
        display: block;
    }

    .lnLis dl {
        height: auto;
        width: 90%;
        margin: 0 auto 10px;
    }

    .jsTxt {
        position: relative;
    }

    .jsTxt .wrap ul {
        width: 100%;
        margin-top: 15px;
    }

    .rcBox2 {
        padding: 0 0 30px 0;
    }

    .jsLis img {
        width: 10px;
        top: -30px
    }

    .jsLis dl dt {
        width: 1rem;
        height: 1rem;
    }

    .yuan {
        width: 0.8rem;
        height: 0.8rem;
    }

    .yuan p,
    .lxMenubox ul li:after,
    .lxMenubox ul li p,
    .lxLis dl dt {
        display: none !important;
    }

    .jsLis dl dd {
        font-size: 12px;
        height: 60px;
    }

    .lxMenubox ul li {
        height: 55px;
    }

    .lxLis dl dd {
        padding: 0;
    }

    .lxLis dl {
        width: 100%;
        float: none;
        height: auto;
        padding: 15px;
    }

    .form li {
        height: 40px;
    }

    .yzm-img {
        height: 36px;
    }

    .whCbContainer p,
    .subNav,
    .navContent li a,
    .proRight .newSearch h1,
    .proBi p,
    .proLis li p,
    .jianT li a,
    .new-nr-zi,
    .new-nr-ti p,
    .yfJs,
    .fxYq li,
    .fxLis li p,
    .newTxt,
    .ne-new-list dl dd p,
    .lnLis dl dd,
    .jsTxt .wrap ul li,
    .neTi p,
    .zpTitle li,
    .zpLis li p,
    .zpli li,
    .zpli li b,
    .zpTitle1,
    .lxMenubox ul li h1,
    .lxLis dl dd p,
    .form li p,
    .Submit {
        font-size: 14px;

    }

    .proLis li p {
        line-height: 1.2;
    }

    .yfBox2 .swiper-button-prev,
    .yfBox2 .swiper-button-next {
        top: auto;
        margin-top: 0;
        bottom: 0;
    }

    .yfBox2 .swiper-button-prev {
        left: 42%;
    }

    .yfBox2 .swiper-button-next {
        right: 42%;
    }

    .yfBox2 .wrap {
        padding-bottom: 50px;
    }

    .yfBox2 .swiper-slide img {
        height: 120px;
    }

    .yfBox2 .swiper-slide-active {
        width: 60% !important;
    }

    .tabs div {
        margin: 0 2px
    }
}