@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;margin: 0 auto}
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}
 .kunhuo{
     width: 1000px;
     margin: 0 auto;
 }
/* page */
*{ margin: 0; padding: 0}
body{ margin: 0; padding:0; font: 14px/22px Arial,"宋体","微软雅黑"; color: #000; }
.headTxt{ height: 31px; overflow: hidden; line-height: 31px; font-size: 12px}
.icoImg1{ float: left; margin: 8px 5px 0 0; width: 16px; height: 17px; background: url(../images/c_huihuang/icoImg.gif) no-repeat 0 0}
.headTxt p a{ padding-left: 20px; display: inline; line-height: 35px; float: left; color: #000}
.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-color: #2877b6}
.banner ul{ width: 100%; height: 296px; overflow: hidden}
.banner ul li{ margin: 0 auto; width: 1440px ; height: 296px;background: url("../images/c_huihuang/banner.jpg") no-repeat }

#troubleBox{ height: 470px ;width:1900px}
.h2{ height: 49px; line-height: 49px; font-size: 25px; font-family: "微软雅黑"; font-weight: normal}
#troubleTabL{ margin: 40px 0 0 20px; width: 588px; height: 332px; background:url(../images/c_huihuang/img01.jpg) no-repeat; position: relative; font-size: 14px; color: #665f5f; line-height: 21px; display: inline}
.trouble0{ width: 130px; height: 40px; float: left; position: relative; top: 10px; left: 110px; overflow: hidden}
.trouble1{  width: 140px; height: 60px; float: left; position: relative; top: 10px; left: 260px; overflow: hidden}
.trouble2{ width: 130px; height: 60px; float: left; position: relative; top: 140px; right: 228px; overflow: hidden}
.trouble3{ width: 130px; height: 60px; float: left; position: relative; top: 135px; left: 40px; overflow: hidden}
.trouble5{ width: 170px; height: 60px; float: left; position: relative; top: 203px; left: 228px; overflow: hidden}
.trouble4{ width: 90px; height: 52px; float: left; position: relative; top: 55px; left: 76px}
#troubleTabL .trouble4{ color:#0c6eae}
#troubleTabR{ margin: 40px 20px 0 0; width: 263px; height: 332px; background:url(../images/c_huihuang/img04.jpg) no-repeat; display: inline; position: relative}
.a1{ float: left; width: 45px; height: 70px; position: relative; top: 90px; left:5px}
.a2{ float: left; width: 75px; height: 40px; position: relative; top: 200px; left:20px}
.a3{ float: left; width: 55px; height: 50px; position: relative; top: 150px; left:60px}
.a4{ float: left; width: 45px; height: 60px; position: relative; top: 40px; left:5px}
.a5{ float: left; width: 75px; height: 40px; position: relative; top: -50px; left:15px}
.a6{ float: left; width: 69px; height: 29px; position: relative; top: 20px; left: -25px}
.a7{ float: left; width: 69px; height: 29px; position: relative; top: 55px; left: -93px}
.a8{ float: left; width: 69px; height: 29px; position: relative; top: 60px; left: -25px}
.line01{ float: left; width: 5px; height: 285px; background:url(../images/c_huihuang/line.gif) no-repeat; margin: 60px 40px 0 50px}
p.status{ float: left; position: relative; top: 180px; left: 70px; width: 263px; font-weight: bold; color: #000}

#productDesBox{ width: 100%; height: 465px; overflow: hidden}
.commTitle{ width: 100%; height: 52px; background:url(../images/c_huihuang/commbg.gif) repeat-x}
.productContent{ margin: 10px auto 40px auto; height: 985px; height: 356px; overflow: hidden}
.productTabl{ float: left; width: 526px; height: 235px; background:url(../images/c_huihuang/img02.jpg) no-repeat; position: relative}
.productTabl .p1{ width: 260px; height: 50px; color: #025d79; overflow: hidden; position: relative; left: 60px; top:40px}
.productTabl .p2{ width: 260px; height: 50px; color: #025d79; overflow: hidden; position: relative; left: 60px; top:65px}
.productTabl .p3{ width: 260px; height: 50px; color: #025d79; overflow: hidden; position: relative; left: 60px; top:75px}
.productTabl .p4{ width: 260px; height: 50px; color: #025d79; overflow: hidden; position: relative; left: 60px; top:90px}
.productTxt{ float: right; width: 100%; height: 82px;  color: #665f5f; overflow: hidden}
.productTxt strong{ height:40px; line-height: 40px}
.productImg{ float: left; margin: 40px 0 auto 0; width: 100%; color: #4a4a4a }
.productP1{ position: relative; top: 35px; float: left; left: 40px}
.productP2{ position: relative; top: 105px; float: left; right: 50px}
.productP3{ position: relative; top: 175px; float: left; right: 155px}
.productTabr{ margin: 7px 0 0 0; width: 365px; height: 240px; float: right}
.productTabr img{ float: right}
.line02{ margin: 25px 20px 0 50px; width: 7px; height: 213px; float: left; background:url(../images/c_huihuang/line02.gif) no-repeat; display: inline}
.marginR{ padding-right: 15px; display: inline}

#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: 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: 25px; background:url(../images/c_huihuang/icoImg.gif) no-repeat -31px 0; margin: 30px 0 0 15px; display: inline}
.icoImg3{ float: left; width: 26px; height: 33px; background: url(../images/c_huihuang/icoImg.gif) no-repeat 0 -21px; margin: 30px 0 0 15px; display: inline}
.icoImg4{ float: left; width: 30px; height: 33px; background: url(../images/c_huihuang/icoImg.gif) no-repeat -35px -30px; margin: 30px 0 0 15px; display: inline}
.icoImg5{ float: left; width: 33px; height: 31px; background: url(../images/c_huihuang/icoImg.gif) no-repeat 0 -54px; margin: 30px 0 0 15px; display: inline}
.icoImg6{ float: left; width: 37px; height: 33px; background: url(../images/c_huihuang/icoImg.gif) no-repeat -63px 4px; margin: 30px 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%;  overflow: hidden}
.functionBox{ margin: 20px auto 0 auto; width: 1000px; height: 400px}
#functionTab{ float: left; width: 605px; }
#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; text-align:center}
#functionTab .functionDesTab img{ vertical-align: top}
.tableHeadTitle{ width: 100%; height:28px; line-height: 28px; color: #fff; background: #4680b8; 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; position: relative; left: 100px}
.sreachLink{ float: right; width: 385px; height: 30px}
a.more1{  color: #3091e6; text-decoration: underline; font-weight: bold; margin: 0 0 10px 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 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/c_huihuang/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/c_huihuang/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/c_huihuang/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/c_huihuang/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; }
.action ul{ margin: 10px;}
.action li{ font-weight: bold}
.marginTB{ padding: 35px 0; float: right}
#smallLay{width:498px; height:auto;padding:10px;background-color:#FFFFFF;border:1px solid #05549d;color:#333333;line-height:24px;text-align:left;}

/**选型结果样式**/
.xx_c {width:305px; float:left; margin:0; padding:0;}
.tit {width:305px; height:45px;  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;  font-size:12px; text-align:left; float:left;}
.mid p {padding:10px 20px;}
.bott {width:305px; height:11px;  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 { width:136px; height:101px;}
.sqzx_curr a:hover { width:136px; height:101px;}

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