/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 14px;
    font-family: 'Helvetica Neue', Helvetica, Arial, PingFangSC-Regular, 'Hiragino Sans GB', 'Heiti SC', 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif;
    height: 100%
}

body {
    position: relative;
    min-width: fit-content;
    min-width: -o-fit-content;
    min-width: -moz-fit-content;
    min-width: -ms-fit-content;
    min-width: -webkit-fit-content;
    min-height: 100%;
    overflow-y: auto;
    background-color: #fff;
    padding-bottom: 170px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

fieldset, img {
    border: 0
}

::-ms-clear, ::-ms-reveal {
    display: none
}

img, input {
    vertical-align: middle
}

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

a {
    text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

article, aside, footer, header, nav, section {
    display: block
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

a {
    background-color: transparent;
    color: inherit
}

button {
    border: 0;
    background-color: transparent;
    cursor: pointer
}

.fs12 {
    font-size: 12px
}

.fs13 {
    font-size: 13px
}

.fs14 {
    font-size: 14px
}

.fs16 {
    font-size: 16px
}

.fs17 {
    font-size: 17px
}

.fs18 {
    font-size: 18px
}

.fs19 {
    font-size: 19px
}

.fs20 {
    font-size: 20px
}

.fs22 {
    font-size: 22px
}

.fs25 {
    font-size: 25px
}

.fs28 {
    font-size: 28px
}

.fs30 {
    font-size: 30px
}

.fs35 {
    font-size: 35px
}

.fs36 {
    font-size: 36px
}

.fs40 {
    font-size: 40px
}

.fs214 {
    font-size: 2.14rem
}

.fwb {
    font-weight: 700
}

.c000 {
    color: #000
}

.c1ac {
    color: #547bff
}

.c404 {
    color: #404040
}

.c555 {
    color: #555
}

.c636 {
    color: #636b87
}

.c777 {
    color: #777
}

.c808 {
    color: grey
}

.c999 {
    color: #999
}

.cccc {
    color: #ccc
}

.cfff {
    color: #fff
}

.cf05 {
    color: rgba(255, 255, 255, .5)
}

.cff8 {
    color: #ff872e
}

.bgw {
    background-color: #fff
}

.bgf5 {
    background-color: #f5f6f6
}

.opc30 {
    opacity: .3;
    filter: alpha(opacity=30)
}

.mgtbanner {
    margin-top: -73px
}

.mgt5 {
    margin-top: 5px
}

.mgt8 {
    margin-top: 8px
}

.mgt10 {
    margin-top: 10px
}

.mgt12 {
    margin-top: 12px
}

.mgt15 {
    margin-top: 15px
}

.mgt16 {
    margin-top: 16px
}

.mgt407 {
    margin-top: 4.07rem
}

.mgt200 {
    margin-top: 2rem
}

#mgt1114 {
    margin-top: 11.14rem
}

.mgt300 {
    margin-top: 3rem
}

.mgt17 {
    margin-top: 17px
}

.mgt20 {
    margin-top: 20px
}

.mgt25 {
    margin-top: 25px
}

.mgt30 {
    margin-top: 30px
}

.mgt40 {
    margin-top: 40px
}

.mgt50 {
    margin-top: 50px
}

.mgt70 {
    margin-top: 70px
}

.mgt113 {
    margin-top: 113px
}

.mgt122 {
    margin-top: 122px
}

.mgt158 {
    margin-top: 158px
}

.mgtm105 {
    margin-top: -105px
}

.mgtm70 {
    margin-top: -70px
}

.mgr20 {
    margin-right: 20px
}

.mgl130 {
    margin-left: 130px
}

.mgl236 {
    margin-left: 2.36rem
}

.mgb17 {
    margin-bottom: 17px
}

.mgb200 {
    margin-bottom: 2rem
}

.mgb30 {
    margin-bottom: 40px
}

.mgb40 {
    margin-bottom: 40px
}

.mgb257 {
    margin-bottom: 2.57rem
}

.mgb50 {
    margin-bottom: 50px
}

.mgb130 {
    margin-bottom: 130px
}

.pdl15 {
    padding-left: 15px
}

.pdb10 {
    padding-bottom: 10px
}

.pdb30 {
    padding-bottom: 30px
}

.pdb50 {
    padding-bottom: 50px
}

.pdt70 {
    padding-top: 70px
}

.pdt80 {
    padding-top: 80px
}

.pdb170 {
    padding-bottom: 170px
}

.pdb190 {
    padding-bottom: 190px
}

.lh18 {
    line-height: 18px
}

.lh20 {
    line-height: 20px
}

.lh21 {
    line-height: 21px
}

.lh22 {
    line-height: 22px
}

.lh25 {
    line-height: 25px
}

.lh30 {
    line-height: 30px
}

.lh33 {
    line-height: 33px
}

.lh40 {
    line-height: 40px
}

.lh185 {
    line-height: 185px
}

.w76 {
    width: 76px
}

.w77 {
    width: 77px
}

.h400 {
    height: 400px
}

.h300 {
    height: 300px
}

.fl {
    float: left
}

.fr {
    float: right
}

.block {
    display: block
}

.inline_block {
    display: inline-block
}

.elip {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    font-size: 1rem;
    line-height: 2.143rem
}

.hrline {
    width: 660px;
    height: 1px;
    background-color: #e7e7e7
}

.bxs {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.vab {
    vertical-align: bottom
}

.txc {
    text-align: center
}

.vmiddle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 235px
}

.left {
    left: 0
}

.right {
    right: 0
}

#logo img {
    vertical-align: bottom;
    margin-top: .6rem;
    width: 12.79rem
}

.top_nav {
    height: 60px;
    line-height: 60px;
    position: absolute;
    top: 0;
    right: 0
}

.top_nav li {
    float: left;
    transition-duration: .3s;
    -webkit-transition-duration: .3s
}

.top_nav li a:hover {
    color: #547bff
}

.top_nav li a {
    height: 100%;
    padding: 0 25px;
    display: block
}

.foot_wrap {
    max-width: 1000px;
    margin: 0 auto
}

.foot_top {
    width: 100%;
    height: 105px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    position: relative
}

.foot_top ul li {
    float: left
}

.foot_top .navlink {
    margin-left: -15px;
    padding: 45px 0;
    overflow: hidden
}

.foot_top .navlink li {
    padding: 0 15px;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    border-right: 1px solid rgba(255, 255, 255, .3)
}

.foot_top .navlink li:last-child {
    border-right: none
}

.foot_top .navlink li:hover {
    color: #547bff
}

.foot_top .icons {
    position: absolute;
    top: 34px;
    right: 0
}

.foot_top .icons li {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin-left: 25px
}

.foot_top .icons li a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.foot_top .sheng {
    background: url(../img/slice/foot_icon1.png)
}

.foot_top .wechat {
    background: url(../img/slice/foot_icon2.png)
}

.foot_top .weibo {
    background: url(../img/slice/foot_icon3.png)
}

.foot_top .sheng:hover {
    background: url(../img/slice/foot_icon_hover1.png)
}

.foot_top .wechat:hover {
    background: url(../img/slice/foot_icon_hover2.png)
}

.foot_top .weibo:hover {
    background: url(../img/slice/foot_icon_hover3.png)
}

.foot_top .qrcode {
    width: 110px;
    height: 110px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    top: -130px;
    left: 53px;
    display: none
}

.foot_top .qrcode:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    bottom: -6px;
    left: 47px
}

.foot_top .qrcode img {
    width: 100px;
    height: 100px;
    margin: 6px
}

.foot_top .down_qr {
    top: -130px;
    left: -10px
}

.foot_top .sheng:hover .down_qr, .foot_top .wechat:hover .qrcode {
    display: block
}

.foot_bottom {
    padding-top: 17px;
    position: relative
}

.foot_bottom a {
    text-decoration: none
}

.foot_bottom .certificate {
    position: absolute;
    top: 17px;
    right: 0
}

.foot_bottom .certificate li {
    height: 18px;
    margin-left: 10px;
    float: left
}

.foot_bottom .certificate a {
    display: block;
    width: 100%;
    height: 100%
}

.foot_bottom .certificate .v1 {
    background: url(../img/slice/certificate1.png);
    width: 21px
}

.foot_bottom .certificate .v2 {
    background: url(../img/slice/certificate2.png);
    width: 43px
}

.foot_bottom .certificate .v3 {
    background: url(../img/slice/certificate3.png);
    width: 45px
}

.foot_bottom .certificate .v4 {
    background: url(../img/slice/certificate4.png);
    width: 45px
}

.foot_bottom .certificate .v5 {
    background: url(../img/slice/certificate5.png);
    width: 17px
}

.foot_bottom .certificate .v6 {
    background: url(../img/slice/ISO27001_btn.png);
    width: 21px
}

.foot_bottom .certificate .v7 {
    background: url(../img/gxqiye_btn.jpg);
    width: 21px;
    background-size: 100%
}

.foot_bottom .certificate .v8 {
    background: url(../img/cnnic.png);
    width: 48px;
    background-size: 100%;
    background-repeat: no-repeat
}

.outter_wrap {
    position: relative;
    width: 100%;
    min-width: 1000px;
    margin-top: 640px;
    background-color: #fff
}

.inner_wrap {
    max-width: 1000px;
    min-width: 600px;
    margin: 0 auto;
    position: relative;
    height: 100%
}

.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    display: none
}

.article_a {
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    line-height: 20px;
    color: #999;
    font-size: 12px
}

.notice {
    width: 100%;
    min-width: 450px;
    max-width: 1000px;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    position: relative;
    z-index: 999;
    font-size: 14px;
    color: #6a4324;
    display: block;
    white-space: nowrap
}

.sitemap {
    max-width: 1000px;
    min-width: 600px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 30px
}

.mapNav {
    padding: 20px 0
}

.map-content {
    width: 100%;
    height: auto;
    margin-top: 20px;
    background-color: #f5f6f6
}

.map-content div {
    width: 100%;
    padding: 20px 0;
    border-bottom: 4px solid #fff
}

.map-content div p {
    width: 90%;
    height: 20px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    display: inline-block;
    color: #404040;
    text-align: left;
    padding: 0 10px;
    margin-left: 5px
}

.map-content div ul {
    width: 100%;
    height: auto;
    margin-top: 10px
}

.map-content div ul li {
    font-size: 14px;
    color: #404040;
    height: 30px;
    line-height: 30px;
    padding: 2px;
    margin-left: 20px;
    display: inline-block
}

.map-content div ul li:hover {
    color: #547bff;
    text-decoration: underline
}

.map-bottom {
    width: 100%;
    margin: 20px 0 190px 0;
    padding: 20px 0;
    display: inline-block;
    background-color: #f5f6f6
}

.map-bottom p {
    height: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #404040;
    font-weight: 800;
    padding-left: 8px;
    margin-left: 5px
}

.map-bottom ul li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 20px;
    margin-bottom: 10px;
    width: 280px;
    float: left;
    padding: 10px 20px;
    color: #404040
}

.map-bottom ul li:hover {
    color: #547bff
}

.top-zixun {
    width: 120px
}

.top-zixun .adown {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 22px;
    right: 40px;
    background-position: center;
    background-size: cover
}

.adown-over {
    background: url(../img/adown.png) no-repeat;
    transform: rotate(-180deg)
}

.adown-out {
    background: url(../img/+.png) no-repeat
}

.zixun-div a {
    line-height: 35px;
    font-size: 14px;
    display: inline-block
}

.zixun-div {
    width: 120px;
    padding: 10px 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .16);
    display: none
}

.zixun-div a:hover {
    color: #547bff !important
}

.current-hover {
    color: #547bff
}

.nav_search {
    display: flex;
    align-items: center
}

.left_box {
    width: 56rem;
    padding: 2rem;
    float: left;
    margin-top: 1.5rem;
    background-color: #fff
}

.right_box {
    width: 21.5rem;
    float: right;
    margin-top: 1.5rem;
    background-color: #fff;
    padding: 1.57rem 1.29rem
}

.blackspace {
    background-color: #f5f6f6;
    width: 60rem;
    height: 3rem;
    margin-left: -2rem;
    margin-top: 2rem
}

.right_list_one {
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    display: inline-block
}

.right_list_one p {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px;
    color: #404040;
    padding-left: 8px
}

.right_list_one div {
    width: 100%;
    height: auto
}

.right_list_one div a {
    width: 100%;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #404040;
    text-align: left;
    float: left;
    list-style-type: disc;
    list-style-position: inside;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.right_list_one div a:hover {
    color: #547bff
}

.right_list_three {
    width: 300px;
    max-height: 350px;
    display: inline-block
}

.right_list_three p {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px;
    color: #404040;
    padding-left: 8px
}

.right_list_three div {
    width: 100%;
    height: auto;
    padding-left: 15px
}

.right_list_three div a {
    width: 75px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #404040;
    text-align: left;
    float: left;
    list-style-type: disc;
    list-style-position: inside;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 25px 5px 0;
    float: left
}

.right_list_three div a:hover {
    color: #547bff;
    text-decoration: underline
}

.right_list_four {
    width: 300px;
    max-height: 350px;
    display: inline-block;
    margin-bottom: 20px
}

.right_list_four p {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px;
    color: #404040;
    padding-left: 8px
}

.right_list_four div {
    width: 100%;
    height: auto;
    padding-left: 15px
}

.right_list_four div a {
    width: 75px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #404040;
    text-align: left;
    float: left;
    list-style-type: disc;
    list-style-position: inside;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 0 5px 0;
    float: left
}

.right_list_four div a:hover {
    color: #547bff;
    text-decoration: underline
}

.left_border {
    border-left: .36rem solid #547bff;
    background-size: contain;
    margin-top: 1.36rem
}

.classify-search-pc {
    width: 670px;
    display: inline-block;
    height: 35px;
    margin-top: 10px
}

.classify-search-pc span {
    width: 80px;
    display: block;
    float: left;
    font-size: 16px;
    color: #404040;
    line-height: 35px;
    text-align: center;
    border: 1px #e7e7e7 solid;
    cursor: pointer
}

.classify-search-pc span:nth-child(1) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.classify-search-pc span:nth-child(3) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.active-span-pc {
    background-color: #547bff;
    color: #fff !important
}

.noticle-dialog {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: none
}

.dialog-mask {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.dialog-content {
    width: 900px;
    height: 600px;
    background: #fff;
    border-radius: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101
}

.dialog-content .content-title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 5px;
    background-color: #547bff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.dialog-content .content-center {
    width: 80%;
    height: auto;
    margin: 0 auto
}

.dialog-content .content-center p {
    width: 100%;
    height: auto;
    line-height: 60px;
    font-size: 18px;
    color: #333;
    text-align: left;
    vertical-align: middle
}

.dialog-content .content-center .first-p {
    margin-top: 30px
}

.dialog-content .content-center .content-center-pb {
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px
}

.dialog-content .content-center .download-app {
    width: 120px;
    height: 160px;
    position: absolute;
    right: 100px;
    bottom: 130px
}

.dialog-content .content-center .download-app img {
    width: 120px;
    height: 120px
}

.dialog-content .content-center .download-app p {
    width: 120px;
    height: 40px;
    line-height: 40px !important;
    font-size: 16px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    margin: 0
}

.brand2 .culture-content {
    font-size: 1rem;
    line-height: 1.43rem;
    margin: 3.21rem
}

.brand2 .culture-content span {
    font-weight: 800
}

.brand2 .culture-content p {
    margin-bottom: 1rem;
    color: #777
}

.brand2 .culture-line {
    width: 3.21rem;
    height: .64rem;
    background: #009aff;
    border-radius: .32rem;
    margin: 0 auto;
    margin-top: .5rem
}

.brand2 .culture-logo {
    width: 85.71rem;
    height: 14.71rem;
    background: #fff;
    border-radius: .71rem;
    display: flex;
    margin-top: 2rem
}

.brand2 .touzizhe .award {
    display: flex;
    justify-content: space-between
}

.dsf {
    display: flex
}

.culture-img {
    margin-top: 1.57rem
}

.culture-img .dsf img:first-child {
    margin-right: 1.21rem
}

.culture-img .dsf img {
    flex-shrink: 0;
    width: 42.29rem;
    height: 20.07rem
}

.brand2 .culture-logo img {
    width: 13.71rem;
    height: 7.36rem;
    margin: 4.79rem;
    flex-shrink: 0
}

.brand2 .culture-logo div header {
    margin-top: 3.79rem;
    font-size: 2.14rem;
    font-weight: 700;
    color: #333;
    line-height: 3rem
}

.brand2 .culture-logo div p {
    margin-top: 1.43rem;
    margin-right: 4rem;
    font-size: 1rem;
    font-weight: 400;
    color: #777;
    line-height: 1.93rem
}

.dialog-content .content-center a {
    width: 100%;
    height: auto;
    line-height: 50px;
    font-size: 18px;
    color: #2e99ee;
    text-align: left;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer
}

.content-btn {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-image: linear-gradient(to right, #3ad756, #1bc587);
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 30px
}

.customer-bg {
    width: 100%;
    height: calc(100vh - 190px);
    background: url(../img/customer_service.jpg) center no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0
}

#smyculture {
    background-color: #fff;
    margin-top: -6.5rem;
    border-radius: .71rem;
    height: 27.14rem
}

.header {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    background: 0;
    display: inline-block;
    text-align: center;
    padding-top: 1rem
}

.header1 {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    background: 0;
    display: inline-block;
    text-align: center;
    padding-top: 1rem
}

.header-wrap {
    width: 70%;
    height: 3.071rem;
    display: flex;
    position: relative;
    text-align: left;
    justify-content: space-between;
    margin: 0 auto
}

.header-wrap1 {
    width: 100%;
    height: 3.071rem;
    display: inline-block;
    position: relative;
    text-align: left;
    margin-top: .7rem
}

.header-wrap .log {
    width: 8.5rem;
    height: 3.071rem;
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
    display: inline-block
}

.header-wrap1 .log {
    width: 8.5rem;
    height: 3.071rem;
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
    display: inline-block
}

.header-wrap .log img {
    width: 8.5rem;
    height: 3.071rem;
    display: inline-block
}

.header-wrap1 .log img {
    width: 8.5rem;
    height: 3.071rem;
    display: inline-block
}

.header-wrap .nav {
    height: 3.071rem;
    display: flex;
    justify-content: initial;
    position: relative
}

.header-wrap1 .nav {
    width: auto;
    height: 3.071rem;
    position: absolute;
    top: -.5rem;
    right: 15rem;
    display: flex;
    align-items: center;
    justify-content: initial
}

.nav > a {
    margin-left: 4.21rem;
    font-size: 1rem;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    width: 7.8rem;
    flex-shrink: 0
}

.dropdown-menu1 li .commonzixun {
    padding-top: 1.65rem;
    padding-bottom: 1.95rem;
    margin-top: -1.28rem;
    background-color: transparent
}

.nav .shu50 {
    top: .5rem
}

.nav a:hover {
    transition: all .5s;
    background-color: #438fbe
}

.footer {
    min-width: fit-content;
    width: 100%;
    background-color: #4692c7;
    display: block;
    z-index: 999;
    margin: 0 auto
}

.footer-wrap {
    width: 80rem;
    height: 28.571rem;
    margin: 0 auto;
    position: relative;
    text-align: left
}

.footer-wrap .bottom {
    display: flex;
    flex-shrink: 0
}

.footer-wrap .contact {
    width: 40rem;
    height: 10.071rem;
    display: inline-block;
    margin-top: 4.5rem
}

.contact .t-span, .quicklink .t-span {
    line-height: 1.786rem;
    font-size: 1.29rem;
    color: #fff;
    display: block;
    font-weight: 400;
    margin-bottom: 1.07rem
}

.contact .o-span, .quicklink a {
    line-height: 2.143rem;
    font-size: 1rem;
    color: #fff;
    display: block;
    font-weight: 400
}

.quicklink {
    font-size: 1rem;
    font-weight: 400;
    color: #999;
    line-height: 1.43rem;
    margin-top: 4.5rem;
    display: flex;
    margin-right: 8.57rem
}

.Toplink {
    font-size: 1rem;
    font-weight: 400;
    color: #999;
    line-height: 1.43rem;
    margin-top: 4.5rem;
    display: flex;
    margin-right: 8.57rem
}

.Toplink a {
    line-height: 2.143rem;
    display: block
}

.footer-wrap .copyright {
    width: 100%;
    font-size: .75rem;
    color: #e7e7e7;
    display: inline-block;
    text-align: center;
    padding-top: 1rem
}

.copyright {
    text-decoration: none
}

.footer-wrap .qrcode {
    width: 9.36rem;
    height: 18rem;
    position: absolute;
    top: 6.357rem;
    right: 0;
    display: inline-block;
    text-align: center
}

.qrcode img {
    width: 9.125rem;
    display: inline-block
}

.qrcode span {
    font-size: .75rem;
    color: #e3e3e3;
    display: inline-block;
    margin-top: 1.071rem
}

.container {
    width: 100%;
    height: auto;
    background-color: #fff;
    display: block
}

.container-wrap {
    width: 100%;
    height: auto;
    background-color: #fff;
    display: inline-block
}

.container-wrap .banner {
    width: 100%;
    height: 42.857rem;
    background-size: cover;
    display: block;
    position: relative
}

.container-wrap .banner2 {
    width: 100%;
    height: 43.14rem;
    background: url(../img/active.png) no-repeat center;
    background-size: cover;
    display: block
}

.intro h1 {
    width: auto;
    line-height: 4rem;
    font-size: 2.5rem;
    color: #333;
    display: block;
    margin-top: 3.929rem;
    text-align: center;
    font-weight: 700
}

.intro p {
    width: 52rem;
    height: 11.071rem;
    font-size: 1.14rem;
    line-height: 2.143rem;
    color: #999;
    display: block;
    margin: 1rem auto 0;
    text-align: center
}

.container-wrap .brand {
    width: 80rem;
    display: block;
    margin: 0 auto
}

.cloud-img {
    margin: 0 auto;
    width: 89rem;
    margin-bottom: 6.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.cloud-img a {
    display: inline-block
}

.bimg2:hover, .bimg3:hover, .bimg:hover {
    background-size: 105%
}

.bimg2:hover .bl-mark, .bimg3:hover .bl-mark, .bimg:hover .bl-mark {
    opacity: .8
}

.bimg2:hover .bl-icon, .bimg3:hover .bl-icon, .bimg:hover .bl-icon {
    opacity: .8;
    bottom: 90px
}

.bimg {
    position: relative;
    background: url(../img/cloud1.png) no-repeat;
    margin-right: 1.071rem;
    width: 27.857rem;
    height: 26.571rem;
    border-radius: 1rem;
    transition: all .5s;
    background-size: 100%
}

.bimg2 {
    position: relative;
    background: url(../img/cloud2.png) no-repeat;
    margin-right: 1.071rem;
    width: 27.857rem;
    height: 26.571rem;
    border-radius: 1rem;
    transition: all .5s;
    background-size: 100%
}

.bimg3 {
    position: relative;
    background: url(../img/cloud3.png) no-repeat;
    margin-right: 1.071rem;
    width: 27.857rem;
    height: 26.571rem;
    border-radius: 1rem;
    transition: all .5s;
    background-size: 100%
}

.bimg .bl-mark, .bimg2 .bl-mark, .bimg3 .bl-mark {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #008dff;
    opacity: 0;
    transition: all .3s;
    top: 0;
    left: 0;
    border-radius: 1rem
}

.bimg .bl-icon, .bimg2 .bl-icon, .bimg3 .bl-icon {
    width: 80px;
    height: 30px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjU4cHgiIGhlaWdodD0iMjJweCIgdmlld0JveD0iMCAwIDU4IDIyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTEuMSAoNTc1MDEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5Db21iaW5lZCBTaGFwZTwvdGl0bGU+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0i6aaW6aG1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTMxLjAwMDAwMCwgLTEyNDEuMDAwMDAwKSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJub256ZXJvIj4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik05ODMuMTk5MjM4LDEyNTMuNjA0MDYgTDkzMSwxMjUzLjYwNDA2IEw5MzEsMTI1MC41NDk0NCBMOTgzLjM3NTU5MSwxMjUwLjU0OTQ0IEw5NzMuOTQ2OTAxLDEyNDEuMTIwNzUgTDk3OC4wNjU3ODUsMTI0MS4wODIwMSBMOTg4LjgyNTAwNywxMjUxLjY3ODk3IEw5ODguNzAzNjg4LDEyNTEuODAwMjkgTDk4OS4wMjAyMTgsMTI1Mi4xMTQ2OCBMOTc3Ljk3MzAwOSwxMjYyLjkxNTIyIEw5NzMuOTQ3MDgzLDEyNjIuODc3MzUgTDk4My4xOTkyMzgsMTI1My42MDQwNiBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==) no-repeat 50%;
    position: absolute;
    bottom: 70px;
    opacity: 0;
    transition: all .3s;
    left: calc(50% - 40px)
}

.container-wrap .brand2 {
    width: 85.71rem;
    display: block;
    margin: 0 auto
}

.brand .brand-title {
    display: block;
    text-align: left;
    margin-bottom: 3.313rem
}

.mgt636 {
    margin-top: 6.36rem
}

.brand .brand-title h2 {
    width: auto;
    line-height: 5rem;
    font-size: 3.125rem;
    color: #333;
    display: block;
    font-weight: 700
}

.brand .brand-title span {
    width: auto;
    line-height: 2rem;
    font-size: 1.25rem;
    color: #999;
    display: block
}

.brand2 .brand-title {
    display: block;
    margin-top: 2.5rem;
    text-align: left
}

.brand2 .culture-title {
    display: block;
    text-align: center
}

.brand2 .culture-title .target {
    font-size: 3.57rem;
    font-weight: 700;
    color: #333;
    padding-top: 3.29rem
}

.brand2 .brand-title h2 {
    width: auto;
    line-height: 5rem;
    font-size: 3.125rem;
    color: #333;
    display: block;
    font-weight: 700
}

.brand2 .brand-title span {
    width: auto;
    line-height: 2rem;
    font-size: 1.25rem;
    color: #333;
    display: block;
    margin-top: 3.063rem
}

.brand2 .brand-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.brand2 .brand-content img {
    width: 17.375rem;
    height: 25rem;
    margin-left: 0;
    margin-top: 3.688rem
}

.brand .brand-content {
    display: flex;
    margin-top: 2.929rem;
    align-items: center;
    justify-content: space-between
}

.brand2 .brand-content .lin {
    width: 11.063rem;
    height: 13.125rem
}

.culture-target {
    width: 85.71rem;
    height: 17.71rem;
    background: #fff;
    border-radius: .71rem;
    margin-top: 3.71rem;
    overflow: hidden
}

.culture-target > header {
    font-size: 2.14rem;
    font-weight: 700;
    color: #333;
    margin-top: 3.07rem
}

.culture-target .targetfour img {
    width: 5.43rem;
    height: 5.36rem
}

.culture-target .dsf .targetfour {
    display: flex;
    margin-right: 7rem
}

.culture-target .dsf .targetfour div {
    width: 9rem;
    margin-left: .86rem
}

.culture-target .dsf .targetfour div header {
    font-size: 2.86rem;
    font-weight: 700;
    color: #333
}

.culture-target div div div p {
    font-size: 1rem;
    font-weight: 400;
    color: #999;
    margin-top: 1rem;
    line-height: 1.43rem
}

.index .acttitle {
    transition: all .5s
}

#change a:hover {
    box-shadow: 0 2px 2px 2px #e7e7e7
}

.ble1, .ble2 {
    transition: all .5s
}

.brand-content .left {
    border: 1px solid #e9e2e2;
    width: 86rem;
    height: 21.43rem;
    display: inline-block;
    background: url(../img/banner_wuyu.png) no-repeat center;
    border-radius: 1rem;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-position: -.7rem -.6rem;
    background-size: 43rem 23rem
}

.lines {
    border-top: .1rem solid #fff;
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3);
    margin-top: 10rem
}

.index .acttitle {
    margin-top: 17rem;
    font-size: 1.25rem;
    font-weight: 700
}

.index .time {
    font-size: .875rem;
    color: #999;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.index .actmain {
    font-size: .875rem;
    color: #999;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.index:hover {
    color: #547bff
}

.brand-content .index {
    width: 23.625rem;
    height: 15rem;
    background: url(../img/d5.jpeg) no-repeat center;
    background-size: cover
}

.brand-content a .sub {
    margin-left: 45rem;
    margin-top: 3rem;
    margin-right: 3rem
}

.brand-content a .sub p {
    margin-top: 1rem;
    margin-left: .5rem;
    font-size: 1rem;
    color: #999;
    line-height: 1.5rem
}

.brand-content a .sub .more {
    color: #000;
    font-size: 1.2rem;
    margin-top: 1rem;
    margin-right: .5rem;
    text-align: right
}

.more::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #547bff;
    border-right: 1px solid #547bff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-bottom: 2px
}

.container-wrap .banner-about {
    width: 100%;
    height: 42.857rem;
    background: url(../img/banner-about.png) no-repeat center;
    background-size: cover;
    display: block;
    margin: 0 auto
}

.container-join {
    width: 100%;
    height: auto;
    background-color: #f5f6f6;
    display: block
}

.container-wrap .banner-join {
    width: 100%;
    min-width: 85.643rem;
    height: 43.14rem;
    background: url(../img/banner-join.png) no-repeat center;
    background-size: cover;
    margin: 0 auto
}

.top {
    position: fixed;
    bottom: 20%;
    right: 10%;
    display: none;
    z-index: 10000
}

.dropdown-menu {
    z-index: 7;
    float: left;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    transition: all .5s;
    position: relative;
    left: 2.5rem;
    top: -.15rem
}

.dropdown-menu1 {
    position: absolute;
    top: .25rem;
    right: -7rem;
    z-index: 7;
    float: left;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    transition: all .5s
}

.dropdown-menu1 a {
    margin-left: 0
}

.dropdown-menu1 .hide1 a {
    background-color: #4692c7
}

#b0 {
    background-color: 0
}

.nav > div {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0;
    width: 8.7rem;
    padding-left: 0
}

.dropdown-menu li {
    position: relative
}

.shu10 {
    content: '';
    width: .28rem;
    height: 1rem;
    background-color: #fff;
    position: absolute;
    top: .85rem;
    left: 6.5rem;
    display: none
}

.shu20 {
    content: '';
    width: .28rem;
    height: 1rem;
    background-color: #fff;
    position: absolute;
    top: .85rem;
    left: 15.3rem;
    display: none
}

.dsb {
    display: block
}

.shu30 {
    content: '';
    width: .3rem;
    height: 1rem;
    background-color: #fff;
    position: absolute;
    top: .85rem;
    right: 6.21rem;
    display: none
}

.shu40 {
    content: '';
    width: .29rem;
    height: 1rem;
    background-color: #fff;
    position: absolute;
    top: .85rem;
    right: 6.15rem;
    display: none
}

.shu50 {
    content: '';
    width: .29rem;
    height: 1rem;
    background-color: #fff;
    position: absolute;
    top: .4rem;
    right: 6.1rem;
    display: none
}

.shu60 {
    content: '';
    width: .29rem;
    height: 1rem;
    background-color: #fff;
    position: absolute;
    top: .85rem;
    right: 15.9rem;
    display: none
}

.hide {
    display: none;
    background-color: rgba(23, 24, 26, .2)
}

.hide1 {
    display: none;
    background-color: rgba(23, 24, 26, .2)
}

.be1, .be2, .be3, .be4, .be5, .be6 {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: .438rem solid transparent;
    border-left: .438rem solid #fff;
    border-bottom: .438rem solid transparent;
    position: absolute;
    top: .95rem;
    left: 1rem;
    display: none
}

.dropdown-menu1 li {
    position: relative
}

.bee1, .bee2, .bee3, .bee4, .bee5, .bee6 {
    content: '';
    display: none;
    width: 0;
    height: 0;
    border-top: .438rem solid transparent;
    border-left: .438rem solid #fff;
    border-bottom: .438rem solid transparent;
    position: absolute;
    top: 1.1rem;
    left: .8rem
}

.somefixed {
    margin-top: -.9rem;
    padding-bottom: 3rem;
    padding-top: 1.7rem
}

.dropdown-menu li a {
    text-align: center;
    display: block;
    clear: both;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.528rem;
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0;
    width: 8.7rem;
    padding-left: 0;
    color: #fff
}

.dropdown-menu .hide a {
    background-color: #4692c7
}

.boss {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3rem
}

.boss .linintro {
    height: 13.125rem;
    flex: 1
}

.boss .namelin {
    font-size: 1.875rem;
    color: #333;
    margin-top: 2.875rem;
    display: inline-block;
    margin-left: 2.5rem
}

.boss .place {
    font-size: 1rem;
    margin-left: 1rem;
    color: #333
}

.boss .intro {
    font-size: 1rem;
    color: #777;
    margin-left: 2.5rem;
    margin-top: 3rem;
    line-height: 1.5rem;
    margin-right: 3rem
}

.milestone_wrap .time > .bottomline {
    width: 7.125rem;
    height: .063rem;
    border-bottom: solid .063rem #4b637a;
    margin-top: 1.55rem;
    margin-left: 1.6rem;
    margin-right: 1.6rem
}

.milestone_wrap .time > .year {
    flex-shrink: 0
}

.milestone_wrap .time > .month {
    width: 65rem
}

.milestone_wrap .time > .space {
    width: 14.5rem
}

.touzi img {
    width: 13.875rem;
    height: 5.375rem
}

.touzizhe img {
    margin-right: 1.35rem;
    margin-bottom: 2.25rem;
    background-color: #fff;
    width: 9.1rem
}

.touzizhe > div {
    margin-top: 2.25rem
}

.zizhi img {
    width: 27rem;
    height: 7.14rem
}

.award a {
    display: inline-block;
    width: 26.786rem
}

.award img {
    width: 26.786rem;
    height: 14.857rem
}

.award .award-desc {
    width: 100%;
    color: #8d8d8d;
    text-align: center;
    margin-top: -1.25rem
}

.ditu {
    width: 45rem;
    flex-shrink: 0
}

.lianxi {
    width: 27rem;
    height: 47rem;
    background-color: #fcfeff;
    border-radius: 1.75rem;
    border: solid .063rem #3a74fa;
    padding-left: 2.438rem;
    position: relative
}

.lianxi .way {
    height: 1.75rem;
    font-size: 1.25rem;
    color: #3a74fa;
    position: absolute;
    left: 10rem;
    background-color: #fff;
    margin-top: -2.8rem;
    border: solid .063rem #3a74fa;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    border-bottom: 0;
    border-radius: 1rem 1rem 0 0
}

.lianxi p {
    font-size: 1rem;
    color: #333
}

.lianxi .cha {
    font-size: 1rem;
    color: #3a74fa;
    text-align: right
}

.liantop {
    margin-top: 3rem;
    margin-right: 4rem;
    border-bottom: dashed .063rem #979797
}

.liantop a {
    margin-bottom: 1rem;
    display: block
}

.liantop p {
    margin-bottom: 1rem
}

.lianb p {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.boss2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3rem;
    height: 12rem;
    box-shadow: 0 .125rem 1.25rem 0 #f7f7f7;
    padding: 1.36rem 1.29rem;
    flex-shrink: 0
}

.linintro:hover {
    color: #547bff
}

.boss2 .lin {
    width: 21.29rem;
    height: 11.86rem
}

.boss2 .linintro {
    flex: 1;
    display: flex
}

.boss2 .lintime {
    width: 15rem;
    height: 10.375rem;
    margin-top: 2.813rem;
    text-align: center;
    flex: 0 0 auto
}

.boss2 .lintime .h {
    font-size: 1.875rem;
    color: #333;
    font-weight: 700
}

.boss2 .lintime .t {
    font-size: 1.25rem;
    color: #777;
    height: 1.75rem;
    text-align: center
}

.boss2 .lintime .data {
    font-size: 2.14rem;
    font-weight: 800;
    color: #333;
    line-height: 3rem
}

.boss2 .lintime .year {
    font-size: 1.43rem;
    font-weight: 400;
    color: #777;
    line-height: 2rem
}

.boss2 .xiang {
    font-size: .875rem;
    color: #333;
    margin-top: 1rem
}

.boss2 .namelin {
    font-size: 1.25rem;
    color: #333;
    display: inline-block;
    margin-top: 1rem;
    font-weight: 700;
    transition: all .5s
}

.boss2 .place {
    font-size: 1rem;
    margin-left: 1rem
}

.boss2 .intro {
    font-size: 1rem;
    color: #777;
    margin-top: 1rem;
    margin-right: 2rem;
    line-height: 1.5rem
}

.e-wrap {
    width: 80rem;
    margin: 0 auto;
    margin-bottom: 20rem;
    margin-top: -10rem
}

.e-wrap .t-header {
    margin-top: 36px;
    overflow: hidden;
    border-bottom: 1px solid #edeef0;
    background-color: #fff;
    height: 5rem;
    display: flex;
    align-items: center
}

.e-wrap .t-header h1 {
    width: 5rem;
    height: 1.75rem;
    font-size: 1.25rem;
    color: #333;
    font-weight: 700
}

.e-wrap .panel-heading .one, .e-wrap .t-header .one {
    width: 35.71rem;
    padding-left: 121px;
    text-align: left
}

.e-wrap .panel-heading .two, .e-wrap .t-header .two {
    width: 11.85rem;
    text-align: left
}

.e-wrap .panel-heading .three, .e-wrap .t-header .three {
    width: 11.64rem;
    text-align: left
}

.e-wrap .panel-heading .four, .e-wrap .t-header .four {
    width: 5.214rem;
    text-align: center
}

.single0 {
    background-color: #e8edf0
}

.single1 {
    background-color: #f7fcff
}

.panel-heading {
    overflow: hidden;
    height: 3.75rem;
    display: flex;
    align-items: center
}

.panel-collapse {
    background-color: #fff;
    overflow: hidden;
    padding: 0 0 2.71rem;
    max-height: 142.85rem
}

.panel-collapse dl {
    margin: 0;
    padding-left: 8.857rem;
    padding-right: 10.928rem
}

.panel-collapse dl dt {
    font-size: 1rem;
    color: #333;
    line-height: 2rem;
    margin: 2.071rem 0 .357rem;
    font-weight: 700;
    margin-top: 2rem
}

.panel-collapse dl dd {
    margin: 0;
    font-size: 1rem;
    line-height: 2.14rem;
    color: #333;
    margin-bottom: .5rem
}

.panel-collapse div {
    position: relative
}

.nav .shu4 {
    margin-left: .5rem
}

.panel-collapse div span {
    display: inline-block;
    margin: .5rem 0 0 8.8rem;
    width: 13rem;
    height: 3rem;
    border-radius: .625rem;
    border: solid .063rem #3a74fa;
    line-height: 2.9rem;
    font-size: 1rem;
    color: #3a74fa;
    font-weight: 300;
    text-decoration: none;
    text-align: center
}

.panel-collapse div i {
    position: absolute;
    right: 178px;
    bottom: 15px;
    width: 15px;
    height: 11px;
    background: url(../img/arrow_top.png) no-repeat;
    background-size: 15px 11px
}

.panel-heading div.four span {
    display: inline-block;
    width: 15px;
    height: 11px;
    background: url(../img/arrow.png) no-repeat 0 0;
    transform: rotate(0);
    transition: transform .5s ease
}

.panel-heading.active div.four span {
    transform: rotate(-180deg)
}

.t-header .one {
    width: 480px
}

.t-header .two {
    width: 183px
}

.linintro a {
    display: block
}

.lins {
    margin-left: 2.5rem;
    flex: 0 1 auto
}

#ts1 {
    margin-bottom: 23.29rem
}

#ts2 {
    margin-top: 2.125rem
}

.ts3 {
    background-color: #fff;
    padding-bottom: 4.5rem
}

#ts4 {
    padding-top: 4.5rem
}

#ts5 {
    padding-top: 8.71rem
}

#ts6 {
    width: 1.8rem
}

#ts7 {
    width: 10rem
}

.ts8 {
    margin-bottom: -2rem
}

#ts9 {
    background-color: #fff;
    padding-bottom: 4rem
}

#ts10 {
    padding-top: 5rem
}

#ts11 {
    display: flex;
    margin-top: 2.125rem;
    justify-content: space-between;
    margin-bottom: 5rem;
    margin-right: 1.5rem
}

#ts12 {
    background-color: #fff;
    padding-bottom: 5rem
}

#ts13 {
    margin-bottom: 20rem
}

.back {
    width: 100%;
    height: 5rem;
    background-color: #142535;
    opacity: .61
}

#ts14 {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: -.8rem
}

.newsLimit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.43rem;
    margin-right: 1.36rem;
    color: #999;
    height: 4.28rem
}

.left_box_new {
    width: 56rem;
    float: left;
    margin-top: .9rem
}

.nav a:active {
    font-weight: 700
}

.swiperFix {
    object-fit: cover;
    object-fit: -o-cover;
    object-fit: -moz-cover;
    object-fit: -ms-cover;
    object-fit: -webkit-cover;
    display: block;
    width: 100%;
    height: 42.857rem
}

.programme {
    margin-right: 2.714rem;
    transition: all .3s;
    width: 26.786rem;
    height: 30rem
}

.programme:hover .pg-word {
    font-size: 1.05rem
}

.three-title {
    background-color: #fff;
    display: flex;
    justify-content: center
}

.three-title .clouds {
    font-size: 1.143rem;
    color: #555;
    margin-right: 5.929rem;
    padding: 1rem 1.875rem .5rem
}

.pg-block {
    display: flex;
    background-color: #F5F6F6;
    padding-top: 5.571rem;
    padding-bottom: .571rem;
    align-items: center;
    justify-content: center
}

.pg-footer {
    width: 100%;
    height: 6rem;
    background-color: #F5F6F6
}

.pg-img img {
    width: 100%;
    height: 100%
}

.pg-word {
    padding: 2.214rem 1rem;
    background-color: #fff;
    text-align: center;
    line-height: 1.6rem;
    transition: all .5s
}

.police-img {
    width: 14px;
    margin-top: -4px
}