/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}

del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#000;outline:0; font-family: 'microsoft yahei'} 
body{background:#fff;}
a,a:hover{color:#333;}
a:hover{color:#333;}
a,a:hover{text-decoration: none;}
a:link, a:visited, a:active, a {
    text-decoration: none !important;
}
.clearfix,.clearfix:before,.clearfix:after{
	display: table;
	clear: both;
	content: "";
}
@media screen and (min-width: 1200px) {
	.container-wd{width: 75%;margin: 0 auto;}
}

.clear{clear: both;}
body,html{min-width: 320px;}
#alla,#content{width: 100%;overflow: hidden;}
.space-4{width: 100%;height: 4rem;}
.space-6{width: 100%;height: 6rem;}
@media (max-width: 768px) {
.space-6,.space-4{width: 100%;height: 2rem;}
}

/* ----------------------------------------------------通用样式-------------------------------------------------------------- */


/* 头部开始 */
.headerbox{ background: rgba(255,255,255,1);width: 100%;border-bottom: 1px solid rgba(162,162,162,0.4);z-index:99;position:fixed !important;}
.headerbox:hover{background: rgba(255,255,255,1);}
.headerwd{padding: 0 4rem;width: 100%;}
.headlogo{display: block;margin-top: 0.4rem;}
.headlogoimg2{display: none;}
.headnav{position: unset !important;}
.headnav ul{display: flex;flex-wrap: wrap;margin-bottom: 0;}
.headnav ul h2{padding: 0;margin: 0;}
.headnav ul li a{
	display: block;
	font-size: 16px;
	color: #000000;
	text-align: left;
	padding: 1.5rem;
	
	}
.headnav ul li:hover h2 a{color: #d97e51 !important;}
.headnav-active a{color: #d97e51!important;}

.headerbox:hover .headnav ul li a{color: #333333;}
.nav-menu{background: #ffffff;background: url(sjbj1.jpg);background-size: 100% 100%;  width: 100%;position: absolute;top: 100%;left: 0;z-index: 9; display: none; border-top: 1px solid #d97e51;padding:2rem 4rem;box-sizing: border-box;}
.headnav ul li:hover .nav-menu{display: block;}
.nav-menu:hover{display: block;}
.mavmenu-tit{font-size: 1.4rem;color: #333333;}
.mavmenu-dec{font-size: 0.67rem;color: #666666;line-height: 3rem;}
.navmenurt{box-sizing: border-box;padding: 1rem;}
.navmenulf{padding-left:3rem;}
.navmenurt img{width: 80%;border:5px solid #ffffff;}
.navmenu-ul{display: flex;width: 90%;margin-top: 2rem;}
.navmenu-ul li{width: 30%;box-sizing: border-box;padding: 0 1rem;overflow: hidden;}
.navmenu-ul li a{position:relative; display: block;border-bottom: 1px solid #CCCCCC;font-size: 0.67rem;color: #666666;height: 4rem;line-height: 3rem;width: 100%;overflow: hidden;padding-left: 3px !important;padding-right: 1rem !important;}
.navmenu-ul li a:hover{color:#d97e51 !important;}
.navmenu-ul li a span{position:absolute;right:5px;top: 1.4rem;color:#999999;}
.headnav-rt{margin-top: 1.2rem;}
.headssicon{cursor: pointer; display: inline-block;width: 1.5rem;height: 1.5rem;background: url(head-ss01-02.png);background-size: 100% 100%;}
.headlangeicon{cursor: pointer;display: inline-block;width: 1.5rem;height:1.5rem;background: url(lang02.png);background-size: 100% 100%;margin-left: 1rem;}

.headmobi-menu{float: right;width: 2rem;height: 2rem;}
.headmobi-menu img{width: 100%;margin-top: 1rem;margin-left: 1rem;}
.headssbox{
	position: absolute;top: 0;left: 0;background: #ffffff;padding: 3rem 0;width: 100%;display: none;
}
.headssbox form{display: block;width: 70%;margin: 0 auto;border-bottom: 1px solid #CCCCCC;padding: 0.5rem;}
.headssbox form input{border: none;font-size: 0.8rem;color: #333333;width: 80%;}
.search_btn{width: 1rem;height: 1rem;background: url(head-ss02.png);background-size: 100%;border: none;float: right;}
.search_btn:hover{background: url(head-ss02-02.png);background-size: 100%;}
.headss-close{cursor: pointer; width: 1rem;height: 1rem;background: url(headss-close.png);background-size: 100%;position: absolute;top: 2rem;right: 2rem;}
.headss-close:hover{background: url(headss-close02.png);background-size: 100%;}

.headnav-mobi{width: 100%;position: fixed;z-index: 999;height: 100%;background: rgba(0,0,0,0.6);top: 0;right: -200%;}
.headnavmobirt{background: #FFFFFF;width: 80%;float: right;height: 100%;padding-top: 3rem;}
.headnavmobi-close{width: 2rem;height: 2rem;background: url(mobi-close.png);background-size: 100%;position: absolute;left: 2rem;top: 2rem;}
.heanavmobiti{text-align: center;font-size: 2rem;line-height: 3rem;color: #333333;}
.headnavmobirt ul{padding: 0 2rem;}
.headnavmobirt ul li a {display: block;font-size: 1.2rem;line-height: 3rem;height: 3rem;overflow: hidden;color: #333333;text-align: left;border-bottom: 1px dashed #CCCCCC;}
.headnavmobirt ul li a span{float: right;color: #999999;}

			
@media (max-width: 1200px) {
	.headerwd{padding: 0 1rem;}
	.headnav ul li a{padding: 1.3rem 1rem;}
	.headlogo img{width: 100%;}
}

@media (max-width: 991px) {
	.headerwd{padding-bottom: 0.5rem;}
	.headlogo{margin-bottom: 0.5rem;}
	.headnav-rt{float: left;margin-top: 1rem;}
}
@media (max-width: 768px) {
.banner .swiper-container .swiper-wrapper .swiper-slide .text{opacity:0;}
.banner .swiper-container .pagination-all{    bottom: 20%;}
.banner .slide-next{display:none;}
.headnav-rt{margin-bottom: 1rem;margin-left: 1rem;}
.headmobi-menu{margin-right: 2rem;}
.headerbox{padding-bottom: 0;}
}
.text p{width: 100%;}
.text h2{margin-bottom: 2rem;}
.banner-btnbox{margin-top: 4rem;}
.bannerbtn{	
	
	display: inline-block;
	    font-size: 0.75rem;
	    font-weight: 600;
	    color: #ffffff;	  

	    line-height: 2.5rem;
	    text-align: center;
	    padding:0 3rem;
	    text-transform: uppercase;
	    -webkit-border-radius: 8px;
	    -moz-border-radius: 8px;
	    border-radius: 8px;
	    position: relative;
	    z-index: 1;
	    overflow: hidden;
		
}
.bannerbtnlf{
	background: #d97e51;transition:all 0.3s ease;color: #ffffff;
}
.bannerbtnrt{
	background: #d97e51;transition:all 0.3s ease;color: #ffffff;
}
.bannerbtnlf:hover{
	background: #9a4d27;color: #FFFFFF;
}
.bannerbtnrt:hover{
	background: #9a4d27;color: #FFFFFF;
}
/*分页样式开始*/
.ye_ma{text-align: center;margin: 0px;clear: none;width: 100%;padding-top:30px; font-size:14px; color:#666;}
.ye_ma a{line-height: 35px;clear: none; height: 35px; font-size:14px; color:#333; padding:0 15px; border:1px solid #cccccc; border-radius:6px; display:inline-block; margin:0 3px;}
.ye_ma a:hover{background-color:#d97e51; border:1px solid #d97e51; color:#FFF;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/}
/*分页样式结束*/
@media (max-width: 768px) {
	.ye_ma a{margin: 5px 0px;line-height: 25px;height: 25px;}
	.mainspace100{height: 2rem;}
	.new_des{padding: 2rem 4rem;}
}


/* 内页banner */
.bannernei{width: 100%;padding: 10rem; background-size: 100% 100%;margin-top: 3rem;}
.banner-cp{background: url(banner_nei.jpg) no-repeat;background-size: 100% 100%;}
	@media (max-width: 768px) {
		.bannernei{ width: 100%;padding: 5rem; background-size: 100%;}
	}

	@media (max-width: 500px) {
		.bannernei{
			padding: 3rem;
		}
	}



/* 位置开始 */
.addressbox{width:100%;padding:1rem 0.5rem;background:#ffffff;box-shadow:2px 2px 3px #cccccc;}
.addlf{display:inline-block;vertical-align: text-bottom;font-size: 0.65rem;color: #666666;}
.addlf span{
	font-size: 0.65rem;color: #666666;
}
.addlf a{
	font-size: 0.65rem;color: #333333;
}
.addlf svg{vertical-align: bottom;}
.add-form{width:50%;float:right;}
.add-form form{
	display:block;width:100%;
	border:1px solid #cccccc;
	box-sizing: border-box;
	border-radius: 10px;
		padding: 2px;
} 

.adss{
	border: none;
	font-size: 0.75rem;
	color: #666666;
	line-height: 1.6rem;
	padding-left: 0.5rem;
	box-sizing: border-box;
	width: 80%;
	float: left;
	margin-top: 1px;
}
.ad-ss_btn{
	width: 1.6rem;
	height: 1.6rem;
	background: url(head-ss01-02.png);
	background-size: 100% 100%;
	transition: all 0.3s ease;
	border: none;
	float: right;
}
.ad-ss_btn:hover{
	background: url(head-ss03.png);
	background-size: 100% 100%;
}
.addlficon{
	margin-top: 0.3rem;

}

@media (max-width: 768px) {
	.addlficon{	
		margin-bottom: 0.5rem;
	}
	.add-form{width:100%;}
}

/* 位置结束 */



/* 首页关于我们开始 */
.syabouttop{
	width: 100%;
	box-sizing: border-box;
	background: url(syabout-top.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 2.5rem 0;
	text-align: center;
	color: #ffffff;
}
.asyabouttoptit{
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5rem;
}
.asyabouttopwz{
	font-size: 0.65rem;
	text-transform: uppercase;line-height: 1.5rem;
	color: #dfdcdb;
}
.syaboutlfimg{
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
}
.syaboutlfimg img{
	width: 100%;
}
.syaboutrt{
	padding-top: 2rem;
}
.sytitwz{
	font-size: 1.6rem;
	font-weight: bold;
	font-family: Microsoft JhengHei;
	color: #333333;
	    line-height: 1.5;
}
.sytiten{
	    font-family: Trebuchet MS,Helvetica,sans-serif;
		color: #bbbbbb;
		line-height: 1.ex;
		font-size: 0.85rem;
		margin-left: 0.6rem;
		text-transform: uppercase;
}

.sytitline{
	width: 100%;
	margin: 0 auto;	
	margin-bottom: 1rem;
	background: url(sytitline.png);
	height: 0.8rem;
	 background-repeat: repeat;
	 background-position: 50% 50%;
	margin-top: 1rem;
}
.syaboutwz{
	line-height: 2rem;
	font-size: 0.75rem;
	color: #777777;
	    text-align: justify;
}
@media (max-width: 768px) {
	.asyabouttoptit{font-size: 1.5rem;line-height: 2rem;}
	.syabouttop{background-size: cover;}
}



/* 首页优势开始 */
.syys{
	width: 100%;
	background-color: #d97e51;
	color: #ffffff;
	text-align: center;
}
.syyslist{
	transition: all 0.3s ease;
}
.syyslist:hover{
	background-color: rgb(34, 34, 34);	
}
.syslistbox{
	box-sizing: border-box;
	width: 100%;
	padding: 4rem 0;
}
.syslistbox img{
	width: 3.2rem;
}
.syysp1{
	font-size: 1rem;
	margin-top: 1rem;
	line-height: 2rem;
	font-family: Microsoft JhengHei;
	font-weight: bold;
}
.syysp2{
	font-size: 0.75rem;	
	color:#e8d8d2;
}
@media (max-width: 768px) {
	.syslistbox{padding:2rem 0;}
	.syysp2{line-height: 1.5rem;height:3rem;overflow: hidden;}
}



/* 首页服务开始 */
.syfw{width: 100%;
background: url(syfwbj.jpg) no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
overflow: hidden;
}
.syfwbox .sytitbox{text-align: center;color: #ffffff;}
.syfwbox .sytitwz{color: #ffffff;}
.syfwbox .sytitbox img{vertical-align: baseline;}
.syfwbox .sytitline{opacity: 0.4;}

.syfwul{
	margin-top:4rem;
}
.syfwlistbox{box-sizing: border-box;width: 100%;}
.syfwtipe{
	width: 100%;
	color: #fff;
	margin-bottom: 2rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.syfwtipetop{
	width: 100%;
	display: flex;
}
.syfwtipetop-nub{
	font-size: 3rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.3);
	font-family: Arial Black;
	line-height: 1.2;
}
.syfwtipetit{
	font-weight: bold;
	line-height: 4;
	margin-left: 1rem;
	font-size: 1rem;
}
.syfwtipebotwz{
	line-height: 1.5rem;
	height: 3rem;
	font-size: 0.75rem;
	overflow: hidden;
	width: 100%;
	color: #aaaaaa;
}
.syfwzjimg{width: 100%;}
@media (max-width: 768px) {
	.syfw{background-size: cover;}
}


/* 首页产品开始 */
.sycp{
	width: 100%;
	box-sizing: border-box;
}
.sycp .sytitbox{text-align: center;}
.sycpnav{
	margin-top: 2rem;
}
.sycpnav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.sycpnav ul li{margin-left: 0.5rem;margin-right: 0.5rem;margin-bottom: 1rem;}
.sycpnav ul li a{
	display: block;
	padding: 0.2rem 1.5rem;
	border: 1px solid #e5e4e4;
	font-size: 0.75rem;
	font-family: 'Noto Sans CJK';
	color: #333333;
	line-height: 1.5rem;
	text-align: center;
	transition: all 0.3s ease;
	border-radius: 20px;
	
}
.sycpnav ul li:hover a{
	background-color: #d97e51;
	color: #ffffff;
	border: 1px solid #d97e51;
}
.sycplist{margin-top: 2rem;}
.sycplistbox{
	display: block;
	width: 100%;
	box-sizing: border-box;
	transition: all 0.3s ease;
}
.sycplistimg{width: 100%;overflow: hidden;}
.sycplistimg img{
	width: 100%;
	transition: all 0.3s ease;
}
.sycplist:hover .sycplistimg img{
	transform: scale(1.1);
}
.sycpwz{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	overflow: hidden;
	padding: 0 0.5rem;
	text-align: center;
	font-size: 0.75rem;
	color: #333333;
}
.sycplist:hover .sycplistbox{
	background-color:#d97e51;
}
.sycplist:hover .sycpwz{
	color: #ffffff;
}

/* 首页新闻开始 */
.synews{
	background-color: rgb(250, 250, 250);
}
.synewslist{
	margin-top: 2rem;
}
.synewslf{
	display: block;
}
.synewslfimg{
	width: 100%;
	overflow: hidden;
}
.synewslfimg img{
	width: 100%;
	transition: all 0.3s ease;
}
.synewslfp1{
	font-size: 0.85rem;
	color: #444444;
	font-family: 'Noto Sans CJK';
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	margin-top: 0.5rem;
}
.synewslfp2{
	font-size: 0.65rem;
	color: #999999;
	font-family: 'Noto Sans CJK';
	line-height: 1.5rem;
	height: 3rem;
	overflow: hidden;
}
.synewslf:hover .synewslfp1{
	color:#d97e51 ;
}
.synewsrttipe{
	display: block;
	border-bottom: 1px solid #e8e3e3;
	padding-bottom: 0.4rem;
}
.synewsrttitp1{
	font-size: 0.85rem;
	color: #444444;
	font-family: 'Noto Sans CJK';
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
}
.synewsrttitp2{
	font-size: 0.65rem;
	color: #999999;
	font-family: 'Noto Sans CJK';
	line-height: 1.5rem;
	height: 3rem;
	overflow: hidden;
}
.synewsdata{
	font-size: 0.65rem;
	color: #999999;
	font-family: 'Noto Sans CJK';
	line-height: 1.5rem;

}


/* foot开始 */
.footbox{
		width: 100%;
		background-color: #222222;
		font-size: 0.65rem;
		color: #ffffff;
		text-align: center;padding: 2rem 0;
}
.footboxneilist img{
	width: 3rem;
}
.footboxneilist p{
	line-height: 2rem;
}
.footboxneilist p a{
	color: #ffffff!important;
}
.footboxrtimg{
	width: 5.5rem;
}
.footboxrtwz{
	line-height: 2rem;
}

.footbot{
	text-align: center;
	font-size: 0.65rem;
	line-height: 1.5rem;
	color: #999999;
	box-sizing: border-box;
	width: 100%;
	padding: 1rem;
}






/* 产品列表页开始 */
.maintoprt ul{display: flex;flex-wrap: wrap; flex-direction: row-reverse;}
.maintoprt ul li{margin-left: 0.2rem;margin-right: 0.2rem;margin-bottom: 0.5rem;}
.maintoprt ul li a{
	display: block;
	font-size: 0.65rem;
	padding: 0.5rem 0.8rem;
	border: 1px solid #efeded;
	border-radius: 20px;
	color: #333333;
	transition: all 0.3s ease;
}
.maintoprt ul li a:hover{
	color: #d97e51;border: 1px solid #d97e51;
}

.cpbox{
	margin-top: 2rem;
}
.cpbox ul li{
	margin-top: 2rem;
}
.cpbox ul li a{
	display: block;
}
.cpboximg{
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.cpboximg img{width: 100%;transition: all 0.3s ease;}
.cptext{
	font-size: 0.75rem;
	color: #666666;
	line-height: 2rem;
	height: 2rem;
	overflow: hidden;
	width: 100%;
	margin-top: 0.5rem;
	display: block;
	box-sizing: border-box;padding:0 0.5rem;
}
.cpdec{
	font-size: 0.65rem;
	color: #999999;
	
	height: 1.5rem;
	overflow: hidden;
	width: 100%;
	display: block;
	box-sizing: border-box;padding:0 0.5rem;
}
.cpbox ul li:hover .cpboximg img{
	transform: scale(1.1);
}
.cpbox ul li:hover .cptext{
	color: #d97e51;
}

@media (max-width: 768px) {
	.maintoprt ul{
		 justify-content: center;
		 margin-top: 2rem;
	}
	.cpbox ul li{margin-top: 0;margin-bottom: 2rem;}
}



/* 产品内页 */
.cpneibox{
	margin-top: 2rem;
}
.cpneilfimg img{
	width: 100%;
}
.cpneirtdec h1{
	font-size: 0.85rem;
	line-height: 2rem;
	color: #333333;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 0.3rem;
}
.cpneicpdec{
	font-size: 0.75rem;
	color: #666666;
	margin-top: 0.5rem;
	line-height: 1.5rem;
}
.cpneicpdec span{
	font-weight: bold;
}
.cpneitag{
	font-size: 0.75rem;
	color: #666666;
	margin-top: 1rem;line-height: 1.5rem;
}
.cpneitag span{
	font-weight: bold;
}
.cpneitag a{
	font-size: 0.75rem;
	color: #666666;
	margin-right: 2rem;
}
.cpneitag a:hover{
	color: #d97e51;
}
.cpneilxbtn{
	display: inline-block;
	margin-top: 2rem;
	background-color: #d97e51;
	color: #ffffff;
	border-radius: 2rem;
	padding: 0.5rem 2rem;
	border: 1px solid #d97e51;
}
.cpneibot{margin-top: 2rem;font-size: 0.75rem;line-height: 2rem;padding-bottom: 2rem;}
.cpneitit{
	border-bottom: 1px solid #d97e51;margin-bottom: 1rem;
}
.cpneititbox{
	background-color: #d97e51;
	text-align: center;
	width: 6rem;
	font-size: 0.75rem;
	color: #ffffff;
	line-height: 2rem;
}

.synewsrttipe:hover .synewsrttitp1{
	color: #d97e51;
}


/* 新闻详情页开始 */

.newsxq{
	margin-top: 2rem;
	
}
.newstit{
	width: 100%;
	
	border-bottom: 1px solid #d97e51;text-align: center;
}
.newstitbt{
	font-size: 0.95rem;
	font-weight: bold;
	color: #333333;
	line-height: 2rem;
}
.newstitwz{
	font-size: 0.65rem;
	color: #999999;line-height: 2rem;
	
}
.newstitwz span{margin-left: 1rem;margin-right: 1rem;}
.newsxqbox{
	font-size: 0.75rem;line-height: 2rem;padding-bottom: 2rem;margin-top: 1rem;
	
}
.tjcp ul li:hover .cptext{
	color: #d97e51;
}
.tjcp ul li:hover .cpboximg img{
	transform: scale(1.1);
}



/* 棣栭〉浜у搧灞曠ず寮€濮� */
.sytit_m{
	text-align: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.sytitp1{
	font-size: 1.5rem;
	color: #000000;
	line-height: 2rem;
}
.sytitp2{
	font-size: 0.75rem;
	color: #666666;
	line-height: 2rem;
	margin-top: 1rem;
}

.sycpbox{
	background: url(sycp-bj.jpg);
	background-size: 100% 100%;
	
}
.sycpbox ul li{
	margin-bottom: 1rem;
	margin-top: 1rem;
	transition-timing-function: linear;
	transition: transform 2s;
}
.sycpbox ul li a{
	display: block;
	width: 100%;
	background-color: #ebebeb;
	box-sizing: border-box;
	padding: 1rem;
}
.sycptop{
	width: 100%;
	overflow: hidden;
}

.sycptop img{width: 100%;transition: all 0.3s ease;}
.sycptop:hover img{transform: scale(1.1);}


.sycpwz{
	font-size: 0.75rem;
	height: 3rem;
	line-height: 2rem;
	text-align: center;
	padding-top: 1rem;
	overflow: hidden;
}

.sycpbox ul li:hover .sycpwz{color: #fe8401;}


@media (max-width: 768px) {
	.sycpbox{background-size: cover;}
}
.sytitp1{font-weight: bold;}


/* 棣栭〉浼樺娍 */
.syysbox {
    background-color: #ebebeb;
    padding-bottom: 2rem;
}
.syyoushi{    background-color: #ebebeb;}
.c-ttl_label__label {
    padding: 0.4em 1em 0.3em;
    background-color: #d97e51;
    font-size: 0.9rem;
    color: #fff;
    line-height: 1.3;width: 10rem;
}
.p-idx_advantage {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;    box-sizing: border-box;line-height: 1.8;
}

.c-ofi {
   
    padding-top: 60%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.p-idx_advantage__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2.5em;
    overflow:hidden;
    background-color: #fff
}

.p-idx_advantage__item:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.p-idx_advantage__item:nth-child(odd) .p-idx_advantage__conts {
    padding: 6em 3.5em 6em 5em
}

.p-idx_advantage__item:nth-child(even) .p-idx_advantage__conts {
    padding: 6em 5em 6em 3.5em
}

.p-idx_advantage__item + .p-idx_advantage__item {
    margin-top: 3.5em
}

.p-idx_advantage__conts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 47%;
}

.p-idx_advantage__imgWrap {
    position: relative;
    width: 53%
}

.p-idx_advantage__imgWrap > a .c-ofi {
    overflow: hidden
}

.p-idx_advantage__imgWrap > a .c-ofi__img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (min-width: 992px) {
    .p-idx_advantage__imgWrap > a .c-ofi__img {
        -webkit-transition: all .4s 0s;
        transition: all .4s 0s
        width: 100%;
    }
    
   
}

.p-idx_advantage__imgWrap > a .c-ofi {
    height: 458px;
    padding-top: 0
}

@media (max-width: 1399.9px) {
    .p-idx_advantage__item:nth-child(odd) .p-idx_advantage__conts {
        padding: 4em 2em 4em 4em
    }

    .p-idx_advantage__item:nth-child(even) .p-idx_advantage__conts {
        padding: 4em 4em 4em 2em
    }
}

@media (max-width: 991.9px) {
    .p-idx_advantage__item {
        padding: 3em 2em
    }

    .p-idx_advantage__item:nth-child(even) .p-idx_advantage__conts, .p-idx_advantage__item:nth-child(odd) .p-idx_advantage__conts {
        padding: 0 0 2.5em
    }

    .p-idx_advantage__item + .p-idx_advantage__item {
        margin-top: 2em
    }

    .p-idx_advantage__conts {
        width: 100%
    }

    .p-idx_advantage__imgWrap {
        width: 100%;
        height: 50vw
    }
}

@media (max-width: 767.9px) {
    .p-idx_advantage__item {
        padding: 2em 1.5em
    }

    .p-idx_advantage__item:nth-child(even) .p-idx_advantage__conts, .p-idx_advantage__item:nth-child(odd) .p-idx_advantage__conts {
        padding: 0 0 2em
    }
}

.p-idx_advantageSlide, .p-idx_advantageSlide .slick-list, .p-idx_advantageSlide .slick-list .slick-track {
    height: 100%
}

.p-idx_advantageSlide .slick-list .slick-track .slick-slide {
    position: relative;
    height: 100%;
    max-height:458px;
}
.p-idx_advantageSlide .slick-list .slick-track .slick-slide:hover .c-ofi img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.c-ttl_label.-bdb_right .c-ttl_label__title {
    width: 100%;
}

.c-ttl_label.-bdb_left .c-ttl_label__title, .c-ttl_label.-bdb_right .c-ttl_label__title {
    position: relative;
    padding-bottom: 0.5em;
}

.c-ttl_label__title {
    margin-top: 0.6em;
    font-size: 2.2rem;
    line-height: 1.3;
    font-weight: 500;
}
.c-ttl_label.-bdb_right .c-ttl_label__title::before {
    left: 0;
    right: -11rem;
}
.c-ttl_label.-bdb_left .c-ttl_label__title::before, .c-ttl_label.-bdb_right .c-ttl_label__title::before {
    content: '';
    display: block;
    z-index: 1;
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #d97e51;
}

.p-idx_advantage p{
    /* margin: 0; */
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 0.8rem;
    vertical-align: baseline;
    background: 0 0;padding-top: 20px;
}


.liuyanui{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.msgitem{
	width: 48%;
	font-size: 1rem;
	padding: 0.5rem;
	margin-top: 1rem;
	border-radius: 2px;
	background-color: #eff1f5;
}
.msgitem input{
	color: #333;
	line-height: 2rem;
	width: 100%;
	border: none;
	font-size: 1rem;
	background: none;
}
.msgitem textarea{
	color: #333;
	line-height: 2rem;
	width: 100%;
	border: none;
	font-size: 1rem;
	background: none;
}
.liuyantit{
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
}
.liuyan{
	padding: 4rem 0;
}
.msgitembtn{
	margin-top: 2rem;
	width: 100%;
	text-align: center;
}
.liuyansubbtn{
	margin: 0 auto;
	background-color: #d97e51;
	color: #fff;
	line-height: 2.5rem;
	width: 14rem;
	border: none;
	font-size: 1.1rem;

}
.liuyansubbtn:hover{
	background-color: #f7a82f;
}
.msgstrck{
	width: 4rem!important;
	border-bottom: 1px solid #666 !important;
	display: inline-block;
}
.yzmbox{
	display: flex;
	align-items: flex-end;
}



  /* 主卡片容器 - 响应式 + 优雅阴影 */
        .contact-card {
            max-width: 1280px;
            width: 100%;
            background-color: #ffffff;
            border-radius: 2.5rem;
            box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.2), 0 8px 18px rgba(0, 0, 0, 0.05);
            overflow: hidden;
            transition: all 0.3s ease;
        }

        /* 两栏布局 - 默认flex，PC端左右排列 */
        .contact-grid {
            display: flex;
            flex-wrap: wrap;
        }

        /* 左侧联系方式区域 */
        .contact-info {
            flex: 1.2;
            min-width: 280px;
            background: #ffffff;
            padding: 2.5rem 2rem;
            transition: all 0.2s;
        }

        /* 右侧图片区域 */
        .contact-image {
            flex: 1;
            min-width: 260px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2rem;
            position: relative;
        }

        /* 图片容器与样式 - 确保响应式且优雅 */
        .image-wrapper {
            width: 100%;
            max-width: 400px;
            border-radius: 1.75rem;
            overflow: hidden;
            box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.12);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            background: #e2e8f0;
        }

        .image-wrapper img {
            display: block;
            width: 100%;
            height: auto;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .image-wrapper:hover {
            transform: translateY(-5px);
            box-shadow: 0 28px 40px -15px rgba(0, 0, 0, 0.2);
        }

        .image-wrapper:hover img {
            transform: scale(1.02);
        }

        /* 公司名称样式 */
        .company-name {
            font-size: 1.4rem;
            font-weight: 700;
            background: linear-gradient(135deg, #1E2A3E, #0f2b3d);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 1.75rem;
            border-left: 5px solid #d97e51;
            padding-left: 1rem;
        }

        /* 联系方式列表 */
        .contact-list {
            display: flex;
            flex-direction: column;
            gap: 1.35rem;
        }

        .contact-item {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            font-size: 1rem;
            color: #1e2f3e;
            transition: all 0.2s;
            flex-wrap: wrap;line-height: 3rem;
        }

        .contact-icon {
            flex-shrink: 0;
            width: 26px;
            text-align: center;
            font-size: 1.35rem;
            margin-top: 2px;
            color: #d97e51;
        }

        .contact-detail {
            flex: 1;
            word-break: break-word;
        }

        .contact-detail a {
            text-decoration: none;
            color: #1e4663;
            font-weight: 500;
            transition: color 0.2s, border-bottom 0.2s;
            border-bottom: 1px solid transparent;font-size: 1.0rem;
        }

        .contact-detail a:hover {
            color: #0f5c7a;
            border-bottom: 1px solid #d97e51;
        }

        /* 特殊处理邮箱组块，让多个邮箱保持整齐 */
        .emails-group {
            display: flex;
            flex-direction: column;
            gap: 0.6rem;
        }

        .email-link {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            flex-wrap: wrap;
        }

        .label-text {
            font-weight: 600;
            color: #0b2b3b;
            margin-right: 4px;
        }

        /* 地址微样式 */
        .address-text {
            line-height: 1.4;
        }

        hr {
            margin: 1.5rem 0 0.5rem;
            border: none;
            height: 1px;
            background: linear-gradient(90deg, #cbd5e1, transparent);
        }

        /* 响应式断点: 小于900px时变成上下结构，左右内容居中对齐 */
        @media (max-width: 900px) {
            body {
                padding: 1.5rem;
            }
            .contact-info {
                padding: 2rem 1.5rem;
            }
            .contact-image {
                padding: 2rem 1.5rem;
            }
            .company-name {
                font-size: 1.7rem;
            }
        }

        @media (max-width: 640px) {
            .contact-info {
                padding: 1.8rem 1.2rem;
            }
            .contact-item {
                gap: 0.75rem;
            }
            .company-name {
                font-size: 1.5rem;
                padding-left: 0.8rem;
            }
            .contact-icon {
                width: 22px;
                font-size: 1.2rem;
            }
            .image-wrapper {
                max-width: 280px;
            }
        }

        /* 装饰小元素 */
        .badge-light {
            display: inline-block;
            background: #eef2ff;
            border-radius: 30px;
            padding: 0.2rem 0.8rem;
            font-size: 0.75rem;
            font-weight: 500;
            color: #1e4a76;
            margin-top: 0.5rem;
        }

        /* 访问whatsapp 链接样式 */
        .whatsapp-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: #25D36610;
            padding: 4px 12px 4px 8px;
            border-radius: 40px;
            transition: background 0.2s;
        }
        .whatsapp-link:hover {
            background: #25D36620;
            border-bottom: none !important;
        }