.ellipsis {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



a.p-more,a.p-more-gray {

    color: #fff;

    width: 1.56rem;

    height: .5rem;

    position: relative;

    border-radius: .02rem;

    background: -webkit-linear-gradient(top, #0082CE, #1768A8);

    background: linear-gradient(180deg, #0082CE, #1768A8);

    font-size: .16rem;

    padding-left: .19rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 1em;

    border: rgba(0,0,0,0) solid 1px

}



a.p-more:after,a.p-more-gray:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: .5rem;

    content: "";

    font-family: "iconfont";

    border-left: rgba(255,255,255,.14) solid 1px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: .12rem

}



a.p-more:hover,a.p-more-gray:hover {

    background: #fff;

    border-color: #e8e8e8;

    color: #333

}



a.p-more:hover:after,a.p-more-gray:hover:after {

    border-left-color: #e8e8e8

}



a.p-more-gray {

    background: none;

    border-color: #e8e8e8;

    color: #999

}



a.p-more-gray:after {

    border-color: rgba(204,204,204,.27)

}



a.p-more-gray:hover {

    border-color: rgba(0,0,0,0);

    color: #fff;

    background: -webkit-linear-gradient(top, #0082CE, #1768A8);

    background: linear-gradient(180deg, #0082CE, #1768A8)

}



a.p-more-gray:hover:after {

    border-color: rgba(255,255,255,.14)

}



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

    a.p-more,a.p-more-gray {

        width: 2rem;

        height: .62rem;

        font-size: .24rem

    }



    a.p-more:after,a.p-more-gray:after {

        width: .6rem;

        font-size: .18rem

    }

}



.p-arrow {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center

}



.p-arrow a {

    border-radius: 50%;

    margin: 0 .1rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    border: rgba(0,0,0,.34) solid 1px;

    width: .5rem;

    height: .5rem;

    font-family: "iconfont";

    font-size: .16rem

}



.p-arrow a:hover {

    border-color: rgba(0,0,0,0);

    background: -webkit-linear-gradient(top, #0082CE, #1768A8);

    background: linear-gradient(180deg, #0082CE, #1768A8);

    color: #fff

}



a,.transition,.g-head .wal,:before,img {

    -webkit-transition: All .5s ease;

    transition: All .5s ease

}



.zoomImg {

    width: 100%;

    overflow: hidden;

    position: relative;

    display: block

}



.zoomImg:before {

    position: absolute;

    top: 0;

    left: -90%;

    z-index: 2;

    display: block;

    content: "";

    width: 50%;

    height: 100%;

    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

    -webkit-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    transform: skewX(-25deg)

}



.zoomImg:hover:before {

    -webkit-animation: shine .75s;

    animation: shine .75s

}



.zoomImg:hover img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1)

}



li:hover .zoomImg:before {

    -webkit-animation: shine .75s;

    animation: shine .75s

}



li:hover .zoomImg img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1)

}



@-webkit-keyframes shine {

    100% {

        left: 125%

    }

}



@keyframes shine {

    100% {

        left: 125%

    }

}



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box

}



html {

    font-size: 100px

}



body {

    font-size: .14rem;

    font-family: Arial,"微软雅黑";

    color: #333;

    -webkit-text-size-adjust: none;

    opacity: 0

}



body.show {

    opacity: 1

}



a {

    color: #333;

    text-decoration: none;

    outline: none

}



a:active {

    star: expression(this.onFocus=this.blur())

}



a:link {

    text-decoration: none;

    outline: none

}



a:visited {

    text-decoration: none;

    outline: none

}



a:hover {

    text-decoration: none;

    color: #0f61a1;

    outline: none

}



li {

    list-style: outside none

}



h1 {

    font-size: 16px

}



h2,h3,h4,h5 {

    font-size: 14px

}



h5 {

    font-size: 12px

}



textarea,input {

    background: transparent;

    font-size: 12px;

    font-family: Arial,"微软雅黑";

    color: #888;

    outline: none;

    border: 0

}



em {

    font-style: normal

}



img {

    vertical-align: middle;

    max-width: 100%;

    border: 0;

    -o-object-fit: cover;

    object-fit: cover

}



.wal {

    max-width: 12.8rem;

    margin: 0 auto

}



@font-face {

    font-family:"iconfont";src:url("//at.alicdn.com/t/font_2640790_gm9xijmeef4.woff2?t=1629885086266") format("woff2"),url("//at.alicdn.com/t/font_2640790_gm9xijmeef4.woff?t=1629885086266") format("woff"),url("//at.alicdn.com/t/font_2640790_gm9xijmeef4.ttf?t=1629885086266") format("truetype")

}



.iconfont {

    font-family: "iconfont"

}



@font-face {

    font-family:"DINPro-Bold";src:url(../image/DINPro-Regular.woff2) format("woff2"),url(../image/DINPro-Regular.woff) format("woff"),url(../image/DINPro-Regular.ttf) format("truetype"),url(../image/DINPro-Regular.eot) format("embedded-opentype"),url(../image/DINPro-Regular.svg) format("svg");font-weight:normal;font-style:normal

}



@font-face {

    font-family:"DINPRO-LIGHT";src:url(../image/DINPRO-LIGHT.otf) format("truetype");font-weight:normal;font-style:normal

}



.g-head-d {

    height: 1rem

}



.g-head .head {

    position: fixed;

    z-index: 50;

    left: 0;

    top: 0;

    right: 0;

    border-bottom: rgba(255,255,255,.2) solid 1px;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    padding: 0 1rem

}



.g-head .wal {

    height: 1rem;

    position: relative;

    max-width: 17.2rem

}



.g-head a.logo {

    display: block;

    position: absolute;

    z-index: 5;

    left: 0;

    top: 0;

    bottom: 0;

    width: 2rem;

    background: url(../image/logo.png) center no-repeat;

    background-size: 100%

}



.g-head .navA {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 1rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    opacity: 0;

    visibility: hidden

}



.g-head .navA i {

    font-family: "iconfont";

    font-style: normal;

    font-size: .2rem

}



.g-head .side {

    position: absolute;

    top: .1rem;

    right: 0;

    bottom: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.g-head .side .name {

    height: .33rem;

    border-radius: .5rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: .14rem;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    line-height: 1em

}



.g-head .side .name:after {

    content: "";

    display: block;

    font-family: "iconfont";

    -webkit-transform: scale(0.8);

    -ms-transform: scale(0.8);

    transform: scale(0.8)

}



.g-head .side .name em {

    padding: 0 .06rem

}



.g-head .side .list {

    position: absolute;

    z-index: 20;

    top: -100vh;

    left: 0;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    padding-top: .21rem

}



.g-head .side .list dl {

    background: #fff;

    border-radius: .1rem;

    box-shadow: 0 .03rem .13rem 0 rgba(102,102,102,.08);

    padding: 0 .2rem;

    position: relative

}



.g-head .side .list dl:after {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: -0.05rem;

    width: .2rem;

    height: .2rem;

    background: #fff;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    margin-left: -0.1rem

}



.g-head .side .list.on {

    opacity: 1;

    visibility: visible;

    -webkit-transition: opacity .5s ease;

    transition: opacity .5s ease;

    top: 100%

}



.g-head .side .link {

    width: 1.64rem;

    margin-right: .13rem;

    position: relative

}



.g-head .side .link .name {

    background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);

    background: linear-gradient(0deg, #0082CE, #1768A8);

    color: #fff

}



.g-head .side .link .name:before {

    content: "";

    display: block;

    font-family: "iconfont"

}



.g-head .side .link .list a {

    display: block;

    line-height: .5rem;

    border-bottom: rgba(153,153,153,.16) solid 1px;

    position: relative;

    padding-left: .12rem;

    font-size: .14rem

}



.g-head .side .link .list a:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 50%;

    width: .03rem;

    height: .03rem;

    background: #999;

    border-radius: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.g-head .side .link .list a:hover {

    color: #166aab;

    border-color: #166aab

}



.g-head .side .link .list a:hover:before {

    background: #0f61a1

}



.g-head .side .link .list dd:last-child a {

    border: 0

}



.g-head .side .language {

    position: relative

}



.g-head .side .language .name {

    background: #fff;

    min-width: .88rem;

    padding: 0 .1rem 0 .04rem;

    border: rgba(0,0,0,0) solid 1px

}



.g-head .side .language .name img {

    width: .26rem;

    height: .26rem;

    border-radius: 50%

}



.g-head .side .language .list dl {

    padding: 0 .04rem

}



.g-head .side .language .list a {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    height: .5rem;

    border-bottom: rgba(153,153,153,.16) solid 1px;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: .14rem

}



.g-head .side .language .list a img {

    width: .26rem;

    height: .26rem;

    border-radius: 50%;

    margin-right: .06rem

}



.g-head .side .language .list a:hover {

    color: #166aab;

    border-color: #166aab

}



.g-head .side .language .list a:hover:before {

    background: #0f61a1

}



.g-head .side .language .list dd:last-child a {

    border: 0

}



.g-head .g-nav {

    position: absolute;

    top: .1rem;

    left: 50%;

    margin-left: -4.35rem

}



.g-head .g-nav ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.g-head .g-nav li {

    margin-right: .6rem

}



.g-head .g-nav a.name {

    display: block;

    /*height: .9rem;

	line-height: .9rem;*/

    height: 1rem;

    line-height: 1rem;

    font-size: .16rem;

    color: #fff;

    position: relative

}



.g-head .g-nav a.name.on {

    color: #fff

}



.g-head.g-head-white .head {

    background: #fff;

    border-color: #eee

}



.g-head.g-head-white a.logo {

    background-image: url(../image/logo2.png)

}



.g-head.g-head-white .side .language .name {

    border-color: #e9e9e9

}



.g-head.g-head-white .side .list {

    padding-top: .41rem

}



.g-head.g-head-white .g-nav a.name {

    color: #4e4e4e

}



.g-head.g-head-white .g-nav a.name:hover,.g-head.g-head-white .g-nav a.name.on {

    color: #0f61a1

}



@media screen and (min-width: 800px) {

    .g-head .g-nav li {

        position: relative

    }



    .g-head .g-nav li .list {

        position: absolute;

        z-index: 20;

        top: -100vh;

        left: 50%;

        margin-left: -1.2rem;

        width: 2.4rem;

        opacity: 0;

        visibility: hidden;

        padding-top: .11rem

    }



    .g-head .g-nav li .list dl {

        background: #fff;

        border-radius: .1rem;

        box-shadow: 0 .03rem .13rem 0 rgba(102,102,102,.2);

        padding: 0 .2rem;

        position: relative

    }



    .g-head .g-nav li .list dl:after {

        content: "";

        display: block;

        position: absolute;

        left: 50%;

        top: -0.05rem;

        width: .2rem;

        height: .2rem;

        background: #fff;

        -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        transform: rotate(45deg);

        margin-left: -0.1rem

    }



    .g-head .g-nav li .list a {

        display: block;

        line-height: .6rem;

        border-bottom: rgba(153,153,153,.16) solid 1px;

        font-size: .16rem;

        position: relative;

        padding-left: .12rem

    }



    .g-head .g-nav li .list a:before {

        content: "";

        display: block;

        position: absolute;

        left: 0;

        top: 50%;

        width: .03rem;

        height: .03rem;

        background: #999;

        border-radius: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%)

    }



    .g-head .g-nav li .list a:hover {

        color: #0f61a1;

        border-color: #166aab

    }



    .g-head .g-nav li .list a:hover:before {

        background: #0f61a1

    }



    .g-head .g-nav li .list dd:last-child a {

        border: 0

    }



    .g-head .g-nav li:hover a.name {

        color: #fff

    }



    .g-head .g-nav li:hover .list {

        opacity: 1;

        visibility: visible;

        -webkit-transition: opacity .5s ease;

        transition: opacity .5s ease;

        top: 100%;

        margin-top: -0.2rem

    }



    .g-head.g-head-white .g-nav li:hover .list {

        margin-top: 0

    }

}



.g-foot {

    background: #383838;

    padding: 0 1rem;

    position: relative;

    font-size: .14rem;

    color: #f3f3f3

}



.g-foot:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    bottom: .78rem;

    height: 1px;

    background: rgba(251,251,251,.12)

}



.g-foot .wal {

    max-width: 17.2rem;

    min-height: 4.31rem;

    position: relative

}



.g-foot .logo {

    width: 2rem;

    padding-top: .6rem

}



.g-foot .list {

    font-size: .16rem;

    line-height: .32rem;

    padding: .2rem 0 .35rem 0

}



.g-foot .share dl {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.g-foot .share dd {

    margin-right: .19rem

}



.g-foot .share a {

    display: block;

    border: rgba(255,255,255,.3) solid 1px;

    border-radius: 50%;

    width: .38rem;

    height: .38rem

}



.g-foot .share a img {

    opacity: .6

}



.g-foot .share a:hover img {

    opacity: 1

}



.g-foot .nav {

    position: absolute;

    top: .75rem;

    right: 0;

    width: 50%;

    min-width: 7rem

}



.g-foot .nav ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.g-foot .nav li a.name {

    display: block;

    font-size: .16rem;

    padding-bottom: .1rem;

    color: #fff

}



.g-foot .nav li dd a {

    display: block;

    font-size: .14rem;

    line-height: .3rem;

    color: #d8d8d8

}



.g-foot .nav li dd a:hover {

    color: #fff

}



.g-foot .msg {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    line-height: .78rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



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

    html {

        font-size: 50px

    }



    body {

        font-size: .24rem

    }



    .wal {

        margin: 0 .6rem

    }



    body.navShow {

        overflow: hidden

    }



    body.navShow .g-head .head {

        background: #fff

    }



    body.navShow .g-head a.logo {

        background-image: url(../image/logo2.png)

    }



    body.navShow .g-head a.navA {

        color: #333

    }



    body.navShow .g-head a.navA i:nth-child(1) {

        display: none

    }



    body.navShow .g-head a.navA i:nth-child(2) {

        display: block

    }



    body.navShow .g-head .g-nav {

        right: 0;

        left: 0

    }



    .g-head .head {

        padding: 0

    }



    .g-head .navA {

        right: -0.3rem;

        opacity: 1;

        visibility: visible;

        color: #fff

    }



    .g-head .navA i {

        font-family: "iconfont";

        font-style: normal;

        font-size: .3rem

    }



    .g-head .navA i:nth-child(2) {

        display: none

    }



    .g-head .side {

        top: 0;

        right: .7rem

    }



    .g-head .side .name {

        height: .52rem;

        font-size: .22rem

    }



    .g-head .side .name em {

        padding: 0 .08rem

    }



    .g-head .side .link {

        width: 2.4rem

    }



    .g-head .side .link .list dl {

        padding: .06rem .2rem

    }



    .g-head .side .link .list a {

        line-height: .62rem;

        padding-left: .12rem;

        font-size: .24rem

    }



    .g-head .side .link .list a:before {

        width: .04rem;

        height: .04rem

    }



    .g-head .side .language .name img {

        width: .32rem;

        height: .32rem

    }



    .g-head .side .language .list dl {

        padding: .1rem .04rem

    }



    .g-head .side .language .list a {

        height: .62rem;

        font-size: .24rem

    }



    .g-head .side .language .list a img {

        width: .32rem;

        height: .32rem

    }



    .g-head .g-nav {

        position: fixed;

        bottom: 0;

        right: -100%;

        left: 100%;

        margin-left: 0;

        top: 1rem;

        overflow-y: auto;

        background: #fff;

        -webkit-transition: all .5s ease;

        transition: all .5s ease;

        border-top: #eee solid 1px

    }



    .g-head .g-nav ul {

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .g-head .g-nav li {

        margin: 0;

        width: 100%;

        border-bottom: #eee solid 1px

    }



    .g-head .g-nav a.name {

        font-size: .28rem;

        padding-left: .5rem;

        color: #333

    }



    .g-head .g-nav li.s-nav-li a.name:after {

        content: "";

        display: block;

        position: absolute;

        top: 0;

        right: .5rem;

        font-family: "iconfont"

    }



    .g-head .g-nav li.s-nav-li.open a.name:after {

        content: ""

    }



    .g-head .g-nav .list {

        border-top: #f5f5f5 solid 1px;

        padding: .2rem 0 .2rem .5rem;

        display: none

    }



    .g-head .g-nav .list dl {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin-left: -0.3rem

    }



    .g-head .g-nav .list dd {

        min-width: 25%;

        padding-left: .3rem

    }



    .g-head .g-nav .list a {

        display: block;

        color: #666;

        line-height: .6rem;

        font-size: .24rem

    }



    .g-head-white .navA {

        color: #333

    }



    .g-foot {

        padding: 0;

        font-size: .24rem

    }



    .g-foot:after {

        display: none

    }



    .g-foot .logo {

        margin: 0 auto

    }



    .g-foot .list {

        font-size: .24rem;

        line-height: .48rem;

        text-align: center

    }



    .g-foot .share {

        padding-bottom: .35rem

    }



    .g-foot .share dl {

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .g-foot .share dd {

        margin: 0 .15rem

    }



    .g-foot .share a {

        width: .5rem;

        height: .5rem

    }



    .g-foot .nav {

        display: none

    }



    .g-foot .msg {

        position: static;

        border-top: rgba(251,251,251,.12) solid 1px;

        line-height: .4rem;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        padding: .25rem 0;

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        text-align: center;

        font-size: .2rem

    }



    .video-layer .container {

        width: 6.9rem

    }



    .video-layer .container .close {

        width: .6rem;

        height: .6rem;

        font-size: .24rem

    }

}



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

    .wal {

        margin: 0 .3rem

    }

}



.ellipsis {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



a.p-more,a.p-more-gray {

    color: #fff;

    width: 1.56rem;

    height: .5rem;

    position: relative;

    border-radius: .02rem;

    background: -webkit-linear-gradient(top, #0082CE, #1768A8);

    background: linear-gradient(180deg, #0082CE, #1768A8);

    font-size: .16rem;

    padding-left: .19rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 1em;

    border: rgba(0,0,0,0) solid 1px

}



a.p-more:after,a.p-more-gray:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: .5rem;

    content: "";

    font-family: "iconfont";

    border-left: rgba(255,255,255,.14) solid 1px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: .12rem

}



a.p-more:hover,a.p-more-gray:hover {

    background: #fff;

    border-color: #e8e8e8;

    color: #333

}



a.p-more:hover:after,a.p-more-gray:hover:after {

    border-left-color: #e8e8e8

}



a.p-more-gray {

    background: none;

    border-color: #e8e8e8;

    color: #999

}



a.p-more-gray:after {

    border-color: rgba(204,204,204,.27)

}



a.p-more-gray:hover {

    border-color: rgba(0,0,0,0);

    color: #fff;

    background: -webkit-linear-gradient(top, #0082CE, #1768A8);

    background: linear-gradient(180deg, #0082CE, #1768A8)

}



a.p-more-gray:hover:after {

    border-color: rgba(255,255,255,.14)

}



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

    a.p-more,a.p-more-gray {

        width: 2rem;

        height: .62rem;

        font-size: .24rem

    }



    a.p-more:after,a.p-more-gray:after {

        width: .6rem;

        font-size: .18rem

    }

}



.p-arrow {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center

}



.p-arrow a {

    border-radius: 50%;

    margin: 0 .1rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    border: rgba(0,0,0,.34) solid 1px;

    width: .5rem;

    height: .5rem;

    font-family: "iconfont";

    font-size: .16rem

}



.p-arrow a:hover {

    border-color: rgba(0,0,0,0);

    background: -webkit-linear-gradient(top, #0082CE, #1768A8);

    background: linear-gradient(180deg, #0082CE, #1768A8);

    color: #fff

}



#index {

    height: 100vh;

    overflow: hidden;

    position: relative

}



.index-slide {

    height: 100vh;

    position: relative;

    background: center no-repeat;

    background-size: cover;

    overflow: hidden

}



.index-slide .wal {

    max-width: 100%

}



.index-slide.index-foot {

    height: 4.31rem

}



.index-flash .list {

    width: 100%;

    overflow: hidden;

    position: relative

}



.index-flash .list li {

    background: center no-repeat;

    background-size: cover;

    padding: 0 1rem

}



.index-flash .list li .wal {

    height: 100vh;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    color: #fff;

    max-width: 17.2rem

}



.index-flash .list li .title {

    opacity: 0;

    position: relative;

    padding-top: .34rem

}



.index-flash .list li .title img {

    height: .66rem;

    position: absolute;

    left: 0;

    top: 0

}



.index-flash .list li .title div {

    font-size: .35rem;

    line-height: 1em;

    color: #fff;

    background: -webkit-linear-gradient(top, #B6B6B6 0%, #FFFFFF 49.51171875%, #AAAAAA 100%);

    background: linear-gradient(180deg, #B6B6B6 0%, #FFFFFF 49.51171875%, #AAAAAA 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.index-flash .list li .title h5 {

    font-size: .43rem;

    line-height: 1em;

    padding: .18rem 0 .3rem 0;

    position: relative;

    background: -webkit-linear-gradient(top, #3DA5FC 0%, #0788CA 100%);

    background: linear-gradient(180deg, #3DA5FC 0%, #0788CA 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.index-flash .list li .title h5:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: .6rem;

    height: 1px;

    background: #fff

}



.index-flash .list li .title p {

    font-size: .16rem;

    line-height: .28rem;

    width: 4.96rem;

    padding-top: .25rem

}



.index-flash .dots {

    position: absolute;

    z-index: 5;

    left: 1rem;

    bottom: 1.2rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.index-flash .dots span {

    width: .08rem;

    height: .08rem;

    margin-right: .18rem;

    position: relative

}



.index-flash .dots span:before {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    background: -webkit-linear-gradient(top, #0082CE, #1A68A6);

    background: linear-gradient(180deg, #0082CE, #1A68A6);

    width: .18rem;

    height: .18rem;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    opacity: 0;

    border-radius: 50%

}



.index-flash .dots span:after {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    background: #fff;

    width: .08rem;

    height: .08rem;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    border-radius: 50%

}



.index-flash .dots span.swiper-pagination-bullet-active:before {

    opacity: 1

}



.index-flash .arrow {

    position: absolute;

    z-index: 5;

    right: 1rem;

    bottom: 1rem

}



.index-flash .arrow a {

    margin: 0 0 0 .16rem;

    color: #fff;

    border-color: #fff

}



.index-flash .ico {

    width: .25rem;

    position: absolute;

    z-index: 5;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    bottom: .7rem

}



.index-title .en {

    height: .3rem

}



.index-title .en img {

    height: .46rem

}



.index-title h2 {

    font-size: .4rem;

    line-height: 1em

}



.index-title h2 em {

    color: #0f61a1

}



.index-product {

    padding: 0 1rem

}



.index-product .wal {

    height: 100vh;

    max-width: 17.2rem;

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-top: 1rem

}



.index-product .nav {

    min-height: 2.84rem;

    padding: .45rem 0

}



.index-product .nav a {

    display: block;

    font-size: .16rem;

    color: #666;

    line-height: .51rem

}



.index-product .nav a:hover,.index-product .nav a.on {

    color: #0f61a1

}



.index-product .nav a.on {

    font-size: .2rem;

    line-height: .61rem

}



.index-product .list {

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -2.3rem;

    width: 14rem;

    overflow: hidden

}



.index-product .list .btns {

    position: absolute;

    z-index: 5;

    right: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -ms-flex-align: end;

    align-items: flex-end;

    width: 3.35rem;

    top: .39rem

}



.index-product .list .btns .arrow a {

    margin: 0 0 0 .24rem

}



.index-product .list .btns .num {

    font-family: "DINPro-Bold";

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -ms-flex-align: end;

    align-items: flex-end;

    line-height: 1em;

    font-size: .2rem;

    color: #666

}



.index-product .list .btns .num .num-curr {

    font-size: .44rem;

    color: #0f61a1;

    position: relative;

    top: -0.08rem;

    padding-right: .06rem

}



.index-product .list .list-wrapper {

    width: 19.24rem

}



.index-product .list li {

    height: 5.31rem;

    position: relative;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    border-left: rgba(0,0,0,.1) solid 1px

}



.index-product .list li .box {

    position: absolute;

    left: .7rem;

    right: .7rem;

    bottom: 0;

    width: 3.67rem;

    -webkit-transition: width .5s ease;

    transition: width .5s ease;

    cursor: pointer

}



.index-product .list li .box:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 2;

    background: url(../image/img822.png) center no-repeat;

    background-size: 100% 100%;

    opacity: 0

}



.index-product .list li .box:hover .zoomImg:before {

    -webkit-animation: shine .75s;

    animation: shine .75s

}



.index-product .list li .box:hover .zoomImg img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1)

}



.index-product .list li .zoomImg img {

    -webkit-filter: grayscale(1);

    filter: grayscale(1);

    opacity: .7;

    width: 100%;

    height: 2.7rem

}



.index-product .list li .layer {

    position: absolute;

    left: 0;

    bottom: 2.2rem;

    right: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    color: #666;

    z-index: 5

}



.index-product .list li .layer h5 {

    font-size: .28rem;

    font-weight: 400;

    padding-bottom: .15rem

}



.index-product .list li .layer p {

    opacity: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    font-size: .16rem;

    line-height: .28rem

}



.index-product .list li .layer .more {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    right: .1rem;

    top: .2rem;

    height: .4rem;

    width: .7rem;

    border-left: rgba(255,255,255,.2) solid 1px;

    font-family: "iconfont";

    opacity: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.index-product .list li.swiper-slide-active {

    border-color: rgba(0,0,0,0)

}



.index-product .list li.swiper-slide-active .box {

    width: 8.22rem

}



.index-product .list li.swiper-slide-active .box:before {

    opacity: 1

}



.index-product .list li.swiper-slide-active .zoomImg img {

    -webkit-filter: grayscale(0);

    filter: grayscale(0);

    opacity: 1;

    height: 5.31rem

}



.index-product .list li.swiper-slide-active .layer {

    left: .4rem;

    bottom: .4rem;

    color: #fff

}



.index-product .list li.swiper-slide-active .layer p {

    opacity: 1

}



.index-product .list li.swiper-slide-active .layer .more {

    opacity: 1

}



.index-product .list li.swiper-slide-active a {

    display: block;

    position: absolute;

    z-index: 5;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0

}



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

    .index-product .list {

        width: 13rem

    }



    .index-product .list .btns {

        width: 2.75rem

    }

}



.index-about {

    background: url(../image/index-about.jpg) center no-repeat;

    background-size: cover;

    padding: 0 1rem;

    color: #fff

}



.index-about .wal {

    height: 100vh;

    max-width: 17.2rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center

}



.index-about .index-title {

    position: relative

}



.index-about .index-title:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: .8rem;

    height: 1px;

    background: #fff

}



.index-about .index-title p {

    padding: .19rem 0 .3rem 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: .16rem

}



.index-about .index-title p:after {

    content: "";

    display: block;

    background: url(../image/img20.svg) center no-repeat;

    background-size: 100%;

    height: .2rem;

    width: .2rem;

    margin-left: .06rem

}



.index-about .content {

    font-size: .16rem;

    line-height: .28rem;

    width: 5.33rem;

    text-align: justify;

    padding: .25rem 0 .55rem 0

}



.index-news {

    background-size: cover;

    padding: .5rem 1rem 0 1rem

}



.index-news .wal {

    height: 100vh;

    max-width: 17.2rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center

}



.index-news .hd {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -ms-flex-align: end;

    align-items: flex-end

}



.index-news .hd .btns dl {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.index-news .hd .btns dd {

    margin-left: .6rem;

    cursor: pointer;

    font-size: .16rem;

    color: #666;

    position: relative;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    line-height: .22rem

}



.index-news .hd .btns dd:before {

    content: "";

    display: block;

    position: absolute;

    left: -0.31rem;

    width: 1px;

    height: .12rem;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    background: rgba(0,0,0,.1)

}



.index-news .hd .btns dd:first-child:before {

    display: none

}



.index-news .hd .btns dd:hover,.index-news .hd .btns dd.on {

    color: #0f61a1

}



.index-news .hd .btns dd.on {

    font-size: .2rem

}



.index-news .list {

    margin-left: -0.29rem;

    margin-right: -0.29rem

}



.index-news .list .list-wrapper {

    width: 100%;

    overflow: hidden;

    position: relative

}



.index-news .list li {

    padding: .37rem .07rem .52rem .07rem

}



.index-news .list li a {

    display: block;

    padding: 0 .22rem;

    position: relative

}



.index-news .list li a:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 1px;

    background: #0f61a1

}



.index-news .list li a .time {

    height: .55rem;

    padding-top: .05rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    color: #0f61a1

}



.index-news .list li a .time span {

    display: block;

    position: relative;

    color: #999;

    padding-left: .3rem

}



.index-news .list li a .time span:before {

    content: "";

    display: block;

    position: absolute;

    left: .15rem;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 1px;

    height: .1rem;

    background: #e1e1e1

}



.index-news .list li a .zoomImg img {

    width: 100%

}



.index-news .list li a .name {

    font-size: .16rem;

    line-height: .3rem;

    height: .6rem;

    overflow: hidden;

    margin-top: .2rem

}



.index-news .list li a .more {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: .86rem;

    padding-bottom: .08rem;

    color: #999;

    line-height: 1em;

    -webkit-transition: color .5s ease;

    transition: color .5s ease

}



.index-news .list li a .more:after {

    display: block;

    font-family: "iconfont";

    content: "";

    margin-left: .1rem;

    -webkit-transform: scale(0.8);

    -ms-transform: scale(0.8);

    transform: scale(0.8)

}



.index-news .list li a:hover {

    background: #fff;

    box-shadow: 0 0 .32rem 0 rgba(44,50,52,.15)

}



.index-news .list li a:hover:before {

    width: 100%

}



.index-news .list li a:hover .name {

    font-weight: 600

}



.index-news .list li a:hover .more {

    color: #0f61a1

}



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

    .index-slide.index-foot {

        height: 5.2rem

    }



    .index-flash .list li {

        padding: 0

    }



    .index-flash .list li .title p {

        font-size: .24rem;

        line-height: 1.5em

    }



    .index-flash .dots {

        left: .3rem

    }



    .index-flash .arrow {

        right: .3rem

    }



    .index-product {

        padding: 0

    }



    .index-product .side {

        position: relative

    }



    .index-product .nav {

        min-height: 1rem

    }



    .index-product .nav ul {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex

    }



    .index-product .nav a {

        font-size: .28rem;

        line-height: .61rem;

        margin-right: .3rem

    }



    .index-product .nav a.on {

        font-size: .32rem;

        line-height: .61rem

    }



    .index-product .side-more {

        position: absolute;

        right: 0;

        bottom: .45rem

    }



    .index-product .list {

        position: relative;

        right: .3rem;

        top: 0;

        margin-top: 0;

        width: 14rem;

        padding-top: .3rem

    }



    .index-product .list .btns {

        position: relative;

        width: 6.3rem;

        top: 0;

        padding: .7rem 0 0 .3rem

    }



    .index-product .list .btns .num {

        font-size: .26rem

    }



    .index-product .list .btns .num .num-curr {

        font-size: .5rem

    }



    .index-product .list .list-wrapper {

        width: 13.2rem

    }



    .index-product .list li {

        height: 4.6rem

    }



    .index-product .list li .box {

        left: .3rem;

        right: .3rem;

        bottom: 0;

        width: 4.47rem

    }



    .index-product .list li .zoomImg img {

        height: 2.7rem

    }



    .index-product .list li .layer {

        bottom: 2.5rem

    }



    .index-product .list li .layer p {

        font-size: .22rem;

        height: .28rem;

        overflow: hidden;

        padding-right: 1rem

    }



    .index-product .list li.swiper-slide-active {

        border-color: rgba(0,0,0,0)

    }



    .index-product .list li.swiper-slide-active .box {

        width: 6rem

    }



    .index-product .list li.swiper-slide-active .box:before {

        opacity: 1

    }



    .index-product .list li.swiper-slide-active .zoomImg img {

        height: 4.6rem

    }



    .index-about {

        padding: 0

    }



    .index-about .index-title p {

        font-size: .24rem;

        line-height: 1.5em

    }



    .index-about .content {

        font-size: .26rem;

        line-height: 1.8em;

        width: 5.33rem

    }



    .index-news {

        padding: 1rem 0 0 0

    }



    .index-news .hd .btns dd {

        font-size: .24rem

    }



    .index-news .hd .btns dd.on {

        font-size: .28rem

    }



    .index-news .list {

        margin-left: -0.15rem;

        margin-right: -0.15rem;

        padding-top: .3rem

    }



    .index-news .list li {

        padding: .37rem 0 .52rem 0

    }



    .index-news .list li a {

        padding: 0 .15rem

    }



    .index-news .list li a:before {

        display: none

    }



    .index-news .list li a .time {

        height: .8rem

    }



    .index-news .list li a .time span:before {

        height: .2rem

    }



    .index-news .list li a .name {

        font-size: .24rem;

        line-height: .4rem;

        height: .8rem

    }



    .index-news .list li a:hover {

        background: #fff;

        box-shadow: 0 0 0 0 rgba(44,50,52,.15)

    }

}



.ellipsis {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



a.p-more,a.p-more-gray {

    color: #fff;

    width: 1.56rem;

    height: .5rem;

    position: relative;

    border-radius: .02rem;

    background: -webkit-linear-gradient(top, #0082CE, #1768A8);

    background: linear-gradient(180deg, #0082CE, #1768A8);

    font-size: .16rem;

    padding-left: .19rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 1em;

    border: rgba(0,0,0,0) solid 1px

}



a.p-more:after,a.p-more-gray:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: .5rem;

    content: "";

    font-family: "iconfont";

    border-left: rgba(255,255,255,.14) solid 1px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: .12rem

}



a.p-more:hover,a.p-more-gray:hover {

    background: #fff;

    border-color: #e8e8e8;

    color: #333

}



a.p-more:hover:after,a.p-more-gray:hover:after {

    border-left-color: #e8e8e8

}



a.p-more-gray {

    background: none;

    border-color: #e8e8e8;

    color: #999

}



a.p-more-gray:after {

    border-color: rgba(204,204,204,.27)

}



a.p-more-gray:hover {

    border-color: rgba(0,0,0,0);

    color: #fff;

    background: -webkit-linear-gradient(top, #0082CE, #1768A8);

    background: linear-gradient(180deg, #0082CE, #1768A8)

}



a.p-more-gray:hover:after {

    border-color: rgba(255,255,255,.14)

}



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

    a.p-more,a.p-more-gray {

        width: 2rem;

        height: .62rem;

        font-size: .24rem

    }



    a.p-more:after,a.p-more-gray:after {

        width: .6rem;

        font-size: .18rem

    }

}



.p-arrow {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center

}



.p-arrow a {

    border-radius: 50%;

    margin: 0 .1rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    border: rgba(0,0,0,.34) solid 1px;

    width: .5rem;

    height: .5rem;

    font-family: "iconfont";

    font-size: .16rem

}



.p-arrow a:hover {

    border-color: rgba(0,0,0,0);

    background: -webkit-linear-gradient(top, #0082CE, #1768A8);

    background: linear-gradient(180deg, #0082CE, #1768A8);

    color: #fff

}



.p-banner {

    background: center no-repeat;

    background-size: cover;

    position: relative;

    z-index: 21

}



.p-banner .wal {

    height: 8rem;

    position: relative

}



.p-banner .title {

    position: absolute;

    left: 0;

    bottom: .55rem;

    right: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    color: #fff;

    height: .59rem

}



.p-banner .title h2 {

    font-size: .4rem;

    line-height: 1em;

    padding-right: .24rem;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    font-weight: 400

}



.p-banner .title .line {

    width: 100%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 1 auto;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    height: 1px;

    background: #fff

}



.p-banner .title .nav {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    min-width: 1.74rem;

    position: relative

}



.p-banner .title .nav .name {

    height: .59rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding-left: .17rem;

    font-size: .2rem

}



.p-banner .title .nav .name:after {

    content: "";

    display: block;

    font-family: "iconfont";

    font-size: .12rem;

    margin-left: .1rem

}



.p-banner .title .nav .list {

    position: absolute;

    z-index: 20;

    top: 100%;

    right: 0;

    background: #fff;

    border-radius: .1rem;

    box-shadow: 0 .03rem .38rem 0 rgba(6,49,82,.16);

    width: 2.4rem;

    padding: 0 .2rem;

    opacity: 0;

    visibility: hidden

}



.p-banner .title .nav .list:after {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: -0.05rem;

    width: .2rem;

    height: .2rem;

    background: #fff;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    margin-left: -0.1rem

}



.p-banner .title .nav .list a {

    display: block;

    line-height: .6rem;

    border-bottom: rgba(153,153,153,.16) solid 1px;

    font-size: .16rem;

    position: relative;

    padding-left: .12rem

}



.p-banner .title .nav .list a:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 50%;

    width: .03rem;

    height: .03rem;

    background: #999;

    border-radius: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.p-banner .title .nav .list a:hover {

    color: #166aab;

    border-color: #166aab

}



.p-banner .title .nav .list a:hover:before {

    background: #0f61a1

}



.p-banner .title .nav .list dd:last-child a {

    border: 0

}



.p-banner .title .nav:hover .list {

    opacity: 1;

    visibility: visible;

    -webkit-transition: opacity .5s ease;

    transition: opacity .5s ease

}



.contact {

    width: 100%;

    overflow: hidden;

    position: relative;

    padding-bottom: .47rem

}



.contact .index-title {

    padding: .8rem 0 .6rem 0

}



.contact .list {

    padding-bottom: .1rem

}



.contact .list ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 13.92rem

}



.contact .list li {

    width: 33.333%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    padding-bottom: .45rem

}



.contact .list li .ico {

    width: .44rem;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto

}



.contact .list li .col {

    padding-left: .16rem

}



.contact .list li .col h5 {

    font-weight: 600;

    font-size: .16rem

}



.contact .list li .col p {

    font-size: .16rem;

    color: #666;

    padding-top: .08rem

}



.contact #map {

    height: 4.6rem

}



.contact-form {

    background: url(../image/contact-form.png) center bottom no-repeat;

    background-size: auto 100%;

    height: 7.12rem;

    padding-top: .53rem

}



.contact-form .wal {

    padding: .6rem 1.2rem 0 1.2rem

}



.contact-form .msg {

    font-size: .16rem;

    color: #666;

    line-height: 1.5em;

    padding: .25rem 0 .1rem 0

}



.contact-form .msg em {

    color: red

}



.contact-form .form ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.contact-form .form li {

    width: 4.9rem;

    border-bottom: rgba(0,0,0,.1) solid 1px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    padding-top: .15rem

}



.contact-form .form li .name {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    position: relative;

    padding: 0 .06rem 0 .8em;

    font-size: .16rem;

    color: #999;

    line-height: .5rem

}



.contact-form .form li .name em {

    position: absolute;

    left: 0;

    top: .03rem;

    color: red

}



.contact-form .form li .input {

    width: 100%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 1 auto;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto

}



.contact-form .form li .input input,.contact-form .form li .input textarea {

    width: 100%;

    height: .5rem;

    line-height: .5rem;

    font-size: .16rem;

    color: #333

}



.contact-form .form li .input textarea {

    height: 1rem;

    line-height: .2rem;

    padding: .15rem 0

}



.contact-form .form li.li_01 {

    width: 100%;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start

}



.contact-form .btns {

    padding-top: .5rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center

}



.contact-form .btns div {

    margin: 0 .2rem;

    border-radius: .5rem;

    width: 1.43rem;

    height: .45rem;

    border: #999 solid 1px

}



.contact-form .btns div input {

    width: 100%;

    height: .43rem;

    line-height: 1em;

    cursor: pointer;

    font-size: .16rem;

    color: #999

}



.contact-form .btns div.btn-1 {

    border-color: rgba(0,0,0,0);

    background: -webkit-linear-gradient(top, #0082CE, #1768A8);

    background: linear-gradient(180deg, #0082CE, #1768A8)

}



.contact-form .btns div.btn-1 input {

    color: #fff

}



.job .search {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    padding: .8rem 0 .4rem 0;

    z-index: 10

}



.job .search .select {

    margin-right: .3rem;

    position: relative;

    border: #cacaca solid 1px;

    border-radius: .1rem;

    width: 2.1rem;

    height: .5rem

}



.job .search .select .name {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: .48rem;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    font-size: .16rem;

    padding: 0 .16rem

}



.job .search .select .name:after {

    content: "";

    display: block;

    font-family: "iconfont";

    -webkit-transform: scale(0.8);

    -ms-transform: scale(0.8);

    transform: scale(0.8)

}



.job .search .select dl {

    position: absolute;

    left: -1px;

    top: 100%;

    margin-top: -1px;

    right: -1px;

    border: #cacaca solid 1px;

    background: #fff;

    padding: .06rem .16rem;

    display: none;

    border-radius: .1rem

}



.job .search .select dl dd {

    border-bottom: #eee solid 1px

}



.job .search .select dl dd:last-child {

    border: 0

}



.job .search .select dl a {

    display: block;

    line-height: 1.5em;

    padding: .1rem 0;

    font-size: .14rem

}



.job .search .select.on dl {

    display: block

}



.job .search .select-2 {

    width: 3.4rem

}



.job .search .form {

    position: absolute;

    top: .8rem;

    right: 0;

    border: #cacaca solid 1px;

    border-radius: .1rem;

    width: 3.03rem;

    height: .5rem

}



.job .search .form .input {

    width: 100%

}



.job .search .form .input input::-webkit-input-placeholder {

    color: #b3b3b3

}



.job .search .form .input input::-moz-placeholder {

    color: #b3b3b3

}



.job .search .form .input input:-moz-placeholder {

    color: #b3b3b3

}



.job .search .form .input input:-ms-input-placeholder {

    color: #b3b3b3

}



.job .search .form .input textarea::-webkit-input-placeholder {

    color: #b3b3b3

}



.job .search .form .input textarea::-moz-placeholder {

    color: #b3b3b3

}



.job .search .form .input textarea:-moz-placeholder {

    color: #b3b3b3

}



.job .search .form .input textarea:-ms-input-placeholder {

    color: #b3b3b3

}



.job .search .form .input input {

    width: 100%;

    height: .48rem;

    line-height: .48rem;

    font-size: .16rem;

    padding: 0 .19rem

}



.job .search .form .submit {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: .6rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-family: "iconfont";

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: .18rem

}



.job .search .form .submit input {

    width: 100%;

    height: .48rem;

    cursor: pointer;

    position: absolute;

    left: 0;

    top: 0

}



.job .list li {

    position: relative;

    border-radius: .1rem;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    padding-bottom: .2rem;

    width: 100%;

    overflow: hidden

}



.job .list li:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: .1rem;

    right: 0;

    height: 1px;

    background: rgba(0,0,0,.1)

}



.job .list li:last-child:before {

    display: none

}



.job .list li .hd {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

    height: .8rem;

    -webkit-transition: color .5s ease;

    transition: color .5s ease

}



.job .list li .hd:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);

    background: linear-gradient(0deg, #0082CE, #1768A8);

    opacity: 0

}



.job .list li .hd h5 {

    width: 5.58rem;

    padding: 0 .5rem;

    font-size: .24rem;

    position: relative

}



.job .list li .hd dl {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    position: relative

}



.job .list li .hd dd {

    font-size: .16rem;

    padding: 0 1rem 0 .41rem;

    line-height: .3rem;

    height: .3rem;

    background: left center no-repeat;

    background-size: .3rem

}



.job .list li .hd dd.dd_1 {

    background-image: url(../image/img30_1.png)

}



.job .list li .hd dd.dd_2 {

    background-image: url(../image/img30_2.png)

}



.job .list li .hd dd.dd_3 {

    background-image: url(../image/img30_3.png)

}



.job .list li .hd:after {

    content: "";

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: .44rem;

    height: .44rem;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    right: .5rem;

    margin-top: -0.22rem;

    border: #0f61a1 solid 1px;

    font-family: "iconfont";

    cursor: pointer;

    color: #0f61a1;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    font-size: .16rem

}



.job .list li .box {

    display: none;

    padding: .35rem .65rem 0 .65rem

}



.job .list li .box h5 {

    color: #0f61a1;

    font-size: .2rem;

    position: relative

}



.job .list li .box h5:before {

    content: "";

    display: block;

    position: absolute;

    left: -0.15rem;

    top: 50%;

    width: .06rem;

    height: .06rem;

    background: #0f61a1;

    border-radius: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.job .list li .box .content {

    padding: .1rem 0 .35rem 0;

    font-size: .14rem;

    line-height: 2em;

    color: #666

}



.job .list li .box .bd {

    border-top: rgba(34,123,192,.2) solid 1px;

    margin-left: -0.1rem;

    margin-right: -0.1rem;

    padding: 0 .1rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: .86rem

}



.job .list li .box .bd p {

    color: #0f61a1;

    padding-right: .15rem

}



.job .list li .box .bd .file,.job .list li .box .bd .submit {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

    width: 1.2rem;

    height: .34rem;

    border-radius: .5rem;

    background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);

    background: linear-gradient(0deg, #0082CE, #1768A8)

}



.job .list li .box .bd .file {

    color: #fff;

    margin-right: .5rem

}



.job .list li .box .bd .file input {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0

}



.job .list li .box .bd .submit input {

    width: 100%;

    height: .34rem;

    font-size: .14rem;

    color: #fff;

    cursor: pointer

}



.job .list li .box .bd .img {

    width: .87rem

}



.job .list li .box .bd .input {

    width: 1.26rem

}



.job .list li .box .bd .input input::-webkit-input-placeholder {

    color: #999

}



.job .list li .box .bd .input input::-moz-placeholder {

    color: #999

}



.job .list li .box .bd .input input:-moz-placeholder {

    color: #999

}



.job .list li .box .bd .input input:-ms-input-placeholder {

    color: #999

}



.job .list li .box .bd .input textarea::-webkit-input-placeholder {

    color: #999

}



.job .list li .box .bd .input textarea::-moz-placeholder {

    color: #999

}



.job .list li .box .bd .input textarea:-moz-placeholder {

    color: #999

}



.job .list li .box .bd .input textarea:-ms-input-placeholder {

    color: #999

}



.job .list li .box .bd .input input {

    width: 100%;

    height: .3rem;

    line-height: .3rem;

    padding: 0 .15rem;

    font-size: .12rem

}



.job .list li.on {

    box-shadow: 0 0 .19rem 0 rgba(1,33,57,.2);

    padding-bottom: 0

}



.job .list li.on:before {

    opacity: 0;

    visibility: hidden

}



.job .list li.on .hd {

    color: #fff

}



.job .list li.on .hd:before {

    opacity: 1

}



.job .list li.on .hd dd.dd_1 {

    background-image: url(../image/img30_1on.png)

}



.job .list li.on .hd dd.dd_2 {

    background-image: url(../image/img30_2on.png)

}



.job .list li.on .hd dd.dd_3 {

    background-image: url(../image/img30_3on.png)

}



.job .list li.on .hd:after {

    border-color: #fff;

    background: #fff;

    color: #0f61a1;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0)

}



.join-process {

    padding: .7rem 0 1rem 0

}



.join-process .list {

    padding-top: .55rem;

    position: relative

}



.join-process .list:before {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: 2.55rem;

    width: 10.95rem;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    height: .33rem;

    background: url(../image/line1095.png) center no-repeat;

    background-size: 100%

}



.join-process .list ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.join-process .list li {

    height: 2.28rem;

    width: 1.8rem;

    text-align: center;

    position: relative

}



.join-process .list li:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    background: url(../image/img207.png) center no-repeat;

    background-size: 100%;

    width: 2.07rem;

    height: 1.74rem

}



.join-process .list li .ico {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: .81rem;

    padding-top: .26rem;

    position: relative

}



.join-process .list li .ico img {

    width: .42rem

}



.join-process .list li .name {

    position: relative;

    font-size: .15rem;

    line-height: .24rem;

    text-align: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: .7rem;

    margin-right: -0.3rem;

    margin-left: -0.3rem

}



.join-process .list li .num {

    position: absolute;

    left: 50%;

    top: 1.95rem;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    background: url(../image/img33.png) center no-repeat;

    background-size: 100% 100%;

    width: .33rem;

    height: .33rem;

    line-height: .33rem;

    text-align: center;

    font-size: .16rem;

    color: #fff;

    z-index: 2

}



.join-process .list li:last-child:before {

    width: 100%;

    background-image: url(../image/img180.png)

}



.network {

    padding: .8rem 0 1.2rem 0

}



.network .content {

    font-size: .16rem;

    line-height: 2em;

    color: #666;

    padding: .2rem 0 .4rem 0

}



.network .container {

    position: relative

}



.network .map {

    width: 9.14rem;

    position: relative

}



.network .map li {

    position: absolute;

    width: .08rem;

    height: .08rem;

    margin-left: -0.04rem;

    margin-top: -0.04rem;

    cursor: pointer

}



.network .map li:before {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    border: #0f61a1 solid 1px;

    border-radius: 50%;

    width: .36rem;

    height: .36rem;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.network .map li:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #227bc0;

    border-radius: 50%;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.network .map li .yuan {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    -webkit-transition: opacity .5s ease;

    transition: opacity .5s ease

}



.network .map li .yuan i {

    display: block;

    width: 1rem;

    height: 1rem;

    background: #0f61a1;

    opacity: .5;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -0.5rem;

    margin-top: -0.5rem

}



.network .map li .name {

    position: absolute;

    font-size: .18rem;

    left: -1rem;

    right: -1rem;

    text-align: center;

    top: .28rem

}



.network .map li:hover:before,.network .map li.on:before {

    background: #0f61a1;

    opacity: .5

}



.network .map li:hover:after,.network .map li.on:after {

    background: #fff

}



.network .map li:hover .yuan,.network .map li.on .yuan {

    opacity: 1

}



.network .list li {

    position: absolute;

    top: .6rem;

    right: 0;

    width: 4.76rem;

    background: #fff;

    box-shadow: 0 0 .28rem 0 rgba(1,22,45,.2);

    overflow: hidden;

    border-radius: .1rem;

    padding: 0 .3rem;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.network .list li .img {

    margin-left: -0.3rem;

    margin-right: -0.3rem

}



.network .list li .img img {

    width: 100%;

    height: 2.54rem

}



.network .list li .name {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -ms-flex-align: end;

    align-items: flex-end;

    padding: .2rem 0;

    border-bottom: #d6d6d6 solid 1px;

    font-size: .2rem;

    line-height: 1em

}



.network .list li .name img {

    width: .42rem;

    margin-right: .06rem

}



.network .list li .name em {

    color: #0f61a1

}



.network .list li .msg {

    line-height: .37rem;

    font-size: .16rem;

    color: #666;

    padding: .11rem 0 .21rem 0

}



.network .list li.on {

    opacity: 1;

    visibility: visible

}



.service {

    padding: .8rem 0 0 0;

    position: relative

}



.service .index-title p {

    position: relative;

    font-size: .22rem;

    padding: .18rem 0 .32rem 0;

    line-height: 1em

}



.service .index-title p:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: .4rem;

    height: 1px;

    background: #0f61a1

}



.service .content {

    font-size: .16rem;

    line-height: 2em;

    text-align: justify;

    color: #666;

    width: 5.8rem;

    padding-top: .25rem

}



.service .img {

    width: 6.34rem;

    position: absolute;

    top: .8rem;

    right: 0

}



.service .img:before {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: url(../image/img634.png) center no-repeat;

    background-size: 100% 100%;

    margin-right: -0.24rem;

    margin-top: .24rem

}



.service-list {

    padding-bottom: 1rem

}



.service-list div.title {

    padding: .82rem 0 .4rem 0

}



.service-list div.title h2 {

    font-size: .24rem;

    line-height: 1em;

    color: #0f61a1;

    padding-left: .16rem;

    position: relative

}



.service-list div.title h2:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    width: .04rem;

    height: .28rem;

    top: 50%;

    margin-top: -0.14rem;

    background: -webkit-linear-gradient(top, #0082CE, #1768A8);

    background: linear-gradient(180deg, #0082CE, #1768A8);

    border-radius: .05rem

}



.service-list div.title p {

    font-size: .16rem;

    color: #666;

    padding-top: .26rem

}



.service-list h3.title {

    font-size: .2rem;

    line-height: 1em;

    padding-bottom: .25rem

}



.service-list .line {

    height: .5rem

}



.service-list .list ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -0.12rem;

    margin-bottom: -0.12rem

}



.service-list .list li {

    width: 25%;

    padding: 0 0 .12rem .12rem

}



.service-list .list li .box {

    border-radius: 0 .48rem 0 0;

    border: rgba(0,0,0,.1) solid 1px;

    height: 3.48rem;

    position: relative;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.service-list .list li .box:before {

    content: "";

    display: block;

    position: absolute;

    left: -1px;

    top: -1px;

    right: -1px;

    bottom: -1px;

    border-radius: 0 .48rem 0 0;

    opacity: 0;

    background: url(../image/img311.png) center no-repeat;

    background-size: 100% 100%

}



.service-list .list li .box .hd {

    padding: .27rem 0 0 .28rem;

    height: 1.31rem;

    position: relative

}



.service-list .list li .box .hd:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 1px;

    background: #fff;

    opacity: 0

}



.service-list .list li .box .hd .ico {

    position: relative

}



.service-list .list li .box .hd .ico img {

    height: .5rem

}



.service-list .list li .box .hd .ico img:nth-child(2) {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0

}



.service-list .list li .box .hd h5 {

    font-size: .22rem;

    line-height: 1em;

    padding-top: .15rem

}



.service-list .list li .box dl {

    padding: .12rem 0 .2rem .4rem

}



.service-list .list li .box dl dd {

    font-size: .16rem;

    line-height: .32rem;

    color: #666;

    position: relative;

    -webkit-transition: color .5s ease;

    transition: color .5s ease

}



.service-list .list li .box dl dd:before {

    content: "";

    display: block;

    position: absolute;

    left: -0.17rem;

    top: .13rem;

    width: .06rem;

    height: .06rem;

    border-radius: 50%;

    background: -webkit-linear-gradient(bottom, #0082CE, #1768A8);

    background: linear-gradient(0deg, #0082CE, #1768A8)

}



.service-list .list li .box:hover {

    border-color: rgba(0,0,0,0);

    color: #fff

}



.service-list .list li .box:hover:before {

    opacity: 1

}



.service-list .list li .box:hover .hd:before {

    opacity: .2

}



.service-list .list li .box:hover .hd .ico img:nth-child(1) {

    opacity: 0

}



.service-list .list li .box:hover .hd .ico img:nth-child(2) {

    opacity: 1

}



.service-list .list li .box:hover dl dd {

    color: #fff

}



.service-list .list li .box:hover dl dd:before {

    background: #fff

}



.service-list .list li.li_381 {

    width: 3.81rem

}



.news {

    padding: .8rem 0 0 0

}



.news li {

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.news li .wal {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    padding: .3rem 0;

    position: relative

}



.news li .time {

    width: 1.12rem;

    font-family: "DINPro-Bold";

    font-size: .16rem;

    color: #666;

    height: 2.3rem

}



.news li .time h5 {

    font-size: .54rem;

    color: #0f61a1;

    line-height: 1em

}



.news li .zoomImg {

    width: 4.13rem;

    border-radius: .08rem

}



.news li .zoomImg img {

    width: 100%;

    height: 2.36rem

}



.news li .col {

    width: 6.91rem;

    padding-left: .6rem

}



.news li .col h5 {

    font-size: .18rem;

    line-height: .32rem;

    -webkit-transition: color .5s ease;

    transition: color .5s ease

}



.news li .col p {

    font-size: .16rem;

    line-height: .28rem;

    color: #666;

    padding: .2rem 0 .25rem 0

}



.news li a.btn-details {

    display: block;

    position: absolute;

    z-index: 5;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0

}



.news li:hover {

    box-shadow: 0 .02rem .4rem 0 rgba(111,111,111,.1)

}



.news li:hover .col h5 {

    color: #0f61a1

}



.news li:hover .col a.p-more-gray {

    border-color: rgba(0,0,0,0);

    color: #fff;

    background: -webkit-linear-gradient(top, #0082CE, #1768A8);

    background: linear-gradient(180deg, #0082CE, #1768A8)

}



.news li:hover .col a.p-more-gray:after {

    border-color: rgba(255,255,255,.14)

}



.p-num {

    padding: .4rem 0 .9rem 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.p-num a {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: .38rem;

    padding: 0 .16rem;

    font-size: .16rem;

    color: #5c6166;

    line-height: 1em

}



.p-num a:hover,.p-num a.on {

    color: #0f61a1

}



.p-num a .iconfont {

    font-size: .12rem;

    padding: 0 .04rem

}



.news-show .hd {

    position: relative;

    padding: .9rem 1rem .2rem 0;

    border-bottom: rgba(0,0,0,.1) solid 1px

}



.news-show .hd h2 {

    font-size: .3rem;

    font-weight: 400

}



.news-show .hd .time {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    padding-top: .2rem;

    font-size: .16rem;

    line-height: 1em;

    color: #666

}



.news-show .hd .time:before {

    content: "";

    display: block;

    font-family: "iconfont";

    font-size: .12rem;

    margin-right: .08rem

}



.news-show .hd a.back {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: .6rem;

    height: .6rem;

    border: rgba(7,0,2,.2) solid 1px;

    border-radius: 50%;

    position: absolute;

    top: .8rem;

    right: 0;

    font-size: .22rem;

    color: #0f61a1

}



.news-show .hd a.back:hover {

    background: #0f61a1;

    color: #fff

}



.news-show .content {

    font-size: .16rem;

    line-height: .3rem;

    text-align: justify;

    color: #666;

    padding: .5rem 0 .15rem 0

}



.news-show .content p {

    padding-bottom: .3rem

}



.news-show .content .img-list ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.news-show .content .img-list li {

    width: 6.2rem;

    padding-bottom: .3rem

}



.news-show .content .img-list li .name {

    text-align: center;

    padding-top: .12rem;

    color: #333

}



.p-num2 {

    border-top: rgba(0,0,0,.1) solid 1px;

    padding: .4rem 0 1rem 0;

    color: #666

}



.p-num2 ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.p-num2 a {

    font-size: .16rem;

    color: #666

}



.p-num2 a:hover {

    color: #333

}



.project {

    padding: .8rem 0 1rem 0

}



.project .content {

    padding: .25rem 0 .55rem 0;

    font-size: .16rem;

    line-height: 2em;

    text-align: justify

}



.project .list ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -0.32rem

}



.project .list li {

    width: 50%;

    padding: 0 0 .6rem .32rem

}



.project .list a {

    display: block

}



.project .list a .name {

    font-size: .24rem;

    padding: .3rem 0 .2rem 0

}



.project .list a .tag {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: .16rem;

    color: #0f61a1

}



.project .list a .tag:before {

    display: block;

    content: "";

    background: #0f61a1;

    width: .6rem;

    height: 1px;

    margin-right: .12rem

}



.project .list a:hover .tag:before {

    width: 1rem

}



.project .more {

    padding-top: .2rem

}



.project .more a {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0 auto;

    width: 2.24rem;

    height: .6rem;

    border: rgba(0,0,0,.1) solid 1px;

    font-size: .16rem;

    line-height: 1em

}



.project .more a em {

    padding-right: .25rem

}



.project .more a:after {

    content: "";

    font-family: "iconfont";

    color: #0f61a1;

    -webkit-transition: color .5s ease;

    transition: color .5s ease

}



.project .more a:hover {

    background: #0f61a1;

    color: #fff

}



.project .more a:hover:after {

    color: #fff

}



.project-show {

    padding: .8rem 0 .6rem 0;

    position: relative

}



.project-show .list {

    width: 100%;

    overflow: hidden;

    position: relative

}



.project-show .list li {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.project-show .list li .zoomImg {

    width: 8.6rem

}



.project-show .list li .col {

    width: 3.37rem;

    padding-bottom: 1rem

}



.project-show .list li .col .hd {

    border-bottom: rgba(0,0,0,.1) solid 1px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    padding-bottom: .22rem;

    margin-bottom: .05rem;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.project-show .list li .col .hd h5 {

    font-size: .26rem;

    -webkit-box-flex: 0;

    -webkit-flex: 0 1 auto;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    padding-right: .2rem

}



.project-show .list li .col .hd a.back {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: .43rem;

    height: .43rem;

    border: rgba(7,0,2,.2) solid 1px;

    border-radius: 50%;

    font-size: .18rem;

    color: #0f61a1;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    font-family: "iconfont"

}



.project-show .list li .col .hd a.back:hover {

    background: #0f61a1;

    color: #fff

}



.project-show .list li .col h5.title {

    padding: .25rem 0 .15rem 0;

    font-size: .16rem;

    font-weight: 400;

    color: #212121

}



.project-show .list li .col .content {

    font-size: .16rem;

    line-height: .3rem;

    color: #666

}



.project-show .list li .col .content dd {

    position: relative;

    padding-left: .14rem

}



.project-show .list li .col .content dd:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: .12rem;

    width: .06rem;

    height: .06rem;

    background: #0f61a1;

    border-radius: 50%

}



.project-show .small-list {

    position: absolute;

    z-index: 5;

    left: 0;

    bottom: .84rem;

    width: 8.6rem

}



.project-show .small-list dl {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center

}



.project-show .small-list dd {

    width: 1.61rem;

    position: relative;

    padding: .03rem;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    margin: 0 .1rem;

    cursor: pointer

}



.project-show .small-list dd img {

    width: 100%;

    height: 1rem

}



.project-show .small-list dd.on {

    background: #0f61a1;

    box-shadow: 0 .03rem .12rem rgba(0,0,0,.1)

}



.project-show .arrow {

    position: absolute;

    z-index: 5;

    bottom: 1rem;

    right: 0;

    width: 3.37rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -ms-flex-align: end;

    align-items: flex-end

}



.project-show .arrow .p-arrow a {

    width: .6rem;

    height: .6rem;

    font-size: .2rem;

    margin: 0 0 0 .24rem

}



.project-show .arrow .num {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -ms-flex-align: end;

    align-items: flex-end;

    font-size: .2rem;

    line-height: 1em;

    color: #666;

    font-family: "DINPro-Bold"

}



.project-show .arrow .num b {

    color: #0f61a1;

    font-size: .44rem;

    padding-right: .06rem;

    position: relative;

    top: -0.08rem

}



.product {

    padding: .8rem 0 .6rem 0

}



.product ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -0.4rem

}



.product li {

    width: 33.333%;

    padding: 0 0 .4rem .4rem

}



.product li .box,.product li a {

    display: block;

    width: 100%;

    overflow: hidden;

    position: relative;

    border: rgba(0,0,0,.1) solid 1px;

    border-radius: .08rem;

    text-align: center

}



.product li .box:before,.product li a:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: .03rem;

    background: #0f61a1;

    opacity: 0

}



.product li .box .name,.product li a .name {

    padding: .18rem 0 .4rem 0;

    font-size: .22rem;

    line-height: 1em

}



.product li .box:hover,.product li a:hover {

    box-shadow: 0 .02rem .24rem 0 rgba(0,0,0,.16);

    color: #0f61a1

}



.product li .box:hover:before,.product li a:hover:before {

    opacity: 1

}



.product .li_01 .box {

    height: 3.95rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.product-show {

    padding: .8rem 0 .72rem 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.product-show .img-container {

    width: 6.7rem

}



.product-show .img-container .big-img {

    border: rgba(0,0,0,.1) solid 1px

}



.product-show .img-container .small-img {

    position: relative;

    padding: 0 .67rem

}



.product-show .img-container .small-img .arrow a {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    position: absolute;

    z-index: 5;

    top: 0;

    bottom: 0;

    font-family: "iconfont";

    color: #0f61a1;

    font-size: .24rem

}



.product-show .img-container .small-img .arrow a.prev {

    left: .25rem

}



.product-show .img-container .small-img .arrow a.next {

    right: .25rem

}



.product-show .img-container .small-img .list-wrapper {

    width: 100%;

    overflow: hidden;

    position: relative

}



.product-show .img-container .small-img .list-wrapper li {

    padding: .42rem .09rem

}



.product-show .img-container .small-img .list-wrapper li div {

    position: relative;

    padding: .02rem;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    cursor: pointer

}



.product-show .img-container .small-img .list-wrapper li div img {

    width: 100%;

    height: .75rem

}



.product-show .img-container .small-img .list-wrapper li.swiper-slide-active div {

    background: #0f61a1;

    box-shadow: 0 .02rem .15rem 0 rgba(0,0,0,.2)

}



.product-show .container {

    width: 5.5rem;

    padding-top: .2rem

}



.product-show .container .title {

    position: relative;

    padding-bottom: .3rem

}



.product-show .container .title:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: .6rem;

    height: .02rem;

    background: #0f61a1

}



.product-show .container .title h2 {

    font-size: .3rem;

    line-height: 1em;

    color: #0f61a1

}



.product-show .container .title p {

    padding-top: .1rem;

    font-size: .16rem;

    color: #999

}



.product-show .container .content {

    font-size: .16rem;

    line-height: .3rem;

    text-align: justify;

    color: #666;

    min-height: 2.54rem;

    padding: .25rem 0;

    border-bottom: rgba(0,0,0,.1) solid 1px

}



.product-show .container dl.list {

    padding-top: .2rem;

    margin-right: -0.2rem

}



.product-show .container dl.list dd {

    font-size: .16rem;

    line-height: .36rem;

    position: relative;

    padding-left: .18rem

}



.product-show .container dl.list dd:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: .15rem;

    width: .06rem;

    height: .06rem;

    background: #0f61a1;

    border-radius: 50%

}



.product-show .container dl.list dd b {

    font-size: .16rem;

    color: #333

}



.about-1 {

    padding: .8rem 0 1.4rem 0

}



.about-1 .wal {

    padding: .28rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.about-1 .zoomImg {

    width: 5.9rem

}



.about-1 .container {

    width: 5.92rem

}



.about-1 .container .title {

    position: relative;

    margin-bottom: .25rem

}



.about-1 .container .title:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: .6rem;

    height: 1px;

    background: #0f61a1

}



.about-1 .container .title h2 {

    color: #0f61a1;

    font-size: .3rem;

    line-height: 1em

}



.about-1 .container .title .en {

    padding: .1rem 0 .3rem 0;

    font-size: .16rem;

    line-height: 1em;

    color: #999

}



.about-1 .container .content {

    font-size: .16rem;

    line-height: .3rem;

    color: #666;

    text-align: justify;

    padding: 0 .6rem 0 0;

    margin-right: -0.28rem;

    height: 3.55rem;

    overflow-y: auto

}



.about-1 .container .content::-webkit-scrollbar {

    width: 2px

}



.about-1 .container .content::-webkit-scrollbar-thumb {

    background: #0f61a1

}



.about-1 .container .content::-webkit-scrollbar-track {

    background: rgba(0,0,0,0)

}



.about-2 {

    background: url(../image/about-2.jpg) center bottom no-repeat;

    background-size: cover;

    height: 9.44rem;

    padding: .8rem 0;

    color: #fff;

    overflow: hidden;

    position: relative;

    width: 100%

}



.about-2 .index-title {

    padding-bottom: .8rem

}



.about-2 .list {

    position: relative;

    left: .4rem

}



.about-2 .list ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.about-2 .list li {

    height: 6.36rem;

    position: relative;

    width: 1.15rem;

    text-align: center;

    left: .6rem

}



.about-2 .list li .ico {

    width: 2.45rem;

    position: absolute;

    left: 50%;

    top: 1.14rem;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%)

}



.about-2 .list li .layer {

    position: absolute;

    left: -1rem;

    top: 0;

    right: -1rem

}



.about-2 .list li .layer h5 {

    font-size: .22rem;

    line-height: 1em

}



.about-2 .list li .layer p {

    font-size: .2rem;

    line-height: .32rem;

    padding-top: .2rem

}



.about-2 .list li:nth-child(odd) .ico {

    top: 2.6rem

}



.about-2 .list li:nth-child(odd) .layer {

    top: auto;

    bottom: 0

}



.about-2 .list .img {

    position: absolute;

    left: 8.01rem;

    top: .82rem;

    width: 3.06rem

}



.about-3 {

    min-height: 7.95rem;

    padding: .8rem 0 .7rem 0

}



.about-3 .index-title {

    padding-bottom: .77rem

}



.about-3 .list {

    position: relative;

    min-height: 4rem;

    padding-bottom: 1rem

}



.about-3 .list .arrow a {

    margin: 0;

    position: absolute;

    top: 1.1rem;

    width: .6rem;

    height: .6rem;

    font-size: .2rem;

    z-index: 5

}



.about-3 .list .arrow a.prev {

    left: 0

}



.about-3 .list .arrow a.next {

    right: 0

}



.about-3 .list .year-big {

    opacity: 0;

    visibility: hidden;

    position: absolute;

    left: 0;

    top: -0.4rem;

    right: 0;

    font-size: 2rem;

    font-family: "DINPRO-LIGHT";

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    line-height: 1em;

    text-align: center;

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.02));

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.02));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent

}



.about-3 .list .year-big.on {

    opacity: 1;

    visibility: visible

}



.about-3 .list ul {

    display: none;

    max-width: 9.05rem;

    margin: 0 auto;

    position: relative;

    z-index: 2;

    padding-top: .65rem

}



.about-3 .list ul li {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    font-size: .16rem;

    line-height: .26rem;

    color: #666;

    padding-bottom: .16rem

}



.about-3 .list ul li h5 {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    text-align: right;

    color: #333;

    padding-right: .25rem;

    width: 1rem;

    font-size: .16rem

}



.about-3 .years {

    height: 1rem;

    width: 100%;

    overflow: hidden;

    position: relative;

    text-align: center

}



.about-3 .years:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 50%;

    right: 0;

    height: .02rem;

    margin-top: -0.01rem;

    background: rgba(0,0,0,.2)

}



.about-3 .years li {

    height: 1rem;

    position: relative;

    cursor: pointer

}



.about-3 .years li .dot {

    position: absolute;

    left: 50%;

    top: 50%;

    width: .1rem;

    height: .1rem;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background: #0f61a1;

    border-radius: 50%

}



.about-3 .years li .dot:before {

    content: "";

    display: block;

    position: absolute;

    left: -0.06rem;

    top: -0.06rem;

    right: -0.06rem;

    bottom: -0.06rem;

    border-radius: 50%;

    background: #0f61a1;

    opacity: 0;

    -webkit-transform: scale(0.5);

    -ms-transform: scale(0.5);

    transform: scale(0.5)

}



.about-3 .years li .dot:after {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;

    border-radius: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    border: #0f61a1 solid 1px;

    width: .18rem;

    height: .18rem;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.about-3 .years li .yuan {

    position: absolute;

    z-index: 2;

    left: 50%;

    top: 50%;

    width: .84rem;

    height: .84rem;

    background: url(../image/img84.png) center no-repeat;

    background-size: 100% 100%;

    margin-left: -0.42rem;

    margin-top: -0.42rem;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.about-3 .years li .yuan div {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 1rem;

    height: 1rem;

    background: url(../image/img100_1.png) center no-repeat;

    background-size: 100% 100%;

    margin-left: -0.5rem;

    margin-top: -0.5rem

}



.about-3 .years li .yuan div:nth-child(2) {

    background-image: url(../image/img100_2.png)

}



.about-3 .years li .year {

    position: absolute;

    z-index: 5;

    left: 0;

    top: 50%;

    right: 0;

    font-size: .22rem;

    line-height: .5rem;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    font-family: "DINPro-Bold";

    color: #666

}



.about-3 .years li:hover .dot:before {

    opacity: .2;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.about-3 .years li:hover .dot:after {

    opacity: 0

}



.about-3 .years li.swiper-slide-active {

    cursor: default

}



.about-3 .years li.swiper-slide-active:after {

    opacity: 1

}



.about-3 .years li.swiper-slide-active .yuan {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.about-3 .years li.swiper-slide-active .year-big {

    opacity: 1;

    visibility: visible

}



.about-3 .years li.swiper-slide-active .year {

    line-height: 1rem;

    top: 0;

    font-size: .28rem;

    font-weight: bold;

    color: #fff

}



.about-4 {

    background: url(../image/about-4.jpg) center bottom no-repeat;

    background-size: cover;

    width: 100%;

    overflow: hidden;

    position: relative

}



.about-4 .wal {

    min-height: 7.58rem;

    padding: .95rem 0;

    position: relative

}



.about-4 .btns {

    position: absolute;

    top: .7rem;

    right: 0

}



.about-4 .btns ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex

}



.about-4 .btns li {

    padding-right: .69rem;

    margin-left: 1.14rem;

    color: #666;

    -webkit-transition: color .5s ease;

    transition: color .5s ease;

    position: relative;

    cursor: pointer

}



.about-4 .btns li:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    height: .02rem;

    width: 0;

    background: #0f61a1

}



.about-4 .btns li .num {

    font-size: .16rem;

    color: #999;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -ms-flex-align: end;

    align-items: flex-end;

    line-height: 1em;

    -webkit-transition: color .5s ease;

    transition: color .5s ease

}



.about-4 .btns li .num em {

    font-size: .46rem;

    font-family: "DINPro-Bold";

    line-height: 1em;

    position: relative;

    top: .03rem

}



.about-4 .btns li h5 {

    font-size: .24rem;

    line-height: .65rem;

    font-weight: 400

}



.about-4 .btns li:last-child {

    padding-right: 0

}



.about-4 .btns li.on,.about-4 .btns li:hover {

    color: #0f61a1

}



.about-4 .btns li.on:before,.about-4 .btns li:hover:before {

    width: 100%

}



.about-4 .btns li.on .num,.about-4 .btns li:hover .num {

    color: #0f61a1

}



.about-4 .btns li.on h5 {

    font-weight: 600

}



.about-4 .list {

    position: absolute;

    left: 0;

    top: 1.62rem;

    right: 0;

    opacity: 0;

    -webkit-transition: opacity .5s ease;

    transition: opacity .5s ease

}



.about-4 .list.on {

    opacity: 1;

    z-index: 5

}



.about-4 .list .list-wrapper {

    width: 15.75rem;

    position: relative;

    left: 50%;

    margin-left: -7.875rem;

    overflow: hidden;

    position: relative

}



.about-4 .list li {

    padding: 1rem .1rem 0 .1rem

}



.about-4 .list li .img img {

    width: 100%;

    height: 3.43rem;

    box-shadow: 0 0 .1rem rgba(0,0,0,.1);

    opacity: 0

}



.about-4 .list li .name {

    text-align: center;

    font-size: .22rem;

    padding-top: .32rem;

    line-height: 1em;

    opacity: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.about-4 .list li.swiper-slide-active .img img,.about-4 .list li.swiper-slide-prev .img img,.about-4 .list li.swiper-slide-next .img img {

    opacity: 1

}



.about-4 .list li.swiper-slide-active .img img {

    box-shadow: 0 0 .3rem rgba(0,0,0,.3)

}



.about-4 .list li.swiper-slide-active .name {

    opacity: 1

}



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

    .p-banner .wal {

        height: 5rem

    }



    .p-banner .title {

        bottom: .4rem

    }



    .p-banner .title h2 {

        font-size: .32rem

    }



    .p-banner .title .nav .name {

        font-size: .24rem

    }



    .p-banner .title .nav .name:after {

        font-size: .2rem

    }



    .p-banner .title .nav .list {

        width: 2.4rem

    }



    .p-banner .title .nav .list a {

        line-height: .7rem;

        font-size: .24rem

    }



    .contact .list ul {

        width: 100%

    }



    .contact .list li {

        width: 100%

    }



    .contact .list li .col {

        padding-left: .2rem

    }



    .contact .list li .col h5 {

        font-size: .26rem

    }



    .contact .list li .col p {

        font-size: .22rem;

        color: #666;

        padding-top: .08rem

    }



    .contact-form {

        background: none;

        height: auto;

        padding: .53rem 0;

        border-top: #eee solid 1px

    }



    .contact-form .wal {

        padding: .3rem 0 0 0

    }



    .contact-form .msg {

        font-size: .24rem

    }



    .contact-form .form li {

        width: 3.3rem;

        padding-top: .2rem

    }



    .contact-form .form li .name {

        padding: 0 .06rem 0 .8em;

        font-size: .24rem;

        line-height: .7rem

    }



    .contact-form .form li .input input,.contact-form .form li .input textarea {

        height: .7rem;

        line-height: .7rem;

        font-size: .24rem

    }



    .contact-form .form li .input textarea {

        height: 2rem;

        line-height: .3rem;

        padding: .2rem 0

    }



    .contact-form .btns div {

        width: 2rem;

        height: .6rem

    }



    .contact-form .btns div input {

        height: .58rem;

        font-size: .26rem

    }



    .job .search {

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: justify;

        -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

        justify-content: space-between

    }



    .job .search .select {

        width: 2.7rem;

        height: .7rem;

        margin-right: 0;

        position: relative;

        z-index: 5

    }



    .job .search .select .name {

        height: .68rem;

        font-size: .24rem;

        padding: 0 .2rem

    }



    .job .search .select dl {

        padding: .1rem .2rem

    }



    .job .search .select dl a {

        display: block;

        line-height: 1.5em;

        padding: .1rem 0;

        font-size: .24rem

    }



    .job .search .select-2 {

        width: 4rem

    }



    .job .search .form {

        position: relative;

        top: 0;

        width: 100%;

        height: .7rem;

        margin-top: .2rem

    }



    .job .search .form .input input {

        height: .68rem;

        line-height: .68rem;

        font-size: .24rem;

        padding: 0 .2rem

    }



    .job .search .form .submit {

        width: .8rem;

        font-size: .28rem

    }



    .job .search .form .submit input {

        height: .68rem

    }



    .job .list li .hd {

        height: 1.3rem;

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        padding: .15rem .35rem

    }



    .job .list li .hd h5 {

        width: 100%;

        padding: 0;

        font-size: .28rem

    }



    .job .list li .hd dd {

        font-size: .22rem;

        padding: 0 .3rem 0 .41rem

    }



    .job .list li .hd:after {

        right: .35rem

    }



    .job .list li .box {

        padding: .35rem .35rem 0 .35rem

    }



    .job .list li .box h5 {

        font-size: .26rem

    }



    .job .list li .box .content {

        font-size: .24rem;

        line-height: 1.8em

    }



    .job .list li .box .bd {

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        height: 1.8rem;

        padding: .2rem 0

    }



    .job .list li .box .bd .file,.job .list li .box .bd .submit {

        width: 1.5rem;

        height: .5rem

    }



    .job .list li .box .bd .submit input {

        height: .5rem;

        font-size: .24rem

    }



    .job .list li .box .bd .input {

        width: 3.1rem

    }



    .job .list li .box .bd .input input {

        height: .5rem;

        line-height: .5rem;

        font-size: .22rem

    }



    .job .list li.on {

        margin-bottom: .2rem

    }



    .join-process .list:before {

        display: none

    }



    .join-process .list ul {

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .join-process .list li {

        height: 2.8rem;

        width: 2.1rem

    }



    .join-process .list li:before {

        width: 100%;

        background-image: url(../image/img180.png);

        height: 1.9rem

    }



    .join-process .list li .name {

        font-size: .2rem;

        line-height: .3rem;

        height: 1rem

    }



    .join-process .list li .num {

        top: 2rem;

        width: .4rem;

        height: .4rem;

        line-height: .4rem;

        font-size: .24rem

    }



    .network .content {

        font-size: .24rem

    }



    .network .map {

        left: -2rem

    }



    .network .map li .name {

        font-size: .24rem

    }



    .network .list {

        position: relative;

        height: 6rem

    }



    .network .list li {

        top: .3rem;

        right: auto;

        left: 0;

        width: 6rem

    }



    .network .list li .img img {

        height: 2.8rem

    }



    .network .list li .name {

        font-size: .26rem

    }



    .network .list li .msg {

        line-height: .5rem;

        font-size: .24rem;

        padding: .21rem 0

    }



    .service {

        padding-bottom: .5rem

    }



    .service .content {

        font-size: .24rem;

        width: 100%;

        padding: .25rem 0 .4rem 0

    }



    .service .img {

        position: relative;

        top: 0

    }



    .service-list div.title h2 {

        font-size: .3rem

    }



    .service-list div.title p {

        font-size: .22rem

    }



    .service-list h3.title {

        font-size: .26rem

    }



    .service-list .list li {

        width: 50%

    }



    .service-list .list li .box {

        height: 4.5rem

    }



    .service-list .list li .box .hd {

        height: 1.5rem

    }



    .service-list .list li .box .hd h5 {

        font-size: .26rem

    }



    .service-list .list li .box dl {

        padding: .2rem .2rem .2rem .4rem

    }



    .service-list .list li .box dl dd {

        font-size: .22rem;

        line-height: .4rem

    }



    .service-list .list li .box dl dd:before {

        top: .17rem

    }



    .service-list .list li.li_381 {

        width: 100%

    }



    .news li .wal {

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .news li .time {

        font-size: .24rem;

        height: 2.7rem

    }



    .news li .zoomImg {

        width: 5.5rem

    }



    .news li .zoomImg img {

        height: 2.8rem

    }



    .news li .col {

        width: 100%;

        padding: .3rem 0 0 1.12rem

    }



    .news li .col h5 {

        font-size: .26rem;

        line-height: .44rem

    }



    .news li .col p {

        font-size: .22rem;

        line-height: .34rem

    }



    .p-num a {

        height: .5rem;

        padding: 0 .2rem;

        font-size: .26rem

    }



    .p-num a .iconfont {

        font-size: .2rem

    }



    .news-show .hd .time {

        font-size: .22rem

    }



    .news-show .hd .time:before {

        font-size: .2rem

    }



    .news-show .content {

        font-size: .24rem;

        line-height: .44rem

    }



    .news-show .content .img-list li {

        width: 100%

    }



    .news-show .content .img-list li img {

        width: 100%

    }



    .p-num2 li {

        padding-bottom: .15rem;

        line-height: 1.5em

    }



    .p-num2 a {

        font-size: .26rem

    }



    .project .content {

        font-size: .24rem

    }



    .project .list ul {

        margin-left: -0.3rem

    }



    .project .list li {

        padding: 0 0 .6rem .3rem

    }



    .project .list a .tag {

        font-size: .22rem

    }



    .project .more a {

        width: 2.5rem;

        height: .7rem;

        font-size: .24rem

    }



    .project-show .list li {

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .project-show .list li .zoomImg {

        width: 100%

    }



    .project-show .list li .col {

        width: 100%;

        padding: .3rem 0 .5rem 0

    }



    .project-show .list li .col .hd h5 {

        font-size: .3rem

    }



    .project-show .list li .col .hd a.back {

        width: .5rem;

        height: .5rem;

        font-size: .24rem

    }



    .project-show .list li .col h5.title {

        padding: .25rem 0 .15rem 0;

        font-size: .26rem

    }



    .project-show .list li .col .content {

        font-size: .24rem;

        line-height: .44rem

    }



    .project-show .list li .col .content dd:before {

        top: .19rem

    }



    .project-show .small-list {

        position: relative;

        bottom: 0;

        width: 100%

    }



    .project-show .small-list dl {

        -webkit-box-pack: justify;

        -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

        justify-content: space-between

    }



    .project-show .small-list dd {

        margin: 0

    }



    .project-show .arrow {

        position: absolute;

        z-index: 5;

        bottom: 1rem;

        right: 0;

        width: 3.37rem;

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

        -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

        -ms-flex-align: end;

        align-items: flex-end;

        display: none

    }



    .project-show .arrow .p-arrow a {

        width: .6rem;

        height: .6rem;

        font-size: .2rem;

        margin: 0 0 0 .24rem

    }



    .project-show .arrow .num {

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: end;

        -webkit-align-items: flex-end;

        -ms-flex-align: end;

        align-items: flex-end;

        font-size: .2rem;

        line-height: 1em;

        color: #666;

        font-family: "DINPro-Bold"

    }



    .project-show .arrow .num b {

        color: #0f61a1;

        font-size: .44rem;

        padding-right: .06rem;

        position: relative;

        top: -0.08rem

    }



    .product ul {

        margin-left: -0.3rem

    }



    .product li {

        width: 50%;

        padding: 0 0 .4rem .3rem

    }



    .product li .box .name,.product li a .name {

        font-size: .24rem

    }



    .product .li_01 .box {

        height: 3.3rem

    }



    .product-show {

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .product-show .img-container {

        width: 100%

    }



    .product-show .img-container .small-img {

        padding: 0 .4rem

    }



    .product-show .img-container .small-img .arrow a {

        font-size: .24rem

    }



    .product-show .img-container .small-img .arrow a.prev {

        left: 0

    }



    .product-show .img-container .small-img .arrow a.next {

        right: 0

    }



    .product-show .img-container .small-img .list-wrapper li div img {

        height: 1rem

    }



    .product-show .container {

        width: 100%

    }



    .product-show .container .title p {

        font-size: .24rem

    }



    .product-show .container .content {

        font-size: .24rem;

        line-height: .44rem

    }



    .product-show .container dl.list {

        margin-right: 0

    }



    .product-show .container dl.list dd {

        font-size: .24rem;

        line-height: .46rem

    }



    .product-show .container dl.list dd:before {

        top: .2rem

    }



    .product-show .container dl.list dd b {

        font-size: .24rem

    }



    .about-1 .wal {

        padding: 0;

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .about-1 .zoomImg {

        width: 100%

    }



    .about-1 .container {

        width: 100%;

        padding-top: .35rem

    }



    .about-1 .container .title .en {

        font-size: .24rem

    }



    .about-1 .container .content {

        font-size: .24rem;

        line-height: .44rem;

        padding: 0 .4rem 0 0;

        margin-right: -0.08rem;

        height: 3.55rem

    }



    .about-2 .list {

        width: 12.8rem;

        -webkit-transform: scale(0.7);

        -ms-transform: scale(0.7);

        transform: scale(0.7);

        -webkit-transform-origin: left center;

        -ms-transform-origin: left center;

        transform-origin: left center;

        left: -0.4rem

    }



    .about-3 .list {

        padding: 0 .6rem .4rem .6rem

    }



    .about-3 .list .arrow a.prev {

        left: -0.2rem

    }



    .about-3 .list .arrow a.next {

        right: -0.2rem

    }



    .about-3 .list ul li {

        font-size: .24rem;

        line-height: .4rem;

        padding-bottom: .16rem

    }



    .about-3 .list ul li h5 {

        padding-right: .15rem;

        width: 1.3rem;

        font-size: .24rem

    }



    .about-4 .btns li {

        padding-right: .4rem;

        margin-left: .8rem

    }



    .about-4 .btns li .num {

        font-size: .22rem

    }



    .about-4 .list li {

        padding: 1rem 0 0 0

    }



    .about-4 .list li .name {

        font-size: .24rem

    }

}

@media screen and (max-width: 800px){
   .p-curr .select {
        width: 40% !important;
    }
}