body { max-width: 100%; color: #2d3b49; background-color: #fff }
                          
.wrapper { max-width: 1580px }
.m-block, .m-img, .m-768, .m-960, .g-menubg { display: none }
.writing-vertical { writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; text-transform: uppercase }
.g-head { clear: both }
    .g-head .wrapper { position: relative; z-index: 1000; padding: 20px 300px 20px 210px; min-height: 80px; text-align: center }
    .g-head .logo { display: inline-block; position: absolute; z-index: 1; zoom: 1; left: 0; top: 49%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); max-width: 200px }
        .g-head .logo img { height: 60px }
    .g-head .toolbar { position: absolute; z-index: 1; zoom: 1; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); max-width: 400px }
        .g-head .toolbar .lk { padding-bottom: 10px; font-size: 12px; margin-bottom: 32px }
            .g-head .toolbar .lk i { font-size: 14px; margin-right: 2px }
            .g-head .toolbar .lk li { display: inline-block; position: relative; line-height: 1; padding: 0 1em; border-right: 1px #f2f2f2 solid }
                .g-head .toolbar .lk li:after { content: ''; display: block; position: absolute; top: 100%; left: 0; width: 100%; height: 10px }
                .g-head .toolbar .lk li:first-child { padding-left: 2px }
                .g-head .toolbar .lk li:last-child { padding-right: 2px; border: none }
                .g-head .toolbar .lk li > a { color: #888; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
                    .g-head .toolbar .lk li > a:hover { color: #008966 }
                .g-head .toolbar .lk li p { position: absolute; z-index: 10; zoom: 1; top: 100%; left: 0; margin-top: 10px; background-color: #fff; padding: .4em 0; max-height: 380px; overflow: hidden; overflow-y: auto; text-align: left; border: 1px #eee solid; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.12); -o-box-shadow: 0 2px 4px rgba(0,0,0,0.12); box-shadow: 0 2px 4px rgba(0,0,0,0.12); -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); transform-origin: left top; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
                    .g-head .toolbar .lk li p::-webkit-scrollbar { width: 6px; height: 6px }
                    .g-head .toolbar .lk li p::-webkit-scrollbar-thumb { -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; background: rgba(47,64,80,0.46); border: none }
                    .g-head .toolbar .lk li p::-webkit-scrollbar-track { background: #f6f6f6; border: none }
                    .g-head .toolbar .lk li p::-webkit-scrollbar-button { display: none }
                    .g-head .toolbar .lk li p::-webkit-scrollbar-corner { background: #f6f6f6 }
                    .g-head .toolbar .lk li p a { display: block; max-width: 250px; padding: 0 1.5em; line-height: 2.6; font-size: 13px; color: #2d3b49; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
                        .g-head .toolbar .lk li p a:hover { color: #008966; background-color: #f9f9f9 }
                .g-head .toolbar .lk li:hover > a { color: #008966 }
                .g-head .toolbar .lk li:hover p { -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
        .g-head .toolbar .searchbox { position: absolute; z-index: 1; zoom: 1; left: 0; width: 100%; bottom: 0; height: 32px; background-color: #f0f0f0; -webkit-border-radius: 32px; -moz-border-radius: 32px; -o-border-radius: 32px; border-radius: 32px; overflow: hidden }
            .g-head .toolbar .searchbox input { display: block; height: 32px; line-height: 32px; padding: 0 40px 0 20px; width: 100%; background-color: transparent; border: none; outline: none; font-size: 12px }
            .g-head .toolbar .searchbox a, .g-head .toolbar .searchbox button { display: inline-block; position: absolute; z-index: 1; zoom: 1; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 40px; text-align: center; font-size: 18px; color: #999; background: none; background-color: transparent; border: none }
    .g-head .menu { display: inline-block; padding: 0 5px }
        .g-head .menu li { float: left; position: relative; margin: 0 20px }
            .g-head .menu li > a { position: relative; display: inline-block; line-height: 1; padding: 15px 0; font-size: 16px; color: #2d3b49; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
                .g-head .menu li > a:after { content: ''; display: block; width: 100%; height: 2px; position: absolute; z-index: 1; zoom: 1; left: 0; top: 100%; bottom: 0; background-color: #008966; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
                .g-head .menu li > a:hover { color: #008966 }
                    .g-head .menu li > a:hover:after { -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100) }
            .g-head .menu li p { position: absolute; z-index: 10; zoom: 1; top: 100%; left: 0; min-width: 280%; background-color: #fff; border: 1px #eee solid; border-top: 3px #008966 solid; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); transform-origin: left top; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.12); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.12); -o-box-shadow: 0 2px 4px rgba(0,0,0,0.12); box-shadow: 0 2px 4px rgba(0,0,0,0.12) }
                .g-head .menu li p a { display: block; padding: 0 1.5em; line-height: 2.8; text-align: left; font-size: 15px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-bottom: 1px #f2f2f2 solid }
                    .g-head .menu li p a:hover { color: #008966; background-color: #f9f9f9 }
            .g-head .menu li:hover p { -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
.g-footer { padding: 20px 0 }
    .g-footer .info { padding-bottom: 40px }
    .g-footer .add { float: left }
        .g-footer .add li { float: left; margin-right: 80px }
            .g-footer .add li h1 { font-size: 18px; font-weight: bold }
            .g-footer .add li p { position: relative; padding: 12px 0 0 24px; line-height: 20px }
                .g-footer .add li p i { display: inline-block; position: absolute; z-index: 1; zoom: 1; top: 12px; left: 0; line-height: 20px; font-size: 20px; color: #3ebd7d }
    .g-footer .wx { float: right }
        .g-footer .wx li { float: left; margin-left: 20px; text-align: center }
            .g-footer .wx li img { width: 100px; margin-bottom: 5px }
    .g-footer .copy { padding: 1em; background-color: #f2f2f2; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px }
        .g-footer .copy a, .g-footer .copy span { margin: 0 .5em; color: #888 }
        .g-footer .copy p { float: right }
        .g-footer .copy a:hover { color: #3ebd7d }
.g-banner { position: relative; margin-bottom: 20px; background-color: #008966; background-attachment: fixed; background-size: cover !important }
    .g-banner img { width: 100% }
.g-bread { position: relative; padding: 1.4em 0; border-bottom: 1px #eee solid; margin: -20px auto 20px; color: #888 }
    .g-bread .tit { position: absolute; z-index: 1; zoom: 1; left: 0; top: 50%; font-size: 24px; color: #666; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); text-transform: uppercase }
        .g-bread .tit span { padding-left: .4em; color: #f2f2f2 }
    .g-bread i { margin-right: .4em }
    .g-bread a { color: #444; padding: 0 .4em }
        .g-bread a:hover { color: #3ebd7d }
.g-page { padding: 2.5rem 0; text-align: center; font-size: 1rem }
    .g-page ul, .g-page li { list-style: none; display: inline-block }
    .g-page:before, .g-page:after { content: ''; display: block; width: 100%; height: 0; clear: both }
    .g-page .page-wrapper { display: inline-block; margin: 0 auto }
    .g-page a, .g-page b, .g-page input, .g-page button, .g-page select { display: inline-block; float: left; line-height: 2.2rem; padding: 0 .8rem; color: #2d3b49; background-color: #fff; margin: 0 3px .4rem 0; border: 1px #eee solid; border-radius: 1px; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; text-decoration: none; cursor: pointer }
        .g-page a:hover { border: 1px solid #3ebd7d; background-color: rgba(62,189,125,0.09); color: #3ebd7d }
        .g-page a:active { color: #fff; background-color: #3ebd7d }
    .g-page b { color: #fff; background-color: #008966; border-color: #008966; cursor: no-drop }
    .g-page input { width: 5rem; height: 2rem }
    .g-page select { width: 4rem !important; height: 2.2rem }
.g-subli { border-bottom: 1px #f2f2f2 solid; margin-top: -10px; margin-bottom: 20px }
    .g-subli li { position: relative; float: left; font-size: 16px; padding: .4em 0 1.5em; margin-right: 2.2em }
        .g-subli li:after { content: ''; display: block; position: absolute; z-index: 1; zoom: 1; left: 0; bottom: -1px; width: 0; height: 2px; background-color: #008966; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0) }
        .g-subli li a { color: #666 }
        .g-subli li.active a, .g-subli li:hover a { color: #008966 }
        .g-subli li.active:after, .g-subli li:hover:after { -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); width: 100% }
.g-html { line-height: 2; font-size: 16px; color: #4d4d4d; overflow: hidden }
    .g-html > * { max-width: 100% }
    .g-html img { max-width: 100%; background: url(images/loading_min.png) center #f9f9f9 no-repeat !important }
    .g-html a { color: #2d3b49 }
        .g-html a:hover { color: #d3a360 }
.new-nav { text-align: center; margin-bottom: 20px }
    .new-nav p { display: inline-block }
    .new-nav a { float: left; position: relative; padding: 12px 35px 12px 70px; background-color: #f2f2f2; color: #555; text-align: left; line-height: 1; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
        .new-nav a:last-child { -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -o-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0 }
        .new-nav a:first-child { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -o-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px }
        .new-nav a i { position: absolute; z-index: 1; zoom: 1; left: 25px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 40px; text-align: center; font-size: 40px; color: #008966 }
        .new-nav a b { display: block; font-size: 18px; padding-bottom: 2px }
        .new-nav a span { -khtml-opacity: .8; -webkit-opacity: .8; -moz-opacity: .8; -o-opacity: .8; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); font-size: 12px }
        .new-nav a.active { background-color: #008966; color: #fff }
            .new-nav a.active i { color: #fff }
.k-pagination { display: inline-block; min-height: 12px }
    .k-pagination .bull { display: inline-block; float: left; width: 6px; height: 6px; margin: 2px 4px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; background-color: rgba(0,0,0,0.48); cursor: pointer }
        .k-pagination .bull:hover { background-color: #d3a360 }
        .k-pagination .bull.active { background-color: rgba(255,255,255,0.8); width: 10px; height: 10px; margin: 0 3px }
.k-banner { position: relative; background-color: #3ebd7d; margin-bottom: 20px }
    .k-banner .swiper-slide { display: table; position: relative; overflow: hidden; background-color: #f2f2f2; text-align: center; background-size: cover !important }
        .k-banner .swiper-slide img { width: 100%; position: relative; left: 0; top: 0 }
        .k-banner .swiper-slide * { -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
    .k-banner .k-pagination { position: absolute; z-index: 10; zoom: 1; left: 50%; bottom: 30px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) }
    .k-banner .swiper-slide-active .slideInUp { -webkit-animation: slideInUp 1.2s ease-out 0s normal; animation: slideInUp 1.2s ease-out 0s normal }
    .k-banner .swiper-slide-active .slideInRight { -webkit-animation: slideInRight 1.2s ease-out 0s normal; animation: slideInRight 1.2s ease-out 0s normal }
.k-xnew { position: relative; padding-right: 29%; margin-bottom: 20px }
    .k-xnew .xnew { margin-right: 20px; border-left: 1px #f0f0f0 solid; border-top: 1px #f0f0f0 solid }
        .k-xnew .xnew li { position: relative; float: left; width: 33.33%; height: 220px; overflow: hidden; border-right: 1px #f0f0f0 solid; border-bottom: 1px #f0f0f0 solid; background-color: #fff; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
            .k-xnew .xnew li:after { content: ''; display: block; width: 100%; position: absolute; z-index: 1; zoom: 1; left: 0; top: 0; bottom: 0; background-color: #3ebd7d; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -webkit-transform: scale(.5); -moz-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5) }
            .k-xnew .xnew li a { display: block; padding: 10px 30px 25px; position: relative; z-index: 2 }
            .k-xnew .xnew li .alt { position: relative; padding: 10px 3em 10px 0; border-bottom: 1px #f2f2f2 solid; line-height: 1; margin-bottom: 10px }
                .k-xnew .xnew li .alt .xdate { display: inline-block; text-align: center; font-size: 12px }
                    .k-xnew .xnew li .alt .xdate b { display: block; font-size: 40px; padding-bottom: .1em }
                .k-xnew .xnew li .alt .xmore { display: inline-block; position: absolute; z-index: 1; zoom: 1; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
            .k-xnew .xnew li h3 { height: 50px; line-height: 25px; font-size: 16px; overflow: hidden; margin-bottom: 10px }
            .k-xnew .xnew li .txt { height: 40px; line-height: 20px; font-size: 12px; color: #999; overflow: hidden }
            .k-xnew .xnew li:hover { color: #fff; background-color: #3ebd7d }
                .k-xnew .xnew li:hover:after { -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
                .k-xnew .xnew li:hover .alt { border-color: rgba(255,255,255,0.5) }
                .k-xnew .xnew li:hover * { color: #fff }
    .k-xnew .xslide { position: absolute; z-index: 1; zoom: 1; top: 0; bottom: 0; right: 0; width: 29%; overflow: hidden }
        .k-xnew .xslide .swiper-slide { position: relative; height: 440px; background-color: #2e2e2e }
            .k-xnew .xslide .swiper-slide img { width: 100%; height: 300px; background-size: cover !important; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out }
            .k-xnew .xslide .swiper-slide .xtb { display: flex;align-content: center; justify-content: center; align-items: center; width: 100%; height: 140px; position: relative; z-index: 3; color: #fff; background-color: #3ebd7d }
                .k-xnew .xslide .swiper-slide .xtb .td { padding:  0 30px; overflow: hidden; vertical-align: middle }
				.k-xnew .xslide .swiper-slide .xtb h3{line-height: 30px; font-size: 20px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 8px; }
                .k-xnew .xslide .swiper-slide .xtb p { display: inline-block; max-height: 50px; line-height: 25px; overflow: hidden; font-size: 12px }
            .k-xnew .xslide .swiper-slide:hover img { -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -o-transform: scale(1.12); transform: scale(1.12) }
        .k-xnew .xslide .k-pagination { position: absolute; z-index: 10; zoom: 1; right: 20px; bottom: 160px }
.k-xabout { position: relative; padding: 80px 34% 120px 12.5%; background: url(images/ab2.png) center bottom no-repeat; background-size: 80%; margin-bottom: 20px }
    .k-xabout img { position: absolute; z-index: 1; zoom: 1; right: 3.5%; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); max-width: 28% }
    .k-xabout h3 { font-size: 24px; color: #666; margin-bottom: .2em }
    .k-xabout h1 { font-size: 36px; font-weight: bold; color: #008966; margin-bottom: .4em }
    .k-xabout p { line-height: 2; color: #888 }
    .k-xabout .txt { margin-bottom: 50px }
    .k-xabout ul { display: table; width: 100% }
        .k-xabout ul li { display: table-cell; width: 25%; color: #2d3b49; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; cursor: pointer }
            .k-xabout ul li:hover { -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); transform: translate(0, -10px) }
            .k-xabout ul li .bt { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #3ebd7d }
            .k-xabout ul li b { font-size: 60px }
    .k-xabout .writing-vertical { display: inline-block; left: 6%; bottom: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); padding-bottom: 120px; text-align: center; font-size: 60px; color: #f0f0f0; position: absolute; z-index: 1; zoom: 1 }
        .k-xabout .writing-vertical:after { content: ''; display: block; width: 2px; position: absolute; z-index: 1; zoom: 1; left: 50%; bottom: 0; background-color: #f2f2f2; height: 100px }
.k-xchanye { position: relative; padding: 8vw 8.5%; color: #fff; background: url(images/cy2.jpg) center no-repeat; background-size: cover; background-attachment: fixed; margin-bottom: 20px }
    .k-xchanye:before { content: ''; display: block; position: absolute; z-index: 1; zoom: 1; left: 0; top: 0; bottom: 0; width: 100%; background-color: rgba(0,137,102,0.8) }
    .k-xchanye .alt { position: relative; z-index: 2; float: left; width: 27% }
        .k-xchanye .alt h1 { font-size: 36px; font-weight: bold; border-bottom: 1px rgba(255,255,255,0.75) solid; padding-bottom: 15px; margin-bottom: 20px }
        .k-xchanye .alt h3 { line-height: 1.6; font-size: 18px; margin-bottom: 15px }
        .k-xchanye .alt p { line-height: 1.8; font-size: 12px; text-transform: uppercase }
    .k-xchanye .xchanye { position: relative; z-index: 2; float: right; width: 70% }
        .k-xchanye .xchanye ul { margin: 0 -10px }
            .k-xchanye .xchanye ul > li { float: left; margin: 0 0 15px; width: 33.33333333%; padding: 0 10px }
            .k-xchanye .xchanye ul a { position: relative; display: block; padding: 0 50px 0 20px; line-height: 40px; font-size: 14px; background-color: rgba(255,255,255,0.9); -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
                .k-xchanye .xchanye ul a i { display: inline-block; width: 24px; line-height: 24px; font-size: 20px; color: #008966; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; text-align: center; position: absolute; z-index: 1; zoom: 1; right: 8px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
                .k-xchanye .xchanye ul a:hover { background-color: #3ebd7d; color: #fff }
                    .k-xchanye .xchanye ul a:hover i { color: #fff }
.k-xjob { position: relative; padding: 30px 280px 20px 400px; min-height: 140px; background: url(images/jb1.jpg) left center #3ebd7d no-repeat; background-size: contain; padding: 30px 300px 30px 450px; text-align: center }
    .k-xjob .jbalt { display: inline-block; position: absolute; z-index: 1; zoom: 1; left: 60px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 70px; line-height: 1; color: #fff; text-align: left }
        .k-xjob .jbalt b { display: block; font-size: 28px; padding-bottom: 9px }
        .k-xjob .jbalt p { font-size: 18px }
        .k-xjob .jbalt i { font-size: 54px; position: absolute; z-index: 1; zoom: 1; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
    .k-xjob .jbmore { position: absolute; z-index: 1; zoom: 1; font-size: 15px; color: #fff; right: 50px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
    .k-xjob .jbli { display: inline-block; padding-left: 6em; position: relative; color: #fff }
        .k-xjob .jbli a { display: inline-block; float: left; margin: 0 .8em .6em 0; line-height: 28px; padding: 0 1em; border: 1px rgba(255,255,255,0.5) solid; color: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px }
            .k-xjob .jbli a:hover { background-color: #fff; color: #3ebd7d }
        .k-xjob .jbli span { display: inline-block; position: absolute; z-index: 1; zoom: 1; left: 0; top: 0; line-height: 28px; font-size: 16px }
.about-info { margin-bottom: 20px }
    .about-info .text { float: left; width: 38%; line-height: 1 }
        .about-info .text .t { position: relative; z-index: 2; font-size: 15px; line-height: 2; color: #888; text-indent: 0 }
            .about-info .text .t p { padding-bottom: .5em }
        .about-info .text .bottom { display: block; padding-top: 10px; line-height: 100px; font-size: 100px; font-weight: bold; text-transform: uppercase; color: #f9f9f9; font-family: arial; font-style: normal; position: relative; z-index: 1 }
    .about-info .img_box { float: right; width: 54%; position: relative }
        .about-info .img_box .img { display: block; line-height: 0; overflow: hidden }
            .about-info .img_box .img img { width: 100% }
        .about-info .img_box .box { position: absolute; left: -60px; top: 15%; max-width: 200px; width: 100%; min-height: 310px; background-color: rgba(62,189,125,0.9) }
            .about-info .img_box .box .d { color: #fff; text-align: center; margin-top: 42px }
                .about-info .img_box .box .d .bt { font-size: 55px; font-family: arial; font-weight: bold }
                    .about-info .img_box .box .d .bt span { font-weight: normal; font-size: 15px }
                .about-info .img_box .box .d p { font-size: 15px }
.about-data { position: relative; padding: 6vw 12.5%; color: #fff; background: url(images/cy2.jpg) center no-repeat; background-size: cover; background-attachment: fixed; margin-bottom: 20px }
    .about-data:after { content: ''; display: block; position: absolute; z-index: 1; zoom: 1; left: 0; top: 0; bottom: 0; width: 100%; background-color: rgba(0,137,102,0.8) }
    .about-data .maxbox { position: relative; z-index: 10; padding-left: 40% }
        .about-data .maxbox:nth-child(1) { border-bottom: 1px rgba(255,255,255,0.32) solid }
        .about-data .maxbox h1, .about-data .maxbox img { position: absolute; z-index: 1; zoom: 1; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 30%; font-size: 30px; color: rgba(255,255,255,0.86); font-weight: bold }
        .about-data .maxbox ul { padding: 50px 0 }
            .about-data .maxbox ul li { float: left; width: 33%; padding: 0 10px 0 30px; text-align: left; border-left: 1px rgba(255,255,255,0.32) solid }
                .about-data .maxbox ul li p { font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
                .about-data .maxbox ul li .bt { font-size: 48px; font-family: arial; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
                    .about-data .maxbox ul li .bt span { font-size: 14px; font-weight: normal }
.list-property ul { margin: 0 -7px }
    .list-property ul > li { float: left; margin: 0 0 15px; width: 25%; padding: 0 7px }
    .list-property ul li:nth-child(1) { width: 50% }
    .list-property ul li a { display: block; background-color: #fff; overflow: hidden; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
    .list-property ul li .img { position: relative; line-height: 0 }
        .list-property ul li .img img { width: 100%; height: 280px; background-size: cover !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out }
        .list-property ul li .img span { position: absolute; z-index: 3; zoom: 1; right: 30px; bottom: -20px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; padding: 0 22px; border-radius: 50px; display: block; background: #3ebd7d; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
    .list-property ul li .text { padding: 25px 30px; position: relative; z-index: 2; background: #fff }
        .list-property ul li .text * { position: relative; z-index: 2 }
        .list-property ul li .text h3 { color: #555; font-size: 18px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
        .list-property ul li .text p { color: #888; font-size: 15px; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
        .list-property ul li .text span { margin-top: 14px; display: inline-block; color: #666; font-size: 12px; text-transform: uppercase }
        .list-property ul li .text:after { content: ''; display: none; position: absolute; z-index: 1; zoom: 1; left: 0; top: 0; bottom: 0; width: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); background-color: #3ebd7d; clear: both; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
    .list-property ul li:hover a { -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.08); -moz-box-shadow: 0 0 16px rgba(0,0,0,0.08); -o-box-shadow: 0 0 16px rgba(0,0,0,0.08); box-shadow: 0 0 16px rgba(0,0,0,0.08) }
    .list-property ul li:hover img { -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06) }
    .list-property ul li:hover .img span { background-color: #fff; color: #333; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); right: 10px }
    .list-property ul li:hover .text:after { width: 100%; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100) }
    .list-property ul li:hover .text * { color: #3ebd7d }
.k-hdbox { position: relative; padding-right: 50%; background-color: #3ebd7d; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; overflow: hidden }
    .k-hdbox.c-duty { background-color: #3ebd7d }
        .k-hdbox.c-duty .tit { padding: 50px 80px }
            .k-hdbox.c-duty .tit i { background-color: #fff }
    .k-hdbox .tit { padding: 80px }
        .k-hdbox .tit h3 { color: rgba(255,255,255,0.6); font-size: 18px; font-family: arial; text-transform: uppercase }
        .k-hdbox .tit h1 { color: #fff; font-size: 30px; font-weight: bold }
        .k-hdbox .tit i { margin-top: 14px; display: inline-block; width: 55px; height: 3px; background: #3ebd7d }
        .k-hdbox .tit p { line-height: 2; font-size: 16px; padding: 15px 0 25px; color: #fff }
        .k-hdbox .tit li { padding-top: 20px; font-size: 18px; color: #fff; font-weight: bold }
        .k-hdbox .tit ul { padding: 10px 0; border-top: 1px rgba(255,255,255,0.26) solid }
    .k-hdbox .img { position: absolute; z-index: 1; zoom: 1; top: 0; right: 0; bottom: 0; width: 50%; background-size: cover !important }
        .k-hdbox .img:after { content: ''; display: none; position: absolute; z-index: 1; zoom: 1; left: 0; top: 0; bottom: 0; width: 100%; background-color: rgba(0,137,102,0.8) }
.list-cooperate { border: 1px #f6f6f6 solid; margin-bottom: 20px }
    .list-cooperate ul { margin: 0 0 }
        .list-cooperate ul > li { float: left; margin: 0 0 0; width: 33.33333333% }
        .list-cooperate ul li { position: relative; text-align: center; padding-bottom: 60px; overflow: hidden; background-color: #fff }
            .list-cooperate ul li a { display: block; padding: 0 25% }
                .list-cooperate ul li a img { width: 100%; background-size: contain !important; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
                .list-cooperate ul li a p { position: absolute; z-index: 1; zoom: 1; left: 0; bottom: 0; right: 0; background-color: rgba(0,137,102,0.8); color: #fff; line-height: 60px; padding: 0 1em; font-size: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
            .list-cooperate ul li:nth-child(2n) { background-color: #f2f2f2 }
                .list-cooperate ul li:nth-child(2n) a p { background-color: rgba(62,189,125,0.9) }
            .list-cooperate ul li .txt { position: absolute; z-index: 2; zoom: 1; top: 0; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.8); -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; cursor: pointer }
                .list-cooperate ul li .txt p { position: absolute; z-index: 1; zoom: 1; top: 50%; left: 10%; right: 10%; text-align: center; vertical-align: middle; color: #fff; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); line-height: 2; font-size: 16px }
            .list-cooperate ul li:hover img { -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06) }
            .list-cooperate ul li:hover a p { -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0) }
            .list-cooperate ul li:hover .txt { -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100) }
.job-title { margin-bottom: 20px; border-bottom: 1px #f2f2f2 solid; padding-bottom: 1em }
    .job-title h3 { color: #ddd; font-size: 18px; font-family: arial; text-transform: uppercase }
    .job-title h1 { color: #666; font-size: 28px; font-weight: bold }
.job-icon { margin-bottom: 20px }
    .job-icon ul { margin: 0 -10px }
        .job-icon ul > li { float: left; margin: 0 0 0; width: 25%; padding: 0 10px }
        .job-icon ul a { display: block; overflow: hidden }
        .job-icon ul img { width: 100% }
.list-job { padding: 25px 30px 10px; background-color: #fff; border: 1px #f2f2f2 solid; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.04); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.04); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.04); box-shadow: 0 2px 8px rgba(0,0,0,0.04); margin-bottom: 20px }
    .list-job table { width: 100% }
        .list-job table td { padding: 15px 20px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
            .list-job table td a { color: #3ebd7d }
                .list-job table td a:hover { color: #008966 }
        .list-job table thead { background-color: #f2f2f2; color: #333; font-weight: bold }
            .list-job table thead td { font-size: 16px }
        .list-job table tbody { font-size: 15px }
            .list-job table tbody tr { border-bottom: 1px #f2f2f2 solid }
.k-maps { position: relative; margin-bottom: 20px }
    .k-maps .aboutInfo_wai { position: absolute; z-index: 10; zoom: 1; top: 50%; right: 90px; padding: 60px; color: #fff; background-color: rgba(0,137,102,0.9); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); border-radius: 4px }
        .k-maps .aboutInfo_wai h1 { font-size: 24px; font-weight: bold; padding-bottom: 20px }
        .k-maps .aboutInfo_wai span { display: block; width: 60px; height: 2px; background-color: #fff; margin: 15px 0 30px }
        .k-maps .aboutInfo_wai ul { font-size: 16px; padding-bottom: 30px }
            .k-maps .aboutInfo_wai ul li { line-height: 1.4; margin-bottom: 8px }
                .k-maps .aboutInfo_wai ul li i { margin-right: .5rem }
        .k-maps .aboutInfo_wai a { display: inline-block; font-size: 16px; padding: 0 2em; line-height: 2.8; padding-bottom: 2px; color: #fff; border: 1px rgba(255,255,255,0.6) solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
            .k-maps .aboutInfo_wai a:hover { background-color: rgba(255,255,255,0.96); color: #333 }
    .k-maps .mapBox { height: 650px; margin-bottom: 20px; border: 1px #e4f6e4 solid }
        .k-maps .mapBox .BMap_Marker div { width: 45px !important }
    .k-maps .anchorBL { display: none !important }
.k-limaps { display: none }
    .k-limaps ul { margin: 0 -10px }
        .k-limaps ul > li { float: left; margin: 0 0 0; width: 33.33333333%; padding: 0 10px }
        .k-limaps ul .box { background-color: #f6f6f6; padding: 20px 40px 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
            .k-limaps ul .box i { font-size: 48px }
            .k-limaps ul .box h1 { padding: 15px 0 10px; font-size: 16px }
            .k-limaps ul .box p { font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.list-news ul { margin: 0 -15px }
    .list-news ul > li { float: left; margin: 0 0 20px; width: 25%; padding: 0 15px }
    .list-news ul li img { width: 100%; background-size: cover !important; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
    .list-news ul li .n_img { position: relative; overflow: hidden; background: url(images/loading.gif) center #f9f9f9 no-repeat }
        .list-news ul li .n_img:after { content: ''; position: absolute; z-index: 1; zoom: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.65); -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0) }
    .list-news ul li .n_txt { padding: 15px 20px 20px }
        .list-news ul li .n_txt h1 { font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 15px; border-bottom: 1px #eee solid; margin-bottom: 10px }
        .list-news ul li .n_txt p { height: 50px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden; margin-bottom: 10px }
    .list-news ul li .n_link:after { content: ''; display: block; width: 100%; height: 0; clear: both }
    .list-news ul li .n_link .date { float: left; color: #bbb }
    .list-news ul li .n_link .more { float: right; color: #555 }
        .list-news ul li .n_link .more:hover { color: #d51b1c !important }
    .list-news ul li a { display: block; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
        .list-news ul li a h1:hover { color: #008966 }
        .list-news ul li a:hover { background-color: #f9f9f9 }
            .list-news ul li a:hover .n_img:after { -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100) }
            .list-news ul li a:hover img { -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06) }
            .list-news ul li a:hover .n_link .more { color: #3ebd7d }
.list-news.duty ul li a { background-color: #f9f9f9 }
    .list-news.duty ul li a:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
.list-news.duty ul li .n_txt p { height: 75px }
.jg-wrap { padding: 20px; background-color: #fff; margin-bottom: 20px; text-align: center; max-width: 100%; border: 1px #f2f2f2 solid; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.04); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.04); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.04); box-shadow: 0 2px 8px rgba(0,0,0,0.04) }
.k-honorbox { position: relative; padding-left: 35%; background-color: #f6f6f6; margin-bottom: 20px }
    .k-honorbox .bot { padding: 50px 60px; height: 600px; overflow: hidden; overflow-y: auto }
        .k-honorbox .bot .ul { padding-bottom: 20px; border-bottom: 1px #ddd solid; margin-bottom: 30px }
            .k-honorbox .bot .ul h1 { font-size: 20px; padding-bottom: 10px }
                .k-honorbox .bot .ul h1 i { color: #008966 }
                .k-honorbox .bot .ul h1 b { padding-left: .2em; color: #008966 }
            .k-honorbox .bot .ul li { position: relative; float: left; width: 50%; line-height: 1.4; padding: .5em 1em; font-size: 16px }
                .k-honorbox .bot .ul li:after { content: ''; display: block; position: absolute; z-index: 1; zoom: 1; left: 0; top: 50%; width: 4px; margin-top: -2px; height: 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background-color: #008966 }
            .k-honorbox .bot .ul:nth-child(2) { border: none }
.honor-slide { position: absolute; z-index: 1; zoom: 1; left: 0; top: 0; bottom: 0; width: 35%; padding: 0 40px; background: url(images/honor-slide.jpg) center no-repeat; background-size: cover }
    .honor-slide:after { content: ''; display: block; position: absolute; z-index: 1; zoom: 1; left: 0; top: 0; bottom: 0; width: 100%; background-color: rgba(0,137,102,0.9) }
    .honor-slide .swiper-container { position: relative; z-index: 10; height: 600px }
    .honor-slide .swiper-slide { transform: scale(.8); text-align: center; cursor: pointer; background-size: contain !important; background-repeat: no-repeat }
        .honor-slide .swiper-slide p { display: none; line-height: 4; padding-top: 0; text-align: center; color: #636363; background-color: rgba(255,255,255,0.86); font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
    .honor-slide .swiper-button-next:after, .honor-slide .swiper-button-prev:after { color: rgba(255,255,255,0.6) !important }
.k-culrure { background-color: #f9f9f9 !important }
    .k-culrure .c-txt { padding: 50px 80px }
    .k-culrure .t { line-height: 1 }
        .k-culrure .t h3 { font-size: 20px; font-family: arial; color: #dce3ed }
        .k-culrure .t h1 { color: #2d3b49; font-size: 30px; font-weight: bold; padding-top: 5px }
        .k-culrure .t i { display: block; width: 50px; height: 3px; margin: 15px 0; background-color: #3ebd7d }
    .k-culrure li { padding: 10px 0 }
        .k-culrure li h3 { font-size: 20px; color: #333; padding-bottom: 5px }
        .k-culrure li p { line-height: 1.6; color: #888; font-size: 18px }
.k-artbox { max-width: 1200px; margin: 0 auto }
.k-btit { padding-bottom: 1em }
    .k-btit h3 { font-size: 40px; color: #3ebd7d }
    .k-btit p { padding-top: .2em; font-size: 30px; color: #eee; font-family: Arial; text-transform: uppercase; font-weight: bold }
    .k-btit h5 { padding: 1em 0 1em }
.page_article { background-color: #f9f9f9 }
.art-wrap { padding-bottom: 20px }
    .art-wrap .k-article { float: left; width: 72%; padding: 20px 50px; background-color: #fff; min-height: 80vh; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }
    .art-wrap .k-right { float: right; width: 26% }
    .art-wrap .r-tit { font-size: 20px; color: #e1e2e2; border-bottom: 1px #f6f6f6 solid }
        .art-wrap .r-tit b { padding-right: .5em; color: #666 }
    .art-wrap .r-box { -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background-color: #fff; margin-bottom: 20px }
        .art-wrap .r-box > * { padding: 16px 9% }
.r-txtli li { padding: 0 3em 0 16px; font-size: 16px; position: relative; line-height: 50px; border-bottom: 1px #eee dotted; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
    .r-txtli li:after { content: ''; display: inline-block; position: absolute; z-index: 1; zoom: 1; left: 0; top: 50%; width: 8px; height: 8px; border: 2px #3ebd7d solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-top: -4px }
    .r-txtli li:last-child { border: none }
    .r-txtli li a { color: #555 }
        .r-txtli li a:hover { color: #3ebd7d }
    .r-txtli li span { display: inline-block; line-height: 20px; position: absolute; z-index: 1; zoom: 1; right: 0; top: 50%; margin-top: -10px; color: #999; font-size: 14px }
.r-imgli li { margin-bottom: 1.4em }
    .r-imgli li img { width: 100%; background-size: cover !important; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out }
    .r-imgli li .n_img { position: relative; overflow: hidden; background: url(images/loading.gif) center #fff no-repeat }
        .r-imgli li .n_img:after { content: ''; position: absolute; z-index: 1; zoom: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.45); -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0) }
    .r-imgli li a { display: block; -webkit-transition: all 0.36s ease-in-out; -moz-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; color: #333 }
        .r-imgli li a h1 { line-height: 1.6; padding-top: .5em; font-size: 16px }
        .r-imgli li a:hover { color: #3ebd7d }
            .r-imgli li a:hover .n_img:after { -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100) }
            .r-imgli li a:hover img { -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06) }
.art-title { border-bottom: 1px #eee solid; margin-bottom: 20px }
    .art-title h1 { line-height: 1.4; font-weight: normal; padding: 18px 0; font-size: 30px; color: #333; font-weight: bold }
    .art-title .alt { font-size: 14px; color: #999; line-height: 1.4; padding-bottom: 20px; position: relative }
        .art-title .alt > span { margin-right: 10px }
        .art-title .alt .bdsharebuttonbox { position: absolute; z-index: 10; zoom: 1; right: 0; top: 2px; height: 20px; line-height: 20px }
            .art-title .alt .bdsharebuttonbox a, .art-title .alt .bdsharebuttonbox .bds_more { font-size: 14px !important; margin: 0 6px 0 0 !important }
            .art-title .alt .bdsharebuttonbox .none { background: none !important; color: #666 !important }
                .art-title .alt .bdsharebuttonbox .none .fa { font-size: 16px }
.lay-code-modal { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
    .lay-code-modal .lay-codebox { text-align: center; padding: 20px 0 }
        .lay-code-modal .lay-codebox h1 { font-size: 1.26rem; color: #333; font-weight: 400; padding: 1rem 0 }
        .lay-code-modal .lay-codebox img { width: 180px; margin: 0 auto }
        .lay-code-modal .lay-codebox p { padding-top: 10px; line-height: 20px; font-size: 13px; color: #999 }
.go-back { padding: 10px 0 30px; text-align: center }
    .go-back a { display: inline-block; margin: 0 4px; line-height: 40px; padding: 0 15px 0 38px; border: 1px #3ebd7d solid; position: relative; color: #3ebd7d; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px }
        .go-back a i { display: inline-block; line-height: 40px; position: absolute; z-index: 1; zoom: 1; left: 15px; top: 0; font-size: 20px; margin-right: .5em }
        .go-back a:nth-child(1), .go-back a:hover { color: #fff; background-color: #3ebd7d; border-color: #3ebd7d }
.about-dsz { position: relative; padding-left: 36.7%; padding-bottom: 20px }
    .about-dsz .img { position: absolute; z-index: 1; zoom: 1; left: 0; top: 0; max-width: 31% }
        .about-dsz .img img { width: 100% }
    .about-dsz .zc { width: 100%; margin-bottom: 20px }
    .about-dsz .t p { line-height: 2; font-size: 16px; padding-bottom: .8em; text-indent: 2em }
.about-team { text-align: center; padding: 20px 0; border-bottom: 1px #f2f2f2 solid; margin-bottom: 20px }
    .about-team .litm { display: inline-block; margin: 0 100px 40px }
        .about-team .litm img { max-width: 190px }
        .about-team .litm p { font-size: 18px; padding-top: 10px }
            .about-team .litm p b { margin-right: 5px }
.br-search { padding: 120px 0; background-color: #3ebd7d; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
    .br-search .box { position: relative; max-width: 800px; margin: 0 auto; background-color: #fff; padding-right: 110px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; overflow: hidden }
        .br-search .box .search-input { display: block; width: 100%; height: 48px; line-height: 48px; border: none; padding: 10px 110px 10px 20px; background-color: #fff; outline: none }
        .br-search .box .search-submit { display: inline-block; width: 110px; position: absolute; z-index: 1; zoom: 1; top: 0; right: 0; bottom: 0; line-height: 48px; text-align: center; background-color: #d3a360; color: #fff; font-size: 19px }
    .br-search .tag { max-width: 800px; margin: 0 auto; line-height: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff }
        .br-search .tag a { color: #fff; margin-right: .8em }
.g-search { float: left; width: 72%; min-height: 80vh; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }
.li-search li { position: relative; background-color: #fff; margin-bottom: 15px; padding: 20px 25px 20px 245px; min-height: 150px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px }
    .li-search li:after { content: ''; display: block; width: 100%; height: 0; clear: both }
    .li-search li .n_img { position: absolute; z-index: 1; zoom: 1; left: 25px; top: 20px; background: url(images/loading.gif) center #f2f2f2 no-repeat; background-size: 40px }
        .li-search li .n_img img { width: 200px; background-size: cover !important }
    .li-search li .n_txt h1 { font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 15px; border-bottom: 1px #eee dotted; margin-bottom: 10px }
    .li-search li .n_txt p { height: 50px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden; margin-bottom: 10px }
    .li-search li .n_link:after { content: ''; display: block; width: 100%; height: 0; clear: both }
    .li-search li .n_link .date { float: left; color: #bbb }
    .li-search li .n_link .more { float: right; color: #555 }
        .li-search li .n_link .more:hover { color: #d51b1c !important }
