<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
html {
    font-size: 62.5%
}

body {
    font-size: 14px;
    font-family: " Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
    color: #374051;
    line-height: 20px
}

code, pre {
    font-family: "\5FAE\8F6F\96C5\9ED1", sans-serif
}

.link {
    color: #3A5BF5;
}

.link:hover {
    color: #3A5BF5;
}

.cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.fl {
    float: left
}

.fr {
    float: right
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.fn {
    float: none
}

.pr {
    position: relative
}

.mb20 {
    margin-bottom: 20px
}

.tran2 {
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s
}

.tran4 {
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.tran6 {
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s
}

[class*=fadein] {
    opacity: 0;
    -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.fadein-top {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px)
}

.fadein-bottom {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px)
}

.fadein-left {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px)
}

.fadein-right {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px)
}

.zoomin {
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    -moz-transform: scale3d(0.7, 0.7, 0.7);
    -ms-transform: scale3d(0.7, 0.7, 0.7);
    -o-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
    -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 0
}

.delay2 {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.delay4 {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.delay6 {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.delay8 {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.delay10 {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.skrollable-after [class*=fadein] {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.skrollable-after .zoomin {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.center {
    float: left;
    position: relative;
    left: 50%
}

.center &gt; * {
    float: left;
    position: relative;
    left: -50%
}

.wrap {
    max-width: 1080px;
    margin: 0 auto;
    position: relative
}

.animated {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(-90deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg)
    }
}

@-moz-keyframes swingInX {
    0% {
        -moz-transform: perspective(400px) rotateX(-90deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0deg)
    }
}

@-o-keyframes swingInX {
    0% {
        -o-transform: perspective(400px) rotateX(-90deg)
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg)
    }
}

@keyframes swingInX {
    0% {
        transform: perspective(400px) rotateX(-90deg)
    }
    100% {
        transform: perspective(400px) rotateX(0deg)
    }
}

.animated.swingInX {
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ie-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: swingInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: swingInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: swingInX;
    backface-visibility: visible !important;
    animation-name: swingInX
}

@-webkit-keyframes swingOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(-90deg)
    }
}

@-moz-keyframes swingOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg)
    }
    100% {
        -moz-transform: perspective(400px) rotateX(-90deg)
    }
}

@-o-keyframes swingOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg)
    }
    100% {
        -o-transform: perspective(400px) rotateX(-90deg)
    }
}

@keyframes swingOutX {
    0% {
        transform: perspective(400px) rotateX(0deg)
    }
    100% {
        transform: perspective(400px) rotateX(-90deg)
    }
}

.animated.swingOutX {
    -webkit-transform-origin: top;
    -webkit-animation-name: swingOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: swingOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: swingOutX;
    -o-backface-visibility: visible !important;
    animation-name: swingOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.animated.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX
}

.header {
    background: rgba(255, 255, 255, 0.96);
    -webkit-backdrop-filter: blur(5px);
    height: 70px;
    border-bottom: 2px solid #60cf8a;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000
}

.header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.header .logo &gt; a {
    float: left;
    height: 40px;
    margin-top: 15px;
    width: 180px;
    text-indent: -9999px;
    background: url(../images/logo.png) no-repeat left top
}

.header .logo &gt; a:hover {
    opacity: .9
}

.media-nav-btn {
    display: none
}

.header-nav {
    float: right;
    line-height: 70px
}

.header-nav a {
    display: inline-block;
    line-height: 70px;
    height: 70px;
    font-size: 16px;
    padding: 0 15px;
    position: relative;
    margin-left: 10px;
    color: #61717f
}

.header-nav a:hover {
    color: #394957
}

.header-nav a.active {
    color: #60cf8a
}

.header-nav a.active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    top: 0;
    background: #60cf8a
}

.header-nav-list {
    display: inline-block;
    margin-right: 10px
}

.header-nav button {
    border-radius: 40px;
    border: 1px solid #60cf8a;
    font-size: 16px;
    padding: 0 24px;
    height: 32px;
    line-height: 32px;
    margin-left: 15px;
    cursor: pointer;
    outline: none;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s
}

.header-nav button.login-btn {
    color: #60cf8a;
    background: #fff
}

.header-nav button.login-btn:hover {
    color: #fff;
    background: #60cf8a
}

.header-nav button.sign-btn {
    color: #fff;
    background: #60cf8a
}

.header-nav button.sign-btn:hover {
    background: #74e39e;
    border-color: #74e39e
}

.new-header {
    position: relative;
    z-index: 1
}

.new-header-top {
    background: #fff;
    padding: 15px 0
}

.new-header-top:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.new-header-top .new-header-logo {
    float: left;
    text-indent: -9999px
}

.new-header-top .new-header-logo a {
    margin: 14px 0 14px;
    height: 32px;
    width: 111px;
    display: block;
    background: url(../images/logo-3.png) no-repeat center left
}

.new-header-top .phone-web {
    float: right;
    padding-left: 20px;
    border-left: 1px solid #ddd;
    line-height: 20px;
    margin-left: 20px
}

.new-header-top .phone-web:before {
    content: "";
    float: left;
    height: 20px;
    width: 15px;
    background: url(../images/phone-web-icon.png) no-repeat center;
    margin-right: 3px
}

.new-header-top button {
    float: right;
    margin-top: 0;
    font-size: 14px;
    border: none;
    background: transparent;
    margin-left: 30px;
    cursor: pointer;
    padding: 0
}

.new-header-top button.sign-btn {
    color: #e3592c
}

.new-header-nav {
    position: relative;
    border-top: 2px solid #aaa;
    background: #d2d2d2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.new-header-nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.mobile-login-box {
    display: none
}

.new-header-nav-list {
    float: right;
    margin-right: 260px;
}

.new-header-nav-list &gt; li {
    float: left;
    position: relative
}

.new-header-nav-list &gt; li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    border-left: 1px dotted #aaa;
    width: 1;
}

.new-header-nav-list &gt; li:first-child:before {
    display: none
}

.new-header-nav-list &gt; li &gt; a {
    display: block;
    position: relative;
    height: 45px;
    line-height: 45px;
    width: 130px;
    padding-left: 1px;
    text-align: center;
    font-size: 17px;
    color: #1c1613
}

.new-header-nav-list &gt; li &gt; a span {
    position: relative;
    z-index: 10
}

.new-header-nav-list &gt; li &gt; a:hover {
    color: #ed6542
}

.new-header-nav-list &gt; li &gt; a i {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #666;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -3px
}

.new-header-nav-list &gt; li:hover &gt; a {
    color: #ed6542
}

.new-header-nav-list &gt; li:hover &gt; a i {
    border-top-color: #ed6542
}

.new-header-nav-list .active:after {
    content: "";
    position: absolute;
    height: 60px;
    width: 130px;
    background: url(../images/nav-active-bg.png) no-repeat;
    left: 8px;
    bottom: -5px;
    z-index: 2
}

.new-header-nav-list .sub-nav {
    position: absolute;
    background-color: #fbfbfb;
    top: 45px;
    left: 0;
    border: 1px solid #ddd;
    display: none
}

.new-header-nav-list .sub-nav:before {
    content: "";
    height: 10px;
    width: 10px;
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: 58px;
    top: -5px
}

.new-header-nav-list .sub-nav ul {
    padding: 10px 0;
    background-color: #fbfbfb;
    white-space: nowrap;
    font-size: 16px;
    position: relative
}

.new-header-nav-list .sub-nav a {
    display: block;
    padding: 0 20px;
    background-color: #fff;
    color: #61717f
}

.new-header-nav-list .sub-nav a:hover {
    color: #ed6542
}

.new-header-nav-list .sub-nav a span {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 10px 0
}

.new-header-nav-list .sub-nav li:last-child a span {
    border-bottom: none
}

.banner1 {
    padding-top: 71px;
    min-height: 650px;
    background: url(../images/banner-bg.png) no-repeat center 100px #46a5e0
}

.banner1:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.banner1 .info {
    color: #fff
}

.banner1 .left {
    float: left;
    position: relative;
    top: 115px;
    left: 50px
}

.banner1 .right {
    float: right;
    width: 400px;
    padding-top: 250px
}

.banner1 h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 15px
}

.banner1 p {
    font-size: 28px
}

.banner1 .btn {
    margin-top: 20px
}

.banner1 .img1 {
    height: 445px;
    width: 490px;
    background: url(../images/banner1-1.png) no-repeat left top
}

.banner1 .img2 {
    position: absolute;
    height: 196px;
    width: 196px;
    background: url(../images/banner1-2.png) no-repeat left top;
    top: 208px;
    left: 234px;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
    opacity: 0;
    -webkit-transform: translate(80px, 80px);
    -moz-transform: translate(80px, 80px);
    -ms-transform: translate(80px, 80px);
    -o-transform: translate(80px, 80px);
    transform: translate(80px, 80px)
}

.banner1.skrollable-after .img2 {
    opacity: 1;
    -webkit-transform: translate(0px);
    -moz-transform: translate(0px);
    -ms-transform: translate(0px);
    -o-transform: translate(0px);
    transform: translate(0px)
}

.banner2 {
    background: #07528f
}

.banner2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.banner2 .wrap &gt; a {
    text-align: center;
    width: 50%;
    display: block;
    padding: 75px 0;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.banner2 .wrap &gt; a:hover {
    background-color: #004885
}

.banner2 .left {
    float: left
}

.banner2 .left .info:before {
    background: url(../images/section2-1.png) no-repeat center center
}

.banner2 .right {
    float: right
}

.banner2 .right .info:before {
    background: url(../images/section2-2.png) no-repeat center center
}

.banner2 .info {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    padding-left: 90px;
    text-align: left
}

.banner2 .info:before {
    content: "";
    position: absolute;
    left: 0;
    top: -5px;
    height: 64px;
    width: 64px
}

.banner2 .info h3 {
    font-size: 24px;
    color: #60cf8a;
    margin-bottom: 8px
}

.banner2 .info h3 + p {
    font-size: 20px;
    color: #47b3eb
}

.banner3 .right {
    float: right;
    position: relative;
    top: 110px;
    right: 80px
}

.banner3 .img1 {
    height: 329px;
    width: 337px;
    background: url(../images/section3-1.png) no-repeat center center
}

.banner3 ul + .btn {
    margin-top: 10px !important;
    padding: 0 35px 0 65px
}

.banner3 ul + .btn:before {
    left: 36px
}

.banner3, .banner5 {
    min-height: 650px
}

.banner3:after, .banner5:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.banner3 .left, .banner5 .left {
    float: left;
    max-width: 600px;
    padding-top: 170px;
    padding-left: 50px
}

.banner3 .info, .banner5 .info {
    color: #61717f
}

.banner3 .info h2, .banner5 .info h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #60cf8a
}

.banner3 .info p, .banner5 .info p {
    font-size: 28px;
    margin-bottom: 20px
}

.banner3 .info .btn, .banner5 .info .btn {
    margin-top: 35px
}

.banner3 .info ul li, .banner5 .info ul li {
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    margin-bottom: 12px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.banner3 .info ul li:before, .banner5 .info ul li:before {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 100%;
    position: absolute;
    left: 2px;
    top: 3px;
    background: #47b3eb
}

.banner3 .info ul li:nth-child(1), .banner5 .info ul li:nth-child(1) {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.banner3 .info ul li:nth-child(2), .banner5 .info ul li:nth-child(2) {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.banner3 .info ul li:nth-child(3), .banner5 .info ul li:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.banner3 .info ul li:nth-child(4), .banner5 .info ul li:nth-child(4) {
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s
}

.banner3 .info ul li:nth-child(5), .banner5 .info ul li:nth-child(5) {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.banner3 .info ul li:nth-child(6), .banner5 .info ul li:nth-child(6) {
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s
}

.banner3 .info ul li:nth-child(7), .banner5 .info ul li:nth-child(7) {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.banner3 .info ul li:nth-child(8), .banner5 .info ul li:nth-child(8) {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.banner3 .info ul li:nth-child(9), .banner5 .info ul li:nth-child(9) {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.banner3 .info ul li:nth-child(10), .banner5 .info ul li:nth-child(10) {
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.banner5 .left {
    padding-top: 180px;
    padding-left: 50px
}

.banner5 .info .btn {
    margin-top: 15px;
    padding: 0 35px 0 65px
}

.banner5 .info .btn:before {
    left: 36px
}

.banner5 .right {
    position: relative;
    float: right;
    top: 145px;
    right: 130px
}

.banner5 .img1 {
    height: 340px;
    width: 237px;
    background: url(../images/section5-1.png) no-repeat left top
}

.banner4 {
    min-height: 650px;
    background: #f9f9f9
}

.banner4:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.banner4 .right {
    float: right;
    width: 500px;
    padding-top: 260px;
    padding-left: 50px
}

.banner4 .info h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #60cf8a
}

.banner4 .info p {
    font-size: 36px;
    margin-bottom: 20px
}

.banner4 .info .btn {
    margin-top: 35px
}

.banner4 .info h2 + .btn {
    margin-top: 10px
}

.banner4 .info ul li {
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    margin-bottom: 12px
}

.banner4 .info ul li:before {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 100%;
    position: absolute;
    left: 2px;
    top: 3px;
    background: #47b3eb
}

.banner4 .left {
    float: left;
    position: relative;
    top: 125px;
    left: 50px
}

.banner4 .img1 {
    height: 357px;
    width: 351px;
    background: url(../images/section4-1.png) no-repeat left top
}

.banner6 {
    min-height: 360px;
    padding-top: 100px;
    background: url(../images/banner6-top-center.png) no-repeat top center #b9e4fb
}

.banner6:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.banner6 h2 {
    font-size: 28px;
    color: #47b3eb;
    text-align: center;
    margin-bottom: 70px
}

.banner6 ul {
    text-align: center
}

.banner6 li {
    display: inline-block
}

.banner6 li.list1 a:before {
    background-position: 0 0
}

.banner6 li.list2 a:before {
    background-position: 100px 0
}

.banner6 li.list3 a:before {
    background-position: 200px 0
}

.banner6 li &gt; a {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #096b9d;
    margin: 0 85px
}

.banner6 li &gt; a:before {
    content: "";
    margin: auto;
    display: block;
    height: 100px;
    width: 100px;
    margin-bottom: 25px;
    -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-image: url(../images/banner6-sprite.png)
}

.banner6 li &gt; a:hover {
    color: #3193c5
}

.banner6 li &gt; a:hover:before {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg)
}


.footer {
    background-color: #1e3548;
    padding: 30px 0;
    position: relative
}

.footer:before {
    content: "";
    height: 3px;
    width: 50%;
    background: #47b3eb;
    position: absolute;
    left: 0;
    bottom: 0
}

.footer:after {
    content: "";
    height: 3px;
    width: 50%;
    background: #60cf8a;
    position: absolute;
    right: 0;
    bottom: 0
}

.footer nav {
    text-align: center;
    margin-bottom: 15px
}

.footer li {
    display: inline-block;
    padding: 0 15px;
    border-left: 1px solid #586b79
}

.footer li:first-child {
    border-left: none
}

.footer li a {
    color: #fff;
    font-size: 14px;
    opacity: .8
}

.footer li a:hover {
    opacity: 1
}

.footer .copyright {
    margin-bottom: 0px;
    font-size: 14px;
    color: #586b79;
    text-align: center
}

.new-footer .top {
    padding: 29px 0 10px;
    background-color: #535353
}

.new-footer .follow-us:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.new-footer .follow-us li {
    float: left;
    width: 20%;
    text-align: center;
    position: relative
}

.new-footer .follow-us .list1 {
    width: 22%;
}

.new-footer .follow-us .list3 {
    width: 18%;
}

.new-footer .follow-us p {
    color: #fff;
    text-align: left;
    margin-top: 10px;
    line-height: 1.2em;
}

.new-footer .follow-us .list2 p {
    padding-left: 40%
}

.new-footer .follow-us .list2 .title {
    font-size: 18px;
    padding-bottom: 5px;
}

.new-footer .follow-us .list1 a {
    background-color: #4bb652;
    background-position: 11px 8px
}

.new-footer .follow-us .list2 a {
    color: #fff;
    text-decoration: none;
}

.new-footer .follow-us .list3 a {
    background-color: #55b1ee;
    background-position: -304px 8px
}

.new-footer .follow-us .list4 a {
    background-color: #e86662;
    background-position: -456px 8px
}

.new-footer .follow-us .pop {
    position: absolute;
    bottom: 150px;
    left: 50%;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #ddd;
    display: none
}

.new-footer .follow-us .pop:before {
    content: "";
    background-color: #fff;
    height: 10px;
    width: 10px;
    position: absolute;
    left: 50%;
    bottom: -6px;
    border: 1px solid #ddd;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -5px;
    z-index: 1
}

.new-footer .follow-us .pop-inner {
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 5px;
    text-indent: 0
}

.new-footer .follow-us .list1 .pop {
    height: 110px;
    width: 110px;
    margin-left: -56px
}

.new-footer .follow-us .list1 .pop img {
    display: block;
    width: 100%
}

.new-footer nav {
    padding-top: 40px;
    text-align: center;
    margin-bottom: 15px
}

.new-footer nav li {
    display: inline-block;
    padding: 0 15px;
    border-left: 1px solid #586b79
}

.new-footer nav li:first-child {
    border-left: none
}

.new-footer nav li a {
    font-size: 14px
}

.new-footer nav li a:hover {
    color: #47b3eb
}

.new-footer .copyright {
    font-size: 14px;
    text-align: center;
    padding: 15px 0;
    background: #343434;
    color: #fff;
}

.lte8 .header {
    background: #fff
}

.new-header + .project-choice {
    padding-top: 50px
}

.project-choice {
    background: #f2f2f2;
    border-bottom: 1px solid #ddd;
    padding-top: 35px;
    padding-top: 105px;
    margin-bottom: 30px
}

.project-choice h2 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px
}

.project-choice h2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.project-choice h2 span {
    font-size: 20px;
    color: #38424a;
    float: left;
    position: relative;
    height: 34px;
    line-height: 34px
}

.project-choice h2 span:after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background: #3A5BF5;
    position: absolute;
    left: 0;
    bottom: -1px
}

.project-choice h2 .create-project {
    float: right;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    padding: 0 20px;
    background: #ed6542
}

.project-choice h2 .create-project:before {
    content: "+";
    font-size: 18px;
    margin-right: 8px
}

.project-choice h2 .create-project:hover {
    background: #e35b38
}

.project-choice dl {
    font-size: 16px;
    color: #61717f;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    padding-top: 10px
}

.project-choice dl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.project-choice dl:last-child {
    border-bottom: none
}

.project-choice dt {
    float: left;
    width: 140px;
    padding-right: 10px;
    line-height: 30px
}

.project-choice dd {
    float: left;
    line-height: 30px;
    margin-right: 30px
}

.project-choice dd &gt; a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #61717f
}

.project-choice dd &gt; a:hover {
    color: #3A5BF5;
}

.project-choice dd &gt; a.active {
    background: #47b3eb;
    color: #fff
}

.project-choice-mobile {
    padding-top: 60px;
    background: #fff;
    display: none
}

.project-choice-mobile nav {
    background: #f2f2f2
}

.project-choice-mobile ul {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    height: 43px;
    line-height: 43px
}

.project-choice-mobile li {
    float: left
}

.project-choice-mobile li &gt; a {
    font-size: 12px;
    color: #61717f;
    position: relative;
    padding-right: 12px
}

.project-choice-mobile li &gt; a:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #61717f;
    position: absolute;
    top: 5px;
    right: 0;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.project-choice-mobile li &gt; a.active {
    color: #47b3eb
}

.project-choice-mobile li &gt; a.active:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.project-choice-mobile li &gt; a.active + .sub-nav {
    display: block
}

.project-choice-mobile .sub-nav {
    display: none;
    position: absolute;
    background: #47b3eb;
    width: 100%;
    left: 0;
    top: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 10px;
    z-index: 5
}

.project-choice-mobile .sub-nav a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #47b3eb;
    min-width: 22%;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    margin: 5px 1%
}

.project-choice-mobile .lg-btn {
    height: 38px;
    line-height: 38px;
    width: 100%;
    border-radius: 40px;
    background: #47b3eb;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 20px
}

.project-choice-mobile .lg-btn:before {
    content: "+";
    margin-right: 10px;
    line-height: 38px
}

.l730-r320-content {
    margin-bottom: 110px
}

.l730-r320-content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.l730-r320-content .main {
    float: left;
    width: 67.592592592593%
}

.l730-r320-content .sidebar {
    float: right;
    width: 29.62962962963%
}

.project-list-main {
    border: 1px solid #ddd
}

.project-list-main .top {
    background: #f2f2f2;
    padding: 10px 20px
}

.project-list-main .top h2 {
    line-height: 22px;
    font-size: 16px;
    color: #61717f
}

.project-list-main .top select {
    height: 22px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #aaa;
    font-size: 16px;
    margin-left: 15px;
    border-radius: 0;
    margin-bottom: 0px;
}

.project-list-main article {
    padding: 20px;
    border-bottom: 1px solid #ddd
}

.project-list-main article:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.project-list-main article:last-child {
    border-bottom: none
}

.project-list-main article .left {
    float: left;
    width: 398px;
    margin-right: 20px
}

.project-list-main article .right {
    float: right;
    width: 269px
}

.project-list-main article .images {
    float: left;
    margin-right: 20px
}

.project-list-main article h3 {
    padding-top: 20px;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    line-height: 1.4em
}

.project-list-main article h3 a {
    color: #38424a
}

.project-list-main article h3 a:hover {
    color: #3A5BF5;
}

.project-list-main article ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.project-list-main article li {
    float: left;
    margin-right: 15px;
    font-size: 11px;
    color: #61717f;
    line-height: 20px
}

.project-list-main article li:before {
    content: "";
    float: left;
    height: 18px;
    width: 20px;
    background: url(../images/kcbang-sprite.png) no-repeat
}

.project-list-main article li.list1:before {
    background-position: 0 0
}

.project-list-main article li.list2:before {
    background-position: 0 -33px
}

.project-list-main article li.list3:before {
    background-position: 0 -72px
}

.project-list-main article .comment {
    background: #f9f9f9;
    padding: 10px;
    font-size: 12px;
    color: #61717f;
    position: relative
}

.project-list-main article .comment:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #f9f9f9;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -10px;
    top: 15px
}

.project-list-main article .comment h4 {
    color: #38424a;
    margin-bottom: 10px
}

.project-list-main article .comment p {
    line-height: 1.8em
}

.read-more {
    margin-top: 20px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    color: #909ca6
}

.read-more:hover {
    color: #38424a;
    border-color: #d2d2d2
}

.project-mobile-rz {
    display: none;
    margin-bottom: 10px
}

.project-mobile-rz h3 {
    text-align: center;
    margin-bottom: 10px
}

.project-mobile-rz .lg-btn {
    height: 36px;
    line-height: 36px;
    border-radius: 40px;
    background: #47b3eb;
    color: #fff;
    display: block
}

.project-mobile-rz .lg-btn:hover {
    background: #3da9e1
}

.project-mobile-rz .lg-btn:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset
}

.sidebar-grade, .sidebar-stock {
    background: #1365a1
}

.sidebar-grade &gt; a, .sidebar-stock &gt; a {
    display: block;
    padding: 28px 20px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 90px
}

.sidebar-grade &gt; a:hover, .sidebar-stock &gt; a:hover {
    background: #095b97
}

.sidebar-grade &gt; a:before, .sidebar-stock &gt; a:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 24px;
    height: 70px;
    width: 70px
}

.sidebar-grade h3, .sidebar-stock h3 {
    font-size: 24px;
    color: #60cf8a;
    margin-bottom: 10px
}

.sidebar-grade p, .sidebar-stock p {
    font-size: 20px;
    color: #47b3eb
}

.sidebar-grade a:before {
    background: url(../images/section2-1.png) no-repeat
}

.sidebar-stock a:before {
    background: url(../images/section2-2.png) no-repeat;
    left: 16px
}

.new-header + .content-bg {
    padding-top: 50px
}

.content-bg {
    background: #f2f2f2;
    padding-top: 100px;
    padding-bottom: 50px
}

.project-top-info {
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    position: relative;
    min-height: 200px;
    margin-bottom: 20px
}

.project-top-info img {
    position: absolute;
    left: 20px;
    top: 20px
}

.project-top-info .info {
    padding-left: 180px
}

.project-top-info .top {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-right: 180px;
    padding-bottom: 6px;
    margin-bottom: 20px
}

.project-top-info .bottom {
    font-size: 12px;
    color: #61717f
}

.project-top-info .bottom span {
    color: #38424a
}

.project-top-info .actions {
    position: absolute;
    right: 20px;
    top: 0
}

.project-top-info .actions li {
    float: left;
    font-size: 12px;
    color: #61717f;
    margin-left: 20px;
    line-height: 18px
}

.project-top-info .actions li:before {
    content: "";
    float: left;
    height: 18px;
    width: 20px;
    background: url(../images/kcbang-sprite.png) no-repeat;
    margin-right: 3px
}

.project-top-info .actions .list1:before {
    background-position: 0 -109px
}

.project-top-info .actions .list2:before {
    background-position: 0 -144px
}

.project-top-info h2 {
    font-size: 24px;
    color: #38424a;
    font-weight: bold;
    margin-bottom: 15px
}

.project-top-info .info-list {
    margin-bottom: 5px;
    margin-bottom: 10px
}

.project-top-info .info-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.project-top-info .info-list li {
    float: left;
    margin-right: 40px;
    color: #38424a
}

.project-top-info .info-list span {
    color: #61717f;
    margin-right: 10px
}

.project-summary {
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 10px
}

.project-summary h2 {
    font-size: 16px;
    color: #38424a;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding: 0 20px;
    height: 50px;
    line-height: 50px
}

.project-summary h2 span {
    position: relative;
    height: 50px;
    float: left
}

.project-summary h2 span:after {
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
    background: #47b3eb
}

.project-summary ul {
    padding: 35px 20px
}

.project-summary li {
    position: relative;
    padding-left: 85px;
    margin-bottom: 30px
}

.project-summary li:before {
    content: "";
    height: 65px;
    width: 63px;
    border-right: 2px solid #47b3eb;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/project-summary.png) no-repeat #bee6ff
}

.project-summary li.list1:before {
    background-position: 16px 15px
}

.project-summary li.list2:before {
    background-position: 16px -67px
}

.project-summary li.list3:before {
    background-position: 16px -150px
}

.project-summary li h3 {
    color: #61717f;
    font-weight: bold;
    margin-bottom: 10px
}

.project-summary li p {
    color: #61717f;
    line-height: 20px;
    word-wrap: break-word;
    word-break: normal;
}

.user-comment-box {
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px
}

.user-comment-top {
    padding: 15px 0;
    border-bottom: 1px solid #ddd
}

.user-comment-top h2 {
    font-size: 16px;
    color: #38424a;
    font-weight: bold;
    margin-bottom: 15px
}

.user-comment-top p {
    color: #61717f
}

.user-comment-top a {
    color: #47b3eb
}

.user-comment-top a:hover {
    color: #5bc7ff
}

.user-comment-main article {
    position: relative;
    padding: 20px 0;
    padding-left: 55px
}

.user-comment-main article .user-img {
    height: 40px;
    width: 40px;
    position: absolute;
    left: 0;
    top: 18px;
    border-radius: 100%;
    overflow-y: hidden;
    border: 1px solid #fff;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
    padding: 1px
}

.user-comment-main article .user-img:hover {
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
    border-color: #60cf8a
}

.user-comment-main article .user-img img {
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 100%
}

.user-comment-textarea textarea {
    height: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #e9eff4;
    padding: 10px;
    background: #f3f7fb;
    font-size: 14px;
    color: #aab2b9;
    outline: none;
    margin-bottom: 30px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.user-comment-textarea textarea:focus {
    background: #fff;
    border-color: #47b3eb
}

.user-comment-textarea .bottom {
    line-height: 30px;
    margin-top: 20px
}

.user-comment-textarea .bottom:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.user-comment-textarea .bottom .user-info {
    float: left;
    line-height: 30px;
    font-size: 12px
}

.user-comment-textarea .bottom .user-info img {
    float: left;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    margin-right: 10px
}

.user-comment-textarea .bottom .user-comment-submit {
    float: right;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 40px;
    background: #47b3eb;
    color: #fff
}

.user-comment-textarea .bottom .user-comment-submit:hover {
    background: #3da9e1
}

.user-comment-textarea .bottom .user-comment-submit:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset
}

.user-comment-main-content {
    padding-top: 2px
}

.user-comment-main-content .info {
    font-size: 12px;
    margin-bottom: 8px
}

.user-comment-main-content .info a {
    color: #38424a
}

.user-comment-main-content .info a:hover {
    color: #60cf8a
}

.user-comment-main-content .info time {
    color: #61717f
}

.user-comment-main-content p {
    line-height: 20px
}

.sidebar-box {
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px
}

.sidebar-box .project-sidebar-rz {
    font-size: 16px;
    color: #61717f;
    text-align: center;
    margin-bottom: 50px;
    padding-top: 30px
}

.sidebar-box .lg-btn {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    width: 81.25%;
    border-radius: 40px;
    background: #47b3eb;
    text-align: center;
    font-size: 20px;
    color: #fff
}

.sidebar-box .lg-btn:hover {
    background: #3da9e1
}

.sidebar-box .lg-btn:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset
}

.home-banner li {
    text-align: center
}

.home-banner li a {
    display: block;
    height: 450px;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.home-banner21 {
    display: block;
    min-height: 210px;
    text-align: center;
    border-radius: 0px;
    height: auto;
    -webkit-background-size: auto 130px;
}

.home-banner21 .list1 {
    cursor: pointer;
    margin: 30px 15px;
    float: left;
    width: 247px;
    background: url(../images/banner21-1.jpg);
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.home-banner21 .list2 {
    cursor: pointer;
    margin: 30px 15px;
    float: left;
    width: 247px;
    background: url(../images/banner21-2.jpg);
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.home-banner21 .list3 {
    cursor: pointer;
    margin: 30px 15px;
    float: left;
    width: 247px;
    background: url(../images/banner21-3-2.jpg);
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.home-banner21 .list4 {
    cursor: pointer;
    margin: 30px 15px;
    float: left;
    width: 247px;
    background: url(../images/banner21-4.jpg);
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.home-banner22 {
    clear: both;
    background: url(../images/home-banner2-bg2.jpg);
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 130px;
    border-radius: 0px;
    cursor: pointer;
    -webkit-background-size: auto 130px;
}

.home-banner2 {
    background: url(../images/home-banner2-bg.png) repeat-x left top;
    height: 130px;
    border-radius: 8px;
    cursor: pointer
}

.home-banner2-item1, .home-banner2-item2 {
    height: 130px;
    width: 50%;
    float: left;
    text-indent: -9999px
}

.home-banner2-item1:hover, .home-banner2-item2:hover {
    opacity: 1
}

.home-banner2-item1 {
    background: url(../images/home-section-l.png) no-repeat center;
    opacity: .8
}

.home-banner2-item2 {
    background: url(../images/home-section-r.png) no-repeat center;
    opacity: .8
}

.home-banner3 {
    background: #fff;
    padding: 50px 0 30px 0
}

.home-banner3 h2 {
    text-indent: -9999px;
    height: 66px;
    text-align: center;
    background: url(../images/home-section3-title.png) no-repeat center;
    margin-bottom: 30px
}

.home-banner3 h3 {
    font-size: 26px;
    color: #3c3c3c;
    font-weight: bold;
    text-align: center;
    line-height: 1.5em;
    margin-bottom: 10px
}

.home-banner3 h3 + p {
    text-align: center;
    font-size: 19px;
    color: #535353
}

.home-banner3 ul {
    padding-top: 30px
}

.home-banner3 ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.home-banner3 li {
    float: left;
    width: 25%
}

.home-banner3 li &gt; a {
    display: block;
    width: 230px;
    height: 350px;
    border: 1px solid #ddd;
    text-align: center;
    color: #535353;
    margin: auto
}

.home-banner3 li &gt; a:hover .top:before {
    background-color: #3ab4ff
}

.home-banner3 .top {
    background: #f5f5f5;
    padding: 30px 0 20px;
    margin-bottom: 15px
}

.home-banner3 .top:before {
    content: "";
    height: 130px;
    width: 130px;
    border-radius: 100%;
    display: inline-block;
    margin-bottom: 20px;
    background: url(../images/home-section3-sprite.png) no-repeat;
    background-color: #bfbfbf
}

.home-banner3 .top h4 {
    font-size: 22px
}

.home-banner3 p {
    font-size: 16px;
    line-height: 1.6em
}

.home-banner3 .list1 .top:before {
    background-position: 40px 32px
}

.home-banner3 .list2 .top:before {
    background-position: -135px 32px
}

.home-banner3 .list3 .top:before {
    background-position: -335px 32px
}

.home-banner3 .list4 .top:before {
    background-position: -555px 32px
}

.home-banner4 {
    height: 550px;
    background: url(../images/home-section4-jpg.jpg) no-repeat top center
}

.home-banner4 .info {
    padding-top: 60px
}

.home-banner4 .info-bg {
    text-indent: -9999px;
    height: 490px;
    width: 596px;
    margin: auto;
    background: url(../images/home-section4-info1.png) no-repeat top center;
    position: relative;
}

.home-banner4 .info-bg:after {
    content: "";
    position: absolute;
    height: 312px;
    width: 144px;
    background: url(../images/home-section4-info2.png) no-repeat top center;
    left: -40px;
    bottom: 0;
    display: none;
}

.home-banner4 .home-banner4-btn {
    position: absolute;
    left: 50%;
    margin-left: -160px;
    padding: 10px 0;
    bottom: 60px;
    display: inline-block;
    color: #434343;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
    width: 325px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmU4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjOTAxNCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #ffe800 0%, #fc9014 100%);
    background-image: -moz-linear-gradient(top, #ffe800 0%, #fc9014 100%);
    background-image: -o-linear-gradient(top, #ffe800 0%, #fc9014 100%);
    background-image: linear-gradient(to bottom, #ffe800 0%, #fc9014 100%);
    border-radius: 40px;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3)
}

.home-banner4 .home-banner4-btn span {
    display: block
}

.home-banner4 .home-banner4-btn .top {
    font-size: 22px;
    margin-bottom: 3px;
}

.home-banner4 .home-banner4-btn .bottom {
    font-size: 12px
}

.home-banner4 .home-banner4-btn:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmNWRlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyODYwYSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #f5de00 0%, #f2860a 100%);
    background-image: -moz-linear-gradient(top, #f5de00 0%, #f2860a 100%);
    background-image: -o-linear-gradient(top, #f5de00 0%, #f2860a 100%);
    background-image: linear-gradient(to bottom, #f5de00 0%, #f2860a 100%)
}

.home-banner5 {
    padding: 60px 0 100px;
    background: #eee
}

.home-banner5 h2 {
    text-indent: -9999px;
    height: 66px;
    text-align: center;
    background: url(../images/home-section5-title.png) no-repeat center;
    margin-bottom: 30px
}

.home-banner5-wall {
    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.2)
}

.home-banner5-wall:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.home-banner5-wall li {
    float: left;
    text-align: center;
    width: 20%;
    position: relative;
    background: #fff;
    font-size: 15px;
    color: #7c7c7c;
    display: table
}

.home-banner5-wall li:nth-child(odd) {
    background: #f2f2f2
}

.home-banner5-wall li &gt; span {
    border: 1px solid #ddd;
    border-right: none;
    border-bottom: none;
    height: 95px;
    display: block;
    padding: 0 20px;
    line-height: 1.2em;
    display: table-cell;
    vertical-align: middle
}

.home-banner6 {
    padding: 90px 0;
    background: #fff
}

.home-banner6 .wrap {
    max-width: 1200px
}

.home-banner6 h2 {
    text-indent: -9999px;
    height: 66px;
    text-align: center;
    background: url(../images/home-section6-title.png) no-repeat center;
    margin-bottom: 30px
}

.home-banner6 .logo-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.home-banner6 .logo-list li {
    display: inline-block;
    margin: 10px;
    vertical-align: middle
}

.bx-pager {
    position: relative;
    float: left;
    left: 50%
}

.bx-wrapper {
    position: relative
}

.bx-controls {
    float: left;
    position: absolute;
    bottom: 25px;
    width: 100%
}

.bx-pager-item {
    float: left;
    position: relative;
    left: -50%
}

.bx-pager-link {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: 1px solid #fff;
    text-indent: -9999px;
    margin: 0 5px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2)
}

.bx-pager-link.active {
    background-color: #47b3eb;
    border-color: #47b3eb
}

.float-nav {
    position: fixed;
    right: 5px;
    top: 50%;
    text-align: center;
    margin-top: -150px;
    z-index: 10
}

.float-nav:before {
    content: "";
    display: block;
    height: 115px;
    width: 90px;
    background: url(../images/float-nav-boy.png) no-repeat center
}

.float-nav ul {
    text-align: center
}

.float-nav li {
    width: 90px;
    min-height: 70px;
    margin-bottom: 5px;
    display: table
}

.float-nav li &gt; a {
    display: block;
    text-align: center;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.2em;
    opacity: .95
}

.float-nav li &gt; a:hover {
    opacity: 1
}

.float-nav .list1 a {
    background: #ff6b6e
}

.float-nav .list2 a {
    background: #40b6fe
}

.float-nav .list3 a {
    background: #ff6b6e;
    font-size: 16px
}

.float-nav .list4 a {
    background: #c0bfbf
}

.feedback {
    position: fixed;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 1000;
    left: 50%;
    top: 50%;
    margin-left: -240px;
    margin-top: -300px;
    border-radius: 3px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.6);
    display: none
}

.feedback h2 {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    position: relative
}

.feedback h2:before {
    content: "";
    height: 24px;
    width: 4px;
    background: #47b3eb;
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -12px
}

.feedback .close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 25px;
    color: #ddd;
    font-weight: 300;
    z-index: 10
}

.feedback .close:hover {
    color: #47b3eb
}

.feedback-main {
    padding: 20px
}

.feedback-main p {
    margin-bottom: 15px
}

.feedback-main textarea {
    width: 420px;
    padding: 8px;
    height: 100px;
    background: #fff;
    outline: none;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.feedback-main textarea:hover {
    border-color: #c9c9c9
}

.feedback-main textarea:focus {
    border-color: #47b3eb
}

.feedback-main .input-item {
    margin-bottom: 15px
}

.feedback-main .input-item label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px
}

.feedback-main .input-item input {
    height: 24px;
    padding: 0 8px;
    border: 1px solid #ddd;
    width: 160px;
    outline: none;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.feedback-main .input-item input:hover {
    border-color: #c9c9c9
}

.feedback-main .input-item input:focus {
    border-color: #47b3eb
}

.feedback-main .code input {
    width: 70px;
    float: left;
    margin-right: 15px
}

.feedback-main .code img {
    height: 26px;
    width: 70px;
    float: left;
    margin-right: 15px
}

.feedback-main .code a {
    color: #47b3eb;
    float: left;
    line-height: 26px;
    font-size: 12px
}

.feedback-main .code a:hover {
    color: #5bc7ff
}

.feedback-main .submit-btn {
    display: block;
    height: 35px;
    width: 178px;
    border-radius: 3px;
    margin-top: 30px;
    margin-bottom: 10px;
    background: #47b3eb;
    color: #fff;
    line-height: 35px;
    text-align: center
}

.mask {
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none
}

.blue-sm-btn {
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    border-radius: 40px;
    background: #3ab4ff;
    color: #fff;
    display: inline-block
}

.blue-sm-btn:hover {
    background: #30aaf5
}

.blue-sm-btn:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2)
}

.kc-questions-search {
    background: #f2f2f2;
    padding: 20px 0;
    margin-bottom: 30px
}

.kc-questions-search:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.kc-questions-search .blue-sm-btn {
    margin-left: 30px
}

.kc-questions-search form {
    float: left;
    width: 67.592592592593%;
    position: relative
}

.kc-questions-search form input[type=text] {
    height: 32px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.kc-questions-search form input[type=text]:hover {
    border-color: #d3d3d3
}

.kc-questions-search form input[type=text]:focus {
    border-color: #47b3eb
}

.kc-questions-search form .submit-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 32px;
    width: 55px;
    border-radius: 0 5px 5px 0;
    background: url(../images/zf-sprite1.png) no-repeat 15px 4px #3ab4ff;
    text-indent: -9999px
}

.kc-questions-search form .submit-btn:hover {
    background-color: #30aaf5
}

.zf-tag {
    margin-bottom: 10px
}

.zf-tag:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.zf-tag li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.zf-tag li &gt; a {
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0 15px;
    border-radius: 40px;
    background: #ddf1fe;
    color: #3ab4ff;
    font-size: 14px
}

.zf-tag li &gt; a:hover {
    background: #3ab4ff;
    color: #fff
}

.zf-tag li &gt; a.active {
    background: #3ab4ff;
    color: #fff
}

.zf-top-article h2 {
    font-size: 16px;
    color: #38424a;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.5em
}

.zf-top-article p {
    color: #38424a;
    line-height: 1.8em;
    margin-bottom: 15px
}

.zf-top-article p a {
    color: #47b3eb
}

.zf-top-article p a:hover {
    color: #5bc7ff
}

.zf-bottom-meta:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.zf-bottom-meta time {
    float: left;
    font-size: 14px;
    color: #38424a;
    line-height: 20px
}

.zf-bottom-meta .zf-bottom-meta-info {
    float: left
}

.zf-bottom-meta .zf-bottom-meta-info li {
    float: left;
    font-size: 12px;
    margin-left: 30px
}

.zf-bottom-meta .zf-bottom-meta-info li &gt; a {
    color: #aab2b9;
    line-height: 20px
}

.zf-bottom-meta .zf-bottom-meta-info li &gt; a:hover {
    color: #3ab4ff
}

.zf-bottom-meta .zf-bottom-meta-info .toggle-comment a:before, .zf-bottom-meta .zf-bottom-meta-info .toggle-share a:before {
    content: "";
    float: left;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    background: url(../images/zf-sprite1.png) no-repeat
}

.zf-bottom-meta .zf-bottom-meta-info .toggle-comment a:before {
    background-position: -52px -2px
}

.zf-bottom-meta .zf-bottom-meta-info .toggle-share a:before {
    background-position: -102px -2px
}

.zf-bottom-meta .toggle-share {
    position: relative;
    padding-bottom: 10px
}

.zf-bottom-meta .toggle-share .toggle-share-box {
    background: #fff;
    border: 1px solid #ddd;
    width: 155px;
    position: absolute;
    left: 50%;
    top: 100%;
    text-align: center;
    z-index: 10;
    margin-left: -80px;
    display: none
}

.zf-bottom-meta .toggle-share .toggle-share-box:before {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    background: #fff;
    border: 1px solid #ddd;
    left: 50%;
    top: -5px;
    margin-left: -3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.zf-bottom-meta .toggle-share .toggle-share-box .sina {
    padding: 5px 20px 10px;
    background: #fff;
    position: relative
}

.zf-bottom-meta .toggle-share .toggle-share-box .sina a {
    font-size: 16px;
    color: #61717f;
    line-height: 20px;
    display: block;
    border-bottom: 1px solid #eee;
    padding: 10px 0
}

.zf-bottom-meta .toggle-share .toggle-share-box .sina a:hover {
    color: #47b3eb
}

.zf-bottom-meta .toggle-share .toggle-share-box .sina a:before {
    content: "";
    float: left;
    height: 20px;
    width: 25px;
    background: url(../images/zf-sprite1.png) no-repeat;
    background-position: -217px -3px
}

.zf-bottom-meta .toggle-share .toggle-share-box .weixin {
    font-size: 16px;
    color: #61717f;
    line-height: 20px;
    padding: 5px 20px 10px
}

.zf-bottom-meta .toggle-share .toggle-share-box .weixin span {
    display: block;
    margin-bottom: 10px
}

.zf-bottom-meta .toggle-share .toggle-share-box .weixin span:before {
    content: "";
    float: left;
    height: 20px;
    width: 25px;
    background: url(../images/zf-sprite1.png) no-repeat;
    background-position: -156px -3px
}

.zf-bottom-meta .toggle-share:hover .toggle-share-box {
    display: block
}

.zf-bottom-meta .hide-btn {
    float: right;
    color: #aab2b9;
    line-height: 20px;
    font-size: 12px
}

.zf-bottom-meta .hide-btn:hover {
    color: #47b3eb
}

.zf-bottom-meta .hide-btn:before {
    content: "";
    float: left;
    height: 20px;
    width: 25px;
    background: url(../images/zf-sprite1.png) no-repeat;
    background-position: -360px -3px
}

.zf-bottom-meta-comment {
    clear: both;
    border: 1px solid #ddd;
    position: relative;
    display: block;
    width: 90%;
}

.zf-bottom-meta-comment:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.zf-bottom-meta-comment:before {
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    border: 1px solid #ddd;
    background: #fff;
    position: absolute;
    left: 125px;
    top: -5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.zf-bottom-meta-comment ul {
    padding: 20px 20px 0 10px;
    background: #fff;
    position: relative
}

.zf-bottom-meta-comment li {
    position: relative;
    padding-left: 55px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px
}

.zf-bottom-meta-comment li:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.zf-bottom-meta-comment .user-pic {
    position: absolute;
    left: 0;
    top: -2px;
    height: 40px;
    width: 40px;
    padding: 1px;
    border-radius: 100%;
    border: 1px solid #fff;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s
}

.zf-bottom-meta-comment .user-pic img {
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 100%
}

.zf-bottom-meta-comment .user-pic:hover {
    border-color: #47b3eb;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.zf-bottom-meta-comment h3 {
    font-size: 14px;
    line-height: 1em;
    margin-bottom: 6px;
    padding-top: 4px
}

.zf-bottom-meta-comment h3 a {
    color: #38424a;
    font-weight: bold
}

.zf-bottom-meta-comment h3 a:hover {
    color: #47b3eb
}

.zf-bottom-meta-comment h3 span {
    color: #aab2b9;
    margin: 0 10px
}

.zf-bottom-meta-comment p {
    font-size: 12px;
    margin-bottom: 6px
}

.zf-bottom-meta-comment .meta {
    color: #38424a;
    font-size: 12px;
    line-height: 20px
}

.zf-bottom-meta-comment .meta time {
    float: left;
    line-height: 20px;
    font-size: 12px
}

.zf-bottom-meta-comment .meta a {
    display: inline-block;
    margin-left: 20px;
    color: #aab2b9;
    line-height: 20px
}

.zf-bottom-meta-comment .meta a:hover {
    color: #47b3eb
}

.zf-bottom-meta-comment .meta a:before {
    content: "";
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 5px;
    background: url(../images/zf-sprite1.png) no-repeat
}

.zf-bottom-meta-comment .meta .meta-item1.active {
    color: #47b3eb
}

.zf-bottom-meta-comment .meta .meta-item1:before {
    background-position: -265px -2px
}

.zf-bottom-meta-comment .meta .meta-item2:before {
    background-position: -320px -2px
}

.zf-bottom-meta-comment li form {
    padding-top: 10px;
    display: none
}

.zf-bottom-meta-comment li form input {
    border: 1px solid #e0e6f0;
    outline: none;
    background: #f3f7fb;
    border-radius: 2px;
    width: 100%;
    text-indent: 10px;
    height: 40px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
    margin-bottom: 10px
}

.zf-bottom-meta-comment li form input:focus {
    border-color: #47b3eb;
    background: #fff
}

.zf-bottom-meta-comment li form a {
    float: right
}

.zf-bottom-meta-comment li form .off-btn {
    line-height: 32px;
    margin-right: 20px;
    color: #47b3eb
}

.zf-bottom-meta-comment li form .off-btn:hover {
    color: #5bc7ff
}

.zf-bottom-meta-comment li form .submit-btn {
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    border-radius: 40px;
    background: #3ab4ff;
    color: #fff;
    display: inline-block
}

.zf-bottom-meta-comment li form .submit-btn:hover {
    background: #30aaf5
}

.zf-bottom-meta-comment li form .submit-btn:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2)
}

.zf-bottom-meta-comment-reply {
    padding: 20px;
    background: #f2f2f2
}

.zf-bottom-meta-comment-reply input {
    border: 1px solid #e0e6f0;
    outline: none;
    background: #fff;
    border-radius: 2px;
    width: 100%;
    text-indent: 10px;
    height: 40px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
    margin-bottom: 10px
}

.zf-bottom-meta-comment-reply input:focus {
    border-color: #47b3eb;
    background: #fff
}

.zf-bottom-meta-comment-reply a {
    float: right
}

.zf-bottom-meta-comment-reply .off-btn {
    line-height: 32px;
    margin-right: 20px;
    color: #47b3eb
}

.zf-bottom-meta-comment-reply .off-btn:hover {
    color: #5bc7ff
}

.zf-bottom-meta-comment-reply .submit-btn {
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    border-radius: 40px;
    background: #3ab4ff;
    color: #fff;
    display: inline-block
}

.zf-bottom-meta-comment-reply .submit-btn:hover {
    background: #30aaf5
}

.zf-bottom-meta-comment-reply .submit-btn:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2)
}

.zf-answer {
    padding-top: 20px
}

.zf-answer &gt; .title {
    border-bottom: 1px solid #eee;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px
}

.zf-answer &gt; .title span {
    position: relative;
    display: inline-block;
    line-height: 30px;
    padding: 0 5px;
    padding-bottom: 5px
}

.zf-answer &gt; .title span:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    background: #47b3eb;
    left: 0;
    bottom: -1px
}

.zf-answer-item-inner {
    position: relative;
    padding-left: 60px
}

.zf-answer-item {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    padding-bottom: 15px
}

.zf-answer-item h2 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
    line-height: 1.5em
}

.zf-answer-item h2 a {
    color: #47b3eb
}

.zf-answer-item h2 a:hover {
    color: #5bc7ff
}

.zf-answer-item .floatbar {
    position: absolute;
    left: 0;
    top: 0
}

.zf-answer-item .floatbar .praise {
    display: inline-block;
    width: 30px;
    background: #bee6ff;
    border-radius: 3px;
    text-align: center;
    padding: 8px 5px;
    color: #3da9e1
}

.zf-answer-item .floatbar .praise:hover {
    background: #47b3eb;
    color: #fff
}

.zf-answer-item .floatbar .praise:hover:before {
    border-bottom-color: #fff
}

.zf-answer-item .floatbar .praise.active {
    background: #47b3eb;
    color: #fff
}

.zf-answer-item .floatbar .praise.active:before {
    border-bottom-color: #fff
}

.zf-answer-item .floatbar .praise:before {
    content: "";
    display: block;
    margin: auto;
    width: 0;
    margin-bottom: 5px;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #3da9e1
}

.zf-answer-item .top-info h3 {
    margin-bottom: 10px;
    padding-top: 2px
}

.zf-answer-item .top-info h3 a {
    font-weight: bold
}

.zf-answer-item .top-info .user-info-title {
    margin-left: 10px;
    color: #61717f
}

.zf-answer-item .top-info .praise-name {
    color: #aab2b9
}

.zf-answer-item .top-info .praise-name a {
    color: #aab2b9
}

.zf-answer-item .content {
    padding: 15px 0 5px;
    position: relative
}

.zf-answer-item .content ul {
    list-style-type: disc
}

.zf-answer-item .content ol {
    list-style-type: decimal
}

.zf-answer-item .content em {
    font-style: italic
}

.zf-answer-item .content strong {
    font-weight: bold
}

.zf-answer-item .content p {
    color: #38424a;
    line-height: 1.6em;
    margin-bottom: 15px
}

.zf-answer-item .content a {
    color: #47b3eb
}

.zf-answer-item .content a:hover {
    color: #5bc7ff
}

.zf-answer-item .content .float-hide-btn {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    padding: 0 10px;
    background: #bee6ff;
    border-radius: 3px;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 10px
}

.zf-answer-item .content .float-hide-btn:hover {
    color: #fff;
    background: #47b3eb
}

.zf-answer-item .content .float-hide-btn:before {
    content: "";
    float: left;
    vertical-align: middle;
    margin-right: 5px;
    height: 24px;
    width: 20px;
    background: url(../images/zf-sprite1.png) no-repeat -396px 1px
}

.zf-answer-item .zf-bottom-meta-comment p {
    line-height: 1.8em
}

.zf-answer-item .zf-bottom-meta-comment:before {
    left: 170px
}

.zf-related-questions {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee
}

.zf-related-questions h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px
}

.zf-related-questions li {
    margin-bottom: 10px;
    line-height: 1.8em
}

.zf-related-questions li:last-child {
    margin-bottom: 0
}

.zf-related-questions a {
    color: #61717f
}

.zf-related-questions a:hover {
    color: #47b3eb
}

.zf-related-questions span {
    color: #aab2b9;
    margin-left: 10px
}

.new-answer {
    padding-top: 0
}

.kcbang-sidebar-nav {
    padding: 35px 0 0;
    border-bottom: 1px solid #eee
}

.kcbang-sidebar-nav li {
    padding: 20px 0;
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #61717f
}

.kcbang-sidebar-nav li span {
    font-size: 16px;
    color: #38424a
}

.kcbang-sidebar-nav li a {
    float: right;
    color: #47b3eb
}

.kcbang-sidebar-nav li a:hover {
    color: #5bc7ff
}

.zf-new-question-box {
    padding-top: 20px
}

.zf-new-question-box h2 {
    margin-bottom: 40px;
    font-size: 20px;
    font-weight: bold
}

.zf-new-question-box &gt; div {
    margin-bottom: 30px
}

.zf-new-question-box p {
    font-size: 15px;
    margin-bottom: 15px
}

.zf-new-question-box .zf-new-question-title, .zf-new-question-box textarea {
    height: 40px;
    text-indent: 10px;
    border: 1px solid #e9eff4;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f3f7fb;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    transition: all ease 0.4s;
    outline: none;
    width: 100%;
    border-radius: 3px
}

.zf-new-question-box .zf-new-question-title:hover, .zf-new-question-box textarea:hover {
    border-color: #d5dbe0
}

.zf-new-question-box .zf-new-question-title:focus, .zf-new-question-box textarea:focus {
    border-color: #47b3eb;
    background: #fff
}

.zf-new-question-box textarea {
    height: 200px;
    padding: 8px;
    line-height: 1.6em;
    text-indent: 0
}

.zf-new-question-box .submit-box {
    padding-top: 30px;
    border-top: 1px solid #eee
}

.zf-new-question-box .submit-box a {
    float: right;
    margin-left: 30px;
    line-height: 32px
}

.has-sub-nav i, #sub-nav-arrow {
    display: none;
}

.list3 span {
    display: inline;
}

#new-header .wrap .new-header-top .shuxian {
    margin: 0 20px;
    width: 0px;
    border: 1px solid #cccccc;
    float: left;
    height: 20px;
    border-radius: 5px;
    padding-top: 20px;
    position: relative;
    top: 10px;
}

#new-header .wrap .new-header-top .qinli {
    float: left;
    padding-top: 20px;
    padding-right: 30px;
    font-size: 19px;
    color: #029FE2;
}

#zhaomu {
    cursor: pointer;
    margin-left: 15px;
    position: absolute;
    top: -36px;
    z-index: 99;
}

#button-show {
    display: block;
}

#hr-show {
    display: block;
}

#new-header .wrap .new-header-top .font-style {
    float: left;
    padding-top: 20px;
    letter-spacing: 2px;
    font-size: 16px;
    color: #626262
}

#new-header .wrap .new-header-top .font-style .font4 {
    font-size: 16px;
}

#new-header .wrap .new-header-top .font-style .font5 {
    font-size: 18px;
}

#new-header .wrap .new-header-top .font-style .font5 span {
    font-weight: bolder;
    letter-spacing: 0px;
    color: #626262;
}

#new-header .wrap .new-header-top .login-btn {
    margin-left: 25px;
}

#new-header .wrap .new-header-top .sign-btn {
    margin-left: -4px;
    color: #e3592c
}

#new-header .wrap .new-header-top .login-btn1 {
    margin-left: 25px;
}

#new-header .wrap .new-header-top .sign-btn1 {
    margin-left: -25px;
    color: #e3592c
}

.four-font {
    display: block
}

.two-font {
    display: none
}</pre></body></html>