/*reset the style*/

body{
    font-family: "Microsoft YaHei","SimSun", "Microsoft JhengHei", "SimHei", "YouYuan", sans-serif;
}
body,dl,dd,ul,ol,figure ,h1,h2,h3,h4,h5,h6,p,pre,blockquote,
form ,fieldset,legend ,input,button,select,textarea {
    margin: 0;
    padding: 0;
    /*font-family: Microsoft YaHei;*/
}
/*
 * Add block display for HTML5 elements
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

ul,li{
    list-style: none;
}
/*背景图片*/
html,body{
    background: #fff;
    width:100%;
    height:100%;
    margin:0;
    padding: 0;
    overflow: hidden;
    position:relative;
}
body{
    position: relative;
    background: radial-gradient(#FFFDF8 20%, #E0E1DF 100%);
}
#canvas{
    position: relative;
    z-index:0;
}

/*底部导航*/
#footer{
    width:100%;
    height:48px;
    position: absolute;
    bottom:0;
    text-align: center;
    display:none;
    background-color: rgba(255,255,255,.3);

}
#logo{
    color:#84827f;
    font-weight: bold;
    cursor:pointer;
    line-height: 48px;
    position: absolute;
    font-size: 28px;
    left:30px;
    z-index: 801;
}
.btn-img{
    position:fixed;
    right:30px;
    bottom:5px;
    z-index:31333;
    padding:2px 3px;
    border:1px solid #fff;
    display: none;
}
.btn-img img{
    width:30px;
    height:26px;
}
#nav{
    position: absolute;
    right:6%;
    text-align: center;
    z-index:1801;
}
#nav li{
    cursor:pointer;
    line-height:20px;
    color:#72706D;
    font-size: 12px;
    float: left;
    margin:18px 0;
    margin-left:64px;
}

#content{
    width: 1260px;
    position:absolute;
    margin:auto;
    text-align: center;
    overflow-y:scroll;
}
#content::-webkit-scrollbar{
    width:0px;
}

/*弹框*/
#contenter{
    width: 1260px;
    height: 82%;
    position: absolute;
    top:60px;
    /*bottom: 10%;*/
    margin:auto;
    z-index: 1002;
    display: none;
}
#contenter::-webkit-scrollbar{
    width:0px;
}
/*遮罩层*/
#cover{
    width:100%;
    height:2000px;
    top:0;
    background: #eee;
    opacity:0.3;
    position:absolute;
    display:none;
    z-index:-1;
}
/*弹框导航*/
#container-nav{
    position:fixed;
    width:100%;
    z-index: 1004;
}
header{
    position:fixed;
    top:0;
    left:0;
    z-index:1002;
}
#container-navs{
    margin-left: 20px;
    width:500px;
    zoom:1;
}
#container-navs li{
    font-size: 18px;
    color:#69665d;
    font-weight:normal;
}
#container-navs li:last-child{
    color:#3c9fff;
}
/*清浮动*/
#container-navs:after,#container-navs:before,#category:after{
    display:table;
    content:"";
}
#container-navs:after,#category:after{
    clear:both;
}


#container-navs li{
    float:left;
    margin-left:10px;
    height:60px;
    line-height:60px;
    text-align: center;
}
/*关闭按钮*/
#closeD{
    width:30px;
    height:30px;
    color:#544e4e;
    text-align:center;
    line-height:28px;/*实现字体居中不会留空隙*/
    font-size: 32px;
    border:2px solid #544e4e;
    border-radius: 50%;
    position: absolute;
    top:8px;
    right:1%;
    z-index:1010;
    cursor:pointer;
}
#mainContent{
    width:100%;
    position:absolute;
    zoom:1;
    z-index:1001;
}
/*关于页面*/
#aAside{
    width:200px;
    position:absolute;
    top:200px;
    left:3%;
    z-index: 1002;
}
#aAside div:first-child,#jAside div:first-child,#STitle div:first-child,#title0 div:first-child{
    text-align: start;
    font-size:36px;
    color: #69665d;
    border-bottom: 1px solid #676767;
    display:inline-block;
}
/*#aAside div:nth-child(2),#jAside div:nth-child(2){*/
    /*margin-top:2px;*/

/*}*/
#aAside div:last-child,#jAside div:last-child,#STitle div:last-child{
    text-align:center;
    margin-top:6px;
    font-size: 18px;
    color:#595959;
}
#aArticle,#tArticle,#jArticle{
    width:700px;
    float:right;
    margin-right:40px;
    margin-top:70px;
}
#aArticle figure{
    margin-bottom:32px;
}
#aArticle figure img{
    width:700px;
}
#aArticle p{
    margin-bottom: 16px;
    text-align: start;

}
#aArticle p span{
    /*font-size: 22px;*/
    height: 26px;
    display: inline-block;
    vertical-align: -4px;
    border-left:4px solid #ffd129;
    margin-right: 10px;

}
#aArticle figure p:first-child{
    font-size: 28px;
    color:#69665d;
}
#aArticle figure .lighter{
    color:#4d4a3f;
    font-size: 16px;
    font-weight: lighter;
    line-height:25px;
}

#aArticle figure h5{
    margin:16px 0;
    border-bottom: 1px solid #676767;
}

#asideR{
    width:500px;
    margin-top: -112px;
}
/************unit页面*****************/
/*三角形*/
#triangle{
    width:392px;
    height:784px;
    border-radius: 0 392px 392px 0;
    background-image: linear-gradient(-90deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.0) 100%);
    position:absolute;
    top:60px;
    z-index:0;
}


#smipleItr{
    width:300px;
    position:absolute;
    top:370px;
    left:40px;
    z-index:0;
}
#smipleItr li{
    color:#fff;
    position:absolute;
    top:0;
    left:0;
    display: none;
    line-height: 25px;
}
#smipleItr li:nth-child(4){
    display:block;
}
#showD5{
    line-height:25px;
}
#asideS{
    width: 450px;
    height: 400px;
    padding-top: 120px;
    margin-left: 360px;
    display:inline-block;
}
#asideS li{
    font-size: 30px;
    color:#69665d;
    text-align: start;
    position:absolute;
    z-index:0;
    cursor:pointer;
    cursor:hand;

}
#asideS li.show0.actives{
        font-size: 32px;
        font-weight: bold;
}

#asideS li small{
    width:18px;
    height:18px;
    display:inline-block;
    background-color:#fcce5b;
    border-radius:50%;
    margin-right:12px;
    vertical-align: 2px;

}
#asideS li b{
    display: none;
    font-size:18px;
    font-weight:700;
}
/*右边上下滚动*/
#asideS li:nth-child(1){
    top:200px;
    left:328px;
}
#asideS li:nth-child(2){
    top:330px;
    left:386px;
}
#asideS li:nth-child(3){
    top:440px;
    left:398px;
}
#asideS li:nth-child(4){
    top:560px;

    left:376px;
}
#asideS li:nth-child(5){
    top:660px;
    left:324px;
}
/*返回*/
#back{
    font-size:22px;
    /*float: right;*/
    color:#69665d;
    position: fixed;
    right:5%;
    top:80px;
    display: none;
    z-index: 1003;
    cursor:pointer;
}
/*右侧标题*/
#title0{
    position:absolute;
    right:80px;
    top:400px;
    color:#595959;
    text-align: start;
    z-index: 1003;
}
/*#title0 div:first-child{*/
    /*font-size:36px;*/
/*}*/
/*#title0 div:nth-child(2){*/
    /*margin-top:2px;*/
    /*border-bottom: 1px solid #595959;*/
/*}*/
#title0 div:last-child{
    margin-top:2px;
    font-size: 20px;
    text-align:center;
}
#details{
    width:50%;
    margin-left: 58px;
    text-align: start;
    position:relative;
    z-index: 1003;
}
#details .showDtl{
    position:absolute;
    top:100px;
    left:0;
    display: none;
}
.showDtl h3{
    color:#69665d;
}
.showDtl .lined{
    margin: 10px 0;
    border-bottom: 1px solid #69665d;;
}
.showDtl p:nth-of-type(2){
    line-height:25px;
}
/**********服务页面***********/
#service{
    margin:70px 10px 0 10px;
    position:relative;
}

#service div{
    margin-top:20px;
}
#service h2{
    color:#69665d;
    font-size: 28px;
    font-weight: normal;
    text-align: left;
    padding-left:48px;
}
#service h2 span{
    height: 27px;
    display: inline-block;
    vertical-align: -4px;
    border-left: 4px solid #ffd129;
    margin-right: 10px;
}
#service div:first-child{
    position: relative;
}
#client{
    width:100%;
    height:250px;
}
.clientC{
    width:90%;
    height:250px;
    margin-left: 48px;
    border:1px solid #fff;
    position:relative;
    background-color: rgba(255,255,255,.3);
}
.clients{
    width:100%;
    position:relative;
    z-index: 0;
    overflow:hidden;
}
.workword{
    position: relative;
    margin-top:70px;
    width:880px;
}
.clients:after{
    content: '';
    display: table;
    clear:both;
}
.clients li{
    width:12%;
    height:70px;
    float:left;
    line-height:140px;
    margin:20px 2%;
}
.clients li img{
    width:100%;
}


#work figure h3{
    width:720px;
    color: #4d4a3f;
    font-size: 16px;
    font-weight: lighter;
    text-align: left;
    padding-left:108px;
    line-height: 25px;
}
#work figure h3, #work figure img{
    margin-top:10px;
}
#work figure img{
    width:744px;
    filter:grayscale(1)  sepia(.4) brightness(.9) opacity(0.7);
    -webkit-filter:grayscale(1)  sepia(.4) brightness(.9) opacity(0.7);
    -moz-filter:grayscale(1)  sepia(.4) brightness(.9) opacity(0.7);
    -ms-filter:grayscale(1)  sepia(.4) brightness(.9) opacity(0.7);
    -o-filter:grayscale(1)  sepia(.4) brightness(.9) opacity(0.7);
}
#work figure img:hover{
    filter:none;
    -webkit-filter:none;
    -moz-filter:none;
    -ms-filter:none;
    -o-filter:none;
}
#work figure p{
    width:746px;
    margin-top: 1px;
    margin-left: 108px;
    border-bottom: 1px solid #676767;
}
#work figure{
    width:960px;
    margin-left: -42px;
}
#STitle{
    color: #69665d;
    position: absolute;
    right:7%;
    top:350px;
}
/*#STitle p{*/
    /*margin-top:2px;*/
    /*border-bottom: 1px solid #676767;*/
/*}*/
/********团队页面*******/
#tArticle img{
    height:226px;
}
#introduce{
    height:180px;
    margin-top:10px;
    text-align: start;
    color:#69665d;
    position: relative;
    border: 1px solid #fff;
    border-radius: 6px;
    background-color: rgba(255,255,255,.3);
}
#introduce ul{
    position: relative;
    z-index: 1003;
}

#introduce li.tItr{
    position:absolute;
    top:10px;
    left:10px;
    display: none;
    line-height:25px;
}
#introduce li.tItr h3{
    padding: 0;
}
#introduce li.tItr p{
    padding:6px;
}
#introduce li.tItr:last-child{
    display: block;
}
#imgM{
    margin-top:14px;
 }

#imgM:after{
    content: '';
    display: table;
    clear: both;
}
#imgM img.showt{
    float: left;
}
img.showsC{
    filter: grayscale(1);
    -webkit-filter:grayscale(1);
    -moz-filter:grayscale(1);
    -ms-filter:grayscale(1);
    -o-filter:grayscale(1);
    transition:-webkit-filter 2.5s;
}
img.showsC:hover{
    filter:none;
    -webkit-filter:none;
    -moz-filter:none;
    -ms-filter:none;
    -o-filter:none;
}
/*************join页面***************/
#jAside{
    width:200px;
    position:absolute;
    top:166px;
    left:8%;
}
#jArticle{
    text-align: start;
    width:820px;
    border: 1px solid #fff;
    border-radius:4px;
    margin-right:0;
    padding-left: 42px;
    padding-bottom: 300px;
    position:relative;
    background-color: rgba(255,255,255,.6);
}
.jArticle{
    margin-top:22px;
    margin-left: 56px;
    position: relative;
    z-index:0;
}
#jArticle h2{
    margin-left: 56px;
    font-size:24px;
    color:#69665d;
    font-weight: normal;
    padding-top:38px;
    position:relative;
    z-index: 1004;
}
#jArticle h3{
    width:80%;
    margin-left: 56px;
    padding-top: 20px;
    font-size: 18px;
    font-weight: lighter;
    position:relative;
    z-index: 1004;
    line-height: 30px;
}
#category,#dates{
    margin-top:20px;
}
#category li,#dates li{
    font-size:18px;
    line-height: 28px;
    color:#69665d;
    float:left;
    width:150px;
    text-align:center;
    cursor:pointer;
}
.showC1,.showCt1{
    width:80px !important;
    text-align:left !important;
}
.active,#nav li:hover{
    /*#nav .show.active{*/
    /*border-bottom:1px solid #7c7c7c;*/
    color:#3c9fff !important;
}

.Detail{
    display:none;
}
#category li:first-child,#dates li:first-child{
    width:185px;
    font-size:20px;
    text-align:left;
}
#category li:first-child span,#dates li:first-child span{
    font-size: 18px;
    margin-left:18px;
    border-left: 2px solid #72706D;
}
#jArticle .lineS{
    width:85%;
    margin-top:70px;
    border-bottom: 1px solid #72706D;
}
.jDetail{
    margin-top:30px;
}
 ul.jDetail li{
    font-size:20px;
    color:#69665d;
    margin-top:10px;
}
.titles{
    font-size: 18px;
}
.titles span{
    font-weight:lighter;
}
.titles span.firstd{
    display:inline-block;
    margin-left: 6px;
    font-weight: normal;
    width:300px;
}
.titles span:nth-of-type(2){
    display:inline-block;
    width:200px;
}
.JShow{
    display:inline-block;
    width:150px;
    text-align:center;
}
.titles i{
    width:14px;
    height:14px;
    display:inline-block;
    background-color:#fcce5b;
    border-radius:50%;
    margin-right:6px;
}
.JShow b{
    width:0;
    height:0;
    display: inline-block;
    margin-left:12px;
    border-top:6px solid #72706D;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    cursor:pointer;
}

.jDtr{
    background: #cac9c6;
    margin:22px 0 22px -42px;
    padding-left:60px;
    display:none;
}

.jDtr h3,.jDtr div{
    margin-left:44px;
    margin-top:10px;
}
#jArticle .jDetail .jDtr h3{
    font-weight: normal;
}
.jDtr div{
    font-weight: lighter;
}
ul.jde li{
    width:86%;
    font-size: 18px;
    line-height: 25px;
}
.jDtr span{
    float:right;
    margin-right:5%;
    margin-top:20px;
}
.shut{
    font-size: 16px;
    cursor:pointer;
}
.jDtr span b{
    width:0;
    height:0;
    display: inline-block;
    vertical-align: 4px;
    border-bottom:6px solid #72706D;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
}
/*********联系我们页面*********/
#address{
    width:50%;
    margin:70px 56px 0 56px;
    text-align:left;
}
#address h2,#address h3,#address p,#address div{
    color: #69665d;
    font-weight: normal;
    margin-top:24px;
}
#address h3{
    margin-top: 20px;
    font-size: 22px;
}
#address h3 span{
    color:blue;
}
#address h3 span a{
    text-decoration: none;
}
#address p span{
    font-size: 22px;
}
#address p span:last-child{
    font-size:22px;
}
#address h1{
    width:111%;
    padding-top:20px;
    border-bottom:1px solid #69665d;
}
#address h3 img,#address p img{
    vertical-align:-6px;
}


/*中英文切换*/
.l-columns > * {
    float: left;
}
.l-columns:last-child:after {
    display: block;
    visibility: hidden;
    height: 0;
    content: " ";
    clear: both;
}
#widget {
    display: block;
    width:125px;
    z-index: 2;
}
.localizationTool:hover {
    cursor: pointer;
    cursor: hand
}
.localizationTool.ltool-is-visible ul {
    display: block;
    float: left;
    position: absolute;
    width: 100%;
    list-style-type: none
}
.localizationTool.ltool-is-visible .ltool-dropdown-label-arrow {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #deedf7;
    border-right: 10px solid transparent;
    position: absolute;
    right: 8px;
    top: 7px
}
.localizationTool {
    color: #333;
    /*background: #8dc1e2;*/
    position: relative
}
.localizationTool .ltool-dropdown-label {
    display: block;
    padding: 12px 0 12px 12px;
    color: #333;
    border: 0;
    position: relative
}
.localizationTool .ltool-dropdown-label .ltool-language-flag,
.localizationTool .ltool-dropdown-label img {
    margin-left: 0
}
.localizationTool .ltool-dropdown-label .ltool-language-name {
    color: #4d4a3f;
}
.l-columns {
    position: fixed;
    top: 7px;
    right: 55px;
    z-index: 10003;
}
.localizationTool .ltool-dropdown-label-arrow {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid #8dc1e2;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    right: 8px;
    top: 17px
}
.localizationTool div,
.localizationTool img {
    display: inline
}
.localizationTool li {
    display: block;
    background: #deedf7;
    padding: 5px
}
.localizationTool li.ltool-is-selected,
.localizationTool li:hover {
    background: #f5f1d6
}
.localizationTool img {
    width: 16px;
    height: 11px
}
.localizationTool .ltool-language-name {
    color: #8dc1e2
}
.localizationTool .ltool-language-flag {
    display: block;
    float: left;
    margin-top: 3px
}
.localizationTool .ltool-language-countryname,
.localizationTool .ltool-language-flag {
    margin-left: 8px
}
.localizationTool ul {
    margin: 0;
    padding: 0;
    display: none
}

/*最大1200px*/
@media (max-width:1200px){
    #asideS li b{
        display:inline-block;
    }

}


/*最小768px*/
@media (min-width:768px){
    .btn-img{
        display:none !important;
    }
    #nav{
        display:block !important;
    }
    #smipleItr {
        top: 350px;
    }
}

/*ipad竖屏／手机横屏 最小768px*/
@media (min-width:768px) and (max-width:991px){
    #contenter {
        width: 760px;
    }
    #content {
        width: 750px;
        height:610px;
        margin-left:18px !important;
    }

    #smipleItr {
        top:400px !important;
    }
    #details {
        margin-left:25px;
    }
    #details,#details .showDtl{
        width:700px;
    }
    #details,#details .showDtl img{
        width:100%;
    }
    #jArticle {
        width: 774px;
    }
    #aArticle, #tArticle, #jArticle {
        margin-top: 150px;
        margin-right: 34px;
    }
    #aAside{
        left:33%;
        top:35px !important;
    }
    #title0 {
        left: 11%;
        top:35px !important;
        text-align:center;
    }
    #aArticle{
        margin-right: 35px;
    }
    #STitle {
        left: 8%;
        top:35px !important;
    }
    #service {
        margin: 0 4%;
        position: relative;
        top:120px;
        width: 750px;
    }

    #service h2 {
        padding-left: 0px;
    }
    .workword h2{
        padding-top:70px !important;
    }
    .clientC{
        margin-left:0;
    }
    #work figure h3{
        padding-left:50px;
        width:650px;
    }

    #work figure img{
        width: 655px;
        margin-left: -214px;
    }
    #work figure p {
        width: 670px;
        margin-left:40px;
    }


    #jAside {
        top: 35px !important;
        left:35%;
    }
    #jArticle {
        margin-right: 10px;
    }

    #address {
        width: 700px;
        margin: 130px auto;
        text-align: left;
    }
    #address div img{
        width:100%;
    }
    #address h1 {
        width: 100%;
    }
    #logo {
        left: 20px;
    }
    #nav {
        right: 3%;
    }
    #nav li {
        margin-left: 40px;
    }
    #map{
        display: block !important;
    }
    #allmap{
        display:none !important;
    }

}

/*ipad横屏／小屏电脑 最小992px*/
@media (min-width:992px) and (max-width:1199px){
    #contenter {
        width: 970px;
    }
    #content {
        width: 990px;
        height:610px;
        margin-left:18px !important;
    }
    #aArticle, #tArticle, #jArticle {
        margin-top:50px;
    }
    #details {
        margin-left:25px;
    }
    #details,#details .showDtl{
        width:750px;
    }
    #details .showDtl img,#details .showDtl p{
        width:100%;
    }

    #title0 {
        right: 20px;
        top:372px;
    }

    #aAside{
        right:1%;
    }
    #STitle {
        right:0%;
    }

    #jAside {
        left: -1%;
    }
    #jArticle {
        width: 774px;
    }
    #smipleItr {
        top: 347px;
    }
    #map{
        display: block !important;
    }
    #allmap{
        display:none !important;
    }

}

/*ipad横屏／小屏电脑 最小1200px*/
@media (min-width:1200px){
    #contenter {
        width: 1260px;
    }
    #content {
        width: 1260px;
    }
}


/*手机*/
@media screen and (max-width:767px) {
    #aAside div:first-child, #jAside div:first-child,
    #STitle div:first-child, #title0 div:first-child {
        font-size:28px;
    }
    #contenter {
        width:96%;
    }
    #content {
        width:100%;
        margin-left:18px !important;
    }
    #aArticle, #tArticle, #jArticle {
        margin-top: 120px;
    }
    #aAside{
        left:21%;
        top:25px !important;
    }
    #title0 {
        left:14%;
        top: 25px !important;
        text-align:center;
    }
    #back {
        font-size:20px;
    }
    #STitle {
        left:1%;
        top:25px !important;
    }
    #service {
        top: 40px;
    }
    #jAside {
        top: 25px !important;
        left:21%;
    }
    #aArticle, #tArticle, #jArticle {
        width:90%;
        margin-right:7%;
        overflow: hidden;
    }
    #aArticle figure img {
        width:120%;
        margin-left:-10%;
    }
    #asideS li,#asideS li.show.active,#asideS li.show0.actives{
        font-size:26px;
    }
    #asideS li.show.active,#asideS li.show0.actives{
        font-weight:normal;
        color:#3c9fff;
    }
    #asideR {
        margin-top: -130px;
    }

    #service {
        width:90%;
    }
    #service h2 {
         padding-left:0px;
    }
    .workword h2{
        padding-top:15px !important;
    }
    .clientC {
     margin-left:0px;
        width:100%;
        height:250px;
    }
    #client {
        width: 100%;
        height:300px;
    }
    .clients{
        height:250px;
    }

    .clients li {
        width:29%;
        height: 70px;
        float: left;
        line-height:0;
        margin: -6px 2%;
    }
    .clients li:nth-child(-n+3){
        margin: 15px 2% -5px 2%;
    }
    .workword{
        margin-top:0px;
        width:100%;
    }
    #work figure h3 {
        width:100%;
        padding-left:0px;
    }
    #work figure img {
        width: 90%;
        margin-left:5%;
    }
    #work figure {
        width: 96%;
        margin-left: 6px;
    }
    #work figure img {
        width: 100%;
        margin-left: 0%;
    }
    #work figure p {
        width: 100%;
        margin-left:0px;
    }
    #jArticle {
        width:94%;
        padding-left:0;
        margin-right:5%;
        padding-bottom:100px;
    }
    #jArticle h2,#jArticle h3,.jArticle{
        margin-left: 20px;
    }
    #jArticle h3{
        width:90%;
        z-index:0;
    }
    #introduce ul {
        z-index: 0;
    }
    #category, #dates{
        width: 94%;
        line-height: 30px;
        border: 1px solid #fff;
        overflow:hidden;
    }
    #category li:first-child, #dates li:first-child {
        width:100%;
        font-size: 24px;
        text-align:center;
        margin: 10px auto;
    }
    #category li:nth-child(n+2), #dates li:nth-child(n+2){
        width:50% !important;
        text-align:center !important;
        line-height:30px;
    }
    #jArticle .lineS {
        width: 91%;
        margin-top: 20px;
    }
    .jDetail {
        width: 94%;
    }
    .titles span{
        width:28.7% !important;
        text-align:center;
    }
    .jDtr {
         margin:0;
         padding-left:0;
    }

    .showtS{
        width:100% !important;
        height:auto !important;
    }
    .showt{
        width:55% !important;
        height:auto !important;
    }
    #imgM{
        position:relative;
    }
    .showtS:first-child{
        margin-bottom:1%;
    }
    .showt:nth-of-type(4){
        margin-top:0 !important;
        position:absolute;
        top:49.5%;
        right: 45px;
    }
    .titles span.firstd {
        margin-left:0;
    }
    #introduce li.tItr {
        width: 94%;
    }

    #address {
        width: 94%;
        margin:84px 1%;
        overflow:hidden;
    }
    #address h1,#address div,#address div img{
        width: 100%;
    }
    .l-columns {
        right: 40px;
    }
    .active{
        background:#9f9b91 !important;
    }
    #nav{
        position: absolute;
        left: 0;
        bottom:48px;
        width: 100%;
        display:none;
        background: lightgray;
        z-index:9999;
    }
    #nav li{
        width: 100%;
        background: lightgray;
        float:none;
        margin:0;
        padding:9px;
        font-size:14px;
    }
    #nav li:first-child{
        padding-top:15px;
    }

    #triangle{
        top:-200px !important;
        margin-left:-30px !important;
        z-index:-3;
    }
    #details{
        width:90%;
        position:static !important;
        overflow:hidden;
        margin-left:5%;
    }
    .showDtl h3 {
        height: 40px;
        line-height:62px;
    }
    #details li{
        position:static !important;
        margin-top: 20.5%;
    }
    #details .showDtl{
        width:78%;
    }
    #details .showDtl img{
        width:100%;
    }
    #details .showDtl p{
        width:100%;
    }
    #smipleItr{
        position:static !important;
        margin-left:8%;
        margin-top: 50%;
    }
    #smipleItr li{
        position:static;
        color:green;
    }
    .show0{
        position:static !important;
        margin-left:20px !important;
        margin-top:20px !important;
    }

    #asideS {
        margin-left:-11%;
        padding-top:0;
        margin-top:0%;
    }
    #asideS li {
        width: 80%;
    }
    #map{
        display: block !important;
    }
    #allmap{
       display:none !important;
    }

}

/*小屏幕手机*/
@media (max-width:375px){
    #aAside div:first-child, #jAside div:first-child,
    #STitle div:first-child, #title0 div:first-child {
        font-size: 26px;
    }

    #asideS {
        margin-left: -3%;
    }
    #asideS li, #asideS li.show.active, #asideS li.show0.actives{
        font-size: 24px;
    }
    #details .showDtl {
        width: 70%;
    }
    #smipleItr{
        margin-top:50%;
        margin-left: 4%;
    }
    #smipleItr li {
        padding-top:23%;
    }
    #asideR,#details .showDtl{
        width:100%;
    }
    #details .showDtl p{
        width:98%;
        margin-left:2%;
    }
    #details li {
        position: static !important;
        margin-top: 13%;
    }
    .showDtl h3 {
        line-height:3;
    }
    #back {
        font-size: 18px;
        line-height: 6px;
    }
    #cover{
        height:0;
    }
    #details {
        width: 90%;
        /*margin:14% 0% 0 0;*/
    }
    .showDtl h3 {
        text-indent: 14px;
    }
    #address h2{
        font-size:22px;
    }
    #title0 div:last-child,
    #aAside div:last-child,
    #jAside div:last-child,
    #STitle div:last-child{
        font-size:18px;
    }

}

@media (max-width:360px){
    aAside div:first-child, #jAside div:first-child,
    #STitle div:first-child, #title0 div:first-child {
        font-size: 26px;
    }
    #aArticle figure p:first-child {
        font-size: 24px;
    }
    #aAside {
        left: 15%;
    }
    aArticle, #tArticle, #jArticle {
        margin-right:7%;
    }
    #aArticle, #tArticle, #jArticle {
        margin-top: 110px;
    }
    #service {
        margin: 60px 7px 0 7px;
    }
    #details .showDtl p {
         margin-left: 5%;
    }
    .showDtl h3 {
        text-indent: 0px;
    }
}


@media (max-width:320px){
    aAside div:first-child, #jAside div:first-child,
    #STitle div:first-child, #title0 div:first-child {
        font-size: 24px;
    }
    #smipleItr {
        width:88%;
        margin-left: 2%;
    }
    #smipleItr li {
        padding-top: 25%;
    }
    #asideS {
        margin-left: -6%;
    }
    .showDtl h3 {
        line-height: 4;
    }
    #asideS li,#asideS li.show.active{
        font-size: 22px;
    }
    #service {
        margin: 60px 7px 0 4px;
    }
    #service h2 {
        font-size: 24px;
    }
    #jAside {
        left: 12%;
    }
    #details .showDtl p {
        margin-left: 0%;
    }
}