@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 { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {}
menu,ol,ul {list-style:none;}
a{text-decoration:none } a:hover{text-decoration:none}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{ clear:both}
.fl{ float:left;}
.fr{ float:right; }
.fb{ font-weight: bold}
.fc14{ font-size: 14px}
.wrap{ margin: 0 auto; width: 1000px}

/* page */
*{ margin: 0; padding: 0}
body{ margin: 0; padding:0; font: 14px/22px Arial,"宋体","微软雅黑"; color: #000; background: url(../images/bodyBg.gif) repeat-x}
.headTxt{ height: 31px; overflow: hidden; line-height: 31px}
.icoImg1{ float: left; margin: 8px 5px 0 0; width: 16px; height: 17px; background: url(../images/icoImg.gif) no-repeat 0 0}
.headTxt p a{ padding-left: 20px; display: inline; float: left; color: #000; font-size: 12px; line-height: 35px}
.headTxt p a:hover{ color: #00a743}
.headTxt p i{ font-style: normal; font-weight: bold; float: left}
.banner{ margin-top: 2px; width: 100%; height: 296px}
.banner ul{ width: 100%; height: 296px; overflow: hidden}
.banner ul li{ float: left;  width: 100%; height: 296px}

#troubleBox{ height: auto}
.h2{ height: 49px; line-height: 49px; font-size: 25px; font-family: "微软雅黑"; font-weight: normal}
.bigPic1{ margin: 20px auto; width: 990px; height: 290px; background: url(../images/img01.jpg) no-repeat; position: relative}
.bigPic1 a{ font-size: 14px; color: #665f5f; line-height: 21px}
.trouble0{ width: 265px; height: 60px; float: left; position: relative; top: 35px; left: 46px; white-space: nowrap; color: #665f5f; overflow: hidden}
.trouble1{ width: 265px; height: 60px; float: left; position: relative; top: 35px; left: 445px; white-space: nowrap; color: #665f5f; overflow: hidden}
.trouble2{ width: 265px; height: 60px; float: left; position: relative; top: 97px; right: 485px; white-space: nowrap; color: #665f5f; overflow: hidden}
.trouble3{ width: 265px; height: 60px; float: left; position: relative; top: 38px; left: 714px; white-space: nowrap; color: #665f5f; overflow: hidden}
.trouble5{ width: 265px; height: 52px; float: left; position: relative; top: 100px; right: 220px; white-space: nowrap; color: #665f5f; overflow: hidden}
.trouble6{ width: 265px; height: 52px; float: left; position: relative; top: 100px; left: 185px;  white-space: nowrap; color: #665f5f; overflow: hidden}
.trouble7{ width: 265px; height: 52px; float: left; position: relative; top: 110px; left: -220px;  white-space: nowrap; color: #665f5f; overflow: hidden}
.trouble8{ width: 265px; height: 52px; float: left; position: relative; top: 110px; left: 185px;  white-space: nowrap; color: #665f5f; overflow: hidden}
a.trouble4{color: #0c6eae}

#productDesBox{ width: 100%; height:968px; overflow: hidden}
.commTitle{ width: 100%; height: 52px; background: url(../images/commbg.gif) repeat-x}
.productContent{ margin: 20px auto; height: 985px; height: 968px; overflow: hidden}
.productTab{ float: left; width: 551px; height: 384px; background: url(../images/img02.jpg) no-repeat; position: relative}
.productImg{ margin: 20px 0 auto 0 }
#productDesBox dl{ width: 982px; height: 191px; float: left; margin-bottom: 30px; overflow: hidden}
#productDesBox dl dt{ float: left; width: 253px; height: 191px; background: #2787cb }
#productDesBox dl dt span{ margin: 80px 0 0 10px; display: inline; float: left}
#productDesBox dl dd{ float: left; width: 729px; height: 191px; background: #e5e5e5}
#productDesBox dl dd ul{ width: 669px; height: 131px; margin: 30px; overflow: hidden; color: #665f5f}
#productDesBox dl dd ul li{ margin-bottom: 15px; overflow: hidden}
.productBgl{ float: left; width: 8px; height: 191px; background: url(../images/img06.gif) no-repeat}
.productBgr{ float: right; width: 10px; height: 191px; background: url(../images/img07.gif) no-repeat}

#appValue{ margin-bottom: 20px; width: 100%; height: 625px; overflow: hidden}
.appValueBox{ margin: 20px auto 0 auto; width: 1000px; height: 625px}
#appValueList{ float: left; width: 605px; height: 625px}
#appValueList dl{ margin-bottom: 20px; float: left; width: 605px; height: 91px; background: #e5e4e4; color: #000; overflow: hidden}
#appValueList dl dd{ width: 505px; height: 70px; margin: 15px 0 0 10px; float: left}
#appValueList dl dd p{ padding-top: 5px; width: 530px; height: 42px; overflow: hidden}
#appValueList dl dd a{ color: #000}
#appValueList dl dd a:hover{ color: #665f5f; text-decoration: underline}
#appValueImg{ width: 385px; height: 535px; background: #e5e4e4}
.icoImg2{ float: left; width: 33px; height: 35px; background: url(../images/icoImg.gif) no-repeat -67px -51px; margin: 25px 0 0 15px; display: inline}
.icoImg3{ float: left; width: 27px; height: 34px; background: url(../images/icoImg.gif) no-repeat 0 -20px; margin: 30px 0 0 15px; display: inline}
.icoImg4{ float: left; width: 27px; height: 27px; background: url(../images/icoImg.gif) no-repeat 0 -54px; margin: 30px 0 0 15px; display: inline}
.icoImg5{ float: left; width: 31px; height: 29px; background: url(../images/icoImg.gif) no-repeat -33px 0; margin: 30px 0 0 15px; display: inline}
.icoImg6{ float: left; width: 37px; height: 29px; background: url(../images/icoImg.gif) no-repeat -63px 0; margin: 30px 0 0 15px; display: inline}
.icoImg12{ float: left; width: 27px; height: 27px; background: url(../images/icoImg.gif) no-repeat -36px -36px; margin: 40px 0 0 15px; display: inline}
.appImg{ margin: 70px auto 0 30px; width: 318px; height: 390px}
a.more{ width: 365px; display: block; text-align: right;  display: inline; color: #3091e6; margin: 40px 15px 0 0;text-decoration: underline}
a:hover.more{ color: #255889; text-decoration: underline}

#function{ width: 100%; height: 550px; overflow: hidden}
.functionBox{ margin: 20px auto; width: 1000px; height: 536px;}
#functionTab{ float: left; width: 604px; height: 536px}
#functionList{ width: 604px; height: 536px; float: left; overflow: hidden;}
#functionImg{ width:386px; height: 536px; float: right} 
#functionList li{ float: left; width: 589px; height: 53px; line-height: 53px; padding: 5px 10px 5px 5px; margin-bottom: 6px; background: #e5e4e4; overflow: hidden;}
#functionList li a{ color: #000;}
#functionList li a:hover{ color: #868686; text-decoration: underline}
.listNum1{ margin: 5px 5px 0 0; float: left; width: 36px; height: 41px; background: url(../images/num1.jpg) no-repeat } 
.listNum2{ margin: 5px 5px 0 0; float: left; width: 36px; height: 41px; background: url(../images/num2.jpg) no-repeat } 
.listNum3{ margin: 5px 5px 0 0; float: left; width: 36px; height: 41px; background: url(../images/num3.jpg) no-repeat } 
.listNum4{ margin: 5px 5px 0 0; float: left; width: 36px; height: 41px; background: url(../images/num4.jpg) no-repeat } 
.listNum5{ margin: 5px 5px 0 0; float: left; width: 36px; height: 41px; background: url(../images/num5.jpg) no-repeat } 
.listNum6{ margin: 5px 5px 0 0; float: left; width: 36px; height: 41px; background: url(../images/num6.jpg) no-repeat } 
.listNum7{ margin: 5px 5px 0 0; float: left; width: 36px; height: 41px; background: url(../images/num7.jpg) no-repeat } 

#sreachBox{ width: 385px; height: 339px;}
.sreachBoxTab{ padding: 20px 40px; width: 305px; height: 299px; background: #e5e4e4; text-align: center; color: #686868  }
.formTitle{ margin-bottom: 30px; /*overflow: hidden; */color: #000; font-size: 16px}
.icoImg10{ width: 21px; height: 21px; float: left; background: url(../images/icoImg.gif) no-repeat -33px -78px; position: relative; left: 100px}
.sreachLink{ float: right; width: 385px; height: 30px}
a.more1{  color: #3091e6; text-decoration: underline; font-weight: bold; margin: 10px 0 0 0 }
a:hover.more1{  color: #255889; text-decoration: underline}



#soft{ margin: 5px auto 10px auto; width: 100%; height: 288px; overflow: hidden}
.softCompany ul{ width: 1000px; height:120px; overflow: hidden}
.softCompany p{ height: 35px; line-height: 35px; color: #404040; width: 1000px; white-space: nowrap; overflow: hidden }
.softCompany li{ float: left; width: 160px; height: 100px; text-align: center; margin-right: 40px; margin-bottom: 20px; display: inline }
.softCompany li a{ color: #8a8a8a}
.softCompany li a:hover{ color: #000; text-decoration: underline}
.softCompany li img{ margin-bottom: 5px; width: 160px;  width:expression(document.body.clientWidth > 160? "160px":"auto" );}
.softCompany li p{ width: 160px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis}


#footer{ float: left; width: 100%; height: 64px;  float: left; background: url(../images/footerBg.gif) repeat-x; font-size: 12px}
.footInforLink{ margin: 20px auto 0 auto; width: 1000px;}
.footInforLinkL{ float: left; width: 400px}
.footInforLinkL a{ color: #4d4d4d}
.footInforLinkL a:hover{ text-decoration: underline}
.footInforLinkR{ width: 550px; float: right;}


#consultBox{ width: 774px; height: 295px;  float: left}
.consultTitle{ float: left; width: 774px; height: 31px;}

.consultTxt{ width: 18%; text-align: center; float: left; line-height: 31px; }
.marginT{ margin-top: 3px;}
.consultPoct{ float: left; width: 1000px; overflow: hidden}
.s ul{ display: none; margin-left: 1px; display: inline;  float: left; width: 980px; padding: 10px 10px 0 0;  overflow: hidden }

.s ul.blocks{ display: block;  float: left;  width: 1000px;  overflow: hidden; margin-bottom: 20px }
.s .blocks1, .s .blocks2, .s .blocks3 , .s .blocks4, .s .blocks5, .s .blocks6, .s .blocks7{ display: none; float: left;  width: 1000px; height:130px; overflow: hidden; margin-bottom: 10px  }
.consultPoct .nav0{ margin: 0 auto 0 auto; width: 1000px; height: 40px; line-height: 40px; background: #f4f4f4}
.nav0 li{float: left; width: 57px; height: 31px; display: inline; text-align: center; line-height: 31px; cursor: pointer; margin-top: 5px}
.nav0 li a{ font-size: 12px; margin-top: 0; color: #636363; width: 78px; height: 30px; line-height: 30px; display: inline-block; text-align: center}
.nav0 li a:hover{ color: #e00003}
.nav0 li.hover{ width: 78px;height: 30px;  background: #49acea; color: #fff}


/* function */
#subfunction{ width: 100%; height: auto; overflow: hidden}
.subfunctionBox{ margin: 20px auto 0 auto; width: 1000px;}
#subfunctionTab{ float: left; width: 1000px; height: auto}
#subfunction table{ width: 100%; border-collapse: collapse}
#subfunction table, th, td{ border:1px solid #d1dad2; color: #fff}
#subfunction table, td{ height: 30px; line-height: 30px}
#subfunctionTab .subfunctionTab td{ color: #000}
#subfunction table td{ text-align: center}
.subtableHeadTitle{ width: 1000px; height:40px; line-height: 40px; color: #fff; background: #26a732; text-align: center}
.functionDesTab td{ color: #000}
.kb{ float: left; width: 100px; height: 30px; line-height: 30px;  text-align: center;}
.kb1{ float: left;  width: 60px; height: 30px; line-height: 30px; text-align: center;}

.morePos{ position: relative; top: -30px; left: -200px}
.morePos1{  position: relative; top: -50px; left: -200px}
.black{ color: #000}

.action{ margin: 20px auto 20px auto; width: 1000px; height: auto; float: left}
.icoImg11{ float: left; width: 18px; height: 18px; background: url(../images/img01.gif) no-repeat}
.action ul{ margin: 10px;}
.action li{ font-weight: bold}

/**选型结果样式**/
.xx_c {width:305px; float:left; margin:0; padding:0;}
.tit {width:305px; height:45px; background:url(../images/xx_title.gif) no-repeat left; color:#4780B7; font-size:16px; font-weight:bold; line-height:45px; text-align:left; text-indent:20px; float:left;}
.tit a {color:#4780B7; font-size:16px; font-weight:bold;}
.tit a:hover {text-decoration:underline;}
.mid {width:305px; height:auto; background:url(../images/xx_mid.gif) repeat-y; font-size:12px; text-align:left; float:left;}
.mid p {padding:10px 20px;}
.bott {width:305px; height:11px; background:url(../images/xx_bottom.gif) no-repeat; float:left;}
.jianjie {font-size:14px; font-weight:bold; color:#333; line-height:70px;}
.jianjie:hover {color:#000; text-decoration:underline;}
.searBtn{ margin: 15px auto 0 20px; color: #fff; font-size: 16px; font-weight: bold; cursor: pointer; float:left; border:0; background-color:transparent; width:165px; height:35px; background:#2EB956; display:block; line-height:35px;}
.searBtn2{ margin: 15px auto 0 70px; color: #fff; font-size: 16px; font-weight: bold; cursor: pointer; float:left; border:0; background-color:transparent; width:165px; height:35px; background:#2EB956; display:block; line-height:35px;}


/**漂浮**/
#KeFuDiv{ display:block; position:fixed; _position:absolute; right:0.5%; top:382px; z-index:9999; _left:expression(eval(document.documentElement.scrollRight)); _top:expression(eval(document.documentElement.scrollTop+382)) }
#KeFuDiv a{cursor:pointer;}
#KeFuDiv img{ border:0;}
#KeFuDiv .hidediv{ width:28px; height:96px; display:none; }
#KeFuDiv .kfbox{width:136px;}

.sqzx_curr {display:block; width:136px; height:101px;}
.sqzx_curr a {background:ur(../images/xf_sqzx.gif) no-repeat; width:136px; height:101px;}
.sqzx_curr a:hover {background:url(../images/xf_sqzx_curr.gif) no-repeat; width:136px; height:101px;}

/**案例文字样式**/
.comName{color: #636363;}