* {
    box-sizing: border-box
}

body,p,a,dl,dt,dd,h1,h2,h3,h4,h5,button,input,select,textarea {
    margin: 0;
    padding: 0
}

body,a,button,input,select,textarea {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    font-family: "Microsoft YaHei",Arial !important
}

img {
    border: 0
}

a {
    text-decoration: none
}

a:hover {
    color: #666
}

a:focus {
    color: #000
}

h1 {
    font-size: 42px;
    line-height: 1.4
}

h2 {
    font-size: 36px;
    line-height: 1.4
}

h3 {
    font-size: 31px;
    line-height: 1.4
}

h4 {
    font-size: 25px;
    line-height: 1.4
}

h5 {
    font-size: 20px;
    line-height: 1.4
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.section {
    position: relative
}

.section-wrapper {
    position: relative
}

.section-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 20px
}

@media screen and (max-width: 640px) {
    .section-container {
        padding:40px 20px
    }
}

.section-title {
    margin-bottom: 3em
}

.section-title div {
    color: gray
}

ul.pagination {
    margin: 0;
    padding: 0;
    text-align: center
}

ul.pagination li {
    display: inline-block
}

ul.pagination li a {
    display: block;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #ccc;
    margin-left: -1px
}

.section-guid {
    position: relative
}

.section-guid-setting {
    z-index: 999999;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    color: #fff;
    background-color: rgba(0,0,0,0.5)
}

.section-guid-mask {
    display: none;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2)
}

.section-guid-hover .section-guid-mask {
    display: block
}

.layout-container {
    max-width: 1200px;
    margin: 0 auto
}

.layout-container:before,.layout-container:after {
    line-height: 0;
    display: table;
    content: ''
}

.layout-container:after {
    clear: both
}

.layout-container-left .layout-slide {
    float: left;
    width: 240px
}

.layout-container-left .layout-content {
    margin-left: 250px
}

.layout-container-right .layout-slide {
    float: right;
    width: 240px
}

.layout-container-right .layout-content {
    margin-right: 250px
}

.row {
    width: 100%
}

.row:before,.row:after {
    line-height: 0;
    display: table;
    content: ''
}

.row:after {
    clear: both
}

.row .col,.row .col1,.row .col2,.row .col3,.row .col4,.row .col5,.row .col6,.row .col7,.row .col8,.row .col9,.row .col10,.row .col11,.row .col12 {
    display: block;
    float: left;
    position: relative
}

.row .col12 {
    width: 100%
}

.row .col11 {
    width: 91.66666667%
}

.row .col10 {
    width: 83.33333333%
}

.row .col9 {
    width: 75%
}

.row .col8 {
    width: 66.66666667%
}

.row .col7 {
    width: 58.33333333%
}

.row .col6 {
    width: 50%
}

.row .col5 {
    width: 41.66666667%
}

.row .col4 {
    width: 33.33333333%
}

.row .col3 {
    width: 25%
}

.row .col2 {
    width: 16.66666667%
}

.row .col1 {
    width: 8.33333333%
}

.row .offset12 {
    margin-left: 100%
}

.row .offset11 {
    margin-left: 91.66666667%
}

.row .offset10 {
    margin-left: 83.33333333%
}

.row .offset9 {
    margin-left: 75%
}

.row .offset8 {
    margin-left: 66.66666667%
}

.row .offset7 {
    margin-left: 58.33333333%
}

.row .offset6 {
    margin-left: 50%
}

.row .offset5 {
    margin-left: 41.66666667%
}

.row .offset4 {
    margin-left: 33.33333333%
}

.row .offset3 {
    margin-left: 25%
}

.row .offset2 {
    margin-left: 16.66666667%
}

.row .offset1 {
    margin-left: 8.33333333%
}

@media screen and (max-width: 640px) {
    .row .col6,.row .col4 {
        width:100%
    }

    .row .col3 {
        width: 50%
    }
}

.about .section img {
    max-width: 100%
}

.about .section-container {
    z-index: 2;
    position: relative;
    padding: 50px 0
}

.about .section-container .main-tit h2 {
    color: #2c508c
}

.about .section-bgcol {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.about .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 178px;
    background-position: center;
    background-repeat: repeat-x
}

.about .section-content-word {
    padding: 40px 40px 40px 0
}

.about .section-content-word .title {
    color: #2c508c
}

.about .section-content-word .titleBottom {
    color: #9c9c9c
}

.about .section-content-word .body {
    margin-bottom: 30px;
    margin-top: 30px
}

.about .section-content-word .body p {
    margin-bottom: 20px;
    color: #737373
}

.about .section-content-word .href {
    position: relative;
    display: inline-block;
    color: #2c508c;
    border: 2px solid #2c508c;
    border-radius: 2em
}

.about .section-content-word .href:hover {
    background: #2c508c;
    color: #fff
}

.about .section-content-image {
    padding-top: 20px
}

.about .section-content-image .title {
    position: absolute;
    top: 0;
    left: 0
}

.about .section-content-image .title h3 {
    font-size: 14px;
    line-height: 1em;
    min-width: 1em;
    margin: 0;
    padding-bottom: 1em;
    color: #df0d0e;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl
}

.about .section-content-image .title span {
    position: absolute;
    top: 100%;
    left: 50%;
    height: 80px;
    border-left: 1px solid #ddd
}

.about .section-content-image .image {
    position: relative;
    margin-left: 50px
}

.about .section-content-image .image img {
    position: relative;
    z-index: 1
}

.about .section-content-image .image span {
    position: absolute;
    z-index: 2;
    top: -20px;
    right: 20px;
    bottom: 20px;
    left: -20px;
    border: 6px solid #f0f3f4
}

.about .main-tit {
    text-align: center;
    text-transform: uppercase;
    margin: 10px auto 40px
}

.about .main-tit h2 {
    margin: 10px auto;
    font-weight: lighter;
    text-transform: uppercase
}

.about .main-tit p {
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0
}

.about .main-tit p.content {
    font-size: 12px;
    font-weight: 300
}

.about .body p {
    line-height: 2em
}

@media screen and (max-width: 1024px) {
    .about .section-content-word .body p {
        margin-bottom:2px
    }

    .about .body p {
        line-height: 1.5em
    }
}

@media screen and (max-width: 960px) {
    .about h2 {
        font-size:35px
    }

    .about h2.title {
        font-size: 26px
    }
}

@media screen and (max-width: 768px) {
    .about .row .col6 {
        width:100%
    }

    .about .section-content-word {
        padding: 40px 0px 40px 0
    }
}

@media screen and (max-width: 640px) {
    .about h2 {
        font-size:34px
    }
}

@media screen and (max-width: 414px) {
    .about .section-content-word {
        padding:0px 0px 40px 0
    }

    .about h2 {
        font-size: 26px
    }

    .about h2.title {
        font-size: 20px
    }

    .about .section-content-word .body {
        margin-top: 3px
    }
}

@media screen and (max-width: 375px) {
    .about .row .col6 {
        width:100%
    }

    .about h2 {
        font-size: 26px
    }
}

@media screen and (max-width: 320px) {
    .about h2 {
        font-size:18px
    }

    .about .main-tit {
        margin: 10px auto 0px
    }

    .about .body p {
        font-size: 12px
    }
}

.about-case-ck .full {
    width: 100%
}

.about-case-ck .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.about-case-ck img {
    max-width: 100%
}

.about-case-ck ul,.about-case-ck ol,.about-case-ck li {
    margin: 0;
    padding: 0;
    list-style: none
}

.about-case-ck .fl {
    float: left
}

.about-case-ck .fr {
    float: right
}

.about-case-ck .show {
    display: block
}

.about-case-ck .hide {
    display: none
}

.about-case-ck .clearfix {
    clear: both;
    zoom:1}

.about-case-ck .section {
    position: relative
}

.about-case-ck .section-container {
    padding: 50px 0
}

.about-case-ck .section .main-tit {
    text-align: center
}

.about-case-ck .section .main-tit span {
    color: #9c9c9c;
    line-height: 2em;
    text-transform: uppercase
}

.about-case-ck .section .main-tit h2 {
    font-size: 24px;
    color: #2c508c;
    margin: 10px auto;
    font-weight: 300
}

.about-case-ck .section .main-tit p {
    color: #9c9c9c;
    width: 930px;
    max-width: 100%;
    margin: 10px auto;
    font-size: 16px;
    line-height: 2em
}

.about-case-ck .section .main-ft ul {
    overflow: hidden;
    margin-top: 30px
}

.about-case-ck .section .main-ft ul li {
    width: 25%;
    float: left;
    position: relative
}

.about-case-ck .section .main-ft ul li .title {
    line-height: 36px;
    width: 260px;
    text-align: center;
    color: #fff;
    background: #2c508c;
    position: absolute;
    bottom: 35px;
    left: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.about-case-ck .section .main-ft ul li img {
    opacity: 0.94;
    filter: alpha(opacity=94);
    transition: 0.3s
}

.about-case-ck .section .main-ft ul li:hover img {
    opacity: 1;
    filter: alpha(opacity=100)
}

.about-case-ck .section-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff
}

.about-case-ck .section-bgcol {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 720px) {
    .about-case-ck .section .main-ft ul li {
        width:50%;
        text-align: center
    }

    .about-case-ck .section .main-ft ul li img {
        width: 100%
    }

    .about-case-ck .section .main-ft ul li .title {
        padding: 0;
        max-width: 100%
    }
}

.about-full .section-container {
    max-width: none;
    padding: 0
}

.about-full .section-content-word {
    padding: 100px
}

@media screen and (max-width: 640px) {
    .about-full .section-content-word {
        padding:60px 20px
    }
}

.about-full .section-content-word .title {
    color: #2c508c
}

.about-full .section-content-word .body {
    margin-bottom: 30px;
    margin-top: 30px
}

.about-full .section-content-word .body p {
    color: #737373
}

.about-full .section-content-word .href {
    color: #2c508c;
    border-color: #2c508c
}

.about-full .section-content-word .href:hover {
    color: #fff;
    background: #2c508c
}

.about-full .section-content-image .title {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.about-full .section-content-image .title h3,.about-full .section-content-image .title span {
    display: inline-block;
    vertical-align: middle
}

.about-full .section-content-image .title h3 {
    max-width: 80%;
    margin: 0;
    padding: 20px 5%;
    color: #fff;
    border: 3px solid #fff;
    background-color: rgba(255,255,255,0.2)
}

.about-full .section-content-image .title span {
    height: 100%
}

.about-full .section-content-image .image img {
    display: block;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .about-full .section-content-word {
        padding:50px
    }
}

@media screen and (max-width: 768px) {
    .about-full .section-content-word {
        padding:100px
    }

    .about-full .row .col6 {
        width: 100%
    }
}

@media screen and (max-width: 414px) {
    .about-full .section-content-word {
        padding:20px
    }
}

.about-section-ss .full {
    width: 100%
}

.about-section-ss .inner {
    padding: 2em 0
}

.about-section-ss #primary {
    width: 100%
}

.about-section-ss #primary.have-sidebar {
    width: 71%
}

.about-section-ss #primary.fr {
    padding-left: 5%
}

.about-section-ss #primary.fl {
    padding-right: 5%
}

.about-section-ss #secondary {
    width: 29%
}

.about-section-ss .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.about-section-ss img {
    max-width: 100%
}

.about-section-ss ul,.about-section-ss ol,.about-section-ss li {
    margin: 0;
    padding: 0;
    list-style: none
}

.about-section-ss .fl {
    float: left
}

.about-section-ss .fr {
    float: right
}

.about-section-ss .show {
    display: block
}

.about-section-ss .hide {
    display: none
}

.about-section-ss .clearfix {
    clear: both;
    zoom:1}

.about-section-ss .section {
    position: relative
}

.about-section-ss .section-container {
    padding: 50px 0
}

.about-section-ss .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.about-section-ss .section .main-tit {
    margin-bottom: 60px;
    text-align: center
}

.about-section-ss .section .main-tit h2 {
    font-size: 24px;
    color: #2c508c;
    font-weight: 300
}

.about-section-ss .section .main-tit span {
    font-size: 14px;
    text-transform: capitalize;
    color: #a6a6a6
}

.about-section-ss .section .main-ft .ar-tit {
    margin: 10px 0 40px;
    text-align: center
}

.about-section-ss .section .main-ft .ar-tit h3 {
    font-size: 24px;
    color: #2c508c
}

.about-section-ss .section .main-ft .ar-tit span {
    color: #a6a6a6;
    font-size: 13px
}

.about-section-ss .section .main-ft p {
    color: #737373;
    line-height: 2em;
    font-size: 14px;
    margin: 10px 0
}

.about-section-ss .section .main-ft p strong {
    color: #2c508c
}

.about-section-ss .section .main-ft img {
    margin: 20px 0;
    display: inline-block
}

@media screen and (max-width: 1300px) {
    .about-section-ss .wrapper {
        padding:0 20px
    }

    .about-section-ss .header-menu .wrapper {
        padding: 0px
    }
}

@media screen and (max-width: 320px) {
    .about-section-ss .section .main-ft .ar-tit {
        margin:5px 0 12px
    }

    .about-section-ss .section .main-ft .ar-tit h3 {
        font-size: 22px
    }
}

.about-shebei-ck .full {
    width: 100%
}

.about-shebei-ck ul,.about-shebei-ck ol,.about-shebei-ck li {
    margin: 0;
    padding: 0;
    list-style: none
}

.about-shebei-ck .fl {
    float: left
}

.about-shebei-ck .fr {
    float: right
}

.about-shebei-ck .show {
    display: block
}

.about-shebei-ck .hide {
    display: none
}

.about-shebei-ck .clearfix {
    clear: both;
    zoom:1}

.about-shebei-ck .section {
    position: relative
}

.about-shebei-ck .section-container {
    padding: 50px 0
}

.about-shebei-ck .section-bgcol {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.about-shebei-ck .section .main-tit {
    text-align: center
}

.about-shebei-ck .section .main-tit span {
    font-weight: bold;
    font-size: 12px;
    color: #9c9c9c;
    line-height: 1.5em;
    text-transform: uppercase
}

.about-shebei-ck .section .main-tit h2 {
    text-align: center;
    color: #2c508c;
    font-size: 30px;
    line-height: 50px;
    font-weight: bold;
    margin: 0
}

.about-shebei-ck .section .main-tit p {
    color: #737373;
    width: 930px;
    max-width: 100%;
    margin: 20px auto;
    font-size: 16px;
    line-height: 2em
}

.about-shebei-ck .section .main-tit p strong {
    font-weight: 300;
    color: #2c508c
}

.about-shebei-ck .section .main-ft ul li {
    border-bottom: 3px solid #ebf2f3;
    overflow: hidden;
    background-color: #fff
}

.about-shebei-ck .section .main-ft ul li:last-of-type {
    border: none
}

.about-shebei-ck .section .main-ft ul li .introduction {
    padding: 38px 80px;
    width: 34%
}

.about-shebei-ck .section .main-ft ul li .introduction .num {
    display: block;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #2c508c;
    line-height: 65px;
    text-align: center;
    color: #fff;
    font-size: 36px;
    margin: 40px 0
}

.about-shebei-ck .section .main-ft ul li .introduction .title {
    color: #2c508c;
    font-size: 24px;
    margin: 30px 0
}

.about-shebei-ck .section .main-ft ul li .introduction .para {
    font-weight: 700;
    color: #737373;
    font-size: 16px
}

.about-shebei-ck .section .main-ft ul li .introduction p {
    font-size: 14px;
    line-height: 2em;
    color: #737373
}

.about-shebei-ck .section .main-ft ul li .img {
    width: 66%;
    overflow: hidden
}

.about-shebei-ck .section .main-ft ul li .img img {
    width: 100%;
    transition: 0.3s
}

.about-shebei-ck .section .main-ft ul li:hover .img img {
    transform: scale(1.1)
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }

    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }

    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.about-shebei-ck .waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    height: 100px;
    margin: auto;
    right: 0;
    top: 423px;
    z-index: 2;
    display: none
}

.about-shebei-ck .waveWrapperInner {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.about-shebei-ck .bg-top {
    z-index: 0
}

.about-shebei-ck .bg-middle {
    z-index: 0
}

.about-shebei-ck .bg-bottom {
    z-index: 0;
    position: relative;
    top: -100px
}

.about-shebei-ck .wave {
    height: 100px;
    width: 200%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom
}

.about-shebei-ck .waveTop {
    background-size: 50% 58px
}

.about-shebei-ck .waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.about-shebei-ck .waveMiddle {
    background-size: 50% 58px
}

.about-shebei-ck .waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite
}

.about-shebei-ck .waveBottom {
    background-size: 50% 100px
}

.about-shebei-ck .waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite
}

.about-shebei-ck .main-tit {
    position: relative
}

.about-shebei-ck .main-tit p {
    line-height: 1em;
    margin: 0 auto !important;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden
}

.about-shebei-ck .main-tit p span {
    padding: 0 10px;
    z-index: 111;
    display: inline-block;
    color: #ddd
}

.about-shebei-ck .main-tit p:after,.about-shebei-ck .main-tit p:before {
    content: '';
    height: 1px;
    background: #9c9c9c;
    display: block;
    position: absolute;
    top: 65%;
    margin-top: -4.5px
}

.about-shebei-ck .main-tit p:before {
    left: 0;
    right: 58%
}

.about-shebei-ck .main-tit p:after {
    right: 0;
    left: 58%
}

@media screen and (max-width: 1300px) {
    .about-shebei-ck .section .main-ft ul li .introduction {
        padding:30px 50px
    }
}

@media screen and (max-width: 1200px) {
    .about-shebei-ck .section .main-ft ul li .introduction .num {
        margin:0px
    }

    .about-shebei-ck .section .main-ft ul li .introduction .title {
        margin: 10px 0
    }
}

@media screen and (max-width: 980px) {
    .about-shebei-ck .section .main-ft ul li .introduction {
        width:100%;
        float: none
    }

    .about-shebei-ck .section .main-ft ul li .introduction .num {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 24px
    }

    .about-shebei-ck .section .main-ft ul li .introduction .title {
        font-size: 18px
    }

    .about-shebei-ck .section .main-ft ul li .img {
        float: none;
        width: 100%
    }

    .about-shebei-ck .section .main-ft ul li .img img {
        max-width: 100%;
        display: block;
        margin: 0 auto
    }

    .about-shebei-ck .section .main-ft ul li .introduction p {
        display: inline-block;
        margin: 0 5px
    }

    .about-shebei-ck .waveWrapper {
        margin-top: 0
    }
}

@media screen and (max-width: 768px) {
    .about-shebei-ck .section .main-ft {
        margin-top:0 !important
    }

    .about-shebei-ck .section .main-tit p {
        font-size: 15px
    }
}

@media screen and (max-width: 640px) {
    .about-shebei-ck .section .main-ft {
        margin-top:40px
    }
}

@media screen and (max-width: 480px) {
    .about-shebei-ck .section .main-ft ul li .introduction {
        padding:30px
    }
}

@media screen and (max-width: 720px) {
    .about-shebei-ck .main-tit p:before {
        right:72%
    }

    .about-shebei-ck .main-tit p:after {
        left: 72%
    }

    .about-shebei-ck .main-tit p:before,.about-shebei-ck .main-tit p:after {
        display: none
    }

    .about-shebei-ck .section-container {
        padding-bottom: 0
    }

    .about-shebei-ck .section .main-ft ul li:first-child .introduction {
        padding-top: 0
    }
}

.about-stagger .section {
    position: relative
}

.about-stagger .section-container {
    padding: 50px 0
}

.about-stagger .section-content-word {
    padding: 60px 80px 60px 0
}

@media screen and (max-width: 640px) {
    .about-stagger .section-content-word {
        padding:40px 0
    }
}

.about-stagger .section-content-word .title {
    color: #2c508c
}

.about-stagger .section-content-word .body {
    margin-bottom: 30px;
    margin-top: 30px
}

.about-stagger .section-content-word .body p {
    color: #737373
}

.about-stagger .section-content-word .href {
    border-color: #2c508c;
    color: #2c508c
}

.about-stagger .section-content-word .href:hover {
    color: #fff;
    background: #2c508c
}

.about-stagger .section-content-image {
    position: relative;
    padding-bottom: 30px
}

.about-stagger .section-content-image .title {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 20px
}

.about-stagger .section-content-image .title h3 {
    font-size: 14px;
    text-align: right;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    padding: 20px 20px
}

.about-stagger .section-content-image .image {
    position: relative
}

.about-stagger .section-content-image .image img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    box-shadow: -10px 10px 20px rgba(0,0,0,0.1)
}

.about-stagger .section-content-image .image span {
    position: absolute;
    top: 70%;
    right: 30px;
    bottom: -30px;
    left: -30px;
    background-color: #2c508c
}

.about-stagger .section .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 960px) {
    .about-stagger .section-content-word {
        padding:20px 80px 60px 0
    }
}

@media screen and (max-width: 768px) {
    .about-stagger .row .col6 {
        width:100%
    }

    .about-stagger .section-content-word {
        padding: 20px 0 60px 0
    }
}

@media screen and (max-width: 720px) {
    .about-stagger .title {
        font-size:28px
    }
}

@media screen and (max-width: 640px) {
    .about-stagger {
        font-size:14px
    }
}

@media screen and (max-width: 414px) {
    .about-stagger .title {
        font-size:28px
    }
}

@media screen and (max-width: 320px) {
    .about-stagger h2 {
        font-size:30px;
        line-height: 1.4
    }
}

.about-video .fl {
    float: left
}

.about-video .fr {
    float: right
}

.about-video .show {
    display: block
}

.about-video .hide {
    display: none
}

.about-video .clearfix {
    clear: both;
    zoom:1}

.about-video .section {
    position: relative
}

.about-video .section-container {
    padding: 50px 0
}

.about-video .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.about-video .words .para {
    padding: 10px 20px;
    line-height: 2em;
    color: #737373
}

.about-video .section-container .main-tit h2 {
    font-size: 36px;
    text-transform: uppercase;
    color: #2c508c;
    padding: 0 20px;
    font-family: 'opensans-bold'
}

.about-video .section-container .main-ft {
    padding: 20px 0;
    height: 310px
}

.about-video .words {
    width: 50%
}

.about-video .fr {
    width: 48%;
    margin-right: 2%;
    position: relative;
    top: -62px
}

.about-video .words .para p {
    margin-bottom: 20px
}

.about-video video {
    width: 100%;
    height: 100%
}

.about-video .videobox {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #000;
    display: none
}

.about-video .my-video-dimensions {
    width: 100%;
    height: 100%
}

.about-video .mask a {
    display: block;
    width: 100%;
    height: 100%
}

.about-video .mask a img {
    width: 100%
}

.about-video .close-btn {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    font-size: 30px;
    line-height: 38px;
    padding: 0;
    text-align: center;
    background-color: #fff;
    color: #000;
    border-radius: 20px
}

.about-video .video-box .video-js {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 1024px) {
    .about-video .words,.about-video .fr {
        width:100%;
        float: none;
        margin: 0 auto 30px;
        top: 0
    }

    .about-video .section-container .main-ft {
        height: auto
    }
}

@media screen and (max-width: 720px) {
    .about-video .words,.about-video .fr {
        margin:0 auto
    }

    .about-video .words .para {
        padding: 10px 0
    }

    .about-video .section-container .main-tit {
        margin-bottom: 0
    }

    .about-video .section-container .main-ft {
        padding: 0
    }
}

.about-vietax-section .full {
    width: 100%
}

.about-vietax-section .inner {
    padding: 2em 0
}

.about-vietax-section #primary {
    width: 100%
}

.about-vietax-section #primary.have-sidebar {
    width: 71%
}

.about-vietax-section #primary.fr {
    padding-left: 5%
}

.about-vietax-section #primary.fl {
    padding-right: 5%
}

.about-vietax-section #secondary {
    width: 29%
}

.about-vietax-section .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.about-vietax-section img {
    max-width: 100%
}

.about-vietax-section ul,.about-vietax-section ol,.about-vietax-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .about-vietax-section .wrapper {
        padding:0 20px
    }

    .about-vietax-section .header-menu .wrapper {
        padding: 0px
    }
}

.about-vietax-section .fl {
    float: left
}

.about-vietax-section .fr {
    float: right
}

.about-vietax-section .show {
    display: block
}

.about-vietax-section .hide {
    display: none
}

.about-vietax-section .clearfix {
    clear: both;
    zoom:1}

.about-vietax-section .section-content {
    width: 600px;
    margin: 0 auto;
    max-width: 100%
}

.about-vietax-section .section {
    position: relative
}

.about-vietax-section .section-container {
    padding: 50px 0
}

.about-vietax-section .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.about-vietax-section .section .main-tit {
    margin: 0 auto 60px
}

.about-vietax-section .section .main-tit h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 100;
    color: #2c508c;
    margin: 10px 0;
    line-height: 1em
}

.about-vietax-section .section .main-tit h3 {
    font-weight: 700;
    font-size: 24px;
    color: #2c508c;
    margin: 10px 0;
    line-height: 1em
}

.about-vietax-section .section .main-tit p {
    color: #2c508c;
    font-size: 12px;
    margin: 10px 0;
    line-height: 1em
}

.about-vietax-section .section .body>p {
    line-height: 1.5em;
    color: #737373;
    margin-bottom: 1em
}

.about-vietax-section .section .body img {
    display: inline-block
}

.about-vietax-section .section .body div {
    color: #737373;
    font-size: 16px
}

.about-vietax-section .section .body p {
    color: #737373;
    font-size: 16px
}

.about-vietax-section .section .body .list {
    margin-top: 60px
}

.about-vietax-section .section .body .list li {
    background-color: #e2ece2;
    padding: 40px;
    border-radius: 5px;
    margin-bottom: 40px
}

.about-vietax-section .section .body .list li h3 {
    font-weight: 700;
    font-size: 18px;
    color: #2c508c;
    margin-bottom: 20px
}

.about-vietax-section .section .body .list li p {
    line-height: 2em;
    color: #2c508c;
    font-size: 14px
}

.about-vietax-section .section .body p.biaoji {
    color: #2c508c;
    font-size: 18px
}

@media screen and (max-width: 720px) {
    .about-vietax-section .section .main-tit {
        margin:0 auto 30px
    }

    .about-vietax-section .section .main-tit h2 {
        font-size: 26px
    }

    .about-vietax-section .section .main-tit p {
        font-size: 20px
    }
}

.about_oapcity_one .section {
    position: relative
}

.about_oapcity_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.about_oapcity_one .section-container {
    padding: 50px 0
}

.about_oapcity_one .section-container {
    overflow: hidden
}

.about_oapcity_one .fr {
    float: right
}

.about_oapcity_one .fl {
    float: left
}

.about_oapcity_one ul,.about_oapcity_one li {
    padding: 0;
    margin: 0;
    list-style: none
}

.about_oapcity_one img {
    max-width: 100%;
    display: inline-block
}

.about_oapcity_one .img.fl {
    width: 48%
}

.about_oapcity_one .words.fr {
    width: 50%;
    padding: 20px
}

.about_oapcity_one .words .main-title {
    margin-bottom: 160px
}

.about_oapcity_one .words .main-title .title {
    font-size: 45px;
    font-weight: 700;
    line-height: 1em;
    color: #2f2f2f;
    text-transform: uppercase
}

.about_oapcity_one .words .main-title-leakey .title {
    color: #2c508c
}

.about_oapcity_one .words .main-title .title em {
    font-style: normal;
    position: relative;
    display: inline
}

.about_oapcity_one .words .main-title .title span {
    display: block
}

.about_oapcity_one .words .main-title .title em:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 80px;
    background-color: #2c508c;
    height: 4px
}

.about_oapcity_one .words .main-title .subtitle {
    font-size: 20px;
    color: #2f2f2f
}

.about_oapcity_one .words .main-content {
    color: #424242;
    opacity: 0.7;
    filter: alpha(opacity=70);
    line-height: 1.8em;
    font-size: 14px;
    margin-bottom: 100px
}

.about_oapcity_one ul.list {
    overflow: hidden
}

.about_oapcity_one ul li {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 68px
}

.about_oapcity_one ul li span.num {
    font-weight: 700;
    line-height: 1.2em
}

.about_oapcity_one ul li span.word {
    font-weight: 300;
    font-size: 18px;
    display: block
}

.about_oapcity_one ul li:first-child {
    position: relative
}

.about_oapcity_one ul li:first-child:after {
    display: block;
    content: '';
    background: #d9d9d9;
    right: 0;
    width: 1px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    position: absolute
}

@media screen and (max-width: 720px) {
    .about_oapcity_one .section-container {
        padding:30px 20px
    }

    .about_oapcity_one .img.fl {
        width: 98%;
        margin: 0 auto 5px
    }

    .about_oapcity_one .words.fr {
        width: 98%;
        margin: 5px auto 0;
        padding: 20px 0
    }

    .about_oapcity_one .words .main-title {
        margin-bottom: 80px
    }

    .about_oapcity_one .words .main-title .title {
        font-size: 30px
    }

    .about_oapcity_one .words .main-title .subtitle {
        font-size: 15px
    }

    .about_oapcity_one .words .main-content {
        margin-bottom: 50px
    }

    .about_oapcity_one ul li {
        font-size: 45px
    }

    .about_oapcity_one ul li span.word {
        font-size: 15px
    }
}

@media screen and (max-width: 360px) {
    .about_oapcity_one .words .main-title {
        margin-bottom:40px
    }

    .about_oapcity_one ul li {
        font-size: 30px
    }
}

.about_solarland .fl {
    float: left
}

.about_solarland .fr {
    float: right
}

.about_solarland img {
    max-width: 100%
}

.about_solarland .section-container {
    padding: 50px 0
}

.about_solarland .main_tit {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 36px
}

.about_solarland .main_tit .title {
    font-size: 30px;
    color: #2c508c;
    margin-bottom: 20px
}

.about_solarland .main_tit .subtit {
    color: #2c508c;
    font-size: 20px;
    text-transform: uppercase
}

.about_solarland .main_cont {
    overflow: hidden
}

.about_solarland .main_cont .img {
    width: 45% px;
    box-sizing: border-box;
    padding-left: 10px
}

.about_solarland .main_cont .words {
    width: 55%;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 20px
}

.about_solarland .main_cont .words p {
    line-height: 2em;
    font-size: 14px;
    color: #737373;
    padding: 23px 0;
    border-bottom: 1px dotted #000
}

.about_solarland .main_cont .words p:first-child {
    padding-top: 0
}

.about_solarland .main_cont .words p:last-child {
    border: none
}

.about_solarland .section-bgcol {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 720px) {
    .about_solarland .main_cont .img {
        width:100%;
        float: none;
        margin-bottom: 20px;
        padding: 0
    }

    .about_solarland .main_cont .words {
        width: 100%;
        float: none;
        padding: 0
    }

    .about_solarland .section-container {
        padding-left: 20px;
        padding-right: 20px
    }
}

.advantage .section {
    position: relative
}

.advantage .section-container {
    padding: 50px 0
}

.advantage .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.advantage .section-content {
    text-align: center
}

.advantage .section-content .image img {
    display: block;
    width: 120px;
    margin: 0 auto
}

.advantage .section-content .title h3 {
    cursor: pointer;
    padding: 20px 0 10px 0;
    font-size: 18px
}

.advantage .section-content .title h3 p {
    color: #2c508c
}

.advantage .section-content .title h3:hover p {
    color: #2c508c
}

.advantage .section-content .title p {
    color: #737373
}

@media screen and (max-width: 640px) {
    .advantage .row .col3 {
        width:50%;
        margin-top: 33px
    }
}

.banner-solarland .section .banner {
    position: relative;
    height: 920px
}

.banner-solarland .section .banner .bi {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background: no-repeat center top
}

.banner-solarland .section .banner .bi div {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto
}

.banner-solarland .section .banner .bi div p {
    position: absolute;
    top: 50%;
    height: 250px;
    margin-top: -160px
}

.banner-solarland .section .banner .bi div p strong,.banner-solarland .section .banner .bi div p span {
    display: block;
    color: #2c508c
}

.banner-solarland .section .banner .bi div p strong {
    font-size: 48px;
    margin-top: 45px;
    line-height: 1.3em
}

.banner-solarland .section .banner .bi div p span {
    line-height: 28px;
    margin-top: 10px
}

.banner-solarland .section .banner .bl p {
    left: 50px;
    background-repeat: no-repeat;
    background-position: left center
}

.banner-solarland .section .banner .bl p strong {
    margin-left: 50px
}

.banner-solarland .section .banner .bl p span {
    margin-left: 100px
}

.banner-solarland .section .banner .br p {
    right: 50px;
    text-align: right;
    background-repeat: no-repeat;
    background-position: right center
}

.banner-solarland .section .banner .br p strong {
    margin-right: 50px
}

.banner-solarland .section .banner .br p span {
    margin-right: 100px
}

.banner-solarland .section .banner ul {
    position: absolute;
    bottom: 200px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.banner-solarland .section .banner ul li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    list-style: none;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer
}

.banner-solarland .section .banner ul li.active {
    width: 30px;
    background-color: #2c508c
}

.banner-solarland .focus {
    display: none
}

.banner-solarland .banner {
    display: block
}

.banner-solarland .focus {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.banner-solarland .focus .hd {
    width: 100%;
    height: 11px;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    text-align: center
}

.banner-solarland .focus .hd ul {
    display: inline-block;
    height: 10px;
    padding: 3px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0;
    vertical-align: top
}

.banner-solarland .focus .hd ul li {
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #8c8c8c;
    margin: 0 5px;
    vertical-align: top;
    overflow: hidden
}

.banner-solarland .focus .hd ul .on {
    background: #2c508c;
    width: 10px
}

.banner-solarland .focus .bd {
    position: relative;
    z-index: 0
}

.banner-solarland .focus .bd li {
    position: relative;
    display: none
}

.banner-solarland .focus .bd li strong {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 50%;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 1.8em
}

.banner-solarland .focus .bd li img {
    max-width: 100%
}

.banner-solarland .focus .bd li a {
    -webkit-tap-highlight-color: transparent
}

@media screen and (max-width: 720px) {
    .banner-solarland .banner {
        display:none
    }

    .banner-solarland .focus {
        display: block
    }
}

.banner-solarland-loading .section .banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 700px
}

.banner-solarland-loading .section .banner img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.banner-solarland-loading .section .banner ul {
    position: absolute;
    bottom: 50px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.banner-solarland-loading .section .banner ul li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    list-style: none;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer
}

.banner-solarland-loading .section .banner ul li.active {
    width: 30px;
    background-color: #2c508c
}

.banner-solarland-loading .bannerLoadingBox {
    width: 100%;
    height: 100%;
    background: #eee;
    position: relative;
    z-index: 10;
    padding-top: 300px
}

.banner-solarland-loading .bannerLoadingTxt {
    height: 50px;
    width: 80px;
    text-align: center;
    line-height: 50px;
    color: #333;
    margin: auto;
    font-size: 12px
}

.banner-solarland-loading .spinner {
    margin: auto;
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 10px
}

.banner-solarland-loading .spinner>div {
    background-color: #2c508c;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out
}

.banner-solarland-loading .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.banner-solarland-loading .spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.banner-solarland-loading .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.banner-solarland-loading .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

@-webkit-keyframes stretchdelay {
    0%,40%,100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes stretchdelay {
    0%,40%,100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.banner-solarland-loading .focus {
    display: none
}

.banner-solarland-loading .banner {
    display: block
}

.banner-solarland-loading .focus {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.banner-solarland-loading .focus .hd {
    width: 100%;
    height: 11px;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    text-align: center
}

.banner-solarland-loading .focus .hd ul {
    display: inline-block;
    height: 10px;
    padding: 3px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0;
    vertical-align: top
}

.banner-solarland-loading .focus .hd ul li {
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #8c8c8c;
    margin: 0 5px;
    vertical-align: top;
    overflow: hidden
}

.banner-solarland-loading .focus .hd ul .on {
    background: #2c508c;
    width: 10px
}

.banner-solarland-loading .focus .bd {
    position: relative;
    z-index: 0
}

.banner-solarland-loading .focus .bd li {
    position: relative;
    display: none
}

.banner-solarland-loading .focus .bd li strong {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 50%;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 1.8em
}

.banner-solarland-loading .focus .bd li img {
    max-width: 100%
}

.banner-solarland-loading .focus .bd li a {
    -webkit-tap-highlight-color: transparent
}

@media screen and (max-width: 720px) {
    .banner-solarland-loading .banner {
        display:none
    }

    .banner-solarland-loading .focus {
        display: block
    }
}

.banner-solarland2 .section .banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 700px
}

.banner-solarland2 .section .banner img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.banner-solarland2 .section .banner ul {
    position: absolute;
    bottom: 50px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.banner-solarland2 .section .banner ul li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    list-style: none;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer
}

.banner-solarland2 .section .banner ul li.active {
    width: 30px;
    background-color: #2c508c
}

.banner-solarland2 .focus {
    display: none
}

.banner-solarland2 .banner {
    display: block
}

.banner-solarland2 .focus {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.banner-solarland2 .focus .hd {
    width: 100%;
    height: 11px;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    text-align: center
}

.banner-solarland2 .focus .hd ul {
    display: inline-block;
    height: 10px;
    padding: 3px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0;
    vertical-align: top
}

.banner-solarland2 .focus .hd ul li {
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #8c8c8c;
    margin: 0 5px;
    vertical-align: top;
    overflow: hidden
}

.banner-solarland2 .focus .hd ul .on {
    background: #2c508c;
    width: 10px
}

.banner-solarland2 .focus .bd {
    position: relative;
    z-index: 0
}

.banner-solarland2 .focus .bd li {
    position: relative;
    display: none
}

.banner-solarland2 .focus .bd li strong {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 50%;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 1.8em
}

.banner-solarland2 .focus .bd li img {
    max-width: 100%
}

.banner-solarland2 .focus .bd li a {
    -webkit-tap-highlight-color: transparent
}

@media screen and (max-width: 720px) {
    .banner-solarland2 .banner {
        display:none
    }

    .banner-solarland2 .focus {
        display: block
    }
}

.banner-sub .section {
    color: #fff;
    clear: both
}

.banner-sub .section-container {
    max-width: none;
    text-align: center;
    background-color: transparent;
    padding: 0
}

.banner-sub .section-mask {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3)
}

.banner-sub .section-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center
}

.banner-sub .section-content {
    position: relative;
    z-index: 3;
    min-height: 66px;
    font-size: 30px;
    font-weight: bold;
    text-align: center
}

.banner-sub .section-content p,.banner-sub .section-content span {
    display: inline-block;
    vertical-align: middle;
    line-height: 100%
}

.banner-sub .section-content span {
    height: 100%
}

.banner-sub .section-content small {
    color: #eee;
    font-size: 16px;
    font-weight: normal
}

.banner-sub-channelList .section {
    color: #fff;
    clear: both
}

.banner-sub-channelList .section-container {
    max-width: none;
    text-align: center;
    background-color: transparent;
    padding: 0;
    overflow: hidden
}

.banner-sub-channelList .section-mask {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3)
}

.banner-sub-channelList .section-bg {
    /* position: absolute; */
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    /* right: 0;
    bottom: 0; */
    background-repeat: no-repeat;
    background-position: center center
}

.banner-sub-channelList .section-content {
    position: relative;
    z-index: 3;
    min-height: 66px;
    font-size: 30px;
    font-weight: bold;
    text-align: center
}

.banner-sub-channelList .section-content p,.banner-sub-channelList .section-content span {
    display: inline-block;
    vertical-align: middle;
    line-height: 100%
}

.banner-sub-channelList .section-content span {
    height: 100%
}

.banner-sub-channelList .section-content small {
    color: #eee;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 5px;
    border-bottom: 2px solid #fff
}

.banner-sub-channelList .subBannerChannelBox {
    width: 100%;
    max-width: 1200px;
    text-align: center;
    margin: auto;
    margin-top: 50px
}

.banner-sub-channelList .subBannerChannelBox ul {
    padding: 0;
    margin: 0
}

.banner-sub-channelList .subBannerChannelBox li {
    display: inline-block;
    padding: 5px 30px;
    margin: 0px 5px;
    background: #fff;
    color: #333;
    border-radius: 10px;
    font-size: 14px;
    font-weight: normal;
    transition: all 0.3s
}

.banner-sub-channelList .subBannerChannelBox li.active {
    background: #df0d0e;
    color: #fff
}

.banner-sub-channelList .subBannerChannelBox li.active a:link,.banner-sub-channelList .subBannerChannelBox li.active a:visited {
    color: #fff
}

.banner-sub-channelList .subBannerChannelBox li:hover {
    background: #df0d0e
}

.banner-sub-channelList .subBannerChannelBox li:hover a {
    color: #fff
}

.banner-sub-channelList .subBannerChannelBox2 li {
    padding: 0
}

.banner-sub-channelList .subBannerChannelBox2 li a {
    display: block;
    padding: 5px 30px
}

.banner-unslider img {
    max-width: 100%
}

.banner-unslider li,.banner-unslider ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.banner-unslider .unslider {
    overflow: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.banner-unslider .unslider-wrap {
    position: relative
}

.banner-unslider .unslider-wrap.unslider-carousel li {
    float: left
}

.banner-unslider .unslider-vertical>ul {
    height: 100%
}

.banner-unslider .unslider-vertical li {
    float: none;
    width: 100%
}

.banner-unslider .unslider-fade {
    position: relative
}

.banner-unslider .unslider-fade .unslider-wrap li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 8
}

.banner-unslider .unslider-fade .unslider-wrap li.unslider-active {
    z-index: 10
}

.banner-unslider .unslider li,.banner-unslider .unslider ol,.banner-unslider .unslider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none
}

.banner-unslider .unslider-arrow {
    position: absolute;
    left: 100px;
    transition: 0.3s;
    z-index: 2;
    cursor: pointer;
    top: 50%;
    margin-top: -62px;
    color: #fff;
    background-color: rgba(0,0,0,0.2);
    border-radius: 10px;
    padding: 30px 0
}

.banner-unslider .unslider-arrow.next {
    left: auto;
    right: 100px
}

.banner-unslider .unslider-arrow:hover {
    background-color: rgba(0,0,0,0.6)
}

.banner-unslider .unslider li {
    position: relative;
    color: #fff
}

.banner-unslider .unslider li div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: center;
    font-size: 30px
}

.banner-unslider .unslider li div span,.banner-unslider .unslider li div i {
    display: inline-block;
    vertical-align: middle;
    line-height: 100%
}

.banner-unslider .unslider li div i {
    height: 100%
}

.banner-unslider .unslider-nav ol {
    list-style: none;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px
}

.banner-unslider .unslider-nav ol li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 4px;
    background: transparent;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -999em;
    background-color: #7b9dd6;
    cursor: pointer
}

.banner-unslider .unslider-nav ol li.unslider-active {
    background: #2c508c;
    cursor: default
}

.banner-unslider .banner-mb {
    display: none
}

@media screen and (max-width: 720px) {
    .banner-unslider .unslider-arrow {
        left:10px;
        padding: 0;
        margin-top: -16px
    }

    .banner-unslider .unslider-arrow.next {
        left: auto;
        right: 10px
    }

    .banner-unslider .banner {
        display: none
    }

    .banner-unslider .banner-mb {
        display: block
    }
}

.banner-vegas .section {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    background-color: #fff
}

.banner-vegas .section .banner {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.banner-vegas .section .banner-pc {
    height: 100%;
    width: 100%
}

.banner-vegas .section .banner-mobile {
    display: none;
    width: 100%;
    height: 100%
}

.banner-vegas #section05 {
    position: relative;
    width: 100%;
    height: 100px;
    top: -150px;
    z-index: 2
}

.banner-vegas #section05 a {
    padding-top: 70px;
    height: 40px;
    display: block;
    width: 40px;
    margin: 0 auto
}

.banner-vegas #section05 a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-left: -18px;
    cursor: pointer;
    background-position: center;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    -webkit-animation: sdb05 2s infinite;
    animation: sdb05 2s infinite;
    box-sizing: border-box
}

@-webkit-keyframes sdb05 {
    0% {
        -webkit-transform: rotate(0deg) translate(0,0);
        opacity: 0;
        filter: alpha(opacity=0)
    }

    50% {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    100% {
        -webkit-transform: rotate(0deg) translate(0,30px);
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@keyframes sdb05 {
    0% {
        transform: rotate(0deg) translate(0,0);
        opacity: 0;
        filter: alpha(opacity=0)
    }

    50% {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    100% {
        transform: rotate(0deg) translate(0,30px);
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@media screen and (max-width: 720px) {
    .banner-vegas #section05 {
        height:55px;
        top: -70px
    }
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }

    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }

    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.banner-vegas .waveLine {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45px;
    height: 60px;
    margin: auto
}

.banner-vegas .waveLine .waveBottom {
    background-size: 50% 58px
}

.banner-vegas .waveLine .waveMiddle {
    background-size: 50% 58px
}

.banner-vegas .bg1 {
    z-index: 17
}

.banner-vegas .bg2 {
    z-index: 16
}

.banner-vegas .waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite
}

.banner-vegas .waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite
}

.banner-vegas .waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    margin: auto
}

.banner-vegas .waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px
}

.banner-vegas .bgTop {
    z-index: 15;
    opacity: 0.5
}

.banner-vegas .bgMiddle {
    z-index: 10;
    opacity: 0.75
}

.banner-vegas .bgBottom {
    z-index: 5
}

.banner-vegas .wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom
}

.banner-vegas .waveTop {
    background-size: 50% 100px
}

.banner-vegas .waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.banner-vegas .waveMiddle {
    background-size: 50% 120px
}

.banner-vegas .waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite
}

.banner-vegas .waveBottom {
    background-size: 50% 100px
}

.banner-vegas .waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite
}

@media screen and (max-width: 720px) {
    .banner-vegas .section {
        height:250px
    }

    .banner-vegas .section .banner-mobile {
        display: block
    }

    .banner-vegas .section .banner {
        display: none
    }
}

.banner-video .banner {
    position: relative
}

.banner-video .banner .section {
    position: relative;
    max-height: 700px;
    overflow: hidden;
    background: #000;
    line-height: 0px
}

.banner-video .banner .section .banner-text {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    text-align: center
}

.banner-video .banner .section .banner-text .banner-txt-t {
    font-size: 54px;
    font-weight: bold;
    color: #fff
}

.banner-video .banner .section .banner-text .banner-txt-t2 {
    font-size: 16px;
    color: #ccc;
    margin-top: 50px;
    line-height: 24px
}

.banner-video .banner .section .banner-text .banner-txt-t3 {
    font-size: 24px;
    color: #fff;
    line-height: 32px;
    margin: 30px 0px
}

.banner-video .banner .section .banner-text .bannerBtn {
    font-size: 45px;
    color: #fff;
    height: 80px;
    width: 80px;
    border-radius: 40px;
    border: 1px solid #fff;
    line-height: 80px;
    text-align: center;
    display: block;
    margin: 80px auto;
    cursor: pointer;
    background: rgba(255,255,255,0);
    transition: background-color 0.3s ease-in-out
}

.banner-video .banner .section .banner-text .bannerBtn:hover {
    background: rgba(255,255,255,0.2)
}

.banner-video .banner .section .banner-video {
    width: 100%;
    opacity: 0.5;
    z-index: 1
}

@media screen and (max-width: 900px) {
    .banner-video .banner .section .banner-text .bannerBtn {
        margin:30px auto
    }
}

@media screen and (max-width: 720px) {
    .banner-video .banner .section .banner-text .banner-txt-t {
        font-size:36px
    }

    .banner-video .banner .section .banner-text .bannerBtn {
        display: none
    }
}

@media screen and (max-width: 500px) {
    .banner-video .banner-txt-t2 {
        display:none
    }

    .banner-video .banner .section .banner-text {
        top: 30%
    }

    .banner-video .banner .section .banner-text .banner-txt-t {
        font-size: 30px
    }

    .banner-video .banner .section .banner-text .banner-txt-t3 {
        font-size: 18px
    }
}

@media screen and (max-width: 400px) {
    .banner-video .banner-txt-t2 {
        display:none
    }

    .banner-video .banner .section .banner-text .banner-txt-t {
        font-size: 24px
    }

    .banner-video .banner .section .banner-text .banner-txt-t3 {
        font-size: 14px
    }
}

.banner-wave-ck .fl {
    float: left
}

.banner-wave-ck .fr {
    float: right
}

.banner-wave-ck .section {
    width: 100%;
    height: 100%;
    background-color: #fff
}

.banner-wave-ck .section-container,.banner-wave-ck .banner-pc {
    padding: 0;
    max-width: 100%;
    height: 100%
}

.banner-wave-ck .banner-mobile {
    height: 500px;
    width: 100%;
    display: none
}

.banner-wave-ck .swiper-container {
    width: 100%;
    height: 100%
}

.banner-wave-ck .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-size: auto 100%;
    background-position: center top
}

.banner-wave-ck .swiper-container .title p {
    position: relative;
    padding: 0 30px;
    margin-left: 30px
}

.banner-wave-ck .swiper-container .title p:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    top: 0;
    bottom: 0;
    background: #323232;
    left: 0
}

.banner-wave-ck .swiper-container .title p span {
    display: block;
    font-size: 14px;
    text-align: left;
    color: #323232;
    text-transform: uppercase
}

.banner-wave-ck .swiper-container .title p span.desp {
    font-weight: 700;
    font-size: 48px;
    line-height: 1em
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }

    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }

    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.banner-wave-ck .waveLine {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45px;
    height: 60px;
    margin: auto
}

.banner-wave-ck .waveLine .waveBottom {
    background-size: 50% 58px
}

.banner-wave-ck .waveLine .waveMiddle {
    background-size: 50% 58px
}

.banner-wave-ck .bg1 {
    z-index: 17
}

.banner-wave-ck .bg2 {
    z-index: 16
}

.banner-wave-ck .waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite
}

.banner-wave-ck .waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite
}

.banner-wave-ck .waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    margin: auto
}

.banner-wave-ck .waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px
}

.banner-wave-ck .bgTop {
    z-index: 15;
    opacity: 0.5
}

.banner-wave-ck .bgMiddle {
    z-index: 10;
    opacity: 0.75
}

.banner-wave-ck .bgBottom {
    z-index: 5
}

.banner-wave-ck .wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom
}

.banner-wave-ck .waveTop {
    background-size: 50% 100px
}

.banner-wave-ck .waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.banner-wave-ck .waveMiddle {
    background-size: 50% 120px
}

.banner-wave-ck .waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite
}

.banner-wave-ck .waveBottom {
    background-size: 50% 100px
}

.banner-wave-ck .waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite
}

@media screen and (max-width: 720px) {
    .banner-wave-ck .swiper-container .title p span.desp {
        font-size:24px
    }

    .banner-wave-ck .title img {
        max-width: 80%;
        display: block;
        margin: 30px auto;
        float: none
    }

    .banner-wave-ck .swiper-container .title p span {
        font-size: 12px
    }

    .banner-wave-ck .waveLine .waveBottom {
        background-size: 50% auto
    }

    .banner-wave-ck .waveLine .waveMiddle {
        background-size: 50% auto
    }

    .banner-wave-ck .waveTop {
        background-size: 50% auto
    }

    .banner-wave-ck .waveMiddle {
        background-size: 50% auto
    }

    .banner-wave-ck .waveBottom {
        background-size: 50% auto
    }
}

@media screen and (max-width: 1024px) {
    .banner-wave-ck .banner-pc {
        display:none
    }

    .banner-wave-ck .section,.banner-wave-ck .section-container,.banner-wave-ck .banner-mobile {
        height: 713px;
        display: block
    }
}

@media screen and (max-width: 720px) {
    .banner-wave-ck .section,.banner-wave-ck .section-container,.banner-wave-ck .banner-mobile {
        height:400px
    }

    .banner-wave-ck .swiper-slide {
        background-size: 100% auto
    }
}

@media screen and (max-width: 640px) {
    .banner-wave-ck .section,.banner-wave-ck .section-container,.banner-wave-ck .banner-mobile {
        height:240px
    }
}

.banner_slick_transform ul,.banner_slick_transform li {
    max-width: 100%;
    padding: 0;
    margin: 0
}

.banner_slick_transform .slick-slide {
    background-size: cover
}

.banner_slick_transform .slick-next {
    right: 1%
}

.banner_slick_transform .slick-prev,.banner_slick_transform .slick-next {
    z-index: 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0,0,0,0.1);
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s
}

.banner_slick_transform .slick-prev:hover,.banner_slick_transform .slick-next:hover {
    background: #2c508c;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s
}

.banner_slick_transform img {
    width: 100% !important
}

.banner_slick_transform .banner-pc600>div {
    width: 100% !important
}

.banner_slick_transform .slick-prev {
    left: 25px
}

.banner_slick_transform .slick-next {
    right: 25px
}

.banner_slick_transform .slick-dots li button {
    width: 25px;
    height: 4px;
    padding: 0;
    background: rgba(255,255,255,0.5);
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s
}

.banner_slick_transform .slick-dots li.slick-active button {
    background: #2c508c;
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s
}

.banner_slick_transform .slick-dots li button:before {
    content: '';
    display: none
}

@-webkit-keyframes SlickIn {
    0% {
        -webkit-transform: scale(1.3,1.3)
    }

    100% {
        -webkit-transform: scale(1,1)
    }
}

@-webkit-keyframes SlickOut {
    0% {
        -webkit-transform: scale(1,1)
    }

    100% {
        -webkit-transform: scale(0.7,0.7)
    }
}

@keyframes SlickIn {
    0% {
        transform: scale(1.3,1.3)
    }

    100% {
        transform: scale(1,1)
    }
}

@keyframes SlickOut {
    0% {
        transform: scale(1,1)
    }

    100% {
        transform: scale(0.7,0.7)
    }
}

@media (min-width: 768px) {
    .banner_slick_transform .met-banner .slick-slide {
        -webkit-animation:SlickOut cubic-bezier(1,0,0.5,0.5) 1s;
        animation: SlickOut cubic-bezier(1,0,0.5,0.5) 1s
    }

    .banner_slick_transform .met-banner .slick-current {
        width: 100%;
        height: 100% !important;
        -webkit-animation: SlickIn cubic-bezier(1,0,0.5,0.5) 1s;
        animation: SlickIn cubic-bezier(1,0,0.5,0.5) 1s
    }

    .banner_slick_transform #mb-banner .slick-slide {
        -webkit-animation: SlickOut cubic-bezier(1,0,0.5,0.5) 1s;
        animation: SlickOut cubic-bezier(1,0,0.5,0.5) 1s
    }

    .banner_slick_transform #mb-banner .slick-current {
        width: 100%;
        height: 100% !important;
        -webkit-animation: SlickIn cubic-bezier(1,0,0.5,0.5) 1s;
        animation: SlickIn cubic-bezier(1,0,0.5,0.5) 1s
    }
}

.banner_slick_transform #mb-banner {
    display: none !important
}

@media screen and (max-width: 720px) {
    .banner_slick_transform .met-banner {
        display:none !important
    }

    .banner_slick_transform #mb-banner {
        display: block !important
    }
}

.case-ck-detail .fl {
    float: left
}

.case-ck-detail .fr {
    float: right
}

.case-ck-detail .section {
    position: relative;
    background: transparent
}

.case-ck-detail .section-container {
    padding: 50px 0
}

.case-ck-detail .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.case-ck-detail .main-tit {
    text-align: center
}

.case-ck-detail .main-tit h2 {
    font-size: 30px;
    color: #2c508c;
    line-height: 1em;
    margin: 0px auto 10px
}

.case-ck-detail .main-tit span {
    font-size: 12px;
    color: #9c9c9c
}

.case-ck-detail .main-tit p {
    font-size: 16px;
    color: #9c9c9c
}

.case-ck-detail .next {
    padding: 30px 0 60px;
    margin-top: 45px;
    overflow: hidden;
    border-top: 1px solid #eee
}

.case-ck-detail .news-contents {
    margin: 10px 0 0;
    padding: 0 5px
}

.case-ck-detail .contents-rounds a {
    display: inline-block
}

.case-ck-detail .contents-rounds .at {
    width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.case-ck-detail .contents-rounds .at.nxt {
    text-align: right
}

.case-ck-detail .contents-rounds .fanhui {
    width: 10%;
    text-align: center
}

.case-ck-detail .contents-rounds .at a,.case-ck-detail .contents-rounds .fanhui a {
    color: #a6a6a6;
    transition: 0.3s;
    padding: 5px 0;
    border-bottom: 1px solid #d1d1d1
}

.case-ck-detail .contents-rounds .at a:hover,.case-ck-detail .contents-rounds .fanhui a:hover {
    color: #2c508c
}

.case-ck-detail .section .pagination {
    margin-top: 60px
}

.case-ck-detail .section .pagination li {
    background: #fffffa
}

.case-ck-detail .section .pagination li a {
    color: #666;
    border: 1px solid #fffffa
}

.case-ck-detail .section .pagination li.active {
    background: #2c508c
}

.case-ck-detail .section .pagination li a.selected {
    color: #fff;
    border: 1px solid #2c508c
}

.case-ck-detail .section_bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.case-ck-detail .section {
    position: relative
}

.case-ck-detail .section-container {
    position: relative;
    z-index: 1
}

.case-ck-detail .section-container .main-ft {
    overflow: hidden;
    border-radius: 10px;
    margin-top: 60px
}

.case-ck-detail .section-container .main-ft .content-top {
    overflow: hidden
}

.case-ck-detail .section-container .main-ft .content-top .intro {
    width: 50%;
    padding: 30px
}

.case-ck-detail .section-container .main-ft .content-top .intro h4 {
    font-size: 24px;
    color: #2c508c;
    margin-bottom: 25px
}

.case-ck-detail .section-container .main-ft .content-top .intro p {
    line-height: 2em;
    color: #a6a6a6
}

.case-ck-detail .section-container .main-ft .content-top .first-img {
    width: 50%
}

.case-ck-detail .section-container .main-ft .content-bottom {
    overflow: hidden
}

.case-ck-detail .section-container .main-ft .content-bottom .list {
    overflow: hidden
}

.case-ck-detail .section-container .main-ft .content-bottom .list .img {
    width: 33.0333%;
    float: left;
    margin: 0.3% 0;
    margin-right: 0.3%
}

.case-ck-detail .section-container .main-ft .content-bottom .list .img:nth-of-type(3n) {
    margin-right: 0
}

.case-ck-detail .section .section-bg {
    position: absolute;
    background-position: center;
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

@media screen and (max-width: 960px) {
    .case-ck-detail .section-container .main-ft .content-top .intro {
        width:100%;
        float: none
    }

    .case-ck-detail .section-container .main-ft .content-top .intro h4 {
        font-size: 24px;
        color: #2c508c;
        margin-bottom: 25px
    }

    .case-ck-detail .section-container .main-ft .content-top .intro p {
        line-height: 2em;
        color: #a6a6a6
    }

    .case-ck-detail .section-container .main-ft .content-top .first-img {
        width: 100%;
        float: none
    }

    .case-ck-detail .section-container .main-ft .content-bottom .list .img {
        width: 49%;
        margin: 2% 0;
        margin-right: 2%;
        float: left
    }

    .case-ck-detail .section-container .main-ft .content-bottom .list .img:nth-of-type(2n) {
        margin-right: 0
    }

    .case-ck-detail .section-container .main-ft .content-bottom .list .img:nth-of-type(3n) {
        margin-right: 2%
    }
}

@media screen and (max-width: 720px) {
    .case-ck-detail .contents-rounds .at,.case-ck-detail .contents-rounds .at.nxt,.case-ck-detail .contents-rounds .fanhui {
        float:none;
        width: 100%;
        display: block;
        text-align: left
    }

    .case-ck-detail .main-tit h2 {
        font-size: 26px
    }
}

@media screen and (max-width: 640px) {
    .case-ck-detail .section-container .main-ft {
        padding:30px 20px
    }

    .case-ck-detail .section-container .main-ft .content-top .intro {
        padding: 10px
    }

    .case-ck-detail .section-container .main-ft .content-bottom .list .img {
        width: 98%;
        margin: 1% 0;
        margin-right: 1%;
        float: none;
        text-align: center
    }

    .case-ck-detail .section-container .main-ft .content-bottom .list .img img {
        display: inline-block
    }

    .case-ck-detail .section-container .main-ft .content-bottom .list .img:nth-of-type(2n) {
        margin-right: 1%
    }

    .case-ck-detail .section-container .main-ft .content-bottom .list .img:nth-of-type(3n) {
        margin-right: 1%
    }
}

.case-gallery-section .full {
    width: 100%
}

.case-gallery-section .inner {
    padding: 2em 0
}

.case-gallery-section #primary {
    width: 100%
}

.case-gallery-section #primary.have-sidebar {
    width: 71%
}

.case-gallery-section #primary.fr {
    padding-left: 5%
}

.case-gallery-section #primary.fl {
    padding-right: 5%
}

.case-gallery-section #secondary {
    width: 29%
}

.case-gallery-section .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.case-gallery-section img {
    max-width: 100%
}

.case-gallery-section ul,.case-gallery-section ol,.case-gallery-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

.case-gallery-section .fl {
    float: left
}

.case-gallery-section .fr {
    float: right
}

.case-gallery-section .show {
    display: block
}

.case-gallery-section .hide {
    display: none
}

.case-gallery-section .clearfix {
    clear: both;
    zoom:1}

.case-gallery-section .section .main-tit {
    margin-bottom: 30px;
    text-align: center
}

.case-gallery-section .section .main-tit h2 {
    font-size: 24px;
    color: #2c508c;
    font-weight: 300
}

.case-gallery-section .section .main-tit span {
    display: block;
    color: #9c9c9c;
    text-transform: capitalize;
    font-size: 14px
}

.case-gallery-section .section .galleries {
    margin-top: 60px
}

.case-gallery-section .section .galleries ul {
    overflow: hidden
}

.case-gallery-section .section .galleries ul li {
    float: left;
    width: 29.33333%;
    margin-bottom: 30px;
    margin-right: 6%;
    box-shadow: 5px 5px 10px 1px #f3f3f3
}

.case-gallery-section .section .galleries ul li:hover {
    box-shadow: 5px 5px 10px 1px #d8d8d8
}

.case-gallery-section .section .galleries ul li:nth-of-type(3n) {
    margin-right: 0
}

.case-gallery-section .section .galleries ul li a {
    display: block;
    overflow: hidden;
    padding: 10px;
    line-height: 0
}

.case-gallery-section .section .galleries ul li a {
    outline: none
}

.case-gallery-section .section .galleries ul li a img {
    transition: 0.3s
}

.case-gallery-section .section .galleries ul li a:hover img {
    transform: scale(1.1)
}

@media screen and (max-width: 720px) {
    .case-gallery-section .section .galleries ul li {
        width:48%;
        margin-right: 4%
    }

    .case-gallery-section .section .galleries ul li:nth-of-type(3n) {
        margin-right: 4%
    }

    .case-gallery-section .section .galleries ul li:nth-of-type(2n) {
        margin-right: 0
    }
}

.case-list-ck .section {
    position: relative
}

.case-list-ck .section-container {
    position: relative;
    z-index: 1
}

.case-list-ck .section-container .main-tit {
    margin: 30px auto
}

.case-list-ck .section-container .main-tit h2 {
    font-size: 24px;
    color: #333;
    text-align: center
}

.case-list-ck .section-container .main-tit span {
    text-align: center;
    display: block;
    margin: 0 auto;
    color: #9c9c9c
}

.case-list-ck .section-container .main-tit p {
    color: #737373;
    text-align: center
}

.case-list-ck .section-content .list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden;
    padding: 40px 30px
}

.case-list-ck .section-content a:hover,.case-list-ck .section-content a:focus {
    text-decoration: none
}

.case-list-ck .section-content .list li {
    float: left;
    width: 29.333%;
    margin-right: 6%;
    margin-bottom: 40px;
    background: #fff
}

.case-list-ck .section-content .list li:nth-of-type(3n) {
    margin-right: 0px
}

.case-list-ck .section-content .list li a {
    display: block;
    width: 100%
}

.case-list-ck .section-content .list li .img {
    width: 100%;
    overflow: hidden
}

.case-list-ck .section-content .list li img {
    max-width: 100%
}

.case-list-ck .section-content .list li .list-tit {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    color: #333;
    line-height: 1.8em;
    transition: 0.3s;
    padding: 15px 0 0
}

.case-list-ck .section-content .list li span.date {
    color: #999;
    font-size: 12px
}

.case-list-ck .section-content .list li .desc {
    color: #888;
    padding: 15px 0;
    position: relative;
    margin-top: 15px;
    height: 85px;
    overflow: hidden
}

.case-list-ck .section-content .list li .desc:before,.case-list-ck .section-content .list li .desc:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    content: '';
    height: 1px;
    background: #eee
}

.case-list-ck .section-content .list li .desc:before {
    width: 0;
    background: #2c508c;
    transition: 0.3s;
    z-index: 5
}

.case-list-ck .section-content .list li:hover .list-tit {
    color: #2c508c
}

.case-list-ck .section-content .list li:hover .desc:before {
    width: 100%
}

.case-list-ck .section-content .news-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.case-list-ck .section-content .news-list li {
    overflow: hidden;
    padding: 0 20px;
    border-bottom: 1px dashed #eee;
    background: #fff;
    transition: 0.3s
}

.case-list-ck .section-content .news-list li a {
    display: block;
    line-height: 45px;
    height: 45px
}

.case-list-ck .section-content .news-list li span {
    color: #666;
    transition: 0.3s
}

.case-list-ck .section-content .news-list li span.list-tit {
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.case-list-ck .section-content .news-list li:hover {
    background: #f5f5f5
}

.case-list-ck .section-content .news-list li:hover span.list-tit {
    color: #2c508c
}

.case-list-ck .section-content .news-list li span.date {
    color: #bbb
}

.case-list-ck .section .section-bgcol {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.case-list-ck .fl {
    float: left
}

.case-list-ck .fr {
    float: right
}

@media screen and (max-width: 1024px) {
    .case-list-ck .section-content .list li {
        width:47%;
        margin-right: 6%;
        margin-bottom: 30px
    }

    .case-list-ck .section-content .list li:nth-of-type(2) {
        margin-right: 0
    }

    .case-list-ck .section-container .main-tit {
        margin: 10px auto
    }
}

@media screen and (max-width: 960px) {
    .case-list-ck .section-container .main-tit {
        margin:0px auto
    }
}

@media screen and (max-width: 480px) {
    .case-list-ck .section-content .list li {
        width:98%;
        margin: 20px 1%
    }

    .case-list-ck .section-content .list li:nth-of-type(2) {
        margin: 20px 2%
    }
}

.channel-list-team .section {
    position: relative
}

.channel-list-team .section-container {
    padding: 50px 0;
    max-width: 1200px;
    margin: auto;
    overflow: hidden
}

.channel-list-team .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.channel-list-team h3 {
    text-align: center;
    color: #575757;
    font-size: 30px;
    font-weight: normal
}

.channel-list-team span {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #777;
    font-size: 16px
}

.channel-list-team ul.list {
    margin-top: 50px;
    overflow: hidden;
    padding: 0px
}

.channel-list-team ul.list li {
    width: 25%;
    padding: 20px;
    float: left;
    list-style-type: none;
    box-sizing: border-box
}

.channel-list-team .listbox {
    border: 1px solid #ccc;
    display: block;
    background: #fff
}

.channel-list-team .section-container {
    max-width: 1200px;
    margin: auto
}

.channel-list-team i {
    display: block;
    height: 2px;
    width: 40px;
    margin: 15px auto;
    background: #aaa
}

.channel-list-team strong {
    box-sizing: border-box;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 20px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    word-break: break-all;
    color: #575757;
    margin-top: 10px
}

.channel-list-team p {
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: 30px;
    text-align: center;
    color: #777;
    font-size: 14px;
    line-height: 24px;
    min-height: 90px;
    height: 90px;
    max-height: 90px;
    display: block;
    overflow: hidden
}

.channel-list-team label {
    display: block
}

.channel-list-team label,.channel-list-team img {
    width: 100%;
    overflow: hidden
}

.channel-list-team img {
    transition: all 0.3s ease-in-out
}

.channel-list-team a:link {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    cursor: pointer
}

.channel-list-team a:hover {
    background: #222;
    transition: all 0.3s ease-in-out
}

.channel-list-team a:hover strong {
    color: #fff
}

.channel-list-team a:hover p {
    color: #e5e5e5
}

.channel-list-team a:hover img {
    transform: scale(1.2);
    transition: all 0.3s ease-in-out
}

.channel-list-team .line {
    padding: 20px 20px 0px
}

.channel-list-team .line em {
    display: block;
    height: 1px;
    background: #aaa
}

.channel-list-team ul.pagination li a:hover,.channel-list-team ul.pagination li a.selected {
    background: #2c508c;
    color: #fff
}

@media screen and (max-width: 900px) {
    .channel-list-team ul.list li {
        width:33.33%
    }
}

@media screen and (max-width: 690px) {
    .channel-list-team ul.list li {
        width:50%
    }
}

@media screen and (max-width: 450px) {
    .channel-list-team ul.list li {
        width:100%
    }
}

.channel_random_four .fl {
    float: left
}

.channel_random_four .fr {
    float: right
}

.channel_random_four .full {
    width: 100%
}

.channel_random_four .show {
    display: block
}

.channel_random_four .hide {
    display: none
}

.channel_random_four .clearfix {
    clear: both;
    zoom:1}

.channel_random_four ul,.channel_random_four li {
    margin: 0;
    padding: 0;
    list-style: none
}

.channel_random_four .section {
    position: relative
}

.channel_random_four .section-container {
    padding: 50px 0
}

.channel_random_four .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.channel_random_four .main-title {
    margin-bottom: 40px;
    text-align: center
}

.channel_random_four .main-title .title {
    font-size: 30px;
    font-weight: 700;
    color: #444
}

.channel_random_four .main-title .title span {
    padding-left: 5px;
    font-size: 20px;
    font-weight: 100;
    color: #666;
    text-transform: uppercase
}

.channel_random_four .flgr-product-box ul {
    overflow: hidden;
    padding: 20px;
    margin: -20px
}

.channel_random_four .flgr-product-box ul li {
    float: left;
    width: 19%;
    margin-left: 1%;
    margin-top: 15px;
    padding: 0 0 20px;
    position: relative;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1)
}

.channel_random_four .flgr-product-box ul li a {
    display: block;
    padding: 10px
}

.channel_random_four .flgr-product-box ul li a img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 10px 10px 0 0;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s
}

.channel_random_four .flgr-product-box ul li a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70)
}

.channel_random_four .flgr-product-box ul li p {
    margin: 40px 0 0 20px;
    line-height: 18px;
    font-size: 16px;
    color: #bcbcbc;
    border-left: 1px solid #aeaeae
}

.channel_random_four .flgr-product-box ul li h6 {
    border-left: 1px solid #aeaeae;
    line-height: 14px;
    font-size: 14px;
    padding: 10px 0 0 0;
    color: #bcbcbc;
    margin: 0;
    margin-left: 20px
}

.channel_random_four .flgr-product-box ul li p,.channel_random_four .flgr-product-box ul li h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.channel_random_four .flgr-product-box ul li p i,.channel_random_four .flgr-product-box ul li h6 i {
    padding: 0 10px
}

@media screen and (max-width: 1200px) {
    .channel_random_four .flgr-product-box ul li h6 {
        border-left:1px solid #aeaeae;
        line-height: 22px;
        font-size: 14px
    }
}

@media screen and (max-width: 720px) {
    .channel_random_four .flgr-product-box ul li p i,.channel_random_four .flgr-product-box ul li h6 i {
        padding:0 5px
    }

    .channel_random_four .flgr-product-box ul {
        overflow: hidden;
        padding: 0px
    }

    .channel_random_four .flgr-product-box ul li {
        float: left;
        width: 48%;
        margin: 10px 0;
        margin-right: 4%
    }

    .channel_random_four .flgr-product-box ul li:nth-of-type(2n) {
        margin-right: 0
    }

    .channel_random_four .main-title {
        margin-bottom: 30px
    }

    .channel_random_four .section-container {
        padding: 30px 20px
    }
}

.channel_random_one .section {
    position: relative
}

.channel_random_one .section-container {
    padding: 50px 0
}

.channel_random_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.channel_random_one img {
    max-width: 100%;
    display: inline-block
}

.channel_random_one ul,.channel_random_one li {
    list-style: none;
    padding: 0;
    margin: 0
}

.channel_random_one .main-title {
    margin-bottom: 4%;
    text-align: center
}

.channel_random_one .main-title .title {
    font-size: 20px;
    color: #666
}

.channel_random_one .main-title .subtitle {
    font-size: 14px;
    color: #999
}

.channel_random_one .list {
    overflow: hidden;
    padding: 20px;
    margin-right: -20px;
    margin-left: -20px
}

.channel_random_one .list li {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    float: left;
    width: 48%;
    margin-right: 4%;
    padding: 36px;
    border-bottom: 1px solid #ddd
}

.channel_random_one .list li:nth-of-type(2n) {
    margin-right: 0
}

.channel_random_one .list li:last-of-type(1),.channel_random_one .list li:last-of-type(2) {
    border: 0
}

.channel_random_one .list li .title {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
    word-break: break-all
}

.channel_random_one .list li .title span {
    width: 100px;
    float: right;
    font-size: 16px;
    color: #999;
    line-height: 1
}

.channel_random_one .list li .para {
    margin-top: 1.666%;
    font-size: 13px;
    color: #878787;
    line-height: 1.7
}

.channel_random_one .list li:hover {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2)
}

@media screen and (max-width: 720px) {
    .channel_random_one .section-container {
        padding:30px 20px
    }

    .channel_random_one .main-title {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 540px) {
    .channel_random_one .main-title {
        margin-bottom:0px
    }

    .channel_random_one .list li {
        margin: 0px auto 10px;
        width: 100%;
        padding: 15px;
        padding-bottom: 25px
    }
}

.channel_random_third .section {
    position: relative
}

.channel_random_third .section-container {
    max-width: 100%;
    width: 100%;
    padding: 50px 0;
    overflow: hidden
}

.channel_random_third .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.channel_random_third .fr {
    float: right
}

.channel_random_third .fl {
    float: left
}

.channel_random_third .main-title {
    text-transform: uppercase;
    width: 24%
}

.channel_random_third .main-title .title {
    color: #fff;
    font-size: 68px;
    font-weight: 700;
    line-height: 1.5em
}

.channel_random_third .main-title .subtitle {
    font-size: 20px;
    color: #fff
}

.channel_random_third .slider {
    width: 75%
}

.channel_random_third .slick-next {
    right: auto;
    left: -20%
}

.channel_random_third .slick-prev {
    left: -25%
}

.channel_random_third .slick-next,.channel_random_third .slick-prev {
    border: 1px solid #fff;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%
}

.channel_random_third .slick-prev:before,.channel_random_third .slick-next:before {
    font-size: 17px;
    line-height: 30px
}

.channel_random_third .words {
    padding: 35px;
    background: transparent;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s
}

.channel_random_third .words .title {
    position: relative;
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px
}

.channel_random_third .words .subtitle {
    color: rgba(255,255,255,0.7);
    font-size: 14px
}

.channel_random_third .slider .slick-slide {
    cursor: pointer
}

.channel_random_third .slider .slick-slide .words .title:after {
    position: absolute;
    content: '→';
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    top: 20px;
    right: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s
}

.channel_random_third .slider .slick-slide:hover .words {
    background: #2f2f2f
}

.channel_random_third .slider .slick-slide:hover .words .title:after {
    filter: alpha(opacity=100);
    opacity: 1
}

.channel_random_third .slider .slick-slide:hover .padding-wrapper {
    border: 0
}

.channel_random_third .slider .slick-slide .padding {
    padding: 3%
}

.channel_random_third .slider .slick-slide .padding-wrapper {
    border: 1px solid rgba(255,255,255,0.2)
}

.channel_random_third img {
    max-width: 100%
}

@media screen and (max-width: 1024px) {
    .channel_random_third .main-title {
        width:100%;
        margin-bottom: 40px
    }

    .channel_random_third .slider {
        width: 100%
    }
}

@media screen and (max-width: 720px) {
    .channel_random_third .section-container {
        padding:30px 20px
    }

    .channel_random_third .main-title {
        margin-bottom: 30px
    }

    .channel_random_third .main-title .title {
        font-size: 30px
    }

    .channel_random_third .main-title .subtitle {
        font-size: 17px
    }
}

.channel_random_three .fl {
    float: left
}

.channel_random_three .fr {
    float: right
}

.channel_random_three img {
    max-width: 100%
}

.channel_random_three ul,.channel_random_three li {
    list-style: none;
    margin: 0;
    padding: 0
}

.channel_random_three .section {
    position: relative
}

.channel_random_three .section-container {
    padding: 50px 0
}

.channel_random_three .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.channel_random_three .main-title {
    position: relative;
    margin-bottom: 60px
}

.channel_random_three .main-title .title {
    line-height: 1em;
    font-size: 24px;
    color: #2c508c
}

.channel_random_three .main-title .title em {
    font-style: normal;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #2c508c;
    position: relative;
    top: 2px;
    margin-right: 2px
}

.channel_random_three .main-title .subtitle {
    font-size: 18px;
    font-weight: 100;
    color: #9c9c9c
}

.channel_random_three .main-title .href {
    position: absolute;
    right: 0;
    bottom: 5px
}

.channel_random_three .main-title .href a {
    font-size: 14px;
    color: #2c508c;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.channel_random_three .main-title .href a:hover {
    text-decoration: underline;
    font-weight: 700
}

.channel_random_three .main-content ul li {
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    border: 1px solid #e5e5e5;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    padding: 20px 60px 15px;
    margin-bottom: 24px
}

.channel_random_three .main-content ul li:last-of-type {
    margin-bottom: 0
}

.channel_random_three .main-content ul li a {
    font-size: 36px;
    font-weight: 700;
    color: #2c508c
}

.channel_random_three .main-content .date {
    font-size: 16px;
    font-weight: 700;
    color: #2c508c;
    float: left;
    width: 13%
}

.channel_random_three .main-content .date .day {
    font-size: 36px;
    color: #2c508c;
    display: block;
    line-height: 1em
}

.channel_random_three .main-content .img {
    float: left;
    width: 15%;
    overflow: hidden
}

.channel_random_three .main-content .img img {
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s
}

.channel_random_three .main-content .words {
    float: right;
    width: 66%;
    padding-right: 80px;
    position: relative
}

.channel_random_three .main-content .words .title {
    margin-bottom: 17px;
    font-size: 20px;
    font-weight: 700;
    color: #3866b3
}

.channel_random_three .main-content .words .para {
    color: #737373;
    line-height: 1.8em;
    font-size: 14px;
    font-weight: 100
}

.channel_random_three .main-content .points {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1.5px
}

.channel_random_three .main-content .points span {
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #999;
    margin: 0
}

.channel_random_three .main-content ul li:hover {
    border: 3px solid #2c508c
}

.channel_random_three .main-content li:hover .img img {
    transform: scale(1.1)
}

@media screen and (max-width: 1024px) {
    .channel_random_three .main-content .date {
        width:11%
    }

    .channel_random_three .main-content .img {
        width: 20%
    }

    .channel_random_three .main-content .words {
        width: 65%;
        padding-right: 60px
    }
}

@media screen and (max-width: 960px) {
    .channel_random_three .main-content ul li {
        padding:20px
    }

    .channel_random_three .main-content .date {
        font-size: 14px;
        width: auto;
        margin-right: 20px
    }

    .channel_random_three .main-content .date .day {
        font-size: 25px
    }
}

@media screen and (max-width: 720px) {
    .channel_random_three .section-container {
        padding:40px 20px
    }

    .channel_random_three .main-title {
        margin-bottom: 30px
    }

    .channel_random_three .main-content .date,.channel_random_three .main-content .img,.channel_random_three .main-content .words {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }

    .channel_random_three .main-content .words {
        margin-bottom: 0;
        padding-right: 0
    }

    .channel_random_three .main-content .words .title {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 300
    }

    .channel_random_three .points {
        display: none
    }

    .channel_random_three .main-content ul {
        overflow: hidden
    }

    .channel_random_three .main-content ul li {
        padding: 20px;
        float: left;
        width: 48%;
        margin-right: 4%
    }

    .channel_random_three .main-content ul li:nth-of-type(2n) {
        margin-right: 0
    }

    .channel_random_three .main-content ul li:hover {
        border: 1px solid #e5e5e5
    }
}

@media screen and (max-width: 480px) {
    .channel_random_three .main-content ul li {
        padding:30px 20px;
        float: none;
        width: 100%;
        margin-right: 0
    }
}

.channel_random_two .fl {
    float: left
}

.channel_random_two .fr {
    float: right
}

.channel_random_two img {
    max-width: 100%
}

.channel_random_two .section {
    position: relative
}

.channel_random_two .section-container {
    padding: 50px 0;
    width: 1200px;
    max-width: 100%
}

.channel_random_two .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.channel_random_two .main-title {
    position: relative;
    text-align: center;
    font-weight: 700;
    margin-bottom: 60px;
    margin-top: 60px
}

.channel_random_two .main-title .title {
    font-size: 38px;
    color: #2c508c;
    text-transform: uppercase;
    line-height: 1em
}

.channel_random_two .main-title em {
    font-style: normal;
    font-size: 44px;
    color: #2c508c
}

.channel_random_two .main-title .subtitle {
    font-size: 25px;
    text-transform: uppercase;
    color: #9c9c9c;
    margin-top: 10px
}

.channel_random_two .main-content {
    padding: 75px 0
}

.channel_random_two .main-content .section-container {
    padding: 0
}

.channel_random_two .main-content p {
    color: rgba(255,255,255,0.5);
    text-align: center
}

.channel_random_two .main-content p.p {
    margin: 0px auto 90px;
    width: 813px;
    line-height: 2em;
    max-width: 100%
}

.channel_random_two .main-content {
    position: relative;
    width: 100%
}

.channel_random_two .content-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.channel_random_two .content-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.channel_random_two .main-content .title {
    height: 65px;
    line-height: 65px;
    color: rgba(255,255,255,0.5);
    font-size: 20px;
    border: 1px solid #5580c9;
    border-top: 0;
    text-align: center;
    background: transparent;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.channel_random_two .multiple-items .slick-slide {
    cursor: pointer;
    margin: 0 20px
}

.channel_random_two .slick-slide:hover .title {
    background: #2c508c;
    color: #fff
}

.channel_random_two .slick-prev:before,.channel_random_two .slick-next:before {
    color: #000;
    opacity: 1;
    filter: alpha(opacity=100)
}

.channel_random_two .slick-prev,.channel_random_two .slick-next {
    position: absolute;
    bottom: -50px;
    top: auto;
    z-index: 2
}

.channel_random_two .slick-prev {
    left: 47.5%
}

.channel_random_two .slick-next {
    right: 47.5%
}

@media screen and (max-width: 720px) {
    .channel_random_two .slick-prev,.channel_random_two .slick-next {
        position:absolute;
        top: 50%;
        bottom: auto;
        margin-top: -10px
    }

    .channel_random_two .slick-prev {
        left: 20px
    }

    .channel_random_two .slick-next {
        right: 20px
    }

    .channel_random_two .main-title {
        margin-top: 45px;
        margin-bottom: 30px
    }

    .channel_random_two .p {
        padding: 0 20px
    }

    .channel_random_two .main-content {
        padding: 40px 0
    }

    .channel_random_two .main-content .title {
        font-size: 14px;
        height: 40px;
        line-height: 40px
    }
}

.chuancha_model_one .fl {
    float: left
}

.chuancha_model_one .fr {
    float: right
}

.chuancha_model_one ul,.chuancha_model_one li {
    padding: 0;
    margin: 0;
    list-style: none
}

.chuancha_model_one img {
    display: inline-block;
    max-width: 100%
}

.chuancha_model_one .section {
    position: relative
}

.chuancha_model_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.chuancha_model_one .section-container {
    max-width: 100%;
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0
}

.chuancha_model_one .main-title {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 100px;
    font-weight: 700
}

.chuancha_model_one .main-title .title {
    font-size: 17px;
    color: #424242;
    line-height: 1.5em
}

.chuancha_model_one .main-title .subtitle {
    color: #2f2f2f;
    font-size: 30px
}

.chuancha_model_one .main-title em {
    font-style: normal;
    margin-right: 8px;
    color: #9a9a9a
}

.chuancha_model_one .main-content .list {
    overflow: hidden
}

.chuancha_model_one .main-content .list li {
    cursor: pointer;
    padding: 60px 20px;
    color: #363636;
    text-align: center;
    width: 23.5%;
    margin-right: 2%;
    float: left;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    background: transparent
}

.chuancha_model_one .main-content .list li:last-child {
    margin-right: 0
}

.chuancha_model_one .main-content .list li .icon {
    height: 75px;
    line-height: 75px;
    margin-bottom: 65px
}

.chuancha_model_one .main-content .list li img {
    vertical-align: middle
}

.chuancha_model_one .main-content .list li .imgh {
    display: none
}

.chuancha_model_one .main-content .list li .img {
    display: inline-block
}

.chuancha_model_one .main-content .list li .title {
    margin-bottom: 30px;
    position: relative;
    font-size: 18px;
    padding-bottom: 30px
}

.chuancha_model_one .main-content .list li .title:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 2px;
    left: 50%;
    margin-left: -15px;
    background: #e2e2e2
}

.chuancha_model_one .main-content .list li .para {
    font-size: 14px;
    line-height: 1.8em;
    color: #363636;
    opacity: 0.7;
    filter: alpha(opacity=70);
    margin-bottom: 56px
}

.chuancha_model_one .main-content .list li .href {
    margin: 0 auto
}

.chuancha_model_one .main-content .list li .href a {
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    background: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -moz-border-radius: 30px;
    border: 1px solid rgba(47,47,47,0.15);
    color: rgba(47,47,47,0.15)
}

.chuancha_model_one .main-content .list li:hover {
    background: #2f2f2f;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1)
}

.chuancha_model_one .main-content .list li:hover .imgh {
    display: inline-block
}

.chuancha_model_one .main-content .list li:hover .img {
    display: none
}

.chuancha_model_one .main-content .list li:hover .title {
    color: #fff
}

.chuancha_model_one .main-content .list li:hover .para {
    color: rgba(255,255,255,0.4)
}

.chuancha_model_one .main-content .list li:hover .href a {
    width: 116px;
    border-color: #fff;
    color: #363636
}

@media screen and (max-width: 1200px) {
    .chuancha_model_one .section-container {
        padding:45px 20px
    }
}

@media screen and (max-width: 720px) {
    .chuancha_model_one .main-title {
        margin-bottom:40px
    }

    .chuancha_model_one .main-title .subtitle {
        font-size: 22px
    }

    .chuancha_model_one .section-container {
        padding: 30px 20px
    }

    .chuancha_model_one .main-content .list li {
        width: 50%;
        margin: 5px 0;
        padding: 15px 10px
    }

    .chuancha_model_one .main-content .list li .icon {
        margin-bottom: 30px
    }

    .chuancha_model_one .main-content .list li img {
        width: 50px
    }

    .chuancha_model_one .main-content .list li .icon {
        height: 60px;
        line-height: 60px
    }

    .chuancha_model_one .main-content .list li .para {
        margin-bottom: 20px
    }

    .chuancha_model_one .main-content .list li .title {
        padding-bottom: 20px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 320px) {
    .chuancha_model_one .main-content .list {
        background:#fff
    }

    .chuancha_model_one .main-content .list li {
        width: 100%;
        float: none
    }
}

.contact-channel-gqf .full {
    width: 100%
}

.contact-channel-gqf .inner {
    padding: 2em 0
}

.contact-channel-gqf #primary {
    width: 100%
}

.contact-channel-gqf #primary.have-sidebar {
    width: 71%
}

.contact-channel-gqf #primary.fr {
    padding-left: 5%
}

.contact-channel-gqf #primary.fl {
    padding-right: 5%
}

.contact-channel-gqf #secondary {
    width: 29%
}

.contact-channel-gqf .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.contact-channel-gqf img {
    max-width: 100%
}

.contact-channel-gqf ul,.contact-channel-gqf ol,.contact-channel-gqf li {
    margin: 0;
    padding: 0;
    list-style: none
}

.contact-channel-gqf .fl {
    float: left
}

.contact-channel-gqf .fr {
    float: right
}

.contact-channel-gqf .show {
    display: block
}

.contact-channel-gqf .hide {
    display: none
}

.contact-channel-gqf .clearfix {
    clear: both;
    zoom:1}

.contact-channel-gqf .section {
    position: relative
}

.contact-channel-gqf .section-bgcol {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.contact-channel-gqf .section .incon_tt {
    text-align: center
}

.contact-channel-gqf .section .incon_tt h2 {
    font-size: 18px;
    color: #2c508c;
    text-transform: uppercase;
    font-weight: normal
}

.contact-channel-gqf .section .incon_tt h3 {
    font-size: 20px;
    color: #333;
    font-weight: normal
}

.contact-channel-gqf .section .incon_tt .line {
    margin: 26px auto 50px;
    border-bottom: 1px solid #2c508c;
    width: 470px;
    max-width: 100%;
    position: relative
}

.contact-channel-gqf .section .incon_tt .line:after {
    position: relative;
    content: '';
    top: 3px;
    display: block;
    border-bottom: 3px solid #df0d0e;
    width: 100px;
    margin: auto
}

.contact-channel-gqf .section .incon_tt .info {
    text-align: center
}

.contact-channel-gqf .section .inconlist {
    margin-top: 60px
}

.contact-channel-gqf .section .inconlist ul {
    overflow: hidden;
    margin-bottom: 50px
}

.contact-channel-gqf .section .inconlist ul:last-of-type {
    margin-bottom: 0
}

.contact-channel-gqf .section .inconlist ul .title {
    font-size: 18px;
    color: #325b9f;
    font-weight: 700;
    padding: 20px 0;
    line-height: 30px
}

.contact-channel-gqf .section .inconlist ul li {
    width: 31.333333%;
    margin-right: 3%;
    float: left
}

.contact-channel-gqf .section .inconlist ul li:nth-of-type(3n) {
    margin-right: 0
}

.contact-channel-gqf .section .inconlist ul li .top i {
    position: relative;
    margin-right: 20px;
    display: inline-block;
    width: 18px;
    height: 22px;
    vertical-align: middle;
    background-color: #2c508c
}

.contact-channel-gqf .section .inconlist ul li .top i:before {
    position: absolute;
    right: -4px;
    width: 6px;
    height: 11px;
    content: '';
    background-color: #2c508c;
    top: 0;
    -webkit-transform: skewX(25deg);
    -khtml-transform: skewX(25deg);
    -moz-transform: skewX(25deg);
    -ms-transform: skewX(25deg);
    -o-transform: skewX(25deg)
}

.contact-channel-gqf .section .inconlist ul li .top i:after {
    position: absolute;
    right: -4px;
    width: 6px;
    height: 11px;
    content: '';
    background-color: #2c508c;
    bottom: 0;
    -webkit-transform: skewX(-25deg);
    -khtml-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg)
}

.contact-channel-gqf .section .inconlist ul li .top span {
    color: #4172c3
}

.contact-channel-gqf .section .inconlist ul li .border-color {
    margin: 25px auto 35px;
    border-bottom: 1px solid #2c508c
}

.contact-channel-gqf .section .inconlist ul li .border-color:after {
    position: relative;
    margin: auto;
    display: block;
    content: '';
    border-bottom: 3px solid #df0d0e;
    top: 1px;
    width: 70px;
    border-width: 1px
}

.contact-channel-gqf .section .inconlist ul li .info {
    color: silver;
    font-size: 16px;
    line-height: 24px
}

.contact-channel-gqf .section .inconlist ul li .info a {
    color: silver
}

.contact-channel-gqf .section .inconlist ul li .info strong {
    display: block;
    margin: 20px 0 4px;
    text-transform: uppercase;
    font-weight: normal;
    color: #325b9f
}

@media screen and (max-width: 1300px) {
    .contact-channel-gqf .wrapper {
        padding:0 20px
    }

    .contact-channel-gqf .header-menu .wrapper {
        padding: 0px
    }
}

@media screen and (max-width: 767px) {
    .contact-channel-gqf .section .inconlist ul li {
        width:94%;
        margin: 30px 3%
    }

    .contact-channel-gqf .section .inconlist ul li:nth-of-type(3n) {
        margin: 30px 3%
    }

    .contact-channel-gqf .section .inconlist {
        margin-top: 30px
    }

    .contact-channel-gqf .section .incon_tt .line {
        margin: 10px auto 44px
    }
}

.contact-form-dongyuan .full {
    width: 100%
}

.contact-form-dongyuan .inner {
    padding: 2em 0
}

.contact-form-dongyuan #primary {
    width: 100%
}

.contact-form-dongyuan #primary.have-sidebar {
    width: 71%
}

.contact-form-dongyuan #primary.fr {
    padding-left: 5%
}

.contact-form-dongyuan #primary.fl {
    padding-right: 5%
}

.contact-form-dongyuan #secondary {
    width: 29%
}

.contact-form-dongyuan .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.contact-form-dongyuan img {
    max-width: 100%;
    margin: 0 auto
}

.contact-form-dongyuan ul,.contact-form-dongyuan ol,.contact-form-dongyuan li {
    margin: 0;
    padding: 0;
    list-style: none
}

.contact-form-dongyuan input,.contact-form-dongyuan textarea,.contact-form-dongyuan select {
    outline: none;
    border: none
}

.contact-form-dongyuan .form-control {
    display: block;
    width: 100%;
    height: calc(4.25rem);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    height: 100%
}

.contact-form-dongyuan .fl {
    float: left
}

.contact-form-dongyuan .fr {
    float: right
}

.contact-form-dongyuan .show {
    display: block
}

.contact-form-dongyuan .hide {
    display: none
}

.contact-form-dongyuan .clearfix {
    clear: both;
    zoom:1}

.contact-form-dongyuan .section {
    position: relative
}

.contact-form-dongyuan .section-bgcol {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.contact-form-dongyuan .section-container {
    padding: 50px 0
}

.contact-form-dongyuan .section .contact_list {
    overflow: hidden
}

.contact-form-dongyuan .section .contact_list .fl {
    width: 44%;
    margin-right: 6%
}

.contact-form-dongyuan .section .contact_list .about_title h2 {
    color: #2c508c;
    font-weight: 800;
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 0;
    z-index: 100;
    margin-bottom: 30px;
    position: relative;
    display: inline-block
}

.contact-form-dongyuan .section .contact_list .fl .about_title h2,.contact-form-dongyuan .section .contact_list .fr .about_title h2 {
    font-size: 20px;
    text-transform: capitalize
}

.contact-form-dongyuan .section .contact_list .about_title h2:before {
    position: absolute;
    content: '';
    background: #2c508c;
    width: 50px;
    height: 4px;
    left: 0;
    bottom: -18px;
    z-index: 100;
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.contact-form-dongyuan .section .contact_list .about_title h2:after {
    position: absolute;
    content: '';
    background: #c5c5c5;
    width: 100%;
    height: 1px;
    right: 0;
    bottom: -17px
}

.contact-form-dongyuan .section .contact_list .about_title {
    margin-bottom: 10px;
    font-size: 30px;
    margin-bottom: 35px
}

.contact-form-dongyuan .section .contact_list .des {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin: 16px 0 36px
}

.contact-form-dongyuan .section .contact_list .list h2 {
    font-weight: normal;
    color: #3866b3;
    text-transform: uppercase;
    font-size: 15px
}

.contact-form-dongyuan .section .contact_list .list p {
    color: #737373;
    margin-top: 10px;
    font-size: 13px;
    margin-bottom: 26px
}

.contact-form-dongyuan .section .contact_list .fr {
    width: 50%
}

.contact-form-dongyuan .section .contact_list .fr .kuang {
    border: 10px solid #f4f4f4;
    padding: 40px 35px
}

.contact-form-dongyuan .section form {
    overflow: hidden
}

.contact-form-dongyuan .section form .form-label {
    display: none
}

.contact-form-dongyuan .section form .form-group {
    width: 48%;
    height: 40px;
    line-height: 40px;
    margin: 10px 1%;
    float: left
}

.contact-form-dongyuan .section form .form-group textarea,.contact-form-dongyuan .section form .form-group input {
    width: 100%;
    padding-left: 10px;
    transition: 0.3s
}

.contact-form-dongyuan .section form .form-group.form-textarea {
    float: right;
    height: 100px
}

.contact-form-dongyuan .section form .form-group.form-textarea textarea {
    height: 90px
}

.contact-form-dongyuan .section form .form-group.form-button {
    float: right
}

.contact-form-dongyuan .section form .form-group.form-button input {
    padding: 0;
    background: #2c508c;
    color: #fff;
    transition: 0.3s;
    border: none;
    font-size: 16px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    cursor: pointer;
    position: relative;
    top: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.contact-form-dongyuan .section form .form-group.form-button input:hover {
    background: #2c508c;
    top: -1px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1)
}

@media screen and (max-width: 1200px) {
    .contact-form-dongyuan .contact_list .fl .about_title {
        margin-top:0px
    }

    .contact-form-dongyuan .wrapper,.contact-form-dongyuan .header-menu .wrapper {
        padding: 0 20px
    }
}

@media screen and (max-width: 768px) {
    .contact-form-dongyuan .section .contact_list .fl {
        width:100%
    }

    .contact-form-dongyuan .section .contact_list .fr {
        width: 100%
    }

    .contact-form-dongyuan .fl {
        float: none
    }

    .contact-form-dongyuan .fr {
        float: none
    }
}

@media screen and (max-width: 720px) {
    .contact-form-dongyuan .section .contact_list .fr .kuang {
        border:10px solid #f4f4f4;
        padding: 40px 20px
    }

    .contact-form-dongyuan .section .contact_list>.fl {
        padding: 40px 30px
    }
}

@media screen and (max-width: 414px) {
    .contact-form-dongyuan .section form .form-group {
        width:98%;
        float: none
    }
}

.contact-form-zjdn .full {
    width: 100%
}

.contact-form-zjdn .inner {
    padding: 2em 0
}

.contact-form-zjdn img {
    max-width: 100%;
    margin: 0 auto
}

.contact-form-zjdn ul,.contact-form-zjdn ol,.contact-form-zjdn li {
    margin: 0;
    padding: 0;
    list-style: none
}

.contact-form-zjdn .fl {
    float: left
}

.contact-form-zjdn .fr {
    float: right
}

.contact-form-zjdn .show {
    display: block
}

.contact-form-zjdn .hide {
    display: none
}

.contact-form-zjdn .clearfix {
    clear: both;
    zoom:1}

.contact-form-zjdn .form-control {
    display: block;
    width: 100%;
    height: calc(4.25rem);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    height: 100%
}

.contact-form-zjdn .section {
    position: relative
}

.contact-form-zjdn .section-bgcolor {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1
}

.contact-form-zjdn .ny_zw_header {
    margin-bottom: 50px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0px 40px 60px
}

.contact-form-zjdn .ny_zw_header ul {
    overflow: hidden
}

.contact-form-zjdn .ny_zw_header ul li {
    float: left;
    margin-right: 10px;
    line-height: 40px;
    position: relative;
    margin-right: 24px
}

.contact-form-zjdn .ny_zw_header ul li a {
    color: #737373;
    font-size: 17px
}

.contact-form-zjdn .ny_zw_header ul li:nth-of-type(2) a {
    color: #2c508c
}

.contact-form-zjdn .ny_zw_header ul li:first-of-type:after {
    content: '|';
    color: #ddd;
    position: absolute;
    top: 0;
    right: -16px;
    display: block
}

.contact-form-zjdn .ny_zw {
    font-weight: normal;
    position: relative;
    padding: 0px 40px 60px;
    font-size: 14px;
    color: #737373;
    line-height: 28px;
    overflow: hidden
}

.contact-form-zjdn .ny_zw .form-wrapper {
    width: 100%
}

.contact-form-zjdn .ny_zw .feedbackone {
    color: #737373;
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.contact-form-zjdn .ny_zw form .form-label {
    float: left;
    width: 200px
}

.contact-form-zjdn .ny_zw form .form-label label {
    color: #737373
}

.contact-form-zjdn .ny_zw form .form-group {
    width: 100%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    margin-bottom: 30px
}

.contact-form-zjdn .ny_zw form .form-group em {
    display: none
}

.contact-form-zjdn .ny_zw form .form-group .form-control {
    float: left;
    width: 50%;
    height: 100%
}

.contact-form-zjdn .ny_zw form .form-group input,.contact-form-zjdn .ny_zw form .form-group textarea {
    width: 100%;
    height: 100%;
    border: none;
    text-shadow: none;
    box-shadow: none;
    outline: none;
    border-radius: 3px
}

.contact-form-zjdn .ny_zw form .form-group.form-textarea {
    height: 120px
}

.contact-form-zjdn .ny_zw form .form-group.form-textarea .form-control {
    width: 80%
}

.contact-form-zjdn .ny_zw form .form-group.form-button {
    width: 300px;
    height: 36px;
    line-height: 36px;
    margin-left: 200px
}

.contact-form-zjdn .ny_zw form .form-group.form-button input {
    background-color: #2c508c;
    color: #fff;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.contact-form-zjdn .ny_zw form .form-group.form-button input:hover {
    background: #df0d0e
}

.contact-form-zjdn .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 960px) {
    .contact-form-zjdn .ny_zw form .form-label {
        float:left;
        width: 20%
    }

    .contact-form-zjdn .ny_zw form .form-group .form-control {
        float: left;
        width: 80%;
        height: 100%
    }

    .contact-form-zjdn .ny_zw form .form-group.form-textarea .form-control {
        width: 80%
    }
}

@media screen and (max-width: 414px) {
    .contact-form-zjdn .ny_zw_header {
        margin-bottom:0px;
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0px 40px 0px
    }

    .contact-form-zjdn .section-container {
        padding: 40px 0px
    }
}

@media screen and (max-width: 320px) {
    .contact-form-zjdn .ny_zw {
        padding:0px 10px 60px
    }

    .contact-form-zjdn .ny_zw_header {
        padding: 0px 10px 0px
    }
}

.contact-jzdn .full {
    width: 100%
}

.contact-jzdn .inner {
    padding: 2em 0
}

.contact-jzdn img {
    max-width: 100%;
    margin: 0 auto
}

.contact-jzdn ul,.contact-jzdn ol,.contact-jzdn li {
    margin: 0;
    padding: 0;
    list-style: none
}

.contact-jzdn .fl {
    float: left
}

.contact-jzdn .fr {
    float: right
}

.contact-jzdn .show {
    display: block
}

.contact-jzdn .hide {
    display: none
}

.contact-jzdn .clearfix {
    clear: both;
    zoom:1}

.contact-jzdn .form-control {
    display: block;
    width: 100%;
    height: calc(4.25rem);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    height: 100%
}

.contact-jzdn .section {
    position: relative
}

.contact-jzdn .ny_zw_header {
    margin-bottom: 50px;
    width: 100%;
    height: 40px;
    line-height: 40px
}

.contact-jzdn .ny_zw_header ul {
    overflow: hidden;
    padding: 0px 40px 60px
}

.contact-jzdn .ny_zw_header ul li {
    float: left;
    margin-right: 25px;
    line-height: 40px;
    position: relative
}

.contact-jzdn .ny_zw_header ul li:first-of-type:after {
    content: '|';
    display: block;
    position: absolute;
    right: -16px;
    top: 0;
    color: #ddd
}

.contact-jzdn .ny_zw_header ul li a {
    color: #666;
    font-size: 17px
}

.contact-jzdn .ny_zw_header ul li:nth-of-type(1)>a {
    color: #2c508c
}

.contact-jzdn .ny_zw {
    font-weight: normal;
    position: relative;
    padding: 0px 40px 60px;
    font-size: 14px;
    color: #666;
    line-height: 28px;
    overflow: hidden
}

.contact-jzdn .ny_zw>p {
    margin-bottom: 30px
}

.contact-jzdn .ny_zw .list-paddingleft-2 {
    border: 1px solid #efefef;
    overflow: hidden;
    margin-bottom: 30px
}

.contact-jzdn .ny_zw .list-paddingleft-2 li {
    float: left;
    width: 33.3%;
    box-sizing: border-box;
    padding: 16px;
    position: relative;
    /* border-left: 1px solid #efefef */
}

.contact-jzdn .ny_zw .list-paddingleft-2 li:first-of-type {
    border: none;
    width: 66.6%;
}

.contact-jzdn .googlemap {
    width: 100%;
    height: 400px
}

@media screen and (max-width: 768px) {
    .contact-jzdn .ny_zw_header {
        margin-bottom:10px
    }
}

@media screen and (max-width: 720px) {
    .contact-jzdn .ny_zw .list-paddingleft-2 li {
        padding:10px
    }
}

@media screen and (max-width: 414px) {
    .contact-jzdn .ny_zw {
        font-weight:normal;
        position: relative;
        padding: 0px 0px 60px
    }

    .contact-jzdn .ny_zw .list-paddingleft-2 li {
        float: none;
        width: 100%;
        padding: 10px
    }

    .contact-jzdn .ny_zw_header ul {
        overflow: hidden;
        padding: 0px 0px 60px
    }
}

.contact-map-section .full {
    width: 100%
}

.contact-map-section .inner {
    padding: 2em 0
}

.contact-map-section #primary {
    width: 100%
}

.contact-map-section #primary.have-sidebar {
    width: 71%
}

.contact-map-section #primary.fr {
    padding-left: 5%
}

.contact-map-section #primary.fl {
    padding-right: 5%
}

.contact-map-section #secondary {
    width: 29%
}

.contact-map-section .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.contact-map-section img {
    max-width: 100%
}

.contact-map-section ul,.contact-map-section ol,.contact-map-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .contact-map-section .wrapper {
        padding:0 20px
    }

    .contact-map-section .header-menu .wrapper {
        padding: 0px
    }
}

.contact-map-section .fl {
    float: left
}

.contact-map-section .fr {
    float: right
}

.contact-map-section .show {
    display: block
}

.contact-map-section .hide {
    display: none
}

.contact-map-section .clearfix {
    clear: both;
    zoom:1}

.contact-map-section .form-control {
    display: block;
    width: 100%;
    height: calc(4.25rem);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    height: 100%
}

.contact-map-section .section {
    position: relative
}

.contact-map-section .section-bgcol {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.contact-map-section .section .section-container {
    border-radius: 10px;
    padding: 50px 0
}

.contact-map-section .contbox {
    overflow: hidden;
    padding: 0 50px
}

.contact-map-section .contbox .contact_left {
    width: 47%;
    margin-right: 6%
}

.contact-map-section .contbox .contact_left .contact_leftbox {
    padding: 0 10px
}

.contact-map-section .contbox .contact_left .contact_leftbox h2 {
    font-size: 18px;
    line-height: 60px;
    border-bottom: 1px solid #f7f7f7
}

.contact-map-section .contbox .contact_left .contact_leftbox .list {
    padding: 20px 0
}

.contact-map-section .contbox .contact_left .contact_leftbox .list li {
    line-height: 42px
}

.contact-map-section .contbox .contact_left .contact_leftbox .list li p {
    color: #737373;
    line-height: 2em
}

.contact-map-section .contbox .contact_left .contact_leftbox .list li p span.iconfont {
    margin-right: 10px;
    font-size: 14px;
    color: #2c508c;
    font-weight: 700
}

.contact-map-section .contbox .contact_left .contact_leftbox .list li p span a {
    color: #737373
}

.contact-map-section .contbox .map {
    width: 47%;
    height: 450px
}

@media screen and (max-width: 768px) {
    .contact-map-section .contbox .map {
        width:100%;
        height: 450px
    }

    .contact-map-section .contbox .contact_left {
        width: 100%;
        margin-right: 6%
    }

    .contact-map-section .section .section-container {
        background-color: #fff;
        border-radius: 10px;
        padding: 0px 70px
    }
}

@media screen and (max-width: 414px) {
    .contact-map-section .section .section-container {
        padding:0px 10px
    }
}

.contact-section-sunrise .fl {
    float: left
}

.contact-section-sunrise .fr {
    float: right
}

.contact-section-sunrise .clearfix {
    clear: both;
    zoom:1}

.contact-section-sunrise ul,.contact-section-sunrise li,.contact-section-sunrise ol {
    margin: 0;
    padding: 0
}

.contact-section-sunrise img,.contact-section-sunrise input,.contact-section-sunrise select,.contact-section-sunrise textarea {
    outline: none
}

.contact-section-sunrise .section {
    position: relative
}

.contact-section-sunrise .section-container {
    overflow: hidden;
    padding: 50px 0
}

.contact-section-sunrise .section-bgcol {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.contact-section-sunrise .incon_feed {
    width: 68%;
    margin-right: 5%
}

.contact-section-sunrise .incon_feed .incon_feedtxt {
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.contact-section-sunrise .incon_feed .incon_feedtxt strong {
    color: #2c508c;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 6px
}

.contact-section-sunrise .incon_feed .incon_feedtxt p {
    color: #737373
}

.contact-section-sunrise form {
    overflow: hidden
}

.contact-section-sunrise form .form-group {
    width: 49%;
    float: left;
    margin-bottom: 15px
}

.contact-section-sunrise form .form-group .form-label {
    line-height: 26px;
    color: #999;
    font-size: 13px
}

.contact-section-sunrise form .form-group .form-label em {
    color: #e8320d;
    padding: 0 3px;
    font-weight: bold;
    font-style: normal
}

.contact-section-sunrise form .form-group .form-control {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ccc;
    padding-left: 32px;
    background-position: 6px center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: #efefef;
    border-radius: 3px;
    padding: 0
}

.contact-section-sunrise form .form-group:nth-of-type(2n) {
    margin-left: 2%
}

.contact-section-sunrise form input,.contact-section-sunrise form textarea,.contact-section-sunrise form select {
    width: 100%;
    height: 34px;
    border: none;
    box-shadow: none;
    text-shadow: none;
    background-color: transparent;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0 10px;
    position: relative;
    top: -1px;
    color: #999
}

.contact-section-sunrise form .form-group.form-textarea {
    width: 100%;
    margin: 0;
    margin-bottom: 15px
}

.contact-section-sunrise form .form-group.form-textarea .form-control,.contact-section-sunrise form .form-group.form-textarea textarea {
    height: 120px;
    line-height: 30px
}

.contact-section-sunrise form .form-group.form-textarea textarea {
    height: 118px;
    top: 0
}

.contact-section-sunrise form .form-group.form-button {
    height: 36px;
    line-height: 36px;
    background: #2c508c;
    width: 200px;
    margin-top: 26px;
    cursor: pointer;
    transition: 0.3s
}

.contact-section-sunrise form .form-group.form-button:hover {
    background-color: #df0d0e
}

.contact-section-sunrise form .form-group.form-button input {
    background-color: transparent;
    font-size: 16px;
    color: #fff
}

.contact-section-sunrise .incon_conbox {
    width: 26%
}

.contact-section-sunrise .conbox_bg {
    background: #f7f7f7;
    padding: 13px;
    margin-bottom: 16px
}

.contact-section-sunrise .conbox_bg h2 {
    margin-bottom: 0;
    font-size: 14px;
    color: #2c508c;
    font-weight: bold
}

.contact-section-sunrise .conbox_bg .info,.contact-section-sunrise .conbox_bg a {
    font-size: 13px;
    color: #7b9dd6;
    line-height: 22px
}

.contact-section-sunrise .conbox_bg .info i {
    font-style: normal;
    font-size: 13px;
    float: left;
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    .contact-section-sunrise .incon_feed {
        width:100%;
        margin-right: 0%
    }

    .contact-section-sunrise .fl {
        float: none
    }

    .contact-section-sunrise .incon_conbox {
        width: 100%;
        margin-top: 10px
    }

    .contact-section-sunrise .fr {
        float: none
    }
}

@media screen and (max-width: 414px) {
    .contact-section-sunrise form .form-group {
        width:100%;
        float: none;
        margin-bottom: 15px
    }

    .contact-section-sunrise form .form-group:nth-of-type(2n) {
        margin-left: 0%
    }
}

.contact_us_one .fl {
    float: left
}

.contact_us_one .fr {
    float: right
}

.contact_us_one ul,.contact_us_one li {
    padding: 0;
    margin: 0;
    list-style: none
}

.contact_us_one img {
    display: inline-block;
    max-width: 100%
}

.contact_us_one .section {
    position: relative
}

.contact_us_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.contact_us_one .section-container {
    max-width: 100%;
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0
}

.contact_us_one .section {
    overflow: hidden
}

.contact_us_one .main-title {
    text-transform: uppercase;
    text-align: center;
    color: #2c508c;
    margin-bottom: 60px
}

.contact_us_one .main-title em {
    color: #2c508c;
    font-style: normal
}

.contact_us_one .main-title .subtitle {
    color: #9c9c9c;
    font-synthesis: 18px;
    line-height: 1em
}

.contact_us_one .main-title .title {
    position: relative;
    line-height: 1em;
    margin-bottom: 10px;
    font-size: 36px
}

.contact_us_one .main-title .title:before,.contact_us_one .main-title .title:after {
    position: absolute;
    top: 50%;
    width: 50%;
    height: 2px;
    margin-top: 2px;
    background: #9c9c9c;
    z-index: -1;
    content: ''
}

.contact_us_one .main-title .title:before {
    left: 0
}

.contact_us_one .main-title .title:after {
    right: 0
}

.contact_us_one .main-title .title span {
    display: inline-block;
    padding: 0 30px;
    background: #fff;
    z-index: 2
}

.contact_us_one .map {
    width: 100%;
    height: 350px;
    box-shadow: 0px 6px 20px rgba(0,0,0,0.2);
    position: relative;
    z-index: 1;
    background: #fff
}

.contact_us_one .map .mask {
    position: absolute;
    left: -10000px;
    right: -10000px;
    top: 50%;
    bottom: -1000px
}

.contact_us_one #allmap {
    z-index: 11 !important
}

.contact_us_one .content-bt {
    overflow: hidden;
    position: relative;
    z-index: 12;
    margin-top: 60px
}

.contact_us_one .content-bt .col-8 {
    float: left;
    width: 50%;
    overflow: hidden;
    font-size: 14px
}

.contact_us_one .content-bt .col-8-5>div {
    margin-bottom: 20px
}

.contact_us_one .content-bt .col-8-5 {
    float: left;
    width: 56%
}

.contact_us_one .content-bt .col-8-4 {
    float: left;
    width: 44%
}

.contact_us_one .content-bt .col-8-5 .copy {
    color: #737373
}

.contact_us_one .content-bt .col-8-5 .add {
    color: #737373
}

.contact_us_one .content-bt .col-8-4 .cont li {
    color: #737373;
    margin-bottom: 10px
}

.contact_us_one .content-bt .col-8-4 .cont li:last-child {
    margin-bottom: 0px
}

.contact_us_one .content-bt .col-8-4 .cont li h4 {
    font-weight: 400;
    font-size: 14px;
    color: #a1a1a1
}

.contact_us_one .content-bt .col-8-4 .cont li span {
    color: #4d7bc7
}

.contact_us_one .link a {
    position: relative;
    display: inline-block;
    margin: 0 5px
}

.contact_us_one .link a img {
    display: block;
    width: 39px;
    height: 39px
}

.contact_us_one .link p {
    display: none;
    position: absolute;
    left: 20px;
    width: 140px;
    top: 118%;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    line-height: 2em;
    border-radius: 5px;
    text-align: center
}

.contact_us_one .link a:hover p {
    display: block
}

.contact_us_one form {
    overflow: hidden
}

.contact_us_one form .form-group {
    width: 49%;
    float: left;
    margin-bottom: 30px;
    margin-right: 2%
}

.contact_us_one form .form-group:nth-of-type(2n) {
    margin-right: 0
}

.contact_us_one form .form-group.form-textarea {
    width: 100%
}

.contact_us_one form .form-label {
    display: none
}

.contact_us_one form .form-control {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    border: 2px solid #e1e1e1;
    width: 100%;
    height: 38px;
    line-height: 26px;
    padding: 4px 8px
}

.contact_us_one form .form-group.form-textarea .form-control {
    border: 2px solid #e1e1e1;
    height: 100px
}

.contact_us_one form .form-control input,.contact_us_one form .form-control textarea {
    background: transparent;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0;
    color: #737373
}

.contact_us_one form .form-control:hover,.contact_us_one form .form-group.form-textarea .form-control:hover {
    border-color: #2c508c
}

.contact_us_one form .form-group.form-button {
    width: 100px;
    height: 38px;
    border: 2px solid #e1e1e1;
    text-align: center;
    font-size: 14px
}

.contact_us_one form .form-group.form-button input {
    cursor: pointer;
    background: none;
    border: none;
    color: #737373;
    height: 38px;
    line-height: 38px
}

.contact_us_one form .form-group.form-button:hover {
    background: #2c508c;
    color: #fff
}

.contact_us_one form .form-group.form-button:hover input {
    color: #fff
}

@media screen and (max-width: 768px) {
    .contact_us_one .map .mask {
        display:none
    }

    .contact_us_one .content-bt .col-8 {
        width: 100%;
        margin-top: 20px
    }

    .contact_us_one .main-title .title {
        font-synthesis: 25px
    }

    .contact_us_one .main-title .title span {
        padding: 0 10px
    }
}

@media screen and (max-width: 720px) {
    .contact_us_one .section-container {
        padding:40px 20px
    }

    .contact_us_one form .form-group {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 580px) {
    .contact_us_one .content-bt .col-8-5,.contact_us_one .content-bt .col-8-4 {
        width:100%;
        float: none;
        margin-top: 5px
    }

    .contact_us_one .content-bt .col-8-5>div {
        margin-bottom: 0
    }

    .contact_us_one form .form-group {
        width: 100%;
        float: none;
        margin-right: none
    }

    .contact_us_one .main-title {
        margin-bottom: 30px
    }

    .contact_us_one .content-bt {
        margin-top: 30px
    }
}

.content-fancybox .full {
    width: 100%
}

.content-fancybox .inner {
    padding: 2em 0
}

.content-fancybox #primary {
    width: 100%
}

.content-fancybox #primary.have-sidebar {
    width: 71%
}

.content-fancybox #primary.fr {
    padding-left: 5%
}

.content-fancybox #primary.fl {
    padding-right: 5%
}

.content-fancybox #secondary {
    width: 29%
}

.content-fancybox .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.content-fancybox img {
    max-width: 100%
}

.content-fancybox ul,.content-fancybox ol,.content-fancybox li {
    margin: 0;
    padding: 0;
    list-style: none
}

.content-fancybox .fl {
    float: left
}

.content-fancybox .fr {
    float: right
}

.content-fancybox .show {
    display: block
}

.content-fancybox .hide {
    display: none
}

.content-fancybox .clearfix {
    clear: both;
    zoom:1}

.content-fancybox .section {
    position: relative
}

.content-fancybox .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.content-fancybox .section .main-tit {
    margin-bottom: 30px;
    text-align: center
}

.content-fancybox .section .main-tit h2 {
    font-size: 24px;
    color: #2c508c;
    font-weight: 300
}

.content-fancybox .section .main-tit span {
    display: block;
    color: #737373;
    text-transform: capitalize;
    font-size: 14px
}

.content-fancybox .section .galleries {
    margin-top: 60px
}

.content-fancybox .section .galleries ul {
    overflow: hidden
}

.content-fancybox .section .galleries ul li {
    float: left;
    width: 29.33333%;
    margin-bottom: 30px;
    margin-right: 6%
}

.content-fancybox .section .galleries ul li .title {
    line-height: 2em;
    color: #4172c3;
    font-size: 18px;
    text-align: center
}

.content-fancybox .section .galleries ul li:nth-of-type(3n) {
    margin-right: 0
}

.content-fancybox .section .galleries ul li a {
    display: block
}

.content-fancybox .section .galleries ul li a .img {
    padding: 10px;
    border: 2px solid #eee;
    overflow: hidden;
    margin-bottom: 15px
}

.content-fancybox .section .galleries ul li a {
    outline: none
}

.content-fancybox .section .galleries ul li a img {
    transition: 0.3s
}

.content-fancybox .section .galleries ul li a:hover img {
    transform: scale(1.1)
}

.content-fancybox .section .galleries ul li a:hover .title {
    color: #2c508c
}

@media screen and (max-width: 1300px) {
    .content-fancybox .wrapper {
        padding:0 20px
    }

    .content-fancybox .header-menu .wrapper {
        padding: 0px
    }
}

@media screen and (max-width: 960px) {
    .content-fancybox .section .galleries ul li {
        width:46%;
        margin: 30px 2%
    }

    .content-fancybox .section .galleries ul li:nth-of-type(3n) {
        margin: 30px 2%
    }

    .content-fancybox .section .galleries ul li a img {
        margin: 0 auto
    }

    .content-fancybox .section .galleries {
        margin-top: 0
    }

    .content-fancybox .section-container {
        padding: 0 20px
    }

    .content-fancybox .section .galleries ul li:nth-of-type(3n),.content-fancybox .section .galleries ul li {
        margin: 0px 2%
    }
}

.content_about_one .fl {
    float: left
}

.content_about_one .fr {
    float: right
}

.content_about_one ul,.content_about_one li {
    padding: 0;
    margin: 0;
    list-style: none
}

.content_about_one img {
    display: inline-block;
    max-width: 100%
}

.content_about_one a {
    text-decoration: none
}

.content_about_one .section {
    position: relative
}

.content_about_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.content_about_one .section-container {
    max-width: 100%;
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0
}

.content_about_one .imgs {
    width: 50%;
    height: 480px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.content_about_one .imgs img {
    display: none
}

.content_about_one .imgs .disc {
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1
}

.content_about_one .words {
    width: 50%;
    padding-left: 110px;
    height: 480px;
    background-color: #fff
}

.content_about_one .main-title {
    font-size: 54px;
    color: #2c508c;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1em
}

.content_about_one .main-title em {
    color: #2c508c;
    font-style: normal;
    line-height: 1em
}

.content_about_one .main-title .subtitle {
    font-size: 26px;
    text-transform: uppercase;
    margin-top: 15px
}

.content_about_one .para {
    line-height: 2em;
    color: #8c8c8c
}

.content_about_one .para p {
    margin-bottom: 15px
}

.content_about_one .href {
    text-align: center;
    background: #2c508c;
    width: 108px;
    height: 38px;
    line-height: 38px;
    border-radius: 0;
    position: relative;
    top: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.content_about_one .href a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}

.content_about_one .href:hover {
    top: -2px;
    box-shadow: 0px 0px 10px #5580c9;
    border-radius: 20px
}

.content_about_one .main-content {
    margin-top: 45px
}

.content_about_one .line {
    width: 3px;
    height: 82px;
    background-color: silver;
    display: block;
    margin: 30px 3px;
    display: none
}

.content_about_one .about_wrapper {
    overflow: hidden
}

@media screen and (max-width: 1199px) {
    .content_about_one .line {
        display:none
    }

    .content_about_one .words {
        padding: 20px 40px
    }

    .content_about_one .main-title {
        font-size: 40px
    }

    .content_about_one .main-title .subtitle {
        font-size: 24px
    }
}

@media screen and (max-width: 720px) {
    .content_about_one .section-container {
        padding:40px 20px
    }

    .content_about_one .words,.content_about_one .imgs {
        height: auto;
        width: 100%
    }

    .content_about_one .imgs img {
        display: block
    }

    .content_about_one .imgs {
        background: none !important
    }

    .content_about_one .main-content {
        margin-top: 30px
    }

    .content_about_one .main-title {
        font-size: 30px
    }

    .content_about_one .main-title .subtitle {
        font-size: 20px
    }

    .content_about_one .words {
        padding: 30px 20px
    }
}

.content_bd_share .section {
    position: relative;
    background: transparent
}

.content_bd_share .section-container {
    padding: 50px 0
}

.content_bd_share .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.content_bd_share .fl {
    float: left
}

.content_bd_share .section-content .title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
    color: #2c508c
}

.content_bd_share .section-content .title small {
    color: #ccc;
    font-size: 14px;
    font-weight: normal
}

.content_bd_share .section-content .subtitle {
    color: #9c9c9c;
    text-align: center
}

.content_bd_share .section-content .info {
    text-align: center;
    padding: 10px 0;
    margin: 20px 0;
    color: silver;
    background-color: #eee
}

.content_bd_share .section-content .info div,.content_bd_share .section-content .info p {
    display: inline
}

.content_bd_share .section-content .relevants {
    padding: 20px 0
}

.content_bd_share .section-content .relevants:before,.content_bd_share .section-content .relevants:after {
    line-height: 0;
    display: table;
    content: ''
}

.content_bd_share .section-content .relevants:after {
    clear: both
}

.content_bd_share .section-content .relevants .previou {
    float: left
}

.content_bd_share .section-content .relevants .next {
    float: right
}

.content_bd_share .section-content .relevants div,.content_bd_share .section-content .relevants a {
    display: inline
}

.content_bd_share .main-title {
    padding-bottom: 40px;
    border-bottom: 1px solid #eee
}

.content_bd_share .main-title .title {
    font-size: 25px;
    line-height: 1.5em;
    color: #333;
    text-align: left;
    text-transform: uppercase
}

.content_bd_share .main-title .subtitle {
    font-size: 14px;
    color: #666;
    text-align: left;
    text-transform: uppercase;
    line-height: 1em
}

.content_bd_share .bodycontent p {
    margin: 0;
    line-height: 2em;
    color: #676767
}

.content_bd_share .bodycontent p a,.content_bd_share .bodycontent p span {
    line-height: 2em;
    color: #676767
}

@media screen and (max-width: 720px) {
    .content_bd_share .main-title {
        padding-bottom:15px
    }
}

.content_random_one .section {
    position: relative;
    background: transparent
}

.content_random_one .section-container {
    padding: 50px 0
}

.content_random_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.content_random_one .section-content .title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
    color: #2c508c
}

.content_random_one .section-content .title small {
    color: #ccc;
    font-size: 14px;
    font-weight: normal
}

.content_random_one .section-content .subtitle {
    color: #9c9c9c;
    text-align: center
}

.content_random_one .section-content .info {
    text-align: center;
    padding: 10px 0;
    margin: 20px 0;
    color: silver;
    background-color: #eee
}

.content_random_one .section-content .info div,.content_random_one .section-content .info p {
    display: inline
}

.content_random_one .section-content .relevants {
    padding: 20px 0
}

.content_random_one .section-content .relevants:before,.content_random_one .section-content .relevants:after {
    line-height: 0;
    display: table;
    content: ''
}

.content_random_one .section-content .relevants:after {
    clear: both
}

.content_random_one .section-content .relevants .previou {
    float: left
}

.content_random_one .section-content .relevants .next {
    float: right
}

.content_random_one .section-content .relevants div,.content_random_one .section-content .relevants a {
    display: inline
}

.content_random_one .main-title {
    padding-bottom: 40px;
    border-bottom: 1px solid #eee
}

.content_random_one .main-title .title {
    font-size: 25px;
    line-height: 1.5em;
    color: #333;
    text-align: left;
    text-transform: uppercase
}

.content_random_one .main-title .subtitle {
    font-size: 14px;
    color: #666;
    text-align: left;
    text-transform: uppercase;
    line-height: 1em
}

.content_random_one .bodycontent p {
    margin: 0;
    line-height: 2em;
    color: #676767
}

.content_random_one .bodycontent p a,.content_random_one .bodycontent p span {
    line-height: 2em;
    color: #676767
}

@media screen and (max-width: 720px) {
    .content_random_one .main-title {
        padding-bottom:15px
    }
}

.development_section .section {
    position: relative
}

.development_section .section-container {
    padding: 50px 0;
    max-width: 1200px;
    margin: auto
}

.development_section .com_desc {
    line-height: 24px;
    padding: 20px 0 40px
}

.development_section .sucai-1 {
    width: 100%;
    overflow: hidden;
    margin-top: 40px
}

.development_section .sucai-1 dl,.development_section .sucai-1 dt,.development_section .sucai-1 dd,.development_section .sucai-1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.development_section .sucai-1 .tabs {
    position: relative;
    height: 170px;
    text-align: center
}

.development_section .sucai-1 .tabs dl {
    position: absolute;
    z-index: 3;
    left: 50px;
    right: 50px
}

.development_section .sucai-1 .tabs dl dt {
    font-size: 28px;
    line-height: 50px;
    font-weight: bold;
    padding-bottom: 20px
}

.development_section .sucai-1 .tabs dl dd {
    width: auto;
    height: 100px;
    background: url(../images/sucai_1_line.png) repeat-x 0 63px
}

.development_section .sucai-1 .tabs dl dd a {
    float: left;
    display: block;
    width: 100px;
    height: 100px;
    font-size: 16px;
    line-height: 40px;
    color: #666;
    background: url(../images/sucai_1_dot.png) no-repeat center 56px
}

.development_section .sucai-1 .tabs dl dd a:hover,.development_section .sucai-1 .tabs dl dd a.selected {
    color: #333;
    font-size: 26px;
    font-weight: bold;
    background: url(../images/sucai_1_hover.png) no-repeat center 40px
}

.development_section .sucai-1 .tabs a.left,.development_section .sucai-1 .tabs a.right {
    z-index: 2;
    position: absolute;
    bottom: 17px;
    width: 40px;
    height: 40px;
    background-image: url(../images/sucai_1_arrow.png)
}

.development_section .sucai-1 .tabs a.left {
    left: 0px;
    background-position: 0 0
}

.development_section .sucai-1 .tabs a.left:hover {
    background-position: 0 -40px
}

.development_section .sucai-1 .tabs a.right {
    right: 0px;
    background-position: -40px 0
}

.development_section .sucai-1 .tabs a.right:hover {
    background-position: -40px -40px
}

.development_section .sucai-1 .body {
    background-color: #eee;
    padding: 30px
}

.development_section .sucai-1 .body dl dt {
    float: left;
    width: 130px;
    font-size: 40px;
    font-weight: bold;
    padding: 10px 0;
    border-right: 1px solid #ccc
}

.development_section .sucai-1 .body dl dt small {
    font-size: 14px
}

.development_section .sucai-1 .body dl dd {
    width: auto;
    margin-left: 150px;
    min-height: 150px;
    padding-bottom: 50px
}

.development_section .sucai-1 .body dl dd ul li {
    margin-bottom: 15px
}

.development_section .sucai-1 .tabs dl dd a {
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s
}

.development_solarland .fl {
    float: left
}

.development_solarland .fr {
    float: right
}

.development_solarland ul,.development_solarland li {
    list-style: none
}

.development_solarland .section-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0
}

.development_solarland .time-line {
    width: 100%;
    position: relative;
    background-color: #2c508c
}

.development_solarland .time-line .time-box {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.development_solarland .time-box>ul {
    position: relative;
    overflow: hidden;
    min-width: 100%
}

.development_solarland .time-box>ul:after {
    right: 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    height: 6px;
    background-color: #df0d0e;
    content: ''
}

.development_solarland .time-box>ul>li {
    transition: all 0.6s cubic-bezier(0.36,0.24,0.87,0.29);
    -webkit-transition: all 0.6s cubic-bezier(0.36,0.24,0.87,0.29);
    -moz-transition: all 0.6s cubic-bezier(0.36,0.24,0.87,0.29);
    margin-right: -200px;
    width: 480px;
    position: relative
}

.development_solarland .time-box>ul>li .point {
    z-index: 111;
    position: absolute;
    left: 40px;
    top: 13px;
    background-repeat: no-repeat;
    width: 18px;
    height: 20px;
    background-position: center;
    border-radius: 50%;
    background: #000;
    border: 5px solid #df0d0e
}

.development_solarland .time-line .time-box>ul>li {
    float: left;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.development_solarland .time-line .time-box>ul>li:nth-child(2n+1) {
    margin-top: 353px
}

.development_solarland .time-line .time-box>ul>li:nth-child(2n) .point {
    top: auto;
    bottom: 13px
}

.development_solarland .arrow {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -16px
}

.development_solarland .arrow.right-btn {
    right: 20px;
    left: auto
}

.development_solarland .time-line:hover .arrow {
    opacity: 1;
    filter: alpha(opacity=100)
}

.development_solarland .time-line ul li h3 {
    padding-left: 80px;
    height: 110px;
    line-height: 110px;
    font-size: 36px;
    font-weight: 700;
    color: #df0d0e
}

.development_solarland .time-line ul ul li {
    padding: 10px 40px;
    padding-right: 85px;
    margin-bottom: 10px;
    background-color: #df0d0e;
    color: #2c508c;
    font-size: 14px
}

.development_solarland .time-line ul ul li:last-child {
    margin-bottom: 0
}

.development_solarland .time-line ul ul li p {
    padding: 0;
    margin: 0;
    line-height: 1.5em
}

.development_solarland .time-line .line_ve {
    position: absolute;
    width: 2px;
    background-color: #df0d0e;
    left: 48px;
    top: 20px;
    bottom: 20px
}

.development_solarland .time-line .line_ve:after {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #df0d0e;
    content: '';
    display: block;
    top: -6px;
    left: -2px
}

.development_solarland .time-line .time-box>ul>li:nth-child(2n+1) .line_ve:after {
    top: auto;
    bottom: -3px
}

.development_solarland .time-line .time-box>ul>li:nth-child(2n) h3 {
    position: absolute;
    bottom: 10px
}

.development_solarland .time-line .time-box>ul>li:nth-child(2n) ul {
    position: absolute;
    bottom: 120px
}

.donghua-hyl img {
    max-width: 100%
}

.donghua-hyl ul,.donghua-hyl li {
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 720px) {
    .donghua-hyl .section .section-content img {
        max-width:100%
    }

    .donghua-hyl ol {
        margin: 0;
        padding-left: 20px
    }

    .donghua-hyl .section-container {
        padding: 20px
    }

    .donghua-hyl .section-content h1 {
        font-size: 16px;
        text-align: center;
        margin-bottom: 30px
    }
}

.donghua-hyl .words-hyl {
    display: inline-block
}

.donghua-hyl .hyl-img {
    display: inline-block
}

.donghua-hyl .hyl-img {
    position: relative;
    animation: mymove 5s infinite;
    -moz-animation: mymove 5s infinite;
    -webkit-animation: mymove 5s infinite;
    -o-animation: mymove 5s infinite
}

@keyframes mymove {
    from {
        left: 0px
    }

    to {
        left: 100%
    }
}

@-moz-keyframes mymove /* Firefox */
{
    from {
        left: 0px
    }

    to {
        left: 100%
    }
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
    from {
        left: 0px
    }

    to {
        left: 100%
    }
}

@-o-keyframes mymove /* Opera */
{
    from {
        top: 0px
    }

    to {
        top: 100%
    }
}

@media screen and (max-width: 1024px) {
    @keyframes mymove {
        from {
            left:0px
        }

        to {
            left: 100%
        }
    }

    @-moz-keyframes mymove /* Firefox */
    {
        from {
            left: 0px
        }

        to {
            left: 100%
        }
    }

    @-webkit-keyframes mymove /* Safari and Chrome */
    {
        from {
            left: 0px
        }

        to {
            left: 100%
        }
    }

    @-o-keyframes mymove /* Opera */
    {
        from {
            top: 0px
        }

        to {
            top: 100%
        }
    }
}

.duli_sub_single img {
    max-width: 100%
}

.duli_sub_single ul,.duli_sub_single li {
    list-style: none;
    margin: 0;
    padding: 0
}

.duli_sub_single .section-content h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px
}

.duli_sub_single .section-content h1 small {
    color: #ccc;
    font-size: 14px;
    font-weight: normal
}

.duli_sub_single .section-content p {
    line-height: 1.5em !important
}

.duli_sub_single .section-content img {
    display: inline-block
}

@media screen and (max-width: 720px) {
    .duli_sub_single .section .section-content img {
        max-width:100%
    }

    .duli_sub_single ol {
        margin: 0;
        padding-left: 20px
    }

    .duli_sub_single .section-container {
        padding: 20px
    }

    .duli_sub_single .section-content h1 {
        font-size: 16px;
        text-align: center;
        margin-bottom: 30px
    }
}

.footer .footer {
    position: relative
}

.footer .footer a {
    color: #fff
}

.footer .footer p {
    color: #fff
}

.footer .footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0
}

.footer .footer-mask {
    color: #fff
}

.footer .footer-content:before,.footer .footer-content:after {
    line-height: 0;
    display: table;
    content: ''
}

.footer .footer-content:after {
    clear: both
}

.footer .footer-content .img img {
    max-width: 120px
}

.footer .footer-content .img .tit {
    font-size: 14px;
    color: #eee;
    line-height: 2em;
    margin: 20px 0
}

@media screen and (max-width: 1200px) {
    .footer .footer-container {
        padding:50px 20px
    }
}

@media screen and (max-width: 640px) {
    .footer .row .col6 .text-right {
        width:100%
    }

    .footer .text-right {
        text-align: left !important
    }
}

.footer .footer .text-right {
    color: #fff
}

.footer .footer {
    position: relative
}

.footer .footer-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.footer-bottom-section .full {
    width: 100%
}

.footer-bottom-section .inner {
    padding: 2em 0
}

.footer-bottom-section #primary {
    width: 100%
}

.footer-bottom-section #primary.have-sidebar {
    width: 71%
}

.footer-bottom-section #primary.fr {
    padding-left: 5%
}

.footer-bottom-section #primary.fl {
    padding-right: 5%
}

.footer-bottom-section #secondary {
    width: 29%
}

.footer-bottom-section .wrapper {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto
}

.footer-bottom-section img {
    max-width: 100%
}

.footer-bottom-section ul,.footer-bottom-section ol,.footer-bottom-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-bottom-section .fl {
    float: left
}

.footer-bottom-section .fr {
    float: right
}

.footer-bottom-section .show {
    display: block
}

.footer-bottom-section .hide {
    display: none
}

.footer-bottom-section .clearfix {
    clear: both;
    zoom:1}

.footer-bottom-section img,.footer-bottom-section a,.footer-bottom-section span {
    display: inline-block
}

.footer-bottom-section a:hover,.footer-bottom-section a:focus {
    text-decoration: none
}

.footer-bottom-section .footer {
    line-height: 50px;
    font-size: 12px;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5
}

.footer-bottom-section .footer .footer-container {
    overflow: hidden;
    padding: 0
}

.footer-bottom-section .footer a {
    color: #737373;
    display: inline-block;
    margin: 0 15px
}

.footer-bottom-section .footer .fl a:hover {
    text-decoration: underline
}

.footer-bottom-section .footer .fr a {
    padding: 0 8px;
    margin: 0;
    line-height: 50px
}

.footer-bottom-section .footer .fr a span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    color: #737373;
    overflow: hidden;
    transition: width 0.3s
}

.footer-bottom-section .footer .fr a img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    vertical-align: middle;
    transition: 0.3s
}

.footer-bottom-section .footer .fr a span {
    width: 0;
    height: 0;
    float: right;
    line-height: 50px
}

.footer-bottom-section .footer .fr a.active img {
    opacity: 1;
    filter: alpha(opacity=100)
}

.footer-bottom-section .footer .fr a.active span {
    width: auto;
    height: auto
}

.footer-bottom-section .footer .fr .jianshe:hover {
    text-decoration: underline
}

.footer-bottom-section .footer .en img,.footer-bottom-section .footer .rs img {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

@media screen and (max-width: 1200px) {
    .footer-bottom-section .footer .footer-container {
        padding:0 20px
    }
}

@media screen and (max-width: 414px) {
    .footer-bottom-section .fl {
        float:none
    }

    .footer-bottom-section .fr {
        float: none
    }

    .footer-bottom-section .footer .fr a {
        padding: 0 0px;
        margin: 0;
        line-height: 0px
    }
}

.footer-bottom-section .footer {
    position: relative
}

.footer-bottom-section .footer-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.footer-fixed-mobile .full {
    width: 100%
}

.footer-fixed-mobile .inner {
    padding: 2em 0
}

.footer-fixed-mobile #primary {
    width: 100%
}

.footer-fixed-mobile #primary.have-sidebar {
    width: 71%
}

.footer-fixed-mobile #primary.fr {
    padding-left: 5%
}

.footer-fixed-mobile #primary.fl {
    padding-right: 5%
}

.footer-fixed-mobile #secondary {
    width: 29%
}

.footer-fixed-mobile .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.footer-fixed-mobile img {
    max-width: 100%
}

.footer-fixed-mobile ul,.footer-fixed-mobile ol,.footer-fixed-mobile li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .footer-fixed-mobile .wrapper {
        padding:0 20px
    }

    .footer-fixed-mobile .header .wrapper {
        padding: 0px
    }
}

.footer-fixed-mobile .fl {
    float: left
}

.footer-fixed-mobile .fr {
    float: right
}

.footer-fixed-mobile .show {
    display: block
}

.footer-fixed-mobile .hide {
    display: none
}

.footer-fixed-mobile .clearfix {
    clear: both;
    zoom:1}

.footer-fixed-mobile .footer {
    display: none
}

@media screen and (max-width: 720px) {
    .footer-fixed-mobile .footer {
        display:block;
        height: 60px;
        line-height: 60px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10000
    }

    .footer-fixed-mobile .footer .footer-container {
        padding: 0
    }

    .footer-fixed-mobile .footer ul {
        overflow: hidden
    }

    .footer-fixed-mobile .footer ul li {
        float: left;
        width: 50%;
        background: #090723;
        text-align: center;
        border-right: 1px solid #5a5a79
    }

    .footer-fixed-mobile .footer ul li:last-of-type {
        border: none
    }

    .footer-fixed-mobile .footer ul li span,.footer-fixed-mobile .footer ul li a {
        color: #ddd;
        display: inline-block;
        font-size: 16px;
        margin: 0 5px
    }
}

.footer-fixed-mobile .footer {
    position: relative
}

.footer-fixed-mobile .footer-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.footer-form .fl {
    float: left
}

.footer-form .fr {
    float: right
}

.footer-form .footer,.footer-form .footer a {
    color: #fff
}

.footer-form .footer .wrapper {
    max-width: 1200px;
    margin: 0 auto
}

.footer-form .footer .foot_top {
    position: relative
}

.footer-form .footer .foot_top .wrapper {
    padding: 70px 0;
    overflow: hidden
}

.footer-form .footer_top_bgcol,.footer-form .footer_bottom_bgcol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1
}

.footer-form .foot_top .fl .con-details {
    margin-bottom: 30px
}

.footer-form .foot_top .fl .con-details .contact-title {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.footer-form .foot_top .fl .con-details .contact-title p {
    font-size: 17px;
    font-weight: 600;
    color: #fff
}

.footer-form .foot_top .fl .con-details .contact-title:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 40px;
    height: 2px;
    background: #2c508c
}

.footer-form .foot_top .fl .con-details p {
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 26px
}

.footer-form .foot_top .fr {
    width: 68%
}

.footer-form .foot_top .fr .get-in-touch h2 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 30px
}

.footer-form .foot_top .fr .get-in-touch h2:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 40px;
    height: 2px;
    background: #2c508c
}

.footer-form .foot_top .fr .inputform .form-group {
    overflow: hidden;
    margin-bottom: 15px;
    float: left;
    width: 48%;
    margin-right: 2%
}

.footer-form .footer-form .foot_top .fr .inputform .form-group.form-youxiang {
    width: 98%;
    margin-right: 0
}

.footer-form .foot_top .fr .inputform .form-group .form-label {
    display: none
}

.footer-form .foot_top .fr .inputform .form-group .form-control {
    line-height: 40px;
    border: 1px solid #555;
    padding: 0;
    background: transparent
}

.footer-form .foot_top .fr .inputform .form-group .form-control:hover {
    box-shadow: none;
    border-color: #2c508c
}

.footer-form .foot_top .fr .inputform .form-group .form-control:nth-of-type(2n) {
    margin-right: 0
}

.footer-form .foot_top .fr .inputform .form-group .form-control input {
    background: transparent;
    width: 100%;
    padding: 0 2%;
    outline: none;
    border: none medium;
    background: none;
    line-height: 34px;
    height: 34px;
    color: #fff
}

.footer-form .foot_top .fr .inputform .form-textarea {
    width: 98%;
    margin-right: 0;
    height: 120px
}

.footer-form .foot_top .fr .inputform .form-textarea .form-control {
    height: 120px
}

.footer-form .foot_top .fr .inputform .form-textarea .form-control textarea {
    background: transparent;
    display: block;
    width: 100%;
    padding: 10px 1%;
    height: 120px;
    border: none medium;
    background: none;
    line-height: 20px;
    outline: none;
    color: #fff
}

.footer-form .foot_top .fr .inputform .form-button {
    display: inline-block;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition-property: color;
    transition-duration: 0.5s;
    padding: 14px 35px;
    cursor: pointer;
    background: #000;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none;
    border-radius: 3px;
    margin-top: 20px
}

.footer-form .foot_top .fr .inputform .form-button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2c508c;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out
}

.footer-form .foot_top .fr .inputform .form-button:hover:before {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.52,1.64,0.37,0.66)
}

.footer-form .foot_top .fr .inputform .form-button input {
    width: 100%;
    background: none;
    border: none medium;
    color: #fff;
    cursor: pointer
}

.footer-form .foot_bottom {
    position: relative;
    overflow: hidden;
    line-height: 56px
}

.footer-form .foot_bottom span {
    font-size: 13px;
    color: #969696;
    text-transform: uppercase
}

.footer-form .foot_bottom span a {
    font-size: 13px;
    color: #969696
}

.footer-form .foot_bottom img {
    display: inline;
    vertical-align: middle
}

@media screen and (max-width: 1200px) {
    .footer-form .footer .wrapper {
        max-width:1200px;
        margin: 0 20px
    }
}

@media screen and (max-width: 720px) {
    .footer-form .foot_top .fr {
        width:60%
    }
}

@media screen and (max-width: 414px) {
    .footer-form .fl {
        float:none;
        width: 100%
    }

    .footer-form .foot_top .fr {
        float: none;
        width: 100%
    }

    .footer-form .fr {
        float: none
    }

    .footer-form .foot_top .fr .inputform .form-group {
        float: none;
        width: 100%;
        margin-right: 0%
    }
}

.footer-form-section .full {
    width: 100%
}

.footer-form-section .inner {
    padding: 2em 0
}

.footer-form-section img {
    max-width: 100%
}

.footer-form-section ul,.footer-form-section ol,.footer-form-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-form-section .fl {
    float: left
}

.footer-form-section .fr {
    float: right
}

.footer-form-section .show {
    display: block
}

.footer-form-section .hide {
    display: none
}

.footer-form-section .clearfix {
    clear: both;
    zoom:1}

.footer-form-section .wrapper {
    max-width: 1200px;
    margin: 0 auto
}

.footer-form-section .footer .footer-container {
    max-width: 1200px;
    margin: 0 auto
}

.footer-form-section .footer .ft-top {
    width: 100%;
    overflow: hidden;
    padding: 60px 0;
    position: relative
}

.footer-form-section .footer .ft-top .wrapper {
    overflow: hidden
}

.footer-form-section .footer .ft-top .fl {
    width: 33.333%;
    padding: 0 10px
}

.footer-form-section .footer .ft-top .widget-title {
    color: #2c508c;
    font-size: 18px;
    display: block;
    margin-bottom: 30px
}

.footer-form-section .footer .ft-top .feedback {
    height: 320px
}

.footer-form-section .footer .ft-top .feedback input,.footer-form-section .footer .ft-top .feedback textarea {
    width: 80%;
    outline: none;
    color: #999;
    line-height: 35px;
    border: none
}

.footer-form-section .footer .ft-top .feedback input {
    padding: 0 10px;
    height: 35px;
    display: block;
    margin-bottom: 8px
}

.footer-form-section .footer .ft-top .feedback .txt-wrapper {
    position: relative;
    height: 130px;
    margin-bottom: 15px
}

.footer-form-section .footer .ft-top .feedback .txt-wrapper textarea {
    position: absolute;
    height: 120px;
    padding: 10px
}

.footer-form-section .footer .ft-top .feedback .txt-wrapper #note {
    position: absolute;
    line-height: 1.5em;
    color: #999;
    padding: 10px
}

.footer-form-section .footer .ft-top .feedback input.submit-btn {
    color: #fff;
    font-size: 18px;
    background: #a6a6a6;
    transition: 0.3s ease-in-out
}

.footer-form-section .footer .ft-top .feedback input.submit-btn:hover {
    background: #2c508c
}

.footer-form-section .footer .ft-top .info .contact {
    margin-bottom: 60px
}

.footer-form-section .footer .ft-top .info .contact .site-tit {
    margin-bottom: 10px
}

.footer-form-section .footer .ft-top .info .contact .site-tit span {
    font-size: 18px;
    color: #333;
    display: block
}

.footer-form-section .footer .ft-top .info .contact .site-tit .sub-tit {
    font-size: 12px;
    color: #999;
    text-transform: uppercase
}

.footer-form-section .footer .ft-top .info .contact .cpy-info p {
    color: #666;
    line-height: 1.8em;
    margin: 0;
    padding: 0
}

.footer-form-section .footer .ft-top .info .contact .cpy-info p a {
    color: #666
}

.footer-form-section .footer .ft-top .info .td .list {
    overflow: hidden;
    width: 300px
}

.footer-form-section .footer .ft-top .info .td .list li {
    float: left;
    position: relative;
    padding-right: 40px
}

.footer-form-section .footer .ft-top .info .td .list li:after {
    display: block;
    content: '|';
    position: absolute;
    right: 20px;
    top: 0
}

.footer-form-section .footer .ft-top .info .td .list li:nth-of-type(3n):after {
    display: none
}

.footer-form-section .footer .ft-top .info .td .list li a {
    color: #666;
    transition: 0.3s ease-in-out
}

.footer-form-section .footer .ft-top .info .td .list li a:hover {
    color: #2c508c
}

.footer-form-section .footer .ft-top .search .bottom_sear {
    width: 80%;
    height: 35px;
    border-radius: 5px;
    background: #2c508c
}

.footer-form-section .footer .ft-top .search .bottom_sear input {
    outline: none;
    border: none;
    background: transparent;
    padding: 0 10px;
    color: #fff;
    line-height: 35px;
    opacity: 0.5;
    filter: alpha(opacity=30);
    float: left
}

.footer-form-section .footer .ft-top .search .bottom_sear input.bottomTxt {
    width: 80%
}

.footer-form-section .footer .ft-top .search .bottom_sear input.bot-btn {
    float: right;
    padding: 0 20px;
    background-image: url(../images/ser_hd.png);
    background-position: center;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

.footer-form-section .footer .ft-top .search .placeholder {
    color: #737373;
    margin: 15px 0
}

.footer-form-section .footer .ft-bottom {
    height: 50px;
    line-height: 50px;
    position: relative
}

.footer-form-section .footer .ft-bottom .fr a {
    float: left
}

.footer-form-section .footer .ft-bottom a {
    font-size: 12px;
    line-height: 50px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 5px
}

.footer-form-section .footer .ft-bottom a img {
    display: inline-block
}

.footer-form-section .footer_top_bgcol,.footer-form-section .footer_bottom_bgcol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1
}

.footer-form-section form .form-group {
    margin-bottom: 10px
}

.footer-form-section form .form-group {
    height: 35px;
    line-height: 35px
}

.footer-form-section form .form-group.form-textarea,.footer-form-section form .form-group.form-textarea .form-control {
    height: 120px
}

.footer-form-section form .form-group .form-label {
    display: none
}

.footer-form-section form .form-group .form-control input,.footer-form-section form .form-group .form-control textarea,.footer-form-section form .form-group input {
    width: 85%;
    line-height: 35px;
    background-color: #fff;
    border: none;
    outline: none;
    padding: 0 15px;
    color: #999
}

.footer-form-section form .form-group .form-control textarea {
    height: 100%
}

.footer-form-section form .form-group input[type="submit"] {
    color: #fff;
    background: #a6a6a6;
    cursor: pointer;
    transition: 0.3s
}

.footer-form-section form .form-group input[type="submit"]:hover {
    background: #666
}

@media screen and (max-width: 1200px) {
    .footer-form-section .footer .wrapper {
        padding:0 20px
    }

    .footer-form-section .footer .ft-top .feedback input,.footer-form-section .footer .ft-top .feedback textarea,.footer-form-section .footer .ft-top .search .bottom_sear {
        width: 90%
    }
}

@media screen and (max-width: 1024px) {
    .footer-form-section .footer .ft-top .fl.info {
        display:none
    }

    .footer-form-section .footer .ft-top .fl {
        width: 50%
    }
}

@media screen and (max-width: 640px) {
    .footer-form-section .footer .ft-top {
        padding:45px 0
    }

    .footer-form-section .footer .ft-top .fl {
        width: 100%;
        margin-bottom: 20px
    }

    .footer-form-section form .form-group .form-control input,.footer-form-section form .form-group .form-control textarea,.footer-form-section form .form-group input,.footer-form-section .footer .ft-top .search .bottom_sear {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .footer-form-section .footer .wrapper {
        padding:0 10px
    }

    .footer-form-section .footer .ft-top {
        padding: 30px 0
    }

    .footer-form-section .footer .ft-top .widget-title {
        margin-bottom: 20px
    }

    .footer-form-section .footer .ft-bottom {
        height: auto
    }

    .footer-form-section .footer .wrapper {
        overflow-x: hidden
    }
}

@media screen and (max-width: 320px) {
    .footer-form-section .footer .ft-top .widget-title {
        font-size:16px
    }

    .footer-form-section .footer .ft-top .feedback input.submit-btn {
        font-size: 16px
    }
}

.footer-hyl .footer {
    position: relative
}

.footer-hyl .footer a {
    color: #fff
}

.footer-hyl .footer p {
    color: #fff
}

.footer-hyl .footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0
}

.footer-hyl .footer-mask {
    color: #fff
}

.footer-hyl .footer-content:before,.footer-hyl .footer-content:after {
    line-height: 0;
    display: table;
    content: ''
}

.footer-hyl .footer-content:after {
    clear: both
}

.footer-hyl .footer-content .img img {
    max-width: 120px
}

.footer-hyl .footer-content .img .tit {
    font-size: 14px;
    color: #eee;
    line-height: 2em;
    margin: 20px 0
}

@media screen and (max-width: 1200px) {
    .footer-hyl .footer-container {
        padding:50px 20px
    }
}

@media screen and (max-width: 640px) {
    .footer-hyl .row .col6 .text-right {
        width:100%
    }

    .footer-hyl .text-right {
        text-align: left !important
    }
}

.footer-hyl .footer {
    position: relative
}

.footer-hyl .footer-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.footer-hyl .footer .text-right {
    color: #fff
}

.footer-hyl .footer-copyright {
    position: relative;
    padding: 15px 20px
}

.footer-hyl .footer-bgcol2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.footer-hyl .row .col6 {
    width: 50%;
    position: relative;
    z-index: 2;
    margin-left: -15px !important
}

.footer-hyl .max-wid {
    max-width: 1200px;
    margin: auto
}

.footer-list-gqf .full {
    width: 100%
}

.footer-list-gqf .inner {
    padding: 2em 0
}

.footer-list-gqf #primary {
    width: 100%
}

.footer-list-gqf #primary.have-sidebar {
    width: 71%
}

.footer-list-gqf #primary.fr {
    padding-left: 5%
}

.footer-list-gqf #primary.fl {
    padding-right: 5%
}

.footer-list-gqf #secondary {
    width: 29%
}

.footer-list-gqf .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.footer-list-gqf img {
    max-width: 100%
}

.footer-list-gqf ul,.footer-list-gqf ol,.footer-list-gqf li {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-list-gqf .fl {
    float: left
}

.footer-list-gqf .fr {
    float: right
}

.footer-list-gqf .show {
    display: block
}

.footer-list-gqf .hide {
    display: none
}

.footer-list-gqf .clearfix {
    clear: both;
    zoom:1}

.footer-list-gqf .footer {
    overflow: hidden;
    position: relative
}

.footer-list-gqf .footer .text-right {
    color: #fff
}

.footer-list-gqf .footer-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.footer-list-gqf .footer img {
    display: inline-block
}

.footer-list-gqf .footer .footer-container {
    padding: 50px 20px
}

.footer-list-gqf .footer .foot_list {
    overflow: hidden
}

.footer-list-gqf .foot_list .foot_about {
    padding-left: 0
}

.footer-list-gqf .foot_list .foot_about,.footer-list-gqf .foot_list .foot_con,.footer-list-gqf .foot_list .foot_pro {
    width: 31.3333%;
    margin-right: 3%;
    margin-bottom: 30px;
    float: left
}

.footer-list-gqf .foot_list .foot_con {
    margin-right: 0
}

.footer-list-gqf .foot_list .foot_tt {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #2c508c;
    margin-bottom: 36px;
    position: relative;
    color: #fff
}

.footer-list-gqf .foot_list .foot_tt:after {
    border: 2px solid #df0d0e;
    bottom: -4px;
    content: "";
    left: 0;
    position: absolute;
    width: 100px
}

.footer-list-gqf .foot_list .foot_tt span {
    display: inline-block;
    padding-bottom: 17px
}

.footer-list-gqf .foot_list .textwidget {
    font-size: 16px;
    line-height: 26px;
    color: #fff
}

.footer-list-gqf .foot_list .textwidget p {
    line-height: 2.2em;
    font-size: 14px
}

.footer-list-gqf .textwidget .contact-title {
    color: #fff;
    margin-bottom: 10px
}

.footer-list-gqf .textwidget .contact_info {
    color: #ccc;
    line-height: 22px;
    margin-bottom: 20px
}

.footer-list-gqf .foot_pro .textwidget ul {
    overflow: hidden
}

.footer-list-gqf .foot_pro .textwidget ul li {
    margin-bottom: 21px
}

.footer-list-gqf .foot_pro .textwidget ul li a {
    position: relative;
    display: block;
    color: #fff;
    padding-left: 25px;
    line-height: 18px;
    transition: all 0.3s
}

.footer-list-gqf .foot_pro .textwidget ul li a:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 10px;
    background-color: #df0d0e;
    left: 0;
    display: inline-block;
    top: 4px
}

.footer-list-gqf .foot_pro .textwidget ul li a:after {
    border-color: transparent transparent transparent #df0d0e;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    left: 5px;
    top: 4px;
    content: "";
    display: inline-block
}

.footer-list-gqf .foot_list .foot_about .more {
    width: 150px;
    border: 1px solid #df0d0e;
    height: 38px;
    margin-top: 36px;
    border-radius: 0
}

.footer-list-gqf .foot_list .foot_about .more a {
    display: block;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-bottom: 2px solid #2c508c;
    text-align: center;
    transition: all 0.3s
}

.footer-list-gqf .foot_list .foot_about .more a:hover {
    border-bottom: 2px solid #df0d0e
}

.footer-list-gqf .footer .foot {
    overflow: hidden;
    border-top: 1px solid #df0d0e;
    margin: 60px 0 0;
    line-height: 28px
}

.footer-list-gqf .footer .foot font,.footer-list-gqf .footer .foot a {
    float: right;
    color: #fff;
    line-height: 40px;
    margin-top: 10px;
    margin-left: 20px
}

.footer-list-gqf .footer .foot font {
    float: left;
    margin-left: 0
}

@media screen and (max-width: 1300px) {
    .footer-list-gqf .wrapper {
        padding:0 20px
    }

    .footer-list-gqf .header .wrapper {
        padding: 0px
    }
}

@media screen and (max-width: 1024px) {
    .footer-list-gqf .foot_list .foot_pro {
        display:none
    }

    .footer-list-gqf .foot_list .foot_about,.footer-list-gqf .foot_list .foot_con {
        width: 48%;
        margin-right: 4%
    }

    .footer-list-gqf .foot_list .foot_con {
        margin-right: 0
    }
}

@media screen and (max-width: 640px) {
    .footer-list-gqf .foot_list .foot_about {
        display:none
    }

    .footer-list-gqf .foot_list .foot_con {
        width: 96%;
        margin: 0px 2%
    }
}

@media screen and (max-width: 414px) {
    .footer-list-gqf .footer .foot font {
        float:none;
        margin-left: 0
    }

    .footer-list-gqf .footer .foot font,.footer-list-gqf .footer .foot a {
        float: left;
        margin-left: 0px
    }
}

.footer-list-qcode .full {
    width: 100%
}

.footer-list-qcode .inner {
    padding: 2em 0
}

.footer-list-qcode #primary {
    width: 100%
}

.footer-list-qcode #primary.have-sidebar {
    width: 71%
}

.footer-list-qcode #primary.fr {
    padding-left: 5%
}

.footer-list-qcode #primary.fl {
    padding-right: 5%
}

.footer-list-qcode #secondary {
    width: 29%
}

.footer-list-qcode .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.footer-list-qcode img {
    max-width: 100%
}

.footer-list-qcode ul,.footer-list-qcode ol,.footer-list-qcode li {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-list-qcode .fl {
    float: left
}

.footer-list-qcode .fr {
    float: right
}

.footer-list-qcode .show {
    display: block
}

.footer-list-qcode .hide {
    display: none
}

.footer-list-qcode .clearfix {
    clear: both;
    zoom:1}

.footer-list-qcode .footer {
    padding: 80px 0 0;
    overflow: hidden;
    position: relative;
    border-top: 4px solid #2c508c
}

.footer-list-qcode .footer .text-right {
    color: #fff
}

.footer-list-qcode .section-bgcol {
    position: absolute;
    z-index: -2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.footer-list-qcode .footer .wrapper {
    overflow: hidden
}

.footer-list-qcode .footer .f_contact {
    width: 28%;
    float: left
}

.footer-list-qcode .f_contact font {
    display: block;
    font-size: 15px;
    color: #fff;
    padding: 6px 0 20px
}

.footer-list-qcode .footer .f_contact ul {
    margin: 0;
    padding: 0
}

.footer-list-qcode .footer .f_contact ul li {
    line-height: 18px;
    padding: 10px 0
}

.footer-list-qcode .footer .f_contact ul li a {
    color: #fff;
    display: block;
    font-size: 14px
}

.footer-list-qcode .footer .f_contact ul li a .iconfont {
    color: #2c508c
}

.footer-list-qcode .footer .f_rt_nav font {
    display: block;
    font-size: 15px;
    color: #fff;
    padding: 6px 0 20px
}

.footer-list-qcode .footer .f_rt_nav {
    width: 18%;
    overflow: hidden;
    float: left
}

.footer-list-qcode .footer .f_rt {
    float: right
}

.footer-list-qcode .footer .f_rt_nav ul {
    margin: 0;
    padding: 0
}

.footer-list-qcode .footer .f_rt_nav ul li {
    line-height: 18px;
    padding: 6px 0
}

.footer-list-qcode .footer .f_rt_nav ul li a {
    color: #fff;
    display: block;
    font-size: 12px;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70)
}

.footer-list-qcode .footer .f_rt_nav ul li a:hover {
    color: #fff;
    opacity: 1;
    transition: 0.5s
}

.footer-list-qcode .footer .f_desc {
    line-height: 20px;
    padding: 20px 0 20px;
    margin-top: 50px;
    color: #fff;
    border-top: 1px solid #444
}

.footer-list-qcode .footer .f_desc a {
    padding: 0 4px;
    color: #fff
}

.footer-list-qcode .footer .f_desc .fr img {
    display: inline-block
}

.footer-list-qcode .footer .f_desc .fr {
    text-align: right
}

.footer-list-qcode .footer .f_desc .img-link {
    text-align: center
}

.footer-list-qcode .footer .f_desc .img-link img {
    height: 30px
}

.footer-list-qcode .section-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 1200px) {
    .footer-list-qcode .wrapper {
        padding:0 20px
    }
}

@media screen and (max-width: 1024px) {
    .footer-list-qcode .footer .f_rt {
        float:none;
        display: none
    }

    .footer-list-qcode .footer .f_contact {
        width: 36%
    }

    .footer-list-qcode .footer .f_rt_nav {
        width: 21.333333%
    }
}

@media screen and (max-width: 768px) {
    .footer-list-qcode .footer .f_rt_nav:nth-of-type(1) {
        display:none
    }
}

@media screen and (max-width: 720px) {
    .footer-list-qcode .f_desc .fl,.footer-list-qcode .f_desc .fr {
        float:none;
        text-align: center
    }

    .footer-list-qcode .f_desc .text-right {
        text-align: center
    }
}

@media screen and (max-width: 640px) {
    .footer-list-qcode .footer .f_rt_nav {
        display:none
    }

    .footer-list-qcode .footer .f_rt_nav:last-of-type(2) {
        display: block
    }

    .footer-list-qcode .footer .f_contact,.footer-list-qcode .footer .f_rt_nav {
        width: 100%
    }

    .footer-list-qcode .f_desc .text-right {
        text-align: center
    }

    .footer-list-qcode .footer .f_contact {
        width: 275px;
        float: none;
        margin: 0 auto
    }
}

.footer-map-hyl .section {
    height: 580px
}

.footer-map-hyl .section-container {
    padding: 0
}

.footer-map-hyl .row-hyl {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 580px
}

.footer-map-hyl .col5 {
    float: left;
    width: 44%
}

.footer-map-hyl .col7 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 56%
}

.footer-map-hyl .googlemap {
    width: 100%;
    height: 580px
}

.footer-map-hyl .foot-info-tit h3 {
    color: rgba(254,254,254,0.5);
    padding-top: 80px;
    font-size: 18px
}

.footer-map-hyl .foot-info-tit span {
    color: rgba(126,126,126,0.6);
    font-size: 10px
}

.footer-map-hyl .foot-info-p p {
    color: rgba(254,254,254,0.3);
    font-size: 14px
}

.footer-map-hyl .foot-info-p p img {
    margin-top: 48px
}

@media screen and (max-width: 1300px) {
    .footer-map-hyl .col5 {
        padding-left:4%;
        padding-right: 2%
    }
}

@media screen and (max-width: 768px) {
    .footer-map-hyl .row-hyl {
        height:auto
    }

    .footer-map-hyl .section {
        height: auto
    }

    .footer-map-hyl .col5 {
        width: 100%;
        padding-bottom: 40px
    }

    .footer-map-hyl .col7 {
        position: static;
        width: 100%
    }

    .footer-map-hyl .foot-info-tit h3 {
        padding-top: 20px
    }

    .footer-map-hyl .col5 {
        padding-left: 8%;
        padding-right: 8%
    }

    .footer-map-hyl .googlemap {
        height: 250px
    }

    .footer-map-hyl .foot-info-p p img {
        display: none
    }
}

.footer-map-hyl .section-bgcol {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.footer-qcode-section .full {
    width: 100%
}

.footer-qcode-section .inner {
    padding: 2em 0
}

.footer-qcode-section #primary {
    width: 100%
}

.footer-qcode-section #primary.have-sidebar {
    width: 71%
}

.footer-qcode-section #primary.fr {
    padding-left: 5%
}

.footer-qcode-section #primary.fl {
    padding-right: 5%
}

.footer-qcode-section #secondary {
    width: 29%
}

.footer-qcode-section .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.footer-qcode-section img {
    max-width: 100%
}

.footer-qcode-section ul,.footer-qcode-section ol,.footer-qcode-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-qcode-section .fl {
    float: left
}

.footer-qcode-section .fr {
    float: right
}

.footer-qcode-section .show {
    display: block
}

.footer-qcode-section .hide {
    display: none
}

.footer-qcode-section .clearfix {
    clear: both;
    zoom:1}

.footer-qcode-section .footer {
    position: relative;
    padding: 66px 0 46px
}

.footer-qcode-section .footer .foot_top {
    overflow: hidden
}

.footer-qcode-section .footer .foot_top .foot_tleft {
    float: left;
    overflow: hidden;
    width: 76%
}

.footer-qcode-section .footer_bgcol {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.footer-qcode-section .footer .foot_top .foot_tleft dl {
    float: left;
    margin-right: 2%;
    width: 18%;
    text-align: center;
    margin-bottom: 30px
}

.footer-qcode-section .footer .foot_top .foot_tleft dl.qrcode {
    float: right
}

.footer-qcode-section .footer .foot_top .foot_tleft dl.qrcode img {
    width: 140px;
    height: 140px
}

.footer-qcode-section .footer .foot_top .foot_tleft dl dt {
    margin-bottom: 16px
}

.footer-qcode-section .footer .foot_top .foot_tleft dl dt a {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.footer-qcode-section .footer .foot_top .foot_tleft dl dd a {
    font-size: 14px;
    color: #737373;
    line-height: 34px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.footer-qcode-section .footer .foot_top .foot_tright {
    float: right;
    text-align: right;
    width: 20%
}

.footer-qcode-section .footer .foot_top .foot_tright h2 {
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    margin: 0
}

.footer-qcode-section .footer .foot_top .foot_tright p {
    font-size: 14px;
    color: #737373;
    margin: 10px 0
}

.footer-qcode-section .footer .foot_top .foot_tright h3 {
    font-size: 14px;
    color: #fff
}

.footer-qcode-section .footer .foot_top .foot_tright h3 span {
    display: block;
    font-weight: normal;
    margin-top: 6px;
    color: #bbb
}

.footer-qcode-section .footer .foot_bottom {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #6585a3
}

.footer-qcode-section .footer .foot_bottom p {
    font-size: 12px;
    color: #fff
}

.footer-qcode-section .footer .foot_bottom .copyinfo {
    overflow: hidden;
    margin-top: 12px
}

.footer-qcode-section .footer .foot_bottom .copyinfo p {
    float: left;
    color: #737373
}

.footer-qcode-section .footer .foot_bottom .copyinfo a {
    float: right;
    color: #737373;
    font-size: 12px;
    margin-left: 16px
}

.footer-qcode-section .footer .foot_bottom img {
    display: inline-block
}

.footer-qcode-section .footer .foot_description {
    clear: both
}

.footer-qcode-section .footer .foot_description,.footer-qcode-section .foot_description a,.footer-qcode-section .foot_description p {
    color: #737373
}

.footer-qcode-section .footer .jianshe {
    color: #fff
}

@media screen and (max-width: 1300px) {
    .footer-qcode-section .wrapper {
        padding:0 20px
    }
}

@media screen and (max-width: 1024px) {
    .footer-qcode-section .footer .foot_top .foot_tleft dl:nth-of-type(1),.footer-qcode-section .footer .foot_top .foot_tleft dl:nth-of-type(2) {
        display:none
    }

    .footer-qcode-section .footer .foot_top .foot_tright h2 {
        font-size: 20px
    }

    .footer-qcode-section .footer .foot_top .foot_tright p {
        font-size: 12px
    }
}

@media screen and (max-width: 768px) {
    .footer-qcode-section .footer .foot_top .foot_tleft {
        width:100%
    }

    .footer-qcode-section .footer .foot_top .foot_tleft dl {
        float: left;
        margin-right: 2%;
        width: 46%;
        min-height: 142px
    }

    .footer-qcode-section .footer .foot_top .foot_tright {
        float: none;
        text-align: center;
        width: 100%
    }

    .footer-qcode-section .footer .foot_top .foot_tleft dl.qrcode {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .footer-qcode-section .footer {
        padding:40px 0
    }

    .footer-qcode-section .footer .foot_top .foot_tleft dl {
        display: none
    }

    .footer-qcode-section .footer .foot_top .foot_tright {
        display: block
    }
}

.footer-scrollToTopPlus .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.8;
    transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out
}

.footer-scrollToTopPlus .scrollToTopBox {
    height: auto;
    width: 50px;
    position: fixed;
    bottom: 50px;
    right: 40px;
    text-align: center;
    padding: 5px 0px;
    cursor: pointer;
    overflow: hidden;
    display: none;
    box-sizing: content-box;
    z-index: 9999
}

.footer-scrollToTopPlus .scrollToTopBox:hover .section-bg {
    opacity: 1
}

.footer-scrollToTopPlus .scrollToTopBox:hover span i.jiantou-animate {
    animation: myjiantou 0.7s infinite ease-in-out;
    -ms-animation: myjiantou 0.7s infinite ease-in-out;
    -moz-animation: myjiantou 0.7s infinite ease-in-out;
    -webkit-animation: myjiantou 0.7s infinite ease-in-out;
    -o-animation: myjiantou 0.7s infinite ease-in-out
}

.footer-scrollToTopPlus .scrollToTopBox p {
    padding: 0px;
    font-size: 16px;
    font-weight: normal;
    margin-top: 3px
}

.footer-scrollToTopPlus .scrollToTopBox p.txt {
    padding: 0px;
    font-size: 16px;
    font-weight: normal;
    margin-top: 5px
}

.footer-scrollToTopPlus .scrollToTopBox span {
    display: block;
    width: 100%;
    font-size: 50px
}

.footer-scrollToTopPlus .scrollToTopBox span i {
    line-height: 30px;
    height: 30px;
    display: block
}

.footer-scrollToTopPlus .fa-angle-up:before {
    line-height: 30px
}

.footer-scrollToTopPlus .scrollToTopBox span i.jiantou {
    line-height: 23px;
    display: block;
    transform: rotate(45deg) translate(8px,8px);
    -ms-transform: rotate(45deg) translate(8px,8px);
    -moz-transform: rotate(45deg) translate(8px,8px);
    -webkit-transform: rotate(45deg) translate(8px,8px);
    -o-transform: rotate(45deg) translate(8px,8px);
    height: 23px;
    width: 23px;
    margin: auto
}

@keyframes myjiantou {
    0% {
        transform: rotate(45deg) translate(12px,12px) scale(0.2);
        opacity: 0.3
    }

    100% {
        transform: rotate(45deg) translate(5px,5px) scale(1);
        opacity: 1
    }
}

@-moz-keyframes myjiantou /* Firefox */
{
    0% {
        transform: rotate(45deg) translate(12px,12px) scale(0.2);
        opacity: 0.3
    }

    100% {
        transform: rotate(45deg) translate(5px,5px) scale(1);
        opacity: 1
    }
}

@-webkit-keyframes myjiantou /* Safari 和 Chrome */
{
    0% {
        transform: rotate(45deg) translate(12px,12px) scale(0.2);
        opacity: 0.3
    }

    100% {
        transform: rotate(45deg) translate(5px,5px) scale(1);
        opacity: 1
    }
}

@-o-keyframes myjiantou /* Opera */
{
    0% {
        transform: rotate(45deg) translate(12px,12px) scale(0.2);
        opacity: 0.3
    }

    100% {
        transform: rotate(45deg) translate(5px,5px) scale(1);
        opacity: 1
    }
}

.footer-section ul,.footer-section ol {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-section .footer {
    position: relative
}

.footer-section .footer-top {
    padding: 50px 0px
}

.footer-section .footer-top .widget-title {
    color: #c5c5c5;
    font-size: 16px;
    padding: 10px 0;
    margin: 10px auto;
    text-transform: uppercase
}

.footer-section .footer-top .row p,.footer-section .footer-top .row a {
    color: #eee
}

.footer-section .footer-top .row p span,.footer-section .footer-top .row .list li a {
    display: block;
    line-height: 2em
}

.footer-section .footer-top .row .list li a {
    text-transform: uppercase
}

.footer-section .footer-top .form-div .form-control {
    height: 45px;
    border-radius: 0
}

.footer-section .footer-top .form-div label {
    color: #eee
}

.footer-section .footer-top .form-div .btn-default {
    height: 45px;
    width: 100%;
    font-size: 16px;
    color: #fff;
    background-color: #2c508c;
    border-color: #2c508c;
    text-transform: uppercase;
    transition: 0.3s;
    border: none
}

.footer-section .footer-top .form-div .btn-default:hover {
    background-color: #df0d0e
}

.footer-section .footer-copyright {
    position: absolute;
    height: 42px;
    line-height: 42px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1c1c1c;
    overflow: hidden
}

.footer-section .footer-copyright p {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.footer-section .footer-copyright p.jianshe {
    float: right
}

.footer-section .footer-copyright p a {
    color: #666;
    display: block;
    padding: 10px
}

.footer-section .col-md-4 {
    width: 25%;
    float: left
}

.footer-section .container {
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (max-width: 720px) {
    .footer-section .col-sm-12 {
        width:100%;
        float: none;
        margin-bottom: 30px
    }
}

.footer-section .footer_bgcol {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.footer-section .footer_bgcol_bt {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.footer-section-ck .full {
    width: 100%
}

.footer-section-ck .inner {
    padding: 2em 0
}

.footer-section-ck #primary {
    width: 100%
}

.footer-section-ck #primary.have-sidebar {
    width: 71%
}

.footer-section-ck #primary.fr {
    padding-left: 5%
}

.footer-section-ck #primary.fl {
    padding-right: 5%
}

.footer-section-ck #secondary {
    width: 29%
}

.footer-section-ck .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.footer-section-ck img {
    max-width: 100%
}

.footer-section-ck ul,.footer-section-ck ol,.footer-section-ck li {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-section-ck .fl {
    float: left
}

.footer-section-ck .fr {
    float: right
}

.footer-section-ck .show {
    display: block
}

.footer-section-ck .hide {
    display: none
}

.footer-section-ck .clearfix {
    clear: both;
    zoom:1}

.footer-section-ck .footer {
    position: relative;
    border-top: 2px solid #2c508c
}

.footer-section-ck .footer .text-right {
    color: #8f8e93
}

.footer-section-ck .footer_bgcol {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.footer-section-ck .footer-container {
    padding: 20px
}

.footer-section-ck .footer .row {
    overflow: hidden
}

.footer-section-ck .footer .row .col-3 {
    width: 30%;
    padding: 10px 1%;
    box-sizing: border-box;
    float: left
}

.footer-section-ck .footer .row .col-3:first-of-type {
    padding-top: 0;
    padding-bottom: 0
}

.footer-section-ck .footer .row .col-3 .logo {
    margin-bottom: 0px
}

.footer-section-ck .footer .row .col-3 p {
    color: #babbc0;
    font-size: 12px;
    line-height: 1.8em
}

.footer-section-ck .footer .row .col-4 {
    float: left;
    width: 40%;
    padding: 0px 3%;
    box-sizing: border-box
}

.footer-section-ck .footer .row .col-4 .qcode {
    float: left;
    width: 31.33333%;
    margin: 10px 1%;
    text-align: center
}

.footer-section-ck .footer .row .col-4 .qcode img {
    display: inline-block;
    max-width: 95px
}

.footer-section-ck .footer .row .col-4 .qcode .title {
    color: #8f8e93;
    padding: 0;
    font-size: 12px
}

.footer-section-ck .footer .row .col-3 div,.footer-section-ck .footer .row .col-3 a {
    color: #8f8e93;
    font-size: 12px;
    line-height: 1.8em
}

.footer-section-ck .footer .row .guanzhu {
    overflow: hidden;
    margin-bottom: 10px
}

.footer-section-ck .footer .row .guanzhu span,.footer-section-ck .footer .row .guanzhu a {
    float: left;
    margin: 2px 4px;
    margin-left: 0
}

.footer-section-ck .footer .row .text-right a {
    float: none;
    width: 100%;
    padding: 0;
    transition: 0.3s;
    text-align: left
}

.footer-section-ck .footer .row .text-right a:hover {
    color: #ddd
}

.footer-section-ck .footer .row .text-right a img {
    display: inline-block;
    margin-right: 5px
}

.footer-section-ck .footer .row .col6 {
    width: 100%
}

@media screen and (max-width: 1300px) {
    .footer-section-ck .wrapper {
        padding:0 20px
    }

    .footer-section-ck .header .wrapper {
        padding: 0px
    }

    .footer-section-ck .footer .footer-container {
        padding: 0 20px
    }
}

@media screen and (max-width: 1024px) {
    .footer-section-ck .footer .row .col-3,.footer-section-ck .footer .row .col-4 {
        width:100%;
        float: none;
        text-align: center;
        overflow: hidden
    }

    .footer-section-ck .footer .row .col-3 .logo,.footer-section-ck .footer .row .col-4 img {
        display: inline-block;
        margin-bottom: 0px
    }

    .footer-section-ck .footer .row .col-3 div,.footer-section-ck .footer .row .col-3 a {
        display: inline-block
    }

    .footer-section-ck .footer .row .col-3 .guanzhu,.footer-section-ck .footer .row .col-3 .col6 {
        display: block;
        width: 100%;
        float: right
    }
}

@media screen and (max-width: 720px) {
    .footer-section-ck .footer .row .col-3,.footer-section-ck .footer .row .col-4 {
        text-align:left
    }

    .footer-section-ck .footer .row .col-4 {
        padding: 0
    }

    .footer-section-ck .footer .row .col-4 .qcode {
        margin-right: 3%;
        margin-left: 0;
        text-align: left
    }

    .footer-section-ck .footer .row .col-4 .qcode:nth-of-type(3n) {
        margin-right: 0px
    }
}

.footer-section-ss a {
    color: #fff
}

.footer-section-ss .full {
    width: 100%
}

.footer-section-ss .inner {
    padding: 2em 0
}

.footer-section-ss #primary {
    width: 100%
}

.footer-section-ss #primary.have-sidebar {
    width: 71%
}

.footer-section-ss #primary.fr {
    padding-left: 5%
}

.footer-section-ss #primary.fl {
    padding-right: 5%
}

.footer-section-ss #secondary {
    width: 29%
}

.footer-section-ss .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.footer-section-ss img {
    max-width: 100%
}

.footer-section-ss ul,.footer-section-ss ol,.footer-section-ss li {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-section-ss .fl {
    float: left
}

.footer-section-ss .fr {
    float: right
}

@media screen and (max-width: 720px) {
    .footer-section-ss .fr {
        float:left
    }
}

.footer-section-ss .show {
    display: block
}

.footer-section-ss .hide {
    display: none
}

.footer-section-ss .clearfix {
    clear: both;
    zoom:1}

.footer-section-ss .footer {
    position: relative
}

.footer-section-ss .footer_bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.footer-section-ss .footer a:hover,.footer-section-ss .footer a:focus {
    text-decoration: none
}

.footer-section-ss .footer .footer-container {
    overflow: hidden
}

.footer-section-ss .footer .contact-us,.footer-section-ss .footer .form-area {
    width: 50%
}

.footer-section-ss .footer .contact-us .main-tit {
    margin-bottom: 50px
}

.footer-section-ss .footer .contact-us .main-tit h2 {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    margin-right: 10px
}

.footer-section-ss .footer .contact-us .main-tit span {
    text-transform: uppercase;
    font-size: 16px;
    color: #9d9b9b
}

.footer-section-ss .footer .contact-us .main-ft h3 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 30px
}

.footer-section-ss .footer .contact-us .main-ft p {
    color: #9d9b9b;
    font-size: 14px;
    width: 370px;
    margin: 0;
    line-height: 2em
}

.footer-section-ss .footer .contact-us .main-ft .icon1 {
    margin: 30px 0
}

.footer-section-ss .footer .contact-us .main-ft .icon1 a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #3a3636;
    line-height: 30px;
    border-radius: 50%;
    background-color: #615e5e;
    margin-right: 20px
}

.footer-section-ss .footer .contact-us .main-ft .icon1 a:hover {
    color: #df0d0e;
    background-color: #fff
}

.footer-section-ss .footer .contact-us .main-ft .icon1 a span {
    font-size: 20px
}

.footer-section-ss .footer .form-area form {
    width: 80%;
    float: right;
    margin-top: 55px
}

.footer-section-ss .footer .form-area form .form-group label {
    display: none
}

.footer-section-ss .footer .form-area form .form-group {
    background: none;
    margin-bottom: 15px
}

.footer-section-ss .footer .form-area form .form-group:last-of-type {
    position: relative
}

.footer-section-ss .footer .form-area form .form-group .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.42857143
}

.footer-section-ss .footer .form-area form .form-group.form-button {
    padding: 6px 0
}

.footer-section-ss .footer .form-area form .form-group.form-textarea {
    height: 74px
}

.footer-section-ss .footer .form-area form .form-group.form-group-name,.footer-section-ss .footer .form-area form .form-group.form-group-tel {
    width: 50%;
    float: left
}

.footer-section-ss .footer .form-area form .form-group input,.footer-section-ss .footer .form-area form .form-group textarea {
    width: 100%;
    height: 34px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #4b4747;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    transition: 0.3s;
    color: #999
}

.footer-section-ss .footer .form-area form .form-group input[type="submit"] {
    height: 40px;
    line-height: 40px;
    border: none;
    background-color: #615e5e;
    color: #fff;
    transition: 0.3s;
    border: 1px solid #999
}

.footer-section-ss .footer .form-area form .form-group input[type="submit"]:hover {
    background-color: #df0d0e;
    border-color: #df0d0e
}

.footer-section-ss .footer .form-area form .form-group input:focus,.footer-section-ss .footer .form-area form .form-group textarea:focus {
    border-bottom: 1px solid #999
}

.footer-section-ss .footer .form-area form .form-group textarea {
    height: 74px;
    overflow: auto
}

.footer-section-ss .footer .form-area form .form-group #note {
    position: absolute;
    top: 6px;
    left: 12px;
    color: #999
}

.footer-section-ss .footer .text-right {
    overflow: hidden
}

.footer-section-ss .footer-section-ss .fr {
    color: #9d9b9b
}

.footer-section-ss .footer .text-right a {
    float: left;
    margin: 0 5px
}

.footer-section-ss .footer .text-right a img {
    display: inline-block
}

.footer-section-ss .footer .copy-r {
    color: #fff
}

@media screen and (max-width: 1300px) {
    .footer-section-ss .wrapper {
        padding:0 20px
    }

    .footer-section-ss .header .wrapper {
        padding: 0px
    }
}

@media screen and (max-width: 640px) {
    .footer-section-ss .footer .contact-us {
        width:100%
    }

    .footer-section-ss .footer .form-area {
        width: 100%
    }

    .footer-section-ss .footer .form-area form {
        width: 100%;
        float: none;
        margin-top: 0px
    }

    .footer-section-ss .footer .contact-us .main-ft p {
        width: 100%
    }
}

.footer-section-ss .icon1 a {
    position: relative
}

.footer-section-ss .icon1 a span.p {
    padding: 5px;
    display: none;
    position: absolute;
    top: -20px;
    left: 140%;
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 5px;
    z-index: 11
}

.footer-section-ss .icon1 a:hover span.p {
    display: block
}

.footer-section-sunrise .fl {
    float: left
}

.footer-section-sunrise .fr {
    float: right
}

.footer-section-sunrise .show {
    display: block
}

.footer-section-sunrise .hide {
    display: none
}

.footer-section-sunrise .clearfix {
    clear: both;
    zoom:1}

.footer-section-sunrise ul,.footer-section-sunrise li {
    margin: 0;
    padding: 0
}

.footer-section-sunrise .footer {
    position: relative
}

.footer-section-sunrise .footer-container {
    overflow: hidden
}

.footer-section-sunrise .footer_bgcol,.footer-section-sunrise .footer_bottom_bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.footer-section-sunrise .footer_bgcol {
    z-index: -1
}

.footer-section-sunrise .footerbox .foll {
    float: left;
    width: 286px
}

.footer-section-sunrise .footerbox .pro {
    float: left;
    margin-left: 80px;
    width: 368px
}

.footer-section-sunrise .footerbox .con {
    float: right;
    width: 456px
}

.footer-section-sunrise .footerbox .foll h2 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase
}

.footer-section-sunrise .footerbox .foll p {
    font-size: 15px;
    color: #eee;
    font-family: Arial;
    margin: 26px 0 20px;
    line-height: 26px
}

.footer-section-sunrise .footerbox .pro h2 {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase
}

.footer-section-sunrise .footerbox .con h2 {
    font-size: 18px;
    color: #eee;
    margin-bottom: 26px;
    text-transform: uppercase
}

.footer-section-sunrise .footerbox .foll .share ul li {
    margin-bottom: 16px;
    line-height: 36px;
    position: relative
}

.footer-section-sunrise .footerbox .foll .share ul li a {
    display: block;
    color: #999;
    font-size: 16px
}

.footer-section-sunrise .footerbox .foll .share ul li a i {
    width: 30px;
    height: 30px;
    background-position: 2.5px center;
    background-repeat: no-repeat;
    margin-right: 16px;
    background-color: #b3b3b3;
    display: block;
    border-radius: 50%;
    float: left;
    background-size: 50px auto
}

.footer-section-sunrise .footerbox .foll .share ul li a:hover i {
    background-position: -22.5px 2.5px;
    background-color: #fff
}

.footer-section-sunrise .footerbox .foll .share ul li .box {
    top: 0;
    position: absolute;
    transition: 0.3s;
    left: 260px;
    min-width: 200px;
    visibility: hidden;
    opacity: 0;
    filter: aplha(opacity=0)
}

.footer-section-sunrise .footerbox .foll .share ul li .box a,.footer-section-sunrise .footerbox .foll .share ul li .box span {
    display: block;
    line-height: 30px;
    color: #fff
}

.footer-section-sunrise .footerbox .foll .share ul li:hover .box {
    left: 200px;
    visibility: visible;
    opacity: 1;
    filter: aplha(opacity=100)
}

.footer-section-sunrise .footerbox .foll .share ul li:hover a {
    color: #fff
}

.footer-section-sunrise .footerbox .pro ul {
    margin-top: 30px;
    overflow: hidden
}

.footer-section-sunrise .footerbox .pro ul li {
    margin-bottom: 28px;
    color: #fff;
    position: relative;
    z-index: 1111
}

.footer-section-sunrise .footerbox .pro ul li a {
    font-size: 14px;
    color: #eee;
    font-family: Arial;
    text-transform: uppercase;
    display: block;
    overflow: hidden;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.footer-section-sunrise .footerbox .pro ul li a:hover {
    color: #fff
}

.footer-section-sunrise .footerbox .con p {
    color: #eee;
    margin-bottom: 10px
}

.footer-section-sunrise .footerbox .con p a {
    text-decoration: underline;
    color: rgba(255,255,255,0.7)
}

.footer-section-sunrise .footerbox .con p a:hover {
    color: #fff
}

.footer-section-sunrise .ft-bottom {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
    line-height: 40px;
    text-align: right
}

.footer-section-sunrise .ft-bottom .fr {
    overflow: hidden;
    width: 70%
}

.footer-section-sunrise .ft-bottom .fl {
    /*width: 30%*/
}

.footer-section-sunrise .ft-bottom a {
    color: rgba(255,255,255,0.6);
    font-size: 13px;
    float: right;
    margin-left: 10px;
    line-height: 40px
}

.footer-section-sunrise .ft-bottom p {
    line-height: 40px;
    color: rgba(255,255,255,0.6)
}

.footer-section-sunrise .ft-bottom img {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 10px
}

.footer-section-sunrise .ft-bottom a:hover {
    color: #fff;
    text-decoration: underline
}

@media screen and (max-width: 1200px) {
    .footer-section-sunrise .footer-container {
        padding-left:20px;
        padding-right: 20px
    }

    .footer-section-sunrise .footerbox .pro {
        display: none
    }

    .footer-section-sunrise .footerbox .con {
        width: 58%;
        padding: 0 30px
    }

    .footer-section-sunrise .footerbox .foll {
        width: 40%;
        margin-right: 2%;
        padding: 0 30px
    }
}

@media screen and (max-width: 768px) {
    .footer-section-sunrise .ft-bottom .fl {
        width:70%;
        float: left;
        text-align: left
    }

    .footer-section-sunrise .ft-bottom .fr {
        width: 30%
    }
}

@media screen and (max-width: 720px) {
    .footer-section-sunrise .footerbox .foll {
        display:none
    }

    .footer-section-sunrise .footerbox .con {
        width: 100%
    }
}

@media screen and (max-width: 414px) {
    .footer-section-sunrise .ft-bottom {
        height:80px
    }

    .footer-section-sunrise .ft-bottom .fl {
        width: 100%;
        float: right;
        text-align: right
    }

    .footer-section-sunrise .ft-bottom .fr {
        width: 100%
    }
}

.footer-section-white .fl {
    float: left
}

.footer-section-white .fr {
    float: right
}

.footer-section-white .show {
    display: block
}

.footer-section-white .hide {
    display: none
}

.footer-section-white .clearfix {
    clear: both;
    zoom:1}

.footer-section-white ul,.footer-section-white li,.footer-section-white ol {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer-section-white .footer {
    position: relative
}

.footer-section-white .footer_bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.footer-section-white .footer ol {
    float: left;
    color: #bababa
}

.footer-section-white .footer ul {
    float: right;
    width: 140px;
    margin-left: 0;
    padding-left: 0;
    position: relative;
    min-height: 110px
}

.footer-section-white .footer ul:after {
    height: 100%;
    width: 1px;
    display: block;
    content: '';
    background-color: #ddd;
    position: absolute;
    top: 0;
    right: -5px
}

.footer-section-white .footer ul:first-of-type:after {
    display: none
}

.footer-section-white .footer ul li {
    color: #111;
    font-weight: 600;
    line-height: 1.5em
}

.footer-section-white .footer ul li a {
    color: #a6a6a6;
    font-weight: 300
}

.footer-section-white .footer ul li:first-of-type {
    margin-bottom: 15px
}

.footer-section-white .footer ul li:first-of-type>a {
    color: #111;
    font-weight: 700
}

.footer-section-white .footer ol li,.footer-section-white .footer ul li {
    text-align: center
}

.footer-section-white .footer ol {
    padding-bottom: 100px
}

.footer-section-white .footer ol span {
    font-size: 24px;
    color: #111
}

.footer-section-white .footer ol li {
    position: relative;
    margin-right: 5px
}

.footer-section-white .footer ol li a img {
    width: 36px;
    height: 36px;
    display: inline-block
}

.footer-section-white .footer .flgr-footer-link-wx,.footer-section-white .footer .flgr-footer-link-wb {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 200px
}

.footer-section-white .footer ol li a .footer-link-wx img,.footer-section-white .footer ol li a .footer-link-wb img {
    display: block;
    width: 100px;
    height: auto
}

.footer-section-white .footer .flgr-footer-link ol li:hover .flgr-footer-link-wb,.footer-section-white .footer .flgr-footer-link ol li:hover .flgr-footer-link-wx {
    display: block
}

.footer-section-white .flgr-footer-link {
    overflow: hidden
}

.footer-section-white .ft-bt {
    overflow: hidden
}

.footer-section-white .ft-bt a {
    float: right;
    margin-left: 10px;
    color: #333
}

.footer-section-white .ft-bt a:hover {
    color: #111
}

.footer-section-white .ft-bt img {
    float: left;
    margin-right: 3px
}

@media screen and (max-width: 720px) {
    .footer-section-white .footer ul:nth-of-type(1) {
        display:none
    }

    .footer-section-white .footer ul:nth-of-type(2) {
        display: none
    }
}

@media screen and (max-width: 414px) {
    .footer-section-white .footer ul {
        display:none
    }

    .footer-section-white .footer ol {
        padding-bottom: 0px
    }
}

.footer-standard-section .full {
    width: 100%
}

.footer-standard-section .inner {
    padding: 2em 0
}

.footer-standard-section #primary {
    width: 100%
}

.footer-standard-section #primary.have-sidebar {
    width: 71%
}

.footer-standard-section #primary.fr {
    padding-left: 5%
}

.footer-standard-section #primary.fl {
    padding-right: 5%
}

.footer-standard-section #secondary {
    width: 29%
}

.footer-standard-section .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.footer-standard-section img {
    max-width: 100%
}

.footer-standard-section ul,.footer-standard-section ol,.footer-standard-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-standard-section .fl {
    float: left
}

.footer-standard-section .fr {
    float: right
}

.footer-standard-section .show {
    display: block
}

.footer-standard-section .hide {
    display: none
}

.footer-standard-section .clearfix {
    clear: both;
    zoom:1}

.footer-standard-section .footer {
    position: relative
}

.footer-standard-section .footer .footer4_top {
    overflow: hidden;
    padding: 60px 0 0
}

.footer-standard-section .footer .footer4_top .f_t_nav {
    width: 150px;
    float: left;
    margin-right: 10px;
    min-height: 160px
}

.footer-standard-section .footer .footer4_top .f_t_nav font {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    padding-bottom: 16px;
    display: block;
    text-transform: uppercase
}

.footer-standard-section .footer .footer4_top .f_t_nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-standard-section .footer .footer4_top .f_t_nav ul li {
    line-height: 22px
}

.footer-standard-section .footer .footer4_top .f_t_nav ul li a {
    color: rgba(255,255,255,0.5);
    opacity: 0.6;
    font-size: 12px
}

.footer-standard-section .footer .footer4_top .f_t_nav ul li:hover a {
    opacity: 1
}

.footer-standard-section .footer .footer4_top .f_t_contact {
    width: 300px;
    float: right;
    margin-left: 20px
}

.footer-standard-section .footer .footer4_top .f_t_contact .f_t_c_con {
    overflow: hidden
}

.footer-standard-section .footer .footer4_top .f_t_contact .f_t_c_con .f_c_lt {
    width: 56px;
    height: 56px
}

.footer-standard-section .footer .footer4_top .f_t_contact .f_t_c_con .f_c_rt {
    overflow: hidden;
    margin-left: 22px;
    width: 210px
}

.footer-standard-section .footer .footer4_top .f_t_contact .f_t_c_con .f_c_rt font {
    color: rgba(255,255,255,0.5);
    font-size: 14px;
    display: block
}

.footer-standard-section .footer .footer4_top .f_t_contact .f_t_c_con .f_c_rt b {
    font-size: 18px;
    display: block;
    color: #00479d;
    padding: 5px 0
}

.footer-standard-section .footer .footer4_top .f_t_contact .f_t_c_con .f_c_rt b p {
    margin-left: 0
}

.footer-standard-section .footer .footer4_top .f_t_contact p {
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    line-height: 22px;
    margin-left: 78px
}

.footer-standard-section .footer .footer4_top .wrapper {
    overflow: hidden
}

.footer-standard-section .footer .footer4_top .f_t_map {
    width: 300px;
    float: right
}

.footer-standard-section .footer .footer4_top .f_t_map img {
    border-radius: 10px
}

.footer-standard-section .footer .footer4_bottom {
    overflow: hidden;
    height: 56px;
    width: 100%;
    margin-top: 30px
}

.footer-standard-section .footer .footer4_bottom .wrapper {
    height: 56px;
    line-height: 56px;
    color: #fff;
    border-top: 1px solid rgba(255,255,255,0.2)
}

.footer-standard-section .footer .footer4_bottom .fl {
    width: 45%
}

.footer-standard-section .footer .footer4_bottom .fr {
    width: 45%;
    text-align: right
}

.footer-standard-section .footer .footer4_bottom .fr a {
    color: #fff;
    margin-left: 20px
}

.footer-standard-section .footer .footer4_bottom .fr .text-right a {
    color: #fff;
    margin: 0 5px
}

.footer-standard-section .footer .footer4_bottom .fr .text-right img {
    display: inline-block
}

.footer-standard-section .section-bg,.footer-standard-section .section-bgcol {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: center;
    background-size: 100% 100%
}

.footer-standard-section .section-bgcol {
    z-index: -2
}

.footer-standard-section .footer .footer4_bottom .fl {
    width: 100%
}

.footer-standard-section .col6 {
    overflow: hidden
}

.footer-standard-section .footer .footer4_bottom a {
    line-height: 56px;
    color: #fff;
    float: right;
    margin: 0 10px
}

@media screen and (max-width: 1024px) {
    .footer-standard-section .footer .footer4_top .f_t_contact {
        width:300px;
        float: none;
        margin-left: 20px;
        overflow: hidden;
        margin: 0 auto
    }

    .footer-standard-section .footer .footer4_top .f_t_nav {
        width: 185px
    }
}

@media screen and (max-width: 960px) {
    .footer-standard-section .footer .footer4_top .f_t_nav {
        width:168px
    }
}

@media screen and (max-width: 768px) {
    .footer-standard-section .footer .footer4_top .f_t_nav {
        width:135px
    }
}

@media screen and (max-width: 720px) {
    .footer-standard-section .footer .footer4_top .f_t_nav {
        width:125px
    }
}

@media screen and (max-width: 640px) {
    .footer-standard-section .footer .footer4_top .f_t_nav {
        width:110px
    }
}

@media screen and (max-width: 414px) {
    .footer-standard-section .footer .footer4_top .f_t_nav {
        width:100%;
        text-align: center
    }
}

.footer-standard-vietax .full {
    width: 100%
}

.footer-standard-vietax .inner {
    padding: 2em 0
}

.footer-standard-vietax #primary {
    width: 100%
}

.footer-standard-vietax #primary.have-sidebar {
    width: 71%
}

.footer-standard-vietax #primary.fr {
    padding-left: 5%
}

.footer-standard-vietax #primary.fl {
    padding-right: 5%
}

.footer-standard-vietax #secondary {
    width: 29%
}

.footer-standard-vietax .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.footer-standard-vietax img {
    max-width: 100%
}

.footer-standard-vietax ul,.footer-standard-vietax ol,.footer-standard-vietax li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .footer-standard-vietax .wrapper {
        padding:0 20px
    }

    .footer-standard-vietax .header .wrapper {
        padding: 0px
    }
}

.footer-standard-vietax .fl {
    float: left
}

.footer-standard-vietax .fr {
    float: right
}

.footer-standard-vietax .show {
    display: block
}

.footer-standard-vietax .hide {
    display: none
}

.footer-standard-vietax .clearfix {
    clear: both;
    zoom:1}

.footer-standard-vietax .footer {
    position: relative
}

.footer-standard-vietax .section-bgcol {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.footer-standard-vietax .footer .footer-container {
    padding: 20px 20px
}

.footer-standard-vietax .footer .ft-top {
    margin: 0 auto
}

.footer-standard-vietax .footer .ft-top img {
    margin: 0 auto;
    display: block
}

.footer-standard-vietax .footer .ft-md {
    text-align: center;
    margin: 20px auto
}

.footer-standard-vietax .footer .ft-md .ft-md-top {
    text-align: center;
    margin: 0 auto;
    display: block
}

.footer-standard-vietax .footer .ft-md .ft-md-top li {
    display: inline-block;
    margin: 0 12px;
    position: relative
}

.footer-standard-vietax .footer .ft-md .ft-md-top li:after {
    content: '|';
    display: block;
    position: absolute;
    right: -15px;
    top: 0
}

.footer-standard-vietax .footer .ft-md .ft-md-top li:last-of-type:after {
    display: none
}

.footer-standard-vietax .footer .ft-md .ft-md-top li a {
    color: #585e55;
    font-size: 14px;
    line-height: 1.8em
}

.footer-standard-vietax .footer .ft-md .ft-md-top li a:hover {
    color: #3f983c
}

.footer-standard-vietax .footer .ft-md .ft-md-bt>div {
    display: inline-block;
    margin: 0 10px
}

.footer-standard-vietax .footer .ft-md .ft-md-bt>div,.footer-standard-vietax .footer .ft-md .ft-md-bt>div a {
    color: #585e55;
    transition: 0.3s
}

.footer-standard-vietax .footer .ft-md .ft-md-bt>div a:hover {
    color: #333;
    text-decoration: underline
}

.footer-standard-vietax .footer .ft-bt {
    text-align: center
}

.footer-standard-vietax .footer .ft-bt a {
    display: inline-block;
    margin: 0 12px;
    color: #585e55
}

.footer-standard-vietax .footer .ft-bt a:hover {
    color: #3f983c
}

.footer_solarland .footer .footer-container {
    overflow: hidden;
    padding: 0
}

.footer_solarland .footer_up {
    padding: 30px 0;
    position: relative
}

.footer_solarland .footer_up_bgcol {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.footer_solarland .widget_title {
    font-size: 18px;
    color: #2c508c
}

.footer_solarland .footer_up .footer-container {
    position: relative;
    z-index: 1
}

.footer_solarland .footer_up .col-13 {
    float: left;
    width: 26%
}

.footer_solarland .footer_up .col-18 {
    float: left;
    width: 36%
}

.footer_solarland .footer_up .col-18 p {
    color: #737373;
    font-size: 14px;
    line-height: 1.7em
}

.footer_solarland .footer_up .col-18 p span {
    margin-right: 8px
}

.footer_solarland .footer_up .col-19 {
    float: left;
    width: 38%;
    overflow: hidden
}

.footer_solarland .footer_up .col-19 .title {
    float: right;
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    width: 200px;
    padding-left: 20px;
    padding-right: 15px;
    box-sizing: border-box;
    color: #df0d0e;
    background-color: #2c508c;
    position: relative
}

.footer_solarland .footer_up .col-19 .title:before {
    z-index: 0;
    position: absolute;
    content: '';
    left: -50px;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    border: 50px solid red;
    border-bottom-color: #2c508c;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.footer_solarland .footer_up .col-19 .title span {
    position: relative
}

.footer_solarland .footer_up .col-19 .tel_num {
    color: #737373;
    font-size: 36px;
    margin-top: 70px
}

.footer_solarland .footer_bottom {
    height: 56px
}

.footer_solarland .footer_bottom p {
    line-height: 56px;
    text-align: center
}

.footer_solarland .footer_bottom span,.footer_solarland .footer_bottom a {
    color: #737373;
    font-size: 14px;
    display: inline-block;
    margin: 0 2px
}

.footer_solarland select {
    background: transparent;
    color: #2c508c;
    font-size: 18px;
    border: none;
    outline: none;
    margin-left: -5px;
    margin-top: 25px
}

.footer_solarland select option,.footer_solarland select option a {
    color: #2c508c
}

.footer_solarland .footer_bottom a img {
    width: 20px;
    height: auto
}

.footer_solarland .fl {
    float: left
}

.footer_solarland .fr {
    float: right
}

.footer_solarland .fr.qcode {
    width: 120px
}

.footer_solarland img {
    max-width: 100%
}

.footer_solarland .footer {
    position: relative
}

.footer_solarland .footer_up_bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.footer_solarland .footer_bt_bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 1200px) {
    .footer_solarland .footer .footer-container {
        padding:0 20px
    }

    .footer_solarland .footer_up .col-13 {
        display: none
    }

    .footer_solarland .footer_up .col-19,.footer_solarland .footer_up .col-18 {
        width: 50%
    }
}

@media screen and (max-width: 960px) {
    .footer_solarland .footer_up .col-19 .title {
        line-height:25px;
        height: 25px;
        font-size: 18px;
        background-color: transparent;
        color: #737373;
        padding-right: 27px;
        text-align: right
    }

    .footer_solarland .footer_up .col-19 .title:before {
        display: none
    }

    .footer_solarland .footer_up .col-19 .tel_num {
        margin-top: 40px;
        font-size: 26px
    }
}

@media screen and (max-width: 580px) {
    .footer_solarland .footer_up .col-18 {
        margin-bottom:5px
    }

    .footer_solarland .footer_up .col-19,.footer_solarland .footer_up .col-18 {
        width: 100%
    }

    .footer_solarland .footer_up .col-19 .fr,.footer_solarland .footer_up .col-19 .title {
        float: none;
        text-align: left;
        padding-left: 0;
        margin-top: 10px
    }

    .footer_solarland .footer_up .col-19 .tel_num {
        margin-top: 10px
    }

    .footer_solarland .footer_bottom {
        height: auto;
        padding: 5px 0
    }

    .footer_solarland .footer_bottom p {
        line-height: 1.4em
    }
}

.form-gqf .full {
    width: 100%
}

.form-gqf .inner {
    padding: 2em 0
}

.form-gqf #primary {
    width: 100%
}

.form-gqf #primary.have-sidebar {
    width: 71%
}

.form-gqf #primary.fr {
    padding-left: 5%
}

.form-gqf #primary.fl {
    padding-right: 5%
}

.form-gqf #secondary {
    width: 29%
}

.form-gqf .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.form-gqf img {
    max-width: 100%;
    margin: 0 auto
}

.form-gqf ul,.form-gqf ol,.form-gqf li {
    margin: 0;
    padding: 0;
    list-style: none
}

.form-gqf .fl {
    float: left
}

.form-gqf .fr {
    float: right
}

.form-gqf .show {
    display: block
}

.form-gqf .hide {
    display: none
}

.form-gqf .clearfix {
    clear: both;
    zoom:1}

.form-gqf .section {
    position: relative
}

.form-gqf .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.form-gqf .section .incon_tt {
    text-align: center
}

.form-gqf .section .incon_tt h2 {
    font-size: 18px;
    color: #2c508c;
    text-transform: uppercase;
    font-weight: normal
}

.form-gqf .section .incon_tt h3 {
    font-size: 20px;
    color: #9c9c9c;
    font-weight: normal
}

.form-gqf .section .incon_tt .line {
    margin: 26px auto 50px;
    border-bottom: 1px solid #2c508c;
    width: 470px;
    max-width: 100%;
    position: relative
}

.form-gqf .section .incon_tt .line:after {
    position: relative;
    content: '';
    top: 3px;
    display: block;
    border-bottom: 3px solid #df0d0e;
    width: 100px;
    margin: auto
}

.form-gqf .section .incon_tt .info {
    text-align: center;
    margin-bottom: 30px
}

.form-gqf .section form {
    overflow: hidden;
    position: relative;
    padding-bottom: 62px
}

.form-gqf .section form .form-label {
    display: none
}

.form-gqf .section form .form-group {
    float: left;
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin-right: 5%;
    margin-bottom: 20px
}

.form-gqf .section form .form-group.form-button {
    margin-right: 0
}

.form-gqf .section form .form-group.form-textarea {
    height: 100%
}

.form-gqf .section form .form-group .form-control {
    height: 100%
}

.form-gqf .section form .form-group .form-control input,.form-gqf .section form .form-group .form-control textarea {
    height: 100%;
    border: 1px solid #ccc;
    padding: 0 5px;
    width: 34%;
    outline: none;
    background: transparent
}

.form-gqf .section form .form-group .form-control input:focus,.form-gqf .section form .form-group .form-control textarea:focus,.form-gqf .section form .form-group .form-control input:hover,.form-gqf .section form .form-group .form-control textarea:hover {
    box-shadow: 0px 0px 10px #fff;
    border: 1px solid #2c508c
}

.form-gqf .section form .form-group.form-wenti,.form-gqf .section form .form-group.form-subtitle-,.form-gqf .section form .form-group.form--titre {
    position: absolute;
    right: 0px;
    width: 59%;
    top: 0px
}

.form-gqf .section form .form-group.form-liuyan,.form-gqf .section form .form-group.form-content,.form-gqf .section form .form-group.form-objet {
    position: absolute;
    right: 0px;
    width: 59%;
    top: 110px;
    height: 90px
}

.form-gqf .section form .form-group .form-control textarea {
    width: 100%
}

.form-gqf .section form .form-group.form-button {
    position: absolute;
    width: 30%;
    right: 0;
    bottom: 0
}

.form-gqf .section form .form-group.form-button input {
    background: none;
    border: none;
    border: none medium;
    width: 100%;
    text-align: center;
    line-height: 48px;
    height: 48px;
    border-bottom: 3px solid #df0d0e;
    transition: 0.3s;
    color: #666;
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    cursor: pointer
}

.form-gqf .section form .form-group.form-button input:hover {
    border-bottom: 3px solid #2c508c
}

.form-gqf .section form .form-group.form-textarea {
    height: 175px;
    position: absolute;
    left: 40%;
    right: 0;
    width: auto;
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .form-gqf .section form .form-group .form-control input,.form-gqf .section form .form-group .form-control textarea {
        width:100%
    }

    .form-gqf .section form .form-group.form-textarea,.form-gqf .section form .form-group.form-button {
        position: static;
        width: 100%
    }
}

.header .header {
    box-shadow: 0 3px 3px #eee;
    position: relative
}

.header .header-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.header .header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px
}

.header .header-mask {
    color: #fff
}

.header .header-content:before,.header .header-content:after {
    line-height: 0;
    display: table;
    content: ''
}

.header .header-content:after {
    clear: both
}

.header .header-content .header-logo {
    float: left;
    padding: 20px 0
}

.header .header-content .header-logo a,.header .header-content .header-logo div {
    display: inline-block;
    vertical-align: middle
}

.header .header-content .header-logo a {
    margin-right: 10px
}

.header .header-content .header-logo a img {
    height: 60px
}

.header .header-content .header-logo div {
    line-height: 1em
}

.header .header-content .nav {
    float: right
}

.header .header-content .nav ul li {
    padding: 20px 0
}

.header .header-content .nav ul li a {
    font-size: 16px;
    line-height: 50px;
    padding: 0 20px
}

.header .header-content .nav ul li a:hover,.header .header-content .nav ul li a.selected {
    color: #2c508c
}

.header .header-content .nav ul li ul {
    border-top: 3px solid #666;
    background-color: #fff
}

.header .header-content .nav ul li ul li {
    padding: 0
}

.header .header-content .nav ul li ul li a {
    min-width: 180px;
    font-size: 14px;
    line-height: 40px
}

.header .header-content .nav ul li ul li a:hover {
    color: #666;
    background-color: #fafafa
}

.header .header-content .nav ul li ul li ul {
    border-top: 0
}

.header .header-content .nav ul li.active>a {
    color: #2c508c
}

.header .header-content .nav ul li.active a.active {
    color: #2c508c
}

.header .header-content #mobile-nav {
    float: right;
    display: none;
    margin-top: 33px
}

.header .header-content #mobile-nav span {
    display: block;
    width: 30px;
    height: 4px;
    background-color: #8c8c8c;
    margin-bottom: 6px
}

.header .header-content #mobile-nav span:last-of-type {
    margin-bottom: 0
}

.header .header-content #site-navigation-mobile {
    display: none
}

.header .nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.header .nav ul li {
    position: relative;
    display: inline-block
}

.header .nav ul li a {
    display: block;
    white-space: nowrap;
    color: #737373
}

.header .nav ul li ul {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: none;
    position: absolute;
    z-index: 999999;
    top: 100%;
    left: 0
}

.header .nav ul li ul li {
    display: block
}

.header .nav ul li ul li ul {
    top: 0;
    left: 100%
}

.header .nav ul li:hover>ul {
    display: block
}

.header .nav>ul>li>ul>li>ul>li>ul {
    display: none
}

.header .nav>ul>li>ul>li>ul>li:hover>ul {
    display: none
}

@media screen and (max-width: 1200px) {
    .header .header.header-fixed-top {
        position:fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1111
    }

    .header .header-content #mobile-nav {
        display: block
    }

    .header .nav {
        display: none
    }

    .header .header-content .header-logo {
        width: 80%
    }
}

@media screen and (max-width: 720px) {
    .header .header .header-content .header-logo {
        max-width:88%;
        overflow: hidden
    }
}

@media screen and (max-width: 480px) {
    .header .header .header-content .header-logo a img {
        max-height:50px
    }
}

.header-graphics-textures .fl {
    float: left
}

.header-graphics-textures .fr {
    float: right
}

.header-graphics-textures .show {
    display: block
}

.header-graphics-textures .hide {
    display: none
}

.header-graphics-textures .clearfix {
    clear: both;
    zoom:1}

.header-graphics-textures ul,.header-graphics-textures li {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-graphics-textures .main_top {
    position: relative
}

.header-graphics-textures .inmain_top {
    position: relative
}

.header-graphics-textures .header {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0;
    padding: 20px 0;
    z-index: 111
}

.header-graphics-textures .header .logo {
    float: left;
    width: 320px;
    max-width: 70%;
    overflow: hidden;
    margin-top: 30px
}

.header-graphics-textures .header .logo img {
    float: left;
    display: block;
    margin-right: 6px;
    max-height: 83px
}

.header-graphics-textures .header .logo h2 {
    font-size: 24px;
    margin: 27px 0 4px;
    letter-spacing: 2px
}

.header-graphics-textures .header .logo span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.header-graphics-textures .header .logo div {
    font-size: 16px;
    line-height: 26px;
    padding: 12px 0 0 0
}

.header-graphics-textures .header .logo img {
    max-height: 83px;
    max-width: 230px
}

.header-graphics-textures .header a:hover {
    text-decoration: none
}

.header-graphics-textures .head_right {
    float: right
}

.header-graphics-textures .hright_top {
    overflow: hidden
}

.header-graphics-textures .head_right .tel {
    text-align: right;
    font-size: 14px;
    color: #737373;
    float: right;
    line-height: 34px;
    height: 34px
}

.header-graphics-textures .head_right .en_cn {
    float: right;
    overflow: hidden;
    line-height: 34px;
    margin-left: 10px
}

.header-graphics-textures .head_right .en_cn .chi,.header-graphics-textures .head_right .en_cn .en {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    color: #ddd;
    font-size: 12px
}

.header-graphics-textures .head_right .en_cn a {
    margin: 0 5px
}

.header-graphics-textures .head_right .en_cn img {
    display: inline-block;
    width: 24px;
    vertical-align: middle
}

.header-graphics-textures .head_right .en_cn .en {
    padding-left: 26px
}

.header-graphics-textures .head_right .en_cn .chi {
    padding-left: 26px;
    margin: 0 10px 0 16px
}

.header-graphics-textures .head_right .menu {
    text-align: right;
    margin-top: 16px
}

.header-graphics-textures .head_right .menu ul .ds {
    display: inline-block;
    padding: 5px 26px;
    position: relative
}

.header-graphics-textures .head_right .menu ul .ds:after {
    position: absolute;
    right: 0;
    content: '';
    top: 4px;
    bottom: 0;
    border-right: 1px solid #fff
}

.header-graphics-textures .head_right .menu ul .ds:nth-last-of-type(1) {
    padding-right: 0
}

.header-graphics-textures .head_right .menu ul .ds:nth-last-of-type(1):after {
    border: 0
}

.header-graphics-textures .head_right .menu ul .ds a {
    font-size: 16px;
    color: #737373
}

.header-graphics-textures .head_right .menu ul .ds:hover>a,.header-graphics-textures .head_right .menu ul .ds.active>a {
    color: #2c508c
}

.header-graphics-textures .dmenus {
    display: none;
    width: 330px;
    height: auto;
    overflow: hidden;
    left: 0px;
    position: absolute;
    z-index: 99999;
    background: #fff;
    top: 34px;
    border-bottom: 3px solid silver
}

.header-graphics-textures .dmenus .dmlist {
    overflow: hidden;
    padding: 26px
}

.header-graphics-textures .dmenus .dmlist .tleft_lt_about {
    float: left;
    text-align: left;
    width: 110px
}

.header-graphics-textures .dmenus .dmlist .tleft_lt_about ul li {
    line-height: 40px
}

.header-graphics-textures .dmenus .dmlist .tleft_lt_about ul li a {
    display: block;
    font-size: 14px;
    color: #737373;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.header-graphics-textures .dmenus .dmlist .about_img {
    float: right;
    width: 160px;
    height: 148px;
    overflow: hidden;
    margin-left: 8px
}

.header-graphics-textures .dmenus .dmlist .about_img img {
    display: block;
    max-width: 100%
}

.header-graphics-textures .mobile_nav {
    display: none;
    width: 50px;
    margin-top: 18px
}

.header-graphics-textures .mobile_nav span {
    display: block;
    width: 30px;
    height: 3px;
    margin: 5px auto;
    background-color: gray;
    border-radius: 2px
}

.header-graphics-textures #menu {
    display: none
}

@media screen and (max-width: 1200px) {
    .header-graphics-textures .header {
        position:relative;
        top: 0;
        height: 80px;
        padding: 10px 0
    }

    .header-graphics-textures .header .logo {
        margin-top: 14px
    }

    .header-graphics-textures .header-bgcol {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -2
    }

    .header-graphics-textures .header-container {
        max-width: 100%
    }

    .header-graphics-textures .mobile_nav {
        display: block;
        margin-top: 4px
    }

    .header-graphics-textures .head_right .menu,.header-graphics-textures .head_right .tel {
        display: none
    }

    .header-graphics-textures .head_right {
        margin-top: 13px
    }
}

@media screen and (max-width: 720px) {
    .header-graphics-textures .header {
        height:60px;
        padding: 10px 0
    }

    .header-graphics-textures .header .logo {
        margin-top: 7px;
        max-width: 100px
    }

    .header-graphics-textures .mobile_nav {
        margin-top: 8px
    }

    .header-graphics-textures .header .logo {
        height: 45px
    }

    .header-graphics-textures .header .logo a img {
        height: 45px
    }

    .header-graphics-textures .head_right {
        margin-top: 0
    }
}

@media screen and (max-width: 320px) {
    .header-graphics-textures .head_right .en_cn {
        margin-left:0
    }

    .header-graphics-textures .head_right .en_cn a {
        margin: 0 1px;
        font-size: 12px
    }
}

.header-korea img {
    max-width: 100%
}

.header-korea a:link,.header-korea a:visited {
    text-decoration: none;
    color: #666
}

.header-korea .gnb_wrap {
    text-align: center
}

.header-korea ul {
    padding: 0;
    margin: 0
}

.header-korea #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 59px;
    z-index: 500;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.header-korea #header .header_wrap {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0
}

.header-korea #header .header_wrap h1 {
    position: absolute;
    top: 18px;
    left: 50px;
    z-index: 60
}

.header-korea #header .header_wrap h1 img {
    height: 40px
}

.header-korea #header .global_wrap {
    z-index: 10;
    position: absolute;
    top: 34px;
    right: 50px
}

.header-korea #header .global_wrap>li {
    float: left;
    margin-left: 20px;
    overflow: hidden
}

.header-korea #header .global_wrap>li:first-child {
    margin-left: 0
}

.header-korea #header .global_wrap>li>a {
    display: block;
    float: left
}

.header-korea #header .global_wrap .global a {
    font-size: 14px;
    line-height: 24px;
    padding-left: 10px;
    margin-left: 10px;
    background: url(../images/global_line.png) left center no-repeat
}

.header-korea #header .global_wrap .global a:first-child {
    padding-left: 0;
    margin-left: 0;
    background: none
}

.header-korea #header .global_wrap .sns a {
    margin-left: 10px
}

.header-korea #header .global_wrap .sns a:first-child {
    margin-left: 0
}

.header-korea #header .btn_list {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    height: 50px;
    width: 50px;
    z-index: 60
}

.header-korea #header .btn_list span {
    position: absolute;
    left: 15px;
    top: 0;
    display: block;
    width: 18px;
    height: 1px;
    background: #888;
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -webkit-transition: 0.25s ease-in-out
}

.header-korea #header .btn_list span:first-child {
    top: 18px
}

.header-korea #header .btn_list span:nth-child(2) {
    top: 24px
}

.header-korea #header .btn_list span:nth-child(3) {
    top: 24px;
    visibility: hidden
}

.header-korea #header .btn_list span:nth-child(4) {
    top: 30px
}

.header-korea #header .gnb_data {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    margin: 51px 0 42px 0;
    overflow-y: auto;
    display: block;
    z-index: 9999
}

.header-korea #header .btn_gnb_close {
    position: absolute;
    bottom: 15px;
    left: 50%;
    display: block;
    width: 15px;
    height: 15px;
    margin-left: -7px;
    display: none
}

.header-korea #header .gnb_data .data_top {
    border: 1px solid #222
}

.header-korea #header .gnb_data .data_top ul,.header-korea #header .gnb_data .data_top li {
    padding: 0;
    margin: 0;
    list-style: none
}

.header-korea #header .gnb_data .data_top>ul {
    overflow: hidden
}

.header-korea #header .gnb_data .data_top>ul>li {
    float: left;
    text-align: center
}

.header-korea #header .gnb_data .data_top>ul>li.member {
    width: 50%;
    overflow: hidden
}

.header-korea #header .gnb_data .data_top>ul>li.member li {
    float: left;
    width: 50%
}

.header-korea #header .gnb_data .data_top>ul>li.member li a {
    display: block;
    font-size: 14px;
    line-height: 50px;
    border-left: 1px solid #222;
    color: #fff
}

.header-korea #header .gnb_data .data_top>ul>li.member li:first-child a {
    border-left: none
}

.header-korea #header .gnb_data .data_top>ul>li.sns {
    width: 50%;
    overflow: hidden
}

.header-korea #header .gnb_data .data_top>ul>li.sns li {
    float: left;
    width: 33.33%
}

.header-korea #header .gnb_data .data_top>ul>li.sns li a {
    display: block;
    height: 50px;
    border-left: 1px solid #222
}

.header-korea #header .gnb_data .data_top>ul>li.sns li a img {
    padding-top: 13px
}

.header-korea #header .gnb_list>ul>li {
    border-bottom: 1px solid #222
}

.header-korea #header .gnb_list>ul>li:first-child {
    border-top: none
}

.header-korea #header .gnb_list>ul>li>a {
    position: relative;
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 0 15px;
    line-height: 50px;
    text-align: left;
    letter-spacing: 1px
}

.header-korea #header .gnb_list>ul>li>a>span {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    height: 15px;
    width: 15px;
    margin-top: -7px
}

.header-korea #header .gnb_list>ul>li>a>span span {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 15px;
    height: 1px;
    background: #fff;
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -webkit-transition: 0.25s ease-in-out
}

.header-korea #header .gnb_list>ul>li>a>span span:nth-child(1) {
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.header-korea #header .gnb_list>ul>li.open>a>span span:nth-child(1) {
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg)
}

.header-korea #header .gnb_list .snb_list {
    display: none;
    padding: 15px 15px;
    background: #222
}

.header-korea #header .gnb_list .snb_list li {
    margin-top: 15px
}

.header-korea #header .gnb_list .snb_list li:first-child {
    margin-top: 0
}

.header-korea #header .gnb_list .snb_list li a {
    display: block;
    font-size: 14px;
    color: #bbb;
    line-height: 14px;
    text-align: left
}

.header-korea #header .gnb_list .snb_list li.actived a {
    color: #fff
}

.header-korea #header.open .btn_gnb_close {
    display: block
}

.header-korea #gnb {
    padding-top: 20px
}

.header-korea .gnb_wrap {
    position: relative;
    z-index: 5;
    height: 59px
}

.header-korea .gnb_wrap>ul {
    position: relative;
    display: inline-block;
    zoom:1;*display: inline;
    z-index: 3
}

.header-korea .gnb_wrap>ul>li {
    display: inline
}

.header-korea .gnb_wrap>ul>li>a {
    position: relative;
    float: left;
    display: block;
    font-size: 18px;
    padding: 0 20px;
    color: #999;
    font-weight: 500;
    line-height: 50px
}

.header-korea .gnb_wrap>ul>li>a:hover,.header-korea .gnb_wrap>ul>li.actived>a {
    color: #2c508c
}

.header-korea .snb_wrap {
    position: absolute;
    top: 49px;
    left: 0;
    width: 100%;
    display: none
}

.header-korea .snb_wrap ul li {
    position: relative;
    display: inline-block;
    zoom:1;*display: inline;
    padding: 0 15px 0 20px
}

.header-korea .snb_wrap ul li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #999;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.header-korea .snb_wrap ul li:first-child:before {
    display: none
}

.header-korea .snb_wrap ul li a {
    display: block;
    line-height: 45px;
    color: #999;
    font-weight: 400;
    font-size: 15px
}

.header-korea .snb_wrap ul li:hover a,.header-korea .snb_wrap ul li.actived a {
    color: #f5f5f9
}

.header-korea #header .snb_wrap ul {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 10px
}

.header-korea #header.fix .snb_wrap ul {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 0px
}

.header-korea #topBar {
    position: absolute;
    bottom: -7px;
    left: 50%;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #2c508c;
    z-index: 2;
    opacity: 0
}

.header-korea #topLine {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    z-index: 2;
    background: #616160;
    opacity: 0
}

.header-korea #snbBg {
    position: absolute;
    top: 59px;
    left: 0;
    width: 100%;
    height: 45px;
    background: rgba(65,65,65,0.9);
    border-bottom: solid 1px #616160;
    display: none
}

.header-korea #header.fix .header_wrap {
    background: rgba(50,50,50,0.9)
}

.header-korea #header.fix #gnb {
    padding-top: 0
}

.header-korea #header.fix .gnb_wrap {
    width: 100%
}

.header-korea #header.fix .gnb_wrap>ul>li>a {
    line-height: 59px
}

.header-korea #header.fix h1 {
    top: 4px
}

.header-korea #header.fix .header_wrap h1 img {
    height: 40px
}

.header-korea #header.fix .global_wrap {
    top: 17px
}

.header-korea #header.fix .snb_wrap {
    top: 59px
}

@media screen and (max-width: 1280px) {
    .header-korea #header .header_wrap {
        padding:0
    }

    .header-korea #header.open .header_wrap {
        border-bottom: 1px solid rgba(255,255,255,0)
    }

    .header-korea #header .header_wrap h1 {
        left: 30px
    }

    .header-korea #header .global_wrap {
        right: 30px
    }

    .header-korea .gnb_wrap>ul {
        padding: 0 40px
    }

    .header-korea .gnb_wrap ul li a {
        font-size: 16px;
        padding: 0 10px
    }

    .header-korea .snb_wrap ul li a {
        font-size: 13px
    }

    .header-korea .snb_wrap ul li {
        padding: 0 5px 0 10px
    }

    .header-korea .snb_wrap.snb01 ul {
        top: 0;
        left: 0
    }

    .header-korea .snb_wrap.snb02 ul {
        top: 0;
        left: 25px
    }

    .header-korea .snb_wrap.snb03 ul {
        top: 0;
        left: 0;
        width: 100%
    }

    .header-korea .snb_wrap.snb04 ul {
        top: 0;
        left: 200px
    }

    .header-korea .snb_wrap.snb05 ul {
        top: 0;
        left: 320px
    }

    .header-korea .snb_wrap.snb06 ul {
        top: 0;
        right: 80px
    }

    .header-korea .snb_wrap.snb07 ul {
        top: 0;
        right: 0
    }
}

@media screen and (max-width: 1024px) {
    .header-korea #header {
        height:50px;
        position: fixed
    }

    .header-korea #header.open {
        height: 100%;
        background: #444
    }

    .header-korea #header .header_wrap {
        margin: 0;
        height: 50px;
        border-bottom: 1px solid rgba(255,255,255,0.2)
    }

    .header-korea #header .header_wrap h1 {
        position: relative;
        top: auto;
        left: auto;
        text-align: center;
        padding: 0
    }

    .header-korea #header .header_wrap h1 img {
        height: 40px
    }

    .header-korea #header .global_wrap {
        display: none
    }

    .header-korea #header .gnb_data {
        display: block
    }

    .header-korea #header .btn_list {
        display: block
    }

    .header-korea #header.fix .header_wrap h1 img {
        height: 40px
    }

    .header-korea #gnb {
        display: none
    }

    .header-korea #topBar {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .header-korea #header .header_wrap {
        padding:0 15px
    }
}

.header-language .mobile_nav img {
    max-width: 100%
}

.header-language ul,.header-language ol,.header-language li {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-language .fl {
    float: left
}

.header-language .fr {
    float: right
}

.header-language .show {
    display: block
}

.header-language .hide {
    display: none
}

.header-language .clearfix {
    clear: both;
    zoom:1}

.header-language .header {
    transition: 0.3s;
    z-index: 999999
}

.header-language .header a:hover {
    text-decoration: none
}

.header-language .header .header-container {
    height: 80px
}

.header-language .header .logo {
    float: left;
    line-height: 80px;
    transition: 0.3s;
    height: 100%
}

.header-language .header .logo img {
    display: inline-block;
    vertical-align: middle
}

.header-language .header .nav {
    float: right;
    z-index: 99999
}

.header-language .header .nav a {
    color: #555
}

.header-language .header .nav ul {
    float: right
}

.header-language .header .nav ul .nli {
    float: left;
    height: 80px;
    text-align: center;
    position: relative
}

.header-language .header .nav ul .selected>a,.header-language .header .nav ul .nli:hover a {
    color: #2c508c
}

.header-language .header .nav ul .nli a {
    display: block;
    padding: 0 24px;
    color: #555;
    font-size: 16px;
    line-height: 80px;
    text-transform: uppercase
}

.header-language .header .nav .sub {
    display: none
}

.header-language .header .language {
    float: right;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    margin-top: 28px;
    position: relative
}

.header-language .header .language:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    height: 16px;
    border-left: 1px solid #666
}

.header-language .header .language select {
    border: none medium;
    background: #2c508c;
    text-align: center;
    color: #fff;
    font-size: 13px;
    width: 100%;
    line-height: 24px;
    height: 24px;
    padding: 0 8px
}

.header-language .header .language select option {
    line-height: 36px
}

.header-language .header .language a {
    font-size: 16px;
    margin-left: 20px
}

.header-language .header .language a.on {
    color: #2c508c
}

.header-language .header .mobile_nav {
    display: none;
    float: right;
    width: 50px;
    height: 54px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 50px auto;
    transition: all 0.5s;
    margin-top: 13px;
    background-size: 30px
}

.header-language #nav .sub {
    display: none;
    width: 236px;
    left: -48px;
    right: 0;
    top: 70px;
    position: absolute;
    background: #2c508c;
    line-height: 26px;
    z-index: 9999
}

.header-language .header .nav li ul {
    position: static
}

.header-language #nav li:hover>.sub,.header-language #nav li:hover>.sub ul {
    display: block
}

.header-language #nav .sub ul {
    float: none;
    margin-top: 0
}

.header-language #nav .sub li {
    float: none;
    width: 100%;
    text-align: Center;
    line-height: 23px;
    border-bottom: 1px solid #ddd
}

.header-language #nav .sub li:nth-last-of-type(1) {
    margin-bottom: 0;
    border-bottom: 0
}

.header-language #nav .sub li a {
    display: block;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 42px
}

.header-language #nav .sub a:hover {
    background: #df0d0e;
    color: #fff
}

.header-language .header .nav ul .selected a {
    color: #2c508c
}

.header-language .fix_top.shuai .header #nav .sub {
    top: 60px
}

.header-language .fix_top.shuai {
    background: rgba(255,255,255,0.8)
}

.header-language .fix_top.shuai .head {
    padding: 5px 0
}

.header-language .shadow {
    position: absolute;
    bottom: -32px;
    height: 32px;
    left: 0;
    width: 100%;
    box-shadow: 0px 0px 50px rgba(0,0,0,0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.header-language .fix_top.shuai.shuai .shadow {
    opacity: 1;
    filter: alpha(opacity=100)
}

.header-language #menu {
    display: none
}

@media screen and (max-width: 1200px) {
    .header-language .header .mobile_nav {
        display:block
    }

    .header-language .header ul#nav {
        display: none
    }

    .header-language .header .nav {
        display: block
    }

    .header-language .header .language:before {
        left: auto;
        right: -11px
    }
}

.header-language .header-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

@media screen and (max-width: 720px) {
    .header-language .header .logo img {
        max-width:200px
    }
}

@media screen and (max-width: 480px) {
    .header-language .header .logo img {
        max-width:140px
    }

    .header-language .header .language a {
        font-size: 14px;
        margin-left: 5px
    }
}

@media screen and (max-width: 360px) {
    .header-language .header-language .header .logo img {
        max-width:100px
    }
}

.header-logo-center img {
    max-width: 100%
}

.header-logo-center ul,.header-logo-center ol,.header-logo-center li {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-logo-center .fl {
    float: left
}

.header-logo-center .fr {
    float: right
}

.header-logo-center .show {
    display: block
}

.header-logo-center .hide {
    display: none
}

.header-logo-center .clearfix {
    clear: both;
    zoom:1}

.header-logo-center .header {
    z-index: 111;
    height: 65px;
    position: relative
}

.header-logo-center .header-container {
    max-width: 1200px;
    padding: 0 20px
}

.header-logo-center .header-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.header-logo-center .header ul.navbar-pc {
    overflow: hidden;
    text-align: center;
    z-index: 99999
}

.header-logo-center .header ul.navbar-pc .logo {
    display: inline-block;
    line-height: 64px;
    max-height: 64px;
    max-width: 250px
}

.header-logo-center .header ul.navbar-pc .logo a {
    display: block
}

.header-logo-center .header ul.navbar-pc .logo img {
    display: inline-block;
    vertical-align: middle;
    max-height: 64px
}

.header-logo-center .header ul.navbar-pc ul {
    background-color: rgba(255,255,255,0.6)
}

.header-logo-center .header ul.navbar-pc li {
    padding: 10px 0;
    border-bottom: 1px solid #fff
}

.header-logo-center .header ul.navbar-pc>li {
    padding: 20px 0;
    display: inline-block;
    margin: 0 20px;
    border-bottom: none;
    position: relative
}

.header-logo-center .header ul.navbar-pc li a {
    font-size: 16px;
    color: #737373;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px;
    border-bottom: 1px solid transparent;
    transition: 0.3s
}

.header-logo-center .header ul.navbar-pc li a:hover {
    text-decoration: none
}

.header-logo-center .header ul.navbar-pc li li a {
    font-size: 15px;
    font-weight: 300;
    transition: 0.3s
}

.header-logo-center .header ul.navbar-pc li li:hover {
    background-color: #df0d0e
}

.header-logo-center .header ul.navbar-pc li ul {
    width: 100%;
    position: relative;
    top: 30px;
    display: none;
    transition: 0.3s
}

.header-logo-center .header ul.navbar-pc>li:hover>ul {
    top: 20px;
    display: block
}

.header-logo-center .header ul.navbar-pc li li:hover>a {
    color: #fff
}

.header-logo-center .header ul.navbar-pc>li>a:hover,.header-logo-center .header ul.navbar-pc>li.active>a {
    color: #31aae1;
    border-bottom: 1px solid #31aae1
}

.header-logo-center .header ul.navbar-pc>li>a:hover {
    color: #31aae1
}

.header-logo-center #mobile-nav {
    float: right;
    display: none;
    margin-top: 20px
}

.header-logo-center #mobile-nav span {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #8c8c8c;
    margin-bottom: 6px
}

.header-logo-center #mobile-nav span:last-of-type {
    margin-bottom: 0
}

.header-logo-center #site-navigation-mobile {
    display: none
}

@media screen and (max-width: 1200px) {
    .header-logo-center #mobile-nav {
        display:block
    }

    .header-logo-center .header ul.navbar-pc {
        display: none
    }
}

.header-logo-left img {
    max-width: 100%
}

.header-logo-left ul,.header-logo-left ol,.header-logo-left li {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-logo-left .fl {
    float: left
}

.header-logo-left .fr {
    float: right
}

.header-logo-left .show {
    display: block
}

.header-logo-left .hide {
    display: none
}

.header-logo-left .clearfix {
    clear: both;
    zoom:1}

.header-logo-left .header {
    position: relative
}

.header-logo-left .header-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.header-logo-left .header .content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px
}

.header-logo-left .header {
    width: 100%;
    margin: 0 auto;
    height: 95px
}

.header-logo-left .flexslider {
    width: 100%;
    text-align: center
}

.header-logo-left .header .logo {
    float: left;
    max-width: 25%;
    line-height: 85px
}

.header-logo-left .header .logo img {
    display: inline-block;
    vertical-align: middle
}

.header-logo-left .header .topRight {
    float: right;
    width: 75%;
    margin-top: 20px;
    font-size: 16px
}

.header-logo-left .header .Telephone {
    width: 145px;
    height: 35px;
    float: left;
    margin-top: 20px;
    padding-left: 20px
}

.header-logo-left .header .Telephone img {
    float: left;
    margin-right: 8px
}

.header-logo-left .header .Telephone .T_fize {
    font-size: 16px;
    font-weight: bold
}

.header-logo-left .header .Telephone .T_fize p {
    margin: 0;
    font-family: Arial;
    margin-top: 3px;
    color: #2c508c
}

.header-logo-left .header .list {
    height: 50px;
    height: auto;
    float: right
}

.header-logo-left .header .list>ul {
    margin: 0;
    padding: 2px 0 0;
    text-align: center;
    list-style: none
}

.header-logo-left .header .list>ul>li {
    position: relative;
    padding: 0 22px;
    float: left;
    transition: 0.5s
}

.header-logo-left .header .list>ul>li>a {
    line-height: 61px;
    padding-bottom: 10px;
    display: block;
    color: #737373;
    font-weight: bold;
    font-size: 15px
}

.header-logo-left .header .list>ul>li>a:hover,.header-logo-left .header .list>ul>li.active>a,.header-logo-left .header .list>ul>li.selected>a {
    border-bottom: 2px solid #2c508c;
    color: #2c508c
}

.header-logo-left .header .list>ul>li a:hover {
    text-decoration: none
}

.header-logo-left .header .list>ul>li ul {
    display: none;
    z-index: 9999;
    text-transform: lowercase;
    transition: 0.5s;
    width: 250px
}

.header-logo-left .header .list>ul>li>ul>li {
    float: left;
    display: block;
    margin: 0
}

.header-logo-left .header .list>ul>li ul li a {
    width: 250px;
    padding: 0 20px;
    text-align: left;
    box-sizing: border-box;
    line-height: 45px;
    text-transform: none;
    color: #737373;
    background: rgba(255,255,255,0.95);
    display: block;
    font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.9);
    margin: 0;
    font-weight: normal
}

.header-logo-left .header .list>ul>li>a:hover,.header-logo-left .header-menu4 .list .selected>a,.header-logo-left .header-menu4 .list .active>a {
    color: #2c508c;
    transition: 0.5s;
    border-bottom: 2px solid #2c508c
}

.header-logo-left .header .list>ul>li li>a:hover {
    color: #fff;
    margin: 0;
    background: #2c508c;
    transition: 0.5s
}

.header-logo-left .header .list>ul>li ul {
    display: none;
    position: absolute;
    top: 0;
    left: 250px
}

.header-logo-left .header .list>ul>li>ul {
    top: 100%;
    left: 0
}

.header-logo-left .header .list ul li:hover>ul {
    display: block
}

.header-logo-left .header .list>ul>li>ul>li:last-child {
    border-bottom: none
}

.header-logo-left .header .list>ul>li>ul>li.selected>a {
    border-bottom: none;
    color: #666
}

.header-logo-left .header .list>ul>li>ul>li>a:hover {
    color: #fff
}

.header-logo-left .top_bab {
    float: right;
    margin: 20px 0 0 16px;
    border-left: 1px solid #ddd
}

.header-logo-left .top_bab a {
    color: #666;
    font-size: 12px;
    margin-left: 14px;
    line-height: 14px
}

.header-logo-left .top_bab a:hover {
    color: #2c508c
}

.header-logo-left .top_bab img {
    display: inline-block;
    margin-right: 8px;
    vertical-align: -2px
}

.header-logo-left .header .topRight {
    width: auto
}

.header-logo-left .header .list {
    float: none;
    width: auto
}

.header-logo-left .header .list ul li {
    width: auto;
    padding: 0 42px
}

.header-logo-left .header .list ul li:nth-last-of-type(1) {
    padding-right: 0
}

.header-logo-left .header .list ul li a {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: bold
}

.header-logo-left #mobile-nav {
    float: right;
    display: none;
    margin-top: 33px
}

.header-logo-left #mobile-nav span {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #999;
    margin-bottom: 6px
}

.header-logo-left #mobile-nav span:last-of-type {
    margin-bottom: 0
}

.header-logo-left #site-navigation-mobile {
    display: none
}

@media screen and (max-width: 1200px) {
    .header-logo-left .header.header-fixed-top {
        position:fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1111;
        box-shadow: 0px 0px 40px rgba(0,0,0,0.3)
    }

    .header-logo-left .header .header-container {
        overflow: hidden;
        width: 100%
    }

    .header-logo-left .header.header-fixed-top .header-container {
        top: 0
    }

    .header-logo-left #mobile-nav {
        display: block
    }

    .header-logo-left .topRight {
        display: none
    }

    .header-logo-left .header .logo {
        max-width: 80%
    }
}

.header-nav-ck .full {
    width: 100%
}

.header-nav-ck .inner {
    padding: 2em 0
}

.header-nav-ck ul,.header-nav-ck ol,.header-nav-ck li {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-nav-ck .fl {
    float: left
}

.header-nav-ck .fr {
    float: right
}

.header-nav-ck input,.header-nav-ck textarea {
    outline: none
}

.header-nav-ck .header {
    z-index: 1111;
    height: 74px;
    background: transparent;
    transition: 0.3s;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    position: relative
}

.header-nav-ck .header .nav {
    position: relative;
    z-index: 1111
}

.header-nav-ck .header .nav ul {
    float: right
}

.header-nav-ck .header .nav ul li {
    float: left;
    margin: 0 8px;
    position: relative
}

.header-nav-ck .header .nav ul li a {
    font-size: 18px;
    color: #737373;
    line-height: 70px;
    padding: 0 10px;
    transition: 0.3s
}

.header-nav-ck .header .nav ul li.selected>a,.header-nav-ck .header .nav ul li.active>a,.header-nav-ck .header .nav ul li:hover>a {
    color: #2c508c
}

.header-nav-ck .header .nav ul li ul {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    background: #fff;
    border-radius: 10px
}

.header-nav-ck .header .nav ul li:hover>ul {
    display: block
}

.header-nav-ck .header .nav ul li ul ul {
    left: 100%;
    top: 0
}

.header-nav-ck .header .nav ul li ul li {
    background: transparent;
    transition: 0.3s;
    margin: 0;
    width: 100%
}

.header-nav-ck .header .nav ul li ul li:first-of-type {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.header-nav-ck .header .nav ul li ul li:last-of-type {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.header-nav-ck .header .nav ul li ul a {
    line-height: 34px;
    font-size: 16px;
    padding: 0 20px;
    color: #737373;
    text-align: center
}

.header-nav-ck .header .nav ul li ul li:hover,.header-nav-ck .header .nav ul li ul li.active,.header-nav-ck .header .nav ul li ul li.selected {
    background: #2c508c
}

.header-nav-ck .header .nav ul li ul li:hover>a,.header-nav-ck .header .nav ul li ul li.active>a,.header-nav-ck .header .nav ul li ul li.selected>a {
    color: #fff
}

.header-nav-ck .header .search-btn {
    margin-top: 22px;
    border-radius: 2px;
    border: 1px solid #eee;
    overflow: hidden;
    width: 140px;
    display: inline-block
}

.header-nav-ck .header .search-btn label {
    float: left;
    width: 115px
}

.header-nav-ck .header .search-btn .search-submit {
    float: right
}

.header-nav-ck .header .search-btn .search-field {
    height: 22px;
    line-height: 22px;
    border: none;
    padding: 0 5px;
    color: #999;
    font-size: 12px;
    width: 115px
}

.header-nav-ck .header .search-btn .search-submit {
    background: none;
    height: 22px;
    width: 22px;
    background-position: center;
    background-size: 12px;
    background-repeat: no-repeat;
    border: none
}

.header-nav-ck .header .header-bg-mb,.header-nav-ck .header .header-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -120px;
    right: 0;
    z-index: -1;
    background-position: right center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: none
}

.header-nav-ck .header .header-bg-mb {
    display: none
}

.header-nav-ck .header .logo img {
    max-height: 45px;
    margin-top: 20px
}

.header-nav-ck .header.top-fixed .logo {
    display: none
}

.header-nav-ck .header.top-fixed .header-bg {
    display: block
}

.header-nav-ck .header.top-fixed .search-btn {
    display: block
}

.header-nav-ck .header.top-fixed .nav ul li a {
    color: #666
}

.header-nav-ck .header.top-fixed .nav ul li.selected>a,.header-nav-ck .header.top-fixed .nav ul li.active>a,.header-nav-ck .header.top-fixed .nav ul li:hover>a {
    color: #2c508c
}

.header-nav-ck .header.top-fixed .nav ul li ul li:hover>a,.header-nav-ck .header.top-fixed .nav ul li ul li.active>a,.header-nav-ck .header.top-fixed .nav ul li ul li.selected>a {
    color: #fff
}

.header-nav-ck #ck-menu {
    display: none
}

.header-nav-ck #mobile-nav-ck {
    display: none;
    float: right;
    width: 40px;
    height: 40px;
    margin-top: 5px
}

.header-nav-ck #mobile-nav-ck span {
    display: block;
    height: 2px;
    width: 40px;
    margin-bottom: 10px;
    background-color: silver
}

.header-nav-ck #mobile-nav-ck span:last-of-type {
    margin-bottom: 0
}

.header-nav-ck .header-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

@media screen and (max-width: 1200px) {
    .header-nav-ck #mobile-nav-ck {
        display:block
    }

    .header-nav-ck .nav {
        display: none
    }

    .header-nav-ck .header .header-container {
        overflow: hidden
    }

    .header-nav-ck .header .header-bg {
        background-position: center -1px
    }

    .header-nav-ck .header .logo {
        display: block
    }

    .header-nav-ck .header .logo img {
        margin-top: 0
    }

    .header-nav-ck .header {
        padding: 20px 0
    }

    .header-nav-ck .header.top-fixed {
        background-color: #fff;
        box-shadow: 0px 0px 20px rgba(0,0,0,0.2)
    }

    .header-nav-ck .header.top-fixed .logo {
        display: block
    }
}

@media screen and (max-width: 1024px) {
    .header-nav-ck .header.top-fixed .header-bg-mb {
        display:block;
        background-size: auto 100%;
        background-position: -363px center
    }

    .header-nav-ck .header.top-fixed .header-bg {
        display: none
    }
}

@media screen and (max-width: 530px) {
    .header-nav-ck .header.top-fixed .header-bg-mb {
        background-size:auto 80%;
        background-position: -200px top
    }
}

@media screen and (max-width: 480px) {
    .header-nav-ck .header {
        padding:10px 20px
    }

    .header-nav-ck .header .logo img {
        max-height: 40px
    }
}

.header-nav-gqf .header .fr .nav ul li {
    float: left;
    margin-right: 60px
}

.header-nav-gqf .full {
    width: 100%
}

.header-nav-gqf .inner {
    padding: 2em 0
}

.header-nav-gqf #primary {
    width: 100%
}

.header-nav-gqf #primary.have-sidebar {
    width: 71%
}

.header-nav-gqf #primary.fr {
    padding-left: 5%
}

.header-nav-gqf #primary.fl {
    padding-right: 5%
}

.header-nav-gqf #secondary {
    width: 29%
}

.header-nav-gqf .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.header-nav-gqf img {
    max-width: 100%
}

.header-nav-gqf ul,.header-nav-gqf ol,.header-nav-gqf li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .header-nav-gqf .wrapper {
        padding:0 20px
    }

    .header-nav-gqf .header-menu .wrapper {
        padding: 0px
    }
}

.header-nav-gqf .fl {
    float: left
}

.header-nav-gqf .fr {
    float: right
}

.header-nav-gqf .show {
    display: block
}

.header-nav-gqf .hide {
    display: none
}

.header-nav-gqf .clearfix {
    clear: both;
    zoom:1}

.header-nav-gqf .header {
    height: 98px;
    position: relative
}

.header-nav-gqf .header-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.header-nav-gqf .header .header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px
}

.header-nav-gqf .header .logo {
    width: 23%;
    padding: 30px 0 0
}

.header-nav-gqf .header .logo a {
    display: block
}

.header-nav-gqf .header .logo a img {
    max-width: 100%;
    max-height: 75px;
    display: block
}

.header-nav-gqf .header .fr {
    width: 77%
}

.header-nav-gqf .header .fr .nav {
    float: right
}

.header-nav-gqf .header .fr .nav {
    line-height: 40px;
    margin-top: 29px
}

.header-nav-gqf .header .fr .nav ul {
    margin: 0;
    padding: 0;
    text-align: center;
    float: right
}

.header-nav-gqf .header .fr .nav ul ul {
    float: none;
    padding: 10px 20px;
    background: #fff;
    border-top: 4px solid #8c8c8c;
    box-sizing: border-box
}

.header-nav-gqf .header .fr .nav ul li {
    float: left;
    margin-right: 50px
}

.header-nav-gqf .header .fr .nav ul li a {
    color: #737373;
    line-height: 40px;
    font-size: 16px;
    text-transform: uppercase;
    display: block
}

.header-nav-gqf .header .fr .nav ul li a.font-en {
    font-size: 15px
}

.header-nav-gqf .header .fr .nav ul li a.font-cn {
    font-size: 16px;
    font-weight: 700
}

.header-nav-gqf .header .fr .nav ul li:nth-last-of-type(1) {
    margin-right: 0 !important
}

.header-nav-gqf .header .fr .nav ul li.active>a,.header-nav-gqf .header .fr .nav ul li:hover>a,.header-nav-gqf .header .fr .nav ul li.selected>a {
    color: #2c508c
}

.header-nav-gqf .header .fr .nav ul ul li a {
    font-weight: 300;
    font-size: 14px;
    line-height: 30px
}

.header-nav-gqf .header .fr .nav ul ul li {
    float: none;
    margin-right: 0 !important;
    border-bottom: 1px dotted #eee;
    text-align: left
}

.header-nav-gqf .header .fr .nav ul ul ul {
    border-top: none;
    position: absolute;
    top: -10px;
    left: 100%;
    border: 1px solid #eee;
    box-sizing: border-box
}

.header-nav-gqf .header .fr .nav ul ul li:last-of-type {
    border: none
}

.header-nav-gqf #menu1,.header-nav-gqf .header .mobile_nav {
    display: none
}

.header-nav-gqf .header .mobile_nav {
    background-position: center;
    border: none;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    margin-top: 15px;
    float: right
}

@media screen and (max-width: 1200px) {
    .header-nav-gqf .header .mobile_nav {
        display:block
    }

    .header-nav-gqf .header .fr .nav {
        display: none
    }

    .header-nav-gqf .header {
        height: 82px
    }

    .header-nav-gqf .header .logo a img {
        max-height: 70px
    }

    .header-nav-gqf .header .logo {
        max-width: 70%;
        width: 60%;
        padding: 30px 0 0
    }

    .header-nav-gqf .header .fr {
        width: 30%
    }
}

.header-nav-vietax img {
    max-width: 100%
}

.header-nav-vietax ul,.header-nav-vietax ol,.header-nav-vietax li {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-nav-vietax .fl {
    float: left
}

.header-nav-vietax .fr {
    float: right
}

.header-nav-vietax .show {
    display: block
}

.header-nav-vietax .hide {
    display: none
}

.header-nav-vietax .clearfix {
    clear: both;
    zoom:1}

.header-nav-vietax .header {
    height: 100px;
    line-height: 100px;
    z-index: 1111;
    background: #fff;
    box-sizing: content-box;
    transition: height 0.3s;
    position: relative
}

.header-nav-vietax .header-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.header-nav-vietax .header .logo {
    height: 85px;
    max-width: 426px
}

.header-nav-vietax .header .logo img {
    max-height: 100%;
    max-height: 83px
}

.header-nav-vietax .header .navbar {
    max-width: 775px;
    z-index: 11111;
    position: relative
}

.header-nav-vietax .header .navbar li {
    float: left;
    margin: 0 15px;
    position: relative
}

.header-nav-vietax .header .navbar li a {
    position: relative;
    font-size: 16px;
    color: #737373;
    padding: 0 3px
}

.header-nav-vietax .header .navbar>ul>li>a:after {
    display: block;
    position: absolute;
    content: '';
    height: 4px;
    width: 0;
    background-color: #2c508c;
    bottom: -10px;
    left: 0;
    transition: 0.3s
}

.header-nav-vietax .header .navbar li.active>a:after,.header-nav-vietax .header .navbar li:hover>a:after,.header-nav-vietax .header .navbar li.selected>a:after {
    width: 100%
}

.header-nav-vietax .header .navbar>ul>li ul {
    width: 200px;
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    background: #fff;
    padding: 0 10px;
    box-sizing: content-box
}

.header-nav-vietax .header .navbar>ul>li>ul {
    top: 100%;
    left: 0
}

.header-nav-vietax .header .navbar>ul>li>ul a {
    width: 100%;
    display: block;
    line-height: 40px
}

.header-nav-vietax .header .navbar>ul>li>ul a:hover {
    color: #df0d0e
}

.header-nav-vietax .header .navbar>ul li:hover>ul {
    display: block
}

.header-nav-vietax .header .navbar>ul>li ul li {
    margin: 0;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #eee
}

.header-nav-vietax .header .navbar>ul>li ul li:last-of-type {
    border: none
}

.header-nav-vietax .header.top-fixed {
    position: fixed;
    top: 0;
    height: 80px;
    line-height: 80px;
    background-color: rgba(255,255,255,0.8);
    border-top: 4px solid #eee;
    box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
    margin-bottom: 0
}

.header-nav-vietax .header.top-fixed .logo img {
    max-height: 68px
}

.header-nav-vietax .header.top-fixed ul>li ul {
    background-color: rgba(255,255,255,0.8)
}

.header-nav-vietax #mobile-nav {
    float: right;
    display: none;
    margin-top: 33px
}

.header-nav-vietax #mobile-nav span {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #8c8c8c;
    margin-bottom: 6px
}

.header-nav-vietax #mobile-nav span:last-of-type {
    margin-bottom: 0
}

.header-nav-vietax #site-navigation-mobile {
    display: none
}

@media screen and (max-width: 1200px) {
    .header-nav-vietax #mobile-nav {
        display:block
    }

    .header-nav-vietax .navbar {
        display: none
    }
}

@media screen and (max-width: 720px) {
    .header-nav-vietax .header {
        height:45px;
        line-height: 45px
    }

    .header-nav-vietax .header.top-fixed {
        height: 40px;
        line-height: 40px
    }

    .header-nav-vietax .header .logo {
        max-width: 200px;
        height: 45px;
        line-height: 45px
    }

    .header-nav-vietax .header .logo img {
        max-height: 45px;
        vertical-align: middle;
        display: inline-block
    }

    .header-nav-vietax #mobile-nav {
        margin-top: 13.5px
    }
}

.header-navbar-left .fl {
    float: left
}

.header-navbar-left .fr {
    float: right
}

.header-navbar-left .show {
    display: block
}

.header-navbar-left .hide {
    display: none
}

.header-navbar-left .clearfix {
    clear: both;
    zoom:1}

.header-navbar-left ul,.header-navbar-left li {
    padding: 0;
    margin: 0
}

.header-navbar-left .header {
    height: 75px;
    line-height: 75px;
    z-index: 9999;
    background-color: #fff;
    transition: 0.3s
}

.header-navbar-left .header.top-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.4)
}

.header-navbar-left .header .logo {
    line-height: 75px;
    max-height: 75px
}

.header-navbar-left .header .logo a {
    display: block;
    line-height: 75px
}

.header-navbar-left .header .logo img {
    display: inline-block;
    vertical-align: middle;
    max-height: 75px
}

.header-navbar-left .header .navbar {
    z-index: 10000;
    position: relative
}

.header-navbar-left .header ul.list li {
    position: relative
}

.header-navbar-left .header ul.list li {
    line-height: 30px;
    display: inline-block
}

.header-navbar-left .header ul.list li {
    padding: 0 25px;
    transition: 0.3s
}

.header-navbar-left .header ul.list li a {
    position: relative
}

.header-navbar-left .header ul.list li a:hover {
    text-decoration: none
}

.header-navbar-left .header ul.list li a:after {
    display: block;
    position: absolute;
    content: '';
    bottom: -5px;
    width: 0px;
    height: 1px;
    background-color: #2c508c;
    transition: 0.3s
}

.header-navbar-left .header ul.list>li:hover>a,.header-navbar-left .header ul.list>li.active>a {
    color: #333
}

.header-navbar-left .header ul.list>li:hover>a:after,.header-navbar-left .header ul.list>li.active a:after {
    width: 100%
}

.header-navbar-left .header ul.list>li a {
    color: #999;
    text-transform: capitalize;
    padding: 2px
}

.header-navbar-left .header ul.list>li a span {
    font-size: 12px
}

.header-navbar-left .header ul.list>li a span.top {
    display: none
}

.header-navbar-left .header ul.list li ul {
    position: absolute;
    top: 0;
    left: 100%;
    display: none
}

.header-navbar-left .header ul.list>li ul {
    background-color: #fff
}

.header-navbar-left .header ul.list>li>ul {
    top: 97%;
    left: 0;
    height: 0;
    overflow: hidden;
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute
}

.header-navbar-left .header ul.list>li>ul:before {
    top: 0;
    height: 3px;
    left: 0;
    right: 0;
    background: #2c508c;
    content: '';
    display: block
}

.header-navbar-left .header ul.list>li li {
    width: 100%;
    text-align: center
}

.header-navbar-left .header ul.list>li>ul li {
    border-bottom: 1px solid #eee
}

.header-navbar-left .header ul.list>li>ul li:first-of-type {
    padding-top: 10px
}

.header-navbar-left .header ul.list>li>ul li:last-of-type {
    border-bottom: none;
    padding-bottom: 10px
}

.header-navbar-left .header ul.list li li:hover>a {
    color: #2c508c
}

.header-navbar-left .header ul.list li li:hover>ul {
    top: -1px;
    left: 100%;
    display: block
}

.header-navbar-left .header .top_sear .topTxt {
    width: 0;
    height: 34px;
    outline: none;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: 0.3s;
    padding-left: 10px
}

.header-navbar-left .header .top_sear .topBtn {
    height: 34px;
    outline: none;
    background-color: transparent;
    border: none;
    color: #2c508c
}

.header-navbar-left .header .mobile-nav {
    margin-top: 16px
}

.header-navbar-left .header .mobile-nav .btn-icon {
    padding: 8px 5px;
    background-color: #2c508c;
    border: none;
    cursor: pointer
}

.header-navbar-left .header .mobile-nav .btn-icon .bar {
    width: 25px;
    height: 2px;
    background-color: #fff;
    margin-top: 0;
    display: block;
    margin: 0 auto;
    margin-bottom: 4px
}

.header-navbar-left .header .mobile-nav .btn-icon .bar:last-of-type {
    margin-bottom: 0px
}

@media screen and (min-width: 1201px) {
    .header-navbar-left .header .mobile-nav {
        display:none
    }
}

@media screen and (max-width: 1200px) {
    .header-navbar-left .header {
        height:auto;
        padding: 0;
        line-height: 45px;
        overflow: hidden
    }

    .header-navbar-left .header .list,.header-navbar-left .header .top_sear {
        display: none
    }

    .header-navbar-left .site-navigation-mobile {
        display: none
    }
}

@media screen and (max-width: 320px) {
    .header-navbar-left .header .mobile-nav ul.nav-ul {
        padding:80px 20px
    }
}

.header-section-ss .full {
    width: 100%
}

.header-section-ss .inner {
    padding: 2em 0
}

.header-section-ss img {
    max-width: 100%
}

.header-section-ss ul,.header-section-ss ol,.header-section-ss li {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-section-ss .fl {
    float: left
}

.header-section-ss .fr {
    float: right
}

.header-section-ss .show {
    display: block
}

.header-section-ss .hide {
    display: none
}

.header-section-ss .clearfix {
    clear: both;
    zoom:1}

.header-section-ss img {
    display: inline-block
}

.header-section-ss a {
    display: inline-block
}

.header-section-ss .header {
    height: 145px;
    background-color: #fff;
    transition: 0.3s;
    position: relative
}

.header-section-ss .header-container {
    height: 145px
}

.header-section-ss .header .logo a {
    display: block;
    height: 145px;
    line-height: 145px
}

.header-section-ss .header .logo em {
    height: 145px
}

.header-section-ss .header .logo em,.header-section-ss .header .logo img {
    display: inline-block;
    vertical-align: middle
}

.header-section-ss .header .navbar .h-top {
    text-align: right;
    height: 70px;
    line-height: 70px;
    transition: 0.3s
}

.header-section-ss .header .navbar .h-top>div {
    display: inline-block
}

.header-section-ss .header .navbar .h-top .line {
    color: #b2b2b2;
    margin: 0 15px
}

.header-section-ss .header .navbar .h-top .tel {
    color: #e60012;
    font-size: 18px;
    font-weight: 700
}

.header-section-ss .header .navbar .h-top .tel span {
    margin-right: 8px;
    display: inline-block;
    font-weight: 300;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background: #b2b2b2;
    color: #fff;
    font-size: 12px;
    position: relative
}

.header-section-ss .header .navbar .h-top .lan-tab {
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

.header-section-ss .header .navbar .h-top .lan-tab a {
    line-height: 70px;
    height: 70px;
    display: inline-block;
    font-size: 16px;
    color: #666
}

.header-section-ss .header .navbar .h-top .lan-tab a .iconfont {
    font-size: 20px
}

.header-section-ss .header .navbar .h-top .en a,.header-section-ss .header .navbar .h-top .cn a {
    width: 100%
}

.header-section-ss .header .navbar .h-top .en img {
    width: 20px;
    margin-right: 4px;
    margin-left: 2px;
    vertical-align: middle
}

.header-section-ss .header .navbar .h-top .cn img {
    width: 25px;
    margin-right: 4px;
    vertical-align: middle
}

.header-section-ss .header .navbar .h-top .lan-tab span {
    font-size: 14px
}

.header-section-ss .header .navbar .h-top .lan-tab ul {
    position: absolute;
    width: 100%;
    z-index: 11;
    top: 56px;
    border: 1px solid #eee;
    background-color: #fff
}

.header-section-ss .header .navbar .h-top .lan-tab ul.hidden {
    display: none
}

.header-section-ss .header .navbar .h-top .lan-tab ul li {
    height: 40px;
    border-bottom: 1px solid #eee
}

.header-section-ss .header .navbar .h-top .lan-tab ul li:last-of-type {
    border-bottom: none
}

.header-section-ss .header .navbar .h-top .lan-tab ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding-left: 8px;
    transition: 0.3s;
    font-size: 14px
}

.header-section-ss .header .navbar .h-top .lan-tab ul li:hover a {
    background: #e60012;
    color: #fff
}

.header-section-ss #select {
    cursor: pointer;
    position: absolute;
    top: 3px
}

.header-section-ss .header .navbar {
    height: 145px
}

.header-section-ss .header .navbar .h-bottom>ul>li {
    float: left;
    margin: 0 8px;
    text-transform: uppercase;
    position: relative
}

.header-section-ss .header .navbar .h-bottom>ul>li>a {
    line-height: 75px;
    padding: 0 15px;
    position: relative
}

.header-section-ss .header .navbar .h-bottom ul li a {
    color: #333;
    font-size: 16px;
    display: block;
    transition: 0.3s
}

.header-section-ss .header .navbar .h-bottom>ul>li>a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 5px;
    background: #e60012;
    width: 0;
    transition: 0.3s
}

.header-section-ss .header .navbar .h-bottom ul li:hover>a,.header-section-ss .header .navbar .h-bottom ul li.active>a {
    color: #e60012
}

.header-section-ss .header .navbar .h-bottom ul li:hover>a:after,.header-section-ss .header .navbar .h-bottom ul li.active a:after {
    width: 100%
}

.header-section-ss .header .navbar .h-bottom>ul>li ul {
    position: absolute;
    width: 200px;
    background: rgba(255,255,255,0.6);
    display: none;
    z-index: 1111
}

.header-section-ss .header .navbar .h-bottom>ul>li ul ul {
    left: 200px;
    top: 0
}

.header-section-ss .header .navbar .h-bottom>ul>li ul li a {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    padding: 0 20px
}

.header-section-ss .header .navbar .h-bottom>ul>li ul li:hover>a {
    color: #fff;
    background: #e60012
}

.header-section-ss .header .navbar .h-bottom>ul>li:hover>ul {
    display: block
}

.header-section-ss .header.fixed-top {
    height: 90px;
    background-color: rgba(255,255,255,0.8);
    box-shadow: 5px 5px 40px rgba(0,0,0,0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.header-section-ss .header.fixed-top .h-top {
    display: none
}

.header-section-ss .header.fixed-top .navbar .h-top {
    text-align: right;
    height: 90px;
    line-height: 90px
}

.header-section-ss .header.fixed-top .logo a {
    height: 90px;
    line-height: 90px
}

.header-section-ss .header.fixed-top .logo a img {
    height: 90px;
    display: block
}

.header-section-ss .header.fixed-top .navbar {
    margin-top: 7.5px
}

.header-section-ss .mobile_nav {
    display: none;
    width: 30px;
    margin-top: 7px
}

.header-section-ss .mobile_nav span {
    display: block;
    width: 100%;
    height: 2px;
    margin: 5px auto;
    background-color: #999;
    border-radius: 2px
}

.header-section-ss #menu {
    display: none
}

@media screen and (max-width: 1200px) {
    .header-section-ss .mobile_nav {
        display:block
    }

    .header-section-ss .h-bottom {
        display: none
    }

    .header-section-ss .header .navbar .h-top .tel,.header-section-ss .header .navbar .h-top .line {
        display: none !important
    }

    .header-section-ss .header .navbar .h-top {
        height: auto;
        line-height: 40px
    }

    .header-section-ss .header .navbar .h-top .lan-tab a {
        line-height: 40px;
        height: auto
    }

    .header-section-ss .header-container {
        height: 80px;
        padding: 20px;
        background: #eee;
        box-shadow: 0px 0px 20px rgba(211,211,211,0.2)
    }

    .header-section-ss .header .navbar .h-top {
        display: inline-block;
        margin-right: 20px
    }

    .header-section-ss .header .navbar .h-top .lan-tab {
        float: none
    }

    .header-section-ss .header .navbar .h-top .lan-tab ul {
        width: 100px;
        top: 40px
    }

    .header-section-ss .header .logo a {
        max-width: 200px;
        max-height: 80px;
        line-height: 80px
    }

    .header-section-ss .header .navbar {
        height: auto
    }
}

.header-top .section {
    position: relative;
    color: #666;
    line-height: 22px
}

.header-top .section .section-container {
    padding: 10px 20px;
    position: relative;
    overflow: hidden
}

.header-top .section .section-container>div {
    float: left
}

.header-top .section .section-container div.language {
    float: right;
    margin-left: 10px
}

.header-top .section .section-container div.language a {
    padding: 0 10px;
    color: #737373
}

.header-top .section .section-container .fr {
    float: right
}

.header-top .section .section-container .fr p span {
    margin-right: 10px
}

.header-top .section .section-container .fl {
    float: left
}

.header-top .section .fl,.header-top .section .fr {
    max-width: 50%
}

.header-top .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.header-top .section .section-container div.language a:hover {
    color: #2c508c
}

.header-top .section .section-container div.language a:first-of-type {
    padding-right: 0;
    position: relative
}

.header-top .section .section-container div.language a:first-of-type:after {
    content: '|';
    display: block;
    right: -9px;
    top: -1px;
    position: absolute;
    color: #737373
}

@media screen and (max-width: 1200px) {
    .header-top .section .fl {
        display:none
    }

    .header-top .section .fr {
        width: 100%;
        max-width: 100%
    }

    .header-top .section .fr p {
        margin: 0 auto
    }
}

@media screen and (max-width: 440px) {
    .header-top .section .fr p span {
        display:block
    }

    .header-top .section .fr p {
        margin: 0 auto;
        text-align: center
    }

    .header-top .section .fr p span:first-of-type {
        display: none
    }
}

.header-top-gqf .full {
    width: 100%
}

.header-top-gqf .inner {
    padding: 2em 0
}

.header-top-gqf #primary {
    width: 100%
}

.header-top-gqf #primary.have-sidebar {
    width: 71%
}

.header-top-gqf #primary.fr {
    padding-left: 5%
}

.header-top-gqf #primary.fl {
    padding-right: 5%
}

.header-top-gqf #secondary {
    width: 29%
}

.header-top-gqf .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.header-top-gqf img {
    max-width: 100%
}

.header-top-gqf ul,.header-top-gqf ol,.header-top-gqf li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .header-top-gqf .wrapper {
        padding:0 20px
    }

    .header-top-gqf .header-menu .wrapper {
        padding: 0px
    }
}

.header-top-gqf .fl {
    float: left
}

.header-top-gqf .fr {
    float: right
}

.header-top-gqf .show {
    display: block
}

.header-top-gqf .hide {
    display: none
}

.header-top-gqf .clearfix {
    clear: both;
    zoom:1}

.header-top-gqf .header {
    border-bottom: 1px solid #f5f5f5;
    position: relative
}

.header-top-gqf .header-bgcol {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2
}

.header-top-gqf .header .header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px
}

.header-top-gqf .header .topbar {
    height: 46px;
    line-height: 46px
}

.header-top-gqf .header .topbar .wel {
    float: left;
    color: #2c508c;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    width: 37%;
    border-right: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    padding-left: 5px
}

.header-top-gqf .header .topbar .wel span {
    color: #2c508c
}

.header-top-gqf .header .top_link {
    text-align: center;
    width: 18%;
    float: left;
    line-height: 46px;
    height: 46px;
    border-right: 1px solid #f5f5f5;
    position: relative;
    z-index: 111
}

.header-top-gqf .header .top_link .en {
    overflow: hidden
}

.header-top-gqf .header .top_link .en a {
    line-height: 40px;
    height: 40px;
    position: relative;
    padding: 0 8px;
    font-size: 14px;
    color: gray;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

.header-top-gqf .header .top_link .en a:after {
    content: '|';
    display: block;
    position: absolute;
    top: -11px;
    right: -2px;
    color: gray
}

.header-top-gqf .header .top_link .en a:last-of-type:after {
    content: '';
    display: none;
    color: gray
}

.header-top-gqf .header .top_link .en a:hover,.header-top-gqf .header .top_link .en a.on {
    color: #e01930
}

.header-top-gqf .top_right {
    float: right;
    width: 45%;
    border-right: 1px solid #f5f5f5
}

.header-top-gqf .top_right .tel {
    width: 47%;
    float: left;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid #f5f5f5
}

.header-top-gqf .top_right .email {
    width: 53%;
    float: left;
    text-align: center;
    font-size: 18px
}

.header-top-gqf .top_right div .iconfont {
    margin-right: 10px;
    border-radius: 50%;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    background-color: #2c508c;
    color: #fff;
    font-size: 14px
}

.header-top-gqf .top_right div,.header-top-gqf .top_right div a {
    display: block;
    height: 100%;
    line-height: 46px;
    font-size: 14px
}

@media screen and (max-width: 1200px) {
    .header-top-gqf .header .topbar .wel {
        display:none
    }

    .header-top-gqf .header .topbar .wel,.header-top-gqf .header .topbar .top_right {
        width: 50%
    }
}

@media screen and (max-width: 1024px) {
    .header-top-gqf .header .topbar .top_right {
        display:none
    }

    .header-top-gqf .header .topbar .top_link {
        width: 100%;
        border: none
    }
}

.header-top-sunrise .fl {
    float: left
}

.header-top-sunrise .fr {
    float: right
}

.header-top-sunrise .show {
    display: block
}

.header-top-sunrise .hide {
    display: none
}

.header-top-sunrise .clearfix {
    clear: both;
    zoom:1}

.header-top-sunrise ul,.header-top-sunrise li {
    list-style: none;
    margin: 0;
    padding: 0
}

.header-top-sunrise .header {
    height: 49px;
    line-height: 48px;
    border-bottom: 1px solid #efefef;
    position: relative
}

.header-top-sunrise .header .bar_left span {
    background-repeat: no-repeat;
    background-position: left 0px;
    color: #737373;
    font-size: 16px;
    font-family: 'opensans-regular','Microsoft Yahei';
    padding-left: 34px;
    background-size: 28px;
    margin-right: 26px
}

.header-top-sunrise .header .bar_right ul {
    margin-top: 9px
}

.header-top-sunrise .header .bar_right ul li {
    float: right;
    margin-left: 12px;
    transition: all 0.3s;
    position: relative;
    z-index: 2
}

.header-top-sunrise .header .bar_right ul li>a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    background: #737373;
    display: block;
    transition: 0.3s
}

.header-top-sunrise .header .bar_right ul li a>img {
    width: 28px;
    height: 28px;
    margin: 1px auto
}

.header-top-sunrise .header .bar_right ul li a a,.header-top-sunrise .header .bar_right ul li a span {
    display: block;
    line-height: 2em
}

.header-top-sunrise .header .bar_right ul li .box {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    transition: 0.3s;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    padding: 0 10px;
    min-width: 180px
}

.header-top-sunrise .header .bar_right ul li .box img {
    margin: 0 auto
}

.header-top-sunrise .header .bar_right ul li .box p {
    color: #737373;
    font-size: 18px;
    line-height: 1em
}

.header-top-sunrise .header .bar_right ul li.first .box {
    left: auto;
    right: 0
}

.header-top-sunrise .header .bar_right ul li.last .box {
    padding: 10px
}

.header-top-sunrise .header .bar_right ul li:hover>a {
    filter: alpha(opacity=70);
    opacity: 0.7;
    background-color: #df0d0e
}

.header-top-sunrise .header .bar_right ul li:hover>.box {
    display: block;
    top: 50px
}

@media screen and (max-width: 720px) {
    .header-top-sunrise .header .bar_left span.email {
        display:none
    }

    .header-top-sunrise .header .bar_left span {
        padding-left: 20px;
        background-size: 24px;
        margin-right: 0;
        font-size: 12px;
        background-position: left center
    }
}

.header-top-sunrise .header .bar_left span {
    background-position: left center;
    background-size: 20px
}

.header-top-vietax body,.header-top-vietax html {
    font-family: "Microsoft YaHei"
}

.header-top-vietax .full {
    width: 100%
}

.header-top-vietax .inner {
    padding: 2em 0
}

.header-top-vietax #primary {
    width: 100%
}

.header-top-vietax #primary.have-sidebar {
    width: 71%
}

.header-top-vietax #primary.fr {
    padding-left: 5%
}

.header-top-vietax #primary.fl {
    padding-right: 5%
}

.header-top-vietax #secondary {
    width: 29%
}

.header-top-vietax .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.header-top-vietax img {
    max-width: 100%
}

.header-top-vietax ul,.header-top-vietax ol,.header-top-vietax li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .header-top-vietax .wrapper {
        padding:0 20px
    }

    .header-top-vietax .header-menu .wrapper {
        padding: 0px
    }
}

.header-top-vietax .fl {
    float: left
}

.header-top-vietax .fr {
    float: right
}

.header-top-vietax .show {
    display: block
}

.header-top-vietax .hide {
    display: none
}

.header-top-vietax .clearfix {
    clear: both;
    zoom:1}

.header-top-vietax .header {
    position: relative;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    width: 100%
}

.header-top-vietax .header-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.header-top-vietax .header .p {
    min-width: 100px;
    color: #737373
}

.header-top-vietax .header .fr {
    text-align: right;
    color: #737373
}

.header-top-vietax .header .tel {
    font-size: 16px;
    font-weight: 700;
    color: #737373
}

.header-top-vietax .header p {
    display: inline-block;
    margin: 0 15px;
    font-size: 14px
}

.header-top-vietax .header p a {
    display: inline-block;
    color: #737373
}

.header-top-vietax .header p .wechat {
    margin-right: 10px;
    position: relative;
    z-index: 1112;
    cursor: pointer
}

.header-top-vietax .header p .wechat img {
    top: 32px;
    position: absolute;
    left: 0;
    max-width: 130px;
    max-height: 130px;
    display: none
}

.header-top-vietax .header p .wechat:hover img {
    display: block
}

.header_mantuluo .fl {
    float: left
}

.header_mantuluo .fr {
    float: right
}

.header_mantuluo img {
    max-width: 100%;
    max-height: 100%
}

.header_mantuluo .header-container {
    width: 1200px;
    margin: 0 auto
}

.header_mantuluo .logo {
    margin-top: 10px;
    max-height: 80px
}

.header_mantuluo .logo img {
    max-height: 80px
}

.header_mantuluo ul,.header_mantuluo li {
    padding: 0;
    margin: 0;
    list-style: none
}

.header_mantuluo .header_mandala {
    position: relative;
    z-index: 1111;
    height: 100px
}

.header_mantuluo .navbar li {
    position: relative;
    float: left;
    margin: 0 25px;
    font-size: 14px;
    padding: 32px 0
}

.header_mantuluo .navbar li a {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    font-weight: 700;
    text-align: center;
    color: #737373;
    font-size: 16px;
    display: block;
    width: 100%
}

.header_mantuluo .navbar li a span {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    font-weight: 100;
    display: block;
    line-height: 1em;
    color: silver;
    text-transform: capitalize;
    font-size: 13px
}

.header_mantuluo .navbar li:hover>a,.header_mantuluo .navbar li:hover>a span,.header_mantuluo .navbar li.active>a,.header_mantuluo .navbar li.active>a span {
    color: #2c508c
}

.header_mantuluo .navbar li>ul {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    padding: 10px 20px;
    box-sizing: content-box;
    z-index: 1222;
    position: absolute;
    left: 0;
    width: 140px;
    display: none;
    background-color: #fff;
    top: 100%
}

.header_mantuluo .navbar li:hover>ul {
    display: block
}

.header_mantuluo .navbar li li {
    float: none;
    padding: 5px 0;
    margin: 0
}

.header_mantuluo .navbar li li a {
    text-align: left;
    font-size: 14px;
    font-weight: 100
}

.header_mantuluo .navbar li li:hover>a {
    color: #2c508c
}

.header_mantuluo .header-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.header_mantuluo #mobile-nav {
    float: right;
    display: none;
    margin-top: 33px
}

.header_mantuluo #mobile-nav span {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #8c8c8c;
    margin-bottom: 6px
}

.header_mantuluo #mobile-nav span:last-of-type {
    margin-bottom: 0
}

.header_mantuluo #site-navigation-mobile {
    display: none
}

@media screen and (max-width: 1200px) {
    .header_mantuluo .header_mandala .header-container {
        max-width:100%;
        padding: 0 20px
    }

    .header_mantuluo #mobile-nav {
        display: block
    }

    .header_mantuluo .navbar {
        display: none
    }
}

.header_search_one img {
    max-width: 100%
}

.header_search_one ul,.header_search_one li {
    list-style: none
}

.header_search_one .fl {
    float: left
}

.header_search_one .fr {
    float: right
}

.header_search_one .header-container {
    max-width: 100%;
    width: 1200px
}

.header_search_one .nav-top {
    background: #262932;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    display: none
}

.header_search_one .nav-top-l {
    padding: 0 10px
}

.header_search_one .nav-top-l span,.header_search_one .nav-top-l .language {
    display: inline-block;
    color: #fff;
    margin: 0 3px
}

.header_search_one .nav-top-l .language a {
    color: #fff;
    margin: 0 3px;
    position: relative
}

.header_search_one .nav-top-l .language a:before {
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0
}

.header_search_one .nav-bottom {
    background: #fff
}

.header_search_one .nav-bottom ul li {
    float: left;
    width: 145px;
    height: 80px;
    line-height: 80px;
    margin: 0;
    text-align: center;
    position: relative
}

.header_search_one .nav-bottom ul li:before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -100px;
    height: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    background: #3866b3;
    content: '';
    z-index: 0;
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    transform: skewX(-15deg)
}

.header_search_one .nav-bottom ul li a {
    color: #2c508c;
    font-size: 16px;
    font-weight: 700;
    z-index: 1;
    position: relative
}

.header_search_one .nav-bottom ul li.selected a {
    color: #fff
}

.header_search_one .nav-bottom ul li.selected:before {
    background: #2c508c;
    top: 0;
    height: 100%
}

.header_search_one .nav-bottom ul li:hover:before {
    top: 0;
    height: 100%;
    background: #2c508c
}

.header_search_one .nav-bottom ul li ul {
    display: none
}

.header_search_one .nav-bottom ul li:hover>a {
    color: #fff
}

.header_search_one #mobile-nav {
    float: right;
    display: none;
    margin-top: 33px
}

.header_search_one #mobile-nav span {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #8c8c8c;
    margin-bottom: 6px
}

.header_search_one #mobile-nav span:last-of-type {
    margin-bottom: 0
}

.header_search_one #site-navigation-mobile {
    display: none
}

@media screen and (max-width: 1200px) {
    .header_search_one .header_mandala .header-container {
        max-width:100%;
        padding: 0 20px
    }

    .header_search_one #mobile-nav {
        display: block
    }

    .header_search_one .header-nav {
        display: none
    }
}

.header_search_two img {
    max-width: 100%
}

.header_search_two ul,.header_search_two li {
    list-style: none
}

.header_search_two input,.header_search_two textarea,.header_search_two select {
    outline: none
}

.header_search_two .fl {
    float: left
}

.header_search_two .fr {
    float: right
}

.header_search_two .mobile-inner-nav a {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal
}

@-webkit-keyframes returnToNormal {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes returnToNormal {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.header_search_two .header {
    height: 100px;
    width: 100%;
    position: relative;
    z-index: 1111;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.header_search_two .header-container {
    max-width: 1200px;
    margin: 0 auto
}

.header_search_two .header-container .logo {
    margin-top: 27.5px
}

.header_search_two .header-container .logo img {
    max-width: 300px
}

.header_search_two .header-container .logo .logo_img {
    display: block
}

.header_search_two .header-container .logo .fixed_logo {
    display: none
}

.header_search_two .header-container .nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 50px;
    margin-top: 25px;
    float: left;
    max-width: 85%
}

.header_search_two .header-container .nav ul li {
    list-style: none;
    float: left;
    margin-right: 30px;
    padding: 0 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    background-color: transparent;
    border-radius: 8px;
    padding-bottom: 50px
}

.header_search_two .header-container .nav ul li a {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #737373;
    display: block;
    padding: 0 10px;
    position: relative
}

.header_search_two .header-container .nav ul li a:hover,.header_search_two .header-container .nav ul li a.selected {
    color: #2c508c
}

.header_search_two .header-container .nav ul li a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 4px;
    left: 50%;
    bottom: -25px;
    margin-left: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    background-color: silver
}

.header_search_two .header-container .nav ul li a.selected:after {
    width: 100%;
    margin-left: -50%
}

.header_search_two .header-container .nav ul li ul {
    top: 46px;
    border-radius: 9px;
    overflow: hidden;
    width: 200px;
    padding: 0px;
    background-color: rgba(255,255,255,0.4);
    height: auto
}

.header_search_two .header-container .nav ul li ul li {
    padding-bottom: 0;
    background-color: transparent;
    float: none;
    margin-right: 0;
    width: 100%;
    transition: 0.3s;
    height: 36px;
    line-height: 36px;
    border-radius: 0
}

.header_search_two .header-container .nav ul li ul li a {
    font-weight: 100;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #eee
}

.header_search_two .header-container .nav ul li ul li:hover {
    background-color: #2c508c
}

.header_search_two .header-container .nav ul li ul li:hover>a {
    color: #fff;
    border-bottom: none
}

.header_search_two .header-container .nav ul li:hover a:after {
    width: 100%;
    margin-left: -50%
}

.header_search_two .header-container .nav ul li:hover li a:after {
    width: 0;
    margin-left: 0
}

.header_search_two .header-container .nav .field {
    float: right;
    margin-top: 9.5px
}

.header_search_two .header-container .nav .field .up {
    height: 26px;
    line-height: 26px;
    margin-bottom: 15px
}

.header_search_two .header-container .nav .field .up a {
    color: #3866b3
}

.header_search_two .header-container .nav .field .up a img {
    float: left;
    margin-right: 10px;
    margin-top: 8px
}

.header_search_two .header-container .nav .field .up select {
    border: none;
    outline: none;
    cursor: pointer;
    background: none
}

.header_search_two .header-container .nav .field .bottom .bottom_sear {
    font-size: 14px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    position: relative
}

.header_search_two .header-container .nav .field .bottom .bottom_sear input {
    border: none;
    padding-left: 15px
}

.header_search_two .header-container .nav .field .bottom .bottom_sear .bottomTxt {
    height: 30px;
    line-height: 30px
}

.header_search_two .header-container .nav .field .bottom .bottom_sear input.bottomTxt::-webkit-input-placeholder {
    color: #666
}

.header_search_two .header-container .nav .field .bottom .bottom_sear input.bottomTxt::-moz-placeholder {
    color: #666
}

.header_search_two .header-container .nav .field .bottom .bottom_sear input.bottomTxt:-moz-placeholder {
    color: #666
}

.header_search_two .header-container .nav .field .bottom .bottom_sear input.bottomTxt:-ms-input-placeholder {
    color: #666
}

.header_search_two .header-container .nav .field .bottom .bottom_sear .bot-btn {
    outline: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 32px;
    right: 0;
    background-color: #eee;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    padding: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.header_search_two .header-container .nav .field .bottom .bottom_sear .bot-btn img {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -6px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.header_search_two .header-container .nav .field .bottom .bottom_sear .bot-btn .fixed_img {
    opacity: 0;
    filter: alpha(opacity=0)
}

.header_search_two .header.top-fixed {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2)
}

.header_search_two .header.top-fixed .header-container .logo .logo_img {
    display: none
}

.header_search_two .header.top-fixed .header-container .logo .fixed_logo {
    display: block
}

.header_search_two .header.top-fixed .header-container .nav ul li {
    padding-bottom: 0
}

.header_search_two .header.top-fixed .header-container .nav ul li ul {
    top: 25px;
    background-color: #fff
}

.header_search_two .header.top-fixed .header-container .nav ul li ul li a {
    color: #2c508c
}

.header_search_two .header.top-fixed .header-container .nav ul li:hover,.header_search_two .header.top-fixed .header-container .nav ul li.selected {
    background-color: #2c508c
}

.header_search_two .header.top-fixed .header-container .nav ul li:hover>a,.header_search_two .header.top-fixed .header-container .nav ul li.selected>a {
    color: #fff
}

.header_search_two .header.top-fixed .header-container .nav ul li a:after,.header_search_two .header.top-fixed .header-container .nav ul li:hover a:after {
    display: none
}

.header_search_two .header.top-fixed .header-container .nav .field .bottom .bottom_sear .bot-btn {
    background-color: mainauxiliary
}

.header_search_two .header.top-fixed .header-container .nav .field .bottom .bottom_sear .bot-btn .fixed_img {
    opacity: 1;
    filter: alpha(opacity=100)
}

.header_search_two .header.top-fixed .header-container .nav .field .bottom .bottom_sear .bot-btn .img {
    opacity: 0;
    filter: alpha(opacity=0)
}

.header_search_two #nav_mobile {
    display: none
}

@media screen and (max-width: 1200px) {
    .header_search_two #nav_mobile {
        display:block
    }

    .header_search_two .header .nav {
        display: block;
        float: left;
        width: auto;
        max-width: 170px
    }

    .header_search_two .header .nav>ul {
        display: none
    }

    .header_search_two .logo {
        position: absolute;
        left: 50%;
        margin-left: -108px;
        margin-top: 25px
    }
}

.header_search_two .header-container .nav .field {
    margin-top: 35px
}

@media screen and (max-width: 720px) {
    .header_search_two .header {
        height:45px
    }

    .header_search_two .header .logo {
        margin-top: 7px;
        margin-left: -80px
    }

    .header_search_two .header .logo .logo_img,.header_search_two .header.top-fixed .header-container .logo .fixed_logo {
        max-height: 31px
    }

    .header_search_two .mobile-inner-nav {
        top: 45px
    }

    .header_search_two .mobile-inner-header {
        height: 45px;
        line-height: 45px
    }

    .header_search_two .mobile-inner-header-icon {
        width: 45px;
        height: 45px
    }

    .header_search_two .header-container .nav .field {
        display: none
    }
}

.header_solarland input,.header_solarland textarea,.header_solarland select {
    outline: none
}

.header_solarland .header {
    height: 100px;
    width: 100%;
    position: relative;
    z-index: 1111;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.header_solarland .header-container {
    max-width: 1200px;
    margin: 0 auto
}

.header_solarland .header-container .logo {
    margin-top: 27.5px
}

.header_solarland .header-container .logo img {
    max-width: 300px
}

.header_solarland .header-container .logo .logo_img {
    display: block
}

.header_solarland .header-container .logo .fixed_logo {
    display: none
}

.header_solarland .header-container .nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 50px;
    margin-top: 25px;
    float: left;
    max-width: 85%
}

.header_solarland .header-container .nav ul li {
    list-style: none;
    float: left;
    margin-right: 30px;
    padding: 0 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    background-color: transparent;
    border-radius: 8px;
    padding-bottom: 50px
}

.header_solarland .header-container .nav ul li a {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #737373;
    display: block;
    padding: 0 10px;
    position: relative
}

.header_solarland .header-container .nav ul li a:hover,.header_solarland .header-container .nav ul li a.selected {
    color: #2c508c
}

.header_solarland .header-container .nav ul li a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 4px;
    left: 50%;
    bottom: -25px;
    margin-left: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    background-color: silver
}

.header_solarland .header-container .nav ul li a.selected:after {
    width: 100%;
    margin-left: -50%
}

.header_solarland .header-container .nav ul li ul {
    top: 46px;
    border-radius: 9px;
    overflow: hidden;
    width: 200px;
    padding: 0px;
    background-color: rgba(255,255,255,0.4);
    height: auto
}

.header_solarland .header-container .nav ul li ul li {
    padding-bottom: 0;
    background-color: transparent;
    float: none;
    margin-right: 0;
    width: 100%;
    transition: 0.3s;
    height: 36px;
    line-height: 36px;
    border-radius: 0
}

.header_solarland .header-container .nav ul li ul li a {
    font-weight: 100;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #eee
}

.header_solarland .header-container .nav ul li ul li:hover {
    background-color: #2c508c
}

.header_solarland .header-container .nav ul li ul li:hover>a {
    color: #fff;
    border-bottom: none
}

.header_solarland .header-container .nav ul li:hover a:after {
    width: 100%;
    margin-left: -50%
}

.header_solarland .header-container .nav ul li:hover li a:after {
    width: 0;
    margin-left: 0
}

.header_solarland .header-container .nav .field {
    float: right;
    margin-top: 9.5px
}

.header_solarland .header-container .nav .field .up {
    height: 26px;
    line-height: 26px;
    margin-bottom: 15px
}

.header_solarland .header-container .nav .field .up a {
    color: #3866b3
}

.header_solarland .header-container .nav .field .up a img {
    float: left;
    margin-right: 10px;
    margin-top: 8px
}

.header_solarland .header-container .nav .field .up select {
    border: none;
    outline: none;
    cursor: pointer;
    background: none
}

.header_solarland .header-container .nav .field .bottom .bottom_sear {
    font-size: 14px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    position: relative
}

.header_solarland .header-container .nav .field .bottom .bottom_sear input {
    border: none;
    padding-left: 15px
}

.header_solarland .header-container .nav .field .bottom .bottom_sear .bottomTxt {
    height: 30px;
    line-height: 30px
}

.header_solarland .header-container .nav .field .bottom .bottom_sear input.bottomTxt::-webkit-input-placeholder {
    color: #666
}

.header_solarland .header-container .nav .field .bottom .bottom_sear input.bottomTxt::-moz-placeholder {
    color: #666
}

.header_solarland .header-container .nav .field .bottom .bottom_sear input.bottomTxt:-moz-placeholder {
    color: #666
}

.header_solarland .header-container .nav .field .bottom .bottom_sear input.bottomTxt:-ms-input-placeholder {
    color: #666
}

.header_solarland .header-container .nav .field .bottom .bottom_sear .bot-btn {
    outline: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 32px;
    right: 0;
    background-color: #eee;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    padding: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.header_solarland .header-container .nav .field .bottom .bottom_sear .bot-btn img {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -6px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s
}

.header_solarland .header-container .nav .field .bottom .bottom_sear .bot-btn .fixed_img {
    opacity: 0;
    filter: alpha(opacity=0)
}

.header_solarland .header.top-fixed {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2)
}

.header_solarland .header.top-fixed .header-container .logo .logo_img {
    display: none
}

.header_solarland .header.top-fixed .header-container .logo .fixed_logo {
    display: block
}

.header_solarland .header.top-fixed .header-container .nav ul li {
    padding-bottom: 0
}

.header_solarland .header.top-fixed .header-container .nav ul li ul {
    top: 25px;
    background-color: #fff
}

.header_solarland .header.top-fixed .header-container .nav ul li ul li a {
    color: #2c508c
}

.header_solarland .header.top-fixed .header-container .nav ul li:hover,.header_solarland .header.top-fixed .header-container .nav ul li.selected {
    background-color: #2c508c
}

.header_solarland .header.top-fixed .header-container .nav ul li:hover>a,.header_solarland .header.top-fixed .header-container .nav ul li.selected>a {
    color: #fff
}

.header_solarland .header.top-fixed .header-container .nav ul li a:after,.header_solarland .header.top-fixed .header-container .nav ul li:hover a:after {
    display: none
}

.header_solarland .header.top-fixed .header-container .nav .field .bottom .bottom_sear .bot-btn {
    background-color: mainauxiliary
}

.header_solarland .header.top-fixed .header-container .nav .field .bottom .bottom_sear .bot-btn .fixed_img {
    opacity: 1;
    filter: alpha(opacity=100)
}

.header_solarland .header.top-fixed .header-container .nav .field .bottom .bottom_sear .bot-btn .img {
    opacity: 0;
    filter: alpha(opacity=0)
}

.header_solarland .fl {
    float: left
}

.header_solarland .fr {
    float: right
}

.header_solarland #mobile-nav {
    float: right;
    display: none;
    margin-top: 20px
}

.header_solarland #mobile-nav span {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #8c8c8c;
    margin-bottom: 6px
}

.header_solarland #mobile-nav span:last-of-type {
    margin-bottom: 0
}

.header_solarland #site-navigation-mobile {
    display: none
}

@media screen and (max-width: 1200px) {
    .header_solarland #mobile-nav {
        display:block
    }
}

.hengtiao-hyl img {
    max-width: 100%
}

.hengtiao-hyl ul,.hengtiao-hyl li {
    list-style: none;
    margin: 0;
    padding: 0
}

.hengtiao-hyl .section-content h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px
}

.hengtiao-hyl .section-content h1 small {
    color: #ccc;
    font-size: 14px;
    font-weight: normal
}

.hengtiao-hyl .section-content p {
    line-height: 1.5em !important
}

.hengtiao-hyl .section-content img {
    display: inline-block
}

@media screen and (max-width: 720px) {
    .hengtiao-hyl .section .section-content img {
        max-width:100%
    }

    .hengtiao-hyl ol {
        margin: 0;
        padding-left: 20px
    }

    .hengtiao-hyl .section-container {
        padding: 20px
    }

    .hengtiao-hyl .section-content h1 {
        font-size: 16px;
        text-align: center;
        margin-bottom: 30px
    }
}

.hengtiao-hyl .titleWrap {
    height: 70px;
    background: #656d79;
    margin-top: -2px
}

.hengtiao-hyl .titleWrap h2 {
    width: 1200px;
    height: 70px;
    font-size: 25px;
    color: #fff;
    margin: 0 auto;
    font-family: 'CAI978';
    font-weight: normal;
    letter-spacing: 1px
}

.hengtiao-hyl .titleWrap h2 span {
    display: inline-block;
    width: 260px;
    height: 70px;
    line-height: 70px;
    margin: 0 100px 0 0;
    font-size: 20px;
    text-align: center;
    background: #5b9cf0;
    font-family: "微软雅黑"
}

@media screen and (max-width: 666px) {
    .hengtiao-hyl .titleWrap {
        height:40px
    }

    .hengtiao-hyl .titleWrap h2 {
        width: 1200px;
        max-width: 100%;
        height: 40px
    }

    .hengtiao-hyl .titleWrap h2 span {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 16px
    }
}

.home-ability-ck img {
    max-width: 100%
}

.home-ability-ck ul,.home-ability-ck ol,.home-ability-ck li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-ability-ck .fl {
    float: left
}

.home-ability-ck .fr {
    float: right
}

.home-ability-ck .show {
    display: block
}

.home-ability-ck .hide {
    display: none
}

.home-ability-ck .clearfix {
    clear: both;
    zoom:1}

.home-ability-ck .section {
    position: relative
}

.home-ability-ck .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.home-ability-ck .section-container {
    padding: 50px 0
}

.home-ability-ck .section .main-tit {
    text-align: center;
    margin-bottom: 40px
}

.home-ability-ck .section .main-tit h2 {
    font-weight: 300;
    font-size: 30px;
    color: #2c508c;
    margin: 0px auto;
    max-width: 458px;
    text-transform: uppercase;
    text-align: center
}

.home-ability-ck .section .main-tit p {
    font-size: 16px;
    color: #9c9c9c;
    line-height: 2em;
    margin: 20px auto;
    width: 458px;
    text-align: center;
    max-width: 100%
}

.home-ability-ck .section .row {
    overflow: hidden;
    padding: 40px 0
}

.home-ability-ck .section .row .item {
    width: 50%;
    float: left;
    cursor: pointer;
    min-height: 270px
}

.home-ability-ck .section .row .item .info {
    width: 300px
}

.home-ability-ck .section .row .item .info.bottom {
    margin-top: 100px
}

.home-ability-ck .section .row .item .info .title {
    font-size: 24px;
    color: #333;
    position: relative;
    padding: 25px 0;
    line-height: 1.5em;
    transition: 0.3s
}

.home-ability-ck .section .row .item .info .title:before,.home-ability-ck .section .row .item .info .title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.3s
}

.home-ability-ck .section .row .item .info.fr .title:before,.home-ability-ck .section .row .item .info.fr .title:after {
    left: auto;
    right: 0
}

.home-ability-ck .section .row .item .info .title:after {
    width: 74px;
    height: 3px;
    bottom: -1px;
    background: #d3ced5;
    transition: 0.3s
}

.home-ability-ck .section .row .item .info .title:before {
    width: 100%;
    height: 1px;
    right: 0;
    background: #d3ced5;
    transition: 0.3s
}

.home-ability-ck .section .row .item .info .desp {
    color: #737373;
    font-size: 14px;
    line-height: 2em;
    transition: 0.3s;
    position: relative;
    padding: 25px 0 0
}

.home-ability-ck .section .row .item .info .desp:after {
    content: '';
    position: absolute;
    right: -37px;
    top: 20px;
    width: 50px;
    height: 1px;
    background: #d3ced5;
    transform: rotateZ(60deg);
    transition: 0.3s
}

.home-ability-ck .section .row .item .info.fr .desp:after {
    right: auto;
    left: -37px;
    transform: rotateZ(300deg)
}

.home-ability-ck .section .row .item .info.fl.bottom .desp:after {
    right: -37px;
    top: -22px;
    transform: rotateZ(-60deg)
}

.home-ability-ck .section .row .item .info.fr.bottom .desp:after {
    right: auto;
    left: -37px;
    top: -22px;
    transform: rotateZ(-300deg)
}

.home-ability-ck .section .row .item .info .more {
    padding: 0 8px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    background: #2c508c;
    margin-top: 20px;
    border-radius: 0;
    border: none
}

.home-ability-ck .section .row .item .img {
    width: 267px;
    height: 267px;
    position: relative;
    top: 0;
    left: 0;
    transition: 0.3s;
    overflow: hidden
}

.home-ability-ck .section .row .item .img img {
    max-width: 100%;
    width: 100%
}

.home-ability-ck .section .row .item .img.fl {
    border-top-right-radius: 267px
}

.home-ability-ck .section .row .item .img.fr {
    border-top-left-radius: 267px
}

.home-ability-ck .section .row .item .img.fl.bottom {
    border-radius: 0;
    border-bottom-right-radius: 267px
}

.home-ability-ck .section .row .item .img.fr.bottom {
    border-radius: 0;
    border-bottom-left-radius: 267px
}

.home-ability-ck .section .row .item:hover .img {
    box-shadow: 0px 0px 30px #df0d0e
}

.home-ability-ck .section .row .item:hover .img.fl {
    top: -8px;
    left: 8px
}

.home-ability-ck .section .row .item:hover .img.fr {
    top: -8px;
    left: -8px
}

.home-ability-ck .section .row .item:hover .img.fl.bottom {
    top: 8px;
    left: 8px
}

.home-ability-ck .section .row .item:hover .img.fr.bottom {
    top: 8px;
    left: -8px
}

.home-ability-ck .section .row .item:hover .info .title,.home-ability-ck .section .row .item:hover .info .desp {
    color: #2c508c
}

.home-ability-ck .section .row .item:hover .info .title:after,.home-ability-ck .section .row .item:hover .info .title:before,.home-ability-ck .section .row .item:hover .info .desp:after {
    background: #df0d0e
}

@media screen and (max-width: 1300px) {
    .home-ability-ck .wrapper {
        padding:0 20px
    }

    .home-ability-ck .header-menu .wrapper {
        padding: 0px
    }
}

@media screen and (max-width: 1300px) {
    .home-ability-ck .section .main-tit {
        margin-bottom:0
    }

    .home-ability-ck .section .row {
        padding: 0
    }

    .home-ability-ck .section .row .item {
        width: 100%;
        float: none;
        overflow: hidden;
        margin-bottom: 30px;
        padding: 30px 0 0
    }

    .home-ability-ck .section .row .item:first-of-type {
        padding-top: 0
    }

    .home-ability-ck .section .row .item:last-of-type {
        margin-bottom: 0;
        padding: 0
    }

    .home-ability-ck .section .row .item:hover .img.fl,.home-ability-ck .section .row .item:hover .img.fr,.home-ability-ck .section .row .item:hover .img.fl.bottom,.home-ability-ck .section .row .item:hover .img.fr.bottom {
        top: 0;
        left: 0
    }

    .home-ability-ck .section .row .item .info.bottom {
        margin-top: 0
    }

    .home-ability-ck .section .row .item .info {
        width: 60%
    }
}

@media screen and (max-width: 720px) {
    .home-ability-ck .fr.info {
        float:left
    }

    .home-ability-ck .fl.img {
        float: right
    }

    .home-ability-ck .section .row .item .img {
        display: block;
        height: auto;
        width: 100%
    }
}

.home-about-ck .full {
    width: 100%
}

.home-about-ck .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-about-ck img {
    max-width: 100%
}

.home-about-ck ul,.home-about-ck ol,.home-about-ck li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-about-ck .fl {
    float: left
}

.home-about-ck .fr {
    float: right
}

.home-about-ck .show {
    display: block
}

.home-about-ck .hide {
    display: none
}

.home-about-ck .clearfix {
    clear: both;
    zoom:1}

.home-about-ck .swiper-container a {
    line-height: 0
}

.home-about-ck .section {
    background-color: #fff
}

.home-about-ck .section .section-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.home-about-ck .section .main-tit {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px
}

.home-about-ck .section .main-tit h2 {
    font-weight: 300;
    font-size: 30px;
    color: #2c508c;
    margin: 0px auto;
    max-width: 458px;
    text-transform: uppercase
}

.home-about-ck .section .main-tit p {
    font-size: 16px;
    color: #9c9c9c;
    line-height: 2em;
    margin: 20px auto;
    width: 458px
}

.home-about-ck .swiper-container,.home-about-ck .swiper-container .img {
    position: relative;
    cursor: pointer;
    z-index: 0
}

.home-about-ck .swiper-container .img .info {
    padding: 0 40px;
    line-height: 30px;
    background-color: #2c508c;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    position: absolute;
    bottom: 60px;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.3s
}

.home-about-ck .swiper-container .mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 0.3s
}

.home-about-ck .swiper-container .mask img {
    width: 100%;
    height: 100%
}

.home-about-ck .swiper-container .swiper-slide:hover .img .info {
    opacity: 1;
    filter: alpha(opacity=100)
}

.home-about-ck .swiper-container .swiper-slide:hover .mask {
    opacity: 0;
    filter: alpha(opacity=0)
}

.home-about-ck .swiper-container .swiper-button-next,.home-about-ck .swiper-container .swiper-button-prev {
    background-position: center;
    background-repeat: no-repeat;
    width: 140px;
    height: 32px;
    top: auto;
    bottom: 50px;
    background-size: auto
}

.home-about-ck .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 414px) {
    .home-about-ck .section .main-tit p {
        width:333px;
        text-align: center;
        font-size: 10px
    }
}

@media screen and (max-width: 320px) {
    .home-about-ck .section .main-tit p {
        width:262px;
        text-align: center;
        font-size: 10px
    }
}

.home-about-ckxg .full {
    width: 100%
}

.home-about-ckxg .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-about-ckxg img {
    max-width: 100%
}

.home-about-ckxg ul,.home-about-ckxg ol,.home-about-ckxg li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-about-ckxg .fl {
    float: left
}

.home-about-ckxg .fr {
    float: right
}

.home-about-ckxg .show {
    display: block
}

.home-about-ckxg .hide {
    display: none
}

.home-about-ckxg .clearfix {
    clear: both;
    zoom:1}

.home-about-ckxg .section .section-container {
    padding: 50px 0
}

.home-about-ckxg .section .main-tit {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px
}

.home-about-ckxg .section .main-tit h2 {
    font-weight: 300;
    font-size: 30px;
    color: #2c508c;
    margin: 0px auto;
    max-width: 458px;
    text-transform: uppercase
}

.home-about-ckxg .section .main-tit p {
    font-size: 16px;
    color: #9c9c9c;
    line-height: 2em;
    margin: 20px auto;
    width: 458px
}

.home-about-ckxg .slide-wrapper {
    position: relative
}

.home-about-ckxg .slideTxtBox {
    padding: 30px 0 40px;
    position: relative;
    z-index: 1;
    width: 100%;
    border-top: 1px solid #959595;
    border-bottom: 1px solid #959595;
    text-align: left;
    overflow: hidden
}

.home-about-ckxg .slidebg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    z-index: 0
}

.home-about-ckxg .slideTxtBox .hd {
    float: left;
    width: 25%;
    line-height: 30px;
    padding: 0;
    overflow: hidden
}

.home-about-ckxg .slideTxtBox .hd .logo-img {
    margin-bottom: 20px;
    width: 100%;
    padding-left: 30px
}

.home-about-ckxg .slideTxtBox .hd ul {
    float: left
}

.home-about-ckxg .slideTxtBox .hd ul li {
    width: 100%;
    padding: 15px 25px 10px;
    cursor: pointer;
    border-bottom: 1px solid #959595
}

.home-about-ckxg .slideTxtBox .hd ul li div {
    font-size: 20px;
    color: #2c508c
}

.home-about-ckxg .slideTxtBox .hd ul li span {
    font-size: 14px;
    text-transform: capitalize;
    color: #737373
}

.home-about-ckxg .slideTxtBox .hd ul li.on {
    background: #2c508c
}

.home-about-ckxg .slideTxtBox .hd ul li.on div,.home-about-ckxg .slideTxtBox .hd ul li.on span {
    color: #fff
}

.home-about-ckxg .slideTxtBox .bd {
    float: right;
    width: 75%
}

.home-about-ckxg .slideTxtBox .bd ul {
    padding: 15px;
    zoom:1;overflow: hidden
}

.home-about-ckxg .slideTxtBox .bd li {
    line-height: 24px;
    width: 31.33333%;
    margin: 0 1%;
    margin-bottom: 30px;
    float: left;
    position: relative
}

.home-about-ckxg .slideTxtBox .bd li a {
    line-height: 0
}

.home-about-ckxg .slideTxtBox .bd li a .img {
    position: relative;
    cursor: pointer;
    z-index: 0
}

.home-about-ckxg .slideTxtBox .bd li a .img .info {
    padding: 0 40px;
    line-height: 30px;
    background-color: #2c508c;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    position: absolute;
    bottom: 60px;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.3s
}

.home-about-ckxg .slideTxtBox .bd li a .mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 0.3s
}

.home-about-ckxg .slideTxtBox .bd li a .mask img {
    width: 100%;
    height: 100%
}

.home-about-ckxg .slideTxtBox .bd li:hover .img .info {
    opacity: 1;
    filter: alpha(opacity=100)
}

.home-about-ckxg .slideTxtBox .bd li:hover .mask {
    opacity: 0;
    filter: alpha(opacity=0)
}

@media screen and (max-width: 1024px) {
    .home-about-ckxg .slideTxtBox .bd li {
        width:48%;
        margin: 10px 1%
    }
}

@media screen and (max-width: 720px) {
    .home-about-ckxg .section .main-tit p {
        width:333px;
        text-align: center;
        font-size: 10px
    }

    .home-about-ckxg .slideTxtBox .hd,.home-about-ckxg .slideTxtBox .bd {
        width: 50%
    }

    .home-about-ckxg .slideTxtBox .bd li {
        width: calc(45%);
        width: -webkit-calc(45%);
        width: -moz-calc(45%);
        margin: 10px 0 0;
        margin-right: 10px
    }

    .home-about-ckxg .slideTxtBox .bd li:nth-of-type(2n) {
        margin-right: 0
    }

    .home-about-ckxg .slideTxtBox .bd li.show-mobile {
        display: block
    }

    .home-about-ckxg .slideTxtBox .bd li a .img .info {
        bottom: 0;
        line-height: 1.2em;
        padding: 5px 8px;
        left: 0;
        right: 0
    }
}

@media screen and (max-width: 480px) {
    .home-about-ckxg .section .main-tit p {
        width:262px;
        text-align: center;
        font-size: 10px
    }

    .home-about-ckxg .slideTxtBox .hd,.home-about-ckxg .slideTxtBox .bd {
        width: 100%
    }

    .home-about-ckxg .slideTxtBox .hd {
        overflow: hidden
    }

    .home-about-ckxg .slideTxtBox .hd ul {
        overflow: hidden;
        width: 100%
    }

    .home-about-ckxg .slideTxtBox .hd ul li {
        float: left;
        width: 25%;
        padding-left: 5px;
        padding-right: 5px;
        height: 54px;
        overflow: hidden
    }

    .home-about-ckxg .slideTxtBox .hd ul li div {
        font-size: 12px;
        text-align: center
    }

    .home-about-ckxg .slideTxtBox .hd ul li span {
        display: none
    }

    .home-about-ckxg .slideTxtBox .bd li {
        width: 48%;
        margin: 10px 1%;
        display: block
    }
}

.home-about-ckxg .section-bgcol {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.home-about-gqf .full {
    width: 100%
}

.home-about-gqf .inner {
    padding: 2em 0
}

.home-about-gqf #primary {
    width: 100%
}

.home-about-gqf #primary.have-sidebar {
    width: 71%
}

.home-about-gqf #primary.fr {
    padding-left: 5%
}

.home-about-gqf #primary.fl {
    padding-right: 5%
}

.home-about-gqf #secondary {
    width: 29%
}

.home-about-gqf .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-about-gqf img {
    max-width: 100%
}

.home-about-gqf ul,.home-about-gqf ol,.home-about-gqf li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-about-gqf .wrapper {
        padding:0 20px
    }

    .home-about-gqf .header-menu .wrapper {
        padding: 0px
    }
}

.home-about-gqf .fl {
    float: left
}

.home-about-gqf .fr {
    float: right
}

.home-about-gqf .show {
    display: block
}

.home-about-gqf .hide {
    display: none
}

.home-about-gqf .clearfix {
    clear: both;
    zoom:1}

.home-about-gqf .section {
    position: relative
}

.home-about-gqf .section-container {
    padding: 50px 0
}

.home-about-gqf .section .m05_box {
    width: 520px;
    color: #737373
}

.home-about-gqf .section .m05_box b {
    display: block;
    text-transform: uppercase;
    font-size: 36px;
    padding: 0px;
    line-height: 46px;
    letter-spacing: 1px;
    color: #2c508c
}

.home-about-gqf .section .m05_box b font {
    color: #df0d0e
}

.home-about-gqf .section .m05_box i {
    font-style: normal;
    font-size: 18px;
    padding: 10px 0;
    display: block;
    color: #9c9c9c
}

.home-about-gqf .section .m05_box em {
    display: block;
    width: 30px;
    height: 3px;
    background: #2c508c;
    margin-top: 10px
}

.home-about-gqf .section .m05_box p {
    line-height: 22px;
    padding: 30px 0;
    font-size: 18px
}

.home-about-gqf .section .m05_box .more {
    width: 120px;
    line-height: 34px;
    height: 34px;
    border-radius: 0;
    border: 1px solid #2c508c;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    color: #737373
}

.home-about-gqf .section .m05_box .more a {
    display: block;
    color: #737373;
    line-height: 32px;
    height: 32px;
    border-bottom: 2px solid #2c508c;
    transition: all 0.3s
}

.home-about-gqf .section .m05_box .more a:hover {
    border-bottom: 2px solid #df0d0e
}

.home-about-gqf .section .section-bg,.home-about-gqf .section-bgcol {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat
}

.home-about-gqf .section-bgcol {
    z-index: -2
}

@media screen and (max-width: 1200px) {
    .home-about-gqf .section .m05_box b {
        font-size:26px
    }

    .home-about-gqf .section .m05_box i {
        font-size: 15px
    }

    .home-about-gqf .section .m05_box p {
        font-size: 15px
    }

    .home-about-gqf .section .m05_box {
        width: 100%
    }

    .home-about-gqf .section .section-bg {
        background-position: left center;
        background-size: auto 100%
    }
}

.home-about-ss .fl {
    float: left
}

.home-about-ss .fr {
    float: right
}

.home-about-ss .show {
    display: block
}

.home-about-ss .hide {
    display: none
}

.home-about-ss .clearfix {
    clear: both;
    zoom:1}

.home-about-ss .section {
    position: relative;
    height: 650px
}

.home-about-ss .section a:hover,.home-about-ss .section a:focus {
    text-decoration: none
}

.home-about-ss .section .section-container {
    position: relative;
    z-index: 11;
    top: 140px;
    padding: 50px 0
}

.home-about-ss .section .ab-wrapper {
    overflow: hidden;
    background: #fff;
    box-shadow: 5px 5px 50px rgba(191,64,67,0.1)
}

.home-about-ss .section .main-tit h2 {
    font-size: 24px;
    color: #2c508c;
    position: relative;
    text-transform: uppercase
}

.home-about-ss .section .main-tit span {
    display: block;
    color: #9c9c9c;
    font-size: 16px;
    text-transform: uppercase
}

.home-about-ss .section .ab-info {
    width: 70%;
    height: 320px;
    padding: 40px 30px 40px 50px
}

.home-about-ss .section .ab-info .main-tit {
    margin-bottom: 30px
}

.home-about-ss .section .ab-info .main-ft p {
    color: #737373;
    font-size: 14px;
    line-height: 2.2em
}

.home-about-ss .section .ab-info .main-ft .see-more {
    width: 155px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border: 1px solid #737373;
    color: #737373;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 30px;
    transition: 0.3s
}

.home-about-ss .section .ab-info .main-ft .see-more:hover {
    background-color: #2c508c;
    border-color: #2c508c;
    color: #fff
}

.home-about-ss .section .ab-case {
    width: 30%;
    height: 320px;
    position: relative;
    padding: 40px 40px 20px
}

.home-about-ss .section .ab-case .main-tit {
    position: relative
}

.home-about-ss .section .ab-case .main-tit h2,.home-about-ss .section .ab-case .main-tit span {
    color: #fff;
    margin: 8px 0
}

.home-about-ss .section .ab-case .main-tit h2 {
    position: relative;
    font-weight: 300
}

.home-about-ss .section .ab-case .main-tit h2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -14px;
    width: 30px;
    height: 4px;
    background-color: #fff
}

.home-about-ss .section .ab-case .ab-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: center
}

.home-about-ss .section .ab-case .main-bt {
    margin-bottom: 0;
    height: 75px;
    line-height: 75px;
    border-top: 1px solid #2c508c;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.home-about-ss .section .ab-case .main-bt {
    text-align: center;
    line-height: 75px
}

.home-about-ss .section .ab-case .main-bt img {
    display: inline-block;
    margin-right: 150px;
    vertical-align: middle
}

.home-about-ss .section .ab-case .main-bt a {
    display: inline-block;
    height: 75px;
    line-height: 75px;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    transition: 0.3s
}

.home-about-ss .section .ab-case .main-bt a:hover {
    color: #df0d0e
}

.home-about-ss .section .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 380px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0
}

.home-about-ss .section .section-bgcol {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@media screen and (max-width: 1200px) {
    .home-about-ss .section {
        height:820px
    }

    .home-about-ss .section .ab-info {
        height: auto
    }

    .home-about-ss .section .ab-info,.home-about-ss .section .ab-case {
        width: 100%;
        padding: 30px
    }

    .home-about-ss .section .ab-case {
        height: 250px
    }

    .home-about-ss .section .ab-case .main-bt {
        text-align: left;
        padding: 0 30px
    }
}

@media screen and (max-width: 720px) {
    .home-about-ss .section {
        height:920px
    }

    .home-about-ss .section .ab-case .main-bt a {
        float: right
    }
}

@media screen and (max-width: 480px) {
    .home-about-ss .section {
        height:980px
    }
}

.home-accordion-section .full {
    width: 100%
}

.home-accordion-section .inner {
    padding: 2em 0
}

.home-accordion-section .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-accordion-section img {
    max-width: 100%
}

.home-accordion-section ul,.home-accordion-section ol,.home-accordion-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-accordion-section .wrapper {
        padding:0 20px
    }

    .home-accordion-section .header-menu .wrapper {
        padding: 0px
    }
}

.home-accordion-section .fl {
    float: left
}

.home-accordion-section .fr {
    float: right
}

.home-accordion-section .show {
    display: block
}

.home-accordion-section .hide {
    display: none
}

.home-accordion-section .clearfix {
    clear: both;
    zoom:1}

.home-accordion-section .section-container {
    width: 1200px;
    max-width: 100%
}

.home-accordion-section .section-container {
    overflow: hidden;
    position: relative
}

.home-accordion-section .accordion-item {
    width: 17%;
    float: left;
    overflow: hidden;
    transition: width 0.3s;
    z-index: 1;
    padding: 50px 30px;
    top: 0;
    position: relative
}

.home-accordion-section .accordion-item {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.home-accordion-section .accordion-item.first.active,.home-accordion-section .accordion-item.active {
    width: 49%;
    z-index: 6;
    padding: 60px 40px;
    top: -10px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    background-color: #eee
}

.home-accordion-section .section1-bgcol,.home-accordion-section .section2-bgcol,.home-accordion-section .section3-bgcol,.home-accordion-section .section4-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.home-accordion-section .accordion-item .channel,.home-accordion-section .accordion-item .channel .tit a {
    color: #fff;
    font-size: 24px;
    width: 204px
}

.home-accordion-section .accordion-item.active .channel,.home-accordion-section .accordion-item.active .channel .tit a {
    color: #2c508c
}

.home-accordion-section .accordion-item.last .channel {
    width: 252px
}

.home-accordion-section .accordion-item .channel .top-title {
    overflow: hidden;
    color: #fff;
    margin-bottom: 20px
}

.home-accordion-section .accordion-item .channel .top-title strong {
    font-size: 60px;
    line-height: 1em;
    font-weight: 300
}

.home-accordion-section .accordion-item .channel .top-title .sub {
    float: left;
    color: rgba(255,255,255,0.8);
    margin-top: 10px
}

.home-accordion-section .accordion-item .channel .top-title .sub span {
    display: block;
    font-size: 14px;
    text-transform: uppercase
}

.home-accordion-section .accordion-item .item {
    width: 320px;
    position: absolute;
    left: 250px;
    top: 70px
}

.home-accordion-section .accordion-item.last .item {
    left: 280px
}

.home-accordion-section .accordion-item .item .inlin-b {
    display: inline-block;
    margin: 0 10px;
    width: 80px
}

.home-accordion-section .accordion-item .item .inlin-b .intro {
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-top: 15px
}

.home-accordion-section .accordion-item .item .inlin-b .intro a {
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-top: 15px
}

.home-accordion-section .accordion-item .item .inlin-b.last {
    width: 163px
}

.home-accordion-section .accordion-item .item .inlin-b img {
    margin: 0 auto
}

.home-accordion-section .accordion-item .item ul li {
    position: relative;
    padding: 0 10px
}

.home-accordion-section .accordion-item .item ul li:before {
    position: absolute;
    left: 0;
    content: '>';
    color: #fff
}

.home-accordion-section .accordion-item .item ul li a {
    color: #fff;
    line-height: 1.5em
}

.home-accordion-section .accordion-item.active .bgcol {
    display: none
}

.home-accordion-section .accordion-item.active .item ul li:before {
    color: #2c508c
}

.home-accordion-section .accordion-item.active .item ul li a {
    color: #2c508c
}

.home-accordion-section .accordion-item .item ul li a:hover {
    color: #ddd
}

.home-accordion-section .accordion-item .channel .tit {
    padding: 5px;
    text-transform: uppercase
}

.home-accordion-section .accordion-item.active .channel {
    width: 252px
}

.home-accordion-section .accordion-item.active .channel .top-title strong,.home-accordion-section .accordion-item.active .channel .top-title .sub,.home-accordion-section .accordion-item.active .channel .tit,.home-accordion-section .accordion-item.active .item .inlin-b .intro {
    color: #2c508c
}

@media screen and (max-width: 1024px) {
    .home-accordion-section .accordion-item {
        width:50%
    }

    .home-accordion-section .accordion-item.active {
        width: 50%
    }

    .home-accordion-section .accordion-item .item .inlin-b.last {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .home-accordion-section .accordion-item {
        width:100%
    }

    .home-accordion-section .accordion-item.active {
        width: 100%
    }
}

@media screen and (max-width: 720px) {
    .home-accordion-section .accordion-item .item {
        width:auto;
        right: 30px
    }

    .home-accordion-section .accordion-item.first.active,.home-accordion-section .accordion-item.active {
        width: 100%
    }

    .home-accordion-section .accordion-item .channel,.home-accordion-section .accordion-item .item {
        position: static;
        float: none;
        width: 100%;
        left: 0;
        top: 0;
        margin-top: 30px
    }

    .home-accordion-section ul {
        padding-left: 7px
    }

    .home-accordion-section .accordion-item.first.active,.home-accordion-section .accordion-item.active {
        padding: 50px 30px;
        top: 0
    }
}

.home-article-hyl1 .wrapper {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto
}

.home-article-hyl1 .section-container {
    padding: 50px 0
}

.home-article-hyl1 .main_why .whytt {
    text-align: center;
    font-size: 24px;
    color: #666
}

.home-article-hyl1 .main_why_leakey .whytt {
    color: #2c508c
}

.home-article-hyl1 .main_whylist {
    margin-top: 40px;
    overflow: hidden
}

.home-article-hyl1 .main_whylist ul {
    overflow: hidden;
    width: 100%
}

.home-article-hyl1 .main_whylist ul li {
    float: left;
    margin-right: 2%;
    width: 32%;
    margin-bottom: 30px;
    list-style: none
}

.home-article-hyl1 .main_whylist ul li:nth-of-type(3n) {
    margin-right: 0
}

.home-article-hyl1 .main_whylist ul li .img {
    transition: 0.3s;
    overflow: hidden
}

.home-article-hyl1 .main_whylist ul li .img img {
    display: block;
    width: 100%;
    margin: 0 auto;
    transition: 0.3s
}

.home-article-hyl1 .main_whylist ul li:hover .img img {
    transform: scale(1.2,1.2)
}

.home-article-hyl1 .main_whylist ul li h2 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 16px;
    color: #595959;
    border-bottom: 1px solid #efefef;
    padding-bottom: 16px
}

.home-article-hyl1 .main_whylist ul li p {
    font-size: 12px;
    line-height: 20px;
    color: #848484;
    padding: 16px 0
}

.home-article-hyl1 .main_whylist_leakey ul li p {
    color: #737373
}

.home-article-hyl1 .main_whylist ul li:hover h2 {
    color: #2e8ad7
}

.home-article-hyl1 .main_whylist_leakey ul li:hover h2 {
    color: #2c508c
}

@media screen and (max-width: 720px) {
    .home-article-hyl1 .main_whylist ul {
        padding:0
    }

    .home-article-hyl1 .main_whylist ul li {
        float: left;
        margin-right: 2%;
        width: 49%;
        margin-bottom: 30px;
        list-style: none
    }

    .home-article-hyl1 .main_whylist ul li:nth-of-type(3n) {
        margin-right: 2%
    }

    .home-article-hyl1 .main_whylist ul li:nth-of-type(2n) {
        margin-right: 0
    }
}

@media screen and (max-width: 360px) {
    .home-article-hyl1 .main_whylist ul {
        padding:0
    }

    .home-article-hyl1 .main_whylist ul li {
        float: left;
        margin-right: 0;
        width: 100%;
        margin-bottom: 30px;
        list-style: none
    }
}

.home-choose-section .full {
    width: 100%
}

.home-choose-section .inner {
    padding: 2em 0
}

.home-choose-section #primary {
    width: 100%
}

.home-choose-section #primary.have-sidebar {
    width: 71%
}

.home-choose-section #primary.fr {
    padding-left: 5%
}

.home-choose-section #primary.fl {
    padding-right: 5%
}

.home-choose-section #secondary {
    width: 29%
}

.home-choose-section .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-choose-section img {
    max-width: 100%
}

.home-choose-section ul,.home-choose-section ol,.home-choose-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-choose-section .wrapper {
        padding:0 20px
    }

    .home-choose-section .header-menu .wrapper {
        padding: 0px
    }
}

.home-choose-section .fl {
    float: left
}

.home-choose-section .fr {
    float: right
}

.home-choose-section .show {
    display: block
}

.home-choose-section .hide {
    display: none
}

.home-choose-section .clearfix {
    clear: both;
    zoom:1}

.home-choose-section .section {
    position: relative
}

.home-choose-section .section-bgcol {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: -2
}

.home-choose-section .section-container {
    padding: 50px 0
}

.home-choose-section .section .title01 {
    text-align: center
}

.home-choose-section .section .title01 i {
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    color: #2c508c;
    line-height: 1.4em
}

.home-choose-section .section .title01 i,.home-choose-section .section .title01 em {
    font-style: normal;
    display: block
}

.home-choose-section .section .title01 em {
    font-size: 16px;
    color: #9c9c9c;
    padding: 5px 0;
    line-height: 20px
}

.home-choose-section .section ul {
    margin: 50px 0 0;
    padding: 0;
    overflow: hidden
}

.home-choose-section .section ul li {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    cursor: pointer
}

.home-choose-section .section ul li:nth-of-type(4n) {
    margin-right: 0
}

.home-choose-section .section ul li a {
    color: #666
}

.home-choose-section .section ul li a .desc_icon {
    width: 84px;
    height: 84px
}

.home-choose-section .section ul li a .desc_icon img {
    transition: 0.6s
}

.home-choose-section .section ul li a .desc {
    padding: 26px 0
}

.home-choose-section .section ul li a .desc b {
    line-height: 26px;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    color: #2c508c;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.home-choose-section .section ul li:hover a .desc b {
    color: #2c508c
}

.home-choose-section .section ul li a .desc font {
    font-size: 15px;
    padding: 10px 0 0;
    color: #737373;
    line-height: 20px;
    display: block
}

.home-choose-section .section ul li:hover a .desc_icon img {
    transform: rotate(360deg)
}

@media screen and (max-width: 1200px) {
    .home-choose-section .section .title01 i {
        font-size:30px
    }

    .home-choose-section .section .title01 em {
        font-size: 15px
    }

    .home-choose-section .section ul {
        margin: 20px 0 0
    }

    .home-choose-section .section ul li {
        width: 44%;
        float: left;
        margin: 30px 3%;
        min-height: 240px;
        cursor: pointer
    }

    .home-choose-section .section ul li:nth-of-type(4n) {
        margin: 30px 3%
    }
}

@media screen and (max-width: 640px) {
    .home-choose-section .section ul li {
        width:94%;
        float: left;
        margin: 10px 3%;
        cursor: pointer;
        min-height: 200px
    }

    .home-choose-section .section ul li:nth-of-type(4n) {
        margin: 10px 3%
    }

    .home-choose-section .section ul li a .desc {
        padding: 10px 0
    }
}

.home-contact-gqf .full {
    width: 100%
}

.home-contact-gqf .inner {
    padding: 2em 0
}

.home-contact-gqf #primary {
    width: 100%
}

.home-contact-gqf #primary.have-sidebar {
    width: 71%
}

.home-contact-gqf #primary.fr {
    padding-left: 5%
}

.home-contact-gqf #primary.fl {
    padding-right: 5%
}

.home-contact-gqf #secondary {
    width: 29%
}

.home-contact-gqf .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-contact-gqf img {
    max-width: 100%
}

.home-contact-gqf ul,.home-contact-gqf ol,.home-contact-gqf li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-contact-gqf .wrapper {
        padding:0 20px
    }

    .home-contact-gqf .header-menu .wrapper {
        padding: 0px
    }
}

.home-contact-gqf .fl {
    float: left
}

.home-contact-gqf .fr {
    float: right
}

.home-contact-gqf .show {
    display: block
}

.home-contact-gqf .hide {
    display: none
}

.home-contact-gqf .clearfix {
    clear: both;
    zoom:1}

.home-contact-gqf .section {
    overflow: hidden;
    position: relative
}

.home-contact-gqf .section-container {
    padding: 50px 0
}

.home-contact-gqf .section .m10_box {
    overflow: hidden
}

.home-contact-gqf .section .m10_box .m01_b_left {
    float: left;
    width: 80%;
    font-size: 28px;
    line-height: 1.3em;
    color: #fff
}

.home-contact-gqf .section .m10_box .m01_b_left font {
    font-size: 16px;
    display: block;
    margin-top: 4px
}

.home-contact-gqf .section .m10_box em {
    display: block;
    font-style: normal;
    width: 15%;
    height: 45px;
    border: 1px solid #fff;
    background: transparent;
    transition: 0.3s;
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
    float: right;
    font-size: 20px;
    cursor: pointer
}

.home-contact-gqf .section .m10_box em a {
    color: #fff;
    line-height: 45px
}

.home-contact-gqf .section .m10_box em:hover {
    background: #2c508c;
    border: 1px solid #2c508c
}

.home-contact-gqf .section-bgcol {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 767px) {
    .home-contact-gqf .section .m10_box .m01_b_left {
        float:none;
        width: 100%
    }

    .home-contact-gqf .section .m10_box em {
        float: none;
        margin-top: 10px;
        width: 100%
    }
}

.home-contact-us .full {
    width: 100%
}

.home-contact-us .inner {
    padding: 2em 0
}

.home-contact-us #primary {
    width: 100%
}

.home-contact-us #primary.have-sidebar {
    width: 71%
}

.home-contact-us #primary.fr {
    padding-left: 5%
}

.home-contact-us #primary.fl {
    padding-right: 5%
}

.home-contact-us #secondary {
    width: 29%
}

.home-contact-us .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-contact-us img {
    max-width: 100%
}

.home-contact-us ul,.home-contact-us ol,.home-contact-us li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-contact-us .fl {
    float: left
}

.home-contact-us .fr {
    float: right
}

.home-contact-us .show {
    display: block
}

.home-contact-us .hide {
    display: none
}

.home-contact-us .clearfix {
    clear: both;
    zoom:1}

.home-contact-us .section {
    position: relative
}

.home-contact-us .section-container {
    padding: 50px 0
}

.home-contact-us .section .cont_b_title {
    text-align: center
}

.home-contact-us .section .cont_b_title font {
    font-size: 48px;
    color: #fff;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 1em
}

.home-contact-us .section .cont_b_title span {
    color: #fff;
    padding-left: 10px;
    opacity: 0.9
}

.home-contact-us .section .cont_b_title .cont_desc {
    width: 75%;
    line-height: 20px;
    color: #fff;
    margin: 5px auto 0;
    font-size: 14px
}

.home-contact-us .section .cont_b_title em {
    width: 50px;
    height: 1px;
    background: #fff;
    margin: 22px auto 0;
    display: block
}

.home-contact-us .section ul {
    margin: 40px 0 0;
    padding: 0;
    list-style: none;
    width: 1200px;
    overflow: hidden;
    max-width: 100%
}

.home-contact-us .section ul li {
    width: 31.3333%;
    min-height: 200px;
    float: left;
    margin-right: 3%
}

.home-contact-us .section ul li:last-of-type {
    margin-right: 0
}

.home-contact-us .section ul li a {
    color: #666;
    margin: 20px;
    overflow: hidden;
    display: block
}

.home-contact-us .section ul li a .desc_icon {
    width: 50px;
    overflow: hidden;
    margin: 0 auto
}

.home-contact-us .section ul li a .desc_icon img {
    margin: 0 auto;
    display: block;
    transition: transform 1s
}

.home-contact-us .section ul li a:hover .desc_icon img {
    transform: rotate3d(0,1,0,-360deg)
}

.home-contact-us .section ul li a .desc {
    padding: 26px 0 0;
    text-align: center;
    line-height: 22px;
    font-size: 14px
}

.home-contact-us .section ul li a .desc b {
    line-height: 26px;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 10px
}

.home-contact-us .section ul li a .desc font {
    font-size: 14px;
    padding: 10px 0 0;
    color: #fff;
    line-height: 20px;
    display: block
}

.home-contact-us .section .section-bg {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: center
}

.home-contact-us .section .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

@media screen and (max-width: 720px) {
    .home-contact-us .section ul li {
        width:96%;
        margin: 0 2%
    }
}

.home-feedback-section .fl {
    float: left
}

.home-feedback-section .fr {
    float: right
}

.home-feedback-section .show {
    display: block
}

.home-feedback-section .hide {
    display: none
}

.home-feedback-section .clearfix {
    clear: both;
    zoom:1}

.home-feedback-section .section {
    position: relative
}

.home-feedback-section .section-bgcol {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.home-feedback-section .section-container {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.home-feedback-section .feedbox {
    position: relative
}

.home-feedback-section .feedback_tt {
    text-align: center;
    float: left
}

.home-feedback-section .feedback_tt h2 {
    font-size: 50px;
    font-weight: 700;
    color: #fff
}

.home-feedback-section .feedback_tt h3 {
    font-size: 40px;
    font-weight: 700;
    color: #fff
}

.home-feedback-section .feedback_tt .info {
    margin-top: 60px;
    position: relative
}

.home-feedback-section .feedback_tt .info p {
    line-height: 1.2em;
    padding: 0 40px
}

.home-feedback-section .feedback_tt .info .up,.home-feedback-section .feedback_tt .info .down {
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 34px
}

.home-feedback-section .feedback_tt .info .down {
    left: auto;
    right: 0;
    top: 60px
}

.home-feedback-section .feedback_tt .info p {
    font-size: 36px;
    font-family: 'roboto-light';
    color: #fff
}

.home-feedback-section .feedback_right {
    float: right;
    width: 318px;
    background: #fff
}

.home-feedback-section .feedback_right .formbox {
    padding: 32px 20px 4px
}

.home-feedback-section .feedback_right .formbox h2 {
    font-size: 18px;
    color: #2c508c;
    font-weight: normal;
    margin-bottom: 26px;
    text-align: center
}

.home-feedback-section form .form-group {
    margin-bottom: 20px
}

.home-feedback-section form .form-label {
    display: none
}

.home-feedback-section form .form-group .form-control {
    width: 100%;
    height: 40px;
    background-position: 2px center;
    background-repeat: no-repeat
}

.home-feedback-section form .form-textarea.form-group .form-control {
    height: 60px;
    background-position: 2px 3px
}

.home-feedback-section form .form-group input,.home-feedback-section form .form-group textarea,.home-feedback-section form .form-group select {
    outline: none;
    width: 100%;
    height: 100%;
    border: none;
    border-bottom: 1px solid #efefef;
    padding: 0 25px;
    transition: 0.3s;
    background-color: transparent
}

.home-feedback-section form .form-group select {
    color: #737373;
    padding: 0 21px
}

.home-feedback-section form .form-group input:focus,.home-feedback-section form .form-group textarea:focus,.home-feedback-section form .form-group select:focus {
    border-bottom: 1px solid #737373
}

.home-feedback-section form .form-group.form-button input[type="submit"] {
    height: 40px;
    line-height: 40px;
    background: #2c508c;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

.home-feedback-section form .form-group.form-button input[type="submit"]:hover {
    background: #df0d0e
}

.home-feedback-section .section-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width: 1024px) {
    .home-feedback-section .feedback_tt {
        text-align:center;
        float: none
    }

    .home-feedback-section .feedback_right {
        float: none;
        margin: 30px auto 0
    }
}

.home-form-section .full {
    width: 100%
}

.home-form-section .inner {
    padding: 2em 0
}

.home-form-section #primary {
    width: 100%
}

.home-form-section #primary.have-sidebar {
    width: 71%
}

.home-form-section #primary.fr {
    padding-left: 5%
}

.home-form-section #primary.fl {
    padding-right: 5%
}

.home-form-section #secondary {
    width: 29%
}

.home-form-section img {
    max-width: 100%
}

.home-form-section ul,.home-form-section ol,.home-form-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-form-section .fl {
    float: left
}

.home-form-section .fr {
    float: right
}

.home-form-section .show {
    display: block
}

.home-form-section .hide {
    display: none
}

.home-form-section .clearfix {
    clear: both;
    zoom:1}

.home-form-section .section {
    position: relative
}

.home-form-section .section .section-container {
    padding: 50px 0
}

.home-form-section .section form {
    overflow: hidden
}

.home-form-section .section form .form-label {
    display: none
}

.home-form-section .section form .form-group {
    background: none;
    float: left;
    margin-bottom: 20px
}

.home-form-section .section form .form-group.form-textarea {
    margin-bottom: 50px
}

.home-form-section .section form .form-group {
    width: 48%;
    margin: 10px 1%
}

.home-form-section .section form .form-group.form-textarea {
    width: 100%;
    height: 75px
}

.home-form-section .section form .form-group.form-button {
    float: none;
    clear: both;
    zoom:1;margin: 10px auto;
    width: 30%
}

.home-form-section .section form .form-group.form-button input:hover {
    background-color: #df0d0e;
    color: #fff;
    cursor: pointer;
    transition: 0.3s;
    border-color: #df0d0e
}

.home-form-section .section form .form-group.form-button input {
    background-color: #2c508c;
    color: #737373;
    position: relative;
    top: 0;
    transition: 0.3s
}

.home-form-section .section form input,.home-form-section .section form textarea {
    width: 98%;
    background: none;
    border: 1px solid #2c508c;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    padding: 0 10px;
    outline: none;
    color: #737373
}

.home-form-section .section form input:focus,.home-form-section .section form textarea:focus {
    border: 1px solid #df0d0e
}

.home-form-section .section form textarea {
    height: 100%;
    overflow: auto
}

.home-form-section input::-webkit-input-placeholder,.home-form-section textarea::-webkit-input-placeholder {
    color: #2c508c
}

.home-form-section input:-moz-placeholder,.home-form-section textarea:-moz-placeholder {
    color: #2c508c
}

.home-form-section input::-moz-placeholder,.home-form-section textarea::-moz-placeholder {
    color: #2c508c
}

.home-form-section input:-ms-input-placeholder,.home-form-section textarea:-ms-input-placeholder {
    color: #2c508c
}

.home-form-section .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

@media screen and (max-width: 1300px) {
    .home-form-section .wrapper {
        padding:0 20px
    }

    .home-form-section .header-menu .wrapper {
        padding: 0px
    }
}

@media screen and (max-width: 1200px) {
    .home-form-section .section .section-container {
        padding:60px 20px
    }

    .home-form-section .section form .form-group {
        width: 100%
    }
}

@media screen and (max-width: 414px) {
    .home-form-section .section form .form-group.form-xingming {
        width:100%;
        margin-right: 0%
    }

    .home-form-section .section form .form-group.form-youxiang,.home-form-section .section form .form-group.form-dianhua {
        width: 100%;
        margin-right: 0%
    }

    .home-form-section .section form .form-group.form-button {
        width: 50%
    }
}

.home-info-yeshun img {
    max-width: 100%;
    width: 100%
}

.home-info-yeshun ul,.home-info-yeshun ol,.home-info-yeshun li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-info-yeshun .fl {
    float: left
}

.home-info-yeshun .fr {
    float: right
}

.home-info-yeshun .full {
    width: 100%
}

.home-info-yeshun .show {
    display: block
}

.home-info-yeshun .hide {
    display: none
}

.home-info-yeshun .clearfix {
    clear: both;
    zoom:1}

.home-info-yeshun .section {
    background-color: #fff
}

.home-info-yeshun .section-container {
    overflow: hidden
}

.home-info-yeshun .col-3 {
    width: 23.5%;
    margin: 30px 0;
    margin-right: 2%;
    float: left
}

.home-info-yeshun .col-3:nth-of-type(4n) {
    margin-right: 0;
    float: left
}

.home-info-yeshun .info {
    font-size: 12px;
    width: 235px;
    float: left;
    color: #636363;
    text-align: left;
    margin-top: 10px;
    line-height: 18px
}

.home-info-yeshun .info span {
    font-size: 15px;
    font-weight: bold;
    color: #2c508c
}

.home-info-yeshun .pic_dot {
    width: 100%;
    overflow: hidden
}

.home-info-yeshun .pic_dot a {
    display: block;
    position: relative;
    bottom: 80px;
    left: 0
}

.home-info-yeshun .pic_dot .box {
    position: relative;
    top: 0;
    transition: 0.4s
}

.home-info-yeshun .pic_dot .box>img {
    cursor: pointer
}

.home-info-yeshun .pic_dot .mask {
    position: relative;
    background-position: center;
    background-size: 100% 100%;
    text-align: center
}

.home-info-yeshun .pic_dot .mask .mask_bg {
    background-color: #2c508c;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.home-info-yeshun .pic_dot .mask .wrap {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle
}

.home-info-yeshun .pic_dot .mask img {
    margin: 0 auto
}

.home-info-yeshun .pic_dot .mask a {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    text-decoration: underline
}

.home-info-yeshun .col-3:hover .box {
    top: -200px
}

.home-info-yeshun .home-info-yeshun .pic_dot .box>img {
    width: 100%
}

@media screen and (max-width: 960px) {
    .home-info-yeshun .col-3 {
        width:47.5%;
        margin: 30px 0;
        margin-right: 2%;
        float: left
    }

    .home-info-yeshun .pic_dot .box>img {
        cursor: pointer;
        margin: 0 auto
    }

    .home-info-yeshun .info {
        font-size: 12px;
        width: 235px;
        float: none;
        margin: 0 auto;
        text-align: center
    }
}

.home-introduction-list .full {
    width: 100%
}

.home-introduction-list .inner {
    padding: 2em 0
}

.home-introduction-list ul,.home-introduction-list ol,.home-introduction-list li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-introduction-list img {
    max-width: 100%
}

.home-introduction-list .fl {
    float: left
}

.home-introduction-list .fr {
    float: right
}

.home-introduction-list .show {
    display: block
}

.home-introduction-list .hide {
    display: none
}

.home-introduction-list .clearfix {
    clear: both;
    zoom:1}

.home-introduction-list .box1,.home-introduction-list .box2,.home-introduction-list .box3,.home-introduction-list .box4 {
    display: block;
    cursor: pointer
}

.home-introduction-list .topbar_icon {
    float: left
}

.home-introduction-list .topbar_title {
    width: 73%;
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding-top: 0px
}

.home-introduction-list .topbar_title p {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal
}

.home-introduction-list .top_box {
    height: 60px;
    padding: 10px 10px 10px 10px;
    background: #2c508c
}

.home-introduction-list .dd {
    position: relative;
    transition: 0.5s;
    color: #fff;
    width: 23.5%;
    margin-right: 2%
}

.home-introduction-list .dd:nth-of-type(4n) {
    margin-right: 0
}

.home-introduction-list .dd .box_hover,.home-introduction-list .dd .box4_hover,.home-introduction-list .dd .box1_hover,.home-introduction-list .dd .box2_hover,.home-introduction-list .dd .box3_hover {
    position: absolute;
    bottom: 0;
    height: 0;
    width: 100%;
    transition: 0.5s;
    overflow: hidden
}

.home-introduction-list .dd .box_hover {
    background: #df0d0e
}

.home-introduction-list .dd .box1_hover {
    background: #007bff
}

.home-introduction-list .dd .box2_hover {
    background: #28a745
}

.home-introduction-list .dd .box3_hover {
    background: #67474a
}

.home-introduction-list .dd .box4_hover {
    background: #e07316
}

.home-introduction-list .dd .d_title {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 40px 0
}

.home-introduction-list .dd .d_title a {
    color: #fff
}

.home-introduction-list .dd .d_title font {
    font-size: 10px;
    text-transform: uppercase;
    padding-left: 10px;
    font-weight: normal
}

.home-introduction-list .dd .d_honor {
    height: auto;
    overflow: hidden;
    padding: 16px 20px
}

.home-introduction-list .dd .d_honor ul {
    margin: 0;
    padding: 0
}

.home-introduction-list .dd .d_honor ul li {
    line-height: 24px;
    text-overflow: ellipsis
}

.home-introduction-list .dd .d_honor ul li a {
    color: #fff;
    font-size: 12px
}

.home-introduction-list .dd:hover .box1_hover,.home-introduction-list .dd:hover .box2_hover,.home-introduction-list .dd:hover .box3_hover,.home-introduction-list .dd:hover .box4_hover,.home-introduction-list .dd:hover .box_hover {
    height: auto
}

.home-introduction-list .dd .hover_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: 200px 150px;
    background-repeat: no-repeat
}

.home-introduction-list .section {
    position: relative
}

.home-introduction-list .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

@media screen and (max-width: 720px) {
    .home-introduction-list .dd {
        width:100%;
        margin-bottom: 10px
    }

    .home-introduction-list .dd .box_hover,.home-introduction-list .dd .box4_hover,.home-introduction-list .dd .box1_hover,.home-introduction-list .dd .box2_hover,.home-introduction-list .dd .box3_hover {
        position: static
    }
}

.home-main-abus img {
    max-width: 100%
}

.home-main-abus ul,.home-main-abus ol,.home-main-abus li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-main-abus .fl {
    float: left
}

.home-main-abus .fr {
    float: right
}

.home-main-abus .show {
    display: block
}

.home-main-abus .hide {
    display: none
}

.home-main-abus .clearfix {
    clear: both;
    zoom:1}

.home-main-abus .section {
    position: relative
}

.home-main-abus .section-container {
    padding: 50px 0
}

.home-main-abus .section-bgcol {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1
}

.home-main-abus .section .titleBox {
    width: 1200px;
    margin: 0 auto;
    padding-top: 22px;
    margin-bottom: 40px
}

.home-main-abus .section .titleBox h2 {
    text-align: center;
    color: #2c508c;
    font-size: 30px;
    line-height: 50px;
    font-weight: bold;
    margin: 0
}

.home-main-abus .section .titleBox p {
    margin: 0
}

.home-main-abus .section .titleBox .onlineBox {
    width: 1200px;
    overflow: hidden
}

.home-main-abus .section .titleBox .onlineBox .online {
    float: left;
    width: 512px;
    height: 1px;
    background-color: #eee
}

.home-main-abus .section .titleBox .onlineBox p {
    float: left;
    width: 176px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #9c9c9c;
    text-transform: uppercase
}

.home-main-abus .sec1L {
    float: left;
    width: 526px;
    height: 495px;
    transition: 0.3s
}

.home-main-abus .sec1L div.boxa {
    display: block;
    width: 325px;
    max-width: 100%;
    box-sizing: content-box;
    height: 87px;
    margin-left: -526px;
    padding: 20px 45px 15px 140px;
    margin-bottom: 48px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.home-main-abus .sec1L .boxa {
    position: relative
}

.home-main-abus .sec1L .boxa .box-bg {
    transition: 0.3s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 140px;
    background-repeat: no-repeat;
    background-position: left center
}

.home-main-abus .sec1L .para {
    color: #737373
}

.home-main-abus .sec1L div h3 {
    font-size: 16px;
    color: #333;
    font-weight: bold
}

.home-main-abus .sec1L .para {
    margin-top: 10px
}

.home-main-abus .sec1L .para p {
    color: #737373;
    line-height: 18px
}

.home-main-abus .sec1R {
    float: right;
    width: 548px;
    margin-right: -548px
}

.home-main-abus .sec1R .sec1Img {
    width: 548px;
    overflow: hidden;
    height: 316px;
    position: relative
}

.home-main-abus .sec1R .sec1Img img {
    width: 548px;
    height: 316px
}

.home-main-abus .sec1R .sec1Img h4 {
    width: 92px;
    height: 92px;
    background-color: #034dae;
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0
}

.home-main-abus .sec1R .para {
    padding: 30px 0px 0
}

.home-main-abus .sec1R .para p {
    color: #737373;
    line-height: 21px;
    margin-bottom: 20px
}

.home-main-abus .sec1R .para a {
    color: #737373
}

.home-main-abus .sec1R .para a:hover {
    color: #df0d0e
}

.home-main-abus .main {
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 1200px) {
    .home-main-abus .main {
        width:100%
    }

    .home-main-abus .section {
        background-color: #fff
    }

    .home-main-abus .section .titleBox {
        width: 100%;
        margin: 0 auto;
        padding-top: 2%;
        margin-bottom: 2%
    }

    .home-main-abus .section .titleBox h2 {
        text-align: center;
        color: #2c508c;
        padding-top: 2%;
        font-size: 30px;
        line-height: 50px;
        font-weight: bold
    }

    .home-main-abus .section .titleBox .onlineBox {
        width: 100%;
        overflow: hidden
    }

    .home-main-abus .section .titleBox .onlineBox .online {
        display: none
    }

    .home-main-abus .section .titleBox .onlineBox p {
        float: none;
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        color: #ccc
    }

    .home-main-abus .sec1L {
        float: none;
        width: 100%;
        position: relative;
        height: auto;
        overflow: hidden;
        padding: 2% 1% 0
    }

    .home-main-abus .sec1L .boxa {
        float: left;
        width: 28%;
        height: auto;
        padding: 120px 2% 0;
        margin: 0 0 1%;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .home-main-abus .sec1L div.boxa {
        width: 100%
    }

    .home-main-abus .sec1L .boxa h3 {
        padding: 2% 0 0;
        font-size: 16px;
        color: #333;
        font-weight: bold;
        width: 80%
    }

    .home-main-abus .sec1L .boxa .para {
        width: 80%
    }

    .home-main-abus .sec1L .boxa span {
        color: #eb891a
    }

    .home-main-abus .sec1L .para {
        margin-top: 10px
    }

    .home-main-abus .sec1L .para p {
        color: #999;
        line-height: 18px
    }

    .home-main-abus .sec1R {
        float: none;
        width: 94%;
        margin: 0 3%
    }

    .home-main-abus .sec1R .sec1Img {
        display: none;
        width: 49%;
        overflow: hidden;
        height: 316px;
        position: relative
    }

    .home-main-abus .sec1R .sec1Img img {
        width: 48%;
        height: 316px
    }

    .home-main-abus .sec1R .sec1Img h4 {
        width: 92px;
        height: 92px;
        background-color: #034dae;
        font-size: 32px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0
    }

    .home-main-abus .sec1R .para {
        padding: 6% 0px 0
    }

    .home-main-abus .sec1R .para p {
        color: #333;
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 20px
    }

    .home-main-abus .sec1R .para a {
        color: #ccc
    }

    .home-main-abus .sec1R .para a:hover {
        color: #333
    }
}

@media (max-width: 720px) {
    .home-main-abus .section .titleBox h2 {
        font-size:25px
    }
}

@media (max-width: 680px) {
    .home-main-abus .sec1L div.boxa {
        padding-left:100px
    }

    .home-main-abus .sec1L {
        float: none;
        width: 100%;
        text-align: left;
        height: auto;
        overflow: hidden
    }

    .home-main-abus .sec1L .boxa .box-bg {
        background-size: 440px
    }

    .home-main-abus .sec1L .boxa {
        display: block;
        width: 78%;
        height: 117px;
        padding: 0 2% 0 90px;
        margin: 0 0 1%;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .home-main-abus .sec1L .boxa h3 {
        padding: 10px 0 0 20%;
        font-size: 16px;
        color: #333;
        font-weight: bold
    }

    .home-main-abus .sec1L .para {
        padding: 10px 0 0 20%
    }
}

@media (max-width: 550px) {
    .home-main-abus .sec1L .boxa {
        display:block;
        height: auto !important;
        overflow: hidden;
        padding: 0 2% 0 90px !important;
        margin: 0 0 3%;
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@media (max-width: 480px) {
    .home-main-abus .sec1L div.boxa {
        width:86%
    }
}

@media (max-width: 375px) {
    .home-main-abus .sec1L .boxa .box-bg {
        background-size:400px
    }

    .home-main-abus .sec1L .boxa h3 {
        padding-left: 5%
    }

    .home-main-abus .sec1L .para {
        padding-left: 5%
    }
}

.home-main-advantage .full {
    width: 100%
}

.home-main-advantage .inner {
    padding: 2em 0
}

.home-main-advantage #primary {
    width: 100%
}

.home-main-advantage #primary.have-sidebar {
    width: 71%
}

.home-main-advantage #primary.fr {
    padding-left: 5%
}

.home-main-advantage #primary.fl {
    padding-right: 5%
}

.home-main-advantage #secondary {
    width: 29%
}

.home-main-advantage .wrapper {
    max-width: 100%;
    margin: 0 auto
}

.home-main-advantage img {
    max-width: 100%
}

.home-main-advantage ul,.home-main-advantage ol,.home-main-advantage li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-main-advantage .wrapper {
        padding:0 20px
    }

    .home-main-advantage .header-menu .wrapper {
        padding: 0px
    }
}

.home-main-advantage .fl {
    float: left
}

.home-main-advantage .fr {
    float: right
}

.home-main-advantage .show {
    display: block
}

.home-main-advantage .hide {
    display: none
}

.home-main-advantage .clearfix {
    clear: both;
    zoom:1}

.home-main-advantage .section {
    position: relative
}

.home-main-advantage .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.home-main-advantage .section-container {
    max-width: 1200px;
    padding: 50px 0
}

.home-main-advantage .section .i_b_a_t {
    text-align: center
}

.home-main-advantage .section .i_b_a_t font {
    display: block;
    line-height: 1em;
    color: #2c508c;
    font-size: 30px;
    text-transform: capitalize
}

.home-main-advantage .section .i_b_a_t span {
    display: block;
    padding: 20px 0;
    color: #a79c9c
}

.home-main-advantage .section .i_b_a_icon {
    overflow: hidden;
    padding: 40px 0 40px
}

.home-main-advantage .section .i_b_a_icon ul {
    margin: 0;
    padding: 0;
    text-align: center
}

.home-main-advantage .section .i_b_a_icon ul li {
    width: 33%;
    float: left
}

.home-main-advantage .section .i_b_a_icon ul li a {
    font-size: 18px;
    color: #2c508c;
    transition: 0.5s
}

.home-main-advantage .section .i_b_a_icon ul li a .i_a_icon {
    overflow: hidden;
    width: 61px;
    margin: 0 auto
}

.home-main-advantage .section .i_b_a_icon ul li a .i_a_icon img {
    max-width: 100%;
    transition: 0.5s
}

.home-main-advantage .section .i_b_a_icon ul li a font {
    display: block;
    padding: 30px 60px 0
}

.home-main-advantage .section .i_b_a_icon ul li:last-child {
    background: none
}

@media screen and (max-width: 960px) {
    .home-main-advantage .section .i_b_a_icon ul li a font {
        display:block;
        padding: 30px 10px 0
    }
}

@media screen and (max-width: 768px) {
    .home-main-advantage .section-container {
        max-width:1200px;
        margin: 0 auto;
        padding: 0px 20px
    }
}

@media screen and (max-width: 414px) {
    .home-main-advantage .section .i_b_a_icon ul li {
        width:100%;
        float: none;
        margin-top: 10px
    }

    .home-main-advantage .section .i_b_a_icon ul li a font {
        display: block;
        padding: 8px 10px 0
    }

    .home-main-advantage .section .i_b_a_t font {
        font-size: 24px
    }
}

.home-map-section .fl {
    float: left
}

.home-map-section .fr {
    float: right
}

.home-map-section .show {
    display: block
}

.home-map-section .hide {
    display: none
}

.home-map-section .clearfix {
    clear: both;
    zoom:1}

.home-map-section .section {
    position: relative
}

.home-map-section .section-container {
    padding: 50px 0
}

.home-map-section .main_tt {
    text-align: center;
    overflow: hidden;
    position: relative
}

.home-map-section .main_tt h2 {
    font-size: 50px;
    color: #2c508c;
    font-family: 'opensans-bold';
    text-transform: uppercase
}

.home-map-section .main_tt p {
    margin-top: 10px;
    line-height: 24px;
    font-size: 15px;
    color: #9c9c9c
}

.home-map-section .mapimg img {
    margin: 0 auto;
    max-width: 100%
}

.home-map-section .section-bgcol {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 414px) {
    .home-map-section .main_tt p {
        font-size:10px
    }
}

.home-news-gqf .full {
    width: 100%
}

.home-news-gqf .inner {
    padding: 2em 0
}

.home-news-gqf img {
    max-width: 100%
}

.home-news-gqf ul,.home-news-gqf ol,.home-news-gqf li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-news-gqf .wrapper {
        padding:0 20px
    }

    .home-news-gqf .header-menu .wrapper {
        padding: 0px
    }
}

.home-news-gqf .fl {
    float: left
}

.home-news-gqf .fr {
    float: right
}

.home-news-gqf .show {
    display: block
}

.home-news-gqf .hide {
    display: none
}

.home-news-gqf .clearfix {
    clear: both;
    zoom:1}

.home-news-gqf .section {
    background: #fffffa
}

.home-news-gqf .section .m07_t {
    color: #737373;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px
}

.home-news-gqf .section .m07_t font {
    color: #2c508c
}

.home-news-gqf .section .m07_t i {
    font-style: normal;
    font-size: 18px;
    color: #9c9c9c;
    display: block;
    font-weight: normal;
    margin-bottom: 6px;
    text-transform: none
}

.home-news-gqf .section ul {
    margin: 50px 0 0;
    padding: 0;
    overflow: hidden
}

.home-news-gqf .section ul li {
    width: 31.3333%;
    overflow: hidden;
    float: left;
    margin-right: 3%;
    margin-bottom: 30px;
    transition: 0.5s;
    position: relative;
    top: 0px
}

.home-news-gqf .section ul li:nth-of-type(3n) {
    margin-right: 0
}

.home-news-gqf .section ul li a .n_img {
    overflow: hidden;
    position: relative
}

.home-news-gqf .section ul li a .n_img .date {
    background: #2c508c
}

.home-news-gqf .section ul li a .n_img .date {
    text-align: center;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 99;
    border-radius: 100%;
    border-top-right-radius: 0;
    color: #fff;
    padding: 20px
}

.home-news-gqf .section ul li a .n_img .date .b {
    font-size: 30px;
    display: block;
    line-height: 22px
}

.home-news-gqf .section ul li a .n_img .date .font {
    font-size: 14px;
    display: block;
    line-height: 18px;
    text-transform: uppercase;
    padding-top: 5px
}

.home-news-gqf .section ul li a font {
    display: block;
    font-size: 22px;
    color: #2c508c;
    padding: 26px 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-news-gqf .section ul li a em {
    font-style: normal;
    color: #737373;
    display: block;
    padding: 10px 0;
    line-height: 24px;
    font-size: 14px
}

.home-news-gqf .section ul li a .n_more {
    width: 120px;
    line-height: 34px;
    color: #666;
    border: 1px solid #e5e5e5;
    text-align: center;
    display: block;
    text-transform: uppercase;
    margin-top: 12px;
    font-size: 13px
}

.home-news-gqf .section ul li:hover {
    top: -10px
}

.home-news-gqf .section ul li:hover a font {
    color: #2c508c
}

.home-news-gqf .section ul li:hover a .n_more {
    background: #2c508c;
    border: 1px solid #2c508c;
    transition: 0.5s;
    color: #fff
}

@media screen and (max-width: 720px) {
    .home-news-gqf .section ul li {
        width:49%;
        margin-right: 2%
    }

    .home-news-gqf .section ul li:hover {
        top: 0
    }

    .home-news-gqf .section ul li:nth-of-type(3n) {
        margin-right: 2%
    }

    .home-news-gqf .section ul li:nth-of-type(2n) {
        margin-right: 0
    }

    .home-news-gqf .section ul li a font {
        font-size: 18px;
        padding: 15px 0 5px
    }

    .home-news-gqf .section ul li a em {
        padding: 0;
        line-height: 19px;
        font-size: 12px
    }

    .home-news-gqf .section ul li a .n_img .date {
        left: 0;
        top: 0;
        padding: 5px;
        width: 60px;
        height: 60px
    }

    .home-news-gqf .section ul li a .n_img .date .b {
        font-size: 18px
    }

    .home-news-gqf .section ul li a .n_img .date .font {
        font-size: 14px
    }
}

.home-news-gqf .date {
    display: none !important
}

.home-news-hyl2 .main_new {
    padding: 90px 0 70px
}

.home-news-hyl2 .mser_tt {
    text-align: Center
}

.home-news-hyl2 .mser_tt h2 {
    color: #666;
    font-size: 28px;
    font-weight: normal
}

.home-news-hyl2 .mser_tt p {
    color: #666;
    font-size: 12px;
    line-height: 20px;
    margin-top: 26px
}

.home-news-hyl2 .main_new_leakey .mser_tt h2 {
    color: #2c508c
}

.home-news-hyl2 .main_new_leakey .mser_tt p {
    color: #737373
}

.home-news-hyl2 .mnlist {
    margin-top: 80px
}

.home-news-hyl2 .mnlist ul {
    overflow: hidden
}

.home-news-hyl2 .mnlist ul li {
    width: 33.3333%;
    border-right: 1px solid #eee;
    float: left;
    height: 386px;
    list-style: none
}

.home-news-hyl2 .mnlist ul li:nth-of-type(3) {
    border-right: 0
}

.home-news-hyl2 .mnlist ul li a {
    display: block;
    padding: 20px;
    transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s
}

.home-news-hyl2 .mnlist ul li:hover a {
    margin-top: -16px
}

.home-news-hyl2 .mnlist ul li:hover .txt i {
    background: rgba(0,0,0,0.6)
}

.home-news-hyl2 .mnlist ul li a .txt {
    margin-bottom: 36px;
    text-align: center
}

.home-news-hyl2 .mnlist ul li a .txt h1 {
    font-size: 80px;
    text-align: center;
    color: #d4d4d4
}

.home-news-hyl2 .mnlist ul li a .txt i {
    width: 35px;
    height: 1px;
    background: rgba(0,0,0,0.15);
    transition: all 0.3s ease-out 0s;
    margin: 16px auto;
    display: block
}

.home-news-hyl2 .mnlist ul li a .txt h2 {
    font-weight: normal;
    font-size: 18px;
    color: #444
}

.home-news-hyl2 .mnlist ul li a .txt p {
    margin-top: 15px;
    padding: 0 40px;
    line-height: 28px;
    color: #8d8d8d;
    word-wrap: break-word
}

.home-news-hyl2 .main_new_leakey .mnlist ul li a .txt p {
    color: #737373
}

.home-news-hyl2 .mnlist ul li a .img img {
    display: block;
    width: 100%
}

.home-news-hyl2 .mnlist ul li:hover a .txt h2 {
    color: #2e8ad7
}

.home-news-hyl2 .main_new_leakey .mnlist ul li:hover a .txt h2 {
    color: #2c508c
}

.home-news-hyl2 .more {
    display: block;
    border: 0
}

.home-news-hyl2 .more a {
    display: block;
    width: 146px;
    line-height: 40px;
    text-align: center;
    color: #2e8ad7;
    border: 1px solid #efefef;
    margin: 80px auto 0;
    font-size: 14px;
    transition: 0.3s;
    position: relative
}

.home-news-hyl2 .main_new_leakey .more a {
    color: #2c508c
}

.home-news-hyl2 .more a span {
    transition: all ease-out 0.3s
}

.home-news-hyl2 .more a i {
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
    width: 32px;
    height: 20px;
    opacity: 0;
    transition: all ease-out 0.3s
}

.home-news-hyl2 .more a:hover i {
    opacity: 1
}

.home-news-hyl2 .more a:hover {
    border: 1px solid #aaa
}

@media screen and (max-width: 720px) {
    .home-news-hyl2 .mnlist ul {
        padding:0
    }

    .home-news-hyl2 .mnlist ul li {
        width: 50%;
        border-right: 1px solid #eee;
        float: left;
        height: 386px;
        list-style: none
    }

    .home-news-hyl2 .mnlist ul li:nth-of-type(2n) {
        width: 50%;
        border-right: 0;
        float: left;
        height: 386px;
        list-style: none
    }
}

@media screen and (max-width: 360px) {
    .home-news-hyl2 .mnlist ul li {
        width:100%;
        border-right: 0;
        float: left;
        height: 386px;
        list-style: none
    }
}

.home-news-scroll img {
    max-width: 100%
}

.home-news-scroll ul,.home-news-scroll ol,.home-news-scroll li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-news-scroll .fl {
    float: left
}

.home-news-scroll .fr {
    float: right
}

.home-news-scroll .show {
    display: block
}

.home-news-scroll .hide {
    display: none
}

.home-news-scroll .clearfix {
    clear: both;
    zoom:1}

.home-news-scroll .section {
    position: relative
}

.home-news-scroll .section-container {
    padding: 0 20px
}

.home-news-scroll .news-box {
    height: 40px;
    line-height: 40px;
    text-align: center
}

.home-news-scroll .title {
    width: 25%;
    background-color: #2c508c;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.home-news-scroll .txtMarquee-top {
    width: 75%;
    padding: 10px 30px;
    overflow: hidden;
    position: relative;
    background: #df0d0e;
    height: 40px
}

.home-news-scroll .txtMarquee-top .infoList li {
    overflow: hidden;
    color: #fff;
    line-height: 20px
}

.home-news-scroll .txtMarquee-top .infoList li a {
    color: #fff;
    max-width: 1100px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: ellipsis
}

.home-news-scroll .txtMarquee-top .infoList li .date {
    float: right;
    width: 90px
}

@media screen and (max-width: 414px) {
    .home-news-scroll span {
        font-size:12px
    }
}

.home-news-transverse .full {
    width: 100%
}

.home-news-transverse .inner {
    padding: 2em 0
}

.home-news-transverse #primary {
    width: 100%
}

.home-news-transverse #primary.have-sidebar {
    width: 71%
}

.home-news-transverse #primary.fr {
    padding-left: 5%
}

.home-news-transverse #primary.fl {
    padding-right: 5%
}

.home-news-transverse #secondary {
    width: 29%
}

.home-news-transverse .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-news-transverse img {
    max-width: 100%
}

.home-news-transverse ul,.home-news-transverse ol,.home-news-transverse li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-news-transverse .wrapper {
        padding:0 20px
    }

    .home-news-transverse .header .wrapper {
        padding: 0px
    }
}

.home-news-transverse .fl {
    float: left
}

.home-news-transverse .fr {
    float: right
}

.home-news-transverse .show {
    display: block
}

.home-news-transverse .hide {
    display: none
}

.home-news-transverse .clearfix {
    clear: both;
    zoom:1}

.home-news-transverse .section {
    position: relative
}

.home-news-transverse .section a,.home-news-transverse .section a:hover,.home-news-transverse .section a:focus {
    text-decoration: none
}

.home-news-transverse .section .main-tit {
    margin-bottom: 20px;
    text-align: center
}

.home-news-transverse .section .main-tit h2 {
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    font-weight: 300;
    color: #2c508c;
    margin: 0 auto;
    text-transform: uppercase
}

.home-news-transverse .section .main-tit .sub-tit {
    padding: 0 20px;
    display: inline-block;
    height: 47px;
    line-height: 47px;
    color: #9c9c9c;
    font-size: 24px;
    font-weight: 700;
    margin: 10px auto 0;
    border: 2px solid #9c9c9c;
    position: relative
}

.home-news-transverse .section .main-tit .sub-tit:before {
    left: -225px
}

.home-news-transverse .section .main-tit .sub-tit:before,.home-news-transverse .section .main-tit .sub-tit:after {
    position: absolute;
    content: '';
    display: block;
    width: 230px;
    height: 1px;
    top: 50%;
    background-color: #9c9c9c
}

.home-news-transverse .section .main-tit .sub-tit:after {
    right: -225px
}

.home-news-transverse .section .main-tit p {
    font-size: 12px;
    font-weight: 100;
    color: #333;
    margin: 0
}

.home-news-transverse .section .list {
    overflow: hidden
}

.home-news-transverse .section .list .col-4 {
    margin-right: 3%;
    width: 31.33333333%;
    float: left
}

.home-news-transverse .section .list .col-4:nth-of-type(3n) {
    margin-right: 0
}

.home-news-transverse .section .list .col-4 .img {
    overflow: hidden
}

.home-news-transverse .section .list .col-4 .img img {
    transition: 0.3s
}

.home-news-transverse .section .list .col-4:hover .img img {
    transform: scale(1.1)
}

.home-news-transverse .section .list .col-4 .list-tit {
    font-size: 20px;
    line-height: 56px;
    margin: 10px 0;
    text-transform: uppercase;
    height: 56px;
    overflow: hidden;
    color: #2c508c;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-news-transverse .section .list .col-4 .date {
    color: #737373;
    font-size: 12px;
    display: block
}

.home-news-transverse .section .list .col-4 .line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #9c9c9c;
    margin: 25px auto;
    position: relative
}

.home-news-transverse .section .list .col-4 .line:after {
    content: '';
    width: 0;
    height: 1px;
    background-color: #2c508c;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s
}

.home-news-transverse .section .list .col-4:hover .line:after {
    width: 100%
}

.home-news-transverse .section .list .col-4 .list-para {
    line-height: 1.8em;
    height: 75px;
    overflow: hidden;
    color: #999;
    transition: 0.3s
}

.home-news-transverse .section .list .col-4:hover .list-para {
    color: #2c508c
}

.home-news-transverse .section .see-more {
    margin: 30px auto;
    border: 1px solid #eee;
    transition: 0.3s;
    position: relative;
    top: 0;
    width: 200px;
    background: #2c508c;
    border-radius: 10px;
    text-align: center
}

.home-news-transverse .section .see-more a {
    display: block;
    line-height: 45px;
    color: #fff;
    text-transform: uppercase
}

.home-news-transverse .section .see-more:hover {
    top: -2px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1)
}

.home-news-transverse .section-bgcol {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2
}

@media screen and (max-width: 1024px) {
    .home-news-transverse .section .list .col-4 {
        width:31.333333%;
        margin-right: 3%
    }
}

@media screen and (max-width: 720px) {
    .home-news-transverse .section .list .col-4 {
        width:48%;
        margin-right: 0;
        margin: 20px 1%;
        text-align: center
    }

    .home-news-transverse .section .main-tit .sub-tit:before,.home-news-transverse .section .main-tit .sub-tit:after {
        display: none
    }
}

.home-news-vertical .full {
    width: 100%
}

.home-news-vertical .inner {
    padding: 2em 0
}

.home-news-vertical #primary {
    width: 100%
}

.home-news-vertical #primary.have-sidebar {
    width: 71%
}

.home-news-vertical #primary.fr {
    padding-left: 5%
}

.home-news-vertical #primary.fl {
    padding-right: 5%
}

.home-news-vertical #secondary {
    width: 29%
}

.home-news-vertical .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-news-vertical img {
    max-width: 100%
}

.home-news-vertical ul,.home-news-vertical ol,.home-news-vertical li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-news-vertical .wrapper {
        padding:0 20px
    }

    .home-news-vertical .header .wrapper {
        padding: 0px
    }
}

.home-news-vertical .fl {
    float: left
}

.home-news-vertical .fr {
    float: right
}

.home-news-vertical .show {
    display: block
}

.home-news-vertical .hide {
    display: none
}

.home-news-vertical .clearfix {
    clear: both;
    zoom:1}

.home-news-vertical .section-container {
    padding: 50px 0
}

.home-news-vertical .section .innews ul {
    overflow: hidden
}

.home-news-vertical .section .innews ul li {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    padding: 15px
}

.home-news-vertical .section .innews ul li a {
    display: block
}

.home-news-vertical .section .innews ul li a .txt {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.home-news-vertical .section .innews ul li a .txt .date {
    float: left;
    margin-right: 80px
}

.home-news-vertical .section .innews ul li a .txt .date h2 {
    text-align: center;
    font-size: 40px;
    font-family: 'opensans-bold';
    color: #b0b0b0;
    transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s
}

.home-news-vertical .section .innews ul li a .txt .date span {
    display: block;
    margin: 0 0 6px 8px;
    font-size: 13px;
    color: gray
}

.home-news-vertical .section .innews ul li a .txt .date p {
    text-align: center;
    line-height: 36px;
    border-top: 1px solid #efefef;
    color: #666;
    font-size: 15px
}

.home-news-vertical .section .innews ul li a .newtxt {
    float: left;
    width: 56%;
    position: relative;
    transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;
    margin-top: 10px
}

.home-news-vertical .section .innews ul li a i {
    position: absolute;
    display: block;
    left: 156px;
    top: 16px;
    width: 1px;
    height: 30px;
    border-left: 1px solid #888;
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s
}

.home-news-vertical .section .innews ul li:hover a .txt .date h2 {
    color: #666
}

.home-news-vertical .section .innews ul li:hover .newtxt {
    margin-left: 20px
}

.home-news-vertical .section .innews ul li:hover i {
    opacity: 1
}

.home-news-vertical .section .innews ul li a .newtxt .tit {
    font-size: 18px;
    color: #2c508c
}

.home-news-vertical .section .innews ul li a .newtxt .sub_tit {
    font-size: 13px;
    color: #737373;
    line-height: 22px;
    margin-top: 30px
}

.home-news-vertical .section .innews .newimg {
    float: right;
    width: 23%
}

.home-news-vertical .section .innews .newimg img {
    display: block;
    width: 250px;
    height: 183px
}

@media screen and (max-width: 1024px) {
    .home-news-vertical .section .innews ul li a .txt .date h2 {
        font-size:20px
    }

    .home-news-vertical .section .innews .newimg {
        display: none
    }

    .home-news-vertical .section .innews ul li a {
        overflow: hidden
    }

    .home-news-vertical .section .innews ul li a .txt {
        position: static
    }

    .home-news-vertical .section .innews ul li a .txt .date {
        width: 20%;
        margin-right: 5%
    }

    .home-news-vertical .section .innews ul li a .newtxt {
        width: 70%;
        float: right
    }
}

@media screen and (max-width: 640px) {
    .home-news-vertical .section .innews ul li:hover .newtxt {
        margin-left:0
    }

    .home-news-vertical .section .innews ul li:hover i {
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

.home-news-yry .full {
    width: 100%
}

.home-news-yry img {
    max-width: 100%
}

.home-news-yry ul,.home-news-yry ol,.home-news-yry li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-news-yry .fl {
    float: left
}

.home-news-yry .fr {
    float: right
}

.home-news-yry .show {
    display: block
}

.home-news-yry .hide {
    display: none
}

.home-news-yry .clearfix {
    clear: both;
    zoom:1}

.home-news-yry .section {
    position: relative
}

.home-news-yry .mainp_tit {
    margin: 0 auto 30px
}

.home-news-yry .mainp_tit .ptit {
    text-align: center
}

.home-news-yry .mainp_tit .ptit .colorp {
    font-size: 14px;
    color: #9c9c9c
}

.home-news-yry .mainp_tit .ptit span {
    font-size: 30px;
    letter-spacing: 4px;
    color: #2c508c;
    padding: 5px 0 10px;
    display: block;
    line-height: 38px
}

.home-news-yry .main_ft {
    overflow: hidden
}

.home-news-yry .main_ft .news_left {
    width: 45%;
    padding: 0px 15px
}

.home-news-yry .main_ft .date {
    margin-bottom: 40px;
    display: block;
    line-height: 1.8em;
    color: #888;
    font-size: 18px
}

.home-news-yry .main_ft .list-tit {
    font-size: 18px;
    color: #666;
    text-align: left;
    margin: 10px 0
}

.home-news-yry .main_ft .list-para {
    max-height: 69px;
    line-height: 1.8em;
    margin-bottom: 40px;
    margin-top: 10px;
    color: #737373
}

.home-news-yry .main_ft .news_left .img {
    width: 100%
}

.home-news-yry .main_ft .news_right {
    width: 54%;
    padding: 0px 15px
}

.home-news-yry .main_ft .news_right ul {
    padding: 10px
}

.home-news-yry .main_ft .news_right ul li {
    width: 100%;
    padding: 26px 20px;
    margin: 2px 0;
    border-bottom: 1px solid #dcdcdc;
    background: transparent;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    top: 0
}

.home-news-yry .main_ft .news_right ul li .news-tit,.home-news-yry .main_ft .news_right ul li .news-content {
    overflow: hidden;
    padding: 0px 20px;
    padding-right: 50px;
    line-height: 40px
}

.home-news-yry .main_ft .news_right ul li .list-tit {
    font-size: 16px;
    margin: 0px;
    max-width: 70%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.home-news-yry .main_ft .news_right ul li .date {
    margin-bottom: 0px
}

.home-news-yry .main_ft .news_right ul li .news-content p {
    width: 80%;
    margin-bottom: 0px;
    max-height: 46px;
    font-size: 14px
}

.home-news-yry .main_ft .news_right ul li .news-content a {
    color: #747474;
    font-size: 40px;
    margin-top: 10px;
    position: relative;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.home-news-yry .main_ft .news_right ul li:hover {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    border-bottom: 1px solid #fff;
    background: #fff;
    top: -3px
}

@media screen and (max-width: 720px) {
    .home-news-yry .main_ft .news_right {
        width:54%;
        padding: 0px 0px
    }

    .home-news-yry .main_ft .news_right ul li {
        width: 100%;
        padding: 26px 0px;
        margin: 2px 0
    }
}

@media screen and (max-width: 414px) {
    .home-news-yry .main_ft .news_right {
        width:100%;
        padding: 0px 0px
    }

    .home-news-yry .main_ft .news_left {
        width: 100%;
        padding: 0px 15px
    }

    .home-news-yry .main_ft .news_right ul li .news-tit,.home-news-yry .main_ft .news_right ul li .news-content {
        padding: 0px 0px;
        padding-right: 0px
    }
}

.home-news-yry .section-bgcol {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2
}

.home-product-center .full {
    width: 100%
}

.home-product-center .inner {
    padding: 2em 0
}

.home-product-center #primary {
    width: 100%
}

.home-product-center #primary.have-sidebar {
    width: 71%
}

.home-product-center #primary.fr {
    padding-left: 5%
}

.home-product-center #primary.fl {
    padding-right: 5%
}

.home-product-center #secondary {
    width: 29%
}

.home-product-center .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-product-center img {
    max-width: 100%;
    width: 100%
}

.home-product-center ul,.home-product-center ol,.home-product-center li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-product-center .wrapper {
        padding:0 20px
    }

    .home-product-center .header-menu .wrapper {
        padding: 0px
    }
}

.home-product-center .fl {
    float: left
}

.home-product-center .fr {
    float: right
}

.home-product-center .show {
    display: block
}

.home-product-center .hide {
    display: none
}

.home-product-center .clearfix {
    clear: both;
    zoom:1}

.home-product-center .section .main-tit {
    margin-bottom: 30px;
    text-align: center
}

.home-product-center .section .main-tit h2 {
    font-size: 24px;
    color: #2c508c;
    font-weight: 300
}

.home-product-center .section .main-tit span {
    display: block;
    color: #9c9c9c;
    text-transform: capitalize;
    font-size: 14px
}

.home-product-center .section .main-ft .slideTxtBox {
    width: 100%;
    text-align: center
}

.home-product-center .section .main-ft .slideTxtBox .hd {
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    position: relative;
    text-align: center
}

.home-product-center .section .main-ft .slideTxtBox .hd ul li {
    display: inline-block;
    padding: 0 15px;
    height: 100%;
    cursor: pointer;
    color: #737373;
    font-size: 16px;
    font-weight: 700
}

.home-product-center .section .main-ft .slideTxtBox .hd ul .sep {
    color: #737373;
    margin: 0 10px
}

.home-product-center .section .main-ft .slideTxtBox .hd ul li.on {
    color: #2c508c
}

.home-product-center .section .main-ft .slideTxtBox .bd ul {
    zoom:1;overflow: hidden;
    padding: 0 20px
}

.home-product-center .section .main-ft .slideTxtBox .bd li {
    float: left;
    width: 31.333333%;
    margin: 15px 0;
    margin-right: 3%;
    background-color: #f5f5f5;
    transition: 0.3s;
    padding-bottom: 20px;
    position: relative;
    top: 0;
    height: 327px;
    overflow: hidden
}

.home-product-center .section .main-ft .slideTxtBox .bd li .list-tit {
    font-size: 18px;
    color: #333;
    margin-top: 20px
}

.home-product-center .section .main-ft .slideTxtBox_leakey .bd li .list-tit {
    color: #2c508c
}

.home-product-center .section .main-ft .slideTxtBox .bd li .list-tit,.home-product-center .section .main-ft .slideTxtBox .bd li .list-para {
    padding: 5px 15px;
    text-align: center
}

.home-product-center .section .main-ft .slideTxtBox .bd li .list-para {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #999
}

.home-product-center .section .main-ft .slideTxtBox_leakey .bd li .list-para {
    color: #737373
}

.home-product-center .section .main-ft .slideTxtBox .bd li .img {
    overflow: hidden;
    position: relative;
    line-height: 0
}

.home-product-center .section .main-ft .slideTxtBox .bd li .img .mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 11;
    background-color: rgba(0,0,0,0.3);
    transition: transform 0.3s;
    transform: scale(0)
}

.home-product-center .section .main-ft .slideTxtBox .bd li .img img {
    transition: 0.3s
}

.home-product-center .section .main-ft .slideTxtBox .bd li:hover {
    background-color: #fff;
    top: -2px;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.1)
}

.home-product-center .section .main-ft .slideTxtBox .bd li:hover .img .mask {
    transform: scale(1)
}

.home-product-center .section .main-ft .slideTxtBox .bd li:hover .img img {
    transform: scale(1.1)
}

.home-product-center .section .main-ft .slideTxtBox .bd li:nth-of-type(3n) {
    margin-right: 0
}

.home-product-center .section .main-ft .slideTxtBox .bd li .date {
    float: right;
    color: #999
}

@media screen and (max-width: 768px) {
    .home-product-center .section .main-ft .slideTxtBox .bd li {
        float:left;
        width: 31.333333%;
        height: 238px
    }
}

@media screen and (max-width: 640px) {
    .home-product-center .section .main-ft .slideTxtBox .bd li {
        float:left;
        width: 100%;
        height: 238px
    }

    .home-product-center .section .main-ft .slideTxtBox .bd li .img {
        overflow: hidden;
        position: relative;
        float: left
    }

    .home-product-center .section .main-ft .slideTxtBox .bd li .list-tit,.home-product-center .section .main-ft .slideTxtBox .bd li .list-para {
        padding: 10% 15px;
        text-align: center
    }
}

@media screen and (max-width: 414px) {
    .home-product-center .section .main-ft .slideTxtBox .hd {
        line-height:26px
    }

    .home-product-center .section .main-ft .slideTxtBox .bd li .img {
        float: none
    }

    .home-product-center .section .main-ft .slideTxtBox .bd li {
        float: left;
        width: 49%;
        height: auto;
        margin-right: 2%
    }

    .home-product-center .section .main-ft .slideTxtBox .bd li:nth-of-type(2n) {
        margin-right: 0
    }

    .home-product-center .section .main-ft .slideTxtBox .bd li .list-tit,.home-product-center .section .main-ft .slideTxtBox .bd li .list-para {
        padding: 0% 15px;
        text-align: center
    }
}

.home-product-center-beier .full {
    width: 100%
}

.home-product-center-beier .inner {
    padding: 2em 0
}

.home-product-center-beier #primary {
    width: 100%
}

.home-product-center-beier #primary.have-sidebar {
    width: 71%
}

.home-product-center-beier #primary.fr {
    padding-left: 5%
}

.home-product-center-beier #primary.fl {
    padding-right: 5%
}

.home-product-center-beier #secondary {
    width: 29%
}

.home-product-center-beier .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-product-center-beier img {
    max-width: 100%
}

.home-product-center-beier ul,.home-product-center-beier ol,.home-product-center-beier li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-product-center-beier .wrapper {
        padding:0 20px
    }

    .home-product-center-beier .header-menu .wrapper {
        padding: 0px
    }
}

.home-product-center-beier .fl {
    float: left
}

.home-product-center-beier .fr {
    float: right
}

.home-product-center-beier .show {
    display: block
}

.home-product-center-beier .hide {
    display: none
}

.home-product-center-beier .clearfix {
    clear: both;
    zoom:1}

.home-product-center-beier .section .main-tit {
    margin-bottom: 30px;
    text-align: center
}

.home-product-center-beier .section .main-tit h2 {
    font-size: 24px;
    color: #2c508c;
    font-weight: 300
}

.home-product-center-beier .section .main-tit span {
    display: block;
    color: #9c9c9c;
    text-transform: capitalize;
    font-size: 14px
}

.home-product-center-beier .section .main-ft .slideTxtBox {
    width: 100%;
    text-align: center
}

.home-product-center-beier .section .main-ft .slideTxtBox .hd {
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    position: relative;
    text-align: center
}

.home-product-center-beier .section .main-ft .slideTxtBox .hd ul li {
    display: inline-block;
    padding: 0 15px;
    height: 100%;
    cursor: pointer;
    color: #737373;
    font-size: 16px;
    font-weight: 700
}

.home-product-center-beier .section .main-ft .slideTxtBox .hd ul li a {
    font-size: 16px
}

.home-product-center-beier .section .main-ft .slideTxtBox .hd ul .sep {
    color: #737373;
    margin: 0 10px
}

.home-product-center-beier .section .main-ft .slideTxtBox .hd ul li.on {
    color: #2c508c
}

.home-product-center-beier .section .main-ft .slideTxtBox .bd ul {
    zoom:1;overflow: hidden;
    padding: 0 20px
}

.home-product-center-beier .section .main-ft .slideTxtBox .bd li {
    float: left;
    width: 31.333333%;
    margin: 15px 0;
    margin-right: 3%;
    background-color: #f5f5f5;
    transition: 0.3s;
    position: relative;
    top: 0;
    overflow: hidden
}

.home-product-center-beier .section .main-ft .slideTxtBox .bd li .img {
    overflow: hidden;
    position: relative;
    text-align: center;
    border: 1px solid #eee;
    margin-bottom: 3px;
    line-height: 0
}

.home-product-center-beier .section .main-ft .slideTxtBox .bd li .img .mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 11;
    background-color: rgba(0,0,0,0.3);
    transition: transform 0.3s;
    transform: scale(0)
}

.home-product-center-beier .section .main-ft .slideTxtBox .bd li .img img {
    transition: 0.3s
}

.home-product-center-beier .section .main-ft .slideTxtBox .bd li:hover {
    background-color: #fff;
    top: -2px;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.1)
}

.home-product-center-beier .section .main-ft .slideTxtBox .bd li:hover .img .mask {
    transform: scale(1)
}

.home-product-center-beier .section .main-ft .slideTxtBox .bd li:hover .img img {
    transform: scale(1.1)
}

.home-product-center-beier .section .main-ft .slideTxtBox .bd li:nth-of-type(3n) {
    margin-right: 0
}

.home-product-center-beier .section .main-ft .slideTxtBox .bd li .date {
    float: right;
    color: #999
}

.home-product-center-beier .section .com_right .com_pro ul li:hover .textBox div {
    background: #f39c06;
    color: #fff
}

.home-product-center-beier .textBox {
    background: #eee
}

.home-product-center-beier .textBox span {
    color: #fff;
    width: 30%;
    display: block;
    float: left;
    border-right: 1px solid #fff;
    text-align: center;
    text-indent: 0
}

.home-product-center-beier .textBox div {
    clear: both;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    transition: background 0.6s;
    text-align: left;
    text-indent: 10%
}

.home-product-center-beier .section .com_right .com_pro ul li .img {
    text-align: center;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
    margin-bottom: 3px;
    line-height: 0
}

@media screen and (max-width: 768px) {
    .home-product-center-beier .section .main-ft .slideTxtBox .bd li {
        float:left;
        width: 31.333333%;
        height: 238px
    }
}

@media screen and (max-width: 640px) {
    .home-product-center-beier .section .main-ft .slideTxtBox .bd li {
        float:left;
        width: 100%;
        height: 238px
    }

    .home-product-center-beier .section .main-ft .slideTxtBox .bd li .img {
        overflow: hidden;
        position: relative;
        float: left
    }
}

@media screen and (max-width: 414px) {
    .home-product-center-beier .section .main-ft .slideTxtBox .hd {
        line-height:26px
    }

    .home-product-center-beier .section .main-ft .slideTxtBox .bd li .img {
        float: none
    }

    .home-product-center-beier .section .main-ft .slideTxtBox .bd li {
        float: left;
        width: 49%;
        height: auto;
        margin-right: 2%
    }

    .home-product-center-beier .section .main-ft .slideTxtBox .bd li:nth-of-type(2n) {
        margin-right: 0
    }
}

.home-product-gqf .full {
    width: 100%
}

.home-product-gqf .inner {
    padding: 2em 0
}

.home-product-gqf #primary {
    width: 100%
}

.home-product-gqf #primary.have-sidebar {
    width: 71%
}

.home-product-gqf #primary.fr {
    padding-left: 5%
}

.home-product-gqf #primary.fl {
    padding-right: 5%
}

.home-product-gqf #secondary {
    width: 29%
}

.home-product-gqf .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-product-gqf img {
    max-width: 100%
}

.home-product-gqf ul,.home-product-gqf ol,.home-product-gqf li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-product-gqf .wrapper {
        padding:0 20px
    }

    .home-product-gqf .header-menu .wrapper {
        padding: 0px
    }
}

.home-product-gqf .fl {
    float: left
}

.home-product-gqf .fr {
    float: right
}

.home-product-gqf .show {
    display: block
}

.home-product-gqf .hide {
    display: none
}

.home-product-gqf .clearfix {
    clear: both;
    zoom:1}

.home-product-gqf .section {
    background: #fff
}

.home-product-gqf .section .title02 {
    overflow: hidden
}

.home-product-gqf .section .title02 .t02_lt {
    float: left;
    width: 65%
}

.home-product-gqf .section .title02 .t02_lt b {
    display: block;
    color: #2c508c;
    font-size: 36px;
    text-transform: uppercase;
    line-height: 40px
}

.home-product-gqf .section .title02 .t02_lt b span {
    color: #2c508c
}

.home-product-gqf .section .title02 .t02_lt i {
    font-style: normal;
    font-size: 18px;
    color: #9c9c9c;
    padding: 10px 0;
    display: block
}

.home-product-gqf .section .title02 font {
    display: block;
    float: right;
    width: 140px;
    line-height: 44px;
    border: 1px solid #e5e5e5;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px
}

.home-product-gqf .section .title02 font a {
    color: #737373;
    display: block;
    font-size: 16px;
    line-height: 40px;
    transition: 0.3s;
    cursor: pointer
}

.home-product-gqf .section .title02 font a:hover {
    background: #2c508c;
    color: #fff
}

.home-product-gqf .section ul {
    margin: 50px 0 0;
    padding: 0;
    overflow: hidden
}

.home-product-gqf .section ul li {
    width: 23.5%;
    overflow: hidden;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
    transition: 0.5s;
    position: relative;
    top: 0
}

.home-product-gqf .section ul li:nth-of-type(4n) {
    margin-right: 0
}

.home-product-gqf .section ul li a {
    color: #737373
}

.home-product-gqf .section ul li a b {
    color: #2c508c;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    padding: 25px 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-product-gqf .section ul li a i {
    font-style: normal;
    width: 100px;
    line-height: 34px;
    border: 1px solid #e5e5e5;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    display: block;
    margin-top: 20px
}

.home-product-gqf .section ul li:hover a i {
    background: #2c508c;
    color: #fff
}

.home-product-gqf .section ul li:hover {
    top: -10px
}

@media screen and (max-width: 1200px) {
    .home-product-gqf .section .title02 .t02_lt b {
        font-size:30px
    }

    .home-product-gqf .section .title02 .t02_lt i {
        font-size: 15px
    }

    .home-product-gqf .section .title02 .t02_lt,.home-product-gqf .section .title02 font {
        float: none
    }

    .home-product-gqf .section ul {
        margin: 20px 0 0
    }

    .home-product-gqf .section ul li {
        width: 44%;
        margin: 30px 3%
    }

    .home-product-gqf .section ul li:nth-of-type(4n) {
        margin: 30px 3%
    }

    .home-product-gqf .section .title02 .t02_lt {
        width: 100%;
        text-align: center;
        float: none
    }

    .home-product-gqf .section .title02 font {
        margin: 10px auto
    }

    .home-product-gqf .section ul li a i {
        margin-top: 0px
    }
}

@media screen and (max-width: 720px) {
    .home-product-gqf .section ul li {
        width:48%;
        margin: 10px 1%
    }

    .home-product-gqf .section ul li:nth-of-type(4n) {
        margin: 10px 1%
    }
}

.home-product-slide img {
    max-width: 100%
}

.home-product-slide ul,.home-product-slide ol,.home-product-slide li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-product-slide .fl {
    float: left
}

.home-product-slide .fr {
    float: right
}

.home-product-slide .full {
    width: 100%
}

.home-product-slide .show {
    display: block
}

.home-product-slide .hide {
    display: none
}

.home-product-slide .clearfix {
    clear: both;
    zoom:1}

.home-product-slide .section {
    position: relative
}

.home-product-slide .section-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.home-product-slide .product-show {
    position: relative
}

.home-product-slide .main-tit {
    margin: 0px auto 30px;
    text-align: center
}

.home-product-slide .main-tit h2 {
    font-size: 36px;
    color: #2c508c;
    text-transform: uppercase;
    font-weight: 300
}

.home-product-slide .main-tit span {
    color: #9c9c9c;
    text-transform: uppercase;
    font-size: 16px
}

.home-product-slide .cover-left,.home-product-slide .cover-right {
    width: 2000px;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,0.6);
    z-index: 9;
    top: 0
}

.home-product-slide .cover-left {
    left: -2000px
}

.home-product-slide .cover-right {
    right: -2000px
}

.home-product-slide .main-ft {
    overflow: hidden
}

.home-product-slide .main-ft .content {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 300px
}

.home-product-slide .main-ft .swiper-button-prev {
    background-position: left center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 60px;
    margin-top: -30px;
    z-index: 9;
    background-size: auto
}

.home-product-slide .main-ft .swiper-button-next {
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    width: 42px;
    height: 60px;
    margin-top: -30px;
    z-index: 9;
    background-size: auto
}

.home-product-slide .main-ft .swiper-slide {
    text-align: center;
    overflow: visible
}

.home-product-slide .main-ft .swiper-container {
    overflow: visible
}

.home-product-slide .swiper-slide img {
    display: inline-block;
    filter: alpha(opacity=70);
    opacity: 0.7;
    transition: 0.3s;
    -webkit-transition: 0.3s
}

.home-product-slide .swiper-slide .stars-info {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 140px;
    padding: 0 20px;
    transition: height 0.3s;
    -webkit-transition: height 0.3s
}

.home-product-slide .swiper-slide .shuffer-line {
    background: #2c508c;
    height: 4px;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    transition: height 0.3s;
    -webkit-transition: height 0.3s
}

.home-product-slide .swiper-slide .stars-info .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    color: #2c508c;
    height: 26px;
    line-height: 26px;
    margin: 15px 0 0
}

.home-product-slide .swiper-slide .stars-info .intro {
    font-size: 14px;
    color: #737373;
    margin: 5px 0 30px
}

.home-product-slide .swiper-slide a:hover img {
    opacity: 1;
    filter: alpha(opacity=100)
}

.home-product-slide .swiper-slide a:hover .stars-info {
    height: 120px
}

.home-product-slide .swiper-slide a:hover .stars-info .name {
    color: #fff
}

.home-product-slide .swiper-slide a:hover .stars-info .intro {
    color: #eee
}

.home-product-slide .swiper-slide a:hover .shuffer-line {
    height: 120px
}

@media screen and (max-width: 720px) {
    .home-product-slide .swiper-slide .stars-info .name {
        font-size:17px
    }

    .home-product-slide .swiper-slide .stars-info {
        height: 60px;
        padding: 0 10px;
        transition: height 0.3s;
        -webkit-transition: height 0.3s
    }

    .home-product-slide .swiper-slide a:hover .stars-info,.home-product-slide .swiper-slide a:hover .shuffer-line {
        height: 60px
    }

    .home-product-slide .swiper-slide .stars-info .intro {
        display: none
    }
}

.home-product-tuwen img {
    max-width: 100%
}

.home-product-tuwen ul,.home-product-tuwen ol,.home-product-tuwen li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-product-tuwen .fl {
    float: left
}

.home-product-tuwen .fr {
    float: right
}

.home-product-tuwen .show {
    display: block
}

.home-product-tuwen .hide {
    display: none
}

.home-product-tuwen .clearfix {
    clear: both;
    zoom:1}

.home-product-tuwen a,.home-product-tuwen a:hover,.home-product-tuwen a:focus {
    text-decoration: none
}

.home-product-tuwen .section-title {
    margin-bottom: 30px;
    text-align: center
}

.home-product-tuwen .section-title h2 {
    font-size: 42px;
    color: #2c508c;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 15px
}

.home-product-tuwen .section-title span {
    text-transform: uppercase;
    font-size: 13px;
    display: block;
    text-align: center;
    color: #9c9c9c
}

.home-product-tuwen .mainbox {
    overflow: hidden;
    width: 100%;
    margin: 0 auto
}

.home-product-tuwen .mainbox .sec1 {
    float: left;
    width: 47%;
    margin-right: 3%;
    height: 432px
}

.home-product-tuwen .mainbox .sec1 img {
    max-width: 100%
}

.home-product-tuwen .mainbox .sec2 {
    float: right;
    width: 50%;
    height: 432px;
    overflow: hidden
}

.home-product-tuwen .mainbox .sec2 ul {
    margin: 0 0;
    border-right: 1px solid #2c508c
}

.home-product-tuwen .mainbox .sec2 ul li {
    height: 46px;
    border-top: 1px solid #2c508c;
    overflow: hidden;
    background: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.home-product-tuwen .mainbox .sec2 ul li:last-of-type {
    border-bottom: 1px solid #2c508c
}

.home-product-tuwen .mainbox .sec2 ul li:hover span.title {
    color: #2c508c
}

.home-product-tuwen .mainbox .sec2 ul li div {
    float: left;
    background: #2c508c;
    width: 8%;
    height: 47px;
    position: relative
}

.home-product-tuwen .mainbox .sec2 ul li div span.list {
    border-radius: 50%;
    background: #fff;
    color: #2c508c;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -11px;
    display: block;
    text-align: center;
    line-height: 22px
}

.home-product-tuwen .mainbox .sec2 ul li span.title {
    padding-left: 15px;
    width: 24%;
    color: #2c508c;
    font-size: 22px;
    height: 46px;
    line-height: 46px;
    float: left;
    overflow: hidden
}

.home-product-tuwen .mainbox .sec2 ul li p {
    width: 68%;
    font-size: 12px;
    color: #737373;
    line-height: 46px;
    float: left;
    padding: 0 15px;
    overflow: hidden
}

@media screen and (max-width: 720px) {
    .home-product-tuwen .mainbox .sec1 {
        width:100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 30px
    }

    .home-product-tuwen .mainbox .sec2 {
        width: 100%;
        height: auto
    }

    .home-product-tuwen .mainbox .sec2 ul li span.title {
        font-size: 18px
    }
}

.home-product-vietax .full {
    width: 100%
}

.home-product-vietax .inner {
    padding: 2em 0
}

.home-product-vietax #primary {
    width: 100%
}

.home-product-vietax #primary.have-sidebar {
    width: 71%
}

.home-product-vietax #primary.fr {
    padding-left: 5%
}

.home-product-vietax #primary.fl {
    padding-right: 5%
}

.home-product-vietax #secondary {
    width: 29%
}

.home-product-vietax .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-product-vietax img {
    max-width: 100%
}

.home-product-vietax ul,.home-product-vietax ol,.home-product-vietax li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-product-vietax .wrapper {
        padding:0 20px
    }

    .home-product-vietax .header-menu .wrapper {
        padding: 0px
    }
}

.home-product-vietax .fl {
    float: left
}

.home-product-vietax .fr {
    float: right
}

.home-product-vietax .show {
    display: block
}

.home-product-vietax .hide {
    display: none
}

.home-product-vietax .clearfix {
    clear: both;
    zoom:1}

.home-product-vietax .section {
    border-top: 3px solid #dfe9de
}

.home-product-vietax .section .section-container {
    padding: 0
}

.home-product-vietax .section>.section-container {
    max-width: 100%
}

.home-product-vietax .section .row {
    height: 300px;
    overflow: hidden
}

.home-product-vietax .section .row .col-3 {
    width: 25%;
    margin: 0;
    float: left;
    height: 100%
}

.home-product-vietax .section .row .col-3 a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center
}

.home-product-vietax .section .row .col-3 .pro-name {
    font-size: 24px;
    font-weight: 700;
    color: #2c508c;
    line-height: 1.5em;
    margin-bottom: 60px;
    position: relative
}

.home-product-vietax .section .row .col-3 .pro-name:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 30px;
    height: 4px;
    background-color: #2c508c
}

.home-product-vietax .section .row .col-3.nth-four .pro-name:after {
    background-color: #fff
}

.home-product-vietax .section .row .col-3 .intro {
    font-size: 14px;
    line-height: 2em;
    color: #2c508c
}

.home-product-vietax .section .row .col-3 .intro p {
    margin-bottom: 20px
}

.home-product-vietax .section .row .col-3.nth-four,.home-product-vietax .section .row .col-3.nth-two {
    padding: 5% 3%
}

.home-product-vietax .section .row .col-3.nth-four {
    background-color: #2c508c
}

.home-product-vietax .section .row .col-3.nth-four .pro-name {
    color: #fff
}

.home-product-vietax .section .row .col-3.nth-four .intro {
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70)
}

@media screen and (max-width: 1600px) {
    .home-product-vietax .section .row .col-3 .pro-name {
        margin-bottom:30px
    }

    .home-product-vietax .section .row .col-3 .intro p {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 1440px) {
    .home-product-vietax .section .row .col-3 .pro-name {
        font-size:20px
    }

    .home-product-vietax .section .row .col-3.nth-four,.home-product-vietax .section .row .col-3.nth-two {
        padding: 3%
    }
}

@media screen and (max-width: 720px) {
    .home-product-vietax .section .row .col-3 {
        width:50%;
        margin: 0;
        float: left;
        height: 100%
    }

    .home-product-vietax .section .row .col-3 a {
        display: block;
        width: 100%;
        height: 300px
    }

    .home-product-vietax .section .row {
        height: auto;
        overflow: hidden
    }

    .home-product-vietax .section .row .col-3.nth-two a,.home-product-vietax .section .row .col-3.nth-four a {
        height: auto
    }
}

@media screen and (max-width: 414px) {
    .home-product-vietax .section .row .col-3 {
        width:100%;
        float: none
    }
}

.home-product-vietax .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -2
}

.home-product-yeshun img {
    max-width: 100%
}

.home-product-yeshun ul,.home-product-yeshun ol,.home-product-yeshun li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-product-yeshun .fl {
    float: left
}

.home-product-yeshun .fr {
    float: right
}

.home-product-yeshun .full {
    width: 100%
}

.home-product-yeshun .show {
    display: block
}

.home-product-yeshun .hide {
    display: none
}

.home-product-yeshun .clearfix {
    clear: both;
    zoom:1}

.home-product-yeshun .section {
    position: relative
}

.home-product-yeshun .section-container {
    overflow: hidden;
    padding: 50px 0
}

.home-product-yeshun .col-3 {
    width: 23.5%;
    margin: 30px 0;
    margin-right: 2%;
    float: left
}

.home-product-yeshun .col-3:nth-of-type(4n) {
    margin-right: 0;
    float: left
}

.home-product-yeshun .info {
    font-size: 12px;
    width: 100%;
    float: left;
    color: #636363;
    text-align: left;
    margin-top: 10px;
    line-height: 18px
}

.home-product-yeshun .info span {
    font-size: 15px;
    font-weight: bold;
    color: #274279
}

.home-product-yeshun .pic_dot {
    width: 100%;
    overflow: hidden
}

.home-product-yeshun .pic_dot a {
    display: block;
    position: absolute;
    top: 50%;
    left: 0
}

.home-product-yeshun .pic_dot .box {
    position: relative;
    top: 0;
    transition: 0.4s
}

.home-product-yeshun .pic_dot .box>img {
    cursor: pointer
}

.home-product-yeshun .pic_dot .mask {
    position: relative;
    background-position: center;
    background-size: 100% 100%;
    text-align: center
}

.home-product-yeshun .pic_dot .mask .mask_bg {
    background-color: rgba(39,66,121,0.88);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.home-product-yeshun .pic_dot .mask .wrap {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle
}

.home-product-yeshun .pic_dot .mask img {
    margin: 0 auto
}

.home-product-yeshun .pic_dot .mask a {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    text-decoration: underline
}

.home-product-yeshun .col-3:hover .box {
    top: -290px
}

.home-product-yeshun .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home-product-yeshun .col-3-leakey img {
    width: 100%
}

@media screen and (max-width: 1200px) {
    .home-product-yeshun .col-3-leakey {
        width:31.33%
    }

    .home-product-yeshun .col-3-leakey:nth-of-type(4n) {
        margin-right: 2%
    }

    .home-product-yeshun .col-3-leakey:nth-of-type(3n) {
        margin-right: 0
    }
}

@media screen and (max-width: 640px) {
    .home-product-yeshun .col-3-leakey {
        width:49%
    }

    .home-product-yeshun .col-3-leakey:nth-of-type(3n) {
        margin-right: 2%
    }

    .home-product-yeshun .col-3-leakey:nth-of-type(2n) {
        margin-right: 0
    }
}

.home-scrollLeft-plus .section {
    position: relative
}

.home-scrollLeft-plus .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.home-scrollLeft-plus .section-container {
    max-width: 1200px;
    padding: 50px 0
}

.home-scrollLeft-plus .section .main-tit {
    margin: 30px auto;
    text-align: center
}

.home-scrollLeft-plus .section .main-tit h2 {
    position: relative;
    font-size: 30px;
    color: #2c508c;
    font-weight: bold;
    line-height: 60px;
    height: 60px;
    display: inline-block;
    text-transform: uppercase
}

.home-scrollLeft-plus .section .main-tit h2:after,.home-scrollLeft-plus .section .main-tit h2:before {
    position: absolute;
    bottom: -8px;
    left: 0;
    content: ''
}

.home-scrollLeft-plus .section .main-tit h2:after {
    left: 10px;
    right: 10px;
    bottom: -10px;
    height: 4px;
    background: #2c508c
}

.home-scrollLeft-plus .section .main-tit h2:before {
    left: -100px;
    right: -100px;
    height: 1px;
    background: #a2bae2
}

.home-scrollLeft-plus .logoAutoPlay {
    padding-bottom: 30px
}

.home-scrollLeft-plus .logoAutoPlay .logoListBox {
    max-width: 100%;
    width: 100%;
    margin: auto;
    overflow: hidden;
    position: relative
}

.home-scrollLeft-plus .logoAutoPlay .logoListBox ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0
}

.home-scrollLeft-plus .logoAutoPlay .logoListBox li {
    float: left;
    border: 1px solid #eee;
    padding: 5px;
    line-height: 0;
    font-size: 0;
    margin: 5px;
    box-sizing: content-box;
    text-align: center
}

.home-scrollLeft-plus .logoAutoPlay .logoListBox li a {
    line-height: 0
}

.home-scrollLeft-plus .logoAutoPlay .prev,.home-scrollLeft-plus .logoAutoPlay .next {
    display: block;
    width: 40px;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.3);
    border-radius: 5px;
    height: 60px;
    cursor: pointer;
    line-height: 60px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
    transition: 0.3s;
    z-index: 2
}

.home-scrollLeft-plus .logoAutoPlay .prev:hover,.home-scrollLeft-plus .logoAutoPlay .next:hover {
    background: #2c508c
}

.home-scrollLeft-plus .logoAutoPlay .logoListBox li p {
    text-align: center;
    margin: 0;
    padding: 5px 0px
}

.home-scrollLeft-plus .logoAutoPlay {
    position: relative
}

.home-scrollLeft-plus .logoAutoPlay .prev {
    right: 0;
    left: auto
}

.home-scrollLeft-plus .logoAutoPlay .autoplayPointBox {
    text-align: center;
    margin-top: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.home-scrollLeft-plus .logoAutoPlay .autoplayPointBox span {
    display: inline-block;
    height: 3px;
    width: 40px;
    margin: auto 5px;
    background: #333;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.home-scrollLeft-plus .logoAutoPlay .autoplayPointBox span:hover {
    padding: 5px 0px;
    top: 5px
}

.home-scrollLeft-plus .logoAutoPlay .autoplayPointBox span em {
    display: inline-block;
    height: 100%;
    width: 100%;
    background: #2c508c;
    position: absolute;
    top: 0;
    left: -40px
}

.home-scrollLeft-plus .logoAutoPlay_leakey .logoListBox ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    top: 0;
    left: 0
}

.home-scrollLeft-plus .logoAutoPlay_leakey .logoListBox .ulBox {
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0
}

.home-scrollLeft-plus .logoAutoPlay_leakey .logoListBox li {
    transition: all 0.5s
}

.home-scrollLeft-plus .logoAutoPlay_leakey .logoListBox li:hover {
    transform: translateY(-5px)
}

.home-scrollLeft-plus .section .main_tit_leakey p {
    padding: 20px 20px 0;
    color: #9c9c9c
}

.home-scrollLeft-plus .logoAutoPlay_leakey .logoListBox li p {
    padding: 15px 0 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 768px) {
    .home-scrollLeft-plus .section .main-tit h2:before,.home-scrollLeft-plus .section .main-tit h2:after {
        left:-20px;
        right: -20px
    }
}

.home-scrollLeft-section .full {
    width: 100%
}

.home-scrollLeft-section .inner {
    padding: 2em 0
}

.home-scrollLeft-section #primary {
    width: 100%
}

.home-scrollLeft-section #primary.have-sidebar {
    width: 71%
}

.home-scrollLeft-section #primary.fr {
    padding-left: 5%
}

.home-scrollLeft-section #primary.fl {
    padding-right: 5%
}

.home-scrollLeft-section #secondary {
    width: 29%
}

.home-scrollLeft-section .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-scrollLeft-section img {
    max-width: 100%
}

.home-scrollLeft-section ul,.home-scrollLeft-section ol,.home-scrollLeft-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-scrollLeft-section .fl {
    float: left
}

.home-scrollLeft-section .fr {
    float: right
}

.home-scrollLeft-section .show {
    display: block
}

.home-scrollLeft-section .hide {
    display: none
}

.home-scrollLeft-section .clearfix {
    clear: both;
    zoom:1}

.home-scrollLeft-section .section {
    position: relative
}

.home-scrollLeft-section .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.home-scrollLeft-section .section-container {
    max-width: 1200px;
    padding: 50px 0
}

.home-scrollLeft-section .section .main-tit {
    margin: 30px auto;
    text-align: center
}

.home-scrollLeft-section .section .main-tit h2 {
    position: relative;
    font-size: 30px;
    color: #2c508c;
    font-weight: 300;
    line-height: 60px;
    height: 60px;
    display: inline-block;
    text-transform: uppercase
}

.home-scrollLeft-section .section .main-tit h2:after,.home-scrollLeft-section .section .main-tit h2:before {
    position: absolute;
    bottom: -8px;
    left: 0;
    content: ''
}

.home-scrollLeft-section .section .main-tit h2:after {
    left: 10px;
    right: 10px;
    bottom: -10px;
    height: 4px;
    background: #2c508c
}

.home-scrollLeft-section .section .main-tit h2:before {
    left: -100px;
    right: -100px;
    height: 1px;
    background: #a2bae2
}

.home-scrollLeft-section .section .picScroll-left {
    width: 1200px;
    margin-top: 60px;
    overflow: hidden;
    position: relative;
    max-width: 100%
}

.home-scrollLeft-section .section .picScroll-left .hd {
    height: 60px;
    background: transparent;
    padding: 0 20px;
    z-index: 2;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -30px
}

.home-scrollLeft-section .section .picScroll-left .hd .prev,.home-scrollLeft-section .section .picScroll-left .hd .next {
    display: block;
    width: 40px;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.3);
    border-radius: 5px;
    height: 60px;
    cursor: pointer;
    line-height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s
}

.home-scrollLeft-section .section .picScroll-left .hd .next {
    right: 0;
    left: auto
}

.home-scrollLeft-section .section .picScroll-left .hd .prev:hover,.home-scrollLeft-section .section .picScroll-left .hd .next:hover {
    background: rgba(0,0,0,0.5)
}

.home-scrollLeft-section .section .picScroll-left .bd {
    padding: 10px
}

.home-scrollLeft-section .section .picScroll-left .bd ul {
    overflow: hidden;
    zoom:1}

.home-scrollLeft-section .section .picScroll-left .bd ul li {
    float: left;
    _display: inline;
    display: inline;
    box-sizing: content-box;
    overflow: hidden;
    text-align: center;
    position: relative
}

.home-scrollLeft-section .section .picScroll-left .bd ul li a {
    display: block
}

.home-scrollLeft-section .section .picScroll-left .bd ul li .pic {
    text-align: center;
    overflow: hidden
}

.home-scrollLeft-section .section .picScroll-left .bd ul li .pic img {
    display: block;
    width: 275px;
    margin: 0 10px;
    transition: 0.3s
}

.home-scrollLeft-section .section .picScroll-left .bd ul li .title {
    line-height: 24px
}

.home-scrollLeft-section .section .picScroll-left .bd ul li .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    transform: scale(0);
    transition: 0.3s;
    z-index: 126
}

.home-scrollLeft-section .section .picScroll-left .bd ul li:hover .mask {
    transform: scale(1.1);
    background: rgba(0,0,0,0.1)
}

.home-scrollLeft-section .section .picScroll-left .bd ul li {
    width: 25%
}

.home-scrollLeft-section .section .picScroll-left .bd ul li:hover .pic img {
    transform: scale(1.1)
}

@media screen and (max-width: 768px) {
    .home-scrollLeft-section .section .picScroll-left .bd ul li {
        width:31.3333%
    }

    .home-scrollLeft-section .section .main-tit h2:before,.home-scrollLeft-section .section .main-tit h2:after {
        left: -20px;
        right: -20px
    }
}

@media screen and (max-width: 640px) {
    .home-scrollLeft-section .section .picScroll-left .bd ul li {
        width:50%
    }
}

.home-team-section img {
    max-width: 100%
}

.home-team-section ul,.home-team-section ol,.home-team-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-team-section .fl {
    float: left
}

.home-team-section .fr {
    float: right
}

.home-team-section .full {
    width: 100%
}

.home-team-section .show {
    display: block
}

.home-team-section .hide {
    display: none
}

.home-team-section .clearfix {
    clear: both;
    zoom:1}

.home-team-section .section {
    position: relative
}

.home-team-section .section-container {
    position: relative;
    padding: 0;
    height: 330px;
    max-width: 100%
}

.home-team-section .section-container .swiper-container {
    position: relative;
    z-index: 1;
    height: 100%
}

.home-team-section .swiper-container .swiper-slide {
    color: #eee;
    font-size: 16px;
    line-height: 2em
}

.home-team-section .swiper-container .swiper-slide .img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    margin: 20px auto;
    overflow: hidden
}

.home-team-section .swiper-container .swiper-slide div {
    width: 1200px;
    max-width: 80%;
    margin: 0 auto;
    text-align: center
}

.home-team-section .swiper-container .swiper-slide div.name {
    height: 75px;
    overflow: hidden;
    line-height: 1.5em
}

.home-team-section .swiper-container .swiper-slide .dot-wrapper {
    text-align: center;
    margin: 30px auto 0
}

.home-team-section .swiper-container .swiper-slide .dot-wrapper span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2c508c;
    margin: 0 6px
}

.home-team-section .swiper-container-horizontal>.swiper-pagination-bullets,.home-team-section .swiper-container .swiper-pagination-custom,.home-team-section .swiper-container .swiper-pagination-fraction {
    bottom: 20px
}

.home-team-section .swiper-container .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    transition: 0.3s;
    background-color: #2c508c
}

.home-team-section .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    position: relative;
    height: 8px;
    border-radius: 0
}

.home-team-section .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 6px solid #2c508c;
    border-left: 6px solid transparent
}

.home-team-section .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    content: '';
    position: absolute;
    top: -6px;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 6px solid #2c508c;
    border-right: 6px solid transparent
}

.home-team-section .section-bg {
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0;
    background-position: center
}

.home-team-section .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.home-trust-ck .full {
    width: 100%
}

.home-trust-ck .inner {
    padding: 2em 0
}

.home-trust-ck #primary {
    width: 100%
}

.home-trust-ck #primary.have-sidebar {
    width: 71%
}

.home-trust-ck #primary.fr {
    padding-left: 5%
}

.home-trust-ck #primary.fl {
    padding-right: 5%
}

.home-trust-ck #secondary {
    width: 29%
}

.home-trust-ck .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-trust-ck img {
    max-width: 100%
}

.home-trust-ck ul,.home-trust-ck ol,.home-trust-ck li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-trust-ck .wrapper {
        padding:0 20px
    }

    .home-trust-ck .header-menu .wrapper {
        padding: 0px
    }
}

.home-trust-ck .fl {
    float: left
}

.home-trust-ck .fr {
    float: right
}

.home-trust-ck .show {
    display: block
}

.home-trust-ck .hide {
    display: none
}

.home-trust-ck .clearfix {
    clear: both;
    zoom:1}

.home-trust-ck .section {
    height: 770px;
    position: relative;
    background-color: #fff
}

.home-trust-ck .section-container {
    position: relative;
    z-index: 1;
    padding: 50px 0
}

.home-trust-ck .section .list {
    overflow: hidden
}

.home-trust-ck .section .list li {
    width: 25%;
    background: #2c508c;
    opacity: 0.92;
    filter: alpha(opacity=92);
    line-height: 300px;
    height: 300px;
    text-align: center;
    float: left
}

.home-trust-ck .section .list li .middle {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 2em
}

.home-trust-ck .section .list li .middle .num {
    font-size: 24px
}

.home-trust-ck .section .list li .middle .num strong {
    font-size: 72px;
    font-weight: 300
}

.home-trust-ck .section .list li .middle .content {
    font-size: 16px
}

.home-trust-ck .section .section-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center bottom;
    z-index: 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 767px) {
    .home-trust-ck .section .list li {
        height:230px;
        line-height: 230px
    }

    .home-trust-ck .section-container {
        padding: 40px 20px
    }
}

@media screen and (max-width: 640px) {
    .home-trust-ck .section {
        height:600px
    }

    .home-trust-ck .section .list li {
        width: 50%;
        height: 150px;
        line-height: 150px
    }

    .home-trust-ck .section .section-bg {
        background-size: 1000px auto
    }

    .home-trust-ck .section .list li .middle .num {
        font-size: 16px
    }

    .home-trust-ck .section .list li .middle .num strong {
        font-size: 36px
    }

    .home-trust-ck .section .list li .middle .content {
        font-size: 12px
    }
}

@media screen and (max-width: 480px) {
    .home-trust-ck .section {
        height:540px
    }

    .home-trust-ck .section .section-bg {
        background-size: 900px auto
    }
}

.home-trust-ck .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home-video-hyl .full {
    width: 100%
}

.home-video-hyl .inner {
    padding: 2em 0
}

.home-video-hyl #primary {
    width: 100%
}

.home-video-hyl #primary.have-sidebar {
    width: 71%
}

.home-video-hyl #primary.fr {
    padding-left: 5%
}

.home-video-hyl #primary.fl {
    padding-right: 5%
}

.home-video-hyl #secondary {
    width: 29%
}

.home-video-hyl .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-video-hyl img {
    max-width: 100%
}

.home-video-hyl ul,.home-video-hyl ol,.home-video-hyl li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-video-hyl .wrapper {
        padding:0 20px
    }

    .home-video-hyl .header-menu .wrapper {
        padding: 0px
    }
}

.home-video-hyl .fl {
    float: left
}

.home-video-hyl .fr {
    float: right
}

.home-video-hyl .show {
    display: block
}

.home-video-hyl .hide {
    display: none
}

.home-video-hyl .clearfix {
    clear: both;
    zoom:1}

.home-video-hyl .section {
    position: relative
}

.home-video-hyl .section-container {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0
}

.home-video-hyl .video-js .vjs-big-play-button {
    display: none
}

.home-video-hyl #videobox {
    position: fixed;
    left: 10%;
    top: 10%;
    right: 10%;
    bottom: 10%;
    background-color: #000;
    display: none;
    z-index: 1111
}

.home-video-hyl .tit-hyl {
    padding: 20px;
    color: #404040
}

.home-video-section .full {
    width: 100%
}

.home-video-section .inner {
    padding: 2em 0
}

.home-video-section #primary {
    width: 100%
}

.home-video-section #primary.have-sidebar {
    width: 71%
}

.home-video-section #primary.fr {
    padding-left: 5%
}

.home-video-section #primary.fl {
    padding-right: 5%
}

.home-video-section #secondary {
    width: 29%
}

.home-video-section .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.home-video-section img {
    max-width: 100%
}

.home-video-section ul,.home-video-section ol,.home-video-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .home-video-section .wrapper {
        padding:0 20px
    }

    .home-video-section .header-menu .wrapper {
        padding: 0px
    }
}

.home-video-section .fl {
    float: left
}

.home-video-section .fr {
    float: right
}

.home-video-section .show {
    display: block
}

.home-video-section .hide {
    display: none
}

.home-video-section .clearfix {
    clear: both;
    zoom:1}

.home-video-section .section-container {
    padding: 15px;
    max-width: 100%
}

.home-video-section .video-js .vjs-big-play-button {
    display: none
}

.home-video-section #videobox {
    position: fixed;
    left: 10%;
    top: 10%;
    right: 10%;
    bottom: 10%;
    background-color: #000;
    display: none;
    z-index: 1111
}

.home_about_one .fl {
    float: left
}

.home_about_one .fr {
    float: right
}

.home_about_one ul,.home_about_one li {
    padding: 0;
    margin: 0;
    list-style: none
}

.home_about_one img {
    display: inline-block;
    max-width: 100%
}

.home_about_one a {
    text-decoration: none
}

.home_about_one .section {
    position: relative;
    background: #fff
}

.home_about_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home_about_one .section-container {
    max-width: 100%;
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0
}

.home_about_one .main-title {
    font-size: 30px;
    color: #2c508c;
    position: relative;
    margin-bottom: 45px;
    line-height: 1em
}

.home_about_one .main-title em {
    color: #2c508c;
    text-transform: uppercase
}

.home_about_one .main-title span {
    color: #9c9c9c;
    font-size: 18px
}

.home_about_one .main-title .href {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #2c508c;
    font-size: 14px
}

.home_about_one .main-title .href:hover {
    text-decoration: underline
}

.home_about_one .main-content {
    overflow: hidden
}

.home_about_one .words {
    width: 50%;
    height: 420px;
    padding: 60px 40px;
    position: relative
}

.home_about_one .words_bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.home_about_one .para {
    margin: 55px 0 75px;
    position: relative;
    z-index: 1
}

.home_about_one .para p {
    color: #8c8c8c;
    line-height: 2em
}

.home_about_one em {
    font-style: normal
}

.home_about_one .words .href {
    position: relative;
    z-index: 1;
    width: 106px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    margin: 0 auto;
    display: block;
    text-align: center;
    background: #2c508c;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.home_about_one .words .href a {
    color: #fff
}

.home_about_one .words .href:hover {
    box-shadow: 0px 0px 10px #2c508c
}

.home_about_one .imgs {
    width: 50%;
    height: 420px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.home_about_one .imgs img {
    display: none
}

@media screen and (max-width: 1024px) {
    .home_about_one .para {
        margin:0;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 720px) {
    .home_about_one .imgs {
        background:none !important;
        height: auto;
        width: 100%;
        float: none
    }

    .home_about_one .imgs img {
        display: block
    }

    .home_about_one .words {
        height: auto;
        width: 100%;
        float: none
    }

    .home_about_one .section-container {
        padding: 40px 20px
    }

    .home_about_one .main-title {
        margin-bottom: 30px;
        font-size: 25px
    }
}

.home_about_solarland .fl {
    float: left
}

.home_about_solarland .fr {
    float: right
}

.home_about_solarland .section-container {
    padding: 0;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.4);
    overflow: hidden;
    width: 100%;
    height: 306px
}

.home_about_solarland .words {
    width: 780px;
    box-sizing: border-box;
    padding: 57px;
    color: #737373
}

.home_about_solarland .words .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4em
}

.home_about_solarland .words .subtit {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.home_about_solarland .words .para {
    font-size: 14px;
    margin-top: 30px;
    line-height: 1.8em
}

.home_about_solarland .videobox {
    width: 380px;
    height: 307px;
    position: relative
}

.home_about_solarland .videobox .img_mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0px
}

.home_about_solarland .videobox .img_mask img {
    width: 100%
}

.home_about_solarland .videobox video {
    width: 100%;
    height: 306px;
    display: block
}

.home_about_solarland .section-container {
    position: relative
}

.home_about_solarland .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 1200px) {
    .home_about_solarland .section-container {
        height:auto
    }

    .home_about_solarland .words {
        width: 60%;
        height: auto;
        padding: 40px
    }

    .home_about_solarland .videobox {
        width: 40%;
        height: auto
    }
}

@media screen and (max-width: 720px) {
    .home_about_solarland .section-container {
        height:auto
    }

    .home_about_solarland .words {
        width: 100%;
        float: none;
        height: auto
    }

    .home_about_solarland .videobox {
        width: 100%;
        float: none;
        height: auto
    }
}

.home_about_two .fl {
    float: left
}

.home_about_two .fr {
    float: right
}

.home_about_two ul,.home_about_two li {
    padding: 0;
    margin: 0;
    list-style: none
}

.home_about_two img {
    display: inline-block;
    max-width: 100%
}

.home_about_two a {
    text-decoration: none
}

.home_about_two .section {
    position: relative
}

.home_about_two .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home_about_two .section-container {
    max-width: 100%;
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0
}

.home_about_two .imgs {
    width: 50%;
    height: 480px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.home_about_two .imgs img {
    display: none
}

.home_about_two .imgs .disc {
    width: 100px;
    height: 100px;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1
}

.home_about_two .words {
    width: 50%;
    padding-left: 110px;
    height: 480px;
    background-color: #fff
}

.home_about_two .main-title {
    font-size: 54px;
    color: #2c508c;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1em
}

.home_about_two .main-title em {
    color: #2c508c;
    font-style: normal;
    line-height: 1em
}

.home_about_two .main-title .subtitle {
    font-size: 26px;
    text-transform: uppercase;
    margin-top: 15px
}

.home_about_two .para {
    line-height: 2em;
    color: #8c8c8c
}

.home_about_two .para p {
    margin-bottom: 15px
}

.home_about_two .href {
    text-align: center;
    background: #2c508c;
    width: 108px;
    height: 38px;
    line-height: 38px;
    border-radius: 0;
    position: relative;
    top: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.home_about_two .href a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}

.home_about_two .href:hover {
    top: -2px;
    box-shadow: 0px 0px 10px #5580c9;
    border-radius: 20px
}

.home_about_two .main-content {
    margin-top: 45px
}

.home_about_two .line {
    width: 3px;
    height: 82px;
    background-color: silver;
    display: block;
    margin: 30px 3px;
    display: none
}

.home_about_two .about_wrapper {
    overflow: hidden
}

@media screen and (max-width: 1199px) {
    .home_about_two .line {
        display:none
    }

    .home_about_two .words {
        padding: 20px 40px
    }

    .home_about_two .main-title {
        font-size: 40px
    }

    .home_about_two .main-title .subtitle {
        font-size: 24px
    }
}

@media screen and (max-width: 720px) {
    .home_about_two .section-container {
        padding:40px 20px
    }

    .home_about_two .words,.home_about_two .imgs {
        height: auto;
        width: 100%
    }

    .home_about_two .imgs img {
        display: block
    }

    .home_about_two .imgs {
        background: none !important
    }

    .home_about_two .main-content {
        margin-top: 30px
    }

    .home_about_two .main-title {
        font-size: 30px
    }

    .home_about_two .main-title .subtitle {
        font-size: 20px
    }

    .home_about_two .words {
        padding: 30px 20px
    }
}

.home_auxiliary_one .fl {
    float: left
}

.home_auxiliary_one .fr {
    float: right
}

.home_auxiliary_one ul,.home_auxiliary_one li {
    padding: 0;
    margin: 0
}

.home_auxiliary_one img {
    display: inline-block;
    max-width: 100%
}

.home_auxiliary_one .section {
    position: relative;
    height: 355px
}

.home_auxiliary_one .section-bgimg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat
}

.home_auxiliary_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home_auxiliary_one .section-container {
    max-width: 100%;
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0
}

.home_auxiliary_one .section-container {
    overflow: hidden
}

.home_auxiliary_one .words {
    width: 50%;
    float: right;
    padding-left: 110px;
    padding-right: 60px
}

.home_auxiliary_one .words .para,.home_auxiliary_one .words em,.home_auxiliary_one .words .title {
    color: #fff
}

.home_auxiliary_one .words em {
    font-style: italic;
    font-size: 22px;
    line-height: 1em;
    margin-bottom: 15px
}

.home_auxiliary_one .words .title {
    font-size: 44px;
    line-height: 59px;
    font-style: italic
}

.home_auxiliary_one .words .para {
    line-height: 25px;
    font-size: 14px
}

.home_auxiliary_one .words-bg {
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 0;
    background: #2c508c
}

.home_auxiliary_one .href {
    cursor: pointer;
    width: 130px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    margin-top: 40px;
    text-align: center;
    padding: 0 15px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.home_auxiliary_one .href a {
    font-size: 14px;
    color: #fff
}

.home_auxiliary_one .href .arrow {
    line-height: 30px;
    right: 0;
    position: relative;
    float: right;
    margin-right: 15px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.home_auxiliary_one .href:hover .arrow {
    right: -8px
}

@media screen and (max-width: 1200px) {
    .home_auxiliary_one .section-container {
        padding:40px 20px
    }

    .home_auxiliary_one .section {
        height: 250px
    }

    .home_auxiliary_one .words {
        padding: 0 30px;
        padding-left: 40px
    }

    .home_auxiliary_one .words .para {
        display: none
    }
}

@media screen and (max-width: 960px) {
    .home_auxiliary_one .words .title {
        font-size:30px
    }
}

@media screen and (max-width: 720px) {
    .home_auxiliary_one .section {
        height:200px
    }

    .home_auxiliary_one .words em {
        font-size: 16px
    }

    .home_auxiliary_one .words .title {
        font-size: 24px;
        line-height: 1em;
        margin: 5px 0
    }

    .home_auxiliary_one .words .href {
        margin-top: 10px
    }
}

@media screen and (max-width: 480px) {
    .home_auxiliary_one .words {
        padding:0;
        padding-left: 20px
    }

    .home_auxiliary_one .words .title {
        font-synthesis: 18px
    }
}

.home_auxiliary_two .fl {
    float: left
}

.home_auxiliary_two .fr {
    float: right
}

.home_auxiliary_two ul,.home_auxiliary_two li {
    padding: 0;
    margin: 0;
    list-style: none
}

.home_auxiliary_two img {
    display: inline-block;
    max-width: 100%
}

.home_auxiliary_two .section {
    position: relative
}

.home_auxiliary_two .section-bgimg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-position: left center;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.home_auxiliary_two .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home_auxiliary_two .section-container {
    max-width: 100%;
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0
}

.home_auxiliary_two .list ul {
    overflow: hidden;
    margin-bottom: 30px
}

.home_auxiliary_two .list ul li {
    width: 32%;
    margin-right: 2%;
    text-align: center;
    float: left
}

.home_auxiliary_two .list ul li:nth-of-type(3n) {
    margin-right: 0
}

.home_auxiliary_two .list ul li .words {
    text-align: center
}

.home_auxiliary_two .list ul li .words .img {
    margin: 0 auto 30px;
    overflow: hidden
}

.home_auxiliary_two .list ul li .words .img img {
    display: block;
    margin: 0 auto
}

.home_auxiliary_two .list ul li .words .para {
    font-size: 13px;
    color: #464646;
    line-height: 1.8em;
    width: 300px;
    max-width: 100%;
    margin: 0 auto
}

.home_auxiliary_two .list ul li .words .title {
    font-size: 16px;
    color: #9e9e9e;
    line-height: 1em;
    margin-bottom: 10px
}

@media screen and (max-width: 1200px) {
    .home_auxiliary_two .section-container {
        padding:40px 20px
    }
}

@media screen and (max-width: 720px) {
    .home_auxiliary_two .list ul li .words .img img {
        width:70px
    }
}

@media screen and (max-width: 480px) {
    .home_auxiliary_two .list ul {
        margin-bottom:10px
    }

    .home_auxiliary_two .list ul li {
        width: 90%;
        float: none;
        margin: 0 auto 10px !important
    }
}

.home_business_solarland .fl {
    float: left
}

.home_business_solarland .fr {
    float: right
}

.home_business_solarland .section-container {
    padding: 50px 0;
    width: 1200px;
    max-width: 100%
}

.home_business_solarland .main_tit {
    text-align: center;
    color: #2c508c;
    font-size: 24px;
    margin-bottom: 40px
}

.home_business_solarland .main_tit .subtit {
    line-height: 2em;
    font-weight: lighter;
    text-transform: uppercase;
    color: #9c9c9c;
    font-size: 30px
}

.home_business_solarland ul,.home_business_solarland li {
    list-style: none
}

.home_business_solarland .main_cont ul {
    overflow: hidden;
    padding: 10px
}

.home_business_solarland .main_cont ul li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    transition: 0.3s;
    padding: 20px;
    box-sizing: border-box
}

.home_business_solarland .main_cont ul li:nth-of-type(4n) {
    margin-right: 0
}

.home_business_solarland .main_cont ul li .circle {
    margin: 0 auto;
    width: 220px;
    height: 220px;
    background-color: #5580c9;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 50px;
    border-radius: 50%
}

.home_business_solarland .main_cont ul li .circle img {
    max-width: 100%;
    transition: 0.3s;
    cursor: pointer
}

.home_business_solarland .main_cont ul li .circle_wrapper {
    box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    width: 200px;
    height: 200px;
    margin: 0 auto;
    background: #2c508c;
    border-radius: 50%;
    overflow: hidden
}

.home_business_solarland .main_cont ul li .title {
    margin-bottom: 10px;
    font-size: 22px;
    color: #5580c9;
    text-align: center
}

.home_business_solarland .main_cont ul li .para {
    font-size: 14px;
    color: #a6a6a6;
    line-height: 1.8em;
    height: 75px;
    overflow: hidden
}

.home_business_solarland .main_cont ul li .more {
    max-width: 100%;
    border-radius: 9px;
    border-bottom: 4px solid transparent;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    border: none;
    width: 140px;
    height: 48px;
    line-height: 48px;
    background-color: #2c508c;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 16px;
    margin: 50px auto
}

.home_business_solarland .main_cont ul li:hover {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3)
}

.home_business_solarland .main_cont ul li:hover .circle_wrapper {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1)
}

.home_business_solarland .main_cont ul li .more:hover {
    background-color: #eee;
    border-bottom: 4px solid #2c508c
}

.home_business_solarland .section {
    position: relative
}

.home_business_solarland .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 720px) {
    .home_business_solarland .section-container {
        padding:20px
    }

    .home_business_solarland .main_cont ul li {
        width: 49%;
        margin-right: 2%
    }

    .home_business_solarland .main_cont ul li:nth-of-type(2n) {
        margin-right: 0
    }

    .home_business_solarland .main_cont ul li .circle {
        width: 120px;
        height: 120px;
        margin-bottom: 20px
    }

    .home_business_solarland .main_cont ul li .circle_wrapper {
        width: 100px;
        height: 100px
    }

    .home_business_solarland .main_cont ul li .more {
        margin: 20px auto
    }
}

.home_contact_one .fl {
    float: left
}

.home_contact_one .fr {
    float: right
}

.home_contact_one ul,.home_contact_one li {
    padding: 0;
    margin: 0;
    list-style: none
}

.home_contact_one img {
    display: inline-block;
    max-width: 100%
}

.home_contact_one .section {
    position: relative
}

.home_contact_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home_contact_one .section-container {
    max-width: 100%;
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0
}

.home_contact_one .section {
    overflow: hidden
}

.home_contact_one .main-title {
    text-transform: uppercase;
    text-align: center;
    color: #2c508c;
    margin-bottom: 60px
}

.home_contact_one .main-title em {
    color: #2c508c;
    font-style: normal
}

.home_contact_one .main-title .subtitle {
    color: #9c9c9c;
    font-synthesis: 18px;
    line-height: 1em
}

.home_contact_one .main-title .title {
    position: relative;
    line-height: 1em;
    margin-bottom: 10px;
    font-size: 36px
}

.home_contact_one .main-title .title:before,.home_contact_one .main-title .title:after {
    position: absolute;
    top: 50%;
    width: 50%;
    height: 2px;
    margin-top: 2px;
    background: #9c9c9c;
    z-index: -1;
    content: ''
}

.home_contact_one .main-title .title:before {
    left: 0
}

.home_contact_one .main-title .title:after {
    right: 0
}

.home_contact_one .main-title .title span {
    display: inline-block;
    padding: 0 30px;
    background: #fff;
    z-index: 2
}

.home_contact_one .map {
    width: 100%;
    height: 350px;
    box-shadow: 0px 6px 20px rgba(0,0,0,0.2);
    position: relative;
    z-index: 1;
    background: #fff
}

.home_contact_one .map .mask {
    position: absolute;
    left: -10000px;
    right: -10000px;
    top: 50%;
    bottom: -1000px
}

.home_contact_one #allmap {
    z-index: 11 !important
}

.home_contact_one .content-bt {
    overflow: hidden;
    position: relative;
    z-index: 12;
    margin-top: 60px
}

.home_contact_one .content-bt .col-8 {
    float: left;
    width: 50%;
    overflow: hidden;
    font-size: 14px
}

.home_contact_one .content-bt .col-8-5>div {
    margin-bottom: 20px
}

.home_contact_one .content-bt .col-8-5 {
    float: left;
    width: 56%
}

.home_contact_one .content-bt .col-8-4 {
    float: left;
    width: 44%
}

.home_contact_one .content-bt .col-8-5 .copy {
    color: #737373
}

.home_contact_one .content-bt .col-8-5 .add {
    color: #737373
}

.home_contact_one .content-bt .col-8-4 .cont li {
    color: #737373;
    margin-bottom: 10px
}

.home_contact_one .content-bt .col-8-4 .cont li:last-child {
    margin-bottom: 0px
}

.home_contact_one .content-bt .col-8-4 .cont li h4 {
    font-weight: 400;
    font-size: 14px;
    color: #a1a1a1
}

.home_contact_one .content-bt .col-8-4 .cont li span {
    color: #4d7bc7
}

.home_contact_one .link a {
    position: relative;
    display: inline-block;
    margin: 0 5px
}

.home_contact_one .link a img {
    display: block;
    width: 39px;
    height: 39px
}

.home_contact_one .link p {
    display: none;
    position: absolute;
    left: 20px;
    width: 140px;
    top: 118%;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    line-height: 2em;
    border-radius: 5px;
    text-align: center
}

.home_contact_one .link a:hover p {
    display: block
}

.home_contact_one form {
    overflow: hidden
}

.home_contact_one form .form-group {
    width: 49%;
    float: left;
    margin-bottom: 30px;
    margin-right: 2%
}

.home_contact_one form .form-group:nth-of-type(2n) {
    margin-right: 0
}

.home_contact_one form .form-group.form-textarea {
    width: 100%
}

.home_contact_one form .form-label {
    display: none
}

.home_contact_one form .form-control {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    border: 2px solid #e1e1e1;
    width: 100%;
    height: 38px;
    line-height: 26px;
    padding: 4px 8px
}

.home_contact_one form .form-group.form-textarea .form-control {
    border: 2px solid #e1e1e1;
    height: 100px
}

.home_contact_one form .form-control input,.home_contact_one form .form-control textarea {
    background: transparent;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0;
    color: #737373
}

.home_contact_one form .form-control:hover,.home_contact_one form .form-group.form-textarea .form-control:hover {
    border-color: #2c508c
}

.home_contact_one form .form-group.form-button {
    width: 100px;
    height: 38px;
    border: 2px solid #e1e1e1;
    text-align: center;
    font-size: 14px
}

.home_contact_one form .form-group.form-button input {
    cursor: pointer;
    background: none;
    border: none;
    color: #737373;
    height: 38px;
    line-height: 38px
}

.home_contact_one form .form-group.form-button:hover {
    background: #2c508c;
    color: #fff
}

.home_contact_one form .form-group.form-button:hover input {
    color: #fff
}

.home_contact_one #result {
    width: 100%;
    font-size: 12px
}

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

.home_contact_one dt {
    font-size: 14px;
    font-family: "微软雅黑";
    font-weight: bold;
    border-bottom: 1px dotted #000;
    padding: 5px 0 5px 5px;
    margin: 5px 0
}

.home_contact_one dd {
    padding: 5px 0 0 5px
}

.home_contact_one li {
    line-height: 28px
}

@media screen and (max-width: 768px) {
    .home_contact_one .map .mask {
        display:none
    }

    .home_contact_one .content-bt .col-8 {
        width: 100%;
        margin-top: 20px
    }

    .home_contact_one .main-title .title {
        font-synthesis: 25px
    }

    .home_contact_one .main-title .title span {
        padding: 0 10px
    }
}

@media screen and (max-width: 720px) {
    .home_contact_one .section-container {
        padding:40px 20px
    }

    .home_contact_one form .form-group {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 580px) {
    .home_contact_one .content-bt .col-8-5,.home_contact_one .content-bt .col-8-4 {
        width:100%;
        float: none;
        margin-top: 5px
    }

    .home_contact_one .content-bt .col-8-5>div {
        margin-bottom: 0
    }

    .home_contact_one form .form-group {
        width: 100%;
        float: none;
        margin-right: none
    }

    .home_contact_one .main-title {
        margin-bottom: 30px
    }

    .home_contact_one .content-bt {
        margin-top: 30px
    }
}

.home_contact_two .fl {
    float: left
}

.home_contact_two .fr {
    float: right
}

.home_contact_two ul,.home_contact_two li {
    padding: 0;
    margin: 0;
    list-style: none
}

.home_contact_two img {
    display: inline-block;
    max-width: 100%
}

.home_contact_two .section {
    position: relative
}

.home_contact_two .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home_contact_two .section-container {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0
}

@media screen and (max-width: 720px) {
    .home_contact_two .section-container {
        padding:30px 20px;
        max-width: 100%
    }
}

.home_contact_two .main-title {
    text-transform: uppercase;
    margin-bottom: 20px
}

.home_contact_two .main-title .title {
    font-size: 20px;
    color: #2f2f2f;
    font-weight: 700;
    line-height: 1.5em
}

.home_contact_two .main-title .title a {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #2f2f2f
}

.home_contact_two .main-title .title a span {
    color: rgba(67,67,67,0.7)
}

.home_contact_two .main-title .subtitle {
    font-weight: 100;
    font-size: 12px;
    line-height: 1em
}

.home_contact_two .main-content {
    overflow: hidden;
    height: 570px
}

.home_contact_two .main-content .map {
    width: 45%
}

.home_contact_two .main-content .words {
    width: 53%;
    padding-left: 30px
}

.home_contact_two .main-content .map {
    background: #2c508c;
    height: 100%
}

.home_contact_two #allmap {
    width: 166px;
    height: 294px
}

.home_contact_two .map-wrapper {
    width: 190px;
    height: 390px;
    margin: 30px auto;
    padding: 47px 12px
}

.home_contact_two .main-content .map .para {
    padding: 0 30px;
    margin: 20px auto 0;
    color: #fafafa;
    opacity: 0.7;
    filter: alpha(opacity=70);
    font-size: 14px;
    line-height: 1.8em
}

.home_contact_two .main-content .map .para strong {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff
}

.home_contact_two .main-content .words {
    padding-top: 120px;
    height: 568px;
    border: 1px solid #d7d7d7;
    border-left: none
}

.home_contact_two .main-content .words>.icon {
    line-height: 1em;
    font-size: 59px;
    color: #2c508c;
    font-weight: 700;
    margin-bottom: 60px
}

.home_contact_two .main-content .words>.icon span {
    margin-left: 10px
}

.home_contact_two .main-content .words .list li {
    margin-bottom: 28px
}

.home_contact_two .main-content .words .list .icon {
    position: relative;
    top: 6px;
    margin-right: 5px;
    display: inline-block;
    width: 30px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat
}

.home_contact_two .main-content .words .list .cont {
    display: inline-block;
    line-height: 2em;
    font-size: 14px;
    color: #424242;
    opacity: 0.7;
    filter: alpha(opacity=70)
}

@media screen and (max-width: 720px) {
    .home_contact_two .main-content .words>.icon {
        font-size:20px;
        margin-bottom: 20px
    }

    .home_contact_two .main-content .words>.icon img {
        height: 20px
    }

    .home_contact_two .main-content .words .list li {
        margin-bottom: 5px
    }

    .home_contact_two .main-content .words .list .icon {
        top: 0
    }

    .home_contact_two .main-content .words .list .cont {
        max-width: 83%;
        font-size: 12px
    }

    .home_contact_two .main-content .map .para {
        padding: 0 15px;
        font-size: 12px;
        line-height: 1.5em
    }
}

@media screen and (max-width: 560px) {
    .home_contact_two .main-content {
        height:auto
    }

    .home_contact_two .main-content .map {
        width: 100%;
        float: none;
        padding: 30px 20px
    }

    .home_contact_two .map-wrapper {
        margin-top: 0
    }

    .home_contact_two .main-content .words {
        width: 100%;
        float: none;
        padding: 30px 20px;
        height: auto;
        border: none
    }
}

.home_news_one .fl {
    float: left
}

.home_news_one .fr {
    float: right
}

.home_news_one img {
    max-width: 100%
}

.home_news_one ul,.home_news_one li {
    list-style: none;
    margin: 0;
    padding: 0
}

.home_news_one .section {
    position: relative
}

.home_news_one .section-container {
    padding: 50px 0
}

.home_news_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.home_news_one .main-title {
    margin-bottom: 60px;
    text-transform: uppercase;
    text-align: center
}

.home_news_one .main-title .title {
    font-size: 30px;
    color: #2c508c;
    line-height: 1em;
    margin-bottom: 10px;
    font-weight: 700
}

.home_news_one .main-title .title em {
    color: #2c508c;
    font-style: normal
}

.home_news_one .main-title .subtitle {
    color: #9c9c9c;
    font-size: 18px
}

.home_news_one .main-content {
    overflow: hidden
}

.home_news_one .main-content .href {
    margin-top: 30px;
    cursor: pointer;
    position: relative;
    width: 150px;
    height: 38px;
    line-height: 38px;
    text-transform: uppercase;
    background: #2c508c;
    padding: 0 25px
}

.home_news_one .main-content .href a {
    position: relative;
    z-index: 1;
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.home_news_one .main-content .href a i {
    font-weight: 100;
    color: #fff;
    float: right;
    margin-top: 12px;
    position: relative;
    right: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.home_news_one .main-content .href span {
    width: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    background: transparent
}

.home_news_one .main-content .href:hover span {
    width: 100%;
    background: #df0d0e
}

.home_news_one .main-content .href:hover a i {
    right: -10px
}

.home_news_one .main-content .title {
    font-size: 16px;
    color: #2c508c;
    font-weight: 700;
    margin-bottom: 8px
}

.home_news_one .main-content .para {
    font-size: 14px;
    line-height: 1.8em;
    color: #737373
}

.home_news_one .main-content .img {
    width: 100%;
    margin-bottom: 25px
}

.home_news_one .main-content .left,.home_news_one .main-content .right {
    width: 50%
}

.home_news_one .main-content .right {
    margin-top: -20px
}

.home_news_one .main-content .right ul {
    padding: 20px
}

.home_news_one .main-content .right ul li {
    margin-bottom: 30px;
    border: 3px solid #ededed;
    padding: 30px 20px;
    position: relative;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    border-radius: 0px
}

.home_news_one .main-content .right ul li:hover {
    border: none;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1)
}

.home_news_one .main-content .right .day {
    color: #737373
}

.home_news_one .main-content .right .day span {
    font-size: 60px;
    line-height: 1em;
    margin-bottom: 10px
}

.home_news_one .main-content .right .day .time {
    font-size: 18px;
    font-weight: 100
}

.home_news_one .main-content .date {
    float: left
}

.home_news_one .content {
    margin-left: 80px
}

@media screen and (max-width: 720px) {
    .home_news_one .section-container {
        padding:40px 20px
    }

    .home_news_one .main-title {
        margin-bottom: 30px
    }

    .home_news_one .main-title .title {
        font-size: 25px
    }

    .home_news_one .main-title .subtitle {
        font-size: 16px
    }

    .home_news_one .main-content .href {
        margin-top: 20px
    }

    .home_news_one .main-content .left,.home_news_one .main-content .right {
        width: 100%
    }

    .home_news_one .main-content .right {
        margin-top: 0
    }

    .home_news_one .main-content .left {
        margin-bottom: 30px
    }

    .home_news_one .main-content .right .day .time {
        font-size: 16px
    }

    .home_news_one .main-content .right .day span {
        font-size: 30px
    }

    .home_news_one .main-content .right ul {
        padding: 0
    }

    .home_news_one .main-content .right ul li:hover {
        box-shadow: none;
        border: 3px solid #ededed
    }

    .home_news_one .main-content .date {
        float: none;
        margin-bottom: 15px
    }

    .home_news_one .main-content .right .day .time {
        display: inline-block
    }

    .home_news_one .content {
        margin-left: 0
    }
}

.home_news_third .section {
    position: relative
}

.home_news_third .section-container {
    padding: 50px 0
}

.home_news_third .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home_news_third img {
    max-width: 100%;
    display: inline-block
}

.home_news_third ul,.home_news_third li {
    list-style: none;
    padding: 0;
    margin: 0
}

.home_news_third .main-title {
    margin-bottom: 4%;
    text-align: center
}

.home_news_third .main-title .title {
    font-size: 20px;
    color: #666
}

.home_news_third .main-title .subtitle {
    font-size: 14px;
    color: #999
}

.home_news_third .list {
    overflow: hidden;
    padding: 20px;
    margin-right: -20px;
    margin-left: -20px
}

.home_news_third .list li {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    float: left;
    width: 48%;
    margin-right: 4%;
    padding: 36px;
    border-bottom: 1px solid #ddd
}

.home_news_third .list li:nth-of-type(2n) {
    margin-right: 0
}

.home_news_third .list li:last-of-type(1),.home_news_third .list li:last-of-type(2) {
    border: 0
}

.home_news_third .list li .title {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
    word-break: break-all
}

.home_news_third .list li .title span {
    width: 100px;
    float: right;
    font-size: 16px;
    color: #999;
    line-height: 1
}

.home_news_third .list li .para {
    margin-top: 1.666%;
    font-size: 13px;
    color: #878787;
    line-height: 1.7
}

.home_news_third .list li:hover {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2)
}

@media screen and (max-width: 720px) {
    .home_news_third .section-container {
        padding:30px 20px
    }

    .home_news_third .main-title {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 540px) {
    .home_news_third .main-title {
        margin-bottom:0px
    }

    .home_news_third .list li {
        margin: 0px auto 10px;
        width: 100%;
        padding: 15px;
        padding-bottom: 25px
    }
}

.home_news_three .section {
    position: relative
}

.home_news_three .section-container {
    padding: 50px 0
}

.home_news_three .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home_news_three img {
    max-width: 100%;
    display: inline-block
}

.home_news_three ul,.home_news_three li {
    list-style: none;
    padding: 0;
    margin: 0
}

.home_news_three .main-title {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 100px;
    font-weight: 700
}

.home_news_three .main-title .title {
    font-size: 17px;
    color: #424242;
    line-height: 1.5em
}

.home_news_three .main-title .subtitle {
    color: #2f2f2f;
    font-size: 30px
}

.home_news_three .main-title em {
    font-style: normal;
    margin-right: 8px;
    color: #9a9a9a
}

.home_news_three .main-content .list {
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px;
    overflow: hidden
}

.home_news_three .main-content .list li {
    cursor: pointer;
    padding-top: 80px;
    float: left;
    background: #eaeaea;
    width: 31.3333%;
    margin-right: 3%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s
}

.home_news_three .main-content .list li:nth-of-type(3n) {
    margin-right: 0
}

.home_news_three .main-content .list li .date {
    padding: 0 25px;
    margin-bottom: 32px;
    color: rgba(54,54,54,0.7);
    font-size: 14px
}

.home_news_three .main-content .list li .date span {
    display: inline;
    margin-right: 8px;
    font-size: 26px;
    color: #2f2f2f;
    font-weight: 700
}

.home_news_three .main-content .list li .title {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 25px;
    padding: 0 25px;
    font-size: 18px;
    color: #2f2f2f
}

.home_news_three .main-content .list li .para {
    padding: 0 25px;
    margin-bottom: 60px;
    font-size: 14px;
    color: rgba(47,47,47,0.7);
    line-height: 1.8em
}

.home_news_three .main-content .list li .href a {
    position: relative;
    width: 100%;
    display: block;
    font-size: 14px;
    padding: 0 25px;
    height: 104px;
    line-height: 104px;
    color: #2f2f2f;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s
}

.home_news_three .main-content .list li .href a .line {
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    display: block;
    height: 1px;
    background: #c5c5c5
}

.home_news_three .main-content .list li .href span {
    float: right;
    text-align: center;
    margin-top: 36px;
    display: inline-block;
    color: #e6e6e6;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s
}

.home_news_three .main-content .list li:hover {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    background: #fff
}

.home_news_three .main-content .list li:hover .href a .line {
    display: none
}

.home_news_three .main-content .list li:hover .href {
    background: #2f2f2f
}

.home_news_three .main-content .list li:hover .href a {
    color: #e1e1e1
}

.home_news_three .main-content .list li:hover .href span {
    opacity: 1;
    filter: alpha(opacity=100)
}

@media screen and (max-width: 720px) {
    .home_news_three .main-title {
        margin-bottom:40px
    }

    .home_news_three .main-title .subtitle {
        font-size: 22px
    }

    .home_news_three .section-container {
        padding: 30px 20px
    }

    .home_news_three .main-content .list li {
        padding-top: 6%;
        width: 33.333%;
        margin-right: 0;
        border-right: 1px solid #c5c5c5
    }

    .home_news_three .main-content .list li .href a .line {
        display: none
    }

    .home_news_three .main-content .list li:nth-of-type(3n) {
        border: none
    }

    .home_news_three .main-content .list li .href span {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .home_news_three .main-content .list li .para {
        margin-bottom: 10px
    }

    .home_news_three .main-content .list li .href a {
        height: 60px;
        line-height: 60px
    }
}

@media screen and (max-width: 580px) {
    .home_news_three .main-content .list li {
        width:100%;
        margin-bottom: 20px
    }

    .home_news_three .main-content .list li {
        border: none
    }
}

.home_news_two .fl {
    float: left
}

.home_news_two .fr {
    float: right
}

.home_news_two img {
    max-width: 100%
}

.home_news_two ul,.home_news_two li {
    list-style: none;
    margin: 0;
    padding: 0
}

.home_news_two .section {
    position: relative
}

.home_news_two .section-container {
    padding: 50px 0
}

.home_news_two .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.home_news_two .main-title {
    position: relative;
    margin-bottom: 60px
}

.home_news_two .main-title .title {
    line-height: 1em;
    font-size: 24px;
    color: #2c508c
}

.home_news_two .main-title .title em {
    font-style: normal;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #2c508c;
    position: relative;
    top: 2px;
    margin-right: 2px
}

.home_news_two .main-title .subtitle {
    font-size: 18px;
    font-weight: 100;
    color: #9c9c9c
}

.home_news_two .main-title .href {
    position: absolute;
    right: 0;
    bottom: 5px
}

.home_news_two .main-title .href a {
    font-size: 14px;
    color: #2c508c;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.home_news_two .main-title .href a:hover {
    text-decoration: underline;
    font-weight: 700
}

.home_news_two .main-content ul li {
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    border: 1px solid #e5e5e5;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    padding: 20px 60px 15px;
    margin-bottom: 24px
}

.home_news_two .main-content ul li:last-of-type {
    margin-bottom: 0
}

.home_news_two .main-content ul li a {
    font-size: 36px;
    font-weight: 700;
    color: #2c508c
}

.home_news_two .main-content .date {
    font-size: 16px;
    font-weight: 700;
    color: #2c508c;
    float: left;
    width: 13%
}

.home_news_two .main-content .date .day {
    font-size: 36px;
    color: #2c508c;
    display: block;
    line-height: 1em
}

.home_news_two .main-content .img {
    float: left;
    width: 15%;
    overflow: hidden
}

.home_news_two .main-content .img img {
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s
}

.home_news_two .main-content .words {
    float: right;
    width: 66%;
    padding-right: 80px;
    position: relative
}

.home_news_two .main-content .words .title {
    margin-bottom: 17px;
    font-size: 20px;
    font-weight: 700;
    color: #3866b3
}

.home_news_two .main-content .words .para {
    color: #737373;
    line-height: 1.8em;
    font-size: 14px;
    font-weight: 100
}

.home_news_two .main-content .points {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1.5px
}

.home_news_two .main-content .points span {
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #999;
    margin: 0
}

.home_news_two .main-content ul li:hover {
    border: 3px solid #2c508c
}

.home_news_two .main-content li:hover .img img {
    transform: scale(1.1)
}

@media screen and (max-width: 1024px) {
    .home_news_two .main-content .date {
        width:11%
    }

    .home_news_two .main-content .img {
        width: 20%
    }

    .home_news_two .main-content .words {
        width: 65%;
        padding-right: 60px
    }
}

@media screen and (max-width: 960px) {
    .home_news_two .main-content ul li {
        padding:20px
    }

    .home_news_two .main-content .date {
        font-size: 14px;
        width: auto;
        margin-right: 20px
    }

    .home_news_two .main-content .date .day {
        font-size: 25px
    }
}

@media screen and (max-width: 720px) {
    .home_news_two .section-container {
        padding:40px 20px
    }

    .home_news_two .main-title {
        margin-bottom: 30px
    }

    .home_news_two .main-content .date,.home_news_two .main-content .img,.home_news_two .main-content .words {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }

    .home_news_two .main-content .words {
        margin-bottom: 0;
        padding-right: 0
    }

    .home_news_two .main-content .words .title {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 300
    }

    .home_news_two .points {
        display: none
    }

    .home_news_two .main-content ul {
        overflow: hidden
    }

    .home_news_two .main-content ul li {
        padding: 20px;
        float: left;
        width: 48%;
        margin-right: 4%
    }

    .home_news_two .main-content ul li:nth-of-type(2n) {
        margin-right: 0
    }

    .home_news_two .main-content ul li:hover {
        border: 1px solid #e5e5e5
    }
}

@media screen and (max-width: 480px) {
    .home_news_two .main-content ul li {
        padding:30px 20px;
        float: none;
        width: 100%;
        margin-right: 0
    }
}

.home_product_one .fl {
    float: left
}

.home_product_one .fr {
    float: right
}

.home_product_one img {
    max-width: 100%
}

.home_product_one .section {
    position: relative
}

.home_product_one .section-container {
    padding: 50px 0;
    width: 1200px;
    max-width: 100%
}

.home_product_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home_product_one .main-title {
    position: relative;
    text-align: center;
    font-weight: 700;
    margin-bottom: 60px;
    margin-top: 60px
}

.home_product_one .main-title .title {
    font-size: 38px;
    color: #2c508c;
    text-transform: uppercase;
    line-height: 1em
}

.home_product_one .main-title em {
    font-style: normal;
    font-size: 44px;
    color: #2c508c
}

.home_product_one .main-title .subtitle {
    font-size: 25px;
    text-transform: uppercase;
    color: #9c9c9c;
    margin-top: 10px
}

.home_product_one .main-content {
    padding: 75px 0
}

.home_product_one .main-content .section-container {
    padding: 0
}

.home_product_one .main-content p {
    color: rgba(255,255,255,0.5);
    text-align: center
}

.home_product_one .main-content p.p {
    margin: 0px auto 90px;
    width: 813px;
    line-height: 2em;
    max-width: 100%
}

.home_product_one .main-content {
    position: relative;
    width: 100%
}

.home_product_one .content-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.home_product_one .content-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home_product_one .main-content .title {
    height: 65px;
    line-height: 65px;
    color: rgba(255,255,255,0.5);
    font-size: 20px;
    border: 1px solid #5580c9;
    border-top: 0;
    text-align: center;
    background: transparent;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.home_product_one .multiple-items .slick-slide {
    cursor: pointer;
    margin: 0 20px
}

.home_product_one .slick-slide:hover .title {
    background: #2c508c;
    color: #fff
}

.home_product_one .slick-prev:before,.home_product_one .slick-next:before {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 14px
}

.home_product_one .slick-prev,.home_product_one .slick-next {
    border: 1px solid #000;
    position: absolute;
    bottom: -80px;
    top: auto;
    z-index: 2;
    background: #000;
    height: 26px;
    width: 26px;
    border-radius: 13px;
    text-align: center;
    line-height: 36px
}

.home_product_one .slick-prev {
    left: 47.5%
}

.home_product_one .slick-next {
    right: 47.5%
}

@media screen and (max-width: 720px) {
    .home_product_one .slick-prev,.home_product_one .slick-next {
        position:absolute;
        top: 50%;
        bottom: auto;
        margin-top: -10px
    }

    .home_product_one .slick-prev {
        left: 20px
    }

    .home_product_one .slick-next {
        right: 20px
    }

    .home_product_one .main-title {
        margin-top: 45px;
        margin-bottom: 30px
    }

    .home_product_one .p {
        padding: 0 20px
    }

    .home_product_one .main-content {
        padding: 40px 0
    }

    .home_product_one .main-content .title {
        font-size: 14px;
        height: 40px;
        line-height: 40px
    }
}

.home_product_third .section {
    position: relative
}

.home_product_third .section-container {
    max-width: 100%;
    width: 100%;
    padding: 50px 0;
    overflow: hidden
}

.home_product_third .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home_product_third .fr {
    float: right
}

.home_product_third .fl {
    float: left
}

.home_product_third .main-title {
    padding-left: 30px;
    text-transform: uppercase;
    width: 15%
}

.home_product_third .main-title .title {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.5em
}

.home_product_third .main-title .subtitle {
    font-size: 20px;
    color: #fff
}

.home_product_third .main-title .para {
    font-size: 14px;
    line-height: 2em;
    color: rgba(255,255,255,0.8);
    margin-top: 40px
}

.home_product_third .slider {
    width: 82%
}

.home_product_third .slick-next {
    right: auto;
    left: -15%
}

.home_product_third .slick-prev {
    left: -20%
}

.home_product_third .slick-next,.home_product_third .slick-prev {
    top: auto;
    margin-top: 0;
    bottom: 20px;
    border: 1px solid #fff;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%
}

.home_product_third .slick-prev:before,.home_product_third .slick-next:before {
    font-size: 17px;
    line-height: 30px
}

.home_product_third .words {
    padding: 35px;
    background: transparent;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s
}

.home_product_third .words .title {
    position: relative;
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px
}

.home_product_third .words .subtitle {
    color: rgba(255,255,255,0.7);
    font-size: 14px
}

.home_product_third .slider .slick-slide {
    cursor: pointer
}

.home_product_third .slider .slick-slide .words .title:after {
    position: absolute;
    content: '→';
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    top: 20px;
    right: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s
}

.home_product_third .slider .slick-slide:hover .words {
    background: #2f2f2f
}

.home_product_third .slider .slick-slide:hover .words .title:after {
    filter: alpha(opacity=100);
    opacity: 1
}

.home_product_third .slider .slick-slide:hover .padding-wrapper {
    border: 0
}

.home_product_third .slider .slick-slide .padding {
    padding: 3%
}

.home_product_third .slider .slick-slide .padding-wrapper {
    border: 1px solid rgba(255,255,255,0.2)
}

.home_product_third img {
    max-width: 100%
}

@media screen and (max-width: 1560px) {
    .home_product_third .main-title .title {
        font-size:30px
    }

    .home_product_third .main-title .para {
        max-height: 105px;
        overflow: hidden
    }
}

@media screen and (max-width: 1024px) {
    .home_product_third .main-title {
        width:100%;
        margin-bottom: 40px
    }

    .home_product_third .slider {
        width: 100%
    }
}

@media screen and (max-width: 720px) {
    .home_product_third .section-container {
        padding:30px 20px
    }

    .home_product_third .main-title {
        margin-bottom: 30px
    }

    .home_product_third .main-title .title {
        font-size: 30px
    }

    .home_product_third .main-title .subtitle {
        font-size: 17px
    }
}

.home_product_three img {
    max-width: 100%
}

.home_product_three ul,.home_product_three li {
    padding: 0;
    margin: 0;
    list-style: none
}

.home_product_three .section {
    position: relative
}

.home_product_three .section-container {
    padding: 50px 0;
    width: 1200px;
    max-width: 100%
}

.home_product_three .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.home_product_three .main-title {
    margin-bottom: 60px;
    position: relative
}

.home_product_three .main-title .title {
    color: #2c508c;
    font-size: 24px;
    line-height: 1em
}

.home_product_three .main-title .line {
    display: block;
    margin: 8px 0;
    width: 96px;
    height: 1px;
    background: #737373
}

.home_product_three .main-title .subtitle {
    color: #9c9c9c;
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 100
}

.home_product_three .main-title .href {
    position: absolute;
    right: 0;
    bottom: 0
}

.home_product_three .main-title .href a {
    color: #2c508c;
    font-size: 14px
}

.home_product_three .main-title .href a:hover {
    text-decoration: underline
}

.home_product_three .main-content {
    margin-top: -20px
}

.home_product_three .main-content ul {
    overflow: hidden;
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px
}

.home_product_three .main-content ul li {
    position: relative;
    float: left;
    width: 33.3333%;
    margin: 0
}

.home_product_three .main-content ul li a {
    display: block;
    width: 100%;
    height: 100%
}

.home_product_three .main-content ul li .img {
    overflow: hidden
}

.home_product_three .main-content ul li img {
    width: 100%;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s
}

.home_product_three .main-content ul li .mask {
    transform: scale(1);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,0);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s
}

.home_product_three .main-content ul li .words {
    text-align: center;
    position: absolute;
    height: 44px;
    top: 50%;
    margin-top: -22px;
    left: 0;
    right: 0
}

.home_product_three .main-content ul li .title {
    color: #2c508c;
    font-size: 18px;
    padding: 0 10px;
    line-height: 1em;
    margin-bottom: 5px;
    position: relative;
    top: -20px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    opacity: 0
}

.home_product_three .main-content ul li .subtitle {
    color: #737373;
    font-size: 13px;
    line-height: 1em;
    position: relative;
    top: 20px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    opacity: 0
}

.home_product_three .main-content ul li:hover img {
    transform: scale(1)
}

.home_product_three .main-content ul li:hover .words .title {
    top: 0;
    opacity: 1
}

.home_product_three .main-content ul li:hover .words .subtitle {
    top: 0;
    opacity: 1
}

.home_product_three .main-content ul li:hover .mask {
    background: rgba(255,255,255,0.7);
    transform: scale(1.1)
}

@media screen and (max-width: 720px) {
    .home_product_three .section-container {
        padding:40px 20px
    }

    .home_product_three .main-title {
        margin-bottom: 30px
    }

    .home_product_three .main-content ul li .title {
        font-size: 16px
    }

    .home_product_three .main-content ul li .subtitle {
        font-size: 12px
    }
}

@media screen and (max-width: 580px) {
    .home_product_three .main-content ul li {
        width:50%;
        margin: 5px auto
    }
}

@media screen and (max-width: 360px) {
    .home_product_three .main-content ul li {
        float:none;
        width: 90%;
        margin: 10px auto
    }
}

.inner-banner-gqf .full {
    width: 100%
}

.inner-banner-gqf .inner {
    padding: 2em 0
}

.inner-banner-gqf #primary {
    width: 100%
}

.inner-banner-gqf #primary.have-sidebar {
    width: 71%
}

.inner-banner-gqf #primary.fr {
    padding-left: 5%
}

.inner-banner-gqf #primary.fl {
    padding-right: 5%
}

.inner-banner-gqf #secondary {
    width: 29%
}

.inner-banner-gqf .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.inner-banner-gqf img {
    max-width: 100%
}

.inner-banner-gqf ul,.inner-banner-gqf ol,.inner-banner-gqf li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .inner-banner-gqf .wrapper {
        padding:0 20px
    }

    .inner-banner-gqf .header-menu .wrapper {
        padding: 0px
    }
}

.inner-banner-gqf .fl {
    float: left
}

.inner-banner-gqf .fr {
    float: right
}

.inner-banner-gqf .show {
    display: block
}

.inner-banner-gqf .hide {
    display: none
}

.inner-banner-gqf .clearfix {
    clear: both;
    zoom:1}

.inner-banner-gqf .section {
    position: relative
}

.inner-banner-gqf .section .section-container {
    padding: 0;
    text-align: center
}

.inner-banner-gqf .section .com_top_nav {
    display: inline-block;
    vertical-align: middle
}

.inner-banner-gqf .section .com_top_nav .c_t_n_lt b {
    font-size: 36px;
    line-height: 36px;
    color: #fff;
    text-transform: uppercase
}

.inner-banner-gqf .section .com_top_nav .c_t_n_rt {
    color: #fff;
    margin-top: 8px
}

.inner-banner-gqf .section .com_top_nav .c_t_n_rt a.home {
    text-decoration: underline
}

.inner-banner-gqf .section .com_top_nav .c_t_n_rt a {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase
}

.inner-banner-gqf .section .com_top_nav .c_t_n_rt span {
    margin: 0 10px;
    text-transform: uppercase
}

.inner-banner-gqf .section em {
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 720px) {
    .inner-banner-gqf .section em {
        max-height:260px !important
    }
}

.inner-banner-gqf .section .section-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat
}

.inner-banner-gqf .section .mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.2);
    z-index: -1
}

.inner-banner-ss .full {
    width: 100%
}

.inner-banner-ss .inner {
    padding: 2em 0
}

.inner-banner-ss #primary {
    width: 100%
}

.inner-banner-ss #primary.have-sidebar {
    width: 71%
}

.inner-banner-ss #primary.fr {
    padding-left: 5%
}

.inner-banner-ss #primary.fl {
    padding-right: 5%
}

.inner-banner-ss #secondary {
    width: 29%
}

.inner-banner-ss .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.inner-banner-ss img {
    max-width: 100%
}

.inner-banner-ss ul,.inner-banner-ss ol,.inner-banner-ss li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .inner-banner-ss .wrapper {
        padding:0 20px
    }

    .inner-banner-ss .header-menu .wrapper {
        padding: 0px
    }
}

.inner-banner-ss .fl {
    float: left
}

.inner-banner-ss .fr {
    float: right
}

.inner-banner-ss .show {
    display: block
}

.inner-banner-ss .hide {
    display: none
}

.inner-banner-ss .clearfix {
    clear: both;
    zoom:1}

.inner-banner-ss .section {
    position: relative;
    width: 100%;
    overflow: hidden
}

.inner-banner-ss .section .section-container {
    max-width: 100%;
    padding: 0
}

.inner-banner-ss .section .section-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center center
}

@media screen and (max-width: 720px) {
    .inner-banner-ss .section {
        height:150px
    }

    .inner-banner-ss .section .section-bg {
        height: 150px;
        top: 0;
        bottom: auto
    }
}

.leakeyAutoPush #leakeyAutoPush {
    padding: 20px;
    text-align: center;
    color: #fff;
    background: #333
}

.leakeyBanner-loading .focus {
    display: none
}

.leakeyBanner-loading .focus {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.leakeyBanner-loading .focus .hd {
    width: 100%;
    height: 11px;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    text-align: center
}

.leakeyBanner-loading .focus .hd ul {
    display: inline-block;
    height: 10px;
    padding: 3px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0;
    vertical-align: top
}

.leakeyBanner-loading .focus .hd ul li {
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #8c8c8c;
    margin: 0 5px;
    vertical-align: top;
    overflow: hidden
}

.leakeyBanner-loading .focus .hd ul .on {
    background: #2c508c;
    width: 10px
}

.leakeyBanner-loading .focus .bd {
    position: relative;
    z-index: 0
}

.leakeyBanner-loading .focus .bd li {
    position: relative;
    display: none
}

.leakeyBanner-loading .focus .bd li strong {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 50%;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 1.8em
}

.leakeyBanner-loading .focus .bd li p {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 45%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 1.8em
}

.leakeyBanner-loading .focus .bd li img {
    max-width: 100%
}

.leakeyBanner-loading .focus .bd li a {
    -webkit-tap-highlight-color: transparent
}

.leakeyBanner-loading .spinner>div {
    background-color: #2c508c
}

.leakeyBanner-loading .leakeybanner ul li.active {
    background-color: #2c508c
}

.leakeyBanner-loading .leakeybanner ul.slideBtnBox li.active {
    background-color: #2c508c
}

.leakeyBanner-loading .leakeybanner ul.number li.active,.leakeyBanner-loading .leakeybanner ul.number2 li.active {
    background: none
}

.leakeyBanner-loading .leakeybanner ul.number li:hover {
    color: #2c508c
}

.leakeyBanner-loading .leakeybanner ul.number li.active,.leakeyBanner-loading .leakeybanner ul.number2 li.active {
    color: #2c508c
}

.leakeyBanner-loading .leakeybanner ul.number li.active:before,.leakeyBanner-loading .leakeybanner ul.number li.active:after {
    background-color: #2c508c
}

.leakeyBanner-loading .leakeyBanner_left:hover,.leakeyBanner-loading .leakeyBanner_right:hover {
    background-color: #2c508c
}

@media screen and (max-width: 1400px) {
    .leakeyBanner-loading .leakeyBannerTxtBox {
        width:70%
    }
}

@media screen and (max-width: 900px) {
    .leakeyBanner-loading .leakeyBannerTxtBox {
        top:15%
    }
}

@media screen and (max-width: 720px) {
    .leakeyBanner-loading .leakeyBanner {
        display:none
    }

    .leakeyBanner-loading .section>div:nth-of-type(1) {
        display: none
    }

    .leakeyBanner-loading .focus {
        display: block
    }
}

.leakeyCNRedirect #leakeyTxtTip {
    padding: 20px;
    text-align: center;
    color: #fff;
    background: #333
}

.leakeyFloatBar #sharesBar {
    margin: 0;
    padding: 0
}

.leakeyFloatBarV2 #sharesBar {
    margin: 0;
    padding: 0
}

.leakeyFullPage .leakeyFP {
    display: none
}

.leakeyHeaderSection .leakeyHeader {
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    position: relative;
    z-index: 60;
    width: 100%;
    position: fixed; top: 0;
}

.leakeyHeaderSection .leakeyHeader_body {
    max-width: 1200px;
    margin: auto;
    padding: 0px 20px;
    height: 100%;
    position: relative;
    z-index: inherit
}

.leakeyHeaderSection .leakeyHeader .nav {
    float: right
}

.leakeyHeaderSection .leakeyHeader .nav li {
    list-style-type: none;
    position: relative;
    z-index: 10
}

.leakeyHeaderSection .leakeyHeader .nav ul {
    padding: 0;
    margin: 0
}

.leakeyHeaderSection .leakeyHeader .nav>ul {
    float: right
}

.leakeyHeaderSection .leakeyHeader .nav>ul>li {
    float: left
}

.leakeyHeaderSection .leakeyHeader .nav a {
    padding: 0 25px;
    color: #999;
    line-height: 80px;
    display: block;
    -moz-transition: line-height 0.4s ease;
    transition: line-height 0.4s ease;
    -webkit-transition: line-height 0.4s ease
}

.leakeyHeaderSection .leakeyHeader .nav li ul {
    visibility: hidden
}

.leakeyHeaderSection .leakeyHeader_container {
    height: 80px;
    position: relative;
    z-index: inherit;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease
}

.leakeyHeaderSection .leakeyHeader .logo {
    float: left;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    display: block;
    line-height: 0
}

.leakeyHeaderSection .leakeyHeader .logo h1 {
    line-height: 0
}

.leakeyHeaderSection .leakeyHeader .logo img {
    max-height: 60px;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease
}

.leakeyHeaderSection .leakeyHeader .selected a {
    color: #2c508c
}

.leakeyHeaderSection .leakeyHeader_container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    z-index: 0;
    background: none
}

.leakeyHeaderSection .leakeyHeader .nav>ul>li:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    background: #2c508c;
    left: 50%;
    width: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transition: all 0.6s cubic-bezier(0.075,0.82,0.165,1);
    transition: all 0.6s cubic-bezier(0.075,0.82,0.165,1);
    -webkit-transition: all 0.6s cubic-bezier(0.075,0.82,0.165,1)
}

.leakeyHeaderSection .leakeyHeader .nav>ul>li.selected:after,.leakeyHeaderSection .leakeyHeader .nav>ul>li.active:after {
    width: 100%
}

.leakeyHeaderSection .leakeyHeader .nav>ul>li:hover:after {
    width: 100%
}

.leakeyHeaderSection .leakeyHeader .nav>ul>li:hover>a {
    color: #2c508c
}

.leakeyHeaderSection .leakeyHeader .nav>ul>li ul {
    position: absolute;
    border-top: 2px solid #2c508c;
    top: 100%;
    background: #fff;
    margin-top: -2px;
    opacity: 0;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out
}

.leakeyHeaderSection .leakeyHeader .nav>ul>li:hover>ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.leakeyHeaderSection .leakeyHeader .nav>ul>li ul a {
    line-height: 30px;
    white-space: nowrap
}

.leakeyHeaderSection .leakeyHeader .nav>ul>li ul li {
    display: block
}

.leakeyHeaderSection .leakeyHeader .nav>ul ul li:hover>ul {
    visibility: visible;
    opacity: 1
}

.leakeyHeaderSection .leakeyHeader .nav>ul ul li ul {
    left: 100%;
    background: #fff;
    top: 0
}

.leakeyHeaderSection .leakeyHeader .nav>ul ul ul li {
    -webkit-box-shadow: 2px 0px 0px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 2px 0px 0px rgba(0,0,0,0.1) inset;
    box-shadow: 2px 0px 0px rgba(0,0,0,0.1) inset
}

.leakeyHeaderSection .leakeyHeader .nav>ul>li li:hover {
    background: #2c508c
}

.leakeyHeaderSection .leakeyHeader .nav>ul>li li:hover>a {
    color: #fff
}

.leakeyHeaderSection .leakeyHeader .nav>ul>li>ul {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    /* -webkit-transition:-webkit-transform 0.6s cubic-bezier(0.075,0.82,0.165,1); */
    /* transition:-webkit-transform 0.6s cubic-bezier(0.075,0.82,0.165,1); */
/*     -moz-transition: transform 0.6s cubic-bezier(0.075,0.82,0.165,1),-moz-transform 0.6s cubic-bezier(0.075,0.82,0.165,1); */
    /* transition:transform 0.6s cubic-bezier(0.075,0.82,0.165,1); */
    /* transition:transform 0.6s cubic-bezier(0.075,0.82,0.165,1),-webkit-transform 0.6s cubic-bezier(0.075,0.82,0.165,1),-moz-transform 0.6s cubic-bezier(0.075,0.82,0.165,1); */
    /* -webkit-transform-origin:top; */
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

.leakeyHeaderSection .leakeyHeader .nav.navStyle2 li {
    position: static
}

.leakeyHeaderSection .leakeyHeader .nav.navStyle2>ul>li ul {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 100%;
    max-width: 1160px;
    border-top: 0;
    margin-top: 0;
    background: rgba(0,0,0,0.2)
}

.leakeyHeaderSection .leakeyHeader .nav.navStyle2>ul>li li {
    float: left;
    padding: 5px 20px
}

.leakeyHeaderSection .leakeyHeader .nav.navStyle2>ul ul li ul {
    left: 50%;
    top: 100%;
    margin-top: 2px
}

.leakeyHeaderSection .leakeyHeader .nav.navStyle2>ul ul ul li {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.leakeyHeaderSection .leakeyHeader .nav.navStyle2>ul>li:after {
    display: none
}

.leakeyHeaderSection .leakeyHeader .sousuoBtn {
    float: right;
    color: #999;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    border-left: 1px solid #999;
    padding: 0px 0px 0px 20px;
    line-height: 17px;
    margin-top: 32px
}

.leakeyHeaderSection .leakeyHeader .sousuoBtn:hover {
    color: #2c508c
}

.leakeyHeaderSection .sousuoInput {
    position: absolute;
    top: 80px;
    z-index: 0;
    opacity: 0;
    display: none;
    width: 284px;
    height: 35px;
    overflow: hidden;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease
}

.leakeyHeaderSection .sousuoInput.sousuoShow {
    top: 90px;
    z-index: 9;
    opacity: 1
}

.leakeyHeaderSection .sousuoBox {
    border: 2px solid rgba(255,255,255,0.1);
    float: left;
    height: 100%
}

.leakeyHeaderSection .sousuoInput input {
    border: 1px solid #eee;
    width: 200px;
    float: left;
    height: 100%;
    line-height: 31px;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 0;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease
}

.leakeyHeaderSection .sousuoInput input:focus {
    outline: none
}

.leakeyHeaderSection .sousuoInput.inputFocus {
    width: 400px;
    -moz-transform: translateX(-116px);
    -ms-transform: translateX(-116px);
    transform: translateX(-116px);
    -webkit-transform: translateX(-116px)
}

.leakeyHeaderSection .sousuoInput.inputFocus input {
    width: 300px
}

.leakeyHeaderSection .sousuoInput a {
    color: #fff;
    background: #666;
    display: block;
    float: left;
    height: 100%;
    width: 50px;
    line-height: 31px;
    text-align: center;
    cursor: pointer;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease
}

.leakeyHeaderSection .sousuoInput a:hover {
    background: #2c508c
}

.leakeyHeaderSection .sousuoInput span {
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #fff;
    color: #666;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    margin-left: 10px;
    margin-top: 8px;
    cursor: pointer;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease
}

.leakeyHeaderSection .sousuoInput span:hover {
    background: #2c508c;
    color: #fff;
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg)
}

.leakeyHeaderSection .leakeyHeader_container .headerContactBox {
    float: right;
    margin-top: 24px;
    margin-left: 30px;
    border-right: 1px solid #cfcfcf;
    padding-right: 30px
}

.leakeyHeaderSection .leakeyHeader_container .headerContactBox:hover span {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg)
}

.leakeyHeaderSection .leakeyHeader_container .headerContactBox span {
    font-size: 24px;
    height: 40px;
    width: 40px;
    float: left;
    margin-right: 10px;
    line-height: 40px;
    border: 1px solid #333;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition: all 0.5s
}

.leakeyHeaderSection .leakeyHeader_container .headerContactBox p {
    display: block;
    text-align: left
}

.leakeyHeaderSection .headerContactBox p:last-child {
    font-weight: 600
}

.leakeyHeaderSection .leakeyHeader_container .headerContactBox div {
    float: left;
    margin-top: -3px
}

.leakeyHeaderSection .leakeyHeader_container .languageBox {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 22px;
    margin-left: 30px
}

.leakeyHeaderSection .leakeyHeader_container .languageBox img {
    height: 11px;
    margin-right: 10px
}

.leakeyHeaderSection .leakeyHeader_container .languageBox a:link,.leakeyHeaderSection .languageBox a:visited {
    color: #666
}

.leakeyHeaderSection .leakeyHeader_container .languageBox a:hover {
    color: #2c508c
}

.leakeyHeaderSection .leakeyHeaderTop_container {
    background: #fff;
    color: #666;
    overflow: hidden;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    max-height: 100px
}

.leakeyHeaderSection .leakeyHeaderTop_container.leakeyheaderTop_hide {
    max-height: 0
}

.leakeyHeaderSection .leakeyHeader_top {
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    padding: 5px 20px
}

.leakeyHeaderSection .leakeyHeader_top_text_left {
    float: left
}

.leakeyHeaderSection .leakeyHeader_top_text_right {
    float: right
}

.leakeyHeaderSection .languageBox {
    float: right;
    margin-left: 40px
}

.leakeyHeaderSection .languageBox div {
    float: left
}

.leakeyHeaderSection .languageBox ul {
    float: left;
    margin: 0;
    padding: 0
}

.leakeyHeaderSection .languageBox ul li {
    float: left;
    list-style-type: none;
    padding-left: 15px
}

.leakeyHeaderSection .languageBox ul li a {
    color: #666
}

.leakeyHeaderSection .languageBox ul li a:hover {
    color: #2c508c
}

.leakeyHeaderSection .languageBox ul li a img {
    max-height: 12px
}

.leakeyHeaderSection .leakeyHeader .leakeyHeaderTop_container .sousuoBtn {
    margin-top: 3px;
    font-size: 14px;
    line-height: 14px;
    padding-left: 10px;
    margin-left: 10px
}

.leakeyHeaderSection .leakeyHeaderBottom_container {
    height: 50px;
    position: relative
}

.leakeyHeaderSection .leakeyHeaderBottom_container ul {
    margin: 0;
    padding: 0
}

.leakeyHeaderSection .leakeyHeaderBottom_container ul li {
    list-style-type: none
}

.leakeyHeaderSection .leakeyHeader .leakeyHeaderBottom_container .nav {
    float: none;
    margin: auto;
    max-width: 1200px;
    height: 100%;
    padding: 0px 20px
}

.leakeyHeaderSection .leakeyHeader .leakeyHeaderBottom_container .nav>ul {
    float: none;
    float: left
}

.leakeyHeaderSection .leakeyHeader .leakeyHeaderBottom_container .nav a {
    line-height: 50px
}

.leakeyHeaderSection .leakeyHeader .leakeyHeaderBottom_container .nav>ul>li:hover:after {
    display: none
}

.leakeyHeaderSection .leakeyHeader .leakeyHeaderBottom_container .nav>ul>li ul a {
    line-height: 30px
}

.leakeyHeaderSection .leakeyHeader .leakeyHeaderBottom_container .nav>ul>li.selected:after {
    display: none
}

.leakeyHeaderSection .leakeyHeaderBottom_container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    z-index: 0;
    background: none
}

.leakeyHeaderSection .leakeyHeader .leakeyHeaderBottom_container .sousuoBtn {
    margin-top: 16px;
    border-left: 0;
    position: relative;
    z-index: 10
}

.leakeyHeaderSection .leakeyHeader .leakeyHeaderBottom_container .nav>ul>li.selected {
    background: #2c508c
}

.leakeyHeaderSection .leakeyHeader .leakeyHeaderBottom_container .nav>ul>li.selected a.selected {
    color: #fff
}

.leakeyHeaderSection #mobile-nav {
    float: right;
    display: none;
    margin-top: 30px;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease
}

.leakeyHeaderSection #mobile-nav .bar {
    display: block;
    width: 30px;
    height: 4px;
    background-color: #8c8c8c;
    margin-bottom: 6px
}

.leakeyHeaderSection #site-navigation-mobile {
    display: none
}

@media screen and (max-width: 1200px) {
    .leakeyHeaderSection .sousuoBtn,.leakeyHeaderSection .nav,.leakeyHeaderSection .sousuoInput,.leakeyHeaderSection .leakeyHeader_container .languageBox,.leakeyHeaderSection .leakeyHeader_container .headerContactBox {
        display:none
    }

    .leakeyHeaderSection #mobile-nav {
        display: block
    }

    .leakeyHeaderSection .leakeyHeaderBottom_container {
        display: none
    }
}

.leakeyHeaderSection .leakeyHeader.mini {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99
}

.leakeyHeaderSection .leakeyHeader.mini .leakeyHeader_container {
    height: 66px
}

.leakeyHeaderSection .leakeyHeader.mini .leakeyHeader_body .nav a {
    line-height: 66px
}

.leakeyHeaderSection .leakeyHeader.mini .logo img {
    max-height: 34px
}

.leakeyHeaderSection .leakeyHeader.mini .leakeyHeader_body .nav>ul>li ul a {
    line-height: 30px
}

.leakeyHeaderSection .leakeyHeader.mini .sousuoBtn {
    margin-top: 25px
}

.leakeyHeaderSection .leakeyHeader.mini #mobile-nav {
    margin-top: 22px
}

.leakeyHeaderSection .leakeyHeader_body.tcCh .nav li {
    position: static
}

.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul>li ul {
    position: absolute;
    display: block;
    left: 0;
    top: 100%;
    width: 100%;
    background: #333
}

.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul>li ul li {
    display: inline-block;
    position: relative
}

.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul>li ul a {
    line-height: 60px;
    color: #fff;
    opacity: 0.7
}

.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul ul li ul {
    left: 0;
    top: 100%;
    width: auto;
    background: #333
}

.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul ul li ul a {
    line-height: 40px
}

.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul>li ul ul li {
    width: 100%
}

.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul>li.selected:after,.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul>li.active:after,.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul>li:hover:after {
    display: none
}

.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul>li ul {
    border: 0
}

.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul>li ul {
    margin-top: 0
}

.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul ul ul li {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul>li.selected>a,.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul>li.active>a {
    color: #2c508c
}

.leakeyHeaderSection .leakeyHeader_body.tcCh,.leakeyHeaderSection .leakeyHeader_top.tcCh {
    max-width: 100%;
    padding: 0 50px
}

.leakeyHeaderSection .leakeyHeader_body.tcCh .nav>ul ul li ul ul {
    left: 100%;
    top: 0
}

.leakeyImgLIst img {
    max-width: 100%
}

.leakeyImgLIst .section {
    background-color: #fff
}

.leakeyImgLIst .section .section-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.leakeyImgLIst .section .main-tit {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px
}

.leakeyImgLIst .section .main-tit h2 {
    font-weight: 300;
    font-size: 30px;
    color: #2c508c;
    margin: 0px auto;
    max-width: 458px;
    text-transform: uppercase
}

.leakeyImgLIst .section .main-tit p {
    font-size: 16px;
    color: #9c9c9c;
    line-height: 2em;
    margin: 20px auto
}

.leakeyImgLIst .imgList-container,.leakeyImgLIst .imgList-container .img {
    position: relative;
    cursor: pointer;
    z-index: 0;
    text-align: center;
    line-height: 0
}

.leakeyImgLIst .imgList-container .img .info {
    padding: 0 40px;
    line-height: 30px;
    background-color: #2c508c;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    position: absolute;
    bottom: 60px;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.3s
}

.leakeyImgLIst .section .main-tit h2 {
    font-size: 28px;
    line-height: 1
}

.leakeyImgLIst .section .main-tit p {
    font-size: 15px;
    line-height: 0em
}

.leakeyImgLIst .section .main-tit h2 {
    display: inline-block;
    padding-bottom: 10px
}

.leakeyImgLIst .leakeyImgLIst-pro .section .main-tit h2 {
    display: block
}

.leakeyImgLIst .section .main-tit {
    text-align: left;
    padding: 0;
    width: 90%;
    margin: auto;
    padding-bottom: 50px
}

.leakeyImgLIst .section .main-tit p {
    margin: 0;
    line-height: 14px
}

.leakeyImgLIst .leakeyImgLIst-pro {
    margin-top: 100px
}

.leakeyImgLIst .leakeyImgLIst-pro .section .main-tit {
    text-align: center
}

.leakeyImgLIst .leakeyImgLIst-pro .section .main-tit p {
    margin: auto;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    width: 100%
}

.leakeyImgLIst .proTypeBtn {
    float: right;
    color: #9c9c9c;
    margin-top: -14px
}

.leakeyImgLIst .proTypeBtn a {
    padding: 0px 20px;
    border-right: 1px solid #eee
}

.leakeyImgLIst .imgList-wrapper {
    width: 90%;
    margin: auto;
    display: block;
    overflow: hidden
}

.leakeyImgLIst .imgList-container .imgList-imgBox img {
    width: 100%;
    transition: all 0.6s;
    filter: grayscale(0.56)
}

.leakeyImgLIst .imgList-container .img {
    overflow: hidden;
    height: 100%
}

.leakeyImgLIst .imgList-container .img .info {
    height: 120px;
    line-height: 110px;
    width: 90%;
    left: 5%;
    background: #fff;
    color: #333;
    bottom: -120px;
    opacity: 1
}

.leakeyImgLIst .imgList-container .img .info:before {
    content: " ";
    height: 60px;
    width: 4px;
    background: #555;
    display: block;
    position: absolute;
    bottom: -50px;
    left: 30px;
    transition: inherit;
    transition-delay: 0.2s;
    opacity: 0
}

.leakeyImgLIst .imgList-container .img .info span {
    font-size: 100px;
    font-weight: 400;
    position: absolute;
    right: 20px;
    bottom: -120px;
    opacity: 0;
    font-family: "HeliosExtThin";
    transition: inherit;
    transition-delay: 0.1s
}

.leakeyImgLIst .imgList-container .imgList-imgBox:hover img {
    transform: scale(1.1);
    filter: grayscale(0)
}

.leakeyImgLIst .imgList-container .imgList-imgBox:hover .img .info {
    bottom: 40px
}

.leakeyImgLIst .imgList-container .imgList-imgBox:hover .img .info span {
    bottom: 5px;
    opacity: 0.1
}

.leakeyImgLIst .imgList-container .imgList-imgBox:hover .img .info:before {
    bottom: -20px;
    opacity: 1
}

.leakeyImgLIst .imgList-container .img .info em {
    display: block;
    position: absolute;
    bottom: 35px;
    line-height: 20px;
    font-size: 12px;
    opacity: 0.6;
    font-style: normal;
    left: 0;
    text-align: center;
    width: 100%
}

.leakeyImgLIst .imgList-imgBox {
    box-sizing: content-box;
    width: 24.25%;
    display: block;
    padding-right: 1%;
    padding-bottom: 20px;
    float: left;
    overflow: hidden
}

.leakeyImgLIst .imgList-imgBox:nth-of-type(4) {
    padding-right: 0
}

.leakeyImgLIst .imgList-imgBox:nth-of-type(5) {
    width: 49.5%
}

.leakeyImgLIst .imgList-imgBox:nth-of-type(7),.leakeyImgLIst .imgList-imgBox:nth-of-type(9) {
    padding-right: 0
}

.leakeyImgLIst .imgList-imgBox-p:nth-of-type(4),.leakeyImgLIst .imgList-imgBox-p:nth-of-type(8) {
    padding-right: 0
}

.leakeyImgLIst .imgList-imgBox-p:nth-of-type(5) {
    width: 24.25%
}

.leakeyImgLIst .imgList-imgBox-p:nth-of-type(7),.leakeyImgLIst .imgList-imgBox-p:nth-of-type(9) {
    padding-right: 1%
}

.leakeyImgLIst .section .main-tit-p {
    text-align: center
}

.leakeyImgLIst .section .main-tit-p p {
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px
}

.leakeyImgLIst .main-tit-p .proTypeBtn {
    color: #9c9c9c;
    padding-top: 60px;
    float: none
}

.leakeyImgLIst .main-tit-p .proTypeBtn a {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    display: inline-block;
    transition: all 0.3s;
    border: 0
}

.leakeyImgLIst .main-tit-p .proTypeBtn a:hover {
    color: #fff;
    background: #333
}

.leakeyImgLIst .main-tit-p .btnCur {
    background: #333;
    color: #fff
}

@media screen and (max-width: 1200px) {
    .leakeyImgLIst .imgList-container .imgList-imgBox:hover .img .info {
        bottom:10px
    }
}

@media screen and (max-width: 720px) {
    .leakeyImgLIst .imgList-imgBox {
        width:32%;
        padding-right: 2%;
        padding-bottom: 10px
    }

    .leakeyImgLIst .imgList-imgBox:nth-of-type(4) {
        padding-right: 2%;
        width: 66%
    }

    .leakeyImgLIst .imgList-imgBox:nth-of-type(3) {
        padding-right: 0
    }

    .leakeyImgLIst .imgList-imgBox:nth-of-type(5) {
        width: 32%;
        padding-right: 0
    }

    .leakeyImgLIst .imgList-imgBox:nth-of-type(6) {
        padding-right: 0
    }

    .leakeyImgLIst .imgList-imgBox:nth-of-type(7) {
        padding-right: 2%
    }

    .leakeyImgLIst .imgList-imgBox-p:nth-of-type(4) {
        width: 32%
    }

    .leakeyImgLIst .imgList-imgBox-p:nth-of-type(5) {
        width: 32%;
        padding-right: 2%
    }

    .leakeyImgLIst .imgList-imgBox-p:nth-of-type(3n) {
        padding-right: 0
    }

    .leakeyImgLIst .imgList-imgBox-p:nth-of-type(7),.leakeyImgLIst .imgList-imgBox-p:nth-of-type(8) {
        padding-right: 2%
    }

    .leakeyImgLIst .imgList-wrapper {
        width: 96%
    }

    .leakeyImgLIst .section .main-tit {
        width: 96%
    }

    .leakeyImgLIst .section .main-tit p {
        float: right;
        margin-top: 10px
    }

    .leakeyImgLIst .proTypeBtn {
        margin-top: 7px;
        float: none
    }

    .leakeyImgLIst .proTypeBtn a:first-child {
        border-left: 1px solid #eee
    }

    .leakeyImgLIst .main-tit-p .proTypeBtn a:first-child {
        border-left: 0
    }

    .leakeyImgLIst .section .main-tit {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 480px) {
    .leakeyImgLIst .imgList-imgBox {
        width:49%;
        padding-right: 2%
    }

    .leakeyImgLIst .imgList-imgBox:nth-of-type(2) {
        padding-right: 0
    }

    .leakeyImgLIst .imgList-imgBox:nth-of-type(4) {
        padding-right: 2%;
        width: 49%
    }

    .leakeyImgLIst .imgList-imgBox:nth-of-type(3n) {
        padding-right: 0%;
        width: 100%
    }

    .leakeyImgLIst .imgList-imgBox:nth-of-type(5) {
        width: 49%;
        padding-right: 0
    }

    .leakeyImgLIst .imgList-imgBox:nth-of-type(7) {
        padding-right: 2%
    }

    .leakeyImgLIst .imgList-imgBox:nth-of-type(8) {
        padding-right: 0
    }

    .leakeyImgLIst .imgList-imgBox-p:nth-of-type(2n) {
        padding-right: 0
    }

    .leakeyImgLIst .imgList-imgBox-p:nth-of-type(2) {
        width: 49%
    }

    .leakeyImgLIst .imgList-imgBox-p:nth-of-type(3) {
        padding-right: 2%;
        width: 49%
    }

    .leakeyImgLIst .imgList-imgBox-p:nth-of-type(5) {
        padding-right: 2%
    }

    .leakeyImgLIst .imgList-imgBox-p:nth-of-type(6) {
        width: 49%;
        padding-right: 0
    }

    .leakeyImgLIst .imgList-imgBox-p:nth-of-type(9) {
        padding-right: 2%;
        width: 49%
    }
}

.leakeyMarqueen .section {
    position: relative
}

.leakeyMarqueen .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.leakeyMarqueen .section-container {
    max-width: 1200px;
    padding: 50px 0
}

.leakeyMarqueen .section .main-tit {
    margin: 30px auto;
    text-align: center
}

.leakeyMarqueen .section .main-tit h2 {
    position: relative;
    font-size: 30px;
    color: #2c508c;
    font-weight: bold;
    line-height: 60px;
    height: 60px;
    display: inline-block;
    text-transform: uppercase
}

.leakeyMarqueen .logoAutoPlay {
    padding-bottom: 30px
}

.leakeyMarqueen .logoAutoPlay .logoListBox {
    max-width: 100%;
    width: 100%;
    margin: auto;
    overflow: hidden;
    position: relative
}

.leakeyMarqueen .logoAutoPlay .logoListBox ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0
}

.leakeyMarqueen .logoAutoPlay .logoListBox li {
    float: left;
    border: 0;
    padding: 0 30px;
    line-height: 0;
    font-size: 0;
    margin: 0px;
    box-sizing: content-box;
    text-align: center
}

.leakeyMarqueen .logoAutoPlay {
    position: relative
}

.leakeyMarqueen .home-scrollLeft-plus {
    background: #eee
}

.leakeyMarqueen .myUlBox {
    position: relative;
    height: 150px
}

.leakeyWebTranslate #leakeyTranslateBox {
    padding: 20px;
    text-align: center;
    color: #fff;
    background: #333;
    z-index: 0;
    position: relative
}

.leakeyWelcome .welcome {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #d5262c;
    z-index: 999;
    animation: mybg 4s ease-in infinite;
    -webkit-animation: mybg 4s ease-in infinite;
    transition: top 0.8s cubic-bezier(0.9,0.03,0.69,0.22);
    transition-delay: 0.3s;
    overflow: hidden
}

.leakeyWelcome .square {
    position: absolute;
    width: 50%;
    height: 50%;
    top: -1px;
    left: -1px;
    background: #222
}

.leakeyWelcome .square:nth-of-type(2) {
    left: auto;
    right: -1px
}

.leakeyWelcome .square:nth-of-type(4) {
    left: auto;
    right: -1px
}

.leakeyWelcome .welLogo {
    position: absolute;
    z-index: 1000;
    height: 350px;
    width: 350px;
    background: #222;
    border: 2px solid #d5262c;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    animation: myborder 2s ease-in infinite;
    -webkit-animation: myborder 2s ease-in infinite;
    transition: opacity 0.5s ease-in;
    cursor: pointer
}

.leakeyWelcome .welLogo .wlogopic {
    transition: all 2s ease-in
}

.leakeyWelcome .welLogo:hover .wlogopic {
    transform: rotate3d(0,1,0,360deg)
}

.leakeyWelcome .wlogo {
    transform: rotate(-45deg);
    margin-left: 20px;
    margin-top: 83px;
    transition: opacity 0.5s ease-in
}

.leakeyWelcome .wlogopic {
    margin-left: 130px
}

.leakeyWelcome .wlogo div {
    color: #fff;
    padding-top: 13px
}

.leakeyWelcome .wlogo div p {
    font-size: 21.5px;
    opacity: 0.55
}

.leakeyWelcome .wlogo div span {
    font-size: 12px;
    opacity: 0.35
}

.leakeyWelcome .wlogo em {
    margin-left: 131px;
    font-style: normal;
    margin-top: 50px;
    display: inline-block;
    color: #fff;
    opacity: 0.3
}

.leakeyWelcome .hideWel {
    top: -100%
}

.leakeyWelcome .hideWel .square {
    transition: transform 0.6s cubic-bezier(0.9,0.03,0.69,0.22)
}

.leakeyWelcome .hideWel .square:nth-of-type(1) {
    transform: translate(-100%,-100%)
}

.leakeyWelcome .hideWel .square:nth-of-type(2) {
    transform: translate(100%,-100%)
}

.leakeyWelcome .hideWel .square:nth-of-type(3) {
    transform: translate(-100%,100%)
}

.leakeyWelcome .hideWel .square:nth-of-type(4) {
    transform: translate(100%,100%)
}

.leakeyWelcome .dingzhiAbout {
    margin-top: -10px
}

.leakeyWelcome .zhanwei {
    padding: 20px;
    text-align: center;
    color: #fff;
    background: #333;
    z-index: 0;
    position: relative
}

@keyframes mybg {
    0% {
        background: #d5262c
    }

    50% {
        background: #630509
    }

    100% {
        background: #d5262c
    }
}

@-webkit-keyframes mybg {
    0% {
        background: #d5262c
    }

    50% {
        background: #630509
    }

    100% {
        background: #d5262c
    }
}

@keyframes myborder {
    0% {
        border-color: #d5262c
    }

    50% {
        border-color: #630509
    }

    100% {
        border-color: #d5262c
    }
}

@-webkit-keyframes myborder {
    0% {
        border-color: #d5262c
    }

    50% {
        border-color: #630509
    }

    100% {
        border-color: #d5262c
    }
}

.list_detail img {
    max-width: 100% !important
}

.list_detail ul,.list_detail li {
    margin: 0;
    padding: 0;
    list-style: none
}

.list_detail .section {
    position: relative;
    background: transparent
}

.list_detail .section-container {
    padding: 50px 0
}

.list_detail .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.list_detail .fl {
    float: left
}

.list_detail .fr {
    float: right
}

.list_detail .section h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
    color: #2c508c
}

.list_detail .section h1 small {
    color: #ccc;
    font-size: 14px;
    font-weight: normal
}

.list_detail .section img {
    display: block
}

.list_detail .section div p {
    line-height: 1.5em;
    margin-bottom: 20px
}

.list_detail .next {
    padding: 45px 0 60px;
    margin-top: 15px;
    overflow: hidden
}

.list_detail .news-contents {
    margin: 10px 0 0;
    padding: 0 5px
}

.list_detail .contents-rounds a {
    display: inline-block
}

.list_detail .contents-rounds .at {
    width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list_detail .contents-rounds .at.nxt {
    text-align: right
}

.list_detail .contents-rounds .fanhui {
    width: 10%;
    text-align: center
}

.list_detail .contents-rounds .at a,.list_detail .contents-rounds .fanhui a {
    color: #a6a6a6;
    transition: 0.3s;
    padding: 5px 0;
    border-bottom: 1px solid #d1d1d1
}

.list_detail .contents-rounds .at a:hover,.list_detail .contents-rounds .fanhui a:hover {
    color: #2c508c
}

.list_detail .section .pagination {
    margin-top: 60px
}

.list_detail .section .pagination li {
    background: #fffffa
}

.list_detail .section .pagination li a {
    color: #737373;
    border: 1px solid #fffffa
}

.list_detail .section .pagination li.active {
    background: #2c508c
}

.list_detail .section .pagination li a.selected {
    color: #fff;
    border: 1px solid #2c508c
}

@media screen and (max-width: 720px) {
    .list_detail .contents-rounds .at,.list_detail .contents-rounds .at.nxt,.list_detail .contents-rounds .fanhui {
        float:none;
        text-align: left
    }
}

.map-gqf-section .section {
    background: #fffffa
}

.map-gqf-section .section-container {
    padding: 30px 0 45px
}

.map-section .section .section-container {
    max-width: 100%;
    padding: 0;
    position: relative
}

.map-section .section .section-container #allmap {
    position: relative
}

.map-section .section .section-container #allmap img {
    max-width: none;
    max-height: none
}

.map-section .section .section-container #allmap .map-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: 100% 100%;
    background-position: center
}

.map-section .section .section-container .address {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    line-height: 100%;
    text-align: center
}

.map-section .section .section-container .address .ad_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1
}

.map-section .section .section-container .address .contact-box {
    margin-top: 120px
}

.map-section .section .section-container .address .title {
    font-size: 24px;
    color: #fff;
    line-height: 1.3em
}

.map-section .section .section-container .address .en-tit {
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    line-height: 1.3em
}

.map-section .section .section-container .address .line {
    width: 250px;
    height: 1px;
    margin: 10px 0;
    background: #a6db7c;
    display: inline-block
}

.map-section .section .section-container .address p {
    color: #fff;
    font-size: 12px;
    margin-bottom: 5px
}

.navigation-section img {
    max-width: 100%
}

.navigation-section ul,.navigation-section ol,.navigation-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

.navigation-section .fl {
    float: left
}

.navigation-section .fr {
    float: right
}

.navigation-section .show {
    display: block
}

.navigation-section .hide {
    display: none
}

.navigation-section .clearfix {
    clear: both;
    zoom:1}

.navigation-section .section {
    position: relative;
    background: transparent
}

.navigation-section .section-container {
    padding: 50px 0
}

.navigation-section .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.navigation-section .section .section-content {
    overflow: hidden;
    padding: 0 20px
}

.navigation-section .section .section-content .fl {
    height: 60px;
    line-height: 60px;
    padding: 0 10px
}

.navigation-section .section .section-content .per2 {
    width: 20%;
    font-size: 18px;
    font-weight: 300;
    color: #737373;
    overflow: hidden;
    padding: 0
}

.navigation-section .section .section-content .per3 {
    width: 300px;
    height: 1px;
    background-color: #a6a6a6;
    margin: 29.5px 1% 0;
    position: absolute;
    left: 50%;
    margin-left: -200px
}

.navigation-section .section .section-content .per5 {
    width: 50%;
    overflow: hidden;
    font-size: 14px;
    color: #a6a6a6;
    float: right;
    text-align: right;
    padding: 0
}

.navigation-section .section .section-content .per5 a {
    color: #a6a6a6
}

.navigation-section .section .section-content .per5 .current {
    color: #2c508c
}

@media screen and (max-width: 720px) {
    .navigation-section .section .section-content .per3 {
        display:none
    }

    .navigation-section .section .section-content .per5 {
        width: 75%
    }
}

.news-content-section .full {
    width: 100%
}

.news-content-section .inner {
    padding: 2em 0
}

.news-content-section #primary {
    width: 100%
}

.news-content-section #primary.have-sidebar {
    width: 71%
}

.news-content-section #primary.fr {
    padding-left: 5%
}

.news-content-section #primary.fl {
    padding-right: 5%
}

.news-content-section #secondary {
    width: 29%
}

.news-content-section .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.news-content-section img {
    max-width: 100%
}

.news-content-section ul,.news-content-section ol,.news-content-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .news-content-section .wrapper {
        padding:0 20px
    }

    .news-content-section .header .wrapper {
        padding: 0px
    }
}

.news-content-section .fl {
    float: left
}

.news-content-section .fr {
    float: right
}

.news-content-section .show {
    display: block
}

.news-content-section .hide {
    display: none
}

.news-content-section .clearfix {
    clear: both;
    zoom:1}

.news-content-section .section-container {
    padding: 50px 0
}

.news-content-section .section .content {
    width: 100%
}

.news-content-section .section .con_nr {
    margin: 0 auto
}

.news-content-section .section .con_nr h2 {
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    height: 100px;
    color: #737373
}

.news-content-section .section .con_nr .nr {
    width: 1300px;
    max-width: 100%;
    background-color: #f5f5f5;
    border-radius: 10px;
    margin: 0 auto;
    padding: 10px 20px 40px
}

.news-content-section .section .con_nr .nr .ny_zw {
    width: 92%;
    margin: 10px auto;
    font-weight: normal;
    position: relative;
    font-size: 14px;
    color: #a6a6a6;
    line-height: 28px;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 30px;
    border-bottom: 1px solid #f1f1f1
}

.news-content-section .section .con_nr .nr .ny_zw img {
    max-width: 100%;
    padding: 20px 0
}

.news-content-section .section .con_nr .nr .page_box_top {
    width: 94%;
    overflow: hidden;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin: 0 3%
}

.news-content-section .section .intit {
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f1f1f1
}

.news-content-section .section .intit .tit {
    font-size: 24px;
    color: #5580c9;
    padding: 0 40px
}

.news-content-section .section .intit .subtit {
    font-size: 12px;
    color: #a6a6a6;
    margin: 6px 0 0
}

.news-content-section .section .intit .subtit span {
    margin: 0px 6px
}

.news-content-section .section .next {
    margin-top: 80px
}

.news-content-section .news-content-title {
    line-height: 24px;
    font-size: 15px;
    overflow: hidden;
    font-weight: bold;
    text-align: center;
    margin: 15px 0 16px
}

.news-content-section .next {
    padding: 0 0 60px;
    overflow: hidden
}

.news-content-section .news-contents {
    margin: 10px 0 0;
    padding: 0 5px
}

.news-content-section .contents-rounds .at {
    width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news-content-section .contents-rounds .at.nxt {
    text-align: right
}

.news-content-section .contents-rounds .fanhui {
    width: 10%;
    text-align: center
}

.news-content-section .contents-rounds .at a,.news-content-section .contents-rounds .fanhui a {
    color: #999;
    transition: 0.3s;
    padding: 5px 0;
    border-bottom: 1px solid #d1d1d1
}

.news-content-section .contents-rounds .at a:hover,.news-content-section .contents-rounds .fanhui a:hover {
    color: #737373
}

.news-list-gqf .full {
    width: 100%
}

.news-list-gqf .fl {
    float: left
}

.news-list-gqf .fr {
    float: right
}

.news-list-gqf .show {
    display: block
}

.news-list-gqf .hide {
    display: none
}

.news-list-gqf .clearfix {
    clear: both;
    zoom:1}

.news-list-gqf img {
    max-width: 100%
}

.news-list-gqf .section {
    position: relative
}

.news-list-gqf .section-container {
    padding: 0 20px
}

.news-list-gqf .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.news-list-gqf .section .com_right {
    padding: 20px 30px 60px
}

.news-list-gqf .section .com_right .com_news {
    overflow: hidden
}

.news-list-gqf .section .com_right .com_news ul {
    padding: 0
}

.news-list-gqf .section .com_right .com_news ul li {
    overflow: hidden;
    padding: 20px 0 24px;
    border-bottom: 1px dotted #ccc;
    cursor: pointer;
    transition: 0.5s
}

.news-list-gqf .section .com_right .com_news ul li .img {
    float: left;
    width: 32%;
    margin-right: 3%
}

.news-list-gqf .section .com_right .com_news ul li .nright {
    float: left;
    width: 65%
}

.news-list-gqf .section .com_right .com_news ul a font {
    display: block;
    font-size: 22px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #2c508c
}

.news-list-gqf .section .com_right .com_news ul a {
    color: #737373;
    display: block
}

.news-list-gqf .section .com_right .com_news ul p {
    color: silver;
    margin: 10px 0 0 0px;
    font-size: 16px;
    line-height: 1.5em;
    overflow: hidden;
    max-height: 72px
}

.news-list-gqf .section .com_right .com_news ul li .more {
    width: 120px;
    line-height: 36px;
    height: 36px;
    border-radius: 0px;
    text-align: center;
    border: 1px solid #eee;
    margin-top: 34px
}

.news-list-gqf .section .com_right .com_news ul li .more a {
    display: block;
    line-height: 34px;
    border-bottom: 2px solid #2c508c;
    transition: 0.3s
}

.news-list-gqf .section .com_right .com_news ul li:hover .more a {
    border-bottom: 2px solid #df0d0e
}

.news-list-gqf .section .com_right .com_news ul li:hover a font {
    color: #df0d0e
}

.news-list-gqf .section .pagination {
    margin-top: 60px
}

.news-list-gqf .section .pagination li {
    background: #fffffa
}

.news-list-gqf .section .pagination li a {
    color: #737373;
    border: 1px solid #fffffa
}

.news-list-gqf .section .pagination li.active {
    background: #2c508c
}

.news-list-gqf .section .pagination li a.selected {
    color: #fff;
    border: 1px solid #2c508c
}

@media screen and (max-width: 720px) {
    .news-list-gqf .section .com_right {
        padding:0
    }

    .news-list-gqf .section .com_right .com_news ul li .img {
        float: none;
        width: 96%;
        margin: 20px 2%
    }

    .news-list-gqf .section .com_right .com_news ul li .nright {
        float: none;
        width: 96%;
        margin: 20px 2%
    }
}

.news-transverse-list .full {
    width: 100%
}

.news-transverse-list .inner {
    padding: 2em 0
}

.news-transverse-list #primary {
    width: 100%
}

.news-transverse-list #primary.have-sidebar {
    width: 71%
}

.news-transverse-list #primary.fr {
    padding-left: 5%
}

.news-transverse-list #primary.fl {
    padding-right: 5%
}

.news-transverse-list #secondary {
    width: 29%
}

.news-transverse-list .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.news-transverse-list img {
    max-width: 100%
}

.news-transverse-list ul,.news-transverse-list ol,.news-transverse-list li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1200px) {
    .news-transverse-list .wrapper {
        padding:0 20px
    }

    .news-transverse-list .header .wrapper {
        padding: 0px
    }
}

.news-transverse-list .fl {
    float: left
}

.news-transverse-list .fr {
    float: right
}

.news-transverse-list .show {
    display: block
}

.news-transverse-list .hide {
    display: none
}

.news-transverse-list .clearfix {
    clear: both;
    zoom:1}

.news-transverse-list .section {
    position: relative
}

.news-transverse-list .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.news-transverse-list .section a,.news-transverse-list .section a:hover,.news-transverse-list .section a:focus {
    text-decoration: none
}

.news-transverse-list .section .main-tit {
    margin-bottom: 20px;
    text-align: center
}

.news-transverse-list .section .main-tit h2 {
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    font-weight: 300;
    color: #2c508c;
    margin: 0 auto;
    text-transform: uppercase
}

.news-transverse-list .section .main-tit .sub-tit {
    padding: 0 20px;
    display: inline-block;
    height: 47px;
    line-height: 47px;
    color: #4172c3;
    font-size: 24px;
    font-weight: 700;
    margin: 10px auto 0;
    border: 2px solid #4172c3;
    position: relative
}

.news-transverse-list .section .main-tit .sub-tit:before {
    left: -225px
}

.news-transverse-list .section .main-tit .sub-tit:before,.news-transverse-list .section .main-tit .sub-tit:after {
    position: absolute;
    content: '';
    display: block;
    width: 230px;
    height: 1px;
    top: 50%;
    background-color: #4172c3
}

.news-transverse-list .section .main-tit .sub-tit:after {
    right: -225px
}

.news-transverse-list .section .main-tit p {
    font-size: 12px;
    font-weight: 100;
    color: #333;
    margin: 0
}

.news-transverse-list .section .list {
    overflow: hidden
}

.news-transverse-list .section .list .col-4 {
    margin-right: 3%;
    width: 31.33333333%;
    float: left;
    margin-bottom: 40px
}

.news-transverse-list .section .list .col-4:nth-of-type(3n) {
    margin-right: 0
}

.news-transverse-list .section .list .col-4 .img {
    overflow: hidden
}

.news-transverse-list .section .list .col-4 .img img {
    transition: 0.3s
}

.news-transverse-list .section .list .col-4:hover .img img {
    transform: scale(1.1)
}

.news-transverse-list .section .list .col-4 .list-tit {
    font-size: 20px;
    line-height: 56px;
    margin: 10px 0;
    text-transform: uppercase;
    height: 56px;
    overflow: hidden;
    color: #737373
}

.news-transverse-list .section .list .col-4 .date {
    color: ighten(#737373,15%);
    font-size: 12px;
    display: block
}

.news-transverse-list .section .list .col-4 .line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e1e1e1;
    margin: 25px auto;
    position: relative
}

.news-transverse-list .section .list .col-4 .line:after {
    content: '';
    width: 0;
    height: 1px;
    background-color: #2c508c;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s
}

.news-transverse-list .section .list .col-4:hover .line:after {
    width: 100%
}

.news-transverse-list .section .list .col-4 .list-para {
    line-height: 1.8em;
    height: 75px;
    overflow: hidden;
    color: #999;
    transition: 0.3s
}

.news-transverse-list .section .list .col-4:hover .list-para {
    color: #2c508c
}

@media screen and (max-width: 1024px) {
    .news-transverse-list .section .list .col-4 {
        width:31.333333%;
        margin-right: 3%
    }
}

@media screen and (max-width: 720px) {
    .news-transverse-list .section .list .col-4 {
        width:49%;
        margin: 20px 0;
        margin-right: 2%;
        text-align: center
    }

    .news-transverse-list .section .list .col-4:nth-of-type(2n) {
        margin-right: 0
    }
}

.news-vertical-llist .full {
    width: 100%
}

.news-vertical-llist .inner {
    padding: 2em 0
}

.news-vertical-llist #primary {
    width: 100%
}

.news-vertical-llist #primary.have-sidebar {
    width: 71%
}

.news-vertical-llist #primary.fr {
    padding-left: 5%
}

.news-vertical-llist #primary.fl {
    padding-right: 5%
}

.news-vertical-llist #secondary {
    width: 29%
}

.news-vertical-llist .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.news-vertical-llist img {
    max-width: 100%
}

.news-vertical-llist ul,.news-vertical-llist ol,.news-vertical-llist li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1200px) {
    .news-vertical-llist .wrapper {
        padding:0 20px;
        width: 1200px
    }

    .news-vertical-llist .header .wrapper {
        padding: 0px
    }
}

.news-vertical-llist .fl {
    float: left
}

.news-vertical-llist .fr {
    float: right
}

.news-vertical-llist .show {
    display: block
}

.news-vertical-llist .hide {
    display: none
}

.news-vertical-llist .clearfix {
    clear: both;
    zoom:1}

.news-vertical-llist .section {
    position: relative
}

.news-vertical-llist .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.news-vertical-llist .section .innews ul {
    overflow: hidden
}

.news-vertical-llist .section .innews ul li {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    padding: 15px
}

.news-vertical-llist .section .innews ul li a {
    display: block;
    width: 100%
}

.news-vertical-llist .section .innews ul li a .txt {
    width: 75%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.news-vertical-llist .section .innews ul li a .txt .date {
    float: left;
    margin-right: 45px;
    width: 110px
}

.news-vertical-llist .section .innews ul li a .txt .date h2 {
    text-align: center;
    font-family: opensans-bold;
    color: #b0b0b0;
    transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s
}

.news-vertical-llist .section .innews ul li a .txt .date span {
    display: block;
    margin: 0 0 6px 8px;
    font-size: 13px;
    color: gray
}

.news-vertical-llist .section .innews ul li a .txt .date p {
    text-align: center;
    line-height: 36px;
    border-top: 1px solid #efefef;
    color: #666;
    font-size: 15px
}

.news-vertical-llist .section .innews ul li a .newtxt {
    float: left;
    width: 70%;
    position: relative;
    transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;
    margin-top: 10px
}

.news-vertical-llist .section .innews ul li a i {
    position: absolute;
    display: block;
    left: 156px;
    top: 16px;
    width: 1px;
    height: 30px;
    border-left: 1px solid #888;
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s
}

.news-vertical-llist .section .innews ul li:hover a .txt .date h2 {
    color: #666
}

.news-vertical-llist .section .innews ul li:hover .newtxt {
    margin-left: 20px
}

.news-vertical-llist .section .innews ul li:hover i {
    opacity: 1
}

.news-vertical-llist .section .innews ul li a .newtxt .tit {
    font-size: 18px;
    color: #404040
}

.news-vertical-llist .section .innews ul li a .newtxt .sub_tit {
    font-size: 13px;
    color: gray;
    line-height: 22px;
    margin-top: 30px
}

.news-vertical-llist .section .innews .newimg {
    float: right;
    width: 23%
}

.news-vertical-llist .section .innews .newimg img {
    display: block;
    width: 250px;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .news-vertical-llist .section .innews .newimg {
        float:right;
        width: 35%
    }

    .news-vertical-llist .section .innews ul li {
        margin-bottom: 10px
    }

    .news-vertical-llist .section .innews ul li a .txt {
        width: 63%
    }

    .news-vertical-llist .section .innews ul li a .txt .date {
        width: 80px
    }

    .news-vertical-llist .section .innews ul li a .txt .date h2 {
        font-size: 28px
    }

    .news-vertical-llist .section .innews ul li a .newtxt {
        width: 65%
    }

    .news-vertical-llist .section .innews ul li a i {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .news-vertical-llist .section .innews ul li a .txt {
        position:static;
        width: 100%
    }

    .news-vertical-llist .section .innews .newimg {
        float: none;
        width: 100%
    }

    .news-vertical-llist .section .innews ul li a .txt .date p {
        display: none
    }

    .news-vertical-llist .section .innews ul li a .txt .date span {
        margin: 0
    }

    .news-vertical-llist .section .innews ul li a .txt .date h2 {
        text-align: left
    }

    .news-vertical-llist .section .innews ul li a .newtxt {
        margin-top: 20px
    }

    .news-vertical-llist .section .innews ul li a .newtxt .sub_tit {
        margin-top: 5px
    }

    .news-vertical-llist .section .innews ul li a .newtxt {
        width: 100%
    }

    .news-vertical-llist .section .innews ul li a .txt .date {
        width: 100%;
        margin-right: 0
    }

    .news-vertical-llist .section .innews .newimg {
        margin-top: 20px
    }
}

.news_center_two .fl {
    float: left
}

.news_center_two .fr {
    float: right
}

.news_center_two img {
    max-width: 100%
}

.news_center_two ul,.news_center_two li {
    list-style: none;
    margin: 0;
    padding: 0
}

.news_center_two .section {
    position: relative
}

.news_center_two .section-container {
    padding: 50px 0
}

.news_center_two .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.news_center_two .main-title {
    position: relative;
    margin-bottom: 60px
}

.news_center_two .main-title .title {
    line-height: 1em;
    font-size: 24px;
    color: #2c508c
}

.news_center_two .main-title .title em {
    font-style: normal;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #2c508c;
    position: relative;
    top: 2px;
    margin-right: 2px
}

.news_center_two .main-title .subtitle {
    font-size: 18px;
    font-weight: 100;
    color: #9c9c9c
}

.news_center_two .main-title .href {
    position: absolute;
    right: 0;
    bottom: 5px
}

.news_center_two .main-title .href a {
    font-size: 14px;
    color: #2c508c;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.news_center_two .main-title .href a:hover {
    text-decoration: underline;
    font-weight: 700
}

.news_center_two .main-content ul li {
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    border: 1px solid #e5e5e5;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    padding: 20px 60px 15px;
    margin-bottom: 24px
}

.news_center_two .main-content ul li:last-of-type {
    margin-bottom: 0
}

.news_center_two .main-content ul li a {
    font-size: 36px;
    font-weight: 700;
    color: #2c508c
}

.news_center_two .main-content .date {
    font-size: 16px;
    font-weight: 700;
    color: #2c508c;
    float: left;
    width: 13%
}

.news_center_two .main-content .date .day {
    font-size: 36px;
    color: #2c508c;
    display: block;
    line-height: 1em
}

.news_center_two .main-content .img {
    float: left;
    width: 15%;
    overflow: hidden
}

.news_center_two .main-content .img img {
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s
}

.news_center_two .main-content .words {
    float: right;
    width: 66%;
    padding-right: 80px;
    position: relative
}

.news_center_two .main-content .words .title {
    margin-bottom: 17px;
    font-size: 20px;
    font-weight: 700;
    color: #3866b3
}

.news_center_two .main-content .words .para {
    color: #737373;
    line-height: 1.8em;
    font-size: 14px;
    font-weight: 100
}

.news_center_two .main-content .points {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1.5px
}

.news_center_two .main-content .points span {
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #999;
    margin: 0
}

.news_center_two .main-content ul li:hover {
    border: 3px solid #2c508c
}

.news_center_two .main-content li:hover .img img {
    transform: scale(1.1)
}

.news_center_two .pagination {
    margin-top: 30px
}

@media screen and (max-width: 1024px) {
    .news_center_two .main-content .date {
        width:11%
    }

    .news_center_two .main-content .img {
        width: 20%
    }

    .news_center_two .main-content .words {
        width: 65%;
        padding-right: 60px
    }
}

@media screen and (max-width: 960px) {
    .news_center_two .main-content ul li {
        padding:20px
    }

    .news_center_two .main-content .date {
        font-size: 14px;
        width: auto;
        margin-right: 20px
    }

    .news_center_two .main-content .date .day {
        font-size: 25px
    }
}

@media screen and (max-width: 720px) {
    .news_center_two .section-container {
        padding:40px 20px
    }

    .news_center_two .main-title {
        margin-bottom: 30px
    }

    .news_center_two .main-content .date,.news_center_two .main-content .img,.news_center_two .main-content .words {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }

    .news_center_two .main-content .words {
        margin-bottom: 0;
        padding-right: 0
    }

    .news_center_two .main-content .words .title {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 300
    }

    .news_center_two .points {
        display: none
    }

    .news_center_two .main-content ul {
        overflow: hidden
    }

    .news_center_two .main-content ul li {
        padding: 20px;
        float: left;
        width: 48%;
        margin-right: 4%
    }

    .news_center_two .main-content ul li:nth-of-type(2n) {
        margin-right: 0
    }

    .news_center_two .main-content ul li:hover {
        border: 1px solid #e5e5e5
    }
}

@media screen and (max-width: 480px) {
    .news_center_two .main-content ul li {
        padding:30px 20px;
        float: none;
        width: 100%;
        margin-right: 0
    }
}

.news_list_two .fl {
    float: left
}

.news_list_two .fr {
    float: right
}

.news_list_two img {
    max-width: 100%
}

.news_list_two ul,.news_list_two li {
    list-style: none;
    margin: 0;
    padding: 0
}

.news_list_two .section {
    position: relative
}

.news_list_two .section-container {
    padding: 50px 0
}

.news_list_two .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.news_list_two .main-title {
    text-align: center;
    margin-bottom: 60px
}

.news_list_two .main-title .title {
    font-size: 36px;
    color: #2c508c;
    font-weight: 700
}

.news_list_two .main-title em {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    color: #9c9c9c;
    font-style: normal
}

.news_list_two .main-content ul li {
    border-bottom: 1px dashed #e5e5e5;
    overflow: hidden;
    padding: 20px 0;
    cursor: pointer;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    position: relative;
    top: 0
}

.news_list_two .main-content ul li .time-box {
    width: 84px;
    height: 84px;
    background: #f2f2f2;
    text-align: center
}

.news_list_two .main-content ul li .date {
    color: #737373;
    font-size: 25px;
    padding-top: 20px;
    line-height: 1em
}

.news_list_two .main-content ul li .date span {
    display: block;
    line-height: 1em;
    font-size: 14px
}

.news_list_two .main-content ul li .time {
    margin-right: 15px
}

.news_list_two .main-content ul li .words {
    width: 84%;
    padding-right: 20px
}

.news_list_two .main-content ul li .words .title a {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 5px;
    color: #2c508c
}

.news_list_two .main-content ul li .words .para {
    color: #737373;
    font-size: 14px;
    line-height: 2em
}

.news_list_two .main-content ul li:hover {
    top: -3px
}

.news_list_two .pagination {
    margin-top: 30px
}

@media screen and (max-width: 1200px) {
    .news_list_two .section-containter {
        padding:40px 20px
    }

    .news_list_two .main-title {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 720px) {
    .news_list_two .pagination {
        margin-top:10px
    }
}

.our-team img {
    max-width: 100%
}

.our-team ul,.our-team ol,.our-team li {
    margin: 0;
    padding: 0;
    list-style: none
}

.our-team .row:after,.our-team .row:before {
    display: none
}

.our-team .fl {
    float: left
}

.our-team .fr {
    float: right
}

.our-team .full {
    width: 100%
}

.our-team .show {
    display: block
}

.our-team .hide {
    display: none
}

.our-team .clearfix {
    clear: both;
    zoom:1}

.our-team .col-md-3 {
    width: 23.5%
}

.our-team .col-md-3:nth-of-type(4n) {
    margin-right: 0
}

.our-team .section_header {
    position: relative
}

.our-team .section_header h2 {
    font-size: 30px;
    color: #2c508c;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: 0.3px;
    margin: 0
}

.our-team .section_header h2:before {
    content: "";
    width: 50px;
    height: 3px;
    display: inline-block;
    background: #2c508c;
    position: absolute;
    bottom: 0
}

.our-team .our-team {
    overflow: hidden
}

.our-team .team {
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 30px auto;
    margin-right: 2%
}

.our-team .m0 {
    margin: 0
}

.our-team .team .team-images {
    background: #e9e3da;
    text-align: center;
    position: relative;
    z-index: 0;
    overflow: hidden;
    height: 297px
}

.our-team .team:hover .team-images:before {
    transform: scale(1);
    opacity: 1
}

.our-team .team .team-images:before {
    position: absolute;
    background-color: rgba(0,0,0,0.45);
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    transition: all 300ms;
    opacity: 0
}

.our-team .team .team-images img {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.our-team .team:hover .team-images:after {
    border: 10px solid #2c508c;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1
}

.our-team .team .team-images:after {
    content: '';
    background: transparent;
    position: absolute;
    border: 1px solid #fff;
    z-index: -1;
    display: block;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    transition: all 300ms linear 0s
}

.our-team .team:hover .social-icons {
    bottom: 125px
}

.our-team .team .social-icons {
    display: table;
    position: absolute;
    width: 100%;
    text-align: center;
    transition: all 300ms linear 0s
}

.our-team .team .social-icons li {
    display: inline-block
}

.our-team .team .social-icons span {
    color: #ccc;
    background: none
}

.our-team .fa {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.our-team .fa-twitter:before {
    content: "\f099"
}

.our-team .team .team-content {
    background: #2c508c;
    padding: 17px 0px;
    text-align: center;
    cursor: pointer;
    position: relative
}

.our-team .team .team-content h4 {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.3px;
    color: #fff;
    margin: 0
}

.our-team .team .team-content p {
    letter-spacing: 0.3px;
    color: #fff;
    margin: 0
}

@media screen and (max-width: 768px) {
    .our-team .col-sm-6 {
        width:49%
    }

    .our-team .col-md-3:nth-of-type(4n) {
        margin-right: 0
    }

    .our-team .col-sm-6:nth-of-type(2n) {
        margin-right: 0
    }
}

@media screen and (max-width: 720px) {
    .our-team .team .team-images {
        height:220px
    }

    .our-team .team .team-images img {
        max-width: 80%;
        max-height: 80%;
        bottom: 20px;
        top: 20px
    }
}

.our-team-channel img {
    max-width: 100%
}

.our-team-channel ul,.our-team-channel ol,.our-team-channel li {
    margin: 0;
    padding: 0;
    list-style: none
}

.our-team-channel .row:before,.our-team-channel .row:after {
    display: none
}

.our-team-channel .fl {
    float: left
}

.our-team-channel .fr {
    float: right
}

.our-team-channel .full {
    width: 100%
}

.our-team-channel .show {
    display: block
}

.our-team-channel .hide {
    display: none
}

.our-team-channel .clearfix {
    clear: both;
    zoom:1}

.our-team-channel .section {
    position: relative
}

.our-team-channel .col-md-3 {
    width: 23.5%
}

.our-team-channel .col-md-3:nth-of-type(4n) {
    margin-right: 0
}

.our-team-channel .section_header {
    position: relative
}

.our-team-channel .section_header h2 {
    font-size: 30px;
    color: #2c508c;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    letter-spacing: 0.3px;
    margin: 0
}

.our-team-channel .section_header h2:before {
    content: "";
    width: 50px;
    height: 3px;
    display: inline-block;
    background: #2c508c;
    position: absolute;
    bottom: 0
}

.our-team-channel .team {
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 30px auto;
    margin-right: 2%
}

.our-team-channel .m0 {
    margin: 0
}

.our-team-channel .team .team-images {
    background-color: #5580c9;
    text-align: center;
    position: relative;
    z-index: 0;
    overflow: hidden;
    height: 297px
}

.our-team-channel .team:hover .team-images:before {
    transform: scale(1);
    opacity: 1
}

.our-team-channel .team .team-images:before {
    position: absolute;
    background-color: rgba(0,0,0,0.45);
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    transition: all 300ms;
    opacity: 0
}

.our-team-channel .team .team-images img {
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.our-team-channel .team:hover .team-images:after {
    border: 10px solid #2c508c;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1
}

.our-team-channel .team .team-images:after {
    content: '';
    background: transparent;
    position: absolute;
    border: 1px solid #fff;
    z-index: -1;
    display: block;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    transition: all 300ms linear 0s
}

.our-team-channel .team:hover .social-icons {
    bottom: 125px
}

.our-team-channel .team .social-icons {
    display: table;
    position: absolute;
    width: 100%;
    text-align: center;
    transition: all 300ms linear 0s
}

.our-team-channel .team .social-icons li {
    display: inline-block
}

.our-team-channel .team .social-icons span {
    color: #ccc;
    background: none
}

.our-team-channel .fa {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.our-team-channel .fa-twitter:before {
    content: "\f099"
}

.our-team-channel .team .team-content {
    background: #2c508c;
    padding: 17px 0px;
    text-align: center;
    cursor: pointer;
    position: relative
}

.our-team-channel .team .team-content h4 {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.3px;
    color: #fff;
    margin: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.our-team-channel .team .team-content p {
    letter-spacing: 0.3px;
    color: #fff;
    margin: 0
}

@media screen and (max-width: 768px) {
    .our-team-channel .col-sm-6 {
        width:49%
    }

    .our-team-channel .col-md-3:nth-of-type(4n) {
        margin-right: 0
    }

    .our-team-channel .col-sm-6:nth-of-type(2n) {
        margin-right: 0
    }
}

@media screen and (max-width: 720px) {
    .our-team-channel .team .team-images {
        height:220px
    }

    .our-team-channel .team .team-images img {
        max-width: 80%;
        max-height: 80%;
        bottom: 20px;
        top: 20px
    }
}

.our-team-channel .our-team {
    overflow: hidden
}

.our-team-channel .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.picture-fancybox .section {
    position: relative
}

.picture-fancybox .section-title {
    text-align: center
}

.picture-fancybox .section-title h2 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #2c508c
}

.picture-fancybox .section-title div {
    color: #b2b2b2;
    color: #9c9c9c
}

.picture-fancybox .section-content .item {
    width: 25%;
    padding: 10px;
    text-align: center
}

.picture-fancybox .section-content .item div.image {
    position: relative;
    width: 100%;
    padding-top: 100%
}

.picture-fancybox .section-content .item div.image a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eee;
    overflow: hidden
}

.picture-fancybox .section-content .item div.image a img,.picture-fancybox .section-content .item div.image a span {
    display: inline-block;
    vertical-align: middle
}

.picture-fancybox .section-content .item div.image a img {
    max-width: 100%;
    max-height: 100%
}

.picture-fancybox .section-content .item div.image a span {
    height: 100%
}

.picture-fancybox .section-content .item div.word div.title {
    padding: 20px 0 10px 0
}

.picture-fancybox .section-content .item div.word div.title a {
    color: #2c508c;
    font-size: 1.2em;
    font-weight: bold
}

.picture-fancybox .section-content .item div.word div.title a p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.picture-fancybox .section-content .item div.word div.summary {
    color: silver;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden
}

.picture-fancybox .section .section-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-position: center
}

@media screen and (max-width: 768px) {
    .picture-fancybox .section-content .list li {
        width:48%;
        margin: 0 1%
    }
}

@media screen and (max-width: 480px) {
    .picture-fancybox .section-content .list li {
        width:98%;
        margin: 20px 1%
    }

    .picture-fancybox .section-content .item {
        width: 50%;
        padding: 10px;
        text-align: center
    }
}

.picture-fancybox-tab .section {
    position: relative
}

.picture-fancybox-tab .section-title {
    text-align: center
}

.picture-fancybox-tab .section-title h2 {
    margin-bottom: 0px;
    font-size: 36px;
    color: #2c508c
}

.picture-fancybox-tab .section-title div {
    color: #b2b2b2;
    color: #9c9c9c
}

.picture-fancybox-tab .section-content .item {
    width: 25%;
    padding: 10px;
    text-align: center
}

.picture-fancybox-tab .section-content .item div.image {
    position: relative;
    width: 100%;
    padding-top: 0
}

.picture-fancybox-tab .section-content .item div.image a {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eee;
    overflow: hidden
}

.picture-fancybox-tab .section-content .item div.image a img,.picture-fancybox-tab .section-content .item div.image a span {
    display: inline-block;
    vertical-align: middle
}

.picture-fancybox-tab .section-content .item div.image a img {
    max-width: 100%;
    max-height: 100%
}

.picture-fancybox-tab .section-content .item div.image a span {
    height: 100%
}

.picture-fancybox-tab .section-content .item div.word div.title {
    padding: 20px 0 10px 0
}

.picture-fancybox-tab .section-content .item div.word div.title a {
    color: #2c508c;
    font-size: 1.2em;
    font-weight: bold
}

.picture-fancybox-tab .section-content .item div.word div.title a p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.picture-fancybox-tab .section-content .item div.word div.summary {
    color: silver;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden
}

.picture-fancybox-tab .section .section-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-position: center
}

.picture-fancybox-tab .tabBtnBox li {
    display: inline-block;
    list-style-type: none;
    padding: 5px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold
}

.picture-fancybox-tab .tabBtnBox li:hover {
    color: #df0d0e
}

.picture-fancybox-tab .tabBtnBox {
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
    text-align: center;
    padding: 0;
    margin: 0px auto 20px
}

.picture-fancybox-tab .fancyboxList {
    display: none
}

.picture-fancybox-tab .activeFancybox {
    display: block
}

.picture-fancybox-tab .tabBtnBox .activeTabBtn {
    color: #df0d0e
}

.picture-fancybox-tab .subtitleStrBox {
    font-size: 16px;
    font-weight: normal;
    color: #777;
    text-align: center;
    margin: 0
}

.picture-fancybox-tab .chuancha_model_one .subtitleStrBox {
    margin-top: 20px;
    color: #fff
}

.picture-fancybox-tab .picture-fancybox .subtitleStrBox {
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .picture-fancybox-tab .section-content .list li {
        width:48%;
        margin: 0 1%
    }
}

@media screen and (max-width: 480px) {
    .picture-fancybox-tab .section-content .list li {
        width:98%;
        margin: 20px 1%
    }

    .picture-fancybox-tab .section-content .item {
        width: 50%;
        padding: 10px;
        text-align: center
    }
}

.product-center-vietax .full {
    width: 100%
}

.product-center-vietax .inner {
    padding: 2em 0
}

.product-center-vietax #primary {
    width: 100%
}

.product-center-vietax #primary.have-sidebar {
    width: 71%
}

.product-center-vietax #primary.fr {
    padding-left: 5%
}

.product-center-vietax #primary.fl {
    padding-right: 5%
}

.product-center-vietax #secondary {
    width: 29%
}

.product-center-vietax .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.product-center-vietax img {
    max-width: 100%
}

.product-center-vietax ul,.product-center-vietax ol,.product-center-vietax li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .product-center-vietax .wrapper {
        padding:0 20px
    }

    .product-center-vietax .header-menu .wrapper {
        padding: 0px
    }
}

.product-center-vietax .fl {
    float: left
}

.product-center-vietax .fr {
    float: right
}

.product-center-vietax .show {
    display: block
}

.product-center-vietax .hide {
    display: none
}

.product-center-vietax .clearfix {
    clear: both;
    zoom:1}

.product-center-vietax .section {
    position: relative
}

.product-center-vietax .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.product-center-vietax .section-container {
    padding: 50px 0
}

.product-center-vietax .section .row {
    overflow: hidden
}

.product-center-vietax .section .row .col-6 {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 30px;
    float: left
}

.product-center-vietax .section .row .col-6:nth-of-type(4n) {
    margin-right: 0
}

.product-center-vietax .section .row .col-6 .img {
    width: 100%;
    border: 2px solid #aaa;
    transition: 0.3s;
    margin-bottom: 30px;
    overflow: hidden
}

.product-center-vietax .section .row .col-6 .img img {
    transition: 0.3s
}

.product-center-vietax .section .row .col-6 .list-tit {
    font-size: 18px;
    color: #4172c3
}

.product-center-vietax .section .row .col-6 .line {
    width: 100%;
    height: 1px;
    background: #a6a6a6;
    margin: 15px 0;
    position: relative
}

.product-center-vietax .section .row .col-6 .line:after {
    position: absolute;
    content: '';
    width: 0;
    height: 1px;
    top: 0;
    display: block;
    background-color: #2c508c;
    transition: 0.3s
}

.product-center-vietax .section .row .col-6 .list-para {
    color: #a6a6a6
}

.product-center-vietax .section .row .col-6:hover .img {
    border: 2px solid #2c508c
}

.product-center-vietax .section .row .col-6:hover .img img {
    transform: scale(1.1)
}

.product-center-vietax .section .row .col-6:hover .list-tit,.product-center-vietax .section .row .col-6:hover .list-para {
    color: #2c508c
}

.product-center-vietax .section .row .col-6:hover .line:after {
    width: 100%
}

.product-center-vietax ul.pagination li {
    margin: 0 5px;
    background: #f1f1f1
}

.product-center-vietax ul.pagination li a {
    color: #a6a6a6;
    line-height: 34px;
    border: none
}

.product-center-vietax ul.pagination li.active {
    background: #2c508c
}

.product-center-vietax ul.pagination li.active a {
    color: #fff
}

@media screen and (max-width: 1199px) {
    .product-center-vietax .section .row .col-6 {
        width:32%;
        margin-right: 2%;
        margin-bottom: 30px;
        float: left
    }

    .product-center-vietax .section .row .col-6:nth-of-type(4n) {
        margin-right: 2%
    }

    .product-center-vietax .section .row .col-6:nth-of-type(3n) {
        margin-right: 0
    }
}

@media screen and (max-width: 720px) {
    .product-center-vietax .section .row .col-6 {
        width:49%;
        margin-right: 2%;
        margin-bottom: 30px;
        float: left
    }

    .product-center-vietax .section .row .col-6:nth-of-type(4n) {
        margin-right: 0
    }

    .product-center-vietax .section .row .col-6:nth-of-type(3n) {
        margin-right: 2%
    }

    .product-center-vietax .section .row .col-6:nth-of-type(2n) {
        margin-right: 0
    }
}

.product-list-beier .full {
    width: 100%
}

.product-list-beier .inner {
    padding: 2em 0
}

.product-list-beier #primary {
    width: 100%
}

.product-list-beier #primary.have-sidebar {
    width: 71%
}

.product-list-beier #primary.fr {
    padding-left: 5%
}

.product-list-beier #primary.fl {
    padding-right: 5%
}

.product-list-beier #secondary {
    width: 29%
}

.product-list-beier .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.product-list-beier img {
    max-width: 100%
}

.product-list-beier ul,.product-list-beier ol,.product-list-beier li {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-list-beier .fl {
    float: left
}

.product-list-beier .fr {
    float: right
}

.product-list-beier .show {
    display: block
}

.product-list-beier .hide {
    display: none
}

.product-list-beier .clearfix {
    clear: both;
    zoom:1}

.product-list-beier .section {
    position: relative
}

.product-list-beier .section-container {
    padding: 50px 0
}

.product-list-beier .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.product-list-beier .section .com_right {
    width: 100%;
    padding: 0px 0 60px
}

.product-list-beier .section .com_right .com_pro {
    overflow: hidden
}

.product-list-beier .section .com_right .com_pro ul {
    margin: 0;
    padding: 0 20px;
    overflow: hidden;
    text-align: center
}

.product-list-beier .section .com_right .com_pro ul li {
    width: 31.33333%;
    overflow: hidden;
    float: left;
    margin-bottom: 30px;
    margin-right: 3%;
    position: relative;
    background: #fff;
    border: 1px solid #f8f8f8;
    transition: all 0.5s
}

.product-list-beier .section .com_right .com_pro ul li:nth-of-type(3n) {
    margin-right: 0
}

.product-list-beier .section .com_right .com_pro ul li a {
    color: #737373
}

.product-list-beier .section .com_right .com_pro ul li .img {
    text-align: center;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
    margin-bottom: 3px;
    line-height: 0
}

.product-list-beier .section .com_right .com_pro ul li img {
    overflow: hidden;
    max-width: 100%;
    display: inline-block;
    transition: transform 0.3s
}

.product-list-beier .section .com_right .com_pro ul li a font {
    font-size: 18px;
    color: #4172c3;
    padding: 10px 0;
    display: block;
    background: #f8f8f8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-list-beier .section .com_right .com_pro ul li a .mask {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s;
    transform: scale(0)
}

.product-list-beier .section .com_right .com_pro ul li:hover {
    box-shadow: 5px 5px 20px rgba(0,0,0,0.1);
    top: -2px;
    background: #fff
}

.product-list-beier .section .com_right .com_pro ul li:hover a .mask {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1)
}

.product-list-beier .section .com_right .com_pro ul li:hover .textBox div {
    background: #f39c06;
    color: #fff
}

.product-list-beier .section .com_right .com_pro ul li:hover img {
    transform: scale(1.2)
}

.product-list-beier .section .pagination {
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto
}

.product-list-beier .section .pagination li {
    background: #fffffa
}

.product-list-beier .section .pagination li a {
    color: #737373;
    border: 1px solid #fffffa
}

.product-list-beier .section .pagination li.active {
    background: #2c508c
}

.product-list-beier .section .pagination li a.selected {
    color: #fff;
    border: 1px solid #2c508c
}

.product-list-beier .textBox {
    background: #eee
}

.product-list-beier .textBox span {
    color: #fff;
    width: 30%;
    display: block;
    float: left;
    border-right: 1px solid #fff;
    text-align: center;
    text-indent: 0
}

.product-list-beier .textBox div {
    clear: both;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    transition: background 0.6s;
    text-align: left;
    text-indent: 10%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media screen and (max-width: 1200px) {
    .product-list-beier .section .com_right {
        width:100%;
        float: none;
        padding: 20px 0px 60px
    }
}

@media screen and (max-width: 720px) {
    .product-list-beier .section .com_right .com_pro ul li,.product-list-beier .section .com_right .com_pro ul li:nth-of-type(3n) {
        width:49%;
        margin: 0;
        margin-right: 2%;
        margin-bottom: 30px
    }

    .product-list-beier .section .com_right .com_pro ul li:nth-of-type(2n) {
        margin-right: 0
    }

    .product-list-beier .section-container {
        padding: 40px 20px
    }
}

@media screen and (max-width: 414px) {
    .product-list-beier .section .flgr-product-box ul li {
        float:none;
        width: 94%;
        margin: 10px 3%
    }
}

.product-list-gqf .full {
    width: 100%
}

.product-list-gqf .inner {
    padding: 2em 0
}

.product-list-gqf #primary {
    width: 100%
}

.product-list-gqf #primary.have-sidebar {
    width: 71%
}

.product-list-gqf #primary.fr {
    padding-left: 5%
}

.product-list-gqf #primary.fl {
    padding-right: 5%
}

.product-list-gqf #secondary {
    width: 29%
}

.product-list-gqf .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.product-list-gqf img {
    max-width: 100%
}

.product-list-gqf ul,.product-list-gqf ol,.product-list-gqf li {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-list-gqf .fl {
    float: left
}

.product-list-gqf .fr {
    float: right
}

.product-list-gqf .show {
    display: block
}

.product-list-gqf .hide {
    display: none
}

.product-list-gqf .clearfix {
    clear: both;
    zoom:1}

.product-list-gqf .section {
    position: relative
}

.product-list-gqf .section-container {
    padding: 50px 0
}

.product-list-gqf .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.product-list-gqf .section .com_right {
    width: 100%;
    padding: 0px 0 60px
}

.product-list-gqf .section .com_right .com_pro {
    overflow: hidden
}

.product-list-gqf .section .com_right .com_pro ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center
}

.product-list-gqf .section .com_right .com_pro ul li {
    width: 31.33333%;
    overflow: hidden;
    float: left;
    margin-bottom: 30px;
    margin-right: 3%;
    position: relative;
    background: #f8f8f8;
    border: 1px solid #f8f8f8
}

.product-list-gqf .section .com_right .com_pro ul li:nth-of-type(3n) {
    margin-right: 0
}

.product-list-gqf .section .com_right .com_pro ul li a {
    color: #737373
}

.product-list-gqf .section .com_right .com_pro ul li .img {
    text-align: center;
    overflow: hidden
}

.product-list-gqf .section .com_right .com_pro ul li img {
    overflow: hidden;
    max-width: 100%;
    display: inline-block
}

.product-list-gqf .section .com_right .com_pro ul li a font {
    font-size: 18px;
    color: #4172c3;
    padding: 10px 0;
    display: block;
    background: #f8f8f8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-list-gqf .section .com_right .com_pro ul li a .mask {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.5s
}

.product-list-gqf .section .com_right .com_pro ul li:hover a .mask {
    opacity: 1;
    filter: alpha(opacity=100)
}

.product-list-gqf .section .pagination {
    margin-top: 60px;
    margin-right: auto;
    margin-left: auto
}

.product-list-gqf .section .pagination li {
    background: #fffffa
}

.product-list-gqf .section .pagination li a {
    color: #737373;
    border: 1px solid #fffffa
}

.product-list-gqf .section .pagination li.active {
    background: #2c508c
}

.product-list-gqf .section .pagination li a.selected {
    color: #fff;
    border: 1px solid #2c508c
}

@media screen and (max-width: 1200px) {
    .product-list-gqf .section .com_right {
        width:100%;
        float: none;
        padding: 20px 0px 60px
    }
}

@media screen and (max-width: 720px) {
    .product-list-gqf .section .com_right .com_pro ul li,.product-list-gqf .section .com_right .com_pro ul li:nth-of-type(3n) {
        width:49%;
        margin: 0;
        margin-right: 2%;
        margin-bottom: 30px
    }

    .product-list-gqf .section .com_right .com_pro ul li:nth-of-type(2n) {
        margin-right: 0
    }

    .product-list-gqf .section-container {
        padding: 40px 20px
    }
}

@media screen and (max-width: 414px) {
    .product-list-gqf .section .flgr-product-box ul li {
        float:none;
        width: 94%;
        margin: 10px 3%
    }
}

.product-list-section .fl {
    float: left
}

.product-list-section .fr {
    float: right
}

.product-list-section .full {
    width: 100%
}

.product-list-section .show {
    display: block
}

.product-list-section .hide {
    display: none
}

.product-list-section .clearfix {
    clear: both;
    zoom:1}

.product-list-section ul,.product-list-section li {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-list-section .section {
    position: relative
}

.product-list-section .section-container {
    padding: 50px 0
}

.product-list-section .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.product-list-section .flgr-product-box ul {
    overflow: hidden;
    padding: 20px
}

.product-list-section .flgr-product-box ul li {
    float: left;
    width: 19%;
    margin-left: 1%;
    margin-top: 15px;
    padding: 0 0 20px;
    position: relative;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1)
}

.product-list-section .flgr-product-box ul li a {
    display: block;
    padding: 10px
}

.product-list-section .flgr-product-box ul li a img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 10px 10px 0 0;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s
}

.product-list-section .flgr-product-box ul li a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70)
}

.product-list-section .flgr-product-box ul li p {
    margin: 40px 0 0 20px;
    line-height: 18px;
    font-size: 16px;
    color: #bcbcbc;
    border-left: 1px solid #aeaeae
}

.product-list-section .flgr-product-box ul li h6 {
    border-left: 1px solid #aeaeae;
    line-height: 14px;
    font-size: 14px;
    padding: 10px 0 0 0;
    color: #bcbcbc;
    margin: 0;
    margin-left: 20px
}

.product-list-section .flgr-product-box ul li p,.product-list-section .flgr-product-box ul li h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-list-section .flgr-product-box ul li p i,.product-list-section .flgr-product-box ul li h6 i {
    padding: 0 10px
}

@media screen and (max-width: 1200px) {
    .product-list-section .flgr-product-box ul li h6 {
        border-left:1px solid #aeaeae;
        line-height: 22px;
        font-size: 14px
    }
}

@media screen and (max-width: 720px) {
    .product-list-section .flgr-product-box ul li p i,.product-list-section .flgr-product-box ul li h6 i {
        padding:0 5px
    }

    .product-list-section .flgr-product-box ul {
        overflow: hidden;
        padding: 0px
    }

    .product-list-section .flgr-product-box ul li {
        float: left;
        width: 48%;
        margin: 10px 0;
        margin-right: 4%
    }

    .product-list-section .flgr-product-box ul li:nth-of-type(2n) {
        margin-right: 0
    }
}

.product-magnifier .full {
    width: 100%
}

.product-magnifier .inner {
    padding: 2em 0
}

.product-magnifier #primary {
    width: 100%
}

.product-magnifier #primary.have-sidebar {
    width: 71%
}

.product-magnifier #primary.fr {
    padding-left: 5%
}

.product-magnifier #primary.fl {
    padding-right: 5%
}

.product-magnifier #secondary {
    width: 29%
}

.product-magnifier .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.product-magnifier img {
    max-width: 100%
}

.product-magnifier ul,.product-magnifier ol,.product-magnifier li {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-magnifier .fl {
    float: left
}

.product-magnifier .fr {
    float: right
}

.product-magnifier .show {
    display: block
}

.product-magnifier .hide {
    display: none
}

.product-magnifier .clearfix {
    clear: both;
    zoom:1}

.product-magnifier .section {
    position: relative;
    background: transparent
}

.product-magnifier .section-container {
    padding: 50px 0
}

.product-magnifier .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.product-magnifier .section .section-container {
    position: relative
}

.product-magnifier .section .com_right {
    padding: 0px 0px 60px
}

.product-magnifier img {
    max-width: 100%
}

.product-magnifier .sc-product-detail {
    overflow: hidden
}

.product-magnifier .sc-product-detail-pic {
    float: left;
    width: 40%
}

.product-magnifier .sc-product-detail-pic-big {
    width: 100%;
    height: 340px;
    line-height: 340px;
    padding: 5px 20px;
    border: 1px solid #f1f1f1;
    overflow: hidden;
    text-align: center;
    display: inline-block
}

.product-magnifier .sc-product-detail-pic-big img {
    max-width: 100%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    max-height: 100%
}

.product-magnifier .sc-product-detail-pic-list {
    padding-top: 14px;
    width: 100%
}

.product-magnifier .sc-product-detail-pic-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.product-magnifier .sc-product-detail-pic-list ul li {
    float: left;
    margin: 0 9px 6px 0;
    width: 60px;
}

.product-magnifier .sc-product-detail-pic-list ul li a {
    display: block;
    border: 1px solid rgba(0,0,0,0.08);
    padding-top: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.product-magnifier .sc-product-detail-pic-list ul li a.on {
    border: 1px solid #2c508c
}

.product-magnifier .sc-product-detail-pic-big.on {
    border: 1px solid #2c508c
}

.product-magnifier .sc-product-detail-pic-list ul li a img {
    display: block;
    width: 58px;
    border: 0;
    padding: 4px
}

.product-magnifier .sc-product-detail-pic-list ul li:nth-of-type(6n) {
    margin-right: 0
}

.product-magnifier .sc-product-detail-information {
    float: right;
    width: 50%
}

.product-magnifier .sc-product-detail-information-title {
    font-size: 26px;
    line-height: 26px;
    padding-bottom: 26px;
    text-transform: uppercase;
    color: #2c508c;
    font-weight: 700;
    border-bottom: 1px dashed #2c508c;
    margin-bottom: 16px;
    margin-top: 20px
}

.product-magnifier .sc-product-detail-information-description {
    padding: 10px 0;
    color: #a6a6a6;
    font-size: 13px;
    line-height: 24px
}

.product-magnifier .sc-product-detail-information-params p {
    padding: 5px 0;
    line-height: 1em;
    width: 100%;
    overflow: hidden
}

.product-magnifier .sc-product-detail-information-params p label {
    float: left;
    width: 120px
}

.product-magnifier .sc-product-detail-information-params p span {
    display: block;
    margin-left: 130px
}

.product-magnifier .sc-product-detail-main {
    clear: both;
    padding-top: 30px
}

.product-magnifier .sc-product-detail-main-tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background: #f7f7f7
}

.product-magnifier .sc-product-detail-main-tabs li {
    float: left;
    margin-right: 1px
}

.product-magnifier .sc-product-detail-main-tabs li a {
    display: block;
    line-height: 36px;
    padding: 0 30px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #666
}

.product-magnifier .sc-product-detail-main-tabs li a:hover {
    background-color: #666
}

.product-magnifier .sc-product-detail-main-tabs li a.selected {
    background-color: #2c508c;
    color: #fff
}

.product-magnifier .sc-product-detail-main-item {
    padding: 15px 0;
    font-size: 13px;
    line-height: 24px
}

.product-magnifier div.zoomDiv {
    z-index: 9999;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 250px;
    height: 200px;
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    text-align: center;
    overflow: hidden
}

.product-magnifier .sc-product-detail-main-item p {
    line-height: 1.5em;
    color: #737373
}

.product-magnifier .sc-product-detail-main-item table {
    border-collapse: collapse;
    border-width: thin;
    border-style: solid;
    border-color: #e4e3e3;
    margin-bottom: 10px
}

.product-magnifier .sc-product-detail-main-item table td {
    line-height: 30px;
    padding: 6px 10px !important;
    border: 1px solid #e4e3e3
}

.product-magnifier .sc-product-detail-main-item table td img {
    max-width: 100%
}

.product-magnifier .sc-product-detail-main-item table th {
    border: 1px solid #e4e3e3
}

.product-magnifier div.zoomDiv img {
    display: block
}

.product-magnifier div.zoomMask {
    position: absolute;
    background: url(../images/sc-product-detail-mask.png) repeat scroll 0 0 transparent;
    cursor: move;
    z-index: 1
}

.product-magnifier .inproinfo .wrapper {
    overflow: hidden
}

.product-magnifier .incon .inpro_content {
    float: right;
    font-size: 13px;
    line-height: 26px;
    color: #666;
    width: 70%;
    padding-top: 60px
}

@media screen and (max-width: 720px) {
    .product-magnifier .sc-product-detail-information {
        float:right;
        width: 100%
    }

    .product-magnifier .sc-product-detail-pic {
        width: 100%
    }

    .product-magnifier .sc-product-detail-pic-big {
        height: auto;
        line-height: normal
    }
}

@media screen and (max-width: 720px) {
    .product-magnifier .sc-product-detail-information-title {
        font-size:24px;
        padding-bottom: 10px;
        margin-bottom: 0px;
        margin-top: 20px
    }
}

.product-one .section-title {
    text-align: center
}

.product-one .section-title h2 {
    margin-bottom: 20px;
    color: #2c508c
}

.product-one .section-title div {
    color: #9c9c9c
}

.product-one .section-content .item {
    width: 25%;
    padding: 10px;
    text-align: center
}

.product-one .section-content .item div.image {
    position: relative;
    width: 100%;
    padding-top: 100%
}

.product-one .section-content .item div.image a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eee;
    overflow: hidden
}

.product-one .section-content .item div.image a img,.product-one .section-content .item div.image a span {
    display: inline-block;
    vertical-align: middle
}

.product-one .section-content .item div.image a img {
    max-width: 100%;
    max-height: 100%
}

.product-one .section-content .item div.image a span {
    height: 100%
}

.product-one .section-content .item div.word div.title {
    padding: 20px 0 10px 0
}

.product-one .section-content .item div.word div.title a {
    color: #325b9f;
    font-size: 1.2em;
    font-weight: bold
}

.product-one .section-content .item div.word div.title a p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.product-one .section-content .item div.word div.title a span {
    color: #999
}

.product-one .section-content .item div.word div.summary {
    color: #a6a6a6;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden
}

.product-one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 720px) {
    .product-one .section-content .item {
        width:50%
    }
}

.product-two .section-container {
    max-width: none;
    padding-left: 0;
    padding-right: 0
}

.product-two .section-title {
    text-align: center
}

.product-two .section-title h2 {
    margin-bottom: 20px;
    color: #2c508c
}

.product-two .section-title div {
    color: #9c9c9c
}

.product-two .section-content .item {
    width: 25%;
    padding: 10px 0;
    text-align: center
}

.product-two .section-content .item div.image {
    position: relative;
    width: 100%;
    padding-top: 75%
}

.product-two .section-content .item div.image a {
    color: #325b9f;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eee;
    overflow: hidden
}

.product-two .section-content .item div.image a img,.product-two .section-content .item div.image a span {
    display: inline-block;
    vertical-align: middle
}

.product-two .section-content .item div.image a img {
    max-width: 100%;
    max-height: 100%
}

.product-two .section-content .item div.image a span {
    height: 100%;
    color: #999
}

.product-two .section-content .item div.word div.title {
    padding: 20px 0 10px 0
}

.product-two .section-content .item div.word div.title a {
    color: #325b9f;
    font-size: 1.2em;
    font-weight: bold
}

.product-two .section-content .item div.word div.summary {
    color: #a6a6a6
}

.product-two .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width: 720px) {
    .product-two .section-content .item {
        width:50%;
        padding: 10px 0;
        text-align: center
    }
}

@media screen and (max-width: 414px) {
    .product-two .section-content .item {
        width:100%;
        padding: 10px 0;
        text-align: center
    }
}

.product_content_tab_one img {
    max-width: 100%
}

.product_content_tab_one ul,.product_content_tab_one li {
    padding: 0;
    margin: 0
}

.product_content_tab_one .section-tab {
    padding: 30px;
    background: #fafafa
}

.product_content_tab_one .slideBox {
    background: #fafafa
}

.product_content_tab_one .slideBox .hd {
    line-height: 40px;
    background: #f4f4f4;
    padding: 0;
    position: relative
}

.product_content_tab_one .slideBox .hd ul {
    list-style: none;
    overflow: hidden
}

.product_content_tab_one .slideBox .hd ul li {
    float: left;
    padding: 0 15px;
    cursor: pointer;
    list-style: none;
    margin: 0
}

.product_content_tab_one .slideBox .hd ul li.on {
    background: #2c508c;
    color: #fff
}

.product_content_tab_one .slideBox .bd>div {
    padding: 20px;
    zoom:1}

.product_content_tab_one img {
    max-width: 100%
}

@media screen and (max-width: 720px) {
    .product_content_tab_one .section-tab {
        padding:0
    }

    .product_content_tab_one .slideBox .hd {
        height: auto
    }

    .product_content_tab_one .slideBox .hd ul {
        float: none;
        height: auto;
        overflow: hidden;
        position: static
    }

    .product_content_tab_one .slideBox .hd ul li {
        float: left;
        width: 25%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media screen and (max-width: 480px) {
    .product_content_tab_one .slideBox .hd ul li {
        width:50%
    }
}

.product_gallery_one .fl {
    float: left
}

.product_gallery_one .fr {
    float: right
}

.product_gallery_one img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.product_gallery_one ul,.product_gallery_one li {
    list-style: none;
    padding: 0;
    margin: 0
}

.product_gallery_one .section {
    position: relative
}

.product_gallery_one .section-container {
    padding: 50px 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

.product_gallery_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.product_gallery_one .main-content .list {
    overflow: hidden;
    width: 31.333%;
    margin-right: 3%;
    float: left;
    margin-bottom: 40px
}

.product_gallery_one .main-content .list:nth-of-type(3n) {
    margin-right: 0
}

.product_gallery_one .main-content .list li.mask_li {
    margin: 0;
    position: relative
}

.product_gallery_one .main-content .list li.mask_li>div:first-child {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #e8e8e8
}

.product_gallery_one .main-content .list li.mask_li .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s
}

.product_gallery_one .main-content .list li.mask_li .href {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 50px
}

.product_gallery_one .main-content .list li.mask_li .href a {
    padding: 5px 10px;
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.product_gallery_one .main-content .list li.mask_li .title {
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product_gallery_one .main-content .list li.mask_li .title a {
    color: #737373;
    font-size: 14px;
    padding: 5px
}

.product_gallery_one .main-content .list li.mask_li:hover .mask {
    background: rgba(0,0,0,0.4)
}

.product_gallery_one .main-content .list li.mask_li .href a:hover {
    background: #2c508c;
    border-color: #2c508c
}

.product_gallery_one .main-content .list li.group {
    display: none
}

.product_gallery_one .img {
    padding: 10px
}

.product_gallery_one .navigation {
    clear: both
}

.product_gallery_one .navigation:before {
    display: block;
    content: '';
    clear: both
}

@media screen and (max-width: 580px) {
    .product_gallery_one .main-content .list {
        width:50%
    }

    .product_gallery_one .main-content .list li.mask_li .title a {
        font-size: 14px
    }
}

@media screen and (max-width: 360px) {
    .product_gallery_one .main-content .list {
        width:100%
    }
}

.product_list_slider .fl {
    float: left
}

.product_list_slider .fr {
    float: right
}

.product_list_slider img {
    max-width: 100%
}

.product_list_slider ul,.product_list_slider li {
    list-style: none;
    padding: 0;
    margin: 0
}

.product_list_slider .section {
    position: relative
}

.product_list_slider .section-container {
    padding: 50px 0;
    width: 1200px;
    max-width: 100%
}

.product_list_slider .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.product_list_slider .main-title {
    background-color: #fafafa;
    margin-bottom: 45px;
    position: relative
}

.product_list_slider .main-title .title {
    border-left: 3px solid #2c508c;
    font-size: 18px;
    color: #2c508c;
    padding: 10px
}

.product_list_slider .main-title .href {
    position: absolute;
    right: 10px;
    top: 7px;
    width: 26px
}

.product_list_slider .main-title .href span {
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #2c508c;
    border-radius: 50%;
    margin: 0 2px
}

.product_list_slider .list ul.ul {
    overflow: hidden
}

.product_list_slider .list ul.ul>li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 10px
}

.product_list_slider .list ul.ul>li:nth-of-type(3n) {
    margin-right: 0
}

.product_list_slider .list ul.ul>li a {
    display: block
}

.product_list_slider .list li .title {
    font-size: 14px;
    color: #737373;
    line-height: 1.8em;
    text-align: center
}

.product_list_slider .ul_div {
    margin-top: 30px
}

.product_list_slider .ul_div li.active {
    background-color: #2c508c;
    border-color: #2c508c
}

.product_list_slider .ul_div li.active a {
    color: #fff
}

.product_list_slider .modal {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    display: none
}

.product_list_slider .modal.show {
    transform: scale(1.1)
}

.product_list_slider .modal_wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.product_list_slider .modal .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6)
}

.product_list_slider .modal .modal-content {
    width: 980px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -490px;
    margin-top: -325px;
    background-color: #fff;
    padding: 50px 50px 150px
}

.product_list_slider .slider_one {
    float: left;
    width: 50%
}

.product_list_slider .slider_one .hd {
    height: 80px;
    width: auto;
    overflow: hidden;
    position: absolute;
    left: 50px;
    right: 50%;
    bottom: 50px;
    z-index: 1
}

.product_list_slider .slider_one .hd li {
    width: 80px;
    height: 80px;
    display: inline-block
}

.product_list_slider .slider_one .hd li img {
    width: 100%
}

.product_list_slider .slider_one .bd {
    border-radius: 2px solid #eee
}

.product_list_slider .slider_one .bd ul {
    overflow: hidden
}

.product_list_slider .slider_one .bd ul li {
    float: left
}

.product_list_slider .slider_one .bd ul li img {
    width: 100%
}

.product_list_slider .slider_one .prev,.product_list_slider .slider_one .next {
    background-size: 80px 80px;
    background-position: center;
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -40px
}

.product_list_slider .slider_one .prev {
    left: -100px
}

.product_list_slider .slider_one .next {
    right: -100px
}

.product_list_slider span#close {
    font-size: 34px;
    color: #999;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

.product_list_slider .des {
    width: 50%;
    padding: 0 20px
}

.product_list_slider .des .title {
    font-size: 20px;
    line-height: 28px;
    color: #2c508c;
    padding: 0px 0 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px
}

.product_list_slider .des .href a {
    text-align: center;
    margin-top: 30px;
    display: block;
    width: 85px;
    height: 30px;
    line-height: 30px;
    color: #c30;
    font-size: 15px;
    font-weight: 100;
    border-radius: 30px;
    border: 1px solid #c30
}

.product_list_slider .des .href a:hover {
    background: #c30;
    color: #fff
}

@media screen and (max-width: 1200px) {
    .product_list_slider .main-title {
        margin-bottom:30px
    }

    .product_list_slider .section-container {
        padding: 40px 20px
    }
}

@media screen and (max-width: 720px) {
    .product_list_slider .list ul li {
        width:49%
    }

    .product_list_slider .list ul li:nth-of-type(3n) {
        margin-right: 2%
    }

    .product_list_slider .list ul li:nth-of-type(2n) {
        margin-right: 0
    }
}

.product_list_three img {
    max-width: 100%
}

.product_list_three ul,.product_list_three li {
    padding: 0;
    margin: 0;
    list-style: none
}

.product_list_three .section {
    position: relative
}

.product_list_three .section-container {
    padding: 50px 0;
    width: 1200px;
    max-width: 100%
}

.product_list_three .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.product_list_three .main-title {
    margin-bottom: 60px;
    position: relative
}

.product_list_three .main-title .title {
    color: #2c508c;
    font-size: 24px;
    line-height: 1em
}

.product_list_three .main-title .line {
    display: block;
    margin: 8px 0;
    width: 96px;
    height: 1px;
    background: #737373
}

.product_list_three .main-title .subtitle {
    color: #9c9c9c;
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 100
}

.product_list_three .main-title .href {
    position: absolute;
    right: 0;
    bottom: 0
}

.product_list_three .main-title .href a {
    color: #2c508c;
    font-size: 14px
}

.product_list_three .main-title .href a:hover {
    text-decoration: underline
}

.product_list_three .main-content {
    margin-top: -20px
}

.product_list_three .main-content ul {
    overflow: hidden;
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px
}

.product_list_three .main-content ul li {
    position: relative;
    float: left;
    width: 33.3333%;
    margin: 0
}

.product_list_three .main-content ul li a {
    display: block;
    width: 100%;
    height: 100%
}

.product_list_three .main-content ul li .img {
    overflow: hidden
}

.product_list_three .main-content ul li img {
    width: 100%;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s
}

.product_list_three .main-content ul li .mask {
    transform: scale(1);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,0);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s
}

.product_list_three .main-content ul li .words {
    text-align: center;
    position: absolute;
    height: 44px;
    top: 50%;
    margin-top: -22px;
    left: 0;
    right: 0
}

.product_list_three .main-content ul li .title {
    color: #2c508c;
    font-size: 18px;
    padding: 0 10px;
    line-height: 1em;
    margin-bottom: 5px;
    position: relative;
    top: -20px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    opacity: 0
}

.product_list_three .main-content ul li .subtitle {
    color: #737373;
    font-size: 13px;
    line-height: 1em;
    position: relative;
    top: 20px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    opacity: 0
}

.product_list_three .main-content ul li:hover img {
    transform: scale(1)
}

.product_list_three .main-content ul li:hover .words .title {
    top: 0;
    opacity: 1
}

.product_list_three .main-content ul li:hover .words .subtitle {
    top: 0;
    opacity: 1
}

.product_list_three .main-content ul li:hover .mask {
    background: rgba(255,255,255,0.7);
    transform: scale(1.1)
}

@media screen and (max-width: 720px) {
    .product_list_three .section-container {
        padding:40px 20px
    }

    .product_list_three .main-title {
        margin-bottom: 30px
    }

    .product_list_three .main-content ul li .title {
        font-size: 16px
    }

    .product_list_three .main-content ul li .subtitle {
        font-size: 12px
    }
}

@media screen and (max-width: 580px) {
    .product_list_three .main-content ul li {
        width:50%;
        margin: 5px auto
    }
}

@media screen and (max-width: 360px) {
    .product_list_three .main-content ul li {
        float:none;
        width: 90%;
        margin: 10px auto
    }
}

.product_slider_one .fl {
    float: left
}

.product_slider_one .fr {
    float: right
}

.product_slider_one img {
    max-width: 100%
}

.product_slider_one .section {
    position: relative
}

.product_slider_one .section-container {
    padding: 50px 0;
    width: 1200px;
    max-width: 100%
}

.product_slider_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.product_slider_one .main-title {
    position: relative;
    text-align: center;
    font-weight: 700;
    margin-bottom: 60px
}

.product_slider_one .main-title .title {
    font-size: 38px;
    color: #2c508c;
    text-transform: uppercase;
    line-height: 1em
}

.product_slider_one .main-title em {
    font-style: normal;
    font-size: 44px;
    color: #2c508c
}

.product_slider_one .main-title .subtitle {
    font-size: 25px;
    text-transform: uppercase;
    color: #9c9c9c;
    margin-top: 10px
}

.product_slider_one .main-content {
    padding: 75px 0
}

.product_slider_one .main-content p {
    color: rgba(255,255,255,0.5);
    text-align: center
}

.product_slider_one .main-content p.p {
    margin: 0px auto 90px;
    width: 813px;
    line-height: 2em;
    max-width: 100%
}

.product_slider_one .main-content {
    position: relative;
    width: 100%;
    height: 707px
}

.product_slider_one .content-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.product_slider_one .content-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.product_slider_one .title {
    height: 65px;
    line-height: 65px;
    color: rgba(255,255,255,0.5);
    font-size: 20px
}

.range_solarland .fl {
    float: left
}

.range_solarland .fr {
    float: right
}

.range_solarland .section {
    position: relative
}

.range_solarland .section-container {
    position: relative;
    z-index: 1;
    background: #fff
}

.range_solarland .main_tit {
    margin: 0 auto;
    margin-bottom: 100px
}

.range_solarland .main_tit .title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
    color: #2c508c
}

.range_solarland .main_tit .para {
    text-align: center;
    font-size: 14px;
    line-height: 1.8em;
    color: #9c9c9c;
    width: 985px;
    max-width: 100%;
    margin: 0 auto
}

.range_solarland .main_cont img {
    width: 100%;
    margin: 0 auto;
    display: block
}

.range_solarland .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 0
}

.range_solarland .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.recruit_list .full {
    width: 100%
}

.recruit_list .fl {
    float: left
}

.recruit_list .fr {
    float: right
}

.recruit_list .show {
    display: block
}

.recruit_list .hide {
    display: none
}

.recruit_list .clearfix {
    clear: both;
    zoom:1}

.recruit_list .com_news {
    margin-bottom: 30px
}

.recruit_list .com_news .title {
    height: 52px;
    line-height: 52px;
    background-color: #fff
}

.recruit_list .com_news ul {
    border: 1px solid #ddd;
    text-align: center
}

.recruit_list .com_news ul li {
    overflow: hidden;
    line-height: 40px;
    border-bottom: 1px solid #ddd
}

.recruit_list .com_news ul li a {
    color: #737373;
    display: block;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    transition: 0.3s
}

.recruit_list .com_news ul li:hover>a {
    background-color: #eee
}

.recruit_list .com_news ul li.last {
    border: none
}

.recruit_list .com_news ul li div {
    width: 15%;
    float: left;
    position: relative;
    height: 40px
}

.recruit_list .com_news ul li div.first {
    width: 40%
}

.recruit_list .com_news ul li.title div:after {
    position: absolute;
    content: '|';
    color: #ddd;
    right: 0;
    top: 0
}

.recruit_list .com_news ul li.title div.last:after {
    display: none
}

@media screen and (max-width: 720px) {
    .recruit_list .com_news ul li div,.recruit_list .com_news ul li div.first {
        width:20%
    }

    .recruit_list .com_news ul li.title {
        height: 40px;
        line-height: 40px
    }

    .recruit_list .com_news ul li.title div {
        height: 40px;
        line-height: 40px
    }

    .recruit_list .com_news ul li div {
        height: auto;
        line-height: 1.5em;
        padding: 5px 0
    }
}

.recruit_list ul,.recruit_list li {
    list-style: none;
    margin: 0;
    padding: 0
}

.recruit_list .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.scroll-to-top #fixed-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 8px;
    background: #2c508c;
    color: #fff;
    z-index: 9999;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.3s;
    visibility: hidden
}

.scroll-to-top #fixed-to-top.show {
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1
}

.search-section .section-container {
    padding: 50px 20px
}

.search-section .section {
    background: #fff
}

.search-section .search-section .search-contents-list .content-list {
    overflow: hidden
}

.search-section .search-section .search-contents-list .content-list li {
    overflow: hidden;
    margin-bottom: 30px;
    width: 32%;
    margin-right: 2%;
    float: left;
    background-color: #fafafa
}

.search-section .search-section .search-contents-list .content-list li:nth-of-type(3n) {
    margin-right: 0
}

.search-section .search-section .search-contents-list .content-list li a img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    width: 100%
}

.search-section .search-section .search-contents-list .content-list li a {
    color: #00274c;
    font-size: 16px;
    margin: 20px 0;
    margin-top: 0;
    display: block
}

.search-section .search-section .search-contents-list .content-list li a:nth-child(2) {
    padding: 0 10px
}

.search-section .search-section .search-contents-list .content-list li p {
    color: #00274c;
    width: 50%;
    line-height: 1.8em;
    padding: 0 10px
}

.search-section .search-section .search-contents-list .content-list li span {
    display: block;
    color: #00274c;
    width: 50%;
    padding: 0 10px
}

.search-section .search-section .search-contents-list .content-list li p:before,.search-section .search-section .search-contents-list .content-list li p:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    content: '';
    height: 1px;
    background: #eee
}

.search-section .search-section .search-contents-list .content-list li p:before {
    width: 0;
    background: #014da1;
    transition: 0.3s;
    z-index: 5
}

@media screen and (max-width: 720px) {
    .search-section .search-section .search-contents-list .content-list li {
        width:48%;
        margin-right: 4%
    }

    .search-section .search-section .search-contents-list .content-list li:nth-of-type(3n) {
        margin-right: 4%
    }

    .search-section .search-section .search-contents-list .content-list li:nth-of-type(2n) {
        margin-right: 0
    }
}

.section-aboutAndChannel .section {
    position: relative
}

.section-aboutAndChannel .section-container {
    padding: 50px 0;
    max-width: 1200px;
    overflow: hidden;
    margin: auto
}

.section-aboutAndChannel .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-repeat: no-repeat
}

.section-aboutAndChannel ul {
    margin: 75px 0px 85px 0px;
    overflow: hidden;
    padding: 0
}

.section-aboutAndChannel li {
    list-style-type: none;
    float: left;
    color: #aaa;
    text-align: center;
    border-left: 1px solid #4d4a4b;
    width: 25%;
    box-sizing: border-box
}

.section-aboutAndChannel li em,.section-aboutAndChannel li img {
    display: block
}

.section-aboutAndChannel li em {
    font-size: 29px;
    font-weight: bold;
    font-style: normal;
    color: #fff;
    margin: 17px 0px 5px 0px;
    line-height: 29px
}

.section-aboutAndChannel li img {
    margin: 0px auto;
    transform: translateY(0px);
    transition: all 0.3s ease-in-out
}

.section-aboutAndChannel li:first-child {
    border: 0
}

.section-aboutAndChannel strong {
    font-size: 36px;
    color: #fff;
    display: block;
    text-align: center
}

.section-aboutAndChannel span {
    font-size: 24px;
    color: #fff;
    display: block;
    text-align: center
}

.section-aboutAndChannel p {
    margin: 15px auto;
    font-size: 14px;
    color: #6b6e76;
    line-height: 21px;
    text-align: center
}

.section-aboutAndChannel .imgListBox {
    clear: both;
    background: #fff;
    padding: 0
}

.section-aboutAndChannel .imgListBox li {
    padding: 3px;
    border: 0;
    height: 210px;
    overflow: hidden;
    color: #0f5aa1;
    font-size: 26px;
    position: relative
}

.section-aboutAndChannel .imgListBox li img {
    width: 100%;
    height: 100%
}

.section-aboutAndChannel .imgListBox li i {
    height: 2px;
    width: 30px;
    background: #0f5aa1;
    display: block;
    margin: 15px auto 0px
}

.section-aboutAndChannel .imgListTxt div {
    font-size: 18px;
    color: #323546;
    margin-top: 48px;
    font-weight: bold
}

.section-aboutAndChannel .imgListTxt p {
    margin: 15px auto 5px
}

.section-aboutAndChannel .imgListBox .moreBtn {
    cursor: pointer
}

.section-aboutAndChannel .imgListBox .moreBtn a {
    border: 6px solid #333;
    display: block;
    height: 100%;
    position: relative;
    background: #eee;
    line-height: 210px;
    text-align: center;
    color: #333;
    font-size: 14px;
    box-sizing: border-box
}

.section-aboutAndChannel .imgListBox section {
    height: 50px;
    width: 60px;
    line-height: 50px;
    text-align: center;
    background: #333;
    color: #fff;
    position: absolute;
    left: -6px;
    bottom: 0;
    transition: all 0.3s ease-in-out
}

.section-aboutAndChannel .iconList li span {
    font-size: 16px;
    color: #aaa
}

.section-aboutAndChannel .iconList li:hover img {
    transform: translateY(6px)
}

.section-aboutAndChannel .imgListBox .moreBtn:hover section {
    left: 0px;
    width: 54px
}

.section-aboutAndChannel .imgListBox .moreBtn:hover a {
    color: #0f5aa1
}

.section-aboutAndChannel .imgListBox-leakey .moreBtn:hover a {
    color: #2c508c
}

.section-aboutAndChannel .imgListBox b {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    z-index: 1000;
    position: absolute;
    top: -65px;
    left: 45%;
    border: 1px solid #fff;
    width: 34px;
    height: 34px;
    display: block;
    background: url("../images/fdj.png") no-repeat center
}

.section-aboutAndChannel .imgListBox li:hover b {
    top: 60px
}

.section-aboutAndChannel .imgListBox li span {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    font-weight: normal;
    display: block;
    top: 3px;
    left: 3px;
    height: 100%;
    width: 100%;
    padding-top: 110px;
    text-align: center;
    background-color: #1076d6;
    color: #fff;
    font-size: 14px
}

.section-aboutAndChannel .imgListBox-leakey li span {
    background-color: #2c508c
}

.section-aboutAndChannel .imgListBox li:hover span {
    opacity: 0.9
}

.section-aboutAndChannel .imgListBox li em {
    font-weight: normal;
    color: #0f5aa1;
    font-size: 26px;
    margin-top: 10px;
    line-height: 26px
}

.section-aboutAndChannel .imgListBox-leakey li em {
    color: #2c508c
}

.section-aboutAndChannel .subT {
    padding: 20px 0px
}

@media screen and (max-width: 1200px) {
    .section-aboutAndChannel .sectionBox {
        padding:0px 20px
    }
}

@media screen and (max-width: 720px) {
    .section-aboutAndChannel li {
        width:50%;
        border: 0
    }

    .section-aboutAndChannel .iconList li:nth-of-type(1),.section-aboutAndChannel .iconList li:nth-of-type(2) {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 450px) {
    .section-aboutAndChannel .imgListBox li {
        width:100%;
        margin-bottom: 20px
    }

    .section-aboutAndChannel li em {
        font-size: 18px
    }
}

.section-aboutAndChannel2 .section {
    position: relative
}

.section-aboutAndChannel2 .section-container {
    padding: 50px 0;
    max-width: 1200px;
    overflow: hidden;
    margin: auto
}

.section-aboutAndChannel2 .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-repeat: no-repeat
}

.section-aboutAndChannel2 ul {
    margin: 75px 0px 85px 0px;
    overflow: hidden;
    padding: 0
}

.section-aboutAndChannel2 li {
    list-style-type: none;
    float: left;
    color: #aaa;
    text-align: center;
    border-left: 1px solid #4d4a4b;
    width: 20%;
    box-sizing: border-box
}

.section-aboutAndChannel2 .imgListBox li {
    width: 25%
}

.section-aboutAndChannel2 li em,.section-aboutAndChannel2 li img {
    display: block
}

.section-aboutAndChannel2 li em {
    font-size: 29px;
    font-weight: bold;
    font-style: normal;
    color: #fff;
    margin: 17px 0px 5px 0px;
    line-height: 29px
}

.section-aboutAndChannel2 li img {
    margin: 0px auto;
    transform: translateY(0px);
    transition: all 0.3s ease-in-out
}

.section-aboutAndChannel2 li:first-child {
    border: 0
}

.section-aboutAndChannel2 strong {
    font-size: 36px;
    color: #fff;
    display: block;
    text-align: center
}

.section-aboutAndChannel2 span {
    font-size: 24px;
    color: #fff;
    display: block;
    text-align: center
}

.section-aboutAndChannel2 p {
    margin: 15px auto;
    font-size: 14px;
    color: #6b6e76;
    line-height: 21px;
    text-align: center
}

.section-aboutAndChannel2 .imgListBox {
    clear: both;
    background: #fff;
    padding: 0
}

.section-aboutAndChannel2 .imgListBox li {
    padding: 3px;
    border: 0;
    height: 210px;
    overflow: hidden;
    color: #0f5aa1;
    font-size: 26px;
    position: relative
}

.section-aboutAndChannel2 .imgListBox li img {
    width: 100%;
    height: 100%
}

.section-aboutAndChannel2 .imgListBox li i {
    height: 2px;
    width: 30px;
    background: #0f5aa1;
    display: block;
    margin: 15px auto 0px
}

.section-aboutAndChannel2 .imgListTxt div {
    font-size: 18px;
    color: #323546;
    margin-top: 48px;
    font-weight: bold
}

.section-aboutAndChannel2 .imgListTxt p {
    margin: 15px auto 5px
}

.section-aboutAndChannel2 .imgListBox .moreBtn {
    cursor: pointer
}

.section-aboutAndChannel2 .imgListBox .moreBtn a {
    border: 6px solid #333;
    display: block;
    height: 100%;
    position: relative;
    background: #eee;
    line-height: 210px;
    text-align: center;
    color: #333;
    font-size: 14px;
    box-sizing: border-box
}

.section-aboutAndChannel2 .imgListBox section {
    height: 50px;
    width: 60px;
    line-height: 50px;
    text-align: center;
    background: #333;
    color: #fff;
    position: absolute;
    left: -6px;
    bottom: 0;
    transition: all 0.3s ease-in-out
}

.section-aboutAndChannel2 .iconList li span {
    font-size: 16px;
    color: #aaa
}

.section-aboutAndChannel2 .iconList li:hover img {
    transform: translateY(6px)
}

.section-aboutAndChannel2 .imgListBox .moreBtn:hover section {
    left: 0px;
    width: 54px
}

.section-aboutAndChannel2 .imgListBox .moreBtn:hover a {
    color: #0f5aa1
}

.section-aboutAndChannel2 .imgListBox-leakey .moreBtn:hover a {
    color: #2c508c
}

.section-aboutAndChannel2 .imgListBox b {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    z-index: 1000;
    position: absolute;
    top: -65px;
    left: 45%;
    border: 1px solid #fff;
    width: 34px;
    height: 34px;
    display: block;
    background: url("../images/fdj.png") no-repeat center
}

.section-aboutAndChannel2 .imgListBox li:hover b {
    top: 60px
}

.section-aboutAndChannel2 .imgListBox li span {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    font-weight: normal;
    display: block;
    top: 3px;
    left: 3px;
    height: 100%;
    width: 100%;
    padding-top: 110px;
    text-align: center;
    background-color: #1076d6;
    color: #fff;
    font-size: 14px
}

.section-aboutAndChannel2 .imgListBox-leakey li span {
    background-color: #2c508c
}

.section-aboutAndChannel2 .imgListBox li:hover span {
    opacity: 0.9
}

.section-aboutAndChannel2 .imgListBox li em {
    font-weight: normal;
    color: #0f5aa1;
    font-size: 26px;
    margin-top: 10px;
    line-height: 26px
}

.section-aboutAndChannel2 .imgListBox-leakey li em {
    color: #2c508c
}

.section-aboutAndChannel2 .subT {
    padding: 20px 0px
}

@media screen and (max-width: 1200px) {
    .section-aboutAndChannel2 .sectionBox {
        padding:0px 20px
    }
}

@media screen and (max-width: 720px) {
    .section-aboutAndChannel2 li {
        width:50%;
        border: 0
    }

    .section-aboutAndChannel2 .iconList li:nth-of-type(1),.section-aboutAndChannel2 .iconList li:nth-of-type(2) {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 450px) {
    .section-aboutAndChannel2 .imgListBox li {
        width:100%;
        margin-bottom: 20px
    }

    .section-aboutAndChannel2 li em {
        font-size: 18px
    }
}

.section-advantage .section {
    position: relative
}

.section-advantage .section-container {
    padding: 50px 0;
    max-width: 1200px;
    margin: auto
}

.section-advantage .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-repeat: no-repeat
}

.section-advantage ul {
    list-style-type: none;
    overflow: hidden
}

.section-advantage li {
    float: left;
    width: 25%;
    padding: 80px 60px;
    box-sizing: border-box;
    color: #fff;
    position: relative
}

.section-advantage span,.section-advantage strong,.section-advantage p {
    display: block;
    position: relative;
    z-index: 2
}

.section-advantage strong {
    padding-bottom: 20px;
    font-size: 22px;
    padding-top: 10px
}

.section-advantage p {
    font-size: 14px;
    line-height: 26px
}

.section-advantage span img {
    height: 50px
}

.section-advantage li img {
    animation: imgIconAnimate 0.3s ease-in-out;
    -webkit-animation: imgIconAnimate 0.3s ease-in-out
}

.section-advantage li:hover img {
    -webkit-animation: imgIconAnimate2 0.3s ease-in-out;
    animation: imgIconAnimate2 0.3s ease-in-out
}

.section-advantage li:first-child {
    padding: 0;
    padding-right: 60px
}

.section-advantage li:first-child span {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #2c508c
}

.section-advantage li:first-child strong {
    font-size: 34px;
    color: #2c508c;
    border-bottom: 3px solid #f64e28
}

.section-advantage li:first-child p {
    color: #888;
    padding-top: 30px
}

.section-advantage li:first-child a {
    display: block;
    height: 60px;
    margin-top: 80px;
    line-height: 60px;
    background: #2c508c;
    font-weight: normal;
    text-indent: 30px;
    position: relative;
    overflow: hidden
}

.section-advantage li:first-child a em {
    position: relative;
    z-index: 1;
    font-style: normal
}

.section-advantage li:first-child a:link,.section-advantage li:first-child a:visited {
    text-decoration: none;
    color: #eee
}

.section-advantage li:first-child a img {
    float: right;
    margin-right: 30px;
    height: 60px;
    position: relative;
    z-index: 1
}

.section-advantage li:first-child a:after {
    content: " ";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #df0d0e;
    top: 0;
    left: -400px;
    z-index: 0;
    transition: all 0.3s
}

.section-advantage li:first-child:hover a:after {
    left: 0
}

.section-advantage li div {
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

@keyframes imgIconAnimate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes imgIconAnimate2 {
    0% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@media screen and (max-width: 1200px) {
    .section-advantage li {
        padding:60px 20px
    }

    .section-advantage li:first-child {
        padding-right: 20px
    }

    .section-advantage ul {
        padding: 0px 20px
    }

    .section-advantage li:first-child a {
        margin-top: 30px;
        text-indent: 20px
    }

    .section-advantage li:first-child a img {
        margin-right: 20px
    }
}

@media screen and (max-width: 720px) {
    .section-advantage li {
        width:50%;
        padding: 60px 20px
    }

    .section-advantage li:first-child {
        padding-right: 20px
    }

    .section-advantage ul {
        padding: 0px 20px
    }

    .section-advantage li:first-child a {
        margin-top: 20px;
        text-indent: 20px
    }

    .section-advantage li:first-child a img {
        margin-right: 20px
    }
}

@media screen and (max-width: 450px) {
    .section-advantage li {
        width:100%
    }

    .section-advantage li:first-child {
        padding-right: 0px;
        padding-bottom: 20px
    }
}

.section-case-imgzoom .section {
    position: relative
}

.section-case-imgzoom .section-container {
    padding: 50px 0;
    max-width: 1200px;
    margin: auto;
    overflow: hidden
}

.section-case-imgzoom .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.section-case-imgzoom .sectionBox {
    font-size: 14px
}

.section-case-imgzoom .sectionBox span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #333
}

.section-case-imgzoom .sectionBox strong {
    font-size: 32px;
    display: block;
    text-align: center;
    font-weight: normal;
    line-height: 60px
}

.section-case-imgzoom .sectionBox em {
    display: block;
    text-align: center;
    color: #aaa;
    font-size: 20px;
    margin-bottom: 20px
}

.section-case-imgzoom .sectionBox p {
    text-align: center;
    line-height: 30px;
    color: #777;
    width: 60%;
    display: block;
    margin: auto;
    margin-bottom: 70px
}

.section-case-imgzoom .sectionBox>ul {
    padding: 0
}

.section-case-imgzoom .sectionBox li {
    list-style-type: none;
    float: left;
    width: 33.33%;
    padding: 20px;
    box-sizing: border-box
}

.section-case-imgzoom .sectionBox li:last-child {
    width: 100%
}

.section-case-imgzoom .sectionBox li a {
    display: block;
    width: 100%;
    position: relative
}

.section-case-imgzoom .sectionBox>ul>li>a {
    line-height: 0
}

.section-case-imgzoom .sectionBox li a img {
    width: 100%
}

.section-case-imgzoom .sectionBox li a i {
    display: block;
    height: 30px;
    width: 100%;
    text-align: center;
    font-style: normal;
    line-height: 30px;
    overflow: hidden;
    background: rgba(0,0,0,0.5);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

.section-case-imgzoom .sectionBox .group {
    display: none
}

.section-case-imgzoom .navigation {
    text-align: center
}

.section-case-imgzoom .navigation li {
    width: auto;
    display: inline-block;
    float: none
}

.section-case-imgzoom .navigation ul {
    text-align: center
}

.section-case-imgzoom .navigation li a {
    width: auto
}

.section-case-imgzoom .sectionBox .navigation li:last-child {
    width: auto
}

.section-case-imgzoom .sectionBox .navigation li {
    padding: 0px
}

.section-case-imgzoom ul.pagination li.disabled a {
    color: #aaa
}

@media screen and (max-width: 720px) {
    .section-case-imgzoom .sectionBox>ul>li {
        width:50%
    }

    .section-case-imgzoom .sectionBox p {
        width: 80%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 450px) {
    .section-case-imgzoom .sectionBox>ul>li {
        width:100%
    }

    .section-case-imgzoom .sectionBox p {
        width: 90%;
        margin-bottom: 30px
    }
}

.section-interspersed-text .section {
    position: relative
}

.section-interspersed-text .section-container {
    padding: 50px 0;
    max-width: 1200px;
    margin: auto;
    overflow: hidden
}

.section-interspersed-text .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-repeat: no-repeat
}

.section-interspersed-text p {
    text-align: center;
    padding-bottom: 20px
}

.section-interspersed-text .mark {
    color: #f13a3a;
    font-family: "arial black","avant garde";
    font-size: 68px;
    padding: 0px;
    padding-right: 30px
}

.section-interspersed-text .mark:last-child {
    padding-left: 30px
}

.section-interspersed-text .sectionBox {
    padding: 20px 0px
}

.section-interspersed-text span {
    font-size: 30px;
    color: #fff
}

@media screen and (max-width: 1200px) {
    .section-interspersed-text .sectionBox {
        padding:20px
    }
}

@media screen and (max-width: 720px) {
    .section-interspersed-text span {
        font-size:24px
    }

    .section-interspersed-text .mark {
        font-size: 45px
    }
}

.section-list-team .section {
    position: relative
}

.section-list-team .section-container {
    padding: 50px 0;
    max-width: 1200px;
    margin: auto;
    overflow: hidden
}

.section-list-team .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.section-list-team h3 {
    text-align: center;
    color: #575757;
    font-size: 30px;
    font-weight: normal
}

.section-list-team span {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #777;
    font-size: 16px
}

.section-list-team ul {
    margin-top: 50px;
    overflow: hidden;
    padding: 0px
}

.section-list-team li {
    width: 25%;
    padding: 20px;
    float: left;
    list-style-type: none;
    box-sizing: border-box
}

.section-list-team .listbox {
    border: 1px solid #ccc;
    display: block;
    background: #fff
}

.section-list-team .section-container {
    max-width: 1200px;
    margin: auto
}

.section-list-team i {
    display: block;
    height: 2px;
    width: 40px;
    margin: 15px auto;
    background: #aaa
}

.section-list-team strong {
    box-sizing: border-box;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 20px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    word-break: break-all;
    color: #575757;
    margin-top: 10px
}

.section-list-team p {
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: 30px;
    text-align: center;
    color: #777;
    font-size: 14px;
    line-height: 24px;
    min-height: 90px;
    height: 90px;
    max-height: 90px;
    display: block;
    overflow: hidden
}

.section-list-team label {
    display: block
}

.section-list-team label,.section-list-team img {
    width: 100%;
    overflow: hidden
}

.section-list-team img {
    transition: all 0.3s ease-in-out
}

.section-list-team a {
    width: 99.666%
}

.section-list-team a:link {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    cursor: pointer
}

.section-list-team a:hover {
    background: #222;
    transition: all 0.3s ease-in-out
}

.section-list-team a:hover strong {
    color: #fff
}

.section-list-team a:hover p {
    color: #e5e5e5
}

.section-list-team a:hover img {
    transform: scale(1.2);
    transition: all 0.3s ease-in-out
}

.section-list-team .line {
    padding: 20px 20px 0px
}

.section-list-team .line em {
    display: block;
    height: 1px;
    background: #aaa
}

@media screen and (max-width: 900px) {
    .section-list-team li {
        width:33.33%
    }
}

@media screen and (max-width: 690px) {
    .section-list-team li {
        width:50%
    }
}

@media screen and (max-width: 450px) {
    .section-list-team li {
        width:100%
    }
}

.section-other-currentPosition .section {
    position: relative
}

.section-other-currentPosition .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.section-other-currentPosition .section-container {
    max-width: 1200px;
    margin: auto;
    padding: 20px 0px;
    overflow: hidden
}

.section-other-currentPosition .sectionBox {
    font-size: 14px
}

.section-other-currentPosition ul {
    padding: 0;
    overflow: hidden;
    margin: 0
}

.section-other-currentPosition a:link,.section-other-currentPosition a:visited {
    color: #737373;
    text-decoration: none
}

.section-other-currentPosition a:hover {
    color: #000
}

.section-other-currentPosition li {
    float: left;
    list-style-type: none;
    padding: 0px 5px;
    line-height: 24px
}

.section-other-currentPosition li:first-child {
    padding-left: 0
}

.section-other-currentPosition .lastW {
    color: #2c508c
}

@media screen and (max-width: 720px) {
    .section-other-currentPosition .sectionBox {
        padding:0px 20px
    }

    .section-other-currentPosition .contentT,.section-other-currentPosition .contentTTag {
        display: none
    }
}

.section-search .section {
    position: relative
}

.section-search .section-container {
    padding: 50px 0;
    max-width: 1200px;
    margin: auto;
    padding-top: 0;
    padding-bottom: 0
}

.section-search .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.section-search .searchBox {
    height: 100px;
    font-size: 14px;
    padding-top: 1px
}

.section-search .searchInputBox {
    float: right;
    width: 40%;
    height: 40px;
    margin-top: 30px;
    border: 1px solid #d63b29;
    position: relative;
    box-sizing: border-box;
    padding: 0px 0px 0px 5px
}

.section-search .searchVal {
    background: none;
    line-height: 40px;
    width: 100%;
    border: 0;
    color: #fff
}

.section-search .searchVal:focus {
    border: 0;
    outline: none
}

.section-search .searchBtn {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.section-search .searchBtn:hover {
    color: #d63b29
}

.section-search p {
    float: left;
    width: 60%;
    display: block;
    overflow: hidden;
    height: 20px;
    margin-top: 40px
}

.section-search p span {
    color: #d63b29
}

.section-search p a:link {
    color: #fff;
    text-decoration: none;
    margin-right: 20px
}

@media screen and (max-width: 1200px) {
    .section-search .searchBox {
        padding:1px 20px
    }

    .section-search .searchInputBox {
        width: 30%
    }

    .section-search p {
        width: 70%
    }
}

@media screen and (max-width: 720px) {
    .section-search .searchInputBox {
        width:100%;
        float: none
    }

    .section-search p {
        width: 100%;
        float: none;
        overflow: visible;
        height: auto
    }

    .section-search .searchBox {
        height: auto;
        padding-bottom: 40px
    }

    .section-search p span {
        display: block;
        padding-bottom: 10px
    }
}

.sidebar-dhfz .full {
    width: 100%
}

.sidebar-dhfz .inner {
    padding: 2em 0
}

.sidebar-dhfz #primary {
    width: 100%
}

.sidebar-dhfz #primary.have-sidebar {
    width: 71%
}

.sidebar-dhfz #primary.fr {
    padding-left: 5%
}

.sidebar-dhfz #primary.fl {
    padding-right: 5%
}

.sidebar-dhfz #secondary {
    width: 29%
}

.sidebar-dhfz .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.sidebar-dhfz img {
    max-width: 100%;
    margin: 0 auto
}

.sidebar-dhfz ul,.sidebar-dhfz ol,.sidebar-dhfz li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .sidebar-dhfz .wrapper {
        padding:0 20px
    }

    .sidebar-dhfz .header-menu .wrapper {
        padding: 0px
    }
}

.sidebar-dhfz .fl {
    float: left
}

.sidebar-dhfz .fr {
    float: right
}

.sidebar-dhfz .show {
    display: block
}

.sidebar-dhfz .hide {
    display: none
}

.sidebar-dhfz .clearfix {
    clear: both;
    zoom:1}

.sidebar-dhfz .section {
    position: relative;
    background: transparent
}

.sidebar-dhfz .section-container {
    padding: 50px 0
}

.sidebar-dhfz .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sidebar-dhfz .section-slide {
    margin: 50px 0;
    margin-left: 0;
    margin-right: 0
}

.sidebar-dhfz .inpro {
    padding: 40px 0 0;
    overflow: hidden
}

.sidebar-dhfz .sub_pro {
    margin-top: 60px
}

.sidebar-dhfz .sub_pro .prott {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #efefef
}

.sidebar-dhfz .sub_pro .prott h2 {
    font-size: 26px;
    color: #2c508c;
    font-weight: normal
}

.sidebar-dhfz .sub_pro .prott p {
    font-size: 16px;
    color: #b3b3b3
}

.sidebar-dhfz .typelist {
    overflow: hidden;
    padding-bottom: 40px
}

.sidebar-dhfz .typelist ul {
    border: 1px solid #2c508c
}

.sidebar-dhfz .typelist>ul>li {
    margin-bottom: 6px
}

.sidebar-dhfz .typelist>ul>li:nth-last-of-type(1) {
    margin-bottom: 0
}

.sidebar-dhfz .typelist>ul>li>a {
    line-height: 44px;
    height: 44px
}

.sidebar-dhfz .typelist>ul>li a {
    display: block;
    /*text-transform: uppercase;*/
    background: #dfdfdf;
    padding: 0 16px
}

.sidebar-dhfz .typelist>ul>li li li a {
    line-height: 20px
}

.sidebar-dhfz .typelist>ul>li a h2 {
    font-size: 14px;
    color: #3866b3;
    line-height: 44px;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sidebar-dhfz .typelist>ul>li a h2 span {
    width: 16px;
    display: block;
    float: left;
    height: 44px;
    margin-right: 6px
}

.sidebar-dhfz .typelist>ul>li a h2 span em {
    width: 0px;
    height: 44px;
    display: inline-block;
    vertical-align: middle
}

.sidebar-dhfz .typelist>ul>li a h2 span img {
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: middle
}

.sidebar-dhfz .typelist>ul>li.active>a,.sidebar-dhfz .typelist>ul>li.selected>a {
    background: #2c508c;
    color: #fff
}

.sidebar-dhfz .typelist>ul>li.active>a h2 {
    color: #fff
}

.sidebar-dhfz .typelist>ul>li.selected>a h2 {
    color: #fff
}

.sidebar-dhfz .typelist>ul>li>a:hover {
    background: #2c508c;
    color: #fff
}

.sidebar-dhfz .typelist>ul>li>a:hover h2 {
    padding: 0 18px;
    color: #fff
}

.sidebar-dhfz .inmainpro {
    width: 70%;
    float: right;
    margin-left: 6%;
    transition: 0.3s
}

.sidebar-dhfz .typelist li ul {
    display: none;
    background: #fff;
    padding: 12px 18px 0;
    border: 0
}

.sidebar-dhfz .typelist ul li.active>ul,.sidebar-dhfz .typelist ul li.selected>ul {
    display: block
}

.sidebar-dhfz .typelist>ul>li>ul>li {
    border-bottom: 1px solid #ddd
}

.sidebar-dhfz .typelist>ul>li ul li:nth-last-of-type(1) {
    border-bottom: 0
}

.sidebar-dhfz .typelist>ul>li ul li a {
    color: #737373;
    line-height: 36px;
    font-size: 13px;
    font-weight: normal;
    background: none;
    padding: 0 0px 0 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sidebar-dhfz .typelist>ul>li ul li:nth-last-of-type(1) a {
    border-bottom: 0
}

.sidebar-dhfz .typelist>ul>li>ul a:hover,.sidebar-dhfz .typelist>ul>li>ul a.selected {
    color: #2c508c
}

.sidebar-fixed img {
    max-width: 100%;
    margin: 0 auto
}

.sidebar-fixed ul,.sidebar-fixed ol,.sidebar-fixed li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .sidebar-fixed .wrapper {
        padding:0 20px
    }

    .sidebar-fixed .header-menu .wrapper {
        padding: 0px
    }
}

.sidebar-fixed .fl {
    float: left
}

.sidebar-fixed .fr {
    float: right
}

.sidebar-fixed .show {
    display: block
}

.sidebar-fixed .hide {
    display: none
}

.sidebar-fixed .clearfix {
    clear: both;
    zoom:1}

.sidebar-fixed .section {
    position: relative;
    background: transparent
}

.sidebar-fixed .section-container {
    padding: 50px 0
}

.sidebar-fixed .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sidebar-fixed .section-slide {
    margin: 50px 0;
    margin-left: 0;
    margin-right: 0
}

.sidebar-fixed .section .com_left .com_lt_list {
    overflow: hidden
}

.sidebar-fixed .section .root_name {
    color: #333;
    text-transform: uppercase;
    border-bottom: 3px solid #2c508c;
    margin-bottom: 26px;
    padding: 15px 0
}

.sidebar-fixed .section .root_name h2 {
    font-size: 18px;
    line-height: 1.4em
}

.sidebar-fixed .section .com_left .com_lt_list ul {
    margin: 0;
    background: #fffffa;
    padding: 10px 0
}

.sidebar-fixed .section .com_left .com_lt_list ul li {
    transition: 0.5s;
    margin-bottom: 15px
}

.sidebar-fixed .section .com_left .com_lt_list ul li a {
    color: silver;
    font-size: 16px;
    display: block;
    position: relative;
    padding: 0 26px;
    line-height: 2em
}

.sidebar-fixed .section .com_left .com_lt_list ul li.selected a.selected:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 10px;
    background-color: #2c508c;
    left: 0;
    display: inline-block;
    top: 50%;
    margin-top: -5px
}

.sidebar-fixed .section .com_left .com_lt_list ul li.selected a.selected:after {
    border-color: transparent transparent transparent #2c508c;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -5px;
    content: "";
    display: inline-block
}

.sidebar-fixed .section .com_left .com_lt_list ul li a:hover:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 10px;
    background-color: #2c508c;
    left: 0;
    display: inline-block;
    top: 50%;
    margin-top: -5px
}

.sidebar-fixed .section .com_left .com_lt_list ul li a:hover:after {
    border-color: transparent transparent transparent #2c508c;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -5px;
    content: "";
    display: inline-block
}

.sidebar-fixed .section .com_left .com_lt_qu {
    overflow: hidden;
    margin-top: 30px
}

.sidebar-fixed .section .com_lt_qu .slide_conlist .slide_contt {
    color: #df0d0e;
    margin-bottom: 6px
}

.sidebar-fixed .section .com_lt_qu .slide_conlist .slide_coninfo {
    margin-bottom: 20px
}

.sidebar-fixed .section .com_lt_qu .slide_conlist .slide_coninfo p {
    color: #737373;
    font-size: 16px;
    line-height: 24px
}

@media screen and (max-width: 1200px) {
    .sidebar-fixed .section .com_lt_qu {
        display:none
    }
}

@media screen and (max-width: 720px) {
    .sidebar-fixed .com_lt_list {
        display:none
    }
}

.sidebar-gqf img {
    max-width: 100%;
    margin: 0 auto
}

.sidebar-gqf ul,.sidebar-gqf ol,.sidebar-gqf li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .sidebar-gqf .wrapper {
        padding:0 20px
    }

    .sidebar-gqf .header-menu .wrapper {
        padding: 0px
    }
}

.sidebar-gqf .fl {
    float: left
}

.sidebar-gqf .fr {
    float: right
}

.sidebar-gqf .show {
    display: block
}

.sidebar-gqf .hide {
    display: none
}

.sidebar-gqf .clearfix {
    clear: both;
    zoom:1}

.sidebar-gqf ul,.sidebar-gqf li {
    margin: 0;
    padding: 0;
    list-style: none
}

.sidebar-gqf img {
    max-width: 100%
}

.sidebar-gqf .section {
    position: relative;
    background: transparent
}

.sidebar-gqf .section-container {
    padding: 50px 0
}

.sidebar-gqf .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sidebar-gqf .section-slide {
    margin: 50px 0;
    margin-left: 0;
    margin-right: 0
}

.sidebar-gqf .section .com_left .com_lt_list {
    overflow: hidden
}

.sidebar-gqf .section .root_name {
    color: #2c508c;
    text-transform: uppercase;
    border-bottom: 3px solid #2c508c;
    margin-bottom: 26px;
    padding: 15px 0
}

.sidebar-gqf .section .root_name h2 {
    font-size: 18px;
    line-height: 1.4em
}

.sidebar-gqf .section .com_left .com_lt_list ul {
    margin: 0;
    background: #fffffa;
    padding: 10px 0
}

.sidebar-gqf .section .com_left .com_lt_list ul li {
    transition: 0.5s;
    margin-bottom: 15px
}

.sidebar-gqf .section .com_left .com_lt_list ul li a {
    color: #b3b3b3;
    font-size: 16px;
    display: block;
    position: relative;
    padding: 0 26px;
    line-height: 2em
}

.sidebar-gqf .section .com_left .com_lt_list ul li.selected a.selected:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 10px;
    background-color: #2c508c;
    left: 0;
    display: inline-block;
    top: 50%;
    margin-top: -5px
}

.sidebar-gqf .section .com_left .com_lt_list ul li.selected a.selected:after {
    border-color: transparent transparent transparent #2c508c;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -5px;
    content: "";
    display: inline-block
}

.sidebar-gqf .section .com_left .com_lt_list ul li a:hover:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 10px;
    background-color: #2c508c;
    left: 0;
    display: inline-block;
    top: 50%;
    margin-top: -5px
}

.sidebar-gqf .section .com_left .com_lt_list ul li a:hover:after {
    border-color: transparent transparent transparent #2c508c;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -5px;
    content: "";
    display: inline-block
}

.sidebar-gqf .section .com_left .com_lt_qu {
    overflow: hidden;
    margin-top: 30px
}

.sidebar-gqf .section .com_lt_qu .slide_conlist .slide_contt {
    color: #df0d0e;
    margin-bottom: 6px
}

.sidebar-gqf .section .com_lt_qu .slide_conlist .slide_coninfo {
    margin-bottom: 20px
}

.sidebar-gqf .section .com_lt_qu .slide_conlist .slide_coninfo p {
    color: #5580c9;
    font-size: 16px;
    line-height: 24px
}

@media screen and (max-width: 1200px) {
    .sidebar-gqf .section .com_lt_qu {
        display:none
    }
}

@media screen and (max-width: 720px) {
    .sidebar-gqf .com_lt_list {
        display:none
    }
}

.sidebar-mandala .section {
    position: relative;
    background: transparent
}

.sidebar-mandala .section-container {
    padding: 50px 0
}

.sidebar-mandala .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sidebar-mandala .section-slide {
    margin: 50px 0;
    margin-left: 0;
    margin-right: 0
}

.sidebar-mandala .fl {
    float: left
}

.sidebar-mandala .fr {
    float: right
}

.sidebar-mandala img {
    max-width: 100%
}

.sidebar-mandala ul,.sidebar-mandala li {
    list-style: none;
    padding: 0;
    margin: 0
}

.sidebar-mandala span {
    display: block
}

.sidebar-mandala .title {
    color: #fff;
    background: #2c508c;
    padding: 20px
}

.sidebar-mandala .title h2 {
    font-size: 24px
}

.sidebar-mandala .title span {
    display: block;
    font-size: 13px;
    text-transform: uppercase
}

.sidebar-mandala .products_list li span {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    cursor: pointer;
    line-height: 40px;
    height: 40px;
    background-color: #2c508c;
    border-bottom: #5580c9;
    padding: 0 20px;
    color: #fff;
    font-size: 15px
}

.sidebar-mandala .products_list li span a {
    display: block;
    color: #fff;
    font-size: 15px;
    line-height: 40px
}

.sidebar-mandala .products_list li:hover>span,.sidebar-mandala .products_list li.active>span,.sidebar-mandala .products_list li.selected>span {
    background: #df0d0e
}

.sidebar-mandala .icon {
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    right: 5px;
    width: 15px;
    height: 15px
}

.sidebar-mandala .icon_h {
    display: none
}

.sidebar-mandala .products_list li li {
    line-height: 30px;
    padding-left: 40px;
    font-size: 13px;
    padding-right: 20px;
    position: relative
}

.sidebar-mandala .products_list li li:after {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #eee;
    left: 20px;
    top: 50%;
    margin-top: -2.5px
}

.sidebar-mandala .products_list li li a {
    color: #fff;
    text-align: justify
}

.sidebar-mandala .products_list li ul {
    height: 0;
    overflow: hidden;
    background-color: #2c508c
}

.sidebar-mandala .products_list li.active ul,.sidebar-mandala .products_list li.selected ul {
    height: auto
}

.sidebar-mandala .products_list li li:hover {
    background: #fff
}

.sidebar-mandala .products_list li li:hover>a {
    color: #df0d0e
}

.sidebar-mandala .products_list li.xiala .icon {
    display: none
}

.sidebar-mandala .products_list li.xiala .icon.icon_h {
    display: block
}

.sidebar-mandala .products_list li.xiala ul {
    padding: 10px 0
}

.sidebar-vietax .full {
    width: 100%
}

.sidebar-vietax .inner {
    padding: 2em 0
}

.sidebar-vietax #primary {
    width: 100%
}

.sidebar-vietax #primary.have-sidebar {
    width: 71%
}

.sidebar-vietax #primary.fr {
    padding-left: 5%
}

.sidebar-vietax #primary.fl {
    padding-right: 5%
}

.sidebar-vietax #secondary {
    width: 29%
}

.sidebar-vietax .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.sidebar-vietax img {
    max-width: 100%;
    margin: 0 auto
}

.sidebar-vietax ul,.sidebar-vietax ol,.sidebar-vietax li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .sidebar-vietax .wrapper {
        padding:0 20px
    }

    .sidebar-vietax .header-menu .wrapper {
        padding: 0px
    }
}

.sidebar-vietax .fl {
    float: left
}

.sidebar-vietax .fr {
    float: right
}

.sidebar-vietax .show {
    display: block
}

.sidebar-vietax .hide {
    display: none
}

.sidebar-vietax .clearfix {
    clear: both;
    zoom:1}

.sidebar-vietax .section {
    margin: 50px 0;
    margin-left: 0;
    margin-right: 0
}

.sidebar-vietax .section a,.sidebar-vietax .section span {
    display: block
}

.sidebar-vietax .section .section-slide {
    background-color: #fff;
    margin-bottom: 35px;
    border-radius: 10px;
    margin: 10px
}

.sidebar-vietax .section .section-slide .img {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px
}

.sidebar-vietax .section .section-slide .title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #2c508c;
    line-height: 45px;
    margin-bottom: 20px
}

.sidebar-vietax .section .section-slide .title.web-title {
    font-size: 16px;
    margin-bottom: 0;
    text-align: left;
    margin-top: 20px
}

.sidebar-vietax .section .section-slide .section-content>ul>li {
    margin-bottom: 10px
}

.sidebar-vietax .section .section-slide .section-content>ul>li>a {
    display: block;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 7px;
    background-color: #5580c9;
    color: #fff;
    font-size: 16px
}

.sidebar-vietax .section .section-slide .section-content>ul>li.active>a,.sidebar-vietax .section .section-slide .section-content>ul>li.selected>a {
    background-color: #2c508c
}

.sidebar-vietax .section .section-slide .section-content>ul>li ul {
    line-height: 38px;
    text-align: center;
    display: none;
    padding: 0 13px
}

.sidebar-vietax .section .section-slide .section-content>ul li.selected>ul,.sidebar-vietax .section .section-slide .section-content>ul li.active>ul {
    display: block
}

.sidebar-vietax .section .section-slide .section-content>ul>li ul li {
    border-bottom: 1px solid #f5f5f5;
    text-align: left
}

.sidebar-vietax .section .section-slide .section-content>ul>li ul li:last-of-type {
    border: none
}

.sidebar-vietax .section .section-slide .section-content>ul>li ul li span {
    margin-right: 5px
}

.sidebar-vietax .section .section-slide .section-content>ul>li ul li a,.sidebar-vietax .section .section-slide .section-content>ul>li ul li span {
    color: #a6a6a6;
    font-size: 15px;
    display: inline-block
}

.sidebar-vietax .section .section-slide .section-content>ul>li ul li li a,.sidebar-vietax .section .section-slide .section-content>ul>li ul li li span {
    font-size: 12px;
    line-height: 14px
}

.sidebar-vietax .section .section-slide .section-content>ul>li ul li.selected>a,.sidebar-vietax .section .section-slide .section-content>ul>li ul li.selected>span {
    color: #4172c3
}

.sidebar-vietax .section .section-slide .contact-info p {
    color: #a6a6a6;
    line-height: 2em
}

.sidebar-vietax .section {
    position: relative;
    background: transparent;
    padding: 10px
}

.sidebar-vietax .section-container {
    padding: 50px 0
}

.sidebar-vietax .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sidebar-vietax .section .section-slide {
    padding: 10px;
    margin: 0 0 10px
}

.sidebar-zjdn .full {
    width: 100%
}

.sidebar-zjdn .inner {
    padding: 2em 0
}

.sidebar-zjdn #primary {
    width: 100%
}

.sidebar-zjdn #primary.have-sidebar {
    width: 71%
}

.sidebar-zjdn #primary.fr {
    padding-left: 5%
}

.sidebar-zjdn #primary.fl {
    padding-right: 5%
}

.sidebar-zjdn #secondary {
    width: 29%
}

.sidebar-zjdn .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.sidebar-zjdn img {
    max-width: 100%;
    margin: 0 auto
}

.sidebar-zjdn ul,.sidebar-zjdn ol,.sidebar-zjdn li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .sidebar-zjdn .wrapper {
        padding:0 20px
    }

    .sidebar-zjdn .header-menu .wrapper {
        padding: 0px
    }
}

.sidebar-zjdn .fl {
    float: left
}

.sidebar-zjdn .fr {
    float: right
}

.sidebar-zjdn .show {
    display: block
}

.sidebar-zjdn .hide {
    display: none
}

.sidebar-zjdn .clearfix {
    clear: both;
    zoom:1}

.sidebar-zjdn .section {
    position: relative;
    background: transparent
}

.sidebar-zjdn .section-container {
    padding: 50px 0
}

.sidebar-zjdn .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sidebar-zjdn .section-slide {
    margin: 50px 0;
    margin-left: 0;
    margin-right: 0
}

.sidebar-zjdn .section .widget-area {
    overflow: hidden;
    margin: 20px 0;
    width: 100%
}

.sidebar-zjdn .section .widget-area .probox_left {
    float: left;
    width: 100%;
    border-radius: 6px;
    top: 100px !important
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box {
    padding: 30px 18px 30px 30px;
    margin-bottom: 20px;
    border-radius: 8px
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_tt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 26px;
    text-transform: uppercase
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list>ul>li {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
    padding-bottom: 5px
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list li {
    margin-bottom: 15px
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list li,.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list h3 {
    list-style: none;
    line-height: 42px;
    font-size: 13px;
    font-weight: normal;
    overflow: hidden;
    color: #3866b3;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    margin: 0
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list a {
    padding-left: 15px;
    text-decoration: none
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list a span {
    position: absolute;
    left: 0
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list li ul a {
    padding-left: 15px
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list li ul ul a {
    padding-left: 29px
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list ul li {
    overflow: hidden;
    line-height: 30px;
    font-size: 13px
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list ul li a {
    display: block;
    color: #a6a6a6
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list ul li a.selected {
    color: #2c508c
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list ul li a:hover {
    color: #fff;
    background: #df0d0e
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list ul li a i {
    float: left;
    width: 8px;
    height: 1px;
    background: #ddd;
    margin-right: 12px;
    margin-top: 14px
}

.sidebar-zjdn .section .widget-area .probox_left .prol_box .prol_list ul ul {
    list-style: none;
    display: none;
    margin-bottom: 10px;
    margin-top: 5px
}

.sidebar-zkdq .full {
    width: 100%
}

.sidebar-zkdq .inner {
    padding: 2em 0
}

.sidebar-zkdq #primary {
    width: 100%
}

.sidebar-zkdq #primary.have-sidebar {
    width: 71%
}

.sidebar-zkdq #primary.fr {
    padding-left: 5%
}

.sidebar-zkdq #primary.fl {
    padding-right: 5%
}

.sidebar-zkdq #secondary {
    width: 100%
}

.sidebar-zkdq .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.sidebar-zkdq img {
    max-width: 100%;
    margin: 0 auto
}

.sidebar-zkdq ul,.sidebar-zkdq ol,.sidebar-zkdq li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .sidebar-zkdq .wrapper {
        padding:0 20px
    }

    .sidebar-zkdq .header-menu .wrapper {
        padding: 0px
    }
}

.sidebar-zkdq .fl {
    float: left
}

.sidebar-zkdq .fr {
    float: right
}

.sidebar-zkdq .show {
    display: block
}

.sidebar-zkdq .hide {
    display: none
}

.sidebar-zkdq .clearfix {
    clear: both;
    zoom:1}

.sidebar-zkdq .section {
    position: relative;
    background: transparent
}

.sidebar-zkdq .section-container {
    padding: 50px 0
}

.sidebar-zkdq .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sidebar-zkdq .section-slide {
    margin: 50px 0;
    margin-left: 0;
    margin-right: 0
}

.sidebar-zkdq .section .typelist>ul {
    margin-bottom: 20px;
    min-height: 420px
}

.sidebar-zkdq .section .typelist>ul li a {
    line-height: 44px
}

.sidebar-zkdq .section .typelist>ul>li>a {
    line-height: 60px;
    margin-bottom: 10px
}

.sidebar-zkdq .section .typelist>ul li:last-of-type {
    margin: 0
}

.sidebar-zkdq .section .typelist>ul li a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
    text-transform: uppercase;
    padding: 0 40px
}

.sidebar-zkdq .section .typelist>ul>li>a {
    background: #f5f5f5;
    color: #737373;
    font-weight: 700;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s
}

.sidebar-zkdq .section .typelist>ul>li>ul>li>a {
    border-bottom: 1px dashed #eee
}

.sidebar-zkdq .section .typelist>ul li li li>a {
    line-height: 30px;
    font-size: 12px
}

.sidebar-zkdq .section .typelist>ul li ul {
    padding: 0;
    margin: 0;
    display: none
}

.sidebar-zkdq .section .typelist>ul>li>ul>li {
    padding: 5px 15px
}

.sidebar-zkdq .section .typelist li.active>ul,.sidebar-zkdq .section .typelist li.selected>ul {
    display: block
}

.sidebar-zkdq .section .typelist>ul li ul a {
    color: #a6a6a6;
    font-size: 16px
}

.sidebar-zkdq .section .typelist>ul>li>a {
    position: relative;
    font-size: 18px
}

.sidebar-zkdq .section .typelist>ul>li>a:before {
    width: 8px;
    height: 24px;
    position: absolute;
    top: 18px;
    left: 0;
    content: ''
}

.sidebar-zkdq .section .typelist>ul>li.active>a:before,.sidebar-zkdq .section .typelist>ul>li.selected>a:before,.sidebar-zkdq .section .typelist>ul>li>a.selected:before {
    width: 20px;
    height: 8px;
    top: 26px;
    background: #fff
}

.sidebar-zkdq .section .typelist li li a.selected {
    color: #2c508c
}

.sidebar-zkdq .section .widget {
    padding: 10%;
    background: #fff
}

.sidebar-zkdq .section .widget p {
    line-height: 2em;
    color: #a6a6a6
}

.sidebar-zkdq .section .widget:last-of-type p {
    margin-bottom: 10px
}

.sidebar-zkdq .section .widget .textwidget .img {
    padding: 15px 0 20px;
    border-bottom: 1px solid #d2d2d2
}

.sidebar-zkdq .section .typelist>ul>li>a:before {
    background: #2c508c
}

.sidebar-zkdq .section .typelist>ul>li.active>a,.sidebar-zkdq .section .typelist>ul>li.selected>a,.sidebar-zkdq .section .typelist>ul>li>a.selected {
    background: #2c508c;
    color: #fff
}

.sidebar-zkdq .section .typelist>ul>li.active>a:before,.sidebar-zkdq .section .typelist>ul>li.selected>a:before,.sidebar-zkdq .section .typelist>ul>li>a.selected:before {
    background: #fff
}

.sidebar-zkdq-list .full {
    width: 100%
}

.sidebar-zkdq-list .inner {
    padding: 2em 0
}

.sidebar-zkdq-list #primary {
    width: 100%
}

.sidebar-zkdq-list #primary.have-sidebar {
    width: 71%
}

.sidebar-zkdq-list #primary.fr {
    padding-left: 5%
}

.sidebar-zkdq-list #primary.fl {
    padding-right: 5%
}

.sidebar-zkdq-list #secondary {
    width: 29%
}

.sidebar-zkdq-list .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.sidebar-zkdq-list img {
    max-width: 100%;
    margin: 0 auto
}

.sidebar-zkdq-list ul,.sidebar-zkdq-list ol,.sidebar-zkdq-list li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .sidebar-zkdq-list .wrapper {
        padding:0 20px
    }

    .sidebar-zkdq-list .header-menu .wrapper {
        padding: 0px
    }
}

.sidebar-zkdq-list .fl {
    float: left
}

.sidebar-zkdq-list .fr {
    float: right
}

.sidebar-zkdq-list .show {
    display: block
}

.sidebar-zkdq-list .hide {
    display: none
}

.sidebar-zkdq-list .clearfix {
    clear: both;
    zoom:1}

.sidebar-zkdq-list .section {
    position: relative;
    background: transparent
}

.sidebar-zkdq-list .section-container {
    padding: 50px 0
}

.sidebar-zkdq-list .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sidebar-zkdq-list .section-slide {
    margin: 50px 0;
    margin-left: 0;
    margin-right: 0
}

.sidebar-zkdq-list .section .widget-area {
    overflow: hidden;
    margin: 20px 0;
    width: 100%
}

.sidebar-zkdq-list .section .widget-area .probox_left {
    float: left;
    width: 100%;
    border-radius: 6px;
    top: 100px !important
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box {
    padding: 30px 18px 30px 30px;
    margin-bottom: 20px;
    border-radius: 8px
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_tt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 26px;
    text-transform: uppercase
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list>ul>li {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
    padding-bottom: 5px
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list li {
    margin-bottom: 15px
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list li,.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list h3 {
    list-style: none;
    line-height: 42px;
    font-size: 13px;
    font-weight: normal;
    overflow: hidden;
    color: #3866b3;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    margin: 0
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list a {
    padding-left: 15px;
    text-decoration: none
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list a span {
    position: absolute;
    left: 0
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list li ul a {
    padding-left: 15px
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list li ul ul a {
    padding-left: 29px
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list ul li {
    overflow: hidden;
    line-height: 30px;
    font-size: 13px
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list ul li a {
    display: block;
    color: #a6a6a6
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list ul li a.selected {
    color: #2c508c
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list ul li a:hover {
    color: #fff;
    background: #df0d0e
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list ul li a i {
    float: left;
    width: 8px;
    height: 1px;
    background: #ddd;
    margin-right: 12px;
    margin-top: 14px
}

.sidebar-zkdq-list .section .widget-area .probox_left .prol_box .prol_list ul ul {
    list-style: none;
    display: none;
    margin-bottom: 10px;
    margin-top: 5px
}

.sidebar_accordion_one .section-slide {
    margin: 50px 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0
}

.sidebar_accordion_one ul,.sidebar_accordion_one li {
    padding: 0;
    margin: 0;
    list-style: none
}

.sidebar_accordion_one ul.menu {
    padding: 0;
    list-style: none;
    width: 100%;
    margin: 20px auto;
    font-family: 'Century Gothic';
    clear: both;
    display: table
}

.sidebar_accordion_one ul.menu .li {
    font-size: 14px;
    border-bottom: 1px solid #203a65;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    vertical-align: sub;
    background: #2c508c;
    clear: both
}

.sidebar_accordion_one ul.menu .li:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 17px;
    top: 17px;
    padding: 0px 5px;
    color: #fff
}

.sidebar_accordion_one ul.menu .li a {
    text-decoration: none;
    color: #fff;
    padding: 17px 0px 17px 45px;
    display: block;
    height: 100%;
    box-sizing: border-box
}

.sidebar_accordion_one ul.menu .li a:hover {
    background-color: #203a65;
    transition: 300ms all;
    color: #df0d0e
}

.sidebar_accordion_one ul.menu .li .items {
    height: 0px;
    overflow: hidden
}

.sidebar_accordion_one ul.menu .li .items a {
    padding: 17px
}

.sidebar_accordion_one ul.menu .li .items a:hover {
    background-color: #3866b3;
    color: #fff;
    transition: 300ms all
}

.sidebar_accordion_one ul.menu .li:last-child {
    border-bottom: none
}

.sidebar_accordion_one ul.menu .active:after {
    content: "\f106";
    font-family: FontAwesome;
    position: absolute;
    right: 17px;
    top: 17px;
    padding: 0px 5px;
    color: #fff
}

.sidebar_accordion_one ul.menu .active>.items {
    display: block;
    background: #5580c9;
    padding: 0px;
    height: auto;
    color: #fff;
    transition-timing-function: cubic-bezier(0.075,0.82,0.165,1);
    transition: all 200ms;
    clear: both;
    float: left;
    width: 100%
}

.sidebar_accordion_one ul.menu .active>.items li {
    padding: 0px;
    border-bottom: 1px solid #203a65;
    list-style: none
}

.sidebar_accordion_one ul.menu .active>.items li:last-child {
    border-color: transparent;
    padding-bottom: 0px
}

.sidebar_accordion_one ul.menu .active>.items .active>.items {
    background-color: #2f4b67
}

.sidebar_accordion_one ul.menu .active>a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold
}

.sidebar_accordion_one ul.menu .active .li {
    background: #697d92
}

.sidebar_accordion_one ul.menu .active .li a {
    padding: 17px 0px 17px 45px
}

.sidebar_accordion_two .section-slide {
    margin: 50px 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0
}

.sidebar_accordion_two ul,.sidebar_accordion_two li {
    padding: 0;
    margin: 0;
    list-style: none
}

.sidebar_accordion_two #demo-list a {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.sidebar_accordion_two .jquery-accordion-menu {
    width: 100%;
    float: left;
    min-width: 0;
    position: relative;
    box-shadow: none
}

.sidebar_random_one .section {
    position: relative
}

.sidebar_random_one .section-container {
    padding: 30px 20px;
    margin: 50px 0;
    margin-left: 0;
    margin-right: 0
}

.sidebar_random_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sidebar_random_one img {
    max-width: 100%;
    display: inline-block
}

.sidebar_random_one ul,.sidebar_random_one li {
    list-style: none;
    padding: 0;
    margin: 0
}

.sidebar_random_one .main-title {
    margin-bottom: 4%;
    padding: 0 15px
}

.sidebar_random_one .main-title .title {
    font-size: 20px;
    color: #666
}

.sidebar_random_one .main-title .subtitle {
    font-size: 14px;
    color: #999
}

.sidebar_random_one .list {
    overflow: hidden;
    padding: 20px;
    margin-right: -20px;
    margin-left: -20px
}

.sidebar_random_one .list li {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px
}

.sidebar_random_one .list li:last-of-type(1) {
    border: 0
}

.sidebar_random_one .list li .title {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
    word-break: break-all
}

.sidebar_random_one .list li .title span {
    width: 100px;
    display: block;
    font-size: 16px;
    color: #999;
    line-height: 1.5em;
    font-size: 12px
}

.sidebar_random_one .list li .para {
    display: none;
    margin-top: 1.666%;
    font-size: 13px;
    color: #878787;
    line-height: 1.7
}

.sidebar_random_one .list li:hover a .title {
    color: #2c508c;
    font-weight: 700
}

@media screen and (max-width: 720px) {
    .sidebar_random_one .section-container {
        padding:30px 20px
    }

    .sidebar_random_one .main-title {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 540px) {
    .sidebar_random_one .main-title {
        margin-bottom:0px
    }

    .sidebar_random_one .list li {
        margin: 0px auto 10px;
        width: 100%;
        padding: 15px;
        padding-bottom: 25px
    }
}

.sidebar_random_two .section {
    position: relative
}

.sidebar_random_two .section-container {
    padding: 30px 20px;
    margin: 50px 0;
    margin-left: 0;
    margin-right: 0
}

.sidebar_random_two .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sidebar_random_two img {
    max-width: 100%;
    display: inline-block
}

.sidebar_random_two ul,.sidebar_random_two li {
    list-style: none;
    padding: 0;
    margin: 0
}

.sidebar_random_two .main-title {
    margin-bottom: 4%;
    text-align: center
}

.sidebar_random_two .main-title .title {
    font-size: 17px;
    display: inline;
    font-weight: 700;
    color: #333
}

.sidebar_random_two .main-title .subtitle {
    font-size: 15px;
    color: #999;
    text-transform: uppercase;
    font-weight: 700;
    display: inline
}

.sidebar_random_two .list {
    overflow: hidden;
    padding: 20px;
    margin-right: -20px;
    margin-left: -20px
}

.sidebar_random_two .list li {
    position: relative;
    font-size: 14px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    float: left;
    width: 100%;
    padding: 5px 10px;
    padding-left: 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px
}

.sidebar_random_two .list li:last-of-type(1) {
    border: 0
}

.sidebar_random_two .list li:after {
    position: absolute;
    content: '';
    left: 4px;
    top: 50%;
    margin-top: -5px;
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #2c508c
}

.sidebar_random_two .list li .title {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 1.5;
    word-break: break-all
}

.sidebar_random_two .list li .title span {
    width: 100px;
    float: right;
    font-size: 16px;
    color: #999;
    line-height: 1
}

.sidebar_random_two .list li .para {
    margin-top: 1.666%;
    font-size: 13px;
    color: #878787;
    line-height: 1.7
}

.sidebar_random_two .list li:hover a .title {
    color: #2c508c;
    font-weight: 700
}

@media screen and (max-width: 720px) {
    .sidebar_random_two .section-container {
        padding:30px 20px
    }

    .sidebar_random_two .main-title {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 540px) {
    .sidebar_random_two .main-title {
        margin-bottom:0px
    }

    .sidebar_random_two .list li {
        margin: 0px auto 10px;
        width: 100%;
        padding: 15px;
        padding-bottom: 25px
    }
}

.slogan-one .section {
    color: #fff
}

.slogan-one .section-container {
    max-width: none;
    padding: 100px 0;
    text-align: center;
    background-color: transparent
}

.slogan-one .section-mask {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3)
}

.slogan-one .section-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed
}

.slogan-one .section-content {
    position: relative;
    z-index: 3
}

.slogan-one .section-content .body {
    margin: 40px 0
}

.slogan-one .section-content .href {
    border-color: #2c508c;
    background-color: transparent;
    color: #2c508c
}

.slogan-two .section {
    color: #fff
}

.slogan-two .section-container {
    background-color: transparent
}

.slogan-two .section-mask {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3)
}

.slogan-two .section-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: cover
}

.slogan-two .section-content {
    position: relative;
    z-index: 3
}

.slogan-two .section-content .title {
    margin-bottom: 20px
}

.slogan-two .section-content .href {
    position: absolute;
    right: 0;
    bottom: 0;
    border-color: #2c508c;
    background-color: transparent;
    color: #2c508c
}

@media screen and (max-width: 768px) {
    .slogan-two .section-content .href {
        position:static;
        margin-top: 30px
    }
}

.sub-news-vertical .fl {
    float: left
}

.sub-news-vertical .fr {
    float: right
}

.sub-news-vertical .show {
    display: block
}

.sub-news-vertical .hide {
    display: none
}

.sub-news-vertical .clearfix {
    clear: both;
    zoom:1}

.sub-news-vertical li,.sub-news-vertical ul {
    list-style: none
}

.sub-news-vertical img {
    max-width: 100%
}

.sub-news-vertical .section {
    position: relative
}

.sub-news-vertical .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -2
}

.sub-news-vertical .section-container {
    padding: 50px 0
}

.sub-news-vertical .main-tit {
    margin-bottom: 60px;
    text-align: center
}

.sub-news-vertical .main-tit h2 {
    color: #2c508c;
    font-weight: 300;
    font-size: 33px;
    text-transform: uppercase;
    position: relative
}

.sub-news-vertical .main-tit h2:after {
    position: absolute;
    width: 30px;
    height: 4px;
    left: 50%;
    bottom: -10px;
    margin-left: -15px;
    content: '';
    background-color: #2c508c
}

.sub-news-vertical .main-tit span {
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    color: #737373
}

.sub-news-vertical .main-ft ul li {
    min-height: 254px;
    margin: 45px 0
}

.sub-news-vertical .main-ft ul li,.sub-news-vertical .main-ft ul li a,.sub-news-vertical .main-ft ul li a>.list-fl {
    overflow: hidden
}

.sub-news-vertical .main-ft ul li a .list-fl {
    width: 29%;
    position: relative
}

.sub-news-vertical .main-ft ul li a .list-fr {
    width: 71%;
    padding: 0 30px
}

.sub-news-vertical .main-ft ul li a .list-fl .date {
    position: absolute;
    padding: 0 10px;
    background: #eee;
    font-size: 13px;
    color: silver;
    left: 20px;
    top: 20px;
    border-radius: 20px;
    z-index: 2
}

.sub-news-vertical .main-ft ul li a .img {
    width: 100%;
    background-color: #eee;
    padding: 10px;
    border-radius: 5px;
    position: relative
}

.sub-news-vertical .main-ft ul li a .img img {
    transition: 0.3s;
    display: block
}

.sub-news-vertical .main-ft ul li a .list-fr .title {
    font-size: 30px;
    color: #2c508c;
    margin: 10px 0;
    line-height: 1.3em
}

.sub-news-vertical .main-ft ul li a .list-fr .sub-tit {
    font-size: 18px;
    color: #737373;
    margin-bottom: 17px
}

.sub-news-vertical .main-ft ul li a .list-fr .para {
    line-height: 1.7em;
    color: #a6a6a6
}

.sub-news-vertical .main-ft ul li a .list-fr .learn-more {
    width: 100px;
    padding: 8px 20px;
    border: 1px solid #2c508c;
    transition: 0.3s;
    position: relative;
    top: 0;
    color: #2c508c;
    margin: 30px 0
}

.sub-news-vertical .main-ft ul li a:hover .list-fr .learn-more {
    top: -7px;
    background: #2c508c;
    color: #fff
}

.sub-news-vertical .main-ft ul li a:hover .img img {
    transform: scale(0.95)
}

@media screen and (max-width: 720px) {
    .sub-news-vertical .main-ft ul li a .list-fl {
        width:100%;
        padding: 0
    }

    .sub-news-vertical .main-ft ul li a .list-fr {
        width: 100%;
        padding: 0
    }

    .sub-news-vertical ul {
        margin-left: 0;
        padding-left: 0
    }

    .sub-news-vertical .main-ft ul li a .list-fl .img {
        margin: 0 auto 10px;
        float: none
    }

    .sub-news-vertical .main-ft ul li a .list-fl .img img {
        margin: 0 auto
    }

    .sub-news-vertical .main-ft ul {
        overflow: hidden
    }

    .sub-news-vertical .main-ft ul li {
        width: 48%;
        margin: 0;
        margin-bottom: 20px;
        margin-right: 4%;
        float: left
    }

    .sub-news-vertical .main-ft ul li:nth-of-type(2n) {
        margin-right: 0
    }

    .sub-news-vertical .main-ft ul li a .list-fr .title {
        font-size: 20px
    }

    .sub-news-vertical .main-ft ul li a .list-fr .learn-more {
        margin: 20px 0 0
    }
}

@media screen and (max-width: 320px) {
    .sub-news-vertical .main-ft ul li {
        width:100%;
        margin-right: 0%;
        float: none
    }
}

.sub-news-vertical ul.pagination li.active>a {
    color: #2c508c;
    font-weight: 700
}

.subbanner_solarland .section {
    background-color: #fff
}

.subbanner_solarland .sub_banner {
    position: relative;
    width: 100%;
    height: 520px
}

.subbanner_solarland .banner_content {
    position: absolute;
    width: 550px;
    max-width: 100%;
    height: 140px;
    top: 50%;
    margin-top: -32px;
    z-index: 1;
    left: 29%
}

.subbanner_solarland .banner_content .title {
    font-size: 48px;
    color: #fdd000;
    line-height: 1.2em;
    font-family: Arial ! important;
    font-weight: 700;
    margin-bottom: 5px
}

.subbanner_solarland .banner_content .para {
    padding-left: 33px
}

.subbanner_solarland .banner_content .para span {
    color: #fff;
    font-size: 16px;
    line-height: 1.8em;
    display: block
}

.subbanner_solarland .section-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (max-width: 720px) {
    .subbanner_solarland .sub_banner {
        height:260px
    }

    .subbanner_solarland .banner_content {
        left: 20px;
        right: 20px;
        width: auto
    }
}

.sub_chart .section-container {
    position: relative;
    z-index: 1
}

.sub_chart .section-title {
    text-align: center
}

.sub_chart .section-title h2 {
    font-size: 24px;
    margin-bottom: 30px
}

.sub_chart .section-title div {
    color: #ccc;
    font-size: 14px;
    font-weight: normal
}

.sub_chart .section-content {
    overflow: hidden
}

.sub_chart .section-content .list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    width: 50%;
    float: left
}

.sub_chart .section-content .list:before,.sub_chart .section-content .list:after {
    line-height: 0;
    display: table;
    content: ''
}

.sub_chart .section-content .list:after {
    clear: both
}

.sub_chart .section-content .list li {
    float: left;
    width: 48%;
    margin: 0 1% 20px
}

.sub_chart .section-content .list li a {
    display: block;
    padding: 10px
}

.sub_chart .section-content .list li a:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.3)
}

.sub_chart .section-content .list li .img img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.sub_chart .section-content .list li .list-tit {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    line-height: 1.8em;
    transition: 0.3s
}

.sub_chart .section-content .list li span.date {
    color: #737373;
    font-size: 12px
}

.sub_chart .section-content .list li .desc {
    color: #888;
    padding: 25px 0;
    position: relative;
    margin-top: 25px
}

.sub_chart .section-content .list li .desc:before,.sub_chart .section-content .list li .desc:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    content: '';
    height: 1px;
    background: #eee
}

.sub_chart .section-content .list li .desc:before {
    width: 0;
    background: #2c508c;
    transition: 0.3s;
    z-index: 5
}

.sub_chart .section-content .list li:hover .list-tit {
    color: #2c508c
}

.sub_chart .section-content .list li:hover .desc:before {
    width: 100%
}

.sub_chart .section-content .table {
    width: 50%;
    float: right;
    padding: 10px
}

.sub_chart .section-content table {
    border-collapse: collapse;
    text-align: center;
    border: 1px solid #232121
}

.sub_chart .section-content .table table thead {
    height: 46px;
    line-height: 1.4em;
    color: #fff;
    font-size: 17px;
    text-align: center;
    background-color: #595757
}

.sub_chart .section-content .table table tbody tr {
    height: 46px;
    line-height: 1.4em;
    font-size: 15px
}

.sub_chart .section-content .table table tbody tr:nth-child(odd) {
    background: #898989;
    color: #fff
}

.sub_chart .section-content .table table tbody tr:nth-child(even) {
    background: #fff;
    color: #000
}

.sub_chart .section-content .table table td {
    border-right: 1px solid #232121;
    padding: 10px 0
}

.sub_chart .section .section-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background-position: center
}

@media screen and (max-width: 720px) {
    .sub_chart .section-content .list,.sub_chart .section-content .table {
        width:100%;
        float: none
    }

    .sub_chart ul.pagination li a {
        display: block;
        line-height: 40px;
        padding: 0 5px;
        border: 1px solid #ccc;
        margin-left: -1px;
        font-size: 12px
    }
}

@media screen and (max-width: 320px) {
    .sub_chart .section-content .list li {
        width:90%;
        margin: 0 auto;
        margin-bottom: 20px;
        float: none
    }
}

.sub_chart .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -2
}

.sub_chart .main-tit {
    margin: 30px auto
}

.sub_contact .section {
    position: relative
}

.sub_contact .section-container {
    padding: 50px 0
}

.sub_contact .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -2
}

.sub_contact .section-content:before,.sub_contact .section-content:after {
    line-height: 0;
    display: table;
    content: ''
}

.sub_contact .section-content:after {
    clear: both
}

.sub_contact .section-content .main-tit {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px
}

.sub_contact .section-content .main-tit h2 {
    font-weight: 300;
    font-size: 24px;
    color: #2c508c
}

.sub_contact .section-content .main-tit .en-name {
    font-size: 14px;
    color: #9c9c9c
}

.sub_contact .section-content .list {
    float: left;
    width: 48%;
    padding: 25px 0;
    margin: 0;
    list-style: none
}

.sub_contact .section-content .list li {
    width: 44%;
    margin: 35px 3%;
    padding: 20px 3%;
    border: 1px solid #dfdfdf;
    float: left;
    position: relative
}

.sub_contact .section-content .list li span {
    display: block;
    text-align: center;
    line-height: 30px
}

.sub_contact .section-content .list li .icon-ctr {
    width: 80px;
    height: 80px;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid #dfdfdf;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -40px;
    background: #fff
}

.sub_contact .section-content .list li .icon {
    width: 100%;
    height: 100%;
    color: #2c508c;
    text-align: center;
    line-height: 70px;
    font-size: 26px;
    font-weight: 700;
    background-color: #f5f5f5;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center
}

.sub_contact .section-content .list li span.tit {
    margin-top: 40px;
    color: #2c508c
}

.sub_contact .section-content .list li span.info {
    color: #737373;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 22px
}

.sub_contact .section-content .map {
    float: right;
    width: 48%;
    height: 470px;
    padding: 30px 0
}

@media screen and (max-width: 1200px) {
    .sub_contact .section-content .list {
        width:100%;
        padding: 0 2%;
        margin: 30px 0;
        float: none;
        overflow: hidden
    }

    .sub_contact .section-content .list p br {
        display: none
    }

    .sub_contact .section-content .map {
        width: 100%;
        padding: 0 2%;
        margin: 30px 0;
        float: none;
        height: auto
    }
}

@media screen and (max-width: 480px) {
    .sub_contact .section-content .list li {
        width:94%
    }
}

.sub_form .section {
    position: relative
}

.sub_form .section-container {
    padding: 50px 0
}

.sub_form .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -2
}

.sub_form .section-content .body {
    padding-bottom: 30px
}

.sub_form .section-content .inputform:before,.sub_form .section-content .inputform:after {
    line-height: 0;
    display: table;
    content: ''
}

.sub_form .section-content .inputform:after {
    clear: both
}

.sub_form .section-content .inputform .form-group {
    float: left;
    width: 32%;
    margin-right: 1%;
    margin-bottom: 10px
}

.sub_form .section-content .inputform .form-group .form-label label {
    font-weight: bold;
    line-height: 30px
}

.sub_form .section-content .inputform .form-group .form-label label em {
    color: #2c508c;
    font-style: normal;
    margin-right: 10px
}

.sub_form .section-content .inputform .form-group .form-control {
    padding: 0px;
    border: none
}

.sub_form .section-content .inputform .form-group .form-control input,.sub_form .section-content .inputform .form-group .form-control select,.sub_form .section-content .inputform .form-group .form-control textarea {
    width: 100%;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    outline: none;
    text-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent
}

.sub_form .section-content .inputform .form-group .form-control input:focus,.sub_form .section-content .inputform .form-group .form-control select:focus,.sub_form .section-content .inputform .form-group .form-control textarea:focus {
    box-shadow: 0px 0px 10px #7b9dd6;
    border: 1px solid #7b9dd6
}

.sub_form .section-content .inputform .form-textarea {
    clear: both;
    float: none;
    width: 98%;
    height: 250px
}

.sub_form .section-content .inputform .form-textarea .form-control {
    height: 200px
}

.sub_form .section-content .inputform .form-textarea .form-control textarea {
    width: 100%;
    height: 200px
}

.sub_form .section-content .inputform .form-button {
    clear: both;
    width: 98%
}

.sub_form .section-content .inputform .form-button input {
    width: 48%;
    padding: 15px;
    font-size: 16px;
    color: #fff;
    background: #2c508c;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    -webkit-appearance: none
}

.sub_form .section-content .inputform .form-button input:hover {
    background: #df0d0e
}

@media screen and (max-width: 840px) {
    .sub_form .section-content .inputform .form-group {
        width:100%;
        margin: 5px 0
    }
}

@media screen and (max-width: 480px) {
    .sub_form .section-content .inputform .form-button input {
        width:100%
    }
}

.sub_news ul,.sub_news li {
    margin: 0;
    padding: 0;
    list-style: none
}

.sub_news img {
    max-width: 100%
}

@media screen and (max-width: 360px) {
    .sub_news ul.pagination li a {
        padding:0 5px;
        font-size: 12px
    }
}

.sub_news .section {
    position: relative
}

.sub_news .section-container {
    padding: 50px 0;
    z-index: 1
}

.sub_news .section-container .main-tit {
    margin: 30px auto
}

.sub_news .section-container .main-tit h2 {
    font-size: 24px;
    color: #2c508c;
    text-align: center
}

.sub_news .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -2
}

.sub_news .section-content {
    background-color: #fff;
    overflow: hidden
}

.sub_news .section-content .list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1)
}

.sub_news .section-content a:hover,.sub_news .section-content a:focus {
    text-decoration: none
}

.sub_news .section-content .list li {
    float: left;
    width: 29.333%;
    padding: 20px;
    margin-right: 6%
}

.sub_news .section-content .list li:nth-of-type(3n) {
    margin-right: 0px
}

.sub_news .section-content .list li .list-tit {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    color: #5580c9;
    line-height: 1.8em;
    transition: 0.3s;
    padding: 10px 0
}

.sub_news .section-content .list li span.date {
    color: #a6a6a6;
    font-size: 12px
}

.sub_news .section-content .list li .desc {
    color: #737373;
    padding: 25px 0;
    position: relative;
    margin-top: 25px
}

.sub_news .section-content .list li .desc:before,.sub_news .section-content .list li .desc:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    content: '';
    height: 1px;
    background: #eee
}

.sub_news .section-content .list li .desc:before {
    width: 0;
    background: #2c508c;
    transition: 0.3s;
    z-index: 5
}

.sub_news .section-content .list li:hover .list-tit {
    color: #2c508c
}

.sub_news .section-content .list li:hover .desc:before {
    width: 100%
}

.sub_news .section-content .section-content .news-list {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 20px 30px
}

.sub_news .section-content .news-list li {
    overflow: hidden;
    padding: 0 20px;
    border-bottom: 1px dashed #eee;
    background: #fff;
    transition: 0.3s
}

.sub_news .section-content .news-list li a {
    display: block;
    line-height: 45px;
    height: 45px
}

.sub_news .section-content .news-list li span {
    color: #737373;
    transition: 0.3s
}

.sub_news .section-content .news-list li span.list-tit {
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sub_news .section-content .news-list li:hover {
    background: #f5f5f5
}

.sub_news .section-content .news-list li:hover span.list-tit {
    color: #2c508c
}

.sub_news .section-content .news-list li span.date {
    color: #a6a6a6
}

.sub_news .section .section-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    z-index: 0
}

.sub_news .fl {
    float: left
}

.sub_news .fr {
    float: right
}

@media screen and (max-width: 1024px) {
    .sub_news .section-content .list li:nth-of-type(3) {
        display:none
    }

    .sub_news .section-content .list li {
        width: 47%;
        margin-right: 6%
    }

    .sub_news .section-content .list li:nth-of-type(2) {
        margin-right: 0
    }

    .sub_news .section-container .main-tit {
        margin: 0 auto
    }

    .sub_news .section-content .news-list {
        padding: 20px
    }
}

.sub_news ul.pagination li {
    background: #fff
}

@media screen and (max-width: 720px) {
    .sub_news .section-content .news-list {
        margin:0;
        padding: 0;
        list-style: none;
        padding: 20px 0px
    }

    .sub_news .section-content .list li .list-tit {
        font-size: 16px
    }
}

@media screen and (max-width: 320px) {
    .sub_news .section-content .list li {
        width:98%;
        margin: 30px 1%
    }

    .sub_news .section-content .list li:nth-of-type(2) {
        margin: 30px 2%
    }
}

.sub_news_detail .section {
    position: relative;
    background: transparent
}

.sub_news_detail .section-container {
    padding: 50px 0
}

.sub_news_detail .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sub_news_detail .section-content .title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
    color: #2c508c
}

.sub_news_detail .section-content .title small {
    color: #ccc;
    font-size: 14px;
    font-weight: normal
}

.sub_news_detail .section-content .subtitle {
    color: #9c9c9c;
    text-align: center
}

.sub_news_detail .section-content .info {
    text-align: center;
    padding: 10px 0;
    margin: 20px 0;
    color: silver;
    background-color: #eee
}

.sub_news_detail .section-content .info div,.sub_news_detail .section-content .info p {
    display: inline
}

.sub_news_detail .section-content .bodycontent {
    padding: 0
}

.sub_news_detail .section-content .bodycontent p {
    margin-bottom: 1em
}

.sub_news_detail .section-content .relevants {
    border-top: 1px solid #ccc;
    padding: 20px 0
}

.sub_news_detail .section-content .relevants:before,.sub_news_detail .section-content .relevants:after {
    line-height: 0;
    display: table;
    content: ''
}

.sub_news_detail .section-content .relevants:after {
    clear: both
}

.sub_news_detail .section-content .relevants .previou {
    float: left
}

.sub_news_detail .section-content .relevants .next {
    float: right
}

.sub_news_detail .section-content .relevants div,.sub_news_detail .section-content .relevants a {
    display: inline
}

.sub_pictures img {
    max-width: 100%
}

.sub_pictures ul,.sub_pictures li {
    list-style: none;
    margin: 0;
    padding: 0
}

.sub_pictures .section {
    position: relative
}

.sub_pictures .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -2
}

.sub_pictures .section-container {
    padding: 50px 0
}

.sub_pictures .section-container {
    position: relative;
    z-index: 1
}

.sub_pictures .section-title {
    text-align: center
}

.sub_pictures .section-title h2 {
    font-size: 24px;
    margin-bottom: 30px;
    color: #2c508c
}

.sub_pictures .section-title div {
    color: #9c9c9c;
    font-size: 14px;
    font-weight: normal
}

.sub_pictures .section-content .list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.sub_pictures .section-content .list:before,.sub_pictures .section-content .list:after {
    line-height: 0;
    display: table;
    content: ''
}

.sub_pictures .section-content .list:after {
    clear: both
}

.sub_pictures .section-content .list li {
    float: left;
    width: 31.33%;
    margin: 0 1%
}

.sub_pictures .section-content .list li a {
    display: block;
    padding: 10px
}

.sub_pictures .section-content .list li a:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.3)
}

.sub_pictures .section-content .list li .img img {
    margin: 0 auto
}

.sub_pictures .section-content .list li .list-tit {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #5580c9;
    line-height: 1.8em;
    transition: 0.3s
}

.sub_pictures .section-content .list li span.date {
    color: #a6a6a6;
    font-size: 12px
}

.sub_pictures .section-content .list li .desc {
    color: #a6a6a6;
    padding: 25px 0;
    position: relative;
    margin-top: 25px
}

.sub_pictures .section-content .list li .desc:before,.sub_pictures .section-content .list li .desc:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    content: '';
    height: 1px;
    background: #eee
}

.sub_pictures .section-content .list li .desc:before {
    width: 0;
    background: #2c508c;
    transition: 0.3s;
    z-index: 5
}

.sub_pictures .section-content .list li:hover .list-tit {
    color: #df0d0e
}

.sub_pictures .section-content .list li:hover .desc:before {
    width: 100%
}

.sub_pictures .section .section-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background-position: center
}

@media screen and (max-width: 720px) {
    .sub_pictures .section-content .list li {
        width:49%;
        margin: 0;
        margin-bottom: 15px;
        margin-right: 2%
    }

    .sub_pictures .section-content .list li:nth-of-type(2n) {
        margin-right: 0px
    }
}

.sub_pictures .main-tit {
    margin: 30px auto
}

.sub_pictures .pagination {
    margin: 20px auto
}

.sub_products img {
    max-width: 100%
}

.sub_products ul,.sub_products li {
    list-style: none;
    margin: 0;
    padding: 0
}

.sub_products .section {
    position: relative
}

.sub_products .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -2
}

.sub_products .section-container {
    padding: 50px 0
}

.sub_products ul.pagination {
    margin-top: 30px
}

@media screen and (max-width: 360px) {
    .sub_products ul.pagination li a {
        padding:0 5px;
        font-size: 12px
    }
}

.sub_products .section-container {
    max-width: none;
    width: 1200px;
    max-width: 100%
}

.sub_products .section-content .item {
    width: 25%;
    padding: 10px 0;
    text-align: center;
    padding: 20px
}

.sub_products .section-content .item div.image {
    position: relative;
    width: 100%;
    padding-top: 75%
}

.sub_products .section-content .item div.image a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.sub_products .section-content .item div.image a img,.sub_products .section-content .item div.image a span {
    display: inline-block;
    vertical-align: middle
}

.sub_products .section-content .item div.image a img {
    max-width: 100%;
    max-height: 100%
}

.sub_products .section-content .item div.image a span {
    height: 100%
}

.sub_products .section-content .item div.word div.title {
    padding: 20px 0 10px 0
}

.sub_products .section-content .item div.word div.title a {
    color: #737373;
    font-size: 14px;
    font-weight: bold
}

.sub_products .section-content .item div.word div.summary {
    color: gray
}

.sub_products .section-content .item:hover div.word div.title a {
    color: #2c508c
}

@media screen and (max-width: 720px) {
    .sub_products .section-content .item {
        width:50%;
        padding: 10px 0;
        text-align: center
    }
}

.sub_products_list .section {
    position: relative
}

.sub_products_list .section-container {
    max-width: none;
    padding: 0
}

.sub_products_list .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -2
}

.sub_products_list .section-content {
    padding-bottom: 50px
}

.sub_products_list .section-content table {
    width: 100%;
    border-collapse: collapse
}

.sub_products_list .section-content table th,.sub_products_list .section-content table td {
    padding: 5px;
    border: 1px solid #eee;
    text-align: center
}

.sub_products_list .section-content table th {
    line-height: 2em;
    color: #fff;
    background-color: #666
}

.sub_sidebar_vietax .full {
    width: 100%
}

.sub_sidebar_vietax .inner {
    padding: 2em 0
}

.sub_sidebar_vietax #primary {
    width: 100%
}

.sub_sidebar_vietax #primary.have-sidebar {
    width: 71%
}

.sub_sidebar_vietax #primary.fr {
    padding-left: 5%
}

.sub_sidebar_vietax #primary.fl {
    padding-right: 5%
}

.sub_sidebar_vietax #secondary {
    width: 29%
}

.sub_sidebar_vietax .wrapper {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto
}

.sub_sidebar_vietax img {
    max-width: 100%;
    margin: 0 auto
}

.sub_sidebar_vietax ul,.sub_sidebar_vietax ol,.sub_sidebar_vietax li {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 1300px) {
    .sub_sidebar_vietax .wrapper {
        padding:0 20px
    }

    .sub_sidebar_vietax .header-menu .wrapper {
        padding: 0px
    }
}

.sub_sidebar_vietax .fl {
    float: left
}

.sub_sidebar_vietax .fr {
    float: right
}

.sub_sidebar_vietax .show {
    display: block
}

.sub_sidebar_vietax .hide {
    display: none
}

.sub_sidebar_vietax .clearfix {
    clear: both;
    zoom:1}

.sub_sidebar_vietax .section {
    margin: 50px 0;
    margin-left: 0;
    margin-right: 0
}

.sub_sidebar_vietax .section a,.sub_sidebar_vietax .section span {
    display: block
}

.sub_sidebar_vietax .section .section-slide {
    background-color: #fff;
    margin-bottom: 35px;
    border-radius: 10px;
    margin: 10px
}

.sub_sidebar_vietax .section .section-slide .img {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px
}

.sub_sidebar_vietax .section .section-slide .title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #2c508c;
    line-height: 45px;
    margin-bottom: 20px
}

.sub_sidebar_vietax .section .section-slide .title.web-title {
    font-size: 16px;
    margin-bottom: 0;
    text-align: left;
    margin-top: 20px
}

.sub_sidebar_vietax .section .section-slide .section-content>ul>li {
    margin-bottom: 10px
}

.sub_sidebar_vietax .section .section-slide .section-content>ul>li>a {
    display: block;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 7px;
    background-color: #5580c9;
    color: #fff;
    font-size: 16px
}

.sub_sidebar_vietax .section .section-slide .section-content>ul>li.active>a,.sub_sidebar_vietax .section .section-slide .section-content>ul>li.selected>a {
    background-color: #2c508c
}

.sub_sidebar_vietax .section .section-slide .section-content>ul>li ul {
    line-height: 38px;
    text-align: center;
    display: none;
    padding: 0 13px
}

.sub_sidebar_vietax .section .section-slide .section-content>ul li.selected>ul,.sub_sidebar_vietax .section .section-slide .section-content>ul li.active>ul {
    display: block
}

.sub_sidebar_vietax .section .section-slide .section-content>ul>li ul li {
    border-bottom: 1px solid #f5f5f5;
    text-align: left
}

.sub_sidebar_vietax .section .section-slide .section-content>ul>li ul li:last-of-type {
    border: none
}

.sub_sidebar_vietax .section .section-slide .section-content>ul>li ul li span {
    margin-right: 5px
}

.sub_sidebar_vietax .section .section-slide .section-content>ul>li ul li a,.sub_sidebar_vietax .section .section-slide .section-content>ul>li ul li span {
    color: #a6a6a6;
    font-size: 15px;
    display: inline-block
}

.sub_sidebar_vietax .section .section-slide .section-content>ul>li ul li li a,.sub_sidebar_vietax .section .section-slide .section-content>ul>li ul li li span {
    font-size: 12px;
    line-height: 14px
}

.sub_sidebar_vietax .section .section-slide .section-content>ul>li ul li.selected>a,.sub_sidebar_vietax .section .section-slide .section-content>ul>li ul li.selected>span {
    color: #4172c3
}

.sub_sidebar_vietax .section .section-slide .contact-info p {
    color: #a6a6a6;
    line-height: 2em
}

.sub_sidebar_vietax .section {
    position: relative;
    background: transparent;
    padding: 10px
}

.sub_sidebar_vietax .section-container {
    padding: 50px 0
}

.sub_sidebar_vietax .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sub_sidebar_vietax .section .section-slide {
    padding: 10px;
    margin: 0 0 10px
}

.sub_single .section {
    position: relative
}

.sub_single .section-container {
    padding: 50px 0
}

.sub_single .section-content h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px
}

.sub_single .section-content h1 small {
    color: #ccc;
    font-size: 14px;
    font-weight: normal
}

.sub_single .section-content img {
    display: inline-block
}

@media screen and (max-width: 720px) {
    .sub_single .section .section-content img {
        max-width:100%
    }

    .sub_single ol {
        margin: 0;
        padding-left: 20px
    }

    .sub_single .section-content h1 {
        font-size: 16px;
        text-align: center;
        margin-bottom: 30px
    }
}

.sub_single img {
    max-width: 100%
}

.sub_single .section_bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

@media screen and (max-width: 720px) {
    .sub_single .section-container {
        padding:40px 20px
    }
}

.sub_single .section-content {
    padding: 30px 10%;
    background: #fff;
    border-radius: 10px;
    margin: 0 auto
}

.sub_single .section-content p {
    font-size: 15px;
    color: #666;
    margin-bottom: 15px;
    line-height: 2em
}

.sub_single .section-content p img {
    margin: 0 auto
}

.sub_single .section-content li p {
    margin-bottom: 0
}

.sub_single .section-content h1,.sub_single .section-content h2,.sub_single .section-content h3,.sub_single .section-content h4,.sub_single .section-content h5 {
    margin-bottom: 30px
}

.sub_single-fullscreen .section {
    position: relative
}

.sub_single-fullscreen .section-container {
    padding: 50px 0;
    max-width: 100%
}

.sub_single-fullscreen .section-content {
    padding: 0
}

.sub_single-fullscreen .section-content h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px
}

.sub_single-fullscreen .section-content h1 small {
    color: #ccc;
    font-size: 14px;
    font-weight: normal
}

.sub_single-fullscreen .section-content img {
    display: inline-block
}

@media screen and (max-width: 720px) {
    .sub_single-fullscreen .section .section-content img {
        max-width:100%
    }

    .sub_single-fullscreen ol {
        margin: 0;
        padding-left: 20px
    }

    .sub_single-fullscreen .section-content h1 {
        font-size: 16px;
        text-align: center;
        margin-bottom: 30px
    }
}

.sub_single-fullscreen img {
    max-width: 100%
}

.sub_single-fullscreen .section_bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

@media screen and (max-width: 720px) {
    .sub_single-fullscreen .section-container {
        padding:40px 20px
    }
}

.sub_single-fullscreen .section-content {
    padding: 30px 10%;
    background: #fff;
    border-radius: 10px;
    margin: 0 auto
}

.sub_single-fullscreen .section-content p {
    font-size: 15px;
    color: #666;
    margin-bottom: 15px;
    line-height: 2em
}

.sub_single-fullscreen .section-content p img {
    margin: 0 auto
}

.sub_single-fullscreen .section-content li p {
    margin-bottom: 0
}

.sub_single-fullscreen .section-content h1,.sub_single-fullscreen .section-content h2,.sub_single-fullscreen .section-content h3,.sub_single-fullscreen .section-content h4,.sub_single-fullscreen .section-content h5 {
    margin-bottom: 30px
}

.sub_single_revelants img {
    max-width: 100%
}

.sub_single_revelants ul,.sub_single_revelants li {
    padding: 0;
    margin: 0;
    list-style: none
}

.sub_single_revelants .section {
    position: relative;
    background: transparent
}

.sub_single_revelants .section-container {
    padding: 50px 0
}

.sub_single_revelants .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sub_single_revelants .section-content h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px
}

.sub_single_revelants .section-content h1 small {
    color: #9c9c9c;
    font-size: 14px;
    font-weight: normal
}

.sub_single_revelants .section-content p {
    color: #737373
}

.sub_single_revelants .section-content img {
    display: inline-block;
    max-width: 100%
}

@media screen and (max-width: 720px) {
    .sub_single_revelants .section .section-content img {
        max-width:100%
    }

    .sub_single_revelants ol {
        margin: 0;
        padding-left: 20px
    }
}

.sub_single_revelants .right_con_tt {
    font-size: 30px;
    color: #2c508c;
    font-family: '微软雅黑 light'
}

.sub_single_revelants .revelant-list {
    overflow: hidden;
    height: auto;
    padding-top: 52px
}

.sub_single_revelants .revelant-list ul {
    overflow: hidden;
    margin-top: 60px;
    margin-left: 0px;
    padding: 0
}

.sub_single_revelants .revelant-list ul li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 50px
}

.sub_single_revelants .revelant-list ul li:nth-of-type(4n) {
    margin-right: 0
}

.sub_single_revelants .revelant-list ul li a {
    display: block
}

.sub_single_revelants .revelant-list ul li a .img {
    overflow: hidden
}

.sub_single_revelants .revelant-list ul li a .img img {
    display: block;
    transition: 0.5s
}

.sub_single_revelants .revelant-list ul li a .main_info {
    margin-top: 15px
}

.sub_single_revelants .revelant-list ul li a .main_info .subtitle {
    font-size: 16px;
    color: #595959;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e1e1e1
}

.sub_single_revelants .revelant-list ul li a .main_info i {
    height: 1px;
    width: 0;
    background: #2c508c;
    transition: 0.5s;
    display: block;
    margin-top: -1px
}

.sub_single_revelants .revelant-list ul li a .main_info .subdesc {
    height: 30px;
    line-height: 30px;
    color: #a6a6a6
}

.sub_single_revelants .revelant-list ul li:hover a .img img {
    transform: scale(1.1,1.1)
}

.sub_single_revelants .revelant-list ul li:hover a .main_info .subtitle {
    color: #2c508c
}

.sub_single_revelants .revelant-list ul li:hover a .main_info i {
    width: 100%
}

@media screen and (max-width: 720px) {
    .sub_single_revelants .revelant-list ul li {
        width:48%;
        margin: 0 0 20px;
        margin-right: 4%
    }

    .sub_single_revelants .revelant-list ul li:nth-of-type(2n) {
        margin-right: 0
    }
}

@media screen and (max-width: 320px) {
    .sub_single_revelants .revelant-list ul li {
        width:100%;
        margin: 0 0 10px
    }
}

.sub_title ul,.sub_title li {
    margin: 0;
    padding: 0;
    list-style: none
}

.sub_title img {
    max-width: 100%
}

.sub_title .section {
    position: relative;
    background: transparent
}

.sub_title .section-container {
    padding: 50px 0;
    padding-bottom: 0
}

.sub_title .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2
}

.sub_title .section-content {
    position: relative;
    max-width: 1200px;
    margin: 0 auto
}

.sub_title .section-content h1 {
    font-size: 22px;
    color: #2c508c
}

.sub_title .section-content .here {
    position: absolute;
    right: 20px;
    top: 0px;
    line-height: 1.6em
}

.sub_title .section-content .here span {
    text-transform: capitalize;
    line-height: 30px;
    display: inline-block
}

@media screen and (max-width: 720px) {
    .sub_title .section-container {
        padding:20px
    }

    .sub_title .section-content {
        overflow: hidden
    }

    .sub_title .section-content h1 {
        padding: 0 !important;
        max-width: 30%;
        float: left
    }

    .sub_title .section-content .here {
        right: 20px
    }
}

@media screen and (max-width: 640px) {
    .sub_title .section-content h1 {
        width:100%;
        max-width: 100%;
        float: none
    }

    .sub_title .section-content .here {
        float: none;
        text-align: left
    }
}

.sub_title_one .title {
    border-bottom: 1px solid #ecf2f6;
    margin-bottom: 50px;
    overflow: hidden;
    max-width: 100%;
    width: 1200px;
    margin: 50px 0;
    margin-left: auto;
    margin-right: auto
}

.sub_title_one .title .name {
    float: left;
    background: #fff;
    font-family: microsoft yahei;
    padding: 0 20px 0 0
}

.sub_title_one .title .name .cnn {
    font-size: 20px;
    color: #2c508c;
    font-weight: bold;
    padding-top: 7px;
    line-height: 36px
}

.sub_title_one .title .name .enn {
    font-size: 13px;
    color: #555;
    text-transform: uppercase
}

.sub_title_one .title .now {
    float: right;
    line-height: 44px;
    font-family: microsoft yahei;
    background: #fff;
    padding-left: 20px;
    color: #999
}

.sub_title_one .title .now .split {
    font-family: simsun;
    color: #ddd
}

.sub_title_one .title .now a {
    color: #999
}

.sub_title_one .title span.last {
    color: #2c508c
}

.sub_title_one ul,.sub_title_one li {
    margin: 0;
    padding: 0
}

.sub_title_one .title {
    position: relative
}

.sub_title_one .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.swiper-slide-banner .full {
    width: 100%
}

.swiper-slide-banner img {
    max-width: 100%
}

.swiper-slide-banner .banner-pc,.swiper-slide-banner .banner {
    background: #fff
}

.swiper-slide-banner .banner-mobile {
    display: none
}

.swiper-slide-banner .swiper-button-next,.swiper-slide-banner .swiper-button-prev {
    width: auto;
    background-image: none;
    font-size: 80px;
    height: 80px;
    line-height: 80px;
    color: #2c508c;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

.swiper-slide-banner .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background: #a6a6a6
}

.swiper-slide-banner .swiper-pagination-bullet-active.swiper-pagination-bullet {
    opacity: 1;
    background: #2c508c
}

@media screen and (max-width: 1200px) {
    .swiper-slide-banner .swiper-button-next,.swiper-slide-banner .swiper-button-prev {
        font-size:30px
    }
}

@media screen and (max-width: 720px) {
    .swiper-slide-banner .banner-mobile {
        display:block
    }

    .swiper-slide-banner .banner-pc {
        display: none
    }
}

.swiper-slide-banner-loading .full {
    width: 100%
}

.swiper-slide-banner-loading img {
    max-width: 100%;
    display: block
}

.swiper-slide-banner-loading .banner-pc,.swiper-slide-banner-loading .banner {
    background: #fff
}

.swiper-slide-banner-loading .banner-mobile {
    display: none
}

.swiper-slide-banner-loading .txtBox {
    width: 1200px;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 40%;
    opacity: 0;
    left: 0;
    box-sizing: border-box
}

.swiper-slide-banner-loading .imgbox p {
    font-size: 45px;
    font-weight: bold;
    color: red;
    margin-left: -100px;
    line-height: 50px;
    padding: 0px 5% 20px
}

.swiper-slide-banner-loading .imgbox p:nth-of-type(2) {
    font-size: 16px;
    color: red;
    line-height: 24px
}

.swiper-slide-banner-loading .swiper-wrapper-mobile .imgbox p {
    line-height: 36px;
    font-size: 30px
}

.swiper-slide-banner-loading .swiper-wrapper-mobile .imgbox p:nth-of-type(2) {
    line-height: 18px;
    font-size: 16px
}

.swiper-slide-banner-loading .swiper-button-next,.swiper-slide-banner-loading .swiper-button-prev {
    width: auto;
    background-image: none;
    font-size: 80px;
    height: 80px;
    line-height: 80px;
    color: #2c508c;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

.swiper-slide-banner-loading .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background: #a6a6a6
}

.swiper-slide-banner-loading .swiper-pagination-bullet-active.swiper-pagination-bullet {
    opacity: 1;
    background: #2c508c
}

.swiper-slide-banner-loading .swiper-pagination-btnBox {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-slide-banner-loading .swiper-pagination-btnBox.swiper-pagination-hidden {
    opacity: 0
}

.swiper-slide-banner-loading .bannerLoadingBox {
    width: 100%;
    height: 100%;
    background: #eee;
    position: relative;
    z-index: 10;
    padding-top: 300px
}

.swiper-slide-banner-loading .bannerLoadingTxt {
    height: 50px;
    width: 80px;
    text-align: center;
    line-height: 50px;
    color: #333;
    margin: auto;
    font-size: 12px
}

.swiper-slide-banner-loading .spinner {
    margin: auto;
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 10px
}

.swiper-slide-banner-loading .spinner>div {
    background-color: #2c508c;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out
}

.swiper-slide-banner-loading .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.swiper-slide-banner-loading .spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.swiper-slide-banner-loading .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.swiper-slide-banner-loading .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.swiper-slide-banner-loading .swiper-container {
    width: 100%
}

@media screen and (max-width: 1200px) {
    .swiper-slide-banner-loading .swiper-button-next,.swiper-slide-banner-loading .swiper-button-prev {
        font-size:30px
    }
}

@media screen and (max-width: 720px) {
    .swiper-slide-banner-loading .banner-mobile {
        display:block
    }

    .swiper-slide-banner-loading .banner-pc {
        display: none
    }
}

.team .section-title {
    text-align: center
}

.team .section-title h2 {
    margin-bottom: 20px;
    color: #2c508c
}

.team .section-title div {
    color: #9c9c9c
}

.team .section-content .item {
    width: 33.33%;
    padding: 20px 40px;
    text-align: center
}

.team .section-content .item div.image {
    position: relative
}

.team .section-content .item div.image img {
    position: relative;
    display: block;
    z-index: 2;
    width: 100%
}

.team .section-content .item div.image span {
    position: absolute;
    left: -20px;
    top: -20px;
    right: 20px;
    bottom: 20px;
    border: 6px solid #f0f3f4
}

.team .section-content .item div.word div.title {
    padding: 20px 0 10px 0
}

.team .section-content .item div.word div.title a {
    color: #2c508c;
    font-size: 1.3em;
    font-weight: bold
}

.team .section-content .item div.word div.summary {
    color: silver
}

.team .section-content .item:hover div.image span {
    border-color: #2c508c
}

@media screen and (max-width: 720px) {
    .team .section-content .item {
        width:48%;
        margin: 20px 1%
    }
}

.top-follow .fl {
    float: left
}

.top-follow .fr {
    float: right
}

.top-follow .show {
    display: block
}

.top-follow .hide {
    display: none
}

.top-follow .clearfix {
    clear: both;
    zoom:1}

.top-follow .header {
    transition: 0.3s
}

.top-follow .header.top-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1111
}

.zhanluehuoban-hyl .fl {
    float: left
}

.zhanluehuoban-hyl .fr {
    float: right
}

.zhanluehuoban-hyl .full {
    width: 100%
}

.zhanluehuoban-hyl .show {
    display: block
}

.zhanluehuoban-hyl .hide {
    display: none
}

.zhanluehuoban-hyl .clearfix {
    clear: both;
    zoom:1}

.zhanluehuoban-hyl ul,.zhanluehuoban-hyl li {
    margin: 0;
    padding: 0;
    list-style: none
}

.zhanluehuoban-hyl .section {
    position: relative
}

.zhanluehuoban-hyl .section-container {
    padding: 50px 0
}

.zhanluehuoban-hyl .section-bgcol {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.zhanluehuoban-hyl .flgr-product-box ul {
    overflow: hidden;
    padding: 20px
}

.zhanluehuoban-hyl .flgr-product-box ul li {
    float: left;
    width: 19%;
    margin-left: 1%;
    margin-top: 15px;
    position: relative;
    background: #fff
}

.zhanluehuoban-hyl .flgr-product-box ul li:hover {
    box-shadow: 7px 6px 20px 2px rgba(90,90,90,0.1);
    transition: 1s
}

.zhanluehuoban-hyl .flgr-product-box ul li a {
    display: block;
    padding: 10px
}

.zhanluehuoban-hyl .flgr-product-box ul li a img {
    display: block;
    width: 100%;
    max-width: 150px;
    height: auto;
    margin: 0;
    border-radius: 10px 10px 0 0;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    margin: auto
}

.zhanluehuoban-hyl .flgr-product-box ul li a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    margin: auto
}

.zhanluehuoban-hyl .flgr-product-box ul li p {
    margin: 40px 0 0 20px;
    line-height: 18px;
    font-size: 16px;
    color: #bcbcbc;
    border-left: 1px solid #aeaeae
}

.zhanluehuoban-hyl .flgr-product-box ul li h6 {
    border-left: 1px solid #aeaeae;
    line-height: 14px;
    font-size: 14px;
    padding: 10px 0 0 0;
    color: #bcbcbc;
    margin: 0;
    margin-left: 20px
}

.zhanluehuoban-hyl .flgr-product-box ul li p,.zhanluehuoban-hyl .flgr-product-box ul li h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.zhanluehuoban-hyl .flgr-product-box ul li p i,.zhanluehuoban-hyl .flgr-product-box ul li h6 i {
    padding: 0 10px
}

@media screen and (max-width: 1200px) {
    .zhanluehuoban-hyl .flgr-product-box ul li h6 {
        border-left:1px solid #aeaeae;
        line-height: 22px;
        font-size: 14px
    }
}

@media screen and (max-width: 720px) {
    .zhanluehuoban-hyl .flgr-product-box ul li p i,.zhanluehuoban-hyl .flgr-product-box ul li h6 i {
        padding:0 5px
    }

    .zhanluehuoban-hyl .flgr-product-box ul {
        overflow: hidden;
        padding: 0px
    }

    .zhanluehuoban-hyl .flgr-product-box ul li {
        float: left;
        width: 48%;
        margin: 10px 0;
        margin-right: 4%
    }

    .zhanluehuoban-hyl .flgr-product-box ul li:nth-of-type(2n) {
        margin-right: 0
    }
}

.zhanluehuoban-hyl .tit-hyl {
    text-align: center;
    font-size: 24px
}

.section-wrapper {
    position: relative
}

.section-hover {
    box-shadow: inset 0 0 3px aqua
}

.more {
    position: relative;
    display: inline-block;
    color: #ffb901;
    border: 2px solid #ffb901;
    border-radius: 2em
}

.more a {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 2
}

.more a:hover {
    color: #ffd567;
    border-color: #ffd567
}

.more a:focus {
    color: #e6ae1a;
    border-color: #e6ae1a
}

.more div {
    padding: 0.8em 2.4em
}

.footerjs {
    display: none
}

.headerjs {
    display: none
}


.mm-page{ background: #fff; }
@media (max-width: 500px) {
    .mm-page{
        padding-top: 80px;
    }
}