@charset "utf-8";

/* ***reset*** */
a, body { color: #000; }
body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, html, input, label, li, p, textarea, ul { margin: 0; padding: 0; }
form { display: inline; }
img { border: 0; }
td { word-break: break-all; }
dd, dl, dt, li, ul { list-style: none; }
a { text-decoration: none; }
.hideClass{
	display: none;
}
/* a:hover {
    color:black;
} */
body { background: #fff; font-family: "微软雅黑", sans-serif, Verdana, Arial; }
.f-fr { float: right; }
.f-fl { float: left; }
.f-cb:after { display: block; visibility: hidden; height: 0; overflow: hidden; clear: both; content: "."; }
.f-cb { zoom: 1; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/*header*/
.wrapper { width: 16rem; margin: 0 auto; position: relative; padding-top: 1.63333333rem; padding-bottom: 1.83333333rem; background: #fff5f5; }
.g-container { width: 16rem; margin: 0 auto; }
#header {  /*position: absolute;
        top:0;
        left: 0;*/
position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; background: #ffaeb7; z-index: 3; }
#header .heading { background-color: #ffaeb7; position: relative;
 /*height: 1.9rem;*/
 height: 1.92rem;
  }
#header .heading .menu-btn { position: absolute; top: 0; left: 0.33333333rem; width: 0.8rem; height: 1.9rem; background: url('/public/static/mobile/images/icon_menu.png') center center no-repeat; background-size: 0.66666667rem 0.66666667rem; }
#header .heading .menu-btn:hover { cursor: pointer; }
#header .heading .logo { width: 5.63333333rem; height: 0.76666667rem; margin: 0 auto; padding-top: 0.56666667rem; }
#header .heading .logo img { width: 100%; height: 100%; display: block; }
#header .heading .tools { position: absolute; top: 0; right: 0.33333333rem; cursor: pointer; height: 1.9rem; }
#header .heading .tools i { display: inline-block; width: 0.76666667rem; height: 1.9rem; }
#header .heading .tools .icon_tel { background: url('/public/static/mobile/images/icon_tel.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#header .heading .tools .icon_ma { background: url('/public/static/mobile/images/icon_ma.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#header .menu { display: none; position: absolute; top: 0; height: 100%; width: 16rem; }
#header .menu .menu-wrapper { width: 12.1rem; box-shadow: 3px -4px 24px 0px rgba(182, 182, 182, 0.75); background: #fff; padding-bottom: 1rem; }
#header .menu .menu-wrapper img { width: 12.1rem; height: 5.9rem; display: block; }
#header .menu .menu-wrapper ul { margin-top: 0.7rem; }
#header .menu .menu-wrapper ul li { position: relative; font-size: 0.8rem; font-weight: normal; font-stretch: normal; letter-spacing: 2px; color: #666666; height: 1.86666667rem; padding-left: 1.5rem; }
#header .menu .menu-wrapper ul li a { display: block; color: #666666; line-height: 1.86666667rem; }
#header .menu .menu-wrapper ul li:before { position: absolute; left: 0.66666667rem; top: 0; bottom: 0; margin: auto; content: ''; display: block; width: 0.16666667rem; height: 0.16666667rem; border-radius: 100%; background: #fbc1cb; }
#header .menu .menu-wrapper ul li:hover, #header .menu .menu-wrapper ul li.active { background: #fbc1cb; }
#header .menu .menu-wrapper ul li:hover a, #header .menu .menu-wrapper ul li.active a { color: #ffffff; }
#header .menu .menu-wrapper ul li:hover:before, #header .menu .menu-wrapper ul li.active:before { background: #ffffff; }
#header .menu .menu-wrapper .tools { height: 1.66666667rem; padding-left: 1.16666667rem; margin-top: 4rem; }
#header .menu .menu-wrapper .tools .grids-item { width: 1.83333333rem; float: left; }
#header .menu .menu-wrapper .tools .grids-item .grids-icon { width: 0.8rem; height: 0.8rem; margin: 0.25rem auto 0; }
#header .menu .menu-wrapper .tools .grids-item .grids-icon i { display: block; width: 0.76666667rem; height: 0.76666667rem; }
#header .menu .menu-wrapper .tools .grids-item .grids-icon .icon-weixin { background: url('/public/static/mobile/images/icon_weixin.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#header .menu .menu-wrapper .tools .grids-item .grids-icon .icon-ma2 { background: url('/public/static/mobile/images/icon_ma2.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#header .menu .menu-wrapper .tools .grids-item .grids-icon .icon-tel2 { background: url('/public/static/mobile/images/icon_tel2.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#header .menu .menu-wrapper .tools .grids-item .grids-txt { padding-top: 0.2rem; font-size: 0.36666667rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.13333333rem; letter-spacing: 1.1px; color: #898989; text-align: center; }
#header.open { background-color: rgba(81, 81, 81, 0.3); height: 100%; }
#header.open .menu { display: block; }
.top-banner { position: relative; height: 17rem; width: 100%; }
.top-banner .slider-wraper { position: absolute; height: 17rem; width: 100%; overflow: hidden; z-index: 1; }
.top-banner .slider-container { width: 128rem; }
.top-banner .slider-container li { float: left; width: 16rem; height: 17rem; }
.top-banner .slider-container li img { width: 100%; height: 100%; display: block; }
.top-banner .slider-item { position: relative; }
.top-banner .indicator { position: absolute; left: 0; bottom: 0; z-index: 2; padding: 0; margin: 0 auto; width: 16rem; height: 2.33333333rem; 
    /*background-color: rgba(255, 255, 255, 0.6);*/
 box-shadow: -4px -3px 9px 0px rgba(255, 185, 198, 0.13); }
.top-banner .indicator span { position: absolute; top: 0; bottom: 0; margin: auto; display: block; width: 1.33333333rem; height: 1.33333333rem; }
.top-banner .indicator .prev { left: 0.33333333rem; background: url('/public/static/mobile/images/index_bg_right.png') center center no-repeat; background-size: cover; }
.top-banner .indicator .next { right: 0.33333333rem; background: url('/public/static/mobile/images/index_bg_left.png') center center no-repeat; background-size: cover; }
.chain-info { height: 3.83333333rem; background: url('/public/static/mobile/images/bg_chain.jpg') center center no-repeat; background-size: cover; }
.chain-info h2 {  /*width:300rem/@fb;*/

  /*height: 150rem/@fb;*/

/*background: url('@{imgp}bgt_chain.png') center center no-repeat;*/ }
.chain-info a { display: block; padding-top: 0.66666667rem; margin: 0 auto; width: 5rem; }
.chain-info img { width: 5rem; height: 2.5rem; }
.copyright-info { height: 1.06666667rem; background: #5c373a; padding-top: 0.3rem; }
.copyright-info p { font-size: 0.26666667rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.4rem; letter-spacing: 0.01333333rem; color: #ffffff; text-align: center; height: 0.8rem; }
#footer { border-top: solid 1px #e6e6e6; width: 16rem; height: 1.83333333rem; position: fixed; left: 0; right: 0; bottom: 0; margin: auto; z-index: 4; background: #fff; }
/*#footer .grids-item { width: 25%; float: left; }*/
#footer .grids-item { width: 25%; float: left; }
#footer .grids-item .grids-icon { width: 0.8rem; height: 0.8rem; margin: 0.25rem auto 0; }
#footer .grids-item .grids-icon i { display: block; width: 0.76666667rem; height: 0.76666667rem; }
#footer .grids-item .grids-icon .icon-ft1 { background: url('/public/static/mobile/images/ft_icon1.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#footer .grids-item .grids-icon .icon-ft2 { background: url('/public/static/mobile/images/ft_icon2.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#footer .grids-item .grids-icon .icon-ft3 { background: url('/public/static/mobile/images/ft_icon3.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#footer .grids-item .grids-icon .icon-ft4 { background: url('/public/static/mobile/images/ft_icon4.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#footer .grids-item .grids-icon .icon-ft5 { background: url('/public/static/mobile/images/ft_icon5.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#footer .grids-item .grids-txt { padding-top: 0.2rem; font-size: 0.36666667rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.13333333rem; letter-spacing: 1.1px; color: #898989; text-align: center; }
#footer .active-item .grids-icon .icon-ft1, #footer .grids-item:hover .grids-icon .icon-ft1 { background: url('/public/static/mobile/images/ft_icon1_2.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#footer .active-item .grids-icon .icon-ft2, #footer .grids-item:hover .grids-icon .icon-ft2 { background: url('/public/static/mobile/images/ft_icon2_2.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#footer .active-item .grids-icon .icon-ft3, #footer .grids-item:hover .grids-icon .icon-ft3 { background: url('/public/static/mobile/images/ft_icon3_2.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#footer .active-item .grids-icon .icon-ft4, #footer .grids-item:hover .grids-icon .icon-ft4 { background: url('/public/static/mobile/images/ft_icon4_2.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#footer .active-item .grids-icon .icon-ft5, #footer .grids-item:hover .grids-icon .icon-ft5 { background: url('/public/static/mobile/images/ft_icon5_2.png') center center no-repeat; background-size: 0.76666667rem 0.76666667rem; }
#footer .active-item .grids-txt, #footer .grids-item:hover .grids-txt { color: #f67795; }
.pageindex ul .active{
    padding: 0 0.66666667rem;
    font-size: 0.36666667rem;
    color: #ffffff;
    background-color: #f97795;
    border-radius: 5px;
    border: solid 1px #f97795;
}
.disabled span{
    display: inline-block;
    padding: 0 0.66666667rem;
    font-size: 0.36666667rem;
    line-height: 1rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}
.gray{
    filter: grayscale(100%);
}.zx{animation:myfirst 1s infinite}@keyframes myfirst {
    0% {
        transform: scale(0.9);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.9);
    }
}
.menu .active-item{
    color: #f67795!important;
}

@charset "utf-8";

/* ***reset*** */
a, body { color: #000; }
body, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, html, input, label, li, p, textarea, ul { margin: 0; padding: 0; }
form { display: inline; }
img { border: 0; }
td { word-break: break-all; }
dd, dl, dt, li, ul { list-style: none; }
a { text-decoration: none; }
/* a:hover {
} */
body { background: #fff; font-family: "微软雅黑", sans-serif, Verdana, Arial;font-size: 0.27rem;  }
.f-fr { float: right; }
.f-fl { float: left; }
.f-cb:after { display: block; visibility: hidden; height: 0; overflow: hidden; clear: both; content: "."; }
.f-cb { zoom: 1; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/******************index*************************/
.nav { background: #fff; padding-bottom: 0.66666667rem; }
.nav .row { height: 3.16666667rem; padding-top: 0.66666667rem; }
.nav .grids-item { width: 25%; height: 3.16666667rem; float: left; }
.nav .grids-item:nth-of-type(5),.nav .grids-item:nth-of-type(6),.nav .grids-item:nth-of-type(7),.nav .grids-item:nth-of-type(8){
 padding-top: 0.66666667rem;
 padding-bottom: 0.66666667rem;
}
.nav .grids-item .grids-icon { margin: 0 auto; width: 2rem; height: 2rem; }
.nav .grids-item .grids-icon i ,.nav .grids-item .grids-icon i img{ display: block; width: 2rem; height: 2rem; margin: 0 auto; }
.nav .grids-item .grids-icon .icon_nav1 { background: url('/public/static/mobile/images/index_icon1.png') center center no-repeat; background-size: 2rem 2rem; }
/*.nav .grids-item .grids-icon .icon_nav2 { background: url('/public/static/mobile/images/index_icon2.png') center center no-repeat; background-size: 2rem 2rem; }*/
/*.nav .grids-item .grids-icon .icon_nav3 { background: url('/public/static/mobile/images/index_icon3.png') center center no-repeat; background-size: 2rem 2rem; }*/
/*.nav .grids-item .grids-icon .icon_nav4 { background: url('/public/static/mobile/images/index_icon4.png') center center no-repeat; background-size: 2rem 2rem; }*/
/*.nav .grids-item .grids-icon .icon_nav5 { background: url('/public/static/mobile/images/index_icon5.png') center center no-repeat; background-size: 2rem 2rem; }*/
/*.nav .grids-item .grids-icon .icon_nav6 { background: url('/public/static/mobile/images/index_icon6.png') center center no-repeat; background-size: 2rem 2rem; }*/
/*.nav .grids-item .grids-icon .icon_nav7 { background: url('/public/static/mobile/images/index_icon7.png') center center no-repeat; background-size: 2rem 2rem; }*/
/*.nav .grids-item .grids-icon .icon_nav8 { background: url('/public/static/mobile/images/index_icon8.png') center center no-repeat; background-size: 2rem 2rem; }*/
.nav .grids-item .grids-txt { text-align: center; padding-top: 0.5rem; font-size: 0.46666667rem; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.58333333rem; letter-spacing: 0rem; color: #333333; }

/*hotproject*/
.hotproject { height: 7.26666667rem; background: #fff; margin-top: 0.5rem; }
.hotproject .g-title { height: 1.5rem; padding: 0 0.33333333rem; }
.hotproject .g-title .title-info { font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #f87795; line-height: 1.5rem; }
.hotproject .g-title .title-info h2 { font-size: 0.6rem; font-weight: normal; }
.hotproject .g-title .title-more { font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #9a9a9a; line-height: 1.5rem; cursor: pointer; }
.hotproject .g-content { padding: 0.4rem 0.33333333rem 0; background: url('/public/static/mobile/images/index_bg_project.jpg') center top no-repeat; background-size: 15.16666667rem 0.9rem; margin-top: 0.16666667rem; }
.hotproject .g-content .slider-wraper { width: 15rem; height: 4.43333333rem; overflow: hidden; border: solid 1px #e5e5e5; }
.hotproject .g-content .slider-container { height: 4.4rem;  /*position: relative;*/ width: 44rem; }
.hotproject .g-content .item { box-shadow: -5px 4px 26px 1px rgba(236, 236, 236, 0.62); float: left; background-color: #fff}
.hotproject .g-content .item .item-img { width: 7.23333333rem; height: 4.33333333rem; }
.hotproject .g-content .item .item-img img { display: block; width: 100%; height: 100%; }
.hotproject .g-content .item .item-content { width: 7.33333333rem; background-color: #fff; padding-left: 0.5rem; }
.hotproject .g-content .item .item-content .content-title { margin-top: 0.83333333rem; font-size: 0.46666667rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; }
.hotproject .g-content .item .item-content .content-des { margin-top: 0.5rem; width: 6.83333333rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 0px; color: #999999; }
.hotcase { height: 15.56666667rem; background: #fff; margin-top: 0.5rem; }
.hotcase .g-title { height: 1.66666667rem; padding: 0.16666667rem 0.33333333rem 0; }
.hotcase .g-title .tab-index li { display: inline-block; margin-right: 0.5rem; font-size: 0.47rem; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #333333; cursor: pointer; }
.hotcase .g-title .tab-index li.active, .hotcase .g-title .tab-index li:hover { color: #f87795; border-bottom: 1px solid #f87795; }
.hotcase .g-title .title-more { font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #9a9a9a; line-height: 1.5rem; cursor: pointer; }
.hotcase .g-content { padding-bottom: 0.5rem; height: 13.5rem; position: relative; }
.hotcase .g-content .tab-item { position: absolute; left: 0; top: 0; padding: 0 0.33333333rem; height: 12.83333333rem; background-color: #fff}
.hotcase .g-content .tab-item .row { width: 100%; }
.hotcase .g-content .tab-item .bg { width: 15.13333333rem; height: 2.66666667rem; background: url('/public/static/mobile/images/index_bg2.jpg') center top no-repeat; background-size: 15.13333333rem 2.66666667rem; }
.hotcase .g-content .tab-item .item { position: relative; width: 5.03333333rem; height: 5.03333333rem; float: left; }
.hotcase .g-content .tab-item .item img { display: block; width: 100%; height: 100%; }
.hotcase .g-content .tab-item .item p { position: absolute; left: 0; bottom: 0; height: 1rem; width: 100%; background-color: #4d4d4d; opacity: 0.7; font-size: 0.36666667rem; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #ffffff; line-height: 1rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hotcase .g-content .tab-item.active { z-index: 2; }
.story { height: 14.66666667rem; background: #fff; margin-top: 0.5rem; }
.story .g-title { padding-top: 0.66666667rem; }
.story .g-title h2 { margin: 0 auto; height: 1.5rem; width: 5.2rem; background: url('/public/static/mobile/images/index_bgt1.png') center center no-repeat; background-size: cover; }
.story .g-content { height: 11.16666667rem; margin-top: 0.5rem; padding-top: 6rem; background: url('/public/static/mobile/images/index_bg3.jpg') center top no-repeat; background-size: 15.13333333rem 8.36666667rem; }
.story .g-content .content-wrapper { margin: 0 auto; width: 14.2rem; height: 4.75rem; background-color: #ffffff; box-shadow: 3px 5px 24px 0px rgba(251, 226, 226, 0.54); }
.story .g-content .content-wrapper .content-title { padding: 0.83333333rem 0.5rem 0.5rem; }
.story .g-content .content-wrapper .content-title h3 { font-size: 0.53333333rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 0px; color: #3e3e3e; }
.story .g-content .content-wrapper .content-title .title-more { font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #9a9a9a; }
.story .g-content .content-wrapper .line { width: 2.18333333rem; height: 0.05rem; background-color: #fe9ebb; margin-left: 0.5rem; }
.story .g-content .content-wrapper .content-des { padding: 0.33333333rem 0.5rem 0; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 0px; color: #333333; }
.news { height: 17.5rem; background: #fff; margin-top: 0.5rem; }
.news .g-title { padding-top: 0.66666667rem; }
.news .g-title h2 { margin: 0 auto; height: 1.5rem; width: 3.9rem; background: url('/public/static/mobile/images/index_bgt2.png') center center no-repeat; background-size: cover; }
.news .g-content { padding-top: 0.5rem; position: relative; }
.news .g-content .slider-wraper { margin: 0 auto; width: 11.66666667rem; height: 11.66666667rem; overflow: hidden; z-index: 1; }
.news .g-content .slider-container { width: 89.86666667rem; }
.news .g-content .slider-container li { float: left; width: 11.66666667rem; height: 11.33333333rem; background-color: #fff5f5; padding-top: 0.33333333rem; }
.news .g-content .slider-container li img { width: 11.1rem; height: 7.96666667rem; display: block; margin: auto; }
.news .g-content .slider-container li h3 { width: 10.33333333rem; margin: 0.33333333rem auto 0; font-size: 0.46666667rem; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #343434; }
.news .g-content .slider-container li p { width: 10.33333333rem; margin: 0.5rem auto 0; font-size: 0.36666667rem; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #9b9b9b; }
.news .g-content .slider-item { position: relative; }
.news .g-content .indicator span { position: absolute; top: 0; bottom: 0; margin: auto; display: block; width: 0.33333333rem; height: 0.53333333rem; }
.news .g-content .indicator .prev { left: 0.33333333rem; background: url('/public/static/mobile/images/join_bg6_left.png') center center no-repeat; background-size: cover; }
.news .g-content .indicator .next { right: 0.33333333rem; background: url('/public/static/mobile/images/join_bg6_right.png') center center no-repeat; background-size: cover; }
.news .g-content .more { margin: 0.86666667rem auto 0; font-size: 0.47rem; font-weight: normal; font-stretch: normal; letter-spacing: 0.33rem; color: #999999; display: block; width: 11.7rem; height: 1.26666667rem; background-color: #ffffff; border: solid 1px #e5e5e5; line-height: 1.26666667rem; text-align: center; }
.join img { display: block; width: 100%; }

/*news_list.html*/
.news_list { padding-top: 0; }
.news_list .title { height: 1.83333333rem; position: relative; background: #fff; }
.news_list .title a { position: absolute; left: 0.33333333rem; top: 0; bottom: 0; margin: auto; display: block; width: 0.76666667rem; height: 0.76666667rem; background: url('/public/static/mobile/images/icon_back.png') center center no-repeat; background-size: cover; }
.news_list .title h2 { line-height: 1.83333333rem; text-align: center; font-size: 0.6rem; font-stretch: normal; letter-spacing: 0px; color: #333333; }
.news_list .tab { height: 1.41666667rem; background-color: #ffffff; border: solid 1px #e6e6e6; }
.news_list .tab a { width: 50%; float: left; font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; line-height: 1.41666667rem; color: #656565; text-align: center; }
.news_list .tab a i { display: inline-block; vertical-align: middle; margin-left: 0.5rem; width: 0.4rem; height: 0.4rem; background: url('/public/static/mobile/images/news_icon2.png') center center no-repeat; background-size: cover; }
.news_list .tab a.active { color: #f87795; }
.news_list .tab a.active i { background: url('/public/static/mobile/images/news_icon1.png') center center no-repeat; background-size: cover; }
.news_list .content .item { padding: 0.66666667rem 0; background: #fff; margin-bottom: 0.33333333rem; }
.news_list .content .item img { display: block; width: 15.1rem; /*height: 10.76666667rem;*/ margin: 0 auto; border-radius: 0.16666667rem; }
.news_list .content .item h3 { margin-top: 0.66666667rem; font-size: 0.6rem; font-weight: normal; font-stretch: normal; line-height: 0.9rem; letter-spacing: 2px; color: #666666; padding: 0 0.33333333rem; }
.news_list .content .item p { margin-top: 0.33333333rem; height: 0.6rem; padding: 0 0.33333333rem; }
.news_list .content .item p span {font-size: 0.36666667rem;font-weight: normal;font-stretch: normal;line-height: 0.6rem;letter-spacing: 1px;color: #999999;text-align: justify;float: right;margin-left: 0.33333333rem;display: flex;align-items: center;}
.news_list .content .item p i { display: inline-block; width: 0.4rem; height: 0.4rem; vertical-align: middle; margin-right: 0.16666667rem; }
.news_list .content .item p .icon-click { background: url('/public/static/mobile/images/news_icon3.png') center center no-repeat; background-size: cover; }
.news_list .content .item p .icon-share { background: url('/public/static/mobile/images/news_icon4.png') center center no-repeat; background-size: cover; }
.news_list .pageindex { background-color: #ffffff; box-shadow: 3px 5px 6px 0px rgba(255, 245, 245, 0.55); padding: 0.66666667em 0.33333333rem; }
.news_list .pageindex ul {/* height: 1rem; */font-size: 0.36666667rem;}
.news_list .pageindex ul li {font-size: 0.36666667rem;display: inline-block;vertical-align: middle;border-radius: 5px;border: solid 1px #d9d9d9;line-height: 1rem;cursor: pointer;margin-left: 0.16666667rem;margin-bottom: 0.1rem;}
.news_list .pageindex ul a { display: inline-block; padding: 0 0.66666667rem; font-size: 0.36666667rem; line-height: 1rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; }
.news_list .pageindex ul .thisclass { padding: 0 0.66666667rem; font-size: 0.36666667rem; color: #ffffff; background-color: #f97795; border-radius: 5px; border: solid 1px #f97795; }

/*news_article.html*/
.news_article .article-heading { background: #fff; padding: 1.83333333rem 0 0.33333333rem; }
.news_article .article-heading .g-title h1 { text-align: center;  padding:0 0.33333333rem;  font-size: 0.63333333rem; font-weight: normal; font-stretch: normal; line-height: 0.95rem; letter-spacing: 2px; color: #333333; }
.news_article .article-heading .g-title p { margin-top: 0.16666667rem;  padding:0 0.33333333rem;  font-size: 0.36666667rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 1px; color: #999999; height: 0.4rem; }
.news_article .article-heading .g-title p i { display: inline-block; width: 0.4rem; height: 0.4rem; vertical-align: middle; margin-right: 0.16666667rem; }
.news_article .article-heading .g-title p .date { float: left; }
.news_article .article-heading .g-title p .date i { background: url('/public/static/mobile/images/news_icon5.png') center center no-repeat; background-size: cover; }
.news_article .article-heading .g-title p .share { float: right; }
.news_article .article-heading .g-title p .share i { background: url('/public/static/mobile/images/news_icon4.png') center center no-repeat; background-size: cover; }
.news_article .article { background: #fff; font-size: 0.27rem; }
.news_article .article .content { padding: 0 0.33333333rem; background: #fff; }
.news_article .article .content p { padding-top: 1rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.8rem; letter-spacing: 1px; color: #333333; }
.news_article .article .content img { width: 100%; display: block; padding-top: 1rem; margin: 0 auto; }
.news_article .article .bottomnav { padding: 0 0.33333333rem 0.83333333rem; margin-top: 2rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; line-height: 0.63333333rem; }
.news_article .article .bottomnav .prev { color: #f97795; margin-bottom: 0.83333333rem; }
.news_article .article .bottomnav .prev span { display: inline-block; width: 2rem; height: 0.63333333rem; background-color: #f97795; border-radius: 5px; color: #ffffff; text-align: center; }
.news_article .article .bottomnav .prev a { color: #f97795;font-size: 0.4rem;}
.news_article .article .bottomnav .next a { font-size: 0.4rem;}
.news_article .article .bottomnav .next { color: #333333;  /*margin-bottom: 50rem/@fb;*/ }
.news_article .article .bottomnav .next span { display: inline-block; width: 2rem;font-size: 0.4rem; height: 0.63333333rem; text-align: center; }
.news_article .rec-project { margin-top: 0.33333333rem; background: #fff; position: relative;}
.news_article .rec-project .g-title { height: 2.5rem; padding: 0 0.5rem; }
.news_article .rec-project .g-title .title-info { font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; line-height: 2.5rem; }
.news_article .rec-project .g-title .title-info span { color: #f87795; padding-right: 0.16666667rem; }
.news_article .rec-project .g-title .title-info h2 { font-size: 0.6rem; font-weight: normal; }
.news_article .rec-project .g-title .title-more { font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #9a9a9a; line-height: 2.5rem; cursor: pointer; }
.news_article .rec-project .slider-wraper { margin: 0 auto; width: 15rem; height: 10.5rem; overflow: hidden; z-index: 1; }
.news_article .rec-project .slider-container { width: 89.86666667rem; }
.news_article .rec-project .slider-container li { float: left; width: 15rem; height: 10.5rem; }
.news_article .rec-project .slider-container li img { width: 15rem; height: 9.06666667rem; display: block; margin: auto; }
.news_article .rec-project .slider-container li p { margin: 0.5rem auto 0; font-size: 0.36666667rem; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #9b9b9b; }
.news_article .rec-project .slider-container li p .des { float: left; }
.news_article .rec-project .slider-container li p .num { float: right; }
.news_article .rec-project .slider-container li p strong { color: #f87795; font-weight: normal; }
.news_article .rec-project .slider-item { position: relative; }
.news_article .rec-project .indicator { display: inline-block; padding: 0; width: 6.66666667rem; position: absolute; left: 0; right: 0; margin: auto; bottom: 1.66666667rem; text-align: center; }
.news_article .rec-project .indicator li { margin: 0 0.33333333rem; display: inline-block; width: 0.2rem; height: 0.2rem; border-radius: 100%; background-color: #fff; }
.news_article .rec-project .indicator li.active, .news_article .rec-project .indicator li:hover { background-color: #f87795; }
.news_article .rec-news { margin-top: 0.33333333rem; background: #fff; padding-bottom: 0.83333333rem; }
.news_article .rec-news .g-title { height: 2.5rem; padding: 0 0.33333333rem; }
.news_article .rec-news .g-title .title-info { font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; line-height: 2.5rem; }
.news_article .rec-news .g-title .title-info span { color: #f87795; padding-right: 0.16666667rem; }
.news_article .rec-news .g-title .title-info h2 { font-size: 0.6rem; font-weight: normal; }
.news_article .rec-news .g-title .title-more { font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #9a9a9a; line-height: 2.5rem; cursor: pointer; }
.news_article .rec-news .item { margin: 0 0.33333333rem; padding: 0.83333333rem 0 0.5rem; border-bottom: solid 1px #e5e5e5; }
.news_article .rec-news .item .item-img { width: 5.46666667rem; height: 3.91666667rem; }
.news_article .rec-news .item .item-img img { display: block; width: 100%; height: 100%; }
.news_article .rec-news .item .item-content { width: 9rem; background-color: #fff; padding-left: 0.5rem; }
.news_article .rec-news .item .item-content .content-title { margin-top: 0.83333333rem; font-size: 0.46666667rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; }
.news_article .rec-news .item .item-content .content-des { margin-top: 0.5rem; width: 6.83333333rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 0px; color: #999999; }
.news_article .rec-news .item .item-content .content-des i { display: inline-block; width: 0.4rem; height: 0.4rem; vertical-align: middle; margin-right: 0.16666667rem; background: url('/public/static/mobile/images/news_icon5.png') center center no-repeat; background-size: cover; }

/*case_list.html*/
.case_list { padding-top: 0; }
.case_list .title { height: 1.83333333rem; position: relative; background: #fff; }
.case_list .title a { position: absolute; left: 0.33333333rem; top: 0; bottom: 0; margin: auto; display: block; width: 0.76666667rem; height: 0.76666667rem; background: url('/public/static/mobile/images/icon_back.png') center center no-repeat; background-size: cover; }
.case_list .title h2 { line-height: 1.83333333rem; text-align: center; font-size: 0.6rem; font-stretch: normal; letter-spacing: 0px; color: #333333; }
.case_list .tab ,
.env_list .tab
{ height: 1.41666667rem; background-color: #ffffff; border: solid 1px #e6e6e6; position: relative; }
.case_list .tab .listmenu ,
.env_list .tab .listmenu
{ visibility: hidden; position: absolute; top: 1.41666667rem; left: 0; width: 8rem; height: 10rem; background-color: #fff; }
.case_list .tab .listmenu ul li ,
.env_list .tab .listmenu ul li
{ padding-left: 2.66666667rem; }
.case_list .tab .listmenu ul li a ,
.env_list .tab .listmenu ul li a
{ display: block; position: relative; width: 4rem; line-height: 1.6rem; border-bottom: solid 1px #e6e6e6; text-align: left; padding-left: 0.66666667rem; }
.case_list .tab .listmenu ul li a:after ,
.env_list .tab .listmenu ul li a:after
{ display: block; content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; height: 0.3rem; width: 1px; background-color: #656565; }
.case_list .tab .listmenu ul li.active a, .case_list .tab .listmenu ul li:hover a ,
.env_list .tab .listmenu ul li.active a, .env_list .tab .listmenu ul li:hover a
{ color: #f87795; }
.case_list .tab .listmenu ul li.active a:after, .case_list .tab .listmenu ul li:hover a:after ,
.env_list .tab .listmenu ul li.active a:after, .env_list .tab .listmenu ul li:hover a:after
{ background-color: #f87795; }
.case_list .tab .listmenu.open ,
.env_list .tab .listmenu.open
{ visibility: visible; }
.case_list .tab a ,
.env_list .tab a
{ width: 50%; float: left; font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; line-height: 1.41666667rem; color: #656565; text-align: center; }
.case_list .tab a i ,
.env_list .tab a i
{ display: inline-block; vertical-align: middle; margin-left: 0.5rem; width: 0.4rem; height: 0.4rem; background: url('/public/static/mobile/images/news_icon2.png') center center no-repeat; background-size: cover; transition: all .5s linear; }
.case_list .tab a.active ,
.env_list .tab a.active
{ color: #f87795; }
.case_list .tab a.active i,
.env_list .tab a.active i
{ background: url('/public/static/mobile/images/news_icon1.png') center center no-repeat; background-size: cover; }
.case_list .tab a.open i ,
.env_list .tab a.open i
{ transform: rotate(180deg); }
.case_list .content .item-wrapper,
.news_list .content .item-wrapper,
.env_list .content .item-wrapper
{ display: none; }
.case_list .content .item-wrapper.active ,
.news_list .content .item-wrapper.active ,
.env_list .content .item-wrapper.active
{ display: block; }
.case_list .content .item { padding: 0.66666667rem 0; background: #fff; margin-bottom: 0.33333333rem; padding: 0.83333333rem 0.33333333rem 0.43333333rem; }
.case_list .content .item .content-heading { width: 100%; height: 1rem; margin-top: 0.33333333rem; }
.case_list .content .item .content-heading .content-title { width: 7.5rem; height: 1rem; }
.case_list .content .item .content-heading .content-title .img-box { width: 1rem; height: 1rem; overflow: hidden; border-radius: 100%; margin-right: 0.33333333rem; }
.case_list .content .item .content-heading .content-title .img-box img { display: block; width: 100%; height: 100%; }
.case_list .content .item .content-heading .content-title .info .name { font-size: 0.46666667rem; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #666666; }
.case_list .content .item .content-heading .content-title .info .date { font-size: 0.3rem; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #999999; }
.case_list .content .item .content-heading .content-more { border-radius: 18px; border: solid 1px #f87795; height: 0.63333333rem; font-size: 0.4rem; }
.case_list .content .item .content-heading .content-more a { font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #f87795; line-height: 0.63333333rem; padding: 0 0.33333333rem; }
.case_list .content .duibi { width: 100%; /*height: 7.03333333rem; */font-size: 0; margin-top: 0.33333333rem; }
.case_list .content .duibi .img-box { width: 7.5rem; /*height: 7.03333333rem;*/ background-color: #c4b4b4; border-radius: 0.16666667rem; overflow: hidden; }
.case_list .content .duibi .img-box img { width: 100%; display: block; }
.case_list .content .duibi .img-box:first-child { margin-right: 0.16666667rem; }
.case_list .content .des { margin-top: 0.56666667rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.73333333rem; letter-spacing: 1px; color: #666666; }
.case_list .content .project { margin-top: 0.43333333rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #f87795; width: 100%; height: 1rem; background-color: #f3f3f3; line-height: 1rem; }
.case_list .content .project span { padding: 0 0.33333333rem 0 0.5rem; }
.case_list .content .project a {  color: #f87795;}
.case_list .content .project i { display: inline-block; width: 0.43333333rem; height: 0.43333333rem; vertical-align: middle; margin-right: 0.16666667rem; }
.case_list .content .project .icon-type { background: url('/public/static/mobile/images/icon_person.png') center center no-repeat; background-size: cover; }
.case_list .content .project .icon-project { background: url('/public/static/mobile/images/icon_project.png') center center no-repeat; background-size: cover; }
.case_list .content .info-share { margin-top: 0.66666667rem; margin-top: 0.33333333rem; height: 0.6rem; }
.case_list .content .info-share span { display: inline-block; font-size: 0.36666667rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 1px; color: #999999; text-align: justify; margin-left: 0.33333333rem; display: block; }
.case_list .content .info-share i { display: inline-block; width: 0.4rem; height: 0.4rem; vertical-align: middle; margin-right: 0.16666667rem; }
.case_list .content .info-share .icon-click { background: url('/public/static/mobile/images/news_icon3.png') center center no-repeat; background-size: cover; }
.case_list .content .info-share .icon-share { background: url('/public/static/mobile/images/news_icon4.png') center center no-repeat; background-size: cover; }
.case_list .pageindex { background-color: #ffffff; box-shadow: 3px 5px 6px 0px rgba(255, 245, 245, 0.55); padding: 0.66666667em 0.33333333rem; }
.case_list .pageindex ul { height: 1rem; font-size: 0.36666667rem; }
.case_list .pageindex ul li { font-size: 0.36666667rem; display: inline-block; vertical-align: middle; border-radius: 5px; border: solid 1px #d9d9d9; line-height: 1rem; cursor: pointer; margin-left: 0.16666667rem; }
.case_list .pageindex ul a { display: inline-block; padding: 0 0.66666667rem; font-size: 0.36666667rem; line-height: 1rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; }
.case_list .pageindex ul .thisclass { padding: 0 0.66666667rem; font-size: 0.36666667rem; color: #ffffff; background-color: #f97795; border-radius: 5px; border: solid 1px #f97795; }

/*case_article.html*/
.case_article .article-heading { background: #fff; padding: 1.83333333rem 0 0.33333333rem; }
.case_article .article-heading .g-title h1 { text-align: center; font-size: 0.63333333rem; padding:0 0.33333333rem; font-weight: normal; font-stretch: normal; line-height: 0.95rem; letter-spacing: 2px; color: #333333; }
.case_article .article-heading .g-title p { margin-top: 0.16666667rem;  padding:0 0.33333333rem; font-size: 0.36666667rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 1px; color: #999999; height: 0.4rem; }
.case_article .article { background: #fff;  font-size: 0.27rem; }
.case_article .article .content { padding: 0 0.33333333rem; background: #fff; }
.case_article .article .content .name { font-size: 0.5rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 2px; text-align: center; color: #656565; }
.case_article .article .content .duibi { margin-top: 0.96666667rem; }
.case_article .article .content .duibi .imgbox { width: 7.66666667rem; /*height: 5.43333333rem;*/ overflow: hidden; }
.case_article .article .content .duibi .imgbox img { display: block; width: 100%; }
.case_article .article .content .info { margin-top: 1.36666667rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 1px; color: #333333; }
.case_article .article .content .info .left { width: 6.23333333rem; }
.case_article .article .content .info .right { width: 6.23333333rem; }
.case_article .article .content .content-body p { padding-top: 1rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.8rem; letter-spacing: 1px; color: #333333; }
.case_article .article .content .content-body img { width: 100%; display: block; padding-top: 1rem; margin: 0 auto; }
.case_article .article .bottomnav { padding: 0 0.33333333rem 0.83333333rem; margin-top: 2rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; line-height: 0.63333333rem; }
.case_article .article .bottomnav .prev { color: #f97795; margin-bottom: 0.83333333rem; }
.case_article .article .bottomnav .prev span { display: inline-block; width: 2rem; height: 0.63333333rem; background-color: #f97795; border-radius: 5px; color: #ffffff; text-align: center; }
.case_article .article .bottomnav .prev a { color: #f97795;font-size: 0.4rem;}
.case_article .article .bottomnav .next a { font-size: 0.4rem;}
.case_article .article .bottomnav .next { color: #333333;  /*margin-bottom: 50rem/@fb;*/ }
.case_article .article .bottomnav .next span { display: inline-block; font-size: 0.4rem;width: 2rem; height: 0.63333333rem; text-align: center; }
.case_article .rec-project { margin-top: 0.33333333rem; background: #fff; position: relative;}
.case_article .rec-project .g-title { height: 2.5rem; padding: 0 0.5rem; }
.case_article .rec-project .g-title .title-info { font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; line-height: 2.5rem; }
.case_article .rec-project .g-title .title-info span { color: #f87795; padding-right: 0.16666667rem; }
.case_article .rec-project .g-title .title-info h2 { font-size: 0.6rem; font-weight: normal; }
.case_article .rec-project .g-title .title-more { font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #9a9a9a; line-height: 2.5rem; cursor: pointer; }
.case_article .rec-project .slider-wraper { margin: 0 auto; width: 15rem; height: 10.5rem; overflow: hidden; z-index: 1; }
.case_article .rec-project .slider-container { width: 89.86666667rem; }
.case_article .rec-project .slider-container li { float: left; width: 15rem; height: 10.5rem; }
.case_article .rec-project .slider-container li img { width: 15rem; height: 9.06666667rem; display: block; margin: auto; }
.case_article .rec-project .slider-container li p { margin: 0.5rem auto 0; font-size: 0.36666667rem; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #9b9b9b; }
.case_article .rec-project .slider-container li p .des { float: left; }
.case_article .rec-project .slider-container li p .num { float: right; }
.case_article .rec-project .slider-container li p strong { color: #f87795; font-weight: normal; }
.case_article .rec-project .slider-item { position: relative; }
.case_article .rec-project .indicator { display: inline-block; padding: 0; width: 6.66666667rem; position: absolute; left: 0; right: 0; margin: auto; bottom: 1.66666667rem; text-align: center; }
.case_article .rec-project .indicator li { margin: 0 0.33333333rem; display: inline-block; width: 0.2rem; height: 0.2rem; border-radius: 100%; background-color: #fff; }
.case_article .rec-project .indicator li.active, .case_article .rec-project .indicator li:hover { background-color: #f87795; }
.case_article .rec-case { margin-top: 0.33333333rem; background: #fff; padding-bottom: 0.83333333rem; }
.case_article .rec-case .g-title { height: 2.5rem; padding: 0 0.33333333rem; }
.case_article .rec-case .g-title .title-info { font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; line-height: 2.5rem; }
.case_article .rec-case .g-title .title-info span { color: #f87795; padding-right: 0.16666667rem; }
.case_article .rec-case .g-title .title-info h2 { font-size: 0.6rem; font-weight: normal; }
.case_article .rec-case .g-title .title-more { font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #9a9a9a; line-height: 2.5rem; cursor: pointer; }
.case_article .rec-case .row { width: 100%; height: 5rem; margin-bottom: 0.33333333rem; }
.case_article .rec-case .item { float: left; width: 33%; text-align: center; }
.case_article .rec-case .item .img-box { width: 3.5rem; height: 3.5rem; margin: 0 auto; border-radius: 100%; overflow: hidden; }
.case_article .rec-case .item .img-box img { display: block; width: 100%; height: 100%; }
.case_article .rec-case .item h3 { margin-top: 0.16666667rem; font-size: 0.53333333rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 2px; color: #f87795; }
.case_article .rec-case .item p { font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 1px; color: #343434; }
.case_article .rec-case .item a{color: #343434;}

/*env_list.html*/
.env_list { padding-top: 0; }
.env_list .title { height: 1.83333333rem; position: relative; background: #fff; }
.env_list .title a { position: absolute; left: 0.33333333rem; top: 0; bottom: 0; margin: auto; display: block; width: 0.76666667rem; height: 0.76666667rem; background: url('/public/static/mobile/images/icon_back.png') center center no-repeat; background-size: cover; }
.env_list .title h2 { line-height: 1.83333333rem; text-align: center; font-size: 0.6rem; font-stretch: normal; letter-spacing: 0px; color: #333333; }/*
.env_list .tab { height: 1.41666667rem; background-color: #ffffff; border: solid 1px #e6e6e6; }
.env_list .tab a { width: 50%; float: left; font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; line-height: 1.41666667rem; color: #656565; text-align: center; }
.env_list .tab a i { display: inline-block; vertical-align: middle; margin-left: 0.5rem; width: 0.4rem; height: 0.4rem; background: url('/public/static/mobile/images/news_icon2.png') center center no-repeat; background-size: cover; }
.env_list .tab a.active { color: #f87795; }
.env_list .tab a.active i { background: url('/public/static/mobile/images/news_icon1.png') center center no-repeat; background-size: cover; }*/
.env_list .content .item { width: 100%; padding: 0.73333333rem 0.33333333rem 0; background: #fff; height: 11.46666667rem; margin-bottom: 0.33333333rem; }
.env_list .content .item img { width: 15.13333333rem; height: 9.36666667rem; background-color: #ffb7c3; border-radius: 10px; display: block; }
.env_list .content .item div { margin-top: 0.23333333rem; text-align: center; }
.env_list .content .item .icon_location { display: inline-block; width: 0.6rem; height: 0.6rem; background: url('/public/static/mobile/images/icon_location.png') center center no-repeat; background-size: cover; }
.env_list .content .item strong { font-size: 0.63333333rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; }
.env_list .content .item span { font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #999999; }
.env_list .pageindex { background-color: #ffffff; box-shadow: 3px 5px 6px 0px rgba(255, 245, 245, 0.55); padding: 0.66666667em 0.33333333rem; }
.env_list .pageindex ul { height: 1rem; font-size: 0.36666667rem; }
.env_list .pageindex ul li { font-size: 0.36666667rem; display: inline-block; vertical-align: middle; border-radius: 5px; border: solid 1px #d9d9d9; line-height: 1rem; cursor: pointer; margin-left: 0.16666667rem; }
.env_list .pageindex ul a { display: inline-block; padding: 0 0.66666667rem; font-size: 0.36666667rem; line-height: 1rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; }
.env_list .pageindex ul .thisclass { padding: 0 0.66666667rem; font-size: 0.36666667rem; color: #ffffff; background-color: #f97795; border-radius: 5px; border: solid 1px #f97795; }

/*project_list.html*/
.project_list { padding-top: 0; background: #fff; }
.project_list .title { height: 1.83333333rem; position: relative; background: #fff; }
.project_list .title a { position: absolute; left: 0.33333333rem; top: 0; bottom: 0; margin: auto; display: block; width: 0.76666667rem; height: 0.76666667rem; background: url('/public/static/mobile/images/icon_back.png') center center no-repeat; background-size: cover; }
.project_list .title h2 { line-height: 1.83333333rem; text-align: center; font-size: 0.6rem; font-stretch: normal; letter-spacing: 0px; color: #333333; }
.project_list .tab { height: 1.41666667rem; background-color: #ffffff; border: solid 1px #e6e6e6; }
.project_list .tab a { width: 50%; float: left; font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; line-height: 1.41666667rem; color: #656565; text-align: center; }
.project_list .tab a i { display: inline-block; vertical-align: middle; margin-left: 0.5rem; width: 0.4rem; height: 0.4rem; background: url('/public/static/mobile/images/news_icon2.png') center center no-repeat; background-size: cover; }
.project_list .tab a.active { color: #f87795; }
.project_list .tab a.active i { background: url('/public/static/mobile/images/news_icon1.png') center center no-repeat; background-size: cover; }
.project_list .content .topimg { width: 100%; height: 6.33333333rem; }
.project_list .content .topimg img { display: block; width: 100%; height: 100%; }
.project_list .content .nav { padding: 0.66666667rem 0 1rem; }
.project_list .content .item-wrapper { background: #fff; padding: 0 0.33333333rem; display: none;}
.project_list .content .item-wrapper .show_more {  display: none;}
.project_list .content .item-wrapper.active { display: block }
.project_list .content .more { margin: 0 auto; width: 6.31666667rem; height: 1.46666667rem; border: solid 1px #e6e6e6; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 0.08rem; color: #666666; line-height: 1.46666667rem; text-align: center; margin-bottom: 1.66666667rem; }
.project_list .content .item {float: left;width: 7.5rem;margin: 0 0.06666667rem 0rem;}
.project_list .content .item img { display: block; width: 7.5rem; height: 4.3rem; }
.project_list .content .item p { margin-top: 0.4rem; position: relative; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 0px; color: #666666; padding-left: 0.16666667rem; }
.project_list .content .item p span { position: absolute; top: 0; right: 0.16666667rem; display: block; width: 1.46666667rem; height: 0.46666667rem; line-height: 0.46666667rem; text-align: center; background-color: #ffffff; border-radius: 0.21666667rem; border: solid 1px #f87795; font-size: 0.36666667rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #f87795; }

/*project_article.html*/
.project_article .article-banner img { display: block; width: 100%; }
.project_article .m1 { position: relative; height: 9.96666667rem; width: 100%; background: url('/public/static/mobile/images/project_bg1.jpg') center center no-repeat; background-size: cover; padding-top: 1.1rem; }
.project_article .m1 h2 { margin: auto; width: 10.56666667rem; height: 0.56666667rem; background: url('/public/static/mobile/images/project_bgt1.png') center center no-repeat; background-size: cover; }
.project_article .m1 .consult { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; display: block; width: 3.66666667rem; height: 1.4rem; background: url('/public/static/mobile/images/project_btn.png') center center no-repeat; background-size: cover; cursor: pointer; }
.project_article .m2 { position: relative; height: 16.66666667rem; width: 100%; background: url('/public/static/mobile/images/project_bg2.jpg') center center no-repeat; background-size: cover; padding-top: 1.1rem; }
.project_article .m2 h2 { margin: auto; width: 10.56666667rem; height: 0.56666667rem; background: url('/public/static/mobile/images/project_bgt2.png') center center no-repeat; background-size: cover; }
.project_article .m2 p { width: 14.66666667rem; margin: 1.33333333rem auto 0; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.76666667rem; letter-spacing: 0px; color: #333333; }
.project_article .m2 .consult { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; display: block; width: 3.66666667rem; height: 1.4rem; background: url('/public/static/mobile/images/project_btn2.png') center center no-repeat; background-size: cover; cursor: pointer; }
.project_article .m3 { position: relative; height: 13.13333333rem; width: 100%; background: url('/public/static/mobile/images/project_bg3.jpg') center center no-repeat; background-size: cover; padding-top: 1.1rem; }
.project_article .m3 h2 { margin: auto; width: 9.43333333rem; height: 0.6rem; background: url('/public/static/mobile/images/project_bgt3.png') center center no-repeat; background-size: cover; }
.project_article .m3 .g-content .row { height: 4.16666667rem; }
.project_article .m3 .g-content .row .item { width: 4rem; float: left; padding-left: 1rem; }
.project_article .m3 .g-content .row .item h3 { font-size: 0.46666667rem; font-weight: normal; font-stretch: normal; line-height: 1.13333333rem; letter-spacing: 0px; color: #ffffff; height: 1.13333333rem; width: 2.5rem; background: url('/public/static/mobile/images/project_bg3_2.png') center center no-repeat; background-size: cover; padding-left: 1.33333333rem; position: relative; }
.project_article .m3 .g-content .row .item h3 i { width: 0.53333333rem; height: 0.86666667rem; display: block; position: absolute; top: 0.12rem; left: 0.43rem; }
.project_article .m3 .g-content .row .item p { margin-top: 0.33333333rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.73333333rem; letter-spacing: 0px; color: #333333; }
.project_article .m3 .g-content .row .item1 i { background: url('/public/static/mobile/images/project_icon_1.png') center center no-repeat; background-size: cover; }
.project_article .m3 .g-content .row .item2 { width: 4.66666667rem; }
.project_article .m3 .g-content .row .item2 i { background: url('/public/static/mobile/images/project_icon_2.png') center center no-repeat; background-size: cover; }
.project_article .m3 .g-content .row .item3 i { background: url('/public/static/mobile/images/project_icon_3.png') center center no-repeat; background-size: cover; }
.project_article .m3 .g-content .row .item4 i { background: url('/public/static/mobile/images/project_icon_4.png') center center no-repeat; background-size: cover; }
.project_article .m3 .g-content .row .item5 i { background: url('/public/static/mobile/images/project_icon_5.png') center center no-repeat; background-size: cover; }
.project_article .m3 .g-content .row1 { padding-top: 1.66666667rem; padding-left: 5rem; }
.project_article .m3 .g-content .row2 { padding-top: 1rem; }
.project_article .m3 .consult { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; display: block; width: 3.66666667rem; height: 1.4rem; background: url('/public/static/mobile/images/project_btn.png') center center no-repeat; background-size: cover; cursor: pointer; }
.project_article .m4 { position: relative; /*height: 22.56666667rem;*/ width: 100%; background-image: linear-gradient(0deg, #fee6ea 0%, #fef2f2 100%); padding-top: 1.1rem; }
.project_article .m4 h2 { margin: auto; width: 10.56666667rem; height: 0.56666667rem; background: url('/public/static/mobile/images/project_bgt4.png') center center no-repeat; background-size: cover; }
.project_article .m4 .g-content { padding-top: 1.5rem; }
.project_article .m4 .g-content .row { height: 6.33333333rem; }
.project_article .m4 .g-content .row .item { position: relative; width: 4.16666667rem; float: left; margin: 0 0.56666667rem; }
.project_article .m4 .g-content .row .item .imgbox { width: 3.5rem; height: 3.5rem; border-radius: 100%; overflow: hidden; background: #fba4b8; }
.project_article .m4 .g-content .row .item .imgbox img { margin: 0.05rem 0 0 0.05rem; display: block; width: 3.33333333rem; height: 3.33333333rem; border-radius: 100%; }
.project_article .m4 .g-content .row .item h3 { margin-top: 0.16666667rem; font-size: 30px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 2px; color: #fba4b8; width: 3.46666667rem; background: url('/public/static/mobile/images/project_bg4.png') center center no-repeat; text-align: center; }
.project_article .m4 .g-content .row .item h3 span { width: 0.46666667rem; display: inline-block; vertical-align: middle; height: 0.46666667rem; border-radius: 100%; background-color: #fba4ac; font-size: 0.35rem; font-weight: normal; font-stretch: normal; line-height: 0.46666667rem; letter-spacing: 1px; color: #ffffff; text-align: center; }
.project_article .m4 .g-content .row .item p { font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.86666667rem; letter-spacing: 1px; color: #333333; }
.project_article .m4 .g-content .row .item:after { display: block; content: ''; width: 0.63333333rem; height: 0.63333333rem; background: url('/public/static/mobile/images/project_m4_bg.png') center center no-repeat; background-size: cover; position: absolute; left: -1.2rem; top: 1.5rem; }
.project_article .m4 .g-content .row .item:first-child:after { display: none; }
.project_article .m4 .consult {/* position: absolute;*/ bottom: 0; left: 0; right: 0; margin: auto; display: block; width: 3.66666667rem; height: 1.4rem; background: url('/public/static/mobile/images/project_btn2.png') center center no-repeat; background-size: cover; cursor: pointer; }
.project_article .m5 { position: relative; height: 11rem; width: 100%; background: url('/public/static/mobile/images/project_bg5.jpg') center center no-repeat; background-size: cover; padding-top: 1.5rem; }
.project_article .m5 h2 { margin: auto; width: 9.43333333rem; height: 0.56666667rem; background: url('/public/static/mobile/images/project_bgt5.png') center center no-repeat; background-size: cover; }
.project_article .m5 .g-content { margin-top: 1.16666667rem; }
.project_article .m5 .g-content p { width: 14.5rem; margin: 0 auto; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.66666667rem; letter-spacing: 0px; color: #333333; }
.project_article .m5 .consult { position: absolute; bottom: 0; left: 0.56666667rem; right: 0; display: block; width: 3.66666667rem; height: 1.4rem; background: url('/public/static/mobile/images/project_btn2.png') center center no-repeat; background-size: cover; cursor: pointer; }

/*品牌页*/
.banner_brand img { display: block; width: 100%; }
.brand_m1 { height: 8.5rem; background: #fff; }
.brand_m1 .g-doc { padding-top: 1.5rem; }
.brand_m1 .g-doc .g-title { height: 1.5rem; background: url('/public/static/mobile/images/brand_bgt1.png') top center no-repeat; background-size: 9.23333333rem 1.5rem; text-align: center; position: relative; }
.brand_m1 .g-doc .g-content { margin-top: 1rem; }
.brand_m1 .g-doc .g-content p { width: 15rem; margin: 0 auto; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.8rem; letter-spacing: 0px; color: #666666; text-align: center; }
.brand_m2 { height: 15.43333333rem; background: url('/public/static/mobile/images/brand_bg2.jpg') center center no-repeat;background-size: cover; }
.brand_m2 .g-doc { padding-top: 8.83333333rem; padding-left: 0.33333333rem; }
.brand_m2 .g-doc .g-title { height: 1.53333333rem; background: url('/public/static/mobile/images/brand_bgt2.png') top left no-repeat; background-size: 8rem 1.53333333rem; text-align: left; }
.brand_m2 .g-doc .g-content { margin-top: 0.83333333rem; width: 10rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.7rem; letter-spacing: 0px; color: #4d4d4d; }
.brand_nav { height: 3.4rem; background: #ffb3bf; }
.brand_nav .g-doc ul li { float: left; width: 20%; height: 2.46666667rem; padding-top: 0.56666667rem; position: relative; }
.brand_nav .g-doc ul li a { position: relative; display: block; height: 2.46666667rem; font-size: 0.36666667rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #fcfcfe; text-align: center; }
.brand_nav .g-doc ul li a img { display: block; margin: 0 auto 0.16666667rem; width: 1.53333333rem; height: 1.53333333rem; }
.brand_nav .g-doc ul li:after { display: block; content: ''; height: 1.66666667rem; position: absolute; left: 0; bottom: 0.33333333rem; background: #ffd5dc; width: 1px; }
.brand_nav .g-doc ul li:first-child:after { display: none; }
.brand_m3 { height: 19.36666667rem; background: url('/public/static/mobile/images/brand_bg3.jpg') top center no-repeat; background-size: 16rem 19.36666667rem; }
.brand_m3 .g-doc { padding-top: 2.96666667rem; padding-right: 0.33333333rem; }
.brand_m3 .g-doc .g-title { height: 1.5rem; background: url('/public/static/mobile/images/brand_bgt3.png') top right no-repeat; background-size: 5.7rem 1.5rem; }
.brand_m3 .g-doc .g-content p.des { margin-top: 0.66666667rem; margin-left: 7.33333333rem; width: 8.16666667rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.8rem; letter-spacing: 1px; color: #4d4d4d; text-align: right; }
.brand_m3 .g-doc .g-content ul { margin-left: 8.16666667rem; margin-top: 1.66666667rem; }
.brand_m3 .g-doc .g-content ul li { width: 7.33333333rem; height: 2.23333333rem; margin-bottom: 0.43333333rem; border: solid 1px #d9d9d9; background-color: #fff; }
.brand_m3 .g-doc .g-content ul li .g-left { float: left; width: 4rem; height: 2.23333333rem; position: relative; }
.brand_m3 .g-doc .g-content ul li .g-left span { position: absolute; left: -1px; top: -1px; display: block; width: 0.83333333rem; height: 0.9rem; background: url('/public/static/mobile/images/brand_m3_bg.png') top right no-repeat; background-size: cover; font-size: 0.48333333rem; font-weight: normal; font-stretch: normal; letter-spacing: 0.03333333rem; color: #ffffff; padding-left: 4px; }
.brand_m3 .g-doc .g-content ul li .g-left h3 { margin-top: 0.83333333rem; margin-left: 0.5rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #333333; }
.brand_m3 .g-doc .g-content ul li .g-right { width: 3.33333333rem; height: 2.23333333rem; float: right; }
.brand_m3 .g-doc .g-content ul li .g-right img { display: block; width: 100%; height: 100%; }
.brand_m4 { height: 22rem; background: #ffffff; position: relative; }
.brand_m4 .g-doc { background-color: #ffffff; }
.brand_m4 .g-doc .title-wrapper { height: 3.23333333rem; background-color: #ffeceb; padding-top: 1.66666667rem; }
.brand_m4 .g-doc .g-title { height: 1.7rem; background: url('/public/static/mobile/images/brand_bgt4.png') center center no-repeat; background-size: 9.2rem 1.7rem; }
.brand_m4 .g-doc .row { height: 5.46666667rem; width: 15rem; margin: 0 auto; position: relative; }
.brand_m4 .g-doc .row .des { height: 4.33333333rem; border: solid 1px #e6e6e6; padding-top: 1.13333333rem; }
.brand_m4 .g-doc .row .des h3 { font-size: 0.48333333rem; font-weight: normal; font-stretch: normal; letter-spacing: 2px; color: #4d4d4d; }
.brand_m4 .g-doc .row .des .line { margin-top: 0.43333333rem; width: 0.73333333rem; height: 0.05rem; background-color: #f87795; }
.brand_m4 .g-doc .row .des p { margin-top: 0.43333333rem; width: 6.33333333rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 1px; color: #666666; }
.brand_m4 .g-doc .row .pic { position: absolute; width: 7.66666667rem; }
.brand_m4 .g-doc .row .pic img { display: block; width: 7.63333333rem; height: 5.43333333rem; }
.brand_m4 .g-doc .row1 { margin-top: 2.16666667rem; }
.brand_m4 .g-doc .row1 .des { width: 6.5rem; float: right; padding-left: 1.5rem; }
.brand_m4 .g-doc .row1 .pic { top: -0.33333333rem; }
.brand_m4 .g-doc .row2 { margin-top: 1.16666667rem; }
.brand_m4 .g-doc .row2 .des { width: 7.43333333rem; padding-left: 0.56666667rem; }
.brand_m4 .g-doc .row2 .pic { top: 0.33333333rem; left: 7.33333333rem; }
.brand_m5 { height: 8.18333333rem; background: url('/public/static/mobile/images/img2.jpg') center center no-repeat; background-size: 100%; }

/*品牌加盟*/
.join_banner { height: 18.76666667rem; background: url('/public/static/mobile/images/banner_join.jpg') center center no-repeat; background-size: 100%; }
.join_m1 { height: 18.1rem; background: url('/public/static/mobile/images/join_bg1.jpg') center center no-repeat; background-size: 100%; }
.join_m1 .g-doc { padding-top: 1.46666667rem; }
.join_m1 .g-doc h1 { width: 9.2rem; height: 0.76666667rem; margin: 0 auto; background: url(/public/static/mobile/images/join_bgt1.png) center center no-repeat; background-size: 100%; }
.join_m1 .g-doc .subtitle { width: 8.66666667rem; height: 0.7rem; margin: 0 auto; margin-top: 0.16666667rem; border: solid 1px #fab1bc; position: relative; }
.join_m1 .g-doc .subtitle .icon-box { position: absolute; top: -1px; left: -1px; display: block; width: 2rem; height: 0.73333333rem; background-color: #f97795; }
.join_m1 .g-doc .subtitle .icon-box img { display: block; width: 1.16666667rem; height: 0.26666667rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.join_m1 .g-doc .subtitle .info { position: absolute; top: 0; right: 0; display: block; width: 6.66666667rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.7rem; letter-spacing: 0px; color: #f97795; text-align: center; }
.join_m1 .g-content p { margin: 0 auto; width: 15rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.8rem; letter-spacing: 0px; color: #333333; }
.join_m1 .g-content .p1 { margin-top: 1.16666667rem; }
.join_m1 .g-content .p2 { margin-top: 0.83333333rem; }
.join_m2 { height: 12.73333333rem; background: url('/public/static/mobile/images/join_bg2.jpg') center center no-repeat; background-size: 100% 100%; }
.join_m2 .g-doc { padding-left: 7.16666667rem; padding-top: 1.33333333rem; width: 8.83333333rem; }
.join_m2 .g-doc h2 { margin-left: 1.33333333rem; width: 6.9rem; height: 0.76666667rem; background: url(/public/static/mobile/images/join_bgt2.png) center center no-repeat; background-size: cover; }
.join_m2 .subtitle { width: 7.33333333rem; height: 0.7rem; margin-left: 1.33333333rem; margin-top: 0.16666667rem; border: solid 1px #fab1bc; position: relative; }
.join_m2 .subtitle .icon-box { position: absolute; top: -1px; left: -1px; display: block; width: 2rem; height: 0.73333333rem; background-color: #f97795; }
.join_m2 .subtitle .icon-box img { display: block; width: 1.16666667rem; height: 0.26666667rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.join_m2 .subtitle .info { position: absolute; top: 0; right: 0; display: block; width: 5.33333333rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.7rem; letter-spacing: 0px; color: #f97795; text-align: center; }
.join_m2 .g-content ul li { margin-top: 0.83333333rem; }
.join_m2 .g-content ul li h3 { font-size: 0.5rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 2px; color: #f97795; }
.join_m2 .g-content ul li h3 i { display: inline-block; vertical-align: top; margin-right: 0.16666667rem; width: 0.56666667rem; height: 0.56666667rem; background-color: #ffccc9; border-radius: 100%; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.56666667rem; letter-spacing: 1px; color: #ffeceb; }
.join_m2 .g-content ul li h3 span { font-weight: bold; }
.join_m2 .g-content ul li p { margin-left: 0.83333333rem; margin-top: 0.26666667rem; width: 7.5rem; font-size: 0.36666667rem; font-weight: normal; font-stretch: normal; line-height: 0.56666667rem; letter-spacing: 1px; color: #333333; }
.join_m2 .g-content ul .li2 { margin-left: 0.16666667rem; }
.join_m2 .g-content ul .li2 p { width: 7rem; }
.join_m3 { height: 13.6rem; background: url('/public/static/mobile/images/join_bg3.jpg') center center no-repeat; background-size: cover; }
.join_m3 .g-doc { padding: 1.33333333rem 0.33333333rem 0; }
.join_m3 .g-doc h2 { width: 5.8rem; height: 1.73333333rem; background: url(/public/static/mobile/images/join_bgt3.png) center center no-repeat; background-size: cover; }
.join_m3 .g-content .des { margin-top: 1rem; }
.join_m3 .g-content h3 { margin-top: 1.33333333rem; margin-bottom: 0.33333333rem; font-size: 0.46666667rem; font-stretch: normal; line-height: 0.6rem; letter-spacing: 2px; color: #f97795; }
.join_m3 .g-content p { font-size: 0.3rem; font-weight: normal; font-stretch: normal; line-height: 0.86666667rem; letter-spacing: 1px; color: #333333; width: 7.33333333rem; }
.join_m4 { height: 13.6rem; background: url('/public/static/mobile/images/join_bg4.jpg') center center no-repeat; background-size: cover; }
.join_m4 .g-doc { padding-left: 6.83333333rem; padding-top: 1.33333333rem; width: 9.16666667rem; }
.join_m4 .g-doc h2 { width: 8.5rem; height: 0.7rem; background: url(/public/static/mobile/images/join_bgt4.png) center center no-repeat; background-size: cover; }
.join_m4 .subtitle { margin-top: 0.16666667rem; margin-left: 1.16666667rem; font-size: 0.5rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 2px; color: #f97795; }
.join_m4 .g-content .des { margin-top: 1.16666667rem; margin-left: 1rem; width: 7.33333333rem; font-size: 0.33333333rem; font-weight: normal; font-stretch: normal; line-height: 0.8rem; letter-spacing: 1px; color: #333333; text-align: justify; margin-bottom: 0.66666667rem; }
.join_m4 .g-content h3 { margin-left: 6.5rem; font-size: 0.46666667rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 1px; color: #f97795; text-align: right; padding-right: 0.66666667rem; }
.join_m4 .g-content img { margin-top: 0.5rem; margin-left: 1.3rem; display: block; width: 7.23333333rem; height: 0.33333333rem; }
.join_m4 .g-content .itemwrapper { margin-left: 0.5rem; }
.join_m4 .g-content .itemwrapper .item { width: 2.16666667rem; float: left; margin-left: 0.16666667rem; }
.join_m4 .g-content .itemwrapper .item h4 { margin-top: 0.33333333rem; width: 2.16666667rem; font-size: 0.36666667rem; font-stretch: normal; line-height: 0.6rem; letter-spacing: 1px; color: #333333; text-align: right; }
.join_m4 .g-content .itemwrapper .item:first-child { margin-left: 0; }
.join_m4 .g-content .itemwrapper .item3 h4 { width: 3.33333333rem; }
.join_m5 { height: 19.36666667rem; background: #feeeed; background: url(/public/static/mobile/images/join_bg5.jpg?v=0.1) center center no-repeat; background-size: cover; }
.join_m5 .g-doc { padding-top: 1.5rem; }
.join_m5 .g-doc h2 { width: 5.66666667rem; height: 0.76666667rem; background: url(/public/static/mobile/images/join_bgt5.png) center center no-repeat; background-size: cover; margin: 0 auto; }
.join_m5 .subtitle { margin-top: 0.16666667rem; font-size: 0.41666667rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 1px; color: #f97795; text-align: center; }
.join_m5 .g-content .des { margin: 1.16666667rem auto 0; width: 15rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.8rem; letter-spacing: 0px; color: #333333; text-align: center; }
.join_m6 { height: 20.83333333rem; background: url('/public/static/mobile/images/join_bg6.jpg') center center no-repeat; background-size: cover; }
.join_m6 .g-doc h2 { margin: 1.23333333rem auto 0; width: 10.03333333rem; height: 0.76666667rem; background: url(/public/static/mobile/images/join_bgt6.png) center center no-repeat; background-size: cover; }
.join_m6 .m1 { padding-top: 2.1rem; width: 15.16666667rem; height: 8.16666667rem; margin: 0 auto; position: relative; }
.join_m6 .m1 .contentwrpper { position: relative; z-index: 2; }
.join_m6 .m1 .g-content .des { width: 14rem; margin: 0.83333333rem auto 0; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.8rem; letter-spacing: 0px; color: #333333; text-align: center; }
.join_m6 .m1 .g-content .itemwrapper { margin-top: 0.33333333rem; text-align: center; }
.join_m6 .m1 .g-content .itemwrapper img { display: inline-block; margin: 0 0.16666667rem; width: 1.56666667rem; height: 1.56666667rem; }
.join_m6 .m1:after { display: block; position: absolute; top: 2.1rem; left: 0rem; content: ''; width: 15.16666667rem; height: 8.16666667rem; background-color: #ffffff; box-shadow: 3px 4px 21px 0px rgba(224, 136, 152, 0.75); opacity: 0.85; }
.join_m6 .m2 { width: 15.16666667rem; height: 6.83333333rem; margin: 0.76666667rem auto 0; position: relative; }
.join_m6 .m2 .slider-wraper { position: relative; height: 6.83333333rem; width: 100%; overflow: hidden; z-index: 1; }
.join_m6 .m2 .slider-container { width: 75.83333333rem; height: 6.83333333rem; background: none; }
.join_m6 .m2 .slider-container li { float: left; width: 15.16666667rem; height: 6.83333333rem; }
.join_m6 .m2 .slider-item { position: relative; }
.join_m6 .m2 .slider-item h3 { margin-top: 1.5rem; font-size: 0.46666667rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 1px; color: #f97795; background: none; text-align: center; }
.join_m6 .m2 .slider-item p { margin: 0.66666667rem auto 0; width: 7.5rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.73333333rem; letter-spacing: 1px; color: #333333; text-align: justify; }
.join_m6 .m2 .indicator span { position: absolute; top: 0; bottom: 0; margin: auto; display: block; width: 0.33333333rem; height: 0.53333333rem; z-index: 3; cursor: pointer; }
.join_m6 .m2 .indicator .prev { left: 0.33333333rem; background: url('/public/static/mobile/images/join_bg6_left.png') center center no-repeat; background-size: cover; }
.join_m6 .m2 .indicator .next { right: 0.33333333rem; background: url('/public/static/mobile/images/join_bg6_right.png') center center no-repeat; background-size: cover; }
.join_m6 .m2:after { display: block; position: absolute; top: 0; left: 0; content: ''; width: 15.16666667rem; height: 6.83333333rem; background-color: #ffffff; box-shadow: 3px 4px 21px 0px rgba(224, 136, 152, 0.75); opacity: 0.85; }
.join_m7 { height: 18.56666667rem; background: url('/public/static/mobile/images/join_bg7.jpg') center center no-repeat; background-size: cover; }
.join_m7 .g-doc { padding-top: 1.16666667rem; }
.join_m7 .g-doc h2 { margin: 0 auto; width: 10.03333333rem; height: 0.76666667rem; background: url(/public/static/mobile/images/join_bgt7.png) right center no-repeat; background-size: cover; }
.join_m7 .g-content { margin-top: 3.63333333rem; position: relative; }
.join_m7 .g-content .item { width: 2rem; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 2px; color: #ffffff; position: absolute; text-align: center; }
.join_m7 .g-content .item1 { top: 0rem; left: 3.83333333rem; }
.join_m7 .g-content .item2 { top: 6.26666667rem; left: 3.06666667rem; }
.join_m7 .g-content .item3 { top: 4rem; left: 13.5rem; }
.join_m7 .g-content .des { position: absolute; top: 5.33333333rem; left: 5.83333333rem; width: 3.66666667rem; }
.join_m7 .g-content .des h3 { font-size: 0.46666667rem; font-weight: normal; font-stretch: normal; line-height: 0.4rem; letter-spacing: 1px; color: #ffffff; }
.join_m7 .g-content .des p { margin: 0.16666667rem auto 0; width: 3.5rem; border-top: solid 1px #ffa5ba; border-bottom: solid 1px #ffa5ba; font-size: 0.26666667rem; font-weight: normal; font-stretch: normal; line-height: 0.4rem; letter-spacing: 1px; color: #ffffff; }
.join_m8 { height: 14.4rem; background-image: linear-gradient(0deg, #ffdcdb 0%, #fef4f3 100%); }
.join_m8 .g-doc { padding-top: 1.13333333rem; }
.join_m8 .g-doc h2 { margin: 0 auto; width: 5.83333333rem; height: 0.76666667rem; background: url(/public/static/mobile/images/join_bgt8.png) center center no-repeat; background-size: cover; }
.join_m8 .g-doc .subtitle { margin-top: 0.16666667rem; font-size: 0.6rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 2px; color: #f97795; text-align: center; }
.join_m8 .g-content { margin-top: 1.16666667rem; height: 10rem; position: relative; }
.join_m8 .g-content .item {  /*float: left;*/
 position: absolute; width: 4.33333333rem; height: 3rem; }
.join_m8 .g-content .item h3 { position: relative; padding-left: 1.5rem; font-size: 0.46666667rem; font-weight: normal; font-stretch: normal; line-height: 1.1rem; letter-spacing: 2px; color: #ffffff; width: 2.83333333rem; height: 1.23333333rem; background: url(/public/static/mobile/images/join_m8_bg.png) center center no-repeat; background-size: cover; }
.join_m8 .g-content .item p { margin-top: 0.16666667rem; text-align: center; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.6rem; letter-spacing: 0px; color: #333333; text-align: left; }
.join_m8 .g-content .item i { display: block; position: absolute; left: 0.5rem; top: 0.13333333rem; width: 0.8rem; height: 0.8rem; }
.join_m8 .g-content .item1 { top: 1.33333333rem; left: 0.5rem; }
.join_m8 .g-content .item1 i { background: url(/public/static/mobile/images/join_icon_1.png) center center no-repeat; background-size: cover; }
.join_m8 .g-content .item2 { top: 5rem; left: 0.5rem; }
.join_m8 .g-content .item2 i { background: url(/public/static/mobile/images/join_icon_2.png) center center no-repeat; background-size: cover; }
.join_m8 .g-content .item3 { top: 300; left: 5.73333333rem; }
.join_m8 .g-content .item3 i { background: url(/public/static/mobile/images/join_icon_3.png) center center no-repeat; background-size: cover; }
.join_m8 .g-content .item4 { top: 3rem; left: 5.73333333rem; }
.join_m8 .g-content .item4 i { background: url(/public/static/mobile/images/join_icon_4.png) center center no-repeat; background-size: cover; }
.join_m8 .g-content .item5 { top: 6rem; left: 5.73333333rem; }
.join_m8 .g-content .item5 i { background: url(/public/static/mobile/images/join_icon_5.png) center center no-repeat; background-size: cover; }
.join_m8 .g-content .item6 { top: 1.5rem; left: 11.16666667rem; }
.join_m8 .g-content .item6 i { background: url(/public/static/mobile/images/join_icon_6.png) center center no-repeat; background-size: cover; }
.join_m8 .g-content .item7 { top: 6.16666667rem; left: 11.16666667rem; }
.join_m8 .g-content .item7 i { background: url(/public/static/mobile/images/join_icon_7.png) center center no-repeat; background-size: cover; }
.join_m9 { height: 19.83333333rem; background: url('/public/static/mobile/images/join_bg9.jpg') center center no-repeat; background-size: 100%; }
.join_m9 .g-doc { padding-top: 2rem; }
.join_m9 .g-doc h2 { margin: 0 auto; width: 10.43333333rem; height: 0.76666667rem; background: url(/public/static/mobile/images/join_bgt9.png) left center no-repeat; background-size: cover; }
.join_m9 .g-content { margin-top: 1.66666667rem; position: relative; }
.join_m9 .g-content .item { width: 13.83333333rem; height: 3.33333333rem;  /*border: solid 1px #000;*/ margin-left: 1.16666667rem; padding-top: 0.83333333rem; }
.join_m9 .g-content .item .left { width: 4.33333333rem; float: left; height: 2.16666667rem; border-right: solid 1px #f97e9a; }
.join_m9 .g-content .item .left img { display: block; width: 1.43333333rem; height: 1.43333333rem; margin: 0 auto; }
.join_m9 .g-content .item .left h3 { font-size: 0.6rem; font-weight: normal; font-stretch: normal; letter-spacing: 2px; color: #f97795; text-align: center; }
.join_m9 .g-content .item .right { width: 9.33333333rem; float: right; height: 2.66666667rem; }
.join_m9 .g-content .item .right ul { width: 4.16666667rem; float: left; height: 2.66666667rem; }
.join_m9 .g-content .item .right ul li { font-size: 0.46666667rem; font-weight: normal; font-stretch: normal; line-height: 0.73333333rem; letter-spacing: 1px; color: #f97795; padding-left: 1.2rem; position: relative; }
.join_m9 .g-content .item .right ul li:after { content: ''; display: block; position: absolute; left: 0.66666667rem; top: 0; bottom: 0; margin: auto; width: 6px; height: 6px; background-color: #f97795; border-radius: 100%; }
.join_m11 { height: 17rem; background: #fff; }
.join_m11 .g-doc { padding-top: 1.1rem; }
.join_m11 .g-doc h2 { margin: 0 auto; width: 9.13333333rem; height: 0.76666667rem; background: url(/public/static/mobile/images/join_bgt10.png) center center no-repeat; background-size: cover; }
.join_m11 .g-content { margin-top: 1.16666667rem; }
.join_m11 .g-content .frombox { margin: 0 auto; padding: 1rem 0 0 0.33333333rem; width: 15.16666667rem; border: solid 1px #d9d9d9; }
.join_m11 .g-content .frombox .btn { margin-top: 1.26666667rem; }
.join_m11 .g-content .frombox p { margin-bottom: 0.76666667rem; font-size: 0.3rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #808080; }
.join_m11 .g-content .frombox p label { font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; }
.join_m11 .g-content .frombox p input { height: 0.56666667rem; background-color: #ffffff; border: solid 1px #d9d9d9; }
.join_m11 .g-content .frombox p select { width: 2.61666667rem; height: 0.56666667rem; margin-right: 20px; background-color: #ffffff; border: solid 1px #d9d9d9; margin-left: -6px; }
.join_m11 .g-content .frombox p textarea { width: 8.43333333rem; height: 1.75rem; background-color: #ffffff; border: solid 1px #d9d9d9; vertical-align: top; }
.join_m11 .g-content .frombox p button { height: 1.06666667rem; background-color: #ff9aac; font-size: 0.4rem; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff; border: none; }
.join_m11 .g-content .frombox p .btn1 { width: 4.06666667rem; }
.join_m11 .g-content .frombox p .btn2 { width: 9.83333333rem; }
.join_m11 .g-content .frombox p #name { width: 4.5rem; margin-right: 0.83333333rem; }
.join_m11 .g-content .frombox p #tel { width: 5.16666667rem; }
.join_m11 .g-content .frombox p #money { width: 5rem; }
.join_m11 .g-content .frombox p #area { width: 8.43333333rem; margin-left: 1.98333333rem; }