/* 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%;
	height:130px;
	background-color:#f5f5f8;
	overflow:hidden;
	}
#header{
	width:1250px;
	height:123px;
	margin:0 auto;	
	overflow:hidden;
	}
/*logo*/
#logo{
	width:280px;
	height:123px;
	float:left;
	}
#logo img{ width:280px;height:123px;}
/*菜单*/
#menu{
	width:700px;
	height:123px;
	margin-left:50px;
	float:left;
	}
#menu ul{
	width:700px;
	height:26px;margin-top:56px;
	display:block;
	}
#menu ul li{float:left;display:block;margin-left:60px;font-size:20px;height:26px;line-height:26px;font-weight:500;font-family:Microsoft YaHei,Helvetica Neue,STXihei;}
#menu a:link,#menu a:visited,#menu a:active{
	color: #3d3d3d;
}
#menu a:hover{
	color: #8d271c;
}
/*语言*/
#language{
	width:90px;	
	height:140px;
	margin-left:60px;
	float:right;
	overflow:hidden;
	}
#language ul{
	width:90px;
	height:28px;margin-top:56px;
	display:block;
	}
#language ul li{float:left;display:block;font-size:20px;height:26px;line-height:26px;font-weight:500;font-family:Microsoft YaHei,Helvetica Neue,STXihei;}
#language ul #en{height:26px;margin-left:10px; padding-left:10px; border-left:#3d3d3d solid 1px;}
#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;
}
@media screen and (max-device-width: 1500px){
	#header{width:980px;}
	#menu{
	width:600px;
	margin-left:10px;
	}
	#language{ margin-left:0;}
	#menu ul li{margin-left:35px;}
}
/*————————————————————头部结束————————————————————*/

/*————————————————————中间内容开始————————————————————*/
#main-content{
	width:99.8%;
	margin:0 auto;
	overflow:hidden;	
}
#main-content .pic{
	width:99.8%;
	margin:0 auto;
	margin-bottom:15px;
}
#main-content .Videos{
	width:99.8%;
	margin:0 auto;
	margin-bottom:15px;
	text-align:center;
	position:relative;
	}

#main-content .Videos a span{display:inline-block;background:#822922;padding:10px 20px;border-radius:10px;margin-left:-70px;margin-top:-100px;color:#FFF;font-size:24px;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:80%;margin:20px auto;font-family:Microsoft YaHei,Helvetica Neue,STXihei;color:#333333;overflow:hidden;}
#sywenzi #wenzi ul{display:inline-block;width:25%;float:left;overflow:hidden;}
#sywenzi #wenzi ul li{height:30;line-height:30px;}
#sywenzi #wenzi ul .bt{font-weight:bold;}
#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%;
	height:240px;
	background:#f5f5f8;
	overflow:hidden;
	border-top:solid 4px #822922;
}
#footer #footernr{width:80%;margin:0 auto;}
#footer #wenzi{width:850px;float:left;margin-top:40px;}
#footer #wenzi span{display:block;height:28px;line-height:28px;font-size:16px;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{float:left;margin-right:10px;}
#footer #wenzi span img{margin-top:4px;margin-right:3px;}
#footer a:link,#footer a:visited,#footer a:active{
	color: #999999;
}
#footer a:hover{
	color: #8d271c;
}

#footer #WeChat{
	width:240px;height:160px;float:right;margin-top:35px;
	}
#footer #WeChat .WeChaticon{display:block;width:240px;height:160px;background-image:url(footer_vx.png)}
#footer #WeChat span{text-align:center;display:block;display:none;}
#footer #WeChat .WeChatwz{margin-top:5px;}
/*————————————————————底部结束————————————————————*/

/*————————————————————分页中间公共部分————————————————————*/
#page-banner{
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;

}

#page-banner .page-pic{
	width:100%;
	overflow:hidden;
}
#page-content{
	width:100%;
	margin:0 auto;
}
#page-content .content{
	width:80%;
	margin:0 auto;
	background:#f6f6f6;
	margin-top:-100px;
	border-radius:30px 30px 0 0;
	overflow:hidden;
	position:relative;
	z-index:1;
	}
/*————————————————————分页中间公共部分结束————————————————————*/
/*—————————关于佑泰——————————*/
#page-content-pic  .about-page-pic{	
	background:url(aboutimg.jpg) no-repeat;
	}
#page-content .content .title{
	width:300px;
	height:66px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:50px;
	}
#page-content .content #introduce .title{
	margin-bottom:40px;
	}
#page-content .content #history .title{margin-bottom:30px;}
#page-content .content .title em{
	display:block;
	width:80px;
	height:5px;
	background:#8d271c;
	margin:15px auto;
	}
#page-content .content .title span{
	width:300px;
	height:46px;
	line-height:46px;
	display:block;
	font-family:Microsoft YaHei,Helvetica Neue,STXihei;
	font-size:40px;
	text-align:center;
	overflow:hidden;
	}
/*—————————佑泰介绍开始————————*/
#page-content #introduce-pic{
	width:90%;
	margin:0 auto;
	overflow:hidden;
	}
#page-content #introduce-pic img{width:100%}
#page-content .about{
	width:80%;
	margin:0 auto;
	font-size:20px;	
	font-family:Microsoft YaHei,Helvetica Neue,STXihei;
	overflow:hidden;
	}
#page-content .about p{margin-top:20px;text-indent:2em;font-family:Microsoft YaHei,Helvetica Neue,STXihei;}
#page-content .about .p1{margin-top:0}
/*——————佑泰介绍结束，发展历程开始—————*/
#page-content #history-pic{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	background:url(history_bg.jpg) no-repeat;
	height:520px
	}
#page-content #history-pic ul{width:800px;display:block;margin:0 auto;}
#page-content #history-pic li{height:42px;line-height:42px;font-family:Microsoft YaHei,Helvetica Neue,STXihei; font-size:20px;display:block;}
#page-content #history-pic li em{margin-right:10px;color:#8d271c; font-size:22px;font-weight:bold;}


#page-content #aboutpic{overflow:hidden;margin-bottom:80px;}
#page-content #aboutpic #about-pics,#page-content #aboutpic #about-picx{display:none;}
#page-content #aboutpic	#about-picjr{width:90%;margin:0 auto;}

/*—————————轮播图片开始——————————*/
#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:485px;
        }

@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:97%;
	height:180px;
	margin:40px auto;
	}
#page-content #pagemenu li{
	display:block;
	width:255px;
	height:30px;
	line-height:30px;
	font-family:Microsoft YaHei,Helvetica Neue,STXihei;
	font-size:24px;
	float:left;
	margin-top:50px;
	padding-left:26px;
	margin-left:20px;
	background:url(pageico.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(pageico.png) no-repeat 0 -32px;
	}
#page-content #pagemenu .select a{color:#8d271c;}
#page-content #productimages{width:90%; margin:60px auto 100px auto;overflow:hidden;}
#page-content #productimages img{border-radius:50px;margin-top:70px;}
/*—————————产品照片结束——————————*/
/*—————————资质证书开始——————————*/
#page-content .Certificate-page-pic{	
	background:url(Certificateimg.jpg) no-repeat;}
#page-content #Certificate{width:98%;padding-left:10px;margin:180px auto 100px auto;overflow:hidden;}
#page-content #Certificate li{
	display:block;
	float:left;
	width:25%;
	height:auto;
	overflow:hidden;
	padding-right:20px;
	padding-bottom:20px;
	filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.3));
	}
#page-content #Certificate li img{margin-top:10px;}
#page-content #Certificate .pic9,#page-content #Certificate .pic10{width:50%;}

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

/*—————————视频介绍开始——————————*/
#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:180px;}
#page-content .Videostitle{margin:10px auto 100px auto;text-align:center;font-family:Microsoft YaHei,Helvetica Neue,STXihei;font-size:28px; color:#333333;}

	
/*—————————视频介绍结束——————————*/

/*—————————联系我们开始——————————*/
#page-content .contact-page-pic{	
	background:url(contactimg.jpg) no-repeat;}
#page-content .contact{
	padding-top:120px;padding-bottom:100px;
	width:80%;overflow:hidden;
	}
@media screen and (max-device-width: 1280px)
{
#page-content .contact{width:100%;}
}
	
#page-content .contact .icon{width:95%;height:600px; margin:0 auto;}
#page-content .contact .lx{
	width:48%;padding-left:170px;height:150px;margin-top:50px;float:left;overflow:hidden;
	background:url(contactico.png) no-repeat #FFF 35px 0;font-family:Microsoft YaHei,Helvetica Neue,STXihei;margin-right:20px;
	}
#page-content .contact .lx2{ background-position:35px -150px;margin-right:0;float:right;}
#page-content .contact .lx3{ background-position:35px -300px;}
#page-content .contact .lx4{ background-position:35px -450px;margin-right:0;float:right;}
#page-content .contact .lx5{ background-position:35px -600px;}
#page-content .contact .lx6{ background-position:35px -750px;margin-right:0;float:right;}


#page-content .contact .lx li{display:block;}
#page-content .contact .bt{
	width:290px;
	height:32px;
	line-height:32px;
	font-family:Microsoft YaHei,Helvetica Neue,STXihei;
	font-size:30px;
	color:#3f3f3f;
	margin-top:36px;}
#page-content .contact .nr{
	margin-top:15px;
	width:420px;
	height:32px;
	}
#page-content .contact .nr span{
	height:32px;
	line-height:32px;
	color:#8d271c;
	font-size:30px;
	display:inline-block;
	float:left;
	}
#page-content .contact .lx5 .nr span,#page-content .contact .lx6 .nr span{font-size:26px;}
#page-content .contact .lx5 .bt,#page-content .contact .lx6 .bt{font-size:24px;}


#page-content .contact .lx3 .nr span{font-size:20px;}
#page-content .contact .lx4 .nr span,#page-content .contact .lx4 .bt{font-size:18px;width:390px;}
#page-content .contact .nr em{
	color:#3f3f3f;
	font-size:20px;height:32px;line-height:32px;
	font-variant:normal;
	display:inline-block;
	float:left;
	margin-right:14px;
	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:90%;margin:0 auto; margin-top:80px;}
#page-content .contact #map img{border-radius:50px;}
@media screen and (width:1024px)
{
#page-content .contact .lx3 .nr span{font-size:15px;}
#page-content .contact .lx{padding-left:160px;}
#page-content .contact .lx4 .nr span,#page-content .contact .lx4 .bt{font-size:14px;}
}
@media screen and (max-device-width: 1500px)
{
#page-content .contact{width:100%;}
#page-content .contact .lx3 .nr span{font-size:15px;}
#page-content .contact .lx{padding-left:160px;}
#page-content .contact .lx4 .nr span,#page-content .contact .lx4 .bt{font-size:14px;}
}
/*—————————联系我们结束——————————*/