@charset "utf-8";
/* CSS Document */
/* index */
body {
    padding-top: 88px;
}

.op0 {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.wrap {
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 2%;
}

.tab-cell {
    display: table-cell;
    vertical-align: middle;
}

.mob-nav {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-size: auto 40%;
    position: relative;
}

.mob-nav:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    width: 26px;
    margin-left: -13px;
    margin-top: -8px;
    background: #666;
    transition: all 0.5s ease;
}

.mob-nav:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    width: 26px;
    margin-left: -13px;
    margin-top: 6px;
    background: #666;
    transition: all 0.5s ease;
}

.mob-nav span {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    width: 26px;
    margin-left: -13px;
    margin-top: -1px;
    background: #666;
    transition: all 0.5s ease;
}

.mob-nav.on {
    transition: all 0.5s ease;
}

.mob-nav.on:before {
    margin-top: -1px;
    transform: rotate(45deg);
    transition: all 0.5s ease;
}

.mob-nav.on:after {
    margin-top: -1px;
    transform: rotate(-45deg);
    transition: all 0.5s ease;
}

.mob-nav.on span {
    width: 0;
    transition: all 0.5s ease;
}

.top {
    position: fixed;
    left: 0%;
    top: 0px;
    width: 100%;
    background: #fff;
    z-index: 5;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    transition: all 0.5s ease;
    padding: 0px 3%;
    border-bottom: 1px solid #ddd;
}

.numba {
    font-size: 26px;
    margin-left: 20px;
    margin-top: 9px;
    line-height: 30px;
    color: #666;
    padding-left: 20px;
    border-left: 1px solid #ddd;
}

.top-ny {
    background: #fff;
    position: relative;
}

.top-ny .otebun a {
    color: #333;
    border-color: #333;
}

.top-ny .mob-nav {
    border-color: #333;
}

.top-ny .mob-nav:before, .top-ny .mob-nav:after, .top-ny .mob-nav span {
    background: #333;
}

.top-ny .T-nav > li > a {
    color: #666;
}

.t-logo {
    padding: 20px 0;
}

.t-logo a {
    display: block;
}

.T-nav {
    margin-top: 19px;
}

.T-nav > li {
    float: left;
    position: relative;
    padding: 0 10px;
}

.T-nav > li > a {
    line-height: 50px;
    padding: 0 15px;
    font-size: 16px;
    display: block;
    position: relative;
    transition: all 0.5s ease;
}

.T-nav > li > a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    background: #00a1e9;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all 0.5s ease;
}

.t-logo a {
    display: block;
}

.T-nav > li .thr {
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: none;
}

.T-nav > li .thr a {
    display: block;
    line-height: 40px;
    text-align: center;
}

.molaebn {
    margin-top: 19px;
}

.molaebn span {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/fd.png) no-repeat center center;
}

.molaebn p {
    position: absolute;
    display: none;
    z-index: 3;
    right: 0;
    top: 5px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 240px;
    height: 40px;
}

.molaebn p .c1 {
    width: 190px;
    float: left;
    height: 40px;
    border: none;
    padding: 0 10px;
}

.molaebn p .c2 {
    width: 50px;
    float: left;
    height: 40px;
    border: none;
    cursor: pointer;
    background: url(../images/fd.png) no-repeat center center;
}

.labeunc {
    line-height: 32px;
    padding: 0 20px;
    color: #fff;
    border-radius: 16px;
    background: #00a1e9;
    margin-top: 28px;
    margin-right: 12px;
}

.nums {
    color: #ff5400;
}

.lebunca {
    background: #fff url(../testimg/t38.png) no-repeat center center;
    background-size: contain;
    padding: 4% 0;
}

.lybenuc .d1 {
    font-size: 40px;
}

.lybenuc .d2 {
    max-width: 1050px;
    margin: 20px auto 0;
    font-size: 16px;
    line-height: 2;
}

.lybenuc .d3 {
    margin: 40px 0;
    padding: 70px 0;
    position: relative;
    background: url(../testimg/t39.png) no-repeat top center;
}

.lybenuc .d3 .a1 {
    color: #00a1e9;
    font-size: 30px;
    font-weight: bold;
}

.lybenuc .d3 .a2 {
    font-size: 16px;
    margin-top: 15px;
}

.lybenuc .d3:after {
    content: '';
    height: 32px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: url(../testimg/t40.png) no-repeat center center;
}

.bncebna {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 4%;
    text-align: center;
}

.bncebna .list .d1 {
    font-size: 30px;
}

.bncebna .list .d1 span {
    font-size: 60px;
}

.bncebna .list .d2 {
    font-size: 16px;
    margin-top: 10px;
}


.volprea {
    background: #00a1e9;
}

.oimaenb .d1 {
    font-size: 32px;
    color: #fff;
    padding-bottom: 14px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.oimaenb .d1:before {
    content: '';
    height: 2px;
    width: 30px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px;
}

.volprea {
    padding: 4% 0;
}

.oimaenb .d2 {
    font-size: 100px;
    color: rgba(255, 255, 255, 0.3);
}

.buaeybc {
    margin-top: 5%;
    padding: 0 60px;
}

.buaeybc .prev, .buaeybc .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 60px;
}

.buaeybc .prev {
    left: 0;
    background: url(../images/left04.png) no-repeat center center;
}

.buaeybc .next {
    right: 0;
    background: url(../images/right04.png) no-repeat center center;
}

.almc-more a {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0 30px;
    line-height: 45px;
    border: 2px solid #fff;
}

.xz-foot {
    padding: 0 50px;
    border-top: 1px solid #ddd;
}

.eaolbme {
    padding-bottom: 4%;
}

.efbneu {
    width: calc(100% - 380px);
    border-right: 1px solid #ddd;
}

.b-logo {
    padding: 40px 0;
    border-bottom: 1px solid #ddd;
}

.tvrebv {
    padding-left: 50px;
    width: 380px;
    padding-top: 40px;
    color: #666;
    line-height: 1.8;
    font-size: 16px;
}

.tvrebv .d2 {
    margin-top: 30px;
}

.tvrebv .d2 .list {
    float: left;
    margin-right: 25px;
    text-align: center;
}

.tvrebv .d2 .list span {
    display: block;
    font-size: 12px;
    margin-top: 5px;
}

.eaybin {
    margin-top: 4%;
}

.eaybin li {
    width: 16.66%;
    float: left;
    padding-right: 20px;
}

.eaybin li .d1 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 12px;
    position: relative;
}

.eaybin li .d1:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 30px;
    background: #ccc;
}

.eaybin li .d2 {
    line-height: 30px;
}

.eaybin li a {
    color: #666;
}

.elbfne {
    border-top: 1px solid #ddd;
    padding: 40px 0;
    line-height: 22px;
    color: #666;
}


.search-bg {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.lbotal {
    position: fixed;
    left: 50%;
    margin-left: -460px;
    top: 30%;
    z-index: 11;
    height: 50px;
    width: 920px;
    border: 1px solid #ddd;
    border-radius: 25px;
    background: #fff;
    display: none;
}

.lbotal:before {
    content: '';
    position: absolute;
    left: 0;
    height: 20px;
    bottom: -20px;
    width: 100%;
}

.lbotal .c2 {
    float: left;
    width: 60px;
    height: 48px;
    border: none;
    cursor: pointer;
    background: url(../images/fd.png) no-repeat center center;
    opacity: 0;
    transform: translateX(50px);
    transition: all 0.5s ease;
}

.lbotal .c1 {
    float: left;
    width: 800px;
    border: none;
    background: none;
    height: 48px;
    padding: 0 10px;
    font-size: 16px;
    opacity: 0;
    transform: translateX(80%);
    transition: all 0.5s ease;
}

.lbotal.on .c2 {
    opacity: 1;
    transform: translateX(0px);
    transition: all 1s ease;
}

.lbotal.on .c1 {
    opacity: 1;
    transform: translateX(0px);
    transition: all 1.5s ease;
}

.lbotal > .bgcl {
    float: left;
    height: 48px;
    width: 58px;
    position: relative;
    z-index: 2;
    background: url(../images/x.png) no-repeat center center;
}


.otebun {
    margin-top: 9px;
    margin-right: 30px;
    margin-left: 3px;
}

.otebun a {
    display: block;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    line-height: 30px;
    border: 1px solid #fff;
    text-align: center;
}

.luneba {
    margin-top: 9px;
}

.ind-01 {
    background: no-repeat center center;
    background-size: cover;
}

.aeolbn {
    width: 50%;
    height: 466px;
    display: table;
    background: rgba(0, 0, 0, 0.4);
    padding: 0 7%;
    color: #fff;
}

.aeolbn .d1 {
    font-size: 42px;
}

.aeolbn .d2 {
    font-size: 16px;
}

.aeolbn .d3 {
    font-size: 14px;
    margin: 25px 0;
    line-height: 25px;
}

.aeolbn .d4 a {
    display: inline-block;
    width: 170px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    border: 1px solid #fff;
    color: #fff;
    transition: all 0.5s ease;
}

.eplatc li {
    width: 25%;
    float: left;
    padding: 80px 0;
    background: rgba(0, 161, 233, 0.6);
    color: #fff;
    text-align: center;
    transition: all 0.5s ease;
}

.eplatc li .d1 {
    font-size: 24px;
}

.eplatc li .d2 {
    margin-top: 40px;
}

.eplatc li .d2 span {
    display: inline-block;
    padding-top: 35px;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 200px;
    height: 200px;
}

.eplatc li .d2 span i {
    display: block;
    font-weight: bold;
    font-size: 44px;
}

.eplatc li .d2 span em {
    font-size: 18px;
    display: block;
    margin-top: 20px;
}

.ind-02 {
    padding: 5% 10%;
    background: url(../images/dbg.png) no-repeat bottom right;
    background-size: contain;
}

.mlcba .d1 {
    font-size: 36px;
    font-weight: bold;
    color: #00a1e9;
}

.mlcba .d2 {
    margin-top: 5px;
    font-size: 16px;
    color: #666;
}


.foot {
    background: #e9e9e9;
    padding: 3% 10%;
}

.ecboa {
    width: 70%;
}

.ecboa dl {
    float: left;
    text-align: center;
    margin-right: 8%;
}

.ecboa dl dt {
    font-size: 18px;
    margin-bottom: 10px;
}

.ecboa dl dd {
    line-height: 30px;
}

.ecboa dl dd a {
    color: #999;
}

.oteal .b-tel {
    color: #00a1e9;
    padding: 8px 80px 8px 0;
    background: url(../images/tel.png) no-repeat right center;
}

.oteal .b-tel .d2 {
    font-size: 30px;
    font-weight: bold;
}

.oebunb {
    color: #787878;
    line-height: 2;
    margin: 15px 0;
}

.lburgn img {
    margin-left: 25px;
}


.vonca {
    background: #dcdcdc;
    padding: 20px 10%;
    line-height: 32px;
    color: #787878;
}

.otema select {
    height: 35px;
    width: 200px;
    border: none;
    background: #e9e9e9;
    margin-left: 20px;
}


.ny-banner .con {
    position: absolute;
    width: 100%;
    top: 55%;
    transform: translateY(-50%);
    color: #fff;
}

.ny-banner .con .d1 {
    font-size: 60px;
}

.ny-banner .con .d2 {
    font-size: 20px;
}


.ny-nav {
    background: #00a1e9;
    padding: 15px 0;
    line-height: 45px;
}

.ny-nav span {
    display: none;
}

.ny-nav p {
    text-align: center;
}

.ny-nav p a {
    color: #fff;
    position: relative;
    display: inline-block;
    margin: 0 30px;
    font-size: 18px;
}


.about-main {
    background: url(../testimg/t6.jpg) no-repeat center bottom;
    background-size: cover;
    padding: 4% 0;
}

.about-main .pic {
    width: 42%;
}

.about-main .con {
    width: 54%;
    padding-top: 80px;
}

.about-main .con .d0 {
    position: absolute;
    right: 0;
    top: 0;
}

.about-main .con .d1 {
    color: #00a1e9;
    font-size: 42px;
}

.about-main .con .d2 {
    font-size: 28px;
    font-family: Arial, Helvetica, sans-serif;
}

.about-main .con .d3 {
    color: #00a1e9;
    font-size: 24px;
    margin: 5% 0 4%;
    line-height: 1.6;
}

.about-main .con .d4 {
    font-size: 16px;
    line-height: 2;
    color: #666;
}

.ab-02 {
    background: #f8f8f8;
    padding-bottom: 8%;
}

.urebnb {
    background: url(../testimg/t8.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    width: 50%;
    padding: 8% 0;
    position: relative;
    z-index: 2;
}

.omtebn {
    width: 100%;
    max-width: 700px;
    padding-right: 6%;
}

.urebnb .d1 {
    font-size: 42px;
}

.urebnb .d2 {
    line-height: 1.8;
    font-size: 16px;
    margin-top: 5%;
}

.fmaeb {
    position: absolute;
    right: 0;
    bottom: 4%;
    width: 55%;
}

.lenbyv {
    background: url(../testimg/t11.jpg) no-repeat center center;
    background-size: cover;
    padding: 5% 0;
}

.oreubn {
}

.oreubn .d1 {
    color: #00a1e9;
    font-size: 42px;
}

.oreubn .d2 {
    font-size: 28px;
}

.oreubn .d3 {
    line-height: 2;
    margin-top: 30px;
    width: calc(100% - 430px);
    font-size: 16px;
    color: #666;
}

.oreubn .d4 {
    color: #666;
    font-size: 16px;
    margin-top: 2%;
    line-height: 2;
}

.prerlm {
    margin-top: 5%;
}

.prerlm .cont {
    width: 50%;
}

.prerlm .cont .year {
    font-size: 120px;
    line-height: 1;
    font-weight: bold;
    color: #00a1e9;
}

.prerlm .cont .eatbv {
    margin-top: 40px;
    overflow: auto;
    height: 230px;
    padding-right: 25px;
    font-size: 16px;
    line-height: 25px;
}

.prerlm .cont .eatbv::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}

.prerlm .cont .eatbv::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #535353;
}

.prerlm .cont .eatbv::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #ededed;
}

.prerlm .cont .eatbv .list {
    position: relative;
    padding: 10px 0 10px 30px;
}

.prerlm .cont .eatbv .list .num {
    position: absolute;
    left: 0;
    top: 10px;
}

.prerlm .pic {
    width: 46%;
}

.prerlm .pic img {
    border: 3px solid #00a1e9;
}

.urbenab {
    margin-top: 4%;
}

.urbenab .prev, .urbenab .next {
    z-index: 5;
    width: 20px;
    height: 36px;
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

.urbenab .prev {
    left: -50px;
    background: url(../images/left01.png) no-repeat center center;
}

.urbenab .next {
    right: -50px;
    background: url(../images/right01.png) no-repeat center center;
}

.ombrbna {
    background: url(../testimg/t13.jpg) no-repeat center center;
    background-size: cover;
    padding: 5% 0;
}

.baetbnc {
    padding: 4% 0;
    background: #fff;
}

.urenma {
    border-top: 1px solid #ddd;
}

.urenma li a {
    display: block;
    padding: 3% 0;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.urenma li a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    background: #00a4e2;
    width: 0;
    height: 1px;
    transition: all 0.5s ease;
}

.urenma li a .pic {
    width: 370px;
}

.urenma li a .pic img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.urenma li a .con {
    width: calc(100% - 450px);
}

.urenma li a .con .d1 {
    color: #999;
    font-weight: bold;
    font-size: 16px;
}

.urenma li a .con .d2 {
    font-size: 24px;
    margin-top: 5px;
    font-weight: bold;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s ease;
}

.urenma li a .con .d3 {
    color: #666;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    font-size: 16px;
    margin-top: 20px;
}

.page-ol {
    margin-top: 3%;
}

.page-ol a {
    display: inline-block;
    line-height: 32px;
    padding: 0 15px;
    line-height: 32px;
    border: 1px solid #ddd;
    border-radius: 3px;
    min-width: 70px;
    margin: 0 10px;
}

.page-ol a.cur {
    color: #fff;
    background: #00a1e9;
    border-color: #00a1e9;
}

.laebtn {
    background: #f8f8f8;
    padding: 4% 0;
}

.otebuna {
    max-width: 930px;
    margin: 0 auto;
    background: #fff;
    padding: 40px 40px 80px;
}

.reuoba {
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.reuoba .d1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
}

.reuoba .d1:before {
    content: '';
    position: absolute;
    left: -40px;
    top: 50%;
    height: 30px;
    width: 3px;
    background: #00a1e9;
    transform: translateY(-50%);
}

.reuoba .d2 {
    margin-top: 15px;
    color: #787878;
}

.reuoba .d2 .date {
    font-weight: bold;
}

.reuoba .d2 .menl span {
    display: inline-block;
    margin-left: 20px;
}

.reuoba .d2 .menl span img {
    margin-right: 7px;
}

.purebba {
    margin-top: 3%;
    line-height: 2;
}

.dz-olgae {
    margin-top: 4%;
    background: url(../images/d.jpg) repeat-x left center;
}

.dz-olgae a {
    display: inline-block;
    padding: 0 40px;
    background: #fff;
}

.dz-olgae a span {
    display: inline-block;
    width: 52px;
    height: 52px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: url(../images/z1.png) no-repeat center center;
}

.dz-olgae a.on span {
    background: url(../images/z2.png) no-repeat center center;
    border: 1px solid #00a1e9;
}

.prbbua {
    margin-top: 3%;
}

.prbbua a {
    line-height: 50px;
    padding: 0 50px;
    border: 1px solid #ddd;
    transition: all 0.5s ease;
}


.ubaenba {
    padding: 60px 430px 60px 60px;
    background: #fff;
    margin-top: 4%;
}

.sc-img {
    position: absolute;
    right: 0;
    top: -359px;
}

.sbae-year {
    height: 635px;
    width: 300px;
    position: absolute;
    right: 30px;
    top: -30px;
    background: #00a1e9;
    display: table;
    text-align: center;
}

.sbae-year span {
    display: block;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
    padding: 10px 0;
    line-height: 25px;
    width: 50%;
    float: left
}

.sbae-year span.on {
    font-size: 18px;
    color: #fff;
}

.laopbe .year {
    color: #00a1e9;
    font-size: 64px;
    font-weight: bold;
}

.deaopb {
    margin-top: 30px;
}

.deaopb .pic {
    width: 218px;
}

.deaopb .con {
    width: calc(100% - 290px);
    padding-right: 50px;
    font-size: 16px;
    height: 340px;
    overflow: auto;
}

.deaopb .con a {
    display: block;
    margin-bottom: 20px;
    line-height: 1.6;
    padding: 8px 20px;
}

.deaopb .con a.on {
    color: #fff;
    background: #00a1e9;
}

.deaopb .con::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}

.deaopb .con::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #00a1e9;
}

.deaopb .con::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #ededed;
}


.ueabnq {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 5%;
}

.ueabnq li {
    width: 32%;
}

.aeolb {
    margin-top: 4%;
}

.ewokba li {
    padding: 25px 0;
}

.ewokba li .pic {
    float: left;
    width: 45%;
}

.ewokba li .con {
    float: right;
    width: 51%;
    padding-top: 35px;
}

.ewokba li .con .d1 {
    margin-bottom: 20px;
}

.ewokba li .con .d1 span {
    display: inline-block;
    border: 2px solid #00a1e9;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.ewokba li .con .d2 {
    color: #00a1e9;
    font-size: 24px;
}

.ewokba li .con .d3 {
    color: #666;
    font-size: 16px;
    line-height: 2;
    margin-top: 35px;
}

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

.ewokba li:nth-child(2n) .con {
    float: left;
}

.eaolba li {
    padding: 6% 6% 0;
    margin-bottom: 5%;
    position: relative;
}

.eaolba li .num {
    color: #00a1e9;
    font-weight: bold;
    line-height: 1;
    font-size: 200px;
    position: absolute;
    top: 0;
    left: 0;
}

.eaolba li .embal {
    width: 52%;
    float: left;
    position: relative;
    z-index: 2;
}

.eaolba li .embal .bigimg {
    width: calc(100% - 88px);
    float: left;
}

.eaolba li .embal .bigimg img {
    width: 100%;
    height: 360px;
    object-fit: cover;
}

.eaolba li .embal .smallimg {
    width: 70px;
    float: right;
    margin-top: 12px;
}

.eaolba li .embal .smallimg img {
    display: block;
    width: 70px;
    height: 48px;
    object-fit: cover;
    margin-top: 15px;
}

.eaolba li .embal .smallimg img.on {
    border: 2px solid #00a1e9;
}

.eaolba li .con {
    width: 44%;
    float: right;
    padding-top: 30px;
}

.eaolba li .con .d1 {
    font-size: 42px;
    color: #00a1e9;
}

.eaolba li .con .d2 {
    font-size: 18px;
    line-height: 2;
    margin-top: 20px;
}

.wotebn li {
    width: 48%;
    float: left;
}

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

.wotebn li a {
    display: block;
    padding: 30px;
    transition: all 0.5s ease;
}

.wotebn li a .pic {
    overflow: hidden;
}

.wotebn li a .pic img {
    width: 100%;
    height: 277px;
    object-fit: cover;
    transition: all 0.5s ease;
}

.wotebn li a .con {
    margin-top: 15px;
}

.wotebn li a .con div {
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    font-size: 20px;
}

.wotebn li a .con .d3 {
    font-size: 16px;
}


.aebunb {
    background: #fff;
    padding: 30px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    color: #666;
}

.aebunb .d1 {
    font-size: 24px;
    line-height: 1.5;
}

.aebunb .d2 strong {
    font-size: 40px;
}

.aebunb .d2 span {
    display: inline-block;
    margin-left: 15px;
    padding-right: 22px;
    font-size: 20px;
    line-height: 25px;
}

.aebunb .d3 {
    font-size: 16px;
    line-height: 2;
}

.lbnrew {
    margin-top: 3%;
    background: #fff;
    padding: 5% 2%;
}

.ybvaie {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    padding: 15px 30px;
}

.ybvaie a {
    display: inline-block;
    position: relative;
    line-height: 42px;
    font-size: 16px;
    margin-right: 40px;
}

.ybvaie a.cur:before {
    content: '';
    width: 20px;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -10px;
    background: #00a1e9;
}

.ybvaie a.cur {
    color: #00a1e9;
    font-size: 20px;
}

.lmteob {
    margin-top: 3%;
}

.lmteob li {
    border-bottom: 1px solid #ddd;
}

.lmteob li a {
    display: block;
    border-radius: 10px;
    padding: 30px;
    padding-right: 50px;
    position: relative;
    transition: all 0.5s ease;
}

.lmteob li a .date {
    color: #333;
}

.lmteob li a .date span {
    display: block;
}

.lmteob li a .con {
    width: calc(100% - 70px);
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lmteob li a:before {
    content: '';
    width: 18px;
    height: 19px;
    background: url(../images/d1.png) no-repeat;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
}

.laebun {
    margin-top: 30px;
}

.laebun select {
    height: 42px;
    border-radius: 3px;
    border: 1px solid #ddd;
    width: 240px;
    padding: 0 10px;
    margin: 0 5px;
}

.laebun .c1 {
    height: 42px;
    border-radius: 3px;
    border: 1px solid #ddd;
    width: 240px;
    padding: 0 10px;
    margin: 0 5px;
}

.laebun .c2 {
    height: 42px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    color: #fff;
    background: #00a5e4;
    width: 240px;
    margin: 0 5px;
}

.meubna {
    background: #fff;
    padding: 20px 3%;
}

.obeplb li a {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.obeplb li a .con {
    width: calc(100% - 200px);
}

.obeplb li a .con .d1 strong {
    font-size: 20px;
    font-weight: bold;
}

.obeplb li a .con .d2 {
    margin-top: 10px;
    line-height: 22px;
    color: #666;
}

.obeplb li a .link span {
    display: inline-block;
    line-height: 44px;
    width: 125px;
    border-radius: 22px;
    background: #93acc3;
    font-size: 16px;
    color: #fff;
    text-align: center;
    transition: all 0.5s ease;
}

.obeplb li a .link span img {
    margin-left: 10px;
}

.meabun {
    background: #00a1e9;
    font-size: 20px;
    line-height: 1.8;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    color: #fff;
    padding: 35px;
    float: left;
    margin-top: -60px;
    width: 100%;
}

.meabun .d2 {
    padding-left: 90px;
    background: no-repeat left center;
}

.eaubmb {
    width: 100%;
    margin-top: 4%;
}

.laebne {
    font-size: 28px;
    letter-spacing: 2px;
}

.leubaq {
    margin-top: 4%;
}

.leubaq li {
    width: 32%;
    float: left;
    padding: 15px;
    margin-bottom: 2%;
    margin-right: 2%;
    border: 1px solid #ddd;
    text-align: center;
}

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

.leubaq li img {
    width: 100%;
    height: 110px;
    object-fit: scale-down;
}

.aetpln li {
    width: 32%;
    float: left;
    border: 1px solid #ddd;
    padding: 15px;
    position: relative;
    margin-right: 2%;
    margin-top: 30px;
}

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

.aetpln li span {
    color: #666;
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    position: absolute;
    left: 20px;
    top: -10px;
    line-height: 20px;
}

.aetpln li input {
    width: 100%;
    height: 25px;
    border: none;
}

.aetpln li textarea {
    width: 100%;
    height: 100px;
    border: none;
}

.labroa {
    margin-top: 4%;
}

.labroa input {
    width: 200px;
    height: 42px;
    border-radius: 21px;
    color: #fff;
    background: #00a5e4;
    border: none;
}


.melboa {
    font-size: 18px;
    background: #00a1e9;
}

.melboa a {
    color: #fff;
    line-height: 50px;
    display: inline-block;
    position: relative;
    margin: 0 30px;
}

.melboa a.cur:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 40px;
    background: #fff;
    height: 3px;
    margin-left: -20px;
    bottom: 0;
}

.mcubya {
    background: #f2f2f2;
}

.laemba {
    background: #00a1e9 url(../images/hd.png) no-repeat bottom right;
    width: 42%;
    height: 645px;
    padding-left: 8%;
    padding-right: 4%;
    color: #fff;
    display: table;
    margin-top: -120px;
}

.laemba .d1 {
    font-size: 28px;
    position: relative;
    padding-bottom: 20px;
}

.laemba .d1:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 30px;
    background: #fff;
}

.laemba .d2 {
    line-height: 25px;
    margin-top: 20px;
}

.laemba .d3 {
    margin-top: 50px;
}

.laemba .d3 a {
    display: inline-block;
    line-height: 45px;
    border-radius: 22px;
    padding: 0 40px;
    background: #fff;
}

.laemba .d4 {
    margin-top: 80px;
    font-size: 46px;
}

.egrtht {
    width: 38%;
    margin-top: -120px;
}

.egrtht img {
    width: 100%;
    height: 645px;
    object-fit: cover;
}

.oehunca {
    background: #fff;
    position: absolute;
    height: 525px;
    right: 8%;
    bottom: 0;
    width: 30%;
    padding: 90px 60px 0;
}

.oehunca:before {
    content: '';
    width: 70px;
    height: 70px;
    background: #eee;
    position: absolute;
    left: 60px;
    top: 0;
}

.oehunca .d1 {
    color: #f0f0f0;
    font-size: 62px;
    line-height: 1;
}

.oehunca .d2 {
    font-size: 26px;
    position: relative;
    padding-bottom: 20px;
    margin-top: -20px;
}

.oehunca .d2:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 30px;
    background: #333;
}

.oehunca .d3 {
    margin-top: 20px;
    line-height: 25px;
}

.oehunca .d4 {
    margin-top: 30px;
}

.oehunca .d4 a {
    display: inline-block;
    line-height: 45px;
    border-radius: 22px;
    padding: 0 40px;
    background: #e6e6e6;
}

.lcmeabv {
    padding: 5% 8%;
    background: #fff;
}

.mewbua {
    font-size: 42px;
}

.fombba {
    margin-top: 3%;
}

.ablemc {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: #f0f0f0;
    padding: 60px 0 0 60px;
    width: 680px;
}

.ubrnba {
    margin-top: 3%;
}

.elbamte {
    width: 50%;
}

.elbamte .pic img {
    width: 100%;
    height: 485px;
    object-fit: cover;
}

.elbamte .con {
    padding: 25px;
    background: #00a1e9;
    color: #fff;
}

.elbamte .con .meom {
    width: calc(100% - 150px);
}

.elbamte .con .meom .d2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 22px;
    line-height: 40px;
}

.elbamte .con .meom .d3 {
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elbamte .con .aebu {
    margin-top: 20px;
}

.elbamte .con .aebu a {
    display: inline-block;
    display: inline-block;
    line-height: 45px;
    border-radius: 22px;
    padding: 0 30px;
    background: #fff;
}

.ebunbts {
    width: 50%;
}

.bverab li {
    width: 50%;
    background: #fff;
    border-left: 4px solid #f2f2f2;
    float: left;
    border-bottom: 4px solid #f2f2f2;
}

.bverab li a {
    display: block;
    padding: 35px;
}

.bverab li a .d1 {
    color: #999;
}

.bverab li a .d2 {
    font-size: 22px;
    margin-top: 7px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}

.bverab li a .d3 {
    margin-top: 20px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
}

.bverab li a .d4 {
    margin-top: 35px;
}

.bverab li a .d4 span {
    display: inline-block;
    line-height: 45px;
    border-radius: 22px;
    padding: 0 30px;
    border: 1px solid #ddd;
    background: #fff;
}


@media (min-width: 1201px) {
    .T-nav li .sec, .T-nav > li .thr {
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(30px);
        transition: all 0.5s ease;
    }

    .T-nav li:hover .sec, .T-nav > li:hover .thr {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: all 0.5s ease;
    }

    .T-nav > li:hover > a:after, .T-nav > li > a.cur:after {
        width: 50px;
        transition: all 0.5s ease;
    }

    .T-nav > li:hover > a, .T-nav > li > a.cur {
        color: #00a1e9;
    }

    .eplatc li:hover {
        background: rgba(0, 161, 233, 1);
        transition: all 0.5s ease;
    }

    .ecboa dl dd a:hover {
        color: #00a1e9
    }

    .ny-nav p a.cur:before {
        content: '';
        position: absolute;
        height: 2px;
        background: #fff;
        width: 50px;
        left: 50%;
        margin-left: -25px;
        bottom: 0;
    }

    .urenma li a:hover:before {
        width: 100%;
        transition: all 0.5s ease;
    }

    .eaolba li:nth-child(2n) .num {
        left: auto;
        right: 0;
    }

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

    .eaolba li:nth-child(2n) .con {
        float: left;
    }

    .eaolba li:nth-child(2n) .embal .bigimg {
        float: right;
    }

    .eaolba li:nth-child(2n) .embal .smallimg {
        float: left;
    }

    .wotebn li a:hover {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
        transition: all 0.5s ease;
    }

    .wotebn li a:hover .pic img {
        transition: all 0.5s ease;
        transform: scale(1.1);
    }

    .lmteob li a:hover:before {
        background: url(../images/d2.png) no-repeat;
    }

    .lmteob li a:hover {
        color: #00a1e9;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
        background: #fff;
        transition: all 0.5s ease;
    }

    .obeplb li a:hover .link span {
        background-color: #00a1e9;
        transition: all 0.5s ease;
    }

    .aeolbn .d4 a:hover, .prbbua a:hover {
        color: #fff;
        background: #00a1e9;
        border-color: #00a1e9;
        transition: all 0.5s ease;
    }

    .urenma li a:hover .con .d2 {
        color: #00a1e9;
        transition: all 0.5s ease;
    }
}

@media (max-width: 1500px) {
    .T-nav > li {
        padding: 0 5px;
    }

    .s-t-search a, .otebn a {
        width: 50px;
        height: 50px;
        margin-top: 5px;
        line-height: 48px;
    }

    .omtebn {
        padding: 0 5%;
    }

}

@media (max-width: 1420px) {
    .labeunc {
        display: none;
    }
}

@media (max-width: 1200px) {
    body {
        padding-top: 50px;
    }

    .wrap {
        width: 100%;
        max-width: 768px;
        margin: 0 auto;
        padding: 0 3%;
    }

    .top {
        padding: 0 2%;
        display: block;
        top: 0;
        width: 100%;
        left: 0;
        margin-left: 0;
        background: #fff;
        position: fixed;
        z-index: 20;
    }

    .top-ny {
        background: #fff;
    }

    .top .t-logo {
        padding: 10px 0;
    }

    .top .t-logo img {
        height: 30px;
    }

    .top .T-nav > li > a {
        color: #666;
        transition: all 0.5s ease;
    }

    .T-nav {
        position: fixed;
        left: 0;
        top: 50px;
        margin: 0;
        padding: 0;
        width: 100%;
        height: calc(100vh - 50px);
        background: #fff;
        z-index: 22;
        overflow: auto;
        display: none;
    }

    .T-nav > li {
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    .T-nav li > a {
        background: none !important;
        line-height: 45px;
        padding: 0 3%;
        font-size: 16px;
    }

    .T-nav > li .thr {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        box-shadow: 0 0 0;
    }

    .T-nav > li .thr a .pic {
        display: none;
    }

    .T-nav > li .thr a {
        line-height: 45px;
        margin: 0;
        font-size: 15px;
        padding: 0 5%;
        text-align: left;
        width: 100%;
    }

    .mob-nav {
        display: block;
    }

    .luneba {
        display: none;
    }

    .mob-nav {
        border: none;
    }

    .otebun {
        margin-right: 10px;
    }

    .aeolbn {
        width: 100%;
        display: block;
        padding: 5%;
        height: auto;
    }

    .eplatc li {
        width: 33.33%;
    }

    .aeolbn .d1 {
        font-size: 20px;
    }

    .aeolbn .d4 a {
        font-size: 15px;
        width: 130px;
        line-height: 40px;
    }

    .ind-02 {
        padding: 5% 4%;
    }

    .mlcba .d1 {
        font-size: 20px;
    }

    .foot {
        padding: 4%;
    }

    .ecboa {
        display: none;
    }

    .ny-banner .con {
        top: 50%;
    }

    .ny-banner .con .d1 {
        font-size: 32px;
    }

    .ny-banner .con .d2 {
        font-size: 15px;
    }

    .ny-nav {
        padding: 0;
    }

    .ny-nav span {
        display: block;
        line-height: 55px;
        background: url(../images/xx2.png) no-repeat right center;
        font-size: 16px;
        color: #fff;
    }

    .ny-nav p {
        display: none;
    }

    .ny-nav p a {
        margin: 0;
        display: block;
        width: 100%;
        text-align: left;
        font-size: 15px;
    }

    .about-main .pic {
        width: 100%;
    }

    .about-main .con {
        width: 100%;
        margin-top: 3%;
    }

    .about-main .con .d1, .urebnb .d1 {
        font-size: 20px;
    }

    .about-main .con .d2 {
        font-size: 16px;
    }

    .about-main .con .d3 {
        font-size: 16px;
    }

    .about-main .con .d4, .urebnb .d2 {
        font-size: 14px;
    }

    .oreubn .d1 {
        font-size: 24px;
    }

    .oreubn .d2 {
        font-size: 16px;
    }

    .prerlm .cont .year {
        font-size: 80px;
    }

    .prerlm .cont .eatbv {
        margin-top: 25px;
        font-size: 15px;
    }

    .page-ol a.mob-none {
        display: none;
    }

    .sc-img {
        display: none;
    }

    .oreubn .d3 {
        width: 100%;
        margin-top: 12px;
        font-size: 14px;
    }

    .ubaenba {
        padding: 0;
    }

    .sbae-year {
        right: 0;
        top: 0;
        height: auto;
        font-size: 0;
        width: 100%;
        position: relative;
        padding: 5px 0;
    }

    .sbae-year span {
        display: inline-block;
        font-size: 14px;
        width: 23%;
    }

    .laopbe {
        padding: 5%;
    }

    .laopbe .year {
        font-size: 24px;
    }

    .deaopb .pic {
        display: none;
    }

    .deaopb .con {
        width: 100%;
        padding: 0 15px 0 0;
    }

    .deaopb .con a {
        padding: 5px 10px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .ewokba li .con {
        padding: 0;
    }

    .ewokba li .con .d2 {
        font-size: 18px;
    }

    .ewokba li .con .d3 {
        font-size: 14px;
        margin-top: 15px;
    }

    .eaolba li .embal {
        width: 100%;
    }

    .eaolba li .con {
        width: 100%;
        padding-top: 3%;
    }

    .eaolba li {
        padding: 40px 2% 0;
    }

    .eaolba li .num {
        font-size: 60px;
    }

    .eaolba li .con .d1 {
        font-size: 20px;
    }

    .eaolba li .con .d2, .oreubn .d4 {
        font-size: 14px;
    }

    .eaolba li .embal .bigimg {
        width: 100%;
    }

    .eaolba li .embal .bigimg img {
        height: auto;
    }

    .eaolba li .embal .smallimg {
        width: 100%;
    }

    .eaolba li .embal .smallimg img {
        display: inline-block;
        width: 55px;
        height: 38px;
        margin: 0 0 10px;
    }

    .wotebn li a {
        padding: 15px;
    }

    .aebunb .d1 {
        font-size: 20px;
    }

    .aebunb .d2 strong {
        font-size: 32px;
    }

    .laebun select {
        margin-bottom: 10px;
    }

    .meabun {
        margin: 0;
        font-size: 18px;
        padding: 20px;
    }

    .meabun div {
        width: 100%;
    }

    .meabun .d2 {
        margin-top: 12px;
    }

    .laebne {
        font-size: 20px;
    }

    .numba {
        display: none;
    }

    .melboa {
        display: none;
    }

    .laemba {
        width: 100%;
        height: auto;
        padding: 5%;
        margin: 0;
    }

    .egrtht {
        margin: 0;
        width: 50%;
    }

    .oehunca {
        width: 50%;
        right: 0;
    }

    .ablemc {
        position: relative;
        width: 100%;
    }

    .mewbua {
        font-size: 20px;
    }

    .laemba .d1 {
        font-size: 20px;
    }

    .laemba .d3 {
        margin-top: 20px;
    }

    .laemba .d4 {
        margin-top: 20px;
        font-size: 20px;
    }

    .molaebn {
        margin: 0;
    }

    .labeunc {
        display: none;
    }

    .lybenuc .d1 {
        font-size: 30px;
    }

    .bncebna .list .d1 {
        font-size: 20px;
    }

    .bncebna .list .d1 span {
        font-size: 40px;
    }

    .oimaenb .d2 {
        font-size: 60px;
    }

    .oimaenb .d1 {
        font-size: 24px;
        padding-bottom: 8px;
    }

    .eaolbme {
        display: none;
    }

    .xz-foot {
        padding: 0;
    }

    .elbfne {
        padding: 15px;
    }

    .elbfne div {
        width: 100%;
        text-align: center;
    }

}

@media (max-width: 900px) {
    .eplatc li .d1 {
        font-size: 18px;
    }

}

@media (max-width: 780px) {
    .wrap {
        padding: 0 3%;
    }

    .eplatc li {
        padding: 10% 0;
    }

    .eplatc li .d2 span {
        width: 100px;
        height: 100px;
        padding-top: 22px;
    }

    .eplatc li .d2 span i {
        font-size: 20px;
    }

    .eplatc li .d2 span em {
        margin-top: 5px;
        font-size: 15px;
    }

    .ny-banner .con .d1 {
        font-size: 20px;
    }

    .urebnb {
        width: 100%;
        padding: 5% 0;
    }

    .fmaeb {
        position: relative;
        bottom: 0;
        width: 100%;
        margin-top: 4%;
    }

    .urbenab .prev {
        left: 0;
    }

    .urbenab .next {
        right: 0;
    }

    .prerlm .cont {
        width: 100%;
    }

    .prerlm .cont .year {
        font-size: 32px;
    }

    .prerlm .cont .eatbv {
        margin-top: 15px;
    }

    .prerlm .pic {
        width: 100%;
        margin-top: 4%;
    }

    .otebuna {
        padding: 20px;
    }

    .reuoba {
        padding-bottom: 20px;
    }

    .reuoba .d1 {
        font-size: 18px;
    }

    .reuoba .d1:before {
        left: -20px;
    }

    .reuoba .d2 .date {
        width: 100%;
    }

    .reuoba .d2 .menl {
        width: 100%;
        margin-top: 10px;
    }

    .reuoba .d2 .menl span {
        margin: 0 20px 0 0;
    }

    .deaopb .con {
        height: 240px;
    }

    .aebunb .d1 {
        width: 45%;
    }

    .aebunb .d2 {
        width: 45%;
    }

    .aebunb .d3 {
        width: 50%;
    }

    .obeplb li a .con {
        width: 100%;
    }

    .obeplb li a .link {
        display: none;
    }

    .laebun select {
        width: 48%;
        float: left;
        margin: 0 0 10px;
    }

    .laebun select:nth-child(2n) {
        float: right;
    }

    .laebun .c1 {
        float: left;
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

    .laebun .c2 {
        margin: 0;
        float: left;
        width: 100%;
    }

    .obeplb li a .con .d1 strong {
        font-size: 18px;
    }

    .leubaq li {
        width: 49%;
        margin-right: 0;
    }

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

    .leubaq li img {
        height: 90px;
    }

    .aetpln li {
        width: 100%;
    }

    .egrtht {
        display: none;
    }

    .oehunca {
        width: 100%;
        position: relative;
        height: auto;
        float: left;
        padding: 5%;
    }

    .oehunca .d1 {
        font-size: 40px;
    }

    .oehunca .d2 {
        font-size: 20px;
    }

    .lcmeabv {
        padding: 5%;
    }

    .ablemc {
        padding: 5% 5% 0;
    }

    .elbamte {
        width: 100%;
    }

    .ebunbts {
        width: 100%;
    }

    .elbamte .pic img {
        height: auto;
    }

    .elbamte .con .meom {
        width: 100%;
    }

    .elbamte .con .meom .d2 {
        font-size: 20px;
    }

    .elbamte .con .aebu {
        width: 100%;
    }

    .bverab li {
        width: 100%;
        border-left: none;
    }

    .bverab li a {
        padding: 20px;
    }

    .bverab li a .d2 {
        font-size: 18px;
        line-height: 30px;
        height: auto;
    }

    .bverab li a .d3 {
        margin-top: 10px;
    }

    .bverab li a .d4 {
        margin-top: 10px;
    }

    .lybenuc .d1 {
        font-size: 24px;
    }

    .lybenuc .d2, .bncebna .list .d2 {
        font-size: 14px;
    }

    .lybenuc .d3 .a1 {
        font-size: 20px;
    }

    .bncebna .list .d1 {
        font-size: 16px;
    }

    .bncebna .list .d1 span {
        font-size: 30px;
    }

}


@media (max-width: 640px) {
    .urenma li a .pic {
        width: 100%;
    }

    .urenma li a .pic img {
        width: 100%;
        height: 50vw;
        object-fit: cover;
    }

    .urenma li a .con {
        width: 100%;
        margin-top: 15px;
    }

    .urenma li a .con .d2 {
        font-size: 18px;
    }

    .urenma li a .con .d3 {
        margin-top: 10px;
        font-size: 15px;
    }

    .ewokba li .pic {
        width: 100%;
    }

    .ewokba li .con {
        width: 100%;
        margin-top: 3%;
    }

    .wotebn li {
        width: 100%;
    }

    .wotebn li a .con div {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }

    .buaeybc {
        padding: 0 40px;
    }

    .buaeybc .prev, .buaeybc .next {
        width: 24px;
        height: 40px;
        background-size: 100% auto;
    }
}


.shade {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 21;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}

.big-video-main {
    height: 480px;
}

.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}

@media screen and (max-width: 750px) {
    .big-video {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .big-video-main {
        height: 185px;
    }

    .big-video-clo {
        right: 0;
        z-index: 21;
    }
}


/*基金会首页*/
.laeunme {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.laeunme a {
    width: 50%;
    border-right: 1px solid #ddd;
    padding: 3% 8%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.laeunme a:last-child { /*border:none;*/
}

.laeunme a.ab01 {
    color: #fff;
    background: #00a1e9;
}

.laeunme a .img {
    width: 80px;
    text-align: center;
}

.laeunme a .con {
    width: calc(100% - 80px);
}

.laeunme a .con .d1 {
    color: #ccc;
}

.laeunme a .con .d2 {
    color: #00a1e9;
    font-size: 24px;
    margin: 5px 0 10px;
}

.laeunme a.ab01 .con .d2 {
    color: #fff;
}

.laeunme a .con .d3 {
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.laeunme a.ab02 .con .d3 {
    color: #666;
}

.act-main {
    padding: 4% 0;
}

.lmeaokb .d1 {
    font-size: 30px;
}

.lmeaokb .d2 {
    color: #999;
    text-transform: uppercase;
}

.pynaeb {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 5%;
}

.pynaeb li {
    width: 25%;
    border: 1px solid #ddd;
    position: relative;
    transition: all 0.5s ease;
}

.pynaeb li a {
    display: block;
}

.pynaeb li a .pic img {
    width: 100%;
    height: 333px;
    object-fit: cover;
}

.pynaeb li a .con {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
}

.pynaeb li a .con .d1 span {
    display: inline-block;
    border: 1px solid #ccc;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: no-repeat center center;
    transition: all 0.5s ease;
}

.pynaeb li a .con .d1 span.s1 {
    background-image: url(../images/b1-1.png);
}

.pynaeb li a .con .d1 span.s2 {
    background-image: url(../images/b2-1.png);
}

.pynaeb li a .con .d1 span.s3 {
    background-image: url(../images/b3-1.png);
}

.pynaeb li a .con .d1 span.s4 {
    background-image: url(../images/b4-1.png);
}

.pynaeb li a .con .d2 {
    font-size: 20px;
    color: #333;
    line-height: 30px;
    margin: 15px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pynaeb li a .con .d3 {
    color: #999;
    text-transform: uppercase;
    font-size: 12px;
}

.lyeabnc {
    margin-top: 4%;
}

.lyeabnc a {
    display: inline-block;
    line-height: 40px;
    border-radius: 20px;
    padding: 0 45px;
    color: #fff;
    background: #00a1e9;
}

.smaebnc {
    background: url(../testimg/t43.jpg) no-repeat center center;
    background-size: cover;
    padding: 5% 0;
}

.leabunc {
    max-width: 720px;
}

.leabunc .d1 {
    font-size: 30px;
    color: #00a1e9;
}

.leabunc .d2 {
    text-transform: uppercase;
    color: #666;
    margin-top: 5px;
}

.leabunc .d3 {
    line-height: 2;
    margin: 30px 0;
    font-size: 16px;
}

.leabunc .d4 a {
    text-align: center;
    display: inline-block;
    line-height: 40px;
    border-radius: 20px;
    padding: 0 45px;
    color: #fff;
    background: #00a1e9;
}

.uaveyb {
    margin-top: 4%;
}

.uaveyb li {
    width: 32%;
    float: left;
    margin-right: 2%;
}

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

.uaveyb li a {
    display: block;
}

.uaveyb li a .pic {
    overflow: hidden;
}

.uaveyb li a .pic img {
    transition: all 0.5s ease;
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.uaveyb li a .cont {
    margin-top: 20px;
}

.uaveyb li a .cont .date {
    width: 80px;
    border-right: 1px solid #ddd;
}

.uaveyb li a .cont .date span {
    display: block;
    font-size: 40px;
}

.uaveyb li a .cont .con {
    width: calc(100% - 100px);
}

.uaveyb li a .cont .con .d1 {
    font-size: 18px;
    line-height: 35px;
    height: 35px;
    overflow: hidden;
}

.uaveyb li a .cont .con .d2 {
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    color: #666;
}

.uaveyb li a .otebk {
    margin-top: 12px;
    border-top: 1px solid #ddd;
    padding-top: 12px;
    color: #666;
    line-height: 22px;
}

.uaveyb li a .otebk img {
    margin-right: 3px;
}

.slboura {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    padding: 10px 0;
    text-align: center;
}

.slboura a {
    font-size: 16px;
    display: inline-block;
    padding: 0 40px;
    line-height: 45px;
    border-bottom-right-radius: 22px;
    border-top-left-radius: 22px;
}

.slboura a.cur {
    color: #fff;
    background: #00a1e9;
}

.jcm-main {
    padding: 5% 0;
}

.lopefof {
    margin-bottom: 3%;
}

.lopefof .pic {
    width: 38%;
    text-align: center;
}

.lopefof .con {
    width: 58%;
    line-height: 2;
}

.lopefof .con .d1 {
    color: #00a1e9;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
}

.oaetunc .d2 {
    font-size: 28px;
    margin-top: 30px;
}

.oaetunc .d3 {
    margin: 10px 0 20px;
    color: #00a1e9;
    font-weight: bold;
    font-size: 24px;
}

.ubeanyn {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.ubeanyn li {
    width: 30%;
    margin: 3% 1.5% 0;
    background: url(../testimg/t48.jpg) no-repeat center center;
    background-size: cover;
    padding: 40px;
}

.ubeanyn li a {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 2;
    background: url(../images/dow.png) no-repeat right center;
    padding-right: 55px;
}

.luecbnna {
    padding: 40px 0;
}

.luecbnna .d1 {
    font-size: 24px;
    font-weight: bold;
}

.luecbnna .d2 {
    color: #999;
    text-transform: uppercase;
}

.dloitea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.dloitea li {
    width: 25%;
    padding: 0 15px;
    margin-bottom: 30px;
}

.dloitea li a {
    display: block;
    position: relative;
    overflow: hidden;
}

.dloitea li a .pic img {
    width: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.dloitea li a .tit {
    width: 100%;
    padding: 15px 0;
    text-align: center;
    transition: all 0.5s ease;
}

.dloitea li a .tit .d1 {
    font-size: 16px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dloitea li a .tit .d2 {
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.about-main .videoPlay {
    width: 100%;
    max-width: 1400px;
    margin: auto;
    height: 674px;
    margin-top: 100px;
    /* background: url("../images/play_click.png")no-repeat; */
    background-size: 100% 100%;

    position: relative;
}

.dianjiK_M {
    width: 150px;
    height: 130px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

.click_video {
    width: 78px;
    height: 78px;

}

.click_video img {
    width: 78px;
    height: 78px;
    transition: all 1s;
}

.click_video img:hover {
    transform: scale(0.78);
    cursor: pointer;
}

.paly_word {
    height: 50px;
    color: white;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 50px;
}

.play-video {
    width: 100%;
    height: 100%;
    margin: auto;
    margin-bottom: 100px;
    position: absolute;
}

.play-video img {
    position: absolute;
    width: 73px;
    height: 73px;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 18%;
}

.play-video video {
    width: 100%;
    height: 100%;
}

video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.about_wenhua {
    width: 100%;
    height: auto;
}

.about_wenhua_child {
    width: 100%;
    overflow: hidden;
}

.about_wenhua_child:nth-of-type(1) {
    margin-top: 72px;
}

.w50 {
    width: 50%;
    float: left;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.w50 img {
    width: 100%;
    height: auto;
}

.third_child {
    margin-top: 38px;
}

.font36 {
    font-size: 36px;
    color: #333333;
    line-height: 45px;
}

.third_child:nth-of-type(1) {
    margin-top: 0;
}

.font18 {
    font-size: 18px;
    color: #333333;
    line-height: 45px;
    padding-top: 10px;
}

@media screen and (max-width: 1024px) {
    .img50, .w50 {
        width: 100%;
    }

    .about_wenhua_child {
        display: flex;
        position: relative;
        flex-direction: column;
    }

    .third_child {
        margin-top: 0px;
    }

    .about_wenhua_child:nth-of-type(1) {
        margin-top: 0px;
    }

    .img50 {
        order: 1;
    }

    .word50 {
        order: 2;
    }

    .font36 {
        font-size: 20px;
        color: #333333;
        line-height: 25px;
    }

    .third_child:nth-of-type(1) {
        margin-top: 0;
    }

    .font18 {
        font-size: 12px;
        color: #333333;
        line-height: 25px;
        padding-top: 5px;
    }
}

@media screen and (min-width: 1201px) {
    .pynaeb li:hover {
        z-index: 2;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
        transform: scale(1.1);
        transition: all 0.5s ease;
    }

    .pynaeb li:hover a .con .d1 span {
        background-color: #ccc;
        transition: all 0.5s ease;
    }

    .pynaeb li:hover a .con .d1 span.s1 {
        background-image: url(../images/b1-2.png);
    }

    .pynaeb li:hover a .con .d1 span.s2 {
        background-image: url(../images/b2-2.png);
    }

    .pynaeb li:hover a .con .d1 span.s3 {
        background-image: url(../images/b3-2.png);
    }

    .pynaeb li:hover a .con .d1 span.s4 {
        background-image: url(../images/b4-2.png);
    }

    .uaveyb li a:hover .pic img {
        transform: scale(1.05);
        transition: all 0.5s ease;
    }

    .dloitea li a:hover .pic img {
        transform: scale(1.05);
        transition: all 0.5s ease;
    }
}

@media screen and (max-width: 1200px) {
    .pynaeb li {
        width: 50%;
    }

    .slboura a {
        line-height: 40px;
        padding: 0 20px;
    }

    .ubeanyn li {
        width: 47%;
    }

    .oaetunc .d2 {
        font-size: 22px;
    }

    .oaetunc .d3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 780px) {
    .laeunme a {
        width: 100%;
        border: none;
    }

    .laeunme a .con .d2 {
        font-size: 20px;
    }

    .lmeaokb .d1, .leabunc .d1 {
        font-size: 20px;
    }

    .pynaeb li a .pic img {
        height: 55vw;
    }

    .pynaeb li a .con {
        padding: 20px 10px;
    }

    .pynaeb li a .con .d2 {
        font-size: 16px;
        margin: 5px 0;
    }

    .lopefof .pic {
        width: 100%;
    }

    .lopefof .con {
        width: 100%;
        margin-top: 3%;
    }

    .lopefof .con .d1 {
        font-size: 18px;
    }

    .dloitea li {
        width: 50%;
    }

}

@media screen and (max-width: 640px) {
    .uaveyb li {
        width: 100%;
        padding: 3% 0;
    }

    .ubeanyn li {
        width: 100%;
    }
}