@charset "UTF-8";
.red {color: #cca435;}
.white {color: #fff;}
.gray999 {color: #999;}
.bg-f0 {background-color: #f0f0f0;}
.bg-f1 {background-color: #f1f1f1;}
.bg-f3 {background-color: #f3f3f3;}
.bg-f4 {background-color: #f4f4f4;}
.bg-f5 {background-color: #f5f5f5;}
.bg-f7 {background-color: #f7f7f7;}
.bg-white {background-color: #ffffff;}
.pt70 {padding-top: 70px;}
.pt115 {padding-top: 115px;}
.pt230 {padding-top: 230px;}
.pb230 {padding-bottom: 230px;}
.pd-tb-70 {padding-top: 70px; padding-bottom: 70px;}
.pd-tb-100 {padding-top: 100px; padding-bottom: 100px;}
.pd-tb-160 {padding-top: 160px; padding-bottom: 160px;}
.mb70 {margin-bottom: 70px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f26 {font-size: 26px;}
.f40 {font-size: 40px;}
.f86 {font-size: 86px;}

/* index */
.idx-banner {background-color: #151520;}
.idx-banner, .idx-banner .swiper {height: 100vh;}
.idx-banner .swiper {--swiper-pagination-bullet-horizontal-gap: 8px; --swiper-pagination-color: #cf263a; --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bullet-inactive-color: #fff; --swiper-navigation-color: #fff; --swiper-navigation-size: 24px;}
.idx-banner .swiper-button-prev {left: 5%;}
.idx-banner .swiper-button-next {right: 5%;}
.idx-banner .swiper-pagination {left: 5% !important; bottom: 31px !important; width: auto !important;}
.idx-banner .swiper-pagination-bullet {width: 12px; height: 12px; cursor: pointer;}
.idx-banner video, .idx-banner img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.idx-banner .textbox {position: absolute; left: 14%; top: 68%; width: 45%; font-size: 56px; line-height: 1.4; color: #fff;}
.idx-banner__split {position: absolute; z-index: 11; left: 5%; right: 5%; bottom: 82px; border-top: 1px solid rgba(123, 119, 118, .8);}
.idx-banner__page {position: absolute; z-index: 11; left: 14%; top: 64%; color: #fff; font-size: 14px;}
.idx-banner__page .current {padding-left: 5px; padding-right: 15px;}
.idx-banner__page .total {padding-left: 15px;}
.idx-banner__btn {position: absolute; z-index: 11; right: 5%; bottom: 0; line-height: 86px; color: #fff; font-size: 14px; cursor: pointer; transition: all .3s;}
.idx-banner__btn i {position: relative; top: -3px; display: inline-block; margin-left: 10px; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg);}
.idxpad {padding: 0 10%;}
.idxpad .title {font-size: 48px; line-height: 58px;font-weight:bold}
.index1 {padding-top: 100px; padding-bottom: 100px;}
.index1 .desc {font-size: 16px; line-height: 28px;}
.index2 {padding-left: 3%; padding-bottom: 160px;}
.index2 .din {font-size: 86px; color: #cca435;}
.index2 .unit {position: absolute; top: 10px; left: 100%; font-weight: bold; font-size: 26px; color: #cca435; white-space: nowrap;}
.index2 .unit span {position: relative; top: -2px; font-size: 18px;}
.index2 .uicon {position: absolute; right: -54px; bottom: 0; width: 94px; height: 94px; max-width: none;}
.index2 h3 {margin-top: -10px; font-size: 26px; line-height: 38px;}
.index4-title {position: relative; top: -80px; display: block; padding-top: 70px; padding-bottom: 70px;  background: #f2f2f2; overflow: hidden; transition: color .3s;}
.index4-title1 h3{color:#cca435}
.index4-title h4{color:#000}
.index4-title::before {position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; content: ''; background: #cca435; opacity: 0; transform: translateX(-50%); transition: all 1s cubic-bezier(0.23, 1, 0.320, 1);color:#fff!important} 


.index4-title .before {bottom: -80%; right: -5%; width: 34%; opacity: 1;}
.index4 a:hover h3{color:#fff!important}
.index4 a:hover h4{color:#fff!important}
.index4-title::before h3{color:#fff}
.index4-textbox span a{color:#cca435;border-bottom: 1px solid #cca435;padding-bottom:10px;}
.index4-title .after {left: -35%; top: 18%; width: 64%; opacity: 1;}
.index4-imgbox {position: relative; width: 52%;}
.index4-imgbox__logo {position: absolute; z-index: 3; bottom: 0; width: 154px; height: 154px;  text-align: center; background-color: #fff; overflow: hidden; border-radius: 50%; box-shadow: 0 40px 111px rgba(0, 0, 0, .26);}
.index4-imgbox__pic {width: 100%; border-radius: 10px; overflow: hidden;}
.index4-imgbox__pic img {width: 100%; max-width: none; transition: all 1s;}
.index4-textbox {width: 33.199%; margin-top: 92px; padding-right: 5%;}
.index4-textbox__tit {font-size: 26px; color: #cf263a;}
.index4-textbox__desc {margin-top: 28px; margin-bottom: 80px; font-size: 16px; font-family: 'SourceHanSansCN-Regular'; color: #333;}
.index4-textbox li {float: left; margin-right: 9px; margin-bottom: 9px; padding: 3px 7px 0; border: 1px solid #e5e5e5; border-radius: 5px; line-height: 30px; font-size: 14px; font-family: 'SourceHanSansCN-Regular'; color: #999;}
.index4 > div {margin-bottom: 40px;}
.index4 > div:nth-child(even) .index4-imgbox, .index4 > div:nth-child(odd) .index4-textbox {float: left;}
.index4 > div:nth-child(even) .index4-textbox, .index4 > div:nth-child(odd) .index4-imgbox {float: right;}
.index4 > div:nth-child(odd) .index4-imgbox__pic {box-shadow: 0 40px 111px rgba(0, 0, 0, .26);}
.index4 > div:nth-child(even) .index4-imgbox__logo {left: 21%;bottom:-18%;}
.index4 > div:nth-child(odd) .index4-imgbox__logo {right: 21%; margin-bottom: -81px;}
.index4 > div:nth-child(even) .title {padding-left: 65%;}
.index4 > div:nth-child(even) .title1 {padding-left:65%;}
.index4 > div:nth-child(even) .index4-title {margin-left: -10%;
    margin-right: -10%;left: 0;}
.index4 > div:nth-child(odd) .index4-title {margin-right: -10%; padding-left: 10%;   
    left: 0;margin-right: -10%;
}
.index4 > div:nth-child(odd) .index4-imgbox {z-index: 1;}
.index4 > div:first-child {margin-bottom: 122px;}
.index4 > div:first-child .index4-title {margin-left: -10%; margin-right: -10%; top: 0; left: 0;}
.index4 > div:first-child .index4-title .before {right: -5%; width: 34%;}
.index4 > div:first-child .index4-title .after {    left: -10%;
    top: 1%;
    width: 30%;}
.index4 > div:first-child .index4-imgbox {margin-top: -80px;}
.index4 > div:first-child .index4-imgbox__logo {bottom: auto; top: 0; margin-top: -51px;}
.index4 > div:nth-child(3n-1) .index4-title .after {left: -42%; top: 18%;}
.index5 {position: relative; padding-top: 160px; padding-bottom: 140px; height: 960px; color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.index5 .title {position: absolute; left: 15.5%; top: 160px; margin-left: -15px;}
.index5 .title1 {position: absolute; left: 15.5%; top: 230px; margin-left: -15px;}
.index5-swiper {position: absolute; left: 38.833333%; right: 15.5%; bottom: 205px; margin-right: -15px;}
.index5-swiper dl {position: absolute; left: 0; bottom: 0; right: 0; opacity: 0; transform: translateY(-75px); transition: all 1s;}
.index5-swiper dl.on {opacity: 1; transform: translateY(0);}
.index5-swiper dt {padding: 30px 20px; font-size: 46px; font-weight: normal;}
.index5-swiper dd {padding: 0 20px; font-size: 26px;}
.index5-btn {right: 15.5%; bottom: 140px; left: 38.833333%; margin-right: -15px; padding: 20px 0; font-size: 16px; border-top: 1px solid rgba(255, 255, 255, .2);}
.index5-btn span {display: inline-block; padding: 0 38px; cursor: pointer;}
.index5-btn span i {position: relative; top: -1px; display: inline-block; margin-right: 9px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 6px solid #fff; vertical-align: middle;}
.index5-btn__line {left: 0; top: -4px; width: 130px; height: 4px; background: #d1ad4a; transition: all .3s;}
.index6 {margin-left: -10px; margin-right: -10px; padding-bottom: 220px;}
.index6 > div {margin-top: 10px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px;}
.index6 .imgbox {height: 521px; border-radius: 10px; background: #f7f7f7; border: 1px solid #c6c6c6; overflow: hidden; transition: all .3s;}
.index6 .imgbox img {width: 100%;}
.index6 .textbox {position: absolute; top: 0; left: 10px; right: 10px; bottom: 0; border-radius: 10px; background: rgba(0, 0, 0, 0); transition: all .3s;}
.index6 .textbox .num {position: absolute; top: 30px; left: 40px; font-size: 32px; transition: all .3s;}
.index6 .textbox h2 {position: absolute; left: 40px; bottom: 30px; width: 35%; font-size: 26px; line-height: 34px; transition: color .3s, bottom .7s ease;}
.index6 .textbox ul {position: absolute; right: 40px; left: 45%; top: 120px; color: #fff; list-style-type: disc; font-size: 16px; line-height: 32px; opacity: 0; transform: translateY(50px); transition: all .3s;}
.index6 > div:first-child .textbox h2 {width: 25%;}
.index6 > div:first-child .textbox ul {left: 30%;}
.index7 dl {margin: 0; padding: 70px 60px; height: 432px; overflow: hidden;}
.index7 dl h3 {margin-top: 20px; font-size: 26px;}
.index7 dt img {width: 52px;}
.index7 dd {margin-top: 40px; font-size: 16px; line-height: 28px; font-family: 'SourceHanSansCN-Regular';}
.index7 > div:nth-child(2) dl {color: #fff; background: url(../img/index21.jpg) no-repeat center center; background-size: cover;}
.index7 > div:nth-child(3) dl {background: #f6f6f6;}
.index7 > div:nth-child(4) dl {background: rgba(255, 255, 255, .9);}
.index8 {margin-top: -432px; padding-top: 600px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;}
.index8 .txt1 {font-size: 26px; line-height: 34px;}
.index8 .txt2 {font-size: 16px; line-height: 28px;}
.index8 .din {font-size: 78px; line-height: 1; margin-bottom: 20px;}
.index8-ul {margin-top: 45px; margin-left: -38px; margin-right: -38px; padding-top: 50px; padding-bottom: 50px; border-top: 1px solid rgba(255, 255, 255, .3);}
.index8-ul .col-md-3 {padding-left: 38px; padding-right: 38px;}
.index8-li {padding: 0; height: 61px;}
.index8-li i {display: inline-block; width: 28px; height: 61px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index8-li .before {background-image: url(../img/icon/index_rice_left.png);}
.index8-li .after {background-image: url(../img/icon/index_rice_right.png);}
.index8-li .text-center {padding-top: 4px; padding-left: 5px; padding-right: 5px; font-size: 18px;}
.index9 {margin-left: -5px; margin-right: -5px;}
.index9 .col-md-6 {margin-bottom: 10px; padding-left: 5px; padding-right: 5px;}
.index9 .textbox {padding: 45px; border: 1px solid #c6c6c6; border-radius: 10px; background: #fff; box-shadow: 16px 16px 54px rgba(0, 0, 0, .08);}
.index9 .imgbox {height: 430px; overflow: hidden;}
.index9 h3 {margin-top: -40px; margin-bottom: 40px; font-size: 34px; line-height: 46px;}
.index9 .desc {font-size: 16px; line-height: 24px;}
.index9 .symbol {position: relative; margin-left: 45px; margin-right: 45px; width: 20px; height: 20px;}
.index9 .symbol:last-child {display: none;}
.index9 .symbol::before, .index9 .symbol::after {position: absolute; top: 50%; left: 50%; display: block; content: ''; margin-top: -2px; margin-left: -9px; width: 18px; height: 4px; background: #cf263a;}
.index9 .symbol::before {transform: rotate(45deg);}
.index9 .symbol::after {transform: rotate(-45deg);}
.index9 a {display: block; margin-top: 35px; line-height: 66px; border-radius: 10px; border: 1px solid #c6c6c6; color: #cf263a; text-align: center; font-size: 18px;}
.index10 {margin-bottom: 0; overflow: hidden;}
.index10 dt {position: relative; margin-bottom: 30px; text-align: center;}
.index10 dt::before {position: absolute; display: block; content: ''; top: 50%; left: 0; right: 0; border-top: 1px solid #EDEDED;}
.index10 dt span {position: relative; display: inline-block; padding: 0 25px; font-size: 16px; line-height: 50px; background: #fff;}
.index10 .weui-flex {position: relative; top: 0; margin-bottom: 30px; border: 1px solid #dadada; border-radius: 5px; background: #f7f7f7; transition: all .3s;}
.about1 {height: 850px; color: #fff;}
.about1 video {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.about1 .weui-cell {position: absolute; left: 14%; top: 23%; right: 14%;}
.about1 .title {font-size: 16px; line-height: 24px;}
.about1 .title.hidden-xs {color: #fff;}
.about1 .title.hidden-md {color: #cf263a;}
.about1 .title i {display: inline-block; margin-top: 70px; width: 18px; height: 4px;}
.about1 .title.hidden-xs i {background-color: #fff;}
.about1 .title.hidden-md i {margin-bottom: 20px; background-color: #cf263a;}
.about1 .tit {font-size: 48px; line-height: 68px;}
.about1 .desc {position: absolute; z-index: 1; right: 14%; bottom: 20%; width: 36%; font-size: 16px; line-height: 32px; font-family: 'SourceHanSansCN-Regular';}
.about2 {padding-top: 200px; padding-bottom: 200px;}
.about2 .col-md-8 {padding-right: 8%; font-size: 16px; line-height: 32px; font-family: 'SourceHanSansCN-Regular';}
.about3 .swiper {height: 834px;}
.about3 .swiper img {width: 100%; height: 100%; object-fit: cover;}
.about3 .swiper {--swiper-navigation-color: #fff; --swiper-navigation-size: 24px;}
.about3 .swiper-button-prev {left: 5%; top: auto; bottom: 80px;}
.about3 .swiper-button-next {right: 5%; top: auto; bottom: 80px;}
.about3-page {position: absolute; z-index: 11; bottom: 60px; left: 30%; right: 30%; text-align: center; color: #fff;}
.about3-page .current {position: relative; top: 22px; padding-right: 10px; font-size: 86px; line-height: 1.2;}
.about3-page .total {position: relative; top: 7px; padding-left: 16px; font-size: 26px; line-height: 1.2;}
.about4 {padding-top: 165px; padding-bottom: 165px; font-size: 16px; line-height: 36px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.about4 .textbox {width: 394px;}
.about4 h2 {margin-bottom: 40px; font-size: 68px;}
.about4 i {display: inline-block; margin-top: 60px; margin-bottom: 15px; width: 14px; height: 4px; background: #cf263a;}
.about4 .weui-cell__hd {width: 24px;}
.about-icon {position: relative; padding-right: 15px; padding-bottom: 15px;}
.about-icon img {position: relative; z-index: 1; width: 86px; height: 86px; max-width: none;}
.about-icon i {position: absolute; top: 10px; left: 10px; display: block; width: 86px; height: 86px; background: #f5f5f5; border-radius: 50%;}
.about5 {padding-top: 50px; padding-bottom: 50px;}
.about5 .weui-cell__hd {margin-top: 15px;}
.about5 .weui-cell__bd {padding-left: 30px; font-size: 22px; line-height: 32px;}
.about6 {padding-top: 2%; height: 960px; color: #fff; font-size: 24px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;}
.about6 .weui-flex {margin-top: 40px;}
.about7 .desc {padding-right: 11%; line-height: 32px;}
.about7 .about-icon {margin-left: 10px;}
.about7 .about-icon i {left: 12px; top: 15px; width: 74px; height: 74px; background-color: #e3e3e3;}
.about7 .weui-flex__item p {font-size: 22px;}
.about8 {margin-bottom: 80px; padding: 60px 20px; color: #fff; font-size: 36px; background: #cf263a; border-radius: 10px; box-shadow: 0 31px 43px rgba(255, 0, 30, .19); overflow: hidden;}
.about8 .circle-group {margin-bottom: 50px; height: 380px;}
.about8 .circle-group span {position: absolute; display: block; top: 50%; left: 50%; margin-top: -88px; margin-left: -88px; width: 176px; height: 176px; line-height: 176px; font-size: 28px; border-radius: 50%; background-image: url(../img/icon/about_icon8.png); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.about8 .circle-group span:nth-child(1) {margin-left: -156px; background-image: url(../img/icon/about_icon9.png);}
.about8 .circle-group span:nth-child(2) {margin-left: -20px; z-index: 1;}
.about8 .circle-group span:nth-child(3) {top: 0; margin-top: 0;}
.about8 .circle-group span:nth-child(4) {top: auto; bottom: 0; z-index: 2;}
.about8 .col-xs-12:nth-child(2), .about8 .col-xs-12:nth-child(3) {left: -30px;}
.about8 .col-xs-12:nth-child(3) .circle-group span:nth-child(1) {left: 10px; margin-left: 0;}
.about8 .col-xs-12:nth-child(3) .circle-group span:nth-child(2) {left: auto; right: 10px; margin-left: 0;}
.business {margin-top: 40px; margin-bottom: 40px;}
.business li {position: relative; margin: 5px 0; background-color: #fff;  overflow: hidden;    border-left: 4px solid #cca435;}
.business .textbox {padding: 40px 70px 40px 40px; font-size: 16px; line-height: 28px; word-break: break-all;}
.business .textbox h2 {margin-bottom: 20px; font-size: 42px; line-height: 34px;color:#333333}
.business .textbox h4{color:#333333;font-size:24px;}
.business .textbox p{padding-top:40px;font-size:16px;color:#999999;padding-bottom:50px;}
.business .tags {padding: 78px; color: #fff;}
.business .tags span {display: inline-block; margin: 6px; width: 47%; padding: 0 8px; line-height: 34px; border-radius: 10px; font-size: 16px; text-align: center; border: 2px solid #fff; background: rgba(255, 255, 255, .1);}
.business .tags span.col2 {width: 63%;}
.brand1 {padding: 40px 0 20px;}
.brand1 .swiper {padding-bottom: 50px;}
.brand1 .swiper-slide {height: 660px; border-radius: 10px; overflow: hidden; background: #333;}
.brand1 .swiper-slide img {width: 100%; height: 100%; object-fit: cover; max-width: none;}
.brand1 .swiper {--swiper-pagination-bullet-horizontal-gap: 10px; --swiper-pagination-color: #cf263a; --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bullet-inactive-color: #fff;}
.brand2 {padding-top: 160px; padding-bottom: 100px;}
.brand2 .index9 h3 {margin-top: 0; margin-bottom: 100px;}
.brand2 .weui-cell__ft {width: 38%; font-size: 16px; line-height: 28px; color: #333; text-align: left; word-break: break-all; font-family: 'SourceHanSansCN-Regular';}
.achieve1 {position: relative; background-color: #cf263a;}
.achieve1 .img {right: -4%; bottom: -21%; width: 45%; opacity: .1;}
.achieve1 .about6 {height: auto;}
.achieve2 .row {margin-left: -6px; margin-right: -6px;}
.achieve2 .row > div {margin-top: 6px; margin-bottom: 6px; padding-left: 6px; padding-right: 6px;}
.achieve2 .textbox {position: relative; padding: 28px; height: 279px; color: #fff; font-size: 24px; line-height: 32px; background: url(../img/icon/achieve1.png) no-repeat center center; background-size: cover; border-radius: 10px; overflow: hidden; box-shadow: 24px 0 35px rgba(0, 0, 0, .19);}
.achieve2 .textbox .imgbox {left: 28px; bottom: 28px; right: 28px;}
.achieve2 .index2 {margin-top: 70px !important; margin-bottom: 100px !important; padding-bottom: 0;}
.achieve2 .index2 .imgbox {width: 70%; border-radius: 10px; overflow: hidden; box-shadow: 51px 0 65px rgba(0, 0, 0, .16);}
.achieve2 .index2 .tit {font-size: 24px; line-height: 36px;}
.achieve3 .title {padding-top: 100px;}
.achieve3 p {text-align: center; font-size: 16px;}
.achieve3 .swiper {padding-top: 100px; padding-bottom: 100px;  --swiper-pagination-bullet-horizontal-gap: 8px; --swiper-pagination-color: #cf263a;}
.achieve3 .bgcolor {position: absolute; top: 0; left: 50%; margin-left: -118px; width: 236px; height: 236px; border-radius: 50%; background: #f5f5f5; transition: all .3s;}
.achieve3 .imgbox {position: relative; margin: 0 auto 20px; padding: 0; height: 304px;}
.achieve3 .imgbox img {margin: 0 auto; max-height: 100%;}
.achieve3 .swiper-slide:nth-child(1) .imgbox {left: 3%;}
.achieve3 .swiper-slide:nth-child(2) .imgbox {left: 7%;}
.achieve3 .swiper-slide:nth-child(3) .imgbox {left: 17%;}
.achieve3 .swiper-pagination {bottom: 40px !important;}
.achieve4 {background-color: #e9e9e9;}
.achieve4 .desc {font-size: 24px; line-height: 32px;}
.achieve4 .imgbox > div {border-radius: 10px; overflow: hidden; box-shadow: 24px 0 35px rgba(0, 0, 0, .3);}
.achieve4 .imgbox .img1 {width: 51.565%;}
.achieve4 .imgbox .img2 {position: absolute; top: 0; right: 0; width: 45.222%; height: 47.36%;}
.achieve4 .imgbox .img3 {position: absolute; bottom: 0; right: 0; width: 45.222%; height: 47.36%;}
.banner {position: relative; height: 740px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;}
.banner-title {position: absolute; left: 4.5%; right: 4.5%; top: 52%; text-align: center; font-size: 68px; color: #fff; transform: translateY(-50%);}
.case1 {padding-top: 75px; padding-bottom: 30px;}
.case1 .swiper-slide {width: 424px; padding-bottom: 70px;}
.case1 .box {display: block; height: 244px; color: #333; background-color: #fff; border-radius: 10px;}
.case1 .textbox {padding: 40px 40px 40px 0; font-size: 16px; line-height: 24px;}
.case1 .textbox .weui-cell__hd {width: 165px; font-size: 36px; line-height: 46px; text-align: center;}
.case1 .textbox .weui-cell__bd {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; word-wrap: break-word;}
.case1 .logobox {position: absolute; padding: 0 100px 0 0; left: 0; right: 0; bottom: 40px;}
.case1 .logobox img {display: block; margin: 0 auto; width: 115px; height: 115px; border-radius: 50%; border: 1px solid #ededed; box-shadow: 44px 0 65px rgba(0, 0, 0, .06);}
.case1 .logobox .weui-cell__hd {width: 165px;}
.case1 .logobox .weui-cell__bd {color: #999; font-size: 16px;}
.case1 .logobox .weui-cell__bd span {padding-right: 15px;}
.case2 {min-height: 50vh;}
.case2 .filter-btn {height: 135px; margin-bottom: 40px; padding-left: 0; border-bottom: 1px solid #D7D7D7;}
.case2 .filter-btn .weui-cell__hd {font-size: 36px;}
.case2 .filter-btn .weui-cell__bd {padding-left: 10px; padding-right: 10px; font-size: 16px; font-family: 'Gilmer-Bold';}
.case2 .filter-btn .weui-cell__ft {padding: 10px; font-size: 16px; color: #333; cursor: pointer;}
.case2 .filter-btn .weui-cell__ft::after {position: absolute; top: 50%; right: 0; display: block; content: ''; width: 8px; height: 8px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(45deg) translateX(-100%);}
.case2 .filterbox {position: absolute; z-index: 1; top: 135px; left: 0; right: 0; display: none; background-color: #fff; border-radius: 0 0 10px 10px; box-shadow: 0 44px 65px rgba(0, 0, 0, .21); overflow: hidden;}
.case2 dl {margin: 0; padding: 20px 0; border-top: 1px solid #F3F3F3;}
.case2 dl:first-child {border-top: 0;}
.case2 dt {width: 175px; margin: 5px 0; text-align: center; font-size: 20px; line-height: 34px;}
.case2 dd a {float: left; display: block; margin: 5px; padding: 0 20px; line-height: 34px; font-size: 16px; color: #333; border-radius: 5px; transition: all .3s;}
.case2 dd a.on {background-color: #f3f3f3;}
.case2 .row {margin-left: -20px; margin-right: -20px; padding-bottom: 20px;}
.case2 .col-xs-12 {padding: 20px;}
.case2 .imgbox {display: block; border-radius: 10px; overflow: hidden;}
.case2 .imgbox img {width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.case2 .textbox {left: 0; bottom: 0; right: 0; padding: 40px 40px 30px 40px; color: #fff; 
  background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.case2 .textbox .tag {margin-bottom: 3px; font-size: 16px;}
.case2 .textbox .tit {margin-bottom: 0; font-size: 36px;}
.case2 .col-sm-12 .imgbox {height: 35.4vw;}
.case2 .col-sm-7 .imgbox {height: 33.2vw;}
.case2 .col-sm-5 .imgbox {height: 33.2vw;}
.case3 {padding-top: 137px; padding-bottom: 177px; font-size: 16px; line-height: 32px;}
.case3 h2 {font-size: 46px; margin-bottom: 70px;}
.case4 {background-repeat: no-repeat; background-position: center center; background-size: cover;}
.case4 .weui-cell {height: 36vw; font-size: 16px; line-height: 32px;}
.case4 .weui-cell__ft {width: 44%; padding-left: 5%;}
.case5 {padding-top: 6.5vw; padding-bottom: 6.5vw;}
.case5 .container{padding: 0 10%}
.case6 .weui-cell {padding: 0 9%; height: 184px; color: #fff; font-size: 26px; background-color: #cf263a; background-position: center center; background-repeat: no-repeat; background-size: cover; background-blend-mode: initial;}
.case6 .weui-cell::before {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ''; background-color: rgba(0, 0, 0, .45);}
.case6 .weui-cell > span {position: relative; z-index: 1;}
.case6 .weui-cell__hd, .case6 .weui-cell__ft {padding: 0 15px;}
.case6 .weui-cell__ft {color: #fff;}
.case6 .weui-flex__item:nth-child(1) .weui-cell__bd {padding-left: 10%;}
.case6 .weui-flex__item:nth-child(2) .weui-cell__bd {padding-right: 10%;}
.news1 {padding-top: 100px; padding-bottom: 88px; background: #f7f7f7;}
.news1-btn {width: 45%;}
.news1-btn li {border-bottom: 1px solid #e7e7e7;}
.news1-btn li a {padding: 25px 0;}
.news1-btn .weui-cell__hd {padding-top: 5px; width: 66px; font-size: 12px; line-height: 14px;}
.news1-btn .weui-cell__bd {margin-bottom: 0; font-size: 16px; line-height: 24px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; transition: all .3s;}
.news1-btn li.on .weui-cell__bd {color: #cca435;}
.news1-panel {padding-left: 6%;}
.news1-panel li {display: none;}
.news1-panel a {display: block; position: relative; padding-right: 190px;}
.news1-panel .imgbox {position: relative; z-index: 1; margin-left: 40px; margin-bottom: -66px; overflow: hidden; border-radius: 10px; box-shadow: 0 38px 32px rgba(0, 0, 0, .13);}
.news1-panel .imgbox img {width: 100%; height: 100%; object-fit: cover; max-width: none;}
.news1-panel .textbox {padding: 115px 50px 35px 50px; background: #fff; border-radius: 10px; overflow: hidden;}
.news1-panel .textbox h3 {margin-bottom: 15px; font-size: 16px; line-height: 26px; color: #333;}
.news1-panel .textbox p {font-size: 16px; line-height: 24px; color: #999;}
.news1-panel .date {position: absolute; right: 70px; width: 150px; bottom: 0; top: 160px; color: #fff; background-color: #cca435; border-radius: 0 10px 10px 0; overflow: hidden;z-index:10;background-image: url(../images/index_logo_bg3.png);}

.news1-panel .date p {position: absolute; bottom: 0; left: 0; right: 0; padding: 0 30px;}
.news1-panel .date .txt1 {font-size: 22px;}
.news1-panel .date .txt2 {font-size: 78px; line-height: 1.2;}
.news2 {padding-bottom: 37px;}
.news2 .toolbar {padding: 37px 0 35px; margin-bottom: 60px; color: #999; font-size: 16px; border-bottom: 1px solid #cfcfcf;}
.news2 .select {position: relative; width: 114px; padding: 0 18px; text-align: left; border: 1px solid #ddd; border-radius: 10px;}
.news2 .select::after {position: absolute; display: block; content: ''; top: 50%; right: 14px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #333; transform: translateY(-50%);}
.news2 .select span {display: block; font-size: 14px; color: #333; height: 34px; line-height: 34px;}
.news2 .select ul {display: none; position: absolute; z-index: 1; padding: 7px 0; background: #fff; top: 27px; left: -1px; right: -1px; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 10px 10px;}
.news2 .select ul a {padding: 8px 18px; font-size: 14px; color: #333;}
.news2 .formbox {margin-left: 12px; margin-bottom: 0; border: 1px solid #ddd; font-size: 14px; color: #333; border-radius: 10px;}
.news2 .input {float: left; width: 214px; background: none; padding: 3px 18px; height: 34px; font-weight: normal;}
.news2 .submit {float: right; margin-right: 5px; width: 34px; height: 34px; background: url(../img/icon/news_search.png) no-repeat center center; background-size: 13px;}
#gallery-wrapper {position: relative; margin-right: -28px;}
.gengduo{padding: 40px 0;text-align:center;color:#cca435;}
.gengduo span{color:#cca435;border-bottom: 4px solid #cca435;padding-bottom:10px;}



.white-panel {position: absolute; margin-top: 0; background: #f7f7f7; border-radius: 10px; overflow: hidden; transition: all .3s;}
.white-panel img {width: 100%; max-width: none; transition: all .3s;}
.white-panel .textbox {padding: 40px 20px;}
.white-panel .textbox h3 {margin-bottom: 20px; font-size: 16px; line-height: 24px; color: #333;}
.white-panel .textbox p {margin-bottom: 0; font-size: 16px; line-height: 24px; color: #999;}
.newsest {padding: 45px 0;}
.newsest li {margin: 5px 0;}
.newsest-hd {padding: 32px 50px; font-size: 16px; background-color: #fff; border-radius: 10px; cursor: pointer;}
.newsest-hd .weui-cell__hd {width: 30%;}
.newsest-hd .weui-cell__ft {position: relative; width: 8px; height: 8px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(45deg);}
.newsest-bd {display: none;}
.newsest-bd .weui-cell {padding: 80px; background-color: #cf263a; border-radius: 10px; color: #fff;}
.newsest-bd .symbol {position: relative; margin: 0 36px; width: 24px; height: 24px;}
.newsest-bd .symbol::before, .newsest-bd .symbol::after {position: absolute; display: block; content: ''; top: 50%; left: 50%; margin-top: -3px; margin-left: -10px; width: 20px; height: 6px; background-color: #fff;}
.newsest-bd .symbol::before {transform: rotate(45deg);}
.newsest-bd .symbol::after {transform: rotate(-45deg);}
.newsest-bd .weui-cell__hd {width: 42%;}
.newsest-bd .weui-cell__bd {font-size: 16px; line-height: 24px; font-family: 'Adobe 黑体 Std';}
.newsest-bd .weui-cell__bd h3 {margin-bottom: 50px; font-size: 26px; line-height: 1.5;}
.newsest-bd .weui-cell__ft {width: 12%;}
.newsest-bd .weui-cell__ft .closebtn {position: absolute; top: 20px; right: 35px; width: 40px; height: 40px; cursor: pointer;}
.newsest-bd .weui-cell__ft .closebtn::before,
.newsest-bd .weui-cell__ft .closebtn::after {position: absolute; display: block; content: ''; top: 50%; left: 50%; margin-top: -1px; margin-left: -8px; width: 16px; height: 2px; background-color: #fff;}
.newsest-bd .weui-cell__ft .closebtn::before {transform: rotate(45deg);}
.newsest-bd .weui-cell__ft .closebtn::after {transform: rotate(-45deg);}
.news-detail {padding-top: 50px; padding-bottom: 40px;}
.news-detail .row {margin-left: -8px; margin-right: -8px;}
.news-detail .col-xs-12 {padding-left: 8px; padding-right: 8px;}
.news-detail .top {display: block; font-size: 16px; line-height: 42px; border-bottom: 1px solid #e1e1e1;}
.news-article, .news-aside, .news-pages {border-radius: 10px;}
.news-article .top {padding-left: 30px; padding-right: 30px; color: #333;}
.news-article .tit {margin-top: 40px; margin-bottom: 0; padding: 0 25px; font-size: 26px; line-height: 34px; border-left: 5px solid #cf263a;}
.news-article .date {padding: 30px; color: #999;}
.news-article .cont {padding: 30px; border-top: 1px solid #e1e1e1; font-size: 16px; line-height: 24px; color: #999; font-family: 'Adobe 黑体 Std';}
.news-article .cont p {margin-bottom: 15px;}
.news-article .cont img {max-width: 100% !important; height: auto !important; margin: 0 auto;} 
.news-pages {margin-top: 8px; padding: 26px 30px;}
.news-pages a {display: block; font-size: 16px; line-height: 32px; color: #333;}
.news-pages .split {padding: 0 20px; font-size: 14px;}
.news-pages .text-left {padding: 0 15px 0 30px; text-align: left; font-size: 14px;}
.news-pages .qrcode {padding: 2px; background: #fff; border: 1px solid #c3c3c3; box-shadow: 4px 4px 27px rgba(0, 0, 0, .19);}
.news-aside .top {padding-left: 25px; padding-right: 25px;}
.news-aside ul {padding-top: 15px; padding-bottom: 15px;}
.news-aside li a {display: block; padding: 10px 20px; font-size: 16px; line-height: 24px; color: #333;}
.news-aside li span {font-size: 14px; color: #999;}
.coop1 {padding-top: 55px; padding-bottom: 55px; background-color: #f2f2f2;}
.coop1 .title {margin-bottom: 30px;}
.coop1 form {padding: 30px; background-color: #fff; border-radius: 10px;}
.coop1 li {margin-bottom: 20px;}
.coop1 li .split {position: relative; height: 1px; display: block; background-color: #c6c6c6;}
.coop1 li .split::after {position: absolute; display: block; content: ''; left: 0; bottom: 0; width: 0; height: 1px; background-color: #cf263a; transition: all .3s;}
.coop1 li.focus .split::after {width: 100%;}
.coop1 li > p {font-size: 16px;}
.coop1 li label {display: block; width: 100%;}
.coop1 li input {display: block; width: 100%; padding: 5px 0; font-weight: normal; font-size: 16px; line-height: 34px; color: #999; font-family: 'SourceHanSansCN-Regular';}
.coop1 li input::-webkit-input-placeholder {color: #999;} 
.coop1 li input:-moz-placeholder {color: #999;} 
.coop1 li input::-moz-placeholder {color: #999;} 
.coop1 li input:-ms-input-placeholder {color: #999;} 

.coop1 .submit {display: block; margin-top: 30px; margin-bottom: 20px; width: 100%; height: 48px; font-size: 16px; background: rgba(207, 38, 58, 1); color: #fff; border-radius: 10px; box-shadow: 0 10px 16px rgba(0, 0, 0, .13);}
.coop1 .checkbox {padding-left: 0; padding-right: 0; font-size: 14px;}
.coop1 .checkbox a {color: #333;}
.coop1 .checkbox .weui-cell__hd {position: relative; margin-right: 12px; width: 14px; height: 14px; border-radius: 2px; border: 1px solid #333; cursor: pointer;}
.coop1 .checkbox .weui-cell__hd i {position: absolute; top: 1px; left: 1px; display: block; content: ''; width: 10px; height: 6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); opacity: 0;}
.coop1 .checkbox.focus .weui-cell__hd {background: #cf263a; border-color: #cf263a;}
.coop1 .checkbox.focus .weui-cell__hd i {opacity: 1;}
.coop2 {height: 500px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.coop2 .textbox {top: 0; left: 0; right: 0; bottom: 0; color: #fff; font-size: 26px; line-height: 36px;}
.coop2 .textbox p:nth-child(1) {margin-top: -34px; margin-bottom: 15px; font-size: 16px;}
.coop3 {padding: 30px 0;}
.coop3 .qrcode {margin-left: 80px; border: 1px solid #e9e5e6; box-shadow: 0 10px 16px rgba(0, 0, 0, .13);}
.coop3 .weui-cell__ft > img {float: left; width: 74px;}
.coop3 .weui-cell__ft > div {float: left; color: #333; padding-right: 86px; padding-left: 20px;}
.coop3 .weui-cell__ft p {margin-bottom: 0; text-align: left;}
.coop3 .weui-cell__ft .din {font-size: 26px;}
.questions {padding-top: 54px; padding-bottom: 54px; font-size: 16px; background-color: #f2f2f2;}
.questions li {margin-bottom: 3px;}
.questions li.on .before {color: #cf263a;}
.questions li.on .before .weui-cell__ft {border-right-color: #cf263a; border-bottom-color: #cf263a; transform: rotate(-135deg);}
.questions .before {padding: 23px 35px; background: #fff; color: #333; border-radius: 10px; cursor: pointer; font-family: 'SourceHanSansCN-Regular';}
.questions .before .weui-cell__hd {width: 150px;}
.questions .before .weui-cell__ft {position: relative; width: 8px; height: 8px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(45deg); transition: all .3s;}
.questions .after {display: none; margin-bottom: 5px; margin-top: 3px; padding: 40px 185px; background: #cf263a; color: #fff; line-height: 32px; border-radius: 10px; font-family: 'Adobe 黑体 Std';}
.recruit {padding-top: 50px; padding-bottom: 86px; font-size: 16px; background-color: #f2f2f2;}
.recruit .before {padding-left: 0; padding-right: 0; height: 64px;}
.recruit .before > div {padding: 0 15px;}
.recruit .before .din {font-size: 20px;}
.recruit .before .weui-cell__ft {width: 15%; text-align: left;}
.recruit .before .col1, .recruit .before .col5 {width: 135px;}
.recruit .before .col1 {padding-left: 40px;}
.recruit .before .col2 {width: 115px;}
.recruit .before .col4 {}
.recruit .after {display: none; padding: 45px 45px 0 45px; background-color: #cca435; color: #fff; font-size: 16px; line-height: 32px; font-family: 'SourceHanSansCN-Regular'; word-break: break-all;}
.recruit .after .weui-cell {margin-top: 45px; padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, .58);}
.recruit .after .weui-cell__hd {padding-right: 115px;}
.recruit li {border-top: 1px solid #cbcbcb;}
.recruit li .before .col1 {padding-left: 47px;}
.recruit li .before .col5 {cursor: pointer;}
.recruit li.on {color: #cca435;}
.quick-entry {padding-top: 50px; padding-bottom: 28px;}
.quick-entry ul {margin-left: -32px; margin-right: -32px;}
.quick-entry li {padding: 22px 32px;}
.quick-entry .weui-flex {height: 96px; border: 1px solid #ebebeb; border-radius: 10px;}
.quick-entry .logobox {padding: 5px; text-align: center;}
.quick-entry .logobox img {max-height: 80px;}
.quick-entry .line2 {padding-right: 5px; color: #333; font-size: 16px;}
.coop-layout__mask {display: none; position: fixed; z-index: 10000; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, .5);}
.coop-layout__cont {display: none; position: fixed; z-index: 10001; top: 50%; left: 50%; padding: 80px 50px 50px; width: 60%; max-height: 60vh; font-size: 16px; line-height: 28px; border-radius: 10px; background-color: #fff; word-break: break-all; overflow-y: auto; -webkit-overflow-scrolling: touch; transform: translate(-50%, -50%);}
.coop-layout__cont h2 {margin-bottom: 40px; font-size: 36px; font-weight: normal; text-align: center;}
.coop-layout__cont .closebtn {width: 40px; height: 40px; top: 20px; right: 20px; cursor: pointer;}
.coop-layout__cont .closebtn::before, .coop-layout__cont .closebtn::after {position: absolute; display: block; content: ''; top: 50%; left: 50%; margin-top: -1px; margin-left: -10px; width: 20px; height: 2px; background: #000; transition: all .3s;}
.coop-layout__cont .closebtn::before {transform: rotate(45deg);}
.coop-layout__cont .closebtn::after {transform: rotate(-45deg);}


.chuangxin{overflow: hidden;width:100%;background: url(../images/chuangxin_bj.jpg) no-repeat center;background-size: cover;padding-bottom:100px;}
.chuangxin h3{padding-top:100px;font-size: 48px;
    line-height: 58px;
    font-weight: bold;}
.chuangxin h4{padding-top:150px;font-size:36px;color:#cca435}
.cx_cp_wz{padding-top:20px;color:#999999}

.xuanchuan{overflow: hidden;width:100%;background: url(../images/xuanchuan.jpg) no-repeat center;height:720px;    
    background-attachment: fixed;background-position-x: 50% !important;
    background-position-y: 50% !important;}

.xinwen{padding:90px 0 60px 0;}
.xinwen1{overflow: hidden;padding-top:20px;}
.xinwen1_left{float:left;width:51%;overflow: hidden;}
.xinwen1_left_tp{width:100%;overflow: hidden;}
.xinwen1_left_tp img{width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: none;}
.xinwen1_left_tp_wz{padding:10px;    box-shadow: 5px 13px 19px 0px rgb(0 0 0 / 10%);background-color: #fff;overflow: hidden;    margin:-40px 60px 30px 0;z-index:999;    position: relative;}
.xinwen1_left_tp_wz h3{color:#cca435;}
.xinwen1_left_tp_wz p{color:#999999;}

.xinwen1_right{width:46%;float:right;overflow: hidden; box-shadow: 5px 13px 19px 0px rgb(0 0 0 / 10%);    border: 1px solid #e6e6e7;margin-bottom:20px;margin-right:1.5%;}
.xinwen1_right ul{padding:10px;overflow: hidden;}
.xinwen1_right li{overflow: hidden;    border-bottom: 1px dashed #e7e7e7;padding:24px 0}
.xinwen1_right_1{width:85%;float:left;}
.xinwen1_right_1 h3{color:#333333;}
.xinwen1_right_1 p{color:#999999;}
.xinwen1_right_1 span{color:#999999;}
.xinwen1_right_2{width:10%;float:right;margin-top:10%;}
.xinwen1_right_2 span{color: #cca435;border: 1px solid #cca435;padding:2px 6px;font-size:14px;}
.ny_news {
    width: 100%;
    overflow: hidden;
}
.ny_news li {
    width: 30%;
    overflow: hidden;
    background: linear-gradient( 
-45deg,#e9e9e9,#f8f8f8);
    margin: 0 1.5%;
    padding-bottom: 10px;
    
    margin-bottom: 30px;
    float: left;
    position: relative;
}
.ny_news li a {
    overflow: hidden;
}
.xinwen_tp {
    overflow: hidden;
}
.xinwen_tp img {
    display: block;
    height: 280px;
    max-height: 280px;
    width: 100%;
    position: relative;
}
.ny_news li .date {
    padding: 10px 15px;
    font-size: 14px;
    color: #cca435;
    text-align: left;
}
.ny_news li h2 {
    font-size: 16px;
    font-weight: 600;
    padding: 5px 15px;
    text-align: left;
    line-height: 30px;
    color: #333333;
}
.ny_news li p{ padding: 5px 15px;
    text-align: left;color:#999999}
.biaoti{font-size:36px;padding:15px 0 30px 0}
.biaoti p{padding-top:10px;color:#999999;font-size:24px;}
.shipin {
    padding-top: 20px;
    overflow: hidden;
}

.shipin ul {
    overflow: hidden;
  
}
.shipin ul li {
    width: 33.33333333%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 25px;
    float: left;
    position: relative;
}
.shipin ul li .tu {
    min-height: 220px;
}
.shipin ul li img {
    display: block;
    max-width: 100%;
    height: auto;
}

.shipin ul li .sp_an {
    position: absolute;
    bottom: 60px;
    left: 25px;
}
.shipin ul li h3 {
    font-size: 16px;
    color: #333333;
    padding: 5px;
    background-color: #f8f8f8;
    line-height: 30px;
}


.lianxi{background-color:#fff;
    box-shadow: 0px 13px 19px 10px rgb(0 0 0 / 10%);padding:10px 30px;margin:30px;}

.lianxi h3{font-weight:bold;font-size:24px;padding-top:20px;}
.lianxi_line{width:36px;height:6px;background-color:#cca435;margin-top:15px;margin-bottom:100px;}
.lianxi_1{width:100%; overflow: hidden;margin-bottom:20px;}

.lianxi_1 li{width:30%;float:left;margin:0 1.5%;font-size:18px;}
.lianxi_1 li a{color:#333}
.lianxi_1 li img{padding-right: 10px;}

.liuyan1 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.liuyan1 input {
    width: 47%;
    float: left;
    height: 50px;
    margin: 15px 1.5%;
    padding-left: 10px;
    border: none;
    border-bottom: 1px solid #ccc;
    outline: none;
    background: none;
}

.liuyan1 textarea {
     width: 97%;
    float: left;
    height: 50px;
    margin: 5px 1.5%;
    padding-left: 10px;
    border: none;
    border-bottom: 1px solid #ccc;
    outline: none;
    background: none;
}
.liuyan1 .am-btn {
    padding: 15px 60px;
    background-color: #cea168;
    color: #fff;
    margin-left: 20px;
    border: 1px solid #cea168;
}
.chanpin_jj{background-color:#cca435;width:35%;padding:40px 20px 20px 20px;color:#fff;}
.chanpin_jj h2{font-size:36px;font-weight:bold;margin-bottom:20px;}
.chanpin_jj p{font-size:16px;margin-bottom:80px;}
.microfiche-controls {
  display: block;
  text-align: center;
  font-size: 10px;
  padding: 5px 0px;
}
.microfiche-bullet {
  display: inline-block;
  cursor: pointer;
  width: 22px; height: 22px;
  border-radius: 50px;
  background: #cca435;
  overflow: hidden;
  text-indent: -1000px;
  margin: 0 5px;
  opacity: 0.25;
  appearance: none;
  border: none;
  outline: none;
  padding: 0;
}
.microfiche-bullet.selected {
  opacity: 1;
}
.microfiche-button {
  margin: 0 15px;
}

 .example {
    display: block;
    position: relative;
    
    margin: 0;
   
  }
  .example ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .example li {
    display: block;
    float: left;
    margin: 5px 16px;
    padding: 0;
  }
    .example li img {
      display: block;
      margin: 0;
    }
    .example li p{text-align:center;line-height:30px;padding-top:10px;}
.demo {
  display: block;
  position: relative;
  margin: 0 0 50px 0;
}

pre, code {
  font-family: Monaco, monospace;
  overflow: hidden;
}

pre.prettyprint {
  padding: 0;
  border: none;
  max-width: 100%;
  overflow: hidden;
}

.tag {
	color: #3C4348;
}

.atv, .str, .kwd, .lit {
	color: #A0D0AB;
}

.pun, .opn, .clo, .atn {
	color: #3C4348;
}

.com {
	color: #C4CDD2;
}

hr {
  border: none;
  outline: none;
  height: 1px;
  background: #F7F7F7;
  margin: 50px 0;
}

.body-subcontainer {
 
}

.body-subcontainer.responsive-width-demo {
  width: auto;
  min-width: 315px;
}
.jianjie_nr{padding-top:30px;font-size:16px;}
.linian img{    width: 100%;
    height: 100%;
    object-fit: cover;}
	
.linian_wz li{padding-bottom:85px;}	

.linian_wz h4{color:#333333;font-size:28px;font-weight:bold;}
.linian_wz h4 img{padding-right:10PX;}
.linian_wz p{padding-top:15px;color:#333333;font-size:16px;}

.wenhua li{ box-shadow: 0px 13px 19px 10px rgb(0 0 0 / 10%);margin: 32px;    overflow: hidden;}
.wenhu_left{width:35%;float:left;color:#fff;    overflow: hidden;background-color:#cca435;text-align:center;min-height:135px;line-height:55px;font-size:24px;font-weight:bold}


.wenhu_right{width:65%;float:right;
    padding: 15px 10px 15px 25px ;    overflow: hidden;font-size:18px;line-height:35px;color:#666666;vertical-align:middle;
}
.wenhua{ }
.wenhua1_right{ }
.tuandui{text-align:center;}