/*移动端样式*/
.ewm img{ width:90%!important; margin:0 auto;}
.box{ width:100%; padding:0; margin:0}
.mge-title{ margin:30px 0}
.mge form{ width:100%; padding:0; border:none; border-bottom:1px solid #dadada; padding-bottom:20px; background:rgba(255,255,255,0.2); box-sizing:border-box; padding:10px}
.cus-text{ width:100%; box-sizing:border-box; padding-bottom:30px}
.mge { width:100%;}
.cd{ display:block;}
.logo-bg{     background: #E8E8E8;
    width: 100%;
    height: 50px;display:block!important;}
.logo-bg img {
    max-height: 60%;
    width: 60%;
    align-content: center;
}
.top{ padding: 0 !important;display:none;}
.header-title{display:none}
#banner .swiper-slide{ height:200px}
#place .swiper-slide a b{     top: calc((100% - 269px) / 2)!important;}
#vacation .swiper-slide a b{    top: calc((100% - 118px) / 2)!important;
    right: calc(8% - 0px)!important;}
video{ width:100%!important;}
.case-pro-box a b{
	
	top: calc((100% - 146px) / 2)!important;;
}
a.nav-switch,
a.close,
a.nav-logo{ display:block}
.cont-text-main img{ display:block; width:100%;}
a.nav-switch{float:right; height:70px; width:70px; background:url(../images/nav-switch-bg.png) no-repeat center}



nav{ background:url(../images/nav-mobile-bg-t.png) no-repeat top left,url(../images/nav-mobile-bg-b.png) no-repeat bottom right; background-color:rgba(255,255,255,0.99); width:100%; height:100%; position:fixed; z-index:99; bottom:calc(-100% - 30px); left:0;transform:skew(10deg,10deg); opacity:0; background-size:70% auto}

.close{ position:absolute; top:20px; right:20px; background:url(../images/close.png); width:36px; height:36px;}
a.nav-logo{ display:block; width:100%; font-size:0; text-align:center; margin:20px 0;}
a.nav-logo img{background:rgba(216,255,234,0.5)}

nav ul{ width:100%; position:static}
nav ul li{ width:100%; text-align:center; padding:0}
nav ul li > a{ display:inline-block; width:120px; color:#323232; font-weight:normal; font-size:14px; margin-bottom:1px}
div.three,div.two{position:static; background:none; padding:0;height:auto;}
header{margin-bottom: 72px;}
div.three-2,
div.two{ width:100%; float:left; padding:0; background:none; text-align:center; margin:20px 0}

div.three-2 a,
div.two a{ display:inline-block; font-size:13px; color:#7e7e7e;writing-mode: vertical-rl;}
div.two a:hover,
div.three-2 a:hover{ text-indent:0; background:none;}
div.three-3{ display:none}
.mobile-nav-toggle{ transform:skew(0); bottom:0; opacity:1;}
.about-box .text{ width:100%; position:static; background:none; padding:20px 50px}
.about-box{ background:url(../images/about-text-bg.jpg) no-repeat; background-size:cover; padding-bottom:30px}
.about-box .img{ margin:0 auto; float:none}
div.main{box-sizing:border-box; padding:0 10px}
.cooper-title{ width:100%;}
.cooper-list{ display:none}
#cooperList{ display:block}

.news-box{ padding:0 10px; box-sizing:border-box;}
.news-box a{ width:100%; margin:0; margin-bottom:10px}
.news-box a:nth-child(n+4){ display:none}
.list-news-box a:nth-child(n+4){ display:block}

.page{ display:none}

.det-page{  border:1px solid #cecece; background:#fff; float:left; background:#fff; height:54px; border-right:none; margin:20px auto; box-sizing:border-box; display:block; width:100%}
.det-page a{ display:block; border-right:1px solid #cecece; float:left; height:52px; line-height:52px; width:calc(100% / 3); box-sizing:border-box; background:no-repeat center; text-align:center; font-size:12px; color:#545454; transition:all 0.5s}
.det-page a:nth-child(1){ background-position:15% center}
.det-page a:nth-child(3){ background-position:85% center}

.det-page a:hover{ background-color:#2e2e2e; color:#e0e0e0}
.det-page a:nth-child(1):hover{ background-image:url(../images/left02.png) !important}
.det-page a:nth-child(2):hover{ background-image:url(../images/menu02.png) !important}
.det-page a:nth-child(3):hover{ background-image:url(../images/right02.png) !important}
.env-nav-switch{ display:block; width:100%; text-align:center; border-top:1px solid #eee; height:40px; line-height:40px; font-size:14px; border-bottom:1px solid #eee; margin-bottom:10px}
.env-nav-switch.active:after{ transform:rotate(180deg)}
.env-nav-switch:after{ content:"▲"; display:inline-block; transition:all 0.5s}
.env-nav{ border-top:none; display: none; transition:none}
.env-nav a{ display:block; width:100%; padding:0}
.env-nav a:before,
.env-nav a:after{ display:none !important}

.case-pro-box a{ width:100%; margin-right:0}

.cont-text{ width:100% !important}

.add br{ display:block}