/*@font-face {
    font-family: siyuan;
    src: url(../fonts/SourceHanSansOLD\ NORMAL.OTF) format('truetype');
}

@font-face {
    font-family: DIN;
    src: url(../fonts/DIN_REGULAR.ttf) format('truetype');
}

@font-face {
    font-family: futu;
    src: url(../fonts/futurademic.ttf) format('truetype');
}

* {
    font-family: siyuan;
}
*/
header {
    width: 100%;
    height: 78px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    padding: 0 0.8rem;
}

header .logo {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

header .logo img {
    height: 40px;
}

header .logo .s {
    display: block;
}

header .logo .h {
    display: none;
}

header .f {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

header .btn-search {
    width: 13px;
    height: 13px;
    background: url(../images/icon-search.png) center no-repeat;
    cursor: pointer;
}

.search-meng {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
}

.search-box {
    display: none;
    width: 100%;
    height: 70px;
    background-color: #f0f1f2;
    position: fixed;
    top: 78px;
    left: 0;
    z-index: 1002;
}

.search-box .sub {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.search-box .input {
    display: block;
    width: 850px;
    height: 44px;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    background-color: transparent;
    padding-left: 26px;
    background-image: url(../images/icon-search2.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.search-box .btn {
    color: #333;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    background-color: transparent;
    margin-right: 0.7rem;
    height: 44px;
}

.search-box .search-close {
    cursor: pointer;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

.search-box .search-close:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

nav {
    height: 100%;
}

nav ul {
    height: 100%;
    display: flex;
    display: -webkit-flex;
}

nav li {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 0.9rem;
}

nav li>a {
    color: #fff;
    font-size: 15px;
}

nav li>a:hover {
    color: #67bc96;
}

nav .child {
    display: none;
    position: absolute;
    top: 78px;
    right: 0;
    background-color: #f0f3f4;
    height: 70px;
    line-height: 70px;
    font-size: 0;
    padding-left: 30px;
    white-space: nowrap;
}

nav .child dd {
    display: inline-block;
    vertical-align: middle;
    padding-right: 0.4rem;
}

nav .child a {
    color: #333;
    font-size: 15px;
}

nav .child a:hover {
    color: #67bc96;
}

header.ed, header.dt {
    background-color: #fff;
}

header.ed .s, header.dt .s {
    display: none;
}

header.ed .h, header.dt .h {
    display: block;
}

header.ed nav li>a, header.dt nav li>a {
    color: #333;
}

header.ed .btn-search, header.dt .btn-search {
    background: url(../images/icon-search2.png) center no-repeat;
}

.swiper-banner {
    width: 100%;
    height: 100vh;
}

.swiper-banner .swiper-slide {
    text-align: center;
    overflow: hidden;
}

.swiper-banner .swiper-slide .img {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transition: all 3s 1s ease-out;
    -webkit-transition: all 3s 1s ease-out;
}

.swiper-banner .swiper-slide .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    text-align: center;
}

.swiper-banner .swiper-slide .txt h2 {
    color: #fff;
    font-size: 0.72rem;
    white-space: nowrap;
    margin-bottom: 0.5rem;
}

.swiper-banner .swiper-slide .txt .line {
    width: 11.42rem;
    height: 2px;
    margin: 0 auto;
    background-color: #fff;
}

.swiper-banner .swiper-slide .txt .line .l {
    width: 0;
    height: 100%;
    background-color: #67bc96;
    transition: all 6s ease;
    -webkit-transition: all 6s ease;
}

.swiper-banner .swiper-slide .txt h4 {
    color: #fff;
    font-size: 0.16rem;
    white-space: nowrap;
    margin-top: 0.35rem;
}

.swiper-banner .swiper-slide-active .img {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.swiper-banner .swiper-slide-active .txt .line .l {
    width: 100%;
}

.swiper-banner .pag-banner {
    font-size: 0;
    bottom: 0.4rem;
}

.swiper-banner .swiper-pagination-bullet {
    border: 2px solid #fff;
    background-color: transparent;
    opacity: 1;
}

.swiper-banner .swiper-pagination-bullet-active {
    background-color: #fff;
}

.hm-title {
    text-align: center;
}

.hm-title .en {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}

.hm-title .en span {
    color: #eaeaea;
    font-size: 0.6rem;
    font-family: futu;
    position: relative;
}

.hm-title .en span:after, .hm-title .en span:before {
    content: "";
    display: block;
    width: 3.8rem;
    height: 2px;
    background-color: #e5e5e5;
    position: absolute;
    top: 50%;
    margin-top: -1px;
}

.hm-title .en span:after {
    left: -4rem;
}

.hm-title .en span:before {
    right: -4rem;
}

.hm-title h4 {
    color: #333;
    font-size: 0.3rem;
    margin-top: -0.25rem;
    position: relative;
    z-index: 2;
}

.hm-ab {
    width: 100%;
    padding: 0 2.1rem 1.38rem;
    background: url(../images/bg1.jpg) center bottom / 100% auto no-repeat;
}

.hm-ab .hm-title {
    padding: 0.9rem 0 0.7rem;
}

.hm-ab .f {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    margin-bottom: 0.6rem;
}

.hm-ab .img {
    width: 41.2%;
}

.hm-ab .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hm-ab .text {
    width: 58.8%;
    background-color: #f8f8f8;
    padding: 0.8rem 0.6rem 1.67rem;
    position: relative;
}

.hm-ab .text h5 {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 0.2rem;
    border-bottom: 2px solid #eff1f7;
    margin-bottom: 0.22rem;
}

.hm-ab .text .desc {
    color: #666;
    font-size: 16px;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0.7rem;
}

.hm-ab ul {
    display: flex;
    display: -webkit-flex;
}

.hm-ab li {
    margin-right: 0.7rem;
}

.hm-ab li h6 {
    color: #5194ce;
    font-size: 14px;
    margin-bottom: 0.08rem;
}

.hm-ab li h6 b {
    font-size: 36px;
    font-family: DIN;
    margin-right: 0.1rem;
}

.hm-ab li h6 sup {
    font-size: 14px;
    top: -1.3em;
    font-weight: normal;
}

.hm-ab li p {
    color: #333;
    font-size: 14px;
    font-weight: lighter;
}

.hm-ab .more {
    position: absolute;
    right: 0.6rem;
    bottom: 0.6rem;
}

.hm-ab .link {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.hm-ab .link .a {
    text-align: center;
    width: 390px;
    height: 130px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.32);
}

.hm-ab .link .a h6 {
    color: #fff;
    font-size: 20px;
    line-height: 50px;
}

.hm-ab .link .a p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
}

.hm-ab .link .a .y {
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 32px;
    color: #fff;
    font-size: 20px;
}

.hm-ab .link .a:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.more {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    background-color: #5194ce;
    width: 144px;
    height: 48px;
    border-radius: 24px;
    padding: 0 20px;
    box-shadow: 0 10px 24px rgba(20, 83, 168, 0.2);
}

.more span {
    color: #fff;
    font-size: 14px;
}

.hm-video {
    width: 100%;
    background: linear-gradient(to bottom, #fbfbfb 0%, #f1f5f4 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%, #fbfbfb), color-stop(100%, #f1f5f4));
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #f1f5f4 100%);
    background: -moz-linear-gradient(top, #fbfbfb 0%, #f1f5f4 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0%, #f1f5f4 100%);
    background: -o-linear-gradient(top, #fbfbfb 0%, #f1f5f4 100%);
    padding: 0 2.1rem 0.67rem;
}

.hm-video .hm-title {
    padding: 0.7rem 0 0.8rem;
}

.hm-video .pn {
    width: 554px;
    height: 66px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
}

.hm-video .pn .m {
    width: 40%;
    height: 100%;
    border-top: 2px solid #e0e9e5;
    border-bottom: 2px solid #e0e9e5;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    color: #67bc96;
    font-size: 16px;
}

.hm-video .swiper-button-next, .hm-video .swiper-button-prev {
    position: static;
    margin-top: 0;
    background-image: none;
    width: 30%;
    height: 100%;
    border: 2px solid #e0e9e5;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.hm-video .swiper-button-next span, .hm-video .swiper-button-prev span {
    color: #67bc96;
    font-size: 16px;
}

.hm-video .swiper-button-prev {
    border-radius: 33px 0 0 33px;
}

.hm-video .swiper-button-prev span {
    margin-left: 12px;
}

.hm-video .swiper-button-next {
    border-radius: 0 33px 33px 0;
}

.hm-video .swiper-button-next span {
    margin-right: 12px;
}

.swiper-video {
    width: 100%;
    padding: 0.6rem 0 0;
    margin-bottom: 0.64rem;
}

.swiper-video .swiper-slide {
    text-align: center;
}

.swiper-video .swiper-slide .txt {
    opacity: 0;
}

.swiper-video .swiper-slide .txt h6 {
    color: #666;
    font-size: 16px;
    margin-bottom: 8px;
}

.swiper-video .swiper-slide .txt .line {
    width: 18px;
    height: 2px;
    background-color: #67bc96;
    margin: 0 auto;
}

.swiper-video .swiper-slide .cir {
    height: 2.08rem;
    background: url(../images/bg2.png) center / 100% 100% no-repeat;
    margin-bottom: 0.9rem;
}

.swiper-video .swiper-slide .cir * {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

.swiper-video .swiper-slide-active .cir {
    padding: 0.16rem;
    transform: scale(1.5625);
    -webkit-transform: scale(1.5625);
}

.swiper-video .swiper-slide-active .txt {
    opacity: 1;
}

.swiper-video .vid {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.swiper-video .vid .img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-video .vid .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 0.48rem;
}

.hm-pro {
    width: 100%;
    padding: 0 2.1rem 0.95rem;
}

.hm-pro .hm-title {
    padding: 1rem 0 0.74rem;
}
.hm-pro .swiper {
    width: 100%;
    position: relative;
}
.swiper-hm-pro {
    width: 100%;
}
.hm-pro .swiper-button-next, .hm-pro .swiper-button-prev {
    width: 11px;
    height: 18px;
    background-size: 100% 100%;
    margin-top: 0;
}
.hm-pro .swiper-button-next {
    right: -30px;
}
.hm-pro .swiper-button-prev {
    left: -30px;
}
.swiper-hm-pro .swiper-slide {
    height: 3.6rem;
    background-color: #f4f3f8;
    box-shadow: 0 5px 5px rgba(225, 225, 225, 0.75);
    text-align: center;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

.swiper-hm-pro .swiper-slide .icon {
    height: 0.88rem;
    margin: 0 auto 0.28rem;
}

.swiper-hm-pro .swiper-slide .s {
    display: block;
}

.swiper-hm-pro .swiper-slide .h {
    display: none;
}

.swiper-hm-pro .swiper-slide h6 {
    color: whitesmoke;
    font-size: 18px;
    text-decoration: underline;
    /* margin-bottom: 0.16rem; */
    /* margin-bottom: 2.2rem; */
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    line-height: 2.84rem;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 0 0.32rem;
}

.swiper-hm-pro .swiper-slide .desc {
    color: #aaa;
    font-size: 12px;
    line-height: 15px;
    height: 45px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0 auto 0.18rem;
}

.swiper-hm-pro .swiper-slide .y {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    border: 1px solid white;
    margin: 0 auto;
    color: white;
    font-size: 0.24rem;
    line-height: calc(0.4rem - 2px);
}

.swiper-hm-pro .swiper-slide:hover {
    background: linear-gradient(to bottom left, rgba(210, 253, 212, 0.48) 0%, rgba(138, 233, 237, 0.48) 100%);
    background: -webkit-gradient(linear, top right, bottom left, color-stop(0%, rgba(210, 253, 212, 0.48)), color-stop(100%, #8ae9ed));
    background: -webkit-linear-gradient(top right, rgba(210, 253, 212, 0.48) 0%, rgba(138, 233, 237, 0.48) 100%);
    background: -moz-linear-gradient(top right, rgba(210, 253, 212, 0.48) 0%, rgba(138, 233, 237, 0.48) 100%);
    background: -ms-linear-gradient(top right, rgba(210, 253, 212, 0.48) 0%, rgba(138, 233, 237, 0.48) 100%);
    background: -o-linear-gradient(top right, rgba(210, 253, 212, 0.48) 0%, rgba(138, 233, 237, 0.48) 100%);
    box-shadow: 0 5px 5px rgba(225, 225, 225, 0.3);
}

.swiper-hm-pro .swiper-slide:hover .s {
    display: none;
}

.swiper-hm-pro .swiper-slide:hover .h {
    display: block;
}

.hm-link {
    width: 100%;
    padding: 0.9rem 2.1rem 0.66rem;
    background: url(../images/bg2.jpg) center / cover no-repeat;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.hm-link a {
    text-align: center;
}

.hm-link a h6 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 0.08rem;
}

.hm-link a .en {
    color: #fff;
    font-size: 14px;
    font-family: futu;
    text-transform: uppercase;
    opacity: 0.4;
    margin-bottom: 0.22rem;
}

.hm-link a .desc {
    width: 6rem;
    margin: 0 auto 0.26rem;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    /*height: 72px;*/
}

.hm-link a .y {
    width: 0.44rem;
    height: 0.44rem;
    line-height: calc(0.44rem - 2px);
    color: #fff;
    font-size: 0.24rem;
    border-radius: 50%;
    border: 2px solid #fff;
    margin: 0 auto;
}

.hm-title- .en {
    color: #eaeaea;
    font-size: 0.5rem;
    font-family: futu;
}

.hm-title- h4 {
    color: #333;
    font-size: 0.5rem;
    margin-top: -0.2rem;
}

.hm-core {
    width: 100%;
    padding: 0 2.1rem 0.85rem;
}

.hm-core .hm-title- {
    padding: 0.7rem 0 0.65rem;
}

.hm-core .items {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.hm-core .item {
    width: 24%;
    height: 4.52rem;
    background-color: #f7f7f7;
    position: relative;
}

.hm-core .item .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}

.hm-core .item .txt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    z-index: 2;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    padding: 0 0.4rem;
    text-align: center;
}

.hm-core .item .cir {
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 50%;
    background-image: url(../images/bg3.png);
    background-position: center;
    background-size: 100% 100%;
    margin-bottom: 0.28rem;
    padding: 0.18rem;
}

.hm-core .item .cir .sub {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #d5e7df;
    display: flex;
    display: -webkit-flex;
}

.hm-core .item .cir .sub img {
    display: block;
    height: 0.44rem;
    margin: auto;
}

.hm-core .item h6 {
    color: #333;
    font-size: 24px;
    margin-bottom: 0.1rem;
}

.hm-core .item .desc {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 96px;
}

.hm-core .item .y {
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 50%;
    border: 2px solid #67bc96;
    background-color: #fff;
    color: #67bc96;
    font-size: 0.24rem;
    line-height: calc(0.44rem - 2px);
    text-align: center;
}

.hm-core .item:hover .bg {
    opacity: 1;
}

.hm-core .item:hover .cir {
    background-image: url(../images/bg-ed3.png);
}

.hm-core .item:hover .cir .sub {
    background-color: #fff;
}

.hm-core .item:hover h6 {
    color: #fff;
}

.hm-core .item:hover .desc {
    color: #fff;
}

.hm-core .item:hover .y {
    border-color: #fff;
}

.hm-par {
    width: 100%;
    padding: 0 2.1rem 1.2rem;
    background: url(../images/bg4.jpg) center / cover no-repeat;
}

.hm-par .hm-title- {
    padding: 0.7rem 0 0.72rem;
}

.hm-par .hm-title- .en {
    color: rgba(255, 255, 255, 0.1);
}

.hm-par .hm-title- h4 {
    color: #fff;
}

.hm-par .swiper {
    width: 100%;
    padding-right: 16.8%;
}

.swiper-part {
    width: 100%;
    height: 4.26rem;
    padding-bottom: 0.95rem;
}

.swiper-part .swiper-slide .logo, .swiper-part .swiper-slide .bg {
    width: 100%;
    height: 1.09rem;
    margin-bottom: 2px;
}

.swiper-part .swiper-slide .logo {
    background-color: rgba(255, 255, 255, 0.05);
    display: flex;
    display: -webkit-flex;
}

.swiper-part .swiper-slide .logo img {
    max-width: 90%;
    max-height: 90%;
    margin: auto;
}

.swiper-part .swiper-slide .bg {
    background-color: rgba(255, 255, 255, 0.2);
}

.swiper-part .swiper-slide .slide:last-child {
    margin-bottom: 0;
}

.swiper-part .pag-part {
    font-size: 0;
    bottom: 0;
    text-align: left;
}

.swiper-part .swiper-pagination-bullet {
    border: 2px solid #fff;
    background-color: transparent;
    opacity: 1;
}

.swiper-part .swiper-pagination-bullet-active {
    background-color: #fff;
}

.hm-news {
    width: 100%;
    padding: 0 2.1rem 1.02rem;
    background: url(../images/bg5.jpg) center / cover;
}

.hm-news .tit {
    padding: 0.9rem 0 0.66rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.hm-news .tab {
    display: flex;
    display: -webkit-flex;
}

.hm-news .tab a {
    background-color: #5194ce;
    width: 144px;
    height: 48px;
    border-radius: 24px;
    box-shadow: 0 10px 24px rgba(20, 83, 168, 0.2);
    line-height: 48px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-left: 0.15rem;
}

.hm-news .tab a:hover {
    background-color: #67bc96;
}

.swiper-news {
    width: 100%;
    padding: 0 0 0.65rem;
}

.swiper-news .swiper-slide {
    display: block;
    background-color: #fff;
    padding: 0.44rem 0.4rem 0.38rem;
    border-radius: 0.12rem;
}

.swiper-news .swiper-slide .date {
    color: #999;
    font-size: 14px;
    font-family: futu;
    margin-bottom: 0.15rem;
}

.swiper-news .swiper-slide h6 {
    color: #333;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0.15rem;
}

.swiper-news .swiper-slide .desc {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.15rem;
}

.swiper-news .swiper-slide .line {
    width: 100%;
    height: 1px;
    background-color: #e8ebef;
    margin-bottom: 0.22rem;
}

.swiper-news .swiper-slide .y {
    width: 0.36rem;
    height: 0.36rem;
    border-radius: 50%;
    border: 2px solid #67bc96;
    line-height: 0.32rem;
    text-align: center;
    color: #67bc96;
    font-size: 0.24rem;
}

.swiper-news .swiper-slide:hover h6 {
    color: #67bc96;
    text-decoration: underline;
}

.swiper-news .swiper-slide:hover .y {
    background-color: #67bc96;
    color: #fff;
}

.swiper-news .pag-news {
    font-size: 0;
    bottom: 0;
}

.swiper-news .swiper-pagination-bullet {
    border: 2px solid #5194ce;
    background-color: transparent;
    opacity: 1;
}

.swiper-news .swiper-pagination-bullet-active {
    background-color: #5194ce;
}

.hm-tact {
    width: 100%;
    padding: 0 2.1rem 0.56rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.hm-tact .text {
    width: 37.8%;
}

.hm-tact .hm-title- {
    padding: 0.54rem 0 0.4rem;
}

.hm-tact .addr {
    width: 100%;
    border-top: 2px solid #5194ce;
    line-height: 58px;
    color: #666;
    font-size: 16px;
    line-height: 26px;
    padding: 0.12rem 0.22rem;
    background-color: #f5f7f9;
    margin-bottom: 0.38rem;
}

.hm-tact .item {
    position: relative;
}

.hm-tact .item input {
    display: block;
    width: 100%;
    height: 48px;
    background-color: #f5f7f9;
    padding-left: 100px;
    border: none;
    margin-bottom: 0.2rem;
}

.hm-tact .item .t {
    color: #666;
    font-size: 16px;
    position: absolute;
    left: 18px;
    top: 16px;
}

.hm-tact .item textarea {
    display: block;
    width: 100%;
    height: 130px;
    background-color: #f5f7f9;
    border: none;
    padding: 16px 0.2rem 16px 100px;
    resize: none;
    margin-bottom: 0.28rem;
}

.hm-tact .btn {
    display: block;
    width: 100%;
    height: 56px;
    border: none;
    background-color: #5194ce;
    color: #fff;
    font-size: 16px;
}

.hm-tact .map {
    width: 55%;
    padding: 0.6rem 0 0;
}

.hm-tact .map img {
    display: block;
    width: 100%;
}

footer {
    width: 100%;
}

footer .btm {
    width: 100%;
    padding: 15px 0.8rem;
    background-color: #2c2c2c;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

footer .btm p, footer .btm a {
    color: #fff;
    font-size: 13px;
}

.foot {
    width: 100%;
    padding: 0.44rem 0.8rem 0.32rem;
    background-color: #333;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.foot .f {
    display: flex;
    display: -webkit-flex;
}

.foot .erweima {
    width: 118px;
    margin-left: 0.16rem;
}

.foot .erweima img {
    display: block;
    width: 100%;
    margin-bottom: 0.1rem;
}

.foot .erweima p {
    text-align: center;
    color: #fff;
    font-size: 13px;
}

.foot .txt {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: flex-end;
}

.foot .txt p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0.08rem;
}

.foot .txt .line {
    width: 17px;
    height: 1px;
    background-color: #fff;
    margin-bottom: 0.12rem;
}

.foot .txt .ph {
    color: #fff;
    font-size: 18px;
    font-family: DIN;
    margin-bottom: 0.3rem;
}

.foot .txt .join {
    width: 254px;
    height: 32px;
    background-color: #5194ce;
    padding: 0 15px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.foot .txt .join span {
    color: #fff;
    font-size: 14px;
}

.f-nav {
    display: flex;
    display: -webkit-flex;
}

.f-nav dl {
    margin-right: 0.9rem;
}

.f-nav dt {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0.18rem;
}

.f-nav dd {
    margin-bottom: 0.14rem;
}

.f-nav dd a {
    color: #c4c4c4;
    font-size: 13px;
}

.f-nav dd a:hover {
    color: #67bc96;
}

.ins-banner {
    width: 100%;
    position: relative;
}

.ins-banner .img {
    display: block;
    width: 100%;
}

.ins-banner .txt {
    position: absolute;
    bottom: 1.2rem;
    left: 2.1rem;
}

.ins-banner .txt h1 {
    color: #fff;
    font-size: 0.5rem;
    margin-bottom: 0.06rem;
}

.ins-banner .txt .en {
    color: #fff;
    font-size: 0.24rem;
    font-family: futu;
    text-transform: uppercase;
}

.ins-banner .dt {
    position: absolute;
    bottom: 1.2rem;
    left: 0;
    right: 0;
    padding: 0 2.1rem;
}

.ins-banner .dt h1 {
    color: #fff;
    font-size: 0.48rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.22rem;
    letter-spacing: 2px;
    line-height: 1.5;
}

.ins-banner .dt .date {
    color: #fff;
    font-size: 0.24rem;
    font-family: DIN;
    text-align: center;
    margin-bottom: 0.58rem;
}

.ins-banner .dt .a {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}

.ins-banner .dt .a a {
    width: 120px;
    height: 48px;
    background-color: #5194ce;
    border-radius: 24px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 48px;
}

.ins-banner .dt .a a img {
    display: inline-block;
    vertical-align: middle;
}

.ins-banner .dt .a .prev img {
    margin-right: 0.15rem;
}

.ins-banner .dt .a .next img {
    margin-left: 0.15rem;
}

.ins-banner .dt .a .back {
    width: 142px;
    background-color: #67bc96;
    margin: 0 0.18rem;
}

.brand {
    width: 100%;
    height: 0.8rem;
    padding: 0 2.1rem;
    border-bottom: 1px solid #e8eeeb;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.brand.bg {
    background-color: #f8f8f8;
}

.ins-nav {
    display: flex;
    display: -webkit-flex;
}

.ins-nav a {
    line-height: 0.4rem;
    position: relative;
    color: #333;
    font-size: 16px;
    margin-right: 0.6rem;
}

.ins-nav a.active {
    color: #67bc96;
}

.ins-nav a.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #67bc96;
    border-radius: 3px 3px 0 0;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.mianbao {
    padding-left: 26px;
    background: url(../images/icon-h.png) left center no-repeat;
}

.mianbao a {
    color: #333;
    font-size: 13px;
    padding-right: 12px;
    margin-right: 6px;
    background: url(../images/icon-j.png) center right no-repeat;
}

.mianbao span {
    color: #67bc96;
    font-size: 13px;
}

.ab-intro {
    width: 100%;
    padding: 0.6rem 2.1rem 0.86rem;
}

.ab-intro .f {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 0.46rem;
}

.ab-intro .txt {
    width: 70%;
}

.ab-intro .txt h6 {
    color: #333;
    font-size: 24px;
    margin-bottom: 0.2rem;
}

.ab-intro .txt .desc {
    color: #666;
    font-size: 16px;
    line-height: 26px;
}

.ab-intro .img {
    width: 100%;
    height: 5.18rem;
    background-position: center;
    background-size: cover;
    position: relative;
}

.ab-intro .img ul {
    display: flex;
    display: -webkit-flex;
    position: absolute;
    left: 0.4rem;
    bottom: 0.4rem;
}

.ab-intro .img li {
    width: 184px;
    background-color: #fff;
    margin-right: 3px;
    padding: 0.4rem 0.36rem 0.3rem;
}

.ab-intro .img li h6 {
    color: #5194ce;
    font-size: 14px;
    margin-bottom: 0.08rem;
}

.ab-intro .img li h6 b {
    font-size: 36px;
    font-family: DIN;
    margin-right: 0.1rem;
}

.ab-intro .img li h6 sup {
    font-size: 14px;
    top: -1.3em;
}

.ab-intro .img li p {
    color: #333;
    font-size: 14px;
    line-height: 18px;
}

.ab-bus {
    width: 100%;
    padding: 0.5rem 2.1rem 0.88rem;
    background-image: url(../images/bg7.jpg);
    background-position: center;
    background-size: cover;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.ab-bus .hm-title- {
    margin-bottom: 0.66rem;
}

.ab-bus .hm-title- .en {
    color: rgba(255, 255, 255, 0.1);
}

.ab-bus .hm-title- h4 {
    color: #fff;
}

.ab-bus .desc {
    width: 420px;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}

.ab-bus .items {
    width: 7.2rem;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.ab-bus .item {
    width: 2.14rem;
    height: 2.14rem;
    margin-left: 0.26rem;
    margin-top: 0.26rem;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.24rem;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    text-align: center;
}

.ab-bus .item img {
    height: 0.6rem;
    margin-bottom: 0.22rem;
}

.ab-bus .item h6 {
    width: 100px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    height: 48px;
}

.ab-bus .item:hover {
    border-color: #fff;
}

.ab-tec {
    width: 100%;
    padding: 0.7rem 2.1rem 1.15rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    background: url(../images/bg8.jpg) center / cover;
}

.ab-tec .text {
    width: 70%;
}

.ab-tec .desc {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0.6rem;
}

.ab-tec ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.ab-tec li {
    width: 132px;
    height: 132px;
    border-radius: 50%;
    background: linear-gradient(to bottom right, #67bc96 0%, #5194ce 100%);
    background: -webkit-gradient(linear, top left, bottom right, color-stop(0%, #67bc96), color-stop(100%, #5194ce));
    background: -webkit-linear-gradient(top left, #67bc96 0%, #5194ce 100%);
    background: -moz-linear-gradient(top left, #67bc96 0%, #5194ce 100%);
    background: -ms-linear-gradient(top left, #67bc96 0%, #5194ce 100%);
    background: -o-linear-gradient(top left, #67bc96 0%, #5194ce 100%);
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.ab-tec li p {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    width: 90px;
    text-align: center;
}

.ab-tec li:nth-child(2n) {
    margin-top: 0.85rem;
}

.ab-cp {
    width: 100%;
    padding: 0.8rem 2.1rem 1rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.ab-cp .txt {
    width: 70%;
}

.ab-cp .txt .desc {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0.25rem;
}

.ab-cp .txt h6 {
    color: #666;
    font-size: 24px;
}

.ab-items {
    width: 100%;
    display: flex;
    display: -webkit-flex;
}

.ab-items .item {
    width: 25%;
    height: 2.8rem;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    background-position: center;
    background-size: cover;
}

.ab-items .item h6 {
    color: #fff;
    font-size: 0.3rem;
    margin-bottom: 0.22rem;
}

.ab-items .item p {
    color: #fff;
    font-size: 0.18rem;
}

.story {
    width: 100%;
    padding: 0.75rem 6rem 2.66rem 2.1rem;
    background: url(../images/bg9.jpg) center / cover;
}

.story .cont {
    width: 100%;
    position: relative;
    padding-left: 1.2rem;
}

.story .tit {
    display: flex;
    display: -webkit-flex;
    position: absolute;
    left: 0;
    top: 0;
}

.story .tit h4 {
    color: #333;
    font-size: 32px;
    font-weight: bold;
    writing-mode: vertical-lr;
    margin-left: -0.3rem;
}

.story .tit .en {
    font-size: 48px;
    color: rgba(51, 51, 51, 0.1);
    font-family: futu;
    writing-mode: vertical-lr;
}

.story .desc {
    color: #333;
    font-size: 16px;
    line-height: 24px;
}

.story .desc * {
    color: #333;
    font-size: 16px;
    line-height: 24px;
}

.culture {
    width: 100%;
    padding: 1.04rem 2.1rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.culture .item {
    width: 23.6%;
    text-align: center;
}

.culture .item .icon {
    display: block;
    height: 0.88rem;
    margin: 0 auto 0.28rem;
}

.culture .item .en {
    color: rgba(51, 51, 51, 0.05);
    font-size: 48px;
    font-family: futu;
    font-weight: bold;
    text-transform: uppercase;
}

.culture .item h6 {
    color: #333;
    font-size: 24px;
    margin-top: -34px;
    margin-bottom: 15px;
}

.culture .item p {
    color: #666;
    font-size: 15px;
    margin-bottom: 0.4rem;
}

.culture .item .img {
    width: 100%;
    height: 2.06rem;
    border-radius: 0.12rem;
    background-position: center;
    background-size: cover;
}

.video {
    width: 100%;
    padding: 0.6rem 2.1rem 0;
}

.video .items {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.video .item {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 0.36rem;
}

.video .item:nth-child(3n) {
    margin-right: 0;
}

.video .item .img {
    width: 100%;
    height: 2.7rem;
    border-radius: 0.12rem;
    margin-bottom: 0.2rem;
    position: relative;
    overflow: hidden;
}

.video .item .img .tu {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video .item .img .play {
    display: block;
    width: 0.48rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.video .item h6 {
    color: #333;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video .item:hover .img {
    box-shadow: 0 0.1rem 0.2rem rgba(20, 83, 168, 0.2);
}

.page {
    padding: 0.4rem 0 0.55rem;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}

.page a, .page strong {
    width: 0.34rem;
    height: 0.34rem;
    line-height: 0.34rem;
    color: #37363b;
    font-size: 13px;
    margin: 0 0.07rem;
    text-align: center;
    border-radius: 50%;
}

.page strong {
    background-color: #67bc96;
    color: #fff;
    box-shadow: 0 0.1rem 0.24rem rgba(103, 188, 150, 0.4);
}

.td-title {
    color: #333;
    font-size: 36px;
}

.td-title b {
    font-size: 60px;
    font-family: futu;
    font-weight: bold;
    color: #67bc96;
}

.tongdian {
    width: 100%;
    padding: 0.78rem 2.1rem 0.58rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-end;
    -webkit-align-items: flex-end;
}

.tongdian .text {
    width: 57%;
}

.tongdian .text .desc {
    padding-bottom: 0.3rem;
    color: #666;
    font-size: 16px;
    line-height: 24px;
}

.tongdian .td-title {
    margin-bottom: 0.12rem;
}

.tongdian ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.tongdian li {
    width: 24%;
    margin-right: 14%;
    padding: 0.4rem 0 0;
}

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

.tongdian li .num {
    color: #999;
    font-size: 0.48rem;
    font-family: DIN;
    font-weight: bold;
    margin-bottom: 0.16rem;
}

.tongdian li .line {
    width: 0.15rem;
    height: 2px;
    background-color: #67bc96;
    margin-bottom: 0.15rem;
}

.tongdian li p {
    color: #333;
    font-size: 0.18rem;
    line-height: 0.24rem;
}

.tongdian li p span {
    color: #67bc96;
}

.tongdian .img {
    width: 35%;
}

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

.aidiann {
    width: 100%;
    padding: 0.8rem 2.1rem 1.26rem;
    background: url(../images/bg10.jpg) center / cover;
}

.aidiann .td-title {
    margin-bottom: 0.6rem;
}

.aidiann .items {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.aidiann .item {
    width: 30%;
    margin-right: 5%;
}

.aidiann .item:nth-child(3n) {
    margin-right: 0;
}

.aidiann .item .line {
    width: 15px;
    height: 2px;
    background-color: #333;
    margin-bottom: 0.15rem;
}

.aidiann .item h6 {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0.18rem;
}

.aidiann .item .desc {
    color: #333;
    font-size: 15px;
    line-height: 24px;
    height: 96px;
    margin-bottom: 0.12rem;
    padding-right: 0.7rem;
}

.aidiann .item .img {
    width: 100%;
    height: 1.54rem;
    border-radius: 0.12rem;
    background-position: center;
    background-size: cover;
    position: relative;
}

.aidiann .item .img .num {
    color: #333;
    font-size: 48px;
    font-family: DIN;
    font-weight: bold;
    position: absolute;
    left: 0.32rem;
    top: -0.22rem;
}

.nandian {
    width: 100%;
    padding: 0.76rem 2.1rem 0;
}

.nandian .td-title {
    margin-bottom: 0.18rem;
}

.nandian .items {
    width: 100%;
    display: flex;
    display: -webkit-flex;
}

.nandian .item {
    width: 25%;
    height: 4.06rem;
    border-radius: 0.24rem 0.24rem 0 0;
    background-position: center;
    background-size: cover;
    position: relative;
}

.nandian .item .bg {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.nandian .item .num {
    color: #67bc96;
    opacity: 0.1;
    font-size: 1.2rem;
    font-family: DIN;
    font-weight: bold;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 1;
}

.nandian .item .txt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    color: #333;
    padding: 0 0.7rem;
    text-align: center;
}

.nandian .item .txt h6 {
    font-size: 24px;
    margin-bottom: 0.15rem;
}

.nandian .item .txt p {
    font-size: 16px;
    margin-bottom: 0.28rem;
}

.nandian .item .txt .line {
    width: 15px;
    height: 2px;
    background-color: #67bc96;
}

.nandian .item:hover .bg {
    opacity: 0;
}

.nandian .item:hover .num {
    color: #fff;
    opacity: 0.3;
}

.nandian .item:hover .txt {
    color: #fff;
}

.funeng {
    width: 100%;
    padding: 0.52rem 2.1rem 0.46rem;
}

.funeng .items {
    width: 100%;
    padding: 0 0 0.2rem;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.funeng .item {
    width: 48.8%;
    height: 3.2rem;
    background-position: center;
    background-size: cover;
    margin-bottom: 0.36rem;
    position: relative;
}

.funeng .item .bg {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.funeng .item h6 {
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 0.25rem;
    left: 0.4rem;
    z-index: 2;
}

.loading {
    width: 175px;
    height: 48px;
    margin: 0 auto;
    border-radius: 48px;
    border: 2px solid #e5e5e5;
    padding: 0 0.3rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    cursor: pointer;
}

.loading span {
    color: #333;
    font-size: 15px;
}

.pro {
    width: 100%;
    padding: 0.7rem 2.1rem 0.66rem;
}

.pro .items {
    width: 100%;
}

.pro .item {
    width: 100%;
    margin-bottom: 0.78rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.pro .item:nth-child(odd) {
    flex-direction: row;
    -webkit-flex-direction: row;
}

.pro .item:nth-child(even) {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}

.pro .item .text, .pro .item .img {
    width: 47.6%;
}

.pro .item .text .icon {
    display: block;
    height: 0.6rem;
    margin-bottom: 0.25rem;
}

.pro .item .text h6 {
    color: #333;
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0.18rem;
}

.pro .item .text .desc {
    padding: 0.15rem 0 0.35rem;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 0.2rem;
}

.pro .item .text .desc p {
    color: #666;
    font-size: 15px;
    line-height: 2;
}

.pro .item .text .d {
    width: 1.26rem;
    height: 0.4rem;
    border: 0.02rem solid #67bc96;
    border-radius: 0.2rem;
    line-height: 0.36rem;
    text-align: center;
    color: #67bc96;
    font-size: 14px;
}

.pro .item .text .d b {
    margin-left: 0.1rem;
}

.pro .item .img {
    height: 3.6rem;
    overflow: hidden;
}

.pro .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}

.pro .item:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.zhanwei {
    height: 78px;
}

.pro-dt {
    width: 100%;
    padding: 0 2.1rem;
}

.pro-dt .head {
    width: 100%;
    padding: 0.6rem 0 0.65rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.pro-dt .text {
    width: 47.6%;
}

.pro-dt .text h5 {
    color: #333;
    font-size: 0.3rem;
    padding-bottom: 0.28rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 0.18rem;
}

.pro-dt .text .p {
    margin-bottom: 1rem;
}

.pro-dt .text .p p {
    color: #333;
    font-size: 15px;
    line-height: 2;
}

.pro-dt .text .zi {
    display: flex;
    display: -webkit-flex;
}

.pro-dt .text .zi .a {
    padding: 0 0.4rem;
    height: 48px;
    border-radius: 24px;
    line-height: 48px;
    color: #fff;
    font-size: 14px;
}

.pro-dt .text .zi .zai {
    background-color: #67bc96;
    margin-right: 0.15rem;
    box-shadow: 0 10px 24px rgba(103, 188, 150, 0.2);
}

.pro-dt .text .zi .re {
    background-color: #5194ce;
    box-shadow: 0 10px 24px rgba(20, 83, 168, 0.2);
}

.pro-dt .text .zi .re b {
    font-family: DIN;
    margin-left: 0.1rem;
}

.pro-dt .items {
    width: 100%;
}

.pro-dt .item {
    width: 100%;
    border-top: 1px solid #333;
    padding: 0.44rem 0 0.42rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.pro-dt .item .t {
    width: 24%;
    color: #333;
    font-size: 0.28rem;
    line-height: 0.36rem;
}

.pro-dt .item .con {
    width: 70%;
}

.pro-dt .item video {
    display: block;
    width: 100%;
    margin-bottom: 0.25rem;
}

.pro-dt .item .desc {
    width: 100%;
}

.pro-dt .item .desc * {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    font-weight: lighter;
}

.swiper-pro {
    width: 48%;
    height: 3.6rem;
    border-radius: 0.12rem;
    margin: 0;
}

.swiper-pro .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.partner {
    width: 100%;
    background-color: #f9f9f9;
    padding: 0.62rem 2.1rem 1.04rem;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.partner .li {
    width: calc((100% - 10px) / 6);
    height: 1.1rem;
    margin-bottom: 2px;
    margin-right: 2px;
    background-color: #fff;
    display: flex;
    display: -webkit-flex;
}

.partner .li img {
    display: block;
    margin: auto;
    max-width: 80%;
    max-height: 80%;
}

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

.partner .li:hover {
    box-shadow: 0 0 0.3rem rgba(187, 187, 187, 0.3);
}

.ky-intro {
    width: 100%;
    padding: 0.9rem 2.1rem 1.2rem;
    background: url(../images/bg12.jpg) center / cover;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.ky-intro .desc {
    width: 70%;
}

.ky-intro .desc * {
    color: #666;
    font-size: 16px;
    line-height: 24px;
}

.ky-team {
    width: 100%;
    padding: 0.6rem 2.1rem 0.7rem;
}

.ky-team-head {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 0 0 0.54rem;
}

.ky-team-head .f {
    width: 70%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.ky-team-head .img {
    width: 26.4%;
}

.ky-team-head .img img {
    display: block;
    width: 100%;
}

.ky-team-head .txt {
    width: 68.5%;
}

.ky-team-head .txt h6 {
    color: #333;
    font-size: 0.3rem;
    padding-bottom: 0.12rem;
    border-bottom: 2px solid #f4f4f4;
    position: relative;
    margin-bottom: 0.15rem;
}

.ky-team-head .txt h6:after {
    content: "";
    display: block;
    width: 0.88rem;
    height: 2px;
    background-color: #67bc96;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.ky-team-head .txt .desc * {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}

.swiper-ky {
    width: 100%;
    padding: 0 0 0.44rem;
}

.swiper-ky .swiper-slide .img {
    width: 100%;
    height: 2.9rem;
    margin-bottom: 0.32rem;
}

.swiper-ky .swiper-slide .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-ky .swiper-slide h6 {
    color: #333;
    font-size: 24px;
    padding-bottom: 0.15rem;
    border-bottom: 2px solid #f4f4f4;
    position: relative;
    margin-bottom: 0.15rem;
}

.swiper-ky .swiper-slide h6:after {
    content: "";
    display: block;
    width: 88px;
    height: 2px;
    background-color: #67bc96;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.swiper-ky .swiper-slide .desc * {
    color: #666;
    font-size: 14px;
    line-height: 25px;
}

.swiper-ky .pag-ky {
    font-size: 0;
    bottom: 0;
}

.swiper-ky .swiper-pagination-bullet {
    background-color: #e5e5e5;
    opacity: 1;
}

.swiper-ky .swiper-pagination-bullet-active {
    background-color: #67bc96;
}

.ky-res {
    width: 100%;
    background-color: #f9f9f9;
    padding: 0.6rem 2.1rem 0.5rem;
}

.ky-res .f {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 0 0 0.4rem;
}

.ky-res .desc * {
    color: #666;
    font-size: 16px;
    line-height: 42px;
}

.ky-res .zheng {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 0 0 0.3rem;
}

.ky-res .zheng .img {
    width: calc((100% - 0.6rem) / 4);
    margin-bottom: 0.2rem;
    margin-right: 0.2rem;
}

.ky-res .zheng .img:nth-child(4n) {
    margin-right: 0;
}

.ky-res .zheng .img img {
    display: block;
    width: 100%;
    height: 2.5rem;
}

.ky-res .zhuan {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 0 0 0.4rem;
}

.ky-res .zhuan .img {
    width: 19%;
    margin-bottom: 0.2rem;
    border: 1px solid #eee;
    padding: 0.18rem;
    background-color: #fff;
}

.ky-res .zhuan .img img {
    display: block;
    width: 100%;
}

.more2 {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    width: 175px;
    height: 44px;
    margin: 0 auto;
    border-radius: 24px;
    padding: 0 20px;
    border: 2px solid #e5e5e5;
    background-color: #fff;
}

.more2 span {
    color: #333;
    font-size: 15px;
}

.patent {
    width: 100%;
    padding: 0.42rem 2.1rem 0;
    background-color: #f9f9f9;
}

.zl-items {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.zl-items .item {
    width: calc((100% - 0.81rem) / 4);
    margin-right: 0.27rem;
    margin-bottom: 0.4rem;
}

.zl-items .item:nth-child(4n) {
    margin-right: 0;
}

.zl-items .item .img {
    width: 100%;
    height: 4.7rem;
    /*background-color: #fff;*/
    border: 1px solid #eee;
    display: flex;
    display: -webkit-flex;
    position: relative;
    cursor: pointer;
    margin-bottom: 0.2rem;
}

.zl-items .item .img .tu {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.zl-items .item .icon {
    display: block;
    width: 0.46rem;
    box-shadow: 0 0 0.2rem rgba(170, 170, 170, 0.5);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.zl-items .item h6 {
    color: #333;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zl-items .item:hover .img {
    box-shadow: 0 0.1rem 0.2rem rgba(20, 83, 168, 0.1);
}

.jy-items {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.jy-items .item {
    width: calc((100% - 0.81rem) / 4);
    margin-right: 0.27rem;
    margin-bottom: 0.4rem;
}

.jy-items .item:nth-child(4n) {
    margin-right: 0;
}

.jy-items .item .img {
    width: 100%;
    height: 4.7rem;
    background-color: #fff;
    border: 1px solid #eee;
    display: flex;
    display: -webkit-flex;
    position: relative;
    cursor: pointer;
    margin-bottom: 0.2rem;
    padding: 0.2rem;
}

.jy-items .item .img .tu {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.jy-items .item .icon {
    display: block;
    width: 0.46rem;
    box-shadow: 0 0 0.2rem rgba(170, 170, 170, 0.5);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.jy-items .item h6 {
    color: #333;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jy-items .item:hover .img {
    box-shadow: 0 0.1rem 0.2rem rgba(20, 83, 168, 0.1);
}

.xq-head {
    width: 100%;
    padding: 0.7rem 2.1rem 0.96rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.xq-head .xq-list {
    width: 48%;
}

.xq-head .hm-title- {
    margin-bottom: 0.3rem;
}

.xq-head .desc * {
    color: #333;
    font-size: 18px;
    line-height: 32px;
}

.xq-head .desc img {
    max-width: 100%;
    height: auto !important;
}

.xq-jm {
    width: 100%;
    padding: 0.85rem 2.1rem 0.95rem;
    background-color: #f8f8f8;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.xq-jm .desc {
    width: 70%;
}

.xq-jm .desc * {
    color: #333;
    font-size: 18px;
    line-height: 32px;
}

.xq-jm .desc img {
    max-width: 100%;
    height: auto !important;
}

.ctt-map {
    width: 100%;
    padding: 0.45rem 2.1rem 0.54rem;
}

.ctt-map .txt {
    width: 100%;
    border-radius: 0 0 0.12rem 0.12rem;
    background-color: #fff;
    padding: 0.46rem 0.4rem 0.55rem;
    box-shadow: 0 0.1rem 0.2rem rgba(218, 219, 221, 0.2);
    display: flex;
    display: -webkit-flex;
}

.ctt-map .txt .li {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 1.7rem;
}

.ctt-map .txt .li:last-child {
    margin-right: 0;
}

.ctt-map .txt .li .cir {
    width: 38px;
    height: 38px;
    background-color: #e9f2ee;
    border-radius: 50%;
    margin-right: 0.15rem;
    display: flex;
    display: -webkit-flex;
}

.ctt-map .txt .li .cir img {
    margin: auto;
}

.ctt-map .txt .li p {
    color: #666;
    font-size: 14px;
    margin-bottom: 8px;
}

.ctt-map .txt .li span {
    color: #333;
    font-size: 0.16rem;
    font-weight: bold;
    white-space: nowrap;
}

.my-map {
    width: 100%;
    height: 4.3rem;
    border-radius: 0.12rem 0.12rem 0 0;
    border: 0.03rem solid #e5e5e5;
}

.my-map .icon {
    background: url(https://a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat;
}

.my-map .icon-cir {
    height: 31px;
    width: 28px;
}

.my-map .icon-cir-red {
    background-position: -11px -5px;
}

.amap-container {
    height: 100%;
}

.myinfowindow {
    width: 240px;
    min-height: 50px;
}

.myinfowindow h5 {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    width: 220px;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}

.myinfowindow div {
    margin-top: 10px;
    min-height: 40px;
    line-height: 20px;
    font-size: 13px;
    color: #6f6f6f;
}

.ctt-msg {
    width: 100%;
    padding: 0.86rem 4.12rem 0.98rem;
    background: url(../images/bg13.jpg) center / cover;
}

.ctt-msg h5 {
    color: #fff;
    font-size: 0.3rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.6rem;
}

.ctt-msg .fs {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.ctt-msg .fs .f {
    width: 49%;
}

.ctt-msg .item {
    width: 100%;
    position: relative;
}

.ctt-msg .item .t {
    color: #333;
    font-size: 0.16rem;
    position: absolute;
    top: 0.2rem;
    left: 20px;
}

.ctt-msg .item input {
    display: block;
    width: 100%;
    height: 0.54rem;
    background-color: #fff;
    border: none;
    padding-left: 1.05rem;
    margin-bottom: 0.22rem;
}

.ctt-msg .item textarea {
    display: block;
    width: 100%;
    height: 1.5rem;
    margin-bottom: 0.5rem;
    padding: 0.18rem 0.2rem 0.18rem 1.05rem;
}

.ctt-msg .btn {
    display: block;
    width: 2.16rem;
    height: 0.58rem;
    margin: 0 auto;
    border: 0.02rem solid #fff;
    border-radius: 0.29rem;
    background-color: transparent;
    color: #fff;
    font-size: 0.18rem;
}

.ctt-rec {
    width: 100%;
    padding: 0.7rem 2.1rem;
}

.ctt-rec .f {
    padding: 0 0 0.4rem;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.ctt-rec .f h4 {
    color: #333;
    font-size: 30px;
}

.ctt-rec .f p {
    color: #333;
    font-size: 16px;
}

.ctt-rec .f p span {
    color: #67bc96;
}

.ctt-rec .items {
    width: 100%;
}

.ctt-rec .head {
    width: 100%;
    height: 0.7rem;
    background-color: #f4f4f4;
    padding: 0 0.3rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.ctt-rec .head p {
    width: 25%;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}

.ctt-rec .item:nth-child(odd) {
    background-color: #f4f4f4;
}

.ctt-rec .item .t {
    width: 100%;
    height: 0.7rem;
    padding: 0 0.3rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    cursor: pointer;
}

.ctt-rec .item .t p {
    width: 25%;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}

.ctt-rec .item .cont {
    width: 100%;
    display: none;
}

.ctt-rec .item .con {
    width: 100%;
    padding: 0.5rem 0.3rem 0.36rem;
    border: 2px solid #67bc96;
    border-top: none;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.ctt-rec .item .desc {
    width: 44%;
    color: #666;
    font-size: 15px;
    line-height: 24px;
}

.ctt-rec .item .desc * {
    color: #666;
    font-size: 15px;
    line-height: 24px;
}

.ctt-rec .item.ed .t {
    background-color: #67bc96;
}

.ctt-rec .item.ed .t p {
    color: #fff;
}

.news {
    width: 100%;
    padding: 0.4rem 2.1rem 0;
    background-color: #f9f9f9;
}

.news .items {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.news .item {
    width: 32.4%;
    margin-right: 1.4%;
    margin-bottom: 0.25rem;
    background-color: #fff;
    border-radius: 0.12rem;
    padding: 0.44rem 0.4rem 0.38rem;
}

.news .item:nth-child(3n) {
    margin-right: 0;
}

.news .item .date {
    color: #999;
    font-size: 14px;
    margin-bottom: 0.16rem;
}

.news .item h6 {
    color: #333;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0.15rem;
}

.news .item .desc {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.15rem;
}

.news .item .line {
    width: 100%;
    height: 1px;
    background-color: #e8ebef;
    margin-bottom: 0.22rem;
}

.news .item .d {
    width: 0.36rem;
    height: 0.36rem;
    border-radius: 50%;
    border: 0.02rem solid #67bc96;
    color: #67bc96;
    font-size: 0.24rem;
    line-height: 0.32rem;
    text-align: center;
}

.news .item:hover {
    box-shadow: 0 0.06rem 0.24rem rgba(192, 210, 202, 0.3);
}

.news .item:hover .d {
    background-color: #67bc96;
    color: #fff;
}

.detail {
    width: 900px;
    margin: 0 auto;
    padding: 0.3rem 0 0.7rem;
}

.detail .desc * {
    /*color: #333;*/
    /*font-size: 16px;*/
    /*line-height: 28px;*/
}

.menu {
    display: none;
}

.res-head {
    padding: 0.48rem 0 0;
    border-bottom: 1px solid #f1f1f1;
}

.res-head .sea {
    width: 800px;
    margin: 0 auto 0.45rem;
    position: relative;
}

.res-head .sea .input {
    display: block;
    width: 100%;
    height: 50px;
    background-color: #f8f8f8;
    border-radius: 25px;
    border: none;
    padding-left: 20px;
    padding-right: 50px;
}

.res-head .sea .btn {
    display: block;
    width: 50px;
    height: 50px;
    border: none;
    background-color: transparent;
    background-image: url(../images/icon-search2.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.res-head .tab {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}

.res-head .tab a {
    color: #37363b;
    font-size: 15px;
    line-height: 66px;
    margin: 0 20px;
    position: relative;
}

.res-head .tab a.active:after {
    content: "";
    display: block;
    width: 15px;
    height: 2px;
    background-color: #333;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.res-list {
    width: 100%;
    padding: 0 2.7rem;
}

.res-list .items {
    width: 100%;
}

.res-list .item {
    display: block;
    width: 100%;
    padding: 0.35rem 0 0.18rem;
    border-bottom: 1px solid #f3f3f3;
}

.res-list .item h6 {
    color: #333;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0.15rem;
}

.res-list .item .desc {
    color: #666;
    font-size: 14px;
    line-height: 25px;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0.2rem;
}

.res-list .item .b span {
    color: #999;
    font-size: 14px;
    margin: 0 4px;
}

.res-list .item:hover {
    border-bottom-color: #67bc96;
}

.res-list .item:hover h6 {
    text-decoration: underline;
}

@media screen and (max-width: 1366px) {
    .hm-ab .text .desc {
        font-size: 14px;
    }
    .hm-ab li {
        margin-right: 0.3rem;
    }
    .hm-ab li p {
        font-size: 12px;
    }
    .swiper-hm-pro .swiper-slide .item h6 {
        font-size: 15px;
    }
    .foot .txt .ph {
        white-space: nowrap;
    }
    .f-nav dl {
        margin-right: 0.5rem;
    }
    .swiper-news .swiper-slide h6 {
        font-size: 16px;
    }
    .hm-core .item h6 {
        font-size: 18px;
    }
    .hm-core .item .desc {
        font-size: 12px;
    }
    .hm-link a .desc {
        font-size: 12px;
        line-height: 20px;
        height: 60px;
    }
    .swiper-video .swiper-slide .txt h6 {
        font-size: 14px;
    }
    .swiper-news .swiper-slide .desc {
        font-size: 12px;
        line-height: 20px;
        height: 40px;
    }
    .ab-intro .txt .desc {
        font-size: 14px;
    }
    .ab-intro .img li p {
        font-size: 12px;
    }
    .ab-bus .desc {
        font-size: 14px;
    }
    .ab-bus .item h6 {
        font-size: 14px;
    }
    .ab-tec .desc, .ab-cp .txt .desc, .story .desc *， .pro .item .text .desc p {
        font-size: 14px;
    }
    .ab-tec li p {
        font-size: 15px;
    }
    .culture .item p {
        font-size: 13px;
        line-height: 20px;
        height: 40px;
    }
    .aidiann .item .desc {
        font-size: 13px;
    }
    .nandian .item .txt h6 {
        font-size: 20px;
        line-height: 1.5;
    }
    .pro .item .text h6 {
        font-size: 18px;
    }
    .pro-dt .item .desc *, .ky-intro .desc *, .jy-items .item h6, .zl-items .item h6 {
        font-size: 14px;
    }
    .ky-res .desc * {
        font-size: 14px;
        line-height: 36px;
    }
    .xq-head .desc *, .xq-jm .desc * {
        font-size: 15px;
        line-height: 2;
    }
    .news .item .desc {
        font-size: 12px;
        line-height: 20px;
        height: 40px;
    }
    .detail .desc * {
        font-size: 14px;
        line-height: 2;
    }
    .detail .desc img{
        width: 100% !important;
        height: 100% !important;
    }
}

@media screen and (max-width: 1279px) {
    header {
        height: 60px;
        padding: 0 0.2rem;
        background-color: #fff;
    }
    header .logo .s {
        display: none;
    }
    header .logo .h {
        display: block;
    }
    header .btn-search {
        background: url(../images/icon-search2.png) center / 100% 100%;
    }
    nav {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        padding: 0 0.2rem;
    }
    nav ul {
        display: block;
        overflow-y: auto;
    }
    nav li {
        display: block;
        height: initial;
        margin-right: 0;
    }
    nav li>a {
        display: block;
        line-height: 50px;
        color: #333;
    }
    nav .child {
        display: block;
        position: static;
        height: 40px;
        line-height: 40px;
        padding-left: 0.2rem;
    }
    .menu {
        width: 25px;
        height: 22px;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        margin-left: 1rem;
    }
    .menu .bar {
        width: 100%;
        height: 3px;
        background-color: #67bc96;
    }
    .menu.ed .bar:nth-child(1) {
        transform: translateY(9.5px) rotate(-45deg);
    }
    .menu.ed .bar:nth-child(2) {
        opacity: 0;
    }
    .menu.ed .bar:nth-child(3) {
        transform: translateY(-9.5px) rotate(45deg);
    }
    .search-box {
        top: 60px;
    }
    .hm-core .item {
        height: 5.1rem;
    }
    .swiper-video {
        padding: 0.8rem 0 0;
    }
    .swiper-video .swiper-slide .cir {
        height: 2.6rem;
    }
    .f-nav {
        display: none;
    }
    .foot {
        justify-content: center;
        -webkit-justify-content: center;
    }
    .ab-items .item p {
        font-size: 12px;
    }
    .story .cont {
        padding-left: 100px;
    }
    .tongdian li p {
        font-size: 12px;
        line-height: 20px;
    }
    .nandian .item .txt p {
        font-size: 13px;
    }
    .pro .item .text .d {
        width: 90px;
        height: 26px;
        border-radius: 13px;
        line-height: 24px;
    }
    .pro .item .text .desc p {
        font-size: 12px;
    }
    .pro .item .img {
        height: 4.4rem;
    }
    .swiper-ky .swiper-slide .img {
        height: 3.6rem;
    }
    .swiper-ky .swiper-slide h6 {
        font-size: 18px;
    }
    .ctt-map .txt .li span {
        font-size: 12px;
    }
    .ctt-msg .item .t {
        font-size: 12px;
    }
    .ctt-msg .item input {
        padding-left: 80px;
    }
    .ctt-rec .item .desc * {
        font-size: 14px;
    }
    .hm-ab, .hm-pro, .hm-core, .hm-par, .hm-video, .hm-news, .hm-tact, .ab-intro, .ab-bus, .ab-tec, .ab-cp, .story, .culture, .tongdian, .aidiann, .nandian, .pro, .pro-dt, .funeng, .ky-intro, .ky-team, .ky-res, .video, .partner, .news, .ctt-map, .ctt-rec, .brand {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    .zhanwei {
        height: 60px;
    }
    .zhan {
        height: 60px;
    }
}

@media screen and (max-width: 980px) {
    .menu {
        margin-left: 0.4rem;
    }
    .swiper-banner {
        height: 500px;
    }
    .swiper-banner .swiper-slide .txt h2 {
        font-size: 0.4rem;
    }
    .swiper-banner .swiper-slide .txt h4 {
        font-size: 0.26rem;
        margin-top: 0.2rem;
    }
    .swiper-banner .swiper-slide .txt .line {
        width: 6rem;
    }
    .hm-ab .f {
        display: block;
    }
    .hm-ab .img {
        width: 100%;
    }
    .hm-ab .text {
        width: 100%;
    }
    .hm-ab .text {
        padding: 0.4rem 0.2rem 1rem;
    }
    .hm-ab .text .desc {
        margin-bottom: 0.3rem;
    }
    .hm-ab ul {
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .hm-ab li {
        margin-right: 0;
    }
    .hm-ab .more {
        bottom: 0.2rem;
    }
    .hm-ab .link .a {
        background-color: #67bc96;
        width: 45%;
    }
    .hm-ab {
        padding-bottom: 0.4rem;
    }
    .hm-title .en span:after, .hm-title .en span:before {
        display: none;
    }
    .hm-link {
        display: block;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    .hm-link a {
        display: block;
        padding: 0.3rem 0;
    }
    .hm-core .items {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .hm-core .item {
        width: 48.5%;
        margin-bottom: 0.2rem;
    }
    .swiper-video .swiper-slide-active .cir {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    .swiper-video .swiper-slide .cir {
        width: 3rem;
        height: 3rem;
        margin: 0 auto 0.4rem;
    }
    .hm-par .swiper {
        padding-right: 0;
    }
    .hm-tact {
        display: block;
    }
    .hm-tact .text {
        width: 100%;
    }
    .hm-tact .map {
        width: 100%;
    }
    .ins-nav a {
        margin-right: 0.2rem;
    }
    .ab-intro .f {
        display: block;
    }
    .ab-intro .txt {
        width: 100%;
    }
    .ab-intro .img ul {
        left: 0.2rem;
        right: 0.2rem;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .ab-intro .img li {
        width: 32%;
    }
    .ab-bus, .ab-tec, .ab-cp {
        display: block;
    }
    .ab-tec .hm-title-, .ab-cp .hm-title- {
        margin-bottom: 0.3rem;
    }
    .ab-tec .text {
        width: 100%;
    }
    .ab-items {
        flex-wrap: wrap;
        -wekbit-flex-wrap: wrap;
    }
    .ab-items .item {
        width: 50%;
    }
    .story .cont {
        padding-left: 0;
    }
    .story .tit {
        position: static;
        display: block;
        margin-bottom: 0.3rem;
    }
    .story .tit .en, .story .tit h4 {
        writing-mode: initial;
    }
    .story .tit h4 {
        margin-left: 0;
        margin-top: -0.2rem;
    }
    .culture {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .culture .item {
        width: 48.5%;
    }
    .tongdian {
        display: block;
    }
    .tongdian .text {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .tongdian .img {
        width: 100%;
    }
    .aidiann .items {
        display: block;
    }
    .aidiann .item {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .nandian .items {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .nandian .item {
        width: 50%;
    }
    .pro .item {
        display: block;
    }
    .pro .item .text, .pro .item .img {
        width: 100%;
    }
    .pro .item .text {
        margin-bottom: 0.3rem;
    }
    .pro-dt .head {
        display: block;
    }
    .swiper-pro {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .pro-dt .text {
        width: 100%;
    }
    .pro-dt .text .p {
        margin-bottom: 0.3rem;
    }
    .pro-dt .item {
        display: block;
    }
    .pro-dt .item .t {
        width: 100%;
        line-height: 1.5;
        margin-bottom: 0.3rem;
    }
    .pro-dt .item .con {
        width: 100%;
    }
    .ky-intro, .ky-team-head, .ky-res .f {
        display: block;
    }
    .ky-intro .hm-title-, .ky-team-head .hm-title-, .ky-res .f .hm-title- {
        margin-bottom: 0.3rem;
    }
    .ky-intro .desc {
        width: 100%;
    }
    .ky-team-head .f {
        width: 100%;
    }
    .xq-head, .xq-jm {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
        display: block;
    }
    .xq-head .left, .xq-head .right {
        width: 100%;
        padding: 0.2rem 0;
    }
    .xq-jm .hm-title- {
        margin-bottom: 0.3rem;
    }
    .xq-jm .desc {
        width: 100%;
    }
    .patent {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    .jy-items .item, .zl-items .item {
        width: 48.5%;
        margin-right: 3%;
    }
    .jy-items .item:nth-child(2n), .zl-items .item:nth-child(2n) {
        margin-right: 0;
    }
    .video .item {
        width: 48.5%;
        margin-right: 3%;
    }
    .video .item:nth-child(3n) {
        margin-right: 3%;
    }
    .video .item:nth-child(2n) {
        margin-right: 0;
    }
    .partner .li {
        width: calc((100% - 4px) / 3);
    }
    .partner .li:nth-child(6n) {
        margin-right: 2px;
    }
    .partner .li:nth-child(3n) {
        margin-right: 0;
    }
    .news .item {
        width: 48.5%;
        margin-right: 3%;
    }
    .news .item:nth-child(3n) {
        margin-right: 3%;
    }
    .news .item:nth-child(2n) {
        margin-right: 0;
    }
    .detail {
        width: 100%;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    .ins-banner .dt {
        bottom: 0.2rem;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    .ins-banner .dt h1 {
        font-size: 0.36rem;
    }
    .ins-banner .dt .date {
        margin-bottom: 0.2rem;
    }
    .ctt-map .txt {
        display: block;
    }
    .ctt-map .txt .li {
        padding: 0.2rem 0;
    }
    .ctt-msg, .res-head, .res-list, .search-box {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
    .res-head .sea {
        width: 100%;
    }
    .ab-cp .txt {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .swiper-banner .swiper-slide .txt h4 {
        white-space: normal;
    }
    .hm-ab .text h5 {
        font-size: 0.35rem;
        line-height: 1.5;
    }
    .hm-ab ul {
        display: block;
    }
    .hm-ab li {
        margin-bottom: 0.2rem;
    }
    .hm-ab .link .a {
        padding: 0 0.1rem;
        height: 3rem;
    }
    .hm-ab .link .a p {
        font-size: 0.24rem;
        line-height: 0.3rem;
    }
    .hm-video .pn {
        width: 100%;
        height: 0.8rem;
    }
    .hm-video .swiper-button-prev {
        border-radius: 0.4rem 0 0 0.4rem;
    }
    .hm-video .swiper-button-next {
        border-radius: 0 0.4rem 0.4rem 0;
    }
    .swiper-banner {
        /*height: 6rem;*/
        height: 4rem;
    }
    .hm-news .tab {
        display: none;
    }
    .foot .erweima {
        width: 1.6rem;
    }
    .foot .txt .ph {
        font-size: 0.3rem;
    }
    footer .btm {
        padding: 0.2rem;
        display: block;
        text-align: center;
    }
    footer .btm p {
        padding: 0.1rem 0;
    }
    footer .btm p, footer .btm a {
        font-size: 0.2rem;
    }
    .mianbao {
        display: none;
    }
    .ab-intro .f .hm-title- {
        margin-bottom: 0.3rem;
    }
    .ab-intro .img li h6 b {
        font-size: 0.5rem;
    }
    .ab-bus .desc {
        width: 100%;
    }
    .ab-tec ul {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .ab-items .item {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
        text-align: center;
    }
    .ab-items .item p {
        line-height: 1.6;
    }
    .ky-team-head .f {
        display: block;
    }
    .ky-team-head .img {
        width: 100%;
        margin-bottom: 0.3rem;
    }
    .ky-team-head .txt {
        width: 100%;
    }
    .ky-team-head .txt h6 {
        font-size: 0.48rem;
    }
    .ky-res .zheng .img {
        width: 48.5%;
        margin-right: 3%;
    }
    .ky-res .zheng .img:nth-child(2n) {
        margin-right: 0;
    }
    .ky-res .zhuan {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .ky-res .zhuan .img {
        width: 48.5%;
        margin-right: 3%;
    }
    .ky-res .zhuan .img:nth-child(2n) {
        margin-right: 0;
    }
    .funeng .item {
        width: 100%;
    }
    .video .item h6 {
        font-size: 0.26rem;
    }
    .news .item {
        width: 100%;
        margin-right: 0;
    }
    .ins-banner {
        height: 4rem;
    }
    .ins-banner .img {
        height: 100%;
        object-fit: cover;
    }
    .ins-banner .dt .a a {
        height: 0.7rem;
        line-height: 0.7rem;
    }
    .ctt-map .txt .li span {
        white-space: normal;
    }
    .ctt-msg .fs {
        display: block;
    }
    .ctt-msg .fs .f {
        width: 100%;
    }
    .ctt-msg .item input {
        height: 0.7rem;
    }
    .ctt-msg .item textarea {
        padding-left: 1.7rem;
    }
    .ctt-rec .f {
        display: block;
    }
    .ctt-rec .f p {
        font-size: 0.3rem;
        white-space: pre;
    }
    .ctt-rec .f h4 {
        margin-bottom: 0.3rem;
    }
    .ctt-rec .item .t p {
        font-size: 0.24rem;
    }
    .res-head .sea .input, .res-head .sea .btn {
        height: 0.8rem;
    }
    .xq-head .xq-list {
        width: 100%;
    }
    .ky-team-head .img img {
        display: block;
        width: 80%;
        margin-left: 10%;
    }
}