@charset "utf-8";
/** * @author:GongHaibo/龚海波
 * @email:yanyuzixuan@sina.cn
 * @time:2016-12
 */
body {
    /*-moz-user-select: none;*/
    /*!*火狐*!*/
    /*-webkit-user-select: none;*/
    /*!*webkit浏览器*!*/
    /*-ms-user-select: none;*/
    /*!*IE10*!*/
    /*-khtml-user-select: none;*/
    /*!*早期浏览器*!*/
    /*user-select: none;*/

}
input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
}
/*...........rest重置*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

body {
    font-size: 14px;
    color: #777;
    font-family: '微软雅黑';
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

a {
    color: #777;
    text-decoration: none;
}

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

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clar {
    clear: both;
}

/*top*/
.top ul {
    margin-top: 20px;
    margin-right: 8px;
}

.top ul li {
    float: right;
    border-right: solid 1px #dcdcdc;

}

.top ul li a {
    color: #777;
    padding: 5px 15px;
}

@media (max-width: 767px) {
    .top ul {
        margin-top: -12px!important;
    }
    .top ul li a{
        padding: 5px 3px;
        font-size: 12px;
    }
}
.megess span, .langue span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("/manImages/3.0/homeqj.png") no-repeat;
}

.megess a, .langue a {
    padding-right: 3px !important;
}

.langue span {
    margin-right: 7px;
}

li.megess {
    border-right: none !important;
    position: relative;

}

li.megess a {

    position: relative;
    z-index: 100002;
}

li.megess span {
    position: relative;
    z-index: 100002;
}

li.lgin a {
    color: #d60f37 !important;
}

.pope {
    position: absolute;
    top: -500px;
    transition: top ease 0.9s 0s;
    z-index: 100001;
    width: 203px;
    padding: 50px 10px 35px 10px;
    min-height: 100px;
    left: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #f1f1f1;
}

li.megess:hover .pope {
    top: -32px;
    transition: top ease 0.9s 0s;
}

.navbar-toggle {
    border: 1px solid #E4E4E4;
    margin-top: 30px;
}

.btops {
    position: absolute;
    left: 50%;
    display: none;
    top: 32px;
    width: 91%;
    margin-left: -42%;
    height: 2px;
    background: red;
    /*left: 16px;*/
    z-index: 100002;
    bottom: -6px;
}

.pope ul {
    margin-top: 50px;
}

.pope ul li {
    float: none;
    border: none;
    line-height: 25px;
}

.pope ul li a:hover {
    color: #e14353;
}

li.megess:hover span {
    background-position: 0 -12px;
}

li.langue {
    position: relative;
}

li.langue:hover span {
    background-position: 0 -12px;
}

.opkps {
    position: absolute;
    display: none;
    margin-top: 14px;
}

/*nav*/
.navBner span {
    margin-left: 3px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("/manImages/3.0/homeqj.png") no-repeat;
}

ul.nav li:hover span {
    background-position: 0 -12px;
}

ul.nav li:hover > a {
    color: #e14353;
}

.nav a {
    color: #111111;
}

@media (min-width: 768px) {

    .nav a {
        font-size: 16px;
        color: #111111;
        font-weight: bold;
    }

    .navbar {
        margin-top: 40px;
    }

    .nav > li > a:focus, .nav > li > a:hover {
        text-decoration: none;
        background-color: transparent;
    }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: transparent;
        border-color: #337ab7;
    }

    .logo img {
        margin-top: -32px;
    }

    .navbar {
        margin-bottom: 5px;
    }

    .dropdown-menu {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: 122px;
        top: 92%;

    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: #e14353;
        text-decoration: none;
        background-color: transparent;
    }

    .last a {
        /*padding-right: 0!important;*/
    }

    .dropdown-menu > li > a {
        color: #111;
        font-size: 14px;
        text-decoration: none;

    }

    ul.dropdown-menu li:first-child {
        margin-top: 30px;
    }

    ul.dropdown-menu li:last-child {
        margin-bottom: 30px;
    }

    .dropdown {
        position: relative;
    }

    .nav i {
        position: absolute;
        display: none;
        margin-right: auto;
        margin-left: auto;
        /*top:0;*/
        /*width: 30px;*/
        height: 2px;
        background: red;
        /*left: 16px;*/
        z-index: 10000;
        bottom: -6px;
    }

    .blcak {
        position: absolute;
        left: 50%;
        display: none;
        /*top:8px;*/
        width: 65%;
        margin-left: -35%;
        height: 3px;
        background: #e14353;
        /*left: 16px;*/
        z-index: 10000;
        bottom: -6px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .logo img {
        width: 68px;
        height: auto !important;
        margin-top: -25px;
        margin-left: 54px;
    }

    ul.nav li:hover .blcak {
        display: block;
    }

    .navbar {
        margin-top: 10px;
    }

    .nav a {
        font-size: 14px;
        color: #111111;
        font-weight: bold;
    }

    .sel .blcak {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1118px) {
    .logo img {
        width: 111px;
        height: auto !important;
        margin-top: -25px;
    }
}

@media (max-width: 767px) {
    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background: red;
    }

    .logo img {
        width: 29%;
        margin-top: 10px;
        margin-bottom: 6px;
    }

    .lins {
        border-right: none !important;
    }
}

/*banner*/

#owl-demo {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#owl-demo .item {
    display: block;
}

#owl-demo img {
    display: block;
    width: 100%;
}

.owl-controls {
    position: absolute;
    right: 10px;
    top: 48%;
}

.owl-pagination {

}

.owl-theme .owl-controls .owl-page {
    display: block !important;
    text-align: right;
}

.owl-theme .owl-controls .owl-page span {
    border-radius: 0 !important;
    width: 12px;
    height: 12px;
    background: transparent;
    border: solid 1px #fff;
    margin-top: 10px !important;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg); /* Opera */

}
.owl-theme .owl-controls .owl-page span {
    background: transparent
}


.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    background: #fff!important;
}
.active span{
    background: #fff!important;
}

/*#owl-demo .item{*/
    /*position: relative;*/
/*}*/
.potimd{
    position: relative;
}
.floyaw{
    position: absolute;
    z-index: 5555;
    top:0;
    width: auto!important;
}
.tets1{
    right: 0;
    margin-top: -39%;
}
.tets2{
    right: 2px;
    margin-top: -31%;
}
@media (max-width: 1679px) {
    img.tets1 {
        width: 500px!important;
        margin-top: -31%;
    }
    img.tets2 {
        width: 300px!important;
        margin-top: -25%;
    }
}
@media (max-width: 1499px) {
    img.tets1 {
        width: 500px!important;
        margin-top: -27%;
    }
    img.tets2 {
        width: 300px!important;
        margin-top: -21%;
    }
}

@media (max-width: 1279px) {
    img.tets1 {
        width: 400px!important;
        margin-top: -28%;
    }
    img.tets2 {
        width: 200px!important;
        margin-top: -17%;
    }
}

@media (max-width: 1179px) {
    img.tets1 {
        right: 45px;
        width: 400px!important;
        margin-top: -28%;
    }
    img.tets2 {
        right: 45px;
        width: 200px!important;
        margin-top: -17%;
    }
}
@media (max-width: 1117px) {
    img.tets1 {
        right: 45px;
        width: 400px!important;
        margin-top: -28%;
    }
    img.tets2 {
        right: 45px;
        width: 200px!important;
        margin-top: -16%;
    }
}
@media (max-width: 991px) {
    img.tets1 {
        right: 45px;
        width: 329px !important;
        margin-top: -32%;
    }
    img.tets2 {
        right: 45px;
        width: 200px!important;
        margin-top: -18%;
    }
}
@media (max-width: 767px) {
    img.tets1 {
        right: 45px;
        width: 287px !important;
        margin-top: -27%;
    }
    img.tets2 {
        right: 45px;
        width: 176px !important;
        margin-top: -15%;
    }
}

@media (max-width: 689px) {
    img.tets1 {
        right: 45px;
        width: 236px !important;
        margin-top: -25%;
    }
    img.tets2 {
        right: 45px;
        width: 138px !important;
        margin-top: -14%;
    }
}
@media (max-width: 649px) {
    img.tets1 {
        right: 45px;
        width: 199px !important;
        margin-top: -24%;
    }
    img.tets2 {
        right: 45px;
        width: 131px !important;
        margin-top: -14%
    }
}

@media (max-width: 599px) {
    img.tets1 {
        right: 45px;
        width: 158px !important;
        margin-top: -24%;
    }
    img.tets2 {
        right: 45px;
        width: 131px !important;
        margin-top: -14%
    }
}
@media (max-width: 489px) {
    img.tets1 {
        right: 45px;
        width: 136px !important;
        margin-top: -24%;
    }
    img.tets2 {
        right: 45px;
        width: 107px !important;
        margin-top: -14%
    }
}
@media (max-width: 439px) {
    img.tets1 {
        right: 45px;
        width: 134px !important;
        margin-top: -24%;
    }
    img.tets2 {
        right: 45px;
        width: 120px !important;
        margin-top: -18%;
    }
    .owl-theme .owl-controls .owl-page span{
        width: 8px!important;
        height: 8px!important;
    }
}
@media (max-width: 364px) {
    img.tets1 {
        right: 45px;
        width: 99px !important;
        margin-top: -24%;
    }
    img.tets2 {
        right: 45px;
        width: 97px !important;
        margin-top: -14%
    }

}
.bouncLeft{
    -webkit-animation: bounceInLeft 1.9s forwards;
    -moz-animation: bounceInLeft 1.9s forwards;
    animation: bounceInLeft 1.9s forwards
}

.bouncRight{
    -webkit-animation: bounceInRight 1.9s forwards;
    -moz-animation: bounceInRight 1.9s forwards;
    animation: bounceInRight 1.9s forwards
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}


@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bouncFadin{
    -webkit-animation: fadeIn 1.9s forwards;
    -moz-animation: fadeIn 1.9s forwards;
    animation: fadeIn 1.9s forwards
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



.spabh{
    height: 146px;
    background: red;
    background: rgba(13,40,65,0.65);
    margin-top: -146px;
    z-index: 9999;
    position: relative;
}
.schoes{
    width: 808px;
    position: absolute;
    left: 50%;
    top:23%;
    margin-left: -404px;
}
.subtext{
    position: absolute;
    width: 216.983px;
    left:50%;
    bottom:20%;
    margin-left: -108.4915px;
    font-size: 16px;
    color: #fff;
}
.subtext a{
    color: #fff;
}

.titleWde{
    text-align: center;
    width: 162px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    border-right: solid 1px #e5e5e5;
    color: #111;
    background: #f1f1f1;

}
.inputWde{
    width: 516px;
    background: #fff;
}
.inputWde input{
    border: none;
    width: 100%;
    height: 44px;
    padding-left: 50px;
    line-height: 44px;
    background: url("/manImages/3.0/sbhoc.png") no-repeat;
    background-position:16px 12px

}
.statrWde{
    width: 129px;
    height: 44px;
    background:#e14353;
}
.statrWde input {
    background: transparent;
    height: 44px;
    border: none;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

@media (max-width: 1117px) {
    .spabh{
        height: 110px;
        margin-top: -110px;
    }
    .subtext{
        bottom: 14%;
    }

}
@media (max-width: 991px) {
    .spabh{
        height: 93px;
        margin-top: -93px;
    }
    .schoes{
        width: 520px;
        margin-left: -260px;
    }
    .subtext{
        bottom: 12%;
        font-size: 14px;
    }
    .titleWde{
        width: 105px;
        height: 38px;
        line-height: 38px;
        font-size: 15px;
    }
    .inputWde{
        width: 285px;
    }
    .inputWde input{
        height: 38px;
        line-height: 38px;
        background-position: 16px 9px;
    }
    .statrWde{
        width: 99px;
        height: 38px;
    }
    .statrWde input{
        height: 38px;
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .spabh {
        background: rgba(13,40,65,0);
        height: 59px;
        margin-top: -59px;
    }
    .schoes{
        top: 16%;
        width: 267px;
        margin-left: -133.5px;
    }
    .subtext{
        width: 163.983px;
        margin-left: -81.9915px;
        bottom: 12%;
        font-size: 12px;
    }
    .titleWde{
        width: 80px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
    }
    .inputWde{
        width: 127px;
    }
    .inputWde input{
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        background-position: 6px 5px;
        padding-left: 22px;
        background-size: 12px;
    }
    .statrWde{
        width: 60px;
        height: 24px;
    }
    .statrWde input{
        height: 24px;
        font-size: 12px;
        padding: 0 10px 0 6px;
    }
    .top ul{
        margin-top: 15px;
    }
    .mouoel{
        top: inherit;
        bottom: 5px!important;
    }
}
.sizColor{
   margin-top: 10px;
    color: #0A0B11;
    font-size: 12px;
}

/*footer*/
/*底部*/
.foot-bottom{
    width: 100%;
    margin: 0 0 0 0;
    background-color: #263249;
    padding-top: 60px;
    padding-bottom: 30px;
}
.bottom-nav{

    width: 100%;
    list-style: none;
    -webkit-padding-start: 0;
}
.bottom-nav>li{
    list-style: none;
    border-right:solid 1px #3c475c;
    width: 245px;
    height: 168px;
    text-align: left;
    float: left;
    color: white;
    padding-left: 85px;
    margin-bottom: 40px;
}
.bottom-nav>li:last-child{
    border-right:0;
    width: 342px;
    text-align: left;
    float: left;
    -webkit-padding-start: 0;
    line-height: 24px;
}
.bottom-nav>li>img{
    margin-top: 20px;
    margin-right: 20px;
}
.bottom-logo{
    background: url("/manImages/3.0/logo-bottom.jpg") left top no-repeat;
    margin-left: 0;
}
.bottom-nav>li>h4{
    color:white ;
    margin-bottom: 14px;
}
.bottom-nav>li>a{
    width: 100%;
    line-height: 28px;
    display: block;
    color: white;
    opacity: 0.7;
}
.bottom-nav h4{
font-size: 18px;
}
.copyRight{
    width: 100%;
    clear: both;
    color: #ffffff;
    margin-top: 40px;
}
.links-left{
    width: 20%;
    float: left;
}
.links-left>select{
    width: 190px;
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 20px;
    height: 36px;
    border:solid 1px #3c475c;
    color: white;
    opacity: 0.7;
    line-height: 34px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("/manImages/3.0/dropdown-down.png") no-repeat scroll right center transparent;
}
.links-left>select>option{
    background-color: #263249;
    border: 0;
    line-height: 40px!important;
}

.copyRight .bottom-copy-right{
    text-align: right;
    padding-top: 34px;
    line-height: 28px;
    opacity: 0.7;
    margin-left: 90px;
}
@media screen and (max-width: 1190px) {
    .mytable{
        min-width: 1000px;
        overflow-x: auto;;
    }
}
@media (min-width: 1025px)and (max-width: 1190px){
    .bottom-nav>li:last-child{
        display: none;
    }
}

@media (min-width: 768px)and (max-width: 1024px) {
    .mynav {
        font-size: 15px;
    }
    .nav>li>a{
        padding: 10px 8px;
    }
    .navbar-nav .open .mydrop-menu{
        top: 45px;
    }
    .bottom-nav>li{
        width: 200px;
        padding-left:60px;
    }
    .bottom-nav>li:last-child{
        display: none;
    }
    .bottom-nav>li:nth-child(3){
        border-right: 0;
    }
}

@media (max-width: 767px) {
    .top-head {
        height: 86px;
        margin-left: 0;
        margin-right: 0;
    }

    .mynav, .mynavbar-collapse {
        margin-left: -15px;
        margin-right: -15px;
        background-color: white;
        position: relative;
        z-index: 1;
    }

    .mynav li {
        border-bottom: dashed 1px #e7e7e7;
    }

    .mynav > li > a {
        line-height: 30px;
    }

    .mynavbar-brand {
        height: 86px;
        background-size: 70%;
    }

    .mynavbar-toggle {
        margin-top: 38px;
        margin-right: 0;
    }

    .mynavbar-default {
        min-height: 86px;
    }

    .notice-div {
        width: 100%;
        float: left;
        margin-top: -80px;
    }

    .dropclick {
        display: none;
    }

    .myfirstnone {
        display: none !important;
    }

    .mysecondnone {
        display: block !important;
    }

    .navbar-nav .open .mydrop-menu2 > li > a {
        line-height: 24px !important;
        font-size: 15px;
        font-weight: bold;
    }

    /*底部*/
    .fonts18 {
        font-size: 18px;
    }

    .fonts16 {
        font-size: 16px;
    }

    .fonts14 {
        font-size: 14px;
    }

    .fl {
        float: left;
    }

    .fr {
        float: right;
    }

    /*底部*/
    .foot-bottom {
        width: 100%;
        margin: 50px 0 0 0;
        background-color: #263249;
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .bottom-nav {

        width: 100%;
        list-style: none;
        -webkit-padding-start: 0;
    }

    .bottom-nav > li {
        opacity: 0.7;
        list-style: none;
        border-right: solid 1px #3c475c;
        width: 245px;
        height: 168px;
        text-align: left;
        float: left;
        color: white;
        padding-left: 85px;
        margin-bottom: 40px;
    }

    .bottom-nav > li > em {
        font-style: normal;
        /*font-size: 16px;*/
        font-weight: bold;
    }

    .bottom-nav > li:last-child {
        border-right: 0;
        width: 320px;
        text-align: left;
        float: right;
        -webkit-padding-start: 0;
        line-height: 24px;
    }

    .bottom-nav > li > img {
        margin-top: 20px;
        margin-right: 20px;
    }

    .bottom-logo {
        background: url("/manImages/3.0/logo-bottom.jpg") left top no-repeat;
        margin-left: 0;
    }

    .bottom-nav > li > h4 {
        color: white;
        font-weight: bold;
        margin-top: 0;
    }

    .bottom-nav > li > a {
        width: 100%;
        line-height: 28px;
        display: block;
        color: white;
    }

    .copyRight {
        border-top: solid 1px #3c475c;
        width: 100%;
        clear: both;
        color: #ffffff;
    }

    .links-left {
        width: 20%;
        float: left;
    }

    .links-left > select {
        width: 190px;
        margin-top: 30px;
        padding-left: 10px;
        padding-right: 20px;
        height: 36px;
        border: solid 1px #3c475c;
        color: white;
        opacity: 0.7;
        line-height: 34px;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url("/manImages/3.0/dropdown-down.png") no-repeat scroll right center transparent;
    }

    .links-left > select > option {
        background-color: #263249;
        border: 0;
        opacity: 0.7;
        line-height: 40px !important;
    }

    .copyRight .bottom-copy-right {
        float: right;
        text-align: right;
        margin-top: 20px;
        line-height: 28px;
    }

    @media (min-width: 1025px)and (max-width: 1190px) {
        .bottom-nav > li:last-child {
            display: none;
        }
    }

    @media (min-width: 768px)and (max-width: 1024px) {

        .bottom-nav > li {
            width: 200px;
            padding-left: 60px;
        }

        .bottom-nav > li:last-child {
            display: none;
        }

        .bottom-nav > li:nth-child(3) {
            border-right: 0;
        }
    }

    @media (max-width: 767px) {

        /*底部*/
        .foot-bottom {
            padding-top: 0;
            padding-bottom: 20px
        }

        .copyRight {
            border-top: 0;
        }

        .bottom-nav {
            display: none;
        }

        .links-left {
            width: 100%;
        }

        .links-left > select {
            width: 100%;
        }

        .bottom-copy-right {
            font-size: 12px;
        }

    }
}

/*右侧浮动*/
.bgk {
    border-radius: 3px;
    background: #ea4e5e;
    position: absolute;
    width: 100%;
    height: 100%;
}


.ficds {
    border-radius: 3px;
    width: 62px;
    position: fixed;
    right: 0;
    top: 53%;
    z-index: 99999;
    padding-bottom: 15px;
}

.ficds .boxIoco {
    position: relative;
    cursor: pointer;
    text-align: center;
}

.ficds .boxIoco span {
    display: inline-block;
    font-size: 10px;
    color: #fff;
    margin-top: 8px;
}

.iocoBg {
    background: url("/manImages/home_icon_03.png") no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 30px;
    height: 24px;
}

.boxIoco {
    margin-top: 15px;
}

.boxIoco:not(:first-child) {
    margin-top: 25px;
}

.wehct img {
    position: absolute;
    display: block;
    z-index: -1;
    right: -100px;
    top: -13px;
}

.wehct .iocoBg {
    width: 30px;
    height: 24px;
    background-position: -289px -4px;
}

.wehct:hover .iocoBg {
    background-position: -289px -36px;
}

.wehct:hover img {
    right: 59px;
    transition: right 0.9s ease 0s;
}

.nambor img {
    position: absolute;
    display: block;
    z-index: -1;
    right: -85px;
    top: -10px;
}

.nambor .iocoBg {
    background-position: -195px -3px;
    height: 27px;
}

.nambor:hover .iocoBg {
    background-position: -195px -35px;
}

.nambor:hover img {
    right: 59px;
    top: -10px;
    transition: right 0.9s ease 0s;
}

.helpq .iocoBg {
    background-position: -226px -3px;
    height: 27px;
}

.helpq:hover .iocoBg {
    background-position: -226px -35px;
}

.qq img {
    position: absolute;
    border-radius: 3px;
    display: block;
    z-index: -1;
    right: -100px;
    top: -8px;
}

.qq .iocoBg {
    background-position: -258px -3px;
    height: 27px;
}

.qq:hover .iocoBg {
    background-position: -258px -35px;
}

.qq:hover img {
    right: 59px;
    transition: right 0.9s ease 0s;
}

.topUs .iocoBg {
    background-position: -162px -3px;
    height: 27px;
}

.topUs:hover .iocoBg {
    background-position: -162px -35px;
}

#newBridge {
    display: none !important;
}

.lxb-hide-btn {
    display: none !important;
}

.ulFootes a:hover {
    color: #fff;
    opacity: 1;
}

.dropdown-menu > li > a {
    padding-left: 33px;
}

/*.container {*/
    /*width: 1200px !important;*/
    /*padding-right: 0 !important;*/
    /*padding-left: 0 !important;*/
/*}*/

.dropdown:hover .blcak {
    display: block;
}


#LXB_CONTAINER{
    right: -160px!important;
}
#LXB_CONTAINER {
    top: 61%!important;
    height: 67px!important;
    z-index: 880!important;
    background: #ea4e5e!important;
    position: fixed!important;
    border: none!important;


}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .ficds .boxIoco span{font-size:10px;-webkit-transform:scale(0.8);}
}
/*展示隐藏*/

.j{
    display: none!important;
}

@media (max-width: 1679px) {

}

/**附加内容**/
.banners h1{
    font-size: 72px!important;
}
.banners h4{
    margin-top: 30px!important;
    font-size: 32px!important;
}
.banners{
    position: relative;
}
.bannes{
    background: none!important;
}
.bannes .poimg{

}
.bannes .poimg img{
    width: 100%;
    height: auto!important;
}
.banners h1,.banners h4{
    position: absolute;
    top:0;
}
.bannes{
    height: auto!important;
}
.banners h1{
    padding-top: 7%!important;
    left: 50%;
    margin-left: -155px;
}
.banners h4{
    top:46%;
    left: 50%;
    margin-left: -270.2px;
}
@media (max-width: 1678px) {
    .banners h1 {
        font-size: 65px !important;
    }
    .banners h4 {
        margin-top: 30px !important;
        font-size: 27px !important;
        margin-left: -254.2px;
    }
}

@media (max-width: 1439px) {
    .banners h1 {
        font-size: 61px !important;
    }
    .banners h4 {
        margin-top: 37px !important;
        font-size: 25px !important;
        margin-left: -233.2px;
    }
}

@media (max-width: 1132px) {
    .banners h1 {
        font-size: 57px !important;
        margin-left: -201px;
    }
    .banners h4 {
        margin-top: 37px !important;
        font-size: 25px !important;
        margin-left: -233.2px;
    }
}

@media (max-width: 1132px) {
    .banners h1 {
        font-size: 51px !important;
        margin-left: -182px;
    }
    .banners h4 {
        margin-top: 37px !important;
        font-size: 25px !important;
        margin-left: -233.2px;
    }
}
@media (max-width: 767px) {
    .banners h1 {
        font-size: 45px !important;
        margin-left: -161px;
    }
    .banners h4 {
        margin-top: 36px !important;
        font-size: 23px !important;
        margin-left: -216.2px;
    }
}

@media (max-width: 737px) {
    .banners h1 {
        font-size: 35px !important;
        margin-left: -134px;
    }
    .banners h4 {
        margin-top: 25px !important;
        font-size: 22px !important;
        margin-left: -208.2px;
    }
}

@media (max-width: 584px) {
    .banners h1 {
        font-size: 27px !important;
        margin-left: -90px;
    }
    .banners h4 {
        margin-top: 20px !important;
        font-size: 18px !important;
        margin-left: -157.2px;
    }
}

@media (max-width: 449px) {
    .banners h1 {
        font-size: 17px !important;
        margin-left: -44px;
    }
    .banners h4 {
        margin-top: 12px !important;
        font-size: 12px !important;
        margin-left: -110.2px;
    }
}

@media (max-width: 767px) {
    .navbar{
        margin-bottom: 0;
    }
    .whyCent{
        width: auto!important;
    }
}

.navbar-toggle{
    margin-right: 0px;
}

@media (min-width: 768px) {
    #header{
        position: fixed;
        top:0;
        z-index: 999;
        width: 100%;
        background: #F6F7F8;
        height: 121px;
    }
    #banner,.bannes,.banner_twusa{
        margin-top: 123px;
    }

}

/*浮动手机*/
.bumtoms{
    width:62px;
    height: 62px;
    background: url("/manImages/3.0/00_03.png") no-repeat center;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index:9999;
    display: none;

}
@media (max-width: 767px) {
    .ficds{
        height: 0;
        top: 42%;
        overflow: hidden;
        visibility: hidden;
    }
    .bumtoms{
        display: block;
        top: 32%;
    }
    .foot-bottom{
        margin-top: 0;
    }
}
.dropdown-menu{
    background: #F6F7F8;
}

.top-fix-extend {
    position: absolute;
    right: 10px;
    top: 10px;
}
.top-fix-extend .icon-speed-3 {
    background-image: url(/manImages/kol.png);
    background-position: -65px -13px;

}
.top-fix-extend .icon-speed {
    display: inline-block;
    width: 11px;
    height: 9px;
    cursor: pointer;
    margin-top: 6px;
}
.loe_1{
    background-position: -12px -1px!important;
}
.loe_2{
    background-position: -12px -16px!important;
}
.loe_3{
    background-position: -12px -33px!important;
}
/**en**/
.logo_img{
    text-align: center;
}
.titlr_en{
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    color:#e14353;
}
.tel_twusa{
    margin-top: 80px;
    text-align: center;
}
.tel_twusa a{
    font-size: 36px;
    color: #fff;

}
.tel_twusa a:first-child{
    margin-right: 20px;
}
.tel_twusa span{
    padding-bottom: 20px;
    border-bottom: solid 3px red
}
.fooot_twusa{
    float: right;
}
.ios_twusa{
    color: #fff;
    font-size: 16px;
}
.coesw{
    color: #fff;
    opacity: 0.5;
    text-align: right;
    margin-top:20px;
}