/* ***************************** header */
#header {
    width: 100%;
    height: 1.2rem;
    background: #fff;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: .04rem solid #cdc9c5;
}

#header .head {
    height: 100%;
    position: relative;
}

#header .logo {
    float: left;
    width: 1.32rem;
    height: .62rem;
    /*margin: 0.29rem 0 0 1.2rem;*/
    position: absolute;
    top: .29rem;
    left: 50%;
    margin-left: -.66rem;
}

#header .headSearch {
    float: right;
    height: 100%;
    margin-right: .3rem;
}

#header .headSearch .searchIcon {
    display: block;
    width: .42rem;
    height: 100%;
    background: url(../img/public/searchIcon.png) no-repeat center /100%;
}

#header .headSearch .searchCase {
    display: none;
    width: 7.5rem;
    height: .8rem;
    position: absolute;
    top: 100%;
    right: 0;
}

#header .headSearch .searchCase input {
    width: 100%;
    height: .8rem;
    background: #fff;
    border: .04rem solid #e9e2dd;
    box-sizing: border-box;
    font-size: .26rem;
    color: #84888b;
    line-height: .72rem;
    text-indent: .3rem;
    padding-right: .8rem;
}

#header .headSearch .searchBtn {
    display: block;
    width: .8rem;
    height: .8rem;
    background: #e9e2dd url(../img/public/searchIcon2.png) no-repeat center /.27rem;
    position: absolute;
    top: 0;
    right: 0;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ sideNavBtn */
#header .sideNavBtn {
    float: left;
    width: 1.2rem;
    height: 1.2rem;
    position: relative;
    z-index: 9998;
    cursor: pointer;
    padding: .4rem;
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#header .sideNavBtn.act {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    left: 4.65rem;
    background: #e7dfd9;
}

#header .sideNavBtn ul {
    width: 0.42rem;
    height: .38rem;
    position: relative;
    overflow: auto;
}

#header .sideNavBtn li {
    display: block;
    width: 100%;
    height: 0;
    border-top: .04rem solid #e60012;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#header .sideNavBtn.act li {
    border-top: .05rem solid #e70012;
}

#header .sideNavBtn li:nth-child(1) {
    top: 0%;
}

#header .sideNavBtn li:nth-child(2) {
    top: 42%;
}

#header .sideNavBtn li:nth-child(3) {
    top: 82%;
}

#header .sideNavBtn.act li:nth-child(1) {
    top: 50%;
    margin-top: -3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#header .sideNavBtn.act li:nth-child(2) {
    opacity: 0;
}

#header .sideNavBtn.act li:nth-child(3) {
    width: 100%;
    bottom: auto;
    top: 50%;
    margin-top: -3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#header .language {
    font-size: .4rem;
    line-height: 1.2rem;
    color: #e70012;
    font-family: 'Din';
    float: left;
    margin-right: .3rem;
    letter-spacing: -1px;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ sideNav */
#sideNav {
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
}

#sideNav var {
    display: block;
    width: 100%;
    height: 100%;
    background: #f0e9e5 url(../img/public/varBg.png) no-repeat right 9rem /2.85rem;
    position: fixed;
    top: 0;
    left: 0;
}

#sideNav.act {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity 0.4s ease;
}

#sideNav .nav {
    width: 4.65rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: #fff;
    overflow: auto;
    padding-right: .3rem;
    padding-bottom: .4rem;
}

#sideNav.act .nav {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

#sideNav .nav dl {
    border-bottom: 1px solid #e3d9d4;
    position: relative;
}

#sideNav .nav dl.act dd {
    display: block;
}

#sideNav .nav dl dt {
    height: 1rem;
    line-height: 1rem;
    padding-left: .3rem;
}

#sideNav .nav dl:first-child {
    border-bottom: none;
}

#sideNav .nav dl:first-child dt {
    width: 4.35rem;
    height: 1.2rem;
    background: #e60012;
}

#sideNav .nav dl:nth-child(2) {
    margin-top: .2rem;
    border-bottom: none;
}

#sideNav .nav dl dt h1 {
    font-size: .48rem;
    color: #fff;
    line-height: 1.2rem;
    font-weight: bold;
    font-family: 'Din';
}

#sideNav .nav dl dt a {
    font-size: 0.28rem;
    color: #333333;
    font-weight: 600;
}

#sideNav .nav dl.act dt a {
    color: #e60012;
}

#sideNav .nav dl dd {
    padding-left: .3rem;
    display: none;
}

#sideNav .nav dl dd ul {}

#sideNav .nav dl dd ul li {
    overflow: hidden;
    border-bottom: 1px solid #f7f1ee;
    height: .78rem;
}

#sideNav .nav dl dd ul li.act a {
    color: #e60012;
}

#sideNav .nav dl dd ul li:last-child {
    border-bottom: none;
}

#sideNav .nav dl dd ul a {
    color: #999999;
    font-size: 0.24rem;
    line-height: .78rem;
    position: relative;
    width: 100%;
}

#sideNav .nav dl:after {
    content: "";
    display: block;
    width: .24rem;
    height: .24rem;
    background: url(../img/public/sideNavIcon.png) no-repeat center /100%;
    position: absolute;
    top: 0.4rem;
    right: .4rem;
    transition: all 0.5s ease-out;
}

#sideNav .nav dl.act:after {
    background: url(../img/public/sideNavIcon_on.png) no-repeat center /100%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#sideNav .nav dl:first-child::after,
#sideNav .nav dl:nth-child(2)::after {
    display: none;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ stockInfo */
#sideNav .stockInfo {
    width: 2.3rem;
    position: absolute;
    right: .3rem;
    top: 6.68rem;
    background: none;
}

#sideNav .stockInfo .stockIcon {
    display: block;
    width: .26rem;
    height: .26rem;
    background: url(../img/public/stockUp.png) no-repeat center /100%;
}

#sideNav .stockInfo .stockIcon.gray {
    display: none;
}

#sideNav .stockInfo .stockIcon.down {
    background: url(../img/public/stockDown.png) no-repeat center /100%;
}

#sideNav .stockInfo h2 {
    font-size: .72rem;
    color: #e60012;
    line-height: 1.16rem;
    font-family: 'Din';
    letter-spacing: -3px;
}

#sideNav .stockInfo h2.down {
    color: #5db441;
}

#sideNav .stockInfo h2.gray {
    color: #696468;
}

#sideNav .stockInfo h5 {
    font-size: .3rem;
    color: #666666;
    line-height: .22rem;
    padding-bottom: .1rem;
}

#sideNav .stockInfo h6 {
    font-size: .24rem;
    color: #34364b;
}



/* ***************************** footer */
#footer {
    width: 100%;
    background: #fcf9f8;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ stockInfo */
.footNav {
    width: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    overflow: auto;
    padding-top: .25rem;
    border-top: .04rem solid #ffffff;
    padding-bottom: .68rem;
    border-bottom: .02rem solid #e3d9d4;
}

.footNav dl {
    border-bottom: 1px solid #e3d9d4;
    position: relative;
}

.footNav dl:last-child {
    border-bottom: none;
}

.footNav dl.act dd {
    display: block;
}

.footNav dl dt {
    height: .99rem;
    line-height: .99rem;
}

.footNav dl dt a {
    font-size: 0.3rem;
    color: #333333;
    font-weight: 600;
}

.footNav dl.act dt a {
    color: #e60012;
}

.footNav dl dd {
    display: none;
}

.footNav dl dd ul li {
    overflow: hidden;
    border-bottom: 1px solid #f7f1ee;
    height: .78rem;
}

.footNav dl dd ul li.act a {
    color: #ed6c00;
}

.footNav dl dd ul li:last-child {
    border-bottom: none;
}

.footNav dl dd ul a {
    color: #999999;
    font-size: 0.24rem;
    line-height: .78rem;
    position: relative;
    width: 100%;
}

.footNav dl:after {
    content: "";
    display: block;
    width: .24rem;
    height: .24rem;
    background: url(../img/public/sideNavIcon.png) no-repeat center /100%;
    position: absolute;
    top: 0.39rem;
    right: 0;
    transition: all 0.5s ease-out;
}

.footNav dl.act:after {
    background: url(../img/public/sideNavIcon_on.png) no-repeat center /100%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ stockInfo */
#footer .footContact {
    width: 100%;
    border-bottom: .02rem solid #e3d9d4;
}

#footer .footContact h6 {
    font-size: .24rem;
    color: #939393;
    line-height: 1.04rem;
    float: left;
}

#footer .footContact h6 a {
    display: inline-block;
}

#footer .footContact p {
    font-size: .24rem;
    color: #939393;
    line-height: 1.04rem;
    padding-right: .9rem;
    float: right;
    background: url(../img/public/wxIcon.png) no-repeat right center /.6rem;
}

#footer .footContact p.wx {
    position: relative;
    z-index: 99;
}

#footer .footContact p.wx .qcodeImg {
    display: none;
    width: 1.52rem;
    height: 1.52rem;
    position: absolute;
    top: -1.52rem;
    left: 50%;
    margin-left: -.76rem;
    z-index: 99;
}

#footer .footContact p.wx .qcodeImg.act {
    display: block;
}

#footer .footContact p.wx .qcodeImg img {
    width: 100%;
    height: auto;
}

#footer .footCopyright {
    width: 100%;
    padding: .33rem 0 .5rem;
}

#footer .footCopyright p {
    font-size: .24rem;
    color: #939393;
    line-height: .38rem;
}

.returnTop {
    display: none;
    width: 1rem;
    height: 1rem;
    background: url(../img/public/returnTop.png) no-repeat center /100%;
    position: fixed;
    right: .3rem;
    bottom: .5rem;
    z-index: 998;
}

.returnHome {
    display: none;
    width: 1rem;
    height: 1rem;
    background: url(../img/public/returnHome.png) no-repeat center /100%;
    position: fixed;
    right: .3rem;
    bottom: .5rem;
    z-index: 900;
}

/*2020.5.15 搴曢儴浜岀淮鐮� start*/
#footer .footContact .ri {
    float: right;
    font-size: .24rem;
    color: #939393;
    height: 1.04rem;
    line-height: 1.04rem;
    position: relative;
}

#footer .footContact .ri .ic {
    display: inline-block;
    width: .57rem;
}

#footer .footContact .ri .li.junxj .ic {
    width: .8rem;
    position: relative;
    top: .04rem;
}

#footer .footContact .ri .li {
    display: inline-block;
    vertical-align: top;
    margin-left: .1rem;
}

#footer .footContact .ri .li .ic {
    margin-top: .2rem;
}

#footer .footContact .ri .li:hover .pos {
    display: block;
}

#footer .footContact .ri .li .pos {
    display: none;
    width: 1.5rem;
    height: auto;
    border: .1rem solid #FFF;
    position: absolute;
    right: 0;
    bottom: 100%;
}

/*2020.5.15 end*/

/* ***************************** public */
#content {
    /*background: linear-gradient(#fff, #fcf9f8);*/
    background: #f3ecea;
    padding-bottom: .6rem;
}

.pageBan {
    width: 100%;
    margin-top: 1.2rem;
    /*height: 2rem;*/
    overflow: hidden;
}

.pageBan img {
    width: 100%;
}

.pageContent {
    width: 100%;
    padding: .8rem 0 0;
}

.pageContent .pageTit {
    width: 100%;
}

.pageContent .pageTit h2 {
    font-size: .36rem;
    color: #333333;
    line-height: .36rem;
    font-weight: 600;
    padding-bottom: .25rem;
    border-bottom: .04rem solid #ebebeb;
}

.pageContent .contentP {
    width: 100%;
    padding-top: .55rem;
}

.pageContent .contentP h4 {
    font-size: .3rem;
    color: #686a6c;
    line-height: .53rem;
    font-weight: 600;
    padding-bottom: .4rem;
    text-align: justify;
}

.pageContent p {
    font-size: .26rem;
    color: #84888b;
    line-height: .46rem;
    padding-bottom: .3rem;
}

.pageContent p img {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    height: auto;
}

.pageContent p strong {
    font-weight: bold;
    display: initial;
}

.loadMore {
    display: block;
    width: 2rem;
    height: .8rem;
    background: #e60012;
    line-height: .8rem;
    font-size: .24rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    margin-top: .3rem;
}

.loadMore2 {
    display: block;
    width: .8rem;
    height: .8rem;
    background: url(../img/public/downIcon.png) no-repeat center /100%;
}



/* ***************************** index.html */
.idx {
    background: #fcf9f8;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ idxBan */
#idxBan {
    width: 100%;
    position: relative;
    margin-top: 1.2rem;
    overflow-x: hidden;
}

#idxBan .swiper-slide img {
    width: 100%;
    max-width: 100%;
}

#idxBan .swiper-pagination {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: .3rem;
    left: 0;
}

#idxBan .swiper-pagination span {
    display: inline-block;
    width: .1rem;
    height: .04rem;
    background: #fff;
    border-radius: 0;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#idxBan .swiper-pagination span.swiper-pagination-bullet-active {
    width: .2rem;
    background: #ec6c00;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ idxIdy */
.idxIdy {
    width: 100%;
    padding: .3rem 0 .6rem;
}

.idxIdy .idxIdyItem {
    height: 2.5rem;
    margin-bottom: .1rem;
    padding: .4rem .3rem 0;
}

.idxIdy .idxIdyItem:nth-child(2n) {
    margin-right: 0;
}

/*.idxIdy .idxIdyItem a{display: block;width: 100%;height: 100%;padding: .4rem 0 0 .3rem;box-sizing: border-box;}*/
.idxIdy .idxIdyItem h4 {
    font-size: .3rem;
    color: #fff;
    padding-bottom: .2rem;
    line-height: .3rem;
    font-weight: 600;
}

.idxIdy .idxIdyItem h4 em {
    position: relative;
    padding-right: .2rem;
}

.idxIdy .idxIdyItem h4 em::after {
    display: block;
    content: '+';
    position: absolute;
    top: -.05rem;
    right: 0;
}

.idxIdy .idxIdyItem h5 {
    font-size: .24rem;
    color: #fff;
    line-height: .24rem;
    font-family: 'RUBIK';
    padding-bottom: .35rem;
    opacity: .5;
    text-transform: uppercase;
}

.idxIdy .idxIdyItem h5 em {
    position: relative;
    padding-right: .15rem;
}

.idxIdy .idxIdyItem h5 em::after {
    display: block;
    content: '+';
    position: absolute;
    top: -.05rem;
    right: 0;
}

.idxIdy .idxIdyItem .idxIdyIcon {
    display: block;
    width: .24rem;
    height: .16rem;
    margin-bottom: .2rem;
    background: url(../img/public/rightIcon.png) no-repeat center /100%;
}

.idxIdy .idxIdyItem1 {
    background: #e70012 url(../img/idx/idxIdyBg.jpg) no-repeat right center /auto 100%;
}

/*.idxIdy .idxIdyItem2{background: url(../img/idx/idxIdyBg2.jpg) no-repeat right center /auto 100%;}*/
/*.idxIdy .idxIdyItem3{background: url(../img/idx/idxIdyBg3.jpg) no-repeat right center /auto 100%;}*/
.idxIdy .idxIdyItem4 {
    background: #f9be00 url(../img/idx/idxIdyBg4.jpg) no-repeat right center /auto 100%;
}

.idxIdy .idxIdyItem5 {
    background: #f9be00 url(../img/idxIdyBg5.jpg) no-repeat right center /auto 100%;
}

.idxIdy .idxIdyItem .list {
    display: flex;
    justify-content: space-between;
}

.idxIdy .idxIdyItem .list a {
    color: #FFF;
    font-size: .24rem;
    margin-right: .2rem;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ idxNews */
.idxNews {
    width: 100%;
    padding-bottom: .6rem;
}

.idxNews h4,
.idxImg h4 {
    font-size: .36rem;
    color: #e60012;
    line-height: .36rem;
    padding-bottom: .25rem;
    border-bottom: .04rem solid #e2e0df;
}

.idxNews ul {
    width: 100%;
    padding: .3rem 0;
}

.idxNews li {
    width: 100%;
    margin-bottom: .3rem;
}

.idxNews li .newsTime {
    display: block;
    float: left;
    font-size: .48rem;
    color: #e60012;
    line-height: .46rem;
    font-family: 'Din';
    width: 1.4rem;
    border-right: .02rem solid #e1d9d5;
    box-sizing: border-box;
}

.idxNews li .newsTime i {
    display: inline-block;
    font-size: .24rem;
    color: #84888b;
    line-height: .2rem;
}

.idxNews li h6 {
    font-size: .26rem;
    color: #333333;
    line-height: .46rem;
    padding-left: .3rem;
    float: left;
    width: 5.5rem;
    box-sizing: border-box;
}

.idxNews .moreNews {
    display: block;
    font-size: .24rem;
    color: #c0a988;
    line-height: .24rem;
    float: right;
    margin-top: 8px;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ idxImg */
.idxImg {
    width: 100%;
}

.idxImg .img {
    margin-top: .1rem;
}

.idxImg .video_box {
    width: 100%;
    background: #000;
    overflow: hidden;
    font-size: 0;
    margin-bottom: 30px;
}

.mobile_video {
    width: 100%;
}

.mobile_video_list {
    width: 100%;
    height: 80px;
    overflow: hidden;
    overflow-x: auto;
    padding: 5px 6px;
    border-top: 1px solid #333333;
    font-size: 0;
    white-space: nowrap;
}

.mobile_video_list li {
    display: inline-block;
    width: 96px;
    height: 70px;
    margin-right: 6px;
    vertical-align: middle;
    border: 1px solid #000;
}

.mobile_video_list li:last-child {
    margin-right: 0;
}

.mobile_video_list li.cur {
    border-color: #fbf4df;
}

.mobile_video_list li>img {
    width: 100%;
    height: 54px;
}

.mobile_video_list li .title {
    display: block;
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}




/* ***************************** about.html */
.abt .build {
    width: 100%;
    padding-bottom: .68rem;
    margin-top: .3rem;
}

.abt .build .buildInfo {
    width: 100%;
    height: 3rem;
    padding: .5rem 0 0 .3rem;
    background: #e80000;
}

.abt .build .buildInfo p {
    font-size: .26rem;
    color: #efd4a0;
    line-height: .3rem;
    padding-left: .27rem;
    background: url(../img/abt/abtIcon.png) no-repeat left center /.18rem;
    padding-bottom: 0;
    margin-bottom: .25rem;
}

.abt .abtCase {
    width: 7.5rem;
    padding: .3rem .3rem 0;
    margin-left: -.3rem;
    overflow: hidden;
}

.abt .abtItem {
    width: 100%;
    padding: .6rem .3rem .66rem;
    background: #fff;
    margin-bottom: .3rem;
    /*box-shadow: 0px 24px 37px -8px #f1f1f1;*/
    box-shadow: 0 0 18px 3px #f1f1f1;
}

.abt .abtItem .cn {
    font-size: .3rem;
    color: #e70000;
    line-height: .3rem;
    padding-bottom: .2rem;
}

.abt .abtItem .en {
    font-size: .3rem;
    color: #d3d3d5;
    line-height: .22rem;
    padding-bottom: .3rem;
    font-family: 'Din';
}




/* ***************************** about2.html */
.teamCase {
    width: 100%;
}

.teamCase .teamTabs {
    width: 100%;
    padding-bottom: .4rem;
    font-size: 0;
    text-align: left;
    position: relative;
}

.teamCase .teamTabs::after {
    display: block;
    content: '';
    width: 100%;
    height: .02rem;
    background: #efe7e4;
    position: absolute;
    bottom: .4rem;
    left: 0;
}

.teamCase .teamTabs a {
    display: inline-block;
    font-size: .3rem;
    color: #84888b;
    font-weight: 600;
    margin-right: .76rem;
    padding-bottom: .3rem;
    border-bottom: .04rem solid transparent;
    position: relative;
    z-index: 9;
}

.teamCase .teamTabs a.act {
    border-bottom: .04rem solid #e40012;
    color: #e40012;
}

.teamCase .teamInfo {
    width: 100%;
    display: none;
    padding-bottom: .1rem;
}

.teamCase .teamInfo.act {
    display: block;
}

.teamCase .teamItem {
    width: 100%;
    margin-top: .3rem;
    box-shadow: 0px 30px 37px 18px #f1f1f1;
}

.teamCase .teamItem .personInfo {
    width: 100%;
    padding: .6rem .3rem .5rem;
    background: #fff;
}

.teamCase .teamItem .name {
    font-size: .36rem;
    color: #c0a988;
    line-height: .36rem;
    font-weight: 600;
    padding-bottom: .3rem;
}

.teamCase .teamItem p {
    padding-bottom: 0;
}




/* ***************************** about3.html */
.abt3 {
    width: 100%;
    background: url(../img/abt/abt3Bg2.png) no-repeat left 4.2rem /100%;
}

.abt3 .wrap {
    background: url(../img/abt/abt3Bg2.png) no-repeat left 3rem /100%;
}

.historyCase {
    width: 100%;
    padding-top: .4rem;
    position: relative;
    background: url(../img/abt/abt3Bg.png) no-repeat 3rem bottom /3.86rem;
    padding-bottom: .9rem;
}

.historyCase ul {
    width: 100%;
    padding-bottom: .4rem;
    background: url(../img/abt/abt3Icon2.png) repeat-y left top /.3rem;
}

.historyCase .historyItem {
    width: 100%;
    padding-left: 1.2rem;
    /* min-height: 2.5rem; */
    margin-top: .2rem;
    background: url(../img/abt/abt3Icon.png) no-repeat left top /.9rem;
    position: relative;
    top: -.13rem;
}

.historyCase .historyItem .day {
    font-size: .48rem;
    color: #e5000c;
    font-weight: 600;
    line-height: .3rem;
    padding-bottom: .2rem;
}

.historyCase .loadMore2 {
    position: absolute;
    left: 1.2rem;
    bottom: .5rem;
}

.historyCase .loadMore2::after {
    display: block;
    content: '';
    width: .91rem;
    height: .24rem;
    background: url(../img/abt/abt3Icon.png) no-repeat center /100%;
    position: absolute;
    left: -1.2rem;
    top: .27rem;
}




/* ***************************** about4.html */
.honorCase {
    width: 100%;
    padding-bottom: 1rem;
}

.honorCase .honorItem {
    width: 100%;
    padding-left: 1.46rem;
    position: relative;
}

.honorCase .honorItem strong {
    display: block;
    width: 1.63rem;
    position: absolute;
    font-size: .48rem;
    color: #c09a60;
    line-height: .35rem;
    margin-top: .13rem;
    background: url(../img/abt/abt4Icon.png) no-repeat right center /1.62rem;
    z-index: 6;
    top: -.13rem;
    left: 0;
    font-family: 'Din';
}

.honorCase .honorItem .honorInfo {
    width: 100%;
    border-left: .04rem solid #ece4e0;
    padding-left: .3rem;
}

.honorCase .honorItem em {
    display: block;
    font-size: .3rem;
    color: #c09a60;
    line-height: .52rem;
    position: relative;
    top: -.13rem;
    padding-bottom: .3rem;
}

.honorCase .honorItem p {
    padding-left: 1rem;
    color: #6f6d6c;
    padding-bottom: .4rem;
    position: relative;
}

.honorCase .honorItem p strong {
    font-size: .26rem;
    color: #6f6d6c;
    line-height: .26rem;
    position: absolute;
    width: auto;
    background: none;
    top: .01rem;
}

.abt4 .loadMore2 {
    margin: 0 auto;
}




/* ***************************** about5.html */
.cultureCase {
    width: 100%;
}

.cultureCase .cultureItem {
    width: 100%;
    margin-top: .3rem;
    box-shadow: 0px 0px 15px 3px #f1f1f1;
}

.cultureCase .cultureItem .cultureInfo {
    width: 100%;
    padding: .6rem .3rem;
    background: #fff;
}

.cultureCase .cultureItem strong {
    display: block;
    font-size: .24rem;
    color: #848484;
    line-height: .24rem;
    padding-bottom: .14rem;
    letter-spacing: 2px;
    font-weight: 600;
}

.cultureCase .cultureItem em {
    font-size: .24rem;
    color: #d3d3d5;
    line-height: .18rem;
    padding-bottom: .4rem;
    font-family: 'Din';
}

.cultureCase .cultureItem p {
    font-size: .36rem;
    color: #666666;
    line-height: .48rem;
    font-weight: 600;
    padding-bottom: 0;
}

.cultureCase .cultureItem p var {
    display: block;
    font-size: .2rem;
    line-height: 2.2;
    color: #8d8989;
    margin-bottom: .12rem;
    font-style: inherit;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ journalCase */
.journalCase {
    width: 100%;
    padding-top: .5rem;
}

.journalCase .title {
    font-size: .24rem;
    color: #848484;
    line-height: .24rem;
    letter-spacing: 2px;
    text-align: center;
    padding-bottom: .2rem;
}

.journalCase h5 {
    text-align: center;
}

.journalCase h5 strong {
    display: inline-block;
    font-size: .36rem;
    color: #de2300;
    line-height: .36rem;
}

.journalCase h5 em {
    display: block;
    font-size: .48rem;
    color: #d7c4b3;
    line-height: .36rem;
    font-family: 'Din';
    padding-top: .2rem;
}

.journalCase ul {
    width: 6.9rem;
    padding-top: .6rem;
    margin: 0 auto;
}

.journalCase ul li {
    float: left;
    width: 3.3rem;
    margin-right: .3rem;
}

.journalCase ul li:nth-child(2n) {
    margin-right: 0;
}

.journalCase ul li a {
    display: block;
    width: 100%;
}

.journalCase ul li img {
    border: .02rem solid #ebe5e1;
    width: 100%;
}

.journalCase ul li div {
    font-size: .3rem;
    color: #84888b;
    line-height: .3rem;
    padding: .3rem 0 .6rem;
}

.secTime {
    width: 100%;
    padding-top: .6rem;
}

.secTime img {
    width: 100%;
    display: block;
}



/* ***************************** about6.html */
.abt6 div {
    overflow-x: auto;
}

.abt6 div img {
    width: 150%;
    height: auto;
}



/* ***************************** news.html */
.newsCase {
    width: 100%;
}

.newsCase .newsTabs {
    width: 100%;
    padding-bottom: .4rem;
    font-size: 0;
    text-align: left;
    position: relative;
}

.newsCase .newsTabs::after {
    display: block;
    content: '';
    width: 100%;
    height: .02rem;
    background: #efe7e4;
    position: absolute;
    bottom: .4rem;
    left: 0;
}

.newsCase .newsTabs a {
    display: inline-block;
    font-size: .3rem;
    color: #84888b;
    font-weight: 600;
    margin-right: .76rem;
    padding-bottom: .3rem;
    border-bottom: .04rem solid transparent;
    position: relative;
    z-index: 9;
}

.newsCase .newsTabs a.act {
    border-bottom: .04rem solid #e40012;
    color: #de2300;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ newsCase */
.newsCase {
    width: 100%;
}

.newsCase .newsList {
    display: none;
    width: 100%;
}

.newsCase .newsList.act {
    display: block;
}

.newsCase .newsTop {
    width: 100%;
    margin-bottom: .3rem;
    box-shadow: 0 0 18px 5px #f1f1f1;
}

.newsCase .newsInfo {
    width: 100%;
    background: #fff;
    padding: .4rem .3rem .4rem 1.4rem;
    position: relative;
}

.newsCase .newsInfo .day {
    font-size: .48rem;
    color: #e60012;
    line-height: .36rem;
    font-family: 'Din';
    position: absolute;
    top: .4rem;
    left: .3rem;
    letter-spacing: -1px;
}

.newsCase .newsInfo .day em {
    font-size: .24rem;
    color: #84888b;
}

.newsCase .newsInfo .newsTit {
    width: 100%;
    border-left: .02rem solid #e1d9d5;
    padding-left: .3rem;
    min-height: .92rem;
}

.newsCase .newsInfo .tit {
    font-size: .26rem;
    color: #333333;
    line-height: .46rem;
    padding-bottom: .1rem;
    letter-spacing: -1px;
}

.newsCase .newsInfo p {
    letter-spacing: -1px;
    padding-bottom: 0;
}

/* ^^^^^^^^^^^^^^^^^^^^^ newsFilter */
.newsFilter {
    width: 100%;
    border: 1px solid #e1d9d5;
}

.newsFilter .yearFilter {
    float: left;
}

.newsFilter .yearFilter span {
    display: block;
    width: 2.38rem;
    height: .96rem;
    line-height: .96rem;
    font-size: .24rem;
    color: #84888b;
    text-indent: .3rem;
    background: #fff url(../img/public/downIcon2.png) no-repeat 1.86rem center /.22rem;
    border-right: 1px solid #e1d9d5;
}

.newsFilter .newsSearch {
    width: 4.44rem;
    float: left;
    position: relative;
}

.newsFilter .newsSearch input {
    width: 100%;
    height: .96rem;
    line-height: .96rem;
    font-size: .24rem;
    color: #c7c7c7;
    text-indent: .3rem;
    padding-right: .84rem;
}

.newsFilter .newsSearch .searchBtn {
    display: block;
    width: .84rem;
    height: .96rem;
    background: url(../img/public/searchIcon2.png) no-repeat center /.27rem;
    position: absolute;
    top: 0;
    right: 0;
}

/* ^^^^^^^^^^^^^^^^^^^^^ newsFilter */
.newsList ul {
    width: 100%;
}

.newsList li {
    width: 100%;
    margin-top: .3rem;
    background: #fff;
    box-shadow: 0 0 18px 5px #f1f1f1;
    min-height: 1.72rem;
}

.newsList li a {
    display: block;
    width: 100%;
}

.newsList li .newsInfo .day {
    top: .5rem;
}

.newsList li .newsInfo .tit {
    padding-bottom: 0;
}




/* ***************************** news_1.html */
.news_1Tit {
    width: 100%;
    border-bottom: .02rem solid #f5f0ed;
    padding-bottom: .4rem;
}

.news_1Tit .tit {
    font-size: .36rem;
    color: #333333;
    line-height: .48rem;
    padding-bottom: .3rem;
    font-weight: 600;
}

.news_1Tit .day {
    font-size: .48rem;
    color: #e60012;
    line-height: .36rem;
    font-family: 'Din';
    letter-spacing: -2px;
}

.news_1Tit .day .skim {
    display: inline-block;
    margin-left: .6rem;
    font-size: .24rem;
    color: #c1c0c0;
    padding-left: .3rem;
    background: url(../img/public/browers.png) no-repeat left center /.22rem;
    letter-spacing: 0;
    vertical-align: middle;
}

.news_1Tit .day .source {
    display: inline-block;
    font-size: .24rem;
    color: #84888b;
    line-height: .36rem;
    vertical-align: top;
    float: right;
    font-family: normal;
    letter-spacing: 0;
}

.news_1Text {
    width: 100%;
    padding-top: .5rem;
}




/* ***************************** news2.html */
.news2Case {
    width: 100%;
}

.news2Case ul {
    padding: 0 1.05rem;
    overflow: hidden;
}

.news2Case li {
    width: 100%;
    height: 6.4rem;
    background: url(../img/news/news2Bg.png) no-repeat center /100%;
    padding-top: .75rem;
    margin-bottom: .5rem;
}

.news2Case li .pic {
    width: 2.4rem;
    margin: 0 auto;
    padding-bottom: .4rem;
}

.news2Case li h4 {
    font-size: .3rem;
    color: #333333;
    line-height: .3rem;
    padding-bottom: .55rem;
    text-align: center;
    font-weight: 600;
}

.news2Case li .btns {
    width: 4rem;
    margin: 0 auto;
    font-size: 0;
}

.news2Case li .btns a {
    display: inline-block;
    width: 50%;
    font-size: .24rem;
    color: #fff;
    line-height: .8rem;
    text-align: center;
}

.news2Case li .btns a.read {
    background: #dfcbc0;
}

.news2Case li .btns a.download {
    background: #e5d2c7;
}




/* ***************************** news3.html */
.news3Case {
    width: 100%;
}

.topMedia {
    width: 100%;
    padding-bottom: .95rem;
}

.topMedia .mediaInfo {
    width: 100%;
    padding: .6rem .3rem;
    position: relative;
    background: #f0e8e3;
}

.topMedia .mediaInfo .en {
    font-size: .48rem;
    color: #e60012;
    line-height: .36rem;
    padding-bottom: .3rem;
    font-weight: 600;
    font-family: 'Din';
    letter-spacing: -2px;
}

.topMedia .mediaInfo .cn {
    font-size: .3rem;
    color: #333333;
    line-height: .3rem;
    font-weight: 600;
}

.topMedia .mediaInfo .play {
    display: block;
    position: absolute;
    width: .7rem;
    height: .7rem;
    background: url(../img/public/playIcon.png) no-repeat center /100%;
    top: .75rem;
    right: .3rem;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ mediaCase */
.mediaCase {
    width: 100%;
}

.mediaCase .news3Tabs {
    width: 100%;
    padding-bottom: .4rem;
    font-size: 0;
    text-align: left;
    position: relative;
}

.mediaCase .news3Tabs::after {
    display: block;
    content: '';
    width: 100%;
    height: .02rem;
    background: #efe7e4;
    position: absolute;
    bottom: .4rem;
    left: 0;
}

.mediaCase .news3Tabs a {
    display: inline-block;
    font-size: .3rem;
    color: #84888b;
    font-weight: 600;
    margin-right: .76rem;
    padding-bottom: .3rem;
    border-bottom: .04rem solid transparent;
    position: relative;
    z-index: 9;
}

.mediaCase .news3Tabs a.act {
    border-bottom: .04rem solid #e40012;
    color: #de2300;
}

.mediaCase .mediaList {
    display: none;
}

.mediaCase .mediaList.act {
    display: block;
}

.mediaCase ul {
    width: 100%;
}

.mediaCase .meidaItem {
    width: 3.3rem;
    height: 3.6rem;
    float: left;
    margin: 0 .3rem .3rem 0;
    box-shadow: 0 0 10px 12px #f1f1f1;
    border-bottom: .04rem solid #e9e0da;
    background: #fff;
}

.mediaCase .meidaItem:nth-child(2n) {
    margin-right: 0;
}

.mediaCase .meidaItem .img {
    position: relative;
    height: 2.1rem;
    overflow: hidden;
    background: #040404;
}

.mediaCase .meidaItem .play {
    display: block;
    position: absolute;
    width: .56rem;
    height: .56rem;
    background: url(../img/public/playIcon2.png) no-repeat center /100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mediaCase .meidaItem .img video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 2;
}

/*.mediaCase .meidaItem .play{display: block;position: absolute;width: .56rem;height: .56rem;background: url(../img/public/playIcon2.png) no-repeat center /100%;top: 1.24rem;left: .3rem;}*/
.mediaCase .meidaItem .cn {
    height: 1.1rem;
    line-height: .38rem;
    font-size: .26rem;
    color: #333333;
    font-weight: 600;
    padding: .2rem .3rem 0;
}

video::-webkit-media-controls-fullscreen-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

/*video::-webkit-media-controls {
    display:none !important;
}*/


/* ***************************** news4.html */
.news4Case {
    width: 100%;
}

.news4Case .news4Tabs {
    width: 100%;
    padding-bottom: .2rem;
    font-size: 0;
    text-align: left;
}

.news4Case .news4Tabs a:nth-child(1) {
    margin-left: 0;
}

.news4Case .news4Tabs a {
    display: inline-block;
    margin-left: .5rem;
    font-size: .3rem;
    color: #84888b;
    font-weight: 600;
    padding-bottom: .3rem;
}

.news4Case .news4Tabs a.act {
    color: #e60012;
}

.news4Case .news4Tabs a em:first-child {
    padding-right: .2rem;
    position: relative;
}

.news4Case .news4Tabs a em:first-child::after {
    display: block;
    content: '+';
    position: absolute;
    top: -.1rem;
    right: 0;
}

.news4 .his-dt {
    display: flex;
    justify-content: space-between;
}

.news4 .his-dt a:nth-child(1) {
    margin-left: 0;
}

.news4 .his-dt a.on {
    color: #e60012;
}

.news4 .his-dt a {
    display: inline-block;
    margin-left: 0.1rem;
    font-size: .2rem;
    color: #84888b;
    font-weight: 400;
    padding-bottom: .3rem;
}


.qcodeList {
    width: 100%;
}

.qcodeList ul {
    width: 100%;
}

.qcodeList li {
    width: 3.3rem;
    height: 4.08rem;
    float: left;
    margin: 0 .3rem .3rem 0;
    padding-top: .2rem;
    background: #fff;
    padding-bottom: .45rem;
    box-shadow: 0px 0px 22px 2px #f1f1f1;
}

.qcodeList li:nth-child(2n) {
    margin-right: 0;
}

.qcodeList li .wxIcon2 {
    display: block;
    width: .4rem;
    height: .4rem;
    background: url(../img/public/wxIcon2.png) no-repeat center /100%;
    margin: 0 auto;
}

.qcodeList li img {
    width: 1.52rem;
    height: auto;
    margin: .15rem auto 0;
}

.qcodeList li strong {
    width: 100%;
    font-size: .26rem;
    color: #666666;
    line-height: .26rem;
    font-weight: 600;
    text-align: center;
    padding-top: .2rem;
}

.qcodeList li p {
    font-size: .24rem;
    color: #999999;
    line-height: .24rem;
    padding-top: .2rem;
    padding-bottom: 0;
    text-align: center;
}

.qcodeList li.dx1 .wxIcon2 {
    background: url(../img/public/media_wemedia_02.png) no-repeat center /100%;
}

.qcodeList li.dx2 .wxIcon2 {
    width: 2rem;
    background: url(../img/public/media_wemedia_03.png) no-repeat center center / auto 100%;
}


/* ***************************** service.html */
.serviceCase {
    width: 100%;
}

.serviceCase .serviceItem {
    width: 100%;
    margin-top: .3rem;
    box-shadow: 0 0 18px 5px #f1f1f1;
}

.serviceCase .serviceItem .serviceInfo {
    width: 100%;
    background: #fff;
    padding: .5rem .3rem .6rem;
}

.serviceCase .serviceItem .serviceInfo p {
    margin-bottom: 10px;
}

.serviceCase .serviceItem .serviceInfo p:last-child {
    margin-bottom: 0;
}

.serviceCase .serviceItem .serviceInfo em {
    display: block;
    color: #e70012;
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 3px solid #f3ecea;
    margin-bottom: 10px;
    width: 90px;
}

.serviceCase .serviceItem .serviceInfo strong {
    font-size: .26rem;
    color: #84888b;
    line-height: .46rem;
}

.pageContent.serviceIdea {
    padding-top: .6rem;
}

.pageContent.serviceIdea .contentP {
    padding-top: 0;
}



/* ***************************** service2.html */
.service2Case {
    width: 100%;
}

.service2Case>strong {
    font-size: .3rem;
    color: #333333;
    line-height: .53rem;
    padding-bottom: .7rem;
    font-weight: 600;
}

.hotLineCase {
    width: 100%;
}

.hotLineCase .hotLineTabs {
    width: 100%;
    padding-bottom: .2rem;
    font-size: 0;
    text-align: left;
    position: relative;
}

.hotLineCase .hotLineTabs::after {
    display: block;
    content: '';
    width: 100%;
    height: .02rem;
    background: #efe7e4;
    position: absolute;
    bottom: .2rem;
    left: 0;
}

.hotLineCase .hotLineTabs a {
    display: inline-block;
    font-size: .3rem;
    color: #84888b;
    font-weight: 600;
    padding-bottom: .3rem;
    margin-right: .6rem;
}

.hotLineCase .hotLineTabs a.act {
    color: #e60012;
}

.hotLineCase .hotLineTabs a:nth-child(3) em {
    padding-right: .2rem;
    position: relative;
}

.hotLineCase .hotLineTabs a:nth-child(3) em::after {
    display: block;
    content: '+';
    position: absolute;
    top: -.1rem;
    right: 0;
}

.hotLineCase #hotLineInfo {
    width: 100%;
    padding-bottom: .35rem;
}

.hotLineCase #hotLineInfo li {
    display: inline-block;
    min-width: 1.7rem;
    font-size: .26rem;
    color: #84888b;
    line-height: .26rem;
    padding-bottom: .45rem;
}

.hotLineCase #hotLineInfo li.act {
    color: #e60012;
}

.hotLineCase .contactBox {
    width: 100%;
    background: #fff;
    padding: .6rem .3rem 0;
    box-shadow: 0 0 18px 5px #f1f1f1;
}

.hotLineCase .contactBox .c1 {
    font-size: .36rem;
    color: #333333;
    line-height: .36rem;
    padding-bottom: .4rem;
    border-bottom: .01rem solid #eae2df;
    text-align: center;
    font-weight: 600;
    margin-bottom: .4rem;
}

.hotLineCase .contactBox .c2 {
    font-size: .48rem;
    color: #e60012;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
    font-family: 'Din';
    padding-bottom: .3rem;
}

.hotLineCase .contactBox .c2 em {
    font-size: .3rem;
}

.hotLineCase .contactBox .c3 {
    padding-top: .9rem;
    background: url(../img/public/phoneIcon.png) no-repeat center top /.8rem;
    font-size: .24rem;
    color: #84888b;
    text-align: center;
    line-height: .24rem;
    padding-bottom: .55rem;
}

.hotLineCase .contactBox .c4 {
    height: 4.12rem;
    background: url(../img/service/service2Bg.png) no-repeat center center /2.7rem;
    padding-top: .55rem;
    text-align: center;
}

.hotLineCase .contactBox .c4 img {
    width: 1.52rem;
    margin: 0 auto;
    height: auto;
}

.hotLineCase .contactBox .c4 em {
    padding-top: .9rem;
    background: url(../img/public/wxIcon3.png) no-repeat center top /.8rem;
    margin-top: .2rem;
    font-size: .24rem;
    color: #84888b;
    line-height: .36rem;
    text-align: center;
}

/******* 瀹㈡湇鏀圭増 *********/
.serviceHotline .serviceHotlineImg {
    display: none;
    width: 100%;
    padding: 0 0.3rem;
    box-sizing: border-box;
}

.serviceHotline.showImg .serviceHotlineImg {
    display: block;
}

.serviceHotline.showImg .pageTit,
.serviceHotline.showImg .service2Case>strong {
    display: none;
}

.serviceHotline.showImg .c2,
.serviceHotline.showImg .c3 {
    display: none;
}




/* ***************************** investor.html */
.stockCase {
    width: 100%;
    height: 3.6rem;
    background: url(../img/inv/invBg.jpg) no-repeat center /100%;
    padding: .4rem .3rem 0;
}

.stockCase .nownumb {
    padding: .68rem 0 .3rem;
    font-size: .72rem;
    color: #e60012;
    line-height: .53rem;
    border-bottom: .02rem solid #fff;
    font-family: 'Din';
    background: url(../img/public/stockUp.png) no-repeat left top /.26rem;
}

.stockCase .nownumb.down {
    padding: .68rem 0 .3rem;
    font-size: .72rem;
    color: #5db441;
    line-height: .53rem;
    border-bottom: .02rem solid #fff;
    font-family: 'Din';
    background: url(../img/public/stockDown.png) no-repeat left top /.26rem;
}

.stockCase .nownumb.gray {
    padding: .68rem 0 .3rem;
    font-size: .72rem;
    color: #696468;
    line-height: .53rem;
    border-bottom: .02rem solid #fff;
    font-family: 'Din';
    background: none;
}

.stockCase .nownumb .per {
    display: inline-block;
    float: right;
    font-size: .24rem;
    color: #e60012;
    line-height: .18rem;
    margin-top: .36rem;
}

.stockCase .per {
    font-size: .26rem;
    color: #84888b;
    line-height: .26rem;
    padding: .3rem 0 .2rem;
}

.stockCase .per.down {
    color: #5db441;
}

.stockCase .per.gray {
    color: #696468;
}

.stockCase .per.up {
    color: #e60012;
}

.stockCase .dw {
    font-size: .26rem;
    color: #84888b;
    line-height: .26rem;
    padding: 0 0 .2rem;
}

.stockCase .sharenumb {
    font-size: .24rem;
    color: #84888b;
    line-height: .24rem;
}

.stockCase .sharenumb em {
    font-size: .24rem;
    color: #666666;
    line-height: .24rem;
    font-family: 'Din';
    vertical-align: top;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ stockInfo */
.stockInfo {
    width: 100%;
    padding: .6rem .3rem .8rem;
    background: #fff;
}

.stockInfo h1 {
    font-size: .36rem;
    color: #333333;
    line-height: .36rem;
    font-weight: 600;
    padding-bottom: .2rem;
}

.stockInfo .zhuche {
    font-size: .26rem;
    color: #84888b;
    line-height: .26rem;
    padding-bottom: .6rem;
}

.stockInfo ul {
    width: 105%;
    overflow: hidden;
}

.stockInfo ul li {
    width: 3rem;
    height: 2.1rem;
    float: left;
    margin-right: .3rem;
    border-top: .02rem solid #f5f0ed;
    padding-top: .3rem;
}

.stockInfo ul div {
    font-size: .48rem;
    color: #333;
    line-height: .36rem;
    font-weight: 600;
    padding-bottom: .2rem;
    font-family: 'Din';
}

.stockInfo ul strong {
    font-size: .26rem;
    color: #333;
    line-height: .26rem;
}

.stockInfo .time,
.stockInfo .route {
    font-size: .26rem;
    color: #999999;
    line-height: .46rem;
}




/* ***************************** investor2.html */
.dataCase {
    width: 100%;
}

.dataCase .dataTabs {
    width: 100%;
    padding-bottom: .4rem;
    font-size: 0;
    text-align: left;
    position: relative;
}

.dataCase .dataTabs::after {
    display: block;
    content: '';
    width: 100%;
    height: .02rem;
    background: #efe7e4;
    position: absolute;
    bottom: .4rem;
    left: 0;
}

.dataCase .dataTabs a {
    display: inline-block;
    font-size: .3rem;
    color: #84888b;
    font-weight: 600;
    margin-right: .76rem;
    padding-bottom: .3rem;
    border-bottom: .04rem solid transparent;
    position: relative;
    z-index: 9;
}

.dataCase .dataTabs a.act {
    border-bottom: .04rem solid #e40012;
    color: #e40012;
}

.dataCase .dataInfo {
    display: none;
    width: 100%;
    padding: .4rem .3rem;
    background: #fff;
    box-shadow: 0 0 18px 3px #f1f1f1;
}

.dataCase .dataInfo.act {
    display: block;
}

.dataCase .dataInfo li {
    width: 100%;
    padding: .2rem 0;
    border-bottom: .02rem solid #f5f0ed;
}

.dataCase .dataInfo li:last-child {
    border-bottom: none;
}

.dataCase .dataInfo h5 {
    font-size: .3rem;
    color: #333333;
    line-height: .3rem;
    font-weight: 600;
    padding-bottom: .25rem;
}

.dataCase .dataInfo div {
    font-size: .26rem;
    color: #84888b;
    line-height: .38rem;
    padding-bottom: .2rem;
}




/* ***************************** investor2_1.html */
.inv2_1 .work {
    padding-bottom: .3rem;
    font-size: .3rem;
    font-weight: 600;
}

.inv2_1 .text .name {
    padding-bottom: .2rem;
    font-weight: 600;
}

.inv2_1 .text .keyword {
    padding-bottom: .2rem;
}





/* ***************************** investor3.html */
.bulletinCase {
    width: 100%;
}

.bulletinCase .bulletinTabs {
    width: 100%;
    padding-bottom: .4rem;
    font-size: 0;
    text-align: left;
    position: relative;
}

.bulletinCase .bulletinTabs::after {
    display: block;
    content: '';
    width: 100%;
    height: .02rem;
    background: #efe7e4;
    position: absolute;
    bottom: .4rem;
    left: 0;
}

.bulletinCase .bulletinTabs a {
    display: inline-block;
    font-size: .3rem;
    color: #84888b;
    font-weight: 600;
    margin-right: .76rem;
    padding-bottom: .3rem;
    border-bottom: .04rem solid transparent;
    position: relative;
    z-index: 9;
}

.bulletinCase .bulletinTabs a.act {
    border-bottom: .04rem solid #e40012;
    color: #e40012;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ bulletinList */
.bulletinCase .bulletinList {
    display: none;
}

.bulletinCase .bulletinList.act {
    display: block;
}

.bulletinCase .newsInfo {
    width: 100%;
    background: #fff;
    padding: .4rem .3rem .4rem 1.7rem;
    position: relative;
}

.bulletinCase .newsInfo .day {
    font-size: .28rem;
    color: #e60012;
    line-height: .36rem;
    font-family: 'Din';
    position: absolute;
    top: .4rem;
    left: .3rem;
    letter-spacing: -1px;
}

.bulletinCase .newsInfo .day em {
    font-size: .24rem;
    color: #84888b;
}

.bulletinCase .newsInfo .newsTit {
    width: 100%;
    border-left: 1px solid #e1d9d5;
    padding-left: .3rem;
}

.bulletinCase .newsInfo .tit {
    font-size: .26rem;
    color: #333333;
    line-height: .46rem;
    padding-bottom: .1rem;
    letter-spacing: -1px;
    min-height: .92rem;
    display: flex;
    align-items: center;
}

.bulletinCase .newsInfo p {
    letter-spacing: -1px;
    padding-bottom: 0;
}

.bulletinList ul {
    width: 100%;
}

.bulletinList li {
    width: 100%;
    margin-top: .3rem;
    background: #fff;
    box-shadow: 0 0 18px 3px #f1f1f1;
}

.bulletinList li a {
    display: block;
    width: 100%;
}

.bulletinList li .newsInfo .day {
    top: .7rem;
}

.bulletinList li .newsInfo .tit {
    padding-bottom: 0;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^ bulletinList1 */
.bulletinList1 ul {
    width: 105%;
    overflow: hidden;
}

.bulletinList1 li {
    width: 3.3rem;
    float: left;
    margin: 0 .3rem .3rem 0;
    height: 4.4rem;
    background: #f0e8e3;
    padding-top: .45rem;
    background: url(../img/news/news2Bg.png) no-repeat center /100%;
}

.bulletinList1 li .img {
    width: 1.9rem;
    margin: 0 auto;
    position: relative;
}

.bulletinList1 li .img img {
    position: relative;
    z-index: 9;
}

.bulletinList1 li .img::after {
    display: block;
    content: '';
    width: 2.56rem;
    height: .41rem;
    background: url(../img/inv/invImgBg.png) no-repeat center;
    position: absolute;
    left: -.33rem;
    bottom: 0;
    z-index: 3;
}

.bulletinList1 li .tit {
    font-size: .26rem;
    color: #333333;
    line-height: .26rem;
    font-weight: 600;
    padding: .3rem 0 .2rem;
    text-align: center;
}

.bulletinList1 li .day {
    font-size: .24rem;
    color: #84888b;
    line-height: .2rem;
    text-align: center;
    font-family: 'Din';
}




/* ***************************** investor4.html */
.newsletterCase {
    width: 100%;
}

.newsletterCase .inv4Swiper {
    width: 100%;
    padding-bottom: .4rem;
    font-size: 0;
    text-align: left;
    position: relative;
}

.newsletterCase .inv4Swiper::after {
    display: block;
    content: '';
    width: 100%;
    height: .02rem;
    background: #efe7e4;
    position: absolute;
    bottom: .4rem;
    left: 0;
}

.newsletterCase .inv4Swiper .swiper-slide {
    display: inline-block;
    font-size: .3rem;
    color: #84888b;
    font-weight: 600;
    margin-right: .4rem;
    padding-bottom: .3rem;
    border-bottom: .04rem solid transparent;
    width: .68rem !important;
    font-family: 'Din';
}

.newsletterCase .inv4Swiper .swiper-slide.act {
    border-bottom: .04rem solid #e40012;
    color: #e40012;
}

.newsletterCase .newsletterInfo {
    width: 100%;
}

.newsletterCase li {
    width: 3.3rem;
    float: left;
    margin: 0 .3rem .3rem 0;
    padding: .3rem;
    background: #fff;
    box-shadow: 0 0 18px 5px #f1f1f1;
}

.newsletterCase li:nth-child(2n) {
    margin-right: 0;
}

.newsletterCase li .tit {
    font-size: .26rem;
    color: #84888b;
    line-height: .26rem;
    padding-bottom: .2rem;
}

.newsletterCase li .day {
    font-size: .24rem;
    color: #cec4bf;
    line-height: .18rem;
}




/* ***************************** investor5.html */
.analysisCase {
    width: 100%;
}

.analysisCase .analysisTabs {
    width: 100%;
    padding-bottom: .4rem;
    font-size: 0;
    text-align: left;
    position: relative;
}

.analysisCase .analysisTabs::after {
    display: block;
    content: '';
    width: 100%;
    height: .02rem;
    background: #efe7e4;
    position: absolute;
    bottom: .4rem;
    left: 0;
}

.analysisCase .analysisTabs a {
    display: inline-block;
    font-size: .3rem;
    color: #84888b;
    font-weight: 600;
    margin-right: .76rem;
    padding-bottom: .3rem;
    border-bottom: .04rem solid transparent;
    position: relative;
    z-index: 9;
}

.analysisCase .analysisTabs a.act {
    border-bottom: .04rem solid #e40012;
    color: #e40012;
}

.analysisCase table {
    width: 100%;
    padding: .6rem .3rem;
    background: #fff;
    display: none;
    box-sizing: border-box;
    box-shadow: 0 0 18px 5px #f1f1f1;
}

.analysisCase table.act {
    display: block !important;
}

.analysisCase table tbody锛�.analysisCase table tfoot {
    width: 100%;
}

.analysisCase table tr {
    width: 100%;
}

.analysisCase table tbody锛� tr:first-child {
    border-bottom: .01rem solid #f0e9e5;
}

.analysisCase table tr:nth-child(2) td {
    padding-top: .3rem;
}

.analysisCase table tr td {
    font-size: .26rem;
    color: #84888b;
    line-height: .26rem;
    padding-bottom: .3rem;
}

.analysisCase table tr th {
    font-size: .3rem;
    color: #333333;
    line-height: .3rem;
    font-weight: 600;
    text-align: left;
    padding-bottom: .3rem;
}

.analysisCase table tr th.col1 {
    width: 1.6rem;
}

.analysisCase table tr th.col2 {
    width: 1.6rem;
}

.analysisCase table tr th.col3 {
    width: 1.4rem;
}

.analysisCase table tfoot p {
    width: 200%;
    padding-top: .3rem;
}




/* ***************************** investor6.html */
.investorCase {
    width: 100%;
}

.investorItem {
    width: 100%;
    background: #fff;
    padding: .45rem 0 .45rem 1.4rem;
    position: relative;
    box-shadow: 0 0 18px 5px #f1f1f1;
}

.investorItem img {
    width: .9rem;
    height: .9rem;
    position: absolute;
    top: .3rem;
    left: .3rem;
}

.investorItem .name {
    font-size: .3rem;
    color: #333333;
    line-height: .3rem;
    padding-bottom: .1rem;
    font-weight: 600;
}

.investorItem .work {
    font-size: .24rem;
    color: #999999;
    line-height: .24rem;
}

.investorItem:first-child {
    margin-bottom: .3rem;
}

.investorItem:nth-child(2) {
    box-shadow: 0 -14px 7px -1px #f1f1f1;
}

.investorConact {
    width: 100%;
    padding: 0 .3rem;
    background: #fff;
    box-shadow: 0 0 18px 5px #f1f1f1;
}

.investorConact>div {
    width: 100%;
    padding: .4rem 0;
    border-top: .01rem solid #f5f0ed;
    font-size: .26rem;
    color: #84888b;
    line-height: .46rem;
    background: url(https://www.sce-re.com/images/investor30-hk-ic.png) no-repeat center left;
    background-size: .8rem;
    padding-left: 1rem;
}

.investorConact .hk {

    background: url(https://www.sce-re.com/images/investor30-hk-call.png) no-repeat center left;
    background-size: .8rem;
}

/*.investorConact>div */
.investorConact .div {
    font-size: .26rem;
    color: #84888b;
    line-height: .26rem;
    padding-bottom: .15rem;
}




/* ***************************** social.html */
.social {
    width: 100%;
}

.socCase {
    width: 100%;
}

.socCase .socItem {
    width: 100%;
    padding: 0 0 .55rem;
    margin-bottom: .3rem;
    background: #fff;
    box-shadow: 0 0 18px 5px #f1f1f1;
}

.socCase .socItem .solialInfo {
    width: 100%;
    padding: .6rem .3rem .8rem;
}

.socCase .socItem .cn {
    font-size: .36rem;
    color: #333333;
    font-weight: 600;
    line-height: .36rem;
    padding-bottom: .2rem;
}

.socCase .socItem .en {
    font-size: .3rem;
    color: #d3d3d5;
    line-height: .22rem;
    font-family: 'Din';
    padding-bottom: .3rem;
}

.socCase .socItem p {
    padding-bottom: 0;
}

.socCase .socItem:last-child {
    padding-bottom: 0;
}




/* ***************************** join.html */
.joinCase {
    width: 100%;
    overflow: hidden;
}

.joinCase .img {
    width: 100%;
    height: 5rem;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    padding: 3.25rem .3rem 0;
}

.joinCase .img strong {
    font-size: .36rem;
    color: #e60012;
    line-height: .36rem;
    padding-bottom: .2rem;
    font-weight: 600;
}

.joinCase .img em {
    font-size: .26rem;
    color: #ffffff;
    line-height: .45rem;
}

.joinCase .joinItem {
    width: 100%;
    padding: .6rem .3rem .5rem;
    background: #f0e8e3;
    position: relative;
}

.joinCase .joinItem:nth-child(2) {
    background: #ebe2dc;
}

.joinCase .joinItem .tit {
    font-size: .3rem;
    color: #333333;
    line-height: .3rem;
    padding-bottom: .15rem;
    font-weight: 600;
}

.joinCase .joinItem p {
    font-size: .26rem;
    color: #84888b;
    padding-bottom: 0;
}

.joinCase .joinItem a {
    display: block;
    position: absolute;
    width: 2rem;
    height: .8rem;
    background: #e60012;
    line-height: .8rem;
    text-align: center;
    font-size: .24rem;
    color: #fff;
    right: 0;
    top: .6rem;
}




/* ***************************** join2.html */
.join2Case {
    width: 100%;
}

.join2Case .addTabs {
    width: 100%;
}

.addTabs ul {
    overflow: hidden;
    /* margin-left: .4rem; */
}

.addTabs li {
    width: 48%;
    float: left;
    margin-left: 4%;
    font-size: .27rem;
    color: #84888b;
    line-height: .36rem;
    margin-bottom: .2rem;
}

.addTabs li:nth-child(2n+1) {
    margin-left: 0;
}

.addTabs li.act {
    color: #e60012;
}

.addInfo {
    width: 100%;
    margin-top: .5rem;
}

.addInfo strong {
    display: block !important;
    width: 100%;
    /* height: 2rem; */
    background: #fff;
    padding: .4rem .3rem .6rem 1.4rem;
    box-sizing: border-box;
    box-shadow: 0px -12px 37px -8px #f1f1f1;
}

.addInfo strong.phone {
    background: #fff url(../img/public/phoneIcon.png) no-repeat .3rem .3rem /.8rem;
}

.addInfo strong.email {
    background: #fff url(../img/public/emailIcon.png) no-repeat .3rem .3rem /.8rem;
}

.addInfo strong.address {
    background: #fff url(../img/public/addIcon.png) no-repeat .3rem .3rem /.8rem;
}

.addInfo strong em {
    display: inline-block;
    font-size: .26rem;
    color: #84888b;
    line-height: .46rem;
}

#contactMap {
    width: 100%;
    height: 4rem;
    border: .02rem solid #e9e2dd;
}




/* ***************************** report.html */
.reportCase {
    width: 100%;
}

.reportCase .state {
    font-size: .26rem;
    color: #666666;
    line-height: .42rem;
    font-weight: 600;
    padding-bottom: .5rem;
}

.reportCase .reportWay {
    width: 100%;
    overflow: hidden;
}

.reportCase .reportWay .item {
    width: 2.96rem;
    min-height: 2.61rem;
    float: left;
    margin-right: .98rem;
    padding-top: 1.52rem;
    position: relative;
    border-top: .02rem solid #f0e9e5;
}

.reportCase .reportWay .item:nth-child(2n) {
    margin-right: 0;
}

.reportCase .reportWay .item strong {
    font-size: .3rem;
    color: #333333;
    line-height: .3rem;
    padding-bottom: .08rem;
    text-align: center;
    display: block;
    font-weight: 600;
}

.reportCase .reportWay .item em {
    font-size: .24rem;
    color: #797979;
    line-height: .36rem;
    text-align: center;
    display: block;
}

.reportCase .reportWay .online strong {
    color: #e60214;
}

.reportCase .reportWay .item a {
    display: block;
    width: 100%;
    height: .8rem;
    position: absolute;
    top: .42rem;
    left: 0;
}

.reportCase .reportWay .online a {
    background: #e60214 url(../img/report/reportIcon.png) no-repeat center /.46rem;
    border-radius: .4rem;
}

.reportCase .reportWay .email a {
    background: url(../img/public/emailIcon.png) no-repeat center /.8rem;
}

.reportCase .reportWay .phone a {
    background: url(../img/public/phoneIcon.png) no-repeat center /.8rem;
}

.reportCase .reportWay .letter a {
    background: url(../img/public/addIcon.png) no-repeat center /.8rem;
}

.reportCase .reportCen {
    width: 100%;
    overflow: hidden;
    padding-top: .5rem;
}

.reportCase .reportCen .item {
    width: 100%;
    padding: 1.38rem .3rem .4rem;
    background: #f0e9e5;
    margin-bottom: .3rem;
    position: relative;
}

.reportCase .reportCen .item .img {
    position: absolute;
    top: .4rem;
    left: .3rem;
}

.reportCase .reportCen .item .img1 {
    width: .66rem;
    height: .68rem;
    background: url(../img/report/reportIcon2.png) no-repeat center /100%;
}

.reportCase .reportCen .item .img2 {
    width: .58rem;
    height: .58rem;
    background: url(../img/report/reportIcon3.png) no-repeat center /100%;
}

.reportCase .reportCen .item .img3 {
    width: .52rem;
    height: .66rem;
    background: url(../img/report/reportIcon4.png) no-repeat center /100%;
}

.reportCase .reportCen .item strong {
    font-size: .3rem;
    color: #333333;
    line-height: .3rem;
    font-weight: 600;
}

.reportCase .reportBot {
    width: 100%;
    background: #fff;
    padding-bottom: 1.5rem;
    position: relative;
}

.reportCase .reportBot .tit {
    font-size: .3rem;
    color: #333333;
    line-height: 1.1rem;
    border-bottom: .02rem solid #f0e9e5;
    text-indent: .3rem;
    font-weight: 600;
}

.reportCase .reportBot .ov {
    width: 100%;
    padding: .3rem .3rem 0;
}

.reportCase .reportBot .ov strong {
    font-size: .26rem;
    color: #333333;
    line-height: .42rem;
}

.reportCase .reportBot .ov p {
    padding-bottom: 0;
}

.reportCase .reportBot .ov .hide {
    display: none;
}

.reportCase .reportBot .loadMore {
    position: absolute;
    left: 50%;
    margin-left: -1rem;
    bottom: 0;
}




/* ***************************** report2.html */
.report2Case {
    width: 100%;
}

.report2Case .state {
    font-size: .26rem;
    color: #666666;
    line-height: .42rem;
    font-weight: 600;
    padding-bottom: .5rem;
}

.report2Case .form {
    width: 100%;
    overflow: hidden;
}

.report2Case .tit {
    font-size: .26rem;
    color: #999999;
    line-height: .3rem;
    padding-bottom: .3rem;
}

.report2Case .tit sup {
    color: #e60012;
}

.report2Case .event {
    margin-bottom: .6rem;
}

.report2Case .event .tit {
    font-size: .3rem;
    color: #666666;
    line-height: .3rem;
    padding-bottom: .3rem;
    font-weight: 600;
}

.report2Case .event .box {
    width: 100%;
    border: .02rem solid #e9e2dd;
    padding: .6rem .3rem 0;
    overflow: hidden;
    background: #fff;
}

.report2Case .event .box label {
    width: 2.08rem;
    float: left;
    margin-bottom: .6rem;
    position: relative;
    font-size: .26rem;
    color: #999999;
    line-height: .26rem;
    padding-left: .34rem;
    background: url(../img/report/report2Icon.png) no-repeat left center /.24rem;
    box-sizing: border-box;
}

.report2Case .event .box label input {
    opacity: 0;
    width: 100%;
    height: .26rem;
    left: 0;
    top: 0;
    position: absolute;
}

.report2Case .event .box label.act {
    background: url(../img/report/report2Icon_on.png) no-repeat left center /.24rem;
}

.report2Case .special {
    width: 100%;
    border: .02rem solid #e9e2dd;
    position: relative;
    background: #fff;
    height: 1.2rem;
}

.report2Case .special .tit {
    position: absolute;
    padding-bottom: 0;
    line-height: 1rem;
    top: 0;
    left: 0;
    padding-left: .3rem;
}

.report2Case .special input {
    width: 100%;
    height: 100%;
    padding-left: .3rem;
    position: relative;
    z-index: 9;
}

.report2Case .title {
    margin-bottom: .3rem;
}

.report2Case .name {
    margin-bottom: .1rem;
}

.report2Case .city {
    margin-bottom: .1rem;
}

.report2Case .participator,
.report2Case .insider {
    width: 100%;
    border: .02rem solid #e9e2dd;
    position: relative;
    background: #fff;
    height: 1.2rem;
    margin-top: .1rem;
}

.report2Case .participator input,
.report2Case .insider input {
    width: 100%;
    height: 100%;
    padding-left: .3rem;
    font-size: .26rem;
    color: #999999;
    line-height: 1.2rem;
}

.report2Case .des {
    width: 100%;
    border: .02rem solid #e9e2dd;
    position: relative;
    background: #fff;
    margin-top: .8rem;
    margin-bottom: .6rem;
}

.report2Case .des .tit {
    font-size: .26rem;
    color: #666666;
    line-height: 1.1rem;
    font-weight: 600;
    text-indent: .3rem;
    border-bottom: .02rem solid #e9e2dd;
    padding-bottom: 0;
}

.report2Case .des textarea {
    width: 100%;
    height: 2.98rem;
    box-sizing: border-box;
    padding: .3rem;
}

.report2Case .file {
    width: 100%;
    margin-bottom: .6rem;
}

.report2Case .file .tit {
    font-size: .26rem;
    color: #666666;
    line-height: .3rem;
    padding-bottom: .3rem;
    font-weight: 600;
    text-indent: .3rem;
}

.report2Case .file .box {
    width: 100%;
    height: 1.2rem;
    border: .02rem solid #e9e2dd;
    position: relative;
    background: #fff;
}

.report2Case .file .box input {
    width: 100%;
    height: 1.16rem;
    line-height: 1.16rem;
    font-size: .26rem;
    color: #999999;
    text-indent: .3rem;
}

.report2Case .file .box .fileInput {
    width: 1.6rem;
    height: 1.2rem;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    z-index: 9;
}

.report2Case .file .box #GardenImageUpload {
    display: block;
    width: 1.6rem;
    height: 1.2rem;
    position: absolute;
    right: 0;
    top: 0;
    background: #e9e2dd;
    line-height: 1.2rem;
    font-size: .26rem;
    color: #84888b;
    text-align: center;
}

.report2Case .reporter {
    width: 100%;
    margin-bottom: .6rem;
}

.report2Case .reporter .tit {
    font-size: .26rem;
    color: #666666;
    line-height: .3rem;
    padding-bottom: .3rem;
    font-weight: 600;
    text-indent: .3rem;
}

.report2Case .reporter input {
    width: 100%;
    height: 1.16rem;
    line-height: 1.16rem;
    font-size: .26rem;
    color: #999999;
    text-indent: .3rem;
    border: .02rem solid #e9e2dd;
    background: #fff;
}

.report2Case .phone {
    width: 100%;
    margin-bottom: .6rem;
}

.report2Case .phone .tit {
    font-size: .26rem;
    color: #666666;
    line-height: .3rem;
    padding-bottom: .3rem;
    font-weight: 600;
    text-indent: .3rem;
}

.report2Case .phone .tit em {
    display: inline-block;
    font-size: .24rem;
    color: #666666;
    margin-left: -.2rem;
}

.report2Case .phone input {
    width: 100%;
    height: 1.16rem;
    line-height: 1.16rem;
    font-size: .26rem;
    color: #999999;
    text-indent: .3rem;
    border: .02rem solid #e9e2dd;
    background: #fff;
    margin-bottom: .3rem;
}

.report2Case .loadMore {
    margin-top: 0;
}




/* ***************************** product.html */
.proCae {
    width: 100%;
}

.proCae .land_infos {
    width: 105%;
    overflow: hidden;
    padding-bottom: .6rem;
}

.proCae .land_infos li {
    width: 35%;
    float: left;
    padding-left: .3rem;
    height: 2.8rem;
    border-right: .02rem solid #f5f0ed;
    box-sizing: border-box;
    padding-top: .9rem;
}

.proCae .land_infos li h1 {
    font-size: .72rem;
    color: #e60012;
    line-height: .54rem;
    font-family: 'Din';
    width: 100%;
    display: block;
    padding-bottom: .2rem;
}

.proCae .land_infos li p {
    text-align: left;
    width: 100%;
}

.proCae .land_infos li:first-child {
    width: 30%;
}

.proCae .proIntroduction {
    width: 100%;
}

.proCae .proIntroduction li {
    width: 100%;
    padding: 0 .3rem;
    transition: all .3s ease;
}

.proCae .proIntroduction li:first-child {
    background: #f5f0ec;
}

.proCae .proIntroduction li:nth-child(2) {
    background: #eae2db;
}

.proCae .proIntroduction li:nth-child(3) {
    background: #e6dcd4;
}

.proCae .proIntroduction li:nth-child(4) {
    background: #e1d5cc;
}

.proCae .proIntroduction li h1 {
    font-size: .3rem;
    color: #84888b;
    line-height: 1.2rem;
    font-weight: 600;
    background: url(../img/pro/proIcon.png) no-repeat center right /.4rem;
    transition: all .3s ease;
}

.proCae .proIntroduction li .hide {
    display: none;
}

.proCae .proIntroduction li .img {
    padding-bottom: .3rem;
}

.proCae .proIntroduction li.act {
    padding-bottom: .6rem;
    transition: all .3s ease;
}

.proCae .proIntroduction li.act .hide {
    display: block;
    transition: all .3s ease;
}

.proCae .proIntroduction li.act h1 {
    background: url(../img/pro/proIcon_on.png) no-repeat center right /.4rem;
    transition: all .3s ease;
}

.proCae .proList {
    width: 100%;
    padding-top: 1rem;
}

.proCae .proList h1 {
    font-size: .36rem;
    color: #333333;
    line-height: .36rem;
    padding-bottom: .4rem;
    text-align: center;
    font-weight: 600;
}

.proCae .proList .proFilter {
    width: 100%;
    overflow: hidden;
    padding-bottom: .8rem;
}

.proCae .proList .proFilter div {
    width: 3.3rem;
    height: 1rem;
    border: .02rem solid #e9e2dd;
    background: #fff;
    float: left;
}

.proCae .proList .proFilter .proStatus {
    float: right;
}

.proCae .proList .proFilter div span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: .26rem;
    color: #84888b;
    line-height: .96rem;
    text-indent: .3rem;
    background: url(../img/public/downIcon2.png) no-repeat 2.8rem center /.2rem;
}

.proCae .proList .proFilter .proBtn {
    display: block;
    width: 100%;
    height: 1rem;
    float: left;
    margin-top: .3rem;
    background: #e60012;
    text-align: center;
    line-height: 1rem;
    font-size: .26rem;
    color: #ffffff;
    font-weight: 600;
}

.proCae .proList ul {
    width: 100%;
    padding: 0;
    ;
    overflow: visible;
}

.proCae .proList li {
    width: 100%;
    margin-bottom: .3rem;
    box-shadow: 0 0 18px 5px #f1f1f1;
}

.proCae .proList li a {
    display: block;
    width: 100%;
}

.proCae .proList li .img {
    position: relative;
}

.proCae .proList li .img .proType {
    display: block;
    position: absolute;
    font-size: .24rem;
    color: #fff;
    line-height: .24rem;
    padding: .19rem .24rem;
    background: #e60012;
    top: .3rem;
    left: .3rem;
    z-index: 9;
}

.proCae .proList li h1 {
    width: 100%;
    font-size: .3rem;
    color: #333333;
    line-height: 1rem;
    text-indent: .3rem;
    font-weight: 600;
    text-align: left;
    background: #fff;
    border-bottom: none !important;
}

.proCae .proMap {
    width: 100%;
    padding-top: .6rem;
}

.proCae .proMap .chinaMap {
    width: 5.86rem;
    margin: 0 auto;
}

.proCae .proMap .chinaMap img {
    width: 100%;
    height: auto;
}

.proCae .proMap h4 {
    font-size: .72rem;
    color: #e1d5cc;
    line-height: .72rem;
    padding-bottom: .5rem;
    border-bottom: .04rem solid #fff;
    padding-top: 1rem;
    text-align: center;
    font-family: 'Din';
    letter-spacing: -2px;
}

.proCae .proMap .proMapCityList {
    width: 100%;
    overflow: hidden;
    padding-top: .55rem;
}

.proCae .proMap .proMapCityList li {
    display: inline-block;
    width: 1.1rem;
    font-size: .26rem;
    color: #84888b;
    line-height: .26rem;
    margin-bottom: .35rem;
    text-align: center;
}





/* ***************************** product1.html */
.pro1 .proCae h1 {
    font-size: .36rem;
    color: #e60012;
    padding-bottom: .4rem;
    border-bottom: .02rem solid #e9e2dd;
    text-align: left;
    font-weight: 600;
}

.pro1 .proCae h4 {
    font-size: .24rem;
    color: #999999;
    line-height: 1.16rem;
    border-bottom: .02rem solid #e9e2dd;
    padding-bottom: 0;
}

.pro1 .proCae h4 a {
    display: block;
    float: right;
    color: #333333;
}




/* ***************************** product_1.html */
.pro_1 {
    width: 100%;
}

.pro_1Cae {
    width: 100%;
}

.pro_1Cae .proTopImg {
    width: 7.5rem;
    height: 4.6rem;
    background: url(../img/pro/pro_1Img.jpg) no-repeat center /100%;
    overflow: hidden;
    padding: .3rem;
    margin-left: -.3rem;
}

.pro_1Cae .proTopImg img {
    width: 100%;
}

.pro_1Cae .pro_1Info {
    width: 100%;
    padding: .6rem 0 .8rem;
    border-bottom: .04rem solid #f5f0ed;
}

.pro_1Cae .pro_1Info h1 {
    font-size: .36rem;
    color: #333333;
    line-height: .36rem;
    font-weight: 600;
    padding-bottom: .3rem;
}

.pro_1Cae .pro_1Info p {
    font-size: .26rem;
    color: #84888b;
    line-height: .26rem;
    padding-bottom: .8rem;
}

.pro_1Cae .pro_1Info .item_num {
    padding-left: 1rem;
    background: url(../img/public/phoneIcon.png) no-repeat left center /.8rem;
    font-size: .48rem;
    color: #e60012;
    font-weight: 600;
    line-height: .8rem;
    font-family: 'Din';
    margin-bottom: .3rem;
}

.pro_1Cae .pro_1Info .item_loc {
    padding-top: .3rem;
    border-top: .04rem solid #f5f0ed;
}

.pro_1Cae .pro_1Info .item_loc p {
    padding-left: 1rem;
    background: url(../img/public/addIcon.png) no-repeat left center /.8rem;
    font-size: .26rem;
    color: #7a7a7a;
    line-height: .8rem;
    padding-bottom: 0;
}

.pro_1Cae .pro_1Info .item_loc a {
    display: block;
    width: 1.4rem;
    height: .6rem;
    background: #e60012;
    text-align: center;
    line-height: .6rem;
    font-size: .24rem;
    color: #ffffff;
    margin: .55rem 0 0 1rem;
}

.pro_1Cae .pro_1InfoText {
    width: 100%;
    padding: .6rem 0 .4rem;
    border-bottom: .04rem solid #f5f0ed;
    border-top: .04rem solid #f5f0ed;
}

.pro_1Cae .pro_1InfoText h1 {
    font-size: .3rem;
    color: #333333;
    line-height: .3rem;
    padding-bottom: .2rem;
    font-weight: 600;
}

.pro_1Cae .pro_1InfoText p {
    padding-bottom: 0;
    text-align: justify;
}

.pro_1InfoImg {
    width: 100%;
    padding-top: .8rem;
}

.pro_1InfoImg h1 {
    font-size: .3rem;
    color: #333333;
    line-height: .3rem;
    font-weight: 600;
    padding-bottom: .4rem;
}

.pro_1InfoImg .pro_1InfoImgTabs {
    width: 105%;
    overflow: hidden;
    font-size: 0;
}

.pro_1InfoImg .pro_1InfoImgTabs a {
    display: inline-block;
    width: 2.2rem;
    height: 1.4rem;
    padding-top: .97rem;
    margin-right: .15rem;
    box-sizing: border-box;
    transition: all .3s;
    font-size: .24rem;
    color: #999999;
    line-height: .24rem;
    text-align: center;
    border-top: .02rem solid transparent;
}

.pro_1InfoImg .pro_1InfoImgTabs a:last-child {
    margin-right: 0;
}

.pro_1InfoImg .pro_1InfoImgTabs a.act {
    border-top: .02rem solid #e60012;
    color: #e60012;
}

.pro_1InfoImg .pro_1InfoImgTabs .pro_1Tabs1 {
    background: #f1e8e3 url(../img/pro/pro_1Icon.png) no-repeat center .3rem /.32rem;
}

.pro_1InfoImg .pro_1InfoImgTabs .pro_1Tabs2 {
    background: #f1e8e3 url(../img/pro/pro_1Icon2.png) no-repeat center .3rem /.38rem;
}

.pro_1InfoImg .pro_1InfoImgTabs .pro_1Tabs3 {
    background: #f1e8e3 url(../img/pro/pro_1Icon3.png) no-repeat center .33rem /.4rem;
}

.pro_1InfoImg .pro_1InfoImgTabs .pro_1Tabs1.act {
    background: #fff url(../img/pro/pro_1Icon_on.png) no-repeat center .3rem /.32rem;
}

.pro_1InfoImg .pro_1InfoImgTabs .pro_1Tabs2.act {
    background: #fff url(../img/pro/pro_1Icon2_on.png) no-repeat center .3rem /.38rem;
}

.pro_1InfoImg .pro_1InfoImgTabs .pro_1Tabs3.act {
    background: #fff url(../img/pro/pro_1Icon3_on.png) no-repeat center .33rem /.4rem;
}

.pro_1InfoImg .pro_1ImgSwiper {
    display: none;
    width: 100%;
    overflow: hidden;
    padding: 0 .3rem .3rem;
    background: #fff;
}

.pro_1InfoImg .pro_1ImgSwiper.act {
    display: block;
}

.pro_1InfoImg .pro_1ImgSwiper h5 {
    font-size: .3rem;
    color: #e60012;
    text-align: center;
    line-height: .3rem;
    font-weight: 600;
    padding: .6rem 0 .4rem;
}

.pro_1InfoImg .pro_1ImgSwiper .swiper-container {
    overflow: hidden;
}

.pro_1InfoImg .pro_1ImgSwiper img {
    width: 100%;
}

.pro_1Rim {
    width: 100%;
    padding: .8rem 0 0;
}

.pro_1Rim .til {
    font-size: .3rem;
    color: #333333;
    line-height: .3rem;
    font-weight: 600;
    padding-bottom: .4rem;
}

.pro_1RimTabs {
    width: 100%;
    font-size: 0;
}

.pro_1RimTabs a {
    display: inline-block;
    width: 1.3rem;
    height: 1.4rem;
    padding-top: .97rem;
    margin-right: .1rem;
    box-sizing: border-box;
    transition: all .3s;
    font-size: .24rem;
    color: #999999;
    line-height: .24rem;
    text-align: center;
    border-top: .02rem solid transparent;
}

.pro_1RimTabs a:last-child {
    margin-right: 0;
}

.pro_1RimTabs a.act {
    border-top: .02rem solid #e60012;
    color: #e60012;
}

.pro_1RimTabs .pro_1Tabs1 {
    background: #f1e8e3 url(../img/pro/pro_1Icon.png) no-repeat center .3rem /.32rem;
}

.pro_1RimTabs .rimtabs1 {
    background: #f1e8e3 url(../img/pro/pro_1Icon4.png) no-repeat center .3rem /.4rem;
}

.pro_1RimTabs .rimtabs2 {
    background: #f1e8e3 url(../img/pro/pro_1Icon5.png) no-repeat center .3rem /.4rem;
}

.pro_1RimTabs .rimtabs3 {
    background: #f1e8e3 url(../img/pro/pro_1Icon6.png) no-repeat center .3rem /.4rem;
}

.pro_1RimTabs .rimtabs4 {
    background: #f1e8e3 url(../img/pro/pro_1Icon7.png) no-repeat center .3rem /.4rem;
}

.pro_1RimTabs .rimtabs5 {
    background: #f1e8e3 url(../img/pro/pro_1Icon8.png) no-repeat center .3rem /.4rem;
}

.pro_1RimTabs .rimtabs1.act {
    background: #fff url(../img/pro/pro_1Icon4_on.png) no-repeat center .3rem /.4rem;
}

.pro_1RimTabs .rimtabs2.act {
    background: #fff url(../img/pro/pro_1Icon5_on.png) no-repeat center .3rem /.4rem;
}

.pro_1RimTabs .rimtabs3.act {
    background: #fff url(../img/pro/pro_1Icon6_on.png) no-repeat center .3rem /.4rem;
}

.pro_1RimTabs .rimtabs4.act {
    background: #fff url(../img/pro/pro_1Icon7_on.png) no-repeat center .3rem /.4rem;
}

.pro_1RimTabs .rimtabs5.act {
    background: #fff url(../img/pro/pro_1Icon8_on.png) no-repeat center .3rem /.4rem;
}

.map_around {
    width: 100%;
    padding: 0 .3rem;
    background: #fff;
}

.map_around h5 {
    font-size: .3rem;
    color: #e60012;
    text-align: center;
    line-height: .3rem;
    font-weight: 600;
    padding: .6rem 0 .4rem;
}

.map_around #map {
    width: 100%;
    height: 3.8rem;
}

.map_around #r-result {
    width: 100%;
    padding: .3rem 0 .4rem;
}





/* ***************************** product2.html */
.pro2Cae {
    width: 100%;
}

.pro2Cae h1 {
    font-size: .3rem;
    color: #0eb0a4;
    line-height: .3rem;
    padding-bottom: .3rem;
    font-weight: 600;
}

.pro2Cae p {
    padding-bottom: .7rem;
}

.pro2Swiper {
    width: 100%;
    position: relative;
}

.pro2Swiper .swiper-container {
    padding-bottom: 1.45rem;
}

.pro2Swiper img {
    width: 100%;
}

.pro2Swiper .swiper-pagination {
    bottom: 1rem;
}

.pro2Swiper .swiper-pagination span {
    width: .14rem;
    height: .14rem;
    background: #f0e9e5;
    opacity: 1;
}

.pro2Swiper .swiper-pagination span.swiper-pagination-bullet-active {
    background: #0eb0a4;
}

.pro2Swiper .proNameTit {
    display: block;
    width: 100%;
    font-size: .26rem;
    color: #fff;
    position: absolute;
    bottom: 1.55rem;
    left: 0;
    text-align: center;
    z-index: 9;
}

.pro2Cae .pro2Introduction {
    width: 100%;
}

.pro2Cae .pro2Introduction li {
    width: 100%;
    padding: 0 .3rem;
    transition: all .3s ease;
}

.pro2Cae .pro2Introduction li:first-child {
    background: #f5f0ec;
}

.pro2Cae .pro2Introduction li:nth-child(2) {
    background: #eae2db;
}

.pro2Cae .pro2Introduction li:nth-child(3) {
    background: #e6dcd4;
}

.pro2Cae .pro2Introduction li:nth-child(4) {
    background: #e1d5cc;
}

.pro2Cae .pro2Introduction li h1 {
    font-size: .3rem;
    color: #84888b;
    line-height: 1.2rem;
    font-weight: 600;
    background: url(../img/pro/proIcon.png) no-repeat center right /.4rem;
    transition: all .3s ease;
    padding-bottom: 0;
}

.pro2Cae .pro2Introduction li p {
    padding-bottom: .3rem;
}

.pro2Cae .pro2Introduction li .hide {
    display: none;
}

.pro2Cae .pro2Introduction li .img {
    padding-bottom: .3rem;
}

.pro2Cae .pro2Introduction li.act {
    padding-bottom: .6rem;
    transition: all .3s ease;
}

.pro2Cae .pro2Introduction li.act .hide {
    display: block;
    transition: all .3s ease;
}

.pro2Cae .pro2Introduction li.act h1 {
    background: url(../img/pro/proIcon_on.png) no-repeat center right /.4rem;
    transition: all .3s ease;
}

.pro2Cae .pro2List {
    width: 100%;
    padding-top: 1rem;
}

.pro2Cae .pro2List h1 {
    font-size: .36rem;
    color: #333333;
    line-height: .36rem;
    padding-bottom: .4rem;
    text-align: center;
    font-weight: 600;
}

.pro2Cae .pro2List .proFilter {
    width: 100%;
    overflow: hidden;
    padding-bottom: .8rem;
}

.pro2Cae .pro2List .proFilter div {
    width: 3.3rem;
    height: 1rem;
    border: .02rem solid #e9e2dd;
    background: #fff;
    float: left;
}

.pro2Cae .pro2List .proFilter .proStatus {
    float: right;
}

.pro2Cae .pro2List .proFilter div span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: .26rem;
    color: #84888b;
    line-height: .96rem;
    text-indent: .3rem;
    background: url(../img/public/downIcon2.png) no-repeat 2.8rem center /.2rem;
}

.pro2Cae .pro2List .proFilter .proBtn {
    display: block;
    width: 100%;
    height: 1rem;
    float: left;
    margin-top: .3rem;
    background: #0eb0a4;
    text-align: center;
    line-height: 1rem;
    font-size: .26rem;
    color: #ffffff;
    font-weight: 600;
}

.pro2Map {
    width: 100%;
}

.pro2Map .chinaMap {
    width: 5.86rem;
    margin: 0 auto;
}

.pro2Map .chinaMap img {
    width: 100%;
    height: auto;
}

.pro2Map h1 {
    font-size: .72rem;
    color: #e1d5cc;
    line-height: .7rem;
    padding-bottom: .5rem;
    border-bottom: .04rem solid #fff;
    padding-top: 1rem;
    text-align: center;
    font-family: 'Din';
    letter-spacing: -2px;
}

.pro2Map .all_manage_city {
    width: 100%;
    overflow: hidden;
    padding-top: .55rem;
    margin-left: .4rem;
}

.pro2Map .all_manage_city li {
    display: inline-block;
    width: 1.6rem;
    font-size: .24rem;
    color: #84888b;
    line-height: .26rem;
    margin-bottom: .35rem;
}




/* ***************************** product2_1.html */
.pro2_1 .proCae h1 {
    font-size: .36rem;
    color: #0eb0a4;
    padding-bottom: .4rem;
    border-bottom: .02rem solid #e9e2dd;
    text-align: left;
    font-weight: 600;
}

.pro2_1 .proCae h4 {
    font-size: .24rem;
    color: #999999;
    line-height: 1.16rem;
    border-bottom: .02rem solid #e9e2dd;
    padding-bottom: 0;
}

.pro2_1 .proCae h4 a {
    display: block;
    float: right;
    color: #333333;
}

.pro2_1 .proCae .proList li .img .proType {
    display: block;
    position: absolute;
    font-size: .24rem;
    color: #fff;
    line-height: .24rem;
    padding: .19rem .24rem;
    background: #0eb0a4;
    top: .3rem;
    left: .3rem;
    z-index: 9;
}

.pro2_1 .proCae .loadMore {
    background: #0eb0a4;
}

.pro2_2Info {
    width: 100%;
}

.pro2_2Info ul {}

.pro2_2Info li {
    width: 100%;
    padding: .4rem .3rem .3rem 1.7rem;
    position: relative;
    background: #fff;
    margin-top: .3rem;
    box-shadow: 0 0 18px 5px #f1f1f1;
}

.pro2_2Info li .left_icon {
    display: block;
    position: absolute;
    width: 1.42rem;
    height: 100%;
    left: 0;
    top: 0;
    padding: .3rem;
    border-right: .02rem solid #f5f0ed;
}

.pro2_2Info li .left_icon .icon_loc_cir {
    display: block;
    width: 100%;
    height: .8rem;
    background: url(../img/public/addIcon.png) no-repeat center /100%;
}

.pro2_2Info li .left_icon .icon_phone_cir {
    display: block;
    width: 100%;
    height: .8rem;
    background: url(../img/public/phoneIcon.png) no-repeat center /100%;
}

.pro2_2Info li .left_icon .icon_wechat_cir {
    display: block;
    width: 100%;
    height: .8rem;
    background: url(../img/public/wxIcon3.png) no-repeat center /100%;
}

.pro2_2Info li h1 {
    font-size: .24rem;
    color: #666666;
    line-height: .24rem;
    padding-bottom: .1rem;
}

.pro2_2Info li p {
    line-height: .26rem;
    padding-bottom: .5rem;
}

.pro2_2Info li a {
    display: block;
    width: 1.4rem;
    height: .6rem;
    background: #0eb0a4;
    line-height: .6rem;
    text-align: center;
    font-size: .24rem;
    color: #fff;
}

.pro2_2Info li .phone_number {
    font-size: .48rem;
    color: #0eb0a4;
    line-height: .36rem;
    padding-bottom: .35rem;
    font-family: 'Din';
}

.pro2_2Info li img {
    padding-top: .2rem;
    width: 1.4rem;
}




/* ***************************** product3.html */
.pro3Cae {
    width: 100%;
}

.pro3Cae h1 {
    color: #116ea6;
    font-size: .36rem;
    padding-bottom: .4rem;
    text-align: left;
    font-weight: 600;
}

.pro3Cae .prop_title_infos {
    width: 105%;
    overflow: hidden;
    padding-bottom: .6rem;
}

.pro3Cae .prop_title_infos li {
    width: 35%;
    float: left;
    padding-left: .3rem;
    height: 2.8rem;
    border-right: .02rem solid #f5f0ed;
    box-sizing: border-box;
    padding-top: .9rem;
}

.pro3Cae .prop_title_infos li h1 {
    font-size: .72rem;
    color: #11689b;
    line-height: .54rem;
    font-family: 'Din';
    width: 100%;
    display: block;
    padding-bottom: .2rem;
    font-weight: normal;
}

.pro3Cae .prop_title_infos li:first-child {
    width: 30%;
}

.pro3Swiper {
    width: 100%;
}

.pro3Swiper .swiper-container {
    padding-bottom: 1.45rem;
}

.pro3Swiper img {
    width: 100%;
}

.pro3Swiper .swiper-pagination {
    bottom: 1rem;
}

.pro3Swiper .swiper-pagination span {
    width: .14rem;
    height: .14rem;
    background: #f0e9e5;
    opacity: 1;
}

.pro3Swiper .swiper-pagination span.swiper-pagination-bullet-active {
    background: #11689b;
}

.pro3Info {
    width: 100%;
    padding: .7rem .3rem 4.15rem;
    background: #fff url(../img/pro/smile.png) no-repeat right bottom /4.05rem;
    position: relative;
    box-shadow: 0px 0px 31px 8px #f1f1f1;
}

.pro3Info p {
    font-size: .26rem;
    color: #84888b;
    line-height: .46rem;
    padding-bottom: 0;
}

.pro3Info .pro3InfoBot {
    width: 100%;
    position: absolute;
    left: .3rem;
    bottom: 1.6rem;
}

.pro3Info .pro3InfoBot h1 {
    font-size: .6rem;
    color: #11689b;
    line-height: .43rem;
    padding-bottom: .2rem;
    font-family: 'Din';
    letter-spacing: -1px;
}

.pro3Mid {
    width: 100%;
    padding: 1rem 0;
}

.pro3Mid .dib {
    width: 3.49rem;
    margin: 0 auto;
    padding-bottom: .35rem;
}

.pro3Mid .dib img {
    width: 100%;
}

.pro3Mid h1 {
    font-size: .3rem;
    color: #333333;
    line-height: .3rem;
    padding-bottom: .55rem;
    text-align: center;
}

.pro3Mid ul {
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 31px 8px #f1f1f1;
}

.pro3Mid li {
    width: 100%;
    background: #fff;
    padding: 0 .3rem .7rem;
    box-shadow: 0px 0px 31px 8px #f1f1f1;
}

.pro3Mid li>p {
    width: 100%;
    border-bottom: .01rem solid #ede8e4;
    height: 1.5rem;
    padding-bottom: 0;
    text-align: center;
}

.pro3Mid li>p img {
    width: .8rem;
    display: inline-block;
    height: auto;
    margin-top: .4rem;
}

.pro3Mid li .intro {
    width: 100%;
    padding-top: .5rem;
}

.pro3Mid li .intro h1 {
    font-size: .3rem;
    color: #666666;
    line-height: .3rem;
    text-align: center;
    padding-bottom: .2rem;
}

.pro3Mid li .intro p {
    text-align: left;
    padding-bottom: 0;
}

.pro3Map {
    width: 100%;
    padding-top: .6rem;
    padding-bottom: .7rem;
    border-bottom: .04rem solid #e1d5cc;
}

.pro3Map .chinaMap {
    width: 5.86rem;
    margin: 0 auto;
}

.pro3Map .chinaMap img {
    width: 100%;
    height: auto;
}

.pageContent .pro3Map h4 {
    font-size: .72rem;
    color: #e1d5cc;
    line-height: .7rem;
    padding-bottom: .5rem;
    border-bottom: .04rem solid #fff;
    padding-top: 1rem;
    text-align: center;
    font-family: 'Din';
    letter-spacing: -2px;
}

.pro3Map .proMapCityList {
    width: 100%;
    overflow: hidden;
    padding-top: .55rem;
}

.pro3Map .proMapCityList li {
    display: inline-block;
    width: 1.08rem;
    font-size: .26rem;
    color: #84888b;
    line-height: .26rem;
    margin-bottom: .35rem;
    text-align: center;
}

.pro3Story {
    width: 100%;
    padding-top: 1rem;
}

.pro3Story h1 {
    font-size: .36rem;
    color: #333333;
    line-height: .36rem;
    padding-bottom: .3rem;
    text-align: center;
}

.pro3Story ul {
    width: 100%;
}

.pro3Story li {
    width: 100%;
    padding: .6rem .3rem;
    background: #fff;
    margin-top: .3rem;
    box-shadow: 0 0 18px 5px #f1f1f1;
}

.pro3Story li h1 {
    font-size: .3rem;
    color: #333;
    line-height: .3rem;
    padding-bottom: .1rem;
    text-align: left;
}

.pro3Story li p {
    font-size: .24rem;
    color: #84888b;
    line-height: .42rem;
    padding-bottom: 0;
}

.pro3Story .loadMore {
    background: #11689b;
}




/* ***************************** product4.html */
.pro4Cae {
    width: 100%;
}

.pro4Cae h1 {
    color: #fabe00;
    font-size: .36rem;
    padding-bottom: .4rem;
    text-align: left;
    font-weight: 600;
}

.pro4Swiper {
    width: 100%;
}

.pro4Swiper .img {
    width: 100%;
}

.pro4Swiper .img img {
    display: none;
}

.pro4Swiper .img img.act {
    display: block;
}

.pro4Swiper .pro4STabs {
    width: 100%;
    font-size: 0;
}

.pro4Swiper .pro4STabs a {
    width: 50%;
    height: 1.6rem;
    float: left;
}

.pro4Swiper .pro4STabs .STabsItem1 {
    background: #fff url(../img/pro/pro4Logo.png) no-repeat center /1.41rem;
}

.pro4Swiper .pro4STabs .STabsItem2 {
    background: #fff url(../img/pro/pro4Logo2.png) no-repeat center /1.57rem;
}

.pro4Swiper .pro4STabs .STabsItem3 {
    background: #fff url(../img/pro/pro4Logo3.png) no-repeat center /1.81rem;
}

.pro4Swiper .pro4STabs .STabsItem1.act {
    background: #fabe00 url(../img/pro/pro4Logo_on.png) no-repeat center /1.41rem;
}

.pro4Swiper .pro4STabs .STabsItem2.act {
    background: #fabe00 url(../img/pro/pro4Logo2_on.png) no-repeat center /1.57rem;
}

.pro4Swiper .pro4STabs .STabsItem3.act {
    background: #fabe00 url(../img/pro/pro4Logo3_on.png) no-repeat center /1.81rem;
}

.pro4Swiper .proSwiperInfo {
    width: 100%;
}

.pro4Swiper .proSwiperInfo .pro4InfoItem {
    width: 100%;
    display: none;
    height: 2.6rem;
    padding: .35rem .3rem 0;
    background: #fabe00;
}

.pro4Swiper .proSwiperInfo .pro4InfoItem.act {
    display: block;
}

.pro4Swiper .proSwiperInfo .pro4InfoItem p {
    font-size: .26rem;
    color: #ffffff;
    line-height: .46rem;
    padding-bottom: 0;
}

.pro4Swiper .proSwiperInfo .pro4InfoItem .goDel {
    display: block;
    width: .8rem;
    height: .8rem;
    background: url(../img/pro/goDelIcon.png) no-repeat center /100%;
    margin-top: .2rem;
}

.pro4ImgBot {
    width: 100%;
    padding-top: .8rem;
}

.pro4ImgBot img {
    width: 100%;
}






/* ***************************** product4_1.html */
.pro4Cae {
    width: 100%;
}

.pro4Cae h1 {
    color: #fabe00;
    font-size: .36rem;
    padding-bottom: .4rem;
    text-align: left;
    font-weight: 600;
}

.pro4_1Swiper {
    width: 100%;
}

.pro4_1Swiper .swiper-container {
    padding-bottom: 1rem;
    z-index: 9;
}

.pro4_1Swiper img {
    width: 100%;
}

.pro4_1Swiper .swiper-pagination {
    bottom: .4rem;
}

.pro4_1Swiper .swiper-pagination span {
    width: .14rem;
    height: .14rem;
    background: #fff;
    opacity: 1;
}

.pro4_1Swiper .swiper-pagination span.swiper-pagination-bullet-active {
    background: #fabe00;
}

.pro4_1SInfo {
    width: 100%;
    padding: 1rem .3rem .7rem;
    background: #f1ebe8;
    margin-top: -1rem;
}

.pro4_1SInfo h1 {
    font-size: .72rem;
    color: #fabe00;
    line-height: .53rem;
    padding-bottom: .2rem;
    font-family: 'Din';
    text-align: center !important;
    font-weight: normal;
    letter-spacing: -1px;
}

.pro4_1SInfo p {
    font-size: .26rem;
    color: #84888b;
    line-height: .26rem;
    padding-bottom: .6rem;
    text-align: center;
}

.pro4_1SInfo .links {
    margin: 0 auto;
    width: 2rem;
    padding-bottom: .6rem;
}

.pro4_1SInfo .links a {
    display: block;
    width: 2rem;
    height: .8rem;
    background: #fabe00 url(../img/pro/pro4_1Icon.png) no-repeat .3rem center /.28rem;
    line-height: .8rem;
    text-indent: .69rem;
    font-size: .26rem;
    color: #fff;
}

.pro4_1SInfo .fun_qr {
    width: 100%;
}

.pro4_1SInfo .fun_qr .fun_qr_img {
    width: 2rem;
    margin: 0 auto;
    border: .02rem solid #eae2df;
}

.pro4_1SInfo .fun_qr p {
    font-size: .26rem;
    color: #84888b;
    text-align: center;
    padding: .2rem 0 0;
}

.pro4_1Del {
    width: 100%;
    padding: 1rem 0;
    border-bottom: .04rem solid #ece6e3;
}

.pro4_1Del h1 {
    font-size: .36rem;
    color: #333333;
    line-height: .36rem;
    padding-bottom: .35rem;
    text-align: center;
}

.pro4_1Del ul {
    font-size: 0;
    text-align: center;
    padding-top: .6rem;
}

.pro4_1Del ul li {
    display: inline-block;
    width: 2.2rem;
    padding: 0 .4rem;
}

.pro4_1Del ul li img {
    width: 100%;
}

.pro4_1Del ul li h2 {
    font-size: .26rem;
    color: #666666;
    line-height: .26rem;
    padding-top: .14rem;
}

.pro4_1Map {
    width: 100%;
    padding-top: .6rem;
}

.pro4_1Map .chinaMap {
    width: 5.86rem;
    margin: 0 auto;
}

.pro4_1Map .chinaMap img {
    width: 100%;
    height: auto;
}

.pageContent .pro4_1Map h4 {
    font-size: .72rem;
    color: #fabe00;
    line-height: .52rem;
    padding-bottom: .5rem;
    border-bottom: .04rem solid #fff;
    padding-top: 1rem;
    text-align: center;
    font-family: 'Din';
    letter-spacing: -2px;
}

.pageContent .pro4_1Map p {
    padding-top: .5rem;
}






/* ***************************** product4_2.html */
.pro4_2Del {
    width: 100%;
    padding-top: 1rem;
    border-top: .04rem solid #f1ebe8;
    margin-top: .5rem;
}

.pro4_2Del h1 {
    font-size: .36rem;
    color: #333333;
    line-height: .36rem;
    text-align: center;
    padding-bottom: .3rem;
}

.pro4_2Del ul {}

.pro4_2Del li {
    width: 100%;
    height: 4.6rem;
    margin-top: .3rem;
    background: #fff;
    padding: 0 .3rem;
    box-shadow: 0 0 18px 5px #f1f1f1;
}

.pro4_2Del li img {
    width: 100%;
}

.pro4_2Del li p {
    text-align: center;
}



/* ***************************** law.html */
.law {
    margin-top: 1.2rem;
}

.law h6 {
    font-size: .3rem;
    color: #333333;
    line-height: .3rem;
    padding-bottom: .1rem;
    font-weight: 600;
    padding-top: .2rem;
}




/* ***************************** searchR.html */
.searchR {
    margin-top: 1.2rem;
}



/*20019-1-12 dch*/
.proCae .proIntroduction {
    margin-bottom: 1rem;
}

.proCae .proList {
    padding-top: 0;
}

.pro2Cae .pro2Introduction li a {
    display: block;
}

.popVideo {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.popVideo .bg {
    width: 100%;
    height: 100%;
    background-color: #040404;
}

.popVideo .close {
    position: absolute;
    top: .2rem;
    right: .2rem;
    width: .48rem;
    height: .48rem;
    background: url(../img/news/closeIcon.png) no-repeat;
    background-size: cover;
}

.popVideo video {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.topMedia .img {
    position: relative;
}

.topMedia .img .play {
    display: block;
    position: absolute;
    width: .56rem;
    height: .56rem;
    background: url(../img/public/playIcon2.png) no-repeat center /100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*琛ュ厖2019.1.28*/
.zj_media {
    padding-bottom: 0px;
    overflow: hidden;

}

.zj_media .topMedia {
    padding-bottom: 0px;
    overflow: hidden;
}



@media only screen and (device-width:768px) {
    .pro_1Cae .proTopImg {
        width: 100%;
        height: 4.6rem;
        background: url(../img/pro/pro_1Img.jpg) no-repeat center /100%;
        overflow: hidden;
        padding: .3rem;
        margin-left: 0;
    }

    .news2Case li {
        width: 100%;
        height: 6.4rem;
        background: url(../img/news/news2Bg.png) no-repeat center /79%;
        padding-top: .75rem;
        margin-bottom: .5rem;
    }

    .mediaCase ul {
        width: 6.9rem;
        margin: 0 auto;
    }

    .qcodeList ul {
        width: 6.9rem;
        margin: 0 auto;
    }

    .newsletterCase .newsletterInfo {
        width: 6.9rem;
        margin: 0 auto;
    }

    .abt .abtCase {
        width: 7.5rem;
        padding: .3rem .3rem 0;
        margin: 0 auto !important;
        overflow: hidden;
    }

}


/*2020.3.25*/
.investor27Filter {
    margin-bottom: .3rem;
}

.investor28Filter {
    margin-bottom: .5rem;
}

.border-no {
    border: none !important;
}

.product_fun_sport-mapChenTab .chen-tav {
    overflow: hidden;
    margin-bottom: .2rem;
    /*padding-top: .3rem;*/
    display: block !important;
    justify-content: space-between;
}

.product_fun_sport-mapChenTab .chen-tav .li:nth-child(1) {
    margin-left: 0;
}

.product_fun_sport-mapChenTab .chen-tav .li.on {
    color: #fabe00;
}

.product_fun_sport-mapChenTab .chen-tav .li {
    display: inline-block;
    width: 1.7rem !important;
    font-size: .26rem;
    color: #84888b;
    line-height: .26rem;
    margin-bottom: .35rem;
    text-align: center;
}

.product_fun_sport-mapChenTab .chen-tav-cont li {
    display: inline-block;
    width: 1.08rem;
    font-size: .26rem;
    color: #84888b;
    line-height: .26rem;
    margin-bottom: .35rem;
    text-align: center;
}

.pro4_1Del {
    padding: 1rem 0 .8rem;
}

.productFunLive_changping .card {
    padding-top: .6rem;
}

.productFunLive_changping .card .li:nth-child(1) {
    margin-top: 0;
}

.productFunLive_changping .card .li {
    text-align: center;
    /*height: 6rem;*/
    padding-bottom: .4rem;
    overflow: hidden;
    margin-top: .6rem;
    box-shadow: 0 0.05rem .4rem -.14rem rgba(0, 0, 0, .1);
}

.productFunLive_changping .card img {
    height: auto;
}

.productFunLive_changping .card h4 {
    color: #84888b;
    font-size: .4rem;
    line-height: 1;
    font-weight: 400;
    margin: .4rem 0 .1rem 0;
    padding: 0;
    text-align: center;
}

.productFunLive_changping .card h5 {
    color: #84888b;
    font-size: .34rem;
    font-family: 'DINPro';
    margin-bottom: .3rem;
}

.productFunLive_changping .card h4 em,
.productFunLive_changping .card h5 em {
    display: inline-block;
    width: .04rem;
    height: .04rem;
    background-color: #84888b;
    border-radius: 300px;
    vertical-align: middle;
    margin: 0 .1rem;
}

.productFunLive_changping .card p {
    text-align: center;
    display: table-cell;
    width: 8rem;
    height: .8rem;
    vertical-align: middle;
    line-height: 1.4;
    color: #84888b;
    font-size: .26rem;
}


/*2020.10.27*/
.product_funNew .contentP h2 {
    font-weight: bold;
    color: #fabe00;
    font-size: .36rem;
    line-height: 1;
    margin-bottom: .46rem;
}

.product_funNew .cCont1 .item {
    padding: .5rem .3rem;
    background-color: #FFF;
    /*background: url("../img/product_fun-new-item-1.jpg") no-repeat center/cover;*/
    margin-bottom: .4rem;
}

.product_funNew .cCont1 .item .swiper-containers {
    position: relative;
}

.product_funNew .cCont1 .item .swiper-pagination {

    position: absolute;
    left: .2rem;
    bottom: .2rem;
}

.product_funNew .cCont1 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #FFF;
    opacity: .8;
}

.product_funNew .cCont1 .swiper-pagination-bullet-active {
    background-color: #e70012;
    opacity: 1;
}

.product_funNew .cCont1 .item h3 {
    color: #e60012;
    font-size: .36rem;
    line-height: 1.2;
    margin-bottom: .14rem;
}

.product_funNew .cCont1 .item p {
    color: #999999;
    padding-bottom: .3rem !important;

}

.product_funNew .cCont1 .item .btnW {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: .3rem;
}

.product_funNew .cCont1 .item .btnW .btn {
    width: 48%;
    height: .9rem;
    line-height: .9rem;
    text-align: center;
    font-size: .28rem;
    color: #FFF;
    background-color: #f4b544;
}

.product_funNew .cCont1 .item .btnW .btn:nth-child(2) {
    background-color: #b4e17b;
}

.product_funNew .cCont1 .item .img {
    margin-top: .3rem;
}

.product_funNew .cCont1 .item .img img {
    width: 100%;
}



.product_funNew_data .contentP .Top h2 {
    font-weight: bold;
    color: #fabe00;
    font-size: .36rem;
    line-height: 1;
    margin-bottom: .46rem;
}


.product_funNew_data .cCont1 .item {
    padding: .5rem .3rem;
    background-color: #FFF;
    /*background: url("../img/product_fun-new-item-1.jpg") no-repeat center/cover;*/
    margin-bottom: .4rem;
}

.product_funNew_data .cCont1 .item .swiper-containers {
    position: relative;
}

.product_funNew_data .cCont1 .item .swiper-pagination {

    position: absolute;
    left: .2rem;
    bottom: .2rem;
}

.product_funNew_data .cCont1 .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #FFF;
    opacity: .8;
}

.product_funNew_data .cCont1 .swiper-pagination-bullet-active {
    background-color: #e70012;
    opacity: 1;
}

.product_funNew_data .cCont1 .item h3 {
    color: #e60012;
    font-size: .36rem;
    line-height: 1.2;
    margin-bottom: .14rem;
}

.product_funNew_data .cCont1 .item p {
    color: #999999;

}

.product_funNew_data .cCont1 .item .btnW {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: .5rem;
}

.product_funNew_data .cCont1 .item .btnW .btn {
    width: 3rem;
    height: .9rem;
    line-height: .9rem;
    text-align: center;
    font-size: .28rem;
    color: #fabe00;
    border: 1px solid #fabe00;
}

.product_funNew_data .cCont1 .item .img {
    margin-top: .3rem;
}

.product_funNew_data .cCont1 .item .img img {
    width: 100%;
}

.hukBtn {
    width: .6rem;
    margin: 0 0 .3rem;

}

.hukBtn img {
    width: 100%;
}

.product_jiaoyu .contentP .Top h2 {
    font-weight: bold;
    color: #fabe00;
    font-size: .36rem;
    line-height: 1;
    margin-bottom: .46rem;
}

.product_jiaoyu .contentP .Top h3 {
    color: #666666;
    font-size: .27rem;
    margin-bottom: .15rem;
}

.product_jiaoyu .cCont1 .swiper-containers {
    overflow: hidden;
    margin-top: .3rem;
}

.product_jiaoyu .cCont1 .swiper-containers img {
    width: 100%;
}

.product_jiaoyu .cCont1 .more {
    display: block;
    width: .4rem;
    margin: .4rem auto .3rem;
}


/* 2022.2.14 */
.socCase .socItem .img1-bom {
    padding: 0rem .3rem .8rem;
    height: 3.7rem;
    background: #FFF url(../img/social-20220214-2.jpg) no-repeat right bottom;
    background-size: 100% auto;
}

.socCase .socItem .minti .cn {
    font-size: .24rem;
    padding-bottom: .1rem;
}

.socCase .socItem .minti .en {
    font-size: .24rem;
}

/* 2022-08-11 funworld */
p.sjc-card {
    margin-bottom: .15rem;
    padding: .26rem .2rem;
    height: 2.2rem;
    color: #FFF;
    box-sizing: border-box;
}

p.sjc-card-1 {
    background: #f05022 url(https://imagecdn.funplus.cn/www/static/product/sjc-card-m-1.png);
    background-size: 6.9rem 2.2rem;
    background-position: right bottom;
}

p.sjc-card-2 {
    background: #7eba02 url(https://imagecdn.funplus.cn/www/static/product/sjc-card-m-2.png);
    background-size: 6.9rem 2.2rem;
    background-position: right bottom;
}

p.sjc-card-3 {
    background: #fdb701 url(https://imagecdn.funplus.cn/www/static/product/sjc-card-m-3.png);
    background-size: 6.9rem 2.2rem;
    background-position: right bottom;
}

p.sjc-card strong {
    display: block;
    margin-bottom: .05rem;
    font-size: .3rem;
    text-align: left;
    letter-spacing: .05em;
}

p.sjc-card em {
    display: block;
    width: 87%;
    line-height: 1.5em;
}

.sjsgzl-title {
    padding-bottom: 8px !important;
}


/* ====== */
.coLogoBox {
    overflow: hidden;
    background-color: #f1e9e6;
    /* width: 790px; */
    /* padding-left: 3%; */
    padding: .5rem 0 .8rem 3%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.coLogoBox .li {
    width: 23%;
    height: 23.5vw;
    margin-left: 1%;
    float: left;
    background: url(../img/coLogoBox/coLogoBox-bor.png) no-repeat center;
    background-size: contain;
    margin-bottom: -.27rem;
    position: relative;
}

.coLogoBox .li:nth-child(7n+1) {
    margin-left: 13%;
}

.coLogoBox .lo {
    height: .5rem;
    margin-bottom: 2px;
}

.coLogoBox .lo img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: .5rem;
}

.coLogoBox .li .co {
    width: 100%;
    /* padding: 0 5px; */
    height: 1.1rem;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 55%;
    transform: translateY(-50%);
}

.coLogoBox p {
    color: #666666;
    font-size: .2rem;
    line-height: 1.1;
    text-align: center;
    margin: 0;
}