@charset "utf-8";
/*企管家介绍*/
.qgjAbout{ width:100%; height:260px; background:#fff; text-align:center; padding-top:36px; font-size:16px; color:#888; line-height:26px;}
.qgjAbout .title{ height:90px; line-height:90px; font-size:32px; color:#333; margin-bottom:30px; background:url(../images/qgjAbout.png) no-repeat center bottom;}
/*企管家优势*/
.qgjAdvantage{ width:100%; height:698px; background:url(../images/youshiBg.jpg) no-repeat;}
.qgjAdvantage .title{ width:1200px; padding-top:40px; text-align:center; height:90px; line-height:90px; font-size:32px; color:#fff; margin-bottom:30px; background:url(../images/qgjbg.png) no-repeat center bottom; margin:0 auto;}
.qgjAdvantage .qgjUl{ width:1200px; height:340px; padding-top:40px; margin:0 auto;}
.qgjAdvantage .qgjUl li{ width:245px; height:300px; float:left; position:relative; background:#fff; border-radius:5px; margin-right:20px; padding:20px; text-align:center; transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s}
.qgjAdvantage .qgjUl li:hover{ margin-top:-10px;box-shadow:0px 0px 15px rgba(85,85,85,0.3);-webkit-box-shadow:0px 0px 15px rgba(85,85,85,0.3); -moz-box-shadow:0px 0px 15px rgba(85,85,85,0.3);}
.qgjAdvantage .qgjUl li .qImg{ width:245px; height:145px;}
.qgjAdvantage .qgjUl li .qTit{ width:245px; height:55px; line-height:55px; font-size:28px; color:#333}
.qgjAdvantage .qgjUl li .qPre{ width:245px; height:52px; line-height:26px; font-size:16px; color:#888; margin-top:8px; overflow:hidden}
.qgjAdvantage .qgjUl li .qPos{ position:absolute; width:245px; height:300px; background:#fff; border-radius:5px; padding:20px; top:0; left:0; display:none; text-align:center; color:#666}
.qgjAdvantage .qgjUl li .qPos h2{ font-size:22px; color:#333; height:60px; line-height:60px}
.qgjAdvantage .qgjUl li .qPos p{ width:245px; height:186px; line-height:26px;}
.qgjAdvantage .qgjUl li .qPos a{ display:inline-block; width:225px; height:40px; background:#577eff; color:#fff; line-height:40px; border-radius:3px;}
.qgjAdvantage .qgjUl li .qPos a:hover{ background:#416dff}
.qgjAdvantage a.qButton{ display:block; width:137px; height:42px; border:1px solid #fff; border-radius:3px; padding-left:27px; line-height:42px; margin:0 auto; margin-top:45px; color:#fff; font-size:16px; background:url(../images/qgjBot.png) no-repeat 135px 16px; transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s}
.qgjAdvantage a:hover.qButton{ background-position:140px 16px;}
/*企管家案列*/
.qgjCase{width:1200px; height:660px; background:#fff; padding-top:40px; margin:0 auto;}
.qgjCase .title{width:1200px; height:90px; line-height:90px; font-size:32px; color:#333; margin-bottom:30px; background:url(../images/qgjAbout.png) no-repeat center bottom; text-align:center}
.qgjCase .qCaseul{ width:1200px; height:340px; padding-top:40px;}
.qgjCase .qCaseul li{ width:283px; height:338px; background:#fff; border:1px solid #e8e8e8; border-radius:3px; float:left; margin-right:20px;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s}
.qgjCase .qCaseul li:hover{box-shadow:0px 0px 15px rgba(85,85,85,0.3);-webkit-box-shadow:0px 0px 15px rgba(85,85,85,0.3); -moz-box-shadow:0px 0px 15px rgba(85,85,85,0.3);}
.qgjCase .qCaseul li .caseTop{ width:253px; height:109px; border-bottom:1px solid #e8e8e8; background:#fcfcfc; padding:15px;}
.qgjCase .qCaseul li .caseTop h1{ font-size:21px; color:#333; height:40px; width:253px; overflow:hidden; line-height:40px;}
.qgjCase .qCaseul li .caseTop .caseClass{ font-size:16px; color:#888; height:28px; line-height:28px;}
.qgjCase .qCaseul li .caseTop .caseClass span{ vertical-align:middle}
.qgjCase .qCaseul li .caseTop .caseName{ width:83px; height:24px; text-align:center; line-height:24px; background:url(../images/caseBg.png) no-repeat; color:#fff; margin-top:5px;}
.caseIco{ width:22px; height:22px; display:inline-block; vertical-align:middle; background:url(../images/caseIco.png) no-repeat 0 0; margin-left:15px;}
.caseIco02{ background-position:0 -22px;}
.caseIco03{ background-position:0 -44px;}

.qgjCase .qCaseul li .caseBot{ width:253px; height:158px; padding:20px 15px; font-size:14px; color:#888; line-height:26px; position:relative}
.qgjCase .qCaseul li .caseBot .caseTr{ width:253px; height:auto; margin-bottom:15px; overflow:hidden;}
.qgjCase .qCaseul li .caseBot .caseTr2{ width:253px; height:auto; margin-bottom:15px; overflow:hidden; position:absolute; left:15px; bottom:75px;}
.qgjCase .qCaseul li .caseBot .caseTda{ display:block; float:left; width:70px;}
.qgjCase .qCaseul li .caseBot .caseTdb{ display:block; float:left; width:183px;}
.qgjCase .qCaseul li .caseBot a.caseBotbut{ position:absolute; left:15px; bottom:18px; display:block; width:98px; height:32px; border:1px solid #e8e8e8; text-align:center; line-height:32px; color:#555; border-radius:3px;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s}
.qgjCase .qCaseul li .caseBot a:hover.caseBotbut{ color:#015CD1; border:1px solid #015CD1}

.qgjCase a.caseButton{ display:block; width:137px; height:42px; border:1px solid #57a5ff; border-radius:3px; padding-left:27px; line-height:42px; margin:0 auto; margin-top:45px; color:#577eff; font-size:16px; background:url(../images/caseBot.png) no-repeat 135px 16px; transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s}
.qgjCase a:hover.caseButton{ background:url(../images/caseBot.png) no-repeat 140px 16px;}

/* 功能介绍 */
.aboutFive{ width:100%; height:585px; background:url(../images/about2.png) no-repeat bottom center #f3f4fb;}
.aboutFive .aboutA{ width:1200px; height:150px; line-height:150px; margin:0 auto; padding-top:10px; text-align:center; font-size:42px; color:#333}
.aboutFive .aboutB{ width:1200px; height:57px;margin:0 auto; background:url(../images/about1.png) no-repeat center center;}
.aboutFive .aboutB .aboutBa{ width:308px; height:55px; border:1px solid #57a6ff; margin:0 auto; text-align:center; background:#f3f4fb; line-height:55px; border-radius:55px; font-size:30px; color:#577eff;}
.aboutFive .aboutc{ width:1200px; height:230px; margin:0 auto; padding-top:50px;}
.aboutFive .aboutc li{ width:350px; height:230px; float:left; margin-right:50px;}
.aboutFive .aboutc li .aboutcTop{ height:60px;}
.aboutFive .aboutc li .aboutcTit{ height:50px; margin-top:20px; line-height:50px; font-size:22px; color:#555}
.aboutFive .aboutc li .aboutcName{ height:100px; margin-top:20px; line-height:26px; font-size:15px; color:#888}
/*功能二*/
.aboutTwo{ width:1200px; height:445px; margin:0 auto; border-bottom:1px solid #f3f4fb}
.aboutTwo .aboutTwoLe{ width:420px; height:445px; float:left; background:url(../images/about6.png) center center no-repeat; margin-right:140px;}
.aboutTwo .aboutTwoRi{ width:590px; height:445px; float:left; font-size:16px; color:#888; padding-right:50px; line-height:28px;}
.aboutTwo .aboutTwoRi h2{ width:640px; height:65px; line-height:65px; font-size:30px; color:#577eff; margin:135px 0 25px 0;}
/*功能三*/
.aboutThree{ width:1200px; height:405px; margin:0 auto; border-bottom:1px solid #f3f4fb}
.aboutThree .aboutTwoLe{ width:420px; height:405px; float:left; background:url(../images/about7.png) center center no-repeat;}
.aboutThree .aboutTwoRi{ width:590px; height:405px; float:left; font-size:16px; color:#888; padding-right:50px; line-height:28px; margin-right:140px;}
.aboutThree .aboutTwoRi h2{ width:640px; height:65px; line-height:65px; font-size:30px; color:#577eff; margin:65px 0 25px 0;}
/*功能四*/
.aboutFore{ width:1200px; height:430px; margin:0 auto;}
.aboutFore .aboutTwoLe{ width:420px; height:430px; float:left; background:url(../images/about8.png) center center no-repeat; margin-right:140px;}
.aboutFore .aboutTwoRi{ width:590px; height:430px; float:left; font-size:16px; color:#888; padding-right:50px; line-height:28px;}
.aboutFore .aboutTwoRi h2{ width:640px; height:65px; line-height:65px; font-size:30px; color:#577eff; margin:120px 0 25px 0;}
/*功能五*/
.aboutSix{ width:100%; height:620px; background:url(../images/about9.png) no-repeat top center #f3f4fb; padding-top:90px;}
.aboutSix .aboutSixTop{width:1200px; height:85px; text-align:center; background:url(../images/qgjAbout.png) no-repeat 576px 80px; font-size:32px; color:#333; margin:0 auto;}
.aboutSix .aboutSixBot{ width:1200px; height:370px; margin:0 auto; margin-top:25px;}
.aboutSix .aboutSixBot li{ width:360px; height:370px; margin-right:60px; color:#888; font-size:14px; line-height:26px; float:left}
.aboutSix .aboutSixBot .sixBox{ width:360px; height:170px; background:#fff; border-radius:3px;}
.aboutSix .aboutSixBot h2{ width:360px; height:45px; line-height:45px; margin-top:12px; font-size:22px; color:#555; margin-bottom:5px;}
.aboutSix a.qButton2{ display:block; width:141px; height:44px; border:1px solid #fff; border-radius:3px; padding-left:25px; line-height:44px; margin:0 auto; color:#fff; font-size:16px; background:url(../images/about13.png); transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s}
/*案列*/
.caseTit{ width:1200px; height:120px; text-align:center; margin:0 auto; background:url(../images/qgjAbout.png) no-repeat  588px 100px; font-size:32px; line-height:80px; padding-top:15px;}
.caseBox{ width:1198px; height:290px; border:1px solid #e8e8e8; margin:0 auto; margin-bottom:30px; border-radius:3px}
.caseBox .caseBoxLe{ width:400px; height:235px; float:left; background:#fbfbfb; position:relative; font-size:14px; padding:55px 10px 0px 35px}
.caseBox .caseBoxLe .caseLea{ width:73px; height:48px; background:url(../images/case01.png) no-repeat; text-align:center; line-height:37px; position:absolute; left:35px; top:0; color:#fff}
.caseBox .caseBoxLe .caseLeb{ width:400px; height:48px; line-height:48px; font-size:22px}
.caseBox .caseBoxLe .caseLec{ width:400px; height:35px; line-height:35px; font-size:16px; color:#888; margin-bottom:12px}
.caseBox .caseBoxLe .caseLec span{ color:#577eff; padding:0 5px;}
.caseBox .caseBoxLe .caseLec b{ vertical-align:middle; font-weight:normal}
.caseBox .caseBoxLe .caseLed{ font-size:14px; color:#666; line-height:30px;}
.caseBox .caseBoxRi{ width:753px; height:290px; float:left}
.caseRiTop{ width:753px; height:36px; font-size:14px; font-weight:bold; color:#4179ff; border-bottom:1px solid #e5e5e5}
.caseRiTop dd{ float:left; width:188px; height:36px; text-align:center; line-height:36px}
.caseRiBot{ width:753px; height:auto; font-size:14px;}
.caseRiBot dl{ width:753px; height:35px; border-bottom:1px solid #e5e5e5;line-height:35px; background:#fff; overflow:hidden}
.caseRiBot dl:hover{ background:#fbfbfb}
.caseRiBot dl dd{float:left; width:188px; height:35px; text-align:center; overflow:hidden;}
.caseRiBot dl dd a{ color:#4179ff}
.caseRiBot dl dd.colHui{ color:#999}
.caseRiBot dl dd span{ background:#ff8a00; display:inline-block; width:53px; height:25px; color:#fff; border-radius:3px; margin-right:10px; line-height:25px}
.caseRiBot dl dd span.colLan{ background:#4179ff}
/*套餐资费*/
.postTageTop{ width:1103px; height:149px; background:#fffcf9; border:1px solid #fff; margin:20px auto; padding:15px 25px 15px 70px; border-radius:3px; position:relative; font-size:14px; color:#ff7800; line-height:34px;}
.postTageTop p{
	color: #222;
}

.postTageTop .postTageToppos{ width:34px; height:34px; position:absolute; top:17px; left:26px}
.postTageTo
.postTageTop h2{ height:42px; line-height:42px; font-size:24px; color:#ff7800}
.postTageTop a.postShop{ display:inline-block; width:129px; height:37px; border-radius:3px; background:#4184ff; line-height:37px; text-align:center; color:#fff; font-size:16px; margin-left:10px;float: right;}
.postTageTop a:hover.postShop{ background:#4184ff}
/*资费价格*/
.postTable{ width:1200px; height:102px; margin:0 auto; background:#3b77ff; border-top-left-radius:3px; border-top-right-radius:3px; overflow:hidden; font-size:14px; color:#fff}
.postTable table { border-collapse: collapse; border: solid #96c6ff 1px; float:right;border-top-right-radius:3px;} 
.postTable table td { border: solid #96c6ff 1px;} 
.postTable.fixed{position: fixed; top: 0px; _position: absolute; z-index: 99; left:50%; margin-left:-600px;}
.postTit{ width:1200px; height:50px; line-height:50px; font-size:16px; background:#57a7ff; margin:0 auto; text-align:center; color:#fff}
.postBox{ width:1200px; height:auto; margin:0 auto; font-size:14px; overflow:hidden}
.postBox table { border-collapse: collapse; border: solid #98caff 1px; float:right;} 
.postBox table td { border: solid #98caff 1px; } 
.postBox table .white td { border-right: solid #fff 1px; }
.postBox table .white td.on{ border-right:1px solid #98caff} 
.postBox table .wbot td{ border-bottom: solid #fff 1px;}
.postBox table tr.clorLv td{ border: solid #7dc98b 1px;}
.postBox .clorBlue{ color:#fff;}
.postBox .clorRed{ color:#fff; margin-left:-3px;}
.postBox .bgcorBlue{ color:#fff; font-weight:bold}
.caseBoxwrap{ width:100%; height:70px;}
.caseBoxbot{ width:1200px; height:70px; margin:0 auto; font-size:16px; overflow:hidden;background-color:rgba(255,255,255,0.6);}
.caseBoxbot.fixed{position: fixed; bottom: 0px; _position: absolute; z-index: 99; left:50%; margin-left:-600px;}
.caseBoxbot a{ display:inline-block; width:100px; height:38px; text-align:center; background:#ff8a00; border-radius:3px; color:#fff; line-height:38px;}
/*支付流程*/
.postZhi{ width:1198px; height:173px; border:1px solid #e8e8e8; border-radius:3px; margin:0 auto; background:url(../images/post02.png) no-repeat center center;background-color: #fff;}
.postTel{ width:1200px; height:95px; margin:0 auto; text-align:center; padding:30px 0; line-height:55px; font-size:20px; background:url(../images/post03.png) no-repeat 514px 85px}

