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

a, .transition, :before, img {
    -webkit-transition: All .5s ease;
    transition: All .5s ease
}

* {
    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: #d4353b;
    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: 12rem;
    margin: 0 auto
}

@font-face {
    font-family: "iconfont";
    src: url("../fonts/font_1817684_anjde7infc.woff2?t=1630475103222") format("woff2"), url("../fonts/font_1817684_anjde7infc.woff?t=1630475103222") format("woff"), url("../fonts/font_1817684_anjde7infc.ttf?t=1630475103222") format("truetype")
}

.iconfont {
    font-family: "iconfont"
}

#phone {
    display: none
}

#pc .g-head {
    background: #1f1f1f;
    position: relative;
    box-shadow: 0 .03rem .07rem 0 rgba(0, 0, 0, .26);
    color: #fff;
    height: 1.3rem;
    z-index: 50
}

#pc .g-head .wal {
    height: .73rem;
    position: relative;
    z-index: 2
}

#pc .g-head div.logo {
    position: absolute;
    left: 0;
    top: 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
}

#pc .g-head div.logo a.logo {
    display: block;
    width: 2.62rem;
    background: url(../images/logo.png) center no-repeat;
    background-size: 100%;
    height: .73rem
}

#pc .g-head div.logo p {
    padding-left: .07rem;
    color: #e6e6e6;
    font-size: .14rem;
    line-height: .18rem
}

#pc .g-head .solgan {
    width: 2.39rem;
    position: absolute;
    top: .2rem;
    right: 0
}

#pc .g-head .tel {
    display: block;
    position: absolute;
    top: .88rem;
    right: -0.47rem;
    width: 2.42rem
}

#pc .g-head .g-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: #d4353b;
    height: .57rem
}

#pc .g-head .g-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 12rem;
    margin: 0 auto
}

#pc .g-head .g-nav li {
    position: relative;
    margin-right: .62rem
}

#pc .g-head .g-nav li a {
    display: block;
    color: #fff
}

#pc .g-head .g-nav li a.home, #pc .g-head .g-nav li a.name {
    line-height: .57rem;
    font-size: .18rem
}

#pc .g-head .g-nav li a.home {
    padding: 0 .2rem 0 .28rem;
    background: url(../images/img10.png) .04rem center no-repeat;
    background-size: .1rem
}

#pc .g-head .g-nav li a.name {
    padding-right: .28rem;
    background: url(../images/arrow9.png) right center no-repeat;
    background-size: .09rem
}

#pc .g-head .g-nav li .list {
    position: absolute;
    left: 0;
    top: 90%;
    width: 1.1rem;
    border-radius: .03rem;
    background: #fff;
    box-shadow: 0 .05rem .05rem 0 rgba(6, 0, 1, .09);
    padding: .06rem;
    margin-top: -0.03rem;
    opacity: 0;
    visibility: hidden
}

#pc .g-head .g-nav li .list:before {
    content: "";
    display: block;
    position: absolute;
    left: .1rem;
    top: -0.03rem;
    width: .2rem;
    height: .2rem;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#pc .g-head .g-nav li .list dd {
    border-bottom: #e5e5e5 solid 1px
}

#pc .g-head .g-nav li .list dd:last-child {
    border: 0
}

#pc .g-head .g-nav li .list dd a {
    line-height: .36rem;
    font-size: .16rem;
    color: #2a2a2a;
    padding-left: .12rem;
    position: relative
}

#pc .g-head .g-nav li .list dd a:before {
    content: "";
    display: block;
    position: absolute;
    left: .02rem;
    top: 50%;
    width: .02rem;
    height: .02rem;
    background: #d4353b;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#pc .g-head .g-nav li .list dd a:hover {
    color: #d4353b
}

#pc .g-head .g-nav li:hover .list {
    opacity: 1;
    visibility: visible;
    top: 100%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#pc .g-foot {
    background: #292929;
    color: #fff
}

#pc .g-foot .wal {
    min-height: 5.04rem;
    position: relative
}

#pc .g-foot .logo {
    min-height: 3.54rem;
    padding-top: .83rem
}

#pc .g-foot .nav {
    position: absolute;
    top: .83rem;
    right: 0
}

#pc .g-foot .nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#pc .g-foot .nav li {
    margin-left: 1.12rem;
    line-height: .4rem
}

#pc .g-foot .nav li a.name {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: .18rem;
    position: relative
}

#pc .g-foot .nav li a.name:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.14rem;
    top: 50%;
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    background: #636363;
    margin-top: -0.03rem
}

#pc .g-foot .nav li .list a {
    display: block;
    color: silver
}

#pc .g-foot .nav li .list a:hover {
    color: #fff
}

#pc .g-foot .ewm {
    position: absolute;
    top: 3.86rem;
    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
}

#pc .g-foot .ewm .img {
    width: .79rem
}

#pc .g-foot .ewm p {
    line-height: .24rem;
    margin-left: .22rem
}

#pc .g-foot .msg {
    border-top: #434343 solid 1px;
    font-size: .12rem;
    padding: .6rem 0;
    color: #646464
}


#pc .g-foot .msg a {
    color: #646464
}

#pc .g-foot .msg a:hover {
    color: #999;
}


#pc .side-bar {
    width: 3.57rem;
    position: fixed;
    z-index: 30;
    right: 0;
    bottom: .3rem;
    background: #3d3d3d;
    border-radius: .5rem 0 .5rem 0;
    color: #fff;
    padding: 0 .28rem;
    overflow: hidden
}

#pc .side-bar a.btn {
    display: block;
    width: .65rem;
    height: .65rem;
    background: #2f2f2f;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 0 0 100%
}

#pc .side-bar a.btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: .5rem;
    height: .5rem;
    background: url(../images/img23.png) center no-repeat;
    background-size: .23rem
}

#pc .side-bar img.ico {
    display: none
}

#pc .side-bar h2 {
    font-size: .3rem;
    padding: .55rem 0 .3rem .05rem;
    line-height: 1em;
    letter-spacing: .02rem
}

#pc .side-bar .form li {
    padding-bottom: .23rem
}

#pc .side-bar .form li .input {
    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;
    background: #fff;
    border-radius: .3rem;
    height: .38rem;
    padding-left: .18rem
}

#pc .side-bar .form li .input img {
    width: .2rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

#pc .side-bar .form li .input input {
    width: 100%;
    height: .38rem;
    line-height: .38rem;
    font-size: .14rem;
    color: #333;
    padding-left: .18rem
}

#pc .side-bar .form .submit {
    background: #262626;
    border-radius: .3rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#pc .side-bar .form .submit input {
    width: 100%;
    height: .38rem;
    cursor: pointer;
    font-size: .14rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#pc .side-bar .form .submit:hover {
    background: #d4353b
}

#pc .side-bar .form .submit:hover input {
    color: #fff
}

#pc .side-bar .list {
    padding: .32rem 0;
    margin-right: -0.2rem;
    margin-left: -0.2rem
}

#pc .side-bar .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#pc .side-bar .list li {
    width: 25%;
    text-align: center;
    font-size: .12rem
}

#pc .side-bar .list li .img {
    width: .66rem;
    margin: 0 auto
}

#pc .side-bar .list li .name {
    padding: .1rem 0 .06rem 0
}

#pc .side-bar.hide {
    width: 1rem;
    padding: .5rem .1rem 0 .1rem
}

#pc .side-bar.hide a.btn:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#pc .side-bar.hide img.ico {
    display: block;
    width: .45rem
}

#pc .side-bar.hide h2 {
    font-size: .2rem;
    padding: .1rem 0 .3rem 0;
    letter-spacing: 0;
    line-height: 1.5em
}

#pc .side-bar.hide .form, #pc .side-bar.hide .list {
    display: none
}

#phone .g-head {
    height: .88rem
}

#phone .g-head .head {
    position: fixed;
    z-index: 50;
    left: 0;
    top: 0;
    right: 0;
    background: #d4353b
}

#phone .g-head .wal {
    height: .88rem;
    position: relative
}

#phone .g-head a.logo {
    display: block;
    width: 2.6rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: url(../images/logo260.png) center no-repeat;
    background-size: 100%
}

#phone .g-head .solgan {
    position: absolute;
    left: 3.49rem;
    top: 50%;
    width: 2.39rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#phone .g-head .navA {
    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;
    top: 0;
    right: -0.3rem;
    bottom: 0;
    width: 1rem;
    font-family: "iconfont";
    color: #fff;
    font-size: .3rem
}

#phone .g-head .navA:after {
    content: ""
}

#phone .g-nav {
    position: fixed;
    z-index: 50;
    left: 100%;
    bottom: 0;
    right: -100%;
    top: .88rem;
    background: rgba(0, 0, 0, .77);
    overflow-y: auto;
    padding: .2rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#phone .g-nav a.name, #phone .g-nav a.home {
    display: block;
    color: #fff;
    line-height: 1rem;
    padding-left: .3rem;
    position: relative;
    font-size: .36rem;
    border-bottom: rgba(255, 255, 255, .1) solid 1px
}

#phone .g-nav a.name:before, #phone .g-nav a.home:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    border-radius: 50%;
    background: #fff;
    width: .12rem;
    height: .12rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#phone .g-nav a.name:after {
    content: "";
    display: block;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "iconfont";
    content: "";
    color: #999;
    font-size: .3rem
}

#phone .g-nav .list {
    width: 4.7rem;
    padding: .1rem 0 .1rem .3rem;
    display: none
}

#phone .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
}

#phone .g-nav .list dd {
    width: 50%
}

#phone .g-nav .list a {
    display: block;
    color: #fff;
    font-size: .32rem;
    line-height: .85rem
}

#phone .g-nav li.on a.name:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#phone .g-nav li.on .list {
    display: block
}

#phone .side-bar {
    position: fixed;
    z-index: 30;
    right: .2rem;
    bottom: 1rem;
    width: 3rem;
    height: 1rem;
    background: #3d3d3d;
    border-radius: .55rem 0 .55rem 0;
    overflow: hidden
}

#phone .side-bar a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .22rem;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

#phone .side-bar a img {
    width: .66rem;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

#phone .side-bar a h5 {
    font-size: .3rem;
    padding-left: .12rem;
    color: #fff
}

#phone .side-bar .btn {
    display: block;
    width: .65rem;
    height: .65rem;
    background: #2f2f2f;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 0 0 100%;
    z-index: 5
}

#phone .side-bar .btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: .5rem;
    height: .5rem;
    background: url(../images/img23.png) center no-repeat;
    background-size: .23rem;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

#phone .side-bar.hide {
    width: .85rem;
    height: 1.2rem;
    border-radius: .25rem 0 0 0
}

#phone .side-bar.hide a {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 1.2rem;
    padding: .1rem 0 .1rem .06rem
}

#phone .side-bar.hide a img {
    width: .37rem
}

#phone .side-bar.hide a h5 {
    width: 100%;
    font-size: .18rem;
    line-height: .22rem;
    padding: 0
}

#phone .side-bar.hide .btn {
    width: .4rem;
    height: .45rem
}

#phone .side-bar.hide .btn:before {
    background-image: url(../images/img23_2.png);
    width: .35rem;
    height: .4rem
}

#phone .g-foot {
    background: #292929;
    color: #fff;
    padding-bottom: .7rem
}

#phone .g-foot .logo {
    width: 3.76rem;
    padding: .65rem 0 .5rem 0
}

#phone .g-foot .msg {
    border-top: #3d3d3d solid 1px;
    border-top: #646464 solid 1px;
    font-size: .23rem;
    line-height: .48rem;
    padding: .46rem 0 .35rem 0;
    color: #646464
}

#phone .g-foot .msg a {
    color: #646464
}


#phone .g-foot .ewm {
    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
}

#phone .g-foot .ewm .img {
    width: 1.11rem
}

#phone .g-foot .ewm p {
    line-height: .36rem;
    padding-left: .17rem
}

body.navShow #phone .g-head .navA:after {
    content: ""
}

body.navShow #phone .g-nav {
    left: 0;
    right: 0
}

@media screen and (max-width: 800px) {
    html {
        font-size: 50px
    }

    body {
        font-size: .24rem
    }

    .wal {
        margin: 0 .6rem
    }

    #pc {
        display: none
    }

    #phone {
        display: block
    }
}

@media screen and (max-width: 550px) {
    .wal {
        margin: 0 .2rem
    }
}

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

#pc .index-flash {
    width: 100%;
    overflow: hidden;
    position: relative
}

#pc .index-flash li a {
    display: block;
    background: center no-repeat;
    background-size: cover;
    height: 8.24rem
}

#pc .index-flash .dots {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: .97rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -6rem
}

#pc .index-flash .dots span {
    border-radius: 50%;
    margin-right: .11rem;
    width: .15rem;
    height: .15rem;
    background: #131313
}

#pc .index-flash .dots span.swiper-pagination-bullet-active {
    background: #d4353b
}

#pc .index-about {
    padding: .87rem 0
}

#pc .index-about .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #f4f4f4;
    border-radius: .2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: .45rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#pc .index-about .img-list {
    width: 5.77rem;
    overflow: hidden;
    position: relative;
    border-radius: .2rem 0 0 .2rem
}

#pc .index-about .img-list:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    background: url(../images/img156.png) center no-repeat;
    background-size: 100% 100%;
    width: 1.56rem;
    height: .47rem
}

#pc .index-about .img-list .arrow {
    position: absolute;
    z-index: 5;
    right: .25rem;
    bottom: .13rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#pc .index-about .img-list .arrow a {
    border-radius: 50%;
    display: block;
    width: .25rem;
    height: .25rem;
    margin-left: .04rem;
    background: #333 center no-repeat;
    background-size: .1rem
}

#pc .index-about .img-list .arrow a:hover {
    background-color: #d4353b
}

#pc .index-about .img-list .arrow a.prev {
    background-image: url(../images/prev10.png)
}

#pc .index-about .img-list .arrow a.next {
    background-image: url(../images/next10.png)
}

#pc .index-about .col {
    width: 5.33rem
}

#pc .index-about .col .title {
    padding: 0 0 .2rem .05rem;
    background: url(../images/img517.png) left bottom no-repeat;
    background-size: auto .08rem
}

#pc .index-about .col .title h2 {
    font-size: .36rem;
    font-weight: 400;
    line-height: 1em;
    color: #000
}

#pc .index-about .col .content {
    font-size: .16rem;
    line-height: .36rem;
    text-align: justify;
    min-height: 2.64rem;
    padding: .3rem 0
}

#pc .index-about .col .more a {
    display: block;
    background: #333;
    color: #fff;
    border-radius: .03rem;
    width: .7rem;
    line-height: .28rem;
    text-align: center
}

#pc .index-about .col .more a:hover {
    background: #d4353b
}

#pc .index-curriculum {
    background: url(../images/index-curriculum.jpg) center no-repeat;
    min-height: 7.89rem;
    background-size: cover;
    padding: .95rem 0 .82rem 0
}

#pc .index-curriculum .title {
    text-align: center;
    color: #fff;
    background: url(../images/img83.png) center no-repeat;
    background-size: auto 100%;
    line-height: .83rem;
    font-size: .36rem
}

#pc .index-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

#pc .index-title:before {
    content: "";
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: .19rem;
    height: .48rem;
    background: url(../images/img19.png) center no-repeat;
    background-size: 100%;
    margin-right: .12rem
}

#pc .index-title h2 {
    font-size: .48rem;
    line-height: .48rem
}

#pc .index-system {
    background: #f9f9f9
}

#pc .index-system .wal {
    min-height: 7.25rem;
    position: relative;
    z-index: 5;
    padding: 1.4rem 0 0 .23rem
}

#pc .index-system .container {
    width: 4.62rem;
    position: relative;
    padding-top: 2.9rem;
    background: url(../images/img166.png) left top no-repeat;
    background-size: 1.66rem
}

#pc .index-system .container .index-title {
    position: absolute;
    left: 1.82rem;
    top: .26rem
}

#pc .index-system .container .msg {
    border-bottom: #e5e5e5 solid .02rem;
    font-size: .24rem;
    line-height: .4rem;
    padding-bottom: .3rem;
    color: #000
}

#pc .index-system .container .content {
    line-height: .3rem;
    text-align: justify;
    min-height: 1.63rem;
    padding: .3rem 0
}

#pc .index-system .container .more {
    padding-left: .13rem
}

#pc .index-system .container .more a {
    display: block;
    width: .63rem;
    line-height: .32rem;
    text-align: center;
    background: #ebecec;
    border-radius: .3rem;
    text-transform: uppercase;
    font-size: .1rem;
    font-weight: bold
}

#pc .index-system .container .more a:hover {
    background: #d4353b;
    color: #fff
}

#pc .index-system .list {
    position: absolute;
    top: 1.05rem;
    right: 0;
    width: 6.23rem
}

#pc .index-system .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
}

#pc .index-system .list li {
    width: 3rem;
    padding-bottom: .29rem
}

#pc .index-system .list li:nth-child(1) {
    width: 100%
}

#pc .index-feature {
    background: #e6e6e6;
    position: relative
}

#pc .index-feature:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 50%;
    background: #f9f9f9
}

#pc .index-feature:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 11.29rem;
    background: url(../images/index-system.png) center no-repeat;
    background-size: auto 100%
}

#pc .index-feature .wal {
    min-height: 10.82rem;
    position: relative;
    z-index: 2
}

#pc .index-feature .title {
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding: 1.94rem 0 .7rem 0
}

#pc .index-feature .title .en {
    width: 6.01rem;
    padding-top: .22rem
}

#pc .index-feature .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
}

#pc .index-feature .list li {
    width: 2.73rem;
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF, #FFFFFF, #E0E0E0, #FFFFFF, #FFFFFF);
    background: linear-gradient(180deg, #FFFFFF, #FFFFFF, #FFFFFF, #E0E0E0, #FFFFFF, #FFFFFF);
    box-shadow: 0 .03rem .24rem 0 rgba(0, 0, 0, .29);
    border-radius: .3rem .3rem .15rem .15rem;
    height: 5.7rem;
    padding: 0 .36rem;
    position: relative
}

#pc .index-feature .list li .img {
    margin-right: -0.36rem;
    margin-left: -0.36rem
}

#pc .index-feature .list li .img img {
    border-radius: .15rem .15rem 0 0
}

#pc .index-feature .list li .ico {
    width: 1.83rem;
    left: .36rem;
    top: 1.4rem;
    position: absolute
}

#pc .index-feature .list li h5 {
    border-bottom: #bdbdbd solid 1px;
    font-size: .18rem;
    line-height: .3rem;
    padding: .6rem 0 .25rem 0
}

#pc .index-feature .list li .content {
    line-height: .3rem;
    color: #313131;
    text-align: justify;
    padding-top: .2rem
}

#pc .index-support {
    background: url(../images/bg10.jpg) center top repeat-x;
    background-size: .1rem;
    padding-top: 1.5rem
}

#pc .index-support .title {
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#pc .index-support .title h2 {
    font-size: .4rem;
    line-height: .55rem;
    text-align: center;
    padding-bottom: .2rem
}

#pc .index-support .title:after {
    content: "";
    display: block;
    width: .19rem;
    height: .19rem;
    background: url(../images/img19.png) center no-repeat;
    background-size: 100%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#pc .index-support .big-img {
    width: 12.11rem;
    position: relative;
    left: -0.05rem;
    padding-bottom: 1.1rem
}

#pc .index-support .list {
    padding: .7rem 0 .8rem 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
}

#pc .index-support .list ul {
    width: 4.57rem;
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#pc .index-support .list li {
    background: #f4f4f4;
    border-radius: .06rem;
    padding: .15rem .33rem .2rem .33rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: relative;
    width: 100%;
    overflow: hidden
}

#pc .index-support .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    width: .2rem;
    height: .2rem;
    background: #fff;
    margin-top: -0.1rem;
    margin-left: .1rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#pc .index-support .list li .name {
    font-size: .24rem;
    line-height: .44rem;
    position: relative
}

#pc .index-support .list li .name:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.17rem;
    top: 0;
    bottom: 0;
    width: .11rem;
    background: url(../images/img11.png) center no-repeat;
    background-size: 100%
}

#pc .index-support .list li p {
    line-height: 1.6em;
    color: #666;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

#pc .index-support .list li.on {
    background: #d4353b;
    color: #fff
}

#pc .index-support .list li.on:before {
    margin-left: -0.05rem
}

#pc .index-support .list li.on p {
    color: #fff
}

#pc .index-support .list .img {
    width: 7.35rem
}

#pc .index-partner {
    background: url(../images/index-partner.jpg) center top no-repeat;
    background-size: auto 5.38rem
}

#pc .index-partner .wal {
    min-height: 8.2rem;
    position: relative
}

#pc .index-partner .index-title {
    color: #fff;
    padding: 1.88rem 0 .77rem 3.09rem
}

#pc .index-partner .container {
    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-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    top: 1.30rem;
    right: 2.37rem
}


#pc .index-partner .container h2 {
    font-size: .36rem;
    line-height: 1em
}

#pc .index-partner .container .img {
    width: 1.07rem;
    padding: .36rem 0 .4rem 0
}


#pc .index-partner .container .more a {
    display: block;
    font-weight: bold;
    padding: 0 0 .07rem 0;
    border-bottom: #231815 solid .02rem;
    width: .48rem;
    text-align: center;
    line-height: 1em
}

#pc .index-partner .list {
    background: #f6f6f6;
    border-radius: .1rem;
    min-height: 4.45rem;
    padding: .38rem .41rem
}

#pc .index-partner .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.35rem;
    margin-bottom: -0.36rem
}

#pc .index-partner .list li {
    padding: 0 0 .36rem .35rem;
    width: 25%
}

#pc .index-partner .list a {
    display: block;
    background: #fff;
    position: relative;
    width: 100%;
    overflow: hidden
}

#pc .index-partner .list a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: #e5e5e5 solid 1px;
    border-radius: .03rem;
    z-index: 2
}

#pc .index-partner .list a img {
    border-radius: .03rem
}

#pc .index-partner .list a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#pc .index-news {
    padding: .64rem 0
}

#pc .index-news .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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
}

#pc .index-news .title {
    background: url(../images/img255.png) center no-repeat;
    background-size: 2.55rem;
    text-align: center;
    width: 100%
}

#pc .index-news .title h2 {
    font-size: .4rem;
    line-height: 1em
}

#pc .index-news .more {
    padding: .25rem 0 .3rem 0;
    width: 100%
}

#pc .index-news .more a {
    display: block;
    margin: 0 auto;
    width: .7rem;
    line-height: .26rem;
    border: #a0a0a0 solid 1px;
    border-radius: .03rem;
    text-align: center
}

#pc .index-news .more a:hover {
    background: #d4353b;
    border-color: #d4353b;
    color: #fff
}

#pc .index-news .img-list {
    width: 51.25%;
    overflow: hidden;
    position: relative
}

#pc .index-news .img-list li a {
    display: block;
    position: relative
}


#pc .index-news .img-list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#pc .index-news .img-list li a .name {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: .63rem;
    background: rgba(0, 0, 0, .42);
    padding-left: .6rem;
    font-size: .18rem;
    color: #fff
}


#pc .index-news .img-list .dots {
    position: absolute;
    z-index: 5;
    right: .37rem;
    bottom: .26rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#pc .index-news .img-list .dots span {
    border-radius: 50%;
    margin-left: .1rem;
    width: .12rem;
    height: .12rem;
    background: #ffa3a3
}

#pc .index-news .img-list .dots span.swiper-pagination-bullet-active {
    background: #fff
}

#pc .index-news .list {
    width: 48.75%;
    background: #f6f6f6;
    overflow: hidden;
    position: relative
}

#pc .index-news .list .title2 {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    width: .74rem;
    height: .74rem;
    background: #262626;
    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;
    color: #fff;
    font-size: .22rem;
    line-height: 1em
}

#pc .index-news .list .arrow {
    position: absolute;
    z-index: 5;
    top: .16rem;
    right: .25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#pc .index-news .list .arrow a {
    font-family: "iconfont";
    font-size: .18rem;
    margin-left: .1rem
}

#pc .index-news .list .arrow a:hover {
    color: #d4353b
}

#pc .index-news .list .arrow a.next {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#pc .index-news .list li {
    padding: .35rem .45rem 0 1.04rem
}

#pc .index-news .list li h5 a {
    display: block;
    color: #d4353b;
    font-size: .24rem;
    line-height: .36rem;
    max-width: 3.65rem
}

#pc .index-news .list li .time {
    color: #999;
    font-size: .18rem;
    font-weight: 600;
    padding: .2rem 0 .5rem 0
}

#pc .index-news .list li .content {
    padding-bottom: .2rem;
    line-height: .3rem;
    text-align: justify
}

#pc .index-news .list li .btn a {
    display: block;
    width: .7rem;
    line-height: .28rem;
    text-align: center;
    border: #eee solid 1px;
    background: #fff;
    border-radius: .05rem
}

#pc .index-news .list li .btn a:hover {
    background: #d4353b;
    border-color: #d4353b;
    color: #fff
}

#pc .index-news .list2 {
    margin-top: .39rem;
    background: #f6f6f6;
    width: 5.92rem;
    height: 3.79rem;
    overflow: hidden;
    position: relative
}

#pc .index-news .list2 li {
    position: relative;
    padding: .69rem .8rem 0 .74rem
}

#pc .index-news .list2 li .tag {
    border-radius: .04rem;
    width: .75rem;
    line-height: .26rem;
    background: #262626;
    color: #fff;
    text-align: center
}

#pc .index-news .list2 li .time {
    position: absolute;
    top: .78rem;
    right: .8rem;
    text-align: right;
    color: #999
}

#pc .index-news .list2 li .time b {
    font-size: .72rem;
    color: #666;
    display: block;
    margin-right: -0.04rem
}

#pc .index-news .list2 li h5 a {
    display: block;
    font-weight: 400;
    font-size: .24rem;
    line-height: .36rem;
    max-width: 2.75rem;
    padding: .2rem 0 .35rem 0
}

#pc .index-news .list2 li .content {
    min-height: .9rem;
    line-height: 1.6em;
    text-align: justify
}

#pc .index-news .list2 li .btn 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;
    width: .33rem;
    height: .33rem;
    background: #b9b9b9;
    color: #fff;
    border-radius: 50%;
    font-family: "iconfont"
}

#pc .index-news .list2 li .btn a:hover {
    background: #d4353b
}

#pc .index-news .list2 .arrow {
    position: absolute;
    z-index: 5;
    bottom: .5rem;
    right: .25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#pc .index-news .list2 .arrow a {
    font-family: "iconfont";
    font-size: .18rem;
    margin-left: .1rem
}

#pc .index-news .list2 .arrow a:hover {
    color: #d4353b
}

#pc .index-news .list2 .arrow a.next {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#pc .page-banner {
    background: center no-repeat;
    background-size: cover;
    height: 4.85rem;
    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-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;
    color: #fff
}

#pc .page-banner div.title {
    text-align: center;
    font-size: .18rem;
    padding-top: .5rem
}

#pc .page-banner div.title h2 {
    font-size: .55rem;
    font-weight: 400;
    line-height: 1em;
    padding-bottom: .2rem
}

#pc .page-banner div.title .img {
    padding-top: .2rem
}

#pc .page-banner div.title-2 {
    padding-top: 2.5rem;
    color: #333
}

#pc .page-banner div.title-2 h2 {
    color: #d4353b
}

#pc .page-nav {
    background: #f4f4f4;
    position: relative
}

#pc .page-nav:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #fff;
    border-bottom: #ebebeb solid 1px
}

#pc .page-nav .wal {
    position: relative;
    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
}

#pc .page-nav .nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#pc .page-nav .nav a {
    display: block;
    height: .45rem;
    line-height: .42rem;
    position: relative;
    padding: 0 .26rem
}

#pc .page-nav .nav a.on {
    color: #d4353b
}

#pc .page-nav .nav a.on:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/img9.png) center no-repeat;
    background-size: auto 100%;
    height: .06rem
}

#pc .page-nav .curr {
    color: #666
}

#pc .page-nav .curr a {
    color: #666
}

#pc .page-nav .curr a:hover {
    color: #d4353b
}

#pc .page-nav .curr em {
    color: #d4353b
}

#pc .p-title {
    text-align: center;
    position: relative;
    height: 2.3rem
}

#pc .p-title:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 1.18rem;
    right: 0;
    background: url(../images/p-title.png) center no-repeat;
    background-size: auto 100%;
    height: .78rem
}

#pc .p-title .en {
    position: absolute;
    left: 0;
    top: .98rem;
    right: 0;
    font-size: .36rem;
    line-height: .3rem;
    color: #f8f8f8
}

#pc .p-title h2 {
    font-size: .36rem;
    font-weight: 400;
    color: #000;
    line-height: 1em;
    padding-top: .65rem
}

#pc .p-title2 {
    text-align: center;
    position: relative;
    padding: .7rem 0
}

#pc .p-title2 .en {
    position: absolute;
    left: 50%;
    top: .98rem;
    font-size: .36rem;
    line-height: .3rem;
    color: #f8f8f8;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#pc .p-title2 h2 {
    font-size: .36rem;
    font-weight: 400;
    color: #000;
    line-height: 1em;
    padding-bottom: .22rem;
    background: url(../images/img147.png) center bottom no-repeat;
    background-size: 1.47rem;
    position: relative
}

#pc .p-num {
    padding: .8rem 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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#pc .p-num a {
    color: #666;
    padding: 0 .07rem
}

#pc .p-num a:hover {
    color: #d4353b
}

#pc .p-num .num {
    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: 0 .1rem
}

#pc .p-num .num a {
    border-radius: 50%;
    padding: 0;
    margin: 0 .04rem;
    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: .41rem;
    height: .41rem;
    border: #dcdcdc solid .02rem;
    font-size: .16rem;
    color: silver
}

#pc .p-num .num a:hover, #pc .p-num .num a.on {
    color: #d4353b;
    border-color: #d4353b
}

#pc .p-num .num em {
    font-size: .2rem;
    padding: 0 .1rem;
    color: silver
}

#pc .p-num2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.2rem
}

#pc .p-num2 li {
    width: 48%;
    background: #000;
    color: #fff;
    text-indent: 10px;
}

#pc .p-num2 li {
    width: 48%;
    background: #000;
    color: #fff;
    text-indent: 10px;
    border-radius: 10px;
}

#pc .p-num2 li:nth-child(2) {
    margin-left: 2%;
}

#pc .p-num2 li:hover {
    background: #d4353b
}

#pc .p-num2 a {
    display: inline-block;
    line-height: .53rem;
    border-radius: .06rem;
    color: #fff;
}

#pc .news-head 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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #363636;
    color: #fff;
    padding: .3rem .8rem .3rem .26rem
}

#pc .news-head a .img {
    width: 5.74rem;
    border-radius: .06rem;
    overflow: hidden;
    position: relative
}

#pc .news-head a .col {
    width: 4.7rem
}

#pc .news-head a .col .tag {
    width: .91rem;
    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;
    height: .51rem;
    background: #272727;
    border: 2px solid #2f2f2f;
    font-size: .24rem;
    color: #d4353b
}

#pc .news-head a .col .tag:before {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: 50%;
    height: .12rem;
    background: #d4353b;
    margin-top: -0.06rem;
    width: 2px
}

#pc .news-head a .col .name {
    font-size: .24rem;
    line-height: .3rem;
    padding: .3rem 0 .25rem 0
}

#pc .news-head a .col .content {
    min-height: 1.52rem;
    padding-bottom: .25rem;
    border-bottom: #636363 solid 1px;
    color: #969696;
    line-height: .3rem;
    text-align: justify
}

#pc .news-head a .col dl.info {
    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-top: .45rem
}

#pc .news-head a .col dl.info dd {
    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
}

#pc .news-head a .col dl.info dd img {
    width: .24rem;
    margin-right: .12rem
}

#pc .news-head a .col dl.info dd span, #pc .news-head a .col dl.info dd b {
    color: #d4353b
}

#pc .news-head a:hover .img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#pc .news li {
    padding-top: .2rem
}

#pc .news 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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f7f7f7;
    padding: .3rem .63rem .3rem .26rem
}

#pc .news a .img {
    width: 2.88rem;
    border-radius: .06rem;
    overflow: hidden;
    position: relative
}

#pc .news a .col {
    width: 7.66rem
}

#pc .news a .col .name {
    font-size: .24rem;
    line-height: .3rem
}

#pc .news a .col .content {
    min-height: 1.22rem;
    padding: .15rem 0;
    border-bottom: #cecece dashed 1px;
    color: #969696;
    line-height: .3rem;
    text-align: justify
}

#pc .news a .col dl.info {
    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: .22rem
}

#pc .news a .col dl.info dd {
    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: #999;
    padding-right: .23rem
}

#pc .news a .col dl.info dd img {
    width: .24rem;
    margin-right: .12rem
}

#pc .news a .col dl.info dd span, #pc .news a .col dl.info dd b {
    color: #d4353b
}

#pc .news a:hover .img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#pc .page-row {
    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;
    padding-bottom: .6rem
}

#pc .news-show {
    width: 8.4rem
}

#pc .news-show .title {
    text-align: center;
    font-size: .36rem;
    color: #000;
    border-bottom: #c9c9c9 solid 1px;
    padding: .4rem 0 .26rem 0
}

#pc .news-show dl.info {
    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;
    padding: .26rem 0 .6rem 0
}

#pc .news-show dl.info dd {
    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: #919191;
    padding: 0 .16rem
}

#pc .news-show dl.info dd img {
    width: .24rem;
    margin-right: .12rem
}

#pc .news-show .content {
    line-height: .3rem;
    text-align: justify;
    padding-bottom: .6rem
}

#pc .news-show .content p {
    padding-bottom: .3rem
}

#pc .news-show .content .img {
    text-align: center;
    padding-bottom: .3rem
}

#pc .news-side {
    width: 3.2rem
}

#pc .news-side .title {
    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: .45rem 0 .3rem .3rem;
    color: #d4353b
}

#pc .news-side .title:before {
    content: "";
    font-family: "iconfont";
    font-size: .22rem;
    margin-right: .1rem;
    font-weight: bold
}

#pc .news-side .title h2 {
    font-size: .3rem;
    line-height: 1em
}

#pc .news-side .list {
    background: #f7f7f7;
    padding: .04rem .3rem
}

#pc .news-side .list li {
    border-bottom: #d2d2d2 dashed 1px
}

#pc .news-side .list li:last-child {
    border: 0
}

#pc .news-side .list a {
    display: block;
    padding: .26rem 0
}

#pc .news-side .list a .img {
    border-radius: .06rem;
    padding: .09rem;
    background: #fff
}

#pc .news-side .list a .name {
    font-size: .16rem;
    line-height: .3rem;
    padding: .15rem 0 .08rem 0;
    font-weight: 600
}

#pc .news-side .list a .content {
    line-height: .3rem
}

#pc .news-side .list a dl.info dd {
    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: .11rem;
    color: #919191
}

#pc .news-side .list a dl.info dd img {
    width: .24rem;
    margin-right: .12rem
}

#pc .photos {
    width: 100%;
    overflow: hidden;
    position: relative
}

#pc .photos .list {
    width: 25.2rem;
    position: relative;
    left: 50%;
    margin-left: -12.6rem
}

#pc .photos .list li {
    padding: 0 .2rem
}

#pc .photos .list li .name {
    font-size: .3rem;
    padding-bottom: .5rem;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#pc .photos .list li .img {
    position: relative;
    border-radius: .06rem;
    background: #000
}

#pc .photos .list li .img img {
    border-radius: .06rem;
    opacity: .3
}

#pc .photos .list li.swiper-slide-active .name {
    opacity: 1
}

#pc .photos .list li.swiper-slide-active .img img {
    opacity: 1
}

#pc .photos .arrow {
    padding: .95rem 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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#pc .photos .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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: #d4353b solid .02rem;
    width: .76rem;
    height: .27rem;
    border-radius: .3rem
}

#pc .photos .arrow a:hover {
    background: #d4353b;
    color: #fff
}

#pc .photos .arrow .dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .1rem
}

#pc .photos .arrow .dots span {
    border-radius: 50%;
    margin: 0 .08rem;
    width: .12rem;
    height: .12rem;
    background: #a0a0a0
}

#pc .photos .arrow .dots span.swiper-pagination-bullet-active {
    background: #d4353b
}

#pc .custom {
    padding-bottom: 0.5rem
}


#pc .custom .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


#pc .custom .img {
    width: 6rem
}

#phone .custom .content img {
    width: 100% !important;
    height: auto !important;
}


#pc .custom .col {
    width: 4.9rem;
    background: url(../images/img166_1.png) left .25rem no-repeat;
    background-size: 1.66rem;
    padding: .95rem 0 0 .29rem
}


#pc .custom .col .content {
    font-size: .14rem;
    line-height: .3rem;
    text-align: justify;
    color: #000;
    min-height: 2.27rem;
    padding-bottom: .3rem
}


#pc .custom .col .tel {
    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: #d4353b;
    font-size: .3rem
}

#pc .custom .col .tel img {
    width: .28rem;
    margin-right: .12rem
}

#pc .about-1 {
    padding-bottom: .7rem
}

#pc .about-1 .img-list {
    width: 100%;
    overflow: hidden;
    position: relative
}

#pc .about-1 .img-list .arrow a {
    border-radius: 50%;
    width: .38rem;
    height: .38rem;
    background: #333 center no-repeat;
    background-size: .18rem;
    display: block;
    position: absolute;
    z-index: 5;
    top: 50%;
    margin-top: -0.19rem
}

#pc .about-1 .img-list .arrow a:hover {
    background-color: #d4353b
}

#pc .about-1 .img-list .arrow a.prev {
    background-image: url(../images/prev21.png);
    left: .5rem
}

#pc .about-1 .img-list .arrow a.next {
    background-image: url(../images/next21.png);
    right: .5rem
}

#pc .about-1 .content {
    line-height: .36rem;
    text-align: justify;
    padding-top: .5rem
}

#pc .about-2 {
    background: url(../images/about-2.jpg) center no-repeat;
    min-height: 9.12rem
}

#pc .about-2 .p-title2 {
    padding: .98rem 0 .63rem 0
}

#pc .about-2 .title {
    text-align: center;
    font-weight: bold;
    font-size: .3rem
}

#pc .about-2 .title b {
    color: #d4353b
}

#pc .about-2 .msg {
    text-align: center;
    padding: .3rem 0 .65rem 0
}

#pc .about-2 .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.22rem
}

#pc .about-2 .list li {
    width: 25%;
    padding: 0 0 .27rem .22rem;
    position: relative
}

#pc .about-2 .list li .layer {
    position: absolute;
    left: .22rem;
    top: 0;
    right: 0;
    bottom: .27rem;
    color: #fff;
    padding: .5rem 0 0 .36rem
}

#pc .about-2 .list li .layer h5 {
    font-size: .14rem;
    font-weight: 400;
    position: relative;
    line-height: 1.5em
}

#pc .about-2 .list li .layer h5:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.16rem;
    top: 0;
    font-family: "iconfont";
    content: ""
}

#pc .about-2 .list li .layer p {
    font-size: .3rem;
    line-height: .36rem;
    padding-top: .15rem
}

#pc .about-3 {
    background: url(../images/about-3.jpg) center no-repeat;
    background-size: cover;
    min-height: 7.13rem
}

#pc .about-3 .p-title2 {
    padding-bottom: .2rem
}

#pc .about-3 .p-title2 .en {
    color: #e8e8e8
}

#pc .about-3 .img {
    width: 8.9rem;
    margin: 0 auto;
    position: relative;
    top: -0.4rem
}

#pc .about-3 .content {
    line-height: .36rem;
    text-align: justify
}

#pc .about-4 {
    background: #000 center top no-repeat;
    background-size: 19.2rem;
    min-height: 1rem;
    color: #fff
}

#pc .about-4 .container {
    min-height: 6.56rem;
    padding: 1rem 0 .4rem .7rem
}

#pc .about-4 .container .p-title2 {
    width: 1.45rem
}

#pc .about-4 .container .p-title2 .en {
    color: #1f1b1c;
    white-space: nowrap
}

#pc .about-4 .container .p-title2 h2 {
    color: #d4353b
}

#pc .about-4 .container .name {
    font-size: .3rem;
    line-height: .48rem;
    position: relative;
    padding-bottom: .8rem
}

#pc .about-4 .container .name:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: .4rem;
    width: 1rem;
    height: .02rem;
    background: #fff
}

#pc .about-4 .container .msg {
    font-size: .16rem;
    line-height: .36rem
}

#pc .about-4 .content {
    background: rgba(211, 49, 55, .5);
    padding: .55rem .6rem;
    font-size: .16rem;
    line-height: .36rem;
    border-radius: .1rem .1rem 0 0
}

#pc .contact {
    background: url(../images/contact.jpg) center bottom no-repeat;
    background-size: auto 10.23rem;
    min-height: 10rem;
    padding-bottom: 1rem
}

#pc .contact .msg {
    text-align: center;
    font-size: .28rem;
    color: #d4353b;
    font-weight: 600;
    margin-top: -0.24rem;
    padding-bottom: 1.26rem;
    position: relative
}

#pc .contact .msg:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1.26rem;
    background: url(../images/img4.png) center no-repeat;
    background-size: .04rem
}

#pc .contact .wal {
    background: url(../images/img1200_2.png) center no-repeat;
    background-size: 100% 100%;
    height: 6.01rem;
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

#pc .contact .wal .form {
    width: 6.5rem;
    padding-left: .8rem
}

#pc .contact .wal .form 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;
    padding-bottom: .26rem;
    font-size: .24rem
}

#pc .contact .wal .form li .name {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 5.2em
}

#pc .contact .wal .form li .name em {
    color: #d4353b
}

#pc .contact .wal .form li .input {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    background: #fff;
    border-radius: .06rem;
    height: .53rem
}

#pc .contact .wal .form li .input input {
    width: 100%;
    height: .53rem;
    line-height: .53rem;
    padding: 0 .2rem;
    font-size: .24rem;
    color: #000
}

#pc .contact .wal .form li .unit {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    width: 2.5em
}

#pc .contact .wal .form li .row {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    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
}

#pc .contact .wal .form li .select {
    width: 1.4rem;
    background: #fff;
    border-radius: .06rem;
    height: .53rem;
    position: relative;
    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;
    font-size: .24rem;
    padding: 0 .15rem;
    color: #000
}

#pc .contact .wal .form li .select:after {
    content: "";
    font-family: "iconfont";
    color: #666;
    font-size: .18rem
}

#pc .contact .wal .form li .select select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

#pc .contact .wal .form .submit {
    width: 4.45rem;
    margin-left: auto;
    background: #d4353b;
    border-radius: .06rem
}

#pc .contact .wal .form .submit input {
    width: 100%;
    height: .53rem;
    font-size: .24rem;
    color: #fff;
    cursor: pointer
}

#pc .contact .wal .side {
    width: 3.9rem
}

#pc .contact .wal .side li {
    padding: .3rem 0
}

#pc .contact .wal .side li .ico {
    width: .93rem;
    padding-bottom: .15rem
}

#pc .contact .wal .side li h3 {
    font-size: .18rem;
    line-height: .36rem
}

#pc .contact .wal .side li h5 {
    font-size: .24rem
}

#pc .advantage {
    background: url(../images/advantage.jpg) center bottom no-repeat;
    background-size: 100%;
    min-height: 12rem;
    padding: 0 0 1.2rem 0
}

#pc .advantage .list {
    background: url(../images/img1189.png) center no-repeat;
    background-size: 100%;
    width: 11.89rem;
    height: 10.64rem;
    color: #fff
}

#pc .advantage .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#pc .advantage .list li {
    width: 50%;
    padding: 1.3rem 0 0 1.2rem;
    height: 3.35rem
}

#pc .advantage .list li h2 {
    font-size: .3rem;
    position: relative;
    line-height: .56rem
}

#pc .advantage .list li h2:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.22rem;
    top: 50%;
    background: #fff;
    border-radius: 50%;
    width: .09rem;
    height: .09rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#pc .advantage .list li p {
    line-height: .3rem
}

#pc .process {
    background: url(../images/process.jpg) center bottom no-repeat;
    background-size: 100%;
    min-height: 9.23rem
}

#pc .process .img {
    text-align: center
}

#pc .support {
    background: url(../images/advantage.jpg) center bottom no-repeat;
    background-size: 100%;
    min-height: 12rem;
    padding: 0 0 1.2rem 0
}

#pc .support .p-title2 {
    padding-bottom: .38rem
}

#pc .support .msg {
    text-align: center;
    position: relative;
    padding-bottom: 1.5rem
}

#pc .support .msg:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1.5rem;
    background: url(../images/img4.png) center no-repeat;
    background-size: .04rem
}

#pc .support .list {
    width: 11.76rem;
    margin: 0 auto
}

#pc .support .list li {
    position: relative;
    padding: 0 0 .08rem 0
}

#pc .support .list li dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: .82rem;
    left: 2.52rem;
    top: .8rem
}

#pc .support .list li dd {
    width: 25%;
    text-align: center
}

#pc .support .list li dd .name {
    font-size: .18rem;
    line-height: .24rem;
    padding-top: .26rem;
    color: #fff;
    margin-left: -0.4rem;
    margin-right: -0.4rem
}

#pc .support .list li:nth-child(1) dl {
    top: .9rem
}

#pc .support .list li:nth-child(1) dl dd {
    width: 33.333%;
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

#pc .support .list li:nth-child(1) dl dd:nth-child(2) {
    top: -0.1rem
}

#pc .support .list li:nth-child(1) dl dd:nth-child(2) .name {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    padding: 0 0 .26rem 0
}

#pc .support .list li:nth-child(1) dl dd:nth-child(3) {
    top: .5rem
}

#pc .support .list li:nth-child(3) dl {
    top: .9rem
}

#pc .competition-1 {
    text-align: center
}

#pc .competition-1 .msg {
    padding-bottom: .45rem;
    margin-top: -0.3rem
}

#pc .competition-1 .title {
    text-align: center;
    color: #d4353b;
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: .2rem
}

#pc .competition-1 .title h2 {
    font-size: .3rem
}

#pc .competition-1 .title:after {
    width: 100%;
    height: .6rem;
    background: url(../images/img4.png) center no-repeat;
    background-size: .04rem;
    display: block;
    content: ""
}

#pc .competition-1 .list {
    padding: 0 0 .7rem .41rem
}

#pc .competition-1 .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
}

#pc .competition-1 .list li {
    width: 3.35rem;
    position: relative
}

#pc .competition-1 .list li .img {
    position: relative
}

#pc .competition-1 .list li .img:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, .8)
}

#pc .competition-1 .list li .num {
    width: 1rem;
    position: absolute;
    left: -0.41rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#pc .competition-1 .list li h5 {
    position: absolute;
    left: 0;
    top: 0;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .24rem;
    line-height: .36rem
}

#pc .competition-1 .list li:hover .img:before {
    background-color: rgba(212, 53, 59, .6)
}

#pc .competition-2 {
    background: #f1f1f1;
    padding: .68rem 0
}

#pc .competition-2 .title {
    text-align: center;
    color: #d4353b;
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: .2rem
}

#pc .competition-2 .title h2 {
    font-size: .3rem
}

#pc .competition-2 .title:after {
    width: 100%;
    height: .6rem;
    background: url(../images/img4.png) center no-repeat;
    background-size: .04rem;
    display: block;
    content: ""
}

#pc .competition-2 .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
}

#pc .competition-2 .list li {
    width: 5.79rem
}

#pc .competition-2 .list li h5 {
    line-height: .73rem;
    font-size: .24rem;
    padding-left: .7rem;
    background: url(../images/img21.png) .34rem center no-repeat;
    background-size: .21rem
}

#pc .competition-3 {
    background: #202020 url(../images/competition-3.jpg) center bottom no-repeat;
    background-size: 100%;
    min-height: 11.88rem;
    padding-bottom: .85rem
}

#pc .competition-3 .p-title2 {
    padding-bottom: .1rem
}

#pc .competition-3 .p-title2 h2 {
    color: #fff;
    background-image: url(../images/img147_2.png)
}

#pc .competition-3 .title {
    line-height: 1.1rem;
    font-size: .3rem;
    padding-left: .51rem;
    background: url(../images/img29.png) .1rem center no-repeat;
    background-size: .29rem;
    color: #fff
}

#pc .competition-3 table {
    background: #fff;
    border-left: #333 solid 1px;
    border-top: #333 solid 1px
}

#pc .competition-3 table th {
    font-weight: 400;
    color: #d4353b;
    background: #e7e7e7;
    border-right: #333 solid 1px;
    border-bottom: #333 solid 1px
}

#pc .competition-3 table td {
    height: .42rem;
    text-align: center;
    border-right: #333 solid 1px;
    border-bottom: #333 solid 1px
}

#pc .competition-3 table tr:nth-child(1) td {
    background: #eee;
    text-align: left;
    padding-left: .18rem
}

#pc .competition-3 table tr:last-child td {
    text-align: left;
    padding-left: .18rem
}

#pc .competition-3 table tr:last-child td em {
    color: #d4353b
}

#pc .competition-3 table tr:nth-child(2) th {
    background: #fff
}

#pc .cooperation-1 {
    text-align: center;
    background: url(../images/cooperation.jpg) center bottom no-repeat;
    background-size: 100%;
    min-height: 6rem;
    padding: 0 0 1rem 0
}

#pc .cooperation-1 .msg {
    padding-bottom: .45rem;
    margin-top: -0.3rem
}

#pc .cooperation-1 .title {
    text-align: center;
    color: #d4353b;
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: .2rem
}

#pc .cooperation-1 .title h2 {
    font-size: .3rem
}

#pc .cooperation-1 .title:after {
    width: 100%;
    height: .6rem;
    background: url(../images/img4.png) center no-repeat;
    background-size: .04rem;
    display: block;
    content: ""
}

#pc .cooperation-2 {
    background: url(../images/cooperation-2.jpg) center no-repeat;
    background-size: cover;
    min-height: 15.27rem
}

#pc .cooperation-2 .title {
    text-align: center;
    color: #fff;
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.4rem 0 .8rem 0
}

#pc .cooperation-2 .title h2 {
    font-size: .3rem
}

#pc .cooperation-2 .title:after {
    width: 100%;
    height: .6rem;
    background: url(../images/img4.png) center no-repeat;
    background-size: .04rem;
    display: block;
    content: ""
}

#pc .cooperation-2 .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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
}

#pc .cooperation-2 .list li {
    width: 2.12rem
}

#pc .cooperation-2 .list li .img {
    padding: .1rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1)
}

#pc .cooperation-2 .list li .img img {
    border-radius: 50%
}

#pc .cooperation-2 .list li .name {
    height: 1.83rem;
    text-align: center;
    color: #fff;
    font-size: .2rem;
    line-height: .3rem;
    padding-top: .2rem
}

#pc .special-1 .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    padding-bottom: 1.4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#pc .special-1 .p-title2 {
    width: 100%
}

#pc .special-1 .msg {
    width: 100%;
    text-align: center;
    margin-top: -0.3rem;
    padding-bottom: 1rem
}

#pc .special-1 .img {
    position: relative;
    left: .56rem;
    width: 4.18rem
}

#pc .special-1 .col {
    width: 5.7rem;
    padding: 0 .6rem 0 .16rem
}

#pc .special-1 .col .num {
    width: 1.43rem;
    position: relative;
    left: -0.16rem
}

#pc .special-1 .col h2 {
    font-size: .3rem;
    color: #d4353b;
    padding: .15rem 0
}

#pc .special-1 .col .content {
    line-height: .3rem
}

#pc .special-2 {
    background: #f1f1f1;
    min-height: 5.7rem
}

#pc .special-2 .wal {
    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
}

#pc .special-2 .col {
    width: 3.95rem;
    padding: .6rem 0 0 .16rem
}

#pc .special-2 .col .num {
    width: 1.43rem;
    position: relative;
    left: -0.16rem
}

#pc .special-2 .col h2 {
    font-size: .3rem;
    color: #d4353b;
    padding: .15rem 0
}

#pc .special-2 .col .content {
    line-height: .3rem
}

#pc .special-2 .list {
    width: 7.45rem;
    position: relative;
    top: -0.68rem
}

#pc .special-2 .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.13rem
}

#pc .special-2 .list li {
    width: 50%;
    padding: 0 0 .13rem .13rem;
    position: relative
}

#pc .special-2 .list li .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: .13rem
}

#pc .special-2 .list li .img:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .7
}

#pc .special-2 .list li .img:after {
    content: "";
    display: block;
    position: absolute;
    left: -0.01rem;
    top: -0.01rem;
    background: url(../images/img48.png) center no-repeat;
    background-size: 100% 100%;
    width: .48rem;
    height: .42rem
}

#pc .special-2 .list li .img:before, #pc .special-2 .list li .img img {
    border-radius: .15rem
}

#pc .special-2 .list li .layer {
    color: #fff;
    position: absolute;
    left: .58rem;
    top: 1.3rem;
    right: 0
}

#pc .special-2 .list li .layer h5 {
    font-weight: 400;
    font-size: .3rem;
    line-height: 1em
}

#pc .special-2 .list li .layer .en {
    text-transform: uppercase;
    padding-top: .13rem
}

#pc .special-2 .list li:nth-child(2) .img:before, #pc .special-2 .list li:nth-child(3) .img:before {
    background: #d4353b
}

#pc .special-3 {
    background: url(../images/special-3.jpg) center no-repeat;
    background-size: cover;
    padding: .7rem 0 1.1rem 0
}

#pc .special-3 .title {
    text-align: center
}

#pc .special-3 .title img {
    width: 1.43rem
}

#pc .special-3 .title h2 {
    color: #d4353b;
    font-size: .3rem;
    line-height: 1em;
    padding: .25rem 0 .75rem 0
}

#pc .special-3 .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
}

#pc .special-3 .list li {
    width: 5.75rem;
    background: #e1e1e1;
    border-radius: .1rem;
    padding: .4rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#pc .special-3 .list li .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: .06rem
}

#pc .special-3 .list li .img img {
    width: 100%
}

#pc .special-3 .list li h5 {
    font-size: .24rem;
    padding: .35rem 0 .2rem 0
}

#pc .special-3 .list li .content {
    line-height: .3rem;
    text-align: justify
}

#pc .special-3 .list li:hover {
    background: #d4353b;
    color: #fff
}

#pc .special-4 {
    background: url(../images/special-4.jpg) center no-repeat;
    background-size: cover;
    padding: .7rem 0 .22rem 0
}

#pc .special-4 .title {
    text-align: center
}

#pc .special-4 .title img {
    width: 1.43rem
}

#pc .special-4 .title h2 {
    color: #d4353b;
    font-size: .3rem;
    line-height: 1em;
    padding: .25rem 0 .6rem 0
}

#pc .special-4 .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.48rem
}

#pc .special-4 .list li {
    width: 50%;
    padding: 0 0 .48rem .48rem
}

#pc .special-4 .list .box {
    background: #fff;
    border: #d9d9d9 solid 1px;
    border-radius: .15rem;
    padding: .4rem .4rem 0
}

#pc .special-4 .list .box .name {
    text-align: center;
    font-size: .24rem;
    line-height: .88rem
}

#pc .campsite-1 {
    text-align: center;
    background: url(../images/cooperation.jpg) center bottom no-repeat;
    background-size: 100%;
    min-height: 6rem;
    padding: 0 0 1rem 0
}

#pc .campsite-1 .msg {
    padding-bottom: .45rem;
    margin-top: -0.3rem
}

#pc .campsite-1 .title {
    text-align: center;
    color: #d4353b;
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: .2rem
}

#pc .campsite-1 .title h2 {
    font-size: .3rem
}

#pc .campsite-1 .title:after {
    width: 100%;
    height: .6rem;
    background: url(../images/img4.png) center no-repeat;
    background-size: .04rem;
    display: block;
    content: ""
}

#pc .campsite-1 .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
}

#pc .campsite-1 .list li {
    width: 5.8rem;
    position: relative
}

#pc .campsite-1 .list li .img {
    box-shadow: 0 .05rem .1rem rgba(0, 0, 0, .25);
    border-radius: 0 .5rem 0 .5rem;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #1f1f1f;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#pc .campsite-1 .list li .img img {
    opacity: .2
}

#pc .campsite-1 .list li .img .ico {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.15rem
}

#pc .campsite-1 .list li .img .ico img {
    opacity: 1
}

#pc .campsite-1 .list li .name {
    position: absolute;
    left: .61rem;
    top: 1.22rem;
    right: 0;
    text-align: left;
    color: #fff
}

#pc .campsite-1 .list li .name:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: .17rem;
    height: .02rem;
    background: #fff
}

#pc .campsite-1 .list li .name h5 {
    font-size: .24rem;
    line-height: 1em;
    padding: .32rem 0 .13rem 0
}

#pc .campsite-1 .list li .name .en {
    font-size: .16rem;
    text-transform: uppercase;
    font-weight: 600;
    opacity: .3
}

#pc .campsite-1 .list li:hover .img {
    background: #d4353b
}

#pc .campsite-2 {
    background: url(../images/campsite-2.jpg) center no-repeat;
    background-size: cover;
    min-height: 8.27rem
}

#pc .campsite-2 .title {
    text-align: center;
    color: #fff;
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.1rem 0 .1rem 0
}

#pc .campsite-2 .title h2 {
    font-size: .3rem
}

#pc .campsite-2 .title:after {
    width: 100%;
    height: .6rem;
    background: url(../images/img4.png) center no-repeat;
    background-size: .04rem;
    display: block;
    content: ""
}

#pc .campsite-2 .img {
    text-align: center
}

.ellipsis, #phone .news a .col .name, #phone .index-news .list li h5 a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#phone .index-flash {
    width: 100%;
    overflow: hidden;
    position: relative
}

#phone .index-flash li a {
    display: block;
    background: center no-repeat;
    background-size: cover;
    height: 9.75rem
}

#phone .index-flash .dots {
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(33, 33, 32, .76);
    height: .66rem
}

#phone .index-flash .dots span {
    border-radius: 50%;
    margin: 0 .05rem;
    width: .15rem;
    height: .15rem;
    background: #fff
}

#phone .index-flash .dots span.swiper-pagination-bullet-active {
    background: #d4353b
}

#phone .index-about {
    padding-bottom: .2rem
}

#phone .index-about .img-list {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: .08rem
}

#phone .index-about .img-list:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    background: url(../images/img184.png) center no-repeat;
    background-size: 100% 100%;
    width: 1.84rem;
    height: .71rem
}

#phone .index-about .img-list .arrow {
    position: absolute;
    z-index: 5;
    right: .15rem;
    bottom: .1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#phone .index-about .img-list .arrow a {
    border-radius: 50%;
    display: block;
    width: .5rem;
    height: .5rem;
    margin-left: .08rem;
    background: #333 center no-repeat;
    background-size: .18rem
}

#phone .index-about .img-list .arrow a:hover {
    background-color: #d4353b
}

#phone .index-about .img-list .arrow a.prev {
    background-image: url(../images/prev18.png)
}

#phone .index-about .img-list .arrow a.next {
    background-image: url(../images/next18.png)
}

#phone .index-about .col {
    padding-bottom: .4rem;
    text-align: center
}

#phone .index-about .col .title {
    padding: .48rem 0 .38rem 0;
    background: url(../images/img708.png) center bottom no-repeat;
    background-size: auto .08rem
}

#phone .index-about .col .title h2 {
    font-size: .48rem;
    line-height: 1em;
    color: #000
}

#phone .index-about .col .content {
    font-size: .28rem;
    line-height: .48rem;
    padding: .3rem 0
}

#phone .index-about .col .more a {
    display: block;
    background: #d4353b;
    color: #fff;
    border-radius: .06rem;
    width: 1.2rem;
    line-height: .5rem;
    margin: 0 auto
}

#phone .index-curriculum {
    background: url(../images/index-curriculum750.jpg) center no-repeat;
    background-size: cover;
    min-height: 11.42rem;
    padding-top: .89rem
}

#phone .index-curriculum .wal {
    background: url(../images/img710.png) center no-repeat;
    background-size: 100% 100%;
    height: 9.62rem
}

#phone .index-curriculum h2 {
    line-height: .84rem;
    text-align: center;
    font-size: .48rem;
    color: #fff
}

#phone .index-curriculum .list {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: .87rem
}

#phone .index-curriculum .list .title {
    padding-bottom: .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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

#phone .index-curriculum .list .title em {
    width: 1.48rem;
    line-height: .62rem;
    text-align: center;
    background: #d4353b;
    font-size: .4rem;
    font-weight: bold;
    border-radius: .08rem
}

#phone .index-curriculum .list .title h5 {
    font-size: .4rem;
    padding-left: .15rem
}

#phone .index-curriculum .list .box {
    background: url(../images/img601_2.png) center no-repeat;
    background-size: 100% 100%;
    width: 6.01rem;
    height: 4.87rem;
    margin: 0 auto
}

#phone .index-curriculum .list .hd {
    min-height: 2.6rem;
    position: relative;
    padding: .28rem .2rem 0 1.33rem
}

#phone .index-curriculum .list .hd .num {
    font-size: .48rem;
    font-style: italic;
    font-weight: bold;
    color: #d4353b;
    position: absolute;
    left: .25rem;
    top: .3rem;
    line-height: 1em
}

#phone .index-curriculum .list .hd .name {
    line-height: .65rem;
    color: #d4353b;
    font-size: .36rem;
    padding-left: .58rem;
    background: url(../images/img44.png) left center no-repeat;
    background-size: .44rem;
    margin-left: -0.06rem
}

#phone .index-curriculum .list .hd .msg {
    line-height: .4rem;
    color: #767676;
    text-transform: uppercase
}

#phone .index-curriculum .list .hd .msg span {
    font-size: .3rem
}

#phone .index-curriculum .list dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .4rem .1rem 0 .4rem
}

#phone .index-curriculum .list dl dd {
    min-width: 33.333%;
    color: #fff;
    font-size: .26rem;
    line-height: .7rem;
    padding-left: .24rem;
    background: url(../images/img12.png) left center no-repeat;
    background-size: .12rem
}

#phone .index-curriculum .btns {
    padding-top: .55rem;
    width: 5.63rem;
    margin: 0 auto
}

#phone .index-curriculum .btns 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
}

#phone .index-curriculum .btns li {
    width: .6rem;
    height: .6rem;
    border: #989898 solid .03rem;
    color: #989898;
    font-style: italic;
    font-weight: bold;
    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;
    font-size: .36rem;
    border-radius: 50%
}

#phone .index-curriculum .btns li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -0.98rem;
    width: .83rem;
    height: .03rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #989898
}

#phone .index-curriculum .btns li:last-child:after {
    display: none
}

#phone .index-curriculum .btns li.on {
    color: #fff;
    border-color: #fff
}

#phone .index-title {
    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
}

#phone .index-title:before {
    content: "";
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: .19rem;
    height: .3rem;
    background: url(../images/img19.png) center no-repeat;
    background-size: 100%;
    margin-right: .12rem
}

#phone .index-title h2 {
    font-size: .48rem;
    line-height: 1em
}

#phone .index-system .container {
    background: url(../images/img166.png) left .63rem no-repeat;
    background-size: 1.66rem;
    padding: .9rem 0 0 1.9rem;
    position: relative;
    min-height: 3.83rem;
    border-bottom: #e5e5e5 solid 1px
}

#phone .index-system .container .index-title {
    padding-bottom: .5rem;
    border-bottom: #e5e5e5 solid 1px
}

#phone .index-system .container .msg {
    font-size: .28rem;
    line-height: .48rem;
    padding-top: .35rem;
    margin-right: -0.2rem
}

#phone .index-system .container .more {
    position: absolute;
    top: .88rem;
    right: .12rem
}

#phone .index-system .container .more a {
    display: block;
    background: #d4353b;
    color: #fff;
    border-radius: .3rem;
    width: 1.3rem;
    line-height: .51rem;
    text-align: center;
    font-size: .2rem;
    text-transform: uppercase
}

#phone .index-system .list {
    padding: .45rem 0 .35rem 0
}

#phone .index-system .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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
}

#phone .index-system .list li {
    padding-bottom: .2rem;
    width: 3.45rem
}

#phone .index-system .list li:first-child {
    width: 100%
}

#phone .index-feature {
    background: url(../images/index-feature.png) center no-repeat;
    background-size: 100% 100%;
    min-height: 14.97rem;
    text-align: center;
    padding-top: 1.3rem
}

#phone .index-feature .title {
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#phone .index-feature .title .index-title {
    color: #fff
}

#phone .index-feature .title .en {
    width: 6.02rem;
    padding: .2rem 0 .5rem 0
}

#phone .index-feature .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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
}

#phone .index-feature .list li {
    width: 3.45rem;
    margin-bottom: .2rem;
    position: relative
}

#phone .index-feature .list li .img img {
    border-radius: .1rem .1rem 0 0
}

#phone .index-feature .list li .ico {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    top: 2.3rem;
    text-align: center
}

#phone .index-feature .list li .ico img {
    height: .85rem
}

#phone .index-feature .list li h5 {
    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;
    text-align: center;
    height: 2rem;
    background: -webkit-linear-gradient(42deg, #FFFFFF, #FFFFFF, #FFFFFF, #E0E0E0, #FFFFFF, #FFFFFF);
    background: linear-gradient(48deg, #FFFFFF, #FFFFFF, #FFFFFF, #E0E0E0, #FFFFFF, #FFFFFF);
    box-shadow: 0 .03rem .24rem 0 rgba(0, 0, 0, .29);
    font-size: .3rem;
    line-height: .48rem;
    border-radius: 0 0 .1rem .1rem
}

#phone .index-support {
    padding-bottom: .2rem
}

#phone .index-support .title {
    padding: .68rem 0 .4rem 0;
    text-align: center
}

#phone .index-support .title h2 {
    font-size: .48rem;
    color: #fff;
    background: url(../images/img77.png) center no-repeat;
    background-size: auto 100%;
    line-height: .77rem
}

#phone .index-support .title h3 {
    font-size: .4rem;
    line-height: 1em;
    padding: .15rem 0 .4rem 0;
    background: url(../images/img19_2.png) center bottom no-repeat;
    background-size: .19rem
}

#phone .index-support .big-img {
    width: 7.15rem;
    position: relative;
    left: -0.025rem
}

#phone .index-support .list {
    width: 100%;
    overflow: hidden;
    position: relative
}

#phone .index-support .list .name {
    height: 1.15rem;
    line-height: 1.15rem;
    background: #d4353b;
    color: #fff;
    border-radius: 0 0 .06rem .06rem;
    position: relative;
    z-index: 2;
    top: -0.06rem;
    font-size: .36rem;
    padding-left: .53rem
}

#phone .index-support .list .name:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .53rem;
    text-align: center;
    content: "";
    font-family: "iconfont";
    font-size: .24rem
}

#phone .index-partner .index-title {
    background: url(../images/img198.png) center no-repeat;
    background-size: cover;
    height: 1.98rem;
    color: #fff;
    padding: 0 0 .1rem .38rem
}

#phone .index-partner .list {
    background: #f6f6f6;
    border-radius: .1rem;
    position: relative;
    z-index: 2;
    top: -0.1rem;
    padding: .28rem .2rem
}

#phone .index-partner .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.18rem;
    margin-bottom: -0.18rem
}

#phone .index-partner .list li {
    padding: 0 0 .18rem .18rem;
    width: 33.333%
}

#phone .index-partner .list a {
    display: block;
    background: #fff;
    position: relative;
    width: 100%;
    overflow: hidden
}

#phone .index-partner .list a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: #e5e5e5 solid 1px;
    border-radius: .03rem;
    z-index: 2
}

#phone .index-partner .list a img {
    border-radius: .03rem
}

#phone .index-partner .list a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#phone .index-news .title {
    text-align: center;
    line-height: 1.22rem;
    background: url(../images/img3.png) center no-repeat;
    background-size: auto .03rem
}

#phone .index-news .title h2 {
    font-size: .48rem
}

#phone .index-news .img-list {
    width: 100%;
    overflow: hidden;
    position: relative
}

#phone .index-news .img-list li a {
    display: block;
    position: relative
}

#phone .index-news .img-list li a .name {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: .7rem;
    background: rgba(0, 0, 0, .42);
    padding-left: .3rem;
    font-size: .3rem;
    color: #fff
}

#phone .index-news .img-list .dots {
    position: absolute;
    z-index: 5;
    right: .3rem;
    bottom: .26rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#phone .index-news .img-list .dots span {
    border-radius: 50%;
    margin-left: .1rem;
    width: .12rem;
    height: .12rem;
    background: #ffa3a3
}

#phone .index-news .img-list .dots span.swiper-pagination-bullet-active {
    background: #fff
}

#phone .index-news .list {
    margin-bottom: .2rem;
    background: #f6f6f6;
    width: 100%;
    overflow: hidden;
    position: relative
}

#phone .index-news .list li {
    padding: .25rem .28rem 0 .28rem
}

#phone .index-news .list li h5 {
    border-bottom: #eee solid 1px
}

#phone .index-news .list li h5 a {
    display: block;
    height: .85rem;
    line-height: .85rem;
    color: #d4353b;
    font-size: .36rem
}

#phone .index-news .list li .time {
    line-height: .85rem;
    color: #999;
    font-weight: bold
}

#phone .index-news .list li .btn 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;
    border-radius: 50%;
    font-family: "iconfont";
    width: .5rem;
    height: .5rem;
    background: #b9b9b9;
    position: absolute;
    right: .55rem;
    bottom: .18rem;
    color: #fff;
    font-size: .2rem
}

#phone .index-news .list2 {
    margin-bottom: .2rem;
    background: #f6f6f6;
    width: 100%;
    overflow: hidden;
    position: relative
}

#phone .index-news .list2 li {
    padding: .47rem .47rem 0 .47rem;
    min-height: 2.68rem
}

#phone .index-news .list2 li .tag {
    width: 1.2rem;
    line-height: .42rem;
    text-align: center;
    background: #262626;
    color: #fff;
    border-radius: .06rem
}

#phone .index-news .list2 li .time {
    position: absolute;
    top: .55rem;
    right: .42rem;
    text-align: right;
    font-size: .18rem;
    color: #999
}

#phone .index-news .list2 li .time b {
    display: block;
    font-size: .72rem;
    color: #666;
    position: relative;
    left: .04rem
}

#phone .index-news .list2 li h5 a {
    display: block;
    font-weight: 400;
    font-size: .36rem;
    line-height: .48rem;
    max-width: 4.3rem;
    padding-top: .3rem
}

#phone .index-news .list2 li .btn 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;
    border-radius: 50%;
    font-family: "iconfont";
    width: .5rem;
    height: .5rem;
    background: #b9b9b9;
    position: absolute;
    right: .55rem;
    bottom: .43rem;
    color: #fff;
    font-size: .2rem
}

#phone .page-banner {
    background: center no-repeat;
    background-size: cover;
    height: 3.37rem;
    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-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;
    color: #fff
}

#phone .page-banner div.title {
    text-align: center;
    font-size: .24rem
}

#phone .page-banner div.title h2 {
    font-size: .48rem;
    font-weight: 400;
    line-height: 1em;
    padding-bottom: .15rem
}

#phone .page-banner div.title .img {
    padding-top: .2rem;
    width: 6.45rem;
    margin: 0 auto
}

#phone .page-banner div.title-2 {
    padding-top: 1.9rem;
    color: #000
}

#phone .page-nav {
    background: #f4f4f4;
    position: relative
}

#phone .page-nav:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #fff;
    border-bottom: #ebebeb solid 1px
}

#phone .page-nav .nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#phone .page-nav .nav li {
    width: 25%
}

#phone .page-nav .nav a {
    display: block;
    height: .65rem;
    line-height: .62rem;
    position: relative;
    text-align: center
}

#phone .page-nav .nav a.on {
    color: #d4353b
}

#phone .page-nav .nav a.on:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/img9.png) center no-repeat;
    background-size: auto 100%;
    height: .06rem
}

#phone .p-title {
    text-align: center;
    position: relative;
    padding: .67rem 0 .64rem 0
}

#phone .p-title .en {
    position: absolute;
    left: 0;
    top: .9rem;
    right: 0;
    font-size: .36rem;
    line-height: .3rem;
    color: #f8f8f8
}

#phone .p-title h2 {
    font-size: .36rem;
    font-weight: 400;
    color: #000;
    line-height: 1em;
    padding-bottom: .25rem;
    background: url(../images/img147_3.png) center bottom no-repeat;
    background-size: 1.47rem;
    position: relative
}

#phone .p-num {
    padding: .3rem 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
}

#phone .p-num a {
    color: #fff;
    background: #1b1b1b;
    display: block;
    width: 3.45rem;
    line-height: .63rem;
    text-align: center;
    border-radius: .05rem
}

#phone .p-num a:hover {
    background: #d4353b
}

#pc .index-support .list li.on a,
#pc .index-support .list li a:hover {
    color: #fff
}

#phone .p-num2 {
    padding-bottom: .3rem
}

#phone .p-num2 li {
    width: 100%;
    background: #000;
    padding: 0.3rem 0;
    color: #fff;
    margin-bottom: 10px;
    text-indent: 10px;
    border-radius: 10px;
}

#phone .p-num2 li:hover {
    background: #d4353b
}

#phone .p-num2 a {
    display: inline-block;
    line-height: .53rem;
    border-radius: .06rem;
    color: #fff;
}

#phone .news-head a {
    display: block;
    background: #363636;
    color: #fff;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: .06rem
}

#phone .news-head a .img img {
    width: 100%;
    height: 4.77rem
}

#phone .news-head a .col {
    position: relative;
    padding: 0 .3rem
}

#phone .news-head a .col .tag {
    width: 1.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;
    height: .61rem;
    background: #272727;
    border: 2px solid #2f2f2f;
    font-size: .3rem;
    color: #d4353b;
    position: absolute;
    z-index: 5;
    left: 0;
    top: -0.6rem
}

#phone .news-head a .col .tag:before {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: 50%;
    height: .12rem;
    background: #d4353b;
    margin-top: -0.06rem;
    width: 2px
}

#phone .news-head a .col .name {
    font-size: .36rem;
    line-height: .48rem;
    padding: .5rem 0 .2rem 0
}

#phone .news-head a .col .content {
    padding-bottom: .4rem;
    border-bottom: #636363 solid 1px;
    color: #969696;
    line-height: .48rem;
    text-align: justify
}

#phone .news-head a .col dl.info {
    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;
    height: 1.08rem
}

#phone .news-head a .col dl.info dd {
    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
}

#phone .news-head a .col dl.info dd img {
    width: .24rem;
    margin-right: .12rem
}

#phone .news-head a .col dl.info dd span, #phone .news-head a .col dl.info dd b {
    color: #d4353b
}

#phone .news li {
    padding-top: .2rem
}

#phone .news 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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f7f7f7;
    padding: .3rem .26rem
}

#phone .news a .img {
    width: 2.58rem;
    border-radius: .06rem;
    overflow: hidden;
    position: relative
}

#phone .news a .img img {
    width: 100%;
    height: 1.8rem
}

#phone .news a .col {
    width: 3.67rem
}

#phone .news a .col .name {
    font-size: .3rem;
    line-height: .3rem;
    margin-bottom: .1rem
}

#phone .news a .col .content {
    color: #969696;
    line-height: .36rem;
    text-align: justify;
    height: .72rem;
    overflow: hidden;
    margin-bottom: .14rem
}

#phone .news a .col dl.info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: .22rem;
    border-top: #cecece dashed 1px;
    line-height: 1em;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#phone .news a .col dl.info dd {
    color: #999
}

#phone .news a .col dl.info dd span, #phone .news a .col dl.info dd b {
    color: #d4353b
}

#phone .news-show {
    padding: 0 .3rem
}

#phone .news-show .title {
    text-align: center;
    font-size: .36rem;
    color: #000;
    border-bottom: #c9c9c9 solid 1px;
    padding: .4rem .2rem .26rem .2rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem
}

#phone .news-show dl.info {
    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;
    padding: .26rem 0 .6rem 0;
    line-height: 1em
}

#phone .news-show dl.info dd {
    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: #919191;
    padding: 0 .16rem
}

#phone .news-show dl.info dd img {
    width: .24rem;
    margin-right: .12rem
}

#phone .news-show .content {
    line-height: .48rem;
    text-align: justify;
    padding-bottom: .6rem
}

#phone .news-show .content p {
    padding-bottom: .3rem
}

#phone .news-show .content .img {
    text-align: center;
    padding-bottom: .3rem
}

#phone .photos .list {
    width: 100%;
    overflow: hidden;
    position: relative
}

#phone .photos .list li .name {
    font-size: .36rem;
    padding: .6rem 0 .4rem 0;
    text-align: center
}

#phone .photos .list li .img img {
    border-radius: .06rem
}

#phone .custom {
    padding-bottom: 0rem
}

#phone .custom .col {
    background: #f5f5f5 url(../images/img166_1.png) .45rem .25rem no-repeat;
    background-size: 1.66rem;
    padding: 1rem .6rem 0 .75rem
}

#phone .custom .col .content {
    line-height: .48rem;
    text-align: justify;
    color: #000
}

#phone .custom .col .tel {
    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: #d4353b;
    font-size: .36rem;
    height: 1.6rem;
    line-height: 1em
}

#phone .custom .col .tel img {
    width: .32rem;
    margin-right: .12rem
}

#phone .about-1 {
    padding-bottom: .7rem
}

#phone .about-1 .img-list {
    width: 100%;
    overflow: hidden;
    position: relative
}

#phone .about-1 .img-list .arrow {
    position: absolute;
    z-index: 5;
    left: .15rem;
    bottom: .15rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#phone .about-1 .img-list .arrow a {
    margin-right: .08rem;
    border-radius: 50%;
    width: .56rem;
    height: .56rem;
    background: #333 center no-repeat;
    background-size: .21rem
}

#phone .about-1 .img-list .arrow a:hover {
    background-color: #d4353b
}

#phone .about-1 .img-list .arrow a.prev {
    background-image: url(../images/prev21.png)
}

#phone .about-1 .img-list .arrow a.next {
    background-image: url(../images/next21.png)
}

#phone .about-1 .content {
    overflow: hidden;
    line-height: .48rem;
    text-align: justify;
    padding-top: .3rem
}

#phone .about-1 .cont_shrink {
    max-height: 120px;
}

#phone .about-1 .cont_unfold {
    max-height: auto;
}

#phone .about-1 .more {
    padding-top: .4rem
}

#phone .about-1 .more a {
    display: block;
    border-radius: .06rem;
    margin: 0 auto;
    width: 1.2rem;
    line-height: .5rem;
    text-align: center;
    background: #d4353b;
    color: #fff
}

#phone .about-2 {
    background: url(../images/about-2-750.jpg) center top no-repeat;
    background-size: 100%
}

#phone .about-2 .title {
    text-align: center;
    font-weight: bold;
    font-size: .32rem;
    margin-top: -0.2rem
}

#phone .about-2 .title b {
    color: #d4353b
}

#phone .about-2 .msg {
    text-align: center;
    line-height: .48rem;
    padding: .25rem 0 .5rem 0
}

#phone .about-2 .list {
    padding-bottom: .1rem
}

#phone .about-2 .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.2rem
}

#phone .about-2 .list li {
    width: 50%;
    padding: 0 0 .2rem .2rem;
    position: relative
}

#phone .about-2 .list li .img img {
    width: 100%;
    height: 2.04rem;
    border-radius: .06rem
}

#phone .about-2 .list li .layer {
    position: absolute;
    left: .2rem;
    top: 0;
    right: 0;
    bottom: .2rem;
    color: #fff;
    padding: .5rem 0 0 .46rem
}

#phone .about-2 .list li .layer h5 {
    font-size: .24rem;
    font-weight: 400;
    position: relative;
    line-height: 1.5em
}

#phone .about-2 .list li .layer h5:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.26rem;
    top: 0;
    font-family: "iconfont";
    content: ""
}

#phone .about-2 .list li .layer p {
    font-size: .3rem;
    line-height: .4rem;
    padding-top: .15rem
}

#phone .about-3 {
    background: url(../images/about-3.jpg) center no-repeat;
    background-size: cover;
    padding-bottom: .65rem
}

#phone .about-3 .p-title .en {
    color: #e8e8e8
}

#phone .about-3 .img {
    position: relative;
    top: -0.4rem
}

#phone .about-3 .content {
    line-height: .48rem;
    text-align: justify
}

#phone .about-4 {
    background: #000 center top no-repeat;
    background-size: 18rem;
    color: #fff
}

#phone .about-4 .container {
    min-height: 5.85rem;
    padding: .5rem 0 .4rem .32rem
}

#phone .about-4 .container .p-title {
    width: 1.5rem;
    padding-bottom: .5rem
}

#phone .about-4 .container .p-title .en {
    color: #1f1b1c;
    white-space: nowrap;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#phone .about-4 .container .p-title h2 {
    color: #d4353b;
    background: url(../images/img147_4.png) left bottom no-repeat;
    background-size: 1.47rem
}

#phone .about-4 .container .name {
    font-size: .36rem;
    line-height: .48rem;
    position: relative;
    padding-bottom: .8rem
}

#phone .about-4 .container .name:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: .4rem;
    width: 1rem;
    height: .02rem;
    background: #fff
}

#phone .about-4 .container .msg {
    line-height: .48rem
}

#phone .about-4 .content {
    background: rgba(211, 49, 55, .5);
    padding: .35rem .28rem .35rem .6rem;
    font-size: .24rem;
    line-height: .48rem;
    margin-left: -0.2rem;
    margin-right: -0.2rem
}

#phone .about-4 .content p {
    position: relative
}

#phone .about-4 .content p:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.26rem;
    top: .17rem;
    width: .1rem;
    height: .1rem;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#phone .contact {
    padding-bottom: 1rem
}

#phone .contact .msg {
    text-align: center;
    font-size: .3rem;
    color: #d4353b;
    font-weight: 600;
    margin-top: -0.24rem;
    padding-bottom: .5rem
}

#phone .contact .wal .form {
    background: url(../images/img708_1.png) center no-repeat;
    background-size: 100% 100%;
    height: 6.01rem;
    margin-bottom: .2rem;
    padding: .8rem .78rem 0 .6rem;
    color: #fff
}

#phone .contact .wal .form 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;
    padding-bottom: .26rem
}

#phone .contact .wal .form li .name {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 5.2em
}

#phone .contact .wal .form li .name em {
    color: #d4353b
}

#phone .contact .wal .form li .input {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    background: #fff;
    border-radius: .06rem;
    height: .53rem
}

#phone .contact .wal .form li .input input {
    width: 100%;
    height: .53rem;
    line-height: .53rem;
    padding: 0 .2rem;
    font-size: .24rem;
    color: #000
}

#phone .contact .wal .form li .unit {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    width: 2.5em
}

#phone .contact .wal .form li .row {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    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
}

#phone .contact .wal .form li .select {
    width: 1.4rem;
    background: #fff;
    border-radius: .06rem;
    height: .53rem;
    position: relative;
    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;
    font-size: .24rem;
    padding: 0 .15rem;
    color: #000
}

#phone .contact .wal .form li .select:after {
    content: "";
    font-family: "iconfont";
    color: #666;
    font-size: .18rem
}

#phone .contact .wal .form li .select select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

#phone .contact .wal .form .submit {
    width: 4.48rem;
    margin-left: auto;
    background: #d4353b;
    border-radius: .06rem
}

#phone .contact .wal .form .submit input {
    width: 100%;
    height: .53rem;
    font-size: .24rem;
    color: #fff;
    cursor: pointer
}

#phone .contact .wal .side {
    background: url(../images/img709_2.png) center no-repeat;
    background-size: 100% 100%;
    height: 3.91rem;
    padding: .6rem 0 0 .6rem;
    color: #fff
}

#phone .contact .wal .side ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#phone .contact .wal .side li {
    width: 50%
}

#phone .contact .wal .side li .ico {
    width: .93rem;
    padding-bottom: .15rem
}

#phone .contact .wal .side li h3 {
    font-size: .24rem;
    line-height: .36rem
}

#phone .contact .wal .side li h5 {
    font-size: .24rem;
    line-height: .36rem;
}

#phone .contact .wal .side li h5 a {
    color: #fff;
}

#phone .advantage {
    padding: 0 0 .5rem 0
}

#phone .advantage .list {
    width: 7.26rem;
    margin: 0 auto
}

#phone .advantage .list li {
    color: #fff;
    position: relative;
    padding-bottom: .2rem
}

#phone .advantage .list li .layer {
    position: absolute;
    left: 1.2rem;
    top: 1.2rem;
    right: 0
}

#phone .advantage .list li .layer h2 {
    font-size: .36rem;
    position: relative;
    line-height: .75rem
}

#phone .advantage .list li .layer h2:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.22rem;
    top: 50%;
    background: #fff;
    border-radius: 50%;
    width: .09rem;
    height: .09rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#phone .advantage .list li .layer p {
    line-height: .36rem;
    width: 5.1rem
}

#phone .process {
    padding-bottom: 1rem
}

#phone .process .img {
    width: 6.92rem;
    margin: 0 auto
}

#phone .support {
    padding: 0 0 .2rem 0
}

#phone .support .p-title {
    padding-bottom: .3rem
}

#phone .support .msg {
    line-height: 2em;
    text-align: center;
    width: 6.5rem;
    margin: 0 auto;
    padding-bottom: .5rem
}

#phone .support .list {
    width: 7.5rem;
    margin: 0 auto
}

#phone .support .list li {
    position: relative;
    padding: 0 0 .3rem 0
}

#phone .support .list li dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: .3rem;
    left: .4rem;
    top: 1.1rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#phone .support .list li dd {
    width: 50%;
    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: 0 0 .41rem 0
}

#phone .support .list li dd .ico {
    width: 1.25rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

#phone .support .list li dd .name {
    line-height: .36rem;
    font-size: .24rem;
    padding-left: .2rem;
    color: #fff;
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

#phone .support .list li:nth-child(1) dl {
    top: 1.2rem
}

#phone .support .list li:nth-child(1) dl dd {
    width: 33.333%;
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: center
}

#phone .support .list li:nth-child(1) dl dd .ico {
    width: 1.23rem
}

#phone .support .list li:nth-child(1) dl dd .name {
    padding: .15rem 0 0 0
}

#phone .support .list li:nth-child(1) dl dd:nth-child(2) {
    top: -0.1rem
}

#phone .support .list li:nth-child(1) dl dd:nth-child(2) .name {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    padding: 0 0 .15rem 0
}

#phone .support .list li:nth-child(1) dl dd:nth-child(3) {
    top: .5rem
}

#phone .support .list li:nth-child(3) dl {
    top: 1.26rem
}

#phone .support .list li:nth-child(3) dd .ico {
    width: 1.3rem
}

#phone .competition-1 {
    text-align: center
}

#phone .competition-1 .msg {
    padding-bottom: .45rem;
    margin-top: -0.3rem;
    line-height: 2em
}

#phone .competition-1 .title {
    text-align: center;
    color: #d4353b;
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: .2rem
}

#phone .competition-1 .title h2 {
    font-size: .36rem
}

#phone .competition-1 .title:after {
    width: 100%;
    height: .6rem;
    background: url(../images/img4.png) center no-repeat;
    background-size: .04rem;
    display: block;
    content: ""
}

#phone .competition-1 .list {
    padding: 0 0 .7rem .24rem
}

#phone .competition-1 .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
}

#phone .competition-1 .list li {
    width: 2rem;
    position: relative
}

#phone .competition-1 .list li .img {
    position: relative
}

#phone .competition-1 .list li .img:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5)
}

#phone .competition-1 .list li .num {
    width: .6rem;
    position: absolute;
    left: -0.24rem;
    top: 1rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#phone .competition-1 .list li h5 {
    font-size: .3rem;
    line-height: .36rem;
    padding-top: .35rem
}

#phone .competition-1 .list li:hover .img:before {
    background-color: rgba(212, 53, 59, .5)
}

#phone .competition-2 {
    padding: .3rem 0
}

#phone .competition-2 .title {
    text-align: center;
    color: #d4353b;
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#phone .competition-2 .title h2 {
    font-size: .36rem
}

#phone .competition-2 .title:after {
    width: 100%;
    height: .6rem;
    background: url(../images/img4.png) center no-repeat;
    background-size: .04rem;
    display: block;
    content: ""
}

#phone .competition-2 .list li h5 {
    padding: .56rem 0 .4rem 0;
    font-size: .36rem;
    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
}

#phone .competition-2 .list li h5:before {
    display: block;
    content: "";
    width: .21rem;
    height: .2rem;
    background: url(../images/img21.png) center no-repeat;
    background-size: 100%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: .1rem
}

#phone .competition-3 {
    background: #1b1b1b url(../images/img750_8.jpg) center bottom no-repeat;
    background-size: 100%;
    padding-bottom: .85rem;
    color: #fff
}

#phone .competition-3 .p-title h2 {
    color: #fff;
    background-image: url(../images/img147_4.png)
}

#phone .competition-3 .title {
    line-height: 1.1rem;
    font-size: .36rem;
    padding-left: .51rem;
    background: url(../images/img29.png) .1rem center no-repeat;
    background-size: .29rem;
    color: #fff
}

#phone .competition-3 .head {
    background: #d4353b;
    border-radius: .11rem;
    padding: .3rem .95rem .25rem .4rem
}

#phone .competition-3 .head h5 {
    font-size: .3rem;
    padding-bottom: .16rem
}

#phone .competition-3 .head p {
    line-height: .36rem
}

#phone .competition-3 .tips {
    line-height: 2em;
    padding: .3rem .18rem .2rem .4rem
}

#phone .competition-3 .tips em {
    color: #d4353b
}

#phone .competition-3 .title2 {
    font-size: .36rem;
    line-height: .9rem;
    padding-left: .62rem;
    background: url(../images/img31.png) .17rem center no-repeat;
    background-size: .31rem
}

#phone .competition-3 .list li {
    border-bottom: #2d2d2d solid 1px
}

#phone .competition-3 .list li .name {
    line-height: 1.09rem;
    position: relative;
    font-size: .3rem;
    padding-left: .43rem
}

#phone .competition-3 .list li .name:before {
    content: "";
    display: block;
    position: absolute;
    left: .17rem;
    top: 50%;
    width: .09rem;
    height: .09rem;
    background: #494949;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#phone .competition-3 .list li .name:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: .15rem;
    content: "";
    font-family: "iconfont";
    color: #5e5e5e
}

#phone .competition-3 .list li dl {
    display: none;
    background: #2d2d2d;
    border-radius: .11rem;
    padding: .3rem .1rem .3rem .43rem
}

#phone .competition-3 .list li dl dd {
    width: 50%;
    line-height: .6rem
}

#phone .competition-3 .list li dl dd em {
    color: #d4353b
}

#phone .competition-3 .list li.on {
    border-color: rgba(0, 0, 0, 0)
}

#phone .competition-3 .list li.on .name:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#phone .competition-3 .list li.on dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#phone .competition-3-2 {
    background: #d4353b;
    background-image: url(../images/img750_9.jpg);
    padding-top: .3rem
}

#phone .competition-3-2 .title {
    background-image: url(../images/img30.png)
}

#phone .competition-3-2 .head {
    background: #fff;
    color: #000
}

#phone .competition-3-2 .tips em {
    color: #000
}

#phone .competition-3-2 .list li {
    border-color: rgba(255, 255, 255, .3)
}

#phone .competition-3-2 .list li .name:before {
    background: #fff
}

#phone .competition-3-2 .list li .name:after {
    color: #fff
}

#phone .competition-3-2 .list li dl {
    background: #fff;
    color: #000
}

#phone .cooperation-1 {
    text-align: center;
    padding: 0 0 .2rem 0
}

#phone .cooperation-1 .msg {
    padding: 0 .3rem .45rem .3rem;
    margin-top: -0.3rem;
    line-height: 2em
}

#phone .cooperation-1 .title {
    text-align: center;
    color: #d4353b;
    padding-bottom: .6rem
}

#phone .cooperation-1 .title h2 {
    font-size: .36rem
}

#phone .cooperation-1 .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.2rem
}

#phone .cooperation-1 .list li {
    width: 50%;
    padding: 0 0 .2rem .2rem;
    position: relative
}

#phone .cooperation-1 .list li .layer {
    position: absolute;
    left: .2rem;
    top: 0;
    right: 0;
    bottom: .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-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: .36rem;
    color: #fff
}

#phone .cooperation-1 .list li .layer .num {
    border: #d4353b solid .05rem;
    border-radius: 50%;
    width: .57rem;
    height: .57rem;
    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;
    color: #d4353b;
    margin-bottom: .17rem
}

#phone .cooperation-2 {
    background: url(../images/cooperation-2.jpg) center no-repeat;
    background-size: cover;
    min-height: 15.27rem
}

#phone .cooperation-2 .title {
    text-align: center;
    color: #fff;
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.4rem 0 .8rem 0
}

#phone .cooperation-2 .title h2 {
    font-size: .36rem
}

#phone .cooperation-2 .title:after {
    width: 100%;
    height: .6rem;
    background: url(../images/img4.png) center no-repeat;
    background-size: .04rem;
    display: block;
    content: ""
}

#phone .cooperation-2 .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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
}

#phone .cooperation-2 .list li {
    width: 2.12rem
}

#phone .cooperation-2 .list li .img {
    padding: .1rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1)
}

#phone .cooperation-2 .list li .img img {
    border-radius: 50%
}

#phone .cooperation-2 .list li .name {
    height: 1.26rem;
    text-align: center;
    color: #fff;
    line-height: .36rem;
    padding-top: .2rem;
    margin-left: -0.2rem;
    margin-right: -0.2rem
}

#phone .special-1 .msg {
    padding: 0 .3rem .45rem .3rem;
    margin-top: -0.3rem;
    line-height: 2em
}

#phone .special-1 .col {
    margin-right: -0.2rem;
    margin-left: -0.2rem;
    padding: .5rem .4rem .5rem 2.05rem;
    background: #fafafa;
    position: relative
}

#phone .special-1 .col .num {
    width: 1.43rem;
    position: absolute;
    left: .25rem;
    top: .53rem
}

#phone .special-1 .col h2 {
    font-size: .36rem;
    color: #d4353b;
    padding-bottom: .25rem
}

#phone .special-1 .col .content {
    line-height: 2em
}

#phone .special-1 .img {
    margin-right: -0.2rem;
    margin-left: -0.2rem
}

#phone .special-2 .col {
    margin-right: -0.2rem;
    margin-left: -0.2rem;
    padding: .5rem .4rem .5rem 2.05rem;
    background: #fafafa;
    position: relative
}

#phone .special-2 .col .num {
    width: 1.43rem;
    position: absolute;
    left: .25rem;
    top: .53rem
}

#phone .special-2 .col h2 {
    font-size: .36rem;
    color: #d4353b;
    padding-bottom: .25rem
}

#phone .special-2 .col .content {
    line-height: 2em
}

#phone .special-2 .list {
    padding: .2rem 0
}

#phone .special-2 .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.2rem
}

#phone .special-2 .list li {
    width: 50%;
    padding: 0 0 .2rem .2rem;
    position: relative
}

#phone .special-2 .list li .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: .13rem
}

#phone .special-2 .list li .img:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .7
}

#phone .special-2 .list li .img:after {
    content: "";
    display: block;
    position: absolute;
    left: -0.01rem;
    top: -0.01rem;
    background: url(../images/img48.png) center no-repeat;
    background-size: 100% 100%;
    width: .48rem;
    height: .42rem
}

#phone .special-2 .list li .img:before, #phone .special-2 .list li .img img {
    border-radius: .15rem
}

#phone .special-2 .list li .layer {
    color: #fff;
    position: absolute;
    left: .58rem;
    top: 1.3rem;
    right: 0
}

#phone .special-2 .list li .layer h5 {
    font-weight: 400;
    font-size: .3rem;
    line-height: 1em
}

#phone .special-2 .list li .layer .en {
    text-transform: uppercase;
    padding-top: .13rem;
    font-size: .2rem
}

#phone .special-2 .list li:nth-child(2) .img:before, #phone .special-2 .list li:nth-child(3) .img:before {
    background: #d4353b
}

#phone .special-3 {
    background: url(../images/special-3.jpg) center no-repeat;
    background-size: cover;
    padding: .7rem 0 .35rem 0
}

#phone .special-3 .title {
    text-align: center
}

#phone .special-3 .title img {
    width: 1.43rem
}

#phone .special-3 .title h2 {
    color: #fff;
    font-size: .36rem;
    line-height: 1em;
    padding: .25rem 0 .75rem 0
}

#phone .special-3 .list li {
    background: #e1e1e1;
    border-radius: .1rem;
    padding: .4rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    margin-bottom: .2rem
}

#phone .special-3 .list li .img {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: .06rem
}

#phone .special-3 .list li .img img {
    width: 100%
}

#phone .special-3 .list li h5 {
    font-size: .36rem;
    padding: .35rem 0 .2rem 0
}

#phone .special-3 .list li .content {
    line-height: 2em;
    text-align: justify
}

#phone .special-3 .list li:hover {
    background: #d4353b;
    color: #fff
}

#phone .special-4 {
    background: url(../images/special-4.jpg) center no-repeat;
    background-size: cover;
    padding: .7rem 0 .22rem 0
}

#phone .special-4 .title {
    text-align: center
}

#phone .special-4 .title img {
    width: 1.43rem
}

#phone .special-4 .title h2 {
    color: #d4353b;
    font-size: .36rem;
    line-height: 1em;
    padding: .25rem 0 .6rem 0
}

#phone .special-4 .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.23rem
}

#phone .special-4 .list li {
    width: 50%;
    padding: 0 0 .23rem .23rem
}

#phone .special-4 .list .box {
    background: #fff;
    border: #d9d9d9 solid 1px;
    border-radius: .15rem;
    padding: .22rem .22rem 0
}

#phone .special-4 .list .box .name {
    text-align: center;
    line-height: .62rem
}

#phone .campsite-1 {
    text-align: center;
    padding: 0 0 .3rem 0
}

#phone .campsite-1 .msg {
    padding: 0 .3rem .45rem .3rem;
    margin-top: -0.3rem;
    line-height: 2em
}

#phone .campsite-1 .title {
    text-align: center;
    color: #d4353b;
    padding-bottom: .6rem
}

#phone .campsite-1 .title h2 {
    font-size: .36rem
}

#phone .campsite-1 .list li {
    position: relative;
    padding-bottom: .4rem
}

#phone .campsite-1 .list li .img {
    box-shadow: 0 .05rem .1rem rgba(0, 0, 0, .25);
    border-radius: 0 .5rem 0 .5rem;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #1f1f1f;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#phone .campsite-1 .list li .img div:nth-child(1) img {
    opacity: .2;
    width: 100%;
    height: 3.04rem
}

#phone .campsite-1 .list li .img .ico {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.15rem
}

#phone .campsite-1 .list li .img .ico img {
    opacity: 1
}

#phone .campsite-1 .list li .name {
    position: absolute;
    left: .74rem;
    top: 1.1rem;
    right: 0;
    text-align: left;
    color: #fff
}

#phone .campsite-1 .list li .name:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: .17rem;
    height: .02rem;
    background: #fff
}

#phone .campsite-1 .list li .name h5 {
    font-size: .36rem;
    line-height: 1em;
    padding: .32rem 0 .13rem 0
}

#phone .campsite-1 .list li .name .en {
    font-size: .24rem;
    text-transform: uppercase;
    font-weight: 600;
    opacity: .3
}

#phone .campsite-1 .list li:hover .img {
    background: #d4353b
}

#phone .campsite-2 {
    background: url(../images/campsite-2.jpg) center no-repeat;
    background-size: cover
}

#phone .campsite-2 .title {
    text-align: center;
    color: #fff;
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.1rem 0 .1rem 0
}

#phone .campsite-2 .title h2 {
    font-size: .36rem
}

#phone .campsite-2 .title:after {
    width: 100%;
    height: .6rem;
    background: url(../images/img4.png) center no-repeat;
    background-size: .04rem;
    display: block;
    content: ""
}

#phone .campsite-2 .img {
    width: 5.34rem;
    margin: 0 auto;
    padding: .2rem 0 .6rem 0
}

#pc .kcte {
    padding-top: 133px;
    width: 100%;
    background: url(../images/zs.png) top left no-repeat;
    padding-right: 108px;
    padding-left: 108px;
    font-size: 16px;
    line-height: 2.0;
}

#pc .kcte h1 {
    color: #c93337;
    border-top: 2px solid #dcdcdc;
    margin-top: -5px;
}

#pc .kcte h1 span {
    display: block;
    width: 100%;
    font-size: 22px;
    line-height: 36px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#pc .kc_content {
    height: 226px;
}

#pc .kc_bottom {
    height: 77px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    background: url(../images/yx.png) bottom right no-repeat;
    margin-top: -77px;
}


#phone .about-1 .content img {
    width: 100% !important;
    height: auto !important;
}


#phone .kcte {
    padding-top: 30px;
    width: 100%;
    background: url(../images/mzs.png) top left no-repeat;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 2.0;
    background-size: 100% auto;
}

#phone .kcte h1 {
    color: #c93337;
    margin-top: -5px;
}

#phone .kcte h1 span {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 36px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#phone .kc_bottom {
    height: 77px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    background: url(../images/myx.png) bottom right no-repeat;
    margin-top: -77px;
}

#phone .mp-num {
    padding: .8rem 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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#phone .mp-num a {
    color: #666;
    padding: 0 .07rem;
    background: none;
}

#phone .mp-num a:hover {
    color: #d4353b
}

#phone .mp-num .num {
    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: 0 .1rem
}

#phone .mp-num .num a {
    border-radius: 50%;
    padding: 0;
    margin: 0 .04rem;
    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: .41rem;
    height: .41rem;
    border: #dcdcdc solid .02rem;
    font-size: .16rem;
    color: silver
}

#phone .mp-num .num a:hover, #phone .p-num .num a.on {
    color: #d4353b;
    border-color: #d4353b
}