@charset "UTF-8";
* {
    outline: 0;
    box-sizing: border-box
}

@font-face {
    font-family: "Source Han Sans CN";
    src: url(../font/SourceHanSansCN-Normal.otf)
}

html {
    -webkit-text-size-adjust: 100%
}

.w1280 {
    max-width: 1280px;
    margin: 0 auto;
    width: 96%
}

.fr {
    float: right
}

.fl {
    float: left
}

.ytable {
    display: table;
    width: 100%;
    table-layout: fixed
}

.ytable_cell {
    display: table-cell;
    vertical-align: middle
}

body {
    padding: 0;
    margin: 0 auto;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    font-family: "Arial", "Microsoft YaHei";
    min-width: 320px;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight: rgba(0, 0, 0, 0)
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none
}

ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside {
    padding: 0;
    margin: 0
}

.ul,
.ul li {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed
}

table td {
    border-collapse: collapse;
    font-size: 14px
}

select,
input,
textarea {
    font-size: 14px;
    color: #333;
    border-radius: 0;
    -webkit-border-radius: 0;
    font-family: "Microsoft YaHei"
}

img {
    border: none;
    max-width: 100%;
    vertical-align: middle
}

a {
    color: #333;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:hover {
    color: #2a8ffd;
    text-decoration: none
}

a:focus {
    color: #333;
    outline: none;
    -moz-outline: none
}

a:active {
    color: #333
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    margin: 0;
    font-family: "Microsoft YaHei";
    text-align: justify;
    text-justify: inter-ideograph
}

img,
object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle
}

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

.clearfix {
    *zoom: 1
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.dot,
.link-select dt {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.dot2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.dot3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.dot4 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.ytable {
    display: table;
    width: 100%;
    table-layout: fixed
}

.ytable-cell {
    display: table-cell;
    vertical-align: middle
}

.bg_cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.bg_contain {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:focus {
    outline: none;
    -moz-outline: none
}

.hide {
    display: none
}

.auto_1280 {
    max-width: 1280px;
    margin: auto
}

@media (max-width: 1280px) {
    .auto_1280 {
        padding: 0 2%
    }
}

.position-tb,
.top .site-nav .nav-link li::after,
.top .top-info .info-wrap dd::after,
.bottom .nav-link li::after,
.slick-arrow,
.index-part1 .left .data .pic,
.index-part1 .left .data .pic figure,
.index-part3 .right .data li:first-child .pic,
.index-part3 .right .data li:first-child .pic figure,
.index-part3 .right .data li a::before,
.index-part6 .right .data .addr,
.index-part7 .data .label,
.index-part7 .data .res,
.new-ls .left .data .pic,
.new-ls .left .data .pic figure {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.position-lr,
.top .top-nav .sub-nav,
.bottom .bt-tit .text::after,
.main.index-main::after,
.slick-dots,
.index-tit .nav li.active::after,
.index-part1 .left .data .pic figure,
.index-part1 .right .top-item .pic figure,
.index-part2 .slick-box .pic figure,
.index-part3 .left .slick-box .pic figure,
.index-part4 .slick-box .pic img,
.index-part5 .left .data li a img,
.index-part6 .left .slick-box .pic img,
.index-part7 .slick-box .pic figure,
.new-ls .left .data .pic figure {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.transition,
.index-part1 .left .data .pic figure,
.index-part1 .right .top-item .pic figure,
.index-part2 .slick-box .pic figure,
.index-part3 .left .slick-box .pic figure,
.index-part3 .right .data li:first-child .pic figure,
.index-part4 .slick-box .pic img,
.index-part5 .left .data li a img,
.index-part6 .left .slick-box .pic img,
.index-part7 .slick-box .pic figure,
.new-ls .left .data .pic figure {
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.scale,
.index-part1 .left .data li a:hover .pic figure,
.index-part1 .right .top-item:hover .pic figure,
.index-part2 .slick-box li:hover .pic figure,
.index-part3 .left .slick-box li:hover .pic figure,
.index-part3 .right .data li:first-child a:hover .pic figure,
.index-part4 .slick-box li:hover .pic img,
.index-part5 .left .data li:hover img,
.index-part6 .left .slick-box li:hover .pic img,
.index-part7 .slick-box li:hover .pic figure,
.new-ls .left .data li a:hover .pic figure {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.top {
    position: relative;
    z-index: 100
}

.top .site-nav {
    line-height: 36px;
    background-color: #ffffff
}

.top .site-nav a {
    color: #999999
}

.top .site-nav a:hover {
    color: #2a8ffd
}

.top .site-nav .nav-link {
    float: left
}

.top .site-nav .nav-link li {
    float: left;
    display: inline-block;
    position: relative;
    padding-right: 8px;
    margin-right: 8px
}

.top .site-nav .nav-link li::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    background-color: #e4e4e4;
    right: 0
}

.top .site-nav .nav-link li:last-child {
    padding-right: 0;
    margin-right: 0
}

.top .site-nav .nav-link li:last-child::after {
    display: none
}

.top .site-nav .right-bar {
    float: right
}

.top .site-nav .right-bar .tel {
    float: left;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #2a8ffd;
    display: inline-block;
    padding-left: 20px;
    background: url("../images/site-tel.png") no-repeat left center
}

.top .site-nav .right-bar .site-login {
    margin: 0 30px;
    float: right
}

.top .site-nav .right-bar .site-login li:nth-child(2) a {
    color: #2a8ffd
}

.top .site-nav .right-bar .member {
    float: right
}

.top .top-info {
    background: url("../images/top-info.jpg") no-repeat center center #fff;
    background-size: cover
}

.top .top-info > .auto_1280 {
    position: relative
}

.top .top-info .logo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    max-width: 28.6375%
}

.top .top-info .info-wrap {
    float: right;
    padding: 50px 0
}

.top .top-info .info-wrap dd {
    float: left;
    margin-right: 35px;
    position: relative
}

.top .top-info .info-wrap dd::after {
    content: "";
    display: block;
    width: 1px;
    height: 41px;
    background-color: #d4e0ec;
    right: 0
}

.top .top-info .info-wrap dd:last-child {
    margin-right: 0
}

.top .top-info .info-wrap dd:last-child li:last-child {
    padding-right: 0 !important
}

.top .top-info .info-wrap dd:last-child::after {
    display: none
}

.top .top-info .info-wrap dd li {
    float: left;
    padding-right: 35px
}

.top .top-info .info-wrap dd .counter {
    font-family: Arial;
    font-weight: bold;
    font-size: 24px;
    color: #2a8ffd
}

.top .top-info .info-wrap dd .tit {
    font-size: 14px;
    font-weight: normal;
    color: #666666;
    margin: 2px 0 0
}

.top .top-info .info-wrap dd:nth-child(2) li {
    padding-right: 20px
}

.top .top-info .info-wrap dd:nth-child(2) .counter {
    color: #0765b1
}

@media (max-width: 1024px) {
    .top .top-info .info-wrap dd {
        margin-right: 10px
    }

    .top .top-info .info-wrap dd li,
    .top .top-info .info-wrap dd:nth-child(2) li {
        padding-right: 10px
    }
}

.top .top-nav {
    background-color: #0765b1;
    box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.05)
}

.top .top-nav .nav > li {
    float: left;
    width: 9.09%;
    text-align: center;
    position: relative
}

.top .top-nav .nav > li:hover,
.top .top-nav .nav > li.aon {
    background-color: #2a8ffd
}

.top .site-nav .nav-link li {
    margin-right: 5px;
    font-size: 12px
}

.top .site-nav .right-bar {
    float: right;
    width: 560px
}

.top .site-nav .right-bar .site-login {
    margin: 0 3px 0 15px
}

.top .site-nav .right-bar .tel {
    font-size: 14px;
    margin-left: 7%
}

@media (min-width: 1001px) {
    .top .top-nav .nav > li:hover .sub-nav {
        display: block
    }
}

.top .top-nav .nav > li > a {
    display: block;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff
}

.top .top-nav .sub-nav {
    display: none;
    top: 100%;
    width: 100%;
    background-color: rgba(22, 125, 237, 0.95)
}

.top .top-nav .sub-nav dd {
    padding: 0 20px;
    transition: 0.3s
}

.top .top-nav .sub-nav dd:hover {
    background-color: #2a8ffd
}

.top .top-nav .sub-nav a {
    display: block;
    padding: 15px 0;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    border-bottom: 1px solid #2a8ffd
}

@media (max-width: 1024px) {
    .top .top-nav .sub-nav {
        padding: 0 5px
    }
}

@media (max-width: 768px) {
    .top .site-nav .right-bar .member {
        float: left
    }

    .top .site-nav .right-bar .site-login {
        float: left
    }

    .top .site-nav .right-bar .site-login {
        float: right
    }

    .top .site-nav .right-bar {
        width: auto;
        float: none
    }
}

.top .nav_btn {
    float: right;
    margin: 15px 0;
    width: 28px;
    height: 28px;
    position: relative;
    cursor: pointer;
    display: none
}

.top .nav_btn::before,
.top .nav_btn::after,
.top .nav_btn i {
    content: "";
    background: #fff;
    position: absolute;
    border-radius: 10px;
    width: 100%;
    height: 2px;
    left: 0
}

.top .nav_btn::before {
    top: 10%
}

.top .nav_btn i {
    top: 50%;
    margin-top: -1px
}

.top .nav_btn::after {
    bottom: 10%
}

.top .nav_btn.open {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.top .nav_btn.open i {
    display: none
}

.top .nav_btn.open::before {
    top: 0;
    bottom: 0;
    margin: auto
}

.top .nav_btn.open::after {
    bottom: auto;
    width: 2px;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto
}

.bottom {
    background-color: #e7edf0;
    padding: 40px 0 50px
}

.bottom .bt-tit {
    font-size: 20px;
    margin: 0;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.bottom .bt-tit .text {
    display: inline-block;
    position: relative;
    padding: 20px 0
}

.bottom .bt-tit .text::after {
    content: "";
    bottom: -1px;
    width: 100%;
    height: 1px;
    display: inline-block;
    background-color: #0765b1
}

.bottom .bt-tit .link {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 14px;
    font-weight: normal
}

.bottom .bt-nav {
    margin: 20px 0 80px
}

.bottom .bt-nav li {
    float: left;
    margin-right: 4.6875%;
    width: 21.484%
}

.bottom .bt-nav li:nth-child(4n) {
    margin-right: 0
}

.bottom .bt-nav li a {
    display: block;
    padding-right: 10px;
    line-height: 38px;
    color: #555555;
    background: url("../images/bt-nav.png") no-repeat right center
}

.bottom .bt-nav li a:hover {
    color: #2a8ffd
}

.bottom .logo-wrap {
    position: relative;
    margin-bottom: 40px
}

.bottom .logo-wrap .logo {
    display: inline-block;
    max-width: 19.531%
}

.bottom .logo-wrap .link-select {
    float: right;
    margin-left: 20px
}

.bottom .logo-wrap .link-select:last-child {
    margin-left: 0
}

.bottom .nav-link {
    float: left
}

.bottom .nav-link a {
    color: #999999
}

.bottom .nav-link a:hover {
    color: #2a8ffd
}

.bottom .nav-link li {
    float: left;
    display: inline-block;
    position: relative;
    padding-right: 8px;
    margin-right: 8px
}

.bottom .nav-link li::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    background-color: #c5cfd4;
    right: 0
}

.bottom .nav-link li:last-child {
    padding-right: 0;
    margin-right: 0
}

.bottom .nav-link li:last-child::after {
    display: none
}

.bottom .copyright {
    line-height: 20px;
    color: #999999;
    margin-top: 15px
}

.bottom .copyright a {
    color: #999
}

.bottom .copyright a:hover {
    color: #2a8ffd
}

.bottom .share-ls {
    float: right
}

.bottom .share-ls li {
    float: left;
    margin-left: 25px;
    position: relative
}

.bottom .share-ls li:first-child {
    margin-left: 0
}

.bottom .share-ls li a {
    display: block;
    height: 20px;
    width: 30px;
    background-repeat: no-repeat;
    background-position: center center
}

.bottom .share-ls li .share-wx {
    background-image: url("../images/share-wx.png")
}

.bottom .share-ls li .share-wb {
    background-image: url("../images/share-wb.png")
}

.bottom .share-ls li .share-dy {
    background-image: url("../images/share-dy.png")
}

.bottom .share-ls li .share-sp {
    background-image: url("../images/share-sp.png")
}

.bottom .share-ls li .share-bz {
    background-image: url("../images/share-bz.png")
}

.bottom .share-ls li .share-tt {
    background-image: url("../images/share-tt.png")
}

.bottom .share-ls li .share-wx:hover {
    background-image: url("../images/share-wx2.png")
}

.bottom .share-ls li .share-wb:hover {
    background-image: url("../images/share-wb2.png")
}

.bottom .share-ls li .share-dy:hover {
    background-image: url("../images/share-dy2.png")
}

.bottom .share-ls li .share-bz:hover {
    background-image: url("../images/share-bz2.png")
}

.bottom .share-ls li .share-tt:hover {
    background-image: url("../images/share-tt2.png")
}

.bottom .share-ls li {
    position: relative
}

.bottom .share-ls .img {
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    padding: 10px;
    border: 1px solid #EEEEEE;
    width: 150px;
    height: 150px;
    top: -165px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9
}

.bottom .share-ls .img span {
    position: relative;
    display: block
}

.bottom .share-ls .img span::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFFFFF
}

.top .touch .img {
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    padding: 10px;
    border: 1px solid #EEEEEE;
    width: 150px;
    height: 150px;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9
}

.top .touch .img span {
    position: relative;
    display: block
}

.top .touch .img span::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFFFFF
}

.link-select {
    width: 150px;
    height: 40px;
    border: solid 1px #c5cfd4;
    position: relative;
    background: url("../images/bt-link.png") no-repeat 82.666% center
}

.link-select dt {
    line-height: 38px;
    padding: 0 30px 0 20px;
    cursor: pointer
}

.link-select dd {
    display: none;
    background-color: #e7edf0;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 100%;
    z-index: 1
}

.link-select dd ul {
    border: 1px solid #c5cfd4;
    padding: 5px 0
}

.link-select dd ul a {
    display: block;
    padding: 8px 20px
}

.link-select:hover dd {
    display: block
}

.main {
    position: relative;
    padding: 20px 0 60px;
    background: url("../images/main-top.png") no-repeat center top #f9fafa
}

.main.index-main::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: url("../images/main-bt.png") no-repeat center bottom
}

.slick-arrow {
    display: inline-block;
    background: url("../images/bn-arrow.png") no-repeat center center transparent;
    background-size: 100% 100%;
    height: 23px;
    width: 13px;
    z-index: 5;
    border: none;
    cursor: pointer;
    color: transparent
}

.slick-arrow.slick-prev {
    left: 2.34375%
}

.slick-arrow.slick-next {
    right: 2.34375%; /* transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg) */
}

.slick-dots {
    bottom: 6.5%;
    z-index: 5;
    text-align: center
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    width: 24px;
    height: 2px;
    background-color: #ffffff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s
}

.slick-dots li * {
    display: none
}

.slick-dots li.slick-active {
    width: 41px;
    background-color: #2a8ffd
}

.index-part {
    margin-top: 20px;
    position: relative;
    z-index: 2
}

.index-tit {
    position: relative;
    border-bottom: 1px solid #efefef;
    margin-bottom: 30px
}

.index-tit .nav li {
    position: relative;
    padding: 25px 0;
    font-size: 20px;
    color: #c0c0c0;
    font-weight: bold;
    display: inline-block;
    margin-right: 35px;
    cursor: pointer;
    line-height: 1
}

.index-tit .nav li:last-child {
    margin-right: 0
}

.index-tit .nav li.active,
.index-tit .nav li:hover {
    color: #333
}

.index-tit .nav li.active::after {
    content: "";
    display: block;
    width: 100%;
    bottom: -1px;
    height: 2px;
    background-color: #0765b1
}

.index-tit .link {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #999999
}

.index-tit .link:hover {
    color: #2a8ffd
}

.index-part1 .left,
.index-part1 .right {
    background-color: #fff;
    padding: 0 30px;
    min-height: 850px;
    overflow: hidden
}

.index-part1 .left {
    width: 70.78125%;
    float: left
}

.index-part1 .left .data li {
    margin-bottom: 30px
}

.index-part1 .left .data li a {
    display: block;
    position: relative;
    padding: 0 0 0 33.687%
}

.index-part1 .left .data .pic {
    left: 0;
    width: 29.55%;
    height: 100%;
    overflow: hidden
}

.index-part1 .left .data .pic figure {
    height: 100%;
    width: 100%;
    border: solid 1px #efefef
}

.index-part1 .left .data .txt {
    min-height: 140px;
    border-bottom: 1px solid #efefef
}

.index-part1 .left .data .tit {
    font-size: 16px;
    margin: 0
}

.index-part1 .left .data .intro {
    line-height: 24px;
    color: #777777;
    max-height: 48px;
    margin: 15px 0 20px
}

.index-part1 .left .data .info {
    line-height: 18px
}

.index-part1 .left .data .time {
    font-family: Arial;
    color: #999999
}

.index-part1 .left .data .res {
    color: #2a8ffd;
    display: inline-block;
    margin-left: 20px
}

.index-part1 .left .data .look {
    display: inline-block;
    color: #999999;
    font-family: Arial;
    padding-left: 21px;
    float: right;
    background: url("../images/look.png") no-repeat left center
}

.index-part1 .left .bar {
    margin-top: 10px
}

.index-part1 .left .bar a {
    color: #2a8ffd
}

.index-part1 .left .bar .r-text {
    float: right
}

.index-part1 .right {
    width: 27.25625%;
    float: right
}

.index-part1 .right .top-item {
    display: block;
    margin-top: 30px
}

.index-part1 .right .top-item:first-child {
    margin-top: 0
}

.index-part1 .right .top-item .pic {
    padding-bottom: 47.619%;
    position: relative;
    overflow: hidden
}

.index-part1 .right .top-item .pic figure {
    top: 0;
    bottom: 0;
    border: solid 1px #efefef
}

.index-part1 .right .top-item .tit {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    height: 48px;
    margin: 15px 0 25px
}

.index-part1 .right .top-item .info {
    color: #999999;
    line-height: 18px
}

.index-part1 .right .top-item .time {
    display: inline-block;
    padding-left: 20px;
    background: url("../images/date.png") no-repeat left center
}

.index-part1 .right .top-item .addr {
    display: inline-block;
    padding-left: 19px;
    background: url("../images/addr.png") no-repeat left center;
    float: right
}

.index-part1 .right .data {
    position: relative;
    margin-top: 20px;
    padding-top: 20px
}

.index-part1 .right .data:before {
    content: "";
    display: block;
    width: 200%;
    height: 1px;
    background-color: #eaedf0;
    position: absolute;
    top: 0;
    left: -25%
}

.index-part1 .right .data li {
    margin-bottom: 20px
}

.index-part1 .right .data li:last-child {
    margin-bottom: 0
}

.index-part1 .right .data .tit {
    font-size: 16px;
    line-height: 24px;
    max-height: 48px;
    position: relative;
    margin: 0;
    padding-left: 10px;
    font-weight: normal
}

.index-part1 .right .data .tit:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: #2a8ffd;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%
}

.index-part2 {
    padding: 0 30px 30px 30px;
    background: #fff
}

.index-part2 .slick-box {
    padding: 0 30px;
    margin: 0 -12px
}

.index-part2 .slick-box li {
    padding: 0 12px
}

.index-part2 .slick-box .pic {
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden
}

.index-part2 .slick-box .pic figure {
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: solid 1px #efefef
}

.index-part2 .slick-box .tit {
    font-size: 16px;
    font-weight: normal;
    margin: 15px 0 25px
}

.index-part2 .slick-box .info {
    color: #999999;
    line-height: 18px
}

.index-part2 .slick-box .time {
    display: inline-block;
    padding-left: 20px;
    background: url("../images/date.png") no-repeat left center
}

.index-part2 .slick-box .addr {
    display: inline-block;
    padding-left: 19px;
    background: url("../images/addr.png") no-repeat left center;
    float: right
}

.index-part2 .slick-box .slick-arrow {
    background: url("../images/new-arrow.png") no-repeat center center;
    background-size: 100%;
    bottom: 70px
}

.index-part2 .slick-box .slick-prev {
    left: 12px
}

.index-part2 .slick-box .slick-next {
    right: 12px
}

.index-part3 .left,
.index-part3 .right {
    padding: 0 30px;
    min-height: 432px;
    background-color: #fff
}

.index-part3 .left {
    float: left;
    width: 41.5625%
}

.index-part3 .left .slick-box {
    padding: 0 20px;
    margin: 0 -5px
}

.index-part3 .left .slick-box li {
    padding: 0 5px
}

.index-part3 .left .slick-box .pic {
    margin-top: 1px;
    padding-bottom: 119.431%;
    position: relative;
    overflow: hidden;
    border: 10px solid transparent;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08)
}

.index-part3 .left .slick-box .pic figure {
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.index-part3 .left .slick-box .tit {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    margin: 15px 0 0
}

.index-part3 .left .slick-box .slick-arrow {
    background: url("../images/new-arrow.png") no-repeat center center;
    background-size: 100%;
    bottom: 45px
}

.index-part3 .left .slick-box .slick-prev {
    left: 5px
}

.index-part3 .left .slick-box .slick-next {
    right: 5px
}

.index-part3 .right {
    float: right;
    width: 56.875%
}

.index-part3 .right .data li:first-child {
    margin-bottom: 20px;
    line-height: normal
}

.index-part3 .right .data li:first-child a {
    padding: 0 0 0 40.133%
}

.index-part3 .right .data li:first-child .txt {
    min-height: 132px;
    border-bottom: 1px solid #efefef
}

.index-part3 .right .data li:first-child .pic {
    overflow: hidden;
    left: 0;
    height: 100%;
    width: 35.451%
}

.index-part3 .right .data li:first-child .pic figure {
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: solid 1px #efefef
}

.index-part3 .right .data li:first-child .tit {
    font-size: 16px;
    font-weight: normal;
    margin: 0
}

.index-part3 .right .data li:first-child .intro {
    line-height: 24px;
    color: #777777;
    max-height: 48px;
    margin: 5px 0 10px
}

.index-part3 .right .data li:first-child .link {
    color: #2a8ffd
}

.index-part3 .right .data li:first-child .time {
    font-family: Arial;
    color: #999999;
    float: right;
    position: relative;
    right: auto;
    top: auto
}

.index-part3 .right .data li {
    line-height: 34px
}

.index-part3 .right .data li a {
    position: relative;
    padding: 0 80px 0 14px
}

.index-part3 .right .data li a::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #2a8ffd;
    border-radius: 50%;
    left: 0
}

.index-part3 .right .data li .tit {
    font-size: 16px;
    font-weight: normal;
    margin: 0
}

.index-part3 .right .data li .time {
    position: absolute;
    right: 0;
    top: 0;
    color: #999999
}

.index-part3 .right .data a {
    display: block;
    position: relative
}

.index-part4 {
    padding: 0 30px 30px 30px;
    background: #fff
}

.index-part4 .slick-box {
    padding: 0 30px;
    margin: 0 -10px
}

.index-part4 .slick-box li {
    padding: 0 10px
}

.index-part4 .slick-box .pic {
    padding-bottom: 51.851%;
    position: relative;
    overflow: hidden;
    border: solid 1px rgba(0, 0, 0, 0.08)
}

.index-part4 .slick-box .pic img {
    top: 0;
    bottom: 0;
    max-height: 100%
}

.index-part4 .slick-box .tit {
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0 0px;
    text-align: center
}

.index-part4 .slick-box .slick-arrow {
    background: url("../images/new-arrow.png") no-repeat center center;
    background-size: 100%;
    bottom: 30px
}

.index-part4 .slick-box .slick-prev {
    left: 10px
}

.index-part4 .slick-box .slick-next {
    right: 10px
}

.index-part5 .left,
.index-part5 .center,
.index-part5 .right {
    float: left;
    background: #fff;
    min-height: 390px;
    width: 27.65625%;
    padding: 0 30px 15px
}

.index-part5 .left {
    margin-right: 1.5625%;
    width: 41.5625%
}

.index-part5 .left .data li {
    float: left;
    width: 47.881%;
    margin-top: 20px;
    margin-right: 4.237%
}

.index-part5 .left .data li:first-child,
.index-part5 .left .data li:nth-child(2) {
    margin-top: 0
}

.index-part5 .left .data li:nth-child(2n) {
    margin-right: 0
}

.index-part5 .left .data li a {
    display: block;
    position: relative;
    padding-bottom: 53.097%;
    overflow: hidden;
    border: solid 1px rgba(0, 0, 0, 0.08)
}

.index-part5 .left .data li a img {
    top: 0;
    bottom: 0;
    max-height: 100%
}

.index-part5 .center {
    margin-right: 1.5625%
}

.index-part5 .center .data li:last-child a {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0
}

.index-part5 .center .data a {
    display: block;
    padding: 0 0 20px 104px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
    position: relative
}

.index-part5 .center .data .num {
    position: absolute;
    left: 0;
    top: 0;
    width: 92px;
    padding: 10px;
    background-color: #eaf2fa;
    font-size: 20px;
    font-weight: bold;
    color: #2a8ffd;
    font-family: Arial;
    line-height: 1
}

.index-part5 .center .data .num::before {
    content: "";
    display: block;
    width: 16px;
    height: 18px;
    background: url("../images/people.png") no-repeat center center;
    background-size: contain;
    margin-bottom: 5px
}

.index-part5 .center .data .tit {
    font-size: 16px;
    font-weight: normal;
    padding: 8px 0;
    margin: 0
}

.index-part5 .center .data .intro {
    color: #777777;
    margin-bottom: 5px
}

.index-part5 .right .data a {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef
}

.index-part5 .right .data li {
    margin-bottom: 20px
}

.index-part5 .right .data li:last-child {
    margin-bottom: 0
}

.index-part5 .right .data li:last-child a {
    padding-bottom: 0;
    border-bottom: 0
}

.index-part5 .right .data .tit {
    font-size: 16px;
    line-height: 20px;
    position: relative;
    padding-left: 60px;
    font-weight: normal;
    height: 40px;
    margin: 0 0 9px
}

.index-part5 .right .data .label {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    background-color: #eaf2fa;
    text-align: center;
    color: #2a8ffd
}

.index-part5 .right .data .time {
    display: inline-block;
    padding-left: 20px;
    color: #999999;
    background: url("../images/date.png") no-repeat left center
}

.index-part5 .right .data .addr {
    display: inline-block;
    padding-left: 19px;
    background: url("../images/addr.png") no-repeat left center;
    float: right;
    color: #777777
}

.index-part6 .left,
.index-part6 .right {
    padding: 0 30px;
    min-height: 390px;
    background-color: #fff
}

.index-part6 .left {
    float: left;
    width: 70.78125%
}

.index-part6 .left .slick-box {
    margin: 0 -13px
}

.index-part6 .left .slick-box li {
    padding: 0 13px
}

.index-part6 .left .slick-box .pic {
    margin-top: 1px;
    padding-bottom: 100%;
    padding-bottom: calc(100% - 2px);
    position: relative;
    overflow: hidden;
    border: solid 1px rgba(0, 0, 0, 0.08)
}

.index-part6 .left .slick-box .pic img {
    top: 0;
    bottom: 0;
    max-height: 100%
}

.index-part6 .left .slick-box .tit {
    font-size: 16px;
    font-weight: normal;
    margin: 15px 0 15px;
    line-height: 20px;
    text-align: left
}

.index-part6 .left .slick-box .intro {
    color: #777777
}

.index-part6 .left .slick-box .slick-arrow {
    background: url("../images/new-arrow.png") no-repeat center center;
    background-size: 100%;
    bottom: 45px
}

.index-part6 .left .slick-box .slick-prev {
    left: 16px
}

.index-part6 .left .slick-box .slick-next {
    right: 16px
}

.index-part6 .right {
    float: right;
    width: 27.65625%
}

.index-part6 .right .data li {
    padding-bottom: 25px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 30px
}

.index-part6 .right .data li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.index-part6 .right .data a {
    display: block;
    position: relative;
    padding-left: 100px
}

.index-part6 .right .data .tit {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    height: 48px;
    margin: 0
}

.index-part6 .right .data .addr {
    left: 0;
    width: 80px;
    height: 40px;
    background-color: #eaf2fa;
    line-height: 40px;
    text-align: center;
    color: #2a8ffd;
    vertical-align: middle
}

.index-part6 .right .data .addr:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 14px;
    background: url("../images/addr2.png") no-repeat center center;
    background-size: contain;
    margin-right: 8px
}

.index-part7 {
    padding: 0 30px;
    background: #fff
}

.index-part7 .slick-box {
    padding: 0 30px 30px;
    margin: 0 -12px
}

.index-part7 .slick-box li {
    padding: 0 12px
}

.index-part7 .slick-box .pic {
    padding-bottom: 56.216%;
    position: relative;
    overflow: hidden
}

.index-part7 .slick-box .pic figure {
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: solid 1px #efefef
}

.index-part7 .slick-box .pic .label {
    position: absolute;
    left: 1px;
    top: 1px;
    background-color: #2a8ffd;
    line-height: 30px;
    display: inline-block;
    z-index: 2;
    padding: 0 10px;
    color: #ffffff
}

.index-part7 .slick-box .tit {
    font-size: 16px;
    font-weight: normal;
    margin: 25px 0 10px
}

.index-part7 .slick-box .info {
    color: #999999;
    line-height: 18px;
    margin-bottom: 25px
}

.index-part7 .slick-box .date {
    display: inline-block;
    padding-left: 20px;
    background: url("../images/date.png") no-repeat left center;
    margin-right: 20px
}

.index-part7 .slick-box .time {
    display: inline-block;
    padding-left: 23px;
    background: url("../images/alarm.png") no-repeat left center
}

.index-part7 .slick-box .slick-arrow {
    background: url("../images/new-arrow.png") no-repeat center center;
    background-size: 100%;
    bottom: 140px
}

.index-part7 .slick-box .slick-prev {
    left: 12px
}

.index-part7 .slick-box .slick-next {
    right: 12px
}

.index-part7 .data {
    margin: 0 -30px;
    padding: 30px 60px;
    background: #fdfefe
}

.index-part7 .data li {
    width: 47.844%;
    float: left;
    margin-top: 30px
}

.index-part7 .data li:nth-child(2n) {
    float: right
}

.index-part7 .data li:nth-child(-n+2) {
    margin-top: 0
}

.index-part7 .data a {
    display: block;
    padding: 0 170px 0 60px;
    position: relative;
    line-height: 20px
}

.index-part7 .data .label {
    display: inline-block;
    text-align: center;
    width: 50px;
    background-color: #eaf2fa;
    color: #2a8ffd;
    left: 0
}

.index-part7 .data .res {
    width: 170px;
    display: inline-block;
    text-align: right;
    color: #999999;
    right: 0
}

.more-btn {
    display: inline-block;
    background-color: #0765b1;
    width: 120px;
    text-align: center;
    padding: 0 10px;
    font-size: 16px;
    color: #ffffff !important;
    line-height: 40px
}

.location {
    padding: 30px 0 25px;
    border-bottom: 1px solid #efefef;
    color: #999999;
    margin-bottom: 30px
}

.location a {
    color: #999999
}

.location a:hover {
    color: #2a8ffd
}

.new-ls .left {
    width: 70.78125%;
    background-color: #fff;
    padding: 0 30px 60px;
    overflow: hidden;
    float: left
}

.new-ls .left .data li {
    margin-bottom: 30px
}

.new-ls .left .data li a {
    display: block;
    position: relative;
    padding: 0 0 0 33.687%
}

.new-ls .left .data .pic {
    left: 0;
    width: 29.55%;
    height: 100%;
    overflow: hidden
}

.new-ls .left .data .pic figure {
    height: 100%;
    width: 100%;
    border: solid 1px #efefef
}

.new-ls .left .data .txt {
    min-height: 140px;
    border-bottom: 1px solid #efefef
}

.new-ls .left .data .tit {
    font-size: 16px;
    margin: 0
}

.new-ls .left .data .intro {
    line-height: 24px;
    color: #777777;
    max-height: 48px;
    margin: 15px 0 20px
}

.new-ls .left .data .info {
    line-height: 18px
}

.new-ls .left .data .time {
    font-family: Arial;
    color: #999999
}

.new-ls .left .data .res {
    color: #2a8ffd;
    display: inline-block;
    margin-left: 20px
}

.new-ls .left .data .look {
    display: inline-block;
    color: #999999;
    font-family: Arial;
    padding-left: 21px;
    float: right;
    background: url("../images/look.png") no-repeat left center
}

.new-ls .left .data .agree {
    display: inline-block;
    color: #999999;
    font-family: Arial;
    padding-left: 16px;
    float: right;
    min-width: 70px;
    background: url("../images/agree.png") no-repeat left center
}

.new-ls .left .data .agree.on {
    color: #2a8ffd;
    background: url("../images/agree-a.png") no-repeat left center
}

.new-ls .left .bar {
    margin-top: 10px;
    text-align: center
}

.new-ls .left .bar a {
    color: #2a8ffd
}

.new-ls .right {
    width: 27.25625%;
    float: right;
    overflow: hidden
}

.r-ad {
    display: block;
    margin-bottom: 20px
}

.r-ad img {
    width: 100%
}

.hot-ls {
    padding: 0 30px 18px;
    background: #fff
}

.hot-ls .data li {
    margin-bottom: 15px
}

.hot-ls .data li a {
    display: block;
    padding: 0 0 15px 35px;
    position: relative;
    border-bottom: 1px solid #eaedf0
}

.hot-ls .data li:last-child {
    margin-bottom: 0
}

.hot-ls .data li:last-child a {
    padding-bottom: 0;
    border-bottom: 0
}

.hot-ls .data li:first-child .rank {
    background-color: #0765b1
}

.hot-ls .data li:nth-child(2) .rank {
    background-color: #2a8ffd
}

.hot-ls .data li:nth-child(3) .rank {
    background-color: #adcae9
}

.hot-ls .data .tit {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    max-height: 72px;
    margin: 0 0 10px
}

.hot-ls .data .time {
    color: #999999
}

.hot-ls .data .rank {
    width: 15px;
    height: 15px;
    background-color: #d7d7d7;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 16px;
    font-family: Arial;
    font-size: 12px;
    color: #ffffff
}

.get-top {
    display: none;
    width: 40px;
    height: 40px;
    background: url("../images/get-top.png") no-repeat center center #0765b1;
    position: fixed;
    right: 10%;
    z-index: 100;
    bottom: 20%
}

.new-dt .left {
    width: 70.78125%;
    float: left;
    overflow: hidden
}

.new-dt .left .article {
    margin-top: 20px;
    padding: 0 30px 80px;
    background: #fff
}

.new-dt .left .article .tit {
    text-align: center;
    font-size: 28px;
    margin: 50px 0 20px
}

.new-dt .left .article .info {
    color: #999999;
    font-family: Arial;
    text-align: center;
    margin-bottom: 50px
}

.new-dt .left .article .info .time,
.new-dt .left .article .info .res {
    display: inline-block;
    margin: 0 20px
}

.new-dt .left .article .txt {
    line-height: 24px;
    margin-bottom: 30px
}

.new-dt .left .article .txt p {
    text-indent: 2em
}

.new-dt .left .article .txt .img {
    text-align: center
}

.new-dt .left .article .txt .img .label {
    font-size: 14px;
    color: #999999;
    margin-top: 20px
}

.new-dt .left .article .files {
    background-color: #eaf2fa;
    padding: 25px 20px 20px 100px;
    position: relative;
    line-height: 24px
}

.new-dt .left .article .files .label {
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    left: 30px;
    top: 30px;
    line-height: 1
}

.new-dt .left .article .files a {
    display: block;
    padding-left: 25px;
    font-size: 16px;
    color: #2a8ffd;
    background: url("../images/file.png") no-repeat 0px 5px;
    margin-bottom: 15px
}

.new-dt .left .article .files a:last-child {
    margin-bottom: 0
}

.new-dt .left .article .files a.pdf {
    background: url(../images/pdf.png) no-repeat left center
}

.new-dt .left .article .files a.doc {
    background: url(../images/doc.jpg) no-repeat left center
}

.new-dt .left .article .share-ls {
    margin-top: 60px;
    padding-bottom: 30px;
    border-bottom: 1px solid #efefef
}

.new-dt .left .article .share-ls .bshare-custom {
    display: inline-block
}

.new-dt .left .article .share-ls .bshare-custom a {
    width: 40px;
    height: 40px;
    border: solid 1px #efefef;
    margin-right: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff
}

.new-dt .left .article .share-ls .bshare-custom a:hover {
    background-color: #0765b1;
    border-color: #0765b1;
    opacity: 1
}

.new-dt .left .article .share-ls .bshare-custom .bshare-weixin {
    background-image: url("../images/bs-wx.png")
}

.new-dt .left .article .share-ls .bshare-custom .bshare-weixin:hover {
    background-image: url("../images/bs-wx-on.png")
}

.new-dt .left .article .share-ls .bshare-custom .bshare-qzone {
    background-image: url("../images/bs-qz.png")
}

.new-dt .left .article .share-ls .bshare-custom .bshare-qzone:hover {
    background-image: url("../images/bs-qz-on.png")
}

.new-dt .left .article .share-ls .bshare-custom .bshare-sinaminiblog {
    background-image: url("../images/bs-wb.png")
}

.new-dt .left .article .share-ls .bshare-custom .bshare-sinaminiblog:hover {
    background-image: url("../images/bs-wb-on.png")
}

.new-dt .left .article .share-ls .agree {
    display: inline-block;
    float: right;
    line-height: 38px;
    border: solid 1px #efefef;
    text-align: center;
    padding: 0 25px;
    min-width: 100px;
    color: #ddd;
    font-family: Arial
}

.new-dt .left .article .share-ls .agree::before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 19px;
    background: url("../images/bs-agree-a.png") no-repeat center center;
    background-size: 100% 100%;
    margin-right: 5px;
    vertical-align: middle
}

.new-dt .left .article .share-ls .agree.on::before {
    background: url("../images/bs-agree.png") no-repeat center center
}

.new-dt .left .article .share-ls .agree.on {
    color: #2a8ffd
}

.new-dt .left .article .more-btn {
    display: block;
    margin: 40px auto 0
}

.new-dt .left .index-part6 {
    margin-top: 40px
}

.new-dt .left .index-part6 .left {
    width: 100%
}

.new-dt .right {
    width: 27.25625%;
    float: right;
    overflow: hidden
}

.new-dt .right .index-part1 .right {
    width: 100%;
    padding-bottom: 20px
}

.new-dt .right .hot-ls {
    margin-top: 20px
}

.new-dt .right .r-ad {
    margin-top: 20px
}

.new-dt .right .index-part5 .center,
.new-dt .right .index-part5 .right {
    width: 100%;
    margin-right: 0
}

.bsTop {
    width: 100% !important
}

.bsFrameDiv,
.bsFrameDiv div {
    height: auto !important
}

.bsFrameDiv img {
    margin: 15px !important
}

.bsTop,
.bsFrameDiv,
#bsMorePanel {
    width: 100% !important
}

#bsMorePanel {
    height: auto !important
}

.bFind-wrapper-top {
    height: 25px !important
}

a.bsSiteLink,
.bsFooterDiv {
    height: 18px !important;
    line-height: 18px !important
}

.chapter-dt .left {
    width: 70.78125%;
    float: left;
    overflow: hidden
}

.chapter-dt .left .article {
    padding: 50px 30px;
    background: #fff;
    -webkit-user-select: text;
    -ms-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.chapter-dt .left .article .tit {
    font-size: 28px;
    text-align: center;
    margin: 0 0 35px
}

.chapter-dt .left .article .cont {
    padding-top: 40px;
    line-height: 24px
}

.chapter-dt .left .article .cont p {
    text-indent: 2em
}

.chapter-dt .left .article .cont .img {
    text-align: center
}

.chapter-dt .left .article .cont .img .label {
    font-size: 14px;
    color: #999999;
    margin-top: 20px
}

.chapter-dt .left .article .cont .msg p {
    margin: 0
}

.chapter-dt .left .article .cont .code {
    text-align: center;
    border: solid 1px #efefef;
    padding: 15px 5px;
    line-height: 24px;
    display: inline-block
}

.chapter-dt .left .chapter-tab li {
    float: left;
    margin-right: 2.346%;
    width: 23.226%;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #c0c0c0;
    cursor: pointer;
    border-bottom: 1px solid #efefef;
    padding: 25px 0
}

.chapter-dt .left .chapter-tab li:hover {
    color: #2a8ffd;
    border-bottom: 1px solid #2a8ffd
}

.chapter-dt .left .chapter-tab li.active {
    color: #2a8ffd;
    border-bottom: 1px solid #2a8ffd
}

.chapter-dt .left .chapter-tab li a {
    display: block;
    color: #c0c0c0
}

.chapter-dt .left .chapter-tab li:hover a,
.chapter-dt .left .chapter-tab li.active a {
    color: #2a8ffd
}

.chapter-dt .left .chapter-tab li:nth-child(4n) {
    margin-right: 0
}

.chapter-dt .left .index-part3 .right {
    width: 100%;
    min-height: auto;
    padding-bottom: 20px
}

.chapter-dt .left .about-us-main {
    background: #fff;
    padding: 0 30px;
    margin-top: 20px
}

.chapter-dt .left .about-us-main .part2 .group dd {
    width: 33.333%
}

.chapter-dt .left .about-us-main .part2 .group dd:nth-of-type(3n+1) {
    clear: both
}

.chapter-dt .left .about-us-main .index-tit {
    margin-bottom: 0
}

.chapter-dt .right {
    width: 27.25625%;
    float: right;
    overflow: hidden
}

.links-ls {
    background-color: #ffffff
}

.links-ls li.active {
    background-color: #2a8ffd
}

.links-ls li.active a {
    color: #fff
}

.links-ls li.active a::before {
    background-color: #fff
}

.links-ls li:last-child a {
    border-bottom-color: transparent
}

.links-ls a {
    display: block;
    padding: 0 30px;
    line-height: 40px;
    font-size: 16px;
    border-bottom: 1px solid #eaedf0
}

.links-ls a::before {
    content: "";
    display: inline-block;
    height: 3px;
    width: 3px;
    background-color: #2a8ffd;
    vertical-align: middle;
    margin: 0 15px 0 0
}

.links-ls a:hover {
    background-color: #2a8ffd;
    color: #fff
}

.links-ls a:hover::before {
    background: #fff
}

@media (max-width: 1000px) {
    .top .site-nav {
        line-height: 20px
    }

    .top .top-info .logo {
        position: relative;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        top: auto;
        bottom: auto;
        margin-top: 20px;
        max-width: 60%
    }

    .top .top-info .info-wrap {
        padding: 10px 0 20px;
        float: none
    }

    .top .top-info .info-wrap dd {
        margin-top: 10px;
        float: none;
        padding-right: 0;
        margin-right: 0
    }

    .top .top-info .info-wrap dd::after {
        display: none
    }

    .top .nav_btn {
        display: block
    }

    .top .top-nav {
        position: relative
    }

    .top .top-nav .nav {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background-color: #0765b1
    }

    .top .top-nav .nav li {
        width: 100%;
        float: none
    }

    .top .top-nav .nav li .sub-nav {
        position: relative
    }

    .bottom {
        padding: 20px 0 30px
    }

    .bottom .bt-tit,
    .bottom .bt-nav {
    }

    .bottom .bt-nav li {
        width: 45%
    }

    .bottom .logo-wrap {
        margin-bottom: 10px
    }

    .bottom .logo-wrap .logo {
        max-width: 60%
    }

    .bottom .logo-wrap .link-select {
        background-position: 92% center;
        width: 100%;
        margin: 10px 0 0 0
    }

    .bottom .share-ls {
        float: none;
        margin-top: 15px
    }

    .bottom .share-ls li:first-child span::before,
    .bottom .share-ls li:first-child .img {
        left: 0;
        transform: translateX(0)
    }

    .bottom .share-ls li:last-child span::before,
    .bottom .share-ls li:last-child .img {
        right: 0;
        transform: translateX(0);
        left: auto
    }

    .index-tit .nav li {
        padding: 15px 0;
        font-size: 16px;
        margin-right: 10px
    }

    .index-part1 .left,
    .index-part1 .right {
        width: 100%;
        padding: 0 15px;
        min-height: auto
    }

    .index-part1 .left {
        padding-bottom: 30px;
        margin-bottom: 20px
    }

    .index-part1 .left .data li a {
        padding-left: 0
    }

    .index-part1 .left .data .pic {
        position: relative;
        width: 100%;
        padding-bottom: 56%;
        margin-bottom: 20px
    }

    .index-part1 .left .time {
        vertical-align: middle
    }

    .index-part1 .left .res {
        max-width: 125px;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle
    }

    .index-part1 .left .bar .r-text {
        display: block;
        float: none
    }

    .index-part2,
    .index-part4 {
        padding: 0 15px 30px
    }

    .index-part3 .left,
    .index-part3 .right {
        width: 100%;
        padding: 0 15px 30px;
        min-height: auto
    }

    .index-part3 .left {
        margin-bottom: 20px
    }

    .index-part5 .left,
    .index-part5 .center,
    .index-part5 .right {
        width: 100%;
        padding: 0 15px 30px;
        min-height: auto
    }

    .index-part5 .center {
        margin: 20px 0
    }

    .index-part6 .left,
    .index-part6 .right {
        width: 100%;
        padding: 0 15px 30px;
        min-height: auto
    }

    .index-part6 .left {
        margin-bottom: 20px
    }

    .index-part7 {
        padding: 0 15px
    }

    .index-part7 .data {
        margin: 0 -15px;
        padding: 30px 45px
    }

    .index-part7 .data li {
        width: 100%
    }

    .index-part7 .data li:nth-child(n+2) {
        margin-top: 15px
    }

    .index-part7 .data .res {
        display: none
    }

    .index-part7 .data a {
        padding-right: 0
    }

    .new-ls .left {
        width: 100%;
        padding: 0 15px;
        min-height: auto
    }

    .new-ls .right {
        width: 100%
    }

    .new-ls .left {
        padding-bottom: 30px;
        margin-bottom: 20px
    }

    .new-ls .left .data li a {
        padding-left: 0
    }

    .new-ls .left .data .pic {
        position: relative;
        width: 100%;
        padding-bottom: 56%;
        margin-bottom: 20px
    }

    .new-ls .left .data .time {
        vertical-align: middle
    }

    .new-ls .left .data .res {
        max-width: 125px;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle
    }

    .new-ls .left .data .info {
        padding-bottom: 10px
    }

    .new-ls .left .data .info .look {
        float: left;
        width: 50%
    }

    .hot-ls {
        padding: 0 15px 30px
    }

    .get-top {
        right: 2%;
        bottom: 10%
    }

    .new-dt .left,
    .new-dt .right {
        width: 100%
    }

    .new-dt .left {
        margin-bottom: 20px
    }

    .new-dt .left .article {
        padding: 0 15px 50px
    }

    .new-dt .left .article .tit {
        font-size: 20px
    }

    .chapter-dt .left {
        width: 100%;
        margin-bottom: 20px
    }

    .chapter-dt .left .article {
        padding: 25px 15px
    }

    .chapter-dt .left .article .tit {
        font-size: 20px;
        margin-bottom: 15px
    }

    .chapter-dt .left .article .cont {
        padding-top: 20px
    }

    .chapter-dt .left .chapter-tab li {
        font-size: 16px;
        padding: 15px 0
    }

    .chapter-dt .left .about-us-main {
        padding: 0 15px
    }

    .chapter-dt .left .about-us-main .part2 .group dd {
        width: 100%
    }

    .chapter-dt .right {
        width: 100%
    }

    .links-ls a {
        padding: 0 15px
    }
}

@media (max-width: 320px) {
    .top .top-info .info-wrap dd .tit {
        font-size: 12px
    }
}

.about-us-main .auto_1280 {
    background-color: #fff;
    padding: 0 30px
}

.index-tit .nav li a {
    color: #c0c0c0
}

.index-tit .nav li.active a {
    color: #000
}

.about-us-main .title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 56px;
    position: relative;
    padding-top: 20px
}

.about-us-main .title::after {
    content: "";
    display: block;
    margin: 14px auto 0;
    width: 30px;
    height: 2px;
    background-color: #2a8ffd
}

.about-us-main .part1 {
    padding-bottom: 90px
}

.about-us-main .part1 .item {
    margin-bottom: 46px
}

.about-us-main .part1 .label {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 8px
}

.about-us-main .part1 p {
    margin: 0;
    font-size: 16px;
    line-height: 1.8
}

.about-us-main .part1 .info .label {
    margin-bottom: 28px
}

.about-us-main .part1 .list-wrap {
    overflow: hidden;
    margin-bottom: 44px
}

.about-us-main .part1 .history-list {
    margin: -10px
}

.about-us-main .part1 .history-list li {
    width: 25%;
    float: left;
    padding: 10px
}

.about-us-main .part1 .history-list li .grid {
    background-color: #eaf2fa;
    height: 320px;
    overflow: hidden
}

.about-us-main .part1 .history-list li .year {
    display: block;
    max-width: 180px;
    width: 80%;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #2a8ffd;
    margin-top: 10.2%
}

.about-us-main .part1 .history-list li .txt {
    padding: 10% 9% 0 8%
}

.about-us-main .part1 .history-list li .txt p {
    line-height: 1.5;
    height: 48px;
    margin-bottom: 16px
}

.about-us-main .part1 .history-list li .txt p:last-child {
    margin-bottom: 0
}

.about-us-main .part1 .history-list li .txt em {
    display: inline-block;
    vertical-align: top;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #2a8ffd;
    margin-top: 10px;
    margin-right: 6px
}

.about-us-main .part1 .field-list {
    margin: -10px
}

.about-us-main .part1 .field-list li {
    width: 50%;
    float: left;
    padding: 10px
}

.about-us-main .part1 .field-list li .grid {
    position: relative;
    padding-left: 56px
}

.about-us-main .part1 .field-list li .label {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 110px;
    height: 110px;
    color: #fff;
    background-color: #2a8ffd;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 0 3%
}

.about-us-main .part1 .field-list li .cont {
    height: 270px;
    width: 100%;
    background-color: #eaf2fa;
    line-height: 1.4;
    padding: 2% 9% 2% 15%
}

.about-us-main .part1 .field-list li .cont p {
    padding-left: 12px;
    position: relative;
    line-height: 34px
}

.about-us-main .part1 .field-list li .cont p::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #2a8ffd;
    left: 0;
    top: 11px
}

.about-us-main .part2 .part-title {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    border-bottom: 1px solid #efefef
}

.about-us-main .part2 .part-title span {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    position: relative
}

.about-us-main .part2 .part-title span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background-color: #0765b1
}

.about-us-main .part2 .group {
    border-bottom: 1px solid #efefef;
    padding: 26px 0 20px
}

.about-us-main .part2 .group dt {
    font-size: 16px;
    font-weight: bold;
    clear: both;
    margin-bottom: 16px
}

.about-us-main .part2 .group dd {
    width: 292px;
    float: left;
    margin: 10px 0
}

.about-us-main .part2 .group dd .image {
    width: 112px;
    border: 1px solid #ebebeb;
    float: left
}

.about-us-main .part2 .group dd .image .bg_cover {
    padding-top: 134.5454%
}

.about-us-main .part2 .group dd .text {
    float: left;
    padding: 6px 18px 0;
    width: calc(100% - 112px)
}

.about-us-main .part2 .group dd .text .name {
    font-size: 16px
}

.about-us-main .part2 .group dd .text p {
    color: #777;
    word-wrap: break-word;
    word-break: break-all
}

.about-us-main .part2 .group dd .text .platform {
    margin-top: 36px;
    margin-bottom: 0
}

@media (max-width: 1200px) {
    .about-us-main .part1 .field-list li {
        width: 100%
    }

    .about-us-main .part1 .history-list li {
        width: 50%
    }
}

@media (max-width: 768px) {
    .about-us-main .part1 .history-list li {
        width: 100%
    }

    .about-us-main .part1 p {
        font-size: 14px
    }

    .about-us-main .part1 .field-list li .label {
        font-size: 14px;
        width: 80px;
        height: 80px
    }

    .about-us-main .part1 .field-list li .cont p {
        line-height: 26px
    }

    .about-us-main .part1 .label {
        font-size: 18px
    }

    .about-us-main .title {
        font-size: 24px
    }

    .about-us-main .title {
        margin-bottom: 36px
    }

    .about-us-main .part2 .group dd {
        width: 100%
    }
}

.Pages {
    text-align: center;
    margin-top: 40px;
}

.Pages span,
.Pages .a_first,
.Pages .a_end {
    display: none
}

.Pages .p_page {
    display: inline-block
}

.Pages .p_page .num {
    font-style: normal
}

.Pages .p_page .num a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border: 1px solid #0765b1;
    transition: all .3s
}

.Pages .p_page .num .a_cur {
    color: #fff;
    background-color: #0765b1
}

.Pages .p_page .a_next,
.Pages .p_page .a_prev {
    display: inline-block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border: 1px solid #0765b1;
    transition: all .3s
}

.Pages .p_page .num a:hover {
    color: #fff;
    background-color: #0765b1
}

.Pages .p_page .a_next:hover,
.Pages .p_page .a_prev:hover {
    color: #fff;
    background-color: #0765b1
}


.header {
    background-color: #eff6fb;
    position: relative;
    z-index: 100;
}

.header .top {
    line-height: 40px;
    background-color: #fff;
}

.header .top .tel {
    padding-left: 25px;
    background: url(../images/top_tel.png) no-repeat left center;
    color: #999999;
}

.header .top .tel b {
    font-size: 16px;
    color: #2a8ffd;
}

.header .top .fr a {
    color: #999999;
    display: inline-block;
    vertical-align: middle;
}

.header .top .fr a:hover {
    color: #2a8ffd;
}

.header .top .fr em {
    display: inline-block;
    width: 1px;
    height: 11px;
    background-color: #999;
    vertical-align: middle;
    margin: 0 5px 0 7px;
}

.header .ytable {
    padding: 20px 0;
}

.header .logo a {
    display: inline-block;
    max-width: 70%;
}

@media screen and (max-width: 1000px) {
    .header .top {
        line-height: 22px;
        padding: 10px 0;
    }

    .header .pic figure {
        display: none;
    }

    .header .pic #open_menu {
        z-index: 102;
        position: relative;
        width: 40px;
        height: 40px;
        float: right;
        cursor: pointer;
        transition: all .3s;
    }

    .header .pic #open_menu i {
        display: block;
        background-color: #0765b1;
        position: absolute;
        width: 30px;
        left: 5px;
        top: 18px;
        height: 3px;
        border-radius: 4px;
        transition: all .3s;
    }

    .header .pic #open_menu::before,
    .header .pic #open_menu::after {
        content: '';
        position: absolute;
        left: 5px;
        width: 30px;
        height: 3px;
        background-color: #0765b1;
        border-radius: 4px;
    }

    .header .pic #open_menu::before {
        top: 10px;
    }

    .header .pic #open_menu::after {
        bottom: 10px;
    }

    .header .pic #open_menu.open_menu_on i {
        opacity: 0;
    }

    .header .pic #open_menu.open_menu_on:before {
        transform: rotate(45deg);
        top: 18px;
    }

    .header .pic #open_menu.open_menu_on:after {
        transform: rotate(-45deg);
        bottom: 18px;
    }

    .header .logo {
        width: 60%;
    }

    .header .logo a {
        max-width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .header .top .tel {
        display: none;
    }
}

.navTop {
    background-color: #0765b1;
    line-height: 50px;
}

.navTop .w1280 {
    padding-right: 275px;
    position: relative;
}

.navTop .other {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    width: 270px;
    text-align: right;
}

.navTop .other a {
    background-image: -moz-linear-gradient(108deg, #e30077 0%, #1996e0 100%);
    background-image: -webkit-linear-gradient(108deg, #e30077 0%, #1996e0 100%);
    background-image: -ms-linear-gradient(108deg, #e30077 0%, #1996e0 100%);
    /*background-color: #0765b1;*/
    border-style: solid;
    border-color: #ffffff;
    border-width: 1px;
    width: 114px;
    line-height: 35px;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
}

.navTop .other a:last-child {
    margin-left: 12%;
}

.navTop li {
    width: calc(100% / 7);
    float: left;
    text-align: center;
    font-size: 18px;
    position: relative;
}

.navTop li a {
    color: #fff;
    display: block;
    width: 100%;
    font-weight: bold;
}

.navTop li a.aon,
.navTop li a:hover {
    background-color: #2a8ffd;
}

.navTop .sub {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: rgba(22, 125, 237, .95);
    width: 100%;
    display: none;
}

.navTop .sub a {
    line-height: 51px;
    font-size: 14px;
}

@media screen and (max-width: 1024px) {
    .navTop .other {
        width: 220px;
    }

    .navTop .other a {
        font-size: 16px;
        width: 90px;
    }

    .navTop .w1280 {
        padding-right: 230px;
    }

    .navTop li {
        font-size: 16px;
    }
}

@media screen and (max-width: 1000px) {
    .navTop {
        display: none;
        position: absolute;
        right: 0;
        top: 100%;
        width: 100%;
        padding: 3% 0;
    }

    .navTop .w1280 {
        padding-right: 0;
        width: 100%;
    }

    .navTop .other {
        position: relative;
        width: 100%;
        text-align: center;
        margin-top: 3%;
    }

    .navTop .other a:last-child {
        margin-left: 5%;
    }

    .navTop ul li {
        width: 100%;
        float: none;
    }

    .navTop.navTop_show {
        display: block;
    }

    .navTop .li_sub::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 50px;
    }

    .navTop .sub {
        position: relative;
    }
}

.menubox {
    background-color: rgb(248, 248, 248);
    padding: 10px 0;
    line-height: 40px;
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 40px;
    margin-top: 20px;
    font-size: 14px;
    color: rgb(153, 153, 153)
}

.menubox b {
    font-style: normal;
    color: #1996e0
}

@media (max-width: 460px) {
    .menubox {
        background-position: 10px 20px
    }
}

.cg-part1 {
    font-family: "Source Han Sans CN";
    margin-top: 50px
}

.cg-part1 .fl {
    width: 520px
}

.cg-part1 .s-tab-zoom {
    margin-top: 10px;
    padding: 0 30px;
    padding-left: 40px
}

.cg-part1 .s-tab-zoom .slick-slide {
    padding: 0 10px
}

.cg-part1 .s-tab-zoom .slick-slide > a {
    display: block;
    overflow: hidden;
    border: 2px solid #eee;
}

.cg-part1 .s-tab-zoom .slick-slide > a.on {
    border-color: #0765b1;
}

.cg-part1 .s-tab-zoom .slick-slide > a.zoomGalleryActive {
    border-color: #0765b1;
}

.product-details-tab .zoomWrapper {
    border: 1px solid #eee;
}

.cg-part1 .s-tab-zoom .slick-arrow {
    background-color: rgb(238, 238, 238);
    width: 28px;
    opacity: 0;
    height: 90px;
    background-image: url(../images/zuojiantou.png);
    background-size: 7px 12px;
    margin-right: 15px;
    position: absolute
}

.cg-part1 .s-tab-zoom:hover .slick-arrow {
    transition: .5s;
    opacity: 1
}

.cg-part1 .s-tab-zoom .slick-arrow:hover {
    background-color: rgb(42, 143, 253);
}

.cg-part1 .s-tab-zoom .slick-arrow.slick-next {
    transform: rotate(180deg);
    right: -15px
}

.cg-part1 .s-tab-zoom .slick-arrow.slick-prev {
    left: 0
}

.cg-part1 .detailbox {
    width: 467px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    line-height: 1.857
}

.cg-part1 .detailbox h3 {
    font-size: 24px;
    color: rgb(51, 51, 51);
    line-height: 1.667;
    margin-top: 0;
    margin-bottom: 25px
}

.cg-part1 .detailbox h3 span {
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
    font-weight: normal;
    background-color: #2a8ffd;
    color: rgb(255, 255, 255);
    line-height: 2.143;
    position: relative;
    top: -5px
}

.cg-part1 .detailbox div span > span {
    color: #2a8ffd;
    padding-left: 25px;
    display: inline-block;
    height: 20px
}

.cg-part1 .detailbox span.lingyu {
    background-image: url(../images/lingyu.png);
    background-repeat: no-repeat;
    background-position: left center
}

.cg-part1 .detailbox span.diqu {
    background-image: url(../images/diqu.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 30px
}

.cg-part1 .detailbox span.danwei {
    background-image: url(../images/danwei.png);
    background-repeat: no-repeat;
    background-position: left center
}

.cg-part1 .detailbox div {
    margin-bottom: 10px
}

.cg-part1 .detailbox p {
    margin: 0
}

/* .btnbox{margin-top:30px;width:160px;height:40px;background-color:rgb(42,143,253);text-align:center;line-height:40px}
.btnbox span{display:inline-block;height:100%;color:#fff;padding-left:25px;background-image:url(../images/zixun.png);background-repeat:no-repeat;background-position:left center} */
.btnbox {
    margin-top: 30px;
    width: 160px;
    height: 40px;
    background-color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    border: 1px solid #2a8ffd;
}

.btnbox span {
    display: inline-block;
    height: 100%;
    color: #2a8ffd;
    padding-left: 25px;
    background-image: url(../images/zixun2.png);
    background-repeat: no-repeat;
    background-position: left center
}

.jiaoshoubox {
    text-align: center;
    margin-left: 6.25%
}

.cg-part1 .jiaoshoubox {
    margin-left: 47px;
}

.jiaoshoubox .imgbox {
    margin-top: 20px;
    margin-bottom: 15px
}

.jiaoshoubox h4 {
    color: rgb(68, 68, 68);
    font-size: 18px;
    margin: 0
}

.jiaoshoubox p {
    margin: 0;
    margin-bottom: 30px
}

.look {
    display: inline-block;
    color: #999999;
    font-family: Arial;
    padding-left: 21px;
    background: url(../images/look.png) no-repeat left center;
    float: left;
    height: 20px;
    line-height: 20px
}

.guanzhu {
    display: inline-block;
    color: #999999;
    padding-left: 21px;
    height: 20px;
    float: right;
    line-height: 20px;
    background: url(../images/guanzhu.png) no-repeat left center
}

@media (max-width: 1200px) {
    .cg-part1 .detailbox {
        width: 410px
    }

    .cg-part1 .jiaoshoubox {
        margin-left: 30px
    }

    .cg-part1 .detailbox span.diqu {
        margin-left: 10px
    }
}

@media (max-width: 1024px) {
    .cg-part1 > .fl {
        float: none;
        margin: 0 auto
    }

    .cg-part1 > .fr {
        float: none;
        margin: 0 auto;
        margin-top: 30px;
        width: 60%
    }
}

@media (max-width: 768px) {
    .cg-part1 > .fl {
        width: 100%
    }

    .cg-part1 > .fl .img-list li {
        text-align: center
    }

    .cg-part1 > .fl .img-nav li {
        margin-right: 10px
    }

    .cg-part1 > .fr {
        float: none;
        margin: 0 auto;
        margin-top: 30px;
        width: 100%;
        padding: 0 30px
    }
}

@media (max-width: 460px) {
    .cg-part1 .img-nav {
        margin-top: 20px
    }

    .cg-part1 .detailbox {
        width: 100%
    }

    .cg-part1 .jiaoshoubox {
        float: none;
        margin: 0 auto
    }

    .cg-part1 .br {
        display: block
    }

    .cg-part1 .detailbox span.diqu {
        margin-left: 0
    }
}

.lititle {
    color: rgb(7, 101, 177);
    line-height: 1.2;
    font-size: 20px
}

.title {
    font-size: 24px;
    color: rgb(51, 51, 51);
    font-weight: bold;
    line-height: 0.75;
    border-bottom: 1px solid rgb(238, 238, 238);
    padding-bottom: 18px;
    margin-bottom: 40px
}

.title span {
    border-bottom: 2px solid rgb(7, 101, 177);
    padding-bottom: 15px
}

.cg-part2 {
    margin-top: 40px;
    font-family: "Source Han Sans CN"
}

.cg-part2 p {
    color: rgb(102, 102, 102);
    line-height: 1.857;
    font-size: 14px;
    margin: 0
}

.cg-part2 .imgbox {
    margin-top: 20px;
    text-align: center
}

.cg-part2 table {
    margin-top: 35px;
    width: 100%;
    color: #666666
}

.cg-part2 table tr {
    height: 50px
}

.cg-part3 {
    margin-top: 90px;
    font-family: "Source Han Sans CN"
}

.cg-part3 .cailiao-list ul {
    list-style: none
}

.cg-part3 .cailiao-list ul li {
    background-repeat: no-repeat;
    background-position: left center;
    color: rgb(51, 51, 51);
    padding-left: 35px;
    border-bottom: 1px solid #eee;
    font-size: 18px
}

.cg-part3 .cailiao-list ul li span {
    display: inline-block;
    padding: 22px 0
}

.loadingmore {
    font-size: 14px;
    text-align: center
}

.loadingmore a {
    color: rgb(153, 153, 153)
}

.loadingmore span {
    margin-right: 10px
}

.loadingmore .loadingmorejt {
    font-size: 12px;
    -moz-transform: matrix(0, 1, -0.97709923664122, 0, 0, 0);
    -webkit-transform: matrix(0, 1, -0.97709923664122, 0, 0, 0);
    -ms-transform: matrix(0, 1, -0.97709923664122, 0, 0, 0);
    display: inline-block;
    transform: rotate(90deg)
}

.cg-part4 {
    margin-top: 50px
}

.cg-part4 .zhuanjia-list ul {
    list-style: none;
    margin: 0 -30px
}

.cg-part4 .zhuanjia-list ul li {
    margin-bottom: 26px;
    float: left;
    width: 14.28571428571429%;
    text-align: center
}

@media (max-width: 1024px) {
    .cg-part4 .zhuanjia-list ul li {
        width: 16.666666666666666%
    }
}

@media (max-width: 768px) {
    .cg-part4 .zhuanjia-list ul li {
        width: 20%
    }
}

@media (max-width: 460px) {
    .cg-part4 .zhuanjia-list ul li {
        width: 50%
    }
}

.cg-part5 {
    margin-top: 50px;
    font-family: "Source Han Sans CN"
}

.cg-part5 .itembox {
    position: relative;
    text-align: center;
    font-size: 18px;
    color: rgb(51, 51, 51)
}

.cg-part5 .itembox .imgbox {
    margin-bottom: 15px;
    overflow: hidden;
    border: 1px solid #eee;
}

.cg-part5 .itembox .imgbox img {
    width: 100%;
}

.cg-part5 .itembox > span {
    display: inline-block;
    width: 100%;
    height: 50px;
    overflow: hidden;
    padding: 0 5px;
}

.cg-part5 ul {
    list-style: none;
    margin: 0 -8px
}

.cg-part5 ul li {
    float: left;
    width: 20%;
    padding: 0 8px;
    margin-bottom: 50px
}

.cg-part5 .lrcode {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    background-color: rgb(42, 143, 253);
    width: 74px;
    height: 29px;
    color: #fff;
    text-align: center;
    line-height: 29px
}

@media (max-width: 768px) {
    .cg-part5 ul li {
        width: 25%;
        margin-bottom: 30px;
    }
}

@media (max-width: 460px) {
    .cg-part5 ul li {
        width: 50%
    }
}

.footer {
    background-color: #e7edf0;
    padding: 3% 0;
}

.footer .info {
    line-height: 40px;
    border-bottom: 1px solid #cfd5d8;
    padding-bottom: 2%;
    margin-bottom: 3%;
}

.footer .info ul {
    display: inline-block;
    overflow: hidden;
}

.footer .info li {
    float: left;
    min-width: 200px;
    padding: 0 10px 0 55px;
    position: relative;
}

.footer .info li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url(../images/foot_icon1.png) no-repeat center #0765b1;
    border-radius: 100%;
}

.footer .info li span {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
}

.footer .info li.tel::before {
    background-image: url(../images/foot_icon2.png);
}

.footer .info li.phone::before {
    background-image: url(../images/foot_icon3.png);
}

.footer .info li.email::before {
    background-image: url(../images/foot_icon4.png);
}

.footer .info .fr a {
    color: #666666;
}

.footer .info .fr a:hover {
    color: #0765b1;
}

.footer .info .fr em {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 12px;
    background-color: #999999;
    margin: 0 5px 0 10px;
}

.footer .pic {
    width: 30%;
    text-align: right;
}

@media screen and (max-width: 1100px) {
    .footer .info li {
        min-width: 120px;
    }

    .footer {
        margin-top: 0px;
    }
}

@media screen and (max-width: 1024px) {
    .footer .info {
        text-align: center;
    }

    .footer .info li {
        min-width: 130px;
        text-align: left;
    }

    .footer .fr {
        float: none;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .footer .info li {
        min-width: auto;
        width: 50%;
        display: block;
        margin-bottom: 2%;
    }

    .footer .fr {
        line-height: 24px;
    }

    .footer .ytable_cell.pic img {
        margin-top: 8px;
    }

    .footer .ytable_cell {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 2%;
    }
}

@media screen and (max-width: 640px) {
    .footer .info li {
        width: 100%;
    }

    .footer .info li:last-child {
        margin-bottom: 5px;
    }

    .footer .info ul {
        width: 100%;
        display: block;
    }

    .footer {
        padding: 20px 0;
    }

    .footer .info {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .cg-part1 .jiaoshoubox {
    }
}

.lb-part1 {
    font-family: "Source Han Sans CN";
    margin-top: 50px;
    position: relative;
}

/* .lb-part1 .fl{width:12.5%} */
.lb-part1 .fl ul {
    list-style: none;
    background-color: rgb(248, 248, 248);
    position: absolute;
    width: 12.5%;
    left: 0;
    top: 0;
    height: 100%;
}

.lb-part1 .fl li {
    height: 60px;
    text-align: left;
    line-height: 60px;
    font-size: 16px;
    color: rgb(51, 51, 51);
    padding-left: 45px;
}

.lb-part1 .fr {
    width: 87.5%
}

.lb-part1 .fr > ul {
    position: relative;
    list-style: none;
    line-height: 60px;
    padding-left: 30px;
    border-bottom: 1px solid rgb(238, 238, 238);
}

.lb-part1 .fr > ul.qui-dot2 {
    max-height: 121px;
    text-align: left !important;
}

.lb-part1 .fr > ul > li {
    cursor: pointer;
    padding: 0 29px;
    display: inline-block;
    vertical-align: top;
}

.lb-part1 .fr > ul li.on {
    color: #1996e0
}

.lb-part1 .selectbox {
    position: absolute;
    background-color: teal;
    width: 100px;
    left: -50%;
    color: #fff
}

.lb-part1 .selectbox ul {
    list-style: none;
    text-align: center
}

.lb-part1 .selectbox ul li {
    border-bottom: 1px solid #fff
}

.lb-part1 .fr ul .more {
    position: absolute;
    right: 5px;
    cursor: pointer;
    top: 0;
    display: none;
}

.lb-part1 .fr ul .more span {
    display: inline-block;
    color: #2a8ffd
}

.lb-part1 .fr ul .more .btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 50%;
    position: relative;
    top: 5px;
    left: 5px;
    line-height: 0;
    background-image: url(../images/xiala.png);
    background-repeat: no-repeat;
    background-position: center center
}

.lb-part1 .fr ul.qui-on {
    height: 61px;
    overflow: hidden;
}

.lb-part1 .fr ul {
    height: auto;
    padding-right: 60px;
}

.lb-part1 .fr ul.qui-on .more .btn {
    background-image: url('../images/xiala2.png')
}

.result {
    margin: 40px auto;
    font-size: 16px;
    font-family: "Source Han Sans CN";
    color: rgb(51, 51, 51)
}

.result .num {
    color: #2a8ffd
}

.lb-part2 ul {
    list-style: none
}

.lb-part2 ul li {
    border: 1px solid #eee;
    padding: 30px;
    margin-bottom: 20px
}

.lb-part2 .imgbox {
    float: left
}

.lb-part2 .imgbox img {
    height: 180px;
}

.lb-part2 .detailbox {
    float: left;
    font-family: "Source Han Sans CN";
    margin-left: 40px;
    color: rgb(51, 51, 51)
}

.lb-part2 .detailbox h4 {
    margin: 10px 0 30px;
    font-size: 24px
}

.lb-part2 .detailbox h4 .huiyuan {
    position: relative;
    top: -5px;
    color: #fff;
    font-weight: normal;
    display: inline-block;
    width: 75px;
    height: 25px;
    background-color: #2a8ffd;
    font-size: 14px;
    border-radius: 25px;
    text-align: center;
    line-height: 25px
}

.lb-part2 .detailbox div span > span {
    color: #2a8ffd;
    padding-left: 25px;
    display: inline-block;
    height: 20px
}

.lb-part2 .detailbox span.lingyu {
    background-image: url(../images/lingyu.png);
    background-repeat: no-repeat;
    background-position: left center
}

.lb-part2 .detailbox span.diqu {
    background-image: url(../images/diqu.png);
    background-repeat: no-repeat;
    background-position: left center
}

.lb-part2 .detailbox span.danwei {
    background-image: url(../images/danwei.png);
    background-repeat: no-repeat;
    background-position: left center
}

.lb-part2 .detailbox span.zhicheng {
    background-image: url(../images/zhicheng.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 120px
}

.lb-part2 .detailbox span.zhiwu {
    background-image: url(../images/zhiwu.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 120px
}

.lb-part2 .detailbox div {
    margin-bottom: 15px
}

.lb-part2 .look {
    display: inline-block;
    color: #999999;
    font-family: Arial;
    padding-left: 21px;
    background: url(../images/look.png) no-repeat left center;
    height: 20px;
    line-height: 20px
}

.lb-part2 .guanzhu {
    display: inline-block;
    color: #999999;
    padding-left: 21px;
    margin-left: 30px;
    float: none;
    height: 20px;
    line-height: 20px;
    background: url(../images/guanzhu.png) no-repeat left center
}

.lb-part2 .logobox {
    float: right
}

.lb-part2 .btnbox {
    margin: 60px auto;
    width: 160px;
    height: 40px;
    background-color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    border: 1px solid #2a8ffd;
}

.lb-part2 .btnbox span {
    display: inline-block;
    height: 100%;
    color: #2a8ffd;
    padding-left: 25px;
    background-image: url(../images/zixun2.png);
    background-repeat: no-repeat;
    background-position: left center
}

.lb-part2 .pager {
    margin-top: 40px
}

.lb-part2 .loadingmore {
    margin-bottom: 60px
}

.pager {
    margin: 0 auto;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 40px
}

.pager a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 0 5px;
    background-color: #f8f8f8
}

.pager a:hover {
    background-color: violet;
    color: #fff
}

.lb-part3 {
    font-family: "Source Han Sans CN"
}

.lb-part3 ul {
    list-style: none
}

.lb-part3 ul li {
    border: 1px solid #eee;
    padding: 40px 30px;
    margin-bottom: 20px
}

.lb-part3 .fl .imgbox {
    width: 260px;
    height: 200px
}

.lb-part3 .detailbox div {
    margin-bottom: 15px
}

.lb-part3 .detailbox div span > span {
    color: #2a8ffd;
    padding-left: 25px;
    display: inline-block;
    height: 20px
}

.lb-part3 .detailbox span.lingyu {
    background-image: url(../images/lingyu.png);
    background-repeat: no-repeat;
    background-position: left center
}

.lb-part3 .detailbox span.diqu {
    background-image: url(../images/diqu.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 30px;
}

.lb-part3 .detailbox span.danwei {
    background-image: url(../images/danwei.png);
    background-repeat: no-repeat;
    background-position: left center
}

.lb-part3 .detailbox {
    margin-left: 3.33333333333333%;
    width: 58%;
}

.lb-part3 .detailbox h3 {
    font-size: 24px;
    color: rgb(51, 51, 51)
}

.lb-part3 .detailbox h3 span {
    text-align: center;
    position: relative;
    top: -5px;
    display: inline-block;
    width: 75px;
    height: 25px;
    line-height: 25px;
    font-weight: normal;
    font-size: 14px;
    border-radius: 25px;
    background-color: #4fa1fd;
    color: #fff
}

/* .lb-part3 .detailbox .desc{height:200px} */
.lb-part3 .detailbox .btnbox {
    margin-top: 30px;
    margin-bottom: 0;
}

.lb-part3 .detailbox .wdbox {
    margin-top: 40px
}

.lb-part3 .detailbox .wdbox span {
    margin-left: 20px
}

.lb-part3 .jiaoshoubox {
    text-align: center
}

@media (max-width: 1300px) {
    .lb-part3 .detailbox {
        width: 50%;
    }

    .jiaoshoubox {
        margin-left: 3.3333333333333%;
    }
}

@media (max-width: 1024px) {
    .lb-part1 .fr ul li {
        padding: 0 20px
    }

    .lb-part2 .detailbox span.zhiwu {
        margin-left: 30px
    }

    .lb-part2 .detailbox span.zhicheng {
        margin-left: 30px
    }

    .lb-part3 ul li > .fl {
        float: none
    }

    .lb-part3 ul li > .detailbox {
        float: left;
        margin-left: 15px
    }

    .lb-part3 .fl .imgbox {
        margin: 0 auto
    }
}

@media (max-width: 768px) {
    .lb-part1 .fr ul li {
        padding: 0 5px
    }

    .lb-part2 .detailbox span.br {
        margin: 5px 0;
        display: block
    }

    .lb-part2 .detailbox span.zhicheng {
        margin-left: 0
    }

    .lb-part2 .detailbox span.zhiwu {
        margin-left: 0
    }

    .lb-part3 ul li > .detailbox {
        width: 65%
    }
}

@media (max-width: 460px) {
    .lb-part1 .fl ul {
        width: 18.5%
    }

    .lb-part1 .fr {
        width: 81.5%
    }

    .lb-part1 .fr ul:last-child li:nth-child(4) {
        display: none
    }

    .lb-part1 .fr ul:last-child li:nth-child(5) {
        display: none
    }

    .lb-part1 .fr ul:last-child li:nth-child(6) {
        display: none
    }

    .lb-part2 .btnbox {
        margin-top: 20px
    }

    .lb-part2 .imgbox {
        float: none;
        text-align: center
    }

    .lb-part2 .detailbox {
        margin-top: 10px;
        margin-left: 25%
    }

    .lb-part2 .detailbox h4 {
        margin-bottom: 10px
    }

    .lb-part2 .logobox {
        float: none;
        text-align: center
    }

    .pager a {
        margin: 0 2px
    }

    .lb-part3 .detailbox .desc {
        height: auto
    }

    .lb-part3 ul li > .detailbox {
        width: 100%;
        margin-left: 0
    }

    .lb-part3 .br {
        display: block;
        margin-top: 10px
    }

    .lb-part3 .jiaoshoubox {
        margin-left: 0;
        float: none
    }
}

@media (max-width: 375px) {
    .lb-part1 {
        font-size: 12px
    }
}

.lb-part4 {
    margin-top: 60px;
    font-family: "Source Han Sans CN"
}

.lb-part4 ul {
    list-style: none
}

.lb-part4 ul li {
    border: 1px solid #eee;
    padding: 40px 30px;
    margin-bottom: 20px
}

.lb-part4 .detailbox {
    margin-left: 60px;
    width: 815px
}

.lb-part4 .detailbox h3 {
    margin-top: 0
}

.lb-part4 .detailbox .desc > span {
    font-size: 14px;
    color: rgb(102, 102, 102);
    font-family: "Adobe Heiti Std";
    line-height: 24px;
    position: relative;
}

.lb-part4 .detailbox .desc > .span {
    display: block;
    text-align: justify;
}

.lb-part4 .detailbox .desc > .span:after {
    position: absolute;
    width: 5rem;
    height: 24px;
    background: url('../images/tmbg.png') center no-repeat;
    background-size: 100% 100%;
    right: 0;
    bottom: 0;
    content: '';
    z-index: 1;
    display: none;
}

.lb-part4 .detailbox .desc > .span .qui-btna {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 50%;
    line-height: 0;
    background-image: url(../images/xiala.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 2px;
    right: 0;
    background-color: #fff;
    z-index: 2;
    display: none;
}

.lb-part4 .on .detailbox .desc > .span:after {
    display: block;
}

.lb-part4 .on .detailbox .desc > .span .qui-btna {
    display: block;
}

.lb-part4 .on .detailbox .desc > .span {
    height: 96px;
    overflow: hidden;
    padding-bottom: 0;
}

.lb-part4 .on .detailbox .desc > .span.span2 {
    height: auto;
    padding-bottom: 24px;
}

.lb-part4 .detailbox .desc > .span2 .qui-btna {
    background-image: url('../images/xiala2.png')
}

.lb-part4 .detailbox h3 span {
    text-align: center;
    position: relative;
    margin-left: 5px;
    top: -5px;
    display: inline-block;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    font-weight: normal;
    font-size: 14px;
    border-radius: 25px;
    background-color: #4fa1fd;
    color: #fff
}

.lb-part4 .data {
    margin-top: 20px;
    font-size: 14px;
    color: rgb(153, 153, 153)
}

.lb-part4 .look {
    float: none;
    margin-left: 30px;
    display: inline-block;
    color: #999999;
    font-family: Arial;
    padding-left: 21px;
    background: url("../images/look.png") no-repeat left center
}

.lb-part4 .dianzan {
    display: inline-block;
    color: #999999;
    font-family: Arial;
    padding-left: 21px;
    background: url("../images/agree.png") no-repeat left center
}

@media (max-width: 1024px) {
    .lb-part4 .detailbox {
        width: 58%
    }
}

@media (max-width: 768px) {
    .lb-part4 .imgbox {
        float: none;
        text-align: center
    }

    .lb-part4 .detailbox {
        width: 100%;
        margin-left: 0;
        margin-top: 20px
    }
}

.lb-part5 {
    margin-top: 60px;
    font-family: "Source Han Sans CN"
}

.lb-part5 ul {
    list-style: none
}

.lb-part5 ul li {
    border: 1px solid #eee;
    padding: 40px 30px;
    margin-bottom: 20px
}

.lb-part5 h3 {
    margin-top: 10px;
    font-size: 24px;
    color: rgb(51, 51, 51)
}

.lb-part5 h3 span {
    text-align: center;
    position: relative;
    margin-left: 5px;
    top: -5px;
    display: inline-block;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    font-weight: normal;
    font-size: 14px;
    border-radius: 4px;
    background-color: rgb(42, 143, 253);
    color: #fff
}

.lb-part5 h3 span.youxiao {
    background-color: #40b447
}

.lb-part5 h3 span.shibai {
    background-color: #999999
}

.lb-part5 span {
    font-size: 14px;
    color: rgb(51, 51, 51);
    line-height: 2.143
}

.lb-part5 span span {
    color: #4fa1fd
}

.lb-part5 .person span span {
    display: inline-block;
    margin-right: 20px
}

.lb-part5 div > span {
    margin-right: 40px
}

.lb-part5 .desc {
    display: inline-block;
    margin-top: 10px;
    margin-right: 0
}

.lb-part4 .detailbox .desc > span {
    font-size: 14px;
    color: rgb(102, 102, 102);
    font-family: "Adobe Heiti Std";
    line-height: 24px;
    position: relative;
}

.lb-part4 .detailbox .desc > .span {
    display: block;
    text-align: justify;
}

.lb-part4 .detailbox .desc > .span:after {
    position: absolute;
    width: 5rem;
    height: 24px;
    background: url('../images/tmbg.png') center no-repeat;
    background-size: 100% 100%;
    right: 0;
    bottom: 0;
    content: '';
    z-index: 1;
    display: none;
}

.lb-part4 .on .detailbox .desc > .span:after {
    display: block;
}

.lb-part4 .on .detailbox .desc > .span .qui-btna {
    display: block;
}

.lb-part4 .on .detailbox .desc > .span {
    height: 96px;
    overflow: hidden;
    padding-bottom: 0;
}

.lb-part4 .on .detailbox .desc > .span.span2 {
    height: auto;
    padding-bottom: 24px;
}

.lb-part5 .desc {
    display: block;
    line-height: 24px;
    overflow: hidden;
    position: relative;
    height: auto;
    text-align: justify;
    position: relative;
}

.lb-part5 .desc:after {
    position: absolute;
    width: 5rem;
    height: 24px;
    background: url('../images/tmbg.png') center no-repeat;
    background-size: 100% 100%;
    right: 0;
    bottom: 0;
    content: '';
    z-index: 1;
    display: none;
}

.lb-part5 ul li.on .desc {
    height: 72px;
}

.lb-part5 ul li.on .desc:after {
    display: block;
}

.lb-part5 .desc .qui-btna {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 50%;
    line-height: 0;
    background-image: url(../images/xiala.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 2px;
    right: 0;
    background-color: #fff;
    z-index: 2;
    display: none;
}

.lb-part5 ul li.on .qui-btna {
    display: block;
}

.lb-part5 .desc.on .qui-btna {
    background-image: url('../images/xiala2.png');
}

.lb-part5 .desc.on {
    height: auto !important;
    padding-bottom: 24px;
}

@media (max-width: 768px) {
    .lb-part5 div > span {
        margin-right: 20px
    }
}

@media (max-width: 460px) {
    .lb-part5 .br {
        display: block
    }
}

@media (max-width: 375px) {
    .lb-part5 .num .br {
        display: block
    }

    .pager a {
        margin: 0
    }
}

.lb-part6 {
    margin-top: 60px;
    font-family: "Source Han Sans CN"
}

.lb-part6 ul {
    margin: 0 -10px;
    list-style: none
}

.lb-part6 ul li {
    float: left;
    width: 25%;
    padding: 0 10px
}

.lb-part6 ul li h3 {
    font-size: 20px;
    line-height: 1.5
}

.lb-part6 ul li .imgbox {
    position: relative;
    overflow: hidden;
}

.lb-part6 ul li .imgbox img {
    display: block;
    width: 100%;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.lb-part6 ul li .imgbox .repaly {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 48px;
    border-radius: 4px;
    background-color: rgb(42, 143, 253);
    height: 24px;
    text-align: center;
    color: #fff;
    line-height: 24px
}

.lb-part6 ul li .detailbox {
    padding: 0 20px;
    border: 1px solid #eee;
    margin-bottom: 30px
}

.lb-part6 ul li p {
    margin: 12px 0
}

.lb-part6 ul li .date {
    background-image: url(../images/date-1.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px
}

.lb-part6 ul li .reg {
    background-image: url(../images/open_5.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px
}

.lb-part6 ul li .com {
    background-image: url(../images/company.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px
}

@media (max-width: 768px) {
    .lb-part6 ul li {
        width: 33.333333333333%
    }

    .lb-part6 ul li .imgbox .repaly {
        right: 10px;
        top: 10px;
    }
}

@media (max-width: 460px) {
    .lb-part6 ul li .imgbox {
        text-align: center
    }

    .lb-part6 ul li {
        width: 100%
    }
}

@media (max-width: 375px) {
    .lb-part6 ul li .imgbox .repaly {
        right: 10%
    }
}

.zj-part1 {
    position: relative;
    margin-top: 50px;
    font-family: "Source Han Sans CN"
}

.zj-part1 .detailbox {
    margin-left: 50px
}

.zj-part1 .detailbox h4 {
    font-size: 24px;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 15px;
    color: rgb(51, 51, 51)
}

.zj-part1 .detailbox div span > span {
    color: #2a8ffd;
    padding-left: 25px;
    display: inline-block;
    height: 20px;
    margin-bottom: 20px
}

.zj-part1 .detailbox span.lingyu {
    background-image: url(../images/lingyu.png);
    background-repeat: no-repeat;
    background-position: left center
}

.zj-part1 .detailbox span.diqu {
    background-image: url(../images/diqu.png);
    background-repeat: no-repeat;
    background-position: left center
}

.zj-part1 .detailbox span.danwei {
    background-image: url(../images/danwei.png);
    background-repeat: no-repeat;
    background-position: left center
}

.zj-part1 .detailbox span.zhicheng {
    background-image: url(../images/zhicheng.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 120px
}

.zj-part1 .detailbox span.zhiwu {
    background-image: url(../images/zhiwu.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 120px
}

.zj-part1 .detailbox .data span {
    float: left;
    margin-left: 25px;
    display: inline-block;
    height: 40px;
    line-height: 40px
}

.zj-part1 .detailbox .data > div {
    margin-top: 0;
    display: inline-block
}

.zj-part1 .logobox {
    border: 1px solid #eee;
    padding: 10px
}

@media (max-width: 1024px) {
    .zj-part1 .logobox {
        position: absolute;
        top: 0;
        right: 0
    }
}

@media (max-width: 768px) {
    .zj-part1 .detailbox span.zhiwu {
        margin-left: 30px
    }

    .zj-part1 .detailbox span.zhicheng {
        margin-left: 30px
    }
}

@media (max-width: 460px) {
    .zj-part1 .imgbox {
        float: none;
        text-align: center
    }

    .zj-part1 .detailbox {
        margin-left: 10px;
        margin-top: 70px
    }

    .zj-part1 .logobox {
        top: 40%;
        right: 22%
    }

    .zj-part1 .br {
        display: block
    }

    .zj-part1 .detailbox span.zhicheng {
        margin-left: 0
    }

    .zj-part1 .detailbox span.zhiwu {
        margin-left: 0
    }
}

.zj-part2 {
    font-family: "Source Han Sans CN";
    margin-top: 50px
}

.zj-part2 .detailbox p {
    margin: 0;
    font-size: 14px;
    color: rgb(102, 102, 102);
    line-height: 1.857
}

.zj-part3 {
    margin-top: 40px;
    font-family: "Source Han Sans CN"
}

.zj-part3 .itembox ul {
    list-style: none
}

.zj-part3 .itembox ul li {
    float: left;
    font-size: 14px;
    margin-right: 20px;
    padding: 10px 20px;
    background-color: rgb(7, 101, 177);
    border-radius: 30px;
    color: #fff
}

.zj-part4 {
    margin-top: 60px;
    font-family: "Source Han Sans CN"
}

.zj-part4 .detailbox p {
    margin: 0;
    font-size: 14px;
    color: rgb(102, 102, 102);
    display: inline-block;
    width: 1000px;
    line-height: 1.857
}

.zj-part5 {
    margin-top: 40px;
    font-family: "Source Han Sans CN"
}

.zj-part5 .detailbox p {
    margin: 0;
    font-size: 14px;
    color: rgb(102, 102, 102);
    display: inline-block;
    width: 1000px;
    line-height: 1.857
}

.zj-part6 {
    margin-top: 40px;
    font-family: "Source Han Sans CN"
}

.zj-part6 .detailbox p {
    margin: 0;
    font-size: 14px;
    color: rgb(102, 102, 102);
    display: inline-block;
    width: 1000px;
    line-height: 1.857
}

.zj-part7 {
    margin-top: 40px
}

.zj-part7 .itembox {
    font-family: "Source Han Sans CN";
    position: relative;
    text-align: left;
    font-size: 18px;
    color: rgb(51, 51, 51)
}

.zj-part7 .itembox .imgbox {
    margin-bottom: 15px;
    overflow: hidden;
    border: 1px solid #eee;
}

.zj-part7 .itembox .imgbox img {
    width: 100%;
}

.zj-part7 .itembox > span {
    display: inline-block;
    width: 100%;
    height: 80px;
    overflow: hidden
}

.zj-part7 ul {
    list-style: none;
    margin: 0 -8px
}

.zj-part7 ul li {
    float: left;
    width: 16.6666666667%;
    padding: 0 8px;
    margin-bottom: 50px
}

.zj-part7 .lrcode {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    background-color: rgb(42, 143, 253);
    width: 74px;
    height: 29px;
    color: #fff;
    text-align: center;
    line-height: 29px
}

@media (max-width: 768px) {
    .zj-part7 ul li {
        width: 33.33333333333%
    }
}

@media (max-width: 460px) {
    .zj-part7 ul li {
        width: 50%
    }

    .zj-part6 .detailbox p {
        width: 100%
    }

    .zj-part5 .detailbox p {
        width: 100%
    }
}

.cj-part8 {
    font-family: "Source Han Sans CN";
    margin-top: 40px
}

.cj-part8 table {
    width: 100%;
    color: #333;
    text-align: center;
    font-size: 14px
}

.cj-part8 tr {
    height: 80px;
    background-color: #edf4f9;
    line-height: 1.571;
    border-bottom: 1px solid #fff
}

.cj-part8 tr:first-child {
    height: auto
}

.cj-part8 th {
    background-color: rgb(248, 248, 248);
    color: #666;
    padding: 15px 0
}

.cj-part8 th:nth-child(1) {
    width: 380px;
    padding-left: 95px;
    text-align: left
}

.cj-part8 th:nth-child(2) {
    width: 170px
}

.cj-part9 th:nth-child(2) {
    width: 170px
}

.cj-part8 th:nth-child(3) {
    width: 320px
}

.cj-part8 td:nth-child(1) {
    padding-left: 35px;
    text-align: left
}

.cj-part8 td:nth-child(2) {
    text-align: left
}

.cj-part8 tr td:nth-child(3) span {
    display: inline-block;
    width: 49%;
    text-align: left
}

.cj-part8 tr td:last-child span {
    display: inline-block;
    width: 60px;
    height: 30px;
    background-color: #0765b1;
    color: #fff;
    border-radius: 30px;
    line-height: 30px;
    cursor: pointer
}

.cj-part8 .loadingmore {
    margin-top: 40px
}

@media (max-width: 1024px) {
    .zj-part4 .detailbox p {
        width: 100%
    }

    .cj-part8 th:nth-child(1) {
        width: auto;
        padding-left: 0;
        text-align: center
    }

    .cj-part8 th:nth-child(2) {
        width: auto
    }

    .cj-part8 th:nth-child(3) {
        width: auto
    }
}

@media (max-width: 768px) {
    .zj-part3 .itembox ul li {
        margin-bottom: 10px
    }

    .cj-part8 td:nth-child(1) {
        padding-left: 0
    }

    .cj-part8 th:nth-child(3) {
        display: none
    }

    .cj-part8 tr td:nth-child(3) {
        display: none
    }

    .cj-part8 th:nth-child(4) {
        display: none
    }

    .cj-part8 tr td:nth-child(4) {
        display: none
    }
}

.cj-part9 {
    margin-top: 50px;
    font-family: "Source Han Sans CN"
}

.cj-part9 table {
    width: 100%;
    font-size: 14px;
    color: #333;
    text-align: center
}

.cj-part9 tr {
    height: 80px;
    background-color: #edf4f9;
    line-height: 1.571;
    border-bottom: 1px solid #fff
}

.cj-part9 tr:first-child {
    height: auto
}

.cj-part9 th {
    background-color: rgb(248, 248, 248);
    color: #666;
    padding: 15px 0
}

.cj-part9 th:first-child {
    width: 510px;
    padding-left: 115px;
    text-align: left
}

.cj-part9 tr td:nth-child(2) {
    text-align: left
}

.cj-part9 tr td:nth-child(2) .btn {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 20px;
    font-size: 12px;
    background-image: url(../images/you.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    border-radius: 50%;
    border-width: 1px;
    border-color: rgb(225, 225, 225);
    border-style: solid;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    text-align: center;
    position: relative;
    top: 3px;
    left: 5px;
    cursor: pointer
}

.cj-part9 tr td:first-child {
    text-align: left;
    padding-left: 20px
}

.cj-part9 tr td:first-child .num {
    margin-right: 20px
}

.cj-part9 tr td:first-child .item {
    display: inline-block;
    width: 70px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid rgb(7, 101, 177);
    border-radius: 30px;
    color: rgb(7, 101, 177);
    margin-left: 10px
}

.cj-part9 tr td:last-child span {
    display: inline-block;
    width: 60px;
    height: 30px;
    background-color: #0765b1;
    color: #fff;
    border-radius: 30px;
    line-height: 30px;
    cursor: pointer
}

.cj-part9 .loadingmore {
    margin-top: 40px
}

@media (max-width: 1024px) {
    .cj-part9 th:nth-child(1) {
        width: 65%;
        padding-left: 0;
        text-align: center
    }

    .cj-part9 th:nth-child(2) {
        width: auto
    }

    .cj-part9 th:nth-child(3) {
        width: auto
    }
}

@media (max-width: 768px) {
    .cj-part9 th:nth-child(1) {
        width: 40%
    }

    .cj-part9 td:nth-child(1) {
        padding-left: 0
    }

    .cj-part9 th:nth-child(3) {
        display: none
    }

    .cj-part9 tr td:nth-child(3) {
        display: none
    }

    .cj-part9 th:nth-child(4) {
        display: none
    }

    .cj-part9 tr td:nth-child(4) {
        display: none
    }
}

.cj-part10 {
    margin-top: 50px
}

.cj-part10 .listbox ul {
    list-style: none;
    margin: 0 -10px
}

.cj-part10 .listbox ul li {
    float: left;
    width: 16.66666666667%;
    text-align: center;
    padding: 0 10px
}

.cj-part10 .listbox ul li .imgbox {
    overflow: hidden;
    border: 1px solid #eee;
}

.cj-part10 .listbox ul li .imgbox img {
    width: 100%;
}

.cj-part10 .listbox ul li .itembox h4 {
    text-align: left;
    font-size: 18px;
    margin-bottom: 35px;
    font-family: "Source Han Sans CN";
    color: rgb(51, 51, 51);
    line-height: 1.556
}

@media (max-width: 768px) {
    .cj-part10 .listbox ul li {
        width: 33.33333333333333%
    }
}

@media (max-width: 460px) {
    .cj-part10 .listbox ul li {
        width: 50%
    }
}

.cj-part11 {
    margin-top: 50px
}

.cj-part11 .listbox ul {
    list-style: none;
    margin: 0 -10px
}

.cj-part11 .listbox ul li {
    float: left;
    width: 16.66666666666667%;
    padding: 0 10px;
    font-size: 16px;
    font-family: "Source Han Sans CN";
    color: rgb(51, 51, 51);
    line-height: 1.75
}

.cj-part11 .listbox ul li .imgbox {
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
}

.cj-part11 .listbox ul li .imgbox img.qui-img {
    width: 100%;
}

.cj-part11 .listbox ul li .imgbox .btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.cj-part11 .listbox ul li .detailbox {
    height: 90px;
    padding-top: 20px;
    box-sizing: border-box;
    padding-left: 20px;
    background-color: #f8f8f8
}

.cj-part11 .listbox ul li .detailbox h4 {
    margin: 0;
    font-weight: normal;
    color: #333
}

.cj-part11 .loadingmore {
    margin-top: 40px
}

@media (max-width: 1024px) {
    .cj-part11 .listbox ul li .detailbox {
        height: auto
    }
}

@media (max-width: 768px) {
    .cj-part11 .listbox ul li {
        width: 33.333333333333%;
        margin-bottom: 10px
    }

    .cj-part11 .listbox ul li .detailbox {
        height: 110px
    }

    .cj-part11 .loadingmore {
        margin-top: 20px;
    }
}

@media (max-width: 460px) {
    .cj-part11 .listbox ul li {
        width: 50%
    }
}

.right-menu {
    position: fixed;
    right: 10px;
    top: 25%;
    width: 150px;
    font-family: "Source Han Sans CN"
}

.right-menu .mulu {
    text-align: center;
    height: 50px;
    font-size: 18px;
    background-color: #0765b1;
    line-height: 50px;
    color: #fff
}

.right-menu ul {
    list-style: none;
    background: #f8f8f8;
    padding: 25px 0
}

.right-menu ul li {
    margin-left: 30px;
    border-left: 1px solid #eee;
    padding-left: 30px;
    position: relative;
    margin-bottom: 5px
}

.right-menu ul li::before {
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: -2.5px;
    top: 50%;
    z-index: 3;
    background-color: #b4b4b4;
    transform: translateY(-50%)
}

.right-menu ul li::after {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background-color: #fff
}

.right-menu ul li.active::after {
    display: block;
    content: '';
    width: 20px;
    height: 10px;
    background-image: url(../images/active.png);
    background-repeat: no-repeat;
    z-index: 6;
    border-radius: 0
}

.right-menu ul li.active a {
    color: rgb(7, 101, 177)
}

.zoomContainer {
    z-index: 999
}

#open_right-menu {
    z-index: 102;
    position: fixed;
    width: 40px;
    height: 40px;
    right: 10px;
    bottom: 5%;
    cursor: pointer;
    transition: all .3s;
    border-radius: 50%;
    background: #0765b1;
}

#open_right-menu:after {
    content: '目录';
    color: #fff;
    text-align: center;
    position: absolute;
    width: 100%;
    line-height: 40px;
    font-size: 14px;
    left: 0;
    top: 0;
}

#open_right-menu i {
    display: block;
    background-color: #0765b1;
    position: absolute;
    width: 30px;
    left: 5px;
    top: 18px;
    height: 3px;
    border-radius: 4px;
    transition: all .3s
}

/* #open_right-menu::before,
#open_right-menu::after{content:'';position:absolute;left:5px;width:30px;height:3px;background-color:#0765b1;border-radius:4px}
#open_right-menu::before{top:10px}
#open_right-menu::after{bottom:10px} */
#open_right-menu.open_right-menu_on i {
    opacity: 0
}

/* #open_right-menu.open_right-menu_on:before{transform:rotate(45deg);top:18px}
#open_right-menu.open_right-menu_on:after{transform:rotate(-45deg);bottom:18px} */
.open_right-menu_on {
    display: none;
}

@media (min-width: 1025px) {
    #open_right-menu {
        display: none
    }
}

@media (max-width: 1024px) {
    .right-menu {
        display: none
    }
}

.right-menu_show {
    display: block
}


/* 20210604 */
body {
    overflow-x: hidden;
}

.qui-dot {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.qui-dot2 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.qui-dot3 {
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.qui-dot4 {
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.w1280 {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    width: 96%;
}

.qui-img {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

a:hover .qui-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.qui-hover:hover .qui-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.qui-hover:hover.qui-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.lb-part2 .qui-more {
    text-align: right;
}

.zj-part1 .logobox {
}

.logobox2 .btnbox {
    margin: 35px auto;
}

.zj-part1 .imgbox img {
    height: 180px;
}

.qui-alltt {
    color: #333 !important;
    line-height: 24px !important;
    padding: 0 5px !important;
    font-weight: normal !important;
    font-size: 16px !important;
    overflow: hidden !important;
    height: 48px !important;
    text-align: justify !important;
}

.cj-part11 .listbox ul li .detailbox {
    padding-left: 0;
}

.logobox {
    max-width: 160px;
}

@media (max-width: 1300px) {
    .lb-part1 .fl li {
        text-align: center;
        padding: 0 5px;
    }

    .lb-part1 .fr ul .more {
        right: 0;
    }

    .lb-part1 .fr > ul {
        padding-left: 2%;
        padding-right: 20px;
    }
}

@media (max-width: 640px) {
    .right-menu .mulu {
        display: none;
    }

    .lb-part1 .fl li {
        font-size: 14px;
    }

    .lb-part2 ul li {
        padding: 20px;
        position: relative;
    }

    .lb-part2 .detailbox {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .lb-part2 .qui-more {
        position: absolute;
        bottom: 115px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 240px;
        max-width: 100%;
    }

    .lb-part2 .btnbox {
        margin-bottom: 0;
    }

    .lb-part2 .detailbox h4 {
        text-align: center;
    }

    .lb-part2 .logobox img {
        height: 36px;
        margin-top: 25px;
    }

    .lb-part2 .detailbox div {
        margin: 5px 0;
    }

    .pager {
        margin: 25px 0;
    }

    .lb-part3 .fl .imgbox {
        width: 100%;
        height: auto;
    }

    .lb-part3 .fl .imgbox img {
        width: 100%;
    }

    .lb-part3 ul li {
        padding: 20px 20px 60px;
        position: relative;
    }

    .lb-part3 .detailbox .btnbox {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        margin: 0;
    }

    .lb-part3 .detailbox .wdbox {
        margin: 0 0 20px;
        width: 100%;
    }

    .lb-part3 .detailbox .wdbox span {
        margin-left: 0;
        margin-right: 15px;
    }

    .lb-part3 .detailbox .wdbox span.guanzhu {
        float: left;
    }


    .lb-part2 .guanzhu {
        float: left;
        margin-left: 15px;
    }


    .cg-part1 > .fr {
        position: relative;
        padding: 20px 20px 60px;
        margin: 0;
    }

    .cg-part1 .btnbox {
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        margin: 0 !important;
    }

    .jiaoshoubox p {
        margin-bottom: 5px;
    }

    .zj-part1 .detailbox {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-top: 4%;
    }

    .zj-part1 .detailbox h4 {
        text-align: center;
    }

    .logobox2 {
        margin: 0 auto;
        float: none;
        max-width: 240px;
        position: relative;
        padding-top: 35px;
    }

    .lb-part2 .logobox {
        padding-top: 10px;
    }

    .zj-part1 .logobox2 .logobox {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }

    .qui-addbox {
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: 100%;
    }

    .guanzhu {
        float: left;
        margin-left: 15px;
    }

    .logobox2 .btnbox {
        margin: 0 auto;
    }

    .zj-part1 .detailbox div span > span {
        margin: 5px 0;
    }

    .cj-part11 .listbox ul li .detailbox {
        height: 80px;
    }

    .logobox {
        margin-left: auto;
        margin-right: auto;
        max-width: 240px;
    }

}


.open_table {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    z-index: 110;
    display: none;
}

.open_table .inner {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    overflow-y: auto;
    max-width: 790px;
    width: 94%;
    background-color: #fff;
    position: absolute;
    padding: 2.5%;
}

.open_table li {
    margin-bottom: 25px;
}

.open_table li.w50 {
    float: left;
    width: 48%;
    margin-right: 4%;
}

.open_table .w50:nth-child(2n) {
    margin-right: 0;
}

.open_table .w50:nth-child(2n+1) {
    clear: both;
}

.open_table .text {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}

.open_table textarea.text {
    height: 100px;
    line-height: 24px;
}

.open_table .name {
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
}

.open_table .name font {
    color: #fb4c74;
}

.open_table .name span,
.open_table .name .img {
    display: inline-block;
    vertical-align: middle;
}

.open_table .name .img {
    margin-right: 5px;
}

.open_table li:last-child {
    margin-bottom: 0;
}

.open_table .btn {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background-color: #0765b1;
    display: block;
    margin: 0 auto;
    border: none;
    font-size: 20px;
    font-weight: bold;
}

.open_table .Htit {
    position: relative;
}

.open_table .close {
    cursor: pointer;
    width: 50px;
    height: 50px;
    right: -12px;
    bottom: 0;
    position: absolute;
}

.open_table .close::before,
.open_table .close::after {
    content: '';
    width: 1px;
    height: 30px;
    background-color: #c3c3c3;
    position: absolute;
    left: 50%;
    top: 15px;
    transform: rotate(45deg);
}

.open_table .close::before {
    transform: rotate(-45deg);
}

@media screen and (max-width: 640px) {
    .open_table .btn {
        font-size: 16px;
    }
}

.Hbanner {
    padding: 20px 0;
}

.Hbanner .wapBan {
    display: none;
}

.Hbanner .slick-arrow {
    position: absolute;
    width: 13px;
    height: 23px;
    background: url(../images/btn_prev.png) no-repeat center;
    top: 50%;
    margin-top: -12px;
    z-index: 10;
}

.Hbanner .slick-prev {
    left: 2%;
}

.Hbanner .slick-next {
    right: 2%;
    background-image: url(../images/btn_next.png);
}

.Hbanner .slick-dots {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5%;
    z-index: 2;
    text-align: center;
    font-size: 0;
}

.Hbanner .slick-dots li {
    display: inline-block;
    width: 24px;
    height: 2px;
    background-color: #fff;
    margin: 0 5px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.Hbanner .slick-dots li button {
    display: none;
}

.Hbanner .slick-dots li.slick-active {
    width: 41px;
    background-color: #2a8ffd;
}

@media screen and (max-width: 1000px) {
    .Hbanner .wapBan {
        display: block;
    }

    .Hbanner .pcBan {
        display: none;
    }

    .Hbanner .slick-dots li {
        width: 15px;
    }

    .Hbanner .slick-dots li.slick-active {
        width: 25px;
    }
}

.Hbox {
    background-color: #fff;
    padding: 30px 30px 0;
    margin-bottom: 20px;
}

.Hbox .Hmore {
    text-align: center;
    padding: 3% 0;
}

.Hbox .Hmore .loadMore {
    display: inline-block;
    color: #999999;
}

.Hbox .Hmore .loadMore i {
    display: inline-block;
    font-family: '宋体';
    font-style: normal;
    margin-left: 8px;
}

.Hbox .Hmore .loadMore:hover {
    color: #0765b1;
}

@media screen and (max-width: 640px) {
    .Hbox {
        padding: 15px;
    }
}

.Htit {
    border-bottom: 1px solid #efefef;
    margin-bottom: 30px;
}

.Htit b {
    font-size: 24px;
    color: #333333;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    margin-top: -6px;
}

.Htit b::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #0765b1;
    bottom: 0;
}

.Htit .more {
    float: right;
    padding: 0 15px;
    line-height: 40px;
    background-color: #0765b1;
    color: #fff;
    font-size: 16px;
}

.Htit .more .icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/icon_1.png) no-repeat center;
    margin-right: 10px;
    margin-top: -2px;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    .Htit b {
        font-size: 20px;
        margin-top: 0;
    }
}

@media screen and (max-width: 640px) {
    .Htit {
        position: relative;
    }

    .Htit b {
        font-size: 18px;
    }

    .Htit .more {
        padding: 0 5px;
        line-height: 30px;
        font-size: 14px;
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

.filterCon {
    border: 1px solid #eeeeee;
    margin-bottom: 30px;
}

.filterCon .ytable_cell {
    padding: 16px 0;
}

.filterCon .tit {
    width: 150px;
    text-align: center;
    background-color: #0765b1;
    color: #fff;
}

.filterCon .txtList {
    font-size: 0;
    background-color: #f8f8f8;
}

.filterCon .txtList a {
    display: inline-block;
    color: #666666;
    font-size: 14px;
    margin: 6px 1% 6px 5%;
}

.filterCon .txtList a.on,
.filterCon .txtList a:hover {
    color: #0765b1;
    font-weight: bold;
}

.filterCon .txtList a .num {
    color: #0765b1;
}

@media screen and (max-width: 1000px) {
    .filterCon .tit {
        width: 120px;
    }

    .filterCon .txtList a {
        margin-left: 3%;
    }
}

@media screen and (max-width: 640px) {
    .filterCon .ytable_cell {
        display: block;
        width: 100%;
    }
}

.Hbox1 .boxList li {
    border: 1px solid #eeeeee;
    margin-bottom: 3.5%;
}

.Hbox1 .boxList li:last-child {
    margin-bottom: 0;
}

.Hbox1 .boxList .pic {
    width: 185px;
    text-align: center;
    border-left: 1px solid #eee;
    padding: 20px 0;
}

.Hbox1 .boxList .pic figure {
    width: 134px;
    border: 1px solid #eeeeee;
    margin: 12px auto 10px;
}

.Hbox1 .boxList .pic figure img {
    width: 100%;
}

.Hbox1 .boxList .pic h4 {
    font-size: 18px;
    color: #444444;
}

.Hbox1 .boxList .pic h5 {
    font-weight: normal;
    font-size: 16px;
    color: #666666;
}

.Hbox1 .boxList .pic .btn_lx {
    display: none;
}

.Hbox1 .boxList .box {
    padding: 2.5% 3% 4% 2.5%;
}

.Hbox1 .boxList .box .tit {
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 2.2%;
}

.Hbox1 .boxList .box .tit a {
    margin-right: 12px;
}

.Hbox1 .boxList .box .tit a:hover {
    color: #0765b1;
}

.Hbox1 .boxList .box .tit span {
    font-weight: normal;
    font-size: 14px;
}

.Hbox1 .boxList .box .tit span font {
    color: #2a8ffd;
}

.Hbox1 .boxList .box .tit .label {
    font-weight: normal;
}

.Hbox1 .boxList .box .txtInfo figure {
    width: 23.6%;
}

.Hbox1 .boxList .box .txtInfo figure img {
    width: 100%;
}

.Hbox1 .boxList .box .txtInfo .con {
    width: 72%;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-top: -4px;
}

.Hbox1 .boxList .box .txtInfo dl {
    line-height: 40px;
    margin-top: 4%;
}

.Hbox1 .boxList .box .txtInfo dl dt {
    float: left;
}

.Hbox1 .btn_lx {
    display: block;
    width: 100%;
    position: relative;
    color: #fff;
    font-size: 16px;
    width: 140px;
    background-color: #0765b1;
    color: #fff;
    text-align: center;
}

.Hbox1 .btn_lx::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon_tel.png) no-repeat center;
    vertical-align: middle;
    margin-right: 10px;
}

.Hbox1 .boxList .box .txtInfo dl dd {
    float: right;
}

.Hbox1 .boxList .box .txtInfo dl dd span {
    color: #999999;
    padding-left: 20px;
    margin-left: 30px;
}

.Hbox1 .boxList .box .txtInfo dl dd .add {
    background: url(../images/icon_add.png) no-repeat left center;
    margin-left: 0;
}

.Hbox1 .boxList .box .txtInfo dl dd .gz {
    background: url(../images/icon_gz.png) no-repeat left center;
    cursor: pointer;
}

.Hbox1 .boxList .box .txtInfo dl dd .gz.on {
    background: url(../images/icon_gz_on.png) no-repeat left center;
    color: #0873c7;
}

@media screen and (max-width: 1000px) {
    .Hbox1 .boxList .box .tit {
        font-size: 18px;
    }

    .Hbox1 .boxList .box .txtInfo figure {
        width: 30%;
    }

    .Hbox1 .boxList .box .txtInfo .con {
        width: 68%;
    }

    .Hbox1 .boxList .box .txtInfo dl dt {
        font-size: 14px;
        width: 120px;
    }
}

@media screen and (max-width: 768px) {
    .Hbox1 .boxList .box .txtInfo dl dt {
        font-size: 14px;
        width: 120px;
    }

    .Hbox1 .boxList .box .txtInfo dl dd span {
        margin-left: 10px;
    }
}

@media screen and (max-width: 640px) {
    .Hbox1 .boxList .ytable_cell {
        width: 100%;
        display: block;
    }

    .Hbox1 .boxList .box .tit {
        font-size: 16px;
    }

    .Hbox1 .boxList .box .txtInfo figure,
    .Hbox1 .boxList .box .txtInfo .con {
        width: 100%;
        float: none;
        margin-bottom: 2%;
    }

    .Hbox1 .boxList .box .txtInfo .con {
        margin-top: 5%;
    }

    .Hbox1 .boxList .box .txtInfo dl dt {
        width: 100%;
    }

    .Hbox1 .btn_lx::before {
        width: 13px;
        height: 13px;
        background-size: contain;
        margin-right: 5px;
    }

    .Hbox1 .boxList .box .txtInfo dl dd {
        float: none;
        overflow: hidden;
        width: 100%;
    }

    .Hbox1 .boxList .box .btn_lx {
        display: none;
    }

    .Hbox1 .boxList .pic .btn_lx {
        display: block;
        width: 80%;
        margin: 5% auto 0;
        line-height: 40px;
    }
}

.Hbox1 .loadMore i {
    transform: rotate(90deg);
}

.label {
    display: inline-block;
    background-color: #2a8ffd;
    color: #fff;
    font-size: 14px;
}

.label_w74 {
    width: 74px;
    text-align: center;
    position: relative;
}

.label_w74::after {
    content: '';
    position: absolute;
    right: -10px;
    bottom: 0;
    border: 10px solid transparent;
    border-radius: 4px;
    /*border-bottom-color: #fff;*/
}

.label_w96 {
    width: 96px;
    padding-right: 13px;
    text-align: center;
    position: relative;
}

.label_w96::after {
    content: '';
    position: absolute;
    right: -1px;
    bottom: 0;
    border: 15px solid transparent;
    border-bottom-color: #fff;
    transform: rotate(-90deg);
}

.Hbox2 {
    margin-bottom: 5%;
}

.Hbox2 ul {
    font-size: 0;
    border-bottom: 1px solid #eee;
    margin: 0 -0.7%;
}

.Hbox2 li {
    display: inline-block;
    font-size: 16px;
    width: 18.6%;
    margin: 0 .7% 2%;
    text-align: center;
    margin-bottom: 1%;
    vertical-align: top;
}

.Hbox2 li figure {
    position: relative;
    border: 1px solid #eee;
    padding-top: 47%;
}

.Hbox2 li figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.Hbox2 li p {
    margin: 7% 0;
}

.Hbox2 li a:hover {
    color: #0765b1;
}

@media screen and (max-width: 1000px) {
    .Hbox2 li {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .Hbox2 li {
        width: 23.6%;
    }
}

@media screen and (max-width: 640px) {
    .Hbox2 li {
        width: 31.33%;
        margin: 0 1% 1%;
        font-size: 12px;
    }
}