@charset "utf-8";
/* CSS Document */

#topic-muqinjie {
    position: relative;
    height: 1435px;
    z-index: 5
}

.bg {
    background: url(../img/bg.jpg) #210146 center 102px no-repeat;
    width: 100%;
    min-width: 1000px;
    height: 1435px;
    position: fixed;
    background-attachment: fixed;
    top: 102px;

}

.main-container {
    position: absolute;
    right: 0;
    top: 102px;
    width: 50%;
    margin-top: 0px
}

.main-bg {
    background-color: rgba(33, 2, 71, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99210247, endColorstr=#99210247);
}

.main-cont {
}

.first {
    background: url(../img/first.png) no-repeat;
    height: 780px;
}

.first-03 {
    margin-left: 15px;
    background: url(../img/first-03.png) no-repeat;
    height: 458px;
}

.second-cont {
    margin-top: 34px;
}

.second-title {
    background: url(../img/second-title.png) no-repeat;
    height: 49px;
    margin-left: -4px;
    display: block;
}

.second-01 {
    background: url(../img/second-01.png) no-repeat;
    height: 720px;
    margin-top: 5px;
    margin-left: 10px;
}

.second-02 {
    background: url(../img/second-02-title.png) no-repeat;
    height: 74px;
    margin-top: 46px;
    margin-left: 8px;
}

.second-03 {
    background: url(../img/second-03.png) no-repeat;
    margin-left: 28px;
    padding-bottom: 20px;
}

.button-detail, .button-detail:hover {
    width: 94px;
    height: 31px;
    display: block;
    margin-left: 288px;
}

.button-detail {
    background: url(../img/button-detail.png) no-repeat;
}

.button-detail
.button-detail:hover {
    background: url(../img/button-detail-hover.png) no-repeat;
}

.second-04 {
    background: url(../img/second-04.png) no-repeat;
    margin-left: 28px;
    margin-top: 20px;
    padding-bottom: 20px;
}

.prod-img {
    height: 197px;
    width: 423px;
    display: block;
    margin-bottom: 190px;
}

.prod-img--bigger {
    margin-bottom: 230px;
}

.prod-img02 {
    margin-bottom: 236px;
}

/*.second-03 .prod-img{margin-bottom: 150px;}
*/
.old-man {
    color: #e3def2;
    font: 18px "Microsoft Yahei", "simsun", sans-serif;
    display: inline-block;
    padding: 10px 0 10px 30px;
}

.old-man span {
    color: #e9e607;
    font: 14px "Microsoft Yahei", "simsun", sans-serif;
}

.old-man:hover {
    color: #e3def2;
    text-decoration: none;
}

.third-cont {
    margin-top: 34px;
    padding-bottom: 40px;
}

.third-title {
    background: url(../img/third-01-title.png) no-repeat;
    height: 49px;
    margin-left: -4px;
    display: block;
}

.third-02 {
    background: url(../img/third-02.png) no-repeat;
    height: 746px;
    margin-left: 4px;
}

.third-03 {
    background: url(../img/third-03.png) no-repeat;
    height: 68px;
    margin-top: 35px;
    margin-bottom: 3px;
}

.third-04 {
    background: url(../img/third-04.png) no-repeat;
    padding-bottom: 20px;
    margin-left: 30px;
    height: 482px;
}

.third-05 {
    background: url(../img/third-05.png) no-repeat;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-left: 30px
}

.third-06 {
    background: url(../img/third-06.png) no-repeat;
    height: 200px;
    margin-left: 30px; /* margin-bottom:40px;*/
}

.adrift {
    position: fixed;

}

.adrift-top {
    background: url(../img/adrift-top.png) 0 1px no-repeat;
    width: 146px;
    height: 33px;
}

.adrift-cont {
    background-color: #771e60;
    width: 140px;
    border-left: 2px solid #33145a;
    border-right: 2px solid #33145a;
    border-bottom: 2px solid #33145a;
    height: 232px;
    margin-left: 1px;
}

.safety, .healthy {
    display: block;
    font: 16px "Microsoft Yahei", "simsun", sans-serif;
    color: #e3def2;
    padding: 15px 0 14px 15px;
    border-bottom: 1px solid #5d154e;
}

.safety:hover, .healthy:hover {
    background-color: #311258;
    color: #e3def2;
    text-decoration: none;
}

.share {
    margin-top: 5px;
}

.service-online {
    background: url(../img/online-bg.png) no-repeat;
    height: 43px;
    display: block;
}

.adrift-service .service {
    display: none;
}

.weixin-share {
    display: none;
}

.weixin-share-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    z-index: 999;
}

.weixin-share-content {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 281px;
    height: 384px;
    margin: -197px 0 0 -140px;
    border: 6px solid #fff;
    text-align: center;
    color: #fff;
    font-family: 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
    z-index: 1000;
}

.weixin-share-content .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    height: 27px;
    background: url(../img/share-close.png) no-repeat;
}

.weixin-share-image {
    margin-top: 40px;
}

.weixin-share-title {
    font-size: 24px;
    margin: 5px 0 -3px;
}

.weixin-share-subTitle {
    font-size: 18px;
}

footer {
    display: none;
}

#xyz-top {
    position: fixed;
}

#xyz-header {
    position: fixed;
    top: 30px;
    z-index: -1;
}