* {
    font-family: "Hiragino Sans GB", "Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.nowrap,
.nowrapall,
.nowrapall * {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.break,
.breakall,
.breakall * {
    word-wrap: break-word;
    word-break: break-all;
}

.animate,
.animateall,
.animateall * {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.defaultstyle,
.df {
    position: relative;
    margin: 0;
    padding: 0;
}

html {
    background: #333;
}

body {
    margin: 0;
    padding: 0;
    color: #5a5a5a;
    font-size: 14px;
    line-height: 24px;
    border: 0;
    background: #fff;
}

/*CSShack*/
body {
    min-width: 1180px \9;
    background: #f3f3f3;
}

body::selection {
    background: #009fd6;
    color: #fff;
}

body::-moz-selection {
    background: #009fd6;
    color: #fff;
}

.maxsize {
    margin-left: auto;
    margin-right: auto;
}

@media all and (min-width: 0px) {
    body {
        min-width: auto;
    }
}

.vcenter {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
}

.tb {
    display: table;
    height: 100%;
    width: 100%;
}

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

a {
    text-decoration: none;
    color: #666;
}

ul,
dl,
dt,
dd {
    list-style: none;
    margin: 0;
    padding: 0;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

p {
    line-height: 1.8;
}

table {
    border-collapse: collapse;
}

.table {
    overflow: hidden;
}

.table .tr {
    overflow: hidden;
}

.table .tr .td,
.table .tr .th {
    float: left;
}

.hide {
    display: none;
}

.block {
    display: block;
}

.inb {
    display: inline-block;
}

.v-hide {
    visibility: hidden;
}

.posr {
    position: relative;
}

.posa {
    position: absolute;
}

.poss {
    position: static;
}

.row {
    overflow: hidden;
}

.row .fl {
    float: left;
}

.cl {
    clear: both;
}

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.row .md1 {
    width: 8.3333%;
}

.row .md2 {
    width: 16.6666%;
}

.row .md3 {
    width: 25%;
}

.row .md4 {
    width: 33.3333%;
}

.row .md5 {
    width: 41.6666%;
}

.row .md6 {
    width: 50%;
}

.row .md7 {
    width: 58.3333%;
}

.row .md8 {
    width: 66.6666%;
}

.row .md9 {
    width: 75%;
}

.row .md10 {
    width: 83.3333%;
}

.row .md11 {
    width: 91.6666%;
}

.row .md12 {
    width: 100%;
}

.row .mp0 {
    margin: 0 !important;
    padding: 0 !important;
}

.row .md1,
.row .md2,
.row .md3,
.row .md4,
.row .md5,
.row .md6,
.row .md7,
.row .md8,
.row .md9,
.row .md10,
.row .md11,
.row .dv {
    float: left;
}

input,
select,
textarea {
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    text-indent: 10px;
}

input::-webkit-input-placeholder {
    color: #aaa !important;
}

input:-moz-placeholder {
    color: #aaa !important;
}

input::-moz-placeholder {
    color: #aaa !important;
}

input:-ms-input-placeholder {
    color: #aaa !important;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
}

.blod {
    font-weight: 900;
}

.heavy {
    font-weight: 600;
}

h5 {
    font-size: 16px;
}

.hl {
    color: #199fd6;
}

/*鍏叡鏍峰紡*/
.maxsize {
    max-width: 1280px;
}

.fh {
    height: 100%;
}

/*澶撮儴*/
.mgt5 {
    margin-top: 5px;
}

.mgt10 {
    margin-top: 10px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt30 {
    margin-top: 30px;
}

.nicescroll::-webkit-scrollbar {
    width: 9px;
    background-color: rgba(255, 255, 255, 0.5);
}

.nicescroll::-webkit-scrollbar-thumb {
    border: none;
    width: 5px;
    background-color: rgba(0, 0, 0, 0.4);
}

.nicescroll::-webkit-scrollbar-corner {
    background-color: rgba(255, 255, 255, 0.5);
}

.nicescroll::-webkit-scrollbar:horizontal {
    height: 9px;
}


.header {
    position: fixed;
    z-index: 999999;
    width: 100%;
    top: 30px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.header .maxsize {
    width: 100%;
}

/*.header.ontop .maxsize { max-width: 99999px; }*/
.header .menu .posr {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.header .menu .logo {
    position: relative;
    float: left;
    width: 22%;
}

.header .menu .logo img {
    height: 36px;
    padding: 27px 0;
    padding-left: 40px;
}

.header .menu .menulist {
    float: right;
    width: 78%;
    position: relative;
}

.header .menu .menulist .functions {
    position: absolute;
    top: 0;
    right: 0;
}

.header .menu .menulist .functions li:hover .sub {
    display: block;
}

.header .menu .menulist .functions .sub {
    position: absolute;
    right: 0;
    min-width: 160px;
    display: none;
    margin-top: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
}

.header .menu .menulist .functions .sub:before {
    content: '鈼?;
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    margin-top: -10px;
    color: #fff;
    height: 10px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
}

.header .menu .menulist .functions li.lang .sub a {
    width: auto;
    display: block;
    height: auto;
    line-height: 45px;
    background: #fff;
    color: #666;
    text-align: center;
    padding: 0;
}

.header .menu .menulist .functions li.lang .sub a:hover {
    background: #3e8ddc;
    color: #fff;
}

.header .menu .menulist .functions li.lang .sub dd:first-of-type a {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
}

.header .menu .menulist .functions li.lang .sub dd:last-of-type a {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
}

.header .menu .menulist .functions li.share .sub {
    background: #fff;
    padding: 10px;
    min-width: 96px;
    ;
}

.header .menu .menulist .functions li.share .sub a {
    /* background-image: url('http://sbdimg.share.baidu.com/static/api/img/share/icons_0_32.png?v=dc944784.png'); */
    background-image: url('../images/icons_0_32.png');
    width: 32px;
    height: 32px;
    padding: 0;
}

/*.header .menu .menulist .functions li.share .sub a:hover { background: #3e8ddc; color: #fff; }*/
/*.header .menu .menulist .functions li.share .sub dd:first-of-type a {  border-top-left-radius: 6px;border-top-right-radius: 6px;  overflow: hidden; }*/
/*.header .menu .menulist .functions li.share .sub dd:last-of-type a {  border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; overflow: hidden; }*/

.header .menu .menulist .functions li {
    float: left;
    text-align: center;
    position: relative;
}

.header .menu .menulist .functions li>a {
    display: block;
    width: 50px;
    height: 50px;
    background: #75b0ea;
    color: #fff;
    padding: 20px 15px;
    text-indent: 0;
    margin: 0 !important;
}

.header .menu .menulist .functions li:last-of-type a {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
}

.header.ontop .menu .menulist .functions li:last-of-type a {
    border-top-right-radius: 0px;
}

.header .menu .menulist .functions li.lang a {
    background: #3e8ddc;
}

.header .menu .menulist .functions li.search a {
    background: #436dc2;
}

.header .menu .menulist .functions li a .iconfont {
    display: block;
    font-size: 30px;
    line-height: 1;
}

.header .menu .menulist .functions li:hover a .iconfont {
    transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.header .menu .menulist .functions li a span {
    font-size: 12px;
    display: block;
    margin-top: 8px;
    line-height: 1;
}

.header .menu .menulist .functions .input {
    background: #fff;
    border-radius: 6px;
    padding: 10px;
    overflow: hidden;
    width: 220px;
}

.header .menu .menulist .functions .input input {
    float: left;
    background: none;
    line-height: 40px;
    height: 40px;
    border: 1px solid #dadada;
}

.header .menu .menulist .functions .input input {
    width: 80%;
}

.header .menu .menulist .functions .input input.iconfont {
    position: absolute;
    right: 10px;
    width: 20%;
    line-height: 42px;
    height: 42px;
    background: #435dc2;
    color: #fff;
    border-color: #435dc2;
    text-align: center;
    text-indent: 0;
    cursor: pointer;
}

.header .menu .menulist .list {
    padding-right: 280px;
    text-align: right;
}

.header .menu .menulist .list li {
    display: inline-block;
}

.header .menu .menulist .list li a {
    display: block;
    line-height: 90px;
    font-size: 18px;
    color: #666;
    padding: 0 10px;
    position: relative;
}

.header .menu .menulist .list li a:after {
    content: '';
    display: block;
    height: 0px;
    background: #3e8ddc;
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 5px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.header .menu .menulist .list li.active a:after,
.header .menu .menulist .list li:hover a:after {
    height: 4px;
}

.header .menu .menulist .list li.active a {
    color: #000;
}

.header .menu .menubtn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
    height: 30px;
    width: 20px;
    padding: 0 8px;
    border: 1px solid #aaa;
    border-radius: 2px;
    display: none;
    cursor: pointer;
}

.header .menu .menubtn li {
    display: block;
    height: 2px;
    background: #aaa;
    margin-bottom: 4px;
}

.header .menu .menubtn li:first-of-type {
    margin-top: 8px;
}

.header .menu .menubtn li:last-of-type {
    margin-bottom: 0;
}

.header.ontop {
    top: 0px;
}

.header.ontop .menu .posr {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.header.ontop .menu .logo img {
    padding: 12px 0;
    padding-left: 40px;
}

.header.ontop .menu .menulist .list li a {
    line-height: 60px;
}

.header.ontop .menu .menulist .functions li a {
    padding: 10px 15px;
    height: 40px;
}

.header.ontop .menu .menulist .functions li a .iconfont {
    font-size: 22px;
}

.header.ontop .menu .menulist .functions li a span {
    margin-top: 5px;
}

@media screen and (min-width: 1025px) {
    .header .menu .menulist {
        display: block !important;
        -webkit-animation-name: none;
        animation-name: none;
    }
}

@media screen and (max-width: 1180px) {
    .header .menu .menulist .list li a {
        padding: 0 5px;
        line-height: 70px;
    }

    .header .menu .logo img {
        padding: 20px 0;
        padding-left: 20px;
        height: 30px;
    }

    .header .menu .menulist .functions li a {
        padding: 10px;
    }

    .header .menu .menulist .functions li.share .sub a {
        padding: 0;
    }
}

@media screen and (max-width: 1024px) {
    .header .menu .menulist .list li a {
        line-height: 60px;
    }

    .header .menu .logo {
        width: auto;
        float: none;
    }

    .header .menu .logo img {
        padding: 10px 0;
        padding-left: 10px;
    }

    .header {
        top: 0;
    }

    .header .menu .posr {
        border-radius: 0;
        position: relative;
        overflow: visible;
        border-bottom: 1px solid #dadada;
    }

    .header .menu .menubtn {
        display: block;
    }

    .header .menu .menulist {
        position: absolute;
        top: 100%;
        z-index: 9999999;
        width: 100%;
        background: #fff;
        margin-top: 1px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        display: none;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .2)
    }

    .header .menu .menulist .list {
        text-align: left;
        margin: 0;
        padding: 0;
    }

    .header .menu .menulist .list li {
        display: block;
        border-bottom: 1px solid #efefef;
    }

    .header .menu .menulist .list li:last-of-type {
        border-bottom: 0;
    }

    .header .menu .menulist .list li a {
        font-size: 14px;
        line-height: 40px;
        text-align: center;
    }

    .header .menu .menulist .list li.active a {
        background: #3e8ddc;
        color: #fff;
    }

    .header .menu .menulist .list li a:after {
        display: none;
    }

    .header .menu .menulist .functions {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .header .menu .menulist .functions li {
        width: 33.333%;
    }

    .header .menu .menulist .functions li a {
        width: auto;
        height: auto;
    }

    .header .menu .menulist .functions li a .iconfont {
        font-size: 22px;
    }

    .header .menu .menulist .functions li a span {
        margin-top: 2px;
    }

    .headerHeight {
        height: 50px;
    }

    .header .menu .menulist .functions li:last-of-type a {
        border-radius: 0;
    }
}

/*搴曢儴*/
.footer {
    position: relative;
    overflow: hidden;
    background: #50a2e1;
    font-size: 12px;
    padding: 10px 0;
}

.footer .links a,
.footer .copyright a {
    color: #96c9fa;
}

.footer .links a:hover,
.footer .copyright a:hover {
    color: #fff;
}

.footer .links {
    float: left;
    width: 44%;
    color: #96c9fa;
}

.footer .links li {
    display: inline-block;
    position: relative;
}

.footer .links li a {
    display: block;
    padding: 0 10px;
}

.footer .links li:after {
    content: '|';
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
}

.footer .links li:last-of-type:after {
    display: none;
}

.footer .copyright {
    float: right;
    width: 56%;
    color: #96c9fa;
    text-align: right;
}

@media screen and (max-width: 1180px) {
    .footer {
        padding: 10px;
    }

    .footer .links,
    .footer .copyright {
        float: none;
        width: auto;
        text-align: center;
        font-size: 12px;
    }

    .footer .links li:first-of-type a {
        padding-left: 0;
    }

    .footer .links span,
    .footer .copyright span {
        font-size: 12px;
        display: inline-block;
    }

    .index .footer .links {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .footer {
        padding: 5px;
    }
}

.bookmark {
    position: absolute;
    top: 0;
    left: 100%;
    border-right: 1px solid #c5c7cd;
    border-bottom: 1px solid #c5c7cd;
}

.bookmark li {
    position: relative;
}

.bookmark li a .iconfont {
    display: block;
    width: 50px;
    line-height: 50px;
    color: #8c909c;
    font-size: 25px;
    text-align: center;
    background: #fff;
    border-top: 1px solid #c5c7cd;
    border-left: 1px solid #c5c7cd;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.bookmark li:hover a .iconfont {
    color: #fff;
    background: #009ed8;
}

/*.bookmark li a span { display: none; }*/
.bookmark li a span {
    position: absolute;
    right: 100%;
    line-height: 50px;
    width: 0;
    top: 1px;
    height: 50px;
    text-align: center;
    background: #009ed8;
    margin-right: -1px;
    color: #fff;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    overflow: hidden;
}

.bookmark li:hover a span {
    width: 120px;
}

/*鍏ㄥ眬slogan*/
.slogan {
    background-size: cover;
    background-size: auto 100% \9;
    padding: 240px 0 380px 0;
    color: #fff;
    background-position: top center;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.slogan h4 {
    font-size: 28px;
    line-height: 36px;
    margin-left: 50px;
}

.slogan p {
    margin-left: 50px;
    font-size: 16px;
    line-height: 30px;
    background: #3ea2dc;
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    padding: 0 15px;
}

@media screen and (max-width: 1180px) {
    .slogan {
        padding: 200px 0 240px 0;
    }
}

@media screen and (max-width: 1024px) {
    .slogan {
        padding: 100px 0;
        -webkit-animation-name: none;
        animation-name: none;
    }

    .slogan h4 {
        font-size: 18px;
        line-height: 25px;
        margin-left: 30px;
    }

    .slogan p {
        margin-left: 30px;
    }
}

@media screen and (max-width: 480px) {
    .slogan {
        padding: 50px 0;
    }

    .slogan h4 {
        font-size: 16px;
        line-height: 20px;
        margin-left: 10px;
    }

    .slogan p {
        margin-left: 10px;
        line-height: 20px;
        font-size: 12px;
        padding: 0 5px;
    }
}

/*棣栭〉*/
/*.index { position: fixed; top: 0; left: 0; right: 0; bottom: 0;}*/
.index .header {
    position: absolute;
}

.index .maxsize {
    max-width: 1600px;
}

/*.index .top { position: absolute; bottom: 150px; top: 0; left: 0; right: 0;  }*/
.index .top .banner .slider li {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
}

.index .top .banner .slider li .maxsize {
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    top: 0px;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 83vw;
    padding-left: calc(18.073vw + 1.9vw * 1.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Banner 鍙ｅ彿 */
.index .top .banner .slider li .text {
    align-items: center;
    justify-content: flex-start;
    height: 88%;
    vertical-align: bottom;
    text-shadow: 0 2px 2px rgba(0,0,0,0.8);
    display: none;
    transition: opacity .3s ease;
}
.index .top .banner .slider li.active .text{
    display: flex;
}


.index .top .banner .slider li .text h1 {
    font-size: 54px;
    color: #000;
    line-height: 1.2;
    display: inline-block;
    padding-bottom: 15px;
    /* font-weight: 600; */
    font-family: FZLTHJW--GB1-0;
    /* font-weight:bold; */
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* .index .top .banner .slider li .text h1:after { content: ''; height: 2px; width: 0; left: 0; position: absolute;bottom: 0; background: #d33e44; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;} */
.index .top .banner .slider li.active .text h1:after {
    width: 100%;
}

.index .top .banner .slider li .text p {
    display: block;
    margin-top: 15px;
    line-height: 1.5;
    padding: 10px;
}

.index .top .banner .bannerarrows {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
    height: 88%;pointer-events: none;
    left: 0;display: flex;align-items: center;justify-content: center;
}
.index .top .banner .bannerarrows > div{max-width: 92%;width: 92%;}
.index .top .banner .bannerarrows .arrows {
    width: 100%;padding-left: 0!important;
    margin-top: 0;
    display: flex;align-items: center;justify-content: space-between;
}

.index .top .banner .bannerarrows .arrows li {
    display: inline-block;
    z-index: 99999;pointer-events: auto;
    position: relative;
}

.index .top .banner .bannerarrows .arrows li .iconfont {
    display: block;
    width: 50px;
    height: 2.4vw;
    text-align: center;
    line-height: 2.4vw;
    font-size: 30px;
    border: 1px solid #000;
    background: #428ed9;
    color: #fff;
    border-radius: 6px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    cursor: pointer;
}

@media screen and (min-width: 768px){
    .index .top .banner .bannerarrows .arrows li:hover .iconfont {
        background: #428ed9;
        color: #fff;
    }
}


/*棣栭〉渚涘簲閾惧叧绯?/
.index .supplychain {
    position: absolute;
    z-index: 999;
    top: 170px;
    left: 50%;
    margin-left: -41.33vw;
    color: #fff;
}

.index .supplychain .inb {
    background: url('../images/hover30.png') repeat 0 0;
    border-radius: 6px;
    overflow: hidden;
    width: 430px;
}

.index .supplychain .title {
    background: url('../images/hover10.png') repeat 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.index .supplychain .title h4 {
    font-size: 22px;
    line-height: 1;
    padding: 20px 40px;
}

.index .supplychain a {
    display: block;
    position: relative;
    z-index: 999999;
}

.index .supplychain .item {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    position: relative;
    overflow: hidden;
    color: #fff;
}

.index .supplychain .item .face {
    float: left;
    width: 30%;
    border-radius: 4px;
    overflow: hidden;
}

.index .supplychain .item .face img {
    width: 100%;
}

.index .supplychain .item .text {
    float: left;
    width: 70%;
}

/* .index .supplychain .item .text h5,
.index .supplychain .item .text p { padding-left: 20px; } */
.index .supplychain .item .text h5 {
    font-size: 24px;
    line-height: 48px;
}

.index .supplychain .item .text p {
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.index .supplychain .pager {
    background: url('../images/hover10.png') repeat 0 0;
}

.index .supplychain .items li {
    display: none;
    height: auto;
}

.index .supplychain .items li.active {
    display: block;
}

/*棣栭〉搴曢儴*/
.index .bottom {
    /*position: absolute; bottom: 0; left: 0; right: 0; */
    background: #3e8ddc;
    position: relative;
    z-index: 40000;
    animation: showLoad 2s ease
}

.load_show {
    display: none
}

@keyframes showLoad {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes showLoad {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes showLoad {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes showLoad {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.index .bottom .footer {
    background: #3e8ddc;
}

.index .bottom .trends {
    border-bottom: 1px solid #4897e6;
    position: relative;
    padding: 20px 0;
}

/*棣栭〉鍏徃鍔ㄦ€?/
.index .trends .title {
    position: absolute;
    top: 27px;
    width: 180px;
    color: #fff;
}

.index .trends .title .iconfont {
    font-size: 65px;
    color: #56a0e3;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
}

.index .trends .title h2 {
    font-size: 24px;
    display: inline-block;
    line-height: 65px;
    padding-left: 65px;
}

.index .trends .slides {
    padding-left: 200px;
    padding-right: 70px;
}

.index .trends .slides .pdcon {
    padding: 15px;
}

.index .trends .slides .date {
    position: absolute;
    width: 80px;
    color: #b5edff;
    font-family: 'Malayalam MN Regular';
    font-size: 18px;
    top: 30px;
}

.index .trends .slides .date font {
    font-size: 30px;
}

.index .trends .slides h5,
.index .trends .slides p {
    padding-left: 95px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.index .trends .slides h5 {
    color: #fff;
    font-size: 16px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.index .trends .slides p {
    color: #87c5f0;
    font-size: 12px;
    margin-top: 8px;
}

.index .trends .slides a:hover h5 {
    text-shadow: 0 0 3px #fff;
}

.index .trends .arrows {
    position: absolute;
    top: 40px;
    right: 0;
    overflow: hidden;
}

.index .trends .arrows li {
    float: left;
    margin: 3px;
}

.index .trends .arrows li a {
    display: inline-block;
    line-height: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    border: 1px solid #b6e1ff;
    border-radius: 100%;
    color: #b6e1ff;
}

.index .trends .arrows li:hover a {
    width: 26px;
    height: 26px;
    margin: 0 -3px;
    transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    line-height: 30px;
    background: #b6e1ff;
    color: #3e8ddc;
}

@media screen and (min-width: 2560px) {
    .index .top .banner .slider li .text h1 {
        font-size: 94px;
    }
}

@media screen and (min-width: 2000px) and (max-width: 2560px) {
    .index .top .banner .slider li .text h1 {
        font-size: 88px;
    }
}

@media screen and (max-height: 768px) and (min-width: 768px) {
    .index .supplychain {
        top: 140px;
    }

    .index .supplychain .title h4 {
        font-size: 16px;
        padding: 10px 20px;
    }

    .index .supplychain .item {
        padding: 10px 20px;
    }

    .index .supplychain .item .face {
        width: 25%;
    }

    .index .supplychain .item .text h5 {
        font-size: 18px;
        line-height: 25px;
    }

    .index .supplychain .item .text p {
        white-space: nowrap;
        text-overflow: none;
        overflow: hidden;
    }

    .index .supplychain .items li {
        height: auto;
    }

    .index .supplychain .pager ul {
        padding: 2px 20px;
    }

    .index .top .banner .bannerarrows > div{width: 95%;max-width: 95%;}

    .index .top .banner .slider li .text {
        bottom: 40%;
        height: auto;
    }

    .index .top .banner .slider li .text {
        height: 150px;
    }

    .index .top .banner .slider li .text p {
        font-size: 3vw;
    }
}

/*1388 633*/

@media screen and (max-width: 1600px) {
    .index .maxsize {
        max-width: 1280px;
    }

    .index .supplychain {
        margin-left: -640px;
    }

    .index .supplychain .pager ul {
        padding: 10px 2.3684210526315788vw;
        transform: translateY(-2vw);
    }

    .index .supplychain .inb {
        width: 330px;
    }

    .index .supplychain .items li {
        height: auto;
    }

    .index .supplychain .title h4 {
        padding: 15px 25px;
        font-size: 18px;
    }

    .index .supplychain .item {
        padding: 10px 15px;
    }

    /* .index .supplychain .item .text h5, .index .supplychain .item .text p { padding-left: 10px; } */
    .index .supplychain .item .text h5 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .index .supplychain .item .text p {
        font-size: 14px;
        line-height: 20px;
    }

    .index .top .banner .slider li .text {
        left: 280px;
    }
    .index .banner .bx-controls .bx-pager{padding-left: 280px!important;}

    .index .top .banner .bannerarrows .arrows {
        padding-left: 280px;
    }

    .index .top .banner .slider li .text {
        max-width: 700px;
    }

    .index .top .banner .slider li .text h1 {
        font-size: 48px;
    }

    .index .top .banner .bannerarrows .arrows li .iconfont {
        line-height: 40px;
        width: 40px;
        height: 40px;
        font-size: 25px;
    }

    .index .top .banner .slider li .text p {
        font-size: 14px;
    }

}

@media screen and (max-width: 1280px) {
    .index .top .banner .slider li .text {
        max-width: 600px;
    }

    .index .top .banner .slider li .text h1 {
        font-size: 50px;
    }

    .index .supplychain {
        left: 0;
        margin: 0;
    }
}

@media screen and (max-width: 1024px) {

    .index .bottom .trends,
    .index .supplychain {
        display: none;
    }

    .index .top .banner .slider li .text {
        left: 10px;
        max-width: 760px;
    }

    .index .top .banner .slider li .text h1 {
        font-size: 40px;
    }

    .index .top .banner .bannerarrows {
        top: auto;
        bottom: 20px;
        width: auto;
    }

    .index .bottom {
        z-index: 99999;
    }

    .index .top .banner .bannerarrows .arrows {
        padding-left: 4vw;
    }

    .index .top .banner .bannerarrows .arrows li .iconfont {
        font-size: 20px;
        line-height: 30px;
        width: 30px;
        height: 30px;
    }

}

@media screen and (max-width: 480px) {
    .index .top .banner .slider li .text {
        max-width: 375px;
    }

    .index .top .banner .slider li .text h1 {
        font-size: 24px;
    }

    .index .top .banner .slider li .text p {
        font-size: 12px;
        line-height: 1.4;
    }
}

@media screen and (max-width: 1600px) {
    .index .supplychain .inb {
        min-height: 400px;
    }
}

/*姝ｆ枃妗嗘灦*/
.content {
    background: #fff;
    margin-top: -270px;
    position: relative;
    min-height: 1000px;
}

.content .left {
    width: 250px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #505050;
    color: #fff;
}

.content .left a {
    display: block;
    text-align: center;
    color: #fff;
    line-height: 95px;
}

.content .left dt a {
    font-size: 22px;
    background: #0d468b;
}

.content .left dt .iconfont {
    display: inline-block;
    font-size: 16px;
    transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

.content .left dd ul li {
    border-bottom: 1px solid #5f5f5f;
}

.content .left dd ul li .sub {
    display: none;
}

.content .left dd ul li.active .sub {
    display: block;
}

.content .left dd ul li .sub li {
    background: #6d7c87;
    position: relative;
}

.content .left dd ul li .sub li a {
    font-size: 16px;
    line-height: 50px;
    background: none;
}

.content .left dd ul li .sub li.active a:before {
    content: '鈼?;
    font-size: 12px;
    padding-right: 10px;
    margin-left: -20px;
}


@media screen and (orientation: landscape) {
    .content .left dd ul li .sub li:hover .thr {
        max-height: 999px;
    }
}
.content .left dd ul li .sub li.on .thr{
    max-height: 999px;
}
.content .left dd ul li .sub .thr {
    max-height: 0;
    transition: max-height .6s ease;
    overflow: hidden;
}

.content .left dd ul li .sub .thr li {
    border-bottom: none;
}

.content .left dd ul li .sub .thr li a {
    font-size: 15px;
}

/*.content .left dd ul li .sub li.active:before { content: '鈼?; position: absolute; left: 50px; top: 0; line-height: 50px; font-size: 12px; }*/
.content .left dd ul li a {
    font-size: 18px;
}

.content .left dd ul li a:after {
    content: '\e604';
    font-family: 'iconfont';
    opacity: 0;
    position: absolute;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.content .left dd ul li:hover,
.content .left dd ul li.active {
    background: #009fd6;
}

.content .left dd ul li:hover>a {
    transform: translateX(-5px);
    -o-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
}

.content .left dd ul li:hover>a:after {
    opacity: 1;
    transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -webkit-transform: translateX(10px);
}

.content .right {
    margin-left: 250px;
    padding: 75px 60px;
    position: relative;
}

@media screen and (max-width: 1280px) {
    .content .left {
        width: 200px;
    }

    .content .right {
        padding: 50px;
        margin-left: 200px;
    }

    .content .left a {
        line-height: 80px;
    }

    .content .left dd ul li a {
        font-size: 16px;
    }

    .content .left dt a {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .content {
        margin: 0;
        padding: 0;
    }

    .content .left {
        width: 100%;
        position: relative!important;
        background: none;
        margin-top: -2px;
        z-index: 3;
    }

    .content .right {
        margin-left: 0;
    }

    .content .left a {
        line-height: 40px;
    }

    .content .left dl {
        overflow: hidden;
        background: #fff;
        border-bottom: 1px solid #dadada;
    }

    .content .left dt {
        width: auto;
        float: none;
        display: none;
    }

    .content .left dt a {
        font-size: 14px;
        line-height: 30px;
    }

    .content .left dt .iconfont {
        display: none;
    }

    .content .left dd {
        width: auto;
        float: none;
        overflow: hidden;
    }

    .content .left dd ul li a {
        padding: 0 25px;
        color: #666;
        border-right: 1px solid #dadada;
        font-size: 14px;
    }

    .content .left dd ul {
        width: 1000px;
    }

    .content .left dd ul li {
        float: left;
        border-bottom: 0;
        position: relative;
    }

    .content .left dd ul li.active .sub {
        display: none;
    }

    .content .left dd ul li:hover {
        background: none;
    }

    .content .left dd ul li.active:hover {
        background: #009fd6;
    }

    .content .left dd ul li:hover>a {
        transform: translateX(0px);
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }

    .content .left dd ul li:hover>a:after {
        display: none;
    }

    .content .left dd ul li.active a {
        color: #fff;
    }

    .content .left .submenu {
        position: relative;
        padding: 10px 20px;
    }

    .content .left .submenu li {
        display: inline-block;
        margin-right: 12px;
    }

    .content .left .submenu li.on .thr {
        display: flex;
    }

    .content .left .submenu .thr {
        position: absolute;
        left: 50%;
        top: 85%;
        transform: translateX(-50%);
        width: 100vw;
        display: none;
        justify-content: center;
    }

    .content .left .submenu a {
        color: #666;
        text-align: left;
        font-size: 14px;
        padding: 0 10px;
        line-height: 30px;
        border-bottom: 2px solid #eaeaea;
    }

    .content .left .submenu li.active> a {
        border-bottom: 2px solid #009fd6;
    }
}

@media screen and (max-width: 480px) {
    .content .right {
        padding: 30px 10px;
        width: calc(100% - 20px);
        float: right !important;
    }

    .content {
        min-height: 0;
    }
}


.about .block {
    margin-bottom: 50px;
}

.about .block .title {
    position: relative;
    overflow: hidden;
    color: #3c3c3c;
    margin-bottom: 20px;
}

.about .block .title i {
    font-size: 30px;
    line-height: 30px;
    float: left;
    display: inline-block;
}

.about .block .title h1 {
    font-size: 30px;
    line-height: 30px;
    float: left;
    padding-left: 10px;
}

.about .block p {
    font-size: 14px;
    line-height: 24px !important;
}

.about .gongsigaikuang .groupUp {
    background: url('../images/groupUp.jpg') no-repeat top center;
    background-size: contain;
    background-size: auto 100% \9;
}

.about .gongsigaikuang .con {
    margin: 4px;
    color: #fff;
    cursor: default;
}

.about .gongsigaikuang .con .text {
    padding: 30px;
}

.about .gongsigaikuang .zhibiao1 .con {
    background: #009476;
}

.about .gongsigaikuang .zhibiao2 .con {
    background: #41aad1;
}

.about .gongsigaikuang .zhibiao3 .con {
    background: #5a5a5a;
}

.about .gongsigaikuang .zhibiao4 .con {
    background: #1267ab;
}

.about .gongsigaikuang .con .text h1 {
    font-size: 55px;
}
.about .gongsigaikuang .con .text [data-note]{
    position: relative;
}
.about .gongsigaikuang .con .text [data-note]:before{
    content: attr(data-note);
   font-size: 1.2vw;margin-right: 4px;
}

.about .gongsigaikuang .con .text h1 font {
    font-family: 'siyuan';
}

.about .gongsigaikuang .con .text h2 {
    font-size: 30px;
}

.about .gongsigaikuang .con .text p {
    font-size: 16px;
}

.about .gongsigaikuang .con:hover .iconfont {
    -webkit-animation: 'groupUp'.5s infinite linear;
    -o-animation: 'groupUp'.5s infinite linear;
    -moz-animation: 'groupUp'.5s infinite linear;
    animation: 'groupUp'.5s infinite linear;
}

.about .yingyezengzhang .detial .tac p {
    font-size: 18px;
    line-height: 26px;
}

.about .yingyezengzhang .detial .tac p span {
    font-size: 12px;
    color: #666;
    margin-left: 10px;
}

/*.about .yingyezengzhang .detial .tac:nth-child(1) p { color: #1267ab; }
.about .yingyezengzhang .detial .tac:nth-child(2) p { color: #008890; }
.about .yingyezengzhang .detial .tac:nth-child(3) p { color: #d93636; }*/
.about .gongyinglian .icons {
    overflow: hidden;
    margin: 50px 0;
    color: #009fd6;
    cursor: default;
}

.about .gongyinglian .icons li {
    float: left;
    width: 10%;
    text-align: center;
}

.about .gongyinglian .icons li:hover {
    transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
}

.about .gongyinglian .icons li .iconfont {
    display: inline-block;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 20px;
}

.about .gongyinglian .icons li span {
    display: block;
}

.about .about_slogan {
    background: url('../images/about_sloganbg.jpg') no-repeat top center;
    background-size: 100% auto;
    background-size: cover;
    color: #fff;
    padding: 50px;
    margin-bottom: 20px;
    overflow: hidden;
}

.about .about_slogan p {
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 0;
}

.about .yingyezengzhang .detial .tac.mgt30:nth-child(3n+1) .chart .point i,
.about .yingyezengzhang .detial .tac.mgt30:nth-child(3n+1) .chart:after {
    background: #0cafe5;
}

.about .yingyezengzhang .detial .tac.mgt30:nth-child(3n+1) .chart font,
.about .yingyezengzhang .detial .tac.mgt30:nth-child(3n+1) p {
    color: #0cafe5;
}

.about .yingyezengzhang .detial .tac.mgt30:nth-child(3n+2) .chart .point i,
.about .yingyezengzhang .detial .tac.mgt30:nth-child(3n+2) .chart:after {
    background: #10ad7f;
}

.about .yingyezengzhang .detial .tac.mgt30:nth-child(3n+2) .chart font,
.about .yingyezengzhang .detial .tac.mgt30:nth-child(3n+2) p {
    color: #10ad7f;
}

.about .yingyezengzhang .detial .tac.mgt30:nth-child(3n+3) .chart .point i,
.about .yingyezengzhang .detial .tac.mgt30:nth-child(3n+3) .chart:after {
    background: #ff4c5b;
}

.about .yingyezengzhang .detial .tac.mgt30:nth-child(3n+3) .chart font,
.about .yingyezengzhang .detial .tac.mgt30:nth-child(3n+3) p {
    color: #ff4c5b;
}

@media screen and (max-width: 480px) {
    .about .block .title {
        margin-bottom: 20px;
    }

    .about .block .title i {
        font-size: 20px;
        line-height: 20px;
    }

    .about .block .title h1 {
        font-size: 20px;
        line-height: 20px;
    }

    .about .block p {
        font-size: 12px;
    }

    .about .yingyezengzhang .detial .tac p {
        font-size: 14px;
        line-height: 20px;
    }

    .about .gongsigaikuang .con .text {
        padding: 10px;
    }

    .about .gongsigaikuang .con .text h2 {
        font-size: 18px;
    }

    .about .gongsigaikuang .con .text p {
        font-size: 12px;
        line-height: 1.2;
    }

    .about .gongsigaikuang .con .text h1 {
        font-size: 25px;
    }

    .about .gongyinglian .icons li {
        width: 20%;
        margin-bottom: 20px;
    }

    .about .gongyinglian .icons {
        margin: 20px 0;
        margin-top: 40px;
    }

    .about .gongyinglian .icons li span {
        font-size: 12px;
    }

    .about .gongyinglian .icons li .iconfont {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .about .about_slogan {
        padding: 30px;
    }
}

@media screen and (max-width: 320px) {
    .about .gongsigaikuang .con .text h2 {
        font-size: 16px;
    }

    .about .gongsigaikuang .con .text h1 {
        font-size: 20px;
    }
}

/*浼佷笟鏂囧寲*/
.Tpc {
    display: block;
}

.Tapp {
    display: none;
}

.yuanjing {
    margin: 22px 0px;
    text-align: center;
    color: #fff;
    width: 100%;
    height: auto;
    position: relative;
    overflow: visible;
}

.yuanjing .md6 {
    width: 49.5%;
    height: 200px;
    border-radius: 7px;
    box-shadow: 0 12px 32px -5px rgba(2, 159, 216, 0.35);
}

.yuanjing .item1 {
    float: left;
    margin-bottom: 8px;
    background-color: #00856b;
}

.yuanjing .item2 {
    float: right;
    margin-bottom: 8px;
    background-color: #1970c5;
}

.yuanjing .item3 {
    float: left;
    margin-bottom: 8px;
    background-color: #348091;
}

.yuanjing .item4 {
    float: right;
    margin-bottom: 8px;
    background-color: #19949b;
}

.yuanjing .item5 {
    float: left;
    background-color: #009ed8;
}

.yuanjing .item6 {
    float: right;
    background-color: #5b8fb6;
}

.yuanjing .item1>i {
    left: -44px;
    bottom: 23px;
    font-size: 130px;
}

.yuanjing .item2>i {
    left: -95px;
    bottom: -32px;
    font-size: 220px;
}

.yuanjing .item3>i {
    left: -34px;
    bottom: 29px;
    font-size: 148px;
}

.yuanjing .item4>i {
    left: -73px;
    bottom: 35px;
    font-size: 160px;
}

.yuanjing .item5>i {
    left: -83px;
    bottom: 22px;
    font-size: 220px;
}

.yuanjing .item6>i {
    left: -62px;
    bottom: 41px;
    font-size: 150px;
}

.yuanjing .md6>i {
    position: absolute;
    color: #fff;
    opacity: 0.1;
}

.yuanjing .md6 .tb {
    width: 100%;
    margin: auto;
}

.yuanjing .md6 p {
    line-height: 21px;
    min-height: 48px;
    font-size: 14px;
    margin: 0;
    padding: 0;
    padding: 0 38px;
    color: rgba(255, 255, 255, 0.7);
}

.yuanjing .md6 h1 {
    font-size: 36px;
    line-height: 1;
    margin: 20px 0;
    font-weight: bold;
    text-shadow: 0px 3px 3px rgba(8, 30, 57, 0.19);
}

@media screen and (max-width: 480px) {
    .Tapp {
        display: block;
    }

    .Tpc {
        display: none;
    }

    .yuanjing1 {
        padding: 0;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 40px;
        width: 100%;
        height: auto;
    }

    .yuanjing1 .md6 {
        width: 100%;
        height: auto !important;
        margin-bottom: 4px;
        border-radius: 6px;
    }

    .yuanjing1 .md6 .vcenter {
        position: relative;
    }

    .yuanjing1 .md6 h1 {
        font-size: 16px;
        margin: 10px 0;
        padding: 0 10px;
        color: #fff;
        text-align: center;
        margin-top: 20px;
        font-size: 18px;
    }

    .yuanjing1 .md6 p {
        padding: 0 10px;
        font-size: 12px;
        line-height: 1.2;
        color: #fff;
        text-align: center;
    }

    .yuanjing1 .item1 {
        background-color: #00856b;
    }

    .yuanjing1 .item2 {
        background-color: #1970c5;
    }

    .yuanjing1 .item3 {
        background-color: #348091;
    }

    .yuanjing1 .item4 {
        background-color: #19949b;
    }

    .yuanjing1 .item5 {
        background-color: #009ed8;
    }

    .yuanjing1 .item6 {
        background-color: #5b8fb6;
    }
}

.zongzhi {
    position: relative;
}

.zongzhi .con {
    padding: 65px 30px;
}

.zongzhi .iconfont {
    font-size: 40px;
    color: #fe211b;
    line-height: 100px;
    display: inline-block;
    width: 100px;
    text-align: center;
    border: 4px solid #5a5a5a;
    border-radius: 100%;
    position: relative;
    margin-bottom: 20px;
}

.zongzhi .iconfont:after {
    content: '';
    display: block;
    top: 100%;
    height: 20px;
    width: 4px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    background: #5a5a5a;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.zongzhi .md4:hover .iconfont {
    transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    font-size: 45px;
}

.zongzhi .md4:hover .iconfont:after {
    height: 30px;
}

.zongzhi h4 {
    font-size: 18px;
    line-height: 1;
    color: #3c3c3c;
    margin: 20px 0;
}

.zongzhi p {
    font-size: 14px;
    line-height: 18px !important;
    color: #787878;
}

@media screen and (max-width: 480px) {
    .zongzhi .con {
        margin-top: 40px;
        padding: 0;
        position: relative;
        text-align: left;
    }

    .zongzhi .md4 {
        float: none;
        width: auto;
        -webkit-animation-name: fadeInUp;
        -animation-name: fadeInUp;
    }

    .zongzhi .iconfont {
        position: absolute;
        left: 0;
        width: 60px;
        line-height: 60px;
        top: 50%;
        margin-top: -30px;
        border: 2px solid #5a5a5a;
        font-size: 30px;
    }

    .zongzhi h4,
    .zongzhi p {
        padding-left: 80px;
    }

    .zongzhi h4 {
        margin: 0;
        margin-bottom: 10px;
    }

    .zongzhi .iconfont:after {
        height: 2px;
        width: 10px;
        top: 50%;
        left: 100%;
        margin-left: 0;
    }
}


.milestone {
    position: relative;
}

.milestone .year {
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    padding-left: 40px;
}

.milestone .year li {
    padding: 20px 0;
    padding-left: 45px;
    border-left: 2px dotted #a3a3a3;
    position: relative;
    margin-bottom: 0px;
}

.milestone .year li:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 45px;
    height: 1px;
    left: 0;
    background: #a3a3a3;
}

.milestone .year li:before {
    content: '\e609';
    font-family: 'iconfont';
    color: #009ed8;
    position: absolute;
    font-size: 20px;
    left: 0px;
    top: 50%;
    line-height: 20px;
    margin-top: -10px;
    z-index: 9;
    opacity: 0;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.milestone .year li.active:after {
    background: #009ed8;
}

.milestone .year li.active:before {
    left: -30px;
    opacity: 1;
}

.milestone .year li a {
    display: inline-block;
    width: 80px;
    line-height: 80px;
    text-align: center;
    color: #a3a3a3;
    border-radius: 100%;
    border: 2px solid #a3a3a3;
    font-size: 20px;
    font-weight: normal;
}

.milestone .year li.active a {
    background: #009ed8;
    color: #fff;
    border-color: #009ed8;
}

.milestone .year li.active a:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #009ed8;
    border-radius: 100%;
    position: absolute;
    border: 10px solid #fff;
    left: -13px;
    top: 50%;
    margin-top: -11px;
}

.milestone .things {
    padding-right: 300px;
    padding-top: 30px;
    overflow: hidden;
}

.milestone .things dl {
    margin-bottom: 30px;
    position: relative;
    max-height: 700px;
    overflow-y: scroll;
    padding-right: 10px;
}

.milestone .things dl::-webkit-scrollbar {
    width: 2px;
    background-color: #fafafa;
    border-radius: 2px;
}

.milestone .things dl::-webkit-scrollbar-thumb {
    border: none;
    width: 2px;
    background-color: #dadada;
    border-radius: 2px;
}

.milestone .things dl::-webkit-scrollbar-corner {
    background-color: rgba(255, 255, 255, 0.7);
}

.milestone .things dl::-webkit-scrollbar:horizontal {
    height: 2px;
}

@media screen and (max-width: 480px) {
    .milestone .things dl {
        max-height: 300px;
    }
}

.milestone .things dl:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/whitehover40.png') repeat 0 0;
    display: block;
    z-index: 99;
    opacity: 1;
    transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
}

.milestone .things dl.active:before {
    opacity: 0;
}

.milestone .things dl:last-of-type {
    padding-bottom: 1000px;
}

.milestone .things dt {
    font-size: 12px;
    padding-left: 130px;
    position: relative;
    color: #949494;
    margin-bottom: 30px;
}

.milestone .things dt:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 120px;
    top: 50%;
    background: #949494;
    left: 0;
}

.milestone .things dl:nth-child(1) dt {
    display: none;
}

.milestone .things dd {
    position: relative;
    /*border-left: 1px solid #949494; */
    padding-left: 15px;
    margin: 30px 0;
}

.milestone .things dd h3 {
    font-size: 24px;
    color: #009ed8;
    margin-bottom: 10px;
}

.milestone .things dd p {
    font-size: 14px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

.miletitle {
    padding-right: 300px;
}

.miletitle h1 {
    border-bottom: 5px solid #505050;
    font-size: 30px;
    padding-bottom: 65px;
}

@media screen and (max-width: 768px) {
    .miletitle {
        padding: 0;
    }

    .miletitle h1 {
        font-size: 20px;
        border-bottom: 2px solid #505050;
        padding-bottom: 20px;
    }

    .milestone .things {
        padding-right: 100px;
    }

    .milestone .year li a {
        width: 60px;
        line-height: 60px;
        font-size: 16px;
    }

    .milestone .year li {
        padding-left: 30px;
    }

    .milestone .year li:after {
        width: 30px;
    }
}

@media screen and (max-width: 480px) {
    .milestone .things {
        padding-top: 20px;
    }

    .milestone .things dt {
        margin-bottom: 10px;
    }

    .milestone .things dd {
        margin: 20px 0;
        padding-left: 10px;
    }

    .milestone .things dd h3 {
        font-size: 16px;
    }

    .milestone .things dd p {
        font-size: 12px;
        line-height: 2;
    }

    .milestone .year li a {
        width: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .milestone .year li {
        padding-left: 20px;
    }

    .milestone .year li:after {
        width: 20px;
    }

    .milestone .year li:before {
        font-size: 14px;
    }

    .milestone .year li.active:before {
        left: -20px;
    }
}

.about .right .honorcontent {
    padding-bottom: 30px;
}

.about .right .honorcontent h1 {
    display: block;
    text-align: left;
    color: #313131;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 30px;
    font-weight: 900;
    color: #009ed8;
}

.about .honor li {
    margin: 0;
    padding: 0;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.about .honor li p {
    margin: 0;
    padding: 0;
    color: #808080;
    margin-bottom: 10px;
    position: absolute;
    bottom: 12px;
    right: 0;
}

.about .honor li h3 {
    color: #303030;
    font-size: 20px;
    line-height: 1;
    border-bottom: 1px solid #009ed8;
    padding-bottom: 5px;
}

.about .honor li span {
    background: #009ed8;
    color: #fff;
    display: inline-block;
    float: right;
    padding: 0 10px;
    font-size: 13px;
    line-height: 20px;
}

.response .blodblock {
    margin-bottom: 70px;
    color: #3c3c3c;
}

.response .blodblock h1 {
    font-weight: 900;
    font-size: 30px;
    margin-bottom: 15px;
    /*color: #009ed8;*/
}

.response .blodblock h1 span {
    line-height: 1.5 !important;
    display: block;
}

.response .blodblock h1 p {
    font-size: 34px;
}

.response .blodblock h2 {
    font-size: 20px;
    font-weight: 600;
}

.response .blodblock h5 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 900;
}

.response .block1 {
    margin-bottom: 50px;
}

.response .block1 .title {
    position: relative;
    margin-bottom: 20px;
}

.response .block1 .title .iconfont {
    position: absolute;
    font-size: 35px;
    line-height: 35px;
    top: 0;
    left: 0;
}

.response .block1 .title h1 {
    line-height: 35px;
    color: #3c3c3c;
    padding-left: 40px;
    font-size: 30px;
}

.response .block1 h1 {
    padding-left: 40px;
    color: #3c3c3c;
}

.response .block1 b {
    /*color: #fb9f28;*/
    color: #009ed8;
    font-weight: 900;
    font-size: 16px;
    line-height: 1.6;
}

.response .block1 p {
    line-height: 24px;
    font-size: 14px;
    color: #5a5a5a;
}

.response .block2 h1 {
    font-size: 30px;
    margin-bottom: 30px;
    color: #5a5a5a;
}

.response .block2 p {
    font-size: 14px;
    line-height: 24px;
    color: #3c3c3c;
    font-weight: 600;
}

.response .block1 .tabpage {
    position: relative;
    margin: 20px 0;
}

.response .block1 .tabpage .tabs {
    overflow: hidden;
}

.response .block1 .tabpage .tabs li {
    float: left;
    width: 50%;
    position: relative;
    background: #e5e5e5;
}

.response .block1 .tabpage .tabs li.active,
.response .block1 .tabpage .tabs li:hover {
    background: #009ed8;
}

.response .block1 .tabpage .tabs li:hover a,
.response .block1 .tabpage .tabs li.active a {
    color: #fff;
}

.response .block1 .tabpage .tabs li.active i {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.response .block1 .tabpage .tabs li span {
    display: block;
    font-size: 18px;
    line-height: 50px;
    margin-right: 50px;
    padding: 0 15px;
}

.response .block1 .tabpage .tabs li i {
    line-height: 50px;
    width: 50px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    transform-origin: center center;
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
}

.response .block1 .tabpage .pages {
    background: #f7f7f7;
    border: 1px solid #c1c2c7;
}

.response .block1 .tabpage .pages .page {
    padding: 40px 40px 60px 40px;
    position: relative;
    display: none;
}

.response .block1 .tabpage .pages .page.active {
    display: block;
}

.response .block1 .tabpage .pages .page .slideUp {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-decoration: underline;
}

/*@media screen and (min-width: 0px) {
	.orangeText {
		background: -moz-linear-gradient(top, #ff930b 0%, #ffba66 100%);
		background: -webkit-linear-gradient(top, #ff930b 0%,#ffba66 100%);
		background: linear-gradient(to bottom, #ff930b 0%,#ffba66 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff930b', endColorstr='#ffba66',GradientType=0 );
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}*/
@media screen and (max-width: 480px) {
    .about .honor li h3 {
        padding-bottom: 25px;
    }

    .about .honor li p {
        position: absolute;
        margin-bottom: 0;
        left: 0;
        right: auto;
        line-height: 20px;
        bottom: 20px;
    }

    .response .blodblock {
        margin-bottom: 40px;
    }

    .response .blodblock h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .response .blodblock h1 p {
        font-size: 26px;
    }

    .response .blodblock h2 {
        font-size: 16px;
    }

    .response .blodblock h5 {
        font-weight: normal;
    }

    .response .block1 .title .iconfont {
        font-size: 25px;
        line-height: 25px;
    }

    .response .block1 .title h1 {
        line-height: 25px;
        padding-left: 30px;
        font-size: 20px;
    }

    .response .block1 b {
        font-size: 13px;
        line-height: 24px;
    }

    .response .block1 p {
        font-size: 12px;
    }

    .response .block2 h1 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .response .block1 .tabpage .tabs li span {
        font-size: 12px;
        padding: 0 10px;
        margin-right: 30px;
    }

    .response .block1 .tabpage .pages .page {
        padding: 20px 20px 60px 20px;
    }
}

.reports .title {
    font-size: 30px;
    margin-bottom: 50px;
    color: #3c3c3c;
}

.reports .item {
    padding: 0 20px;
    margin-bottom: 60px;
    color: #3c3c3c;
    cursor: default;
}

.reports .md4:nth-child(3n+1) .item {
    padding: 0;
    padding-right: 30px;
}

.reports .md4:nth-child(3n+2) .item {
    padding: 0;
    padding: 0 15px;
}

.reports .md4:nth-child(3n+3) .item {
    padding: 0;
    padding-left: 30px;
}

.reports .item p {
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 2px solid #3c3c3c;
    position: relative;
}

.reports .item p:after {
    content: '';
    position: absolute;
    top: 100%;
    height: 2px;
    background: #009ed8;
    width: 0;
    left: 0;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.reports .item h2 {
    margin: 20px 0;
    font-size: 20px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    font-weight: 600;
}

.reports .item a {
    display: inline-block;
    line-height: 20px;
    font-size: 13px;
    background: #009ed8;
    padding: 0 10px;
    color: #fff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.reports .item a span {
    position: relative;
    z-index: 2;
}

.reports .item a .iconfont {
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.reports .item:hover p:after {
    width: 100%;
}

.reports .item:hover h2 {
    transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
}

.reports .item a:after {
    background: #FFBA66;
    content: '';
    position: absolute;
    display: block;
    transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -webkit-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    width: 0%;
    left: -50px;
    height: 100%;
    top: 0;
    z-index: 1;
    transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
}

.reports .item a:hover:after {
    width: 260px;
}

@media screen and (max-width: 480px) {
    .reports .title {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 15px;
        border-bottom: 2px solid #009fd6
    }

    .reports .item {
        margin-bottom: 20px;
    }

    .reports .md4 {
        float: none;
        width: auto;
    }

    .reports .md4:nth-child(n) .item {
        padding: 10px;
    }

    .reports .item p {
        font-size: 14px;
        color: #aaa;
        border-bottom: 2px solid #333;
    }

    .reports .item h2 {
        margin: 10px 0;
        font-weight: normal;
        font-size: 16px;
    }
}

.companyNews {
    padding-top: 10px;
}

.companyNews a {
    color: #3c3c3c;
}

.companyNews .leftmd .item {
    padding-right: 25px;
}

.companyNews .rightmd .item {
    padding-left: 25px;
}

.companyNews .md4 .face {
    display: none;
}

.companyNews .item {
    height: 170px;
    margin-bottom: 45px;
}

.companyNews .md4 p {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    border-bottom: 2px solid #3c3c3c;
}

.companyNews .md4 h2 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    height: 72px;
    overflow: hidden;
    margin: 11px 0;
    /*11*/
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    font-weight: 900;
}

.companyNews .md4 span {
    line-height: 20px;
    font-size: 14px;
    display: inline-block;
    padding: 0 10px;
    background: #009fd6;
    color: #fff;
    padding: 0 10px;
}

.companyNews .md8 .item {
    position: relative;
}

.companyNews .md8 .face {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    background-size: auto 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.companyNews .md8 .text {
    margin-left: 50%;
    background: #edf2f5;
    padding: 20px 25px;
}

.companyNews .md8 p {
    font-size: 16px;
}

.companyNews .md8 h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 5px 0;
    height: 72px;
    overflow: hidden;
    font-weight: 900;
}

.companyNews .md8 span {
    line-height: 20px;
    font-size: 14px;
    display: inline-block;
    color: #fff;
    background: #505050;
    padding: 0 10px;
}

.companyNews a:hover .item {
    transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.companyNews .md4 span:hover,
.companyNews .md8 span:hover {
    background: #75b0ea;
}

@media screen and (max-width: 480px) {
    .companyNews .item {
        height: auto;
    }

    /*.companyNews li:nth-child(2n+1) .face { display: none; }
	.companyNews li:nth-child(2n+1) p { font-size: 12px; line-height: 30px;border-bottom: 1px solid #3c3c3c; }
	.companyNews li:nth-child(2n+1) h2 { font-size: 14px;line-height: 25px;height: 50px; overflow: hidden; margin: 10px 0; }
	.companyNews li:nth-child(2n+1) span { line-height: 20px; font-size: 12px;display: inline-block; padding: 0 10px;background: #009fd6;color: #fff;padding: 0 10px; }*/
    .companyNews li:nth-child(n) .item {
        position: relative;
    }

    .companyNews li:nth-child(n) .face {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        background-size: auto 100%;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .companyNews li:nth-child(n) .text {
        margin-left: 50%;
        background: #edf2f5;
        padding: 25px;
    }

    .companyNews li:nth-child(n) p {
        font-size: 12px;
    }

    .companyNews li:nth-child(n) h2 {
        font-size: 14px;
        line-height: 24px;
        margin: 5px 0;
        height: 72px;
        overflow: hidden;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .companyNews li:nth-child(n) span {
        line-height: 20px;
        font-size: 12px;
        display: inline-block;
        color: #fff;
        background: #505050;
        padding: 0 10px;
    }
}

.mediaNews li {
    position: relative;
    transform-origin: center center;
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    margin-bottom: 10px;
    overflow: hidden;
}

.mediaNews .leftmd a {
    margin-right: 5px;
}

.mediaNews .rightmd a {
    margin-left: 5px;
}

.mediaNews a {
    display: block;
    background: #fafafa;
    position: relative;
    padding: 50px 20px;
    color: #505050;
}

.mediaNews .bg a {
    background: #edf2f5;
}

.mediaNews p {
    font-size: 14px;
}

.mediaNews h1 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin: 10px 0;
    height: 40px;
    overflow: hidden;
}

.mediaNews span {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    background: #009ed8;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    padding: 0 20px;
}

.mediaNews .mask {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    bottom: 0;
    left: -15%;
    background: url('../images/mediaNewsHover.png') repeat 0 0;
    width: 130%;
    font-style: normal;
    width: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -webkit-transform: skew(-30deg);
    -o-transform: skew(-30deg);
}

.mediaNews .mask:before {
    content: '';
    display: block;
    background: #3e8ddc;
    position: absolute;
    left: 100%;
    width: 0;
    height: 100%;
    top: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
}

.mediaNews li:hover .mask:before {
    width: 100px;
}

.mediaNews font {
    color: #fff;
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9;
    line-height: 176px;
    font-size: 22px;
    display: none;
}

.mediaNews li:hover .mask {
    width: 130%;
}

.mediaNews li:hover font {
    display: block;
}

@media screen and (max-width: 480px) {
    .mediaNews .md6 {
        width: auto;
        float: none;
    }

    .mediaNews .leftmd a {
        margin: 0px;
    }

    .mediaNews .rightmd a {
        margin: 0px;
    }

    .mediaNews a {
        padding: 30px 20px;
    }

    .mediaNews h1 {
        font-size: 14px;
    }

    .mediaNews span {
        line-height: 20px;
        font-size: 12px;
    }
}

.productTitle {
    position: relative;
    color: #3c3c3c;
}

.productTitle h1 {
    font-size: 30px;
    margin-bottom: 20px;
}

.productTitle p {
    font-size: 14px;
    line-height: 24px;
}

.products {
    position: relative;
    margin-top: 50px;
}

.products .filter {
    position: absolute;
    width: 200px;
    top: 0;
    right: 0;
}

.products .tabpage {
    margin-right: 215px;
    background: #f7f7f7;
    padding: 50px 45px;
    min-height: 535px;
}

.products .filter .items {
    height: 600px;
    overflow: hidden;
}

.products .filter .items li {
    display: block;
    width: 200px;
    height: 200px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    cursor: pointer;
    color: #fff;
    border-bottom: 1px solid #4a8bb4;
}

.products .filter .items li div {
    padding: 60px 0;
    height: 80px;
    background: #1267aa;
}

.products .filter .items li.active div,
.products .filter .items li:hover div {
    background: none;
}

.products .filter .items li .iconfont {
    font-size: 50px;
    margin-bottom: 20px;
    line-height: 1;
}

.products .filter .items li h2 {
    font-size: 24px;
}

.products .filter .arrows {
    overflow: hidden;
    margin-top: 1px;
}

.products .filter .arrows li {
    width: 50%;
    float: left;
    text-align: center;
}

.products .filter .arrows li a {
    color: #fff;
    display: block;
    line-height: 35px;
    background: #1267aa;
}

.products .filter .arrows li:first-of-type a {
    margin-right: 1px;
}

.products .filter .arrows li a .iconfont {
    cursor: pointer;
}

.products .filter .arrows li:hover a {
    background: #009fd6;
}

.products .tabpage .tab {
    border-bottom: 1px solid #505050;
    overflow: hidden;
}

.products .tabpage .tab li {
    float: left;
}

.products .tabpage .tab li a {
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #313131;
    padding: 0 10px;
    position: relative;
}

.products .tabpage .tab li a:before {
    content: '';
    display: block;
    width: 100%;
    left: 0;
    height: 1px;
    bottom: -1px;
    background: #f7f7f7;
    position: absolute;
}

.products .tabpage .tab li.active a {
    color: #fe201b;
}

.products .tabpage .pages>h4 {
    font-size: 15px;
    line-height: 22px;
    color: #000;
    font-weight: bold;
}

.products .tabpage .pages .page {
    padding: 30px 0;
}

.products .tabpage .pages .page.active {
    display: block;
}

.products #zh-new .pages .page {
    padding-top: 10px;
}

.products #zh-new .pages .page .agency {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -10px;
}

.products #zh-new .pages .page .agency .item {
    width: calc(100% / 5 - 20px);
    margin: 0 10px;
    margin-top: 18px;
}

.products #zh-new .pages .page .agency .item .con {
    margin: 0;
    border: none;
    background-size: auto 50px !important;
}

.products .filter {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
}

.products .filter .items {
    overflow: hidden;
    height: auto;
    margin-bottom: -35px;
}

.products .filter .items li {
    display: block;
    width: 20%;
    height: 200px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    cursor: pointer;
    color: #fff;
    border-bottom: 1px solid #4a8bb4;
    float: left;
    height: auto;
}

.products .filter .items li div {
    padding: 50px 0;
}

.products .filter .arrows {
    display: none;
}

@media screen and (max-width: 480px) {
    .products .filter .items {
        margin-bottom: 0;
    }

    .products .filter .arrows {
        display: block;
    }

    .products #zh-new .pages .page .agency .item .con {
        background-size: auto 70px !important;
    }
}

.products .tabpage {
    margin: 0;
    min-height: auto;
}

.products .tabpage .tab li a {
    font-size: 14px;
    padding: 0;
    padding-right: 15px;
    line-height: 40px;
}


.products .desc li {
    position: relative;
}

.products .desc b {
    display: inline-block;
    width: 80px;
    text-align: left;
    line-height: 40px;
    font-size: 14px;
    border-bottom: 1px solid #464646;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    color: #464646;
}

.products .desc span {
    display: block;
    margin-left: 100px;
    line-height: 40px;
    border-bottom: 1px solid #cbcbcb;
}

.products #zh-new .desc span {
    margin-left: 0;
    border-bottom: none;
}

.products .units {
    position: relative;
}

/*.products .unit:first-of-type { border-top:1px solid #cbcbcb; }*/
.products .unit {
    padding: 20px 0;
    border-bottom: 1px solid #cbcbcb;
    cursor: default;
}

.products .unit:last-of-type {
    border: 0;
}

.products .unit h4 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 22px;
    color: #000;
}

.products .unit p {
    font-size: 14px;
    line-height: 22px;
    color: #5a5a5a;
}

.products .brands {
    position: relative;
}

.products .brands .agency {
    overflow: hidden;
}

.products .brands .item {
    float: left;
    width: 33.333%;
    margin-bottom: 18px;
}

.products .brands .item .con {
    margin: 0 10px;
    border: 1px solid #ccc;
    background: #fff;
    text-align: center;
    padding: 10px;
    min-height: 60px;
}

.products .brands .item .con img {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.products .brands .item:hover .con img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

@media screen and (min-width: 0px) {
    .products .brands .item .con {
        margin: 0;
    }

    .products .brands .item:nth-child(3n+1) .con {
        margin-right: 12px;
    }

    .products .brands .item:nth-child(3n+2) .con {
        margin: 0 6px;
    }

    .products .brands .item:nth-child(3n+3) .con {
        margin-left: 12px;
    }
}

/*@media screen and (min-width: 0px) {
	.products .filter .items li { background-size: cover; }
	.products .filter { position: relative;top: auto; bottom: auto; left: auto; right: auto;width: auto; }
	.products .filter .items { height: 200px;background: #1267aa; }
	.products .filter .items ul { overflow: hidden; }
	.products .filter .items li { width: 33.33%; height: 200px; float: left;overflow: hidden;}
	.products .tabpage {margin: 0;min-height: auto;  }
	.products .tabpage .tab li a { font-size: 14px;padding: 0; padding-right: 15px;line-height: 40px; }

}*/
@media screen and (max-width: 480px) {
    .products .filter .items li .iconfont {
        font-size: 40px;
        margin-bottom: 15px;
    }

    .products .filter .items li h2 {
        font-size: 14px;
    }

    .products .filter .items {
        height: 120px;
    }

    .products .filter .items li {
        width: 33.33%;
        height: 120px;
        float: left;
        overflow: hidden;
    }

    .products .filter .items li div {
        padding: 30px 0;
    }

    .products .desc b {
        line-height: 24px;
        font-size: 12px;
        width: 60px;
    }

    .products .desc span {
        line-height: 24px;
        font-size: 12px;
        margin-left: 70px;
    }

    .products .tabpage .pages .page {
        padding: 20px 0;
    }

    .products .unit h4 {
        margin-bottom: 15px;
    }

    .products .unit p {
        font-size: 12px;
    }

    .products .brands .item {
        width: 50%;
        margin-bottom: 10px;
    }

    .products .brands .item:nth-child(2n+1) .con {
        margin: 0;
        margin-right: 5px;
    }

    .products .brands .item:nth-child(2n+2) .con {
        margin: 0;
        margin-left: 5px;
    }

    .products #zh-new .pages .page .agency .item {
        width: calc(50% - 20px);
    }

    .productTitle h1 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .productTitle p {
        font-size: 12px;
        line-height: 24px;
    }

    .products .tabpage {
        margin: 0;
        min-height: auto;
        padding: 30px 20px;
    }
}

.logistics .title {
    position: relative;
    border-bottom: 1px solid #dbdbdb;
}

.logistics .title h1 {
    font-size: 30px;
    line-height: 60px;
    padding-left: 40px;
}

.logistics .title .iconfont {
    line-height: 60px;
    font-size: 30px;
    position: relative;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.logistics .block .detial {
    padding-bottom: 60px;
}

.logistics .block .detial .item {
    padding-top: 50px;
}

.logistics .block .detial .item:after {
    content: '';
    display: block;
    clear: both;
}

.logistics .item h2 {
    font-size: 20px;
    color: #009fd6;
    margin-bottom: 10px;
}

.logistics .item b {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin-bottom: 10px;
    display: block;
}

.logistics .item ul {
    padding-top: 10px;
}

.logistics .item ul li {
    line-height: 45px;
}

.logistics .two .item ul {
    overflow: hidden;
}

.logistics .two .item ul li {
    width: 48%;
    float: left;
    margin-right: 2%;
}

.logistics .two .item.one ul li {
    width: auto;
    margin: 0;
    float: none;
}

.logistics .item ul li:before {
    content: '鈼?;
    padding-right: 10px;
    color: #009fd6;
}

@media screen and (max-width: 480px) {
    .logistics .title .iconfont {
        line-height: 40px;
        font-size: 20px;
    }

    .logistics .title h1 {
        line-height: 40px;
        padding-left: 30px;
        font-size: 18px;
    }

    .logistics .block .detial .item {
        padding-top: 20px;
    }

    .logistics .item h2 {
        font-size: 16px;
    }

    .logistics .item b {
        font-weight: normal;
    }

    .logistics .item ul li,
    .logistics .two .item ul li {
        width: auto;
        float: none;
        margin: 0;
        line-height: 30px;
        font-size: 12px;
    }
}

.bussnet {
    position: relative;
}

.bussnet h1 {
    color: #3c3c3c;
    font-size: 30px;
    line-height: 60px;
}

.bussnet .filter {
    margin: 10px -100px;
    background: #ebedf0;
    padding: 8px 100px;
}

.bussnet .filter .input {
    margin-right: 20px;
    position: relative;
    padding: 8px 0;
    overflow: hidden;
}

.bussnet .filter .input label {
    line-height: 32px;
    display: inline-block;
    float: left;
    width: 30%;
    font-weight: 900;
    color: #595959;
    font-size: 16px;
    max-width: 50px;
}

.bussnet .filter .input select {
    float: left;
    width: 70%;
    line-height: 30px;
    text-indent: 5px;
    color: #999999;
    /* border: 1px solid #e6e6e6; */
    border-radius: 0;
    /*background: #f0f3f6 url('../images/selectBg.png') top right;*/
    background: url('../images/selectBg.png') top right;
    background-repeat: no-repeat;
    color: #009fd6;
    font-size: 15px;
}

.bussnet .result .items {
    padding: 50px 0;
}

.bussnet .result .item {
    position: relative;
    padding: 20px 32px;
}

.bussnet .result .item h2 {
    color: #009fd6;
    line-height: 30px;
    font-size: 16px;
    font-weight: 900;
    top: 18px;
}

.bussnet .result .item .row {}

.bussnet .result .item .row .md5 {
    display: none;
}

.bussnet .result .item:nth-of-type(2n+1) {
    background-color: #fafafa;
}

.bussnet .result .item h3 {
    font-size: 16px;
    color: #595959;
    padding: 15px 0;
    font-weight: 900;
    color: #000;
}

.bussnet .result .item p {
    color: #595959;
    font-size: 14px;
    line-height: 28px;
    padding: 15px 0 0 0;
}

@media screen and (max-width: 1180px) {
    .bussnet .filter {
        margin: 10px -50px;
        padding: 8px 50px;
    }

    .bussnet .filter .input label {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .bussnet .filter .input label {
        font-size: 14px;
    }

    .bussnet .filter .input select {
        font-size: 12px;
    }

    .bussnet .filter .md4,
    .bussnet .filter .md8 {
        float: none;
        width: auto;
        margin-bottom: 10px;
        overflow: hidden;
    }
}

@media screen and (max-width: 480px) {
    .bussnet h1 {
        font-size: 18px;
        line-height: 30px;
    }

    .bussnet .filter .md4,
    .bussnet .filter .md8 {
        float: none;
        width: auto;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .bussnet .filter .input label {
        font-size: 12px;
    }

    .bussnet .filter .input select {
        font-size: 12px;
    }

    .bussnet .result .items {
        padding: 20px 0;
    }

    .bussnet .result .item {
        padding: 14px;
    }

    .bussnet .result .item h2 {
        line-height: 30px;
        max-width: 100%;
    }

    .bussnet .result .item .md5,
    .bussnet .result .item .md7 {
        float: none;
        width: auto;
    }

    .bussnet .result .item h3 {
        font-size: 14px;
        padding-bottom: 0px;
    }

    .bussnet .result .item p {
        font-size: 12px;
        line-height: 2;
    }
}

.estate .map {
    position: relative;
    margin-bottom: 50px;
}

.estate .title {
    overflow: hidden;
    margin-bottom: 40px;
}

.estate .title .md6 {
    text-align: center;
}

.estate .title .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    float: left;
}

.estate .title h1 {
    font-size: 30px;
    line-height: 40px;
    display: inline-block;
    float: left;
    color: #3c3c3c;
    padding-left: 10px;
}

.estate .title .md6 {
    padding-bottom: 20px;
    border-bottom: 2px solid #009ed8;
}

.estate .title .md6:nth-child(2) {
    border-color: #ef1c23;
}

.estate .map h1 {
    margin-bottom: 15px;
    font-size: 30px;
}

.estate .map h1 span {
    font-size: 18px;
}

.estate .map img {
    width: 100%;
}

.estate .map p.tac {
    margin-top: 20px;
    line-height: 24px;
    font-size: 14px;
}

@media screen and (max-width: 480px) {
    .estate .title .icon {
        width: 25px;
        height: 25px;
    }

    .estate .title {
        margin-bottom: 20px;
    }

    .estate .map h1 {
        line-height: 25px;
        font-size: 16px;
    }

    .estate .title .md6 {
        padding-bottom: 0;
    }

    .estate .map h1 span {
        font-size: 12px;
    }

    .estate .map p.tac {
        font-size: 12px;
    }

    .estate .map {
        margin-bottom: 30px;
    }
}

.zhuzhi .title {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 3px solid #009ed8;
}

.zhuzhi .title h1 {
    font-size: 30px;
}

.zhuzhi .title h1 span {
    font-size: 18px;
}

.zhuzhi .items .item {
    position: relative;
    margin-bottom: 70px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.zhuzhi .items .item:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.zhuzhi .item .face {
    position: absolute;
    width: 50%;
    left: 0;
    top: 0;
    height: 100%;
    background-size: cover;
    background-size: auto 100% \auto;
    background-position: top center;
}

.zhuzhi .item .face span {
    position: absolute;
    top: 10px;
    left: 10px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    color: #fff;
}

.zhuzhi .item .text {
    padding: 40px 35px;
    background: #f2f9fc;
    margin-left: 50%;
}

.zhuzhi .item .text img {
    max-width: 180px;
}

.zhuzhi .item .text p {
    font-size: 12px;
    color: #808080;
    line-height: 24px;
}

.zhuzhi .item .text .tac {
    padding-bottom: 40px;
}

.zhuzhi .item .text h2 {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
}

.zhuzhi .item:nth-child(2n+2) .face {
    left: auto;
    right: 0;
}

.zhuzhi .item:nth-child(2n+2) .face span {
    left: auto;
    right: 10px;
}

.zhuzhi .item:nth-child(2n+2) .text {
    margin: 0;
    margin-right: 50%;
}

@media screen and (max-width: 480px) {
    .zhuzhi .title h1 {
        font-size: 18px;
    }

    .zhuzhi .title h1 span {
        font-size: 12px;
    }

    .zhuzhi .title {
        padding-bottom: 0;
        margin-bottom: 10px;
    }

    .zhuzhi .item .face {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        width: auto;
        height: 200px;
    }

    .zhuzhi .item:nth-child(2n+2) .text,
    .zhuzhi .item .text {
        margin: 0;
        padding: 20px 30px;
    }

    .zhuzhi .item .text .tac {
        padding-bottom: 20px;
    }

    .zhuzhi .items .item {
        margin-bottom: 20px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    }

    .zhuzhi .item .text h2 {
        margin-bottom: 20px;
    }

    .bussnet .filter {
        margin: 0;
        padding: 0 20px;
    }

    .bussnet .filter .input {
        margin: 0;
    }
}

.financial .block {
    margin-bottom: 50px;
}

.financial .block .title {
    position: relative;
    color: #3c3c3c;
    margin-bottom: 10px;
}

.financial .block .title .iconfont {
    font-size: 35px;
    line-height: 60px;
    margin-bottom: 10px;
    display: inline-block;
    width: 35px;
    text-align: right;
    position: absolute;
    top: 3px;
    left: 0;
}

.financial .block .title h1 {
    padding-left: 45px;
    line-height: 60px;
    font-size: 30px;
}

.financial .block p {
    line-height: 24px;
    font-size: 14px;
    color: #5a5a5a;
}

.financial .block .detial {
    overflow: hidden;
}

.financial .block .detial .item {
    float: left;
    width: 50%;
    margin-bottom: 35px;
}

.financial .block .detial .item .con {
    margin: 0 24px;
    padding: 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.financial .block .detial .item:nth-child(2n+1) .con {
    margin: 0;
    margin-right: 18px;
}

.financial .block .detial .item:nth-child(2n+2) .con {
    margin: 0;
    margin-left: 18px;
}

.financial .block .detial .item h2 {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 22px;
}

.financial .block .detial .item p {
    color: #5a5a5a;
    font-size: 14px;
    line-height: 22px;
}

@media screen and (max-width: 1180px) {
    .financial .block .title .iconfont {
        font-size: 20px;
        line-height: 30px;
        width: 30px;
        margin-bottom: 10px;
    }

    .financial .block .title h1 {
        padding-left: 40px;
        line-height: 30px;
        font-size: 20px;
    }

    .financial .block p {
        line-height: 24px;
        font-size: 12px;
    }

    .financial .block .detial .item {
        width: auto;
        float: none;
    }

    .financial .block .detial .item:nth-child(2n+1) .con,
    .financial .block .detial .item:nth-child(2n+2) .con {
        margin: 0;
        padding: 0;
        padding-top: 20px;
        border-bottom: 0;
    }

    .financial .block .detial .item h2 {
        margin-bottom: 15px;
    }

    .financial .block .detial .item p {
        font-size: 12px;
        line-height: 2;
    }
}

.industry {
    position: relative;
}

.industry .title {
    color: #3c3c3c;
    margin-bottom: 50px;
}

.industry .title h1,
#zh-page .r4 h1 {
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 1;
}

.industry .title p {
    font-size: 14px;
    line-height: 24px;
    color: #5a5a5a;
}

.industry .block {
    margin-bottom: 50px;
    position: relative;
}

.industry .block .item {
    position: relative;
}

.industry .block .item .text {
    width: 200px;
    padding: 45px 25px;
    background: #009576;
    color: #fff;
    display: inline-block;
    text-align: left;
}

.industry .block .item .face {
    left: 260px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: top center;
    background-size: auto 100 \9;
}

.industry .block .item h3 {
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 15px;
}

.industry .block .item h2 {
    font-size: 24px;
    line-height: 30px;
}

.industry .block .item .text .posr {
    margin-top: 40px;
}

.industry .block .item .text .posr .icon {
    width: 60px;
    height: 50px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.industry .block .item .text {
    min-height: 150px;
}

.industry .block .item .text .posr .link {
    padding-left: 65px;
    line-height: 25px;
}

.industry .block .item .text .posr .link p {
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    color: #fff;
}

.industry .block .item .text .posr .link a {
    color: #fff;
    text-decoration: underline;
    line-height: 25px;
    display: inline-block;
}

.industry .block .item:after {
    content: '鈻?;
    color: #3c3c3c;
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 12px;
    line-height: 20px;
    margin-top: 5px;
}

.industry .block p {
    line-height: 24px;
    font-size: 14px;
    color: #5a5a5a;
    padding-top: 30px;
}

.industry .block:nth-child(2n+1) .item {
    text-align: right;
}

.industry .block:nth-child(2n+1) .face {
    left: 0;
    right: 260px;
}

.industry .block:nth-child(3) .item .text {
    background: #39a9d3;
}

.industry .block:nth-child(4) .item .text {
    background: #0665ac;
}

.industry .block:nth-child(5) .item .text {
    background: #5a5a5a;
}

@media screen and (max-width: 480px) {
    .industry .title h1,
    #zh-page .r4 h1 {
        font-size: 18px;
    }

    .industry .title p {
        font-size: 12px;
    }

    .industry .block {
        margin-bottom: 20px;
    }

    .industry .block p {
        font-size: 12px;
        line-height: 2;
    }

    .industry .block .item .face {
        position: relative;
        height: 200px;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        background-size: cover;
    }

    .industry .block .item .text {
        width: auto;
        min-height: auto;
        padding: 30px 20px;
        display: block;
    }

    .industry .block .item h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .industry .block .item h2 {
        font-size: 18px;
    }

    .industry .block .item .text .posr {
        margin-top: 25px;
    }
}

.pdl45 {
    padding-left: 45px;
}

.pdl90 {
    padding-left: 90px;
}

.alerts .block p {
    color: #5a5a5a;
    font-size: 14px;
    line-height: 24px;
}

.alerts .block {
    margin-bottom: 50px;
}

.alerts .block .title {
    margin-bottom: 20px;
    color: #3c3c3c;
}

.alerts .block .title h1 {
    font-size: 30px;
}

.alerts .block .items {
    margin-top: 30px;
}

.alerts .items .item {
    margin: 0 10px 10px 0;
    background: #3aa9d3;
    color: #fff;
    text-align: center;
    padding: 25px;
}

.alerts .items .item p {
    font-size: 18px;
    line-height: 35px;
    height: 70px;
    padding: 70px 0;
    font-weight: normal;
    color: #fff;
}

.alerts .items .item:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    text-shadow: 0 0 4px rgba(0, 0, 0, .3);
}

.alerts .block ul li {
    position: relative;
}

.alerts .block ul li p {
    line-height: 40px;
    padding-right: 100px;
}

.alerts .block ul li span {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    line-height: 40px;
}

.alerts .block ul li:hover p {
    color: #009fd6;
}

.alerts .block .more {
    margin-top: 10px;
    color: #009fd6;
    font-size: 16px;
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
}

.alerts .block .more:after {
    content: '';
    display: block;
    width: 0;
    background: #009fd6;
    height: 1px;
    bottom: 0;
    left: 0;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.alerts .block .more:hover:after {
    width: 100%;
}

.financing .title {
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 2px solid #009fd6;
}

.financing .title h1 {
    color: #3c3c3c;
    font-size: 30px;
    line-height: 1;
}

.bonus .title {
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 2px solid #009fd6;
}

.bonus .title h1 {
    color: #3c3c3c;
    font-size: 30px;
    line-height: 1;
}

@media screen and (max-width: 768px) {
    .alerts .items .item p {
        padding: 50px 0;
    }
}

@media screen and (max-width: 480px) {

    .alerts .row .md4,
    .alerts .row .md8 {
        width: 50%;
    }

    .alerts .items .item p {
        padding: 20px 0;
        line-height: 20px;
        font-size: 12px;
    }

    .alerts .items .item {
        margin: 5px;
        padding: 10px 0;
    }

    .alerts .block .title h1 {
        font-size: 20px;
    }

    .alerts .block ul li p {
        line-height: 30px;
        font-size: 12px;
    }

    .alerts .block ul li span {
        line-height: 30px;
        font-size: 12px;
        color: #aaa;
    }
}


.tableStyle {
    width: 100%;
}

.tableStyle tr:nth-child(2n+1) {
    background: #eff2f5;
}

.tableStyle th,
.tableStyle td {
    padding: 15px;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #666;
    font-family: 'Microsoft Yahei' !important;
}

.tableStyle th *,
.tableStyle td * {
    font-family: 'Microsoft Yahei' !important;
}

.fenhong .key {
    display: none;
}

.fenhong .tr {
    margin-bottom: 2px;
}

.fenhong .tr:nth-child(2n+1) {
    background: #eff2f5;
}

.fenhong .th span,
.fenhong .td span {
    font-size: 16px;
    padding: 15px;
    color: #666;
    display: block;
    text-align: center;
    border-right: 2px solid #fff;
    line-height: 20px;
    min-height: 20px;
}

.fenhong .td span {
    font-size: 14px;
}

.fenhong .th span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fenhong .th span {
    background: #009fd6;
    color: #fff;
}

.fenhong .th0,
.fenhong .td0,
.fenhong .th2,
.fenhong .td2,
.fenhong .th3,
.fenhong .td3 {
    width: 15%
}

.fenhong .th4,
.fenhong .td4 {
    width: 20%
}

.fenhong .th1,
.fenhong .td1 {
    width: 35%;
}

@media screen and (max-width: 768px) {

    .tableStyle th,
    .tableStyle td {
        padding: 10px;
    }
}

@media screen and (max-width: 480px) {

    .tableStyle th,
    .tableStyle td {
        padding: 5px;
        font-size: 12px;
    }

    .financing .title {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .financing .title h1 {
        font-size: 18px;
    }

    .fenhong .key {
        display: block;
        display: block;
        text-align: right;
        font-style: normal;
        box-sizing: border-box;
        padding: 5px;
        float: left;
        width: 40%;
        font-size: 12px;
    }

    .fenhong .tr0 {
        display: none;
    }

    .table .tr .td {
        float: none;
        width: auto;
        text-align: left;
        text-align: left;
        overflow: hidden;
        border-bottom: 1px solid #eaeaea;
        -webkit-animation-name: none;
        animation-name: none;
    }

    .table .tr .td:last-of-type {
        border: 0;
    }

    .fenhong .td span {
        text-align: left;
        box-sizing: border-box;
        padding: 5px;
        width: 60%;
        float: left;
        font-size: 12px;
        border-left: 1px solid #eaeaea;
    }

    .fenhong .tr {
        border: 1px solid #eaeaea;
        margin-bottom: 20px;
        border-radius: 6px;
        overflow: hidden;
        background: none !important;
    }

    .bonus .title {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .bonus .title h1 {
        font-size: 20px;
        line-height: 1;
    }
}

.shareholder .title {
    border: 0;
    padding-bottom: 0;
}

.shareholder .title h1 {
    font-size: 30px;
    line-height: 1;
    color: #3c3c3c;
}

.shareholder .title h1 span {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
}

.shareholder .item {
    position: relative;
    background: #fafafa;
    margin-bottom: 15px;
    padding: 20px;
}

.shareholder .item:nth-child(2n+1) {
    background: #f0f3f6;
}

.shareholder .item h1 {
    font-size: 16px;
    font-weight: 900;
    color: #595959;
    padding-bottom: 15px;
    line-height: 1;
}

.shareholder .item .process {
    position: relative;
    background: #d6d6d6;
    height: 2px;
    margin-bottom: 15px;
}

.shareholder .item .process .bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #009fd6;
}

.shareholder .item h5 {
    font-weight: normal;
    font-size: 14px;
}

.shareholder .item h5 b {
    color: #009fd6;
    font-weight: normal;
}

@media screen and (max-width: 480px) {
    .shareholder .title h1 {
        font-size: 18px;
        line-height: 1;
    }

    .shareholder .title h1 span {
        font-size: 12px;
    }

    .shareholder .item .md4 {
        float: none;
        width: auto;
        margin-bottom: 3px;
    }

    .shareholder .item h1 {
        line-height: 1.3;
    }
}

.managers .title {
    margin-bottom: 0;
}

.managers .item {
    overflow: hidden;
}

.managers .item .job {
    float: left;
    width: 20%;
    color: #0d468b;
    text-align: right;
}

.managers .item .job h2 {
    padding-right: 20px;
    font-size: 22px;
    font-weight: normal;
    /*line-height: 150px;*/
    height: 25px;
    border-right: 1px solid #ccc;
    line-height: 25px;
    padding: 65px 0;
    padding-right: 20px;
}

.managers .item .member {
    float: left;
    width: 80%;
}

.managers .item .member .person {
    width: 16.666%;
    float: left;
    height: 50px;
    padding: 65px 0 40px 0;
    position: relative;
}

/*.managers .item:last-of-type .member .person:last-of-type { margin-top: 12px; }*/
.managers .item .member .person:before {
    content: '';
    left: -5px;
    width: 10px;
    height: 10px;
    background: #5679bf;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 72px;
}

.managers .item .member .person.female:before {
    background: #e65c67;
}

.managers .item .member .person h5 {
    font-size: 18px;
    color: #505050;
    line-height: 25px;
    padding-left: 20px;
}

.managers .item .member .person p {
    line-height: 25px;
    font-size: 14px;
    color: #808080;
    padding-left: 20px;
}

@media screen and (max-width: 480px) {
    .managers .title {
        margin-bottom: 30px;
    }

    .managers .item .job h2 {
        font-size: 16px;
        line-height: 30px;
        text-align: left;
        height: auto;
        border: 0;
        padding: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .managers .item .job {
        width: auto;
        float: none;
        text-align: left;
        padding-right: 0;
        border: 0;
        border-bottom: 1px solid #dadada;
    }

    .managers .item .member .person {
        width: 33.33%;
        padding: 20px 0 20px 0;
    }

    .managers .item .member .person:before {
        top: 30px;
        left: 0;
    }

    .managers .item .member {
        float: none;
        width: auto;
    }

    .managers .item .member .person h5 {
        font-size: 14px;
    }

    .managers .item .member .person p {
        font-size: 12px;
    }
}

.report .title {
    margin-bottom: 30px;
}

.report .title h1 {
    color: #3c3c3c;
    font-size: 30px;
    line-height: 1;
}

.report .item {
    background: #fcfcfc;
}

.report .item:nth-child(2n+1) {
    background: #f2f5f7;
}

.report .item:hover {
    transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.report .item .con {
    padding: 20px;
}

.report .item .con h3 {
    font-size: 16px;
    font-weight: 600;
    color: #3c3c3c;
    margin-bottom: 10px;
}

.report .item .con ul {
    height: 140px;
}

.report .item .con ul li {
    position: relative;
}

.report .item .con li p {
    padding-right: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #808080;
    line-height: 35px;
}

.report .item .con li p span {
    color: #ccc;
    font-size: 10px;
    padding-left: 10px;
}

.report .item .con li a.download {
    display: inline-block;
    line-height: 20px;
    padding: 0 10px;
    background: #009fd6;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 8px;
    right: 0;
    z-index: 9;
}

.report .item .con li a:hover {
    background: #FFBA66;
}

@media screen and (max-width: 480px) {
    .report .item {
        float: none;
        width: auto;
    }

    .report .title h1 {
        font-size: 18px;
    }

    .report .item .con h3 {
        font-size: 14px;
    }

    .report .item .con li p {
        font-size: 12px;
    }

}

.publicity .block {
    margin-bottom: 100px;
}

.publicity .title {
    padding-bottom: 20px;
    border-bottom: 2px solid #009fd6;
}

.publicity .title h1 {
    font-size: 30px;
    line-height: 1;
    color: #3c3c3c;
}

.publicity .detial {
    margin-top: 20px;
}

.publicity .detial ul li p,
.publicity .detial ul li {
    line-height: 40px;
    font-size: 14px;
    color: #5a5a5a;
    position: relative;
}

.publicity .detial ul li:hover a,
.publicity .detial ul li:hover p {
    color: #009fd6;
}

.publicity .detial ul li:hover span,
.publicity .detial ul li span {
    color: #ccc;
}

.publicity .detial ul li p {
    padding-right: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.publicity .detial ul li span {
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 480px) {
    .publicity .title {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .publicity .title h1 {
        font-size: 18px;
        line-height: 1;
    }

    .publicity .detial ul li p,
    .publicity .detial ul li {
        line-height: 24px;
        font-size: 12px;
    }
}


.question .form .title h1 {
    font-size: 30px;
    color: #3c3c3c;
}

.question .form .title span {
    padding-left: 10px;
    font-size: 14px;
    color: #aaa;
}

.question .form .title a {
    color: #009fd6;
}

.question .form .detial .con {
    margin: 0 4px 4px 0;
    background: #f0f3f6;
    overflow: hidden;
    position: relative;
    padding: 0 20px;
}

.question .form .detial .l {
    width: 60px;
}

.question .form .detial .l p {
    font-size: 16px;
    line-height: 50px;
    position: absolute;
    top: 0;
    left: 20px;
}

.question .form .detial .r {
    margin-left: 60px;
    padding: 10px 0;
}

.question .form .detial .r input {
    line-height: 30px;
    font-size: 14px;
    background: none;
}

.question .form .detial .no {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    /*-webkit-animation-name:shake;animation-name:shake; */
}

.question .form .detial .no input,
.question .form .detial .no textarea {
    background: #FFE5E5;
}

.question .form .detial textarea {
    padding: 10px 0;
    font-size: 15px;
    background: none;
    text-indent: 0;
    height: 160px;
}

.question .form .detial .tac .con {
    background: none;
    margin-top: 15px;
}

.question .form .detial .tac .con input {
    display: inline-block;
    width: auto;
    text-indent: 0;
    line-height: 40px;
    color: #fff;
    padding: 0 50px;
    font-size: 14px;
    background: #009fd6;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.question .form .detial .tac .con input:hover {
    background: #FFBA66;
}

.question .block .title {
    border-bottom: 2px solid #009fd6;
    padding-bottom: 20px;
}

.question .form {
    margin-bottom: 50px;
}

.question .form .title {
    margin-bottom: 30px;
    border-bottom: 0;
}

.question .block .title h1 {
    font-size: 30px;
    color: #3c3c3c;
}

.question .contact .title {
    margin-bottom: 20px;
}

.question .contact ul li {
    line-height: 35px;
}

.question .contact ul li a {
    color: #009fd6;
}

.question .contact ul li a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 480px) {
    .question .block .title h1 {
        font-size: 18px;
    }

    .question .form .title span {
        font-size: 12px;
        display: block;
        padding-left: 0;
        margin-top: 10px;
    }

    .question .form .detial .l p {
        font-size: 12px;
    }

    .question .form .detial .r input {
        font-size: 12px;
    }

    .question .row .md6 {
        width: auto;
        float: none;
    }

    .question .form .detial .tac .con input {
        font-size: 12px;
    }

    .question .block .title {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .question .contact .md5,
    .question .contact .md7 {
        float: none;
        width: auto;
    }

    .question .contact ul li {
        line-height: 24px;
        font-size: 12px;
    }
}

.talent .title {
    border-bottom: 2px solid #009fd6;
    margin-bottom: 60px;
}

.talent .title h1 {
    font-size: 30px;
    color: #3c3c3c;
    line-height: 1;
    padding-bottom: 30px;
}

.talent .item {
    position: relative;
}

.talent .item.item1 .text,
.talent .item.item3 .text {
    margin-left: 50%;
}

.talent .item.item2 .text,
.talent .item.item4 .text {
    margin-right: 50%;
}

.talent .item.item1 .face,
.talent .item.item3 .face {
    right: 50%;
    left: 0;
}

.talent .item.item2 .face,
.talent .item.item4 .face {
    left: 50%;
    right: 0;
}

.talent .item .face {
    position: absolute;
    top: 50%;
    margin: 35px;
    background-size: auto 100%;
}

.talent .item .face:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/tringle.png') no-repeat;
    background-size: 100% 100%;
}

.talent .item .text {
    padding: 120px 35px;
    position: relative;
}

.talent .item .text p {
    font-size: 14px;
    line-height: 2;
    padding: 0 10px;
}


.talent .item .text:before {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 70px;
    top: 50%;
    background: #000;
    left: -37px;
}

.talent .item1 .text:before {
    background: #dec0ad;
}

.talent .item3 .text:before {
    background: #89b3af;
}

.talent .item2 .text:before {
    background: #98bad3;
    left: auto;
    right: -37px;
}

.talent .item4 .text:before {
    background: #d2d5e0;
    left: auto;
    right: -37px;
}


.faq .title {
    border-bottom: 2px solid #009fd6;
}

.faq .title h1 {
    font-size: 30px;
    line-height: 1;
    padding-bottom: 20px;
    color: #3c3c3c;
}

.faq .item {
    margin-top: 50px;
}

.faq .item h1 {
    color: #009fd6;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
    padding-left: 50px;
    position: relative;
}

.faq .item h1:before {
    content: 'Q';
    display: inline-block;
    position: absolute;
    top: -5px;
    left: 0;
    color: #fff;
    width: 40px;
    line-height: 40px;
    border-radius: 100%;
    background: #009fd6;
    text-align: center;
}

.faq .item p {
    padding-left: 50px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #808080;
}

.faq .item p:before {
    content: 'A';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
    color: #fff;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: #808080;
    border-radius: 100%;
}

@media screen and (max-width: 480px) {
    .faq .title h1 {
        font-size: 18px;
        margin-bottom: 15px;
        line-height: 1;
        padding-bottom: 15px;
        border-bottom: 1px solid #009fd6;
    }

    .faq .title {
        border: 0;
    }

    .faq .item {
        margin-top: 20px;
    }

    .faq .item h1 {
        font-size: 14px;
        padding-left: 40px;
    }

    .faq .item h1:before {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: -2px;
    }

    .faq .item p:before {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .faq .item p {
        padding-left: 40px;
        line-height: 24px;
        font-size: 12px;
    }
}

.we .title {
    margin-bottom: 20px;
}

.we .title h1 {
    font-size: 30px;
    line-height: 1;
    color: #3c3c3c;
}

.we .detial p {
    color: #808080;
    line-height: 24px;
    font-size: 14px;
}

.we .detial .items {
    padding: 10px;
    margin-top: 20px;
}

.we .detial .items .con:hover {
    transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.we .detial .items .con {
    padding: 40px 10px;
    text-align: center;
    position: relative;
}

.we .detial .items .con .jiyu {
    background: url('../images/hover75.png') repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    opacity: 0;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.we .detial .items .con:hover .jiyu {
    opacity: 1;
}

.we .detial .items h5 {
    color: #000;
    line-height: 1;
    margin-bottom: 10px;
    font-size: 18px;
}

.we .detial .items p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.we .detial .items b {
    color: #009fd6;
    font-size: 12px;
    font-weight: normal;
}

.we .detial .items .face {
    width: 120px;
    height: 120px;
    display: inline-block;
    margin-bottom: 20px;
    background-size: auto 100%;
    border-radius: 100%;
}

.join .we {
    margin-bottom: 30px;
}

.huodong .title {
    margin-bottom: 20px;
}

.huodong .title h1 {
    font-size: 30px;
    color: #000;
}

.huodong .detial p {
    color: #808080;
    line-height: 24px;
    font-size: 14px;
}


/*瀛椾綋寮曞叆*/
.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    /*-webkit-text-stroke-width: 0.2px;*/
    -moz-osx-font-smoothing: grayscale;
    cursor: default;
}

.siyuan {
    font-family: "siyuan" !important;
}

/*@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_79xxxn9exo8byb9.eot');
  src: url('//at.alicdn.com/t/font_79xxxn9exo8byb9.eot') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_79xxxn9exo8byb9.woff') format('woff'),
  url('//at.alicdn.com/t/font_79xxxn9exo8byb9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_79xxxn9exo8byb9.svg#iconfont') format('svg');
}*/

@font-face {
    font-family: 'iconfont';
    /* project id 86944 */
    src: url('//at.alicdn.com/t/font_86944_mjljqwef1dw5qaor.eot');
    src: url('//at.alicdn.com/t/font_86944_mjljqwef1dw5qaor.eot?#iefix') format('embedded-opentype'),
        url('//at.alicdn.com/t/font_86944_mjljqwef1dw5qaor.woff') format('woff'),
        url('//at.alicdn.com/t/font_86944_mjljqwef1dw5qaor.ttf') format('truetype'),
        url('//at.alicdn.com/t/font_86944_mjljqwef1dw5qaor.svg#iconfont') format('svg');
}


@font-face {
    font-family: 'siyuan';
    src: url('//at.alicdn.com/t/n66qleje0nigrpb9.eot');
    /* IE9*/
    src: url('//at.alicdn.com/t/n66qleje0nigrpb9.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('//at.alicdn.com/t/n66qleje0nigrpb9.woff') format('woff'),
        /* chrome銆乫irefox */
        url('//at.alicdn.com/t/n66qleje0nigrpb9.ttf') format('truetype'),
        /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
        url('//at.alicdn.com/t/n66qleje0nigrpb9.svg#siyuan') format('svg');
    /* iOS 4.1- */
}

/*.products .filter li { width: 200px; height: 200px; background-size: 100% 100%; color: #fff; }*/

/*缃戠珯鍦板浘*/
.sitemap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../images/hover50.png') repeat 0 0;
    display: none;
    color: #666;
    z-index: 99999;
}

.sitemap .maxsize {
    max-width: 800px !important;
    margin: 0 auto;
}

.sitemap .win {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}

.sitemap .win .title {
    position: relative;
    padding: 10px;
    background: #50a2e1;
    color: #fff;
}

.sitemap .win .title .close {
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 30px;
    width: 30px;
}

.sitemap .win .title .close .iconfont {
    color: #fff;
    font-size: 20px;
}

.sitemap .win .title h5 {
    padding-right: 30px;
    line-height: 30px;
    padding-left: 10px;
}

.sitemap .win .content {
    padding: 15px;
    margin: 0;
    min-height: 0px;
}

.sitemap .win dl {
    position: relative;
    border-bottom: 1px solid #eaeaea;
}

.sitemap .win dl:last-of-type {
    border-bottom: 0;
}

.sitemap .win dl dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
}

.sitemap .win dl span {
    display: block;
    text-align: center;
    margin: 5px 0;
    line-height: 30px;
    border-radius: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sitemap .win dl dt span {
    background: #eaeaea;
}

.sitemap .win dl dd {
    padding-left: 110px;
}

.sitemap .win dl dd ul {
    overflow: hidden;
}

.sitemap .win dl dd li {
    width: 20%;
    float: left;
}

.sitemap .win dl dd li span {
    text-align: left;
    padding: 0 10px;
    display: inline-block;
}

.sitemap .win dl dd li a:hover span {
    background: #50a2e1;
    color: #fff;
}

@media screen and (max-width: 820px) {
    .sitemap .maxsize {
        padding: 0 10px;
    }

    .sitemap .win dl dd li {
        width: 25%;
    }
}

@media screen and (max-width: 480px) {
    .sitemap .win dl dd li {
        width: 33.333%;
    }

    .sitemap .win dl dt {
        position: relative;
    }

    .sitemap .win dl dd {
        padding: 0;
    }

    .sitemap .win .content {
        max-height: 300px;
        overflow-y: scroll;
    }

    .sitemap .win dl dd li span {
        display: block;
        text-align: center;
    }

    .sitemap .win dl {
        border: 0;
        margin-bottom: 10px;
    }

    .sitemap .win dl dt {
        width: auto;
    }

    .sitemap .win dl dt span {
        margin: 0;
        display: block;
        width: auto;
    }
}

/*娉曞緥澹版槑*/
.terms, .privacy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../images/hover50.png') repeat 0 0;
    display: none;
    color: #666;
    z-index: 99999;
}

.terms .maxsize,
.privacy .maxsize {
    max-width: 800px !important;
    margin: 0 auto;
}

.terms .win,
.privacy .win {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}

.terms .win .title,
.privacy .win .title {
    position: relative;
    padding: 10px;
    background: #50a2e1;
    color: #fff;
}

.terms .win .title h5,
.privacy .win .title h5 {
    padding-right: 30px;
    line-height: 30px;
    padding-left: 10px;
}

.terms .win .title .close,
.privacy .win .title .close {
    position: absolute;
    top: 10px;
    right: 10px;
    line-height: 30px;
    width: 30px;
}

.terms .win .title .close .iconfont,
.privacy .win .title .close .iconfont {
    color: #fff;
    font-size: 20px;
}

.terms .win .content,
.privacy .win .content {
    padding: 15px;
    max-height: 500px;
    overflow-y: scroll;
    min-height: 0px;
    margin-top: 0;
}

.terms .win .content h4,
.privacy .win .content h4 {
    font-size: 16px;
    color: #50a2e1;
    padding-bottom: 10px;
    border-bottom: 1px solid #50a2e1;
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 2em;
}

.terms .win .content p,
.privacy .win .content p {
    line-height: 1.6;
    text-indent: 2em;
    margin-bottom: 5px;
}

.terms .win .block,
.privacy .win .block {
    margin-bottom: 20px;
}

@media screen and (max-width: 820px) {
    .terms .maxsize,
    .privacy .maxsize {
        padding: 0 10px;
    }

    .terms .win dl dd li,
    .privacy .win dl dd li {
        width: 25%;
    }

    .we .detial .items .md4 {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .terms .win .content,
    .privacy .win .content {
        max-height: 300px;
    }

    .we .mandetial {
        padding: 0;
    }
}

/*.newsDetial { word-wrap:break-word; word-break: break-all; }*/
.newsDetial .title {
    border-bottom: 1px solid #dadada;
    color: #3c3c3c;
}

.newsDetial .title h1 {
    line-height: 1.2;
    font-size: 30px;
}

.newsDetial .title span {
    display: block;
    line-height: 30px;
    font-size: 12px;
    color: #a9a9a9;
    margin-bottom: 15px;
}

.newsDetial .detial {
    padding: 40px 0;
    line-height: 2;
    color: #3c3c3c;
    word-wrap: break-word;
    word-break: break-all;
}

.newsDetial .detial * {
    word-wrap: break-word;
    word-break: break-all;
}

@media screen and (max-width: 480px) {
    .newsDetial .title h1 {
        font-size: 16px;
        line-height: 1.5;
    }
}

.newsDetial .detial p {
    line-height: 25px;
}

.newsDetial .detial p>img:first-child {
    margin-left: -28px;
}

.pager {
    margin: 50px 0;
}

.pager ul {
    overflow: hidden;
}

.pager li {
    float: left;
    margin: 2px 0;
}

.pager li.mgr10 {
    margin-right: 10px;
}

.pager li.mgl10 {
    margin-left: 10px;
}

.pager li a,
.pager li span {
    display: inline-block;
    line-height: 30px;
    min-width: 10px;
    text-align: center;
    font-size: 12px;
    margin-right: -1px;
    padding: 0 10px;
    color: #3c3c3c;
    position: relative;
    z-index: 1;
    position: relative !important;
}

.pager li.grey a {
    border-color: #dfdfdf;
    color: #ececec;
}

.pager li.grey:hover a {
    background: #dfdfdf;
    color: #fff;
    border-color: #dfdfdf;
}

.pager li a {
    border: 1px solid #dfdfdf;
}

.pager li:hover a,
.pager li.active a {
    z-index: 9;
    position: relative;
    color: #fff;
    border-color: #009fd6;
    background: #009fd6;
}

@media screen and (max-width: 480px) {

    .pager li a,
    .pager li span {
        line-height: 25px;
        font-size: 12px;
        padding: 0 6px;
    }
}

@keyframes 'groupUp' {
    0% {
        transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        opacity: 0.5;
    }
}

@-webkit-keyframes 'groupUp' {
    0% {
        transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        opacity: 0.5;
    }
}

@-o-keyframes 'groupUp' {
    0% {
        transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        opacity: 0.5;
    }
}

@-moz-keyframes 'groupUp' {
    0% {
        transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        opacity: 0.5;
    }
}


.detialm {
    display: none;
}

@media screen and (max-width: 480px) {
    .alerts .block .detial.zuixin {
        display: none;
    }

    .detialm {
        display: block;
    }
}

.alerts .md:nth-child(1) .item {
    background: #0ca7df;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #0ca7df 0%, #116eb1 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #0ca7df 0%, #116eb1 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #0ca7df 0%, #116eb1 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ca7df', endColorstr='#116eb1', GradientType=1);
}

.alerts .md:nth-child(2) .item {
    background: #10ada6;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #10ada6 0%, #008890 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #10ada6 0%, #008890 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #10ada6 0%, #008890 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#10ada6', endColorstr='#008890', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.alerts .md:nth-child(4) .item {
    background: #27b58c;
}

.alerts .md:nth-child(5) .item {
    background: #7fc6a9;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #7fc6a9 0%, #4a9161 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #7fc6a9 0%, #4a9161 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #7fc6a9 0%, #4a9161 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fc6a9', endColorstr='#4a9161', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.alerts .md:nth-child(6) .item {
    background: #79c0c9;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #79c0c9 0%, #498e96 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #79c0c9 0%, #498e96 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #79c0c9 0%, #498e96 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79c0c9', endColorstr='#498e96', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.alerts .md:nth-child(7) .item {
    background: #4aa9b9;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #4aa9b9 0%, #215d70 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #4aa9b9 0%, #215d70 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #4aa9b9 0%, #215d70 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4aa9b9', endColorstr='#215d70', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.detialm .items .md6:nth-child(1) .item {
    background: #0ca7df;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #0ca7df 0%, #116eb1 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #0ca7df 0%, #116eb1 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #0ca7df 0%, #116eb1 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ca7df', endColorstr='#116eb1', GradientType=1);
}

.detialm .items .md6:nth-child(2) .item {
    background: #10ada6;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #10ada6 0%, #008890 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #10ada6 0%, #008890 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #10ada6 0%, #008890 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#10ada6', endColorstr='#008890', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.detialm .items .md6:nth-child(4) .item {
    background: #27b58c;
}

.detialm .items .md6:nth-child(5) .item {
    background: #7fc6a9;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #7fc6a9 0%, #4a9161 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #7fc6a9 0%, #4a9161 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #7fc6a9 0%, #4a9161 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fc6a9', endColorstr='#4a9161', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.detialm .items .md6:nth-child(6) .item {
    background: #79c0c9;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #79c0c9 0%, #498e96 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #79c0c9 0%, #498e96 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #79c0c9 0%, #498e96 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79c0c9', endColorstr='#498e96', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.detialm .items .md6:nth-child(7) .item {
    background: #4aa9b9;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #4aa9b9 0%, #215d70 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #4aa9b9 0%, #215d70 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #4aa9b9 0%, #215d70 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4aa9b9', endColorstr='#215d70', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

@media screen and (max-width: 1600px) {
    .header .menu .posr {
        width: auto;
    }

    /*.index .supplychain { left: 20px; }*/
}

@media screen and (max-width: 1024px) {
    .header .menu .posr {
        margin: 0;
    }
}

.index .supplychain .pager {
    margin: 0;
}

.index .supplychain .pager ul {
    padding: 10px 20px;
}

.index .supplychain .pager ul li {
    margin-right: 10px;
}

.index .supplychain .pager ul li a {
    border: 0;
    background: #fff;
    margin: 10px 5px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -999px;
    padding: 0;
}

.index .supplychain .pager ul li:hover a,
.index .supplychain .pager ul li.active a {
    /*border-bottom: 3px solid #cc2329; */
    background: #cc2329;
}

.sr {
    position: relative;
}

.sri {
    margin-bottom: 50px;
}

.srfr {
    padding: 50px;
    text-align: center;
    color: #aaa;
}

.sri .title {
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.sri .title p {
    margin-bottom: 5px;
}

.sri em {
    color: #436dc2;
    font-style: normal;
}

.sri .digest {
    line-height: 1.5;
    font-size: 12px;
    color: #aaa;
}

.srf {
    position: relative;
    overflow: hidden;
    background: #436dc2;
    padding: 20px;
}

.srf input[type="text"] {
    width: 100%;
    line-height: 50px;
}

.srf input[type="submit"] {
    position: absolute;
    top: 20px;
    right: 20px;
    line-height: 50px;
    background: #75b0ea;
    color: #fff;
    cursor: pointer;
    padding: 0 20px;
    width: auto;
    font-size: 18px;
    text-indent: 0;
}

.we .mandetial {
    background: url('../images/hover75.png') repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 50px;
    color: #fff;
    display: none;
}

.we .mandetial .close {
    position: absolute;
    top: 30px;
    right: 30px;
    color: #009fd6;
    z-index: 999;
    transform-origin: center center;
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    display: inline-block;
}

.we .mandetial .close .iconfont {
    font-size: 22px;
}

.we .mandetial .close:hover {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.we .detial .mandetial .con {
    height: 100%;
    padding: 0 30px
}

.we .detial .mandetial p {
    color: #009fd6;
    font-size: 12px;
    line-height: 18px;
}

.we .detial .mandetial p {
    margin: 5px 0;
}

.we .detial .mandetial img {
    width: 100%;
}

.we .detial .mandetial .detial {
    margin-top: 20px;
}

.we .detial .mandetial h1 {
    font-size: 18px;
    margin: 10px 0;
    color: #fff;
}

.we .detial .mandetial .detial p {
    color: #d9d9d9;
    font-size: 12px;
    line-height: 22px;
}

@media screen and (max-width: 480px) {
    .we .mandetial {
        padding: 50px 0;
    }
}


.tableStyle table {
    background: #f4fbf6;
}

.tableStyle table tr:first-of-type th:nth-child(1) {
    background: #0069d2;
    color: #fff;
}

.tableStyle table tr:first-of-type th:nth-child(2) {
    background: #00c3e5;
    color: #fff;
}

.tableStyle table tr:first-of-type th:nth-child(3) {
    background: #24b84c;
    color: #fff;
}

.tableStyle table th,
.tableStyle table td {
    border: 1px solid rgba(90, 122, 171, .1);
    padding: 15px 30px;
    font-size: 13px;
}

.tableStyle table td {
    color: #255d7f;
}

.tableStyle table th {
    padding: 0;
}

/*.tableStyle table tr td:nth-child(1) { background: #eff5fb; color: #71b2db; }*/
.tableStyle table ul {
    position: relative;
}

.tableStyle table ul li {
    position: relative;
    color: #24b84c;
    padding: 10px 0;
    padding-left: 20px;
}

.tableStyle table ul li:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #086ed3;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}

@media screen and (max-width: 480px) {

    .mediaNews .mask,
    .mediaNews font {
        display: none !important;
    }

    .mediaNews .bg a {
        background: #fafafa;
    }

    .mediaNews li:nth-child(2n+1) a {
        background: #edf2f5;
    }

    /*.footer .links li:nth-child(3)  { display: none; }*/
}

@media screen and (max-width: 768px) {
    .talent .item .text {
        padding: 80px 35px !important;
    }
}

.bdshare-button-style0-32 .bds_weixin {
    background: url(../images/wechat_icon.png) no-repeat top center !important;
    background-size: 100% !important;
    background-position: 0 0 !important
}

.bdshare-button-style0-32 .bds_tsina {
    background: url(../images/weibo_icon.jpeg) no-repeat top center !important;
    background-size: 100% !important;
    background-position: 0 0 !important
}

.menter {
    display: none;
}

@media screen and (max-width: 768px) {
    .menter {
        display: block;
    }
}

.menter .header {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

.menter .header .menu {
    height: 0;
}

.menter .header .menu .logo {
    display: none;
}

.menter .header .menu .menulist {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    display: block;
    margin: 0;
}

.menter .header .menu .menulist .functions {
    display: none;
}

.index .banner {
    position: relative;
    overflow: hidden;
}

.index .banner:after {
    content: '';
    display: inline-block;
    line-height: 50px;
    width: 25px;
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, .5);
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -12px;
    z-index: 999;
    display: none;
}

.index .banner:before {
    content: '\e607';
    font-family: 'iconfont';
    color: #fff;
    position: absolute;
    bottom: 50px;
    line-height: 50px;
    width: 25px;
    left: 50%;
    margin-left: -12px;
    text-align: center;
    font-size: 16px;
    z-index: 999;
    -webkit-animation: downtip 2s infinite linear;
    -o-animation: downtip 2s infinite linear;
    -moz-animation: downtip 2s infinite linear;
    animation: downtip 2s infinite linear;
    display: none;
}

@media screen and (max-width: 768px) {

    .index .banner:after,
    .index .banner:before {
        display: block;
    }
}

@keyframes 'downtip' {

    0% {
        transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        filter: alpha(opacity=100);
        opacity: 1;
        -moz-opacity: 1;
    }

    100% {
        transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        filter: alpha(opacity=0);
        opacity: 0;
        -moz-opacity: 0;
    }
}

@-webkit-keyframes 'downtip' {

    0% {
        transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        filter: alpha(opacity=100);
        opacity: 1;
        -moz-opacity: 1;
    }

    100% {
        transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        filter: alpha(opacity=0);
        opacity: 0;
        -moz-opacity: 0;
    }
}

.newsDetial {
    overflow: hidden;
}

.newsDetial .more {
    margin: 0 -21px;
    margin-top: 50px;
    padding: 0 20px;
}

.newsDetial .more table {
    width: 100%;
}

.newsDetial .more td {
    border: 1px solid #ddd;
    width: 50%;
    vertical-align: top;
}

.newsDetial .more td a {
    display: block;
    padding: 10px 15px;
}

.newsDetial .more td a p {
    margin-top: 5px;
    color: #222;
    line-height: 20px;
    font-size: 14px;
    text-indent: 0;
}

.newsDetial .more td a sub {
    color: #aaa;
}

.newsDetial .more td a.nomore p {
    color: #aaa;
}

@media screen and (max-width: 480px) {
    .talent .title h1 {
        font-size: 18px;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #009fd6;
    }

    .talent .title {
        border: 0;
        margin-bottom: 20px;
    }

    .talent .item {
        text-align: center;
    }

    .talent .item .face {
        width: auto;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin: 10px;
        max-width: 160px;
        margin: 0 auto;
    }

    .talent .item .text {
        text-align: left;
    }

    .talent .item.item2 .face,
    .talent .item.item4 .face {
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .talent .item.item1 .text,
    .talent .item.item3 .text,
    .talent .item.item2 .text,
    .talent .item.item4 .text {
        width: auto;
        margin: 0;
    }

    .talent .item .text:before {
        display: none;
    }

    .talent .item .text {
        padding: 20px 0 !important;
    }
}

.bigview {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../images/hover50.png') repeat 0 0;
    z-index: 99999;
    display: none;
}

.bigview .maxsize {
    height: 100%;
    position: relative;
}

.bigview .maxsize .win {
    background: #fff;
    text-align: center;
    left: 15px;
    right: 15px;
    top: 10%;
    bottom: 10%;
    position: absolute;
    padding: 30px 15px;
    overflow: scroll;
    margin-top: 50px;
}

.bigview .maxsize .win .con {
    padding: 20px;
}

.bd_weixin_popup {
    z-index: 999999999 !important;
}

@media screen and (max-width: 320px) {
    .index .top .banner .slider li .text {
        bottom: 30%;
    }
}

@media screen and (max-width: 480px) {
    .srf {
        padding: 10px;
    }

    .srfr {
        padding: 30px;
    }

    .sri .title p {
        font-size: 12px;
    }

    .sri .title h1 {
        font-size: 16px;
        font-weight: 900;
    }

    .srf input[type="text"],
    .srf input[type="submit"] {
        line-height: 35px;
        font-size: 14px;
    }

    .srf input[type="submit"] {
        top: 10px;
        right: 10px;
    }
}

.newsDetial .detial p {
    text-indent: 28px;
}

.newsDetial .detial p {
    line-height: 2;
    font-size: 14px;
    margin-bottom: 12px;
}

.platfrom .allcompany {
    margin: 0 -30px;
    padding-top: 30px;
}

/*.platfrom .allcompany .md6 { margin-bottom: 60px; }*/
.platfrom .allcompany .md6 a {
    display: block;
}

.platfrom .allcompany .md6 .con {
    border: 1px solid #a5a5a5;
    margin: 25px 20px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    padding: 30px 20px;
}

.platfrom .allcompany .md6 .con h2 {
    font-size: 16px;
    font-weight: 900;
    color: #fff;
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    height: 50px;
    color: #313131;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.platfrom .allcompany .md6 .con:hover {
    background: #009fd6;
}

.platfrom .allcompany .md6 .con:hover h2 {
    color: #fff;
    border-color: #fff;
}

.platfrom .allcompany .md6 .con:hover p {
    color: #fff;
}

.platfrom .allcompany .md6 .con p {
    font-size: 14px;
    line-height: 28px;
    color: #5a5a5a;
    height: 112px;
    display: none;
}

.platfrom .block {
    position: relative;
    margin-top: 50px;
}

.platfrom .block h2.title {
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    line-height: 45px;
    font-weight: 900;
    color: #009fd6;
    margin-bottom: 15px;
}

.platfrom .block em {
    display: block;
    font-weight: 900;
    color: #313131;
    line-height: 28px;
    font-size: 16px;
    font-style: normal;
}

.platfrom .block p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 15px;
}

.platfrom .block table {
    width: 100%;
}

.platfrom .block table td,
.platfrom .block table th {
    border-collapse: collapse;
    border: 1px solid #ccc;
    color: #313131;
    font-size: 14px;
    padding: 10px;
    text-align: center;
}

.platfrom .block .row {
    margin: 0 -10px;
    margin-bottom: 20px;
}

.platfrom .block .row>.tar a {
    background: #009fd6;
    color: #fff;
    display: inline-block;
    line-height: 20px;
    padding: 0 10px;
    font-size: 14px;
}

.platfrom .block .row>.tar a i {
    font-style: normal;
}

.platfrom .block .row>.tar a i:before {
    content: '灞曞紑';
}

.platfrom .block .row.active>.tar a i:before {
    content: '鏀惰捣';
}

.platfrom .block .row:after {
    content: '';
    display: block;
    clear: both;
}

.platfrom .block .row .md6 {
    display: none;
}

.platfrom .block .row.active .md6 {
    display: block;
}

.platfrom .block .row .md6 dl {
    padding: 10px;
}

.platfrom .block .row .md6 dl dt {
    font-weight: 900;
    color: #313131;
    font-size: 14px;
    line-height: 28px;
}

.platfrom .block .row .md6 dl dd {
    font-size: 14px;
    line-height: 28px;
}

@media screen and (max-width: 768px) {
    .platfrom .allcompany {
        margin: 0;
    }

    .platfrom .allcompany .md6 {
        width: auto;
        float: none;
        margin-bottom: 40px;
    }

    .platfrom .allcompany .md6 a {
        margin: 0;
        padding: 0;
    }

    .platfrom .block .row {
        margin: 0;
    }

    .platfrom .block .row .md6 {
        float: none;
        width: auto;
    }

    .platfrom .block .row .md6 .con {
        margin: 0;
        padding: 0;
    }
}

@media screen and (max-width: 480px) {
    .platfrom .allcompany .md6 .con {
        margin: 0;
        margin-bottom: 10px;
        padding: 20px;
    }
}

.jinqu .block {
    margin-bottom: 50px;
}

.jinqu .block>.title {
    border-bottom: 2px solid #7fcfea;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.jinqu .block>.title h1 {
    color: #262626;
}

.jinqu .block p {
    line-height: 24px;
    font-size: 14px;
    color: #5a5a5a;
}

.jinqu .block .img {
    padding: 40px 0;
}

.jinqu .pingtai {
    padding: 35px 0;
}

.jinqu .pingtai .tabs {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.jinqu .pingtai .tabs li {
    float: left;
    padding-bottom: 10px;
    margin-right: 30px;
}

.jinqu .pingtai .tabs li a {
    color: #7095ab;
    padding-bottom: 10px;
    position: relative;
}

.jinqu .pingtai .tabs li:hover a,
.jinqu .pingtai .tabs li.active a {
    color: #009fd6;
}

.jinqu .pingtai .tabs li.active a:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 2px;
    left: 0;
    right: 0;
    background: #29a0ff;
}

.jinqu .pingtai li {
    position: relative;
    text-align: center;
}

.jinqu .pingtai li .text {
    position: absolute;
    right: 0;
    text-align: left;
    top: 5%;
    left: 66.66%;
}

.jinqu .pingtai li .text .t {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
}

.jinqu .pingtai li .text .t:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 100%;
    background: #009fd6;
    left: 0;
    top: 10px;
}

.jinqu .pingtai li .text .t b {
    color: #009fd6;
    font-size: 16px;
    line-height: 28px;
}

.jinqu .pingtai li .text .t p {
    color: #999999;
    font-size: 14px;
    line-height: 28px;
}

.jinqu .pingtai li .text .i {
    /*border: 2px solid #e3e7e8; */
}

.jinqu .quanfangwei {
    padding: 30px 0;
    position: relative;
    overflow: hidden;
}

.jinqu .quanfangwei .topic {
    width: 170px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -86px;
    border: 1px solid #42a8fa;
    border-radius: 100%;
    text-align: center;
    padding: 50px 0;
}

.jinqu .quanfangwei .topic:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #c0e2fe;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    border-radius: 100%;
    -webkit-animation: infiniteMove 15s infinite linear;
    animation: infiniteMove 15s infinite linear;
}

.jinqu .quanfangwei .topic:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #c0e2fe;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    border-radius: 100%;
    -webkit-animation: infiniteMove 8s infinite linear;
    animation: infiniteMove 8s infinite linear;
}

.jinqu .quanfangwei .topic p {
    line-height: 20px;
    font-size: 14px;
    color: #999999;
}

.jinqu .quanfangwei .topic b {
    display: block;
    line-height: 30px;
    font-size: 20px;
    color: #404040;
}

.jinqu .quanfangwei .l {
    width: 260px;
    float: left;
}

.jinqu .quanfangwei .r {
    width: 260px;
    float: right;
}

.jinqu .quanfangwei a {
    display: block;
    margin: 10px 0;
    border: 1px solid #e6e6e6;
    line-height: 35px;
    text-align: center;
    border-radius: 35px;
    color: #737373;
}

.jinqu .quanfangwei a:hover {
    background: #009fd6;
    border-color: #009fd6;
    color: #fff;
}

.jinqu .quanfangwei .l a:nth-child(1),
.jinqu .quanfangwei .l a:nth-child(5) {
    transform: translateX(40px);
    -webkit-transform: translateX(40px);
}

.jinqu .quanfangwei .l a:nth-child(2),
.jinqu .quanfangwei .l a:nth-child(4) {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
}

.jinqu .quanfangwei .r a:nth-child(1),
.jinqu .quanfangwei .r a:nth-child(5) {
    transform: translateX(-40px);
    -webkit-transform: translateX(-40px);
}

.jinqu .quanfangwei .r a:nth-child(2),
.jinqu .quanfangwei .r a:nth-child(4) {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
}

@keyframes 'infiniteMove' {

    0%,
    50%,
    100% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    16% {
        transform: translate3d(5px, -5px, 0);
        -webkit-transform: translate3d(, 05px, -5px);
    }

    32% {
        transform: translate3d(5px, 5px, 0);
        -webkit-transform: translate3d(5px, 5px, 0);
    }

    66% {
        transform: translate3d(-5px, -5px, 0);
        -webkit-transform: translate3d(-5px, -5px, 0);
    }

    82% {
        transform: translate3d(-5px, 5px, 0);
        -webkit-transform: translate3d(-5px, 5px, 0);
    }
}

@-webkit-keyframes 'infiniteMove' {

    0%,
    50%,
    100% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    16% {
        transform: translate3d(5px, -5px, 0);
        -webkit-transform: translate3d(, 05px, -5px);
    }

    32% {
        transform: translate3d(5px, 5px, 0);
        -webkit-transform: translate3d(5px, 5px, 0);
    }

    66% {
        transform: translate3d(-5px, -5px, 0);
        -webkit-transform: translate3d(-5px, -5px, 0);
    }

    82% {
        transform: translate3d(-5px, 5px, 0);
        -webkit-transform: translate3d(-5px, 5px, 0);
    }
}

.duocai .block {
    padding-bottom: 50px;
}

.duocai .block .title {
    border-bottom: 2px solid #7fcfea;
    padding-bottom: 25px;
    margin-bottom: 30px;
    color: #262626;
}

.duocai .block p {
    font-size: 14px;
    line-height: 24px;
    color: #5a5a5a;
}

.duocai .album {
    margin-top: 120px;
}

.duocai .album .text {
    margin-right: 70%;
    padding-bottom: 30px;
}

.duocai .album .text h5 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 900;
}

.duocai .album .con {
    border: 1px solid #e6e6e6;
    padding: 50px 30px;
    position: relative;
}

.duocai .album .imgs {
    position: absolute;
    right: 30px;
    top: -36px;
    bottom: -36px;
    width: 60%;
}

.duocai .album .imgs .slider li {
    height: 270px;
    position: relative;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.duocai .album .imgs .slider li span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('../images/hover50.png') repeat top center;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    line-height: 24px;
}

.duocai .album .imgs .preview {
    margin-top: 15px;
}

.duocai .album .imgs .preview li {
    float: left;
    width: 16%;
    margin: 0.333%;
    height: 50px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.duocai .album .imgs .preview li span {
    display: none;
}

.duocai .album .imgs .preview li.active:before {
    content: '';
    display: block;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    border: 2px solid #3ea5fc;
    margin: -2px;
    position: absolute;
}

.duocai .album .imgs .preview li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.duocai .album .imgs .preview li.active:after {
    display: none;
}

.renzai .block {
    margin-bottom: 20px;
}

.renzai .block .title {
    border-bottom: 2px solid #7fcfea;
    padding-bottom: 25px;
    margin-bottom: 30px;
    color: #262626;
}

.renzai .block p {
    font-size: 14px;
    line-height: 24px;
    color: #5a5a5a;
}

.renzai .block .img {
    padding: 40px 0;
}

.renzai .jiyu .items {
    position: relative;
    padding: 25px 0;
}

.renzai .jiyu .items .item {
    position: relative;
    padding: 50px 0;
    height: 130px;
}

.renzai .jiyu .items .item .face {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 130px;
    margin: -65px;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    z-index: 3;
}

.renzai .jiyu .items .item .face:before {
    content: '';
    position: absolute;
    top: 60%;
    right: 98%;
    width: 80%;
    height: 1px;
    background: #009fd6;
    z-index: -1;
}

.renzai .jiyu .items .item .face:after {
    content: '';
    position: absolute;
    top: 60%;
    right: 178%;
    width: 6px;
    height: 6px;
    background: #009fd6;
    border-radius: 100%;
    margin: -3px;
}

.renzai .jiyu .items .item .l {
    position: absolute;
    left: 10%;
    width: 25%;
}

.renzai .jiyu .items .item .l:before {
    font-family: 'iconfont';
    content: '\e634';
    font-size: 20px;
    position: absolute;
    right: 100%;
    margin-right: 10px;
    color: #009fd6;
    line-height: 24px;
    top: 2px;
}

.renzai .jiyu .items .item .l b {
    font-size: 20px;
    line-height: 24px;
    font-weight: 900;
    color: #404040;
    display: block;
    margin-bottom: 5px;
}

.renzai .jiyu .items .item .l p {
    font-size: 14px;
    line-height: 20px;
    color: #b2b2b2;
}

.renzai .jiyu .items .item .r {
    position: absolute;
    right: 5%;
    width: 30%;
}

.renzai .jiyu .items .item .r i {
    font-size: 14px;
    line-height: 28px;
    color: #777;
}

.xiaoyuan .block {
    margin-bottom: 40px;
}

.xiaoyuan .block .title h1 {
    font-size: 30px;
    color: #3c3c3c;
    line-height: 1;
}

.xiaoyuan .block .title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.xiaoyuan .block p {
    line-height: 24px;
    font-size: 14px;
    color: #5a5a5a;
}

.xiaoyuan .jianjie .items {
    padding: 15px 30px;
}

.xiaoyuan .jianjie .item {
    padding: 15px 0;
}

.xiaoyuan .jianjie .item h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 900;
    color: #009fd6;
    margin-bottom: 5px;
}

.xiaoyuan .jianjie .item h3 .iconfont {
    font-weight: normal;
    color: #595959;
}

.xiaoyuan .jianjie .item b {
    color: #333;
}

.xiaoyuan .rukou .con {
    padding: 30px;
}

.xiaoyuan .rukou ul {
    overflow: hidden;
    margin-bottom: 30px;
}

.xiaoyuan .rukou i.tip {
    font-style: normal;
    font-size: 13px;
}

.xiaoyuan .rukou ul li {
    float: left;
    width: 25%;
}

.xiaoyuan .rukou ul li a {
    margin: 5px;
    display: block;
    line-height: 35px;
    text-align: center;
    border-radius: 4px;
    color: #4c4c4c;
}

.xiaoyuan .rukou ul li a .iconfont {
    color: #009fd6;
    padding-right: 5px;
    font-size: 16px;
}

.xiaoyuan .rukou ul li a:hover {
    color: #fff;
    background: #009fd6;
}

.xiaoyuan .rukou ul li a:hover .iconfont {
    color: #fff;
}

.detial .select {
    border-bottom: 1px solid #dbdbdb;
    z-index: 2;
    position: relative;
}

.detial .select .inb {
    margin-bottom: -1px;
    position: relative;
}

.detial .select .inb .current {
    border: 1px solid #dbdbdb;
    padding-right: 50px;
}

.detial .select .inb .current span {
    display: block;
    padding: 0 18px;
    font-size: 22px;
    color: #3c3c3c;
    line-height: 50px;
}

.detial .select .inb .current:after {
    content: '\e623';
    font-family: 'iconfont';
    position: absolute;
    line-height: 50px;
    top: 1px;
    right: 1px;
    width: 50px;
    text-align: center;
    background: #32a0fc;
    color: #fff;
    font-size: 20px;
}

.detial .select .list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-top: 0;
    display: none;
}

.detial .select .inb:hover .list {
    display: block;
}

.detial .select .list li a {
    padding: 10px 15px;
    display: block;
}

.detial .select .list li a:hover {
    background: #32a0fc;
    color: #fff;
}

.detial .block.gaikuang,
.detial .block.zhiwei {
    padding: 30px;
}

.detial .block>.title {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #11a5d9;
    color: #11a5d9;
}

.detial .block>.title h1 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 900;
}

.detial .block p {
    font-size: 14px;
    line-height: 24px;
    color: #5a5a5a;
}

.detial .zhiwei .item {
    position: relative;
    margin-bottom: 30px;
}

.detial .zhiwei .item .title {
    background: #009fd6;
    color: #fff;
    padding: 15px 35px;
    font-weight: 900;
    font-size: 16px;
    position: relative;
}

.detial .zhiwei .item .title:after {
    /*content: '\e623';font-family: 'iconfont';*/
    position: absolute;
    top: 50%;
    right: 35px;
    line-height: 40px;
    margin-top: -20px;
    color: #fff;
    font-size: 16px;
}

.detial .zhiwei .item .cont {
    border: 1px solid #d9d9d9;
    border-top: 0;
    padding: 25px 35px;
    position: relative;
    padding-bottom: 40px;
}

.detial .zhiwei .item .cont>a {
    position: absolute;
    display: block;
    left: 50%;
    bottom: -15px;
    line-height: 30px;
    color: #fff;
    background: #009fd6;
    width: 120px;
    margin-left: -60px;
    border-radius: 30px;
    text-align: center;
}

.detial .zhiwei .item .cont>a .iconfont {
    font-size: 22px;
}

.detial .zhiwei .item .row {
    margin: 20px 0;
    padding-left: 30px;
}

.detial .zhiwei .item .row h5 {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 900;
    line-height: 24px;
    color: #595959;
    position: relative;
}

.detial .zhiwei .item .row h5 .iconfont {
    position: absolute;
    right: 100%;
    top: 0;
    line-height: 24px;
    color: #ee3a51;
    margin-right: 5px;
    font-size: 20px;
}

.detial .pics {
    overflow-x: scroll;
    padding: 30px 0;
    padding-bottom: 20px;
}

.detial .pics::-webkit-scrollbar {
    width: 9px;
    background-color: rgba(255, 255, 255, 0.5);
}

.detial .pics::-webkit-scrollbar-thumb {
    border: none;
    width: 5px;
    background-color: #009fd6;
}

.detial .pics::-webkit-scrollbar-corner {
    background-color: rgba(255, 255, 255, 0.5);
}

.detial .pics::-webkit-scrollbar:horizontal {
    height: 2px;
}

.detial .pics .item {
    float: left;
    background-size: cover;
    background-position: center;
    height: 170px;
    position: relative;
    /* width: 31.33%; margin: 0 1%; */
    margin-bottom: 10px;
}

.detial .pics .bx-controls .bx-controls-direction {
    text-align: center;
}

.detial .pics .bx-controls .bx-controls-direction a {
    display: inline-block;
    background: #009fd6;
    color: #fff;
    line-height: 25px;
    padding: 0 10px;
    margin: 0 2px;
    border-radius: 4px;
}

.detial .pics .item .cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('../images/hover50.png') repeat top center;
    padding: 15px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    opacity: 0;
}

.detial .pics .item:hover .cover {
    opacity: 1;
}

.detial .pics .item .cover span {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.xuanjiang .block {
    margin-bottom: 40px;
}

.xuanjiang .block .title {
    border-bottom: 2px solid #7fcfea;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    position: relative;
}

.xuanjiang .block .title .iconfont {
    padding-right: 5px;
    position: absolute;
    font-size: 30px;
    top: 50%;
    left: 0;
    line-height: 40px;
    margin-top: -20px;
}

.xuanjiang .block p {
    font-size: 14px;
    line-height: 24px;
}

.xuanjiang .block table {
    width: 99%;
    margin-top: 20px;
    min-width: 700px;
}

.xuanjiang .block table th,
.xuanjiang .block table td {
    padding: 5px;
}

.xuanjiang .block table th {
    background: #009fd6;
    color: #fff;
    padding-bottom: 10px 5px;
    font-weight: normal;
}

.xuanjiang .block table td {
    border: 1px solid #c1c9d3;
    color: #262626;
    font-size: 13px;
    text-align: center;
}

.xuanjiang .liucheng .list li {
    padding: 22px 0;
    padding-left: 30px;
    position: relative;
}

.xuanjiang .liucheng .list a {
    color: #89bfcc;
    text-decoration: underline;
    font-style: italic;
}

.xuanjiang .liucheng .list li:before {
    content: '\e6b4';
    font-family: 'iconfont';
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 30px;
    margin-top: -15px;
    color: #262626;
}

.xuanjiang .liucheng .list li.light {
    color: #009fd6;
}

.xuanjiang .liucheng .list li.light:before {
    color: #009fd6;
}

.xuanjiang .block .img {
    padding: 40px 0;
}

.xuanjiang .table {
    width: 100%;
    overflow: hidden;
}

.xuanjiang .table .nicescroll {
    width: 100%;
    overflow-x: scroll;
}

.xuanjiang .table table {
    min-width: 800px;
}

@media screen and (max-width: 800px) {
    .jinqu .quanfangwei .topic {
        position: relative;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .jinqu .quanfangwei .r,
    .jinqu .quanfangwei .l {
        width: 50%;
    }

    .jinqu .quanfangwei .l a:nth-child(n),
    .jinqu .quanfangwei .r a:nth-child(n) {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        margin: 10px 5px;
    }

    .duocai .album {
        margin-top: 30px;
    }

    .duocai .album .con {
        padding: 30px;
    }

    .duocai .album .text {
        margin: 0;
        padding: 0;
        margin-bottom: 20px;
    }

    .duocai .album .imgs {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        width: auto;
    }

    .duocai .album .imgs .preview {
        overflow: hidden;
    }

    .renzai .jiyu .items .item {
        height: auto;
        padding: 0;
        margin-bottom: 20px;
        border-bottom: 1px solid #dadada;
        padding-bottom: 20px;
    }

    .renzai .jiyu .items .item .face {
        left: 0;
        width: 80px;
        height: 80px;
        margin: 0;
        top: 0;
    }

    .renzai .jiyu .items .item .r,
    .renzai .jiyu .items .item .l {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        margin: 0;
        padding: 0;
        padding-left: 100px;
        width: auto;
    }

    .renzai .jiyu .items .item .r i {
        font-style: normal;
        margin-top: 10px;
        display: block;
    }

    .renzai .jiyu .items .item .l:before {
        display: none;
    }

    .xiaoyuan .rukou ul li {
        width: 50%;
    }

    .detial .pics .item {
        height: 150px;
        float: none;
        width: auto;
        margin-bottom: 10px;
    }

    .detial .zhiwei .item .row .md6 {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }

    .detial .block.gaikuang,
    .detial .block.zhiwei {
        padding: 0;
    }

    .detial .zhiwei .item .cont {
        padding: 20px;
    }
}

@media screen and (max-width: 480px) {

    .jinqu .quanfangwei .l,
    .jinqu .quanfangwei .r {
        float: none;
        width: auto;
    }

    .jinqu .pingtai li .text {
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        position: relative;
        margin: 0;
        padding: 0;
        width: auto;
    }

    .jinqu .pingtai li .bg {
        display: none;
    }

    .jinqu .block>.title {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .jinqu .block>.title h1 {
        font-size: 16px;
    }

    .duocai .album .con {
        padding: 10px;
    }

    .xiaoyuan .rukou ul li {
        width: auto;
        float: none;
    }
}


/*浜烘墠鎷涜仒琛ㄦ牸*/
dl,
dd,
dt,
body,
input,
textarea,
select,
option,
p {
    padding: 0;
    margin: 0;
    border: 0;
}

input,
textarea,
select,
option {
    outline: none;
    background: none;
}

.pop .md12 {
    width: 100%;
}

.pop .md6 {
    width: 50%;
    float: left;
}

.pop .md4 {
    width: 25%;
    float: left;
}

.pop .md4 {
    width: 25%;
    float: left;
}

.pop .fl {
    float: left;
}

.pop .clearfix:after,
.pop .clearfix:before {
    content: "";
    display: block;
    height: 0;
    width: 100%;
    clear: both;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

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

.pop .close {
    cursor: pointer;
    width: 35px;
    height: 35px;
    background: url('../images/closebtn.png');
    position: absolute;
    top: 20px;
    right: 20px;
}

.pop .tab_box {
    max-width: 810px;
    height: 85%;
    margin: 6% auto 0 auto;
    background: #fff;
    overflow: auto;
    position: relative;
}

.pop dl {
    max-width: 630px;
    margin: 55px auto;
}

.pop dl dd {
    margin-bottom: 25px;
    line-height: 38px;
}

.pop dl dt {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: bold;
}

.pop dl .box {
    width: 98.5%;
    height: 38px;
    line-height: 38px;
}

.pop dl .sel_box {
    position: relative;
    background: #f2f2f2;
    border-radius: 3px;
}

.pop dl .sel_box:before {
    background: url('../images/arr.png');
    z-index: 0;
    width: 22px;
    height: 22px;
    top: 50%;
    margin-top: -11px;
    right: 5px;
    position: absolute;
    content: "";
}

.pop .input_txt {
    width: 100%;
    height: 38px;
    text-indent: 10px;
    position: relative;
    z-index: 1;
    background: #f2f2f2;
    border-radius: 3px;
}

.pop .input_txt.error {
    background: #FFD0D0;
}

.pop dl label {
    display: block;
    color: #595959;
    margin-top: 8px;
}

.pop dl select.input_txt {
    background: transparent;
    -webkit-appearance: none;
    /*for chrome*/
    background: none;
}

.pop dl select.input_txt.error {
    background: #FFD0D0;
}

.pop .tar {
    text-align: right;
}

.pop .tac {
    text-align: center;
}

.pop dd .more {
    border: 1px dashed #f2f2f2;
    border-radius: 3px;
    line-height: 38px;
    text-align: center;
    color: #595959;
    cursor: pointer;
}

.pop .btn,
.pop dd .more {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.pop dd .more:hover,
.pop .upload_btn:hover,
.pop .submit_btn:hover {
    color: #fff;
    background: #009fd6;
}

.pop .btn a {
    display: inline-block;
}

.pop .btn a:hover {
    color: #009fd6;
}

.pop option {
    background: #f2f2f2;
}

.pop .loader_box {
    font-size: 12px;
    margin-right: 20px;
    display: none;
}

.pop .loader_box p {
    line-height: 18px;
}

.pop .loader {
    width: 20px;
    height: 20px;
    margin: 0 auto;
}

.pop .loader .circular {
    -webkit-animation: sm-rotate 2s linear infinite;
    -o-animation: sm-rotate 2s linear infinite;
    animation: sm-rotate 2s linear infinite;
    transform-origin: center center;
    width: 20px;
    height: 20px;
}

.pop .loader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: sm-dash 1.5s ease-in-out infinite, sm-color 6s ease-in-out infinite;
    -o-animation: sm-dash 1.5s ease-in-out infinite, sm-color 6s ease-in-out infinite;
    animation: sm-dash 1.5s ease-in-out infinite, sm-color 6s ease-in-out infinite;
    stroke-linecap: round
}

@keyframes sm-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes sm-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes sm-color {

    100%,
    0% {
        stroke: #d9534f
    }

    40% {
        stroke: #2ca1c3
    }

    66% {
        stroke: #94bd31
    }

    80%,
    90% {
        stroke: #f0ad4e
    }
}

.pop .btn {
    display: inline-block;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    width: 150px;
    border-radius: 3px;
    margin-right: 20px;
}

.pop .upload_btn {
    border: 1px dashed #009fd6;
    line-height: 36px;
    font-weight: bold;
}

.pop .submit_btn {
    background: #009fd6;
    color: #fff;
    font-weight: bold;
}

.pop .input_tit {
    font-weight: bold;
}

.pop .copy {
    position: relative;
}

.pop .clone {
    position: relative;
}

.pop .del {
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 100%;
    display: none;
    background: url('../images/closebtn.png');
    background-size: 30px 30px;
}

.pop .clone .del {
    display: block;
}

.pop .other {
    opacity: 0;
}

.pop .hasother {
    opacity: 1;
}

.expect_workplace_other {
    display: none;
}

.index .supplychain {
    /*top: 50% !important;*/
    transform: translateY(-12.5vw);
    -moz-transform: translateY(-12.5vw);
    -ms-transform: translateY(-12.5vw);
    -o-transform: translateY(-12.5vw);
    -webkit-transform: translateY(-12.5vw);
}

@media screen and (max-width: 2180px) {}

@media screen and (max-width: 640px) {

    .pop .md6,
    .pop .md4 {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }

    .pop .tab_box {
        margin: 7% 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .pop dl .box {
        width: 100%;
    }

    .pop dl {
        padding: 0 20px;
    }

    .pop dl dd {
        margin-bottom: 0;
    }

    .pop dl .box {
        height: auto;
    }

    .pop .md6 .md6 {
        background: #fff;
        margin-bottom: 5px;
    }

    .pop dl .sel_box {
        background: #f2f2f2;
    }

    .pop dl label {
        margin-top: 0;
    }

    .pop .btn {
        text-align: center;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0;
        text-align: center;
    }

    .pop .close {
        top: 10px;
        right: 10px;
    }

}

.index .supplychain .title {
    background: #ffffff !important;
    border-bottom: none !important;
}

.index .supplychain .inb {
    background: #ffffff !important;
    width: 17.36842105263158vw;
    height: 25vw;
    min-height: 380px;
    /*min-width: 260px;*/
}

.pager li {
    margin: 0.10526315789473684vw 0;
    display: inline-block;
}

.index .supplychain .pager {
    background: #ffffff;
}

.index .supplychain .pager ul {
    padding: 0.5263157894736842vw 1.0526315789473684vw;
    text-align: center !important;
}

.supplychain .img-box .img1 {
    width: 2.6315789473684212vw;
    height: 4.7368421052631575vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.3684210526315788vw;
    margin-left: -1.3157894736842106vw;
    z-index: 3;
}

.index .supplychain .item .text {
    transform: translateY(-1.8421052631578947vw);
}

.supplychain .img-box .img2 {
    width: 7.368421052631579vw;
    height: 7.368421052631579vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3.6842105263157894vw;
    margin-left: -3.6842105263157894vw;
    z-index: 2;
}

.supplychain .img-box .img3 {
    width: 13.68421052631579vw;
    height: 13.68421052631579vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6.842105263157895vw;
    margin-left: -6.842105263157895vw;
    z-index: 1;
}

.supplychain .items h5 {
    font-size: 1.5789473684210527vw;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 1.263157894736842vw;
    margin-left: 0.5263157894736842vw;
}

.supplychain .items p {
    width: 11.842105263157896vw;
    height: 2.0526315789473686vw;
    font-size: 0.7368421052631579vw;
    font-family: "Microsoft Yahei";
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 1.263157894736842vw;
    margin-left: 0.5263157894736842vw;
}

.index .supplychain .item .text p {
    white-space: unset;
    text-overflow: none;
    overflow: none;
}

.index .supplychain .item li {
    height: auto;
}

.index .supplychain .item {
    padding: 0 1.0526315789473684vw;
}

.index .supplychain .pager ul {
    padding: 0.5263157894736842vw 2.3684210526315788vw;
    transform: translateY(-1.3157894736842106vw);
}

.index .supplychain .pager ul li a {
    background: #cfe8f3;
    width: 0.7894736842105263vw;
    height: 0.7894736842105263vw;
    min-width: 13px;
    min-height: 13px;
}

.index .supplychain .pager ul li:hover a,
.index .supplychain .pager ul li.active a {
    background: #0c93ce !important;
}

.index .supplychain .pager ul li {
    margin-right: 0vw;
    width: calc((100% - 2px) / 5);
}

.index .top .banner .bannerarrows .arrows li .iconfont {
    border: none;
    width: 2.1052631578947367vw;
}

.index .top .banner .slider li .text p {
    font-size: 0.8421052631578947vw;
    color: #222222;
    /* font-weight: bold; */
}

.index .top .banner .slider li:nth-child(odd) .text h1 {
    color: #000;
}

.index .top .banner .slider li:nth-child(even) .text h1 {
    color: #fff;
}

.changehome .banner,
.changehome .banner-box {
    width: 100%;
    height: calc(100vh - 8.105263157894736vw);
    position: relative;
}

.hide {
    display: none;
}

.changehome {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.changehome .banner-box .bg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.changehome .info {
    position: absolute;
    left: 8.157894736842104vw;
    top: 12vw;
    width: 17.36842105263158vw;
    height: 25.263157894736842vw;
    background: rgba(251, 252, 253, 0.8);
    border-radius: 0.2631578947368421vw;
    overflow: hidden;
}

.changehome .img-box .img1 {
    width: 2.6315789473684212vw;
    height: 4.7368421052631575vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.3684210526315788vw;
    margin-left: -1.3157894736842106vw;
    z-index: 3;
}

.changehome .img-box .img2 {
    width: 7.368421052631579vw;
    height: 7.368421052631579vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3.6842105263157894vw;
    margin-left: -3.6842105263157894vw;
    z-index: 2;
    transform: rotate(-140deg)
}

.changehome .img-box .img3 {
    width: 13.68421052631579vw;
    height: 13.68421052631579vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6.842105263157895vw;
    margin-left: -6.842105263157895vw;
    z-index: 1;
    transform: rotate(90deg);
}

.imgmoveM {
    animation: imgmoveM 3.4s ease, opacity 2s ease;
}

.imgmoveL {
    animation: imgmoveL 3.4s ease, opacity 2s ease;
}

@keyframes imgmoveL {
    0% {
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        transform: rotate(0deg);
        opacity: 1
    }
}

@-o-keyframes imgmoveL {
    0% {
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        transform: rotate(0deg);
        opacity: 1
    }
}

@-moz-keyframes imgmoveL {
    0% {
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        transform: rotate(0deg);
        opacity: 1
    }
}

@-webkit-keyframes imgmoveL {
    0% {
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        transform: rotate(0deg);
        opacity: 1
    }
}

@keyframes imgmoveM {
    0% {
        transform: rotate(-140deg);
        opacity: 0
    }

    100% {
        transform: rotate(0deg);
        opacity: 1
    }
}

@-o-keyframes imgmoveM {
    0% {
        transform: rotate(-140deg);
        opacity: 0
    }

    100% {
        transform: rotate(0deg);
        opacity: 1
    }
}

@-moz-keyframes imgmoveM {
    0% {
        transform: rotate(-140deg);
        opacity: 0
    }

    100% {
        transform: rotate(0deg);
        opacity: 1
    }
}

@-webkit-keyframes imgmoveM {
    0% {
        transform: rotate(-140deg);
        opacity: 0
    }

    100% {
        transform: rotate(0deg);
        opacity: 1
    }
}

.changehome .img-box {
    position: relative;
    width: 15.31578947368421vw;
    height: 13.157894736842104vw;
    transform: translate(-1.2105263157894737vw, -1.5789473684210527vw);
}

.changehome .text h5 {
    font-size: 1.5789473684210527vw;
    font-family: "Microsoft Yahei";
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 1.263157894736842vw;
    margin: 1.0526315789473684vw 2.736842105263158vw 1.7894736842105263vw 2.736842105263158vw;
}

.changehome .text p {
    font-size: 0.7368421052631579vw;
    font-family: "Microsoft Yahei";
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 1.263157894736842vw;
    margin: 0vw 2.736842105263158vw;
}

.changehome .circle {
    width: 11.736842105263158vw;
    position: absolute;
    top: 33.94736842105263vw;
    left: 10.947368421052632vw;
}

.changehome .circle:hover {
    cursor: pointer;
}

.changehome .circle span {
    width: 0.7368421052631579vw;
    height: 0.7368421052631579vw;
    background: rgba(15, 72, 138, 0.3);
    border-radius: 50%;
    display: inline-block;
    margin-right: calc((100% - 3.6842105263157894vw) / 3);
}

.changehome .circle span:last-child {
    margin-right: 0;
}

.changehome .bottom {
    width: 100%;
    height: 8.105263157894736vw;
    position: relative;
    z-index: 2;
}

.changehome .btn {
    position: absolute;
    left: 34vw;
    top: 26.736842105263158vw;
}

.changehome .btn li {
    color: #000;
    margin-right: 2.263157894736842vw;
}

.changehome .banner-box {
    display: none;
    opacity: 1;
}

.changehome .banner-box:nth-child(1) {
    display: block;
    opacity: 1;
}

.faseS {
    animation: faseIanimate 2s ease;
}

.faseH {
    animation: faseOanimate 4s ease;
}

@keyframes faseIanimate {
    0% {
        opacity: 0.3
    }

    100% {
        opacity: 1
    }
}

@keyframes faseOanimate {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0.3
    }
}

.changehome .banner-box .title {
    position: absolute;
    top: 21.05263157894737vw;
    left: 33.89473684210526vw;
}

.changehome .banner-box:nth-child(1) .title {
    top: 19.36842105263158vw;
}

.changehome .banner-box .title span {
    font-size: 3.1578947368421053vw;
    font-family: FZLTHJW--GB1-0;
    /* font-weight:bold; */
    margin-bottom: 3.1578947368421053vw;
    display: block;
}

.changehome .banner-box:nth-child(odd) .title span {
    color: #000;
}

.changehome .banner-box:nth-child(even) .title span {
    color: #fff;
}

.changehome .banner-box .title p {
    width: 26.31578947368421vw;
    font-size: 0.7368421052631579vw;
    font-family: FZLTHJW--GB1-0;
    /* font-weight:bold; */
    color: #333333;
    line-height: 1.263157894736842vw;
}

.video-text.text span {
    font-size: 16px !important;
    font-family: "Microsoft Yahei";
    font-weight: 400;
    color: rgb(9, 70, 140) !important;
    line-height: 31px;
}

.supplychain .video-boxs {
    /* margin: 1rem 0!important; */
    text-align: center;
    width: 100% !important;
}

.elem,
.elem0,
.elem1,
.elem2,
.elem3,
.elem4,
.elem5,
.elem6,
.elem7,
.elem8,
.elem9,
.elem10,
.elem11,
.elem12,
.elem13,
.elem14,
.elem15,
.elem55 {
    opacity: 0;
}

.textMoveTop {
    animation: moveTop 0.7s ease, opacity 0.7s ease;
}

.textMoveLeft {
    animation: moveLeft 1s ease, opacity 1s ease;
}

.textMoveDown {
    animation: moveDown 0.7s ease, opacity 0.7s ease;
}

@keyframes moveTop {
    0% {
        transform: translateZ(0) translateY(1.5789473684210527vw);
        opacity: 0
    }

    100% {
        transform: translateZ(0) translateY(0vw);
        opacity: 1
    }
}

@-o-keyframes moveTop {
    0% {
        transform: translateZ(0) translateY(1.5789473684210527vw);
        opacity: 0
    }

    100% {
        transform: translateZ(0) translateY(0vw);
        opacity: 1
    }
}

@-moz-keyframes moveTop {
    0% {
        transform: translateZ(0) translateY(1.5789473684210527vw);
        opacity: 0
    }

    100% {
        transform: translateZ(0) translateY(0vw);
        opacity: 1
    }
}

@-webkit-keyframes moveTop {
    0% {
        transform: translateZ(0) translateY(1.5789473684210527vw);
        opacity: 0
    }

    100% {
        transform: translateZ(0) translateY(0vw);
        opacity: 1
    }
}

@keyframes moveLeft {
    0% {
        transform: translateZ(0) translate(1.2105263157894737vw, -1.5789473684210527vw);
        opacity: 0
    }

    100% {
        transform: translateZ(0) translate(-1.2105263157894737vw, -1.5789473684210527vw);
        opacity: 1
    }
}

@-o-keyframes moveLeft {
    0% {
        transform: translateZ(0) translate(1.2105263157894737vw, -1.5789473684210527vw);
        opacity: 0
    }

    100% {
        transform: translateZ(0) translate(-1.2105263157894737vw, -1.5789473684210527vw);
        opacity: 1
    }
}

@-moz-keyframes moveLeft {
    0% {
        transform: translateZ(0) translate(1.2105263157894737vw, -1.5789473684210527vw);
        opacity: 0
    }

    100% {
        transform: translateZ(0) translate(-1.2105263157894737vw, -1.5789473684210527vw);
        opacity: 1
    }
}

@-webkit-keyframes moveLeft {
    0% {
        transform: translateZ(0) translate(1.2105263157894737vw, -1.5789473684210527vw);
        opacity: 0
    }

    100% {
        transform: translateZ(0) translate(-1.2105263157894737vw, -1.5789473684210527vw);
        opacity: 1
    }
}

@keyframes moveDown {
    0% {
        transform: translateZ(0) translateY(1.5789473684210527vw);
        opacity: 0
    }

    100% {
        transform: translateZ(0) translateY(0vw);
        opacity: 1
    }
}

@-o-keyframes moveDown {
    0% {
        transform: translateZ(0) translateY(1.5789473684210527vw);
        opacity: 0
    }

    100% {
        transform: translateZ(0) translateY(0vw);
        opacity: 1
    }
}

@-moz-keyframes moveDown {
    0% {
        transform: translateZ(0) translateY(1.5789473684210527vw);
        opacity: 0
    }

    100% {
        transform: translateZ(0) translateY(0vw);
        opacity: 1
    }
}

@-webkit-keyframes moveDown {
    0% {
        transform: translateZ(0) translateY(-1.5789473684210527vw);
        opacity: 0
    }

    100% {
        transform: translateZ(0) translateY(0vw);
        opacity: 1
    }
}

#home {
    width: 100%;
    height: calc(100vh - 8.105263157894736vh);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.slider-li {
    opacity: 0;
}

@media screen and (max-width: 1600px) {

    /* .supplychain .video-boxs{
		margin:1rem 0!important;
	} */
    .video-text.text span {
        font-size: 14px !important;
        font-family: "Microsoft Yahei";
        font-weight: 400;
        line-height: 31px;
    }
}

@media screen and (max-width: 1300px) {
    .changehome .circle span {
        margin-right: calc((100% - 4.5vw) / 3);
    }
}

@media screen and (max-width: 768px) {
    .index .top .banner .bannerarrows .arrows li {
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #000000;
        border-radius: 8px;
    }

    .load_show {
        display: block;
    }

    .index .top .banner .slider li .text p {
        font-size: 3.5vw;
    }

    .index .top .banner .bannerarrows .arrows li .iconfont {
        display: inline;
        background-color: transparent;
        color: #000;
    }

    .index .top .banner .bannerarrows .arrows li:hover {
        background: #000000;
    }

    .index .top .banner .bannerarrows .arrows li:hover .iconfont {
        color: #ffffff;
    }

    .index .supplychain .items li {
        height: auto;
    }

    .chart {
        text-align: left;
    }

    .changehome .info {
        display: none;
    }

    .bx-viewport {
        height: 686px;
    }

    .changehome .banner-box .title span {
        font-size: 5vw;
    }

    .changehome .banner-box .title p {
        width: auto;
        font-size: 3.5vw;
        font-family: FZLTHJW--GB1-0;
        font-weight: bold;
        color: #333333;
        line-height: 5vw;
    }

    .changehome .banner-box .title {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
    }

    #home,
    .changehome .banner,
    .changehome .banner-box {
        height: 55vw;
    }
}

/*10.26*/
.index .supplychain .item .text {
    transform: none;
    width: 90%;
    height: 7vw;
    margin-left: 5%;
}

.supplychain .items p {
    height: auto;
    width: 100%;
}

.supplychain .img-box {
    position: relative;
    margin-bottom: 1rem;
    width: 13.68421052631579vw;
    height: 13.5vw;
}

.index .supplychain .pager ul {
    transform: none;
}

.index .banner .bx-controls {
    pointer-events: none;
    position: absolute;
    z-index: 100;width: 100%;left: 0;
    display: none;
}
.index .banner .bx-controls.active{
    display: block;
}
/* Banner 缈婚〉鎸夐挳 */
.index .banner .bx-controls .bx-pager {
    width: 100%;display: flex;max-width: 83vw;
    align-items: flex-end;justify-content: center;
    padding-left: calc(18.073vw + 1.9vw * 1.2);
    margin: 0 auto;height: 100%;
    box-sizing: border-box;
}
.index .banner .bx-controls .bx-pager .bx-pager-link{
    pointer-events: auto;
    color: transparent;width: 2.4vw;height: 2.4vw;border-radius: 50%;
    display: block;border: 2px solid transparent;position: relative;
}
.index .banner .bx-controls .bx-pager .bx-pager-link::selection{
    color: transparent;
}
.index .banner .bx-controls .bx-pager .bx-pager-link:after{
    content: "";position: absolute;
    left: 0;top: 0;right: 0;bottom: 0;margin: auto;
    width: 8px;height: 8px;background-color: rgba(255,255,255,0.5);border-radius: 50%;
}
.index .banner .bx-controls .bx-pager .bx-pager-link.active{
    border-color: rgba(255,255,255,0.5);
}
.index .banner .bx-controls .bx-pager .bx-pager-link.active:after{
    background-color: rgba(255,255,255,1);
}
.video-text.text {
    text-align: center;
}

.video-logo {
    width: 6.3rem;
    height: 10.5rem;
    position: absolute;
    left: 50%;
    margin-left: -3.15rem;
    top: 50%;
    transform: translateY(-45%);
}

.whiteColor {
    color: #ffffff !important;
}

.blackColor {
    color: #000000 !important;
}

@media screen and (max-width: 768px) {
    .chart .point {
        float: none;
        margin-bottom: 10px;
        display: block;
    }

    .videos {
        width: 90vw;
        top: 15vh;
        left: 5vw;
    }

    .maxsize .logist>img,
    .maxsize .finance>img,
    .maxsize .Info>img,
    .maxsize .trading>img {
        opacity: 0.3;
    }

    .index .top .banner .slider li .text h1:after {
        content: '';
        height: 2px;
        width: 0;
        left: 0;
        position: absolute;
        bottom: 0;
        background: #d33e44;
        transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
    }
}

.index .supplychain .items li {
    height: auto;
    min-height: 350px;
}

/* .supplychain .video-boxs{
	margin-bottom: 70px!important;
} */
@media screen and (min-width: 2000px){
    .index .maxsize{max-width: 83vw;}
    .maxsize{max-width: 66.66vw;}
}

@media screen and (max-width: 1800px) {
    .index .supplychain .items li {
        height: auto;
        min-height: 310px;
    }

    .supplychain .img-box {
        height: 15vw;
        margin-bottom: 0vw;
    }

}

@media screen and (max-width: 1500px) {
    .index .supplychain .item .text {
        margin-top: 0vw;
        height: 6.5vw;
    }

    .supplychain .img-box {
        height: 16vw;
    }
}

@media screen and (max-width: 1300px) {
    .index .supplychain .item .text {
        height: 8vw;
    }

}

@media screen and (max-width: 1200px) {
    .supplychain .img-box {
        height: 17vw;
    }
}


/*5.21*/
#zh-page {}

#zh-page .other {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000000;
    display: none;
}

#zh-page .other .mask {
    position: absolute;
    ;
    z-index: 5;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

#zh-page .other img {
    height: 90%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 10;
}

#zh-page .other a {
    position: absolute;
    top: 5%;
    right: 3vw;
    font-size: 24px;
    color: #fff;
    z-index: 10;
    cursor: pointer;
}

#zh-page .mc {
    color: #009fd6;
}

#zh-page .bet {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#zh-page .wid-100 {
    width: 100%;
}

#zh-page h3 {
    font-weight: bold;
    margin-bottom: 4px;
}

#zh-page h2 {
    font-weight: bold;
}

#zh-page p {
    font-size: 14px;
    color: #404040;
}

#zh-page small {
    color: #a5a5a5;
    font-size: 12px;
}

#zh-page .mt-20 {
    margin-top: 20px;
}

#zh-page .f-17 {
    font-size: 17px;
}

#zh-page .row {}

#zh-page .row .con {
    padding: 30px 0 0 0;
    min-height: 80px;
}

#zh-page .row h2 {
    color: #009fd6;
    border-bottom: 1px solid #e0e0e0;
    font-weight: bold;
    font-size: 28px;
}

#zh-page .r1 .con p {
    font-size: 14px;
    color: #3c3c3c;
}

#zh-page .r2 .con {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#zh-page .r2 .con .col {
    width: 48%;
}

#zh-page .r2 .con .col .img {
    height: 100px;
    text-align: center;
    width: 100%;
    background-color: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
}

#zh-page .r2 .con .col .img>img {
    width: 50%;
    display: inline-block;
}

#zh-page .r3 .con .go-big {
    display: inline-block;
    margin: 14px 0;
    cursor: pointer;
}

#zh-page .r3 .con .go-big img {
    vertical-align: middle;
    margin-right: 8px;
}

#zh-page .r3 .con .map-box {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow-y: auto;
    height: 400px;
}

#zh-page .r3 .con .map-box .box {
    width: 100%;
}

#zh-page .r3 .con .map-box .box img {
    width: 98%;
}

#zh-page .r4 .con .top {
    margin-bottom: 20px;
    /* border: 1px solid #e0e0e0; */
    height: 80px;
    display: flex;
    /* justify-content: space-between; */
    /* align-items: center; */
}

@media screen and (max-width: 480px) {
    #zh-page .r4 .con .top {
        display: block;
        height: auto;
        padding: 16px 0;
    }
    #zh-page .r4 .con .top h3 {
        margin-bottom: 18px;
        line-height: 30px !important;
    }
    #zh-page .r4 .con .top .col:nth-of-type(2) {
        display: block !important;
    }
}

#zh-page .r4 .con .top .col {
}

#zh-page .r4 .con .top .col:first-child {
    width: 360px;
    height: 100%;
}
#zh-page .r4 .con .top .col:first-child h3 {
    line-height: 80px;
}
#zh-page .r4 .con .top .col:last-child {
    width: 320px;
}
#zh-page .r4 .con .top .col img {
    display: inline-block;
    width: 100%;
}

#zh-page .r4 .con .top .col p {
    font-size: 20px;
    font-weight: bold;
}

#zh-page .r4 .con .top .col:nth-of-type(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    /* background: url(../images/bg11.png) center; */
    background-size: cover;
}

#zh-page .r4 .con .mid {}

#zh-page .r4 .con .mid .img-box {
    margin-bottom: 24px;
}

#zh-page .r4 .con .mid .bet .img-box {
    width: 49%;
}

#zh-page .r4 .con .mid p {
    /* margin-bottom: 20px; */
}

#zh-page .r4 .con .mid h4 {
    display: none; /* 闅愯棌妤肩洏鍚嶇О */
    font-weight: bold;
    font-size: 14px;
    color: #262626;
}

#zh-page .r5 {
    display: flex;
    background-color: #1A294D;
}

#zh-page .r51 {
    width: 45%;
}

#zh-page .r52 {
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#zh-page .r52 .r520 {
    display: flex;
}

#zh-page .r52 .r520 h2 {
    width: 80px;
}

#zh-page .r52 .r520 div {
    width: calc(100% - 80px);
}

#zh-page .r5 h2,
#zh-page .r5 h3,
#zh-page .r5 h4,
#zh-page .r5 p,
#zh-page .r5 div p {
    /* color: #E76637; */
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    border: none;
}

#zh-page .r52 h2 {
    color: #F37B21;
}

#zh-page .r52 h3,
#zh-page .r52 h4 {
    margin-bottom: 6px;
}

#zh-page .r52 h3,
#zh-page .r52 p {
    color: #fff;
}

#zh-page .r52 h4 {
    color: #798398;
}

#zh-page .r4 h3 {
    font-size: 22px;
    color: #F37B21;
    font-weight: bold;
}

.map-box::-webkit-scrollbar {
    width: 5px;
    background-color: #e6eaed;
}

.map-box::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: #33a6df;
}

.map-box::-webkit-scrollbar-corner {
    background-color: #e6eaed;
}

.map-box::-webkit-scrollbar:horizontal {
    height: 9px;
}

.map-box::-webkit-selection {
    background: #c9151e;
    color: #fff;
}

.map-box::-moz-selection {
    background: #c9151e;
    color: #fff;
}

.map-box::selection {
    background: #c9151e;
    color: #fff;
}

@media screen and (max-width: 600px) {
    #zh-page .row h2 {
        font-size: 18px;
    }

    #zh-page .r1 .con p {
        font-size: 18px;
    }

    #zh-page .row .con {
        min-height: 42px;
    }

    #zh-page .r2 .con .col .img>img,
    #zh-page .r4 .con .top .col img {
        width: 70%;
    }

    #zh-page .f-17 {
        font-size: 14px;
    }

    #zh-page p {
        font-size: 13px;
    }

    #zh-page .row .con {
        padding: 20px 0;
    }

    #zh-page .r3 .con .map-box {
        height: 200px;
    }

    #zh-page .other img {
        height: 70%;
    }

    #zh-page .r4 .con .top .col p {
        font-size: 18px;
    }
}


.bussnet .result .items.cn-box {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

@media screen and (min-width: 800px) {
    .bussnet .result .item .row .md7 {
        width: 100%;
    }

    .bussnet .result .items.cn-box .item {
        width: calc(50% - 64px);
        background-color: #fff;
    }

    .bussnet .result .items.cn-box .item:nth-of-type(4n+1),
    .bussnet .result .items.cn-box .item:nth-of-type(4n+2) {
        background-color: #fafafa;
    }
}

@media screen and (max-width: 800px) {
    .bussnet .result .items.cn-box .item {
        width: 100%;
    }
}

/*20210702*/

.functions {
    position: relative;

}

.functions ul {
    position: relative;
    z-index: 2;
}

.new_iconfont {
    font-family: "iconfont_n" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    /*-webkit-text-stroke-width: 0.2px;*/
    -moz-osx-font-smoothing: grayscale;
    cursor: default;
}

@font-face {
    font-family: 'iconfont_n';
    /* Project id 86944 */
    src: url('//at.alicdn.com/t/font_86944_fn0vjupm2c.woff2?t=1626074249672') format('woff2'),
        url('//at.alicdn.com/t/font_86944_fn0vjupm2c.woff?t=1626074249672') format('woff'),
        url('//at.alicdn.com/t/font_86944_fn0vjupm2c.ttf?t=1626074249672') format('truetype');
}

.stock_box {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    text-align: center;
    background: #10488A;
    height: 66px;
    line-height: 66px;
    color: #fff;
    font-size: 18px;
    border-radius: 0 0 10px 10px;
    z-index: 1;
    font-weight: 700;
}

.index .supplychain .inb {
    background-color: rgba(255, 255, 255, .9) !important;
    width: 18.073vw;
    height: 29.42708vw;
    padding: 1.8229166vw 1.66666vw 1.6145833vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ind_sl_box {
    display: block;
    overflow: hidden;
    border-radius: 5px;
    position: relative;

}

.ind_sl_box::before {
    content: '';
    display: block;
    margin-top: 52.159%;
}

.ind_sl_c {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ind_sl_c video {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: fill
}

.ind_sl_box .btn_sty {
    opacity: 1;
}

.ind_sl_box .ind_sl_n {
    opacity: 0;
}

.ind_sl_box.on .btn_sty {
    opacity: 1;
}

.ind_sl_box.on .ind_sl_n {
    opacity: 1;
}

.ind_sl_box.on .ind_sl_c video {
    opacity: 0;
}

.btn_sty {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    text-align: center;
    z-index: 2;
    cursor: pointer;

}

.btn_sty::before {
    content: '';
    width: 100%;
    display: block;
    height: 100%;
    z-index: 3;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .6);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform .6s ease;

}

.btn_sty::after {
    content: '';
    width: 100%;
    display: block;
    height: 100%;
    z-index: 2;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .15);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.2);
    animation: hx 1.5s ease infinite;

}

@keyframes hx {
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

.btn_sty i {
    font-size: 20px;
    color: #3C3C3C;
    position: relative;
    z-index: 5;
    transition: color .6s ease;
}

@media screen and (orientation: landscape) {
    .btn_sty:hover i {
        color: #10488A;
    }

    .btn_sty:hover::before {
        transform: translate(-50%, -50%) scale(1.2);
    }
}

.ind_sl_n {

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    bottom: 12%;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    padding: 0 10px;
    line-height: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.supplychain .img-box {
    height: 8.333vw;
    width: 100%;
    /*margin-top: 1.823vw;*/
    margin-bottom: 1.875rem;
    margin-top: 1.875rem;

}

.video-logo {
    width: auto;
    height: 8.333vw;
    left: 50%;
    transform: translate(-50%, -45%);
    margin-left: 0;
}

.supplychain .img-box .img1 {
    width: 1.0539029vw;
    height: 2.08325vw;
    margin-top: -1.041675vw;
    margin-left: -0.52685145vw;

}

.supplychain .img-box .img2 {
    width: 4.1665vw;
    height: 4.1665vw;
    margin-top: -2.08325vw;
    margin-left: -2.08325vw;

}

.supplychain .img-box .img3 {
    width: 8.333vw;
    height: 8.333vw;
    margin-top: -4.1665vw;
    margin-left: -4.1665vw;

}

.index .supplychain .item .text p {
    line-height: 24px;
    margin-left: 0;
    height: 48px;

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
            overflow: hidden;
}

.index .supplychain .item .text {
    text-align: center;
    height: 96px;
}

.index .supplychain .pager {
    background: transparent;
    position: absolute;
    width: 100%;
    bottom: .625rem;
    left: 0;
}

.index .supplychain .pager ul li a {
    background-color: rgba(15, 72, 138, .3);
}

.index .supplychain .pager ul li:hover a,
.index .supplychain .pager ul li.active a {
    background: rgba(15, 72, 138, 1) !important;
}

.index .supplychain .pager ul li a {
    margin-right: auto;
    margin-left: auto;
}

.index .supplychain {
    transform: none;
}

.index .supplychain .item .text h5 {
    line-height: 24px;
    margin-left: 0;
    margin-bottom: .9375rem;
}

@media screen and (max-width: 1600px) {
    .index .supplychain .item .text h5 {
        margin-bottom: 5px;
    }

    .supplychain .img-box {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .index .supplychain .item .text {
        width: 100%;
        margin-left: 0;
    }

    .index .supplychain .item .text p {
        line-height: 20px;
    }

    .ind_sl_n {
        font-size: 13px;
    }
}

@media screen and (max-width: 1440px) {
    .supplychain .img-box {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .index .supplychain .item .text span {
        line-height: 20px;
    }
}

@media screen and (max-width: 1366px) {

    .ind_sl_n {
        font-size: 12px;
    }
}

@media screen and (max-width: 1280px) {

    .index .supplychain .pager {
        bottom: 0;
    }

    .index .supplychain .inb {
        height: 32vw;
    }
}

@media screen and (max-width: 1024px) {
    .stock_box {
        position: relative;
        float: left;
        border-radius: 0;
        line-height: 50px;
        height: 50px;
        font-size: 14px;
    }
}

.showVideo {
    display: block;
    cursor: pointer;
}

.showVideo .btn_sty {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0;
}



.showVideo {
    background-color: #fff;
    /*box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.17);*/
    box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.17);
}

.show_v_mes {
    /* padding: 36px 40px; */
    padding: 36px 22px 36px 30px
}

.video .showVideo>.show_v_mes>div {
    position: relative;
}

.video_list_box .abo_v_n {
    line-height: 1.4;
}

.abo_v_n {
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    color: #3C3C3C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.abo_v_i {
    margin-top: 13px;
    line-height: 24px;
    height: 96px;
    font-size: 14px;
    color: #3C3C3C;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

/* 涓存椂璋冩暣 cases.html 椤甸潰 LIFT 鍝佺墝鏁呬簨鍗＄墖鏍峰紡 */
.video.cases .video_list_box:nth-child(1) .show_v_mes {
    padding: 36px 20px 36px 40px;
}

.video.cases .video_list_box:nth-child(1) .abo_v_n {
    line-height: 1.4;
    height: 50px;
    white-space: normal;
}

.video.cases .video_list_box:nth-child(1) .abo_v_i,
.video.corp .video_list_box:nth-child(1) .abo_v_i {
    display: none;
}


.btn_f_sty {
    margin-top: 14px;
    width: 141px;
    height: 46px;
    line-height: 46px;
    background: #009FD6;
    border-radius: 6px;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    font-size: 14px;
    align-items: center;
}


.btn_f_sty::after {
    content: '\e604';
    font-family: 'iconfont';
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    margin-left: 10px;
}

.video_lb .swiper-container {
    margin: -60px -50px;
    padding: 60px 50px;
}

/*2023-4-26*/
#zh_2023{overflow: hidden;box-shadow: 0px 29px 73px -5px rgba(31,43,67,0.36);position: relative;background-color: #e8f0ff!important;border-radius: 12px;border-top-right-radius: 0px;padding: 0.4vw 0.4vw 2.8145833vw;cursor: pointer;height: auto;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;transition: all .3s ease-in-out;}
#zh_2023 >h2{transition: color .3s ease-in-out;width: 100%;text-align: center;font-size: 1.05vw;margin: 0.3vw 0 0.6vw 0;color: #15236d;}
#zh_2023 .ind_sl_box{border-radius: 12px;height: 11vw;width: 100%;margin: 0 0 2.2vw 0;position: relative;z-index: 10;}
#zh_2023 .ind_sl_box video{object-fit: cover;}
#zh_2023 > img{height: 13.54vw;object-fit: cover;position: absolute;bottom: -2.5vw;left: -6vw;opacity: 0.15;}
#zh_2023 > .goYun{background-color: #fff;padding:0.9vw 1.56vw 0.9vw 3.4vw;position: relative;z-index: 10;font-size: 1.04vw;letter-spacing: 2px;font-weight: bold;color: #436dc2;border-radius: 2vw;}
#zh_2023 > .goYun_m{pointer-events: none;mix-blend-mode: multiply;box-shadow: 0px 18px 25px -4px #CCE1FF;white-space: nowrap;position: absolute;top: 13.6vw;background-color: transparent;color: transparent;padding:0.9vw 1.56vw 0.9vw 3.4vw;z-index: 12;font-size: 1.04vw;letter-spacing: 2px;font-weight: bold;border-radius: 2vw;left: 50%;transform: translateX(-50%);}
#zh_2023 > .goYun_s{opacity: 0;display: none;transition: opacity .4s ease-in-out;pointer-events: none;;mix-blend-mode: screen;;white-space: nowrap;position: absolute;top: 13.6vw;background-color: transparent;color: transparent;padding:0.9vw 1.56vw 0.9vw 3.4vw;z-index: 10;font-size: 1.04vw;letter-spacing: 2px;font-weight: bold;border-radius: 2vw;left: 50%;transform: translateX(-50%);}
#zh_2023 > .goYun:hover + .goYun_s{opacity: 1;}
#zh_2023 > .goYun > img:nth-of-type(1){position: absolute;width: 2.1vw;left: 0.7vw;top: 50%;transform: translateY(-50%);}
#zh_2023 > .goYun_s > img:nth-of-type(1){position: absolute;width: 2.1vw;left: 0.7vw;top: 50%;transform: translateY(-50%);}
#zh_2023 > .goYun_s > img:nth-of-type(2){position: absolute;width: 146%;max-width: 150%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#zh_2023 > .goYun_m > img{opacity: 0;position: absolute;width: 2.1vw;left: 0.7vw;top: 50%;transform: translateY(-50%);}
#zh_2023 >h2 b{transition: color .3s ease-in-out;;font-size: 1.05vw;color: #15236d;height: 0;letter-spacing: 2px;}
#zh_2023 >p{position: relative;z-index: 10;transition: color .3s ease-in-out;;color: #4c6099;font-size: 0.73vw;text-align: center;font-weight: bold;padding-top: 1.3vw;letter-spacing: 1px;}
#zh_2023 >small{font-weight: 600;color: #666c80;font-size: 0.72vw;text-align: center;}
/*#zh_2023:hover > h2{color:rgba(62,141,220,1); }*/
/*#zh_2023:hover > h2 > b{color:rgba(62,141,220,1); }*/
/*#zh_2023:hover > p{color:rgba(62,141,220,1); }*/
#zh_frame_2023{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9999990;background-color: #fff;}
#zh_frame_2023 #yun{position: absolute;width: 100%;height: 100%;left: 0;top: 0}
#zh_app_2023{}
#zh_app_2023 .msg{position: absolute;top: 40vw;left: 4vw;width: 100%;height: 60%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
#zh_app_2023 .msg > h2{transition: color .3s ease-in-out;width: 100%;text-align: left;font-size: 6.2vw;margin: 6vw 0;color: #15236d;}
#zh_app_2023 .msg > h2 b{transition: color .3s ease-in-out;;font-size: 6.2vw;color: #15236d;height: 0;letter-spacing: 2px;}
#zh_app_2023 .msg > p{transition: color .3s ease-in-out;;color: #666c80;font-size: 4.2vw;text-align: left;line-height: 1.5;}
#zh_app_2023 .msg > small{transition: color .3s ease-in-out;;position: absolute;bottom: 0;left: 0;color: #fff;font-size: 3.2vw;text-align: left;line-height: 1.4;}
#zh_app_2023 > a{z-index: 10;position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: block;}
/*.index .bottom,.index .bottom .footer{background-color:#15236d;}*/
/*.stock_box,.header .menu .menulist .list li a:after{background-color:#15236d;}*/
/*.index .trends .slides .date,.index .trends .slides p,.footer .links a, .footer .copyright a{color: #b5dbff;}*/
/*.index .bottom .trends{border-color:rgba(181,219,255 0.35); }*/
.social-share .social-share-icon{border-radius: 0px!important;border: none!important;}
.social-share .social-share-icon:before{display: none;}
.social-share .icon-wechat .wechat-qrcode{top: 150%!important;}
.social-share .icon-wechat .wechat-qrcode:after{top:-13px;bottom: auto;border-color:transparent transparent #fff transparent!important; }

/*20231225*/
#zhSw .swiper-slide{display: flex;align-items: center;}
#zhSw .swiper-slide .box{height: 22vw;background-color: #fff;width: 100%;}
#zhSw .prev{
    position: absolute;bottom: 0;left: .4vw;height: 3vw;display: flex;align-items: center;justify-content: flex-start;
    color: #4c6099;z-index: 15;cursor: pointer;
}
#zhSw .prev i {padding-top: .1em}
#zhSw .next{
    position: absolute;bottom: 0;right: .4vw;height: 3vw;display: flex;align-items: center;justify-content: flex-start;
    color: #4c6099;z-index: 15;cursor: pointer;
}
#zhSw .next i {padding-top: .1em}
#zhSw .next small{font-size: 0.7vw;}
#zhSw .next img{height: 1.6vw;margin-right: 5px;max-width: 1.8vw;object-fit: contain;}
#zhSw .next svg{width: 1.3vw;}
#zhSw .zh_items{
    position: absolute;height: 100%;left: 100%;width: 1.9vw;
    display: flex;flex-direction: column;align-items: flex-start;
    justify-content: flex-start;top: 0;z-index: 20;
}
#zhSw .zh_items li{
    width: 1.9vw;border-radius: 4px;margin-top: -22%;
    text-align: center;overflow: hidden;cursor: pointer;
    padding: 0.7vw 0 1.3vw 0;position: relative;
    transform-origin: 0 0;
    transition: all .3s ease-in-out;
}
#zhSw .zh_items li a,#zhSw .zh_items li span{
    position: relative;z-index: 20;line-height: 1.2;
    display: block;color: #fff;
}
#zhSw .zh_items li:first-child{margin-top: 0;border-top-left-radius: 0;}
#zhSw .zh_items li:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 75%;
    background: #17256c;
    transition: background .5s ease;
}
#zhSw .zh_items li:after{
    content: "";
    position: absolute;height: 90%;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 4px;
    background: #17256c;
    transform: skewY(-25deg);
    transition: background .5s ease;
}
#zhSw .zh_items li.on{z-index: 22;transform: scale(1.2);margin-bottom: 1vw;}
#zhSw .zh_items li:hover{transform: scale(1.2);}
#zhSw .zh_items li.on span{color: #fff;}
#zhSw .zh_items li.on:after{
    background: #da1c2d;
}
#zhSw .zh_items li.on:before{
    background: #da1c2d;
}

#zhSw .zh_items li.red:after{
    background: #da1c2d;
}
#zhSw .zh_items li.red:before{
    background: #da1c2d;
}

#zhSw .swiper-pagination-bullet{background-color: #17256c;opacity: 1;}
#zhSw .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #da1c2d;}
/*end*/

@media screen and ( min-width: 1024px) {
    .app{display: none!important;}
    .al_nav_sty {
        position: absolute;
    }

    .al_nav_sty.left dl {
        max-height: calc(100vh - 60px);
        overflow-y: auto;

    }
    .al_nav_sty .sub{
        display: block !important;
    }
}

@media screen and (orientation: landscape) {

    .btn_f_sty:hover::after {
        transform: translateX(10px);
        -o-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -webkit-transform: translateX(10px);
    }

    .stock_box {
        display: none;
    }

    .index .stock_box {
        display: block;
    }

    .index .header .menu .menulist .functions li:last-of-type a {
        border-bottom-right-radius: 0
    }
}

/*20220-10-19*/
/*20220-10-19*/
@media screen and (max-width: 1600px) and (min-width: 900px){
    .index .maxsize{max-width: 1440px;}
    .header .menu .menulist{width: 82%;}
    .header .menu .menulist .list{padding-right: 260px;}
    .header .menu .logo{width: 18%;}
    body > .header .menu .posr{width: 96%;}
}
@media screen and (max-width: 1500px) and (min-width: 900px){
    .index .maxsize{max-width: 1380px;}
    .header .menu .posr{display: flex;align-items: center;justify-content: space-between;}
    .header .menu .logo img{height: auto;padding-left: 20px;}
    .header .menu .menulist .list{display: flex;align-items: center;justify-content: center;}
    .header .menu .menulist .list li a{font-size: 16px;padding: 0 7px;}
}
@media screen and (min-width: 1025px){
    body > .header{top: 0;}
    .header .menu .logo .logoWhite{opacity: 0;position: absolute;}
    body > .header .menu .logo > a:nth-child(1){opacity: 0;transition: opacity 0.3s ease-in-out;}
    body > .header .menu .logo .logoWhite{position: absolute;width: 100%;left: 0;top: 0;opacity: 1;transition: opacity 0.3s ease-in-out;}
    body > .header.ontop .menu .logo > a:nth-child(1){opacity: 1;}
    body > .header.ontop .menu .logo .logoWhite{opacity: 0;}
    body > .header.ontop .menu{background-color: #fff;}
    body > .header .menu .posr{background-color: transparent;box-shadow: none;max-width: 1800px;width: 93%;}
    body > .header:not(.ontop) .menu .menulist .list li a{color: #fff;}
    body > .header .menu .menulist .list li a{margin: 0 0.2vw;}
    body >.header .menu .menulist .list{text-align: center;}
    /*body >.header .menu .menulist .list li.active a{color: #3e8ddc;}*/
    body >.header:not(.ontop) .menu .menulist .list li a:after{bottom: 10px;}
    body >.header:not(.ontop) .menu .menulist .functions li>a{background-color: transparent;}
    body >.header:not(.ontop) .menu .menulist .functions li.lang a{background-color: transparent;}
    body >.header:not(.ontop) .menu .menulist .functions li.search a{background-color: transparent;}
    .content.about{margin-top: 10px;}
    /*.about-zh.slogan{padding: 0;display: flex;align-items: center;justify-content: flex-start;height: 450px;}*/
    /*.about-zh > .maxsize{max-width: 1280px;width: 88%;display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;}*/
    /*.about-zh > .maxsize > p{width: calc(100% - 80px);}*/
    /*.about-zh.maxsize{max-width: 1700px;width: 88%;}*/
    /*.about-zh .maxsize > h4{margin-bottom: 20px;}*/
    /*.about-zh .content .left{width: 320px;}*/
    /*.about-zh .content .right{margin-left: 320px;padding: 75px 100px;}*/
    .about .block p{font-size: 15px}
    .about .about_slogan{margin-top: -30px;}
    /*.about > .right{padding-top: 33px;}*/


    /*.content.news{margin-top: 10px;}*/
    /*.new-zh.slogan{padding: 0;display: flex;align-items: center;justify-content: flex-start;height: 450px;}*/
    /*.new-zh > .maxsize{max-width: 1280px;width: 88%;display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;}*/
    /*.new-zh.maxsize{max-width: 1700px;width: 88%;}*/
    /*.new-zh .maxsize > h4{margin-bottom: 20px;width: 358px;}*/
    /*.new-zh .content .left{width: 320px;}*/
    /*.new-zh .content .right{margin-left: 320px;padding: 75px 100px;}*/
    /*.new-zh a.news-wrapper{width: 31%;}*/
    /*.new-zh a.news-wrapper:nth-child(odd){margin-right: 0;}*/
    /*.new-zh a.news-wrapper:nth-child(3n+1){margin-right: 30px}*/
    /*.new-zh a.news-wrapper:nth-child(3n+2){margin-right: 30px}*/
    .news-item{padding: 20px!important;}

    /*.content.industry{margin-top: 10px;}*/
    /*.content.industry{margin-top: -98px;}*/
    /*.industry-zh.slogan{padding: 20.83vw 0 10.15vw 0;}*/
    /*.industry-zh.slogan{padding: 10.5vw 0 8vw 0;}*/
    .slogan.industry-zh .maxsize{max-width: 1280px;width: 88%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;}
    .industry-zh .maxsize > h4{margin-left: 0;}
    .industry-zh .maxsize > p{margin-left: 0;}

    /*.content.service-zh{margin-top: 10px;}*/
    /*.service-zh.slogan{padding: 26vw 0 10.15vw 0;}*/
    .service-zh.slogan{padding: 10.5vw 0 8vw 0;background-position-y:21%;}
    /*.service-zh > .maxsize{max-width: 1280px;width: 88%;display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;}*/
    /*.service-zh .maxsize > h4{margin-bottom: 20px;width: 358px;}*/

    .slogan.investor_zh .maxsize{max-width: 1280px;width: 88%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;}
    .investor_zh .maxsize > h4{margin-left: 0;}
    .investor_zh .maxsize > p{margin-left: 0;}


    .slogan{padding: 10.5vw 0 8vw 0;max-height: 450px;box-sizing: border-box;display: flex;align-items: center;}
    .slogan > .maxsize{max-width: 1280px;width: 88%;display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;}
    .slogan .maxsize > h4{margin-bottom: 20px;width: 368px;}
    .slogan p{width: 368px;box-sizing: border-box;}
    .content{margin-top: 10px;}
    .content .right{padding-top: 35px;}
    .header .menu .menulist .functions .sub{background-color: #fff;}
}

@media screen and (max-width: 1400px){
    body > .header .menu .posr{width: 100%;}
}

@media screen and (max-width: 1024px){
    .pc{display: none!important;}
    .logoWhite{display: none;}
    .header .menu .logo{margin-top: 0!important;}
    .slogan{height: 165px;box-sizing: border-box;display: flex;align-items: center;}
    .slogan > .maxsize{
        display: flex;flex-direction: column;align-items: flex-end;justify-content: center;
        padding: 0 10px;width: 100%;
    }
    .slogan .maxsize > h4{width: 60%;text-align: right;}
    .slogan.join_zh{background-position-x: 75%;}
    .slogan.about-zh{background-position-x: -28vw;}
    .service-zh.slogan{background-position-y: -9vw;background-position-x: -40vw;background-size: auto 165%;}
    .slogan.industry-zh > .maxsize{align-items: flex-start;}
    .slogan.industry-zh > .maxsize h4{text-align: left;}
    .slogan.investor_zh > .maxsize{align-items: flex-start;}
    .slogan.investor_zh > .maxsize h4{text-align: left;}
    .index .top .banner .slider li .maxsize{height: 50%;padding-left: 0;justify-content: flex-start;}
    .index .top .banner .bannerarrows{bottom: 50px;left: 2%;height: auto;width: 20%;}
    .social-share .icon-wechat .wechat-qrcode{left: 0!important;}
    .social-share .icon-wechat .wechat-qrcode:after{display: none;}
}

/*2024-1-18*/
.header .menu .posr{background-color: rgba(255,255,255,0.7);}
.header .menu .menulist .functions li>a{background-color: rgba(117,176,234,0.5);}
.header .menu .menulist .functions li.lang a{background-color: rgba(62,141,220,0.5);}
.index .header .menu .menulist .functions li:last-of-type a{background-color: rgba(67,109,194,0.5);}
.stock_box{background-color:rgba(16,72,138,0.6); }