a,
.transition,
.p-tips-layer4,
.p-tips-layer3,
.p-tips-layer2,
.p-tips-layer,
.zxjb-layer .file dd div,
.zxjb-layer,
.news a .name,
.service-list a .name,
.service-4 .list a .name,
.project-map .list a .name,
.project-map .head .select-layer,
.project-foot .list a .name,
.project li,
.p-search .list,
.about-4 .year-list li,
.about-4 .year-list .bg,
.about-2 .list .layer,
.about-2 .list .ico,
.g-head .btn .search .form,
.g-head .btn .search .submit,
:before,
img,
.nav {
    transition: All .5s ease;
    -webkit-transition: All .5s ease;
    -moz-transition: All .5s ease;
    -o-transition: All .5s ease
}

.ellipsis,
.index3-news .list li a .name,
.page-search li a,
.notice li .col-1,
.service-list a p,
.service-list a .name,
.service-4 .list a p,
.project-map .list a .name,
.project-foot .list a .name,
.p-search .list-2 a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.news_box{background-color: #f6f6f6;}

.flex,
.p-tips-layer4,
.p-tips-layer3,
.p-tips-layer2,
.p-tips-layer,
.zxjb-layer .file .list .name,
.zxjb-layer .file .list li,
.zxjb-layer .file dd div,
.zxjb-layer,
.newSearch .time,
.newSearch,
.notice .title,
.notice li,
.p-num,
.sideTel,
.service-show .share dl,
.project-show-5 .tab-btn ul,
.project-show-3 li .layer .name,
.project-show-3 li .layer,
.project-show-1 .list .box div,
.project-map .head .select-layer li,
.project-map .head .select,
.project-map .head,
.project-foot .title dl,
.project-foot .title,
.project li .col dl.info dd,
.project li .col .btn dl,
.p-search .list-1 li,
.p-search .container .btn .map,
.p-search .container .btn,
.p-search .container .form,
.p-search .container .select,
.about-1 .list ul,
.p-nav ul,
.index-case .dots,
.index-case .p-arrow,
.index-btn ul,
.g-foot .list ul,
.g-head .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex
}

.g-head .pctel{position: absolute;right: 0;bottom: 0;line-height: .85rem;}
.g-head .pctel .pctelimg{width: 30px;height:30px;border-radius: 50%;background-color: #e60012;display: inline-block;vertical-align: middle;}
.g-head .pctel .pctelimg img{width: 100%;height: 100%;vertical-align: top;}
.g-head .pctel span{font-size: .2rem;vertical-align: middle;}

.flexColumn,
.zxjb-layer .file .file-tips-layer,
.contact-3 .list li.li_03 .btn a,
.contact-2 .col .btn a,
.restaurant-3 .list li,
.restaurant-2 .list li,
.service-4 .list a,
.service-1 .list .p-content,
.project-show-4 .container,
.project-show-1 .list .box,
.about-4 .list,
.about-2 .title,
.indexFlash .dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}

.itemsCenter,
.p-tips-layer4,
.p-tips-layer3,
.p-tips-layer2,
.p-tips-layer,
.zxjb-layer .file .file-tips-layer,
.zxjb-layer .file dd div,
.zxjb-layer,
.newSearch .time,
.newSearch,
.contact-3 .list li.li_03 .btn a,
.contact-2 .col .btn a,
.notice .title,
.notice li,
.restaurant-3 .list li,
.restaurant-2 .list li,
.p-num,
.sideTel,
.service-1,
.project-show-5 .container,
.project-show-3 li .layer .name,
.project-show-3 li .layer,
.project-show-2 .wal,
.project-show-1 .list .box div,
.project-show-1 .list .box,
.project-map .head .select,
.project-map .head,
.project-foot .title,
.project li .col dl.info dd,
.p-search .container .btn .map,
.p-search .container .btn,
.p-search .container .form,
.p-search .container .select,
.p-search .container,
.about-2 .title,
.g-head .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center
}

.justifyCenter,
.p-tips-layer4,
.p-tips-layer3,
.p-tips-layer2,
.p-tips-layer,
.zxjb-layer .file .file-tips-layer,
.zxjb-layer .file dd div,
.zxjb-layer,
.contact-2 .col .btn a,
.restaurant-3 .list li,
.restaurant-2 .list li,
.p-num,
.service-show .share dl,
.service-4 .list a,
.service-1 .list .p-content,
.project-show-4 .container,
.project-show-3 li .layer .name,
.project-show-1 .list .box,
.project-map .head .select,
.p-search .container .btn .map,
.p-search .container .select,
.about-4 .list,
.about-2 .title,
.index-case .dots,
.indexFlash .dots {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center
}

.flexAround {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-justify-content: space-around
}

.flexBetween,
.zxjb-layer .form,
.newSearch,
.contact-3 .list ul,
.contact-2 .col .btn,
.contact-2 .wal,
.notice .title,
.notice li,
.restaurant-4 .list ul,
.restaurant-3,
.sideTel,
.service-4 .wal,
.service-1,
.project-show-5 .container,
.project-show-2 .wal,
.project li,
.about-1 .list ul,
.about-1,
.index-layout .container .search .row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.flexWrap,
.zxjb-layer .file dl.btn,
.zxjb-layer .form-2 ul,
.zxjb-layer .form,
.zxjb-layer .check dl,
.contact-3 .list ul,
.contact-2 .col .btn,
.contact-2 .wal,
.contact-1 .list ul,
.news ul,
.news-img ul,
.restaurant-4 .list ul,
.restaurant-3,
.restaurant-2 .list ul,
.restaurant-1 .list ul,
.service-list ul,
.service-4 .wal,
.service-3 .list ul,
.service-2 .list ul,
.service-1,
.project-show-5 .container,
.project-show-2 .wal,
.project-show-1 .list ul,
.project-map .head .select-layer li dl,
.project-foot .list ul,
.project li,
.p-search .list-1 li dl,
.p-search .container,
.about-2 .list .name,
.about-1,
.index-layout .container .search .row,
.index-layout .container .list ul,
.index-layout .map .list .layer dl,
.index-news ul,
.index-info ul,
.g-foot .msg,
.f-nav ul,
.g-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

html {
    font-size: 100px
}

body {
    font-size: 12px;
    font-family: Arial, "Microsoft Yahei", "Source Han Sans";
    color: #27292a;
    -webkit-text-size-adjust: none;
    opacity: 0
}

body.show {
    opacity: 1;
    transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease
}

a {
    color: #27292a;
    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: #e60012;
    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, "Microsoft Yahei", "Source Han Sans";
    color: #888;
    outline: none;
    border: 0
}

em {
    font-style: normal
}

img {
    vertical-align: middle;
    max-width: 100%;
    border: 0
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear {
    clear: both;
    height: 0;
    display: block;
    _display: inherit
}

.before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0
}

.h10 {
    height: .1rem;
    overflow: hidden;
    clear: both
}

.h50 {
    height: .5rem;
    overflow: hidden;
    clear: both
}

.wal {
    max-width: 12rem;
    margin: 0 auto
}

.select {
    position: relative
}

.select select {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    width: 100%;
    height: 100%;
    opacity: 0
}

.phoneShow {
    display: none
}

@font-face {
    font-family: "DINCOND";
    src: url(../fonts/dincond-medium.woff2) format("woff2"), url(../fonts/dincond-medium.woff) format("woff"), url(../fonts/dincond-medium.ttf) format("truetype"), url(../fonts/dincond-medium.eot) format("embedded-opentype"), url(../fonts/dincond-medium.svg) format("svg");
    font-weight: normal;
    font-style: normal
}

.g-headD {
    height: .9rem
}

.g-head {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff
}

.g-head .wal {
    min-height: .9rem;
    position: relative
}

.g-head a.logo {
    display: block;
    background: url(../images/logo.png) center no-repeat;
    background-size: 100%;
    width: 1.41rem;
    height: .85rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0
}

.g-head .btn {
    position: absolute;
    z-index: 10;
    left: auto;
    right: -0.12rem;
    top: auto;
    bottom: 0;
    height: .85rem
}

.g-head .btn a.btn-1 {
    font-size: .2rem;
    padding: 0 .34rem 0 .3rem;
    line-height: .85rem;
    background: url(../images/img21.png) left center no-repeat;
    background-size: .21rem
}

.g-head .btn a.btn-1:hover {
    background-image: url(../images/img21on.png)
}

.g-head .btn .search {
    width: .47rem;
    position: relative
}

.g-head .btn .search .submit {
    height: .85rem;
    background: url(../images/img22.png) center no-repeat;
    background-size: .22rem;
    border-top-left-radius: .08rem;
    -webkit-border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
    -webkit-border-top-right-radius: .08rem
}

.g-head .btn .search .submit input {
    width: 100%;
    height: .85rem;
    cursor: pointer
}

.g-head .btn .search .form {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 100%;
    bottom: auto;
    width: 2.1rem;
    min-height: .48rem;
    background:  #d35560;
    padding: .09rem .1rem;
    opacity: 0;
    visibility: hidden
}

.g-head .btn .search .form .input {
    background: #fff;
    border-radius: .5rem
}

.g-head .btn .search .form .input input {
    width: 100%;
    height: .31rem;
    line-height: .31rem;
    font-size: .14rem;
    padding-left: .14rem
}

.g-head .btn .search.on .submit {
    background-color: #e60012;
    background-image: url(../images/img22on.png)
}

.g-head .btn .search.on .form {
    opacity: 1;
    visibility: visible
}

.g-head .btn-tel {
    display: none
}

.g-nav {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 1.8rem;
    top: auto;
    bottom: 0
}

.g-nav li {
    margin-left: .13rem;
    position: relative;
    line-height: .85rem;
}

.g-nav a.name , .g-nav .name{
    display: block;
    height: .85rem;
    line-height: .85rem;
    font-size: .2rem;
    padding: 0 .16rem;
    border-top-left-radius: .08rem;
    -webkit-border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
    -webkit-border-top-right-radius: .08rem;
    letter-spacing: .02rem
}

.g-head-white .g-head {
    background: rgba(255, 255, 255, .6)
}

@media screen and (min-width: 800px) {
    .g-nav .list {
        width:2.5rem;
        position: absolute;
        z-index: 10;
        left: -50%;
        /*right: 0;*/
        top: 100%;
        bottom: auto;
        background: #fff;
        border: 1px solid #e60012;
        display: none;
        text-transform: uppercase
    }
    .g-nav .list dl:first-child dd{
        border-top: unset;
    }
    .g-nav .list dd {
        border-top: #e60012 dashed 1px;
        margin: 0 20px;
    }

    .g-nav .list dd a {
        display: block;
        text-align: center;
        color: #000;
        height: .46rem;
        line-height: .46rem;
        font-size: .16rem
    }

    .g-nav .list dd a:hover {
        /* background: #e60012;
        color: #fff; */
    }

    .g-nav li:hover a.name {
        /* background: #e60012; */
        color: #e60012;
        border-bottom: 3px solid #e60012;
    }
}

.f-nav {
    padding: .45rem 0;
    background: #e60012;
    color: #828283;
    display: none
}

.f-nav a {
    color: #828283
}

.f-nav a:hover {
    color: #fff
}

.f-nav ul {
    border-left: #2f4058 solid 1px
}

.f-nav li {
    min-height: 1.55rem;
    border-right: #2f4058 solid 1px;
    width: 20%;
    text-align: center
}

.f-nav li h2 {
    font-weight: 600;
    font-size: .16rem;
    line-height: 1em;
    padding-bottom: .12rem
}

.f-nav li dd {
    font-size: .14rem;
    line-height: .24rem;
    text-transform: uppercase
}

.g-foot {
    background: #051123;
    font-size: .14rem;
    color: #a2a2a2
}

.g-foot a {
    color: #a2a2a2
}

.g-foot a:hover {
    color: #fff
}

.g-foot .wal {
    min-height: 1.4rem;
    position: relative;
    display: flex;
    align-items: center;
}

.g-foot .foot_logo {
    width: 1.1905rem;
    margin-right: 0.3571rem;
}

.g-foot .link {
    padding: .25rem 0 .05rem 0
}

.g-foot .link em {
    padding: 0 .1rem
}

.g-foot .msg {
    line-height: .4rem;
}

.g-foot .msg p {
    padding-right: .14rem
}

.g-foot .list {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: .3rem;
    bottom: auto
}

.g-foot .list li {
    width: .67rem;
    margin-left: .2rem;
    text-align: center
}

.g-foot .list li .name {
    line-height: .26rem;
    font-size: .12rem;
    margin-left: -0.2rem;
    margin-right: -0.2rem
}

.indexFlash {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-width: 19.2rem;
    margin: 0 auto
}

.indexFlash li {
    background: center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.indexFlash li .img-list {
    width: 7.4rem;
    position: absolute;
    z-index: 1;
    left: auto;
    right: 50%;
    top: .6rem;
    bottom: auto;
    margin-right: -7.4rem;
    overflow: hidden
}

.indexFlash li .wal {
    height: 9rem;
    color: #fff;
    position: relative;
    z-index: 11
}

.indexFlash li .wal .title {
    padding-top: 3.3rem
}

.indexFlash li .wal .title h2 {
    font-size: .55rem;
    line-height: .67rem
}

.indexFlash li .wal .title p {
    font-size: .24rem;
    line-height: .3rem;
    text-transform: uppercase;
    padding: .1rem 0 .25rem 0
}

.indexFlash li .wal .tel {
    font-size: .34rem;
    padding-left: .5rem;
    background: url(../images/img40.png) left center no-repeat;
    background-size: .4rem
}

.indexFlash li .wal .tel b {
    font-size: .41rem;
    display: inline-block;
    position: relative;
    top: .03rem
}

.indexFlash li.li_01:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/img1920_1.png) center no-repeat;
    background-size: auto 100%
}

.indexFlash li.li_01 .wal .title p {
    width: 4.4rem
}

.indexFlash li.li_02 .wal .title {
    padding-top: 2.56rem;
    width: 100%
}

.indexFlash li.li_03:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/img1920_3.png) center no-repeat;
    background-size: auto 100%
}

.indexFlash li.li_03 .wal {
    color:  #d35560
}

.indexFlash li.li_03 .wal .tel {
    background-image: url(../images/img40_4.png)
}

.indexFlash li.li_03 .wal .title p {
    width: 5.6rem
}

.indexFlash .dots {
    position: absolute;
    z-index: 10;
    left: auto;
    right: .35rem;
    top: .9rem;
    bottom: 0;
    width: 17px
}

.indexFlash .dots span {
    height: .32rem;
    background: url(../images/img17.png) center no-repeat
}

.indexFlash .dots span.swiper-pagination-bullet-active {
    background-image: url(../images/img17on.png)
}

.indexFlash .dots.on span {
    background-image: url(../images/img17_2.png)
}

.indexFlash .dots.on span.swiper-pagination-bullet-active {
    background-image: url(../images/img17_2on.png)
}

.index-info {
    position: relative;
    z-index: 11;
    margin-top: -0.7rem;
    background:  #d35560
}

.index-info li {
    height: 1.4rem;
    width: 25%;
    background:  #d35560;
    position: relative;
    color: #fff;
    text-align: center
}

.index-info li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: #0b3089
}

.index-info li:last-child:after {
    display: none
}

.index-info li .num {
    height: .8rem;
    font-family: "DINCOND";
    font-size: .4rem;
    line-height: 1em;
    padding-top: .25rem
}

.index-info li .name {
    font-size: .14rem;
    line-height: .2rem
}

.index-btn {
    border-bottom: #f6f6f6 solid .07rem;
    margin-right: -0.3rem;
    margin-left: -0.3rem;
    padding: 0 .3rem
}

.index-btn li {
    width: 33.333%
}

.index-btn a {
    display: block;
    text-align: center;
    font-size: .26rem;
    color: #5a5a5a;
    padding: .4rem 0 .36rem 0
}

.index-btn a .ico {
    width: .8rem;
    margin: 0 auto;
    padding-bottom: .08rem
}

/* 关于我们 */

.index3-about {
    padding: 1rem 0;
    font-size: 0.14rem
}

.about-content {
    display: flex;
    justify-content: space-between;
}

.about-text {
    font-size: .18rem;
    width: 44%;
    line-height: 1.5em;
}

.about-box{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.about-box .about-item .img{
    margin: 10px;
}

.about-box .about-item .txt span{
    font-size: 26px;
    color: #e60012;
    font-weight: 600;
}

.about-img {
    width: 50%;
}

.index-news {
    font-size: .14rem
}

.index-news .title {
    height: 1.86rem;
    background: url(../images/img251.png) center top no-repeat;
    background-size: 2.51rem;
    padding-top: .75rem;
    text-align: center;
    font-size: .36rem;
    text-transform: uppercase;
    letter-spacing: .02rem
}

.index-news ul {
    margin-left: -0.38rem
}

.index-news li {
    width: 33.333%;
    padding-left: .38rem
}

.index-news .img-list a {
    display: block;
    background: #e60012;
    padding: 0 .25rem .06rem .25rem;
    color: #fff;
    position: relative
}

.index-news .img-list a:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: .27rem;
    height: .27rem;
    background: #27292a url(../images/img27.png) center no-repeat;
    background-size: 100%
}

.index-news .img-list a .img {
    margin-left: -0.25rem;
    margin-right: -0.25rem
}

.index-news .img-list a .name {
    font-size: .18rem;
    line-height: .26rem;
    height: .52rem;
    margin-top: .15rem;
    overflow: hidden
}

.index-news .img-list a .time {
    line-height: .32rem
}

.index-news .img-list a:hover {
    background:  #d35560
}

.index-news .img-list a:hover:before {
    background-color: #e60012
}

.index-news .list a {
    height: 1.47rem;
    border-bottom: #dfdfdf solid 1px;
    position: relative;
    padding: .45rem 0 0 .25rem;
    display: block
}

.index-news .list a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .56rem;
    width: .15rem;
    height: .03rem;
    background: #27292a
}

.index-news .list a .name {
    font-size: .18rem;
    line-height: .24rem;
    height: .48rem;
    overflow: hidden
}

.index-news .list a .time {
    line-height: .38rem;
    color: #9a9d9e
}

.index-news .list a:hover {
    color: #046eac
}

.index-news .list a:hover:before {
    background: #046eac
}

.index-news .more {
    padding: .35rem 0;
    font-size: .14rem;
    text-align: center
}

.index-news .more a {
    color: #5a5a5a
}

.index-news .more a:hover {
    color: #e60012
}

.index-layout {
    background: #f0f5fa url(../images/img688.png) left bottom no-repeat;
    background-size: 6.88rem;
    color: #fff
}

.index-layout a {
    color: #fff
}

.index-layout .wal {
    min-height: 8.93rem;
    position: relative
}

.index-layout .map {
    background: url(../images/map839.png) center top no-repeat;
    background-size: 100%;
    width: 8.39rem;
    height: 8.05rem;
    position: absolute;
    z-index: 10;
    left: -1.77rem;
    right: auto;
    top: .57rem;
    bottom: auto
}

.index-layout .map .list {
    background: rgba(118, 183, 229, .53);
    border-radius: 50%;
    position: absolute;
    z-index: 20
}

.index-layout .map .list h2 {
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    font-size: .14rem;
    color:  #d35560;
    line-height: 1.2em;
    text-align: center
}

.index-layout .map .list h2.h2-1 {
    font-size: .12rem
}

.index-layout .map .list .dots i {
    display: block;
    position: absolute;
    width: .09rem;
    height: .09rem;
    margin-left: -0.045rem;
    margin-top: -0.045rem;
    background: url(../images/img9.png) center no-repeat;
    background-size: 100% 100%
}

.index-layout .map .list .layer {
    width: 2rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: auto;
    bottom: auto;
    margin-left: -1rem;
    background: #58a6dd;
    border-radius: .08rem;
    min-height: 1rem;
    opacity: 0;
    visibility: hidden
}

.index-layout .map .list .layer:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -0.3rem;
    right: 0;
    background: url(../images/img27_1.png) center no-repeat;
    background-size: .27rem;
    height: .45rem
}

.index-layout .map .list .layer .name {
    line-height: .2rem;
    padding: .1rem;
    text-align: center;
    background:  #d35560;
    font-size: .18rem;
    border-top-right-radius: .08rem;
    -webkit-border-top-right-radius: .08rem;
    border-top-left-radius: .08rem;
    -webkit-border-top-left-radius: .08rem
}

.index-layout .map .list .layer dl {
    padding: .1rem 0 .15rem .15rem
}

.index-layout .map .list .layer dd {
    font-size: .14rem;
    height: .24rem;
    line-height: .24rem;
    padding-right: .15rem
}

.index-layout .map .list:hover {
    z-index: 22
}

.index-layout .map .list:hover .layer {
    opacity: 1;
    visibility: visible
}

.index-layout .map2 {
    width: 8.39rem;
    position: absolute;
    z-index: 10;
    left: -1.77rem;
    right: auto;
    top: .57rem;
    bottom: auto
}

.index-layout .container {
    width: 4.67rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    min-height: 7rem;
    background: #2890d9 url(../images/img467.png) center bottom no-repeat;
    background-size: 4.67rem
}

.index-layout .container .title {
    text-align: center;
    height: 2.1rem;
    background:  #d35560 url(../images/img119.png) center .16rem no-repeat;
    background-size: 1.19rem;
    padding: .38rem .34rem 0 .34rem
}

.index-layout .container .title h2 {
    font-size: .36rem;
    line-height: 1em
}

.index-layout .container .title p {
    font-size: .21rem;
    text-transform: uppercase;
    letter-spacing: .047rem;
    padding: .06rem 0 .26rem .06rem
}

.index-layout .container .form {
    height: .5rem;
    background: #fff;
    position: relative
}

.index-layout .container .form .input input {
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    padding-left: .22rem;
    font-size: .16rem;
    color: #bcbcbc
}

.index-layout .container .form .input ::-webkit-input-placeholder {
    color: #bcbcbc
}

.index-layout .container .form .input ::-moz-placeholder {
    color: #bcbcbc
}

.index-layout .container .form .input :-ms-input-placeholder {
    color: #bcbcbc
}

.index-layout .container .form .submit {
    width: .8rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    background: #2890d9 url(../images/img22_1.png) center no-repeat;
    background-size: .22rem
}

.index-layout .container .form .submit input {
    width: 100%;
    height: .5rem;
    cursor: pointer
}

.index-layout .container .list {
    min-height: 2.75rem;
    padding: .4rem
}

.index-layout .container .list ul {
    margin-right: -0.2rem;
    margin-left: -0.05rem
}

.index-layout .container .list li {
    height: .35rem;
    font-size: .16rem;
    padding-right: .02rem
}

.index-layout .container .list li a {
    display: block;
    height: .24rem;
    line-height: .24rem;
    padding: 0 .05rem
}

.index-layout .container .list li a:hover {
    background:  #d35560
}

.index-layout .container .search {
    padding: 0 .4rem
}

.index-layout .container .search .title2 {
    font-size: .18rem;
    line-height: 1em;
    padding-bottom: .26rem
}

.index-layout .container .search .row {
    min-height: .72rem
}

.index-layout .container .search .select {
    border: #fff solid 1px;
    width: 1.88rem;
    height: .4rem;
    line-height: .38rem;
    padding-left: .18rem;
    font-size: .16rem
}

.index-layout .container .search .select:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: .1rem;
    bottom: 0;
    width: .12rem;
    background: url(../images/select-12.png) center no-repeat;
    background-size: 100%
}

.index-layout .container .search .btn a {
    display: block;
    line-height: .45rem;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    background:  #d35560
}

.index-case {
    width: 100%;
    overflow: hidden;
    position: relative
}

.index-case .wal {
    min-height: 8.08rem;
    position: relative
}

.index-case .wal:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.36rem;
    top: 0;
    background: url(../images/img360.png) center no-repeat;
    background-size: 100%;
    width: 3.6rem;
    height: 3.44rem
}

.index-case .title {
    height: 3.44rem;
    padding-top: .65rem;
    width: 2.8rem;
    position: relative
}

.index-case .title h2 {
    font-size: .36rem;
    line-height: 1em;
    padding-bottom: .1rem
}

.index-case .title p {
    font-size: .36rem;
    line-height: .38rem;
    text-transform: uppercase;
    color: #888
}

.index-case .container {
    min-height: 3.75rem
}

.index-case .container .name {
    padding: .1rem 0 .25rem 0
}

.index-case .container .name h2 {
    font-weight: 400;
    font-size: .3rem;
    line-height: 1em;
    padding-bottom: .08rem
}

.index-case .container .name p {
    font-size: .2rem;
    text-transform: uppercase;
    color: #888
}

.index-case .container dl {
    min-height: 1.57rem
}

.index-case .container dl dd {
    position: relative;
    min-height: .38rem;
    padding: 0 0 0 .38rem
}

.index-case .container dl img {
    width: .3rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto
}

.index-case .container dl p {
    line-height: .3rem;
    font-size: .16rem
}

.index-case .container .more a {
    display: block;
    background: url(../images/img167.png) center no-repeat;
    background-size: 100%;
    width: 1.67rem;
    height: .39rem;
    line-height: .39rem;
    font-size: .18rem;
    padding-left: .22rem
}

.index-case .img-list {
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 1.8rem;
    bottom: auto;
    margin-left: -1.4rem
}

.index-case .img-list .list-wrapper {
    width: 11.85rem;
    overflow: hidden;
    position: relative
}

.index-case .img-list li {
    padding: .2rem 0 0 .2rem;
    position: relative
}

.index-case .img-list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: .2rem;
    bottom: .2rem;
    border: #e60012 solid .06rem;
    opacity: 0
}

.index-case .img-list li img {
    width: 100%
}

.index-case .img-list li.swiper-slide-active:before {
    opacity: 1
}

.index-case .p-arrow {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 2.5rem;
    bottom: auto
}

.index-case .p-arrow a {
    width: .5rem;
    height: .5rem;
    margin-right: 2px;
    background: #e60012 center no-repeat;
    background-size: .2rem
}

.index-case .p-arrow a:hover {
    background-color:  #d35560
}

.index-case .p-arrow a.prev {
    background-image: url(../images/prev20.png)
}

.index-case .p-arrow a.next {
    background-image: url(../images/next20.png)
}

.index-case .dots {
    padding-bottom: .8rem
}

.index-case .dots span {
    height: .1rem;
    width: .58rem;
    background: url(../images/img10.png) center no-repeat;
    background-size: .1rem
}

.index-case .dots span.swiper-pagination-bullet-active {
    background-image: url(../images/img10on.png)
}

.p-banner {
    height: 5rem;
    background: center no-repeat;
    background-size: auto 100%;
    position: relative
}

/* .p-banner:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    background: url(../images/img1920.png) center top no-repeat;
    background-size: auto 5rem
} */

.p-banner a {
    display: block;
    position: absolute;
    z-index: 12;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.p-banner-2 {
    height: 4.3rem
}

.p-nav {
    background:  #d35560;
    position: relative;
    z-index: 11;
    margin-top: -0.65rem
}

.p-nav ul {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.p-nav li {
    flex: 1;
    width: 33.333%;
    border-left:  #d35560 solid 1px
}

.p-nav li:first-child {
    border: 0
}

.p-nav a {
    display: block;
    height: .93rem;
    line-height: .93rem;
    text-align: center;
    color: #fff;
    font-size: .2rem;
    text-transform: uppercase
}

.p-nav a:hover {
    background: #e60012
}

.p-nav-2 {
    margin-top: 0
}

.p-title {
    height: 2.15rem;
    background: url(../images/p-title.png) center top no-repeat;
    background-size: 2.51rem;
    text-align: center;
    font-size: .2rem;
    text-transform: uppercase
}

.p-title h2 {
    font-weight: 400;
    font-size: .32rem;
    line-height: 1em;
    padding: .85rem 0 .15rem 0
}

.p-content {
    font-size: .14rem;
    line-height: .3rem;
    text-align: justify
}

.about-1 {
    padding: .35rem 0 .95rem 0;
    color: #5a5a5a
}

.about-1 .col {
    width: 5.82rem
}

.about-1 .list {
    padding-right: .3rem;
    text-align: center
}

.about-1 .list li {
    height: 1.1rem
}

.about-1 .list li .num {
    font-size: .4rem;
    color:  #d35560;
    line-height: .3rem;
    font-family: "DINCOND"
}

.about-1 .list li .num em {
    display: inline-block;
    position: relative;
    font-size: .22rem;
    top: -0.13rem
}

.about-1 .list li .name {
    font-size: .16rem;
    padding-top: .2rem
}

.about-1 .p-content {
    padding-right: .3rem
}

.about-1 .img {
    width: 5.6rem;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 800px) {
    .about-1 .scroll {
        height: 2.1rem;
        overflow: hidden;
        position: relative
    }
}

.about-2 {
    background: #f0f5f9 url(../images/about-2.jpg) center no-repeat;
    background-size: auto 9.73rem
}

.about-2 .wal {
    min-height: 9.73rem;
    position: relative
}

.about-2 .title {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 50%;
    bottom: auto;
    height: 2.6rem;
    margin-top: -1.3rem;
    color: #fff;
    letter-spacing: .02rem
}

.about-2 .title img {
    width: 1.3rem
}

.about-2 .title h2 {
    font-weight: 400;
    font-size: .32rem;
    line-height: 1em;
    padding: .2rem 0 .05rem 0
}

.about-2 .title em {
    font-size: .36rem;
    font-family: "DINCOND";
    text-transform: uppercase
}

.about-2 .list li {
    position: absolute;
    z-index: 11;
    width: 1.2rem
}

.about-2 .list .ico {
    position: relative;
    left: -0.07rem
}

.about-2 .list .ico img:nth-child(1) {
    opacity: 0
}

.about-2 .list .ico img:nth-child(2) {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto
}

.about-2 .list .name {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 1.25rem;
    bottom: auto;
    font-size: .26rem;
    white-space: nowrap;
    color: dimgray
}

.about-2 .list .name div {
    background: url(../images/img6.png) right center no-repeat;
    background-size: .06rem;
    padding-right: .16rem
}

.about-2 .list .name span {
    color: #5a5a5a;
    width: 100%;
    font-size: .3rem;
    font-family: "DINCOND";
    text-transform: uppercase
}

.about-2 .list .layer {
    position: absolute;
    z-index: 20;
    left: 1.2rem;
    right: auto;
    top: .08rem;
    bottom: auto;
    background: #e60012;
    color: #fff;
    border-radius: .06rem;
    width: 3.12rem;
    padding: .25rem .2rem .1rem .2rem;
    line-height: .26rem;
    min-height: .72rem;
    opacity: 0;
    visibility: hidden
}

.about-2 .list .layer:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.08rem;
    top: 1.28rem;
    width: .16rem;
    height: .16rem;
    background: #e60012;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg)
}

.about-2 .list .layer h3 {
    font-size: .18rem;
    padding-bottom: .15rem
}

.about-2 .list .layer p {
    padding-bottom: .15rem;
    font-size: .16rem
}

.about-2 .list li.on {
    z-index: 12
}

.about-2 .list li.on .ico img:nth-child(1) {
    opacity: 1
}

.about-2 .list li.on .ico img:nth-child(2) {
    opacity: 0
}

.about-2 .list li.on .layer {
    opacity: 1;
    visibility: visible;
    left: 1.6rem
}

.about-2 .list .li_01 {
    left: 50%;
    margin-left: -0.6rem;
    top: .6rem
}

.about-2 .list .li_02 {
    right: .6rem;
    top: 2.1rem
}

.about-2 .list .li_02 .layer {
    left: auto;
    right: 1.1rem;
    top: .78rem;
    width: 2.8rem
}

.about-2 .list .li_02 .layer:before {
    left: auto;
    right: -0.08rem;
    top: .58rem
}

.about-2 .list .li_02.on .layer {
    left: auto;
    right: 1.4rem
}

.about-2 .list .li_03 {
    right: 1.5rem;
    top: 5.8rem
}

.about-2 .list .li_03 .layer {
    left: auto;
    right: 1.1rem
}

.about-2 .list .li_03 .layer:before {
    left: auto;
    right: -0.08rem
}

.about-2 .list .li_03.on .layer {
    left: auto;
    right: 1.4rem
}

.about-2 .list .li_04 {
    left: 2.4rem;
    top: 7.3rem
}

.about-2 .list .li_05 {
    left: .42rem;
    top: 4.33rem
}

.about-3 {
    padding: 0 .45rem;
    position: relative;
    background: #f0f5f9
}

.about-3 .list {
    width: 100%;
    overflow: hidden;
    position: relative
}

.about-3 .list li {
    padding: .15rem .1rem
}

.about-3 .list img {
    border: #bcc6cf solid 1px
}

.about-3 .p-arrow a {
    display: block;
    width: .55rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 0;
    bottom: 0;
    background: center no-repeat;
    background-size: .09rem
}

.about-3 .p-arrow a.prev {
    left: 0;
    background-image: url(../images/prev9.png)
}

.about-3 .p-arrow a.next {
    right: 0;
    background-image: url(../images/next9.png)
}

.about-4 {
    min-height: 2rem;
    position: relative;
    margin-top: .3rem
}

.about-4 .year-list {
    min-height: 10.19rem;
    position: relative;
    background: url(../images/img533.png) left top no-repeat;
    background-size: 100%;
    left: 1.05rem;
    width: 5.33rem
}

.about-4 .year-list .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 0;
    background: url(../images/img533on.png) left top no-repeat;
    background-size: 100%
}

.about-4 .year-list li {
    width: .16rem;
    height: .16rem;
    position: absolute;
    background: #b4c3cb;
    border-radius: 50%;
    margin-left: -0.08rem;
    margin-top: -0.08rem;
    color: #a0a0a0;
    cursor: pointer
}

.about-4 .year-list li div {
    font-size: .28rem;
    line-height: .3rem;
    position: absolute;
    z-index: 10;
    left: .24rem;
    right: auto;
    top: 50%;
    bottom: auto;
    margin-top: -0.15rem;
    white-space: nowrap;
    letter-spacing: -0.01rem;
    font-family: "DINCOND"
}

.about-4 .year-list li.left div {
    left: auto;
    right: .24rem
}

.about-4 .year-list li.on {
    background:  #d35560;
    color:  #d35560
}

.about-4 .list {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
    margin-top: .7rem;
    width: 5.6rem;
    background:  #d35560 url(../images/img32.png) right top no-repeat;
    background-size: .32rem;
    min-height: 1.14rem;
    color: #fff;
    padding: .18rem .4rem .18rem .32rem
}

.about-4 .list.on {
    position: fixed;
    right: 50%;
    margin-right: -6rem
}

.about-4 .list h2 {
    position: absolute;
    z-index: 10;
    left: -1.7rem;
    right: auto;
    top: 0;
    bottom: auto;
    background: #e60012;
    line-height: 1.14rem;
    width: 1.7rem;
    text-align: center;
    font-size: .7rem;
    font-family: "DINCOND"
}

.about-4 .list .scroll {
    max-height: 4rem;
    overflow: hidden;
    position: relative
}

.about-4 .list li {
    position: relative;
    font-size: .16rem;
    line-height: .32rem;
    padding-right: .2rem
}

.about-4 .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.12rem;
    top: 0;
    width: .06rem;
    height: .32rem;
    background: url(../images/img6_1.png) center no-repeat;
    background-size: 100%
}

.about-4 .list .more {
    display: block;
    width: .5rem;
    height: .4rem;
    background: url(../images/img17_1on.png) center no-repeat;
    background-size: .17rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0
}

.about-4 .list .more.on {
    background-image: url(../images/img17_1.png)
}

.p-search {
    margin-top: -0.46rem;
    position: relative;
    z-index: 25;
    color: #fff;
    font-size: .14rem;
    padding-bottom: .35rem
}

.p-search:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: .93rem;
    background:  #d35560
}

.p-search a {
    color: #fff
}

.p-search .wal {
    position: relative
}

.p-search .container {
    height: .93rem;
    background:  #d35560;
    position: relative;
    z-index: 2
}

.p-search .container .select {
    width: 2.12rem;
    height: .93rem;
    border-right: #012477 solid 1px;
    font-size: .16rem;
    position: relative;
    cursor: pointer
}

.p-search .container .select:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: .2rem;
    bottom: 0;
    background: url(../images/img8.png) center no-repeat;
    background-size: 100%;
    width: .08rem
}

.p-search .container .select img {
    height: .17rem;
    margin-right: .1rem
}

.p-search .container .form {
    padding: 0 .25rem;
    width: 3.55rem;
    height: .93rem;
    border-right: #012477 solid 1px;
    position: relative
}

.p-search .container .form .input {
    height: .45rem;
    width: 100%;
    border-bottom: #385cb2 solid 1px
}

.p-search .container .form .input input {
    width: 100%;
    height: .44rem;
    line-height: .44rem;
    font-size: .14rem;
    color: #fff
}

.p-search .container .form .input ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.p-search .container .form .input ::-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.p-search .container .form .input :-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.p-search .container .form .submit {
    width: .2rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: .25rem;
    top: .1rem;
    bottom: auto;
    background: url(../images/img20.png) center no-repeat;
    background-size: 100%
}

.p-search .container .form .submit input {
    width: 100%;
    height: .6rem;
    cursor: pointer
}

.p-search .container .btn {
    padding-left: .49rem
}

.p-search .container .btn .map {
    width: 1.48rem;
    height: .45rem;
    background: #385cb2;
    margin-right: .22rem
}

.p-search .container .btn .map img {
    width: .21rem;
    margin-right: .1rem
}

.p-search .container .btn .tel {
    font-size: .2rem;
    font-weight: bold;
    line-height: .45rem;
    padding-left: .33rem;
    background: url(../images/img23.png) left center no-repeat;
    background-size: .23rem
}

.p-search .list {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 100%;
    bottom: auto;
    background: #e60012;
    opacity: 0;
    visibility: hidden
}

.p-search .list.show {
    opacity: 1;
    visibility: visible
}

.p-search .list a:hover {
    text-decoration: underline
}

.p-search .list-1 {
    width: 100%;
    padding: .2rem .35rem
}

.p-search .list-1 li h3 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    font-size: .14rem;
    line-height: .34rem;
    font-weight: 400
}

.p-search .list-1 li dd {
    height: .34rem;
    line-height: .34rem
}

.p-search .list-1 li dd a {
    padding-right: .17rem
}

.p-search .list-2 {
    width: 2.12rem;
    left: 2.12rem;
    text-align: center;
    padding: .1rem 0
}

.p-search .list-2 a {
    display: block;
    height: .4rem;
    line-height: .4rem
}

.project li {
    margin-bottom: .24rem;
    background: #f1f1f1;
    font-size: .14rem;
    color: #5a5a5a
}

.project li a {
    color: #5a5a5a
}

.project li .img {
    width: 5.57rem
}

.project li .col {
    width: 5.92rem;
    padding: .5rem 0 0 0;
    position: relative
}

.project li .col .name {
    min-height: .79rem;
    line-height: .38rem;
    padding: 0 3rem .15rem 0;
    font-size: .18rem
}

.project li .col .btn {
    position: absolute;
    z-index: 20;
    left: auto;
    right: .28rem;
    top: .5rem;
    bottom: auto
}

.project li .col .btn dd {
    margin-left: .12rem;
    position: relative;
    min-height: .53rem
}

.project li .col .btn dd a {
    height: .38rem;
    line-height: .36rem;
    border: #c8c8c8 solid 1px;
    padding: 0 .23rem;
    background: #f1f1f1;
    display: block
}

.project li .col .btn dd a em {
    padding-left: .24rem;
    background: left center no-repeat;
    background-size: .2rem
}

.project li .col .btn dd a.btn-1 em {
    background-image: url(../images/img20_1.png)
}

.project li .col .btn dd a.btn-2 em {
    background-image: url(../images/img20_2.png)
}

.project li .col .btn dd .layer {
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 100%;
    bottom: auto;
    background: #fff;
    border: #d9d9d9 solid 1px;
    display: none
}

.project li .col .btn dd .layer:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -0.06rem;
    margin-top: -1px;
    width: .12rem;
    height: .12rem;
    margin-left: -0.06rem;
    background: #fff;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    border-left: #d9d9d9 solid 1px;
    border-top: #d9d9d9 solid 1px
}

.project li .col .btn dd .ewm-layer {
    width: 1.11rem;
    margin-left: -0.55rem
}

.project li .col .btn dd .form-layer {
    width: 3.65rem;
    margin-left: -1.82rem;
    padding: .23rem .28rem .1rem .28rem
}

.project li .col .btn dd .form-layer .row {
    min-height: .45rem;
    padding: 0 0 .08rem .7rem;
    position: relative
}

.project li .col .btn dd .form-layer .row em {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    line-height: .37rem;
    font-size: .14rem;
    color: #5a5a5a
}

.project li .col .btn dd .form-layer .row .input {
    border: #dbdbdb solid 1px;
    height: .37rem
}

.project li .col .btn dd .form-layer .row .input input {
    width: 100%;
    height: .35rem;
    line-height: .35rem;
    padding: 0 .12rem;
    font-size: .14rem
}

.project li .col .btn dd .form-layer .row .submit {
    background: #e60012;
    height: .38rem;
    margin-top: .05rem
}

.project li .col .btn dd .form-layer .row .submit input {
    width: 100%;
    height: .38rem;
    color: #fff;
    font-size: .14rem;
    cursor: pointer
}

.project li .col .btn dd.on .layer,
.project li .col .btn dd.onon .layer {
    display: block
}

.project li .col dl.info dd {
    padding-bottom: .18rem
}

.project li .col dl.info dd img {
    margin-right: .1rem;
    width: .26rem
}

.project li .col dl.info dd b {
    font-size: .16rem
}

.project li .col a.more {
    display: block;
    width: .4rem;
    height: .4rem;
    background: #e60012 url(../images/img12.png) center no-repeat;
    background-size: .12rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0
}

.project li .col a.more2 {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.project li:hover {
    background: #e60012;
    color: #fff
}

.project li:hover a {
    color: #fff
}

.project li:hover .btn dd a {
    border-color: #fff;
    background: #e60012
}

.project li:hover .btn dd a.btn-1 em {
    background-image: url(../images/img20_1on.png)
}

.project li:hover .btn dd a.btn-2 em {
    background-image: url(../images/img20_2on.png)
}

.project-foot {
    padding: 0 0 .6rem 0;
    color: #5a5a5a;
    position: relative
}

.project-foot:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 1.18rem;
    background: #f5f5f5
}

.project-foot .wal {
    position: relative
}

.project-foot a {
    color: #5a5a5a
}

.project-foot a:hover {
    color: #e60012
}

.project-foot .title {
    position: relative;
    height: 1.35rem
}

.project-foot .title img {
    width: .25rem;
    margin-right: .1rem
}

.project-foot .title h2 {
    font-size: .16rem;
    font-weight: 400
}

.project-foot .title dd {
    margin-left: .14rem;
    font-size: .16rem
}

.project-foot .title dd a {
    display: block;
    padding: 0 0 .06rem 0;
    border-bottom: #6c6c6c solid 1px;
    position: relative;
    top: .03rem
}

.project-foot .title dd a:hover {
    border-color: #e60012
}

.project-foot .title a.more {
    font-size: .14rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: auto
}

.project-foot .list ul {
    margin-left: -0.12rem
}

.project-foot .list li {
    width: 33.333%;
    padding-left: .12rem
}

.project-foot .list a {
    display: block;
    text-align: center
}

.project-foot .list a .img {
    border-bottom: #fff solid 1px
}

.project-foot .list a .name {
    height: .58rem;
    line-height: .58rem;
    font-size: .16rem;
    padding: 0 .2rem;
    background: #f1f1f1;
    color: #333
}

.project-foot .list a:hover .name {
    background: #e60012;
    color: #fff
}

.project-map .head,
.project-map .list {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    width: 6.35rem;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1)
}

.project-map .head {
    height: .86rem;
    z-index: 20
}

.project-map .head a.logo {
    width: 2.5rem;
    height: .86rem;
    background: url(../images/img129.png) center no-repeat;
    background-size: 1.29rem
}

.project-map .head .select {
    width: 1.86rem;
    height: .86rem;
    border-left: #dedede solid 1px;
    border-right: #dedede solid 1px;
    position: relative;
    font-size: .16rem;
    color: #5a5a5a
}

.project-map .head .select img {
    width: .14rem
}

.project-map .head .select em {
    padding: 0 .32rem 0 .06rem;
    background: url(../images/img8_1.png) right center no-repeat;
    background-size: .08rem
}

.project-map .head .select-layer {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 100%;
    bottom: auto;
    background: #e60012;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    padding: .2rem .35rem;
    color: #fff
}

.project-map .head .select-layer.show {
    opacity: 1;
    visibility: visible
}

.project-map .head .select-layer li h3 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    font-size: .14rem;
    line-height: .34rem;
    font-weight: 400
}

.project-map .head .select-layer li dd {
    height: .34rem;
    line-height: .34rem;
    font-size: .14rem
}

.project-map .head .select-layer li dd a {
    padding-right: .17rem;
    color: #fff
}

.project-map .head .select-layer li dd a:hover {
    text-decoration: underline
}

.project-map .head a.tel {
    font-size: .16rem;
    font-weight: bold;
    color: #e60012;
    background: url(../images/img21_2.png) left center no-repeat;
    background-size: .21rem;
    padding-left: .26rem;
    line-height: .4rem;
    margin-left: .3rem
}

.project-map .list {
    bottom: 0;
    overflow-y: auto;
    top: .86rem;
    z-index: 2;
    padding: .4rem
}

.project-map .list li {
    padding-bottom: .15rem;
    max-width: 4.45rem;
    margin: 0 auto
}

.project-map .list a {
    display: block;
    text-align: center
}

.project-map .list a .img {
    border-bottom: #fff solid 1px
}

.project-map .list a .name {
    height: .58rem;
    line-height: .58rem;
    font-size: .16rem;
    padding: 0 .2rem;
    background: #f1f1f1;
    color: #5a5a5a
}

.project-map .list a:hover .name {
    background: #e60012;
    color: #fff
}

.project-map .map {
    position: absolute;
    z-index: 1;
    left: 6.35rem;
    right: 0;
    top: 0;
    bottom: 0
}

.project-map .map .map-ico {
    background: url(../images/img46.png) center no-repeat;
    background-size: 100%;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    font-size: 17px
}

.project-map .map .layer {
    width: 3.33rem;
    background: #e60012;
    color: #fff;
    padding: 0 .2rem;
    margin-top: -0.5rem
}

.project-map .map .layer:after {
    content: "";
    display: block;
    position: absolute;
    width: .2rem;
    height: .2rem;
    background: #e60012;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: auto;
    bottom: -0.04rem;
    margin-left: -0.1rem;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg)
}

.project-map .map .layer .img {
    margin-left: -0.2rem;
    margin-right: -0.2rem
}

.project-map .map .layer .img img {
    width: 100%
}

.project-map .map .layer .name {
    font-size: .16rem;
    padding: .35rem 0 .2rem 0
}

.project-map .map .layer dl {
    min-height: 1.15rem
}

.project-map .map .layer dl dd {
    position: relative;
    padding: 0 0 .15rem .24rem;
    min-height: .35rem;
    font-size: .14rem;
    line-height: .24rem
}

.project-map .map .layer dl dd img {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: .06rem;
    bottom: auto;
    width: .13rem
}

.project-map .map .layer dl dd b {
    font-size: .16rem
}

.project-map .map .layer a.more {
    display: block;
    width: .4rem;
    height: .4rem;
    background:  #d35560 url(../images/img12.png) center no-repeat;
    background-size: .12rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0
}

.project-map .map .layer a.more:hover {
    background-color: #e60012
}

.project-show-1 .p-arrow a,
.project-show-3 .p-arrow a {
    display: block;
    width: .33rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 0;
    bottom: 0;
    background: center no-repeat;
    background-size: 100%
}

.project-show-1 .p-arrow a.prev,
.project-show-3 .p-arrow a.prev {
    left: .4rem;
    background-image: url(../images/prev33.png)
}

.project-show-1 .p-arrow a.prev:hover,
.project-show-3 .p-arrow a.prev:hover {
    background-image: url(../images/prev33on.png)
}

.project-show-1 .p-arrow a.next,
.project-show-3 .p-arrow a.next {
    right: .4rem;
    background-image: url(../images/next33.png)
}

.project-show-1 .p-arrow a.next:hover,
.project-show-3 .p-arrow a.next:hover {
    background-image: url(../images/next33on.png)
}

.project-show-1 {
    min-height: 5rem;
    position: relative;
    padding: .4rem 0 .6rem 0;
    color: #5a5a5a
}

.project-show-1:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 4.35rem;
    background: #e8f1f9
}

.project-show-1 .img-list {
    max-width: 11.98rem;
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

.project-show-1 .img-list:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/img1198.png) center no-repeat;
    background-size: 100% 100%;
    z-index: 5
}

.project-show-1 .img-list .url a {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none
}

.project-show-1 .img-list .url a.show {
    display: block
}

.project-show-1 .title {
    text-align: center;
    font-size: .24rem;
    padding: .35rem 0 .45rem 0
}

.project-show-1 .p-content {
    padding-bottom: .25rem
}

.project-show-1 .list ul {
    margin-left: -0.3rem
}

.project-show-1 .list li {
    width: 33.333%;
    padding-left: .3rem
}

.project-show-1 .list .box {
    height: 1.5rem;
    background: #f0f5f9
}

.project-show-1 .list .box img {
    width: .3rem
}

.project-show-1 .list .box div em {
    line-height: 1em;
    padding-right: .1rem;
    font-size: .16rem
}

.project-show-1 .list .box p {
    text-align: center;
    font-size: .14rem;
    padding-top: .2rem
}

.project-title {
    text-align: center;
    color: #5a5a5a;
    padding: .6rem 0 .5rem 0
}

.project-title h2 {
    font-size: .24rem;
    font-weight: 400;
    line-height: 1em;
    padding-bottom: .15rem
}

.project-title em {
    text-transform: uppercase;
    font-size: .2rem
}

.project-show-2 {
    background: url(../images/project-show-2.jpg) center top no-repeat;
    background-size: auto 4.28rem
}

.project-show-2 .wal {
    background: #e60012;
    color: #fff
}

.project-show-2 .map {
    height: 4rem;
    width: 6.3rem
}

.project-show-2 .map .map-ico {
    background: url(../images/img37.png) center no-repeat;
    width: 37px;
    height: 36px
}

.project-show-2 .map .map-ico p {
    position: absolute;
    z-index: 10;
    left: 45px;
    right: auto;
    top: 0;
    bottom: auto;
    background: #e60012;
    color: #fff;
    font-size: 14px;
    border-radius: 6px;
    white-space: nowrap;
    height: 36px;
    line-height: 36px;
    padding: 0 15px
}

.project-show-2 .map .map-ico p:before {
    content: "";
    display: block;
    position: absolute;
    left: -4px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    background: #e60012
}

.project-show-2 .container {
    width: 5.1rem;
    padding-right: .55rem
}

.project-show-2 .container .name {
    font-size: .16rem
}

.project-show-2 .container .p-content {
    padding: .2rem 0;
    min-height: 1.4rem
}

.project-show-2 .container .address {
    font-size: .14rem;
    line-height: .26rem;
    position: relative;
    padding-left: .34rem
}

.project-show-2 .container .address img {
    width: .24rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: .04rem;
    bottom: auto
}

.project-show-3 {
    padding-bottom: .55rem
}

.project-show-3 .list {
    width: 100%;
    overflow: hidden;
    position: relative
}

.project-show-3 li {
    position: relative;
    padding-bottom: .56rem
}

.project-show-3 li .layer {
    position: absolute;
    z-index: 10;
    left: .28rem;
    right: .28rem;
    top: auto;
    bottom: 0;
    background: #e60012;
    color: #fff;
    height: 1.05rem
}

.project-show-3 li .layer .name {
    width: 2.6rem;
    height: 1.05rem;
    background:  #d35560;
    font-size: .18rem
}

.project-show-3 li .layer .name img {
    width: .48rem;
    margin-right: .1rem;
    position: relative;
    top: .07rem
}

.project-show-3 li .layer p {
    font-size: .16rem;
    width: 8.5rem;
    padding-left: .45rem
}

.project-show-4 {
    background: url(../images/project-show-4.jpg) center top no-repeat;
    background-size: auto 3.3rem
}

.project-show-4 .project-title {
    color: #fff
}

.project-show-4 .wal {
    position: relative;
    padding: 0 .54rem 0 3.12rem
}

.project-show-4 .ico {
    width: 3.02rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto
}

.project-show-4 .container {
    min-height: 1.85rem;
    background: #e60012;
    color: #fff;
    position: relative;
    padding: .3rem 0 .3rem .45rem
}

.project-show-4 .container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -0.54rem;
    width: .54rem;
    height: .51rem;
    background: url(../images/img54.png) center no-repeat;
    background-size: 100%
}

.project-show-4 .container:after {
    content: "";
    display: block;
    position: absolute;
    top: .51rem;
    right: -0.54rem;
    width: .54rem;
    bottom: 0;
    background: #e60012
}

.project-show-4 .container li a {
    color: #fff
}

.project-show-4 .container .hide {
    display: none
}

.project-show-4 .container .more {
    display: block;
    width: .7rem;
    height: .7rem;
    background: url(../images/img27_2.png) center no-repeat;
    background-size: .27rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: -0.54rem;
    top: auto;
    bottom: 0
}

.project-show-4 .container .more.on {
    background-image: url(../images/img27_2on.png)
}

.project-show-5 {
    color: #5a5a5a;
    padding-bottom: .7rem;
    position: relative
}

.project-show-5:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2.85rem;
    right: 0;
    top: 4.85rem;
    background: #f1f1f1;
    display: none
}

.project-show-5 .wal {
    background: #f0f5f9;
    position: relative
}

.project-show-5 .tab-btn {
    position: absolute;
    z-index: 10;
    left: .35rem;
    right: auto;
    top: .35rem;
    bottom: auto
}

.project-show-5 .tab-btn ul {
    margin-left: -6px
}

.project-show-5 .tab-btn li {
    padding-left: 6px
}

.project-show-5 .tab-btn li div {
    color: #fff;
    text-align: center;
    min-width: 1.4rem;
    padding: 0 .1rem;
    height: .48rem;
    line-height: .48rem;
    font-size: .18rem;
    background:  #d35560;
    cursor: pointer
}

.project-show-5 .tab-btn li.on div {
    background: #e60012
}

.project-show-5 .container .col {
    width: 4.9rem;
    padding: .35rem
}

.project-show-5 .container .col h3 {
    font-size: .17rem;
    padding: .8rem 0 .2rem 0;
    color: #e60012
}

.project-show-5 .container .col h3 sup {
    font-size: .11rem
}

.project-show-5 .container .img {
    width: 6.83rem
}

.p-more {
    text-align: center;
    font-size: .14rem
}

.p-more a {
    color: #5a5a5a
}

.p-more a:hover {
    color: #e60012
}

.service-1 .p-title,
.service-1 .title,
.service-1 .p-more {
    width: 100%
}

.service-1 .p-title {
    height: 2.7rem
}

.service-1 .title {
    font-size: .26rem;
    padding: 0 0 .3rem .75rem
}

.service-1 .scroll {
    width: 7.7rem;
    height: 3.15rem;
    overflow: hidden;
    position: relative
}

.service-1 .list li {
    position: relative;
    padding: 0 .3rem .3rem .75rem;
    color: #5a5a5a
}

.service-1 .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .1rem;
    bottom: 0;
    width: .42rem;
    background: url(../images/line3.png) center top repeat-y;
    background-size: .03rem
}

.service-1 .list li:last-child:before {
    display: none
}

.service-1 .list .ico {
    width: .42rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto
}

.service-1 .list .p-content {
    min-height: .42rem
}

.service-1 .img {
    width: 3.8rem
}

.service-1 .p-more {
    padding: .3rem 0 .4rem 0
}

.service-2 {
    background: #f0f5f9
}

.service-2 .p-title {
    height: 2.45rem
}

.service-2 .list ul {
    margin-left: -0.15rem
}

.service-2 .list li {
    width: 33.333%;
    padding: 0 0 0 .15rem
}

.service-2 .list a {
    display: block;
    position: relative;
    padding: 0 .3rem .1rem .3rem;
    font-size: .14rem;
    color: #fff;
    background: #e60012
}

.service-2 .list a:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #27292a url(../images/img27.png) center no-repeat;
    background-size: .27rem;
    width: .27rem;
    height: .27rem
}

.service-2 .list a .img {
    margin-left: -0.3rem;
    margin-right: -0.3rem;
    padding-bottom: .2rem
}

.service-2 .list a .name {
    font-size: .16rem;
    line-height: .26rem;
    height: .52rem;
    overflow: hidden
}

.service-2 .list a .time {
    line-height: .32rem
}

.service-2 .list a:hover {
    background:  #d35560
}

.service-2 .list a:hover:before {
    background-color: #e60012
}

.service-2 .p-more {
    padding: .5rem 0 .4rem 0
}

.service-3 .p-title {
    height: 2.45rem
}

.service-3 .list ul {
    margin-left: -0.2rem
}

.service-3 .list li {
    width: 50%;
    padding: 0 0 .2rem .2rem
}

.service-3 .list a {
    display: block;
    position: relative;
    padding: .45rem .25rem 0 2.95rem;
    font-size: .14rem;
    color: #fff;
    background: #e60012;
    min-height: 1.87rem
}

.service-3 .list a:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #27292a url(../images/img27.png) center no-repeat;
    background-size: .27rem;
    width: .27rem;
    height: .27rem
}

.service-3 .list a .img {
    width: 2.72rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto
}

.service-3 .list a .name {
    font-size: .16rem;
    line-height: .26rem;
    height: .52rem;
    overflow: hidden
}

.service-3 .list a .time {
    line-height: .32rem
}

.service-3 .list a:hover {
    background:  #d35560
}

.service-3 .list a:hover:before {
    background-color: #e60012
}

.service-3 .p-more {
    padding: .3rem 0 .4rem 0
}

.service-4 {
    background: #f0f5f9
}

.service-4 .p-title {
    height: 2.45rem
}

.service-4 .img-list {
    width: 6.52rem
}

.service-4 .list {
    width: 5.41rem
}

.service-4 .list li {
    padding-bottom: .08rem
}

.service-4 .list a {
    height: 1.4rem;
    background: #d8eef8;
    color: #5a5a5a;
    padding: 0 .5rem
}

.service-4 .list a .name {
    color: #27292a;
    font-size: .18rem;
    line-height: .3rem;
    padding-bottom: .1rem;
    position: relative
}

.service-4 .list a .name:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.25rem;
    top: .13rem;
    width: .15rem;
    height: .03rem;
    background: #27292a
}

.service-4 .list a p {
    font-size: .14rem;
    line-height: .26rem;
    height: .26rem
}

.service-4 .list li.on a {
    background: #e60012;
    color: #fff
}

.service-4 .list li.on a .name {
    color: #fff
}

.service-4 .list li.on a .name:before {
    background: #fff
}

.service-4 .p-more {
    padding: .4rem 0
}

.p-back {
    padding-bottom: .7rem
}

.p-back a {
    display: block;
    margin: 0 auto;
    background: #e60012;
    color: #fff;
    border-radius: .06rem;
    font-size: .16rem;
    width: 2.03rem;
    height: .46rem;
    line-height: .46rem;
    text-align: center
}

.p-back a:hover {
    background:  #d35560
}

.service-show {
    text-align: center;
    padding: .65rem 0 0 0
}

.service-show .title,
.service-show .time {
    font-size: .18rem;
    line-height: 2em
}

.service-show .time {
    padding-bottom: .25rem
}

.service-show .share {
    padding-bottom: .45rem;
    margin-top: -0.1rem
}

.service-show .share dd {
    width: .28rem;
    margin: 0 .07rem
}

.service-show .p-content {
    line-height: .24rem;
    padding: .45rem 0;
    border-top: #c7c7c7 solid 1px
}

.service-show .p-content p {
    padding-bottom: .1rem
}

.service-show .p-content .img {
    text-align: center;
    padding: .2rem 0 .3rem 0
}

.sideTel {
    background: url(../images/img358.png) center no-repeat;
    background-size: 100%;
    width: 3.58rem;
    height: .97rem;
    color: #fff;
    position: fixed;
    z-index: 30;
    top: 50%;
    right: 0;
    padding-left: .07rem
}

.sideTel .ewm {
    width: .85rem
}

.sideTel a {
    color: #fff;
    width: 2.55rem;
    font-size: .14rem;
    line-height: .24rem;
    padding: .2rem 0
}

.sideTel a b {
    font-size: .18rem
}

.service-list ul {
    margin-left: -0.25rem
}

.service-list li {
    width: 50%;
    padding-left: .25rem
}

.service-list a {
    display: block;
    min-height: 1.86rem;
    border-bottom: #dfdfdf solid 1px;
    padding: .36rem 0 0 0
}

.service-list a .name {
    height: .5rem;
    line-height: .5rem;
    font-size: .18rem;
    padding-left: .25rem;
    position: relative;
    color: #27292a
}

.service-list a .name:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: .15rem;
    height: .03rem;
    background: #27292a;
    margin-top: -0.015rem
}

.service-list a .time,
.service-list a p {
    padding-left: .25rem;
    font-size: .14rem;
    color: #9a9d9e
}

.service-list a p {
    height: .65rem;
    line-height: .65rem;
    color: #5a5a5a
}

.service-list a:hover .name {
    color: #e60012
}

.service-list a:hover .name:before {
    background: #e60012
}

.p-num {
    padding: .6rem 0
}

.p-num a {
    border-radius: 50%;
    margin: 0 .06rem;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    /* border: #b1b1b1 solid 1px; */
    font-size: .15rem;
    color: #9a9d9e
}

.p-num a:hover,
.p-num a.on {
    background: #e60012;
    border-color: #e60012;
    color: #fff
}

.p-num a.arrow {
    border: 0;
    background: center no-repeat;
    background-size: .06rem
}

.p-num a.arrow.prev {
    background-image: url(../images/prev6.png)
}

.p-num a.arrow.next {
    background-image: url(../images/next6.png)
}

.restaurant-1 {
    color: #5a5a5a
}

.restaurant-1 .p-content {
    padding: .75rem 0;
    text-align: center
}

.restaurant-1 .list li {
    background: #e8f1f9;
    height: 1.17rem;
    text-align: center;
    font-size: .14rem;
    width: 25%;
    position: relative;
    border-left: #c9d6e7 solid 1px
}

.restaurant-1 .list li:first-child {
    border: 0
}

.restaurant-1 .list li .ico {
    width: .81rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: -0.28rem;
    bottom: auto;
    margin-left: -0.4rem
}

.restaurant-1 .list li p {
    padding-top: .65rem
}

.restaurant-title {
    text-align: center;
    position: relative;
    padding: .65rem 0 .35rem 0
}

.restaurant-title:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: .44rem;
    height: 1px;
    background: #aebbc5;
    margin-left: -0.22rem
}

.restaurant-title h2 {
    font-weight: 400;
    font-size: .32rem;
    line-height: 1em;
    padding-bottom: .1rem
}

.restaurant-title em {
    text-transform: uppercase;
    font-size: .16rem;
    display: block;
    opacity: .5
}

.restaurant-2 .p-content {
    text-align: center;
    padding: .3rem 0 .35rem 0;
    color: #5a5a5a
}

.restaurant-2 .list {
    background: #f8fbfd
}

.restaurant-2 .list li {
    width: 33.333%
}

.restaurant-2 .list li .ico {
    width: .6rem
}

.restaurant-2 .list li .num {
    font-size: .2rem;
    font-weight: bold;
    padding: .12rem 0 .15rem 0;
    color: #e60012
}

.restaurant-2 .list li .name {
    font-size: .18rem;
    color: #5a5a5a
}

.restaurant-3 {
    padding-top: .6rem
}

.restaurant-3 .img {
    width: 4.75rem
}

.restaurant-3 .list {
    width: 2.35rem;
    border: #e8e8e8 solid 1px;
    border-top: 0
}

.restaurant-3 .list li {
    border-top: #e8e8e8 solid 1px;
    height: 1.12rem
}

.restaurant-3 .list li .ico {
    width: .4rem
}

.restaurant-3 .list li .name {
    font-size: .18rem;
    color: #5a5a5a;
    padding-top: .08rem
}

.restaurant-4 {
    padding-top: .35rem
}

.restaurant-4 .list li {
    width: 5.96rem
}

.restaurant-4 .list .name {
    line-height: .65rem;
    text-align: center;
    font-size: .18rem;
    background: #f5f5f5;
    color: #5a5a5a
}

.restaurant-4 .msg {
    text-align: center;
    color: #5a5a5a;
    font-size: .14rem;
    line-height: .32rem;
    padding-bottom: .25rem;
    margin-top: -0.1rem
}

.restaurant-4 .msg h3 {
    font-size: .16rem
}

.news-img ul {
    margin-left: -0.38rem
}

.news-img li {
    width: 33.333%;
    padding: 0 0 .2rem .38rem
}

.news-img a {
    display: block;
    position: relative;
    padding: 0 .3rem .1rem .3rem;
    font-size: .14rem;
    color: #fff;
    background: #e60012
}

.news-img a:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #27292a url(../images/img27.png) center no-repeat;
    background-size: .27rem;
    width: .27rem;
    height: .27rem
}

.news-img a .img {
    margin-left: -0.3rem;
    margin-right: -0.3rem;
    padding-bottom: .2rem
}

.news-img a .name {
    font-size: .16rem;
    line-height: .26rem;
    height: .52rem;
    overflow: hidden
}

.news-img a .time {
    line-height: .32rem
}

.news-img a:hover {
    background:  #d35560
}

.news-img a:hover:before {
    background-color: #e60012
}

.news-img-foot {
    border-top: #ccc solid 1px;
    padding: .4rem 0 .52rem 0
}

.news ul {
    margin-left: -0.38rem
}

.news li {
    width: 33.333%;
    padding-left: .38rem
}

.news a {
    display: block;
    min-height: 1.25rem;
    border-bottom: #dfdfdf solid 1px;
    padding: .24rem 0 0 0
}

.news a .name {
    height: .48rem;
    line-height: .24rem;
    font-size: .18rem;
    padding-left: .25rem;
    overflow: hidden;
    color: #27292a;
    position: relative
}

.news a .name:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .1rem;
    width: .15rem;
    height: .03rem;
    background: #27292a
}

.news a .time {
    padding-left: .25rem;
    font-size: .14rem;
    color: #9a9d9e;
    line-height: .42rem
}

.news a:hover .name {
    color: #e60012
}

.news a:hover .name:before {
    background: #e60012
}

.law {
    font-size: .14rem;
    line-height: .3rem;
    text-align: justify;
    color: #5a5a5a;
    padding: .2rem 0 1rem 0
}

.law h2 {
    font-size: .18rem;
    color: #e60012;
    padding-bottom: .14rem
}

.law p {
    padding-bottom: .14rem
}

.cooperation {
    padding: .2rem 0 1rem .5rem
}

.cooperation .title {
    padding: .34rem 0 .14rem 0;
    position: relative;
    color: #e60012;
    font-size: .24rem
}

.cooperation .title img {
    width: .42rem;
    position: absolute;
    z-index: 10;
    left: -0.5rem;
    right: auto;
    top: .28rem;
    bottom: auto
}

.cooperation .content {
    font-size: .14rem;
    line-height: .2rem;
    text-align: justify;
    color: #5a5a5a
}

.cooperation .content p {
    padding-bottom: .14rem
}

.notice .title,
.notice li {
    padding: 0 .3rem 0 .5rem;
    text-align: center
}

.notice .title .col-1,
.notice li .col-1 {
    text-align: left;
    width: 8.2rem
}

.notice .title .col-2,
.notice .title .col-3,
.notice li .col-2,
.notice li .col-3 {
    width: 1.3rem
}

.notice .title {
    background:  #d35560;
    font-size: .16rem;
    height: .5rem;
    color: #fff
}

.notice li {
    height: .76rem;
    line-height: .26rem;
    background: #e3f8ff;
    font-size: .16rem;
    position: relative
}

.notice li:before {
    content: "";
    display: block;
    position: absolute;
    left: .2rem;
    width: .15rem;
    height: .03rem;
    background: #27292a
}

.notice li .col-1 {
    height: .76rem;
    line-height: .76rem
}

.notice li .col-3 {
    font-size: .14rem
}

.notice li a {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.notice li:nth-child(even) {
    background: #f9f9f9
}

.notice li.on {
    color:  #d35560
}

.notice li.on:before {
    background:  #d35560
}

.notice li.on a {
    color:  #d35560
}

.notice li.on .col-1,
.notice li.on .col-2 {
    font-weight: 600
}

.notice-show {
    padding: .2rem 0 .3rem 0
}

.notice-show .title {
    padding: .34rem 0 .14rem 0;
    position: relative;
    color: #e60012;
    font-size: .2rem
}

.notice-show .content {
    font-size: .14rem;
    line-height: .2rem;
    text-align: justify;
    color: #5a5a5a
}

.notice-show .content p {
    padding-bottom: .14rem
}

.notice-show .msg {
    font-size: .16rem
}

.contact-1 .p-title {
    height: 2.7rem
}

.contact-1 .list li {
    width: 25%;
    text-align: center;
    height: 2.78rem;
    color: #5a5a5a
}

.contact-1 .list li .ico {
    width: .79rem;
    margin: 0 auto
}

.contact-1 .list li .name {
    font-size: .18rem;
    padding: .2rem 0 .15rem 0
}

.contact-1 .list li span {
    font-size: .2rem;
    display: block;
    line-height: .26rem
}

.contact-1 .list li p {
    font-size: .2rem;
    line-height: .26rem
}

.contact-2 {
    background: #f0f5f9;
    padding-bottom: .85rem
}

.contact-2 .p-title {
    background: no-repeat;
    height: 2.7rem
}

.contact-2 .col {
    width: 4.8rem
}

.contact-2 .col .title h2 {
    font-size: .24rem;
    font-weight: 400;
    line-height: 1em;
    padding-bottom: .18rem
}

.contact-2 .col .title em {
    text-transform: uppercase;
    font-size: .2rem
}

.contact-2 .col .p-content {
    line-height: .24rem;
    color: #5a5a5a;
    min-height: 2.25rem;
    padding: .35rem 0
}

.contact-2 .col .btn a {
    background: #e60012;
    color: #fff;
    text-align: center;
    height: 1.42rem;
    width: 2.37rem;
    font-size: .16rem
}

.contact-2 .col .btn a img {
    width: .44rem;
    margin-bottom: .1rem
}

.contact-2 .col .btn a:hover {
    background-color:  #d35560
}

.contact-2 .img {
    width: 6.77rem
}

.contact-3 .p-title {
    height: 2.35rem
}

.contact-3 .container {
    background: url(../images/img1200_3.jpg) center no-repeat;
    background-size: cover;
    min-height: 4.42rem;
    margin-bottom: .5rem;
    padding: 1.5rem 0 0 .5rem
}

.contact-3 .container h2 {
    font-size: .32rem;
    font-weight: 400;
    line-height: 1em
}

.contact-3 .container em {
    text-transform: uppercase;
    font-size: .2rem;
    display: block;
    padding: .15rem 0 .2rem 0
}

.contact-3 .container p {
    font-size: .16rem;
    line-height: .26rem;
    color: #5a5a5a
}

.contact-3 .list {
    height: 4.87rem
}

.contact-3 .list ul {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start
}

.contact-3 .list li {
    width: 3.85rem;
    min-height: 4.87rem;
    position: relative;
    border: #d0d0d0 solid 1px;
    padding: 0 .27rem;
    background: #fff;
    z-index: 11
}

.contact-3 .list li .title {
    padding: .25rem 0 .2rem 0;
    letter-spacing: .01rem
}

.contact-3 .list li .title h2 {
    font-size: .2rem;
    font-weight: 400;
    line-height: 1em;
    padding-bottom: .06rem
}

.contact-3 .list li .title em {
    font-size: .16rem
}

.contact-3 .list li .p-content {
    color: #5a5a5a;
    line-height: .24rem
}

.contact-3 .list li .hide {
    display: none
}

.contact-3 .list li a.more {
    display: block;
    width: .22rem;
    height: .22rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: -1px;
    top: auto;
    bottom: -1px;
    background: #e60012 url(../images/img22_2.png) center no-repeat;
    background-size: 100%
}

.contact-3 .list li a.more:hover {
    background-color:  #d35560
}

.contact-3 .list li.show-more .hide {
    display: block
}

.contact-3 .list li.show-more a.more {
    background-image: url(../images/img22_2on.png)
}

.contact-3 .list li.li_01 .logo {
    width: .88rem;
    margin: 0 auto;
    padding: .15rem 0 .4rem 0
}

.contact-3 .list li.li_01 dl {
    margin-right: -0.08rem;
    margin-left: -0.08rem
}

.contact-3 .list li.li_01 dd {
    padding-bottom: 3px
}

.contact-3 .list li.li_01 dd a {
    display: block;
    height: .57rem;
    line-height: .57rem;
    text-align: center;
    background: #e60012;
    font-size: .16rem;
    color: #fff;
    border-radius: .06rem
}

.contact-3 .list li.li_01 dd a:hover {
    background:  #d35560
}

.contact-3 .list li.li_02 .p-content {
    margin-right: -0.07rem
}

.contact-3 .list li.li_02 .p-content p {
    padding-bottom: .18rem
}

.contact-3 .list li.li_02 .title2 {
    font-size: .16rem;
    padding: .18rem 0 .06rem 0
}

.contact-3 .list li.li_03 .btn a {
    padding: .5rem 0 .75rem 0
}

.contact-3 .list li.li_03 .btn a img {
    font-size: .53rem
}

.contact-3 .list li.li_03 .btn a p {
    color: #e60012;
    font-size: .18rem;
    padding-top: .15rem
}

.contact-3 .msg {
    text-align: center;
    font-size: .18rem;
    line-height: 1.5em;
    color: #5a5a5a;
    padding: .45rem 0 .6rem 0
}

.contact-3 .msg a {
    color: #e60012
}

.newSearch {
    background: #f5fcfe;
    border: #c7eefb solid 1px;
    padding: .09rem .2rem;
    border-radius: .1rem;
    margin-bottom: .3rem;
    color: dimgray
}

.newSearch .input {
    height: .41rem;
    border: #a5def5 solid 1px;
    border-radius: .5rem
}

.newSearch .input input {
    width: 100%;
    height: .39rem;
    line-height: .39rem;
    padding: 0 .2rem;
    font-size: .16rem
}

.newSearch .input input.on {
    color: #333
}

.newSearch .time h3 {
    font-size: .18rem;
    font-weight: 400
}

.newSearch .time .input {
    width: 2.3rem;
    margin-right: .06rem;
    position: relative
}

.newSearch .time .input:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: .16rem;
    width: .2rem;
    bottom: 0;
    background: url(../images/img20_3.png) center no-repeat;
    background-size: 100%
}

.newSearch .form {
    width: 5.9rem;
    position: relative
}

.newSearch .form .submit {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    width: .55rem;
    height: .41rem;
    background: url(../images/img18.png) center no-repeat;
    background-size: .18rem
}

.newSearch .form .submit input {
    width: 100%;
    height: .41rem;
    cursor: pointer
}

.page-search {
    font-size: .18rem;
    color: #5a5a5a;
    padding-bottom: 1.4rem
}

.page-search .msg {
    padding: .45rem 0 .35rem .26rem;
    border-bottom: #dfdfdf solid 1px
}

.page-search .msg em {
    color: #e60012;
    font-size: .24rem
}

.page-search li {
    border-bottom: #dfdfdf solid 1px
}

.page-search li a {
    display: block;
    position: relative;
    padding: 0 .26rem;
    height: .69rem;
    line-height: .69rem;
    color: #5a5a5a
}

.page-search li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: .15rem;
    height: .03rem;
    margin-top: -0.015rem;
    background: #27292a
}

.page-search li a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: .08rem;
    background: url(../images/img8_2.png) center no-repeat;
    background-size: 100%
}

.page-search li a:hover {
    color: #e60012
}

.page-search li a:hover:before {
    background: #e60012
}

.page-search li a:hover:after {
    background-image: url(../images/img8_2on.png)
}

.zxjb-layer {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    visibility: hidden;
    color: #5a5a5a;
    font-size: .14rem
}

.zxjb-layer.show {
    opacity: 1;
    visibility: visible
}

.zxjb-layer .container {
    width: 10.83rem;
    min-height: 5rem;
    max-height: 96vh;
    overflow-y: auto;
    position: relative;
    background: #fff;
    padding: 0 .8rem
}

.zxjb-layer a.close {
    display: block;
    width: .23rem;
    height: .23rem;
    background: url(../images/close23.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 10;
    left: auto;
    right: .38rem;
    top: .26rem;
    bottom: auto
}

.zxjb-layer a.close:hover {
    background-image: url(../images/close23on.png)
}

.zxjb-layer .title {
    text-align: center;
    font-size: .24rem;
    line-height: 1em;
    padding: .45rem 0 .25rem 0
}

.zxjb-layer .box {
    border: #e1e1e1 solid 1px;
    padding: 0 .6rem
}

.zxjb-layer .tips {
    position: relative;
    padding: .38rem 0 .2rem .26rem
}

.zxjb-layer .tips .ico {
    width: .21rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: .38rem;
    bottom: auto
}

.zxjb-layer .tips p {
    line-height: .27rem
}

.zxjb-layer .check {
    min-height: .55rem;
    padding-bottom: .2rem
}

.zxjb-layer .check dl {
    margin-right: -0.23rem
}

.zxjb-layer .check dd {
    height: .3rem;
    line-height: .3rem;
    padding: 0 .23rem 0 .24rem;
    background: url(../images/img15.png) left center no-repeat;
    background-size: .15rem;
    position: relative
}

.zxjb-layer .check dd input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.zxjb-layer .check dd.on {
    color: #e60012;
    background-image: url(../images/img15on.png)
}

.zxjb-layer .form ul.ul-1 {
    width: 3.01rem
}

.zxjb-layer .form ul.ul-2 {
    width: 4.85rem
}

.zxjb-layer .form li {
    padding-bottom: .06rem
}

.zxjb-layer .form .input {
    min-height: .39rem;
    border: #d4d4d4 solid 1px
}

.zxjb-layer .form .input input,
.zxjb-layer .form .input textarea {
    width: 100%;
    height: .37rem;
    line-height: .37rem;
    padding: 0 .12rem;
    font-size: .14rem;
    color: #5a5a5a
}

.zxjb-layer .form .input textarea {
    height: 1.24rem;
    padding: .08rem .12rem;
    line-height: .21rem
}

.zxjb-layer .form .input input::-webkit-input-placeholder,
.zxjb-layer .form .input textarea::-webkit-input-placeholder {
    color: #a8a8a8
}

.zxjb-layer .form .input input:-moz-placeholder,
.zxjb-layer .form .input textarea:-moz-placeholder {
    color: #a8a8a8
}

.zxjb-layer .form .input input::-moz-placeholder,
.zxjb-layer .form .input textarea::-moz-placeholder {
    color: #a8a8a8
}

.zxjb-layer .form .input input:-ms-input-placeholder,
.zxjb-layer .form .input textarea:-ms-input-placeholder {
    color: #a8a8a8
}

.zxjb-layer .form-2 {
    border-top: #d4d4d4 solid 1px;
    margin-right: -0.6rem;
    margin-left: -0.6rem;
    padding: 0 .6rem .2rem .6rem
}

.zxjb-layer .form-2 .msg {
    padding: .2rem 0
}

.zxjb-layer .form-2 ul {
    width: 100%;
    margin-left: -0.08rem
}

.zxjb-layer .form-2 li {
    width: 50%;
    padding: 0 0 .11rem .08rem
}

.zxjb-layer .file {
    padding-bottom: .42rem;
    position: relative
}

.zxjb-layer .file h3 {
    font-weight: 400;
    padding: .1rem 0;
    font-size: .16rem
}

.zxjb-layer .file dl.btn {
    margin-left: -0.08rem
}

.zxjb-layer .file dd {
    width: 50%;
    padding-left: .08rem
}

.zxjb-layer .file dd div {
    height: .39rem;
    font-size: .16rem;
    color: #757575;
    background: #e3f8ff;
    position: relative
}

.zxjb-layer .file dd div input {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    width: 100%;
    height: 100%;
    opacity: 0
}

.zxjb-layer .file dd div .ico {
    position: relative;
    width: .21rem;
    height: .21rem;
    margin-left: .08rem
}

.zxjb-layer .file dd div .ico img:nth-child(2) {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
    opacity: 0
}

.zxjb-layer .file dd div:hover,
.zxjb-layer .file dd div.on {
    background: #e60012;
    color: #fff
}

.zxjb-layer .file dd div:hover .ico img:nth-child(1),
.zxjb-layer .file dd div.on .ico img:nth-child(1) {
    opacity: 0
}

.zxjb-layer .file dd div:hover .ico img:nth-child(2),
.zxjb-layer .file dd div.on .ico img:nth-child(2) {
    opacity: 1
}

.zxjb-layer .file .list {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    top: .8rem;
    bottom: auto;
    background: #effbff;
    opacity: 0;
    visibility: hidden
}

.zxjb-layer .file .list.show {
    opacity: 1;
    visibility: visible
}

.zxjb-layer .file .list .name,
.zxjb-layer .file .list li {
    text-align: center;
    line-height: .37rem;
    font-size: .16rem
}

.zxjb-layer .file .list .name .col,
.zxjb-layer .file .list li .col {
    width: 25%
}

.zxjb-layer .file .list li {
    border-top: #d0edf6 solid 1px
}

.zxjb-layer .file .list li:hover {
    background: #dcf2f9
}

.zxjb-layer .file .list li a:hover {
    color: red;
    text-decoration: underline
}

.zxjb-layer .file .file-tips-layer {
    position: absolute;
    z-index: 30;
    left: 50%;
    right: auto;
    top: -2.1rem;
    bottom: auto;
    width: 3.55rem;
    height: 2.3rem;
    margin-left: -1.775rem;
    background: #e60012;
    opacity: 0;
    visibility: hidden
}

.zxjb-layer .file .file-tips-layer.show {
    opacity: 1;
    visibility: visible
}

.zxjb-layer .file .file-tips-layer i {
    display: block;
    background: url(../images/close14.png) center no-repeat;
    background-size: .14rem;
    width: .5rem;
    height: .5rem;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 0;
    bottom: auto
}

.zxjb-layer .file .file-tips-layer .ico {
    width: .75rem
}

.zxjb-layer .file .file-tips-layer p {
    text-align: center;
    padding-top: .12rem;
    font-size: .2rem;
    color: #fff
}

.zxjb-layer .submit {
    padding: .5rem 0 .75rem 0
}

.zxjb-layer .submit div {
    margin: 0 auto;
    background: #e60012;
    width: 1.44rem;
    height: .39rem
}

.zxjb-layer .submit input {
    width: 100%;
    height: .39rem;
    font-size: .16rem;
    color: #fff;
    cursor: pointer
}

.p-tips-layer {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    visibility: hidden;
    color: #5a5a5a;
    font-size: .16rem
}

.p-tips-layer.show {
    opacity: 1;
    visibility: visible
}

.p-tips-layer p {
    width: 1.5rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    background: #fff;
    border-radius: .08rem
}

.p-tips-layer2 {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    visibility: hidden;
    color: #5a5a5a;
    font-size: .16rem
}

.p-tips-layer2.show {
    opacity: 1;
    visibility: visible
}

.p-tips-layer2 p {
    width: 1.5rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    background: #fff;
    border-radius: .08rem
}

.p-tips-layer3 {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    visibility: hidden;
    color: #5a5a5a;
    font-size: .16rem
}

.p-tips-layer3.show {
    opacity: 1;
    visibility: visible
}

.p-tips-layer3 p {
    width: 1.5rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    background: #fff;
    border-radius: .08rem
}

.p-tips-layer4 {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    visibility: hidden;
    color: #5a5a5a;
    font-size: .16rem
}

.p-tips-layer4.show {
    opacity: 1;
    visibility: visible
}

.p-tips-layer4 p {
    width: 1.5rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    background: #fff;
    border-radius: .08rem
}

.wal1410 {
    max-width: 12rem;
    margin: 0 auto
}

@font-face {
    font-family: "iconfont";
    src: url("//at.alicdn.com/t/font_2640790_i0hduw50ts.woff2?t=1652864248098") format("woff2"), url("../fonts/font_2640790_i0hduw50ts.woff") format("woff"), url("../fonts/font_2640790_i0hduw50ts.ttf") format("truetype")
}

.index3-flash {
    position: relative
}


.index3-flash .list {
    width: 100%;
    overflow: hidden;
    position: relative
}
/* 轮播图开始 */
.index3-flash .list .txt{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.index3-flash .list .txt h3{
    letter-spacing: 5px;
    font-size: 46px;
    font-weight: 400;
    color: #fff;
}
.index3-flash .list .txt p{
    letter-spacing: 2px;
    font-size: 30px;
    color: #fff;
    margin-top: 30px;
}
/* 轮播图结束 */


.index3-flash .list li {
    height: 100vh;
    background: center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.index3-flash .list li video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.index3-flash .list li .wal1410 {
    height: 100vh;
    position: relative;
    z-index: 5
}

.index3-flash .list li .wal1410 .img {
    width: 5rem;
    position: absolute;
    left: 0;
    top: 37.962962963vh
}

.index3-flash .list li .wal1410 .img814 {
    width: 7.14rem;
    position: absolute;
    left: 0;
    top: 51.3888888889vh
}

.index3-flash .list2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.5rem;
    z-index: 9
}

.index3-flash .list2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.15rem
}

.index3-flash .list2 li {
    width: 33.333%;
    padding-left: .15rem
}

.index3-flash .list2 .box {
    height: 2.08rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: #f6f8fa;
    box-shadow: 0 .1rem .5rem 0 rgba(0, 0, 0, .1)
}

.index3-flash .list2 .box .num {
    font-size: .72rem;
    line-height: 1em;
    color: #e60012;
    font-family: "DINCOND";
    border-bottom: #c0d9e5 solid .07rem;
    padding-bottom: .1rem;
    margin-bottom: .1rem
}

.index3-flash .list2 .box .name {
    font-size: .16rem;
    line-height: .26rem;
    color: #000
}

.index3-service{
    background-image: url(../images/index3-service-bg.jpg);
    padding: 80px 0;
}

.index3-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;
    color: #e60012;
    padding-bottom: .5rem
}

.index3-title h2 {
    font-size: .32rem;
    line-height: 1em;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.index3-title .en {
    margin-left: .17rem;
    max-height: .4rem;
    max-width: 100%
}

.p-more2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .14rem;
    color: #e60012;
    border: 1px solid #e60012;
    padding: 5px 20px;
    border-radius: 3px;
}

.p-more2:after {
    display: block;
    content: "";
    font-family: "iconfont";
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: .04rem;
    font-size: 12px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

.p-more2:hover {
    color: #e60012
}

.index3-news {
    padding: 1rem 0;
    position: relative
}

.index3-news .list {
    width: 5.6rem
}

.index3-news .list li {
    padding-bottom: .3rem;
    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
}

.index3-news .list li a {
    display: block;
    font-size: .16rem;
    line-height: 1em;
    width: 100%
}

.index3-news .list li a .name {
    font-size: .2rem;
    line-height: .3rem;
    height: .3rem
}

.index3-news .list li a .time {
    color: #a5a5a5;
    margin-top: .15rem
}

.index3-news .list li a:hover {
    color: #e60012
}

.index3-news .list li:after {
    display: block;
    content: "";
    font-family: "iconfont";
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: .15rem;
    font-size: 12px;
    line-height: .3rem
}

.index3-news .img-list {
    width: 5rem;
    position: absolute;
    top: 1.5rem;
    right: 0
}

.index3-news .img-list:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: -0.8rem;
    top: .6rem;
    width: 1rem;
    height: .2rem;
    background:  #d35560
}

.index3-news .img-list .list-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative
}

.index3-news .img-list li a {
    display: block;
    position: relative
}

.index3-news .img-list li a .time {
    position: absolute;
    z-index: 5;
    left: .4rem;
    top: .4rem;
    color: #fff;
    font-weight: bold;
    font-size: .28rem;
    line-height: 1em
}

.index3-news .img-list li a .time i {
    display: block;
    height: .18rem;
    background: url(../images/img23_2.png) center no-repeat;
    background-size: .23rem
}

.index3-news .img-list li a .layer {
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 0;
    height: .7rem;
    padding: 0 .24rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: url(../images/img113.png) center no-repeat;
    background-size: 100% 100%;
    font-size: .16rem
}

.index3-news .img-list li a .layer .name {
    font-size: .2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .06rem
}

.index3-news .img-list li a .layer .name:after {
    display: block;
    content: "";
    font-family: "iconfont";
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: .15rem;
    font-size: 12px
}

.index3-news .img-list .arrow {
    padding-top: .3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index3-news .img-list .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;
    margin: 0 .09rem;
    background: #f6f6f6;
    width: .5rem;
    height: .5rem;
    font-family: "iconfont";
    color: #e60012;
    border: 1px solid #e60012;
    font-size: .14rem
}

.index3-news .img-list .arrow a:hover {
    color: #fff;
    background: #e60012
}

.index3-news .more {
    padding-top: .45rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index3-about .more {
    padding-top: .45rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.index3-service-news {
    background: #f6f6f6;
    min-height: 1rem
}

.index3-service-news .list {
    padding: .8rem 0 0 0
}

.index3-service-news .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.5rem
}

.index3-service-news .list li {
    width: 33.333%;
    padding: 0 0 .5rem .5rem
}

.index3-service-news .list a {
    display: block
}

.index3-service-news .list a .time {
    font-size: .16rem;
    color: rgba(0, 0, 0, .6);
    margin-bottom: .06rem
}

.index3-service-news .list a .name {
    font-size: .2rem;
    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
}

.index3-service-news .list a .name em {
    display: block;
    line-height: .3rem;
    height: .6rem
}

.index3-service-news .list a .name:after {
    display: block;
    content: "";
    font-family: "iconfont";
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: .2rem;
    font-size: 12px;
    line-height: .3rem
}

.index3-service-news .list a:hover {
    color: #e60012
}

.index3-service-news .more {
    padding-bottom: .8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index3-quality {
    padding: 1rem 0
}

.index3-quality .container {
    position: relative
}

.index3-quality .container video {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.index3-quality .container .video-btn {
    background: url(../images/img78.png) center no-repeat;
    background-size: 100% 100%;
    width: .78rem;
    height: .78rem;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    margin-left: -0.39rem;
    margin-top: -0.39rem;
    cursor: pointer
}

.index3-quality .container .title {
    position: absolute;
    right: 1rem;
    bottom: .8rem;
    width: 6rem
}

/* .index3-service {
    padding-bottom: 1rem
} */

.index3-service .list {
    width: 100%;
    overflow: hidden;
    position: relative;
    /* background: #f6f6f6 */
}

.index3-service li .wal1410 {
    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
}

.index3-service li .video {
    position: relative;
    width: 7.5rem
}

.index3-service li .video img {
    width: 100%
}

.index3-service li .video .time {
    position: absolute;
    z-index: 5;
    right: .3rem;
    bottom: .3rem;
    color: #fff;
    text-align: right;
    width: 1rem;
    border-top: #fff solid .2rem;
    font-size: .28rem;
    line-height: 1em;
    padding-top: .3rem;
    font-weight: bold
}

.index3-service li .video .time i {
    display: block;
    height: .18rem;
    background: url(../images/img23_2.png) center no-repeat;
    background-size: .23rem;
    margin-left: auto;
    width: .6rem
}

.index3-service li .video .video-btn {
    background: url(../images/img78.png) center no-repeat;
    background-size: 100% 100%;
    width: .78rem;
    height: .78rem;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    margin-left: -0.39rem;
    margin-top: -0.39rem;
    cursor: pointer
}

.index3-service li .col {
    width: 4rem;
    color: #fff;
    position: relative
}

.index3-service li .col:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.7rem;
    right: 0;
    background: url(../images/img507.svg) center no-repeat;
    background-size: 100%;
    width: 4.8rem;
    height: .3rem
}

.index3-service li .col h2 {
    font-size: .36rem;
    line-height: .44rem;
    height: 2.3rem;
    padding-top: .5rem
}

.index3-service li .col .content {
    font-size: .18rem;
    line-height: 1.5em;
    text-align: justify;
    opacity: .8
}

.index3-service .arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    z-index: 5;
    right: 35%;
    margin-right: -6rem;
    width: 4rem
}

.index3-service .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;
    margin-right: .2rem;
    background: #fff;
    width: .5rem;
    height: .5rem;
    font-family: "iconfont";
    color: #e60012;
    border: 1px solid #e60012;
    font-size: .2rem
}

.index3-service .arrow a:hover {
    color: #fff;
    background: #e60012
}

.video-layer {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.video-layer.show {
    opacity: 1;
    visibility: visible
}

.video-layer .container {
    width: 12rem;
    background: #fff;
    position: relative
}

.video-layer .container video {
    display: block;
    width: 100%
}

.video-layer .container .close {
    position: absolute;
    left: 100%;
    top: 0;
    color: #fff;
    font-family: "iconfont";
    font-size: .3rem;
    width: 1rem;
    text-align: center
}

.video-layer .container .close:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.quality-story {
    padding: 2.5rem 0 0 0
}

.quality-story .list a {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden
}

.quality-story .list a .img img {
    width: 100%;
    height: 3rem
}

.quality-story .list a .time {
    position: absolute;
    z-index: 5;
    left: .23rem;
    top: .2rem;
    color: #fff;
    font-weight: bold;
    font-size: .28rem;
    line-height: 1em
}

.quality-story .list a .time i {
    display: block;
    height: .18rem;
    background: url(../images/img23_2.png) center no-repeat;
    background-size: .23rem
}

.quality-story .list a .layer {
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 0;
    height: .8rem;
    padding: 0 .24rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: url(../images/img113.png) center no-repeat;
    background-size: 100% 100%;
    font-size: .16rem
}

.quality-story .list a .layer .name {
    font-size: .2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.quality-story .list a .layer .name:after {
    display: block;
    content: "";
    font-family: "iconfont";
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: .15rem;
    font-size: 12px
}

.quality-story .list a:hover .img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.quality-story .list a:hover .layer .name {
    color: #c0d9e5
}

.quality-story .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .5rem 0 1rem 0
}

@media screen and (min-width: 800px) {
    .quality-story .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.15rem
    }

    .quality-story .list li {
        width: 33.333%;
        padding-left: .15rem
    }
}

.attract-investment {
    padding: 1rem 0 1.5rem 0;
    /* background: url(../images/img1920_6.png) center 1.7rem no-repeat; */
    background-size: 100%;
    max-width: 19.2rem;
    margin: 0 auto
}

.attract-investment .index3-title {
    padding-bottom: 1rem
}

.attract-investment .list {
    padding: 0 0 .3rem 0
}

.attract-investment .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.5rem */
}

.attract-investment .list li {
    position: relative;
    width: 50%;
    /* padding: 0 0 .5rem .5rem; */
    border: 1px solid #ccc;
    z-index: 99;
    cursor: pointer;
}

.attract-investment .list li h2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 0.2381rem;
    text-align: center;
    line-height: 250px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
}

.attract-investment .list li .casetext {
    position: absolute;
    bottom: -20%;
    color: #fff;
    padding: 20px;
    text-align: center;
}

.attract-investment .list li:hover {
    animation-name: toup;
    animation-duration: 2s;
}

.attract-investment .list li:hover .casetext {
    bottom: 20%;
}

.attract-investment .list li:hover h2 {
    line-height: 200px;
}

.attract-investment .list a {
    display: block
}

.attract-investment .list a .time {
    font-size: .16rem;
    color: rgba(0, 0, 0, .6);
    margin-bottom: .06rem
}

.attract-investment .list a .name {
    font-size: .2rem;
    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
}

.attract-investment .list a .name em {
    display: block;
    line-height: .32rem;
    height: .64rem
}

.attract-investment .list a .name:after {
    display: block;
    content: "";
    font-family: "iconfont";
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: .2rem;
    font-size: 12px;
    line-height: .32rem
}

.attract-investment .list a:hover {
    color: #e60012
}

.attract-investment .more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

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

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex
}

.flexColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}

.itemsCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center
}

.justifyCenter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center
}

.flexAround {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-justify-content: space-around
}

.flexBetween {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.flexWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

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

    .wal {
        max-width: 8rem
    }

    .phoneShow {
        display: block
    }

    .pcShow {
        display: none
    }

    body.navShow {
        overflow: hidden
    }

    body.navShow .g-head .navA {
        background-image: url(../images/close.png)
    }

    body.navShow .g-nav {
        right: 0
    }

    .g-headD {
        height: 1.04rem
    }

    .g-head {
        position: fixed;
        border-bottom: #eee solid 1px
    }

    .g-head .wal {
        min-height: 1.04rem
    }

    .g-head a.logo {
        top: 0;
        height: 1.04rem
    }

    .g-head .navA {
        display: block;
        position: absolute;
        z-index: 10;
        left: auto;
        right: -0.3rem;
        top: 0;
        bottom: auto;
        width: 1.04rem;
        height: 1.04rem;
        background: url(../images/nava.png) center no-repeat;
        background-size: .4rem
    }

    .g-head .btn {
        display: none
    }

    .g-head .btn-tel {
        display: block;
        position: absolute;
        z-index: 10;
        left: auto;
        right: .7rem;
        top: 50%;
        bottom: auto;
        margin-top: -0.225rem
    }

    .g-head .btn-tel dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex
    }

    .g-head .btn-tel dd {
        margin-left: .12rem;
        position: relative
    }

    .g-head .btn-tel 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;
        height: .45rem;
        border-radius: .5rem;
        background:  #d35560
    }

    .g-head .btn-tel a img {
        width: .45rem
    }

    .pctel{display: none;}

    .g-head .btn-tel a em {
        font-size: .18rem;
        color: #fff;
        padding-right: .1rem;
        line-height: .18rem
    }

    .g-head .btn-tel a.search-a {
        background: #e60012
    }

    .g-head .btn-tel .form {
        position: absolute;
        z-index: 10;
        left: auto;
        right: -0.1rem;
        top: -0.1rem;
        bottom: auto;
        border: #ddd solid 1px;
        border-radius: .4rem;
        width: 3.6rem;
        height: .65rem;
        background: #fff;
        display: none
    }

    .g-head .btn-tel .form .input input {
        width: 100%;
        height: .61rem;
        line-height: .61rem;
        padding: 0 .15rem;
        font-size: .24rem
    }

    .g-head .btn-tel .form .submit {
        position: absolute;
        z-index: 10;
        left: auto;
        right: .1rem;
        top: .1rem;
        bottom: auto;
        width: .45rem;
        height: .45rem;
        background:  #d35560 url(../images/img45_1.png) center no-repeat;
        background-size: .45rem;
        border-radius: 50%;
        margin-top: -1px;
        margin-right: -1px
    }

    .g-head .btn-tel .form .submit input {
        width: 100%;
        height: .45rem;
        opacity: 0
    }

    .g-head .btn-tel dd.on .form {
        display: block
    }

    .g-nav {
        position: fixed;
        overflow-y: auto;
        width: 100%;
        background: #fff;
        right: -100%;
        top: 1.04rem;
        bottom: 0
    }

    .g-nav li {
        border-top: #ddd solid 1px;
        width: 100%;
        margin: 0
    }

    .g-nav a.name {
        height: 1.04rem;
        line-height: 1.04rem;
        font-size: .26rem;
        padding-left: .5rem
    }

    .g-nav .list {
        border-top: #ddd solid 1px;
        padding: .1rem 0;
        display: none
    }

    .g-nav .list a {
        display: block;
        font-size: .24rem;
        height: .8rem;
        line-height: .8rem;
        padding-left: .5rem;
        text-transform: uppercase
    }

    .f-nav ul {
        border-left: 0;
        margin-right: -0.3rem;
        margin-left: -0.3rem
    }

    .f-nav li:last-child {
        border: 0
    }

    .f-nav li h2 {
        font-size: .24rem;
        padding-bottom: .2rem
    }

    .f-nav li dd {
        font-size: .22rem;
        line-height: .44rem
    }

    .g-foot {
        font-size: .2rem;
        padding: .4rem 0 .3rem 0;
        text-align: center
    }

    .g-foot .link {
        padding: .2rem 0;
        font-size: .24rem;
        margin-left: -0.3rem;
        margin-right: -0.3rem
    }

    .g-foot .msg {
        line-height: .4rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center
    }

    .g-foot .msg p {
        padding: 0 .2rem
    }

    .g-foot .list {
        position: static;
    }

    .g-foot .list ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-justify-content: center
    }

    .g-foot .list li {
        width: 1.6rem;
        margin-left: 0
    }

    .g-foot .list li .img {
        width: .8rem;
        margin: 0 auto
    }

    .g-foot .list li .name {
        font-size: .22rem;
        padding-top: .08rem
    }

    .indexFlash li {
        background-size: auto 7.5rem
    }

    .indexFlash li .img-list {
        width: 5.2rem;
        top: 1.04rem;
        margin-right: -4.5rem
    }

    .indexFlash li .wal {
        height: 5.5rem
    }

    .indexFlash li .wal .title {
        padding-top: 2.3rem
    }

    .indexFlash li .wal .title h2 {
        font-size: .32rem;
        line-height: .5rem
    }

    .indexFlash li .wal .title p {
        font-size: .2rem;
        line-height: .24rem;
        margin-right: -1rem
    }

    .indexFlash li .wal .tel {
        display: none
    }

    .indexFlash li.li_01:after {
        background-image: url(../images/img750_1.png)
    }

    .indexFlash li.li_01 .wal .title h2 {
        width: 2rem
    }

    .indexFlash li.li_01 .wal .title p {
        width: 3.5rem
    }

    .indexFlash li.li_02 .wal .title {
        padding-top: 1.56rem;
        width: 100%;
        text-align: center;
        color:  #d35560
    }

    .indexFlash li.li_02 .wal .title p {
        margin: 0
    }

    .indexFlash li.li_03:after {
        background-image: url(../images/img750_2.png)
    }

    .indexFlash li.li_03 .wal .title p {
        width: 3.5rem
    }

    .indexFlash .dots,
    .indexFlash .dots.on {
        right: 0;
        top: auto;
        bottom: .3rem;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-direction: row
    }

    .indexFlash .dots span,
    .indexFlash .dots.on span {
        height: .1rem;
        width: .1rem;
        margin: 0 .06rem;
        border-radius: 50%;
        background: #fff
    }

    .indexFlash .dots span.swiper-pagination-bullet-active,
    .indexFlash .dots.on span.swiper-pagination-bullet-active {
        background:  #d35560
    }

    .index-news {
        font-size: .14rem
    }

    .index-news li {
        width: 100%;
        padding-bottom: .12rem
    }

    .index-news .img-list a {
        padding: .35rem .15rem .06rem 3.6rem;
        height: 2.26rem;
        overflow: hidden
    }

    .index-news .img-list a:before {
        width: .32rem;
        height: .32rem
    }

    .index-news .img-list a .img {
        margin: 0;
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        width: 3.4rem
    }

    .index-news .img-list a .name {
        font-size: .28rem;
        line-height: .4rem;
        height: .8rem;
        margin-top: 0
    }

    .index-news .img-list a .time {
        font-size: .22rem;
        padding-top: .5rem
    }

    .index-news .list {
        display: none
    }

    .index-news .more {
        padding: .25rem 0 .35rem 0;
        font-size: .26rem
    }

    .index-layout {
        background: none;
        position: relative
    }

    .index-layout:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 9.5rem;
        background: #f3f3f3
    }

    .index-layout .map {
        position: relative;
        left: -1.35rem;
        top: 0
    }

    .index-layout .map .list h2 {
        font-size: .24rem;
        white-space: nowrap;
        margin-left: -0.4rem
    }

    .index-layout .map .list .layer {
        width: 2.4rem;
        margin-left: -1.2rem
    }

    .index-layout .map .list .layer .name {
        line-height: .4rem;
        font-size: .24rem
    }

    .index-layout .map .list .layer dl {
        padding: .1rem 0 .15rem .25rem
    }

    .index-layout .map .list .layer dd {
        font-size: .22rem;
        height: .4rem;
        line-height: .4rem
    }

    .index-layout .map2 {
        position: relative;
        left: -1.35rem;
        top: 0;
        padding: .5rem 0
    }

    .index-layout .container {
        width: 100%;
        position: relative;
        background: none;
        min-height: 1rem
    }

    .index-layout .container .p-title {
        color: #333;
        border-top: #f6f6f6 solid .07rem;
        margin-right: -0.3rem;
        margin-left: -0.3rem
    }

    .index-layout .container .p-title em {
        display: block;
        letter-spacing: .055rem;
        padding-left: .04rem
    }

    .index-layout .container .title,
    .index-layout .container .form,
    .index-layout .container .search {
        display: none
    }

    .index-layout .container .list {
        padding: 0 0 .8rem .4rem
    }

    .index-layout .container .list li {
        height: .56rem;
        font-size: .28rem;
        padding: 0 .2rem 0 0;
        min-width: 16.666%
    }

    .index-layout .container .list li a {
        color: #5a5a5a;
        padding: 0;
        height: .56rem;
        line-height: .56rem
    }

    .index-layout .container .list li a:hover {
        background: #fff;
        color: #e60012
    }

    .p-title {
        height: 1.83rem;
        background: url(../images/img136.png) center top no-repeat;
        background-size: 1.36rem;
        font-size: .24rem
    }

    .p-title h2 {
        font-size: .42rem;
        padding: .45rem 0 .1rem 0;
        font-weight: 600
    }

    .p-content {
        font-size: .26rem;
        line-height: .42rem
    }

    .p-banner {
        height: 2.8rem
    }

    .p-banner-2 {
        height: 2.8rem
    }

    .p-nav {
        margin-top: 0
    }

    .p-nav ul {
        margin-left: -0.3rem;
        margin-right: -0.3rem
    }

    .p-nav a {
        height: .76rem;
        line-height: .76rem;
        font-size: .28rem
    }

    .about-1 {
        padding: 0 0 .5rem 0
    }

    .about-1 .col {
        width: 100%
    }

    .about-1 .list {
        padding-right: 0
    }

    .about-1 .list li {
        height: auto
    }

    .about-1 .list li .name {
        font-size: .24rem;
        padding-top: .1rem
    }

    .about-1 .p-content {
        padding-right: 0
    }

    .about-1 .img {
        width: 100%;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        padding: .28rem 0
    }

    .about-2 {
        background: #f6f6f6 url(../images/img640.jpg) center no-repeat;
        background-size: auto 9.98rem
    }

    .about-2 .wal {
        min-height: 9.98rem
    }

    .about-2 .title {
        margin-top: -1.6rem
    }

    .about-2 .title h2 {
        font-size: .38rem
    }

    .about-2 .title em {
        font-size: .22rem
    }

    .about-2 .list .name {
        font-size: .22rem;
        line-height: .32rem
    }

    .about-2 .list .name div {
        font-size: .28rem
    }

    .about-2 .list .layer:before {
        top: 1.3rem
    }

    .about-2 .list .layer h3 {
        font-size: .26rem;
        line-height: .4rem
    }

    .about-2 .list .layer p {
        font-size: .22rem;
        line-height: .34rem
    }

    .about-2 .list .li_01 {
        margin-left: -0.4rem;
        top: .7rem
    }

    .about-2 .list .li_01 .layer {
        width: 2.5rem
    }

    .about-2 .list .li_02 {
        right: .4rem;
        top: 4.9rem
    }

    .about-2 .list .li_03 {
        right: 1.8rem;
        top: 7.2rem
    }

    .about-2 .list .li_04 {
        left: 1.2rem;
        top: 7.6rem
    }

    .about-2 .list .li_05 {
        left: 0;
        top: 4rem
    }

    .about-2 .list .li_03 .layer,
    .about-2 .list .li_04 .layer,
    .about-2 .list .li_05 .layer {
        width: 3.8rem
    }

    .about-3 {
        padding: 0 .2rem;
        background: none
    }

    .about-3 .p-arrow a.prev {
        left: -0.3rem
    }

    .about-3 .p-arrow a.next {
        right: -0.3rem
    }

    .about-4 .year-list {
        left: -0.1rem
    }

    .about-4 .list {
        width: 4.5rem;
        margin-top: .3rem
    }

    .about-4 .list.on {
        margin-right: -3.45rem
    }

    .about-4 .list h2 {
        left: -1.2rem;
        line-height: 1.14rem;
        width: 1.2rem;
        font-size: .45rem
    }

    .about-4 .list li {
        font-size: .22rem;
        line-height: .36rem
    }

    .about-4 .list li:before {
        height: .36rem
    }

    .p-search {
        margin-top: 0;
        font-size: .24rem;
        margin-left: -0.3rem;
        margin-right: -0.3rem
    }

    .p-search .container {
        height: 1rem
    }

    .p-search .container .select {
        width: 25%;
        font-size: .24rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        padding-left: .3rem
    }

    .p-search .container .select img {
        height: .24rem
    }

    .p-search .container .form {
        padding: 0 .3rem;
        width: 50%;
        height: 1rem;
        border: 0
    }

    .p-search .container .form .input {
        height: .65rem
    }

    .p-search .container .form .input input {
        height: .66rem;
        line-height: .66rem;
        font-size: .24rem
    }

    .p-search .container .form .submit {
        width: .3rem;
        right: .3rem
    }

    .p-search .container .btn {
        padding: 0 .3rem;
        width: 40%;
        display: none
    }

    .p-search .container .btn .map {
        width: 100%;
        height: .6rem;
        margin-right: 0
    }

    .p-search .container .btn .map img {
        width: .28rem
    }

    .p-search .container .btn .tel {
        display: none
    }

    .p-search .list {
        top: 1rem;
        margin-top: 0
    }

    .p-search .list-1 {
        padding: .2rem .3rem
    }

    .p-search .list-1 li h3 {
        font-size: .24rem;
        line-height: .5rem
    }

    .p-search .list-1 li dd {
        height: .5rem;
        line-height: .5rem
    }

    .p-search .list-2 {
        width: 25%;
        left: 25%
    }

    .p-search .list-2 a {
        height: .6rem;
        line-height: .6rem
    }

    .project li {
        font-size: .24rem
    }

    .project li .img {
        width: 100%
    }

    .project li .col {
        width: 100%;
        padding: .3rem
    }

    .project li .col .name {
        line-height: .4rem;
        padding: 0 .3rem .2rem 0;
        font-size: .28rem;
        min-height: .4rem
    }

    .project li .col .btn {
        top: -0.7rem;
        right: .2rem
    }

    .project li .col .btn dd {
        min-height: .7rem
    }

    .project li .col .btn dd a {
        height: .5rem;
        line-height: .52rem
    }

    .project li .col .btn dd a em {
        padding-left: .3rem;
        background-size: .24rem
    }

    .project li .col .btn dd .ewm-layer {
        width: 1.6rem;
        margin-left: -0.8rem
    }

    .project li .col .btn dd .form-layer {
        width: 4.9rem;
        margin-left: -2.45rem
    }

    .project li .col .btn dd .form-layer .row {
        padding: 0 0 .15rem 1.2rem
    }

    .project li .col .btn dd .form-layer .row em {
        line-height: .52rem;
        font-size: .24rem
    }

    .project li .col .btn dd .form-layer .row .input {
        height: .52rem
    }

    .project li .col .btn dd .form-layer .row .input input {
        height: .5rem;
        line-height: .5rem;
        padding: 0 .16rem;
        font-size: .24rem
    }

    .project li .col .btn dd .form-layer .row .submit {
        height: .6rem
    }

    .project li .col .btn dd .form-layer .row .submit input {
        height: .6rem;
        font-size: .24rem
    }

    .project li .col dl.info dd img {
        width: .34rem
    }

    .project li .col dl.info dd b {
        font-size: .26rem
    }

    .project-foot:before {
        bottom: 1.3rem
    }

    .project-foot .title img {
        width: .3rem
    }

    .project-foot .title h2 {
        font-size: .24rem
    }

    .project-foot .title dd {
        font-size: .22rem
    }

    .project-foot .title dd a {
        padding: 0 0 .1rem 0;
        top: .05rem
    }

    .project-foot .title a.more {
        font-size: .22rem
    }

    .project-foot .list ul {
        margin-left: -0.2rem
    }

    .project-foot .list li {
        width: 50%;
        padding-left: .2rem
    }

    .project-foot .list li:nth-child(3) {
        display: none
    }

    .project-foot .list a .name {
        height: .7rem;
        line-height: .7rem;
        font-size: .24rem
    }

    .project-map .head {
        width: 100%;
        background: #fff
    }

    .project-map .head a.logo {
        background-size: 1.5rem
    }

    .project-map .head .select {
        font-size: .24rem;
        width: 30%
    }

    .project-map .head .select img {
        width: .18rem
    }

    .project-map .head .select-layer li h3 {
        font-size: .24rem;
        line-height: .5rem
    }

    .project-map .head .select-layer li dd {
        height: .5rem;
        line-height: .5rem;
        font-size: .24rem
    }

    .project-map .head a.tel {
        font-size: .26rem
    }

    .project-map .list {
        display: none
    }

    .project-map .map {
        position: relative;
        left: 0;
        height: 100vh
    }

    .project-map .map .layer {
        width: 4rem;
        margin-top: -0.5rem
    }

    .project-map .map .layer .name {
        font-size: .24rem
    }

    .project-map .map .layer dl dd {
        font-size: .22rem;
        line-height: .32rem
    }

    .project-map .map .layer dl dd img {
        top: .1rem;
        width: .16rem
    }

    .project-map .map .layer dl dd b {
        font-size: .26rem
    }

    .project-show-1:before {
        height: 3rem
    }

    .project-show-1 .title {
        font-size: .32rem
    }

    .project-show-1 .list li {
        width: 50%
    }

    .project-show-1 .list .box {
        height: 1.5rem
    }

    .project-show-1 .list .box img {
        width: .4rem
    }

    .project-show-1 .list .box div em {
        font-size: .26rem
    }

    .project-show-1 .list .box p {
        font-size: .24rem
    }

    .project-show-1 .list li:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
        padding-top: .3rem
    }

    .project-title h2 {
        font-size: .32rem
    }

    .project-title em {
        font-size: .22rem
    }

    .project-show-2 .map {
        width: 100%
    }

    .project-show-2 .container {
        width: 100%;
        padding: .4rem .3rem
    }

    .project-show-2 .container .name {
        font-size: .26rem
    }

    .project-show-2 .container .p-content {
        font-size: .24rem
    }

    .project-show-2 .container .address {
        font-size: .24rem;
        line-height: .36rem;
        padding-left: .4rem
    }

    .project-show-2 .container .address img {
        width: .3rem;
        top: .03rem
    }

    .project-show-3.wal {
        margin: 0
    }

    .project-show-3 li .layer .name {
        width: 2.2rem;
        font-size: .28rem
    }

    .project-show-3 li .layer p {
        font-size: .24rem;
        width: 4.7rem;
        padding-left: .3rem
    }

    .project-show-4 .wal {
        padding: 0 .54rem 0 0
    }

    .project-show-4 .ico {
        display: none
    }

    .project-show-4 .container {
        padding: .3rem .1rem .3rem .3rem
    }

    .project-show-4 .container .p-content {
        font-size: .24rem
    }

    .project-show-5 {
        padding-bottom: .5rem
    }

    .project-show-5 .tab-btn li {
        padding-right: 6px
    }

    .project-show-5 .tab-btn li div {
        padding: 0 .15rem;
        height: .66rem;
        line-height: .66rem;
        font-size: .28rem
    }

    .project-show-5 .container .col {
        width: 100%;
        padding-top: .6rem
    }

    .project-show-5 .container .col h3 {
        font-size: .28rem
    }

    .project-show-5 .container .col .p-content {
        font-size: .24rem
    }

    .project-show-5 .container .img {
        width: 100%
    }

    .p-more {
        font-size: .24rem
    }

    .service-1 .p-title {
        height: 2rem
    }

    .service-1 .title {
        font-size: .32rem
    }

    .service-1 .scroll {
        width: 100%;
        height: auto
    }

    .service-1 .img {
        margin: 0 auto
    }

    .service-2 .p-title {
        height: 2rem
    }

    .service-2 .list li {
        width: 100%;
        padding-bottom: .2rem
    }

    .service-2 .list a {
        font-size: .22rem;
        padding: .45rem .25rem 0 2.95rem;
        min-height: 1.87rem
    }

    .service-2 .list a:before {
        width: .32rem;
        height: .32rem
    }

    .service-2 .list a .img {
        margin: 0;
        padding: 0;
        width: 2.72rem;
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto
    }

    .service-2 .list a .name {
        font-size: .24rem;
        line-height: .35rem;
        height: .7rem
    }

    .service-2 .list a .time {
        line-height: .4rem
    }

    .service-3 .p-title {
        height: 2rem
    }

    .service-3 .list li {
        width: 100%
    }

    .service-3 .list a {
        font-size: .22rem;
        min-height: 1.87rem
    }

    .service-3 .list a:before {
        width: .32rem;
        height: .32rem
    }

    .service-3 .list a .name {
        font-size: .24rem;
        line-height: .35rem;
        height: .7rem
    }

    .service-3 .list a .time {
        line-height: .4rem
    }

    .service-4 .p-title {
        height: 2rem
    }

    .service-4 .img-list {
        width: 100%
    }

    .service-4 .list {
        width: 100%;
        padding-top: .1rem
    }

    .service-4 .list a {
        height: auto;
        padding: .25rem .25rem .2rem .5rem
    }

    .service-4 .list a .name {
        font-size: .24rem;
        line-height: .35rem
    }

    .service-4 .list a .name:before {
        top: .13rem
    }

    .service-4 .list a p {
        font-size: .22rem;
        line-height: .4rem;
        height: .4rem
    }

    .p-back a {
        font-size: .24rem;
        width: 2.2rem;
        height: .6rem;
        line-height: .6rem
    }

    .service-show .title {
        font-size: .32rem;
        line-height: 1.6em;
        padding-bottom: .12rem
    }

    .service-show .time {
        font-size: .24rem
    }

    .service-show .share dd {
        width: .34rem
    }

    .service-show .p-content {
        line-height: .44rem
    }

    .sideTel a {
        font-size: .2rem;
        line-height: .3rem
    }

    .sideTel a b {
        font-size: .24rem
    }

    .service-list li {
        width: 100%
    }

    .service-list a {
        padding: .3rem 0 .2rem 0
    }

    .service-list a .name {
        height: .6rem;
        line-height: .6rem;
        font-size: .26rem
    }

    .service-list a .time,
    .service-list a p {
        font-size: .22rem
    }

    .p-num a {
        width: .5rem;
        height: .5rem;
        line-height: .48rem;
        font-size: .24rem
    }

    .p-num a.arrow {
        background-size: .1rem
    }

    .restaurant-1 .p-content {
        text-align: justify
    }

    .restaurant-1 .list ul {
        margin-left: -0.3rem;
        margin-right: -0.3rem
    }

    .restaurant-1 .list li {
        height: 1.4rem;
        font-size: .22rem
    }

    .restaurant-1 .list li p {
        padding: .65rem .1rem 0 .1rem;
        line-height: 1.3em
    }

    .restaurant-title em {
        font-size: .22rem
    }

    .restaurant-2 .list {
        margin-right: -0.3rem;
        margin-left: -0.3rem;
        padding-top: .3rem
    }

    .restaurant-2 .list li .num {
        font-size: .28rem
    }

    .restaurant-2 .list li .name {
        font-size: .24rem
    }

    .restaurant-3 {
        padding-top: .3rem
    }

    .restaurant-3 .img {
        width: 100%
    }

    .restaurant-3 .list {
        width: 100%;
        margin-top: .1rem;
        margin-bottom: .1rem;
        border: #e8e8e8 solid 1px;
        border-left: 0
    }

    .restaurant-3 .list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex
    }

    .restaurant-3 .list li {
        border: 0;
        border-left: #e8e8e8 solid 1px;
        height: 1.4rem;
        width: 33.333%
    }

    .restaurant-3 .list li .name {
        font-size: .24rem
    }

    .restaurant-4 .list li {
        width: 100%;
        padding-bottom: .2rem
    }

    .restaurant-4 .list .name {
        padding: .1rem;
        font-size: .24rem
    }

    .restaurant-4 .msg {
        font-size: .24rem;
        line-height: .44rem
    }

    .restaurant-4 .msg h3 {
        font-size: .26rem
    }

    .news-img ul {
        margin-left: -0.2rem
    }

    .news-img li {
        width: 100%;
        padding: 0 0 .2rem .2rem
    }

    .news-img a {
        font-size: .22rem;
        padding: .45rem .25rem 0 2.95rem;
        min-height: 1.87rem
    }

    .news-img a:before {
        width: .32rem;
        height: .32rem
    }

    .news-img a .img {
        margin: 0;
        padding: 0;
        width: 2.72rem;
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto
    }

    .news-img a .name {
        font-size: .24rem;
        line-height: .35rem;
        height: .7rem
    }

    .news-img a .time {
        line-height: .4rem
    }

    .news li {
        width: 100%
    }

    .news a {
        padding: .24rem 0 .14rem 0
    }

    .news a .name {
        height: .5rem;
        line-height: .5rem;
        font-size: .24rem
    }

    .news a .name:before {
        top: .22rem
    }

    .news a .time {
        font-size: .22rem
    }

    .law {
        font-size: .24rem;
        line-height: .44rem
    }

    .law h2 {
        font-size: .28rem
    }

    .cooperation .title {
        font-size: .28rem
    }

    .cooperation .title img {
        top: .32rem
    }

    .cooperation .content {
        font-size: .24rem;
        line-height: .4rem
    }

    .notice .title,
    .notice li {
        padding: 0 0 0 .5rem
    }

    .notice .title .col-1,
    .notice li .col-1 {
        width: 4rem
    }

    .notice .title .col-2,
    .notice .title .col-3,
    .notice li .col-2,
    .notice li .col-3 {
        width: 1.7rem
    }

    .notice .title {
        font-size: .24rem;
        font-weight: bold;
        height: .7rem
    }

    .notice li {
        font-size: .24rem
    }

    .notice li .col-3 {
        font-size: .22rem
    }

    .notice-show .title {
        font-size: .28rem;
        font-weight: 600
    }

    .notice-show .content {
        font-size: .24rem;
        line-height: .4rem
    }

    .notice-show .msg {
        font-size: .26rem
    }

    .contact-1 .p-title {
        height: 2rem
    }

    .contact-1 .list {
        padding-bottom: .4rem
    }

    .contact-1 .list li {
        width: 50%;
        height: 2.3rem;
        position: relative
    }

    .contact-1 .list li a {
        display: block;
        position: absolute;
        z-index: 10;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .contact-1 .list li .name {
        font-size: .26rem
    }

    .contact-1 .list li span {
        font-size: .24rem;
        line-height: .36rem
    }

    .contact-1 .list li p {
        font-size: .24rem;
        line-height: .36rem
    }

    .contact-2 .p-title {
        height: 2rem
    }

    .contact-2 .col {
        width: 100%
    }

    .contact-2 .col .title h2 {
        font-size: .32rem
    }

    .contact-2 .col .title em {
        font-size: .24rem
    }

    .contact-2 .col .p-content {
        line-height: .4rem
    }

    .contact-2 .col .btn {
        padding-bottom: .4rem
    }

    .contact-2 .col .btn a {
        height: 1.6rem;
        width: 3.3rem;
        font-size: .24rem
    }

    .contact-2 .col .btn a img {
        width: .5rem
    }

    .contact-2 .img {
        width: 100%
    }

    .contact-3 .p-title {
        height: 2rem
    }

    .contact-3 .container {
        padding: 1.5rem 0 0 .3rem;
        margin-left: -0.3rem;
        margin-right: -0.3rem
    }

    .contact-3 .container em {
        font-size: .22rem
    }

    .contact-3 .container p {
        font-size: .24rem;
        line-height: .36rem
    }

    .contact-3 .list {
        height: auto
    }

    .contact-3 .list li {
        width: 100%;
        margin-bottom: .2rem;
        padding-bottom: .25rem
    }

    .contact-3 .list li .title {
        padding-top: .35rem
    }

    .contact-3 .list li .title h2 {
        font-size: .32rem
    }

    .contact-3 .list li .title em {
        font-size: .24rem
    }

    .contact-3 .list li .p-content {
        font-size: .24rem;
        line-height: .4rem
    }

    .contact-3 .list li a.more {
        width: .4rem;
        height: .4rem;
        background-size: .26rem
    }

    .contact-3 .list li.li_01 .logo {
        width: 1rem;
        padding: .25rem 0 .4rem 0
    }

    .contact-3 .list li.li_01 dd a {
        height: .7rem;
        line-height: .7rem;
        font-size: .26rem
    }

    .contact-3 .list li.li_02 .p-content {
        margin-right: 0
    }

    .contact-3 .list li.li_02 .title2 {
        font-size: .26rem;
        padding: .2rem 0 .1rem 0
    }

    .contact-3 .list li.li_03 .btn a p {
        font-size: .24rem
    }

    .contact-3 .msg {
        font-size: .24rem
    }

    .newSearch {
        padding: .2rem .2rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap
    }

    .newSearch .input {
        height: .62rem
    }

    .newSearch .input input {
        height: .6rem;
        line-height: .6rem;
        padding: 0 .2rem;
        font-size: .24rem
    }

    .newSearch .time {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        width: 100%
    }

    .newSearch .time h3 {
        font-size: .28rem;
        width: 100%;
        padding-bottom: .2rem;
        display: none
    }

    .newSearch .time .input {
        width: 3.15rem;
        margin-right: 0
    }

    .newSearch .time .input:before {
        width: .3rem
    }

    .newSearch .form {
        width: 100%;
        margin-top: .2rem
    }

    .newSearch .form .submit {
        width: .7rem;
        height: .62rem;
        background-size: .3rem
    }

    .newSearch .form .submit input {
        height: .62rem
    }

    .page-search {
        font-size: .24rem
    }

    .page-search .msg em {
        font-size: .3rem
    }

    .page-search li a {
        height: .9rem;
        line-height: .9rem
    }

    .page-search li a:before {
        height: .04rem;
        margin-top: -0.02rem
    }

    .zxjb-layer {
        font-size: .24rem
    }

    .zxjb-layer .container {
        width: 7.5rem;
        padding: 0 .3rem;
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto
    }

    .zxjb-layer a.close {
        width: .3rem;
        height: .3rem;
        top: .2rem;
        right: .2rem
    }

    .zxjb-layer .title {
        font-size: .32rem
    }

    .zxjb-layer .tips p {
        line-height: .36rem;
        padding-left: .1rem
    }

    .zxjb-layer .box {
        padding: 0 .3rem
    }

    .zxjb-layer .check dd {
        height: .46rem;
        line-height: .46rem;
        padding: 0 .23rem 0 .32rem;
        background-size: .2rem;
        min-width: 33.333%
    }

    .zxjb-layer .form ul.ul-1,
    .zxjb-layer .form ul.ul-2 {
        width: 100%
    }

    .zxjb-layer .form li {
        padding-bottom: .1rem
    }

    .zxjb-layer .form .input input,
    .zxjb-layer .form .input textarea {
        height: .55rem;
        line-height: .55rem;
        padding: 0 .2rem;
        font-size: .24rem
    }

    .zxjb-layer .form .input textarea {
        height: 1.5rem;
        padding: .1rem .2rem;
        line-height: .35rem
    }

    .zxjb-layer .form-2 {
        margin-right: -0.3rem;
        margin-left: -0.3rem;
        padding: 0 .3rem .2rem .3rem
    }

    .zxjb-layer .form-2 li {
        width: 100%
    }

    .zxjb-layer .file {
        padding-bottom: .42rem;
        position: relative
    }

    .zxjb-layer .file h3 {
        font-size: .28rem;
        padding: .2rem 0
    }

    .zxjb-layer .file dd div {
        height: .56rem;
        font-size: .26rem
    }

    .zxjb-layer .file dd div .ico {
        width: .3rem;
        height: .3rem
    }

    .zxjb-layer .file .list {
        top: 1.4rem
    }

    .zxjb-layer .file .list .name,
    .zxjb-layer .file .list li {
        padding: .15rem;
        font-size: .24rem
    }

    .zxjb-layer .file .file-tips-layer p {
        font-size: .24rem
    }

    .zxjb-layer .submit div {
        width: 1.8rem;
        height: .6rem
    }

    .zxjb-layer .submit input {
        height: .6rem;
        font-size: .26rem
    }

    .wal1410 {
        max-width: 8rem
    }

    .video-layer .container {
        width: 100%
    }

    .video-layer .container .close {
        top: -0.5rem;
        margin-left: -1rem
    }

    .index3-flash .list li {
        height: 4.21rem
    }

    .index3-flash .list li .wal1410 {
        height: 4.21rem
    }

    .index3-flash .list li .wal1410 .img {
        width: 4rem;
        left: 0;
        top: 1.6rem
    }

    .index3-flash .list li .wal1410 .img814 {
        width: 4rem;
        left: 0;
        top: 1.6rem
    }

    .index3-flash .list2 {
        bottom: -2rem
    }

    .index3-flash .list2 ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: -0.15rem
    }

    .index3-flash .list2 li {
        width: 33.333%;
        padding-left: .15rem
    }

    .index3-flash .list2 .box {
        height: 2.35rem
    }

    .index3-flash .list2 .box .num {
        font-size: .6rem
    }

    .index3-flash .list2 .box .name {
        font-size: .2rem;
        line-height: .28rem;
        padding: 0 .18rem;
        min-height: .84rem
    }

    .index3-flash .list2 .box .name br {
        display: none
    }

    /* 关于我们 */
    .about-content {
        display: flex;
        flex-wrap: wrap;
    }

    .about-text,
    .about-img {
        width: 90%;
        margin: 20px auto;
        font-size: .24rem;
    }

    .index3-title {
        padding-bottom: .5rem
    }

    .index3-title h2 {
        font-size: .38rem
    }

    .p-more2 {
        font-size: .24rem
    }

    .p-more2:after {
        font-size: .2rem
    }

    .index3-news {
        padding: 1rem 0
    }

    .index3-news .list {
        width: 100%
    }

    .index3-news .list li {
        padding-bottom: .35rem
    }

    .index3-news .list li a {
        font-size: .24rem;
        width: 90%
    }

    .index3-news .list li a .name {
        font-size: .28rem;
        line-height: .42rem;
        height: .42rem
    }

    .index3-news .list li:after {
        font-size: .2rem;
        line-height: .42rem
    }

    .index3-news .img-list {
        width: 100%;
        position: relative;
        top: 0
    }

    .index3-news .img-list:after {
        left: .4rem;
        top: .4rem;
        height: .12rem
    }

    .index3-news .img-list li a .time {
        top: .7rem
    }

    .index3-news .img-list li a .layer {
        font-size: .22rem;
        height: 1rem
    }

    .index3-news .img-list li a .layer .name {
        font-size: .28rem
    }

    .index3-news .img-list li a .layer .name:after {
        font-size: .2rem
    }

    .index3-news .img-list .arrow a {
        margin: 0 .24rem;
        width: .8rem;
        height: .8rem;
        font-size: .24rem
    }

    .index3-news .more {
        padding-top: .2rem;
        padding-bottom: .5rem
    }

    .index3-service-news .list {
        padding: .8rem 0 .3rem 0
    }

    .index3-service-news .list li {
        width: 100%
    }

    .index3-service-news .list a {
        padding: 0
    }

    .index3-service-news .list a .time {
        font-size: .22rem;
        margin-bottom: .12rem
    }

    .index3-service-news .list a .name {
        font-size: .28rem;
        line-height: .36rem;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .index3-service-news .list a .name em {
        line-height: .36rem;
        height: auto
    }

    .index3-service-news .list a .name:after {
        font-size: .2rem
    }

    .index3-service-news .list a:hover {
        color: #e60012
    }

    .index3-service-news .more {
        padding-bottom: .8rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .index3-quality {
        padding: .8rem 0
    }

    .index3-quality .index3-title .en {
        height: .3rem
    }

    .index3-quality .container .title {
        right: .4rem;
        bottom: .4rem;
        width: 3.9rem
    }

    .index3-service {
        padding-bottom: 0;
        background-size: cover;
    }

    .index3-service .index3-title .en {
        height: .3rem
    }

    .index3-service li .wal1410 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .index3-service li .video {
        width: 100%
    }

    .index3-service li .video .time {
        bottom: .4rem;
        border-width: .2rem
    }

    .index3-service li .col {
        width: 100%
    }

    .index3-service li .col:after {
        right: auto;
        left: -0.3rem;
        top: 2rem
    }

    .index3-service li .col h2 {
        font-size: .48rem;
        line-height: .54rem;
        height: 2.6rem;
        padding-top: .6rem
    }

    .index3-service li .col .content {
        font-size: .24rem
    }

    .index3-service .arrow {
        position: relative;
        bottom: 0;
        right: 0;
        margin-right: 0;
        width: 100%;
        padding: .5rem .3rem
    }

    .index3-service .arrow a {
        margin: 0 .3rem 0 0;
        width: .8rem;
        height: .8rem;
        font-size: .24rem
    }

    .quality-story {
        padding: 3rem 0 0 0
    }

    .quality-story .list {
        margin-right: -0.3rem
    }

    .quality-story .list .list-wrapper {
        width: 100%;
        overflow: hidden;
        position: relative
    }

    .quality-story .list li {
        padding-right: .15rem
    }

    .quality-story .list a .time {
        left: .3rem;
        top: .3rem
    }

    .quality-story .list a .layer {
        padding: 0 .3rem;
        font-size: .22rem;
        height: 1.2rem
    }

    .quality-story .list a .layer .name {
        font-size: .28rem
    }

    .quality-story .list a .layer .name em {
        display: block;
        height: .36rem;
        line-height: .36rem;
        overflow: hidden
    }

    .quality-story .list a .layer .name:after {
        font-size: .2rem
    }

    .quality-story .more {
        padding: .55rem 0 1rem 0
    }

    .attract-investment {
        padding: 1rem 0;
        background-position: center 40%;
        background: none
    }

    .attract-investment .index3-title {
        padding-bottom: .55rem
    }

    .attract-investment .list {
        padding: 0 0 .3rem 0
    }

    .attract-investment .list li {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }

    .attract-investment .list li a {
        font-size: .22rem;
        padding: 0
    }

    .attract-investment .list li a .time {
        font-size: .22rem;
        margin-bottom: .1rem
    }

    .attract-investment .list li a .name {
        font-size: .28rem;
        line-height: .36rem;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .attract-investment .list li a .name em {
        height: auto;
        line-height: .36rem
    }

    .attract-investment .list li a .name:after {
        font-size: .2rem;
        top: 0
    }

    .index3-flash .list .txt h3{
        font-size: 16px;
    }

    .index3-flash .list .txt p{
        font-size: 12px;
        margin-top: 5px;
    }
}

@media screen and (max-width: 550px) {
    .wal {
        margin: 0 .3rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .wal1410 {
        margin: 0 .3rem
    }

    .attract-investment .list li h2 {
        line-height: 190px !important;
    }

    .attract-investment .list li .casetext {
        bottom: -40%;
    }

    .attract-investment .list li:hover h2 {
        line-height: 90px !important;
    }


    .index3-flash .list .txt h3{
        font-size: 16px;
    }

    .index3-flash .list .txt p{
        font-size: 12px;
        margin-top: 5px;
    }
}