*{
    margin:0;
    padding:0;
}
.navbar-header {
    float: left;
    margin-top: 32px;
}
.top {
    height: 80px;
    width: 100%;
    background-color: #171717;
    /*position: absolute;*/
    position: fixed;
    z-index: 999;
    margin-top:-80px;
}
.top-text{
    color: #2babcf;
    font-size: 22px;
    font-family: 微软雅黑;
    margin-left: 125px;
    text-decoration: none;
}
.navbar-item {
    margin-left: 700px;
    padding-top: 20px;
  
}
nav {
    /*background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));*/
    /*background-image: linear-gradient(#fff, #ccc);*/
    border-radius: 6px;
    /*box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);*/
    padding: 0 10px;
    position: relative;
}
.clearfix {
    clear: both;
}

.menu li {
    float: left;
    position: relative;
    list-style-type: none;

}

.menu li a {
    /*color: #444;*/
    display: block;
    font-size: 14px;
    line-height: 20px;
    /*height: 20px;*/
    padding: 6px 12px;
    margin: 8px 6px;
    vertical-align: middle;
    text-decoration: none;
}

.menu li a:hover {
    background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
    /*background-image: linear-gradient(#ededed, #fff);*/
    border-radius: 12px;
    box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
    color: #222;
}
/* Dropdown styles */
.menu ul {
    position: absolute;
    left: -9999px;
    list-style: none;
    opacity: 0;
    height: 130px;
    /*width: 100px;*/
    /*background: red;*/
    transition: opacity 1s ease;
}
.menu ul li {
    float: none;
}
.menu ul a {
    white-space: nowrap;
}

/* Displays the dropdown on hover and moves back into position */
.menu li:hover ul {
    background: rgba(255,255,255,0.7);
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
    left: 5px;
    opacity: 1;
    position:relative;
}

/* Persistant Hover State */
.menu li:hover a {
    background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#ededed));
    /*background-image: linear-gradient(#ccc, #ededed);*/
    border-radius: 12px;
    box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
    color: #222;
}

.menu li:hover ul a {
    background: none;
    border-radius: 0;
    box-shadow: none;
}

.menu li:hover ul li a:hover {
    background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff));
    background-image: linear-gradient(#ededed, #fff);
    border-radius: 12px;
    box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
}



/*.navbar-brand {*/
    /*float: left;*/
    /*padding: 35px 15px;*/
    /*font-size: 18px;*/
    /*color: white;*/
    /*line-height: 20px;*/
    /*height: 65px;*/
    /*background-color: transparent;*/
    /*text-decoration:none;*/
/*}*/

.navbar-item2{
    margin-left: 1260px;
    margin-top:14px;
    vertical-align: middle;
}
.dropdown {
    position: relative;
}
.dropdown-toggle {
    outline: 0;
    margin-left: 10px;
    text-decoration:none;
    color: white;
    font-family: 微软雅黑;
    /*font-size: 12px;*/
    /*cursor:pointer;*/
}
.dropdown-toggle2 {
    outline: 0;
    margin-left: 5px;
    text-decoration:none;
    color: white;
    font-family: 微软雅黑;
    font-size: 12px;
    /*cursor:pointer;*/
}
.dropdown-toggle2:hover{
    color: #2babcf;
}
#banner{
    margin-top: 100px;
    height:567px;
    width:100%;
    background: url("../images/bg.jpg");
    background-size: cover;
    position: relative;
}
#b_container{
    /*background: red;*/
    /*width:1366px;*/
    width: 100%;
    height:567px;
    margin-top:-23px;
    position: relative;
}
@keyframes moveTitle
{
    from {top:0;opacity: 0}
    to {top:200px;opacity: 1}
}

@-moz-keyframes moveTitle /* Firefox */
{
    from {top:0;opacity: 0}
    to {top:200px;opacity: 1}
}

@-webkit-keyframes moveTitle /* Safari 和 Chrome */
{
    from {top:0;opacity: 0}
    to {top:200px;opacity: 1}
}

@-o-keyframes moveTitle /* Opera */
{
    from {top:0;opacity: 0}
    to {top:200px;opacity: 1}
}
@keyframes moveSlogan
{
    from {right:-100px;opacity: 0}
    to {right:10px;opacity: 1}
}

@-moz-keyframes moveSlogan /* Firefox */
{
    from {right:-100px;opacity: 0}
    to {right:10px;opacity: 1}
}

@-webkit-keyframes moveSlogan /* Safari 和 Chrome */
{
    from {right:-100px;opacity: 0}
    to {right:10px;opacity: 1}
}

@-o-keyframes moveSlogan /* Opera */
{
    from {right:-100px;opacity: 0}
    to {right:10px;opacity: 1}
}
@keyframes moveMac
{
    from {left:-100px;opacity: 0}
    to {left:10px;opacity: 1}
}

@-moz-keyframes moveMac /* Firefox */
{
    from {left:-100px;opacity: 0}
    to {left:10px;opacity: 1}
}

@-webkit-keyframes moveMac /* Safari 和 Chrome */
{
    from {left:-100px;opacity: 0}
    to {left:10px;opacity: 1}
}

@-o-keyframes moveMac /* Opera */
{
    from {left:-100px;opacity: 0}
    to {left:10px;opacity: 1}
}
#mac{
    background: url("../images/mac.png");
    width:550px;
    height:369px;
    position: absolute;
    left:10px;
    top:140px;
    animation:moveMac 1s ease-in;
    -moz-animation: moveMac 1s ease-in;
    -webkit-animation: moveMac 1s ease-in;
    -o-animation: moveMac 1s ease-in;
}
#title{
    background: url("../images/title.png") no-repeat;
    width:435px;
    height:159px;
    position: absolute;
    right:145px;
    top:200px;
    animation:moveTitle 1s ease-in;
    -moz-animation: moveTitle 1s ease-in;
    -webkit-animation: moveTitle 1s ease-in;
    -o-animation: moveTitle 1s ease-in;
}
#slogan{
    background: url("../images/slogan.png");
    width:568px;
    height:69px;
    position: absolute;
    right:10px;
    top:350px;
    animation:moveSlogan 1s ease-in;
    -moz-animation: moveSlogan 1s ease-in;
    -webkit-animation: moveSlogan 1s ease-in;
    -o-animation: moveSlogan 1s ease-in;
}
#middle {
   background-color: #2babcf;
    width: 100%;
    height: 80px;
}
.middle-text{
    margin-top:0px;
    text-align: center;
    font-family: 微软雅黑;
    font-size: 16px;
    line-height: 80px;
    color: white;
}
.shadow{
    max-width: 100%;
    width: 70%;
    height: auto;

    align-content: center;
    margin-left: 15%;
}
#container {
    width: 1000px;
    height:700px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;

}
.container-left{
    color: white;
    display: block;
    width: 333px;
    /*height:500px;*/
    float: left;

    /*background-color: red;*/
}
/*.yuan-blue{*/
      /*width:80px;*/
      /*height: 80px;*/
      /*border-radius: 40px;*/
      /*background-color: #2babcf;*/
      /*margin-left: auto;*/
      /*margin-right: auto;*/
  /*}*/
.yuan-white{
    width:80px;
    height: 80px;
    border-radius: 40px;
    background-color:white;
    box-shadow: 0px 5px 0px #2babcf;
    margin: 10px auto 10px auto;

}
.yuan-white:hover{
    width:80px;
    height: 80px;
    border-radius: 40px;
    background-color:white;
    box-shadow: 0px 3px 0px #2babcf;
    margin: 10px auto 10px auto;
}
.yuan-white:hover img{
    margin-top: 25px;
}
.img{
    width: 40px;
    height: 40px;
    margin-left: 20px;
    margin-top: 20px;
}
.container-p{
    font-family: 微软雅黑;
    font-size: 14px;
    color: #333333;
    padding-top: 15px;
    opacity: 0.8;
    line-height: 25px;
    margin-top: 20px;
    margin-left: 25px;
    width: 280px;

}
.container-min{
    color: white;
    display: block;
    width: 334px;
    /*height: 300px;*/
    float: left;
    /*background-color: blue;*/
}
.container-right{
    color: white;
    display: block;
    width: 333px;
    /*height: 300px;*/
    float: left;
    /*background-color: green;*/
}
.row{
    width: 100%;
    height: 180px;
}
.footer {
    width: 100%;
    height: 280px;
    background-color: #171717;
    /*margin-bottom: 0px;*/
}
.footer-left{
    margin-left: 20%;
    /*padding-top: 5px;*/
    color: white;
    display: block;
    width: 25%;
    float: left;

}
.footer-min{
    color: white;
    display: block;
    width: 25%;
    float: left;

}
.footer-right{
    display: block;
    float: left;
    color: white;
}
.footer-h4{
    margin-top: 25px;
    font-family: 微软雅黑;
    font-size: 14px;
}
.footer-p{
    margin-top: 15px;
    font-family: 微软雅黑;
    font-size: 12px;
    opacity: 0.8;/*透明度*/
}
.footer-img{
    width: 20px;
    height: 20px;
    vertical-align: middle
}
.gf{
    width: 100px;
    height: 100px;
}
.link-1{
    /*padding-top:150px;*/
    /*padding-left: 300px;*/
}
.footer-link{
    font-family: 微软雅黑;
    font-size: 14px;
    color: white;
    /*!*width: 100%;*!*/

    background-color: #171717;

}
.link{
    color: white;
    text-decoration: none;
    width: 60%;
}