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

	.banner img {
	    width: 100%;
	    aspect-ratio: 32 / 11;
	}

	.about-text {
	    width: 100%;
	}

	.at-content {
	    width: 1360px;
	    margin: auto;
	}

	.abouth3 {

	    font-weight: bold;
	    font-size: 38px;
	    line-height: 38px;
	    color: #111111;
	    margin-bottom: 15px;
	}

	.aboutp {

	    font-weight: 400;
	    font-size: 16px;
	    color: #757676;
	    line-height: 16px;
	    text-align: center;
	}

	.banner-text {
	    position: absolute;
	    left: 13%;
	    top: 40%;
	}

	.banner-text h3 {
	    margin-bottom: 17px;
	    font-weight: bold;
	    font-size: 57px;
	    line-height: 57px;
	    color: #111111;

	}

	.banner-text p {

	    font-weight: 400;
	    font-size: 27px;
	    line-height: 27px;
	    color: #111111;

	}

	/* about text */
	.about-text {
	    width: 100%;
	    padding-top: 161px;
	    padding-bottom: 123px;
	    background: url(/uploads/2/about/abtext.webp) no-repeat;
	    background-size: cover;
	}

	.at-top {
	    display: flex;
	    justify-content: space-between;
	    margin-bottom: 53px;
	}

	.at-content {
	    width: 1360px;
	    margin: auto;
	}

	.at-top img {
	    width: 341px;
	    height: 40px;
	    transform: translateX(67px);
	}

	.atc-left img {
	    width: 37px;
	    height: 31px;
	    margin-right: 30px;
	}

	.at-center {
	    width: 100%;
	    display: flex;
	    justify-content: space-between;
	    margin-bottom: 240px;
	    align-items: center;
	}

	.atc-left {
	    width: 52%;
	}

	.atc-right {
	    width: 46%;
	    height: 100%;
	    position: relative;
	}

	.atc-left-text p {

	    font-weight: bold;
	    font-size: 22px;
	    color: #111111;
	    line-height: 25px;
	    text-align: left;
	    margin-bottom: 25px;
	}

	.atc-left-text p:nth-child(2) {
	    margin-bottom: 23px;
	}

	.atc-left-text span {

	    font-weight: 400;
	    font-size: 16px;
	    color: #555555;
	    line-height: 29px;
	    text-align: justifyLeft;
	    font-style: normal;
	    text-transform: none;
	    display: inline-block;
	}

	.atc-left-text span:nth-child(3) {
	    margin-bottom: 30px;
	}

	.atc-left {
	    display: flex;
	}

	.atc-right-button {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    z-index: 99;
	    width: 86px;
	    height: 84px;
	    cursor: pointer;
	}

	.tcaroe {
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.3);
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    z-index: 999999;
	    display: none;
	}

	.tcaroe .dvplay {
	    width: auto;
	    height: auto;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    border-radius: 15px;
	    overflow: hidden;
	}

	.tcaroe .dvplay video {
	    width: 800px;
	    height: auto;
	}

	.playc {
	    color: #FFFFFF;
	    font-size: 22px;
	    cursor: pointer;
	    position: absolute;
	    right: 10px;
	    top: -5px;
	}

	.at-bottom {
	    width: 100%;
	    display: flex;
	}

	.ab-item {
	    flex: 1;
	    text-align: center;
	    position: relative;
	}

	.ab-item p {

	    font-weight: bold;
	    font-size: 55px;
	    color: #111111;
	    line-height: 55px;
	    margin-bottom: 24px;
	}

	.ab-item span {

	    font-weight: 400;
	    font-size: 22px;
	    color: #111111;


	}

	.ab-item:not(:last-child)::after {
	    content: '';
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    right: 0;
	    width: 3px;
	    height: 32px;
	    background: #000000;
	    opacity: 0.2;
	}

	/* about text end */
	/* culture */
	.about-culture {
	    width: 100%;
	    text-align: center;
	    padding-top: 109px;
	    padding-bottom: 159px;
	}

	.ac-content img {
	    width: 100%;
	    height: auto;
	    margin-top: 81px;
	}

	.actext {
	    width: 697px;
	    height: 649px;
	    background: #FFFFFF;
	    box-shadow: 2px 3px 21px 3px rgba(0, 0, 0, 0.1);
	    border-radius: 0px 91px 0px 92px;
	    opacity: 0.89;
	    text-align: center;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    position: absolute;
	    left: 6%;
	    bottom: -15%;
	}

	.actext p {

	    font-weight: bold;
	    font-size: 44px;
	    color: #111111;
	    line-height: 50px;
	    margin-bottom: 43px;
	}

	.actext span {

	    font-weight: 500;
	    font-size: 26px;
	    color: #111111;
	    line-height: 26px;
	}

	.ac-content .mySwiper {
	    padding-bottom: 124px;
	}

	.ac-content .swiper-horizontal>.swiper-pagination-bullets,
	.ac-content .swiper-pagination-bullets.swiper-pagination-horizontal,
	.ac-content .swiper-pagination-custom,
	.swiper-pagination-fraction {
	    bottom: 13%;

	    width: 100%;
	    padding-left: 50%;
	}

	.ac-content .swiper-pagination-bullet {
	    border: 1px solid #248C13;
	    background: transparent;
	}

	.ac-content .swiper-pagination-bullet-active {
	    background: #27A413;
	}

	.ac-content .swiper-button-prev,
	.ac-content .swiper-rtl .swiper-button-next {
	    left: 15%;
	    right: auto;
	    top: auto;
	    background: url(/uploads/2/about/right.svg);
	    width: 72px;
	    height: 72px;
	    z-index: 99;
	}

	.ac-content .swiper-button-next,
	.ac-content .swiper-rtl .swiper-button-prev {
	    right: 73%;
	    left: auto;
	    top: auto;
	    background: url(/uploads/2/about/left.svg);
	    width: 72px;
	    height: 72px;
	    z-index: 99;
	}

	.ac-content .swiper-button-next:after,
	.ac-content .swiper-rtl .swiper-button-prev:after {
	    content: '';
	}

	.ac-content .swiper-button-prev:after,
	.ac-content .swiper-rtl .swiper-button-next:after {
	    content: '';
	}

	.ah-pimg {
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 479px;
	    height: 146px;
	    z-index: -1;
	}

	.ah-pimg img {
	    position: absolute;
	    right: 0;
	    top: -146px;
	    width: 479px;
	    height: 146px;

	}

	/* about-culture end */
	/* about-develop */
	.about-develop {
	    width: 100%;
	    position: relative;
	    line-height: 0;
	}

	.about-develop img {
	    width: 100%;
	    height: auto;
	}

	.ad-text {
	    padding-top: 123px;
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    text-align: center;
	}

	.abtt {
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    text-align: center;
	    position: absolute;
	    cursor: pointer;
	    transition: all 0.3s;
	}

	.abtt p {

	    font-weight: 700;
	    font-size: 30px;
	    color: #111111;
	    line-height: 30px;


	    margin-bottom: 10px;
	}

	.abtt span {
	    font-weight: 400;
	    font-size: 16px;
	    line-height: 16px;
	    color: #111111;
	    margin-bottom: 10px;
	}

	.ab1n {
	    width: 24px;
	    height: 25px;
	    background: #A3A3A3;
	    border-radius: 50%;
	    margin: auto;
	    transition: all 0.3s;
	}

	.ad1 {
	    left: 15%;
	    bottom: 42%;
	}

	.ad2 {
	    left: 30%;
	    bottom: 36%;
	}

	.ad3 {
	    left: 44%;
	    bottom: 40%;
	}

	.ad4 {
	    left: 55%;
	    bottom: 43%;
	}

	.ad5 {
	    left: 67%;
	    bottom: 41%;
	}

	.ad6 {
	    left: 80%;
	    bottom: 50%;
	}

	.ad7 {
	    left: 85%;
	    bottom: 63%;
	}

	.abtt:hover .ab1n {
	    width: 32px;
	    height: 32px;
	    background: #27A413;
	}

	.abtt:hover .ab1w {
	    border: 2px solid #4FA242;
	}

	.ab1w {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    width: 48px;
	    height: 48px;
	    border-radius: 50%;
	    border: 0px solid #4FA242;
	    margin: auto;
	    transition: all 0.3s;
	}

	/* about-develop end */
	/* about-honor  */
	.about-honor {
	    width: 100%;
	    background: url(/uploads/2/about/honor.webp)no-repeat;
	    background-size: cover;
	    padding-top: 114px;
	    padding-bottom: 216px;
	    text-align: center;
	}

	.ah-content .mySwiper {
	    margin-top: 128px;

	}

	.ah-content img {
	    width: 305px;
	    height: 406px;
	    background: #FBFBFB;
	    box-shadow: 4px 3px 6px 3px rgba(0, 0, 0, 0.3);
	    padding: 15px;
	}

	.ah-content img {
	    margin-bottom: 11px;

	}

	.ah-content p {

	    font-weight: 600;
	    font-size: 20px;
	    color: #111111;

	}

	.ah-content .swiper-button-prev,
	.ah-content .swiper-rtl .swiper-button-next {

	    background: url(/uploads/2/about/right.svg);
	    width: 72px;
	    height: 72px;
	    z-index: 99;
	}

	.ah-content .swiper-button-next,
	.ah-content .swiper-rtl .swiper-button-prev {

	    background: url(/uploads/2/about/left.svg);
	    width: 72px;
	    height: 72px;
	    z-index: 99;
	}

	.ah-content .swiper-button-next:after,
	.ah-content .swiper-rtl .swiper-button-prev:after {
	    content: '';
	}

	.ah-content .swiper-button-prev:after,
	.ah-content .swiper-rtl .swiper-button-next:after {
	    content: '';
	}

	/* about-honor end */
	/* about-world */
	.about-world {
	    width: 100%;
	    background: #F8F9F9;
	    text-align: center;
	    padding-top: 81px;
	    padding-bottom: 80vh;
	    background: url(/uploads/2/about/world.webp) no-repeat;
	    background-size: cover;
	    background-position: center;
	}

	.aboutpd {
	    font-size: 40px;
	    line-height: 40px;
	}

	.about-world .aboutp {
	    padding-bottom: 117px;
	}

	/* about-world end */
	/* ditu */
	.ditu {
	    position: relative;
	    text-align: center;
	    line-height: 0;
	}



	.ditu-header {
	    position: absolute;
	    top: 10%;
	    right: 50%;
	    transform: translateX(50%);
	}

	.ditu-xian {
	    width: 60px;
	    color: #00A736;
	    border-bottom: 3px solid #00A736;
	    margin: 3vh auto;
	}



	.ditu-content img {
	    width: 100%;
	}

	.d11 {
	    background: #FFFFFF;
	    width: 10px;
	    height: 10px;
	    border-radius: 50%;
	}

	.d1 {
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 48%;
	    left: 16%;
	    box-shadow: 0px 0px 9px #ffffff;
	}

	.d2 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 61%;
	    left: 19%;
	}

	.d3 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 43%;
	    left: 21%;
	}

	.d4 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 48%;
	    left: 21%;
	}

	.d5 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 40%;
	    left: 34%;
	}

	.d6 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 51%;
	    left: 32%;
	}

	.d7 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 55%;
	    left: 33%;
	}

	.d8 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 55%;
	    left: 36%;
	}

	.d9 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 59%;
	    left: 37%;
	}

	.d10 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 50%;
	    left: 37%;
	}

	.d12 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 54%;
	    left: 39%;
	}

	.d13 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 50%;
	    left: 41%;
	}

	.d14 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 68%;
	    left: 35%;
	}

	.d15 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 78%;
	    left: 43%;
	}

	.d16 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 41%;
	    right: 33%;
	}

	.d17 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 53%;
	    right: 30%;
	}

	.d18 {
	    box-shadow: 0px 0px 9px #ffffff;
	    padding: 4px;
	    border-radius: 50%;
	    border: 1px solid #FFFFFF;
	    position: absolute;
	    top: 74%;
	    right: 20%;
	}

	.ditu-icon div {
	    cursor: pointer;
	}

	.ditu-icon div:hover .d11 {
	    background: #00A736;
	}

	.d1,
	.d3,
	.d5,
	.d7,
	.d9,
	.d13,
	.d15,
	.d17 {
	    animation: dd 4s infinite;
	}

	.d2,
	.d4,
	.d6,
	.d8,
	.d10,
	.d12,
	.d14,
	.d16,
	.d18 {
	    animation: dd2 3s infinite;
	}

	.ditu-header h3 {
	    color: #FFFFFF !important;
	}

	.ditu-header p {
	    color: #FFFFFF !important;
	}

	@keyframes dd {
	    0% {
	        transform: scale(0.8);
	        -webkit-transform: scale(0.8);
	        opacity: 0.8;
	    }



	    50% {
	        transform: scale(0.8);
	        -webkit-transform: scale(0.8);
	        opacity: 0.8;
	    }

	    75% {
	        transform: scale(1);
	        -webkit-transform: scale(1);
	        opacity: 1;
	    }

	    100% {
	        transform: scale(1.7);
	        -webkit-transform: scale(1.7);
	        opacity: 0.2;
	    }
	}

	@keyframes dd2 {
	    0% {
	        transform: scale(0.4);
	        -webkit-transform: scale(0.4);
	        opacity: 0.4;
	    }



	    50% {
	        transform: scale(0.8);
	        -webkit-transform: scale(0.8);
	        opacity: 0.8;
	    }

	    75% {
	        transform: scale(1);
	        -webkit-transform: scale(1);
	        opacity: 1;
	    }

	    100% {
	        transform: scale(1.5);
	        -webkit-transform: scale(1.5);
	        opacity: 0.2;
	    }
	}

	@media (max-width:1400px) {
	    .at-content {
	        width: 90%;
	    }

	    .actext {
	        height: 349px;
	    }
	}

	@media (max-width:1000px) {
	    .at-top img {
	        width: 241px;
	        height: auto;
	    }

	    .atc-right-button {
	        width: 35px;
	        height: 35px;
	    }

	    .tcaroe .dvplay {
	        width: 80%;
	        height: auto;
	    }

	    .tcaroe .dvplay video {
	        width: 100%;
	        height: auto;
	    }

	    .ditu-header {
	        position: relative;
	        padding: 20px;
	    }

	    .ditu-header p,
	    .ditu-header h3 {
	        color: #000000 !important;
	    }

	    .ditu-icon {
	        display: none;
	    }

	    .banner {
	        margin-top: 75px;
	    }

	    .about-text,
	    .about-honor,
	    .about-world {
	        padding-top: 31px;
	        padding-bottom: 41px;
	    }

	    .at-center {
	        flex-direction: column;
	    }

	    .ab-item {
	        text-align: left;
	        margin-bottom: 30px;
	    }

	    .at-center {
	        margin-bottom: 40px;
	    }

	    .ab-item p {
	        margin-bottom: 10px;
	    }

	    .atc-left,
	    .atc-right {
	        width: 100%;
	    }

	    .at-bottom {
	        flex-direction: column;
	        align-items: flex-start;
	    }

	    .ab-item:not(:last-child)::after {
	        content: none;
	    }

	    .actext {
	        height: auto;
	        width: 100%;
	        left: 0;
	        bottom: -40%;
	        z-index: 999;
	        background: transparent;
	        border-radius: 0;
	        box-shadow: none;
	    }

	    .ac-content .swiper-button-next,
	    .ac-content .swiper-rtl .swiper-button-prev {
	        right: 63%;
	    }

	    .ah-pimg {
	        width: 100%;
	    }

	    .actext p {
	        margin-bottom: 23px;
	    }

	    .ac-content .swiper-button-prev,
	    .ac-content .swiper-rtl .swiper-button-next {
	        left: 0;
	    }

	    .ad-text {
	        position: relative;
	        padding-top: 23px;
	        padding-bottom: 23px;
	    }

	    .abtt {
	        left: 0 !important;
	        bottom: 0 !important;
	        position: relative;
	        width: 30%;
	        margin-bottom: 10px;
	        margin-right: 5px;
	        margin-top: 10px;
	    }

	    .abttdiv {
	        display: flex;
	        flex-wrap: wrap;
	        justify-content: flex-start;

	    }

	    .abtt span {
	        margin-bottom: 0px;
	    }
	}

	@media (max-width:750px) {
	    .banner img {

	        aspect-ratio: 15 / 19;
	    }
	}