/*
* @Author: Sun Jijing
* @Date:   2025-04-02 16:20:19
* @Last Modified by:   Sun Jijing
* @Last Modified time: 2025-04-03 13:04:48
*/

/* 模块样式 */
.header { position: absolute; -top: 0; left: 0; }
.header.hasColor { position: fixed; }

.mk_tit { text-align: center; position: relative; }
.mk_tit .CN { font-size: 0.5rem; font-weight: bold; color: #0d0d0d; line-height: 1em; position: relative; z-index: 2; }
.mk_tit .EN { font-size: 0.45rem; font-family: '宋体'; text-transform: uppercase; font-weight: 100; background: linear-gradient(to bottom, #ebe9e9, #b8b7b6); -webkit-background-clip: text; background-clip: text; color: transparent; position: relative; top: -0.5em; z-index: 1; }
.mk_tit::after { content: ''; display: block; width: 0.8rem; height: 0.05rem; background: linear-gradient(to right, #007029, #c1d96b, #007029); position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }

/* banner样式 */
.banner { position: relative; }
.banner_list li { width: 100vw; height: 100vh; max-height: 13.5rem; position: relative; overflow: hidden; }
.banner_list li .img { width: 100%; height: 100%; }
.banner_list li .img img { width: 100%; height: 100%; object-fit: cover; }
.banner_list li .txt { position: absolute; left: 2.62rem; top: 5.0rem; transition: all ease-in-out 600ms; }
.banner_list li .txt img { display: block; height: 1.85rem; transform: translateX(-0.3rem); }
.banner_list li .txt span { display: inline-flex; width: 2.62rem; height: 0.75rem; justify-content: center; align-items: center; background: rgba(193, 217, 105, .1); border: 1px solid #cbc781; margin-top: 0.9rem; font-size: 0.23rem; color: #fff; }
.banner_but { position: absolute; display: flex; z-index: 5; justify-content: center; align-items: flex-end; bottom: 0.62rem !important; }
.banner_but li { width: 1.5rem; border-bottom: 0.05rem solid rgba(255, 255, 255, .6); text-align: center; margin: 0 0.05rem; }
.banner_but li .num { font-size: 0.17rem; color: #fff; margin-bottom: 0.2rem; opacity: 0; transform: translateY(0.4rem) rotateX(-90deg); transition: all linear 800ms; }
.banner_but li .num strong { font-size: 0.35rem; color: #fff; font-weight: bold; }
.banner_but li.on { border-color: #fff; }
.banner_but li.on .num { transform:  rotateX(0deg); opacity: 1; }
.banner_list li.swiper-slide-active .img img { animation: bannerFlash linear infinite 30s; }
.banner_list li.swiper-slide-active .txt { opacity: 1; animation: fadeInLeft ease-in-out 1 800ms; }

@keyframes bannerFlash {
	from { transform: scale(1, 1); }
	to { transform: scale(1.5, 1.5); }
}

/* 品牌与产品 */
.ppycp_bg { padding-top: 1.38rem; background: url(/yypaper/uiFramework/commonResource/image/2025040910164437614.jpg) no-repeat center top; background-size: 100% 100%; overflow: hidden; position: relative; }
.ppycp_con { padding-bottom: 0.8rem !important; position: relative; }
.ppycp_txt { margin-top: 0.4rem; margin-bottom: 0.5rem; text-align: center; font-size: 0.23rem; line-height: 2em; color: #494949; }
.ppycp_list li { height: 5.75rem; overflow: hidden; position: relative; transition: all linear 400ms; }
.ppycp_list li .ppycp_img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1,1); transition: all linear 800ms; }
.ppycp_list li .txt { position: absolute; z-index: 2; left: 0.75rem; top: 2.0rem; width: 3.6rem; }
.ppycp_list li .tit { font-size: 0.3rem; font-weight: bold; color: #fff; padding-bottom: 0.2rem; margin-bottom: 0.2rem; position: relative; }
.ppycp_list li .tit::after { content: ''; display: block; width: 0.3rem; height: 0.03rem; background: #c4da6b; position: absolute; left: 0; bottom: 0; }
.ppycp_list li .smy { font-size: 0.17rem; line-height: 2em; color: #fff; margin-bottom: 0.38rem; }
.ppycp_list li .more { width: 0.45rem; }
.ppycp_list li:hover { box-shadow: 0 0 0.2rem #ccc; }
.ppycp_list li:hover .ppycp_img { transform: scale(1.1,1.1); }
.ppycp_point { margin-top: 0.85rem; display: flex; justify-content: center; }
.ppycp_point li { width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #005e28; margin: 0 0.33rem; position: relative; }
.ppycp_point li::after { content: ''; display: block; width: 0rem; height: 0rem; opacity: 0; border-radius: 50%; border: 1px solid #005e28; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all linear 400ms; }
.ppycp_point li.on::after { width: 0.5rem; height: 0.5rem; opacity: 1; }
.ppycp_but { display: block; width: 0.65rem; height: 0.65rem; position: absolute; top: 2.55rem; z-index: 5; }
.ppycp_but.prev { background: url(ppycp_but.jpg.png) no-repeat left -0.65rem/1.3rem; left: 4.9rem; }
.ppycp_but.next { background: url(ppycp_but.jpg.png) no-repeat right -0.65rem/1.3rem; right: 4.9rem; }
.ppycp_but.prev:hover { background: url(ppycp_but.jpg.png) no-repeat left top/1.3rem; }
.ppycp_but.next:hover { background: url(ppycp_but.jpg.png) no-repeat right top/1.3rem; }

/* 公司要闻 */
.gsyw_box { padding-top: 1.2rem; padding-bottom: 1.8rem; background: url(gsyw_bg.png) no-repeat center bottom/auto 4.8rem; animation: animateBg 100s linear infinite; }
.gsyw_con { margin-top: 0.88rem; }
.gsyw_list { display: flex; margin-bottom: 1.0rem; }
.gsyw_list li { padding: 0 0.55rem; border-right: 1px solid #cecece; width: 33.33%; }
.gsyw_list li a { display: block; transition: all linear 400ms; margin-top: 0; }
.gsyw_list li:last-child { border-right: 0; }
.gsyw_list li .date { font-size: 0.2rem; color: #747474; margin: 0.3rem 0; }
.gsyw_list li .tit { font-size: 0.25rem; line-height: 1.8em; color: #050505; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 3.6em; }
.gsyw_list li .img { margin-top: 0.45rem; height: 3.25rem; width: 100%; overflow: hidden; margin-bottom: 0.3rem; transition: all linear 400ms; }
.gsyw_list li .img img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all linear 800ms; }
.gsyw_list li .smy { font-size: 0.2rem; line-height: 1.8em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 5.4em; color: #787878; }
.gsyw_con .more { display: block; width: 3.5rem; height: 0.8rem; font-size: 18px; color: #fff; line-height: 0.8rem; text-align: center; margin: 0 auto; background: linear-gradient(to left, #007029, #91ac32); transition: all linear 1s; }
.gsyw_list li:hover a { margin-top: -0.1rem; }
.gsyw_list li:hover .tit { color: #007029; }
.gsyw_list li:hover .img { box-shadow: 0 0 0.2rem #ccc; }
.gsyw_list li:hover .img img { transform: scale(1.1); }
.gsyw_list li:hover .smy { color: #333; }
.gsyw_con .more:hover { background: linear-gradient(to right, #007029, #91ac32); }

@keyframes animateBg{
	0% { background-position: 0% bottom; }
	100% { background-position: 100% bottom; }
}

/* 适配代码 */
@media screen and (max-width:1200px) {
	.mk_tit .CN { font-size: 0.6rem; }
	.mk_tit .EN { font-size: 0.5rem; }

	.banner_but li .num { font-size: 0.24rem; }
	.banner_list li .txt span { font-size: 0.34rem; }
	.banner_but li .num { font-size: 0.34rem; }
	.banner_but li .num strong { font-size: 0.5rem; }

	.ppycp_bg { padding-top: 1.5rem; }
	.ppycp_txt { font-size: 0.34rem; text-align: justify; }
	.ppycp_list li .tit { font-size: 0.5rem; }
	.ppycp_list li .txt { width: auto; }
	.ppycp_list li .smy { font-size: 0.34rem; margin-bottom: 0.2rem; }
	.ppycp_list li .more { width: 0.6rem; }
	.ppycp_but { width: 0.8rem; height: 0.8rem; }
	.ppycp_but.prev { background-size: 1.6rem; left: 4.9rem; background-position: left -0.8rem; }
	.ppycp_but.next { background-size: 1.6rem; right: 4.9rem; background-position: right -0.8rem; }
	.ppycp_but.prev:hover { background-size: 1.6rem; }
	.ppycp_but.next:hover { background-size: 1.6rem; }

	.gsyw_list li .date { font-size: 0.34rem; }
	.gsyw_list li .tit { font-size: 0.4rem; }
	.gsyw_list li .smy { font-size: 0.34rem; text-align: justify; }
	.gsyw_con .more { font-size: 0.34rem; }
}

@media screen and (max-width:768px) {
	.mk_tit .CN { font-size: 0.7rem; }
	.mk_tit .EN { font-size: 0.6rem; }

	.banner_list li, .banner_list li .img img { height: 70vw; overflow: hidden; }
	.banner_list li .txt { left: 5vw; top: 40%; }
	.banner_list li .txt img { height: 1.4rem; transform: none; }
	.banner_list li .txt span { margin-top: 0.4rem; font-size: 0.4rem; }
	.banner_but li .num { display: none; }
	.banner_but li { width: 0.6rem; }
	.banner_but li.on { width: 1.2rem; }

	.ppycp_bg { padding-top: 1rem; background-size: 100% 100%; }
	.ppycp_txt { font-size: 0.4rem; }
	.ppycp_txt br { display: none; }
	.ppycp_con { width: 90vw; padding-bottom: 1.2rem !important; }
	.ppycp_but { display: none; }
	.ppycp_list li .txt { left: 10%; top: 50%; transform: translateY(-50%); width: 80%; }
	.ppycp_list li .smy { font-size: 0.4rem; }
	.ppycp_point { margin-top: 0.5rem; }

	.gsyw_box { padding-top: 1rem; padding-bottom: 1rem; overflow: hidden; }
	.gsyw_list { flex-wrap: wrap; }
	.gsyw_list li { border-right: none; border-bottom: 1px solid #cecece; padding: 0 0 0.5rem; margin-bottom: 0.5rem; width: 100%; }
	.gsyw_list li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
	.gsyw_list li .img { height: auto; }
	.gsyw_list li .date { margin-top: 0; font-size: 0.4rem; }
	.gsyw_list li .tit { height: auto; max-height: 3.6em; font-size: 0.42rem; }
	.gsyw_list li .smy { font-size: 0.4rem; }
}