body{
    margin: 0;
    padding: 0;

}
body>header{
    margin: 0;
    padding: 0;
}
body>header>h1{
    background:black url("images/logotext.png") no-repeat;
    background-position:center ;
    background-size: 100px;
    padding:0;
    margin:0;
    width:100%;

    height:40px;
    color:transparent;
    position: fixed;
    left:0;
    top:0;
    z-index: 2002;
    text-indent: -1000px;
}
body>nav{
    position: fixed;
    left:0;
    top:0;
    width: 100%;
    z-index:2002;
    background:url("images/navbg.png") no-repeat top left;
    background-position:10px 0 ;
    background-size:60px ;
    height:40px;
    margin:0;
    padding:0;
    overflow: hidden;
    transition: all 1s;
}
body>nav.vis{
    height:410px;
}
.menuButton{
    float:right;
    display: block;
    text-align: center;
    line-height: 40px;
    width:40px;
    height:40px;
    background: #26b1e3;
    cursor: pointer;
    border-radius: 0 0 0 10px;
}
.menuButton:before{
    font-family: FontAwesome;
    content:"\f0c9";
}

.mainnav{
    margin: 0;
    position: absolute;
    left:0;
    top:40px;
    background: rgba(0,0,0,0.9);
    width:100%;
    height:400px;
    padding: 0;
}
.mainnav li{
    padding: 0;
}
.mainnav li>a{
    display: block;

    padding:3px 20px;
}
.mainnav li>a:hover{
    background: rgba(12, 42, 59, 0.8);
}
nav .subnav{
    float:none;
    /*width:100%;*/
    position: static;
    /*z-index: -1;*/
    box-sizing: border-box;
    padding:0;
    background: none;
    list-style: none;
    width:100%;

}
.subnav ul{
    list-style: none;
    padding-left: 0;
    /*font-size: 1.1em;*/

}
.subnav:after{
    content: "";
    display: none;

}
.subnav li{
margin: 0;
}
.mainnav .subnav ul a{
    display: block;
    width:100%;
    line-height: 1.6em;
    padding:3px 50px;
}
nav{
    height:80px;
    background:url("images/navbg.png") no-repeat top right;
    padding:20px 120px 0 0;
    box-sizing: border-box;

}
nav>ul{float:none;}
nav>ul>li{
    /*float:right;*/
    list-style: none;
    padding:10px;
    float:none;
    font-size: 1.2em;
    line-height: 1.8em;
}
main{
    margin: 0 0 8px 0;
    padding:80px 2px;
    /*width:1160px;*/
    /*display: none;*/
}


main>header>h1{

    font-size: 1.5em;
    text-align: center;
    /*position: fixed;*/
    /*top:0;*/
}
.project{
    width:100%;
    min-width: 370px;
    position: static;
    /*min-height: 500px;*/
    /*margin-bottom: 50px;*/
    background: transparent;
    margin-left:auto;
    margin-right:auto;
}
.project dl{

    width:100%;
    max-width:800px;
    min-width: 370px;
    color: #8b8b8b;
    font-size: 12px;
    margin: 0 auto;
    position: static;
    text-align: justify;
}
.project dt{
    text-align: left;
    font-size: 1.5em;
    font-weight: bold;
    padding: 10px;
    color: #b6dff6;
    background: rgba(38, 177, 227, 0.1);
    border-radius: 20px 20px 0 0;
}
.project dd{
    text-align: left;
    background: rgba(38, 177, 227, 0.1);
    padding: 0px 10px;
    font-size: 0.8em;
    margin: 0;
    font:1.2em/1.5em  Eras;
    border: none;
    color: #afd6ec;
}
.project dd label{
    display: inline-block;
    vertical-align: bottom;
    width:10px;
    height:20px;
    color:white;
    overflow: hidden;
    white-space: nowrap;
}
.project dd br{
    display: inline;
    display: none;
}
.project dd:last-of-type{border-radius: 0 0 10px  0 ;padding-bottom: 8px}

.project label{
    font-weight: normal;
    /*background: #5d5d5d;*/
    color: #26b1e3;
    display: inline-block;
    padding: 2px 4px;
    margin-right: 5px;
    border-radius: 2px;
}


.myduty:before{
    content:"\f040";
    font-family: FontAwesome;
}
.client:before{
    content:"\f2ba";
    font-family: FontAwesome;
}
.time:before{
    content:"\f017";
    font-family: FontAwesome;
}
.detail:before{
    content:"\f05a";
    font-family: FontAwesome;
}
.mainlogo{
    background:url("images/mainlogo.png") left top no-repeat;
    width:100%;
    min-width: 370px;
    height:auto;
    min-height:580px;
    margin: auto;
    position: static;
    padding-top: 0;
    text-align: center;
    line-height: 30px;
}
.mainlogo ul{
    list-style: none;
    /*width:400px;*/
    /*margin: auto;*/
    /*margin-left: 80px;*/
}
.mainlogo ul li{
    display: inline-block;
    margin-right: 30px;
}
.mainlogo ul li a{
    display:inline-block;
    width:220px;
    height:100px;
    /*background: #000;*/
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    font-size: 1.1em;
    /*letter-spacing: 0.3em;*/
}
#mainlogogradient{
    margin:auto;
    display: block;

}
.nexttopic{
    float:none;
    margin:10px;
    text-align: center;
    font-size: 1.2em;
    display: block;
    background: #000;
    line-height: 50px;
    padding:0 20px;
    border-radius: 25px;
}
.nexttopic:before{
    content:"\f101";
    font-family: FontAwesome;
}
.top{
    display: block;
    text-align: center;
    margin:0 auto;
}
.top:before{
    content:"\f102";
    font-family: FontAwesome;
}
footer{
    height:50px;
}

.fade{
    opacity: 0.5;
}


/*swiper*/
.swiper{
    min-width: 370px;
}
.swiper-button-prev,.swiper-button-next{
    opacity: 0.05;
    height:20px;
    top:50%!important;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    /*opacity: 0;*/
}


section label.tips1{
    color:rgba(255,255,255,0.2);
    display: block;
    text-align: center;
}
section label.tips1:before{
    content:"\f05a";
    font-family: FontAwesome;
}
section label.tips2{
    display: none;
}


.videoframe{
    background: rgba(0,0,0,0.1);
    width:100%;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}


article.contactinfo{
    width:60%;
    margin: 0 auto;
}
h1.contactinfo{
    width:60%;
    margin: 0 auto;
    text-align: left;
}