/*移动端样式*/
.cont-text-main img{ width:100%;display:block;}
.fuller{ width:100%; padding:0 10px; box-sizing:border-box;}
.top{ width:100%; text-align:center; padding:0}
.logo{ position:static; margin:0 auto; display:inline-block;}
.logo img{ height:80px; width:auto;}

nav{ position:fixed; width:100%; height:100%; top:0; left:0; background:url(../images/bg.jpg); z-index:99; margin:0; padding:0; display:none; transition:none}
nav ul{ height:auto; margin-top:100px}
.close{ display:block; position:absolute; top:20px; right:20px; background:url(../images/close-bg.png); width:30px; height:30px}
nav ul li{ margin:0 !important;  text-align:center;}
nav ul li a{ display:inline-block; background:url(../images/nav-bg-left.png) !important; text-indent:0 !important; }
h3.title{ height:70px; line-height:70px; background-size:auto 100%; margin:20px 0;}
h3.title b{ font-size:36px}

.about{ background-size:cover}
.about-box{ background:url(../images/about-bg.png) no-repeat bottom right; background-size:100% auto; padding-bottom:100px}
.about-text{ float:left;width:100%}
.about-text p span{ font-size:40px; display:block; width:100%}
.about-vd{ width: 100%; float: left}
.about-vd img{ width: 100%;}

.em{ display:block}
.d{ display:none}

.service{ background-size:cover; padding-bottom:50px}

.service-box a{ width:calc(50% - 5px); margin-right:10px;}
.service-box a:nth-child(2n+0){ margin-right:0;}
.service-box a span{ font-size:16px; line-height:3}

.team{ background-size:cover; background-position:right bottom}
.team-box a{ width:calc(50% - 5px); margin:0; margin-right:10px;}
.team-box a:nth-child(2n+0){ margin-right:0}
.team-box a span{ line-height:2; font-size:16px; height:auto; display:block;}
.team-box a p{ display:none}
.news-box a div.text{ width:calc(100% - 90px); margin-left:10px}
.news-box a img{ width:100%; float:left; margin-top:10px; height:auto}
.news-box a div.text p{ font-size:12px; line-height:1.4}
.news{ padding-bottom:50px}
.news-box a:nth-child(n+4){ display:none}

.nav-switch{ display:block; width:80px; height:80px; background:url(../images/nav-switch-bg.png) no-repeat center; float:right;}


.page{ display:none}

.det-page{  border:1px solid #cecece; float:left; 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}

.list-news-box a{ display:block !important}

.fixed-box {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex !important;
    flex-flow: column nowrap;
    z-index: 999
}

.fixed-nav {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    background: #e4006f
}

.fixed-nav a {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    font-size: 0;
    flex: 1;
}

.fixed-nav a span {
    font-size: 12px;
    margin-bottom: 4px;
    color: #fff
}

.fixed-nav a img {
    margin: 4px 0;
    width: 30px;
    height: auto
}

.fixed-nav a.active span {
    font-weight: bold;
}