.move-touch {
    -webkit-overflow-scrolling: touch
}

.auto-center ul li .pict {
    display: table;
    width: 100%;
    text-align: center
}

.auto-center ul li .pict i {
    vertical-align: middle;
    display: table-cell
}

.vague {
    -webkit-filter: blur(2px);
    transition: .3s;
    -webkit-transition: .3s
}

.rogate {
    transition: .3s;
    -webkit-transition: .3s
}

.rogate:hover {
    transform: rotate(90deg)
}

.arrow {
    position: relative;
    line-height: 1;
    margin-left: .1rem
}

.arrow:before {
    content: "";
    position: absolute;
    top: -.02rem;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: .08rem solid;
    border-right: .08rem solid transparent;
    border-top: .08rem solid transparent;
    border-left: .08rem solid transparent
}

.arrow:after {
    content: "";
    position: absolute;
    top: .18rem;
    left: 0;
    width: 0;
    height: 0;
    border-top: .08rem solid;
    border-right: .08rem solid transparent;
    border-bottom: .08rem solid transparent;
    border-left: .08rem solid transparent
}

.arrow.one:before {
    display: none
}

.arrow.one:after {
    top: .14rem
}

.border-top:before {
    background: #dadada;
    content: "";
    position: absolute;
    height: 1px;
    transform-origin: 0 0;
    transform: scale(.5, .5);
    -webkit-transform: scale(.5, .5);
    -moz-transform: scale(.5, .5);
    width: 200%;
    top: 0;
    left: 0
}

.border-bottom:after {
    background: #dadada;
    content: "";
    position: absolute;
    height: 1px;
    transform-origin: 0 0;
    transform: scale(.5, .5);
    -webkit-transform: scale(.5, .5);
    -moz-transform: scale(.5, .5);
    width: 200%;
    bottom: -1px;
    left: 0
}

.flex-slide {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.flex-slide > * {
    flex-shrink: 0
}

.box-space-between {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between
}

.box-space-between > * {
    flex-shrink: 0
}

.touch-state {
    position: relative
}

.touch-state label {
    position: relative;
    background: #fff;
    display: block;
    width: .9rem;
    height: .45rem;
    border: 1px solid #ccc;
    border-radius: .3rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.touch-state label:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    width: .41rem;
    height: .41rem;
    background: #fff;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .4);
    border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.touch-state input {
    position: absolute;
    z-index: 0;
    opacity: 0;
    left: 45%;
    top: 20%
}

.touch-state input:checked + label {
    background: #47b92c;
    border-color: #47b92c
}

.touch-state input:checked + label:after {
    left: calc(100% - .41rem)
}

.swiper-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    display: -webkit-box;
    position: relative
}

.swiper-slide {
    flex-shrink: 0;
    position: relative
}

.mohu {
    filter: blur(1px);
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=1, MakeShadow=false)
}

.fixed-top {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 2;
    background: #fff
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: #fff
}

.column {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.column > * {
    column-count: 1;
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center
}

body, button, dd, dl, dt, h1, h2, h3, h4, h5, i, img, input, li, p, select, span, strong, textarea, ul {
    margin: 0;
    padding: 0
}

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

table {
    border-spacing: 0
}

body {
    font-family: "microsoft yahei", Arial;
    font-size: .34rem;
    line-height: 1;
    color: #333;
    -webkit-user-select: none;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important
}

::-webkit-scrollbar {
    width: 0;
    height: 0
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

li {
    list-style-type: none;

}

a {
    text-decoration: none;
    outline: 0;
}

img {
    border: none;
    vertical-align: middle
}

em, i, var {
    font-style: normal
}

button {
    font-family: "microsoft yahei", Arial;
    outline: 0;
    cursor: pointer;
    font-size: .26rem;
    border: none
}

iframe {
    border: none
}

select, textarea {
    outline: 0;
    font-family: "microsoft yahei", Arial;
    font-size: .26rem;
    border-radius: 0;
    border: none;
    background: 0 0
}

input:disabled {
    opacity: 1;
    color: #333
}

button {
    -webkit-appearance: none;
    border: none;
    background: 0 0
}

textarea {
    resize: none
}

.ico {
    display: inline-block;
    vertical-align: middle
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear {
    clear: both
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    zoom: 1
}

.hide {
    display: none !important
}

.mobile-wrap {
    position: relative;
    min-height: 100vh;
    width: 100%;
    float: left;
}

body, html {
    width: 100%;
    height: 100%
}

.head {
    width: 100%;
    height: .94rem;
    background-color: #333
}

.head .logo {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.head .logo img {
    height: .9rem
}

.head .menuIco {
    width: 1.24rem;
    height: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0
}

.head .menuIco i {
    display: inline-block;
    width: .55rem;
    height: .04rem;
    background-color: #c38c3a;
    position: relative
}

.head .menuIco i:after {
    content: "";
    position: absolute;
    left: 0;
    top: -.14rem;
    width: 100%;
    height: .04rem;
    background-color: #c38c3a
}

.head .menuIco i:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -.14rem;
    width: 80%;
    height: .04rem;
    background-color: #c38c3a
}

.head .func {
    width: auto;
    position: absolute;
    right: 0;
    top: 0
}

.head .func .language {
    height: .94rem;
    width: .92rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .32rem;
    color: #bd883a;
    font-family: arial
}

.head .func .sea {
    width: .58rem;
    height: .94rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.head .func .sea img {
    width: .46rem;
    height: .46rem
}

.banner {
    width: 100%;
    /*width: 5rem;*/
    position: relative;
    float: left
}

.banner ul {
    display: flex
}

.banner ul li {
    flex-shrink: 0;
    width: 5rem;
}
.banner ul li .imgs {
    width: 100%;
}
/*.banner ul li img {*/
/*    width: 100%;*/
/*}*/

.flash1 ul li img{
    width:100%;
}
.flash2 ul li img{
    width:100%;
    height:4rem;
}
.flash3 ul li img{
    width:100%;
    height:4rem;
}
.flash4 ul li img{
    width:100%;
    height:3rem;
}

.banner .swiper-pagination {
    width: 100%;
    bottom: 0.6rem
}

.banner .swiper-pagination .swiper-pagination-bullet {
    width: .5rem;
    height: .08rem;
    border-radius: .04rem;
    background: rgba(255, 255, 255, .5);
    opacity: 1
}

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

/*.banner .list {*/
/*	width:100%*/
/*}*/
/*.banner .list ul {*/
/*	width:100%*/
/*}*/
/*.banner .list ul li {*/
/*	width:100%*/
/*}*/
/*.banner .list ul li .imgs {*/
/*	width:100%*/
/*}*/
/*.banner .list ul li .imgs img {*/
/*	width:100%*/
/*}*/
/*.banner .list .swiper-pagination {*/
/*	width:100%;*/
/*	bottom:1.24rem*/
/*}*/
/*.banner .list .swiper-pagination .swiper-pagination-bullet {*/
/*	width:.5rem;*/
/*	height:.08rem;*/
/*	border-radius:.04rem;*/
/*	background:rgba(255,255,255,.5);*/
/*	opacity:1*/
/*}*/
/*.banner .list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {*/
/*	background-color:#fff*/
/*}*/
.banner .links {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: .2rem;
    padding: 0 .24rem;
    z-index: 9
}

.banner .links .cont {
    height: .84rem;
    background-color: #1e262d;
    width: 100%;
    border-radius: 0 .42rem 0 .42rem;
    padding: 0 .3rem
}

.banner .links .cont ul {
    width: 100%
    float: left;
}

.banner .links .cont ul li {
    float: left;
    width: 25%;
    height: .84rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner .links .cont ul li .ico {
    width: .5rem;
    height: .84rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner .links .cont ul li .ico img {
    height: .48rem
}

.banner .links .cont ul li .txt {
    font-size: .24rem;
    color: #fff;
    padding: 0 .05rem
}
.banner .links .cont ul li .txt a{
    color:#fff;
}

.banner .cirl {
    bottom: 1.82rem;
    text-align: center;
    width: 100%;
    left: 0;
    position: absolute;
}

.banner .cirl span {
    width: .8rem;
    height: .11rem;
    border-radius: .2rem;
    background: #fff;
    display: inline-block;
    margin: 0 .11rem;
    transition: .3s;
    opacity: .64
}

.banner .cirl span.active {
    -webkit-filter: blur(.5px);
    filter: blur(.5px)
}

.banner .cirl span.swiper-pagination-bullet-active {
    background: #c38c3a
}

.banner .cirl1 {
    bottom: 2.03rem
}

.banner .cirl1 span.swiper-pagination-bullet-active {
    background: #a56887;
    opacity: 1
}

.banner .cirl1 span.swiper-pagination-bullet-active.active {
    -webkit-filter: blur(.5px);
    filter: blur(.5px)
}

.banner .cirl2 {
    bottom: 2.61rem
}

.banner .cirl2 span.swiper-pagination-bullet-active {
    background: #c09255;
    opacity: 1
}

.banner .cirl2 span.swiper-pagination-bullet-active.active {
    -webkit-filter: blur(.5px);
    filter: blur(.5px)
}

.banner .four {
    width: 10.35rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    height: 1.12rem;
    background: #1e262d;
    bottom: .25rem;
    border-radius: 0 .5rem 0 .5rem
}

.banner .four ul li {
    width: 25%;
    color: #fff;
    text-align: center;
    line-height: 1.12rem
}

.banner .four ul li a {
    color: #fff
}

.banner .four ul li.li1 a {
    padding-left: .66rem;
    background: url(../img/88beb1_46x47.png) left center no-repeat;
    background-size: .46rem
}

.banner .four ul li.li2 a {
    padding-left: .65rem;
    background: url(../img/ab98bd_45x46.png) left center no-repeat;
    background-size: .45rem
}

.banner .four ul li.li3 a {
    padding-left: .69rem;
    background: url(../img/1d5763_49x40.png) left center no-repeat;
    background-size: .49rem
}

.banner .four ul li.li4 a {
    padding-left: .65rem;
    background: url(../img/58fa2d_45x38.png) left center no-repeat;
    background-size: .45rem
}

.notice {
    width: 100%;
    min-height: 1rem;
    float: left;
    padding: .1rem
}

.notice .cont {
    width: 100%;
    min-height: 1rem;
    padding: .08rem .2rem;
    float: left;
    background-color: #94a28e
}

.notice .cont .title {
    width: 100%;
    height: .64rem
}

.notice .cont .title .ico {
    width: .36rem;
    height: .64rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.notice .cont .title .ico img {
    height: .3rem
}

.notice .cont .title .text {
    width: calc(100% - .36rem);
    height: .64rem;
    padding-left: .1rem
}

.notice .cont .title .text span {
    display: inline-block;
    line-height: .64rem;
    font-size: .28rem;
    color: #fff;
    position: relative;
    display: inline-block;
    height: .64rem
}

.notice .cont .title .text span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: .04rem;
    width: 100%;
    height: .02rem;
    background-color: #fff
}

.notice .cont .list {
    width: 100%
}

.notice .cont .list ul {
    width: 100%
}

.notice .cont .list ul li {
    width: 100%;
    height: 1.1rem;
    border-bottom: 1px solid #d7dcd4;
    line-height: 1.1rem;
    color: #fff
}

.notice .cont .list ul li:last-child {
    border-bottom: none
}

.notice .cont .list ul li .txt {
    font-size: .28rem;
    width: calc(100% - 1.6rem);
    line-height: 1.1rem;
    height: 1.1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.notice .cont .list ul li .txt a {
    font-size: .28rem;
    color: #fff;
}

.notice .cont .list ul li .txt em {
    display: inline-block;
    padding: 0 .06rem;
    height: .26rem;
    background-color: #fff;
    border-radius: .04rem;
    font-size: .18rem;
    line-height: .27rem;
    color: #94a28e;
    font-family: arial;
    text-transform: uppercase;
    margin-right: .06rem
}

.notice .cont .list ul li .time {
    width: 1.6rem;
    height: 1.1rem;
    text-align: right;
    font-size: .24rem
}

.product {
    width: 100%;
    min-height: 1rem;
    background-color: red;
    float: left
}

.product .list {
    width: 100%
}

.product .list ul {
    width: 100%
}

.product .list ul li {
    width: 100%;
    position: relative
}

.product .list ul li .imgs {
    width: 100%
}

.product .list ul li .imgs img {
    width: 100%
}

.product .list ul li .text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 .28rem;
    height: 1.2rem;
    background: rgba(0, 0, 0, .5)
}

.product .list ul li .text .tit {
    line-height: 1.2rem;
    font-size: .32rem;
    color: #c09255;
    position: relative;
    padding-left: .3rem
}

.product .list ul li .text .tit:after {
    content: "";
    position: absolute;
    left: 0;
    left: 0;
    top: 50%;
    margin-top: -.05rem;
    width: .12rem;
    height: .1rem;
    background-color: #c38c3a
}

.product .list ul li .text .lab {
    line-height: 1.2rem;
    color: #fff;
    padding-left: .44rem;
    font-size: .26rem
}

.product .list .swiper-pagination {
    width: 100%;
    bottom: 1.34rem
}

.product .list .swiper-pagination .swiper-pagination-bullet {
    width: .5rem;
    height: .08rem;
    border-radius: .04rem;
    background: rgba(255, 255, 255, .5);
    opacity: 1
}

.product .list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

.product .list .swiper-button-next {
    width: .5rem;
    height: .5rem;
    border-radius: .3rem;
    background-color: #c09255;
    top: initial;
    bottom: .35rem;
    right: .2rem;
    margin-top: initial
}

.product .list .swiper-button-next:after {
    color: #333;
    font-size: .3rem
}

.news {
    width: 100%;
    min-height: 1rem;
    float: left;
    padding: .1rem
}

.news .title {
    width: 100%;
    line-height: .64rem;
    color: #fff;
    position: relative
}

.news .title span {
    display: inline-block;
    height: .64rem;
    position: relative;
    font-size: .32rem;
    width: auto
}

.news .title span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .03rem;
    background-color: #fff
}

.news .title a {
    font-size: .24rem;
    float: right;
    color: #fff
}

.news .intr {
    width: 3.68rem;
    height: 5.9rem;
    background-color: #7ab6b1;
    padding: .15rem
}

.news .intr .imgs {
    width: 100%
}

.news .intr .imgs .box {
    width: 100%;
    padding: .15rem 0
}

.news .intr .imgs .box img {
    width: 100%
}

.news .intr .imgs .item {
    width: 1.56rem;
    height: 2.28rem
}

.news .intr .imgs .item img {
    width: 100%;
    height: 100%
}

.news .inform {
    width: 3.46rem
}

.news .inform .cont {
    width: 100%;
    height: 3.88rem;
    background-color: #7ab6b1;
    padding: .15rem
}

.news .inform .cont .list {
    width: 100%
}

.news .inform .cont .list ul {
    width: 100%
}

.news .inform .cont .list ul li {
    width: 100%;
    padding: .15rem 0;
    line-height: .42rem;
    border-bottom: 1px dashed #fff
}

.news .inform .cont .list ul li:last-child {
    border: none
}

.news .inform .cont .list ul li a {
    color: #fff;
    font-size: 0.24rem;
}

.news .inform .cont .list ul li i {
    display: inline-block;
    /*text-align:right;*/
    width: 100%;
    font-size: .22rem;
    color: #fff;
    line-height: .36rem
}

.news .inform .imgs {
    width: 100%;
    position: relative;
    margin-top: .18rem
}

.news .inform .imgs .box {
    width: 100%
}

.news .inform .imgs .box img {
    width: 100%
}

.news .inform .imgs .text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: .88rem;
    background: rgba(0, 0, 0, .5);
    padding: 0 .1rem;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.news .inform .imgs .text h5 {
    line-height: .4rem;
    color: #c38c3a;
    font-size: .14rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.news .inform .imgs .text p {
    line-height: .28rem;
    color: #fff;
    font-size: .22rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.productLIst {
    width: 100%;
    min-height: 1rem;
    background-color: #a3b87d;
    float: left;
    padding: .3rem 0;
    padding-bottom: 0
}

.productLIst .title {
    width: 100%;
    text-align: center
}

.productLIst .title span {
    display: inline-block;
    padding: 0 .2rem;
    height: .74rem;
    font-size: .32rem;
    line-height: .74rem;
    color: #fff;
    position: relative
}

.productLIst .title span:after {
    content: "";
    position: absolute;
    left: -.14rem;
    top: 50%;
    margin-top: -.06rem;
    width: .14rem;
    height: .12rem;
    background-color: #fff
}

.productLIst .title span:before {
    content: "";
    position: absolute;
    right: -.14rem;
    top: 50%;
    margin-top: -.06rem;
    width: .14rem;
    height: .12rem;
    background-color: #fff
}

.productLIst .list {
    width: 100%
}

.productLIst .list ul {
    width: 100%
}

.productLIst .list ul li {
    width: 100%;
    position: relative;
    margin-bottom: .2rem
}

.productLIst .list ul li .imgs {
    width: 100%
}

.productLIst .list ul li .imgs img {
    width: 100%
}

.productLIst .list ul li .text {
    width: 100%;
    padding: 0 .2rem;
    line-height: .4rem;
    position: absolute;
    right: 0;
    bottom: .2rem;
    text-align: right;
    color: #fff
}

.productLIst .list ul li .text a {
    width: 100%;
    padding: 0 .2rem;
    line-height: .4rem;
    bottom: .2rem;
    color: #fff
}

.productLIst .cont {
    width: 100%;
    float: left;
    padding: .2rem 0;
    padding-bottom: 0
}

.productLIst .cont .title em {
    display: inline-block;
    width: 2.02rem;
    height: .62rem;
    background: url(../img/c02304_202x62.jpg) center no-repeat;
    background-size: 2.02rem .62rem;
    color: #fff;
    line-height: .62rem;
    font-size: .32rem
}

.productLIst .cont .bann {
    width: 100%;
    margin-top: .4rem
}

.productLIst .cont .bann ul {
    width: 100%
}

.productLIst .cont .bann ul li {
    width: 100%;
    position: relative
}

.productLIst .cont .bann ul li .imgs {
    width: 100%
}

.productLIst .cont .bann ul li .imgs img {
    width: 100%
}

.productLIst .cont .bann ul li .text {
    width: 100%;
    height: 1rem;
    background-color: #a56887;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .3rem
}

.productLIst .cont .bann ul li .text span {
    font-size: .24rem;
    padding-left: .24rem;
    position: relative;
    color: #fff
}

.productLIst .cont .bann ul li .text span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.08rem;
    width: .12rem;
    height: .16rem;
    background-color: #fff
}

.productLIst .cont .bann ul li .text span b {
    font-size: .32rem
}

.productLIst .cont .bann ul li .text span em {
    padding-left: .1rem;
    position: relative;
    display: inline-block;
    position: relative
}

.productLIst .cont .bann ul li .text span em:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.13rem;
    width: 1px;
    height: .26rem;
    background-color: #fff
}

.productLIst .cont .bann ul li .text a {
    display: inline-block;
    width: .7rem;
    height: .7rem;
    border-radius: .35rem;
    background: rgba(255, 255, 255, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .26rem;
    color: #fff;
    border: .02rem solid #fdfbfb
}

.productLIst .cont .bann .swiper-pagination {
    width: 100%;
    bottom: 1.24rem
}

.productLIst .cont .bann .swiper-pagination .swiper-pagination-bullet {
    width: .5rem;
    height: .08rem;
    border-radius: .04rem;
    background: rgba(255, 255, 255, .5);
    opacity: 1
}

.productLIst .cont .bann .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

/*.dynamic {*/
/*    width: 100%;*/
/*    min-height: 1rem;*/
/*    background: url(../img/27ed59_750x633.jpg) top center;*/
/*    background-size: 7.5rem auto;*/
/*    float: left;*/
/*    padding-top: .3rem*/
/*}*/

/*.dynamic .title {*/
/*    width: 100%;*/
/*    text-align: center*/
/*}*/

/*.dynamic .title span {*/
/*    display: inline-block;*/
/*    padding: 0 .2rem;*/
/*    height: .74rem;*/
/*    font-size: .32rem;*/
/*    line-height: .74rem;*/
/*    color: #333;*/
/*    position: relative*/
/*}*/

/*.dynamic .title span:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: -.14rem;*/
/*    top: 50%;*/
/*    margin-top: -.06rem;*/
/*    width: .14rem;*/
/*    height: .12rem;*/
/*    background-color: #333*/
/*}*/

/*.dynamic .title span:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: -.14rem;*/
/*    top: 50%;*/
/*    margin-top: -.06rem;*/
/*    width: .14rem;*/
/*    height: .12rem;*/
/*    background-color: #333*/
/*}*/

/*.dynamic .list {*/
/*    width: 100%;*/
/*    padding-bottom: .4rem;*/
/*    float: left;*/
/*    padding-top: .2rem*/
/*}*/

/*.dynamic .list ul {*/
/*    width: 100%;*/
/*    padding: 0 .2rem*/
/*}*/

/*.dynamic .list ul li {*/
/*    float: left;*/
/*    width: 3.44rem;*/
/*    position: relative*/
/*}*/

/*.dynamic .list ul li .imgs {*/
/*    width: 100%*/
/*}*/

/*.dynamic .list ul li .imgs img {*/
/*    width: 100%*/
/*}*/

/*.dynamic .list ul li .text {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    flex-direction: column*/
/*}*/

/*.dynamic .list ul li .text h3 {*/
/*    color: #fff;*/
/*    line-height: .42rem;*/
/*    text-align: center;*/
/*    font-size: .3rem*/
/*}*/

/*.dynamic .list ul li .text h6 {*/
/*    margin: 0;*/
/*    text-align: center;*/
/*    padding: .1rem 0*/
/*}*/

/*.dynamic .list ul li .text h6 a {*/
/*    display: inline-block;*/
/*    width: .6rem;*/
/*    height: .6rem;*/
/*    background: url(../img/cebaca_61x59.png) center no-repeat;*/
/*    background-size: .61rem .69rem;*/
/*    border-radius: .3rem*/
/*}*/

/*.dynamic .list ul li:nth-child(2) {*/
/*    float: right*/
/*}*/

/*.dynamic .list ul li:nth-child(2) .text h6 a {*/
/*    background: url(../img/e56442_61x59.png) center no-repeat;*/
/*    background-size: .61rem .59rem*/
/*}*/

.footer {
    width: 100%;
    text-align: center;
    /*bottom: 0px;*/
    /*position: absolute;*/
}

.footer .cont {
    width: 100%;
    background-color: #708ca4;
    padding: .3rem 0;
    float: left;
}

.footer .cont .imgs {
    width: 100%;
    text-align: center
}

.footer .cont .imgs img {
    width: 2.8rem
}

.footer .cont .text {
    width: 100%;
    text-align: center;
    line-height: .4rem;
    color: #fff;
    padding-top: .15rem;
    font-size: 0.24rem;
}

.footer .copyright {
    width: 100%;
    min-height: 1rem;
    background-color: #444;
    float: left;
    padding: .15rem 0
}

.footer .copyright .number {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: .48rem;
    color: #fff
}

.footer .copyright .number .tit {
    font-size: .26rem
}

.footer .copyright .number .text em {
    display: inline-block;
    width: auto;
    padding: 0 .1rem;
    height: .34rem;
    background-color: #585858;
    margin: 0 .02rem;
    line-height: .34rem;
    font-family: arial
}

.footer .copyright .label {
    width: 100%;
    line-height: .48rem;
    font-size: .24rem;
    color: #fff;
    position: relative;
    height: .48rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.footer .copyright .label img {
    height: .48rem;
    margin: 0 .06rem
}

.goTop {
    width: .8rem;
    height: .8rem;
    position: fixed;
    right: .2rem;
    bottom: 5%;
    border-radius: .4rem;
    z-index: 99
}

.goTop a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.goTop a img {
    height: .6rem
}

/*手机端CSS界面-20201203*/
/*顶部导航-单独页面使用*/
.header {
    height: 1.39rem;
    background: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .54rem
}

.header .logo {
    width: 100%;
    height: 100%;
    text-align: center;
    /*display:flex;*/
    /*justify-content:center;*/
    /*align-items:center*/
}

.header .logo img {
    height: 1.1rem;
    margin-top: 0.1rem;
}

.header .menuIco {
    width: 1.5rem;
    height: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0
}

.header .menuIco i {
    display: inline-block;
    width: .55rem;
    height: .04rem;
    background-color: #c38c3a;
    position: relative
}

.header .menuIco i:after {
    content: "";
    position: absolute;
    left: 0;
    top: -.14rem;
    width: 100%;
    height: .04rem;
    background-color: #c38c3a
}

.header .menuIco i:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -.14rem;
    width: 80%;
    height: .04rem;
    background-color: #c38c3a
}

.header .func {
    width: auto;
    position: absolute;
    right: 0;
    top: 0
}

.header .func .language {
    width: 1rem;
    height: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.45rem;
    color: #bd883a;
    font-family: arial
}

.header .func .sea {
    width: 1rem;
    height: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.header .func .sea img {
    width: .5rem;
    height: .5rem
}


/*.header {*/
/*	height: 1.39rem;*/
/*	background: #333;*/
/*	display: flex;*/
/*	justify-content: space-between;*/
/*	align-items: center;*/
/*	padding: 0 .54rem*/
/*}*/

/*.header .ico-menu {*/
/*	float: left;*/
/*	background: url(../img/7013f1_81x60.png) center no-repeat;*/
/*	background-size: .66rem;*/
/*	height: 1.39rem;*/
/*	width: .66rem*/
/*}*/

/*.header .logo img {*/
/*	width: 2.59rem*/
/*}*/

/*.header .fr a, .header .fr i {*/
/*	float: left;*/
/*	margin-left: .46rem*/
/*}*/

/*.header .fr .ico-i1 {*/
/*	background: url(../img/3d0bfe_66x66.png) center no-repeat;*/
/*	background-size: .66rem;*/
/*	height: 1.39rem;*/
/*	width: .66rem*/
/*}*/

/*.header .fr .ico-i2 {*/
/*	background: url(../img/c0cd01_65x42.png) center no-repeat;*/
/*	background-size: .66rem;*/
/*	height: 1.39rem;*/
/*	width: .65rem*/
/*}*/


/*!*客户留言*!*/
/*.position {*/
/*    border-bottom: .5px solid #bfbfbf;*/
/*    position: relative;*/
/*    height: 1.34rem*/
/*}*/

/*.position h2 {*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    font-size: .48rem*/
/*}*/

/*.position a {*/
/*    float: left;*/
/*    width: 1.31rem;*/
/*    height: 1.31rem;*/
/*    background: url(../img/c34bd3_26x42.png) center/.26rem no-repeat*/
/*}*/

/*客户留言*/
.appointment {
    float: left;
    width: 100%;
    padding: 0.3rem
}

.appointment ul {
    float: left;
    width: 100%
}

.appointment ul li {
    float: left;
    width: 100%;
    font-size: 0.24rem;
    margin-bottom: 0.3rem;
}

.appointment ul li span {
    float: left;
    line-height: 0.75rem;
}

.appointment ul li span.s1 {
    font-size: .24rem
}

.appointment ul li .fr-wrap {
    float: right;
    height: 0.75rem;
    width: 5rem;
    background: #eee;
    border-radius: .15rem;
    padding: 0 .2rem
}

.appointment ul li .fr-wrap input {
    float: left;
    width: 100%;
    height: 100%;
    background: #eee;
    border: none;
    outline: medium;
}

.appointment ul li .fr-wrap input.back {
    background: url(../img/79c982_32x15.png) right center/.32rem no-repeat
}

.appointment ul li .fr-wrap1 {
    float: right;
    height: 100%;
    width: 5rem
}

.appointment ul li .fr-wrap1 .wrap {
    padding: 0 .43rem;
    background: #eee;
    border-radius: .12rem;
    float: left;
    width: 100%
}

.appointment ul li .fr-wrap1 .wrap input {
    float: left;
    width: 100%;
    height: 0.8rem;
    font-size: .24rem;
    background: #eee;
    border: none;
    outline: medium;
}

.appointment ul li .fr-wrap1 .wrap textarea {
    height: 5rem;
    padding: .3rem 0;
    width: 100%;
    font-size: .24rem;
}

.appointment ul li .fr-wrap1 .box {
    float: left;
    width: 100%;
    margin-top: .17rem
}

.appointment ul li .fr-wrap1 .box var {
    float: left;
    line-height: .83rem;
    font-size: .45rem;
    color: #8e8e90
}

.appointment ul li .fr-wrap1 .box input {
    width: 2.11rem;
    font-size: .24rem;
    color: #8e8e90;
    background: #eee;
    line-height: .75rem;
    border-radius: .12rem;
    text-align: center;
    border: none;
    outline: medium;
}

.appointment .btn {
    float: left;
    width: 100%;
    margin-top: 0.4rem;
    padding: 0 .5rem
}

.appointment .btn button {
    height: 0.9rem;
    border-radius: .12rem;
    background: #131313;
    width: 100%;
    color: #fff;
    font-size: .45rem;
    transition: .15s
}

.appointment .btn button:active {
    background: rgba(19, 19, 19, .8)
}

.appointment .btn p {
    text-align: center;
    margin-top: .36rem
}

.appointment .btn p a {
    color: #c18a38;
    text-decoration: underline;
    font-size:0.3rem;
}

/*提示信息*/
.hidden_tip {
    display: none;
    width:100%;
    padding: 0.3rem 0.2rem;
}
.hidden_weixin_code{
    display:none;
    width:100%;
    padding:0.3rem 0.2rem;
    text-align: center;
}
.hidden_weixin_code img{
    width:90%;
}
.notice-content {
    float: left;
    width: 100%;
    padding: 0.3rem 0.2rem;
}

.notice-content b {
    font-size: .45rem;
    font-weight: 700;
    margin: .6rem 0;
    display: block
}

.notice-content p {
    line-height: 1.5;
    font-size: .3rem
}

/*调查问卷*/

.questionnaire {
    float: left;
    width: 100%;
    padding: .3rem;
}

.questionnaire ul li {
    margin-top: .45rem;
    float: left;
    width: 100%;
    line-height: 0.5rem;
}

.questionnaire ul li h3 {
    font-size: .3rem
}

.questionnaire ul li .box {
    float: left;
    width: 100%;
    padding: 0 .3rem
}

.questionnaire ul li .box label {
    font-size: .3rem;
    float: left;
    width: 50%;
    margin-top: .3rem
}

.questionnaire ul li .box label input {
    margin-right: .1rem;
    width: .3rem;
    height: .3rem
}

.questionnaire ul li .box textarea {
    height: 2.37rem;
    border: .5px solid #bfbfbf;
    width: 100%;
    margin-top: .2rem;
    padding: .2rem;
    font-size: .45rem
}

.questionnaire ul li .box p {
    text-align: center;
    margin-top: .49rem
}

.questionnaire .btn {
    text-align: center;
}

.questionnaire button {
    width: 4.5rem;
    height: 1.09rem;
    border-radius: .12rem;
    color: #fff;
    font-size: .45rem;
    background: #000;
    margin-top: 10px;
}

.questionnaire .professionOne, .questionnaire .professionTwo, .questionnaire .professionThree {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 10px;
}

.questionnaire .readonly_bg {
    background: #f5f5f5;
}

.questionnaire .not_good_box {
    width: 80%;
    margin-left: 5%;
    margin-top: 2%;
}

.questionnaire .not_good_box input {
    border: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    width: 100%;
    margin-top: 5%;
}

.questionnaire ul li .fr-wrap1 {
    float: right;
    width:5.2rem;
}

.questionnaire ul li .fr-wrap1 .wrap textarea {
    height: 10.28rem;
    padding: .3rem 0;
    width: 100%;
    font-size: .45rem;
}

.questionnaire ul li .fr-wrap1 .box {
    float: left;
    width: 100%;
    padding:unset;
}

.questionnaire ul li .fr-wrap1 .box input {
    width: 2.6rem;
    font-size: .3rem;
    color: #8e8e90;
    background: #eee;
    line-height: .83rem;
    border-radius: .12rem;
    text-align: center;
    border: none;
    outline: medium;
    width:2.5rem;
}
.questionnaire .btn {
    float: left;
    width: 100%;
    margin-top: 0.4rem;
    padding: 0 .5rem
}

.questionnaire .btn button {
    height: 0.9rem;
    border-radius: .12rem;
    background: #131313;
    width: 100%;
    color: #fff;
    font-size: .45rem;
    transition: .15s
}

.questionnaire .btn button:active {
    background: rgba(19, 19, 19, .8)
}

/*wap版首页*/
.index-notice {
    float: left;
    width: 100%;
    padding: .2rem .2rem;
}

.index-notice .wrap {
    background: #94a28e;
    float: left;
    width: 100%;
    padding: 0 .2rem;
    border-radius: 0 .3rem 0 .3rem
}

.index-notice .title {
    float: left;
    width: 100%;
    padding-top: .3rem;
}

.index-notice .title .fl {
    display: flex
}

.index-notice .title .fl .ico-i1 {
    width: .3rem;
    background: url(../img/46052c_44x42.png) center/.3rem no-repeat;
    float: left
}

.index-notice .title .fl span {
    color: #fff;
    border-bottom: .03rem solid #fff;
    font-size: .4rem;
    float: left;
    padding-bottom: .1rem;
    margin-left: .2rem
}

.index-notice .title .fr a {
    color: #fff;
    /*line-height: .65rem*/
}

.index-notice ul {
    float: left;
    width: 100%
}

.index-notice ul li {
    border-top: .5px solid #fff;
    padding: .4rem 0;
    float: left;
    width: 100%
}

.index-notice ul li:first-child {
    border-top: none
}

.index-notice ul li a {
    color: #fff;
    float: left;
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-size: .32rem
}

.index-notice ul li span {
    float: right;
    color: #fff;
    font-size: .24rem
}


.fllow {
    float: left;
    width: 100%;
    background: #708ca4;
    padding: 1.84rem 0 .85rem 0
}

.fllow .pict {
    width: 4.22rem;
    margin: 0 auto
}

.fllow .pict img {
    width: 100%
}

.fllow p {
    color: #fff;
    text-align: center;
    margin-top: .54rem
}

.fangwen {
    float: left;
    width: 100%;
    background: #444;
    position: relative;
    padding: .28rem 0
}

.fangwen img {
    position: absolute;
    left: .51rem;
    width: .64rem;
    bottom: .2rem
}

.fangwen .back {
    width: .44rem;
    height: .28rem;
    background: url(../img/561daa_44x28.png) center top no-repeat;
    background-size: cover;
    position: absolute;
    right: .51rem;
    bottom: .71rem
}

.fangwen h2 {
    color: #fff;
    text-align: center
}

.fangwen h2 i {
    color: #fff;
    background: #585858;
    display: inline-block;
    margin: 0 .05rem;
    font-size: .26rem;
    padding: .08rem
}

.fangwen p {
    color: #fff;
    text-align: center;
    margin-top: .42rem;
    font-size: .26rem
}

.dynamic {
    float: left;
    width: 100%;
    padding-bottom: 1.03rem;
    padding-top: .7rem
}

.dynamic .title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:-0.3rem;
}

.dynamic .title h2 {
    text-align: center;
    font-size: .48rem
}

.dynamic .title i {
    width: .15rem;
    height: .17rem;
    background: #000;
    display: block;
    margin: 0 .2rem
}

.dynamic ul {
    padding: .3rem .25rem 0
}

.dynamic ul li {
    width:49%;
    height: 4rem;
    padding-top: 0.85rem
}

.dynamic ul li h2 {
    color: #fff;
    text-align: center;
    font-size: .54rem;
    line-height: 1.2;
    letter-spacing: .2rem
}

.dynamic ul li .more {
    display: block;
    margin: .44rem auto 0;
    width: .6rem;
    height: .6rem
}

.dynamic ul li.li0 {
    float: left;
    background: url(../img/493249_525x647.png) center top no-repeat;
    background-size: cover
}

.dynamic ul li.li0 .more {
    background: url(../img/6ee47f_90x88.png) center top no-repeat;
    background-size: cover
}

.dynamic ul li.li1 {
    background: url(../img/1b3a78_525x647.png) center top no-repeat;
    background-size: cover;
    float: right
}

.dynamic ul li.li1 .more {
    background: url(../img/0abd1a_92x89.png) center top no-repeat;
    background-size: cover
}

.feiyi {
    float: left;
    width: 100%;
    background: #a3b87d;
    padding-top: .4rem
}

.feiyi .title1 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: .2rem
}

.feiyi .title1 h2 {
    text-align: center;
    font-size: .48rem;
    color: #fff
}

.feiyi .title1 i {
    width: .15rem;
    height: .17rem;
    background: #fff;
    display: block;
    margin: 0 .2rem
}

.feiyi .pict {
    position: relative;
    margin-top: .2rem
}

.feiyi .pict img {
    width: 100%
}

.feiyi .pict span{
    position: absolute;
    color: #fff;
    font-size: .32rem;
    right: .58rem;
    bottom: .47rem
}

.feiyi .title2 {
    text-align: center;
    padding: .43rem 0 2.35rem
}

.feiyi .title2 span {
    font-size: .4rem;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 3.02rem;
    height: .93rem;
    line-height: .93rem;
    text-align: center;
    background: url(../img/40fc17_302x93.png) center center no-repeat;
    background-size: 70% 70%;
}

.no-move {
    position: absolute;
    left: 0;
    right: 0;
    background: #a56887;
    height: 0.8rem;
    bottom: 0;
    padding-right: .46rem;
    padding-left: .19rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.no-move .fl {
    display: flex;
    flex-direction: row;
    align-items: center
}

.no-move h2 {
    float: left;
    color: #fff;
    position: relative;
    padding-left: .3rem;
    font-size:0.3rem;
}

.no-move h2:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: .1rem;
    height: .2rem;
    left: 0;
    background: #fff
}

.no-move p {
    color: #fff;
    border-left: .5px solid #fff;
    padding-left: .2rem;
    float: left;
    margin-left: .2rem;
    font-size: 0.3rem;
}

.no-move a.white {
    width: 0.6rem;
    height: 0.6rem;
    font-size: 0.2rem;
    border-radius: 50%;
    border: .5px solid #fff;
    float: right;
    background: rgba(255, 255, 255, .2);
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.exhibition {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    padding: 0 .4rem;
    height: 1rem;
    display: flex;
    align-items: center
}

.exhibition a {
    display: block;
    flex-grow: 1
}

.exhibition h2 {
    float: left;
    color: #c09255;
    position: relative;
    padding-left: .41rem;
    font-size: .3rem
}

.exhibition h2:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: .19rem;
    height: .14rem;
    background: #c38c3a;
    left: 0
}

.exhibition span {
    float: left;
    color: #fff;
    margin-left: .76rem;
    font-size: .3rem
}

.exhibition .ico-more {
    float: right;
    background: url(../img/bd7c58_56x54.png) center top no-repeat;
    background-size: .3rem;
    width: .3rem;
    height: .3rem
}

.collection {
    float: left;
    width: 100%;
    height:7rem;
    padding: .2rem .1rem
}

.collection .title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.collection .title h2 {
    float: left;
    color: #fff;
    border-bottom: .5px solid #fff;
    padding-bottom: .15rem;
    font-size: 0.35rem;
}

.collection .title a {
    float: right;
    color: #fff
}
.collection .title a.more {
    font-size:0.2rem
}
.collection .left-layout {
    float: left;
    background: #7ab6b1;
    width: 49%;
    height:100%;
    padding: .37rem .29rem .22rem
}

.collection .left-layout .pict {
    margin-top: .22rem
}

.collection .left-layout .pict:nth-of-type(2) {
    margin-top: .4rem
}

.collection .left-layout .pict img {
    width: 100%;
    height:2.4rem;
}

.collection .left-layout .pict ul li {
    width: 49%;
    float: left;
    overflow: hidden
}

.collection .left-layout .pict ul li:nth-child(even) {
    float: right
}

.collection .right-layout {
    width: 49%;
    height:100%;
    float: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.collection .right-layout .jiaoshu {
    padding: .37rem .29rem .25rem;
    float: left;
    width: 100%;
    height:63%;
    background: #7ab6b1
}

.collection .right-layout .jiaoshu ul {
    padding-top: .1rem
}

.collection .right-layout .jiaoshu ul li {
    border-top: .5px dashed #fff;
    float: left;
    width: 100%;
    padding: .15rem 0;
    font-size: 0.24rem;
}

.collection .right-layout .jiaoshu ul li:first-child {
    border-top: none
}

.collection .right-layout .jiaoshu ul li a {
    color: #fff;
    display: block;
    line-height: 1.45
}

.collection .right-layout .jiaoshu ul li span {
    display: block;
    margin-top: .1rem
}

.collection .right-layout .news-wrap1 {
    position: relative;
    float: left;
    width: 100%;
    hegiht:29%;
}

.collection .right-layout .news-wrap1 img {
    width: 100%
}

.collection .right-layout .news-wrap1 .box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .55);
    padding: .19rem .13rem
}

.collection .right-layout .news-wrap1 .box h3 {
    font-size: .26rem;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    color: #c38c3a
}

.collection .right-layout .news-wrap1 .box p {
    color: #fff;
    font-size: .24rem;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-top: .12rem
}

.header {
    height: 1.39rem;
    background: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .54rem
}

.header .ico-menu {
    float: left;
    background: url(../img/7013f1_81x60.png) center no-repeat;
    background-size: .66rem;
    height: 1.39rem;
    width: .66rem
}

.header .logo img {
    width: 2.59rem
}

.header .fr a, .header .fr i {
    float: left;
    margin-left: .46rem
}

.header .fr .ico-i1 {
    background: url(../img/3d0bfe_66x66.png) center no-repeat;
    background-size: .66rem;
    height: 1.39rem;
    width: .66rem
}

.header .fr .ico-i2 {
    background: url(../img/c0cd01_65x42.png) center no-repeat;
    background-size: .66rem;
    height: 1.39rem;
    width: .65rem
}
/*新闻列表-newslist.html*/

/*手机版-分页*/
.paging {
    width: 100%;
    padding:0.2rem 0;
}
.paging ul {
    width: 100%;
    display: flex;
    justify-content: center;
}
.paging ul li {
    line-height: 50px;
    padding: 0 20px;
    font-size: 0.24rem;
    color: #333;
}
.paging ul li a {
    color: #666;
}
.paging ul li a:hover,.paging ul li a:active{
    background:#fff;
    color:lightsalmon;
}
.paging ul li.acti a {
    color: #df622b;
    text-decoration: underline;
}
.paging ul li:hover a {
    color: #df622b;
    text-decoration: underline;
}

/*手机版-piclist.html*/
.product_wap{

}
.product_wap .title{

}
.product_wap .title a{

}
/*手机版-全局导航*/
.main-menu {
    position: fixed;
    right: -100%;
    top: 0;
    background: #fff;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    z-index: 200;
    padding-top:20px;
}

.main-menu ul li {
    float: left;
    width: 100%;
    border-top: .5px solid #bdbdbd;
    padding: 0 .8rem
}

.main-menu ul li:first-child {
    border-top: none
}

.main-menu ul li h2 {
    float: left;
    width: 100%;
    height: 1.5rem;
    padding-left: .6rem;
    background: url(../img/5177c2_37x38.png) left center no-repeat;
    background-size: .25rem;
    line-height: 1.5rem;
    font-size: .3rem
}
.main-menu ul li h2 a{
    color:#000;
}

.main-menu ul li h2 .ico-down {
    float: right;
    width: .22rem;
    height: 100%;
    background: url(../img/0caf5d_22x36.png) center/.22rem no-repeat;
    transition: .2s
}

.main-menu ul li h2.active .ico-down {
    transform: rotate(90deg)
}

.main-menu ul li .down {
    float: left;
    width: 100%;
    display: none;
    padding-bottom: .8rem
}

.main-menu ul li .down a {
    float: left;
    margin-left: .6rem;
    color: #676363;
    font-size: .3rem;
    height:0.6rem;
}
/*当前位置*/
.now_position{
    background-color: #fff;
    color: #adadad;
    font-size: 0.24rem;
    padding:0.24rem;
    display: flex;
    flex-direction: row;
    justify-content:flex-start;
    border-bottom: 1px solid #BFBFBF;
}
.now_position .backbtn{
    width: 0.4rem;
    background: url(../img/c34bd3_26x42.png) center/.26rem no-repeat;
}
.now_position .backbtn a{
    display: block;
    width:100%;
    height:100%;
}
.now_position .classname{
    text-align: center;
    font-size: 0.36rem;
    width:88%;
    color:#333;
}
.now_position .path{

}
/*搜索*/
.search_wrapper{
    background-color: #fff;
    color: #adadad;
    font-size: 0.24rem;
    padding:0.24rem;
}
.search_header{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.search_keyword{
    margin-top:0.24rem;
    text-align: right;
}
.search_keyword span{
    color:red;
}
.search_body{

}
.search_item{
    border-bottom: 1px dashed #ccc;
    padding:0.2rem 0;
}
.search_item a{
    display:block;
    color:#8D8D8D;
}
.single_search_info_top{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.single_search_info_top .title{
    width:80%;
}
.single_search_info_top .pubdate{

}
.single_search_info_bottom{

}
.search_header form{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width:100%;
}
.search_header form input{
    width:80%;
    font-size: 0.24rem;
    border: 1px solid #945400;
    padding: 2px 3px;
    line-height: 22px;
}
.search_header form button.btninfo{
    font-size: 0.24rem;
    color: #945400;
    padding: 2px 3px;
    margin: 3px 0px 3px 4px;
    line-height: 22px;
    border:1px solid #945400;
    width:20%;
}
/*showlist.html 展览列表页*/
.showlist_box{

}
.showlist_item{
    border-bottom: 1px dashed #333;
    margin-bottom: 0.2rem;
}
.showlist_item .img_box{
    position:relative;
}
.showlist_item .img_box img{
    width:100%;
    height: auto !important;
    max-width: 100% !important;
}
.showlist_item .tag_box{
    position: absolute;
    top:0px;
    right: 0px;
    width:1rem;
    height:0.4rem;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.3rem;
    color:#fff;
}
.showlist_item .tag1{
    background:lightsalmon;
}
.showlist_item .tag2{
    background:lightcoral;
}
.showlist_item .tag3{
    background:lightskyblue;
}
.showlist_item .title_box{
    font-size: 0.24rem;
    padding:0.3rem 0.1rem;
}
.showlist_item .title_box a{
    color:#333;
}
.showlist_item .ext_box{
    font-size: 0.24rem;
    padding:0rem 0.1rem 0.3rem;
}
/*show.html 展览详情页*/
.show_wap_content{
    padding:0 0.24rem;
    font-size: 0.24rem;
    margin-bottom: 0.5rem;
}
.show_wap_header{
    background:#f5f5f5;
    text-align: center;
    margin:0.1rem 0px;
    padding:0.2rem 0.1rem;
    color:#333333;
}
.show_wap_header .title{
    line-height: 1.5;
}
.show_wap_header .title h2{
    font-size: 0.36rem;
}
.show_wap_header .action{
    margin-top:0.2rem;
}
.show_wap_mid{

}
.show_wap_mid .intro_item{
    margin: 0.2rem 0;
}
.show_wap_mid .intro_item span.t1{
    font-weight: bold;
}
.show_wap_bottom div.t1{
    font-weight: bold;
}
.show_wap_bottom .text{
    margin-top:0.2rem;
    line-height: 150%;
}
.show_wap_bottom .text p{
    line-height: 1.5;
}
.show_wap_bottom .text img{
    height: auto !important;
    max-width: 100% !important;
}
/*sortnav 列表页栏目导航*/
.sortnav_box{
    width:100%;
    height:0.8rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color:#333;
    border-bottom: 1px solid #ccc;
}
.sortnav_box .nav_item{
    width:25%;
    text-align: center;
}
.sortnav_box .nav_item span.s1{

}
.sortnav_box .nav_item span.s1 img{
    width:0.3rem;
}
.sortnav_box .nav_item span.s2{
    font-size: 0.3rem;
}

.appointment_apply_box{
    width:100%;
    margin:30px auto;
    text-align: center;
}
.appointment_apply_box button{
    border:1px solid #299789;
    background: #299789;
    width:150px;
    height:48px;
    line-height: 48px;
    font-size: 14px;
    color:#fff;
    text-align: center;
    border-radius: 3px;
}

.associate_intro{
    float: right;
    height: 0.75rem;
    line-height: 0.75rem;
    width: 5rem;
    padding: 0 .2rem;
    font-size: 0.24rem;
}
.associate_intro a{
    color:lightcoral;
}

.single_content{
    margin:0.2rem 0.1rem;
}
.single_item{
    border:1px solid #ccc;
    padding:0.2rem 0.2rem;
    text-align: center;
    font-size: 0.24rem;
    margin:0.2rem 0;
}
.single_item:hover{
    background: lightsalmon;
}
.single_item:hover a{
    color:#fff;
}