* {
    margin: 0;
    padding: 0;
}


li {
    list-style: none;
}

input,
button,
textarea,
video {
    outline: 0;
    border: 0;
    background: none;
    resize: none;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: '' !important;
}

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

.swiper-button-lock,
.swiper-pagination-lock,
.swiper-scrollbar-lock {
    display: block !important;
}

.swiper-pagination-bullet {
    outline: none;
}

@font-face {
    font-family: syr;
    src: url(../font/SOURCEHANSANSCN-REGULAR.OTF);
}

@font-face {
    font-family: swb;
    src: url(../font/SweiSpringCJKsc-Bold.ttf);
}

body {
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto !important;
    font-size: 20px;
    font-family: syr !important;
    color: #0E1410;
}

.box {
    width: 73.5688%;
    min-width: 1200px;
    margin: 0 auto;
}

/* header */
header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 999;
    background: linear-gradient(#fff 79px, #006E54 52px);
}

header .box {
    height: 131px;
}

.htop {
    height: 79px;
}

.htl {
    width: calc(63% - 4px);
}

header .logo {
    margin-right: 12px;
}

header .logo p {
    font: 30px swb;
    color: #16211E;
    margin-left: 12px;
}

header .txt {
    font: 30px swb;
    color: #37473D;
}

header .phone {
    font-size: 16px;
    color: #006E54;
}

header .phone p:nth-child(1) {
    margin-bottom: -7px;
}

header .phone p:nth-child(2) {
    font-size: 29px;
    letter-spacing: 2px;
}

nav {
    height: 55px;
}

nav a {
    width: 90px;
    font-size: 18px;
    color: #fff;
}

nav .line {
    width: 1px;
    height: 16px;
    background: rgba(141, 143, 154, 0.4);
}

nav .active,
nav a:hover {
    color: #fff;
}

nav .active::after,
nav a:hover::after {
    content: '';
    width: 52px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    margin: auto;
}

/* header end */

.xuan {
    position: fixed;
    right: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 62px;
    height: 330px;
    z-index: 99;
    font-size: 18px;
}

.xuan li {
    width: 62px;
    height: 62px;
    background: #414141;
    cursor: pointer;
    border-radius: 4px;
}

.xuan li a img:nth-child(2) {
    display: none;
}

.xuan li:last-child {
    background: rgb(33, 34, 38, .31) !important;
}

.xuan li:hover {
    background: #2a8efd;
}

.xuan li:hover .kuang {
    display: flex;
}

.xuan li a {
    width: 100%;
    height: 100%;
}

.xuan li .kuang {
    display: none;
    background-color: rgb(255, 255, 255);
    box-shadow: 1.5px 2.598px 11.18px 1.82px rgb(28 28 28 / 13%);
    width: 200px;
    height: 60px;
    right: 90px;
    border-radius: 15px;
}

.xuan li:nth-child(2) .kuang {
    width: 150px;
    height: 150px;
}

.xuan li:nth-child(3) .kuang {
    width: 258px;
}

.xuan .kuang .jiao {
    top: 0;
    bottom: 0;
    margin: auto;
    right: -20px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    filter: drop-shadow(1.5px 2.598px 11.18px rgb(28 28 28 / 13%));
}

/* footer */
footer {
    background: url(../images/foot.png) no-repeat bottom;
    font-size: 16px;
    color: #8D918F;
    border-top: 1px solid rgb(0, 0, 0, .06);
}

footer a,
footer a:hover {
    color: #8D918F;
}

.f_top {
    padding: 65px 0 35px;
}

.ft_left .txt {
    margin-left: 6px;
}

.ft_left .tt {
    font: 25px swb;
    color: #0E1410;
}

.ft_left .cn {
    color: #37473D;
}

.ft_left .infor {
    margin-top: 16px;
}

.ft_left .infor p:nth-child(n+2) {
    margin-top: 5px;
}

.f_top .nav {
    width: 48%;
    margin-top: 29px;
}

.f_top .nav span {
    width: 1px;
    height: 22px;
    background: rgb(141, 143, 154, .5);
}

.f_top .qrcode {
    width: calc(16% - 4px);
}

.f_top .qrcode img {
    background: url(../images/qr2.png) no-repeat center;
    padding: 10px;
    background-size: contain;
    margin-bottom: 7px;
}

.f_bottom .box {
    line-height: 99px;
    font-size: 16px;
    color: rgb(77, 77, 77, .4);
    border-top: 1px solid #F2F2F2;
}

/* footer end */

/* 列表分页 */


.pagination {
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin-top: 100px;
}

.pagination li {
    width: 35px;
    text-align: center;
    line-height: 35px;
    background: #fff;
    display: inline-block;
    margin: 0 10px;
}

.pagination li a {
    display: block;
    color: #333333;
}

.pagination li.active,
.pagination li a:hover {
    color: #fff;
    background: #006e54;
}

.sxy {
    padding-top: 30px;
    border-top: 1px solid #cccccc;
    font-size: 18px;
    margin-top: 70px;
}

.sxy>div {
    max-width: 45%;
}

/* 列表分页 end */


/* index */

.index1 {
    padding: 92px 0 130px;
}

.index1 li {
    width: calc(24% + 2px);
    height: 220px;
    background: url(../images/index1_01.jpg) no-repeat center;
    padding: 34px 0 0 22px;
    font-family: swb;
    color: #006E54;
}

.index1 li:nth-child(2) {
    background-image: url(../images/index1_02.jpg);
}

.index1 li:nth-child(3) {
    background-image: url(../images/index1_03.jpg);
}

.index1 li:nth-child(4) {
    background-image: url(../images/index1_04.jpg);
}

.index1 .tt {
    font-size: 28px;
    color: #006E54;
}

.index1 .tt img {
    margin-left: 10px;
}

.index1 .cn {
    font-size: 22px;
    margin-top: 11px;
}

.index1 .aaa {
    height: 480px;
    background: url(../images/index1_05.jpg) no-repeat center;
    border-top: 2px solid #006E54;
    box-shadow: 0 24px 28px rgb(0, 0, 0, .13);
    padding: 86px 157px 0 118px;
}

.index1 .aaa .tt {
    font: 40px swb;
    color: #16211E;
}

.index1 .aaa .cn {
    font: 24px/36px swb;
}

.index1 .aaa>div:nth-child(1) {
    margin-top: 41px;
}

.index1 .qr .img {
    width: 181px;
    height: 181px;
    background: url(../images/qr.png) no-repeat center;
    background-size: contain;
    padding: 18px;
    margin-bottom: 10px;
}

.index1 .qr p {
    font-size: 18px;
    color: #16211E;
}

.index2 .item1 {
    height: 488px;
    background: url(../images/index2.jpg) no-repeat center;
    background-size: cover;
    padding: 74px 0 0;
}

.title .aa {
    color: #C4860A;
}

.title .bb {
    font-size: 32px;
    margin: -6px 0 -3px;
}

.index2 .item1 .dd {
    font-size: 25px;
    margin-top: 48px;
}

.index2 .item2 {
    padding: 65px 0 130px;
}

.index2 .item2 li {
    width: calc(24% + 2px);
}

.index2 .item2 li p {
    height: 72px;
    background: #006E54;
}

.index2 .item2 .text {
    background: #fff;
    border-bottom: 10px solid #006E54;
    box-shadow: 10px 13px 16px rgb(0, 0, 0, .13);
    padding: 57px 12.7% 59px 11.9%;
}

.index2 .item2 .text p {
    width: 55%;
    font-size: 20px;
    line-height: 36px;
    color: #0E1410;
    letter-spacing: 1px;
}

.index2 .item2 .text span {
    color: #006E54;
}

/* 
.index3 {
    background: url(../images/index3.jpg) no-repeat center;
} */

.index3 .box {
    height: 800px;
    padding-top: 70px;
}

.index3 .aa {
    width: 472px;
    height: 173px;
    font-size: 20px;
    line-height: 30px;
    color: #16211E;
    background: url(../images/index3_02.jpg) no-repeat center;
    padding-top: 29px;
}

.index3 .bb {
    width: 472px;
    border: 1px solid #fff;
    padding: 36px 27px 31px 13px;
}

.index3 .bb p:nth-child(1) {
    width: 48px;
    height: 138px;
    background: #fff;
    font-size: 22px;
    line-height: 24px;
    color: #16211E;
    margin-right: 8px;
}

.index3 .bb p:nth-child(1) span {
    width: 42px;
    height: 134px;
    border: 1px solid #16211E;
}

.index3 .bb p:nth-child(2) {
    font-size: 18px;
    line-height: 20px;
    text-align-last: justify;
}

.index4 {
    background: url(../images/index4.jpg) no-repeat top;
    /* background-size: contain; */
    height: 800px;
    padding-top: 285px;
    font: 32px/56px swb;
    color: #16211E;
}

.index5 {
    background: url(../images/index5.jpg) no-repeat bottom;
    padding-bottom: 44px;
    margin: 130px 0;
}

.index5 .box {
    background: #fff;
    box-shadow: 0 6px 16px rgb(0, 0, 0, .1);
    padding-top: 56px;
}

.index5 .title .bb {
    margin-top: -4px;
}

.index5 .img {
    background: url(../images/index5_01.jpg) no-repeat center;
    padding: 10px 0 0;
    margin-top: 44px;
}

.index5 .tit {
    width: 72px;
    height: 490px;
    background: url(../images/index5_02.png) no-repeat center;
    margin: 0 38px 0 148px;
    font: 28px/32px swb;
    color: #16211E;
    letter-spacing: 4px;
}

.index5 .con {
    font: 22px/32px swb;
    color: #16211E;
    margin-top: 91px;
}

.index5 .con img:nth-child(1) {
    top: -18px;
    right: -16px;
}

.index5 .con img:nth-child(3) {
    bottom: 44px;
    left: -11px;
    transform: rotate(180deg);
}

.index5 ul {
    padding: 32px 9.4% 49px 10.6%;
}

.index5 li:nth-child(n+3) {
    margin-top: 34px;
}

.index5 li p {
    font-size: 20px;
    margin-left: 12px;
}

.index6 {
    height: 1215px;
}

.index6 .box {
    background: url(../images/index6_01.png) no-repeat center #fff;
    margin-top: -144px;
    background-size: cover;
    box-shadow: 0 3px 16px rgb(0, 0, 0, .15);
}

.index6 .tit {
    background: #F0F5F4;
    padding: 15px 17px;
    margin-right: 16px;
}

.index6 .tit>div {
    background: #006E54;
    padding: 13px 7px;
}

.index6 .tit>div>div {
    width: 170px;
    height: 392px;
    border: 1px solid #fff;
    font: 32px swb;
    color: #fff;
    word-spacing: 57px;
    letter-spacing: 5px;
}

.index6 .con p:nth-child(2) {
    margin: 50px 0 62px;
}

.index6 .con span:nth-child(1) {
    width: 11px;
    height: 11px;
    background: #00745B;
    transform: rotate(45deg);
    margin-top: 11px;
    margin-right: 8px;
}

.index6 .con {
    font-size: 22px;
    line-height: 36px;
}

.index6 .con font {
    color: #006E54;
}

.index7 {
    overflow: hidden;
}

.index7 .item1 {
    background: url(../images/index7.jpg) no-repeat center;
    padding: 149px 0 102px;
}

.index7 .title {
    background: linear-gradient(to right, transparent, #fff, transparent);
    padding: 19px 0 45px;
}

.index7 .title .bb {
    margin-top: -2px;
}

.index7 .title .cc {
    font-size: 24px;
}

.index7 .item2 {
    background: url(../images/index7_01.jpg) no-repeat top;
    padding-top: 55px;
}

.index7 .ul1 .tit {
    background: url(../images/index7_02.png) #006E54;
    padding: 10px;
}

.index7 .ul1 .tit p {
    width: 317px;
    height: 64px;
    border: 1px solid #fff;
    font: 28px swb;
    color: #fff;
}

.index7 .ul1 li {
    width: calc(24% + 2px);
}

.index7 .ul1 .con {
    height: 126px;
    padding: 32px 16px 0;
    background: #fff;
    font-size: 17px;
    line-height: 32px;
    color: #16211E;
}

.index7 .ul2 li {
    width: calc(49% + 6px);
    background: #fff;
    margin-top: 39px;
}

.index7 .ul2 li>div {
    width: 48%;
    margin-left: 40px;
    margin-top: 58px;
}

.index7 .ul2 .tit {
    font: 28px swb;
    color: #16211E;
}

.index7 .ul2 .con {
    font-size: 18px;
    line-height: 32px;
    color: #16211E;
    margin-top: 6px;
}

.index7 a,
.index7 a:hover {
    width: 260px;
    height: 60px;
    background: #006E54;
    border-radius: 29px;
    font-size: 20px;
    color: #fff;
    margin: 115px auto 0;
}

.index8 {
    padding: 121px 0 130px;
}

.index8 li {
    width: calc(7% + 4px);
    overflow: hidden;
    background: #F0F5F4;
    margin-top: 44px;
}

.index8 li>div:nth-child(2) {
    padding: 32px 4.1% 19px 2.6%;
}

.index8 .con {
    display: none;
    width: 75%;
}

.index8 .tt {
    font-size: 24px;
    color: #16211E;
}

.index8 .cn {
    font-size: 18px;
    color: #16211E;
    margin-top: 3px;
}

.index8 .tit {
    height: 109px;
    font-size: 18px;
    color: #16211E;
    border-top: 1px solid #16211E;
    border-bottom: 1px solid #16211E;
    margin: auto;
}

.index8 .tit b {
    font-size: 24px;
    margin-bottom: 6px;
}

.index8 .active {
    width: calc(66% + 4px);
}

.index8 .active .con {
    display: block;
}

.index8 .active .tit {
    margin: 0;
}

.index9 .item1 {
    background: url(../images/index9.jpg) no-repeat center;
    height: 800px;
    padding-top: 89px;
}

.titlea {
    filter: grayscale(1) brightness(100);
}

.index9 .aaa {
    width: 450px;
    margin: 44px auto 64px;
}

.index9 .aaa p {
    background: #fff;
    padding: 6px;
}

.index9 .aaa span {
    width: 43px;
    height: 168px;
    border: 1px solid #16211E;
    font-size: 24px;
    color: #16211E;
    letter-spacing: 5px;
}

.index9 .item1 a,
.index9 .item1 a:hover {
    width: 132px;
    height: 43px;
    border: 1px solid #fff;
    border-radius: 65px;
    font-size: 15px;
    color: #fff;
    margin: auto;
}

.index9 .item1 a font {
    margin: 0 8px;
}

.index9 .item1 a span {
    width: 12px;
    height: 1px;
    background: #fff;
}

.index9 .item2 {
    background: url(../images/index9_02.jpg) no-repeat center;
    margin-top: 100px;
    height: 800px;
    padding-bottom: 27px;
}

.index9 .item2 .box {
    background: rgb(0, 0, 0, .06);
    padding: 7px 10px;
    backdrop-filter: blur(5px);
}

.index9 .item2 .box>div {
    height: 93px;
    border: 1px solid rgb(255, 255, 255, .3);
    padding: 0 3.2% 0 3.7%;
}

.index9 .item2 p.p_r {
    width: 326px;
}

.index9 .item2 p.p_r::after {
    content: '';
    width: 175px;
    height: 1px;
    background: #BD8B13;
    position: absolute;
    right: 0;
    bottom: 1px;
}

.index9 .item2 span:nth-child(1) {
    width: 190px;
    height: 44px;
    background: url(../images/index9_03.png) no-repeat left;
    font-size: 21px;
    color: #fff;
    padding: 6px 0 0 34px;
}

.index9 .item2 span:nth-child(2) {
    font-size: 28px;
    color: #fff;
    margin-left: -13px;
}

.index9 .item2 a,
.index9 .item2 a:hover {
    width: 260px;
    height: 60px;
    background: #C4860A;
    border-radius: 29px;
    font-size: 20px;
    color: #fff;
}

.index9 .line {
    width: 2px;
    height: 53px;
    background: rgb(255, 255, 255, .3);
}

.index10 {
    padding: 130px 0;
}

.index10 li {
    width: calc(49% + 6px);
    margin-top: 57px;
}

.index10 li>div {
    width: 72%;
    height: 451px;
    margin: -42px auto 0;
    background: #fff;
    box-shadow: 0 13px 16px rgb(0, 0, 0, .06);
    overflow: hidden;
}

.index10 .tit {
    height: 120px;
    background: url(../images/index10_04.png) #006E54;
    padding-top: 32px;
}

.index10 .tit p:nth-child(1) {
    font-size: 28px;
}

.index10 .tit p:nth-child(2) {
    font-size: 22px;
}

.index10 .tit span {
    width: 28px;
    height: 1px;
    background: #fff;
    margin: 0 9px;
}

.index10 .con {
    width: 86%;
    height: 290px;
    font-size: 18px;
    line-height: 35px;
    border: 1px solid #B0D0C8;
    margin: auto;
    padding: 20px 14px 0 11px;
    letter-spacing: -0.4px;
}

.index10 img.p_a {
    right: -34px;
    bottom: -36px;
}

.index11 .title .bb span {
    color: #006E54;
}

.index11 .img {
    height: 479px;
    border-radius: 169px;
    overflow: hidden;
}

.index11 .swiper {
    margin-top: 86px;
    padding-bottom: 72px;
}

.index11 .aaa {
    width: 64px;
    height: 128px;
    background: url(../images/index11_01.jpg) no-repeat center;
    left: 19px;
    padding-top: 14px;
}

.index11 .aaa .cn {
    font-size: 14px;
    color: rgb(255, 255, 255, .75);
    letter-spacing: 2px;
    line-height: 1;
}

.index11 .aaa .tt {
    font-size: 20px;
    color: #fff;
    margin-top: 28px;
    line-height: 1;
    margin-left: 5px;
}

.index11 .swiper-pagination {
    bottom: 0 !important;
}

.index11 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgb(70, 135, 93);
}

.index11 .swiper-pagination-bullet-active {
    width: 32px;
    border-radius: 4px;
}

.index12 {
    padding: 130px 0;
}

.index12 li {
    box-shadow: 0 3px 16px rgb(0, 0, 0, .15);
    background: #fff;
    padding: 14px 13px 18px;
}

.index12 .img .p_a {
    font-size: 24px;
    color: #fff;
    left: 31px;
    bottom: 24px;
}

.index12 .text {
    border: 1px solid rgb(141, 145, 143, .29);
    border-top: none;
    padding: 19px 0 20px 31px;
}

.index12 .tt {
    font-size: 24px;
    color: #C4860A;
}

.index12 .cn {
    font-size: 14px;
    color: #37473D;
    margin: 4px 0 48px;
}

.index13 {
    background: url(../images/index13.jpg) no-repeat center;
    height: 770px;
    padding-bottom: 50px;
    font-family: swb;
}

.index13 .tit {
    font-size: 32px;
}

.index13 .con {
    letter-spacing: 3px;
    margin: 8px 0 12px;
}

.index13 .aaa {
    width: 18%;
    margin: 0 auto;
}

.index13 .aaa p {
    width: 36px;
    height: 99px;
    border: 1px solid #fff;
    font-size: 18px;
    letter-spacing: 2px;
}

.index14 {
    padding: 64px 0 126px;
}

.index14 .box1 {
    background: #fff;
    box-shadow: 0 3px 6px rgb(0, 0, 0, .16);
}

.index14 .aaa {
    width: calc(39% - 5px);
    height: 385px;
    background: #F0F5F4;
    padding: 15px 17px;
}

.index14 .aaa>div {
    width: 100%;
    height: 100%;
    background: url(../images/index14_01.png) no-repeat center #006E54;
    padding: 13px 9px;
}

.index14 .aaa>div p {
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    font: 32px/53px swb;
}

.index14 form {
    width: calc(57% - 7px);
    margin-right: 19px;
}

.index14 form>p {
    font-size: 16px;
    color: #16211E;
    margin-bottom: 20px;
}

.index14 form>p span {
    font-size: 24px;
    color: #C4860A;
}

.index14 .text {
    width: 48%;
    height: 52px;
    border-radius: 26px;
    border: 1px solid #8D9190;
    font-size: 14px;
    color: #8D918F;
    text-indent: 16px;
}

.index14 .text input,
.index14 .text textarea {
    width: 73%;
    height: 100%;
}

.index14 .text:nth-child(3) {
    width: 100%;
    height: 113px;
    margin-top: 23px;
    padding-top: 24px;
}

.index14 button {
    width: 157px;
    height: 50px;
    background: #006E54;
    border-radius: 25px;
    font-size: 16px;
    color: #fff;
    margin-top: 37px;
}

/* index end */

.tabnav {
    margin-top: -45px;
    height: 82px;
    box-shadow: 0 6px 16px rgb(0, 0, 0, .1);
    background: #fff;
}

.tabnav a {
    margin: 0 3.6%;
    font-size: 22px;
    color: #16211E;
}

.tabnav .active,
.tabnav a:hover {
    font-weight: bold;
    color: #006E54;
}

.tabnav .active::after,
.tabnav a:hover::after {
    content: '';
    width: 62px;
    height: 5px;
    background: #006E54;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -25px;
}

/* 身心学院 */

.college .content {
    padding: 64px 0 100px;
}

.college .item1 .tit {
    height: 149px;
    background: url(../images/cool_03.png) no-repeat center;
    font: 32px swb;
    color: #fff;
}

.college .item1 .con {
    background: url(../images/cool_01.png) top #fff;
    padding: 200px 8.4% 136px;
    margin-top: -74px;
    box-shadow: 0 3px 16px rgb(0, 0, 0, .11);
}

.college .item1 .con li {
    background: #F0F5F4;
    padding: 20px 17px;
}

.college .item1 .con li:nth-child(n+2) {
    margin-top: 48px;
}

.college .item1 .con li>div {
    width: 100%;
    min-height: 190px;
    border: 1px solid #B0D0C8;
    margin: auto;
    padding: 41px 13.1% 0 2.5%;
}

.college .item1 .cn {
    width: 90%;
    font-size: 21px;
    line-height: 36px;
    color: #0E1410;
    margin-top: 13px;
}

.list li {
    width: 32.5%;
    box-shadow: 0 3px 6px rgb(0, 0, 0, .16);
    margin-right: 1.25%;
}

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

.list li:nth-child(n+4) {
    margin-top: 72px;
}

.list .img {
    height: 300px;
    overflow: hidden;
}

.list li>div {
    height: 100px;
    background: #fff;
    padding: 16px 0 0 22px;
}

.list .tit {
    font-size: 20px;
    color: #16211E;
}

.list .date {
    font-size: 15px;
    color: #8D9190;
    margin-top: 6px;
}

/* 身心学院 end */

/* 社会服务 */

.service {
    padding: 80px 0 54px;
}

.service .item {
    margin-bottom: 100px;
}

.service .item .tit {
    width: 220px;
    height: 58px;
    background: #006E54;
    font-size: 24px;
    color: #fff;
    margin: auto;
}

.service .item .line {
    height: 2px;
    background: #006E54;
}

.service .aa {
    margin: 60px 0 46px;
}

.service .img {
    width: calc(49% + 6px);
    height: 360px;
    overflow: hidden;
}

.service .txt {
    width: calc(49% + 6px);
    font-size: 21px;
    line-height: 36px;
    color: #0E1410;
    margin-top: 16px;
}

.service .swiper-slide {
    height: 300px;
    overflow: hidden;
}

.service .item:nth-child(2n) .img {
    order: 2;
}

/* 社会服务 end */

/* 关于我们 */

.about1 {
    background: url(../images/about1.jpg) no-repeat bottom;
    padding: 131px 0 108px;
}

.about .tit {
    width: 220px;
    height: 58px;
    background: #006E54;
    font-size: 24px;
    color: #fff;
    margin: auto;
}

.about .line {
    height: 2px;
    background: #006E54;
}

.about1 .con {
    background: #fff;
    box-shadow: 0 3px 16px rgb(0, 0, 0, .06);
    margin-top: 55px;
    padding: 67px 5.3% 47px;
}

.about1 .txt {
    font: 20px/36px swb;
    color: #16211E;
    margin-bottom: 55px;
}

.about1 ul {
    width: calc(56% + 8px);
}

.about1 li {
    border: 2px solid #46875D;
    padding: 4px;
    border-radius: 50%;
    box-shadow: 5px 8px 25px rgb(0, 0, 0, .29);
}

.about1 li p {
    width: 130px;
    height: 130px;
    font-size: 24px;
    line-height: 32px;
    color: #006E54;
    background: #F0F6F5;
    box-shadow: 0 16px 10px rgba(30, 54, 37, 0.13) inset;
    letter-spacing: 1px;
    border-radius: 50%;
}

.about1 .qr {
    margin-right: 30px;
}

.about1 .qr .img {
    width: 120px;
    height: 120px;
    background: url(../images/qr.png) no-repeat center;
    background-size: contain;
    padding: 12px;
    margin-bottom: 7px;
}

.about1 .qr p {
    font-size: 18px;
    color: #16211E;
}

.about2 {
    padding: 43px 0 100px;
}

.about2 li {
    width: calc(49% + 6px);
}

.about2 .tt {
    font-size: 20px;
    color: #16211E;
    margin: 17px 0 15px;
}

.about2 .cn {
    font-size: 16px;
    line-height: 24px;
    color: #8D9190;
}

.about3 .swiper {
    padding: 0 5px 5px;
    margin-top: 35px;
}

.about3 .swiper-pagination-bullet-active {
    background: #006e54;
}

.about3 .swiper-slide>div {
    box-shadow: 0 3px 6px rgb(0, 0, 0, .16);
    padding: 24px 0 25px 22px;
}

.about3 .img {
    height: 300px;
    overflow: hidden;
}

.about3 .tt {
    font-size: 20px;
    color: #16211E;
}

.about3 .date {
    font-size: 15px;
    color: #8D9190;
    margin-top: 6px;
}

.about4 {
    padding: 130px 0;
}

.about4 .swiper {
    height: 776px;
    margin-top: 36px;
}

.about4 .swiper-slide {
    height: 370px;
}

.about4 .img {
    height: 302px;
    overflow: hidden;
}

.about4 .tt {
    font-size: 20px;
    color: #16211E;
    margin: 8px 0 7px;
}

.about4 .cn {
    font-size: 16px;
    color: #8D9190;
}

.about .index14 {
    padding: 0 0 375px;
}

.about .index14 .box1 {
    margin-top: 38px;
}

/* 关于我们 end */

.arc .content {
    padding: 80px 0;
    font: 18px/33px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
}

.arc .tit {
    font-size: 32px;
    font-weight: bold;
}

.arc .time {
    font-size: 16px;
    margin: 10px 0 50px;
}

.arc img {
    max-width: 100%;
}