@charset 'utf-8';
/*首页*/
.i-banner { height: 690px; background: #f0f4f0; }
.i-banner img { position: absolute; z-index: 1; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1600ms; animation-duration: 1600ms; }
.i-banner img.i1 { left: 146px; top: 122px; animation-name: zoomIn; }
.i-banner img.i2 { left: 86px; top: 70px; animation-name: zoomIn; animation-delay: 200ms; }
.i-banner img.i3 { left: 370px; top: 167px; animation-name: rotateIn; animation-delay: 600ms; }
.i-banner img.i4 { left: 286px; top: 159px; animation-name: zoomIn; animation-delay: 400ms; }
.i-banner img.i5 { left: 572px; top: 406px; animation-name: fadeInLeft; animation-delay: 100ms; }
.i-banner img.i6 { left: 485px; top: 412px; animation-name: fadeInLeft; animation-delay: 600ms; }
.i-banner img.i7 { left: 393px; top: 398px; animation-name: fadeInLeft; animation-delay: 1100ms; }
.i-banner img.i8 { left: 281px; top: 366px; animation-name: fadeInLeft; animation-delay: 1600ms; }
.i-banner img.i9 { left: 195px; top: 376px; animation-name: fadeInLeft; animation-delay: 2100ms; }
.i-banner img.i10 { z-index: 2; left: 1334px; top: 282px; animation-name: zoomIn; animation-delay: 1000ms; }
.i-banner img.i11 { left: 1352px; top: 444px; animation-name: zoomIn; animation-delay: 440ms; }
.i-banner img.i12 { left: 1230px; top: 137px; animation-name: zoomIn; animation-delay: 820ms; }
.i-banner img.i13 { z-index: 2; left: 1291px; top: 402px; animation-name: zoomIn; animation-delay: 1040ms; }
.i-banner img.i14 { left: 1272px; top: 396px; animation-name: zoomIn; animation-delay: 40ms; }
.i-banner img.i15 { z-index: 3; left: 1204px; top: 410px; animation-name: zoomIn; animation-delay: 1000ms; }
.i-banner img.i16 { left: 1207px; top: 281px; animation-name: zoomIn; animation-delay: 280ms; }
.i-banner img.i17 { z-index: 2; left: 1063px; top: 244px; animation-name: zoomIn; animation-delay: 1080ms; }
.i-banner img.i18 { left: 1108px; top: 411px; animation-name: zoomIn; animation-delay: 20ms; }
.i-banner img.i19 { z-index: 3; left: 1062px; top: 403px; animation-name: zoomIn; animation-delay: 840ms; }
.i-banner img.i20 { left: 1014px; top: 444px; animation-name: zoomIn; }
.i-banner img.i21 { z-index: 2; left: 963px; top: 492px; animation-name: zoomIn; animation-delay: 440ms; }
.i-banner img.i22 { left: 931px; top: 384px; animation-name: zoomIn; animation-delay: 800ms; }
.i-banner img.i23 { z-index: 3; left: 888px; top: 518px; animation-name: zoomIn; animation-delay: 1040ms; }
.i-banner img.i24 { left: 868px; top: 290px; animation-name: zoomIn; animation-delay: 420ms; }
.i-banner img.i25 { z-index: 2; left: 771px; top: 468px; animation-name: zoomIn; animation-delay: 60ms; }
.i-banner img.i26 { left: 807px; top: 345px; animation-name: zoomIn; animation-delay: 1040ms; }
.i-banner img.i27 { left: 811px; top: 424px; animation-name: zoomIn; animation-delay: 460ms; }
.i-banner img.i28 { left: 1090px; top: 158px; animation-name: zoomIn; animation-delay: 1180ms; }
.i-banner img.i29 { left: 1097px; top: 219px; animation-name: swing; animation-iteration-count: infinite; }
.i-banner img.i30 { left: 1022px; top: 149px; animation-name: swing; animation-delay: 50ms; animation-iteration-count: infinite; }
.i-banner img.i31 { left: 603px; top: 372px; animation-name: swing; animation-delay: 90ms; animation-iteration-count: infinite; }
.i-banner img.i32 { left: 363px; top: 340px; animation-name: swing; animation-delay: 10ms; animation-iteration-count: infinite; }
.i-banner img.i33 { left: 227px; top: 95px; animation-name: swing; animation-delay: 70ms; animation-iteration-count: infinite; }
.i-banner img.i34 { left: 201px; top: 91px; animation-name: swing; animation-delay: 100ms; animation-iteration-count: infinite; }
.i-bannerinfo { margin: 78px 0 82px; font-size: 24px; line-height: 45px; text-align: right; letter-spacing: 5px; }
.i-bannerinfo span { margin: 0 80px 0 20px; }
.i-info1 { height: 446px; background: none; }
.i-info1 .design { width: 772px; height: 446px; overflow: hidden; }
.i-info1 .ctn { width: 650px; margin-top: 85px; color: #fff; }
.i-info1 .ctn h3 { padding: 30px 0 10px; font-size: 24px; }
.i-info1 .ctn p { font-size: 18px; line-height: 26px; }
.i-info2 { height: 687px; margin-top: 165px; background: url(../images/i-info2-bg.jpg) no-repeat center top; }
.i-info2 .circle { left: 0; top: 0; width: 82px; height: 82px; border-radius: 100%; }
.i-info2 .circle.c1 { z-index: 1; background: #9ec5ce; }
.i-info2 .circle.c2 { z-index: 2; left: 45px; background: #d7c06f; }
.i-info2 .circle.c3 { z-index: 3; left: 104px; background: #b79577; }
.i-info2 .top { width: 560px; }
.i-info2 .top p { padding-top: 114px; font-size: 24px; line-height: 44px; }
.i-info2 .bot { margin-top: 230px; }
.i-info3 { height: 720px; margin: 212px 0 160px; background: url(../images/i-info3-bg.jpg) no-repeat center top; }
.i-info3 .container { width: 1700px; }
.i-info3 p.fl { width: 444px; padding: 166px 0 0 165px; font-size: 24px; line-height: 39px; color: #fff; }
.i-info3 .i-info3r { width: 576px; height: 645px; padding-top: 75px; background: #f0f4f0; }
/*专家团队评估*/
.message { width: 364px; height: 543px; padding: 0 60px; margin: 0 auto; border: 1px solid #a9a9a8; border-radius: 10px; }
.message h2 { padding: 40px 0; font-size: 24px; text-align: center; }
.message .box { position: relative; width: 364px; height: 50px; border-bottom: 1px solid #d5d5d5; line-height: 50px; }
.message .box .sex li { float: left; padding-left: 20px; margin-left: 26px; background: url(../images/lmsg-know-bg.png) no-repeat 0 19px; cursor: pointer; }
.message .box .sex li:first-child { margin-left: 0; }
.message .box .sex li.cur { background-position: 0 -22px; color: #6a8f69; }
.message .box input { width: 364px; height: 50px; background: none; color: #6a8f69; }
.message .box input.w1 { width: 230px; }
.message .box input.w2 { width: 340px; }
.message .box span { color: #b0b0b0; }
.message .box i { position: absolute; left: 0; top: 0; font-style: normal; color: #b0b0b0; }
.message select { width: 364px; height: 50px; border: none; border-bottom: 1px solid #d5d5d5; color: #6a8f69; }
.message .box.b2 { height: 56px; margin: 20px 0; border: none; line-height: 1.2; }
.message .box textarea { width: 364px; height: 56px; background: none; color: #6a8f69; }
.message button { width: 362px; height: 42px; background: #6a8f69; border: 1px solid #6a8f69; border-radius: 42px; font-size: 24px; color: #fff; }
.message button[disabled] { background: none; border: 1px solid #a9a9a8; color: #3e393d; }
/*投资计算器*/
.calculator1 { width: 360px; padding: 40px 22px; background: #ddd; }
.calculator1 h2 { padding-bottom: 15px; font-size: 22px; font-weight: 600; text-align: center; }
.calculator1 h3 { padding-bottom: 30px; font-size: 16px; text-align: center; }
.calculator1 .box { width: 360px; height: 40px; margin-top: 10px; background: none; border-bottom: 1px solid #a69b92; line-height: 40px; }
.calculator1 .box label { float: left; display: block; width: 100px; font-weight: 600; }
.calculator1 .box input { float: left; width: 195px; height: 40px; background: none; border-radius: 0; }
.calculator1 .box span { float: right; display: block; width: 65px; font-weight: 600; }
.calculator1 .input { width: 360px; height: 36px; margin: 28px 0 20px; background: none; border-radius: 0; border-bottom: 1px solid #e94709; font-size: 16px; text-align: center; color: #e94709; }
.calculator1 button { width: 360px; height: 56px; background: #3c3839; font-size: 18px; color: #fff; }
.calculator1 ::-webkit-input-placeholder {
color: #e94709;
}
.calculator1 :-moz-placeholder {
color: #e94709;
}
.calculator1 ::-moz-placeholder {
color: #e94709;
}
.calculator1 :-ms-input-placeholder {
color: #e94709;
}
/*关于花美时*/
.a-info { height: 585px; padding-top: 96px; background: url(../images/a-info-bg.jpg) no-repeat center 0; }
.a-info .a-leaf { z-index: 2; left: 0; top: 328px; }
.a-info .ctn { width: 934px; padding: 30px 0; background: #f0f4f0; }
.a-info .ctn .top { height: 84px; background: #6a8f69; }
.a-info .ctn .top h2 { float: right; width: 590px; padding-right: 126px; font-size: 36px; line-height: 84px; color: #fff; letter-spacing: 5px; }
.a-info .ctn p { float: right; width: 590px; padding: 20px 126px 0 0; font-size: 16px; line-height: 24px; }
.a-member { height: 988px; }
.a-member-no { width: 1px; height: 1px; overflow: auto; opacity: 0; }
.a-member h2 { font-size: 24px; margin: 104px 0 16px; text-align: center; }
.a-member .ctn { width: 1155px; margin: 0 auto; }
.a-member .ctn li { position: relative; float: left; width: 306px; height: 344px; margin: 40px 39px 0; border-radius: 10px; overflow: hidden; cursor: pointer; }
.a-member .ctn li:first-child { margin-left: 192px; }
.a-member .ctn li .s1 { position: absolute; z-index: 2; right: 20px; bottom: 20px; color: #fff; }
.a-member .ctn li .s1 h3 { font-size: 24px; }
.a-member .ctn li .s1 p { margin-top: 8px; font-size: 18px; }
.a-member .ctn li .s2 { position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; background: #6a8f69; border-radius: 10px; color: #fff; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all 600ms; transition: all 600ms; }
.a-member .ctn li:hover .s2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.a-member .ctn li .s2 h3 { padding: 46px 25px 0; font-size: 24px; }
.a-member .ctn li .s2 p { margin: 0 25px; padding: 8px 0; font-size: 18px; border-bottom: 1px solid #fff; }
.a-member .ctn li .s2 .info { height: 145px; padding: 0; margin-top: 30px; border: none; font-size: 16px; line-height: 24px; }
.a-member .ctn li .s2 div.info { width: 286px; overflow: auto; }
.a-member .ctn li .s2 div.info p { border: none; }
.a-map { height: 802px; background: url(../images/a-map-bg.jpg) no-repeat 225px 0; }
.a-map h2 { padding-top: 102px; font-size: 24px; text-align: center; }
.a-map p { padding: 240px 0 0 1070px; line-height: 24px; }
.a-map img { position: absolute; }
.a-map img.m1 { left: 1049px; top: 123px; }
.a-map img.m2 { left: 921px; top: 372px; }
.a-map img.m3 { left: 967px; top: 399px; }
.a-map img.m4 { left: 1057px; top: 480px; }
.a-map img.m5 { left: 871px; top: 503px; }
.a-map img.m6 { left: 742px; top: 515px; }
.a-map img.m7 { left: 853px; top: 763px; }
.a-design { padding: 88px 0 76px; margin-top: 134px; background: #f0f4f0; }
.a-design .d1 { left: 13px; top: 23px; }
.a-design .d2 { left: 320px; top: 0; }
.a-design h2 { font-size: 24px; text-align: center; }
.a-design .ctn { width: 1420px; height: 729px; margin-top: 80px; }
.a-design .lctn { width: 147px; margin: 40px 0 0 70px; }
.a-design .lctn li { position: relative; width: 147px; height: 46px; font-size: 24px; line-height: 46px; text-align: center; cursor: pointer; }
.a-design .lctn li:after { position: absolute; right: 8px; top: 17px; content: ''; width: 19px; height: 13px; background: url(../images/arrow.png) no-repeat; opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all 1000ms; transition: all 1000ms; }
.a-design .lctn li:hover, .a-design .lctn li.cur { background: #6a8f69; color: #fff; }
.a-design .lctn li:hover:after, .a-design .lctn li.cur:after { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
.a-design .rctn { z-index: 2; left: 217px; top: 0; width: 1420px; height: 729px; overflow: hidden; }
#b1 { width: 1420px; background: none; border: none; margin: 0; }
#b1 .flex-control-nav { bottom: -32px; }
#b1 .flex-control-paging li a { background: #d5d9d5; box-shadow: none; }
#b1 .flex-control-paging li a:hover, #b1 .flex-control-paging li a.flex-active { background: #6a8f69; }
.a-partner { margin: 86px 0; }
.a-partner h2 { font-size: 24px; text-align: center; color: #7a7a7a; }
.a-partner img { margin: 56px auto 0; }
/*滚动条样式*/
.sbar_container { overflow: hidden; position: relative; }
.sbar_pane { position: absolute; }
.sbar_verticalbar { position: absolute; top: 0; right: 0; width: 3px; height: 100%; background: red; }
.sbar_horizontalbar { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: red; }
.sbar_verticalbar *, .sbar_horizontalbar * { margin: 0; padding: 0; }
.sbar_cap { display: none; }
.sbar_horizontalbar .sbar_cap { float: left; }
.sbar_track { background: #a6bca5; position: relative; }
.sbar_drag { background: #fff; position: relative; top: 0; left: 0; cursor: pointer; }
.sbar_horizontalbar .sbar_track, .sbar_horizontalbar .sbar_drag { float: left; height: 100%; }
.sbar_arrow { background: #fff; text-indent: -20000px; display: block; cursor: pointer; }
.sbar_arrow.sbar_disabled { cursor: default; background: #fff; }
.sbar_verticalbar .sbar_arrow { height: 3px; }
.sbar_horizontalbar .sbar_arrow { width: 3px; float: left; height: 100%; }
.sbar_verticalbar .sbar_arrow:focus { outline: none; }
.sbar_corner { background: #a6bca5; float: left; height: 100%; }
* html .sbar_corner { margin: 0 -3px 0 0; }
/*关于尚美生活集团*/
.as-info { height: 578px; padding-top: 103px; background: url(../images/as-info-bg.jpg) no-repeat center top; }
.as-info .ctn { width: 553px; height: 229px; padding: 110px 54px 150px 210px; background: #f0f4f0; }
.as-info .ctn p { margin-top: 33px; font-size: 16px; line-height: 24px; }
.as-rank { height: 754px; margin-top: 94px; }
.as-rank h2 { margin-bottom: 56px; font-size: 24px; text-align: center; }
.as-rank ul { width: 1388px; margin: 0 auto; }
.as-rank ul li { position: relative; float: left; width: 219px; height: 219px; margin: 0 64px; background: url(../images/as-rank-libg.png); text-align: center; color: #fff; cursor: pointer; }
.as-rank ul li:hover { background: url(../images/as-rank-lihbg.png); color: #6a8f69; }
.as-rank ul li:first-child { margin-left: 235px; }
.as-rank ul li h3 { padding-top: 76px; font-size: 28px; }
.as-rank ul li p { padding-top: 10px; font-size: 20px; line-height: 22px; }
.as-rank ul li.as2 h3 { padding-top: 62px; }
.as-rank .bot { margin-top: 40px; font-size: 16px; line-height: 24px; text-align: center; }
.as-culture { height: 500px; margin-bottom: 210px; background: #f0f4f0; }
.as-culture .as1 { left: 50%; top: 0; margin-left: -1030px; }
.as-culture .as2 { right: 125px; bottom: -58px; }
.as-culture h2 { padding: 55px 0 0 870px; font-size: 38px; font-weight: normal; }
.as-culture p { padding: 60px 0 0 870px; font-size: 20px; line-height: 35px; }
/*新闻资讯*/
.n-top .box { float: left; width: 710px; height: 566px; padding-left: 39px; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
.n-top .box:first-child { padding: 0 39px 0 0; border-left: none; }
.n-top .box img { width: 710px; height: 300px; }
.n-top .box a { display: block; margin-top: 40px; color: #3e393d; }
.n-top .box a p.time { font-size: 24px; }
.n-top .box a .fr h2 { width: 514px; max-height: 74px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; font-size: 26px; line-height: 37px; }
.n-top .box a .fr p { margin-top: 17px; width: 514px; max-height: 72px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; line-height: 24px; }
.n-top .box a:hover p.time { color: #fbbb98; }
.n-top .box a:hover .fr h2, .n-top .box a:hover .fr p { color: #6a8f69; }
.n-top .box.n2 { width: 450px; height: 446px; padding: 74px 37px 0 37px; }
.n-top .box.n2:first-child { padding: 74px 37px 0 0; }
.n-top .box.n2.last { padding: 74px 0 0 37px; }
.n-top .box.n2 img { width: 450px; height: 150px; }
.n-top .box.n2 a .fr h2, .n-top .box.n2 a .fr p { width: 270px; }
.n-ctn { margin: 82px 0 58px; }
.n-ctn a.box { display: block; width: 1014px; margin: 40px auto 0; padding: 46px 46px 22px 60px; border: 1px solid #d5d5d5; border-radius: 10px; }
.n-ctn a.box .fl h2 { width: 790px; max-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 26px; font-weight: normal; color: #3e393d; }
.n-ctn a.box .fl p { margin-top: 27px; width: 790px; max-height: 72px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; line-height: 24px; color: #878486; }
.n-ctn a.box .fr { text-align: right; }
.n-ctn a.box .fr p { font-size: 18px; color: #878486; }
.n-ctn a.box .fr .more { margin-top: 90px; }
.n-ctn a:hover.box { border-color: #fff; box-shadow: 0 0 24px rgba(62,57,61,.15); }
.n-ctn a:hover.box .fl h2, .n-ctn a:hover.box .fl p { color: #6a8f69; }
.n-ctn a:hover.box .fr p { font-weight: bold; color: #fbbb98; }
.n-more { display: block; width: 1120px; height: 66px; margin: 0 auto 185px; background: #f0f4f0; border-radius: 10px; font-size: 18px; line-height: 66px; text-align: center; color: #878486; }
.n-more:hover { background: #6a8f69; color: #fff; }
/*新闻资讯详情*/
.nd-box { padding-bottom: 110px; background: #f0f4f0; }
.nd-l { width: 1120px; padding-bottom: 94px; background: #fff; }
.nd-l .top { width: 1026px; height: 433px; padding: 36px 0 0 94px; }
.nd-l .top .i1, .nd-l .top .i2 { z-index: 1; left: 0; top: 0; width: 1120px; height: 469px; }
.nd-l .top .i2 { z-index: 2; background: url(../images/nd-ltop-bg.png) repeat; }
.nd-l .top .link { z-index: 3; }
.nd-l .top .link a, .nd-l .top .link span { font-size: 18px; color: #fff; }
.nd-l .top h2 { z-index: 3; margin-top: 268px; width: 940px; max-height: 120px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; font-size: 40px; font-weight: normal; line-height: 60px; color: #fff; }
.nd-l .time { margin: 0 90px; padding: 56px 0 18px; border-bottom: 1px solid #d5d5d5; font-size: 16px; color: #878486; }
.nd-l .ctn { padding: 54px 90px 150px; }
.nd-l .ctn img { max-width: 940px; }
.nd-l .botlink { margin: 0 90px; padding-top: 10px; border-top: 1px solid #d5d5d5; }
.nd-l .botlink li { margin-top: 20px; }
.nd-l .botlink li, .nd-l .botlink li a { font-size: 16px; color: #878486; }
.nd-l .botlink li a:hover { font-weight: bold; color: #6a8f69; }
.nd-r { width: 366px; }
.nd-ad img { width: 366px; }
.nd-r .recommend { width: 310px; padding: 30px 28px; margin-top: 13px; background: #fff; }
.nd-r .recommend h2 { font-size: 18px; text-align: center; }
.nd-r .recommend a.box { display: block; margin: 28px 0; border-bottom: 1px solid #d5d5d5; }
.nd-r .recommend a.box img { width: 310px; height: 131px; }
.nd-r .recommend a.box p { padding: 20px 20px 24px; width: 270px; max-height: 72px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; line-height: 24px; color: #878486; }
.nd-r .recommend a.box:hover { border-color: #6a8f69; }
.nd-r .recommend a.box:hover p { font-weight: bold; color: #6a8f69; }
/*留言成功*/
.success .i1 { left: 375px; top: 178px; animation: zoomIn 1000ms 100ms; }
.success .i2 { left: 432px; top: 190px; animation: zoomIn 1000ms; }
.success .i3 { left: 918px; top: 105px; animation: zoomIn 1000ms 100ms; }
.success .i4 { left: 1095px; top: 154px; animation: wiggle 1000ms infinite; }
.success .i5 { left: 1151px; top: 251px; animation: wiggle 1000ms 100ms infinite; }
.success h2 { padding: 214px 0 20px; font-size: 36px; text-align: center; color: #3b613a; }
.success h3 { font-size: 24px; text-align: center; color: #3b613a; }
.success p { padding: 120px 0 140px; font-size: 28px; line-height: 49px; text-align: center; color: #3b613a; }
/*加盟合作*/
.j-ban { width: 1512px; height: 792px; }
.j-ban .tlt { left: -218px; top: 68px; width: 208px; padding: 25px 10px 42px 0; background: #6a8f69; font-size: 24px; text-align: right; color: #fff; }
.j-ban .tlt:after { position: absolute; top: 54px; right: 10px; content: ''; width: 19px; height: 13px; background: url(../images/arrow.png); }
.j-ban .ctn { width: 1512px; overflow: hidden; }
.j-ban ul#jban { width: 1000%; margin-left: -12px; }
.j-ban ul#jban li { position: relative; float: left; width: 366px; height: 620px; margin-left: 12px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; cursor: pointer; }
.j-ban ul#jban li .ctn { z-index: 2; width: 320px; height: 40px; margin: 90px 0 578px 22px; background: rgba(62,57,61,.4); border: 1px solid #fff; border-radius: 40px; font-size: 22px; text-align: center; color: #fff; }
.j-ban ul#jban li .ctn p { width: 294px; line-height: 40px; }
.j-ban ul#jban li .ctn:after { position: absolute; z-index: 1; content: '+'; right: 6px; top: 6px; width: 28px; height: 28px; background: none; border: 1px solid #fff; border-radius: 100%; font-weight: bold; line-height: 28px; text-align: center; }
.j-ban ul#jban li img { position: absolute; top: 0; right: 0; width: 0; height: 620px; }
.j-ban ul#jban li.show .ctn:after { content: '—'; font-size: 18px; line-height: 25px; }
.j-ban ul.j-page { text-align: center; }
.j-ban ul.j-page li { display: inline-block; width: 36px; height: 36px; margin: 25px 12px 0; background: #fff; border: 1px solid #6a8f69; border-radius: 100%; font-size: 18px; line-height: 36px; text-align: center; color: #6a8f69; cursor: pointer; }
.j-ban ul.j-page li.active { background: #6a8f69; color: #fff; }
.j-state {  padding: 56px 0 82px; background: #f0f4f0; }
.j-state h2 { font-size: 24px; text-align: center; }
.j-state .box { width: 1350px; margin: 56px auto 0; }
.j-state .box.b2 { margin-top: 27px; }
.j-state .box.b3 { margin-top: 17px; height: 128px; }
.j-state .box .left { width: 200px; }
.j-state .box .left h3 { padding-top: 22px; font-size: 20px; color: #6a8f69; }
.j-state .box.b2 .left h3 { padding-top: 38px; color: #f1a175; }
.j-state .box.b3 .left h3 { padding-top: 43px; color: #6fb2c2; }
.j-state .box .left p { margin-top: 10px; color: #b7b8b6; }
.j-state .box .center .line { z-index: 0; left: 0; top: 33px; width: 480px; height: 1px; border-bottom: 1px dashed #3e393d; }
.j-state .box.b2 .center .line { top: 49px; }
.j-state .box.b3 .center .line { top: 53px; width: 620px; }
.j-state .box .center p { position: relative; z-index: 1; border-radius: 100%; text-align: center; color: #fff; }
.j-state .box .center p.p11 { width: 36px; height: 36px; margin: 16px 0 0 150px; background: #aacbaa; line-height: 36px; }
.j-state .box .center p.p12 { width: 50px; height: 50px; margin: 9px 0 0 95px; background: #aacbaa; line-height: 50px; font-size: 17px; }
.j-state .box .center p.p13 { width: 68px; height: 68px; margin: 0 0 0 109px; background: #6a8f69; line-height: 68px; font-size: 22px; }
.j-state .box .center p.p21 { width: 44px; height: 44px; margin: 28px 0 0 144px; background: #ffcbaf; line-height: 44px; font-size: 15px; }
.j-state .box .center p.p22 { width: 58px; height: 58px; margin: 21px 0 0 87px; background: #ffcbaf; line-height: 58px; font-size: 17px; }
.j-state .box .center p.p23 { width: 100px; height: 100px; margin: 0 0 0 91px; background: #faba97; line-height: 100px; font-size: 22px; }
.j-state .box .center p.p31 { width: 20px; height: 20px; margin: 44px 0 0 59px; background: #b1d2da; line-height: 20px; }
.j-state .box .center p.p32 { width: 36px; height: 36px; margin: 36px 0 0 71px; background: #b1d2da; line-height: 36px; }
.j-state .box .center p.p33 { width: 46px; height: 46px; margin: 31px 0 0 98px; background: #b1d2da; line-height: 46px; font-size: 17px; }
.j-state .box .center p.p34 { width: 74px; height: 74px; margin: 17px 0 0 108px; background: #b1d2da; line-height: 74px; font-size: 22px; }
.j-state .box .center p.p35 { width: 108px; height: 108px; margin: 0 0 0 58px; background: #9ec5ce; line-height: 108px; font-size: 22px; }
.j-state .box .center p.p031, .j-state .box .center p.p032, .j-state .box .center p.p033, .j-state .box .center p.p034, .j-state .box .center p.p035 { position: absolute; top: 116px; font-weight: bold; color: #b3b3b3; letter-spacing: 2px; }
.j-state .box .center p.p031 { left: 52px; }
.j-state .box .center p.p032 { left: 150px; }
.j-state .box .center p.p033 { left: 286px; }
.j-state .box .center p.p034 { left: 458px; }
.j-state .box .center p.p035 { left: 606px; }
.j-state .box .right { margin: 16px 0 0 60px; border-bottom: 1px solid #3e393d; font-size: 18px; line-height: 36px; color: #3e393d; }
.j-state .box.b2 .right { margin: 32px 0 0 44px; }
.j-state .box.b3 .right { margin: 34px 0 0 30px; }
.j-state .tips { margin: 58px 0 78px; font-size: 20px; text-align: center; color: #7b7b7b; }
.j-state .botl { width: 436px; height: 792px; background: url(../images/j-state-bl-bg.jpg) no-repeat; }
.j-state .botl h3 { padding: 40px 0 0 30px; font-size: 24px; }
.j-state .botl p { padding: 10px 0 0 30px; font-size: 18px; }
.j-state .botr { width: 870px; margin-left: 52px; }
.j-state .botr tr th, .j-state .botr tr td { width: 289px; height: 50px; border-bottom: 1px solid #d5d5d5; text-align: center; }
.j-state .botr tr th { font-family: yhr; font-weight: bold; border-right: 1px solid #d5d5d5; }
.j-state .botr tr:first-child th { height: 114px; font-size: 24px; border-right: none; }
.j-state .botr tr:first-child th.top { border: 1px solid #d5d5d5; }
.j-state .botr tr:first-child th.top img { display: inline; margin-top: 20px; }
.j-benifit { margin: 106px 0 98px; }
.j-benifit h2 { margin-bottom: 112px; font-size: 24px; text-align: center; }
.j-benifit .i1 { left: 0; top: 20px; }
.j-benifit .i2 { left: 50%; top: 536px; margin-left: 690px; }
.j-benifit .ctn { height: 490px; border-bottom: 1px solid #d5d5d5; }
.j-benifit .ctn #type { width: 600px; }
.j-benifit .ctn #type li { float: left; width: 110px; height: 110px; background: #fff; border: 1px solid #3e393d; border-radius: 100%; font-size: 24px; line-height: 110px; text-align: center; color: #3e393d; cursor: pointer; }
.j-benifit .ctn #type li.li1 { margin: 76px 0 0 100px; }
.j-benifit .ctn #type li.li2 { margin: 76px 190px 0 80px; }
.j-benifit .ctn #type li.li3 { margin: 13px 0 0 198px; }
.j-benifit .ctn #type li.li4 { margin: 13px 0 0 74px; }
.j-benifit .ctn #type li:hover, .j-benifit .ctn #type li.cur { background: #3e393d; color: #fff; }
.j-benifit .ctn .mainr .info { width: 749px; margin-top: 26px; }
.j-benifit .ctn .mainr .info li { display: none; }
.j-benifit .ctn .mainr .info li:first-child { display: block; }
.j-benifit .ctn .mainr .info li h2 { margin: 0; text-align: left; }
.j-benifit .ctn .mainr .info li p { margin-top: 16px; line-height: 23px; }
#b2 { width: 749px; height: 329px; background: none; border: none; margin: 0; }
#b2 .flex-control-nav { right: 9px; bottom: 14px; text-align: right; }
#b2 .flex-control-nav li { margin: 0 3px; }
#b2 .flex-control-paging li a { width: 16px; height: 16px; background: #6a8f69; box-shadow: none; font-size: 0; }
#b2 .flex-control-paging li a.flex-active { width: 32px; background: #3e393d; }
.j-mod { height: 526px; }
.j-mod h2 { font-size: 24px; text-align: center; }
.j-mod .box { margin: 102px 120px 0; }
.j-mod .box h3 { margin-bottom: 10px; font-size: 45px; font-weight: normal; text-align: center; }
.j-mod .box p { width: 140px; margin: 0 auto; border-bottom: 1px solid #d5d5d5; font-size: 18px; font-weight: bold; line-height: 1.5; text-align: center; }
.j-mod .box p span { font-size: 14px; }
.j-mod .line { width: 1px; height: 50px; margin: 0 auto; background: #d5d5d5; }
.j-mod .box ul { padding: 23px 0 20px; border: 1px solid #d5d5d5; border-left: none; border-right: none; }
.j-mod .box ul li { float: left; width: 85px; padding-top: 72px; background: url(../images/j-mod-ulbg.png) no-repeat; text-align: center; }
.j-mod .box ul li.l1 { background-position: 17px 0; }
.j-mod .box ul li.l2 { background-position: -70px 0; }
.j-mod .box ul li.l3 { background-position: -151px 0; }
.j-mod .box ul li.l4 { background-position: -246px 0; }
.j-mod .box ul li.l5 { background-position: -339px 0; }
.j-mod .box ul li.l6 { background-position: -415px 0; }
.j-condition { height: 620px; }
.j-condition h2 { font-size: 24px; text-align: center; }
.j-condition img { margin-top: 90px; }
.j-condition .ctn { left: 50%; top: 170px; width: 790px; height: 358px; padding: 32px 0 0 170px; background: url(../images/j-condition-ctnbg.jpg) no-repeat 86px 89px #6a8f69; color: #fff; }
.j-condition .ctn h3 { padding: 50px 0 18px; font-size: 24px; }
.j-condition .ctn p { line-height: 23px; }
.j-progress { margin-top: 128px; }
.j-progress h2 { font-size: 24px; text-align: center; }
.j-progress ul { position: relative; width: 1190px; margin: 80px auto 146px; }
.j-progress ul li { float: left; }
.j-progress ul li.box { width: 108px; height: 108px; background: #fff; border: 1px solid #000; border-radius: 100%; line-height: 108px; font-size: 16px; font-weight: bold; text-align: center; }
.j-progress ul li.box:first-child { line-height: 20px; }
.j-progress ul li.box:first-child p { font-size: 12px; }
.j-progress ul li.box:first-child p:first-child { padding-top: 35px; font-size: 16px; }
.j-progress ul li.line { width: 68px; height: 1px; margin-top: 54px; background: #000; }
.j-progress ul li.ab { top: -15px; right: 0; }
.j-bot { width: 1280px; margin: 150px auto 140px; }
.j-bot .i1 { right: -130px; bottom: -46px; }
.j-bot .info { width: 740px; height: 600px; background: #6a8f69; }
.j-bot .info .i2 {margin:0 auto; }
.j-bot .info div { width:640px;padding: 20px 50px 0; font-size: 18px; line-height: 1.5; color: #fff; }
.j-bot .fr { position: relative; z-index: 2; background: #fff; }
.j-bot .tips {
    font-size: 13px;
    color:#b3c1b3;
    padding:20px 50px 0;
}
.j-bot ol {
    text-align: center;
    padding:40px 0;
}
.j-bot ol li {
    display: inline-block;
    color:white;
    margin:0 15px;
}
.j-bot ol li h3 {
    font-size: 50px;
    font-weight: normal;
}
.j-bot ol li p {
    font-size: 26px;
    margin-top:35px;
}
.counter {
    background: white;
    border:2px solid #728e6c;
    width:740px;
    height:340px;
    position: relative;
    margin:28px 0 0 100px;
    padding:25px 0;
    z-index:2;
}
.counter:after {
    content: '';
    position: absolute;
    right:-83px;
    top:160px;
    z-index:-1;
    width:81px;
    height:235px;
    background: url("../images/counter-bg.png") no-repeat;
}
.counter h3 {
    font-size: 24px;
    font-weight:normal;
    text-align: center;
    color:#3e393d;
}
.counter ul {
    margin-top: 25px;
}
.counter ul li {
    margin-top: 13px;
    text-align: center;
}
.counter ul li span {
    display: inline-block;
    width:80px;
    padding:0 20px;
    text-align: right;
}
.counter ul li span.last {
    text-align: left;
}
.counter ul li input {
    width:256px;
    height:45px;
    line-height: 1;
    background: #f1f1f1;
    color:#333;
    font-size: 16px;
    padding:0 35px;
}
.counter ul li input.tel {
    background: white;
    border-bottom:1px solid #6a8f69;
    color:#6a8f69;
}
.counter ul li input.tel::-webkit-input-placeholder {color:#6a8f69;}
.counter ul li button {
    font-size: 24px;
    font-weight: bold;
    color:#6a8f69;
    border:1px solid #6a8f69;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width:106px;
    height:44px;
    line-height: 1;
    margin-right:14px;
    cursor: pointer;
}