body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    font-size: 12px;
    color: #616161;
    font-family: Verdana, "Microsoft YaHei", Simsun;
}
fieldset, img {
    border: 0;
}
ol, ul {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}
em {
    font-style: normal;
}
input, button, select, textarea {
    outline: none;
}
textarea {
    resize: none;
}
a {
    color: #616161;
    text-decoration: none;
}
a:hover {
    color: #626262;
    text-decoration: none;
}
.clear:before, .clearfix:after {
    content: "";
    display: table;
}
.clear:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.clear {
    zoom: 1;
}

.cpys_flexBox {
  margin-right: auto;
  margin-left: auto;
}

.banner-box .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 122px;
  z-index: 666; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 22px; }

.banner-box .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  background: transparent;
  opacity: 1; }

.swiper-container .swiper-pagination-bullet-active {
  background: #fff; }

header {
    position: fixed;
    top: 0;
    height: 72px;
    width: 100%;
    z-index: 100;
    background: rgba(206, 206, 206, 0.43); }

.header-box {
    background: url(../images/fenge.png) no-repeat;
    background-size: 100% 2px;
    background-position: center bottom; }

header .container {
    height: 72px; }

.login-txt {
    height: 32px;
    line-height: 32px;
    float: right;
    color: #313132;
    text-align: center;
    margin-top: 22px;
}
.login-txt a:hover {
    text-decoration: underline;
}
.login {
    width: 100px;
    height: 32px;
    cursor: pointer;
    float: right;
    border: 1px solid #007aff;
    border-radius: 20px;
    color: #313132;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    margin-top: 22px;
    margin-right: 12px; }

.header-box a {
    text-decoration: none;
    color: #313132; }

.login:hover {
    background: #fff; }

.regiser:hover {
    background: #fff; }

.regiser {
    cursor: pointer;
    width: 100px;
    height: 32px;
    float: right;
    font-size: 16px;
    color: #313132;
    border: 1px solid #007aff;
    border-radius: 20px;
    line-height: 32px;
    text-align: center;
    margin-top: 22px; }

.logo {
    width: 180px;
    height: 48px;
    float: left;
    margin-top: 12px;
    display: block; }

.phone {
    float: right;
    line-height: 70px;
    padding-left: 28px;
    color: #000;
    background: url(../images/phoneblack.png) no-repeat left center;
    background-size: 16px 20px;
    font-size: 14px; }

.bogobox {
    padding-left: 0; }

.logo img {
    width: 180px;
    height: 48px; }

.four {
    height: auto;
    margin-top: 30px; }

.rmtj {
    padding-top: 30px; }

.navcantainer a:hover {
    color: #1872d0; }

nav {
    width: 100%;
    height: 73px;
    margin-top: 72px;
    background: transparent url("../images/bunch/nav_bg.png") no-repeat; }
nav .container {
    margin: 0 auto;
    height: 73px;
    line-height: 73px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
nav .container > div {
    height: 62px;
    flex: 1;
    font-size: 16px; }
nav .container > div > a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #181818; }
nav .container > div > a:hover {
    color: #1872d0; }
nav .container > div.CDN {
    position: relative; }
nav .container .toggle_box {
    display: none;
    width: 186px;
    height: 288px;
    position: absolute;
    left: 10px;
    top: 72px;
    background: #fff;
    text-align: left;
    z-index: 299; }
nav .container .toggle_box a {
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer; }
nav .container .toggle_box a.active {
    color: #000;
    background: #f2f6f9;
    position: relative; }
nav .container .toggle_box a.active:after {
    content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    background: #1872d0;
    top: calc(50% - 6px);
    right: 20px; }

section h3 {
    color: #333;
}
footer {
    background: #f8f8f8; }
footer .qq{ cursor:pointer; display:inline-block; *display:inline; zoom:1; height:22px; width:22px; background:url("../images/qq.png") no-repeat; position:relative; left:0; top:6px}
.footer_top {
    padding: 16px 0;}

.letf_title {
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 24px;
    color: #181818;
    border-bottom: 1px solid #999; }
.letf_title div {
    cursor: pointer; }

.left_con {
    padding-top: 22px; }

.left_con span,
.left_con p {
    font-size: 14px;
    height: 14px;
    color: #181818; }

.left_con p {
    margin-top: 14px; }

.footer_top .right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit--moz-box-pack: center;
    box-pack: center;
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center; }

.footer_top .right .vText {
    width: 20px;
    margin-left: 30px;
    line-height: 16px;
    font-size: 16px;
    text-align: center; }
.footer_top a {
    color:#181818;
}
.footer_bottom {
    line-height: 180%;
    border-top: 1px solid #999;
    font-size: 12px;
    color: #181818;
    padding: 20px 0; }

.footer_bottom span {
    margin-left: 5px; }

.runmar {
    font-size: 18px;
    color: #1872d0;
    margin-top: 20px;
    margin-bottom: 30px; }

#register .form-group {
    margin-bottom: 8px !important;
}
.help-block {
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px !important;
}
.error, .txt-err {
    float: left;
    font-weight: normal;
    font-size: 12px;
    margin-right: 8px;
    color: rgb(198, 97, 97);
}
.help-block .txt-tips {
    float: left;
    font-size: 12px;
    margin-right: 8px;
}
.showPwdText {
    float: left;
}
.register {
    background: #fff;
}

.flt_l{ float:left;}
.flt_r{ float:right;}
.rightBar{ width:50px; position:fixed; right: 0; top:35%; z-index:100}
.rightBar .link{ display:block; width:50px; height:50px; background:#1872d0; margin:1px 0 0 0; position:relative; left:0; top:0; transition:all linear .2s}
.rightBar .link .img{ display:block}
.rightBar .link .lChi{ visibility:hidden; opacity:0; filter:alpha(opacity = 0); height:50px; position:absolute; right:49px; top:0; padding:0 20px 0 0; overflow:hidden; transition:all linear .2s}
.rightBar .link .lChi .ar{ display:block; position:absolute; right:10px; top:15px}
.rightBar .link .lChi .txt{ display:block; height:50px; line-height:50px; font-size:14px; color:#fff; padding:0 20px; white-space:nowrap; border-radius:4px; background:url("../images/optBg.png") repeat;}
.rightBar .link:hover{ background:#135aa4;}
.rightBar .link:hover .lChi{ visibility:visible; opacity:1; filter:alpha(opacity = 100);}
.rightBar .link:hover .wxgzh,.rightBar .link:hover .chis{ display:block}
.rightBar .first{ cursor:default; border-top-left-radius:4px; border-top-right-radius:4px;}
.rightBar .last{ border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.rightBar .wxgzh{ display:none; position:absolute; top:-11px; left:-192px; width:188px; height:258px; }
.rightBar .chis{ display:none; padding:0 25px 0 0; width:158px; position:absolute; left:-180px; top:-50px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

.rightBar .chis .ars{ display:block; width:12px; height:22px; background:url("../images/arrIc.png") no-repeat 0 0; position:absolute; right:14px; top:70px; z-index:2}
.rightBar .cIns{ border-radius:3px; overflow:hidden; background:#fff; padding:15px 0;box-shadow: 0 0 16px #dcdbdb;}
.rightBar .csIn{ width:182px; margin:0 auto; position:relative; left:0; top:0; background:url("../images/lines.jpg") repeat-y center 0}
.rightBar .csIn .tt{ display:block; height:20px; line-height:20px; font-size:16px; color:#333; text-align:left; font-weight:bold}
.rightBar .csIn .rows{ height:48px; border-bottom:1px dashed #eee; text-align:left; font-size:0}
.rightBar .csIn .rows .lt{ display:inline-block; *display:inline; zoom:1; line-height:48px; font-size:14px; color:#666; width:80px; text-align:left}
.rightBar .csIn .rows .qq{ cursor:pointer; display:inline-block; *display:inline; zoom:1; height:22px; width:22px; background:url("../images/qqOn.jpg") no-repeat; position:relative; left:0; top:6px}
.rightBar .csIn .rows .qq:hover{ background:url("../images/qqOn.jpg") no-repeat}
.rightBar .csIn .rows .wx{ display:inline-block; *display:inline; zoom:1; height:22px; width:22px; background:url("../images/wxOn.jpg") no-repeat; margin-left:8px; position:relative; left:0; top:6px}
.rightBar .csIn .rows .wx:hover{ background:url("../images/wxOn.jpg") no-repeat}
.rightBar .csIn .col{ width:140px}
.rightBar .mgt{ margin-top:8px}

.kfEwmR{ display:none; position:fixed; left:0; top:0; z-index:101; width:129px; height:129px; padding:18px 16px 15px 19px; background:url("../images/ewmBgR.png") no-repeat 0 0}
.kfEwmR img{ display:block; width:129px; height:129px;}
.kfEwmL{ display:none; position:fixed; left:0; top:0; z-index:101; width:129px; height:129px; padding:18px 19px 15px 16px; background:url("../images/ewmBgL.png") no-repeat 0 0}
.kfEwmL img{ display:block; width:129px; height:129px;}

.rightBar .csIn{width:120px;background:none;}
.rightBar .csIn .col{width:200px;}
.rightBar .csIn .rows{width:115px; float:left;}
.rightBar .csIn .hour24{width:200px;}
.rightBar .csIn .austin{margin-top:20px;}
.cqq-txt {
    position: relative;
}
.cqq-txt .cqq {
    position: absolute;
    top: -9px;
    left: 58px;
}

.box-h {
    background: #f8f8f8; }

.mart-dt .no_margin {
    padding: 15px 0;
    background: #fff;
}

.mart-dt .container {
    font-size: 16px;
    margin: 0 auto;
}

.mart-dt .container > div[class*='col-'] {
    min-height: 50px;
    vertical-align: middle;
    border-right: 1px solid #999;
    display: flex;
    align-items: center;
    justify-content: center; }

.mart-dt .container > div[class*='col-']:nth-child(4) {
    border: 0; }

.mart-dt .container b {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    color: #343434;
}
.ewm-img{ width: 128px; height: 128px; float: left;}
.ewm-txt{ width: 15px; float:left; line-height: 130%; margin-left: 6px; font-size: 14px;}

.modal-footer {
    padding: 15px 25px 15px 15px;
}
.modal .lt{ display:inline-block; *display:inline; zoom:1; line-height:48px; font-size:14px; color:#666; width:58px; text-align:left}
.modal .qq { cursor:pointer; display:inline-block; *display:inline; zoom:1; height:22px; width:22px; background:url("../images/qqOn.jpg") no-repeat; position:relative; left:0; top:6px}

@media (max-width: 768px) {
    nav {
        height: 50px;
        margin-top: 72px;
}
    nav .container {
        margin: 0 auto;
        height: 50px;
        line-height: 50px;
        padding: 0 10px;
}
    nav .container a {
        height: 43px;
        flex: 1;
        font-size: 14px;
    }
    nav .container > div {
        height: 42px;
        flex: 1;
        font-size: 16px; }
    nav .container .toggle_box {
        left: 0;
        top: 50px;}
    .logobox .phone {
        display: none; }
    .rmtj {
        padding-top: 20px; }
    .four {
        height: auto;
        margin-top: 12px; }
    .left_con {
        padding: 22px 0 12px;
    }

    .left_con p {
        margin: 8px 0 0 0; }
    .left_con span, .left_con p {
        font-size: 12px;
        height: 14px;
    }

    .footer_bottom p {
        margin: 0;
    }
    .letf_title {
        text-align: center;
        font-size: 14px;
        padding-bottom: 10px;}

    .footer_bottom {
        padding: 12px 0; }

    .rightBar .chis{width:288px; position:absolute; left:-310px; top:-50px;}
    .rightBar .csIn{ width:250px;}
    .rightBar .csIn .col{width:250px;}
    .rightBar .csIn .rows{width:125px; float:left;}
    .rightBar .csIn .hour24{width:250px;}

    .footer_top {
        padding: 16px 0 0;
    }
    .footer_top .left_con .row {
        margin-bottom: 10px;
        margin-left: 15px;
    }
    .footer_top .l_img {
        width: 40px;
    }
    .footer_top .col-xs-9 {
        padding: 0 0 0 20px;
    }
    .footer_top .footer_img {
        width: 90px;
    }
    .mart-dt {
        margin: 10px 0;
    }
    .mart-dt .no_margin {
        padding: 10px 0;
    }
    .mart-dt .container {
        margin: 0 auto;
    }
    .mart-dt .container > div[class*='col-'] {
        min-height: 22px;
        vertical-align: middle;
        display: flex;
        align-items: center;
        justify-content: center; }
    .mart-dt .container b {
        font-size: 14px; }
    .mart-dt .container {
        font-size: 12px;
    }
    .mart-dt .container > div[class*='col-']:nth-child(even) {
        border: 0; }

    nav .container .toggle_box {
        width: 120px;
        height: 210px;
        left: 0;
        top: 50px;
    }
    nav .container .toggle_box a {
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }
    .login-txt {
        height: 22px;
        line-height: 22px;
        float: right;
        color: #313132;
        text-align: center;
        margin-top: 15px;
    }
}

.sidebar_pc_qq,.sidebar_ipad_qq,.sidebar_wap_qq {
    display:none;
}
@media (min-width: 1200px) {
    .sidebar_pc_qq {
        display: inline-block;
    }
}

@media (min-width: 600px) and (max-width: 1200px){
    .sidebar_ipad_qq {
        display: inline-block;
    }
    .rightBar .chis {
        width: 138px;
        left: -160px;
    }

    .rightBar .csIn {
        width: 100px;
    }

    .rightBar .csIn .col {
        width: 100px;
    }
}

@media (max-width: 600px) {
    .sidebar_wap_qq {
        display: inline-block;
    }
    .rightBar .chis {
        width: 138px;
        left: -160px;
    }

    .rightBar .csIn {
        width: 100px;
    }

    .rightBar .csIn .col {
        width: 100px;
    }
}