@charset "utf-8";
* {
	margin:0;
	padding:0;
	list-style:none;
}
html {width: 100%;}
body {
	font: 12px/19px  Arial, Helvetica, sans-serif;
}
input, select, textarea {
	font-size:14px;
	padding:3px 5px;
}
h1{font-size:14px; font-weight:normal;}
.c1{ background-repeat:no-repeat}
#top { width:1024px;
}
#language_left {float:left; font-size:16px; font-style:italic;}
#language_top {float:right;}
#language_top li{float:left; margin-left:10px;}
#top_t{ margin-bottom:20px;}
#top_t1{padding-right:40px; text-align:right; padding-top:10px;}
#top_t1 a{ }
#top_t2{ background-image:url(images/menu1.jpg); height:20px; text-align:center; padding-top:10px;}
#top_t2 a{ color:#ffffff}
#top_t3{ float:left; font-size:26px; font-family:"新宋体"; font-weight:900; font-style:italic; padding:20px;}
#top_t3 img{ vertical-align:middle;}
#daohang{ background-color:#f2f2f2; height:50px;}
form { 
margin: 0; 
} 

/*开始-JS+CSS就可以做出简约好看的伸缩搜索框*/
.search-container {
    position: relative;
    width: 100px;
    transition: width 0.3s ease-in-out;
}

.search-container input[type="text"] {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
    background: #f1f1f1;
    color: #333;
    font-size: 16px;
    transition: padding 0.3s ease-in-out;
}

.search-container input[type="text"]:focus {
    padding-left: 30px;
}

.search-container .search-icon {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
    transition: left 0.3s ease-in-out;
}

.search-container input[type="text"]:focus + .search-icon {
    left: 5px;
}
/*结束-JS+CSS就可以做出简约好看的伸缩搜索框*/

#search_box 
{
margin-left:50px;
width: 253px;
height:27px;
background-image:url(images/search_bg.gif);
background-repeat:no-repeat;
} 
#search_box #s {
margin-left:20px;
height:15px;
margin-top:3px;
float:left;
background:url(images/search_bg1.gif);
border:0px;
} 
#search_box #go {
margin-right:20px;
float: right; 
} 
#banner{text-align:center; background-color:#FFFFFF}
#main{ background:#f2f2f2;}
#main_down{ background:#FFFFFF;}
.banner_down{width:333px; height:262px; float:left; text-align:center; background-image:url(images/S1_bg.jpg); background-repeat:no-repeat; padding-top:20px; margin-left:5px;
}
.s1{border-bottom:1px dashed #000;font-size:16px; font-family:"微软雅黑"; font-weight:bold; padding-bottom:10px; height:25px; padding-top:15px; padding-left:10px;}
.s2{ background:#666666; color:#ffffff; height:35px; padding-top:15px; font-size:16px;font-weight:bold;font-family:"微软雅黑"; padding-left:10px;}
.s3{ font-size:16px;}
.s4{ font-size:14px; font-weight:bold; padding-top:20px;}
.s5{ text-align:right;}



#aboutus_main{ width:643px; float:left; text-align:left; background:#FFFFFF; padding-left:10px;}
#aboutus_main img,text{ float:left; padding-right:10px;}
#news_main{ width:350px; float:left; text-align:left;}
#news_main li{border-bottom:1px dashed #000; margin-top:5px; margin-bottom:5px;}
#news_main span{ float:right;font-weight:normal; font-size:14px;}
#foot{ background:url(images/bg_top.gif); height:30px; text-align:center; color:#666666; width:1024px; padding-top:30px; font-size:14px;}
#foot a{ color:#666666;}
#sub_maincontent{margin:0 auto;width:1024px; margin-top:15px;}
#sub_left{width:250px; text-align:center; float:left; border:1px solid #CCCCCC; background:#f0f0f0;}
#sub_left #t{ background:url(images/menu1.jpg); height:30px; color:#FFFFFF; font-size:14px; font-weight:bold; line-height:30px;}
#sub_left #t img{ vertical-align:middle;}
#sub_left #s li{background:url(images/bg_meun_left.gif) no-repeat; height:39px;text-align:center; margin:10px;}
#sub_left #s ul{ text-align:center; margin-top:30px;}
#about_banner{ background:url(images/about_banner.jpg) no-repeat; width:1024px; height:317px;margin:0 auto;}
#news_banner{ background:url(images/news_banner.jpg) no-repeat; width:1024px; height:317px;margin:0 auto;}
#pro_banner{ background:url(images/pro_banner.jpg) no-repeat; width:1024px; height:317px;margin:0 auto;}
#pic_banner{ background:url(images/pic_banner.jpg) no-repeat; width:1024px; height:317px;margin:0 auto;}
#guest_banner{ background:url(images/guest_banner.jpg) no-repeat; width:1024px; height:317px;margin:0 auto;}
#gyjs_banner{ background:url(images/gyjs_banner.jpg) no-repeat; width:1024px; height:317px;margin:0 auto;}
.sub_aboutus_center{ width:750px; float:right; margin-bottom:10px;}
.sub_aboutus_center span{float:right;font-weight:normal; font-size:14px;}
.sub_aboutus_center li{ margin-top:10px; margin-bottom:10px;}
.sub_right{ border:1px solid #CCCCCC; margin-top:20px; padding:20px; float:left; width:708px; }
.sub_right a{ color:#ff0000;}
.sub{ border:1px solid #CCCCCC; height:35px; line-height:35px; padding-left:30px;}
.sub img{ vertical-align:middle;}
#customer_banner{ background:url(images/customer.jpg) no-repeat; width:1024px; height:181px;margin:0 auto}
#sub_center{ width:548px; height:511px;}
#product_banner{ background:url(images/products.jpg) no-repeat; width:1024px; height:181px;margin:0 auto}
#product_center{ width:604px; height:611px;}
#zhengshu_banner{ background:url(images/zhengshu.jpg) no-repeat; width:1024px; height:181px;margin:0 auto}
#zhengshu_right{background:url(images/Certificate.gif) no-repeat; width:315px; height:511px;}
#zhengshu_center{ width:452px; height:511px;}
#sub_news_banner{ background:url(images/news.jpg) no-repeat; width:1024px; height:181px;margin:0 auto}
#sub_news_right{background:url(images/news_right.jpg) no-repeat; width:332px; height:511px; }
#sub_news_center{width:750px; float:right; margin-bottom:10px; text-align:center;}
#sub_contactus_banner{ background:url(images/contactus.jpg) no-repeat; width:1024px; height:181px;margin:0 auto}
#sub_contactus_center{ width:700px; background:url(images/contactus_pic.jpg) right no-repeat;}
#sub_news_title{ font-size:14px; text-align:center; border-bottom:1px solid #202020; width:700px;}
#sub_news_date{ text-align:right;padding-right:50px;}
#sub_news_content{ text-align:left; width:700px;}
#sub_aboutus img,text{ float:left;}
#sub_link{}
#sub_link li{ margin:20px; float:left;}
#foot_down{padding-top:10px;}
.sitemap{padding:20px 0 0 40px; border-top:1px solid #ccc;}
.sitemap ul{}
.sitemap li{font:bold 14px/30px simsun;}
.sitemap li ul{padding-left:2em; height:1%; overflow:hidden; _overflow:visible;}
.sitemap li li{float:left; margin-right:3em; font:normal 14px/30px simsun;}
.right_table {
	border-collapse:collapse;
	width:100%;
	margin-top:10px;
	text-align:left;
}
.right_table td {
	padding:5px;
	border:1px solid #CCC;
}
.layout {
	width:1024px;
	margin:0 auto;
}
.clear {
	clear:both;
}
img {
	border:none;
}
li {
	line-height:22px;
}
.t1{ font-size:14px; font-family:"Times New Roman", Times, serif; color:cccccc; text-align:left; border-bottom-style:solid; border-bottom-width:2px; border-bottom-color:#CCCCCC; padding-bottom:10px;}
p {line-height:22px;}
.letter:first-letter { font-size:1.5em; font-family:"华文行楷"; color:#fc0;}

p.line:first-line { font-weight:bold; color:#ff0000;}

A{TEXT-DECORATION: none;}
A:link {color:#000000; text-decoration:none;}
A:visited {color: #000000; text-decoration:none;}
A:active {color: #ff0000}
A:hover{ text-decoration:none;COLOR:#ff0000;position: relative; right: 0px; top: 1px}
#nav {
  line-height: 30px; height:95px;  list-style-type: none;font-size:14px; padding-top:10px;
}

#nav a {
 display: block; width:100px; text-align:center;
}

#nav a:link  {
 color:#333333; text-decoration:none;
}
#nav a:visited  {
 color:#333333;text-decoration:none;
}
#nav a:hover  {
 color:#CC0000;text-decoration:none;font-weight:bold;
}

#nav li {
 float: left; width:90px; height:60px; line-height:30px;
}
#nav li a:hover{

}
#nav li ul { margin-top:20px;
 line-height:30px;  list-style-type: none;text-align:left;
 left: -999em; width: 180px; position: absolute;
}
#nav li ul li{ height:45px;
 float: left; width: 180px;
background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
background:#000; filter:Alpha(opacity=25);/*实现IE背景透明*/ 
}
#nav li ul li p{position:relative;}

#nav li ul a{
 display: block; width: 155px;text-align:left;padding-left:24px; padding-top:10px;
}

#nav li ul a:link  {
 color:#fff; text-decoration:none;
}
#nav li ul a:visited  {
 color:#fff;text-decoration:none;
}
#nav li ul a:hover  {
 color:#ffffff;text-decoration:none;font-weight:normal;
 background:#000000;
}

#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}

#yuyan{ padding-left:200px;}


table {
       marign: 0px auto;
}
#mainContent { height:320px;margin:0 auto;width:1024px;}
#top_left {width:244px;_display:inline; height:94px; background:url(images/top_bg.gif) repeat-x;}
#sidebar #div1{ width:280px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC;}
#top_right {width:149px;height:97px; background:url(images/top_bg.gif) repeat-x;}
#content { width:380px;margin-left:25px; height:240px;}
#footer {
	text-align:center;
	padding:10px 0;
}
#footer #div2{ margin-right:80px; font-weight:bold;}
#footer #div3{margin-right:70px;}
#link {
padding-top:20px;
background-image:url(images/down_logo.gif);
background-position:left;
background-repeat:no-repeat;
width:1024px;
	height:60px;
	text-align:right;
	line-height:36px;
	margin-top:5px;
}
.products li {
	float:left;
	text-align:center;
	padding:5px;
}
.contact{ font-size:14px; font-weight:bold; font-style:italic; margin-top:20px; margin-bottom:30px;}
.container{width:280px; height:200px;
border:1px solid #000;-moz-box-shadow:3px 3px 4px #000;-webkit-box-shadow:3px 3px 4px #000;box-shadow:3px 3px 4px #000;background:#fff;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000');
}
.container img{width:280px; height:200px;}
.container img{border:0;vertical-align:top;}
.container ul, .container li{list-style:none;margin:0;padding:0;}

.num{ position:absolute; right:5px; bottom:5px; font:12px/1.5 tahoma, arial; height:18px;}
.num li{
	float: left;
	color: #d94b01;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 11px;
	cursor: pointer;
	margin-left: 3px;
	border: 1px solid #f47500;
	background-color: #fcf2cf;
}
.num li.on{
	line-height: 18px;
	width: 18px;
	height: 18px;
	font-size: 14px;
	margin-top:-2px;
	background-color: #ff9415;
	font-weight: bold;
	color:#FFF;
}
/*老旧产品图片放大代码*/
  #workDemo { width:100%; }
  #workDemo a { width: 200px; height:200px; margin:5px; padding:0; border:1px solid #CCC; overflow:hidden; text-decoration:none; display:block; position:relative;}
  #workDemo a span { display:none;}
  #workDemo a img {	padding:5px;}
  #workDemo a:hover { border-color:#FF0000;}
  #workDemo a:hover span { position:absolute; background:#97BDFD; color:#000000; width:100%; padding-top:3px; text-align:left;  right:0; bottom:0; display:block; font-size:14px;filter: Alpha(Opacity=60);Opacity:0.6; }
/*2024.3.5模仿淘宝产品图片展示代码+JS*/
.middle {
        width: 220px;
        height: 220px;
        border: 1px solid #000;
        position: relative;
}

.middle>img {
        width: 220px;
        height: 220px;
}

.small {
        width: 220px;
        height: 100px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
}

.small img {
        border: 1px solid #0f0;
        width: 50px;
        height: 50px;
        margin: 0 5px;
}

.small img.active {
        border-color: red;
}

.shade {
        width: 150px;
        height: 150px;
        background: s(255, 255, 0, 0.5);
        position: absolute;
        left: 0;
        top: 0;
        display: none;
}
.big {
        width: 600px;
        height: 600px;
        position: absolute;
        left: 105%;
        top: 0;
        overflow: hidden;
        display: none;
}

.big>img {
        width: 600px;
        height: 600px;
        position: absolute;
        left: 0;
        top: 0;
}

.box {
        margin: 50px;
		float:left;
}

.shade:hover {
        cursor: move;
}
/* 悬浮按钮回到最上方 */
.scrollToTopBtn {
    position: fixed; /* 使按钮悬浮在视口的固定位置 */
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    z-index: 1000; /* 确保按钮在其他内容之上 */
}

.scrollToTopBtn img {
    width: 30px; /* 设置图片的宽度 */
    height: auto; /* 保持图片的原始宽高比 */
}