/*global*/
/*ul, li{list-style: none; padding: 0;}*/
article,aside,figcaption,figure,footer,header,hgroup,legend,nav,section {
    display: block
}
*,::after,::before {
    box-sizing: border-box
}
body {
	font-family: Arial;
	font-weight: 400;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}
li,p,ul {
    margin: 0
}
img {
    border-style: none
}
a, a:hover, a:active {
    text-decoration: none;
}
a {
    color: inherit
}
img {
    filter: blur(0);
    transition: filter 1s
}

[class^=e_][required] .p_label::after {
    vertical-align: middle;
    font-size: 1.4em;
    line-height: 100%;
    top: .15em;
    padding-left: 5px;
    position: relative;
    font-weight: 700
}

div[class^=cbox-],div[id^=c_] {
    position: relative
}

/*menu*/
#menu .p_gridbox::after {
    content: '';
    clear: left;
    display: block
}

#menu>div>.p_gridbox {
    width: 100%;
    overflow: hidden;
    position: static
}

#menu>div>.p_gridCell {
    float: left;
    position: static
}

#menu>.p_gridbox.signal {
    min-height: inherit
}

#menu>.p_gridbox.signal>.p_gridCell {
    min-height: inherit !important
}

#menu>.p_gridbox>.p_gridCell:nth-child(1n+1) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        clear: left
}

#menu {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display-radio: 1
}

#menu .p_gridbox {
    display-radio: 1
}

@media screen and (max-width:768px) {
    #menu>.p_gridbox>.p_gridCell:nth-child(1n+1) {
        width: 99%;
        margin-left: .5%;
        margin-right: .5%;
        margin-top: .5rem;
        margin-bottom: .5rem;
        clear: left
    }
}

@media screen and (min-width:769px) {
    #menu>.p_gridbox>.p_gridCell:nth-child(1n+1) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        clear: left
    }
}

@media screen and (max-width:1024px) and (min-width:769px) {
    #menu>.p_gridbox>.p_gridCell:nth-child(1n+1) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        clear: left
    }
}

#menu_navigation {
    min-height: 0;
    padding-bottom: 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    transition: all .5s ease;
    display-radio: 1;
    margin-top: 0;
    padding-top: 0
}

#menu_navigation.active {
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%)
}

#menu_navigation .e_container-21 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 94%;
    max-width: 1430px;
    margin-left: auto;
    margin-right: auto;
    display-radio: flex;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px
}

#menu_navigation .e_container-21>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#menu_navigation .e_container-21 .cbox-21-0 {
    flex: 0 0 35%;
    align-self: center
}

#menu_navigation .e_container-21 .cbox-21-2 {
    flex: 0 0 auto
}

#menu_navigation .e_navigationF-24 {
    display: flex;
    justify-content: flex-end
}

#menu_navigation .e_navigationF-24 .p_navButton {
    width: 100px;
    justify-content: center;
    padding: 20px 0;
    display: none
}

#menu_navigation .e_navigationF-24 .p_navButton>p {
    width: 21px;
    height: 16px;
    cursor: pointer
}

#menu_navigation .e_navigationF-24 .p_navButton>p span {
    width: 100%;
    background: #006990;
    display: block;
    height: 2px;
    margin: 2px 0;
    float: left;
    -webkit-transition: all ease .8s, opacity ease .3s;
    -moz-transition: all ease .8s, opacity ease .3s;
    -ms-transition: all ease .8s, opacity ease .3s;
    -o-transition: all ease .8s, opacity ease .3s;
    transition: all ease .8s, opacity ease .3s;
    opacity: 1
}

#menu_navigation .e_navigationF-24 .p_navButton>p span:first-of-type {
    width: 50%;
    float: left
}

#menu_navigation .e_navigationF-24 .p_navButton>p span:nth-of-type(3) {
    width: 50%;
    float: right
}

#menu_navigation .e_navigationF-24 .p_navButton>p.showmenu span {
    background: #0096cd;
    -webkit-animation: animaspan .5s 1;
    animation: animaspan .5s 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}

#menu_navigation .e_navigationF-24 .p_navButton>p.showmenu span:first-of-type {
    transform: translateY(6px) rotate(720deg);
    width: 100%
}

#menu_navigation .e_navigationF-24 .p_navButton>p.showmenu span:nth-of-type(2) {
    transform: rotate(720deg)
}

#menu_navigation .e_navigationF-24 .p_navButton>p.showmenu span:nth-of-type(3) {
    transform: translateY(-6px) rotate(720deg);
    width: 100%
}

#menu_navigation .e_navigationF-24 .p_navButton>p.showmenu span.biahuan:first-of-type {
    transform: translateY(6px) rotate(670deg)
}

#menu_navigation .e_navigationF-24 .p_navButton>p.showmenu span.biahuan:nth-of-type(2) {
    transform: translateY(0) rotate(768deg)
}

#menu_navigation .e_navigationF-24 .p_navButton>p.showmenu span.biahuan:nth-of-type(3) {
    width: 0;
    opacity: 0
}

#menu_navigation .e_navigationF-24 .p_navCon {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    transition: all ease .3s;
    text-decoration: none
}

#menu_navigation.active .e_navigationF-24 .p_navCon {
    color: #333
}

#menu_navigation .e_navigationF-24 .p_navCon::after {
    background: #0096cd;
    height: 4px
}

#menu_navigation .e_navigationF-24 .p_navBox2>div.warp {
    width: 94%;
    margin: 0 auto;
    display: flex;
    max-width: 1400px;
    justify-content: space-between
}

#menu_navigation .e_navigationF-24 .p_navBox2 .warp .right .tit {
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 40px;
    color: #333
}

#menu_navigation .e_navigationF-24 .p_navBox2 .warp .right .con {
    display: flex;
    flex-direction: column
}

#menu_navigation .e_navigationF-24 .p_navBox2 .warp .right .con a {
    width: 220px;
    height: 46px;
    font-size: 16px;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px;
    border: 2px solid #bfbfbf;
    margin-bottom: 15px;
    transition: all .5s ease
}

#menu_navigation .e_navigationF-24 .p_navBox2 .warp .right .con a:hover {
    color: #fff;
    background: #0096cd;
    border: 2px solid #0096cd
}

#menu_navigation .e_navigationF-24 .p_navBox2 .warp .right .con a svg {
    width: 12px;
    height: 12px;
    fill: #333;
    transition: all .5s ease
}

#menu_navigation .e_navigationF-24 .p_navBox2 .warp .right .con a:hover svg {
    fill: #fff
}

#menu_navigation .e_navigationF-24 .p_navBox2 .warp .right .tel {
    padding-top: 10px
}

#menu_navigation .e_navigationF-24 .p_navBox2 .warp .right .tel .t {
    font-size: 16px;
    line-height: 20px;
    color: #666
}

#menu_navigation .e_navigationF-24 .p_navBox2 .warp .right .tel .c {
    font-size: 30px;
    font-family: arial
}

#menu_navigation .e_navigationF-24 .p_navBox2 .warp .right .tel .c a {
    color: #0096cd
}

#menu_navigation .e_navigationF-24 .p_navItem1:hover .p_navBox2 {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

#menu_navigation .e_navigationF-24 .p_navBox2 ul {
    padding: 10px 0
}

#menu_navigation .e_navigationF-24 .p_navItem2 a {
    display: flex;
    align-items: center;
    width: 100%;
    transition: all ease .3s
}

#menu_navigation .e_navigationF-24 .p_navCon2 {
    font-size: 14px;
    text-align: left;
    color: #333;
    transition: all ease .15s;
    display: flex;
    width: 100%;
    padding: 0;
    line-height: 1.2;
    text-decoration: none
}

#menu_navigation .e_navigationF-24 .p_navItem2 a span {
    width: 100%
}

#menu_navigation .e_navigationF-24 .p_navItem2 img {
    width: 100%;
    max-width: 50px;
    margin-right: 25px
}

#menu_navigation .e_navigationF-24 .p_level3Item {
    margin-right: 0
}

#menu_navigation .e_navigationF-24 .p_navCon3 {
    font-size: 16px;
    letter-spacing: 0;
    color: #333;
    padding: 0 50px;
    line-height: 46px;
    transition: all ease .15s;
    font-weight: 700
}

#menu_navigation .e_navigationF-24 .p_navItem1 {
    position: static;
    padding-left: 1.2vw;
    padding-right: 1.2vw
}

#menu_navigation .e_navigationF-24 .p_menuItem {
    font-size: 14px;
    font-weight: 500;
    color: rgb(255 255 255 / 50%);
    line-height: 1.7;
    transition: all ease .15s
}

#menu_navigation .e_navigationF-24 .p_level4Item span {
    display: flex;
    flex-direction: column;
    justify-content: center
}

#menu_navigation .e_navigationF-24 .p_level4Item .p_dian {
    width: 15px;
    position: relative
}

#menu_navigation .e_navigationF-24 .p_level4Item .p_dian::after {
    content: '';
    width: 4px;
    height: 4px;
    background: rgb(0 0 0 / 40%);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#menu_navigation .e_navigationF-24 .p_level4Item img {
    width: auto
}

#menu_navigation .e_navigationF-24 .p_navItem2 .p_menuItem:hover,
#menu_navigation .e_navigationF-24 .p_navItem2 .p_menuItemhat:hover,
#menu_navigation .e_navigationF-24 .p_navItem2 .p_navCon3:hover,
#menu_navigation .e_navigationF-24 .p_navItem2 a:hover {
    color: #0096cd;
    border-bottom: 2px solid #0096cd
}

#menu_navigation .e_navigationF-24 .p_listthree img {
    width: auto
}

#menu_navigation .e_navigationF-24 .p_listthree .p_menuItemhat {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 1.7;
    transition: all ease .15s
}

#menu_navigation .e_navigationF-24 .p_navBox2.isdesign {
    display: none;
    opacity: 1;
    visibility: visible
}

#menu_navigation .e_navigationF-24 .p_navItem1>p a {
    padding: 0;
    width: 100%
}

#menu_navigation .e_navigationF-24 .p_navBox2 {
    background: #fff;
    padding: 0 0 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    border-bottom: 4px solid #0096cd
}

#menu_navigation .e_navigationF-24 .p_navItem2 a span.p_img {
    width: auto;
    margin-right: 0;
    display: none
}

#menu_navigation .e_image-31 {
    overflow: hidden;
    display-radio: 1;
    max-width: 220px
}

#menu_navigation .e_image-31 img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

#menu_navigation.active .e_image-31 img {
    opacity: 0
}

#menu_navigation.active .e_image-31 {
    background-image: url(../images/weiye_logo1.png);
    background-repeat: no-repeat;
    background-size: contain
}

.hamburger .line{
  width: 30px;
  height: 3px;
  background-color: #ecf0f1;
  display: block;
  margin: 7px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

#hamburger-11{
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#hamburger-11.is-active{
  animation: smallbig 0.6s forwards;
}

@keyframes smallbig{
  0%, 100%{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  50%{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}

#hamburger-11.is-active .line:nth-child(1),
#hamburger-11.is-active .line:nth-child(2),
#hamburger-11.is-active .line:nth-child(3){
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

#hamburger-11.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-11.is-active .line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

#hamburger-11.is-active .line:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}

@media screen and (max-width:768px) {
    .p_haveNav {
        min-height: auto !important
    }

    .p_haveNav.fix {
        position: fixed !important;
        z-index: 1000;
        top: 0;
        left: 0;
        right: 0;
        background: #fff
    }

    #menu_navigation .e_navigationF-24 .p_navBox1::-webkit-scrollbar {
        width: 0
    }

    #menu_navigation .e_navigationF-24 .p_navBox1::-webkit-scrollbar-track {
        background: #252525
    }

    #menu_navigation .e_navigationF-24 .p_navBox1::-webkit-scrollbar-thumb {
        background: #545454
    }

    #menu_navigation .e_navigationF-24 .p_navBox1::-webkit-scrollbar-thumb:hover {
        background: #fff
    }

    #menu_navigation .e_navigationF-24 .p_navButton {
        width: 60px;
        height: 60px;
        align-items: center;
        display: block;
        justify-content: center;
        padding: 10px 0 0;
    }

    #menu_navigation .e_navigationF-24 .p_navBox1 {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        padding: 0;
        height: calc(0vh);
        overflow-y: scroll;
        z-index: 10;
        max-height: 1080px;
        transition: all ease .3s
    }

    #menu_navigation .e_navigationF-24 .p_navBox1.pkcclb {
        height: calc(100vh)
    }

    #menu_navigation .e_navigationF-24 .p_navItem1 {
        border-top: 1px solid #eee;
        padding: 15px 20px
    }

    #menu_navigation .e_navigationF-24 .p_navItem1:last-child {
        margin-bottom: 100px
    }

    #menu_navigation .e_navigationF-24 .p_navCon {
        display: flex;
        justify-content: space-between;
        color: #333;
        line-height: 22px;
        font-size: 14px
    }

    #menu_navigation .e_navigationF-24 .p_navCon2 {
        padding: 15px;
        font-size: 14px;
        border-top: 1px solid #eee;
        color: #333
    }

    #menu_navigation .e_navigationF-24 .p_navCon3 {
        display: flex;
        justify-content: space-between;
        padding: 0;
        color: #333;
        font-size: 14px
    }

    #menu_navigation .e_navigationF-24 .p_level3Item>p svg,
    #menu_navigation .e_navigationF-24 .p_navItem1>p svg,
    #menu_navigation .e_navigationF-24 .p_navItem2>p svg {
        width: 16px;
        margin: 0 0;
        opacity: .5;
        cursor: pointer;
        transition: all ease .3s
    }

    #menu_navigation .e_navigationF-24 .p_navItem1>p a {
        padding: 0
    }

    #menu_navigation .e_navigationF-24 .p_level3Item span,
    #menu_navigation .e_navigationF-24 .p_navItem2 .p_img {
        opacity: .8
    }

    #menu_navigation .e_navigationF-24 .p_navItem2 .p_img img {
        width: 23px;
        margin-right: 10px
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 {
        display: none;
        opacity: 1;
        visibility: visible;
        background: 0 0;
        width: 100%;
        margin-top: 15px;
        border-bottom: none
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 ul {
        padding: 0
    }

    #menu_navigation .e_navigationF-24 .p_level3Box {
        display: none
    }

    #menu_navigation .e_navigationF-24 .p_level3Item {
        width: 100%;
        margin: 0
    }

    #menu_navigation .e_navigationF-24 .p_level3Item span,
    #menu_navigation .e_navigationF-24 .p_level4Item span {
        display: none
    }

    #menu_navigation .e_navigationF-24 .p_level4Box {
        display: none
    }

    #menu_navigation .e_navigationF-24 .p_level3Item .p_menuItem {
        font-size: 14px
    }

    #menu_navigation .e_navigationF-24 .p_level4Item .p_menuItem::before {
        display: none
    }

    #menu_navigation .e_navigationF-24 p svg.rotate {
        transform: rotate(90deg)
    }

    #menu_navigation .e_navigationF-24 .p_navItem2 {
        margin-bottom: 0
    }

    #menu_navigation .e_navigationF-24 .p_navItem2 span {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    #menu_navigation .e_navigationF-24 .p_level3Item:first-child {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid rgb(255 255 255 / 20%);
        margin-right: 0
    }

    #menu_navigation .e_navigationF-24 .p_level3Item:last-child {
        padding: 0 0 20px
    }

    #menu_navigation .e_navigationF-24 .p_navItem2 img {
        width: auto;
        max-width: 23px;
        margin-right: 10px
    }

    #menu_navigation .e_navigationF-24 .p_level4Item:first-child {
        margin-top: 20px
    }

    #menu_navigation .e_navigationF-24 .p_level4Item:last-child {
        margin-bottom: 20px
    }

    #menu_navigation .e_navigationF-24 .p_navBox1.isdesign {
        height: calc(100vh);
        display: none
    }

    #menu_navigation {
        background: #0096cd
    }

    #menu_navigation .e_container-21 {
        position: relative;
        width: 100%;
        padding: 0 0 0 15px;
        justify-content: space-between;
        display-radio: 1
    }

    #menu_navigation .e_container-21 .cbox-21-0 {
        flex: 0 0 150px
    }

    #menu_navigation .e_container-21 .cbox-21-1 {
        flex: 0 0 auto;
		position: unset
    }

    #menu_navigation .e_container-21 .cbox-21-2 {
        flex: 0 0 auto;
        position: absolute !important;
        right: 62px;
        z-index: 5
    }

    #menu_navigation .e_navigationF-24 .p_navButton>p span:first-of-type {
        width: 100%;
        float: left
    }

    #menu_navigation .e_navigationF-24 .p_navButton>p span:nth-of-type(3) {
        width: 100%;
        float: right
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 .left .title {
        display: none
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 .left .jieshao {
        display: none
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 .center {
        display: none
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 .right {
        display: none
    }

    #menu_navigation .e_navigationF-24 .p_navItem2 a svg {
        display: none
    }

    #menu_navigation .e_navigationF-24 .p_navBox2>div.warp {
        width: 100%
    }

    #menu_navigation .e_navigationF-24 .p_navItem1 .p_navBox2 .left {
        width: 100%
    }

    #menu_navigation .e_navigationF-24 .p_navItem2 .p_menuItem:hover,
    #menu_navigation .e_navigationF-24 .p_navItem2 .p_menuItemhat:hover,
    #menu_navigation .e_navigationF-24 .p_navItem2 .p_navCon3:hover,
    #menu_navigation .e_navigationF-24 .p_navItem2 a:hover {
        border-bottom: none
    }

    #menu_navigation .e_navigationF-24 .p_navItem2:first-child .p_navCon2 {
        border-top: none
    }

    #menu_navigation .e_navigationF-24 .p_navItem2:last-child .p_navCon2 {
        padding-bottom: 0
    }
}

@media screen and (min-width:769px) {
    .p_haveNav {
        min-height: auto !important
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 .warp .left {
        width: 65%;
        padding: 0
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 .warp .left .title {
        font-size: 26px;
        line-height: 26px;
        color: #333;
        font-weight: 700;
        margin-bottom: 20px
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 .warp .left .jieshao {
        font-size: 15px;
        line-height: 1.8;
        color: #777;
        margin-bottom: 15px
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 .warp .right {
        width: 28.6%;
        display: none;
        justify-content: flex-end;
        align-items: center
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 .warp .center {
        width: 28%
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 .warp .center .imgZoom {
        position: relative;
        display: block;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-bottom: 55%
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 .warp .center .imgZoom img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
        transition: all .8s ease .1s
    }

    #menu_navigation .e_navigationF-24 .p_navItem2 a {
        padding: 15px 0;
        font-size: 16px;
        border-bottom: 1px solid #ccc
    }

    #menu_navigation .e_navigationF-24 .p_navBox1 {
        display: flex;
        justify-content: flex-end
    }

    #menu_navigation .e_navigationF-24 .p_navItem1>p {
        display: flex;
        position: relative
    }

    #menu_navigation.active .e_navigationF-24 .p_navItem1>p a {
        color: #333
    }

    #menu_navigation .e_navigationF-24 .p_navItem1>p a {
        display: block;
        line-height: 100px;
        color: #fff
    }

    #menu_navigation .e_navigationF-24 .p_navItem1>p svg {
        display: none
    }

    #menu_navigation .e_navigationF-24 .p_navItem1>p::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 0;
        margin: 0 auto;
        transition: all ease .3s
    }

    #menu_navigation .e_navigationF-24 .p_navItem1:hover>p::after {
        width: 100%
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 {
        position: absolute;
        left: 50%;
        padding: 60px 0;
        transform: translateX(-50%);
        top: 100%;
        display: flex;
        justify-content: center;
        z-index: 10;
        transition: all ease .3s;
        pointer-events: none
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 .left ul li {
        width: 33%;
        padding-right: 5%
    }

    #menu_navigation .e_navigationF-24 .p_navBox2 ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start
    }

   

    #menu_navigation .e_navigationF-24 .p_navCon3 .p_jtIcon {
        display: none
    }

    #menu_navigation .e_navigationF-24 .p_navCon3 .sj_icon {
        margin-right: 10px
    }

    #menu_navigation .e_navigationF-24 .p_level3Box .p_menuItemhat {
        font-size: 16px;
        font-weight: 400;
        color: #333;
        line-height: 1.6;
        transition: all ease .15s
    }

    #menu_navigation .e_navigationF-24 .p_navItem2 a span {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    #menu_navigation .e_navigationF-24 .p_navItem2>p>svg {
        display: none
    }

    #menu_navigation .e_navigationF-24 .p_navItem2>p>a svg {
        width: 12px;
        height: 12px
    }

    #menu_navigation .e_navigationF-24 .p_level3Box.p_listthree {
        flex-direction: column
    }


    #menu_navigation .e_navigationF-24 .p_level3Item:hover .p_menuItemhat {
        color: #37467f
    }

    #menu_navigation .e_navigationF-24 .p_level3Item:hover .sj_icon {
        fill: #37467f
    }

    #menu_navigation .e_navigationF-24 .p_navCon3 a {
        display: block;
        width: 100%
    }

    #menu_navigation .e_navigationF-24 .p_navItem1:hover>p a,
    #menu_navigation.active .e_navigationF-24 .p_navItem1:hover>p a {
        color: #37467f
    }
}

@media screen and (max-width:1024px) and (min-width:769px) {
    #menu_navigation .e_navigationF-24 .p_level3Item {
        margin-right: 25px
    }

    #menu_navigation .e_navigationF-24 .p_navItem2 img {
        max-width: 28px;
        margin-right: 10px
    }
}


/*banner*/
#index_banner {
    min-height: 300px;
    display-radio: 1;
    max-width: none
}

#index_banner .enbanner .swiper-container {
    width: 100%;
    height: 100vh;
    max-height: 840px;
    overflow: hidden
}

#index_banner .enbanner .swiper-slide {
    overflow: hidden;
    background: #fff;
    z-index: 10
}

#index_banner .enbanner .swiper-slide-active {
    z-index: 11
}

#index_banner .enbanner .p_img {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#index_banner .enbanner .p_video {
    width: auto;
    height: 100%;
    overflow: hidden
}

#index_banner .enbanner .P_link_img {
    display: block;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background-size: cover;
    transition: all ease 2s;
    transform: scale(1.1)
}

#index_banner .enbanner .swiper-slide-active .P_link_img {
    transform: scale(1)
}



#index_banner .enbanner .P_link_img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.18);
    width: auto;
    height: 100%
}

#index_banner .enbanner .p_info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 22;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 20px;
    display-radio: flex
}

#index_banner .enbanner .p_info_fivebox {
    width: 40%
}

#index_banner .enbanner .p_summary {
    color: rgb(255 255 255 / 100%);
    font-family: arial;
    font-size: 26px;
    line-height: 1.6;
    margin-bottom: 30px;
    transition: all ease .8s .6s;
    opacity: 0;
    transform: translateY(40px)
}

#index_banner .enbanner .swiper-slide-active .p_summary {
    opacity: 1;
    transform: translateY(0)
}

#index_banner .enbanner .p_btitle {
    color: #fff;
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.3;
    transition: all ease .8s .3s;
    opacity: 0;
    transform: translateY(40px)
}

#index_banner .enbanner .swiper-slide-active .p_btitle {
    opacity: 1;
    transform: translateY(0)
}

#index_banner .enbanner .p_cspan {
    position: relative;
    margin-top: 30px;
    display: none;
    transition: all ease .8s .9s;
    opacity: 0;
    transform: translateY(40px)
}

#index_banner .enbanner .p_button {
    display: none;
    margin-top: 40px;
    border-radius: 30px;
    border: 1px solid #fff;
    width: 100%;
    max-width: 150px;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    opacity: 0;
    transform: translateY(40px);
    transition: all ease .3s, transform ease .8s .9s, opacity ease .8s .9s
}

#index_banner .enbanner .p_button:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #333
}

#index_banner .enbanner .swiper-slide-active .p_button {
    opacity: 1;
    transform: translateY(0)
}

#index_banner .enbanner .swiper-slide-active .p_cspan {
    opacity: 1;
    transform: translateY(0)
}

#index_banner .enbanner .p_cspan::after,
#index_banner .enbanner .p_cspan::before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: rgb(255 255 255 / 70%);
    display: inline-block;
    margin-left: -6px
}

#index_banner .enbanner .p_cspan::before {
    background: rgb(255 255 255 / 70%)
}

#index_banner .enbanner .p_scrool {
    position: absolute;
    left: 20px;
    bottom: 40px;
    color: #fff;
    z-index: 10
}

#index_banner .enbanner .p_scrool span {
    text-transform: uppercase;
    color: #fff;
    display: block;
    font-family: arial;
    writing-mode: tb;
    line-height: 20px;
    margin-bottom: 12px;
    font-size: 12px
}

#index_banner .enbanner .p_scrool i {
    display: block;
    width: 20px;
    height: 30px;
    border-radius: 12px;
    border: 2px #fff solid;
    position: relative
}

#index_banner .enbanner .p_scrool i:before {
    content: "";
    display: block;
    width: 4px;
    height: 10px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 3px;
    animation: scrollmouse 2s linear infinite
}


#index_banner .enbanner .swiper-pagination {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 40%;
    right: 50px;
    transform: translate(50%, -50%);
    left: auto;
    width: auto;
    height: auto;
    bottom: auto
}

.swiper-button-next, .swiper-button-prev{
	background-image:none;
}

#index_banner .enbanner .p_btn_next {
    color: #fff;
    border-radius: 100%;
    border: 2px solid #fff;
    width: 50px;
    height: 50px;
    transition: all ease .3s;
    position: static;
    margin: 0 auto
}

#index_banner .enbanner .p_btn_next::after {
    font-size: 16px
}

#index_banner .enbanner .p_btn_next:hover {
    background: #000;
    border: 2px solid #000
}

#index_banner .enbanner .p_btn_prev {
    color: #fff;
    border-radius: 100%;
    border: 2px solid #fff;
    height: 50px;
    width: 50px;
    transition: all ease .3s;
    position: static;
    margin: 10px auto 0
}

#index_banner .enbanner .p_btn_prev::after {
    font-size: 16px
}

#index_banner .enbanner .p_btn_prev:hover {
    background: #000;
    border: 2px solid #000
}

#index_banner .enbanner .videoContent {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    cursor: pointer;
    background: #000
}

#index_banner .enbanner .videoContent video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 105%;
    width: auto;
    opacity: .85
}

#index_banner .enbanner .p_videobtm {
    color: #fff;
    border-radius: 100%;
    border: 2px solid #fff;
    top: auto;
    bottom: 0;
    width: 50px;
    height: 50px;
    left: 50%;
    transform: translateX(-50%);
    transition: all ease .3s;
    display: flex;
    position: absolute;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

#index_banner .enbanner .p_video_button svg {
    margin: 0 auto;
    width: 15px
}

#index_banner .enbanner .p_arr {
    max-width: 100px;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 40px;
    height: auto;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

#index_banner .enbanner .p_videobtm:hover {
    background: #000;
    border: 2px solid #000
}

#index_banner .enbanner {
    background_radio: 1;
    display-radio: 1
}

@media screen and (max-width:768px) {
    #index_banner .enbanner .p_info_fivebox {
        width: 75%;
        padding-bottom: 90px
    }

    #index_banner .enbanner .p_summary {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 20px
    }

    #index_banner .enbanner .p_btitle {
        font-size: 22px
    }

    #index_banner .enbanner .p_cspan::after,
    #index_banner .enbanner .p_cspan::before {
        width: 10px;
        height: 10px
    }

    #index_banner .enbanner .p_cspan::after {
        margin-left: -3px
    }

    #index_banner .enbanner .p_kongjian {
        max-width: 55px
    }

    #index_banner .enbanner .p_arr {
        max-width: 55px
    }

    #index_banner .enbanner .p_video_button {
        max-width: 55px;
        bottom: 106px;
        height: 28px
    }

    #index_banner .enbanner .swiper-pagination-bullet {
        width: 6px;
        height: 6px
    }

    #index_banner .enbanner .swiper-pagination-bullet-active {
        height: 20px
    }

    #index_banner .enbanner .p_btn_prev {
        width: 28px;
        height: 28px;
        margin: 5px auto 0
    }

    #index_banner .enbanner .p_video_button span {
        width: 28px;
        height: 28px
    }

    #index_banner .enbanner .p_btn_next {
        width: 28px;
        height: 28px
    }

    #index_banner .enbanner .p_btn_prev::after {
        font-size: 12px
    }

    #index_banner .enbanner .p_btn_next::after {
        font-size: 12px
    }

    #index_banner .enbanner .swiper-container {
        height: 70vh
    }

    #index_banner .enbanner .p_cspan {
        margin-top: 20px
    }

    #index_banner .enbanner .p_video_button svg {
        width: 12px
    }

    #index_banner .enbanner .swiper-pagination {
        right: 27px
    }

    #index_banner .enbanner .videoContent video {
        height: 100%;
        width: auto
    }

    #index_banner .enbanner .p_scrool span {
        display: none
    }
}

@media screen and (min-width:769px) {
    #index_banner .enbanner .p_info_fivebox {
        width: 95%;
        margin-left: 12%
    }
}

@media screen and (max-width:1024px) and (min-width:769px) {
    #index_banner .enbanner .p_info_fivebox {
        width: 60%
    }
}



/*index-shengshiweiye*/
#index_weiye {
    display-radio: 1;
    background-fill-value: background-image;
    background-repeat: no-repeat;
    background-position: center right;
    min-height: 0;
    margin-top: 0;
    padding-top: 6%;
    padding-bottom: 6%;
    background-image: url(../images/index_weiye_bg.jpg)
}

#index_weiye .index_weiye_t1 {
    line-height: 26px;    
    font-size: 18px;
    font-weight: 700;
    font-family: Arial;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    color: #ed2939
}

#index_weiye .index_weiye_t2 {
    line-height: normal;
    font-size: 40px;
    font-weight: 700;
    font-family: Arial;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
    color: #272727
}

#index_weiye .index_weiye_t3 {
    line-height: 26px;    
    font-size: 16px;
    font-weight: 400;
    font-family: Arial;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}


@media screen and (max-width:768px) {
    #index_weiye {
        display-radio: 1;
        padding-top: 40px;
        padding-bottom: 50px
    }

    #index_weiye .index_weiye_t3 {
        font_radio: 2;
        display-radio: 1;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 18px;
        font-weight: 400;
        color: #272727;
        line-height: 2;
        font-family: Arial;
        text-align: center
    }
}

/*index_about*/
.index-aboutus {position: relative;color:#fff;}
.index-aboutus .index-aboutus-content{position: absolute;width:100%;left:0;z-index: 10;bottom: 0;overflow: hidden;}
.index-aboutus-top {overflow: hidden;width: 75%;margin: auto;}
.index-aboutus .index-aboutus-title {float: left;width: 40%;}
.index-aboutus-title{position: relative;overflow: hidden;}
.index-aboutus-title h5{margin: 0;padding:0 ;font-weight: normal;}
.index-aboutus-title h3{margin: 0;padding:0 ;font-weight: normal;color:#fff;}
.index-aboutus-title .line-1{width: 40px;height:4px;margin: 20px 0;}
.index-aboutus-text{line-height: 28px;opacity: .8;}
.index-aboutus-learnmore {display: block;position: relative;margin: 30px 0;}
.index-aboutus-learnmore a {display: block;width: 180px;height: 55px;line-height: 55px;text-align: center;position: relative;box-sizing: border-box;border: 1px solid rgba(255,255,255,.3);border-radius: .25rem;
z-index: 11;}
.index-aboutus-learnmore a:hover {background-color: #0096cd;}
.index-aboutus-items {float: right;width: 40%;overflow: hidden;}
.index-aboutus-item {overflow: hidden;margin-top:20px;position: relative;padding-bottom: 20px; border-bottom: 1px solid #fff;}
.index-aboutus-item::after {content: '';width: 100%;height: 1px;opacity: .2;position: absolute;left: 0;bottom: 0;}
.index-aboutus-item-title {position: relative;cursor: pointer;}
.index-aboutus-item-title i {display: block;width:20px;height: 2px;position: absolute;right: 0;top:50%;margin-top: -1px;}
.index-aboutus-item-title i::before {content: '';width: 2px;height: 20px;position: absolute;left: 50%;top:-9px;margin-left: -1px;}
.index-aboutus-item-content {display: none;padding-top: 10px;overflow: hidden;line-height: 24px;opacity: .8;}
.index-aboutus-item.cur .index-aboutus-item-title {opacity: 1;}
.index-aboutus-item.cur .index-aboutus-item-title i::before {display: none;}
.index-aboutus-item.cur .index-aboutus-item-content {display: block;}
	
.index-aboutus-bottom {overflow: hidden;font-size: 0;margin-top:10%;position: relative;text-align: center;}
.index-aboutus-bottom::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;opacity: .1;}
.index-aboutus-bottom ul {list-style: none;margin: 0;padding: 0;width: 75%;margin: auto;}
.index-aboutus-bottom li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;width:25%;padding:35px 3%;overflow: hidden;position: relative;text-align: left;box-sizing: border-box;}
.index-aboutus-bottom strong{font-weight: normal;}
.index-aboutus-bottom span{font-size: 18px;margin-left:8px;}
.index-aboutus-bottom p{display: block;opacity: .5;margin: 5px 0 0 0;padding: 0;}
.index-aboutus-bottom i{display: block;position: absolute;width: 50px;height: 50px;right: 10%;top: 50%;transform:translateY(-50%);}
.index-aboutus-bottom li::before {content: '';position: absolute;left: 0;top: 0;width: 1px;height: 100%;opacity: .1;}
.index-aboutus-bottom li:hover {background-image: url('../upload/yuan.png');background-repeat: no-repeat;background-position: -100px 1%;}
.index-aboutus-bottom .index-aboutus-bottom-swiper {width: 75%;margin: auto;}
.index-aboutus-bottom .index-aboutus-bottom-swiper li{width:100%;display: block;padding:35px 10%;}
.index-aboutus-bottom .index-aboutus-bottom-swiper .swiper-slide{width:25%;}
.index-aboutus-bottom .index-aboutus-bottom-swiper .swiper-slide li::before {content: '';position: absolute;left: 0;top: 0;width: 1px;height: 100%;opacity: .1;}
.index-aboutus-bottom .index-aboutus-bottom-swiper .swiper-slide:first-child li::before {display: none;}
.index-aboutus-bottom-swiper .swiper-slide li strong.jia{display: inline-block;position: relative;padding-right: 20px;}
.index-aboutus-bottom-swiper .swiper-slide li strong.jia::after {content: '+';display: block;position: absolute;right: 0;top: 0;font-size: 20px;color: #fff;}
.index-aboutus .index-aboutus-img{overflow: hidden;}
.index-aboutus .index-aboutus-img .pcshow {display:block;width: 100%;height: auto;}
.index-aboutus .index-aboutus-img .mbshow {display:none!important;}
/* .index-aboutus-bottom-swiper .swiper-slide-active li {background-image: url('../upload/yuan.png');background-repeat: no-repeat;background-position: -100px 1%;background-color: #ed2939;} */
.index-aboutus-bottom li:hover,.swiper-button-next-whyriifo,.swiper-button-prev-whyriifo ,.whoweneed-search-submit,.swiper-pagination-download .swiper-pagination-progressbar-fill, .img-swiper .swiper-pagination span.swiper-pagination-bullet-active{background-color: #ed2939;}
.index-aboutus-item-title i::before,.index-aboutus-item-title i,.index-aboutus-bottom li::before,.index-aboutus-bottom::before{background: #fff;}
.index-aboutus-item-title{font-size:18px;line-height: 32px;font-weight: bold;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.index-aboutus-bottom strong{font-size:30px;line-height: 34px;}	
.index-aboutus-bottom strong,.index-aboutus-learnmore a,{font-weight: bold;}
.index-aboutus-item-title{position: relative;font-size: 18px;line-height: 32px;}

@media screen and (max-width: 1920px) {
	.index-aboutus-top .index-aboutus-title .index-aboutus-text,.index-aboutus-text {font-size: 18px;line-height: 28px;}
	.index-aboutus-bottom p {font-size: 18px;}
	.index-footer-subscribe h4 {font-size: 12px;text-transform: capitalize;font-weight: normal;}
}
@media screen and (max-width: 1680px) {	
	.index-aboutus-title h3 {font-size: 30px;}
	.index-footer-content-center-left li a {font-size: 14px;}
}
@media screen and (max-width: 1440px) {
	.index-aboutus-bottom i {width: 40px;height: 40px;}
	.index-aboutus-bottom {margin-top: 8%;}
	.index-footer-content-center-right {width: 40%;}
	.index-footer {padding-top: 5%;}
	.index-footer-content-top {padding-bottom:4%;}
	.index-footer-content-center {padding:2% 0;}
	.index-footer-content-center-left h4, .index-footer-content-center-right h4 {padding-bottom:3%;}
	.index-footer-content-center-left li {padding: 1% 0;}
	.index-footer-subscribe {display: inline-block;width: 80%;}
}
@media screen and (max-width: 1366px) {
	.index-aboutus-top {width: 85%;}	
	.index-aboutus-top .index-aboutus-title .index-aboutus-text{font-size: 14px;line-height: 24px;}
	.index-aboutus-bottom p {font-size: 14px;}	
}
@media screen and (max-width: 1000px) {	
	.index-aboutus .index-aboutus-img .pcshow{display: none!important;}
	.index-aboutus .index-aboutus-img .mbshow {display: block!important;}	
	.index-aboutus-item {margin-top: 10px;padding-bottom: 10px;}
	.index-aboutus-learnmore a {width: 140px;height: 45px;line-height: 45px;}	
	.index-aboutus-bottom li {background-image: url(../upload/yuan.png);background-repeat: no-repeat;background-position: -100px 1%;background-color: #ed2939;}
	.index-aboutus-items {display: none;}
	.index-aboutus-top{margin-bottom: 35%;}	
	.index-aboutus-top,.index-aboutus-bottom ul,.index-aboutus-content, .index-aboutus-bottom ul {width: 90%;}
	.index-aboutus .index-aboutus-title,.index-aboutus-items,.index-aboutus-bottom .index-aboutus-bottom-swiper,.index-aboutus-content-top .index-aboutus-content-top-left ,.index-aboutus-content-top .index-aboutus-content-top-right,.index-aboutus-content-left,.index-aboutus-content-right,.index-aboutus-text, .index-aboutus-content-top .index-aboutus-title .index-aboutus-text,.index-aboutus-text,.index-aboutus-content-left,.index-aboutus-content-right{width: 100%;}
	.index-aboutus-bottom .index-aboutus-bottom-swiper .swiper-slide li::before{display: none;}
	.index-footer {padding-top: 6%;}
	.index-footer-content-top-logo {width: 100px;height: 35px;}
	.index-footer-content-top-social {width: 100%;position: relative;text-align: left;bottom: auto;font-size: 0;right: auto;margin:10px 0 0 0;}
	.index-footer-content-center {padding:5% 0;}
	.index-footer-content-center-left ul {display: block;width: 100%;border-bottom: 1px solid #313131;}
	.index-footer-content-center-left ul h4 {padding: 2% 0;}
	.index-footer-content-center-right {padding-top: 5%;float: none;}
	.index-footer-content-bottom-left {padding-top: 5%;float: none;clear: both;border-top: 1px solid #313131;}
	.index-footer-subscribe {text-align: left;margin-top: 5%;}
	.index-footer-content-bottom {padding: 0px 0  20px 0;}
	.index-footer-content-bottom-left a {display: block;margin-top: 3%;}
	.index-footer-content-bottom-right {padding-top: 3%;}
	.index-footer-content-center-left ul h4 {position: relative;}
	.index-footer-content-center-left ul h4.cur::before {display: none;}
	.index-footer-content-center-left ul h4::after {content: '';width: 10px;height: 2px;position: absolute;right: 0;top: 50%;margin-top: -1px;background: #fff;opacity: .5;}
	.index-footer-content-center-left ul h4::before {content: '';width: 2px;height: 10px;position: absolute;right: 4px;top: 50%;margin-top: -5px;background: #fff;opacity: .5;} 
	.index-footer-content-center-left ul li:last-child {margin-bottom: 20px;}
}

/*index_product*/
.index_product{padding-right: 0;margin-left: auto;margin-right: auto;max-width: 1400px;padding-left: 0;padding-bottom: 70px;max-height: none;min-height: 0;height: auto;}
#index_product_title {
    min-height: 0;
    display-radio: 1;
    padding-top: 80px
}

#index_product_title .e_text-1 {
    line-height: normal;
    display-radio: 1;
    font_radio: 2;
    font-size: 36px;
    font-weight: 700;
    font-family: Arial;
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px;
    color: #272727
}

#index_product_title .e_text-2 {
    line-height: normal;
    display-radio: 1;
    font_radio: 2;
    font-size: 16px;
    font-weight: 400;
    font-family: Arial;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
    color: #272727
}

@media screen and (max-width:768px) {
    #index_product_title .e_text-2 {
        font_radio: 2;
        display-radio: 1;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        font-weight: 400;
        color: #272727;
        line-height: 2;
        font-family: Arial;
        text-align: center
    }

    #index_product_title {
        display-radio: 1
    }
}

#index_product_pic .p_tab_wrapper {
    display: flex
}

#index_product_pic .p_right {
    flex-direction: row-reverse
}

#index_product_pic .p_top {
    flex-direction: column
}

#index_product_pic .p_bottom {
    flex-direction: column
}

#index_product_pic .content-box {
    display: none;
    min-height: 300px;
    overflow: hidden
}

#index_product_pic .p_content_wrapper {
    width: 100%
}

#index_product_pic .p_tablist {
    display: flex;
    justify-content: center
}

#index_product_pic .p_active {
    border-bottom: 4px solid #0096cd;
    display-radio: 1;
    font-family: Arial
}

#index_product_pic .left {
    float: left;
    display: block
}

#index_product_pic .right {
    float: right;
    width: 200px;
    display: block
}

#index_product_pic .bottom-content,
#index_product_pic .left-content,
#index_product_pic .right-content,
#index_product_pic .top-content {
    overflow: hidden
}

#index_product_pic .content-box.active {
    display: block
}

#index_product_swiper {
    min-height: 300px;
    display-radio: 1;
    background-fill-value: background-image;
    background-image: url(../images/index_product_bg.jpg)
}

#index_product_swiper .e_loop-1 .p_list {
    display: flex;
    flex-wrap: wrap
}

#index_product_swiper .e_loop-1 .p_loopitem {
    flex: 0 0 33.3%;
    position: relative;
    display-radio: 1
}

#index_product_swiper .e_loop-1 .p_page {
    text-align: center
}

#index_product_swiper .e_loop-1 .p_filter_wrapper {
    width: 100%;
    font-size: 13px
}

#index_product_swiper .e_loop-1 .p_kv_wrapper {
    display: flex;
    flex-wrap: nowrap;
    line-height: 24px;
    margin: 15px 0
}

#index_product_swiper .e_loop-1 .p_filter_key {
    width: 70px;
    overflow: hidden;
    margin-right: 10px;
    font-weight: 700;
    color: #333;
    font-size: 12px
}

#index_product_swiper .e_loop-1 .p_v_item {
    display: inline-block;
    padding: 0 3px;
    cursor: pointer;
    font-size: 13px;
    color: #555;
    margin-right: 30px
}

#index_product_swiper .e_loop-1 .p_active {
    color: #fff;
    background-color: #409eff;
    border-radius: 2px
}

#index_product_swiper .e_loop-1 .p_result_item {
    position: relative;
    padding: 3px 20px 3px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 10px
}

#index_product_swiper .e_loop-1 .p_filter_close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
    font-style: normal;
    font-size: 16px;
    margin-top: -5px;
    cursor: pointer
}

#index_product_swiper .e_loop-1 .multSelect {
    font-size: 13px;
    position: relative
}

#index_product_swiper .e_loop-1 .multSelect .inputWrap {
    width: 100%;
    min-width: 100px;
    min-height: 24px;
    border: 1px solid #dcdfe6;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    background: #fff
}

#index_product_swiper .e_loop-1 .multSelect.is-invalid .inputWrap {
    border-color: #dc3545
}

#index_product_swiper .e_loop-1 .multSelect ul {
    padding: 0 5px;
    margin: 0;
    padding-right: 35px
}

#index_product_swiper .e_loop-1 .multSelect ul,
li {
    list-style: none
}

#index_product_swiper .e_loop-1 .multSelect li {
    display: inline-block;
    background: #edf0f3;
    color: #92969c;
    padding: 0 5px;
    margin: 1px 5px 1px 0;
    border-radius: 5px;
    line-height: 16px
}

#index_product_swiper .e_loop-1 .multSelect .multSelect-option {
    width: 100%;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    border-top: 0;
    max-height: 200px;
    overflow-y: scroll;
    position: absolute;
    height: 0;
    opacity: 0;
    z-index: 9;
    background: #fff
}

#index_product_swiper .e_loop-1 .multSelect .multSelect-option>div {
    line-height: 24px;
    cursor: pointer;
    padding: 0 10px
}

#index_product_swiper .e_loop-1 .multSelect .multSelect-option>div.selected {
    color: #409eff
}

#index_product_swiper .e_loop-1 .multSelect .multSelect-option>div:hover {
    color: #409eff;
    background: #f3f6f9
}

#index_product_swiper .e_loop-1 .multSelect .fa-close {
    font-style: normal;
    font-size: 12px;
    padding: 0 5px 0 7px
}

#index_product_swiper .e_loop-1 .multSelect .inputWrap>.fa svg {
    fill: #666;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: calc(50% - 3px)
}

#index_product_swiper .e_loop-1 .multSelect .inputWrap>.fa-down svg {
    transform: rotate(-90deg)
}

#index_product_swiper .e_loop-1 .multSelect .inputWrap>.fa-up svg {
    transform: rotate(90deg)
}

#index_product_swiper .e_loop-1 .multSelect .placeholder {
    line-height: 40px;
    padding-left: 10px;
    color: #aaa;
    position: absolute;
    left: 0;
    top: 0
}

#index_product_swiper .e_loop-1 .p_filter_select {
    width: 110px;
    height: 24px;
    padding: 0;
    border: 1px solid #dcdfe6
}

#index_product_swiper .e_loop-1 .p_normal_start {
    display: inline;
    width: 60px;
    height: 22px
}

#index_product_swiper .e_loop-1 .p_date_start {
    display: inline;
    width: 105px;
    height: 22px
}

#index_product_swiper .e_loop-1 .p_normal_end {
    display: inline;
    width: 60px;
    height: 22px;
    margin-right: 5px
}

#index_product_swiper .e_loop-1 .p_date_end {
    display: inline;
    width: 105px;
    height: 22px;
    margin-right: 5px
}

#index_product_swiper .e_loop-1 .p_split {
    margin: 0 5px
}

#index_product_swiper .e_loop-1 .p_normal {
    margin-right: 16px
}

#index_product_swiper .e_loop-1 {
    background_radio: 1;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display-radio: 1;
    max-width: 1400px;
    padding-left: 0;
    padding-bottom: 70px;
    max-height: none;
    min-height: 0;
    height: auto
}

#index_product_swiper .e_container-2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    display-radio: flex
}

#index_product_swiper .e_container-2>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#index_product_swiper .e_container-3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 90%;
    padding-top: 20px;
    padding-left: 5%;
    padding-bottom: 0;
    padding-right: 0;
    display-radio: flex;
    margin-bottom: 30px
}

#index_product_swiper .e_container-3>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#index_product_swiper .e_image-4 {
    overflow: hidden;
    display-radio: 1
}

#index_product_swiper .e_image-4 img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

#index_product_swiper .e_text-5 {
    font_radio: 2;
    font-size: 22px;
    color: rgba(0, 0, 0, .8);
    font-weight: 700;
    text-align: left;
    font-family: Microsoft YaHei;
    display-radio: 1
}

#index_product_swiper .e_line-6 {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgba(0, 0, 0, .1);
    height: 2px;
    margin-top: 20px;
    margin-bottom: 20px
}

#index_product_swiper .e_text-7 {
    font_radio: 2;
    font-size: 16px;
    color: rgba(0, 0, 0, .67);
    font-weight: 400;
    text-align: left;
    font-family: Arial;
    line-height: 2;
    margin-top: 40px;
    display-radio: -webkit-box;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0
}

#index_product_swiper .e_container-3 .cbox-3-0 {
    align-self: center
}

#index_product_swiper .e_button-9 {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 130px;
    padding: 8px;
    background_radio: 2;
    border_radio: 2;
    font_radio: 2;
    radius_radio: 2;
    margin-top: 3%;
    height: 48px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    line-height: 2;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display-radio: block;
    margin-left: 0;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
    border-color: #b9b9b9;
    color: #515151;
    background-color: rgba(255, 255, 255, 0);
    margin-bottom: 2%
}

#index_product_swiper .e_button-9 span {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0;
    overflow: hidden
}

#index_product_swiper .e_button-9::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0
}

#index_product_swiper .e_button-9:hover::after {
    opacity: 1
}

#index_product_swiper .e_button-9:hover {
    font-size: 16px;
    background-color: #0096cd;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-family: Microsoft YaHei;
    border-style: solid;
    border-width: 1px;
    border-color: #0096cd;
    color: #fff
}

#index_product_swiper .e_button-9:before {
    border-radius: 50%
}

@media screen and (max-width:768px) {
    #index_product_swiper .e_loop-1 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 1)
    }

    #index_product_swiper .e_container-3 {
        display-radio: 1;
        flex-direction: column
    }

    #index_product_swiper .e_text-7 {
        font_radio: 2;
        display-radio: 1;
        font-size: 16px;
        font-weight: 400;
        color: #272727;
        line-height: 1.5;
        font-family: Arial;
        text-align: left
    }

    #index_product_swiper .e_button-9 {
        display: none;
        position: relative;
        overflow: hidden;
        text-align: center;
        box-sizing: border-box;
        width: 160px;
        padding: 8px;
        background_radio: 2;
        border_radio: 2;
        font_radio: 2;
        radius_radio: 2;
        margin-top: 7%;
        border-right-color: rgb(7 39 69);
        border-right-style: solid;
        border-right-width: 8px !important;
        height: 38px;
        font-size: 16px;
        font-family: Microsoft YaHei;
        line-height: 1.4;
        background-color: rgb(186 5 5);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-left: 0;
        color: #fff;
        display-radio: block
    }
}

@media screen and (min-width:769px) {
    #index_product_swiper .e_loop-1 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 1)
    }
}

/*index_partner*/
#index_partner {
    min-height: 300px;
    padding-top: 4%;
    padding-bottom: 4%;
    padding-left: 10px;
    padding-right: 10px;
    display-radio: 1;
    background-color: #f8f9fb
}

#index_partner .e_container-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    display-radio: flex
}

#index_partner .e_container-1 .p_item {
    flex: 1;
    max-width: 100%
}

#index_partner .e_loop-4 .p_list {
    display: flex;
    flex-wrap: wrap
}

#index_partner .e_loop-4 .p_loopitem {
    flex: 0 0 33.3%;
    position: relative
}

#index_partner .e_loop-4 .p_page {
    text-align: center
}

#index_partner .e_loop-4 .p_filter_wrapper {
    width: 100%
}

#index_partner .e_loop-4 .p_kv_wrapper {
    display: flex;
    flex-wrap: nowrap
}

#index_partner .e_loop-4 .p_filter_key {
    line-height: 40px;
    margin-right: 10px
}

#index_partner .e_loop-4 .p_v_item {
    display: inline-block;
    margin: 0 5px;
    line-height: 40px;
    cursor: pointer
}

#index_partner .e_loop-4 .p_active {
    color: #8a2be2
}

#index_partner .e_loop-4 .p_result_item {
    position: relative;
    padding: 3px 20px 3px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 10px
}

#index_partner .e_loop-4 .p_filter_close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
    font-style: normal;
    font-size: 10px;
    margin-top: 2px;
    cursor: pointer
}

#index_partner .e_loop-4 .multSelect {
    font-size: 14px;
    position: relative
}

#index_partner .e_loop-4 .multSelect .inputWrap {
    width: 100%;
    min-width: 100px;
    min-height: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
    cursor: pointer
}

#index_partner .e_loop-4 .multSelect.is-invalid .inputWrap {
    border-color: #dc3545
}

#index_partner .e_loop-4 .multSelect ul {
    padding: 0 5px;
    margin: 0;
    padding-right: 35px
}

#index_partner .e_loop-4 .multSelect ul,
li {
    list-style: none
}

#index_partner .e_loop-4 .multSelect li {
    display: inline-block;
    background: #edf0f3;
    color: #92969c;
    padding: 3px 5px;
    margin: 5px 5px 5px 0;
    border-radius: 5px
}

#index_partner .e_loop-4 .multSelect .multSelect-option {
    width: 100%;
    border: 1px solid #ccc;
    border-top: 0;
    max-height: 200px;
    overflow-y: scroll;
    position: absolute;
    height: 0;
    opacity: 0;
    z-index: 9;
    background: #fff
}

#index_partner .e_loop-4 .multSelect .multSelect-option>div {
    line-height: 40px;
    cursor: pointer;
    padding: 0 10px
}

#index_partner .e_loop-4 .multSelect .multSelect-option>div.selected {
    color: #409eff
}

#index_partner .e_loop-4 .multSelect .multSelect-option>div:hover {
    color: #409eff;
    background: #f3f6f9
}

#index_partner .e_loop-4 .multSelect .fa-close {
    font-style: normal;
    font-size: 12px;
    padding: 0 5px 0 7px
}

#index_partner .e_loop-4 .multSelect .inputWrap>.fa svg {
    fill: #666;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: calc(50% - 8px)
}

#index_partner .e_loop-4 .multSelect .inputWrap>.fa-down svg {
    transform: rotate(-90deg)
}

#index_partner .e_loop-4 .multSelect .inputWrap>.fa-up svg {
    transform: rotate(90deg)
}

#index_partner .e_loop-4 .multSelect .placeholder {
    line-height: 40px;
    padding-left: 10px;
    color: #aaa;
    position: absolute;
    left: 0;
    top: 0
}

#index_partner .e_loop-4 .p_filter_select {
    width: 150px
}

#index_partner .e_loop-4 .p_date_start,
#index_partner .e_loop-4 .p_normal_start {
    display: inline;
    width: 100px
}

#index_partner .e_loop-4 .p_date_end,
#index_partner .e_loop-4 .p_normal_end {
    display: inline;
    width: 100px
}

#index_partner .e_loop-4 .p_split {
    margin: 0 5px
}

#index_partner .e_loop-4 .p_normal {
    margin-right: 16px
}

#index_partner .e_loop-4 {
    margin-top: 50px;
    margin-bottom: 50px
}

#index_partner .e_text-6 {
    color: #909399;
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
    font_radio: 2;
    display-radio: 1;
    font-weight: 400;
    margin-bottom: 30px;
    font-family: Arial
}

#index_partner .e_image-11 {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    display-radio: 1;
    max-width: 90%;
    box-shadow: 0 5px 10px 0 rgb(29 56 72 / 10%)
}

#index_partner .e_image-11 img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

#index_partner .e_container-12 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    display-radio: flex;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding-left: 20px;
    padding-right: 20px
}

#index_partner .e_container-12>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#index_partner .e_button-13 {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 180px;
    padding: 8px;
    background_radio: 2;
    border_radio: 2;
    font_radio: 2;
    radius_radio: 2;
    margin-top: 3%;
    height: 48px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    line-height: 2;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display-radio: block;
    margin-left: auto;
    margin-right: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #b9b9b9;
    color: #515151;
    background-color: rgba(255, 255, 255, 0);
    margin-bottom: 2%
}

#index_partner .e_button-13 span {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0;
    overflow: hidden
}

#index_partner .e_button-13::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0
}

#index_partner .e_button-13:hover::after {
    opacity: 1
}

#index_partner .e_button-13:hover {
    font-size: 16px;
    background-color: #0096cd;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-family: Microsoft YaHei;
    border-style: solid;
    border-width: 1px;
    border-color: #0096cd;
    color: #fff
}

#index_partner .e_button-13:before {
    border-radius: 50%
}

#index_partner .e_text-14 {
    line-height: normal;
    font_radio: 2;
    font-family: Arial;
    font-weight: 700;
    color: #000;
    font-size: 32px;
    display-radio: 1;
    margin-top: 10px;
    text-align: left
}

#index_partner .e_text-15 {
    line-height: 1.5;
    font_radio: 2;
    font-family: Arial;
    font-weight: 400;
    color: #000;
    font-size: 16px;
    display-radio: 1;
    margin-top: 10px;
    text-align: left
}

#index_partner .e_container-12 .cbox-12-0 {
    flex: 0 0 80%;
    align-self: center
}

@media screen and (max-width:768px) {
    #index_partner .e_loop-4 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 2)
    }

    #index_partner .e_loop-4 {
        display-radio: 1;
        margin-top: 20px;
        margin-bottom: 0
    }

    #index_partner {
        display-radio: 1;
        padding-top: 30px
    }

    #index_partner .e_container-12 {
        display-radio: 1;
        flex-direction: column;
        height: auto
    }

    #index_partner .e_button-13 {
        display: none;
        position: relative;
        overflow: hidden;
        text-align: center;
        box-sizing: border-box;
        width: 160px;
        padding: 8px;
        background_radio: 2;
        border_radio: 2;
        font_radio: 2;
        radius_radio: 2;
        margin-top: 7%;
        border-right-color: rgb(7 39 69);
        border-right-style: solid;
        border-right-width: 8px !important;
        height: 38px;
        font-size: 16px;
        font-family: Microsoft YaHei;
        line-height: 1.4;
        background-color: rgb(186 5 5);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-left: 0;
        color: #fff;
        display-radio: block
    }

    #index_partner .e_text-15 {
        font_radio: 2;
        display-radio: 1;
        font-size: 16px;
        font-weight: 400;
        color: #272727;
        line-height: 2;
        font-family: Arial;
        text-align: left
    }

    #index_partner .e_text-6 {
        font_radio: 2;
        display-radio: 1;
        font-size: 16px;
        font-weight: 400;
        color: #272727;
        line-height: normal;
        font-family: Arial;
        text-align: center
    }
}

@media screen and (min-width:769px) {
    #index_partner .e_loop-4 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 5)
    }
}

/*index_news*/
.news { padding: 50px 100px;}
.news .head { text-align: left; }
.news .head .title { line-height: normal;font_radio: 2;font-family: Arial;font-weight: 700;color: #000;font-size: 32px;display-radio: 1;margin-top: 10px;text-align: left;}
.news .head .desc { width: 38px; height: 2px; background: #02328d;}
.news .title-box .head { float: left }
.news .head .title, .news .head .desc, .news ul li, .news ul li h3 {visibility: inherit; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);}
.news .title-box .tabs { float: right; margin: 18px }
.news .title-box .tabs li { float: left; }
.news .title-box .tabs li a { display: inline-block; margin: 0 5px; font-size: 13px; line-height: 30px; text-align: center; padding: 10px 20px; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.news .title-box .tabs li a:hover { background: #02328d; text-decoration: none }
.news .title-box .tabs li a:hover h3 { color: #fff }
.news .title-box .tabs li a h3 { font-size: 16px; margin: 0; line-height: 30px; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; color: #37474f; }
.news .title-box .tabs li.active a { background: #02328d;}
.news .title-box .tabs li.active a h3 { color: #fff }
.news .btn-more { padding: 5px 15px; border: 1px solid; color: #02328d; display: block; width: 110px; text-align: center; margin: 30px auto 0 auto; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.news .btn-more .fa { padding-left: 10px }
.news .btn-more:hover { background: #02328d; padding-left: 15px; color: #fff; border-color: #02328d; text-decoration: none }
.news .btn-more:hover .fa { color: #fff }
.news ul { padding: 0; margin: 0; list-style: none; margin-top: 50px }
.news .imgnews-list li { width: 52%; float: right; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; padding: 10px 0; border-bottom: 1px solid; border-color: #ffffff; border-color: #f2f2f2; }
.news .imgnews-list li .title { font-size: 14px; line-height: 36px; color: #37474f; margin: 0; display: inline-block; width: 78% }
.news .imgnews-list li .time { display: inline-block; line-height: 30px; float: right; color: #999999; font-size: 13px; position: relative; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.news .imgnews-list li .fa { display: inline-block; line-height: 30px; float: right; color: #02328d; font-size: 13px; position: relative; right: 35px; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; opacity: 0 }
.news .imgnews-list li:hover { padding-left: 15px }
.news .imgnews-list li:hover .fa { right: 0; opacity: 1 }
.news .imgnews-list li:hover .time { right: 15px }
.news .imgnews-list li:hover h3 { color: #02328d;}
.news .imgnews-list li .date { float: right }
.news .imgnews-list li .date .day { font-size: 36px; font-weight: bold; position: relative; letter-spacing: 1px; color: #999999; }
.news .imgnews-list li .date .year { color: #ffffff; position: relative; display: block }
.news .imgnews-list .item-1 { width: 40%; float: left; padding: 0; border: none; opacity: 1; transform: none; }
.news .imgnews-list .item-1 .text { background: #02328d; padding: 28px 15px 28px 20px }
.news .imgnews-list .item-1 .text .date { float: left }
.news .imgnews-list .item-1 .text .day { font-size: 36px; font-weight: bold; position: relative; letter-spacing: 1px; color: #fff; }
.news .imgnews-list .item-1 .text .year { color: rgba(255, 255, 255, 0.6); position: relative; display: block }
.news .imgnews-list .item-1 .text .content { color: #fff; width: 82%; float: right }
.news .imgnews-list .item-1 .text .content h3 { color: #fff; line-height: 30px; margin: 0; font-size: 16px; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.2) }
.news .imgnews-list .item-1 .text .content p { color: rgba(255, 255, 255, 0.7); padding-top: 15px; margin: 0 }
.news .imgnews-list .item-1 .img { overflow: hidden }
.news .imgnews-list .item-1 .img img { -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; opacity: .78; width: 100% }
.news .imgnews-list .item-1:hover { -webkit-box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08); box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08); padding: 0 }
.news .imgnews-list .item-1:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); opacity: 1 }
.news .imgnews-list .item-other { list-style: circle; list-style-position: inside; }
@media (max-width:767px) {
	.news { padding: 30px 0; }
	.news .imgnews-list li { width: 100% !important; float: none !important }
	.news .imgnews-list .item1 .text .content { width: 68% }
	.news .imgnews-list li .title { width: 70% }
	.news ul { margin-top: 0 }
	.news .title-box .head{ float: none; }
	.news .title-box .tabs{ margin: 15px 0; float: none; }
}

/*footer*/
footer {line-height: 1.8;}
.index-footer {padding-top:80px;overflow: hidden;background: #1a1a1a;}
.index-footer,.index-footer a,.index-footer a:hover{color: #fff;}
.index-footer-content-top {border-bottom: 1px solid #313131;}
.index-footer-content {width: 85%;margin: auto;position: relative;overflow: hidden;}
.index-footer-content-top {padding-bottom: 40px;position: relative;}
.index-footer-content-top-logo {width: 125px;height: 35px;position: relative;}
.index-footer-content-top-logo a {display: block;}
.index-footer-content-top-social {margin-top: 5%;}
.index-footer-content-top-social a{display: inline-block;vertical-align: middle;margin-left: -1px;}
.index-footer-content-top-social i{position: relative;display: block;margin: auto;width: 48px;height: 48px;}
.index-footer-content-center {padding:10px 0 40px 0;overflow: hidden;}
.index-footer-content-center-left {float: left;width: 60%;}
.index-footer-content-center-left ul{list-style: none;padding: 0;margin: 0;float: left;width: 25%;}
.index-footer-content-center-left h4,.index-footer-content-center-right h4{padding: 0;margin: 0;display: block;padding-bottom: 20px;text-transform: uppercase;font-weight: normal;}
.index-footer-content-center-left li{list-style: none;padding: 0;margin: 0;padding: 5px 0;}
.index-footer-content-center-right {float: right;width:40%;text-align: left;border-left: 1px solid rgba(255,255,255,.2);}		
.index-footer-subscribe {display: flex;}
.index-footer-subscribe .footer-address{padding-left: 3%;margin-right:6%;max-width: 310px;color: #767676;}
.index-footer-subscribe .footer-address .title_text{font-size: 16px;color: #fff;margin-bottom: 10px;}
.index-footer-subscribe .footer-wechat{text-align: center;margin-top: 6%;}
.index-footer-subscribe .footer-wechat img{max-width:100px;}
.index-footer-content-bottom {overflow: hidden;padding: 50px 0;position: relative;}						
.index-footer-content-bottom-left {float: left;}	
.index-footer-content-bottom-right {position: absolute;right: 0;top: 50%;}		
.index-footer-content-center .index-footer-content-center-right .index-footer-content-top-social a{border: none;} 
.index-footer-content-center .index-footer-content-center-right .index-footer-content-top-social a i{width: 34px;} 
.index-footer-add,.index-footer-content-bottom,.index-footer-content-bottom a,.index-footer-content-center-left li a,.index-footer-content-bottom-right a{color: #767676;font-weight: 600;}
@media (max-width:767px) {
	.index-footer-content-center-left{ width: 0%;display: none;}
	.index-footer-content-center-right{ width: 100%;border-left:none;}
}

/*about page*/
.enbanner .swiper-container{
	overflow: hidden;
}
.enbanner .p_img img{
	width: 100%;
	height: 100%;
}

#about1,#about2 {
	min-height: 0;
	display-radio: 1;
	background-fill-value: background-image;
	background-image: url(../images/about1_bg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	max-height: none;
	height: auto;
	min-width: 0;
	max-width: none;
	width: auto;
	margin-top: 0;
	padding-top: 80px;
	padding-bottom: 70px
}

#about1 .e_container-1,#about2 .e_container-1 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 96%;
	display-radio: flex;
	max-width: 1400px;
	min-width: 0;
	height: auto;
	max-height: none;
	min-height: 0;
	margin-left: auto;
	margin-right: auto;
	transition-property: all;
	transition-radio: hover;
	transition-duration: .6s;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1)
}

#about1 .e_container-1>.p_item,#about2 .e_container-1>.p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

#about1 .e_container-1 .cbox-1-0 {
	flex: 0 0 63%;
	align-self: center
}

#about2 .e_container-1 .cbox-1-0 {
	flex: 0 0 100%;
	align-self: center
}

#about1 .e_text-6 {
	line-height: normal;
	display-radio: 1;
	font_radio: 2;
	font-size: 54px;
	font-family: Impact;
	color: #0096cd;
	margin-top: 40px;
	margin-bottom: 30px;
	text-align: left;
	font-weight: 400
}

#about1 .abouttext {
	display-radio: 1;
	font_radio: 2;
	font-size: 16px;
	color: #464646;
	line-height: 2;
	font-family: Arial;
	font-weight: 400;
	text-align: left
}

#about1 .abouttext p{
	text-indent: 2em;
}

#about1 .aboutimage,#about2 .aboutimage {
	overflow: hidden;
	display-radio: 1;
	max-width: 429px;
	margin-top:268px;
	margin-right: 0;
	margin-left: auto
}

#about1 .aboutimage img,#about2 .aboutimage img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

#about1 .e_text-28,#about2 .e_text-28 {
	line-height: normal;
	display-radio: 1;
	font_radio: 2;
	font-size: 24px;
	font-family: Arial;
	color: #333;
	margin-top: 0;
	margin-bottom: 50px;	
}

#about1 .e_text-28 {
	text-align: left;
}

#about2 .e_text-28{
	text-align: center;
}

@media screen and (max-width:768px) {
	#about1 {
		display-radio: 1
	}

	#about1 .e_text-6 {
		font_radio: 1;
		display-radio: 1;
		margin-top: 20px;
		margin-bottom: 10px
	}

	#about1 .aboutimage,#about2 .aboutimage {
		display-radio: 1;
		margin-top: 20px
	}

	#about1 .e_text-28,#about2 .e_text-28 {
		font_radio: 1;
		display-radio: 1;
		margin-top: 20px;
		margin-bottom: 10px
	}
}

#about2 .history-list {position: relative;padding:8% 0 0 0;overflow: hidden;}
#about2 .history-list::after {content: '';width: 2px;height: 100%;position: absolute;left:50%;top: 0;background: #e6e8ed;margin-left: -1px;}
#about2 .history-list:first-child::after {height: 95%;}
#about2 .history-item {overflow: hidden;position: relative;height: 60px;width:80%;margin: auto;margin-bottom: 5%;}
#about2 .history-item .text strong{color: #000;}
#about2 .history-item .data-1{float: left;width: 50%;font-size: 30px;font-weight: bold;text-align: right;padding-right: 60px;}
#about2 .history-item .text-2{float: right;width: 50%;overflow: hidden;padding-left: 30px;}
#about2 .history-item .text-2 strong{font-size: 20px;font-weight: bold;}
#about2 .history-item .text-2 p{font-size: 16px;}   
#about2 .history-item .dian-1 {position: absolute;left:50%;top:25%;text-align: right;z-index: 11;margin-left: 8px;}      
#about2 .history-item .dian-1 i {width: 8px;height: 8px;display: block;border-radius: 100%;position: absolute;right: 0;top: 50%;margin-top: -4px;background: #ccc;border: 4px #fff solid;}
#about2 .history-item .dian-1 i::before {content: '';width: 20px;height: 20px;border-radius: 100%;position: absolute;left:50%;top: 50%;margin: -10px 0 0 -14px;border:2px #ccc solid;box-sizing: border-box;}
#about2 .history-item .dian-1 i::after {content: '';width:40px;height:2px;position: absolute;right:13px;top: 50%;margin-top:-1px;background: #ccc;}
#about2 .history-item:hover .dian-1 i {background: #ed2939;border: 4px #fff solid;}
#about2 .history-item:hover .dian-1 i::before  {border:2px #ed2939 solid;}
#about2 .history-item:hover .dian-1 i::after {background: #ed2939;}

#about3,#service {
    min-height: 400px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
    display-radio: 1
}

#about3 .e_container-1,#service .e_container-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    display-radio: flex
}

#about3 .e_container-1>.p_item,#service .e_container-1>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#about3 .e_h1-2,#service .e_h1-2 {
    font_radio: 2;
    font-size: 32px;
    color: #222;
    line-height: 2;
    display-radio: 1;
    font-family: Arial
}

#about3 .e_container-4,#service .e_container-4 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%
}

#about3 .e_container-4 .e_image-27 img {
    width: 60%;
	height: auto;
	margin-bottom: 20px;
}

#service .e_container-4 .e_image-27 img {
    width: 80%;
	height: auto;
	margin-bottom: 20px;
}

#about3 .e_container-4>.p_item,#service .e_container-4>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#about3 .e_richText-5,#service .e_richText-5 {
    font_radio: 2;
    font-size: 16px;
    font-family: Arial;
    color: #666;
    line-height: 2;
    padding-right: 0;
    display-radio: 1
}

#about3 .e_container-4 .cbox-4-0,#service .e_container-4 .cbox-4-0 {
    align-self: center
}

@media screen and (max-width:768px) {
    #about3 .e_container-4,#service .e_container-4 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%
    }
}

#display_page {
	min-height: 0;
	padding-top: 50px;
	padding-bottom: 50px;
	display-radio: 1;
	max-height: none;
	background-color: #fff
}

#display_page .e_container-1 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 96%;
	max-width: 1460px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	min-height: 0;
	display-radio: flex
}

#display_page .e_container-1 .entitle{
	font-size:34px;
	line-height:1.6;
}

#display_page .e_container-1>.p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

#display_page .e_loop-6 .p_list {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	max-width: 100%
}

#display_page .e_loop-6 .p_loopitem3 {
	flex: 0 0 33.3%;
	position: relative
}
#display_page .e_loop-6 .p_loopitem4 {
	flex: 0 0 33.3%;
	position: relative
}

#display_page .e_loop-6 .p_page {
	text-align: center
}

#display_page .e_loop-6 {
	margin-top: 0;
	display-radio: 1
}

#display_page .e_container-7 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: auto;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	cursor: pointer;
	transition: all ease .8s;
	display-radio: flex;
	margin-top: 15px
}

#display_page .e_container-7>.p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

#display_page .e_container-9 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	background-color: #f5f5f5;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
	padding-right: 20px;
	transition: all ease .5s;
	cursor: auto;
	display-radio: flex
}

#display_page .e_container-7>.p_item:hover .e_container-9 {
	background-color: #0096cd
}

#display_page .e_container-7>.p_item:hover .e_container-9 p {
	color: #fff
}

#display_page .e_container-9>.p_item {
	flex: 1;
	max-width: 100%;
	max-height: 100%
}

#display_page .e_text-10 {
	line-height: 1.5;
	font_radio: 2;
	font-size: 14px;
	font-family: Arial;
	text-align: center;
	color: rgba(0, 0, 0, .7);
	margin-bottom: 5px;
	transition: all ease .5s;
	display-radio: -webkit-box;
	font-weight: 400;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden
}

#display_page .e_line2{
	-webkit-line-clamp: 2;
}

#display_page .e_container-7 a {
	pointer-events: none
}

#display_page .e_image-8 {
	overflow: hidden;
	display-radio: 1;
	/*max-height: 300px*/
}

#display_page .e_image-8 img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

#display_page .e_richText-12 {
	font_radio: 2;
	display-radio: 1;
	font-size: 34px;
	font-weight: 400;
	color: #272727;
	line-height: normal;
	font-family: Impact;
	text-align: center
}

#display_page .e_line-13 {
	border-top-style: solid;
	border-top-width: 4px;
	border-top-color: #0096cd;
	width: auto;
	max-width: 45px;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	display-radio: 1
}

@media screen and (max-width:768px) {
	#display_page .e_loop-6 .p_loopitem3,#display_page .e_loop-6 .p_loopitem4 {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(100% / 2)
	}

	#display_page .e_container-1 {
		display-radio: 1;
		width: 100%
	}

	#display_page .e_container-7 {
		display-radio: 1;
		margin-left: 0;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 15px
	}

	#display_page .e_text-10 {
		font_radio: 2;
		display-radio: 1;
		color: #333;
		font-size: 15px
	}

	#display_page .e_container-9 {
		display-radio: 1;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 15px
	}

	#display_page .p_loopitem3>.e_container-7,#display_page .p_loopitem4>.e_container-7 {
		margin-right: 7px
	}

	#display_page .p_loopitem3:nth-child(2n+0)>.e_container-7,#display_page .p_loopitem4:nth-child(2n+0)>.e_container-7 {
		margin-left: 7px;
		margin-right: 0
	}

	#display_page .e_line-13 {
		border-top-style: solid;
		border-top-width: 2px;
		max-width: 30px
	}
}

@media screen and (min-width:769px) {
	#display_page .e_loop-6 .p_loopitem3 {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(100% / 3)
	}
	#display_page .e_loop-6 .p_loopitem4 {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(100% / 4)
	}
}

@media screen and (max-width:1024px) and (min-width:769px) {
	#display_page .e_loop-6 .p_loopitem3 {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(100% / 3)
	}
	#display_page .e_loop-6 .p_loopitem4 {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: calc(100% / 4)
	}

	#display_page .e_container-9 {
		display-radio: 1
	}

	#display_page .e_loop-6 {
		display-radio: 1
	}

	#display_page .e_container-7 {
		display-radio: 1;
		padding-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		margin-left: 7px;
		margin-top: 7px;
		margin-right: 7px;
		margin-bottom: 7px
	}
}


#submenu {
    min-height: 0;
    background-color: #f3f5f7;
    padding-bottom: 0;
    display-radio: 1;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: auto;
    padding-top: 0
}

#submenu .e_loop-3 .p_list::-webkit-scrollbar {
    opacity: 0
}

#submenu .e_container-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display-radio: flex;
    max-width: 1400px
}

#submenu .e_container-1>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#submenu .e_breadcrumb-2 .p_breadcrumbItem {
    position: relative;
    display-radio: 1;
    color: #565656
}

#submenu .e_breadcrumb-2 .icon {
    width: 12px;
    height: 12px
}

#submenu .e_breadcrumb-2 .p_breadcrumbItem:not(:first-child) {
    padding: 0 3px 0 15px
}

#submenu .e_breadcrumb-2 .p_breadcrumbItem:not(:first-child)::before {
    content: '>';
    position: absolute;
    left: 3px;
    color: #565656
}

#submenu .e_breadcrumb-2 .p_breadcrumb {
    display: flex
}

#submenu .e_breadcrumb-2 .p_showTitle {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 5px;
    border: 1px solid transparent
}

#submenu .e_breadcrumb-2 .siblings::after {
    content: '>';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    transform: rotateZ(90deg);
    cursor: pointer;
    color: #ccc
}

#submenu .e_breadcrumb-2 .siblings.active {
    border: 1px solid #dee2e6
}

#submenu .e_breadcrumb-2 .siblings.active::after {
    transform: rotateZ(-90deg)
}

#submenu .e_breadcrumb-2 .p_slide {
    position: absolute;
    left: 18px;
    min-width: 100%;
    padding: 5px;
    display: none;
    z-index: 999
}

#submenu .e_breadcrumb-2 .p_sibling {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#submenu .e_breadcrumb-2 {
    background_radio: 2;
    background-color: rgba(255, 255, 255, 0);
    display-radio: 1
}

#submenu .e_loop-3 .p_list {
    display: flex;
    flex-wrap: wrap
}

#submenu .e_loop-3 .p_loopitem {
    flex: 0 0 33.3%;
    position: relative
}

#submenu .e_loop-3 .p_page {
    text-align: center
}

#submenu .e_loop-3 .p_filter_wrapper {
    width: 100%
}

#submenu .e_loop-3 .p_kv_wrapper {
    display: flex;
    flex-wrap: nowrap
}

#submenu .e_loop-3 .p_filter_key {
    line-height: 40px;
    margin-right: 10px;
    font-weight: 700
}

#submenu .e_loop-3 .p_v_item {
    display: inline-block;
    margin: 0 5px;
    line-height: 40px;
    cursor: pointer
}

#submenu .e_loop-3 .p_active {
    color: #8a2be2
}

#submenu .e_loop-3 .p_result_item {
    position: relative;
    padding: 3px 20px 3px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 10px
}

#submenu .e_loop-3 .p_filter_close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
    font-style: normal;
    font-size: 16px;
    margin-top: -5px;
    cursor: pointer
}

#submenu .e_loop-3 .multSelect {
    font-size: 14px;
    position: relative
}

#submenu .e_loop-3 .multSelect .inputWrap {
    width: 100%;
    min-width: 100px;
    min-height: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
    cursor: pointer
}

#submenu .e_loop-3 .multSelect.is-invalid .inputWrap {
    border-color: #dc3545
}

#submenu .e_loop-3 .multSelect ul {
    padding: 0 5px;
    margin: 0;
    padding-right: 35px
}

#submenu .e_loop-3 .multSelect ul,
li {
    list-style: none;
    color: #fff
}

#submenu .e_loop-3 .multSelect li {
    display: inline-block;
    background: #edf0f3;
    color: #92969c;
    padding: 3px 5px;
    margin: 5px 5px 5px 0;
    border-radius: 5px
}

#submenu .e_loop-3 .multSelect .multSelect-option {
    width: 100%;
    border: 1px solid #ccc;
    border-top: 0;
    max-height: 200px;
    overflow-y: scroll;
    position: absolute;
    height: 0;
    opacity: 0;
    z-index: 9;
    background: #fff
}

#submenu .e_loop-3 .multSelect .multSelect-option>div {
    line-height: 35px;
    cursor: pointer;
    padding: 0 10px
}

#submenu .e_loop-3 .multSelect .multSelect-option>div.selected {
    color: #1e9e3b
}

#submenu .e_loop-3 .multSelect .multSelect-option>div:hover {
    color: #1e9e3b;
    background: #f3f6f9
}

#submenu .e_loop-3 .multSelect .fa-close {
    font-style: normal;
    font-size: 12px;
    padding: 0 5px 0 7px
}

#submenu .e_loop-3 .multSelect .inputWrap>.fa svg {
    fill: #666;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: calc(50% - 8px)
}

#submenu .e_loop-3 .multSelect .inputWrap>.fa-down svg {
    transform: rotate(-90deg)
}

#submenu .e_loop-3 .multSelect .inputWrap>.fa-up svg {
    transform: rotate(90deg)
}

#submenu .e_loop-3 .multSelect .placeholder {
    line-height: 40px;
    padding-left: 10px;
    color: #aaa;
    position: absolute;
    left: 0;
    top: 0
}

#submenu .e_loop-3 .p_filter_select {
    width: 150px
}

#submenu .e_loop-3 .p_date_start,
#submenu .e_loop-3 .p_normal_start {
    display: inline;
    width: 100px
}

#submenu .e_loop-3 .p_date_end,
#submenu .e_loop-3 .p_normal_end {
    display: inline;
    width: 100px
}

#submenu .e_loop-3 .p_split {
    margin: 0 5px
}

#submenu .e_loop-3 .p_normal {
    margin-right: 16px
}

#submenu .e_loop-3 {
    background_radio: 1;
    margin-left: auto;
    margin-right: auto;
    transition-property: all;
    max-width: none
}

#submenu .e_loop-3 .cbox-3:nth-child(odd) {
    flex: 0 0 auto
}

#submenu .e_loop-3 .cbox-3:nth-child(2n) {
    flex: 0 0 auto;
    align-items: center
}

#submenu .e_text-4 {
    line-height: normal;
    font_radio: 2;
    display-radio: 1;
    font-weight: 400;
    font-size: 18px
}

#submenu .e_text-4 a {
    display: block;
    padding: 20px 35px;
    border-radius: 0;
    border-bottom: 0 solid #e6e6e6;
    border-top: 0 solid #e6e6e6;
    font-size: 18px;
    transition: all .5s ease;
    color: #999
}

#submenu .selected .e_text-4 a{
	background: #0096cd;
    color: #fff
} 

#submenu .e_text-4 a:hover {
    background: #0096cd;
    color: #fff
}

#submenu .e_text-4 a.on{
    background: #0096cd;
    color: #fff
}

#submenu .e_container-1 .cbox-1-1 {
    flex: 0 0 auto;
    align-self: center
}

#submenu .e_breadcrumb-2 .p_title {
    display-radio: 1;
    color: #565656
}

#submenu .e_breadcrumb-2 .p_icon {
    display-radio: 1;
    color: #565656
}

@media screen and (max-width:768px) {
    #submenu .e_container-1 .cbox-1-1 {
        display: none
    }

    #submenu {
        padding-top: 10px;
        padding-bottom: 5px;
        display-radio: 1;
        margin-top: 0;
        width: 100%;
        border-radius: 0
    }

    #submenu .e_loop-3 .p_loopitem {
        position: static;
        display: inline-block;
        width: auto;
        margin: 0 5px;
        vertical-align: top
    }

    #submenu .e_loop-3 .p_loopitem:first-child {
        margin-left: 20px
    }

    #submenu .e_loop-3 .p_loopitem:last-child {
        margin-right: 20px
    }

    #submenu .e_loop-3 .p_list {
        font-size: 0;
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: center;
        overflow-y: hidden;
        white-space: nowrap
    }

    #submenu .e_text-4 a {
        font-size: 14px;
        text-align: center;
        padding: 10px 20px
    }

    #submenu .e_loop-3 {
        display-radio: 1;
        padding-left: 0;
        margin-left: auto;
        margin-right: auto
    }

    #submenu .e_container-1 {
        margin-left: auto
    }
}

@media screen and (min-width:769px) {
    #submenu .e_loop-3 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex: 0 0 auto;
        margin-right: 25px
    }

    .text-secondary {
        color: #fff
    }
}

/*product page*/
#product {
    min-height: 300px;
    display-radio: 1;
    padding-bottom: 60px
}

#product .e_container-2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 50px;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #d5d5d5;
    display-radio: flex;
    transition-property: all;
    transition-radio: hover;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    background-color: #fff;
    max-width: 90%
}

#product .e_loop-1 .p_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%
}

#product .e_loop-1 .p_loopitem {
    flex: 0 0 33.3%;
    position: relative
}

#product .e_loop-1 .p_page {
    text-align: center
}

#product .e_loop-1 .p_filter_wrapper {
    width: 100%;
    font-size: 13px
}

#product .e_loop-1 .p_kv_wrapper {
    display: flex;
    flex-wrap: nowrap;
    line-height: 40px;
    margin: 15px 0
}

#product .e_loop-1 .p_filter_key {
    width: 70px;
    overflow: hidden;
    margin-right: 10px;
    font-weight: 700;
    color: #333;
    font-size: 12px
}

#product .e_loop-1 .p_v_item {
    display: inline-block;
    padding: 0 3px;
    cursor: pointer;
    font-size: 13px;
    color: #555;
    margin-right: 30px
}

#product .e_loop-1 .p_active .p_fbutton {
    color: #fff;
    background-color: #6495ed
}

#product .e_loop-1 .p_result_item {
    position: relative;
    padding: 3px 20px 3px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-right: 10px
}

#product .e_loop-1 .p_filter_close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
    font-style: normal;
    font-size: 16px;
    margin-top: -5px;
    cursor: pointer
}

#product .e_loop-1 .multSelect {
    font-size: 13px;
    position: relative
}

#product .e_loop-1 .multSelect .inputWrap {
    width: 100%;
    min-width: 100px;
    min-height: 24px;
    border: 1px solid #dcdfe6;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    background: #fff
}

#product .e_loop-1 .multSelect.is-invalid .inputWrap {
    border-color: #dc3545
}

#product .e_loop-1 .multSelect ul {
    padding: 0 5px;
    margin: 0;
    padding-right: 35px
}

#product .e_loop-1 .multSelect ul,
li {
    list-style: none
}

#product .e_loop-1 .multSelect li {
    display: inline-block;
    background: #edf0f3;
    color: #92969c;
    padding: 0 5px;
    margin: 1px 5px 1px 0;
    border-radius: 5px;
    line-height: 16px
}

#product .e_loop-1 .multSelect .multSelect-option {
    width: 100%;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    border-top: 0;
    max-height: 200px;
    overflow-y: scroll;
    position: absolute;
    height: 0;
    opacity: 0;
    z-index: 9;
    background: #fff
}

#product .e_loop-1 .multSelect .multSelect-option>div {
    line-height: 24px;
    cursor: pointer;
    padding: 0 10px
}

#product .e_loop-1 .multSelect .multSelect-option>div.selected {
    color: #409eff
}

#product .e_loop-1 .multSelect .multSelect-option>div:hover {
    color: #409eff;
    background: #f3f6f9
}

#product .e_loop-1 .multSelect .fa-close {
    font-style: normal;
    font-size: 12px;
    padding: 0 5px 0 7px
}

#product .e_loop-1 .multSelect .inputWrap>.fa svg {
    fill: #666;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: calc(50% - 3px)
}

#product .e_loop-1 .multSelect .inputWrap>.fa-down svg {
    transform: rotate(-90deg)
}

#product .e_loop-1 .multSelect .inputWrap>.fa-up svg {
    transform: rotate(90deg)
}

#product .e_loop-1 .multSelect .placeholder {
    line-height: 40px;
    padding-left: 10px;
    color: #aaa;
    position: absolute;
    left: 0;
    top: 0
}

#product .e_loop-1 .p_normal_start {
    display: inline;
    width: 100px;
    height: 40px
}

#product .e_loop-1 .p_date_start {
    display: inline;
    width: 105px;
    height: 40px
}

#product .e_loop-1 .p_normal_end {
    display: inline;
    width: 100px;
    height: 40px;
    margin-right: 5px
}

#product .e_loop-1 .p_date_end {
    display: inline;
    width: 105px;
    height: 40px;
    margin-right: 5px
}

#product .e_loop-1 .p_split {
    margin: 0 5px
}

#product .e_loop-1 .p_normal {
    margin-right: 16px
}

#product .e_loop-1 .p_fbutton {
    background-color: #007bff;
    border: 1px solid #409eff;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 10px 25px;
    position: relative;
    overflow: hidden
}

#product .e_loop-1 .input-check,
#product .e_loop-1 .input-radio {
    margin: 0 5px;
    vertical-align: text-top
}

#product .e_loop-1 .position-left {
    display: flex
}

#product .e_loop-1 .position-right {
    display: flex;
    flex-direction: row-reverse
}

#product .e_loop-1 .position-bottom {
    display: flex;
    flex-direction: column-reverse
}

#product .e_loop-1 .p_mbutton {
    border: 1px solid #409eff;
    text-decoration: none;
    color: #409eff;
    font-size: 14px;
    text-align: center;
    padding: 10px 25px;
    position: relative;
    overflow: hidden
}

#product .e_loop-1 .p_mbutton:after {
    content: "";
    display: none;
    width: 16px;
    height: 16px;
    background-color: #409eff;
    -webkit-transform: skewY(-45deg);
    transform: skewY(360deg);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

#product .e_loop-1 .p_mbutton::before {
    content: "";
    display: none;
    width: 6px;
    height: 9px;
    border-right: #fff solid 2px;
    border-bottom: #fff solid 2px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    position: absolute;
    bottom: 5px;
    right: 4px;
    z-index: 2
}

#product .e_loop-1 .p_active .p_mbutton::before {
    display: block
}

#product .e_loop-1 .p_active .p_mbutton::after {
    display: block
}

#product .e_loop-1 .p_input_match {
    width: 100px;
    height: 40px;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 3px
}

#product .e_loop-1 .p_filter_result {
    display: none
}

#product .e_loop-1 .p_contclear {
    cursor: pointer;
    display: none
}

#product .e_loop-1 .swiper-container {
    padding-bottom: 30px
}

#product .e_loop-1 .p_imgwrapper {
    width: 80px;
    height: 100px;
    overflow: hidden
}

#product .e_loop-1 .p_imgtitle {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    margin: 0 auto;
    line-height: 20px
}

#product .e_loop-1 .p_imgwrapper img {
    width: 100%;
    object-fit: cover
}

#product .e_loop-1 .p_active .p_imgwrapper {
    border: 1px solid #409eff
}

#product .e_loop-1 {
    display-radio: 1;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px
}

#product .e_container-2>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#product .e_container-3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    display-radio: flex
}

#product .e_container-3>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#product .e_image-4 {
    overflow: hidden;
    padding-top: 0;
    padding-left: 10px;
    padding-bottom: 0;
    padding-right: 10px;
    display-radio: 1
}

#product .e_image-4 img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

#product .e_text-5 {
    font_radio: 2;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    font-family: Arial;
    text-align: center;
    line-height: 1.5;
    margin-top: 25px;
    margin-bottom: 8px;
    display-radio: -webkit-box;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1)
}

#product .e_text-6 {
    font_radio: 2;
    font-size: 16px;
    color: #999;
    font-family: Arial;
    text-align: left;
    line-height: 1.8;
    margin-top: 0;
    margin-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
    display-radio: -webkit-box;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400
}

#product .e_container-2 .p_item {
    display-radio: 1
}

#product .e_container-2:hover .e_text-5 {
    display-radio: 1;
    color: #0096cd
}

#product .e_container-2:hover img {
    transform: scale(1.2);
    transition: all .6s
}

#product .e_container-7 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px
}

#product .e_container-7>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
    overflow-y: auto
}

@media screen and (max-width:768px) {
    #product .e_loop-1 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 1)
    }

    #product .e_container-2 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        padding-left: 0;
        padding-top: 0;
        padding-right: 0;
        border-bottom-style: solid;
        border-bottom-width: 3px;
        border-bottom-color: #34326f;
        background-color: #fff
    }
}

@media screen and (min-width:769px) {
    #product .e_loop-1 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 2)
    }
}

#product_show,#news_show {
    min-height: 300px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f4f4f4;
    display-radio: 1
}

#product_show .e_container-1,#news_show .e_container-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    background-color: rgba(255, 255, 255, 0);
    min-height: 0;
    display-radio: flex
}

#product_show .e_container-1>.p_item,#news_show .e_container-1>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#product_show .e_container,#news_show .e_container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    margin-top: 30px
}

#product_show .e_container>.p_item,#news_show .e_container>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#product_show .e_container .cbox-2-0,#news_show .e_container .cbox-2-0 {
    align-self: center
}

#product_show .e_container-2,#news_show .e_container-2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    background-color: #fff;
    padding: 30px 60px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

#product_show .e_container-2>.p_item,#news_show .e_container-2>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}
#product_show .e_container-2 .summary-text p{
	text-indent: 2em;
	margin:20px 0;
}
#product_show .e_container-2 .static-img{
	text-align: center;
}
#product_show .e_container-2 .static-img img{
	max-width: 680px;
	max-height: auto;
}

#news_show .e_container-2 .e_time{
	text-align: center;
}

#product_show .e_text-26,#news_show .e_text-26 {
    line-height: 1;
    font_radio: 2;
    font-size: 20px;
    font-weight: 400;
    color: #444;
    display-radio: 1;
    text-align: left;
    font-family: Arial
}

#product_show .e_h1,#news_show .e_h1 {
    font_radio: 2;
    font-size: 20px;
    font-weight: 700;
	text-align: center;
    color: #333;
    line-height: 1.5;
    display-radio: 1;
    font-family: Arial
}

#product_show .e_richText-30,#news_show .e_richText-30 {
    font_radio: 2;
    padding-top: 20px;
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    display-radio: 1;
    font-family: Arial
}

@media screen and (max-width:768px) {
    #product_show .e_container,#news_show .e_container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
        margin-top: 30px
    }

    #product_show .e_container-2,#news_show .e_container-2 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        background-color: #fff
    }

    #product_show table {
        table-layout: fixed !important;
        width: 100% !important;
        border-collapse: collapse;
        border: none;
        font-size: .23rem
    }

    #product_show td, #product_show th {
        width: 1px;
        white-space: normal !important;
        word-break: break-all !important;
        border: solid #676767 1px;
        text-align: center;
        word-wrap: break-word !important;
        display: table-cell;
        vertical-align: text-top;
        height: auto;
        padding: 2px 2px 0 2px
    }
}

.goLastpage{
	text-align: right;
	padding: 16px 100px 0 0;
}
/*advantage*/
#advantage {
    display-radio: 1;
    padding-top: 80px;
    padding-bottom: 80px;
    min-height: 0;
    background-fill-value: background-image;
    background-image: url(../images/advantage_bg.jpg)
}

#advantage .e_container-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 94%;
    display-radio: flex;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto
}

#advantage .e_container-1>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#advantage .e_h1-2 {
    display-radio: 1;
    font_radio: 2;
    text-align: left;
    font-size: 34px;
    font-family: Impact;
    font-weight: 400;
    color: #000;
    letter-spacing: 1px;
    line-height: 1.4
}

#advantage .e_text-3 {
    display-radio: 1;
    font_radio: 2;
    color: #447bbc;
    font-size: 18px;
    font-family: Arial;
    line-height: 1;
    margin-bottom: 20px;
    letter-spacing: 4px;
    text-align: left
}

#advantage .e_text-6 {
    display-radio: 1;
    font_radio: 2;
    color: #aaa;
    font-size: 14px;
    font-family: Arial;
    line-height: 2;
    margin-bottom: 48px;
    margin-top: 25px;
    text-align: left;
    font-weight: 400
}

#advantage .e_loop-7 .p_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%
}

#advantage .e_loop-7 .p_loopitem {
    flex: 0 0 33.3%;
    position: relative;
    display-radio: 1
}

#advantage .e_loop-7 {
    display-radio: 1;
    margin-top: 50px;
    margin-left: 120px
}

#advantage .e_container-8 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    margin-bottom: 40px;
    margin-top: 0
}

#advantage .e_container-8>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#advantage .e_container-8 .p_item {
    display-radio: 1
}

#advantage .e_container-8 .cbox-8-0 {
    flex: 0 0 auto
}

#advantage .e_text-9 {
    line-height: normal;
    display-radio: 1;
    font_radio: 2;
    font-size: 18px;
    color: #333;
    font-family: Arial;
    margin-right: auto;
    text-align: left;
    font-weight: 400
}

#advantage .e_container-1 .cbox-1-0 {
    align-self: center
}

#advantage .e_container-1 .cbox-1-1 {
    align-self: center
}

#advantage .e_text-12 {
    line-height: 2;
    display-radio: 1;
    font_radio: 2;
    font-size: 14px;
    color: #aaa;
    font-family: Arial;
    margin-right: auto;
    margin-top: 8px;
    text-align: left;
    font-weight: 400
}

#advantage .e_image-10 {
    overflow: hidden;
    display-radio: 1;
    width: auto;
    max-width: 82px;
    margin-right: 25px
}

#advantage .e_image-10 img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

@media screen and (max-width:768px) {
    #advantage .e_container-1 {
        display-radio: 1;
        width: 96%;
        flex-direction: column
    }

    #advantage .e_h1-2 {
        display-radio: 1;
        font_radio: 2;
        font-size: 36px
    }

    #advantage .e_loop-7 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 1)
    }

    #advantage .e_container-1 .p_item {
        display-radio: 1
    }

    #advantage .e_loop-7 {
        display-radio: 1;
        margin-left: auto;
        margin-right: auto
    }

    #advantage .e_text-6 {
        display-radio: 1;
        font_radio: 1;
        margin-top: 20px;
        margin-bottom: 30px
    }

    #advantage {
        display-radio: 1;
        padding-bottom: 20px;
        padding-top: 60px
    }
}

@media screen and (min-width:769px) {
    #advantage .e_loop-7 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 1)
    }
}


#partner {
    min-height: 300px;
    padding-top: 4%;
    padding-bottom: 4%;
    padding-left: 10px;
    padding-right: 10px;
    display-radio: 1;
    background-color: #f8f9fb
}

#partner .e_container-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    display-radio: flex
}

#partner .e_container-1 .p_item {
    flex: 1;
    max-width: 100%
}

#partner .e_loop-4 .p_list {
    display: flex;
    flex-wrap: wrap
}

#partner .e_loop-4 .p_loopitem {
    flex: 0 0 33.3%;
    position: relative
}

#partner .e_loop-4 {
    margin-top: 50px;
    margin-bottom: 50px
}

#partner .e_text-6 {
    color: #909399;
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
    font_radio: 2;
    partner-radio: 1;
    font-weight: 400;
    margin-bottom: 30px;
    font-family: Arial
}

#partner .e_image-11 {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    display-radio: 1;
    max-width: 90%;
    box-shadow: 0 5px 10px 0 rgb(29 56 72 / 10%)
}

#partner .e_image-11 img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

#partner .e_container-12 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    display-radio: flex;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding-left: 20px;
    padding-right: 20px
}

#partner .e_container-12>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#partner .e_text-14 {
    line-height: normal;
    font_radio: 2;
    font-family: Impact;
    font-weight: 400;
    color: #000;
    font-size: 34px;
    display-radio: 1;
    margin-top: 10px;
    text-align: center
}

#partner .e_text-15 {
    line-height: 1.5;
    font_radio: 2;
    font-family: Arial;
    font-weight: 400;
    color: #000;
    font-size: 16px;
    display-radio: 1;
    margin-top: 10px;
    text-align: center
}

#partner .e_line-16 {
    border-top-style: solid;
    border-top-width: 4px;
    border-top-color: #0096cd;
    width: auto;
    max-width: 45px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    display-radio: 1
}

@media screen and (max-width:768px) {
    #partner .e_loop-4 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 2)
    }

    #partner .e_loop-4 {
        display-radio: 1;
        margin-top: 20px;
        margin-bottom: 0
    }

    #partner {
        display-radio: 1;
        padding-top: 30px
    }

    #partner .e_container-12 {
        display-radio: 1;
        flex-direction: column;
        height: auto
    }

    #partner .e_line-16 {
        border-top-style: solid;
        border-top-width: 2px;
        max-width: 30px
    }

    #partner .e_text-6 {
        font_radio: 1;
        display-radio: -webkit-box;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

@media screen and (min-width:769px) {
    #partner .e_loop-4 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 5)
    }
}

/*news*/
#news {
    min-height: 300px;
    display-radio: 1
}

#news .e_container-1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    max-width: 1460px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
    display-radio: flex
}

#news .e_container-1>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#news .e_loop-2 .p_list {
    display: flex;
    flex-wrap: wrap
}

#news .e_loop-2 .p_loopitem {
    flex: 0 0 33.3%;
    position: relative
}

#news .e_loop-2 {
    background_radio: 1;
    display-radio: 1
}

#news .e_container-3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display-radio: flex;
    transition-property: all;
    transition-radio: hover;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    background-color: #f8f9fb
}

#news .e_container-3>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#news .e_container-3:hover .e_image-9 {
    display-radio: 1;
    margin-left: 15px
}

#news .e_container-3:hover .e_text-7 {
    display-radio: 1;
    color: #0096cd
}

#news .e_container-4 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    background-color: #0096cd;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 10px;
    padding-top: 10px;
    position: absolute;
    max-width: none;
    min-width: 0;
    height: 34px;
    max-height: none;
    min-height: 0;
    margin-right: 0;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    z-index: 11;
    display-radio: flex
}

#news .e_container-4>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#news .e_image-5 {
    overflow: hidden;
    display-radio: 1;
    max-height: 230px
}

#news .e_image-5 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .5s
}

#news .e_image-5 img:hover {
    transform: scale(1.2);
    transition: all .5s
}

#news .e_text-7 {
    font_radio: 2;
    font-size: 20px;
    font-family: Arial;
    text-align: left;
    margin-bottom: 18px;
    color: rgba(0, 0, 0, .8);
    margin-top: 20px;
    transition-property: all;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    display-radio: 1
}
#news .news_title {
	word-break: normal;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
}

#news .e_text-8 {
    font_radio: 2;
    font-size: 16px;
    font-family: Arial;
    text-align: left;
    margin-bottom: 18px;
    color: rgba(0, 0, 0, .4);
    line-height: 1.8;
    display-radio: 1;
    font-weight: 400
}

@media screen and (max-width:768px) {
    #news .e_loop-2 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 1)
    }
}

/*contact*/
#contact {
    min-height: 300px;
    display-radio: 1;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5%;
    padding-bottom: 5%
}

#contact .e_container-7 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 1400px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display-radio: flex
}

#contact .e_container-7>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#contact .e_container-8 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    display-radio: flex
}

#contact .e_container-8>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#contact .e_container-8 .e_image-16{
	margin-top: 30px;
}

#contact .e_container-8 .e_image-16 img{
	width: 85%;
	height: auto;
}

#contact .e_text-9 {
    line-height: normal;
    font_radio: 2;
    font-weight: 400;
    font-family: Impact;
    font-size: 40px;
    color: #202020;
    display-radio: 1;
    text-align: left
}

#contact .e_text-10 {
    line-height: normal;
    font_radio: 2;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 26px;
    color: #202020;
    display-radio: 1;
    text-align: left;
    font-weight: 400
}

#contact .e_richText-19 {
    font_radio: 2;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 1.8;
    display-radio: 1
}

#contact .e_container-18 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex
}

#contact .e_text-17 {
    font_radio: 2;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #333;
    line-height: 2;
    display-radio: 1
}

#contact .e_text-16 {
    font_radio: 2;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #333;
    line-height: 2;
    display-radio: 1
}

#contact .e_container-14 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    display-radio: flex
}

#contact .e_richText-40 {
    font_radio: 2;
    display-radio: 1;
    font-size: 18px;
    font-weight: 400;
    color: #272727;
    line-height: 2;
    text-align: left;
    margin-top: 30px
}

#contact .e_line-41 {
    border-top-style: solid;
    border-top-width: 4px;
    border-top-color: #0096cd;
    width: auto;
    max-width: 45px;
    margin-left: 0;
    margin-right: auto;
    height: 1px;
    display-radio: 1
}

@media screen and (max-width:768px) {
    #contact .e_container-7 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        max-width: 1400px;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0
    }

    #contact .e_line-41 {
        border-top-style: solid;
        border-top-width: 2px;
        max-width: 30px
    }

    #contact .e_container-8 {
        display-radio: 1;
        padding-left: 20px;
        padding-right: 20px
    }
}

#join {
    min-height: 300px;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f2f2f2;
    display-radio: 1;
    z-index: 2
}

#join .e_text-1 {
    line-height: normal;
    font_radio: 2;
    font-size: 40px;
    text-align: center;
    color: #333;
    max-width: 1600px;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    display-radio: 1;
    font-family: Impact;
    font-weight: 400
}

#join .e_line-2 {
    border-top-style: solid;
    border-top-width: 4px;
    border-top-color: #0096cd;
    width: auto;
    max-width: 45px;
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    margin-bottom: 30px;
    display-radio: 1
}

#join .e_container-3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    background-color: #0096cd;
    min-height: 60px;
    height: auto;
    display-radio: flex
}

#join .e_container-3>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#join .e_text-4 {
    line-height: normal;
    font_radio: 2;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    display-radio: 1
}

#join .e_container-3 .cbox-3 {
    align-self: center
}

#join .e_loop-10 .p_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%
}

#join .e_loop-10 .p_loopitem {
    flex: 0 0 33.3%;
    position: relative
}

#join .e_loop-10 {
    width: 94%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    display-radio: 1
}

#join .e_container-13 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    background-color: #f9f9f9;
    min-height: 70px;
    display-radio: flex
}

#join .e_container-13>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#join .e_container-14 {
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 80px;
    padding-right: 80px;
    background-color: #fff;
    display-radio: none
}

#join .e_container-14>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%
}

#join .e_text-16 {
    line-height: normal;
    font_radio: 2;
    font-size: 16px;
    color: #333;
    text-align: center;
    display-radio: 1
}

#join .e_container-13 .cbox-13 {
    align-self: center
}

#join .e_container-27 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    border-bottom: 1px dashed #ddd;
    display-radio: flex
}

#join .e_container-27>.p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
    cursor: pointer
}

#join .e_richText-15 {
    display-radio: 1;
    font_radio: 2;
    font-size: 16px;
    font-weight: 400;
    color: #272727;
    line-height: 2;
    text-align: left
}

#join .e_richText-29 {
    font_radio: 2;
    display-radio: 1;
    font-size: 18px;
    font-weight: 400;
    color: #272727;
    line-height: 2;
    text-align: center;
    margin-top: 30px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}

@media screen and (max-width:768px) {
    #join .e_loop-10 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 1)
    }

    #join .e_text-1 {
        font_radio: 2;
        font-size: 22px
    }

    #join {
        padding-top: 30px;
        padding-bottom: 30px
    }

    #join .e_line-2 {
        max-width: 30px
    }

    #join .e_text-4 {
        font-size: 14px
    }

    #join .e_container-3 {
        min-height: 50px
    }

    #join .e_container-13 {
        min-height: 50px
    }

    #join .e_text-16 {
        font-size: 14px
    }

    #join .e_container-14 {
        padding: 20px
    }

    #join .e_richText-29 {
        font_radio: 1;
        display-radio: 1;
        padding-left: 20px
    }
}

@media screen and (min-width:769px) {
    #join .e_loop-10 .p_loopitem {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% / 1)
    }
}

/*page*/
#page{
	clear: both;
	height:30px;
	padding:15px;
}
#page a{
	display:block;
	float:left;
	margin-right:10px;
	padding:2px 11px;
	height:28px;
	border:1px #cccccc solid;
	background:#fff;
	color:#808080;
	font-size:12px;
	line-height:23px;
}
#page a:hover{
	color:#077ee3;
	border:1px #077ee3 solid;
}
#page a.cur{
	border:none;
	background:#077ee3;
	color:#fff;
}
#page p{
	float:left;
	padding:2px 11px;
	font-size:12px;
	height:28px;
	line-height:23px;
	color:#bbb;
	border:1px #ccc solid;
	background:#fcfcfc;
	margin:0 8px 0 0;

}
#page p.pageRemark{
	border-style:none;
	background:none;
	margin-right:0px;
	padding:4px 0px;
	color:#666;
}
#page p.pageRemark b{
	color:red;
}
#page p.pageEllipsis{
	border-style:none;
	background:none;
	padding:4px 0px;
	color:#808080;
}
/*page*/