/* 公共样式 */



body {

    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;

}

.container {

    padding-left: 0;

    padding-right: 0;

}

/*公共头部*/

.header .other-address {

    background: #F0F0F0;

    padding: 10px 0;

}

.header .logobar {

    height: 80px;

}

.header .navbar-brand{

    float: left;

    width: 280px;

    height: 60px;

    background: url(../images/logo.png) no-repeat;

    background-position: 0px 12px;

}



.header p {

    display: inline-block;

    padding: 4px;

    border: 1px solid #7c9fb9;

    color: #639ac6;

    letter-spacing: 2px;

    margin-bottom: 0;

    margin-top: 23px;

    margin-left: 18px;



}

.header .pull-right {

    line-height: 78px;

}

.header .pull-right span {

    color: #4e4d4d;

    font-size: 16px;

}

.header .pull-right .tel {

    color: #ff6600;

    font-size:20px;

}

.header .pull-right img {

    margin-top:-2px;

}









.datashow {

    height: 60px;

    background: #ffffff;

    box-shadow: 0px 10px 8px #c8cbd5;

    position: relative;

}

.datashow .col-sm-3 {

    text-align: center;

}

.datashow .row a {



    line-height: 60px;

    margin-bottom: 0;

    font-size: 16px;

    text-decoration: none;

    color: #8d93a4;



}

.datashow .row .br {

    border-left: 3px solid #dbdbdb;

    padding-left:50px;

}

.datashow .row a span {

    color: #ff9900;

    font-size: 28px;

    padding: 0 10px;

    /*text-shadow: 2px 0px 0px #8b90a2;*/

}













.navbar-inverse {

    background-color: #0b183a;

    margin-bottom: 0;

    top: 0;

    width: 100%;

    border-radius:0;

}



.navbar {

    border:0;

}

.navbar-inverse .navbar-nav > li:nth-of-type(1){

    width: 85px;

    text-align: center;

}

.navbar-inverse .navbar-nav > li+li{

    width: 135px;

    text-align: center;

    border-left: 2px solid #0b183a;

}

.navbar-inverse .navbar-collapse {

    padding-right: 0;

    padding-left: 0;

}

@media (max-width: 1200px) {

    .navbar-inverse .navbar-nav > li+li {

        width: 150px;

        text-align: center;

    }

}

.navbar-inverse .navbar-nav > li > a {

    color: #fff;

    font-size: 16px;

}



.navbar-inverse .navbar-nav > li > a:hover,

.navbar-inverse .navbar-nav > li > a:focus {

    background-color: #0aabdb;

}



.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:hover,

.navbar-inverse .navbar-nav > .active > a:focus {

    background-color: #0aabdb;

}



.navbar-inverse .navbar-nav > .disabled > a,

.navbar-inverse .navbar-nav > .disabled > a:hover,

.navbar-inverse .navbar-nav > .disabled > a:focus {

    background-color: #0b183a;

}



.navbar-inverse .navbar-toggle {

    border-color: #ddd;

    margin-top: 10px;

    margin-bottom: 23px;

}



.navbar-inverse .navbar-toggle:hover,

.navbar-inverse .navbar-toggle:focus {

    background-color: #ddd;

}



.navbar-inverse .navbar-toggle .icon-bar {

    background-color: #888;

}



.navbar-inverse .navbar-collapse,

.navbar-inverse .navbar-form {

    border-color: #e7e7e7;

}



.navbar-inverse .navbar-nav > .open > a,

.navbar-inverse .navbar-nav > .open > a:hover,

.navbar-inverse .navbar-nav > .open > a:focus {

    color: #555;

    background-color: #e7e7e7;

}







.btn-common {

    background: #47c5eb;

    padding: 0;

    margin-top:40px;

    margin-bottom: 40px;

}



.btn-common  img {

    padding: 10px;

}

.btn-common  .pull-left {

    border-right:1px solid #6cd1ef;

}

.btn-common  .pull-right {

    padding: 16px 12px;

}



.btn-common  .pull-right p {

    margin-bottom: 0;

    color: #ffffff;

    font-size: 16px;

}



/*导航条*/

.navigation {

    height: 50px;

    border-bottom: 1px solid #f2f2f2;

}

.navigation .breadcrumb {

    background: #ffffff;

    line-height: 30px;

    margin-bottom: 0;

}





/*弹出框*/

#Modal-offer .modal-dialog,

#Modal-join .modal-dialog{

    margin-top:18%;

    width: 22%;

}

#Modal-offer .modal-content img,

#Modal-join .modal-content img

{

    position: absolute;

    width: 40%;

    top: -34%;

    left: 30%;

}

#Modal-offer .modal-header,

#Modal-join .modal-header {

    border-bottom: 0;

}

#Modal-offer .modal-body,

#Modal-join .modal-body{

    padding: 40px 70px 20px 15px;

}

#Modal-offer label,

#Modal-join label{

    color: #737896;

}

#Modal-offer .form-control,

#Modal-join .form-control{

    border-radius: 0;

}

#Modal-offer .btn-default,

#Modal-join .btn-default{

    border: 1px solid #0aaada;

    background: #0aaada;

    color: #ffffff;

    padding: 8px 18px;

    display: block;

}



@media (max-width: 1630px){





    #Modal-offer .modal-content img,

    #Modal-join .modal-content img

    {

        top: -26%;

    }



    .modal .modal-body {

        padding: 40px 40px 20px 15px;

    }

}

@media (max-width: 1520px) {

    .modal .modal-content img {

        top: -20%;



    }





    #Modal-offer .modal-body,

    #Modal-join .modal-body{

        padding: 40px 40px 20px 15px;

    }



}





@media (max-width: 1240px) {



    #Modal-offer .modal-body,

    #Modal-join .modal-body{

        padding: 26px 20px 10px 10px;

    }

}



.modal {

    z-index: 9999;

}









.footer {

    padding: 40px;

    border-bottom:1px solid #eeeeee;

    border-top: 1px solid #eeeeee;

}

.footer .address img {

    margin-bottom: 5px;

}



.footer .address p {

    margin-bottom: 5px;

    color: #12154a;

}

.footer .address .col-sm-4 {

    padding-right:0;

    font-size: 16px;

}

.footer .address .col-sm-8{

    padding-right:0;

    padding-left: 0;

}







.footer .dev_reg,

.footer .join_reg{

    background: #f3f5f8;

    border-radius: 8px;

    height: 212px;

}



.footer .dev_reg .media {

    background: #2ca9ce;

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;

}

.footer .dev_reg .media .media-left,

.footer .join_reg .media .media-left{

    padding: 5px 5px 5px 20px;

}



.footer .dev_reg .btn-offter {

    display: block;

    background: #2ca9ce;

    color: #ffffff;

    border-radius: 8px;

    font-size: 16px;

    padding: 5px 12px;

}

.footer .dev_reg p {

    color: #136fb4;

}

.footer .dev_reg .media .media-body {

    vertical-align: middle;

}

.footer .dev_reg .media .media-body .media-heading,

.footer .join_reg .media .media-body .media-heading{

    margin-top:0;

    margin-bottom: 0;

    color: #ffffff;

    padding-left:32px;

}

.footer .dev_reg .form-inline,

.footer .join_reg .form-inline{

    padding: 8px;

}

.footer .dev_reg .form-inline .input-group,

.footer .join_reg .form-inline .input-group

{

    margin-bottom: 10px;

}





.footer .dev_reg .form-inline p,

.footer .join_reg .form-inline p

{

    margin-bottom: 0;

    font-size: 12px;

}

.footer .dev_reg .form-inline p span,

.footer .join_reg .form-inline p span

{

    color: #52c1e0;

}



.footer .dev_reg .col-sm-3 {

    padding-right: 0;

}

.footer .join_reg .col-sm-3 {

    padding-left: 0;

}



.footer .join_reg .media {

    background: #2cc4ce;

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;

}





.footer .join_reg .media .media-left .media-object {

    width: 30px;

}



.footer .join_reg .media .media-body {

    vertical-align: middle;

}



.footer .join_reg .btn-join {

    display: block;

    background: #2cc4ce;

    color: #ffffff;

    border-radius: 8px;

    font-size: 16px;

    padding: 5px 12px;

}

.footer .join_reg p {

    color: #2cc4ce;

}



.footer img.code {

    margin-top: 30px;

}



/*.footer .logo {

    padding: 10px 0;

}

.footer .contact {

    padding-right: 0;

    padding-left: 0;



}



.footer .contact li {

    line-height: 30px;



}

.footer .contact ul li:nth-of-type(1) {

    font-size: 16px;

}

.footer .contact ul li:nth-of-type(1) span {

    color: #ff6000;

}

.footer .contact .glyphicon {

    color: #c2c2c2;

    padding-right: 10px;

}

.footer .contact span + span {

    color: #666666;

}

.footer .form-group {

    margin-right:0;

    margin-left: 0;

}

.footer .form-control {

    border-radius: 0;

}

.footer .form-horizontal .btn-default {

    padding: 30px 18px;

    border-radius: 0;

    background: #f7f7f7;

}

.footer .form-horizontal .col-sm-3 {

    padding-left: 0;

}

.footer .code{

    padding: 15px 0;

}*/



.copyright {

    background: #fcfcfc;

    margin-bottom: 0;

    padding: 15px 0;

    height: 60px;

}

.copyright p {

    margin-bottom: 0;

}



.pager {

    margin-top:50px;

    margin-bottom: 30px;



}





.bg404 {

    background: url('../images/404.jpg') no-repeat;

    background-size: cover;

    background-position: center;

    height: 600px;

    margin: 20px 0;

}

.bg404  .tipcontent {

    text-align: center;

    padding: 210px 0;

}

.bg404  .tipcontent p:nth-of-type(1) {

    font-size: 30px;

    color: #43c6fe;

}

.bg404  .tipcontent p:nth-of-type(2) {

    font-size: 20px;

}

.bg404 #time {

    color: #43c6fe;

}



.header .navbar-brand{

    width: 368px;

}