@font-face { 
	font-family:SourceHanSansCN-Bold; 
	src: url(font/SourceHanSansCN-Bold.woff2); 
}
@font-face { 
	font-family:SourceHanSansCN-Medium; 
	src: url(font/SourceHanSansCN-Medium.woff2); 
}
@font-face { 
	font-family:huiwen; 
	src: url(font/huiwen.woff2); 
}


.fhw{font-family:huiwen,"KaiTi","STKaiti","Microsoft YaHei",serif;}





body{ font-size:12px; line-height: 1.5; color: #333;font-family:SourceHanSansCN-Medium,"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif; overflow-x: hidden;background: url(../images/bg.png) repeat; }
a{ text-decoration:none; transition:all 0.3s}
a:hover{ text-decoration:none;}
input,button,textarea{outline: none;font-family:SourceHanSansCN-Medium,"Microsoft YaHei","PingFang SC",sans-serif;  }
input:-ms-input-placeholder,textarea:-ms-input-placeholder {   color: #A5786B;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder  {   color: #A5786B}
.wrap{max-width: 1400px;width: 100%; margin: 0 auto;box-sizing: border-box; position: relative; }

*::-webkit-scrollbar {
	width: 3px;
	background-color: transparent;
}
*::-webkit-scrollbar-thumb {
	background-color: #6D2326;
	border-radius: 8px;
    width: 1px;
}

.bg{background: url(../images/bg.png) repeat ;}
.bg2{background: url(../images/bg2.png) repeat;}
.bg3{background: url(../images/bg3.png) repeat;}

.htop{padding: 5px 80px;}

.nav li{margin: 0 50px;}
.nav li a{color: #fff;font-size: 30px;padding: 0 15px;position: relative;line-height: 58px;}
.nav li a:hover,.nav li a.now{color: #6D2326;}


.phheader{width: 100%;z-index: 1000;height: 55px;box-shadow: 0 0 10px rgba(0,0,0,0.1);position: fixed;left: 0;top: 0;padding: 0 15px;box-sizing: border-box;background-color: #fff; }
.logo{height: 35px;}
.phicon1{width: 50px;height: 55px;background: url(../images/phmenu.png) no-repeat right center;background-size: 17px auto;}
.phicon1.open{background: url(../images/iconclose.png) no-repeat right center;background-size: 16px auto;}
.phnav{position: fixed;width: 100%;box-sizing: border-box;padding: 30px 25px;top: 55px;z-index: 999;box-sizing: border-box;overflow: auto;display: none;}
.phnav li{border-bottom: 1px solid rgba(0,0,0,0.1);padding: 15px 0;font-size: 16px;line-height: 35px;display: flex;text-transform: uppercase;}
.phnav li:last-child{border-bottom: none;}
.phnav li a{color: #fff;}
.phbg{width: 100%;height: 100vh;position: fixed;left: 0;top: 0; z-index: 998;background: #000; opacity: 0.5;display: none;}

.footer{padding: 45px 0 40px;}
.footer img{max-width: 100%;}
.footerr h2{font-size: 27px;line-height: 1;padding-bottom: 15px;}
.footerr p{font-size: 19px;line-height: 35px;font-weight: 500;}


/**page**/
.sybanner{position: relative;overflow: hidden;}
.sybanner .pic{width: 100%;height: auto;vertical-align: top;}
.sybanner video.pic{display:block;object-fit:cover;background:#1a0a0a;}
/* 浮层图：按设计稿比例限制宽度，避免高清大图撑爆 */
.img1b{position: absolute;right: 14.17%;top: 24%;width: 22.7%;max-width: 436px;height: auto;display: block;}
.img2b{position: absolute;right: 7.5%;top: 47.8%;width: 39.8%;max-width: 765px;height: auto;display: block;}
.img3b{position: absolute;right:14.17%;top: 14%;width: 31.4%;max-width: 603px;height: auto;display: block;}
.sypicb{position: absolute;left: 0;width: 100%;z-index: 10;bottom: 20px!important;}
.sypicb .swiper-pagination-bullet,.swipernav .swiper-pagination-bullet{width: 11px;height: 11px;background: #fff;border-radius: 50%;margin: 0 8px!important;transition: all 0.3s;opacity: 0.5;margin: 0 10px;}
.sypicb .swiper-pagination-bullet-active,.swipernav .swiper-pagination-bullet-active{opacity: 1;background: #6D2326;}
.symid{padding: 274px 24vw 184px; position: relative;z-index: 10;}
.icon1-wrap{position: absolute;left: 50%;top: -98px;width: 212px;height: 212px;margin-left: -106px;z-index: 2;
	/* 不内缩裁切，保留徽章最外圈完整 */
	overflow: visible;}
.icon1-wrap .icon1{position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0;display: block;object-fit: contain;}
/* 提亮层：中性提亮（降饱和避免泛红），宽软边光带自然融合 */
.icon1-wrap .icon1-lit{position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0;display: block;object-fit: contain;
	pointer-events: none;z-index: 2;
	opacity: .95;
	filter: brightness(1.32) contrast(1.05) saturate(.68);
	-webkit-clip-path: circle(49.2% at 50% 50%);
	clip-path: circle(49.2% at 50% 50%);
	-webkit-mask-image: linear-gradient(95deg,
		transparent 0%,
		rgba(0,0,0,.08) 14%,
		rgba(0,0,0,.36) 30%,
		rgba(0,0,0,.72) 44%,
		rgba(0,0,0,.92) 50%,
		rgba(0,0,0,.72) 56%,
		rgba(0,0,0,.36) 70%,
		rgba(0,0,0,.08) 86%,
		transparent 100%);
	mask-image: linear-gradient(95deg,
		transparent 0%,
		rgba(0,0,0,.08) 14%,
		rgba(0,0,0,.36) 30%,
		rgba(0,0,0,.72) 44%,
		rgba(0,0,0,.92) 50%,
		rgba(0,0,0,.72) 56%,
		rgba(0,0,0,.36) 70%,
		rgba(0,0,0,.08) 86%,
		transparent 100%);
	-webkit-mask-size: 68% 100%;
	mask-size: 68% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: -70% 0;
	mask-position: -70% 0;
	animation: icon1LtrMask 5.2s cubic-bezier(.4,.0,.2,1) infinite;}
.icon1{position: absolute;left: 50%;top: -98px;width: 212px;margin-left: -106px;}
@keyframes icon1LtrMask{
	0%,8%{-webkit-mask-position:-70% 0;mask-position:-70% 0;opacity:0;}
	16%{opacity:.95;}
	80%{-webkit-mask-position:130% 0;mask-position:130% 0;opacity:.95;}
	92%,100%{-webkit-mask-position:140% 0;mask-position:140% 0;opacity:0;}
}
.title{font-size: 79px;line-height: 1;}
.title span{width: 8px;height: 8px;background: #fff;border-radius: 50%;margin: 0 8px;flex:0 0 auto;}
.sytxt{font-size: 30px;line-height: 2;padding: 50px 0 170px;color: #fff; text-align: center;}
/* .icon2 img{max-width: 100%;} */
.icon2 li{margin: 0 60px;text-align: center;}
.icon2 li img{width: 105px;display:block;margin:0 auto;background:none;}
.icon2 li p{font-size: 30px;line-height: 40px;padding-top: 15px;color: #fff;white-space: nowrap;}
.icon2-draw{width:105px;height:105px;margin:0 auto;}
.icon2-draw svg.icon2-svg{display:block;width:100%;height:100%;overflow:visible;
	filter:drop-shadow(0 0 6px rgba(255,255,255,.28));}
.icon2-draw .icon2-strokes path{fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}

.ppgs{padding: 200px 0 190px;position: relative;z-index: 10;}
.ppgsm{width: 100%;margin: 0 auto;max-width: 1200px;padding: 0 15px;color: #fff;box-sizing: border-box;}
.ppgs h2{font-size: 75px;line-height: 115px;padding-bottom: 30px;}
.ppgsm h3{padding: 50px 0 20px;}
.ppgsm h3 span{background: linear-gradient(90deg, #814F3D 0%, #C09675 50%, #814F3D 100%);border-radius: 20px;line-height: 55px;font-size: 35px;font-family:SourceHanSansCN-Bold;padding: 0 35px; }
.ppgsmtxt{font-size:30px;line-height: 2; text-align: justify;}
.ppgsmtxt p{text-indent: 2em;}
.img4{padding: 36px 0 40px;}
.rzcx{padding: 230px 0 260px;}
.rzcxm{margin: 0 auto;max-width: 950px;width: 100%;}
.rzcxl{width: 568px;background: url(../images/bg4.png) repeat;height: 430px;box-sizing: border-box;}
.rzcxlb{padding: 64px 145px 0;}
.rzcxr{width: 348px;background: #fff;height: 430px;box-sizing: border-box;display: flex;flex-direction: column;}
.rzcxrb{padding: 5px 15px;flex: 1;min-height: 0;display: flex;align-items: center;justify-content: center;}
.rzcxrb img{max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain;display: block;}
.rzcxm h2{text-align: center;font-size: 26px;line-height: 65px;font-family:SourceHanSansCN-Bold;}
.rzinput{border: 1px solid #602C2D;border-radius: 5px;box-sizing: border-box;width: 100%;padding: 0 10px;line-height: 32px;font-size: 13px;}
.rzcxlb li{margin-bottom: 15px;}
.rzcxlb li:nth-child(4){width: 65%;}
.rzbtn{width: 100%;border-radius: 5px;border: none;height: 32px;font-size: 17px;background: #6F2427;}


	.phflexshow,.phblockshow{display: none !important;}
	.pcblockshow{display: block !important;}
	.pcflexshow{display: flex !important;}
	
	@media screen and (min-width:1920px){
		.wrap{max-width: 73vw;}
		
	}
	
	
	@media screen and (max-width:1701px){
		
		
		
	}
	@media screen and (max-width:1565px){
		
		.wrap{padding: 0 15px;}
		.gy2.wrap{padding: 0;}
		
	} 
	
	@media screen and (max-width:1441px){	
		
		.zoom{zoom: 90%;}

	} 
	
	@media screen and (max-width:1368px){	

		.zoom{zoom: 80%;}
		
	
	} 
	@media screen and (max-width:1200px){
		
		
	
	}
	@media screen and (max-width:1100px){
		
	}
	@media screen and (max-width:960px){
		.zoom{zoom: 100%;}
	.phflexshow{display: flex !important;}
	.phblockshow{display: block !important;}
	.pcblockshow,.pcflexshow{display: none !important;}
	.wrap{padding: 0 15px;}

	.footerr h2{padding-top: 30px;}

	/* 手机端保持原图比例，避免强制高度把横图拉变形 */
	.sybanner .pic{min-height: 0;height: auto;width: 100%;}
	.img1b{width: 35%;right: 7%;top: 20%;}
	.img2b{width: 70%;right:5%;top: 56%;}
	.img3b{width: 50%;right:7%;top: 15%;}
	.icon1-wrap{width: 100px;height: 100px;top: -45px;margin-left: -50px;}
	.icon1{width: 100px;top: -45px;margin-left: -50px;}
	.symid{padding: 274px 30px 184px; }
	.icon2 li{margin: 0 30px;}
	
	/**page**/	
	
	} 
	@media screen and (max-width:920px){
		.rzcxm{box-sizing: border-box;padding: 0 30px;}
		.rzcxl{width: 100%;height: auto;}
		.rzcxr{width: 100%;height: auto; margin-top: 30px;}
		.rzcxlb{padding: 64px 15px;}
	}
	@media screen and (max-width:760px){
		.footer{padding: 35px 0 25px;}
		.footerr h2{font-size: 18px;line-height: 1;padding: 30px 0 10px;}
		.footerr p{font-size: 13px;line-height: 2;}
		

		
		
		/**page**/
		.symid{padding: 135px 15px 90px; }
		.title{font-size: 35px;}
		.title span{width: 4px;height: 4px;margin: 0 4px;}
		.sytxt{font-size: 15px;padding: 30px 0 80px;}
		.ppgs{padding: 100px 0 90px;}

.ppgs h2{font-size: 26px;line-height: 50px;padding-bottom: 20px;}
.ppgsm h3{padding: 20px 0 10px;}
.ppgsm h3 span{border-radius: 20px;line-height: 25px;font-size: 18px;padding: 5px 20px; }
.ppgsmtxt{font-size:15px;line-height: 2; }
.img4{padding: 35px 15px 40px;}
.img4 img{max-width: 100%;}
.rzcx{padding: 50px 0 60px;}
.rzcxm{padding: 0 15px;}
.rzcxlb{padding: 45px 15px;}
.rzcxm h2{font-size: 20px;line-height: 50px;}
.icon2 li{margin: 0 10px;}
.icon2 li img{width: 50px;}
.icon2-draw{width: 50px;height: 50px;}
.icon2 li p{font-size: 14px;line-height: 25px;padding-top: 10px;}


	}
	
	[data-animate] {
		opacity: 0
	}
	[data-animate].animate__animated {
		opacity: 1
	}
	
	.ani{opacity: 0;}