@font-face {
    font-family: SourceHanSansCN-Regular;
    src: url("../fonts/SourceHanSansCN-Regular.otf");
}
* {
    font-family: SourceHanSansCN-Regular, "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html {
    position: relative;
    min-height: 100%;
}
body {
    background-color: #f0f0f0;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    height: 100vh;
}
p {
    margin: 0 0 0.5208vw;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 1.0417vw;
    margin-bottom: 0.5208vw;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
}
.row {
    margin-right: -0.78125vw;
    margin-left: -0.78125vw;
}

.thumbnail .caption {
    padding: 0.46875vw;
    color: #363636;
}

a:focus {
    outline-offset: 0;
    outline-color: white;
}

.ft-container {
    width: 60.938vw;
}

.ft-content {
    flex: 1 0 auto;
    min-width: 60.938vw;
}

.one-line {
    /* 超出显示省略号 */
    white-space:nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.multi-row-2 {
    /*  多行省略  */
    /* width */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* font */
.card-title {
    font: 700 15px/21px "Microsoft YaHei";
}
.info-txt {
    font: 12px "Microsoft Yahei";
    line-height: 14px;
}

/* 导航条 */
.ft-header {
    background-color: rgba(255, 255, 255, 0.8);
    margin-bottom: unset;
    z-index: 1000;
    min-width: 60.938vw;
    min-height: 90px;
    border: none;
    border-radius: unset;
}

.ft-header .ft-nav {
    height: 90px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}
.ft-header .ft-nav:before, .ft-header .ft-nav:after{
    display: none;
}

.ft-header .ft-nav .ft-brand {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ft-header .ft-nav .ft-brand .up {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ft-header .ft-nav .ft-login {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

#loginBox a.login-btn {
    font-size:  0.7292vw;
    width: 70px;
    padding: 0.3125vw 0.625vw;
    /*background-color: rgb(54, 159, 225);
    border-color: rgb(54, 159, 225);*/
    border-radius: 35px;
}
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus {
    text-decoration: none;
    background: linear-gradient(to right, #EB8833, #ED592B);
}
.btn-primary{
    background: linear-gradient(to right, #EB8833, #ED592B);
    border: 0;
}

.ft-header .ft-nav .ft-follow {
    position: relative;
}

/*.ft-header .ft-nav .ft-follow > a {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #424242;
    text-decoration: none;
    line-height: 5.208vw;
}*/
.ft-header .ft-nav .ft-follow > a {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #424242;
    text-decoration: none;
    line-height: 90px;
}

.ft-header .ft-nav .ft-follow .ft-follow-us {
    position: absolute;
    top: 90px;
    right: 0.312vw;

    width: 17.969vw;
    height: 10.521vw;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;

    background-image: url("/static/media/矩形19.png");
    background-size: contain;

    text-align: center;
    padding-bottom: 0.885vw;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #424242;
}

.ft-header .ft-nav .ft-follow .ft-follow-us img {
    width: 6.40625vw;
    height: 6.40625vw;
}

.ft-header .ft-nav .ft-follow .ft-follow-us .middle-line {
    width: 0.104vw;
    height: 7.917vw;
    background-color: #ffffff;
}

/*.ft-header .ft-nav > a {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #424242;
    text-decoration: none;
    line-height: 5.208vw;
}*/
.ft-header .ft-nav > a {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #424242;
    text-decoration: none;
    line-height: 90px;
}

.ft-header .ft-nav .ft-brand > a {
    padding-right: 0.99vw;
    text-decoration: none;
    width: 8.802vw;
}
.ft-header .ft-nav .ft-brand a:hover {
    background-color: unset;
}

.ft-header .ft-nav .ft-brand .ft-dropdown {
    background-color: #be132d;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: unset;
}
.ft-header .ft-nav .ft-brand .ft-dropdown .down-arrow {
    width: 1.7708vw;
    height: 0.5208vw;
}
.ft-dropdown.open ul.dropdown-menu {
    display: flex;
    flex-wrap: wrap;
    min-height: 19.979vw;
    max-height: 39.979vw;
    flex-direction: row;
    align-content: flex-start;
    left: -12.2vw;
    margin-top:0;
    border-radius:0;
    border:0;
}
.dropdown-menu .ft-menu-title {
    width: 70vw;
    color: #FFFFFF;
    margin:.5vw 0;
}
.dropdown-menu .ft-menu-title h4{
    border-left: 0.36vw solid #be132d;
    height:2vw;
    line-height:2vw;
    margin:0;
    padding-left:0.6vw;
}

.ft-header .ft-nav .ft-brand .ft-dropdown > a {
    width: 120px;
    height: 100px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #be132d;
    z-index: 5000;
}
.ft-header .ft-nav .ft-brand .ft-dropdown > a:focus {
    background-color: #be132d;
}
.ft-header .ft-nav .ft-brand .ft-dropdown > a:hover {
    background-color: #be132d;
}

.ft-header .ft-nav .ft-brand .ft-dropdown > a > p {
    margin-top: 40px;
}

.ft-header .ft-nav .ft-brand .ft-dropdown .dropdown-menu {
    font-size: 9px;
    width: 60.938vw;
    background-color: rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 0;
}

.ft-header .ft-nav .ft-brand .ft-dropdown .dropdown-menu .media {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 16.667vw;
}
.ft-header .ft-nav .ft-brand .ft-dropdown .dropdown-menu > li > a {
    padding: 0.15625vw 1.04167vw;
}

.ft-header .ft-nav .ft-brand .ft-dropdown .dropdown-menu > li > a:hover {
    /*border-left: 0.26vw solid #be132d;*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ft-header .ft-nav .ft-brand .ft-dropdown .dropdown-menu .media img {
    -webkit-flex: auto 0 0;
    -moz-box-flex: 1;
    -ms-flex: auto 0 0;
    flex: auto 0 0;
    width: 48px;
    height: 48px;
    margin-right: 0.521vw;
    /*margin-top: 0.221vw;*/
}
.ft-header .ft-nav .ft-brand .ft-dropdown .dropdown-menu .media p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    color: #B4B4B4;
    font-weight: normal;
    font-stretch: normal;
}
.ft-header .ft-nav .ft-brand .ft-dropdown .dropdown-menu .media .media-heading {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}
/* END 导航条 */

/* Footer */
.footer {
    /*position: absolute;*/
    /*bottom: 0;*/
    min-width: 60.938vw;
    /* Set the fixed height of the footer here */
    /*height: 10.156vw;*/
    background-color: #272a2c;
    color: #ffffff;
}

.footer p {
    margin: unset;
}

.footer > .ft-container {
    padding-right: 6.25vw;
    padding-left: 6.25vw;
    padding-bottom: 1vw;
}

.footer .part1 {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    height: 90px;
}

.footer .part1 > a  > img{
    width: 8.802vw;
    height: 2.754vw;
}

.footer .part1 ul {
    list-style: none;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.26vw;
    padding: unset;
}

.footer .part1 ul span {
    padding: 0 0.156vw;
}

.footer .part1 ul a {
    color: #ffffff;
}
.footer .part1 ul a:hover {
    color: #ffffff;
    text-decoration: unset;
}

/* END Footer */

/* Content */
.black-head {
    height: 3.802vw;
    background-color: #252525;
}

.black-head .title {
    max-width: 609.375vw;
    padding-top: 0.781vw;
    padding-bottom: 0.469vw;
    margin: unset;

    font-size: 2.083vw;
    font-weight: normal;
    font-stretch: normal;
    color: #ffffff;
}

.black-head .red-line {
    display: block;
    width: 10.417vw;
    border-bottom: 0.26vw solid #b3001b;
}

/* End Content */

/* 模态框 */
.ft-modal .modal-dialog {
    width: 20.833vw;
    margin-left: auto;
    margin-right: auto;
}

.ft-modal .modal-dialog .modal-content {
    height: 24.438vw;
}

#loginModal.ft-modal .modal-dialog .modal-content {
    height: 26.438vw;
}

.ft-modal .form-horizontal .form-group .btn {
    padding: 0.3125vw 0.625vw;
}

.ft-modal  .modal-dialog .modal-content .modal-body {
    padding: 0.78125vw;
}
.ft-modal  .modal-dialog .modal-content .modal-body .checkbox{
    min-height: 1.40625vw;
    padding-top: 0.3646vw;
}

/* header */
.ft-modal .modal-dialog .modal-content .modal-header {
    border-bottom: unset;
    padding: 0.78125vw;
}

.ft-modal .modal-dialog .modal-content .modal-header .close{
    font-size: 1.09375vw
}

.ft-modal .modal-dialog .modal-content .modal-header ul {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    list-style: none;
}

.ft-modal .modal-dialog .modal-content .modal-header ul li {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-bottom: 0.104vw solid #b4b4b4;
}

.ft-modal .modal-dialog .modal-content .modal-header ul li.active {
    border-bottom: 0.104vw solid #be132d;
    color: #000000;
}

.ft-modal .modal-dialog .modal-content .modal-header ul li a {
    font-size: 1.094vw;
    font-weight: normal;
    font-stretch: normal;
    color: #8e8e8e;
    background: white;
    padding: 0.5208vw 0.78125vw;
}

.ft-modal .modal-dialog .modal-content .modal-header ul li a:hover {
    background: unset;
    outline: unset;
}

.ft-modal .modal-dialog .modal-content .modal-header ul li.active a {
    color: #000000;
}

.ft-modal .form-horizontal .form-group {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1.823vw;
    margin-left: -0.78125vw;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 0.8vw;
    position: relative;
}

.ft-modal .form-horizontal .control-label {
    font-size: 0.729vw;
    font-weight: normal;
    font-stretch: normal;
    color: #444444;
    margin-right: 0.521vw;
    width: 4.844vw;
    line-height: 1.406vw;
    padding-top: 0.364vw;
    margin-bottom: 0;
    text-align: right;
}

.ft-modal .form-horizontal .form-group .form-control {
    height: 2.135vw;
}


.ft-modal .form-horizontal .form-group div.checkbox label {
    font-size: 9px;
    font-weight: normal;
    font-stretch: normal;
    color: #6f6f6f;
    line-height: 1.84;
    min-height: 1.0416vw;
    padding-left: 1.0416vw;
}

.ft-modal .form-horizontal .form-group div.checkbox .has-error {
    color: #a94442;
}
#loginModal .form-horizontal .form-group .has-error {
    color: #a94442;
}

.ft-modal .form-horizontal .form-group button.send-captcha {

    margin-left: 0.417vw;
    background-color: #be132d;
    border-radius: 0.208vw;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.0vw;
    color: #ffffff;
}

.ft-modal .form-horizontal .form-group .icon-position {
    position: absolute;
    top: 0.677vw;
    right: -0.99vw;

    display: none;
}

.ft-modal .form-horizontal .form-group .glyphicon-ok {
    display: inline-block;
    color: #5bb554;
}

.ft-modal .form-horizontal .form-group .glyphicon-remove {
    display: inline-block;
    color: #be1f1f;
}

.ft-modal .form-horizontal .form-group button.click {
    width: 15.208vw;
    height: 2.083vw;
    background-color: #be132d;
    font-size: 1.094vw;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.208vw;
    color: #ffffff;
    border-radius: 0.208vw;
}

.ft-modal .modal-footer {
    padding: unset;
    border-top: unset;
    text-align: center;
    margin-top: -0.521vw;
    font-size: 9px;
    font-weight: normal;
    font-stretch: normal;
    color: #6f6f6f;
}

/* 登录 */
#loginModal .form-horizontal .form-group {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1.823vw;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 1.5vw;
    position: relative;
}
.ft-modal .form-horizontal .form-group .input-group {
    margin-left: 2.969vw;
    flex: 1;
}

.ft-modal .form-horizontal .form-group .input-group .input-group-addon, .form-control{
    padding: 0.3125vw 0.625vw;
    font-size: 0.7292vw;
    border-radius: 0.2083vw;
}

.ft-modal .form-horizontal .form-group .check-box {
    margin-top: 1.875vw;
}
.ft-modal .form-horizontal .form-group .check {
    margin-left: 2.969vw;
    margin-top: unset;
    margin-right: auto;
}
.ft-modal .form-horizontal .form-group label {
    margin-bottom: 0.2604vw;
}

.ft-modal .form-horizontal .form-group .auto-login {
    margin-right: auto;
    margin-left: 0.26vw;
    font-size: 9px;
    font-weight: normal;
    font-stretch: normal;
    color: #6f6f6f;
    padding-top: 0.104vw;
}
.ft-modal .form-horizontal .form-group .forget-passwd {
    font-size: 9px;
    font-weight: normal;
    font-stretch: normal;
    color: #0096ff;
    padding-top: 0.104vw;
}

#navbar .ft-navs-active{
    /*background: url("/static/media/rectangle.png") no-repeat 1.2vw 100%;
    background-size: 48px 4px;*/
    color: rgb(190, 19, 45);
}
#navbar .ft-navs:hover, #navbar .ft-navs:hover a{
    color: rgb(190, 19, 45);
}
@media screen and (max-width:1680px){
    #navbar .ft-navs-active{
        background-position-x: 1vw;
        background-size: 40px 4px;
    }
}
@media screen and (max-width:1280px){
    #navbar .ft-navs-active{
        background-size: 32px 4px;
    }
}