@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 15px/200% "Microsoft YaHei",宋体,Tahoma,Helvetica,Arial,sans-serif; 
}
a{ color:#333; text-decoration:none; outline:none;}
a:hover {color:#3F97E9; text-decoration:underline; }

/*-- Public --*/
.fl{ float:left !important; _display:inline; }
.fr{ float:right !important; _display:inline;}


html{ background:url(images/html.jpg) #1A4473 repeat-x 0 0; }
body{ background:url(images/body.jpg) center 0 no-repeat; min-width:1200px;}
.siteWidth{ max-width: 1400px;min-width: 1200px;  margin:0 auto; overflow:hidden;  text-align:left; position:relative;   }


.banner{ height:496px; _height:405px;   }
#header{  background:url(images/html.jpg) #1A4473 repeat-x 0 0;  position:absolute; z-index:1; top:0; width:100%;   }
#header .headerIn{  background:url(images/body.jpg) center 0 no-repeat;   }
#header .siteWidth{ height:91px; overflow:visible;   }
#header .logo{ display:block; width:474px; height:79px;  position:absolute; top: 7px; left:0; background:url(images/logo.png) no-repeat; }
#header .logo-dy{ display:block; width:92px; height:21px; line-height:21px; color:#A7C1E9; text-align:center; position:absolute; top:90px; left:4px;
	background:#025EC6; 
	font-size:12px; 
	background: -webkit-gradient(linear,0 0,0 100%,from(#0071D1),to(#035CC5));
	background: -moz-linear-gradient(#0071D1, #035CC5);
	background: linear-gradient(#0071D1, #035CC5);
	background: -ms-linear-gradient(#0071D1, #035CC5);
	background: -o-linear-gradient(#0071D1, #035CC5);
	-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; padding-right:12px; }
#nav li{ float:left; left:auto; margin-right:10px;  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 #0065CC; border-top:1px solid #0065CC; }

#nav li a:hover{ text-decoration:none; }
#nav li.on a{ padding:0 30px;  color:#fff; background:#0C4FBA;
	background: -webkit-gradient(linear,0 0,0 100%,from(#096CCF),to(#0C4FBA));
	background: -moz-linear-gradient(#096CCF, #0C4FBA);
	background: linear-gradient(#096CCF, #0C4FBA);
	background: -ms-linear-gradient(#096CCF, #0C4FBA);
	background: -o-linear-gradient(#096CCF, #0C4FBA);
	
	-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;   }


#content{ padding:20px 0;  position:relative; z-index:0;}
#content .siteWidth{ background:#fff;  }


/* 产品概况 */
.gs{ padding:60px; background:#fff;    }
.gs dd{ padding-top:15px  }
.gs h3{ padding:0 10px;  font:bold 28px/300% "Microsoft YaHei";  border-bottom:1px solid #ECECEC;  _font-weight:bold;   }
.gs h4{ padding:0 10px;  font:bold 22px/300% "Microsoft YaHei";  border-bottom:1px solid #ECECEC;  margin-bottom:10px;  _font-weight:bold;  }
.gs .dd1{ padding-left:360px; background:url(images/page1-pic1.jpg) 10px center no-repeat;  }
.gs .dd1 p{ text-indent:32px; }
.gs .dd2 ul{ overflow:hidden; padding:10px;  }
.gs .dd2 ul li{ width:23%; float:left; overflow:hidden; padding-left:2%; background:url(images/icons.png) 6px 14px no-repeat;  }
.gs .dd4 .img{ height:230px; margin:15px 0;   background:url(images/page1-pic2.jpg) center 0 no-repeat; }

.gs .dd4{ margin-bottom:40px;  }
.gs .dd3{ margin:0px 0 40px;  }
.gs .dd0{ padding:50px 0 0 0 ; overflow:hidden;   }
.gs .dd0 h1{ font:bold 28px/200% "Microsoft YaHei";  padding-left:10px;  }
.gs .dd0 h2{ font:normal 22px/200% "Microsoft YaHei"; border-bottom:1px solid #ECECEC;  _font-weight:bold; margin-bottom:10px; padding:0 0 10px 10px;  }
.gs .dd0 .pic{ height:305px; background:url(images/page1-pic.jpg) center 20px no-repeat; padding-top:20px;  }
.gs .free{  vertical-align:top; padding:0 5px; background:#060; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; color:#fff; 
	font-size:9px; line-height:18px; margin-left:10px;  }

.gs .dd5{ background:#c1883b; margin-bottom:40px; color:#fff; text-align:center;position: absolute;left: 0;top: 1100px;width: 100%;height: 280px;}
.gs .dd5 h4{border:none; font: normal 50px/2em "微软雅黑";margin-top: 20px;}
.gs .dd5 p{font-size: 30px;color: #ffcc99;}
.gs .dd5 a{margin-top:30px; color: #000;display: inline-block;background: #fff;padding: 5px 30px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;}
.gs .dd5 a:hover{background:#000;color:#fff;text-decoration:none;-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;}


.gs .dd6{ padding:10px 20px 0px 20px;margin:360px 0 0px;   }
.gs .dd6 h4{text-align:center; color:#000; font-size:20px; margin:30px 0; font-weight:normal; border:none;}
.gs .dd6 h5{font-weight:bold;}
.gs .dd6 .intro{text-align:center;}
.gs .dd6 p{text-align:left; margin-top:30px;}
.gs .ydspq{  padding:40px 0;  }
.gs .ydspq h4{margin:0; padding:40px 0; background:#f0f0f0; color:#333;}
.gs .ydspq h4 a{color:#0265CA;}
.gs .ydspq h4 em{ display: block;margin: 20px auto;width: 500px;    }
.gs .ydspq h4 em a{ display: block; font-size:32px; padding: 15px 0;background:#0265CA; color:#fff;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; 
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;}
.gs .ydspq h4 em a:hover{background:#000;color:#fff;text-decoration:none;-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;}
.gs .ydspq h4 strong{ font-weight:bold; text-decoration:underline;}

/* 产品亮点 */
.ld{ line-height:180%; overflow:hidden;  padding:20px 60px 60px 60px;  }
.ld h3{ font:bold 24px/250% "Microsoft YaHei";   _font-weight:bold; }
.ld dd{  padding:40px 20px;  }
.ld .dd0{ padding:40px 370px 0 20px;  background: url(images/page2-pic0.jpg) 95% center no-repeat #fff;  }
.ld a{ font-weight:bold; color:#0265CA;  }

.ld .dd02{ background:#c1883b; color:#ffcc99; padding:10px 15px;width:260px;margin:30px 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.ld .dd02 a{color:#fff; text-decoration:underline;}
.ld .dd02 a:hover{color:#000;}


.ld .dd1{ padding-right:450px; background:url(images/page2-pic1.jpg) right center no-repeat #fff;  }
.ld .dd2{ padding-left:360px; background:url(images/page2-pic2.jpg) left center no-repeat #fff;  }
.ld .dd3{ padding-right:450px; background:url(images/page2-pic3.jpg) right center no-repeat #fff;  }
.ld .dd4{ padding-left:360px; background:url(images/page2-pic4.jpg) left center no-repeat #fff;  }
.ld .dd5{ background:#fff;   }
.ld .dd5 p{  padding-right:450px; background:url(images/page2-pic5.jpg) right center no-repeat #fff; }
.ld .dd6{ padding-left:360px; background:url(images/page2-pic6.jpg) left center no-repeat #fff;  }
.ld .dd7{ padding-right:450px; background:url(images/page2-pic7.jpg) right center no-repeat #fff;  }
.ld .dd8,.ld .dd9,.ld .dd10{ background:#fff; width:28%; float:left; height:326px; margin-right:20px; overflow:hidden; margin-bottom:0   }
.ld .dd8 h3,.ld .dd9 h3,.ld .dd10 h3{ line-height:120%; margin-bottom:10px;   }
.ld .dd8 p,.ld .dd9 p,.ld .dd10 p{ text-indent:30px; line-height:160%;  }
.ld .dd10{ margin-right:0;  }

.ld .dd11 {padding-left:360px;position: relative;background: url(images/page2-pic11.jpg) 0px bottom no-repeat;}
.ld .dd11 .dd111{ background:#1e899c; color:#ffcc99; padding:10px 15px;width:260px;margin:15px 0 0; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.ld .dd11 .dd111 a{color:#fff; text-decoration:underline;}
.ld .dd11 .dd111 a:hover{color:#000;}
.ld .dd11 u{color:#086397;}



/* 产品功能 */
.gn{ line-height:160%; padding:60px; overflow:hidden;   }
.gn h3{ font:bold 24px/120% "Microsoft YaHei"; margin-bottom:10px;  _font-weight:bold;  }
.gn dd{ margin-bottom:20px; padding:20px; background:#fff; width: 27%; float:left; height:376px; margin-right: 40px; overflow:hidden;  }
.gn dd.noMr{ margin-right:0  }
.gn .last{ width:100%; color:#c00; height:24px;  margin-bottom:0;   }

/* 运行环境 */
.yxhj{ background:#fff; padding:10px 0 0 0;   }
.yxhj ul{ 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; 
}

/* 产品先进性 */
.introQD{ padding:40px 60px;  }
.introQD .hd{padding-bottom:30px;}
.introQD .hd ul{height:auto; overflow:hidden; background:#fff;}
.introQD .hd li{float:left; height:36px; font: normal 16px/36px "微软雅黑"; color:#0C55BE; padding:0 20px; overflow:hidden; background:#e2e2e2; margin-right:1px; cursor:pointer}
.introQD .hd li.on{font-weight:bold; line-height:36px;  background: #0C55BE;  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 #0170D0;
	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;}