/*公共样式*/
* { margin: 0px; padding: 0px; }
a { color: #666; text-decoration: none; outline:none; }
a:hover { text-decoration: none; color: #f60; }
a:active { text-decoration: none; color: #f60; star:expression(this.onFocus=this.blur());
}
img { border:0; }
.yellow { color:#FE9D03; }
.blue{ color:#12C5FF; }
body { overflow-x:hidden; background-color:#fff; color: #555; font-size: 12px; font-family: "宋体"; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; font-family: "宋体"; list-style:none; }
/*首页样式*/
.head {  min-width: 1240px;  }
.top { min-width: 1240px; height:117px; background-color:#000000; }
.topitem{ min-width: 1240px; height:95px; padding-top:25px; background:url(../images/topbg.jpg) no-repeat center top; }
.menu { min-width: 1240px; height:30px; background-color:#515151; }
.menu ul { width: 980px; margin:0 auto; display: block; }
.menu ul li { color: #FFF; line-height:30px; float: left; width:138px; text-align:center; font-size:16px; font-weight:bold; }
.menu ul li a{color: #FFF;}
.cur {  float: left; width: 138px; background-color:#A8A8A8;}
.norm { background:url(../images/menuline.jpg) no-repeat right center; }
.banner { min-width: 1240px; height:354px; background:url(../images/bannerbg.jpg) no-repeat center top; }
.banner ul { width: 800px; padding-left:180px; padding-top:37px; margin:0 auto; }
.banner ul dl { float: left; height: 150px; width: 178px; padding-top: 30px; text-align:center; margin-right:60px; }
.baname { font-size: 30px; font-weight: bold; color: #F0AD08; }
.baname a{color: #F0AD08;}
.topmid { width: 980px; margin:0 auto; }
.topmid ul { float: left; width: 980px; }
.logo { float: left; padding-top: 26px; }
.logo span { float: left; }
.topright { float: right; width: 496px; padding-top: 35px; }
.topright dl { float: right; margin-left: 40px; text-align: center; }

.qun dl { float: right; height: 60px; width: 69px; padding-top:9px; text-align:center; margin-left:52px; background:url(../images/QU.png) no-repeat left center; }
.quname { padding-top: 5px; color: #FFF; }
.quname a{color: #FFF;}
.quname a:hover{ color: #FF0; }
.main { min-width: 1240px; }
.mainback { float: left; width: 100%; background:url(../images/back1.jpg) repeat left top; }
.mainbackp { float: left; width: 100%; background:url(../images/bodybg.png) repeat-x left top; }
.mainbackhs { float: left; width: 100%; background-color:#F3F9F9; }
.mainmid { width: 980px; margin: 0px auto; }
.content { float:left; width: 980px; padding:60px 0; }
.contblock { float:left; width: 980px; }
.title { font-size: 24px; color: #000; padding-bottom: 12px; text-align:center; }
.title h1 { height: 63px; background:url(../images/titleline.png) no-repeat center bottom; font-size:40px; font-weight:bold; color:#00B0F6; }
.title h1 a{  color:#00B0F6; }
.title h1 a:hover{  color:#f60; }
.title h2 { padding-top: 30px; font-size: 20px; font-weight: bold; color: #929AA0; }
.title h2 a{color: #929AA0;}
.title h2 a:hover{  color:#f60; }
.title h3 { padding-top: 18px; font-size: 33px; }
.title h3 a { color: #484F52; }
.title h3 a:hover{  color:#f60; }
.produlh { float: left; width: 980px; padding:30px 0; }
.produlh ul{float: left; width: 980px; padding:15px 0;}
.produlh dl { float: left;  width: 285px; margin-right:62px; display: block; }
.ppic { background-color: #FFF; float: left; height: 190px; width: 285px; text-align:center; padding-top:6px; }
.ppic:hover{background-color: #282828;}
.pbg { float: left; height: 148px; width: 250px; padding:0 15px 0 20px; background-color: #282828; }
.pbg:hover { float: left; height: 148px; width: 250px; padding:0 15px 0 20px; background-color: #3A9CC9; cursor:pointer;}
.pbname { font-size: 18px; font-weight: bold; color: #FFF; padding-top:12px; }
.pbname a{ color: #FFF;}
.pbitem { height: 40px; }
.pz { float: left; height: 59px; width: 63px; text-align:center; padding-top:10px; position: absolute; margin-left:0px; margin-top:-29px; background:url(../images/lhicon2.PNG) no-repeat left center; font-size: 38px; font-weight: bold; color:#42B3E5; }
.pz:hover{ float: left; height: 59px; width: 63px; text-align:center; padding-top:10px; background:url(../images/lhicon1.PNG) no-repeat left center;}
.pimg { float: right; padding-top: 8px; }
.pbtext { padding-top: 15px; color: #FFF; }
.pbtext a{color: #FFF;}
.server { width: 980px; float: left; }
.server ul { float: left; width: 980px; padding:30px 0; }
.server ul dl { display: block; float: left; width: 218px; text-align: center; margin-right:35px; }
.sepic { height: 88px; width: 118px; padding-top:30px; background:url(../images/sevqu.png) no-repeat center center; margin:0 auto; }
.sepic:hover{height: 88px; width: 118px; padding-top:30px; background:url(../images/sevqu2.png) no-repeat center center; margin:0 auto;}
.sename { font-size: 20px; font-weight: bold; padding:18px 0 22px 0; }
.secont { text-align: left; line-height: 22px; }
/*STRTitle */
.STRTitle { width:980px; margin: 0 auto;  }
.STRTitle ul { float: left; width: 980px;  padding:34px 0;}
#STR0 dl { float: left; width: 980px; }

.STRTitle ul li { float: left;  line-height: 35px; height: 35px; font-size: 22px; font-weight: bold; background: url(../images/line.png) no-repeat right center; padding:0 20px; }
.STRTitle ul .active {  text-align: center; cursor:pointer; cursor: hand; color:#0EB493;   }
.STRTitle ul .normal {  text-align: center; cursor:pointer; cursor: hand; }
#STR0_strategy0, #STR0_strategy1, #STR0_strategy2, #STR0_strategy3 { float: left; width: 980px; line-height:150%; color:#999; padding-bottom:15px; }
.caselist { float: left; width: 980px; }
.caselist ul { float: left; width: 980px; padding-top:40px; }
.caselist ul dl { float: left; width: 283px; margin-right:65px; }
.capic { float: left; width: 283px; height: 203px; text-align:center; padding-top:3px; background:url(../images/casebg2.png) no-repeat top center; }
.capic:hover{background:url(../images/casebg1.png) no-repeat top center; cursor:pointer;}
.caname { float: left; width: 283px; font-size: 14px; font-weight: bold; color: #282828; background:url(../images/jt.png) no-repeat right center; }
.caname a:hover{float: left; width: 283px; color:#00B0F6; font-size: 15px; background:url(../images/jt2.png) no-repeat right center;}
.youshi { float: left; width: 980px; color:#444; }
.youleft { float: left; width: 282px; }
.youmid { float: left; width: 330px; padding-left: 50px; }
.younews { width: 330px; padding-top: 23px; }
.younews dl { padding-top: 24px; }

.yname { font-size: 14px; font-weight: bold; padding-left:15px; background:url(../images/yicon.jpg) no-repeat left center; }
.ytext{padding-left:15px; line-height:22px;}

.youtitle { font-size: 24px; font-weight: bold; color: #484F52; }
.youconA { padding-top: 33px; }
.youconA p { line-height: 22px; padding-top: 12px; }
.youright { float: right; width: 276px;  }
.yjl{padding-top: 23px;}
.yjl dl { width: 276px; float: left;  padding-top: 14px; }




.youbut{ padding-top:12px;}
.ypic { float: left; padding-right: 8px; }
.ycont { line-height: 22px; }



.footer { min-width: 1240px; clear: both; height: 160px; }
.footerback { float: left; width: 100%; padding:30px 0 0 0; height:122px; color: #FFF; background-color:#000; }
.footerback ul { width: 980px; margin:0 auto; }
.fotleft { float: left; width: 614px; line-height: 24px; padding-top:22px; }
.fotright { float: right; width: 253px; text-align: right;  }
.fotright p{line-height: 160%;}.class { float: left; width: 980px; }


/*jsclass*/
.TabTitle { float: left; width: 980px; }
#proTab0 { float: left; width: 980px;  }

.TabTitle li { float: left; line-height: 35px; height: 35px; font-size: 18px; font-weight: bold; background: url(../images/line.png) no-repeat right center; padding:0 15px 0 0; display: block; margin-right:15px; }
.TabTitle .active {  cursor:pointer; cursor: hand; color:#0EB493;  }
.TabTitle .active a{color:#0EB493;}
.TabTitle .normal { cursor:pointer; cursor: hand; color:#000; }
.TabTitle .normal a{color:#000;}
.TabContent { float: left; width: 980px; margin-bottom:20px; }
.TabContent #proTab0_Content0, .TabContent #proTab0_Content1, .TabContent #proTab0_Content2, .TabContent #proTab0_Content3 { float: left; width: 980px; padding-top: 10px; }

/*productcok*/
.productcok { width:980px; float:left; }
#Content {float:left; width: 980px; height: 760px; _margin: 10px 5px 0px 5px; /* CSS Hack For IE6 */ overflow: hidden; text-align: left; padding-top: 10px; }
.but { padding-top: 10px; }
.but a { height: 19px; width: 19px; white-space: nowrap; background:#FC4F02; border:1px #FC4F02 solid; padding-right: 5px; padding-left: 5px; font-weight: bold; color: #fff; text-decoration: none; }
.but a:hover { height: 19px; width: 19px; white-space: nowrap; background:#fff; border:1px #FC4F02 solid; padding-right: 5px; padding-left: 5px; font-weight: bold; color: #f60; text-decoration: none; }
#Pages { height: 20px; text-align: left; padding:20px 0 0 350px; width: 630px; float: left; border-top:1px #CCC solid; font-family: Arial; }
.product { width:980px; float:left; background:url(../images/classline.jpg) repeat-x left bottom; padding:0 0 12px 0; }
.blutitle { float: left; width: 980px; padding:25px 0; }
.titleleft { float: left; width: 378px; }
.entitle { font-size: 60px; font-family: Arial; color: #32353C; float: left; }
.bigfont { font-size: 30px; font-weight: bold; padding-top: 4px; color: #32353C; }
.bigfont span { color: #4DA105; }
.smallfont { font-size: 14px; font-weight: bold; color: #666; }


.titleright { height:52px; line-height:52px; padding-left:45px; font-size:18px; font-weight:bold; float: left; background:url(../images/linefont.png) no-repeat left center; width: 557px; margin-top:8px;}
.titleright ul li { padding-right: 11px; float: left; }



/*num*/
.num { width:980px; float:left; padding-top:25px; border-top:1px solid #CCC; }
.num ul { width:305px; float:left; padding-left:450px; }
.num ul li { width:26px; float:left; }
.num ul li a { width:19px; height:19px; line-height:19px; float:left; background:url(../images/numor.jpg) no-repeat left center; text-align:center; font-weight:bold; color:#009FFF; font-family:Arial; }
.num ul li a:hover { width:19px; height:19px; line-height:19px; float:left; background:url(../images/numcur.jpg) no-repeat left center; text-align:center; font-weight:bold; color:#fff; font-family:Arial; }
.num ul .nucur a { width:19px; height:19px; line-height:19px; float:left; background:url(../images/numcur.jpg) no-repeat left center; text-align:center; font-weight:bold; color:#fff; font-family:Arial; }

/*caseprodu*/
.caseprodu { float: left; width: 980px; }
.caseprodu  dl { float: left; width: 283px; padding-right:65px; height:257px; display: block; }
.propic { float: left; width: 283px; height: 203px; text-align:center; padding-top:3px; background:url(../images/casebg2.png) no-repeat top center; }
.propic:hover{background:url(../images/casebg1.png) no-repeat top center; cursor:pointer;}
.proname { float: left; width: 283px; font-size: 14px; font-weight: bold; color: #282828; background:url(../images/jt.png) no-repeat right center; }
.proname a:hover{float: left; width: 283px; color:#00B0F6; font-size: 15px; background:url(../images/jt2.png) no-repeat right center;}
.about { float: left; width: 980px; font-size: 15px; }
.about p { padding-bottom: 32px; }
.about p span { float: right; }
.about p font { color: #F60; }
.addlink { float: left; width: 980px; padding:25px 0; margin-top:50px; border-top:1px solid #CCC; font-size:16px; font-weight:bold; color:#5F9C27; }
.addlink a{color:#5F9C27;}
.addlink a:hover{color:#f60;}
.dexq { float: left; width: 980px; }
.deproduct { float: left; height: 373px; width: 475px; text-align:center; padding-top:20px; background:url(../images/picbg_r2_c2.jpg) no-repeat left top; }
.Idea { line-height:150%; font-size:14px; text-align: left; padding-top: 30px; float: left; width: 980px; }
.Idea h1 { font-size: 16px; font-weight: bold; color: #000; padding-bottom: 10px; }


.dead { float: right; width: 460px; font-size:14px; }
.dead dl { width:460px; float:right; border-bottom:#CCC 1px solid; padding:14px 0; }
.dead dl .dpic { width:70px; height:60px; float:left; }
.dead dl .dtitle { font-weight:bold; padding-bottom:8px; color: #000; }
.ycont p { padding: 10px 0; }
.view { float: left; width: 980px; }
.view dl { float: left; width: 276px; padding-right: 50px; }
.view ul { float: left; width: 980px; }
.youtitle span { color: #F60; }