@charset "utf-8";

a,
img {
    vertical-align: top;
}

@keyframes NewBannerAni {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.04);
    }

    100% {
        transform: scale(1);
    }
}

#menu {
    padding-top: 20px;
    box-sizing: border-box;
    display: none;
    position: fixed;
    left: 2%;
    z-index: 99;
    top: 50%;
    height: 216px;
    margin-top: -108px;
}

#menu li {
    padding-bottom: 40px;
    position: relative;
}

#menu li:after {
    background: url(../images/ml-line.png) no-repeat;
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    height: 24px;
    top: 18px;
    left: 4px;
}

.menu1 li:after {
    background: url(../images/ml-wline.png) no-repeat !important;
}

#menu li:last-child:after {
    height: 0;
}

#menu li a {
    padding-left: 20px;
    display: block;
    /* line-height: 14px; */
    position: relative;
    font-size: 12px;
    display: block;
}

.menu1 li a {
    color: #fff !important;
}

#menu li span {
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/ml-aicon.png) no-repeat center;
    position: absolute;
    left: -3px;
    top: 0;
}

.menu1 li span {
    background: url(../images/ml-wicon.png) no-repeat center !important;
}

#menu li.active a span {
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/ml-aicon.png) no-repeat center;
    position: absolute;
    left: -3px;
    top: 0;
}

#menu li:hover a {
    opacity: 1;
}

#menu li:hover a span {
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/ml-aicon.png) no-repeat center;
    position: absolute;
    left: -3px;
    top: 0;
}

#menu li a {
    color: #4E4E4E;
    opacity: .2;
}

#menu li.active a {
    opacity: 1;
}

.menu5 {
    display: none !important;
}




.pagea-2 .pagea-3 .vie video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}


.pagea-2 .swiper-slide .pagea-3 {
    width: 100%;
    height: auto;
    min-height: 100%;
    /*transition: 1s linear 2s;*/
    transform: scale(1, 1);
    animation: NewBannerAni 6s linear infinite;
}

.pagea-2 .swiper-slide-active {
    z-index: 10;
}

.pagea-2 .swiper-slide-active .pagea-3,
.pagea-2 .swiper-slide-duplicate-active .pagea-3 {
    /*transition: 6s linear;*/
    transform: scale(1, 1);
}

.bannerCon {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.bannerCon .t {
    font-size: 72px;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
}

.bannerCon .t2 {
    font-size: 48px;
    color: #fff;
    margin-top: 20px;
}

.pagea-con3 .bannerCon .t,
.pagea-con3 .bannerCon .t2 {
    text-align: center;
}

.mainMore {
    transition: all 0.8s;
    display: inline-block;
    padding: 14px 60px 14px 20px;
    border: 1px solid #e2e2e2;
    font-size: 18px;
    color: #ffffff;
    margin-top: 40px;
    position: relative;
}

.mainMore:hover {
    border: 1px solid #1f2c5c;
    background: #1f2c5c;
    color: #fff;
}

.mainMore:after {
    content: '>';
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "宋体";
}

.bannerScroll {
    position: absolute;
    left: 0;
    width: 20px;
    text-align: center;
    bottom: 60px;
    z-index: 10;
    display: none;
}

.bannerScroll p {
    font-size: 12px;
    color: #007DCD;
}

.bannerScroll span {
    display: block;
    width: 1px;
    height: 60px;
    background: rgba(0, 125, 205, 0.15);
    margin: 12px auto 0;
    position: relative;
}

.bannerScroll span:after {
    content: '';
    width: 3px;
    height: 17px;
    background: #007DCD;
    border-radius: 1px;
    position: absolute;
    top: 0;
    left: -1px;
}

.bannerScroll span:after {
    -webkit-animation: haha1 2s linear infinite;
}

.p1 .bannerScroll p {
    color: #fff;
}

.p1 .bannerScroll span {
    background: rgba(255, 255, 255, 0.15);
}

.p1 .bannerScroll span:after {
    background: #fff;
}

.pagea-2 .swiper-slide .mbg {
    display: none;
}

.ibanner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.ibanner:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
}

.ibanner .con {
    z-index: 10;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ibanner .con .t1 {
    font-size: 50px;
    color: #ffffff;
    font-weight: bold;
}

.ibanner .con .t2 {
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 5px;
}

@-webkit-keyframes haha1 {
    0% {
        top: 0;
        opacity: 1;
    }

    25% {
        top: 25%;
        opacity: 0.75;
    }

    50% {
        top: 50%;
        opacity: 0.5;
    }

    75% {
        top: 75%;
        opacity: 0.25;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}

.swiperPage {
    position: absolute;
    bottom: 70px;
    right: 0;
    width: 100%;
}

.swiperPage .swiper-pagination {
    position: relative;
    width: 100%;
    text-align: center;
}

.swiperPage .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    margin: 0 10px;
}

.swiperPage .swiper-pagination .swiper-pagination-bullet-active {
    position: relative;
}

.swiperPage .swiper-pagination .swiper-pagination-bullet-active:after {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: -5px;
    background: rgba(255, 255, 255, .45);
}




.section {
    overflow: hidden;
    height: 100%;
}


#fullPage .active {
    opacity: 1;
}

.homeBoxB,
.p5 .footer {
    opacity: 0;
}

#fullPage .active .homeBoxB,
#fullPage .active .footer {
    opacity: 1;
}

.p2 {
    position: relative;
    background: url(../images/gjjt-bg.png) no-repeat;
    background-size: cover
}

.p3 {
    background: url(../images/service-bg.png) no-repeat;
    background-size: cover
}

.homeBoxA,
.homeBoxB,
.homeBoxC {
    width: 100%;
    /* text-align: center; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.about-top {
    display: flex;
    justify-content: space-between;
}

.gj-left {
    width: 46%;
    margin-top: 50px;
}

.home-title {
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    color: #333;
    line-height: 1.5;
}

.gjjt-title {
    padding-left: 45px;
    background: url(../images/gjjt-icon.png) no-repeat left;
}

.home-sum {
    font-size: 18px;
    text-align: left;
    line-height: 1.78;
    margin-top: 28px;
    text-align: justify;
}

.home-more {
    width: 160px;
    height: 50px;
    background: url(../images/more-bg.png) no-repeat;
    ;
}

.home-more a {
    color: #fff;
    font-size: 18px;
    padding-left: 26px;
    background: url(../images/more-icon.png) no-repeat 115px;
    width: 100%;
    height: 100%;
    padding-right: 20px;
    display: flex;
    align-items: center
}

.gj-left .home-more {
    margin-top: 100px;
}

.gj-right {
    width: 37.5%;
}

.gj-img img {
    width: 100%
}

.gj-gp {
    width: 100%;
    padding: 35px 45px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(227, 245, 255, 0.82));
    border-radius: 8px;
    margin-top: 25px;
    box-shadow: 0 14px 30px -6px rgba(0, 79, 130, 0.16);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gp-left h3 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.gp-left h2 {
    font-size: 22px;
    color: #333;
}

.gp-left h4 {
    font-size: 16px;
    color: #999;
    font-weight: 400;
    margin-top: 5px;
}

.gp-right h1 {
    font-size: 50px;
    padding-right: 10px;
    display: inline-block;
}

.gp-right h1 a.up {
    color: #CD0000;
}

.gp-right h1 a.low {
    color: #2E8015;
}

.gp-right i {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.gp-right i.up {
    background: url(../images/gp-up.png)
}

.gp-right i.low {
    background: url(../images/gp-low.png)
}

.about-bottom {
    margin-top: 100px;
}

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

.about-bottom ul li p {
    font-size: 32px;
    color: #007DCD;
    font-weight: 700;
    line-height: 1.5;
}

.about-bottom ul li p strong {
    font-size: 42px;
}

.about-bottom ul li span {
    font-size: 16px;
    color: #303E48
}

.about-bottom ul li div {
    height: 40px;
}

/*service*/
.fw-left {
    display: flex;
    position: relative;
}

.fw-left li {
    cursor: pointer;
    margin-right: 80px;
}

.fw-left li span {
    font-size: 26px;
    font-weight: 700;
    margin-top: 10px;
    display: inline-block;
}

.fw-left li p {
    width: 66px;
    height: 66px;
}

.fw-left:after {
    content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 1px;
    background: #82A8D3;
    left: 140px;
    top: 30px;
}

.fw-left li p {
    width: 66px;
    height: 66px;
    margin: 0 auto;
}

.fw-left li.fw1 p {
    background: url(../images/fw-iconb.png) no-repeat center;
}

.fw-left li.fw1.active p {
    background: url(../images/fw-iconw.png) no-repeat center;
}

.fw-left li.fw2 p {
    background: url(../images/fa-iconb.png) no-repeat center;
}

.fw-left li.fw2.active p {
    background: url(../images/fa-iconw.png) no-repeat center;
}

.fw-left li.active p:after {
    display: block;
    content: '';
    width: 66px;
    height: 66px;
    background: linear-gradient(#97CEF0, #007DCD);
    border-radius: 50%;
    position: absolute;
    z-index: -1
}

.homeBoxB-a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:50px;
}

.fw-right {
    width: 47.8%;
    text-align: right;
    font-size: 16px;
    line-height: 1.78;
    color: #333;
}

.fw-right li p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 限制显示行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.homeBoxB-b {
    overflow: hidden;
    margin-top: 40px;
    position: relative;
}

.fw-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.fw-item:after{
    display:block;
    content:'';
    width:100%;
    height:100%;
    background:linear-gradient(rgba(0, 50, 94, 0),rgba(0, 50, 94, 0.7));
    position:absolute;
    top:0;
}

.fw-img {
    overflow: hidden;
    transition: all .5s;

}

.fw-img img {
    width: 100%;
    border-radius: 10px;
}

.fw-item:hover .fw-img {
    transform: scale(1.06)
}

.fw-title {
    position: absolute;
    bottom: 0px;
    padding: 30px;
    font-size: 22px;
    z-index:11;
    color:#fff;
}

.fw-title a {
    color: #fff;
}

.swiper-button-prev-service,
.swiper-button-next-service {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
    cursor: pointer;
}

.swiper-button-prev-service {
    background: url(../images/fw-left.png) no-repeat;
    z-index: 11;
    left: 20px;
    background-size: cover;
}

.swiper-button-prev-service:hover {
    background: url(../images/fw-left1.png) no-repeat;
    background-size: cover;
}

.swiper-button-next-service {
    background: url(../images/fw-right.png) no-repeat;
    z-index: 11;
    right: 20px;
    background-size: cover;
}

.swiper-button-next-service:hover {
    background: url(../images/fw-right1.png) no-repeat;
    background-size: cover;
}

.tm-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
}

.home-gd {
    font-size: 18px;
    color: #666;
}

.hzhb-title {
    padding-left: 45px;
    background: url(../images/hzhb-icon.png) no-repeat left;
}

.hzhb-con {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    padding:15px;
    overflow:hidden;
}

.hzhb-item {
    /*width: 16.25%;*/
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);
    transition: all .5s;
    overflow:hidden;
}

.hzhb-item a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hzhb-item img {
    max-width: 85%;
    transition: all .5s;
}

.hzhb-item:hover {
    box-shadow: 0px 0px 12px 8px rgba(0, 0, 0, .1);
}

.hzhb-item:hover img {
    transform: scale(1.1)
}

/*news*/

.p4 {
    background: #F4F7F8;
}

.xwzx-title {
    padding-left: 45px;
    background: url(../images/news-icon.png) no-repeat left;
}

.homeBoxC-b {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.homeBoxC-b .news-center:nth-child(2){
    display:none
}

.news-left,
.news-center {
    width: 27.25%;
}

.news-right {
    width: 42.5%;
}

.news-left:hover .news-pic img,
.news-center:hover .news-pic img {
    transform: scale(1.05)
}

.news-pic {
    height: 280px;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
}

.news-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px 8px 0px 0px;
    transition: all .5s;

}

.news-con {
    height: 155px;
    background: #fff;
    padding: 18px 24px;
    border-radius: 0px 0px 8px 8px;
}

.news-title {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 限制显示行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    height: 58px;
}

.news-date {
    font-size: 20px;
    color: #0052A1;
    font-weight: 700;
    line-height: 1.45;
}

.news-sum {
    font-size: 18px;
    color: #666;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* 限制显示行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* margin-bottom: 8px; */
}

.news-item {
    background: #fff;
    padding: 24px 24px 16px 24px;
    border-radius: 8px;
    margin-bottom: 12px;
    display: flex;
    height: 137px;
}

.news-item:last-child {
    margin-bottom: 0px;
}

.news-rCon{
    width:80%;
}

.news-item-date {
    margin-right: 24px;
    padding-right: 24px;
    border-right: 1px solid rgba(0, 0, 0, .1);
    width: 85px;
}

.news-item-title {
    font-size: 20px;
}

.news-item-date p {
    font-size: 22px;
}

.news-rCon .news-sum {
    margin-top: 9px;
}

.ztzl-title {
    padding-left: 45px;
    background: url(../images/ztzl-icon.png) no-repeat left;
}

.ztzl-con {
    margin-top: 20px;

}

.ztzl-con .container {
    position: relative;
}

.swiper-news {
    overflow: hidden;
    display: none;
}

.swiper-ztzl {
    overflow: hidden;
}

.swiper-ztzl .swiper-slide img {
    width: 100%
}

.swiper-button-next-ztzl,
.swiper-button-prev-ztzl {
    position: absolute;
    width: 86px;
    height: 86px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.swiper-button-next-ztzl {
    background: url(../images/ztzl-right.png) no-repeat;
    right: -86px;
}

.swiper-button-prev-ztzl {
    background: url(../images/ztzl-left.png) no-repeat;
    left: -86px;
}

.r-menu ul {
    position: fixed;
    right: 20px;
    bottom: 120px;
    display:none;
}

.r-menu li {
    width: 50px;
    height: 50px;
    background: rgba(0, 125, 205, .5);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3px;
    position:relative;
}

.rmenu-con{
    position:absolute;
    right:-110px;
    top:0;
    background:url(../images/rmenu-bg.png) no-repeat;
    width:60px;
    height:62px;
    background-size:cover;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:12px;
    color:#09507D;
    font-weight:700;
    transition:all .5s;
    display:none;
    z-index:-1
}
.rmenu-con a{
    color:#09507D;
}

.rmenu-ewm{
    width:140px;
    height:156px;
    background:url(../images/rmenu-bg1.png) no-repeat;
}

.r-menu li:hover .rmenu-con{
    right:48px;
    display:flex;
     width:173px;
    font-size:18px;
}

.r-menu li:hover .rmenu-ewm{
    opacity:1;
}


.cur ul{
   display:block;
}

.slideBtn{
    width:50px;
    height:50px;
    background:url(../images/side-close.png) no-repeat;
    background-size:cover;
    margin-top:10px;
    cursor:pointer;
   position:fixed;
   bottom:60px;
   right: 20px;
}

.cur .slideBtn{
    background:url(../images/side-open.png) no-repeat;
}

@media(max-width: 1800px) {

    .home-title {
        font-size: 28px;
    }

    .home-sum {
        font-size: 17px;
    }

    .gj-left .home-more {
        margin-top: 80px;
    }

    .gj-gp {
        padding: 25px 35px;
    }

    .gp-right h1 {
        font-size: 46px;
    }

    .about-bottom ul li p strong {
        font-size: 40px;
    }

    .home-more a {
        font-size: 17px;
    }

    .fw-left li p {
        width: 60px;
        height: 60px;
    }

    .fw-left li.active p:after {
        width: 60px;
        height: 60px;
    }

    .fw-left:after {
        left: 120px;
    }

    .fw-left li span {
        font-size: 22px;
    }

    .fw-title {
        font-size: 20px;
    }

    .swiper-button-prev-service,
    .swiper-button-next-service {
        width: 48px;
        height: 48px;
        background-size: cover;
    }

    .tm-top {
        margin-top: 50px;
    }

    .hzhb-item {
        height: 130px;
    }

    .home-gd {
        font-size: 16px;
    }

    .news-pic {
        height: 240px;
    }

    .news-title,
    .news-date {
        font-size: 18px;
    }

    .news-sum {
        font-size: 17px;
    }

    .news-item {
        height: 120px;
    }

    .news-item-date p {
        font-size: 20px;
    }

    .news-item-title {
        font-size: 18px;
    }

    .news-con {
        height: 145px;
    }

    .swiper-button-prev-ztzl {
        background-size: 80px;
        left: -80px;
    }

    .swiper-button-next-ztzl {
        background-size: 80px;
        right: -80px;
    }

}

@media(max-width: 1700px) {

    .home-title {
        font-size: 26px;
    }

    .home-sum {
        font-size: 16px;
    }

    .home-more {
        width: 150px;
        height: 45px;
        background-size: cover;
    }

    .gj-left .home-more {
        margin-top: 80px;
    }

    .gj-gp {
        padding: 20px 30px;
    }

    .gp-right h1 {
        font-size: 42px;
    }

    .about-bottom ul li p strong {
        font-size: 36px;
    }

    .about-bottom ul li p {
        font-size: 28px;
    }

    .about-bottom ul li span {
        font-size: 15px;
    }

    .home-more a {
        font-size: 16px;
        padding-left: 22px;
        background: url(../images/more-icon.png) no-repeat 108px;
        background-size: 35px;

    }

    .gp-left h3,
    .gp-left h4 {
        font-size: 15px;
    }

    .gp-left h2 {
        font-size: 20px;
        margin-top: 3px;
    }

    .fw-left li p {
        width: 55px;
        height: 55px;
    }

    .fw-left li.active p:after {
        width: 55px;
        height: 55px;
    }

    .fw-left:after {
        left: 110px;
    }

    .fw-left li span {
        font-size: 20px;
    }

    .fw-title {
        font-size: 20px;
    }

    .fw-right {
        font-size: 15px;
    }

    .swiper-button-prev-service,
    .swiper-button-next-service {
        width: 48px;
        height: 48px;
        background-size: cover;
    }

    .tm-top {
        margin-top: 45px;
    }

    .hzhb-item {
        height: 115px;
    }

    .home-gd {
        font-size: 16px;
    }

    .news-pic {
        height: 215px;
    }

    .news-title,
    .news-date {
        font-size: 18px;
    }

    .news-sum {
        font-size: 15px;
    }

    .news-item {
        height: 120px;
    }

    .news-item-date p {
        font-size: 19px;
    }

    .news-item-title {
        font-size: 18px;
    }

    .news-con {
        height: 170px;
    }

    .swiper-button-prev-ztzl {
        background-size: 80px;
        left: -80px;
    }

    .swiper-button-next-ztzl {
        background-size: 80px;
        right: -80px;
    }

}

@media(max-width: 1550px) {
    .home-title {
        font-size: 24px;
        background-size: 35px;
    }

    .home-more a {
        font-size: 15px;
    }

    .home-sum {
        font-size: 15px;
    }

    .gp-right h1 {
        font-size: 38px;
    }

    .gj-gp {
        margin-top: 20px;
    }

    .about-bottom {
        margin-top: 80px;
    }

    .fw-left li p,
    .fw-left li.active p:after {
        width: 50px;
        height: 50px;
    }

    .fw-left li span {
        font-size: 18px;
    }

    .fw-left:after {
        left: 100px;
    }

    .fw-right {
        font-size: 14px;
    }

    .fw-title {
        font-size: 18px;
    }

    .hzhb-item {
        height: 100px;
    }

    .news-pic {
        height: 200px;
    }

    .news-title{
        margin-bottom: 15px;
        height: auto;
    }

    .news-title,
    .news-date {
        font-size: 17px;
    }

    .news-item-title {
        font-size: 17px;
       display: -webkit-box;
        -webkit-line-clamp: 1;
        /* 限制显示行数 */
         -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .news-con {
        height: 135px;
    }

    .news-item {
        height: 104px;
    }

    .tm-top {
        margin-top: 40px;
    }

    .home-gd {
        font-size: 14px;
    }

}




@media(max-width: 1450px) {
  

    .bannerCon .t {
        font-size: 72px;
    }

    .bannerCon .t2 {
        font-size: 48px;
    }



    .ibanner .con .t1 {
        font-size: 40px;
    }

    .ibanner .con .t2 {
        font-size: 16px;
    }

    #menu{
        left:1%;
    }



}

@media(max-width:1300px) {

    .bannerCon {
        left: 3%
    }

    .pagea-con2 .bannerCon .t,
    .pagea-con2 .bannerCon .t2 {
        width: 30%;
    }

    .pagea-con3 .bannerCon .t,
    .pagea-con3 .bannerCon .t2 {
        width: 28%;
        margin: 0 auto;
    }

    .home-title {
        font-size: 20px;
        background-size: 30px;
        padding-left: 40px;
    }

    .gj-left {
        width: 50%
    }

    .home-more {
        width: 140px;
        height: 42px;
        background-size: cover;
    }

    .home-more a {
        font-size: 14px;
        padding-left: 20px;
        background: url(../images/more-icon.png) no-repeat 103px;
        background-size: 30px;
    }

    .gj-left .home-more {
        margin-top: 60px;
    }


    .gp-right h1 {
        font-size: 36px;
    }

    .gp-left h3,
    .gp-left h4 {
        font-size: 14px;
    }

    .gp-left h2 {
        font-size: 18px;
    }

    .gj-gp {
        margin-top: 15px;
        padding: 20px 30px;
    }

    .about-bottom ul li p {
        font-size: 24px;
    }

    .about-bottom ul li p strong {
        font-size: 32px;
    }

    .about-bottom ul li span {
        font-size: 14px;
    }

    .about-bottom ul li div img {
        max-width: 40px
    }

    .fw-left li.fw1.active p,
    .fw-left li.fw1.active p {
        background-size: 30px;
    }

    .fw-left li.fw2 p,
    .fw-left li.fw2.active p {
        background-size: 26px;
    }

    .fw-left li span {
        font-size: 16px;
        margin-top: 8px;
    }

    .fw-left:after {
        left: 80px;
    }

    .fw-right {
        width: 52%;
    }

    .fw-title {
        padding: 20px;
    }

    .fw-title {
        font-size: 16px;
    }

    .swiper-button-prev-service,
    .swiper-button-next-service {
        width: 40px;
        height: 40px;
    }

    .hzhb-item {
        height: 80px;
    }

    .news-pic {
        height: 160px;
    }

    .news-title,
    .news-date {
        font-size: 16px;
    }

    .news-con {
        padding: 15px 20px;
        height: 120px;
    }

    .news-sum {
        font-size: 14px;
        margin-top: 10px;
    }

    .news-item-date p {
        font-size: 18px;
    }

    .news-item-title {
        font-size: 16px;
    }

    .news-rCon .news-sum {
        margin-top: 4px;
    }

    .news-item {
        height: 85px;
        padding: 15px 20px 15px 20px;
    }

    .news-item-date {
        margin-right: 15px;
        padding-right: 15px;
    }


    .swiper-button-prev-ztzl {
        background-size: 60px;
        left: -60px;
        width: 60px;
        height: 60px;
    }

    .swiper-button-next-ztzl {
        background-size: 60px;
        right: -60px;
        width: 60px;
        height: 60px;
    }
}

@media(max-width: 1280px) {


    .bannerCon .t {
        font-size: 45px;
    }

    .bannerCon .t2 {
        font-size: 30px;
    }

    .ibanner .con .t1 {
        font-size: 30px;
    }

    .ibanner .con .t2 {
        font-size: 16px;
    }
}

@media(max-width: 1200px) {
    #menu {
        display: none !important;
    }
}

@media(max-width: 1024px) {
    .gp-right h1 {
        font-size: 28px;
        padding-right: 0px;
    }

    .news-item-date {
        margin-right: 10px;
        padding-right: 10px;
        
    }

    .gj-right {
        width: 40%
    }

    .gj-left {
        width: 55%;
    }

    .gj-left .home-more {
        margin-top: 40px;
    }

    .about-bottom ul li p {
        font-size: 20px;
    }

    .about-bottom ul li p strong {
        font-size: 28px;
    }

    .about-bottom ul li div img {
        width: 29px;
    }

    .gp-right h1 {
        font-size: 30px;
    }

    .news-pic {
        height: 130px;
    }

    .news-title,
    .news-date,
    .news-item-title {
        font-size: 15px;
    }

    .news-item-date p {
        font-size: 16px;
    }

    .news-item {
        height: 82px;
    }

    .gj-gp {
        padding: 16px 20px;
    }

    .gp-right h1 {
        font-size: 28px;
        padding-right: 0px;
    }

    .gp-left h2 {
        font-size: 16px;
    }

    .news-item-date {
        width: 65px;
    }

    .news-item-title {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pagea-2 .swiper-slide .mbg {
        display: block;
    }

    .pagea-con2 .bannerCon .t,
    .pagea-con2 .bannerCon .t2 {
        width: 80%;
        margin: 0 auto;
    }

    .pagea-con2 .bannerCon .t2 {
        width: 70%;
        margin-top: 10px;
    }

    .pagea-con3 .bannerCon .t,
    .pagea-con3 .bannerCon .t2 {
        width: 80%;
        margin: 0 auto;
    }

    .home-sum {
        margin-top: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

   .swiper-containerpc{
       display:none;
   }

   .swiper-containersj{
       display:block !important;
   }

  .pagea,.pagea-2,.swiper-containersj,.swiper-wrapper,.swiper-containersj .swiper-slide,.mbg{
        height:100%;
    }

}





@media(max-width: 800px) {

    .homeBoxA,
    .homeBoxB,
    .homeBoxC {
        top: 53%
    }

    .bannerScroll {
        display: block;
    }

    .about-top {
        flex-wrap: wrap;
    }

    .gj-left {
        width: 100%;
    }

    .gj-right {
        width: 100%;
    }

    .gj-left .home-more {
        margin-top: 20px;
    }

    .home-more {
        width: 122px;
        height: 38px;
        background-size: cover;
    }

    .home-more a {
        padding-left: 20px;
        background: url(../images/more-icon.png) no-repeat 88px;
        background-size: 28px;
    }

    .gj-img {
        display: none
    }

    .gj-gp {
        margin-top: 20px;
    }

    .about-bottom ul {
        flex-wrap: wrap;

    }

    .about-bottom ul li div,
    .about-bottom ul li p {
        text-align: center;
    }

    .about-bottom ul li {
        width: 30%;
        margin-top: 15px;
    }

    .about-bottom ul li span {
        text-align: center;
        display: block;

    }

    .about-bottom {
        margin-top: 20px;
    }

    .about-bottom ul li p {
        font-size: 18px;

    }

    .about-bottom ul li div {
        height: 36px;
    }

    .about-bottom ul li p strong {
        font-size: 26px;
    }

    .swiper-button-prev-service,
    .swiper-button-next-service {
        display: none;
    }

    .fw-right {
        width: 100%;
        margin-top: 15px;
    }

    .fw-left {
        justify-content: space-between;
        width: 70%;
        margin: 0 auto;
    }

    .homeBoxB-a {

        margin: 0 auto;
        flex-wrap: wrap;
    }

    .fw-right li p {
        text-align: left;
        -webkit-line-clamp: 5;
    }


    .fw-left li {
        margin-right: 0px;
    }

    .hzhb-con {
        flex-wrap: wrap;
    }

    .hzhb-item {
        width: 32%;
        margin-bottom: 10px;
    }

    .news-left,
    .news-center {
        display: none;
    }

    .news-right {
        width: 100%;
    }

    .fw-title {
        padding: 12px;
        font-size:15px;
        line-height:1.5;
    }



    .swiper-news {
        display: block;
        margin-bottom: 6px;
    }

    .news-pic {
        height: 140px;
    }

    .news-right>.news-item:last-child {
        display: none;
    }

    .homeBoxB-b,.tm-top{
        margin-top:20px;
    }

    .hzhb-con,.homeBoxC-b{
        margin-top:15px;
    }



    .news-item{
        height: 70px;
        margin-bottom:4px;
    }

    .ztzl-con{
        margin-top:15px;
    }
    
    .gj-left{
        margin-top:0px;
    }

    .r-menu{
        right:15px;
   }

   .r-menu li{
        width:40px;
        height:40px;
    }

    .rmenu-con{
        display:none;
        right: 42px;
        width:125px;
        height:45px;
        background-size:cover;
        font-size:15px;
    }

    .r-menu li:hover .rmenu-con{    
        display:flex;
         right: 42px;
         width:125px;
        background-size:cover;
        font-size:15px;
     }

    .r-menu li:hover .rmenu-ewm{
       display:flex;
       width: 100px;
    }

}
@media (min-width: 1850px) and (max-width: 2000px) {
    .p4 {
        margin-top: 30px;
    }
}