/* 企业文化样式 */

html {
    height: 100%;
}

body {
    /* overflow-y: hidden */
}

.about_002_li2 li {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    font-size: 0.16rem;
    cursor: pointer;
    padding: 0rem 0.2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    margin-right: 0.1rem;
}
.about_002_li2 > a:last-child li{
    margin-right: 0;
} 
a:active,
a:active {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

#content_p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}


/* #About_hj_001 {
	min-height: calc(100% - 1rem - 1.6rem);
} */


/* banner轮播图 样式 */

.corporate_banner .swiper-container {
    width: 100%;
    height: 100%;
    /* max-width: 1920px;
	    width: 100%; */
}

.corporate_banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#about_002_li2 li span {
    display: none;
}

.about_002_li2 {
    display: flex;
    justify-content: center;
    padding: 0.2rem 0;
    border-bottom: solid 1px #eeeeee;
}

.corporate_title .divTop {
    font-size: 0.18rem;
    /*font-family: PingFangSC;*/
    font-weight: 400;
    color: #666666;
    line-height: 0.3rem;
    /*  */
    margin: 0 auto;
    text-align: center;
    line-height: 0.28rem;
}

.corporate_title>.divTop {
    margin: 0 auto 1rem;
    width: 100%;
    max-width: 14.3rem;
    padding: 0.6rem 0.2rem 0.5rem;
    box-sizing: border-box;
}

.corporate_banner {
    width: 100%;
    /* height: 8.5rem; */
    /* background: #f00; */
    /* border: 1px #f00 solid; */
}


/* banner轮播图 样式 */

.corporate_banner .swiper-container {
    /* 	width: 100%;
	height: 100%; */
}

.corporate_banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: auto;
    /* border: 1px #f00 solid; */
    /* max-width: 12.8rem; */
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.cul_oo1 {
    max-width: 12rem;
    width: 100%;
    display: flex;
    margin: 0.6rem auto 0;
    flex-wrap: wrap;
    padding: 0 .2rem;
    box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
    .cul_oo1>div{
        display: block;
        width: 49%!important;
        margin-right: 2%;
        margin-bottom: 15px;
    }
    .cul_oo1>div:nth-child(2n) {
        margin-right: 0;
    }
    .cul_oo1_bottom span:first-child{
        font-size: 16px!important;
    }
    .cul_oo1_bottom span:nth-child(2){
        font-size: 12px!important;
    }
}

.cul_oo1>div>div:nth-child(1) {
    max-height: 5rem;
}

.cul_oo1>div {
    width: 3.4rem;
    margin-bottom: 0.8rem;
    /*box-shadow: 0rem 5px 15px 5px rgb(0 0 0 / 10%);*/
    /*box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 5%);*/
    box-shadow: 0rem 5px 15px 5px rgba(0, 0, 0, 0.1);
    display: none;
}

@media screen and (min-width: 1200px) {
    .cul_oo1>div:not(:nth-child(3n)) {
        margin-right: 0.7rem;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1000px) {
    .cul_oo1 {
        width: 10rem;
        padding: 0 .1rem;
    }
    .cul_oo1>div {
        width: 3rem;
    }
    .cul_oo1>div:not(:nth-child(3n)) {
        margin-right: 0.4rem;
    }
}

@media screen and (max-width: 1000px) {
    .cul_oo1 {
        justify-content: space-around;
    }
}

@media screen and (max-width: 899px) {
    .cul_oo1>div {
        /*width: 3rem;*/
    }
}

#corporate_001 .pagination li a {}

.cul_oo1>div img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cul_oo1_bottom {
    display: flex;
    flex-direction: column;
    /*height: 1.1rem;*/
    width: 90%;
    margin: 0 auto;
    position: relative;
    padding: 0.25rem 0;
}

.cul_oo1_bottom span:first-child {
    /*height: 0.23rem;*/
    max-width: 1.9rem;
    font-size: 0.24rem;
    font-weight: 500;
    color: #333333;
    /*line-height: 0.2rem;*/
    display: block;
    /*margin: 0.3rem 0 0.16rem 0;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cul_oo1_bottom span:nth-child(2) {
    font-size: 0.14rem;
    font-weight: 500;
    color: #999999;
    display: block;
}

.cul_oo1_bottom>div a {
    color: #1B9A31;
}

.cul_oo1_bottom>div {
    width: 0.95rem;
    height: 0.3rem;
    line-height: 0.3rem;
    background: #FFFFFF;
    border: 1px solid #1B9A31;
    /* opacity: 0.4; */
    color: #1B9A31;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    font-size: 0.14rem;
}

.corporate_banner {
    position: relative;
    margin-bottom: 1.5rem;
}

.corporate_banner .swiper-pagination {
    position: absolute;
    bottom: -0.8rem;
    left: 0;
    right: 0;
    margin: auto;
}

.corporate_banner .swiper-pagination-bullet {
    width: 0.11rem;
    height: 0.11rem;
    background: #717171 !important;
    border-radius: 50%;
    margin: 0 0.1rem;
    vertical-align: middle;
}

.corporate_banner .swiper-pagination-bullet-active {
    width: 0.08rem;
    height: 0.08rem;
    border: 0.03rem solid #1B9A31;
    border-radius: 50%;
    background-color: #FFFFFF !important;
}

.corporate_banner .swiper-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.corporate_banner .swiper_right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1.45rem;
    bottom: 0;
    margin: auto;
    height: 6.9rem;
    background: #fff;
    opacity: 0.6;
    z-index: 999;
}

.corporate_banner .swiper_left {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1.45rem;
    bottom: 0;
    margin: auto;
    /*height: 6.9rem;*/
    background: #fff;
    opacity: 0.6;
    z-index: 999;
}

.corporate_banner .swiper-button-next {
    z-index: 999999;
    width: 1.45rem;
    height: 6.9rem;
    /* background: #oof; */
    height: 100%;
    top: 0;
    width: 1.45rem;
    background: none;
}

.corporate_banner .swiper-button-prev {
    z-index: 999999;
    width: 1.45rem;
    height: 6.9rem;
    /* background: #oof; */
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1.45rem;
    bottom: 0;
    background: none;
    /* margin: auto; */
}


/* 五星文化 */

.corporate_wuxing {
    max-width: 14.40rem;
    width: 100%;
    border: 1px #FFFFFF solid;
    margin: 0 auto;
    height: 7.6rem;
}

.corporate_wuxing_001 .backgrou {
    width: 4.71rem;
    margin: 0 auto;
    display: block;
}

.corporate_wuxing_001 {
    position: relative;
}
.corporate_wuxing_001 > div img{
    width: 100%;
}
.corporate_wuxing_001 .img2 {
    max-width: 2.34rem;
    position: absolute;
    /* top: 0.87rem; */
    top: 0.17rem;
    right: 0;
    display: none;
}

.corporate_wuxing_001 .img3 {
    max-width: 2.96rem;
    position: absolute;
    /* top: 1.82rem; */
    top: 1.3rem;
    left: 0;
    display: none;
}

.corporate_wuxing_001 .img4 {
    max-width: 2.57rem;
    position: absolute;
    top: 3.03rem;
    left: -0.01rem;
    display: none;
}

.corporate_wuxing_001 {
    width: 6.4rem;
    height: 5.25rem;
    /* border: #007AFF solid 1px; */
    margin: 0.3rem auto;
}

.corporate_wuxing_p {
    text-align: center;
    width: 5.7rem;
    /* height: 0.4rem; */
    font-size: 0.24rem;
    /*font-family: Source Han Sans CN;*/
    font-weight: bold;
    color: #BA1B21;
    line-height: 0.4rem;
    margin: -0.7rem auto 0;
}

.corporate_wuxing {
    position: relative;
}

.corporate_wuxing_lefts {
    position: absolute;
    left: 0;
    top: -0.3rem;
    width: 3.8rem;
    /* height: 4.3rem; */
    background: #FFFFFF;
    box-shadow: 0rem 5px 15px 5px rgba(0, 0, 0, 0.1);
    display: none;
    padding: 0.3rem 0.2rem;
    box-sizing: border-box;
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {
    .corporate_wuxing_lefts {
        top: -0.8rem !important;
    }
    .corporate_wuxing_rights {
        top: -0.8rem !important;
    }
}

.corporate_wuxing_lefts>.title {
    margin-bottom: 0.38rem;
}

.corporate_wuxing_lefts span,
.corporate_wuxing_lefts_two span,
.corporate_wuxing_rights span {
    width: 100%;
    font-size: 0.24rem;
    font-weight: bold;
    color: #BA1B21;
    display: block;
    text-align: left;
    margin: 0 auto 0.1rem;
}

.corporate_wuxing_lefts p,
.corporate_wuxing_lefts_two p,
.corporate_wuxing_rights p {
    font-size: 0.16rem;
    font-weight: 400!important;
    color: #999999;
    display: block;
    text-align: left;
    margin: 0 auto;
    line-height: 0.3rem;
}

.corporate_wuxing_lefts_two {
    width: 3.8rem;
    background: #FFFFFF;
    /*box-shadow: 0rem 5px 15px 5px rgb(0 0 0 / 10%);*/
    box-shadow: 0rem 5px 15px 5px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 4.8rem;
    display: none;
    padding: 0.3rem 0.2rem;
    box-sizing: border-box;
}

.corporate_wuxing_rights {
    width: 3.8rem;
    /* height: 6.1rem; */
    background: #FFFFFF;
    box-shadow: 0rem 5px 15px 5px rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0;
    top: -0.3rem;
    display: none;
    padding: 0.3rem 0.2rem;
    box-sizing: border-box;
}

.corporate_wuxing_rights b {
    font-size: 0.2rem;
    font-weight: 500;
    color: #333333;
    display: block;
    text-align: left;
    margin: 0 auto 0.08rem;
}

.corporate_wuxing_rights span {
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
}

.corporate_wuxing_rights p {
    /* margin-bottom: 0.3rem; */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.corporate_wuxing_rights>div {
    font-size: 0.16rem;
    font-weight: 500;
    color: #999999;
    display: block;
    text-align: left;
    margin: 0 auto;
    /*padding-top: 0.3rem;*/
}

.wuxing_bottom {
    margin-bottom: 0.3rem;
}


/* 闪动效果 */

.point {
    position: absolute;
    /* top: 1.65rem; */
    top: 0.95rem;
    right: 2.06rem;
    width: 0.15rem;
    height: 0.15rem;
    opacity: 0.6;
    background-color: #f3b148;
    border-radius: 50%;
}

.point2 {
    position: absolute;
    /* top: 2.6rem; */
    top: 2.1rem;
    left: 2.68rem;
    width: 0.15rem;
    height: 0.15rem;
    opacity: 0.6;
    background-color: #f3b148;
    border-radius: 50%;
}

.point3 {
    position: absolute;
    top: 3.16rem;
    right: 3.97rem;
    width: 0.15rem;
    height: 0.15rem;
    opacity: 0.6;
    background-color: #f3b148;
    border-radius: 50%;
}


/* 设置动画前颜色 */

.point-flicker:after {
    background-color: #f3b148;
}


/* 设置动画后颜色 */

.point-flicker:before {
    background-color: rgba(0, 168, 253, 0.2);
}

.point-flicker {
    display: none;
}


/* 设置动画 */

.point-flicker:before,
.point-flicker:after {
    content: '';
    width: 0.26rem;
    height: 0.26rem;
    position: absolute;
    top: -0.03rem;
    left: -0.03rem;
    left: 50%;
    top: 50%;
    margin-top: -0.13rem;
    margin-left: -0.13rem;
    border-radius: 50%;
    /* CSS3 animation 属性 网址 */
    /* https://www.w3school.com.cn/cssref/pr_animation.asp */
    animation: warn 1.5s ease-out 0s infinite;
}


/* @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 */

@keyframes warn {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

.corporate_banner .swiper_left,
.corporate_banner .swiper_right {
    width: 2.6rem;
}


/* 关于模式 */

.YuanT_top {
    width: 12.8rem;
    margin: 0.6rem auto 0;
}

.YuanT_top .YuanT {
    /* height: 200px; */
    /* border: 1px #FF0000 solid; */
    width: 100%;
    position: relative;
    margin-bottom: 1.2rem;
}

.YuanT_top .YuanT:last-child {
    margin-bottom: 1rem;
}

.YuanT_top .YuanT_two {
    /* height: 200px; */
    /* border: 1px #FF0000 solid; */
}

.YuanT_top .left {
    position: relative;
}

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

.YuanT_top .right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 48.5%;
    height: 74%;
    background: #FFFFFF;
    /*box-shadow: 0rem 5px 15px 5px rgb(0 0 0 / 10%);*/
    /*box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 5%);*/
    box-shadow: 0rem 5px 15px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
}

.YuanT_top .left {
    width: 60%;
    margin-right: auto;
    height: 540px;
    overflow: hidden;
}

.YuanT_top .YuanT .right>div>span {
    font-size: 0.3rem;
    font-weight: bold;
    color: #333333;
    margin-bottom: 0.25rem;
    display: block;
}

.YuanT_top .YuanT .right>div {
    width: 82.3%;
    margin: 0 auto;
    font-size: 0.16rem;
    font-weight: 500;
    color: #666666;
    line-height: 0.28rem;
}

.YuanT_top .YuanT .right>div p {
    font-size: 0.18rem;
    font-weight: 400;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.YuanT_top .YuanT_two_df .left {
    margin-left: auto;
    /*margin-right: unset;*/
    margin-right: 0;
}

.YuanT_top .YuanT_two_df .right {
    position: absolute;
    left: 0;
    /*right: unset;*/
    right: auto;
    top: 0;
    bottom: 0;
    margin: auto;
}


/* 业务模式 */

.corporate_title_back {
    /*background: url(/img/wangluo_000.gif) no-repeat;*/
    background-size: 100%;
    height: 100%;
    /* padding-bottom: 0.6rem; */
    position: relative;
}

#wangluo_000_id {
    background: url(../modex1.html) no-repeat;
    background-size: cover;
    padding-bottom: 0.6rem;
}

.cor_title {
    /* width: 17.2%; */
    margin: 0 auto 0.3rem;
    font-size: 0.48rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
    padding-top: 0.6rem;
}

.cor_txt {
    width: 60%!important;
    font-size: 0.18rem;
    /*font-weight: 500;*/
    color: #666666;
    text-align: center;
    margin: 0 auto;
    line-height: 0.28rem;
    max-width: 1152px;
}

#corporate_001 {
    /* max-width: 1920px; */
    margin: 0 auto;
    /* padding-top: 1rem; */
}

.cor_txt_two {
    font-size: 0.18rem;
    /* font-family: PingFangSC; */
    font-weight: 400;
    color: #666666;
    width: 9.41rem;
    margin: 0rem auto 0.7rem;
    line-height: 0.28rem;
    text-align: center;
    padding-top: 0.6rem;
}

.corporate_title_back .map_img {
    width: 48%;
    margin: 0.34rem auto 0;
}


/* 定位动画 */

.map_001 {
    position: absolute;
    top: 1.94rem;
    right: 0.9rem;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    display: flex;
    align-items: center;
}

.map_002 {
    position: absolute;
    top: 2.25rem;
    right: 1.75rem;
    width: 0.5rem;
    height: 0.5rem;
}

.map_003 {
    position: absolute;
    top: 2.94rem;
    right: 1.47rem;
    width: 0.5rem;
    height: 0.5rem;
}

.map_004 {
    position: absolute;
    top: 3.38rem;
    right: 2.77rem;
    width: 0.5rem;
    height: 0.5rem;
}

.map_005 {
    position: absolute;
    top: 3.98rem;
    right: 2.3rem;
    width: 0.5rem;
    height: 0.5rem;
}

.map_006 {
    position: absolute;
    top: 4.24rem;
    right: 0.97rem;
    width: 0.5rem;
    height: 0.5rem;
}

.map_007 {
    position: absolute;
    top: 4.63rem;
    right: 1.68rem;
    width: 0.5rem;
    height: 0.5rem;
}

.map_008 {
    position: absolute;
    top: 5.34rem;
    right: 1.98rem;
    width: 0.5rem;
    height: 0.5rem;
}

.map_009 {
    position: absolute;
    top: 5.4rem;
    right: 2.76rem;
    width: 0.5rem;
    height: 0.5rem;
}

.map_010 {
    position: absolute;
    top: 4.8rem;
    right: 3.04rem;
    width: 0.5rem;
    height: 0.5rem;
}

.map_011 {
    position: absolute;
    top: 4.14rem;
    right: 3.78rem;
    width: 0.5rem;
    height: 0.5rem;
}

.map_012 {
    position: absolute;
    top: 5.3rem;
    right: 3.95rem;
    width: 0.5rem;
    height: 0.5rem;
}

.map_013 {
    position: absolute;
    top: 3.83rem;
    right: 6.1rem;
    width: 0.5rem;
    height: 0.5rem;
}


/* 设置动画前颜色 */

.point-flicker2:after {
    background-color: #1B9A31;
    opacity: 0.8;
}


/* 设置动画后颜色 */

.point-flicker2:before {
    background-color: #1B9A31;
    opacity: 0.8;
}

.point_map {
    margin: 0.22rem auto 0;
    width: 0.08rem;
    height: 0.08rem;
    opacity: 0.6;
    /* background-color: #f3b148; */
    border: 3px #006431 solid;
    border-radius: 50%;
}

.point-flicker {
    /* display: none; */
}


/* 设置动画 */

.point-flicker2:before,
.point-flicker2:after {
    content: '';
    width: 0.46rem;
    height: 0.46rem;
    position: absolute;
    top: -0.1rem;
    left: -0.03rem;
    left: 50%;
    top: 50%;
    margin-top: -50%;
    margin-left: -50%;
    border-radius: 50%;
    /* CSS3 animation 属性 网址 */
    /* https://www.w3school.com.cn/cssref/pr_animation.asp */
    animation: warn 3.8s ease-out 0s infinite;
}


/* @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 */

@keyframes warn {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

#canvas_top {
    position: relative;
}

.corporate_title_back .top {
    position: absolute;
    top: 6%;
    left: 41%;
}

.corporate_title_back .left {
    position: absolute;
    bottom: 30%;
    left: 10%;
}

.corporate_title_back .right {
    position: absolute;
    top: 36%;
    right: -8%;
}

.corporate_title_back .top_div {
    font-size: 0.18rem;
    font-weight: bold;
    color: #006431;
    /*width: 3rem;*/
}

.corporate_title_back .top_div span {
    font-size: 0.53rem;
    font-weight: 700;
    color: #1B9A31;
    display: inline-block;
    padding: 0 0.07rem;
    /* width: 1rem; */
}

.cor_img_bottom {}

.cor_img_bottom .img {}

.cor_img_bottom {
    /* display: flex;
	justify-content: space-between; */
    flex-wrap: wrap;
    max-width: 12rem;
    width: 100%;
    margin: 0.34rem auto 1rem;
    overflow: hidden;
    /*padding: 0 0.3rem;*/
    box-sizing: border-box;
}

.cor_img_bottom .img {
    width: 3.6rem;
    height: 2.15rem;
    /* border: 1px solid#FF0000; */
    float: left;
    margin-left: 0.1rem;
    margin-bottom: 0.1rem;
   /* cursor: pointer; */
    position: relative;
}

.cor_img_bottom .img:nth-child(1) {
    width: 4.4rem;
    height: 4.4rem !important;
    /* border: 1px solid#FF0000; */
    margin-left: 0;
   /* cursor: pointer; */
}

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

.cor_img_bottom .backes {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #1B9A31;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 0.24rem;
    font-weight: 500;
    color: #FFFFFF;
}


/* 数字化guan */

.number_content {
    max-width: 1920px;
    margin: 0 auto;
}

.number_content .number_p_top {
    font-size: 0.18rem;
    /* font-family: PingFangSC; */
    font-weight: 400;
    color: #666666;
    width: 9.41rem;
    margin: 0.6rem auto 0;
    line-height: 0.28rem;
    text-align: center;
}

.number_content .number_back {
    background: url(../png/728010a7-28a8-4ad8-ad9c-2445d8915ec5.png) no-repeat;
    /* height: 5rem; */
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.number_content .number_back>.content {
    max-width: 14.4rem;
    width: 100%;
    /* position: relative; */
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.number_content .number_back>.content .left {
    width: 5.4rem;
    height: 2.6rem;
    padding: 0.44rem 0;
    background: #FFFFFF;
    /*box-shadow: 7px 7px 40px 0px rgba(0, 0, 0, 0.05);*/
    /*box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 5%);*/
    box-shadow: 0rem 5px 15px 5px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /* top: -1rem; */
    margin-top: -1.7rem;
}

.number_content .number_back>.content .left>div {
    width: 85%;
    margin: 0 auto;
    font-size: 0.18rem;
    line-height: 0.28rem;
    /*font-family: Source Han Sans CN;*/
    font-weight: 400;
    color: #666666;
}

.number_content .number_back>.content .left>div {
    display: none;
}

.number_content .number_back>.content .left p {
    font-size: 0.3rem;
    /*font-family: Source Han Sans CN;*/
    font-weight: bold;
    color: #333333;
    margin-bottom: 0.26rem;
    line-height: 0.38rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.number_content .number_back>.content .right {
    width: 7.2rem;
    /* height: 5.53rem; */
    /* border: 1px #f00 solid; */
    position: relative;
}

.top_active {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.number_content .number_back>.content .right .topTitle {
    font-size: 0.34rem;
    font-weight: bold;
    color: #1B9A31;
    text-align: center;
    margin-bottom: 0.3rem;
}
.number_content .number_back>.content .right .xt{
    width: 100%;
}
.number_one {
    position: absolute;
    top: 2.2rem;
    left: 0.4rem;
    width: 1.1rem;
}

.number_two {
    position: absolute;
    top: 3.2rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 1.1rem;
}

.number_three {
    position: absolute;
    top: 2.2rem;
    right: 0.4rem;
    width: 1.1rem;
}

.left_icon {
    position: absolute;
    bottom: 0.2rem;
    left: 0;
    right: 0.5rem;
    margin: auto;
    cursor: pointer;
    width: 0.3rem;
    height: 0.3rem;
    /*opacity: 0.5;*/
}

.right_icon {
    position: absolute;
    bottom: 0.2rem;
    right: 0;
    left: 0.5rem;
    margin: auto;
    cursor: pointer;
    width: 0.3rem;
    height: 0.3rem;
    /*opacity: 0.5;*/
}


/*.left_icon:hover,*/


/*.right_icon:hover {*/


/*	opacity: 1;*/


/*}*/

.number_img {
    position: absolute;
    top: -1.3rem;
    left: -1.7rem;
    bottom: 0;
    width: 2.1rem;
    margin: auto;
}


/* 产业链的动画 */

.supply_chain {
    /*display: flex;*/
    padding-bottom: .6rem;
}

.supply_chain_content {
    display: flex;
    justify-content: center;
    padding: 0 0.3rem;
}

.supply_chain .supply-item-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0.2rem;
}

.supply_chain .second-middle {
    display: none;
}

.supply_chain .supply-content-container {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: 1.5rem 0.5rem;
    align-items: center;
    grid-column-gap: 0.1rem;
    grid-row-gap: 0.25rem;
    display: -ms-grid;
    -ms-grid-columns: auto auto auto;
    -ms-grid-rows: 1.5rem 0.5rem;
}

.supply_chain .supply-content-container>img:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}

.supply_chain .supply-content-container>img:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-row-align: center;
    width: 0.83rem;
}

.supply_chain .supply-content-container>img:nth-child(4) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
}

.supply_chain .supply-content-container>div:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
}

.supply_chain .supply-content-container>div:nth-child(7) {
    -ms-grid-column: 3;
    -ms-grid-row: 2;
}

.supply_chain .supply-content-container>div:nth-child(6) {
    -ms-grid-column: 3;
    -ms-grid-row: 2;
    grid-row-start: 2;
    grid-column-start: 3;
}

.supply_chain .supply-text {
    font-size: 0.18rem;
    font-weight: 500;
    color: #666;
    text-align: center;
    margin-top: 0.25rem;
}

.supply_chain .supply-content-container .supply-text {
    margin-top: 0;
}

.supply_chain .supply-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.supply_chain .content-image {
    width: 1.94rem;
    height: 1.5rem;
}

.supply_chain .middle-arrow {
    width: 1.23rem;
    /* height: 0.3em; */
    margin-top: -1.6rem;
}

.supply_chain .supply-text span {
    color: #1B9A31;
}

.supply_chain .supply-brief-text {
    font-size: 0.18rem;
    font-weight: 500;
    text-align: center;
    color: #1B9A31;
}

.supply_chain .supply-brief {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.4rem;
    position: relative;
    border-top: 0.03rem dashed #1B9A31;
    padding-top: 0.3rem;
}

.supply_chain .supply-brief::before,
.supply_chain .supply-brief::after {
    position: absolute;
    top: -0.085rem;
    content: "";
    width: 0.14rem;
    height: 0.14rem;
    background-color: #1B9A31;
    border-radius: 0.07rem;
}

.supply_chain .supply-brief::before {
    left: -0.07rem;
}

.supply_chain .supply-brief::after {
    right: -0.07rem;
}

.supply-brief .supply-line {
    width: 100%;
    margin-bottom: 0.2rem;
}

@media screen and (max-width:1400px) and (min-width:1024px) {
    .YuanT_top {
        width: 80%;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .YuanT_top {
        width: 94%;
    }
}

@media screen and (max-width:768px) {
    .YuanT_top {
        width: 94%;
    }
}

@media screen and (min-width: 1200px) {
    .supply_chain .middle-arrow-1 {
        display: block;
        width: 0.83rem;
        height: 0.3rem;
        margin-top: 0.6rem;
    }
    .supply_chain .middle-arrow-2 {
        display: none;
    }
    .supply_chain .second-middle-1 {
        display: block;
    }
}

@media screen and (max-width: 1200px) {
    .supply_chain_content {
        flex-direction: column;
        align-items: center;
    }
    .supply_chain .middle-arrow {
        margin: 0.6rem;
        transform: rotate(90deg);
    }
    .supply_chain .middle-arrow-1 {
        display: none;
    }
    .supply_chain .middle-arrow-2 {
        display: block;
        width: 0.35rem;
        height: 1.34rem;
        margin: 0.25rem;
        /*object-fit: unset;*/
    }
    .supply_chain .second-middle-2 {
        display: block;
        height: 1.34rem;
        width: 1.15rem;
        margin: 0 auto!important;
    }
    /*.supply_chain .middle-arrow {*/
    /*transform: rotate(90deg);*/
    /*    margin: 0.45rem 0;*/
    /*}*/
    .supply_chain .supply-content-container {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: repeat(5, auto);
        place-items: center;
        /*grid-column-gap: 0.1rem;*/
        grid-row-gap: 0.25rem;
        display: -ms-grid;
        -ms-grid-columns: auto;
        -ms-grid-rows: (auto)[5];
    }
    .supply_chain .supply-content-container>img:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        grid-row-start: 1;
        grid-column-start: 1;
    }
    /*.supply_chain .supply-content-container>.supply-text:nth-child(5) {*/
    /*    -ms-grid-column: 1;*/
    /*    -ms-grid-row: 2;*/
    /*    grid-row-start: 2;*/
    /*    grid-column-start: 1;*/
    /*}*/
    /*.supply_chain .supply-content-container .second-middle-2 {*/
    /*    -ms-grid-column: 1;*/
    /*    -ms-grid-row: 3;*/
    /*    grid-row-start: 3;*/
    /*    grid-column-start: 1;*/
    /*    -ms-grid-row-align: center;*/
    /*    height: 1rem;*/
    /*}*/
    /*.supply_chain .supply-content-container>img:nth-child(4) {*/
    /*    -ms-grid-column: 3;*/
    /*    -ms-grid-row: 1;*/
    /*}*/
    /*.supply_chain .supply-content-container>.content-image:nth-child(2) {*/
    /*    -ms-grid-column: 1;*/
    /*    -ms-grid-row: 4;*/
    /*    grid-row-start: 4;*/
    /*    grid-column-start: 1;*/
    /*}*/
    /*.supply_chain .supply-content-container .supply-text:last-child {*/
    /*    -ms-grid-column: 1;*/
    /*    -ms-grid-row: 5;*/
    /*    grid-row-start: 5;*/
    /*    grid-column-start: 1;*/
    /*}*/
    /*.supply_chain .supply-content-container>img:nth-child(1) {*/
    /*    -ms-grid-column: 1;*/
    /*    -ms-grid-row: 1;*/
    /*    grid-row-start: 1;*/
    /*    grid-column-start: 1;*/
    /*}*/
    .supply_chain .supply-content-container>img:nth-child(2) {
        -ms-grid-row-align: center;
        height: 1rem;
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        grid-row-start: 2;
        grid-column-start: 1;
    }
    .supply_chain .supply-content-container>img:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-row: 3;
        grid-row-start: 3;
        grid-column-start: 1;
    }
    .supply_chain .supply-content-container>img:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-row: 4;
        grid-row-start: 4;
        grid-column-start: 1;
    }
    .supply_chain .supply-content-container>div:nth-child(5) {
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        grid-row-start: 2;
        grid-column-start: 1;
    }
    .supply_chain .supply-content-container>div:nth-child(6) {
        -ms-grid-column: 1;
        -ms-grid-row: 5;
        grid-row-start: 5;
        grid-column-start: 1;
    }
    .supply_chain .supply-content-container>div:nth-child(7) {
        -ms-grid-column: 1;
        -ms-grid-row: 7;
        grid-row-start: 7;
        grid-column-start: 1;
    }
}


/*.supply_chain .supply_chain_content {*/


/*	display: flex;*/


/*display: none;*/


/*	overflow: hidden;*/


/*	flex-direction: row;*/


/*	align-items: baseline;*/


/*	max-width: 13.2rem;*/


/*	width: 100%;*/


/*	margin: 1rem auto 0.8rem;*/


/*}*/


/*.supply_chain .supply_chain_content>div:nth-child(1) {*/


/*	width: 199px;*/


/*}*/


/*.supply_chain .supply_chain_content>div:nth-child(2) {*/


/*	width: 134px;*/


/*	height: auto;*/


/*}*/


/*.supply_chain .supply_chain_content>div:nth-child(3) {*/


/*	width: 194px;*/


/*}*/


/*.supply_chain .supply_chain_content>div:nth-child(4) img {*/


/*	margin-bottom: 0.40rem;*/


/*}*/


/*.supply_chain .supply_chain_content>div:nth-child(2) img {*/


/*	margin-bottom: 0.90rem;*/


/*}*/


/*.supply_chain .supply_chain_content>div:nth-child(6) img {*/


/*	margin-bottom: 0.82rem;*/


/*}*/


/*.supply_chain .supply_chain_content>div:nth-child(4) */


/*.supply_chain .supply_chain_content>div:nth-child(5) {*/


/*	width: 190px;*/


/*}*/


/*.supply_chain .supply_chain_content>div:nth-child(6) {*/


/*	width: 133px;*/


/*}*/


/*.supply_chain .supply_chain_content>div:nth-child(7) {*/


/*	width: 192px;*/


/*}*/


/*.supply_chain .supply_chain_content>div {*/


/*	display: block;*/


/*	margin-left: 2%;*/


/*overflow: hidden;*/


/*}*/


/*.supply_chain .supply_chain_content>div div {*/


/*display: none;*/


/*}*/


/*.supply_chain .supply_chain_content>div div span{*/


/*	color: #1B9A31;*/


/*}*/


/*.supply_chain .supply_chain_content>div>div:last-child {*/


/*	font-size: 0.18rem;*/


/*	font-weight: 500;*/


/*	color: #666;*/


/*	text-align: center;*/


/*	margin-top: 0.25rem;*/


/*}*/


/*.supply_chain .supply_chain_content img {*/


/*	display: block;*/


/*}*/


/*.supply_chain_botom {*/


/*	display: flex;*/


/*	justify-content: space-between;*/


/*	max-width: 13.2rem;*/


/*	width: 100%;*/


/*	margin: 0 auto;*/


/*}*/


/*.supply_chain_botom_two {*/


/*	display: flex;*/


/*	display: none;*/


/*	justify-content: space-between;*/


/*	max-width: 14.14rem;*/


/*	width: 100%;*/


/*	margin: 0 auto 1rem;*/


/*}*/


/*.supply_chain_botom_two>div {*/


/*	font-size: 0.36rem;*/


/*	font-weight: 500;*/


/*	text-align: center;*/


/*	color: #1B9A31;*/


/*}*/


/*.supply_chain_botom_two img {*/


/*	display: block;*/


/*}*/


/*.supply_chain_botom_two>div>div {*/


/*	max-width: 2rem;*/


/*	margin: 0 auto 0.26rem;*/


/*}*/


/*.supply_chain_botom_two>div:nth-child(2)>div {*/


/*	max-width: 9rem;*/


/*	margin: 0 auto 0.26rem;*/


/*}*/


/*.supply_chain_botom>div {*/


/*	width: 15.1%;*/


/*}*/


/*.supply_chain_botom>div:nth-child(2) {*/


/*	width: 43.5%;*/


/*}*/

.cor_shop_xian {
    width: 14.4rem;
    height: 1px;
    margin: 0.49rem auto;
    background: #F5F5F5;
    opacity: 1;
}


/* 地图动画 */


/*#myCanvas {*/


/*		margin: 0 auto;*/


/*		display: flex;*/


/*	}*/

#canvas_top {
    position: relative;
    width: 934px;
    height: 774px;
    margin: 0.4rem auto 0;
}

.back_canvas {
    /* background: url(img/modex1.png) no-repeat; */
    /* margin-top: 0.39rem; */
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 0.4rem;
}


/*#myCanvas{*/


/*	position: absolute;*/


/*	left: 0;*/


/*	top: 0;*/


/*}*/


/*.canvas_class{*/


/*	position: absolute;*/


/*	top: 0;*/


/*	left: 0;*/


/*	z-index: 9999;*/


/*}*/

@media screen and (max-width:1900px) and (min-width:1366px) {
    .corporate_banner .swiper_left,
    .corporate_banner .swiper_right {
        width: 2.25rem;
    }
}

@media screen and (min-width: 1200px) {
    .YuanT_top .YuanT .right>div>span {
        margin-bottom: 0.4rem;
    }
}

@media screen and (min-width: 1366px) {
    .YuanT_top .YuanT .right>div>span {
        margin-bottom: 0.3rem!important;
    }
}

@media screen and (max-width:1366px) and (min-width:1024px) {
    .YuanT_top .left {
        height: 340px;
    }
    .number_content .number_back>.content {
        max-width: 11rem;
    }
    .number_content .number_p_top {
        width: 57%;
    }
    .number_content .number_p_top,
    .number_content .number_back>.content .left>div,
    .corporate_title .divTop {
        font-size: 0.16rem;
    }
    .cor_title {
        font-size: 0.4rem;
    }
    .cor_txt {
        font-size: 0.16rem;
    }
    .number_content .number_back {
        padding-top: 0.6rem;
    }
    .number_content .append>div {
        width: 0.78rem;
        height: 0.78rem;
    }
    .number_content .number_back>.content .left {
        width: 4.84rem;
        /*height: 3rem;*/
    }
    .number_content .number_back>.content .right {
        width: 5.12rem;
    }
    .number_one {
        position: absolute;
        top: 1.75rem;
        left: 0.3rem;
        width: 1.1rem;
    }
    .number_two {
        position: absolute;
        top: 2.4rem;
        left: 0;
        right: 0;
        margin: auto;
        width: 1.1rem;
    }
    .number_three {
        position: absolute;
        top: 1.75rem;
        right: 0.3rem;
        width: 1.1rem;
    }
    .number_img {
        top: -0.7rem;
        width: 1.1rem;
        left: -1rem;
    }
    .number_content .number_back>.content .left {
        margin-top: -0.9rem;
    }
    .left_icon {
        bottom: 0;
    }
    .right_icon {
        bottom: 0;
    }
    .corporate_title_back .map_img {
        width: 40%;
    }
    .corporate_title_back .top_div {
        /*font-size: 0.16rem;*/
    }
    .corporate_title>div:nth-child(2) .cor_title {
        /* padding-top: 0!important; */
    }
    .corporate_title_back .top_div span {
        /*font-size: 0.43rem;*/
    }
    .corporate_title_back .top_div span {
        /* width: 1rem!important; */
        /*display: inline-block;*/
    }
    .corporate_title_back .left {
        /* position: absolute;
	    bottom: 1.2rem;
	    right: 4rem;
	    left: 0; */
    }
    .cor_img_bottom {
        width: 9.13rem;
    }
    .cor_img_bottom .img {
        width: 2.56rem;
        margin-left: 0.07rem;
        margin-bottom: 0.07rem;
    }
    .cor_txt {
        width: 63% !important;
    }
    .cor_img_bottom .img:nth-child(1) {
        width: 3.27rem;
    }
    .YuanT_top .YuanT .right>div p {
        font-size: 0.16rem;
        line-height: 0.28rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    .YuanT_top .YuanT {
        margin-bottom: 0.85rem;
    }
    .YuanT_top .YuanT .right>div>span {
        font-size: 0.22rem;
        /*margin-bottom: 0.4rem;*/
    }
    .swiper-container_deo .swiper-slide-titles {
        height: 0.43rem !important;
        line-height: 0.43rem !important;
        font-size: 0.17rem !important;
    }
    #About_hj_001 .left_text_p {
        font-size: 0.43rem;
    }
    .cul_oo1_bottom {
        /*height: 0.78rem;*/
    }
    .about_002_li2 li {
        font-size: 0.16rem;
        /* padding: 0.09rem 0.2rem; */
    }
    .cul_oo1_bottom span:first-child {
        font-size: 0.18rem;
        font-weight: 500;
        color: #333333;
        /*display: block;*/
        max-width: 1.3rem;
        /*margin: 0.2rem 0 0.11rem 0;*/
    }
    .cul_oo1_bottom span:nth-child(2) {
        font-size: 0.10rem;
        font-weight: 500;
        color: #999999;
        display: block;
    }
    .cul_oo1_bottom>div {
        width: 0.6rem;
        height: 0.21rem;
        line-height: 0.21rem;
        background: #FFFFFF;
        border: 1px solid #1B9A31;
        /* opacity: 0.4; */
        color: #1B9A31;
        text-align: center;
        position: absolute;
        bottom: 0rem;
        top: 0;
        margin: auto;
        right: 0.2rem;
        cursor: pointer;
        font-size: 0.12rem;
    }
    .corporate_banner .swiper_right {
        width: 1.7rem;
    }
    .corporate_banner .swiper_left {
        width: 1.7rem;
    }
    .corporate_title>.divTop {
        width: 9rem;
        margin: 0 auto;
    }
    /* 五星文化 */
    .corporate_wuxing_001 {
        width: 4.6rem;
        height: 3.74rem;
        /* border: #007AFF solid 1px; */
        margin: 0.3rem auto;
    }
    .corporate_wuxing_p {
        text-align: center;
        width: 3.91rem;
        height: 0.4rem;
        font-size: 0.17rem;
        /*font-family: Source Han Sans CN;*/
        font-weight: bold;
        color: #BA1B21;
        line-height: 0.4rem;
        margin: 0 auto;
    }
    .corporate_wuxing {
        position: relative;
    }
    .corporate_wuxing_lefts {
        position: absolute;
        left: 0;
        /*top: -0.3rem;*/
        width: 2.7rem;
        background: #FFFFFF;
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
        padding-left: 0;
        padding-right: 0;
    }
    .corporate_wuxing_lefts_two {
        width: 2.7rem;
        background: #FFFFFF;
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
        position: absolute;
        left: 0;
        top: 3.5rem;
        padding-left: 0;
        padding-right: 0;
    }
    .corporate_wuxing_rights {
        width: 2.7rem;
        height: auto;
        background: #FFFFFF;
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
        position: absolute;
        right: 0;
        /* bottom: 0; */
        padding-left: 0;
        padding-right: 0;
    }
    .corporate_wuxing {
        max-width: 10.23rem;
    }
    .corporate_wuxing_001 .backgrou {
        width: 3.35rem;
    }
    .corporate_wuxing_001 .img2 {
        width: 1.66rem;
        top: -0.13rem;
        /* top: 0.64rem; */
    }
    .corporate_wuxing_001 .img3 {
        width: 2.11rem;
        top: 0.6rem;
    }
    .corporate_wuxing_001 .img4 {
        width: 1.83rem;
        top: 2.15rem;
    }
    .corporate_wuxing_lefts span,
    .corporate_wuxing_lefts_two span,
    .corporate_wuxing_rights span {
        font-size: 0.17rem;
    }
    .corporate_wuxing_lefts>.title {
        margin-bottom: 0.1rem;
    }
    .corporate_wuxing_lefts p,
    .corporate_wuxing_lefts_two p,
    .corporate_wuxing_rights p {
        font-size: 0.12rem;
    }
    .corporate_wuxing_rights b {
        font-size: 0.14rem;
    }
    .wuxing_bottom {
        margin-bottom: 0.1rem;
    }
    .corporate_wuxing {
        height: 7rem;
        margin-top: 0.5rem;
    }
    .point {
        position: absolute;
        top: 0.7rem;
        /* top: 1.47rem; */
        right: 1.44rem;
        width: 0.15rem;
        height: 0.15rem;
        opacity: 0.6;
        background-color: #f3b148;
        border-radius: 50%;
    }
    .point2 {
        position: absolute;
        top: 1.45rem;
        /* top: 0.75rem; */
        left: 1.88rem;
        width: 0.15rem;
        height: 0.15rem;
        opacity: 0.6;
        background-color: #f3b148;
        border-radius: 50%;
    }
    .point3 {
        position: absolute;
        top: 2.2rem;
        right: 2.86rem;
        width: 0.15rem;
        height: 0.15rem;
        opacity: 0.6;
        background-color: #f3b148;
        border-radius: 50%;
    }
    .corporate_banner .swiper-wrapper img {
        /* height: 4.84rem; */
    }
    /*.supply_chain_botom_two{*/
    /*	max-width: 10.05rem;*/
    /*}*/
    /*.supply_chain_botom_two>div{*/
    /*	font-size: 0.26rem;*/
    /*}*/
    /*.supply_chain_botom_two>div>div{*/
    /*	max-width: 1.42rem;*/
    /*}*/
    /*.supply_chain_botom_two>div:nth-child(2)>div{*/
    /*	max-width: 4.08rem;*/
    /*}*/
    /*.supply_chain .supply_chain_content{*/
    /*	max-width: 9.38rem;*/
    /*}*/
    /*.supply_chain .supply_chain_content>div>div:last-child{*/
    /*	font-size: 0.13rem;*/
    /*}*/
    /*.supply_chain .supply_chain_content{*/
    /*	margin:0.74rem auto 0.57rem;*/
    /*}*/
    #corporate_001 {
        /* padding-top: 0.74rem; */
    }
    .cor_shop_xian {
        margin: 0.35rem auto;
        width: 10.5rem;
    }
}

#About_hj_001 {
    overflow: hidden;
    /* width: '' */
}

@media screen and (max-width: 920px) {
    .cor_img_bottom {
        width: 100% !important;
    }
    .cor_img_bottom .img {
        width: 49% !important;
        margin-left: 0 !important;
    }
    .cor_img_bottom .img:nth-child(1) {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #myCanvas {
        right: 0;
        margin: auto;
    }
    #myCanvas2 {
        right: 0;
        margin: auto;
    }
    .corporate_banner .swiper_left,
    .corporate_banner .swiper_right {
        width: 0.8rem;
    }
    .cor_img_bottom .backes {
        height: 0.5rem;
        line-height: 0.5rem;
        bottom: 0;
        top: unset;
        background-color: rgb(0, 0, 0, 0.6);
        color: #FFFFFF;
        opacity: 1;
        font-size: 0.14rem;
        text-align: center;
        display: block;
    }
    .cor_txt {
        width: 100% !important;
    }
    .corporate_title_back {
        background-size: cover;
    }
    .corporate_title_back .map_img {
        width: 75%;
    }
    .corporate_title_back .top_div span {
        /*font-size: 0.28rem;*/
    }
    .corporate_title_back .top_div {
        /*font-size: 0.12rem;*/
        /* bottom: 1.8rem; */
        /* display: ; */
    }
    .corporate_title_back {
        padding-bottom: 0;
    }
    .cor_img_bottom {
        width: 7rem;
    }
    .corporate_title_back .left {
        left: 2%
    }
    .corporate_title_back .top {
        left: 36%;
        top: 13%;
        /* left:0; */
    }
    .corporate_title_back .right {
        position: absolute;
        top: 90%;
        right: -4%;
    }
    /*.cor_img_bottom .img {*/
    /*	width: 49%;*/
    /*	margin-left: 0!important;*/
    /*}*/
    .cor_img_bottom .img:nth-child(3),
    .cor_img_bottom .img:nth-child(5) {
        margin-left: 2%!important;
    }
    .cor_img_bottom .img:nth-child(1) {
        width: 100%!important;
    }
    .cor_img_bottom .img {
        margin-bottom: 2%;
    }
    .swiper-container_deo .swiper-slide-titles {
        height: 0.5rem !important;
        line-height: 0.5rem !important;
        font-size: 0.16rem !important;
    }
    .about_002_li2 li {
        font-size: 14px;
        padding:5px;
        height: auto;
        line-height: auto;
    }
    .cor_img_bottom {
        margin-bottom: 0.85rem;
    }
    .YuanT_top {
        width: 90%;
    }
    .YuanT_top .left {
        width: 100%;
    }
    .YuanT_top .YuanT .right>div p,
    .corporate_title>.divTop {
        line-height: 0.38rem;
        font-size: 0.24rem;
    }
    .YuanT_top .YuanT .right>div>span {
        font-size: 0.32rem;
    }
    .cor_txt,
    .number_content .number_back>.content .left>div,
    .corporate_title>.divTop {
        line-height: 1.6!important;
        font-size: 14px;
    }
    .number_content .number_p_top {
        font-size: 0.24rem;
    }
    .number_content .number_back>.content .left p {
        font-size: 0.32rem;
        padding: 0.05rem 0;
    }
    .YuanT_top .right,
    .YuanT_top .YuanT_two_df .right {
        /*position: unset;*/
        position: static;
        width: 100%;
        margin: 0.4rem 9;
        padding: 0.5rem 0;
    }
    .YuanT_top .YuanT {
        margin-bottom: 0.85rem;
    }
    .YuanT_top .YuanT {
        width: 100%;
    }
    .YuanT_top .left,
    .YuanT_top .YuanT_two_df .left {
        margin-bottom: 0.3rem;
        height: 4.16rem;
    }
    /*.supply_chain .supply_chain_content{*/
    /*	display: flex;*/
    /*	flex-wrap: wrap;*/
    /*}*/
    /*.supply_chain .supply_chain_content>div{*/
    /*	width: 70%;*/
    /*	margin: 0 auto;*/
    /*}*/
    /*.supply_chain .supply_chain_content>div:nth-child(3){*/
    /*	width: 35%!important;*/
    /*	margin: 0 auto;*/
    /*}*/
    /*.supply_chain .supply_chain_content>div:nth-child(1),.supply_chain .supply_chain_content>div:nth-child(7){*/
    /*	width: 30%!important;*/
    /*}*/
    /*.supply_chain .supply_chain_content>div:nth-child(4){ width: 20%!important; height: 3.5rem;*/
    /*     display: flex;*/
    /*     justify-content: center;*/
    /*     align-items: center;*/
    /* }*/
    /*.supply_chain .supply_chain_content>div:nth-child(2){ width: 100%!important;height: 3rem;*/
    /*     display: flex;*/
    /*     justify-content: center;*/
    /*     align-items: center;*/
    /*	     margin-top: 1.4rem;*/
    /* }*/
    /*.supply_chain .supply_chain_content>div:nth-child(6){ width: 100%!important;height: 2.9rem;*/
    /*     display: flex;*/
    /*     justify-content: center;*/
    /*     align-items: center;*/
    /*	 margin-top: 1rem;*/
    /* }*/
    /* .supply_chain .supply_chain_content>div:nth-child(5){*/
    /*	 width: 30%;*/
    /* }*/
    /* .supply_chain{*/
    /*	 position: relative;*/
    /*	 padding-bottom: 1.5rem;*/
    /* }*/
    /* .supply_chain_botom_two{*/
    /*	 display: block!important;*/
    /*	 width: 80%;*/
    /*	 margin: 0 auto;*/
    /*	 position: absolute;*/
    /*	 top: 3.2rem;*/
    /*	 left: 0;*/
    /*	 right: 0;*/
    /*	 margin: auto;*/
    /* }*/
    /* .supply_chain_botom_two>div{*/
    /*	 margin-bottom: 7rem;*/
    /* }*/
    /* .supply_chain_botom_two>div:nth-child(2){*/
    /*      margin-bottom: 6rem;*/
    /* }*/
    /*.supply_chain .supply_chain_content>div:nth-child(4)>div img*/
    /*{*/
    /* transform: rotate(90deg); */
    /*}*/
    /*.supply_chain .supply_chain_content>div:nth-child(2)>div img*/
    /*{*/
    /*	transform: rotate(90deg);*/
    /*}*/
    /*.supply_chain .supply_chain_content>div:nth-child(6)>div img*/
    /*{*/
    /*	transform: rotate(90deg);*/
    /*}*/
    /* .YuanT_top .left{
		width: 50%;
	}
	.YuanT_top .right{
		width: 60%;
		height: 90%;
	} */
}

@media screen and (max-width:1200px) {
    .YuanT_top .right,
    .YuanT_top .YuanT_two_df .right {
        /*position: unset;*/
        position: static;
        width: 100%;
        margin: 0.4rem 9;
        padding: 0.5rem 0;
    }
    .YuanT_top .YuanT {
        margin-bottom: 0.85rem;
    }
    .YuanT_top .YuanT {
        width: 100%;
    }
    .YuanT_top .left,
    .YuanT_top .YuanT_two_df .left {
        margin-bottom: 0.3rem;
        height: 4.16rem;
    }
    .YuanT_top .left {
        width: 100%;
    }
    .number_content .number_back>.content {
        display: block!important
    }
    .number_content .number_back>.content .left {
        width: 90%;
        margin: 0 auto;
    }
    .number_content .number_back {
        padding-top: 0.4rem!important
    }
    .number_img {
        display: none;
    }
    .number_content .number_back>.content .left {
        margin-bottom: 0.8rem;
    }
    .number_content .number_back>.content .right {
        margin: 0 auto;
    }
    .number_content .number_p_top {
        width: 90%;
        margin: 0.6rem auto 0;
    }
}

@media screen and (max-width:1024px) {
    .cor_txt_two {
        padding-top: .3rem;
    }
    .supply_chain {
        padding-bottom: .3rem;
    }
    .YuanT_top {
        margin-top: .3rem;
    }
    .cor_title {
        padding-top: .3rem;
    }
    .number_content .number_p_top {
        margin-top: .3rem;
    }
    .corporate_wuxing_lefts {
        display: block;
    }
    .corporate_wuxing_lefts span,
    .corporate_wuxing_lefts_two span,
    .corporate_wuxing_rights span {
        font-size: 0.3rem;
    }
    .corporate_wuxing_p {
        font-size: 0.3rem!important;
    }
    #corporate_001 {
        overflow: hidden;
    }
    .corporate_wuxing_lefts p,
    .corporate_wuxing_lefts_two p,
    .corporate_wuxing_rights p {
        font-size: 0.18rem;
        line-height: 0.36rem;
    }
    .corporate_wuxing_rights b {
        font-size: 0.27rem;
    }
    .corporate_wuxing_lefts>.title:last-child {
        margin-bottom: 0.38rem;
    }
    .number_content .number_p_top {
        width: 90%;
        line-height: 0.36rem;
    }
    .number_content .number_back>.content .left>div {
        line-height: 0.34rem;
    }
    #demo2 .right {
        display: block;
        width: 0.5rem;
        height: 0.5rem;
        margin-left: auto;
        margin-top: 0.3rem;
    }
    #demo2 .right__2 {
        display: block;
        width: 0.3rem;
        height: 0.3rem;
        margin-left: auto;
        margin-top: 0.3rem;
    }
    .cul_oo1_bottom>div {
        font-size: 12px;
        width: 1rem;
    }
    .number_one {
        position: absolute;
        top: 2.3rem;
        left: 0.38rem;
        width: 1.1rem;
    }
    .number_two {
        position: absolute;
        top: 3rem;
        left: 0;
        right: 0;
        margin: auto;
        width: 1.1rem;
    }
    .number_three {
        position: absolute;
        top: 2.3rem;
        right: 0.39rem;
        width: 1.1rem;
    }
    .cul_oo1 {
        margin-top: 0.3rem;
    }
    .corporate_wuxing_lefts {
        position: static;
        margin: 0.5rem auto 0;
        /*padding-bottom: 0.3rem;*/
        width: 100%;
        /* display: none; */
    }
    .corporate_wuxing_rights {
        /*position: unset;*/
        position: static;
        margin: auto;
        width: 100%;
        display: block;
    }
    .corporate_wuxing_rights .title .wuxing_bottom:last-child {
        margin-bottom: 0;
    }
    .corporate_wuxing {
        height: auto;
        margin: auto;
        padding-bottom:0;
    }
    .corporate_wuxing_lefts_two {
        position: static;
        margin: 0.4rem auto;
        width: 100%;
        display: block;
    }
    .corporate_wuxing_rights>div {
        /*padding: 0.3rem 0;*/
        /*margin-bottom: 0.3rem;*/
    }
    .corporate_wuxing_lefts_two .title {
        /*padding-bottom: 0.3rem;*/
    }
    .corporate_wuxing_lefts>.title:last-child {
        margin-bottom: 0;
    }
    .corporate_wuxing_001 .img3,
    .corporate_wuxing_001 .img2,
    .corporate_wuxing_001 .img4 {
        display: none !important;
    }
    .corporate_wuxing_001 {
        margin-bottom: 0.5rem;
    }
    .corporate_title>.divTop {
        margin-bottom: 0.2rem;
        width: 100%;
        padding: .3rem 0;
    }
    .number_img {
        display: none;
    }
    .corporate_banner .swiper-wrapper img {
        /* height: 4rem; */
    }
    .corporate_banner .swiper_left,
    .corporate_banner .swiper_right {
        width: 1.17rem;
    }
    .number_content .number_back>.content {
        display: unset;
        max-width: 90%;
    }
    .number_content .number_back>.content .left {
        width: 90%;
        margin: 0 auto;
    }
    .number_content .number_back>.content .right {
        width: 90%;
        margin: 1rem auto 0;
    }
    .right_icon,
    .left_icon {
        width: 0.4rem;
        height: 0.4rem;
    }
    .left_icon {
        right: 1rem;
    }
    .right_icon {
        left: 1rem;
    }
    .number_content .number_back {
        padding-top: 0.1rem;
    }
    /* .corporate_wuxing_deo2{
		display: none;
	}
	.corporate_wuxing_deo2{
		display: block;
	} */
}

@media screen and (max-width:768px) {
    .cor_txt_two {
        padding-top:50px;
    }
    .supply_chain {
        padding-bottom:50px;
    }
    .YuanT_top {
        margin-top: 50px;
    }
    .YuanT_top .YuanT:last-child{
        margin-bottom: 50px;
    }
    .corporate_title{
        width: 90%;
        margin: 50px auto;
    }
    .cor_title {
        padding-top: 0;
        margin-bottom: 30px;
    }
    .number_content .number_p_top {
        margin-top: .2rem;
    }
    .corporate_title>.divTop {
        padding:0;
    }
    .cul_oo1 {
        width: 90%;
        margin: 50px auto;
        padding: 0;
    }
    .corporate_wuxing_001{
        width: 100%;
    }
}

@media screen and (max-width:414px) {
    .corporate_banner .swiper_left,
    .corporate_banner .swiper_right {
        width: 0.95rem;
    }
    .corporate_banner .swiper-wrapper img {
        height: 3rem;
    }
}

.swiper-container_deo {
    position: relative;
}

.swiper-container_deo .swiper-slide-titles {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    background: #000000;
    /* opacity: 0.6; */
    font-size: 0.24rem;
    font-weight: 500;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.6)
    /* opacity: 0; */
}

.swiper-container_deo .swiper-slide:hover .swiper-slide-titles {
    /* opacity: 0.6;
	transition: opacity .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out;
	-webkit-transition: opacity .55s ease-in-out; */
}

.slideInRight {
    -webkit-animation-duration: 1s;
    animation-duration: 1s !important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/* 数字化切换样式 */

.pre_banner_3d a {
    text-decoration: none;
    border: none;
}

.pre_banner_3d {
    margin: auto;
    /*width:720px;*/
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* border: 1px #f00 solid; */
    width: 100% !important;
    height: 100%;
}

.contrves {
    width: 100%;
    height: auto;
    position: absolute;
}

.nav_banners {
    width: 100%;
    height: auto;
    /* border-bottom: 1px solid #f2f2f2; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nav_banners>li {
    display: inline-block;
    padding: 5px 16px;
    margin: 12px 0;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}

.blue_nav {
    background: #63B504;
    color: #fff;
}

.banner_tree {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
}

.show_phone_s {
    width: 414px;
    height: 736px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 10
}

.color_font {
    background: #63B504;
    color: #fff;
    width: 45px;
    height: 100px;
    font-size: 24px;
    text-align: center;
    line-height: 100px;
    border-radius: 5px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    margin: auto;
    z-index: 50;
    cursor: pointer;
}

.left_btn {
    left: 0;
    display: flex;
    z-index: 99;
    outline: none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

.right_btn {
    display: flex;
    right: 0;
    z-index: 99;
    outline: none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

.img_phone {
    width: 100%;
    height: 100%;
}

.show_s_ui {
    width: 100%;
    height: 100%;
    position: relative;
}

.show_s_ui>li {
    width: 12%;
    height: 60%;
    /* border: 1px #FF0000 solid; */
    position: absolute;
    bottom: 0;
    margin: auto;
    /*z-index: 30;*/
    cursor: pointer;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity: 0;
    font-size: 40px;
    outline: none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

@media screen and (max-width: 1024px) {
    .show_s_ui>li {
        height: 62%;
    }
}

.show_s_ui>li>div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
    opacity: 0.9;
    display: none;
}

.show_s_ui>li>img {
    width: 100%;
    /*height:100%; */
    /*margin: 0 auto;*/
    display: block;
    transition: all .8s;
}


/*.show_s_ui>li>img:hover{*/


/*    transform: translateY(-20px) rotate(360deg);*/


/*}*/

#middel_shows {
    height: 46%;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity: 1;
    left: 50%;
    transform: translateX(-50%);
}

#left_shows {
    left: 13%;
    transform: translateX(-50%);
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
    opacity: 1;
}

#right_shows {
    left: 86.4%;
    transform: translateX(-50%);
    opacity: 0.6;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
}

#small_left,
#small_right {
    /*width:154px;*/
    height: 249px;
    opacity: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0);
}

#small_left {
    left: -15%;
}

#small_right {
    left: 102.5%;
}

.lightbox img {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width:1023px) and (min-width:768px) {
    .corporate_wuxing_p {
        font-size: .26rem!important;
    }
    .corporate_wuxing_lefts span,
    .corporate_wuxing_lefts_two span,
    .corporate_wuxing_rights span {
        font-size: .26rem!important;
    }
    .corporate_wuxing_rights b {
        font-size: 22px!important;
    }
    .number_content .number_back>.content .left p {
        font-size: .3rem!important;
    }
    .corporate_title_back .right {
        right: 2%;
    }
    .about_002_li2 li {
        font-size: 16px;
    }
    .cor_txt,
    .number_content .number_back>.content .left>div,
    .corporate_title>.divTop,
    .YuanT_top .YuanT .right>div p,
    .corporate_title>.divTop,
    .number_content .number_p_top {
        font-size: .16rem!important;
        line-height: .28rem!important;
    }
    .cul_oo1_bottom span:first-child {
        font-size: .18rem;
    }
    .cul_oo1_bottom span:nth-child(2) {
        font-size: .1rem;
    }
}

@media screen and (max-width:1365px) and (min-width:1024px) {
    .corporate_wuxing_p,
    .corporate_wuxing_lefts span,
    .corporate_wuxing_lefts_two span,
    .corporate_wuxing_rights span {
        font-size: .26rem!important;
    }
    .corporate_wuxing_rights b {
        font-size: .22rem;
    }
    .swiper-container_deo .swiper-slide-titles {
        font-size: .16rem!important;
    }
}

@media screen and (min-width: 767px) {
    .about_002_li2 li {
        padding: 0rem 0.2rem;
        font-size: .16rem;
    }
}

@media screen and (max-width: 767px) {
    .supply_chain .supply-text {
        font-size: .2rem;
    }
    .cor_img_bottom .backes {
        font-size: .24rem;
    }
    .cul_oo1_bottom span:nth-child(2) {
        font-size: .16rem;
    }
    .corporate_wuxing_lefts p,
    .corporate_wuxing_lefts_two p,
    .corporate_wuxing_rights p {
        font-size: .24rem!important;
    }
}

.swiper-container_index .swiper-button-prev {
    -webkit-tap-highlight-color: transparent;
    background-color: rgba(255, 255, 255, 1);
    left: -45px;
    width: 90px;
    height: 90px;
    background-size: 28px;
    background-position-x: 47px;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    background-image: url("../png/20525679-2395-4169-9462-82dcf043d1df.png")!important;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    opacity: .7;
    z-index: 99;
    cursor: pointer;
}

.swiper-container_index .swiper-button-next {
    -webkit-tap-highlight-color: transparent;
    background-color: rgba(255, 255, 255, 1);
    right: -45px;
    width: 90px;
    height: 90px;
    background-size: 28px;
    background-position-x: 15px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    background-image: url("../png/69eae773-9280-44a3-a620-f9095a990c31.png")!important;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    opacity: .7;
    z-index: 99;
    cursor: pointer;
}

.swiper-container_index .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.swiper-container_index .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    pointer-events: auto;
}

@media screen and (max-width: 768px) {
    .swiper-container_index .swiper-button-prev,
    .swiper-container_index .swiper-button-next {
        width: 65px;
        height: 65px;
        background-size: 20px;
    }
    .swiper-container_index .swiper-button-prev {
        background-position-x: 43px;
    }
    .swiper-container_index .swiper-button-next {
        background-position-x: 3px;
    }
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
    content: "";
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
    content: "";
}