﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } 
fieldset,img { border: 0; } 
address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; } 
ol,ul,dl,dd { list-style: none; zoom:1; } 
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;} 
q:before,q:after { content:''; } 
abbr,acronym { border: 0; }
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;
font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
/*-- All --*/
body{ color:#333; text-align:center;
	 font: normal 16px/200% "Microsoft YaHei",宋体,Tahoma,Helvetica,Arial,sans-serif; 
}
a{ color:#333; text-decoration:none; outline:none;}
a:hover {color:#c00; text-decoration:underline; }

/*-- Public --*/
.fl{ float:left !important; _display:inline; }
.fr{ float:right !important; _display:inline;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

html{ background:url(images/body.jpg) #AE0202 repeat-x 0 0;  }
body{ background:url(images/header.jpg) center 91px no-repeat; }
.siteWidth{ width:1200px;  margin:0 auto; overflow:hidden;  text-align:left; position:relative;   }
#content{ width:1120px; margin:0 auto; overflow:hidden;  background:#fff; padding:20px 40px; text-align:left; margin-bottom: 40px; position:relative; z-index:0; }

.banner{ height:558px; _height:470px;  }
#header{ verflow:hidden; position:absolute; width:100%; top:0; background:url(images/body.jpg) #AE0202 repeat-x 0 0; z-index:1;  }
#header .siteWidth{ height:91px; overflow:visible; }
#header .logo{ display:block; width:512px; height:44px;  position:absolute; top:22px; left:0; background:url(images/logo.jpg) no-repeat; }
#header .logo-dy{ display:block; width:92px; height:21px; line-height:21px; color:#B89249; text-align:center; position:absolute; top:90px; left:4px;
	font-size:12px; background:#000000; 
	-webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; 
	-webkit-transition:0.2s ease all;  
	-moz-transition:0.2s ease all;
	-o-transition:0.2s ease all;
	transition:0.2s ease all;
}
#header .logo-dy:hover{ width:102px; text-decoration:none; color:#fff;   }

#nav{ position:absolute; right:0; top:0;  padding-top: 24px;  }
#nav ul{ float:right;  position:relative; z-index:1; overflow:hidden;  font-size:20px; _font-weight:bold; }
#nav li{ float:left; left:auto; position:relative;  text-align:center; vertical-align:top; padding:4px 0 26px 0; _overflow:hidden; }
#nav li a{ color:#fff; display:block; float:left; height:37px; line-height:37px; padding:0 20px; 
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
	-webkit-transition:0.5s ease padding;  
	-moz-transition:0.5s ease padding;
	-o-transition:0.5s ease padding;
	transition:0.5s ease padding;
}
#nav li s{ display:block; width:0; height:0; font-size:0; line-height:0;   position:absolute; bottom:0; left:0; border-bottom:1px solid #CC6B36; border-top:1px solid #A55228; }

#nav li a:hover{ text-decoration:none; }
#nav li.on a{ padding:0 30px;  color:#9A0101; background:#F8A042;
	background: -webkit-gradient(linear,0 0,0 100%,from(#F3B659),to(#F8A042));
	background: -moz-linear-gradient(#F3B659, #F8A042);
	background: linear-gradient(#F3B659, #F8A042);
	background: -ms-linear-gradient(#F3B659, #F8A042);
	background: -o-linear-gradient(#F3B659, #F8A042);
	
	-webkit-box-shadow: #666 0 0 6px;
	-moz-box-shadow: #666 0 0 6px;
	box-shadow: #666 0 0 6px
}
#nav li.on s{ width:100%; }

/*#nav li.on{ width:110px; padding:4px 0 26px 0; background:url(images/navOn.jpg) 0 0 no-repeat;  }
#nav li.on a{ color:#9A0101;  } */
#navOn{ display:none; position:absolute; z-index:0; width:110px; height:67px; background:url(images/navOn.jpg) 0 0 no-repeat; top: 24px; left:0;   }




/* 产品概况 */
.gs dd{ margin-bottom:80px; text-align:center;  }
.gs .dd1 p{ text-indent:28px; margin-bottom:20px; text-align:left;  }
.gs .dd2{ padding:50px 0;margin-bottom:0; border:3px solid #E6E6E6; border-right:0; border-left:0; overflow:hidden;   }
.gs .dd2 h1{ font-size:36px; line-height:200%;  }
.gs .dd2 h2{ font-size: 26px; line-height:200%; }
.gs .dd2 .pic{ height:305px; background:url(images/page1-pic.jpg) center 20px no-repeat; padding-top:20px;  }
.gs .dd3 h1{ font-size:26px; line-height:200%;  }
.gs .dd3 h1 em{ color:#f00;  }
.gs .dd3 h2{ font-size:36px; line-height:200%; color:#999; padding-bottom:20px;  }
.gs .links ul{ overflow:hidden; text-align:center; font-size:0; margin-right:-20px;  }
.gs .links ul li{ display:inline-block; *display:inline; zoom:1; margin:0 7px 15px 7px;  height:44px; overflow:hidden;  vertical-align:top; }
.gs .dd4 h1{ font-size:36px; line-height:180%; }
.gs .dd4 ul{ overflow:hidden; margin-right:-40px; padding-top:30px;  }
.gs .dd4 ul li{ width:204px; overflow:hidden; float:left; margin-right:25px;  }
.gs .dd4 ul li a{ display:block; vertical-align:top; }
.gs .dd4 ul li p{ line-height:180%; padding-top:15px;   }
.gs .dd5{ padding-top:80px;  border-top:3px solid #E6E6E6; border-right:0; border-left:0; overflow:hidden;   }
.gs .dd5 .pic{ width:458px; float:left;    }
.gs .dd5 .con{ margin-left:500px; text-align:left;   }
.gs .dd5 .con h1{ font-size:26px; line-height:160%; padding-bottom:20px;  }
.gs .dd5 .con li{ list-style-type:disc; margin-left:20px;  }

.gs .dd6{ padding:50px 0 0; border-bottom:3px solid #E6E6E6;  overflow:hidden;  }
.gs .dd6 h1{ font-size:36px; line-height:200%;  }
.gs .dd6 h2{ font-size: 26px; line-height:200%; }
.gs .dd6 h2 strong{ background:#C00; color:#fff; padding:0 10px;   }
.gs .dd6 h3{ font-size: 18px; color: #999; text-align: center; padding-top:10px;  }
.gs .dd6 h3 a{display:inline-block; padding:0 20px; background:#c00;color: #fff;text-decoration:none;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;}
.gs .dd6 h3 a:hover{background:#000;-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;}
.gs .dd6 h4{ font-size:20px; line-height:200%;}
.gs .dd6 .intro{ padding:40px 0 40px 0; }
.gs .dd6 .intro p{ text-indent:2em; padding-top:20px; text-align:left;   }
.gs .dd6 .intro h4{ font-weight:bold; }

.gs .dd6 .ydspq{  padding:40px 0;  }
.gs .dd6 .ydspq h4{margin:0; padding:40px 0; background:#f0f0f0; color:#333;}
.gs .dd6 .ydspq h4 em{ display: block;margin: 20px auto;width: 500px;    }
.gs .dd6 .ydspq h4 em a{display:block;font-size:32px; background:#C00; color:#fff;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 20px 0;-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s; }
.gs .dd6 .ydspq h4 em a:hover{background:#000;text-decoration:none;-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;}
.gs .dd6 .ydspq h4 strong{ font-weight:bold; text-decoration:underline;}
.gs .dd6 .ydspq h4 a{color:#c00;}

.gs .case{margin:40px auto; width: 100%;padding-left: 30px;border-bottom: #ddd solid 3px;}
.gs .case h2 {font-size: 30px;line-height: 200%;margin-bottom: 20px;color: #999;}
.gs .newCase{}
.gs .newCase li{height:auto; overflow:hidden;margin-bottom: 40px;}
.gs .newCase li .pic{float:left;border: #ccc solid 1px;width: 210px;overflow: hidden;text-align: center;box-shadow: #ccc 0 0 8px;}
.gs .newCase li h3,.gs .newCase li .intro{margin-left:240px;}
.gs .newCase li h3{font-size:20px; font-weight: bold;}
.gs .newCase li .intro{font-size:14px;}

.gs .case .more {line-height: 180%;font-size: 14px;padding-left: 62px;background: url(images/page1-more.jpg) 0 3px no-repeat; margin:60px auto;}
.gs .case .more a {font-size: 12px;}



/* 产品亮点 */
.ld{ line-height:180%; text-align:left;   }
.ld .dd1{ }
.ld .dd1 a{ font-weight:bold; }
.ld .dd1 ul{ overflow:hidden; padding:20px 0; margin-right: -70px;   }
.ld .dd1 ul li{ width: 400px; padding-right: 70px;  padding-left:120px; float:left; position:relative;    }
.ld .dd1 ul li em{ position:absolute; left:0; top:0; display:block; width:110px; height:110px; background:url(images/page2-icon.png) 0 0 no-repeat;   }
.ld .dd1 ul li h3{ font:bold 18px/24px "Microsoft YaHei",SimHei; color:#D53131;  }
.ld .dd1 ul li p{ padding-top:10px; font-size:14px; line-height:160%;   }
.ld .dd1 ul li u{color:#086397;}
.ld .dd1 ul .li2 em{ background-position:0 -150px; }
.ld .dd1 ul .li3 em{ background-position:0 -300px; }
.ld .dd1 ul .li4 em{ background-position:0 -450px; }
.ld .dd1 ul .li5 em{ background-position:0 -600px; }
.ld .dd1 ul .li6 em{ background-position:0 -750px; }
.ld .dd1 ul .li7 em{ background-position:0 -900px; }
.ld .dd1 ul .li8 em{ background-position:0 -1050px; }
.ld .dd1 ul .li9 em{ background-position:0 -1200px; }
.ld .dd1 ul .li10 em{ background-position:0 -1350px; }
.ld .dd1 ul .li11 em{ background-position:0 -1500px; }
.ld .dd1 ul .li12 em{background:url(images/page2-icon2.png) 0 0 no-repeat;   }
.ld .dd1 .dd11{background:#c00; color:#ff9999; padding:5px 20px; width:250px; margin-top:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.ld .dd1 .dd11 a{color:#fff;}
.ld .dd1 .dd11c{background:#1e899c; color:#afecf7;}


.ld .dd2{ padding:40px 0 20px 0;  background:url(images/content.jpg) repeat-x 0 0 #fff; overflow:hidden;  }
.ld .dd2 ul{ width: 360px; float:left; margin-right:20px;   }
.ld .dd2 ul.last{ float:right; margin-right:0;  }
.ld .dd2 ul li{ padding:15px 20px; background:#F9F9F9; margin-bottom:20px;    }
.ld .dd2 ul li h3{ font-size:16px; line-height:24px;  padding-bottom:5px; padding-left:26px; background:url(images/page2-icon.png) 0 -2442px no-repeat; font-weight:bold;  
	overflow:hidden; cursor:pointer;	}

.ld .dd2 ul li:hover{background:#ffeaea;}


.ld .dd2 ul li h3 .more{ float:right; font-size:12px; color:#999;  }
.ld .dd2 ul li p{ font-size:14px; line-height:160%; color:#888; display:none;    }
.ld .dd2 ul li:hover p{color:#333;}
.ld .dd2 ul li.on h3 .more{ display:none;  }
.ld .dd2 ul li.on h3{ background-position:0 -2530px; }

/* .ld .dd2 ul .li2 h3{ background-position:0 -1698px; }
.ld .dd2 ul .li3 h3{ background-position:0 -1748px; }
.ld .dd2 ul .li4 h3{ background-position:0 -1798px; }
.ld .dd2 ul .li5 h3{ background-position:0 -1848px; }
.ld .dd2 ul .li6 h3{ background-position:0 -1898px; }
.ld .dd2 ul .li7 h3{ background-position:0 -1948px; }
.ld .dd2 ul .li8 h3{ background-position:0 -1998px; }
.ld .dd2 ul .li9{ display:none;  height: 270px; background: url(images/page2-icon.png) center -2042px no-repeat #F9F9F9;  }
 */

/* 产品功能 */
.gn{ line-height:160%; padding-bottom:20px;  background:#fff;    }
.gn dd{ /* width:1000px; */ margin:0 auto; text-align:left;    }
.gn h3{ font:normal 20px/120% "Microsoft YaHei"; color:#D53131; margin-bottom:10px;  _font-weight:bold;
	padding-left:30px; background:url(images/page3-icon.png) 0 5px no-repeat; 
}
.gn ul{ overflow:hidden;  }
.gn ul li{ float:left; width: 500px; padding: 30px 30px; overflow:hidden;   }
.gn .even{ background:#F5F5F5;  }

.gn .li2 h3{ background-position:0 -45px;  }
.gn .li3 h3{ background-position:0 -95px;  }
.gn .li4 h3{ background-position: 7px -148px;  }
.gn .li5 h3{ background-position: 0 -199px;  }
.gn .li6 h3{ background-position: 5px -245px;  }
.gn .li7 h3{ background-position:0 -295px;  }
.gn .li8 h3{ background-position: 0 -352px;  }
.gn .li9 h3{ background-position:0 -395px;  }
.gn .li10 h3{ background-position: 0 -450px;  }
.gn .li11 h3{ background-position: 0 -502px;  }
.gn .li12 h3{ background-position: 0 -550px;  }
.gn .li13 h3{ background-position: 0 -599px;  }
.gn .li14 h3{ background-position: 0 -649px;  }
.gn .li15 h3{ background-position: 0 -698px;  }
.gn .li16 h3{ background-position: 0 -748px;  }
.gn .li17 h3{ background-position: 0 -798px;  }
.gn .li18 h3{ background-position:0 5px;  }
.gn .li19 h3{ background-position: 0 -902px;  }
.gn .li20 h3{ background-position: 0 -949px;  }
.gn .li21 h3{ background-position: 0 -1002px;  }
.gn .li22 h3{ background-position:0 -1045px;  }
.gn .li23 h3{ background-position:0 -1095px;  }
.gn .li24 h3{ background-position: 0 -1147px;  }
.gn .li25 h3{ background-position: 0 -1201px;  }
.gn .li26 h3{ background-position: 0 -1249px;  }
.gn .li27 h3{ background-position:0 -1295px;  }
.gn .li28 h3{ background-position:0 -1345px;  }
.gn .li29 h3{ background-position:0 -1395px;  }
.gn .li30 h3{ background-position: 0 -1442px;  }
.gn .li31 h3{ background-position: 0 -1493px;  }
.gn .li32 h3{ background-position: 0 -1547px;  }

/* 运行环境 */
.yxhj{ background:#fff; padding:20px 0 40px 0;   }
.yxhj dd{ overflow:hidden;  }
.yxhj h3{ width:200px; font-size:26px; float:left;   }
.yxhj ul{ margin-left:200px;  width:900px; border:1px solid #E2E2E2;  }
.yxhj ul li{ height:34px;line-height:34px; font-size:14px;  }
.yxhj ul li.even{ background:#F2F2F2;  }
.yxhj ul li span{ display:inline-block; *display:inline; zoom:1; width:120px; text-align:center;  padding-right:10px; margin-right:10px;
	border-right:1px solid #E2E2E2; 
}

/* 安全性 */
.aqx{ padding:20px 0; text-align:left;   }
.aqx .dd1{ padding:10px 0;  /* width:1000px; */  margin:0 auto;  }
.aqx .dd1 h3{ padding-bottom:20px;  font-size: font-family:SimHei; font-size:22px; font-weight:bold; color:#AD0303;  }
.aqx .dd1 ul{ overflow:hidden; margin-right: -100px;  }
.aqx .dd1 li h4{ font-size:18px; padding-bottom:5px; font-weight:bold;  }
.aqx .dd1 li{ float:left; width: 390px; padding-left: 130px;  padding-right: 80px;  background:url(images/page4-icon.png) 0 0 no-repeat; }
.aqx .dd1 .li2{ background-position:0 -300px; }
.aqx .dd1 p{  padding-bottom:10px; line-height:150%; color:#666;    }


.aqx .dd2{ padding:30px 0;  background:url(images/content.jpg) repeat-x 0 0 #fff;  }
.aqx .dd2 h3{ padding:20px 0;  font-size: font-family:SimHei; font-size:22px; font-weight:bold; color:#AD0303;  }
.aqx .dd2 h4{  font-size:18px; padding-left:20px;   background: url(images/page4-icon.png) 0 -593px no-repeat;  }
.aqx .dd2 p{ color:#666;  }
.aqx .dd2 li{ padding-bottom: 30px;  }

.kzx{ padding:0;  }
.kzx .dd2{ background:#fff;  }


/* 产品先进性 */
.introQD{ padding:40px 0;  }
.introQD .hd{padding-bottom: 20px;}
.introQD .hd ul{height:auto; overflow:hidden; background:#fff;}
.introQD .hd li{float:left; height:36px; font: normal 16px/36px "微软雅黑"; color:#D53131; padding:0 20px; overflow:hidden; background:#e2e2e2; margin-right:1px; cursor:pointer}
.introQD .hd li.on{font-weight:bold; line-height:36px;  background: #AE0202;  color:#fff; cursor:auto;}
.introQD .hd li.on a { color: #fff; }
.introQD .productinfo .item { margin-bottom:40px;}
.introQD .productinfo .item h4 { font-size: 18px; line-height: 30px; font-weight: bold; }
.introQD .productinfo .item p {word-break:break-all;word-wrap:break-word; font-size: 14px; line-height:24px; }


/* 返回顶部 */

.goTop{ line-height: 140%; font-size: 12px; color:#fff; width:16px; padding: 26px 5px 10px 5px; overflow:hidden; display:block; 
	position:fixed; left:50%; margin-left: 600px; background: url(images/goTop.png) center 12px no-repeat #790000;
	cursor:pointer; display:none; bottom:372px;;
}
.goTop:hover{ color:#ff0; text-decoration:none;   }

.zoo{box-shadow: #999 0px 0px 5px;z-index: 20;background: white;font: 12px/20px "Microsoft Yahei",SimSun,Tahoma,Helvetica,Arial,sans-serif;}
.zoo ul{padding:10px 0;}
.zoo li{padding:2px 0 2px 5px;}
.zoo li:hover{background:#f0f0f0;}
