@charset "utf-8";
/* CSS Document */
body,button,input,select,textarea{color:#333;font:14px "微软雅黑";}
div,class,ul,li,a,p{margin:0; padding:0;}
/* Clear */
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/ 
* html .clearfix{height:1%}
.clearfix{display:block; margin-top:10px;} 
/* End hide from IE-mac */
.page_list{text-align:right;padding-top:10px; padding-bottom:2px;}
.page_list a{border:#ddd 1px solid;color: rgba(102, 102, 102, 1);padding:6px 10px;margin-right:2px;background-color: rgba(242, 242, 242, 1);}
.page_list a:hover,.page_list a:active{border:#e1e6ed 1px solid;color:#fff;background-color:#cc980d}
.page_list span.current{border:#ddd 1px solid;padding:6px 10px;font-weight:bold;margin-right:2px;color:#FFF;background-color:#cc980d}
.page_list span.disabled{border:#f3f3f3 1px solid;padding:6px 10px;margin-right:2px;color:#CCC}
/* webcss start*/

/*********** page ***********/
.ny{background:#f4f4f4; padding-bottom:60px; padding-top:40px;}
#page_main{
	width:1200px; 
	margin:0 auto;
	padding-bottom:40px;
}
/* page-left */
.page-left{
	float:left;
    width:250px;  
	margin-top:30px; 
	background:#fff;
	-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	padding:20px 20px 60px 20px;}
.left-nav{
	display:block; 
	font-weight:bold; 
	text-align:center; 
	font-size:22px; 
	line-height:2.0; 
	border-bottom:2px #333 solid; 
	padding-bottom:10px;
	margin-bottom:20px;}



/* page-right */
.ny-top img{ margin-bottom:10px;}

.ny-top{ font-size:24px; font-weight:bold; text-align:center; padding:40px 0;}
.ny-right{
	width:1200px;
	overflow:hidden; 
	margin-top:30px;
	background:#fff;
	-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	padding:0 10px 25px 10px;}

.page-right{
	float:right; 
	width:840px;
	overflow:hidden; 
	margin-top:30px;
	background:#fff;
	-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	padding:0 10px 25px 10px;}
.page-news{font-size:16px; line-height:2.0;}

.page-single,.page-products,.page-news,.page-newsdetail,.page-jobs,.page-jobsdetail{margin-bottom:10px}
.productsdetail-title,.newsdetail-title,.jobsdetail-title{font-size:14px;font-weight:bold;line-height:30px;text-align:center;border-bottom:1px dashed #CCC;margin-bottom:10px}
.page-news table{width:98%;}
.page-news table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px}
.page-news table th.news-time{width:100px;background:url(../images/info_title.gif) left top}
.page-news table th.news-title{background:url(../images/info_title.gif) right top}
.page-news table td{border-bottom:1px dashed #D7D7D7;padding:8px}
.page-news table td.time-list{color:#666;text-align:center}
.page-jobs table{width:98%;}
.page-jobs table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px}
.page-jobs table th.jobs-time{width:100px;background:url(../images/info_title.gif) left top}
.page-jobs table th.jobs-title{background:url(../images/info_title.gif) right top}
.page-jobs table td{border-bottom:1px dashed #D7D7D7;padding:8px}
.page-jobs table td.time-list{color:#666;text-align:center}
.page-guestbook{width:600px;margin:0px auto}
.page-guestbook dl dt,.page-guestbook dl dd{float:left;padding:5px}
.page-guestbook dl dt{width:80px;text-align:right}
.page-guestbook dl dd{width:500px}
.page-guestbook dl dd input{border:#CCC 1px solid;padding:2px;background:url(../images/inputbg.gif) repeat-x;height:19px;line-height:19px;width:180px}
.page-guestbook dl dd span{color:#F00;margin-left:10px}
.page-guestbook .Content{width:480px;height:120px;border:#CCC 1px solid}
#checkcode{width:60px;text-align:center}
.page-guestbook p{text-align:center;clear:both;margin-bottom:10px}




/*新闻列表页*/
ul,li{ list-style:none;}
a,a:visited,a:active{color:#333333;text-decoration:none}
a:hover{color:#ff0000;text-decoration:none}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
ul.newsList li {
    border-bottom: 1px dotted #dddddd;
	margin-bottom:25px;
	background:url(../images/icon.gif) no-repeat left 12px;
	padding-left:15px;
}
.page-news {
    margin: 0 auto;
    width: 95%;
}

/*新闻详情页*/
#shownews h1.title {
    font-size: 24px;
    text-align: center;
	padding:40px 0;
}

.hits {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 30px;
	height:40px;
	line-height:40px;
}
.page {
    line-height:30px;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
	margin:10px 0;
	padding:10px 0;
}

#shownews .text{
	margin:10px 0;
	line-height:28px;
}
.related {
	background:url(../images/bg_news.jpg) repeat-x;
}
#shownews .related {
	font-weight:bold;
	height:30px;
	line-height:30px;
	font-size:13px;
}

#shownews .related-list li {

	border-bottom:1px dotted #dddddd;
	background:url(../images/icon1.gif) no-repeat left center;
	padding-left:10px;
	margin:10px 20px 10px 0;
    float: left;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    width: 300px;
}
#shownews .related-list li a,#shownews .related-list li a:active,#shownews .related-list li a:visited{
	color:#808080;
}
#shownews .related-list li a:hover{
	color:#ff0000;
}

/*产品列表页*/
#ShowImages li{
	display: inline;
    float: left;
    margin:0px 14px 24px 14px;
    text-align: center;
}
#ShowImages .images_img a {
	display:block;
    height: 182px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 250px;
}
#ShowImages .images_img a:hover{
	
}
#ShowImages .images_img img {
    max-height: 182px;
	max-width:250px;
}
#ShowImages .images_title a{
	height:30px;
	line-height:30px;
}

#ShowImages .images_img{ width:250px; height:182px; display:block; overflow:hidden;}
#ShowImages .images_img img{}
#ShowImages .images_img img{ -webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;}
#ShowImages .images_img a img:hover{ 	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);}


		
/* 五、多列左右滚动演示 */

.domo-pic-scroll-lr { width:100%; height:300px; position:relative; margin:10px auto; padding:4px; border:1px solid #f0f0f0;   overflow: hidden; }
.domo-pic-scroll-lr .conts li { float:left; margin: 10px 15px; text-align:center; width:220px; height:200px; font-size:16px; font-style:italic; font-weight:700; text-align:center; color:#317bac; line-height:150px; padding:0 10px; vertical-align:top; }
.domo-pic-scroll-lr .conts li .s1 { width:220px; height:150px; }
.domo-pic-scroll-lr .conts li a { color:#317bac; background:#fff; display:block; width:220px; height:150px;  }
.domo-pic-scroll-lr .conts li a:hover { color:#fff;  text-decoration:none; }

.domo-pic-scroll-lr .textList { text-align:center; height:40px; line-height:20px; padding:0px 15px; color:#1eb4e5; font-size:12px; overflow:hidden; }
.domo-pic-scroll-lr .textList .pageNav { line-height:20px; color:#1eb4e5; }
.domo-pic-scroll-lr .textList .pageNav font { font-size:14px; padding:0 5px; line-height:20px; color:#b2d5ed; font-style:italic; }
.domo-pic-scroll-lr .textList .pageNav .current { font-size:18px; padding-right:8px; }
			
.domo-pic-scroll-lr .prev, .domo-pic-scroll-lr .next { z-index:1; position:absolute; top:52%; margin-top:-25px; display:block; width:36px; height:36px; line-height:34px; font-size:22px; color:#fff;box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);-webkit-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1);-moz-box-shadow: 0px 4px 10px 0px rgba(16,124,195,1); border-radius:50px; background:rgba(228,228,228,1); text-align:center; font-family:"Comic Sans MS", cursive; cursor:pointer; }
.domo-pic-scroll-lr .prev { left:-70px; background:#212121; }
.domo-pic-scroll-lr .prev:hover, .domo-pic-scroll-lr .next:hover { background:#3dc878; color:#fff; }
.domo-pic-scroll-lr .next { right:-70px; background:#212121; }

.domo-pic-scroll-lr .tabs { width:100%; height:18px; line-height:18px; position:absolute; z-index:1; bottom:10%; left:0; overflow:hidden; }
.domo-pic-scroll-lr .tabs ul { text-align:center; height:11px; }
.domo-pic-scroll-lr .tabs ul li { line-height:999px; width:16px; height:16px; border-radius:11px; margin:0 8px; cursor:pointer; background:rgba(228,228,228,1); cursor:pointer; display:inline-block; *display:inline; zoom:1; overflow:hidden; }
.domo-pic-scroll-lr .tabs ul .current { background:#cc980d !important; }
.domo-pic-scroll-lr .tabs ul a p{height:30px; line-height:30px;}
.domo-pic-scroll-lr .conts li .imgt{
	font-size: 14px;
	vertical-align: middle;
	height:36px;
	line-height:36px;
	color:rgba(51,51,51,1);
	    font-style: inherit;
    font-weight: 400;
	font-family: Arial, Verdana, sans-serif;
	margin-top: 10px;
}
.domo-pic-scroll-lr .conts li .imgt:hover{
	color:#cc980d;	
}
.img-container {
  width: 220px;  /* 设置固定的显示宽度 */
  height: 200px; /* 设置固定的显示高度 */
  overflow: hidden; /* 超出容器的图片部分将被隐藏 */
  border:1px solid #ededed;
}
 
.img-container img {
  width: 100%; /* 图片宽度设置为100%，使其填充容器宽度 */
  height: 100%; /* 图片高度设置为100%，使其填充容器高度 */
  object-fit: cover; /* 此属性确保图片覆盖整个容器，但不改变其宽高比 */

}