﻿body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, del, dfn, em, img, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, button, input, table, caption, tbody, tfoot, thead, tr, th, td, menu {
    margin:0;
    padding:0;
}
body{background-color:#000000;}
body{background-image:url(../image/beijing-1.jpg);background-size: 100% auto;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display:block;
}
audio, canvas, video {
    display:inline-block;
    *display:inline;
    *zoom:1;
}
audio:not([controls]) {
    display:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
ol, ul, menu, li{
    list-style:none;
}
input {
    border-radius: 5px;
    padding:8px;
}
img {
    border:0;
}
a{text-decoration : none;color: #FFE39E;}
a:hover{text-decoration:underline;}
a:focus {
    outline:none;
}
a:link{

    text-decoration:none;
}
a:visited{

    text-decoration:none;
}
a:hover{
    -moz-opacity:0.68 !important;
    filter:alpha(opacity=68);
    opacity: 0.68;
    _-moz-opacity:0.68;
    text-decoration:none;
}
a:active{

    text-decoration:none;
}
em, i {
    font-style: normal;
}
button, input, select, textarea {
    font-size:100%;
    margin:0;
    vertical-align:-3px;
    outline:none;
}
button, input {
    border:1px solid;
    outline:none;
    line-height:normal;
}
/*******top******/
.zxzengjia {width:1000px;margin:0 auto;}
#top {
    width: 100%;
    height: 60px;
    background-color:#0E0E0E;
    overflow:hidden;
    border-bottom: 1px solid #252525;

}
#top ul li{
    float: left;
    font-size: 20px;
    line-height:60px;
    color: #ffffff;
}
.top_left {

}
.top_right {
    float:right;
    color:#FFF;

}
.top_right a{color:#FFF;}
.top_right span{margin-left:32px;color: #ffffff;}
.top_right .ico1 {
    /*  background: url(../images/topico1.png) no-repeat;   */
}
.top_right .ico2 {
    background: url(../image/topico2.png) no-repeat;
}
.top_right .ico3 {
    background: url(../image/topico3.png) no-repeat;
}
.biankuang {
    padding:8px;
    padding-left:15px;
    padding-right:15px;
    margin:0 auto;
    border: 1px solid #FFE39E;; /* 边框大小、颜色 */
    border-radius: 5px; /* 边框圆角 */
    box-shadow: 0 0 2px #FFE39E;; /* 边框阴影 */
}
#xz_banner {
    width: 1000px;
    height:auto;
    margin:0 auto;
    overflow:hidden;
}
.xzdenglu {color:#fff;margin-bottom:20px;}

.xzdenglu input[type="radio"]{
    display:none;
}
.xzdenglu input[type="radio"] + span{
    padding:0.2em 1em;
    border:1px solid #FFE39E;
    border-radius:0.1em;
    color:#999;
}
.xzdenglu input[type="radio"]:checked + span {
    padding: 0.2em 1em;
    border: 1px solid #FFE39E;
    border-radius: 0.1em;
    background: #FFE39E;
    color: #333;
}
.xz_biaoti {width:100%;margin:0 auto;text-align:center;margin:20px;margin-bottom:10px;font-size:22px;font-weight:700;}
.xz_neirong {width:100%;}
#container {
    width: 100%;
    overflow: hidden;
}
.sections,.section {
    height:100%;
}
#container,.sections {
    position: relative;
}
.section {
    background-color: #000;
    background-size: cover;
    background-position: 50% 50%;
    text-align: center;
    color: white;
}
#section0 {
    background-image: url('../image/banner1.jpg');
}
#section1 {
    background-image: url('../image/banner2.jpg');
}
#section2 {
    background-image: url('../image/banner3.jpg');
}
#section3 {
    background-image: url('../image/banner4.jpg');
}
#section5 {
    background-image: url('../image/banner5.jpg');
}
#section6 {
    background-image: url('../image/banner6.jpg');
}
/*******middle*******/
#anniu {
    width: 100%;
    height:auto;
    margin:0 auto;
    overflow:hidden;
}
.anniu{
    margin-top:10px;
    margin-bottom:10px;
    font-size: 18px;
    font-weight: bold;
    padding: 0px 19px 0px;
    overflow:hidden;
}
#lanmu {
    width: 100%;
    height:auto;
    margin:0 auto;
    overflow:hidden;
}
#lanmu .lanmu_a{
    width:1000px;
    margin:0 auto;
    height:auto;
    overflow:hidden;
}
#lanmu ul li{
    width:11%;
    height:auto;
    float:left;
    margin:10px;
    text-align:center;
    padding:15px;
    font-size:18px;
    color: #ffffff;
    border: 1px solid #353535; /* 边框大小、颜色 */
    border-radius: 5px; /* 边框圆角 */
    box-shadow: 0 0 2px #353535; /* 边框阴影 */
    background: #181818;
}






#lanmuabc {
    width: 100%;
    height:auto;
    margin:0 auto;
    overflow:hidden;
}
#lanmuabc .lanmuabc_a{
    width:1000px;
    margin:0 auto;
    height:auto;
    overflow:hidden;
}
#lanmuabc ul li{
    width:11%;
    height:auto;
    float:left;
    margin:10px;
    text-align:center;
    padding:15px;
    font-size:18px;
    border: 1px solid #303030;; /* 边框大小、颜色 */
    border-radius: 5px; /* 边框圆角 */
    box-shadow: 0 0 2px #303030;; /* 边框阴影 */
    background: #181818;
}





#lanmuabc-2 {
    width: 100%;
    height:auto;
    margin:0 auto;
    overflow:hidden;
}
#lanmuabc-2 .lanmuabc_a-2{
    width:1000px;
    margin:0 auto;
    height:auto;
    overflow:hidden;
}
#lanmuabc-2 ul li{
    width:11%;
    height:auto;
    float:left;
    margin:10px;
    text-align:center;
    padding:15px;
    font-size:18px;
    border: 1px solid #303030;; /* 边框大小、颜色 */
    border-radius: 5px; /* 边框圆角 */
    box-shadow: 0 0 2px #303030;; /* 边框阴影 */
    background: #181818;
}








#ouboindex {
    width: 100%;
    height:auto;
    margin:0 auto;
    overflow:hidden;
    margin-top: 30px;
}
.ouboindex {
    width:1000px;
    margin:0 auto;
    height:auto;
    overflow:hidden;

}
.gundong {
    width: 540px;
    height:auto;
    margin:0 auto;
    overflow:hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}
.gundongtxt {

    margin:0 auto;
    height:auto;
    overflow:hidden;
    color: #FFF;
}
.laba {float:left;font-size:20px;color:#FFE39E;margin-left: 10px;}
.laba img{width:20px;height:auto;line-height:20px;}
.labatxt {float:left;margin-left:10px;font-size:20px;}
.bianshiwan {
    padding: 9px 12px 10px 12px;
    margin: 0 auto;
    border: 1px solid #353535;
    border-radius: 5px;
    box-shadow: 0 0 2px #353535;
    margin-left: 10px;
    font-size: 16px;
}
.labaaa {
    font-size: 20px;
    color: #FFE39E;
    margin-left: 10px;
}
.labaaa img{width:20px;height:auto;line-height:20px;}
/******wap*****/
input[disabled]{color:#AAAAAA;opacity:1;}
#toubu{height:60px;background:#000;/**position:fixed;*/top:0px; width:100%;border-bottom: 1px solid #333;}
#toubu ul li{float:left;line-height:60px;width:100px;margin:0 auto;margin-left:15%;margin-right: 4.5%;}
#toubu .waplogo{float:left;width:100px;margin:0 auto;margin-top:5px;margin-left: 4.5%;}
#biansea {
    font-size: 18px;
    /*border: 1px solid #FFE39E;*/
    padding: 26px 0px 0px 0px;
    border-radius: 5px;
    line-height: 25px;
    padding-left: 0%;
    padding-right: 7%;
    width:100%;
    margin: 0 auto;
    overflow:hidden;
    text-align:center;
}
/****waphdp****/
.slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.slider__slides {
    position: relative;
    width: 400%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.51, 0.92, 0.24, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.51, 0.92, 0.24, 1);
    transition: transform 0.3s cubic-bezier(0.51, 0.92, 0.24, 1);
    transition: transform 0.3s cubic-bezier(0.51, 0.92, 0.24, 1), -webkit-transform 0.3s cubic-bezier(0.51, 0.92, 0.24, 1);
    will-change: transform;
}
.slider[data-pos="0"] .slider__slides {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}
.slider[data-pos="1"] .slider__slides {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
}
.slider[data-pos="2"] .slider__slides {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.slider[data-pos="3"] .slider__slides {
    -webkit-transform: translateX(-75%);
    transform: translateX(-75%);
}
.slider__slide {
    float: left;
    width: 25%;
    height: 100%;
}
.slider__dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 1.5em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.slider__dot, .slider__indicator {
    display: block;
    margin: 0 0.5em;
    width: 1em;
    height: 1em;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100px;
}
.slider__indicator {
    position: absolute;
    background: white;
    width: auto;
}
.slider__indicator--left {
    -webkit-transition: left 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15);
    transition: left 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15);
}
.slider__indicator--right {
    -webkit-transition: left 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15);
    transition: left 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15);
}
.slider[data-pos="0"] .slider__indicator {
    left: 0em;

}
.slider[data-pos="1"] .slider__indicator {
    left: 2em;

}
.slider[data-pos="2"] .slider__indicator {
    left: 4em;

}
.slider[data-pos="3"] .slider__indicator {

    right: 6em;
}
.slider[data-pos="4"] .slider__indicator {

    right: 8em;
}
.slider[data-pos="5"] .slider__indicator {

    right: 10em;
}
.slider[data-pos="6"] .slider__indicator {

    right: 12em;
}
.slider img{
    width:100%;
}
.center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 188px;
    margin-top:8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*background: #333;*/
}

.slider {
    max-width: 600px;
    max-height: 460px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
.slider__slide:nth-child(1) {
    background: #309954;
}
.slider__slide:nth-child(2) {
    background: #FFBD3C;
}
.slider__slide:nth-child(3) {
    background: #F8593E;
}
.slider__slide:nth-child(4) {
    background: #4086FA;
}
.slider__slide:nth-child(5) {
    background: #309954;
}
.slider__slide:nth-child(6) {
    background: #FFBD3C;
}
#footer {margin-top:30px;}
#footer .text2 {
    color: #d8d8d8;
    font-size: 16px;
    line-height: 32px;
    text-align:center;
}
img {
    vertical-align: middle;
}
.div-a{ float:left;width:49%;}
.div-b{ float:left;width:49%;}
.div-a-bywz{ float:left;width:49%;}     /** 自己另外i增加 **/
.div-b-bywz{ float:left;width:49%;}    /** 自己另外i增加 **/
.juzhong span{line-height:30px;}
@media (max-width: 608px){
    .div-a{ width:100%;}
    .div-b{ width:100%;}
    .div-a-bywz{ width:100%;}    /** 自己另外i增加 **/
    .div-b-bywz{ width:100%;}    /** 自己另外i增加 **/
    .juzhong {width:96%!important;}
}
.yazhengma img{width: 80px!important;}
.viao {width:500px;}
.juzhong {/*自己注释 margin:0px 10px 0px 10px; */color:#e7ce8f;width: 950px;}
.fanhui {float:right!important;width:70px!important;}
.fanhui img{float:left;width:40px;}
.shouyejuzhong {text-align: center;color:#ffffff;font-size:18px;width: 100%;}
.xiazaiaa{
    margin:0 auto;
    width:100%;
    height:40px;
    color: #FFE39E;
    margin-bottom: 15px;
    margin-top:15px;
    border-radius: 5px;
    line-height: 40px;
    text-align: center;
    margin: 15px;
}
.xiazaiaa a{
    color: #FFE39E;
    /*自己注释  font-weight:bold;*/
    font-size: 20px;
}
#footer {
    margin-top: 50px;
}
.shoujixiazai a{
    background: #000;
    color: #FFF;
    width: 200px;
    border: 1px solid #FFE39E;
    line-height: 40px;
    margin:0 auto;
    text-align: center;
    float: left;
    list-style-type: none;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 0;
    margin-bottom: 15px;
    border-radius: 5px;
    font-size: 18px;
}
#indexloginbox2sj ul li {
    background: #181818;
    color: #FFE39E;
    width: 93%;
    border: 1px solid #303030;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
    float: left;
    list-style-type: none;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
#indexloginbox2sj ul a {
    color: #FFE39E;
    font-size: 18px;
    /*自己注释的：padding: 10px; */
    /*  font-weight: bold;  */
    text-align: center;
}
.mainzj{
    margin:0 auto;
}
.zhucebiaoge {
    width:340px;
    height:360px;
    border:0;
    cellpadding:0;
    cellspacing:0;
    border-collapse: separate;
    border-spacing: 0px 10px;
}
.yijdd {width:160px;}
.zhucebiaoge .tiaozheng {width:100px;}
.div-a{ float:left;width:46%;}
.div-b{ float:right;width:46%;}
.div-a-bywz{ float:left;/**自己注释： width:46%;**/}     /** 自己另外i增加 **/
.div-b-bywz{ float:right;/**自己注释：width:46%;**/}    /** 自己另外i增加 **/
.container i{margin-left:10px;}
@media (max-width: 608px){
    .div-a{ width:46%;margin-left:-5px;}
    .div-b{ width:46%;float:left;margin-left:13px;}
    .div-a-bywz{ width:46%;margin-left:-5px;}     /** 自己另外i增加 **/
    .div-b-bywz{ width:46%;float:left;margin-left:13px;}    /** 自己另外i增加 **/
    .zhucebiaoge {width:760px;}
    .bianshiwan {
        margin-left: 4px;
        font-size: 16px;
        padding:10px;
        /* border:none; */
        background: #090909;
    }
    .shouyejuzhong {font-size:18px;}
}
a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}
@media (max-width: 768px){
    #lanmu .lanmu_a{
        width:100%;
    }
    #lanmu ul li{
        width:40%;
        padding:12px 11px 12px 11px;
        margin:5px;
    }
    #lanmuabc .lanmuabc_a{
        width:100%;
    }
    #lanmuabc ul li{
        width:40%;
        padding:12px 11px 12px 11px;
        margin:5px;
    }
    .zhucebiaoge .tiaozheng {width:462px;}
    .yijdd {width:150px;}
    #wapfenge {margin-top:85px;}
    nav.navbar {
        color: rgb(255, 227, 158);
        font-family: ΢���ź�, "Microsoft JhengHei";
        background: url(https://www.qibo42.com/static/images/logob.png) no-repeat;
        padding: 15px 0px 0px 0;
    }
    .juzhong img{width:99%!important;height:auto!important;margin:5px;}
    .viao {width:100%;}
    .yazhengma img{width: 120px!important;}
    .ouboindex {width:100%!important;}
    #indexloginbox2sj ul li{width:91%!important;margin:8px!important;}
    .gundongtxt {width:100%;}
    #footer {margin-top:50px!important;}
    .shouyejuzhong {width: 100%;}
    #toubu .waplogo{float:left;width:100px;margin:0 auto;margin-left: 4.5%;}
    .wenzilogo {
        font-size:24px;
        line-height: 60px;
        color: #fff;
        width: 390%;
    }
}
/***********/
.anniubb {
    font-size: 18px;
    padding: 15px 15px 15px;
    background-color: #333;
    font-weight: normal;
    border-radius:3px;
}
.green.button { -webkit-animation-name: greenPulse;animation-name: greenPulse; -webkit-animation-duration: 2s;animation-duration: 2s; }
.magenta.button { -webkit-animation-name: magentaPulse; -webkit-animation-duration: 2s; }
.orange.button { -webkit-animation-name: orangePulse; -webkit-animation-duration: 2s; }
.orangellow.button { -webkit-animation-name: orangellowPulse; -webkit-animation-duration: 2s; }

.wall-of-buttons { width: 100%; height: 500px; text-align: center; }
.wall-of-buttons a.button { display: inline-block; margin: 0 30px 30px 0; }

/* playground.css */
.button { background: #222 url(https://www.qibo42.com/static/css/overlay-button.png) repeat-x 0 0; display: inline-block; padding: 5px 15px 6px; color: #ffffff !important; font-size: 13px; font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto; }
button::-moz-focus-inner { border: 0; padding: 0; }

.button:hover { background-color: #666; color: #fff; }
/* Small Buttons */
.small.button { font-size: 11px; }
/* Large Buttons */
.large.button { font-size: 18px; padding: 15px 15px 15px; }
/* Colors for our beloved buttons */
.green.button { background-color: #91bd09; }
.green.button:hover { background-color: #749a02; }
.blue.button { /*background-color: #333;*/ font-weight: normal; }
.blue.button:hover { background-color: #666; }
.red.button { background-color: #9a2303; }
.red.button:hover { background-color: #872300; }
.magenta.button{ background-color: #a9014b; }
.magenta.button:hover { background-color: #630030; }
.orange.button {background-color: #ff5c00;}
.orange.button:hover { background-color: #d45500; }
.orangellow.button { background-color: #ffb515; }
.orangellow.button:hover { background-color: #fc9200; }
.white.button { background-color: #fff; border: 1px solid #ccc; color: #666 !important; font-weight: normal; text-shadow: 0 1px 1px rgba(255,255,255,1); }
.white.button:hover { background-color: #eee; }
.anniuaa {margin-bottom:20px;}
.sjbdmap{display: none;}
@media (max-width: 768px){.sjbdmap{display: block !important;}
    .pcbdmap{display: block;}
    @media (max-width: 768px){.pcbdmap{display: none;}