@media screen and  (max-width: 1920px) {
}


@media screen and  (max-width: 1680px) {
    .page-banner {
        height: 525px;
    }

    .Odyasent5-img img {
        width: 95%;
    }
    .Odyasent5 .bx-wrapper {
        min-height: 772px;
    }
    .Odyasent4-left {
        padding: 40px 40px 0;
    }
    .Odyasent4 .bx-wrapper .bx-pager {
        bottom: 50px;
    }

    .store-information-info.row {
        margin-right: -30px;
        margin-left: -30px;
    }
    .store-information-info li {
        padding: 0 30px;
    }

    .service-one.row {
        margin-right: -30px;
        margin-left: -30px;
    }
    .service-one li {
        padding: 0 30px;
        margin-top: 40px;
    }
    .service-three.row {
        margin-right: -30px;
        margin-left: -30px;
    }
    .service-three li {
        padding: 0 30px;
    }
    .join-odyasent.row {
        margin-right: -30px;
        margin-left: -30px;
    }
    .join-odyasent li {
        padding: 0 30px;
    }
}


@media screen and (max-width: 1440px) {
    .page-banner {
        height: 450px;
    }

    .Odyasent5 .home-container {
        position: relative;
        top: 15px;
    }
    .Odyasent5 .bx-wrapper {
        min-height: 663px;
    }
    .Odyasent5-img img {
        width: 70%;
    }
    .Odyasent5-img i {
        left: 36%;
    }
    .Odyasent5-title a,
    .Odyasent5-recommend-title a {
        font-size: 14px;
        line-height: 24px;
    }
    .Odyasent5-date, .Odyasent5-recommend-date {
        font-size: 12px;
    }
    .Odyasent5-introduce,
    .Odyasent5-recommend-introduce {
        font-size: 14px;
        line-height: 24px;
    }
    .Odyasent5-recommend-img {
        margin-bottom: 30px;
    }
    .Odyasent5-recommend-date {
        margin: 15px 0;
    }

    .media-center-title {
        font-size: 18px;
    }
    .introduce-title {
        font-size: 24px;
    }
    .home-title {
        font-size: 22px;
    }
    .home-title-en {
        font-size: 14px;
    }
    .Odyasent2-info.row {
        margin-top: 50px;
    }
    .Odyasent6 .bx-wrapper {
        margin-top: 50px;
    }
}


@media screen and (max-width: 1366px) {
    .page-banner {
        height: 427px;
    }

    .Odyasent4 .bx-wrapper .bx-pager {
        bottom: 30px;
    }
    .Odyasent5 .bx-wrapper {
        padding: 20px 10px 20px 0;
        margin-right: 15px;
    }
    .Odyasent5-img img {
        width: 42%;
    }
    .Odyasent5-img i {
        width: 30px;
        height: 30px;
        background-size: cover;
        margin-left: -15px;
        margin-top: -15px;
        left: 22%;
    }
    .Odyasent5-recommend-img i {
        width: 30px;
        height: 30px;
        background-size: cover;
        margin-left: -15px;
        margin-top: -15px;
        left: 38%;
    }
    .Odyasent5 .bx-wrapper {
        min-height: 482px;
    }
    .Odyasent5-recommend-date {
        margin: 0;
    }
    .Odyasent5-recommend-img img {
        width: 75%;
    }

    .Odyasent6-info li ul li {
        margin-top: 30px;
    }

    .n_header .header01 .nav>ul li {
        width: 160px;
    }

    .footer-up {
        padding: 50px 0;
    }
    .introduce-title {
        font-size: 18px;
    }
    .introduce .container {
        padding: 100px 30px;
    }

    .Odyasent2-text {
        padding: 15px;
    }
    .Odyasent2-title {
        font-size: 16px;
    }
    .Odyasent2-title-en {
        font-size: 14px;
    }
    .Odyasent2-introduce {
        font-size: 14px;
    }
}


@media screen and (max-width: 1280px) {
    .page-banner {
        height: 400px;
    }

    .n_header .header01 .nav.home-nav > ul li {
        margin-left: 50px;
    }
    .Odyasent2-info.row {
        margin-top: 30px;
    }

    .Odyasent4-introduce {
        margin-top: initial;
    }

    .Odyasent5-recommend-img {
        margin-bottom: 5px;
    }
    .Odyasent5 .bx-wrapper {
        min-height: 431px;
    }
    .Odyasent5-img img {
        width: 33%;
    }
    .Odyasent5-img i {
        left: 16%;
    }

    .strategic-project .bx-wrapper .bx-prev {
        right: 0;
    }
    .strategic-project .bx-wrapper .bx-next {
        left: 0;
    }

    .store-information-info.row {
        margin-right: -10px;
        margin-left: -10px;
    }
    .store-information-info li {
        padding: 0 10px;
    }

    .service-one.row {
        margin-right: -10px;
        margin-left: -10px;
    }
    .service-one li {
        padding: 0 10px;
    }
    .service-three.row {
        margin-right: -10px;
        margin-left: -10px;
    }
    .service-three li {
        padding: 0 10px;
    }
    .join-odyasent.row {
        margin-right: -10px;
        margin-left: -10px;
    }
    .join-odyasent li {
        padding: 0 10px;
    }
}

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

}

@media screen and (max-width: 1024px) {
    .page-banner {
        height: 320px;
        margin-top: 70px;
    }

    .header.w1200_header .header02{display: none!important;}
    .n_header .header01{display: none!important;}
    /*移动端导航*/
    .header .header01{display: none;}
    .header .header02{display: none;}
    .header.w1200_header .header02{display: none;}

    .n_header.scroll_h{height: 70px;}
    .header03{display: block;}
    .header03{/*position: static;*/height: 70px;background-color: #434343;}
    .header03 .logo{float: left;margin:15px 0 0 20px;}
    .header03 .logo a{display: block;}
    /*.header03 .logo a img{width: 129px;height: 40px;}*/
    /*导航按钮*/
    .header03 .nav_btn{display:block;float: right;margin: 20px 20px 0 0;cursor:pointer;height: 32px;width: 30px;position: relative;}
    .header03 .nav_btn span{display: inline-block;width: 30px;height: 2px;background-color: #fff;
        position: absolute;top: 16px;left: 0px;
        transition:background-color 0.3s ease-out 0.1s;
    }
    .header03 .nav_btn span:after{content:'';display: inline-block;width: 30px;height: 2px;
        background-color: #fff;position: absolute;top: 8px;left:0px;
        transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
        transform: rotate(0deg);
    }
    .header03 .nav_btn span:before{content:'';display: inline-block;width: 30px;height: 2px;
        background-color: #fff;position: absolute;top: -8px;left:0px;
        transition:transform 0.3s ease-out,top 0.5s ease 0.4s;
        transform: rotate(0deg);
    }
    .header03.btn_click .nav_btn span{background-color: transparent;}
    .header03.btn_click .nav_btn span:after{
        transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
        transform: rotate(-45deg);top: 0px;
    }
    .header03.btn_click .nav_btn span:before{
        transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
        transform: rotate(45deg);top: 0;
    }
    /*内容样式*/
    .header03{position: relative;z-index: 10;}
    .header03 .nav{
        position: fixed;
        top:70px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #333333;
        visibility: hidden;
        filter:alpha(opacity=0);
        -moz-opacity:0;
        opacity:0;
        transition:all 0.5s;
    }
    .header03.btn_click .nav{
        visibility: visible;
        filter:alpha(opacity=100);
        -moz-opacity:1;
        opacity:1;
        top:70px;
    }
    .header03 .nav>ul {
        overflow-y: auto;
    }
    .header03 .nav>ul>li{
        border-top: 1px solid #dcdcdc;
    }
    .header03 .nav>ul>li:last-child{
        border-bottom: 1px solid #dcdcdc;
    }
    .header03 .nav li a{
        color: #fff;
        display:block;
        width: 100%;
        text-align: center;
        height: 100%;
    }
    .header03 .nav li>a{
        padding:25px 0;
    }
    .header03 .nav>ul>li>a{
        font-size: 16px;
    }
    .header03 .nav>ul .nav_er{
        display: none;
        width: 100%;
        top: 100%;
        left: 0;
        background-color: #dcdcdc;
    }

    .header03 .nav_er .div_dl li {
        border-top: 1px solid #dcdcdc;
    }
    .header03 .nav_er .div_dl li a{
        color:#fff;
        display: block;
        /*float: left;*/
        width: 100%;
        padding:20px 0;
    }
    .header03 .nav_er .div_dl li:last-child{
        /*border-top: none;*/
    }
    .n_header .container {
        border: none;
    }

    .n_header {
        top: 0;
        position: fixed;
    }
    .home-info {
        width: 93.8%;
    }
    .Odyasent2,
    .Odyasent3,
    .Odyasent4,
    .Odyasent5,
    .Odyasent6,
    .Odyasent2 .fp-tableCell,
    .Odyasent3 .fp-tableCell,
    .Odyasent4 .fp-tableCell,
    .Odyasent5 .fp-tableCell,
    .Odyasent6 .fp-tableCell {
        height: auto !important;
    }
    .Odyasent2-info li {
        min-height: 355px;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .Odyasent3 .home-title {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .home-img {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .Odyasent3-right {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .Odyasent4 .bx-wrapper {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .Odyasent5 .bx-wrapper {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .Odyasent5-recommend {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .Odyasent6 .bx-wrapper {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .Odyasent2-info li a:hover .Odyasent2-title {
        top: 195px;
    }
    .Odyasent3-right {
        padding: 50px;
        margin-top: 66px;
    }

    .Odyasent4-left {
        float: initial;
        width: auto;
        padding: 30px;
    }
    .Odyasent4-introduce {
        margin-top: 30px;
    }
    .Odyasent4-right {
        float: initial;
        width: auto;
        padding: 0 30px;
    }
    .Odyasent4 .bx-controls-direction {
        display: none;
    }
    .Odyasent5 .home-container {
        position: initial;
        margin-bottom: 30px;
    }
    .Odyasent5 {
        border-top: 1px solid rgba(255,255,255, .5);
        border-bottom: 1px solid rgba(255,255,255, .5);
    }
    .Odyasent6 .bx-wrapper {
        margin-top: 20px;
    }

    .Odyasent2,
    .Odyasent3,
    .Odyasent4,
    .Odyasent5,
    .Odyasent6 {
        padding: 50px 0;
    }
    .Odyasent2-info.row {
        margin-top: 50px;
    }
    .Odyasent4 .bx-wrapper {
        margin-top: 50px;
    }
    .footer {
        padding: 50px 0;
        width: 93.8%;
    }
    .footer-nav li a {
        margin-right: 50px;
    }
    .footer .footer-img {
        margin: 30px 0;
    }

    .page-title-info {
        width: 330px;
        bottom: -29.5px;
    }
    .page-title-en {
        font-size: 24px;
        padding-right: 30px;
        height: 55px;
        line-height: 55px;
    }
    .page-title {
        font-size: 18px;
        padding-right: 30px;
        height: 30px;
        line-height: 30px;
    }

    .company-profile {
        margin: 80px auto 50px;
    }
    .company-profile .left {
        float: initial;
        width: auto;
    }
    .company-profile .right {
        float: initial;
        margin: 30px auto 0;
    }
    .development-history {
        padding: 50px 0;
        background: none;
        background-color: rgba(200,169,125, .1);
        min-height: initial;
    }
    .development-history-info li {
        position: initial;
        float: left;
        width: 100%;
        text-align: initial;
        margin-top: 20px;
    }
    .number {
        float: left;
        position: initial;
        margin-right: 15px;
    }
    .development-history-introduce {
        float: left;
    }

    .strategic-project {
        padding: 50px 0;
    }
    .strategic-project-introduce {
        margin-top: 25px;
    }
    .bxslidera {
        margin-top: 30px;
    }
    .corporate-honor {
        padding: 50px 0;
    }
    .list {
        margin: 30px auto;
    }
    .store-information {
        padding: 50px 0;
    }
    .store-information-introduce {
        margin: 30px 0 20px;
    }
    .store-information-ts {
        height: 90px;
    }

    .brand-center-info {
        margin-top: 55px;
    }
    .brand-center-info li:hover .brand-center-introduce {
        transform: translate(-45px,0);
        -webkit-transform: translate(-45px,0);
        -moz-transform: translate(-45px,0);
        -o-transform: translate(-45px,0);
        -ms-transform: translate(-45px,0);
    }
    .brand-center-text {
        margin: 30px 0 50px;
    }
    .brand-series {
        margin: 80px 0 50px;
    }
    .brand-photos {
        margin-bottom: 50px;
    }
    .brand-series-title {
        font-size: 18px;
    }
    .brand-photos .left {
        width: 74.5%;
        margin-right: 6px;
    }
    .brand-photos .right {
        width: 24.4%;
        float: left;
    }

    .service {
        margin-top: 0;
    }
    .service-title {
        margin: 80px 0 20px;
    }
    .service-one li {
        margin-top: 30px;
    }
    .service-three-more {
        margin: 10px 0 50px;
    }

    .join-odyasent.row {
        margin-top: 80px;
    }
    .join-odyasent li {
        margin-bottom: 30px;
    }
    .join-odyasent-more {
        margin: 20px auto 50px;
    }

    .media-center {
        margin-top: 40px;
    }
    .media-center li {
        padding: 40px 50px;
    }
    .page-pagination {
        margin: 50px 0;
    }
    .introduce .container {
        padding: 80px 30px;
    }

    .footer-up {
        padding: 30px 0;
    }
    footer .footer-img {
        margin: 0 0 30px;
    }
    .footer-right h2 {
        margin-top: 0;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .footer-right .links {
        margin-top: initial;
    }
    .foot {
        line-height: 50px;
    }

    .search-title {
        font-size: 24px;
    }

    .icon1 p,
    .icon2 p,
    .icon3 p {
        left: auto;
        right: 0;
    }
    .icon1 p:before,
    .icon2 p:before,
    .icon3 p:before {
        left: auto;
        right: 10px;
    }

}

@media screen and (max-width: 959px) {
    .lc-img{
        display: none;
    }
    .development-history-info{
        display: block;
    }
    .page-banner {
        height: 300px;
    }
    .Odyasent1,
    .Odyasent1 .fp-tableCell {
        height: auto !important;
    }
    .Odyasent1 .bx-wrapper,
    .Odyasent1 .bx-viewport,
    .Odyasent1-info{
        height: 475px !important;
    }
    .Odyasent1 .bx-wrapper {
        margin-top: 70px;
    }

    .Odyasent2-info.row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .Odyasent2-info li {
        padding: 0 5px;
    }
    .Odyasent2-title-en {
        font-size: 12px;
    }
    .Odyasent2-info li a:hover .Odyasent2-title {
        top: 128px;
        width: 75%;
    }
    .Odyasent3-right {
        padding: 50px 30px;
        margin-top: 45px;
    }

    .Odyasent6-info.row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .Odyasent6-info li ul li {
        padding: 0 10px;
    }

    .footer-nav li a {
        font-size: 14px;
        margin-right: 30px;
    }

    .development-history-introduce {
        float: initial;
    }
    .store-information-img {
        display: none;
    }
    .store-information-text {
        float: left;
        margin-left: 0;
        width: 100%;
    }
    .brand-center-introduce {
        width: 80%;
        top: 28px;
    }
    .brand-center-introduce p{
        font-size: 14px;
        line-height: 24px;
    }
    .brand-center-info li:hover .brand-center-introduce {
        transform: translate(-5px,0);
        -webkit-transform: translate(-5px,0);
        -moz-transform: translate(-5px,0);
        -o-transform: translate(-5px,0);
        -ms-transform: translate(-5px,0);
    }
    .brand-series-title {
        font-size: 16px;
    }
    .join-odyasent-title {
        left: 30px;
        bottom: 30px;
    }
    .join-odyasent-more a {
        font-size: 18px;
    }

    .media-center li {
        padding: 40px 30px;
    }
    .media-center-date {
        width: 17%;
    }

    .Odyasent2-info li {
        min-height: 320px;
    }

    .Odyasent2 .left,
    .Odyasent2 .right {
        width: 49%;
    }
}

@media screen and (max-width: 767px) {
    .page-banner {
        height: 240px;
    }
    .Odyasent1 .bx-wrapper,
    .Odyasent1 .bx-viewport,
    .Odyasent1-info{
        height: 380px !important;
    }
    .Odyasent1 .bx-wrapper .bx-pager {
        padding-left: 20px;
    }
    .Odyasent1 .bx-wrapper .bx-next {
        right: 20px;
    }
    .Odyasent1 .bx-wrapper .bx-prev {
        right: 60px;
    }

    .Odyasent2 {
        padding: 50px 0 20px;
    }
    .Odyasent2-info li {
        width: 50%;
        margin-bottom: 30px;
        min-height: auto;
    }
    .Odyasent2-img {
        text-align: center;
    }
    .Odyasent3 .home-img {
        display: none;
    }
    .Odyasent3 .Odyasent3-left {
        float: initial;
    }
    .Odyasent3 .home-title {
        padding-top: 0;
        margin-left: 0;
        padding-bottom: 15px;
    }
    .Odyasent3 .Odyasent3-right {
        float: initial;
        width: auto;
        display: inline-block;
        padding: 30px;
        margin-top: 30px;
    }
    .Odyasent3 .home-title:before {
        content: "";
        position: absolute;
        left: 0;
        top: auto;
        bottom: 0;
        width: 45px;
        height: 3px;
        border-top: 3px solid #ad986d;
        border-left: none;
    }

    .Odyasent4-introduce {
        height: 144px;
    }
    .Odyasent4 .bx-wrapper .bx-pager {
        bottom: 10px;
        left: 30px;
    }

    .Odyasent2-info.row,
    .Odyasent4 .bx-wrapper {
        margin-top: 30px;
    }
    .Odyasent5 .bx-wrapper {
        float: initial;
        width: auto;
        min-height: auto;
        height: auto;
        margin-right: 0;
        padding: 20px 0;
    }
    .Odyasent5 .bx-wrapper:before {
        display: none;
    }
    .Odyasent5-img img {
        width: auto;
    }
    .Odyasent5-recommend-img img {
        width: auto;
    }
    .Odyasent5-img i{
        left: 50%;
    }
    .Odyasent5-recommend-img i {
        left: 50%;
    }
    .Odyasent5-recommend {
        float: initial;
        width: auto;
        margin-top: 30px;
    }

    .Odyasent6 .bx-wrapper {
        margin-top: 0;
    }
    .Odyasent6-info li ul li {
        width: 50%;
    }

    .footer-nav {
        float: initial;
        text-align: center;
    }
    .footer-nav li {
        width: 30%;
        float: initial;
        display: inline-block;
    }
    .footer-nav li a {
        margin: 0;
    }
    .footer-icon {
        float: initial;
        text-align: center;
    }
    .footer-icon li {
        width: 20%;
        float: initial;
        display: inline-block;
    }
    .footer-icon li i {
        margin: 20px auto 0;
    }
    .foot-l {
        float: initial;
        width: 253px;
        margin: 0 auto;
    }
    .foot-r {
        float: initial;
        text-align: center;
        width: 100%;
        display: inline-block;
        /*margin-top: 20px;*/
    }
    .foot-r span {
        display: block;
    }
    .foot-r i {
        float: initial;
        margin: 10px auto 0;
    }
    .footer {
        padding: 15px 0;
    }
    .footer-top,
    .footer-img,
    .foot-l,
    .foot-r i{
        display: none;
    }

    .company-profile .right {
        width: auto;
    }
    .development-history-introduce {
        margin-top: 0;
    }
    .development-history-info li {
        animation-delay: .4s !important;
        -moz-animation-delay: .4s !important;
        -o-animation-delay: .4s !important;
        -webkit-animation-delay: .4s !important;
    }
    .bxslidera {
        margin-top: 0;
    }
    .strategic-project-introduce {
        margin: 25px 0;
    }
    .strategic-project .bx-controls-direction {
        display: none;
    }

    .list li {
        width: 50% !important;
    }

    .store-information-ts {
        height: initial;
    }

    .footer-up {
        display: none;
    }
    .footer-left {
        float: initial;
    }
    .footer-right {
        float: initial;
    }
    .foot {
        line-height: 24px;
        padding: 15px 0;
    }
    .foot span {
        display: block;
    }

    .brand-center-img {
        float: initial;
        text-align: center;
        margin-bottom: 20px;
    }
    .brand-center-introduce {
        float: initial;
        width: auto;
        position: initial;
    }
    .brand-center-info li:hover .brand-center-img {
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate(0,0);
    }
    .brand-center-info li:hover .brand-center-introduce {
        width: auto;
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate(0,0);
    }
    .brand-center-info li a {
        padding: 0 10px;
    }
    .brand-series li {
        width: 33.33333333%;
    }
    .brand-series-title {
        font-size: 14px;
        line-height: 35px;
        height: 35px;
    }

    .brand-photos .left {
        float: initial;
        width: auto;
    }
    .brand-photos .right {
        float: initial;
        width: auto;
        margin-top: 6px;
    }

    .service-one li .x {
        height: auto;
    }

    .media-center li {
        padding: 30px 10px;
    }
    .media-center-date {
        display: none;
    }
    .media-center-text {
        float: initial;
        width: auto;
    }
    .media-center-title {
        font-size: 16px;
    }
    .media-center-introduce {
        font-size: 14px;
        line-height: 24px;
        margin-top: 0;
    }
    .page-pagination {
        margin: 30px 0;
    }
    .media-center-titles {
        display: block;
    }
    .introduce-title {
        line-height: 28px;
    }

    .Odyasent2 .left,
    .Odyasent2 .right {
        width: auto;
    }
    .Odyasent2 .home-info:before {
        display: none;
    }
    .Odyasent2 .Odyasent2-t {
        text-align: left !important;
    }

    .Odyasent4 {
        padding: 0 0 50px;
    }

    .search-title {
        font-size: 18px;
    }
    .brand-center-info {
        margin-top: 30px;
    }
}


@media screen and  (max-width: 479px) {
    .page-banner {
        height: 150px;
    }
    .Odyasent1 .bx-wrapper,
    .Odyasent1 .bx-viewport,
    .Odyasent1-info{
        height: 237px !important;
    }
    .Odyasent2-introduce {
        line-height: 18px;
    }

    .odyasent-more {
        width: 185px;
    }
    .page-title-info {
        width: 285px;
    }

}
@media screen and  (max-width: 320px) {
    .Odyasent2-t li {
        float: left;
        margin-right: 25px;
        cursor: pointer;
    }

    .odyasent-more {
        width: 120px;
    }
}