/* 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: 85%;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.8rem;}
.headlogoimg2{display: none;}
.headnav{position: unset !important;}
.headnav ul{display: flex;flex-wrap: wrap;margin-bottom: 0;    margin-top: 15px;}
.headnav ul h2{padding: 0;margin: 0;}
.headnav ul li a{
	display: block;
	font-size: 16px;
	color: #000000;
	text-align: left;
	padding: 1.0rem;
	
	}
.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.4rem;}
.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: 11rem; 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: 4.6rem;
		}
	}



/* 位置开始 */
.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: 1rem;
	font-size: 0.55rem;
	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: 1.5rem;
	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: 1rem;
	height: 6rem;
	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: 1rem;
}
.footboxrtimg{
	width: 4rem;
}
.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);
}