@charset "utf-8";

/*首页 第一屏 s*/

.HomeMenu {
    position: fixed;
    z-index: 100;
    width: 155px;
    background: url(../images/fpnavbg.png) 8px top repeat-y;
    top: 47%;
    padding: 7px 0;
    right: 0;
    line-height: 43px;
    opacity: 1;
}

.HomeMenu li {
    padding-left: 54px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    color: #fff;
}

.HomeMenu li i {
    width: 10px;
    height: 1px;
    background: #fff;
    font-size: 0;
    left: 38px;
    top: 50%;
    position: absolute;
    transition: all 1s 0.1s;
}

.HomeMenu li a {
    color: #fff;
}

.HomeMenu li.active {
    font-size: 16px;
    font-weight: bold;
    color: #00b9fa;
}

.HomeMenu li.active span {
    width: 18px;
    height: 31px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/mouse.png) 0px center no-repeat;
}

.HomeMenu li.active i {
    left: 28px;
    width: 20px;
    background: #00b9fa;
}

.HomeMenu li:hover i {
    background: #00b9fa;
}

.HomeMenu li.active a,
.HomeMenu li:hover a {
    color: #00b9fa;
}

@-webkit-keyframes rightan {
    from {
        top: -25px;
        opacity: 0;
    }
    to {
        top: 6px;
        opacity: 1;
    }
}

.downarr {
    -webkit-animation: rightan 1s infinite;
    -webkit-animation-fill-mode: both;
    width: 17px;
    height: 133px;
    background: url(../images/home/scroll.png);
    position: absolute;
    bottom: 3%;
    right: 10%;
    z-index: 999;
}

.sec-1 {
    position: relative;
}

.HomeBan {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
    background: url(../images/loading.gif) center center no-repeat;
}

.HomeBan .slick-slide {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.HomeBan .slick-slide .txt {
    z-index: 10;
    position: absolute;
    left: 10%;
    width: 80%;
    top: 50%;
    text-align: center;
    line-height: 74px;
    margin-top: -37px;
}

.HomeBan .slick-slide .txt.sj,
.HomeBan .slick-slide .imgbox.sj {
    display: none;
}

.HomeBan .slick-slide .imgbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.HomeBan .slick-dots {
    bottom: 130px;
    left: auto;
    width: 130px;
    margin-left: 0;
    right: 5%;
    line-height: 20px;
    height: 20px;
    display: none !important;
}

.HomeBan .slick-dots li {
    border-radius: 50%;
    margin: 0 5px;
    display: inline-block;
}

.HomeBan .slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff !important;
    border: 0;
    cursor: pointer;
    padding: 0;
    font-size: 0;
    transition: all 0.3s ease-in-out;
}

.HomeBan .slick-dots li.slick-active button {
    background: #fff;
    width: 24px;
    border-radius: 25px;
    border: 2px solid #00b9fa !important;
}

.HomeBan .slick-arrow {
    display: none !important;
}

.HomeBan .slick-prev {
    left: -100px;
}

.HomeBan .slick-next {
    right: -100px;
}

.HomeBan:hover .slick-prev {
    left: 4%;
}

.HomeBan:hover .slick-next {
    right: 4%;
}

.HomeBan .slick-slide.active .scaleBg1,
.HomeBan .slick-slide.active .scaleBg3,
.HomeBan .slick-slide.active .scaleBg5 {
    -webkit-animation: scale-bg 8s ease-in-out 0s 1 alternate forwards;
    animation: scale-bg 8s ease-in-out 0s 1 alternate forwards;
}

.HomeBan .slick-slide .scaleBg2,
.HomeBan .slick-slide .scaleBg4,
.HomeBan .slick-slide .scaleBg6 {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}

.HomeBan .slick-slide.active .scaleBg2,
.HomeBan .slick-slide.active .scaleBg4,
.HomeBan .slick-slide.active .scaleBg6 {
    -webkit-animation: scale-bg2 8s ease-in-out 0s 1 alternate forwards;
    animation: scale-bg2 8s ease-in-out 0s 1 alternate forwards;
}

.HomeNotice {
    position: absolute;
    bottom: 155px;
    left: 3%;
    right: 3%;
    z-index: 10;
    color: #fff;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
}

.HomeNotice .ico {
    position: absolute;
    left: 0;
    top: 0;
}

.HomeNotice .slider {
    margin-left: 41px;
    width: 530px;
}

.HomeNotice .slick-slide {
    position: relative;
}

.HomeNotice .slick-slide .tit {
    color: #fff;
    width: 75%;
}


/*.HomeNotice .slick-slide:hover .tit{ margin-left:10px;
 -webkit-transform:scale(1.04);
-moz-transform:scale(1.04);
-ms-transform:scale(1.04);
-o-transform:scale(1.04);}*/

.HomeNotice .slick-slide .date {
    position: absolute;
    right: 0;
    top: 0;
    transition: all ease 0.5s;
    color: #fff;
}

.HomeFast {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}

.HomeFast .slick-slide {
    position: relative;
}

.HomeFast .slick-slide a {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    letter-spacing: 0.1em;
    margin-right: -0.1em;
    margin-left: -1px;
    display: block;
    padding-top: 18px;
    height: 86px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
}


/* .HomeFast .slick-slide:hover .i1{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0);}
.HomeFast .slick-slide:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);} */

.HomeFast .slick-slide .bg {
    width: 0;
    height: 0;
    background-color: #00a7ea;
    background-image: url(../images/sign.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transition: all ease 0.15s;
}

.HomeFast .slick-slide:hover .bg {
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
}

.HomeFast .slick-slide a em {
    font-size: 16px;
}

.HomeFast .slick-arrow {
    background-color: rgba(255, 255, 255, 0.1);
    width: 30px;
    height: 30px;
}

.HomeFast .slick-prev {
    left: -10px;
}

.HomeFast .slick-next {
    right: -10px;
}

@media ( max-width:1400px) {
    .HomeBan .slick-slide .txt img {
        max-width: 55%;
    }
    .HomeFast .slick-slide a {
        padding-top: 12px;
        height: 76px;
    }
}

@media ( max-width:1024px) {
    #HomeMenu {
        display: none;
    }
    .HomeNotice {
        bottom: 130px;
    }
    .HomeFast .w1400 {
        width: auto;
    }
    .HomeFast .slick-slide a {
        font-size: 16px;
    }
    .HomeBan .slick-prev {
        background-image: url(../images/ico/left2.png);
    }
    .HomeBan .slick-next {
        background-image: url(../images/ico/right2.png);
    }
}

@media ( max-width:767px) {
    .HomeBan .slick-slide .txt,
    .HomeBan .slick-slide .imgbox {
        display: none;
    }
    .HomeBan .slick-slide .txt.sj {
        display: block;
    }
    .HomeBan .slick-slide .imgbox.sj {
        display: block !important;
    }
    .HomeBan .slick-dots li {
        border: 0 !important;
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    .HomeFast .slick-slide .ico {
        width: 25px;
        height: 25px;
        margin-bottom: 5px;
    }
    .HomeFast .slick-slide .i1,
    .HomeFast .slick-slide .i2 {
        width: 25px;
        height: 25px;
    }
    .HomeFast .slick-slide a {
        font-size: 14px;
        padding-top: 11px;
        height: 66px;
    }
    .HomeFast .slick-slide a em {
        display: block;
        max-width: 75px;
        line-height: 15px;
        margin: 0px auto;
        font-size: 13px;
    }
    .HomeNotice {
        bottom: 80px;
    }
    .HomeNotice .slider {
        width: auto;
    }
}

@media ( max-width:480px) {
    .HomeBan .slick-slide .txt img {
        max-width: 100%;
    }
    .HomeNotice .slider {
        margin-left: 24px;
    }
    .HomeNotice .slick-slide .tit {
        width: 68%;
    }
}


/*首页 第一屏 end*/


/*首页 第二屏 s*/

.jrins {
    text-align: center;
    font-size: 25px;
    color: #111;
    text-align: center;
    line-height: 36px;
}


/* .jrins i{display: block;} */

.sec-2 {
    background: url(../images/sec2_bg.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.sec-2 .w1400 {
    padding: 3% 0;
}

.sec-2 .Tithead {
    text-align: center;
    color: #fff;
    padding-bottom: 29px;
    transition: all 1s;
}

.sec-2 .Tithead h2 {
    font-weight: normal;
    line-height: 68px;
    font-size: 38px;
}

.sec-2 .Tithead p {
    opacity: 0.6;
}

.sec-2 .Nav {
    text-align: center;
    margin-bottom: 35px;
    transition: all 1s 0.2s;
    border-bottom: 1px solid #cecece;
    font-size: 0;
    height: 54px;
}

.sec-2 .Nav li {
    display: inline-block;
    padding: 0 2%;
    position: relative;
}

.sec-2 .Nav li::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 22px;
    right: 0;
    top: 50%;
    margin-top: -11px;
    background: #cecece;
}

.sec-2 .Nav li:last-child::after {
    display: none;
}

.sec-2 .Nav li a {
    z-index: 2;
    position: relative;
    display: block;
    line-height: 54px;
    /*width:178px; background: #fff;*/
    font-size: 20px;
    color: #333;
}

.sec-2 .Nav li .bg {
    width: 0;
    height: 2px;
    background: #00a7ea;
    position: absolute;
    bottom: -1px;
    left: 50%;
    z-index: 2;
}


/* .sec-2 .Nav li.on .bg{ width:100%; left: 0;}  */


/* .sec-2 .Nav li.on a{background: #00a7ea; color: #fff;} */

.sec-2 .ico {
    display: none;
    vertical-align: middle;
    margin: 0 5px 0 0;
    width: 31px;
    height: 31px;
}

.sec-2 .ico .i1,
.sec-2 .ico .i2 {
    width: 31px;
    height: 31px;
}


/* .sec-2 .Nav li:hover .i1{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0);}
.sec-2 .Nav li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);} */


/* .sec-2 .slidebox{opacity:0;transition:all 1s 0.4s;} */

.sec-2 .slick-slide .relative {
    z-index: 1;
}

.sec-2 .slick-slide {}

.sec-2 .slick-slide .box {
    margin: 0 12px 0 13px;
    transition: all ease 0.3s;
    background: rgba(255, 255, 255, 0.3);
}

.sec-2 .slick-slide .imgbox {
    padding-top: 52%;
    transition: all ease 0.2s;
}

.sec-2 .slick-slide .info {
    padding: 15px 23px 26px;
    color: #333;
    transition: all ease 0.2s;
    position: relative;
}

.sec-2 .slick-slide .ti {
    line-height: 57px;
    height: 57px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/linebg.png) 0px bottom repeat-x;
    font-size: 22px;
}

.sec-2 .slick-slide .num,
.sec-2 .slick-slide .p {
    margin: 16px 0 19px;
}

.sec-2 .slick-slide .p {
    line-height: 31px;
    -webkit-line-clamp: 2;
    max-height: 62px;
}

.sec-2 .slick-slide .num li {
    float: left;
    font-size: 18px;
}

.sec-2 .slick-slide .num li .bfb {
    font-weight: normal;
}

.sec-2 .slick-slide .num li.l1 {
    width: 41%;
}

.sec-2 .slick-slide .num li.l2 {
    width: 33%;
}

.sec-2 .slick-slide .num li.l3 {
    width: 26%;
}

.sec-2 .slick-slide .num li i {
    display: block;
    line-height: 27px;
    color: rgba(51, 51, 51, 0.8);
}

.sec-2 .slick-slide .detail {
    display: none;
    color: #333;
}

.sec-2 .slick-slide .detail i {
    margin-left: 10px;
}

.sec-2 .slick-slide:hover .detail {
    color: #fff;
}

.sec-2 .slick-slide .info:after {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    content: '';
    transition: 0.2s ease-in-out;
}

.sec-2 .slick-slide:hover .info:after {
    height: 100%;
    opacity: 1;
    background: #00a7ea;
}

.sec-2 .slick-slide:hover .info {
    color: #fff;
}

.sec-2 .slick-slide:hover .num i {
    color: rgba(255, 255, 255, 0.8);
}


/* .sec-2 .slick-slide:hover .imgbox{ margin-top:-44px;} */


/* .sec-2 .slick-slide .box:hover{ transform: translateY(0);} */


/* .sec-2 .slick-dots{ display:none !important;} */


/* .sec-2.active .Tithead,.sec-2.active .Nav{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.sec-2.active .slidebox{opacity:1;} */

@media ( max-width:1600px) {
    .sec-2 .Tithead {
        padding-bottom: 10px;
        margin-top: 70px;
    }
    .sec-2 .Tithead h2 {
        line-height: 36px;
        font-size: 26px;
    }
    .sec-2 .Nav {
        margin-bottom: 15px;
        height: 40px;
    }
    .sec-2 .Nav li a {
        width: 150px;
        line-height: 40px;
        font-size: 18px;
    }
    .sec-2 .slick-slide .box {
        transform: translateY(13px);
    }
    .sec-2 .slick-slide .imgbox {
        padding-top: 40%;
    }
    .sec-2 .slick-slide .info {
        padding: 0px 23px 18px;
    }
    .sec-2 .slick-slide .ti {
        line-height: 45px;
        height: 45px;
        font-size: 20px;
    }
    .sec-2 .slick-slide .btn a {
        width: 128px;
        line-height: 35px;
    }
    .sec-2 .slick-slide .num,
    .sec-2 .slick-slide .p {
        margin: 12px 0;
    }
    /* .sec-2 .slick-slide:hover .info{padding-top: 32px;} */
}

@media ( max-width:1366px) {
    .sec-2 .Nav {
        margin-bottom: 35px;
    }
}

@media ( max-width:1024px) {
    .jrins {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .sec-2 .Nav {
        margin-bottom: 15px;
    }
    .sec-2 {
        overflow: hidden;
        padding: 0;
    }
    .sec-2 .Tithead,
    .sec-2 .Nav {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        opacity: 1;
        margin-top: 0;
    }
    .sec-2 .slidebox {
        opacity: 1;
    }
    .sec-2 .slick-slide .box {
        transform: translateY(0);
    }
    .sec-2 .slick-slide .btn {
        display: block;
    }
    .sec-2 .slick-slide .btn a {
        width: 106px;
        color: #888;
        border: 1px solid #888;
        ;
    }
    .sec-2 .slick-slide:hover .btn a {
        border: 1px solid #fff;
        color: #fff;
    }
    /* .sec-2 .slick-slide:hover .info{ padding-top:45px;} */
}

@media ( max-width:767px) {
    .jrins {
        font-size: 18px;
    }
    .jrins i {
        display: inline-block;
    }
    .sec-2 .Tithead h2 {
        font-size: 18px;
        padding-top: 22px;
        line-height: 40px;
    }
    .sec-2 .Nav {
        margin-bottom: 20px;
    }
    .sec-2 .Nav li {
        padding: 0 1px;
    }
    .sec-2 .Nav li a {
        width: 90px;
        font-size: 12px;
    }
    .sec-2 .slick-arrow {
        display: none !important;
    }
    .sec-2 .slick-dots {
        display: block !important;
    }
    .sec-2 .slick-slider {
        padding-bottom: 30px;
    }
    .sec-2 .slick-slide .box {
        margin: 0;
    }
    .sec-2 .slick-slide .btn a {
        width: 100px;
    }
    .sec-2 .slick-slide .num li {
        font-size: 16px;
    }
    .sec-2 .ico {
        width: 25px;
        height: 25px;
    }
    .sec-2 .ico .i1,
    .sec-2 .ico .i2 {
        width: 25px;
        height: 25px;
    }
}

@media ( max-width:350px) {
    .sec-2 .Nav {
        margin-bottom: 12px;
    }
    .sec-2 .slick-slide .imgbox {
        padding-top: 45%;
    }
    .sec-2 .Nav li a {
        line-height: 32px;
    }
    .sec-2 .slick-slide .btn a {
        line-height: 25px;
        font-size: 12px;
        width: 80px;
    }
    .sec-2 .Tithead p {
        font-size: 12px;
        line-height: 20px;
    }
    .sec-2 .slick-slide .ti {
        line-height: 32px;
        height: 32px;
        font-size: 16px;
    }
    .sec-2 .slick-slide .num li {
        font-size: 14px;
    }
    .sec-2 .slick-slide .num,
    .sec-2 .slick-slide .p {
        margin: 7px 0;
    }
    /* .sec-2 .slick-slide:hover .info{ padding-top:15px;} */
    .sec-2 .slick-slide:hover .imgbox {
        margin-top: 0px;
    }
    .sec-2 .slick-slide .info {
        padding-bottom: 10px;
    }
}


/*首页 第二屏 end*/


/*首页 第三屏 s*/

.sec-3 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    min-height: 240px;
    height: auto !important;
    height: 240px;
}

.sec-3 .info {
    float: left;
    width: 37.71%;
    padding: 8% 2%;
    color: #fff;
    transition: all 1s;
    position: relative;
}

.sec-3 .info .tithead {
    font-weight: normal;
    line-height: 42px;
    margin-bottom: 5%;
    font-size: 38px;
}

.sec-3 .info .tithead a {
    color: #fff;
}

.sec-3 .info .tithead span {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 6px;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
}

.sec-3 .info .tithead:hover span {
    border-bottom: 3px solid #00a7ea;
}

.sec-3 .info .tithead i {
    font-size: 36px;
}

.sec-3 .info .p {
    opacity: 0.7;
    letter-spacing: 0.15em;
    margin-right: -0.1em;
    text-align: justify;
    text-justify: distribute;
    font-size: 17px;
}

.sec-3 .info:before,
.sec-3 .info:after {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    content: '';
    transition: 0.5s ease-in-out;
    display: none;
}

.sec-3 .info:before {
    left: 0;
    top: 0;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.sec-3 .info:after {
    right: 0;
    bottom: 0;
    border-left-color: transparent;
    border-top-color: transparent;
}

.sec-3 .info:hover:before,
.sec-3 .info:hover:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    background: #00a7ea;
}

.sec-3 .imgright {
    width: 62.14%;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 50%;
    margin-top: -240px;
    transition: all 1s 0.5s;
}

.sec-3 .imgright .pimg {
    z-index: 10;
    max-width: 109px;
    display: none;
}

.sec-3 .imgright .p1 {
    position: absolute;
    left: 21%;
    top: 4%;
    cursor: pointer;
}

.sec-3 .imgright .p2 {
    position: absolute;
    left: 21%;
    top: 33%;
    cursor: pointer;
}

.sec-3 .imgright .p3 {
    position: absolute;
    right: 17%;
    top: 26%;
    cursor: pointer;
}

.sec-3 .imgright .p4 {
    position: absolute;
    right: 17%;
    top: 54.5%;
    cursor: pointer;
}

.sec-3 .imgright .imgbox {
    padding-top: 480px;
}

.sec-3 .imgright .txt {
    transition: all ease 0.3s;
    width: 180px;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -60px;
    top: -50px;
    background: rgba(0, 167, 234, 0.9);
    padding: 15px;
    color: #333;
    line-height: 24px;
    color: #fff;
}

.sec-3 .imgright .p {
    -webkit-line-clamp: 4;
}

.sec-3 .imgright .txt a {
    color: #fff;
}

.sec-3 .imgright .pimg.on {
    z-index: 11;
}

.sec-3 .imgright .pimg.on .txt {
    opacity: 1;
    top: -8px;
    visibility: visible;
}

.BranchBox .hd li.i8{top: 42%; right: 11%;}
.BranchBox .hd li.i9{top: 48%; right: 38%;}
.BranchBox .hd li.i8 i{-webkit-animation: warn 3s ease-out infinite; -moz-animation: warn 3s ease-out infinite; -ms-animation: warn 3s ease-out infinite; animation: warn 3s ease-out infinite;}
.BranchBox .hd li.i9 i{-webkit-animation: warn 2.6s ease-out infinite; -moz-animation: warn 2.6s ease-out infinite; -ms-animation: warn 2.6s ease-out infinite; animation: warn 2.6s ease-out infinite;}

/* .sec-3.active .info{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.sec-3.active .imgright{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);} */

@media ( max-width:1440px) {
    .sec-3 .imgright .p1 {
        left: 11%;
    }
    .sec-3 .imgright .p2 {
        left: 11%;
    }
}

@media ( max-width:1366px) {
    .sec-3 .info .tithead {
        font-size: 28px;
        margin-bottom: 3%;
    }
    .sec-3 .info .tithead i {
        font-size: 26px;
    }
}

@media ( max-width:1024px) {
    .sec-3 {
        overflow: hidden;
        padding: 3% 0;
    }
    .sec-3 .More {
        margin: 0px auto;
    }
    .sec-3 .info {
        float: none;
        width: auto;
        height: auto;
        margin: 0 0 5%;
        background: none;
        padding: 0;
        text-align: center;
    }
    .sec-3 .imgright {
        width: auto;
        position: relative;
        margin-top: 0;
    }
    .sec-3 .info {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        opacity: 1;
    }
    .sec-3 .imgright .imgbox {
        padding-top: 60%;
        transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
    }
    .sec-3 .info:hover:before,
    .sec-3 .info:hover:after {
        background: none;
    }
}

@media ( max-width:767px) {
    .sec-3 .info .tithead {
        font-size: 18px;
        line-height: 40px;
    }
    .sec-3 .info .tithead i {
        font-size: 16px;
    }
    .sec-3 .info .p {
        font-size: 14px;
    }
    .sec-3 .info:hover {
        background: none;
    }
    .sec-3 .imgright .pimg {
        zoom: .6;
    }
}

@media ( max-width:580px) {
    .sec-3 .imgright .pimg {
        zoom: .4;
    }
    .sec-3 .imgright .txt {
        line-height: 30px;
    }
}

@media ( max-width:350px) {
    .sec-3 .info .p {
        font-size: 12px;
        line-height: 20px;
    }
}


/*首页 第三屏 end*/


/* 个人金融_hq */

.HotRecommend .item img {
    display: block;
    width: 100%;
    height: 400px;
}

.HotRecommend .slick-dots {
    bottom: 25px;
    line-height: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    z-index: 20;
}

.HotRecommend .slick-dots li button {
    border: 2px solid rgba(0, 0, 0, 0.33);
    background: none;
    transition: 0.3s ease-in-out;
}

.HotRecommend .slick-dots li.slick-active button {
    background: #00a7ea;
    border: 2px solid #00a7ea;
    width: 24px;
    border-radius: 25px;
}

.Title01.tc {
    text-align: left !important;
}

.Title01.tc .auto {
    margin: 0;
}

.Title01.white .name,
.Title01.white .info {
    color: rgba(255, 255, 255, 0.9);
}

.Title01 .name {
    font-size: 30px;
    line-height: 38px;
    color: rgba(51, 51, 51, 0.9);
}

.Title01 .name em {
    display: inline-block;
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    vertical-align: top;
    padding-bottom: 5px;
}

.Title01:hover .name em {
    border-bottom: 3px solid #00a7ea;
}

.Title01 .name i {
    font-size: 30px;
}

.Title01 .info {
    margin: 13px 0 30px;
    color: rgba(102, 102, 102, 0.9);
    letter-spacing: 0.1em;
    margin-right: -0.1em;
}

.Title01 .info i {
    display: block;
}


/* .Title01:hover .CommonMore{color: #fff; border: 1px solid #00a7ea;}
.Title01:hover .CommonMore .bg{width: 100%;}
.Title01:hover .CommonMore.blue{color: #fff; border: 1px solid rgba(255,255,255,0);}
.Title01:hover .CommonMore.blue i{background: url(../images/more.png) right center no-repeat;} */

.Title01:hover.white .name,
.Title01:hover.white .info {
    color: #fff;
}

.Title01:hover .name {
    color: #333;
}

.Title01:hover .info {
    color: #666;
}

.Depositservice {
    background-color: #fafafa;
}

.Deposit li {
    width: 49.23%;
    float: left;
    background: #fff;
    transition: 0.3s ease-in-out;
}

.Deposit li:nth-child(2n) {
    float: right;
}

.Deposit li .Scale-img {
    height: 360px;
    width: 46.875%;
    float: left;
}

.Deposit li .con {
    width: 43.125%;
    float: right;
    padding: 13% 5% 5%;
    color: #999;
}

.Deposit li .con .title {
    line-height: 32px;
    font-size: 26px;
    color: #000;
    margin-bottom: 14px;
}

.Deposit li .con .info {
    line-height: 24px;
    height: 48px;
    margin-bottom: 13px;
}

.Deposit li .con .rate span {
    font-size: 28px;
    color: #333;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

.Deposit li .con .CommonMore {
    margin-top: 25px;
    opacity: 0;
    transition: all ease-in-out 0.5s;
}

.Deposit li:hover {
    box-shadow: 0 15px 20px rgba(203, 203, 203, 0.25);
}

.Deposit li:hover .con .title {
    color: #00a7ea;
}

.Deposit li:hover .con .CommonMore {
    opacity: 1;
}

.Comtit {
    font-size: 28px;
    color: #333;
    margin-bottom: 30px;
    font-weight: bold;
}

.De_Service .list .lis {
    width: 17.5%;
    float: left;
    margin-right: 1%;
    transition: 0.3s ease-in-out;
    position: relative;
}

.De_Service .list .lis a {
    display: block;
    background: #ededed;
    color: #000;
    height: 240px;
    text-align: center;
    cursor: default;
}

.De_Service .list .lis a .con {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.De_Service .list .lis:nth-child(4n) {
    margin-right: 0;
}

.De_Service .list .lis .icons {
    width: 38px;
    height: 38px;
    margin: 0 auto;
}

.De_Service .list .lis .name {
    display: block;
    font-size: 20px;
    margin-top: 14px;
}

.De_Service .list .lis .p {
    line-height: 25px;
    font-size: 17px;
    color: #666;
    display: none;
    opacity: 0;
    margin-top: 14px;
    word-wrap: break-word;
    word-break: normal;
    text-align: justify;
    text-justify: distribute;
    -webkit-line-clamp: 4;
    letter-spacing: 0.15em;
    margin-right: -0.1em;
}

.De_Service .list .lis.on {
    width: 44.5%;
}


/* .De_Service .list .lis.on a,.De_Service .list .lis:hover a{background: #00a7ea; color: #fff;} */

.De_Service .list .lis.on .con {
    max-width: 90%;
    margin: 0 auto;
}

.De_Service .list .lis.on .name {
    font-weight: bold;
}

.De_Service .list .lis.on .p {
    display: block;
    height: 100px;
    overflow: auto;
    opacity: 1;
}

.De_Service .list .lis::before,
.De_Service .list .lis::after {
    content: '';
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.De_Service .list .lis::after {
    left: 50%;
    background: #00b9fa;
    z-index: 1;
    width: 0;
    transition: 0.3s ease-in-out;
}

.De_Service .list .lis::before {
    background-color: #ededed;
    z-index: 2;
    width: 100%;
}

.De_Service .list .lis.on::after {
    width: 100%;
    left: 0;
    display: none;
}

.De_Service .list .lis.on::before {
    width: 0;
}

.De_Service .list .lis.on .icons {
    display: none;
}

#des2 {
    display: none;
}

.Investment .slider {
    margin-bottom: 0 !important;
}

.Investment .item {
    background: #f5f7f9;
}

.Investment .item .Scale-img {
    width: 53.84%;
    height: 370px;
    float: left;
}

.Investment .item .con {
    width: 38.16%;
    float: right;
    padding: 5% 4% 3%;
}

.Investment .item .con .title {
    height: 30px;
    font-size: 26px;
    color: #000;
}

.Investment .item .con .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 92%;
}

.Investment .item .con .p {
    margin: 17px 0 32px;
    color: #9c9d9f;
    -webkit-line-clamp: 2;
}

.Investment .item .con ul {
    padding: 20px 0;
    border-top: 1px dashed #d2d2d2;
    border-bottom: 1px dashed #d2d2d2;
    margin-bottom: 40px;
}

.Investment .item .con ul li {
    width: 50%;
    float: left;
    margin-top: 15px;
    line-height: 32px;
}

.Investment .item .con ul li span {
    display: inline-block;
    color: #b0b2b3;
}

.Investment .item .con ul li p {
    font-size: 20px;
    color: #000;
    display: inline-block;
    padding-left: 4%;
}


/* .Investment .item .con ul li p.rate{font-size: 32px; font-weight: bold;} */

.Investment .item .con ul li:nth-child(3n) {
    clear: both;
}

.Investment .item .con .CommonMore {
    display: none;
}

.Investment .slick-arrow {
    width: 55px;
    height: 55px;
    line-height: 55px;
    margin-top: -27px;
    background-color: #dcdcdc;
    font-family: "宋体";
}

.Investment .slick-arrow:hover {
    background-color: #00a7ea;
}

.Investment .item:hover {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}

.Investment .item:hover .Scale-img span {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
}

.Investment .item:hover .con .tit {
    border-bottom: 3px solid #00a7ea;
}


/* .Investment .item:hover .CommonMore.bluebg{background: none !important;}
.Investment .item:hover .CommonMore.bluebg{color: #00a7ea !important;}
.Investment .item:hover .CommonMore.bluebg i{background: url(../images/more4.png) !important;} */

.Investment .InvestMore {
    display: none;
}

.InvestMore .list .li {
    position: relative;
    margin: 0 10px;
}

.InvestMore .list .li a {
    display: block;
    border: 1px solid #e9e9e9;
    border-bottom: 6px solid #f6f6f6;
    background: #fff;
    padding: 57px 36px;
}

.InvestMore .list .li .box .icons {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 65px;
    height: 65px;
    margin: 0 auto;
}

.InvestMore .list .li .con .tit {
    line-height: 40px;
    margin-bottom: 10px;
    font-size: 26px;
    color: #000;
}


/* .InvestMore .list .li .con .tit span{display: inline-block; border-bottom: 3px solid rgba(255,255,255,0);} */

.InvestMore .list .li .con .p {
    line-height: 26px;
    color: #666;
    height: 78px;
    overflow: auto;
    margin-bottom: 15px;
}


/* .InvestMore .list .li:hover .con .tit span{border-bottom: 3px solid #00a7ea;} */

.InvestMore .list .li a::after {
    height: 6px;
    bottom: -6px;
    display: none;
}

.InvestMore .list .li a:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}


/*.InvestMore .list .li:hover a{background: #00a7ea; border: 1px solid #00a7ea; border-bottom: 6px solid #00a7ea;}
 .InvestMore .list .li:hover .tit{color: #fff;}
.InvestMore .list .li:hover .p{color: #fff;}
.InvestMore .list .li .CommonMore:hover .bg{background: #fff;}
.InvestMore .list .li .CommonMore:hover{color: #00a7ea;}
.InvestMore .list .li .CommonMore:hover i{background: url(../images/more2.png) right center no-repeat;} */

.ConsumerBox {
    background-size: 100% 60%;
}

.ConsumerBox .box {
    background: #fff;
    transition: 0.3s ease-in-out;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.ConsumerBox .box .Scale-img {
    width: 51.538%;
    float: right;
    height: 380px;
}

.ConsumerBox .box .con {
    width: 42.462%;
    float: left;
    padding: 0 3%;
    height: 380px;
}

.ConsumerBox .box .con .relative {
    position: absolute;
    width: 75%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.ConsumerBox .box .con .icons {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: none;
}

.ConsumerBox .box .con .tit {
    margin: 10px 0 18px;
    font-size: 26px;
    color: #000;
}

.ConsumerBox .box .con .p {
    color: #999;
    max-height: 180px;
    overflow: auto;
    padding-right: 15px;
}

.ConsumerBox .box .con .more {
    display: block;
    width: 70px;
    height: 25px;
    margin: 7% auto 0;
    background: #00a7ea url(../images/more3.png) no-repeat center center;
}


/* .ConsumerBox .box:hover .icons .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.ConsumerBox .box:hover .icons .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);} */

.ConsumerBox .box:hover .con .more {
    display: none;
}

.ConsumerBox .box .con::after {
    display: none;
    content: '';
    height: 3px;
    position: absolute;
    width: 0;
    left: 50%;
    bottom: 0;
    background: #00b9fa;
    transition: 0.3s ease-in-out;
}

.ConsumerBox .box .con:hover::after {
    left: 0;
    width: 100%;
}


/* .BankCard .box{border: 1px solid #ebebeb;} */

.BankCard .Scale-img {
    width: 44.615%;
    float: left;
}

.BankCard .Scale-img img {
    display: block;
    width: 100%;
}

.BankCard .con {
    width: 45.385%;
    float: right;
    padding: 5% 5% 3%;
}

.BankCard .con .tit {
    font-size: 30px;
    line-height: 34px;
    color: #000;
}

.BankCard .con .p {
    font-size: 18px;
    color: #666;
    margin: 3% 0 5%;
}

.LifeBox .title {
    font-size: 36px;
    color: #000;
    line-height: 40px;
}

.Convenient {
    width: 60%;
    float: left;
    height: 228px;
    background-image: url(../images/boxbg1.jpg);
    padding: 36px 4%;
}

.Convenient .tit {
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    color: #fff;
}

.Convenient .list .lis {
    width: 30.3333%;
    margin: 1.5%;
    float: left;
    text-align: center;
}

.Convenient .list .lis a {
    display: block;
    background: #fff;
    line-height: 60px;
    color: #666;
    border-radius: 10px;
    font-size: 16px;
}

.Convenient .list .lis .icons {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}

.Convenient .list .lis:hover a {
    background: #00a7ea;
    color: #fff;
}

.Convenient .slick-dots li {
    border: 2px solid rgba(255, 255, 255, 0.8);
}

.LifeList {
    width: 30%;
    float: right;
}

.LifeList li {
    position: relative;
}


/* .LifeList li:nth-child(2n){float: right;} */

.LifeList li .Scale-img {
    height: 300px;
}

.LifeList li .mask {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    padding: 0 5%;
    color: #fff;
    overflow: hidden;
    background-color: rgba(0, 167, 234, 0.9);
    transition: 0.3s ease-in-out;
}

.LifeList li .mask .tit {
    line-height: 60px;
    font-size: 24px;
    text-align: center;
}

.LifeList li .mask .p {
    line-height: 25px;
    color: #fff;
    display: none;
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.LifeList li .mask .more {
    display: none;
}

.LifeList li .mask .more i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    width: 19px;
    height: 17px;
    background: url(../images/more5.png);
}

.LifeList li:hover .mask {
    display: block;
    height: 50%;
}

.LifeList li:hover .mask .tit {
    line-height: 30px;
    display: none;
}

.LifeList li:hover .mask .p {
    display: block;
}

.FindUs .list li {
    width: 15.8333%;
    height: 200px;
    float: left;
    margin: 0 1% 0 0;
    position: relative;
    text-align: center;
    background: #fff;
    overflow: hidden;
}

.FindUs .list li:nth-child(6n) {
    margin-right: 0;
}

.FindUs .list li .wxicon {
    width: 60px;
    height: 64px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.FindUs .list li a {
    display: block;
    /*padding: 48px 10px 0;*/
    font-size: 20px;
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.FindUs .list li .icon {
    display: block;
    width: 45px;
    margin: 0 auto;
    transition: 0.3s ease-in-out;
}

.FindUs .list li .name {
    display: block;
    margin: 10px 0;
    color: #333;
}

.FindUs .list li p {
    color: #333;
    font-size: 16px;
    line-height: 24px;
}

.FindUs .list li .weixin {
    position: absolute;
    top: -100%;
    right: 0px;
    left: 0px;
    background: #fff;
    z-index: 4;
    height: 100%;
    transition: 0.3s ease-in-out;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.FindUs .list li:hover .icon {
    transform: translateY(-10px);
}

@media ( max-width:1024px) {
    .Title01 .name,
    .LifeBox .title,
    .InvestMore .list .li .con .tit {
        font-size: 24px;
    }
    .Title01 .info i {
        display: inline-block;
    }
    .HotRecommend .item img {
        height: 284px;
    }
    .Deposit li .Scale-img {
        height: 250px;
    }
    .Deposit li .con .title,
    .ConsumerBox .box .con .tit,
    .Convenient .tit {
        font-size: 20px;
        line-height: 26px;
    }
    .Deposit li .con .rate span/*,.Investment .item .con ul li p.rate*/
    {
        font-size: 24px;
    }
    .De_Service .list .lis {
        width: 49.5%;
        margin-bottom: 1%;
    }
    .De_Service .list .lis:nth-child(2n) {
        margin-right: 0;
    }
    .De_Service .list .lis .p {
        display: block;
        opacity: 1;
        height: 100px;
        overflow: auto;
    }
    #des1 {
        display: none;
    }
    #des2 {
        display: block;
    }
    .Investment .item .Scale-img {
        height: 320px;
    }
    .Investment .item .con .title {
        font-size: 20px;
        line-height: 24px;
    }
    .Investment .item .con .p {
        font-size: 14px;
        line-height: 24px;
        margin: 5px 0 10px;
    }
    .Investment .item .con ul {
        padding: 15px 0;
    }
    .Investment .slick-arrow {
        width: 36px;
        height: 36px;
        line-height: 36px;
        margin-top: -18px;
    }
    .Comtit {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .BankCard .Scale-img {
        height: 340px;
    }
    .Convenient {
        height: 190px;
    }
    .Convenient .list .lis a {
        line-height: 50px;
    }
    .Convenient .list .lis .icons {
        width: 26px;
        height: 26px;
    }
    .ConsumerBox .box .con .relative {
        width: 90%;
    }
    .LifeList li .Scale-img {
        height: 262px;
    }
    .LifeList li .mask .tit {
        font-size: 20px;
    }
    .FindUs .list li {
        height: 150px;
    }
    .FindUs .list li a {
        font-size: 16px;
    }
    .FindUs .list li .icon {
        width: 35px;
    }
    .FindUs .list li .name {
        margin: 0;
    }
}

@media ( max-width:768px) {
    .Title01 .info {
        margin: 10px 0 20px;
    }
    .HotRecommend .item img {
        height: 227px;
    }
    .HotRecommend .slick-dots {
        bottom: 15px;
        line-height: 10px;
        height: 10px;
    }
    .HotRecommend .slick-dots li,
    .HotRecommend .slick-dots li button {
        width: 10px;
        height: 10px;
    }
    .Investment .item .con ul {
        margin-bottom: 20px;
    }
    .Investment .slick-prev {
        left: 0;
    }
    .Investment .slick-next {
        right: 0;
    }
    .InvestMore .list .li a {
        padding: 20px;
    }
    .InvestMore .list .li .box {
        padding: 0;
        text-align: center;
    }
    .InvestMore .list .li .box .icons {
        position: relative;
    }
    .InvestMore .list .li .con .tit {
        font-size: 18px;
    }
    .ConsumerBox {
        background-size: auto 45%;
    }
    .FindUs .list li {
        width: 32%;
        margin-bottom: 10px;
    }
    .FindUs .list li:nth-child(3n) {
        margin-right: 0;
    }
}

@media ( max-width:640px) {
    .HotRecommend .item img {
        height: 188px;
    }
    .Deposit li,
    .Deposit li:nth-child(2n) {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }
    .De_Service .list .lis .name {
        font-size: 18px;
    }
    .De_Service .list .lis .p {
        font-size: 14px;
    }
    .De_Service .list .lis .icons,
    .InvestMore .list .lis .icons {
        width: 40px;
        height: 40px;
    }
    .Deposit li .con .rate span,
    .Investment .item .con ul li p.rate {
        font-size: 20px;
    }
    .BankCard .con {
        width: auto;
        float: none;
    }
    .BankCard .Scale-img {
        width: 60%;
        margin: 0 auto;
        float: none;
    }
    .BankCard .con .p {
        font-size: 14px;
        line-height: 24px;
    }
    .Convenient,
    .LifeList {
        width: auto;
        float: none;
    }
    .Convenient {
        height: auto;
        padding: 20px 15px;
    }
    .Convenient,
    .Convenient .tit {
        margin-bottom: 20px;
    }
    .LifeList li .Scale-img {
        height: 355px;
    }
}

@media ( max-width:480px) {
    .Title01 .name,
    .Title01 .name i,
    .LifeBox .title,
    .InvestMore .list .li .con .tit {
        font-size: 20px;
    }
    .Title01 .info {
        font-size: 14px;
    }
    .HotRecommend .item img {
        height: 106px;
    }
    .De_Service .list .lis,
    .De_Service .list .lis:nth-child(2n) {
        width: auto;
        float: none;
    }
    .Convenient .list .lis,
    .FindUs .list li {
        width: 49%;
        margin: 0 0 10px;
    }
    .Convenient .list .lis:nth-child(2n),
    .FindUs .list li:nth-child(2n) {
        float: right;
    }
    .Investment .item .Scale-img,
    .Investment .item .con,
    .ConsumerBox .box .Scale-img,
    .ConsumerBox .box .con {
        width: auto;
        float: none;
    }
    .Investment .item .Scale-img {
        height: 180px;
    }
    .ConsumerBox .box .Scale-img {
        height: 200px;
    }
    .ConsumerBox .box .con {
        height: auto;
        padding: 15px;
    }
    .ConsumerBox .box .con .relative {
        position: static;
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        width: 100%;
    }
    .ConsumerBox .box .con .tit {
        margin: 15px 0;
    }
    .ConsumerBox .box .con p {
        height: auto;
    }
    .BankCard .Scale-img {
        width: 80%;
        height: 266px;
    }
    .LifeList li .mask .tit {
        font-size: 18px;
    }
}


/* 存款与账户 */

.DepositSlider {
    margin-left: -20px;
}

.DepositSlider .item {
    margin-left: 20px;
    border: 1px solid #efefef;
    background: #fff;
}

.DepositSlider .item .Scale-img {
    height: 300px;
    width: 46.875%;
    float: left;
}

.DepositSlider .item .con {
    width: 43.125%;
    float: right;
    padding: 5%;
    color: #999;
}

.DepositSlider .item .con .title {
    line-height: 30px;
    font-size: 26px;
    color: #000;
    margin-bottom: 10px;
}

.DepositSlider .item .con .info {
    line-height: 24px;
    margin-bottom: 20px;
}

.DepositSlider .item .con .list {
    padding: 10px;
    border-top: 1px dotted #d2d2d2;
    border-bottom: 1px dotted #d2d2d2;
    margin-bottom: 6%;
}

.DepositSlider .item .con .list li {
    line-height: 40px;
    position: relative;
    padding-left: 140px;
    font-size: 20px;
    color: #333;
    text-align: left;
}

.DepositSlider .item .con .list li span {
    position: absolute;
    left: 0;
    top: 0;
    color: #999;
}

.DepositSlider .item .con .list li i {
    color: #333;
    display: inline-block;
    vertical-align: middle;
}

.DepositSlider .item .con .CommonMore {
    display: none;
}


/* .DepositSlider .item .con .CommonMore{transition: all ease-in-out 0.5s; margin-top: 20px;}
.DepositSlider .item .con .CommonMore{box-shadow: 0 3px 20px rgba(0,0,0,0.1);} */

.DepositSlider .item:hover .con .title {
    color: #00a7ea;
}

.DepositSlider .item:hover .con .CommonMore {
    opacity: 1;
}

.Commonbtn .slick-arrow {
    width: 55px;
    height: 55px;
    line-height: 55px;
    margin-top: -27px;
    background-color: #dcdcdc;
    font-family: "宋体";
}

.Commonbtn .slick-prev {
    left: -84px;
}

.Commonbtn .slick-next {
    right: -104px;
}

.Commonbtn .slick-arrow:hover {
    background-color: #00a7ea;
    box-shadow: 0 8px 20px rgba(74, 177, 86, 0.2);
}

.Colorbg {
    background: #f5f7f9;
}

.BankSaving .hd {
    border-left: 1px solid #e8e8e8;
}

.BankSaving .hd li {
    width: 20%;
    float: left;
    text-align: center;
}

.BankSaving .hd li a {
    display: block;
    color: #000;
    position: relative;
    padding: 20px 0;
    border-right: 1px solid #e8e8e8;
    border-top: 1px solid #f5f7f9;
}

.BankSaving .hd li .icons {
    width: 46px;
    height: 46px;
    margin: 0 auto 5px;
}

.BankSaving .hd li .name {
    display: block;
    font-size: 18px;
}

.BankSaving .hd li.on a {
    background: #fff;
    border-top: 1px solid #e8e8e8;
}


/* .BankSaving .hd li.on a{color: #fff; background: #00a7ea;} */

.BankSaving .bd {
    background: #fff;
    padding: 3%;
}

.BankSaving .SlideCon {
    color: #666;
}

.BankSaving .SlideCon .name span {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 36px;
    color: #000;
}

.BankSaving .SlideCon .name i {
    display: none;
    width: 40px;
    height: 2px;
    margin: 19px auto 0;
    background: #009cdb;
}

.BankSaving .SlideCon .con {
    letter-spacing: 0.1em;
    margin-right: -0.1em;
    text-indent: 2em;
}

.CommonQuestion .title {
    text-align: center;
    font-size: 30px;
    line-height: 32px;
    color: #333;
}

.CommonQuestion .Slider {
    margin-left: -20px;
}

.CommonQuestion .Slider .item {
    margin-left: 20px;
}

.CommonQuestion .Slider .item a {
    display: block;
    border: 1px solid #ebebeb;
    padding: 42px 35px;
    margin: 15px 0;
    text-align: center;
    box-shadow: 0 9px 10px rgba(192, 192, 192, 0.1);
}

.CommonQuestion .Slider .item .icon {
    display: block;
    width: 65px;
    margin: 0 auto;
}

.CommonQuestion .Slider .item .name {
    display: block;
    margin: 8px 0;
    font-size: 20px;
    color: #333;
}

.CommonQuestion .Slider .item .p {
    font-size: 14px;
    line-height: 25px;
    height: 50px;
    -webkit-line-clamp: 2;
    color: #999;
}

.CommonQuestion .Slider .item:hover a {
    box-shadow: 0 9px 10px rgba(0, 64, 152, 0.1);
}

.CommonQuestion .Slider .item:hover .name {
    color: #009cdb;
}

.BankEnter li {
    width: 32%;
    float: left;
    margin-right: 2%;
    position: relative;
    overflow: hidden;
}

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

.BankEnter li .imgbox {
    height: 200px;
}

.BankEnter li .mask {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.BankEnter li .mask::after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    top: 0;
    left: 0;
    width: 39%;
    background-color: rgba(0, 167, 234, 0.8);
}

.BankEnter li .mask .name,
.BankEnter li .mask .con {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

.BankEnter li .mask .name {
    left: 0;
    width: 39%;
}

.BankEnter li .mask .name .icon {
    display: block;
    width: 65px;
    margin: 0 auto;
    text-align: center;
}

.BankEnter li .mask .name span {
    display: block;
    font-size: 20px;
    line-height: 42px;
    color: #fff;
    text-align: center;
}

.BankEnter li .mask .con {
    opacity: 0;
    left: 39%;
    width: 0;
}

.BankEnter li .mask .con .info {
    font-size: 16px;
    line-height: 25px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 14px;
}

.BankEnter li .mask .con .more {
    display: block;
    font-weight: bold;
    color: #fff;
}

.BankEnter li .mask .con .more i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    width: 19px;
    height: 17px;
    background-image: url(../images/more5.png);
}

.BankEnter li:hover .mask .con {
    width: 51%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    padding: 0 5%;
}

.BankEnter li:nth-child(2) .mask::after {
    background-color: rgba(0, 72, 170, 0.8);
}

.BankEnter li:nth-child(3) .mask::after {
    background-color: rgba(25, 82, 132, 0.8);
}

.BankEnter li:hover .mask::after {
    width: 100%;
}

@media ( max-width:1660px) {
    .Commonbtn .slick-arrow {
        width: 36px;
        height: 36px;
        line-height: 36px;
        margin-top: -18px;
    }
    .Commonbtn .slick-prev {
        left: 20px;
    }
    .Commonbtn .slick-next {
        right: 0px;
    }
}

@media ( max-width:1024px) {
    .DepositSlider {
        margin-left: 0px;
    }
    .DepositSlider .item {
        margin-left: 0px;
    }
    .DepositSlider .item .con .title {
        font-size: 20px;
    }
    /* .DepositSlider .item .con .list li i{font-size: 24px;} */
    .DepositSlider .item .con .CommonMore {
        display: none;
    }
    .Commonbtn .slick-prev {
        left: 0px;
    }
    .CommonQuestion .Slider {
        margin-left: 0;
    }
    .CommonQuestion .Slider .item {
        margin: 0 5px;
    }
    .BankSaving .SlideCon .name span,
    .CommonQuestion .title {
        font-size: 20px;
        line-height: 30px;
    }
    .BankSaving .SlideCon .name i {
        margin-top: 10px;
    }
    .CommonQuestion .Slider .item a {
        padding: 20px;
    }
    .CommonQuestion .Slider .item .name {
        font-size: 16px;
    }
    .BankEnter li .mask {
        text-align: center;
    }
    .BankEnter li .mask::after {
        width: 100%;
    }
    .BankEnter li .mask .name {
        width: 100%;
    }
    .BankEnter li:hover .mask span {
        display: block;
    }
    .BankEnter li:hover .mask .con {
        display: none;
    }
}

@media ( max-width:768px) {
    .Commonbtn .slick-prev {
        left: 0px;
    }
    .Commonbtn .slick-next {
        right: 0px;
    }
    .BankSaving .hd li a {
        padding: 10px 0;
    }
    .BankSaving .hd li .name {
        font-size: 16px;
    }
    .BankSaving .hd li .icons {
        width: 30px;
        height: 30px;
    }
}

@media ( max-width:480px) {
    .DepositSlider .item .Scale-img {
        height: 280px;
    }
    .DepositSlider .item .con .list li {
        padding-left: 72px;
        font-size: 16px;
        line-height: 30px;
    }
    .DepositSlider .item .con .list li span {
        font-size: 14px;
    }
    /* .DepositSlider .item .con .list li i{font-size: 18px;} */
    .BankSaving .hd li .name {
        font-size: 14px;
    }
    .BankEnter li .imgbox {
        height: 120px;
    }
    .BankEnter li .mask .name .icon {
        width: 48px;
    }
    .BankEnter li .mask .name span {
        font-size: 16px;
    }
    /* .BankEnter li{margin: 5px 0; width: auto; float: none;} */
}

@media ( max-width:400px) {
    .DepositSlider .item .con .list {
        padding: 10px 0;
    }
    .DepositSlider .item .con .list li {
        padding-left: 65px;
        font-size: 14px;
    }
    .DepositSlider .item .Scale-img {
        height: 200px;
    }
}


/* 个人电子银行 */

.PersonalBank .hd li {
    width: 16.666666666666%;
    float: left;
    text-align: center;
    position: relative;
}

.PersonalBank .hd li a {
    display: block;
    line-height: 80px;
    font-size: 20px;
    color: #333;
    border: 1px solid #fff;
    border-bottom: none !important;
}

.PersonalBank .hd li i {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: #f6f7fb;
    opacity: 0;
}

.PersonalBank .hd li .icons {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.PersonalBank .hd li.on a {
    background: #f6f7fb;
    border: 1px solid #f0f0f0;
}

.PersonalBank .hd li.on i {
    opacity: 1;
}

.PersonalBank .bd {
    padding: 3%;
    background: #f6f7fb;
    border: 1px solid #f0f0f0;
}

.PersonalBank .SlideCon .Scale-img {
    height: 420px;
    width: 53.278%;
    float: left;
}

.PersonalBank .SlideCon .con {
    width: 42%;
    float: right;
    padding: 3.5% 0;
}

.PersonalBank .SlideCon .Scale-img video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.PersonalBank .SlideCon .con {
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #666;
    border-left: none;
}

.PersonalBank .SlideCon .con .name {
    font-size: 26px;
    line-height: 40px;
    color: #000;
}

.PersonalBank .SlideCon .con .info {
    max-height: 270px;
    overflow: auto;
}

.PersonalBank .SlideCon .con .info p {
    text-indent: 2em;
}

.BankNews {
    background: #f6f7fb;
    display: none;
}

.BankNews .slider {
    margin-left: -20px;
}

.BankNews .item {
    padding: 30px 0 0;
    margin-left: 20px;
    position: relative;
}

.BankNews .item a {
    display: block;
    position: relative;
    background: #fff;
    transition: 0.5s ease-in-out;
}

.BankNews .item .date {
    font-size: 14px;
}

.BankNews .item .Scale-img {
    height: 260px;
}

.BankNews .item .con {
    padding: 36px 30px;
    transition: 0.5s ease-in-out;
}

.BankNews .item .con .title {
    font-size: 20px;
    height: 30px;
    color: #323232;
}

.BankNews .item .con .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
}

.BankNews .item .con:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.BankNews .item .con .p {
    font-size: 14px;
    line-height: 25px;
    height: 50px;
    -webkit-line-clamp: 2;
    margin: 8px 0;
    color: #999;
    transition: 0.5s ease-in-out;
}

.BankNews .item .con .CommonMore {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.BankNews .item:hover {
    box-shadow: 0 15px 25px rgba(0, 167, 234, 0.1);
}

@media ( max-width:1200px) {
    .PersonalBank .hd li .icons {
        width: 25px;
        height: 25px;
    }
    .PersonalBank .hd li a {
        font-size: 18px;
        line-height: 60px;
    }
    .PersonalBank .SlideCon .Scale-img,
    .PersonalBank .SlideCon .con {
        height: 320px;
    }
    .PersonalBank .SlideCon .con {
        padding: 3% 5%;
    }
    .PersonalBank .SlideCon .con .name {
        font-size: 22px;
        line-height: 30px;
    }
    .BankNews .item {
        height: auto;
        padding-top: 0;
    }
    .BankNews .item .Scale-img {
        height: 200px;
    }
    .BankNews .item .con {
        padding: 20px;
    }
    .BankNews .item .con .title {
        font-size: 16px;
        height: 24px;
        line-height: 24px;
    }
    .BankNews .item:hover {
        transform: translateY(0);
    }
    .BankNews .item:hover .con .p {
        margin-bottom: 0;
    }
    .BankNews .item:hover .con .CommonMore {
        opacity: 0;
        width: 0;
        height: 0;
    }
}

@media ( max-width:1024px) {
    .BankNews .slider {
        margin-left: 0px;
    }
    .BankNews .item {
        margin: 0px 5px;
    }
}

@media ( max-width:768px) {
    .PersonalBank .hd li .icons {
        margin-right: 5px;
    }
    .PersonalBank .hd li a {
        font-size: 16px;
    }
    .PersonalBank .SlideCon .con .info {
        font-size: 14px;
        line-height: 24px;
    }
    .BankNews .item .Scale-img {
        height: 150px;
    }
}

@media ( max-width:640px) {
    .PersonalBank .hd li {
        width: 33.33333%;
    }
    .PersonalBank .hd li a {
        border-bottom: 1px solid #fff;
    }
    .PersonalBank .hd li:nth-child(3n) a {
        border-right: none;
    }
    .PersonalBank .SlideCon .Scale-img,
    .PersonalBank .SlideCon .con {
        width: auto;
        float: none;
    }
    .PersonalBank .SlideCon .Scale-img {
        height: 220px;
    }
    .PersonalBank .SlideCon .con {
        display: block;
        height: auto;
        border-top: none;
    }
    .PersonalBank .SlideCon .con .name {
        margin-bottom: 15px;
    }
}

@media ( max-width:480px) {
    .PersonalBank .hd li a {
        font-size: 15px;
        line-height: 50px;
    }
    .BankNews li {
        width: auto;
        float: none;
        margin: 10px 0;
    }
}


/* 贷款服务 */

.LoanList li {
    width: 23.5%;
    float: left;
    margin: 0 2% 1.5% 0;
    position: relative;
}

.LoanList li:nth-child(4n) {
    margin-right: 0;
}

.LoanList li .Scale-img {
    height: 320px;
}

.LoanList li .mask {
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: #fff;
    transition: 0.3 ease-in-out;
}

.LoanList li .con .icons {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: none;
}

.LoanList li .con .tit {
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
}

.LoanList li .con .p {
    padding-top: 9px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    line-height: 35px;
}


/* .LoanList li:hover .mask{background-color: rgba(0,167,234,0.95);} */

.LoanList li:hover .con .icons {
    -webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;
}

.LoanList li:hover .mask {
    height: 50%;
}

.LoanList li:hover .tit {
    display: none;
}

.LoanNews {
    background: #f2f4f6;
    display: none;
}

.LoanNews li {
    width: 31.3333%;
    float: left;
    margin-right: 3%;
    position: relative;
}

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

.LoanNews li a {
    display: block;
    border: 1px solid #eaeaea;
    background: #fff;
    padding: 20px 30px;
}

.LoanNews li .date {
    font-size: 14px;
}

.LoanNews li .title {
    line-height: 30px;
    font-size: 20px;
    color: #333;
}

.LoanNews li .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 92%;
}

.LoanNews li:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.LoanNews li .p {
    font-size: 14px;
    line-height: 25px;
    height: 50px;
    -webkit-line-clamp: 2;
    color: #999;
    margin: 6px 0 10px;
}

.LoanNews li:hover a {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}


/* .LoanNews li:hover .title,.LoanNews li:hover .date span{color: #42c3fb;} */


/* .LoanEnter{background: #f2f4f6;} */

.LoanEnter li {
    position: relative;
}

.LoanEnter li .mask,
.LoanEnter li .more {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    text-align: center;
    padding: 10px;
}

.LoanEnter li .Scale-img {
    height: 100%;
}

.LoanEnter li.i1 {
    width: 100%;
    height: 400px;
}

.LoanEnter li.i1 .mask {
    max-width: 412px;
    text-align: center;
    transition: all ease-in-out 0.5s;
    color: #fff;
}

.LoanEnter li.i1 .mask h2 {
    font-size: 40px;
    line-height: 44px;
    font-weight: bold;
    margin-bottom: 15px;
}

.LoanEnter li.i1 .mask .p {
    font-size: 20px;
    margin-bottom: 20px;
}

.LoanEnter li.i1 .mask .more {
    display: block;
    width: 70px;
    height: 25px;
    background: #00a7ea url(../images/more3.png) no-repeat center center;
}

.LoanEnter li.i2,
.LoanEnter li.i3 {
    position: absolute;
    width: 21.538%;
    right: 0;
    height: 48.5%;
    display: none;
}

.LoanEnter li.i2 {
    top: 0;
    border-bottom: 1px solid #d7d7d7;
}

.LoanEnter li.i3 {
    bottom: 0;
}

.LoanEnter li.i2 .Scale-img,
.LoanEnter li.i3 .Scale-img {
    opacity: 0;
}

.LoanEnter li .mask .icon {
    width: 50px;
    margin: 0 auto 5px;
}

.LoanEnter li .mask .name {
    display: block;
    font-size: 20px;
    line-height: 30px;
    display: block;
}

.LoanEnter li .more {
    background: rgba(0, 0, 0, 0.5);
    z-index: 5;
    display: none;
}

.LoanEnter li .more span {
    display: block;
    width: 120px;
    line-height: 36px;
    border-radius: 25px;
    background: #00a7ea;
}


/* .LoanEnter li:hover.i2 .mask,.LoanEnter li:hover.i3 .mask{display: none;}
.LoanEnter li:hover.i2 .more,.LoanEnter li:hover.i3 .more{display: flex;} */

@media ( max-width:1024px) {
    .LoanList li .Scale-img {
        height: 320px;
    }
    .LoanList li .con .icons {
        width: 80px;
        height: 80px;
    }
    .LoanList li .con .tit {
        font-size: 20px;
    }
    .LoanList li .con .p {
        line-height: 30px;
        display: block;
    }
    .LoanNews li a {
        padding: 20px;
    }
    .LoanNews li .title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .LoanEnter li.i1 {
        height: 280px;
    }
    .LoanEnter li .mask {
        opacity: 1;
        padding: 0 10px;
    }
    .LoanEnter li.i1 .mask h2 {
        font-size: 26px;
        line-height: 30px;
    }
    .LoanEnter li .mask .name {
        font-size: 16px;
    }
}

@media ( max-width:640px) {
    .LoanList li {
        width: 49%;
        margin: 5px 0;
    }
    .LoanList li:nth-child(2n) {
        float: right;
    }
    .LoanList li .Scale-img {
        height: 280px;
    }
    .LoanNews li {
        width: auto;
        margin-right: 0;
        float: none;
        margin-bottom: 10px;
    }
    .LoanNews li:nth-last-child(2) {
        margin-bottom: 0;
    }
    .LoanNews li .title {
        height: auto;
        max-height: 48px;
    }
    .LoanNews li .p {
        height: auto;
    }
    .LoanEnter li.i1 {
        height: 200px;
    }
    .LoanEnter li.i1 .mask h2 {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .LoanEnter li.i1 .mask .p {
        font-size: 16px;
    }
    .LoanEnter li .mask .icon {
        width: 40px;
    }
}

@media ( max-width:480px) {
    .LoanList li .con .tit {
        font-size: 18px;
    }
    .LoanEnter li.i1 {
        width: auto;
    }
    .LoanEnter li.i2,
    .LoanEnter li.i3 {
        position: relative;
        width: 49%;
        height: 100px;
        float: left;
        margin-top: 10px;
    }
    .LoanEnter li.i3 {
        float: right;
    }
    .LoanEnter li.i2 {
        border-right: 1px solid #d7d7d7;
        border-bottom: none;
    }
}

@media ( max-width:400px) {
    .LoanList li .Scale-img {
        height: 220px;
    }
}


/* 贷款详情 */

.LoinDetail .hd {
    display: none;
}

.LoinDetail .hd ul {
    font-size: 0;
    text-align: center;
}

.LoinDetail .hd ul li {
    display: inline-block;
    width: 33%;
    margin-right: 0.33333%;
    background: #f1f2f6;
}

.LoinDetail .hd ul li:last-child {
    margin-right: 0;
}

.LoinDetail .hd ul li .icons {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
    margin-right: 6px;
}

.LoinDetail .hd ul li a {
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 105px;
}

.LoinDetail .hd ul li i {
    position: absolute;
    width: 15px;
    height: 7px;
    left: 50%;
    bottom: 0;
    opacity: 0;
    margin-left: -7px;
    transition: 0.5s ease-in-out;
    background-image: url(../images/arr2.png);
}

.LoinDetail .hd ul li.on i {
    bottom: -7px;
    opacity: 1;
}

.LoinDetail .hdactive li::after {
    background-color: #00a7ea;
}

.LoinDetail .SlideCon .title {
    line-height: 80px;
}

.LoinDetail .SlideCon .title .name {
    font-size: 30px;
    color: #000;
}

.LoinDetail .SlideCon .title .cheack {
    float: right;
    width: 220px;
    text-align: center;
    background: #00a7ea;
    color: #fff;
    font-size: 20px;
    display: none;
}

.LoinDetail .SlideCon .title .cheack img {
    display: inline-block;
    width: 42px;
    vertical-align: middle;
    margin-right: 10px;
}

.LoinDetail .SlideCon .title .cheack:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

.LoinDetail .SlideCon .list dl {
    margin-top: 3%;
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

.LoinDetail .SlideCon .list dl dt,
.FundDetail .DetailCon dl dt {
    font-size: 24px;
    color: #333;
    line-height: 40px;
    position: relative;
}

.LoinDetail .SlideCon .list dl dt::before,
.FundDetail .DetailCon dl dt::before {
    content: '';
    background: #00b9fa;
    width: 5px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
}

.LoinDetail .SlideCon .list dl dt,
.LoinDetail .SlideCon .list dl dd,
.FundDetail .DetailCon dl dt,
.FundDetail .DetailCon dl dd {
    padding-left: 20px;
}

.LoinDetail .SlideCon .list dl .step {
    line-height: 50px;
}

.LoinDetail .SlideCon .list dl .step .num {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    background: #00b9fa;
    color: #fff;
    font-size: 14px;
    margin-right: 20px;
}

.LoinDetail .SlideCon .warm {
    padding: 2%;
    font-size: 18px;
    color: #747e8e;
    background: #f0f3f8;
}

@media ( max-width:1024px) {
    .LoinDetail .hd ul li .icons {
        width: 30px;
        height: 30px;
    }
    .LoinDetail .hd ul li a {
        font-size: 18px;
        line-height: 60px;
    }
    .LoinDetail .SlideCon .title {
        line-height: 50px;
    }
    .LoinDetail .SlideCon .title .name {
        font-size: 22px;
    }
    .LoinDetail .SlideCon .title .cheack {
        font-size: 16px;
        width: 148px;
    }
    .LoinDetail .SlideCon .title .cheack img {
        width: 30px;
        margin-right: 5px;
    }
    /* .LoinDetail .SlideCon .list dl{font-size: 16px; line-height: 30px;} */
    .LoinDetail .SlideCon .list dl dt,
    .FundDetail .DetailCon dl dt {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .LoinDetail .SlideCon .list dl .step {
        line-height: 40px;
    }
    .LoinDetail .SlideCon .warm {
        font-size: 16px;
    }
}

@media ( max-width:480px) {
    .LoinDetail .hd ul li a {
        font-size: 15px;
        line-height: 30px;
        padding: 10px 0;
    }
    .LoinDetail .hd ul li .icons {
        display: block;
        margin: 0 auto;
    }
    .LoinDetail .SlideCon .title .name {
        font-size: 20px;
    }
    .LoinDetail .SlideCon .list dl dt,
    .FundDetail .DetailCon dl dt {
        font-size: 18px;
    }
    .LoinDetail .SlideCon .list dl .step .num {
        margin-right: 5px;
    }
    .LoinDetail .SlideCon .list dl dt,
    .LoinDetail .SlideCon .list dl dd,
    .FundDetail .DetailCon dl dt,
    .FundDetail .DetailCon dl dd {
        padding-left: 10px;
    }
    .LoinDetail .SlideCon .warm {
        padding: 15px;
    }
}

@media ( max-width:400px) {
    .LoinDetail .hd ul li a {
        font-size: 13px;
    }
}


/* 基金 */

.FundPro .hd {
    line-height: 36px;
    margin-bottom: 27px;
}

.FundPro .hd .title {
    font-size: 30px;
    color: #000;
    margin-right: 20px;
    float: left;
}

.FundPro .hd ul {
    font-size: 0;
}

.FundPro .hd ul li {
    display: inline-block;
    position: relative;
}

.FundPro .hd ul li a {
    display: block;
    padding: 0 18px;
    font-size: 20px;
    color: #000;
}

.FundTab {
    border: 1px solid #e1e3ed;
}

.FundTab .box {
    width: 1298px;
}

.FundTab table tr td {
    text-align: center;
}

.FundTab table .w1 {
    width: 37%;
    padding-left: 4% !important;
    word-wrap: break-word;
    word-break: normal;
    text-align: justify;
    text-justify: distribute;
}

.FundTab table .w2,
.FundTab table .w3 {
    width: 19.84%;
}

.FundTab .tabtit {
    font-size: 20px;
    height: 69px;
    color: #333;
    background: #f7f8fc;
}

.FundTab .tabcon tr td {
    padding: 10px 0;
    height: 39px;
    color: #333;
    border-top: 1px dotted #c6c6ca;
}

.FundTab .tabcon tr td .tit {
    color: #000;
}

.FundTab .tabcon tr td .tit span {
    color: #999;
}

.FundTab .tabcon tr td a {
    display: inline-block;
    width: 70px;
    line-height: 30px;
    border-radius: 25px;
    background: #b6b6b6;
    color: #fff;
    margin: 0 2px;
}

.FundTab .tabcon tr td .buy {
    background: #00b9fa;
}

.FundTab .tabcon tr:hover td,
.FundTab .tabcon tr:hover td .tit {
    color: #00b9fa;
}

.Title02 {
    line-height: 60px;
    height: 60px;
    border-bottom: 1px solid #ebebeb;
}

.Title02 .name {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #333;
    font-size: 24px;
}

.Title02 .name i {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background: #00b9fa;
    transition: 0.3s ease-in-out;
    display: none;
}

.Title02 .name:hover i {
    display: block;
}

.Title02 .more {
    float: right;
    color: #999;
}

.FundBox {
    background: #f7f8fc;
}

.FundBox .SlideTxt {
    background: #fff;
    width: 49%;
    padding: 7px 30px 0;
    height: 373px;
    overflow: hidden;
    position: relative;
}

.FundBox .SlideCon dd {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    /*padding-left: 13px; background: url(../images/arr7.png) no-repeat left center;*/
}

.FundBox .SlideCon dd a {
    color: #333;
}

.FundBox .SlideCon dd .date {
    float: right;
    font-size: 16px;
    color: #333;
    margin-left: 5px;
}

.FundBox .SlideCon dd:hover a {
    color: #00b9fa;
}

.FundBox .addwid {
    width: 42%;
    height: 589px;
}

.FundGuide .hd {
    margin: 20px 0 15px;
    background: #f3f3f3;
}

.FundGuide .hd li {
    float: left;
    width: 120px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
}

.FundGuide .hd li a {
    display: block;
    color: #333;
}

.FundGuide .hd li.on a {
    color: #fff;
    background: #00b9fa;
}

.FundNews .hd li {
    float: left;
    margin-right: 28px;
}

.FundNews .hd li .name i {
    width: 0;
    left: 50%;
}

.FundNews .hd li.on .name {
    color: #00b9fa;
}

.FundNews .hd li.on .name i {
    width: 88px;
    left: 0;
}

.FundNews .hd li::before {
    border-bottom: 1px solid #ebebeb;
}

.FundNews .more,
.FundGuide .more {
    position: absolute;
    right: 30px;
    top: 7px;
    line-height: 60px;
    color: #999;
}

.FundNews .SlideCon {
    clear: both;
    margin-top: 12px;
}

.FundNews .SlideCon dd {
    height: 39px;
    line-height: 39px;
}

@media ( max-width:1300px) {
    .FundTab {
        overflow: auto;
    }
}

@media ( max-width:1024px) {
    .FundPro .hd {
        line-height: 30px;
        margin-bottom: 15px;
    }
    .FundPro .hd .title {
        font-size: 22px;
    }
    .FundPro .hd ul li a {
        font-size: 16px;
    }
    .FundTab table .w1 {
        padding-left: 15px !important;
    }
    .FundTab .tabtit {
        font-size: 18px;
        height: 50px;
    }
    .FundTab .tabcon tr td {
        height: 30px;
    }
    .Title02 {
        height: 40px;
        line-height: 40px;
    }
    .Title02 .name {
        font-size: 18px;
    }
    .Title02 .name i {
        width: 72px;
    }
    .FundBox .SlideTxt {
        padding: 7 20px 0;
        height: 348px;
    }
    .FundBox .SlideCon dd .date {
        font-size: 14px;
    }
    .FundNews .more,
    .FundGuide .more {
        line-height: 40px;
        right: 20px;
    }
}

@media ( max-width:768px) {
    .FundBox .SlideTxt,
    .FundBox .addwid {
        float: none;
        width: auto;
        margin-bottom: 10px;
        height: auto;
        padding: 15px 20px;
    }
    .FundNews {
        margin-bottom: 0;
    }
    .FundNews .more,
    .FundGuide .more {
        top: 15px;
    }
    .FundNews .SlideCon dd {
        height: 36px;
        line-height: 36px;
    }
}

@media ( max-width:480px) {
    .FundPro .hd .title {
        float: none;
        margin: 0 0 10px;
    }
    .FundPro .hd ul {
        text-align: center;
    }
    .FundPro .hd ul li a {
        font-size: 15px;
        padding: 0 10px;
    }
    .FundTab .box {
        width: 900px;
    }
    .FundTab .tabtit {
        font-size: 16px;
        height: 40px;
    }
    .FundTab .tabcon tr td {
        padding: 5px 0;
    }
    .FundTab .tabcon tr td a {
        width: 60px;
        line-height: 26px;
    }
}

@media ( max-width:400px) {
    .FundGuide .hd li {
        width: auto;
    }
    .FundGuide .hd li a {
        padding: 0 10px;
    }
}


/* 基金详情 */

.FundDetail .title {
    line-height: 40px;
    color: #333;
}

.FundDetail .title .name {
    font-size: 36px;
}

.FundDetail .title i {
    font-size: 18px;
    display: inline-block;
    margin: 0 4% 0 3%;
}

.FundDetail .other {
    color: #333;
}

.FundDetail .other span {
    color: #8d8d8d;
}

.FundDetail .other i {
    padding: 0 3%;
}

.FundDetail .hd {
    background: #00a7ea;
}

.FundDetail .hd li {
    float: left;
    margin-right: 3%;
}

.hdactive li::before {
    background: #fff;
}


/* .hdactive li.on::before{background: #fff; width: 100%;} */

.FundDetail .hd li a {
    display: block;
    width: 198px;
    line-height: 62px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.FundDetail .bd {
    border: 1px solid #e5e5e5;
    border-top: none;
    background: #fcfcfc;
    padding: 3% 4%;
    line-height: 36px;
}

.FundDetail .SlideCon .list {
    width: 71%;
    float: left;
    border-right: 1px solid #e5e5e5;
}

.FundDetail .SlideCon .list dd {
    width: 48%;
    float: left;
    min-height: 36px;
    color: #333;
    position: relative;
    padding-left: 140px;
}

.FundDetail .SlideCon .list dd span {
    position: absolute;
    left: 0;
    top: 0;
    color: #8d8d8d;
}

.FundDetail .SlideCon .list dd:nth-child(2n) {
    float: right;
}

.FundDetail .SlideCon .con {
    width: 25%;
    float: right;
    color: #00a7ea;
}

.FundDetail .DetailCon dl {
    margin-top: 3%;
}

.FundDetail .DetailCon dl dd {
    margin-top: 10px;
    line-height: 35px;
}

@media ( max-width:1024px) {
    .FundDetail .title .name {
        font-size: 22px;
    }
    .FundDetail .other i {
        padding: 0 10px;
    }
    .FundDetail .hd li a {
        width: 120px;
        line-height: 46px;
        font-size: 18px;
    }
    .FundDetail .SlideCon .list,
    .FundDetail .SlideCon .con {
        width: auto;
        float: none;
    }
    .FundDetail .SlideCon .list {
        border-right: none;
    }
}

@media ( max-width:640px) {
    .FundDetail .SlideCon .list dd,
    .FundDetail .SlideCon .list dd:nth-child(2n) {
        width: auto;
        float: none;
    }
}

@media ( max-width:480px) {
    .FundDetail .title i {
        font-size: 15px;
        margin: 0 0 0 15px;
    }
    .FundDetail .hd li a {
        font-size: 16px;
        width: 100px;
        line-height: 40px;
    }
    .FundDetail .bd {
        line-height: 30px;
    }
    .FundDetail .SlideCon .list dd {
        min-height: 30px;
    }
    .FundDetail .DetailCon dl {
        margin-top: 15px;
    }
    .FundDetail .DetailCon dl dd {
        line-height: 30px;
    }
}


/* 保险 */

.InsureBox {
    background: #f5f7fa;
}

.InsureBox .Scale-img {
    width: 48.46%;
    float: right;
}

.InsureBox .Scale-img img {
    display: block;
    width: 100%;
}

.InsureBox .con {
    padding: 5% 3% 3%;
    width: 45.54%;
    float: left;
}

.InsureBox .con h2 {
    font-size: 26px;
    line-height: 34px;
    color: #333;
}

.InsureBox .con .other {
    padding: 16px 0 27px;
    border-bottom: 1px dashed #cbcbcb;
    color: #666;
}

.InsureBox .con .other i {
    padding: 0 3%;
}

.InsureBox .con .info {
    line-height: 25px;
    margin-top: 4%;
}

.InsureDetail .hd {
    border-bottom: 2px solid #00a7ea;
    margin-bottom: 20px;
}

.InsureDetail .hd li {
    float: left;
    margin-right: 6px;
}

.InsureDetail .hd li a {
    display: block;
    padding: 0 39px;
    font-size: 20px;
    line-height: 50px;
    color: #333;
}

.InsureDetail .hdactive li::after {
    background: #00a7ea;
}

.InsureDetail .SlideCon {
    background: #fbfbfc;
    color: #333;
}

.InsureDetail .SlideCon dl {
    position: relative;
    padding-bottom: 20px;
    min-height: 30px;
}

.InsureDetail .SlideCon dl dt {
    width: 200px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
    background: #f5f6f7;
}

.InsureDetail .SlideCon dl dt span {
    display: block;
    padding-left: 30px;
}

.InsureDetail .SlideCon dl dd {
    margin-left: 200px;
    border-left: 2px solid #fff;
    padding: 0 3%;
}

.InsureDetail .SlideCon dl:first-child dt {
    padding-top: 35px;
}

.InsureDetail .SlideCon dl:first-child dd {
    padding-top: 35px;
}

.InsureDetail .SlideCon dl:last-child dd {
    padding-bottom: 35px;
}

@media ( max-width:1024px) {
    .InsureBox .Scale-img,
    .InsureBox .con {
        width: auto;
        float: none;
    }
    .InsureBox .con {
        padding: 3%;
    }
    .InsureBox .con h2 {
        font-size: 20px;
    }
    .InsureBox .con .other {
        padding: 10px 0 15px;
    }
    .InsureBox .con .info {
        margin-top: 20px;
    }
    .InsureDetail .hd li a {
        font-size: 18px;
        line-height: 40px;
        padding: 0 20px;
    }
    .InsureDetail .SlideCon dl {
        padding-bottom: 10px;
    }
    .InsureDetail .SlideCon dl dt {
        width: 134px;
    }
    .InsureDetail .SlideCon dl dt span {
        padding-left: 15px;
    }
    .InsureDetail .SlideCon dl:first-child dt {
        padding-top: 20px;
    }
    .InsureDetail .SlideCon dl:first-child dd {
        padding-top: 20px;
    }
    .InsureDetail .SlideCon dl:last-child dd {
        padding-bottom: 20px;
    }
    .InsureDetail .SlideCon dl dd {
        margin-left: 134px;
    }
}

@media ( max-width:480px) {
    .InsureBox .con h2 {
        font-size: 18px;
    }
    .InsureDetail .hd li a {
        font-size: 16px;
        padding: 0 10px;
    }
    .InsureDetail .SlideCon dl {
        padding-bottom: 0;
    }
    .InsureDetail .SlideCon dl dt {
        position: static;
        width: auto;
        line-height: 36px;
    }
    .InsureDetail .SlideCon dl:first-child dt {
        padding-top: 0;
    }
    .InsureDetail .SlideCon dl:first-child dd {
        padding-top: 0;
    }
    .InsureDetail .SlideCon dl:last-child dd {
        padding-bottom: 0;
    }
    .InsureDetail .SlideCon dl dd {
        margin-left: 0;
        padding: 10px 15px !important;
    }
}

@media ( max-width:480px) {
    .InsureDetail .hd li a {
        padding: 0 6px;
    }
}


/* 投资理财 */

.Subtit {
    font-size: 30px;
    line-height: 32px;
    color: #000;
}

.Subtit span {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: top;
    padding-bottom: 5px;
}

.Subtit:hover span {
    border-bottom: 3px solid #00a7ea;
}

.Subtit a {
    color: #000;
}

.Subtit i {
    font-size: 32px;
}

.Conduct_Pro .hd ul {
    font-size: 0;
    text-align: center;
    border-bottom: 1px solid #cecece;
    font-size: 0;
}


/* .Conduct_Pro .hd li{display: inline-block; margin: 0 5px; background: #f5f7f9;}
.Conduct_Pro .hd li a{display: block; width: 158px; line-height: 48px; font-size: 20px; color: #333;}
.Conduct_Pro .hd li::before{background: #f5f7f9;} */

.Conduct_Pro .hd li {
    display: inline-block;
    padding: 0 2%;
    position: relative;
}

.Conduct_Pro .hd li::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 22px;
    left: 0;
    top: 50%;
    margin-top: -11px;
    background: #cecece;
}

.Conduct_Pro .hd li:first-child::before {
    display: none;
}

.Conduct_Pro .hd li a {
    z-index: 2;
    position: relative;
    display: block;
    line-height: 54px;
    /*width:178px; background: #fff;*/
    font-size: 20px;
    color: #333;
}

.Conduct_Fund {
    background-image: url(../images/boxbg4.jpg);
}

.Conduct_Fund .list li {
    width: 32%;
    margin-right: 2%;
    float: left;
    position: relative;
}

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

.Conduct_Fund .list li a {
    display: block;
    padding: 38px;
    background: #fff;
    color: #333;
    border: 1px solid #fff;
}

.Conduct_Fund .list li .title {
    font-size: 20px;
}

.Conduct_Fund .list li .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 92%;
}

.Conduct_Fund .list li:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.Conduct_Fund .list li .sort {
    display: inline-block;
    width: 70px;
    line-height: 25px;
    text-align: center;
    margin: 17px 0;
}

.Conduct_Fund .list li .info {
    border-top: 1px dotted #cfcfcf;
    padding-top: 20px;
    line-height: 26px;
}

.Conduct_Fund .list li .info b {
    font-size: 18px;
    margin-left: 10px;
}


/* .Conduct_Fund .list li:hover a{border: 1px solid #21befb;} */

.Conduct_Insure .Scale-img {
    width: 48.46%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.Conduct_Insure .con {
    width: 46.3%;
    float: left;
    padding: 5% 0;
}

.Conduct_Insure .con .Subtit span {
    padding-bottom: 0;
    border-bottom: none;
}

.Conduct_Insure .con .Subtit:hover span {
    border-bottom: none;
}

.Conduct_Insure .con .title {
    font-size: 26px;
    line-height: 40px;
    color: #333;
}

.Conduct_Insure .con .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 92%;
}

.Conduct_Insure .con:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.Conduct_Insure .con .p {
    margin: 17px 0 25px;
    line-height: 25px;
    color: #333;
    -webkit-line-clamp: 2;
}

.Conduct_Insure .con .suit {
    display: block;
    color: #999;
    margin-bottom: 44px;
}

.ConductSlide {
    background-image: url(../images/boxbg5.jpg);
}

.ConductSlide .item {
    padding: 124px 0 130px;
    position: relative;
}

.ConductSlide .item .pic {
    width: 46.3%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0%;
}

.ConductSlide .item .con {
    width: 48.46%;
    float: right;
}

.ConductSlide .item .con a {
    color: #333;
}

.ConductSlide .item .con .title {
    font-size: 30px;
    line-height: 40px;
}

.ConductSlide .item .con .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 92%;
}

.ConductSlide .item .con:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.ConductSlide .item .con .p {
    padding-top: 35px;
    margin: 55px 0 42px;
    background: url(../images/arr13.png) no-repeat;
    line-height: 35px;
}


/* .ConductSlide .item:hover .Subtit{color: #00b9fa;} */

@media ( max-width:1024px) {
    .Subtit {
        font-size: 22px;
        line-height: 28px;
    }
    .Subtit i {
        font-size: 24px;
    }
    .Conduct_Pro .hd li a {
        width: 130px;
        line-height: 36px;
        font-size: 16px;
    }
    .Conduct_Fund .list li a {
        padding: 20px 15px;
    }
    .Conduct_Fund .list li .title {
        font-size: 18px;
    }
    .Conduct_Insure .Scale-img {
        height: 300px;
    }
    .Conduct_Insure .con .title,
    .ConductSlide .item .con .title {
        font-size: 18px;
        line-height: 30px;
    }
    .Conduct_Insure .con .p {
        margin: 10px 0 15px;
    }
    .Conduct_Insure .con .suit {
        margin-bottom: 25px;
    }
    .ConductSlide .item {
        padding: 50px 0;
    }
    .ConductSlide .item .pic {
        width: 33%;
    }
    .ConductSlide .item .con {
        width: 63%;
    }
}

@media ( max-width:768px) {
    .ConductSlide .item .con .p {
        margin: 20px 0;
        line-height: 30px;
    }
    .Conduct_Fund .list li {
        width: auto;
        float: none;
        margin: 0 0 5px;
    }
}

@media ( max-width:480px) {
    .Conduct_Pro .hd li a {
        width: auto;
        padding: 0 15px;
    }
    .Conduct_Insure {
        padding: 5% 0;
    }
    .Conduct_Insure .Scale-img {
        width: auto;
        position: relative;
    }
    .Conduct_Insure .con {
        width: auto;
        float: none;
    }
    .Conduct_Insure .Scale-img {
        height: 200px;
    }
    .Conduct_Insure .con {
        padding-top: 15px;
        padding: 5% 0 0;
    }
    .Conduct_Insure .con .p {
        margin: 5px 0 10px;
    }
    .Conduct_Insure .con .suit {
        margin-bottom: 15px;
    }
    .Conduct_Fund .list li .sort {
        margin: 10px 0;
    }
    .Conduct_Fund .list li .info {
        padding-top: 15px;
    }
    .ConductSlide .item .pic {
        position: static;
        width: 80%;
        margin: 0 auto 15px;
    }
    .ConductSlide .item .con {
        width: auto;
        float: none;
    }
}


/* 投资理财列表 */

.jsq {
    width: 140px;
    height: 130px;
    position: absolute;
    right: 40px;
    top: 40px;
    background: #00b9fa;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.jsq span {
    display: block;
    line-height: 24px;
    margin-top: 12px;
}

.Invest_select {
    background: #f7f8fc;
    margin-bottom: 18px;
    padding: 30px;
}

.Invest_select dl {
    min-height: 30px;
    position: relative;
    padding-left: 130px;
    margin-bottom: 20px;
}

.Invest_select dl:last-child {
    margin-bottom: 0;
}

.Invest_select dl dt {
    width: 120px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    text-align: right;
    color: #333;
    font-weight: bold;
}

.Invest_select dl dd a {
    color: #333;
    padding: 0 20px;
    display: inline-block;
    margin: 5px 1% 5px 0;
}

.Invest_select dl dd a.on,
.Invest_select dl dd a:hover {
    background: #00b9fa;
    color: #fff;
}

.Seach2 {
    width: 357px;
    border: 1px solid #bebebe;
    background: #fff;
}

.Seach2 form {
    display: block;
    padding: 0 114px 0 15px;
    position: relative;
}

.Seach2 .input {
    width: 100%;
    height: 43px;
    color: #333;
}

.Seach2 .btn {
    padding-left: 28px;
    background: #00b9fa url(../images/btn.png) no-repeat 16px center;
    color: #fff;
    position: absolute;
    width: 100px;
    top: -1px;
    bottom: -1px;
    right: -1px;
}

.InvestTab .box {
    width: 1300px;
}

.InvestTab table tr td {
    text-align: center;
}

.InvestTab table .w1 {
    width: 37.53%;
    padding-left: 3% !important;
    word-wrap: break-word;
    word-break: normal;
    text-align: justify;
    text-justify: distribute;
}

.InvestTab table .w2,
.InvestTab table .w3 {
    width: 10.769%;
}

.InvestTab table .w4,
.InvestTab table .w5 {
    width: 12.76%;
}

.InvestTab .tabtit {
    font-size: 18px;
    height: 60px;
    color: #fff;
    background: #00a7ea;
    font-weight: bold;
}

.InvestTab .tabcon tr td {
    padding: 10px 0;
    height: 40px;
    color: #333;
}

.InvestTab .tabcon tr td a {
    display: block;
}

.InvestTab .tabcon tr:nth-child(2n) td {
    background: #f7f8fc;
}

.InvestTab .tabcon tr td .state {
    display: inline-block;
    width: 90px;
    line-height: 30px;
    border-radius: 3px;
    background: #bebebe;
    color: #fff;
    margin: 0 2px;
}

.InvestTab .tabcon tr td .state.s1 {
    background: #cb0000;
}

.InvestTab .tabcon tr td .state.s2 {
    background: #00b9fa;
}

.InvestTab .tabcon tr:hover td,
.InvestTab .tabcon tr:hover td .tit {
    color: #00b9fa;
}

.ManageBox {
    width: 55%;
}

.ManageBox img {
    position: absolute;
    width: 33.76%;
    right: 0;
    bottom: 0;
}

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


/* .ManageBox .list{padding-right: 30%;} */

.ManageBox .list .box {
    background: #fff;
    padding: 15px 30px 35px;
}

.ManageBox .list .box .info {
    margin: 21px 0;
    line-height: 25px;
    color: #999;
}

.ManageBox .list .box ul {
    margin-top: 32px;
}

.ManageBox .list .box ul li {
    width: 48%;
    float: left;
    margin-bottom: 10px;
}

.ManageBox .list .box ul li:nth-child(2n) {
    float: right;
}

.ManageBox .list .box ul li.last {
    width: auto;
    float: none;
    clear: both;
    margin-bottom: 0;
}

.ManageBox .list .box select {
    width: 100%;
    padding: 0 15px;
    height: 50px;
    background-color: #eff1f4;
    color: #333;
    background-repeat: no-repeat;
    background-position: 96% center;
}

.ManageBox .list .box .a_btn {
    display: block;
    width: 140px;
    line-height: 50px;
    background: #00b9fa;
    color: #fff;
    text-align: center;
    margin-top: 25px;
}

.ManageBox .list .box .Calculater {
    padding: 30px 0 0;
}

.ManageBox .list .box .Calculater .con {
    padding: 0;
}

.ManageNews {
    background: none;
}

.ManageNews .SlideTxt {
    height: auto;
    padding: 0;
    width: 48.5%;
}

.ManageNews .more {
    position: static;
}

.ManageNews .more:hover {
    color: #00b9fa;
}

@media ( max-width:1300px) {
    .InvestTab {
        overflow: auto;
    }
}

@media ( max-width:1024px) {
    .jsq {
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
    }
    .jsq img {
        width: 20px;
    }
    .jsq span {
        display: none;
    }
    .Invest_select dl {
        margin-bottom: 10px;
    }
    .Invest_select dl dt {
        top: 5px;
        margin-top: 0;
    }
    .Seach2 .input {
        height: 35px;
    }
    .InvestTab .tabtit {
        height: 50px;
    }
    .InvestTab .tabcon tr td {
        height: 30px;
    }
    .ManageBox .list {
        padding-right: 0;
    }
    .ManageBox img {
        display: none;
    }
}

@media ( max-width:998px) {
    .InvestTab .box {
        width: 900px;
    }
}

@media ( max-width:768px) {
    .Invest_select {
        padding: 20px;
    }
    .FundBox .SlideTxt {
        width: auto;
    }
    .InvestTab table .w1 {
        padding-left: 15px !important;
    }
    .ManageBox {
        width: auto;
        float: none;
    }
    .ManageBox .list .box {
        width: auto;
        float: none;
        margin: 5px 0;
    }
    .ManageBox .list .box .a_btn {
        width: 120px;
        line-height: 36px;
        margin-top: 15px;
    }
    .ManageBox .list .box {
        padding: 15px 20px 20px;
    }
}

@media ( max-width:640px) {
    .Invest_select dl {
        padding-left: 100px;
    }
    .Invest_select dl dt {
        width: 90px;
    }
    .InvestTab .tabtit {
        font-size: 16px;
        height: 45px;
    }
    .ManageBox .list .box ul {
        margin-top: 15px;
    }
    .ManageBox .list .box select {
        height: 40px;
    }
    .ManageBox .list .box .info {
        margin: 15px 0;
    }
}

@media ( max-width:480px) {
    .Invest_select {
        padding: 15px;
    }
    .Invest_select dl {
        padding-left: 0;
    }
    .Invest_select dl dt {
        position: static;
        background: #00b9fa;
        color: #fff;
        padding: 0 15px;
        width: auto;
        word-wrap: break-word;
        word-break: normal;
        text-align: justify;
        text-justify: distribute;
        line-height: 36px;
        font-size: 15px;
    }
    .Invest_select dl dt i {
        display: none;
    }
    .Invest_select dl dt span {}
    .Invest_select dl dd {
        padding: 10px 0;
    }
    .Invest_select dl dd a {
        padding: 0 14px;
    }
    .Invest_select dl.on dd {
        display: block;
    }
    .Invest_select dl.on dt span {}
    .Seach2 {
        width: auto;
    }
    .Seach2 form {
        padding: 0 90px 0 10px;
    }
    .Seach2 .btn {
        width: 80px;
        background-position: 10px center;
    }
}


/* 理财详情 */

.ManageDetail .title {
    font-size: 30px;
    color: #000;
    line-height: 40px;
    padding-right: 80px;
    position: relative;
}

.ManageDetail .title .ewm {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

.ManageDetail .title .ewm .iconfont {
    font-size: 35px;
    color: #00a7ea;
}

.ManageDetail .title .ewm .img {
    transition: all ease 0.3s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0px;
    right: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
    width: 120px;
}

.ManageDetail .title .ewm .img img {
    width: 100%;
}

.ManageDetail .title .ewm:hover .iconfont {
    color: #00348c;
}

.ManageDetail .title .ewm.on .img {
    opacity: 1;
    visibility: visible;
    top: 45px;
}

.ManageDetail .list li {
    float: left;
    margin-right: 3%;
}

.ManageDetail .list li span {
    display: block;
    margin-bottom: 8px;
    color: #bfbfbf;
}

.ManageDetail .list li p {
    font-size: 20px;
    color: #333;
}

.ManageDetail .list li p.rate {
    font-size: 28px;
    font-weight: bold;
}

.ManageDetail .buybtn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.ManageDetail .warm {
    border-top: 3px solid #f5f5f5;
    padding: 27px 27px 27px 84px;
    background-image: url(../images/arr11.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #6e6e6e;
    line-height: 28px;
}

.Manage_pro .title {
    font-size: 22px;
    color: #333;
    margin-bottom: 20px;
}

.Manage_pro .title img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
}

.Manage_pro table td {
    background: #fcfcfc;
    padding: 16px 15px 16px 40px;
}

.Manage_pro table td.w1 {
    width: 15%;
}

.Manage_pro table td.w2 {
    width: 35%;
}

.Manage_pro table td a {
    color: #00a7ea;
    text-decoration: underline;
}

@media ( max-width:1024px) {
    .ManageDetail .title {
        font-size: 22px;
        line-height: 30px;
    }
    .ManageDetail .list li p.rate {
        font-size: 22px;
    }
    .ManageDetail .list li p {
        font-size: 18px;
    }
    .Manage_pro table td {
        padding: 10px;
    }
}

@media ( max-width:480px) {
    .ManageDetail .title {
        font-size: 18px;
    }
    .ManageDetail .warm {
        padding: 20px 20px 20px 60px;
        background-position: left 20px;
    }
    .ManageDetail .list li {
        margin-bottom: 10px;
        margin-right: 10%;
    }
    .ManageDetail .list li span {
        margin-bottom: 0;
    }
    .Manage_pro .title {
        font-size: 18px;
    }
    .Manage_pro table td {
        padding: 4px;
    }
}


/* 收益试算器 */

.Calculater {
    max-width: 740px;
    margin: 0 auto;
    padding: 80px 0 76px;
}

.Calculater .con {
    padding: 0 62px 76px;
}

.Calculater dl {
    position: relative;
    margin-bottom: 28px;
    line-height: 42px;
}

.Calculater dl dt {
    position: absolute;
    left: 0;
    top: 0;
    width: 130px;
    color: #333;
    text-align: right;
}

.Calculater dl dt i {
    color: #ff0000;
    margin-right: 6px;
}

.Calculater dl dd {
    margin: 0 35px 0 155px;
}

.Calculater dl dd .input {
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Calculater dl dd .input,
.Calculater dl dd select {
    border: 1px solid #898989 !important;
    width: 100%;
    height: 40px;
    padding: 0 15px;
}

.Calculater dl dd select {
    text-indent: 0;
    border: none;
    color: #000033;
    background-repeat: no-repeat;
    background-position: right center;
}

.Calculater dl dd em {
    position: absolute;
    right: 0;
    top: 0;
}

.Calculater dl.fnone {
    padding-top: 10px;
}

.Calculater dl.fnone dd {
    border: none;
    padding: 0;
}

.Calculater dl dd .btn {
    width: 160px;
    height: 50px;
    background: #a2a2a2;
    color: #fff;
    margin-right: 10px;
}

.Calculater dl dd .sendbtn {
    background: #00a7ea;
    -webkit-text-fill-color: #fff;
}

.Calculater dl dd .grey {
    background: #ccc;
}

.Calculater dl .verify {
    line-height: 24px;
    position: absolute;
    left: 155px;
    bottom: -28px;
}

.Calculater .result {
    padding: 34px 62px 0;
    border-top: 3px solid #00a7ea;
    font-size: 18px;
    color: #333;
}

.Calculater .result .name,
.Calculater .result b {
    font-size: 24px;
}

.Calculater .result b {
    padding: 0 4px;
}

.verify {
    color: #ff0000;
    font-size: 14px;
}

@media ( max-width:768px) {
    .Calculater {
        padding: 40px 0;
    }
    .Calculater .con {
        padding: 0 20px 20px;
    }
    .Calculater dl {
        margin-bottom: 15px;
    }
    .Calculater dl dd .btn {
        width: 100px;
        height: 36px;
    }
    .Calculater .result {
        font-size: 16px;
        padding: 25px 20px 0;
    }
    .Calculater .result .name,
    .Calculater .result b {
        font-size: 20px;
    }
}

@media ( max-width:480px) {
    .Calculater {
        padding: 20px 0 30px;
    }
    .Calculater dl.fnone {
        padding-top: 25px;
    }
    .Calculater dl {
        margin-bottom: 10px;
        line-height: 34px;
    }
    .Calculater dl dt {
        position: static;
        word-wrap: break-word;
        word-break: normal;
        text-align: justify;
        text-justify: distribute;
        font-size: 16px;
    }
    .Calculater dl dd {
        margin: 0 25px 0 0;
    }
    .Calculater dl dd .input,
    .Calculater dl dd select {
        height: 32px;
    }
    .Calculater .result .name {
        font-size: 18px;
    }
    .Calculater dl .verify {
        left: 0;
    }
}


/* 优惠商户 */

.Merchants_sel select {
    width: 15.3%;
    margin: 0 16px 0 0;
    height: 50px;
    border: 1px solid #9f9f9f;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 96% center;
}

.Merchants_sel .Seach2 {
    display: inline-block;
    vertical-align: top;
    width: 386px;
}

.Merchants_sel .Seach2 .input {
    height: 48px;
}

.Merchants_sel .Seach2 .btn {
    background-color: #0452a8;
}

.Merchants .list {
    padding-bottom: 2%;
}

.Merchants .list li {
    width: 32.6666%;
    float: left;
    margin: 0 1% 1% 0;
}

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

.Merchants .list li .con {
    background: #fff;
    padding: 20px;
    height: 200px;
}

.Merchants .list li .con .title {
    padding-bottom: 18px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 28px;
    font-size: 20px;
}

.Merchants .list li .con .title span {
    display: block;
    color: #666;
}

.Merchants .list li .con .title i {
    position: absolute;
    width: 26px;
    height: 3px;
    background: #00a7ea;
    left: 0;
    bottom: -2px;
}

.Merchants .list li .con dl dd {
    margin-bottom: 12px;
    padding-left: 20px;
    line-height: 23px;
    background-repeat: no-repeat;
    background-position: left 3px;
}

.Merchants .list li .con dl dd.i1 {
    background-image: url(../images/arr14.png);
}

.Merchants .list li .con dl dd.i2 {
    background-image: url(../images/arr15.png);
}

.Merchants .list li .con dl dd.i3 {
    margin-bottom: 0;
    background-image: url(../images/arr16.png);
}

@media ( max-width:1500px) {
    .Merchants_sel .Seach2 {
        width: 300px;
    }
}

@media ( max-width:1240px) {
    .Merchants_sel select {
        width: 48%;
        margin: 0 0 10px;
        float: left;
        height: 40px;
    }
    .Merchants_sel select:nth-child(2n) {
        float: right;
    }
    .Merchants_sel .Seach2 {
        width: auto;
        display: block;
        clear: both;
    }
    .Merchants_sel .Seach2 .input {
        height: 38px;
    }
    .Merchants .list li {
        width: 49%;
        margin: 0 0 15px 0;
    }
    .Merchants .list li:nth-child(2n) {
        float: right;
    }
}

@media ( max-width:768px) {
    .Merchants .list li .con .title {
        font-size: 18px;
    }
}

@media ( max-width:480px) {
    .Merchants .list li,
    .Merchants .list li:nth-child(2n) {
        width: auto;
        float: none;
    }
    .Merchants .list li .con {
        height: auto;
    }
    .Merchants .list li .con .title {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
}


/* 银行卡 */

.Drill_card {
    border: 1px solid #eaedf6;
    box-shadow: 0 10px 30px rgba(194, 194, 194, 0.15);
    position: relative;
    min-height: 400px;
}

.Drill_card .hd {
    width: 21.38%;
    border-left: 1px solid #eaedf6;
    box-shadow: 0 10px 30px rgba(194, 194, 194, 0.15);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

.Drill_card .hd li {
    margin: 7px 0;
    position: relative;
}

.Drill_card .hd li .Scale-img {
    display: inline-block;
    max-width: 64.74%;
}

.Drill_card .hd li .Scale-img img {
    display: block;
    width: 100%;
}

.Drill_card .hd li i {
    position: absolute;
    width: 0;
    height: 3px;
    left: -50px;
    top: 50%;
    margin-top: -2px;
    background: #00b9fa;
    transition: 0.5s ease-in-out;
}

.Drill_card .hd li.on i {
    width: 80px;
}

.Drill_card .bd {
    padding: 4%;
    margin-right: 22%;
}

.Drill_card .CardSlide .img {
    width: 56.68%;
}

.Drill_card .CardSlide .img img {
    display: block;
    width: 100%;
    border-radius: 20px;
}

.Drill_card .CardSlide .con {
    width: 40.816%;
}

.Drill_card .CardSlide .con .p {
    line-height: 25px;
}

.CardSlide .con {
    padding-top: 15px;
}

.CardSlide .con .title {
    font-size: 26px;
    height: 30px;
    color: #000;
    margin-bottom: 20px;
}

.CardSlide .con .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 92%;
}

.CardSlide .con:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.CardSlide .con .p {
    -webkit-line-clamp: 8;
    color: #333;
}

.CardSlide .con .CommonMore {
    margin-top: 35px;
}

.OtherCard .hd {
    width: 16.92%;
    text-align: center;
}

.OtherCard .hd li {
    line-height: 100px;
    margin-bottom: 10px;
    font-size: 20px;
    background: #fff;
}

.OtherCard .hd li a {
    display: block;
    color: #333;
}

.OtherCard .hdactive li::after {
    left: 0;
}

.OtherCard .hd li i {
    position: absolute;
    background: url(../images/arr17.png) no-repeat;
    width: 0;
    height: 19px;
    top: 50%;
    margin-top: -9px;
    right: -11px;
    transition: 0.5s ease-in-out;
}

.OtherCard .hd li.on i {
    width: 11px;
}

.OtherCard2 .hd li {
    border: 1px solid #dce5ea;
}

.OtherCard2 .hd li i {
    right: auto;
    left: -11px;
    transform: rotate(-180deg);
}

.OtherCard2 .hd li.on {
    border: 1px solid #00b9fa;
}


/*.OtherCard .bd{width: 78.15%;}*/

.OtherCard .CardSlide .img {
    width: 49.21%;
    text-align: center;
}

.OtherCard .CardSlide .con {
    width: 44.488%;
}

.CardSort {
    background-image: url(../images/boxbg6.png);
    background-size: 100% 100%;
    padding: 4% 5%;
}

.CardSort .CardSlide .img {
    width: 42.73%;
}

.CardSort .CardSlide .con {
    width: 44.1%;
    padding-top: 3%;
}

.Bc_knowledge .slider {
    margin-top: -10px;
}

.Bc_knowledge .slider .lis {
    width: 23.5%;
    float: left;
    margin: 1% 2% 1% 0;
    position: relative;
}

.Bc_knowledge .slider .lis:nth-child(4n) {
    margin-right: 0;
}

.Bc_knowledge .slider .lis a {
    display: block;
    border: 1px solid #e6e8ed;
    padding: 15px 25px;
}

.Bc_knowledge .slider .lis .title {
    font-size: 18px;
    height: 30px;
    color: #000;
    margin-bottom: 10px;
}

.Bc_knowledge .slider .lis .title i {
    font-size: 16px;
}

.Bc_knowledge .slider .lis .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
}

.Bc_knowledge .slider .lis:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.Bc_knowledge .slider .lis .p {
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    -webkit-line-clamp: 2;
    color: #666;
}

.Bc_knowledge .slider .lis .more {
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #00a7ea;
    margin-top: 14px;
    transition: 0.5s ease-in-out;
}

.Bc_knowledge .slider .lis .more i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 24px;
    height: 14px;
    background: url(../images/more4.png);
}


/* .Bc_knowledge .slider .lis:hover .more{display: block;} */

.Bc_knowledge .slider .lis:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}

@media ( max-width:1100px) {
    .Drill_card {
        min-height: auto;
        padding: 3%;
    }
    .Drill_card .hd {
        position: static;
        box-shadow: none;
        border-left: none;
        width: auto;
        margin-top: 30px;
    }
    .Drill_card .hd li {
        width: 30%;
        display: inline-block;
        margin: 0;
    }
    .Drill_card .hd li i {
        width: 2px;
        height: 0;
        left: 50%;
        margin-left: -1px;
        top: -12px;
        margin-top: 0;
        bottom: -10px;
    }
    .Drill_card .hd li.on i {
        height: 20px;
        width: 2px;
    }
    .Drill_card .bd {
        padding: 0;
        margin-right: 0;
    }
    .OtherCard .hd,
    .OtherCard .bd {
        width: auto;
        float: none;
    }
    .OtherCard .hd {
        margin-bottom: 30px;
    }
    .OtherCard .hd li {
        display: inline-block;
        padding: 0 20px;
        line-height: 50px;
        font-size: 18px;
        margin-bottom: 0;
    }
    .OtherCard .hd li i {
        display: none;
    }
    .CardSlide .con .title {
        font-size: 22px;
    }
    .Bc_knowledge .slider .lis a {
        padding: 15px;
        height: auto;
    }
    .Bc_knowledge .slider .lis .title {
        margin-bottom: 5px;
    }
    .Bc_knowledge .slider .lis .more {
        display: block;
        margin-top: 5px;
    }
}

@media ( max-width:768px) {
    .Drill_card .CardSlide .img {
        display: none;
    }
    .Drill_card .CardSlide .con {
        width: auto;
        float: none;
    }
    .Drill_card .CardSlide .con .p {
        height: auto;
    }
    .CardSlide .con .title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .CardSlide .con .CommonMore {
        margin-top: 20px;
    }
    .OtherCard .hd li {
        font-size: 16px;
        line-height: 40px;
    }
    .Bc_knowledge .slider .lis {
        width: 49%;
        margin-right: 0;
    }
    .Bc_knowledge .slider .lis:nth-child(2n) {
        float: right;
    }
}

@media ( max-width:480px) {
    .Drill_card .hd li .Scale-img {
        max-width: 88%;
    }
    .OtherCard .hd li {
        padding: 0 4px;
        font-size: 15px;
    }
    .OtherCard .CardSlide .con,
    .OtherCard .CardSlide .img,
    .CardSort .CardSlide .img,
    .CardSort .CardSlide .con {
        width: auto;
        float: none;
    }
    .CardSort .CardSlide .img {
        margin-bottom: 10px;
    }
    .Bc_knowledge .slider .lis,
    .Bc_knowledge .slider .lis:nth-child(2n) {
        width: auto;
        float: none;
        margin: 10px 0;
    }
}


/**** 小微金融_lxf ****/

.XwNav.sj {
    display: none;
}

.XwNav {
    line-height: 73px;
    z-index: 1;
    height: 73px;
    border: 1px solid #efefef;
    background: #fff;
    box-shadow: 0 9px 20px rgba(0, 52, 140, 0.07);
}

.XwNav .slider {
    position: static;
}

.XwNav .slider .slick-dots {
    bottom: -30px;
    position: absolute;
}


/* .XwNav.noscroll .slick-track{transform: translate3d(0, 0px, 0px) !important; } */

.XwNav .slick-track {
    padding-bottom: 7px;
}


/* .XwNav .slick-slide{width: 120px;} */

.XwNav .slick-slide a {
    position: relative;
    background: url(../images/gsjr/line.gif) right center no-repeat;
    display: block;
    text-align: center;
    font-size: 18px;
}

.XwNav .slick-slide span {
    position: relative;
    z-index: 1;
}

.XwNav .slick-current a {
    background: #f0f3f8;
}

.XwNav .slick-current a i {
    background: #f0f3f8;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.XwNav .slick-arrow {
    display: none !important;
}

.XwNav .hot {
    position: absolute;
    width: 19px;
    height: 20px;
    left: 50%;
    top: 0;
    margin-left: -10px;
    background: url(../images/xwjr/hot.png);
    z-index: 2;
}

.XwNav .slick-current .hot {
    width: 35px;
    height: 35px;
    background: url(../images/xwjr/hot2.png);
    margin-left: 0;
    left: 0;
}

.WxDetail .slick-slide {
    position: relative;
    overflow: hidden;
}

.WxDetail .slick-slide .box {
    background: #f0f3f8;
    padding: 3%;
}

.WxDetail .imgbox {
    width: 41%;
    float: right;
    padding-top: 420px;
    cursor: default;
}

.WxDetail .imgbox .mask {
    position: absolute;
    transition: ease-in-out 0.3s;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 40px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
}

.WxDetail .imgbox .tit {
    line-height: 40px;
    text-align: center;
}

.WxDetail .imgbox .mask .p {
    line-height: 25px;
    color: #fff;
    display: none;
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.WxDetail .imgbox:hover .tit {
    display: none;
}

.WxDetail .imgbox:hover .mask {
    height: 50%;
}

.WxDetail .imgbox:hover .mask .p {
    display: block;
}

.WxDetail .info {
    width: 55%;
    float: left;
}

.WxDetail .info .tit {
    position: relative;
    font-weight: normal;
    border-bottom: 1px solid #e2e2e2;
}

.WxDetail .info .tit a {
    color: #333;
}

.WxDetail .info .tit:after {
    content: "";
    position: absolute;
    bottom: 0px;
    height: 2px;
    font-size: 0;
    width: 0;
    background: #00a7ea;
    left: 0;
    transition: all ease 0.3s;
}

.WxDetail .info dl {
    margin-top: 3.5%;
}

.WxDetail .info dl dt {
    color: #333;
    font-weight: bold;
}

.WxDetail .info .p {
    color: #666;
    height: 90px;
    overflow: auto;
}

.WxDetail .info:hover .tit {
    border-bottom: 1px solid #fff;
}

.WxDetail .info:hover .tit:after {
    width: 100%;
}

.WxDetail .CommonMore {
    margin-top: 4%;
}

.casetit:hover {
    color: #fff;
}


/* .WxDetail .slick-dots{bottom: -30px;} */


/* .WxDetail .slick-dots{ display:none !important;} */

.WxDetail .slick-arrow {
    width: 55px;
    height: 55px;
    line-height: 55px;
    background: #dcdcdc;
    border: 0;
}

.WxDetail .slick-prev {
    left: -90px;
}

.WxDetail .slick-next {
    right: -90px;
}

.WxDetail .slick-prev:before,
.WxDetail .slick-next:before {
    font-size: 30px;
    color: #fff;
}

.graybg {
    background: #f7f8fc;
}

.Wxjr_List {
    margin: 0 0 -3% -2.5%;
}

.Wxjr_List .item {
    width: 47.5%;
    float: left;
    margin: 0 0 3% 2.5%;
}

.Wxjr_List a {
    display: block;
    position: relative;
    padding: 20px 30px;
    background: #fff;
}

.Wxjr_List .date {
    font-size: 14px;
}

.Wxjr_List .title {
    position: relative;
    font-size: 20px;
    color: #333;
}

.Wxjr_List .lis .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
}

.Wxjr_List .lis:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.Wxjr_List .item a::after {
    display: none;
    content: "";
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 0px;
    background: #00a7ea;
    left: 50%;
    transition: all ease 0.3s;
}

.Wxjr_List a .p {
    line-height: 25px;
    color: #999999;
    font-size: 14px;
    -webkit-line-clamp: 2;
    height: 50px;
    margin: 6px 0 10px;
}

.Wxjr_List .item:hover a:after {
    width: 100%;
    left: 0;
}

.Wxjr_List .item:hover .date:after {
    height: 100%;
    box-shadow: 0 15px 30px rgba(0, 64, 152, 0.15);
}

.Wxjr_List a:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}


/* .Wxjr_List .item:hover .date,.Wxjr_List .item:hover .date i{ color:#fff;}
.Wxjr_List .item:hover .tit{ color:#00a7ea; font-weight:bold;} */

@media ( max-width:1024px) {
    .XwNav {
        line-height: 50px;
        height: 50px;
    }
    .XwNav .slick-arrow {
        display: block !important;
    }
    .XwNav .slick-slide a {
        font-size: 15px;
    }
    .XwNav .slick-prev {
        left: -15px;
        background-image: url(../images/ico/left2.png);
    }
    .XwNav .slick-next {
        right: -15px;
        background-image: url(../images/ico/right2.png);
    }
    .XwNav .slider .slick-dots {
        bottom: -20px;
    }
    /* .XwNav .slider .slick-dots{display: block !important;} */
    /* .WxDetail{margin-bottom: 30px;} */
    .Wxjr_List .title {
        font-size: 15px;
        margin-bottom: 0px;
        padding-top: 0;
    }
    .Wxjr_List .item .tit:after {
        bottom: 12px;
    }
    .Wxjr_List a {
        padding: 20px;
    }
    .WxDetail .imgbox .tit {
        display: block;
    }
}

@media ( max-width:767px) {
    .WxDetail .imgbox {
        width: auto;
        float: none;
        padding-top: 60%;
    }
    .WxDetail .info {
        width: auto;
        float: none;
        padding: 15px;
    }
    .WxDetail .info .p {
        height: auto;
    }
    .Wxjr_List .item {
        width: auto;
        float: none;
        margin-bottom: 2.5%;
    }
    .WxDetail .CommonMore {
        position: static;
        display: block;
        width: auto;
        line-height: 46px;
    }
}

@media ( max-width:480px) {
    .XwNav .slider .slick-dots {
        bottom: -15px;
    }
    .WxDetail .imgbox:hover .mask {
        height: 100%;
    }
}

@media ( max-width:400px) {
    .WxDetail .imgbox .mask .p {
        line-height: 20px;
    }
}


/**** 公司金融_lxf ****/

.Company_itemcon {}

.Company_itemcon .imgbox {
    width: 45%;
    float: left;
    text-align: center;
}

.Company_itemcon .imgbox img {
    display: block;
    width: 100%;
    height: 388px;
}

.Company_itemcon .info {
    width: 47%;
    float: right;
    padding-right: 4%;
    margin-top: 4.5%;
}

.Company_itemcon .info .title {
    font-weight: normal;
    color: #333333;
    font-size: 30px;
    line-height: 40px;
}

.Company_itemcon .info .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
}

.Company_itemcon .info:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.Company_itemcon .info .p {
    color: #666666;
    height: 216px;
    margin-top: 9px;
    overflow: auto;
}

.Company_itemcon.bg {
    background: #f7f8fc;
}

.Company_itemcon.next .imgbox {
    float: right;
}

.Company_itemcon.next .info {
    float: left;
    padding-right: 0;
    padding-left: 4%;
}

.Company_con {
    padding-bottom: 5%;
    background-position: center bottom;
    background-size: cover;
}

.Company_con .title {
    font-weight: normal;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
}

.Company_con .title i {
    color: #fff;
}

.Company_con .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
}

.Company_con:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.Company_con .p {
    color: #fff;
    max-width: 630px;
    margin-top: 11px;
}

.Company_con.tc {
    text-align: center;
}

.Company_con.tc .p {
    max-width: 1158px;
    margin-left: auto;
    margin-right: auto;
}

.Company_con.tc .CommonMore {
    margin-left: auto;
    margin-right: auto;
}

.Company_itemcon2 {}

.Company_itemcon2 ul {
    margin: 0 0 0 -2.5%;
}

.Company_itemcon2 .item {
    width: 47.5%;
    float: left;
    box-shadow: 0 10px 30px rgba(17, 76, 158, 0.05);
    margin-left: 2.5%;
}

.Company_itemcon2 .imgbox {
    padding-top: 48%;
}

.Company_itemcon2 .info {
    position: relative;
    border: 1px solid #e7e8f0;
    padding: 45px 7% 7%;
    color: #333;
}

.Company_itemcon2 .info .title {
    font-weight: normal;
    font-size: 26px;
    line-height: 36px;
}

.Company_itemcon2 .info .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
}

.Company_itemcon2 .info:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.Company_itemcon2 .item:nth-child(2n) .info .title i {
    display: none;
}

.Company_itemcon2 .item:nth-child(2n) .info .tit {
    border-bottom: none
}

.Company_itemcon2 .item:nth-child(2n) .info:hover .tit {
    border-bottom: none;
}

.Company_itemcon2 .info .p {
    height: 90px;
    overflow: auto;
}

.Company_itemcon2 .icon {
    z-index: 10;
    position: absolute;
    left: 7%;
    top: -60px;
    width: 90px;
    height: 90px;
}

.Company_itemcon3 {
    background: url(../images/gsjr/gsbg1.jpg);
}

.Company_itemcon3 .slider {
    margin: 0 15px -40px;
}

.Company_itemcon3 .slick-track {
    padding-bottom: 40px;
}

.Company_itemcon3 .item {
    margin: 0 14px;
}

.Company_itemcon3 .imgbox {
    padding-top: 50%;
}

.Company_itemcon3 .info {
    background: #fff;
    padding: 30px 25px 0;
    height: 209px;
}

.Company_itemcon3 .tit {
    line-height: 32px;
    font-size: 20px;
}

.Company_itemcon3 .p {
    -webkit-line-clamp: 1;
    color: #999999;
}

.Company_itemcon3 .card-rate {
    /*padding-top:18px; background:url(../uploadfiles/image/gsjr/linebg.gif) 0px top repeat-x;*/
    margin-top: 10px;
}

.Company_itemcon3 .card-rate dd {
    width: 30%;
    float: left;
    color: #bfbfbf;
}

.Company_itemcon3 .card-rate dd span {
    display: block;
    line-height: 43px;
    color: #333333;
    font-size: 20px;
}

.Company_itemcon3 .card-rate dd.rate {
    width: 40%;
}


/* .Company_itemcon3 .card-rate dd.rate span{ font-size:28px; font-weight:bold;} */

.Company_itemcon3 .slick-arrow {
    background: #fff;
}

.Company_itemcon3 .slider.anm {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}

.Company_itemcon3 .slick-dots {
    display: none !important;
}

.item:after,
.item a:after {
    transition: all ease 0.3s;
}

.Company_List {
    margin: 0 0 -2.5% -2.5%;
}

.Company_List .item {
    width: 47.5%;
    float: left;
    margin: 0 0 2.5% 2.5%;
}

.Company_List .item {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}

.Company_List .item .title {
    color: #333;
}

.Company_List .item .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
}

.Company_List .item:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.Company_List li a {
    display: block;
    position: relative;
    border: 1px solid #eeeeee;
    padding: 20px 30px;
    height: 114px;
}

.Company_List li a .date {
    font-size: 14px;
}

.Company_List li a .p {
    line-height: 24px;
    color: #999;
    -webkit-line-clamp: 2;
    height: 48px;
    margin: 6px 0 10px;
}

.Company_List li a:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}

.ToolBar {
    background: #f7f7f7;
    padding: 3% 0;
}

.ToolBar ul {
    margin-left: -2.5%;
}

.ToolBar .item {
    text-align: center;
    width: 22.5%;
    position: relative;
    float: left;
    margin: 0 0 0 2.5%;
}

.ToolBar .item a {
    position: relative;
    z-index: 1;
    display: block;
    background: #fff;
    line-height: 100px;
    font-size: 18px;
}

.ToolBar .item .ico {
    display: inline-block;
    width: 47px;
    height: 47px;
    vertical-align: middle;
    margin-right: 12px;
}

.ToolBar .item .ico img {
    width: 47px;
    height: 47px;
}

.ToolBar .item:hover a {
    color: #333;
}

@media ( max-width:1367px) {
    .Company_itemcon .imgbox img {
        height: 354px;
    }
}

@media ( max-width:1024px) {
    .Company_itemcon .info .title,
    .Company_con .title,
    .Company_itemcon2 .info .title {
        font-size: 18px;
        line-height: 30px;
    }
    .Company_itemcon2 .info .p {
        height: 72px;
        font-size: 14px;
        line-height: 24px;
    }
    .Company_List li a {
        padding: 20px;
    }
    .Company_List .item .title {
        font-size: 15px;
    }
    .Company_itemcon .imgbox img {
        height: 265px;
    }
    .Company_itemcon .info .p {
        height: 168px;
    }
}

@media ( max-width:767px) {
    .Company_itemcon .imgbox {
        width: auto;
        float: none;
    }
    .Company_itemcon .imgbox img {
        height: auto;
    }
    .Company_itemcon .info {
        width: auto;
        float: none;
        padding: 12px;
    }
    .Company_itemcon .info .p {
        height: 144px;
    }
    .Company_itemcon2 .item {
        width: auto;
        float: none;
        margin-bottom: 15px;
    }
    .Company_itemcon2 .icon {
        width: 52px;
        height: 52px;
        top: -35px;
        left: 15px;
    }
    .Company_itemcon2 .info {
        padding: 25px 15px 15px;
    }
    .Company_itemcon3 .slider {
        margin: 0;
    }
    .Company_itemcon3 .slick-arrow {
        display: none !important;
    }
    .Company_itemcon3 .slick-dots {
        display: block !important;
    }
    .Company_List .item {
        width: auto;
        float: none;
    }
    .ToolBar .item a {
        padding: 10px;
        height: 65px;
        line-height: 20px;
        font-size: 14px;
    }
    .ToolBar .item .ico {
        display: block;
        margin: 0px auto 4px;
        width: 30px;
        height: 30px;
    }
    .ToolBar .item .ico img {
        width: 30px;
        height: 30px;
    }
}

@media ( max-width:580px) {
    .Company_itemcon3 .item {
        margin: 0;
    }
    .Company_itemcon3 .info {
        padding: 15px;
        height: auto;
    }
    .Company_itemcon3 .tit {
        line-height: 24px;
        font-size: 16px;
    }
    /* .Company_itemcon3 .card-rate dd.rate span{ font-size:22px;} */
    .Company_itemcon3 .card-rate dd span {
        font-size: 18px;
        line-height: 30px;
    }
}

@media ( max-width:400px) {
    .ToolBar .item {
        width: 47.5%;
        margin-bottom: 2.5%;
    }
}


/* 公司金融详情_lxf */

.Gsjrbg {
    background: url(../images/gsjr/nrbg.jpg) center top no-repeat;
}

.Gsjrinfo {
    max-width: 1135px;
    margin: 0px auto;
}

.Gsjrinfo .tit {
    font-weight: normal;
    color: #333333;
    text-align: center;
}

.Gsjrinfo .p {
    margin: 24px 0;
    height: auto !important;
    height: 163px;
    min-height: 163px;
}

.GsjrPro {
    margin: 0 0 0 -2.5%;
}

.GsjrPro li {
    width: 22.5%;
    float: left;
    margin: 0 0 0 2.5%;
    position: relative;
}

.GsjrPro .imgbox {
    padding-top: 50%;
}

.GsjrPro .info {
    padding: 35px 12.5% 0;
    height: 205px;
    border: 1px solid #e5e5e5;
}

.GsjrPro .info .tit {
    font-size: 18px;
    color: #333333;
    margin-bottom: 20px;
}

.GsjrPro .info .p {
    color: #666666;
    line-height: 28px;
}

.GsjrPro li:after {
    content: "";
    position: absolute;
    width: 0;
    left: 50%;
    bottom: 0;
    height: 2px;
    background: #0cbbf9;
}

.GsjrPro li:hover:after {
    width: 100%;
    left: 0;
}

.GsjrPro li:hover .info .tit {
    color: #00b9fa;
}

@media ( max-width:1024px) {
    .GsjrPro .info {
        padding: 12px 12px 0;
    }
    .GsjrPro .info .tit {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .GsjrPro .info .p {
        font-size: 14px;
        line-height: 24px;
    }
}

@media ( max-width:768px) {
    .GsjrPro li {
        width: 47.5%;
        margin-bottom: 2.5%;
    }
}

@media ( max-width:580px) {
    .GsjrPro li {
        width: auto;
    }
    .GsjrPro .info {
        padding: 12px;
        height: auto;
    }
}


/* 公司金融_国际业务_详情_lxf */

.GjNav {
    line-height: 78px;
    position: static;
    z-index: 1;
    height: 78px;
    border-top: 1px solid #e2eaf9;
    border-bottom: 1px solid #e2eaf9;
    background: #fff;
    box-shadow: 0 9px 20px rgba(0, 52, 140, 0.07);
}

.GjNav .slick-slider {
    position: static;
}

.GjNav .slick-slide a,
.GjNav .item a {
    background: url(../images/gsjr/line.gif) right center no-repeat;
    display: block;
    text-align: center;
    font-size: 20px;
    position: relative;
}

.GjNav .slick-slide:last-child a,
.GjNav .item:last-child a {
    background: none;
}

.GjNav span {
    position: relative;
    display: inline-block;
}

.GjNav .slick-current a,
.GjNav .item.on a {
    color: #00b9fa;
    font-weight: bold;
}

.GjNav ul {
    text-align: center;
}

.GjNav .item {
    display: inline-block;
}

.GjNav .item a {
    padding: 0 57px;
}

.GjNav .item.on a {
    color: #00b9fa;
    font-weight: bold;
}

.GjNav .item.on a::after {
    width: 100%;
    left: 0;
}

.GjNav .slick-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
}

.GjDetail {
    position: relative;
}

.GjDetail .con {
    background: #f6f8fb;
    padding: 3%;
}


/* .GjDetail .info{height:390px; overflow: auto;} */

.GjDetail .info .tit {
    color: #333;
    line-height: 46px;
    font-weight: normal;
}

.GjDetail .info h3 {
    margin-top: 36px;
    color: #48bbff;
    font-size: 18px;
}

.GjDetail .imgbox {
    width: 48%;
    float: right;
    padding-top: 40%;
    display: none;
}

.GjDetail .slick-arrow {
    width: 55px;
    height: 55px;
    top: auto;
    margin-top: 0;
    bottom: 48px;
    line-height: 55px;
    background: #00a7ea;
    color: #fff;
}

.GjDetail .slick-prev:before,
.GjDetail .slick-next:before {
    color: #fff;
    font-size: 30px;
}

.GjDetail .slick-arrow:hover {
    background: #00a7ea;
}

.GjDetail .slick-prev {
    left: 56%;
}

.GjDetail .slick-next {
    left: 62%;
    right: auto;
}

.GjDetail .slick-dots {
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 38px;
}

@media ( max-width:1024px) {
    .GjNav {
        line-height: 50px;
        height: 50px;
    }
    .GjNav .slick-slide a {
        font-size: 16px;
    }
    .GjNav .item a {
        font-size: 16px;
        padding: 0 20px;
    }
    .GjNav .slick-prev {
        left: -10px;
        background-image: url(../images/ico/left2.png);
    }
    .GjNav .slick-next {
        right: -10px;
        background-image: url(../images/ico/right2.png);
    }
    .GjNav .slick-prev:hover {
        background-image: url(../images/ico/left.png);
    }
    .GjNav .slick-next:hover {
        background-image: url(../images/ico/right.png);
    }
    .GjDetail .info {
        padding: 15px;
        width: auto;
        float: none;
        height: auto;
        min-height: 150px;
    }
    .GjDetail .imgbox {
        width: auto;
        float: none;
    }
    .GjDetail .info h3 {
        margin-top: 15px;
    }
    .GjDetail .slick-arrow {
        display: none !important;
    }
    .GjDetail .slick-slide {
        padding-bottom: 40px;
    }
}

@media ( max-width:768px) {
    .GjNav .slick-slide a {
        font-size: 14px;
    }
    .GjDetail .info h3 {
        font-size: 15px;
    }
    .GjNav .item a {
        padding: 0 15px;
    }
}

@media ( max-width:400px) {
    .GjDetail .slick-dots {
        bottom: 52px;
    }
    .GjDetail .info {
        padding: 0 0 15px;
    }
    .GjNav .item a {
        padding: 0 10px;
    }
}

@media ( max-width:375px) {
    .GjNav .item a {
        font-size: 15px;
    }
}


/* 小微金融网点查询20200708_lxf */

.Searchxwjr {
    margin-bottom: 34px;
}

.Searchxwjr .select {
    width: 66.2%;
    float: left;
}

.Searchxwjr .select ul {
    margin-left: -9px;
}

.Searchxwjr .select li .item {
    margin-left: 9px;
}

.Searchxwjr .select li {
    float: left;
    width: 33.333%;
}

.Searchxwjr .select select {
    color: #333333;
    width: 100%;
    height: 50px;
    border: 1px solid #e5e5e5;
    text-indent: 1em;
    background: url(../images/xwjr/selectarr.png) no-repeat scroll 95% center;
}

.Searchxwjr .search {
    width: 32%;
    float: right;
    position: relative;
}

.Searchxwjr .search .input {
    border: 1px solid #e5e5e5;
    width: 99.5%;
    height: 48px;
    line-height: 48px;
    text-indent: 1em;
    padding-right: 120px;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Searchxwjr .search .btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    height: 50px;
    background: #0452a8;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.Searchxwjr .search .btn .iconfont {
    font-weight: normal;
    margin-right: 4px;
}


/* .Searchxwjr .search .btn:hover i{animation: icon-bounce 0.5s alternate;}  */

.SearchList {
    margin: 0 0 15px -2.5%;
}

.SearchList li {
    width: 30.833%;
    float: left;
    margin: 0 0 2.5% 2.5%;
}

.SearchList li .box {
    border: 1px solid #edeef3;
}

.SearchList li .ti {
    background: #f7f8fc;
    line-height: 69px;
    font-size: 18px;
    color: #272727;
}

.SearchList li .ti i {
    background: #00b9fa;
    display: inline-block;
    width: 3px;
    height: 20px;
    vertical-align: middle;
    margin-right: 20px;
}

.SearchList li .info {
    color: #333;
    height: 119px;
    padding: 0 0 0 29px;
}

.SearchList li .info dd {
    margin-top: 20px;
    line-height: 26px;
    position: relative;
    padding-left: 38px;
}

.SearchList li .info dd .icos {
    position: absolute;
    left: 0;
    top: 0;
}

@media ( max-width:1024px) {
    .SearchList li .ti {
        line-height: 45px;
        font-size: 16px;
    }
    .SearchList li .info {
        padding: 0 0 0 15px;
        font-size: 14px;
    }
    .Searchxwjr .search .input {
        height: 38px;
        line-height: 36px;
        padding-right: 90px;
    }
    .Searchxwjr .search .btn {
        height: 38px;
        font-size: 14px;
        width: 90px;
        padding: 0;
    }
    .Searchxwjr .select select {
        height: 38px;
        text-indent: 0.5em;
    }
}

@media ( max-width:768px) {
    .SearchList li {
        width: auto;
        float: none;
    }
    .SearchList li .info {
        height: auto;
        padding: 0 15px 15px 15px;
    }
    .SearchList li .info dd {
        margin-top: 10px;
    }
    .Searchxwjr {
        margin-bottom: 20px;
    }
    .Searchxwjr .select {
        width: auto;
        float: none;
        margin-bottom: 10px;
    }
    .Searchxwjr .search {
        width: auto;
        float: none;
    }
}

@media ( max-width:480px) {
    .Searchxwjr .select li {
        width: 100%;
        float: none;
        margin: 5px 0 0;
    }
}


/* 小微金融重点产品_lxf */

.SinglePage {
    word-wrap: break-word;
    word-break: normal;
    text-align: justify;
    line-height: 35px;
}

.SinglePage p {
    margin-left: 0 !important;
}

.SinglePage table {
    border-collapse: collapse;
}

.bodybg {
    background: #f7f8fc;
}

.whtecontent {
    background: #fff;
    padding: 50px 0 65px;
    position: relative;
}

.LeftBar {
    width: 20%;
    float: left;
}

.LeftBar .title {
    display: none;
    padding: 0px 20px;
    background: #00b9fa;
    line-height: 40px;
    position: relative;
}

.LeftBar .title span {
    display: block;
    font-size: 18px;
    color: #fff;
}

.LeftBar .title i {
    position: absolute;
    width: 16px;
    height: 10px;
    top: 50%;
    margin-top: -5px;
    right: 15px;
    background: url(../images/down.png) no-repeat right center;
}

.LeftBar .title.on i {
    transform: rotate(-180deg);
}

.LeftBar .menu li em {
    position: relative;
    z-index: 1;
}

.LeftBar .menu li a {
    display: block;
    padding-left: 16%;
    line-height: 60px;
    font-size: 18px;
    position: relative;
}

.LeftBar .menu li a:before {
    content: "";
    position: absolute;
    top: 0%;
    width: 0;
    height: 100%;
    left: 0;
    background: #f7f8fc;
    transition: all ease 0.3s;
}

.LeftBar .menu li a:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 4px;
    height: 0;
    left: 0;
    background: #00b9fa;
    transition: all ease 0.3s;
}

.LeftBar .menu li a:hover {
    color: #00b9fa;
}

.LeftBar .menu li.on a:before,
.LeftBar .menu li:hover a:before {
    width: 100%;
}

.LeftBar .menu li.on a:after,
.LeftBar .menu li:hover a:after {
    top: 0;
    height: 100%;
}

.whtecontent .line {
    position: absolute;
    height: 100%;
    left: 20%;
    width: 1px;
    font-size: 0;
    top: 0;
    background: #eeeff4;
}

.RightContent {
    width: 71%;
    padding-right: 4%;
    float: right;
}

.Probox {
    background: #00a7ea;
}

.Probox .imgbox {
    padding-top: 320px;
    width: 70%;
    float: left;
}

.Probox .info {
    padding: 50px 4% 0;
    width: 22%;
    float: right;
    color: #fff;
    text-align: center;
}

.Probox .info .tit {
    font-weight: normal;
}

.Probox .info .p {
    color: #c5e2f7;
    height: 150px;
    overflow: auto;
}

.Base_txt {
    line-height: 25px;
    padding: 0 0 39px 31px;
}

.Base_txt .ti {
    position: relative;
    line-height: 36px;
    margin-bottom: 2px;
    color: #000000;
    font-size: 22px;
}

.Base_txt .ti .icos {
    position: absolute;
    left: -31px;
    top: 4px;
    width: 27px;
}

@media ( max-width:1024px) {
    .whtecontent {
        padding: 25px 0 25px;
    }
    .LeftBar .menu li a {
        padding-left: 10%;
        line-height: 45px;
        font-size: 16px;
        position: relative;
    }
    .Probox .imgbox {
        padding-top: 250px;
    }
    .Probox .info {
        padding: 20px 4% 0;
    }
    .Probox .info .p {
        font-size: 14px;
        line-height: 24px;
    }
    .Base_txt {
        padding-bottom: 20px;
    }
    .Base_txt .ti {
        font-size: 18px;
    }
}

@media ( max-width:768px) {
    .Probox .imgbox {
        padding-top: 50%;
        width: auto;
        float: none;
    }
    .Probox .info {
        width: auto;
        float: none;
        padding: 15px;
    }
    .Probox .info .p {
        height: auto;
    }
    .Base_txt .ti {
        font-size: 16px;
    }
    .LeftBar {
        width: auto;
        float: none;
        margin-bottom: 20px;
    }
    .LeftBar .title {
        display: block;
    }
    .LeftBar ul {
        display: none;
        border-bottom: 1px solid #e5e5e5;
    }
    /* .LeftBar{ display:none;} */
    .whtecontent {
        padding: 0 0 25px;
    }
    .whtecontent .line {
        display: none;
    }
    .RightContent {
        width: auto;
        float: none;
        padding: 0 20px;
    }
    .XwNav.sj {
        display: block;
    }
}


/* 金融市场_lxf */

.SubPage {
    min-height: 570px;
    height: auto !important;
    height: 570px;
}

.Subtit0 {
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    color: #000000;
    padding-bottom: 31px;
    font-weight: normal;
}

.Subtit0 i {
    display: none;
    margin: 0px auto;
    width: 40px;
    height: 26px;
    border-bottom: 3px solid #00b9fa;
}

.Jrsc_box1 {
    background: #f5f8fa;
}

.Jrsc_box1 .SlideTxt {
    position: relative;
}

.Jrsc_box1 .SlideTxt .slick-dots {
    position: absolute;
}

.Jrsc_box1 .nav {
    position: static;
}

.Jrsc_box1 .nav .item {
    padding: 0 10px;
    position: relative;
}

.Jrsc_box1 .nav .item a {
    cursor: pointer;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 58px;
    height: 58px;
    border: 1px solid #eaeaea;
    position: relative;
}

.Jrsc_box1 .nav .item i {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    height: 58px;
    text-overflow: ellipsis;
    white-space: nowrap;
    *white-space: nowrap;
    overflow: hidden;
}


/* .Jrsc_box1 .nav .item.slick-current a{ color:#fff;} */

.Jrsc_box1 .slider-for {
    background: #fff;
    padding: 30px;
}

.Jrsc_box1 .imgbox {
    float: right;
    padding-top: 420px;
    width: 49%;
}

.Jrsc_box1 .info {
    padding: 50px 0 0 2%;
    width: 47%;
    float: left;
    color: #333;
}

.Jrsc_box1 .info .title {
    font-weight: normal;
    font-size: 26px;
    line-height: 36px;
}

.Jrsc_box1 .info .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
}

.Jrsc_box1 .info:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.Jrsc_box1 .info .p {
    color: #666;
    margin: 18px 0 36px;
    line-height: 30px;
    height: 210px;
    overflow: hidden;
    -webkit-line-clamp: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.Jrsc_box2 {
    display: none;
}

.Jrsc_box2 .box {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    position: relative;
    margin: 0 16px 0 17px;
    border: 1px solid #e5e5e5;
    padding: 49px 35px 0;
    height: 349px;
}

.Jrsc_box2 .box .point {
    position: absolute;
    background: url(../images/jrsc/point.png);
    width: 17px;
    height: 21px;
    left: -1px;
    top: -1px;
    display: none;
}

.Jrsc_box2 .box .tit {
    text-align: center;
    color: #333333;
    font-size: 22px;
    line-height: 54px;
}

.Jrsc_box2 .box .p {
    color: #666;
    line-height: 25px;
    height: 175px;
    overflow: auto;
    font-size: 17px;
}

.Jrsc_box2 .icos {
    border-radius: 50%;
    width: 62px;
    height: 62px;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.Jrsc_box2 .icos img {
    position: relative;
    z-index: 1;
    width: 62px;
}

.Jrsc_box2 .icos span {
    transition: all ease 0.3s;
    border-radius: 50%;
    position: absolute;
    background: #00a7ea;
}


/* .Jrsc_box2 .icos span.q1{background:#00a7ea;left:9%; top:9%; width:82%; height:82%;} */

.Jrsc_box2 .slick-slide:hover .box {
    border: 1px solid #00a7ea;
    box-shadow: 0 10px 20px rgba(0, 64, 152, 0.15);
}

.Jrsc_box2 .slick-slide:hover .point {
    background: url(../images/jrsc/point2.png);
}


/* .Jrsc_box2 .slick-slide:hover .tit{ color:#00a7ea;} */


/* .Jrsc_box2 .slick-slide:hover .icos .q1{background:#00a7ea;}
.Jrsc_box2 .slick-slide:hover .icos .q2{ background:#00a7ea;
 left:0; top:0; width:100%; height:100%; z-index:8;
-webkit-animation: guang2 1.1s ease-out;
-moz-animation: guang2 1.1s ease-out;
animation: guang2 1.1s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;}
.Jrsc_box2 .slick-dots{ display:none !important;} */

.Jrsc_box3 {
    background: url(../images/jrsc/zcbg.jpg) center top no-repeat;
    background-size: cover;
    text-align: center;
}

.Jrsc_box3 .w1300 {
    padding: 3% 0;
}

.Jrsc_box3 .Subtit0 {
    color: #fff;
}

.Jrsc_box3 .Nav {
    text-align: center;
    margin-bottom: 46px;
    height: 47px;
    font-size: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    display: none !important;
}

.Jrsc_box3 .Nav li {
    display: inline-block;
    margin: 0 3px;
    position: relative;
}

.Jrsc_box3 .Nav li::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 16px;
    left: 0;
    top: 50%;
    margin-top: -8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.Jrsc_box3 .Nav li:first-child::before {
    display: none;
}

.Jrsc_box3 .Nav li a {
    z-index: 2;
    position: relative;
    display: block;
    width: 178px;
    line-height: 48px;
    font-size: 22px;
    color: #fff;
}

.Jrsc_box3 .ico {
    display: none;
    vertical-align: middle;
    margin: 0 5px 0 0;
    width: 31px;
    height: 31px;
}

.Jrsc_box3 .ico .i1,
.Jrsc_box3 .ico .i2 {
    width: 31px;
    height: 31px;
}


/* .Jrsc_box3 .Nav li:hover .i1{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0);}
.Jrsc_box3 .Nav li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);} */

.Jrsc_box3 .info {
    max-width: 997px;
    margin: 0px auto;
    color: #fff;
    line-height: 40px;
}

.Jrsc_box3 .CommonMore {
    display: none;
}

@keyframes guang2 {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1.06);
        transform: scale(1.06);
        opacity: 0;
    }
}

.Jrsc_box4,
.Jrsc_box5 {
    display: none;
}

.Jrsc_box4 .slider {
    margin: 0 0 -20px;
}

.Jrsc_box4 .slick-track {
    padding-bottom: 20px;
}

.Jrsc_box4 .item {
    position: relative;
    margin: 0 18px 0 17px;
    border: 1px solid #efefef;
}

.Jrsc_box4 .box .ti {
    font-size: 22px;
    color: #333;
}

.Jrsc_box4 .box .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
}

.Jrsc_box4 .box:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.Jrsc_box4 .box .p {
    line-height: 25px;
    height: 75px;
    -webkit-line-clamp: 3;
    color: #666;
    margin: 19px 0 32px;
}

.Jrsc_box4 .box .date i {
    width: 40px;
    height: 2px;
    font-size: 0;
    vertical-align: middle;
    display: none;
    margin-right: 12px;
    background: #00b9fa;
}

.Jrsc_box4 .box a {
    display: block;
    position: relative;
    z-index: 1;
    padding: 37px 29px 0;
    height: 205px;
}

.Jrsc_box4 .box:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}


/* .Jrsc_box4 .box:hover .ti{color: #42c3fb;} */


/* .Jrsc_box4 .slick-dots{ display:none !important;} */

.Jrsc_box5 {
    background: #f5f8fa;
}

.W48 {
    width: 48.5%;
}

.SubTit2 {
    border-bottom: 1px solid #e2e2e2;
    height: 48px;
    position: relative;
    margin-bottom: 25px;
}

.SubTit2:before {
    content: "";
    width: 80px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #00b9fa;
}

.SubTit2 h2 {
    font-weight: normal;
    float: left;
    color: #333333;
    font-size: 26px;
}

.SubTit2 a.more {
    float: right;
    color: #999999;
}

.SubTit2 a:hover.more {
    color: #00b9fa;
}

.ListWz {
    margin-top: 10px;
}

.ListWz .lis {
    position: relative;
    padding: 0 83px 0 12px;
    height: 40px;
    line-height: 40px;
}

.ListWz .lis .date {
    right: 0;
    top: 0;
    color: #333;
    font-size: 16px;
    position: absolute;
}

.ListWz li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -2px;
    background: #00b9fa;
}

.ListWz li:hover:before {
    background: #00a7ea;
}

.ZxList {
    padding-bottom: 3%;
}

.ZxList .item {
    background: #fff;
    margin-bottom: 20px;
}

.ZxList .item a {
    padding: 37px 60px;
    display: block;
}

.ZxList .item .date {
    font-size: 14px;
}

.ZxList .item .tit {
    line-height: 30px;
    font-size: 20px;
    color: #333;
}

.ZxList .item .p {
    height: 30px;
    -webkit-line-clamp: 1;
    color: #999999;
    margin: 6px 0 10px;
}

.ZxList .item:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}

.SubContent {
    background: #fff;
    padding: 50px 40px 65px;
}

.TitleInfo {
    text-align: center;
    padding-bottom: 17px;
    background: url(../images/jrsc/line.gif) 0px bottom repeat-x;
    margin-bottom: 30px;
}

.TitleInfo h1 {
    line-height: 45px;
    color: #333333;
    font-size: 28px;
}

.TitleInfo .date {
    line-height: 35px;
    color: #999999;
}

.TitleInfo .date i {
    display: inline-block;
    margin: 0 29px;
}

.TitleInfo a {
    color: #999;
}

.SingleBox .TitleInfo {
    text-align: justify;
    text-justify: distribute;
}

.PrevNextBox {
    margin: 50px 0 0 0;
    position: relative;
    height: 60px;
    line-height: 60px;
}

.PrevNextBox dl {
    position: relative;
    width: 49.5%;
    background: #f0f3f8;
    border-radius: 10px;
}

.PrevNextBox dl span {
    padding-left: 65px;
    margin: 0 10px;
    height: 60px;
}

.PrevNextBox dl span b {
    position: absolute;
    left: 10px;
    top: 0px;
    color: #000000;
}

.PrevNextBox dl a {
    position: relative;
    z-index: 1;
    color: #666666;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    *white-space: nowrap;
    overflow: hidden;
    width: 95%;
}

.PrevNextBox dl a.no {
    color: #999;
}

.PrevNextBox dl:after {
    content: "";
    background: #00a7ea;
    width: 100%;
    border-radius: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    transition: all ease 0.3s;
}

.PrevNextBox dl:hover:after {
    height: 100%;
}

.PrevNextBox dl:hover b {
    color: #fff;
}

.PrevNextBox dl:hover a {
    color: #d6efff;
}

@media ( max-width:1024px) {
    .Subtit0 {
        font-size: 22px;
    }
    .Jrsc_box1 .info .title {
        font-size: 18px;
        line-height: 30px;
    }
    .Jrsc_box1 .nav .item a {
        font-size: 14px;
    }
    .Jrsc_box1 .imgbox {
        padding-top: 363px;
    }
    .Jrsc_box1 .slider-for {
        padding: 20px;
    }
    .Jrsc_box2 .box .tit {
        font-size: 16px;
    }
    .Jrsc_box2 .box {
        padding: 20px 12px 0;
        height: 260px;
    }
    .Jrsc_box2 .box .p {
        font-size: 14px;
    }
    .Jrsc_box3 .w1300 {
        padding: 0;
    }
    .Jrsc_box3 .info {
        line-height: 30px;
    }
    .Jrsc_box4 .item {
        margin: 0 5px 15px;
    }
    .Jrsc_box4 .box .ti {
        font-size: 16px;
    }
    .Jrsc_box4 .box a {
        padding: 20px 12px 0;
        height: 166px;
    }
    .Jrsc_box4 .box .tit {
        max-width: 87%;
    }
    .Jrsc_box4 .box .p {
        font-size: 14px;
        margin: 10px 0 15px;
    }
    .Jrsc_box4 .box .date {
        font-size: 14px;
    }
    .Jrsc_box4 .slick-dots {
        bottom: 28px;
    }
    .SubTit2 {
        height: 35px;
    }
    .SubTit2 h2 {
        font-size: 20px;
    }
    .ListWz .lis {
        height: 30px;
        line-height: 30px;
    }
    .ListWz .lis .date {
        font-size: 14px;
    }
    .ZxList .item {
        margin-bottom: 12px;
    }
    .ZxList .item a {
        padding: 15px 15px;
    }
    .ZxList .item .tit {
        line-height: 32px;
        font-size: 16px;
    }
    .ZxList .item .p {
        height: 24px;
    }
    .PrevNextBox dl:after {
        transition: all ease 0s;
    }
}

@media ( max-width:767px) {
    .Subtit0 {
        padding-bottom: 15px;
        font-size: 20px;
    }
    .Subtit0 i {
        width: 25px;
        height: 10px;
    }
    .SubTit2 {
        margin-bottom: 15px;
    }
    .SubTit2 h2 {
        font-size: 18px;
    }
    .Jrsc_box1 .nav {
        position: static;
        width: auto;
    }
    .Jrsc_box1 .nav .item a {
        line-height: 18px;
        height: 40px;
        line-height: 40px;
    }
    .Jrsc_box1 .imgbox {
        width: auto;
        float: none;
        padding-top: 52%;
    }
    .Jrsc_box1 .info {
        width: auto;
        float: none;
        padding: 20px 0 0 0;
    }
    .Jrsc_box1 .info .p {
        margin: 10px 0 15px;
    }
    .Jrsc_box1 .SlideTxt {
        padding-bottom: 36px;
    }
    .Jrsc_box1 .SlideTxt .slick-dots {
        bottom: 0px;
    }
    .Jrsc_box2 .slider {
        margin: 0;
    }
    .Jrsc_box2 .box {
        margin: 0 15px;
        height: 195px;
    }
    .Jrsc_box2 .box .p {
        height: 75px;
    }
    .Jrsc_box2 .slick-arrow {
        display: none !important;
    }
    .Jrsc_box2 .box .tit {
        line-height: 32px;
    }
    .Jrsc_box2 .icos {
        width: 70px;
        height: 70px;
    }
    .Jrsc_box2 .slick-track {
        padding-bottom: 0px;
    }
    .Jrsc_box3 .Nav {
        margin-bottom: 20px;
        height: 39px;
    }
    .Jrsc_box3 .Nav li {
        margin: 0;
    }
    .Jrsc_box3 .Nav li a {
        width: auto;
        padding: 0 10px;
        line-height: 40px;
        font-size: 12px;
    }
    .Jrsc_box3 .Nav li .ico,
    .Jrsc_box3 .ico .i1,
    .Jrsc_box3 .ico .i2 {
        width: 25px;
        height: 25px;
    }
    .Jrsc_box4 .slider {
        margin: 0;
    }
    .Jrsc_box4 .slick-track {
        padding-bottom: 20px;
    }
    .Jrsc_box4 .slick-dots {
        bottom: 0px;
    }
    .Jrsc_box5 {
        background: #f5f8fa;
    }
    .Jrsc_box5 .W48 {
        width: auto;
        float: none !important;
        margin-bottom: 20px;
    }
    .ZxList .item .tit {
        line-height: 24px;
        font-size: 15px;
    }
    .SubContent {
        padding: 25px 15px;
    }
    .TitleInfo {
        margin-bottom: 15px;
        font-size: 12px;
        padding-bottom: 0px;
    }
    .TitleInfo h1 {
        line-height: 30px;
        font-size: 18px;
    }
    .TitleInfo .date {
        line-height: 35px;
        color: #999999;
    }
    .TitleInfo .date i {
        margin: 0 10px;
    }
    .SinglePage {
        line-height: 26px;
    }
    .SinglePage video {
        width: 100%;
    }
    .PrevNextBox {
        margin: 40px 0 0 0;
        height: auto;
        line-height: 35px;
    }
    .PrevNextBox dl {
        width: auto;
        float: none !important;
        text-align: left;
        margin-bottom: 12px;
    }
    .PrevNextBox dl span {
        height: 35px;
    }
    .PrevNextBox dl:last-child {
        margin-bottom: 0;
    }
}

@media ( max-width:580px) {
    .Jrsc_box2 .box {
        margin: 0 1px 0 0;
    }
    .Jrsc_box4 .slick-track {
        padding-bottom: 35px;
    }
    .Jrsc_box4 .item {
        margin: 0 1px 0 0;
    }
    .SubPage {
        min-height: 300px;
        height: auto !important;
        height: 300px;
    }
}


/* 下载专区_lxf */

.SubTit3 {
    margin-bottom: 18px;
    border-bottom: 3px solid #f0f0f0;
    line-height: 61px;
    height: 61px;
}

.SubTit3 h1 {
    float: left;
    color: #333333;
    font-size: 24px;
    border-bottom: 3px solid #00a7ea;
    font-weight: normal;
}

.DownBox {
    background: #fff;
    margin-bottom: 20px;
    padding: 11px 40px 47px;
}

.DownList {
    overflow: hidden;
}

.DownList ul {
    margin: 0 0 0 -5%;
}

.DownList li {
    width: 45%;
    padding-left: 5%;
    float: left;
    background: url(../images/jrsc/line.gif) 0px bottom repeat-x;
}

.DownList li div {
    padding: 0 140px 0 12px;
    height: 79px;
    line-height: 79px;
    position: relative;
}

.DownList li div:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -2px;
    background: #00b9fa;
}

.DownList li:hover div:before {
    background: #00a7ea;
}

.DownList li .down {
    text-align: center;
    position: absolute;
    right: 0;
    top: 18px;
    width: 130px;
    line-height: 40px;
    color: #fff;
    background: #00a7ea;
    border-radius: 6px;
}

.DownList li .down i {
    display: inline-block;
    margin-top: -2px;
    vertical-align: middle;
    background: url(../images/gywm/down.png);
    width: 23px;
    height: 23px;
}

.DownList li .down em {
    display: inline-block;
    margin-left: 5px;
}

.DownList li:hover .down {
    background: #00a7ea;
}

.DownBox:last-child {
    margin-bottom: 0;
}

@media ( max-width:1024px) {
    .DownBox {
        margin-bottom: 12px;
        padding: 11px 15px 20px;
    }
    .DownList li {
        width: auto;
        float: none;
    }
    .DownList li div {
        height: 50px;
        padding-right: 45px;
        line-height: 50px;
    }
    .DownList li .down {
        top: 10px;
        width: 30px;
        line-height: 30px;
    }
    .DownList li .down em {
        display: none;
    }
    .SubTit3 {
        height: 40px;
        line-height: 40px;
    }
    .SubTit3 h1 {
        font-size: 18px;
    }
}


/* 网点查询_lxf */

.SubContent2 {
    background: #fff;
    padding: 50px;
}

.Searcharea {
    text-align: center;
    margin-bottom: 50px;
    line-height: 50px;
}

.Searcharea select {
    width: 27%;
    margin-left: 0.5%;
    background: url(../images/gywm/selectarr.png) no-repeat scroll 95% center;
    border: 1px solid #848484;
    color: #333333;
    height: 50px;
}

.Map {
    width: 68%;
    float: left;
}

#dituContent {
    height: 700px;
}

.MapList {
    height: 700px;
    width: 31%;
    float: right;
    background: #f7f8fc;
}

.MapList .item {
    position: relative;
}

.MapList .box {
    border-bottom: 2px solid #fff;
    position: relative;
    z-index: 1;
    padding: 20px 30px;
}

.MapList .box .con {
    height: 119px;
    overflow: auto;
}

.MapList .item .ti {
    font-size: 20px;
    color: #333333;
    margin-bottom: 10px;
}

.MapList .item:before {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    left: 0px;
    bottom: 0;
    background: #4ab1ba;
    transition: all ease 0.3s;
}

.MapList .item:hover:before {
    height: 100%;
}

.MapList .item dl {
    padding-left: 46px;
    position: relative;
    color: #999999;
    line-height: 25px;
}

.MapList .item dl dt {
    position: absolute;
    left: 0;
    top: 0;
}

.MapList .item:hover .ti {
    color: #fff;
}

.MapList .item:hover dl {
    opacity: 0.5;
    color: #fff;
}

.MapList .slick-arrow {
    width: 90px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    margin: 0;
    bottom: -43px;
}

.MapList .slick-prev {
    left: 85px;
    top: auto;
    background-image: url(../images/gywm/arrt.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.MapList .slick-next {
    top: auto;
    right: 85px;
    background-image: url(../images/gywm/arrb.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.MapList .slick-arrow:hover {
    background-color: #4ab1ba;
}

.MapList .slick-prev:before {
    content: '';
}

.MapList .slick-next:before {
    content: '';
}

@media ( max-width:1024px) {
    .SubContent2 {
        padding: 15px;
    }
    .MapList {
        height: 620px;
    }
    .MapList .box {
        padding: 10px;
    }
    .MapList .item .ti {
        font-size: 16px;
    }
    .MapList .slick-arrow {
        width: 40px;
        height: 30px;
        line-height: 30px;
    }
    .MapList .slick-prev {
        left: 20px;
    }
    .MapList .slick-next {
        right: 20px;
    }
}

@media ( max-width:768px) {
    .Searcharea {
        margin-bottom: 18px;
        line-height: 30px;
    }
    .Searcharea em {
        display: block;
        text-align: left;
    }
    .Searcharea select {
        width: 31.333%;
        height: 35px;
    }
    .Map {
        width: auto;
        float: none;
    }
    #dituContent {
        height: 300px;
    }
    .MapList {
        height: auto;
        width: auto;
        padding-bottom: 50px;
    }
    .MapList .box .con {
        height: 105px;
    }
    .MapList .item .ti {
        font-size: 16px;
    }
    .MapList .slick-arrow {
        width: 40px;
        height: 30px;
        bottom: -38px;
        line-height: 30px;
    }
    .MapList .slick-prev {
        left: 32%;
    }
    .MapList .slick-next {
        right: 32%;
    }
}

@media ( max-width:480px) {
    .Searcharea select {
        width: 100%;
        margin-top: 5px;
    }
}


/* 关于我们_lxf */

.AboutInfo a {
    display: block;
    width: 100%;
}

.AboutInfo .imgbox {
    text-align: center;
    width: 50%;
    float: left;
    margin-right: 5%;
}

.AboutInfo .info {
    position: relative;
    padding-top: 3%;
}

.AboutInfo .info .title {
    padding: 24px 0 21px;
    line-height: 40px;
    position: relative;
    z-index: 5;
}

.AboutInfo .info .title .tit {
    position: relative;
    font-size: 30px;
    color: #333333;
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 92%;
    margin-top: 0;
}

.AboutInfo .info .title span,
.AboutInfo .info .title span.tit2 {
    display: block;
    color: #00a7ea;
    font-size: 26px;
    margin-top: 10px;
}

.HomeAbout .info .title:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.AboutInfo .info:before {
    display: none;
    content: "";
    position: absolute;
    left: 53%;
    top: -2px;
    width: 65px;
    height: 52px;
    background: url(../images/gywm/kh1.png);
    background-size: contain;
}

.AboutInfo .info:after {
    display: none;
    z-index: -1;
    content: "";
    position: absolute;
    right: 0;
    bottom: -12px;
    width: 65px;
    height: 52px;
    background: url(../images/gywm/kh2.png);
    background-size: contain;
}

.AboutInfo .info .p {
    color: #333;
    position: relative;
    z-index: 5;
}

.HomeAbout .info {
    width: 45%;
    float: right;
}

.HomeAbout .info:before {
    left: -3%;
}

.AboutCol {
    background: url(../images/gywm/culturebg.jpg) center top no-repeat;
    background-size: cover;
}

.AboutCol .Col {
    margin: 0 0 -10px -10px;
}

.AboutCol .item {
    width: 26%;
    float: left;
}

.AboutCol .box {
    position: relative;
    text-align: center;
    margin: 0 0 10px 10px;
    border-bottom: none !important;
    color: #fff;
    height: 300px;
    background-image: url(../images/libg.jpg);
}

.AboutCol .box a {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.AboutCol .box .ti {
    line-height: 52px;
    color: #333333;
    font-size: 20px;
    text-align: center;
}

.AboutCol .i1 .box .ti {
    color: #fff;
}

.AboutCol .box .p {
    color: #999999;
    line-height: 25px;
    min-height: 75px;
}

.AboutCol .more {
    transition: all ease 0.3s;
    width: 130px;
    margin: 0px auto;
    background: url(../images/more3.png) center center no-repeat;
    height: 39px;
}

.AboutCol .ico {
    margin: 0px auto 16px;
    display: block;
    width: 55px;
    height: 46px;
    position: relative;
}

.AboutCol .ico .i1,
.AboutCol .ico .i2 {
    width: 55px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 0;
}


/* .AboutCol .item:hover .ico .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.AboutCol .item:hover .ico .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);} */

.AboutCol .item:hover .more {
    width: 150px;
}

.AboutCol .i2 .box::after,
.AboutCol .i3 .box::after,
.AboutCol .i4 .box::after,
.AboutCol .i2 .box::before,
.AboutCol .i3 .box::before,
.AboutCol .i4 .box::before {
    z-index: 0;
    content: "";
    left: 50%;
    bottom: 0;
    position: absolute;
    background: #00a7ea;
    width: 0;
    height: 3px;
}

.AboutCol .i2 .box::after,
.AboutCol .i3 .box::after,
.AboutCol .i4 .box::after {
    transition: all ease 0.2s;
}

.AboutCol .i2 .box::before,
.AboutCol .i3 .box::before,
.AboutCol .i4 .box::before {
    background: #f2f2f3;
    z-index: 5;
    width: 100%;
    left: 0;
}

.AboutCol .i2:hover .box::after,
.AboutCol .i3:hover .box::after,
.AboutCol .i4:hover .box::after {
    width: 100%;
    left: 0;
}

.AboutCol .i2:hover .box::before,
.AboutCol .i3:hover .box::before,
.AboutCol .i4:hover .box::before {
    width: 0;
}


/* .AboutCol .item:hover .ico{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;} */

.AboutCol .i1 {
    width: 48%;
}

.AboutCol .i1 .box {
    color: #fff;
    background-position: center center;
    background-size: cover;
}

.AboutCol .i1 .p {
    margin-top: 14px;
    color: #fff;
    line-height: 30px;
}

.AboutCol .i4 .more {
    background: url(../images/more4.png) center center no-repeat;
}

.AboutCol .i4 .p {
    height: 92px;
}

.AboutCol .i4:hover .more {
    background: url(../images/more3.png) center center no-repeat;
}

.AboutCol .i5 .box {
    display: block;
    background: #0863be;
    padding: 0;
    border: none;
}

.AboutCol .i5 .box .CommonMore {
    display: none;
}

.AboutCol .i5:hover .box:after {
    display: none;
}

.AboutCol .i5 .map {
    padding: 15px 0;
    text-align: center;
}

.AboutCol .i5 .info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.AboutCol .i5 .ti {
    color: #fff;
    padding-bottom: 10px;
}

.AboutCol .i5:hover .map img {}


/* .AboutCol .i5 a,.AboutCol .i5 .box{cursor: context-menu;} */

.AboutCol .i6 {
    width: 48%;
}

.AboutCol .i6 .ti {
    color: #fff;
}

.AboutCol .i6 .p {
    color: #fff;
    height: 92px;
}

.AboutCol .i1 a,
.AboutCol .i2 a,
.AboutCol .i3 a,
.AboutCol .i4 a {
    cursor: default;
}

.AboutTz {
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 9.5% 0;
    margin-bottom: 4.5%;
    display: none;
}

.AboutTz .ti {
    font-size: 30px;
    font-weight: normal;
    line-height: 54px;
    color: #fff;
}

.AboutTz .p {
    height: 95px;
    color: #fff;
}

.AboutUs {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
}

.AboutUs .w1300 {
    padding-top: 15.5%;
}

.AboutUs a.enter {
    position: absolute;
    width: 240px;
    line-height: 80px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    left: 0;
    top: 50%;
    background: #00a7ea;
    margin-top: -40px;
}

.AboutUs a.enter i {
    display: inline-block;
    transition: all ease 0.3s;
    vertical-align: middle;
    margin-left: 17px;
    background: url(../images/gywm/more.png);
    width: 22px;
    height: 22px;
}

.AboutUs a.enter:hover {
    background: #00a7ea;
}

.AboutUs a.enter:hover i {
    margin-left: 28px;
}

.AboutContact {
    background: #f6f6f6;
}

.AboutContact .item {
    background: #fff;
    float: left;
    width: 25%;
}

.AboutContact .item .imgbox {
    width: 50%;
    padding-top: 250px;
    float: left;
    display: none;
}

.AboutContact .info {
    padding: 40px 20px 20px;
    height: 178px;
    text-align: center;
    border-right: 1px solid #f6f6f6;
}

.AboutContact .li:nth-child(4n) .info {
    border-right: none;
}

.AboutContact .info .icos {
    width: 100%;
    text-align: center;
    padding-bottom: 8px;
}

.AboutContact .info h2 {
    line-height: 46px;
    font-size: 20px;
    color: #333333;
}

.AboutContact .info .p {
    line-height: 25px;
    color: #999999;
    text-align: center;
}

.AboutContact .info .tel {
    margin-top: 10px;
    line-height: 24px;
    font-size: 18px;
    width: 100%;
    text-align: center;
    color: #00a7ea;
    font-weight: bold;
}

.AboutContact .info .tel a {
    color: #333;
}

.AboutContact .item.i3 .imgbox {
    float: right;
}

.AboutContact .item.i4 .imgbox {
    float: right;
}

@media ( max-width:1200px) {
    .AboutCol .box {
        padding: 0 5%;
    }
    .AboutCol .box .ti {
        line-height: 35px;
        font-size: 15px;
    }
    .AboutCol .box {
        padding: 0 10px;
        height: 245px;
        font-size: 15px;
    }
    .AboutCol .ico {
        margin: 0px auto 0;
        width: 40px;
        height: 33px;
    }
    .AboutCol .ico .i1,
    .AboutCol .ico .i2 {
        width: 40px;
        height: 33px;
    }
    .AboutCol .i1 .p {
        line-height: 22px;
    }
    .AboutCol .i5 .map {
        width: 50%;
        margin: 0px auto;
        float: none;
        padding: 0;
    }
}

@media ( max-width:1024px) {
    .AboutInfo .info {
        padding-bottom: 0;
    }
    .AboutInfo .info .title {
        padding: 10px 0;
        line-height: 24px;
    }
    .AboutInfo .info .title .tit {
        font-size: 20px;
    }
    .AboutInfo .info .title span,
    .AboutInfo .info .title span.tit2 {
        font-size: 18px;
        margin-top: 0px;
    }
    .About.NewsList li:nth-child(3) {
        display: none;
    }
    .AboutUs a.enter {
        line-height: 50px;
        font-size: 20px;
        margin-top: -25px;
        width: 160px;
    }
    .AboutTz .ti {
        font-size: 24px;
    }
    .AboutContact .item {
        width: 50%;
        border-bottom: 1px solid #f6f6f6;
    }
}

@media ( max-width:768px) {
    .AboutInfo .imgbox,
    .HomeAbout .info {
        width: auto;
        float: none;
        margin-right: 0;
    }
    .AboutInfo .info {
        width: auto;
        float: none;
    }
    .AboutInfo .info:before {
        left: 0;
        width: 35px;
        height: 28px;
        top: 0;
    }
    .AboutInfo .info:after {
        width: 35px;
        height: 28px;
    }
    .AboutUs .w1300 {
        padding-top: 40%;
    }
    .AboutUs a.enter {
        width: 120px;
        line-height: 40px;
        font-size: 16px;
        margin-top: -20px;
    }
    .AboutUs a.enter i {
        margin-left: 8px;
        background: url(../images/more3.png) right center no-repeat;
        width: 18px;
        height: 14px;
    }
    .AboutCol .item {
        width: 50% !important;
    }
    .AboutTz .ti {
        font-size: 18px;
    }
    .AboutTz .p {
        height: auto;
        margin-bottom: 15px;
    }
    .AboutContact .info h2 {
        font-size: 16px;
        line-height: 30px;
    }
    .AboutContact .info .p {
        line-height: 22px;
    }
    .AboutContact .info .tel {
        line-height: 20px;
        font-size: 16px;
        padding-top: 10px;
        margin-top: 5px;
    }
    .AboutContact .info .icos {
        width: 30px;
        margin: 0 auto;
    }
}

@media ( max-width:580px) {
    .AboutCol .item {
        width: auto !important;
        float: none;
    }
    .AboutCol .box {
        height: 150px;
        padding: 0;
    }
    /* .AboutCol .box a{position: static; width: 100%; transform: translate(0%,0%); -ms-transform: translate(0%,0%);} */
    .AboutCol .box .p {
        min-height: auto;
    }
    .AboutCol .i4 .p,
    .AboutCol .i6 .p {
        height: auto;
        margin-bottom: 15px;
    }
    .AboutContact .item {
        width: auto;
        float: none;
    }
    .AboutContact .item.i2 .imgbox {
        float: right;
    }
    .AboutContact .item.i3 .imgbox {
        float: left;
    }
    .AboutContact .item.i4 .imgbox {
        float: right;
    }
    .AboutContact .item .imgbox {
        padding-top: 50%;
    }
    .AboutContact .info {
        height: auto;
    }
}


/* 关于我们_下面的栏目lxf */

.NewsList.About li {
    width: 31.3333%;
}

.NewsList {
    margin: 0 0 1.2% -2%;
}

.NewsList li {
    position: relative;
    width: 23%;
    float: left;
    margin: 0 0 3% 2%;
}

.NewsList .imgbox {
    padding-top: 62%;
}

.NewsList .info {
    position: relative;
    background: #f6f8fb;
    height: 164px;
    padding: 26px 36px 0;
}

.NewsList .date {
    font-size: 14px;
}

.NewsList .ti {
    font-size: 18px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    *white-space: nowrap;
    overflow: hidden;
    letter-spacing: 0.1em;
    max-width: 100%;
}

.NewsList li .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 92%;
}

.NewsList li:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.NewsList .p {
    color: #999999;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    -webkit-line-clamp: 2;
    margin: 6px 0 10px;
}

.NewsList li:hover .info {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}

.DtList {
    margin: 0 0 1% -2.5%;
    padding-bottom: 10px;
}

.DtList li {
    margin: 0 0 3.5% 2.5%;
    position: relative;
    background: #fff;
    float: left;
    width: 30.8333%;
}

.DtList li .box {
    transition: all ease 0.3s;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 37px 30px 30px 30px;
}

.DtList li .ti {
    overflow: hidden;
    font-size: 20px;
    color: #000;
}

.DtList li .tit {
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
}

.DtList li:hover .tit {
    border-bottom: 3px solid #00a7ea;
}

.DtList li .date {
    font-size: 14px;
    line-height: 44px;
    color: #333;
}

.DtList li .p {
    height: 75px;
    -webkit-line-clamp: 3;
    color: #888888;
    line-height: 25px;
}

.DtList li .CommonMore2 {
    display: none;
}


/* .DtList li:before{ content:""; width:0; height:3px; position:absolute; left:50%; bottom:0; background:#00a7ea;transition: all ease 0.6s;}
.DtList li:hover:before{width:100%; left:0%;} */


/* .DtList li:hover .date{ color:#5875af;} */

.DtList li:nth-child(3n+1) {
    clear: both;
}

.SubList {
    border-top: 1px solid #f1f1f1;
    margin-bottom: 2.8%;
    padding-bottom: 10px;
}

.SubList li {
    border-bottom: 1px solid #f1f1f1;
    height: 69px;
    line-height: 69px;
    position: relative;
    padding: 0 136px 0 45px;
}

.SubList li .date {
    z-index: 1;
    position: absolute;
    right: 40px;
    top: 0;
    color: #999999;
}

.SubList li:before {
    z-index: 1;
    content: "";
    background: #00a7ea;
    border-radius: 50%;
    position: absolute;
    left: 26px;
    top: 50%;
    margin-top: -4px;
    width: 7px;
    height: 7px;
    font-size: 0;
    transition: all ease 0.3s;
}

.SubList li:after {
    content: "";
    background: #f0f3f8;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    transition: all ease 0.3s;
}

.SubList li a {
    position: relative;
    z-index: 1;
    font-size: 18px;
}

.SubList li:hover:after {
    height: 100%;
    box-shadow: 0 10px 20px rgba(0, 60, 159, 0.04);
}

.SubList li:hover a {
    color: #00a7ea;
}

.Pricebox {
    width: 48%;
    float: left;
}

.Pricebox:nth-child(2n) {
    float: right;
}

.Pricebox .ti {
    padding-bottom: 30px;
    color: #333;
    line-height: 35px;
}

.Pricebox .box {
    border: 1px solid #e7e8f0;
}

.Pricebox .box .item {
    border-bottom: 1px solid #e7e8f0;
    padding: 23px 30px 30px;
}

.Pricebox .box .item .tit {
    line-height: 24px;
    font-size: 18px;
    color: #333333;
    margin-bottom: 16px;
}

.Pricebox .box .item .dl {
    margin-left: -10px;
}

.Pricebox .box .item .dl dd {
    float: left;
    width: 33.333%;
    text-align: center;
}

.Pricebox .box .item .dl.two dd {
    width: 50%;
}

.Pricebox .box .item .dl a {
    margin-left: 10px;
    display: block;
    line-height: 45px;
    background: #f6f7fc;
}

.Pricebox .box .item .dl a:hover {
    background: #00a7ea;
    color: #fff;
}

.Pricebox .box .item .dl2 {
    margin-top: 10px;
    background: #f6f7fc;
    padding: 20px;
}

.Pricebox .box .item .dl2 dt {
    line-height: 24px;
    padding-bottom: 9px;
    color: #000000;
}

.Pricebox .box .item .dl2 dd {
    float: left;
    width: 33.333%;
}

.Pricebox .box .item .dl2 dd a {
    position: relative;
    color: #666666;
    font-size: 14px;
    padding-left: 13px;
    display: block;
}

.Pricebox .box .item .dl2 dd a:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 12px;
    width: 5px;
    height: 5px;
    border: 1px solid #06a9ea;
    border-radius: 50%;
}

.Pricebox .box .item .dl2 dd a:hover {
    color: #00a7ea;
}

.Pricebox .box .item:last-child {
    border-bottom: 0;
}

.Computer {}

.Computer.write {
    width: 52%;
    float: left;
}

.Computer.result {
    width: 40%;
    float: right;
}

.Computer .ti {
    padding-bottom: 18px;
    border-bottom: 3px solid #00a7ea;
    line-height: 32px;
    margin-bottom: 39px;
    font-size: 24px;
    color: #333333;
}

.Computer .ti img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.Computer .item {
    padding: 0 42px 0 175px;
    margin-top: 18px;
    line-height: 51px;
    position: relative;
}

.Computer .item dt {
    position: absolute;
    width: 166px;
    color: #333333;
    text-align: right;
    left: 0;
    top: 0;
}

.Computer .item .input {
    border: 1px solid #919191;
    text-indent: 1em;
    height: 50px;
    line-height: 50px;
    width: 100%;
}

.Computer .item .txt {
    position: absolute;
    right: 11px;
    top: 0;
}

.Computer .item label {
    display: inline-block;
    margin-right: 26px;
}

.Computer .item label:last-child {
    margin-right: 0px;
}

.Computer .item.btn {
    padding-top: 40px;
}

.Computer .item .sendbtn {
    color: #fff;
    width: 160px;
    height: 50px;
    background: #00a7ea;
}

.Computer .item .sendbtn.grey {
    background: #ccc;
}

.Computer .item .resetbtn {
    color: #fff;
    width: 160px;
    height: 50px;
    background: #a2a2a2;
}

.Computer.result .item {
    padding-left: 122px;
}

.Computer.result .item dt {
    width: 110px;
}

.Computer.result .item .ts {
    line-height: 30px;
    color: #888;
    margin-top: 15px;
}

.Computer.result .item .ts span {
    color: #333;
}

.Computer.result .item .ts i {
    display: block;
}

.Computer .red {
    color: #ff0000;
    font-size: 14px;
}

.YhList {
    margin: 0 0 1.2% -3%;
    padding-bottom: 10px;
}

.YhList .li {
    position: relative;
    width: 30.333%;
    float: left;
    margin: 0 0 3% 3%;
}

.YhList .li .imgbox {
    padding-top: 60%;
}

.YhList .li .course {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.YhList .li .info {
    line-height: 25px;
    border: 1px solid #f2f2f2;
    padding: 11px 28px 0;
    height: 157px;
}

.YhList .li .tit {
    font-size: 20px;
    line-height: 44px;
    overflow: hidden;
    color: #333;
}

.YhList .li .date {
    font-size: 14px;
    margin-bottom: 8px;
    color: #999999;
}

.YhList .li .date i {
    display: inline-block;
    margin-right: 16px;
}

.YhList .li .p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    height: 50px;
    -webkit-line-clamp: 2;
}

.YhList .li:hover .tit {
    color: #00a7ea;
}

.YhSlider .slick-dots {
    bottom: 15px;
}

.YhSlider .top {
    position: relative;
}

.YhSlider .top .imgbox {
    padding-top: 400px;
}

.YhSlider .top .info {
    position: absolute;
    z-index: 1;
    background: #fff;
    right: 4%;
    bottom: 11%;
    padding: 3% 3% 3%;
    width: 27%;
}

.YhSlider .top .info .tit {
    line-height: 43px;
    font-weight: normal;
}

.YhSlider .top .info .p {
    color: #989898;
    -webkit-line-clamp: 2;
    height: 60px;
    margin: 5px 0 23px;
}

@media ( max-width:1360px) {
    .Computer .item .sendbtn,
    .Computer .item .resetbtn {
        width: 140px;
    }
}

@media ( max-width:1024px) {
    .NewsList li {
        width: 48%;
    }
    .NewsList .info {
        padding: 12px 12px 0;
        height: 120px;
    }
    .NewsList .ti {
        font-size: 16px;
        height: 24px;
    }
    .DtList li .ti {
        height: 48px;
        font-size: 16px;
    }
    .DtList li .box {
        padding: 15px;
    }
    .DtList li .p {
        height: 48px;
        -webkit-line-clamp: 2;
        line-height: 24px;
    }
    .DtList li .CommonMore2 {
        display: none;
    }
    .SubList li {
        height: 42px;
        line-height: 42px;
        padding: 0 80px 0 15px;
    }
    .SubList li a {
        font-size: 15px;
    }
    .SubList li:before {
        left: 1px;
        width: 5px;
        height: 5px;
        margin-top: -2px;
    }
    .SubList li:after {
        transition: all ease 0s;
    }
    .SubList li .date {
        right: 1px;
        font-size: 12px;
    }
    .Pricebox,
    .Pricebox:nth-child(2n) {
        width: auto;
        float: none;
        margin: 0 0 20px;
    }
    .Pricebox .box .item {
        padding: 15px;
    }
    .Computer .ti {
        padding-bottom: 5px;
        margin-bottom: 15px;
        font-size: 18px;
    }
    .Computer .item {
        padding-left: 135px;
        padding-right: 32px;
        line-height: 35px;
    }
    .Computer .item dt {
        width: 126px;
    }
    .Computer.result .item {
        padding-left: 102px;
    }
    .Computer.result .item dt {
        width: 90px;
    }
    .Computer .item.btn {
        padding-top: 20px;
    }
    .Computer .item .sendbtn,
    .Computer .item .resetbtn {
        width: 100px;
        height: 40px;
    }
    .Computer .item label {
        margin-right: 12px;
    }
    .Computer .item .input {
        height: 35px;
        line-height: 35px;
    }
    .YhList .li {
        width: 47%;
    }
    .YhList .li .info {
        padding: 10px 10px 0;
        height: 130px;
    }
    .YhList .li .tit {
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 24px;
    }
    .YhList .li .date i {
        margin-right: 5px;
    }
    .YhSlider .top .info .p {
        height: 48px;
        margin-bottom: 10px;
    }
    .YhSlider .top .info .tit {
        line-height: 24px;
    }
}

@media ( max-width:768px) {
    .Computer {
        width: auto !important;
        float: none !important;
        margin-bottom: 25px;
    }
    .Computer.result {
        margin-bottom: 0;
    }
    .Computer .item {
        padding-left: 102px;
        margin-top: 10px;
    }
    .Computer.write .item dt {
        height: 35px;
        width: 88px;
        line-height: 16px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .Computer .item .sendbtn,
    .Computer .item .resetbtn {
        width: 72px;
    }
    .NewsList li .tit {
        max-width: 87%;
    }
}

@media ( max-width:640px) {
    .NewsList li,
    .NewsList.About li {
        width: auto;
        float: none;
    }
    .NewsList .ti {
        height: auto;
        margin-bottom: 8px;
        font-size: 15px;
    }
    .NewsList .info {
        height: auto !important;
        height: 65px;
        min-height: 65px;
        padding-bottom: 12px;
    }
    .DtList li {
        width: auto;
        float: none;
    }
    .DtList li .ti {
        height: auto;
        font-size: 15px;
    }
    .DtList li .date {
        line-height: 30px;
    }
    .DtList li .box {
        height: auto !important;
        padding: 12px !important;
    }
    .Pricebox .ti {
        padding-bottom: 10px;
    }
    .Pricecontent {
        padding: 0;
    }
    .Pricebox .box .item .dl a {
        line-height: 35px;
    }
    .Pricebox .box .item .tit {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .Pricebox .box .item .dl2 dd {
        width: 50%;
    }
    .YhList .li {
        width: auto;
        float: none;
    }
    .YhSlider .top .imgbox {
        padding-top: 37%;
    }
    .YhSlider .top .info {
        position: static;
        width: auto;
        border: 1px solid #f2f2f2;
    }
}


/* 挂牌利率_lxf */

.SubTit4 {
    text-align: center;
    font-weight: normal;
    line-height: 32px;
    padding-bottom: 34px;
    color: #333;
}

.Tablecss {
    max-width: 1250px;
    margin: 0px auto;
}

.Tablecss table {
    border-left: 1px solid #efefef;
    margin-bottom: 40px;
    background: #fff;
    width: 100%;
    text-align: center;
}

.Tablecss tbody {}

.Tablecss th {
    color: #fff;
    background: #00a7ea;
    font-size: 19px;
    height: 60px;
    font-weight: normal;
}

.Tablecss td {
    padding: 0 1%;
    color: #333333;
    height: 49px;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.Tablecss .overflow {
    overflow: auto;
    width: 100%;
    text-align: center;
}

.Tablecss .overflow th {
    white-space: nowrap;
    min-width: 95px;
    height: 38px;
    padding: 5px 1%;
}

.Tiptxt {
    color: #333;
}

.Tiptxt b {
    color: #00a7ea;
    font-weight: bold;
}

.Shuoming {
    font-size: 14px;
    line-height: 25px;
}

.Shuoming h3 {
    display: block;
    color: #3b66ad;
    font-size: 16px;
}

.lineb {
    height: 5px;
    font-size: 0;
    background: #dde3ef;
    margin: 45px 0;
}

@media ( max-width:767px) {
    .SubTit4 {
        padding-bottom: 10px;
    }
    .Tablecss table {
        margin-bottom: 20px;
    }
    .Tablecss th {
        font-size: 14px;
        height: 40px;
        line-height: 18px;
    }
    .Tablecss td {
        height: 30px;
        padding: 1%;
        line-height: 16px;
        font-size: 12px;
    }
    .gpll .GjNav .item a {
        padding: 0 5px;
    }
    .lineb {
        margin: 12px 0;
    }
}

.Lvtab td span {
    display: block;
    word-wrap: break-word;
    word-break: normal;
    text-align: justify;
    text-justify: distribute;
}

.Lvtab td .t1 {
    padding-left: 10px;
}

.Lvtab td .t2 {
    padding-left: 50px;
}

.Lvtab td .t3 {
    padding-left: 100px;
}

.Lvtab td .t4 {
    padding-left: 150px;
}

@media ( max-width:480px) {
    .Lvtab td .t2 {
        padding-left: 30px;
    }
    .Lvtab td .t3 {
        padding-left: 40px;
    }
    .Lvtab td .t4 {
        padding-left: 50px;
    }
}


/* 人才招聘_lxf */

.Catalog {
    position: relative;
    padding-bottom: 11px;
}

.Catalog .itemrow {
    padding: 0 70px 0 87px;
    margin-bottom: 23px;
    position: relative;
}

.Catalog .itemrow .ti {
    color: #333333;
    position: absolute;
    left: 0;
    top: 0;
}

.Catalog .menu-list {
    position: relative;
    height: 28px;
    overflow: hidden;
}

.Catalog .menu-list a {
    display: inline-block;
    margin-right: 40px;
    color: #666666;
}

.Catalog .menu-list a:hover,
.Catalog .menu-list a.on {
    color: #00b9fa;
}

.Catalog .more {
    cursor: pointer;
    position: absolute;
    color: #00b9fa;
    right: 20px;
    top: 0px;
}

.Catalog .more.on {
    color: #00348c;
}

.Catalog .menu-list.on {
    height: auto;
}


/* 
.HrSearch {
    margin-bottom: 39px;
    position: relative;
}

.HrSearch .input {
    width: 99.5%;
    border: 1px solid #e4e4e4;
    height: 48px;
    line-height: 48px;
    text-indent: 1em;
}

.HrSearch .btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    height: 50px;
    color: #fff;
    background: #00b9fa;
}

.HrSearch .btn .iconfont {
    margin-right: 5px;
    font-size: 26px;
}

.HrSearch .btn:hover {
    background: #00348c;
} */


/* 
.hrw1 {
    width: 25%;
}

.hrw2 {
    width: 18%;
}

.hrw3 {
    width: 18%;
}

.hrw4 {
    width: 18%;
}

.hrw5 {} */

.Hrhead {
    height: 60px;
    text-align: center;
    color: #fff;
    background: #f0f3f8;
    font-weight: bold;
    color: #222222;
}

.padleft {
    padding-left: 4%;
    text-align: left !important;
}

.HrList {
    margin-bottom: 4%;
    padding-bottom: 8px;
    color: #494949;
}

.HrList .item {
    border-bottom: 1px solid #efefef;
}

.HrList .item td {
    height: 70px;
    text-align: center;
    color: #494949;
}

.HrList .item td a {
    color: #494949;
}

.HrList li td a:hover {
    color: #00a7ea;
}

.HrList .item .arr {
    background: url(../images/gywm/selectarr.png);
    width: 9px;
    height: 7px;
    display: inline-block;
    margin-left: 6px;
}

.HrList .btn {
    width: 24px;
    height: 24px;
    margin: 0px auto;
    background: url(../images/jia2.gif) center center no-repeat;
    display: block;
}

.HrList .stit {
    color: #222222;
    font-weight: bold;
}

.HrList .stit i {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 19px;
    border-left: 2px solid #595959;
}

.HrList .item .line {
    height: 34px;
}

.HrList .item .txtCont {
    background: #fbfbfb;
    position: relative;
    display: none;
    line-height: 35px;
    padding: 30px 4% 38px;
    color: #494949;
}

.HrList .item .txtCont .items {
    display: none;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.HrList .item .txtCont .items dd span {
    color: #4c4c4c;
}

.HrList .item .txtCont .applybtn {
    padding-top: 30px;
}

.HrList .item .txtCont a.apply {
    position: relative;
    background: #00a7ea;
    display: inline-block;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 167, 234, 0.2);
    width: 170px;
    color: #fff;
    line-height: 50px;
}

.HrList .item .txtCont a.apply img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.HrList .item .txtCont a.apply em {
    display: block;
    position: relative;
    z-index: 1;
}

.HrList .item .txtCont a.apply:before {
    content: "";
    background: #00348c;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    transition: all ease 0.3s;
}

.HrList .item .txtCont a.apply:hover:before {
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 52, 140, 0.2);
}

.HrList .item.current td,
.HrList .item.current td a {
    color: #00a7ea;
}

.HrList .item.current .arr {
    background: url(../images/gywm/selectarr2.png);
}

.Campusbox {
    position: relative;
}

.Campusbox .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 22%;
    height: 100%;
    background: #fff;
}

.Campusbox .bg2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 76.5%;
    height: 100%;
    background: #fff;
}

.Campusbox .screenleft {
    position: relative;
    z-index: 1;
    width: 22%;
    float: left;
    padding-bottom: 35px;
}

.Campusbox .screenleft .tithead {
    line-height: 70px;
    margin-bottom: 8px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    background: #26befa;
}

.Campusbox .screenleft .item {
    margin: 0 25px 8px;
    border-bottom: 1px solid #e8eaef;
    padding-bottom: 5px;
}

.Campusbox .screenleft .slide {
    display: none;
}

.Campusbox .screenleft .jobti {
    cursor: pointer;
    font-size: 18px;
    color: #333333;
    line-height: 45px;
    background: url(../images/gywm/jia.png) right center no-repeat;
}

.Campusbox .screenleft .search {
    line-height: 40px;
    background: #f6f6f6;
    position: relative;
    margin-bottom: 12px;
}

.Campusbox .screenleft .search input {
    width: 100%;
    background: none;
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    text-indent: 1em;
}

.Campusbox .screenleft .search .btn {
    position: absolute;
    right: 0;
    width: 39px;
    color: #6a6a6a;
    height: 40px;
    background: #f6f6f6;
}

.Campusbox .screenleft .search .btn .iconfont {
    font-size: 18px;
}

.Campusbox .screenleft .info {
    max-height: 510px;
    overflow-y: auto;
}

.Campusbox .screenleft .info dl {
    margin-bottom: 12px;
}

.Campusbox .screenleft .info dt {
    line-height: 33px;
    color: #26befa;
}

.Campusbox .screenleft .info dd {
    padding-left: 17px;
    line-height: 36px;
}

.Campusbox .screenleft .info dd a {
    color: #888888;
}

.Campusbox .screenleft .info dd a:hover {
    color: #26befa;
}

.Campusbox .screenleft .info::-webkit-scrollbar {
    width: 10px;
    height: 5px;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
}

.Campusbox .screenleft .info::-webkit-scrollbar-track {
    background: url(../images/gywm/linebg.gif) center top repeat-y;
}

.Campusbox .screenleft .info::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #eaecf1;
}

.Campusbox .screenleft .info::-webkit-scrollbar-button {
    height: 0px;
    background-color: #e6e6e6;
}

.Campusbox .screenleft .item.on .jobti {
    background: url(../images/gywm/jian.png) right center no-repeat;
}

.Campusbox .content {
    position: relative;
    z-index: 1;
    width: 69.5%;
    float: right;
    background: #fff;
    padding: 29px 3.5% 5%;
    height: auto !important;
    height: 400px;
    min-height: 400px;
}

.CampusList {
    margin: 0 0 2% -20px;
    padding-bottom: 10px;
}

.CampusList li {
    width: 50%;
    float: left;
}

.CampusList .box {
    margin: 0 0 20px 20px;
    border: 1px solid #f2f2f2;
    padding: 27px 33px 0;
    height: 201px;
}

.CampusList .box .ti {
    font-size: 20px;
    margin-bottom: 13px;
    color: #333333;
}

.CampusList .box .ti i {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    margin-left: 13px;
    padding: 0 12px;
    line-height: 25px;
    background: #26befa;
    color: #fff;
    border-radius: 3px;
}

.CampusList .box .city {
    color: #999999;
    margin-bottom: 23px;
}

.CampusList .box .btn {
    display: block;
    width: 118px;
    line-height: 38px;
    text-align: center;
    color: #26befa;
    border: 1px solid #26befa;
    position: relative;
}

.CampusList .box .btn .iconfont {
    margin-right: 1px;
    font-size: 30px;
}

.CampusList .box .btn span {
    display: block;
    position: relative;
    z-index: 100;
}

.CampusList .box .btn:after {
    content: "";
    z-index: 0;
    position: absolute;
    height: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #26befa;
    transition: all ease 0.3s;
}

.CampusList .box .btn:hover:after {
    height: 100%;
}

.CampusList .box .btn:hover {
    color: #fff;
}

.CampusList .box:hover {
    border: 1px solid #26befa;
}

.CampusList .box:hover .ti {
    color: #26befa;
}

.HrHead {
    position: relative;
    border-bottom: 5px solid #f0f1f5;
    padding-bottom: 36px;
}

.HrHead h1 {
    line-height: 35px;
    color: #222222;
    font-size: 30px;
    margin-bottom: 13px;
    font-weight: normal;
}

.HrHead p {
    color: #999999;
}

.HrHead a.apply {
    position: absolute;
    right: 0;
    top: 0;
    top: 10px;
    color: #fff;
    width: 160px;
    background: #00b9fa;
    text-align: center;
    line-height: 60px;
}

.HrHead a.apply img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.HrHead a.apply em {
    display: block;
    position: relative;
    z-index: 1;
}

.HrHead a.apply:before {
    content: "";
    background: #00348c;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    transition: all ease 0.3s;
}

.HrHead a.apply:hover:before {
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 52, 140, 0.2);
}

.HrInfo {
    line-height: 36px;
}

.HrInfo .stit {
    color: #222222;
    font-size: 20px;
    padding-top: 40px;
}

@media ( max-width:1024px) {
    .Catalog .itemrow {
        margin-bottom: 5px;
    }
    .Catalog .menu-list a {
        margin-right: 15px;
    }
    .Campusbox .screenleft .tithead {
        line-height: 40px;
        font-size: 18px;
    }
    .Campusbox .screenleft .item {
        margin: 0 10px 5px;
    }
    .Campusbox .screenleft .info dd {
        line-height: 24px;
    }
    .Campusbox .screenleft .jobti {
        font-size: 16px;
        line-height: 35px;
    }
    .CampusList .box {
        padding: 10px 10px 0;
    }
    .CampusList .box .ti {
        font-size: 16px;
    }
    .CampusList .box .ti i {
        font-size: 14px;
        padding: 0 4px;
    }
}

@media ( max-width:768px) {
    /* .hrw1 {
        width: 68%;
    }
    .hrw2,
    .hrw3,
    .hrw4 {
        display: none;
    }
    .HrSearch {
        margin-bottom: 15px;
    }
    .HrSearch .input {
        height: 30px;
        line-height: 30px;
    }
    .HrSearch .btn {
        width: 70px;
        height: 32px;
    }
    .HrSearch .btn .iconfont {
        font-size: 20px;
    }
    .Hrhead {
        height: 40px;
    }
    .HrList .item td {
        height: 38px;
    }
    .HrList .item .txtCont {
        line-height: 24px;
        padding: 12px 4% 20px;
    }
    .HrList .item .txtCont .items {
        display: block;
    }
    .HrList .item .txtCont .applybtn {
        padding-top: 20px;
    }
    .HrList .item .txtCont a.apply {
        width: 120px;
        line-height: 40px;
    } */
    .Campusbox .screenleft {
        width: auto;
        float: none;
        background: #fff;
        margin-bottom: 15px;
    }
    .Campusbox .content {
        width: auto;
        float: none;
    }
    .Campusbox .bg,
    .Campusbox .bg2 {
        display: none;
    }
    .CampusList .box .city {
        margin-bottom: 14px;
    }
    .CampusList .box .btn {
        width: 90px;
        line-height: 32px;
    }
    .HrHead {
        padding-bottom: 10px;
    }
    .HrHead h1 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .HrHead a.apply {
        width: 100px;
        line-height: 36px;
        top: 6px;
    }
    .HrInfo {
        line-height: 24px;
    }
    .HrInfo .stit {
        font-size: 16px;
        padding-top: 20px;
    }
}

@media ( max-width:580px) {
    .Catalog .itemrow {
        padding-left: 0;
        padding-right: 0;
    }
    .Catalog .itemrow .ti {
        position: static;
        line-height: 30px;
        background: url(../images/jrsc/line.gif) 0px bottom repeat-x;
        margin-bottom: 5px;
    }
    .HrSearch .input {
        font-size: 12px;
    }
    .Catalog .more {
        right: 0;
    }
    .hrw5 {
        font-size: 12px;
    }
    .Campusbox .screenleft {
        padding-bottom: 5px;
    }
    .Campusbox .content {
        padding-top: 3.5%;
    }
    .CampusList li {
        width: auto;
        float: none;
    }
    .CampusList .box {
        padding: 10px;
        height: auto;
    }
}

.ajax_page {
    text-align: center;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline-block;
    vertical-align: middle;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #666666;
    font-size: 14px;
    /* color: #337ab7; */
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 5px;
}

.ajax_page {
    width: 100%;
    text-align: center;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #00a7ea;
    border-color: #00a7ea;
}

@media ( max-width:480px) {
    .pagination {
        margin: 0;
    }
    .pagination>li>a,
    .pagination>li>span {
        margin: 1px;
        padding: 3px 5px;
    }
    .pagination>li.last {
        margin-left: 5px !important;
    }
}


/* 20-07-24 */

.cheackbtn {
    color: #00a7ea;
    font-size: 18px;
    display: none;
}

.cheackbtn img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 28px;
}

.CaseList .item {
    padding: 10px 10px 40px;
}

.CaseList .item a {
    display: block;
    padding: 4px;
    border: 1px solid #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.CaseList .item .imgbox {
    height: 210px;
}

.CaseList .item .mask {
    transition: all ease-in-out 0.3s;
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.CaseList .item .tit {
    font-size: 18px;
    line-height: 40px;
    height: 40px;
    color: #fff;
}

.CaseList .item:hover a {
    box-shadow: 0 10px 20px rgba(0, 64, 152, 0.15);
}

@media ( max-width:1500px) {
    .cheackbtn {
        left: 17.5%;
    }
}

@media ( max-width:1024px) {
    .CaseList .item .imgbox {
        height: 152px;
    }
    .CaseList .item .tit {
        font-size: 16px;
    }
    .cheackbtn {
        top: 36%;
    }
}

@media ( max-width:768px) {
    .cheackbtn {
        left: auto;
        top: 42%;
        right: 10px;
        width: 118px;
        line-height: 30px;
        font-size: 16px;
    }
    .cheackbtn img {
        width: 15px;
        margin-right: 6px;
    }
}

@media ( max-width:480px) {
    .CaseList .item .imgbox {
        height: 222px;
    }
}


/* 我们的分支 */

.BranchBox {
    background-image: url(../images/fzbg.jpg);
    padding: 138px 0 122px;
}

.BranchBox .Map {
    width: 60%;
    float: left;
    margin-left: -8.5%;
}

.BranchBox .hd li {
    position: absolute;
}

.BranchBox .hd li a {
    display: block;
    width: 26px;
    height: 26px;
    background-image: url(../images/fzicon1.png);
    background-size: cover;
}

.BranchBox .hd li i {
    position: absolute;
    z-index: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    margin: -20px 0px 0px -20px;
}

.BranchBox .hd li.on a {
    background-image: url(../images/fzicon2.png);
}

.BranchBox .hd li.on i {
    width: 100px;
    height: 100px;
    background: rgba(0, 167, 234, 0.2);
    margin: -50px 0 0 -50px;
}

.BranchBox .hd li.i1 {
    top: 30%;
    right: 6%;
}

.BranchBox .hd li.i2 {
    top: 40%;
    left: 57%;
}

.BranchBox .hd li.i3 {
    top: 55%;
    left: 46.5%;
}

.BranchBox .hd li.i4 {
    top: 51%;
    left: 66.5%;
}

.BranchBox .hd li.i5 {
    top: 57%;
    left: 68%;
}

.BranchBox .hd li.i6 {
    top: 74%;
    left: 47%;
}

.BranchBox .hd li.i7 {
    top: 71%;
    right: 21%;
}

.BranchBox .hd li.i1 i {
    -webkit-animation: warn 3s ease-out infinite;
    -moz-animation: warn 3s ease-out infinite;
    -ms-animation: warn 3s ease-out infinite;
    animation: warn 3s ease-out infinite;
}

.BranchBox .hd li.i2 i {
    -webkit-animation: warn 2s ease-out infinite;
    -moz-animation: warn 2s ease-out infinite;
    -ms-animation: warn 2s ease-out infinite;
    animation: warn 2s ease-out infinite;
}

.BranchBox .hd li.i3 i {
    -webkit-animation: warn 2.5s ease-out infinite;
    -moz-animation: warn 2.5s ease-out infinite;
    -ms-animation: warn 2.5s ease-out infinite;
    animation: warn 2.5s ease-out infinite;
}

.BranchBox .hd li.i4 i {
    -webkit-animation: warn 3.5s ease-out infinite;
    -moz-animation: warn 3.5s ease-out infinite;
    -ms-animation: warn 3.5s ease-out infinite;
    animation: warn 3.5s ease-out infinite;
}

.BranchBox .hd li.i5 i {
    -webkit-animation: warn 2.8s ease-out infinite;
    -moz-animation: warn 2.8s ease-out infinite;
    -ms-animation: warn 2.8s ease-out infinite;
    animation: warn 2.8s ease-out infinite;
}

.BranchBox .hd li.i6 i {
    -webkit-animation: warn 3.8s ease-out infinite;
    -moz-animation: warn 3.8s ease-out infinite;
    -ms-animation: warn 3.8s ease-out infinite;
    animation: warn 3.8s ease-out infinite;
}

.BranchBox .hd li.i7 i {
    -webkit-animation: warn 2.2s ease-out infinite;
    -moz-animation: warn 2.2s ease-out infinite;
    -ms-animation: warn 2.2s ease-out infinite;
    animation: warn 2.2s ease-out infinite;
}

.BranchBox .bd {
    width: 42.857%;
    float: right;
    margin-top: 10%;
    box-shadow: 0 40px 40px rgba(0, 0, 0, 0.2);
}

.BranchBox .SlideCon .box {
    padding: 82px 48px 70px;
    height: 248px;
    color: #fff;
    line-height: 36px;
}

.BranchBox .SlideCon .box .title {
    font-size: 32px;
    margin-bottom: 25px;
}

.BranchBox .SlideCon .box .p {
    overflow: auto;
    height: 180px;
}

@keyframes warn {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        opacity: 0.3;
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        opacity: 0.8;
    }
    75% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        opacity: 0.6;
    }
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes warn {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        opacity: 0.3;
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        opacity: 0.8;
    }
    75% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        opacity: 0.6;
    }
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        opacity: 0;
    }
}

@-ms-keyframes warn {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        opacity: 0.3;
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        opacity: 0.8;
    }
    75% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        opacity: 0.6;
    }
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        opacity: 0;
    }
}

@media ( max-width:1024px) {
    .BranchBox {
        padding: 80px;
    }
    .BranchBox .Map,
    .BranchBox .bd {
        width: auto;
        float: none;
    }
    .BranchBox .Map {
        margin-left: 0;
    }
    .BranchBox .SlideCon .box {
        padding: 30px;
    }
    .BranchBox .SlideCon .box .title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
    }
}

@media ( max-width:768px) {
    .BranchBox {
        padding: 60px 0;
    }
    .BranchBox .hd li a {
        width: 15px;
        height: 15px;
    }
}

@media ( max-width:480px) {
    .BranchBox .hd li::after {
        width: 30px;
        height: 30px;
        margin: -15px 0px 0px -15px;
    }
    .BranchBox .hd li.on::after {
        width: 40px;
        height: 40px;
        background: rgba(0, 167, 234, 0.2);
        margin: -20px 0 0 -20px;
    }
    .BranchBox .SlideCon .box .p {
        font-size: 15px;
        line-height: 26px;
    }
}


/* 20-08-15 */

.banner_area {
    display: block;
    height: 780px;
    width: 100%;
    position: relative;
    margin-top: -72px;
    overflow: hidden;
}

.banner_area .video1 {
    width: 2560px;
    height: 780px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1280px;
    z-index: 1;
}

.banner_bg {
    display: block;
    height: 780px;
    width: 100%;
    background: #000;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
}

.banner_txt {
    display: block;
    width: 640px;
    height: 81px;
    position: absolute;
    left: 50%;
    top: 45%;
    z-index: 2;
    text-align: center;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-family: 'TencentSansw3';
    letter-spacing: 18px;
}

.banner_txt .hook_area {
    display: block;
    height: 100px;
    width: 150px;
    position: absolute;
    left: 157px;
    top: -9px;
    overflow: hidden;
}

.banner_txt .txt {
    display: none;
}

.banner_txt .hook_area .word {
    display: block;
    height: 81px;
    min-width: 160px;
    position: absolute;
    left: 0px;
    top: 9px;
    color: #fff;
    font-size: 54px;
    font-style: normal;
    word-wrap: break-word;
    word-break: normal;
    text-align: justify;
    text-justify: distribute;
}

.banner_txt .txtbox {
    display: inline-table;
}

.banner_txt .txtbox p {
    display: inline-block;
    color: #fff;
    font-size: 54px;
}

.banner_txt .txtbox .ltxt {
    margin-right: 180px;
}

.banner_txt .hook_area>i {
    opacity: 0;
}

.banner_txt {
    opacity: 0;
}

.banner_txt.animation {
    animation: a_banner 0.5s 0.5s linear forwards;
    -webkit-animation: a_banner 0.5s 0.5s linear forwards;
    -ms-animation: a_banner 0.5s 0.5s linear forwards;
    -moz-animation: a_banner 0.5s 0.5s linear forwards;
    -o-animation: a_banner 0.5s 0.5s linear forwards;
}

.banner_txt .hook_area .word_1 {
    opacity: 1;
}

.banner_txt .hook_area.animation1 .word_1 {
    animation: a_banner_start 0.2s linear forwards;
    -webkit-animation: a_banner_start 0.2s linear forwards;
    -ms-animation: a_banner_start 0.2s linear forwards;
    -moz-animation: a_banner_start 0.2s linear forwards;
    -moz-animation: a_banner_start 0.2s linear forwards;
    -o-animation: a_banner_start 0.2s linear forwards;
}

.banner_txt .hook_area.animation2 .word_1 {
    animation: a_banner_end 0.2s linear forwards;
    -webkit-animation: a_banner_end 0.2s linear forwards;
    -ms-animation: a_banner_end 0.2s linear forwards;
    -moz-animation: a_banner_end 0.2s linear forwards;
    -o-animation: a_banner_end 0.2s linear forwards;
}

.banner_txt .hook_area.animation2 .word_2 {
    animation: a_banner_start 0.2s linear forwards;
    -webkit-animation: a_banner_start 0.2s linear forwards;
    -ms-animation: a_banner_start 0.2s linear forwards;
    -moz-animation: a_banner_start 0.2s linear forwards;
    -o-animation: a_banner_start 0.2s linear forwards;
}

.banner_txt .hook_area.animation3 .word_2 {
    animation: a_banner_end 0.2s linear forwards;
    -webkit-animation: a_banner_end 0.2s linear forwards;
    -ms-animation: a_banner_end 0.2s linear forwards;
    -moz-animation: a_banner_end 0.2s linear forwards;
    -o-animation: a_banner_end 0.2s linear forwards;
}

.banner_txt .hook_area.animation3 .word_3 {
    animation: a_banner_start 0.2s linear forwards;
    -webkit-animation: a_banner_start 0.2s linear forwards;
    -ms-animation: a_banner_start 0.2s linear forwards;
    -moz-animation: a_banner_start 0.2s linear forwards;
    -o-animation: a_banner_start 0.2s linear forwards;
}

.banner_txt .hook_area.animation4 .word_3 {
    animation: a_banner_end 0.2s linear forwards;
    -webkit-animation: a_banner_end 0.2s linear forwards;
    -ms-animation: a_banner_end 0.2s linear forwards;
    -moz-animation: a_banner_end 0.2s linear forwards;
    -o-animation: a_banner_end 0.2s linear forwards;
}

.banner_txt .hook_area.animation4 .word_4 {
    animation: a_banner_start 0.2s linear forwards;
    -webkit-animation: a_banner_start 0.2s linear forwards;
    -ms-animation: a_banner_start 0.2s linear forwards;
    -moz-animation: a_banner_start 0.2s linear forwards;
    -o-animation: a_banner_start 0.2s linear forwards;
}

@keyframes a_banner {
    0% {
        transform: translate(-50%, 20px);
        -webkit-transform: translate(-50%, 20px);
        -ms-transform: translate(-50%, 20px);
        -moz-transform: translate(-50%, 20px);
        -o-transform: translate(-50%, 20px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        opacity: 1;
    }
}

@-webkit-keyframes a_banner {
    0% {
        transform: translate(-50%, 20px);
        -webkit-transform: translate(-50%, 20px);
        -ms-transform: translate(-50%, 20px);
        -moz-transform: translate(-50%, 20px);
        -o-transform: translate(-50%, 20px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        opacity: 1;
    }
}

@-ms-keyframes a_banner {
    0% {
        transform: translate(-50%, 20px);
        -webkit-transform: translate(-50%, 20px);
        -ms-transform: translate(-50%, 20px);
        -moz-transform: translate(-50%, 20px);
        -o-transform: translate(-50%, 20px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        opacity: 1;
    }
}

@-moz-keyframes a_banner {
    0% {
        transform: translate(-50%, 20px);
        -webkit-transform: translate(-50%, 20px);
        -ms-transform: translate(-50%, 20px);
        -moz-transform: translate(-50%, 20px);
        -o-transform: translate(-50%, 20px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        opacity: 1;
    }
}

@-o-keyframes a_banner {
    0% {
        transform: translate(-50%, 20px);
        -webkit-transform: translate(-50%, 20px);
        -ms-transform: translate(-50%, 20px);
        -moz-transform: translate(-50%, 20px);
        -o-transform: translate(-50%, 20px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        opacity: 1;
    }
}

@keyframes a_banner_start {
    0% {
        transform: translate(0, 88px);
        -webkit-transform: translate(0, 88px);
        -ms-transform: translate(0, 88px);
        -moz-transform: translate(0, 88px);
        -o-transform: translate(0, 88px);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes a_banner_start {
    0% {
        transform: translate(0, 88px);
        -webkit-transform: translate(0, 88px);
        -ms-transform: translate(0, 88px);
        -moz-transform: translate(0, 88px);
        -o-transform: translate(0, 88px);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}

@-ms-keyframes a_banner_start {
    0% {
        transform: translate(0, 88px);
        -webkit-transform: translate(0, 88px);
        -ms-transform: translate(0, 88px);
        -moz-transform: translate(0, 88px);
        -o-transform: translate(0, 88px);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes a_banner_start {
    0% {
        transform: translate(0, 88px);
        -webkit-transform: translate(0, 88px);
        -ms-transform: translate(0, 88px);
        -moz-transform: translate(0, 88px);
        -o-transform: translate(0, 88px);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes a_banner_start {
    0% {
        transform: translate(0, 88px);
        -webkit-transform: translate(0, 88px);
        -ms-transform: translate(0, 88px);
        -moz-transform: translate(0, 88px);
        -o-transform: translate(0, 88px);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes a_banner_end {
    0% {
        transform: translate(0, 0px);
        -webkit-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        -moz-transform: translate(0, 0px);
        -o-transform: translate(0, 0px);
        opacity: 1;
    }
    100% {
        transform: translate(0, -88px);
        -webkit-transform: translate(0, -88px);
        -ms-transform: translate(0, -88px);
        -moz-transform: translate(0, -88px);
        -o-transform: translate(0, -88px);
        opacity: 1;
    }
}

@-webkit-keyframes a_banner_end {
    0% {
        transform: translate(0, 0px);
        -webkit-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        -moz-transform: translate(0, 0px);
        -o-transform: translate(0, 0px);
        opacity: 1;
    }
    100% {
        transform: translate(0, -88px);
        -webkit-transform: translate(0, -88px);
        -ms-transform: translate(0, -88px);
        -moz-transform: translate(0, -88px);
        -o-transform: translate(0, -88px);
        opacity: 1;
    }
}

@-ms-keyframes a_banner_end {
    0% {
        transform: translate(0, 0px);
        -webkit-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        -moz-transform: translate(0, 0px);
        -o-transform: translate(0, 0px);
        opacity: 1;
    }
    100% {
        transform: translate(0, -88px);
        -webkit-transform: translate(0, -88px);
        -ms-transform: translate(0, -88px);
        -moz-transform: translate(0, -88px);
        -o-transform: translate(0, -88px);
        opacity: 1;
    }
}

@-moz-keyframes a_banner_end {
    0% {
        transform: translate(0, 0px);
        -webkit-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        -moz-transform: translate(0, 0px);
        -o-transform: translate(0, 0px);
        opacity: 1;
    }
    100% {
        transform: translate(0, -88px);
        -webkit-transform: translate(0, -88px);
        -ms-transform: translate(0, -88px);
        -moz-transform: translate(0, -88px);
        -o-transform: translate(0, -88px);
        opacity: 1;
    }
}

@-o-keyframes a_banner_end {
    0% {
        transform: translate(0, 0px);
        -webkit-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
        -moz-transform: translate(0, 0px);
        -o-transform: translate(0, 0px);
        opacity: 1;
    }
    100% {
        transform: translate(0, -88px);
        -webkit-transform: translate(0, -88px);
        -ms-transform: translate(0, -88px);
        -moz-transform: translate(0, -88px);
        -o-transform: translate(0, -88px);
        opacity: 1;
    }
}

@keyframes a_banner_word {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
    12.5% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
    25% {
        -webkit-transform: translate(0, -70px);
        opacity: 0;
    }
    25.01% {
        -webkit-transform: translate(0, -70px);
        opacity: 0;
    }
    25.02% {
        -webkit-transform: translate(0, 70px);
        opacity: 0;
    }
    50% {
        -webkit-transform: translate(0, 70px);
        opacity: 0;
    }
    87.5% {
        -webkit-transform: translate(0, 70px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes a_banner_word_2 {
    0% {
        -webkit-transform: translate(0, 70px);
        opacity: 0;
    }
    12.5% {
        -webkit-transform: translate(0, 70px);
        opacity: 0;
    }
    25% {
        -webkit-transform: translate(0, 0px);
        opacity: 1;
    }
    37.5% {
        -webkit-transform: translate(0, 0px);
        opacity: 1;
    }
    50% {
        -webkit-transform: translate(0, -70px);
        opacity: 0;
    }
    50.01% {
        -webkit-transform: translate(0, 70px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 70px);
        opacity: 0;
    }
}

@media ( max-width:768px) {
    .banner_area {
        height: 640px;
    }
    .banner_area .video1 {
        height: 640px;
    }
    .banner_bg {
        height: 100%;
        background: #000 url(../data/mobile/banner_bg.jpg) no-repeat center top;
        background-size: cover;
        position: absolute;
        left: 0px;
        top: 0px;
    }
    .banner_txt {
        width: 214px;
        height: 130px;
        letter-spacing: 10px
    }
    .banner_txt .hook_area {
        left: auto;
        top: -25px;
        right: 9px;
        width: 96px;
        height: 60px;
        top: -9px;
    }
    .banner_txt .hook_area .word {
        font-size: 38px;
        line-height: 50px;
        width: auto;
        height: 49px;
    }
    .banner_txt .txtbox p {
        font-size: 38px;
        line-height: 50px;
    }
    .banner_txt .txtbox .ltxt {
        margin-right: 0;
    }
    .banner_txt .txtbox .ltxt {
        float: left;
        margin-left: 10px;
    }
}


/* 20-08-20 */

.ConductSlide .slider .slick-dots {
    bottom: 20px;
}

.Company_itemcon2 .info .CommonMore i {
    margin-left: 0;
}

.GjNav .lis a::after,
.GjNav .lis a::before,
.Jrsc_box1 .nav .item a::after,
.Jrsc_box1 .nav .item a::before {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 3px;
    left: 50%;
    content: "";
    z-index: 4;
}

.GjNav .lis a::after,
.Jrsc_box1 .nav .item a::after {
    left: 50%;
    background: #00a7ea;
    transition: 0.5s ease-in-out;
}

.GjNav .lis a::before,
.Jrsc_box1 .nav .item a::before {
    background: #fff;
    z-index: 5;
    width: 100%;
    left: 0;
}

.Jrsc_box1 .nav .item a::before {
    background: #f5f8fa;
}

.GjNav .lis.slick-current a::after,
.Jrsc_box1 .nav .item.slick-current a::after {
    width: 100%;
    left: 0;
}

.GjNav .lis.slick-current a::before,
.Jrsc_box1 .nav .item.slick-current a::before {
    width: 0;
}

@media ( max-width:480px) {
    .sec-2 .Slider-tabinfo {
        padding-bottom: 20px;
    }
}


/* 20-10-10 */


/* 敬请期待 */

.WaitBody {
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/bluebg.png);
    background-repeat: repeat;
    background-position: center top;
}

.WaitBox {
    position: fixed;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -308px;
    z-index: 999999;
}

.WaitBox .img {
    max-width: 766px;
    margin: 0 auto;
}

.WaitBox .img img {
    -webkit-animation: scale 3s ease-out infinite;
    -moz-animation: scale 3s ease-out infinite;
    animation: scale 3s ease-out infinite;
}

.WaitBox .con {
    text-align: center;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -30px;
}

.WaitBox .con h2 {
    font-size: 50px;
    font-weight: normal;
    line-height: 60px;
    margin-bottom: 35px;
}

@keyframes scale {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.15);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@media ( max-width:1600px) {
    .WaitBox {
        margin-top: -241px;
    }
    .WaitBox .img {
        max-width: 600px;
    }
    .WaitBox .con {
        margin-top: -20px;
    }
    .WaitBox .con h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .WaitBox .con img {
        max-width: 200px;
    }
}

@media ( max-width:480px) {
    .WaitBox {
        margin-top: -151px;
    }
    .WaitBox .con h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .WaitBox .con img {
        max-width: 150px;
    }
}


/* 温馨提示 */

.WarmMain {
    max-width: 1015px;
    margin: 0 auto;
    padding-top: 15%;
    text-align: center;
    color: #fff;
}

.WarmMain h2 {
    font-size: 50px;
    line-height: 56px;
}

.WarmMain .con {
    margin: 50px 0;
    font-size: 28px;
    line-height: 43px;
    word-wrap: break-word;
    word-break: normal;
    text-align: justify;
    text-justify: distribute;
    text-indent: 2em;
}

.WarmMain .con img {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    max-width: 252px;
}

.WarmMain .time {
    width: 215px;
    line-height: 174px;
    margin: 0 auto;
    background: url(../images/timgbg.png) no-repeat center center;
    font-size: 36px;
    color: #4bd5ff;
}

@media ( max-width:1366px) {
    .WarmMain {
        padding: 7% 0;
    }
}

@media ( max-width:1050px) {
    .WarmMain {
        padding: 20% 20px;
    }
    .WarmMain h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .WarmMain .con {
        margin: 25px 0 30px;
        font-size: 20px;
        line-height: 30px;
    }
    .WarmMain .con img {
        max-width: 200px;
    }
}

@media ( max-width:480px) {
    .WarmMain .con {
        font-size: 18px;
    }
}


/* 网站地图 */

.WebMap {
    background: #fff;
    padding: 3% 5%;
}

.WebMap .box {
    padding-bottom: 15px;
}

.WebMap .box .title {
    font-size: 20px;
    line-height: 54px;
    color: #000;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 28px;
}

.WebMap .box dl {
    margin-bottom: 15px;
    width: 14.285%;
    float: left;
}

.WebMap .box dl dt a {
    display: block;
    font-size: 16px;
    line-height: 36px;
    color: #00a7ea;
}

.WebMap .box dl dt i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 5px;
    height: 5px;
    background: #00a7ea;
    border-radius: 50%;
}

.WebMap .box dl dd a {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-left: 10px;
}

@media ( max-width:1024px) {
    .WebMap .box dl {
        width: 25%;
    }
}

@media ( max-width:640px) {
    .WebMap .box dl {
        width: 50%;
    }
}

.HistoryTime .hd {
    margin-bottom: 4%;
    line-height: 24px;
}

.HistoryTime .hd .item {
    position: relative;
}

.HistoryTime .hd .item::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 11px;
    z-index: 0;
    height: 2px;
    background: #e1e1e1;
}

.HistoryTime .hd .item a {
    display: block;
    font-size: 16px;
    padding-top: 32px;
    color: #333;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(../images/dot.png);
}

.HistoryTime .hd .on a {
    background-image: url(../images/dots.png);
    color: #00a7ea;
    position:relative;
	z-index:1;
}


/*yl时间轴新增*/
.HistoryTime .hd .on::after {
    /*background: #00a7ea;*/
	background: #e1e1e1;
}

.HistoryTime .hd .db a {
    background-image: url(../images/dots.png);
    color: #00a7ea;
	position:relative;
	z-index:1;
}

.HistoryTime .hd .db::after {
	background: linear-gradient(to right, #e1e1e1 0, #e1e1e1 50%, #00a7ea 50.1%);
}

.HistoryTime .slick-track{
	width: 100% !important;
	display: flex;
}

.HistoryTime .hd .item{
	flex:1;
}
/*yl时间轴新增结束*/



.HistoryTime .hd .item p {
    color: #999;
    font-size: 14px;
    text-align: center;
}

.HistoryTime .slick-arrow {
    width: 30px;
    height: 30px;
    padding: 0;
    overflow: hidden;
    line-height: 30px;
    font-family: "宋体";
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 10px;
    z-index: 5;
    background-color: #ccc;
    border-radius: 50%;
}

.HistoryTime .slick-prev {
    left: 0;
}

.HistoryTime .slick-next {
    right: 0;
}

.HistoryTime .slick-arrow:hover {
    background-color: #00a7ea;
}

.LastNav {
    text-align: center;
}

.LastNav .item {
    display: inline-block;
    margin: 0 15px;
}

.LastNav .item a {
    display: block;
    font-size: 18px;
    color: #333;
    line-height: 58px;
    height: 58px;
    border: 1px solid #eaeaea;
    position: relative;
    min-width: 120px;
    padding: 0 20px;
}

.LastNav .item a::after {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 3px;
    left: 50%;
    content: "";
    z-index: 4;
    background: #00b9fa;
}

.LastNav .item.on a::after {
    left: 0;
    width: 100%;
}

@media ( max-width:768px) {
    .LastNav .item {
        margin: 0 10px;
    }
    .LastNav .item a {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
}

@media ( max-width:640px) {
    .LastNav .item {
        margin: 0 0 5px 0;
    }
    .LastNav .item a {
        min-width: 43px;
        padding: 0 9px;
    }
}


/*2022-02-16新增*/

.ClassCard {
    border: 1px solid #eaedf6;
    box-shadow: 0 10px 30px rgba(194, 194, 194, 0.15);
    position: relative;
    padding: 4%;
    background: #fff;
}

.ClassCard .hd {
    width: 16.92%;
    text-align: center;
}

.ClassCard .hd li {
    line-height: 70px;
    margin-bottom: 10px;
    font-size: 20px;
    background: #f2f2f2;
}

.ClassCard .hd li:last-child {
    margin-bottom: 0;
}

.ClassCard .hd li a {
    display: block;
    color: #333;
}

.ClassCard .hdactive li::after {
    left: 100%;
    width: 12px;
    height: 21px;
    bottom: 24px;
    background: url(../images/arr7.png) left center no-repeat;
    transition: none;
    opacity: 1;
    display: none;
}

.ClassCard .hd li.on,
.ClassCard .hd li:hover {
    background-color: #00a7ea;
}

.ClassCard .hd li.on a,
.ClassCard .hd li:hover a {
    color: #fff;
    transition: none;
}

.ClassCard .hd li.on:after,
.ClassCard .hd li:hover:after {
    display: block;
}

.ClassCard .hd li i {
    position: absolute;
    background: url(../images/arr17.png) no-repeat;
    width: 0;
    height: 19px;
    top: 50%;
    margin-top: -9px;
    right: -11px;
    transition: 0.5s ease-in-out;
}

.ClassCard .hd li.on i {
    width: 11px;
}

.ClassCard .bd {
    width: 78.15%;
}

.ClassCard .CardSlide .img {
    width: 49.21%;
    text-align: center;
}

.ClassCard .CardSlide .con {
    width: 44.488%;
}

@media (max-width: 1100px) {
    .ClassCard .hd,
    .ClassCard .bd {
        width: 100%;
        float: none;
    }
    .ClassCard .hd {
        overflow: hidden;
    }
    .ClassCard .hd li {
        width: 25%;
        float: left;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .ClassCard .hdactive li::after {
        left: 50%;
        transform: translateX(-50%);
        width: 15px;
        height: 7px;
        bottom: -7px;
        background: url(../images/arr2.png) left center no-repeat;
        transition: none;
        opacity: 1;
        display: none;
    }
}

@media (max-width: 480px) {
    .ClassCard .hd li {
        font-size: 16px;
    }
}

.BussCard .CardSlide {
    background: #f5f5f5;
    padding: 4%;
}

.BussCard .CardSlide .img {
    width: 44%;
    text-align: center;
}

.BussCard .CardSlide .con {
    width: 52%;
    float: right;
}

.BussCard .txtcon .p {
    margin-bottom: 20px;
    /*font-size: 16px;*/
}

@media (max-width: 768px) {
    .BussCard .CardSlide .con,
    .BussCard .CardSlide .img {
        width: auto;
        float: none;
    }
}

.GwCon {
    padding: 3% 0;
}

.bg1 {
    background-color: #f7f8fc;
}

.GwCon .proDucBox {}

.proDucBox .txt {
    margin-bottom: 20px;
}

.proDucBox .txt .tit {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 2px;
    color: #333333;
}

.proDucBox .txt p {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #333333;
}

@media (max-width: 768px) {}

.downloadBox {
    width: 100%;
}

.downloadBox ul {}

.downloadBox ul li {
    overflow: hidden;
    background-color: #ffffff;
    padding: 2% 180px 2% 2%;
    position: relative;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.downloadBox ul li .txtbox {
    overflow: hidden;
}

.downloadBox ul li .txtbox .no {
    width: 30px;
    height: 30px;
    background-color: #00b9fa;
    border-radius: 50%;
    float: left;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    margin-right: 20px;
}

.downloadBox ul li .txtbox .tit {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #333333;
    /*float: left;*/
}

.downloadBox ul li a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    width: 140px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    border: solid 1px #00b9fa;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #00b9fa;
    text-align: center;
    background: url(../images/down10.png) center left no-repeat;
    padding-left: 20px;
    background-position-x: 30px;
}

.downloadBox ul li a:hover {
    background: #00b9fa url(../images/down1.png) center left no-repeat;
    background-position-x: 30px;
    color: #fff;
}

@media (max-width: 768px) {
    .downloadBox ul li a {
        right: 10px;
    }
    .downloadBox ul li .txtbox .tit {
        font-size: 16px;
    }
}

.AQBox {}

.AQBox .item {
    padding: 2%;
    background: #fff;
    letter-spacing: 2px;
    margin-bottom: 10px;
    cursor: pointer;
}

.AQBox .item .title {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    background: url(../images/arr_down.png) right center no-repeat;
    background-position-y: 8px;
    padding-right: 50px;
    color: #00B0F0;
}

.AQBox .item .txtbox {
    font-size: 16px;
    color: #666666;
    display: none;
    padding-top: 10px;
}

.AQBox .item .txtbox p {}

.AQBox .item.current .title {
    background: url(../images/arr_up.png) right center no-repeat;
    background-position-y: 8px;
}

@media (max-width: 768px) {
    .AQBox .item .title {
        font-size: 16px;
    }
    .AQBox .item .txtbox {
        font-size: 14px;
    }
}

.CampusList li {
    width: 33.33%;
}

.CampusList .box {
    padding: 5%;
}

@media (max-width: 580px) {
    .CampusList li {
        width: auto;
        float: none;
    }
}


/*在线简历*/

.Apform {
    color: #333;
    font-size: 14px
}

.Apform .txtBox {}

.Apform h2 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 3%;
}

.Apform .txtBox .titBox {
    position: relative;
}

.titBox .moreBtn {
    position: absolute;
    bottom: 5px;
    right: 0;
}

.titBox .moreBtn p {
    padding-left: 20px;
    color: #00b9fa;
    font-size: 16px;
    line-height: 40px;
    width: 110px;
    height: 40px;
    text-align: center;
    cursor: pointer;
}

.titBox .moreBtn p.m1 {
    background: url(../images/arr_more.png) 32px 12px no-repeat;
    background-size: 15%;
}

.titBox .moreBtn p.m2 {
    background: url(../images/arr_less.png) 32px 12px no-repeat;
    background-size: 15%;
    display: none;
}

.titBox .moreBtn.on p.m1 {
    display: none;
}

.titBox .moreBtn.on p.m2 {
    display: block;
}

.Apform .txtBox .title {
    font-size: 18px;
    color: #00b9fa;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    position: relative;
    border-bottom: 1px #d3d3d3 dashed;
}

.Apform .txtBox .tit {
    font-size: 17px;
    color: #000;
    margin-bottom: 10px;
    font-weight: bold;
}

.Apform .txtBox .txt {
    padding: 2% 0;
    font-size: 18px;
    display: none;
}

.Apform .txtBox .txt.show {
    display: block;
}

.Apform ul li {
    overflow: hidden;
    line-height: 40px;
    margin-bottom: 20px;
}

.Apform .addP {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/add.png) center no-repeat;
    cursor: pointer;
    position: relative;
    top: 10px;
}

.Apform .addP:hover {
    background: url(../images/add1.png) center no-repeat;
}

.Apform ul li .label {
    width: 20%;
    font-size: 16px;
    float: left;
}

.Apform ul li .tr {
    text-align: right;
}

.radio-inline {
    padding: 0 10px;
}

.radio-inline input {
    margin-right: 6px;
}

.Apform ul li select,
.Apform ul li input[type="text"] {
    background: #f0f3f8;
    border: 1px #d9d9d9 solid;
    display: inline-block;
    line-height: 38px;
    border-radius: 5px;
    height: 38px;
    font-size: 18px;
    padding-left: 10px;
    float: left;
}

.Apform ul li select {
    width: 200px;
}

.Apform ul li input[type="text"] {
    width: 75%;
}

.Apform ul li.tb input[type="text"] {
    width: 70%;
}

.Apform ul li textarea {
    padding: 1%;
    max-height: 120px;
    border: 1px #000000 solid;
    box-sizing: border-box;
    background: rgb(247, 248, 249);
    border: 2px rgb(222, 225, 230) solid;
    border-radius: 20px;
    display: block;
    width: 80%;
}

.Apform .block {
    display: block;
    width: 100%
}

.Apform .line {
    height: 1px;
    background: #eee;
    width: 100%;
    clear: left;
    margin: 2% 0;
}

.Apform .block .label {
    width: 100%;
    display: block;
    float: none;
    margin-bottom: 10px;
}

.Apform ul.otherQA li .label {
    width: auto;
}

.Apform ul.otherQA li {
    margin-bottom: 4px;
}

.Apform .block textarea {
    display: block;
    width: 100%;
}

.Apform .ptext {
    font-size: 16px;
    line-height: 30px;
}

.Apform .FjBox {}

.Apform .FjBox .t1 {
    font-size: 18px;
    padding: 10px 0;
}

.Apform .FjBox .t1 .addbtn {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/add.png) center no-repeat;
    cursor: pointer;
    position: relative;
    top: 8px;
}

.Apform .FjBox ul {
    padding: 2% 0;
}

.Apform .FjBox ul li {
    overflow: hidden;
    margin-bottom: 15px;
}

.Apform .FjBox ul li input {
    border: none;
    width: 80%;
    float: left;
}

.Apform .FjBox ul li .delbtn {
    width: 12%;
    float: right;
    line-height: 40px;
    background-color: #00b9fa;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.Apform .yzmbox {
    margin-top: 20px
}

.Apform .yzmbox input {
    display: inline-block;
    background: rgb(247, 248, 249);
    border: 2px rgb(222, 225, 230) solid;
    line-height: 38px;
    border-radius: 5px;
    height: 38px;
    font-size: 18px;
    padding-left: 10px
}

.Apform .yzmbox em {
    border: 1px #333 solid;
    border-radius: 5px;
    padding: 5px 20px;
}

.Apform .btns {
    text-align: center;
    padding: 5% 0;
    font-size: 18px;
}

.Apform .btns .btn {
    display: inline-block;
    width: 120px;
    line-height: 40px;
    background: #a2a2a2;
    border-radius: 5px;
    color: #fff;
    margin: 0 20px;
    cursor: pointer;
}

.Apform .btns .btn:hover {
    background: #00b9fa;
}

.Apform ul {
    overflow: hidden;
}

.Apform ul li.tb {
    width: 50%;
    float: left;
}

.Apform .tabul {
    padding: 20px 0;
}

.Apform .tabul li {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    margin-left: -1%;
}

.Apform .tabul li p {
    float: left;
    width: 12.5%;
    font-size: 16px;
    margin-left: 1%;
    color: #00b9fa;
}

.Apform .tabul li input {
    float: left;
    margin-left: 1%;
}

.Apform .tabul li span {
    display: none;
}

.Apform .tabul li .addP {
    width: 32px;
    height: 32px;
    background: url(../images/add.png) center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

@media ( max-width:1024px) {
    .Apform ul li {
        margin-bottom: 10px;
    }
    .Apform ul li .label {
        width: 100%;
        text-align: left;
    }
    .Apform ul li.tb input[type="text"] {
        width: 90%;
    }
    .Apform ul li input[type="text"] {
        width: 95%;
    }
}

@media ( max-width:640px) {
    .Apform ul li {
        line-height: 30px;
    }
    .Apform .txtBox .title {
        text-align: left;
        font-size: 15px;
    }
    .titBox .moreBtn p {
        width: 70px;
        text-align: right;
        font-size: 15px;
    }
    .titBox .moreBtn p.m1 {
        background: url(../images/arr_more.png) 36px 15px no-repeat;
        background-size: 15%;
    }
    .Apform ul li .label {
        width: 100%;
        float: none;
        display: block;
        font-size: 16px
    }
    .Apform ul li input[type="text"],
    .Apform ul li.tb input[type="text"] {
        width: 100%;
        box-sizing: border-box;
    }
    .Apform ul li select,
    .Apform ul li input[type="text"] {
        padding-left: 2%;
    }
    .Apform ul li select {
        width: 100%;
        margin-bottom: 10px;
    }
    #select1,
    #select2,
    #select3 {
        width: 32%;
    }
    .Apform h2 {
        font-size: 18px
    }
    .Apform ul li select,
    .Apform ul li input {
        font-size: 14px
    }
    .Apform .txtBox .txt {
        padding: 2% 0;
        font-size: 16px;
    }
    .Apform .txtBox .tit {
        font-size: 16px;
    }
    .Apform .yzmbox {
        overflow: hidden;
    }
    .Apform .yzmbox span {
        width: 100%;
        float: none;
        display: block;
    }
    .Apform .yzmbox input {
        display: block;
        width: 70%;
        float: left;
    }
    .Apform .yzmbox em {
        text-align: center;
        display: block;
        width: 22%;
        float: right;
        padding: 0;
        line-height: 36px;
    }
    .Apform ul li textarea {
        border-radius: 5px
    }
    .Apform ul li.tb {
        width: 100%;
        float: none;
    }
    .Apform .tabul {
        /* overflow: hidden; */
        padding: 32px 0;
    }
    .Apform .tabul li .addP {
        top: -32px;
        left: 0;
        right: unset;
    }
    .Apform .tabul li {
        margin-left: 0;
        float: left;
        border-top: 1px #00b9fa solid;
    }
    .Apform .tabul li:nth-child(1) {
        float: left;
        overflow: unset;
        border: none;
        width: 34%;
    }
    .Apform .tabul li:nth-child(2) {
        width: 66%;
        float: left;
        border: none;
    }
    .Apform .tabul li p {
        font-size: 14px;
    }
    .Apform .tabul li p,
    .Apform .tabul li input {
        width: 100% !important;
        float: none;
        margin-left: 0;
        line-height: 38px;
        margin-bottom: 10px;
    }
    .Apform .tabul li span {
        display: block;
        float: left;
        font-size: 14px;
        color: #2865be;
    }
    .Apform .tabul li input {
        width: 66%;
        float: left;
    }
}

@media ( max-width:640px) {
    .Apform ul li .label {
        font-size: 14px;
    }
}


/*2022-03-17*/

.JobSelect {
    font-size: 14px;
    margin-bottom: 50px;
    z-index: 9998;
}

.HrSearch {
    width: 40%;
    float: right;
    position: relative;
    padding-right: 10%;
    box-sizing: border-box;
}

.HrSearch .input {
    width: 100%;
    line-height: 48px;
    height: 50px;
    background-color: #ffffff;
    border: solid 1px #e4e4e4;
    text-indent: 1em;
    float: left;
    box-sizing: border-box;
}

.HrSearch .btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 22%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #00b9fa;
}

.HrSearch .btn .iconfont {
    margin-right: 5px;
    font-size: 26px;
}

.HrSearch .btn:hover {
    background: #00348c;
}

.JobSelect .box {
    float: left;
    width: 60%;
}

.JobSelect .box .SelectBox {
    width: 48%;
    float: left;
    line-height: 48px;
    height: 50px;
    background-color: #ffffff;
    border: solid 1px #e4e4e4;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    margin-right: 2%;
    font-size: 16px;
    color: #999999;
}

.JobSelect .box .SelectBox .SelectTxt span {
    display: block;
    padding-right: 30px;
    background: url(../images/arr_down.png) no-repeat right 16px center;
    padding: 0 20px;
    background-size: 15px;
}

.JobSelect .box .SelectBox .SelectTxt span.on {
    background: url(../images/arr_up.png) no-repeat right 16px center;
    background-size: 15px;
}

.JobSelect .box .SelectBox:hover {
    border: 1px solid #226CE2;
}

.JobSelect .box .SelectBox .SelectUl {
    position: absolute;
    left: 0;
    right: 0;
    top: 102%;
    z-index: 999;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    display: none;
    box-shadow: 0px 2px 10px 0px rgba(220, 223, 229, 0.5);
    border-radius: 4px;
    border: 1px solid #E9EBEE;
    background: #fff;
    padding: 5px 0;
    z-index: 999;
}

.JobSelect .box .SelectBox .SelectUl .ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #333;
    border: none;
}

.JobSelect .box .SelectBox .SelectUl .ul li:hover a {
    background: rgba(34, 108, 226, 0.08);
}

.JobSelect .box .SelectBox .SelectUl .ul li.on a {
    color: #226CE2;
}

.JobSelect .box dl {
    display: inline-block;
}

.JobSelect .box dl dd {
    display: inline-block;
    width: 90px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #DCDFE5;
    box-sizing: border-box;
    line-height: 38px;
    text-align: center;
    margin-right: 5px;
}

.JobSelect .box dl dd a {
    color: #343C4A;
    display: block;
}

.JobSelect .box dl dd.on {
    background: #226CE2;
}

.JobSelect .box dl dd.on:hover {
    background: #226CE2;
}

.JobSelect .box dl dd.on a {
    color: #fff;
}

.JobSelect .box dl dd:hover {
    background: rgba(34, 108, 226, 0.08);
    border: 1px solid #226CE2;
}

.padleft {
    padding-left: 2%;
    text-align: left !important;
}

.hrw1 {
    width: 10%;
}

.hrw2 {
    width: 16%;
}

.hrw3 {
    width: 20%;
}

.hrw4 {
    width: 18%;
}

.hrw5 {
    width: 12%;
}

.hrw6 {}

.HrList .more_btn {
    cursor: pointer;
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(../images/more1.png) center no-repeat;
}

.HrList .item.current .more_btn {
    background: url(../images/more1_h.png) center no-repeat;
}

.dt_btn {
    width: 90px;
    height: 35px;
    background: #00b9fa;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    line-height: 35px;
    letter-spacing: 0px;
    color: #ffffff;
    cursor: pointer;
}

.dt_btn:hover {
    background: #0097cc;
}

.cancel_btn {
    width: 90px;
    height: 35px;
    background: #bdbdbd;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
    line-height: 35px;
    letter-spacing: 0px;
    color: #ffffff;
    cursor: pointer;
}

.cancel_btn:hover {
    background: #8c8c8c;
}

.HrList .item.state_success td {
    color: #00a7ea;
}

.JobSearch {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

.JobSearch .jsbox {
    /* display: inline-block; */
    position: relative;
    width: 30%;
    height: 50px;
    background-color: #ffffff;
    border: solid 1px #e4e4e4;
    padding-right: 10%;
    box-sizing: border-box;
}

.JobSearch .jsbox .input {
    color: #333333;
    font-size: 16px;
    height: 50px;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.JobSearch .jsbox .yzm {
    width: 30%;
    height: 40px;
    background-color: #00b9fa;
    border-radius: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 16px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}

.JobSearch .jsbox1 {
    position: relative;
    /* display: inline-block; */
    width: 30%;
    padding-right: 10%;
    box-sizing: border-box;
    margin-left: 10px;
}

.JobSearch .jsbox1 .input {
    height: 50px;
    background-color: #ffffff;
    border: solid 1px #e4e4e4;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.JobSearch .jsbox1 .btn {
    position: absolute;
    width: 30%;
    right: 0;
    top: 0;
    height: 50px;
    background-color: #00b9fa;
    font-size: 16px;
    line-height: 50px;
    color: #ffffff;
    text-align: center;
}

@media ( max-width:1024px) {
    .JobSearch {
        margin-bottom: 20px;
    }
    .JobSearch .jsbox,
    .JobSearch .jsbox1 {
        width: 49%;
        padding-right: 15%;
    }
    .JobSelect .box .SelectBox .SelectTxt span,
    .JobSelect .box .SelectBox .SelectUl .ul li a {
        font-size: 14px;
    }
    .JobSelect .box .SelectBox .SelectUl .ul li a {
        height: 36px;
        line-height: 36px;
    }
    .HrSearch .btn .iconfont {
        font-size: 20px;
    }
}

@media ( max-width:768px) {
    .hrw1 {
        width: 10%;
    }
    .hrw2,
    .hrw4 {
        display: none;
    }
    .hrw3 {
        width: 40%;
    }
    .hrw5 {
        width: 20%;
    }
    .JobSelect .box {
        margin-bottom: 10px;
    }
    .JobSelect .box,
    .HrSearch {
        float: none;
        width: 100%;
    }
    .JobSelect .box .SelectBox {
        width: 49%;
    }
    .JobSelect .box #SelectBox1 {
        margin-right: 0;
    }
    .Hrhead {
        height: 40px;
    }
    .HrList .item td {
        height: 38px;
    }
    .HrList .item .txtCont {
        line-height: 24px;
        padding: 12px 4% 20px;
    }
    .HrList .item .txtCont .items {
        display: block;
    }
    .HrList .item .txtCont .applybtn {
        padding-top: 20px;
    }
    .HrList .item .txtCont a.apply {
        width: 120px;
        line-height: 40px;
    }
    .JobSearch .jsbox,
    .JobSearch .jsbox1 {
        padding-right: 100px;
    }
    .JobSearch .jsbox .yzm,
    .JobSearch .jsbox1 .btn {
        width: 100px;
        font-size: 14px;
    }
    .dt_btn,
    .cancel_btn {
        width: 68px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }
}

@media ( max-width:580px) {
    .HrList .item td {
        font-size: 12px;
    }
    .JobSearch .jsbox,
    .JobSearch .jsbox1 {
        width: 49%;
    }
    .HrList .more_btn {
        background-size: 15px;
    }
}

@media ( max-width:480px) {
    .JobSearch {
        display: block;
    }
    .JobSearch .jsbox,
    .JobSearch .jsbox1 {
        width: 100%;
    }
    .JobSearch .jsbox1 {
        margin-left: 0;
        margin-top: 10px;
    }
}

.newInfo {
    padding-top: 2%;
}

.Apform ul.newInfo li select,
.Apform ul.newInfo li input[type="text"] {
    width: 77%;
    height: 40px;
    background-color: #ffffff;
    border-radius: 5px;
    border: solid 1px #d9d9d9;
    box-sizing: border-box;
    font-size: 16px;
}

.Apform ul.newInfo li.tel {
    position: relative;
}

.Apform ul.newInfo li.tel .yzm {
    position: absolute;
    bottom: 0;
    right: 3%;
    width: 110px;
    height: 40px;
    background-color: #00b9fa;
    border-radius: 5px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
}

@media ( max-width:1024px) {
    .Apform ul.newInfo li select,
    .Apform ul.newInfo li input[type="text"] {
        width: 97%;
    }
}

@media ( max-width:640px) {
    .Apform ul.newInfo li select,
    .Apform ul.newInfo li input[type="text"] {
        width: 100%;
    }
    .Apform ul.newInfo li.tel .yzm {
        right: 0;
    }
}
/* 22-03-04 */
.Pc_DrillCard .item{position: relative; margin: 105px 0 50px; padding: 0 0 80px;}
.Pc_DrillCard .item{opacity: 0;transition: all .3s;-webkit-transition: all .5s;}
.Pc_DrillCard .item::before{content:"";display: none;width:100%;height:100%;background:rgba(255,255,255,0.7);position: absolute;top:0;left:0;display: none;}
.Pc_DrillCard .item.slick-active{opacity: 0.5;transform: scale(1.2) translateX(-195px);-webkit-transform: scale(1.2) translateX(-195px);}
.Pc_DrillCard .item.slick-current{transform: scale(1.6) translateX(120px);-webkit-transform: scale(1.6) translateX(120px);position: relative;z-index:99;opacity: 1;}
.Pc_DrillCard .item a{display: block; padding: 30px; background: #fff; border-radius: 20px; box-shadow: 0 20px 20px rgba(0,0,0,0.1);}
.Pc_DrillCard .item .img{width: 55%; border-radius: 15px; overflow: hidden;}
.Pc_DrillCard .item .con{width: 42%; margin-top: 50px;}
.Pc_DrillCard .item .con .tit{font-size: 20px;}
.Pc_DrillCard .item .con .tit i,.AddSpecail .item .con .tit i{font-family: "宋体"; font-weight: bold; margin-left: 5px;}
.Pc_DrillCard .item .con .p{font-size: 12px; line-height: 24px; -webkit-line-clamp: 3; margin-top: 20px;}
.Pc_DrillCard .slick-arrow{margin-top:0;}
.Pc_DrillCard .slick-prev{top: 29%; right: 0; left: auto;}
.Pc_DrillCard .slick-next{ bottom:29%; right: 0;}

.AddSpecail{background: #f7f8fc;}
.AddSpecail .item a{display: block; background: #fff; border-radius: 30px; margin: 0 15px; box-shadow: 0 0 20px rgba(0,167,234,0.1);}
.AddSpecail .item .img{text-align: center; padding: 8% 6%; border-bottom: 1px solid #f0f0f0;}
.AddSpecail .item .img img{display: inline-block; max-width: 386px; border-radius: 10px; overflow: hidden;}
.AddSpecail .item .con{padding: 5% 6%;}
.AddSpecail .item .con .tit{font-size: 24px; color: #000;}
.AddSpecail .item .con .p{margin-top: 10px; font-size: 18px; line-height: 30px; height: 60px; -webkit-line-clamp: 2; color: #666;}

@media ( max-width:1320px){
    .Pc_DrillCard .item{margin: 0 10px; padding: 0;}
    .Pc_DrillCard .item a{padding: 20px; box-shadow: none; border: 1px solid #e5e5e5;}
    .Pc_DrillCard .item .con{width: 42%; margin-top: 10px;}
    .Pc_DrillCard .item.slick-active{opacity: 1;transform: scale(1) translateX(0);-webkit-transform: scale(1) translateX(0);}
    .Pc_DrillCard .item.slick-current{transform: scale(1) translateX(0);-webkit-transform: scale(1) translateX(0);}
    .Pc_DrillCard .slick-arrow{margin-top:-15px; top: 50%;}
    .Pc_DrillCard .slick-prev{right: 0; left: 0;}
    .Pc_DrillCard .slick-next{ bottom:auto; right: 0;}

    .AddSpecail .item .con .tit{font-size: 20px;}
    .AddSpecail .item .con .p{font-size: 14px; line-height: 24px; height: 48px;}
}

@media ( max-width:768px){
    .AddSpecail .item .img img{max-width: 100%;}
}

@media ( max-width:480px){
    .Pc_DrillCard .item .img,.Pc_DrillCard .item .con{width: auto; float: none;}
    .Pc_DrillCard .item a{padding: 15px 20px;}
}