html {
    font-size: 62.5px;
    width: 100%;
    height: auto;
    overflow: auto;
}

body {
    font-size: 0.14rem;
    font-family: Arial;
    /*font-family: 宋体;*/
    overflow-y: auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    /*font-family: SourceHanSansCN , arial, helvetica, sans-serif;*/
    transition: all 0.5s;
}

body,
html {
    scroll-behavior: auto;
}

.gmu-media-detect {
    bottom: 0;
    display: none;
}

.fp-scrollable {
    height: 100% !important;
}

blockquote,
body,
button,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

input {
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}

input,
textarea {
    outline: 0;
    display: block;
    border: none;
    background: none;
}

input[type=button] {
    -webkit-appearance: none;
    outline: none;
    border-radius: 0;
}

input[type=radio] {
    -webkit-appearance: none;
    outline: none;
    border-radius: 0;
}

input[type=checkbox] {
    -webkit-appearance: none;
    outline: none;
    border-radius: 0;
}

input[type=submit] {
    -webkit-appearance: none;
    outline: none;
    border-radius: 0;
}

input[type=text] {
    -webkit-appearance: none;
    outline: none;
    border-radius: 0;
}

select {
    -webkit-appearance: none;
    outline: none;
    background: none;
}

a {
    text-decoration: none;
    cursor: pointer;
}

img {
    padding: 0;
    margin: 0;
    border: none;
}

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

.wapper {
    width: 100%;
    height: auto;
    position: relative;
}

/* 展开导航 */
.wapper .openUp {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: url(../images/openBg.jpg) no-repeat right top;
    background-size: cover;
    display: none;
}

.wapper .openUp .grid-wrap div {
    width: 1px;
    height: 200vh;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
    z-index: 99;
}

.wapper .openUp .grid-wrap div:first-child {
    left: 10%;
}

.wapper .openUp .grid-wrap div:nth-child(2) {
    left: 30%;
}

.wapper .openUp .grid-wrap div:nth-child(3) {
    left: 50%;
}

.wapper .openUp .grid-wrap div:nth-child(4) {
    left: 70%;
}

.wapper .openUp .grid-wrap div:nth-child(5) {
    left: 90%;
}

.wapper .openUp .menuBox {
    width: 100%;
    height: auto;
    padding: 0 10%;
    box-sizing: border-box;
    margin-top: 3%;
}

.wapper .openUp .menuBox .list {
    width: 100%;
    height: auto;

}

.wapper .openUp .menuBox .list ul {
    display: flex;
    flex-wrap: wrap;
}

.wapper .openUp .menuBox .list li {
    width: 25%;
    height: auto;
    position: relative;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 3%;
}

.list:not(:nth-child(4n)) {
    margin-right: calc(4% / 3);
}

.wapper .openUp .menuBox .list li .nameBox {
    width: 82px;
    height: auto;
    float: left;
}

.wapper .openUp .menuBox .list li .nameBox .letters {
    width: 100%;
    height: auto;
    font-size: 110px;
    color: rgba(21, 43, 64, 0.1);
    line-height: 110px;
    justify-content: flex-start;
    display: flex;
    margin-left: -8px;
    display: none;
}

.wapper .openUp .menuBox .list li .nameBox .theme {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #152b40;
    line-height: 45px;
    font-weight: bolder;
    /* margin-top: -44px; */
    padding-left: 14px;
    box-sizing: border-box;
}

.wapper .openUp .menuBox .list li .nameBox .theme img {
    width: 16px;
    height: auto;
    vertical-align: top;
    opacity: 0;
    transition: all 0.5s;
}

.wapper .openUp .menuBox .list li.now .nameBox .theme img {
    opacity: 1;
}

.wapper .openUp .menuBox .list li:hover .nameBox .theme img {
    opacity: 1;
}

.wapper .openUp .menuBox .list li .navList {
    width: 50%;
    height: auto;
    float: left;
    margin-left: 10%;
    margin-top: 74px;
}

.wapper .openUp .menuBox .list li .navList li {
    width: 100%;
    height: auto;
}

.wapper .openUp .menuBox .list li .navList li a {
    display: block;
    font-size: 14px;
    color: #152b40;
    line-height: 28px;
    transition: all 0.5s;
    background: url(../images/line11.gif) no-repeat -20px center;
}

.wapper .openUp .menuBox .list li .navList li.now a {
    font-weight: bolder;
    padding-left: 20px;
    background: url(../images/line11.gif) no-repeat left center;
}

.wapper .openUp .menuBox .list li .navList li:hover a {
    font-weight: bolder;
    padding-left: 20px;
    background: url(../images/line11.gif) no-repeat left center;
}

.wapper .openUp .closeBtn {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 3.4%;
    right: 3.2%;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    background: url(../images/close.png) no-repeat center center;
    transition: all 0.5s;
}

.wapper .openUp .closeBtn:hover {
    background: url(../images/close_hover.png) no-repeat center center;
    transform: rotate(90deg);
}



.wapper .head {
    width: 100%;
    height: auto;
    padding: 22px 3% 0;
    box-sizing: border-box;
    position: absolute;
    top: 0%;
    left: 0;
    z-index: 999;
    background-image: linear-gradient(rgba(212, 239, 249, 1), rgba(212, 239, 249, 0));
    transition: all 0.5s;
}

.wapper .head.noBg {
    background: none;
}

.wapper .head.over {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4444;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 22px 3% 0;
}

.wapper .head.over .menu li {
    /* padding-bottom: 15px; */
}

.wapper .head .logo {
    width: 15%;
    max-width: 200px;
    height: auto;
    float: left;
}

.wapper .head .logo img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.wapper .head .menu {
    width: auto;
    height: auto;
    float: right;
    display: flex;
}

.wapper .head .menu li {
    width: auto;
    height: auto;
    float: left;
    margin: 0 11px;
    padding: 0px 0 30px 0;
    position: relative;
}

.wapper .head .menu li a {
    display: block;
    padding: 12px 13px 0;
    box-sizing: border-box;
}

.wapper .head .menu li .cntit {
    width: auto;
    height: auto;
    font-size: 20px;
    color: #162b40;
    line-height: 24px;
    text-align: center;
    transition: all 0.5s;
}

.wapper .head .menu li .entit {
    width: auto;
    height: auto;
    font-size: 14px;
    color: rgba(32, 33, 50, 0.5);
    line-height: 16px;
    text-align: center;
    transition: all 0.5s;
    display: none;
}












.wapper .head .menu li.hover a {
    background: url(../images/icon7.png) no-repeat center top;
    background-size: 6px;
}

.wapper .head .menu li.hover .cntit {
    color: #693a00;
}

.wapper .head .menu li.hover .entit {
    color: rgba(105, 58, 0, 0.7)
}

.wapper .head .menu li a.now {
    background: url(../images/icon7.png) no-repeat center top;
    background-size: 6px;
}

.wapper .head .menu li a.now .cntit {
    color: #693a00;
}

.wapper .head .menu li a.now .entit {
    color: rgba(105, 58, 0, 0.7)
}

.wapper .head .menu li:nth-of-type(1) .h-links:after {
    border: none;
}






.wapper .head .menu li .secbg {
    background: rgba(105, 58, 0, 0.9);
    position: absolute;
    top: 66px;
    left: 0;
    transform: translateX(-50%);
    width: 100000%;
    height: 52px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.8s;
}

.wapper .head .menu li .secondary {
    width: 100000%;
    height: 53px;
    position: absolute;
    top: 66px;
    left: -10px;
    z-index: 8228;
    overflow: hidden;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    transition: all 0.8s;
}

.wapper .head .menu li:nth-of-type(8) .secondary {
    left: -370px;
}

.wapper .head .menu li:nth-of-type(9) .secondary {
    left: -134px;
}

.wapper .head.over .menu li .secbg {
    top: 66px;
}

.wapper .head.over .menu li .secondary {
    top: 66px;
}

.wapper .head .menu li.hover .secbg {
    visibility: visible;
    display: block;
    opacity: 1;
}

.wapper .head .menu li.hover .secondary {
    visibility: visible;
    display: block;
    opacity: 1;
}

.wapper .head .menu li .secondary .list {
    width: 50%;
    height: auto;
}

.wapper .head .menu li .secondary .list li {
    width: auto;
    height: auto;
    float: left;
    margin: 0 10px;
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box;
}

.wapper .head .menu li .secondary .list li a {
    width: 100%;
    padding: 0;
    align-items: center;
    display: flex;
    background: none;
    font-size: 16px;
    color: #ffffff;
    line-height: 52px;
    padding: 3px 0;
}

.wapper .head .menu li .secondary .list li .text {
    width: auto;
    height: auto;
    float: left;
    font-size: 16px;
    color: #fff;
    line-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*transition: all 0.5s;*/
}

.wapper .head .menu li .secondary .list li:hover a {
    color: #d6b081;
}

.wapper .head .menu li .secondary .list li:hover .text {
    color: #d6b081;
}

.wapper .head .menu li .secondary .list li.now .text {
    color: #d6b081;
}

.wapper .head .search {
    width: 40px;
    height: 40px;
    float: right;
    margin: 6px 6px 0 6px;
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
    transition: all 0.5s;
    align-items: center;
    justify-content: center;
    display: flex;
}

.wapper .head .search img {
    width: 21px;
    height: auto;
    vertical-align: middle;
}

.wapper .head .search:hover {
    background: #747d86;
}

.wapper .head .search:hover img {
    filter: brightness(10000);
}

.wapper .head .menuBtn {
    width: 40px;
    height: 40px;
    float: right;
    margin: 6px 0px 0px 6px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 50%;
}

.wapper .head .menuBtn img {
    width: 19px;
    height: auto;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    display: flex;
}

.wapper .head .mobMenu {
    width: 60px;
    height: 60px;
    float: right;
    background: url(../images/menu2.png) no-repeat center center #da9e55;
    background-size: 18px;
    display: none;
    position: relative;
    z-index: 9991;
}

.wapper .head .menuBtn:hover {
    background: #747d86;
}

.wapper .head .menuBtn:hover img {
    filter: brightness(10000);
}

.wapper .head:hover {
    background: #fff;
    padding-bottom: 0%;
}

.wapper .page1 {
    width: 100%;
    height: 100%;
    background: #cbd2e1;
}

.wapper .page1 .banner {
    width: 100%;
    height: 100%;
}

.wapper .page1 .banner .inbanner {
    width: 100%;
    height: 100% !important;
}

.swiper-pagination.bli {
    width: 100% !important;
    height: 20px !important;
    bottom: 12% !important;
    z-index: 66666 !important;
}

.swiper-pagination.bli .swiper-pagination-bullet {
    width: 54px !important;
    height: 4px !important;
    border-radius: 4px !important;
    background: rgba(105, 58, 0, 0.3) !important;
    opacity: 1 !important;
    cursor: pointer;
}

/* .inbanner .swiper-pagination.banner_page .swiper-pagination-bullet{
    width: 54px !important;
    height: 4px !important;
    border-radius: 4px !important;
    background: rgba(105, 58, 0, 0.3) !important;
    opacity: 1 !important;
    cursor: pointer;
} */
.inbanner .swiper-pagination.banner_page .swiper-pagination-bullet-active {
    width: 54px !important;
    height: 4px !important;
    border-radius: 4px !important;
    background: rgba(105, 58, 0, 1) !important;
}

.swiper-pagination.banner_page .swiper-pagination-bullet-active {
    background: rgba(105, 58, 0, 1) !important;
}

.inbanner .banner_page {
    width: 100%;
    bottom: 12% !important;
}

.inbanner .banner_page {
    margin-top: 0;
    float: none;
}

.inbanner .banner_page span {
    width: 54px;
    height: 4px;
    opacity: 1;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    border-radius: 4px;
    position: relative;
    margin: 19px 0;
    background: rgba(105, 58, 0, 0.3) !important;
    position: relative;
}






.fp-section {
    background-color: #cbd2e1;
}


.wapper .section .copyright {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #693a00;
    line-height: 28px;
    position: absolute;
    bottom: 3%;
    left: 0%;
    z-index: 666;
    text-align: center;
    display: none;
}

.wapper .section .copyright a {
    color: #693a00;
}

.wapper .section .copyright span {
    margin-left: 10px;
}

.wapper .section .copyright span img {
    vertical-align: middle;
    margin-top: -3px;
}





.wapper .page2 {
    width: 100%;
    height: 100%;
    position: relative;
}

.wapper .page2 .opBg {
    width: 100%;
    height: 100%;
    background: url(../images/opBg1.png);
}

.wapper .page2 .pageCont2 {
    width: 100%;
    height: auto;
    margin: auto;
    padding: 0 10%;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 66;
}

.wapper .page2 .pageCont2 .content {
    align-items: center;
    display: flex;
}

.wapper .page2 .pageCont2 .left {
    width: 50%;
    height: auto;
    float: left;
    padding-right: 5%;
    box-sizing: border-box;
    visibility: visible !important;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}

.wapper .page2 .pageCont2 .left .titleBox {
    width: 350px;
    height: auto;
    font-size: 40px;
    color: #202132;
    line-height: 42px;
    font-weight: bolder;
    position: relative;
    box-sizing: border-box;
    padding-top: 10px;
    margin-bottom: 2.5%;
    background: url(../images/icon3.png) no-repeat top;
}

.wapper .page2 .pageCont2 .left .titleBox .entitl {
    width: 100%;
    height: auto;
    font-size: 88px;
    color: rgba(3, 16, 16, 0.1);
    line-height: 150px;
    font-weight: bold;
    display: none;
}

.wapper .page2 .pageCont2 .left .titleBox .cntitl {
    width: 100%;
    height: auto;
    font-size: 40px;
    color: #202132;
    line-height: 42px;
    font-weight: bolder;
    position: relative;
    /* top: 96px;
    left: 0px; */
}

.wapper .page2 .pageCont2 .left .titleBox .cntitl img {
    width: 23px;
    height: auto;
    vertical-align: top;
    margin-top: -9px;
    margin-left: -6px;
}

.wapper .page2 .pageCont2 .left .cntext {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 30px;
    margin-top: 4%;
    text-align: justify;
}

.wapper .page2 .pageCont2 .left .entext {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 30px;
    margin-top: 4%;
    text-align: justify;
}

.wapper .page2 .pageCont2 .left .more {
    width: 152px;
    height: auto;
    font-size: 18px;
    color: #202132;
    line-height: 40px;
    border: 2px solid #202132;
    background: url(../images/icon4.png) no-repeat 80% center;
    background-size: 13px;
    margin-top: 5%;
    transition: all 0.5s;
    cursor: pointer;
    overflow: hidden;
}

.wapper .page2 .pageCont2 .left .more a {
    display: inline-block;
    font-size: 18px;
    color: #202132;
    line-height: 42px;
    box-sizing: border-box;
    transition: all 0.5s;
}

.wapper .page2 .pageCont2 .left .more:hover {
    background: #202132;
    background: url(../images/icon5.png) no-repeat 90% center #202132;
}

.wapper .page2 .pageCont2 .left .more:hover a {
    color: #fff;
}

.wapper .page2 .pageCont2 .right {
    width: 50%;
    height: auto;
    float: right;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    padding-top: 3%;
}

.wapper .page2 .pageCont2 .right .picList {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .page2 .pageCont2 .right .picList li {
    width: 32.5%;
    height: auto;
    transition: all 0.5s;
    cursor: pointer;
}

.wapper .page2 .pageCont2 .right .picList li:nth-of-type(1) {
    position: absolute;
    top: 12%;
    left: 0;
}

.wapper .page2 .pageCont2 .right .picList li:nth-of-type(2) {
    margin-left: 33.75%;
    margin-bottom: 4%;
}

.wapper .page2 .pageCont2 .right .picList li:nth-of-type(3) {
    margin-left: 33.75%;
}

.wapper .page2 .pageCont2 .right .picList li:nth-of-type(4) {
    position: absolute;
    right: 0;
    top: 2%;
}

.wapper .page2 .pageCont2 .right .picList li:nth-of-type(5) {
    position: absolute;
    right: 0;
    top: 34%;
}

.wapper .page2 .pageCont2 .right .picList li:nth-of-type(6) {
    position: absolute;
    right: 0;
    bottom: 6%;
}

.wapper .page2 .pageCont2 .right .picList li:hover {
    transform: translateY(-15px);
}

.wapper .page2 .pageCont2 .right .picList li .pic {
    width: 100%;
    height: auto;
}

.wapper .page2 .pageCont2 .right .picList li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    mask: -webkit-gradient(linear, left 70%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    -webkit-mask: -webkit-gradient(linear, left 70%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
}

.wapper .page2 .pageCont2 .right .picList li .textBox {
    width: 100%;
    height: auto;
    margin-top: -14%;
    padding-left: 6%;
    box-sizing: border-box;
    position: relative;
    z-index: 11;
}

.wapper .page2 .pageCont2 .right .picList li .textBox .cntit {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #152628;
    line-height: 32px;
    font-weight: bolder;
}

.wapper .page2 .pageCont2 .right .picList li .textBox .entit {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #031010;
    line-height: 20px;
}

.wapper .page3 {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.5s;
    /*position: relative;*/
    background: #cbd2e1;
}

.wapper .page3 .pageCont3 {
    width: 100%;
    height: 100% !important;
    position: relative;
    top: 0;
    left: 0;
    background: #cbd2e1;
}

.wapper .page3 .contTab {
    width: 100%;
    height: 66%;
    background: #cbd2e1;
}

.wapper .page3 .contTab .itemsCont {
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
    background: #cbd2e1;
}

.wapper .page3 .contTab .itemsCont.now {
    display: block;
}

.wapper .page3 .contTab .itemsCont .pic {
    width: 100%;
    height: 100%;
    transition: all 0.8s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    transition: all 800ms ease-in-out 0s;
    background-color: #cbd2e1;
}

.wapper .page3 .contTab .itemsCont .pic img {
    width: auto;
    height: 100%;
    vertical-align: bottom;
}

.wapper .page3 .contTab .itemsCont .itemslogo {
    width: auto;
    height: auto;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0s;
    display: none;
}

.wapper .page3 .contTab .itemsCont .itemslogo img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    filter: brightness(200)
}

.wapper .page3 .contMenu {
    width: 100%;
    height: 34%;
    background: #cbd2e1;
}

.wapper .page3 .contMenu .cont {
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0 10%;
    box-sizing: border-box;
    overflow: hidden;
}

.wapper .page3 .contMenu .cont .titleBox {
    width: 30%;
    height: auto;
    float: left;
    position: relative;
}

.wapper .page3 .contMenu .cont .titleBox .entitl {
    width: 100%;
    height: auto;
    font-size: 88px;
    color: rgba(3, 16, 16, 0.1);
    line-height: 150px;
    font-weight: bold;
    display: none;
}

.wapper .page3 .contMenu .cont .titleBox .cntitl {
    width: 100%;
    height: 150px;
    font-size: 40px;
    color: #202132;
    line-height: 42px;
    font-weight: bolder;
    position: relative;
    top: 96px;
    left: 0px;
    /*letter-spacing: 5px;*/
}

.wapper .page3 .contMenu .cont .titleBox .cntitl span img {
    width: 23px;
    height: auto;
    vertical-align: top;
    margin-top: -9px;
    margin-left: -12px;
}

.wapper .page3 .contMenu .cont .titleBox .more {
    width: 152px;
    height: auto;
    font-size: 18px;
    color: #202132;
    line-height: 40px;
    border: 2px solid #202132;
    background: url(../images/icon4.png) no-repeat 80% center;
    background-size: 13px;
    margin-top: 5%;
    transition: all 0.5s;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.wapper .page3 .contMenu .cont .titleBox .more a {
    display: inline-block;
    font-size: 18px;
    color: #202132;
    line-height: 42px;
    box-sizing: border-box;
    transition: all 0.5s;
}

.wapper .page3 .contMenu .cont .titleBox .more:hover {
    background: #202132;
    background: url(../images/icon5.png) no-repeat 90% center #202132;
}

.wapper .page3 .contMenu .cont .titleBox .more:hover a {
    color: #fff;
}

.wapper .page3 .contMenu .cont .menuList {
    width: 70%;
    height: 100%;
    float: left;
}

.wapper .page3 .contMenu .cont .menuList ul {
    width: 100%;
    height: 100%;
}

.wapper .page3 .contMenu .cont .menuList li {
    width: 33.33%;
    height: 100%;
    float: left;
    padding: 3% 0 0 0;
    box-sizing: border-box;
    cursor: pointer;
}

.wapper .page3 .contMenu .cont .menuList li:nth-of-type(1) {
    animation-delay: 0s
}

.wapper .page3 .contMenu .cont .menuList li:nth-of-type(2) {
    animation-delay: 0.5s
}

.wapper .page3 .contMenu .cont .menuList li:nth-of-type(3) {
    animation-delay: 1s
}

.wapper .page3 .contMenu .cont .menuList li.now {
    background: url(../images/activeBg.jpg) no-repeat right bottom #d5dbe7;
    background-size: auto 100%;
}

.wapper .page3 .contMenu .cont .menuList li .circle {
    width: 100%;
    height: auto;
    padding-top: 12%;
}

.wapper .page3 .contMenu .cont .menuList li.now .circle {
    background: url(../images/circle.png) no-repeat center 5%;
    background-size: 14px;
}

.wapper .page3 .contMenu .cont .menuList li .itemlogo {
    width: auto;
    height: auto;
    min-height: 110px;
    margin: auto;
    overflow: hidden;
    align-items: center;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}

.wapper .page3 .contMenu .cont .menuList li .itemlogo img {
    width: auto;
    height: auto;
    max-width: 115px;
    max-height: 110px;
    margin: auto;
    vertical-align: bottom;
}

.wapper .page3 .contMenu .cont .menuList li .name {
    width: 100%;
    height: auto;
    font-size: 21px;
    color: #202132;
    line-height: 30px;
    text-align: center;
    margin-top: 3%;
}

.wapper .page4 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
}

.wapper .page4 .readPart {
    width: 50%;
    height: 100%;
    float: left;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: all 0.5s;
}

.wapper .page4 .readPart .readCont {
    width: auto;
    height: auto;
    cursor: pointer;
    transition: all 0.5s;
    margin-top: 5%;
}

.wapper .page4 .readPart .readCont .read {
    width: 100%;
    max-width: 171px;
    height: auto;
    margin: auto;
    justify-content: center;
    display: flex;
    transition: all 1.5s;
}

.wapper .page4 .readPart .readCont .read img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.wapper .page4 .readPart .readCont .intro {
    width: 100%;
    height: auto;
    margin-top: 5%;
    opacity: 0;
    transition: all 1.5s;
    /* transition-delay:1s; */
    animation-fill-mode: none;
}

.wapper .page4 .readPart .readCont .intro .text {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #102132;
    line-height: 30px;
    text-align: center;
}

.wapper .page4 .readPart .readCont .intro .cha {
    width: 110px;
    height: auto;
    margin: auto;
    border: 1px solid rgba(16, 33, 50, 0.2);
    box-sizing: border-box;
    background: rgba(16, 33, 50, 0.1);
    font-size: 14px;
    color: #102132;
    line-height: 30px;
    text-align: center;
    margin-top: 3%;
    transition: all 0.5s;
}

.wapper .page4 .readPart .readCont .intro .cha a {
    display: block;
    font-size: 14px;
    color: #102132;
    line-height: 30px;
    transition: all 0.5s;
}

.wapper .page4 .readPart:hover {
    filter: alpha(100, 0, 1, 0, 70%, 100%, 100%);
}

.wapper .page4 .readPart:hover .readCont .read {
    transform: translateY(-50px);
}

.wapper .page4 .readPart:hover .readCont .intro {
    opacity: 1;
    transform: translateY(-40px);
}

.wapper .page4 .readPart:hover .readCont .intro .cha {
    background: #102132;
    border: 1px solid #102132;
}

.wapper .page4 .readPart:hover .readCont .intro .cha a {
    color: #ffffff;
}










.wapper .page4 .charityPart {
    width: 50%;
    height: 50%;
    float: left;
    align-items: center;
    justify-content: center;
    display: flex;
}

.wapper .page4 .charityPart .charityCont {
    width: auto;
    min-width: 42%;
    height: auto;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: all 1.5s;
    margin-top: 3%;
    cursor: pointer;
    margin-left: 34%;
}

.wapper .page4 .charityPart .charityCont .charity {
    width: 108px;
    height: auto;
    float: left;
}

.wapper .page4 .charityPart .charityCont .charity img {
    width: auto;
    height: auto;
    max-width: 108px;
}

.wapper .page4 .charityPart .charityCont .intro {
    width: 65%;
    height: auto;
    float: left;
    background: url(../images/line1.gif) no-repeat left center;
    padding-left: 9%;
    box-sizing: border-box;
    /* display: none; */
    margin-left: 6%;
    opacity: 0;
    transition: 1.5s;
}

.wapper .page4 .charityPart .charityCont .intro .text {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #102132;
    line-height: 30px;
}

.wapper .page4 .charityPart .charityCont .intro .cha {
    width: 110px;
    height: auto;
    border: 1px solid rgba(16, 33, 50, 0.2);
    box-sizing: border-box;
    background: rgba(16, 33, 50, 0.1);
    font-size: 14px;
    color: #102132;
    line-height: 30px;
    text-align: center;
    margin-top: 6%;
}

.wapper .page4 .charityPart .charityCont .intro .cha a {
    display: block;
    font-size: 14px;
    color: #102132;
    line-height: 30px;
}

.wapper .page4 .charityPart:hover .charityCont {
    margin-left: 0;
}

.wapper .page4 .charityPart:hover .charityCont .intro {
    opacity: 1;
}

.wapper .page4 .charityPart .charityCont:hover .intro .cha {
    background: #102132;
    border: 1px solid #102132;
}

.wapper .page4 .charityPart .charityCont:hover .intro .cha a {
    color: #fff;
}

.wapper .page4 .bookPart {
    width: 50%;
    height: 50%;
    float: left;
    align-items: center;
    justify-content: center;
    display: flex;
}

.wapper .page4 .bookPart .bookCont {
    width: auto;
    min-width: 42%;
    height: auto;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: all 1.5s;
    margin-top: 3%;
    cursor: pointer;
    margin-left: 34%;
}

.wapper .page4 .bookPart .bookCont .book {
    width: 108px;
    height: auto;
    float: left;
}

.wapper .page4 .bookPart .bookCont .book img {
    width: auto;
    height: auto;
    max-width: 108px;
}

.wapper .page4 .bookPart .bookCont .intro {
    width: 65%;
    height: auto;
    float: left;
    background: url(../images/line1.gif) no-repeat left center;
    padding-left: 9%;
    box-sizing: border-box;
    opacity: 0;
    margin-left: 6%;
    transition: all 1.5s;
}

.wapper .page4 .bookPart .bookCont .intro .text {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #102132;
    line-height: 30px;
}

.wapper .page4 .bookPart .bookCont .intro .cha {
    width: 110px;
    height: auto;
    border: 1px solid rgba(16, 33, 50, 0.2);
    box-sizing: border-box;
    background: rgba(16, 33, 50, 0.1);
    font-size: 14px;
    color: #102132;
    line-height: 30px;
    text-align: center;
    margin-top: 6%;
}

.wapper .page4 .bookPart .bookCont .intro .cha a {
    display: block;
    font-size: 14px;
    color: #102132;
    line-height: 30px;
}

.wapper .page4 .bookPart:hover .bookCont {
    margin-left: 0;
}

.wapper .page4 .bookPart:hover .bookCont .intro {
    opacity: 1;
}

.wapper .page4 .bookPart .bookCont:hover .intro .cha {
    background: #102132;
    border: 1px solid #102132;
}

.wapper .page4 .bookPart .bookCont:hover .intro .cha a {
    color: #fff;
}

.wapper .page5 {
    width: 100%;
    height: 100%;
    background: url(../images/newsBg.jpg) no-repeat center center;
    background-size: cover;
    align-content: center;
    justify-content: center;
    display: flex;
    /* opacity: 0; */
}

.wapper .page5 .newsCont {
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0 10%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.wapper .page5 .newsCont .titleBox {
    width: 100%;
    height: auto;
    z-index: 999;
    margin: 0 auto;
    margin-top: 10%;
    box-sizing: border-box;
    width: fit-content;
    /* width: -webkit-fit-content;
    width: -moz-fit-content; */
    position: relative;
}

.wapper .page5 .newsCont .titleBox .entitl {
    width: 100%;
    height: auto;
    font-size: 88px;
    color: rgba(3, 16, 16, 0.1);
    line-height: 90px;
    font-weight: bold;
    text-align: center;
    width: fit-content;
    /* width: -webkit-fit-content;
    width: -moz-fit-content; */
    display: none;
}

.wapper .page5 .newsCont .titleBox .cntitl {
    width: 100%;
    height: auto;
    font-size: 40px;
    color: #202132;
    font-weight: bolder;
    /*letter-spacing: 5px;*/
    box-sizing: border-box;
    text-align: center;
    position: relative;
    top: 50px
}

.wapper .page5 .newsCont .titleBox .cntitl span {
    position: absolute;
    right: -20px;
    top: 0px;
}

.wapper .page5 .newsCont .titleBox .cntitl span img {
    width: 23px;
    height: auto;
    vertical-align: top;
    margin-top: -2px;
    margin-left: -16px;
}

.wapper .page5 .newsCont .newslist {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10%;
    box-sizing: border-box;

}

.wapper .page5 .newsCont .newslist ul {
    width: 100%;
    height: 100%;
}

.wapper .page5 .newsCont .newslist li {
    width: 25%;
    height: 100%;
    float: left;
    border-left: 1px solid rgba(255, 255, 25, 0);
    border-right: 1px solid rgba(255, 255, 25, 0);
    box-sizing: border-box;
    padding-top: 10%;
    align-items: center;
    display: flex;
    transition: all 0.5s;
    cursor: pointer;
    opacity: 0;
}

.wapper .page5 .newsCont .newslist li:nth-of-type(1) {
    padding-top: 15%;
    box-sizing: border-box;
    animation-delay: 0s;
}

.wapper .page5 .newsCont .newslist li:nth-of-type(2) {
    animation-delay: 0.5s;
}

.wapper .page5 .newsCont .newslist li:nth-of-type(3) {
    padding-top: 15%;
    box-sizing: border-box;
    animation-delay: 1s;
}

.wapper .page5 .newsCont .newslist li:nth-of-type(4) {
    animation-delay: 1.5s;
}

.wapper .page5 .newsCont .newslist li a {
    display: block;
}

.wapper .page5 .newsCont .newslist li .pic {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .page5 .newsCont .newslist li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    mask: -webkit-gradient(linear, left 70%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    -webkit-mask: -webkit-gradient(linear, left 70%, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
}

.wapper .page5 .newsCont .newslist li .textBox {
    width: 100%;
    height: auto;
    padding: 2% 6%;
    box-sizing: border-box;
}

.wapper .page5 .newsCont .newslist li .textBox .time {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #693a00;
    line-height: 20px;
}

.wapper .page5 .newsCont .newslist li .textBox .title {
    width: 100%;
    height: auto;
    min-height: 44px;
    font-size: 16px;
    color: #102132;
    line-height: 22px;
    font-weight: bold;
    margin-top: 2%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wapper .page5 .newsCont .newslist li .textBox .desc {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #445b6d;
    line-height: 24px;
    margin-top: 3%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wapper .page5 .newsCont .newslist li:hover {
    background: rgba(255, 255, 255, 0.2);
}

.wapper .footerpage {
    width: 100%;
    height: auto;
    background: #cbd2e1;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

.wapper .footerpage .footer {
    width: 100%;
    height: auto;
    margin: auto;
    overflow: auto;
    padding: 3% 10% 3%;
    position: relative;
    z-index: 6969696996996;
}

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

.wapper .footerpage .footer .zuo {
    width: 65%;
    height: auto;
    float: left;
}

.wapper .footerpage .footer .zuo .copyright {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 22px;
    margin-bottom: 2%;
    display: block;
}

.wapper .footerpage .footer .zuo .copyright a {
    color: #202132;
}

.wapper .footerpage .footer .zuo .copyright span {
    margin: 0 10px;
}

.wapper .footerpage .footer .zuo .copyright span img {
    margin-right: 6px;
}

.wapper .footerpage .footer .zuo .qLink {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    display: flex;
}

.wapper .footerpage .footer .zuo .qLink li {
    width: auto;
    height: auto;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.1);
    margin-right: 16px;
    transition: all 0.5s;
}

.wapper .footerpage .footer .zuo .qLink li:last-child {
    margin-right: 0;
}

.wapper .footerpage .footer .zuo .qLink li a {
    display: inline-block;
    font-size: 14px;
    color: #102132;
    line-height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    transition: all 0.5s;
}

.wapper .footerpage .footer .zuo .qLink li:hover {
    border: 1px solid #102132;
    background: #102132;
}

.wapper .footerpage .footer .zuo .qLink li:hover a {
    color: #fff;
}

.wapper .footerpage .footer .you {
    width: 35%;
    height: auto;
    float: right;
    text-align: right;
}

.wapper .footerpage .footer .you .kefu {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #102132;
    line-height: 35px;
    text-align: right;
    margin: 1% 0 3%;
}

.wapper .footerpage .footer .you .kefu span {
    font-size: 28px;
    font-weight: bold;

}

.wapper .footerpage .footer .you .share {
    width: 100%;
    height: auto;
    justify-content: flex-end;
    display: flex;
    margin-top: 4%;
}

.wapper .footerpage .footer .you .share li {
    width: 44px;
    height: 44px;
    float: left;
    border-radius: 50%;
    margin: 0 4px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    transition: all 0.5s;
    background: rgba(105, 58, 0, 1);
    /*overflow: hidden;*/
}

.wapper .footerpage .footer .you .share li a {
    display: block;
}

.wapper .footerpage .footer .you .share li:nth-of-type(1) {
    display: none;
}

.wapper .footerpage .footer .you .share li:nth-of-type(2) {
    background: rgba(105, 58, 0, 1);
}

.wapper .footerpage .footer .you .share li:nth-of-type(3) {
    /* display: none; */
    background: rgba(105, 58, 0, 0.8);
}

.wapper .footerpage .footer .you .share li:nth-of-type(4) {
    background: rgba(105, 58, 0, 0.6);
    margin-right: 0;
}

.wapper .footerpage .footer .you .share li img {
    width: auto;
    height: auto;
    max-width: 24px;
}

.wapper .footerpage .footer .you .share li:hover {
    filter: brightness(120%);
}

.wapper .footerpage .footer .you .share li .code {
    width: 100px;
    height: 100px;
    padding: 6px;
    background: #fff;
    box-sizing: border-box;
    position: absolute;
    top: -116px;
    left: -28px;
    z-index: -1;
    transition: all 0.5s;
    opacity: 0;
}

.wapper .footerpage .footer .you .share li .code img {
    width: 100%;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.wapper .footerpage .footer .you .share li .code:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.wapper .footerpage .footer .you .share li:hover .code {
    z-index: 22222;
    opacity: 1;
}

.wapper .mobile {
    width: 100%;
    height: auto;
    display: none;
}

.wapper .mobile .wiper {
    width: 100%;
    height: auto;
}

.wapper .mobile .wiper .swiper-container {
    width: 100%;
    height: auto;
}

.wapper .mobile .wiper .pic {
    width: 100%;
    height: auto;
}

.wapper .mobile .wiper .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.swiper-wrapper {
    height: auto !important;
}

.swiper-pagination.mob {
    width: 100%;
    height: 20px;
}

.mob .swiper-pagination-bullet {
    width: 27px;
    height: 3px;
    border-radius: 3px;
    background: rgba(105, 58, 0, 0.3) !important;
}

.mob .swiper-pagination-bullet-active {
    width: 27px !important;
    height: 3px !important;
    background: rgba(105, 58, 0, 1) !important;
}

.wapper .mobile .wiper .contWiper {
    width: 100%;
    height: auto;
    padding: 0 5% 0 4%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 12%;
    display: none
}

.wapper .mobile .wiper .contWiper .small {
    width: 100%;
    height: auto;
}

.wapper .mobile .wiper .contWiper .small .txt {
    width: auto;
    height: auto;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    font-weight: bolder;
}

.wapper .mobile .wiper .contWiper .small .icon {
    width: 12px;
    height: auto;

}

.wapper .mobile .wiper .contWiper .small .icon img {
    width: 12px;
    height: auto;
    vertical-align: top;
    margin-top: -4px;
}

.wapper .mobile .wiper .contWiper .cntext {
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    font-weight: bolder;
}

.wapper .mobile .wiper .contWiper .entext {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
}

.wapper .mobile .part {
    width: 100%;
    height: auto;
}

.wapper .mobile .part li {
    width: 33.33%;
    height: auto;
    float: left;
    padding: 3% 5%;
    box-sizing: border-box;
    align-items: center;
    vertical-align: bottom;
    display: flex;
}

.wapper .mobile .part li:nth-of-type(1) {
    background: #84b4cb;
}

.wapper .mobile .part li:nth-of-type(2) {
    background: #89c9bc;
}

.wapper .mobile .part li:nth-of-type(3) {
    background: #cca06a;
}

.wapper .mobile .part li a {
    width: 100%;
    align-items: center;
    vertical-align: bottom;
    display: flex;
}

.wapper .mobile .part li .txtBox {
    width: 60%;
    height: auto;
    float: left;
}

.wapper .mobile .part li .txtBox .cntxt {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #ffffff;
    line-height: 20px;
    font-weight: bolder;
}

.wapper .mobile .part li .txtBox .entxt {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #ffffff;
    line-height: 16px;
}

.wapper .mobile .part li .icon {
    width: 40%;
    height: auto;
    float: left;
    justify-content: flex-end;
    display: flex;
}

.wapper .mobile .part li .icon img {
    width: 26px;
    height: 26px;
    vertical-align: bottom;
}

.wapper .mobile .news {
    width: 100%;
    height: auto;
    background: #ffffff;
    padding: 6% 4% 8%;
    box-sizing: border-box;
}

.wapper .mobile .news .title {
    width: 100%;
    height: auto;
}

.wapper .mobile .news .title .entit {
    width: 100%;
    height: auto;
    font-size: 44px;
    color: rgba(32, 33, 50, 0.1);
    line-height: 48px;
}

.wapper .mobile .news .title .cntit {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 30px;
    margin-top: 0px;
    font-weight: bolder;
}

.wapper .mobile .news .title .cntit img {
    width: 20px;
    height: auto;
    vertical-align: top;
    margin-top: -4px;
}

.wapper .mobile .news .newsList {
    width: 100%;
    height: auto;
    margin-top: 3%;
}

.wapper .mobile .news .newsList li {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 4%;
}

.wapper .mobile .news .newsList li .time {
    width: 25%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #e7cfb0;
    line-height: 18px;
    font-weight: bolder;
}

.wapper .mobile .news .newsList li .title {
    width: 75%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #202132;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wapper .mobile .news .newsList li .line1 {
    width: 100%;
    height: 1px;
    background: rgba(32, 33, 50, 0.08);
    margin-top: 6%;
    float: left;
}

.wapper .mobile .news .newsList li .line1 .line2 {
    width: 20%;
    height: 1px;
    background: #d8b07f;
}

.wapper .mobile .news .more {
    width: 118px;
    height: auto;
    border: 1px solid #202132;
    margin-top: 8%;
}

.wapper .mobile .news .more a {
    display: block;
    font-size: 14px;
    color: #202132;
    line-height: 34px;
    padding: 0 10px;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

.wapper .mobile .news .more a img {
    width: 13px;
    height: auto;
    vertical-align: middle;
}

.wapper .mobile .project {
    width: 100%;
    height: auto;
    background: #f8f8f8;
    padding: 6% 4%;
    box-sizing: border-box;
}

.wapper .mobile .project .title {
    width: 100%;
    height: auto;
}

.wapper .mobile .project .title .entit {
    width: 100%;
    height: auto;
    font-size: 44px;
    color: rgba(32, 33, 50, 0.1);
    line-height: 48px;
}

.wapper .mobile .project .title .cntit {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 30px;
    margin-top: -4px;
    font-weight: bolder;
}

.wapper .mobile .project .title .cntit img {
    width: 20px;
    height: auto;
    vertical-align: top;
    margin-top: -4px;
}

.wapper .mobile .project .proList {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 4%;
}

.wapper .mobile .project .proList a {
    display: inline-block;
}

.wapper .mobile .project .proList .pic {
    width: 100%;
    height: auto;
}

.wapper .mobile .project .proList .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .mobile .project .proList .textBox {
    width: 100%;
    height: auto;
    padding: 4% 0;
}

.wapper .mobile .project .proList .textBox .name {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #202132;
    line-height: 26px;
    font-weight: bolder;
    margin-bottom: 2%;
}

.wapper .mobile .project .proList .textBox .prixin {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .mobile .project .proList .textBox .prixin .tit {
    width: 80px;
    height: auto;
    float: left;
    font-size: 14px;
    color: #929395;
    line-height: 26px;
}

.wapper .mobile .project .proList .textBox .prixin .txt {
    width: 75%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #202132;
    line-height: 26px;
}

.wapper .mobile .project .proList .textBox .prixin .phone {
    width: 75%;
    height: auto;
    font-size: 14px;
    color: #d8b07f;
    line-height: 26px;
    font-weight: bolder;
}

.wapper .mobile .project .proList .probtn {
    width: 38px !important;
    height: 38px !important;
    top: 32% !important;
}

.wapper .mobile .project .proList .probtn.swiper-button-prev {
    background: url(../images/prev.png) no-repeat center center rgba(216, 176, 127, 0.68);
    left: 0 !important;
    transition: all 0.5s;
}

.wapper .mobile .project .proList .probtn.swiper-button-next {
    background: url(../images/next.png) no-repeat center center rgba(216, 176, 127, 0.68);
    right: 0 !important;
    transition: all 0.5s;
}

.wapper .mobile .project .proList .probtn.swiper-button-prev:hover {
    background: url(../images/prev.png) no-repeat center center rgba(216, 176, 127, 1);
}

.wapper .mobile .project .proList .probtn.swiper-button-next:hover {
    background: url(../images/next.png) no-repeat center center rgba(216, 176, 127, 1);
}

.wapper .mobile .project .more {
    width: 118px;
    height: auto;
    border: 1px solid #202132;
    margin-top: 2%;
}

.wapper .mobile .project .more a {
    display: block;
    font-size: 14px;
    color: #202132;
    line-height: 34px;
    padding: 0 10px;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

.wapper .mobile .project .more a img {
    width: 13px;
    height: auto;
    vertical-align: middle;
}

.wapper .mobile .plate {
    width: 100%;
    height: auto;
    background: #ffffff;
    padding: 6% 4% 8% 4%;
    box-sizing: border-box;
}

.wapper .mobile .plate .list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .mobile .plate .list li {
    width: 49%;
    height: auto;
    float: left;
    margin-right: 1%;
    position: relative;
}

.wapper .mobile .plate .list li:nth-of-type(1) {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
}

.wapper .mobile .plate .list li:nth-of-type(3) {
    margin-right: 0;
    margin-left: 1%;
}

.wapper .mobile .plate .list li .pic {
    width: 100%;
    height: auto;
}

.wapper .mobile .plate .list li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .mobile .plate .list li .theme {
    width: 22%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wapper .mobile .plate .list li .theme img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .mobile .plate .list li .txtCont {
    width: 80%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

.wapper .mobile .plate .list li .txtCont .entxt {
    width: 100%;
    height: auto;
    font-size: 12px;
    color: rgba(97, 112, 125, 0.4);
    line-height: 16px;
    font-weight: bolder;
}

.wapper .mobile .plate .list li:nth-of-type(3) .txtCont .entxt {
    color: rgba(105, 58, 0, 0.4);
}

.wapper .mobile .plate .list li .txtCont .cntxt {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #292a3a;
    line-height: 20px;
    font-weight: bolder;
}

.wapper .mobile .plate .list li:nth-of-type(3) .txtCont .cntxt {
    color: #693a00;
}

.wapper .mobile .mfoot {
    width: 100%;
    height: auto;
    padding: 6% 4%;
    box-sizing: border-box;
    background: #cbd2e1;
}

.wapper .mobile .mfoot .inforBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid rgba(32, 33, 50, 0.1);
    padding-bottom: 3%;
}

.wapper .mobile .mfoot .inforBox .infor {
    width: 60%;
    height: auto;
    float: left;
}

.wapper .mobile .mfoot .inforBox .infor .xin {
    width: 100%;
    height: auto;
    overflow: hidden;
    align-items: center;
    display: flex;
    margin-bottom: 3%;
}

.wapper .mobile .mfoot .inforBox .infor .xin .icon {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 7px;
}

.wapper .mobile .mfoot .inforBox .infor .xin .icon img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .mobile .mfoot .inforBox .infor .xin .txt {
    width: 87%;
    height: auto;
    float: left;
    font-size: 13px;
    color: #202132;
    line-height: 18px;
    font-weight: bolder;
}

.wapper .mobile .mfoot .inforBox .infor .xin .phone {
    font-size: 16px;
}

.wapper .mobile .mfoot .inforBox .code {
    width: 15%;
    height: auto;
    float: right;
    margin-left: 3%;
}

.wapper .mobile .mfoot .inforBox .code img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .mobile .mfoot .copyright {
    width: 100%;
    height: auto;
    font-size: 11px;
    color: #202132;
    line-height: 14px;
    margin-top: 6%;
}

.wapper .mobile .mfoot .copyright a {
    font-size: 11px;
    color: #202132;
    line-height: 14px;
}

.wapper .mobile .mfoot .copyright img {
    width: 14px;
    height: auto;
}

.mobileMenu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    background: url(../images/openBg.jpg) no-repeat right top #e1e4eb;
    background-size: 100%;
    z-index: 9999;
    padding: 10% 0;
    overflow: auto;
    box-sizing: border-box;
}

.mobileMenu .close {
    width: 36px;
    height: 36px;
    position: fixed;
    top: 4%;
    right: 5%;
    text-align: center;
    z-index: 999;
}

.mobileMenu .close img {
    width: 17px;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.mobileMenu .nav {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
}

.mobileMenu .nav .theme {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #152b40;
    line-height: 34px;
    font-weight: bolder;
    text-align: center;
    position: relative;
}

.mobileMenu .nav .theme a {
    display: block;
    font-size: 22px;
    color: #152b40;
    line-height: 34px;
    font-weight: bolder;
}

.mobileMenu .nav .theme a img {
    width: 15px;
    height: auto;
    vertical-align: top;
    margin-left: 4px;
    opacity: 0;
    transition: all 0.5s;
    position: absolute;
    top: 0;
}

.mobileMenu .nav.now .theme a img {
    opacity: 1;
}

.mobileMenu .nav .list {
    width: 100%;
    height: auto;
    display: none;
}

.mobileMenu .nav.now .list {
    display: block;
}

.mobileMenu .nav .list li {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #152b40;
    line-height: 22px;
    text-align: center;
}

.mobileMenu .nav .list li a {
    display: block;
    font-size: 16px;
    color: #152b40;
    line-height: 34px;
    font-weight: normal;
    align-items: center;
    justify-content: center;
    display: flex;
}

.mobileMenu .nav .list li a span {
    width: 9px;
    height: 2px;
    margin: 0 8px;
    background: url(../images/line11.gif) no-repeat center center;
    opacity: 0;
}

.mobileMenu .nav .list li.now a {
    font-weight: bolder;
}

.mobileMenu .nav .list li.now a span {
    opacity: 1;
}







@media screen and (max-width: 1700px) {
    .wapper .footerpage .footer {
        padding: 4% 10%;
    }
}

@media screen and (max-width: 1460px) {
    .wapper .head .menu li a {
        line-height: 55px;
    }
}

@media screen and (max-width:1350px) {
    .wapper .page2 .pageCont2 .right .picList li .textBox .entit {
        font-size: 13px;
    }

    .wapper .footerpage .footer .zuo .link .list li a {
        font-size: 13px;
    }

}

@media screen and (max-width:1280px) {
    .wapper .banner .bannerCont .hotSear .list li {
        margin: 0 3px;
    }

    .wapper .banner .bannerCont .hotSear .list li a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1260px) {
    /* .wapper .head .logo {
        padding-top: 0.5vw;
    } */

    .wapper .head .menu li {
        margin: 0 8px;
    }

    .wapper .head .menu li a {
        font-size: 19px;
        line-height: 50px;
    }

    .wapper .footerpage .footer .zuo .link .list li a {
        font-size: 12px;
    }

    .wapper .footerpage .footer {
        padding: 6% 10%;
    }
}

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

    .wapper .head .search {
        margin-left: 3%;
    }
}

@media screen and (max-width: 1160px) {
    .wapper .head .menu li {
        margin: 0 8px;
    }

    .wapper .head .menu li a {
        font-size: 18px;
        line-height: 50px;
        padding: 13px 13px 0;
        /* padding: 0 7px; */
    }
}

@media screen and (max-width: 1080px) {
    .wapper .head .menu li {
        margin: 0 5px;
    }

    .wapper .head .menu li a {
        font-size: 17px;
        line-height: 50px;
    }
}

@media screen and (max-width: 1020px) {
    .wapper .head .menu li {
        margin: 0 5px;
    }

    .wapper .head .menu li a {
        font-size: 19px;
        line-height: 50px;
        padding: 10px 13px 0;
    }

    .wapper .head .search {
        margin-left: 1%;
    }
}

@media screen and (max-width:1000px) {
    .wapper .head {
        position: static;
        padding: 0 0 0 3%;
        top: 0;
        overflow: hidden;
        background: #fff;
    }

    .wapper .head.over {
        position: fixed;
    }

    .wapper .head .menu {
        display: none;
    }

    .wapper .head .logo {
        width: 15%;
        max-width: 210px;
        min-width: auto;
        margin-top: 15px;
    }

    .wapper .head .mobMenu {
        display: block;
    }

    .wapper .head .menuBtn {
        display: none;
    }

    .wapper .head .search {
        width: 60px;
        height: 60px;
        margin: 0;
        background: rgba(218, 158, 85, 0.8);
        background-size: 18px;
        border-radius: 0;
    }

    .wapper .head .search img {
        filter: brightness(10000);
    }

    .fullpage {
        display: none;
    }

    #fp-nav {
        display: none;
    }

    .wapper .mobile {
        display: block;
    }

    .fp-viewing-footerl {
        height: auto !important;
    }

    .swiper-slide {
        height: auto !important;
    }
}

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

    html,
    body {
        overflow: auto !important;
    }
}

@media screen and (max-width:600px) {
    .wapper .head .logo {
        width: 35%;
    }
}

/* 基金会介绍 */
.wapper .banner {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.wapper .banner .pic {
    width: 100%;
    height: auto;
}

.wapper .banner .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .banner .grid-wrap div {
    width: 1px;
    height: 200vh;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
    z-index: 99;
    display: none;
}

.wapper .banner .grid-wrap div:first-child {
    left: 10%;
}

.wapper .banner .grid-wrap div:nth-child(2) {
    left: 30%;
}

.wapper .banner .grid-wrap div:nth-child(3) {
    left: 50%;
}

.wapper .banner .grid-wrap div:nth-child(4) {
    left: 70%;
}

.wapper .banner .grid-wrap div:nth-child(5) {
    left: 90%;
}

.wapper .banner .bannerCont {
    width: 35%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wapper .banner .bannerCont .enbann {
    width: 100%;
    height: auto;
    font-size: 86px;
    color: rgba(32, 33, 50, 0.5);
    line-height: 92px;
    text-align: center;
    display: none;
}

.wapper .banner .bannerCont .enbann.white {
    color: rgba(255, 255, 255, 0.3);
}

.wapper .banner .bannerCont .cnbann {
    width: 100%;
    height: auto;
    font-size: 54px;
    color: #202132;
    line-height: 60px;
    text-align: center;
    font-weight: bolder;
    margin-top: -30px;
    position: relative;
    display: none;
}

.wapper .banner .bannerCont .cnbann.white {
    color: #fff;
}

.wapper .banner .bannerCont .cnbann img {
    width: 23px;
    height: auto;
    vertical-align: top;
    margin-top: -5px;
    position: absolute;

}

.wapper .main {
    width: 100%;
    height: auto;
}

.wapper .main .theme {
    width: 100%;
    height: auto;
    border-bottom: 1px solid rgba(32, 33, 50, 0.08);
}

.wapper .main .theme .themeBox {
    width: 100%;
    height: auto;
    padding: 0% 10% 0;
    box-sizing: border-box;
    overflow: hidden;
    align-items: center;
    display: flex;
}

.wapper .main .theme .themeBox .zhuti {
    width: 30%;
    height: auto;
    float: left;
    font-size: 28px;
    color: #202132;
    line-height: 48px;
    font-weight: bolder;
}

.wapper .main .theme .themeBox .zhuti span {
    font-weight: normal;
}

.wapper .main .theme .themeBox .degree {
    width: 70%;
    height: auto;
    float: left;
    text-align: right;
    padding-top: 0.3%;
}

.wapper .main .theme .themeBox .degree .deList {
    width: auto;
    height: auto;
    text-align: right;
}

.wapper .main .theme .themeBox .degree .deList ul {
    justify-content: flex-end;
    display: flex;
}

.wapper .main .theme .themeBox .degree .deList li {
    width: auto;
    height: auto;
    float: left;
    margin-left: 4.5%;
}

.wapper .main .theme .themeBox .degree .deList li a {
    display: block;
    font-size: 20px;
    color: #202132;
    line-height: 34px;
    padding: 16px 0 24px 0;
}

.wapper .main .theme .themeBox .degree .deList li.now a {
    color: #693a00;
    border-bottom: 1px solid #693a00;
}

.wapper .main .theme .themeBox .degree .deList li:hover a {
    color: #693a00;
    border-bottom: 1px solid #693a00;
}

.wapper .main .themeCont {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox {
    width: 100%;
    height: auto;
    padding: 0 10%;
    box-sizing: border-box;
    overflow: hidden;
    align-items: stretch;
    display: flex;
}

.wapper .main .themeCont .themeContBox .grid-wrap div {
    width: 1px;
    height: 100%;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
}

.wapper .main .themeCont .themeContBox.shortH .grid-wrap div:nth-child(2) {
    height: 21%;
}

.wapper .main .themeCont .themeContBox .grid-wrap div:first-child {
    left: 10%;
}

.wapper .main .themeCont .themeContBox .grid-wrap div:nth-child(2) {
    left: 30%;
    z-index: 999;
}

.wapper .main .themeCont .themeContBox .grid-wrap div:nth-child(3) {
    right: 10%;
    z-index: 999;
}

.wapper .main .themeCont .themeContBox .zuotheme {
    width: 25%;
    height: auto;
    float: left;
    background: url(../images/zuothemeBg2.jpg) no-repeat right bottom;
    background-size: 100%;
    /* padding-top: 4%;
    padding: 4% 3% 0 3%; */
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .zuotheme.fix {
    position: fixed;
    top: 105px;
}

.wapper .main .themeCont .themeContBox .zuotheme.ts {
    background: none;
}

.wapper .main .themeCont .themeContBox .zuotheme .zuoDiBg {
    width: 100%;
    height: auto;
    padding: 14% 8% 20% 8%;
    box-sizing: border-box;
    background: url(../images/zuothemeBg1.jpg) no-repeat right top;
    background-size: 100%;
}

.wapper .main .themeCont .themeContBox .zuotheme .entheme {
    width: 100%;
    height: auto;
    font-size: 52px;
    color: rgba(214, 194, 169, 0.4);
    line-height: 52px;
    font-weight: bolder;
    text-transform: uppercase;
}

.wapper .main .themeCont .themeContBox .zuotheme .cntheme {
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #693a00;
    line-height: 40px;
    font-weight: 600;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .zuotheme .small {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #693a00;
    line-height: 24px;
    letter-spacing: 5px;
    margin-top: 10%;
}

.wapper .main .themeCont .themeContBox .zuotheme .since {
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #d8b07f;
    line-height: 36px;
    font-weight: 800;
    /* 字体样式 宋体 */
    font-family: "宋体" !important;
}

.wapper .main .themeCont .themeContBox .righttheme {
    width: 75%;
    height: auto;
    float: left;
    /* border-right: 1px solid rgba(32, 33, 50, 0.08); */
    box-sizing: border-box;
    padding-top: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .louceng_box {
    padding: 0;
    padding-bottom: 12%;
}

.wapper .main .themeCont .themeContBox .righttheme .louceng_box .louceng {
    padding: 8% 0 0% 0%;
    border: none;
    text-align: left;
}

.wapper .main .themeCont .themeContBox .righttheme .louceng_box .louceng .neirong {
    padding: 0 5% 0%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong {
    width: 100%;
    height: auto;
    background: url(../images/line2.gif) no-repeat left top;
    padding: 0 5% 8%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong.pad {
    padding-bottom: 6%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .titleBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .titleBox .title {
    width: 70%;
    height: auto;
    float: left;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .titleBox .title .cntitl {
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #693a00;
    line-height: 32px;
    font-weight: bolder;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .titleBox .title .entitl {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(184, 147, 101, 0.5);
    line-height: 24px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .titleBox .sign {
    width: 30%;
    height: auto;
    justify-content: flex-end;
    align-self: center;
    display: flex;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .titleBox .sign .pic {
    width: auto;
    height: auto;
    margin-left: 8%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .titleBox .sign .pic img {
    width: auto;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .text {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #747d86;
    line-height: 34px;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .text span {
    font-size: 22px;
    color: #d8b07f;
    font-weight: bold;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .numList {
    width: 100%;
    height: auto;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .numList li {
    width: 20%;
    height: auto;
    float: left;

}

.wapper .main .themeCont .themeContBox .righttheme .neirong .numList li .num {
    width: 100%;
    height: auto;
    font-size: 52px;
    color: #d8b07f;
    line-height: 56px;
    position: relative;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .numList li .num .shu {
    width: 100%;
    height: auto;
    font-size: 52px;
    color: #d8b07f;
    line-height: 60px;
    font-weight: bolder;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .numList li .num .jiao {
    width: auto;
    height: auto;
    font-size: 14px;
    color: #d8b07f;
    line-height: 34px;
    position: absolute;
    top: 0;
    padding-left: 6px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .numList li .events {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 34px;
}

.wapper .main .cishan {
    width: 100%;
    height: auto;
    padding: 4% 0;
    background: url(../images/cishanBg.jpg) no-repeat center center;
    background-size: cover;
}

.wapper .main .cishan .cishanBox {
    width: 100%;
    height: auto;
    padding: 0 14.5%;
    box-sizing: border-box;
    overflow: hidden;
    align-items: center;
    display: flex;
}

.wapper .main .cishan .cishanBox .textBox {
    width: 48%;
    height: auto;
    float: left;
    padding-right: 6%;
    box-sizing: border-box;
}

.wapper .main .cishan .cishanBox .textBox .cntitl {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #693a00;
    line-height: 30px;
    font-weight: bolder;
}

.wapper .main .cishan .cishanBox .textBox .cntitl span {
    font-size: 26px;
}

.wapper .main .cishan .cishanBox .textBox .entitl {
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #b89365;
    line-height: 28px;
    margin-top: 1%;
}

.wapper .main .cishan .cishanBox .textBox .line1 {
    width: 100%;
    height: 1px;
    background: rgba(176, 158, 136, 0.2);
    margin-top: 5%;
}

.wapper .main .cishan .cishanBox .textBox .line2 {
    width: 10%;
    height: 3px;
    background: #d8b07f;
}

.wapper .main .cishan .cishanBox .textBox .text {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #a4937d;
    line-height: 32px;
    margin-top: 4%;
}

.wapper .main .cishan .cishanBox .pic {
    width: 52%;
    height: auto;
    float: left;
}

.wapper .main .cishan .cishanBox .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .donates {
    width: 100%;
    height: auto;
    padding: 0 10%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.wapper .main .donates .donatesBox {
    width: 100%;
    height: auto;
    padding: 4% 0 8%;
    box-sizing: border-box;
}

.wapper .main .donates .donatesBox .grid-wrap div {
    width: 1px;
    height: 150vh;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
}

.wapper .main .donates .donatesBox .grid-wrap div:first-child {
    left: 10%
}

.wapper .main .donates .donatesBox .grid-wrap div:nth-child(2) {
    right: 10%
}


.wapper .main .donates .donatesBox .neirong {
    width: 100%;
    height: auto;
    background: url(../images/line2.gif) no-repeat left top;
    padding: 0 5% 0%;
    box-sizing: border-box;
}

.wapper .main .donates .donatesBox .neirong .list {
    width: 100%;
    height: auto;
}

.wapper .main .donates .donatesBox .neirong .list li {
    width: 33.33%;
    height: auto;
    float: left;
    position: relative;
}

.wapper .main .donates .donatesBox .neirong .list li .pic {
    width: 100%;
    height: auto;
}

.wapper .main .donates .donatesBox .neirong .list li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .donates .donatesBox .neirong .list li .textbox {
    width: 100%;
    height: auto;
    padding: 6% 6%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
}

.wapper .main .donates .donatesBox .neirong .list li .textbox .nian {
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #d8b07f;
    line-height: 32px;
    font-weight: bolder;
}

.wapper .main .donates .donatesBox .neirong .list li .textbox .event {
    width: 62%;
    height: auto;
    font-size: 14px;
    color: #ffffff;
    line-height: 18px;
}

.wapper .main .donates .donatesBox .neirong .form {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.wapper .main .donates .donatesBox .neirong .form .fBg {
    width: 100%;
    height: auto;
}

.wapper .main .donates .donatesBox .neirong .form .fBg img {
    width: 120%;
    height: auto;
    vertical-align: bottom;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.wapper .main .donates .donatesBox .neirong .form .cont {
    width: auto;
    height: auto;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wapper .main .donates .donatesBox .neirong .form .cont .son {
    width: auto;
    height: auto;
    text-align: center;
}

.wapper .main .donates .donatesBox .neirong .form .cont .son img {
    width: auto;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .donates .donatesBox .neirong .form .cont .time {
    width: 100%;
    height: auto;
    font-size: 17px;
    color: #ffffff;
    line-height: 34px;
    text-align: center;
    letter-spacing: 14px;
    margin-top: 1%;
}

/* .wapper .main .donates .donatesBox .neirong .form img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
} */
.wapper .main .donates .donatesBox .neirong .text {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #747d86;
    line-height: 34px;
    margin-top: 4%;
}

.wapper .footer {
    width: 100%;
    height: auto;
    padding: 0% 10% 0 10%;
    box-sizing: border-box;
    background: #cbd2e1;
    position: relative;
    clear: both;
}

.wapper .footer .footerBox {
    width: 100%;
    height: auto;
    padding: 3% 0 3% 0;
}

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

.wapper .footer .grid-wrap div {
    width: 1px;
    height: 100%;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
    display: none;

}

.wapper .footer .grid-wrap div:first-child {
    left: 10%;
}

.wapper .footer .grid-wrap div:nth-child(2) {
    left: 30%;
}

.wapper .footer .grid-wrap div:nth-child(3) {
    left: 50%;
}

.wapper .footer .grid-wrap div:nth-child(4) {
    left: 70%;
}

.wapper .footer .grid-wrap div:nth-child(5) {
    right: 10%;
}

.wapper .footer .footerBox .zuo {
    width: 65%;
    height: auto;
    float: left;
}

.wapper .footer .zuo .copyright {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 22px;
    margin-bottom: 2%;
}

.wapper .footer .zuo .copyright a {
    color: #202132;
}

.wapper .footer .zuo .copyright span {
    margin: 0 10px;
}

.wapper .footer .zuo .copyright span img {
    margin-right: 6px;
}




.wapper .footer .footerBox .zuo .qLink {
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.wapper .footer .footerBox .zuo .qLink li {
    width: auto;
    height: auto;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.1);
    margin-right: 12px;
    transition: all 0.5s;
}

.wapper .footer .footerBox .zuo .qLink li:last-child {
    margin-right: 0;
}

.wapper .footer .footerBox .zuo .qLink li a {
    display: inline-block;
    font-size: 14px;
    color: #102132;
    line-height: 30px;
    padding: 0 22px;
    box-sizing: border-box;
    transition: all 0.5s;
}

.wapper .footer .footerBox .zuo .qLink li:hover {
    border: 1px solid #102132;
    background: #102132;
}

.wapper .footer .footerBox .zuo .qLink li:hover a {
    color: #fff;
}

.wapper .footer .footerBox .you {
    width: 35%;
    height: auto;
    float: right;
    text-align: right;
}

/* .wapper .footer .footerBox .you .qLink{
    width: 100%;
    height: auto;
    justify-content: flex-end;
    display: flex;
}
.wapper .footer .footerBox .you .qLink li{
    width: auto;
    height: auto;
    float: left;
    border: 1px solid rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.1);
    margin: 0 12px;
    transition: all 0.5s;
}
.wapper .footer .footerBox .you .qLink li:last-child{
    margin-right: 0;
}
.wapper .footer .footerBox .you .qLink li a{
    display: inline-block;
    font-size: 14px;
    color: #102132;
    line-height:30px;
    padding: 0 10px;
    box-sizing: border-box;
    transition: all 0.5s;
}
.wapper .footer .footerBox .you .qLink li:hover{
    border: 1px solid #102132;
    background: #102132;
}
.wapper .footer .footerBox .you .qLink li:hover a{
    color: #fff;
} */
.wapper .footer .footerBox .you .kefu {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #102132;
    line-height: 35px;
    text-align: right;
    margin: 0 0 1% 0;
}

.wapper .footer .footerBox .you .kefu span {
    font-size: 26px;
    font-weight: bold;
    margin-left: 6px;
}

.wapper .footer .footerBox .you .share {
    width: 100%;
    height: auto;
    justify-content: flex-end;
    display: flex;
}

.wapper .footer .footerBox .you .share li {
    width: 44px;
    height: 44px;
    float: left;
    border-radius: 50%;
    margin: 0 4px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    transition: all 0.5s;
    background: rgba(105, 58, 0, 1);
}

.wapper .footer .footerBox .you .share li a {
    width: 44px;
    height: 44px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;

    border-radius: 50%;
}

.wapper .footer .footerBox .you .share li:nth-of-type(1) {
    display: none;
}

.wapper .footer .footerBox .you .share li:nth-of-type(2) {}

.wapper .footer .footerBox .you .share li:nth-of-type(3) {
    /* display: none; */
    background: rgba(105, 58, 0, 0.8);
}

.wapper .footer .footerBox .you .share li:nth-of-type(4) {
    background: rgba(105, 58, 0, 0.6);
    margin-right: 0;
}

.wapper .footer .footerBox .you .share li img {
    width: auto;
    height: auto;
    max-width: 24px;
}

.wapper .footer .footerBox .you .share li:hover {
    filter: brightness(120%);
}

.wapper .footer .footerBox .you .share li .code {
    width: 100px;
    height: 100px;
    padding: 6px;
    background: #fff;
    box-sizing: border-box;
    position: absolute;
    top: -116px;
    left: -28px;
    z-index: -1;
    transition: all 0.5s;
    opacity: 0;
}

.wapper .footer .footerBox .you .share li .code img {
    width: 100%;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.wapper .footer .footerBox .you .share li .code:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.wapper .footer .footerBox .you .share li:hover .code {
    z-index: 22;
    opacity: 1;
}

.wapper .copyright.foot {
    position: static;
    transform: translateX(0);
    justify-content: flex-start;
    left: 0;
    bottom: 0;
    text-align: left;
    color: #202132;
}

.wapper .main .donates .donatesBox .neirong .mlist {
    width: 100%;
    height: auto;
    display: none;
}

.wapper .main .donates .donatesBox .neirong .mlist .pic {
    width: 100%;
    height: auto;
}

.wapper .main .donates .donatesBox .neirong .mlist .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .donates .donatesBox .neirong .mlist .textbox {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    padding: 4% 30% 4% 3%;
    box-sizing: border-box;
}

.wapper .main .donates .donatesBox .neirong .mlist .textbox .nian {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #d8b07f;
    line-height: 26px;
    font-weight: bolder;
}

.wapper .main .donates .donatesBox .neirong .mlist .textbox .event {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #ffffff;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.swiper-pagination.don {
    width: auto !important;
    right: 3% !important;
    bottom: 10% !important;
    justify-content: flex-end;
    display: flex;
}

.don .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    border: 2px solid #fff;
    background: none !important;
    margin: 0 3px !important;
}

.don .swiper-pagination-bullet-active {
    width: 9px !important;
    height: 9px !important;
    background: #d8b07f !important;
    border: none;
}

.wapper .footer .footerBox .mfoot {
    width: 100%;
    height: auto;
    padding: 0;
    box-sizing: border-box;
    background: #cbd2e1;
    display: none;
}

.wapper .footer .footerBox .mfoot .inforBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid rgba(32, 33, 50, 0.1);
    padding-bottom: 3%;
}

.wapper .footer .footerBox .mfoot .inforBox .infor {
    width: 60%;
    height: auto;
    float: left;
}

.wapper .footer .footerBox .mfoot .inforBox .infor .xin {
    width: 100%;
    height: auto;
    overflow: hidden;
    align-items: center;
    display: flex;
    margin-bottom: 3%;
}

.wapper .footer .footerBox .mfoot .inforBox .infor .xin .icon {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 7px;
}

.wapper .footer .footerBox .mfoot .inforBox .infor .xin .icon img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .footer .footerBox .mfoot .inforBox .infor .xin .txt {
    width: 87%;
    height: auto;
    float: left;
    font-size: 13px;
    color: #202132;
    line-height: 18px;
    font-weight: bolder;
}

.wapper .footer .footerBox .mfoot .inforBox .infor .xin .phone {
    font-size: 16px;
}

.wapper .footer .footerBox .mfoot .inforBox .code {
    width: 15%;
    height: auto;
    float: right;
    margin-left: 3%;
}

.wapper .footer .footerBox .mfoot .inforBox .code img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .footer .footerBox .mfoot .copyright {
    width: 100%;
    height: auto;
    font-size: 11px;
    color: #202132;
    line-height: 14px;
    margin-top: 6%;
}

.wapper .footer .footerBox .mfoot .copyright a {
    font-size: 11px;
    color: #202132;
    line-height: 14px;
}

.wapper .footer .footerBox .mfoot .copyright img {
    width: 14px;
    height: auto;
}

@media screen and (max-width:1500px) {
    .wapper .main .themeCont .themeContBox .zuotheme .entheme {
        font-size: 46px;
        line-height: 48px;
    }

    .wapper .banner .bannerCont .enbann {
        font-size: 76px;
        line-height: 82px;
    }

    .wapper .banner .bannerCont .cnbann {
        font-size: 44px;
        line-height: 50px;
    }
}

@media screen and (max-width:1450px) {
    .wapper .main .donates .donatesBox .neirong .list li .textbox .event {
        width: 100%;
    }
}

@media screen and (max-width:1400px) {
    .wapper .main .themeCont .themeContBox .zuotheme .entheme {
        font-size: 42px;
        line-height: 44px;
    }

    .wapper .main .themeCont .themeContBox .zuotheme .cntheme {
        font-size: 26px;
        line-height: 42px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .numList li .num .shu {
        font-size: 42px;
        line-height: 50px;
    }

    .wapper .main .cishan .cishanBox .textBox .cntitl {
        font-size: 16px;
        line-height: 28px;
    }

    .wapper .main .cishan .cishanBox .textBox .cntitl span {
        font-size: 23px;
    }

    .wapper .main .cishan .cishanBox .textBox .entitl {
        font-size: 22px;
    }

    .wapper .main .footer .footerBox .zuo .link .list li a {
        font-size: 13px;
    }

    .wapper .banner .bannerCont .enbann {
        font-size: 66px;
        line-height: 72px;
    }

    .wapper .banner .bannerCont .cnbann {
        font-size: 38px;
        line-height: 40px;
    }
}

@media screen and (max-width:1280px) {
    .wapper .main .themeCont .themeContBox .zuotheme .small {
        letter-spacing: 2px;
    }

    .wapper .banner .bannerCont .enbann {
        font-size: 56px;
        line-height: 62px;
    }

    .wapper .banner .bannerCont .cnbann {
        font-size: 32px;
        line-height: 36px;
    }
}

@media screen and (max-width:1250px) {
    .wapper .main .themeCont .themeContBox .zuotheme .entheme {
        font-size: 38px;
        line-height: 40px;
    }

    .wapper .main .themeCont .themeContBox .zuotheme .cntheme {
        font-size: 23px;
        line-height: 38px;
    }

    .wapper .main .themeCont .themeContBox .zuotheme .small {
        font-size: 16px;
        line-height: 24px;
    }

    .wapper .main .themeCont .themeContBox .zuotheme .since {
        font-size: 30px;
        line-height: 34px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .numList li .num .shu {
        font-size: 36px;
        line-height: 40px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .numList li .num .jiao {
        font-size: 12px;
        line-height: 28px;
    }

    .wapper .main .footer .footerBox .zuo .link .list li a {
        font-size: 12px;
    }

    .wapper .main .cishan .cishanBox {
        padding: 0 10%;
    }

    .wapper .main .cishan .cishanBox .textBox .cntitl {
        font-size: 15px;
    }

    .wapper .main .cishan .cishanBox .textBox .cntitl span {
        font-size: 20px;
    }

    .wapper .main .cishan .cishanBox .textBox .entitl {
        font-size: 19px;
    }
}

@media screen and (max-width:1200px) {
    .wapper .main .themeCont .themeContBox {
        padding: 0 5%;
    }

    .wapper .main .themeCont .themeContBox .grid-wrap div:first-child {
        left: 5%;
    }

    .wapper .main .themeCont .themeContBox .grid-wrap div:nth-child(2) {
        left: 27.5%;
    }

    .wapper .main .themeCont .themeContBox .grid-wrap div:nth-child(3) {
        right: 5%;
    }
}

@media screen and (max-width:1150px) {
    .wapper .main .footer .footerBox .you .qLink li {
        margin: 0 7px;
    }

    .wapper .copyright.foot {
        font-size: 12px;
    }
}

@media screen and (max-width:1000px) {
    .wapper .banner .bannerCont .text {
        display: none;
    }

    .wapper .banner .bannerCont .enbann {
        font-size: 48px;
        line-height: 50px;
    }

    .wapper .banner .bannerCont .cnbann {
        font-size: 28px;
        line-height: 32px;
        /*padding-left: 23px;*/
        box-sizing: border-box;
        margin-top: -20px;
    }

    .wapper .banner .bannerCont .cnbann img {
        width: 18px;
    }

    .wapper .banner .bannerCont .fpic .well {
        width: 80px;
    }

    .wapper .banner .bannerCont .fpic .icon {
        right: -31%;
    }

    .wapper .main .theme .themeBox {
        padding: 0;
    }

    .wapper .main .theme .themeBox .zhuti {
        display: none;
    }

    .wapper .main .theme .themeBox .degree {
        width: 100%;
    }

    .wapper .main .theme .themeBox .degree .deList ul {
        justify-content: center;
        display: flex;
    }

    .wapper .main .theme .themeBox .degree .deList li {
        width: 50%;
        margin-left: 0;
        text-align: center;
    }

    .wapper .main .theme .themeBox .degree .deList.one li {
        width: 100%;
    }

    .wapper .main .theme .themeBox .degree .deList li a {
        display: inline-block;
        font-size: 15px;
        padding: 5px 0;
    }

    .wapper .main .theme .themeBox .degree .deList {
        width: 100%;
    }

    .wapper .main .themeCont .themeContBox {
        padding: 0 4%;
    }

    .wapper .main .themeCont .themeContBox .grid-wrap div {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .zuotheme {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .righttheme {
        width: 100%;
        padding-top: 6%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong {
        padding: 0 0 8% 0;
        background: none;
    }

    .wapper .main .themeCont .themeContBox .righttheme .louceng_box {
        margin-top: -10%;
        position: relative;
        z-index: 12;
    }

    .wapper .main .themeCont .themeContBox .righttheme .louceng_box .louceng {
        padding-top: 20%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .louceng_box .louceng .neirong {
        padding: 0;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .titleBox .title .cntitl {
        font-size: 20px;
        line-height: 26px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .titleBox .title .entitl {
        font-size: 16px;
        line-height: 20px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .titleBox .sign .pic img {
        height: 52px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .text {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .numList li:nth-of-type(2) {
        width: 26%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .numList li:nth-of-type(3) {
        width: 18%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .numList li:nth-of-type(4) {
        width: 18%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .numList li:nth-of-type(5) {
        width: 18%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .numList li .num .shu {
        font-size: 20px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .numList li .num .jiao {
        padding-left: 3px;
        font-size: 10px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .numList li .events {
        font-size: 13px;
        line-height: 16px;
    }

    .wapper .main .cishan {
        padding: 6% 0 8%;
    }

    .wapper .main .cishan .cishanBox {
        padding: 0 4%;
        display: block;
    }

    .wapper .main .cishan .cishanBox .textBox {
        width: 100%;
    }

    .wapper .main .cishan .cishanBox .textBox .cntitl {
        font-size: 14px;
        line-height: 26px;
    }

    .wapper .main .cishan .cishanBox .textBox .cntitl span {
        font-size: 18px;
    }

    .wapper .main .cishan .cishanBox .textBox .entitl {
        font-size: 18px;
        line-height: 24px;
    }

    .wapper .main .cishan .cishanBox .textBox .text {
        line-height: 28px;
    }

    .wapper .main .cishan .cishanBox .pic {
        width: 100%;
    }

    .wapper .main .donates {
        padding: 0 4%;
    }

    .wapper .main .donates .donatesBox {
        padding: 6% 0;
    }

    .wapper .main .donates .donatesBox .grid-wrap div {
        display: none;
    }

    .wapper .main .donates .donatesBox .neirong {
        padding: 0%;
    }

    .wapper .main .donates .donatesBox .neirong .list {
        display: none;
    }

    .wapper .main .donates .donatesBox .neirong .mlist {
        display: block;
    }

    .wapper .main .donates .donatesBox .neirong .form {
        overflow: hidden;
    }

    .wapper .main .donates .donatesBox .neirong .form .cont {
        width: 80%;
        top: 53%;
    }

    .wapper .main .donates .donatesBox .neirong .form .fBg img {
        width: 120%;
        margin-left: -10%;
    }

    .wapper .main .donates .donatesBox .neirong .form .cont .son {
        /*margin-top: -2%;*/
    }

    .wapper .main .donates .donatesBox .neirong .form .cont .son img {
        width: 40%;
        margin: auto;
    }

    .wapper .main .donates .donatesBox .neirong .form .cont .time {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 6px;
        /*margin-top: -6%;*/
        text-align: center;
        padding-left: 3px;
    }

    .wapper .main .donates .donatesBox .neirong .text {
        font-size: 14px;
        line-height: 28px;
        margin-top: 6%;
    }

    .wapper .footer {
        padding: 0 4%;
    }

    .wapper .footer .grid-wrap div {
        display: none;
    }

    .wapper .footer .footerBox {
        padding: 6% 0 8% 0;
    }

    .wapper .footer .footerBox .zuo {
        display: none;
    }

    .wapper .footer .footerBox .you {
        display: none;
    }

    .wapper .footer .footerBox .mfoot {
        display: block;
    }
}




























/* 资助项目 */
.wapper .main .themeCont .themeContBox .righttheme .neirong .subList {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li {
    width: 100%;
    height: auto;
    margin-bottom: 3%;
    cursor: pointer;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .time {
    width: 100%;
    height: auto;
    font-size: 34px;
    color: #d8b07f;
    line-height: 56px;
    font-weight: bolder;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .title {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 30px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .desc {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
    margin-top: 2%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist {
    width: 100%;
    height: auto;
    margin-top: 3%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li {
    width: 30.66%;
    height: auto;
    float: left;
    margin-right: 4%;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li:nth-of-type(3n) {
    margin-right: 0;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li .pic {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li .btn {
    width: 53px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li .btn img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .picMore {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 28px;
    text-align: center;
    margin-bottom: 4%;
    cursor: pointer;
    display: none;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .picMore img {
    width: 17px;
    height: auto;
    vertical-align: middle;
    margin-left: 6px;
    margin-top: -3px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .line1 {
    width: 100%;
    height: 1px;
    background: #eeeeee;
    margin-top: 3%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .line1 .line2 {
    width: 8%;
    height: 1px;
    background: #202132;
    transition: all 1s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li:hover .title {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li:hover .line1 .line2 {
    width: 100%;
    background: #d6b081;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li:hover .pic img {
    transform: scale(1.1);
}

.layui-layer-photos {
    /*width: 62% !important;
    height: auto !important;*/
    /*left: 18% !important;
    top: 50% !important;
    margin-top: -15% !important;*/

}

@media screen and (max-width:1000px) {
    .layui-layer-photos {
        width: 90% !important;
        height: auto !important;
        left: 5% !important;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .subList li {
        margin-bottom: 6%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .time {
        font-size: 24px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .title {
        font-size: 16px;
        line-height: 20px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li {
        width: 48%;
        margin-bottom: 4%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li.aa {
        display: block !important;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li:nth-of-type(2n) {
        margin-right: 0;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li:nth-of-type(3n) {
        margin-right: 4%;
    }

    /* .wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li:nth-of-type(4n){
        margin-left: 4%;
    } */
    .wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li:nth-of-type(6n) {
        margin-right: 0;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .line1 {
        margin-top: 6%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .subList li .piclist li .btn {
        width: 43px;
    }
}

















/* 资讯-big */
.wapper .banner .bannerCont .fpic.news .well {
    width: 124px;
}

.wapper .banner .bannerCont .fpic.news .icon {
    top: 32%;
    right: 37%;
}

.wapper .main .themeCont .themeContBox.news .grid-wrap div {
    width: 1px;
    height: 100%;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
}

.wapper .main .themeCont .themeContBox.news .grid-wrap div:first-child {
    left: 10%;
}

.wapper .main .themeCont .themeContBox.news .grid-wrap div:nth-child(2) {
    left: 30%;
    display: none;
}

.wapper .main .themeCont .themeContBox.solar .grid-wrap div:nth-child(2) {
    left: 50%;
}

.wapper .main .themeCont .themeContBox.few .grid-wrap div:nth-child(2) {
    opacity: 0;
}

.wapper .main .themeCont .themeContBox.news .grid-wrap div:nth-child(3) {
    left: 50%;
    display: none;
    /* opacity: 0; */
}

.wapper .main .themeCont .themeContBox.solar .grid-wrap div:nth-child(3) {
    left: 90%;
    opacity: 1;
}

.wapper .main .themeCont .themeContBox.few .grid-wrap div:nth-child(3) {
    opacity: 0;
}

.wapper .main .themeCont .themeContBox.news .grid-wrap div:nth-child(4) {
    left: 70%;
    display: none;
}

.wapper .main .themeCont .themeContBox.few .grid-wrap div:nth-child(4) {
    opacity: 0;
}

.wapper .main .themeCont .themeContBox.news .grid-wrap div:nth-child(5) {
    right: 10%;
}

.wapper .main .themeCont .themeContBox.node .grid-wrap div:nth-child(2) {
    opacity: 0;
}

.wapper .main .themeCont .themeContBox.node .grid-wrap div:nth-child(3) {
    opacity: 0;
}

.wapper .main .themeCont .themeContBox .newsCont {
    width: 100%;
    height: auto;
    padding: 4% 5%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .newsCont .newslist {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .newsCont .newslist li {
    width: 48%;
    height: auto;
    margin: 0 2% 3% 0%;
    float: left;
}

/* .wapper .main .themeCont .themeContBox .newsCont .newslist li:nth-of-type(2){
    margin-top: 4%;
} */
.wapper .main .themeCont .themeContBox .newsCont .newslist li:nth-of-type(2n) {
    margin-right: 0;
    margin-left: 2%;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .newsCont .newslist li .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .newsCont .newslist li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .newsCont .newslist li .textBox {
    width: 100%;
    height: auto;
    padding: 4% 3% 0 3%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .newsCont .newslist li .textBox .titleBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .newsCont .newslist li .textBox .titleBox .title {
    width: 85%;
    height: auto;
    min-height: 60px;
    float: left;
    font-size: 22px;
    color: #202132;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .newsCont .newslist li .textBox .titleBox .icon {
    width: 15%;
    height: auto;
    float: left;
}

.wapper .main .themeCont .themeContBox .newsCont .newslist li .textBox .titleBox .icon img {
    width: 18px;
    height: 7px;
    float: right;
    margin-top: 12px;
    margin-right: 14px;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .newsCont .newslist li .desc {
    width: 100%;
    height: auto;
    min-height: 84px;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 3%;
}

.wapper .main .themeCont .themeContBox .newsCont .newslist li .time {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #d8b07f;
    line-height: 28px;
    font-weight: bolder;
    margin-top: 2%;
}

.wapper .main .themeCont .themeContBox .newsCont .newslist li:hover .pic img {
    transform: scale(1.1);
}

.wapper .main .themeCont .themeContBox .newsCont .newslist li:hover .textBox .titleBox .title {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .newsCont .newslist li:hover .textBox .titleBox .icon img {
    margin-right: 0;
}

.pages {
    width: 100%;
    height: auto;
    padding: 2% 0 3%;
    overflow: hidden;
    justify-content: center;
    display: -webkit-flex;
}

.pages .pagesBox {
    width: auto;
    height: 48px;
}

.pages .pagesBox li {
    float: left;
    margin: 0 12px;
    /*width: 44px;*/
    height: 44px;
    color: #8d8d8d;
    line-height: 44px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
}

.pages .pagesBox li a.prev,
.pages .pagesBox li a.next {
    width: auto;
    height: auto;
    float: left;
    text-align: center;
    border-radius: 38px;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    padding: 3px 0px;
    font-size: 18px;
    line-height: 32px;
    color: #202132;
    box-sizing: border-box;
    transition: all 0.5s;
    font-weight: bolder;
}

.pages .pagesBox li a.prev {
    padding-right: 12px;
}

.pages .pagesBox li a.next {
    padding-left: 12px;
}

.pages .pagesBox li a.prev:hover,
.pages .pagesBox li a.next:hover {
    color: #d8b07f;
}

.pages .pagesBox li a.pag {
    width: auto;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #202132;
    float: left;
    overflow: hidden;
    font-weight: bolder;
}

.pages .pagesBox li a.list {
    width: auto;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 18px;
    color: #202132;
    float: left;
    overflow: hidden;
    font-weight: bolder;
}

.pages .pagesBox li a.pag.now {
    border-bottom: 3px solid #202132;
}

.pages .pagesBox li a.pag:hover {
    color: #d8b07f;
    border-bottom: 3px solid #d8b07f;
}

@media screen and (max-width:1380px) {
    .wapper .main .themeCont .themeContBox .newsCont .newslist li:hover .textBox .titleBox .title {
        font-size: 20px;

    }
}

@media screen and (max-width:1200px) {
    .wapper .main .themeCont .themeContBox.news .grid-wrap div:first-child {
        left: 5%;
    }

    .wapper .main .themeCont .themeContBox.news .grid-wrap div:nth-child(2) {
        left: 27.5%;
    }

    .wapper .main .themeCont .themeContBox.news .grid-wrap div:nth-child(4) {
        left: 72.5%;
    }

    .wapper .main .themeCont .themeContBox.news .grid-wrap div:nth-child(5) {
        right: 5%;
    }
}

@media screen and (max-width:1000px) {
    .wapper .banner .grid-wrap div {
        display: none;
    }

    .wapper .banner .bannerCont .fpic.news .well {
        width: 66px;
    }

    .wapper .main .themeCont .themeContBox .newsCont {
        padding: 8% 0 16%;
        box-sizing: border-box;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newslist li {
        width: 100%;
        margin-right: 0;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newslist li:nth-of-type(2n) {
        margin-left: 0;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newslist li .textBox {
        padding: 4% 0;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newslist li .textBox .titleBox .title {
        font-size: 18px;
        line-height: 24px;
        min-height: 44px;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newslist li .desc {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newslist li .time {
        font-size: 16px;
        line-height: 18px;
    }

    .pages .pagesBox ul {
        align-items: center;
        display: flex;
    }

    .pages .pagesBox li {
        margin: 0 8px;
    }

    .pages .pagesBox li a.prev,
    .pages .pagesBox li a.next {
        font-size: 16px;
    }
}



























/* 资讯-小图 */
.wapper .main .themeCont .themeContBox .newsCont .newsSmall {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li {
    width: 100%;
    height: auto;
    padding: 4% 0 0 0;
    overflow: hidden;
    cursor: pointer;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li a {
    display: inline-block;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li:last-child {
    margin-bottom: 3%;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li a {
    display: block;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li .time {
    width: auto;
    height: auto;
    float: left;
    margin-right: 5%;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li .time .day {
    width: 100%;
    height: auto;
    font-size: 48px;
    color: #d8b07f;
    line-height: 52px;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li .time .month {
    width: 100%;
    height: auto;
    font-size: 32px;
    color: #d8b07f;
    line-height: 36px;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li .textBox {
    width: 64%;
    height: auto;
    float: left;
    margin-right: 5%;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li.nopic .textBox {
    width: 89%;
    margin-right: 0;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li .textBox .title {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li .textBox .desc {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 2%;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li .pic {
    width: 20%;
    height: auto;
    float: left;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li .line1 {
    width: 100%;
    height: 1px;
    background: rgba(32, 33, 50, 0.08);
    float: left;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li .line1 .line2 {
    width: 4%;
    height: 1px;
    background: #202132;
    transition: all 1s;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li:hover .pic img {
    transform: scale(1.1);
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li:hover .textBox .title {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .newsCont .newsSmall li:hover .line1 .line2 {
    width: 100%;
    background: #d8b07f;
}

@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .newsCont .newsSmall li {
        padding: 6% 0 0 0;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newsSmall li:first-child {
        padding-top: 4%;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newsSmall li .time {
        margin-right: 4%;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newsSmall li .time .day {
        font-size: 30px;
        line-height: 27px;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newsSmall li .time .month {
        font-size: 18px;
        line-height: 18px;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newsSmall li .textBox {
        width: 52%;
        margin-right: 4%;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newsSmall li .textBox .title {
        font-size: 14px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newsSmall li .textBox .desc {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newsSmall li .pic {
        width: 30%;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newsSmall li.nopic .textBox {
        width: 85%;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newsSmall li .line1 {
        margin-top: 6%;
    }

    .wapper .main .themeCont .themeContBox .newsCont .newsSmall li .line1 .line2 {
        width: 10%;
    }
}


























/* 资讯Details */

.wapper .main .themeCont .themeContBox .newsDetails {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo {
    width: 75%;
    height: auto;
    float: left;
    padding: 4% 5%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .time {
    width: 100%;
    height: auto;
    font-size: 34px;
    color: #d8b07f;
    line-height: 56px;
    font-weight: bolder;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .title {
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #202132;
    line-height: 48px;
    font-weight: bolder;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .from {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 32px;
    margin-top: 3%;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .from span {
    color: #747d86;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .line1 {
    width: 100%;
    height: 1px;
    background: #edeef0;
    margin-top: 3%;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .line1 .line2 {
    width: 10%;
    height: 1px;
    background: #202132;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .details {
    width: 100%;
    height: auto;
    padding: 6% 0;
    font-size: 18px;
    color: #202132;
    line-height: 36px;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .details iframe {
    width: 80%;
    height: 400px;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .details img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .articles {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .articles .line1 {
    width: 100%;
    height: 1px;
    background: #edeef0;
    margin-bottom: 4%;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .articles .line1 .line2 {
    width: 10%;
    height: 1px;
    background: #202132;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .articles .art {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 1%;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .articles .art .order {
    width: auto;
    height: auto;
    float: left;
    font-size: 18px;
    color: #202132;
    line-height: 48px;
    padding-right: 3%;
    background: url(../images/line3.gif) no-repeat right center;
    font-weight: bold;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .articles .art .title {
    width: auto;
    height: auto;
    float: left;
    font-size: 16px;
    color: #202132;
    line-height: 48px;
    padding-left: 3%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .articles .art .title a {
    display: block;
    font-size: 16px;
    color: #202132;
    line-height: 48px;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .articles .art:hover .title a {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .newsDetails .you {
    width: 25%;
    height: auto;
    float: left;
    padding: 6% 2%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .related {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #202132;
    line-height: 30px;
    font-weight: bolder;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .related span {
    /* font-weight: normal; */
    display: none;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list {
    width: 100%;
    height: auto;
    margin-top: 8%;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li {
    width: 100%;
    height: auto;
    margin-bottom: 8%;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li .title {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #102132;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li .type {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #747d86;
    line-height: 24px;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li .line1 {
    width: 100%;
    height: 1px;
    background: #edeef0;
    margin-top: 6%;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li .line1 .line2 {
    width: 10%;
    height: 1px;
    background: #202132;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li:hover .title {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li:hover .line1 .line2 {
    width: 100%;
    background: #d8b07f;
}

@media screen and (max-width:1460px) {
    .wapper .main .themeCont .themeContBox .newsDetails .you .related {
        font-size: 20px;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .details iframe {
        width: 100%;
        height: 350px;
    }
}

@media screen and (max-width:1330px) {
    .wapper .main .themeCont .themeContBox .newsDetails .you .related {
        font-size: 18px;
    }
}

@media screen and (max-width:1200px) {
    .wapper .main .themeCont .themeContBox .newsDetails .you .related {
        font-size: 16px;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .you .list li .title {
        font-size: 13px;
    }
}

@media screen and (max-width:1065px) {
    .wapper .main .themeCont .themeContBox .newsDetails .you .related {
        font-size: 15px;
    }
}

@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .newsDetails .zuo {
        width: 100%;
        padding: 6% 0;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .you {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .time {
        font-size: 28px;
        line-height: 34px;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .title {
        font-size: 20px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .from {
        font-size: 12px;
        line-height: 18px;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .line1 {
        margin-top: 6%;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .details {
        font-size: 16px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .articles .art {
        margin-bottom: 3%;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .articles .line1 {
        margin-bottom: 6%;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .articles .art .order {
        font-size: 14px;
        line-height: 24px;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .articles .art .title {
        width: 83%;
        font-size: 14px;
        line-height: 24px;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .articles .art .title a {
        font-size: 14px;
        line-height: 24px;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .details iframe {
        width: 100%;
        height: 230px;
    }
}












/* 联系方式 */
.wapper .banner .bannerCont .fpic.lx .well {
    width: 145px;
}

.wapper .banner .bannerCont .fpic.lx .icon {
    top: 5px;
    right: 36.5%;
}

.wapper .main .themeCont .themeContBox .righttheme.lx {
    background: url(../images/lxBg.jpg) no-repeat right top;
}

.wapper .main .themeCont .themeContBox .righttheme .welcom {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/welcomBg.jpg) no-repeat right top;
    background-size: cover;
}

.wapper .main .themeCont .themeContBox .righttheme .welcom .pic {
    width: 60%;
    height: auto;
    float: left;
}

.wapper .main .themeCont .themeContBox .righttheme .welcom .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .welcom .textBox {
    width: 40%;
    height: auto;
    float: left;
    padding: 12% 3% 0 3%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .righttheme .welcom .textBox .txt1 {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #fee4c5;
    line-height: 34px;
    text-align: center;
}

.wapper .main .themeCont .themeContBox .righttheme .welcom .textBox .txt2 {
    width: 100%;
    height: auto;
    font-size: 34px;
    color: #ffffff;
    line-height: 34px;
    text-align: center;
    padding-left: 8%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .righttheme .welcom .textBox .txt3 {
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #ffffff;
    line-height: 34px;
    text-align: center;
    letter-spacing: 12px;
    margin-top: 24%;
}

.wapper .main .themeCont .themeContBox .righttheme .ways {
    width: 100%;
    height: auto;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .ways li {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 3%;
}

.wapper .main .themeCont .themeContBox .righttheme .ways li .wys {
    width: 100%;
    height: auto;
    min-height: 90px;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .righttheme .ways li .wys .tit {
    width: auto;
    height: auto;
    float: left;
    margin-right: 8%;
    font-size: 18px;
    color: #202132;
    line-height: 30px;
    font-weight: bolder;
    margin-top: 7.5px;
}

.wapper .main .themeCont .themeContBox .righttheme .ways li .wys .icon {
    width: 45px;
    height: auto;
    float: left;
    margin-right: 3%;
}

.wapper .main .themeCont .themeContBox .righttheme .ways li .wys .icon img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .ways li .wys .txt {
    width: auto;
    height: auto;
    float: left;
    font-size: 18px;
    color: rgba(32, 33, 50, 0.7);
    line-height: 30px;
    margin-top: 7.5px;
    margin-right: 1%;
}

.wapper .main .themeCont .themeContBox .righttheme .ways li .wys .map {
    width: auto;
    height: auto;
    float: left;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
    padding: 0 14px;
    box-sizing: border-box;
    background: rgba(32, 33, 50, 0.3);
    border-radius: 30px;
    margin-top: 7.5px;
    cursor: pointer;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .ways li .wys .sjmap {
    display: none;
}

.wapper .main .themeCont .themeContBox .righttheme .ways li .wys .map:hover {
    background: #d6b081;
}

.wapper .main .themeCont .themeContBox .righttheme .ways li .wys .code {
    width: 90px;
    height: auto;
    padding: 6px;
    box-sizing: border-box;
    background: #fff;
    margin-right: 3%;
}

.wapper .main .themeCont .themeContBox .righttheme .ways li .wys .code img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .ways li .line1 {
    width: 100%;
    height: 1px;
    margin-top: 3%;
    background: rgba(32, 33, 50, 0.08);
}

.wapper .main .themeCont .themeContBox .righttheme .ways li .line1 .line2 {
    width: 72px;
    height: 1px;
    float: left;
    background: rgba(32, 33, 50, 1);
}

.wapper .main .themeCont .themeContBox .righttheme .line1 {
    width: 100%;
    height: 1px;
    margin-top: 3%;
    background: rgba(32, 33, 50, 0.08);
}

.wapper .main .themeCont .themeContBox .righttheme .line1 .line2 {
    width: 72px;
    height: 1px;
    float: left;
    background: rgba(32, 33, 50, 1);
}

.wapper .mapBox {
    width: 100%;
    height: 507px;
}

/* .layui-layer-ico:hover{
    background: url(../images/tcClose.png) no-repeat center center !important;
    background-size: 100% !important;
} */
@media screen and (max-width:1450px) {
    .wapper .main .themeCont .themeContBox .righttheme .welcom .textBox .txt2 {
        font-size: 30px;
        line-height: 32px;
    }
}

@media screen and (max-width:1290px) {
    .wapper .main .themeCont .themeContBox .righttheme .welcom .textBox {
        padding-top: 8%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .welcom .textBox .txt2 {
        font-size: 28px;
        line-height: 30px;
    }
}

@media screen and (max-width:1060px) {
    .wapper .main .themeCont .themeContBox .righttheme .welcom .textBox {
        padding-top: 6%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .welcom .textBox .txt1 {
        font-size: 12px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .welcom .textBox .txt2 {
        font-size: 26px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .ways li .wys .tit {
        width: 13%;
        margin-right: 5%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .ways li .wys .txt {
        width: 55%;
    }
}

@media screen and (max-width:1000px) {
    .wapper .banner .bannerCont .fpic.lx .well {
        width: 74px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .welcom .pic {
        width: 50%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .welcom .textBox {
        width: 50%;
        padding: 6% 2% 0 2%;
        box-sizing: border-box;
    }

    .wapper .main .themeCont .themeContBox .righttheme .welcom .textBox .txt1 {
        font-size: 10px;
        line-height: 14px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .welcom .textBox .txt2 {
        font-size: 14px;
        line-height: 18px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .welcom .textBox .txt3 {
        font-size: 12px;
        letter-spacing: 1px;
        margin-top: 4%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .ways li .wys .tit {
        width: 18%;
        font-size: 14px;
        line-height: 28px;
        margin-right: 4%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .ways li .wys .txt {
        width: 40%;
        font-size: 12px;
        line-height: 18px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .ways li .wys .icon {
        width: 32px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .ways li .wys .map {
        font-size: 12px;
        padding: 0 10px;
        float: right;
        display: none;
    }

    .wapper .main .themeCont .themeContBox .righttheme .ways li .wys .sjmap {
        font-size: 12px;
        padding: 0 10px;
        float: right;
        width: auto;
        height: auto;
        float: left;
        color: #ffffff;
        line-height: 30px;
        box-sizing: border-box;
        background: rgba(32, 33, 50, 0.3);
        border-radius: 30px;
        margin-top: 7.5px;
        cursor: pointer;
        transition: all 0.5s;
        display: block;
    }

    .wapper .main .themeCont .themeContBox .righttheme .ways li .wys .sjmap a {
        color: #ffffff;
    }

    .wapper .main .themeCont .themeContBox .righttheme .ways li .line1 .line2 {
        width: 57px;
    }
}



















/* 招标采购 */

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li {
    width: 100%;
    height: auto;
    margin-bottom: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont {
    width: 100%;
    height: auto;
    align-items: center;
    display: flex;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .textBox {
    width: 80%;
    height: auto;
    float: left;
    margin-right: 5%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .textBox .jie {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #d8b07f;
    line-height: 28px;
    display: none;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .textBox .jie.over {
    color: #929395;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .textBox .jie span {
    font-size: 20px;
    font-weight: bolder;
    margin-right: 3px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .textBox .title {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .textBox .desc {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 3%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .state {
    width: 15%;
    height: auto;
    float: right;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .state .time {
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #d1ac77;
    line-height: 36px;
    text-align: right;
    font-weight: bolder;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .state .tit {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #e7d0b1;
    line-height: 24px;
    text-align: right;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .state .tit span {
    margin-left: 10px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .state .end {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #929395;
    line-height: 36px;
    text-align: right;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .line1 {
    width: 100%;
    height: 1px;
    background: rgba(32, 33, 50, 0.08);
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .line1 .line2 {
    width: 10%;
    height: 1px;
    background: rgba(32, 33, 50, 1);
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li:hover .cont .textBox .title {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li:hover .line1 .line2 {
    width: 100%;
    background: #d8b07f;
}

@media screen and (max-width:1470px) {
    .wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .state .tit span {
        margin-left: 8px;
    }
}

@media screen and (max-width:1400px) {
    .wapper .main .themeCont .themeContBox .zuotheme .small {
        letter-spacing: 4px;
    }
}

@media screen and (max-width:1380px) {
    .wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .state .tit span {
        margin-left: 6px;
    }
}

@media screen and (max-width:1335px) {
    .wapper .main .themeCont .themeContBox .zuotheme .small {
        letter-spacing: 3px;
    }
}

@media screen and (max-width:1270px) {
    .wapper .main .themeCont .themeContBox .zuotheme .small {
        letter-spacing: 2px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .state .tit span {
        margin-left: 4px;
    }
}

@media screen and (max-width: 1130px) {
    .wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .state .tit span {
        margin-left: 0;
    }
}

@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .textBox .jie {
        display: block;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .state {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .textBox {
        width: 100%;
        margin-right: 0;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .textBox .title {
        font-size: 14px;
        line-height: 24px;
        font-weight: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .cont .textBox .desc {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li {
        margin-bottom: 8%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .tenderList li .line1 {
        margin-top: 8%;
    }
}














/*招标采购Details */
.wapper .main .themeCont .themeContBox .righttheme .neirong .details {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .title {
    width: 80%;
    height: auto;
    float: right;
    font-size: 30px;
    color: #202132;
    line-height: 48px;
    font-weight: bolder;
    margin-right: 5%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .state {
    width: 15%;
    height: auto;
    float: right;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .state .time {
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #d1ac77;
    line-height: 36px;
    text-align: right;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .state .tit {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #e7d0b1;
    line-height: 24px;
    text-align: right;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .state .tit span {
    margin-left: 9px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .from {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #202132;
    line-height: 34px;
    margin-top: 2%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .from span {
    color: #747d86;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .line1 {
    width: 100%;
    height: 1px;
    float: left;
    background: rgba(32, 33, 50, 0.08);
    margin-top: 3%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .line1 .line2 {
    width: 10%;
    height: 1px;
    background: rgba(32, 33, 50, 1);
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText {
    width: 100%;
    height: auto;
    padding: 3% 0;
    font-size: 18px;
    color: #202132;
    line-height: 36px;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .text {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #202132;
    line-height: 36px;
    margin-bottom: 2%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming {
    width: 48%;
    height: auto;
    float: left;
    margin-left: 2%;
    margin-top: 4%;
    overflow: hidden;
    border: 1px solid rgba(32, 33, 50, 0.08);
    background: rgba(32, 33, 50, 0.05);
    padding: 3% 0;
    align-items: center;
    display: flex;
    transition: all 0.5s;
    cursor: pointer;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming:hover {
    border: 1px solid rgba(32, 33, 50, 0.15);
    background: rgba(32, 33, 50, 0.2);
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming:nth-of-type(2) {
    margin-left: 0;
    /*margin-right: 1%;*/
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming .tit {
    width: 110px;
    height: auto;
    float: left;
    font-size: 16px;
    color: #202132;
    line-height: 30px;
    font-weight: bolder;
    padding-left: 5%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming .txt {
    width: 53%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #202132;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 2%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming .download {
    width: auto;
    height: auto;
    float: right;
    padding: 0px 5%;
    box-sizing: border-box;
    background: url(../images/line4.gif) no-repeat left center;
    cursor: pointer;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming .download img {
    width: 24px;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .articles {
    width: 100%;
    height: auto;
    margin-top: 3%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .articles .line1 {
    width: 100%;
    height: 1px;
    background: #edeef0;
    margin-bottom: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .articles .line1 .line2 {
    width: 10%;
    height: 1px;
    background: #202132;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .articles .art {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .articles .art .order {
    width: auto;
    height: auto;
    float: left;
    font-size: 18px;
    color: #202132;
    line-height: 48px;
    padding-right: 3%;
    background: url(../images/line3.gif) no-repeat right center;
    font-weight: bold;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .articles .art .title {
    width: auto;
    height: auto;
    float: left;
    font-size: 16px;
    color: #202132;
    line-height: 48px;
    padding-left: 3%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .articles .art .title a {
    display: block;
    font-size: 16px;
    color: #202132;
    line-height: 48px;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .details .articles .art:hover .title a {
    color: #693a00;
}

@media screen and (max-width:1470px) {
    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .state .tit span {
        margin-left: 3px;
    }
}

@media screen and (max-width:1360px) {
    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .state .time {
        font-size: 28px;
    }
}

@media screen and (max-width:1260px) {
    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .state .time {
        font-size: 26px;
    }
}

@media screen and (max-width:1080px) {
    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming .tit {
        width: 140px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming .txt {
        width: 72%;
    }
}

@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .state {
        width: 100%;
        align-items: center;
        display: flex;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .state .time {
        width: auto;
        float: left;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .state .tit {
        width: auto;
        float: left;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .title {
        width: 100%;
        margin-right: 0;
        font-size: 18px;
        line-height: 24px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .from {
        font-size: 12px;
        line-height: 18px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .titleBox .line1 {
        margin-top: 6%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .text {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming {
        width: 99%;
        margin-right: 0%;
        margin-left: 0%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming:nth-of-type(2) {
        margin-right: 0;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming .tit {
        width: 100px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming .txt {
        width: 52%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .detailsText .baoming .download img {
        width: 20px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .articles .art .order {
        font-size: 16px;
        line-height: 24px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .articles .art .title {
        width: 83%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .articles .art .title a {
        font-size: 14px;
        line-height: 24px;
        font-weight: normal;
    }
}











/* 领域-地产 */
.wapper .banner .hoverCont {
    width: 100%;
    height: auto;
}

.wapper .banner .hoverCont .hoverPic {
    width: 100%;
    height: auto;
    display: none;
    transition: all 0.5s;
}

.wapper .banner .hoverCont .hoverPic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .banner .hoverCont .hoverPic.now {
    display: block;
}

.wapper .banner .bannerCont.ly {
    top: 75%;
    left: 92%;
}

.wapper .banner .bannerCont.ly .fpic .well {
    width: 348px;
    display: none;
}

.wapper .banner .bannerCont.ly .fpic .well img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .banner .bannerCont.ly .fpic .icon {
    right: 3%;
}

.wapper .banner .fileItem {
    width: 30%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(rgba(216, 176, 127, 1), rgba(216, 176, 127, 0.3));
    /* justify-content: center; */
    align-items: center;
    display: flex;
    z-index: 666;
}

.wapper .banner .fileItem .fileMenu {
    width: 42%;
    height: auto;
    margin: auto;
}

.wapper .banner .fileItem .fileMenu li {
    width: 100%;
    height: auto;
    margin-bottom: 10%;
    /* background: url(../images/to.png) no-repeat 80% center; */
    /* background-size: 37px; */
    padding-right: 40px;
    box-sizing: border-box;
    padding: 0.5vw 0;
    transition: all 0.5s;
    position: relative;
}

.wapper .banner .fileItem .fileMenu li .bgto {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/to.png) no-repeat 80% center;
    background-size: 37px;
    transition: background 0.5s;
    opacity: 0;
}

.wapper .banner .fileItem .fileMenu li .cnmenu {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #693a00;
    line-height: 28px;
    /* transition: all 0.8s; */
    font-weight: normal;
}

.wapper .banner .fileItem .fileMenu li .enmenu {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: rgba(105, 58, 0, 0.7);
    line-height: 18px;
    transition: all 0.5s;
    display: none;
}

.wapper .banner .fileItem .fileMenu li.on .bgto {
    opacity: 1;
    background: url(../images/to.png) no-repeat 100% center;
}

.wapper .banner .fileItem .fileMenu li.on .cnmenu {
    font-size: 24px;
    font-weight: bolder;
}

.wapper .banner .fileItem .fileMenu li.on .enmenu {
    font-weight: bolder;
}

.wapper .banner .fileItem .fileMenu li:hover .bgto {
    opacity: 1;
    background: url(../images/to.png) no-repeat right center;
}

.wapper .banner .fileItem .fileMenu li:hover .cnmenu {
    font-size: 24px;
    font-weight: bolder;
}

.wapper .banner .fileItem .fileMenu li:hover .enmenu {
    font-weight: bolder;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .estate {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #747d86;
    line-height: 34px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .estate img {
    margin-left: 3%;
    display: none;
}

.wapper .main .themeCont .realEstate {
    width: 100%;
    height: auto;
    padding: 0 10%;
    box-sizing: border-box;
}

.wapper .main .themeCont .realEstate .realEstateBox {
    width: 100%;
    height: auto;
    padding: 0 3.7%;
    box-sizing: border-box;
}

.wapper .main .themeCont .realEstate .realEstateBox .hotel {
    width: 100%;
    height: auto;
    background: #294979;
    overflow: hidden;
    align-items: center;
    display: flex;
    margin-bottom: 4%;
}

.wapper .main .themeCont .realEstate .realEstateBox .hotel .pic {
    width: 50%;
    height: auto;
    float: left;
    overflow: hidden;

}

.wapper .main .themeCont .realEstate .realEstateBox .hotel .pic img {
    width: auto;
    height: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .realEstate .realEstateBox .hotel .textBox {
    width: 50%;
    height: auto;
    float: left;
    padding: 3% 6%;
    box-sizing: border-box;
}

.wapper .main .themeCont .realEstate .realEstateBox .hotel .textBox .nameBox {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .realEstate .realEstateBox .hotel .textBox .nameBox .enName {
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #b89365;
    line-height: 36px;
    margin-bottom: 1%;
}

.wapper .main .themeCont .realEstate .realEstateBox .hotel .textBox .nameBox .cnName {
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #ffffff;
    line-height: 36px;
    font-weight: bolder;
}

.wapper .main .themeCont .realEstate .realEstateBox .hotel .textBox .nameBox .line1 {
    width: 100%;
    height: 1px;
    background: rgba(176, 158, 136, 0.2);
    margin-top: 5%;
}

.wapper .main .themeCont .realEstate .realEstateBox .hotel .textBox .nameBox .line1 .line2 {
    width: 10%;
    height: 2px;
    background: rgba(216, 176, 127, 1);
}

.wapper .main .themeCont .realEstate .realEstateBox .hotel .textBox .desc {
    width: 100%;
    height: auto;
    margin-top: 6%;
    font-size: 14px;
    color: #b1bac4;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.wapper .main .themeCont .realEstate .realEstateBox .items {
    width: 100%;
    height: auto;
    margin-bottom: 7%;
}














.wapper .main .themeCont .realEstate .realEstateBox .realList {
    width: 100%;
    height: auto;
    margin-bottom: 1%;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li {
    width: 31%;
    height: auto;
    margin-right: 3%;
    margin-bottom: 3%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    transition: all 0.5s;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li:nth-of-type(3n) {
    margin-right: 0;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .picbox {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .logoBg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(216, 176, 127, 0.9);
    align-items: center;
    justify-content: center;
    display: flex;
    opacity: 0;
    transition: all 0.5s;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .logoBg .logo {
    width: 35%;
    height: auto;
    justify-content: center;
    display: flex;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .logoBg .logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    filter: brightness(1000);
    margin: auto;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .textbox {
    width: 100%;
    height: auto;
    padding: 3% 0;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .textbox .namebox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 3%;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .textbox .namebox .name {
    width: 100%;
    height: auto;
    float: left;
    font-size: 22px;
    color: #202132;
    line-height: 30px;
    background: url(../images/icon9.png) no-repeat right center;
    transition: all 0.5s;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .textbox .namebox .icon {
    width: 10%;
    height: auto;
    float: left;
    text-align: right;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .textbox .namebox .icon img {
    width: 18px;
    height: auto;
    vertical-align: bottom;
    margin-top: 11px;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .textbox .addr {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .textbox .addr .tit {
    width: auto;
    height: auto;
    float: left;
    margin-right: 5%;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .textbox .addr .txt {
    width: 75%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #202132;
    line-height: 28px;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li .textbox .addr .phone {
    width: 75%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #d8b07f;
    line-height: 28px;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li:hover {
    transform: translateY(-15px);
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li:hover .logoBg {
    opacity: 1;
}

.wapper .main .themeCont .realEstate .realEstateBox .realList li:hover .textBox .namebox .name {
    color: #693a00;
    background: url(../images/icon12.png) no-repeat right center;
}

.wapper .main .themeCont .realEstate .realEstateBox .more {
    width: 31.33%;
    height: auto;
    margin: auto;
    border: 1px solid #202132;
    text-align: center;
    overflow: hidden;
    justify-content: center;
    display: flex;
    transition: all 0.5s;
}

.wapper .main .themeCont .realEstate .realEstateBox .more a {
    display: inline-block;
    font-size: 18px;
    color: #202132;
    line-height: 60px;
    box-sizing: border-box;
    transition: all 0.5s;
}

.wapper .main .themeCont .realEstate .realEstateBox .more:hover {
    background: #202132;
}

.wapper .main .themeCont .realEstate .realEstateBox .more a .button {
    width: 100%;
    margin-left: 0;
    display: inline-block;
    line-height: 60px;
}

.button--nina>span {
    margin-top: 0px;
}

.wapper .main .theme .themeBox .degree .bolist {
    width: 100%;
    height: 46px;
    text-align: center;
    overflow: hidden;
    display: none;
    background: #fff;
    /* border-bottom: 1px solid #eeeeee; */
}

.wapper .main .theme .themeBox .degree .bolist li {
    line-height: 46px;
    width: auto;
    height: 46px;
    float: left;
    font-size: 15px;
    color: #020213;
    padding: 0 20px;
    box-sizing: border-box;
    /*background:url("../images/line2.gif") no-repeat left center;*/
}

.wapper .main .theme .themeBox .degree .bolist li:first-child {
    background: none;
}

.wapper .main .theme .themeBox .degree .bolist li a {
    display: inline-block;
    line-height: 46px;
    color: #202132;
}

.wapper .main .theme .themeBox .degree .bolist li a.cur {
    height: 46px;
    color: #693a00;
    box-sizing: border-box;
    border-bottom: 2px solid #693a00;
}

@media screen and (max-width:1565px) {
    .wapper .main .themeCont .realEstate .realEstateBox .hotel .textBox .nameBox .enName {
        font-size: 28px;
        line-height: 32px;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .hotel .textBox .nameBox .cnName {
        font-size: 28px;
        line-height: 32px;
    }
}

@media screen and (max-width:1380px) {
    .wapper .main .themeCont .realEstate .realEstateBox .hotel .textBox {
        padding: 3% 4%;
    }

    .wapper .banner .fileItem .fileMenu {
        width: 55%;
    }

    .wapper .banner .fileItem .fileMenu li .cnmenu {
        font-size: 18px
    }

    .wapper .banner .fileItem .fileMenu li.on .cnmenu {
        font-size: 20px
    }

    .wapper .banner .fileItem .fileMenu li .enmenu {
        font-size: 12px
    }
}

@media screen and (max-width: 1200px) {
    .wapper .banner .fileItem .fileMenu {
        margin-top: 36%;
    }
}

@media screen and (max-width:1000px) {
    .wapper .banner .fileItem {
        display: none;
    }

    .wapper .banner .bannerCont.ly {
        width: 35%;
        left: 75%;
    }

    .wapper .banner .bannerCont.ly .fpic .well {
        width: 128px;

    }

    .wapper .main .theme .themeBox .degree .deList.hide {
        display: none;
    }

    .wapper .main .theme .themeBox .degree .bolist {
        display: block;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .estate {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .estate img {
        width: 139px;
    }

    .wapper .main .themeCont .realEstate {
        padding: 0 4%;
    }

    .wapper .main .themeCont .realEstate .realEstateBox {
        padding: 0;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .hotel {
        display: block;
        margin-bottom: 6%;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .hotel .pic {
        width: 100%;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .hotel .pic img {
        width: 100%;
        height: auto;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .hotel .textBox {
        width: 100%;
        padding: 4% 4% 8% 4%;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .hotel .textBox .nameBox .enName {
        font-size: 22px;
        line-height: 26px;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .hotel .textBox .nameBox .cnName {
        font-size: 20px;
        line-height: 24px;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .realList li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 6%;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .realList li:nth-of-type(4) {
        display: none;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .realList li:nth-of-type(5) {
        display: none;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .realList li:nth-of-type(6) {
        display: none;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .realList li .textbox .namebox {
        margin-bottom: 1%;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .realList li .textbox .namebox .name {
        font-size: 18px;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .more {
        width: 100%;
    }

    .wapper .main .themeCont .realEstate .realEstateBox .more a .button {
        line-height: 42px;
    }
}
















/* 领域-其他 */
.wapper .main .themeCont .themeContBox .righttheme .neirong .otherPic {
    width: 100%;
    height: auto;
    position: relative;
}

.swiper-pagination.other {
    width: auto !important;
    left: 0% !important;
    right: 3% !important;
    bottom: 5% !important;
    justify-content: flex-end;
    display: flex;
}

.other .swiper-pagination-bullet {
    background: none !important;
    border: 2px solid #fff;
}

.other .swiper-pagination-bullet-active {
    width: 8px !important;
    height: 8px !important;
    background: #d8b07f !important;
    border: 2px solid #d8b07f;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .otherPic .pic {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .otherPic .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .otherPic .text {
    width: 100%;
    height: auto;
    min-height: 56px;
    background: rgba(0, 0, 0, 0.7);
    padding: 16px 26% 10px 3%;
    box-sizing: border-box;
    font-size: 16px;
    color: #ffffff;
    line-height: 28px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .art {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #747d86;
    line-height: 34px;
    margin-top: 2%;
}

@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .righttheme .neirong .art {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .details .articles .line1 {
        margin-bottom: 6%;
    }
}















/* 领域-体育 */
.wapper .main .themeCont .themeContBox .righttheme .neirong .wenzhang {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #747d86;
    line-height: 34px;
    margin-top: 4%;
    margin-bottom: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .textintro {
    width: 100%;
    height: auto;
    margin-top: 4%;
    margin-bottom: 6%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .textintro .cnNane {
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #693a00;
    line-height: 32px;
    font-weight: bolder;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .textintro .enName {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(184, 147, 101, 0.5);
    line-height: 26px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .textintro .text {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #747d86;
    line-height: 34px;
    margin-top: 2%;
}





















@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .righttheme .neirong .wenzhang {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 6%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .otherPic .text {
        font-size: 14px;
        min-height: 32px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .textintro {
        margin-top: 6%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .textintro .cnNane {
        font-size: 20px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .textintro .enName {
        font-size: 18px;
        line-height: 24px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .textintro .text {
        font-size: 14px;
        line-height: 28px;
    }
}



























/* 文化-大地之书 */
.wapper .main .themeCont .themeContBox .bookCont {
    width: 100%;
    height: auto;
    padding: 5% 0;
}

.wapper .main .themeCont .themeContBox .bookCont .bookList {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .bookCont .bookList li {
    width: 49.6%;
    height: auto;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 4%;
    box-sizing: border-box;
    margin-bottom: 5%;
}

.wapper .main .themeCont .themeContBox .bookCont .bookList li .book {
    width: 25%;
    height: auto;
    max-width: 139px;
    float: left;
    margin-right: 8%;
}

.wapper .main .themeCont .themeContBox .bookCont .bookList li .book img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .bookCont .bookList li .textBox {
    width: 67%;
    height: auto;
    float: left;
    padding: 3% 0 0 0;
}

.wapper .main .themeCont .themeContBox .bookCont .bookList li .textBox .title {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .bookCont .bookList li:hover .textBox .title {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .bookCont .bookList li .textBox .desc {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .bookCont .bookList li .textBox .learn {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 28px;
    margin-top: 4%;
    align-items: center;
    display: flex;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .bookCont .bookList li .textBox .learn img {
    width: 18px;
    height: auto;
    vertical-align: middle;
    margin-left: 6px;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .bookCont .bookList li:hover .textBox .learn {

    padding-left: 16px;
}

.wapper .main .themeCont .themeContBox .bookCont .bookList li .line1 {
    width: 100%;
    height: 1px;
    background: #edeef0;
    margin-top: 6%;
    display: none;
}

.wapper .main .themeCont .themeContBox .bookCont .bookList li .line1 .line2 {
    width: 10%;
    height: 1px;
    background: #202132;
}



@media screen and (max-width:1450px) {
    .wapper .main .themeCont .themeContBox .bookCont .bookList li .textBox .title {
        font-size: 20px;
        line-height: 26px;
    }

    .wapper .main .themeCont .themeContBox .bookCont .bookList li .textBox .desc {
        margin-top: 2%;
    }
}

@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .bookCont {
        padding-top: 8%;
        padding-bottom: 16%;
    }

    .wapper .main .themeCont .themeContBox .bookCont .bookList li .textBox .title {
        font-size: 14px;
        line-height: 24px;
    }

    .wapper .main .themeCont .themeContBox .bookCont .bookList li {
        width: 100%;
        padding: 0;
        margin-bottom: 6%;
    }

    .wapper .main .themeCont .themeContBox .bookCont .bookList li .book {
        width: 20%;
    }

    .wapper .main .themeCont .themeContBox .bookCont .bookList li .textBox {
        width: 72%;
    }

    .wapper .main .themeCont .themeContBox .bookCont .bookList li .textBox .desc {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .bookCont .bookList li .line1 {
        display: block;
        float: left;
    }
}
























































/* 文化-大地之书Details */
.wapper .banner .bannerCont .fpic.cul .well {
    width: 122px;
}

.wapper .banner .bannerCont .fpic.cul .icon {
    top: 52px;
    right: 39%;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .bookList {
    width: 100%;
    height: auto;
    margin-top: 10%;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .bookList li {
    width: 100%;
    height: auto;
    margin-bottom: 8%;
    cursor: pointer;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .bookList li .bcont {
    width: 100%;
    height: auto;
    overflow: hidden;
    align-items: center;
    display: flex;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .bookList li .bcont .shu {
    width: 25%;
    height: auto;
    float: left;
    margin-right: 5%;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .bookList li .bcont .shu img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .bookList li .bcont .textBox {
    width: 73%;
    height: auto;
    float: left;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .bookList li .bcont .textBox .title {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .bookList li .bcont .textBox .time {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #747d86;
    line-height: 24px;
    margin-top: 4%;
}


.wapper .main .themeCont .themeContBox .newsDetails .you .list li .bcont {
    width: 100%;
    height: auto;
    overflow: hidden;
    align-items: center;
    display: flex;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li .bcont .shu {
    width: 22%;
    height: auto;
    float: left;
    margin-right: 5%;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li .bcont .shu img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li .bcont .textBox {
    width: 73%;
    height: auto;
    float: left;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li .bcont .textBox .title {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li .bcont .textBox .time {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #747d86;
    line-height: 24px;
    margin-top: 4%;
}








.wapper .main .themeCont .themeContBox .newsDetails .you .bookList li .line1 {
    width: 100%;
    height: 1px;
    background: rgba(32, 33, 50, 0.08);
    margin-top: 8%;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .bookList li .line1 .line2 {
    width: 22%;
    height: 1px;
    background: rgba(32, 33, 50, 1);
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .bookList li:hover .bcont .textBox .title {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .bookList li:hover .line1 .line2 {
    width: 100%;
    background: #d9b17e;
}




















/* 文化-读城 */
.wapper .main .themeCont .themeContBox .bookCont .readList {
    width: 100%;
    height: auto;
    padding: 0 4%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read {
    width: 100%;
    height: auto;
    margin-bottom: 4%;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .picBox {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .picBox .pic {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .picBox .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .picBox .text {
    width: 100%;
    height: auto;
    background: url(../images/readtxtBg.jpg) no-repeat center center;
    background-size: cover;
    padding: 2% 2%;
    box-sizing: border-box;
    /* align-items: center;
    display: flex; */
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .picBox .text .cn {
    width: auto;
    height: auto;
    float: left;
    font-size: 26px;
    color: #ffffff;
    line-height: 32px;
    font-weight: bolder;
    padding: 0 2%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .picBox .text .en {
    width: auto;
    height: auto;
    float: left;
    font-size: 29px;
    color: #d9b17e;
    line-height: 32px;
    font-weight: bolder;
    padding: 0 2%;
    box-sizing: border-box;
    background: url(../images/line5.gif) no-repeat left center;
    display: inline-block;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .specialList {
    width: 100%;
    height: auto;
    margin-top: 4%;

}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .specialList li {
    width: 20.5%;
    height: auto;
    float: left;
    margin-right: 6%;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .specialList li:nth-of-type(4n) {
    margin-right: 0;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .specialList li .num {
    width: 100%;
    height: auto;
    font-size: 32px;
    color: #102132;
    line-height: 36px;
    font-weight: bolder;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .specialList li .name {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #102132;
    line-height: 30px;
    font-weight: bolder;
    margin-top: 3%;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .specialList li .name span {
    margin-left: 8px;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .specialList li .txt {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #747d86;
    line-height: 24px;
    margin-top: 6%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .specialList li .cha {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 28px;
    margin-top: 6%;
    opacity: 0;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .specialList li .cha img {
    width: 16px;
    height: auto;
    margin-left: 8px;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .specialList li:hover .num {
    color: #e7cfb0;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .specialList li:hover .name {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .specialList li:hover .cha {
    opacity: 1;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .mspecial {
    width: 100%;
    height: auto;
    padding: 4% 0;
    display: none;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .mspecial .txt {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #747d86;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .mspecial .mspeList {
    width: 100%;
    height: auto;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .read .mspecial .mspeList li {
    width: auto;
    height: auto;
    float: left;
    margin: 0 3px 6px;
    font-size: 16px;
    color: #747d86;
    line-height: 32px;
    padding: 0 14px;
    box-sizing: border-box;
    background: rgba(116, 125, 134, 0.1);
    border-radius: 5px;
}















@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .bookCont .readList {
        padding: 0;
    }

    /* .wapper .main .themeCont .themeContBox .bookCont .readList .read .picBox .text{
        align-items: center;
        display: flex;
    } */
    .wapper .main .themeCont .themeContBox .bookCont .readList .read .picBox .text .cn {
        font-size: 14px;
        line-height: 26px;
        display: inline-block;
    }

    .wapper .main .themeCont .themeContBox .bookCont .readList .read .picBox .text .en {
        font-size: 14px;
        line-height: 26px;
    }

    .wapper .main .themeCont .themeContBox .bookCont .readList .read .specialList {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .bookCont .readList .read .mspecial {
        display: block;
    }
}

















/* 文化-读城Details */
.wapper .main .themeCont .themeContBox .zuotheme .linkage {
    width: 100%;
    height: auto;
    margin-top: 12%;
}

.wapper .main .themeCont .themeContBox .zuotheme .linkage.fix {
    position: fixed;
    top: -3%;
    width: 18%;

}

.wapper .main .themeCont .themeContBox .zuotheme .linkage li {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #202132;
    line-height: 52px;
    font-weight: bolder;
    transition: all 0.5s;
    cursor: pointer;
}

.wapper .main .themeCont .themeContBox .zuotheme .linkage li span {
    font-weight: normal;
    margin-left: 8px;
}

.wapper .main .themeCont .themeContBox .zuotheme .linkage li.active {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .zuotheme .linkage li:hover {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .righttheme .catalogue {
    width: 60px;
    height: auto;
    display: none;
    position: fixed;
    bottom: 3%;
    right: 4%;
    z-index: 555;
}

.wapper .main .themeCont .themeContBox .righttheme .catalogue .cata {
    width: 60px;
    height: 60px;
    background: rgba(218, 158, 85, 0.9);
    font-size: 14px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
}

.mCatalogue {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    opacity: 0;
    z-index: -1;
    transition: all 0.5s;
}

.mCatalogue .cataList {
    width: 100%;
    height: auto;
    border-top: 1px solid #eee;
    position: absolute;
    bottom: -262px;
    left: 0;
    transition: all 0.5s;
}

.mCatalogue .cataList .theme {
    width: 100%;
    height: auto;
    padding: 6px 4%;
    box-sizing: border-box;
    overflow: hidden;
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
}

.mCatalogue .cataList .theme .the {
    width: 50%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #020213;
    line-height: 42px;
    font-weight: bolder;
}

.mCatalogue .cataList .theme .close {
    width: 42px;
    height: 42px;
    float: right;
    text-align: right;

}

.mCatalogue .cataList .theme .close img {
    width: 14px;
    height: auto;
    vertical-align: middle;
    margin-top: 14px;
}

.mCatalogue .cataList .list {
    width: 100%;
    height: auto;
    padding: 4% 4%;
    box-sizing: border-box;
    background: #fff;
}

.mCatalogue .cataList .list li {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #020213;
    line-height: 32px;
    margin-bottom: 10px;
    font-weight: bolder;
}

.mCatalogue .cataList .list li .num {
    font-size: 18px;
    margin-right: 4px;
}

.mCatalogue .cataList .list li .entxt {
    font-weight: normal;
    margin-left: 6px;
}













.wapper .main .themeCont .themeContBox .righttheme .read {
    width: 100%;
    height: auto;
    padding: 0 5%;
    box-sizing: border-box;
    margin-bottom: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .read .picBox {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .righttheme .read .picBox .pic {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .righttheme .read .picBox .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .read .picBox .text {
    width: 100%;
    height: auto;
    background: url(../images/readtxtBg.jpg) no-repeat center center;
    background-size: cover;
    padding: 2% 2%;
    box-sizing: border-box;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .righttheme .read .picBox .text .cn {
    width: auto;
    height: auto;
    float: left;
    font-size: 24px;
    color: #ffffff;
    line-height: 30px;
    font-weight: bolder;
    padding: 0 2%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .righttheme .read .picBox .text .en {
    width: auto;
    height: auto;
    float: left;
    font-size: 28px;
    color: #d9b17e;
    line-height: 30px;
    font-weight: bolder;
    padding: 0 2%;
    box-sizing: border-box;
    background: url(../images/line5.gif) no-repeat left center;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .title {
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #693a00;
    line-height: 46px;
    font-weight: bolder;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .title span {
    color: #e7cfb0;
    margin-left: 8px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .context {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #747d86;
    line-height: 34px;
    margin-top: 2%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .showList {
    width: 100%;
    height: auto;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .showList li {
    width: 29.33%;
    height: auto;
    float: left;
    margin-right: 6%;
    vertical-align: top;
    margin-bottom: 4%;
    cursor: pointer;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .showList li:nth-of-type(3n) {
    margin-right: 0;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .showList li .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .showList li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .showList li .pic .linebottom {
    width: 100%;
    height: 3px;
    background: url(../images/line14.gif) repeat-x center center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 111;
    opacity: 0;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .showList li .titl {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 36px;
    background: url(../images/icon9.png) no-repeat right center;
    margin-top: 3%;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .showList li .desc {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: rgba(32, 33, 50, 0.6);
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .showList li:hover .titl {
    color: #693a00;
    background: url(../images/icon11.png) no-repeat right center;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .showList li:hover .pic .linebottom {
    opacity: 1;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .showList li:hover .pic img {
    transform: scale(1.1);
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces {
    width: 100%;
    height: auto;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li a {
    display: inline-block;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .time {
    width: auto;
    height: auto;
    float: left;
    font-size: 35px;
    color: #202132;
    line-height: 40px;
    font-weight: bolder;
    margin-right: 4%;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .textBox {
    width: 35%;
    height: auto;
    float: left;
    margin-right: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .textBox .name {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 32px;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .textBox .desc {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .textBox .learn {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 28px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .textBox .learn img {
    width: 15px;
    height: auto;
    vertical-align: middle;
    margin-left: 6px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .picBox {
    width: 48%;
    height: auto;
    float: right;
    background: #d8b07f;
    align-items: bottom;
    justify-content: center;
    display: flex;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .picBox .pic {
    width: 50%;
    height: auto;
    float: left;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .picBox .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .picBox .logo {
    width: 50%;
    height: auto;
    float: left;
    align-items: center;
    justify-content: center;
    display: flex;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .picBox .logo img {
    width: auto;
    height: auto;
    max-width: 43%;
    /*max-height: 60%;*/
    vertical-align: bottom;
    filter: brightness(1000);
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .line1 {
    width: 100%;
    height: 1px;
    float: left;
    background: rgba(32, 33, 50, 0.08);
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .line1 .line2 {
    width: 6%;
    height: 1px;
    background: rgba(32, 33, 50, 1);
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li:hover .time {
    color: #e7cfb0;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li:hover .textBox .name {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .traces li:hover .line1 .line2 {
    width: 100%;
    background: #d8b07f;
}

@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .righttheme .catalogue {
        display: block;
    }

    .wapper .main .themeCont .themeContBox .righttheme .read {
        padding: 0;
        position: relative;
        z-index: 20;
    }

    .wapper .main .themeCont .themeContBox .righttheme .read .picBox .text .cn {
        font-size: 16px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .read .picBox .text .en {
        font-size: 16px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .title {
        font-size: 22px;
        line-height: 36px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .context {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .showList li {
        width: 47%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .showList li:nth-of-type(2n) {
        margin-right: 0;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .showList li:nth-of-type(3n) {
        margin-right: 6%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .showList li:nth-of-type(5) {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .showList li .titl {
        font-size: 16px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .showList li .desc {
        font-size: 14px;
        line-height: 28px;
        -webkit-line-clamp: 2;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .time {
        font-size: 25px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .textBox {
        width: 80%;
        margin-right: 0;
        float: right;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .textBox .name {
        font-size: 16px;
        line-height: 24px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .textBox .learn {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .picBox {
        width: 82%;
        margin-top: 3%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .picBox .logo img {
        max-width: 44%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .traces li .line1 {
        margin-top: 6%;
    }
}


















/* 文化-节气List */
.wapper .main .themeCont .themeContBox .bookCont .readList .integrity {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .pic {
    width: 100%;
    height: auto;
    display: none;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .pic.now {
    display: block;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 111;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term ul {
    height: 100%;
    align-items: flex-end;
    display: flex;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li {
    width: 25%;
    height: 110px;
    height: 100%;
    float: left;
    position: relative;

}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li a {
    display: block;
    width: 100%;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li .short {
    width: 100%;
    height: 110px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    align-items: center;
    justify-content: center;
    display: flex;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 666;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li .short .letter {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #ffffff;
    line-height: 26px;
    font-weight: bold;
    text-align: center;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li .short .letter span {
    font-weight: normal;
    font-size: 24px;
    display: none;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li .hight {
    width: 100%;
    height: 0%;
    background: rgba(146, 208, 81, 0.8);
    ;
    opacity: 0;
    transition: all 0.5s;
    position: absolute;
    top: 100%;
    left: 0;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li:nth-of-type(2) .hight {
    background: rgba(81, 196, 102, 0.8);
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li:nth-of-type(3) .hight {
    background: rgba(229, 186, 72, 0.8);
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li:nth-of-type(4) .hight {
    background: rgba(108, 141, 182, 0.8);
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li .hight .higCont {
    width: 100%;
    height: auto;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li .hight .cnhig {
    width: 100%;
    height: auto;
    font-size: 130px;
    color: #fff;
    line-height: 132px;
    text-align: center;
    font-weight: 300;
    font-family: 宋体;
    padding: 0 10%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li .hight .cnhig img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li .hight .enhig {
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    text-align: center;
    display: none;
}

/*.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li:hover .hight{
    opacity: 1;
    height: 100%;
    top: 0
}*/
.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li.now .hight {
    opacity: 1;
    height: 100%;
    top: 0
}

.wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li.now .hight {
    opacity: 1;
    height: 100%;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .tabSeason {
    width: 100%;
    height: auto;
    margin-top: 6%;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .seasonList {
    width: 100%;
    height: auto;
    display: none;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .seasonList.now {
    display: block;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li {
    width: 49.6%;
    height: auto;
    vertical-align: top;
    display: inline-block;
    padding-right: 4%;
    box-sizing: border-box;
    margin-bottom: 6%;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li:nth-of-type(2n) {
    padding-right: 0;
    padding-left: 4%;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li .title {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 30px;
    font-weight: bold;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li .title span {
    font-weight: normal;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li .desc {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 3%;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li .learn {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 28px;
    margin-top: 2%;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li .learn img {
    width: 18px;
    height: auto;
    margin-left: 6px;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li .line1 {
    width: 100%;
    height: 1px;
    background: rgba(32, 33, 50, 0.08);
    margin-top: 6%;
    display: none;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li .line1 .line2 {
    width: 10%;
    height: 1px;
    background: rgba(32, 33, 50, 1);
}

.wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li:hover .title {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li:hover .learn {
    padding-left: 14px;
}

@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li .short {
        height: 36px;
    }

    .wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li .short .letter {
        font-size: 16px;
        line-height: 20px;
    }

    .wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li .short .letter span {
        font-size: 16px;
    }

    .wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li .hight .cnhig {
        font-size: 34px;
        line-height: 36px;
    }

    .wapper .main .themeCont .themeContBox .bookCont .readList .integrity .term li .hight .enhig {
        font-size: 12px;
        line-height: 14px;
    }

    .wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li {
        width: 100%;
        padding: 0;
    }

    .wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li:nth-of-type(2n) {
        padding: 0;
    }

    .wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li .title {
        font-size: 20px;
        line-height: 26px;
    }

    .wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li .desc {
        font-size: 14px;
        line-height: 28px;
        -webkit-line-clamp: 2;
    }

    .wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li .learn {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .bookCont .readList .seasonList li .line1 {
        display: block;
    }
}


























/* 文化-气节Details */
.wapper .main .themeCont .themeContBox .newsDetails .zuo .season {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .season .pic {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .season .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}






.wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .cntit {
    width: 100%;
    height: auto;
    margin: auto;
    background: url(../images/line10.gif) no-repeat center center;
    text-align: center;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .cntit span {
    font-size: 30px;
    color: #202132;
    line-height: 42px;
    font-weight: bolder;
    background: #fff;
    padding: 0 18px;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .entit {
    width: 100%;
    height: auto;
    font-size: 34px;
    color: #d8b07f;
    line-height: 50px;
    font-weight: bolder;
    text-align: center;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list.sea li {
    margin-bottom: 10%;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list.sea li .title {
    font-size: 18px;
    color: #202132;
    line-height: 30px;
    font-weight: bolder;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li .reDesc {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list li .line1 {
    margin-top: 8%;
}

.wapper .main .themeCont .themeContBox .newsDetails .you .list.sea li:hover .title {
    color: #693a00;
}

@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .cntit {
        margin-top: 12%;
        background: url(../images/line13.gif) no-repeat center center;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .cntit span {
        font-size: 24px;
        line-height: 28px;
        padding: 0 10px;
    }

    .wapper .main .themeCont .themeContBox .newsDetails .zuo .titleBox .entit {
        font-size: 28px;
        line-height: 28px;
        letter-spacing: 0px;
    }
}














/* 项目-项目List */
.wapper .banner .seeding {
    width: 100%;
    height: auto;
}

.swiper-container {
    width: 100%;
    height: auto;
}

.swiper-pagination {
    bottom: 5% !important;
    align-items: center;
    justify-content: center;
    display: flex;
}

.swiper-pagination-bullet {
    background: #693a00 !important;
    opacity: 1 !important;
    margin: 0 6px !important;
}

.swiper-pagination-bullet-active {
    width: 20px !important;
    height: 20px !important;
    background: url(../images/active.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.wapper .banner .seeding .logo {
    width: auto;
    height: auto;
    max-width: 260px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    display: none;
}

.wapper .banner .seeding .logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    filter: drop-shadow(260px 0 #202132);
    position: relative;
    left: -260px;
    z-index: 888;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList {
    width: 100%;
    height: auto;
    padding: 0 4%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li {
    width: 30.8%;
    height: auto;
    margin-right: 3%;
    vertical-align: top;
    display: inline-block;
    margin-bottom: 3%;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li:nth-of-type(3n) {
    margin-right: 0;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .picbox {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .picbox .pic {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .picbox .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .picbox .logoBg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(216, 176, 127, 0.9);
    align-items: center;
    justify-content: center;
    display: flex;
    opacity: 0;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .picbox .logoBg .logo {
    width: 35%;
    height: auto;
    justify-content: center;
    display: flex;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .picbox .logoBg .logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    filter: brightness(1000);
    margin: auto;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox {
    width: 100%;
    height: auto;
    padding: 3% 0;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .name {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 30px;
    background: url(../images/icon9.png) no-repeat right center;
    margin-bottom: 2%;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .addr {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .addr .tit {
    width: auto;
    height: auto;
    float: left;
    margin-right: 5%;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .addr .txt {
    width: 74%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #693a00;
    line-height: 28px;
}

/*.wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .addr:nth-of-type(2n) .txt{
    width: 75%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #693a00;
    line-height: 28px;

}*/
.wapper .main .themeCont .themeContBox .bookCont .itemsList li:hover {
    transform: translateY(-16px);
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li:hover .picbox .logoBg {
    opacity: 1;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li:hover .textbox .name {
    color: #693a00;
    background: url(../images/icon12.png) no-repeat right center;
}

.wapper .main .themeCont .themeContBox .bookCont .signArea {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 4%;
    box-sizing: border-box;
    margin-bottom: 4%;
}

.wapper .main .themeCont .themeContBox .bookCont .signArea .sign {
    width: 60%;
    height: auto;
    float: left;
}

.wapper .main .themeCont .themeContBox .bookCont .signArea .sign li {
    width: 184px;
    height: auto;
    float: left;
    margin-right: 14px;
    background: rgba(32, 33, 50, 0.3);
    text-align: center;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .bookCont .signArea .sign li a {
    display: block;
    font-size: 18px;
    color: #ffffff;
    line-height: 50px;
}

.wapper .main .themeCont .themeContBox .bookCont .signArea .sign li.now {
    background: #d8b07f;
}

.wapper .main .themeCont .themeContBox .bookCont .signArea .sign li:hover {
    background: #d8b07f;
}

.wapper .main .themeCont .themeContBox .bookCont .signArea .tishi {
    width: 40%;
    height: auto;
    float: right;
    font-size: 18px;
    color: #bcbcc1;
    line-height: 50px;
    text-align: right;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .name .state {
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 28px;
    padding: 1px 6px;
    box-sizing: border-box;
    border-radius: 4px;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .name .state.rx {
    color: #e60012;
    border: 1px solid #e60012;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .name .state.jk {
    color: #d8b07f;
    border: 1px solid #d8b07f;
}

.wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .name .state.sq {
    color: #929395;
    border: 1px solid #929395;
}










@media screen and (max-width:1120px) {
    .wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .addr {
        margin-bottom: 3%;
    }

    .wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .addr .txt {
        width: 73%;
        line-height: 20px;
    }

    .wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .addr .tit {
        line-height: 20px;
    }

    .wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .addr .phone {
        width: 73%;
        line-height: 20px;
    }

    .wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .name {
        font-size: 20px;
    }
}

@media screen and (max-width:1000px) {
    .wapper .banner .seeding .logo img {
        max-width: 60%;
        left: -215px;
    }

    .wapper .main .themeCont .themeContBox .bookCont .itemsList {
        padding: 0;
    }

    .wapper .main .themeCont .themeContBox .bookCont .itemsList li {
        width: 100%;
        margin-right: 0;
    }

    .wapper .main .themeCont .themeContBox .bookCont .itemsList li .textbox .name {
        font-size: 18px;
    }
}

















/* 项目-项目Details */
.wapper .head.nopos .phone {
    width: auto;
    height: auto;
    float: left;
    font-size: 34px;
    color: #d8b07f;
    line-height: 44px;
    margin-top: 0.5%;
    font-weight: bolder;
    margin-left: 3%;
}

.wapper .main .caring .grid-wrap.it div {
    height: 100%;
    top: 0;
}

.wapper .main .caring .caringBox.items {
    padding-top: 5%;
}

.wapper .main .caring .caringBox.items .cartext .proinfor {
    margin-top: 0;
}

.wapper .main .caring .caringBox.items .titleBox {
    padding-top: 0px;
    padding-right: 0;
    padding-left: 0;
    position: static;
    width: 100%;
    margin-bottom: 6%;
}

.wapper .main .caring .caringBox.items .titleBox .logo {
    width: 50%;
    height: auto;
    margin: auto;
    text-align: center;
}

.wapper .main .caring .caringBox.items .titleBox .logo img {
    width: 100%;
    height: auto;
    max-width: 132px;
    vertical-align: bottom;
}

.wapper .main .caring .caringBox .cartext .project {
    width: 65%;
    height: auto;
    float: left;
    padding-right: 5%;
    box-sizing: border-box;
}

.wapper .main .caring .caringBox .cartext .project .print {
    width: 100%;
    height: auto;
    font-size: 28px;
    color: #202132;
    line-height: 36px;
    font-weight: bold;
}

.wapper .main .caring .caringBox .cartext .project .print span {
    color: #cacdd1;
    font-weight: normal;
    margin-left: 10px;
    display: none;
}

.wapper .main .caring .caringBox .cartext .project .prtext {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #747d86;
    line-height: 34px;
    margin-top: 3%;
}

.wapper .main .caring .caringBox .cartext .project .tags {
    width: 100%;
    height: auto;
    margin-top: 3%;
}

.wapper .main .caring .caringBox .cartext .project .tags li {
    width: auto;
    height: auto;
    float: left;
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
    background: rgba(32, 33, 50, 0.3);
    margin-right: 6px;
    margin-bottom: 6px;
    padding: 2px 10px;
    box-sizing: border-box;
    border-radius: 4px;
}

.wapper .main .caring .caringBox .cartext .proinfor {
    width: 35%;
    height: auto;
    float: left;
    padding: 0 3%;
    box-sizing: border-box;
    margin-top: 3%;
}

.wapper .main .caring .caringBox.item .cartext .proinfor {
    margin-top: 0;
}

.wapper .main .caring .caringBox .cartext .proinfor .name {
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #693a00;
    line-height: 46px;
    text-align: center;
    font-weight: bold;
}

.wapper .main .caring .caringBox .cartext .proinfor .price {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 16px;
    color: #d8b07f;
    line-height: 46px;
    margin-bottom: 3%;
}

.wapper .main .caring .caringBox .cartext .proinfor .price span {
    font-size: 38px;
    font-weight: bold;
}

.wapper .main .caring .caringBox .cartext .proinfor .appointment {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #ffffff;
    line-height: 55px;
    text-align: center;
    margin-top: 1%;
    cursor: pointer;
    background: #d8b07f;
    overflow: hidden;
    transition: all 0.5s;
}

.wapper .main .caring .caringBox .cartext .proinfor .appointment .appbtn {
    width: 100%;
    margin-left: 0 !important;
    color: #fff;

}

.wapper .main .caring .caringBox .cartext .proinfor .appointment:hover {
    filter: brightness(110%);
}

.wapper .main .caring .caringBox .cartext .proinfor .appointment .button--nina>span {
    color: #fff;
}





.wapper .main .caring .caringBox .cartext .proinfor .pattern {
    widows: 100%;
    height: auto;
    padding: 3% 5%;
    box-sizing: border-box;
    border: 1px solid #d8b07f;
    background: url(../images/oppBg.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
    margin-top: 8%;
    align-items: center;
    justify-content: space-around;
    display: flex;
}

.wapper .main .caring .caringBox .cartext .proinfor .pattern .phonebox {
    width: 43%;
    height: auto;
    float: left;
    padding-right: 3%;
    box-sizing: border-box
}

.wapper .main .caring .caringBox .cartext .proinfor .pattern .phonebox .shouji {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #693a00;
    line-height: 28px;
    font-weight: bold
}

.wapper .main .caring .caringBox .cartext .proinfor .pattern .phonebox .txt {
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #693a00;
    line-height: 22px;
    position: relative;
}

.wapper .main .caring .caringBox .cartext .proinfor .pattern .phonebox .txt::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d8b07f;
    position: absolute;
    top: 33%;
    left: 50px;
}

.wapper .main .caring .caringBox .cartext .proinfor .pattern .phonebox .wei {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #693a00;
    line-height: 28px;
    font-weight: bold;
    margin-top: 5%;
}

.wapper .main .caring .caringBox .cartext .proinfor .pattern .phonebox .txt2 {
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #693a00;
    line-height: 22px;
    position: relative;
}

.wapper .main .caring .caringBox .cartext .proinfor .pattern .phonebox .txt2::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #d8b07f;
    position: absolute;
    top: 14%;
    left: 103px;
}

.wapper .main .caring .caringBox .cartext .proinfor .pattern .codeBox {
    width: 32%;
    height: auto;
    float: right;
    margin: 0 1.5%;
}

.wapper .main .caring .caringBox .cartext .proinfor .pattern .codeBox img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .dynamic {
    width: 100%;
    height: auto;
    background: url(../images/dynamicBg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: 555;
}

.wapper .main .dynamic .dynamicBox {
    width: 100%;
    height: auto;
    padding: 6% 10% 6% 10%;
    box-sizing: border-box;
    position: relative;
}

.wapper .main .dynamic .dynamicBox .title {
    width: 100%;
    height: auto;
    font-size: 28px;
    color: #693a00;
    line-height: 42px;
    font-weight: bold;
}

.wapper .main .dynamic .dynamicBox .title span {
    color: #d8b07f;
    font-weight: normal;
    margin-left: 10px;
    display: none;
}

.wapper .main .dynamic .dynamicBox .news_listbox {
    position: relative;
    width: 100%;
    height: 266px;
    left: 0;
    top: 0;
    margin-top: 2%;
    overflow: hidden;
    border-bottom: 1px solid rgba(176, 158, 136, 0.3);
    padding-top: 25px;
}

.wapper .main .dynamic .dynamicBox .news_listbox ul {
    position: relative;
    width: 10000%;
}

.wapper .main .dynamic .dynamicBox .news_listbox ul li {
    position: relative;
    width: 375px;
    height: 266px;
    float: left;
    /* border-bottom: 1px solid rgba(32, 33, 50, 0.08); */
    /* margin-left: 70px; */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    left: 0;
    top: 0;
    transition: all 0.5s;
}

.wapper .main .dynamic .dynamicBox .news_listbox ul li:first-child {
    /* margin-left: 0; */
}

.wapper .main .dynamic .dynamicBox .news_listbox ul li .news_contbox {
    width: 80%;
    height: 266px;
    transition: all 0.5s;
    position: relative;
}

.wapper .main .dynamic .dynamicBox .news_listbox ul li .news_contbox .time {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #693a00;
    line-height: 24px;
    transition: all 0.5s;
}

.wapper .main .dynamic .dynamicBox .news_listbox ul li .news_contbox .title {
    width: 100%;
    height: auto;
    min-height: 52px;
    font-size: 18px;
    color: #693a00;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.5s;
}

.wapper .main .dynamic .dynamicBox .news_listbox ul li .news_contbox .desc {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #8f7e67;
    line-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 4%;
    transition: all 0.5s;
}

.wapper .main .dynamic .dynamicBox .news_listbox ul li .line {
    width: 0px;
    height: 2px;
    background: #876138;
    transition: width 1s;
    margin: 0px auto 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 44;
}

.wapper .main .dynamic .dynamicBox .news_listbox ul li:hover .news_contbox .time {
    transform: translateY(-25px);
}

.wapper .main .dynamic .dynamicBox .news_listbox ul li:hover .news_contbox .title {
    transform: translateY(-25px);
}

.wapper .main .dynamic .dynamicBox .news_listbox ul li:hover .news_contbox .desc {
    transform: translateY(-25px);
}

.wapper .main .dynamic .dynamicBox .news_listbox ul li:hover .line {
    width: 100%;
    margin: 0px auto 0;
}

.wapper .main .dynamic .dynamicBox .news_btnbox {
    width: auto;
    height: auto;
    float: right;
    padding-right: 70px;
    margin-top: -29px;
    position: relative;
    z-index: 121;
}

.wapper .main .dynamic .dynamicBox .news_btnbox ul li {
    width: auto;
    height: auto;
    float: left;
}

.wapper .main .dynamic .dynamicBox .news_btnbox .news_btnl {
    width: 50px;
    height: 50px;
    float: left;
    text-align: center;
    cursor: pointer;
}

.wapper .main .dynamic .dynamicBox .news_btnbox .news_btnl .l_sp {
    width: 100%;
    height: 100%;
    float: right;
    background: url(../images/prev.png) no-repeat center rgba(135, 97, 56, 0.68);
    transition: all 0.3s;
}

.wapper .main .dynamic .dynamicBox .news_btnbox .news_btnl .l_sp:hover {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../images/prev.png) no-repeat center rgba(135, 97, 56, 1);
}

.wapper .main .dynamic .dynamicBox .news_btnbox .news_btnr {
    width: 50px;
    height: 50px;
    float: left;
    text-align: center;
    cursor: pointer;
}

.wapper .main .dynamic .dynamicBox .news_btnbox .news_btnr .r_sp {
    width: 100%;
    height: 100%;
    float: left;
    background: url(../images/next.png) no-repeat center rgba(135, 97, 56, 0.78);
    transition: all 0.3s;
}

.wapper .main .dynamic .dynamicBox .news_btnbox .news_btnr .r_sp:hover {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../images/next.png) no-repeat center rgba(135, 97, 56, 1);
}

.wapper .main .connoisseurs {
    width: 100%;
    height: auto;
    background: #fff;
    position: relative;

}

.wapper .main .connoisseurs .grid-wrap div {
    width: 1px;
    height: 1000vh;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
    z-index: 99;
}

.wapper .main .connoisseurs .grid-wrap div:first-child {
    left: 10%;
}

.wapper .main .connoisseurs .grid-wrap div:nth-child(2) {
    left: 30%;
    display: none;
}

.wapper .main .connoisseurs .grid-wrap div:nth-child(3) {
    left: 50%;
    display: none;
}

.wapper .main .connoisseurs .grid-wrap div:nth-child(4) {
    left: 70%;
    display: none;
}

.wapper .main .connoisseurs .grid-wrap div:nth-child(5) {
    left: 90%;
}

.wapper .main .connoisseurs .connoisBox {
    width: 100%;
    height: auto;
    padding: 6% 10%;
    box-sizing: border-box;
    overflow: hidden;
}

.wapper .main .connoisseurs .connoisBox .title {
    width: 50%;
    height: auto;
    float: left;
    font-size: 28px;
    color: #202132;
    line-height: 42px;
    font-weight: bold;
}

.wapper .main .connoisseurs .connoisBox .title span {
    color: #cacdd1;
    font-weight: normal;
    padding-left: 10px;
    display: none;
}

.wapper .main .connoisseurs .connoisBox .form {
    width: 50%;
    height: auto;
    float: right;
    justify-content: flex-end;
    display: flex;
}

.wapper .main .connoisseurs .connoisBox .form li {
    width: auto;
    height: auto;
    float: left;
    margin-left: 30px;
    font-size: 18px;
    color: #202132;
    line-height: 26px;
}

.wapper .main .connoisseurs .connoisBox .form li {
    display: block;
    font-size: 18px;
    color: #202132;
    line-height: 26px;
    transition: all 0.5s;
    cursor: pointer;
}

.wapper .main .connoisseurs .connoisBox .form li.now {
    color: #d8b07f;
}

.wapper .main .connoisseurs .connoisBox .form li:hover {
    color: #d8b07f;
}

.wapper .main .connoisseurs .connoisBox .atlas {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 4%;
    display: none;
}

.wapper .main .connoisseurs .connoisBox .atlas.now {
    display: block;
}

.wapper .main .connoisseurs .connoisBox .atlas .pic {
    width: 100%;
    height: auto;
}

.wapper .main .connoisseurs .connoisBox .atlas .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.swiper-button-next.tals {
    width: 47px;
    height: 47px;
    background: url(../images/next.png) no-repeat center center rgba(216, 176, 127, 0.68);
    right: 0px !important;
    transition: all 0.5s;
    margin-top: -25px !important;
}

.swiper-button-prev.tals {
    width: 47px;
    height: 47px;
    background: url(../images/prev.png) no-repeat center center rgba(216, 176, 127, 0.68);
    left: 0px !important;
    transition: all 0.5s;
    margin-top: -25px !important;
}

.swiper-button-next.tals:hover {
    background: url(../images/next.png) no-repeat center center rgba(216, 176, 127, 1);
}

.swiper-button-prev.tals:hover {
    background: url(../images/prev.png) no-repeat center center rgba(216, 176, 127, 1);
}

.wapper .main .connoisseurs .connoisBox .plate {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 4%;
}

.wapper .main .connoisseurs .connoisBox .plate .plateCont {
    width: 100%;
    height: auto;
    display: none;
    overflow: hidden;
}

.wapper .main .connoisseurs .connoisBox .plate .plateCont.now {
    display: block;
}

.wapper .main .connoisseurs .connoisBox .plate .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    cursor: pointer;
}

.wapper .main .connoisseurs .connoisBox .plate .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    transition: all 0.5s;
}

.wapper .main .connoisseurs .connoisBox .plate .pic:hover img {
    transform: scale(1.1);
}

.wapper .main .connoisseurs .connoisBox .plate .videobtn {
    width: 60px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.wapper .main .connoisseurs .connoisBox .plate .videobtn img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}











.wapper .banner .picSlideWr {
    position: relative;
    height: 520px;
    overflow: hidden;
}

.wapper .banner .picSlideWr .bd {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .banner .picSlideWr .bd li {
    float: left;
    ;
    margin-right: 9px;
    height: 520px;
    width: 57.6%;
    display: inline;
}

.wapper .banner .picSlideWr .bd li img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wapper .banner .picSlideWr .pon_box {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    height: 100%;
    width: 41.95%;
    /*background:url("../images/opacity_bg.png");*/
    background: rgba(216, 176, 127, 0.4);
}

.wapper .banner .picSlideWr .pon_box .next {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -34px 0 0 -34px;
    width: 68px;
    height: 68px;
    background: url("../images/next.png") no-repeat center #d8b07f;
}


















.wapper .main .corollary {
    width: 100%;
    height: auto;
    background: #fff;
    position: relative;
    z-index: 999;
}

.wapper .main .corollary .grid-wrap div {
    width: 1px;
    height: 100%;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
    z-index: 99;
}

.wapper .main .corollary .grid-wrap div:first-child {
    left: 10%;
}

.wapper .main .corollary .grid-wrap div:nth-child(2) {
    left: 30%;
    display: none;
}

.wapper .main .corollary .grid-wrap div:nth-child(3) {
    left: 50%;
    display: none;
}

.wapper .main .corollary .grid-wrap div:nth-child(4) {
    left: 70%;
    display: none;
}

.wapper .main .corollary .grid-wrap div:nth-child(5) {
    left: 90%;
}

.wapper .main .corollary .corollaryBox {
    width: 100%;
    height: auto;
    padding: 0 10% 6% 10%;
    box-sizing: border-box;
}

.wapper .main .corollary .corollaryBox .title {
    width: 100%;
    height: auto;
    font-size: 28px;
    color: #202132;
    line-height: 42px;
    font-weight: bold;
}

.wapper .main .corollary .corollaryBox .title span {
    color: #cacdd1;
    font-weight: normal;
    margin-left: 10px;
    display: none;
}

.wapper .main .corollary .corollaryBox .corolList {
    width: 100%;
    height: auto;
    min-height: 280px;
    margin-top: 4%;
}

.wapper .main .corollary .corollaryBox .corolList li {
    width: 25%;
    height: auto;
    float: left;
    padding: 2% 3%;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
}

.wapper .main .corollary .corollaryBox .corolList li:nth-of-type(1) .coroCont {
    background: #57b6b6;
}

.wapper .main .corollary .corollaryBox .corolList li:nth-of-type(2) .coroCont {
    background: #b0ce89;
}

.wapper .main .corollary .corollaryBox .corolList li:nth-of-type(3) .coroCont {
    background: #94d6c2;
}

.wapper .main .corollary .corollaryBox .corolList li:nth-of-type(4) .coroCont {
    background: #f3c996;
}

.wapper .main .corollary .corollaryBox .corolList li .coroCont {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    background: #000;
    z-index: 9999;
    padding: 8%;
    box-sizing: border-box;
}

.wapper .main .corollary .corollaryBox .corolList li .titlbox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .corollary .corollaryBox .corolList li .titlbox .title {
    width: 70%;
    height: auto;
    float: left;
}

.wapper .main .corollary .corollaryBox .corolList li .titlbox .title .cntit {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    font-weight: bold;
}

.wapper .main .corollary .corollaryBox .corolList li .titlbox .title .entit {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.3);
    line-height: 24px;
    display: none;
}

.wapper .main .corollary .corollaryBox .corolList li .titlbox .icon {
    width: 25%;
    height: auto;
    float: right;
    justify-content: flex-end;
    display: flex;
    padding-left: 10%;
    box-sizing: border-box;
}

.wapper .main .corollary .corollaryBox .corolList li .titlbox .icon img {
    width: auto;
    height: auto;
    min-height: 39px;
    max-width: 100%;
    vertical-align: bottom;
}

.wapper .main .corollary .corollaryBox .corolList li .titlbox .line1 {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    margin-top: 10%;
    float: left;
}

.wapper .main .corollary .corollaryBox .corolList li .titlbox .line1 .line2 {
    width: 10%;
    height: 2px;
    background: rgba(255, 255, 255, 1);
}

.wapper .main .corollary .corollaryBox .corolList li .desc {
    width: 100%;
    height: auto;
    min-height: 99px;
    font-size: 14px;
    color: #ffffff;
    line-height: 33px;
    margin-top: 6%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 0.5s;
}

.wapper .main .corollary .corollaryBox .corolList li .allDsc {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #57b6b6;
    font-size: 14px;
    color: #ffffff;
    line-height: 33px;
    opacity: 0;
    padding: 3% 5%;
    box-sizing: border-box;
    transition: all 0.5s;
}

.wapper .main .corollary .corollaryBox .corolList li:nth-of-type(1) .allDsc {
    background: #57b6b6;
}

.wapper .main .corollary .corollaryBox .corolList li:nth-of-type(2) .allDsc {
    background: #b0ce89;
}

.wapper .main .corollary .corollaryBox .corolList li:nth-of-type(3) .allDsc {
    background: #94d6c2;
}

.wapper .main .corollary .corollaryBox .corolList li:nth-of-type(4) .allDsc {
    background: #f3c996;
}

.wapper .main .corollary .corollaryBox .corolList li:hover .allDsc {
    opacity: 1;
}

.wapper .main .corollary .corollaryBox .corolList li:hover {
    position: relative;
}

.wapper .main .corollary .corollaryBox .corolList li:hover .desc {
    display: block;
}






.wapper .main .proDetails {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #fff;
    z-index: 111;
}

.wapper .main .proDetails .grid-wrap div {
    width: 1px;
    height: 1000vh;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
    z-index: 99;
}

.wapper .main .proDetails .grid-wrap div:first-child {
    left: 10%;
}

.wapper .main .proDetails .grid-wrap div:nth-child(2) {
    left: 30%;
    display: none;
}

.wapper .main .proDetails .grid-wrap div:nth-child(3) {
    left: 50%;
    display: none;
}

.wapper .main .proDetails .grid-wrap div:nth-child(4) {
    left: 70%;
    display: none;
}

.wapper .main .proDetails .grid-wrap div:nth-child(5) {
    left: 90%;
}

.wapper .main .proDetails .proDetailsBox {
    width: 100%;
    height: auto;
    padding: 0 10% 6% 10%;
    box-sizing: border-box;
}

.wapper .main .proDetails .proDetailsBox .title {
    width: 100%;
    height: auto;
    font-size: 28px;
    color: #202132;
    line-height: 42px;
    font-weight: bold;
}

.wapper .main .proDetails .proDetailsBox .title span {
    font-weight: normal;
    color: #cacdd1;
    margin-left: 10px;
    display: none;
}

.wapper .main .proDetails .proDetailsBox .inforList {
    width: 100%;
    height: auto;
    margin-top: 2%;
}

.wapper .main .proDetails .proDetailsBox .inforList li {
    width: 25%;
    height: auto;
    float: left;
    align-items: center;
    display: flex;

}

.wapper .main .proDetails .proDetailsBox .inforList li .tit {
    width: 76px;
    height: auto;
    float: left;
    font-size: 14px;
    color: #747d86;
    line-height: 54px;
}

.wapper .main .proDetails .proDetailsBox .inforList li .txt {
    width: 75%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #202132;
    line-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wapper .main .proDetails .proDetailsBox .mapBox {
    width: 100%;
    height: 522px;
    border: 1px solid #eeeeee;
    padding: 6px;
    box-sizing: border-box;
    margin-top: 3%;
    position: relative;
    z-index: 666;
}

.wapper .mbanner {
    width: 100%;
    height: auto;
    display: none;
}

.wapper .mbanner .mbpic {
    width: 100%;
    height: auto;
}

.wapper .mbanner .pic {
    width: 100%;
    height: auto;
}

.wapper .mbanner .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .mbanner .mbpic .itemsPoint {
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 7%;
    left: 0;
    justify-content: center;
    display: flex;
}

.wapper .mbanner .mbpic .itemsPoint .swiper-pagination-bullet {
    width: 27px;
    height: 3px;
    border-radius: 3px;
    background: rgba(105, 58, 0, 0.3) !important;
}

.wapper .mbanner .mbpic .itemsPoint .swiper-pagination-bullet-active {
    width: 27px !important;
    height: 3px !important;
    background: rgba(105, 58, 0, 1) !important;
}


.wapper .mbanner .logo {
    width: 100%;
    height: auto;
    background: #f8f8f8;
    padding: 4%;
    box-sizing: border-box;
    text-align: center;
    /* justify-content: center;
    display: flex;*/
}

.wapper .mbanner .logo img {
    width: 83px;

    height: auto;
    vertical-align: bottom;
    margin: auto;
}

.wapper .mbanner .xin {
    width: 100%;
    height: auto;
    padding: 6% 4%;
    box-sizing: border-box;
    background: #fff;
}

.wapper .mbanner .xin .name {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #202132;
    line-height: 32px;
    font-weight: bolder;
}

.wapper .mbanner .xin .adxi {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .mbanner .xin .adxi .tit {
    width: 80px;
    height: auto;
    float: left;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
}

.wapper .mbanner .xin .adxi .txt {
    width: 75%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #202132;
    line-height: 28px;
}

.wapper .mbanner .xin .adxi .txt.phone {
    color: #d8b07f;
    font-weight: bolder;
    font-size: 16px;
}

.wapper .mbanner .xin .adxi .txt span {
    color: #d8b07f;
    font-weight: bolder;
    font-size: 16px;
}

.wapper .main .dynamic .dynamicBox .mList {
    width: 100%;
    height: auto;
    display: none;
    margin-top: 4%;
}

.wapper .main .dynamic .dynamicBox .mList li {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 8px;
    margin-top: 8px;
    border-bottom: 1px solid #d8b07f;
}

.wapper .main .dynamic .dynamicBox .mList li:nth-of-type(6) {
    border-bottom: none;
}

.wapper .main .dynamic .dynamicBox .mList li:nth-of-type(n+7) {
    display: none;
}

.wapper .main .dynamic .dynamicBox .mList li .time {
    width: 75px;
    height: auto;
    float: left;
    font-size: 16px;
    color: rgba(105, 58, 0, 0.6);
    line-height: 20px;
}

.wapper .main .dynamic .dynamicBox .mList li .title {
    width: 77%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #693a00;
    line-height: 20px;
    /* overflow:hidden;
	text-overflow:ellipsis;
    white-space:nowrap;*/
    font-weight: normal;
}

.wapper .main .proDetails .proDetailsBox .inforList .jiazai {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #020213;
    line-height: 28px;
    text-align: center;
    display: none;
}

.wapper .main .proDetails .proDetailsBox .inforList .jiazai img {
    width: 14px;
    height: auto;
    margin-left: 2px;
    vertical-align: middle;
}

.wapper .footfix {
    width: 100%;
    height: auto;
    border-top: 1px solid #eeeeee;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
    display: none;
}

.wapper .footfix .phone {
    width: 60%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #929395;
    line-height: 60px;
    text-align: center;
}

.wapper .footfix .phone span {
    font-size: 18px;
    color: #d8b07f;
    font-weight: bolder;
}

.wapper .footfix .kefu {
    width: 20%;
    height: 62px;
    float: left;
    background: rgba(218, 158, 85, 0.8);
    padding-top: 11px;
    box-sizing: border-box;
}

.wapper .footfix .kefu .icon {
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
}

.wapper .footfix .kefu .icon img {
    width: auto;
    height: 18px;
    margin: auto;
}

.wapper .footfix .kefu .txt {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    text-align: center;
}

.wapper .footfix .weixin {
    width: 20%;
    height: 62px;
    float: left;
    background: rgba(218, 158, 85, 1);
    padding-top: 11px;
    box-sizing: border-box;
}

.wapper .footfix .weixin .icon {
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
}

.wapper .footfix .weixin .icon img {
    width: auto;
    height: 18px;
    margin: auto;
}

.wapper .footfix .weixin .txt {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    text-align: center;
}

@media screen and (max-width:1380px) {
    .wapper .main .caring .caringBox .cartext .proinfor {
        padding: 0 2%;
    }

    .wapper .main .caring .caringBox .cartext .proinfor .pattern .phonebox .shouji {
        font-size: 18px;
    }

    .wapper .main .caring .caringBox .cartext .proinfor .pattern .phonebox .wei {
        font-size: 18px;
    }
}

@media screen and (max-width:1350px) {
    .wapper .main .caring .caringBox .cartext .proinfor .name {
        font-size: 28px;
    }
}

@media screen and (max-width: 1290px) {
    .wapper .main .corollary .corollaryBox .corolList li .titlbox .title .entit {
        font-size: 15px;
    }
}

@media screen and (max-width:1200px) {
    .wapper .main .caring .caringBox.items .titleBox .logo {
        margin-left: 60%;
    }

    .wapper .main .caring .caringBox.items .titleBox {
        padding-top: 35px;
    }

    .wapper .main .dynamic .dynamicBox {
        padding-left: 5%;
    }

    .wapper .main .connoisseurs .connoisBox {
        padding: 6% 5%;
    }
}







@media screen and (max-width:1000px) {
    .wapper .head.nopos .itemName.hide {
        display: none;
    }

    .wapper .head.nopos .phone.hide {
        display: none;
    }

    .wapper .banner.hide {
        display: none;
    }

    .wapper .mbanner {
        display: block;
    }

    .wapper .main .caring .caringBox.items .titleBox {
        display: none;
    }

    .wapper .main .caring.ite {
        background: #f8f8f8;
    }

    .wapper .main .caring .caringBox .cartext .proinfor {
        display: none;
    }

    .wapper .main .caring .caringBox .cartext .project {
        width: 100%;
        padding-right: 0;
    }

    .wapper .main .caring .caringBox .cartext .project .print {
        font-size: 24px;
        line-height: 32px;
    }

    /* .wapper .main .caring .caringBox .cartext .project .prtext a{
        position: relative;
        left: 70%;
        top:-20px;
    } */
    .wapper .main .dynamic .dynamicBox {
        padding: 6% 4%;
    }

    .wapper .main .dynamic .dynamicBox .news_listbox {
        display: none;
    }

    .wapper .main .dynamic .dynamicBox .news_btnbox {
        display: none;
    }

    .wapper .main .dynamic .dynamicBox .title {
        font-size: 24px;
        line-height: 32px;
    }

    .wapper .main .dynamic .dynamicBox .mList {
        display: block
    }

    .wapper .main .connoisseurs .grid-wrap div {
        display: none;
    }

    .wapper .main .connoisseurs .connoisBox {
        padding: 6% 4% 10%;
    }

    .wapper .main .connoisseurs .connoisBox .title {
        font-size: 24px;
        line-height: 32px;
        width: 30%;
    }

    .wapper .main .connoisseurs .connoisBox .title span {
        display: none;
    }

    .wapper .main .connoisseurs .connoisBox .form {
        width: 100%;
        margin-top: 3px;
        justify-content: flex-start;
    }

    .wapper .main .connoisseurs .connoisBox .form li {
        float: left;
        margin-left: 0px;
        font-size: 14px;
        margin-right: 8px;
    }

    .wapper .main .connoisseurs .connoisBox .form li a {
        font-size: 14px;
    }

    .wapper .main .corollary .grid-wrap div {
        display: none;
    }

    .wapper .main .corollary .corollaryBox {
        padding: 0 4% 6%;
    }

    .wapper .main .corollary .corollaryBox .title {
        font-size: 24px;
        line-height: 32px;
    }

    .wapper .main .corollary .corollaryBox .corolList {
        margin-top: 6%;
        margin-bottom: 4%;
    }

    .wapper .main .corollary .corollaryBox .corolList li {
        width: 100%;
        margin-bottom: 5%;
        padding: 0;
        position: static;
    }

    .wapper .main .corollary .corollaryBox .corolList li .coroCont {
        position: static;
    }

    .wapper .main .corollary .corollaryBox .corolList li .titlbox .title .entit {
        display: none;
    }

    .wapper .main .corollary .corollaryBox .corolList li .titlbox .title .cntit {
        font-size: 18px;
        line-height: 26px;
        margin-top: 2%;
    }

    .wapper .main .corollary .corollaryBox .corolList li .titlbox .icon img {
        max-width: 50%;
    }

    .wapper .main .corollary .corollaryBox .corolList li .titlbox .line1 {
        margin-top: 4%;
    }

    .wapper .main .corollary .corollaryBox .corolList li .desc {
        font-size: 14px;
        line-height: 28px;
        margin-top: 4%;
        display: block;
    }

    .wapper .main .proDetails {
        background: #f8f8f8;
    }

    .wapper .main .proDetails .grid-wrap div {
        display: none;
    }

    .wapper .main .proDetails .proDetailsBox {
        padding: 6% 4% 30%;
    }

    .wapper .main .proDetails .proDetailsBox .title {
        font-size: 24px;
        line-height: 32px;
    }

    .wapper .main .proDetails .proDetailsBox .inforList li {
        width: 100%;
        display: block;
        margin-bottom: 2%;
    }

    .wapper .main .proDetails .proDetailsBox .inforList li .tit {
        line-height: 22px;
    }

    .wapper .main .proDetails .proDetailsBox .inforList li .txt {
        line-height: 22px;
        white-space: normal;
    }

    .wapper .main .proDetails .proDetailsBox .inforList .jiazai {
        display: block;
    }

    .wapper .main .proDetails .proDetailsBox .mapBox {
        height: 260px;
    }

    .wapper .footer.hide {
        display: none;
    }

    .wapper .footfix {
        display: block;
    }
}




















/* 品牌-天宁家书 */
.wapper .banner .bannerCont .fpic.tn .well {
    width: 211px;
}

.wapper .banner .bannerCont .fpic.tn .icon {
    top: 156px;
    right: 73%;
}

.wapper .banner .bannerCont .text.tn {
    writing-mode: vertical-rl;
    /*从左向右 从右向左是 writing-mode: vertical-rl;*/
    writing-mode: tb-rl;
    padding-right: 29%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .founder {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #747d86;
    line-height: 48px;
    padding-bottom: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .founder span {
    font-size: 22px;
    color: #dab689;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .founder .picBox {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 12%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .founder .pic {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .founder .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .founder .ftext {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 16%;
    transform: translateY(-50%);
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .founder .ftext .entxt {
    width: 100%;
    height: auto;
    font-size: 38px;
    color: #d8b07f;
    line-height: 56px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .founder .ftext .cntxt {
    width: 100%;
    height: auto;
    font-size: 34px;
    color: #fff;
    line-height: 48px;
    font-weight: bolder;
    letter-spacing: 15px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .founder .quote {
    width: auto;
    height: auto;
    position: absolute;
    bottom: -8%;
    left: 2%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .founder .quote img {
    width: auto;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .founder .name {
    width: auto;
    height: auto;
    position: absolute;
    bottom: -18%;
    right: 2%;
    display: none;
}

@media screen and (max-width:1000px) {
    .wapper .banner .bannerCont .fpic.tn .well {
        width: 122px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .founder .ftext {
        left: 10%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .founder .ftext .entxt {
        font-size: 18px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .founder .ftext .cntxt {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 5px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .founder {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .founder span {
        font-size: 17px;
        line-height: 30px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .founder .name {
        width: 35%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .founder .name img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .founder .quote {
        width: 10%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .founder .quote img {
        width: 100%;
    }
}




















/* 品牌-简介 */
.wapper .main .themeCont .themeContBox .righttheme .neirong .cntit {
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #693a00;
    line-height: 32px;
    font-weight: bolder;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .entit {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(184, 147, 101, 0.5);
    line-height: 28px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .intext {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #747d86;
    line-height: 34px;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .intext img {
    margin-left: 40px;
    margin-top: -75px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .intext span {
    font-size: 22px;
    color: #d8b07f;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .intext span.shang {
    vertical-align: top;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .intext span.shang img {
    margin-top: 0;
    margin-left: 0;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .intext span.xia {
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .intext span.xia img {
    margin-top: 0;
    margin-left: 0;
}

.wapper .main .lingyu {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .main .lingyu .bgPic {
    width: 100%;
    height: auto;
    display: none;
}

.wapper .main .lingyu .bgPic.now {
    display: block;
}

.wapper .main .lingyu .bgPic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .lingyu .opBg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

.wapper .main .lingyu .opBg .centerCont {
    width: auto;
    height: auto;
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 22;
}

.wapper .main .lingyu .opBg .centerCont .fpic {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .main .lingyu .opBg .centerCont .fpic .well {
    width: 223px;
    height: auto;
    margin: auto;
}

.wapper .main .lingyu .opBg .centerCont .fpic .well img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    filter: brightness(1000);
}

.wapper .main .lingyu .opBg .centerCont .fpic .icon {
    width: 23px;
    height: auto;
    position: absolute;
    top: 12px;
    right: 27%;
}

.wapper .main .lingyu .opBg .centerCont .text {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #cad3db;
    line-height: 32px;
    text-align: center;
}

.wapper .main .lingyu .opBg .domain {
    width: 100%;
    height: 100%;
    padding: 0 10%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 33;
}

.wapper .main .lingyu .opBg .domain ul {
    height: 100%;
    align-items: flex-end;
    display: flex;
}

.wapper .main .lingyu .opBg .domain li {
    width: 16.66%;
    height: 126px;
    float: left;
    padding: 2% 1.5% 0%;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.8s;
}

.wapper .main .lingyu .opBg .domain li .cnName {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #ffffff;
    line-height: 26px;
    font-weight: bolder;
    text-align: center;
    transition: all 0.8s;
}

.wapper .main .lingyu .opBg .domain li .enName {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #ffffff;
    line-height: 26px;
    text-align: center;
    padding-bottom: 6%;
    background: url(../images/line6.gif) no-repeat bottom center;
    box-sizing: border-box;
}

.wapper .main .lingyu .opBg .domain li .desc {
    width: 100%;
    height: auto;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 26px;
    margin-top: 12%;
    opacity: 0;
    transition: all 0.8s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.wapper .main .lingyu .opBg .domain li .go {
    width: 37px;
    height: auto;
    margin: auto;
    margin-top: 30%;
    opacity: 0;
    transition: all 0.8s;
}

.wapper .main .lingyu .opBg .domain li .go img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .lingyu .opBg .domain li:hover {
    padding-top: 6%;
    height: 100%;
    background: rgba(53, 185, 187, 0.8);
}

.wapper .main .lingyu .opBg .domain li:nth-of-type(2):hover {
    background: rgba(216, 176, 127, 0.8);
}

.wapper .main .lingyu .opBg .domain li:nth-of-type(3):hover {
    background: rgba(146, 208, 81, 0.8);
}

.wapper .main .lingyu .opBg .domain li:nth-of-type(4):hover {
    background: rgba(111, 141, 187, 0.8);
}

.wapper .main .lingyu .opBg .domain li:nth-of-type(5):hover {
    background: rgba(229, 186, 72, 0.8);
}

.wapper .main .lingyu .opBg .domain li:nth-of-type(6):hover {
    background: rgba(116, 125, 134, 0.8);
}

.wapper .main .lingyu .opBg .domain li:hover .desc {
    opacity: 1;
}

.wapper .main .lingyu .opBg .domain li:hover .go {
    opacity: 1;
}

.wapper .main .lingyu .opBg .domain li.now {
    padding-top: 10%;
    height: 100%;
    background: rgba(53, 185, 187, 0.8);
}

.wapper .main .lingyu .opBg .domain li:nth-of-type(2).now {
    background: rgba(216, 176, 127, 0.8);
}

.wapper .main .lingyu .opBg .domain li:nth-of-type(3).now {
    background: rgba(146, 208, 81, 0.8);
}

.wapper .main .lingyu .opBg .domain li:nth-of-type(4).now {
    background: rgba(111, 141, 187, 0.8);
}

.wapper .main .lingyu .opBg .domain li:nth-of-type(5).now {
    background: rgba(229, 186, 72, 0.8);
}

.wapper .main .lingyu .opBg .domain li:nth-of-type(6).now {
    background: rgba(116, 125, 134, 0.8);
}

.wapper .main .lingyu .opBg .domain li.now .desc {
    opacity: 1;
}

.wapper .main .lingyu .opBg .domain li.now .go {
    opacity: 1;
}

.wapper .main .mlingyu {
    width: 100%;
    height: auto;
    background-image: linear-gradient(#f5dfc0, #bbe1ea);
    padding: 12% 4% 6%;
    box-sizing: border-box;
    display: none;
}

.wapper .main .mlingyu .signBox {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .main .mlingyu .signBox .pic {
    width: 25%;
    height: auto;
    margin: auto;
}

.wapper .main .mlingyu .signBox .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .mlingyu .signBox .icon {
    width: 15px;
    height: auto;
    position: absolute;
    top: -3px;
    left: 61%;
}

.wapper .main .mlingyu .signBox .icon img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .mlingyu .list {
    width: 100%;
    height: auto;
    margin-top: 5%;
}

.wapper .main .mlingyu .list li {
    width: 32.33%;
    height: auto;
    vertical-align: top;
    display: inline-block;
    padding: 0 3%;
    box-sizing: border-box;
    background: url(../images/line12.gif) no-repeat right center;
    margin-bottom: 6%;
}

.wapper .main .mlingyu .list li:nth-of-type(3n) {
    background: none;
}

.wapper .main .mlingyu .list li .pic {
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
    margin-bottom: 6px;
}

.wapper .main .mlingyu .list li .pic img {
    width: 38px;
    height: 35px;
    vertical-align: bottom;
}

.wapper .main .mlingyu .list li .cntxt {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #202132;
    line-height: 18px;
    font-weight: bolder;
    text-align: center;
}

.wapper .main .mlingyu .list li .entxt {
    width: 100%;
    height: auto;
    font-size: 10px;
    color: #666778;
    line-height: 14px;
    text-align: center;
}

.wapper .main .intro {
    width: 100%;
    height: auto;
    background: url(../images/introBg.jpg) no-repeat 85% bottom;
    padding: 6% 0 6%;
    position: relative;
    overflow: hidden;
}

.wapper .main .intro .grid-wrap div {
    width: 1px;
    height: 100vh;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
    z-index: 99;
}

.wapper .main .intro .grid-wrap div:first-child {
    left: 10%;
}

.wapper .main .intro .grid-wrap div:nth-child(2) {
    right: 10%;
}

.wapper .main .intro .introBox {
    width: 100%;
    height: auto;
    padding: 0 10%;
    box-sizing: border-box;
}

.wapper .main .intro .introBox .text {
    width: 100%;
    height: auto;
    padding: 0 4%;
    box-sizing: border-box;
    font-size: 16px;
    color: #747d86;
    line-height: 34px;
}

.wapper .main .intro .introBox .text span {
    color: #d8b07f;
    font-size: 22px;
}

.wapper .main .intro .introBox .text span.shang {
    vertical-align: top;
}

.wapper .main .intro .introBox .text span.shang img {
    margin-top: 0;
    margin-left: 0;
}

.wapper .main .intro .introBox .text span.xia {
    vertical-align: bottom;
}

.wapper .main .intro .introBox .text span.xia img {
    margin-top: 0;
    margin-left: 0;
}

@media screen and (max-width:1380px) {
    .wapper .main .lingyu .opBg .domain li:hover {
        padding-top: 7%;
    }

    .wapper .main .lingyu .opBg .domain li .enName {
        line-height: 20px;
    }
}

@media screen and (max-width:1200px) {
    .wapper .main .lingyu .opBg .domain {
        padding: 0 5%;
    }

    .wapper .main .lingyu .opBg .domain li:hover {
        padding-top: 5%;
    }

    .wapper .main .intro .introBox {
        padding: 0 5%;
    }

    .wapper .main .intro .grid-wrap div:first-child {
        left: 5%;
    }

    .wapper .main .intro .grid-wrap div:nth-child(2) {
        right: 5%;
    }

    .wapper .footer {
        padding: 0 5%;
    }

    .wapper .footer .grid-wrap div:first-child {
        left: 5%;
    }

    .wapper .footer .grid-wrap div:nth-child(2) {
        left: 27.5%;
    }

    .wapper .footer .grid-wrap div:nth-child(4) {
        left: 72.5%;
    }

    .wapper .footer .grid-wrap div:nth-child(5) {
        right: 5%;
    }

    .wapper .main .lingyu .opBg .centerCont .text {
        font-size: 12px;
        line-height: 28px;
    }

    .wapper .main .lingyu .opBg .domain li .enName {
        font-size: 16px;
        line-height: 16px;
    }
}

@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .righttheme .neirong .cntit {
        font-size: 22px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .entit {
        font-size: 18px;
        line-height: 24px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .intext {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .intext img {
        width: 100px;
        margin-top: -30px;
        margin-left: 10px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .intext span {
        font-size: 18px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .intext span.shang img {
        width: 18px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .intext span.xia img {
        width: 18px;
    }

    .wapper .main .lingyu {
        display: none;
    }

    .wapper .main .mlingyu {
        display: block;
    }

    .wapper .main .intro {
        background: none;
    }

    .wapper .main .intro .grid-wrap div {
        display: none;
    }

    .wapper .main .intro .introBox {
        padding: 0 4%;
    }

    .wapper .main .intro .introBox .text {
        padding: 0;
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .intro .introBox .text span {
        font-size: 18px;
    }

    .wapper .main .intro .introBox .text span.shang {
        width: 16px;
    }

    .wapper .main .intro .introBox .text span.xia {
        width: 16px;
    }
}

















/* 品牌-业主 */
.wapper .main .themeCont .themeContBox .owners {
    width: 100%;
    height: auto;
    padding: 4% 0;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owntext {
    width: 50%;
    height: auto;
    float: left;
    padding: 0 4%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .titleBox {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .titleBox .entitl {
    width: 100%;
    height: auto;
    font-size: 38px;
    color: #d8b07f;
    line-height: 42px;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .titleBox .cntitl {
    width: 100%;
    height: auto;
    font-size: 38px;
    color: #202132;
    line-height: 46px;
    letter-spacing: 5px;
    padding-left: 22px;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .titleBox .shang {
    width: 23px;
    height: auto;
    /*  position: absolute;
    top: 10px;
    left: -25px;*/
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .titleBox .shang img {
    width: 23px;
    height: auto;
    vertical-align: top;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .titleBox .xia {
    width: 23px;
    height: auto;
    /*position: absolute;
    bottom: 10px;
    left: 348px;*/
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .titleBox .xia img {
    width: 23px;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .text {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #747d86;
    line-height: 34px;
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode {
    width: 50%;
    height: auto;
    float: left;
    padding: 4% 4%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .titleBox {
    width: 100%;
    height: auto;
    position: relative;
    display: none;
    text-align: center;
    margin-bottom: 4%;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .titleBox .entitl {
    width: 100%;
    height: auto;
    color: #d8b07f;
    font-size: 26px;
    line-height: 30px;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .titleBox .cntitl {
    width: 100%;
    height: auto;
    font-size: 26px;
    line-height: 30px;
    color: #202132;
    letter-spacing: 5px;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .titleBox .shang {
    width: 23px;
    height: auto;
    margin-left: -58px;
    margin-right: 4px;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .titleBox .shang img {
    width: 23px;
    height: auto;
    vertical-align: top;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .titleBox .xia {
    width: 23px;
    height: auto;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .titleBox .xia img {
    width: 23px;
    height: auto;
    vertical-align: bottom;
}














.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .rolling {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .rolling .rolllist {
    width: 100%;
    height: 220px;
    overflow: hidden;
    padding: 10px 0;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .rolling .rolllist li {
    width: 100%;
    height: auto;
    margin-bottom: 6px;
    overflow: hidden;
    font-size: 16px;
    line-height: 34px;
    display: inline-block;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .rolling .rolllist li .name {
    width: auto;
    height: auto;
    font-size: 16px;
    color: #202132;
    line-height: 34px;
    font-weight: bolder;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .rolling .rolllist li .desc {
    width: auto;
    height: auto;
    font-size: 16px;
    color: #747d86;
    line-height: 30px;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .rolling .rolllist li .time {
    width: auto;
    height: auto;
    font-size: 20px;
    color: #d8b07f;
    line-height: 34px;
    margin-top: 20px;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart {
    width: 100%;
    height: auto;
    margin-top: 8%;
    padding: 0;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li {
    width: 47.5%;
    height: auto;
    float: left;
    margin-right: 5%;
    font-size: 18px;
    color: #ffffff;
    line-height: 55px;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li:hover {
    filter: brightness(120%);
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li:nth-of-type(1) {
    background: rgba(105, 58, 0, 1);
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li:nth-of-type(2) {
    background: rgba(173, 113, 38, 0.9);
    margin-right: 0;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li:nth-of-type(3) {
    background: rgba(216, 176, 127, 1);
    margin-right: 0;
    display: none;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li .button {
    width: 100%;
    margin-left: 0;
    font-size: 15px;
    color: #ffffff;
    line-height: 55px;
    text-align: center;
    letter-spacing: 0;
    font-weight: normal;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li .button span {
    letter-spacing: 0;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li .maBox {
    width: 98%;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    top: -420%;
    left: 50%;
    transform: translateX(-50%);
    padding: 16px;
    opacity: 0;
    transition: opacity 0.5s;
    /* box-shadow: 0px 0px 3px 1px #eee; */
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li .maBox .code {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li .maBox .code img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li .maBox .txt {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #747d86;
    line-height: 26px;
    text-align: center;
}

.wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li:hover .maBox {
    opacity: 1;
    /* box-shadow: 0px 0px 3px 1px #000; */
}







.wapper .main .themeCont .themeContBox .owners .ownList {
    width: 100%;
    height: auto;
    margin-top: 4%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .owners .ownList li {
    width: 25%;
    height: auto;
    float: left;
}

/*.wapper .main .themeCont .themeContBox .owners .ownList li:nth-of-type(1){
    background: #8ad0d8;
}
.wapper .main .themeCont .themeContBox .owners .ownList li:nth-of-type(2){
    background: #d8b07f;
}
.wapper .main .themeCont .themeContBox .owners .ownList li:nth-of-type(3){
    background: #92d050;
}
.wapper .main .themeCont .themeContBox .owners .ownList li:nth-of-type(4){
    background: #747d86;
}*/
.wapper .main .themeCont .themeContBox .owners .ownList li .pic {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .owners .ownList li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .owners .ownList li .textBox {
    width: 100%;
    height: auto;
    padding: 6% 5% 8%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .owners .ownList li .textBox .title {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #ffffff;
    line-height: 32px;
    font-weight: bolder;
}

.wapper .main .themeCont .themeContBox .owners .ownList li .textBox .desc {
    width: 100%;
    height: auto;
    min-height: 56px;
    font-size: 14px;
    color: #ffffff;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}

.wapper .main .expand {
    width: 100%;
    height: auto;
    padding: 4% 0 6%;
    background-size: 100% !important;
    background-repeat: no-repeat;
}

.wapper .main .expand .expandBox {
    width: 100%;
    height: auto;
    padding: 0 10%;
    box-sizing: border-box;
}

.wapper .main .expand .expandBox .title {
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #693a00;
    line-height: 46px;
    padding-bottom: 1%;
    background: url(../images/line7.gif) no-repeat bottom center;
    text-align: center;
    font-weight: bold;
}

.wapper .main .expand .expandBox .text {
    width: 43%;
    height: auto;
    font-size: 24px;
    color: rgba(83, 70, 53, 0.7);
    line-height: 34px;
    text-align: center;
    margin: 2% auto 3% auto;
}

.wapper .main .expand .expandBox .expandList {
    width: 100%;
    height: auto;
}

.wapper .main .expand .expandBox .expandList li {
    width: 31%;
    height: auto;
    margin-right: 3%;
    margin-bottom: 3%;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
}

.wapper .main .expand .expandBox .expandList li:nth-of-type(3n) {
    margin-right: 0%;
}

.wapper .main .expand .expandBox .expandList li .picBox {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .main .expand .expandBox .expandList li .picBox .videoBtn {
    width: 80px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wapper .main .expand .expandBox .expandList li .picBox .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .expand .expandBox .expandList li .picBox .pic img {
    width: 100%;
    height: auto;
    vertical-align: top;
    transition: all 0.5s;
}

.wapper .main .expand .expandBox .expandList li .textBox {
    width: 100%;
    height: auto;
    padding: 3% 0;
}

.wapper .main .expand .expandBox .expandList li .textBox .title {
    width: 100%;
    height: auto;
    padding-right: 18%;
    box-sizing: border-box;
    background: url(../images/icon9.png) no-repeat 95% 10px;
    font-size: 18px;
    color: #202132;
    line-height: 28px;
    padding-bottom: 0;
    text-align: left;
    transition: all 0.5s;
}

.wapper .main .expand .expandBox .expandList li .textBox .time {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #ddbb92;
    line-height: 56px;
}

.wapper .main .expand .expandBox .expandList li:hover .picBox .pic img {
    transform: scale(1.1);
}

.wapper .main .expand .expandBox .expandList li:hover .textBox .title {
    color: #693a00;
    background: url(../images/icon9.png) no-repeat 100% 10px;
}

.layui-layer-page .layui-layer-content {
    position: static !important;
}

.layui-layer-imgprev {
    position: fixed !important;
    left: 1% !important;
}

.layui-layer-imgnext {
    position: fixed !important;
    right: 1% !important;
}

.layui-layer-imgbar,
.layui-layer-imguide {
    display: block !important;
}

.layui-layer-photos .layui-layer-phimg img {
    width: auto !important;
}

.layui-layer-phimg {
    margin: auto !important;
}





.wapper .main .expand .expandBox .more {
    width: 423px;
    height: auto;
    border: 2px solid #202132;
    box-sizing: border-box;
    font-size: 20px;
    color: #202132;
    line-height: 58px;
    text-align: center;
    margin: auto;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s;
}

.wapper .main .expand .expandBox .more .jia {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #202132;
    line-height: 58px;
    margin-left: 0px;
}

.wapper .main .expand .expandBox .more:hover {
    background: #202132;
}

.wapper .say {
    width: 100%;
    height: auto;
    padding: 3% 8%;
    box-sizing: border-box;
}

.wapper .say .sayTheme {
    width: 100%;
    height: auto;
    font-size: 28px;
    color: #202132;
    line-height: 42px;
    font-weight: bolder;
    margin-bottom: 6%;
}

.wapper .say .inputBox {
    width: 100%;
    height: auto;
    border: 1px solid #eeeeee;
    background: #f8f8f8;
    padding: 10px 2%;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 3%;
}

.wapper .say .inputBox:first-child {
    margin-top: 6%;
}

.wapper .say .inputBox .tit {
    width: auto;
    height: auto;
    float: left;
    font-size: 16px;
    color: #747d86;
    line-height: 40px;
}

.wapper .say .inputBox .inpt {
    width: 80%;
    height: auto;
    float: left;
    font-size: 16px;
    color: rgba(116, 125, 134, 0.6);
    line-height: 40px;
    margin-left: 5%;
}

.wapper .say .inputBox textarea {
    width: 100%;
    height: 160px;
    font-size: 16px;
    color: rgba(116, 125, 134, 0.6);
    line-height: 40px;
}

.wapper .say .tishi {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #693a00;
    line-height: 46px;
}

.wapper .say .tishi span {
    font-weight: bolder;
    color: #d56950;
}

.wapper .say .btnBox {
    width: 100%;
    height: auto;
}

.wapper .say .btnBox input {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 60px;
    text-align: center;
    background: #d8b07f;
    cursor: pointer;
}

.wapper .heart {
    width: 100%;
    height: auto;
    padding: 2% 5%;
    box-sizing: border-box;
}

.wapper .heart .heartTheme {
    width: 100%;
    height: auto;
    font-size: 28px;
    color: #202132;
    line-height: 68px;
    font-weight: bold;
    border-bottom: 1px solid #eeeeee;
}

.wapper .heart .heartTheme span {
    color: #cacdd1;
    font-weight: normal;
}

.wapper .heart .heartPart {
    width: 100%;
    height: 460px;
    overflow: auto;
    margin-top: 36px;
}

.wapper .heart .heartPart::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.wapper .heart .heartPart::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #d8b07f;
}

.wapper .heart .heartPart::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #eeeeee;
}

.wapper .heart .heartPart .list {
    width: 100%;
    height: auto;
}

.wapper .heart .heartPart .list li {
    width: 100%;
    height: auto;
    margin-bottom: 36px;
}

.wapper .heart .heartPart .list li .name {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #202132;
    line-height: 28px;
    font-weight: bold;
}

.wapper .heart .heartPart .list li .desc {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
}

.wapper .heart .heartPart .list li .time {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #d8b07f;
    font-weight: bolder;
}

.wapper .tcCode {
    width: 100%;
    height: auto;
    padding: 40px 10% 30px 10%;
    box-sizing: border-box;
}

.wapper .tcCode .code {
    width: 100%;
    height: auto;
    margin: auto;
}

.wapper .tcCode .code img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .tcCode .txt {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #747d86;
    line-height: 28px;
    text-align: center;
}









.wapper .footfix {
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.wapper .footfix .list {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .footfix .list li {
    width: 100%;
    height: auto;
    float: left;

    padding: 10px 0 6px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: flex;
}

.wapper .footfix .list li:nth-of-type(1) {
    background: rgba(218, 158, 85, 0.8);
    border-right: 1px solid #fff;
}

.wapper .footfix .list li:nth-of-type(2) {
    background: rgba(218, 158, 85, 1);
    border-right: 1px solid rgba(218, 158, 85, 1);
    box-sizing: border-box;
    display: none;
}

.wapper .footfix .list li .pic {
    width: 28px;
    height: auto;
    float: left;

}

.wapper .footfix .list li .pic img {
    width: auto;
    height: 20px;
    vertical-align: bottom;
}

.wapper .footfix .list li .txt {
    width: auto;
    height: auto;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    float: left;
    padding-left: 10px;
    box-sizing: border-box;
}






@media screen and (max-width:1680px) {
    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li .maBox {
        top: -385%;
    }
}

@media screen and (max-width:1600px) {
    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li {
        font-size: 16px;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li .maBox .txt {
        font-size: 10px;
    }
}

@media screen and (max-width:1580px) {
    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li .maBox {
        top: -355%;
        padding: 14px;
    }
}

@media screen and (max-width:1380px) {
    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li .maBox {
        top: -330%;
    }
}

@media screen and (max-width:1280px) {
    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li .maBox {
        top: -300%;
        padding: 6px;
    }
}

@media screen and (max-width:1060px) {
    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li .maBox {
        top: -280%;
        padding: 4px;
    }
}

@media screen and (max-width:1450px) {
    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li .button {
        font-size: 13px;
    }
}

@media screen and (max-width:1200px) {
    .wapper .main .expand .expandBox {
        padding: 0 5%;
    }
}

@media screen and (max-width:1100px) {
    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode {
        padding: 0 2%;
    }
}

@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox.own {
        padding: 0;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode {
        width: 100%;
        background: #f8f8f8;
        padding: 6% 4% 8% 4%
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .titleBox {
        display: block;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li:nth-of-type(1) {
        width: 100%;
        background: #d8b07f;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li:nth-of-type(2) {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .heart li:nth-of-type(3) {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .rolling .rolllist li {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .rolling .rolllist {
        height: 260px;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .rolling .rolllist li .name {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .rolling .rolllist li .desc {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owncode .rolling .rolllist li .time {
        font-size: 16px;
        line-height: 28px;
    }



    .wapper .main .themeCont .themeContBox .owners .ownIntro .owntext {
        width: 100%;
        padding: 0 4%;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .titleBox {
        text-align: center;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .titleBox .entitl {
        font-size: 26px;
        line-height: 30px;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .titleBox .cntitl {
        font-size: 26px;
        line-height: 30px;
        padding-left: 0;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .titleBox .shang {
        margin-left: -58px;
        margin-top: -20px;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .titleBox .xia {
        bottom: 0;
        left: 298px;
    }

    .wapper .main .themeCont .themeContBox .owners .ownIntro .owntext .text {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .owners .ownList {
        padding: 0 4%;
    }

    .wapper .main .themeCont .themeContBox .owners .ownList li {
        width: 100%;
        margin-bottom: 4%;
        overflow: hidden;
    }

    .wapper .main .themeCont .themeContBox .owners .ownList li .pic {
        width: 35%;
        float: left;
    }

    .wapper .main .themeCont .themeContBox .owners .ownList li .textBox {
        width: 65%;
        float: left;
        padding: 3% 4%;
    }

    .wapper .main .themeCont .themeContBox .owners .ownList li .textBox .title {
        font-size: 18px;
        line-height: 24px;
    }

    .wapper .main .themeCont .themeContBox .owners .ownList li .textBox .desc {
        min-height: 32px;
        font-size: 10px;
        line-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .wapper .main .expand .expandBox {
        padding: 0 4%;
    }

    .wapper .main .expand .expandBox .title {
        font-size: 24px;
        line-height: 40px;
    }

    .wapper .main .expand .expandBox .text {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
    }

    .wapper .main .expand {
        padding: 10% 4% 8%;
        background-size: 100% 50% !important;
        background-position: center top !important;
        box-sizing: border-box;
    }

    .wapper .main .expand .expandBox .expandList {
        margin-top: 9%;
    }

    .wapper .main .expand .expandBox .expandList li {
        width: 100%;
        margin-right: 0;
    }

    .wapper .main .expand .expandBox .expandList li .textBox .title {
        font-size: 16px;
        line-height: 24px;
    }

    .wapper .main .expand .expandBox .expandList li .textBox .time {
        font-size: 18px;
        line-height: 36px;
    }

    .wapper .main .expand .expandBox .more {
        width: 100%;
    }

    .wapper .main .expand .expandBox .more a {
        font-size: 18px;
        line-height: 42px;
    }

    .wapper .say .inputBox .tit {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .say .inputBox .inpt {
        width: 75%;
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .say .inputBox textarea {
        font-size: 14px;
        line-height: 28px;
        height: 80px;
    }

    .wapper .heart .heartTheme {
        font-size: 20px;
    }

    .wapper .heart .heartPart {
        height: 250px;
    }
}



























/* 品牌-天宁足迹 */
.wapper .main .themeCont .themeContBox .righttheme .neirong .footprints {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .footprints .year {
    width: 20%;
    height: auto;
    float: left;
    font-size: 46px;
    color: #d8b07f;
    line-height: 56px;
    font-weight: bolder;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .footprints .eventsBox {
    width: 80%;
    height: auto;
    float: left;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .footprints .eventsBox .events {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #737d86;
    line-height: 30px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .footprints .eventsBox .line1 {
    width: 100%;
    height: 1px;
    background: rgba(32, 33, 50, 0.08);
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .footprints .eventsBox .line1 .line2 {
    width: 10%;
    height: 1px;
    background: rgba(32, 33, 50, 1);
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .footprints:last-child .eventsBox .line1 {
    display: none;
}

@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .righttheme .neirong .footprints {
        margin-bottom: 6%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .footprints .year {
        width: 100%;
        font-size: 36px;
        line-height: 42px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .footprints .eventsBox {
        width: 100%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .footprints .eventsBox .events {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .footprints .eventsBox .line1 {
        margin-top: 6%;
    }
}






















/* 品牌-天宁造园记 */
.wapper .main .themeCont .themeContBox .gardening {
    width: 100%;
    height: auto;
    padding: 4% 4%;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .gardening .garden {
    width: 100%;
    height: auto;
    margin-bottom: 8%;
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .pic {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox {
    width: 100%;
    height: auto;
    padding: 1.3% 3%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .sign {
    width: 45%;
    height: auto;
    float: left;
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .sign .logo {
    width: auto;
    height: auto;
    float: left;
    margin-right: 5%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .sign .logo img {
    width: auto;
    height: 60px;
    filter: brightness(1000%);
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .sign .name {
    width: 60%;
    height: auto;
    float: left;
    padding-left: 5%;
    font-size: 26px;
    color: #ffffff;
    line-height: 56px;
    font-weight: bolder;
    background: url(../images/line8.gif) no-repeat left center;
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps {
    width: 55%;
    height: auto;
    float: right;
    margin-right: -24px;
    justify-content: flex-end;
    display: flex;
    margin-top: 8px;
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li {
    width: 85px;
    height: auto;
    float: left;
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li .icon_block {
    width: 100%;
    height: auto;
    position: relative;
    padding-left: 36px;
    box-sizing: border-box;
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li .icon_block .icon {
    width: 16px;
    height: 16px;
    background: url(../images/step.png) no-repeat center center;
    display: inline-block;
    border-radius: 50%;
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li .icon_block .line {
    width: 60px;
    height: 1px;
    background: url(../images/stepLine.png) repeat-x center;
    position: absolute;
    left: 57px;
    top: 8px;

}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li .text {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #ffffff;
    line-height: 32px;
    text-align: center;
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li.on .icon_block .icon {
    background: url(../images/stepsOn.png) no-repeat center center;
    background-size: 100%;
}

.wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li.on .text {
    color: #d8b07f;
}

.wapper .main .themeCont .themeContBox .gardening .garden .list {
    width: 100%;
    height: auto;
    margin-top: 3%;
    display: none;
}

.wapper .main .themeCont .themeContBox .gardening .garden .list li {
    width: 20.5%;
    height: auto;
    float: left;
    margin-right: 6%;
}

.wapper .main .themeCont .themeContBox .gardening .garden .list li:nth-of-type(4n) {
    margin-right: 0;
}

.wapper .main .themeCont .themeContBox .gardening .garden .list li .num {
    width: 100%;
    height: auto;
    font-size: 32px;
    color: #202132;
    line-height: 38px;
}

.wapper .main .themeCont .themeContBox .gardening .garden .list li .title {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 32px;
    font-weight: bolder;
    margin-top: 1%;
}

.wapper .main .themeCont .themeContBox .gardening .garden .list li .title span {
    margin-left: 8px;
}

.wapper .main .themeCont .themeContBox .gardening .garden .list li .desc {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #747d86;
    line-height: 24px;
    margin-top: 5%;
}

@media screen and (max-width:1000px) {
    .wapper .main .themeCont .themeContBox .gardening {
        padding: 6% 0;
        margin-bottom: 8%;
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox {
        position: static;
        padding: 4% 0;
        overflow: hidden;
        background: #f8f8f8;
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .sign {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .sign .name {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .sign .logo {
        margin-right: 0;
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .sign .logo img {
        filter: brightness(100%);
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps {
        width: 100%;
        margin-right: 0;
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps ul {
        width: 100%;
        justify-content: space-around;
        display: flex;
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li .text {
        color: #747d86;
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li {
        width: 20%;
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li .icon_block {
        padding-left: 45%;
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li .icon_block .icon {
        background: url(../images/step2.png) no-repeat center center;
        background-size: 6px;
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li .icon_block .line {
        width: 88%;
        background: url(../images/stepLine2.gif) repeat-x center;
        left: 56%;
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .list {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li .icon_block {
        padding-left: 40%;
    }

    .wapper .main .themeCont .themeContBox .gardening .garden .picbox .inforbox .steps li .icon_block .line {
        left: 68%;
        width: 70%;
    }
}
























/* 品牌-天宁造园记Details */
.cornerBtn {
    width: 68px;
    height: auto;
    position: fixed;
    left: 22px;
    bottom: 38px;
    z-index: 801;
}

.cornerBtn .btn {
    width: 68px;
    height: 68px;
    background: rgba(32, 33, 50, 0.6);
    position: relative;
    border-radius: 50%;
    margin-bottom: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: all 0.5s;
}

.cornerBtn .btn:hover {
    background: rgba(32, 33, 50, 0.4);
}

.cornerBtn .btn1 .pic {
    width: 22px;
    height: 22px;
    background: url(../images/music.gif)no-repeat center center;
    background-size: 100%;
}

.cornerBtn .btn1.on .pic {
    background: url(../images/cornerBtn_pic1.png)no-repeat center center;
    background-size: 100%;
}

.cornerBtn .btn2 .pic {
    width: 15px;
    height: 15px;
    background: url(../images/top.png)no-repeat center center;
    background-size: 100%;
}













.wapper .head.nopos {
    position: static;
    background: #fff;
    padding: 16px 3% 12px;
    overflow: hidden;
}

.wapper .head.nopos.over {
    position: fixed;
}

.wapper .head.nopos .itemName {
    width: auto;
    height: auto;
    float: left;
    font-size: 26px;
    color: #693a00;
    line-height: 44px;
    font-weight: bolder;
    margin-top: 0.2%;
    margin-left: 2%;
    padding-left: 2%;
    box-sizing: border-box;
    background: url(../images/line9.gif) no-repeat left center;
}

/*.wapper .head.nopos .itemName.hide{
    display: none;
}*/
.wapper .head.nopos .itemName span {
    margin-right: 10px;
}

.wapper .head.nopos .backHome {
    width: auto;
    height: auto;
    float: right;
    margin-right: 10px;
    align-items: center;
    display: flex;
    margin-top: 0.5%;
    transition: all 0.5s;
}

.wapper .head.nopos .backHome a {
    font-size: 20px;
    color: #202132;
    line-height: 38px;
}

.wapper .head.nopos .backHome img {
    width: 20px;
    height: auto;
    margin-right: 3px;
    transition: all 0.5s;
}

.wapper .head.nopos .backHome:hover a {
    color: #c4946e;
}

/* .wapper .head.nopos .backHome:hover img{
    filter: brightness(300%);
} */
.wapper .main .gardenDetails {
    width: 100%;
    height: auto;
    background: #bee5ec;
    position: relative;
    overflow: hidden;
    padding: 0 0 6% 0%;
}

.wapper .main .gardenDetails .themeName {
    width: 100%;
    height: auto;
    position: relative;
    /* padding: 6% 0 10%; */
    /* mask: -webkit-gradient(linear, left 90%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    -webkit-mask: -webkit-gradient(linear, left 90%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); */
}

.wapper .main .gardenDetails .grid-wrap div {
    width: 1px;
    height: 1000vh;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
    z-index: 99;
    display: none;
}

.wapper .main .gardenDetails .grid-wrap div:first-child {
    left: 10%;
}

.wapper .main .gardenDetails .grid-wrap div:nth-child(2) {
    left: 30%;
}

.wapper .main .gardenDetails .grid-wrap div:nth-child(3) {
    left: 50%;
}

.wapper .main .gardenDetails .grid-wrap div:nth-child(4) {
    left: 70%;
}

.wapper .main .gardenDetails .grid-wrap div:nth-child(5) {
    left: 90%;
}

.wapper .main .gardenDetails .themeName .pic {
    width: 100%;
    height: auto;
    position: relative;
}

.wapper .main .gardenDetails .themeName .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    /* mask: -webkit-gradient(linear, left 72%, left 100%, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))); */
    -webkit-mask: -webkit-gradient(linear, left 72%, left 100%, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
}

.wapper .main .gardenDetails .themeName .pic .pic1 {
    width: 8%;
    height: auto;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wapper .main .gardenDetails .themeName .pic .pic1 img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-mask: -webkit-gradient(linear, left 72%, left 100%, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 1)));
}

.wapper .main .gardenDetails .themeName .pic .pic2 {
    width: 12%;
    height: auto;
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wapper .main .gardenDetails .themeName .pic .pic2 img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-mask: -webkit-gradient(linear, left 72%, left 100%, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 1)));
}

.wapper .main .gardenDetails .themeName .logoCont {
    width: 100%;
    height: auto;
    position: absolute;
    top: 15%;
    left: 0;
}

.wapper .main .gardenDetails .themeName .garLogo {
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
}

.wapper .main .gardenDetails .themeName .garLogo img {
    width: 15%;
    height: auto;
    max-width: 154px;
    vertical-align: middle;
}

.wapper .main .gardenDetails .themeName .fpic {
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
    margin-top: 2%;

}

.wapper .main .gardenDetails .themeName .fpic .well {
    width: 15%;
    max-width: 226px;
    height: auto;
}

.wapper .main .gardenDetails .themeName .fpic .well img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .gardenDetails .themeName .fpic .icon {
    width: 23px;
    height: auto;
    position: absolute;
    top: 184px;
    left: 41px;
}

.wapper .main .gardenDetails .themeName .fpic .icon img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .gardenDetails .progress {
    width: 100%;
    height: auto;
    margin-top: -8%;
    position: relative;
    z-index: 2222;
}

.wapper .main .gardenDetails .progress .linkage {
    width: 110px;
    height: auto;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 38px;
    /* opacity: 0; */
    transition: all 0.5s;
}

.wapper .main .gardenDetails .progress .linkage li {
    width: 110px;
    height: auto;
    text-align: right;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 12px;
}

.wapper .main .gardenDetails .progress .linkage li .num {
    width: auto;
    height: auto;
    font-size: 20px;
    color: #202132;
    line-height: 44px;
    transition: all 0.5s;
}

.wapper .main .gardenDetails .progress .linkage li .kage {
    width: auto;
    height: auto;
    font-size: 20px;
    color: #202132;
    line-height: 44px;
    transition: all 0.5s;
}

.wapper .main .gardenDetails .progress .linkage li.noing .num {
    color: #818d90;
}

.wapper .main .gardenDetails .progress .linkage li.noing .kage {
    color: #818d90;
}

.wapper .main .gardenDetails .progress .linkage li.active .num {
    font-size: 28px;
    font-weight: bolder;
}

.wapper .main .gardenDetails .progress .linkage li.active .kage {
    font-size: 24px;
    font-weight: bolder;
}

/* .wapper .main .gardenDetails .progress .linkage li:hover .num{
    font-size: 28px;
    font-weight: bolder;
}
.wapper .main .gardenDetails .progress .linkage li:hover .kage{
    font-size: 24px;
    font-weight: bolder;
} */
.wapper .main .gardenDetails .progress .progressBox {
    width: 100%;
    height: auto;
    padding: 0 10% 0%;
    box-sizing: border-box;
}

.wapper .main .gardenDetails .progress .progressBox .stage {
    width: 100%;
    height: auto;
    padding: 0 5% 5%;
    box-sizing: border-box;
    background: #ffffff;

}

.wapper .main .gardenDetails .progress .progressBox .stage .period {
    width: 100%;
    height: auto;
    padding: 8% 0 8% 0;
    border-bottom: 1px solid #eeeeee;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period:last-child {
    border-bottom: none;
}

/* .wapper .main .gardenDetails .progress .progressBox .stage .period:first-child{
    padding-top: 0;
} */
.wapper .main .gardenDetails .progress .progressBox .stage .period .titleBox {
    width: 100%;
    height: auto;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .titleBox .icon {
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .titleBox .icon img {
    width: auto;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .titleBox .title {
    width: 100%;
    height: auto;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .titleBox .title .entitl {
    width: 100%;
    height: auto;
    font-size: 60px;
    color: rgba(22, 43, 64, 0.2);
    line-height: 82px;
    text-align: center;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .titleBox .title .cntitl {
    width: 100%;
    height: auto;
    font-size: 50px;
    color: #202132;
    line-height: 62px;
    text-align: center;
    margin-top: -40px;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .pertext {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #202132;
    line-height: 36px;
    margin-top: 4%;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .pertext img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .pertext .videoList {
    width: 100%;
    height: auto;
    margin-top: 3%;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .pertext .videoList li {
    width: 48.5%;
    height: auto;
    float: left;
    margin-right: 3%;
    position: relative;
    cursor: pointer;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .pertext .videoList li:nth-of-type(2n) {
    margin-right: 0;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .pertext .videoList li .pic {
    width: 100%;
    height: auto;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .pertext .videoList li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .pertext .videoList li .btn {
    width: 76px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .pertext .videoList li .btn img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .continued {
    width: 100%;
    height: auto;
    margin-top: 6%;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .continued .txt {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(32, 33, 50, 0.6);
    line-height: 28px;
    text-align: center;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .continued .icon {
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
}

.wapper .main .gardenDetails .progress .progressBox .stage .period .continued .icon img {
    width: auto;
    height: auto;
    max-width: 31px;
    vertical-align: bottom;
}

@media screen and (max-width:1200px) {
    .wapper .main .gardenDetails .progress .progressBox {
        padding: 0 5%;
    }
}

@media screen and (max-width:1000px) {
    .wapper .head.nopos.over {
        position: static;
    }

    .wapper .main .gardenDetails .grid-wrap div {
        display: none;
    }

    .wapper .main .gardenDetails .themeName .garLogo img {
        height: 46px;
    }

    .wapper .main .gardenDetails .themeName .fpic .well img {
        height: 59px;
    }

    .wapper .main .gardenDetails .progress .progressBox {
        padding: 0 4%;
    }

    .wapper .main .gardenDetails .progress .progressBox .stage .period .titleBox .title .entitl {
        font-size: 42px;
        line-height: 52px;
    }

    .wapper .main .gardenDetails .progress .progressBox .stage .period .titleBox .title .cntitl {
        font-size: 28px;
        line-height: 32px;
        margin-top: -20px;
    }

    .wapper .main .gardenDetails .progress .progressBox .stage .period .pertext {
        font-size: 14px;
        line-height: 28px;
    }

    .wapper .main .gardenDetails .progress .progressBox .stage .period {
        padding: 8% 0 10% 0;
    }

    .wapper .main .gardenDetails .progress .progressBox .stage .period .pertext .videoList li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 6%;
    }

    .wapper .main .gardenDetails .progress .linkage {
        right: 3px;
        z-index: 777;
        opacity: 1;
    }

    .wapper .main .gardenDetails .progress .linkage li .num {
        font-size: 16px;
        line-height: 32px;
    }

    .wapper .main .gardenDetails .progress .linkage li .kage {
        font-size: 16px;
        line-height: 32px;
    }

    .wapper .main .gardenDetails .progress .linkage li.active .num {
        font-size: 18px;
        line-height: 32px;
    }

    .wapper .main .gardenDetails .progress .linkage li.active .kage {
        font-size: 18px;
        line-height: 32px;
    }
}





























/* 品牌-人才理念 */
.wapper .head.nopos .zhaopin {
    width: auto;
    height: auto;
    /* min-width: 18%; */
    float: right;
    margin-top: 0.5%;
    text-align: right;
}

.wapper .head.nopos .zhaopin li {
    width: auto;
    height: auto;
    float: left;
    margin-left: 35px;
}

.wapper .head.nopos .zhaopin li a {
    display: block;
    font-size: 20px;
    color: #202132;
    line-height: 44px;
    transition: all 0.5s;
}

.wapper .head.nopos .zhaopin li.now a {
    color: #693a00;
}

.wapper .head.nopos .zhaopin li:hover a {
    color: #693a00;
}

.wapper .banner {
    width: 100%;
    height: auto;
    z-index: 111;
}

.wapper .banner .pic {
    width: 100%;
    height: auto;
}

.wapper .banner .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .banner .bantext {
    width: 50%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 18px;
    color: #ffffff;
    line-height: 24px;
    background: rgba(32, 33, 50, 0.7);
    padding: 30px 200px 30px 2%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wapper .banner .point {
    width: 166px;
    height: auto;
    position: absolute;
    right: 50%;
    bottom: 0%;
    z-index: 666;
}

.wapper .banner .point .swiper-button-next,
.wapper .banner .point .swiper-button-prev {
    width: 83px;
    height: 84px;
    position: static;
    margin-top: 0;
    float: left;
    transition: all 0.5s;
    cursor: pointer;
}

.wapper .banner .point .swiper-button-next {
    background: url(../images/next.png) no-repeat center center rgba(216, 176, 127, 0.78);
}

.wapper .banner .point .swiper-button-prev {
    background: url(../images/prev.png) no-repeat center center rgba(216, 176, 127, 0.68);
}

.wapper .banner .point .swiper-button-next:hover {
    background: url(../images/next.png) no-repeat center center rgba(216, 176, 127, 1);
}

.wapper .banner .point .swiper-button-prev:hover {
    background: url(../images/prev.png) no-repeat center center rgba(216, 176, 127, 1);
}

.wapper .banner .point .swiper-pagination {
    display: none;
}

.wapper .main .caring {
    width: 100%;
    height: auto;
    background: #fff;
    position: relative;
    z-index: 222;
}

.wapper .main .caring .grid-wrap div {
    width: 1px;
    height: 100vh;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: -84px;
    z-index: 999;
}

.wapper .main .caring .grid-wrap div:first-child {
    left: 10%;
}

.wapper .main .caring .grid-wrap div:nth-child(2) {
    left: 30%;
    display: none;
}

.wapper .main .caring .grid-wrap div:nth-child(3) {
    left: 50%;
    display: none;
}

.wapper .main .caring .grid-wrap div:nth-child(4) {
    left: 70%;
    display: none;
}

.wapper .main .caring .grid-wrap div:nth-child(5) {
    left: 90%;
}

.wapper .main .caring .caringBox {
    width: 100%;
    height: auto;
    padding: 6% 10% 6% 10%;
    box-sizing: border-box;
}

.wapper .main .caring .caringBox .titleBox {
    width: 50%;
    height: auto;
    position: absolute;
    top: -84px;
    right: 0;
    background: #fff;
    z-index: 666;
    padding: 84px 3% 0 4%;
    box-sizing: border-box;
}

.wapper .main .caring .caringBox .titleBox .entitl {
    width: 100%;
    height: auto;
    font-size: 28px;
    color: #d8b07f;
    line-height: 32px;
    display: none;
}

.wapper .main .caring .caringBox .titleBox .cntitle {
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #202132;
    line-height: 36px;
    font-weight: bold;
}

.wapper .main .caring .caringBox .cartext {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .caring .caringBox .cartext .zuo {
    width: 50%;
    height: auto;
    float: left;
    padding: 0 5%;
    box-sizing: border-box;
    font-size: 14px;
    color: #747d86;
    line-height: 24px;
}

.wapper .main .caring .caringBox .cartext .right {
    width: 50%;
    height: auto;
    float: left;
    padding: 0 5%;
    box-sizing: border-box;
    font-size: 14px;
    color: #747d86;
    line-height: 24px;
}

.wapper .main .caring .caringBox .cartext .right span {
    font-size: 22px;
    color: #d8b07f;
    line-height: 34px;
}

.wapper .main .caring .caringBox .cartext .right span.shang {
    vertical-align: top;
}

.wapper .main .caring .caringBox .cartext .right span.xia {
    vertical-align: bottom;
}

.wapper .main .mechanism {
    width: 100%;
    height: auto;
    position: relative;
    background-image: linear-gradient(to right, #f5dfc0, #a3d4df);
    overflow: hidden;
    z-index: 555;
}

.wapper .main .mechanism .grid-wrap div {
    width: 1px;
    height: 200vh;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
    z-index: 99;
}

.wapper .main .mechanism .grid-wrap div:first-child {
    left: 10%;
}

.wapper .main .mechanism .grid-wrap div:nth-child(2) {
    left: 30%;
    display: none;
}

.wapper .main .mechanism .grid-wrap div:nth-child(3) {
    left: 50%;
    display: none;
}

.wapper .main .mechanism .grid-wrap div:nth-child(4) {
    left: 70%;
    display: none;
}

.wapper .main .mechanism .grid-wrap div:nth-child(5) {
    left: 90%;
}

.wapper .main .mechanism .mechanismBox {
    width: 100%;
    height: auto;
    padding: 4% 10%;
    box-sizing: border-box;
}

.wapper .main .mechanism .mechanismBox .mechList {
    width: 100%;
    height: auto;
}

.wapper .main .mechanism .mechanismBox .mechList li {
    width: 25%;
    height: auto;
    float: left;
    padding: 0 4%;
    box-sizing: border-box;
}

.wapper .main .mechanism .mechanismBox .mechList li .titleBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .mechanism .mechanismBox .mechList li .titleBox .title {
    width: 60%;
    height: auto;
    float: left;
}

.wapper .main .mechanism .mechanismBox .mechList li .titleBox .title .cntitl {
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #693a00;
    line-height: 30px;
    font-weight: bold;
}

.wapper .main .mechanism .mechanismBox .mechList li .titleBox .title .entitl {
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #b89365;
    line-height: 30px;
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(1) .titleBox .title .cntitl {
    color: #693a00;
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(2) .titleBox .title .cntitl {
    color: #693a00;
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(3) .titleBox .title .cntitl {
    color: #202132;
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(4) .titleBox .title .cntitl {
    color: #202132;
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(1) .titleBox .title .entitl {
    color: #b89365;
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(2) .titleBox .title .entitl {
    color: #b89365;
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(3) .titleBox .title .entitl {
    color: #666778;
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(4) .titleBox .title .entitl {
    color: #666778;
}

.wapper .main .mechanism .mechanismBox .mechList li .titleBox .icon {
    width: 40%;
    height: auto;
    float: right;
    text-align: right;
}

.wapper .main .mechanism .mechanismBox .mechList li .titleBox .icon img {
    width: auto;
    height: auto;
    max-width: 70%;
    vertical-align: middle;
}

.wapper .main .mechanism .mechanismBox .mechList li .titleBox .line1 {
    width: 100%;
    height: 1px;
    float: left;
    background: rgba(176, 158, 136, 0.2);
    margin-top: 8%;
}

.wapper .main .mechanism .mechanismBox .mechList li .titleBox .line1 .line2 {
    width: 16%;
    height: 2px;
    background: rgba(216, 176, 127, 1);
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(1) .titleBox .line1 .line2 {
    background: rgba(216, 176, 127, 1);
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(2) .titleBox .line1 .line2 {
    background: rgba(216, 176, 127, 1);
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(3) .titleBox .line1 .line2 {
    background: rgba(32, 33, 50, 1);
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(4) .titleBox .line1 .line2 {
    background: rgba(32, 33, 50, 1);
}

.wapper .main .mechanism .mechanismBox .mechList li .desc {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #a4937d;
    line-height: 34px;
    margin-top: 10%;
    font-weight: bold;
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(3) .desc {
    color: #747d86;
}

.wapper .main .mechanism .mechanismBox .mechList li:nth-of-type(4) .desc {
    color: #747d86;
}

.wapper .main .health {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.wapper .main .health:first-child {
    background: #ffffff;
}

.wapper .main .health:nth-of-type(2) {
    background: #fff;
}

.wapper .main .health:nth-of-type(2) {
    background: #445566;
}

.wapper .main .health .grid-wrap div {
    width: 1px;
    height: 200vh;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
    z-index: 99;
}

.wapper .main .health .grid-wrap div:first-child {
    left: 10%;
}

.wapper .main .health .grid-wrap div:nth-child(2) {
    left: 30%;
    display: none;
}

.wapper .main .health .grid-wrap div:nth-child(3) {
    left: 50%;
    display: none;
}

.wapper .main .health .grid-wrap div:nth-child(4) {
    left: 70%;
    display: none;
}

.wapper .main .health .grid-wrap div:nth-child(5) {
    left: 90%;
}

.wapper .main .health .healthBox {
    width: 100%;
    height: auto;
    padding: 4% 10%;
    box-sizing: border-box;
    background: #fbf7f2;
}

.wapper .main .health:nth-of-type(2n) .healthBox {
    background: #fff;
}

.wapper .main .health .healthBox .healCont {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 4%;
    box-sizing: border-box;
}

.wapper .main .health .healthBox .healCont .picList {
    width: 50%;
    height: auto;
    float: left;
}

.wapper .main .health .healthBox .healCont .picList .heal {
    width: auto;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 22;
}

.wapper .main .health .healthBox .healCont .picList .swiper-container {
    width: 100%;
    height: auto;
}

.wapper .main .health .healthBox .healCont .picList .swiper-container .swiper-slide {
    width: 100% !important;
}

.wapper .main .health .healthBox .healCont .picList .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.wapper .main .health .healthBox .healCont .picList .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .health .healthBox .healCont .picList .heal .swiper-button-next {
    width: 72px;
    height: 72px;
    float: left;
    position: static;
    margin-top: 0;
    background: url(../images/next.png) no-repeat center center rgba(216, 176, 127, 0.78);
    transition: all 0.5s;
}

.wapper .main .health .healthBox .healCont .picList .heal .swiper-button-prev {
    width: 72px;
    height: 72px;
    float: left;
    position: static;
    margin-top: 0;
    background: url(../images/prev.png) no-repeat center center rgba(216, 176, 127, 0.68);
    transition: all 0.5s;
}

.wapper .main .health .healthBox .healCont .picList .heal .swiper-button-next:hover {
    background: url(../images/next.png) no-repeat center center rgba(216, 176, 127, 1);
}

.wapper .main .health .healthBox .healCont .picList .heal .swiper-button-prev:hover {
    background: url(../images/prev.png) no-repeat center center rgba(216, 176, 127, 1);
}

.wapper .main .health .healthBox .healCont .textBox {
    width: 50%;
    height: auto;
    float: left;
    padding-left: 5%;
    box-sizing: border-box;
}

.wapper .main .health:nth-of-type(2n) .healthBox .healCont .textBox {
    padding-left: 0;
    padding-right: 5%;
}

.wapper .main .health .healthBox .healCont .textBox.st {
    display: none;
}

.wapper .main .health .healthBox .healCont .textBox .titleBox {
    width: 100%;
    height: auto;
}

.wapper .main .health .healthBox .healCont .textBox .titleBox .entitl {
    width: 100%;
    height: auto;
    font-size: 33px;
    color: rgba(214, 194, 167, 0.4);
    line-height: 36px;
}

.wapper .main .health .healthBox .healCont .textBox .titleBox .cntitl {
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #693a00;
    line-height: 38px;
    font-weight: bold;
}

.wapper .main .health .healthBox .healCont .textBox .desc {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #a4937d;
    line-height: 34px;
    margin-top: 6%;
}

.wapper .main .jobs {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #f8f8f8;
}

.wapper .main .jobs .grid-wrap div {
    width: 1px;
    height: 200vh;
    background: rgba(32, 33, 50, 0.08);
    position: absolute;
    top: 0;
    z-index: 99;
}

.wapper .main .jobs .grid-wrap div:first-child {
    left: 10%;
}

.wapper .main .jobs .grid-wrap div:nth-child(2) {
    left: 30%;
    display: none;
}

.wapper .main .jobs .grid-wrap div:nth-child(3) {
    left: 50%;
    display: none;
}

.wapper .main .jobs .grid-wrap div:nth-child(4) {
    left: 70%;
    display: none;
}

.wapper .main .jobs .grid-wrap div:nth-child(5) {
    left: 90%;
}

.wapper .main .jobs .jobsBox {
    width: 100%;
    height: auto;
    padding: 6% 10%;
    box-sizing: border-box;
}

.wapper .main .jobs .jobsBox .titleBox {
    width: 100%;
    height: auto;
}

.wapper .main .jobs .jobsBox .titleBox .entitl {
    width: 100%;
    height: auto;
    font-size: 60px;
    color: rgba(214, 194, 167, 0.4);
    line-height: 66px;
    text-align: center;
    display: none;
}

.wapper .main .jobs .jobsBox .titleBox .cntitl {
    width: 100%;
    height: auto;
    font-size: 30px;
    color: #693a00;
    line-height: 36px;
    margin-top: -26px;
    text-align: center;
    font-weight: bold;
}

.wapper .main .jobs .jobsBox .jobsList {
    width: 100%;
    height: auto;
    margin-top: 3%;
}

.wapper .main .jobs .jobsBox .jobsList .name {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #929395;
    line-height: 36px;
    text-align: center;
}

.wapper .main .jobs .jobsBox .jobsList li {
    width: 25%;
    height: auto;
    float: left;
    vertical-align: top;
    display: inline-block;
    padding: 3%;
    box-sizing: border-box;
    transition: all 0.5s;
    background: url(../images/jobs.png) no-repeat 94% 90% #f8f8f8;
    cursor: pointer;
}

.wapper .main .jobs .jobsBox .jobsList li .name {
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #202132;
    line-height: 30px;
    transition: all 0.5s;
}

.wapper .main .jobs .jobsBox .jobsList li .pin {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
    color: #929395;
    transition: all 0.5s;
}

.wapper .main .jobs .jobsBox .jobsList li:hover {
    box-shadow: 0 0 10px 5px #f5f5f5;
    background: url(../images/jobs_on.png) no-repeat 94% 90% #fff;
}

.wapper .main .jobs .jobsBox .jobsList li:hover .name {
    color: #693a00;
}

.wapper .main .jobs .jobsBox .jobsList li:hover .pin {
    color: #a4937d;
}

.wapper .main .jobs .jobsBox .more {
    width: 31.33%;
    height: auto;
    margin: auto;
    border: 1px solid #202132;
    text-align: center;
    overflow: hidden;
    justify-content: center;
    display: flex;
    transition: all 0.5s;
    margin-top: 4%;
    margin-bottom: 2%;
}

.wapper .main .jobs .jobsBox .more a {
    display: inline-block;
    font-size: 18px;
    color: #202132;
    line-height: 60px;
    box-sizing: border-box;
    transition: all 0.5s;
}

.wapper .main .jobs .jobsBox .more:hover {
    background: #202132;
}

.wapper .main .jobs .jobsBox .more a .button {
    width: 500px;
    margin-left: 0;
    display: inline-block;
    line-height: 60px;
}

.button--nina>span {
    margin-top: 0px;
}

@media screen and (max-width:1450px) {
    .wapper .main .caring .caringBox .titleBox .cntitle {
        font-size: 28px;
    }
}

@media screen and (max-width:1380px) {
    .wapper .main .mechanism .mechanismBox .mechList li {
        padding: 0 3%;
    }
}

@media screen and (max-width:1350px) {
    .wapper .main .caring .caringBox .titleBox .cntitle {
        font-size: 26px;
    }
}

@media screen and (max-width:1260px) {
    .wapper .main .caring .caringBox .titleBox .cntitle {
        font-size: 24px;
    }

    .wapper .main .mechanism .mechanismBox .mechList li .titleBox .title .cntitl {
        font-size: 22px;
        line-height: 26px;
    }

    .wapper .main .mechanism .mechanismBox .mechList li .titleBox .title .entitl {
        font-size: 20px;
        line-height: 26px;
    }
}

@media screen and (max-width:1200px) {
    .wapper .main .caring .caringBox {
        padding: 9% 5% 6%;
    }

    .wapper .main .caring .grid-wrap div:first-child {
        left: 5%;
    }

    .wapper .main .caring .grid-wrap div:nth-child(2) {
        left: 27.5%
    }

    .wapper .main .caring .grid-wrap div:nth-child(4) {
        left: 72.5%;
    }

    .wapper .main .caring .grid-wrap div:nth-child(5) {
        left: 95%;
    }

    .wapper .main .mechanism .mechanismBox {
        padding: 4% 5%;
    }

    .wapper .main .mechanism .grid-wrap div:first-child {
        left: 5%;
    }

    .wapper .main .mechanism .grid-wrap div:nth-child(2) {
        left: 27.5%;
    }

    .wapper .main .mechanism .grid-wrap div:nth-child(4) {
        left: 72.5%
    }

    .wapper .main .mechanism .grid-wrap div:nth-child(5) {
        left: 95%;
    }

    .wapper .main .health .healthBox {
        padding: 4% 5%;
    }

    .wapper .main .health .grid-wrap div:first-child {
        left: 5%;
    }

    .wapper .main .health .grid-wrap div:nth-child(2) {
        left: 27.5%;
    }

    .wapper .main .health .grid-wrap div:nth-child(4) {
        left: 72.5%;
    }

    .wapper .main .health .grid-wrap div:nth-child(5) {
        left: 95%;
    }

    .wapper .main .jobs .jobsBox {
        padding: 6% 5%;
    }

    .wapper .main .jobs .grid-wrap div:first-child {
        left: 5%;
    }

    .wapper .main .jobs .grid-wrap div:nth-child(2) {
        left: 27.5%;
    }

    .wapper .main .jobs .grid-wrap div:nth-child(4) {
        left: 72.5%;
    }

    .wapper .main .jobs .grid-wrap div:nth-child(5) {
        left: 95%;
    }
}

@media screen and (max-width:1165px) {
    .wapper .main .caring .caringBox .titleBox .cntitle {
        font-size: 22px;
    }

    .wapper .main .caring .caringBox .titleBox .entitl {
        font-size: 24px;
    }
}

@media screen and (max-width:1070px) {
    .wapper .main .caring .caringBox .titleBox .cntitle {
        font-size: 20px;
    }

    .wapper .main .caring .caringBox .titleBox .entitl {
        font-size: 22px;
    }
}

@media screen and (max-width:1000px) {
    .wapper .head .logo.hide {
        display: none;
    }

    .wapper .head .search.hide {
        display: none;
    }

    .wapper .head.nopos {
        padding: 0 0 0 3%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .wapper .head.nopos .zhaopin {
        width: 103.1%;
        margin-top: 0;
        background: #f8f8f8;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
        box-sizing: border-box;
    }

    .wapper .head.nopos .backHome {
        display: none;
    }

    .wapper .head.nopos .itemName {
        padding: 0;
        background: none;
        /* margin-left: 35%; */
        font-size: 20px;
        line-height: 60px;
        font-weight: normal;
        margin-top: 0;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        margin-left: 0;
    }

    .wapper .head.nopos .zhaopin li {
        width: 25%;
        margin-left: 0;
        text-align: center;
    }

    .wapper .head.nopos .zhaopin li a {
        font-size: 15px;
    }

    .wapper .head.nopos .zhaopin li.now a {
        display: inline-block;
        border-bottom: 2px solid #693a00;
    }

    .wapper .banner.pad {
        padding: 6% 4% 0 4%;
        box-sizing: border-box;
    }

    .wapper .banner .point .swiper-button-prev {
        display: none;
    }

    .wapper .banner .point .swiper-button-next {
        display: none;
    }

    .wapper .banner .bantext {
        width: 100%;
        padding: 8px 30% 8px 6px;
        font-size: 14px;
    }

    .wapper .banner .point {
        width: 100%;
        height: 40px;
        position: absolute;
        right: 0;

    }

    .wapper .banner .point .swiper-pagination {
        display: block;
        position: absolute;
        right: 3% !important;
        bottom: 14px !important;
    }

    .wapper .banner .point .swiper-pagination .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
        border: 2px solid #fff;
        background: none !important;
        margin: 0 3px !important;
    }

    .wapper .banner .point .swiper-pagination .swiper-pagination-bullet-active {
        border: 2px solid #d8b07f;
        background: #d8b07f !important;
    }

    .wapper .main .caring .caringBox {
        padding: 6% 4%;
    }

    .wapper .main .caring .grid-wrap div {
        display: none;
    }

    .wapper .main .caring .caringBox .titleBox {
        width: 100%;
        position: static;
        left: 0;
        top: 0;
        padding: 0;
    }

    .wapper .main .caring .caringBox .titleBox .cntitle {
        font-size: 18px;
        line-height: 24px;
    }

    .wapper .main .caring .caringBox .cartext {
        margin-top: 4%;
    }

    .wapper .main .caring .caringBox .cartext .zuo {
        width: 100%;
        padding: 0;
    }

    .wapper .main .caring .caringBox .cartext .right {
        width: 100%;
        padding: 0;
        margin-top: 4%;
    }

    .wapper .main .mechanism {
        background-image: linear-gradient(#f5dfc0, #a3d4df);
    }

    .wapper .main .mechanism .grid-wrap div {
        display: none;
    }

    .wapper .main .mechanism .mechanismBox {
        padding: 8% 4%;
    }

    .wapper .main .mechanism .mechanismBox .mechList li {
        width: 100%;
        padding: 0;
        margin-bottom: 8%;
    }

    .wapper .main .mechanism .mechanismBox .mechList li .titleBox .line1 {
        margin-top: 4%;
    }

    .wapper .main .mechanism .mechanismBox .mechList li .titleBox .title .cntitl {
        line-height: 24px;
    }

    .wapper .main .mechanism .mechanismBox .mechList li .titleBox .title .entitl {
        line-height: 22px;
    }

    .wapper .main .mechanism .mechanismBox .mechList li .desc {
        line-height: 28px;
        margin-top: 4%;
    }

    .wapper .main .health .grid-wrap div {
        display: none;
    }

    .wapper .main .health .healthBox {
        padding: 6% 4%;
    }

    .wapper .main .health .healthBox .healCont {
        display: block;
        padding: 0;
    }

    .wapper .main .health .healthBox .healCont .picList {
        width: 100%;
    }

    .wapper .main .health .healthBox .healCont .picList .heal {
        width: 100%;
        top: 50%;
        margin-top: -21px;
    }

    .wapper .main .health .healthBox .healCont .picList .heal .swiper-button-prev {
        width: 42px;
        height: 42px;
    }

    .wapper .main .health .healthBox .healCont .picList .heal .swiper-button-next {
        width: 42px;
        height: 42px;
        float: right;
    }

    .wapper .main .health .healthBox .healCont .textBox {
        width: 100%;
        padding: 4% 0;
    }

    .wapper .main .health .healthBox .healCont .textBox.ts {
        display: none;
    }

    .wapper .main .health .healthBox .healCont .textBox.st {
        display: block;
    }

    .wapper .main .health .healthBox .healCont:nth-of-type(2) .textBox.st:first-child {
        display: none;
    }

    .wapper .main .health .healthBox .healCont .textBox .titleBox .entitl {
        font-size: 23px;
        line-height: 26px;
    }

    .wapper .main .health .healthBox .healCont .textBox .titleBox .cntitl {
        font-size: 20px;
        line-height: 28px;
    }

    .wapper .main .health .healthBox .healCont .textBox .desc {
        font-size: 14px;
        line-height: 28px;
        margin-top: 4%;
    }

    .wapper .main .jobs .grid-wrap div {
        display: none;
    }

    .wapper .main .jobs .jobsBox {
        padding: 6% 4%;
    }

    .wapper .main .jobs .jobsBox .titleBox .entitl {
        font-size: 40px;
        line-height: 48px;
    }

    .wapper .main .jobs .jobsBox .titleBox .cntitl {
        font-size: 24px;
        line-height: 26px;
        margin-top: -16px;
    }

    .wapper .main .jobs .jobsBox .jobsList li {
        width: 100%;
        margin-bottom: 4%;
    }

    .wapper .main .jobs .jobsBox .more {
        width: 50%;
    }

    .wapper .main .jobs .jobsBox .more a .button {
        line-height: 42px;
    }

    .wapper .head.nopos .back {
        width: 34px;
        height: 34px;
        background: url(../images/back.png) no-repeat center center;
        background-size: 12px;
        position: absolute;
        top: 14px;
        left: 6px;
        z-index: 666;
    }

    .wapper .banner .pic.hide {
        display: none;
    }

    .wapper .banner .bannerCont.zp {
        display: none;
    }

    .louceng_box {
        padding: 0 4%;
    }
}






















/* 在招职位 */
.wapper .banner .bannerCont.zp {
    left: 25.5%;
}

.wapper .banner .bannerCont.zp .enZhao {
    width: 100%;
    height: auto;
    font-size: 28px;
    color: #d8b07f;
    line-height: 30px;
}

.wapper .banner .bannerCont.zp .cnZhao {
    width: 100%;
    height: auto;
    font-size: 28px;
    color: #ffffff;
    line-height: 30px;
    font-weight: bold;
}

.wapper .main .themeCont .themeContBox .zuotheme .notes {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
    margin-top: 10%;
}

.wapper .main .themeCont .themeContBox .zuotheme .notes span {
    color: #d8b07d;
    font-weight: bold;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .site {
    width: 100%;
    height: auto;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .site .tit {
    width: 100px;
    height: auto;
    float: left;
    font-size: 16px;
    color: #202132;
    line-height: 54px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .site .siteList {
    width: auto;
    height: auto;
    float: left;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .site .siteList li {
    width: auto;
    height: auto;
    float: left;
    margin: 0 16px;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .site .siteList li a {
    display: block;
    font-size: 16px;
    color: #202132;
    line-height: 54px;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .site .siteList li.now a {
    color: #693a00;
    border-bottom: 2px solid #693a00;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .site .siteList li:hover a {
    color: #693a00;
    border-bottom: 2px solid #693a00;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList {
    width: 100%;
    height: auto;
    margin-top: 3%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li {
    width: 100%;
    height: auto;
    padding-top: 2%;
    margin-bottom: 2%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li .name {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 32px;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li .recont {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 2%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li .recont .pinbox {
    width: 80%;
    height: auto;
    float: left;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li .recont .pinbox .pin {
    width: 50%;
    height: auto;
    float: left;
    padding-right: 3%;
    box-sizing: border-box;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li .recont .cha {
    width: 100px;
    height: auto;
    float: right;
    border: 1px solid rgba(32, 33, 50, 0.2);
    background: rgba(32, 33, 50, 0.1);
    font-size: 14px;
    color: #202132;
    line-height: 32px;
    text-align: center;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li .line1 {
    width: 100%;
    height: 1px;
    background: rgba(32, 33, 50, 0.08);
    margin-top: 4%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li .line1 .line2 {
    width: 10%;
    height: 1px;
    background: rgba(32, 33, 50, 1);
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li:hover .name {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li:hover .recont .pinbox .pin {
    color: #a4937d;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li:hover .recont .cha {
    border: 1px solid rgba(73, 47, 79, 0.2);
    background: rgba(216, 176, 127, 0.9);
    color: #fff;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li:hover .line1 .line2 {
    width: 100%;
    background: #d8b07f;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .norecuit {
    width: 100%;
    height: auto;
    padding: 16% 0 16%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .norecuit .icon {
    width: 28px;
    height: auto;
    margin: auto;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .norecuit .icon img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .norecuit .txt {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #929395;
    line-height: 36px;
    text-align: center;
}











.wapper .zhizhao {
    width: 100%;
    height: auto;
    background: #fff;
}

.wapper .zhizhao .zhi {
    width: 100%;
    height: auto;
    padding: 4% 5%;
    box-sizing: border-box;
    border-bottom: 1px solid #eeeeee;
    background: #f8f8f8;
    overflow: hidden;
}

.wapper .zhizhao .zhi .name {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 56px;
    font-weight: bold;
}

.wapper .zhizhao .zhi .pin {
    width: auto !important;
    height: auto;
    float: left;
    margin-right: 5%;
    font-size: 14px;
    color: #202132;
    line-height: 28px;
}

.wapper .zhizhao .zhi .pin span {
    color: #929395;
}

.wapper .zhizhao .duty {
    width: 90%;
    height: 295px !important;
    box-sizing: border-box;
    overflow-y: auto;
    margin: 5% auto;

}

.wapper .zhizhao .duty .dutypart {
    width: 100%;
    height: auto;
    margin-bottom: 4%;
}

.wapper .zhizhao .duty .dutypart .tit {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 28px;
}

.wapper .zhizhao .duty .dutypart .txt {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
}

.wapper .zhizhao .duty .dutypart .txt span {
    color: #d8b07d;
    font-weight: bold;
}

.wapper .zhizhao .duty::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.wapper .zhizhao .duty::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #d8b07f;
}

.wapper .zhizhao .duty::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #eeeeee;
}

.layui-layer-setwin .layui-layer-close2.des {
    position: absolute !important;
    top: 6px !important;
    right: 13px !important;
    background: url(../images/zhaoClose.png) no-repeat center center !important;
    transition: all 0.5s;
}

.layui-layer-setwin .layui-layer-close2.cod {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    background: url(../images/zhaoClose.png) no-repeat center center !important;
    transition: all 0.5s;
}

.layui-layer-close2.des:hover {
    transform: rotate(90deg) !important;
}

@media screen and (max-width:1000px) {
    .wapper .zhizhao .duty::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 3px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .site {
        border-top: none;
        border-bottom: none;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .site .tit {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .site .siteList li a {
        font-size: 14px;
        line-height: 34px;
        color: #747d86;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .site .siteList li span {
        display: none;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .site .siteList li {
        background: rgba(116, 125, 134, 0.1);
        border-radius: 5px;
        margin: 0 6px 0 0;
        padding: 0 13px;
        box-sizing: border-box;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .site .siteList li.now {
        background: #d8b07f;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .site .siteList li.now a {
        border-bottom: none;
        color: #fff;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li {
        margin-bottom: 5%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li .name {
        font-size: 18px;
        line-height: 26px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li .recont {
        margin-top: 0;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li .recont .pinbox {
        width: 75%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li .recont .pinbox .pin {
        width: 100%;
        padding-right: 0;
        font-size: 12px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .recruitList li .recont .cha {
        width: 80px;
        font-size: 12px;
        line-height: 32px;
    }

    .wapper .zhizhao .duty {
        height: 280px;
        width: 96%;
        padding: 0 2%;
    }

    .wapper .zhizhao .duty::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 2px !important;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px !important;
    }

    .wapper .zhizhao .duty::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/

        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
        background: #d8b07f !important;
    }

    .wapper .zhizhao .duty::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
        border-radius: 10px !important;
        background: #eeeeee !important;
    }

    .wapper .zhizhao .zhi .pin {
        font-size: 12px;
        line-height: 18px;
        width: 100%;
    }
}













/* 图片预览 */
#imgModule {
    display: none;
    width: 100%;
    height: 100%;
}

.video-bg {
    width: 100%;
    height: 100%;
}

#imgDefault {
    cursor: pointer;
}

.mask {
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    z-index: 5555;
}

.lightBoxContent {
    width: 80%;
    height: 80%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    z-index: 5555;
}

#imgLoader {
    width: 32px;
    height: 32px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
    display: none;
    z-index: 5555;
}

#imgLight {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -webkit-animation: change 2s;
    animation: change 2s;
}

#imgModule .btn {
    width: 40px;
    height: 50px;
    position: fixed;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    z-index: 5555;
}

#lightBoxPrev {
    left: 10px;
    background: url(../images/viewPrev.png) no-repeat center center;
    background-size: 26px;
}

#lightBoxNext {
    right: 10px;
    background: url(../images/viewNext.png) no-repeat center center;
    background-size: 26px;
}

.closeBtn {
    width: 35px;
    height: 35px;
    position: fixed;
    top: calc(52px + 2%);
    right: 5%;
    cursor: pointer;
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    z-index: 5555;
}

.lightBoxPagination {
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%;
    text-align: center;
    display: none;
}

.lightBoxPagination span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 8px;
}

.lightBoxPagination span.current {
    background: #fff;
}

@keyframes change {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.schmenu {
    display: none;
}

@media screen and (max-width: 1000px) {
    .lightBoxContent {
        width: 100%;
        height: auto;
    }

    #imgLight {
        /*width: 100%;
        height: auto;
        max-height: 100%;*/
    }

    #lightBoxPrev {
        left: 0;
        background-size: 16px;
    }

    #lightBoxNext {
        right: 0;
        background-size: 16px;
    }

    .closeBtn {
        background-size: 16px;
    }
}



/* 搜索 */
.wapper .banner .bannerCont .searchBox {
    width: 100%;
    height: auto;
    border: 3px solid rgba(32, 33, 50, 0.3);

    overflow: hidden;
    margin-top: 3%;
}

.wapper .banner .bannerCont .searchBox .sear {
    width: 100%;
    height: auto;
    background: #ffffff;
    overflow: hidden;
}

.wapper .banner .bannerCont .searchBox .searchInpt {
    width: 90%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #747d86;
    line-height: 34px;
    padding: 6px 20px;
    box-sizing: border-box;

    border: none;
}

.wapper .banner .bannerCont .searchBox .btn {
    width: 10%;
    height: 46px;
    float: left;
    background: url(../images/search.png) no-repeat center center;
    background-size: 21px;
    cursor: pointer;
    border: none;

}

.wapper .banner .bannerCont .hotSear {
    width: 100%;
    height: auto;
    margin: auto;
    overflow: hidden;
    text-align: center;
    justify-content: center;
    display: flex;
    margin-top: 2%;
}

.wapper .banner .bannerCont .hotSear .tit {
    width: auto;
    height: auto;
    font-size: 16px;
    color: #202132;
    line-height: 34px;
    font-weight: bolder;
    float: left;
    margin-right: 10px;
}

.wapper .banner .bannerCont .hotSear .list {
    width: auto;
    height: auto;
    float: left;
    margin-right: 0;
    overflow: hidden;
}

.wapper .banner .bannerCont .hotSear .list li {
    width: auto;
    height: auto;
    font-size: 16px;
    color: #202132;
    line-height: 34px;
    float: left;
    margin: 0 5px;
}

.wapper .banner .bannerCont .hotSear .list li a {
    width: auto;
    height: auto;
    font-size: 16px;
    color: #202132;
    line-height: 34px;
    float: left;
}

.wapper .banner .bannerCont .hotSear .list li:hover a {
    text-decoration: underline;
}

.wapper .main .themeCont .themeContBox .zuotheme .zuoDiBg .type {
    width: 100%;
    height: auto;
    margin-top: 6%;
}

.wapper .main .themeCont .themeContBox .zuotheme .zuoDiBg .type li {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #102132;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 16px;
}

.wapper .main .themeCont .themeContBox .zuotheme .zuoDiBg .type li a {
    display: block;
    font-size: 18px;
    color: #102132;
    line-height: 36px;
    font-weight: bold;
}

.wapper .main .themeCont .themeContBox .zuotheme .zuoDiBg .type li.now a {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .zuotheme .zuoDiBg .type li:hover a {
    text-decoration: underline;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong.noline {
    background: none;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList {
    width: 100%;
    height: auto;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li {
    width: 100%;
    height: auto;
    margin-bottom: 4%;
    overflow: hidden;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li a {
    display: block;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .textBox {
    width: 70%;
    height: auto;
    float: left;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li.nopic .textBox {
    width: 100%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .textBox .title {
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #202132;
    line-height: 30px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .textBox .title span {
    color: #d7af7e;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .textBox .desc {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #929395;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 2%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .textBox .type {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #202132;
    line-height: 28px;
    margin-top: 3%;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .textBox .type:hover {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .pic {
    width: 25%;
    height: auto;
    float: right;
    text-align: center;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .pic img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 110px;
    vertical-align: bottom;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .line1 {
    width: 100%;
    height: 1px;
    float: left;
    margin-top: 4%;
    background: #edeef0;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .line1 .line2 {
    width: 10%;
    height: 1px;
    background: #202132;
    transition: all 0.5s;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li:hover .textBox .title {
    color: #693a00;
}

.wapper .main .themeCont .themeContBox .righttheme .neirong .searList li:hover .line1 .line2 {
    width: 100%;
    background: #d8b07d;
}

@media screen and (max-width:1000px) {
    .wapper .head.over {
        padding: 0 0 0 3%;
        /*position: static;*/
    }

    .wapper .banner .bannerCont .enbann.hide {
        display: none;
    }

    .wapper .banner .bannerCont .cnbann.hide {
        display: none
    }

    .wapper .banner .bannerCont {
        width: 70%;
    }

    .wapper .banner .bannerCont .searchBox .searchInpt {
        width: 85%;
        font-size: 14px;
        line-height: 28px;
        padding: 2px 10px;
    }

    .wapper .banner .bannerCont .searchBox .btn {
        width: 15%;
        height: 32px;
        background-size: 16px;
    }

    .wapper .banner .bannerCont .hotSear {
        display: none;
    }

    .wapper .banner .bannerCont .hotSear .tit {
        width: 60px;
        font-size: 13px;
    }

    .wapper .banner .bannerCont .hotSear .list {
        width: 78%;

    }

    .wapper .banner .bannerCont .hotSear .list ul {
        width: 100%;
        height: 34px;
        list-style: none;
        white-space: nowrap;
        overflow: hidden;
    }

    .wapper .banner .bannerCont .hotSear .list li {
        display: inline;
    }

    .wapper .banner .bannerCont .hotSear .list li a {
        font-size: 13px;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .textBox {
        width: 65%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .pic {
        width: 30%;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .textBox .title {
        font-size: 14px;
        line-height: 24px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .wapper .main .themeCont .themeContBox .righttheme .neirong .searList li .textBox .desc {
        display: none
    }
}

.swiper-slide.bslide {
    height: 100% !important;
}

.swiper-slide.bslide video {
    /* width: 100%;
    height: 100%; */
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    object-fit: cover;
    transform: translateX(0);
}

.swiper-wrapper.bwrap {
    width: 100%;
    height: 100% !important;
    cursor: pointer;
}

.swiper-wrapper.bwrap a {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    cursor: pointer;
    position: relative;
}

.layui-layer-setwin .layui-layer-close2 {
    position: fixed !important;
    top: calc(52px + 2%) !important;
    right: 5% !important;
    width: 30px !important;
    height: 30px !important;
    cursor: pointer;
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
}






.louceng_box {
    padding: 0 10% 15px 10%;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.louceng {
    height: auto;
    padding: 8% 5% 8% 5%;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #ECECEC;
    background: #fff
}

.wapper .main .gardenDetails .progress .fixedmeau {
    width: 110px;
    height: auto;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 38px;
    transition: all 0.5s;
    display: none;
}

.wapper .main .gardenDetails .progress .fixedmeau li {
    width: 110px;
    height: auto;
    text-align: right;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 12px;
}

.wapper .main .gardenDetails .progress .fixedmeau li .num {
    width: auto;
    height: auto;
    font-size: 20px;
    color: #202132;
    line-height: 44px;
    transition: all 0.5s;
}

.wapper .main .gardenDetails .progress .fixedmeau li .kage {
    width: auto;
    height: auto;
    font-size: 20px;
    color: #202132;
    line-height: 44px;
    transition: all 0.5s;
    opacity: 0;
}

.wapper .main .gardenDetails .progress .fixedmeau li.noing .num {
    color: #818d90;
}

.wapper .main .gardenDetails .progress .fixedmeau li.noing .kage {
    color: #818d90;
}

.wapper .main .gardenDetails .progress .fixedmeau li.active .num {
    font-size: 28px;
    font-weight: bolder;
}

.wapper .main .gardenDetails .progress .fixedmeau li.active .kage {
    font-size: 24px;
    font-weight: bolder;
    opacity: 1;
}

.wapper .main .gardenDetails .progress .fixedmeau li:hover .num {
    font-size: 28px;
    font-weight: bolder;
}

.wapper .main .gardenDetails .progress .fixedmeau li:hover .kage {
    font-size: 24px;
    font-weight: bolder;
    opacity: 1;
}


.louceng .titleBox {
    width: 100%;
    height: auto;
}

.louceng .titleBox .icon {
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
}

.louceng .titleBox .icon img {
    width: auto;
    height: auto;
    vertical-align: bottom;
}

.louceng .titleBox .title {
    width: 100%;
    height: auto;
}

.louceng .titleBox .title .entitl {
    width: 100%;
    height: auto;
    font-size: 60px;
    color: rgba(22, 43, 64, 0.2);
    line-height: 82px;
    text-align: center;
    display: none;
}

.louceng .titleBox .title .cntitl {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding-top: 50px;
    font-size: 50px;
    color: #202132;
    line-height: 62px;
    text-align: center;
    margin-top: -45px;
}

.louceng .pertext {
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #202132;
    line-height: 36px;
    margin-top: 4%;
    text-align: left;
}

.louceng .pertext img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
}

.louceng .pertext .videoList {
    width: 100%;
    height: auto;
    margin-top: 3%;
}

.louceng .pertext .videoList li {
    width: 48.5%;
    height: auto;
    float: left;
    margin-right: 3%;
    position: relative;
    cursor: pointer;
}

.louceng .pertext .videoList li:nth-of-type(2n) {
    margin-right: 0;
}

.louceng .pertext .videoList li .pic {
    width: 100%;
    height: auto;
}

.louceng .pertext .videoList li .pic img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.louceng .pertext .videoList li .btn {
    width: 76px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.louceng .pertext .videoList li .btn img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.louceng .continued {
    width: 100%;
    height: auto;
    margin-top: 6%;
}

.louceng .continued .txt {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: rgba(32, 33, 50, 0.6);
    line-height: 28px;
    text-align: center;
}

.louceng .continued .icon {
    width: 100%;
    height: auto;
    justify-content: center;
    display: flex;
}

.louceng .continued .icon img {
    width: auto;
    height: auto;
    max-width: 31px;
    vertical-align: bottom;
}


@media screen and (max-width:1000px) {
    .louceng_box {
        padding: 0 4% 15px 4%;
    }

    .louceng .titleBox .title .entitl {
        font-size: 42px;
        line-height: 48px;
    }

    .louceng .titleBox .title .cntitl {
        font-size: 28px;
        line-height: 32px;
        /* margin-top: -22px; */
    }

    .louceng .pertext {
        font-size: 14px;
        line-height: 28px;
    }

    .louceng .pertext .videoList li .btn {
        width: 36px;
    }

    .wapper .main .gardenDetails .progress .fixedmeau {
        opacity: 1;
        right: 10px;
        z-index: 999;
        display: none;
    }
}


/* VR */

.wapper .main .vrBox {
    width: 100%;
    height: auto;
    background: #cbd2e1;
}