/* CSS Document */
* {  
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     }
html{width:100%;}
BODY {
	font-family: tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif;
	width:100%;
	background-color:#fff;
	display: flex;
	flex-direction:column;
}
a:link,a:visited,a:active,a:hover{
	text-decoration: none;
}
/*————————————————————头部开始————————————————————*/
#headerbg{
	width:100%;
	background-color:#f5f5f8;
	overflow:hidden;
	position:relative;
	}
#header{
	width:100%;
	margin:0 auto;		
	overflow:hidden;
	position:relative;
	}
/*logo*/
#logo{
	width:280px;
	height:105px;
	margin-left:20px;
	}
#logo img{width:240px;height:105px;}
/*菜单*/
#menu{
	height:auto;
	}
#menu ul{
	display:block;
	margin-left:20px;
	}
#menu ul li{float:left;display:block;margin-left:18px;margin-bottom:20px;font-size:14px;height:24px;line-height:24px;font-weight:500;font-family:Microsoft YaHei,Helvetica Neue,STXihei;}
#menu ul .home{margin-left:0;}
#menu a:link,#menu a:visited,#menu a:active{
	color: #3d3d3d;
}
#menu a:hover{
	color: #8d271c;
}
/*语言*/
#language{
	width:32px;	
	height:60px;
	position:absolute;right:20px;top:30px;
	}
#language ul{
	width:32px;
	height:44px;
	display:block;
	}
#language ul li{width:32px;display:block;font-size:14px;height:22px;line-height:22px;font-weight:500;font-family:Microsoft YaHei,Helvetica Neue,STXihei;text-align:center;}
#language ul #en{width:32px;height:22px;border-top:#3d3d3d solid 1px;letter-spacing:4px;text-align:center;font-size:15px;}
#language ul #en a{margin-left:3px;}
#language a:link {
	color: #3d3d3d;
	text-decoration: none;
}
#language a:visited{
	color: #3d3d3d;
	text-decoration: none;
}
#language a:active{
	color: #3d3d3d;
	text-decoration: none;
}
#language a:hover{
	color: #8d271c;
	text-decoration: none;
}
/*————————————————————头部结束————————————————————*/

/*————————————————————中间内容开始————————————————————*/
#main-content{
	width:99%;
	margin:0 auto;
	overflow:hidden;
}
#main-content .pic{
	width:99%;
	margin:0 auto;
	margin-bottom:4px;
}
#main-content .Videos{
	width:99%;
	margin:0 auto;
	margin-bottom:4px;
	position:relative;
	}
#main-content .Videos a span{display:inline-block;background:#822922;padding:3px 6px;margin-left:-75px;margin-top:-45px;border-radius:10px;color:#FFF;font-size:16px;font-weight:500;font-family:Microsoft YaHei,Helvetica Neue,STXihei;position:absolute; left:50%; top:50%; opacity:0.8;}
#main-content .Videos a span:hover{opacity:1;}
/*————————————————————中间内容结束————————————————————*/
/*————————————————————首页文字开始————————————————————*/
#sywenzi{width:100%; background:#f5f5f8; overflow:hidden; border-bottom:solid 1px #FFFFFF;}
#sywenzi #wenzi{width:96%;margin:10px auto;font-family:Microsoft YaHei,Helvetica Neue,STXihei;font-size:10px;color:#333333;overflow:hidden;}
#sywenzi #wenzi ul{display:inline-block;width:50%;float:left;overflow:hidden;margin-top:10px;}
#sywenzi #wenzi ul li{height:22;line-height:22px;}
#sywenzi #wenzi ul .bt{font-weight:bold;font-size:12px;}
#sywenzi #wenzi ul a:link,#sywenzi #wenzi ul a:visited,#sywenzi #wenzi ul a:active{
	color: #333333;
}
#sywenzi #wenzi ul a:hover{
	color: #8d271c;
	text-decoration:underline;
}
/*————————————————————首页文字结束————————————————————*
/*————————————————————底部开始————————————————————*/
#footer{
	width:100%;
	background:#f5f5f8;
	overflow:hidden;
	overflow:hidden;
	border-top:solid 3px #822922;
}
#footer #footernr{width:96%;margin:0 auto;}
#footer #wenzi{margin-top:20px;overflow:hidden;margin-bottom:20px;}
#footer #wenzi span{display:block;font-size:8px;color:#333333;font-weight:500;font-family:Microsoft YaHei,Helvetica Neue,STXihei; overflow:hidden;}
#footer #wenzi em{font-style:normal;display:inline-block;float:left;}
#footer #wenzi .fax{margin-left:15px;}
#footer #wenzi span a,#footer #wenzi span p,#footer #wenzi span img{margin-right:10px;}
#footer #wenzi span img{margin-right:3px;}
#footer #wenzi .bei,#footer #wenzi .bei a{height:20px;line-height:20px; display:inline-block;float:left;}
#footer #wenzi .bei img{float:left;}
#footer a:link,#footer a:visited,#footer a:active{
	color: #999999;
}
#footer a:hover{
	color: #8d271c;
}
#footer #WeChat{
	display:none;
	}

/*————————————————————底部结束————————————————————*/

/*————————————————————分页中间公共部分————————————————————*/
#page-banner{
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
#page-banner .page-pic{
	width:100%;
	height:auto;
	overflow:hidden;
}
#page-content{
	width:100%;
	height:auto;
	margin:0 auto;
}
#page-content .content{
	width:90%;
	margin:0 auto;
	background:#f6f6f6;
	margin-top:-40px;
	border-radius:20px 20px 0 0;
	position:relative;
	z-index:1;
	overflow:hidden;
	}
/*————————————————————分页中间公共部分结束————————————————————*/
/*—————————关于佑泰——————————*/
#page-content .about-page-pic{	
	width:100%;height:auto;
	}
#page-content .content .title{
	width:300px;
	height:66px;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:5px;
	overflow:hidden;
	}
#page-content .content #history .title{margin-bottom:0;}
#page-content .content .title em{
	display:block;
	width:60px;
	height:4px;
	background:#8d271c;
	margin:8px auto;
	}
#page-content .content .title span{
	width:300px;
	height:36px;
	line-height:36px;
	display:block;
	font-family:Microsoft YaHei,Helvetica Neue,STXihei;
	font-size:26px;
	text-align:center;
	overflow:hidden;
	}
/*—————————佑泰介绍开始————————*/
#page-content #introduce-pic{
	height:auto;
	width:90%;
	margin:0 auto;
	overflow:hidden;
	}
#page-content #introduce-pic img{width:100%;}
#page-content .about{
	width:93%;
	margin:0 auto;
	font-size:15px;	
	font-family:Microsoft YaHei,Helvetica Neue,STXihei;
	overflow:hidden;
	}
#page-content .about p{margin-top:20px;text-indent:2em;}
#page-content .about .p1{margin-top:0}
#page-content .about .yingwen{font-size:15px;}
#page-content .about .yingwen2{font-size:16px;}
/*——————佑泰介绍结束，发展历程开始—————*/
#page-content #history-pic{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:30px;
	}
#page-content #history-pic ul{width:95%;display:block;margin:0 auto;}
#page-content #history-pic li{height:30px;line-height:30px;font-family:Microsoft YaHei,Helvetica Neue,STXihei; font-size:9px;display:block;}
#page-content #history-pic li em{margin-right:5px;color:#8d271c;font-size:14px;font-weight:bold;}
#page-content #aboutpic{width:90%;overflow:hidden;margin:0 auto;margin-bottom:30px;}
#page-content #aboutpic .title{margin-top:0px;}
#page-content #aboutpic	#about-pics{width:100%;height:auto;}
#page-content #aboutpic	#about-picx{width:100%;height:auto;}
#page-content #aboutpic	.pic0{width:100%;margin-top:5px;}
#page-content #aboutpic	.pic0 img{width:100%;}
#page-content #about-picjr{display:none;}

/*—————————轮播图片开始——————————*/
#page-content  #aboutCertificate{width:95%; margin:0 auto;margin-bottom:50px;}
#page-content .scroll-container {
            width:100%;
            overflow:xhidden;
            position:relative;
        }
#page-content .scroll-content {
            display: flex;
            animation:scroll 90s linear infinite alternate;
        }
		
#page-content .scroll-content span{
	display:block;
	padding-right:20px;
	padding-bottom:20px;
	filter:drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.3));
}
#page-content .scroll-content img {
            height:185px;
        }

@keyframes scroll {
            0% {
                transform: translateX(0%);
            }
            100% {
                transform: translateX(-9000px);
            }
        }
		
/*—————————轮播图片结束——————————*/
/*—————————关于佑泰结束——————————*/

/*—————————产品照片开始——————————*/
#page-content .product-page-pic{	
	background:url(porductimg.jpg) no-repeat;
	}
#page-content #pagemenu{
	display:block;	
	width:100%;
	margin:40px auto;
	}
#page-content #pagemenu li{
	display:block;
	width:170px;
	height:26px;
	line-height:26px;
	font-family:Microsoft YaHei,Helvetica Neue,STXihei;
	font-size:14px;
	float:left;
	padding-left:16px;
	margin-left:6px;
	background:url(pageico2.png) no-repeat;
	}
#page-content #pagemenu a:link,#page-content #pagemenu a:visited,#page-content #pagemenu a:active{
	color: #3d3d3d;
}
#page-content #pagemenu a:hover{
	color: #8d271c;
}
#page-content #pagemenu .select,#page-content #pagemenu li:hover{
	background:url(pageico2.png) no-repeat 0 -32px;
	}
#page-content #pagemenu .select a{color:#8d271c;}
#page-content #productimages{width:90%; margin:50px auto 50px auto;overflow:hidden;}
#page-content #productimages img{border-radius:15px;margin-top:30px;}
/*—————————产品照片结束——————————*/
/*—————————资质证书开始——————————*/
#page-content .Certificate-page-pic{	
	background:url(Certificateimg.jpg) no-repeat;}
#page-content #Certificate{width:98%;padding-left:10px;margin:50px auto 50px auto;overflow:hidden;}
#page-content #Certificate li{
	display:block;
	float:left;
	width:50%;
	height:auto;
	overflow:hidden;
	padding-right:10px;
	padding-bottom:10px;
	filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
	}
#page-content #Certificate li img{margin-top:10px;}
#page-content #Certificate .pic9,#page-content #Certificate .pic10{width:100%;}

/*—————————资质证书结束——————————*/

/*—————————视频介绍开始——————————*/
#page-content .Videos-page-pic{	
	background:url(Videosimg.jpg) no-repeat;}
#page-content .Videos{
	margin:0 auto;
	display:block;
	border:solid #fff 5px;		
	}
#page-content .Videos1{margin-top:60px;}
#page-content .Videostitle{margin:8px auto 50px auto;text-align:center;font-family:Microsoft YaHei,Helvetica Neue,STXihei;font-size:14px; color:#333333;}
/*—————————视频介绍结束——————————*/

/*—————————联系我们开始——————————*/
#page-content .contact-page-pic{	
	background:url(contactimg.jpg) no-repeat;}
#page-content .contact{
	padding-top:60px;padding-bottom:50px;
	width:90%;overflow:hidden;
	}
#page-content .contact .icon{width:96%;height:720px;margin:0 auto;overflow:hidden;}
#page-content .contact .lx{
	width:100%;padding-left:85px;height:100px;margin-top:20px;float:left;overflow:hidden;
	background:url(contacticoen.png) no-repeat #FFF 10px 0;font-family:Microsoft YaHei,Helvetica Neue,STXihei;
	}
#page-content .contact .lx2{ background-position:10px -100px;}
#page-content .contact .lx3{ background-position:10px -200px;}
#page-content .contact .lx4{ background-position:10px -300px;}
#page-content .contact .lx5{ background-position:6px -400px;}
#page-content .contact .lx6{ background-position:6px -500px;}
#page-content .contact .lx li{display:block;}
#page-content .contact .bt{
	width:100%;
	height:26px;
	line-height:26px;
	font-family:Microsoft YaHei,STXihei;
	font-size:20px;
	color:#3f3f3f;
	margin-top:18px;}
#page-content .contact .nr{
	margin-top:10px;
	height:26px;
	}
#page-content .contact .nr span{
	height:26px;
	line-height:26px;
	color:#8d271c;
	font-size:20px;
	display:inline-block;
	float:left;
	}
#page-content .contact .lx5 .nr,#page-content .contact .lx6 .nr{margin-top:5px;}
#page-content .contact .lx5 .nr span,#page-content .contact .lx6 .nr span{font-size:22px;}
#page-content .contact .lx5 .bt,#page-content .contact .lx6 .bt{font-size:18px;margin-top:20px;}
#page-content .contact .lx3 .nr span{font-size:12px;}
#page-content .contact .lx4 .nr span,#page-content .contact .lx4 .bt{font-size:12px;width:390px;}
#page-content .contact .nr em{
	color:#3f3f3f;
	font-size:16px;height:26px;line-height:26px;
	font-variant:normal;
	display:inline-block;
	float:left;
	margin-right:5px;
	font-style:normal;
	}
#page-content .contact .bt a:link,#page-content .contact .bt  a:visited,#page-content .contact .bt a:active
{
	color: #3f3f3f;
}	
#page-content .contact .bt a:hover
{
	color: #3f3f3f;
	text-decoration:underline;
}

#page-content .contact .nr a:link,#page-content .contact .nr  a:visited,#page-content .contact .nr a:active
{
	color: #8d271c;
}
#page-content .contact .nr a:hover
{
	color: #8d271c;
	text-decoration:underline;
}
#page-content .contact #map{width:96%;margin:0 auto;margin-top:30px;}
#page-content .contact #map img{border-radius:10px;}
/*—————————联系我们结束——————————*/