@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:Arial, "宋体"; line-height:24px; color:#444; background:#fff url(../images/bg.gif) repeat-x left top;}
img{border:none;}
ul,ol,li,dl,dt,dd{margin:0px; padding:0px; list-style-type:none;}
a{text-decoration:none; color:#000;}
a:hover{color:#000;}
h3 { text-align:center; padding:0; margin: 0 0 10px 0;}
h4 { font-size: 16px; color: #000; font-weight: bold; padding:0; margin:0;}
p,form { margin: 0; padding:0;}
.clear{clear:both; display:block; visibility: hidden; overflow:hidden; line-height:0; font-size:0;}
.wp{width:1000px; margin:auto;}
.marginTop { margin-top: 10px;}
.clearfix:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}

.top{height:100px;}
.logo{float:left; padding-top:32px; padding-left:16px;}
.load{float:right; line-height:12px; padding-top:22px; padding-right:16px; text-align:right;}
.load a{color:#222;}
.load span{display:block; padding-top:16px;}

.nav{height:34px; line-height:34px; background:url(../images/nav_bg.gif) no-repeat;}
#nav {padding-left:24px;}
#nav li{float:left; width:136px; text-align:center; line-height:34px; height:34px; background:url(../images/nav.gif) no-repeat left top; font-size:14px; font-weight:600;}
#nav li a{
	display:block;
	line-height:34px;
	color:#222;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#nav li a:hover{
	text-decoration:none;
	line-height:34px;
	color:#F3890C;
}
#nav .current a { color:#F3890C;}
#nav li.first{background:none;}

.banner{border-bottom:3px solid #018BD4; border-top:1px solid #fff;}

.main{margin-top:14px;}
.main_left{width:690px; float:left; background:url(../images/grey.gif) repeat-x left 10px; padding-top:10px;}
.main_right{width:258px; float:right; background:url(../images/shadow.gif) no-repeat left top; padding-left:30px;}

.title1{height:35px; line-height:29px; background:#F3A60C url(../images/angle.gif) no-repeat center bottom; text-align:center; width:121px; font-size:14px; font-weight:600;}
.product_list ul li{padding-top:12px; padding-bottom:20px; background:url(../images/shadow2.gif) no-repeat left bottom; vertical-align:top;}
.product_pic{float:left; width:126px; padding-right:2px; padding-bottom:2px; background:url(../images/pic_bg.gif) no-repeat right bottom; height:83px; padding-left:14px;}
.product_content{float:left; padding-left:12px; width:536px;}
.product_series{width:184px; height:22px; line-height:22px; background:#E1E1E1; padding-left:12px; font-size:14px; font-weight:600; margin-bottom:6px;}
.product_series a{background:url(../images/angle2.gif) no-repeat right center; padding-right:10px;}
.product_list2 ul li{background:url(../images/box.gif) no-repeat left center; padding-left:8px; float:left; padding-bottom:0px; padding-top:0px; width:170px; overflow:hidden; vertical-align:middle; height:22px; line-height:22px;}

.news_title{height:34px; background:url(../images/line.gif) repeat-x left bottom; position:relative;}
.news_title a{color:#177DCF; font-size:14px; font-weight:600; background:url(../images/line2.gif) no-repeat left bottom; line-height:34px; height:34px; position:absolute; z-index:1; padding-right:14px;}
.news_title span{position:absolute; right:2px; top:16px;}
.news_title span a{background:none; z-index:0; position:static; padding-right:0px;}

.news_list{padding-top:6px; padding-bottom:4px;}
.news_list ul li{line-height:24px; height:24px; border-bottom:1px dashed #999; position:relative; color:#D8B47A; font-size:10px;}
.news_list ul li span{position:absolute; left:72px; top:0px; font-size:12px;}
.news_list ul li span a{color:#444;}

.about{background:url(../images/company.gif) no-repeat left 8px; padding-left:90px; padding-top:8px; height:106px;}
.about a{color:#177DCF;}
.about span a{color:#F59B07;}

.contact_title{margin-top:12px; background:url(../images/shadow3.gif) no-repeat; height:34px; line-height:34px; padding-left:16px; font-size:14px; font-weight:600;}
.contact_title a{color:#177DCF;}
.contact td{vertical-align:top; line-height:14px; padding-top:12px;}

.foot{background:url(../images/foot_bg.gif) repeat-x left 4px; text-align:center; color:#777; padding-bottom:10px; margin-top:10px;}
.foot a{color:#777;}
.foot img{margin-bottom:10px;}
.foot strong a{color:#444;}
.foot strong{color:#444;}

/* 侧边栏 */
.slideshow{
	position: fixed;
	width: 40px;
	top: 50%;
	right: 0;
	z-index: 10;
}
.slideshow ul li{
	position: relative;
	width: 40px;
	height: 40px;
	margin-bottom: 5px;
}
.slideshow ul li .icon-img{
	width:40px;
	height:40px;
	background-color:#177DCF;
	background-repeat: no-repeat;
	background-size: 25px auto;
	background-position: center center;
	border-radius: 5px;
	cursor: pointer;
}
.slideshow ul li:hover .icon-img{
	background-color:#F59B07;
}
.slideshow ul li .hoverbox{
	top: 0;
	background: #fff;
	padding: 15px 10px 8px;
	position: absolute;
	right:58px;
	width: 170px;
	font-size: 12px;
	color: #444;
	border-radius: 5px;
	line-height: 28px;
	text-align: center;
	box-shadow: 0px 0 10px 0px rgb(0 0 0 / 28%);
	z-index: 1;
	display: none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.slideshow ul li .hoverbox img{
	width:80%;
	height: auto;
	margin-bottom: 5px;
}
.slideshow ul li .hoverbox p a{
	color: #444;
}
.slideshow ul li .hoverbox::after {
	content: "";
	position: absolute;
	top: 10px;
	right: -20px;
	border: 10px solid transparent;
	border-left: 10px solid #fff;
}
.slideshow ul li .hoverbox a:hover{
	color: #F59B07;
}
.slideshow ul li:hover .hoverbox{
	opacity: 1;
}
/*others */
.indexLeft { width:242px; height:345px; padding-top:33px; float:left; background:url(../images/indextitle1.jpg) no-repeat left top;}
	.indexLeft .cate { width: 222px; height: 322px; padding:5px 10px; overflow-y:scroll; overflow-x: auto; margin:0; background:#EDEDED url(../images/bg_indexcate.jpg) repeat-x;}
.indexBigRight { width: 745px; float:right;}
.indexCenter { width: 496px; float:left;}
.indexRight { width: 236px; float:right;}
.indexBox1 { background:url(../images/bg_indexbox1.jpg) no-repeat left top; width: 496px; height: 365px;}
.indexBox2 { background:url(../images/bg_indexbox2.gif) no-repeat left top; width: 486px; height: 163px; margin-top: 13px;}
.indexBox3 { height: 236px;}
.indexBox4 {margin-top: 13px;}

.indexTitle1 { color: #028BD3; position:relative; font-weight: bold; line-height:34px; height: 34px; padding-left: 20px;}
.indexTitle1 span { position:absolute; right:0; top:0; bottom: 0;}
.indexTitle1 span img { margin:12px 16px 0 0;}
.indexContent1 { padding-top:20px; text-align:center; float:left; width:490px;}

.indexTitle2 { position:relative; height: 30px;}
.indexTitle2 span { position:absolute; right:0; top:0; bottom: 0;}
.indexTitle2 span img { margin:9px 5px;}
.indexContent2 { padding: 0 20px;}

.indexTitle3 { color: #028BD3; position:relative; font-weight: bold; line-height:29px; border-bottom:1px solid #018BD4; height: 29px; padding-left: 35px; background:url(../images/icon1.gif) no-repeat 5px -1px;}
.indexTitle3 span { position:absolute; right:0; top:0; bottom: 0;}
.indexTitle3 span img { margin:9px 5px;}
.indexContent3 { padding: 5px 15px;}

.indexTitle4 { color: #028BD3; position:relative; font-weight: bold; line-height:29px; border-bottom:1px solid #018BD4; height: 29px; padding-left: 30px; background:url(../images/icon2.gif) no-repeat 10px 7px;}
.indexTitle4 span { position:absolute; right:0; top:0; bottom: 0;}
.indexTitle4 span img { margin:9px 5px;}
.indexContent4 {padding: 10px 15px 5px 15px;}

.indexTextList1 li { background: url(../images/icon4.gif) no-repeat left 8px; padding-left: 17px;}
.textList1 li { background: url(../images/icon4.gif) no-repeat left 8px; padding-left: 17px; border-bottom: 1px dashed #ccc; position:relative;}
.textList1 li span { position: absolute; right: 0; top:0; bottom:0;}

.left { width: 214px; border: 1px solid #D5D5D5; float:left; background:url(../images/bg_left.gif) repeat-x left top; min-height:392px;}
.bigRight { width: 774px; float:right; }
.center { width:754px; float: left; padding: 0 10px; background:url(../images/bg_content.gif) repeat-x left top; min-height:403px;}
.right { width: 196px; float: right;}
.leftTitle { background:url(../images/bg_lefttitle.gif) repeat-x left top; line-height: 34px;font-weight: bold; color: #018BD4;}
	.leftTitle img { margin-right: 10px;}
.position { position:relative; height: 33px; line-height: 33px; padding-left: 10px; border-bottom: 1px dashed #018BD4; color: #1192D7; font-size: 16px; font-weight:bold;}
.position span { position:absolute; right:0; top:0; bottom:0;font-size: 12px; font-weight: normal;}
.position span A,.position span A:hover{ font-size: 12px; font-weight: normal; line-height: 33px; color:#1192D7;}
.content { padding: 25px 0 15px 0;}
.border1 { padding: 2px; border:1px solid #ccc;}
.tels { padding:0 5px; border: 1px solid #ccc; background-color: #f4f4f4;}

.title2 A { font-weight: bold; font-size: 14px; margin-top: 10px;}
.textList2 { padding-left: 20px;}

.productNav {width:201px; margin-left:6px; margin-top:11px;}
.productNav ul li { margin-bottom: 8px;}
.productNav ul .cateName { display:block; background:#EEEEEE url(../images/bg_left_li.gif) repeat-x left top; border:1px solid #cccccc; line-height: 25px;}
.productNav ul .cateName A,.productNav ul .cateName A:hover { line-height: 25px;}
.productNav ul li ul { display:none;}
.productNav ul li ul li{border-bottom:1px dashed #C2C2C2; padding-left:29px; background:url(../images/icon1.gif) no-repeat 15px center; margin:0;}
.folder { margin-right: 5px; padding: 0 10px; background:url(../images/closefolder.gif) no-repeat center center;}
.folder:hover { text-decoration: none;}
.open { background:url(../images/openfolder.gif) no-repeat center center;}

.leftNav { }
	.leftNav ul { padding: 10px;}
	.leftNav ul li { background:url(../images/icon3.gif) no-repeat 10px 7px; border-bottom: 1px dashed #979CA2; padding-left: 35px;}

#tags { width: auto; height: 26px; margin-top: 20px;}
#tags li { float: left; margin-right: 3px;}
#tags li a { display: block; width: 104px; height: 26px; line-height: 26px; font-weight: bold; text-align: center; background:#DCEBF4; color: #0070b2;}
#tags li.selectTag a { background:#0070b2; color: #fff;}
#tagContent { border: 1px solid #0070b2; width: auto; height: auto; padding-bottom:10px;}
.tagContent { padding: 10px; width: auto; height: auto; display: none;}
#tagContent div.selectTag { display: block;}

.productNavTitle { background:url(../images/bg_title1.gif) no-repeat left top; padding-left: 40px; font-weight: bold; color: #fff; height: 30px; line-height: 30px;}
.productNavTitle A,.productNavTitle A:hover { color: #fff; line-height: 30px;}
.productNavList { padding: 15px 10px 5px 10px; background:url(../images/bg_list1.gif) repeat-y;}
.productNavList A,.productNavList A:hover { line-height: 18px;}
.productNavBottom { background:url(../images/conner1.gif) no-repeat left top; min-height:8px;}

#case{
padding-top:10px;clear:both;
}

#case ul{
margin-right:10px; float:left; margin-bottom:20px; padding-left:10px; width:122px;
}

#case ul li.tu{
width:122px; height:112px;display:block; background-image:url(../images/case-bg.gif); text-align:center; padding-top:3px;}

#case ul li.wenzi{
width:122px; line-height:12px;text-align:center; font:12px "宋体"; color:#999; height:24px;
}