@charset "utf-8";
/* CSS Document */

table {border-collapse:collapse;border-spacing:0;}

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}

.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(/Products/qf/icoImg.gif) no-repeat 0 0}
.headTxt p a{ padding-left: 20px; display: inline; float: left; color: #000;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: 40px auto 60px auto; width: 903px; height: 236px; background: url(/Products/qf/img01.jpg) no-repeat; font-size: 14px; color: #665f5f; line-height: 21px; position: relative}
.trouble0{ width: 301px; height: 60px; float: left; position: relative; top: 15px; left: 46px; overflow: hidden}
.trouble1{ width: 301px; height: 60px; float: left; position: relative; top: 20px; left: 295px; overflow: hidden}
.trouble2{ width: 301px; height: 60px; float: left; position: relative; top: 160px; right: 558px; overflow: hidden}
.trouble3{ width: 301px; height: 60px; float: left; position: relative; top: 100px; left: 594px; overflow: hidden}
.trouble4{ width: 90px; height: 52px; float: left; position: relative; top: 35px; left: 105px}
a.trouble4{color: #0c6eae}

#productDesBox{ width: 100%; height: 495px; overflow: hidden}
.commTitle{ width: 100%; height: 52px; background: url(/Products/qf/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(/Products/qf/img02.jpg) no-repeat; position: relative}
.top{ width: 200px; height: 138px; position: relative; top: 70px; left: 70px; overflow: hidden}
.bottom{ position: relative; top: 110px; left: 70px; width: 150px; height: 50px; overflow: hidden}
.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}
.top li, p.bottom{ float: left; margin-bottom: 15px; color: #025d79}
.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(/Products/qf/line.gif) no-repeat; display: inline}
.productImg{ margin: 20px 0 auto 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: 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: 32px; height: 24px; background: url(/Products/qf/icoImg.gif) no-repeat 0 -29px; margin: 40px 0 0 15px; display: inline}
.icoImg3{ float: left; width: 26px; height: 34px; background: url(/Products/qf/icoImg.gif) no-repeat 0 -65px; margin: 40px 0 0 15px; display: inline}
.icoImg4{ float: left; width: 27px; height: 27px; background: url(/Products/qf/icoImg.gif) no-repeat -32px 0; margin: 40px 0 0 15px; display: inline}
.icoImg5{ float: left; width: 30px; height: 28px; background: url(/Products/qf/icoImg.gif) no-repeat -61px 0; margin: 40px 0 0 15px; display: inline}
.icoImg6{ float: left; width: 30px; height: 28px; background: url(/Products/qf/icoImg.gif) no-repeat -32px -31px; margin: 40px 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: #26a732; 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(/Products/qf/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: 0 0 10px 0 }
a:hover.more1{  color: #255889; text-decoration: underline}


/* 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(/Products/qf/icoImg.gif) no-repeat -90px -35px; margin: 10px 0 0 45px; display: inline; overflow: hidden}
.icoImg8{ float: left; width: 10px; height: 8px; background: url(/Products/qf/icoImg.gif) no-repeat -90px -46px; margin: 10px 0 0 28px; display: inline; overflow: hidden}
.icoImg9{ float: left; width: 10px; height: 8px; background: url(/Products/qf/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(/Products/qf/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(/Products/qf/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(/Products/qf/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(/Products/qf/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;}

