@charset "utf-8";

/* CSS Document */





/*通用样式*/

* { margin: 0; border: 0; padding: 0; list-style: none; text-decoration: none; font-family: "微软雅黑"; }

body { font-size: 12px; color: #333333; background: #fff; max-width: 1920px;/* overflow: -Scroll; overflow-x: hidden; */ min-width: 320px; padding: 0 !important; margin: 0 !important; }

ul, dl, li, dd, dl, li { list-style: none; padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; padding: 0; margin: 0; }

span, em, i { font-style: normal; }

a { color: #333333; }

a:link, a:visited, a:active { text-decoration: none; star: expression(this.onFocus=this.blur());

}

a:hover { text-decoration: none; }

a:focus { outline: 0; }

img { border: none; display: block; -ms-interpolation-mode: bicubic; }

input { padding: 0; margin: 0; outline: none; border: 0 }

.fl { float: left; }

.fr { float: right; }

.t_l { text-align: left; }

.t_c { text-align: center; }

.t_r { text-align: right; }

.cl { clear: both; }

.clear { width: 10px; height: 0px; clear: both; overflow: hidden; }

.overflow { overflow: auto; zoom: 1; _overflow: visible; }

.clearFix { clear: both; }

.pc_hidden { display: none; }



@media(max-width:960px) {

.phone_hidden { display: none; }

.pc_hidden { display: block; }

.centerBox { width: 90% !important; margin: 0 auto; }

}



/*通用*/

.w90 { width: 90%; margin: 0 auto; }

.h50 { height: 50px; overflow: hidden; }

.h30 { height: 30px; overflow: hidden; }

.h20 { height: 20px; overflow: hidden; }

.h25 { height: 25px; overflow: hidden; }

.h35 { height: 35px; overflow: hidden; }

.h15 { height: 15px; overflow: hidden; }

.h10 { height: 10px; overflow: hidden; }

/*友情链接*/

.friendly-link { background-color: #e4e4e4; overflow: hidden; text-align: center; clear: both; }

.friendly-link li { margin-right: 12px; float: none; display: inline-block; }

.friendly-link li.title { margin-right: 16px !important; }

.friendly-link li a { color: #555; font-size: 14px; line-height: 32px }

.friendly-link li.title a { font-weight: bold; font-size: 16px !important; }

@media(max-width:800px) {

.friendly-link li.title a { font-size: 14px !important; }

.friendly-link li a { font-size: 12px; }

}



@media(max-width:720px) {

.friendly-link li { margin-right: 10px; }

.friendly-link li { margin-right: 8px; }

}



@media(max-width:640px) {

.friendly-link li.title a { font-size: 13px !important; }

.friendly-link li a { font-size: 10px; }

}



@media(max-width:480px) {

.friendly-link li { margin-right: 10px !important; display: inline-block; float: none; margin: 3px 0; }

.friendly-link { padding: 10px 0; text-align: center; }

.friendly-link li.title { width: 100%; margin-bottom: 3px; }

.friendly-link li a { line-height: 150%; font-size: 12px; }

}



@media(max-width:414px) {

.friendly-link { padding: 7px 0; text-align: center; }

.friendly-link li { margin-right: 8px !important; }

}

/*header*/

header.true .zhuzi { float: left; position: absolute; width: 20%; left: 0; top: 0; }

.logo { left: 35%; margin-top: 2%; }

header.true .logo { width: 22%; position: absolute; top: 32px; margin: 0 auto; margin-left: 3.5%; }

header.oyhy .logo { margin-top: 0; }

header.true .logo img { width: 100%; }

header.true .logo .pc_hidden { width: 100%; float: none; margin-left: -1%; }

header.true .phone { width: 20%; position: absolute; right: 40px; top: 35px; }

.nav { width: 100%; overflow: hidden !important; }

header.true .crosswise { margin-top: 14.1% !important; }

header.true .crosswise { position: relative; z-index: 99; text-align: center; }

header.true .crosswise li { position: relative; display: inline-block; }

header.true .crosswise li a { font-size: 18px; position: relative; line-height: 100%; letter-spacing: 1.5px; font-weight: bold; color: #6b6b6b; padding: 0 20px; }

header.true.honor .crosswise li a { color: #262626 !important; }

header.true.honor .crosswise li.current a { color: white !important; }

header.true.honor .crosswise li:hover a { color: white !important; }

header.true.honor.fixed-nav .crosswise li.current a { color: white !important; }

header.true .crosswise li:hover a { color: #32cb6f; }

.fixed-nav li:hover a { color: white !important; }

header.true .crosswise li.first a, header.true .crosswise li:first-child a { padding-left: 0; }

.fixed-nav { position: fixed !important; top: 0; left: 0; right: 0; margin-top: 0 !important; background-color: white; filter: alpha(opacity=90); background-color: rgba(255,255,255,0.9); box-shadow: 0px 0 15px #bfbfbf; z-index: 999; }

.fixed-nav .zhuzi, .fixed-nav .phone, .fixed-nav .logo { display: none; }

.fixed-nav .nav { background-color: #f7fffa !important; }

header.true.fixed-nav .crosswise { display: block; margin-top: 0 !important; }

.fixed-nav li a { line-height: 400% !important; display: inline-block; padding-left: 30px !important; padding-right: 30px !important; font-weight: normal !important; color: #333 !important; }

.fixed-nav li a:hover { color: white; background-color: #2bb361; }

.fixed-nav li.current a { color: white !important; display: block; background-color: #2bb361; }

header.true .side_icon { position: fixed; right: 0; top: 35%; }

header.true .side_icon a { display: block; cursor: pointer; background-color: #24b35d; }

header.true .side_icon a img { width: 70px; }

header.true .side_icon .menu { border-bottom: 1px solid rgba(255,255,255,0.8); border-bottom: 1px solid rgba(255,255,255,0.8); }

header.true .side_icon .phone { width: auto; position: static }



@media(max-width:1024px) {

header.true .crosswise li a { padding: 0 15px }

}



@media(max-width:960px) {

.fixed-nav .nav { background: none }

header.true { background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/header_bg.png) repeat; }

header.true .phone_top { padding: 10px 0; overflow: hidden; height: 74.033px; box-sizing: border-box; }

header.true .centerBox { position: relative; }

header.true .logo { width: auto; ; position: static; margin-left: 0; }

header.true .icon { position: absolute; right: 0; top: 19px; }

header.true .icon * { transition: 0.3s ease background; }

header.true .icon .menu_icon { background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/menu_top.png) no-repeat bottom center; width: 24px; height: 18px; }

header.true .icon .phone_icon { background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/phone_top.png) no-repeat bottom center; width: 20px; height: 20px; margin-right: 20px }

header.true .icon * { float: left; display: block; }

header.true .icon *:hover { background-position: top center; cursor: pointer }

.nav { padding-bottom: 20px; background: #f7fffa; padding-top: 2px; border-top: 2px solid #32c958; display: none; float: right; }

.nav li { padding: 0 !important; float: none; }

.nav li a { line-height: 250%; font-size: 18px !important; background-color: white; filter: alpha(opacity:85);

background-color: rgba(255,255,255,0.85); display: block; color: #4d4d4d; text-align: center; }

.nav li a:hover { color: white; background-color: #ccc !important; }

.nav li.current a { color: white !important; background-color: #32c958 !important; }

.fixed-nav .logo { display: block }

header.true .crosswise li { width: 100%; }

header.true .crosswise li a { font-weight: normal; line-height: 250% !important; background-color: #f7fffa; padding: 0 !important; }

header.true .crosswise li:hover a { color: white; }

.nav { position: relative; overflow: visible !important; }

.nav .close { background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/close.png); width: 12px; height: 12px; cursor: pointer; bottom: 20px; right: 20px; position: absolute; z-index: 9999; }

.nav .close:hover { border: 20px solid #f7fffa; bottom: 0; right: 0; color: red; z-index: 99999 }

.nav .close.hidden { z-index: 1 }

}



@media(max-width:720px) {

header.true .phone_top { padding: 7px 0; height: 68.0333px }

}



@media(max-width:640px) {

header.true .phone_top { height: 63.1167px; box-sizing: border-box; }

header.true .icon { top: 16px; }

header.true .side_icon a img { width: 57px; }

}



@media(max-width:540px) {

header.true .phone_top { padding: 5px 0; height: 54.2px; }

header.true .icon { top: 14px; }

header.true .crosswise li a { line-height: 240% !important; text-indent: 2.8% }

}



@media(max-width:480px) {

header.true .logo .pc_hidden { margin-left: -2%; }

header.true .phone_top { height: 51.75px; }

}



@media(max-width:414px) {

header.true .side_icon a img { width: 55px; }

header.true .side_icon { top: 45%; }

header.true .phone_top { height: 50.5167px }

}



@media(max-width:375px) {

.nav { padding-bottom: 15px; }

header.true .crosswise li a { font-size: 16px !important; }

header.true .side_icon a img { width: 50px; }

header.true .phone_top { height: 46.8333px; }

}



@media(max-width:320px) {

header.true .phone_top { height: 44.3833px; }

}

/*banner*/

.banner { margin: 0 auto; }

.banner img { width: 100%; margin: 0 auto; padding-top: 1.5%; }

/*main&h1*/

main { margin-bottom: 0 !important; }

main.qfgy { padding-bottom: 0; }

main h1.first { font-size: 40px; text-align: center; color: #663300; }

main h1.last { text-align: center; color: #663300; }



@media(max-width:1680px) {

main { padding-bottom: 30px; }

}



@media(max-width:960px) {

main { padding-bottom: 0; }

main.main_case { padding-bottom: 15px !important; overflow: hidden; }

}



@media(max-width:540px) {

main { padding-bottom: 0; }

}

/*案例细节*/

.alxj2 { margin-top: 2%; }

.alxj .left, .alxj2 .right { width: 35%; }

.alxj .right h1.last { font-size: 23.6px; padding-bottom: 1.95%; }

.alxj2 .left h1 { line-height: 110px; font-size: 44px; text-align: center; margin-top: -3%; color: #663300; }

.alxj .right, .alxj2 .left { width: 65%; padding: 0 4.3%; box-sizing: border-box; }

.alxj .right { padding-top: 1%; }

.alxj .right img, .alxj2 .left img { width: 31.3%; float: left; margin-left: 3%; }

.alxj .right .img1, .alxj .right .img4, .alxj2 .left .img1, .alxj2 .left .img4 { margin-left: 0; }

.alxj .right .img1, .alxj .right .img2, .alxj .right .img3, .alxj2 .left .img1, .alxj2 .left .img2, .alxj2 .left .img3 { margin-bottom: 3%; }



@media(max-width:960px) {

.alxj { padding-bottom: 50px; overflow: hidden; }

.alxj .right, .alxj2 .left { width: 100%; padding: 0; }

}



@media(max-width:840px) {

.alxj .right img, .alxj2 .left img { width: 33.3%; float: left !important; margin: 0 !important; padding: 2%; box-sizing: border-box; }

.alxj .right .img1, .alxj .right .img2, .alxj2 .left .img1, .alxj2 .left .img2, .alxj2 .left .img3, .alxj .right .img3 { padding-top: 0 }

.alxj .right .img5, .alxj .right .img6, .alxj .left .img1, .alxj .left .img2 { padding-bottom: 0 }

.alxj header, .alxj2 header { margin: 2px 0 }

}



@media(max-width:640px) {

.alxj, .alxj2 .left .cases { padding-bottom: 40px !important; overflow: hidden; }

.alxj2 .left .img5, .alxj2 .left .img6 { padding-bottom: 0 }

}



@media(max-width:480px) {

.alxj, .alxj2 .left .cases { padding-bottom: 25px !important; }

}



@media(max-width:360px) {

.alxj, .alxj2 .left .cases { padding-bottom: 30px !important; }

}

/*企业简介*/

.qyjj { background-color: #72d18b; }

.qyjj h1 { width: 35%; color: white !important; float: left; margin-top: 5.6%; }

.qyjj img { width: 65%; float: right; }



@media(max-width:960px) {

.qyjj { padding: 35px; background: transparent url(http://img1.qifeng1.com/statics/images/141_yuanlin/images/bsal3.png) no-repeat center center; }

.qyjj * { color: white; }

.qyjj h1 { width: auto; float: none; margin-bottom: 15px; margin-top: 0; }

.qyjj .text { font-size: 18px; line-height: 200% }

}



@media(max-width:640px) {

.qyjj .text { background-color: black; filter: alpha(opacity=50); background-color: rgba(0,0,0,0.5); padding: 10px; ; box-sizing: border-box; }

}



@media(max-width:540px) {

.qyjj { padding: 25px; }

.qyjj .text { font-size: 16px; }

}



@media(max-width:375px) {

.qyjj .text { font-size: 14px; background-color: black; filter: alpha(opacity=50); background-color: rgba(0,0,0,0.5); padding: 10px; ; box-sizing: border-box; }

}

/*企业文化*/

.qywh .left { width: 45%; }

.qywh .right { width: 55%; }

.qywh h1.first { margin-top: 3.6%; }

.qywh h1.last { font-size: 16px; margin-bottom: 1.85%; }

.qywh .right p { font-size: 18px; text-align: center; line-height: 36px; color: #663300; }

.qywh .right p.hidden { display: none }

.qywh .more { font-size: 18px; display: block; margin-top: 2.35%; border: 1px solid black; width: 150px; padding: 10px; margin-left: auto; margin-right: auto; text-align: center; }

.qywh .more:hover { color: white; background: #404040; }



@media(max-width:960px) {

.qywh .left { display: none; }

.qywh .right { width: 100%; float: none; }

}

/*案例名称*/

.almc { background-color: #e6e6e6; padding-bottom: 4%; }

.almc header { padding: 1.2% 0; }

.almc h1.last { font-size: 28px }

.almc figure { width: 23.75%; margin-left: 1%; float: left; padding-top: 2%; background-color: white; margin-right: 0; }

.almc figure img { width: 100%; }

.almc figure figcaption { font-size: 22px; line-height: 72px; text-align: center; }

.almc figure figcaption a { color: #663300; display: block; font-size: 18px; }

.almc figure figcaption a:hover { color: #8D4600; }



@media(max-width:960px) {

.almc { background: none; }

.almc header { padding: 20px 0 15px 0; }

.almc figure { /*! width: 50%; */ /*! margin: 0; */ padding: 0 1%; /*! background: none; */ box-sizing: border-box !important; }

.almc figure figcaption a { font-size: 24px }

}



@media(max-width:720px) {

.almc header { padding: 15px 0 10px 0; }

}



@media(max-width:640px) {

.almc header { padding: 0; }

.almc header h1 { line-height: 100%; line-height: normal !important; }

.almc figure figcaption a { font-size: 22px; }

}



@media(max-width:540px) {

.almc { padding-bottom: 40px !important; }

.almc figure figcaption a { font-size: 18px; }

}



@media(max-width:480px) {

.almc { padding-bottom: 38px !important; }

}



@media(max-width:360px) {

.almc { padding-bottom: 33px !important; }

}

/*服务流程*/

.fwlc { width: 100%; margin: 0 auto; }

.fwlc_ header img { width: 35%; margin: 0; }

.fwlc_ .phone, .fwlc_ .pad { display: none; }

.fwlc_ .pad header img { width: 570px; margin: 0 auto; margin-bottom: 40px; }

.fwlc_ .pad .content { }

.fwlc_ .pad .content img.main { width: 85%; margin: 0 auto; }

.fwlc_ .pad .content img.main2, .fwlc_ .pad .content img.main3 { display: none }

.fwlc_ .pad .content img.bz { width: 350px; margin: 0 auto; margin-top: 30px; opacity: 0.8; filter: alpha(opacity=80); }



@media(max-width:960px) {

.fwlc_ { padding: 40px 0; }

.fwlc_ { background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/fwlc_bg_.png) no-repeat center center; }

.fwlc_ .pad { display: block }

.fwlc_ .pad .content img.main { width: 95%; }

}



@media(max-width:768px) {

.fwlc_ .pad .content img.main { display: none }

.fwlc_ .pad .content img.main2 { width: 100%; display: block; }

}



@media(max-width:640px) {

.fwlc_ .pad header img { width: 500px; }

}



@media(max-width:540px) {

.fwlc_ .pad .content img.main2 { display: none; }

.fwlc_ .pad .content img.main3 { display: block; width: 100% }

.fwlc_ .pad header img { width: 420px }

.fwlc_ .pad .content img.bz { width: 300px; }

}



@media(max-width:414px) {

.fwlc_ .pad header img { width: 97%; }

.fwlc_ .pad .content img.bz { width: 70%; }

}

/*成单流程*/

.cdlc { padding-bottom: 2.5%; }

.cdlc header { padding-top: 2.5%; padding-bottom: 1%; }

.cdlc h1 { color: #24b35d !important }

.cdlc h1.last { font-size: 26px; }

.cdlc img { margin-left: auto; margin-right: auto; }

.cdlc .unit { width: 33.3%; box-sizing: border-box; float: left; }

.cdlc .unit img { width: 100% !important; float: none; padding: 2% 3.5% !important; box-sizing: border-box; margin: 0; }



@media(max-width:960px) {

.cdlc { padding-top: 35px; overflow: hidden; padding-bottom: 20px; }

main.home section.cdlc h1.first { font-size: 37px !important; line-height: 115% }

.cdlc h1.last { font-size: 22px !important; letter-spacing: 2px; display: block !important; color: #999 !important; }

.cdlc { text-align: center }

}



@media(max-width:840px) {

.cdlc .unit { /*! width: 100%; */ }

}



@media(max-width:768px) {

.cdlc .unit8 { }

}



@media(max-width:720px) {

.cdlc header { padding-bottom: 0; margin-bottom: -20px; }

main.home section.cdlc h1.first { font-size: 30px !important; }

.cdlc h1.last { font-size: 18px !important; }

}



@media(max-width:640px) {

.cdlc { padding-top: 28px; }

}



@media(max-width:540px) {

.cdlc header { margin-bottom: -15px; }

main.home section.cdlc h1.first { font-size: 26px !important; }

.cdlc h1.last { font-size: 16px !important; }

}



@media(max-width:414px) {

.cdlc header { margin-bottom: 0; }

.cdlc .unit img { padding: 1.5% !important; }

}

/*地图*/

.map { padding-top: 5%; padding-bottom: 43%; background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/map_bg.png) repeat center center; overflow: hidden; clear: both; }

.map .centerBox { width: 70%; margin: 0 auto; position: relative; }

.map .img { float: left; position: relative; width: 65%; background-size: 65%; }

.map .img img { position: absolute; width: 100% }

.map .btn .button { padding: 7px 30px; border: 1px solid black; font-size: 20px; text-align: center; margin-bottom: 12%; cursor: pointer; }

.map .btn { position: absolute; right: 0; margin-top: 16%; }

.map .btn .current { background-color: #262626; color: white }

.map .img a{display: block;}



@media(max-width: 1919px) {

.cdlc img { width: 66%; }

}



@media(max-width:1800px) {

.qywh .more { font-size: 14px; width: 128px; }

.qywh h1.last { }

.qywh .right p { font-size: 16px; line-height: 32px; }

}



@media(max-width:1680px) {

header.true .logo { top: 30px }

header.true .phone { width: 22%; right: 30px; top: 25px; }

header.true .crosswise { margin-top: 14.4% !important; }

.banner img { padding-top: 1.6%; }

main.home .alxj h1.first, main.home .qywh h1.first, .almc h1.first, main.home .qyjj h1, main.home .cdlc h1.first { font-size: 36px !important; }

main.home .alxj2 .left h1 { font-size: 38px; line-height: 96px }

main.home .alxj h1.last { font-size: 22px !important; }

main.home .qywh h1.last { font-size: 14.6px }

.almc h1.last { font-size: 25.4px }

main.home .cdlc h1.last { font-size: 24px }

.qywh h1.first { margin-top: 3.4%; }

.qywh h1.last { margin-bottom: 1.65%; }

.qywh .more { margin-top: 2.35%; }

}



@media(max-width:1600px) {

.qywh .more { width: 114px; margin-top: 2%; }

.qywh h1.first { margin-top: 2.83%; }

header.true .crosswise { margin-top: 15% !important; }

}



@media(max-width:1440px) {

.qywh h1.first { margin-top: 2.9% }

header.true .crosswise { margin-top: 15.55% !important; }

header.true .logo { width: 24%; margin-left: 1.5%; }

header.true .crosswise li a { font-size: 16.6px; }

footer .crosswise { padding-bottom: 1px !important; }

footer .FriLink { margin-bottom: 25px !important; }

main.home .alxj h1.first, main.home .qywh h1.first, .almc h1.first, main.home .cdlc h1.first, main.home .qyjj h1 { font-size: 30.6px !important; }

main.home .alxj h1.last { font-size: 18.4px !important; }

main.home .alxj2 .left h1 { font-size: 34px !important; line-height: 84px }

main.home .qywh h1.last { font-size: 12.6px }

.almc h1.last { font-size: 21.6px }

main.home .cdlc h1.last { font-size: 20.6px }

.almc figure figcaption { line-height: 60px }

.qywh .right p { font-size: 14px; line-height: 28px; }

.personal_zl td.small input { padding-top: 10px; padding-bottom: 10px; }

.personal_zl * { font-size: 16px; }

.personal_zl tr.big input { line-height: 40px; }

.map { padding-bottom: 46%; }

.map .img { width: 70%; }

.map .btn { margin-top: 15%; }

.map .btn .button { font-size: 18px }

}



@media(max-width:1400px) {

header.true .logo { width: 26%; margin-left: 0.5%; }

.qywh .more { font-size: 12px; width: 114px; margin-top: 1%; padding: 5px; }

header.true .crosswise { margin-top: 16.9% !important; }

.banner img { padding-top: 1.8%; }

.map { padding-bottom: 49%; }

.map .img { width: 75%; }

.map .btn { margin-top: 18%; }

.map .btn .button { font-size: 16px; padding: 7px 20px }

}



@media(max-width:1366px) {

.qywh .more { margin-top: 2.5%; }

header.true .logo { width: 28%; margin-left: -0.5%; top: 25px; }

header.true .crosswise { margin-top: 17.65% !important; }

.banner img { padding-top: 1.8%; }

main.home .alxj h1.first, main.home .qywh h1.first, .almc h1.first, main.home .cdlc h1.first, main.home .qyjj h1 { font-size: 30px !important; }

main.home .alxj h1.last { font-size: 17.6px !important; }

main.home .alxj2 .left h1 { font-size: 30px !important; line-height: 74px }

main.home .qywh h1.last { font-size: 12px }

.almc h1.last { font-size: 20.6px }

main.home .cdlc h1.last { font-size: 20px }

.qywh .right p { font-size: 14px; line-height: 26px; }

.qywh h1.first { margin-top: 3.4%; }

.map { padding-bottom: 52%; }

.map .img { width: 80%; }

.map .btn { margin-top: 20%; }

}



@media(max-width:1280px) {

footer .logo { width: 22.5%;/*margin-top:-13.8% !important;*/ }

header.true .crosswise { margin-top: 17.75% !important; }

.alxj .right { padding-top: 0; }

.alxj2 { padding-top: 0 }

.alxj h1 { line-height: 76px; }

main.home .alxj2 .left h1 { font-size: 28px !important; line-height: 72px; }

.almc { padding-bottom: 3.35%; background: none; }

.almc h1 { line-height: 54px }

main.home .alxj h1.last, main.home .qywh h1.last.last, .almc h1.last, main.home .cdlc h1.last { display: none }

.alxj .right { padding: 0 4%; }

.qywh h1.first { margin-top: 3.5%; margin-bottom: 1.7%; }

}



@media(max-width:1242px) {

.alxj .right { padding: 0 4.2%; }

}



@media(max-width:1152px) {

header.true .crosswise { margin-top: 18% !important; }

header.true .crosswise li a { font-size: 16px; }

.alxj2 .left { padding: 0 5%; }

.qywh h1.first { margin-bottom: 1.2%; margin-top: 2% }

.alxj .right { padding: 0 4.5%; }

.map { padding-bottom: 54%; }

.map .img { width: 85%; }

.map .btn { margin-top: 22%; }

.map .btn .button { padding: 5px 18px; font-size: 14px; }

.fixed-nav li a { padding: 0 24.5px !important; }

}



@media(max-width:1080px) {

header.true .logo { width: 32%; margin-left: -2.55%; }

header.true .crosswise { margin-top: 20.3% !important; }

.banner img { padding-top: 2.1%; }

footer .logo { width: 22%; }

.alxj2 .left { padding: 0 5.5%; }

.alxj .right { padding: 0 5%; }

.qywh .right p { font-size: 14px; line-height: 24px; }

.cdlc { margin-bottom: 1% }

.qywh .more { margin-top: 2.35%; }

.map { padding-bottom: 58%; }

.map .img { width: 90%; }

.map .btn { margin-top: 24%; }

.map .btn .button { padding: 5px 7px; }

}



@media(max-width:1024px) {

header.true .zhuzi { left: -2%; }

header.true .crosswise { margin-top: 20.3% !important; }

.alxj2 .left { padding: 0 6.3%; }

.alxj .right { padding: 0 5.5%; }

.qywh .right p.block { display: none }

.qywh .right p.hidden { display: block }

.qywh .more { border: 0; font-size: 14px; margin-top: 1% }

.qywh .more:hover { background-color: transparent; color: black; text-decoration: underline }

.qywh .right p { line-height: 23.6px; font-size: 13.4px }

.qywh h1.first { margin-bottom: 2.5% }

footer .FriLink { padding: 18px 25px !important; }

.map .btn .button { padding: 5px; }

}



@media(max-width:1000px) {

header.true .zhuzi { left: -3%; }

.alxj2 .left { padding: 0 6.5%; }

.qywh h1.first { margin-top: 2.5%; margin-bottom: 1.35%; }

.qywh .more { margin-top: 0.7%; }

.map .btn .button { font-size: 13.4px }

}



@media(max-width:960px) {

header.true .logo { width: 220px; display: block; margin: 0 auto; }

.banner img { padding-top: 0; box-sizing: border-box; }

header.true .crosswise { margin-top: 0 !important; width: auto !important; background: none !important; }

.alxj .right { padding: 0; }

.alxj2 .left { padding: 0; padding-top: 7px; }

.qywh { margin-top: 35px; }

.qywh .right { background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/qfgy.png) no-repeat center center; padding: 30px 0; box-sizing: border-box; }

.qywh h1.first { margin-top: 0; }

.qywh .right * { color: white !important; }

.qywh .right p { line-height: 200%; font-size: 16px; }

.almc figure figcaption { line-height: 250%; font-size: 18px; }

.qywh .more { background-color: white; filter:alpha(opacity:65);

background: rgba(255,255,255,0.65); color: #663300 !important; font-weight: bold }

.qywh .more:hover {

filter:alpha(opacity:85); background: rgba(255,255,255,0.85); text-decoration: none; }

.map { padding: 50px 0; }

.map .centerBox { width: 99% !important; }

.map .img { float: none; position: static; width: 96%; margin: 0 auto; /*background: url(map.png) no-repeat top left; */background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; overflow: hidden; padding-top: 40px; }

.map .btn { position: static; width: 91%; margin: 0 auto; }

.map .img img { position: static }

.map .btn .button { padding: 0; font-size: 18px; text-align: center; margin-bottom: 0; cursor: default; width: 19%; float: left; box-sizing: border-box; margin: 0 0.5%; line-height: 170%; }

}



@media(max-width:768px) {

.map { padding: 45px 0; }

}



@media(max-width:640px) {

.qywh { margin-top: 0; }

header.true .logo { width: 200px; }

.qywh .right p { text-align: left; }

main.home .alxj h1.first, .alxj2 h1, main.home .qywh h1.first, .almc h1.first, main.home .cdlc h1.first, main.home .qyjj h1 { font-size: 26px !important; }

.alxj header, .alxj2 header, .almc header { margin: 17px 0; }

.alxj h1, .alxj2 h1 { line-height: normal !important; }

.qywh header { padding-top: 40px; padding-bottom: 15px; }

.qywh .right { padding-top: 0; }

.qywh .right .content { background-color: rgba(0,0,0,0.5); padding: 10px; }

.qywh .more { margin-top: 15px; }

.map .img { padding-top: 35px; }

}



@media(max-width:540px) {

.qywh header { padding-top: 0; padding-bottom: 15px; }

header.true .logo { width: 180px; }

.qywh .right { padding: 30px 0 }

.map .btn .button { font-size: 16px; }

.almc figure figcaption { line-height: 200%; font-size: 16px; }

.almc figure figcaption a { font-size: 16px; }

.map { padding-top: 40px; padding-bottom: 38px; }

.map .img { padding-top: 30px; }

}



@media(max-width:480px) {

header.true .logo { width: 170px; }

header.true .icon { top: 12px; }

.map .img { padding-top: 30px; width: 99% }

.almc figure figcaption a { font-size: 14px; line-height: 100%; padding-top: 5px; }

}



@media(max-width:480px) {

.map .btn .button { font-size: 14px; width: auto; padding: 0 3.1%; }

.alxj header, .alxj2 header, .almc header { margin: 14px 0; }

}



@media(max-width:414px) {

.map { padding-top: 35px; padding-bottom: 35px; }

.map .img { padding-top: 25px; }

header.true .logo { width: 165px; }

header.true .icon { top: 11px; }

.map .btn .button1, .map .btn .button2 { width: 47%; margin: 0 1.5%; margin-bottom: 3%; }

.map .btn .button3, .map .btn .button4, .map .btn .button5 { width: 30%; margin: 0 1.65%; }

}



@media(max-width:375px) {

main.home .alxj h1.first, .alxj2 h1, main.home .qywh h1.first, .almc h1.first, main.home .cdlc h1.first, main.home .qyjj h1 { font-size: 22px !important; }

.alxj header, .alxj2 header, .almc header { margin: 12px 0; }

.qywh header { padding-bottom: 10px; }

.qywh .right p { font-size: 13px; }

.map .btn .button { padding: 0 1.3%; }

.map { padding-bottom: 25px; }

header.true .logo { width: 150px; }

header.true .icon { top: 9px; }

}



@media(max-width:320px) {

header.true .logo { width: 140px; }

header.true .icon { top: 8px; }

}

/*二级页面-关于我们-公司介绍*/

.about_intro header { position: relative; text-align: center; padding-top: 2.5%; padding-bottom: 1.2%; }

.about_intro h1 { font-size: 40px; }

.about_intro p { font-size: 30px; font-family: "新宋体"; line-height: 45px; }

.about_intro .left, .about_intro .middle, .about_intro .right { float: left; }

.about_intro .left, .about_intro .right { width: 25%; }

.about_intro .middle { width: 50%; }

.about_intro img.last { width: 100%; }



@media(max-width:1866px) {

.about_intro .left_ { text-indent: 48px; font-size: 24px; line-height: 56px; padding-top: 7%; padding-bottom: 8.20%; }

}



@media(max-width:960px) {

.about_intro .pc_hidden img { width: 100%; }

.about_intro .pc_hidden .text { background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/about_bg.jpg) center center; }

.about_intro .pc_hidden .text header * { /*! color: white; */ }

.about_intro .pc_hidden .text .color { padding: 35px 0; background-color: rgba(242, 242, 242, 0.75); }

.about_intro .pc_hidden .text * { color: #222;line-height:1.8 !important;}

.about_intro .pc_hidden .text1 { }

.about_intro .pc_hidden .text1 header { letter-spacing: 1px; padding: 0; margin-bottom: 15px }

.about_intro .pc_hidden .text1 header h1, .team h1.first { font-size: 30px !important; }

.about_intro .pc_hidden .text1 header p { font-size: 20px !important; }

.about_intro .pc_hidden .text * { font-size: 20px !important }

.about_intro header p { line-height: 150% }

.about_intro .pc_hidden .text2 li { list-style-type: disc; font-size: 20px !important; list-style-position: inside; }

.about_intro .pc_hidden .text2 li h2 { font-family: "微软雅黑"; line-height: 200%; font-weight: bold; letter-spacing: 1px; display: inline; }

.about_intro .pc_hidden .text2 li p { line-height: 170% }

}



@media(max-width:840px) {

.about_intro .pc_hidden .text * { font-size: 18px !important }

}



@media(max-width:720px) {

.about_intro .pc_hidden .text * { font-size: 16px !important; }

}



@media(max-width:640px) {

.about_intro .pc_hidden .text1 header h1, .team h1.first { font-size: 26px !important; }

}



@media(max-width:540px) {

.about_intro .pc_hidden .text1 header h1, .team h1.first { font-size: 24px !important; }

.about_intro .pc_hidden .text1 header p { font-size: 13px !important; }

.about_intro .pc_hidden .text *, .about_intro .pc_hidden .text2 li h2, .about_intro .pc_hidden .text2 li {font-size: 13px !important;line-height: 160%;letter-spacing: 0;}

}



@media(max-width:480px) {

.about_intro .pc_hidden .text .color { padding: 30px 0; }

.about_intro .pc_hidden .text1 header { }

}



@media(max-width:375px) {

.about_intro .pc_hidden .text1 header h1, .team h1.first { font-size: 22px !important; }

.about_intro .pc_hidden .text1 header { }

}



@media(max-width:320px) {

.about_intro .pc_hidden .text .color { padding: 25px 0; }

}

/*二级页面-关于我们-team*/

.team { background-color: #51d3a8; position: relative; z-index: 1; padding-bottom: 2.5%; }

.team header { padding: 2.2% 0; }

.team h1 { color: white !important }

.team h4 { margin-bottom: 7%; font-size: 38px; }

.team .one { float: left; width: 47%; margin-left: 2%; background-color: #fff; margin-bottom: 2%; padding: 2% 0; }

.team .one img, .team .one .intro { float: left; }

.team .one img { margin: 0 5%; }

.team .one .intro { padding-top: 3%; }

.team .one .intro p { font-family: "新宋体"; font-size: 26px; line-height: 44px; }

.team .one .intro1 p { font-size: 20px; line-height: 34px; }



@media(max-width: 1680px) {

.about_intro h1, .team h1.first { font-size: 36px; }

.team h1.last { font-size: 16px }

.team header { padding: 2% 0; }

/*.about_intro p {font-size: 25.6px; line-height: 40px;}	*/

.team h4 { font-size: 34px; }

.team .one { padding: 3% 0 }

.team .one .intro { padding-top: 4.2%; padding-bottom: 4.2%; }

.team .one .intro p { font-size: 24px; line-height: 42px }

.team .one .intro1 { padding-top: 1.7%; padding-bottom: 1%; }

}



@media(max-width: 1440px) {

.about_intro h1, .team h1.first { font-size: 30.6px; }

.team h1.last { font-size: 14px }

.about_intro p { font-size: 26px; line-height: 36px; }

.team .one img { width: 37%; padding: 5% 1.5%; }

.team .one { padding: 0 }

.team h4 { font-size: 30px }

.team .one .intro p { font-size: 22px; line-height: 38px; }

.team .one .intro { padding-top: 11%; }

.team .one .intro1 { padding-top: 9%; }

}



@media(max-width: 1366px) {

.team .one .intro1 { padding-top: 7.8%; }

.about_intro p { font-size: 24px; }

.about_intro h1, .team h1.first { font-size: 36px; }

.team h1.last { font-size: 16px }

}



@media(max-width: 1280px) {

.team .one img { padding: 6% 1.5% }

}



@media(max-width: 1268px) {

.team .one .intro p { font-size: 20px; line-height: 34px; }

.team .one .intro { padding-top:;

padding-bottom:%;

}

.team .one .intro1 { padding-bottom: %;

}

}



@media(max-width: 1080px) {

.team .one .intro1 { padding-top: 7%; }

.team .one .intro p:last-child { font-size: 18px; }

}



@media(max-width: 1155px) {

.team h4 { font-size: 26px; }

}



@media(max-width: 1024px) {

.team .one .intro { padding-top: 9.5%; }

.team .one .intro1 { padding-top: 5.8%; }

}



@media(max-width: 1000px) {

.intro { padding-top: 8.7%; }

.team .one .intro1 { padding-top: 5%; }

}



@media(max-width:960px) {

.team { padding-bottom: 4%; background-color: #e9e9e9; }

.team h1.first { color: #333 !important; }

.team h1.last { color: #838383 !important; }

.team .one .intro { padding-top: 7%; }

.team .one .intro1 { padding-top: 2.5%; }

.team .one { height: 199.533px; border: 1px dashed #ccc;/*! background-color: #83ec9d; */ }

.team .one .intro p { font-size: 16px !important; }

}



@media(max-width:840px) {

.team .one { height: auto; }

.team .one .intro { padding-top: 4%; }

.team .one .intro * { line-height: 182% !important; }

.team h4 { margin-bottom: 0 !important; }

.team .one .intro1 { padding-top: 0%; }

.team .one img { width: 35%; padding-right: 0 !important; }

}



@media(max-width:800px) {

.team .one .intro { padding-top: 7%; }

.team .one .intro1 { padding-top: 4%; }

.team .one .intro h4 { font-size: 22px; line-height: 100% !important; padding-bottom: 10px; }

.team .one { height: 159px; }

}



@media(max-width:768px) {

.team .one { position: relative; }

.team .one .intro { position: absolute; left: 46%; }

.team .one .intro p { font-size: 15px !important; letter-spacing: -1px !important; }

.team .one img { padding: 7% 1.5%; }

}



@media(max-width:720px) {

.team .one img { padding: 8.7% 1.5%; padding-left: 3px; }

.team .one:nth-of-type(7) .intro { padding-top: 4% !important; }

.team .one:nth-of-type(7) .intro p:last-child { width: 119px; }

}



@media(max-width:640px) {

.team .one { height: auto; }

.team .one .intro1 { padding-top: 3% !important; }

.team .one .intro h4 { font-size: 20px; }

.team .one:nth-of-type(1) .intro *, .team .one:nth-of-type(7) .intro * { line-height: 150% !important; }

.team .one .intro h4 { padding-bottom: 5px; }

}



@media(max-width:540px) {

.team { padding-bottom: 30px; }

.team header { padding: 3.5% 0; /*! margin-bottom: 45px; */ }

.team .one { /*! width: 100%; */ /*! margin-bottom: 20px; */ margin-left: 0; width: 48%; box-sizing: border-box; height: 184px; margin-top: 12%; }

.team .one1, .team .one2 { height: 210px !important; }

.team .one img { width: 40%; padding: 5% 1.5% !important; margin: 0 auto; float: none; margin-top: -25%; margin-bottom: -1%; }

.team .one .intro { position: static; padding-top: 0 !important; margin: 0 auto; float: none; padding: 0 30px 20px 30px !important; }

.team .one .intro h4 { padding-bottom: 0; font-size: 20px; text-align: center; font-weight: bold; letter-spacing: 1px; }

.team .one .intro p { font-size: 14px !important; letter-spacing: 0 !important; margin-top: 5px; background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/circle.png) no-repeat 0 7.5px; padding-left: 8px; }

section.team .one .intro *, .team .one:nth-of-type(1) .intro *, .team .one:nth-of-type(7) .intro * { line-height: 150% !important; }

.team .one .intro h4 {/*! line-height: 100% !important; */ }

.team .one1, .team .one3, .team .one5, .team .one7 { float: left; }

.team .one2, .team .one4, .team .one6, .team .one8 { float: right; }

.team .one:nth-of-type(7) .intro p:last-child { width: auto }

.team .one:nth-of-type(7) .intro { padding-top: 0 !important; }

}



@media(max-width:480px) {

.team header { padding-bottom: 5px }

.team .one { height: 179px; }

.team .one1, .team .one2 { height: 205px !important; }

.team .one .intro { padding: 0 16px 13px 16px !important; }

}



@media(max-width:414px) {

.team .one .intro p { font-size: 13px !important; font-family: "微软雅黑"; background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/circle.png) no-repeat 0 6px; padding-left: 6px !important; }

.team .one { height: 163px; }

.team .one1, .team .one2, .team .one7, .team .one8 { height: 187px !important; }

.team .one .intro p { letter-spacing: 0.5px !important; }

}



@media(max-width:375px) {

.team .one1, .team .one2, .team .one5, .team .one6, .team .one7, .team .one8 { height: 187px !important; }

}



@media(max-width:360px) {

.team .one1, .team .one2, .team .one5, .team .one6, .team .one7, .team .one8 { height: 176px !important; }

.team .one { height: 153px }

.team .one .intro p { font-size: 12px !important; }

}



@media(max-width:320px) {

.team .one .intro { }

.team .one:nth-last-of-type(3) img { padding: 5% 0 !important; padding-left: 0% !important; }

.team .one:nth-last-of-type(3) .intro { }

.team .one .intro p { font-size: 10px !important; background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/circle.png) no-repeat 0 4px; }

.team .one .intro h4 { font-size: 18px; }

.team .one img { margin-bottom: -6% }

.team .one1, .team .one2, .team .one5, .team .one6, .team .one7, .team .one8 { height: 148px !important; }

.team .one { height: 128px; }

}

/*二级页面-别墅案例  & 地产案例  & 地产案例  & 市政案例  & 绿化案例*/

.Bscase .almc header, .DcCase .almc header, .DcCase .almc header, .Szcase .almc header, .LhCase .almc header { padding-top: 2% !important; }

main.main_case .text { z-index: 2 }

.al { margin-top: 5%; }

.szal { margin-top: -1% }

.main_case .h1 { font-size: 36px; border: 1px solid black; display: inline-block; padding: 2% !important; padding-left: 2%; padding-right: 2%; padding-top: 1.1%; padding-bottom: 5% !important; position: absolute; right: 20%; margin-top: -4.5%; }

.main_case .h1 * { color: #333; }

.dcal .h1 { right: 21% !important; margin-top: -3.2% !important; }

.szal .h1 { padding-top: 1.5% !important; padding-bottom: 1.5% !important; right: 8%; margin-top: 7%; }

.lhal .h1 { right: 14%; }

.main_case h1.last { font-size: 30px }

.dcal h1.last { font-size: 20px; }

.szal h1.last { font-size: 19.4px; !important;

padding-bottom: 1.5% !important; margin-top: -2%; }

.al h2 { font-size: 30px; letter-spacing: 1px; margin-bottom: 10px; }

.al1 h2.szal { font-size: 36px }

.al1 .p2 { display: none; }

.bsal_al2, .lhal_al2 { padding-top: 51%; }

.dcal_al2 { padding-top: 51%; }

.szal_al2 { padding-top: 41.5%; }

.al3 { margin-top: 4%; }

.dcal_al3 { margin-top: 3.6%; }

.bsal_al4 { margin-top: 47.5%; }

.dcal_al4 { padding-top: 42.5%; }

.szal_al4 { margin-top: 47%; }

.dcal_al5 { padding-top: 45.8%; }

.al1 .text { float: left; }

.Bscase .al1 .text { position: absolute; left: 15%; }

.al2 .text, .al3 .text, .al4 .text, .al5 .text { padding: 3% 7%; position: absolute; background-color: #595959; background-color: rgba(0,0,0,0.5); margin-top: -23.5%; box-sizing: border-box; }

.al2 .text, .al3 .text, .al4 .text, .al5 .text * { color: white; }

.al2 .text, .al4 .text { right: 5%; text-align: left; }

.al3 .text, .al5 .text { left: 5%; text-align: right; }

.al3 .text { margin-top: 9%; }

.al4 .text { margin-top: 11%; }

.al5 .text { margin-top: 8%; }

.al2 .bsal_text2 { margin-top: -27%; }

.al2 .dcal_text2 { margin-top: -25.5%; }

.al2 .szal_text2 { margin-top: -26.5%; }

.al3 .dcal_text3 { margin-top: 7.2%; }

.al4 .bsal_text4 { margin-top: 13.5%; }

.al4 .dcal_text4 { margin-top: 9.5%; }

.al2 .left, .al3 .right, .al4 .left, .al5 .right { width: 74%; }

.al3 .right, .al5 .right { float: right; }

.al4 .left { float: left; }

.al1 .szal_text1 { margin-top: 15%; margin-left: 11%; }

.al1 .lhal_text1 { margin-top: 1.5%; margin-left: 0; }

.al .text p { font-size: 20px; line-height: 150%; letter-spacing: 0.5px; margin: 10px 0; }

.al1 .szal_text1 p { font-size: 22px; line-height: 40px; letter-spacing: 1px; }

.al .text p.last { padding-bottom: 9px; }

.al1 .text p.last { padding-bottom: 10px; }

.al .text a { font-size: 16px; color: white; background-color: #999; padding: 3px 10px; }

.al .text a:hover { color: #666666; background-color: #ededed; }

.al1 .text a:hover { color: #e5e5e5; background-color: #666666; }

.al1 img.first { width: 36%; margin-top: 16%; position: absolute; z-index: 3; }

.al1 img.szal_first { width: 78%; position: static; margin-top: 0; }

.al1 img.lhal_first { width: 36.7%; }

.al1 img.middle { width: 42%; position: absolute; margin-left: 24%; margin-top: 4%; z-index: 2; }

.al1 img.lhal_middle { width: 50%; margin-left: 25%; }

.al2 img.szal_middle, .al2 img.szal_last { width: 100%; }

.al1 img.right { width: 34.5%; position: absolute; right: 5%; margin-top: 21.2%; z-index: 1; }

.al1 img.szal_right { width: 47%; margin-top: 0; }

.al1 img.lhal_right { margin-top: 20.5%; }

.al4_ .left, .al4_ .right { width: 49%; margin-top: 4%; }

.al4_ .left img { width: 100%; }

.al4_ .left img.sec { margin-top: 4.4%; }

.al4_ .left { float: left; }

.al4_ .right { float: right; }

.al4_ .bottom { width: 100%; padding-top: 4%; }

main.main_case img.pc_hidden_ { display: none; }

main.main_case h1.last { line-height: 100%; margin-top: 2px }

.main_case .no_a .text a { cursor: not-allowed; display: none; }



@media(max-width: 1680px) {

.szal .h1 { right: 7%; }

.Bscase h1.first, .DcCase h1.first, .Szcase h1.first, .LhCase h1.first { font-size: 36px }

.main_case h1.last { font-size: 26px; }

.dcal h1.last { font-size: 18px }

.al h2 { font-size: 28px; letter-spacing: 0 }

.al1 h2.szal { font-size: 34px; }

.al1 .szal_text1 p { font-size: 20px; line-height: 34px; }

.al1 .text p.last { padding-bottom: 12px; }

.szal h1.last { font-size: 17.6px; }

}



@media(max-width: 1518px) {

.al1 .p1 { display: none }

.al1 .p2 { display: block }

}



@media(max-width: 1440px) {

.Bscase figcaption, .DcCase figcaption, .DcCase figcaption, .Szcase figcaption, .LhCase figcaption { line-height: 46px !important; }

.Bscase h1.first, .DcCase h1.first, .Szcase h1.first, .LhCase h1.first { font-size: 30.6px }

.main_case h1.last { font-size: 22px; }

.Szcase h1.last { font-size: 15.4px }

.DcCase h1.last { font-size: 16px }

.al h2 { font-size: 26px; letter-spacing: 0; }

.al .text p { font-size: 18px; line-height: 32px; letter-spacing: 0; }

.al1 .text .unit, .al1 .text .scale { display: none; }

.al1 .text a { position: relative; top: 10px }

.szal_al1 .text a { position: static; }

.al1 h2.szal { font-size: 26px; }

.al1 .text { margin-top: 3%; }

.al1 .szal_text1 { margin-top: 14.5%; }

.al2 .szal_text2 { margin-top: -28%; }

.al3 .szal_text3 { margin-top: 8.5%; }

.al2 .lhal_text2 { margin-top: -28%; }

.al3 .lhal_text3 { margin-top: 8.6%; }

.al .text p { line-height: 150%; margin: 8px 0; }

.al .text p.last { padding-bottom: 7px; }

}



@media(max-width: 1366px) {

.Bscase h1.first, .DcCase h1.first, .Szcase h1.first, .LhCase h1.first { font-size: 30px }

.main_case h1.last { font-size: 22px; }

.Szcase h1.last { font-size: 15.6px }

.DcCase h1.last { font-size: 16px }

}



@media(max-width: 1280px) {

.Bscase h1.first, .DcCase h1.first, .Szcase h1.first, .LhCase h1.first { font-size: 28px }

.main_case h1.last { font-size: 20px; margin-top: -0.2%; }

.DcCase h1.last { font-size: 14px }

.Szcase h1.last { font-size: 14px }

.al1 .text { margin-top: 2%; }

.al2 .bsal_text2 { margin-top: -29%; }

.al3 .bsal_text3 { margin-top: 8%; }

.al4 .bsal_text4 { margin-top: 12%; }

.al2 .dcal_text2 { margin-top: -28%; }

.al3 .dcal_text3 { margin-top: 6.5%; }

.al4 .dcal_text4 { margin-top: 8%; }

.al5 .dcal_text5 { margin-top: 6.5%; }

.al1 .szal_text1 { margin-top: 12.3%; }

.al2 .szal_text2 { margin-top: -28.5%; }

.al4 .szal_text4 { margin-top: 12%; }

.al2 .lhal_text2 { margin-top: -28.8%; }

.al3 .lhal_text3 { margin-top: 8%; }

}



@media(max-width: 1152px) {

.Bscase figcaption, .DcCase figcaption, .DcCase figcaption, .Szcase figcaption, .LhCase figcaption { line-height: 36px !important; font-size: 18px !important; }

.al1 .text { margin-top: 0.5%; }

.al1 .szal_text1 { margin-top: 11.8%; }

.al2 .lhal_text2 { margin-top: -29.5%; }

.al3 .lhal_text3 { margin-top: 7%; }

.Bscase .al1 .text { left: 12%; }

}



@media(max-width: 1080px) {

.al1 .text { margin-top: 0; }

.al2 .bsal_text2 { margin-top: -30%; }

.al3 .bsal_text3 { margin-top: 6.8%; }

.al4 .bsal_text4 { margin-top: 11%; }

.al2 .dcal_text2 { margin-top: -29.5%; }

.al3 .dcal_text3 { margin-top: 5%; }

.al4 .dcal_text4 { margin-top: 6.2%; }

.al5 .dcal_text5 { margin-top: 5%; }

.al1 .szal_text1 { margin-top: 11%; }

.dcal .h1 { margin-top: -5.2% !important; }

.al2 .szal_text2 { margin-top: -29.8%; }

.al3 .szal_text3 { margin-top: 6.8%; }

.al4 .szal_text4 { margin-top: 10.5%; }

.al2 .lhal_text2 { margin-top: -30.2%; }

.al3 .lhal_text3 { margin-top: 6.6%; }

}



@media(max-width: 1024px) {

.Bscase h1.first, .DcCase h1.first, .Szcase h1.first, .LhCase h1.first { font-size: 28px }

.main_case h1.last { font-size: 18.6px; }

.Szcase h1.last { font-size: 14.2px }

.DcCase h1.last { font-size: 14px }

.al .text p { font-size: 16px; line-height: 28px; }

.al2 .szal_text2 { margin-top: -29.7%; }

}



@media(max-width: 1000px) {

.al3 .szal_text3 { margin-top: 6.3%; }

.al2 .lhal_text2 { margin-top: -29%; }

.al3 .lhal_text3 { margin-top: 6.5%; }

}



@media(max-width:960px) {

.al2 .text, .al3 .text, .al4 .text, .al5 .text { /*! padding: 3% 7%; */ padding-bottom: 3.7%; }

main.main_case .unit_last { padding-bottom: 0 !important; }

.Bscase .almc header { padding-top: 1.25% !important; margin-bottom: -0.25% }

.al3 .bsal_text3 { margin-top: 3.8%; }

.DcCase .al1 img.middle { margin-left: 28%; margin-top: 5% }

.al1 img.lhal_middle { margin-left: 30%; margin-top: 8%; width: 45%; }

.LhCase .al1 .text { margin-top: 4%; }

.lhal .h1 { margin-top: -15px; right: 10%; }

.LhCase .al { margin-top: 2%; }

}



@media(max-width:840px) {

.al { margin-top: 9% !important; }

.Szcase .al { margin-top: 1% !important; }

.Bscase .h1 { margin-top: -7%; }

.Bscase .al1 .text { left: 7%; margin-top: -3%; }

.al1 img.first { margin-top: 17%; }

.Szcase .al1 img.first { margin-top: 0 !important; }

.DcCase .al2 .dcal_text2 { margin-top: -31.5%; }

.al3 .dcal_text3 { margin-top: 3%; }

.al4 .dcal_text4 { margin-top: 5%; }

.al5 .dcal_text5 { margin-top: 3%; }

.al4 .szal_text4 { margin-top: 7%; }

.LhCase .al { margin-top: 27px !important; }

.LhCase .al1 .text { margin-top: 2%; }

.al .text p { margin: 5px 0; line-height: 180%; }

.al h2 { margin-bottom: 8px }

}



@media(max-width:800px) {

.Bscase .almc header { padding-top: 8px !important; margin-bottom: -0.25%; }

.al1 img.szal_first { width: 76%; }

.al3 .szal_text3 { margin-top: 5%; }

.al4 .szal_text4 { margin-top: 6%; }

}



@media(max-width: 768px) {

.main_case .h1 { border: 2px solid #808080; }

.DcCase .al2 .dcal_text2 { margin-top: -32%; }

.al3 .dcal_text3 { margin-top: 2%; }

.al4 .dcal_text4 { margin-top: 3.5%; }

.al5 .dcal_text5 { margin-top: 2%; }

.DcCase .al1 .text { margin-top: -5%; }

.Bscase .al1 .text { left: 5%; margin-top: -6%; }

.al2 .bsal_text2 { margin-top: -33%; }

.unit_al h2 { font-size: 24px; letter-spacing: 0; }

}



@media(max-width:720px) {

.DcCase .al2 .dcal_text2 { margin-top: -33% !important; }

.al3 .dcal_text3 { margin-top: 1%; }

.al4 .dcal_text4 { margin-top: 2.8%; }

.al5 .dcal_text5 { margin-top: 1.5%; }

.al4 .dcal_text4 { margin-top: 2.8%; }

.al1 img.szal_first { width: 74%; }

.al1 .szal_text1 { margin-left: 5%; }

.al3 .szal_text3 { margin-top: 3.5%; }

.al4 .szal_text4 { margin-top: 5%; }

.al1 img.lhal_middle { margin-top: 10%; }

}



@media(max-width:640px) {

.al { margin-top: 11%; }

main.main_case .almc header { padding-top: 13px !important; margin: 0; padding-bottom: 9px !important; }

.Bscase .al1 .text { left: 5%; /*! margin-top: -8%; */ }

.Bscase .h1 { margin-top: -9%; }

.al2 .bsal_text2 { margin-top: -34%; }

.al3 .bsal_text3 { margin-top: 2%; }

.al4 .bsal_text4 { margin-top: 7%; }

.DcCase .al1 img.middle { margin-left: 29%; margin-top: 8%; }

.DcCase .al2 .dcal_text2 { margin-top: -34.7% !important; }

.al3 .dcal_text3 { margin-top: -0.8%; }

.al4 .dcal_text4 { margin-top: 0.8%; }

.al5 .dcal_text5 { margin-top: -0.5%; }

.dcal_al2 { padding-top: 54%; }

.dcal_al3 { margin-top: 6.6%; }

.dcal_al4 { padding-top: 43.5%; }

.dcal_al5 { padding-top: 47.8%; }

.Bscase h1.first, .DcCase h1.first, .Szcase h1.first, .LhCase h1.first { font-size: 26px; line-height: 100%; }

.al1 img.szal_first { width: 72%; }

.szal .h1 { margin-top: 5.5% }

.LhCase .al1 .text { margin-top: 0; }

.al1 img.lhal_middle { margin-left: 35%; margin-top: 9%; }

.al2 .lhal_text2 { margin-top: -32%; }

.al3 .lhal_text3 { margin-top: 4.5%; }

}



@media(max-width:540px) {

.al { margin-top: 0 !important; }

main.main_case .unit_al {

padding-toppadding-bottom; overflow: hidden; margin-top: 0 !important; }

.al { margin-top: 0 !important; }

main.main_case .almc header { padding-top: 30px !important; padding-bottom: 20px !important; }

.main_case .h1 { margin-top: 0; position: static; text-align: center; border: 0; width: 100%; ; overflow: hidden; padding: 0 !important; position: static; }

main.main_case h1.last { font-size: 14px; margin-top: 3px; padding-bottom: 0 !important; position: relative; }

.main_case .unit_al .text { position: static; margin-top: 0; width: 100%; text-align: center; float: none; border: 1px solid #333; padding: 0; box-sizing: border-box; padding-bottom: 0; background: none; margin-bottom: 10px; margin-top: 0 !important; padding-top: 12px; margin-left: 0; }

.al .text a { margin-bottom: 0 !important; display: block; width: 64px; margin: 0 auto; top: 11px; border: 15px solid white; border-top: 0; border-bottom: 0; font-size: 15px; position: relative; }

.al .text a:hover { background-color: #32c958; color: white; }

.main_case .unit_al img { position: static; width: 100%; margin-left: 0; margin-right: 0; margin-top: 10px !important; }

.szal_al1 img.szal_right { margin-top: 0 !important; }

.main_case img.phoneHidden { display: none !important }

.main_case .unit_al img.phone { display: block !important; }

.main_case.LhCase .al3 img.phone { margin-bottom: 2% }

.bsal .al1 img.first { margin-top: 20px !important; }

.unit_al h2 { background-color: #32c958 !important; font-size: 22px !important; color: white; line-height: 100%; padding: 4px 0; margin-bottom: 10px; }

.unit_al p { display: block !important; color: #333 !important; line-height: 150% !important; margin-top: 7px !important; }

.unit_al .text p.last { padding-bottom: 0; margin-bottom: -3px; }

main.main_case .unit_al { padding-top: 35px !important; padding-bottom: 0 !important; overflow: hidden; }

main.main_case .unit_al.al1 { padding-top: 20px !important; }

main.main_case img.pc_hidden_ { display: block; /*! padding-top: 10px; */ }

main.main_case a img.first, main.main_case.LhCase .unit_al.al1 img.first, main.main_case.LhCase .unit_al.al2 img, main.main_case.Bscase .unit_al.al2 img.pc_hidden_, main.main_case.DcCase .unit_al.al1 img.first, main.main_case.DcCase .unit_al.al2 img, main.main_case.Szcase .unit_al.al1 img.first { padding-top: 10px; }

main.main_case img.phone_hidden_ { display: none; }

.DcCase .unit_al img { margin-left: 0 !important; }

.main_case .no_a .text a { display: block; background-color: #bfbfbf; text-decoration: line-through; }

.dcal .h1 { margin-top: 0 !important; }

.LhCase .al { margin-top: 0 !important; }

}



@media(max-width:480px) {

.al4_ .left, .al4_ .right { margin-top: 0; }

.al4_ .bottom { padding-top: 0; }

.al4_ .right { margin-bottom: 7px; overflow: hidden }

main.main_case .unit_al { padding-top: 33px !important; padding-bottom: 0 !important; }

main.main_case .almc header { padding-top: 25px !important; padding-bottom: 15px !important; }

main.main_case .unit_al.al1 { padding-top: 18px !important; }

}



@media(max-width:375px) {

.Bscase h1.first, .DcCase h1.first, .Szcase h1.first, .LhCase h1.first { font-size: 26px; }

.unit_al h2 { font-size: 20px !important; /*! margin-bottom: 3px; */ letter-spacing: 1px; }

main.main_case .unit_al { padding-top: 30px !important; }

.al .text p { font-size: 15px; }

}



@media(max-width:360px) {

main.main_case .almc header { padding-top: 23px !important; padding-bottom: 10px !important; }

}



@media(max-width:320px) {

main.main_case .unit_al { padding-top: 27px !important; }

}

/*二级页面-荣誉资质-导航hover*/

header.honor .crosswise li a:hover { color: white }

/*二级页面-荣誉资质-荣誉证书*/

.certificate { /*! background-color: #c6e1f8; */ background-color: rgba(255,255,255,0.67); padding-top: 2%; padding-bottom: 3.5%; padding-left: 9%; box-sizing: border-box; position: absolute; margin-left: 14.5%; margin-right: 14.5%; margin-top: 3%; }

.certificate header { margin-left: -12%; }

.certificate .h1_first { margin: 0 auto; }

.certificate .h1_first * { text-align: center; }

.certificate h1.last { clear: both; font-size: 16px; margin-bottom: 2.5%; }

.certificate .left, .certificate .right { float: left; margin-right: 1%; }

.certificate .left { width: 21.65%; }

.certificate .left img { width: 100%; }

.certificate .right { width: 65.3%; }

.certificate .pc_hidden img { width: 33.3333%; float: left; padding: 1%; box-sizing: border-box; }



@media(max-width:1366px) {

.certificate { margin-top: 3.3%; }

}



@media(max-width:1152px) {

.certificate { margin-top: 3.5%; }

}



@media(max-width: 1080px) {

.certificate { margin-top: 3.8%; }

}



@media(max-width: 960px) {

.certificate { width: 100%; padding: 40px 0; margin: 0; background: url(http://img1.qifeng1.com/statics/images/141_yuanlin/images/honor_bg.png) no-repeat top center; position: static; overflow: hidden; }

.certificate header { margin-left: 0; }

}



@media(max-width:840px) {

main.honor h1.first { font-size: 34px !important; }

}



@media(max-width:768px) {

.certificate .pc_hidden img { width: 50%; padding: 2%; }

.certificate { padding-bottom: 35px; }

}



@media(max-width:640px) {

.certificate { padding-top: 30px; padding-bottom: 25px }

main.honor h1.first { font-size: 30px !important; }

.honor_ms header h1.last { font-size: 14px !important; }

}



@media(max-width:540px) {

.honor_ms header { padding: 7px 0 !important; }

main.honor h1.first { font-size: 28px !important; }

}



@media(max-width:480px) {

.certificate { padding-top: 25px; padding-bottom: 22px; }

main.honor h1.first { font-size: 26px !important; }

}



@media(max-width:414px) {

.certificate { padding-top: 0; background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/fg.jpg) no-repeat bottom center; padding-bottom: 0; }

.certificate .color { padding-top: 25px; /*! background-color: rgba(0, 0,0, 0.03); */ padding-bottom: 15px; overflow: hidden; }

.certificate header { margin-bottom: 10px; /*! background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.2), rgba(0,0,0,0.65), rgba(0,0,0,0.2)); */ background-image: -moz-linear-gradient(right, rgba(0,0,0,0.2), rgba(0,0,0,0.65)), rgba(0,0,0,0.2))); background-image: -o-linear-gradient(right, #f2f2f2, #dedede, #f2f2f2); background-image: linear-gradient(right, #f2f2f2, #dedede, #f2f2f2); padding: 6px 0 !important; }

.certificate header * { color: #333 !important; line-height: 100% !important }

main.honor h1.first { font-size: 24px !important; }

main.honor h1.last { margin-top: 6px; margin-bottom: 0; }

.certificate .pc_hidden img { /*! width: 100%; */ /*! padding: 0; */ /*! float: none; */ /*! margin-bottom: 15px; */ }

.certificate .pc_hidden .img6 { margin-bottom: 10px; }

}



@media(max-width:375px) {

.certificate { }

main.honor h1.first { font-size: 22px !important; }

main.honor h1.last { font-size: 14px !important; }

}



@media(max-width:360px) {

.certificate .color { padding-bottom: 13px; }

}

/*二级页面-荣誉资质-荣誉资质*/

.honor_ms { padding-top: 44%; }

.honor_ms .left { width: 45%; float: left; }

.honor_ms .right { width: 55%; float: left; }



@media(max-width: 1280px) {

body { -webkit-background-size: 110%; background-size: 110% !important; }

.honor_ms { padding-top: 45%; }

}



@media(max-width:1152px) {

.honor_ms { padding-top: 45.5%; }

}



@media(max-width:1080px) {

.honor_ms { padding-top: 46%; }

}



@media(max-width:1080px) {

.honor_ms { padding-top: 46.5%; }

}



@media(max-width:960px) {

body { background: none !important; background-size: auto auto !important; background-position: center top !important; }

.honor_ms { padding-top: 0; background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/honor_bg.jpg) no-repeat top center; }

.honor_ms header { margin-bottom: 20px; }

.honor_ms header h1 { line-height: 100% }

.honor_ms header h1.last { margin-top: 7px; font-size: 16px; }

.honor_ms .color { background-color: rgba(0,0,0,0.3); padding: 40px 0 }

.honor_ms header * { color: white !important; }

.honor_ms .unit * { line-height: 180%; color: white !important; text-align: center }

.honor_ms .unit1 { margin-bottom: 20px; }

.honor_ms .unit h2 { font-size: 30px; }

.honor_ms .unit p { font-size: 18px; }

}



@media(max-width:840px) {

.honor_ms .unit h2 { font-size: 26px; }

}



@media(max-width:768px) {

.honor_ms .unit h2 { font-size: 24px; }

}



@media(max-width:720px) {

.honor_ms .unit p { font-size: 16px; }

}



@media(max-width:640px) {

.honor_ms .color { padding-bottom: 30px; }

}



@media(max-width:540px) {

.honor_ms .unit1 { margin-bottom: 15px; }

.honor_ms .unit h2 { font-size: 22px; }

}



@media(max-width:480px) {

.honor_ms header { padding: 6px 0 !important; }

.honor_ms .color { padding-top: 35px; padding-bottom: 25px; }

}



@media(max-width:375px) {

.honor_ms .unit h2 { font-size: 20px; }

.honor_ms .unit p { font-size: 14px; }

}



@media(max-width:360px) {

.honor_ms .color { padding-top: 30px; }

.honor_ms header { margin-bottom: 15px; }

.honor_ms .unit h2 { font-size: 18px; }

}



@media(max-width:320px) {

.honor_ms .unit * { text-align: left; }

.honor_ms .unit p { font-size: 13px; }

}

/*二级页面-联系我们*/

.contact { width: 90%; margin: 0 auto; padding-top: 3.3%; }

.contact .one { width: 100%; margin-bottom: 3%; clear: both; background-color: #f2f2f2; overflow: hidden; }

.contact .one img { width: 48%; }

.contact .one img { float: left; }

.contact .one .text { float: left; margin-left: 3%; margin-top: 7%; }

.contact .one .text p, .contact .one .text address { font-size: 22px; line-height: 44px; letter-spacing: 1px; color: #404040; }

.contact .one .text address { font-style: normal; }



@media(max-width: 1680px) {

.contact .one .text p, .contact .one .text address { font-size: 20px; line-height: 37.6px; }

}



@media(max-width: 1440px) {

.contact .one .text p, .contact .one .text address { font-size: 18px; line-height: 36px; }

.contact .one .text { margin-top: 6.6%; }

}



@media(max-width: 1366px) {

.contact { padding-top: 3.5% }

.contact .one .text p, .contact .one .text address { font-size: 16px; line-height: 30px; }

.contact .one .text { margin-top: 7.3%; }

}



@media(max-width: 1280px) {

.contact { padding-top: 3.8%; }

.contact .one .text { margin-top: 6.3%; }

}



@media(max-width: 1080px) {

.contact .one img { width: 45%; }

.contact { padding-top: 4%; }

.contact .one .text { margin-top: 6%; }

.contact .one .text p, .contact .one .text address { font-size: 15.4px; line-height: 26.6px; }

}



@media(max-width:960px) {

.contact { padding-bottom: 20px }

.contact .one .text { margin-top: 5.5%; }

}



@media(max-width:840px) {

.contact .one img { width: 37%; }

.contact .one .text { margin-top: 2.5%; }

}



@media(max-width:800px) {

.contact { padding-bottom: 15px; }

.contact .one img { width: 34%; }

.contact .one .text { margin-top: 1.5%; }

}



@media(max-width:768px) {

.contact { padding-bottom: 20px; }

.contact .one { padding: 15px; box-sizing: border-box; background: none; /*! background-image: -webkit-linear-gradient(right, #f2f2f2, #f7f7f7, #f2f2f2); */ /*! background-image: -moz-linear-gradient(right, #000d957, #00b347, #00d957); */ /*! background-image: -o-linear-gradient(right, #f2f2f2, #dedede, #f2f2f2); */ /*! background-image: linear-gradient(right, #f2f2f2, #dedede, #f2f2f2); */ margin-bottom: 5px; }

.contact .one img { /*! width: 100%; */ /*! box-sizing: border-box; */ display: none; }

.contact .one .phone, .contact .one .phone img { display: block !important; }

.contact .one .text { padding: 20px; margin: 0; width: 66%; background-image: -webkit-linear-gradient(right, #f2f2f2, #f7f7f7, #f2f2f2); background-image: -moz-linear-gradient(right, #000d957, #00b347, #00d957); background-image: -o-linear-gradient(right, #f2f2f2, #dedede, #f2f2f2); background-image: linear-gradient(right, #f2f2f2, #dedede, #f2f2f2); box-sizing: border-box; }

.contact .one .text p, .contact .one .text address { background: url(http://img1.qifeng1.com/statics/images/141_yuanlin_/images/circle.png) no-repeat 0 8px; padding-left: 8px; line-height: 150%; margin-top: 5px; letter-spacing: 0; }

.contact .one .text p.title { font-weight: bold; background: none !important; padding: 0 !important; margin: 0 !important; }

.contact .one .text .innerBox { box-sizing: border-box; padding-top: 7%; }

}



@media(max-width:720px) {

.contact .one .text .innerBox { box-sizing: border-box; padding-top: 6.5%; }

}



@media(max-width:640px) {

.contact .one .text .innerBox { padding-top: 4.5%; }

.contact .one .text p, .contact .one .text address { margin-top: 3px }

}



@media(max-width:480px) {

.contact .one { margin-bottom: 0; padding: 10px 15px; }

.contact .one .text { padding: 15px 13px; }

.contact .one .text p, .contact .one .text address { font-size: 13px; }

.contact .one .text .innerBox { padding-top: 1%; }

}



@media(max-width:414px) {

.contact .one .text .innerBox { padding-top: 2%; }

.contact .one .text p, .contact .one .text address { font-size: 10px; }

}



@media(max-width:375px) {

.contact .one .phone img { display: none !important; }

.contact .one .text { width: 100%; height: auto !important; }

.contact .one .text p, .contact .one .text address { font-size: 12px; }

}

/*二级页面-个人联系信息提交*/

.personal_zl { background-color: #32cb6f; padding-top: 4.7%; padding-bottom: 6%; }

.personal_zl table { width: 90%; margin: 0 auto; }

.personal_zl * { color: #32cb6f; font-size: 18px; }

.personal_zl tr { width: 100%; }

.personal_zl td { box-sizing: border-box; }

.personal_zl td.small { width: 48%; height: 16px; }

.personal_zl td.small input { width: 100%; padding-top: 12px; padding-bottom: 12px; padding-left: 15px; box-sizing: border-box; border-bottom: 11px solid #32cb6f; padding-right: 15px; }

.personal_zl td.right input { border-left: 5px solid #32cb6f; }

.personal_zl td.left input { border-right: 6px solid #32cb6f; }

.personal_zl tr.big { width: 100%; }

.personal_zl tr.big textarea { width: 100%; resize: none; box-sizing: border-box; border-bottom: 11px solid #32cb6f; height: 180px; padding: 15px; }

.personal_zl tr.big input { width: 100%; line-height: 48px; background-color: white; }

.personal_zl tr.big input:hover { animation-name: changeColor2; -webkit-animation-name: changeColor2; -o-animation-name: changeColor2; -moz-animation-name: changeColor2; animation-duration: 0.6s; -webkit-animation-duration: 0.6s; -o-animation-duration: 0.6s; -moz-animation-duration: 0.6s; animation-fill-mode: both; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; -moz-animation-fill-mode: both; border: 1px solid #bfffea; line-height: 46px; box-sizing: border-box; }

 @keyframes changeColor2 {

 0% {

color: #00b377;

background-color: white;

}

 100% {

color:#00b377;

 background-color: #a6ffe1;

box-sizing: border-box;

}

}

@-webkit-keyframes changeColor2 {

 0% {

color: #00b377;

background-color: white;

}

 100% {

color:#00b377;

background-color: #a6ffe1;

box-sizing: border-box;

}

}

@-moz-keyframes changeColor2 {

 0% {

color: #00b377;

background-color: white;

}

 100% {

color:#00b377;

background-color: #a6ffe1;

box-sizing: border-box;

}

}

@-o-keyframes changeColor2 {

 0% {

color: #00b377;

background-color: white;

}

 100% {

color:#00b377;

background-color: #a6ffe1;

box-sizing: border-box;

}

}



@media(max-width: 1440px) {

.personal_zl td.small input { padding-top: 10px; padding-bottom: 10px; }

.personal_zl * { font-size: 16px; }

.personal_zl tr.big input { line-height: 40px; }

.personal_zl tr.big input:hover { line-height: 38px; }

}



@media(max-width:960px) {

.personal_zl { padding-top: 25px; padding-bottom: 40px !important; }

 .personal_zl td.small input, {

 padding-top: 7px;

 padding-bottom: 7px;

}

.personal_zl tr.big textarea { padding-top: 10px; padding-bottom: 10px; }

.personal_zl tr.big input { line-height: 36px; }

.personal_zl tr.big input:hover {

 animation-name:?; line-height: 36px; border: 0; background-color: white }

}



@media(max-width:800px) {

.personal_zl { padding-top: 18px }

}



@media(max-width:480px) {

.personal_zl td.small input { padding-top: 5px; padding-bottom: 5px; }

.personal_zl tr.big input { line-height: 30px; }

.personal_zl tr.big input:hover { line-height: 30px; background: white }

}



@media(max-width:375px) {

.personal_zl { padding-top: 5px !important; padding-bottom: 25px !important; }

.personal_zl * { font-size: 14px; }

.personal_zl td.small input { padding: 5px 10px }

.personal_zl tr.big textarea { padding: 7px 10px }

}

/*三级页面-海岸华府*/

.Level3 { padding-top: 1%; width: 90%; margin: 0 auto; overflow: hidden; }

.Level3 h1 { font-size: 40px; text-align: center; clear: both; line-height: 90px; margin-left: -4.5%; }

.hahf img { width: 52% }

.Level3 .startImg { width: 100% !important; }

.hahf * { font-size: 28px; line-height: 56px; text-indent: 56px; letter-spacing: 1.5px; }

.hahf .area1 img { float: right; width: 51% }

.hahf .area1 .text { float: left; margin-top: 5.3%; width: 46%; }

.hahf .area1 .text p { width: 100%; margin-top: 5%; font-size: 28.6px; line-height: 57.2px; letter-spacing: 1.5px; }

.hahf .area2 { position: absolute; padding-top: 40%; }

.hahf .area2 img { float: left; width: 52% }

.hahf .area2 .text { float: right; width: 40.5%; padding-top: 17.6%; margin-right: 5% }

.hahf .area3 { padding-top: 72%; position: absolute; z-index: 1 }

.hahf .area3 .text { float: left; width: 46%; margin-top: 12.8% }

.hahf .area3 img { float: right; width: 47% !important; position: relative; left: -5%; }

.hahf .area4 { width: 50%; position: absolute; padding-top: 99%; float: left }

.hahf .area4 img { width: 100% !important }

.hahf .area4 .text, .hahf .area5 .text, .hahf .area6 p { text-indent: 0 !important; }

.hahf .area5 { width: 100%; float: right; padding-top: 85% }

.hahf .area5 .text { margin-top: -3%; text-align: right; }

.hahf .area5 img { position: absolute; right: 5%; width: 50%; }

.hahf .area6 { width: 44.45%; float: left; position: relative; padding-top: 28%; }

.hahf .area6 img { width: 100% }

.hahf .area6 p { text-indent: 0 }

.hahf .area6 .p2 { display: none; }



@media(max-width: 1680px) {

.Level3 h1 { font-size: 36px; line-height: 70px; }

.Level3 p { font-size: 27.2px !important; line-height: 54px !important; letter-spacing: 1px !important; }

.Level3_ * { text-indent: 54.4px !important }

.hahf .area1 .text { margin-top: 6.2% }

.hahf .area1 .text p { margin-top: 0; }

}



@media(max-width: 1440px) {

.Level3 h1 { font-size: 30.6px; line-height: 70px; margin-left: -7.5%; }

.Level3_ * { text-indent: 61.2px; }

.Level3 p { font-size: 24px !important; line-height: 48px !important; }

.hahf .area1 .text { margin-top: 5.3%; }

.hahf .area2 .text { padding-top: 17%; }

}



@media(max-width: 1400px) {

.Level3 p { font-size: 23.6px !important; line-height: 47.2px !important; }

.Level3_ * { text-indent: 47.2px; }

.hahf .area1 .text { margin-top: 5.7%; }

}



@media(max-width: 1366px) {

.Level3 h1 { font-size: 30px; line-height: 60px; }

.Level3 p { font-size: 22px !important; line-height: 44px !important; }

.Level3_ * { text-indent: 44px; }

.hahf .area1 .text { margin-top: 6%; }

}



@media(max-width: 1280px) {

.Level3 h1 { font-size: 28.6px; margin-left: -8.2%; }

.Level3 p { font-size: 20.6px !important; line-height: 41.2px !important; }

.Level3_ * { text-indent: 41.2px; }

}



@media(max-width: 1152px) {

.Level3 h1 { font-size: 24.6px }

.Level3 p { font-size: 18px !important; line-height: 36px !important; }

.Level3_ * { text-indent: 36px !important; }

.hahf .area1 .text { margin-top: 7.2%; }

}



@media(max-width: 1080px) {

.Level3 p { font-size: 17.4 !important; line-height: 34.8px !important; }

.Level3_ * { text-indent: 34.8px !important; ; }

.hahf .area1 .text { margin-top: 6.2%; }

.hahf .area2 .text { padding-top: 15%; }

}



@media(max-width: 1024px) {

.Level3 h1 { font-size: 26px; }

.Level3 p { font-size: 16px !important; line-height: 32px !important; }

.Level3_ * { text-indent: 32px !important; }

.hahf .area1 .text { margin-top: 6.75%; }

.hahf .area2 .text { padding-top: 17%; }

}



@media(max-width:960px) {

.hahf .area1 .text { margin-top: 5.3%; }

}



@media(max-width:840px) {

.hahf .area1 .text { margin-top: 3.3%; }

.hahf .area2 .text { padding-top: 15.5%; }

}



@media(max-width:800px) {

.hahf .area1 .text { margin-top: 3.3%; }

.hahf .area2 .text { padding-top: 15%; }

}



@media(max-width:768px) {

.hahf .area1 .text { margin-top: 0; }

.hahf .area2 img { margin-top: 2% }

}



@media(max-width:720px) {

.hahf .area1 img { width: 46%; }

.hahf .area1 .text { width: 51%; }

.hahf .area2 img { margin-top: 0.8%; }

.hahf .area2 .text { padding-top: 12%; }

}



@media(max-width:640px) {

.hahf .area2 img { width: 56%; margin-top: 7%; }

.hahf .area1 .text p { font-size: 15px !important; }

.hahf .area2 .text { width: 35%; }

.hahf .area3 img { margin-top: 10% }

.hahf .area3 .text { margin-top: 17.8%; }

.hahf .area4 img { margin-top: 11% }

}

/*@media(max-width: 1680px){

	.Level3 h1{font-size: 36px;line-height: 70px;}

	.Level3 p{font-size: 27.2px !important;line-height: 54px !important;letter-spacing: 1px !important;}

	.hahf .area1 .text{margin-top:6.2%}

	.hahf .area1 .text p{margin-top: 0;}

}

@media(max-width: 1440px){

	.Level3 h1{font-size: 30.6px;line-height: 70px;}

	.Level3 p {font-size: 24px !important;line-height: 48px !important;}

	.hahf .area1 .text {margin-top:5.3%;}

	.hahf .area2 .text {padding-top: 17%;}

}

@media(max-width: 1400px){

	.Level3 p {font-size: 23.6px !important;line-height: 47.2px !important;}

	.hahf .area1 .text{margin-top: 5.7%;}	

}

@media(max-width: 1366px){

	.Level3 h1 {font-size: 30px;line-height: 60px;}

	.Level3 p {font-size: 22px !important;line-height: 44px !important;}

	.hahf .area1 .text {margin-top: 6%;}

}

@media(max-width: 1280px){

	.Level3 h1{font-size:28.6px}

	.Level3 p {font-size: 20.6px !important;line-height: 41.2px !important;}

}

@media(max-width: 1152px){

	.Level3 h1{font-size:26.6px}

	.Level3 p {font-size: 18px !important;line-height: 36px !important;}

	.hahf .area1 .text {margin-top: 7.2%;}

}

@media(max-width: 1080px){

	.Level3 p {font-size: 17.4 !important;line-height: 34.8px !important;}

	.hahf .area1 .text {margin-top: 6%;}

	.hahf .area2 .text{padding-top: 17.5%;}	

}

@media(max-width: 1024px){

	.Level3 h1{font-size:26px;padding-bottom: 0.5%;}

	.Level3 p {font-size: 16px !important;line-height: 32px !important;}

	.hahf .area1 .text{margin-top: 6.5%;}

}*/



/*三级页面-洪湖湿地自然保护区*/

.hhsd h1 { line-height: normal; margin-top: 1.5%; margin-bottom: -3%; position: relative; z-index: 1; }

.hhsd * { font-size: 26px; line-height: 52px; letter-spacing: 1.5px; text-indent: 52px; }

.hhsd .area1 img { width: 65%; float: left }

.hhsd .area1 .text { width: 32%; float: right; margin-top: 8%; }

.hhsd .area1 .text p { width: 100%; clear: both }

.hhsd .area2 { clear: both; position: absolute; margin-top: 28% }

.hhsd .area2 .text { width: 47.8%; float: left; margin-top: 18% }

.hhsd .area2 img { width: 50%; float: right }

.hhsd .area3 { padding-top: 25% }

.hhsd .area3 .left { float: left; width: 35%; }

.hhsd .area3 .right { float: right; width: 63%; margin-top: -1.5%; }

.hhsd .area3 .right * { width: 100%; margin-top: 8% }

.hhsd .area3 .right .text { margin-bottom: 8%; }

.hhsd .area3 .bottom { width: 100% }



@media(max-width: 1680px) {

.hhsd .area1 .text { padding-top: 7%; }

.hhsd .area2 .text { margin-top: 16.5%; }

}



@media(max-width: 1440px) {

.hhsd .area1 .text { margin-top: 5.5%; }

.hhsd .area2 .text { margin-top: 15.5%; }

}



@media(max-width: 1366px) {

.hhsd .area1 .text { margin-top: 7%; }

.hhsd .area2 .text { margin-top: 16.2% }

}



@media(max-width: 1280px) {

.hhsd .area1 .text { margin-top: 7%; }

}



@media(max-width: 1152px) {

.hhsd .area2 .text { margin-top: 15.8%; }

}



@media(max-width: 1080px) {

.hhsd .area1 .text { margin-top: 6%; }

}



@media(max-width: 1024px) {

.hhsd .area1 .text { margin-top: 7.5%; }

}



@media(max-width: 1000px) {

.hhsd .area1 .text { margin-top: 6%; }

}



@media(max-width:960px) {

.hhsd .area1 .text { margin-top: -1%; }

.hhsd .area3 .bottom { position: relative; top: -80px; margin-bottom: -5%; }

}



@media(max-width:840px) {

.hhsd .area2 .text { margin-top: 13% !important; }

.hhsd .area3 .left { margin-top: 3.7%; height: 440px; }

.hhsd .area3 .right { margin-top: -3.5%; }

}



@media(max-width:768px) {

.hhsd .area1 img { width: 61%; }

.hhsd .area1 .text { width: 35% }

.hhsd .area2 .text { margin-top: 15.8%; }

.hhsd .area3 .right { margin-top: -1%; }

.hhsd .area3 .left { height: auto; width: 34%; }

.hhsd .area3 .right img { height: 331px; }

.hhsd .area3 .bottom { top: -42px; margin-bottom: -2%; }

}



@media(max-width:720px) {

.hhsd .area3 { padding-top: 28%; }

.hhsd .area3 .left { width: 31%; height: 380px; }

.hhsd .area3 .right { width: 66%; }

}



@media(max-width:640px) {

.hhsd .area1 img { width: 52%; }

.hhsd .area1 .text { width: 44%; }

.hhsd .area2 img { margin-top: 6%; }

.hhsd .area2 .text { margin-top: 8% !important; }

.hhsd .area3 { padding-top: 36%; }

.hhsd .area3 .left, .hhsd .area3 .right img { height: auto }

}



@media(max-width:540px) {

.hhsd .area3 .right { width: 100%; }

.hhsd .area3 .bottom { top: 0; margin-bottom: 5% !important; }

}

/*三级页面-湖畔花园*/

.Level3_ * { font-size: 28px; line-height: 56px; text-indent: 56px; letter-spacing: 1.5px; }

.hphy .area1 .text { float: left; width: 45%; padding-top: 5.2% }

.hphy .area1 .text p { padding-bottom: 2% }

.hphy .area1 img { float: right; width: 53%; }

.hphy .area2 { position: absolute; padding-top: 28% }

.hphy .area2 img { float: left; width: 53% }

.hphy .area2 .text { width: 39.5%; float: left; padding-top: 15%; margin-left: 3%; }

.hphy .area3 { padding-top: 28% }

.hphy .area3 .text { float: left; width: 48%; padding-top: 15% }

.hphy .area3 .top img { float: right; width: 50% }

.hphy .area3 .bottom { clear: both; }

.hphy .area3 .bottom img { float: left; width: 50% }

.hphy .area3 .bottom img.last { float: none; width: 100% }

main.case_intro .area .pc_hidden_ { display: none }



@media(max-width: 1680px) {

.hphy .area1 .text { padding-top: 4.3%; }

.hphy .area2 .text { padding-top: 12%; }

.hphy .area3 .text { padding-top: 15.5%; }

}



@media(max-width: 1440px) {

.hphy .area1 .text { padding-top: 3.8%; }

}



@media(max-width: 1280px) {

.hphy .area1 .text { padding-top: 4.4%; }

}



@media(max-width: 1152px) {

.hphy .area1 .text { padding-top: 4.7%; }

}



@media(max-width: 1080px) {

.hphy .area1 .text { padding-top: 4.5%; }

}



@media(max-width: 1024px) {

.hphy .area1 .text { padding-top: 4.75%; }

}



@media(max-width: 1000px) {

.hphy .area1 .text { padding-top: 4.4%; }

}



@media(max-width:960px) {

.case_intro { width: 100%; padding-top: 0; }

.case_intro h1 { line-height: 100%; padding: 25px 0; margin-left: 0 !important; text-indent: 0 !important; }

.hphy .area1 .text { padding-top: 3.5%; }

.hphy .area2 .text { padding-top: 11.5%; }

}



@media(max-width:840px) {

.hphy .area1 .text { padding-top: 0; }

.case_intro p { font-size: 16px !important; line-height: 170% !important; }

}



@media(max-width:800px) {

.hphy .area1 .text p { line-height: 163% !important; }

}



@media(max-width:768px) {

.hphy .area1 img { width: 48%; }

.hphy .area1 .text { width: 50%; }

.hphy .area2 .text { padding-top: 9%; }

}



@media(max-width:720px) {

.hphy .area1 img { width: 47%; }

.hphy .area1 .text p { line-height: 150% !important; }

.hphy .area2 .text { padding-top: 6%; }

}



@media(max-width:640px) {

.case_intro h1 { font-size: 24px; }

.hphy .area1 .text p { font-size: 15px !important; padding-bottom: 0; }

.hphy .area2 .text { padding-top: 4.5%; }

.hphy .area3 .text { padding-top: 14.5%; }

.case_intro.zfht p { font-size: 15px !important; }

}



@media(max-width:540px) {

.case_intro h1 { padding-top: 23px; padding-bottom: 20px; overflow: hidden !important; margin-bottom: 0; }

main.case_intro .area { padding: 0 !important; margin: 0 !important; position: static !important; width: 100%; }

main.case_intro .area .text p, main.case_intro .area .text { margin: 0 !important; padding: 0 !important; font-size: 16px !important; line-height: 170% !important; letter-spacing: 0.5px !important; }

main.case_intro img.vertical, main.case_intro p.vertical, main.case_intro .text.vertical { width: 100% !important; margin: 5px 0 !important; padding: 0 !important; position: static; }

.jfhy .area4 .text, .jfhy .area3 .text { text-indent: 0 !important; }

main.case_intro.jfhy .area3 img { margin-top: 0 !important; }

main.case_intro .area1 img.first.vertical { margin-top: -2px !important; }

main.case_intro .area1 .text.first.vertical, main.case_intro .area1 p.first.vertical { margin-top: -7px !important; }

main.case_intro.ssjn .area4 .pc_hidden_, main.case_intro.ssjn .area5 p, main.case_intro.lms .area2 .pc_hidden_, main.case_intro.lms .area3 .pc_hidden_, main.case_intro.lms .area4 p, main.case_intro.zfht .area4 p.text, main.case_intro.zfht .area2 p.text, main.case_intro.hahf .area5 p.text, main.case_intro.hahf .area6 p, main.case_intro.jhxc .area3 .pc_hidden_, main.case_intro.jhxc .area5 .pc_hidden_, main.case_intro.jhxc .area5 .pc_hidden_, main.case_intro.jhxc .area5 .pc_hidden_, main.case_intro.jhxc .area7 p.text, main.case_intro.jhxc .area6 p.text { font-size: 18px !important; text-align: center; font-weight: bold; color: #333; letter-spacing: 1px !important; margin-bottom: -5px !important; text-indent: 0 !important; }

main.case_intro.hahf .area5 p.text { margin-top: 0 !important; }

main.case_intro.hahf .area5, main.case_intro.jhxc .area3, main.case_intro.jhxc .area5, main.case_intro.jhxc .area7, main.case_intro.lms .area1, main.case_intro.lms .area2, main.case_intro.lms .area3 { margin-bottom: 5px !important; overflow: hidden }

main.case_intro.zfht .area3, main.case_intro.zfht .area1, main.case_intro.ssjn .area3, main.case_intro.ssjn .area4 { margin-bottom: 5px !important; overflow: hidden !important; }

main.case_intro.ssjn .area4 { margin-bottom: 10px !important; }

main.case_intro.hahf .area4 p { text-align: center; text-indent: 0 !important; }

main.case_intro .area .pc_hidden_ { }

main.case_intro .area .phone_hidden_ { display: none }

main.case_intro .area .pc_hidden_ { display: block }

main.case_intro.lms .area2 .right { width: 100% !important; position: static !important; margin-right: 0; }

main.case_intro img.vertical { display: none; }

main.case_intro img.vertical.phone { display: block !important; }

main.case_intro .phoneHidden { display: none !important; }

}



@media(max-width:480px) {

.case_intro h1 { font-size: 23px; padding-top: 21px; padding-bottom: 18px; }

}



@media(max-width:375px) {

.case_intro h1 { font-size: 22px; padding-top: 19px; padding-bottom: 16px; }

.case_intro.hhsd h1 { font-size: 20px; }

main.case_intro .area .text p, main.case_intro .area .text { font-size: 13px !important; text-indent: 26px !important; }

main.case_intro.ssjn .area4 .pc_hidden_, main.case_intro.ssjn .area5 p, main.case_intro.lms .area2 .pc_hidden_, main.case_intro.lms .area3 .pc_hidden_, main.case_intro.lms .area4 p, main.case_intro.zfht .area4 p.text, main.case_intro.zfht .area2 p.text, main.case_intro.hahf .area5 p.text, main.case_intro.hahf .area6 p, main.case_intro.jhxc .area3 .pc_hidden_, main.case_intro.jhxc .area5 .pc_hidden_, main.case_intro.jhxc .area5 .pc_hidden_, main.case_intro.jhxc .area5 .pc_hidden_, main.case_intro.jhxc .area7 p.text, main.case_intro.jhxc .area6 p.text { font-size: 16px !important; }

}

/*三级页面-蒋府豪苑*/

.jfhy .area1 img { float: left; width: 65%; }

.jfhy .area1 .text { float: right; width: 32%; padding-top: 10% }

.jfhy .area1 .text p { padding-bottom: 5% }

.jfhy .area2 { clear: both }

.jfhy .area2 .text { float: left; width: 38%; padding-top: 8.5% }

.jfhy .area2 img { float: right; width: 60% }

.jfhy .area3 .text { float: right; width: 38%; padding-top: 15% }

.jfhy .area3 img { float: left; width: 60% }

.jfhy .area4 { clear: both; }

.jfhy .area4 .text { text-indent: 0; padding-top: 2%; padding-bottom: 0.5% }

.jfhy .area4 img { width: 100% }



@media(max-width: 1680px) {

.jfhy .area1 .text { padding-top: 9.35%; }

.jfhy .area2 .text { padding-top: 7.8%; }

.jfhy .area3 .text { padding-top: 16%; }

}



@media(max-width: 1440px) {

.jfhy .area1 .text { margin-top: -0.5%; }

.jfhy .area2 .text { padding-top: 7.4%; }

}



@media(max-width: 1366px) {

.jfhy .area1 .text { padding-top: 9.5%; }

.jfhy .area2 .text { padding-top: 7.6%; }

}



@media(max-width: 1152px) {

.jfhy .area1 .text { padding-top: 10%; }

.jfhy .area2 .text { padding-top: 8%; }

}



@media(max-width: 1080px) {

.jfhy .area1 .text { padding-top: 9.75%; }

}



@media(max-width: 1024px) {

.jfhy .area1 .text { padding-top: 10%; }

}



@media(max-width:960px) {

.jfhy .area1 .text { padding-top: 10%; }

}



@media(max-width:840px) {

.jfhy .area1 .text { padding-top: 6%; }

.jfhy .area2 .text { padding-top: 6%; }

}



@media(max-width:800px) {

.jfhy .area1 .text { padding-top: 5%; }

.jfhy .area2 .text { padding-top: 5.2%; }

}



@media(max-width:768px) {

.jfhy .area1 .text { padding-top: 4.5%; }

.jfhy .area2 .text { padding-top: 2.5%; }

}



@media(max-width:720px) {

.jfhy .area1 .text { padding-top: 3.5%; }

.jfhy .area2 .text { padding-top: 1.5%; }

}



@media(max-width:640px) {

.jfhy .area1 img { width: 46%; }

.jfhy .area1 .text { width: 50%; }

.jfhy p, .jfhy .text p {

margin: !important; padding: 0 !important; }

.jfhy .area1 .text { padding-top: 0; }

.jfhy .area2 .text { padding-top: 1.5%; }

.jfhy .area2 img { width: 55%; }

.jfhy .area2 { padding: 20px 0 !important; overflow: hidden }

.jfhy .area2 .text { width: 43%; }

.jfhy .area3 .text { padding-top: 12% !important; width: 35%; }

.jfhy .area4 .text { padding: 15px 0 !important; }

}

/*三级页面-君华新城*/

.jhxc .area1 { width: 100% }

.jhxc .area1 .text { width: 34.5%; float: left; padding-top: 9.5%; }

.jhxc .area1 img { float: right; width: 63% }

.jhxc .area2 { position: absolute; padding-top: 32% }

.jhxc .area2 img { float: left; width: 63% }

.jhxc .area2 .text { float: right; width: 29%; padding-top: 15.2%; margin-right: 5% }

.jhxc .area3 { position: absolute; padding-top: 78%; width: 73% }

.jhxc .area3 .text { text-indent: 0; width: 45%; padding-bottom: 8% }

.jhxc .area3 img { width: 100% }

.jhxc .area5 { width: 45%; position: absolute; margin-top: 65%; margin-left: 43.5%; right: 5%; }

.jhxc .area5 .text { text-indent: 0; text-align: right }

.jhxc .area5 img { width: 100% }

.jhxc .area6 { width: 90%; clear: both; position: absolute; padding-top: 170.3% }

.jhxc .area6 .text { text-indent: 0 !important; }

.jhxc .area6 img { width: 100%; }

.jhxc .area7 { width: 78%; padding-top: 90%; clear: both; float: right; position: relative; z-index: 1 }

.jhxc .area7 .text { text-align: right }

.jhxc .area7 img { width: 100% }

.jhxc .area3 .text { text-indent: 0 !important; }



@media(max-width: 1680px) {

.jhxc .area1 .text { padding-top: 6.5% }

.jhxc .area2 .text { padding-top: 14.3%; }

}



@media(max-width: 1440px) {

.jhxc .area2 .text { padding-top: 12.3%; }

}



@media(max-width: 1366px) {

.jhxc .area1 .text { padding-top: 7% }

.jhxc .area2 .text { padding-top: 14.2%; }

}



@media(max-width: 1152px) {

.jhxc .area1 .text { padding-top: 8% }

.jhxc .area2 .text { padding-top: 14.5%; }

}



@media(max-width: 1080px) {

.jhxc .area1 .text { padding-top: 7% }

.jhxc .area2 .text { padding-top: 12.7%; }

}



@media(max-width: 1024px) {

.jhxc .area1 .text { padding-top: 7.3% }

.jhxc .area2 .text { padding-top: 14.5%; }

}



@media(max-width:840px) {

.jhxc .area1 .text { padding-top: 5.3%; line-height: 200% !important; }

.jhxc .area2 img { margin-top: 5% }

.jhxc .area5 img { margin-top: 8%; }

.jhxc .area3 .text { padding-bottom: 5%; margin-top: 2.5%; }

}



@media(max-width:800px) {

.jhxc .area1 .text { padding-top: 4.6%; }

.jhxc .area2 img { width: 59%; }

.jhxc .area2 .text { padding-top: 14.5%; width: 32%; }

.jhxc .area3 .text { margin-top: 0; }

}



@media(max-width:768px) {

.jhxc .area1 .text { padding-top: 4.3%; }

.jhxc .area2 .text { padding-top: 13.5%; }

}



@media(max-width:720px) {

.jhxc .area1 .text { padding-top: 1.5%; line-height: 190% !important; }

.jhxc .area5 img { margin-top: 15% }

.jhxc .area2 img { width: 57%; }

.jhxc .area2 .text { width: 34%; padding-top: 14.5%; }

.jhxc .area3 { padding-top: 77%; }

}



@media(max-width:640px) {

.jhxc .area1 .text { width: 40%; line-height: 170% !important; }

.jhxc .area2 img { width: 54%; }

.jhxc .area2 .text { width: 41%; padding-top: 11%; }

.jhxc .area3 { padding-top: 73%; width: 65%; }

.jhxc .area2 img { width: 50%; margin-top: 6%; }

.jhxc .area1 img { width: 58%; }

.jhxc .area3 .text { width: 58%; padding-bottom: 6%; }

.jhxc .area7 { width: 69%; }

.jhxc .area6 { padding-top: 161.3%; }

}

/*三级页面-莱蒙水榭春天*/

.lms .area1 img { float: left; width: 51% }

.lms .area1 .text { width: 46%; float: right; padding-top: 5% }

.lms .area2 { clear: both; position: absolute; padding-top: 26.5%; }

.lms .area2 .text { float: left; width: 32.2% }

.lms .area2 .right { width: 60%; float: right; margin-right: 5.5% }

.lms .area2 .right img { width: 100% }

.lms .area2 .right p { text-align: right }

.lms .area2 .text { padding-top: 15.5% }

.lms .area3 { width: 55%; float: left; padding-top: 24%; position: relative; z-index: 1 }

.lms .area3 .text { text-indent: 0 !important; }

.lms .area3 img { width: 100% }

.lms .area4 { float: right; width: 100%; margin-top: -12% }

.lms .area4 .text { text-align: right }

.lms .area4 img.first { width: 58%; float: right }

.lms .area4 img.last { width: 100%; }



@media(max-width: 1680px) {

.lms .area1 .text { padding-top: 3.9%; }

.lms .area2 .text { padding-top: 14.3%; }

}



@media(max-width:1440px) {

.lms .area1 .text { padding-top: 1.6%; }

}



@media(max-width: 1366px) {

.lms .area1 .text { padding-top: 3.8%; }

}



@media(max-width: 1152px) {

.lms .area1 .text { padding-top: 7.4%; }

.lms .area2 .text { padding-top: 14.6%; }

}



@media(max-width: 1080px) {

.lms .area1 .text { padding-top: 2%; }

.lms .area2 .text { padding-top: 14.5%; }

}



@media(max-width: 1024px) {

.lms .area1 .text { padding-top: 4%; }

.lms .area2 .text { padding-top: 14.5%; }

}



@media(max-width:960px) {

.lms .area2 .right img { margin-top: 7.3% }

}



@media(max-width:840px) {

.lms .area1 img { width: 46%; margin-top: 0; }

.lms .area1 .text { width: 50%; }

.lms .area2 .right img { margin-top: 6%; }

.lms .area2 .text { padding-top: 11%; }

}



@media(max-width:768px) {

.lms .area1 .text { padding-top: 0; }

.lms .area2 .right img { margin-top: 8%; }

.lms .area2 .text { padding-top: 8.7%; }

}



@media(max-width:640px) {

.lms .area1 img { width: 35%; height: 186px; }

.lms .area1 .text { width: 62%; }

.lms .area3 img { margin-top: 11%; }

}



@media(max-width:540px) {

.lms .area1 img { height: auto; }

}

/*三级页面-欧雅庄园*/



.oyzy .area1 { padding-top: 1.5% }

.oyzy .area1 img { width: 60%; float: left }

.oyzy .area1 .text { width: 37%; float: right; padding-top: 8.2% }

.oyzy .area2 { clear: both; position: absolute; padding-top: 28% }

.oyzy .area2 .text { float: left; width: 45%; padding-top: 18% }

.oyzy .area2 img { float: right; width: 47.5%; margin-right: 5.3% }

.oyzy .area4 { clear: both; margin-top: 69% }

.oyzy .area4 img { width: 100%; padding-top: 2.3% }



@media(max-width: 1440px) {

.oyzy .area1 .text { padding-top: 7.4%; }

.oyzy .area2 .text { padding-top: 17.5%; }

}



@media(max-width: 1366px) {

.oyzy .area2 .text { padding-top: 17.5%; }

}



@media(max-width: 1280px) {

.oyzy .area1 .text { padding-top: 7.8%; }

}



@media(max-width: 1080px) {

.oyzy .area1 .text { padding-top: 6.35%; }

}



@media(max-width: 1024px) {

.oyzy .area1 .text { padding-top: 7.8%; }

}



@media(max-width:960px) {

.oyzy .area1 .text { padding-top: 5.8%; }

}



@media(max-width:840px) {

.oyzy .area1 .text { padding-top: 6.5%; }

.oyzy .area2 .text { padding-top: 16.5%; }

}



@media(max-width:800px) {

.oyzy .area1 .text { padding-top: 5.8%; }

}



@media(max-width:768px) {

.oyzy .area2 .text { padding-top: 16%; }

}



@media(max-width:720px) {

.oyzy .area1 .text { padding-top: 2.8%; }

.oyzy .area2 .text { padding-top: 15.5%; }

}



@media(max-width:640px) {

.oyzy .area1 .text { padding-top: 0; width: 41%; }

.oyzy .area2 .text { padding-top: 10.5%; }

.oyzy .area1 img { width: 55%; }

}

/*三级页面-旗峰公园*/



.qfgy .area1 img { width: 65%; float: left }

.qfgy .area1 .text { width: 32%; float: right; padding-top: 9% }

.qfgy .area2 { clear: both; position: absolute; padding-top: 32% }

.qfgy .area2 .text { float: left; width: 32%; padding-top: 17.5% }

.qfgy .area2 img { float: right; width: 60%; margin-right: 5.4% }

.qfgy .area4 { width: 100%; clear: both; padding-top: 34.5% }

.qfgy .area4 img.first { float: left; width: 55% }

.qfgy .area4 img.second { float: right; width: 60%; position: absolute; right: 5%; padding-top: 30% }

.qfgy .area4 img.third { padding-top: 30%; position: relative; z-index: 1; width: 70% }

.qfgy .area4 .text { float: right; width: 42%; padding-top: 15% }



@media(max-width: 1680px) {

.qfgy .area1 .text { padding-top: 8.6%; }

.qfgy .area2 .text { padding-top: 17%; }

.qfgy .area4 .text { padding-top: 15.5%; }

}



@media(max-width: 1440px) {

.qfgy .area2 .text { padding-top: 15%; }

}



@media(max-width: 1366px) {

.qfgy .area2 .text { padding-top: 16%; }

}



@media(max-width:1152px) {

.qfgy .area1 .text { padding-top: 9.2%; }

.qfgy .area2 .text { padding-top: 16.2%; }

}



@media(max-width:1080px) {

.qfgy .area1 .text { padding-top: 8.9%; }

.qfgy .area2 .text { padding-top: 16.2%; }

.qfgy .area4 .text { padding-top: 15.5%; }

}



@media(max-width:1000px) {

.qfgy .area2 .text { padding-top: 15.2%; }

}



@media(max-width:960px) {

.qfgy .area1 .text { padding-top: 6.9%; }

.qfgy .area2 .text { padding-top: 13.2%; }

}



@media(max-width:840px) {

.qfgy .area1 .text { padding-top: 4.9%; }

.qfgy .area4 .text { padding-top: 11.5%; }

}



@media(max-width:768px) {

.qfgy .area1 .text { padding-top: 3.5%; }

.qfgy .area2 .text { padding-top: 10.2%; }

}



@media(max-width:720px) {

.qfgy .area2 img { margin-top: 3% }

.qfgy .area1 .text { padding-top: 2%; }

.qfgy .area2 .text { padding-top: 9.5%; }

}



@media(max-width:640px) {

.qfgy .area1 img { width: 59.8%; }

.qfgy .area1 .text { width: 36%; }

.qfgy .area2 img { margin-top: 6%; }

.qfgy .area1 .text { padding-top: 1%; }

.qfgy .area2 .text { padding-top: 5.5%; }

.qfgy .area4 img.first { margin-top: 7%; }

.qfgy .area4 .text { padding-top: 14.5%; }

.qfgy .area4 img.second { padding-top: 31% }

.qfgy .area4 img.second { position: static }

}

/*三级页面-山水江南*/

.ssjn { clear: both }

.ssjn .area1 .text { float: left; width: 48.4%; padding-top: 6% }

.ssjn .area1 img { float: right; width: 50% }

.ssjn .area2 { position: absolute; padding-top: 18.5%; clear: both }

.ssjn .area2 img { float: left; width: 55% }

.ssjn .area2 .text { float: right; width: 37.5%; padding-top: 12%; margin-right: 5% }

.ssjn .area3 { clear: both; padding-top: 46%; position: absolute; margin-right: 5% }

.ssjn .area3 .text { float: left; width: 48%; padding-top: 13.8% }

.ssjn .area3 img { float: right; width: 50% }

.ssjn .area4 { width: 62%; position: absolute; padding-top: 73%; left: 5%; }

.ssjn .area4 img { width: 85%; float: left }

.ssjn .area4 .text { float: right; text-align: left; text-indent: 0; position: relative; padding-top: 12%; left: -2%; }

.ssjn .area5 { width: 50%; position: absolute; padding-top: 102%; right: 0; }

.ssjn .area5 img { width: 90%; }

.ssjn .area5 .text { text-align: right; width: 90%; text-indent: 0 }



@media(max-width:1680px) {

.ssjn .area1 .text { padding-top: 4.7% }

.ssjn .area2 .text { padding-top: 19.5%; }

.ssjn .area3 .text { padding-top: 12.3% }

.ssjn .area4 .text { margin-top: -47.5%; padding-top: 0; }

.ssjn .area4 img { width: 84%; }

}



@media(max-width:1440px) {

.ssjn .area3 .text { padding-top: 11.5%; }

}



@media(max-width:1366px) {

.ssjn .area3 .text { padding-top: 12%; }

}



@media(max-width:1280px) {

.ssjn .area1 .text { padding-top: 4.8% }

.ssjn .area2 .text { padding-top: 9.6%; }

.ssjn .area3 .text { padding-top: 12.2%; }

.ssjn .area4 .text { top: -75%; }

}



@media(max-width:1152px) {

.ssjn .area3 .text { padding-top: 13.6%; }

.ssjn .area4 .text { top: 100%; }

}



@media(max-width:1080px) {

.ssjn .area1 .text { float: left; width: 49%; padding-top: 4.7% }

.ssjn .area3 .text { padding-top: 11.8%; }

}



@media(max-width:1024px) {

.ssjn .area1 .text { padding-top: 5%; }

.ssjn .area3 .text { padding-top: 13.8%; }

}



@media(max-width: 1000px) {

.ssjn .area3 .text { padding-top: 12.2%; }

}



@media(max-width:960px) {

.ssjn .area1 .text { padding-top: 3%; }

.ssjn .area2 .text { padding-top: 7.5%; }

.ssjn .area3 .text { padding-top: 10.2%; }

}



@media(max-width:768px) {

.ssjn .area1 .text { padding-top: 2%; }

.ssjn .area2 .text { padding-top: 5%; }

.ssjn .area3 .text { padding-top: 8.7%; }

.ssjn .area4 .text { position: static; }

}



@media(max-width:720px) {

.ssjn .area1 .text { padding-top: 0; margin-top: 1.5%; }

.ssjn .area2 .text { padding-top: 5%; }

.ssjn .area3 .text { padding-top: 8.7%; }

.ssjn .area3 img { margin-top: 2%; }

.ssjn .area4 img { margin-top: 8%; }

.ssjn .area4 .text { margin-top: -53.5%; position: relative; left: 20px; top: 0; }

}



@media(max-width:640px) {

.ssjn .area2 img { margin-top: 3.5%; }

.ssjn .area3 img { margin-top: 11%; }

.ssjn .area1 .text { margin-top: 2.5%; }

.ssjn .area4 img { margin-top: 18%; }

.ssjn .area3 .text { padding-top: 12.7%; }

.ssjn .area4 .text { left: 20px; top: 10px; }

}

/*三级页面-朱府华庭*/





.zfht .area1 { padding-top: 2% }

.zfht .area1 img.first { width: 61%; float: left }

.zfht .area1 img.last { width: 100%; padding-top: 2.3% }

.zfht .area1 .text { float: right; width: 36.5%; padding-top: 7.5% }

.zfht .area2 { clear: both; padding-top: 2% }

.zfht .area2 .text { float: left; width: 32%; text-align: right; padding-top: 11.5% }

.zfht .area2 img { width: 65%; float: right }

.zfht .area3 { clear: both; position: absolute; padding-top: 15% }

.zfht .area3 img { width: 52%; float: left }

.zfht .area3 .text { float: right; width: 41%; padding-top: 38%; margin-right: 4% }

.zfht .area4 { padding-top: 82.6% }

.zfht .area4 img { width: 100% }

.zfht .area4 .text { text-align: right }



@media(max-width: 1680px) {

.zfht .area1 .text { padding-top: 7.2%; }

}



@media(max-width: 1440px) {

.zfht .area1 .text { padding-top: 5%; }

}



@media(max-width: 1366px) {

.zfht .area1 .text { padding-top: 7%; }

.zfht .area3 .text { padding-top: 38.5% }

}



@media(max-width: 1280px) {

.zfht .area1 .text { padding-top: 7.2%; }

.zfht .area3 .text { padding-top: 38.5% }

}



@media(max-width: 1080px) {

.zfht .area1 .text { padding-top: 5.3%; }

.zfht .area3 .text { padding-top: 38.2% }

}



@media(max-width:960px) {

.zfht .area1 { padding-top: 0; }

}



@media(max-width:840px) {

.zfht .area3 .text { padding-top: 36.5%; }

}



@media(max-width:800px) {

.zfht .area1 .text { padding-top: 3.3%; }

}



@media(max-width:768px) {

.zfht .area1 .text { padding-top: 2.3%; }

.zfht .area3 .text { padding-top: 35.8%; }

}



@media(max-width:720px) {

.zfht .area1 .text { padding-top: 1.3%; }

.zfht .area3 .text { padding-top: 34.8%; }

}



@media(max-width:640px) {

.zfht .area1 .text { padding-top: 5px; }

.zfht .area3 .text { padding-top: 32%; }

}

/*页脚*/

footer { position: relative; z-index: 1; }

footer.Bscase { padding-top: 1px; }

footer.DcCase, footer.Szcase, footer.honor { padding-top: 35px; }

footer.ssjn { margin-top: 150%; }

footer.jhxc { margin-top: 62%; }

footer .logo { display: block; width: 20%; padding-left: 39% }

footer .logo img { width: 100%; }

footer .crosswise { padding-top: 30px; position: relative; z-index: 4; overflow: hidden; text-align: center }

footer .crosswise ul { width: 100%; }

footer .crosswise li { display: inline; }

footer .crosswise li a { font-size: 14px; margin: 0 10px; font-family: "宋体"; text-align: center; }

footer .t_c { width: 410px; margin: 0 auto; font-size: 16px; text-align: center; font-family: "新宋体"; position: relative; z-index: 2; left: -2.5%; padding-top: 20px; }

footer .t_c a { font-family: "新宋体"; }

footer .footer_bg { position: absolute; left: 0; width: 100%; margin-top: -8%; z-index: 1; }

footer .tongji { position: fixed; right: 0; bottom: 0; }



@media(max-width: 1440px) {

footer .crosswise { padding-top: 2.5%; }

footer .t_c { font-size: 14px }

}



@media(max-width:1280px) {

footer .crosswise { padding-top: 2.8%; }

footer.Bscase { padding-top: 1.2%; }

}



@media(max-width:1280px) {

footer .crosswise { padding-top: 2.7%; }

}



@media(max-width:960px) {

footer .logo { width: 350px; padding-left: 0; margin: 0 auto; margin-bottom: 5px; margin-top: 20px; }

footer .t_c { position: static }

footer.ssjn { margin-top: 159%; }

}



@media(max-width:640px) {

footer .logo { width: 40%; }

footer .crosswise li { display: block; margin: 0 !important }

footer .crosswise li a { font-size: 16px; line-height: 250%; display: block; margin: 0 !important; border-top: 1px solid #5ae090; }

footer .crosswise li a[title=首页] { border-top: 0 !important; }

footer .crosswise li:hover a { color: white; background-color: #5ae090; }

footer .footer_bg { margin-top: 0 }

}



@media(max-width:540px) {

footer .footer_bg { margin-top: -5%; }

footer.ssjn { margin-top: 7%; }

}



@media(max-width:480px) {

footer .logo { width: 50%; }

footer.jhxc { margin-top: 7%; }

}



@media(max-width:414px) {

footer .logo { width: 60%; }

footer .t_c { width: 217px; line-height: 170%; padding-top: 15px; }

footer .footer_bg { margin-top: -5%; }

}



@media(max-width:375px) {

footer .logo { width: 65%; }

}



@media(max-width:360px) {

footer .logo { width: 240px; }

}