@font-face {
    font-family: 'maven';
    src: url('../fonts/maven.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Bebas";
    src: url("../fonts/BEBAS___-webfont.woff.ttf") format('opentype');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: "pangmen";
    src: url("../fonts/pangmen.ttf") format('opentype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto.ttf") format('opentype');
    font-weight: normal;
    font-style: normal
}


@font-face {
    font-family: "opensans";
    src: url("../fonts/opensans.ttf") format('opentype');
    font-weight: normal;
    font-style: normal
}

.Bebas {
    font-family: "Bebas";
}

.Conv_DINCondensedC {
    font-family: "Conv_DINCondensedC";
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    width: 100%;
}

body {
    margin: 0;
    width: 100%;
    overflow-x:hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    color: #222;
}

a h1,
a h2,
a h3,
a h4,
a h5,
a h6,
.dark {
    color: #222;
    z-index: 11;
}

a:active,
a:hover,
a:hover i,
a:hover .iconfont ,a:hover span, a:hover h5,a:hover p,a:hover small,a:hover li small,a:hover li {
    outline: 0;
    color: #c82332;
}

a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6,
.blue {
    color: #c82332;
}
.orange{
    color:#c82332;
}
.bluebg{background-color:#c82332}
.bluebg hr{opacity: .2}
.bluebg > *{color:#fff;}
.yellowbg{background-image: url(../images/bg.webp);background-size:100%;background-repeat: repeat-y;}
.grey {
    color: #aaa;
}
.green{
    color:#c82332;
}
.pic {
    overflow: hidden;

}
.circle{border-radius: 50em}

a:hover .pic img,
.pic:hover img {
    transform: scale(1.09)
}

a *,
a,
img,.iconfont {
    transition: 400ms;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}


mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}



sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
    background-color: transparent;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " ("attr(href) ")";
    }

    abbr[title]:after {
        content: " ("attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    select {
        background: #fff !important;
    }

    .navbar {
        display: none;
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

.thin {
    font-weight: 100;
}

/*==================  Stuck menu  ======================*/
.isStuck {
    background: #ffffff;
    z-index: 999;
    box-shadow: 0 15px 25px rgba(0, 0, 0, .1);
}

.isStuck .navbar-header {
    margin-top: 0;
}

/*
.isStuck .navbar-nav>li>a {
    padding: 28px 15px 25px;
}
*/
@media only screen and (max-width: 992px) {
    .isStuck {
        display: none !important;
    }
}

/*
.isStuck .sf-menu ul {
    top: 80px;
}
*/
.isStuck .sf-menu ul ul {
    top: 0;
}

/*==================     ToTop     ======================*/
.toTop {
    width: 50px;
    height: 50px;
    background: #2051b9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
    color: #fff;
    position: fixed;
    right: 40px;
    bottom: 40px;
    display: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 99999;
}

.toTop:before {
    line-height: 47px;
    font-size: 22px;
    font-weight: 700;
}

.toTop:hover {
    color: #fff;
    background: #1f2430;
    text-decoration: none;
}

.mobile .toTop,
.tablet .toTop {
    display: none !important;
}

/*==================   Tumbnail    ======================*/
.thumb {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.thumb img {
    width: 100%;
    height: auto;
    -moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.thumb_overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -moz-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #ffffff;
    background: transparent;
}

.thumb_overlay:before {
    content: '\f065';
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 20px;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.lt-ie9 .thumb_overlay:before {
    display: none;
}

.thumb:hover .thumb_overlay {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
}

.lt-ie9 .thumb:hover .thumb_overlay {
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');
    zoom: 1;
}

.thumb:hover .thumb_overlay:before {
    opacity: 1;
}

.lt-ie9 .thumb:hover .thumb_overlay:before {
    display: block;
}

.thumb:hover img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*==================  RD Parallax    ======================*/
.parallax {
    position: relative;
    overflow: hidden;
}

.parallax_image,
.parallax_pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: center center;
    will-change: transform;
}

.parallax_image {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.parallax_pattern {
    background-repeat: repeat;
}

.parallax_cnt {
    position: relative;
}

.parallax a.link {
    text-decoration: underline;
}

/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    text-align: left;
    -moz-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.rd-mobilemenu.active {
    right: 0;
    background-color: rgba(0, 0, 0, .5);
}

.rd-mobilemenu_ul {
    position: fixed;
    top: -56px;
    right: 0;
    bottom: -56px;
    width: 70%;
    padding: 132px 0 76px;
    color: #666666;
    background: rgba(255, 255, 255, 0.97);
    font-size: 14px;
    line-height: 20px;
    overflow: auto;
    -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.lt-ie9 .rd-mobilemenu_ul {
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff');
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff');
    zoom: 1;
}

.rd-mobilemenu.active .rd-mobilemenu_ul {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.rd-mobilemenu_ul li.active>a {
    background: #fff;
    color: #c82332;
}

.rd-mobilemenu_ul a {
    display: block;
    padding: 15px 25px 18px;
}

.rd-mobilemenu_ul a.active {
    background: #f5f5f5;
    color: #2d2d2d;
}

.rd-mobilemenu_ul a:hover {
    background: #fff;
    color: #c82332;
}

.rd-mobilemenu_ul a .rd-submenu-toggle {
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -12.5px;
    width: 25px;
    height: 25px;
    font: 400 10px 'FontAwesome';
    line-height: 25px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    z-index: 1;
    background: #c82332;
    color: #fff;
}

.rd-mobilemenu_ul a .rd-submenu-toggle:after {
    content: '\f078';
}

.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
    background: #ffffff;
    color: #666666;
}

.rd-mobilemenu_ul a.rd-with-ul {
    position: relative;
}

.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rd-mobilemenu_ul ul a {
    padding-left: 40px;
    border: none;
    padding-top: 20px;
    padding-bottom: 22px;
}

.rd-mobilemenu_ul ul ul {
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
    left: 0;
    top: 0;
    text-align: left;
    transform: none;
}

.rd-mobilemenu_ul ul ul:before,
.rd-mobilemenu_ul ul ul:after {
    display: none;
}

.rd-mobilemenu_ul ul ul li {
    border: none;
    box-shadow: none;
}

.rd-mobilemenu_ul ul ul a {
    padding: 0;
    margin: 0;
    padding-left: 60px;
    color: inherit;
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 18px;
    border: none;
    box-shadow: none;
}

.rd-mobilemenu_ul ul ul a.active {
    background: #f5f5f5;
    color: #2d2d2d;
}

.rd-mobilemenu_ul ul ul a:hover {
    background: #c82332;
    color: #ffffff;
}

.rd-mobilemenu_ul:after {
    content: '';
    display: block;
    height: 20px;
}

.rd-mobilepanel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 56px;
    background: #ffffff;
    color: #000000;
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

.rd-mobilepanel_title {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-image: url(../images/logo.webp);
    height: 56px;
    width: 200px;
    background-repeat: no-repeat;
    background-size: contain;

}

@media(max-width: 500px) {
    .rd-mobilepanel_title {
        left: 2%
    }
}

.rd-mobilepanel_title small {
    display: none;
}

.rd-mobilepanel_title a {
    display: block;
    width: 100%;
    height: 100%;
}

.rd-mobilepanel_toggle {
    position: fixed;
    top: 4px;
    right: 8px;
    width: 48px;
    height: 48px;
    border-color: transparent;
    outline: none;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.rd-mobilepanel_toggle span {
    position: relative;
    display: block;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rd-mobilepanel_toggle span:after,
.rd-mobilepanel_toggle span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rd-mobilepanel_toggle span:after {
    top: 8px;
}

.rd-mobilepanel_toggle span:after,
.rd-mobilepanel_toggle span:before,
.rd-mobilepanel_toggle span {
    width: 24px;
    height: 2px;
    background-color: #000000;
    backface-visibility: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.rd-mobilepanel_toggle span:before,
.rd-mobilepanel_toggle span:after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.rd-mobilepanel_toggle.active span {
    transition: background .3s 0s ease;
    background: transparent;
}

.rd-mobilepanel_toggle.active span:before,
.rd-mobilepanel_toggle.active span:after {
    top: 0;
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}

.rd-mobilepanel_toggle.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rd-mobilepanel_toggle.active span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 767px) {


    .rd-mobilemenu,
    .rd-mobilepanel {
        display: block;
    }
}

@media (max-width: 359px) {
    .rd-mobilepanel_title {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    div#panel .navbar-header .navbar-toggle .icon-bar {
        background-color: #000000;
    }

    div#panel #advanced .navbar-collapse li a,
    div#panel #advanced .navbar-collapse .dropdown-menu li a {
        background: #ffffff !important;
        color: #666666 !important;
    }

    .lt-ie9 div#panel #advanced .navbar-collapse li a,
    .lt-ie9 div#panel #advanced .navbar-collapse .dropdown-menu li a {
        background: none !important;
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff') !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff') !important;
        zoom: 1 !important;
    }

    div#panel #advanced .navbar-collapse li a:hover {
        background: #c82332 !important;
        color: #ffffff !important;
    }

    div#panel #advanced .navbar-collapse .-tm-dropdown.open>a {
        background-color: #f5f5f5 !important;
        color: #2d2d2d !important;
    }

    div#panel #advanced .navbar-collapse,
    div#panel #advanced .navbar-collapse .dropdown-menu {
        background: #ffffff !important;
        padding-top: 0 !important;
        -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) !important;
        -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) !important;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) !important;
    }

    .lt-ie9 div#panel #advanced .navbar-collapse,
    .lt-ie9 div#panel #advanced .navbar-collapse .dropdown-menu {
        background: none !important;
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff') !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff') !important;
        zoom: 1 !important;
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .container {
        padding-left: 0;
        padding-right: 0;
    }
}

/*


@media (max-width: 500px) {
    .row .col-xs-6 {
        clear: both;
        width: 100%;
    }
}

@media (max-width: 550px) {
    .row .col-xs-4 {
        clear: both;
        width: 100%;
    }
}*/

@media (max-width: 767px) {
    .row .col-xs-12+* {
        margin-top: 15px;
    }
}

@media (max-width: 991px) {
    .row .col-sm-12+* {
        margin-top: 15px;
    }
}

@media (max-width: 991px) {
    .row .col-sm-6 {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

.col-4_mod div:nth-child(n+4) {
    margin-top: 30px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-4_mod div:nth-child(3n+4) {
        clear: both;
    }
}

@media (max-width: 991px) {
    .col-4_mod div:nth-child(n+3) {
        margin-top: 30px;
    }

    .col-4_mod div:nth-child(2n+3) {
        clear: both;
    }
}

@media (max-width: 767px) {
    .col-4_mod div:nth-child(n+2) {
        margin-top: 40px;
    }

    .col-4_mod div:nth-child(n+1) {
        float: none;
        text-align: center;
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }
}

.col-3_mod div:nth-child(n+5) {
    margin-top: 51px;
}

.col-3_mod div:nth-child(4n+5) {
    clear: both;
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-3_mod div:nth-child(2n+3) {
        clear: both;
    }
}

@media (max-width: 991px) {
    .col-3_mod div:nth-child(n+3) {
        margin-top: 51px;
    }

    .col-3_mod div:nth-child(2n+3) {
        clear: both;
    }
}

@media (max-width: 767px) {
    .col-3_mod div:nth-child(n+2) {
        margin-top: 60px;
    }

    .col-3_mod div:nth-child(n+1) {
        float: none;
        text-align: center;
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    color: #333;
    -webkit-text-size-adjust: none;
    font-family:"SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.bodyen{   font-family:"maven","SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.bodyen .cn{display: none;}
.bodycn .en{display: none;}
@media(min-width:1200px) {
    body {
        font-size: 16px
    }
}


.page {
    overflow: hidden;
    min-height: 500px;
}

.lt-ie9 .page {
    min-width: 1200px;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    font: inherit;
    color: inherit;
    text-decoration: none;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

a:focus {
    outline: none;
    text-decoration: none;
    color: inherit;
}

a:active {
    background: transparent;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #c82332;
}

a[href^="tel:"],
a[href^="callto:"] {
    text-decoration: none;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.img-thumbnail {
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.clear-flt {
    clear: both;
}

hr {
    margin-top: 12px;
    margin-bottom: 8px;
    border: 0;
    border-top: 1px solid #d2d3d4;
}

em {
    font-style: normal;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}
@media(min-width:960px){
.brpc{display: block;}
}


/*========================================================
                     HEADER  Section
=========================================================*/
header {

    width: 100%;
    top: 0;
    z-index: 999;
    transition: 600ms;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0 2rem ;
    position: fixed;
    background: #fff;
}

header .menu ul{display: flex;}
header .logo {width:15vw;}
header .logo a{display: block;}
header:after{position:absolute;bottom:0;height:1px;width:88%;left:0;right:0;margin:auto;content:'';background-color: rgba(0,0,0,.1)}
/*========================================================
                     CONTENT  Section
=========================================================*/
.b66618105 header,.b66618106 header {
    background: rgba(255,255,255,.9);
}



section.sect-404 em {
    font-weight: 700;
    font-size: 240px;
    line-height: 1;
}

@media (max-width: 1199px) {
    section.sect-404 em {
        font-size: 180px;
    }
}

@media (max-width: 991px) {
    section.sect-404 em {
        font-size: 140px;
    }
}

section.sect-404 em+* {
    margin-top: -13px;
}

section.sect-404 h3+* {
    margin-top: 34px;
}

section.sect-404 *+p {
    margin-top: 41px;
}



.tit h2,.med3 h4{
    display: inline-block;
    font-weight: normal;
    color: #1f1f1f;
    font-size:320%;
    font-family: 'pangmen';
}
.bankuai-span{margin: 0 auto;width: 3rem;height: 0.4rem;display: inline-block;background: #cc0000;border-radius: 0.3rem;font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;}
.tit h2 + span{display: block;mix-blend-mode:darken; }

.idxabout .txt{width:50%;}
.idxabout .txt p + p{margin-top:1em}
.idxabout .compic{width:50%}
.idxabout .compics{width:50vw;}
.idxabout .compics .swiper-slide{width:auto}
.idxabout .compics img{height:45vh}
.compic .swiper-pagination-bullets.swiper-pagination-horizontal,.swpages.swiper-pagination-bullets.swiper-pagination-horizontal{position: relative;left:unset;bottom:unset;top:unset;padding-top:.5em}
.compic .swiper-pagination-bullet,.swpages .swiper-pagination-bullet{width:12px;height:12px;border-radius:6px;transition: 600ms;}
.compic .swiper-pagination-bullet-active,.swpages .swiper-pagination-bullet-active{background:#000;width:22px;opacity: .5}

.sectionb{background: url(../images/bg.jpg);background-size: cover;}
.sectionb .tt strong{background-color: #fff;font-size:200%;padding:.2em .5em}
.sectionb .tt h2{font-size:320%;}

.sectionb ul li{background-color: #fff;padding:1em 1em 2em 1em;width:32%;text-align:center;border-radius: 10px;}
.sectionb ul li h3{background-color: rgba(251, 224, 199, 1);border-radius: 5px;padding:.7em 0;margin-top:0;
font-weight:800;}
.sectionb ul li:nth-child(1) h3{background:linear-gradient(90deg, rgba(224, 49, 154, .3) 0%, rgba(242, 156, 68, .3) 100%)}
.sectionb ul li:nth-child(3) h3{background:linear-gradient(90deg, rgba(242, 156, 68, .3) 0%, rgba(224, 49, 154, .3) 100%)}
.sectionb ul li p{font-size:170%;}
.sectionb ul li p + p{margin-top:0em;}
.sectiond ul{width:22%}
.sectiond line{width:1px ;background:linear-gradient(180deg, rgba(166, 166, 166, .5) 0%, rgba(166, 166, 166, 0) 100%)}
.sectiond ul:nth-child(3) + line{background:linear-gradient(180deg, rgba(166, 166, 166, 0) 0%, rgba(166, 166, 166, 0.5) 100%)}
.sectiond .embed-responsive img{object-fit: contain;padding:2em}
/*========================================================
                     FOOTER  Styles
=========================================================*/

.ftop {
    padding: 2rem 0
}

.socials {font-size:140%;margin-top:1rem;color:#aaa;}

.online span {
    border-bottom: 1px solid #333;
    
}

.online:text {
    text-decoration: underline;
}

.flogo {
    width: 200px;
}




h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight:800;
    margin: 0;
    line-height: 1.2;
    margin: 1rem 0;
    text-transform: capitalize;
}

.h6.dark {
    color: #222;
}

h1,
.h1 {
    font-size: 56px;
}



h2,
.h2 {
    font-size: 36px;
}

@media (max-width: 1199px) {

    h1,
    .h1 {
        font-size: 46px;
    }

    h2,
    .h2 {
        font-size: 30px;
    }
}

@media (max-width: 991px) {

    h1,
    .h1 {
        font-size: 40px;
    }

    h2,
    .h2 {
        font-size: 25px;
    }
}

@media (max-width: 767px) {

    h1,
    .h1 {
        font-size: 25px;
    }

    h2,
    .h2 {
        font-size: 20px;
    }
}

h3,
.h3 {
    font-size: 36px;
}

@media (max-width: 1399px) {

    h3,
    .h3 {
        font-size: 30px;
    }
}

@media (max-width: 1199px) {

    h3,
    .h3 {
        font-size: 26px;
    }
}

@media (max-width: 991px) {

    h3,
    .h3 {
        font-size: 20px;
    }
}

@media (max-width: 479px) {

    h3,
    .h3 {
        font-size: 20px;
    }
}

h4,
.h4 {
    font-size: 25px;
}

@media (max-width: 1199px) {

    h4,
    .h4 {
        font-size: 25px;
    }
}

@media (max-width: 991px) {

    h4,
    .h4 {
        font-size: 20px;
    }
}

@media (max-width: 479px) {

    h4,
    .h4 {
        font-size: 16px;
    }
}

h5,
.h5 {
    font-size: 16px;
}

@media (max-width: 1199px) {

    h5,
    .h5 {
        font-size: 16px;
    }
}

h6,
.h6 {
    font-size: 20px;
    line-height: 1.4;
}

h6.mod1,
.h6.mod1 {
    font-size: 30px;
}

@media (max-width: 991px) {

    h6.mod1,
    .h6.mod1 {
        font-size: 22px;
    }
}

@media (max-width: 1400px) {

    h6,
    .h6 {
        font-size: 16px;
    }
}

.txtover {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.line1 {
    -webkit-line-clamp: 1;
}

.line2 {
    -webkit-line-clamp: 2;
}

.line3 {
    -webkit-line-clamp: 3;
}

.line4 {
    -webkit-line-clamp: 4;
}

.lh1 {
    line-height: 1
}

.lh2 {
    line-height: 2
}

.lh3 {
    line-height: 3
}

.lh4 {
    line-height: 4
}

.lh5 {
    line-height: 5
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: 2rem
}

.m-2 {
    margin: 4rem
}

.m-3 {
    margin: 6rem
}

.m-4 {
    margin: 8rem
}

.m-5 {
    margin: 10rem
}

.m-auto {
    margin: auto
}


.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: 2rem
}

.ml-2 {
    margin-left: 4rem
}

.ml-3 {
    margin-left: 6rem
}

.ml-4 {
    margin-left: 8rem
}

.ml-5 {
    margin-left: 10rem
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-1 {
    margin-right: 2rem
}

.mr-2 {
    margin-right: 4rem
}

.mr-3 {
    margin-right: 6rem
}

.mr-4 {
    margin-right: 8rem
}

.mr-5 {
    margin-right: 10rem
}

.mr-auto {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: 2rem
}

.mt-2 {
    margin-top: 4rem
}

.mt-3 {
    margin-top: 6rem
}

.mt-4 {
    margin-top: 8rem
}

.mt-5 {
    margin-top: 10rem
}

.mt-auto {
    margin-top: auto
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: 2rem
}

.mb-2 {
    margin-bottom: 4rem
}

.mb-3 {
    margin-bottom: 6rem
}

.mb-4 {
    margin-bottom: 8rem
}

.mb-5 {
    margin-bottom: 10rem
}

.mb-auto {
    margin-bottom: auto
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: 2rem
}

.p-2 {
    padding: 4rem
}

.p-3 {
    padding: 6rem
}

.p-4 {
    padding: 8rem
}

.p-5 {
    padding: 10rem
}




.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: 2rem
}

.pl-2 {
    padding-left: 4rem
}

.pl-3 {
    padding-left: 6rem
}

.pl-4 {
    padding-left: 8rem
}

.pl-5 {
    padding-left: 10rem
}



.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: 2rem
}

.pr-2 {
    padding-right: 4rem
}

.pr-3 {
    padding-right: 6rem
}

.pr-4 {
    padding-right: 8rem
}

.pr-5 {
    padding-right: 10rem
}


.py-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width:767px) {
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: 2rem
}

.pt-2 {
    padding-top: 4rem
}

.pt-3 {
    padding-top: 6rem
}

.pt-4 {
    padding-top: 8rem
}

.pt-5 {
    padding-top: 10rem
}



.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: 2rem
}

.pb-2 {
    padding-bottom: 4rem
}

.pb-3 {
    padding-bottom: 6rem
}

.pb-4 {
    padding-bottom: 8rem
}

.pb-5 {
    padding-bottom: 10rem
}
.pb-6 {
    padding-bottom: 12rem
}

.col-lg-8.pr-2 {
    padding-right: 4rem !important;
}

@media (max-width:992px) {
    .col-lg-8.pr-2 {
        padding-right: 15px !important;
    }

    .pb-2,
    .pb-3 {
        padding-bottom: 2rem;
    }

    .pb-5,
    .pb-4 {
        padding-bottom: 3rem;
    }

    .mt-3,
    .mt-2,
    .mt-4,
    .mt-5 {
        margin-top: 2rem;
    }

    .mb-3,
    .mb-2,
    .mb-4,
    .mb-5 {
        margin-bottom: 2rem;
    }

    .pt-2,
    .pt-3 {
        padding-top: 2rem;
    }

    .pt-4,
    .pt-5 {
        padding-top: 3rem;
    }

    .row img {
        width: 100%;
    }

}

p {
    margin: 0;
}

.txt1 {
    font-size: 16px;
    line-height: 28px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.marTop1 {
    margin-top: 36px;
}

@media (max-width: 991px) {
    .marTop1 {
        margin-top: 5px;
    }
}

h4+.offset-2 {
    margin-top: 18px;
}

.container-fluid div.inset-left {
    padding-left: 80px;
}

@media (max-width: 1199px) {
    .container-fluid div.inset-left {
        padding-left: 25px;
    }
}

.container-fluid div.inset-right {
    padding-right: 80px;
}

@media (max-width: 1199px) {
    .container-fluid div.inset-right {
        padding-right: 25px;
    }
}

.cntr {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

hr {
    border: none;
    height: 1px;
    background: #eee;
}

.link1 {
    color: #c82332;
}

.link1:hover {
    color: #4a5164;
}

@media (max-width: 1300px) {
    h5.top-offset-null {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .mobile_cntr {
        text-align: center;
    }
}

@media (max-width: 479px) {
    .mobile_cntr2 {
        text-align: center;
    }
}

*+h3,
*+h4,
*+h5,
*+h6,
*+p,
*+img,
*+.btn {}







.marked-list+.btn {
    margin-top: 44px;
}

h6+p {
    margin-top: 5px;
}

h6.mod1+p {
    margin-top: 15px;
}

h5+h3 {
    margin-top: 6px;
}

h3+.row {
    margin-top: 31px;
}

h3+.row.mod1 {
    margin-top: 47px;
}

h3+.row.mod2 {
    margin-top: -3px;
}

@media (min-width: 992px) {
    h3+.row.mod2 [class*="col-"] {
        margin-top: 50px;
    }
}

.marTop1 {
    margin-top: 36px;
}

@media (max-width: 991px) {
    .marTop1 {
        margin-top: 5px;
    }
}

.ins1 {
    padding-left: 8%;
    padding-right: 8%;
}

@media (max-width: 767px) {
    .ins1 {
        padding-left: 1%;
        padding-right: 1%;
    }
}

.fa {
    line-height: inherit;
}

[class*='fa-']:before {
    font-family: 'FontAwesome';
    color: inherit;
}

mark,
.mark {
    background-color: #d8c860;
    padding: .2em;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .center767 {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .center991 {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .left767 {
        text-align: left;
    }
}

@media (max-width: 991px) {
    .left991 {
        text-align: left;
    }
}

@media (max-width: 767px) {
    .right767 {
        text-align: right;
    }
}

@media (max-width: 991px) {
    .right991 {
        text-align: right;
    }
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.fw-l {
    font-weight: 300;
}

.fw-n {
    font-weight: 400;
}

.fw-m {
    font-weight: 500;
}

.fw-sb {
    font-weight: 600;
}

.fw-b {
    font-weight: 700;
}

.fw-xb {
    font-weight: 800;
}

.white {
    color: #ffffff;
}

.txt-sec {
    color: #1f2430;
}

.text-muted {
    color: #cfcfcf;
}

.text-primary {
    color: #c82332;
}

.text-success {
    color: #63cd54;
}

.text-info {
    color: #4acad5;
}

.text-warning {
    color: #d8c860;
}

.text-danger {
    color: #f44236;
}

.bg-primary {
    background: #c82332;
}

.bg-secondary {
    background: #1f2430;
}

.bg-success {
    background: #63cd54;
}

.bg-info {
    background: #4acad5;
}

.bg-warning {
    background: #d8c860;
}

.bg-danger {
    background: #f44236;
}

.bg1 {
    background: #fff;
}
.bg1a{background: #222}
.bg1b{background-color: #c82332}
.bg2 {
    background: #000;
}


.bg2 * {
    color: #fff;
}

.bg2 p {
    color: #6477a4;
}



.bg3 {
    background: #fff;
}

.bg4 {
    background: #f5f5f5;
}

.bg4 hr{background-color:#ddd;}
.bg5 {
    background-color: #fff;
}
.bg5 hr{opacity: 1}
.bg5{color:#333}
.parallax {
    background-position: right center;
    background-size: cover;
    padding: 3em;
}


.color1 {
    color: #c82332;
}

.color2 {
    color: #1f2430;
}

.color3 {
    color: #4a5164;
}

.parallax {
    color: #fff;
}

.parallax h1,
.parallax h2,
.parallax h3,
.parallax h4,
.parallax h5,
.parallax h6,
.parallax p {
    color: #fff;
}

.parallax h1,
.parallax h4 {
    text-shadow: 10px 5px 15px rgba(0, 0, 0, .3);
}

.page-header {
    padding-bottom: 16px;
    margin: 68px 0 34px;
    border-bottom: 1px solid #bababa;
}

ul,
ol {
    padding: 0;
    list-style: none;
    margin: 0;
}

ul li,
ol li {
    padding: 0;
    list-style: none;
    margin: 0;
}

ul li a,
ol li a {
    padding: 0;
    list-style: none;
    margin: 0;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

/*=================   List Inline   =====================*/
.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

/*==================   List1  ======================*/
h3+.list1 {
    margin-top: 0;
}

.list1 h6 {
    font-size: 30px;
    font-weight: 500;
}

@media (max-width: 1199px) {
    .list1 h6 {
        font-size: 22px;
    }
}

.list1 h6+p {
    margin-top: 11px;
}

.list1 li {
    margin-top: 38px;
    margin-bottom: 7px;
    position: relative;
    padding-left: 140px;
}

@media (max-width: 991px) {
    .list1 li {
        padding-left: 80px;
    }
}

.list1 li:before {
    text-align: center;
    position: absolute;
    top: 6px;
    left: 15px;
    font-family: 'FontAwesome';
    width: 94px;
    height: 94px;
    font-size: 45px;
    line-height: 94px;
    font-weight: 300;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    background: #c82332;
}

@media (max-width: 991px) {
    .list1 li:before {
        width: 50px;
        height: 50px;
        font-size: 25px;
        line-height: 50px;
    }
}

.idxp .swiper-slide img{width:100%;}

.idxp .swiper-slide {padding:3px;}
.idxp .swiper-slide ul li:nth-child(1){margin-bottom:6px;}
@media(min-width:868px){
.idxp .swiper-slide {padding:9px;}
.idxp .swiper-slide ul li:nth-child(1){margin-bottom:18px;}
}

.idxp .swiper-slide a{display: block;position: relative;}
.idxp .swiper-slide a h4{background-color: rgba(0,0,0,.5);color:#fff;text-align: center;
position: absolute;bottom:0;width:100%;padding:1rem;margin:0;
}
.idxpros .swiper-slide{background-color: #f8f8f8;text-align: center;}
.idxpros img{padding:2rem}
@media(min-width:1280px){
.idxpros .swiper-slide{opacity: .5;}
.idxpros .swiper-slide.swiper-slide-active + .swiper-slide{opacity: 1}
}
.idxpros .pic{mix-blend-mode: darken;}
.arrs{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);
width:90%;z-index:555;
}

@media(min-width:768px){
.arrs{width:calc(30% + 80px)}
}
@media(min-width:1000px){
.arrs{width:90%;}
}

@media(min-width:1280px){
.arrs{width:30%;}
}



    



@media(max-width:980px){
    .arrs{display: none;}
}


.index-about .itema,.index-job .itema{width:100%;overflow: hidden;}
.index-about .itema img,.index-job .itema img{object-fit: cover;width:100%;height:100%}

.index-about .itema:hover img{transform: scale(1.09);}
.index-about .itemb,.index-job .itemb{width:100%;padding:2rem;background-color: #e9f1f7}
.index-job .itemb{width:100%}
@media(min-width:1000px){
    .index-about .itema,.index-job .itema{width:50%;}
    .index-job .itema{width:45%}
    .index-about .itemb,.index-job .itemb{width:50%;padding:2rem;}
    .index-job .itemb{width:55%}

}

@media(min-width:1400px){
    .index-about .itema,.index-job .itema{width:55%;}
    .index-job .itema{width:55%}
    .index-about .itemb,.index-job .itemb{width:45%;padding:4rem;}
    .index-job .itemb{width:45%}

}

@media(min-width:1600px){
    .index-about .itema,.index-job .itema{width:65%;}
    .index-about .itemb,.index-job .itemb{width:35%;padding:4rem;}

}

.event .info{padding:1rem;}
.event .info small{color:#999}
.play_btn{display: inline-block;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index:55;transition: 600ms;-webkit-transition:600ms}
.play_btn a i{font-size:30px;color:#aaa;background-color: #fff;
border-radius: 5em;text-align: center;height:2em;width:2em;display: inline-block;
}
.play_btn:hover{transform: translate(-50%,-58%);}
.play_btn:hover a i{background-color: #000;color:#fff;}
.why{padding-left:2%;padding-right:2%;}
.why > div{width:100%;padding:0 1%}
.why ul li:nth-child(1) img{width:20%}


.why ul li:nth-child(1){display: flex;width:100%;border-bottom:1px solid #eee;align-items: center;}

.why ul li:nth-child(2){padding:1rem}
@media(min-width:968px){
    .why > div{width:25%;}
.why ul li:nth-child(1) img{width:23%}
}
.keeptouch,.abouttop{background-image: url(../images/idxb.webp);background-size: cover; background-position:center 80%;color:#fff; padding:12vh 10%;text-align: center;}
.abouttop{background-position:top center;height:65vh;position: relative;}
.abouttop .container{position: absolute;top:50%;transform: translateY(-50%);left:0;right:0;}
.keeptouch .intxt{color:#aaa;padding:.5rem 2rem}
.keeptouch form{width:90%;margin:2rem auto;display: flex;background-color: #fff;border-radius: 5em;}


.keeptouch button{border:none;cursor: pointer;width:15%;color:#000;text-align: center;font-size:18px;transition: 600ms;border-radius: 5em;border:2px solid #fff;}
.keeptouch button:hover{background-color: #000;color:#fff;}


@media(min-width:900px){
    .keeptouch form{width:50%;}
    .keeptouch button{font-size:25px}
}
@media(min-width:1200px){
    .keeptouch form{width:30%;}
}



.vision{background-image: url(../images/about-vision.webp);background-attachment: fixed;color:#fff;padding:7%;background-repeat: no-repeat;background-size: cover;}

@media(max-width:600px){
    .vision{background-attachment: unset;padding:15vh 15px}
    .index-about .itema{height:30vh}
    body{font-size:14px;}
}


.flex-wrap{flex-wrap:wrap;}
.advan,.advan > div{display: flex;}
.advan .iconfont{font-size:60px;width:120px;text-align: center;}
.advan .icon-tuanduihezuo,.advan .icon-gongcheng{font-size:78px}
.aboutcon .pic{border-radius: 0 40px 0 40px;overflow:hidden;height:45vh;}
.aboutcon .pic img{object-fit: cover;height:100%;width:100%;object-position: center; center}
.aboutcon p{font-size:115%}
.aboutcon.container{max-width:1260px;}



.cers .item{width:calc(50% - 1rem);background-color: #fff;border-radius: 15px;text-align: center;
margin:.5rem;
padding:1rem;}


@media(min-width:868px){
    .cers{padding-left:5%;padding-right:5%}
    .cers .item{
    width:calc(25% - 1rem);
    }
    .advanitem ul{width:49%;}
}

@media(min-width:1080px){
    .advanitem ul{width:24%;}
    .bodyen .advanitem ul{width:49%;margin-bottom:2rem;}
}




.menuico > li > a{display: block;color:#444;padding:0 3rem;font-size:120%;line-height: 3;display: flex;align-items: center;}
.menuico li a .iconfont{font-size:150%;margin-left:2.5rem}
.menuico li:hover a .iconfont{color:#fff;}
.menuico li:hover a p{color:#fff;}
.menuico > li:hover a,.menuico > li.on a{background-color:#c82332;color:#fff;}
.menuico li{position: relative;}
.menuico li ul{display: none;position: absolute;width:100%;z-index:55;
    background-color:#c82332;padding:0 2rem;}
.menuico li ul li a{display: block;padding: .75rem 1rem;border-bottom:1px solid rgba(0,0,0,.2);}
.menuico li ul li a:hover{color:#fff;background-color: rgba(0,0,0,.2)}
.menuico li ul li:last-child a{border-bottom:none;margin-bottom:20px}


.page-choose{display: none;}
  .choose-box{position: relative;}
  .title-box{font-size: 1.1rem;box-shadow: 0 10px 25px rgba(0,0,0,.05);position: relative;z-index:10;padding: 0 1rem;}
.title-box .iconfont{font-size:30px;}
  .choose-listthr{background-color:#fff;padding:30px;z-index:5;position: absolute;top:100%;left:0;right:0;}
  .choose-listthr ul{display: flex;flex-wrap:wrap;}
  .choose-listthr ul li h5{font-size:100%}
  .choose-listthr > ul > li{padding: 0;border-bottom: 1px solid #eee;margin: 0;line-height: 3rem;}
.choose-listthr > ul > li ul li{width:33.333%}
 .choose-listthr ul li img{width:70%}
.choose-listthr > ul > li a{padding: 0 0.5rem;}
.searchform{padding:1.5rem 0;background-color: rgba(0,0,0,.1);margin-bottom:2rem}
.searchform .flex{justify-content: space-between;align-items: center;}
@media(min-width:1000px){
    .searchform .flex{flex-wrap:unset}
}

.searchform ul div.flex{border-radius: 5em;background-color: #fafafa;overflow:hidden;}
.searchform ul div.flex > .intxt{width:80%}
.searchform .flex ul,.searchform .flex  form{display: flex;align-items: center;}

.searchform .flex ul li{padding:0 .5rem;}
.searchform .sbg{background-color: #fafafa;border-radius: 5em;padding:0 1rem;overflow:hidden;}
.searchform select{
border:none;
padding:.5rem ;
outline: none;
position: relative;background-color: transparent;
min-width:5vw;
width:100%;
}
.searchform button{outline:none;border:2px solid #fff;border-radius: 5em;width:20%;}
.searchform button:hover{color:#fff;background-color: #333;}


.searchform .intxt{padding:.2rem 1rem}

@media(max-width:998px){
    .searchform .flex ul + ul{margin-top:1rem}

}
@media(max-width:800px){
    .socials .iconfont{font-size:160%}
    .footer .flex.socials{padding-left:10%;padding-right:10%;}
    .footer{padding-bottom:65px}
    .advan{flex-wrap:wrap;}
    .aboutcon .flex > li,.advan > div{width:50%}
    .searchform .container{padding-left:15px;padding-right:15px;}
    .searchform .flex ul + ul{margin-top:1rem}
    .searchform .flex ul{width:100%}
    .searchform .flex ul li{width:40%}
    .searchform .flex ul.s2 li{width:80%}    
    .searchform .flex ul li:nth-child(1){width:20%}
    .searchform .intxt{padding:.5rem 1rem}
    .container{padding-left:1rem;padding-right:1rem;}


}


/*=================   Inline list   =====================*/
.inline-list .fa {
    position: relative;
    font: 0/0 a;
}

.inline-list .fa:hover:before {
    color: #c82332;
    background: #ffffff;
}

.inline-list .fa:before {
    font-size: 18px;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #ffffff;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    width: 35px;
    height: 35px;
    left: -5px;
    top: -2px;
    padding-left: 10px;
    padding-top: 16px;
}

.inline-list li {
    display: inline-block;
}

.inline-list li+li {
    margin-left: 42px;
}

@media (max-width: 991px) {
    .inline-list .fa:before {
        left: -25px;
        padding-left: 2px;
    }
}

/*================      Flex list     =================*/
.flex-list {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
}

.flex-list li {
    display: table-cell;
    position: relative;
}

@media (max-width: 767px) {
    .flex-list li {
        display: block;
    }
}

/*==================   Index List  ======================*/
.index-list {
    counter-reset: li;
}

h3+.index-list {
    margin-top: 0;
}

.index-list h6 {
    font-size: 30px;
    font-weight: 500;
}

@media (max-width: 1199px) {
    .index-list h6 {
        font-size: 22px;
    }
}

.index-list h6+p {
    margin-top: 11px;
}

.index-list li {
    text-align: left;
    margin-top: 38px;
    margin-bottom: 7px;
    position: relative;
    padding-left: 140px;
}

.index-list li:before {
    text-align: center;
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    position: absolute;
    top: 6px;
    left: 15px;
    width: 94px;
    height: 94px;
    font-size: 45px;
    line-height: 94px;
    font-weight: 300;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    background: #c82332;
}

/*==================  Marked List  ======================*/
.marked-list {
    margin-top: 13px;
    margin-bottom: 12px;
}

@media (max-width: 1199px) {
    .marked-list {
        margin-right: 0;
    }
}

.marked-list li {
    position: relative;
    padding-left: 20px;
}

.marked-list li:before {
    content: '\f105';
    position: absolute;
    left: 0;
    top: -2px;
    font-weight: 400;
    font-size: 20px;
    font-family: 'FontAwesome';
    color: #c82332;
}

@media (max-width: 991px) {
    .marked-list li:before {
        top: -5px;
    }
}

.marked-list li+li {
    margin-top: 0px;
}

.marked-list a:hover {
    color: #c82332;
    text-decoration: none;
}

/*================    Term list     =================*/
.terms-list {
    text-align: left;
    padding-top: 38px;
    padding-bottom: 2px;
}

.terms-list dt {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
    color: #1f2430;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .terms-list dt {
        font-size: 22px;
    }
}

.terms-list dt+dd {
    margin-top: 15px;
}

.terms-list dd+dt {
    margin-top: 48px;
}

.terms-list+* {
    margin-top: 31px;
}

.terms-list+* a {
    color: #008ac6;
}

.terms-list+* a:hover {
    color: #1f2430;
}

dl {
    padding: 0;
    margin: 0;
    font-style: normal;
}

dt,
dd {
    padding: 0;
    margin: 0;
}


@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #cfcfcf;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

/*==================    Quote     ======================*/
blockquote {
    position: relative;
    padding-left: 59px;
    padding-right: 30px;
    margin: 0;
}

blockquote q:before,
blockquote q:after {
    content: " ";
    display: table;
}

blockquote q:after {
    clear: both;
}

blockquote q:before,
blockquote q:after {
    content: " ";
    display: table;
}

blockquote q:after {
    clear: both;
}

blockquote q:before,
blockquote q:after {
    content: " ";
    display: table;
}

blockquote q:after {
    clear: both;
}

blockquote q:before,
blockquote q:after {
    content: " ";
    display: table;
}

blockquote q:after {
    clear: both;
}

@media (max-width: 1199px) {
    blockquote {
        padding-right: 0;
    }
}

blockquote:before {
    position: absolute;
    top: -5px;
    left: -4px;
    padding-right: 7px;
    content: "\201c";
    color: #1f2430;
    font-size: 84px;
    line-height: 84px;
    font-weight: 700;
    vertical-align: top;
    z-index: 10;
}

blockquote cite {
    display: block;
    font-style: normal;
}

blockquote cite span {
    color: #c82332;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
}

blockquote p+cite {
    margin-top: 20px;
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #bababa;
    border-left: 0;
    text-align: right;
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
    content: '';
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014';
}

address {
    font-style: normal;
}

.addr1 {
    margin-top: 9px;
    color: #4a5164;
}

.addr1 dl {
    padding-left: 0;
    margin-top: 0px;
    max-width: 335px;
}

.addr1 dl dt,
.addr1 dl dd {
    font-size: 16px;
    display: inline-block;
    font-weight: 300;
}

.addr1 dl dt {
    width: 24%;
    min-width: 93px;
}

.addr1 dl dd {
    width: 69%;
}

@media (max-width: 1199px) {
    .addr1 dl dd {
        width: 55%;
    }
}

.addr1 dl dd+dt {
    margin-top: 0;
}

.addr1 dl dt+dd {
    margin-top: 0;
}

.addr1 .mail dt {
    width: 15%;
    min-width: 53px;
}

.addr1 .mail dd {
    font-size: 16px;
}

@media (max-width: 991px) {
    .addr1 {
        margin-bottom: 20px;
    }
}

*+.rights {
    margin-top: 47px;
}

article time {
    font-size: 20px;
}

article time+* {
    margin-top: -3px;
}

*+article {
    margin-top: 7px;
}

article+article {
    margin-top: 21px;
}

@media (min-width: 1199px) and (max-width: 99979px) {

    .container-fluid .col-xs-1,
    .container-fluid .col-sm-1,
    .container-fluid .col-md-1,
    .container-fluid .col-lg-1,
    .container-fluid .col-xs-2,
    .container-fluid .col-sm-2,
    .container-fluid .col-md-2,
    .container-fluid .col-lg-2,
    .container-fluid .col-xs-3,
    .container-fluid .col-sm-3,
    .container-fluid .col-md-3,
    .container-fluid .col-lg-3,
    .container-fluid .col-xs-4,
    .container-fluid .col-sm-4,
    .container-fluid .col-md-4,
    .container-fluid .col-lg-4,
    .container-fluid .col-xs-5,
    .container-fluid .col-sm-5,
    .container-fluid .col-md-5,
    .container-fluid .col-lg-5,
    .container-fluid .col-xs-6,
    .container-fluid .col-sm-6,
    .container-fluid .col-md-6,
    .container-fluid .col-lg-6,
    .container-fluid .col-xs-7,
    .container-fluid .col-sm-7,
    .container-fluid .col-md-7,
    .container-fluid .col-lg-7,
    .container-fluid .col-xs-8,
    .container-fluid .col-sm-8,
    .container-fluid .col-md-8,
    .container-fluid .col-lg-8,
    .container-fluid .col-xs-9,
    .container-fluid .col-sm-9,
    .container-fluid .col-md-9,
    .container-fluid .col-lg-9,
    .container-fluid .col-xs-10,
    .container-fluid .col-sm-10,
    .container-fluid .col-md-10,
    .container-fluid .col-lg-10,
    .container-fluid .col-xs-11,
    .container-fluid .col-sm-11,
    .container-fluid .col-md-11,
    .container-fluid .col-lg-11,
    .container-fluid .col-xs-12,
    .container-fluid .col-sm-12,
    .container-fluid .col-md-12,
    .container-fluid .col-lg-12 {
        min-height: 1px;
        padding-left: 25px;
        padding-right: 25px;
    }
}

/*==================  Section1  ======================*/
.section1 {
    padding: 5% 10% 10%;
    background-size: cover;
    font-size: 16px;
}

.section1 .row {
    color: #000;
}


.section1 .row li {
    border-right: 1px solid #ddd;
}

.section1 .row li:last-child {
    border-right: none;
}

.section1 p {
    font-size: 18px;
}

.section1 p+p {
    margin-top: 10px
}


.section1 p,
.section1 .row,
.section1 .more {
    text-align: center;
}

@media (max-width: 991px) {
    .section1 {
        padding: 55px 30px;
    }

}

@media (max-width: 767px) {
    .section1 {
        padding: 55px 0px;

    }

    .section1 p {
        text-align: left;
        text-indent: 2em;
    }

    .section1 img {
        width: 50%
    }


}

.section1 h6 {
    color: #fff;
}

.section1 h6 a:hover {
    color: #c82332;
}


.section1 .row+.row {
    margin-top: 50px;
}



figure {
    color: #fff;
    overflow: hidden;
    position: relative;
    margin: 0 0 0px 56px;
}

figure.offset-right {
    margin: 0 56px 0px 0px;
}

figure.offset-null {
    margin: 0;
}

@media (max-width: 1199px) {
    figure {
        margin: 0 0 0px 0px;
    }

    figure.offset-right {
        margin: 0 0px 0px 0px;
    }
}

figure img {
    width: 100%;
}

figure figcaption {
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(31, 36, 48, 0.9);
    padding: 20px;
    position: absolute;
    padding-right: 120px;
    padding-left: 30px;
}

.lt-ie9 figure figcaption {
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f2430', endColorstr='#ff1f2430');
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f2430', endColorstr='#ff1f2430');
    zoom: 1;
}

@media (max-width: 991px) {
    figure figcaption {
        padding: 20px 10px;
    }
}

figure figcaption h6 {
    color: #fff;
}

figure figcaption.mod1 {
    padding: 24px 9px 25px 30px;
}

@media (max-width: 991px) {
    figure figcaption.mod1 {
        padding: 10px;
    }
}

figure figcaption.mod1 h6 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
}

@media (max-width: 1199px) {
    figure figcaption.mod1 h6 {
        font-size: 26px;
        line-height: 34px;
    }
}

@media (max-width: 767px) {
    figure figcaption.mod1 h6 {
        font-size: 18px;
        line-height: 30px;
    }

    figure figcaption.mod1 h6 br {
        display: none;
    }
}

figure figcaption.mod1 h6 a:hover {
    color: #c82332;
}

@media (max-width: 1400px) {
    figure figcaption p {
        font-size: 14px;
    }
}

figure figcaption .btn2 {
    font-size: 53px;
    color: #c82332;
    position: absolute;
    right: 6px;
    bottom: -4px;
}

figure figcaption .btn2:hover {
    color: #fff;
}

@media (max-width: 991px) {
    figure figcaption p {
        display: none;
    }

    figure figcaption .btn2 {
        bottom: -4px;
    }
}



.culture .con {
    padding: 3rem 2rem;
    background-color: #fafafa;
    font-size: 14px;
}

/*==================   Contact List   ======================*/
.contact ul li {
    padding-bottom: 1.6em;
    margin-bottom: 1.6em;
    border-bottom: 1px solid #eee;
    font-size: 80%;
}

.contact ul li:last-child {
    margin-bottom: 0;
}

.contact ul li em {
    display: inline-block;
    width: 2em;
    text-align: center;
}

.contact ul li p {
    color: #222;
    margin-top: 0;
    font-size: 18px;
}

@media (max-width: 1199px) {
    .contact-list a[href^="callto:"] {
        font-size: 25px;
        line-height: 1.2;
    }
}

.contact-list a[href^="mailto:"] {
    color: #6477a4;
}

.contact-list a[href^="mailto:"]:hover {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {
    .contact-list li {
        display: inline-block;
    }
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 0;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #ffffff;
    background-color: #333333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none;
}

pre {
    display: block;
    padding: 16.5px;
    margin: 0 0 17px;
    font-size: 19px;
    line-height: 1.7;
    word-break: break-all;
    word-wrap: break-word;
    color: #5e5e5e;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 0;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1180px;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1380px;
    }
}
@media (min-width: 1600px) {
    .container {
        width: 1480px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {

    .col-sm-1,
    .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-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {

    .col-md-1,
    .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-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {

    .col-lg-1,
    .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-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #cfcfcf;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 34px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.7;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table>thead>tr>th {
    vertical-align: middle;
    border-bottom: 2px solid #dddddd;
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

.table>tbody+tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #1f2430;
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 25.5px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-responsive>.table {
        margin-bottom: 0;
    }

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap;
    }

    .table-responsive>.table-bordered {
        border: 0;
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0;
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0;
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0;
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 34px;
    font-size: 30px;
    line-height: inherit;
    color: #5e5e5e;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 24px;
    font-size: 20px;
    line-height: 1.7;
    color: #e2e0e0;
}

.form-control {
    display: block;
    width: 100%;
    height: 82px;
    padding: 23px 37px;
    font-size: 20px;
    line-height: 1.7;
    color: #e2e0e0;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
    color: #999999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999999;
}

.form-control::-webkit-input-placeholder {
    color: #999999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #bababa;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"] {
        line-height: 82px;
    }

    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 63.8px;
    }

    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 91.2px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio label,
.checkbox label {
    min-height: 34px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 0;
    min-height: 54px;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0;
}

.input-sm {
    height: 63.8px;
    padding: 18.4px 29.6px;
    font-size: 17px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 63.8px;
    line-height: 63.8px;
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 63.8px;
    padding: 18.4px 29.6px;
    font-size: 17px;
    line-height: 1.5;
    border-radius: 3px;
}

select.form-group-sm .form-control {
    height: 63.8px;
    line-height: 63.8px;
}

textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 63.8px;
    padding: 18.4px 29.6px;
    font-size: 17px;
    line-height: 1.5;
    min-height: 51px;
}

.input-lg {
    height: 91.2px;
    padding: 27.6px 44.4px;
    font-size: 25px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg {
    height: 91.2px;
    line-height: 91.2px;
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 91.2px;
    padding: 27.6px 44.4px;
    font-size: 25px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.form-group-lg .form-control {
    height: 91.2px;
    line-height: 91.2px;
}

textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 91.2px;
    padding: 27.6px 44.4px;
    font-size: 25px;
    line-height: 1.3333333;
    min-height: 59px;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 102.5px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 82px;
    height: 82px;
    line-height: 82px;
    text-align: center;
    pointer-events: none;
}

.input-lg+.form-control-feedback {
    width: 91.2px;
    height: 91.2px;
    line-height: 91.2px;
}

.input-sm+.form-control-feedback {
    width: 63.8px;
    height: 63.8px;
    line-height: 63.8px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
    border-color: #843534;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label~.form-control-feedback {
    top: 39px;
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #8790a6;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto;
    }

    .form-inline .input-group>.form-control {
        width: 100%;
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0;
    }

    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 24px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 58px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 24px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 37.79999908px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 19.4px;
    }
}

.btn {
    display: inline-block;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    background: transparent;
    outline: none;
    text-transform: uppercase;
    padding: 15px 37px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 0;
    -moz-transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

@media (min-width: 768px) {
    .btn {
        font-size: 16px;
    }
}


.btn {
    border-radius: 0;
    padding: .375rem 2.75rem;
    font-family: "RobotoCondensed-Bold"
}

.btn:hover {
    color: #fff;
    background-color: #c82332;
    border-color: #c82332;
}

.btn:hover:active,
.btn:hover.active,
.open>.dropdown-toggle.btn:hover {
    background-image: none;
}

.btn:hover.disabled,
.btn:hover[disabled],
fieldset[disabled] .btn:hover,
.btn:hover.disabled:hover,
.btn:hover[disabled]:hover,
fieldset[disabled] .btn:hover:hover,
.btn:hover.disabled:focus,
.btn:hover[disabled]:focus,
fieldset[disabled] .btn:hover:focus,
.btn:hover.disabled.focus,
.btn:hover[disabled].focus,
fieldset[disabled] .btn:hover.focus,
.btn:hover.disabled:active,
.btn:hover[disabled]:active,
fieldset[disabled] .btn:hover:active,
.btn:hover.disabled.active,
.btn:hover[disabled].active,
fieldset[disabled] .btn:hover.active {
    background-color: #4a5164;
    border-color: #c82332;
}

.btn:hover .badge {
    color: #4a5164;
    background-color: #c82332;
}

.btn-default {
    color: #ffffff;
    background-color: #4a5164;
    border-color: #4a5164;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #4a5164;
    border-color: #4a5164;
}

.btn-default .badge {
    color: #4a5164;
    background-color: #ffffff;
}

.btn-default:focus {
    color: #ffffff;
    background-color: #4a5164;
    border-color: #4a5164;
}

.btn-default:focus:active,
.btn-default:focus.active,
.open>.dropdown-toggle.btn-default:focus {
    background-image: none;
}

.btn-default:focus.disabled,
.btn-default:focus[disabled],
fieldset[disabled] .btn-default:focus,
.btn-default:focus.disabled:hover,
.btn-default:focus[disabled]:hover,
fieldset[disabled] .btn-default:focus:hover,
.btn-default:focus.disabled:focus,
.btn-default:focus[disabled]:focus,
fieldset[disabled] .btn-default:focus:focus,
.btn-default:focus.disabled.focus,
.btn-default:focus[disabled].focus,
fieldset[disabled] .btn-default:focus.focus,
.btn-default:focus.disabled:active,
.btn-default:focus[disabled]:active,
fieldset[disabled] .btn-default:focus:active,
.btn-default:focus.disabled.active,
.btn-default:focus[disabled].active,
fieldset[disabled] .btn-default:focus.active {
    background-color: #4a5164;
    border-color: #4a5164;
}

.btn-default:focus .badge {
    color: #4a5164;
    background-color: #ffffff;
}

.btn-default:hover {
    color: #ffffff;
    background-color: #c82332;
    border-color: #c82332;
}

.btn-default:hover:active,
.btn-default:hover.active,
.open>.dropdown-toggle.btn-default:hover {
    background-image: none;
}

.btn-default:hover.disabled,
.btn-default:hover[disabled],
fieldset[disabled] .btn-default:hover,
.btn-default:hover.disabled:hover,
.btn-default:hover[disabled]:hover,
fieldset[disabled] .btn-default:hover:hover,
.btn-default:hover.disabled:focus,
.btn-default:hover[disabled]:focus,
fieldset[disabled] .btn-default:hover:focus,
.btn-default:hover.disabled.focus,
.btn-default:hover[disabled].focus,
fieldset[disabled] .btn-default:hover.focus,
.btn-default:hover.disabled:active,
.btn-default:hover[disabled]:active,
fieldset[disabled] .btn-default:hover:active,
.btn-default:hover.disabled.active,
.btn-default:hover[disabled].active,
fieldset[disabled] .btn-default:hover.active {
    background-color: #c82332;
    border-color: #c82332;
}

.btn-default:hover .badge {
    color: #c82332;
    background-color: #ffffff;
}

.btn-primary {
    color: #ffffff;
    background-color: #c82332;
    border-color: #c82332;
    text-shadow: 1px 1px 1px #112b62;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #c82332;
    border-color: #c82332;
}

.btn-primary .badge {
    color: #c82332;
    background-color: #ffffff;
}

.btn-primary:focus {
    color: #ffffff;
    background-color: #c82332;
    border-color: #c82332;
}

.btn-primary:focus:active,
.btn-primary:focus.active,
.open>.dropdown-toggle.btn-primary:focus {
    background-image: none;
}

.btn-primary:focus.disabled,
.btn-primary:focus[disabled],
fieldset[disabled] .btn-primary:focus,
.btn-primary:focus.disabled:hover,
.btn-primary:focus[disabled]:hover,
fieldset[disabled] .btn-primary:focus:hover,
.btn-primary:focus.disabled:focus,
.btn-primary:focus[disabled]:focus,
fieldset[disabled] .btn-primary:focus:focus,
.btn-primary:focus.disabled.focus,
.btn-primary:focus[disabled].focus,
fieldset[disabled] .btn-primary:focus.focus,
.btn-primary:focus.disabled:active,
.btn-primary:focus[disabled]:active,
fieldset[disabled] .btn-primary:focus:active,
.btn-primary:focus.disabled.active,
.btn-primary:focus[disabled].active,
fieldset[disabled] .btn-primary:focus.active {
    background-color: #c82332;
    border-color: #c82332;
}

.btn-primary:focus .badge {
    color: #c82332;
    background-color: #ffffff;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #3d475e;
    border-color: #3d475e;
}

.btn-primary:hover:active,
.btn-primary:hover.active,
.open>.dropdown-toggle.btn-primary:hover {
    background-image: none;
}

.btn-primary:hover.disabled,
.btn-primary:hover[disabled],
fieldset[disabled] .btn-primary:hover,
.btn-primary:hover.disabled:hover,
.btn-primary:hover[disabled]:hover,
fieldset[disabled] .btn-primary:hover:hover,
.btn-primary:hover.disabled:focus,
.btn-primary:hover[disabled]:focus,
fieldset[disabled] .btn-primary:hover:focus,
.btn-primary:hover.disabled.focus,
.btn-primary:hover[disabled].focus,
fieldset[disabled] .btn-primary:hover.focus,
.btn-primary:hover.disabled:active,
.btn-primary:hover[disabled]:active,
fieldset[disabled] .btn-primary:hover:active,
.btn-primary:hover.disabled.active,
.btn-primary:hover[disabled].active,
fieldset[disabled] .btn-primary:hover.active {
    background-color: #3d475e;
    border-color: #3d475e;
}

.btn-primary:hover .badge {
    color: #3d475e;
    background-color: #ffffff;
}

.btn-success {
    color: #ffffff;
    background-color: #63cd54;
    border-color: #63cd54;
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #63cd54;
    border-color: #63cd54;
}

.btn-success .badge {
    color: #63cd54;
    background-color: #ffffff;
}

.btn-success:focus {
    color: #ffffff;
    background-color: #63cd54;
    border-color: #63cd54;
}

.btn-success:focus:active,
.btn-success:focus.active,
.open>.dropdown-toggle.btn-success:focus {
    background-image: none;
}

.btn-success:focus.disabled,
.btn-success:focus[disabled],
fieldset[disabled] .btn-success:focus,
.btn-success:focus.disabled:hover,
.btn-success:focus[disabled]:hover,
fieldset[disabled] .btn-success:focus:hover,
.btn-success:focus.disabled:focus,
.btn-success:focus[disabled]:focus,
fieldset[disabled] .btn-success:focus:focus,
.btn-success:focus.disabled.focus,
.btn-success:focus[disabled].focus,
fieldset[disabled] .btn-success:focus.focus,
.btn-success:focus.disabled:active,
.btn-success:focus[disabled]:active,
fieldset[disabled] .btn-success:focus:active,
.btn-success:focus.disabled.active,
.btn-success:focus[disabled].active,
fieldset[disabled] .btn-success:focus.active {
    background-color: #63cd54;
    border-color: #63cd54;
}

.btn-success:focus .badge {
    color: #63cd54;
    background-color: #ffffff;
}

.btn-info {
    color: #ffffff;
    background-color: #4acad5;
    border-color: #4acad5;
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #4acad5;
    border-color: #4acad5;
}

.btn-info .badge {
    color: #4acad5;
    background-color: #ffffff;
}

.btn-info:focus {
    color: #ffffff;
    background-color: #4acad5;
    border-color: #4acad5;
}

.btn-info:focus:active,
.btn-info:focus.active,
.open>.dropdown-toggle.btn-info:focus {
    background-image: none;
}

.btn-info:focus.disabled,
.btn-info:focus[disabled],
fieldset[disabled] .btn-info:focus,
.btn-info:focus.disabled:hover,
.btn-info:focus[disabled]:hover,
fieldset[disabled] .btn-info:focus:hover,
.btn-info:focus.disabled:focus,
.btn-info:focus[disabled]:focus,
fieldset[disabled] .btn-info:focus:focus,
.btn-info:focus.disabled.focus,
.btn-info:focus[disabled].focus,
fieldset[disabled] .btn-info:focus.focus,
.btn-info:focus.disabled:active,
.btn-info:focus[disabled]:active,
fieldset[disabled] .btn-info:focus:active,
.btn-info:focus.disabled.active,
.btn-info:focus[disabled].active,
fieldset[disabled] .btn-info:focus.active {
    background-color: #4acad5;
    border-color: #4acad5;
}

.btn-info:focus .badge {
    color: #4acad5;
    background-color: #ffffff;
}

.btn-warning {
    color: #ffffff;
    background-color: transparent;
    border-color: #d8c860;
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: transparent;
    border-color: #d8c860;
}

.btn-warning .badge {
    color: transparent;
    background-color: #ffffff;
}

.btn-warning:focus {
    color: #ffffff;
    background-color: transparent;
    border-color: #d8c860;
}

.btn-warning:focus:active,
.btn-warning:focus.active,
.open>.dropdown-toggle.btn-warning:focus {
    background-image: none;
}

.btn-warning:focus.disabled,
.btn-warning:focus[disabled],
fieldset[disabled] .btn-warning:focus,
.btn-warning:focus.disabled:hover,
.btn-warning:focus[disabled]:hover,
fieldset[disabled] .btn-warning:focus:hover,
.btn-warning:focus.disabled:focus,
.btn-warning:focus[disabled]:focus,
fieldset[disabled] .btn-warning:focus:focus,
.btn-warning:focus.disabled.focus,
.btn-warning:focus[disabled].focus,
fieldset[disabled] .btn-warning:focus.focus,
.btn-warning:focus.disabled:active,
.btn-warning:focus[disabled]:active,
fieldset[disabled] .btn-warning:focus:active,
.btn-warning:focus.disabled.active,
.btn-warning:focus[disabled].active,
fieldset[disabled] .btn-warning:focus.active {
    background-color: transparent;
    border-color: #d8c860;
}

.btn-warning:focus .badge {
    color: transparent;
    background-color: #ffffff;
}

.btn-danger {
    color: #ffffff;
    background-color: transparent;
    border-color: #f44236;
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: transparent;
    border-color: #f44236;
}

.btn-danger .badge {
    color: transparent;
    background-color: #ffffff;
}

.btn-danger:focus {
    color: #ffffff;
    background-color: transparent;
    border-color: #f44236;
}

.btn-danger:focus:active,
.btn-danger:focus.active,
.open>.dropdown-toggle.btn-danger:focus {
    background-image: none;
}

.btn-danger:focus.disabled,
.btn-danger:focus[disabled],
fieldset[disabled] .btn-danger:focus,
.btn-danger:focus.disabled:hover,
.btn-danger:focus[disabled]:hover,
fieldset[disabled] .btn-danger:focus:hover,
.btn-danger:focus.disabled:focus,
.btn-danger:focus[disabled]:focus,
fieldset[disabled] .btn-danger:focus:focus,
.btn-danger:focus.disabled.focus,
.btn-danger:focus[disabled].focus,
fieldset[disabled] .btn-danger:focus.focus,
.btn-danger:focus.disabled:active,
.btn-danger:focus[disabled]:active,
fieldset[disabled] .btn-danger:focus:active,
.btn-danger:focus.disabled.active,
.btn-danger:focus[disabled].active,
fieldset[disabled] .btn-danger:focus.active {
    background-color: transparent;
    border-color: #f44236;
}

.btn-danger:focus .badge {
    color: transparent;
    background-color: #ffffff;
}

.btn-link {
    display: inline-block;
    color: #ffffff;
    font-weight: 700;
    border-radius: 0;
    font-size: 14px;
    position: relative;
}

.btn-link:focus {
    color: inherit;
    font-size: inherit;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}

.btn-link:hover {
    color: #c82332;
    text-decoration: none;
    background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #cfcfcf;
    text-decoration: none;
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 27.6px 44.4px;
    font-size: 25px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 18.4px 29.6px;
    font-size: 17px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 9.2px 14.8px;
    font-size: 17px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -moz-transition: opacity 0.15s linear;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    float: left;
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
    z-index: 2;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left;
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group>.btn-group {
    float: left;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical>.btn-group>.btn {
    float: none;
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%;
}

.btn-group-justified>.btn-group .btn {
    width: 100%;
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto;
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 91.2px;
    padding: 27.6px 44.4px;
    font-size: 25px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 91.2px;
    line-height: 91.2px;
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 63.8px;
    padding: 18.4px 29.6px;
    font-size: 17px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 63.8px;
    line-height: 63.8px;
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 23px 37px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    color: #e2e0e0;
    text-align: center;
    background-color: #bababa;
    border: 1px solid #cccccc;
    border-radius: 0;
}

.input-group-addon.input-sm {
    padding: 18.4px 29.6px;
    font-size: 17px;
    border-radius: 3px;
}

.input-group-addon.input-lg {
    padding: 27.6px 44.4px;
    font-size: 25px;
    border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn>.btn {
    position: relative;
}

.input-group-btn>.btn+.btn {
    margin-left: -1px;
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: -1px;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.nav>li {
    position: relative;
    display: block;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #bababa;
}

.nav>li.disabled>a {
    color: #cfcfcf;
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #cfcfcf;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    border-color: #4a5164;
}

.nav .nav-divider {
    height: 1px;
    margin: 16px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav>li>a>img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #dddddd;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.7;
    border: 1px solid transparent;
    border-radius: 0 0 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #bababa #bababa #dddddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #e2e0e0;
    background-color: #1f2430;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-tabs.nav-justified>li {
    float: none;
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%;
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 0;
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #dddddd;
        border-radius: 0 0 0 0;
    }

    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #1f2430;
    }
}

.nav-pills>li {
    float: left;
}

.nav-pills>li>a {
    border-radius: 0;
}

.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #1f2430;
    background-color: transparent;
}

.nav-stacked>li {
    float: none;
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified {
    width: 100%;
}

.nav-justified>li {
    float: none;
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified {
    border-bottom: 0;
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 0;
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #dddddd;
        border-radius: 0 0 0 0;
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border-bottom-color: #1f2430;
    }
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 47px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 768px) {

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-header {
    font-size: 40px;
    color: #1f2430;
    text-transform: uppercase;
    background: url(../images/logo.webp) 0 no-repeat;
    background-size: contain;
    height: 108px;
    width: 280px;
}

.navbar-header a {
    display: block;
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
        display: inline-block;
    }
}

.navbar-header .navbar-brand {
    font-weight: 300;
}

.navbar-header .navbar-brand span {
    font-weight: 700;
    color: #c82332;
}

.navbar-brand {
    overflow: hidden;
}

.navbar-brand a:hover,
.navbar-brand a:focus {
    color: #1f2430;
    text-decoration: none;
}

@media (min-width: 768px) {
    .navbar-nav {
        margin: 0;
        font-family: sans-serif, "Microsoft Yahei";
    }

    .navbar-nav>li {
        float: left;
    }

    .navbar-nav>li>a {
        display: block;
        font-size: 16px;
        line-height: 28px;
        font-weight: 700;
        padding: 40px 32px;
        font-family: sans-serif, "Microsoft Yahei";
        text-transform: uppercase;
    }


}

@media(max-width:1200px) {
    .navbar-nav>li>a {
        padding: 40px 15px;
    }

    .dropdown-menu {
        margin-left: -25px !important;
    }
}

@media(max-width:992px) {
    .navbar-nav>li>a {
        padding: 40px 15px;
    }

    .dropdown-menu {
        margin-left: -25px !important;
    }
}


@media (min-width: 768px) and (max-width: 767px) {
    .navbar-nav>li>a {
        padding: 10px 20px;
        font-style: italic;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left;
    }

    .navbar-right {
        float: right;
        margin-right: -15px;
    }

    .navbar-right~.navbar-right {
        margin-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-right {
        float: none;
        margin-right: 0px;
        display: inline-block;
    }
}

.navbar-default {
    background-color: #ffffff;
    border-color: none;
}

.navbar-default .navbar-brand {
    color: #1f2430;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #1f2430;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a {
    color: #1f2430;
}

.navbar-default .navbar-nav>li>a:focus {
    color: #1f2430;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #ffffff;
    background-color: #00269a;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.sfHover>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.sfHover>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.sfHover>a:focus {
    color: #ffffff;
    background-color: #00269a;
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #cccccc;
    background-color: transparent;
}

.navbar-inverse {
    background-color: #222222;
    border-color: #080808;
}

.navbar-inverse .navbar-brand {
    color: #f5f5f5;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #f5f5f5;
}

.navbar-inverse .navbar-nav>li>a {
    color: #f5f5f5;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.sfHover>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.sfHover>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.sfHover>a:focus {
    color: #ffffff;
    background-color: #080808;
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444444;
    background-color: transparent;
}

@media (max-width: 767px) {
    .navbar {
        display: none;
    }
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    margin: 2px 0 0;
    margin-left: -7px;
    list-style: none;
    font-size: 20px;
    text-align: left;
    background-color: rgba(255, 255, 255, .95);
    margin-top: 1px;
    padding: 20px 10px;
    -moz-box-shadow: 0 20px 25px 0px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 20px 25px 0px rgba(0, 0, 0, 0.175);
    box-shadow: 0 20px 25px 0px rgba(0, 0, 0, 0.175);
    width: 142px;
    font-family: sans-serif, "Microsoft";
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 16px 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.1);
}

.dropdown-menu>li>a {
    display: block;
    clear: both;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 25px;
    padding: 7px 0;
    color: #222;
    text-align: center;
}

.sf-menu ul>li>.sf-with-ul {
    position: relative;
}

.sf-menu ul>li>.sf-with-ul:before {
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -11px;
    content: '\e0c2';
    font-size: 23px;
    color: #c82332;
    font-family: "material-design";
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #00269a;
    background-color: transparent;
}

.dropdown-menu>.active>a,
.dropdown-menu>.sfHover>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.sfHover>a:hover,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.sfHover>a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: transparent;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #cfcfcf;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.open>.dropdown-menu {
    display: block;
}

.open>a {
    outline: 0;
}

@media (max-width: 767px) {
    .dropdown-menu {
        display: block;
        position: relative;
        float: none;
        width: auto;
    }
}

.sf-menu>li>ul li {
    position: relative;
}

.sf-menu>li>ul li ul.dropdown-menu {
    position: absolute;
    left: 100%;
    top: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 17px;
    line-height: 1.7;
    color: #cfcfcf;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 34px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0;
}

.breadcrumb>li {
    display: inline-block;
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
}

.breadcrumb>.active {
    color: #cfcfcf;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 34px 0;
    border-radius: 0;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 23px 37px;
    line-height: 1.7;
    text-decoration: none;
    color: #4a5164;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #c82332;
    background-color: #bababa;
    border-color: #dddddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #c82332;
    border-color: #c82332;
    cursor: default;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #cfcfcf;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 27.6px 44.4px;
    font-size: 25px;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 18.4px 29.6px;
    font-size: 17px;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 34px 0;
    list-style: none;
    text-align: center;
}

.pager li {
    display: inline;
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #bababa;
}

.pager .next>a,
.pager .next>span {
    float: right;
}

.pager .previous>a,
.pager .previous>span {
    float: left;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #cfcfcf;
    background-color: #ffffff;
    cursor: not-allowed;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover,
a.label:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #cfcfcf;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #b6b6b6;
}

.label-primary {
    background-color: #c82332;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #2051b9;
}

.label-success {
    background-color: #63cd54;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #46b836;
}

.label-info {
    background-color: #4acad5;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #2cb4c0;
}

.label-warning {
    background-color: #d8c860;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ceba37;
}

.label-danger {
    background-color: #f44236;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #ea1b0d;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: none;
    border-radius: 10px;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge,
.btn-group-xs>.btn .badge {
    top: 0;
    padding: 1px 5px;
}

a.badge:hover,
a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #4a5164;
    background-color: #ffffff;
}

.list-group-item>.badge {
    float: right;
}

.list-group-item>.badge+.badge {
    margin-right: 5px;
}

.nav-pills>li>a>.badge {
    margin-left: 3px;
}

.jumbotron {
    color: #ffffff;
    height: 100%;
    font-size: 55px;
}

.thumbnail {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
}

.thumbnail .caption {
    margin-top: 15px;
}

.thumbnail3 {
    max-width: 270px;
}

.thumbnail4 {
    max-width: 370px;
}

@media (max-width: 991px) {
    .thumbnail6 {
        max-width: 370px;
    }
}

.alert {
    padding: 15px;
    margin-bottom: 34px;
    border: 1px solid transparent;
    border-radius: 0;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert>p,
.alert>ul {
    margin-bottom: 0;
}

.alert>p+p {
    margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 34px;
    margin-bottom: 34px;
    background-color: #d6d5d5;
    border-radius: 0;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 17px;
    line-height: 34px;
    color: #1f2430;
    text-align: center;
    background-color: #c82332;
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-transition: width 0.6s ease;
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #63cd54;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #4acad5;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #d8c860;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #f44236;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media:first-child {
    margin-top: 0;
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-right,
.media>.pull-right {
    padding-left: 10px;
}

.media-right img,
.media>.pull-right img {
    max-width: none;
}

.media-left,
.media>.pull-left {
    padding-right: 27px;
}

.media-left img,
.media>.pull-left img {
    max-width: none;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

@media (max-width: 450px) {

    .media-left,
    .media-right,
    .media-body {
        display: block;
        width: 100%;
    }
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

a.list-group-item {
    color: #555555;
}

a.list-group-item .list-group-item-heading {
    color: #333333;
}

a.list-group-item:hover,
a.list-group-item:focus {
    text-decoration: none;
    color: #555555;
    background-color: #f5f5f5;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #bababa;
    color: #cfcfcf;
    cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #cfcfcf;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #1f2430;
    background-color: transparent;
    border-color: transparent;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: rgba(102, 102, 102, 0);
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success {
    color: #3c763d;
}

a.list-group-item-success .list-group-item-heading {
    color: inherit;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info {
    color: #31708f;
}

a.list-group-item-info .list-group-item-heading {
    color: inherit;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning {
    color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger {
    color: #a94442;
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 34px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 0;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: -1;
    border-top-left-radius: -1;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 23px;
    color: inherit;
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1;
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: -1;
    border-top-left-radius: -1;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1;
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group+.panel-footer {
    border-top-width: 0;
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0;
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
    padding-left: 15px;
    padding-right: 15px;
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: -1;
    border-top-left-radius: -1;
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: -1;
    border-top-right-radius: -1;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: -1;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: -1;
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1;
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: -1;
    border-bottom-right-radius: -1;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: -1;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: -1;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #dddddd;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 34px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}

.panel-group .panel+.panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd;
}

.panel-default {
    border-color: #dddddd;
}

.panel-default>.panel-heading {
    color: #5e5e5e;
    background-color: #f5f5f5;
    border-color: #dddddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dddddd;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #5e5e5e;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #dddddd;
}

.panel-primary {
    border-color: #c82332;
}

.panel-primary>.panel-heading {
    color: #ffffff;
    background-color: #c82332;
    border-color: #c82332;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #c82332;
}

.panel-primary>.panel-heading .badge {
    color: #c82332;
    background-color: #ffffff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #c82332;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video,
.embed-responsive img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.embed-responsive img{object-fit: cover}

.embed-responsive-16by6 {
    padding-bottom: 40%;
}


.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom:66.5%;
    /*padding-bottom: 75%;*/
}

.embed-responsive-1by1 {
    padding-bottom: 100%;
}

.embed-responsive-3by4 {
    padding-bottom: 125%;
}
.embed-responsive-3by5 {
    padding-bottom: 100%;
    position: relative;
}
.embed-responsive-3by5 img{width: auto;max-width: 100%;left: 50%;transform: translateX(-50%);}
.well {
    padding-bottom: 86px;
    padding-top: 81px;
}

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.well2 {
    padding-top: 190px;
    padding-bottom: 176px;
}

@media (max-width: 767px) {
    .well2 {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

.well3 {
    padding-top: 69px;
    padding-bottom: 87px;
}

.well4 {
    padding-top: 90px;
    padding-bottom: 87px;
}

.well5 {
    padding-top: 117px;
    padding-bottom: 64px;
}

@media (max-width: 767px) {
    .well5 {
        padding-top: 80px;
    }
}

.well6 {
    padding-top: 205px;
    padding-bottom: 176px;
}

@media (max-width: 767px) {
    .well6 {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

.well7 {
    padding-top: 69px;
    padding-bottom: 85px;
}

.well8 {
    padding-top: 82px;
    padding-bottom: 85px;
}

.close {
    float: right;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.lt-ie9 .close {
    filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.lt-ie9 .close:hover,
.lt-ie9 .close:focus {
    filter: alpha(opacity=50);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.lt-ie9 .modal-backdrop.fade {
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.lt-ie9 .modal-backdrop.in {
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.7px;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.7;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

.lt-ie9 .tooltip {
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.lt-ie9 .tooltip.in {
    filter: alpha(opacity=90);
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    border-radius: 0;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.7;
    text-align: left;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 20px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover>.arrow {
    border-width: 11px;
}

.popover>.arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #ffffff;
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #ffffff;
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    bottom: -10px;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-nav:before,
.navbar-nav:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-nav:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-nav:before,
.navbar-nav:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-nav:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.hide {
    display: none !important;
}

/*.show {
    display: block !important;
}*/

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}




.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

@media(max-width: 500px) {
    .d-flex {
        display: none !important
    }

}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

.btn-secondary {
    color: #fff;
    background-color: #00A7E1;
    border-color: #00A7E1
}


.btn-diamond {
    position: relative;
    transform: skewX(-15deg)
}

.btn-diamond>* {
    display: inline-block;
    transform: skewX(15deg)
}

.btn-outline-cs {
    border-color: #DDD
}

.btn-lg.btn-outline-cs,
.btn-group-lg>.btn.btn-outline-cs {
    padding: .75rem 1rem;
    font-size: 1rem;
    line-height: 1.5
}

.btn-lg.btn-outline-cs i,
.btn-group-lg>.btn.btn-outline-cs i {
    font-size: .7rem
}

.btn-outline-dark:hover {
    background-color: #222;
    border-color: #222
}

.btn-outline-dark:hover i {
    color: #fff
}







.banner {
    width: 100%;
    position: relative;
}

.banner img {
    width: 100%;_height:100vh;object-fit: cover;
    image-rendering: -moz-crisp-edges; /* Firefox */     
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; \
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
.banner .slogan{position: absolute;left:5%;width:50%;top:50%;transform: translateY(-50%);}

.banner .slogan h1{font-size:500%;color:rgba(29, 38, 58, 1);font-weight: 100}

.banner .slogan.style2{left:15%;}
.banner .slogan.style2.style3{text-align: right;width:58%}
.banner .slogan.style2 h1{font-weight:800;color:#fff;}
.banner .slogan.style2.dark h1{color:#333;}

.banner .slogan .but{background-color: #fff;border-radius: 15px;padding:.5em;width:25vw;transition: 600ms;
    box-shadow: 0px 44px 64px  rgba(0, 0, 0, 0.1);margin-top:3em}
.banner .slogan .but a{border-radius: 10px;
background: rgba(10, 4, 60, 1);display: inline-block;color:#fff;padding:.5em 1.5em}
.banner .slogan .but:hover{transform: translateY(10px);box-shadow: 0px 24px 44px  rgba(0, 0, 0, 0.2);m}
.banner .slogan .but:hover a{background-color: rgba(221, 33, 167, 1)}



.bannerpage {
    position: absolute;
    z-index: 55;
    text-align: center;
    bottom: 0;
    left:0;
    padding: 2rem 0rem;
    width: 100%;
}

.bannerpage .swiper-pagination-bullet {
    background-color: #fff;
    width: 7px;
    height: 7px;
    margin-left:.35rem;
    margin-right:.35rem;
}

.bannerpage .swiper-pagination-bullet-active {
    transform: scale(1.09);
    transform: scale(1.8);
}

.swipernav {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 5rem;
    left: -90px;
    top: 50%;
    background-color:#fff;
    transform: translateY(-50%);
    z-index: 100;
    cursor: pointer;
    text-align: center;
    transition: 600ms;
    box-shadow:5px 10px 25px rgba(0,0,0,.1);
}






.swipernav:hover {
    color: #fff;
    background-color: #333;
}




.swipernav .iconfont {
    font-size:180%;
    display: inline-block;
}

.nexta.swipernav {
    left: auto;
    right: -90px;
}

@media(min-width:768px) and (max-width:1500px){

    .bigitb.container{padding-left:90px;padding-right:90px;}
    .bigit .swiper-wrapper{align-items: center;}
    .swipernav{left:0;}
    .nexta.swipernav {
    left: auto;
    right: 0;
}
}


.more,.more2{margin-top:2rem}
.more a,
.more2 a {
    display: inline-block;
    color: #333;
    transition: 400ms;
    border-radius: 5em;
    padding: .5rem 3rem;
    border: 1px solid #555;
}



.more2 a {
    border: 1px solid #fff;
   
    border-radius: 5em;
    color:#fff;
}

.more2 a .iconfont{margin-left:-1rem;margin-right:1rem;font-size:120%}
.more2 a:hover {
    background-color: #fff;
    box-shadow: 0 15px 15px rgba(255, 102, 0, .2);
    transform: translateY(-5px);
    color:#333;
}
.more a:hover{
    background-color: #c82332;border-color:#c82332;color:#fff;
}






.newslist a p {
    line-height: 1.5;
    margin: 0
}

.newslist a p+span {
    color: #aaa;
    margin-top: 1rem;
    font-size: 80%
}

.ddate{font-size:250%;text-align: center;font-weight:800;line-height: 1.25}
.ddate small{display: block;font-size:35%;font-weight:400}
.medias a {
    position: relative;
    overflow: hidden;
}

.medias i {
    display: inline-block;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 70px;
    height: 70px;
    line-height: 70px;
    z-index: 55;
    border-radius: 5em;
}

.caselist a:after {
    content: '';
    position: absolute;
    background: url(../images/bg.webp) bottom center repeat-x;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 11
}

.newslist.medias a {
    border-left: none;
    border-right: none;
}

.medias a:hover i {
    background-color: #fff;
}

.medias a p {
    width: 100%;
    text-align: center;
    width: 100%;
    padding: 1rem;
}

.position .location {
    float: right;
}

@media (max-width:767px) {
    .position {
        margin-bottom: 2em;
    }

    .position .location {
        display: none;
    }

}

.location i {
    color: #c82332;
    margin-right: 1em;
}

.pagebanner img {
    width: 100%;
}

.pagebanner .blue {
    color: #3a91eb
}

.pagebanner {
    position: relative;

}

.pagebanner .container {
    z-index: 55;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pagebanner .container h2 {
    text-transform: uppercase;
}

.pagebanner .container h3 {
    font-weight: 400;
}


@media (max-width:767px) {
    .pagebanner {
        height: 30vh
    }

    .pagebanner img {
        height: 100%;
        object-fit: cover;
        max-width: none;
    }

    .pagebanner .container h3 {
        font-size: 100%
    }
}

/*鏂伴椈*/

.newscon {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    max-width: 1200px;
    padding: 70px 0;
}

@media(max-width: 650px) {
    .newscon {
        padding-bottom: 40px;
        max-width: 90%;
    }
}

.newslist dd:hover a {
    transform: translateY(-10px);
    box-shadow: 0 15px 25px rgba(0, 0, 0, .1)
}

.newslist a {
    display: block;

    background-color:#fff;
        height: 100%;

}

.newslist a *,
.newslist a {
    transition: 500ms
}

.nlist a{padding:2rem;border-bottom:1px solid #eee;display: block;}
.nlist a:hover{background-color: #eee}
.nlist .pic img{object-fit: cover;width:100%;height:100%;}
.nlist a .date span:nth-child(1) {
    font-size: 50px;
    color: #222;
}


.nlist a p {
    margin-top: 10px;
    color: #aaa;
}

.nlist a .date span {
    display: block;
    font-family: "Conv_DINCondensedC";
    color: #777;
    text-align: center;
    line-height: 1.2
}



.caselist dd a {
    position: relative;
    display: block;
}

.caselist dd a .info {
    position: absolute;
    padding: 0 1rem 1rem;
    color: #fff;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 48;
    text-align: center;
}

.caselist dd,
.index.caselist dd {
    width: 50%;
    padding: 15px;
}

.caselist dd img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: none;
}

.newslist,
.caselist {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.newslist dd {
    padding: 15px;
    width: 100%;
}

@media(min-width:768px) {
    .newslist dd {
        width: 50%;
    }

    .caselist dd,
    .index.caselist dd {
        width: 33.33333%;
    }
}

@media(min-width:1200px) {
    .newslist dd {
        width: 33.3333%;
    }

    .index.caselist dd {
        width: 20%;
    }

}

.pages {
    display: flex;
    flex-wrap: wrap;
}

.pages li {
    width: 33.333%;
    text-align: center;
}

.newslist .pic img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: none;
}

.newslist .info {
    padding: 2rem;
}


.submenu li {
    position: relative;
    margin-bottom: 2px
}

.submenu li * {
    transition: 400ms;
}

.submenu li:before {
    content: "";
    width: 5px;
    height: 100%;
    display: block;
    position: absolute;
    left: -15px;
    top: 0;
    background-color: #eee;

}

.submenu li:hover a {
    color: #c82332;
    font-weight: 800;
}

.submenu li:hover:before,
.submenu li.on:before {
    background-color: #c82332;
}




.intxt,
.contactform .row textarea {
    background-color: #fff;
    border: none;
    width: 100%;
    padding: .7rem;
}

.contactform .row div {
    margin-bottom: 2rem;
}

.contactform .coolbg {
    color: #fff;
    background-color: #c82332;
    padding: 1em 4em;
    border: none;
    border-radius: 3px;
    transition: 400ms;
}

@media (max-width:500px) {

    .contactform .coolbg {
        width: 100%;
        text-align: center;
    }

}

.contactform .coolbg:hover {
    transform: translateY(-5px);
    background-color: #00A7E1
}

@media (max-width:767px) {
    .contactform .row div {
        margin-bottom: .5rem;
    }

    .contactform .text-right {
        text-align: left;
    }
}

.zhiliang .mb-2 {
    margin-bottom: 2.5rem;
}

.person {
    padding-top: 2em
}


.newslist li.col-lg-4 span {
    display: block;
    max-height: 163px;
    overflow: hidden;
    text-align: center;
}

.newslist li.col-lg-4 span img {
    max-height: 100%;
    transition-duration: 350ms;
}

.newslist a:hover span img {
    transform: scale(1.2);
}

@media (max-width: 991px) {
    .newslist .row .col-sm-6 {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {

    /*.newslist a{padding-top: 0;}*/
    /*.newslist .row .date{display: none;}*/
    .newslist .row .col-xs-8 {
        padding-right: 0;
    }

    /*.newslist .row .col-xs-8 .txtover{display: none;}*/

    .newslist .row .col-xs-4 {
        padding: 0;
    }

    .newslist li.col-lg-4 span {
        max-height: none;
        margin-bottom: 2rem;
    }


}



.zhiliang video {
    width: 100% !important;
    height: auto !important;
}


.hd>ul,
.hd {
    display: flex;
    align-items: center;
}

.hd,
.menu .flex {
    justify-content: space-between;
    width: 100%
}

.head-logo {
    width: 100px;
    margin:0;
}
.head-logo a{display: block;height:100%;}


.head-logo img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-position: center center;
}

.sbtn {
    border: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
    font-size: 20px;
}

.formsearch {
    position: relative;
    padding-right: 40px;
    border: 1px solid #eee;
    width: 280px;
    line-height: 30px
}

.formsearch .intxt {
    padding-top: 0;
    padding-bottom: 0;
    color: #aaa;
    font-size: 12px
}



.flex {
    display: flex;
    width: 100%;
    flex-wrap:wrap;
}
.flexnow{display: flex;}
.flex.row{width:unset;flex-wrap:wrap;}
.flex > div{float:none;}
.slogan {
    font-weight: 400;
    font-size: 100%;
    margin: 0
}



.weixin {
    position: relative;

}





.qr {
    display: none;
    position: absolute;
    background-color: #c82332;
    padding: 1rem 2rem;
    border-radius: 10px;
    top: 110%;
    right: 0;
    z-index: 500;
    text-align: left;
    color:#000;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .1)
}


.hd .slogan {
    vertical-align: middle
}

.bd {
    border-bottom: 1px solid #eee;
}

.links {
    font-size: 80%;
}

.links i {
    margin-right: .5rem
}

.links a {
    margin: 0 1rem;
    color: #777;
}

.hw-right a {
    margin-left: 2rem;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    line-height: 60px;
}

.hw-right i {
    font-size: 30px;
    vertical-align: middle;
    margin-right: .5rem;
}

.hw-right a i.icon-gouwuchexuanzhong {
    color: #c82332;
    font-size: 25px;
}

.header.active{position: fixed;top:0;left:0;right:0;width:100%;background-color: #fff;box-shadow: 0 25px 65px rgba(0,0,0,.1)}





.menu img {
    width: 100%;
}

.menu>ul>li>a {
    display: block;
    position: relative;
    color: #222;
    padding: 1.9rem 2rem;
    font-size:115%;
}
.menu>ul>li{position: relative;padding: 0 !important;}
header .menu .pcdown-menu{position: absolute;width: 100%;display: block;background: #fff;}
header .menu .pcdown-menu li{overflow: hidden;height: 0rem;width: 100%;display: block;text-align: center;line-height: 2.5rem;transition-duration: 350ms;}
header .menu .pcdown-menu li a{display: block;transition-duration: 350ms;border-bottom: 1px solid #e5e5e5;position: relative;}
header .menu .pcdown-menu li:hover a{background: #c82332;color: #fff;}
header .menu li:hover .pcdown-menu li{height: 2.5rem;}
header .menu a i{position: absolute;left: 0;bottom: 0;width: 0;height: 0.35rem;background: #c82332;display: block;transition-duration: 350ms;}
header .menu li:hover i,header .menu li.active i{width: 100%;}

.footerpc{}
.footerwap{display: none;}

@media (min-width:1200px) {
    .head-logo {
        width: 250px;
        height: 96px;
    }

    .head-right {
        width: calc(100% - 250px)
    }
    .menu>ul>li{padding:1.4rem 0}

}


@media (min-width:1400px) {


    .head-right {
        width: calc(100% - 250px)
    }

    .menu>ul>li>a {
        padding: 1.9rem 2rem;
    }
}
@media (min-width:1600px) {


    .head-right {
        width: calc(100% - 250px)
    }

    .menu>ul>li>a {
        padding: 1.9rem 2rem;
    }
}

.menu>ul>li>a:hover,
.menu>ul>li.active>a {
   color: #c82332;
    font-weight:800;

}

.menu>ul>li {
}

.menu .pic {
    overflow: hidden;
    border-radius: ;
}

.menu .pic img {
    width: 100%;
    object-fit: cover;
}

.twonav {
    position: fixed;
    width:100%;
    left: 0;
    top:48px;
    z-index: 1000;
    display: none;
    background-color: #f4f4f4;
    height:320px;
}

@media(max-width:1100px){
.twonav .container{
    width:100%;}
}


@media(min-width:990px){
.twonav {
    top:55px;}
}



@media(min-width:1300px){
.twonav {
    top:96px;height:420px}
}
.twonav .container ul.flex{display:flex;justify-content: unset;}

.twonav ul li {
    width:50%;
}


.twonav ul li a {
    color: #222;
    display: block;
    padding:1rem 0;
    line-height: 1.25;
}


.twonav ul li a:hover {
background-color:#000;
color:#fff;
}
.twonav ul li a .iconfont{margin:0 .5rem}
.twonav ul li a:hover .iconfont{color:#fff;}

#menutab {
    display: block;
    width: 30%;
    padding-top: 1rem
}

#menutab li img {
    width: 90px;
    float: right;
}

#menutab li:after,
#menutab li:before {
    content: '';
    clear: both;
    display: table;
}

#menutab li {
    cursor: pointer;
    padding: 0 0 0 2rem;
    line-height: 55px
}

#menutab li.active,
#menutab li:hover {
    color: #c82332
}

.tabcon {
    width: 70%
}

.tabcon .content {
    display: none
}

.tabcon .info ul,
.twonav .flex {
    align-items: center;
    justify-content: space-between
}

.tabcon .info ul li img {
    border-radius: 5em;
    overflow: hidden;
    width: 30px;
    height: 30px;
}

.tabcon .info ul li {
    padding: 0 5px
}

.select-main,.select-index-main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition-duration: 500ms;
    z-index: 99999;
    transform: translateY(-100%);
}

.select-main.scshow,.select-index-main.scshow {
    transform: translateY(0);
}

.select-bg {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}

.select-main .select-content,.select-index-main .select-content {
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
    padding: 15vh 14vw;
}
.select-content .formsearch {border-radius: 5px;padding-right:0;overflow: hidden;}
.select-content .formsearch .item{width:10%}
.select-content .formsearch .item:first-child{width:90%;}

.select-content .formsearch .intxt{line-height: 60px;font-size:110%;padding:0 1rem;box-sizing: border-box;}
.select-content .formsearch button{border:none;background-color: #000;color:#fff;text-align:center;line-height: 60px;display: block;width:100%;font-size:130%;height:60px;overflow:hidden;}


.select-index-main .select-content{position: absolute;top: 0;width: 100%;background: #fff;padding: 5% 3%;}
.select-index-main .select-content .search-keyword{float: left;padding: 0 1.5vw;font-size: 18px;width: 80%;line-height: 60px;height: 60px;border: 1px solid #ddd;}
.select-index-main .select-content .search-btn{float: left;width: 20%;line-height: 60px;height: 60px;border: none;font-size: 18px;background: #ddd;transition-duration: 500ms;}
.select-index-main .select-content .search-btn:hover{background: #c82332;color: #fff;}


.moff {
    display: block;
}

.mon {
    display: none;
}

@media(max-width: 900px) {
    .select-main .select-content {
        padding: 10vw
    }

    .select-main .select-content .search-btn {
        width: 15vw
    }

    .moff {
        display: none;
    }

    .mon {
        display: block;
    }
}

.mobile {
    display: none;
}

.header-menu {
    display: none;
}

@media(max-width: 930px) {
    body {
        padding-top: 55px
    }

    .mobile {
        z-index: 999999;
        position: fixed;
        width: 100vw;
        height: 100vh;
        background-color: #f2f0f8;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding-top: 49%;
        box-sizing: border-box;
        color: #45268a;

    }

    .header {
        display: none
    }

    .header-menu {
        display: block;
        background-color: #fff;
        height: 56px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1000;
        box-shadow:0 10px 15px rgba(0,0,0,.1);
    }



    .header-menu .head-logo {
        border-right: 0;
        height: 56px;
        width: 200px;padding-left:10px;
    }

    .header-menu .flags {
        position: absolute;
        top: 0;
        right: 65px;
    }

    .header-menu .flags>a {
        line-height: 55px;
    }

    .flags>a>img {
        max-height: 22px
    }
}

.menu-m {
    z-index: 99999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #c82333;
    padding: 0 1.5rem;
    text-align: left;
}

.menu-m .flex a{width:50%;text-align:center;position: relative;}
.menu-m .flex a:first-child:before{content:'';background-color: rgba(255,255,255,.2);height:50%;width:1px;
position: absolute;top:50%;right:0;transform: translateY(-50%);
}

.menu-m {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -webkit-transition: 0.88s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.88s cubic-bezier(0.19, 1, 0.22, 1);
}

.menu-top-show {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.menu-m li {
}

.fpmenu h5 {
    position: relative;
}


.menu-m li a {
    position: relative;
    color: #fff;
    display: block;
    font-size: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    text-indent: 1rem;
    padding:.8rem 0;
}

.menu-m li i,
.fpmenu h5 i {
    position: absolute;
    top: 0px;
    right: 1rem;
    display: block;
    font-style: normal;
    font-weight:100;
    transform: scale(1.5);
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    text-indent: 0;
}


.menu-m a.open i,
.fpmenu h5.open i {
    -webkit-transform: rotate(-45deg) scale(1.5);
    transform: rotate(-45deg) scale(1.5);
}



.nav-menu {
    padding: 5.8rem 0 1rem;
}

.nav-menu ul {
    padding: 0;
}

.nav-menu h1 {
    line-height: 1.2em;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

.menu-son {
    background: rgba(255, 255, 255, .1);
    display: none;
}

.menu-son2 {
    display: none;
}

.menu-son ul li ul {
    display: none;
}

.fpmenu .menu-son {
    background: none;
}

.menu-son li a {
    font-size: 14px;
}

.menu-son li:last-child {
    border-bottom: none;
}

.menu-btn {
    z-index: 999999;
    position: absolute;
    top: 35px;
    right: 1.5rem;
    height: 56px;
    line-height: 56px;
    font-size: 1.4rem;
    color: #333;
    display: block;
    text-align: left;
}

@media(max-width: 1024px) {
    .hw-right {
        margin-right: 30px
    }

    .menu-btn {
        top: 0
    }
}

.menu-btn.active {
    top: 0;
}

.menu-btn:hover {
    color: #727272;
}

.menu-btn img {
    height: 20px;
    float: left;
    margin: 1.7rem 1.6rem 0 0;
}

.menu-btn span {
    position: relative;
    float: left;
    margin: 25px 0 0 0;
    width: 25px;
    height: 2px;
    display: block;
    background: #333;
}

.menu-btn i {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
    background: #fff;
    transition-duration: .3s, .3s;
    -webkit-transition-duration: .3s, .3s;
    transition-delay: .3s, 0s;
    -webkit-transition-delay: .3s, 0s;
}

.menu-btn i.mbtn-top {
    top: -0.6rem;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform;
    -webkit-transition-property: top, transform;
    background: #333;
}

.menu-btn i.mbtn-bottom {
    bottom: -0.6rem;
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
    -webkit-transition-property: bottom, transform;
    background: #333;
}

.menu-btn.active i.mbtn-bottom,
.menu-btn.active i.mbtn-top,
.menu-btn.active span {
    background: #fff
}

.menu-btn.active.menu-btn-on i.mbtn-bottom,
.menu-btn.active.menu-btn-on i.mbtn-top {
    background: #fff;
}


.menu-btn .menu-font {
    font-style: normal;
}

.menu-btn-on span {
    margin-right: 0;
    background-color: #c82332;
}

.menu-btn-on img {
    display: none;
}

.menu-btn-on,
.menu-btn-on:hover {
    color: #fff;
}

.menu-btn-on i.mbtn-top,
.menu-btn-on i.mbtn-bottom {
    background: #fff;
    transition-delay: 0s, .3s;
    -webkit-transition-delay: 0s, .3s;
}

.menu-btn-on i.mbtn-top {
    top: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.menu-btn-on i.mbtn-bottom {
    bottom: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.menu-btn-on .menu-font {
    display: none;
}

.fpmenu .menu-son {
    display: none;
}

.w94 {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
.vh28{height:calc(100vh / 2.5)}




.case {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px
}

.case {
    margin-left: 0;
    margin-right: 0;
    justify-content: space-between;
}

.case .item {
    width: 33.3333%;
}


.bigit img {
    width: 100%
}
.bigit .swiper-slide{position: relative;}

.bigit .txtcon{position: absolute;width:50%;left:50%;top:20%;transform: translatex(-50%);color:#fff;text-align:center;}



.bigit .more{margin-top:2rem;display: inline-block;}
.bigit .more a{border-radius: 65em}


.smallit .swiper-slide {
    text-align: center;
    cursor: pointer;
}



.smallit .iconfont {
    color: #fff;
    font-size: 40px;
    display: inline-block;
    height: 75px;
    line-height: 75px;
    text-align: center;
    transition: 500ms;
}

.smallit .icon-shiyougongye {
    font-size: 30px
}



.smallit .swiper-slide.swiper-slide-thumb-active .iconfont,
.smallit .swiper-slide:hover .iconfont {
    color: #fff;
}



@media(min-width:800px) {
.bigit .txtcon p{font-size:120%}

.smallit {
    transform: translateY(-220%);
    position: relative;
    z-index: 555;
    color: #fff;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}


.smallit .iconfont {
    color: #fff;
    font-size: 50px;
    display: inline-block;
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    transition: 500ms;
    border-radius: 5em;
}

.smallit .icon-shiyougongye {
    font-size: 40px
}

.smallit .swiper-slide.swiper-slide-thumb-active .iconfont,
.smallit .swiper-slide:hover .iconfont {
    background-color: #fff;
    color: #c82332;
}

    
    .case .item a {
        background-color: none
    }

    
    .case .item a h5 {
        color: #fff;
        text-transform: uppercase;
    }

  
    .case .item a h5 {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
        bottom: 0;
        padding: 1rem;
    }

    .case .item {
        width: 18%
    }
}


.index-tit {
    padding: 2rem 0;
}

.dform {
    background: rgba(0, 0, 0, .7);
    height: 100%;
    width: 25%;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    padding: 3%
}

.por {
    position: relative;
}

.about-t h2 {
    font-weight: 400
}

/*绠€浠?/
.about1 .photo{width:60%}
.about1 .title{width:35%;}
.abouts .title{font-size:400%;line-height: 1.75em;font-weight:100}
.abouts .title em{display:block;font-size:120%;font-weight:800;}
.about1 .photo ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.about1 .photo ul li{width:33.3333%}
.about1 .photo ul li:nth-child(4){width:66.6666666%}
.about1 .photo ul li:nth-child(4) .embed-responsive{height:calc(100% - 1em);}
.about1 .photo ul li .embed-responsive{border-radius: 10px;overflow: hidden;margin:.5em}

.about2 ul{width:31%;display: flex;padding:1em 0;
    align-items: center;justify-content: space-between;}
.about2 ul li{width:72%;line-height: 1.5em}
.about2 ul li:nth-child(1){width:20%;}
.about2 ul li img{width:100%}
.about2 .icon{border-radius: 5em;display: block;padding:1.35em;}

.icon.i1{background-color: rgba(214, 235, 228, 1)}
.icon.i2{background-color: rgba(250, 226, 218, 1)}
.icon.i3{background-color: rgba(235, 245, 255, 1)}
.icon.i4{background-color: rgba(155, 81, 224, 0.25)}
.icon.i5{background-color: rgba(65, 62, 101, 0.25)}
.icon.i6{background-color: rgba(240, 64, 55, 0.25)}


.about3{background-color: rgba(255, 141, 26, 1);color:#fff;align-items: end}
.about3 .title{width:40%;padding:0 0 5% 5%}
.about3 .photo{width:60%;}

.about4 .l_con{width:40%;}
.about4 .title{background-color: #fff;padding:4%;color:rgba(145, 65, 65, 1);
border-radius: 15px;
width:70%;margin:auto;margin-top:-10%;z-index:5;position: relative;
box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px  rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);

}

.about4 .r_con{width:50%;}
.about4 {justify-content: space-between;}
.about4 .l_con .embed-responsive img{object-position: left center}
.about4 .r_con.about2 ul{width:70%;}
.about4 .r_con.about2 ul:nth-child(2),.about4 .r_con.about2 ul:nth-child(5){transform: translateX(15%);}
.about4 .r_con.about2 ul:nth-child(3),.about4 .r_con.about2 ul:nth-child(6){transform: translateX(30%);}
.about4 .r_con.about2 ul:nth-child(1){padding-top:0;}
.about4 .r_con.about2 ul li:nth-child(1){width:18%;}
.about4 .r_con.about2 ul li:nth-child(2){width:75%;}

.about3.about5{background-color: rgba(125, 186, 255, 1)}
.about2.about5  ul{width:47%}
.about2.about5 {padding:5% 15%}

.about6{position: relative;border-radius: 25px;overflow:hidden;}
.about6 .title{color:#fff;position: absolute;left:15%;bottom:0;
background-color: rgba(255, 121, 77, 1);border-radius: 0 25px 0 25px;padding:0 2em 0 1em;display: inline-block;}
.about6 .title i{font-style:normal;font-weight:800;padding-right:.5em;
}
.about6 .embed-responsive img{object-position: center 80%}
.med{justify-content: space-between;border-bottom: dashed 1px #eee;padding:0 1em 2em 1em;}
.med.med2{padding:2em 1em 0;border-bottom:unset;}
.med .title{width:7%;writing-mode:vertical-rl;border:1px solid #eee;font-size:200%;text-align: center;padding:.5em;color:#888}
.med .lst{width:92%;display: flex;justify-content: space-between;}
.med1 ul li{background:#ea4831;color:#fff;border-radius:10px;width:19%;padding:1em 2em 2em 2em; position: relative;}
.med2 ul li{width:32%}
.med ul li svg{width:40px;height:40px;position: absolute;top:30%;right:-25px}
.med ul li:last-child svg{display: none;}
.med1 h4{border-bottom:1px solid rgba(255,255,255,.2);text-align: center;padding-bottom:1rem;font-size:150%}
.med2 ul{flex-wrap:wrap;color:#555;font-size:120%}
.med2 ul li h4{padding:1em;margin-top:0;}
.med2 ul li p{padding:0 1em;color:#888}
.med2 ul li:nth-child(4),.med2 ul li:nth-child(5),.med2 ul li:nth-child(6){
    text-align:center;padding:1em 2em;text-align:center;border:1px solid #eee;margin-top:2em;

}
.med2 h4{background-color: #fe6900;color:#fff;text-align: center;}
.med3{position: relative;}
.med3 > div{width:25%;padding:2em;
box-shadow: 0px 6.05px 18.84px 5.38px rgba(0, 0, 0, 0.05), 0px 4.04px 10.76px  rgba(0, 0, 0, 0.08), 0px 2.02px 4.04px -2.69px rgba(0, 0, 0, 0.12);

}
.med3.med4 > div{box-shadow: none;text-align: center;}
.med3 h4{font-size:250%;}
.med3 t{display: block;text-align: center;}

.oro h2{background:linear-gradient(90deg, rgba(255, 82, 0, 1) 0%,  rgba(255,156,0, 1) 50%, rgba(255, 82, 0, 1) 100%); 
    font-weight:800;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-mask-image: linear-gradient(to right, black, black);
    display: inline-block;
}

.adv1 li{width:19%;border:1px solid #eee;border-radius: 15px;text-align:center;margin-bottom:1em;padding:1.5em}

.adv2 ul{display: flex;width:25%;padding: 20px;justify-content: space-between;}
.adv2 ul li{width:calc(100% - 100px);line-height: 1.5em;color:#888;}
.adv2 ul li b{color:#333;font-size:110%;margin-bottom:.5em;display: block;}
.adv2 ul li:nth-child(1){border-radius: 5em;width:85px;height:85px;overflow:hidden;}
.adv2 ul li img{width:100%;height:100%;object-fit: cover;}
.adv3 li img{width:100%}
.adv3 li{width:25.5%}
.adv3 li:nth-child(3){width:38%;}
.adv3 h4{padding:.5em 1.5em;text-align: center;
border-radius: 0px 25px 0px 25px;
background: rgba(255, 141, 26, 1);
box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px  rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);margin-bottom:1em;
}
.adv3 h4 em{font-size:140%;margin-right:.5em}

.vid1 > div{width:14%}
.vid1 h4{color:#c82332;text-align: center;}
.vid1 span{display: block;text-align: center;}
.h2t h2{font-size:280%}
.vid2 li{width:33.33333%;padding:.5em;}


@media(max-width:1000px){
    .about2 .icon{padding:.5em}
    .abouts .title,.med3 h4,.tit h2,.sectionb .tt h2,.h2t h2{font-size:200%}
    .about2.about5{padding:5% 0}
    .about2.about5 ul,.about2 ul{width:47%}
    .med3 > div{width:50%}
    .med .title{width:100%;writing-mode:unset}
    .med .lst{width:100%;}
}

@media(max-width:700px){
    .about1 .title{text-align: right;}
    .about4 .r_con.about2 ul:nth-child(2), .about4 .r_con.about2 ul:nth-child(5),.about4 .r_con.about2 ul:nth-child(3), .about4 .r_con.about2 ul:nth-child(6){transform: unset}
    .about2 .icon{padding:1.25em}
    .abouts .title,.med3 h4,.sectionb .tt strong,.h2t h2{font-size:150%}
    .about2.about5{padding:5% 0}
    .about2.about5 ul,.about2 ul,.idxabout .txt,.idxabout .compic,.about1 .title,.about1 .photo,.about4 .r_con.about2 ul{width:100%}
    .about4 .embed-responsive-3by4{padding-bottom:60%;}
    .about4 .l_con{padding-bottom:2em;}
    .med3 > div,.adv3 li:nth-child(3),.about4 .l_con,.about4 .r_con{width:100%}
    .med3 > div{min-height:25vh}
    .med3.med4 > div{width:25%;padding:1em}
    .med{padding:0}
    .med .lst{flex-wrap:wrap;}
    .med .lst li,.sectionb ul li{width:100%;margin:15px 0}
    .med ul li svg{width:30px;height:30px;top:unset;bottom:-20px;right:unset;left:50%;transform: translate(-50%) rotate(90deg);}
    .med.med2{padding:2em 0}
    .med2 ul li:nth-child(1){order:1}
    .med2 ul li:nth-child(2){order:3}
    .med2 ul li:nth-child(3){order:5}
    .med2 ul li:nth-child(4){order:2;margin-top:0}
    .med2 ul li:nth-child(5){order:4;margin-top:0}
    .med2 ul li:nth-child(6){order:6;margin-top:0}
    .adv2 ul{width:100%}
    .adv3 li,.adv1 li,.vid1 > div,.sectiond ul{width:48%}
    .vid2 li{width:50%}
    .sectionc .tit + img{height:50vh;object-fit: cover;}
    .sectiond line{display: none;}
    .sectiond ul li{border:1px solid #eee;margin-bottom:15px;border-radius: 10px}
    .sectionb ul li p{font-size:120%}
    .idxabout .compics{width:100%;}
    .idxabout .tit{text-align: center;}
    .idxabout .txt{padding-right:0}
    .banner .slogan{width:90%}
    .banner .slogan .but{width:75%}
    .banner .slogan h1{font-size:290%}
    footer img{width:50vw}
    .banner.idxbanner img{object-position: right center}
}


@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}













.slick-arrow {
    display: none !important;
    visibility: hidden;
}

.proadv .flex {
    margin: 3rem 0;
    align-items: center;
    background-color: #fff
}


.proadv .flex>div {
    width: 45%;
}

.proadv .flex>div:nth-child(2) {
    width: 55%;
    padding: 0 5%;
    line-height: 1.68
}

.proadv img {
    object-fit: cover;
    width: 100%;
    height: 100%
}



.proadv h3 {
    color: #c82332
}

.proadv ul {
    margin-top: 2rem
}

.proadv ul li ,.gongcheng ul li{
    padding-left: 1.5rem;
    font-size: 96%;
    position: relative;
    font-weight: 800
}

.proadv ul li:after,
.proadv ul li:before,.gongcheng ul li:after,.gongcheng ul li:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 10px;
    width: 6px;
    height: 6px;
    background-color: rgba(8, 113, 191, .5);
    display: block;
    border-radius: 5em;
}

.proadv ul li:after,.gongcheng ul li:after {
    width: 12px;
    height: 12px;
    left: 0;
    top: 7px;
}

.proadv ul li small {
    color: #777;
    display: block;
    font-weight: 100;
}

.gongcheng p strong{color:rgba(8, 113, 191, 1);font-size:130%;line-height: 2.5}
.gongcheng p br{height:0}

.sbtb thead {
    background-color: rgba(8, 113, 191, .8);
    color: #fff;
}

.sbtb tbody {
    font-size: 95%
}

.sbtb tbody tr:nth-child(odd) {
    background-color: #eee
}

@media(min-width:1200px) {
    .colors {
        bottom: 0;
        position: absolute;
    }
}

.colors {
    margin: 1rem 0 2rem
}

.colors li {
    border-radius: 5em;
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: relative;
    border: 1px solid #fff;
    padding: 2px;
}


.colors li.on {
    border-color: #c82332
}

.colors li img {
    border-radius: 5em;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    display: block;
}

.pros {
    margin: 2rem 0
}

.pros li {
    margin: 7px;
    width: 110px;
    text-align: center;
}

.pros li .pic {
    border: 1px solid #eee;
}

.pros li img {
    object-fit: contain;
}

.pros li p {
    font-size: 90%;
}

.tmjd {
    margin-top: 1rem;
}

.tmjd img {
    max-width: 50px
}

.ritem ul li {
    margin-left: 10px;
    margin-right: 10px;
}

.smallpic .swiper-slide {
    border: 1px solid #eee;
    cursor: pointer
}

.smallpic .swiper-slide.swiper-slide-thumb-active {
    border-color: #c82332
}

.proszarray .swiper-slide {
    border: 1px solid #eee;
    cursor: pointer
}

.proszarray .swiper-slide.swiper-slide-thumb-active {
    border-color: #c82332
}

.smallcjt .swiper-slide {
    border: 1px solid #eee;
    cursor: pointer
}

.smallcjt .swiper-slide.swiper-slide-thumb-active {
    border-color: #c82332
}

@media(min-width:900px) {
    .bigp {
        width: 65%;
    }

    .smallp {
        width: 65%
    }

    .bigb {
        width: 30%;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

.smallp .swiper-slide {
    height: auto;
}

.smallp .slick-slide {
    cursor: pointer;
    margin: 7px;
    line-height: 0;
    background-color: #000
}

.smallp .slick-slide.slick-current img {
    opacity: .5
}

#tabs {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #eee;
}

#tabs li {
    cursor: pointer;
    padding: 1rem 1rem;
    font-size: 100%;
    transition: 400ms;
}



#tabs li.active,
#tabs li:hover {
    position: relative;
    color: #c82332;
}

#tabs li:after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    left: -100%;
    top: 100%;
    display: block;
    background-color: #c82332;
    transition: 400ms
}

#tabs li.active:after,
#tabs li:hover:after {
    width: 100%;
    left: 0;
}

.tab-container {
    padding: 2rem 0
}

.tab-container .content {
    display: none
}

@media(min-width:1200px) {
    #tabs li {
        font-size: 150%;
        padding: 1rem 3rem;
    }

    .content .w80 {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

.content .w80 img {
    object-fit: cover;
}

.content .prodetail {
    margin: 0
}

.content video {
    object-fit: cover
}


.prodes {
    overflow-x: hidden;
    width: 100%
}

.prodes p,
.prodes h2 {
    padding: 0 10vw;
}

.prodes p {
    margin-bottom: 1rem;
}

.prodes p.img2 {
    padding: 0;
    margin-bottom: 0
}

.prodes p.img2+p {
    margin-top: 2rem
}

.prodes p:last-child {
    display: none;
}

.loca {
    z-index: 500;
    line-height: 60px;
    margin-bottom: -60px;
    position: relative;
    color: #fff
}

.between{
    justify-content: space-between
}



/*琛ㄥ崟*/
.dform input,
.intxt,
.formul input {
    transition: 400ms
}

.intxt {
    background: none;
    outline: none;
}

.intxt:focus {
    border-bottom-color: #c82332
}

.dform .intxt {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.dform .inbtn {
    display: block;
    padding: 10px;
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    outline: none;
}

.dform .inbtn:hover {
    background-color: #c82332
}

.formul {
    flex-wrap: wrap;
}

.formul .intxt {
    border: 1px solid #eee;
    color: #aaa;
    border-radius: 5px;
}

.formul li {
    width: 50%;
    padding: 10px;
}

.formul li.w100 {
    width: 100%;
}
.formul li.w50 {
    width: 50%;
}

.formul li.w33 {
    width: 33.33333%;
}

.formul .intxt:focus {
    color: #333;
    border: #c82332 1px solid
}

.btn2,.more3 a,.openselect {
    background-color: #222;
    color: #fff;
    border: none;
    padding: .5rem 3rem;
    border-radius: 5em;
    line-height: 2;
    transition:600ms;
}
.more3 a,.openselect{display: inline-block;}

.btn2:hover,.more3 a:hover,.openselect:hover {
    background-color: #c82332;transform: translateY(-10px);color:#fff;
}

/*鑱旂郴鎴戜滑*/
.ctinfo {
    display: flex;
    flex-wrap: wrap;
}
.ctinfo > div{width:50%}




.ctinfo > div:nth-child(1) {
    padding-right: 7%;
}

.ctinfo .if li{display: flex;align-items: center;margin-bottom:1rem;}
.ctinfo .if li:last-child{line-height: 1.5}
.ctinfo .if li .iconfont{width:60px;height:60px;color:#c82332;border:1px solid #c82332;text-align: center;
line-height: 60px;border-radius: 5em;margin-right:1rem;font-size:140%;
}

.ctinfo .if li .iconfont.icon-dianhua{font-size:100%}
.ctinfo .if li:hover .iconfont{background-color: #c82332;color:#fff;}
.ctinfo .if li p{max-width:calc(100% - 60px - 1rem)}
.map {
    overflow: hidden;
    border-radius: 5px;
    margin-top: 1rem;
}

/*涓嬭浇涓績*/
.downlist i {
    margin: 0 .5rem 0 0;
}

.downlist span {
    margin-left: 2rem
}

.downlist .flex {
    justify-content: space-between
}

.downlist a {
    border-bottom: #eee 1px solid;
    padding: 1rem 1.5rem;
    display: block;
}

.downlist a:nth-child(even) {
    background-color: #fafafa;
}


















  .page-choose .choose-box {
    position: relative;
  }
  
  .page-choose .choose-title {
    font-size: 1.1rem;
    color: #c82332;
    font-weight: 800;
  }
  
  
  .page-choose .choose-title .tit {
    text-indent: 5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width: 70%;
  }
  
  .page-choose .choose-title .tit span, .page-choose .choose-title .tit samp {
    font-family: 'Arial';
    line-height: 3.5rem;
    
  }
  .page-choose .choose-title i{color: #666;}
  .page-choose .choose-title .tit span samp {
    display: none;
  }
  
  .page-choose .choose-title i {
    margin-right: 5px;
    font-size: 1.6rem;
  }
  
  .page-choose .choose-list{
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    width: 100%;
    line-height: 5rem;
    background: #fff;
    display: none;
    padding: 0 1.5rem 2rem 1.5rem;
    box-shadow: 0 10px 15px rgba(0,0,0,.1);
  }
  
  .page-choose .choose-list li {
    border-bottom: 1px solid #eee;
  }
  
  


  .page-choose .choose-list li .tit {
    text-indent: 10px;
    font-size: 1.4rem;
  }
  
  .page-choose .choose-list li i {
    margin-right: 5px;
    display: none;
  }
  
  .page-choose .choose-list li a {
    color: #333;
    display: block;
  }
  
  .page-choose .choose-list .on i {
    display: block;
  }
  
.page-choose .choose-list .on a{color: #009c4b;}

  .page-choose .choose-listmore {
    display: none;
    position: absolute;
    z-index: 10;
    top: 42px;
    left: 0;
    width: 100%;
    background: #fff;
  }
  
  .page-choose .choose-listmore ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .page-choose .choose-listmore ul li {
    width: 50%;
    margin-bottom: 1rem;
    text-align: left;
  }
  
  .page-choose .choose-listmore ul li .tit {
    display: inline-block;
    font-size: 1.4rem;
    color: #333;
  }
  
  .page-choose .choose-listmore ul .on .tit {
    border-bottom: 2px solid #c82332;
  }
  
  .page-choose .choose-listthr {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    display: none;
    -webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);

            padding: 0 1rem 1.5rem;
  }
  

  .page-choose .choose-listthr > ul > li i {
    margin-right: 10px;
    font-size: 1.2rem;
    font-style: normal;
    text-indent: 0;
  }
  
  .page-choose .choose-listthr > ul > li a {
    color: #333;
  }
  
  .page-choose .choose-listthr > ul > li ul {
    padding-left: 0;
    background: #fafafa;
    margin: 0;
    display: none;
    padding: 10px;
  }
  
  .page-choose .choose-listthr > ul > li ul li {
    display: inline-block;
    width: 100%;
    text-align: left;
  }

  .vmax-box-cn .page-choose .choose-listthr > ul > li ul li {
    display: inline-block;
    width: 50%;
    text-align: left;
  }
  
  .page-choose .choose-listthr > ul > li ul li a {
    display: inline-block;
    color: #333;
    line-height: 2.5rem;
    text-indent: 5px;
    padding-right: 5px;border: none;display: block;
  }
  
  .page-choose .choose-listthr > ul > li ul .on a {
    color: #c82332;font-weight: 800;
  }

  .choose-list-son{display: none;}
.choose-list-son ul{border-bottom: 1px solid #eee;}
  .choose-list-son ul:after{content: '';clear: both;display: block;}
  .choose-list-son li{width: 20%;float: left;display: block;text-align: center;}
  .choose-list-son li a{display: block;}
  .choose-list-son li.on a{display: block;color: #c82332;font-weight: 800;}









.head-select{width: 4rem;text-align: center;}
.head-select a{display: block;cursor: pointer;font-size: 1.5rem;color: #555}
.head-select .iconfont{display: inline-block;}

.menu>ul>li:nth-child(6),.menu>ul>li:nth-child(9){display: none;}
.index-logo{position: relative;width: 35%;text-align: left;}
.index-logo img{position: relative;top: 50%;transform: translateY(-50%);}
.index-about-btn{position: relative;width: 15%;text-align: right;}
.index-about-btn a{position: relative;top: 50%;transform: translateY(-50%);line-height: 3rem;height: 3rem;padding: 0 3rem;font-weight: bold;display: inline-block;color: #c82332;border: 2px solid #c82332;border-radius: 5px;}
.index-about-btn a:hover{background: #c82332;color: #fff;}
.sectionb{background: url(../images/indexbox2l.jpg) no-repeat left top #c82333;}
.index-vidtxt{width: calc(100% - 1224px);color: #fff;text-align: center;}
.index-vidtxt .flex{position: relative;top: 70%;padding: 0 2rem;}
.index-vidtxt li{width: 33.33%;line-height: 1.8rem;}
.index-vidtxt span{font-weight: bold;font-size: 375%;}
.sectionc{background: url(../images/indexbankuai.jpg?t) no-repeat center 35px;}

.index-video{width: 1224px;height: 513px;overflow: hidden;position: relative;}
.index-video video{position: relative;top: 50%;transform: translateY(-50%);}
.index-video .ivideo-ceng{position: absolute;top: 0;left: 0;z-index: 99;cursor: pointer;}
@media(max-width:1600px){
    .index-vidtxt{width: calc(100% - 800px);color: #fff;text-align: center;}
    .index-video{width: 800px;height: 335px;overflow: hidden;position: relative;}
}

.banneram{clip-path: circle(0%);transition: 1.2s all ease-in-out;}
.banneram.showweb{clip-path: circle(100%);}


.index-bk{width: 48%;position: relative;}
.index-bk:nth-child(1){margin-right: 4%;}
.index-bk img{width: 100%;}
.indexbkl,.indexbkr{background: url(../images/indexbkl.png) no-repeat left;display: inline-block;
    color: #fff !important;font-family: 'pangmen';text-align: center;font-size: 30px;line-height: 30px;padding: 1rem 2.6rem 1rem 5rem;position: absolute;}
.indexbkl{bottom: -2.5rem;right: -2px;}
.indexbkr{bottom: -2.5rem;left: -2px;background: url(../images/indexbkr.png) no-repeat right;padding: 1rem 5rem 1rem 2.6rem;}
.indexbkl p,.indexbkr p{color: #fff !important;font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;font-size: 12px;line-height: 18px;}

.index-news-btn{margin: 0 auto;line-height: 3rem;height: 3rem;padding: 0 3rem;font-weight: bold;display: inline-block;color: #c82332;border: 2px solid #c82332;border-radius: 5px;}
.index-news-btn:hover{background: #c82332;color: #fff;}
.index-news{background: #f7f7f7;}
.index-news li{width: 32%;padding: 0.5rem;margin: 0 2% 3.5rem 0;background: #fff;}
.index-news li:nth-child(3n){margin-right: 0;}
.index-news li span{display: block;position: relative;_height: 11.3vw;_overflow: hidden;text-align: center;}
/*.index-news li span img{position: relative;top: 50%;transform: translateY(-50%);}*/
/*.index-news li:hover img{transform: scale(1.09);}*/
.index-news li div{padding: 0.8rem 0.6rem;}
.index-news li p{font-size: 150%;color: #404041;line-height: 2.5rem;height: 5rem;margin-bottom: 0.8rem;overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;}
.index-news li em{color: #c4c4c4;font-weight: 90%;display: block;}
.index-news li i{background: url(../images/indexnewicon.png) no-repeat center center;width: 2rem;height: 2rem;float: right;display: block;}

.index-investor li{width: 48.5%;margin-right: 3%;}
.index-investor li a{position: relative;display: block;border-bottom: 1px solid #e0e0e0;padding: 1.2rem;}
.index-investor li:nth-child(2n){margin-right: 0;}
.index-investor li span{float: left;margin-right: 2.5rem;background: #f7f7f7;border-radius: 0.5rem;padding-top: 1.2rem;font-size: 260%;font-weight: bold;text-align: center;width: 6rem;height: 7rem;display: block;line-height: 1.3;}
.index-investor li em{display: block;font-weight: normal;font-size: 1rem;color: #888;}
.index-investor li p{font-size: 130%;line-height: 1.6;position: absolute;display: block;top: 50%;right: 0;
width: calc(100% - 8.5rem);transform: translateY(-50%);}

.rencai-box{background: #f7f7f7;}
.rencai-box .w94{width: 1240px;}
.zhaopin-boxl{padding-top: 8rem;width:495px;position: relative;text-align: center;font-size: 110%;line-height: 3rem;background: #fff;}
.zhaopin-boxr{width: 745px;position: relative;}
.zhaopin-box{background: url(../images/zhanpinsend.jpg) no-repeat center top #fefefe;}

.zhaopin-box li{width: 32%;background: #fff;position: relative;border-radius: 1.5rem;margin: 0 2% 6.5rem 0;}
.zhaopin-box li .zhanpinbtn{padding: 1rem 2rem 4rem;cursor: pointer;}
.zhaopin-box li:nth-child(3n){margin-right: 0;}
.zhaopin-box h3{font-weight: normal;font-size: 150%;line-height: 4.5rem;margin: 0 0 2.5rem;text-align: center;border-bottom: 1px solid #e5e5e5;}
.zhaopin-box li span{padding-left: 0.5rem;width: 100%;display: inline-block;line-height: 2.2rem;}
.zhaopin-box li div{position: relative;}
.zhaopin-box li span.gongsi{width: 48%;position: absolute;top: 0;right: 0;}
.zhaopin-box a{position: absolute;left: 50%;transform: translateX(-50%);bottom: -1.5rem;padding: 0 2.5rem;font-size: 125%;display: block;line-height: 3rem;background: #c82332;color: #fff;border-radius: 3rem;}
.zhaopin-box .zhanpin-content{display: none;}

.zhanpin_xq{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;display: none;}
.gb_zp_box{width: 2rem;height: 2rem;position: absolute;top: -1rem;right: -1rem;cursor: pointer;background: url(../images/guanbibtn.png) no-repeat center center;background-size: cover;}
.zp_bg{background: rgba(0,0,0,0.7);width: 100%;height: 100%;cursor: pointer;}
.zp_box{width: 800px;height: 80%;position: absolute;top: 10%;left: 50%;margin-left: -400px;background: #fff;}
.zp_box .zhanpin-content{overflow-y: auto;height: 100%;padding: 2rem 1.5rem 3rem;}
.zp_box h2{font-size: 180%;text-align: center;}
.zp_box .wyyp{position: absolute;left: 50%;transform: translateX(-50%);bottom: -1.5rem;padding: 0 2.5rem;font-size: 125%;display: block;line-height: 3rem;background: #c82332;color: #fff;border-radius: 3rem;}


.about-box1{background: url(../images/indexbankuai.jpg) no-repeat center top;}
.about-boxl,.about-boxr{width: 50%;position: relative;}
.about-boxl p{font-size: 200%;width: 70%;display: block;margin: 0 auto;line-height: 1.8;}
.about-boxl span{color: #c82332;font-weight: bold;}
.about-vidtxt{text-align: center;}
.about-vidtxt li{width: 33.33%;line-height: 1.8rem;}
.about-vidtxt span{font-weight: bold;font-size: 375%;color: #c82332;}

.about-fzlc{background: url(../images/aboutbg.jpg) no-repeat center top;position: relative;}
.about-fzlc .tit h2{color: #fff;font-weight: normal;}
.about-fzlc .tit em{background: #fff;display: block;}
.about-fzlc li{background: #fff;padding: 1.5rem 2rem;border-radius: 1rem;line-height: 1.5;cursor: pointer;}
.about-fzlc li span{color: #c82332;font-size: 300%;font-weight: bold;}
.about-swmenu{position: relative;overflow: hidden;}
.about-fzlc .list10a{bottom: 12rem;left: -4rem;background: #fff;border-radius: 50%;color: #333;}
.about-fzlc .list10b{bottom: 12rem;right: -4rem;background: #fff;border-radius: 50%;color: #333;}


.jiegou-left,.jiegou-right{margin-top: 4rem;padding: 0 4rem 0 6rem;font-size: 240%;color: #060606;line-height: 6rem;height: 6rem;position: relative;display: inline-block;cursor: pointer;transition-duration: 350ms;font-family: 'pangmen';}
.jiegou-left{background: url(../images/jiagou1.png) no-repeat 2rem center;}
.jiegou-right{background: url(../images/jiagou2.png) no-repeat 2rem center;}
.jiegou-left.cur,.jiegou-right.cur,.jiegou-left:hover,.jiegou-right:hover{color: #c82332;}
.jiegou-left i,.jiegou-right i{position: absolute;left: 0;bottom: 0;width: 0;height: 0.35rem;background: #c82332;display: block;transition-duration: 350ms;}
.jiegou-left.cur i,.jiegou-right.cur i,.jiegou-left:hover i,.jiegou-right:hover i{width: 100%;}
.jiegou-left.cur,.jiegou-left:hover{background: url(../images/jiagou1_on.png) no-repeat 2rem center;}
.jiegou-right.cur,.jiegou-right:hover{background: url(../images/jiagou2_on.png) no-repeat 2rem center;}
/*.zuji,.guquan{display: none;}
.zuji.jgshow,.guquan.jgshow{display: block;}*/
.about-jg .container{position: relative;overflow-x: hidden;padding: 0;}
.guquan{position: absolute;top: 0;transform: translateX(-100%);transition-duration: 500ms;}
.zuji{position: relative;top: 0;transform: translateX(100%);transition-duration: 500ms;}
.zuji.jgshow,.guquan.jgshow{transform: translateX(0);}

.about-jg{background: url(../images/aboutbg2.jpg) no-repeat center 10rem #faece3;}
@media (min-width: 1720px){
.about-jg .container{width: 1700px;}
}
@media (min-width: 1900px){
.about-jg,.about-fzlc,.about-box1,.about-ry,.about-ry,.yewu-box3,.zhaopin-box{background-size: cover !important;}
}

.about-jg .flex{height: 10rem;}
.about-jg img{max-width: 100%;}
.about-ry{background: url(../images/aboutry.jpg) no-repeat center top;position: relative;}
.rongyu-swmenu,.rongyu-swmenu2{position: relative;overflow: hidden;}
.about-ry .list2a{bottom: 1rem;left: 47.4%;background: #333;border-radius: 50%;}
.about-ry .list2b{bottom: 1rem;right: 47.4%;background: #333;border-radius: 50%;}

.about-box1{background: url(../images/yewubg.jpg?t) no-repeat center top;}
.yewu-boxl{width: 40%;position: relative;}
.yewu-boxr{width: 60%;}
.yewu-boxl img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.yewu-box2 .container{position: relative;}
.product-box .container{position: relative;}
.yewu-box2 li{width: 33.33%;text-align: center;}
.yewu-box2 li img{width: 99%;}
.yewu-box3{background: url(../images/yewubg1.jpg) no-repeat center top;}

.hexin-three{position: relative;overflow: hidden;}
.hexin-fron{position: relative;overflow: hidden;}
.hexin-three span{display: block;overflow: hidden;}
.hexin-three span:hover img{transform: scale(1.09);}
/*.hexin-three .list10a{bottom: 12rem;left: -5%;border-radius: 50%;}
.hexin-fron .list10b{bottom: 12rem;right: -5%;border-radius: 50%;}*/
.yewu-box2 .list_hxb{bottom: 7.4rem;right: -3rem;background: #333;border-radius: 50%;}
.yewu-box2 .list_hxa{bottom: 7.4rem;left: -3rem;background: #333;border-radius: 50%;}
.product-box .list_hx1b{bottom: 13.5rem;right: -4rem;background: #333;border-radius: 50%;}
.product-box .list_hx1a{bottom: 13.5rem;left: -4rem;background: #333;border-radius: 50%;}

.yewu-box4{background: #f4f8fc;}
.qiye-ry{background: url(../images/aboutry.jpg) no-repeat center top;}
.qiye-ry li{width: 20%;}

.product-box{background: #f7f7f7;}
.product-box li{width: 23%;text-align: center;margin: 0 0 2rem;background: #fff;}
.product-box li a{display: block;padding: 1rem 0 3rem;}
.product-box li a p{font-size: 160%;line-height: 1.9;}
.product-box li em{font-size: 100%;color: #444;line-height: 2.5;}


.newbanner{margin-top: 6rem;height: 415px;overflow: hidden;}
.newbanner img{min-height: 100%;width: 100%;min-width: 100%;}

.pagelist{text-align: center;}
.pagelist a{margin: 0 0.5rem;width:2.5rem;color: #666;display: inline-block;border-radius: 5rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1.2rem;}
.pagelist a.active{color: #fff; background-color: #c82332;}

.new-top{height: 6rem;padding-top: 1rem;background: #fff;}
.page-menu a{margin: 0 1rem;line-height: 5rem;display: inline-block;font-size: 1.1rem;padding: 0 1.5rem;color: #000000;position: relative;}
.page-menu a:hover,.page-menu a.active{color: #000000;font-weight: bold;}
.page-menu a i{position: absolute;left: 0;bottom: 0;width: 0;height: 0.35rem;background: #c82332;display: block;transition-duration: 350ms;}
.page-menu a:hover i,.page-menu a.active i{width: 100%;}

.page-sonmenu{padding-top: 1.75rem;height: 5rem;background: #f7f7f7;display: none;}
.page-sonmenu.sonshow{display: block;}
.page-sonmenu a{padding: 0 1rem;margin: 0 1rem;font-size: 120%;line-height: 1.5rem;height: 1.5rem;display: block;float: left;}
.page-sonmenu span{margin-top: 0.15rem;width: 1px;height: 1.2rem;display: block;background: #ccc;float: left;}
.page-sonmenu span:nth-child(4){display: none;}
.page-sonmenu a.active,.page-sonmenu a:hover{color: #c82332;}


#articlesearch_form{padding-top: 0.8rem;float: right;}
#articlesearch_form .search-keyword{padding-left: 1rem;outline: none;border: none;width: 12rem;height: 3rem;line-height: 3rem;float: left;}
#articlesearch_form .search-btn{outline: none;border: none;width: 3rem;height: 3rem;
    background: url(../images/searchicon.jpg) no-repeat center center;}
.epda{transition-duration: 350ms;}
.epda a{display: block;overflow: hidden;}
.epda:hover{box-shadow: 0 7px 23px rgba(0,0,0,.1);transform: translateY(-10px);}
.epda img{transition-duration: 350ms;}
.epda:hover img{transform: scale(1.09);}

.epdb{transition-duration: 350ms;}
.epdb:hover{box-shadow: 0 7px 23px rgba(0,0,0,.1);transform: translateY(-10px) !important;}

.bannervideo{width: 100vw;height: 41.5vw;position: relative;background: #000;overflow: hidden;}
.bannervideo video{position: absolute;top: 50%;transform: translateY(-50%);
    width: 100vw;height: 56vw;display: block;margin: 0;padding: 0;}
.bannervideo .bvideo-ceng{position: absolute;left: 0;top: 0;width: 100vw;height: 56vw;z-index: 999;}

.send-date{color: #999;font-size: 90%;}

.contact-page li{width: 49%;cursor: pointer;position: relative;}
.contact-page li:nth-child(1){margin-right: 2%;}
.contact-page li span{line-height: 2.8rem;width: 10rem;display: block;text-align: center;background: #c82332;color: #fff;
border-radius: 2.8rem;font-size: 1.2rem;position: absolute;top: -1.4rem;left: 50%;margin-left: -5rem;}

footer{background: #f7f7f7;}
footer img{margin: 0 0.7rem;display: block;text-align: center;}
footer li{line-height: 3rem;}
.indexfooter li{width: 33.33%;}
.foot-contact{line-height: 150%;}
.foot-contact div{width: 25%;}

.hudongjiaoliu ul{width: 100%;}
.hudongjiaoliu li{padding: 1rem 1.5rem;}
.hudongjiaoliu h3{margin-bottom: 1rem;}
.hudongjiaoliu li a{all:unset;display: block;height: 100%;position: relative;cursor: pointer;}
.hudongjiaoliu li a img{position: relative;top: 50%;transform: translateY(-50%);}









.st2 img{max-width:8vw}
/*閫傚簲*/
@media (max-width: 800px) {
    .footer .col2{border-bottom:1px solid rgba(0,0,0,.1)}
    .footer dl.flex .st2{padding-right:0;border-right:0}
    .footer .st2 img{display: none;}
.formul li.w50 {
    width: 100%;
}

.formul li.w33 {
    width: 100%;
}
    .idxpa.w94{width:100%}
    .idxp .swiper-slide a h4{font-size:16px}
    .footer .flex{padding:0 0 2rem}

    .picmax .swiper-slide img{width:100%}
    .pro-list .flex li a{overflow: hidden;}

    .vh28{height:22vh}
    .author{width:100%;text-align:center;left:auto;right:auto;margin:auto;bottom:2%}
.teamman{width:58%;margin:auto;}
    .banner .txtcon{top:11%}
    .row.flex{display: block;}
    .lefttit{margin-bottom:2rem}
.proadv .flex>div,.prolistb .it1,
.prolistb .it2 {
    width: 100%;
}
.prolistb .it1 .more{display: block;margin-top:2rem;text-align: center;}
.prolistb .it1{padding:2rem;padding-top:1rem}
.proadv .flex>div:nth-child(2) {
    width: 100%;
    padding:  5%;
    line-height: 1.68
}

    .promenu {
    display: none;
}
.nlist a{padding:30px 15px 0}
.pro-list .flex li,.newslist dd{padding:15px 0}
.newscon{padding-top:2rem}
    .position{display: none;transform: translateY(0);}
    .bigit .txtcon{width:80%}
    .container{padding-left:1rem;padding-right:1rem;}
.smallit{transform: translateY(0);background-color: #c82332}
.smallit .swiper-slide.swiper-slide-thumb-active ,
.smallit .swiper-slide:hover {
background-color:#fff;
}
.smallit .swiper-slide.swiper-slide-thumb-active  .iconfont,
.smallit .swiper-slide:hover .iconfont {
color:#c82332;
}

    .page-about.container,
    .pagebanner .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .banner .txtcon div {
        max-width: 100%
    }

    .swipernav {
        display: none;
    }

    .development hr {
        top: 263px
    }

    .flex,
    .prodetail,
    .foot2 {
        flex-wrap: wrap;
    }
    .prodetail{padding-top:2rem}
    .footer {
        line-height: 1.5;

    }

    .fpmenu {
        width: 100%;
        border-bottom: 1px rgba(255, 255, 255, .1) solid
    }

    .fpmenu ul {
        padding: 1rem;
    }

    .fpmenu a {
        display: block;
    }



    .probanner {
        height: calc(30vh);
        margin-bottom: 2rem;
    }

    .probanner .txtcon {
        top: 20%;
        width: 90%
    }



    .probanner .txtcon span {
        font-size: 45px
    }

    .probanner .txtcon p {
        font-size: 73%
    }

    .probanner img {
        object-fit: cover;
        height: 100%;
        width: 100%;
        max-width: none;
        object-position: center center
    }

    .prodetail {
        margin: 0;
        overflow-x: hidden;
    }

    .prodetail .litem,
    .prodetail .ritem {
        width: 100%;
        margin-bottom: 2rem;
        padding-right: 30px;
        padding-left: 30px
    }


    .content .prodetail .litem,
    .content .prodetail .ritem {
        padding-left: 0;
        padding-right: 0
    }

    .parallax {
        padding: 1.8em;
    }

    .img2 img {
        height: 50vh;
        object-fit: cover;
    }

    .prodes p,
    .prodes h2 {
        padding: 0 30px;
    }

    .dform {
        width: 100%;
        position: relative;
    }

    .drive {
        height: auto;
    }

    .formul li {
        width: 100%
    }

   



    .flogo {
        width: 150px;
    }

    .cola {
        padding-bottom: 2rem;
    }

    .foot2 {
        border-bottom: none;
        padding: 0
    }

    .otmenu h3:nth-child(1) {
        border-top: 1px solid rgba(255, 255, 255, .1);
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .index.caselist dd:last-child {
        display: none
    }

    .caselist dd {
        padding: 5px;
    }

    .newslist,
    .caselist {
        margin-left: -5px;
        margin-right: -5px;
    }






    .header-menu .head-logo {
        width: 180px
    }

    .head-logo a {
        display: block;
        height: 100%;
    }

    .banner .txtcon div {
        font-size: 85%
    }

    .banner .txtcon .but a i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }


    .history:after {
        left: 50px
    }

    .hiscon .pic {
        width: 100px;
        height: 100px;
    }

    .hiscon .info {
        width: calc(100% - 100px)
    }

    .w94 {
        width: calc(100% - 2rem);
    }
    .pt-4, .pt-5, .pt-6{padding-top: 2rem;}
    .pb-4, .pb-5, .pb-6{padding-bottom: 2rem;}
    .ritem h1,
    .thin {
        font-weight: 400
    }

    .foot2 h3,
    .colc ul li {
        font-size: 110%
    }

    .banneram{padding: 0;}
    .newbanner{margin: 0;height: 10rem;position: relative;}
    .newbanner img{height: 100%;width: auto !important;max-width: 500%;left: 50%;position: relative;transform: translateX(-50%);}
    .footerpc{display: none;}
    .footerwap{display: block;}
    .footerwap .foot-contact{line-height: 2;}
    .footerwap .foot-contact p{display: block;width: 100%;}
    .index-logo{display: none;}
    .idxabout .index-about-btn{padding-top: 1rem;width: 100%;text-align: center;}
    .sectionb .index-vidtxt{width: 100%;background: url(../images/indexbox2l.jpg) no-repeat left top #c82333;background-size: cover;}
    .sectionb .index-vidtxt .flex{top: 0;padding: 5rem 1rem 4rem;}
    .sectionb .index-vidtxt span,.about-vidtxt span{font-size: 250%;margin-right: 5px;}
    .sectionb .index-video{width: 100%;height: 41.9vw;}
    .sectionb .index-video video{width: 100vw;}
    .foot-contact ul{padding: 0 3rem;}
    .foot-contact ul li{width: 50%;}
    .foot-contact ul li img{width: 60%;margin: 0 auto;}
    .indexfooter{display: none;}
    .indexfooter li{padding: 0 0 1rem;width: 50%;}
    .nav-menu>ul>li:nth-child(6), .nav-menu>ul>li:nth-child(9){display: none;}
    .about-ry .tit p{display: none;}

    .about-vidtxt{padding:4rem 0 2rem;}

    .sectionc{padding-bottom: 0;}
    .sectionc .text-center div{display: none;}
    .index-bk{width: 100%;margin: 0 0 2rem !important;}
    .indexbkl, .indexbkr{color: #333 !important;position: relative;top: 0;left: 0;right: 0;bottom: 0;padding: 0.5rem 0 0;margin: 0;line-height: 1.8rem;font-size: 1.5rem;width: 100%;text-align: center;background: none;}
    .indexbkl p, .indexbkr p{color: #333 !important;}
    .index-news{padding-top: 0;}
    .index-news li{width: 100%;margin: 0 0 1rem;}

    table{max-width: 100%;}
    .index-news li p{font-size: 130%;line-height: 2rem;height: 4rem;}


    .contact-page li{width: 100%;margin: 1.5rem 0;}
    .rencai-box{overflow: hidden;}
    .rencai-box .w94{width: calc(100% - 2rem);}
    .zhaopin-boxl{padding: 0;}

    .zhaopin-box li{width: 100%;margin: 0 0 3rem;border-radius: 1rem;}
    .zhaopin-box li .zhanpinbtn{padding: 1rem 2rem 2rem;}
    .zhaopin-box a,.zp_box .wyyp{line-height: 2.5rem;font-size: 115%;}
    .zp_box{width: 90vw;left: 5vw;margin: 0;}
    .gb_zp_box{width: 1.8rem;height: 1.8rem;}
    .zp_box .zhanpin-content{padding: 2rem 1rem;}
    .about-boxl, .about-boxr{width: 100%;margin: 0;}
    .about-boxl{margin: 0 0 2rem;}
    .about-boxl p{font-size: 160%;margin: 0;width: 100%;}

    .about-fzlc .pb-3{padding-bottom: 3rem;}
    .about-fzlc .list10a{bottom: 0;left: 35%;}
    .about-fzlc .list10b{bottom: 0;right: 35%;}

    .about-ry .pb-3{padding-bottom: 3rem;}
    .about-ry .list2a{bottom: 0;left: 35%;}
    .about-ry .list2b{bottom: 0;right: 35%;}

    .jiegou-left, .jiegou-right{width: 48%;font-size: 160%;margin-top: 1.5rem;padding: 0 0 0 3rem;line-height: 3.5rem;height: 3.5rem;
        background-size: 2rem;background-position: 1rem center;}
    .jiegou-left.cur, .jiegou-right.cur, .jiegou-left:hover, .jiegou-right:hover{background-size: 2rem;background-position: 1rem center;}


    .new-top{padding: 0;height: auto;display: none;}
    #articlesearch_form{width: 100%;float: none;}
    #articlesearch_form .search-keyword{width: calc(100% - 3rem);}

    .index-investor li{width: 100%;margin-right: 0;}
    .index-investor li a{padding: 1rem 0;height: 8rem;}
    .index-investor li span{height: 6rem;padding-top: 1rem;}
    .index-investor li span{margin-right: 0;font-size: 230%;}
    .index-investor li p{font-size: 120%;width: calc(100% - 6rem);}
    .index-investor .choose-box li a{height: auto;}

    .page-menu{display: none;}
    .page-sonmenu.sonshow{display: none;}
    .page-choose{display: block;}

    .rencai-box .zhaopin-boxl{padding: 3rem 0 2rem;}
    .rencai-box .tit{display: none;}
    .yewu-boxl,.yewu-boxr{width: 100%;}
    .yewu-boxl{margin-bottom: 2rem;}
    .product-box li{margin-bottom: 0;}


    .head-select{position: absolute;top: 0;right: 4rem;width: 3rem;height: 56px;line-height: 56px;}
    .select-index-main .select-content .search-keyword{width: 70%;padding: 0 1rem;line-height: 3.2rem;height: 3.2rem;}
    .select-index-main .select-content .search-btn{width: 30%;line-height: 3.2rem;height: 3.2rem;background: #c82332;color: #fff;}


    .bannerpage .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
    }

    .ctinfo>div {
        width: 100%
    }

    .ctinfo .ct1 {
        padding-right: 0
    }

    .map .pic {
        height: 30vh;
    }

    .map img {
        object-fit: cover;
        object-position: center center;
        width: 100%;
        height: 100%
    }

    .colors li {
        width: 50px;
        height: 50px;
        margin: 10px
    }

    .pros li {
        width: calc(33.3333333% - 20px);
    }

    .powerby {
        text-align: center;
        padding-top: 1rem;font-size:80%;
    }
    .colc ul:before,.colc ul:after{clear:both;content:'';display: table}
    .powerby i {
        display: block;
    }
}



.photos {
    position: relative;
}

.photos hr+ul {
    display: flex;
    flex-wrap: wrap;
}

.photos ul li {
    width: 50%;
    padding: 10px
}

@media(min-width:900px) {
    .photos ul li {
        width: 33.33333%
    }
}

.photos ul li a {
    display: block;
}

.photos ul li .pic {
    padding-bottom: 100%;
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
}

.photos ul .pic img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
    object-fit: cover;
}

.btt {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 555;
    transform: translateY(-50%);
}

.btt span {
    display: none;
}

.btt div {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    transition: 400ms;
}

.btt div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btt a {
    background-color: #ccc;
    display: block;
    height: 100px;
    width: 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.btt .iconfont {
    font-size: 150%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 30px;
}

.btt.pprev a div {
    left: -100px;
}

.btt.pnext a div {
    right: -100px;
}

.btt.pprev a:hover div {
    left: 0
}

.btt.pnext a:hover div {
    right: 0
}

.btt.pprev a:hover .iconfont {
    left: calc(100% - 15px)
}

.btt.pnext a:hover .iconfont {
    left: 15px
}

.pnext.btt {
    left: auto;
    right: 0;
}

.btt a:hover {
    width: 130px;
    background-color: #c82332;
}

.btt a:hover i,
.btt a:hover span {
    color: #fff
}

.foot2 h3 a,
.foot2 h3 {
    display: block;
}

.foot2 h3 a:hover {
    color: #fff
}

@media(min-width:900px) {
    .foot2 h3+h3 {
        margin-top: 2rem
    }
}




@media(min-width:900px){
.lefttit {
    position: absolute;
    top: 0;
    left: 0
}

.newsalon {
    width: calc(100vw - 30vw);
    left: 25%;
    top: 0;
}
}
.newsalon h6 {
    padding: 1rem;
    margin-top: 0
}
.newsalon .swiper-slide:hover a .bg4
{background-color:#c82332}
.newsalon .swiper-slide:hover a h6{
color:#fff;
}

.newsalon img {
    object-fit: cover;
}



.ticos {
    font-size: 25px;
}

.ticos li {
    width: 70px;
    text-align: center;
    cursor: pointer;
    transition: 600ms;
    

}
.ticos li .iconfont{
    border:1px solid #fff;display: inline-block;
    border-radius: 5em;
    text-align: center;
    line-height: 50px;
    height:50px;
    width:50px;
    color:#fff;
}
.ticos li:hover .iconfont{background-color:#c82332;border-color:#c82332;color:#000}

@media(min-width:960px){
.col-lg-7.teamdes{padding-left:80px}
}
.ticos li:hover{color:#c82332}

.cers > div img{height:100%;width:100%;max-width:unset}


.ndtcon{padding:3rem;margin-left:-15px;margin-right:-15px}
.ndtcon .info{padding:1rem 0 0 ;}
.ndtcon2 img{width:100%}
.ndtcon2 .row.flex,.itemcenter{align-items: center;}
.ndtconb .bg5,.ndtconb .bluebg{height:100%}
.ndtconb .info{padding:2rem;}
.table-header{position: relative;text-align: center;padding-top:50px !important;
vertical-align: top;}
.table-header img:nth-child(1){max-height:100px;position: absolute;top:-30%;left:50%;transform: translateX(-50%);}
.tb2{margin-top:50px}
.tbb .table-header img:nth-child(1){top:-70%}
.table-spec img{width:70px;height:70px;}
.table-spec{text-align: center;font-weight:800}
.ndtconb .info.softicon{padding-top:75px}

.softicon img{position: absolute;top:-25%;max-height:150px}
.row.flex > div p{margin:1rem 0}
.qrs li{position: relative; text-align: center;}

@media(min-width:700px){
.qrs .qrsd{position: absolute;right:100%;top:0;width:0;height:0;opacity: 0;transition: 600ms;}
.qrs li:hover .qrsd{width:139px;height:139px;opacity: 1}
}

  .float-right-box{display:none;position: fixed;}



@media(min-width:868px){
.float-right-box {
    display: block;
    width: 60px;
    right: 2rem;
    bottom: 10%;    
    z-index: 1000;
    -webkit-transition: width 0.3s ease 0s;
    transition: width 0.3s ease 0s;
  }
  


 

}

 .top-list li {
    margin: 5px 0;
    height:60px;line-height: 60px;
    position: relative;
    cursor: pointer;text-align: center;
    border-radius: 5em;background-color: #fff;
    border:1px solid #eee;
  }
  .top-list li:hover {color: #fff;background-color: #222;border:1px solid #222;}
  .top-list li .iconfont{font-size:20px;z-index:55}
  .top-list a {
    display: block;
    color: #222;
  }
   .top-list a:hover .iconfont {
    color: #fff;
  }


  
  #wechat .img {
    position: absolute;
    right: 120%;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 137px;
    height: 137px;
    -webkit-transition: all .3s;
    transition: all .3s;
    top: 0;
 }
  
  #wechat .img img {
  }


  .teltxt{position: absolute;
    right: 110%;
    width: 0;
    height:0;
    text-align: left;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    background-color: #222;
    border-radius: 5em;
    transition: 400ms;
    overflow:hidden;
    font-size:0;
  }
  


  .float-right-box .top-list li:hover #wechat .img {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
  .float-right-box .top-list li:hover .teltxt{
    opacity: 1;
    font-size:100%;
   width:220px;
    height:60px;line-height: 60px;text-align:center;
  }
  .float-right-box .top-list li.am-gotop {
    opacity: 0;
    display: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-bottom: 0;
  }
  
  .float-right-box .top-list li.am-gotopon {
display: block;
    opacity: 1;
  }


.picmax{background-color:#fff;}
.picmax .swiper-wrapper{align-items: center;}
.picmax .swiper-slide{text-align: center;}
.picmin .swiper-slide{border:1px solid #eee;cursor: pointer}
.picmin .swiper-slide img{opacity: .3}
.picmin .swiper-slide-thumb-active img{opacity: 1}
@media(max-width:768px){
.float-right-box{width:100%;right:0;bottom:0;box-shadow:0 10px 20px rgba(0,0,0,.1);background-color: #fff;display: block;
}
.float-right-box .top-list ul{display: flex;justify-content: space-between;width:95%;margin:auto;}
.float-right-box .top-list li{width:25%;border:none;border-radius: 0;margin:0;}

#wechat .img {
    right: auto;
    left:0;
    width: 157px;
    height: 157px;
    top: auto;
    bottom:110%;

 }
  



  .teltxt{
    right: auto;
    left:0;
    top: auto;
    bottom:110%;
    transform: translateY(0);
    border-radius: 0;
  }

}




@media(min-width:768px){

}


/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 100%;padding:.5rem
}

.grid-item {
  float: left;
}


@media(min-width:768px){
.grid-item,.grid-sizer{width:33.33333%;padding:.5rem}
}

@media(min-width:1200px){
.grid-item,.grid-sizer{width:25%;padding:.5rem}
}

.grid-item img{width:100%;}
.grid-item a{display: block;position: relative;}
.grid-item a .info{position: absolute;bottom:0;left:0;
background-color: rgba(0,0,0,.6);padding: 1rem 1.5rem;color:#fff;width:100%;

}
.grid-item a i{position:absolute;opacity: 0;bottom:1rem;right:1rem;color:#fff;}
.grid-item a:hover i{opacity: 1;}
.idxcase{max-width:1900px;margin-left:auto;margin-right:auto;flex-wrap:wrap;}
.idxcase img{width:100%}
.idxcase a{padding:5px;display: block;}
.idxcase > div{width:47.6%;}
.idxcase .col-a{width:37.5%}
.idxcase .col-b{width:62.5%}
.idxcase .col-d{width:52.4%}

@media(min-width:960px){
.idxcase > div{width:25%;}
.idxcase .col-a{width:17.5%}
.idxcase .col-b{width:29.9%}
.idxcase .col-d{width:27.6%}
}
@media(min-width:700px){
.hflex > div{width:50%;}
.hflex .itemb .pic{width:50vw;}
.hflex .itema {padding-right:5%;z-index:55}
.hflex.hflexb .itemb .pic{width:70vw;margin-left:-15vw;background-color: #000;z-index:1;}
.hflex.hflexb .itemb .pic img{opacity: .6}
}
@media(max-width:600px){
    .hflex .itema{padding:2em 0}
    .hflex .itemb {order:1;margin-left:-30px;margin-right:-30px}
    .hflex.hflexb .itemb{display: none;}
}


.loadingArea{
position:fixed;
left:0;
top:0;
z-index:99999;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
justify-content:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
align-items:center;
width:100%;
height:100%;
background: linear-gradient(270deg, rgba(221, 33, 167, 1) 0%, rgba(242, 162, 63, 1) 100%);
}

.loadingArea .logoa{
opacity:0;
pointer-events:none;
-webkit-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
transform: scale(1.7);
position: relative;
width: 35vw;
}

.loadingArea.show .logoa{
opacity:1;
transform: scale(1);
}

.loadingArea.out{
opacity:0;
pointer-events:none;
-webkit-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.loadingArea.out .logoa{
  transform: scale(.5);
  -webkit-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}