@charset "utf-8";
@font-face {
	font-family: 'Noto Sans';
	font-display: swap;
	font-weight: 700; /* 粗体 */
	src: url(../fonts/sy_bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Noto Sans';
  font-display: swap;
  src: url('../fonts/sy_normal.woff2') format('woff2');
  font-weight: 500; /* 常规 */
}
@font-face {
  font-family: 'Noto Sans';
  font-display: swap;
  src: url('../fonts/sy_light.woff2') format('woff2');
  font-weight: 300; /* 常规 */
}

:root{
	--main_color: #B5131C;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a {
    text-decoration: none;
    color: initial;
}
body * {
    box-sizing: border-box;
    flex-shrink: 0;
    line-height: inherit;
}
body {
    font-family:'Noto Sans', Microsoft YaHei,Arial,sans-serif;
	font-weight: normal;
    font-size: 12px;
}
body,h1,h2,h3,h4,h5,h6,p ,ul,ol,dd,table,input,textarea,dl{padding: 0;margin:0;}
input {
    background-color: transparent;
    border: 0;
}
button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
}
ul,li{list-style: none;}
img{
    max-width: 100%;
    vertical-align: top;
}
input:focus,textarea:focus,select:focus{outline: none;}
textarea{resize:none;}
.clear:after{content: "";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
.clear{zoom:1;}
.left{
    float: left;
}
.right{
    float: right;
}

.container_pub{
	width: 14.8rem;
	margin: 0 auto;
	max-width: 100%;
}
.button_style1{
	padding: .1rem .4rem;
	background-color: var(--main_color);
	/* border: 0.01rem solid var(--main_color); */
	color: #fff;
	font-size: .18rem;
	position: relative;
	z-index: 1;
	display: inline-block;
	transition: all 0.5s ease 0s;
}
.button_hover2:before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    background: rgb(20,50,110);
    /* border-radius: 5px; */
    z-index: -1;
    transition: .5s;
}
.button_hover2:hover:before {
    width: 100%;
    left: 0;
}
.button_style1:hover {
    color: #fff;
}
.head_logo {
    width: 2.68rem;
    cursor: pointer;
}

.head_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header_height {
    height: 1.1rem;
}
.head_menu {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-left: auto;
    margin-right: 1rem;
}

.header {
    padding: .26rem 0;
    position: fixed;
    width: 100%;
    background: #fff;
    top: 0;
    z-index: 9;
}

.head_menu li a {
    font-size: .18rem;
	position: relative;
	transition: 0.4s all ease;
}
.head_menu li.active a ,.head_menu li:hover a{
    color: var(--main_color);
}
.head_menu li a:after{
	content: "";
	display: block;
	height: 0.03rem;
	background-color: var(--main_color);
	position: absolute;
	bottom: -0.15rem;
	border-radius: 1rem;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	transition: 0.4s all ease;
}
.head_menu li.active a:after,.head_menu li:hover a:after{
	width: .21rem;
}

.index_banner_bg {
    position: absolute;
    top: 0;
    transform-origin:  center;
    animation: rotate1 1s linear forwards;
    width: 100%;
    height: 100%;
}
.index_banner_bg.opacity{
	background: linear-gradient(270deg, rgba(120, 137, 151, 0.00) 0%, rgba(9, 39, 57, 0.78) 100%);
}

.index_banner {
    position: relative;
    overflow: hidden;
}

.banner_flex {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
	animation: rotate1 1s linear forwards;
    color: #fff;
}
.banner_h1 {
    font-size: .8rem;
    font-weight: bold;
    margin-bottom: .2rem;
}

.banner_p1 {
    font-size: .3rem;
    width: 8.3rem;
    max-width: 100%;
}

.banner_h2 {
    font-size: .5rem;
    font-weight: bold;
}

.banner_line {
    width: 1.4rem;
    height: 0.06rem;
    background: #fff;
    border-radius: .6rem;
    margin-top: .36rem;
    margin-bottom: .44rem;
}
.banner_amore {
    position: absolute;
    bottom: 1.2rem;
    text-align: center;
    width: 100%;
}
.button_style2{
	width: 2.1rem;
	line-height: 0.64rem;
	border-radius: .5rem;
	background: #DC9016;
	/* border: 0.01rem solid #DC9016; */
	color: #fff;
	display: inline-block;
	font-size: .24rem;
	text-align: center;
	margin: 0 .5rem;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.button_style2:hover {
    /* color: #DC9016; */
}
.button_xiangqing {
    display: inline-flex;
    align-items: center;
}

.button_xiangqing svg {
    margin-left: .1rem;
    width: .2rem;
}
.index_sec1_t2 {
    width: 8.9rem;
    font-size: .18rem;
    line-height: 1.5;
    margin-bottom: .5rem;
    font-weight: lighter;
}

.index_sec1_t2 p {
    margin-bottom: .2rem;
}

.index_sec1_t1 {
    font-size: .3rem;
}

.index_sec1_flex {
    display: flex;
    align-items: end;
    margin-top: 0.5rem;
}

.index_section1 {
    overflow: hidden;
    padding: 1rem 0;
    position: relative;
}

.index_sec1_img {
    width: 8.2rem;
}

.index_sec1_en1 {
    color: #E19417;
    font-weight: normal;
    font-style: italic;
    font-family: "AvantGarde Md BT";
    margin-bottom: .1rem;
    width: 2.75rem;
}

.pub_h2 {
    font-size: .36rem;
    text-align: center;
}
.index_sec1_line {
    width: .3rem;
    height: 0.06rem;
    background: #B5131C;
    margin-top: .1rem;
    margin-bottom: .4rem;
}
.pub_h2 span {
    position: relative;
    display: inline-block;
}

.pub_h2 span:after {
    content: "";
    display: block;
    width: 110%;
    height: 0.24rem;
    background: rgba(181, 19, 28, 0.17);
    bottom: 0;
    left: 50%;
    margin-left: -55%;
    position: absolute;
}
.index_section2 {
    position: relative;
}

.index_sec2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
}

.index_sec2_flex {
    display: flex;
    justify-content: space-around;
}

h3.index_sec2_num {
    font-size: .72rem;
    color: #fff;
}

.index_sec2_time {
    text-align: center;
    color: #fff;
    color: rgba(255, 255, 255, 0.60);
    font-size: .2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.index_sec3_flex {
    display: flex;
    justify-content: space-between;
    margin-top: .6rem;
    flex-wrap: wrap;
}

.index_sec3_item {
    width: 3.4rem;
}

.index_sec3_txt {
    padding: .2rem;
    background: #FFF6F6;
    padding-top: .15rem;
    border-bottom: .07rem solid #fff;
    background: var(--main_color);
    color: #fff;
}

.index_sec3_t1 {
    font-size: .26rem;
}

.index_sec3_more {color: #B5131C;display: flex;align-items: center;font-size: .18rem;}

.index_sec3_more svg {
    width: .2rem;
    margin-left: .1rem;
    height: auto;
}

.index_sec3_t2 {
    font-size: .16rem;
    margin-bottom: .15rem;
    margin-top: 0.12rem;
}

.index_section3 {
    padding: 1rem 0;
}

.index_sec3_t2 {
    display: none;
}

.index_sec3_more {
    display: none;
}

@keyframes rotate1 {
    from {
            transform: scale(1);
            left: -100%;
    }
    to {
        transform: scale(1);
        left: 0;
    }
}
.index_sec3_item.active .index_sec3_txt {
    background: #FFF6F6;
    border-bottom: 0.07rem solid var(--main_color);
    color: #000;
}

.index_sec3_item.active .index_sec3_t2,.index_sec3_item.active .index_sec3_more {
    display: block;
}
.index_sec4_slick {
    width: 12rem;
    margin: 0 auto;
    margin-top: .7rem;
    overflow: hidden;
}
.slick-current.slick-active {
    color: var(--main_color);
}
.index_sec4_it1 {
    font-size: .24rem;
}

.index_sec4_it2 {
    font-size: .28rem;
}

.index_sec4_item {
    text-align: center;
    cursor: pointer;
    position: relative;
    height: 1.5rem;
}

.index_sec4_relative {
    position: relative;
    z-index: 2;
}
.index_sec4_arrow{
	position: absolute;
	width: 1rem;
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eee;
	border-radius: 50%;
	cursor: pointer;
	z-index: 3;
}
.index_sec4_prev {left: 0;top: 0.85rem;}
.index_sec4_next {right: 0;top: 0.85rem;}
.index_sec4_arrow svg {
    width: .4rem;
    height: auto;
}
.swiper-slide-thumb-active .index_sec4_it1,.swiper-slide-thumb-active .index_sec4_it2 {
    color: var(--main_color);
}
.index_sec4_swiper2{
	width: 100%;
	overflow: hidden;
}
.swiper_flex {
    display: flex;
    padding: 0 1rem;
    margin-top: 1rem;
}

.sec4_swiper2_date {
    color: var(--main_color);
    font-family: Alata;
    font-size: .3rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.6px;
    width: 1.15rem;
    height: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FEEFEF;
    border-radius: 50%;
    margin-right: .8rem;
}

.sec4_swiper2_txt1 {
    color: #000;
    font-size: .24rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0.1rem;
}

.sec4_swiper2_txt2 {
    color: #000;
    font-size: .18rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sec4_swiper2_txt {
    width: 10.8rem;
}
.index_sec4_line {
    position: absolute;
    width: 100%;
    height: 0.01rem;
    background: #D9D9D9;
    top: 2.6rem;
}

.index_section4 {
    position: relative;
    padding-bottom: .6rem;
}
.index_sec4_hover {
    width: .23rem;
    position: absolute;
    left: 50%;
    margin-left: -0.13rem;
    bottom: -0.2rem;
    opacity: 0;
    transition: 0.4s all ease;
}
.swiper-slide-thumb-active .index_sec4_hover {
    opacity: 1;
    bottom: 0;
}
.index_sec4_yuan:before {
    content: "";
    display: block;
    width: .11rem;
    height: .11rem;
    position: absolute;
    bottom: 0.055rem;
    background: #D9D9D9;
    left: 50%;
    margin-left: -0.055rem;
    border-radius: 50%;
}
.index_sec4_slick {
    width: 100%;
}
.index_section5 {
    position: relative;
}

.index_sec5_ab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 1rem;
}

.index_sec5_t1 {
    color: #FFF;
    font-size: .36rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.index_sec5_t2 {
    color: #FFF;
    font-size: .2rem;
    font-style: normal;
    font-weight: 700;
    line-height: .32rem; /* 160% */
    width: 5.4rem;
    margin-top: .32rem;
    margin-bottom: .4rem;
}

.index_sec5_line1 {
    width: 1rem;
    height: .04rem;
    background: #fff;
}
.index_sec5_item {
    position: absolute;
    height: 2.55rem;
    background: #fff;
    width: 3.4rem;
    border-radius: .2rem;
    text-align: center;
    padding-top: .3rem;
}
.index_sec5_item1.index_sec5_item {
    width: 6.55rem;
    right: 3.8rem;
    top: 2.85rem;
}
.relative{
	position: relative;
}
.index_sec5_item2 {
    right: 0;
    top: 0;
}
.index_sec5_item3 {
    right: 0;
    top: 2.85rem;
}

.index_sec5_itemt1 {
    color: #B5131C;
    font-size: .3rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: .25rem;
}

.index_sec5_item1.index_sec5_item img {
    position: absolute;
    right: .5rem;
    top: 50%;
    margin-top: -.5rem;
}

.index_sec5_item img {
    width: 0.8rem;
}

.index_sec5_item1.index_sec5_item img {
    width: 1rem;
}

.index_sec5_item1.index_sec5_item .index_sec5_itemt1 {
    text-align: left;
    padding-left: .5rem;
    margin-top: .5rem;
}
.index_section6 {
    padding-top: 1.1rem;
}

.index_sec6_video {
    cursor: pointer;
}
.mask_video{width:100%;height:100%;position:fixed;left:0;top:0;z-index:100;display:none;}
.mask_video .mask_bg{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.7);}
.mask_video .video_con{position:absolute;width:70%;left:50%;top:50%;transform:translate(-50%, -50%);}
.mask_video .video_con .closebox{position:absolute;right:-36px;top:-36px;width:32px;cursor:pointer;}
.index_sec7_flex {
    display: flex;
    justify-content: space-between;
    margin-top: .8rem;
}

.index_sec7_item {
    width: 3.4rem;
    padding: .5rem .4rem;
    text-align: center;
    background: #F5F5F5;
    cursor: pointer;
    transition: 0.4s all ease;
}

.index_sec7_img {
    width: 1.2rem;
    margin: 0 auto;
    margin-bottom: .25rem;
}

.index_sec7_t1 {
    font-size: .28rem;
    font-weight: bold;
    margin-bottom: .2rem;
}
.index_sec7_t2 {
    color: #A0A0A0;
    font-size: .18rem;
}
.index_sec7_item:hover {
    background: #B5131C;
}

.index_sec7_item:hover  .index_sec7_t1,.index_sec7_item:hover  .index_sec7_t2 {
    color: #fff;
}

.index_sec7_item:hover svg path {
	fill: #ffffff;
}
.index_sec7_img svg {
    width: 100%;
    height: auto;
}
.index_sec7_item:hover svg path.hongse {
    fill: #dc9016;
}
.index_section7 {
    padding: .8rem 0;
}
.pub_h3 {
    font-size: .18rem;
    text-align: center;
    margin-top: .2rem;
}
.index_sec8_flex {
    display: flex;
    flex-wrap: wrap;
    border-top: 0.01rem solid #F3EFEF;
    border-left: 0.01rem solid #F3EFEF;
    margin-top: .65rem;
}

.index_sec8_item {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.6rem;
    border-right: 0.01rem solid #F3EFEF;
    border-bottom: 0.01rem solid #F3EFEF;
}
.index_sec8_item img {
    width: 1.8rem;
    height: 1.3rem;
    object-fit: cover;
}
.index_section9 {
    padding: .65rem 0;
    background: #F9F7F7;
    margin-top: .65rem;
}
.index_sec9_item {
    width: 4rem;
    padding: .2rem;
    background: #fff;
    border-radius: .12rem;
}

.index_sec9_t1 {
    color: #000;
    font-size: .24rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index_sec9_t2 {
    color: #403939;
    font-size: .18rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: .33rem;
}
.index_sec9_flex {
    display: flex;
    justify-content: space-between;
    margin-top: .5rem;
}

.index_sec9_item1 {
    width: 10.4rem;
    background: #fff;
    padding: .4rem;
    border-radius: .12rem;
}

.index_sec9_item2 a {
    display: flex;
    justify-content: space-between;
}

.sec9_item2img {
    width: 1.8rem;
}

.sec9_itemtxt {
    width: calc(100% - 2rem);
}

.sec9_itemtxt .index_sec3_more {
    display: flex;
    margin-top: .2rem;
}

.sec9_item2t1 {
    font-size: .2rem;
    color: #403939;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index_sec9_item2 {
    margin-bottom: .25rem;
}

.index_sec9_item2:last-child {
    margin-bottom: 0;
}
.footer {
    background: #000;
    padding-top: 0.5rem;
}

.foot_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.foot_logo {
    width: 1.37rem;
}

.foot_address {width: 4rem;}

.foot_code {
    display: flex;
    gap: 0.3rem;
}

.foot_code_img p {
    text-align: center;
    font-size: .18rem;
    color: #fff;
    margin-top: .2rem;
}

.foot_add1 {
    font-size: .24rem;
    color: #fff;
    font-weight: bold;
}

.foot_add2 {
    font-size: .18rem;
    color: #ffffffbd;
    margin-top: .2rem;
}
.foot_copyright {
    color: #FFF;
    font-size: .18rem;
    font-style: normal;
    font-weight: 400;
     /* 111.111% */
    border-top: 0.01rem solid rgba(217, 217, 217, 0.27);
    margin-top: 0.4rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
    text-align: center;
}

.foot_copyright a {
    color: #fff;
}
.foot_code_img img {
    width: 1.5rem;
}
.index_section1:before {
    content: "";
    display: block;
    width: 9.18rem;
    height: 4.77rem;
    position: absolute;
    background: url(../images/about_bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 2.5rem;
    left: -0.5rem;
}
.index_section1:after{
	content: "";
	display: block;
	width: 17rem;
	height: 6.35rem;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/about_bg2.svg);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}
.index_banner_bg.ny_banner_bg {
    animation: rotate2 1s linear forwards;
    width: 10.7rem;
}
.banner_flex.ny_banner_flex{
    animation: rotate2 1s linear forwards;
	left: auto;
}
.ny_banner_con {
    padding-left: 7rem;
    margin-top: 1rem;
}
.public_sonnav1 {
    display: flex;
    padding: .17rem;
}
.public_sonnav1 li a {
    color: #605B5B;
    font-size: .16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 .5rem;
    border-right: 0.01rem solid #E7E5E5;
}

.public_sonnav1 li {}

.public_sonnav1 li.active a,.public_sonnav1 li:hover a {
    color: var(--main_color);
}
.index_section2.about_section2 .index_sec2 {
    position: static;
}

.index_section2.about_section2 h3.index_sec2_num {
    color: var(--main_color);
}

.index_section2.about_section2 .index_sec2_time {
    color: var(--main_color);
}

.index_section2.about_section2 {
    padding-bottom: 0;
}
.about_sec2_flex {
    display: flex;
    justify-content: space-between;
    margin-top: .5rem;
    flex-wrap: wrap;
}

.about_sec2_item {
    width: 3.55rem;
    cursor: pointer;
}

.about_sec2_imgab {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .4rem;
    font-size: .18rem;
    color: #fff;
    background: rgba(181, 19, 28, 0.80);
    transition: 0.4s all ease;
}

.about_sec2_img {
    position: relative;
    overflow: hidden;
}

.about_sec2_txt {
    padding: .22rem;
    font-size: .22rem;
    background: #F8F7F7;
}

.about_sec2_item:hover .about_sec2_imgab {
    top: 0;
}
.index_section4.about_faz {
    margin-top: 0.5rem;
}
.rongyu_sec1_flex {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 2%;
    margin-top: .55rem;
}

.rongyu_sec1_item {
    width: 32%;
}
.rongyu_sec1_img {
    height: 2.7rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rongyu_sec1_img img {
    max-height: 100%;
}

.rongyu_sec1_p {
    text-align: center;
    font-size: .18rem;
    padding: .18rem;
    border-top: 0.01rem solid #E7E5E5;
    margin-top: .25rem;
}

.rongyu_seciton1 {
    padding: .4rem 0;
}
.pro_sec1_relative {
    position: relative;
}

.pro_sec1_bg {
    position: absolute;
    top: -1.2rem;
    left: -2.8rem;
    width: 13.3rem;
}

.pro_sec1_flex {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.pro_sec1_txt {
    width: 6.86rem;
}

.pro_sec1_img {
    width: 6.6rem;
}

.pro_sec1_t1 {
    color: #fff;
    font-size: .48rem;
}

.pro_sec1_t2 {
    font-size: .3rem;
    color: #fff;
    font-family: Arial;
}

.pro_sec1_t3 {
    color: rgba(255, 255, 255, 0.72);
    font-size: .2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: unset;
    margin-top: .43rem;
    margin-bottom: .8rem;
}


.pro_section1 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    overflow: hidden;
}
.pro_news_slick .index_sec9_item2{
	
padding: .2rem;
}
.pro_news_slick .index_sec9_item2 a {
    padding: .2rem;
    border-radius: .2rem;
    background: #FFF;
    box-shadow: 0px 4px 9.9px 0px rgba(0, 0, 0, 0.16);
}

.pro_news_slick .index_sec9_item2 a .sec9_item2img {
    border-radius: 0.1rem;
    overflow: hidden;
}
.pro_sec2_news {
    margin-top: .5rem;
    position: relative;
    padding-bottom: 1.5rem;
}
.pro_arrow {
    background: none;
}

.index_sec4_prev.index_sec4_arrow.pro_arrow {
    left: 6rem;
    top: 2rem;
}

.index_sec4_next.index_sec4_arrow.pro_arrow {
    right: 6rem;
    top: 2rem;
}
.pro2_sec1_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    overflow: hidden;
}

.pro2_sec1_img {
    width: 7.1rem;
}

.pro2_sec1_txt {
    width: 6.3rem;
}

.pro2_txt_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.4rem;
}

.pro2_txt_t1 {
    font-size: .5rem;
    font-weight: bold;
}

.pro2_sec1_txt1 {
    font-size: .2rem;
    margin-bottom: .56rem;
}

.pro2_sec1_txt2 {
    font-size: .18rem;
}

.pro2_sec1_txt2 li {
    list-style: disc;
}

.pro2_section1 {
    background: #F1F1F1;
    padding: .5rem 0;
}
.pro2_section1.fz {
    background: #fff;
}

.pro2_section1.fz .pro2_sec1_flex {
    flex-direction: row;
}
.pro2_section1 {}
.pro2_txt_flex img {
    max-width: 1.6rem;
}
.fz .pro2_txt_flex img {
    max-width: 1rem;
}
.news_sec1_flex {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 2%;
}

.news_sec1_item {
    width: 32%;
}

.news_txt1 {
    background: #F9F9F9;
    padding: .25rem;
    transition: 0.4s all ease;
}

.news_txt1 .index_sec3_more {
    display: flex;
    transition: 0.4s all ease;
}

.news_t1 {
    font-size: .22rem;
    margin-bottom: .35rem;
    transition: 0.4s all ease;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news_img1 {
    overflow: hidden;
}

.news_img1 img {
    transition: 0.4s all ease;
    height: 300px;
    height: 300px;
    object-fit: cover;
    width: 100%;
}

.news_sec1_item:hover .news_img1 img {
    transform: scale(1.15);
    height: 300px;
    width：100%;
    object-fit: cover;
    width: 100%;
}

.news_sec1_item:hover .news_txt1 {
    background: var(--main_color);
}

.news_sec1_item:hover .news_t1 {
    color: #fff;
}

.news_sec1_item:hover  .index_sec3_more {
    color: #fff;
}

.news_sec1_item:hover .index_sec3_more svg path {
    fill: #fff;
}
.news_txt1 .index_sec3_more svg path {
    transition: 0.4s all ease;
}
.news_section1 {
    padding: .65rem 0;
}

.news_viewtt {
    text-align: center;
    font-size: .24rem;
}

.news_viewtime {
    text-align: center;
    font-size: .18rem;
    color: #A0A0A0;
    margin-top: .2rem;
    padding-bottom: .25rem;
    border-bottom: 0.01rem solid #D9D9D9;
}
.news_view {
    padding-top: .6rem;
}
.news_viewco {
    padding: .25rem;
    font-size: .18rem;
    margin-bottom: 0.8rem;
}
.join_logo {
    width: 1.7rem;
    margin: 0 auto;
}

.join_section1 {
    padding-top: 1.1rem;
    padding-bottom: .8rem;
}

.join_txt {
    font-size: .18rem;
    color: #403939;
    width: 11.68rem;
    margin: 0 auto;
    margin-top: .5rem;
    max-width: 100%;
}
.join_section2 {
    background: #F6F4F5;
    padding: 1rem 0;
}

.join_sec2_flex {
    display: flex;
    justify-content: space-between;
    width: 11.68rem;
    margin: 0 auto;
    align-items: center;
}

.join_sec2_1 {
    display: flex;
    gap: .4rem;
}

.join_seccode {
    text-align: center;
}

.join_seccode1 {
    margin-top: .15rem;
    font-size: .18rem;
}

.join_sec2_t1 {
    font-size: .24rem;
    font-weight: bold;
    margin-bottom: .1rem;
}

.join_sec2_t2 {
    font-size: .18rem;
    margin-bottom: 0.15rem;
}

.join_sec2_txt {
    width: 3.9rem;
}

.join_seccode img {
    width: 1.25rem;
}
.join_section3 {
    padding-top: .56rem;
    padding-bottom: 1rem;
}

.join_sec3_flex {
    display: flex;
    justify-content: space-between;
    padding: .22rem;
    border-bottom: .01rem solid #E6E6E6;
}

.join_sec3_items {
    font-size: .18rem;
}
.join_sec3_flex.firstsec3 {
    margin-top: 0.6rem;
    border-bottom: 0.04rem solid var(--main_color);
}
.con_bg{
	background: #F4F6F8;
}
.contact_sec1_flex {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .6rem;
}

.contact_sec1_item {
    width: 4.65rem;
    background: #fff;
    border-radius: .1rem;
    padding: 0.1rem;
    cursor: pointer;
}

.contact_sec1_img {
    /* padding: .1rem; */
    border-radius: .1rem;
    overflow: hidden;
}

.contact_sec1_txt {
    padding: .15rem;
}

.contact_sec1_t1 {
    font-size: .22rem;
}

.contact_sec1_t2 {
    display: flex;
    align-items: center;
    font-size: .18rem;
    margin-top: .08rem;
}

.contact_sec1_t2 img {
    width: .16rem;
    margin-right: 0.1rem;
}
.contact_sec1_img img {
    transition: 0.4s all ease;
}

.contact_sec1_item:hover .contact_sec1_img img {
    transform: scale(1.2);
}

.contact_section1 {
    padding-top: .6rem;
    padding-bottom: 1rem;
}
.map_section1{
	
}
#map11 {
	overflow: hidden;
	width: 100%;
	height:4rem;
	margin-top: .76rem;
	margin-bottom: .56rem;
}
.msg_sec_lab {
    display: block;
    font-size: .18rem;
}

.msg_sec_ipt {
    padding: .15rem 0.2rem;
    margin-top: 0.1rem;
    background: #fff;
    width: 100%;
}

.msg_sec_item {
    margin-bottom: .2rem;
}
.msg_sec_lab {
    display: block;
    font-size: .18rem;
}

.msg_sec_ipt {
    padding: .15rem 0.2rem;
    margin-top: 0.1rem;
    background: #fff;
    width: 100%;
}

.msg_sec_item {
    margin-bottom: .2rem;
}
.msg_sec_textarea{
	width: 100%;
	border: none;
	margin-top: .1rem;
    padding: 0.15rem 0.2rem;
}
.msg_sec_item_flex {
    display: flex;
}

.msg_sec_item_flex {
    gap: 2%;
}

.msg_sec_item_flex .msg_sec_ipt {
    width: 32%;
}
.msg_sec_textarea::placeholder,.msg_sec_ipt::placeholder{
	font-family: 'Noto Sans';
	font-size: .18rem;
}
.sub_btn {
    background: var(--main_color);
    width: 2rem;
    line-height: .5rem;
    color: #fff;
    font-size: 0.18rem;
    cursor: pointer;
    border: none;
}
.feigei_animation {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 35.78rem;
    height: 100%;
    animation: slide 4s linear forwards;
}

@keyframes slide {
    0% {
        left: 0;
    }
    100% {
        left: -36rem;
    }
}
.index_banner_bg.opacity img {
    opacity: 0;
}
body.animation-lock {
    overflow: hidden !important;
    height: 100vh !important;
    position: relative !important;
}
canvas#canvas {
    opacity: 0;
    /* visibility: hidden; */
    position: absolute;
    bottom: 0;
    left: -5rem;
}
.parallax>use {
    animation: move-forever 12s linear infinite
}

.parallax>use:nth-child(1) {
    animation-delay: -2s
}

.parallax>use:nth-child(2) {
    animation-delay: -2s;
    animation-duration: 5s
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 3s
}

@keyframes move-forever {
    0% {
        transform: translate(-90px,0%)
    }

    100% {
        transform: translate(85px,0%)
    }
}
.feigei_animation img {
    height: 100%;
}
.editorial {
    display: block;
    width: 100%;
    height: 10em;
    max-height: 100vh;
    margin: 0
}
.index_banner_bg.ny_banner_bg img {
    height: 100%;
    object-fit: cover;
    object-position: left;
}




@keyframes rotate2 {
    from {
            transform: scale(1);
            right: -100%;
    }
    to {
        transform: scale(1);
        right: 0;
    }
}

.index_sec9_img img {
    object-fit: cover;
    width: 100%;
    height: 197px;
}

.sec9_item2img img {
    object-fit: cover;
    width: 100%;
    height: 97px;
}