@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; line-height:25px; font-family:"microsoft Yahei","宋体"; font-size:12px; letter-spacing:1px; background:#FFF; text-align:center; color:#333333;}
form,ul,li{ list-style:none; margin:0px; padding:0px;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}


/*  menu style start */
.navbg{ clear:both; display:block; width:100%; background:#666666;}
.muen_box { width: 100%; height:34px; line-height:34px; overflow: hidden; margin:0px auto;}


#wrap-nav .muen_box {overflow:visible; z-index: 99; text-transform: uppercase; }
#wrap-nav .menu{ clear: both; display: block; width: 100%; margin: 0px auto; }
#wrap-nav .menu li {position: relative; float:left; display: inline; z-index:1000000; }
#wrap-nav .menu li:last-child{ border-right: 0px; }
#wrap-nav .menu li a{ display:block; width: 111px; height:34px; line-height:34px; text-align:center; font-size:14px; color:#FFF; text-align: center; }
#wrap-nav .menu li a:hover{ background: #fff600; color: #333; text-decoration: none; }
#wrap-nav .menu li .on{ background: #fff600; color: #333; }
#wrap-nav .menu ul.children { display:none; width:169px; background: rgba(1,147,225,0.5); position:absolute; z-index:1000000; top:34px; left:0px;}

#wrap-nav .menu ul.children a{ padding:0px; clear:both; display:block; width:100%; height:34px; line-height:34px; overflow:hidden; text-align:center; font-weight: normal; }
#wrap-nav .menu ul.children a:hover{ color:#FFF; background: rgba(1,147,225,0.7); }
#wrap-nav .menu ul.children .noborder {border: none;}


/* banner */
.swiper-container-banner { clear: both; display: block; width: 100%; height: 363px; margin: 0px auto; overflow: hidden; position: relative; }
.swiper-container-banner .swiper-slide a{ clear: both; display: block; width: 100%; height: 363px; }
.swiper-container-banner .swiper-pagination span{ width: 20px; height: 20px; margin: 0px 40px; }

/* indexBanner */
.swiper-container-indexBanner { clear: both; display: block; width: 100%; height: 363px; margin: 0px auto; overflow: hidden; position: relative; }
.swiper-container-indexBanner .swiper-slide a{ clear: both; display: block; width: 100%; height: 363px; }
.swiper-container-indexBanner .swiper-pagination span{ width: 20px; height: 20px; margin: 0px 40px; }




.Content{width:900px; margin:0px auto; background:#FFF;}
.Index{width:900px; margin:0px auto; text-align:left;}
.top{ clear:both; height:119px; background:URL(../images/top.jpg) left top  no-repeat;}


.indexContent{ clear:both; margin:20px 0px;}
.left{ float:left; width:206px;}
.leftPic{ clear:both; margin-bottom:10px;}
.title{ clear:both; height:26px; line-height:26px; font-weight:bold;}
.title small{ display:block; float:left; height:24px; line-height:24px; padding:0px 10px; background:#555555; color:#FFF; font-weight:bold;}
.title span{ float:right; margin-right:10px; font-weight:normal;}
.title span img{ border:0px; margin-top:10px;}
.title span a{ color:#333;}


.listTit{ clear:both; font-size:14px; font-weight:bold; color:#CC0000;}
.list{ clear:both; margin-bottom:10px;}
.First{ clear:both; height:24px; line-height:24px; background:#555555; text-indent:1em;}
.First a{ color:#FFF;}
.Second{ clear:both; text-indent:1.5em; background:URL(../images/listIcon.gif) 10px 10px no-repeat; line-height:23px;}



.contact{ clear:both; padding:10px; border:1px solid #e3e3e3;}

.right{ float:right; width:680px;}

.news{ clear:both;}
.newsLeft{ float:left; width:265px; margin-right:15px;}
.newsRight{ float:right; width:400px;}
.newsContent{ clear:both; margin-bottom:10px;}
.newsContent ul{ padding:10px 0px;}
.newsContent li{ height: 28px; line-height: 28px; overflow: hidden; border-bottom:1px dashed #e3e3e3; text-indent:1.8em; background:URL(../images/listIcon.jpg) 6px 10px no-repeat; line-height:27px;}
.newsContent li span{ float:right; margin-right:10px;}

.indexAbout{ clear:both; padding:10px; border:1px solid #e3e3e3; margin-bottom:10px;}
.indexAbout span a{ color:#F00;}


.Other{ clear:both;}


.about{ float:left; width:320px; height:266px;}
.aboutTit{ clear:both; height:57px; background:URL(../images/aboutTit.jpg) left top no-repeat;}
.aboutTit span{ float:right; margin-right:10px; margin-top:20px;}
.aboutTit span img{ border:0px;}
.aboutContent{ clear:both; padding:10px; margin-bottom:10px; border:1px solid #e6e6e6; line-height:21px;}
.aboutContent img{ display:none;}

/* products style start */
.products{ clear:both; border:1px solid #e3e3e3; margin-bottom:10px;}
.products ul{ padding:10px 0px;}
.products li{ float:left; margin-left:15px; text-align:center;}
.products li img{ border:2px solid #007336; width:130px; height:125px;}
.products li span{ display:block; clear:both; line-height:26px;}
.products li a{ color:#000;}


/* bottom style start */
.links{ clear:both; height:30px; line-height:30px; text-align:left; padding:0px 10px; background:URL(../images/title.jpg) left top repeat; color:#Fff; margin-top:10px; font-size:14px;}
.links a{ font-size:14px; color:#FFF;}

.bottom{ clear:both; text-align:center; padding:10px 0px; background:#cccccc; color:#000;}
.bottom  img{ border:0px; float:left; margin-right:15px; height:80px; margin-left:30px;}
.bottom a{ color:#000;}

.Clear{ clear:both;}

/* sub style start ==============================================*/

.leftList{ clear:both;}
.leftList li{ height:27px; line-height:27px; background:URL(../images/subList.jpg) left top no-repeat; text-indent:3em; margin:6px 0px;}
.leftList li:hover{ background:URL(../images/subList.jpg) left bottom no-repeat;}
.leftList li:hover a{ color:#FFF; font-weight:bold;}


.cases{ clear:both;}
.cases li{ clear:both; margin-top:10px;}
.cases li img{ float:left; margin-right:20px; border:0px;}

.SubTit{ clear:both; height:35px; line-height:35px; text-indent:3em; font-size:14px; font-weight:bold; background:URL(../images/subTit.jpg) left top no-repeat; overflow:hidden; border:1px solid #e3e3e3;}
.SubTit span{ float:right; margin-right:10px; font-weight:normal; color:#666; font-size:12px;}
.SubTit span a{ color:#666;}

.subList{ clear:both; border:1px solid #CCC; padding:10px 0px;}
.subList li{ background:URL(../images/NewsIcon.jpg) left 8px no-repeat; text-indent:1em; border-bottom:1px dashed #CCC; margin:0px 10px;}


.SubContent{ clear:both; padding:10px; border:1px solid #e3e3e3; }

.SubNewsTit{ clear:both; font-size:16px; font-weight:bold; text-align:center; line-height:35px;}
.SubTitInfo{ clear:both; text-align:center; line-height:27px; margin-bottom:10px;}
.SubTitInfo span{ margin:0px 5px;}
.SubNewsContent{ clear:both; padding: 10px; border: 1px solid #e3e3e3;}

.SubPreNext{ clear:both; margin:10px; border-top:1px dashed #cdcdcd; padding-top:10px;}

.SubNews li{ border-bottom:1px dashed #e3e3e3; background:URL(../images/boxoff.gif) 7px 7px no-repeat; text-indent:2em;}
.SubNews li span{ float:right; margin-right:10px;}


.SubNewsList{
	clear:both;
}
.SubNewsList li{
	text-indent:2em;
	line-height:32px;
	border-bottom:1px dashed #e3e3e3;
	background:URL(../images/NewsIcon.gif) 5px 12px no-repeat;
}
.SubNewsList li span{
	float:right;
	margin-right:20px;
}


.SubProPicimg{
	border:1px solid #666;
	 max-width: 173px; max-height: 173px;
}
.page{ clear:both; margin:10px 0px; height:38px; text-align: center;}
.page li{ float:left; margin-left:8px;}
.page li.thisclass{ font-weight:bold;}


.SubMerber{ width:160px; overflow:hidden;line-height:32px;}
.SubMerber img{ border:1px solid #CCC; padding:1px; width:156px;}

.SubPicList{ clear:both;}
.SubPicList li{ clear:both; margin-bottom:10px;}
.SubPicList li img{ border:1px solid #CCC; padding:1px; float:left; margin-right:10px;}
.SubPicList li span{ margin-right:10px;}


/* scroll start */
.grow {
	width:680px;
	margin:0px auto;
	overflow:hidden;
}
.grow2 {
	width:auto;
	height:auto;
	font-size:12px;
	float:left;
	overflow:hidden;
}
.grow li{
	float:left;
	margin:0px 6px;
	text-align:center;
	list-style:none;
	padding:0px;
}
.grow li span{ clear:both; display:block;}\
.grow li a{ color:#000;}
.grow img{
	height:140px;
	border:none;
	padding:1px;
}
.scroll{ width:400%; }
/* scroll end */
.anylinkcss01 {
	z-index:100;
	position:absolute;
	line-height:34px;
	height:34px;
	margin-top:0px;
	visibility:hidden;
}
.anylinkcss01 ul {
	margin:0px;
	padding:0px;
}
.anylinkcss01 li {
	margin-right:15px;
	list-style:none;
	float:left;
}
/* tabchang start */
#main2 ul{display: none;}
#main2 ul.block{display: block;}