/* CSS Document */

* {
    margin: 0;
    padding: 0
}

*:focus {
    outline: none
}

html {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
    font-size: 62.5%;
    /* 10÷16=62.5% */
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

body {
    font-family: "", "", "PingFang SC", "Hiragino Sans GB", PingHei, STHeiti;
    font-size: 14px;
    font-size: 1.4rem;
    /* 12÷10=1.2 */
    font-weight: 400;
    line-height: 150%;
    color: #000;
    background: #f5f5f5;
    height: 100%
}

em,
q,
cite,
address {
    font-weight: 400;
    font-style: normal
}

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

address {
    display: inline
}

img {
    border: none
}

li {
    list-style: none
}

q {
    quotes: none
}

strong {
    font-weight: bold
}

table {
    border-collapse: collapse
}

th {
    text-align: left;
    font-weight: 400
}

small {
    -webkit-text-size-adjust: none;
    font-size: 10px
}

i {
    font-style: normal
}

::selection {
    background-color: #1e55a8;
    color: #fff
}

::-moz-selection {
    background-color: #1e55a8;
    color: #fff
}


/* clear float */

.cf {
    zoom: 1
}


/* for IE */

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


/* for other */


/* end of clear float */


/* float */

.fleft {
    float: left!important
}

.fright {
    float: right!important
}

.fnone {
    float: none!important
}


/* text-align */

.tleft {
    text-align: left
}

.tright {
    text-align: right
}

.tcenter {
    text-align: center
}

.tjust {
    text-align: justify;
}


/* display */

.dis {
    display: block
}

.undis {
    display: none
}

.disinline {
    display: inline
}

.disinblock {
    display: inline-block
}

.cursor_pointer {
    cursor: pointer
}

.cursor_default {
    cursor: default
}


/*-------------------结构-------------------*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
time {
    display: block
}

.cd-main-content {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

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

.container:before,
.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

select {
    box-sizing: border-box;
    border: none;
    color: #6a6f77;
    -web-kit-appearance: none;
    -moz-appearance: none;
    display: block;
    outline: 0;
    text-decoration: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}


/*-------------------手机端菜单-------------------*/

#cd-lateral-nav {
    display: none
}


/*-------------------定位-------------------*/

.positionRelative {
    position: relative
}

.positionAbsolute {
    position: absolute
}

.positionStatic {
    position: static!important;
    top: 0!important;
    margin-top: 0!important
}

.poabsolute-wh50 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.poabsolute-w50 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.poabsolute-h50 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.poabsolute-t {
    position: absolute;
    top: 0
}

.poabsolute-b {
    position: absolute;
    bottom: 0
}

.left0 {
    left: 0!important
}

.right0 {
    right: 0!important
}

.zindex2 {
    z-index: 2
}

.zindex3 {
    z-index: 3
}

.overhidden {
    overflow: hidden
}


/*-------------------通用圆角-------------------*/

.border-radius3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.border-radius10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.border-radius50 {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}


/*-------------------透明度-------------------*/

.opacity0 {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.opacity0_1 {
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1
}

.opacity0_2 {
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2
}

.opacity0_5 {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}

.opacity0_6 {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6
}

.opacity0_7 {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7
}

.opacity0_8 {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
}


/*-------------------字体颜色、样式、字体间距-------------------*/

@font-face {
    font-family: 'iconfont';
    /* Project id 2613794 */
    src: url('../fonts/font_2613794_mr30phwilyp.woff2') format('woff2'), url('//at.alicdn.com/t/font_2613794_mr30phwilyp.woff?t=1623928430044') format('woff'), url('//at.alicdn.com/t/font_2613794_mr30phwilyp.ttf?t=1623928430044') format('truetype');
}

.iconfont {
    line-height: 1em
}

.fa-0_2x {
    font-size: 0.2em!important
}

.fa-0_6x {
    font-size: 0.6em!important
}

.fa-0_8x {
    font-size: 0.8em!important
}

.fa-1x {
    font-size: 1em!important
}

.fa-1_2x {
    font-size: 1.2em!important
}

.fa-1_6x {
    font-size: 1.6em!important
}

.fa-2x {
    font-size: 2em!important
}

.fa-2_4x {
    font-size: 2.4em!important
}

.fa-3x {
    font-size: 3em!important
}

.fa-4x {
    font-size: 4em!important
}

.fa-5x {
    font-size: 5em!important
}

.font-bold {
    font-weight: bold
}

.font-thin {
    font-weight: 300
}

h1,
.h1 {
    font-size: 40px;
    line-height: 1.1em
}

h2,
.h2 {
    font-size: 37px;
    line-height: 1.1em
}

h3,
.h3 {
    font-size: 35px;
    line-height: 1.1em
}


/*子页大标题*/


/*子页二标题*/

h5,
.h5 {
    font-size: 18px
}


/*子页小标题*/

h6,
.h6 {
    font-size: 16px
}

.bigtitle {
    font-size: 50px;
    line-height: 1.1em;
    font-weight: 400
}

.fontSize10 {
    font-size: 10px;
    font-size: 1rem;
    -webkit-transform: scale(0.8)
}

.fontSize12 {
    font-size: 12px
}

.letterspacing5 {
    letter-spacing: 5px
}

.letterspacing8 {
    letter-spacing: 8px
}


/*-----------------间距---------------------*/

.line-height1em {
    line-height: 1em
}

.line-height1_1em {
    line-height: 1.1em
}

.line-height1_2em {
    line-height: 1.2em
}

.line-height1_3em {
    line-height: 1.3em
}

.line-height1_5em {
    line-height: 1.5em
}

.line-height1_6em {
    line-height: 1.6em
}

.line-height1_8em {
    line-height: 1.8em
}

.line-height2em {
    line-height: 2em
}

.line-height2_5em {
    line-height: 2.5em
}


/*-------------------颜色--------------------*/

.colorfff,
.colorfff a,
a.colorfff {
    color: #fff
}

.color000,
.color000 a,
a.color000 {
    color: #000
}

.color1e55a8 {
    color: #1e55a8;
}

.colorfe2230 {
    color: #fe2230;
}

.color999999 {
    color: #999999;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s
}

.color999 {
    color: #999999;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s
}

.color666 {
    color: #666666;
}

.color1f1f1f {
    color: #1f1f1f;
}

.color134290 {
    color: #134290;
}

.colore72f34 {
    color: #e72f34;
}

.color131313 {
    color: #131313;
}

.color2264c8 {
    color: #2264c8;
}

.color2057a1 {
    color: #2057a1;
}

.color154996 {
    color: #154996;
}

.color04357c {
    color: #04357c;
}

.color6e6e6e {
    color: #6e6e6e;
}

.bgfff {
    background: #fff
}

.bg000 {
    background: #000
}

.bgf5f5f5 {
    background: #f5f5f5;
}

.bg1e55a8 {
    background: #1e55a8;
}

.bg04357c {
    background: #04357c;
}

.bg184a97 {
    background: #184a97;
}

.bgdc7330 {
    background: #dc7330;
}

.bgededed {
    background: #ededed;
}

.bgf8f8f8 {
    background: #f8f8f8;
}

.bg134592 {
    background: #134592;
}

.bgf3f3f3 {
    background: #f3f3f3;
}

.bgebebeb {
    background: #ebebeb;
}

.bg12418a {
    background: #12418a;
}

.bg2264c8 {
    background: #2264c8;
}

.bg134290 {
    background: #134290;
}

.bg2280c8 {
    background: #2280c8;
}

.bg1c4994 {
    background: #1c4994;
}

.bgfbfbfb {
    background: #fbfbfb;
}

.bgf9f9f9 {
    background: #f9f9f9;
}

.bg12479f {
    background: #12479f;
}

.bg134aa5 {
    background: #134aa5;
}

.bgfcfafa {
    background: #fcfafa;
}

.bgfff0_8 {
    background: rgba(255, 255, 255, 0.8)
}

.bgfff0_97 {
    background: rgba(255, 255, 255, 0.97)
}

.bg0050a10_6 {
    background: rgba(0, 80, 161, 0.6);
}


/*-------------------宽度、高度--------------------*/

.width20 {
    width: 20%
}

.width25 {
    width: 25%
}

.width30 {
    width: 30%
}

.width33 {
    width: 33.33%
}

.width40 {
    width: 40%
}

.width45 {
    width: 45%
}

.width48 {
    width: 48%
}

.width50 {
    width: 50%
}

.width55 {
    width: 55%
}

.width60 {
    width: 60%
}

.width65 {
    width: 65%
}

.width70 {
    width: 70%
}

.width75 {
    width: 75%
}

.width80 {
    width: 80%
}

.width90 {
    width: 90%
}

.width95 {
    width: 95%
}

.width100 {
    width: 100%
}

.height50 {
    height: 50%
}

.height100 {
    height: 100%
}

.minheight200 {
    height: 250px;
}

.imgw20 {
    display: block;
    max-width: 20%;
    height: auto
}

.imgw30 {
    display: block;
    max-width: 30%;
    height: auto
}

.imgw40 {
    display: block;
    max-width: 40%;
    height: auto
}

.imgw50 {
    display: block;
    max-width: 50%;
    height: auto
}

.imgw60 {
    display: block;
    max-width: 60%;
    height: auto
}

.imgw90 {
    display: block;
    max-width: 90%;
    height: auto
}

.imgw100 {
    display: block;
    max-width: 100%;
    height: auto
}

.infinite-height {
    margin-bottom: -3000px;
    padding-bottom: 3000px
}

.object_fit-cover {
    object-fit: cover;
}


/*-------------------区块-------------------*/

.area_100 {
    float: left;
    width: 100%
}

.area_90 {
    float: left;
    width: 90%
}

.area_80 {
    float: left;
    width: 80%
}

.area_75 {
    float: left;
    width: 75%
}

.area_70 {
    float: left;
    width: 70%
}

.area_66 {
    float: left;
    width: 66.66%
}

.area_65 {
    float: left;
    width: 65%
}

.area_60 {
    float: left;
    width: 60%
}

.area_55 {
    float: left;
    width: 55%
}

.area_50 {
    float: left;
    width: 50%
}

.area_48 {
    float: left;
    width: 48%
}

.area_45 {
    float: left;
    width: 45%
}

.area_40 {
    float: left;
    width: 40%
}

.area_35 {
    float: left;
    width: 35%
}

.area_33 {
    float: left;
    width: 24.33%
}

.area_30 {
    float: left;
    width: 30%
}

.area_28 {
    float: left;
    width: 28%
}

.area_25 {
    float: left;
    width: 25%
}

.area_22 {
    float: left;
    width: 22%
}

.area_20 {
    float: left;
    width: 20%
}

.area_15 {
    float: left;
    width: 15%
}

.area_10 {
    float: left;
    width: 10%
}

.area_12 {
    float: left;
    width: 12%
}

.box-sizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.margintop2 {
    margin-top: 2px
}

.margintop3 {
    margin-top: 3px
}

.margintop4 {
    margin-top: 4px
}

.margintop5 {
    margin-top: 5px
}

.margintop10 {
    margin-top: 10px
}

.margintop15 {
    margin-top: 15px
}

.margintop20 {
    margin-top: 20px
}

.margintop25 {
    margin-top: 25px
}

.margintop30 {
    margin-top: 30px
}

.margintop40 {
    margin-top: 40px
}

.margintop60 {
    margin-top: 60px
}

.margintop80 {
    margin-top: 80px
}

.marginbottom5 {
    margin-bottom: 5px
}

.marginbottom10 {
    margin-bottom: 10px
}

.marginbottom15 {
    margin-bottom: 15px
}

.marginbottom20 {
    margin-bottom: 20px
}

.marginbottom30 {
    margin-bottom: 30px
}

.marginbottom40 {
    margin-bottom: 40px
}

.marginbottom60 {
    margin-bottom: 60px
}

.marginbottom90 {
    margin-bottom: 90px
}

.marginleft5 {
    margin-left: 5px
}

.marginleft10 {
    margin-left: 10px
}

.marginleft15 {
    margin-left: 15px
}

.marginleft20 {
    margin-left: 20px
}

.marginleft30 {
    margin-left: 30px
}

.marginleft40 {
    margin-left: 40px
}

.marginleft50 {
    margin-left: 50px
}

.marginleft_f20 {
    margin-left: -20px;
}

.marginright5 {
    margin-right: 5px
}

.marginright10 {
    margin-right: 10px
}

.marginright20 {
    margin-right: 20px
}

.marginright30 {
    margin-right: 30px
}

.marginright40 {
    margin-right: 40px
}

.marginright50 {
    margin-right: 50px
}

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

.paddingtop0 {
    padding-top: 0!important
}

.paddingtop5 {
    padding-top: 5px
}

.paddingtop10 {
    padding-top: 10px
}

.paddingtop15 {
    padding-top: 15px
}

.paddingtop20 {
    padding-top: 20px
}

.paddingtop25 {
    padding-top: 25px
}

.paddingtop30 {
    padding-top: 30px
}

.paddingtop33 {
    padding-top: 33px
}

.paddingtop35 {
    padding-top: 35px
}

.paddingtop40 {
    padding-top: 40px
}

.paddingtop50 {
    padding-top: 50px
}

.paddingtop60 {
    padding-top: 60px
}

.paddingtop80 {
    padding-top: 80px
}

.paddingbottom0 {
    padding-bottom: 0!important
}

.paddingbottom5 {
    padding-bottom: 5px
}

.paddingbottom10 {
    padding-bottom: 10px
}

.paddingbottom15 {
    padding-bottom: 15px
}

.paddingbottom20 {
    padding-bottom: 20px
}

.paddingbottom30 {
    padding-bottom: 30px
}

.paddingbottom35 {
    padding-bottom: 35px
}

.paddingbottom40 {
    padding-bottom: 40px
}

.paddingbottom45 {
    padding-bottom: 45px
}

.paddingbottom50 {
    padding-bottom: 50px
}

.paddingbottom60 {
    padding-bottom: 60px
}

.paddingbottom80 {
    padding-bottom: 80px
}

.paddingbottom100 {
    padding-bottom: 100px
}

.paddingleft0 {
    padding-left: 0!important
}

.paddingleft2 {
    padding-left: 2px
}

.paddingleft5 {
    padding-left: 5px
}

.paddingleft7 {
    padding-left: 7px
}

.paddingleft10 {
    padding-left: 10px
}

.paddingleft15 {
    padding-left: 15px
}

.paddingleft20 {
    padding-left: 20px
}

.paddingleft30 {
    padding-left: 30px
}

.paddingleft40 {
    padding-left: 40px
}

.paddingleft50 {
    padding-left: 50px
}

.paddingright0 {
    padding-right: 0!important
}

.paddingright2 {
    padding-right: 2px
}

.paddingright5 {
    padding-right: 5px
}

.paddingright7 {
    padding-right: 7px
}

.paddingright10 {
    padding-right: 10px
}

.paddingright15 {
    padding-right: 15px
}

.paddingright20 {
    padding-right: 20px
}

.paddingright30 {
    padding-right: 30px
}

.paddingright40 {
    padding-right: 40px
}

.paddingright50 {
    padding-right: 50px
}

.padding1 {
    padding: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.padding2 {
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.padding5 {
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.padding10 {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.padding15 {
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.padding20 {
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.padding30 {
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.padding40 {
    padding: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.padding15_30 {
    padding: 15px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.row1 {
    margin-left: -1px;
    margin-right: -1px
}

.row2 {
    margin-left: -2px;
    margin-right: -2px
}

.row5 {
    margin-left: -5px;
    margin-right: -5px
}

.row10 {
    margin-left: -10px;
    margin-right: -10px
}

.row15 {
    margin-left: -15px;
    margin-right: -15px
}

.row20 {
    margin-left: -20px;
    margin-right: -20px
}

.row30 {
    margin-left: -30px;
    margin-right: -30px
}

.row50 {
    margin-left: -50px;
    margin-right: -50px
}

.mo_dis {
    display: none
}

.mo_undis {
    display: block
}


/*-----------------线条---------------------*/

.line-fff {
    width: 100%;
    height: 1px;
    line-height: 1px;
    font-size: 0;
    background: #fff;
    border: 0 none
}

.line-000 {
    width: 100%;
    height: 1px;
    line-height: 1px;
    font-size: 0;
    background: #000;
    border: 0 none
}

.line-0068b7 {
    width: 100%;
    height: 2px;
    line-height: 2px;
    font-size: 0;
    background: #0068b7;
    border: 0 none
}

.line-d82e8b {
    width: 100%;
    height: 4px;
    line-height: 4px;
    font-size: 0;
    background: #d82e8b;
    border: 0 none
}

.line-e2e2e2no {
    width: 100%;
    height: 1px;
    line-height: 4px;
    font-size: 0;
    background: #e2e2e2;
    border: 0 none
}

.line-e2e2e2 {
    width: 100%;
    height: 1px;
    line-height: 4px;
    font-size: 0;
    background: #e2e2e2;
    border: 0 none
}

.line-e2e2e2::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 3px;
    background: #1e55a8;
    position: absolute;
    left: 0;
}

.link-d6d6d6 {
    width: 100%;
    height: 1px;
    line-height: 1px;
    font-size: 0;
    background: #d6d6d6;
    border: 0 none
}

.line-b7b7b7 {
    width: 100%;
    height: 1px;
    line-height: 4px;
    font-size: 0;
    border: 0 none;
    border-bottom: 1px dashed #b7b7b7
}

.line-1550aa {
    width: 100%;
    height: 1px;
    line-height: 1px;
    font-size: 0;
    background: #1550aa;
    border: 0 none
}

.border_b_ececec {
    border-bottom: 1px solid #ececec
}

.border-ff {
    border-bottom: 1px solid #fff;
}

.border-00 {
    border-bottom: 1px solid #000;
}

.border-1e55a8 {
    border-bottom: 1px solid #1e55a8;
}

.border-484c4c {
    border-bottom: 1px solid #484c4c;
}

.border-2264c8 {
    border: 1px solid #2264c8;
}

.border-e2e2e2 {
    border: 1px solid #e2e2e2;
}

.border_fff-3::before {
    content: '';
    width: 95%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: -15px;
}

.border-1f1f1f {
    border: 1px solid #1f1f1f;
}

.kv-btn1.borderfff {
    border: 1px solid #fff;
}

.kv-btn1.borderfff:hover {
    border: 1px solid rgba(255, 255, 255, 0.7);
}


/*-------------------按钮-------------------*/

.button,
a.button,
input.button {
    text-decoration: none;
    text-align: center;
    display: inline-block;
    appearance: none;
    cursor: pointer;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-property: all;
    transition-property: all;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s
}

.button-m,
a.button-m,
input.button-m {
    padding: 0 20px;
    height: 30px;
    line-height: 30px
}

.button-l,
a.button-l,
input.button-l {
    padding: 0 40px;
    height: 50px;
    line-height: 50px
}

.button-l .iconfont,
a.button-l .iconfont,
input.button-l .iconfont {
    line-height: 50px!important
}

.button-blue,
a.button-blue,
input.button-blue {
    background: #0068b7;
    color: #fff
}

.button-blue:hover,
a:hover.button-blue,
input.button-blue:hover {
    background: #3785c0;
    color: #fff
}

.button-blue:active,
a:active.button-blue,
input.button-blue:active {
    background: #3785c0;
    color: #fff;
    -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15) inset
}

.button-gray,
a.button-gray,
input.button-gray {
    background: #eee;
    color: #000
}

.button-gray:hover,
a:hover.button-gray,
input.button-gray:hover {
    background: #d0d0d0;
    color: #000
}

.button-gray:active,
a:active.button-gray,
input.button-gray:active {
    background: #bcbcbc;
    color: #000;
    -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15) inset
}

.return-btn {
    padding: 8px 25px;
    background: #eee;
    border-radius: 5px;
}

.return-btn:hover {
    background: #0050a1;
    color: #fff;
}


/* ------------------三角-------------------- */

.triangle-up {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 40px solid #fff;
    z-index: 1;
}


/*-------------------通用-------------------*/

.com-rows_1 {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.com-rows_2 {
    height: 2.75em;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical/*最多显示2行，超出省略号*/
}

.com-rows_2no {
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical/*最多显示2行，超出省略号*/
}

.com-rows_max2 {
    max-height: 2.75em;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical/*最多显示2行，超出省略号*/
}

.com-rows_3 {
    height: 4.45em;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.com-rows_max3 {
    max-height: 4.45em;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.com-rows_4no {
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.com-rows_4 {
    height: 5.55em;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.com-rows_max4 {
    max-height: 5.55em;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.com-rows_5 {
    height: 6.95em;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.com-rows_6 {
    height: 8.35em;
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

.com-rows_6no {
    height: 12.35em;
    line-height: 1.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical
}

.zoomimg {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

a:hover .zoomimg,
.zoomimg:hover,
.foundSwiper .com-link:hover .zoomimg {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.com-link {
    display: block;
    overflow: hidden;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s
}

.com-link:hover {
    color: #000;
    -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1)
}

.com-link.colorfff:hover {
    color: #fff
}

.com-link.bg1e55a8:hover,
.com-link.bg04357c:hover {
    background: #154996;
}

.bgedf2f9-link:hover .bgf5f5f5,
.bgedf2f9-link:hover {
    background: #edf2f9;
}

.bgedf2f9-link:hover .color999999 {
    color: #1e55a8;
}

.com-link-032763:hover {
    background: #032763;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s
}

.com-link-032763:hover.color2264c8 {
    color: #fff;
}

.block-padding {
    padding-top: 80px;
    padding-bottom: 80px
}

.block-padding-t {
    padding-top: 80px
}

.block-padding-b {
    padding-bottom: 80px
}

.block-padding-t65 {
    padding-top: 65px
}

.block-padding-b65 {
    padding-bottom: 65px
}

.block-padding-t60 {
    padding-top: 60px
}

.block-padding-b60 {
    padding-bottom: 60px
}

.card-padding {
    padding: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.word-break_word {
    word-break: break-word;
}


/* -------------------旋转------------------ */

.transform_90 {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.transform_180 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


/*-------------------头部-------------------*/

.headbox {
    width: 100%;
    height: 0;
    position: fixed;
    z-index: 1000
}

.menu {
    display: none
}

.navbox {
    width: 100%;
    height: 100px;
    background: rgba(255, 255, 255, 0);
    position: absolute;
    top: 0;
    left: 0;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.logo {
    width: auto;
    height: 60px;
    position: absolute;
    left: 5%;
    bottom: 15px;
    z-index: 10;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.headbox.current .navbox,
.headbox.elCurrent .navbox {
    background: rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    top: -30px
}

.headbox.current .logo,
.headbox.elCurrent .logo {
    height: 40px
}

.language {
    height: 24px;
    line-height: 24px;
    position: absolute;
    top: 30px;
    right: 5%;
    z-index: 10
}

.language i {
    cursor: pointer
}

.language a:hover {
    background: #1e55a8
}

.language a,
.language span {
    float: left;
    display: block;
    margin: 0 2px;
    width: 28px;
    text-align: center;
    height: 20px;
    line-height: 20px!important;
    font-size: 12px;
    color: #fff;
    font-family: Arial, "Helvetica Neue", Helvetica,
}

.language-a {
    background: #828282;
}

.language-span {
    background: #1e55a8;
}

.headspace {
    width: 100%;
    height: 71px;
}

.language {
    margin-top: 26px;
    margin-left: 20px;
}


/* nav_menu */

.nav {
    height: 70px;
    line-height: 70px;
    position: absolute;
    top: 30px;
    right: 12%;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.nav .menuLi {
    float: left;
    display: block;
    position: relative;
    margin: 0 20px
}

.nav .menuLi .mainmenu {
    display: block;
    height: 70px;
    line-height: 70px;
    color: #134290;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mainmenu-dot {
    width: 0;
    height: 3px;
    background: #4bb2cc;
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease-out .3s;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -o-transition: all ease-out .3s
}

.nav .menuLi .mainmenu:hover,
.nav .menuLi .mainmenu.menuLiBnameover,
.current .nav .menuLi .mainmenu:hover,
.elCurrent .nav .menuLi .mainmenu:hover {
    color: #1e55a8
}

.nav .menuLi .mainmenu:hover .mainmenu-dot,
.nav .menuLi .mainmenu.menuLiBnameover .mainmenu-dot,
.nav .menuLi .mainmenu.menuLipitchon:hover .mainmenu-dot,
.nav .menuLi .mainmenu.menuLipitchon.menuLiBnameover .mainmenu-dot {
    width: 100%;
    left: 0
}

.nav .menuLi .mainmenu.menuLipitchon .mainmenu-dot {
    width: 15px;
    left: 20px
}

.nav .menuLi .mainmenu.menuLipitchon,
.current .nav .menuLi .mainmenu.menuLipitchon,
.elCurrent .nav .menuLi .mainmenu.menuLipitchon {
    color: #1e55a8;
    font-weight: bold;
}

.menuListBox {
    width: auto;
    line-height: 38px;
    position: absolute;
    top: 70px;
    left: 0;
    background: #1e55a8;
    display: none
}

.menuListBox a {
    display: block;
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    white-space: nowrap
}

.menuListBox a:hover {
    background: #04357c;
    color: #fff
}

.current .nav .menuLi .mainmenu,
.elCurrent .nav .menuLi .mainmenu {
    color: #000;
}

.menuListBox .menuListBox-child a {
    display: block;
    width: 100%;
    padding: 0 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    white-space: nowrap
}

.language-menuLi .icon-diqiu {
    line-height: 70px;
    color: #1e55a8
}

.language-menuLi .menuListBox {
    width: 50px;
    left: 50%;
    margin-left: -25px
}

.language-menuLi .menuListBox a {
    padding: 0;
    text-align: center
}


/*-------------------底部-------------------*/

.footbox a:hover {
    color: #1e55a8
}

.footbox p a:hover {
    color: #1e55a8
}

.footbox {
    border-top: 1px solid #d0dbea;
}

.copyright {
    position: absolute;
    top: 0;
    right: 0
}

.copyright a:hover {
    color: #fff
}

.gototop {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #707070;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 1001;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    display: none;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2
}

.gototop:hover {
    background: #fff;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.gototop:hover .iconfont {
    color: #000
}

.gototop .iconfont {
    color: #fff
}

.foot-line {
    position: relative;
    height: 100%;
}

.foot-line::before {
    content: '';
    display: block;
    width: 1px;
    height: 180px;
    background: #d0dbea;
    position: absolute;
    right: 0;
    top: 30px
}

.footselect {
    background: url(/images/select.png) right center no-repeat;
    background-size: 15px 13px;
    background-position: 100% 33%;
    padding-right: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
}


/* ----------------------首页---------------------- */

.scroll-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    width: 30px;
    background-size: 100% 100%;
    font-size: 22px;
    color: rgba(255, 255, 255, 1);
    -webkit-transition: .4s;
    transition: .4s;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -15px;
    z-index: 1000;
}

.scroll-icon::after {
    font-family: "iconfont";
    font-weight: 100;
    content: '\e60f';
    -webkit-animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
    animation: scroll-icon 1.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}

@-webkit-keyframes scroll-icon {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        opacity: 0;
    }
    30%,
    70% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0;
    }
}

@keyframes scroll-icon {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        opacity: 0;
    }
    30%,
    70% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0;
    }
}

.indexkvbox .index_kvbg {
    -moz-transition: 5s;
    -o-transition: 5s;
    -webkit-transition: 5s;
    transition: 5s
}

.indexkvbox:hover .index_kvbg {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.indexkv-animation01,
.indexkv-animation02,
.indexkv-animation03,
.indexkv-animation04 {
    transition: all ease-out .6s;
    -webkit-transition: all ease-out .6s;
    -moz-transition: all ease-out .6s;
    -o-transition: all ease-out .6s;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.indexkv-animation01,
.indexkv-animation04 {
    margin-top: 50px
}

.indexkv-animation02 {
    margin-top: 60px
}

.indexkv-animation03 {
    margin-top: 80px
}

.waper-height40 {
    height: 249px!important;
    overflow: hidden;
}

.waper-height60 {
    height: 331px;
    background: url(/images/index/jl2.jpg?v=0.1) right center no-repeat;
}

.waper-height100 {
    height: 600px;
    background: url(/images/index/jl1.jpg?v=0.1) center center no-repeat;
}

.pagination-newsSwiper {
    width: 50%;
    bottom: 20px;
    left: 100%;
}

.newsSwiper .swiper-wrapper,
.newsSwiper .swiper-slide,
.inedxNewSwiper .swiper-wrapper {
    height: auto !important;
}

.inedxNewSwiper .swiper-slide {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}

.inedxNewSwiper .swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1);
}

.inedxNewSwiper .swiper-slide.swiper-slide-prev {
    transform-origin: top left;
}

.inedxNewSwiper .swiper-slide.swiper-slide-next {
    transform-origin: top right;
}

.inedxNewSwiper.swiper-container-horizontal .swiper-pagination {
    bottom: 0
}

.inedxNewSwiper .swiper-pagination-bullet {
    background: #d8d8d8;
    opacity: 1;
}

.inedxNewSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1c57b0;
}

.indexkv.swiper-container-horizontal .swiper-pagination {
    bottom: 60px
}

.indexkv .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 0.2;
}

.indexkv .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

.more_a {
    top: 30%;
}

.zp-lab {
    height: 248px;
}

.bg-change {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */
}


/* ----------------------关于恒瑞---------------------- */

.index-bg {
    background: url(../images/about/index-bg.jpg) center no-repeat;
    background-size: cover;
}

.indexHonor-kv {
    height: 300px;
    background: url(../images/about/showlis4.jpg) center center no-repeat;
}

.trainHonor-kv {
    height: 400px;
    background: url(../images/development/trainimg2.jpg) center center;
}

.hover-zoom {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.hover-zoom:hover {
    background-size: 110% 110%;
}

.indexFound-bg {
    height: calc(30vh);
    min-height: 200px;
}


/* --------------------公司概况----------------- */

.aboutCourse {
    position: relative;
    /* background: url(/images/about/ablc.jpg) top center no-repeat; */
    background-attachment: scroll;
}

.timeline-box {
    padding-top: 50px;
    padding-bottom: 50px;
}

#timeline {
    width: 100%;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#timeline:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #afc7cf;
    left: 50%;
    top: 0;
    position: absolute;
}

#timeline:after {
    content: "";
    clear: both;
    display: table;
    width: 100%
}

#timeline .timeline-item {
    margin-top: 0;
    position: relative;
}

#timeline .timeline-item .timeline-icon {
    background: #043b8b;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 50.5%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    margin-left: -6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

#timeline .timeline-item .timeline-icon::before {
    content: '';
    display: inline-block;
    width: 31px;
    height: 31px;
    background: url(../images/time-icon.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50.5%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#timeline .timeline-item .timeline-content {
    width: 46%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#timeline .timeline-item .timeline-content.right {
    float: right;
}

.timeline-txt,
.timeline-year {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.min-height100 {
    min-height: 100px;
}

.titRtight {
    left: 60%;
}

.bgfffab {
    height: 100%;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 1;
}


/* -------------------党建工作------------------- */

.partyBuild-bg {
    background: url(/images/partybuilding-bg.jpg) 64% center no-repeat;
    background-size: cover;
}


/* -------------------------公司战略-------------------------- */

.strategy-kv {
    height: calc(100vh + 170px);
    min-height: 500px;
    background: url(/images/strategy-kv.jpg) 30% center no-repeat;
    background-size: cover;
}

.strkv-con.poabsolute-h50 {
    top: 10%;
}

.strtxt-con {
    position: absolute;
    bottom: 5%;
}


/* -------------------------公司荣誉-------------------------- */

.honor-kv {
   
}

.honor-swiper {
    top: calc(50% - 180px);
}

.honor-prev.swiper-button-prev,
.honor-next.swiper-button-next {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #fff;
    color: #134290;
    text-align: center;
}

.honor-prev.swiper-button-prev:hover,
.honor-next.swiper-button-next:hover {
    background: #134290;
    color: #fff;
}

.honor-swiper .swiper-slide {
    opacity: 0;
}

.honor-swiper .swiper-slide.swiper-slide-next,
.honor-swiper .swiper-slide.swiper-slide-prev {
    opacity: 0.5;
}

.honor-swiper .swiper-slide.swiper-slide-active {
    opacity: 1;
    box-shadow: 10px 5px 20px rgba(0, 0, 0, 0.2)
}

.honor-swiper .swiper-slide .bgfff {
    min-height: 380px;
}


/* -------------------------合规发展-------------------------- */

.deve-kv {
    height: calc(70vh);
    min-height: 500px;
    background: url(/images/about/deve-kv.jpg?v0.1) center no-repeat;
    background-size: cover;
}

.devFound-bg {
    height: calc(65vh);
    min-height: 500px;
}

.devlis-kv {
    height: calc(30vh);
    min-height: 200px;
    background: url(/images/about/devlis6-kv.jpg?v0.1) left center no-repeat;
    background-size: cover;
}

.devlis-kv a:hover {
    border-bottom: 1px solid #fff;
}


/* -------------------------社会公益-------------------------- */

.social-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.9);
}

.social-swiper .swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1);
}

.social-kv .weprodutSwiper-pagination {
    left: 0;
    width: 100%;
}

.swiper-button-prev.social-prev {
    left: -20px;
}

.swiper-button-next.social-next {
    right: -20px;
}

.swiper-button-next.social-next:hover,
.swiper-button-prev.social-prev:hover {
    color: #1e55a8;
}

.social-kv {
    background: url(/images/about/socialis-bg.jpg) bottom center no-repeat;
    background-size: cover;
}

.social-kv .poabsolute-h50 {
    top: 20%;
}

.btn_134290 {
    padding: 5px 30px 10px 30px;
    background: #134290;
    border-radius: 50px;
    color: #fff;
    line-height: 20px;
}

.btn_134290:hover {
    color: #fff;
    background: #2264c8;
}

.socialis ul li p {
    opacity: 0.5;
}

.socialis ul li h5 {
    font-weight: bold;
}


/* -------------------------公示公告-------------------------- */

.notice-kv {
    height: calc(100vh - 180px);
    min-height: 500px;
    background: url(/images/about/notice-kv.jpg) top center no-repeat;
    background-size: cover;
}

.pdf_lab1 a {
    padding: 10px 40px;
    background: #134290;
    border: 1px solid #134290;
    border-radius: 50px;
    display: inline-block;
}

.pdf_lab1 a.com-link:hover {
    background: transparent;
    color: #134290;
}

.hand {
    display: inline-block;
    width: 15px;
    height: 20px;
    background: url(/images/about/han.png) center center no-repeat;
    background-size: contain;
    margin-top: 5px;
    padding-right: 5px;
}


/* -------------------------健康+-------------------------- */

.healthIndex-bg {
    background: url(/images/health/index-kv.jpg?v0.1) right center no-repeat;
    background-size: cover;
}


/* -------------------------创新研发-------------------------- */

.innov-kv {
    height: calc(100vh - 70px);
    min-height: 600px;
    background: url(../images/health/innov-kv.jpg) center center no-repeat;
    background-size: cover;
}

.kv-btn {
    border: 1px solid #134290;
    border-radius: 50px;
    padding: 20px;
    color: #134290;
}

.kv-btn.colorfff {
    border: 1px solid #fff;
}

a.kv-btn:hover {
    border: 1px solid rgba(19, 66, 144, 0.7);
}

a.kv-btn.colorfff:hover {
    border: 1px solid rgba(255, 255, 255, 0.7)
}

.innovLabel span {
    display: block;
    width: 120px;
    height: 120px;
    line-height: 120px;
    border: 1px solid #134290;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto;
    text-align: center;
}

.swPro-txt {
    margin-top: -50px;
    min-height: 480px;
}

.swPro-txt p {
    width: calc(100% - 20px);
    float: left;
}

.dian {
    float: left;
    width: 8px;
    height: 8px;
    line-height: 8px;
    border-radius: 50%;
    background: #134290;
    margin-top: 6px;
    margin-right: 5px;
}

.dian.bg000 {
    background: #000;
}

.yfTable {
    width: 100%;
}

.yfTable th {
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    background: #2264c8;
    border-right: 1px solid #fff;
}

.yfTable th:nth-of-type(1),
.yfTable th:nth-of-type(2),
.yfTable th:nth-of-type(3) {
    background: #134aa5;
}

.yfTable th:nth-of-type(10) {
    border-right: none;
}

.yfTable tr {
    border-bottom: 1px solid #d3d3d3;
}

.yfTable tr td {
    font-size: 12px;
    color: #666;
    padding: 10px 0;
    box-sizing: border-box;
}

.yfTable tr td:nth-of-type(1) {
    color: #000;
}

.yfTable tr td:nth-of-type(1),
.yfTable tr td:nth-of-type(2),
.yfTable tr td:nth-of-type(3) {
    padding: 5px;
}

.yfProgress {
    display: block;
    height: 20px;
    background: #134aa5;
    margin-bottom: 5px;
}

.innovFound-bg {
    height: calc(40vh);
    min-height: 350px;
}

.innovKv-lis {
    border-right: 1px solid #adb2b4;
    border-style: right dotted
}


/* -------------------------生产体系-------------------------- */

.system-kv {
    height: calc(100vh - 70px);
    min-height: 600px;
    background: url(../images/health/system-kv.jpg) center center no-repeat;
    background-size: cover;
}

.black-btn {
    padding: 10px 40px;
    border: 1px solid #fff;
    border-radius: 50px;
}

.swiperFound-bg {
    height: calc(40vh);
    min-height: 300px;
}

.swiperFound-bg .swiper-button-prev.weprodutSwiper-prev {
    top: 60%;
}

.swiperFound-bg .swiper-button-next.weprodutSwiper-next {
    top: 60%;
}

.swiper-pagination-bullet {
    margin: 3px;
}

.weprodutSwiper-pagination {
    left: 0;
    width: 100%;
}

.swiperFound2-bg {
    height: calc(30vh);
    min-height: 300px;
}

.swiperFound2-bg .swiper-button-prev.weprodutSwiper-prev {
    top: 60%;
}

.swiperFound2-bg .swiper-button-next.weprodutSwiper-next {
    top: 60%;
}

.foundSwiper2 .swiper-slide .overhidden {
    max-height: 200px;
}


/* -------------------------融入国际化-------------------------- */

.inter-kv {
    height: calc(100vh - 70px);
    min-height: 600px;
    background: url(../images/health/inter-kv.jpg) center center no-repeat;
    background-size: cover;
}

.intertxt-kv {
    height: calc(50vh);
    min-height: 300px;
    background: url(../images/health/interimg1.jpg) center center no-repeat;
    background-size: cover;
}

.intertxt-kv .poabsolute-h50 {
    right: 10%;
}

.inter-timer:before {
    content: "";
    width: 100%;
    height: 5px;
    background: #9ca2fd;
    margin: auto 0;
    position: absolute;
    top: 50%;
    left: 0;
}

.inter-timer:before,
.inter-timer:after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

.inter-timer .timerline {
    width: 25%;
    float: left;
    position: relative;
}

.inter-timer .timerline-content {
    padding: 30px;
    box-sizing: border-box;
    border-radius: 15px;
    ;
    text-align: left;
    background: #2264c8;
    z-index: 1;
    position: relative;
    margin-left: 80px;
    width: 120%;
    box-sizing: border-box;
}

.inter-timer .spot {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 0;
    background: #134290;
    border-radius: 50px;
    border: 2px solid #9ca2fd;
    position: absolute;
    bottom: -45px;
    left: 108px;
}

.inter-timer .timerline.bottom {
    margin: 16.3% 0 0 0;
}

.inter-timer .timerline.bottom .spot {
    bottom: auto;
    top: -45px;
    left: -23px;
}

.inter-timer .timerline.bottom .timerline-content {
    margin-left: -50px;
    margin-top: 5px;
    background: #2280c8;
}

.inter-timer {
    height: 400px;
}

.triangle::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #2264c8;
    position: absolute;
    bottom: -10px;
}

.bottom .triangle::after {
    border-bottom: 10px solid #2280c8;
    bottom: auto;
    top: -10px;
    border-top: none;
}

.spot-txt p {
    width: calc(100% - 20px);
    float: left;
}

.kv-btn1 {
    border: 1px solid #000;
    border-radius: 50px;
    padding: 20px;
}

a.kv-btn1:hover {
    border: 1px solid #fff;
}

.timertxt01 {
    left: 10%;
    width: 49px;
}

.timertxt02 {
    left: -35%;
    width: 49px;
}

.weinrerSwiper .swiper-wrapper {
    transition-timing-function: linear !important;
}

.swiper-button-prev.weinrerSwiper-prev {
    left: 0;
}

.swiper-button-next.weinrerSwiper-next {
    right: 0;
}

.swiper-button-prev.weinrerSwiper-prev,
.swiper-button-next.weinrerSwiper-next {
    width: 30px;
    height: 30px;
    border: 1px solid #134290;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    color: #134290;
}


/* -------------------------产品-------------------------- */

.proIndex-bg {
    background: url(/images/product/index-kv.jpg) center no-repeat;
    background-size: cover;
}

.proIndex-set {
    top: 40%
}

.swiper-button-prev.weprodutSwiper-prev {
    left: -68px;
}

.swiper-button-next.weprodutSwiper-next {
    right: -68px;
}

.swiper-button-prev.weprodutSwiper-prev:hover,
.swiper-button-next.weprodutSwiper-next:hover,
.swiper-button-prev.weinrerSwiper-prev:hover,
.swiper-button-next.weinrerSwiper-next:hover {
    color: #04357c;
}

.pin li {
    width: 12.5%;
    float: left;
    min-height: 118px;
    ;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px
}

.pin2 li {
    width: 11.11%;
}


/* -------------------------创新药-------------------------- */

.box-pie li {
    position: relative;
}

.abridge {
    overflow: hidden;
}

.pice-con {
    width: calc(100% - 35%);
    float: right;
}


/* -------------------------新闻与媒体-------------------------- */

#current {
    position: relative;
    color: #134290;
}

#current::before {
    content: '';
    width: calc(100% - 20px);
    height: 3px;
    background: #134290;
    position: absolute;
    bottom: 0;
}


/* -------------------------新闻与媒体-------------------------- */

.investorIndex-bg {
    background: url(/images/investor/index-kv.jpg) center no-repeat;
    background-size: cover;
}

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

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

.imgstyle em {
    font-style: italic;
}

.imgstyle blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}

.imgstyle ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.imgstyle ul li {
    list-style-type: disc;
}

.imgstyle ol li {
    list-style-type: decimal;
}

.imgstyle ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}


/* -------------------------投资者关系-------------------------- */

.tz-lab {
    min-height: 322px;
}

.tz-labBottom a .com-link-032763:hover,
.tz-labBottom a .com-link-032763:hover .color999,
.tz-labBottom a .com-link-032763:hover .color1e55a8 {
    color: #fff;
}


/* -------------------------临时公告-------------------------- */

.pdf_lab2 {
    padding: 10px 40px;
    color: #1e55a8;
    background: #fff;
    border: 1px solid #1e55a8;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
}

.pdf_lab2:hover {
    background: #1e55a8;
    color: #fff;
}


/* ---------------------------投资者联系------------------------ */

.invstory-kv {
    height: calc(100vh - 70px);
    min-height: 500px;
    background: url(/images/investor/icontact-bg.jpg) right center no-repeat;
    background-size: cover;
}

.com-link-li li a:hover {
    color: rgba(255, 255, 255, 0.5)
}

.ly-con {
    width: calc(100vw);
    height: calc(100vh - 70px);
}

.ly-con input,
.ly-con textarea {
    display: block;
    width: 30%;
    height: 45px;
    background: transparent;
    border: 1px solid #fff;
    box-shadow: none;
    color: #fff;
    padding: 5px;
    box-sizing: border-box;
    line-height: 45px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.ly-con textarea {
    resize: none;
    height: 200px;
}

.ly-con input::-webkit-input-placeholder,
.ly-con textarea::-webkit-input-placeholder {
    color: #fff;
}

.ly-con input::-moz-input-placeholder,
.ly-con textarea::-moz-input-placeholder {
    color: #fff;
}

.ly-con input::-ms-input-placeholder,
.ly-con textarea::-ms-input-placeholder {
    color: #fff;
}

.sub-btn {
    display: inline-block;
    padding: 10px 40px;
    background: #0050a1;
    color: #fff;
    border-radius: 50px;
    border: 1px solid #0050a1;
}

.sub-btn:hover {
    background: transparent
}


/* ---------------------------职业发展------------------------ */

.indexDevelopment-bg {
    background: url(/images/development/index-kv.jpg) center no-repeat;
    background-size: cover;
}

.more-btn {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #fff;
    border-radius: 50px;
}

.more-btn:hover {
    background: #fff;
    color: #2264c8;
}

.devbanner {
    height: calc(50vh);
    min-height: 300px;
    background: url(/images/development/devimg3.jpg) center no-repeat;
    background-size: cover;
}

.devbanner .poabsolute-h50 {
    right: 20%;
}

.devbanner .more-btn {
    border: 1px solid #27468a;
    color: #27468a;
    padding: 5px 30px;
}


/* ---------------------------诚聘英才------------------------ */

.joinusIndex-bg {
    background: url(/images/development/joinus-kv.jpg) center no-repeat;
    background-size: cover;
}

.joinusFound-bg {
    height: calc(30vh);
    min-height: 200px;
}

.mo_color000.more-btn {
    padding: 10px 30px;
}

.joinusFound-bg .more-btn {
    padding: 5px 45px;
}


/* ---------------------------培训中心------------------------ */

.train-kv {
    height: calc(100vh - 180px);
    min-height: 600px;
    background: url(/images/development/train-kv.jpg) center center no-repeat;
    background-size: cover;
}

.jians-con ul li p {
    width: calc(100% - 30px);
    float: left;
}

.jians-con ul li i {
    float: left;
    padding: 5px;
    box-sizing: border-box;
}


/* ---------------------------人才发展------------------------ */

.poDev {
    height: calc(50vh);
    height: 500px;
    width: 100%;
}


/* .poDev.poDevR {float: left;} */

.poDev-bg {
    background: url(/images/development/podev1.jpg) right center no-repeat;
    background-size: cover;
}

.poDev-bg2 {
    background: url(/images/development/podev2.jpg) right center no-repeat;
    background-size: cover;
}

.poDev-bg3 {
    background: url(/images/development/podev3.jpg) right center no-repeat;
    background-size: cover;
}

.poDev-bg4 {
    background: url(/images/development/podev4.jpg) right center no-repeat;
    background-size: cover;
}


/* .poDev-abu {left: -5%;}*/

.poDev-abur {
    right: 0
}


/* ---------------------------雇主荣誉------------------------ */

.eh-kv {
    height: calc(100vh - 180px);
    min-height: 500px;
    background: url(/images/development/eh-bg.jpg) right center no-repeat;
    background-size: cover;
}

.eh-lis li {
    width: 70%;
    padding: 20px;
    background: rgba(0, 0, 0, 0.2);
    margin-bottom: 30px
}

.icon-jp {
    background: url(/images/development/hp-jp.png) right center no-repeat;
    background-size: cover;
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding: 20px;
    box-sizing: border-box;
}

.eh-lis li .txt-jp {
    width: calc(100% - 100px);
    float: right;
}


/* ---------------------------社会招聘------------------------ */

.socialZp-kv ul li a p {
    width: calc(100% - 30px);
}

.socialZp-kv::after {
    content: '';
    width: 100%;
    height: 80px;
    background: url(/images/development/down-bg.png) center center no-repeat;
    position: absolute;
    bottom: 0;
}

.socialZp-kv ul li a:hover p {
    color: #1e55a8;
}


/* ---------------------------校园招聘------------------------ */

.campus-kv {
    height: calc(100vh - 180px);
    min-height: 500px;
    background: url(/images/development/campus-bg.jpg) right center no-repeat;
    background-size: cover;
}

.code-qr {
    width: calc(60vh);
    height: calc(60vh);
    background: #f5efef;
    border-radius: 50%;
    top: 55%;
}

.code-qr p {
    top: 83%;
}


/* ---------------------------公司治理------------------------ */

.more-pro {
    display: none;
}

.more-pro.dis {
    display: block;
}


/* ----------------------media ------------------------------*/

.swiper-pagination.swiper-pagination-media.swiper-pagination-bullets {
    width: 100%;
    text-align: left;
}

.swiper-pagination-media .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1e55a8;
}

.swiper-pagination-media .swiper-pagination-bullet {
    background: #cacaca;
}

.trainFound-bg {
    height: calc(40vh);
    min-height: 300px;
}


/* ----------------------------media-detail--------------------------------- */

.meaidDetail-tit a:hover {
    color: #1f1f1f;
}


/* ----------------------Investor------------------------------*/

.inv-kv {
    height: calc(55vh);
    min-height: 400px;
}

.inv-bg {
    background: url(../images/investor/invs-kv.jpg) right center no-repeat;
    background-size: cover;
}

.inv-kv .poabsolute-h50.dj-set {
    top: 10%;
}

.height255 {
    height: 255px;
}

.invTable tr.invTab-tit {
    color: #fff;
    background: #1e55a8;
}

.invTable th {
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    width: 15.44%;
}

.invTable .bgfff:hover,
.invTable .bgf3f3f3:hover {
    background: #edf2f9;
    color: #1e55a8;
}

.invTable .bgfff th,
.invTable .bgf3f3f3 th {
    font-size: 18px
}

.invContact-kv {
    height: calc(50vh);
    min-height: 300px;
    background: url(../images/investor/contact-kv.jpg)50% center no-repeat;
    background-size: cover;
}

.invContact-kv .poabsolute-h50 {
    right: 10%;
}

.invContact-kv a:hover {
    opacity: 0.6;
}

.inv-shares .bg134592 .area_33 {
    min-height: 65px;
}


/* -------------------------pipeline------------------------------- */

.pip-bg {
    background: url(../images/pipeline/pipeline-kv.jpg) right center no-repeat;
    background-size: cover;
}

.pip-tab a {
    position: relative;
}

.pip-tab #current {
    color: #1e55a8;
    font-weight: 600;
}

.pip-tab #current::before {
    content: '';
    width: calc(100% - 80px);
    height: 4px;
    background: #1e55a8;
    position: absolute;
    bottom: 0;
    left: 40px;
}

.pip-tab a:hover:before {
    content: '';
    width: calc(100% - 80px);
    height: 4px;
    background: #1e55a8;
    position: absolute;
    bottom: 0;
    left: 40px;
}

.pipCade {
    min-height: 100px;
}

.cadeProcess {
    width: calc(100% - 19%);
    float: right;
}

.pipPack a {
    border-top: 1px solid #e6e6e6;
}

.pipShowlis .triangle-up {
    position: absolute;
    top: -5px;
    left: 10px;
}

.pipShowlis .rightSet {
    left: auto;
    right: 10px;
}

.pipShowlis {
    display: none;
}

.miin-height {
    min-height: 150px;
}


/* ---------------------partnering----------------------- */

.par-bg {
    background: url(../images/partnering/index-kv.jpg)72% center no-repeat;
    background-size: cover;
}

.par-bg .poabsolute-wh50 {
    left: 75%;
}

.parMore {
    height: 50px;
    line-height: 50px;
    border: 1px solid #dcdcdc;
}

.parCaseCade .pipShowlis .triangle-up {
    top: 12px;
    left: 25%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.parCaseCade .pipShowlis .rightSet,
.parCaseCade3 .pipShowlis .rightSet {
    left: 75%;
}

.parCaseCade2 .pipShowlis .triangle-up {
    top: 12px;
    left: 16%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.parCaseCade2 .pipShowlis .centerSet {
    left: 50%;
}

.parCaseCade2 .pipShowlis .rightSet {
    left: 83%;
}

.parCaseCade3 .line-e2e2e2no {
    width: 90%;
}

.parCaseCade3 .pipShowlis .triangle-up {
    top: 22px;
    left: 25%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.par-bg .colorfff a:hover {
    color: #000;
}


/* --------------------About us----------------- */

.about-bg {
    background: url(../images/about/index-kv.jpg) center no-repeat;
    background-size: cover;
}


/*-------------------响应式css-------------------*/

@media ( min-width:1600px) {
    /* .container {
        width: 1350px!important
    } */
    .jindex-shapesrbg .shapeslbg-setr {
        top: 60%;
        left: 53%;
    }
    .foot-line.area_50 {
        width: 40%;
    }
    .follow {
        width: 20%;
        float: left !important;
    }
}

@media (max-width:1400px) {}

@media(max-width:1599px) {}

@media ( min-width:1260px) and ( max-width:1599px) {
    .container {
        /* width: 1160px!important */
    }
    .inv-shares .bigtitle {
        font-size: 48px;
    }
    .mess_container .area_30 {
        width: 35%;
    }
    .absurveNum h2 {
        font-size: 28px;
    }
    .indexNew .width55 {
        width: 65%;
    }
    .minheight200 {
        height: 216px;
    }
    .inter-timer .timerline.bottom {
        margin: 19.3% 0 0 0;
    }
    .tz-lab {
        min-height: 277px;
    }
    .notice-kv .poabsolute-w50 {
        width: 90%;
    }
    .swiper-button-prev.weprodutSwiper-prev {
        left: -40px;
    }
    .swiper-button-next.weprodutSwiper-next {
        right: -30px
    }
    /* .follow img {width: 60%;} */
    .foot-line.area_50 {
        width: 40%;
    }
    .follow {
        width: 25%;
    }
}

@media ( min-width:1000px) and ( max-width:1259px) {
    .container {
        width: 960px!important
    }
    .waper-height .line-height1_5em {
        line-height: 1.1em;
        font-size: 20px;
    }
    .waper-height .paddingtop30.width90,
    .waper-height .iconfont.icon-next {
        padding-top: 15px;
    }
    .pagination-newsSwiper {
        left: 86%;
    }
    .com-link .iconfont.icon-next {
        padding-top: 20px;
    }
    /* .waper-height40 {height: 249px!important;} */
    .waper-height40 .paddingtop30.width90,
    .waper-height40 .iconfont.icon-next {
        padding-top: 10px;
    }
    .inv-shares .bigtitle {
        font-size: 40px;
    }
    .inv-shares .area_35 {
        width: 30%;
    }
    .inv-shares .area_40 {
        width: 45%;
    }
    .mess_container .area_30 {
        width: 40%;
    }
    .mess_container .area_65 {
        width: 60%;
    }
    .par-bg .poabsolute-wh50 {
        left: 73%;
    }
    .absurveNum h2,
    .absurveNum .h2 {
        font-size: 26px;
    }
    .absurveNum h5 {
        font-size: 16px;
    }
    .absurveNum h5.fontSize12 {
        font-size: 12px;
    }
    .indexNew .width55 {
        width: 70%;
        font-size: 20px;
        padding-top: 10px;
    }
    .minheight200 {
        height: 183px;
    }
    .swPro-txt {
        padding: 20px;
    }
    .hotlab {
        font-size: 14px;
    }
    .inter-timer .timerline.bottom {
        margin: 23% 0 0 0;
    }
    .tz-lab {
        min-height: 274px;
    }
    .jians-con {
        width: 90%;
    }
    .jians-con .h4 {
        font-size: 25px;
    }
    .indexNew h4 {
        font-size: 20px;
    }
    .notice-kv .poabsolute-w50 {
        width: 90%;
    }
    .swiper-button-prev.weprodutSwiper-prev {
        left: 0;
    }
    .swiper-button-next.weprodutSwiper-next {
        right: 10px
    }
    .intertxt-kv .poabsolute-h50 {
        right: 2%;
    }
    .foot-line.area_50 {
        width: 45%;
    }
    .follow {
        width: 20%;
    }
    .follow img {
        width: 90%;
    }
    .swiper-button-prev.social-prev {
        left: -20px;
    }
    .swiper-button-next.social-next {
        right: -5px;
    }
    .mo_fontSize20 {
        font-size: 20px;
    }
}

@media ( min-width:801px) and ( max-width:999px) {
    .container {
        width: 90%!important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    /* .waper-height40 {height: 249px!important;} */
    .waper-height40 .paddingtop30.width90,
    .waper-height40 .iconfont.icon-next {
        padding-top: 10px;
    }
    .inv-shares .bigtitle {
        font-size: 40px;
    }
    .inter-timer .timerline-content {
        width: 125%;
    }
}

@media ( max-width:999px) {
    .container {
        width: 100%!important;
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .waper-height .line-height1_5em,
    .com-link .width90.paddingtop30 {
        font-size: 20px;
    }
    .waper-height .paddingtop30.width90,
    .waper-height .iconfont.icon-next {
        padding-top: 10px;
    }
    .pagination-newsSwiper {
        left: 86%;
    }
    .com-link .iconfont.icon-next {
        padding-top: 0;
    }
    /* .waper-height40 {height: 249px!important;} */
    .waper-height40 .paddingtop30.width90,
    .waper-height40 .iconfont.icon-next {
        padding-top: 10px;
    }
    .waper-height40 .line-height1_5em {
        line-height: 1.1em;
    }
    .inv-shares .area_35 {
        width: 30%;
    }
    .inv-shares .area_40 {
        width: 45%;
    }
    .inv-shares .bigtitle {
        font-size: 35px;
    }
    .mess_container .area_30 {
        width: 35%;
    }
    .mess_container .area_65 {
        width: 55%;
    }
    .mo_width110 {
        width: 110%;
    }
    .par-bg .poabsolute-wh50 {
        left: 62%;
    }
    .inv-shares .bg134592 .area_33 {
        min-height: 84px;
    }
    .height255 {
        height: 300px;
    }
    /* .invContact-kv .poabsolute-h50 { left: 60%;} */
    .absurveNum h2,
    .absurveNum .h2 {
        font-size: 18px;
    }
    .absurveNum h5 {
        font-size: 16px;
    }
    .absurveNum h5.fontSize12 {
        font-size: 12px;
    }
    .indexNew .width55 {
        width: 70%;
        font-size: 18px;
    }
    .minheight200 {
        height: 192px;
    }
    .indexNew .positionRelative {
        height: 175px;
    }
    .indexNew .positionRelative .area_50.fright {
        width: 65%;
    }
    .view999 {
        height: 178px;
        width: 125%;
    }
    .swPro-txt {
        padding: 20px;
        min-height: 530px;
    }
    .hotlab {
        font-size: 12px;
    }
    .hotlab .h5 {
        font-size: 16px;
    }
    .inter-timer .timerline {
        margin: 0;
        top: -8px;
    }
    .inter-timer .timerline.bottom {
        margin: 0;
        top: 220px;
    }
    .jians-con {
        width: 90%;
    }
    .jians-con .h4 {
        font-size: 20px;
    }
    .jians-con li {
        font-size: 12px;
    }
    .indexNew h4 {
        font-size: 20px;
    }
    .notice-kv .poabsolute-w50 {
        width: 90%;
    }
    .intertxt-kv .poabsolute-h50 {
        right: 2%;
    }
    .follow img {
        width: 120%;
    }
    .foot-line {
        padding: 10px;
    }
    .foot-line .width95 {
        width: 100%;
    }
    .swiper-button-prev.social-prev {
        left: -20px;
    }
    .swiper-button-next.social-next {
        right: -5px;
    }
}