body { padding-top: 0px; } .faxin-header { background-color: rgba(0,0,0,0.1); } .faxin-index-container { min-width: 1400px; } .section-1 { background-image: ; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; height: 918px; overflow: hidden; position: relative; } .section-1 .container { width: 1400px; margin: 0 auto; margin-top: 205px; } .section-1 .container .lib-module { margin-left: 10px; } .section-1 .container .lib-module li { margin-right: 30px; cursor: pointer; color: #ffffff; height: 39px; line-height: 29px; width: 80px; text-align: center; position: relative; } .section-1 .container .lib-module li:hover, .section-1 .container .lib-module li.active { background-image: url(/uploads/image/sii/bg-lib-module2.png); background-repeat: no-repeat; color: #023e80; } .section-1 .container .lib-module li.last { width: 108px; } .section-1 .container .lib-module li.last:hover, .section-1 .container .lib-module li.last.active { background-image: url(/uploads/image/sii/bg-lib-module1.png); background-repeat: no-repeat; color: #023e80; } .search-container { margin-top: 15px; } .search-container > * { display: none; } .search-container > .active { display: block; } .search-container .kkjs .kkjs-search-container { background-color: #ffffff; width: 620px; height: 56px; border-radius: 56px; position: relative; } .search-container .kkjs .kkjs-search-container input { float: left; margin-left: 28px; border: 0; font-size: 16px; line-height: 35px; /*margin-top: 13px;*/ width: 416px; color: #787974; padding: 10px 0px; } .search-container .kkjs .kkjs-search-container button { width: 166px; height: 46px; border: 0; margin-top: 5px; float: right; margin-right: 5px; border-radius: 46px; background-color: #cf3c30; color: #ffffff; font-size: 16px; outline: none; cursor: pointer; } .search-container .kkjs .kkjs-search-container button:hover { background-color: #e34a41; } .search-container .kkjs .kkjs-search-type { color: #ffffff; margin-left: 28px; margin-top: 10px; } .search-container .kkjs .kkjs-search-type li { margin-right: 15px; cursor: pointer; } .search-container .kkjs .kkjs-search-type .interval { cursor: default; } .search-container .kkjs .kkjs-search-type .last { margin-right: 0px; } .search-container .kkjs .kkjs-search-type li div { width: 19px; height: 19px; float: left; background-image: ; background-repeat: no-repeat; background-position: 5px 5px; } .search-container .kkjs .kkjs-search-type li.checked div { background-image: ; } .search-container .lajs iframe { width: 100%; border: 0; height: 750px; z-index: 119; } .search-container .znwd .znwd-search-container { background-color: #ffffff; width: 620px; height: 56px; border-radius: 56px; } .search-container .znwd .znwd-search-container input { float: left; margin-left: 28px; border: 0; font-size: 16px; line-height: 30px; margin-top: 13px; width: 416px; color: #787974; } .search-container .znwd .znwd-search-container button { width: 166px; height: 46px; border: 0; margin-top: 5px; float: right; margin-right: 5px; border-radius: 46px; background-color: #cf3c30; color: #ffffff; font-size: 18px; cursor: pointer; } .search-container .znwd .znwd-search-container button:hover { background-color: #e34a41; } .search-container .znwd .znwd-list { margin-top: 15px; } .search-container .zscqjs .zscqjs-search-container { background-color: #ffffff; width: 620px; height: 56px; border-radius: 56px; } .search-container .zscqjs .zscqjs-search-container .dropdown { width: 139px; float: left; height: 36px; line-height: 36px; border-right: 1px solid #ddd; margin-top: 10px; text-align: center; cursor: pointer; position: relative; color: #777; } .search-container .zscqjs .zscqjs-search-container .dropdown > * { display: inline-block; } .search-container .zscqjs .zscqjs-search-container .dropdown > span { width: 100px; margin-right: 5px; } .search-container .zscqjs .zscqjs-search-container .dropdown-list { background-color: #ffffff; margin-top: 25px; width: 120px; right: 0; top: 30px; position: absolute; border-radius: 5px; padding: 10px 0; line-height: 40px; display: none; } .search-container .zscqjs .zscqjs-search-container .dropdown-list .icon { margin: 0; padding: 0; width: 12px; height: 5px; position: absolute; top: -8px; right: 15px; line-height: 5px; } .search-container .zscqjs .zscqjs-search-container .dropdown-list li:hover { background-color: #dbe6f8; color: cornflowerblue; } .search-container .zscqjs .zscqjs-search-container .dropdown-list li.icon:hover { background-color: unset; background-color: none; } .search-container .zscqjs .zscqjs-search-container input { float: left; margin-left: 28px; border: 0; font-size: 16px; line-height: 30px; margin-top: 13px; width: 276px; color: #787974; } .search-container .zscqjs .zscqjs-search-container button { width: 166px; height: 46px; border: 0; margin-top: 5px; float: right; margin-right: 5px; border-radius: 46px; background-color: #cf3c30; color: #ffffff; font-size: 18px; cursor: pointer; } .search-container .zscqjs .zscqjs-search-container button:hover { background-color: #e34a41; } .section-1 .news { position: absolute; left: 0; width: 100%; bottom: 30px; height: 19px; } .section-1 .news .news-container { width: 730px; margin: 0 auto; color: #ffffff; } .section-1 .news .news-container ul { height: 19px; position: relative; float: left; overflow: hidden; width: 650px; } .section-1 .news .news-container ul li { position: absolute; top: -19px; } .section-1 .news .news-container a { color: #ffffff; } .section-1 .news .news-container .news-more { float: right; } .section-2 { overflow: hidden; } .section-2 > .title { width: 100%; text-align: center; color: #4a4a4a; font-size: 38px; margin-top: 110px; } .section-2 > .title small { display: block; color: #6a6a6a; font-size: 22px; margin-top: 10px; } .section-2 > .title small .num { color: #2b96cc; } .section-2 .content { width: 100%; margin-top: 80px; margin-bottom: 70px; } .section-2 .content ul { list-style: none; width: 1240px; margin: 0 auto; padding: 0px; } .section-2 .content ul li { float: left; width: 20%; } .section-2 .content .singlen { border: 1px solid #007bc1; border-radius: 5px; margin: 10px 15px 40px; height: 152px; text-align: center; font-weight: 900; cursor: pointer; background-color: #e9f0f4; } .section-2 .content .singlen .singlentitle { font-size: 18px; height: 44px; line-height: 44px; color: #007bc2; font-weight: 400; } .section-2 .content .singlen .singlennum { font-size: 36px; border-radius: 5px; color: white; background-color: #007bc2; height: 108px; line-height: 118px; } .section-2 .content .singlen:hover { background-color: #007bc1; } .section-2 .content .singlen:hover .singlentitle { color: white; } .section-2 .content .singlen:hover .singlennum { color: #007bc1; background-color: #e9f0f4; } .section-3 { height: 939px; } .section-3 iframe { width: 100%; border: none; height: 939px; overflow: hidden; } .section-4 { background-color: #007bc2; background-image: url(/uploads/image/sii/price-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; height: 1200px; overflow: hidden; } .section-4 > .title { text-align: center; color: #ffffff; font-size: 38px; margin-top: 110px; } .section-4 > .container { width: 1290px; margin: 0 auto; margin-top: 80px; } .section-4 .oi { float: left; width: 808px; margin-right: 40px; height: 854px; background-color: #f6faff; text-align: center; border-radius: 18px; position: relative; border: 1px solid #f6faff; } .section-4 .oi.individual { width: 438px; margin-right: 0px; } .section-4 .oi:hover { background-color: #fce5c6; border-color: #f6a543; } .section-4 .oi.individual:hover { background-color: #bcdff8; border-color: #2893e0; } .section-4 .oi > img { margin-top: -17px; z-index: 999; } .section-4 .oi .buy-1 { width: 100%; height: 233px; background-image: url(/uploads/image/sii/bg-organization.png); background-repeat: no-repeat; background-size: 100%; margin-top: -65px; color: #ffffff; overflow: hidden; } .section-4 .oi.individual .buy-1 { background-image: url(/uploads/image/sii/bg-individual.png); } .section-4 .oi .buy-2 { height: 322px; width: 790px; margin: 0 auto; background-color: #ffffff; overflow: hidden; } .section-4 .oi.individual .buy-2 { width: 420px; } .section-4 .oi .buy-3 { width: 100%; height: 292px; background-color: #e6e6e6; border-radius: 0 0 15px 15px; width: 710px; margin: 0 auto; padding: 0 40px; text-align: left; overflow: hidden; } .section-4 .oi.individual .buy-3 { width: 340px; } .section-4 .organization .buy-1 > .title { float: left; font-size: 52px; margin-top: 105px; margin-left: 65px; } .section-4 .organization .buy-1 .lxfs { float: left; margin-top: 90px; margin-left: 25px; line-height: 35px; } .section-4 .organization .buy-1 .lxfs .title { font-size: 20px; } .section-4 .organization .buy-1 .lxfs .phone { font-weight: bold; } .section-4 .organization .buy-1 .kfwx { float: right; width: 110px; margin-top: 60px; margin-right: 50px; } .section-4 .organization .buy-1 .kfwx img { width: 100%; } .section-4 .individual .buy-1 .jg { margin-top: 100px; } .section-4 .individual .buy-1 .jg img { } .section-4 .individual .buy-1 .jg .money { font-size: 48px; font-weight: bold; margin: 0 10px; } .section-4 .individual .buy-1 .jg .unit { font-size: 20px; } .section-4 .organization .buy-2 .tips { font-size: 16px; color: #626262; margin-top: 25px; } .section-4 .organization .buy-2 .form { padding: 0 40px; line-height: 36px; color: #333333; font-size: 16px; margin-top: 30px; } .section-4 .organization .buy-2 .form label { width: 290px; text-align: left; position: relative; margin-bottom: 15px; } .section-4 .organization .buy-2 .form span { position: absolute; color: red; top: 2px; left: -10px; } .section-4 .organization .buy-2 .form input { height: 36px; width: 182px; border-radius: 5px; font-size: 16px; border: 1px solid #999999; float: right; color: #333333; padding: 0 10px; box-shadow: #999999 0px 0px 10px; } .section-4 .organization .buy-2 .form .left { float: left; } .section-4 .organization .buy-2 .form .right { float: right; } .section-4 .organization .buy-2 .form .yzm { position: relative; } .section-4 .organization .buy-2 .form .yzm input { width: 100px; padding-right: 92px; } .section-4 .organization .buy-2 .form .getyzm { position: absolute; top: 7px; right: 5px; line-height: 20px; padding: 0 5px; cursor: pointer; } .section-4 .organization .buy-2 .tjzx { border: 0px; background-image: url(/uploads/image/sii/btn-2.png); width: 101px; height: 36px; color: #ffffff; font-size: 18px; background-color: #ffffff; cursor: pointer; float: right; margin-right: 50px; margin-top: 15px; } .section-4 .organization .buy-2 .tjzx:hover { background-image: url(/uploads/image/sii/btn-2-hover.png); } .section-4 .individual .buy-2 .check { width: 17px; height: 18px; background-position: center; background-repeat: no-repeat; background-image: url(/uploads/image/sii/zf-type.png); cursor: pointer; display: inline-block; margin-bottom: 15px; margin-left: 15px; } .section-4 .individual .buy-2 .check.checked { background-image: url(/uploads/image/sii/zf-type-checked.png); } .section-4 .individual .buy-2 > div { width: 225px; margin: 0 auto; cursor: pointer; } .section-4 .individual .buy-2 .zfb { margin-top: 70px; margin-bottom: 20px; } .section-4 .individual .buy-2 .zfb .img { background: url(/uploads/image/siwx_img/banks.gif) no-repeat 5px -1152px; width: 186px; height: 48px; display: inline-block; } .section-4 .individual .buy-2 .wx .img { background: url(/uploads/image/siwx_img/banks.gif) no-repeat 15px -1578px; width: 186px; height: 48px; display: inline-block; } .section-4 .individual .buy-2 .ljzf { border: 0px; background-image: url(/uploads/image/sii/btn-1.png); width: 101px; height: 36px; color: #ffffff; font-size: 18px; background-color: #ffffff; cursor: pointer; float: right; margin-right: 50px; margin-top: 56px; } .section-4 .individual .buy-2 .ljzf:hover { background-image: url(/uploads/image/sii/btn-1-hover.png); } .section-4 .buy-3 > .title { font-size: 20px; color: #333333; margin: 20px 0 15px; } .section-4 .buy-3 ul { float: left; color: #333333; } .section-4 .buy-3 ul.zjlb { border: 1px solid #d1d1d1; border-bottom: 0; border-top: 0; padding: 0 40px; margin: 0 40px; } .section-4 .buy-3 ul li { height: 27px; line-height: 27px; cursor: pointer; } .section-4 .buy-3 ul.first { border-right: 1px solid #d1d1d1; padding-right: 15px; margin-right: 15px; } /*弹出层样式开始*/ .black_overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; /*height: 2000px; width: 1200px; height: 1000px;*/ background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: .10; filter: alpha(opacity=10); } .white_content { display: none; /*position: absolute; top: 45%;*/ /*left: 31%;*/ width: 700px; height: 35%; min-height: 350px; padding: 40px; border: 1px solid #d8d8d8; background-color: white; z-index: 1002; overflow: auto; text-align: center; } .alertdivtoggleclass { /*position: absolute;*/ width: 400px; height: 65px; padding: 40px; border: 1px solid #d8d8d8; background-color: white; z-index: 1003; text-align: center; } /*弹出层样式结束*/ #checkimgcode :hover { background-position: -76px -243px; } .lib-shuoming { position: absolute; left: 60px; top: 30px; width: 800px; color: #fff; line-height: 20px; display: none; text-align: left; font-size: 12px; color: #86bcf3; } .last .lib-shuoming { left: 75px; } #searchlistdiv .classurl { float: right; /*width: 80px !important;*/ width: auto !important; height: 31px; line-height: 31px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); margin-top: -4px; margin-bottom: -4px; margin-right: -10px; padding: 0 15px; }