@font-face{
    font-family: 'Helvetica';
    src : url('HelveticaNeue.ttf');
}
h3{
	font-size:20px;
}
    body {
        font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif !important;
        font-size: 14px;
        line-height: 1.42857;
        color: #333;
        min-width: 1000px;
        margin: 0 auto;
        padding-bottom: 70px;
    }
    /*屏幕总宽*/

    .container-fluid {
        padding-right: 50px;
        padding-left: 50px;
        margin-right: auto;
        margin-left: auto;
        min-width: 1000px;
    }
    /*右上导航开始*/

    @media (max-width: 767px) {
        .headuser {
            position: relative!important;
            top: 0px;
            right: 0px;
            color: #7a7977;
            font-size: 13px;
        }
        .container-fluid {
            padding-right: 10px;
            padding-left: 10px;
            margin-right: auto;
            margin-left: auto;
        }
        .swiper-container {

            padding-right: 0px!important;
            padding-left: 0px!important;
            margin-right: auto;
            margin-left: auto;
        }
    }

    .headuser {
        position: absolute;
        top: 22px;
        right: 55px;
        color: #7a7977;
        font-size: 13px;
    }

    .headuser a {
        color: #7a7977;
        padding: 0 8px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .headuser .active {
        color: #db2f36!important;
    }
    /*右上导航结束*/

    .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
    }

    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent
    }

    .navbar:before,
    .navbar:after {
        content: " ";
        display: table
    }

    .navbar:after {
        clear: both
    }

    @media (min-width: 768px) {
        .navbar {
            border-radius: 25px
        }
    }

    .navbar-header:before,
    .navbar-header:after {
        content: " ";
        display: table
    }

    .navbar-header:after {
        clear: both
    }

    @media (min-width: 768px) {
        .navbar-header {
            float: left
        }
    }

    .navbar-collapse {
        overflow-x: visible;
        padding-right: 15px;
        padding-left: 15px;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        -webkit-overflow-scrolling: touch
    }

    .navbar-collapse:before,
    .navbar-collapse:after {
        content: " ";
        display: table
    }

    .navbar-collapse:after {
        clear: both
    }

    .navbar-collapse.in {
        overflow-y: auto
    }

    @media (min-width: 768px) {
        .navbar-collapse {
            width: auto;
            border-top: 0;
            box-shadow: none
        }
        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }
        .navbar-collapse.in {
            overflow-y: visible
        }
        .navbar-fixed-top .navbar-collapse,
        .navbar-static-top .navbar-collapse,
        .navbar-fixed-bottom .navbar-collapse {
            padding-left: 0;
            padding-right: 0
        }
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 340px
    }

    @media (max-device-width: 480px) and (orientation: landscape) {
        .navbar-fixed-top .navbar-collapse,
        .navbar-fixed-bottom .navbar-collapse {
            max-height: 200px
        }
    }

    .container>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container-fluid>.navbar-collapse {
        margin-right: -15px;
        margin-left: -15px
    }

    @media (min-width: 768px) {
        .container>.navbar-header,
        .container>.navbar-collapse,
        .container-fluid>.navbar-header,
        .container-fluid>.navbar-collapse {
            margin-right: 0;
            margin-left: 0
        }
    }

    .navbar-static-top {
        z-index: 1000;
        border-width: 0 0 1px
    }

    @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-brand {
        float: left;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
        height: 50px
    }

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none
    }

    .navbar-brand>img {
        display: block
    }

    @media (min-width: 768px) {
        .navbar>.container .navbar-brand,
        .navbar>.container-fluid .navbar-brand {
            margin-left: -15px
        }
    }

    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 15px;
        padding: 9px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 25px
    }

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px
    }

    @media (min-width: 768px) {
        .navbar-toggle {
            display: none
        }
    }

    .navbar-nav {
        margin: 7.5px -15px
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
    }

    @media (max-width: 767px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            box-shadow: none
        }
        .navbar-nav .open .dropdown-menu>li>a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px
        }
        .navbar-nav .open .dropdown-menu>li>a {
            line-height: 20px
        }
        .navbar-nav .open .dropdown-menu>li>a:hover,
        .navbar-nav .open .dropdown-menu>li>a:focus {
            background-image: none
        }
    }

    @media (min-width: 768px) {
        .navbar-nav {
            float: left;
            margin: 0
        }
        .navbar-nav>li {
            float: left
        }
        .navbar-nav>li>a {
            padding-top: 15px;
            padding-bottom: 15px
        }
    }

    .navbar-form {
        margin-left: -15px;
        margin-right: -15px;
        padding: 10px 15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        margin-top: 8px;
        margin-bottom: 8px
    }

    @media (min-width: 768px) {
        .navbar-form .form-group {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle
        }
        .navbar-form .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle
        }
        .navbar-form .form-control-static {
            display: inline-block
        }
        .navbar-form .input-group {
            display: inline-table;
            vertical-align: middle
        }
        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn,
        .navbar-form .input-group .form-control {
            width: auto
        }
        .navbar-form .input-group>.form-control {
            width: 100%
        }
        .navbar-form .control-label {
            margin-bottom: 0;
            vertical-align: middle
        }
        .navbar-form .radio,
        .navbar-form .checkbox {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: middle
        }
        .navbar-form .radio label,
        .navbar-form .checkbox label {
            padding-left: 0
        }
        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0
        }
        .navbar-form .has-feedback .form-control-feedback {
            top: 0
        }
    }

    @media (max-width: 767px) {
        .navbar-form .form-group {
            margin-bottom: 5px
        }
        .navbar-form .form-group:last-child {
            margin-bottom: 0
        }
    }

    @media (min-width: 768px) {
        .navbar-form {
            width: auto;
            border: 0;
            margin-left: 0;
            margin-right: 0;
            padding-top: 0;
            padding-bottom: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }
    }

    .navbar-nav>li>.dropdown-menu {
        margin-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

    .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
        margin-bottom: 0;
        border-top-right-radius: 25px;
        border-top-left-radius: 25px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .navbar-btn {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .navbar-btn.btn-sm,
    .btn-group-sm>.navbar-btn.btn {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-btn.btn-xs,
    .btn-group-xs>.navbar-btn.btn {
        margin-top: 14px;
        margin-bottom: 14px
    }

    .navbar-text {
        margin-top: 15px;
        margin-bottom: 15px
    }

    @media (min-width: 768px) {
        .navbar-text {
            float: left;
            margin-left: 15px;
            margin-right: 15px
        }
    }

    @media (min-width: 768px) {
        .navbar-left {
            float: left !important
        }
        .navbar-right {
            float: right !important;
            margin-right: -15px
        }
        .navbar-right~.navbar-right {
            margin-right: 0
        }
    }

    .navbar-default {
        background-color: transparent;
        border-color: transparent
    }

    .navbar-default .navbar-brand {
        color: #fff
    }

    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus {
        color: #e6e6e6;
        background-color: transparent
    }

    .navbar-default .navbar-text {
        color: #fff
    }

    .navbar-default .navbar-nav>li>a {
        color: #fff
    }

    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li>a:focus {
        color: #e6e6e6;
        background-color: transparent
    }

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:hover,
    .navbar-default .navbar-nav>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #ddd
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #888
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: transparent
    }

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>.open>a:focus {
        background-color: transparent;
        color: #fff
    }

    @media (max-width: 767px) {
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
            color: #fff
        }
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
            color: #e6e6e6;
            background-color: transparent
        }
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
            color: #fff;
            background-color: transparent
        }
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
            color: #ccc;
            background-color: transparent
        }
    }

    .navbar-default .navbar-link {
        color: #fff
    }

    .navbar-default .navbar-link:hover {
        color: #e6e6e6
    }

    .navbar-default .btn-link {
        color: #fff
    }

    .navbar-default .btn-link:hover,
    .navbar-default .btn-link:focus {
        color: #e6e6e6
    }

    ul.nav.navbar-nav {
        margin-top: 9px;
    }

    .navbar {
        padding: 28px 0 20px 0;
        font-size: 14px;
        margin-bottom: 0;
        border: 0;
        border-radius: 0;
        font-weight: 400
    }

    .navbar:lang(ja) {
        font-weight: bold
    }

    @media (max-width: 767px) {
        .navbar {
            padding: 0
        }
    }

    .navbar .navbar-toggle {
        border: 0;
        margin-top: 20px
    }

    .navbar .navbar-toggle .icon-bar {
        background-color: #0BC9FC;
    }

    .navbar .navbar-toggle:hover {
        background-color: transparent
    }

    .navbar .navbar-collapse {
        text-align: center
    }

    .navbar .navbar-collapse.collapsing,
    .navbar .navbar-collapse.in {
        box-shadow: none;
        border-top: 1px solid #59606f;
        border-bottom: 1px solid #59606f
    }

    @media (min-width: 768px) {
        .navbar .navbar-collapse.collapsing,
        .navbar .navbar-collapse.in {
            border: 0
        }
    }

    .navbar .navbar-brand {
        text-align: left;
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        color: #fff;
        font-size: 28px;
        line-height: 70px
    }

    .navbar .navbar-brand img.logo {
        width: 350px;
        height: 54px;
        margin-right: 20px;
        display: block;
        float: left
    }

    @media (max-width: 767px) {
        .navbar .navbar-brand img.logo {
            width: 210px;
            height: 37px;
            margin-right: 17px;
            margin-top: 16px;
            margin-bottom: 10px;
        }
    }

    .navbar .navbar-brand img.logotype {
        float: left;
        margin-top: 18px
    }

    @media (max-width: 767px) {
        .navbar .navbar-brand img.logotype {
            margin-top: 21px
        }
    }

    .navbar .navbar-brand:hover {
        text-decoration: none
    }

    .navbar ul.navbar-right {
        margin-top: 8px
    }

    .navbar ul.navbar-right a.item {
        letter-spacing: 1.5px;
        font-size: 16px;
        color: #333;
        font-weight: 400;
        margin: 7px 20px;
        padding: 10px 0;
        letter-spacing: 1.7px;
        border-bottom: 2px solid transparent
    }

    .navbar ul.navbar-right a.item:lang(en) {
        text-transform: uppercase
    }


    .navbar ul.navbar-right a.item.active {
        text-decoration: none;
        border-bottom: 2px solid #db2f36;
    }
  .navbar-right li a:before {
        content: '';
        background: #db2f36;
        width: 0;
        margin: auto;
        height: 0px;
        display: block;
        transition: all 0.5s;
        position: absolute;
        bottom: 0px;
    }

    .navbar-right li a:hover:before {
        height: 2px;
        width: 100%;
    }

    .navbar ul.navbar-right a.item.highlight {
        color: #db2f36;
        border-bottom: 2px solid #db2f36;
    }

    @media (min-width: 768px) {
        .navbar ul.navbar-right li:last-of-type a {
            margin-right: 0;
        }
    }

    .navbar ul.navbar-right .btn-default {
        color: #14605d;
        padding: 15px 45px;
        font-weight: 600;
    }

    @media (max-width: 767px) {
        .navbar ul.navbar-right .btn-default {
            margin: 0 20px
        }
    }

    @media (min-width: 768px) {
        .navbar ul.navbar-right .btn-default {
            margin: 0 0 0 20px
        }
    }
    /*导航样式结束*/
    /*底部*/

    .footer {
        text-align: right;
        margin-top: 20px;
    }

    .footer img {
        padding-right: 10px;
    }
    /*banner*/

    .swiper-container {
        position: absolute;
        width: 100%;
        height: 80%;
        padding-right: 50px;
        padding-left: 50px;
        margin-right: auto;
        margin-left: auto;
        min-width: 1000px;
    }

    .swiper-slide {
        min-width: 1000px;
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: 100%;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

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

    .swiper-pagination-bullet-active {
        opacity: 1!important;
        background: #d80c18!important;
    }


    .down .swiper-container-vertical>.swiper-pagination-bullets {
        left: 100px;
        top: 50%;
        -webkit-transform: translate3d(0, -50%, 0);
        -moz-transform: translate3d(0, -50%, 0);
        -o-transform: translate(0, -50%);
        -ms-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    .dome .swiper-pagination-bullet {
        width: 6px!important;
        height: 46px!important;
        border-radius: 8px!important;
        background: #000;
        opacity: .5;
    }

    .swiper-slide .swiper-pagination-bullet {
        width: 15px!important;
        height: 15px!important;
        display: inline-block!important;
        border-radius: 0px!important;
        background: #000;
        opacity: .5;
    }

    .ce {
        position: fixed;
        right: 10px;
        z-index: 999;
        top: 30%;
        width: 60px;
        background: #383838;
        color: #fff;
        text-align: center;
    }

    .ce ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .ce ul li {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .ce li:hover {
        background: #d80c18;
        transition: all 0.5s;

    }
    .ce li:hover img{
          transition: all 1s;
        transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
    }

    .ce ul li p {
        width: 100%;
        margin: 5px 0;
        font-size: 12px;
    }

    .ce a:link,
    .ce a:active,
    .ce a:hover,
    .ce a:focus,
    {
        color: #fff;
        text-decoration: none;
    }

    .menu {
        width: 100%;
        height: 100%;
    }

    .menu img {
        width: 100%;
        position: relative;
        height: 100%;
    }

    .menu h2 {
        position: absolute;
        bottom: 1rem;
        right: 3rem;
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: 24px;
    }

    .m_left {
        width: 74.5%;
        height: 100%;
        float: left;
        transition: all .5s ease-in-out;
    }

    .m_right {
        width: 25%;
        height: 100%;
        float: right;
        position: relative;
        overflow: hidden;
    }

    .m_right img {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .left_top {
        width: 100%;
        height: 50%;
        padding-bottom: 10px;
    }

    .dd .top2 {
        width: 20%;
        height: 100%;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .dd .top1 {
        width: 49%;
        height: 100%;
        float: left;
        position: relative;
        overflow: hidden;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }

    .dd .top2 {
        width: 20%;
        height: 100%;
        float: left;
        position: relative;
        overflow: hidden;
        margin-left: 0%;
        margin-right: 0%;
    }

    .top1 {
        width: 50%;
        height: 100%;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .top2 {
        width: 19%;
        height: 100%;
        float: left;
        position: relative;
        overflow: hidden;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }

    .top3 {
        width: 30%;
        height: 100%;
        float: left;
        position: relative;
        overflow: hidden;
    }

    .top4 {
        width: 33.33333%;
        height: 100%;
        float: left;
        position: relative;
    }

    .left_top:nth-child(2) {

        padding-bottom: 0px;
    }

    .more {
        top: 10%;
        left: 40%;
        position: absolute;
    }

    .more img {
        width: 100px;
    }

    .m_left img:hover {
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        transition: all .5s ease-in-out;
    }

    .three {
        width: 100%;
        height: 100%;
    }

    .three_left,
    .three_right {
        width: 50%;
        float: left;
        height: 100%;
        position: relative;
        text-align: center;
    }

    .three_left:after,
    .three_right:after {
        clear: both;
    }

    .three_left {

        background: url("../img/three_left.jpg")no-repeat;
        background-size: 100% 100%;
    }

    .three_right {

        background: url("../img/three_right.jpg")no-repeat;
        background-size: 100% 100%;
    }

    .left_nav {
        width: 70%;
        height: 70%;
        margin-top: 15%;
        margin-left: 15%;
        background: rgba(255, 255, 255, 0.6);
        position: absolute;
        top: 0%;
        left: 0px;
    }

    .left_nav h2 {
        color: #d80c18;
        font-size: 30px;
        margin-bottom: 30px;
    }

    .left_nav button {
        width: 180px;
        outline: none;
        height: 45px;
        line-height: 45px;
        color: #fff;
        background: #d80c18;
        border: 0px solid transparent;
        margin: 20px 0;
        letter-spacing: 0.2em;
    }
	.left_nav .btn {
        width: 246px !important;
		line-height:0px !important;
    }
    .half {
        position: relative;
        z-index: 5000;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .left_nav a:link,
    .left_nav a:active,
    .left_nav a:hover,
    .left_nav a:focus,
    {
        color: #fff;
        text-decoration: none;
    }

    .navbar-right li::after {
        width: 1px;
        height: 12px;
        border: 1px solid #c0c0c0;
        content: "";
        position: absolute;
        z-index: 9;
        top: 22px;
        left: 0px;
        border-radius: 6px;
    }

    .navbar-right li:first-of-type::after {
        width: 0px;
        height: 18px;
        border: 0px solid transparent;
        content: "";
        position: absolute;
        z-index: 9;
        top: 18px;
        left: 0px;
        border-radius: 6px;
    }a {color:black;text-decoration:none !important;}.mbx{
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 1rem 0;
    margin-bottom: 2rem;
}
.mbx li{float:left;}