@charset "utf-8";



body {

    width: 100%;


}

ul {
    
        list-style: none;
    
        padding: 0;
    
        margin: 0;
    
    
}

.container {

    max-width: 83.4%;

    width: 100%;

    margin: 0 auto;

}



@media(max-width:1024px) {

    .container {

        max-width: 94%;

    }

}



/**导航**/

.topHeader {

    position: relative;

}



.topNav {

    width: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    background-size: 100% 7px;

    z-index: 100;

    transform: translateX(-50%);

    padding-top: 30px;

}





.topNav .logo {

    float: left;

}

.topNav .logo img {
    width: 150px;
    height: auto;
}


.topNav .logo a .mrxs {

    display: block;

}



.topNav .logo a .xs {

    display: none;

}



.topNav.fixed-head .logo a .mrxs,
.mrxs.topNav.nobannerNav .logo a .mrxs {

    display: none;

}



.topNav.nobannerNav .logo a .mrxs {

    display: none;

}



.topNav.fixed-head .logo a .xs,
.topNav.nobannerNav .logo a .xs {

    display: block;

}

.topNav.nobannerNav .logo a .xs {

    display: block;

}



.topNavR {

    float: right;

}



.topNavR .menu {

    float: right;

    padding: 8px 0 0;

}



.topNavR .menu span {

    display: inline-block;

    color: #fff;

    font-size: 14px;

    padding-right: 30px;

    background: url(../images/menu.png) no-repeat right center;

}






.fixed-head .nav ul li>a,
.nobannerNav .nav ul li>a,
.nobannerNav .nav ul li>a {

    padding: 10px 0;

}







.subsearch {

    display: none;

    width: 330px;

    position: absolute;

    top: 15px;

    right: -30px;

    padding-top: 25px;

}



.subsearch form {

    background: rgba(255, 255, 255, 0.9);

    border-radius: 3px;

    padding: 15px 20px;

    position: relative;

    width: 100%;

    height: 50px;

}



.subsearch form:after {

    content: '';

    position: absolute;

    right: 36px;

    top: -8px;

    line-height: 0;

    border-width: 8px;

    border-color: rgba(255, 255, 255, 0.9);

    border-top-width: 0;

    border-style: dashed;

    border-top-style: solid;

    border-left-color: transparent;

    border-right-color: transparent;

}



.subsearch form input.inp {

    width: 100%;

    border: none;

    border-left: 2px solid #93969d;

    background: none;

    outline: none;

    padding-left: 10px;

}



.banner img.pic1 {

    display: block;

    width: 100%;

}



.banner img.pic2 {

    display: none;

}



.banner .swiper-pagination {

    bottom: 0;

    opacity: 0;

    position: absolute;

}



.banner .swiper-container-top .swiper-wrapper .swiper-slide {

    position: relative;

    display: inline-block;

}



.banner .swiper-container-top .swiper-wrapper .swiper-slide .z {

    position: absolute;

    right: 15%;

    top: 35%;

    left: auto;

    bottom: auto;

}



.banner .swiper-container-top .swiper-wrapper .swiper-slide .z .za {

    color: #0b74b6;

    font-size: 46px;

    margin-bottom: 15px;

    font-weight: bold;

}



.banner .swiper-container-top .swiper-wrapper .swiper-slide .z .zb {

    font-size: 20px;

    color: #0b74b6;

    text-transform: uppercase;

    margin-bottom: 33px;

}



.banner .swiper-container-top .swiper-wrapper .swiper-slide .z a {

    border: 1px solid #0b74b6;

    border-radius: 50px;

    padding: 18px 40px;

    display: inline-block;

    color: #0b74b6;

}



.banner .swiper-container-top .swiper-wrapper .swiper-slide .z a img {

    margin-left: 15px;

}



.banner .swiper-container-top .swiper-wrapper .swiper-slide .za .za {

    color: #ffffff;

}



.banner .swiper-container-top .swiper-wrapper .swiper-slide .za .zb {

    color: #ffffff;

}



.banner .swiper-container-top .swiper-wrapper .swiper-slide .za a {

    border: 1px solid #ffffff;

    color: #ffffff;

}



.banner .swiper-container-top {

    position: relative;

}



.banner .swiper-slide .con {

    position: absolute;

    width: 100%;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.banner .swiper-slide .con .t {

    font-size: 66px;

    color: #ffffff;

    font-weight: bold;

}



.banner .swiper-slide .con .c {

    font-size: 18px;

    color: #ffffff;

    text-transform: uppercase;

}



.banner .swiper-button-next,

.banner .swiper-button-prev {

    z-index: 100;

    position: absolute;

    left: auto;

    bottom: 8%;

    top: auto;

    right: auto;

    width: 52px;

    height: 52px;

    z-index: 1001;

    border-radius: 50%;

    border: 1px solid rgba(255, 255, 255, 0.65);

    transition: all 0.6s;

}



.banner .swiper-button-next {

    background: url(../images/qhnext.png) no-repeat center;

}



.banner .swiper-button-prev {

    background: url(../images/qhprev.png) no-repeat center;

}



.banner .swiper-button-next:hover {

    border-color: #3368c6;
    background: url(../images/qhnext.png) no-repeat center #3368c6;

}



.banner .swiper-button-prev:hover {

    border-color: #3368c6;

    background: url(../images/qhprev.png) no-repeat center #3368c6;

}



.banner .swiper-button-next {

    left: calc(8.33333% + 70px);

}



.banner .swiper-button-prev {

    left: 8.3333%;

}



.ssss {

    padding-right: 8.33333%;

    z-index: 1000;

    position: absolute;

    bottom: 8%;

    left: 0;

    width: 100%;

    text-align: center;

    text-align: right;

}

.sss {

    cursor: pointer;

    display: inline-block;

    position: relative;

    width: 20px;

    height: 20px;

}



.ssss .sss:after {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    width: 6px;

    height: 6px;

    background: #fff;

    border-radius: 100%;

    box-sizing: border-box;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-transition: background 0.3s ease;

    transition: background 0.3s ease;

}



.sss .circle {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

}



.sss .circle i {

    position: relative;

    float: left;

    width: 50%;

    height: 100%;

    overflow: hidden;

}



.sss .circle i::before {

    content: '';

    position: absolute;

    width: 200%;

    right: 0;

    top: 0;

    bottom: 0;

    border: 1px solid #fff;

    border-radius: 100%;

    box-sizing: border-box;

    clip: rect(0, 20px, 20px, 10px);

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg);

}



.sss .circle i:first-child::before {

    left: 0;

    right: auto;

    clip: rect(0px, 10px, 20px, 0px);

}



.sss.sss-active::before {

    background: #ff5a2b;

}



.sss.sss-active .circle i::before {

    -webkit-animation: circleR 5000ms linear both;

    animation: circleR 5000ms linear both;

}



.sss.sss-active .circle i:first-child::before {

    -webkit-animation-name: circleL;

    animation-name: circleL;

}



@-webkit-keyframes circleL {



    0%,

    50% {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg);

    }



    100% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

}



@-webkit-keyframes circleR {

    0% {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg);

    }



    50%,

    100% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

}



@keyframes circleL {



    0%,

    50% {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg);

    }



    100% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

}



@keyframes circleR {

    0% {

        -webkit-transform: rotate(-180deg);

        transform: rotate(-180deg);

    }



    50%,

    100% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

}



.topBanner {

    position: relative;

}



.topBanner .bannerDowm {

    width: 58px;

    height: 58px;

    background: url(../images/jtdown.png) no-repeat center #fff;

    position: absolute;

    left: 50%;

    margin-left: -29px;

    bottom: -29px;

    z-index: 100;

    border-radius: 50%;

    cursor: pointer;

}







/*.topBanner .swiper-slide-active .pcbg {

	-webkit-animation: haha2 5000ms linear both;

	animation: haha2 5000ms linear both;

}*/



@-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;

    }

}



@-webkit-keyframes haha2 {

    0% {

        transform: scale(1)
    }



    10% {

        transform: scale(1.01)
    }



    20% {

        transform: scale(1.02)
    }



    30% {

        transform: scale(1.03)
    }



    40% {

        transform: scale(1.04)
    }



    50% {

        transform: scale(1.05)
    }



    60% {

        transform: scale(1.06)
    }



    70% {

        transform: scale(1.07)
    }



    80% {

        transform: scale(1.08)
    }



    90% {

        transform: scale(1.09)
    }



    100% {

        transform: scale(1.1)
    }

}



/* 公用样式 */

.banner .swiper-slide .mainMore {

    margin-top: 30px;

    color: #fff;

}



.mainMore {

    cursor: pointer;

    transition: all 0.6s;

    font-size: 16px;

    color: #fff;

    line-height: 1;

    border: 1px solid rgba(255, 255, 255, 0.65);

    display: inline-block;

    padding: 18px 75px 18px 25px;

    position: relative;

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px;

}



.mainMoreA {

    color: #666666;

    border: 1px solid rgba(160, 160, 160, 0.65);

}



.mainMore span {

    display: inline-block;

    width: 20px;

    height: 12px;

    background: url(../images/jtb.png) no-repeat center/cover;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 25px;

}



.mainMore span {

    background: url(../images/jtlv.png) no-repeat center/cover;

}



.mainMoreC span {

    background: url(../images/jtb.png) no-repeat center/cover;

}



.mainMore:hover,

.mainMoreA:hover {

    background: #3368c6;

    border-color: #3368c6;

    color: #fff;

}



.mainMore:hover span {

    background: url(../images/jtb.png) no-repeat center/cover;

}

.mainMoreD {

    background: #3368c6;

    border-color: #3368c6;

    color: #fff;

}



.mainMoreD span {

    background: url(../images/jtb.png) no-repeat center/cover;

}



.mainTit .et {

    font-size: 16px;

    color: #3368c6;

    text-transform: uppercase;

    font-weight: 500;

}



.mainTit .t {

    font-size: 50px;

    color: #222222;

    font-weight: 500;

}



.mainTit .c {

    font-size: 16px;

    color: #666;

    margin-top: 15px;

    line-height: 1.8;

}



.alignC {

    text-align: center;

}



.mainTit.colorWhite .et,

.mainTit.colorWhite .t,

.mainTit.colorWhite .c {

    color: #fff;

}



@media(max-width:1680px) {

    .banner .swiper-slide .con .t {

        font-size: 42px;

    }



    .banner .swiper-slide .con .c {

        font-size: 16px;

    }



    .mainTit .t {

        font-size: 38px;

    }



    .mainMore {

        padding: 16px 70px 16px 20px;

    }



    .mainMore span {

        right: 20px;

    }



    .banner .swiper-slide .mainMore {

        margin-top: 20px;

    }

}



@media(max-width:1480px) {

    .banner .swiper-slide .con .t {

        font-size: 38px;

    }



    .banner .swiper-slide .con .c {

        font-size: 16px;

    }



    .mainTit .t {

        font-size: 32px;

    }



    .mainMore {

        padding: 16px 70px 16px 20px;

    }



    .mainMore span {

        right: 20px;

    }



    .banner .swiper-slide .mainMore {

        margin-top: 20px;

    }

}



@media(max-width:1024px) {

    .banner .swiper-slide .con .t {

        font-size: 32px;

    }



    .banner .swiper-slide .con .c {

        font-size: 16px;

    }



    .mainMore {

        padding: 14px 60px 14px 20px;

    }



    .mainMore span {

        right: 20px;

    }



    .banner .swiper-slide .mainMore {

        margin-top: 20px;

    }



    .banner .swiper-button-next {

        left: calc(3% + 60px);

    }



    .banner .swiper-button-prev {

        left: 3%;

    }



    .banner .swiper-button-next,

    .banner .swiper-button-prev {

        width: 42px;

        height: 42px;

    }



    .topNav {

        padding-top: 15px;

    }



    .topNavR,

    .topNav-a {

        display: none;

    }



    .mainTit .et {

        font-size: 14px;

    }



    .mainTit .t {

        font-size: 24px;

    }



    .mainTit .c {

        margin-top: 10px;

    }



    .banner img.pic2 {

        display: block;

        width: 100%;

    }



    .banner img.pic1 {

        display: none;

    }





}



@media(max-width:450px) {

    .banner .swiper-slide .con .t {

        font-size: 24px;

    }



    .banner .swiper-slide .con .c {

        font-size: 14px;

    }



    .mainTit .et {

        font-size: 14px;

    }



    .mainTit .t {

        font-size: 20px;

    }

}





.nav {

    margin-right: 0px;

}



.nav ul li {

    float: left;

    margin-right: 56px;

    font-family: SourceHanSansCN-Medium;

}



.nav ul li:last-child {

    margin-right: 0;

}



.nav ul li span {

    font-size: 12px;

    vertical-align: top;

    font-family: SourceHanSansCN-Medium;

}



.nav ul li:hover a,

.nav ul li.cur>a {

    color: #3368c6;

}



.nav ul li>a {

    font-size: 16px;

    color: #ffffff;

    padding: 10px 0;

    display: inline-block;

    font-family: SourceHanSansCN-Medium;

}



.nav ul li:nth-child(8) {

    margin-right: 0;

}





.nav ul li {

    position: relative;

}



.nav ul li .navSub {

    position: absolute;

    left: 0;

    background: #f4f5f5;

    top: 38px;

    display: none;

    padding: 15px 0;

    border-radius: 6px;

    width: 144px;

    left: 50%;

    margin-left: -72px;

    text-align: center;

}



.fixed-head .nav ul li .navSub,
.nobannerNav .nav ul li .navSub {

    top: 38px;

}



.nav ul li .navSub dd a {

    font-size: 14px;

    color: #333333;

    margin-bottom: 16px;

}





.nav ul li .navSub dd:hover a {

    color: #3368c6;

}



.nav ul li:hover .navSub {

    display: block;

}



.nav ul li .navSub dd {

    margin-bottom: 16px;

}



.nav ul li .navSub dd:last-child {

    margin-bottom: 0;

}



.nav ul li .navSub dd a {

    position: relative;

    z-index: 10;

}



.nav ul li .navSub dd .sub {

    background: #fff;

    padding: 10px 20px;

    width: 180px;

    display: none;

    position: absolute;

    top: -10px;

    left: 160px;

}



.nav ul li .navSub dd .sub a {

    padding: 10px 0;

    color: #333;

}



.nav ul li .navSub dd .sub a:hover {

    color: #f11053;

}



.nav ul li .navSub dd:hover .sub {

    display: block;

}













/*手机导航*/

.mh {

    display: none;

}



.mheader {

    padding: 15px 0.3rem;

    box-sizing: border-box;

    height: 60px;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 100;

    background: #fff;

    width: 100%;

    background: #fff;

}



.mheader .logo img {

    width: auto;

    height: 30px;

}



.mh .menu {

    position: relative;

    z-index: 1000000000000000000000;

    float: right;

    margin-top: 5px;

    -webkit-transition: all 800ms;

    -moz-transition: all 800ms;

    -ms-transition: all 800ms;

    -o-transition: all 800ms;

    transition: all 800ms;

}



.mh .menu span {

    width: 28px;

    display: block;

    height: 3px;

    margin-bottom: 6px;

    background: #000000;

    -webkit-transition: all 800ms;

    -moz-transition: all 800ms;

    -ms-transition: all 800ms;

    -o-transition: all 800ms;

    transition: all 800ms
}



.g-wp {

    -webkit-transition: all 800ms;

    -moz-transition: all 800ms;

    -ms-transition: all 800ms;

    -o-transition: all 800ms;

    transition: all 800ms
}



.m-nav {

    width: 100%;

    height: 100%;

    right: -100%;

    top: 0;

    background: #222222;

    position: fixed;

    transform: translateZ(0px) rotate(0deg);

    transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99);

    z-index: 1000;

}



.m-nav dl dt {

    width: 100%;

    border-bottom: 1px solid rgba(204, 204, 204, 0.4);

}



.m-nav dl dt img.close {

    float: right;

    margin: 10px 2%;

    width: 30px;

    height: auto;

}



.m-nav dl dt h1 {

    float: left;

    margin: 10px 2%;

    width: 150px;

    height: auto;

}



.m-nav dl dd {

    position: relative;

    line-height: 60px;

    width: 100%;

    border-bottom: 1px solid rgba(204, 204, 204, 0.4);

}



.m-nav dl dd a {

    color: #fff;

    display: block;

    padding: 0 3%;

    font-size: 16px;

    position: relative;

}



.m-nav dl dd a.inline {

    display: inline-block;

    width: 50%;

    text-align: center;

}



.m-nav dl dd a img {

    float: right;

    display: block;

    margin: 24px 0;

}



.headerBox-ul {

    position: relative;

    overflow-y: auto;

    height: 100%;

}



.headerBox-li.on {

    left: 0;

}



.headerBox-li {

    position: absolute;

    top: 0;

    left: 100%;

    width: 100%;

    background: #fff;

    height: 100%;

}



.headerBox-ul {

    position: absolute;

    top: 75px;

    overflow-y: auto;

    height: 100%;

}



.sq_timer_800ms {

    -webkit-transition: all 800ms;

    -moz-transition: all 800ms;

    -ms-transition: all 800ms;

    -o-transition: all 800ms;

    transition: all 800ms;

}



.headerBox-li-item .headerBox-li-back {

    background: rgba(255, 84, 44, 0.68);

}



.headerBox li {

    position: relative;

    line-height: 46px;

    width: 100%;

    border-bottom: 1px solid #f2f2f2;

}



.headerBox-li-item .headerBox-li-back a {

    color: #fff;

}



.headerBox a {

    display: block;

    padding: 0 8%;

    font-size: 15px;

    position: relative;

    color: #333;

}



.headerBox-li-item .headerBox-li-back span {

    cursor: pointer;

    font-size: 13px;

    color: #fff;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    padding: 0 6%;

    background: rgba(255, 84, 44, 0.8);

}



body.z-open .m-nav {

    transform: translate3d(-100%, 0, 0);

    -webkit-transform: translate3d(-100%, 0, 0);

}



body.z-open .g-wp {

    transform: translate3d(-65%, 0, 0);

    -webkit-transform: translate3d(-65%, 0, 0);

}



.u-mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .5;

    z-index: 999;

}





.banner {

    position: relative;

    background: #f9f9f9;

}



.banner .banner-A {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    left: 0;

}



.banner .banner-A .z {

    color: #fff;

    font-size: 18px;

    font-family: "Arial";

    margin-bottom: 0px;

    text-transform: uppercase;

}



.z-A {

    font-size: 66px;

    color: #fff;

    font-weight: bold;

}



.banner .banner-B {

    position: absolute;

    width: 100%;

    right: 0;

    bottom: 23px;

    text-align: right;

}



.banner .banner-B a {

    display: inline-block;

    color: #dee0de;

    font-size: 14px;

}



.banner .banner-B span {

    display: inline-block;

    color: #dee0de;

    padding-left: 7px;

    padding-right: 7px;

    font-size: 14px;

    padding-top: 2px;

}



@media(max-width:1680px) {

    .banner .banner-A .z {

        font-size: 16px;

    }



    .z-A {

        font-size: 52px;

    }

}



@media(max-width:1480px) {

    .z-A {

        font-size: 48px;

    }

}



@media(max-width:1280px) {

    .z-A {

        font-size: 42px;

    }

}



@media(max-width:1024px) {

    .z-A {

        font-size: 32px;

    }



    .banner .banner-A {

        top: 64%;

    }



    .topHeader .menu {

        display: block;

    }

}



@media(max-width:500px) {

    .z-A {

        font-size: 24px;

    }



    .banner .banner-A {

        top: 68%;

    }

}



a,

img {

    vertical-align: top;

}



/* 首页内容部分 */

.homeBox {

    background: #f0f6f6;

}



.homeBoxA {

    padding: 110px 0 320px;

    background: url(../images/homebga.jpg) no-repeat top center #f0f6f6;

    background-size: 100% auto;

}



.homeBoxA-a {

    position: relative;

}



.homeBoxA-b {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 48%;

}



.homeBoxA-b .con {

    font-size: 17px;

    color: #666666;

    line-height: 2;

    text-align: justify;

    margin: 30px 0 100px;

}



.homeBoxA-c {

    float: right;

    width: 43.75%;

}



.homeBoxA-e {

    margin-top: 100px
}



.homeBoxA-f {

    float: left;

    width: 32.5%;

}



.homeBoxA-f .mainMore {

    margin-top: 40px;

}



.homeBoxA-g {

    float: right;

    width: 67%;

}



.homeBoxA-g .swiper-slide {

    width: 335px;

    padding: 0 5px;

}



.homeBoxA-g .swiper-slide .img {

    border: 1px solid #ccc;

}



.homeBoxA-g .swiper-slide img {

    transition: all 0.3s;

    width: 100%;

}



.homeBoxA-g .swiper-slide:hover img {

    transform: scale(0.9);

}



.homeBoxA-g .swiper-slide:hover {

    border-color: #3368c6;

}



@media(max-width:1780px) {

    .homeBoxA-b .con {

        margin: 20px 0 60px;

    }

}



@media(max-width:1480px) {

    .homeBoxA-b .con {

        font-size: 16px;

        line-height: 1.8;

        margin: 20px 0 40px;

    }



    .homeBoxA {

        padding: 80px 0 280px;

    }



    .homeBoxA-e {

        margin-top: 80px
    }



    .homeBoxA-g .swiper-slide {

        width: 280px;

    }



    .homeBoxA-f .mainMore {

        margin-top: 30px;

    }

}



@media(max-width:1280px) {

    .homeBoxA-b .con {

        font-size: 15px;

        line-height: 1.6;

        margin: 10px 0 20px;

    }

}



@media(max-width:1024px) {

    .homeBoxA {

        padding: 60px 0 280px;

    }



    .homeBoxA-b {

        width: 100%;

        float: left;

        position: relative;

        top: 0;

        transform: translateY(0);

    }



    .homeBoxA-c {

        width: 100%;

        margin-top: 30px;

    }



    .homeBoxA-b .con {

        font-size: 16px;

        line-height: 1.8;

        margin: 20px 0 30px;

    }



    .homeBoxA-e {

        margin-top: 30px
    }



    .homeBoxA-f .mainTit {

        float: left;

    }



    .homeBoxA-f .mainMore {

        margin-top: 0px;

        float: right;

    }



    .homeBoxA-f {

        width: 100%;

    }



    .homeBoxA-g {

        width: 100%;

        margin-top: 30px;

    }



    .homeBoxA-g .swiper-slide {

        padding: 0;

    }

}



@media(max-width:450px) {

    .homeBoxA-g .swiper-slide {

        width: 200px;

    }

}



.homeBoxB {

    position: relative;

    z-index: 100;

    margin-top: -320px;

}



.homeBoxB-a {

    padding: 40px 2%;

    background: #fff;

    border-top-left-radius: 30px;

    border-bottom-right-radius: 30px;

    position: absolute;

    bottom: 0;

    transform: translate(-50%, 30%);

    left: 50%;

}



.homeBoxB-a ul li {

    padding: 0 3%;

    float: left;

    width: 25%;

    text-align: center;

    position: relative;

}



.homeBoxB-a ul li .num {

    display: inline-block;

    position: relative;

    font-family: "Arial";

    font-size: 80px;

    color: #3368c6;

    /*background: #e2f2e6;*/

    line-height: 1;

    /*padding:0px 20px;*/

    /*border-top-left-radius: 40px;*/

    /*border-bottom-right-radius: 40px;*/

}



.homeBoxB-a ul li .num:after,

.homeBoxB-a ul li .num:before {

    position: absolute;

    content: '';

}



.homeBoxB-a ul li .num:after {

    width: 31px;

    height: 22px;

    background: url(../images/homebg2.png) no-repeat center/cover;

    left: 50%;

    margin-left: 30px;

    top: -2px;

}



.homeBoxB-a ul li .num:before {

    width: 96px;

    height: 70px;

    background: url(../images/homebg3.png) no-repeat center/cover;

    left: 50%;

    top: 50%;
    transform: translate(-50%, -50%);

}



.homeBoxB-a ul li .con .t {

    font-size: 26px;

    color: #333333;

    margin: 15px 0;

}



.homeBoxB-a ul li .con .c {

    min-height: 76px;

    margin: 0 auto;

    max-width: 250px;

    font-size: 14px;

    color: #666666;

    line-height: 1.8;

}



.homeBoxB-a ul li:after {

    content: '';

    width: 1px;

    height: 100%;

    position: absolute;

    right: 0;

    top: 48%;

    transform: translateY(-50%);

    background: #ddd;

}



.homeBoxB-a ul li:last-child::after {

    display: none;

}



@media(max-width:1920px) {

    .homeBoxB-a {

        padding: 40px 1%;

    }

}



@media(max-width:1580px) {

    .homeBoxB-a {

        padding: 40px 1%;

    }



    .homeBoxB-a ul li .num {

        font-size: 60px;

    }

    .homeBoxB-a ul li .num:after {

        margin-left: 20px;

        top: -12px;

    }



    .homeBoxB-a ul li .num:before {

        width: 74px;

        height: 50px;

    }



    .homeBoxB-a ul li .con .t {

        font-size: 24px;

    }



    .homeBoxB {

        margin-top: -230px;

    }

}



@media(max-width:1280px) {

    .homeBoxB-a {

        padding: 30px 10px;

    }



    .homeBoxB-a ul li {

        padding: 0 1%;

    }



    .homeBoxB-a ul li .num {

        font-size: 42px;

    }



    .homeBoxB-a ul li .con .t {

        font-size: 20px;

        margin: 10px 0 10px
    }



    .homeBoxB-a ul li .con .c {

        font-size: 13px;

    }

}



@media(max-width:1024px) {

    .homeBoxB-a {

        position: relative;

        bottom: 0;

        transform: translate(0);

        left: 0;

        margin: 30px auto;

    }



    .homeBoxB-a ul li {

        padding: 0 1%;

        width: 49%;

        margin: 10px 0;

    }



    .homeBoxB-a ul li:nth-child(2)::after {

        display: none;

    }

}



@media(max-width:560px) {

    .homeBoxB-a {

        padding: 20px 10px;

    }



    .homeBoxB-a ul li {

        width: 100%;

        margin: 10px 0;

    }



    .homeBoxB-a ul li::after {

        display: none;

    }



    .homeBoxB-a ul li .con .c {

        font-size: 13px;

        height: auto;

    }

}



.homeBoxC {

    padding: 180px 0 110px;

    background: #f3f9f9;

}



.homeBoxC-a .mainTit {

    float: left;

}



.homeBoxC-a .mainMore {

    float: right;

    margin-top: 20px;

}



.homeBoxC-b {

    margin-top: 40px;

}



.homeBoxC-c {

    transition: all 0.6s;

    float: left;

    width: 23.75%;

    background: #fff;

    position: relative;

}



.homeBoxC-d {

    padding: 35px 25px 45px;

    height: 100%;

    position: relative;

}



.homeBoxC-d .d,

.homeBoxC-f .d,

.homeBoxC-b ul li .d {

    font-size: 15px;

    color: #3368c6;

}



.homeBoxC-d .t,

.homeBoxC-f .t,

.homeBoxC-b ul li .t {

    font-size: 20px;

    color: #333333;

    line-height: 1.8;

    margin: 15px 0 25px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}



.homeBoxC-d .c {

    font-size: 14px;

    color: #666666;

    line-height: 2;

    max-height: 168px;

    overflow: hidden;

}



.homeBoxC-d .more,

.homeBoxC-b ul li .more {

    position: absolute;

    left: 25px;

    bottom: 8%;

    font-size: 14px;

    color: #666666;

    display: inline-block;

    padding-right: 28px;

    background: url(../images/jtlv.png) no-repeat right center;

}



.homeBoxC-e {

    float: right;

}



.borderRadius {

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px;

}

.newsletter {
    display: flex;
    flex-wrap: wrap;
}

.newsletter .borderRadius:nth-of-type(4) {
    margin-right: 0;
}




.homeBoxC-c:hover,

.homeBoxC-b ul li:hover {

    background: #3368c6;

}



.homeBoxC-c:hover .homeBoxC-d .t,

.homeBoxC-c:hover .homeBoxC-d .d,

.homeBoxC-c:hover .homeBoxC-d .c,

.homeBoxC-c:hover .homeBoxC-d .more,

.homeBoxC-b ul li:hover .t,

.homeBoxC-b ul li:hover .d,

.homeBoxC-b ul li:hover .more {

    color: #fff !important;

}



.homeBoxC-c:hover .homeBoxC-d .more,

.homeBoxC-b ul li:hover .more {

    background: url(../images/jtb.png) no-repeat right center;

}



.homeBoxC-f {

    float: left;

    width: 49.375%;

    margin-left: 1.25%;

}



.homeBoxC-f a {

    display: block;

    height: 100%;

    position: relative;

}



.homeBoxC-f .con {

    padding-left: 30px;

    position: absolute;

    left: 0;

    bottom: 8%;

    width: 100%;

}



.homeBoxC-f .mb {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: url(../images/mb.png) no-repeat center/cover;

}



.homeBoxC-f .t,

.homeBoxC-f .d {

    color: #fff;

    max-width: 430px;

}



.homeBoxC-c,

.homeBoxC-f {

    height: 22.5vw;

    overflow: hidden;

}



.homeBoxC-b ul li {

    margin-top: 1.25%;

    background: #fff;

    padding: 30px 20px;

    float: left;

    width: 24.0625%;

    margin-right: 1.25%;

}



.homeBoxC-b ul li .t {

    height: 72px;

    overflow: hidden;

}



.homeBoxC-b ul li .more {

    position: relative;

    left: 0;

    bottom: 0;

}



.homeBoxC-b ul li:last-child {

    margin-right: 0;

}







@media(max-width:1850px) {



    .homeBoxC-d .t,

    .homeBoxC-f .t,

    .homeBoxC-b ul li .t {

        font-size: 18px;

        margin: 10px 0 15px;

    }



    .homeBoxC-d .c {

        font-size: 14px;

        line-height: 1.8;

        max-height: 126px;

    }

}



@media(max-width:1580px) {

    .homeBoxC-d {

        padding: 25px 20px 30px;

    }



    .homeBoxC-f .con {

        padding-left: 20px;

    }



    .homeBoxC-d .c {

        font-size: 14px;

        line-height: 1.8;

        max-height: 100px;

    }



    .homeBoxC {

        padding: 150px 0 80px;

    }

}



@media(max-width:1380px) {

    .homeBoxC-d {

        padding: 20px 20px 30px;

    }



    .homeBoxC-d .t,

    .homeBoxC-f .t,

    .homeBoxC-b ul li .t {

        font-size: 16px;

        line-height: 1.5;

        margin: 5px 0 10px;

    }



    .homeBoxC-d .c {

        font-size: 14px;

        line-height: 1.6;

        max-height: 75px;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 3;

    }

}



@media(max-width:1024px) {



    .homeBoxC-d,

    .homeBoxC-b ul li {

        padding: 20px;

    }



    .homeBoxC-c {

        height: auto;

    }



    .homeBoxC-d .more {

        position: relative;

        margin-top: 30px;

        left: 0;

    }



    .homeBoxC-b {

        margin-top: 20px;

    }



    .homeBoxC-c,

    .homeBoxC-b ul li {

        width: 49%;

        margin-right: 0;

        margin-toP: 20px;

    }



    .homeBoxC-b ul li:nth-child(2n) {

        float: right;

    }



    .homeBoxC-f {

        width: 100%;

        margin-top: 20px;

        height: 48vw;

    }



    .homeBoxC-b ul li .t {

        height: 48px;

        overflow: hidden;

    }



    .homeBoxC {

        padding: 20px 0 80px;

    }

}



@media(max-width:500px) {

    .homeBoxC-b {

        margin-top: 20px;

    }



    .homeBoxC-c,

    .homeBoxC-b ul li {

        margin-top: 0;

        width: 100%;

        margin-bottom: 20px;

    }



    .homeBoxC-f {

        width: 100%;

        margin-top: 0px;

        margin-bottom: 20px;

        height: 48vw;

    }



    .homeBoxC-f .con {

        padding-left: 12px;

    }



    .homeBoxC {

        padding: 10px 0 30px;

    }

}

























/**底部**/

.footter {

    background: #222222;

    padding: 69px 0 80px;

}



.footter .footter-A {

    margin-left: 103px;

    float: left;

}



.footter .footter-A dl {

    float: left;

    margin-right: 52px;

}



.footter .footter-A dl:last-child {

    margin-right: 0;

}



.footter .footter-A dl dt {

    margin-bottom: 22px;

}



.footter .footter-A dl dt a {

    font-size: 16px;

    color: #ffffff;

}



.footter .footter-A dl dd a {

    font-size: 14px;

    color: #868686;

}



.footter .footter-A dl dd {

    margin-bottom: 14px;

}



.footter .footter-A dl dd:last-child {

    margin-bottom: 0;

}



.footter .footter-B {

    float: right;

    padding-right: 98px;

    text-align: right;

}



.footter .footter-B .f-logo {

    margin-bottom: 54px;

}



.footter .footter-B .w-icon {

    margin-bottom: 28px;

}



.footter .footter-B .w-icon a {

    float: right;

    margin-right: 16px;

}



.footter .footter-B .w-icon a:first-child {

    margin-right: 0;

}



.footter .footter-B .bah {

    line-height: 22px;

    font-size: 12px;

    color: #4e4e4e;

}







.nr {

    background: #f9f9f9;

    padding: 66px 0 84px;

}



.nr .left {

    background: #ffffff;

    width: 72%;

    padding: 59px 70px 59px 51px;

    margin-right: 2%;

    float: left;

}



.bt {

    font-size: 30px;

    color: #333333;

    font-weight: bold;

}



.nr .left .sj .sj-l {

    float: left;

    color: #3368c6;

    font-size: 14px;

    background: url(../images/fx-sj.png) no-repeat left 22px;

    padding: 19px 0 35px 19px;

}



.nr .left .sj .sj-r {

    float: left;

    margin-left: 28px;

    position: relative;

    padding: 19px 0 35px 19px;



}



.nr .left .sj .sj-r .sj-ra {

    color: #3368c6;

    font-size: 14px;

    padding-left: 19px;

    background: url(../images/fx-fx.png) no-repeat left 3px;

}



.nr .left .sj .sj-r .sj-rb {

    padding: 19px 30px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    border-radius: 5px;

    position: absolute;

    bottom: -40px;

    min-width: 282px;

    background: #ffffff;

    display: none;

}



.nr .left .sj .sj-r .sj-rb a {
    float: left;
    margin-right: 25px;
    width: 26px;
    height: 22px;
}

.bsBox {

    overflow: hidden !important;

    box-sizing: border-box;
}

.bsTop {

    width: 208px !important;
}

.bsFrameDiv img {
    width: 165px !important;
    height: 165px !important;
}

.bsFrameDiv {
    width: 208px !important;
    height: 208px !important;

}

.nr .left .sj .sj-r .sj-rb a.bshare-sinaminiblog {
    background: url(../images/fx1.jpg) no-repeat center;
}

.nr .left .sj .sj-r .sj-rb a.bshare-weixin {
    background: url(../images/fx2.jpg) no-repeat center;
}

.nr .left .sj .sj-r .sj-rb a.bshare-qzone {
    background: url(../images/fx3.jpg) no-repeat center;
}

.nr .left .sj .sj-r .sj-rb a.bshare-qqim {
    background: url(../images/fx4.jpg) no-repeat center;
}

.nr .left .sj .sj-r .sj-rb a:last-child {
    margin-right: 0;
}

.nr .left .sj .sj-r:hover .sj-rb {
    display: block;
}

.nr .left .zw p {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    text-align: justify;
    text-justify: inter-ideograph;
}

.nr .left .xwxqan {
    margin-top: 46px;
    padding-top: 37px;
    border-top: 1px solid #eeeeee;
}

.nr .left .xwxqan .xwxqan-l {
    float: left;
}

.nr .left .xwxqan .xwxqan-l .xwxqan-ll {
    float: left;
    border: 1px solid #c1c1c1;
    border-radius: 23px 0 23px 0;
}

.nr .left .xwxqan .xwxqan-l .xwxqan-ll a {
    color: #666666;
    font-size: 16px;
    display: inline-block;
    padding: 15px 30px 15px 51px;
    background: url(../images/xwxqan-ll-l.png) no-repeat left 20px center;
}

.nr .left .xwxqan .xwxqan-l .xwxqan-ll:hover a {
    color: #ffffff;
    background: url(../images/xwxqan-ll-b.png) no-repeat left 20px center;
}

.nr .left .xwxqan .xwxqan-l .xwxqan-ll:hover {
    background: #3368c6
}

.nr .left .xwxqan .xwxqan-l .xwxqan-lll {
    float: left;
    border: 1px solid #c1c1c1;
    border-radius: 23px 0 23px 0;
    margin-left: 19px;
}

.nr .left .xwxqan .xwxqan-l .xwxqan-lll a {
    color: #666666;
    font-size: 16px;
    display: inline-block;
    padding: 15px 51px 15px 30px;
    background: url(../images/jt1.png) no-repeat right 20px center;
}

.nr .left .xwxqan .xwxqan-l .xwxqan-lll:hover a {
    color: #ffffff;
    background: url(../images/yc-2.png) no-repeat right 20px center;
}

.nr .left .xwxqan .xwxqan-l .xwxqan-lll:hover {
    background: #3368c6
}

.nr .left .xwxqan .xwxqan-r {
    float: right;
    border: 1px solid #c1c1c1;
    border-radius: 23px 0 23px 0;
}

.nr .left .xwxqan .xwxqan-r a {
    color: #666666;
    font-size: 16px;

    padding: 15px 51px 15px 30px;

    display: inline-block;

    background: url(../images/red.png) no-repeat right 20px center;

}



.nr .left .xwxqan .xwxqan-r:hover a {

    color: #ffffff;

    background: url(../images/yc-2.png) no-repeat right 20px center;

}



.nr .left .xwxqan .xwxqan-r:hover {

    background: #3368c6
}



.nr .right {

    float: right;

    width: 26%;

}



.nr .right ul li {

    background: #ffffff;

    padding: 18px 18px 30px 18px;

    margin-bottom: 20px;

}



.nr .right ul li .img {

    margin-bottom: 29px;

}



.nr .right ul li .z .z-a {

    font-size: 15px;

    color: #3368c6;

    margin-bottom: 16px;

}



.nr .right ul li .z .z-b {

    font-size: 20px;

    color: #333333;

    margin-bottom: 25px;

    font-weight: bold;

    line-height: 28px;

}



.nr .right ul li:hover .z .z-b {

    color: #3368c6;

}



.nr .right ul li .z .z-c {

    width: fit-content;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    font-size: 16px;

    color: #666666;

    padding-right: 27px;

    background: url(../images/jt1.png) no-repeat right 6px;

}



.nr .right ul .mrl {

    background: #3368c6;

    padding: 46px 30px;

}



.nr .right ul .mrl .z .z-a {

    color: #ffffff;

}



.nr .right ul .mrl .z .z-b {

    color: #ffffff;

    margin-bottom: 31px;

}



.nr .right ul .mrl .z .z-cc {

    color: #ffffff;

    font-size: 20px;

    margin-bottom: 25px;

    font-weight: bold;

    line-height: 28px;

}



.nr .right ul .mrl .z .z-d {

    color: #ffffff;

    font-size: 14px;

    line-height: 28px;

    height: 84px;

    margin-bottom: 20px;

    text-align: justify;

    text-justify: inter-ideograph;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.nr .right ul .mrl .z .z-c {

    color: #ffffff;

    background: url(../images/yc-2.png) no-repeat right 6px;

}



@media(max-width:1480px) {

    .nr .left {

        padding: 30px 20px;

    }



    .nr .left .bt {

        font-size: 24px;

    }



    .nr .right ul .mrl {

        padding: 30px 20px;

    }

}



@media(max-width:1280px) {

    .nr .right ul .mrl {

        padding: 20px 10px;

    }



    .nr .left .bt {

        font-size: 20px;

    }



    .nr .right ul li .z .z-b,

    .nr .right ul .mrl .z .z-cc {

        font-size: 18px;

        margin-bottom: 10px;

    }



    .nr .right ul li .img {

        margin-bottom: 10px;

    }



    .nr .right ul li .z .z-a {

        margin-bottom: 10px;

    }

}



@media(max-width:1024px) {

    .nr {

        padding: 30px 0 50px;

    }



    .nr .left {

        width: 100%;

    }



    .nr .right {

        display: none;

    }



    .nr .left .xwxqan {

        margin-top: 20px;

        padding-top: 20px;

    }

}



@media(max-width:650px) {

    .nr .left .xwxqan .xwxqan-r {

        display: none;

    }

}



@media(max-width:400px) {

    .nr .left .xwxqan .xwxqan-l .xwxqan-ll a {

        padding: 12px 20px 12px 42px;

    }



    .nr .left .xwxqan .xwxqan-l .xwxqan-lll a {

        padding: 12px 42px 12px 20px;

    }

}







/**联系我们**/

.obc {

    padding: 85px 0 38px;

}



.obc .left {

    float: left;

}



.e {

    font-size: 16px;

    color: #3368c6;

    text-transform: uppercase;

}



.right {

    float: right;

}



.right .right-a {

    float: left;

    font-size: 16px;

    color: #666666;

    padding: 16px 43px;

    border: 1px solid #c1c1c1;

    margin-right: 14px;

}



.right .right-a:last-child {

    margin-right: 0;

}



.right .cur {

    background: #3368c6;

    color: #ffffff;

    border: none;

}



.bgdd .qj .jb .right {

    float: right;

    width: 41.6%;

}



.bgdd .qj .jb {

    position: relative;

}



.bgdd .qj .jb .bz {

    position: absolute;

    top: 0;

    background: url(../images/bgdd-a.jpg) no-repeat center center/cover;

    height: 100%;

    width: 58.4%;

}



.bgdd .qj .jb .right img {

    display: block;

}



.bgdd .qj .jb .bz .bz_a {

    position: absolute;

    background: #ffffff;

    border-radius: 23px 0 23px 0;

    left: 14%;

    top: 50%;

    transform: translateY(-50%);

    min-width: 450px;

}



.bgdd .qj .jb .bz .bz_a .bz-a {

    font-size: 22px;

    color: #3368c6;

    font-weight: bold;

    padding: 30px 249px 30px 41px;

    border-bottom: 1px solid #eeeeee;

}



.bgdd .qj .jb .bz .bz_a .bz-b {

    padding: 35px 112px 40px 40px;

}



.bgdd .qj .jb .bz .bz_a .bz-c {

    background: url(../images/bgdd-icon.png) no-repeat left 3px;

    padding-left: 34px;

    font-size: 18px;

    color: #666666;

    margin-bottom: 18px;

}



.bgdd .qj .jb .bz .bz_a .bz-d {

    background: url(../images/bgdd-icon1.png) no-repeat left 3px;

    padding-left: 34px;

    font-size: 18px;

    color: #666666;

}



.bgdd .qj .jb .bz .bz_a .bz-e {

    background: url(../images/bgdd-icon2.png) no-repeat left 3px;

    padding-left: 34px;

    font-size: 18px;

    color: #666666;

    margin-bottom: 0;

}



.bgdd .qj .jb .bz .bz_a .bz-f {

    margin-top: 47px;

}



@media(max-width:1780px) {

    .bgdd .qj .jb .bz .bz_a .bz-a {

        padding: 20px 30px;

    }



    .bgdd .qj .jb .bz .bz_a .bz-b {

        padding: 30px 3% 30px 20px;

    }



    .bgdd .qj .jb .bz .bz_a .bz-f {

        margin-top: 30px;

    }



}



@media(max-width:1480px) {

    .bgdd .qj .jb .bz .bz_a .bz-a {

        padding: 15px 20px;

    }



    .bgdd .qj .jb .bz .bz_a .bz-b {

        padding: 20px 4% 20px 20px;

    }



    .bgdd .qj .jb .bz .bz_a .bz-c {

        font-size: 16px;

        margin-bottom: 10px;

    }



    .bgdd .qj .jb .bz .bz_a .bz-f {

        margin-top: 20px;

    }



    .obc {

        padding: 65px 0 30px;

    }



}



@media(max-width:1280px) {

    .bgdd .qj .jb .bz .bz_a .bz-a {

        padding: 15px 20px;

        font-size: 18px;

    }



    .bgdd .qj .jb .bz .bz_a .bz-b {

        padding: 20px 4% 20px 20px;

    }



    .bgdd .qj .jb .bz .bz_a .bz-c {

        font-size: 14px;

        margin-bottom: 10px;

    }



    .bgdd .qj .jb .bz .bz_a .bz-f {

        margin-top: 20px;

    }

}



@media(max-width:1024px) {

    .bgdd .qj .jb .bz {

        width: 100%;

        float: left;

        position: relative;

        top: 0;

    }



    .bgdd .qj .jb .right {

        width: 100%;

    }



    .obc {

        padding: 35px 0 20px;

    }

}



@media(max-width:600px) {

    .bgdd .qj .jb .bz .img {

        display: none;

    }



    .bgdd .qj .jb .bz .bz_a {

        position: relative;

        left: 0;

        top: 0;

        transform: translate(0);

        border-radius: 0;

    }



    .bgdd .qj .jb .right {

        width: 100%;

    }



    .contact .right {

        width: 100%;

        margin-top: 20px;

    }

}











/**新闻中心**/

.xwzx .xwza-A {

    padding: 70px 0 40px;

}



.xwzx .xwza-A .left {

    float: left;

}



.xwzx .xwza-A .right {

    padding-top: 9px;

}





.ggthA-c {

    position: relative;

}



.ggthA-c {

    border: 1px solid #e2e2e2;

    width: 17%;

    float: left;

}



.ggthA-c select {

    cursor: pointer;

    position: relative;

    width: 100%;

    font-size: 16px;

    color: #666666;

    background: #f8f8f8;

    padding: 0 20px;

    background: none;

    border: none;

    height: 48px;

    border-radius: 40px;

}



.ggthA-c:after {

    content: '';

    width: 50px;

    height: 48px;

    background: url(../images/xwzx-xv.png) no-repeat center #f9f9f9;

    position: absolute;

    right: 1px;

    top: 50%;

    margin-top: -24px;

    z-index: 100;

    display: block;

}



.ggthA-d {

    position: relative;

    float: right;

    width: 81%;

}



.ggthA-d .inp,

.ggthA-c input {

    background: url(../images/ggtha.png) no-repeat 30px center;

    width: 100%;

    font-size: 16px;

    color: #666666;

    padding-left: 70px;

    height: 50px;

    border: 1px solid #e2e2e2;

}



.ggthA-d .inp {

    padding-left: 20px;

    background: none;

}



.ggthA-d .sub {

    position: absolute;

    top: 0;

    right: 0;

    background: url(../images/xwzx-fdj.png) no-repeat 45px center #3368c6;

    text-align: left;

    padding-left: 72px;

    width: 149px;

    font-size: 16px;

    color: #ffffff;

    cursor: pointer;

    height: 50px;

    border: 1px solid #8195b9;

}











.xwzx-B .ggthA-b {

    padding-bottom: 30px;

}



@media(max-width: 750px) {



    .ggthA-c,

    .ggthA-d {

        width: 100%;

    }



    .ggthA-d {

        margin-top: 15px;

    }



    .xwzx-B .ggthA-b {

        padding-bottom: 20px;

    }

}



.xwzx {

    background: #f9f9f9;

    padding-bottom: 78px;

}



.xwzx-B .xwks {

    background: #ffffff;

    padding: 20px 23px 20px 23px;

    margin-bottom: 28px;

}



.xwzx-B .xwks .left {

    margin-right: 51px;

    float: left;

    width: 45%;

}



.xwzx-B .xwks .left img {
    display: block;
}



.xwzx-B .xwks .right {

    float: left;

    width: 48%;

    margin-top: 52px;

}



.xwzx-B .xwks .right .righta {

    font-size: 15px;

    color: #3368c6;

    margin-bottom: 16px;

}



.xwzx-B .xwks .right .rightb {

    font-size: 22px;

    color: #333333;

    font-weight: bold;

    margin-bottom: 29px;

}



.xwzx-B .xwks:hover .right .rightb {

    color: #3368c6;

}



.xwzx-B .xwks .right .rightc {

    font-size: 14px;

    color: #666666;

    line-height: 27px;

    margin-bottom: 120px;

}



.xwzx-B .xwks .right .rightd {

    width: fit-content;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    font-size: 14px;

    color: #666666;

    background: url(../images/jt1.png) no-repeat right 5px;

    padding-right: 28px;

}



.xwzx-B .nrmk ul li {

    float: left;

    background: #ffffff;

    width: 32.1%;

    margin-right: 1.8%;

    margin-bottom: 29px;

    padding: 19px 22px 32px 22px;

}



.xwzx-B .nrmk ul li:nth-child(3n) {

    margin-right: 0;

}



.xwzx-B .nrmk ul li .z {

    margin-top: 30px;

}



.xwzx-B .nrmk ul li .z .za {

    font-size: 15px;

    color: #3368c6;

    margin-bottom: 17px;

}



.xwzx-B .nrmk ul li .z .zb {

    font-size: 20px;

    color: #333333;

    font-weight: bold;

    line-height: 30px;

    height: 60px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    margin-bottom: 10px;

}



.xwzx-B .nrmk ul li:hover .z .zb {

    color: #3368c6;

}



.xwzx-B .nrmk ul li .z .zc span {

    font-size: 14px;

    color: #666666;

    background: url(../images/jt1.png) no-repeat right 29px center;

    padding-right: 55px;

}



.xwzx-B .nrmk ul li .img {

    position: relative;
}



.xwzx-B .nrmk ul li .img .b-a {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.xwzx-B .nrmk ul li .img img {

    display: block;

}












@media(max-width:1480px) {

    .xwzx-B .nrmk ul li .z .zb {

        font-size: 18px;

        line-height: 24px;

        height: 48px;

    }



    .xwzx-B .nrmk ul li .z {

        margin-top: 20px;

    }



    .xwzx-B .nrmk ul li .z .za {

        margin-bottom: 10px;

    }



    .xwzx .xwza-A {

        padding: 50px 0 30px;

    }

}



@media(max-width:1024px) {

    /*.xwzx-B .xwks {

		display: none;

	}*/

    .xwzx-B .xwks .left {
        width: 100%;
        margin-right: 0;
    }

    .xwzx-B .xwks .right {
        width: 100% !important;
        margin-top: 16px;
    }

    .xwzx-B .nrmk ul li {

        width: 48%;

        margin: 0 0 4% 0;

        padding: 15px 15px 20px;

    }



    .xwzx-B .nrmk ul li:nth-child(2n) {

        float: right;

    }



    .xwzx .xwza-A {

        padding-top: 30px;

    }



    .right .right-a {

        padding: 12px 20px;

    }



    .fyq {

        margin-top: 20px;

    }

}



@media(max-width:500px) {

    .xwzx-B .nrmk ul li {

        width: 100%;

        margin: 0 0 20px 0;

    }



    .xwzx .xwza-A .right {

        width: 100%;

        margin-top: 10px;

    }



    .page a {

        padding: 6px 14px;

    }

}













/* 投资者关系 */

.bannerNav {

    background: rgba(0, 0, 0, 0.5);

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0;

    z-index: 10;

}



.bannerNav ul li {

    position: relative;

    float: left;

    text-align: center;

}



.bannerNav ul li a {

    padding: 23px 0;

    display: block;

    font-size: 18px;

    color: #fff;

}



.bannerNav ul.nav4 li {

    width: 25%;

}



.bannerNav ul li:after {

    content: '';

    width: 1px;

    height: 100%;

    background: rgba(255, 255, 255, 0.2);

    position: absolute;

    right: 0;

    top: 0;

}



.bannerNav ul li:last-child::after {

    display: none;

}



.bannerNav ul li.cur a,

.bannerNav ul li:hover a {

    background: #3368c6;

}



@media(max-width:1680px) {

    .bannerNav ul li a {

        padding: 18px 0;

    }

}



@media(max-width:1280px) {

    .bannerNav ul li a {

        padding: 12px 0;

        font-size: 16px;

    }

}



@media(max-width:1024px) {

    .bannerNav {

        position: relative;

        left: 0;

        bottom: 0;

    }



    .bannerNav ul.nav4 li {

        width: 50%;

    }



    .bannerNav ul.nav4 li:nth-child(n+3) {

        border-top: 1px solid rgba(255, 255, 255, 0.2);

    }

}





.investor {

    padding: 80px 0 110px;

    background: #f9f9f9;

}



.investorA-b {

    margin-top: 40px;

}



.investorA-b ul li {

    cursor: pointer;

    position: relative;

    float: left;

    width: 23.75%;

    margin: 0 1.66666% 1.6666% 0;

    background: #fff;

}



.investorA-b ul li:nth-child(4n) {

    margin-right: 0;

}



.investorA-b ul li .text {

    font-size: 22px;

    color: #666666;

    padding: 22px 30px;

    position: relative;

}



.investorA-b ul li .text .icon {

    display: inline-block;

    width: 35px;

    height: 35px;

    background: url(../images/gxa.png) no-repeat center;

    position: absolute;

    right: 21px;

    top: 50%;

    transform: translateY(-50%);

}



.investorA-b ul li .con .text .icon {

    background: url(../images/gxb.png) no-repeat center;

}



.investorA-b ul li .con .text {

    color: #3368c6;

}



.investorA-b ul li .con {

    display: none;

}



.investorA-b ul li.cur .con {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    background: #fff;

    width: 100%;

    z-index: 10;

    border: 2px solid #3368c6;

}



.investorA-b ul li .con .c {

    font-size: 16px;

    color: #666666;

    padding: 5px 30px 20px;

    line-height: 1.8;

}





@media(max-width:1580px) {
    .investor {
        padding: 60px 0 100px;
    }

    .investorA-b ul li .text {
        padding: 16px 12px;
        font-size: 17px;
    }

    .investorA-b ul li .text .icon {
        right: 5px;
    }

    .investorA-b ul li .con .c {
        font-size: 15px;
        padding: 6px 20px 16px;
        line-height: 1.8;
    }
}

@media(max-width:1380px) {
    .investorA-b {
        margin-top: 30px;
    }

    .investorA-b ul li {
        width: 32%;
        margin: 0 2% 2% 0;
    }

    .investorA-b ul li:nth-child(4n) {
        margin-right: 2%;
    }

    .investorA-b ul li:nth-child(3n) {

        margin-right: 0;

    }



    .investor {

        padding: 50px 0 100px;

    }

}



@media(max-width:1024px) {

    .investorA-b {

        margin-top: 20px;

    }



    .investorA-b ul li {

        width: 49%;

        margin: 0 2% 2% 0;

    }



    .investorA-b ul li:nth-child(3n) {

        margin-right: 2%;

    }



    .investorA-b ul li:nth-child(2n) {

        margin-right: 0;

    }



    .investor {

        padding: 30px 0 50px;

    }

}



@media(max-width:550px) {

    .investorA-b ul li {

        width: 100%;

        margin: 0 0 16px 0;

    }



    .investorA-b ul li:nth-child(3n) {

        margin-right: 0;

    }

}



/* 财务报告 */

.investorB-a .ggthA-c {

    width: 17.5%;

    background: #fff;

    margin-right: 15px;

}



.investorB-a .ggthA-c:after {

    background: url(../images/xwzx-xv.png) no-repeat center #fff;

    height: 48px;

    margin-top: -24px;

}



.investorB-a .ggthA-d {

    background: #fff;

    width: calc(65% - 30px);

}



.ggthA-c .inp {

    cursor: pointer;

    position: relative;

    font-size: 16px;

    padding-left: 15px;

    width: 100%;

}



.ggthA-c .inp p {

    line-height: 48px;

    font-size: 16px;

    color: #666666;

}



.ggthA-c .inp:hover dl {

    display: block;

}



.ggthA-c .inp dl {

    padding: 15px 12px;

    display: none;

    border: 1px solid #eee;

    z-index: 100;

    background: #fff;

    width: 100%;

    position: absolute;

    left: 0;

    top: 48px;

}



.ggthA-c .inp dl dd {

    cursor: pointer;

    line-height: 2;

    font-size: 14px;

    color: #666;

}



.ggthA-c .inp dl dd:hover {

    color: #f11053;

}





.investorB {

    padding: 40px 0 0px;

}



.investorB-b {

    margin-top: 30px;

}



.investorB-b ul li {

    float: left;

    width: 24%;

    margin-bottom: 1.33333%;

    margin-right: 1.33333%;

}



.investorB-b ul li:nth-child(4n) {

    margin-right: 0;

}



.investorB-b ul li .img {

    height: 21vw;

    overflow: hidden;

}



.investorB-b ul li .img img {

    transition: all 0.2s;

}



.investorB-b ul li:hover .img img {

    transform: scale(0.9);

}



.investorB-b ul li .con {

    padding: 20px 0;

    position: relative;

    border-bottom: 1px solid #ddd;

}



.investorB-b ul li .con .t {

    font-size: 18px;

    color: #333333;

    padding-left: 8px;

    position: relative;

}



.investorB-b ul li .con .t:after {

    content: '';

    width: 3px;

    height: 3px;

    background: #444;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.investorB-b ul li .con .more {

    font-size: 16px;

    color: #666666;

    padding-right: 25px;

    background: url(../images/jtlv.png) no-repeat right center;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

}



@media(max-width:1680px) {

    .investorB-b ul li .con .t {

        font-size: 16px;

    }



    .investorB-b ul li .con .more {

        font-size: 14px;

    }

}



@media(max-width:1380px) {

    .investorB-b ul li {

        width: 32%;

        margin: 0 2% 2% 0;

    }



    .investorB-b ul li .img {

        height: 28vw;

    }



    .investorB-b ul li:nth-child(4n) {

        margin-right: 2%;

    }



    .investorB-b ul li:nth-child(3n) {

        margin-right: 0;

    }

}



@media(max-width:1024px) {

    .investorB-b ul li {

        width: 49%;

        margin: 0 0 2% 0;

    }



    .investorB-b ul li:nth-child(4n) {

        margin-right: 0;

    }



    .investorB-b ul li:nth-child(2n) {

        float: right;

    }



    .investorB-b ul li .img {

        height: 48vw;

    }



    .investorB {

        padding: 30px 0 0px;

    }



    .investorB-b {

        margin-top: 20px;

    }



    .investorB-a .ggthA-c {

        width: 49%;

        margin-right: 0;

    }



    .investorB-a .ggthA-c:nth-child(2) {

        float: right;

    }



    .investorB-a .ggthA-d {

        width: 100%;

        margin-top: 10px;

    }

}



@media(max-width:600px) {

    .investorB-b ul li {

        width: 100%;

        margin: 0 0 15px 0;

    }



    .investorB-b ul li .img {

        height: auto;

    }

}



/* 公告及通函 */

.investorB-c {

    margin-top: 30px;

}



.investorB-c ul li {

    background: #fff;

    padding: 0 30px;

    margin-bottom: 20px;

    border: 1px solid #fff;

}



.investorB-c ul li .con {

    padding: 20px 0;

    position: relative;

    padding-left: 116px;

}



.investorB-c ul li .con:after {

    content: '';

    width: 1px;

    height: 16px;

    background: #f3f3f3;

    position: absolute;

    left: 103px;

    top: 50%;

    transform: translateY(-50%);

}



.investorB-c ul li .con .d {

    font-size: 18px;

    color: #3368c6;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.investorB-c ul li .con .t {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    background: url(../images/downa.png) no-repeat right center;

    font-size: 18px;

    color: #666666;

}



.investorB-c ul li:hover {

    border-color: #3368c6;

}



.investorB-c ul li:hover .t {

    background: url(../images/downb.png) no-repeat right center;

    ;

    color: #3368c6;

}



@media(max-width:1680px) {

    .investorB-c ul li {

        padding: 0 20px;

    }



    .investorB-c ul li .con .d,

    .investorB-c ul li .con .t {

        font-size: 16px;

    }



    .investorB-c ul li .con {

        padding: 16px 0;

        padding-left: 120px;

        ;

    }

}



@media(max-width:1280px) {

    .investorB-c ul li .con .t {

        background: none;

    }



    .investorB-c ul li {

        padding: 0 20px;

    }



    .investorB-c ul li .con .d,

    .investorB-c ul li .con .t {

        font-size: 16px;

    }



    .investorB-c ul li .con {

        padding: 16px 0;

        padding-left: 120px;

        ;

    }

}



/* 公司治理 */

.investorB-d ul li {

    background: #fff;

    margin-bottom: 40px;

    overflow: hidden;

    height: 27vw;

}



.investorB-d ul li:nth-child(2n-1) {

    border-bottom-right-radius: 50px;

}



.investorB-d ul li:nth-child(2n) {

    border-top-left-radius: 50px;

}



.investorB-f {

    float: left;

    width: 50%;

}



.investorB-g {

    padding: 60px 85px 0 64px;

    width: 50%;

    float: right;

}



.investorB-g .topTit {

    position: relative;

    padding-bottom: 30px;

    border-bottom: 1px solid #ddd;

}



.investorB-g .topTit .et {

    font-size: 16px;

    color: #3368c6;

    font-family: Arial;

    text-transform: uppercase;

}



.investorB-g .topTit .t {

    font-size: 36px;

    color: #333333;

    text-transform: uppercase;

}



.investorB-g .topTit .icon {

    position: absolute;

    right: 0;

    bottom: 30px;

}



.investorB-g .con {

    margin-top: 40px;

    font-size: 16px;

    color: #666;

    line-height: 2;

    text-align: justify;

    max-height: 15vw;

}



.investorB-d ul li:nth-child(2n) .investorB-f {

    float: right;

}



.investorB-d ul li:nth-child(2n) .investorB-g {

    float: left;

}



.investorC {

    background: #eef4f4;

    padding: 80px 0 90px;

}



@media(max-width:1780px) {

    .investorB-g {

        padding: 40px 50px 0 40px;

    }



    .investorB-g .topTit {

        padding-bottom: 20px;

    }



    .investorB-g .con {

        line-height: 1.8;

        margin-top: 20px;

    }



    .investorB-g .topTit .t {

        font-size: 32px;

    }



    .investorB-g .topTit .icon {

        width: 130px;

    }

}



@media(max-width:1580px) {

    .investorB-g {

        padding: 30px 30px 0 30px;

    }



    .investorB-g .topTit {

        padding-bottom: 20px;

    }



    .investorB-g .con {

        line-height: 1.8;

        margin-top: 20px;

        font-size: 14px;

    }



    .investorB-g .topTit .t {

        font-size: 28px;

    }



    .investorB-g .topTit .icon {

        width: 100px;

    }



    .investorC {

        padding: 50px 0 60px;

    }

}



@media(max-width:1280px) {

    .investorB-g {

        padding: 20px 20px 0 20px;

    }



    .investorB-g .topTit {

        padding-bottom: 15px;

    }



    .investorB-g .con {

        line-height: 1.5;

        margin-top: 15px;

        font-size: 14px;

    }



    .investorB-g .topTit .t {

        font-size: 24px;

    }



    .investorB-g .topTit .icon {

        width: 80px;

    }

}



@media(max-width:1024px) {

    .investorB-d ul li {

        height: auto;

        margin-bottom: 20px;

    }



    .investorB-f {

        width: 100%;

    }



    .investorB-g {

        padding: 20px 20px 30px;

        width: 100%;

    }



    .investorB-g .con {

        max-height: 1000px;

    }



    .investorB-d ul li:nth-child(2n-1) {

        border-bottom-right-radius: 0px;

    }



    .investorB-d ul li:nth-child(2n) {

        border-top-left-radius: 0px;

    }



    .investorC {

        padding: 30px 0 40px;

    }



    .investorB-c {

        margin-top: 20px;

    }



    .investorB-c ul li {

        margin-bottom: 10px;

    }

}



/* 投资者关系综合页 */

.tzzgxA-a {

    background: url(../images/bgtz.png) no-repeat right bottom #fff;

    padding: 50px 80px;

    margin-top: -60px;

    position: relative;

    z-index: 10;

}



.tzzgxA-b {

    float: left;

    width: 26%;

    position: relative;

}



.tzzgxA-b:after {

    content: '';

    width: 1px;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    background: #e3e3e3;

}



.tzzgxA-b .t {

    font-size: 40px;

    color: #3368c6;

}



.tzzgxA-b .c {

    font-size: 64px;

    color: #333333;

    margin: 10px 0;

}



.tzzgxA-b .c span {

    display: inline-block;

    font-size: 20px;

    line-height: 1;

    padding-top: 25px;

    vertical-align: middle;

    position: relative;

}



.tzzgxA-b .c span i {

    position: absolute;

    width: 31px;

    height: 20px;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -15px;

}



.tzzgxA-b .c span i.zhang {

    background: url(../images/tzzgxa.png) no-repeat top center/cover;

}



.tzzgxA-b .c span i.die {

    background: url(../images/die.png) no-repeat top center/cover;

}



.tzzgxA-b .change {

    line-height: 24px;

    font-size: 22px;

    margin-top: 15px;

}



.tzzgxA-b .change span {

    display: inline-block;

    width: 12px;

    height: 24px;

    vertical-align: top;

}



.tzzgxA-b .up {

    color: #3368c6;

}



.tzzgxA-b .down {

    color: #ff0000;

}



.tzzgxA-b .up span {

    background: url(../images/top.png) no-repeat center;

}



.tzzgxA-b .down span {

    background: url(../images/down.png) no-repeat center;

}



.tzzgxA-c {

    width: 66%;

    float: right;

}



.tzzgxA-c ul li {

    float: left;

    width: 25%;

}



.tzzgxA-c ul li .t {

    font-size: 18px;

    color: #333333;

}



.tzzgxA-c ul li .c {

    font-size: 36px;

    color: #333333;

    margin-top: 12px;

}



.tzzgxA-c ul li .c span {

    font-size: 20px;

}



.tzzgxA-d {

    margin-top: 20px;

}



.tzzgxA-d p {

    font-size: 16px;

    color: #666666;

    line-height: 2;

}



.investorD {

    background: #f9f9f9;

}



.investorD-a {

    margin: 50px 0 100px;

}



.investorD-a ul li {

    border: 1px solid #f7f7f7;

    background: #fff;

    text-align: center;

    padding: 80px 40px;

    float: left;

    width: 24%;

    margin-right: 1.3333%;

}



.investorD-a ul li .img img.pic2 {

    display: none;

}



.investorD-a ul li .con .t {

    font-size: 22px;

    color: #333;

    margin: 10px 0 40px;

}



.investorD-a ul li .con .c {

    font-size: 16px;

    color: #666;

    line-height: 2;

    height: 120px;

}



.investorD-a ul li:last-child {

    margin-right: 0;

}



.investorD-a ul li:hover {

    border-color: #3368c6;

    background: #fefefd;

}



.investorD-a ul li:hover .mainMore {

    border-color: #3368c6;

    background: #3368c6;

    color: #fff;

}



.investorD-a ul li:hover .mainMore span {

    background-image: url(../images/jtb.png);

}



.investorD-a ul li:hover .img img.pic1 {

    display: none;

}



.investorD-a ul li:hover .img img.pic2 {

    display: inline-block;

}



.investorE {

    position: relative;

}



.investorE-a {

    position: absolute;

    width: 100%;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.investorE-d {

    float: right;

}



.investorE-c .tit {
    margin-top: 30px;
    font-size: 20px;
    color: #333;
}



.investorE-c ul {

    margin: 10px 0 20px;

}



.investorE-c ul li {

    padding-left: 40px;

    font-size: 18px;

    color: #333333;

    line-height: 2;

}



.investorE-c ul li:nth-child(1) {

    background: url(../images/dizhi.png) no-repeat left 8px;
    background-size: 22px auto;

}



.investorE-c ul li:nth-child(2) {

    background: url(../images/icon1.png) no-repeat left 8px;

}



.investorE-c ul li:nth-child(3) {

    background: url(../images/chuanzhen.png) no-repeat left 8px;

}

.investorE-c ul li:nth-child(4) {

    background: url(../images/icon2.png) no-repeat left 8px;

}



.investorE-c .ewm {

    border: 1px solid #ddd;

    display: inline-block;

}



@media(max-width:1680px) {

    .investorD-a ul li {

        padding: 40px 20px;

    }



    .investorD-a ul li .con .c {

        height: 180px;

    }

}



@media(max-width:1480px) {

    .investorD-a ul li {

        padding: 30px 20px;

    }



    .investorD-a ul li .con .t {

        font-size: 20px;

        margin: 5px 0 40px;

    }



    .investorD-a ul li .con .c {

        font-size: 14px;

        line-height: 1.8;

        height: 140px;

    }



    .investorE-d {

        width: 40%;

    }



    .investorE .img img {

        width: 120%;

        height: auto;

        max-width: 500%;

    }



    .investorE-c ul {

        margin: 10px 0 10px;

    }



    .investorE-c .tit {

        margin-top: 20px;

        font-size: 18px;

    }

    .investorE-c ul li {
        font-size: 16px;
    }



}



@media(max-width:1280px) {

    .investorE-d {

        width: 40%;

    }



    .investorE .img img {

        width: 130%;

        height: auto;

        max-width: 500%;

    }



    .investorE-c ul {

        margin: 10px 0;

    }



    .investorE-c ul li {
        font-size: 14px;
    }

}



@media(max-width:1024px) {

    .investorD-a {

        margin-bottom: 30px;

    }



    .investorE-d {

        width: 100%;

    }



    .investorE-a {

        position: relative;

        top: 0;

        transform: translateY(0);

        margin-bottom: 20px;

    }



    .investorD-a ul li {

        width: 49%;

        margin: 0 0 20px 0;

    }



    .investorD-a ul li:nth-child(2n) {

        float: right;

    }



    .investorD-a ul li .con .c {

        font-size: 14px;

        line-height: 1.8;

        height: 100px;

    }



    .investorE-c ul li {
        font-size: 16px;
    }

}



@media(max-width:750px) {

    .investorD-a ul li {

        width: 49%;

        margin: 0 0 20px 0;

    }



    .investorD-a ul li:nth-child(2n) {

        float: right;

    }



    .investorD-a ul li .con .c {

        font-size: 14px;

        line-height: 1.8;

        height: 120px;

    }

}



@media(max-width:500px) {

    .investorD-a ul li {

        width: 100%;

    }



    .investorD-a ul li .con .c {

        font-size: 14px;

        line-height: 1.8;

        height: auto;

        margin-bottom: 20px;

    }

}



@media(max-width:1780px) {

    .tzzgxA-a {

        padding: 50px 60px;

    }



    .tzzgxA-b .t {

        font-size: 32px;

    }



    .tzzgxA-b .c {

        font-size: 58px;

    }



    .tzzgxA-c {

        width: 68%;

    }



    .tzzgxA-c ul li .c {

        font-size: 32px;

    }

}



@media(max-width:1480px) {

    .tzzgxA-a {

        padding: 40px 40px;

    }



    .tzzgxA-b .t {

        font-size: 24px;

    }



    .tzzgxA-b .c {

        font-size: 42px;

    }



    .tzzgxA-b {

        width: 24%;

    }



    .tzzgxA-c {

        width: 70%;

    }



    .tzzgxA-c ul li .c {

        font-size: 28px;

    }



    .tzzgxA-c ul li .c span {

        font-size: 16px;

    }



    .tzzgxA-d {

        margin-top: 10px;

    }



    .tzzgxA-d p {

        font-size: 14px;

        line-height: 1.8;

    }

}



@media(max-width:1480px) {

    .tzzgxA-a {

        padding: 30px;

    }



    .tzzgxA-b .t {

        font-size: 20px;

    }



    .tzzgxA-b .c {

        font-size: 32px;

    }



    .tzzgxA-b .c span {

        font-size: 16px;

        padding-top: 18px;

    }



    .tzzgxA-b .c span i {

        width: 20px;

        margin-left: -10px;

        height: 13px;

    }



    .tzzgxA-b {

        width: 24%;

    }



    .tzzgxA-c {

        width: 70%;

    }



    .tzzgxA-c ul li .c {

        font-size: 28px;

    }



    .tzzgxA-c ul li .c span {

        font-size: 16px;

    }



    .tzzgxA-d {

        margin-top: 10px;

    }



    .tzzgxA-d p {

        font-size: 14px;

        line-height: 1.8;

    }



    .tzzgxA-c ul li .t {

        font-size: 16px;

    }

}



@media(max-width:1024px) {

    .tzzgxA-a {

        padding: 30px;

    }



    .tzzgxA-b .t {

        font-size: 24px;

    }



    .tzzgxA-b .c {

        font-size: 40px;

    }



    .tzzgxA-b .c span {

        font-size: 16px;

        padding-top: 18px;

    }



    .tzzgxA-b .c span i {

        width: 20px;

        margin-left: -10px;

        height: 13px;

    }



    .tzzgxA-b {

        width: 100%;

        padding-bottom: 30px;

        margin-bottom: 30px;

    }



    .tzzgxA-c {

        width: 100%;

    }



    .tzzgxA-b:after {

        width: 100%;

        height: 1px;

        left: 0;

        bottom: 0;

        top: auto;

    }



    .tzzgxA-c ul li .c {

        font-size: 28px;

    }



    .tzzgxA-c ul li .c span {

        font-size: 16px;

    }



    .tzzgxA-d {

        margin-top: 10px;

    }



    .tzzgxA-d p {

        font-size: 14px;

        line-height: 1.8;

    }



    .tzzgxA-c ul li .t {

        font-size: 16px;

    }



    .tzzgxA-a {

        margin-top: 0;

        padding-toP: 30px;

    }



    .investorD {

        padding-top: 30px;

    }

}



@media(max-width:750px) {

    .tzzgxA-b {

        padding-bottom: 20px;

        margin-bottom: 20px;

    }



    .tzzgxA-c ul li {

        width: 50%;

        margin: 10px 0;

    }



    .tzzgxA-a {

        padding: 30px 20px;

    }

}





/* 招贤纳士 */

.joinA {

    padding: 90px 0 110px;

}



.joinA-b {

    padding: 0px 70px 0;

    position: relative;

    margin-top: 40px;

}



.joinA-c .swiper-slide {

    padding: 50px 0;

}



.joinA-c .swiper-slide .img {

    text-align: center;

    font-size: 18px;

    background: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    transition: all 400ms;

    transform: scale(0.8);

    opacity: 0.5;

}



.joinA-c .swiper-slide-active .img,

.swiper-slide-duplicate-active .img {

    transform: scale(1.3);

    opacity: 1;

    position: relative;

    z-index: 10;

}



.joinA-b .swiper-button-nextB,

.joinA-b .swiper-button-prevB {

    border: 1px solid #dedede;

    width: 54px;

    height: 54px;

    background: #fff;

    border-radius: 50%;

}



.joinA-b .swiper-button-nextB {

    background: url(../images/red.png) no-repeat center #fff;

}



.joinA-b .swiper-button-prevB {

    transform: rotate(180deg);

    background: url(../images/red.png) no-repeat center #fff;

}



.joinA-b .swiper-button-prevB {

    right: 67px;

}



.joinA-b .swiper-button-nextB:hover {

    transform: rotate(180deg);

    background: url(../images/white.png) no-repeat center #3368c6;

    border-color: #3368c6
}



.joinA-b .swiper-button-prevB:hover {

    transform: rotate(0deg);

    background: url(../images/white.png) no-repeat center #3368c6;

    border-color: #3368c6
}



@media(max-width:1920px) {

    .joinA-b {

        margin-top: 30px;

        padding: 0 50px;

    }

}



@media(max-width:1680px) {

    .joinA {

        padding: 60px 0 80px;

    }



    .joinA-b {

        padding: 0px 50px 0;

        margin-top: 20px;

    }



    .joinA-c .swiper-slide {

        padding: 50px 0;

    }

}



@media(max-width:1480px) {

    .joinA-c .swiper-slide {

        padding: 30px 0;

    }

}



@media(max-width:1024px) {

    .joinA {

        padding: 30px 0 40px;

    }



    .joinA-c .swiper-slide {

        padding: 40px 0;

    }



    .joinA-b {

        margin-top: 10px;

        padding: 0px;

    }

}



@media(max-width:640px) {

    .joinA-b {

        margin-top: 20px;

    }



    .joinA-c .swiper-slide {

        padding: 0;

    }



    .joinA-c .swiper-slide-active .img,

    .swiper-slide-duplicate-active .img {

        transform: scale(1);

    }



    .joinA-b .swiper-button-nextB,

    .joinA-b .swiper-button-prevB {

        width: 40px;

        height: 40px;

    }

}



.joinB {

    padding: 80px 0 100px;

    background: #f9f9f9;

}



.joinB-b {

    margin-top: 40px;

    position: relative;

}



.joinB-c .swiper-slide {

    width: 800px;

    overflow: hidden;

}



.joinB-c .swiper-slide-active {

    width: 800px;

}



.joinB-c .swiper-slide .img {

    width: 800px;

}



.joinB-c .swiper-slide .img img {

    width: 800px;

}



.joinB-c .swiper-slide .img {

    position: relative;

}



.joinB-c .swiper-slide .img .tit {

    font-size: 24px;

    color: #fff;

    position: absolute;

    left: 0;

    bottom: 0;

    line-height: 3;

    padding-left: 20px;

}



.joinB-d {

    position: relative;

}



.joinB-e {

    position: absolute;

    transition: all 0.5s;

    ;

    opacity: 0;

    left: 0;

    top: 0;

    width: 340px;

    height: 100%;

    background: rgba(0, 0, 0, 0.4);

}



.joinB-c .swiper-slide-active .joinB-e {

    opacity: 1;

}



.joinB-c .swiper-slide-active .img .tit {

    opacity: 0;

}



.joinB-e {

    padding: 66px 40px 0;

    z-index: 10;

}



.joinB-e .t {

    font-size: 24px;

    color: #fff;

    position: relative;

    padding-bottom: 20px;

    margin-bottom: 20px;

}



.joinB-e .c {

    font-size: 14px;

    color: #fff;

    line-height: 2;

}



.joinB-e .t:after {

    content: '';

    width: 20px;

    height: 2px;

    background: rgba(255, 255, 255, 0.6);

    position: absolute;

    left: 0;

    bottom: 0;

}



.joinB-b .swiper-button-nextC,

.joinB-b .swiper-button-prevC {

    top: auto;

    bottom: 0;

    left: auto;

    right: auto;

    transform: translate(0);

    border: 1px solid #dedede;

    width: 54px;

    height: 54px;

    background: #fff;

    border-radius: 50%;

}



.joinB-b .swiper-button-nextC {

    background: url(../images/red.png) no-repeat center #fff;

}



.joinB-b .swiper-button-prevC {

    transform: rotate(180deg);

    background: url(../images/red.png) no-repeat center #fff;

}



.joinB-b .swiper-button-prevC {

    right: 67px;

}



.joinB-b .swiper-button-nextC:hover {

    transform: rotate(180deg);

    background: url(../images/white.png) no-repeat center #3368c6;

    border-color: #3368c6
}



.joinB-b .swiper-button-prevC:hover {

    transform: rotate(0deg);

    background: url(../images/white.png) no-repeat center #3368c6;

    border-color: #3368c6
}



.joinB-c {

    padding-bottom: 106px;

}



.joinB-c .swiper-pagination {

    top: auto;

    bottom: 25px;

    width: calc(100% - 180px);

}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: #3368c6;

}



.joinB-b .swiper-button-nextC {

    right: 0;

}



@media(max-width:1680px) {

    .joinB {

        padding: 60px 0 80px;

    }

}



@media(max-width:1480px) {

    .joinB {

        padding: 50px 0 70px;

    }



    .joinB-b {

        margin-top: 30px;

    }



    .joinB-c .swiper-slide {

        width: 600px;

        overflow: hidden;

    }



    .joinB-c .swiper-slide-active,

    .joinB-c .swiper-slide .img,

    .joinB-c .swiper-slide .img img {

        width: 600px;

    }



    .joinB-e {

        padding: 30px 20px 0;

    }



    .joinB-c {

        padding-bottom: 86px;

    }

}



@media(max-width:1024px) {



    .joinB-c .swiper-slide-active,

    .joinB-c .swiper-slide .img,

    .joinB-c .swiper-slide .img img {

        width: 100%;

    }



}



@media(max-width:640px) {

    .joinB {

        padding: 30px 0 40px;

    }



    .joinB-c .swiper-slide-active,

    .joinB-c .swiper-slide .img,

    .joinB-c .swiper-slide .img img {

        width: 100%;

    }

}



@media(max-width:550px) {

    .joinB-e {

        position: relative;

        width: 100%;

        padding: 20px 16px;

        background: #fff;

    }



    .joinB-e .t {

        color: #333;

        font-size: 20px;

    }



    .joinB-e .c {

        color: #333;

    }



    .joinB-e .t:after {

        background: rgba(0, 0, 0, 0.6);

    }



    .joinB-c {

        padding-bottom: 55px;

    }



    .joinB-b .swiper-button-nextC,

    .joinB-b .swiper-button-prevC {

        width: 40px;

        height: 40px;

    }



    .joinB-b .swiper-button-prevC {

        right: 55px;

    }



    .joinB-c .swiper-pagination {

        bottom: 18px;

        width: calc(100% - 120px);

    }

}



.joinC {

    padding: 80px 0 90px;

    background: #fff;

}



.joinC-b ul li {

    float: left;

    width: 16%;

    text-align: center;

    margin-right: 0.8%;

    padding: 40px 0;

    border: 1px solid #dedede;

    border-radius: 6px;

}



.joinC-b ul li .img {

    height: 100px;

}



.joinC-b ul li .img .pic2 {

    display: none;

}



.joinC-b ul li .con {

    font-size: 18px;

    color: #666666;

}



.joinC-b {

    margin-top: 40px;

}



.joinC-b ul li:hover {

    background: #3368c6;

    border-color: #3368c6;

}



.joinC-b ul li:hover .img .pic1 {

    display: none;

}



.joinC-b ul li:hover .img .pic2 {

    display: inline-block;

}



.joinC-b ul li:hover .con {

    color: #fff;

}



.joinC-b ul li:last-child {

    margin-right: 0;

}



@media(max-width:1480px) {

    .joinC-b ul li {

        padding: 30px 0;

    }



    .joinC {

        padding: 50px 0 60px;

    }

}



@media(max-width:1380px) {

    .joinC-b ul li {

        padding: 20px 0;

    }



    .joinC-b ul li .img {

        height: 70px;

    }



    .joinC-b ul li .img img {

        height: 60px;

        width: auto;

    }



    .joinC-b ul li .con {

        font-size: 16px;

    }



    .joinC-b {

        margin-top: 20px;

    }

}



@media(max-width:1024px) {

    .joinC-b ul li {

        width: 32%;

        margin: 0 2% 2% 0;

    }



    .joinC-b ul li:nth-child(3n) {

        margin-right: 0;

    }

}



@media(max-width:640px) {

    .joinC-b ul li {

        width: 48%;

        margin: 0 0 4% 0;

    }



    .joinC-b ul li:nth-child(2n) {

        float: right;

    }



    .joinC {

        padding: 30px 0 40px;

    }

}



.joinD {

    padding: 90px 0 100px;

    background: #f9f9f9;

}



.joinD-b {

    margin-top: 50px;

}



.joinD-b table {

    border-radius: 30px;

    overflow: hidden;

}



.joinD-b table thead {

    background: #343434;

}



.joinD-b table tbody {

    background: #fff;

}



.joinD-b table thead tr td {

    font-size: 18px;

    color: #fff;

    padding: 16px 0;

}



.joinD-b table tbody tr td {

    border-bottom: 1px solid #dedede;

    font-size: 16px;

    color: #666666;

    padding: 16px 0;

}



.joinD-b table thead,

.joinD-b table tbody {

    padding: 0 50px;

}



.joinD-b table tr td.sign1 {

    padding-left: 50px;

}



.joinD-b table tbody tr:last-child td {

    border: none;

}



@media(max-width:1480px) {

    .joinD-b {

        margin-top: 30px;

    }



    .joinD {

        padding: 60px 0 80px;

    }



    .joinD-b table tr td.sign1 {

        width: 300px;

    }

}



@media(max-width:1280px) {

    .joinD-b {

        margin-top: 20px;

    }



    .joinD-b table thead tr td {

        font-size: 18px;

        padding: 12px 0;

    }



    .joinD {

        padding: 60px 0 80px;

    }



    .joinD-b table tr td.sign1 {

        width: 300px;

    }



    .joinD-b table tr td.sign6 {

        width: 150px;

    }

}



@media(max-width:1024px) {



    .joinD-b table tr td.sign2,

    .joinD-b table tr td.sign5 {

        display: none;

    }



    .joinD {

        padding: 30px 0 40px;

    }



    .joinD-b table thead tr td {

        font-size: 16px;

        padding: 12x 0;

    }



    .joinD-b table tbody tr td {

        font-size: 14px;

        padding: 12px 0;

    }



    .joinD-b table {

        border-radius: 20px;

        overflow: hidden;

    }

}



@media(max-width:750px) {

    .joinD-b table tr td.sign3 {

        display: none;

    }

}



@media(max-width:600px) {

    .joinD-b table tr td.sign1 {

        padding-left: 20px;

        width: auto;

    }



    .joinD-b table tr td.sign6 {

        width: auto;

    }

}



@media(max-width:600px) {

    .joinD-b table tr td.sign4 {

        display: none;

    }

}



/* 招聘详情 */

.joinDetailA {

    font-size: 16px;

    color: #666666;

    margin: 10px 0 15px;

}



.joinDetailB span {

    display: inline-block;

    padding: 6px 20px;

    font-size: 16px;

    color: #3368c6;

    border: 1px solid #3368c6;

    border-radius: 30px;

}





.joindetailC {

    margin-top: 30px;

    padding-top: 40px;

    border-top: 1px solid #dedede;

}



.joindetailC-a .tit {

    font-size: 22px;

    color: #333333;

}



.joindetailC-a .con {

    font-size: 16px;

    color: #666;

    line-height: 2;

    margin-top: 10px;

}



.joindetailC-a .con ol {
    list-style-type: decimal;
    margin-left: 20px;
}





.joindetailC-b {

    margin-top: 30px;

}



.joindetailC-c {

    font-size: 16px;

    color: #333;

    margin-top: 20px;

}



.joindetailC-c a {

    color: #3368c6;

    text-decoration: underline;

}



.joindetailD {

    background: #fff;

    padding: 30px 50px;

}



.joindetailD-a .tit span {

    font-size: 30px;

    color: #333333;

}



.joindetailD-a .tit a {

    float: right;

    font-size: 16px;

    color: #666666;

    padding-right: 25px;

    background: url(../images/jtlv.png) no-repeat right center;

    margin-top: 14px;

}



.joindetailD-a .tit {

    padding-bottom: 20px;

    border-bottom: 2px solid #3368c6;

}



.nr .right .joindetailD-b ul li {

    padding: 20px 0;

    border-bottom: 1px solid #dedede;

}



.nr .right .joindetailD-b ul li .t {

    font-size: 20px;

    color: #333333;

}



.nr .right .joindetailD-b ul li .c {

    font-size: 16px;

    color: #666666;

    padding: 10px 0 0px;

}



@media(max-width:1780px) {

    .nr .left {

        padding: 40px;

    }



    .joindetailD {

        padding: 30px;

    }

}



@media(max-width:1480px) {

    .joindetailD-a .tit span {

        font-size: 20px;

    }



    .joindetailD-a .tit a {

        margin-top: 6px;

    }



    .nr .right .joindetailD-b ul li .t {

        font-size: 18px;

    }

}



@media(max-width:1480px) {

    .nr .left {

        padding: 30px;

    }



    .joindetailD {

        padding: 20px;

    }

}



@media(max-width:1024px) {

    .joinDetailB span {

        margin: 5px 0;

    }



    .nr .left {

        padding: 20px 20px 30px;

    }



    .joinDetailB span {

        padding: 4px 16px;

        font-size: 14px;

        ;

    }



    .joindetailC {

        margin-top: 20px;

        padding-top: 25px;

    }



    .joindetailC-a .tit {

        font-size: 18px;

        ;

    }

}





/* 关于我们 */

.aboutA,

.aboutC {

    padding: 120px 0 125px;

    background: #fff;

}



.aboutA-b {

    float: left;

    width: 20%;

}



.aboutA-c {

    float: right;

    width: 79%;

}



.aboutA-c .tit {

    font-size: 24px;

    color: #3368c6;

}



.aboutA-c .con {

    font-size: 17px;

    color: #666666;

    line-height: 2;

    /*margin-top: 20px;*/

    text-align: justify;

}



.aboutA-c ul li {

    margin-top: 40px;

    float: left;

    margin-right: 100px;

    text-align: center;

}



.aboutA-c ul li .t {

    margin-top: 10px;

}



@media(max-width:1680px) {



    .aboutA,

    .aboutC {

        padding: 100px 0;

    }

}



@media(max-width:1480px) {



    .aboutA,

    .aboutC {

        padding: 80px 0;

    }

}



@media(max-width:1280px) {



    .aboutA,

    .aboutC {

        padding: 60px 0;

    }

}



@media(max-width:1024px) {



    .aboutA,

    .aboutC {

        padding: 30px 0 40px;

    }



    .aboutA-b {

        margin-bottom: 20px;

        width: 100%;

    }



    .aboutA-c {

        width: 100%;

    }



    .aboutA-c ul li {

        margin-right: 60px;

    }



    .aboutA-c .tit {

        font-size: 20px;

    }



    .aboutA-c .con {

        font-size: 16px;

        /*margin-top: 10px;*/

    }

}



@media(max-width:600px) {

    .aboutA-c ul li {

        margin-right: 0px;

        margin-right: 10px;

        text-align: center;

        margin-top: 20px;

    }

}



@media(max-width:600px) {

    .aboutA-c ul li .img img {

        height: 40px;

    }



    .aboutA-c ul li .t {

        font-size: 14px;

    }

}



@media(max-width:400px) {

    .aboutA-c ul li .img img {

        height: 40px;

    }



    .aboutA-c ul li .t {

        font-size: 12px;

    }

}



.aboutB {

    padding: 110px 0 55px;

    background: url(../images/abobg.jpg) no-repeat center/cover;

}



.aboutB-c .img {

    padding-bottom: 30px;

    width: 100%;

    overflow: scroll;

}



.aboutB-c .img img {

    width: 100%;

    max-width: 100%;

}



.aboutB-d {

    margin-top: 40px;

    text-align: center;

    display: none;

}



.aboutB-d .p {

    display: inline-block;

    padding-left: 28px;

    background: url(../images/xwxqan-ll-l.png) no-repeat left center;

    font-size: 16px;

    color: #666;

}



.aboutB-d .p.p2 {

    display: none;

}



@media(max-width:1680px) {

    .aboutB {

        padding: 100px 0 50px;

    }

}



@media(max-width:1480px) {

    .aboutB {

        padding: 80px 0 40px;

    }



}



@media(max-width:1280px) {

    .aboutB {

        padding: 60px 0 30px;

    }

    .aboutB-c .img img {

        width: 1300px;

        max-width: 1300px;

    }

    .aboutB-d {
        display: block;
    }



}



@media(max-width:1024px) {

    .aboutB-c .img {

        padding-bottom: 20px;

    }



    .aboutB {

        padding: 30px 0 40px;

    }



    .aboutB-d .p.p2 {

        display: inline-block;

    }



    .aboutB-d .p.p1 {

        display: none;

    }



    .aboutB-d {

        margin-top: 20px;

    }

}





.aboutBB {

    padding: 110px 0 55px;

    background: url(../images/abobg.jpg) no-repeat center/cover;

}

.aboutBB-c {
    margin-top: -120px;
}

.aboutBB-c .img {

    padding-bottom: 30px;

    width: 100%;

    overflow: scroll;

}



.aboutBB-c .img img {
    width: 3850px;
    max-width: 3850px;
}



.aboutBB-d {

    margin-top: 40px;

    text-align: center;

    display: none;

}



.aboutBB-d .p {

    display: inline-block;

    padding-left: 28px;

    background: url(../images/xwxqan-ll-l.png) no-repeat left center;

    font-size: 16px;

    color: #666;

}



.aboutBB-d .p.p2 {

    display: none;

}



@media(max-width:1680px) {

    .aboutBB {

        padding: 100px 0 50px;

    }

    .aboutBB-c {
        margin-top: -100px;
    }

}



@media(max-width:1480px) {

    .aboutBB {

        padding: 80px 0 40px;

    }

    .aboutBB-c {
        margin-top: -80px;
    }



}



@media(max-width:1280px) {

    .aboutBB {

        padding: 60px 0 30px;

    }

    .aboutBB-c .img img {

        width: 1300px;

        max-width: 1300px;

    }

    .aboutBB-d {
        display: block;
    }

    .aboutBB-c {
        margin-top: -60px;
    }



}



@media(max-width:1024px) {

    .aboutBB-c .img {

        padding-bottom: 20px;

    }

    .aboutBB {

        padding: 30px 0 40px;

    }

    .aboutBB-d .p.p2 {

        display: inline-block;

    }

    .aboutBB-d .p.p1 {

        display: none;

    }

    .aboutBB-d {

        margin-top: 20px;

    }

    .aboutBB-c {
        margin-top: -40px;
    }

}





.homeBoxF-b {

    z-index: 10;

    position: relative;

    margin-top: 40px;

}



.homeBoxF-c .swiper-slide .con {

    position: relative;

}



.homeBoxF-c .swiper-slide .con .t {

    font-size: 18px;

    text-align: center;

    width: 100%;

    color: #fff;

    position: absolute;

    left: 0;

    bottom: 0;

    line-height: 30px;

    text-align: center;

    background: rgba(0, 0, 0, 0.3);

}



.homeBoxF-b .swiper-button-nextF,

.homeBoxF-b .swiper-button-prevF {

    border: 1px solid #dedede;

    width: 54px;

    height: 54px;

    background: #fff;

    border-radius: 50%;

    right: 0;

    left: auto;

    top: -90px;

    margin-top: 0;

    transform: translateY(0);

}



.homeBoxF-b .swiper-button-nextF {

    background: url(../images/red.png) no-repeat center #fff;

}



.homeBoxF-b .swiper-button-prevF {

    transform: rotate(180deg);

    background: url(../images/red.png) no-repeat center #fff;

}



.homeBoxF-b .swiper-button-prevF {

    right: 67px;

}



.homeBoxF-b .swiper-button-nextF:hover {

    transform: rotate(180deg);

    background: url(../images/white.png) no-repeat center #3368c6;

    border-color: #3368c6
}



.homeBoxF-b .swiper-button-prevF:hover {

    transform: rotate(0deg);

    background: url(../images/white.png) no-repeat center #3368c6;

    border-color: #3368c6
}



.swiper-button-prev:after,

.swiper-button-next:after {

    font-size: 0;

}



.swiper-button-prev:hover::after,

.swiper-button-next:hover::after {

    color: #fff;

}



.swiper-button-prev:hover,

.swiper-button-next:hover {

    background: #84afd4;

}



.homeBoxF-c .swiper-pagination .swiper-pagination-bullet {

    width: 52px;

    background: #fff;

    opacity: 1;

    height: 3px;

    border-radius: 0;

}



.homeBoxF-c .swiper-pagination .swiper-pagination-bullet-active {

    background: #3368c6;

}



@media(max-width: 1660px) {

    .aboutE {

        padding: 30px 0 40px;

    }

}



@media(max-width: 1280px) {

    .aboutC-a {

        width: 60%;

    }

}



@media(max-width: 1000px) {

    .homeBoxF-c {

        padding-bottom: 30px;

    }

}



@media(max-width: 600px) {

    .homeBoxF .mtit .c {

        width: 70%;

    }



    .homeBoxF-c .swiper-pagination .swiper-pagination-bullet {

        width: 30px;

    }

}



@media(max-width: 400px) {

    .homeBoxF .mtit .c {

        width: 65%;

    }



    .homeBoxF-c .swiper-pagination .swiper-pagination-bullet {

        width: 30px;

    }

}



@media(max-width: 500px) {

    .aboutC-a {

        width: 100%;

    }



    .homeBoxF-b {

        margin-top: 80px;

    }



    .homeBoxF-b .swiper-button-nextF,

    .homeBoxF-b .swiper-button-prevF {

        top: -65px;

        width: 50px;

        height: 50px;

    }

}



.aboutD {

    padding: 90px 0 100px;

    background: #f9f9f9;

}



.homeBoxD-b {

    margin-top: 30px;

}



.homeBoxD-c ul li {

    cursor: pointer;

    margin-top: 24px;

    position: relative;

    float: left;

    width: 24%;

    margin-right: 1.33333%;

}



.homeBoxD-c ul li:nth-child(4n) {

    margin-right: 0;

}



.homeBoxD-c ul li .tit {

    background: #fff;

    border: 1px solid #dedede;

    padding: 20px 30px;

    position: relative;

}



.homeBoxD-c ul li .tit:after {

    content: '';

    width: 35px;

    height: 35px;

    background: url(../images/gxa.png) no-repeat center/cover;

    position: absolute;

    right: 30px;

    top: 50%;

    margin-top: -18px;

}



.homeBoxD-c ul li .tit .t {

    font-size: 22px;

    color: #333333;

    margin-bottom: 6px;

}



.homeBoxD-c ul li .tit .t2 {

    font-size: 16px;

    color: #3368c6;

}



.homeBoxD-c ul li .con {

    display: none;

}



.homeBoxD-f {

    font-size: 16px;

    color: #666;

    line-height: 2;

    padding: 30px 20px;

    background: #fff;

    border: 1px solid #dedede;

    margin-top: 24px;

}



/*.homeBoxD-c ul li.cur:after,.homeBoxD-c ul li:hover:after { content:''; width: 16px; height: 12px; background: url(../images/jj.png) no-repeat center; position: absolute; left:50%; margin-left: -8px; bottom:-27px; }*/

.homeBoxD-c ul li.cur .tit:before,

.homeBoxD-c ul li:hover .tit:before {

    content: '';

    width: 16px;

    height: 12px;

    background: url(../images/jj.png) no-repeat center;

    position: absolute;

    left: 50%;

    margin-left: -8px;

    bottom: -27px;

}



/*.homeBoxD-c ul.homeBoxD-g li.cur:after,.homeBoxD-c ul.homeBoxD-g li:hover:after { transform: rotate(180deg); background: url(../images/jj.png) no-repeat center; top:-27px; bottom:auto; }*/

/*.homeBoxD-c ul.homeBoxD-g li.cur .tit:after,.homeBoxD-c ul.homeBoxD-g li:hover .tit:after { transform: rotate(180deg); background: url(../images/jj.png) no-repeat center; top:-27px; bottom:auto; }*/

.homeBoxD-c ul li.cur .tit:after,

.homeBoxD-c ul li:hover .tit:after {

    transform: rotate(180deg);

}



.homeBoxD-c ul li .con {

    position: relative;

    display: none;

    font-size: 16px;

    width: 421.666666%;

    color: #666;

    line-height: 2;

    padding: 30px 20px;

    background: #fff;

    border: 1px solid #dedede;

    margin-top: 24px;

    text-align: justify;

}

.homeBoxD-c ul {
   
}
.homeBoxD-c ul li {
    
}

.homeBoxD-c ul li.cur .con {

    display: block;
    left: 0;

}


.homeBoxD-c ul li:nth-child(n+2) .con {

    left: -105.555555555%;

}
.homeBoxD-c ul li:nth-child(n+3) .con {

    left: -211.1111111%;

}
.homeBoxD-c ul li:nth-child(n+4) .con {

    left: -316.66666666%;

}






@media(max-width:1920px) {

    .homeBoxD-c ul li .tit .t {
        font-size: 20px;
    }

}

@media(max-width:1800px) {

    .homeBoxD-c ul li .tit .t {
        font-size: 18px;
    }

}



@media(max-width:1680px) {

    .homeBoxD-c ul li .tit {

        padding: 15px 12px;

    }



    .homeBoxD-c ul li .tit:after {

        width: 30px;

        height: 30px;

        right: 12px;

        margin-top: -15px;

    }







    .aboutD {

        padding: 70px 0 80px;

    }

}



@media(max-width:1580px) {



    .homeBoxD-c ul li .tit .t {
        font-size: 16px;
    }

    .homeBoxD-c ul li .tit .t2 {
        font-size: 14px;
    }

}



@media(max-width:1480px) {

    .homeBoxD-c ul li .tit {

        padding: 15px 12px;

    }



    .homeBoxD-c ul li .tit:after {

        width: 24px;

        height: 24px;

        right: 12px;

        margin-top: -12px;

    }





    .aboutD {

        padding: 50px 0 60px;

    }







    .homeBoxD-c ul li .tit .t {
        font-size: 16px;
    }

    .homeBoxD-c ul li .tit .t2 {
        font-size: 13px;
    }





}



@media(max-width:1380px) {



    .homeBoxD-c ul li .tit .t {
        font-size: 15px;
    }

    .homeBoxD-c ul li .tit .t2 {
        font-size: 12px;
    }

}



@media(max-width:1280px) {

    .homeBoxD-c ul li .tit {

        padding: 15px 12px;

    }



    .homeBoxD-c ul li .tit:after {

        width: 24px;

        height: 24px;

        right: 12px;

        margin-top: -12px;

    }



    .homeBoxD-c ul li .tit .t2 {
        max-width: 160px;
        height: 32px;
        line-height: 16px;
    }

    .homeBoxD-c ul li .tit .t {
        max-width: 160px;
        height: 32px;
        line-height: 16px;
    }

}



@media(max-width:1024px) {

    .aboutD {

        padding: 30px 0 40px;

    }



    .homeBoxD-c ul li {

        width: 100%;

        margin-right: 0;

    }



    .homeBoxD-c ul li .tit {

        padding: 20px;

    }



    .homeBoxD-c ul li .tit:after {

        width: 36px;

        height: 36px;

        right: 20px;

        margin-top: -18px;

    }



    .homeBoxD-c ul li .tit .t {

        font-size: 20px;
        max-width: 100%;
        height: auto;

    }



    .homeBoxD-c ul li .tit .t2 {

        font-size: 16px;

        height: auto;

        line-height: 1.5;

        max-width: 100%;
        max-width: 100%;
        height: auto;

    }



    .homeBoxD-f {

        display: none;

    }



    .homeBoxD-c ul li .con {

        width: 100%;
        background-color: #000!important;

    }






    .homeBoxD-c ul li:nth-child(2) .con {

        left: -105.555555555%;
        background-color: #000;

    }






    .homeBoxD-c ul.homeBoxD-g li.cur:after,

    .homeBoxD-c ul.homeBoxD-g li:hover:after,

    .homeBoxD-c ul li.cur:after,

    .homeBoxD-c ul li:hover:after {

        display: none;

    }



    .homeBoxD-c ul li.cur .tit:before {

        content: '';

        width: 16px;

        height: 12px;

        background: url(../images/jj.png) no-repeat center;

        position: absolute;

        left: 50%;

        margin-left: -8px;

        bottom: -27px;

    }

}

@media(max-width:400px) {





    .homeBoxD-c ul li .tit .t {
        font-size: 18px;
    }

    .homeBoxD-c ul li .tit .t2 {
        font-size: 14px;
    }

}



/**科学研究**/

.yflyA {

    padding: 140px 0;

}



.yflyA-a {

    position: relative;

}



.yfly .yflyA .left {

    position: absolute;

    width: 48%;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.yfly .yflyA .left .z-A {

    color: #222222;

}



.yfly .yflyA .left .lefta {

    margin-top: 29px;

    margin-bottom: 35px;

    text-align: justify;

}



.yfly .yflyA .left .lefta p {

    font-size: 16px;

    color: #666666;

    line-height: 32px;

}

.yfly .yflyA .left .leftb {
    display: none;
}

.yfly .yflyA .left .leftb ul li {

    float: left;

    margin-right: 17px;

    border: 1px solid #e9e9e9;

    border-radius: 50%;

    text-align: center;

    width: 125px;

    padding: 19px 0;

}



.yfly .yflyA .left .leftb ul li:last-child {

    margin-right: 0;

}



.yfly .yflyA .left .leftb ul li .z {

    font-size: 16px;

    color: #333333;

}



.yfly .yflyA .right {

    float: right;

    width: 48%;

}



.yfly .yflyA .right img {

    display: block;

}





@media(max-width:1920px) {

    .yflyA {

        padding: 100px 0 120px;

    }



    .yflyAX .lefta {

        overflow: auto;
        max-height: 515px;

    }

}



@media(max-width:1680px) {

    .yflyA {

        padding: 80px 0 100px;

    }



    .yfly .yflyA .left .lefta {

        margin: 15px 0 20px;

        max-height: 23vw;

        /*overflow: scroll;*/

    }



    .yfly .yflyA .left .leftb ul li {

        width: 100px;

        height: 100px;

        padding: 22px 0 0;

    }



    .yfly .yflyA .left .leftb ul li .img img {

        height: 30px;

        width: auto;

    }



    .yfly .yflyA .left .leftb ul li .z {

        font-size: 14px;

        margin-top: 4px;

    }

}



@media(max-width:1480px) {

    .yflyA {

        padding: 60px 0 80px;

    }



    .yfly .yflyA .left {

        float: left;

        position: relative;

        left: 0;

        top: 0;

        transform: translateY(0);

    }



    .yfly .yflyA .left .leftb ul li {

        margin: 0 10px 10px 0;

    }

}



@media(max-width:1024px) {

    .yflyA {

        padding: 40px 0 60px;

    }



    .yfly .yflyA .left {

        width: 100%;

        margin-bottom: 30px;

    }



    .yfly .yflyA .right {

        width: 100%;

    }



    .yfly .yflyA .left .lefta {

        height: auto;

        max-height: 1000px;

    }



    .yfly .yflyA .left .leftb ul li {

        margin: 0 10px 10px 0;

    }



    .yfly .yflyA .left .lefta p {

        line-height: 1.8;

    }







}



@media(max-width:500px) {

    .yfly .yflyA .left .leftb ul li {

        width: 80px;

        height: 80px;

        padding-top: 15px;

    }



    .yfly .yflyA .left .leftb ul li .img img {

        height: 25px;

    }



    .yfly .yflyA .left .leftb ul li .z {

        font-size: 13px;

    }

}



@media(max-width:400px) {

    .yflyA {

        padding: 30px 0 40px;

    }

}



















.yfly .yflyBa {

    position: relative;

}



.yfly .yflyBa img {

    display: block;

}



.yfly .yflyBb {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 8.333333%;

    width: 39.58%;

    min-width: 800px;

}



.yflyBb .mainTit .c,
.cpgxA .mainTit .c {
    text-align: justify;
}

.yfly .yflyB {

    position: relative;

}



.yfly .yflyBb .yflyBba {

    color: #ffffff;

    font-size: 16px;

    text-transform: uppercase;

}



.yfly .yflyBb .bt {

    color: #ffffff;

    margin-bottom: 22px;

}



.yfly .yflyBb .p {

    font-size: 14px;

    color: #ffffff;

    line-height: 24px;

    margin-bottom: 30px;

}



.yfly .yflyBb .yflyBc {

    margin-top: 30px;

}



.yfly .yflyBb .yflyBc ul li {

    text-align: center;

    float: left;

    width: 32%;

    background: #a1b2bb;

    margin-right: 2%;

    margin-bottom: 2%;

    border-radius: 7px;

    padding: 30px 0 40px;

    position: relative;

}



.yfly .yflyBb .yflyBc ul li .c {

    font-size: 16px;

    color: #fff;

    line-height: 1.8;

    padding: 0 5%;

    min-height: 120px;

}



.yfly .yflyBb .yflyBc ul li:nth-child(3n) {

    margin-right: 0;

}



.yfly .yflyBb .yflyBc ul li .li .lia {

    display: block;

    text-align: center;

}



.yfly .yflyBb .yflyBc ul li .li .lib {



    margin-top: 15px;



}



.yfly .yflyBb .yflyBc ul li .li .lib .liba {

    color: #ffffff;

    font-size: 20px;

    margin-bottom: 13px;

}





.yfly .yflyBb .yflyBc ul li .li .lib .libb a {

    font-size: 16px;

    color: #ffffff;

    background: url(../images/j-icon5.png) no-repeat right 29px center;

    padding-right: 58px;

}



.yfly .yflyBb .yflyBc ul li .li .libbe {

    top: 9%;

}



.yfly .yflyBb .yflyBc ul li:hover {

    background: #36a154;

}





@media(max-width:1680px) {

    .yfly .yflyBb {

        min-width: 600px;

    }



    .yfly .yflyBb .yflyBc ul li .li .lia img {

        width: 80px;

    }



    .yfly .yflyBb .yflyBc ul li .li .lib .liba {

        font-size: 16px;

    }



    .yfly .yflyBb .yflyBc ul li .c {

        font-size: 14px;

        min-height: 90px;

    }

}



@media(max-width:1480px) {

    .yfly .yflyBb .yflyBc ul li {

        padding: 20px 0 30px;

    }

}



@media(max-width:1280px) {

    .yfly .yflyBa:after {

        content: '';

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.3);

        position: absolute;

        left: 0;

        top: 0;

    }



    .yfly .yflyBa img {

        width: 130%;

        max-width: 200%;

    }

}



@media(max-width:1024px) {

    .yfly .yflyBa {

        display: none;

    }



    .yfly .yflyBb {

        width: 100%;

        min-width: 10px;

        position: relative;

        left: 0;

        top: 0;

        transform: translateY(0);

    }



    .yfly .mainTit .et {

        color: #3368c6;

    }



    .yfly .mainTit .t {

        color: #333;

    }



    .yfly .mainTit .c {

        color: #666;

    }

}



@media(max-width:700px) {

    .yfly .yflyBb .yflyBc {

        margin-top: 20px;

        width: 100%;

        overflow-x: scroll;

    }



    .yflyBc ul {

        width: 700px;

    }

}







.cpgx {

    padding: 100px 0;

}







.scjd .fd .left {

    width: 37.2%;

    margin-left: 8.33333%;

    float: left;

}



.scjd .fd .right {

    width: 50%;

    float: right;



}



.scjd .fd .right .swiper-container-aa .swiper-wrapper .swiper-slide .z {

    position: absolute;

    bottom: 5px;

    width: 100%;

    padding: 0 40px;

}



.scjd .fd .right .swiper-container-aa .swiper-wrapper .swiper-slide .z .leftb {

    float: left;

    font-size: 22px;

    border-bottom: 2px solid #7e8081;

    color: #ffffff;

    padding-bottom: 21px;

    margin-top: 64px;

}



.scjd .fd .right .swiper-container-aa .swiper-wrapper .swiper-slide .z .righta {

    float: right;

    font-size: 130px;

    color: #afaca9;

}



.scjd .fd .left .lefta {

    font-size: 16px;

    color: #666666;

    line-height: 26px;

    margin: 24px 0 31px;

}



.left .swiper-button-next-c {

    background: url(../images/scjd-qhr-b.png) no-repeat center center/cover;

    width: 54px;

    height: 55px;

    bottom: -60px;

    top: auto;

    left: calc(8.33333% + 70px);

}



.scjd .fd .left .cpgxA {

    margin-bottom: 20px;

}



.left .swiper-button-next-c:hover {

    background: url(../images/scjd-qhr-lv.png) no-repeat center center/cover;

    width: 54px;

    height: 55px;

}



.left .swiper-button-next-c:after {

    opacity: 0;

}



.left .swiper-button-prev-c {

    background: url(../images/scjd-qhz-b.png) no-repeat center center/cover;

    width: 54px;

    height: 55px;

    bottom: -60px;

    top: auto;

    left: 8.3333%;

}



.left .swiper-button-prev-c:hover {

    background: url(../images/scjd-qhz-lv.png) no-repeat center center/cover;

    width: 54px;

    height: 55px;

}





.left .swiper-button-prev-c:after {

    opacity: 0;

}



.scjd {

    padding: 110px 0 130px;
    background: #ecf2f2;

}

.technA {
    margin-top: 30px;
}

.technA ul li {
    float: left;
    width: 49%;
}

.technA ul li:nth-child(2) {
    float: right;
}



.technA ul li {
    position: relative;
}

.technA ul li .tit {
    overflow: hidden;
    height: 100%;
    position: absolute;
    bottom: 30px;
    left: 3%;
    width: 94%;
    height: 100%;
}

.technA ul li .tit .t {
    font-size: 26px;
    color: #fff;
}

.technA ul li .baseTit {
    line-height: 1;
    font-size: 26px;
    color: #fff;
    position: absolute;
    left: 2%;
    bottom: 20px;
}

.technA ul li .tit .c {
    text-align: justify;
    font-size: 16px;
    line-height: 2;
    color: #fff;
}

.technA ul li .tit .ctit {
    transition: all 0.6s;
    position: absolute;
    left: 0;
    bottom: -100%;
}

.technA ul li:hover .tit .ctit {
    top: auto;
    bottom: 0;
}

.technA ul li:hover .baseTit {
    opacity: 0;
}





@media(max-width: 1680px) {

    .scjd {
        padding: 80px 0 100px;
    }

}

@media(max-width: 1480px) {

    .scjd {
        padding: 60px 0 80px;
    }

    .technA ul li .tit .t,
    .technA ul li .baseTit {
        font-size: 22px;
    }

    .technA ul li .tit .c {
        font-size: 15px;
        line-height: 1.8;
    }

}

@media(max-width: 1280px) {

    .scjd {
        padding: 40px 0 60px;
    }

    .technA ul li .tit .t,
    .technA ul li .baseTit {
        font-size: 18px;
    }

    .technA ul li .tit .c {
        font-size: 14px;
        line-height: 1.8;
    }

    .technA ul li .tit {
        bottom: 20px;
    }

    .technA ul li .baseTit {
        bottom: 10px;
    }

}

@media(max-width: 1024px) {

    .scjd {
        padding: 30px 0 40px;
    }

    .technA ul li {
        width: 100%;
        margin-bottom: 20px;
        border-bottom: 1px solid #dedede;
        padding-bottom: 20px;
    }

    .technA ul li .tit .t,
    .technA ul li .baseTit {
        font-size: 18px;
        color: #333;
    }

    .technA ul li .baseTit {
        display: none;
    }

    .technA ul li .tit .c {
        font-size: 14px;
        color: #666;
        line-height: 1.8;
    }

    .technA ul li .tit .ctit {
        width: 100%;
        position: relative;
        top: 0;
    }

    .technA ul li .tit {
        width: 100%;
        position: relative;
        left: 0;
        bottom: 0;
    }

}



.join ul li {

    cursor: pointer;

    border-bottom: 1px solid #d4d9d9;

}



.fd {

    position: relative;

}





.join ul .current {

    border-top: 2px solid #3368c6;

}



.join ul li .t {

    background: url(../images/sss.png) no-repeat right center;

    font-size: 20px;

    color: #333333;

    line-height: 47px;

    position: relative;

    border-top: 1px solid #d4d9d9;

}



.join ul li>.cont {

    display: none;

    padding: 3px 0 25px;

    text-align: justify;

}



.join ul li>.cont p {

    color: #666666;

    font-size: 16px;

    line-height: 26px;

}





.join ul li.current>.cont {

    display: none;

}



.join ul li .cur {

    border-top: 2px solid #3368c6;

    color: #333333;

}



.join ul li .cur span {

    background: url(../images/g2.png) no-repeat center;

}



.join .getmore {

    text-align: center;

    display: block;

    background: #90c31f;

    font-size: 16px;

    margin: 30px auto;

    color: #fff;

    background: #90c31f;

    width: 172px;

    border-radius: 22px;

    line-height: 44px;

    box-sizing: border-box;

    cursor: pointer;

}



.join ul li .cont .contA {

    font-size: 16px;

    color: #333333;

    font-weight: bold;

}



.join ul li .cont ul {

    margin-top: 19px;

}



.join ul li .cont ul li {

    float: left;

    width: 8%;

    margin-right: 10px;

    text-align: center;

    border: 1px solid #23559c;

    border-radius: 50px;

    line-height: 2;

}



.technA .tit {

    margin-top: 15px;

}



.technA .tit .t {

    font-size: 24px;

    color: #333;

}



.technA .tit .c {

    font-size: 16px;

    color: #666666;

    margin-top: 6px;

    line-height: 1.8;

}





@media(max-width:1680px) {

    .scjd .fd .right .swiper-container-aa .swiper-wrapper .swiper-slide .z {

        padding: 0 30px;

        bottom: 20px;

    }



    .scjd .fd .right .swiper-container-aa .swiper-wrapper .swiper-slide .z .righta {

        font-size: 60px;

        line-height: 1;

    }



    .scjd .fd .right .swiper-container-aa .swiper-wrapper .swiper-slide .z .leftb {

        font-size: 20px;

        padding-bottom: 10px;

        margin-top: 10px;

    }



}



@media(max-width:1480px) {

    .scjd .fd .right .swiper-container-aa .swiper-wrapper .swiper-slide .z {

        padding: 0 20px;

    }







    .left .swiper-button-next-c,

    .left .swiper-button-prev-c {

        bottom: -60px;

    }



    .scjd .fd .right .swiper-container-aa .swiper-wrapper .swiper-slide .z .leftb {

        font-size: 18px;

        padding-bottom: 10px;

        margin-top: 10px;

    }



    .scjd .fd .right .swiper-container-aa .swiper-wrapper .swiper-slide .z .righta {

        font-size: 50px;

    }

}



@media(max-width:1280px) {





    .left .swiper-button-next-c,

    .left .swiper-button-prev-c {

        bottom: -60px;

    }



    .scjd .fd .right .swiper-container-aa .swiper-wrapper .swiper-slide .z .leftb {

        font-size: 16px;

    }



    .scjd .fd .right .swiper-container-aa .swiper-wrapper .swiper-slide .z .righta {

        font-size: 40px;

    }

}



@media(max-width:1024px) {





    .left .swiper-button-next-c,

    .left .swiper-button-prev-c {

        bottom: -60px;

    }



    .left .swiper-button-next-c {

        left: calc(3% + 60px);

    }



    .left .swiper-button-prev-c {

        left: 3%;

    }



    .scjd .fd .right .swiper-container-aa .swiper-wrapper .swiper-slide .z .leftb {

        font-size: 16px;

    }



    .scjd .fd .right .swiper-container-aa .swiper-wrapper .swiper-slide .z .righta {

        font-size: 40px;

    }



    .scjd:before,

    .scjd .fd .left {

        width: 100%;

        margin-left: 0;

        padding: 0 3%;

    }



    .scjd .fd .left .lianxi {

        display: none;

    }



    .scjd .fd .right {

        display: none;

    }



    .technA {

        display: block;

        margin-top: 20px;

    }

}



@media(max-width:520px) {

    .technA .tit .t {

        font-size: 20px;

    }



    .technA .tit .c {

        font-size: 16px;

    }

}



@media(max-width:450px) {

    .technA .tit .t {

        font-size: 18px;

    }



    .technA .tit .c {

        font-size: 14px;

    }

}



.zscqA {

    padding: 110px 0 100px;

    background: #fff;

}



.zscqA-c {

    margin-top: 30px;

}



.zscqA-c table thead {

    background: #333333;

    border-radius: 20px;

    overflow: hidden;

}



.zscqA-c table thead tr td {

    padding: 16px 0;

    font-size: 20px;

    color: #fff;

}



.zscqA-c table {

    border-radius: 10px;

    overflow: hidden;

}



.zscqA-c table thead tr td:first-child {

    border-bottom-left-radius: 10px;

}



.zscqA-c table thead tr td:last-child {

    border-bottom-right-radius: 10px;

}



.zscqA-c table tr td,

.zscqA-c table thead tr td {

    padding: 16px 60px 16px 60px;

    border: 1px solid #e2e2e2;

}



.zscqA-c table tbody tr:nth-child(2n-1) {

    background: #f9f9f9;

    ;

}



.zscqA-c table tbody tr td {

    color: #666666;

    font-size: 16px;

}



@media(max-width:1680px) {

    .zscqA {

        padding: 80px 0 90px;

    }



    .zscqA-c table tr td,

    .zscqA-c table thead tr td {

        padding: 16px 50px 16px 50px;

    }

}



@media(max-width:1580px) {

    .zscqA {

        padding: 70px 0 80px;

    }



    .zscqA-c table tr td,

    .zscqA-c table thead tr td {

        padding: 16px 40px 16px 40px;

    }

}



@media(max-width:1480px) {

    .zscqA {

        padding: 60px 0 80px;

    }



    .zscqA-c table tr td,

    .zscqA-c table thead tr td,

    .zscqA-c table tbody tr td {

        font-size: 14px;

        padding: 16px 30px 16px 30px;

    }

}



@media(max-width:1280px) {

    .zscqA-c {

        margin-top: 20px;

    }



    .zscqA {

        padding: 60px 0 80px;

    }



    .zscqA-c table tr td,

    .zscqA-c table thead tr td,

    .zscqA-c table tbody tr td {

        font-size: 14px;

        padding: 12px 30px 12px 30px;

    }



    .zscqA-c table tr td.sign2,

    .zscqA-c table thead tr td.sign2,

    .zscqA-c table tbody tr td.sign2 {

        width: 120px;

    }

}



@media(max-width:1024px) {

    .zscqA {

        padding: 30px 0 40px;

    }



    .zscqA-c {

        width: 100%;

        overflow-x: scroll;

    }



    .zscqA-c table {

        min-width: 1000px;

    }

}



/* 管线 */

.homeBoxCX-b {

    margin-top: 40px;

}



.homeBoxCX-c {

    margin-bottom: 20px;

}



.homeBoxCX-d dt {

    border-left: 1px solid #e8f5eb;

}



.homeBoxCX-d dt .t {

    border-right: 1px solid #dedede;

    background: #e8f5eb;

    padding-left: 25px;

}



.homeBoxCX-d .t {

    font-size: 16px;

    line-height: 60px;

    color: #003333;

    float: left;

    text-align: left;

}



.homeBoxCX-d dd .t {

    border-right: 1px solid rgba(139, 143, 146, 0.14);

    border-bottom: 1px solid rgba(139, 143, 146, 0.14);

    background: #ecf1f5;

    color: #304765;

    box-sizing: border-box;

}



.homeBoxCX-d dd .t3,

.homeBoxCX-d dd .t4,

.homeBoxCX-d dd .t5 {

    border-right: none;

}



.homeBoxCX-d dd.odd .t {

    background: #ffffff;

}



.homeBoxCX-d dd .t1 {

    color: #06234a;

}



.homeBoxCX-d dd {

    border-left: 1px solid rgba(139, 143, 146, 0.14);

}



.homeBoxCX-d .t4 p {

    overflow: hidden;

    max-height: 0.5rem
}



.homeBoxCX-e {

    z-index: 10;

    position: absolute;

    left: 0.3rem;

    top: 15px;

    text-align: left;

}

.homeBoxCX-ee {

    z-index: 9;

}



.homeBoxCX-e span {

    position: relative;

    display: block;

    color: #fff;

    background: #3368c6;

}

.homeBoxCX-ee span {

    background: #75d08a;

}



.homeBoxCX-e span:after {

    content: '';

    width: 0px;

    height: 0px;

    position: absolute;

    right: -30px;

    top: 0;

    border: 15px solid transparent;

    border-left-color: #3368c6;

}

.homeBoxCX-ee span:after {

    border-left-color: #75d08a;

}



.colorYellow.homeBoxCX-e span {

    background: #e6d24d;

}



.colorYellow.homeBoxCX-e span:after {

    border-left-color: #e6d24d;

}



.homeBoxCX-d dd .t p {

    line-height: 1.4;

    position: absolute;

    width: 100%;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}



.homeBoxCX-d dd .t p span.ti {

    line-height: 1.4;

    display: block;

}



.homeBoxCX-d dd:last-child {

    border-bottom: 1px solid rgba(139, 143, 146, 0.14);

}



.homeBoxCX-d dd {

    position: relative;

}



.homeBoxCX-d dd .t1 p,

.homeBoxCX-d dd .t p {

    position: relative;

    z-index: 12;

    padding: 0 25px;

    word-break: break-all;

}



.homeBoxCX-d dd a {

    transition: all 0.6s;

    opacity: 0;

    text-align: right;

    display: block;

    background: rgba(28, 158, 59, 0.6);

    z-index: 11;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    display: none;

}



.homeBoxCX-d dd a i {

    display: inline-block;

    height: 0.46rem;

    margin: 0 0.3rem;

    color: #fff;

    border-radius: 50px;

    border: 1px solid #fff;

    font-style: normal;

    line-height: 0.46rem;

    width: 1.36rem;

    position: relative;

    top: 50%;

    transform: translateY(-50%);

    text-align: center;

    font-size: 14px;

    text-transform: uppercase
}



.homeBoxCX-d dd:hover .t .Hov {

    color: #fff !important;

}



.homeBoxCX-d dd:hover .Hov {

    color: #fff;

}



.homeBoxCX-d dd:hover a {

    opacity: 1;

}



@media(max-width: 1440px) {

    .homeBoxCX-d dd a i {

        font-size: 12px;

        width: 1.5rem;

    }

}



@media(max-width: 1300px) {

    .homeBoxCX-d dd a i {

        font-size: 12px;

        width: 1.8rem;

    }

}



.homeBoxCX-d .t2 .div1,

.homeBoxCX-d .t3 .div1,

.homeBoxCX-d .t4 .div1,

.homeBoxCX-d .t5 .div1,

.homeBoxCX-d .t6 .div1,

.homeBoxCX-d .t7 .div1,
.homeBoxCX-d .t8 .div1,
.homeBoxCX-d .t9 .div1,
.homeBoxCX-d .t10 .div1,

.homeBoxCX-d .t11 .div1 {

    position: relative;

    height: 60px;

}



.homeBoxCX-d dd.h1 .t1,
.homeBoxCX-d dd.h1 .t9,

.homeBoxCX-d dd.h1 .t11 {

    min-height: 0;

    padding-top: 60px;

    position: relative;

}



.homeBoxCX-d dd.h2 .t1,
.homeBoxCX-d dd.h2 .t9,

.homeBoxCX-d dd.h2 .t11 {
    min-height: 0;
    padding-top: 120px;
    position: relative;
}

.homeBoxCX-d dd.h3 .t1,
.homeBoxCX-d dd.h3 .t9,
.homeBoxCX-d dd.h3 .t11 {

    min-height: 0;

    padding-top: 180px;

    position: relative;

}



.homeBoxCX-d dd.h4 .t1,
.homeBoxCX-d dd.h4 .t9,

.homeBoxCX-d dd.h4 .t11 {

    min-height: 0;

    padding-top: 240px;

    position: relative;

}



.homeBoxCX-d dd.h5 .t1,
.homeBoxCX-d dd.h5 .t9,

.homeBoxCX-d dd.h5 .t11 {

    min-height: 0;

    padding-top: 300px;

    position: relative;

}



.homeBoxCX-d dd.h6 .t1,
.homeBoxCX-d dd.h6 .t9,

.homeBoxCX-d dd.h6 .t11 {

    min-height: 0;

    padding-top: 360px;

    position: relative;

}



.homeBoxCX-d dd.h7 .t1,
.homeBoxCX-d dd.h7 .t9,

.homeBoxCX-d dd.h7 .t11 {

    min-height: 0;

    padding-top: 420px;

    position: relative;

}



.homeBoxCX-d dd.h8 .t1,
.homeBoxCX-d dd.h8 .t9,

.homeBoxCX-d dd.h8 .t11 {

    min-height: 0;

    padding-top: 480px;

    position: relative;

}



.homeBoxCX-d dd.h9 .t1,
.homeBoxCX-d dd.h9 .t9,

.homeBoxCX-d dd.h9 .t11 {

    min-height: 0;

    padding-top: 540px;

    position: relative;

}



.homeBoxCX-d dd.h10 .t1,
.homeBoxCX-d dd.h10 .t9,

.homeBoxCX-d dd.h10 .t11 {

    min-height: 0;

    padding-top: 600px;

    position: relative;

}



.homeBoxCX-d dd .t1 p,
.homeBoxCX-d dd .t9 p,

.homeBoxCX-d dd .t11 p {

    line-height: 1.4;

    position: absolute;

    width: 100%;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}

.homeBoxCX-d dd .t11 p {
    text-indent: 0;
    text-align: center;
}

.homeBoxCX-d .t1 {
    width: 15%;
    height: 100%;
}

.homeBoxCX-d .t2 {
    width: 20.9%;
}

.homeBoxCX-d .t3 {
    width: 12%;
}

.homeBoxCX-d .t4 {
    width: 12%;
}

.homeBoxCX-d .t5 {
    width: 12%;
}

.homeBoxCX-d .t6 {
    width: 12%;
}

.homeBoxCX-d .t7 {
    width: 16.05%;
}

.homeBoxCX-d .t8 {
    width: calc(19.2% - 1px);
    display: none;
}

.homeBoxCX-d .t9 {
    width: 8%;
}

.homeBoxCX-d .t10 {
    width: 9%;
}

.homeBoxCX-d .t11 {
    width: 9%;
}

.homeBoxCX-e {
    left: 0;
}

.homeBoxCX-e span {
    padding-left: 0;
    height: 30px;
    line-height: 30px;
    text-align: right;
    padding-right: 10px;

}

.upDow .homeBoxCX-e span {
    height: 20px;
    line-height: 20px;
}

.upDow .homeBoxCX-e {
    top: 8px;
}

.upDow .homeBoxCX-ee {
    top: auto;
    bottom: 8px;
}

.upDow .homeBoxCX-e span:after {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    right: -20px;
    border: 10px solid transparent;
    border-left-color: #3368c6;
}

.upDow .homeBoxCX-ee span:after {
    border-left-color: #75d08a;
}

.homeBoxCX-e span em {

    font-style: normal;

    padding-left: .2rem;

}







.homeBoxCX-d dd.h1 .t .div1 {

    position: relative;

    border-bottom: none;

}



.homeBoxCX-d .t2 .div1,

.homeBoxCX-d .t3 .div1,

.homeBoxCX-d .t4 .div1,

.homeBoxCX-d .t5 .div1,

.homeBoxCX-d .t6 .div1,

.homeBoxCX-d .t7 .div1,
.homeBoxCX-d .t8 .div1,
.homeBoxCX-d .t9 .div1,
.homeBoxCX-d .t10 .div1,

.homeBoxCX-d .t11 .div1 {

    position: relative;

    height: 60px;

    border-bottom: 1px solid rgba(139, 143, 146, 0.14);

}





.homeBoxCX-f ul li.sign6 p {

    padding-left: 50px;

}



.homeBoxCX-f ul li p .ico6 {

    width: 45px;

    height: 15px;

    border-radius: 10px;

    background: #fff;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    border: 1px dashed #0890d3;

}





.homeBoxCX-b .homeBoxCX-d {

    display: none;

}



.homeBoxCX-b .homeBoxCX-c:first-child .homeBoxCX-d {

    display: block;

}



.guanxian {

    font-size: 20px;

    color: #333333;

    padding: 0 25px;

    border: 1px solid #dedede;

    cursor: pointer;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}



.guanxian .tit {

    font-size: 20px;

    color: #333333;

    padding: 16px 0;

    background: url(../images/gxa.png) no-repeat right center;

}



.homeBoxCX-c.cur .guanxian .tit {

    background: url(../images/ss.png) no-repeat right center;

    background-size: 35px auto;

}



.homeBoxCX-c.cur .guanxian {

    background: #333333;

    color: #fff;

}



.homeBoxCX-c.cur .guanxian .tit {

    color: #fff;

}



.homeBoxCX-d .t2 .div1:last-child,

.homeBoxCX-d .t3 .div1:last-child,

.homeBoxCX-d .t4 .div1:last-child,

.homeBoxCX-d .t5 .div1:last-child,

.homeBoxCX-d .t6 .div1:last-child,

.homeBoxCX-d .t7 .div1:last-child,
.homeBoxCX-d .t8 .div1:last-child,
.homeBoxCX-d .t9 .div1:last-child,
.homeBoxCX-d .t10 .div1:last-child,

.homeBoxCX-d .t11 .div1:last-child {

    border-bottom: 0;

}



.homeBoxCX-d dd:hover .t1 p {

    color: #06234a;

}



.homeBoxCX-d dd .t8 p,

.homeBoxCX-d dd .t2 p,

.homeBoxCX-d dd .t7 p {

    z-index: 1;

}



.homeBoxCX-d dd .mainMore {

    padding: 12px 50px 12px 20px;

    text-indent: 0;

    ;

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translateY(-50%);

    ;

}



/* 手机管线 */

.guanxianMob {

    display: none;

}



.guanxianMob .topTit {

    padding: 16px 20px;

    border: 1px solid #dedede;

    border-top: none;

}



.guanxianMob .topTit .t {

    font-size: 20px;

    color: #333333;

    line-height: 2.4;

}



.guanxianMob .topTit a {

    float: right;

}



.guanxianMob .guanXcon {

    border: 1px solid #dedede;

    border-top: none;

}





.guanxianMob .guanXcon .fl {

    padding: 10px 20px;

}



.guanxianMob .guanXcon .t {

    font-size: 18px;

    color: #3368c6;

    float: none;

    line-height: 2;

}



.guanxianMob .guanXcon .c {

    font-size: 18px;

    color: #666666;

    margin-bottom: 0px;

    float: none;

    line-height: 2;

}



.guanXList {

    padding: 0px 0px;

    border-top: 1px solid #dedede;

}



.guanXList .guanXList-a {

    position: relative;

    text-align: center;

    padding-top: 60px;

    font-size: 18px;

    color: #666;

    height: 100px;

    float: left;

    width: 25%;

    border-bottom: 1px solid #dedede;

    border-right: 1px solid #dedede;

}

.guanXList .guanXList-a .top {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 10px;
    height: 40px;
    background: #3368c6;
}

.guanXList .guanXList-a.upDown .top {
    height: 20px;
    top: 5px;
}

.guanXList .guanXList-a .topa {
    top: 10px;
    z-index: 9;
    background: #75d08a;
}

.guanXList .guanXList-a.upDown .topa {
    top: 30px;
}

.guanXList .guanXList-a .top em {
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    font-style: normal;
    text-align: right;
    padding-right: 10px;
}

.guanXList .guanXList-a.upDown .top em {
    line-height: 20px;
}

.guanXList .guanXList-a .top span {
    text-align: right;
    display: block;
}

.guanXList .guanXList-a .top:after {
    content: '';
    width: 0px;
    height: 0px;
    top: 0;
    position: absolute;
    right: -40px;
    border: 20px solid transparent;
    border-left-color: #3368c6;
}

.guanXList .guanXList-a.upDown .top:after {
    content: '';
    width: 0px;
    height: 0px;
    top: 0;
    position: absolute;
    right: -20px;
    border: 10px solid transparent;
    border-left-color: #3368c6;
}

.guanXList .guanXList-a .topa:after {
    border-left-color: #75d08a;
}

.guanXList .guanXList-a.upDown .topa:after {
    border-left-color: #75d08a;
}

@media(max-width:1880px) {
    .homeBoxCX-d .t {
        font-size: 16px;
    }
}

@media(max-width:1680px) {
    .cpgx {
        padding: 80px 0;
    }

    .homeBoxCX-b {
        margin-top: 30px;
    }

    .guanxian .tit {
        padding: 12px 0;
    }

    .guanxian {
        padding: 0 16px;
    }

    .homeBoxCX-d dt .t,
    .homeBoxCX-d dd .t1 p,
    .homeBoxCX-d dd .t p {
        padding-left: 16px;
    }
}

@media(max-width:1380px) {
    .cpgx {
        padding: 50px 0;
    }

    .homeBoxCX-b {
        margin-top: 20px;
    }

    .homeBoxCX-d .t {
        font-size: 14px;
    }

    .guanxian {
        padding: 0 12px;
    }

    .homeBoxCX-d dt .t,
    .homeBoxCX-d dd .t1 p,
    .homeBoxCX-d dd .t p {
        padding-left: 12px;
    }
}

@media(max-width:1024px) {
    .cpgx {
        padding: 30px 0 40px;
    }

    .guanxianPc {
        display: none;
    }

    .guanxianMob {
        display: block;
    }
}

.cpgxA .left {
    float: left;
}

@media(max-width:450px) {
    .cpgxA .left {
        width: 100%;
    }

    .cpgxA .right {
        float: left;
        margin-top: 20px;
    }
}

@media(max-width: 500px) {
    .guanxianMob .topTit {
        padding: 12px 12px;
    }

    .guanxianMob .topTit .t {
        font-size: 16px;
        line-height: 2.4;
    }

    .guanxianMob .guanXcon .fl {
        padding: 10px 12px;
    }

    .guanxianMob .guanXcon .t {
        font-size: 16px;
        line-height: 2;
    }

    .guanxianMob .guanXcon .c {
        font-size: 16px;
        line-height: 2;
    }

    .guanXList .guanXList-a {
        /*padding-top: 45px;*/
        font-size: 14px;
        /*height: 80px;*/
    }

    .guanXList .guanXList-a .top {
        top: 5px;
        height: 30px;
    }

    .guanXList .guanXList-a .top em {
        font-size: 14px;
        line-height: 30px;
        padding-right: 10px;
    }

    .guanXList .guanXList-a .top:after {
        content: '';
        width: 0px;
        height: 0px;
        position: absolute;
        right: -30px;
        border: 15px solid transparent;
        border-left-color: #3368c6;
    }

    .guanXList .guanXList-a .topa:after {
        border-left-color: #75d08a;
    }
}

/*科学研究详情*/
.techDetail {
    padding: 100px 0 110px;
}

.techDetail-b {
    float: left;
    width: 44.8%;
}

.techDetail-c {
    float: right;
    width: 50.1%;
}

.techDetail-b .c {
    line-height: 2;
    margin: 15px 0 20px;
    text-align: justify;
}

.techDetail-b .c ul {
    list-style: disc;
    margin-left: 20px;
}

.techDetail-c {
    float: right;
    width: 50.1%;
}

@media(max-width: 1680px) {
    .techDetail {
        padding: 80px 0 90px;
    }

    .techDetail-b .c {
        line-height: 1.8;
        margin: 12px 0 15px;
    }
}

@media(max-width: 1480px) {
    .techDetail {
        padding: 60px 0 70px;
    }

    .techDetail-b .c {
        font-size: 14px;
    }
}

@media(max-width: 1280px) {
    .techDetail {
        padding: 40px 0 50px;
    }

    .techDetail-b .c {
        font-size: 14px;
    }

    .techDetail-b {
        width: 43%;
    }

    .techDetail-c {
        width: 53%;
    }
}

@media(max-width: 1080px) {
    .techDetail {
        padding: 30px 0 50px;
    }

    .techDetail-b .c {
        font-size: 16px;
    }

    .techDetail-b {
        width: 100%;
    }

    .techDetail-c {
        width: 100%;
        margin-top: 40px;
    }
}

.gxCon {
    padding-top: 10px;
}

.gxCon ol {
    list-style-type: decimal;
    margin-left: 15px;
    line-height: 2;
}

.gxCon ol li {
    margin-bottom: 10px;
}

.endLan {
    text-align: center;
}

.endLan a {
    display: inline-block !important;
    width: 30%;
    text-align: center;
    padding: 0;
}

.img-box {
	position: relative;
}
.img-box .img {
	position: absolute!important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.xwzx-B .xwks .left .img-box {
	width: 100%;
	padding-bottom: 50%;
}
.xwzx-B .nrmk ul li .img-box {
	width: 100%;
	padding-bottom: 70%;
}
.nr .right .img-box {
	width: 100%;
	padding-bottom: 70%;
}