@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; background: #3a3644}
.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: 843px; height: 290px; background: url(../images/img01.jpg) no-repeat; font-size: 14px; color: #665f5f; line-height: 21px; position: relative}
.trouble0{ width: 260px; height: 60px; float: left; position: relative; top: 10px; left: 53px; overflow: hidden}
.trouble1{ width: 260px; height: 60px; float: left; position: relative; top: 18px; left: 315px; overflow: hidden}
.trouble2{ width: 260px; height: 60px; float: left; position: relative; top: 112px; right: 470px; overflow: hidden}
.trouble3{ width: 260px; height: 60px; float: left; position: relative; top: 52px; left: 570px; overflow: hidden}
.trouble5{ width: 340px; height: 60px; float: left; position: relative; top: 175px; left: 0px; overflow: hidden}
.trouble4{ width: 90px; height: 52px; float: left; position: relative; top: 35px; right: 226px}
a.trouble4{color: #0c6eae}

#productDesBox{ width: 100%; height: 495px; overflow: hidden}
.commTitle{ width: 100%; height: 52px; background: url(../images/commbg.gif) repeat-x}
.productContent{ margin: 30px auto 40px auto; height: 985px; height: 356px; overflow: hidden}
.productTab{ float: left; width: 551px; height: 353px; background: url(../images/img02.jpg) no-repeat; position: relative}
.productTab .p1{ width: 260px; height: 50px; color: #025d79; overflow: hidden; position: relative; left: 60px; top:40px}
.productTab .p2{ width: 260px; height: 50px; color: #025d79; overflow: hidden; position: relative; left: 60px; top:65px}
.productTab .p3{ width: 260px; height: 50px; color: #025d79; overflow: hidden; position: relative; left: 60px; top:75px}
.productTab .p4{ width: 260px; height: 50px; color: #025d79; overflow: hidden; position: relative; left: 60px; top:100px}
.productTxt{ float: right; width: 351px; height: 362px;  color: #665f5f; overflow: hidden}
.productTxt b{ height: 30px; line-height: 30px}
.productTxt dd{ width: 351px; height: 172px; overflow: hidden}
.square{ margin: 10px 5px 0 0; float: left; width: 3px; height: 3px; background: #025d79; overflow: hidden}
.line{ margin: 10px 20px 0 40px; width: 5px; height: 285px; float: left; background: url(../images/line.gif) no-repeat; display: inline}
.productImg{ margin:0 }

#appValue{ margin-bottom: 30px; width: 100%; height: 615px; overflow: hidden}
.appValueBox{ margin: 20px auto 0 auto; width: 1000px; height: 505px}
#appValueList{ float: left; width: 605px; height: 588px}
#appValueList dl{ margin-bottom: 10px; float: left; width: 605px; height: 99px; background: #e5e4e4; color: #000; overflow: hidden}
#appValueList dl dd{ width: 540px; height: 70px; margin: 15px 0 0 10px; float: left}
#appValueList dl dd p{ padding-top: 5px; width: 540px; 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}
#appValueList i{ font-style: normal; color: #187fe2}
.icoImg2{ float: left; width: 27px; height: 34px; background: url(../images/icoImg.gif) no-repeat 0 -18px; margin: 30px 0 0 15px; display: inline}
.icoImg3{ float: left; width: 31px; height: 31px; background: url(../images/icoImg.gif) no-repeat 0 -57px; margin: 30px 0 0 15px; display: inline}
.icoImg4{ float: left; width: 33px; height: 23px; background: url(../images/icoImg.gif) no-repeat -32px 0; margin: 30px 0 0 15px; display: inline}
.icoImg5{ float: left; width: 30px; height: 25px; background: url(../images/icoImg.gif) no-repeat -71px 0; margin: 30px 0 0 15px; display: inline}
.icoImg6{ float: left; width: 32px; height: 24px; background: url(../images/icoImg.gif) no-repeat -67px -30px; margin: 20px 0 0 15px; display: inline}
.appImg{ margin: 60px auto 0 auto; width: 368px; height: 364px}
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: 460px; overflow: hidden}
.functionBox{ margin: 20px auto 0 auto; width: 1000px; height: 400px}
#functionTab{ float: left; width: 605px; height: 385px}
#function table{ width: 100%; border-collapse: collapse}
#function table, th, td{ border:1px solid #d1dad2; color: #fff; text-align: center}
#function table, td{ height: 30px; line-height: 30px}
#functionTab .functionDesTab td{ color: #000}
#functionTab .functionDesTab img{ vertical-align: top}
.tableHeadTitle{ width: 100%; height:28px; line-height: 28px; color: #fff; background: #2d66a0; text-align: center}
.functionDesTab td{ color: #000}
.morePos{ position: relative; top: -30px; left: -200px}
.morePos1{  position: relative; top: -50px; left: -200px}

#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/icoImg001.gif) no-repeat; 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}


#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}

#footLinkBox { margin: 0  auto 20px auto; width: 100%; height: 40px; float: left; overflow: hidden }
.footLink{ margin: 0 auto 20px auto; width: 1000px; height: 40px; line-height: 40px; background: #f4f4f4 }
.footLinkL{ float: left; width: 800px; }
.footLinkR{ float: right; width: 180px; padding-right: 20px; text-align: right}
.footLinkL a{ margin-top: 5px; color: #636363; width: 78px; height: 30px; line-height: 30px; display: inline-block; text-align: center}
.footLinkL a:hover{ width: 78px;height: 30px;  background: #49acea; color: #fff}

#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}
.footInforLinkL a{ color: #4d4d4d}
.footInforLinkL a:hover{ text-decoration: underline}
.footInforLinkR{ width: 400px; float: right;}

#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;}

/* 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}
.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;}
.icoImg7{ float: left; width: 10px; height: 8px; background: url(../images/icoImg.gif) no-repeat -90px -35px; margin: 10px 0 0 45px; display: inline; overflow: hidden}
.icoImg8{ float: left; width: 10px; height: 8px; background: url(../images/icoImg.gif) no-repeat -90px -46px; margin: 10px 0 0 28px; display: inline; overflow: hidden}
.icoImg9{ float: left; width: 10px; height: 8px; background: url(../images/icoImg.gif) no-repeat -92px -57px; margin: 10px 0 0 28px; display: inline; overflow: hidden}
.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}
.marginTB{ padding: 35px 0; float: right}

/**选型结果样式**/
.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;}