@font-face {
	font-family: iconfont;
	src: url(//at.alicdn.com/t/font_1811158_aog4os773a9.eot);
	src: url(//at.alicdn.com/t/font_1811158_aog4os773a9.eot?#iefix) format('embedded-opentype'), url(//at.alicdn.com/t/font_1811158_aog4os773a9.woff2) format('woff2'), url(//at.alicdn.com/t/font_1811158_aog4os773a9.woff) format('woff'), url(//at.alicdn.com/t/font_1811158_aog4os773a9.ttf) format('truetype'), url(//at.alicdn.com/t/font_1811158_aog4os773a9.svg#iconfont) format('svg')
}

@font-face {
	font-family: Gotham;
	src: url(/static/new/fonts/Gotham-Thin.otf)
}

@font-face {
	font-family: PingFangSC;
	src: url(/static/new/fonts/PingFangSC-Light.ttf)
}
@media screen and (max-width: 768px) {
    
    .inBanner.add919{
        height: 40vw;
        position: relative;
    }
    
    .boxes{
        padding: 0vw 0vw;
        background-color: #f4f8fb;
    }
    .about_nav{
        flex-wrap: wrap;
        background: #fff;
        margin-bottom: 5vw;
        padding: 0px 5%;
        justify-content: space-between;
    }
    .about_nav a{
        padding: 0px;
    }
    .na_idea_box .info .ni_box {
        width: 100%;
        margin-bottom: 5vw;
        text-align: left;
    }
    .na_cultrue{
        flex-wrap: wrap;
        background: transparent;
    }
    .na_cultrue .list {
        width: 100%;
    }
    .na_cultrue .thum {
        width: 100%;
        margin-bottom: 10vw;
        border-radius: 10px;
        overflow: hidden;
    }
    
    
    
    .na_his_box .swiper-slide.swiper-slide-active {
        font-size: 24px;
        height: 80px;
        line-height: 80px;
    }
    .his_wiper {
        width: calc(100% - 100px);
    }
    .na_his_box .swiper-prev,.na_his_box .swiper-next{
        width: 40px;
        height: 40px;
        background-size: 40px;
    }
    .na_his_box .swiper-slide {
        height: 80px;
        line-height: 80px;
        color: #666;
        font-size: 14px;
    }
    .time_list{
        padding-top: 0px;
        background: transparent;
    }
    .na_his_box{
        background: #fff;
    }
    .time_list .ul {
        width: 90%;
    }
    .time_list .ul .li.r .info .month .quan,.time_list .ul .li.r .info .month .line{
        top: 12px;
    }
    .about_nav.myl{
        margin-bottom: 1px;
    }
    .time_list .ul .li.r .info .month span{
        top: 0;
        left: 0;
        font-size: 16px;
        position: relative;
        font-weight: bold;
    }
    .time_list .ul .li .imgbox img {
        margin-bottom: 0px;
        width: 100%;
    }
    .time_list .ul .li {
        position: relative;
        padding: 5vw 0px;
    }
    .time_list .ul .li .info .month{
        line-height: 25px;
        position: relative;
    }
    .time_list .ul .li .info .txt {
        color: #666;
        font-size: 14px;
        line-height: 25px;
        margin-top: 0px;
        text-align: justify;
    }
    
    .time_list .ul .li:nth-child(odd) .info .month{
        text-align: right;
    }
    
    .time_list .ul .li:nth-child(odd) .info .month .line{
        width: 7vw;
        left: auto;
        right: -8vw;
    }
    .time_list .ul .li:nth-child(odd) .info .month .quan{
        left: auto;
        right: -10.5vw;
        top: 8px;
    }
    
    .time_list .ul .li:nth-child(odd) .imgbox{
        position: absolute;
        left: 60%;
        width: 40%;
        margin-top: 0%;
        padding-top: 0px;
    }
    
    .time_list .ul .li:nth-child(even) .imgbox{
        padding-top: 0px;
        position: absolute;
        left: 0%;
        width: 40%;
    }
    .time_list .ul .li:nth-child(even) .info{
        width: 40%;
        margin-left: 55%;
        position: relative;
        padding-right: 0%;
    }
    
    .time_list .ul .li:nth-child(even) .info .month span{
        position: relative;
        right: 0px;
        top: 0px;
        display: block;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
    }
    
    .time_list .ul .li.l .info .month .quan{
        right: auto;
        left: -10.5vw;
        top: 8px;
    }
    .time_list .ul .li.l .info .month .line{
        width: 7vw;
        right: auto;
        left: -8vw;
        top: 12px;
    }
    
    .time_list .ul .li.r .info{
        padding: 0px;
        width: 40%;
        font-size: 14px;
    }
    .na_cultrue .list ul li{
        align-items: flex-start;
        padding-bottom: 5vw;
        margin-bottom: 5vw;
    }
    
    
    .na_cultrue .list ul li .icon {
        width: 50px;
    }
    .na_cultrue .list ul li .info {
        width: calc(100% - 60px);
    }
    .na_cultrue .list ul li .info .name {
        font-size: 18px;
        margin-bottom: 3vw;
        padding-bottom: 3vw;
        position: relative;
    }
    .na_cultrue .list ul li .info .des {
        width: 100%;
        font-size: 14px;
        line-height: 1.7;
    }
    .na_cultrue .list ul li .icon {
        width: 30px;
    }
    .na_cultrue .list ul li .info {
        width: calc(100% - 40px);
    }
    .na_cultrue .list ul li .info .name {
        font-size: 16px;
        margin-bottom: 3vw;
        padding-bottom: 1vw;
        position: relative;
        line-height: 30px;
    }
    
    .na_cultrue .list ul li .info .name:after{
        width: 40px;
        height: 2px;
    }
    
    .na_cultrue .list ul li .info .des {
        width: 100%;
        font-size: 14px;
        line-height: 1.7;
    }
    .about_nav a:before{
        width: 100%;
        height: 30px;
        top: auto;
        bottom: 7.5px;
    }
    .na_intro_box{
        direction: initial;
    }
    .na_intro_top{
        flex-wrap: wrap;
        width: 90%;
        margin-left: 5%;
        border-radius: 10px;
        overflow: hidden;
    }
    .na_intro_top .left{
        width: 100%;
        padding: 5vw;
    }
    .na_intro_top .thum {
        width: 100%;
    }
    .na_intro_btm .nai_right{
        display: none;
    }
    .na_intro_btm{
        width: 100%;
        height: auto;
        padding: 0px 5vw;
        flex-wrap: wrap;
        margin-top: 5vw;
    }
    
    .na_intro_btm .nai_left{
        width: 100%;
        padding: 5vw;
        margin-bottom: 5vw;
        font-size: 14px;
        border-radius: 10px;
    }
    
    
    .na_intro_btm .nai_center{
        width: 100%;
        padding: 5vw;
        font-size: 14px;
        border-radius: 10px;
    }
    
    .en_version .na_intro_btm .nai_left, .en_version .na_intro_btm .nai_center{
        padding: 5vw;
    }
    
    .na_intro_box .info {
        width: 90%;
        padding-left: 0%;
        margin-left: 5%;
        margin-bottom: 5vw;
        margin-top: 5vw;
    }
    .singePage{
        font-size: 14px;
    }
    .na_intro_box .thum {
        width: 90%;
        margin-left: 5%;
        border-radius: 10px;
        overflow: hidden;
    }
    .na_intro_box .info .name {
        width: 100%;
        font-size: 6vw;
        margin-bottom: 3vw;
    }
    .about_nav a.active, .about_nav a:hover{
        color: #fff;
    }
    .about_nav a p{
        line-height: 45px;
    }
    .about_nav a{
        margin: 0px;
        padding: 0px 2vw;
        font-size: 12px;
        color: #666666;
    }
    .w14.full{
        width: 100%;
    }
    .inBanner.add919 img{
        width: 120%;
        height: 100%;
        position: absolute;
        left: 0%;
        top: 0;
    }
    .boxes.ids{
        overflow: hidden;
    }
    .na_idea_box .info .name {
        font-size: 4.5vw;
        padding-bottom: 3vw;
        margin-top: 5vw;
    }
    .na_idea_box .list li{
        padding: 10px 0px;
        font-size: 3.1vw;
    }
    .boxes.ids:before{
        display: none;
    }
    .na_idea_box{
        background: transparent;
        box-shadow: none;
        direction: initial;
        flex-wrap: wrap;
    }
    .na_idea_box .info{
        width: 100%;
        padding: 0px 5vw;
    }
    .na_idea_box .info .name:after{
        left: 0;
        margin-left: 0;
    }
    .na_idea_box .info .name:before{
        left: 0;
    }
    .lvsj_box .w14{
        direction: initial;
    }
    .na_idea_box .thum{
        width: 100%;
    }
    
    .about_nav.myl{
        margin-bottom: 1px;
    }
    
    .lvsj_box .w14, .lvgy_box .w14{
        flex-wrap: wrap;
    }
    
    .lvsj_box .w14 .info{
        width: 100%;
        margin-top: 10vw;
        margin-bottom: 5vw;
    }
    .lvsj_box .w14 .thum{
        width: 100%;
        margin-bottom: 0vw;
        display: flex;
        justify-content: space-between;
    }
    
    .lvsj_box .w14 .thum .pic{
        width: calc(100% - 105px);
    }
    
    .lvsj_box .w14 .thum .i-nums{
        width: 95px;
    }
    
    .lvsj_box .w14 .thum .i-nums p{
        margin-right: 0%;
        width: 100%;
        font-size: 14px;
    }
    
    .lvzz_box{
       
    }
    
    .lvzz_box:before{
        width: 100%;
        height: 60%;
        position: absolute;
        left: 0;
        top: 0;
        content: '';
         background: #2fc7a0;
    }
    
    .lvsj_box .w14 .thum .i-nums p span{
        display: block;
        margin-top: 5px;
    }
    
    .lvsj_box .w14 .thum .i-nums:after{
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        top: 50%;
        content: '';
        background: rgba(0,0,0,.1);
    }
    
    .lvgy_box .info {
        width: 100%;
        margin-bottom: 3vw;
    }
    .lvgy_box .thum {
        width: 100%;
        margin-bottom: 0vw;
        border-radius: 10px;
    }
    .lszd_box .thum {
        width: 90%;
    }
    .lvsj_box .w14 .info .name, .lvgy_box .info .name, .lvlm_box .name, .lvhs_box .name{
        font-size: 5vw;
    }
    .lvsj_box .w14 .info .des, .lvgy_box .info .des, .lvlm_box .des, .lvhs_box .des{
        font-size: 14px;
        color: #666;
    }
    .i-nums{
        font-size: 12px;
        color: #666;
    }
    .i-box .i-nums{
        display: none;
    }
    .lszd_box .i-box .i-nums{
        display: flex;
        justify-content: space-between;
    }
    .lvsj_box .w14 .thum .i-nums{
        display: flex;
        flex-wrap: wrap;
        align-content: space-around;
        position: relative;
    }
    .i-nums p span{
        font-size: 28px;
    }
    .lvzz_box .lvzz_bg{
        display: none;
    }
    .boxes.lvzz_box .w14{
        direction: initial;
        padding: 10vw 5vw;
        flex-wrap: wrap;
        background: transparent;
    }
    .boxes.lvzz_box .info,.boxes.lvzz_box .thum{
        width: 100%;
    }
    .boxes.lvzz_box .thum{
        display: none;
    }
    .boxes.lvzz_box .info .name {
        font-size: 5vw;
        margin-bottom: 2vw;
    }
    .boxes.lvzz_box .info .des{
        font-size: 14px;
    }
    .boxes.lvzz_box .info{
        margin-bottom: 5vw;
        background: #fff;
        padding: 10vw 5vw;
        border-radius: 10px;
    }
    
    .boxes.lvzz_box .info .i-box .i-nums{
        display: flex;
        justify-content: space-evenly;
        position: relative;
    }
    
    .boxes.lvzz_box .info .i-box .i-nums:before{
        width: 1px;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 0;
        content: '';
        background: rgba(0,0,0,.1);
    }
    .boxes.lvgy_box.wuliu{
        background: #fff;
    }
    
    .lvgy_box.wuliu .w14{
        padding: 0px;
    }
    
    .i-nums p {
        margin-right: 0px;
    }
    .lvgy_box .w14{
        background: #fff;
        padding:10vw 5vw;
        border-radius: 10px;
    }
    .boxes.lvzz_box .info .pics{
        display: block;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 5vw;
    }
    .lvsj_box{
        padding-bottom: 10vw;
    }
    .boxes.lvgy_box{
        padding: 10vw 0vw;
        background: #f7f7f7;
    }
    .lszd_box .info {
        margin-top: 5vw;
        width: 70%;
        margin-left: 25%;
    }
    .lszd_box .info .name{
        font-size: 5vw;
        margin-bottom: 2vw;
    }
    .lszd_box .info .des{
        font-size: 14px;
    }
    .boxes.lvlm_box{
        padding: 20vw 0px;
        background-position: bottom center;
    }
    .boxes.lszd_box{
        padding-bottom: 10vw;
        background: #fff;
    }
    .lvlm_box .info{
        width: 100%;
    }
    .lvhs_box .w14{
       margin-top: 0px;
        top: -10vw;
        border-radius: 10px;
        overflow: hidden;
        padding: 5vw;
    }
    .lvhs_box .w14:after{
        height: 10vw;
    }
    .lvhs_box .w14:before {
        height: calc(100% - 10vw);
        top: 10vw;
    }
    
    .lvhs_box .icon {
        width: 7vw;
        height: auto;
        position: absolute;
        right: 0vw;
        top: -3vw;
    }
    
    .boxes.lvhs_box{
        padding: 0vw 0px;
    }
    .lvhs_box .des{
        padding: 0px 0px;
    }
    .boxes.lvhs_box{
       
    }
 
    
    
    
	.renziFooter{
		padding-bottom: 30vw;
	}
	.social .bannerBox{
		margin-top: 0px;
	}
	._more {
		width: 115px;
		line-height: 32px;
		display: block;
		border-radius: 25px;
		margin: 0 auto;
		background: rgba(47, 199, 160, 0);
		text-align: center;
		transition: ease .4s
	}
	
	._titlePage {
		text-align: center;
		text-transform: uppercase
	}
	
	._titlePage p.en {
		letter-spacing: 2px;
		color: #010101;
		font-family: PingFangSC
	}
	
	._titlePage p.cn {
		font-size: 22px;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		font-weight: 700;
		color: #585858;
	}
	
	._titlePage .line {
		color: #c3c3c3;
		font-size: 14px;
		margin: 0 5px
	}
	
	._titlePage .plateTitle {
		margin: 0 auto;
		max-width: 376px;
		width: 58%
	}
	
	._moreMobile {
		font-size: 14px;
		color: #cbcbcb;
		text-align: center;
		display: block;
		margin: 0 auto;
		width: 120px
	}
	
	._tab {
		text-align: center;
		display: flex;
		justify-content: center;
		margin-top: 15px
	}
	
	._tab a {
		color: #c9c9c9;
		padding: 0 12px;
		line-height: 24px;
		display: block;
		border-radius: 15px;
		margin: 0 2px
	}
	
	._tab a.active {
		background: #2fc7a0;
		color: #fff
	}
	
	._titlePlate {
		text-align: center
	}
	
	._titlePlate .en {
		font-size: .3rem;
		font-family: CenturyGothic;
		word-wrap: break-word
	}
	
	._titlePlate h3 {
		font-size: .56rem;
		color: #4e4e4e;
		display: inline-block;
		padding: 0 20px;
		position: relative
	}
	
	._titlePlate span {
		background: #e3e3e3;
		height: 1px;
		width: 29vw;
		position: absolute;
		display: block;
		top: 50%
	}
	
	._titlePlate span:after {
		content: '';
		height: 3px;
		width: .9rem;
		background: #bfbfbf;
		position: absolute;
		top: 50%;
		transform: translateY(-50%)
	}
	
	._titlePlate .lineL {
		right: 100%
	}
	
	._titlePlate .lineR {
		left: 100%
	}
	
	._titlePlate .lineL:after {
		right: 0
	}
	
	._titlePlate .lineR:after {
		left: 0
	}
	
	.advisoryBtn {
		position: fixed;
		bottom: 10%;
		right: 3%;
		z-index: 120;
		width: 25vw;
		-webkit-transition:all 1s;
	}
	
	.advisoryBtn.active{
	    bottom: 30%;
	}
	
	.advisoryBtn>img:nth-child(2){
		position: absolute;
		left: 0%;
		top: 0%;
		transform-origin: 50% 80%;
		animation: Shaking 2s infinite cubic-bezier(.52, .13, .46, .97)
	}
	
	.advisoryBtn p{
		width: 100%;
		height: auto;
		position: absolute;
		left: 0%;
		bottom: 11%;
		text-align: center;
		color: #fff;
		font-size: 10px;
	}
	

	@keyframes Shaking {
		0%,
		100% {
			transform: rotate(-5deg)
		}
		50% {
			transform: rotate(5deg)
		}
	}
	
	.btnReturn {
		color: #00926d;
		font-size: .3rem;
		line-height: .6rem;
		padding: 10px 3%
	}
	
	.btnReturn span {
		padding-right: .2rem;
		font-size: .3rem;
		font-family: '宋体'
	}
	
	.headerMobile {
		padding: 14px 5%;
		display: flex;
		z-index: 5;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		position: absolute;
		background: transparent;
		box-shadow: none;
	}
	
	.headerMobile.active{
		background: #fff;
		position: relative;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
	}
	
	.headerMobile .logo {
		width: 30vw;
		display: block;
		height: auto;
	}
	
	.headerMobile .btnPhone {
		color: #009c74;
		display: flex;
		align-content: center;
		align-items: center
	}
	
	.headerMobile .btnPhone i {
		color: #009c74;
		font-size: 22px;
		margin-right: 5px;
		position: relative
	}
	
	.headerMobile .btnPhone span {
		font-size: 16px;
		display: block
	}
	
	.headerMobile.positionFlex {
		position: fixed;
		width: 100%;
		background-color: #fff;
		box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
	}
	
	.con_content .news_link {
		margin: 1rem 0;
		display: flex;
		height: auto;
		flex-wrap: wrap
	}
	
	.con_content .news_link .txt {
		display: block;
		line-height: .5rem;
		width: 100%;
		overflow: hidden
	}
	
	.con_content .news_link .txt.left .ico {
		margin-left: 14px;
		background-size: 29px
	}
	
	.con_content .news_link .txt.right .ico {
		margin-right: 14px;
		background-size: 29px
	}
	
	.con_content .news_link .txt .ico {
		margin-top: 9px
	}
	
	.con_content .news_link .txt span {
		width: 80% !important;
		line-height: 1rem;
		height: 1rem;
		overflow: hidden
	}
	
	.con_content .news_link .txt.left span {
		margin-left: 0
	}
	
	.con_content .news_link .txt.right span {
		margin-right: 0
	}
	
	.backTop.active {
		bottom: 10%
	}
	

	.freeAppointment{
		width: 70%;
		left: 15%;
		top: 60%;
	}
	.freeAppointment.active {
	    right: auto;
		top: 50%;
	}
	header .flex-demo {
		display: none !important
	}
	
	.bannerVideo video{
		width: 100%;
		height: 133vw;
		position: relative;
		object-fit: cover;
	}
	
	.bannerVideo{
		position: relative;
		width: 100%;
	}
	
	.videoBtn{
		width: 60px;
		height: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-webkit-transition: all .5s;
	}
	.videoBtn.active{
		top: 85%;
	}
	.videoBtn.active::after{
		background-position: 100% 0%;
	}
	.videoBtn::after{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0%;
		top: 0%;
		background: url(../images/play_btn.png) no-repeat;
		background-size: cover;
		content: '';
	}
	
	.videoBtn img{
		position: absolute;
		width: 100%;
		height: auto;
		left: 0%;
		top: 0%;
	}
	.videoBtn img:nth-child(3){
		position: relative;
	}
	.videoBtn img:nth-child(1),.videoBtn img:nth-child(3){
		-webkit-animation: xunhuan 4s linear infinite;
	}
	.videoBtn img:nth-child(2){
		-webkit-animation: xunhuan2 4s linear infinite;
	}
	@-webkit-keyframes xunhuan{
		0%{
			-webkit-transform: rotate(0deg);
		}
		100%{
			-webkit-transform: rotate(360deg);
		}
	}
	@-webkit-keyframes xunhuan2{
		0%{
			-webkit-transform: rotate(360deg);
		}
		100%{
			-webkit-transform: rotate(0deg);
		}
	}
	@-webkit-keyframes xunhuan3{
		0%{
			-webkit-transform: scale(1);
		}
		100%{
			-webkit-transform: scale(1);
		}
	}
	
	
	
	.brandNews {
		background: #fff;
		padding: 25px 3%
	}
	
	.brandNews ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 20px
	}
	
	.brandNews li {
		width: 48%;
		margin-top: 25px
	}
	
	.brandNews .pic img {
		border-radius: 5px;
		box-shadow: 0 25px 20px -21px rgba(0, 0, 0, .2)
	}
	
	.brandNews .text {
		padding: 10px 0
	}
	
	.brandNews .text h3 {
		font-weight: inherit;
		font-size: 16px
	}
	
	.brandNews .text .date {
		font-size: 12px;
		color: rgba(54, 54, 54, .4)
	}
	
	.mains {
		margin-bottom: 0vw;
		position: relative;
		margin-top: -10vw;
		background: #f0f0f0;
		border-radius: 4vw 4vw 0px 0px;
		padding: 10vw 0vw;
	}
	.w1400 {
		width: 90%;
		margin: 0px auto;
		position: relative;
	}
	
	.bar {
		width: 25%;
		height: auto;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
	}
	
	.mp_swiper .pic {
		position: absolute;
		
		width: 100%;
		height: 100%;
		left: 0%;
		top: 0%;
		background: center center no-repeat;
		background-size: cover;
		-webkit-transition: all .5s;
	}
	
	.servcie365{
		margin-bottom: 0vw;
		width: 90%;
		margin-left: 5%;
		margin-bottom: 10vw;
	}
	.servcie365 p{
		text-align: center;
		margin-bottom: 3vw;
		color: rgba(0,0,0,.4);
	}
	.servcie365 img{
		border-radius: 5px;
	}
	.serviceNav{
		width: 100%;
		display: flex;
		padding: 0px 5%;
		justify-content: space-between;
		margin-bottom: 10vw;
	}
	.serviceNav a{
		display: block;
		width: 30%;
		position: relative;
	}
	
	.serviceNav a .info{
		width: 88%;
		height: auto;
		text-align: center;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		color: #636363;
	}
	
	.serviceNav a .info .icon{
		width: 40px;
		margin: 0px auto;
		position: relative;
	}
	
	.serviceNav a .info .icon::before{
		width: 30px;
		height: 30px;
		position: absolute;
		left: 10px;
		top: 10px;
		background: rgba(0, 0, 0, 0.1);
		filter: blur(10px);
		content: '';
	}
	
	.swiper-cube .swiper-cube-shadow{
		opacity: 0;
	}
	
	.brand_nav {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 15vw;
	}
	
	.brand_nav a {
		width: 31.5%;
		height: auto;
		position: relative;
		margin-bottom: 2vw;
		color: #6f6f6f;
		
	}
	
	.brand_nav.bn_2025 a>img{
	    display: none;
	}
	

	
	.brand_nav.bn_2025 a .img{
	    width: 40px;
	}
	.brand_nav.bn_2025 a p{
	    display: block;
	    width: 100%;
	    text-align: center;
        font-size: 15px;
        margin-top: 2vw;
	}
	.brand_nav.bn_2025 a{
	    width: 48%;
        height: auto;
        position: relative;
        margin-bottom: 2vw;
        color: #6f6f6f;
        background: #fff;
        padding: 3vw 5vw;
        border-radius: 2vw;
        box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 4vw;
	}
	
	.brand_nav.bn_2025 a:nth-child(n+3){
	    width: 31%;
	}
	
	.brand_nav_mobile{
	    margin-bottom: 10vw;
	    padding: 0 5vw;
	}
	.brand_nav_mobile a{
	    width: 47%;
	    margin-bottom: 2%;
	}
	.brand_nav_mobile a .inner{
	    padding: 0 10% !important;
	}
	.brand_nav_mobile a .inner .img{
	    width: 25px !important;
	}

	.brand_nav a .inner {
		width: 100%;
		height: auto;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0% 15% !important;
	}
	.setDetails .setDetailsSwiper .pagination span{
	    width: 6px;
	    height: 6px;
	}
	.setDetails .setDetailsSwiper .pagination span:after{
	    display: none;
	}
	.brand_nav a .inner p {
		font-size: 3.7vw;
		font-weight: bold;
	}
	
	.brand_nav a .inner .img {
		width: 40px;
		position: relative;
	}
	
	.brand_nav a .inner .img img {
		position: relative;
	}
	
	.brand_nav a .inner .img::before {
		width: 30px;
		height: 30px;
		position: absolute;
		left: 10px;
		top: 10px;
		background: rgba(0, 0, 0, 0.1);
		filter: blur(10px);
		content: '';
	}
	
	.mTitle {
		width: 100%;
		height: auto;
		text-align: center;
		position: relative;
		border-bottom: 1px solid #fff;
		padding-bottom: 3vw;
		margin-bottom: 5vw;
		display: block;
	}
	
	.mTitle::before {
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0%;
		bottom: 0%;
		content: '';
		background: #e1e1e1;
	}
	
	.mTitle p {
		text-transform: uppercase;
		font-size: 7vw;
		font-weight: bold;
		font-family: BrownBlod;
		position: absolute;
		width: 100%;
		text-align: center;
		background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), #d9d9d9);
		-webkit-background-clip: text;
		color: transparent;
		line-height: 1;
		top: -2vw;
		opacity: .5;
	}
	
	.mTitle b {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 7vw;
		position: relative;
		color: #636363;
	}
	
	.mproNav {
		width: 100%;
		height: auto;
		position: relative;
		background: #fff;
		border-radius: 50px;
		overflow: hidden;
		border: 2px solid #fff;
	}
	
	.mpbox {
		width: 100%;
		height: auto;
		text-align: center;
		border-radius: 50px;
		overflow: hidden;
	}
	
	.mproNav.active::before,.mproNav.active::after{
		width: 50px;
		height: 100%;
		position: absolute;
		left: 0%;
		top: 0%;
		z-index: 10;
		content: '';
		pointer-events: none;
		background: linear-gradient(to top right,rgba(255, 255, 255, 1) 10%,rgba(255, 255, 255, 0));
		border-radius: 50px 0% 0% 50px;
	}
	.mproNav.active::after{
		left: auto;
		right: 0%;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
		border-radius: 0% 50px 50px 0%;
	}
	
	.mpbox .swiper-slide {
		width: 25%;
		height: auto;
		display: block;
		position: relative;
		text-align: center;
		-webkit-transition: all .35s;
		z-index: 5;
		color: #ababab;
	}
	
	.mpbox .swiper-slide p{
		width: 100%;
		height: auto;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
	}
	
	.mpbox .swiper-slide.active {
		color: #fff;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	}
	
	.mpro_bg {
		width: 25%;
		position: absolute;
		left: 0%;
		top: 55%;
		-webkit-transform: translateY(-50%);
		-webkit-transition: all .35s;
	}
	
	.mproduct_box {
		width: 100%;
		position: relative;
		margin-top: 3vw;
		margin-bottom: 15vw;
	}
	
	.mp_swiper {
		width: 93%;
		height: 92%;
		position: absolute;
		background: #fff;
		left: 3%;
		top: 2%;
		border-radius: 10px;
	
	}
	
	.mp_swiper .swiper-slide {
		border-radius: 2vw;
	}
	
	.swiper-cube .swiper-slide a {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0%;
		bottom: 0%;
		display: flex;
		align-items: end;
		padding: 0vw;
		border-radius: 2vw;
		background: #000;
		overflow: hidden;
	}
	
	.swiper-cube .swiper-slide a img{
		opacity:1;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	
	/* .swiper-cube .swiper-slide a::before {
		width: 100%;
		height: 40%;
		position: absolute;
		left: 0%;
		bottom: 0%;
		content: '';
		background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
		z-index: 5;
		
	} */
	.mproduct_box ul{
		position: absolute;
		width: 93%;
		height: auto;
		left: 3.3%;
		bottom: 6%;
		pointer-events: none;
	}
	.mproduct_box ul li{
		width:100%;
		height: auto;
		position: absolute;
		left: 0%;
		bottom: 0%;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all .5s;
		z-index: 10;
		border-radius: 2vw;
		overflow: hidden;
	}
	
	.mproduct_box ul li.active{
		opacity: 1;
		visibility: visible;
	}
	
	.mproduct_box ul li .name {
		width: 100%;
		height: auto;
		display: flex;
		line-height: 50px;
		align-items: center;
		position: relative;
		justify-content: space-between;
		left: 0px;
		bottom: 0px;
		padding: 25px;
		z-index: 10;
	}
	.mproduct_box ul li .name::after{
		width: calc(100% - 50px);
		height: 1px;
		position: absolute;
		left: 25px;
		bottom: 25px;
		content: '';
		background: #fff;
	}
	.mproduct_box ul li .name::before{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0%;
		bottom: 0%;
		content: '';
		background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
		
	}
	
	.mproduct_box ul li .name .txt {
		width: auto;
		font-size: 18px;
		color: #fff;
		position: relative;
	}
	.pic {
	    background: center center no-repeat;
	    background-size: cover;
	    -webkit-transition: all .5s;
	}
	
	.mproduct_box ul li .name .icon {
		width: 30px;
		position: relative;
	}
	
	.mser_box {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.mser_box ul {
		width: 100%;
		height: auto;
		position: absolute;
		left: 0%;
		top: 0%;
		display: flex;
		justify-content: center;
		padding: 7vw 10%;
	}
	
	.mser_box ul li {
		width: calc(100% / 3);
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		position: relative;
		text-align: center;
		line-height: 1.1;
	}
	
	.mser_box ul li p {
		color: #3dc7a0;
		display: block;
		width: 100%;
		font-size: 10vw;
		font-family: homeNumFont;
	}
	
	.mser_box ul li b {
		display: block;
		width: 100%;
		font-size: 3.5vw;
		font-weight: normal;
	}
	
	.mser_box ol {
		width: 100%;
		height: auto;
		position: absolute;
		left: 0%;
		bottom: 0%;
		display: flex;
		justify-content: center;
		padding: 9vw 5%;
	}
	
	.mser_box ol a {
		width: calc(100% / 3);
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		position: relative;
	}
	
	.mser_box ol a::after {
		width: 1px;
		height: 80%;
		position: absolute;
		right: 0%;
		top: 10%;
		content: '';
		background: #e4e4e4;
	}
	
	.mser_box ol a::before {
		width: 1px;
		height: 80%;
		position: absolute;
		left: 0%;
		top: 10%;
		content: '';
		background: #fff;
	}
	
	.mser_box ol a:first-child::before {
		display: none;
	}
	
	.mser_box ol a:last-child::after {
		display: none;
	}
	
	.mser_box ol a .icon {
		width: 40px;
		margin-bottom: 5px;
		position: relative;
	}
	
	.mser_box ol a .icon::before {
		width: 30px;
		height: 30px;
		position: absolute;
		left: 10px;
		top: 10px;
		background: rgba(0, 0, 0, 0.1);
		filter: blur(10px);
		content: '';
	}
	
	.mser_box ol a .icon img {
		position: relative;
	}
	
	.mser_box ol a .txt {
		width: 100%;
		text-align: center;
	}
	
	.mser_box {
		margin-bottom: 15vw;
	}
	
	.mjoin {
		width: 90%;
		height: auto;
		position: relative;
		display: block;
		margin-bottom: 15vw;
		padding: 0;
		border-radius: 5px;
		overflow: hidden;
		margin-left: 5%;
	}
	
	.mjoin .mj_txt {
		position: absolute;
		width: 80%;
		height: auto;
		left: 8%;
		top: 12%;
		text-align: left;
	}
	
	.mjoin .mj_txt p {
		text-transform: uppercase;
		font-size: 8vw;
		font-weight: bold;
		font-family: BrownBlod;
		position: absolute;
		width: 100%;
		opacity: .5;
		background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), #d9d9d9);
		-webkit-background-clip: text;
		color: transparent;
		line-height: 1;
		top: -2vw;
	}
	
	.mjoin .mj_txt b {
		display: block;
		width: 100%;
		font-size: 7vw;
		position: relative;
		border-bottom: 1px solid #000;
		padding-bottom: 2vw;
		margin-bottom: 2vw;
	}
	
	.mjoin .mj_txt b::after {
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0%;
		bottom: 0%;
		content: '';
		background: #fff;
	}
	
	.mjoin .mj_txt span {
		font-size: 12px;
		display: block;
		margin-bottom: 15px;
	}
	
	.mjoin .mj_txt .icon {
		width: 25px;
	}
	
	.mjoin .pan {
		width: 46%;
		height: auto;
		position: absolute;
		bottom: 11%;
		right: 4%;
	}
	
	.mnews {
		width: 100%;
		position: relative;
		margin-bottom: 0vw;
	}
	
	.mnews ul {
		width: 90%;
		height: auto;
		position: absolute;
		left: 5%;
		top: 7%;
	}
	
	.mnews ul li {
		width: 100%;
		display: block;
		padding-bottom: 5vw;
		margin-bottom: 5vw;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}
	
	.mnews ul li:nth-child(3) {
		margin-bottom: 0%;
		padding-bottom: 0%;
		border-bottom: none;
	}
	
	.mnews ul li:nth-child(n + 4){
		display: none;
	}
	
	.mnews ul li a {
		display: flex;
		width: 100%;
		position: relative;
		justify-content: space-between;
		align-items: center;
	}
	
	.mnews ul li a .thum {
		width: 45%;
	}
	
	.mnews ul li a .info {
		width: 52%;
	}
	
	.mnews ul li a .info .name {
		font-size: 14px;
		position: relative;
		line-height: 1.4;
		margin-bottom: 5px;
	}
	
	.mnews ul li a .info .des {
		font-size: 12px;
		opacity: .5;
	}
	
	.nmore {
		width: 97%;
		height: 13vw;
		line-height: 13vw;
		position: absolute;
		left: 1%;
		bottom: 4%;
		background-image: linear-gradient(0deg, rgba(61, 199, 160, 0.3), rgba(61, 199, 160, 0));
		border-radius: 0px 0px 5vw 5vw;
		text-align: center;
		color: #3dc7a0;
	
	}
	
	.nmore:hover{
		color: #3dc7a0;
	}
	
	.Placeholder {
		height: 62px
	}
	
	.pageYoYo {
		background: #f6fbfb;
		padding: 25px 3%
	}
	
	.pageYoYo ._titlePage img {
		width: 140px
	}
	
	.pageYoYo .summary {
		line-height: 1.8;
		color: #676767;
		margin-top: 25px
	}
	
	.pageMemorabilia {
		padding: 25px 3%;
		background: url(../images/bg_pageMemorabilia.jpg) center/cover;
		overflow: hidden
	}
	
	.MemorabiliaBox {
		margin-top: 25px;
		overflow: inherit
	}
	
	.MemorabiliaBox li {
		width: 96%
	}
	
	.MemorabiliaBox .pic img {
		border-radius: 5px;
		overflow: hidden
	}
	
	.MemorabiliaBox .text {
		text-align: center;
		color: #676767;
		padding-top: 25px;
		margin-top: 25px;
		position: relative
	}
	
	.MemorabiliaBox .text .icon_round {
		position: absolute;
		top: 0;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #fff;
		border: 2px solid #2cc9a1;
		transform: translateY(-50%);
		z-index: 5
	}
	
	.MemorabiliaBox .text .icon_round:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		border: 2px solid #2cc9a1;
		display: block;
		top: 50%;
		left: 50%;
		border-radius: 50%;
		transform: translate(-50%, -50%) scale(.6)
	}
	
	.MemorabiliaBox .text:after {
		content: '';
		background: #c1c1c1;
		width: 100vw;
		position: absolute;
		top: 0;
		height: 1px;
		left: 50%;
		transform: translateX(-50%)
	}
	
	.MemorabiliaBox .title {
		line-height: 2
	}
	
	.MemorabiliaBox .des {
		line-height: 1.6
	}
	
	.pageRaidersTv {
		background: #f6fbfb;
		padding: 25px 3%
	}
	
	.pageRaidersTv .coverBox {
		margin-top: 15px;
		border-radius: 10px 10px 0 0;
		overflow: hidden
	}
	
	.pageRaidersTv .minTab {
		background: #fff;
		color: #828282;
		display: none;
		overflow-y: auto
	}
	
	.pageRaidersTv .minTab.active {
		display: flex
	}
	
	.pageRaidersTv .minTab a {
		width: auto;
		display: block;
		text-align: center;
		padding: 20px 10px;
		flex-shrink: 0
	}
	
	.swiperCoverBox .pic img {
		border-radius: 10px;
		box-shadow: 0 24px 14px -16px rgba(204, 204, 204, .8)
	}
	
	.swiperCoverBox .text {
		margin-top: 15px
	}
	
	.swiperCoverBox .title {
		text-align: center;
		font-weight: inherit
	}
	
	.swiperCoverBox .abs {
		margin-top: 10px;
		color: #676767;
		line-height: 1.7
	}
	
	.swiperCoverBox {
		border-radius: 10px 10px 0
	}
	
	.swiperCoverBox ul {
		position: relative
	}
	
	.swiperCoverBox ul li {
		position: relative
	}
	
	.pageSurrounding {
		background: #f6fbfb;
		padding: 25px 3% .7rem
	}
	
	.pageSurrounding ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 25px
	}
	
	.pageSurrounding li {
		width: 48%;
		margin-top: 15px
	}
	
	.pageSurrounding .pic {
		position: relative
	}
	
	.pageSurrounding .text {
		position: absolute;
		z-index: 5;
		bottom: 15px;
		text-align: center;
		width: 100%
	}
	
	.pageSurrounding .text h3 {
		color: #4c4c4c;
		font-weight: inherit;
		font-size: 16px
	}
	
	.pageSurrounding .text p {
		color: #3acaa0
	}
	
	.raiders {
		padding: 25px 3% 15px
	}
	
	.raiders ul {
		margin: 15px auto
	}
	
	.raiders ul li {
		border-bottom: 1px solid #e8e8e8
	}
	
	.raiders ul li a {
		display: flex;
		justify-content: space-between;
		padding: 20px 0;
		flex-wrap: wrap
	}
	
	.raiders ul .pic {
		width: 30%;
		position: relative;
		border-radius: 5px;
		overflow: hidden;
		box-shadow: 0 25px 20px -21px rgba(0, 0, 0, .2);
		background-size: cover
	}
	
	.raiders ul .pic i {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
		font-size: 26px
	}
	
	.raiders ul .text {
		width: 66%;
		display: flex;
		flex-wrap: wrap;
		align-content: space-between
	}
	
	.raiders ul .text .title {
		font-weight: inherit;
		font-size: 14px;
		width: 100%
	}
	
	.raiders ul .text .deta {
		font-size: 12px;
		color: rgba(54, 54, 54, .4)
	}
	
	.raiders ul .text .style {
		padding-right: 10px;
		border-right: 1px solid rgba(54, 54, 54, .2);
		margin-right: 10px
	}
	
	.raiders ul .first .pic {
		width: 100%
	}
	
	.raiders ul .first a {
		padding: 0 0 20px
	}
	
	.raiders ul .first .text {
		width: 100%;
		margin-top: 20px
	}
	
	.raiders ul .pic .raiders ul .first i {
		display: none
	}
	
	.raiders ul.dz .text {
		margin: 10px auto
	}
	
	.raiders .dz .text .title {
		color: #3e3e3e;
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 0
	}
	
	.raiders .dz .pic {
		border-radius: 10px;
		box-shadow: none
	}
	
	.raiders ul.dz a {
		position: relative;
		padding: 0 0 30px
	}
	
	.raiders ul.dz a:after {
		content: '';
		position: absolute;
		left: 50%;
		width: 100vw;
		transform: translateX(-50%);
		height: 10px;
		background: #f5f5f5;
		bottom: 0
	}
	
	.raiders ul.dz li {
		border-bottom: 0
	}
	
	.raiders ul.dz .texts {
		font-size: 14px;
		color: rgba(62, 62, 62, .6);
		padding: 10px 0 0;
		width: 100%
	}
	
	.raiders ul.dz .texts span {
		float: right;
		color: rgba(62, 62, 62, .6)
	}
	
	.raiders+.raiders {
		border-top: 10px solid #f0f0f0
	}
	
	.household {
		padding: 25px 3% 15px;
		border-top: 10px solid #f0f0f0;
		margin-bottom: 15px
	}
	
	.household .householdSwiper {
		margin: 25px auto;
		padding: 0 4%
	}
	
	.household .householdSwiper li {
		margin: 0 auto
	}
	
	.household .householdSwiper .pic img {
		box-shadow: 0 25px 20px -21px rgba(0, 0, 0, .2);
		border-radius: 5px;
		overflow: hidden
	}
	
	.household .householdSwiper .text {
		text-align: center;
		margin-top: 10px
	}
	
	.suite {
		padding: 25px 3%
	}
	
	.suite .tabLinkBox {
		margin: 25px auto
	}
	
	.suite .suiteList {
		padding-bottom: 25vw
	}
	
	.suite .suiteList li {
		position: relative
	}
	
	.suite .suiteList li+li {
		margin-top: 15px
	}
	
	.suite .tabLinkOver {
		width: 100%;
		overflow-y: auto;
		padding-bottom: 3px;
		margin: 0 auto 15px;
		position: relative
	}
	
	.suite .tabLink {
		display: flex;
		width: 100%;
		padding: 0;
		position: relative;
		justify-content: space-evenly !important;
		border-bottom: 1px solid #d0d0d0;
		overflow: hidden;
	}
	
	.suite .tabLink .options {
		
		margin-right: 0px;
		position: relative;
		color: #757575
	}
	
	.suite .tabLink .options.active span {
		color: #2fc7a0
	}
	
	.suite .tabLink .options:after {
		content: '';
		position: absolute;
		width: calc(100% + 23px);
		height: 1px;
		bottom: 0;
		left: 0
	}
	
	.suite .tabLink .options:before {
		content: '';
		position: absolute;
		background: #2fc7a0;
		bottom: -1px;
		height: 3px;
		width: 0;
		z-index: 5;
		left: 0;
		transition: ease .4s
	}
	
	.suite .tabLink .options.active:before {
		width: 100%
	}
	
	.suite .tabLink .options:last-child {
		margin-right: 0
	}
	
	.suite .tabLink span {
		display: block;
		padding: 5px 0;
		font-size: 14px
	}
	
	.suite .tabLinkBox ol {
		display: none
	}
	
	.suite .tabLinkBox ol {
		display: flex;
		width: 100%;
		position: relative;
		left: 0;
		margin: 15px auto
	}
	
	.suite .tabLinkBox ol li {
		display: none;
		color: #c9c9c9;
		justify-content: space-evenly
	}
	
	.suite .tabLinkBox ol li a {
		display: flex;
		padding: 0 10px;
		border-radius: 15px;
		line-height: 24px
	}
	
	.suite .tabLinkBox ol li a.active {
		background: #2fc7a0;
		color: #fff
	}
	
	.suite .tabLinkBox ol li.active {
		display: flex;
		width: 100%;
		flex-wrap: wrap
	}
	
	.footer_menu {
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #e7f5f1;
		z-index: 20;
		overflow: inherit
	}
	
	.menu_list {
		border-top: 1px solid #eee;
		display: flex;
		align-items: flex-end;
		padding-bottom: 3px
	}
	
	.menu_list .menu {
		padding: 0;
		font-size: .14rem;
		width: 100%;
		height: 57px
	}
	
	.menu_list .menu a {
		display: block;
		height: 100%;
		background-position: center;
		background-size: contain;
		width: 100%;
		background-repeat: no-repeat;
		padding: .6rem 0;
		background-size: 52px
	}
	
	.menu_list .menu span {
		background-position: center;
		height: 100%;
		width: 100%;
		display: block;
		background-repeat: no-repeat;
		background-size: contain;
		padding: .4rem 0
	}
	
	.menu_list .menu.server {
		height: 82px
	}
	
	.menu_list .menu.server a {
		background-image: url(../images/icon-Service.png);
		background-size: 67px;
		padding: 0;
		background-position: center -4px
	}
	
	.menu_list .home {
		background-image: url(../images/icon-f11.png)
	}
	
	.menu_list .home.active {
		background-image: url(../images/icon-f12.png)
	}
	
	.menu_list .cpzx {
		background-image: url(../images/icon-f21.png)
	}
	
	.menu_list .cpzx.active {
		background-image: url(../images/icon-f22.png)
	}
	
	.menu_list .ppzx {
		background-image: url(../images/icon-f31.png)
	}
	
	.menu_list .ppzx.active {
		background-image: url(../images/icon-f32.png)
	}
	
	.menu_list .lxwm {
		background-image: url(../images/icon-f41.png)
	}
	
	.menu_list .lxwm.active {
		background-image: url(../images/icon-f42.png)
	}
	
	.menu_list .menu .img {
		display: block;
		margin: auto;
		width: 1rem
	}
	
	.product {
		display: flex;
		top: 0
	}
	
	.product .headerMobile {
		top: 0;
		position: fixed;
		width: 100%;
		background: #fff;
		z-index: 5;
		border-bottom: 1px solid #eee
	}
	
	.product .nav {
		width: 25%;
		position: fixed;
		height: 100%;
		background: #f6f6f6;
		padding-top: 60px;
		border-right: 1px solid #eee
	}
	
	.product .nav a {
		display: block;
		text-align: center;
		color: #676767;
		font-size: 14px;
		line-height: 4
	}
	
	.product .nav a.active {
		background: #fff;
		color: #3acaa0
	}
	
	.product .content {
		width: 75%;
		margin-left: 25%;
		padding: 60px 0 0;
		height: 100vh;
		position: relative
	}
	
	.product .list {
		display: none;
		opacity: 0;
		visibility: hidden;
		transition: ease .4s;
		padding-bottom: 2rem;
		background: #f6fbfb
	}
	
	.product .list ul {
		padding: 25px
	}
	
	.product .list.active {
		display: block;
		opacity: 1;
		visibility: inherit
	}
	
	.product .list li+li {
		margin-top: 10px
	}
	
	.product .list .text {
		text-align: center;
		letter-spacing: 2px;
		padding: 15px 0
	}
	
	.product .list .title {
		color: #2d2d2d;
		margin-bottom: 5px
	}
	
	.product .list li p {
		color: #9f9f9f;
		text-transform: uppercase;
		font-size: 12px
	}
	
	.filter-text .filter-title {
		height: .88rem;
		padding-left: .28rem
	}
	
	.public_title {
		line-height: 1.5rem;
		padding: 0
	}
	
	.public_title p.cn,
	.public_title p.en {
		color: #fff
	}
	
	.public_title .line {
		color: #fff
	}
	
	.content2 {
		padding: .5rem 0;
		width: 100%;
		background-color: #2fc7a0;
		background-image: url(/static/mobile/img/cpzx/dt.jpg);
		background-size: cover
	}
	
	.content2_form {
		width: 6.28rem;
		margin: 20px auto;
		margin-top: 0
	}
	
	.product .list .public_title_text {
		color: #fff
	}
	
	.content2 .public_title_line {
		background: #fff
	}
	
	.content2_title_btn {
		height: .88rem;
		width: 6.24rem;
		margin: auto;
		text-align: center;
		border: .02rem solid #fff;
		border-radius: 3px;
		line-height: .88rem;
		font-size: .3rem;
		color: #fff
	}
	
	.store_box {
		width: auto;
		padding: .4rem .5rem;
		background: #f6fbfb
	}
	
	.store_box .store_item {
		width: auto;
		padding: .4rem;
		margin-bottom: .5rem;
		background: #fff
	}
	
	.store_box .store_item .store_item_top {
		padding-bottom: .3rem;
		border-bottom: 1px solid #efefef
	}
	
	.store_box .store_item .store_item_top .store_item_num {
		font-size: .4rem;
		color: #dadada;
		padding-bottom: .15rem;
		font-family: '微软雅黑'
	}
	
	.store_box .store_item .store_item_top .store_item_title {
		color: #9e9e9e;
		line-height: 1.5
	}
	
	.store_box .store_item .store_item_tel {
		margin-top: .3rem;
		padding-left: .5rem;
		background: url(/static/mobile/img/cpzx/tel_icon.png) no-repeat left center;
		background-size: auto 100%;
		color: #9e9e9e
	}
	
	.store_box .store_item .store_item_tel span {
		padding-left: .2rem
	}
	
	.public_line_btn {
		height: .59rem;
		line-height: .59rem;
		border: 1px solid #c8c8c8;
		color: #3f3f3f;
		font-size: .26rem;
		width: 2.08rem;
		margin-bottom: .4rem;
		margin-top: .2rem;
		box-sizing: content-box
	}
	
	.public_line_btn img {
		width: .14rem;
		padding-left: .1rem;
		vertical-align: middle;
		margin-top: -2px
	}
	
	.processMobile .top {
		width: 90%;
		margin: 0 auto
	}
	
	.processMobile .imgProcess {
		border-radius: 10px;
		box-shadow: 0 6px 11px 2px rgba(204, 204, 204, .5);
		margin-bottom: .2rem
	}
	
	.processMobile .Logo360 {
		width: 76%;
		margin: 0 auto;
		max-width: 490px
	}
	
	.processMobile .processList {
		width: 90%;
		margin: .8rem auto 0;
		padding-bottom: .8rem
	}
	
	.processMobile .processList ul {
		overflow: hidden
	}
	
	.processMobile .processList li {
		position: relative;
		padding-left: 1.5rem;
		padding-bottom: 1rem
	}
	
	.processMobile .processList li:nth-child(1):after {
		opacity: 0
	}
	
	.processMobile .processList li:after {
		content: '';
		position: absolute;
		left: .4rem;
		height: 100%;
		background: #3acaa0;
		width: 1px;
		bottom: 100%
	}
	
	.processMobile .processList li.active {
		display: none
	}
	
	.processMobile .processList .num {
		width: .8rem;
		height: .8rem;
		background: #3acaa0;
		color: #fff;
		border-radius: 50%;
		text-align: center;
		line-height: .8rem;
		font-size: 18px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5
	}
	
	.processMobile .processList .title {
		line-height: .8rem;
		font-size: 18px;
		color: #3acaa0
	}
	
	.processMobile .processList .text {
		color: #8b8b8b
	}
	
	.service {
		background: #fff;
		padding: 25px 0 0
	}
	
	.service .swiper_nav {
		margin-top: .5rem
	}
	
	.franchise {
		padding: .5rem 0;
		position: relative;
		overflow: hidden
	}
	
	.franchise .franchiseSwiper {
		padding: .5rem 3%
	}
	
	.franchise .franchiseSwiper .pagination {
		top: auto;
		bottom: 5px;
		width: 90%;
		left: 5%;
		background: #d0d0d0;
		height: 1px;
		overflow: initial
	}
	
	.franchise .swiper-pagination-progressbar-fill {
		height: 4px;
		background: #20c4a0;
		top: -2px
	}
	
	.franchise .franchiseSwiper .li {
		width: 47%;
		box-shadow: 0 0 8px rgba(0, 0, 0, .1);
		border-radius: 0 0 .2rem 0
	}
	
	.franchise .franchiseSwiper .pic {
		border-radius: .2rem 0 0 0;
		overflow: hidden;
		position: relative
	}
	
	.franchise .franchiseSwiper .name {
		padding: .8rem .2rem 0;
		position: relative;
		background: #fff;
		border-radius: 0 0 .2rem 0
	}
	
	.franchise .franchiseSwiper .name b {
		color: #3f3f3f;
		background: #fff;
		position: relative;
		z-index: 5;
		font-size: .48rem;
		padding: .1rem 0 0
	}
	
	.franchise .franchiseSwiper .number {
		color: #f5f5f5;
		font-size: .8rem;
		position: absolute;
		left: .2rem;
		top: 0
	}
	
	.franchise .franchiseSwiper .des {
		color: #a3a3a3;
		margin-top: .1rem;
		line-height: 1.7;
		height: 3.4rem
	}
	
	.productStrength img {
		margin-top: .5rem
	}
	
	.productStrength .productStrengthList {
		padding: .5rem 3%;
		background: url(../images/bg_productStrength.jpg) center bottom/cover
	}
	
	.productStrengthList li {
		position: relative;
		padding-left: 1.4rem;
		padding-bottom: .5rem;
		margin-bottom: .5rem;
		border-bottom: 1px solid #dcdcdc
	}
	
	.productStrengthList li:last-child {
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0
	}
	
	.productStrengthList .icon {
		background: #21c4a0;
		color: #fff;
		height: 1rem;
		width: 1rem;
		display: block;
		border-radius: 50%;
		text-align: center;
		line-height: 1rem;
		left: 0;
		position: absolute;
		font-size: 19px
	}
	
	.productStrengthList .text h3 {
		color: #2fc7a0;
		line-height: 1rem;
		font-size: .4rem
	}
	
	.productStrengthList .summary {
		color: #a3a3a3;
		line-height: 1.7
	}
	
	.productStrengthList .summary b {
		color: #595959;
		margin-top: .5rem;
		display: block;
		position: relative
	}
	
	.productStrengthList .summary b:after {
		content: '';
		position: absolute;
		top: 0;
		width: 3px;
		height: 100%;
		display: block;
		background: #2fc7a0;
		left: -6px
	}
	
	.productStrengthList .seriesBox {
		display: flex;
		align-items: baseline
	}
	
	.productStrengthList .seriesLi {
		color: #3e3e3e
	}
	
	.productStrengthList .seriesLi span {
		color: #2fc7a0;
		font-size: .8rem;
		font-weight: 700;
		position: relative;
		display: inline-block;
		margin-right: .1rem
	}
	
	.productStrengthList .seriesLi span:after {
		content: '+';
		font-size: .5rem;
		position: absolute;
		top: 0;
		font-weight: 100
	}
	
	.productStrength .seriesBox .line {
		display: block;
		margin: 0 15px
	}
	
	.communication {
		padding: .5rem 0;
		position: relative;
		overflow: hidden
	}
	
	.communication ul {
		display: flex;
		justify-content: space-between;
		margin-top: .5rem;
		flex-wrap: wrap;
		padding: 0 3%
	}
	
	.communication li {
		width: 100%
	}
	
	.communication li+li {
		margin-top: .3rem
	}
	
	.marketing {
		background: url(../images/bg_marketing.jpg);
		padding: .5rem 0;
		position: relative;
		overflow: hidden
	}
	
	.marketing .round {
		width: 70vw;
		height: 70vw;
		margin: .5rem auto 0;
		position: relative;
		overflow: hidden;
		border-radius: 50%;
		border: 10px solid #edf9f6
	}
	
	.marketing .round img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: initial !important;
		height: 100%
	}
	
	.marketing ul {
		padding: 0 3%;
		margin-top: .2rem;
		position: relative
	}
	
	.marketing ul:after {
		content: '';
		position: absolute;
		left: 50%;
		top: 0;
		background: #2fc7a0;
		width: 1px;
		height: 100%
	}
	
	.marketing ul li {
		padding-right: 52%;
		text-align: right
	}
	
	.marketing ul li+li {
		margin-top: .2rem
	}
	
	.marketing ul li:nth-child(2n) {
		padding: 0 0 0 52%;
		text-align: left
	}
	
	.marketing ul .title {
		color: #2fc7a0;
		font-size: .45rem;
		margin-bottom: .1rem;
		position: relative
	}
	
	.marketing ul .title:after {
		content: '';
		width: .15rem;
		height: .15rem;
		display: block;
		background: #2fc7a0;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -6%
	}
	
	.marketing ul .text {
		line-height: 1.7;
		color: #737373
	}
	
	.marketing li:nth-child(2n) .title:after {
		left: -6%;
		right: auto
	}
	
	.operation {
		padding: .5rem 0;
		overflow: hidden;
		position: relative
	}
	
	.operation .operationSwiper {
		padding: .5rem 3%
	}
	
	.operation .pagination {
		top: auto;
		bottom: 5px;
		width: 90%;
		left: 5%;
		background: #d0d0d0;
		height: 1px;
		overflow: initial
	}
	
	.operation .swiper-pagination-progressbar-fill {
		height: 4px;
		background: #20c4a0;
		top: -2px
	}
	
	.operation .li {
		width: 90%;
		background: #f7f7f7;
		display: flex;
		flex-wrap: wrap
	}
	
	.operation .li:nth-child(1) {
		border-radius: 0 0 0 .5rem
	}
	
	.operation .li:nth-child(3) {
		border-radius: 0 0 .5rem 0
	}
	
	.operation .pic {
		width: 100%;
		position: relative;
		box-shadow: 0 20px 12px -10px rgba(0, 0, 0, .2)
	}
	
	.operation .text {
		height: 10rem;
		position: relative;
		width: 100%
	}
	
	.operation .description {
		width: 76%;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		right: 5%;
		transform: translate(0, -50%);
		height: 83%
	}
	
	.operation .num {
		position: absolute;
		font-size: 1rem;
		color: rgba(74, 74, 74, .2);
		font-family: PingFangSC;
		font-weight: 100;
		transform: translate(-100%, -50%);
		left: -10px;
		top: 50%
	}
	
	.operation .title {
		position: relative;
		margin-bottom: .3rem
	}
	
	.operation .title h3 {
		color: #2fc7a0;
		font-size: .4rem
	}
	
	.operation .title h4 {
		color: #4a4a4a;
		font-weight: initial;
		font-size: .4rem
	}
	
	.operation .item {
		position: relative;
		font-size: .25rem
	}
	
	.operation .item+.item {
		margin-top: .2rem
	}
	
	.operation .item:after {
		content: '';
		position: absolute;
		background: #2fc7a0;
		height: 2px;
		width: 20px;
		top: 9px;
		left: -6px;
		transform: translateX(-100%)
	}
	
	.operation .item p {
		color: #4a4a4a;
		font-weight: 700;
		margin-bottom: .05rem
	}
	
	.operation .item span {
		color: #7f7f7f
	}
	
	.joining {
		padding: .5rem 0;
		position: relative;
		overflow: hidden
	}
	
	.joining .processImg {
		padding: .5rem 3% 0
	}
	
	.storePlate {
		
		position: relative
	}
	
	.storePlate .storePlateBox {
		width: 89%;
		margin: 0 auto;
		background: url(../images/worldMap.jpg) center/contain no-repeat #fff;
		position: relative;
		z-index: 5;
		padding: .5rem 8%;
		border-radius: .2rem;
		box-shadow: 0 0 11px rgba(0, 0, 0, .14)
	}
	
	.storePlate .phones {
		text-align: center;
		padding-top: .2rem
	}
	
	.storePlate .phones a {
		font-size: .5rem
	}
	
	.storePlate .storeBox {
		margin-top: .4rem
	}
	
	.storePlate .storeBox ._form {
		padding: 0
	}
	
	.storePlate .storeBox ._titlePlate span {
		display: none
	}
	
	.storePlate ._form.form1 #distpicker select {
		height: .6rem;
		margin-top: .2rem
	}
	
	._form.form1 ._form_box .fb_input,
	._form.form1 .double #distpicker select {
		text-indent: .2rem
	}
	
	._form.form1 ._form_box .fb_input {
		height: .8rem;
		line-height: .8rem
	}
	
	.storePlate ._form.form1 #distpicker select,
	.storePlate ._form.form1 .input {
		width: 100%;
		line-height: .8rem;
		margin-bottom: 0;
		box-shadow: 0 0 7px rgba(0, 0, 0, .2);
		height: .8rem;
		background: #fff
	}
	
	._form.form1 .double #distpicker {
		height: auto;
		box-shadow: none
	}
	
	.storePlate ._form.form1 .input+.input {
		margin-top: .2rem
	}
	
	.storePlate .storeBox .form_submit {
		background: #2fc7a0;
		margin-top: 15px;
		line-height: .8rem;
		height: .8rem;
		width: 3rem;
		box-shadow: 0 5px 10px rgba(47, 199, 160, .4)
	}
	
	.storePlate:after {
		content: '';
		position: absolute;
		background: url(../images/storePlate_bg.jpg);
		width: 100%;
		height: 64%;
		bottom: 0
	}
	
	.mfooter {
		background: #fafafa;
		position: relative;
		padding: 5vw;
		padding-bottom: 30vw;
		padding-top: 10vw;
	}
	
	.mfscol {
		width: 100%;
		position: relative;
		display: flex;
		justify-content: space-between;
		margin-bottom: 10vw;
	
	}
	
	.mfscol a {
		width: calc(100% / 6);
		position: relative;
	}
	
	.mfscol a .img{
		width: 120px;
		height: auto;
		position: absolute;
		left: -120px;
		top: -50%;
		background: #fff;
		box-shadow: 0px 0px 20px rgba(0,0,0,.1);
		display: none;
	}
	
	.mfscol a .img::after{
		width: 0px;
		height: 0px;
		border-top: 5px solid transparent;
		border-left: 5px solid #fff;
		border-bottom: 5px solid transparent;
		content: '';
		position: absolute;
		right: -5px;
		top: 50%;
		margin-top: -5px;
	}
	
	.mfscol a:hover .img{
		display: block;
	}
	
	.mfscol a .icon {
		width: 80%;
		margin: 0px auto;
		margin-bottom: 5px;
		background: rgba(255, 255, 255, 0.7);
		border-radius: 50%;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, .05);
		position: relative;
	}
	
	.mfscol a p {
		font-size: 12px;
		text-align: center;
	}
	
	.contactBtn {
		width: 140px;
		height: auto;
		line-height: 40px;
		margin: 0px auto;
		display: block;
		text-align: center;
		background: rgba(61, 199, 160, .1);
		border: 1px solid #49caa5;
		color: #49caa5;
		border-radius: 4px;
		margin-bottom: 10vw;
	}
	.contactBtn:hover{
		color: #49caa5;
	}
	.mcopyright {
		width: 100%;
		font-size: 12px;
		display: flex;
		flex-wrap: wrap;
		line-height: 1.4;
		justify-content: center;
	}
	
	.mcopyright a {
		margin-left: 5px;
		opacity: .4;
	}
	
	.mcopyright p {
		opacity: .4;
	}
	
	.mfmemer {
		width: 100%;
		text-align: center;
		font-size: 12px;
		margin-bottom: 5vw;
		color: #45caa6;
	}
	
	.mfmemer .img {
		width: 120px;
		margin: 0px auto;
		position: relative;
		margin-bottom: 5px;
	}
	
	.mftel {
		width: 100%;
		text-align: center;
		position: relative;
		color: #3dc7a0;
		margin-bottom: 5vw;
		font-size: 7vw;
		font-family: avant;
		line-height: 1;
		display: block;
		padding-top: 1vw;
	}
	
	.mftel:hover{
		color: #3dc7a0;
	}
	
	.mftips {
		width: 100%;
		text-align: center;
		position: relative;
		color: #878787;
		margin-bottom: 5px;
	}
	
	.mftips::before,
	.mftips::after {
		width: 30%;
		height: 1px;
		position: absolute;
		top: 50%;
		content: '';
		background: #878787;
		opacity: .2;
	}
	
	.mftips::before {
		left: 0%;
	}
	
	.mftips::after {
		right: 0%;
	}
	
	#wrapper,.con_content{
		padding-bottom: 30vw;
	}
	
	.m_nav {
		position: fixed;
		width: 100%;
		height: auto;
		left: 0%;
		bottom: 0%;
		-webkit-transition: all .5s;
		-webkit-transform: translateY(150%);
		background: #fff;
		display: flex;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
		z-index: 100;
	}
	
	.m_nav>img {
		width: 100%;
		height: auto;
		position: absolute;
		left: 0%;
		top: 0%;
		-webkit-transform: translateY(-96%);
		pointer-events: none;
	}
	
	.m_nav a {
		width: 20%;
		height: auto;
		position: relative;
		display: block;
		text-align: center;
		padding: 10px 0px;
		font-size: 12px;
		z-index: 5;
	}
	
	.m_nav a .icon {
		width: 30px;
		margin: 0px auto;
		margin-bottom: 5px;
		position: relative;
	}
	
	.m_nav a:nth-child(3) {
		margin-left: 20%;
	}
	
	.m_nav a.center {
		width: 20%;
		height: auto;
		position: absolute;
		left: 40%;
	}
	
	.m_nav a.center .icon {
		width: 60px;
		position: relative;
		margin-top: -30px;
		background: rgba(61, 199, 160, .1);
		border-radius: 50%;
		padding: 5px;
	}
	
	
	.m_nav.active {
		-webkit-transform: translateY(0%);
	}
	
	#yii-debug-toolbar{
		display: none !important;
	}
	
	.link_more_btn{
		margin-bottom: 10vw;
	}
	
	.temp20vw{
		height: 30vw;
	}
	
	.backTop{
		display: none;
	}
	.inBanner {
	    margin-top: 0px;
	}
	.bathroom .pagination{
		left: 90%;
	}
	.setDetails .setDetailsSwiper .pagination span{
		margin: 2px 0;
	}
	.storePlate ._form.form1 .input,._form.form1 ._form_box .fb_input{
		height: auto;
		line-height: 40px;
		border: none;
		margin-right: 0px;
	}
	.storePlate ._form.form1 .input{
		border-radius: 5px;
		box-shadow: 0px 0px 30px rgba(0,0,0,.1);
	}
	.storePlate .storePlateBox{
		width: 90%;
		padding: 35px 15px;
		margin-bottom: 15vw;
	}
	.bathroom .section3 .swiper-container{
	    background-size: cover;
        padding-bottom: 25px;
	}
	
	.tabList.tab{
	    text-align: center;
        padding: 1vw 0;
        width: 100%;
        top: 0px;
        display: flex;
        position: relative;
        justify-content: center;
        margin: 2vw 0px 3vw;
	}
	.setDetails{
	    padding-top:5vw;
	}
	._pageTitle{
	    text-align: center;
        margin: 4vw 0 3vw 0;
        color: #00c7a1;
        font-size: 20px;
        position: relative;
        z-index: 2;
	}
	._pageTitle span:after, ._pageTitle span:before{
	    content: '';
        position: absolute;
        width: 2vw;
        height: 1px;
        background: #00c7a1;
        margin-top: 1.4vw;
        margin-left: -4vw;
        top: 0;
        left: 50%;
	}
	._pageTitle span{
	    width: 100%;
	}
	._pageTitle span:before{
	    width: 10vw;
        margin-top: 3.4vw;
        margin-left: -24vw;
	}
	._pageTitle span:after{
	    width: 10vw;
        margin-top: 3.4vw;
        margin-left: 14.5vw;
	}
	.bathroom .section1 .lll {
        padding-right: 0%;
    }
	.tabList.tab a{
	    margin: 0 1vw;
	    border: 1px solid #00c7a1;
        line-height: 2.2vw;
        width: auto;
        height: auto;
        font-size: 14px;
        display: block;
        padding: 12px 8px;
        border-radius: 30px;
        color: #00c7a1;
	}
	.tabList.tab a.active{
	    background: #00c7a1;
        color: white;
	}
	
}

@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
	.mproduct_box ul{
		bottom: 12%;
	}
	.mproduct_box ul li{
		width: 87%;
		left: 6%;
	}
}
@media screen and (max-width: 375px){
    .mnews ul li a .info .name{
        font-size: 12px;
    }
    .nmore,.freeAppointment .round,.freeAppointment .formBox input,.freeAppointment .btnSubmit{
        font-size: 12px;
    }
}