 

/* CSS Reset */
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;font-family:PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}
header,nav,section,article,aside,footer {display: block;}
a{text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
.pic {background-position: center center;background-repeat: no-repeat;background-size: cover;}
::-webkit-scrollbar{height:4px; width:5px;background: #dbdedf;}
::-webkit-scrollbar-button{height:0; width:5px;background: #dbdedf;}
::-webkit-scrollbar-thumb{background-color:#d9a655;box-shadow:inset 1px 1px 0 #d9a655,inset 0 -1px 0 #d9a655;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
input,select,textarea {font-family:PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}


 

/* header */
.osn-header {position: fixed;left: 0;top: 0;z-index: 900;width: 100%;transition:all .4s ease;/*background: black;*/}
.osn-header .osn-content {width: 92%;height: 100px;margin: auto;position: relative;overflow: hidden;z-index: 999;}
.osn-header .osn-content::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;opacity: .2;}
.osn-logo {position: absolute;left:50%;top:12%;margin: -13.5px 0 0 -109px;width:218px;height:27px;z-index: 11;display: block;}
.osn-logo a {display: block;overflow: hidden;}
.osn-header-left {position: absolute;left: 0;top: 50%;transform:translateY(-50%);}
.osn-header-nav {position: relative;}
.osn-header-nav li{display: inline-block;position: relative;padding-right: 30px;}
.osn-header-nav li a{display:block;position: relative;line-height: 100px;}
.osn-header-nav li a::after {content: '';width: 0px;height: 1px;position: absolute;bottom:0px;left:0;transition:all .4s ease;}
.osn-header-nav li a:hover::after {width: 100%;}
.osn-header-right {position: absolute;right: 0;top: 50%;transform:translateY(-50%);}
.osn-header-right div {display: inline-block;vertical-align: middle;margin: 0 0 0 20px;}
.osn-header-right a {display: block;position: relative;}
.osn-header-right i {width: 20px;height: 20px;display: inline-block;vertical-align: middle;position: relative;}
.osn-header-right span {margin-left: 7px;text-transform: uppercase;display: inline-block;vertical-align: middle;}
.osn-header-right .merchants  {margin-right: 10px;}
.osn-header-right .search  {position: relative;}
.osn-header-right .language  {position: relative;}
.osn-header-right .telephone a {display: block;border-radius: 50px;padding:5px 20px;}
.osn-header-right .telephone i .img-center{ max-height:90%;}



.osn-header-nav-show {position: absolute;left: 0;top:0px;width: 100%;height: auto;z-index: 900;transition:all .4s ease;}
.osn-header-nav-show .osn-content {width: 100%;padding:0;overflow: visible;background: none;}
.osn-header-nav-show .osn-content::after {display: none;}
.osn-header-nav-show-content {width:100%;height:auto;z-index:1;position: absolute;left: 0;overflow: hidden;transition:all .4s ease;background: #fff;}
.osn-header-nav-show-content.Hide {opacity:0;z-index: -1;height: 0px;box-shadow:none}
.osn-header-nav-show-mark {width: 100%;height: 100%;position: fixed;left: 0;top: 0px;z-index:-1;background: rgba(0,0,0,.3);opacity: 0;transition:all .4s ease;}
.osn-header-nav-show-mark.cur  {z-index: 20;opacity: 1;}

.osn-header-products-nav {overflow: hidden;padding:40px 5% 80px 7%;margin-top:100px;position: relative;}
.osn-header-products-nav::before {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #000;opacity: .1;z-index: 50;}
.osn-header-products-nav li {margin: 0;padding: 0 50px 0 0 ;list-style: none;display:inline-block;vertical-align: middle;position: relative;}
.osn-header-products-nav li * {display: block;overflow: hidden;}
.osn-header-products-nav li strong {display: block;overflow: hidden;float: left;}
.osn-header-products-nav li span {float: left;padding:8px 35px 1px 15px;}
.osn-header-products-nav li i {font-style: normal;}
.osn-header-products-nav li em {font-style: normal;}
.osn-header-products-nav li a {display:block;overflow: hidden;position: relative;padding:15px 0;}
.osn-header-products-nav li a::after,.osn-header-products-nav li a::before {content: '';width: 100%;height:1px;position: absolute;bottom: 0;left: 0;}
.osn-header-products-nav li a::before {width: 0px;transition:all .4s ease;z-index: 3;}
.osn-header-products-nav li a:hover::before {width: 100%;}

.osn-header-livingspace-nav {overflow: hidden;padding:40px 5% 80px 7%;margin-top:100px;position: relative;}
.osn-header-livingspace-nav::before {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #000;opacity: .1;z-index: 50;}
.osn-header-livingspace-nav .livingspace-nav {float: left;width: 15%;overflow: hidden;margin-right: 3%;}
.livingspace-nav * {display: block;font-style: normal;overflow: hidden;}
.livingspace-nav-type{padding:20px 0;}
.livingspace-nav-type strong{width:45px;height: 45px;position: relative;margin: 0;float: left;}
.livingspace-nav-type strong svg {max-width: 60%;max-height: 60%;opacity: .5;}
.livingspace-nav-type span{float: left;padding:0px 35px 1px 15px;margin-top: -2px;}
.livingspace-nav-type span em {padding-top:3px;}
.livingspace-nav-item {margin-top: 20px;}					
.livingspace-nav-item a {display: block;float: left;margin-right: 20px;margin-bottom: 20px;}
.livingspace-nav-item a:hover {text-decoration: underline;}

.osn-header-search {overflow: hidden;padding:70px 0;margin-top:100px;position: relative;text-align: center;}
.osn-header-search::before {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #000;opacity: .1;z-index: 50;}
.osn-header-search .osn-right-content-search{width: 30%;margin: auto;}
.osn-header-search .osn-right-content-search .osn-right-search .search-input{text-align: center;box-sizing: border-box;}
.osn-header-search .osn-right-content-search .osn-right-search .search-submit {left: 20%;}

.osn-header-language {overflow: hidden;padding:10px 0;margin-top:100px;position: relative;text-align: center;}
.osn-header-language a {display: block;padding: 5px 0;font-size: 14px;color: #666;}
.osn-header-language a:hover {color: #d9a655;}
#language.osn-header-nav-show-content {width:140px;left: auto;right: 11%;}
.osn-header-language p {margin: 0;padding: 0;}




/* scroll - top - down - cur - on -hover */
.osn-header.scroll-down,.osn-header.scroll-top{background: #000;} 
.osn-header.scroll-down .osn-header-nav li a,.osn-header.scroll-top .osn-header-nav li a{color: #ddb077;} 
.osn-header.scroll-down .osn-content::after,.osn-header.scroll-top .osn-content::after {background: #ddb077;} 
.osn-header.scroll-down .osn-logo a *,.osn-header.scroll-top .osn-logo a *{fill: #d9a655!important;}
.osn-header.scroll-down .osn-header-right a,.osn-header.scroll-top .osn-header-right a {color: #ddb077;} 
.osn-header.scroll-down .osn-header-right i *,.osn-header.scroll-top .osn-header-right i *{fill: #ddb077!important;}
.osn-header.scroll-down .osn-header-right .telephone i *,.osn-header.scroll-top .osn-header-right .telephone i *{fill: #d9a655!important;}
.osn-header.scroll-down .osn-header-right .telephone a,.osn-header.scroll-top .osn-header-right .telephone a {border: 1px solid #ddb077;}
.osn-header.scroll-down .osn-header-right span,.osn-header.scroll-top .osn-header-right span {color:#d9a655;}
.osn-header.hover .osn-header-nav-show{background: black;} 
.osn-header.hover .osn-header-nav li a,.osn-header.cur .osn-header-nav li a{color: #ddb077;} 
.osn-header.hover .osn-logo a *,.osn-header.cur .osn-logo a *{fill: #d9a655!important;}
.osn-header.hover .osn-header-right a,.osn-header.cur .osn-header-right a{color: #ddb077;} 
.osn-header.hover .osn-header-right i *,.osn-header.cur .osn-header-right i *{fill: #ddb077!important;}
.osn-header.hover .telephone i *,.osn-header.cur .telephone i *{fill: #d9a655!important;}
.osn-header.hover .telephone a,.osn-header.cur .telephone a{border: 1px solid #d9a655;}
.osn-header.hover .osn-header-right span,.osn-header.cur .osn-header-right span{color:#d9a655;}
.osn-header.hover .osn-header-nav-show .osn-content {margin-top: 0px;}
.osn-header.hover a:hover::after {width: 100%;}
.osn-header li.cur a::after{width: 100%;}
.osn-header.hover .osn-header-nav a:hover {color:#d9a655;}
.osn-header.scroll-down .osn-content::after, .osn-header.scroll-top .osn-content::after {display: none;}
.osn-header .osn-header-nav li.on a {color:#d9a655;}
.osn-header .osn-header-nav li.on a::after {background: #d9a655;width: 100%;}
.detail .osn-header.cur {background: #fff;}
.detail .osn-header .osn-content::after {display: block;background: #ccc;}
.search .osn-header .osn-content::after {display: block;background: #ccc;}
.osn-header.scroll-down {top: -100px;}



/* nav */

.menu-toggle {display: none;width:50px;height:50px; position:fixed;right:0px;top:0px;z-index: 9999;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#ddb077;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#ddb077;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;background:#fff;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}




.no-touch body,.no-touch html {overflow: hidden;}
.mobile-nav {position: fixed;overflow: hidden;width: 100%;height: 100%;left: 0;top: 0;z-index: 31;padding-top:20%;background: rgba(0,0,0,.9);box-sizing: border-box;transition:all .4s ease;display:block;transform:translateX(100%);}
.mobile-nav ul {position: relative;width: 80%;height: 100%;overflow-x: hidden;overflow-y: scroll;margin: 0 auto;padding: 0;list-style: none;}
.mobile-nav ul::-webkit-scrollbar{height:4px; width:0px;background:transparent;}
.mobile-nav li{list-style: none;margin: 0;padding: 20px 0;text-align: left;border-bottom: 1px solid rgba(255,255,255,.2);}
.mobile-nav li a{display: block;color: #ddb077;/*opacity: .5;*/font-size: 16px;}
.mobile-nav li a.cur {opacity: 1;}
.mobile-nav li ul {list-style: none;margin: 0;padding: 20px 0;}
.mobile-nav li ul.mchildren {display: none;padding-left: 5%;}
.mobile-nav li ul li{list-style: none;margin: 0;padding:10px 0;}
.mobile-nav li ul li:last-child {border: none;}
.mobile-nav li ul li a{font-family:'Montserrat-Light';font-size: 14px;}
.mobile-nav.is-visible {transform:translateX(0px);display: block;}
.mobile-nav li ul li ul.three-children {display: none;list-style: none;margin: 0;padding:10px 0;width:100%;}
.mobile-nav li ul li ul.three-children.cur {display: block;}
.mobile-nav li ul li ul.three-children a{font-family:'Montserrat-Light';font-size:12px;padding:10px 0;display:block;border-bottom:1px solid rgba(255,255,255,.2);background:none;}
.mobile-nav li ul li ul.three-children a:last-child {border: none;}
.cd-nav-trigger {display: block;overflow: hidden;height: 50px;}

.mobile-nav .osn-header-language {margin-top: 10px;}
.mobile-nav .search-input{text-align: center;box-sizing: border-box;background:none;border:none;border-bottom:1px solid #555;outline:none;height: 50px;width: 100%;color: #fff;}
.mobile-nav .search-submit{position: absolute;width: 22px;height: 22px;background: url(/skin/images/ssb.svg) center no-repeat;background-size: 100%;border: none;right: 0;top: 50%;opacity: .5;margin-top: -12px;cursor: pointer;}




/* footer */
.osn-footer {padding-top:80px;overflow: hidden;border-top: 1px solid #e1bc8280;}
.osn-footer .osn-content {width: 75%;margin: auto;position: relative;}
.osn-footer .osn-content-top {padding-bottom: 35px;}
.osn-footer-logo {width: 230px;height: 100%;}
.osn-content-top-returntop {position: absolute;right: 0;top: -5px;width:40px;height: 55px;}
.osn-content-top-returntop a{display: block;width: 100%;height: 100%;}
.osn-content-top-returntop i{display: block;width: 36px;height: 12px;position: absolute;left:50%;top:25px;transform:rotate(-90deg);z-index: 3;margin-left: -18px;}
.osn-content-top-returntop i svg{margin: auto;display: block;}
.osn-content-top-returntop span{display: block;width: 38px;height: 38px;border-radius: 100%;margin: auto;}	
.osn-content-top-returntop a:hover i{-webkit-animation: updown1 1000ms ease infinite;animation: updown1 1000ms ease infinite;}
.osn-footer .osn-content-center{padding: 35px 0 25px 0;overflow: hidden;position: relative;}
.osn-footer .osn-content-nav{overflow: hidden;float: left;width: 100%;}
.osn-footer .osn-content-nav a{float: left;margin-right: 90px;font-weight: 300;margin-left: 20px;}
.osn-footer .osn-content-social {float: right;width: 25%;text-align: right;}
.osn-footer .osn-content-social a{width: 20px;height: 20px;position: relative;display: inline-block;vertical-align: middle;margin-left: 10px;opacity: .5;}
.osn-footer .osn-content-social a:hover {opacity: 1;}
.osn-footer .osn-content-linkurl {clear: both;overflow: hidden;padding-top: 150px;position: relative;}
.osn-footer .osn-content-linkurl a {opacity: .6;margin-right: 30px;font-weight: 300;}
.osn-footer .osn-content-linkurl a:hover {opacity: 1;}
.osn-footer .osn-content-hotline {position: absolute;right: 0;bottom: 20px;text-align: right;}
.osn-footer .osn-content-hotline span{display: block;}
.osn-footer .osn-content-hotline h3{margin: 0;}
.osn-footer .osn-content-bottom {padding: 20px 0;overflow: hidden;}				
.osn-footer .osn-content-copy {opacity: .4;float: left;width: 100%;text-transform: uppercase;}
.osn-footer .osn-bottom-right {float: right;width: 20%;text-align: right;}	
.osn-footer .osn-bottom-right a {text-transform: uppercase;opacity: .4;}
.osn-content-linkurl-show {width: 100%;height: auto;overflow: hidden;clear: both;padding: 20px 0;position: absolute;left: 0;bottom:40px;z-index: 20;display: none;}
.osn-content-linkurl-show a {opacity: .6;margin:0 20px 10px 0;font-weight: 300;display: inline-block;vertical-align: middle;}
.osn-content-linkurl-show a:hover {opacity: 1;}
.osn-ewmshow {display: none;width: 80px;height: 80px;position: absolute;right: 50%;top: 30px;z-index: 11;background: #fff;margin-right: -50px;padding: 5px;}
.osn-ewmshow::before{content: '';width: 0; height: 0;border-width: 10px;border-style: solid;border-color: transparent #fff transparent transparent;transform: rotate(90deg);position: absolute;left: 50%;top: -15px;margin-left: -10px;}
.osn-footer .osn-content-social a:hover .osn-ewmshow {display: block;}
.osn-ewmshow img {width: 100%;height: auto;}
 

/* index */
.osn-index-banner {position: relative;width: 100%;height: 100%;}
.osn-index-banner .swiper-slide {background: #000;} 
.osn-index-banner .osn-index-banner-container {position: relative;overflow: hidden;width: 100%;height: 100%;}
.osn-index-banner .text {position: absolute;width:90%;top:34%;left:8%;z-index: 10;}
.osn-index-banner .title-1 {font-weight: 700;transform:translateY(200px);opacity:0;transition:all 0.2s;}
.osn-index-banner .text-2 {max-width:30%;line-height: 32px;transform:translateY(200px);opacity:0;transition:all 0.9s;}
.osn-index-banner .viewmore { transform:translateY(200px);opacity:0;transition:all 1.2s;}
.osn-index-banner .swiper-slide-active .title-1 {transform:translateY(0px);opacity:1;}
.osn-index-banner .swiper-slide-active .text-2{transform:translateY(0px);opacity:.8;}
.osn-index-banner .swiper-slide-active .viewmore{transform:translateY(0px);opacity:1;}
.osn-index-banner .swiper-slide-active .img{animation: bigimgani 5000ms infinite ease;}
.osn-index-banner-scroll {position: absolute;left: 5%;bottom: 5%;z-index: 10;display: none;}
.osn-index-banner-scroll i{display: inline-block;vertical-align: middle;width: 18px;height: 28px;background: url('/skin/images/scroll.png');}
.osn-index-banner-scroll span{text-transform: uppercase;display: inline-block;vertical-align: middle;margin-left: 10px;}
.osn-index-banner .osn-index-banner-container.center .text{text-align: center;left:5%;}
.osn-index-banner .osn-index-banner-container.center .text-2 {margin: auto;}
.osn-index-banner .osn-index-banner-container.center .viewmore {margin: 50px auto auto auto;display: inline-block;}
.osn-index-banner .osn-index-banner-container.right .text{text-align: right;left:auto;right:8%;}
.osn-index-banner .osn-index-banner-container.right .title-1 {margin-right: -10px;}
.osn-index-banner .osn-index-banner-container.right .text-2 {display: inline-block;}
.osn-index-banner .osn-index-banner-container.right .viewmore a{display: inline-block;}
.osn-index-banner .osn-index-banner-container.left .title-1 {margin-left: -10px;}
.osn-index-banner .osn-index-banner-container.none .text{display: none;}
.osn-index-banner-pagination-right {width:auto;z-index: 90;right: 5%;bottom: 3%;width:80px;height: 55px;position: absolute;}
.osn-index-banner-pagination {bottom: auto;display: block;z-index: 90;right:auto;bottom: auto!important;left: auto!important;}
.osn-index-banner-pagination .swiper-pagination-bullet {width:80px;height:10px;margin:0;border-radius: 0;opacity:1;background: none;position: absolute;z-index: 9;outline: none;}
.osn-index-banner-pagination .swiper-pagination-bullet::before {content: '';display: block;width: 100%;height:1px;position: absolute;left: 0;top:5px;opacity:1;z-index: 9;}
.osn-index-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {z-index: 20!important;}
.osn-index-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;z-index: 20!important;}
.osn-index-banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top:5px;width:0;height: 1px;-webkit-transition:all .4s ease;transition:all .4s ease;}
.osn-index-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}


.viewmore {margin-top: 50px;overflow: hidden;}
.viewmore a {display: block;width: 200px;height:58px;line-height:58px;overflow: hidden;position: relative;text-align: center;}
.viewmore span {position: relative;text-transform: uppercase;}
.osn-content {width: 90%;margin: auto;}
.osn-content-top {overflow: hidden;}


/* index  - process */
.osn-index-process {position: relative;padding:40px 0;}
.osn-index-process .osn-content{width: 90%;margin: auto;text-align: center;font-size: 0;position: relative;}
.osn-index-process .osn-content::before{content: '';width:89%;height: 1px;position: absolute;left:5.5%;top: 50%;}
.osn-index-process .osn-content::after {content: '';width:0px;height: 1px;position: absolute;left:5.5%;top: 50%;z-index: 2;transition:all .4s ease;}
.osn-index-process-swiper {overflow:visible;z-index: 10;}
.osn-index-process-swiper .swiper-wrapper  {overflow:visible;}
.osn-index-process .process-item {display: inline-block;vertical-align: top;width: 100%;}
.osn-index-process .process-item a{text-align: center;display: block;position: relative;}
.osn-index-process .process-item .num-1{display: inline-block;}
.osn-index-process .process-item .num-1 i{font-style: normal;display: block;width: 40px;height: 40px;line-height: 40px;border-radius: 100%;}
.osn-index-process .process-item .title-2{margin-top:30px;padding-bottom: 5px;}
.osn-index-process .process-item .english-3{text-transform: uppercase;}
.osn-index-process .process-item .dot-4{position: absolute;left:50%;top:50%;margin: -4px 0 0 -4px;}
.osn-index-process .process-item .dot-4 i{display: block;width: 5px;height: 5px;border-radius: 100%;position: relative;z-index: 5;}
.osn-index-process .process-item .text-5{position: absolute;width:340px;height: 0px;left:50%;top:160px;margin-left: -180px;z-index: -1;box-shadow: 0px 12px 50px 0px rgba(0, 0, 0, 0.1);display:none;}
.osn-index-process .process-item .text-content{padding: 7% 8%;overflow: hidden;text-align: left;line-height: 26px;}
.osn-index-process .process-item .text-5::before{width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;content: '';position: absolute;left: 50%;top: -10px;margin-left: -10px;}
.osn-index-process .process-item a:hover .text-5{display: block;top:130px;height:auto;z-index: 10;}
.osn-index-process .osn-content.w10::after {width:11%;}
.osn-index-process .osn-content.w20::after {width:22%;}
.osn-index-process .osn-content.w30::after {width:33.5%;}
.osn-index-process .osn-content.w40::after {width:44.5%;}
.osn-index-process .osn-content.w50::after {width:55.5%;}
.osn-index-process .osn-content.w60::after {width:67%;}
.osn-index-process .osn-content.w70::after {width:78%;}
.osn-index-process .osn-content.w80::after {width:89%;}
.osn-index-process .osn-content.w90::after {width:100%;}




/* index  - product */
.osn-index-product {position: relative;padding:120px 0;overflow: hidden;background: url(/skin/images/cpbj.jpg);background-size: 100%;}
.osn-index-product .osn-content {width: 75%;}
.osn-index-product .osn-content-top {position: relative;padding-bottom: 30px;}
.osn-title {position: relative;overflow: hidden;}
.osn-title .english-1{text-transform: uppercase;}
.osn-title .title-2 {position: relative;display: inline-block;padding-right:15px;}
.osn-title .title-2 h3{margin: 0;font-weight: normal;}
.osn-title .title-2 i{display: block;width: 5px;height: 5px;border-radius: 100%;position: absolute;right: 0;top:8px;}
.osn-right-nav {width: 70%;position: absolute;right: 0;bottom:0;text-align: right;}
.osn-right-nav li{display: inline-block;vertical-align: middle;position: relative;text-align: center;}
.osn-right-nav a {display: block;padding-bottom:35px;padding-right: 35px;}
.osn-right-nav a::after {content: '/';padding: 0 15px;opacity: .5;position: absolute;right: 0;top: 1px;}
.osn-right-nav li a::before {content: '';width: 0px;height: 2px;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.osn-right-nav li.cur a::before{width:60%;}
.osn-right-nav li:last-child a::after {display: none;}
.osn-right-nav li:last-child a {padding-right: 0;}


.osn-content-product-swiper {margin-top: 60px;overflow: hidden;}
.osn-content-product-item-swiper {width: 100%;}
.osn-index-product-item {position: relative;}
.osn-index-product-item .left {width: 62%;margin-left: 1px;overflow: hidden;}
.osn-index-product-item .right{width: 33%;overflow: hidden;}
.osn-index-product-item .left a {display: block;overflow: hidden;}
.osn-index-product-item .left a:hover .img{transform:scale(1.05);}
.osn-index-product-item .text{padding: 30px 0;overflow: hidden;}
.osn-index-product-item .title-1{font-weight: 700;position: relative;}	
.osn-index-product-item .title-1::after {content: '';display: block;width: 40px;height: 2px;margin: 20px 0;}	
.osn-index-product-item .ennum-2{padding-bottom: 30px;}
.osn-index-product-item .text-3{line-height: 28px;}
.osn-index-product-item .pics{position: relative;overflow: hidden;}
.osn-index-product-item .product-item-pics-swiper{overflow: hidden;}

									
.osn-control {overflow: hidden;margin-top: 40px;position: relative;}
.osn-control .page-control{width: 45%;float: left;}
.osn-swiper-prev-style1,.osn-swiper-next-style1 {width: 50px;height: 50px;position: relative;float: left;cursor: pointer;}
.osn-swiper-prev-style1 .img-center,.osn-swiper-next-style1 .img-center {max-width:40%;}
.osn-swiper-prev-style1{margin-right: 20px;}
.osn-swiper-next-style1{margin-left: 20px;}
.swiper-page-control-num {float: left;}
.swiper-page-control-num span{display:inline-block;vertical-align: middle;line-height: 50px;}
.viewdetails {width: 50%;float: left;}
.viewdetails a{position: relative;overflow: hidden;display: block;padding-bottom:20px;}
.viewdetails a::after,.viewdetails a::before  {content: '';position: absolute;width:0px;height: 1px;left: 0;bottom: 0;transition:all .4s ease;}
.viewdetails a::after {width: 100%;}
.viewdetails span{text-transform: uppercase;}
.viewdetails i{width: 50px;height: 15px;display: block;position:absolute;right: 0;top:50%;margin-top: -15px;}
.viewdetails i svg{width: 100%;height: 100%;display: block;}
.viewdetails a:hover::before {width: 100%;z-index: 10;}
.viewdetails a:hover i {animation: rightdong1 1000ms ease infinite;}
.osn-control .viewdetails  {position: relative;bottom: 0;right: 0;}



/* index  - customized */
.osn-index {overflow: hidden;background: url('/skin/images/bg-1.jpg') center no-repeat;background-size:cover;}
.osn-index-customized {position: relative;padding:150px 0;overflow: hidden;}
.osn-index-customized .osn-content {width: 75%;}
.osn-index-customized .osn-content-top {position: relative;padding-bottom: 30px;}
.osn-content-customized {overflow: hidden;margin-top: 50px;position: relative;}
.osn-content-customized-swiper {overflow: hidden;}
.osn-index-customized-item {overflow: hidden;position: relative;}
.osn-index-customized-item a{display: block;position: relative;}
.osn-index-customized-item .text {position: absolute;left: 10%;bottom:0px;z-index: 10;}
.osn-index-customized-item .title-1 {padding-bottom:10px;font-weight: 700;}
.osn-index-customized-item .img {position: relative;overflow: hidden;}
.osn-index-customized-item .img .pic {background-position:center center;background-repeat: no-repeat;background-size:cover;}
.osn-index-customized-item a:hover .img .pic{transform: scale(1.05);}
.viewdetail {overflow: hidden;position: relative;display: inline-block;padding-right: 50px;}
.viewdetail span{font-weight: normal;text-transform: uppercase;}
.viewdetail i{width: 40px;height:20px;display: block;position: absolute;right: 0;top: 50%;margin-top: -8px;opacity: .6;}
.viewdetail i svg {display: block;width:100%;height:100%;margin: auto;}
.osn-index-customized-list {position: relative;overflow: hidden;}
.osn-index-customized-item .viewdetail {opacity: 0;}
.osn-index-customized-item.c-item1 {width: 40.4%;}
.osn-index-customized-item.c-item2 {width: 58.2%;}
.osn-index-customized-item.c-item3 {width: 28.4%;}
.osn-index-customized-item.c-item4 {width: 28.4%;}
.osn-index-customized-item.c-item2 {position: absolute;top: 0;right: 0;}
.osn-index-customized-item.c-item3,.osn-index-customized-item.c-item4 {position: absolute;bottom: 0;}
.osn-index-customized-item.c-item3 {right: 29.8%;}
.osn-index-customized-item.c-item4 {right: 0;}
.osn-index-customized-item.c-item1 .text {left:7%;}
.osn-index-customized-item.c-item2 .text {left:5%;}
.osn-index-customized-item a:hover .text {bottom:40px;}
.osn-index-customized-item a:hover .viewdetail {opacity: 1;}


.osn-viewmore {margin-top:80px;overflow: hidden;text-align: center;}
.osn-viewmore::before {content: '';clear: both;display: block;}
.osn-viewmore a{display: inline-block;padding-right: 130px;margin: auto;position: relative;}
.osn-viewmore span{display: block;line-height: 100px;text-transform: uppercase;}
.osn-viewmore i{width: 64px;height: 64px;border-radius: 100%;margin: auto;position: absolute;right: 0;top: 50%;margin-top: -32px;}
.osn-viewmore i::before {content: '';width: 73px;height: 25px;background: url('/skin/images/right2.png') center no-repeat;background-size:100%;position: absolute;left: -40px;top:50%;margin-top: -12.5px;opacity: .5;}
.osn-viewmore a:hover i::before{animation: leftdong1 1000ms ease infinite;}
.osn-viewmore.smallsize i{width: 44px;height:44px;margin-top: -22px;}
.osn-viewmore.smallsize i::before {width:53px;height: 15px;left: -40px;margin-top: -7.5px;margin-left: 10px;}
.osn-viewmore.smallsize a{padding-right: 90px;}





/* index  - Chooseus */
.osn-index-Chooseus {position: relative;padding:100px 0 150px 0;overflow: hidden;}
.osn-index-Chooseus .osn-content {width: 75%;}
.osn-index-Chooseus .osn-content-left {float: left;width: 25%;}
.osn-index-Chooseus .osn-content-right {float: left;width: 70%;margin-left: 5%;overflow: hidden;margin-top:30px;}
.osn-chooseus-item {overflow: hidden;padding:1% 10% 1% 10%;position: relative;height: 100%;}
.osn-chooseus-item .icon-1{display: block;width: 100px;height: 70px;text-align: left;position: relative;}
.osn-chooseus-item .title-2{margin-top: 30px;position: relative;}
.osn-chooseus-item .title-2 strong{font-weight: 500;display: block;}
.osn-chooseus-item .title-2 i{display: block;width: 30px;height: 30px;position: absolute;right: 0;top: 0;font-style: normal;opacity: .6;}
.osn-chooseus-item .text-3{margin-top: 20px;line-height: 24px;min-height:100px;}
.osn-Chooseus-swiper .swiper-slide::before {content: '';width: 1px;height: 100%;position: absolute;left: 1px;top: 0;}
.osn-Chooseus-swiper .swiper-slide::after {content: '';width: 1px;height: 100%;position: absolute;right: -1px;top: 0;z-index: 9;display: none;}
.swiper-pagination-chooseus {margin-top:80px;}
.swiper-pagination-chooseus span {width: 42px;height: 42px;line-height: 42px;overflow: hidden;background:none;margin-right:5px;position: relative;opacity: 1;text-indent: -999px;text-align: center;border-radius: 0;}
.swiper-pagination-chooseus span::before {content: '';width:4px;height:4px;border-radius: 100%;left: 50%;top: 50%;margin: -2px 0 0 -2px;position:absolute;}
.swiper-pagination-chooseus span::after {content: '';width: 40px;height: 40px;border-radius: 100%;position:absolute;left: 50%;top: 50%;margin: -21px 0 0 -21px;display: none;}
.swiper-pagination-chooseus span.swiper-pagination-bullet-active {font-weight: 800;text-indent:0px;}
.swiper-pagination-chooseus span.swiper-pagination-bullet-active::after {display: block;}
.swiper-pagination-chooseus span.swiper-pagination-bullet-active::before {display: none;}


/* index  - activity */
.osn-index-activity {position: relative;padding:150px 0;overflow: hidden;}
.osn-index-activity .osn-content {width: 75%;overflow: hidden;}
.osn-index-activity .osn-content-top {position: relative;}
.osn-index-activity .osn-content-top .osn-viewmore.smallsize {position: absolute;right: 0;top: 40%;}
.osn-index-activity-list {overflow: hidden;margin-top:60px;position: relative;}
.osn-index-activity-list .osn-activity-left {float: left;width: 30%;overflow: hidden;}
.osn-index-activity-list .text{padding: 10px 0;overflow: hidden;}
.osn-index-activity-list .data-1{padding: 10px 0;}
.osn-index-activity-list .title-2{font-weight: 800;line-height: 34px;}
.osn-index-activity-list .viewdetail{margin-top: 40px;}
.osn-index-activity-list a {display: block;overflow: hidden;}
.osn-index-activity-list a:hover .img .pic {transform: scale(1.05);}
.osn-index-activity-list .osn-activity-center {float: left;width: 30%;overflow: hidden;margin-left:3.3%;}
.osn-index-activity-list .osn-activity-center .text {padding: 10%;}
.osn-index-activity-list .line-2{margin: 30px 0;position: relative;width:100%;height: 2px;}
.osn-index-activity-list .line-2::before {content: '';width: 60px;height: 2px;position: absolute;left: 0;top: 0;z-index: 1;transition:all .4s ease;}
.osn-index-activity-list a:hover .line-2::before {width: 100%;}
.osn-index-activity-list .text-3 {line-height: 28px;min-height: 140px;}
.osn-index-activity-list .osn-activity-right {float: right;width: 33%;overflow: hidden;}
.osn-activity-item {padding: 25px 0;}
.osn-activity-item:first-child {padding: 0px 0 25px 0;}
.osn-activity-item .img{float: left;width: 35%;}
.osn-activity-item .text{float: left;width: 55%;padding:1% 5%;}
.osn-activity-item .title-3{line-height: 28px;}



/* index  -  joining */
.osn-index-joining {position: relative;padding:10px 0 150px 0;overflow: hidden;}
.osn-index-joining .osn-content {width: 75%;overflow: hidden;position: relative;}
.osn-index-joining .osn-content-left {position: absolute;left: 0;top:13%;z-index: 3;width: 50%;}
.osn-index-joining .osn-content-left .text-3::before {content: '';width: 50px;height: 2px;display: block;margin: 22px 0;}
.osn-index-joining .osn-content-left .text-3{position: relative;opacity: .6;letter-spacing: 3px;}
.osn-index-joining .osn-content-left .osn-viewmore{text-align: left;}
.osn-index-joining .osn-content-right {float: right;width: 66.5%;}
.osn-index-joining .osn-content-right a {display: block;overflow: hidden;}
.osn-index-joining .osn-content-right a:hover .pic{transform: scale(1.05);}



/* product */
.osn-banner {position: relative;overflow: hidden;}
.osn-banner .text{position: absolute;width: 100%;height: 100%;left: 0;top:40%;z-index: 13;text-align: center;}
.osn-banner .img{position: relative;animation: bgimgain 3000ms 1 ease-out;}
.osn-path {position: absolute;left: 4%;top: 100px;padding: 15px 0;overflow: hidden;z-index: 50;}
.osn-path a{display: inline-block;vertical-align: middle;position: relative;}
.osn-path a i {display: inline-block;vertical-align: middle;margin-right: 10px;position: relative;width: 20px;height: 20px;opacity: .6;}
.osn-path a span {display: inline-block;vertical-align: middle;/*opacity: .6;*/}
.osn-path em {display: inline-block;vertical-align: middle;font-style: normal;font-family: "宋体";font-size: 14px;margin:2px 10px 0px 10px;opacity: .5;line-height: 16px;}
.osn-path a:hover i,.osn-path a:hover span,.osn-path a.cur span{opacity: 1;}

.osn-product {position: relative;}
.osn-product .osn-content {width: 90%;margin: auto;padding:2% 0  5% 0;overflow: hidden;}
.osn-left-navs {float: left;width:19%;position: absolute;left: 0;top: -130px;overflow: hidden;z-index: 50;min-height: 500px;box-shadow: 10px 0px 70px 0px rgba(0, 0, 0, 0.08);}
.osn-left-navs-title {padding:10%;overflow: hidden;}
.osn-left-navs-title .icon-1{float: left;width: 65px;margin-top: 2px;}
.osn-left-navs-title .icon-1 i{display: block;position: relative;width: 45px;height: 45px;}
.osn-left-navs-title .icon-1 i svg{max-width: 50%;max-height: 50%;}
.osn-left-navs-title .title-2 {float: left;}
.osn-left-navs-content {padding:5% 10%;overflow: hidden;}
.osn-left-navs-item {overflow: hidden;padding:20px 0;}
.osn-left-navs-item-title {position: relative;cursor: pointer;}
.osn-left-navs-item-title strong{display: block;margin: 0;padding: 10px 0;}
.osn-left-navs-item-title i{display: block;position:absolute;width: 16px;height: 16px;right: 0;top: 50%;margin-top:-3px;}
.osn-left-navs-item-title i::before,.osn-left-navs-item-title i::after {content: '';width: 16px;height:2px;position: absolute;left: 0;top: 0;}
.osn-left-navs-item-title i::after {transform:rotate(90deg);}
.osn-select-type {display: none;}
.osn-select-type li {list-style: none;margin: 0;padding: 0 0 10px 0;}
.osn-select-type a{display: block;}
.osn-select-type i {display: inline-block;vertical-align: middle;position: relative;width: 14px;height: 14px;border-radius: 100%;}
.osn-select-type i::before {content: '';width: 6px;height: 6px;position: absolute;left: 50%;top: 50%;margin: -3px 0 0 -3px;border-radius: 100%;display: none;}
.osn-select-type span {display: inline-block;vertical-align: middle;margin-left: 10px;}
.osn-select-type li.cur i::before {display: block;}
.osn-left-navs-item.cur .osn-select-type {display: block;}
.osn-left-navs-item.cur .osn-left-navs-item-title.cur i::after  {display: none;}
.osn-select-type-1 {overflow: hidden;padding-top: 10px;}
.osn-select-type-2 {overflow: hidden;padding-top: 10px;}
.osn-select-type.osn-select-type-2 li i {border-radius: 3px;}
.osn-select-type.osn-select-type-2 li.cur i::before {display: none;}
.osn-select-type.osn-select-type-2 li.cur i::after {content: '';width: 12px;height: 12px;position: absolute;left:50%;top:50%;background: url('/skin/images/gou.svg') center no-repeat;background-size:100%;margin: -6px 0 0 -6px;}
.osn-select-type.osn-select-type-2 li.all.cur i {border-radius:100%;background: none;}
.osn-select-type.osn-select-type-2 li.all.cur i::after {display: none;}
.osn-select-type.osn-select-type-2 li.all.cur i::before {display: block;}
.osn-reset-filter {padding:30px 0 20px 0;overflow: hidden;text-align: right;}
.osn-reset-filter a {display: inline-block;vertical-align: middle;position: relative;}
.osn-reset-filter a::before {content: '';width: 30px;height: 1px;display: inline-block;vertical-align: middle;margin-right: 10px;}

.osn-right-content {float: right;width: 78%;overflow: hidden;}
.osn-right-content-search {overflow: hidden;}
.osn-right-content-search .osn-right-search {position: relative;}
.osn-right-content-search .osn-right-search .search-submit{position: absolute;width: 22px;height: 22px;background: url('/skin/images/ss.svg') center no-repeat;background-size:100%;border: none;left: 0;top:50%;opacity: .5;margin-top: -12px;cursor: pointer;}
.osn-right-content-search .osn-right-search .search-submit:hover {opacity: 1;}
.osn-right-content-search .osn-right-search .search-input{width: 100%;display: block;padding: 20px 30% 20px 30%;border: none;background: none;}
.osn-right-content-search .osn-right-search .search-input::placeholder {color: #999;font-size: 20px;}
.osn-right-content-search .search-result{padding: 20px 0;overflow: hidden;}
.osn-right-content .osn-right-content-search .osn-right-search .search-input{padding: 20px 5% 20px 5%;}


.osn-right-products-list {overflow: hidden;padding:20px 0;min-height: 500px;}
.osn-right-products-item {float: left;width: 30%;margin:0 4.9% 4% 0;overflow: hidden;}
.osn-right-products-item.orpi3,.osn-right-products-item.orpi6,.osn-right-products-item.orpi9 {margin:0 0 4% 0;}
.osn-right-products-item a{display: block;overflow: hidden;text-align: center;}
.osn-right-products-item .img{overflow: hidden;position: relative;}
.osn-right-products-item .pic{overflow: hidden;position: relative;}
.osn-right-products-item .text{padding: 20px 0;overflow: hidden;}
.osn-right-products-item .title-1{padding-bottom: 10px;font-weight: 800;}
.osn-right-products-item a:hover .pic img.img-center{opacity: 0;}
.osn-right-products-item a:hover .pic img.img-block{opacity: 0;}

.osn-page-trun {text-align: center;padding: 20px 0;overflow: hidden;/*font-size: 0;*/}
.osn-page-trun a{text-align: center;display: inline-block;vertical-align: middle;position: relative;margin:0;border-radius: 100%;width: 40px;height: 40px;line-height: 40px;}
.osn-page-trun a.prev,.osn-page-trun a.next{width: 90px;height: 45px;line-height: 45px;border-radius: 50px;margin: 0 10px;}
.osn-page-trun a.next::before,.osn-page-trun a.prev::before{width: 20px;height: 20px;line-height: 20px;position: absolute;left: 50%;top: 50%;margin: -10px 0 0 -10px;font-family: "宋体";font-size: 22px;color: #666;}
.osn-page-trun a.next::before{content: '>';}
.osn-page-trun a.prev::before{content: '<';}
.osn-page-trun a.prev:hover::before,.osn-page-trun a.next:hover::before {color: #fff;}
.osn-page-trun a.cur{border-radius: 100%;width: 40px;height: 40px;line-height: 40px;}
.osn-page-trun a i{display: block;width: 20px;height: 20px;margin: auto;position: relative;}


.osn-product-title {position: absolute;width: 100%;left: 0;text-align: center;top: 50%;z-index: 40;}
.osn-product-title h1{margin: 0;font-weight: 800;}


.osn-product-detail {overflow: hidden;padding: 5% 0;}
.osn-product-detail .osn-content{overflow: hidden;position: relative;}
.osn-product-detail-left {float: left;width: 52%;position: relative;overflow: hidden;}
.osn-product-detail-pic-swiper {position: relative;float: right;width:80%;box-sizing: border-box;}
.osn-product-detail-pic-swiper .play {width: 60px;height: 60px;position: absolute;left: 50%;top: 50%;margin: -30px 0 0 -30px; z-index: 10;}
.osn-product-detail-pic-swiper .play.cur {display: none;}
.osn-product-detail-pic-swiper .play a{display: block;border-radius: 100%;width: 60px;height: 60px;position: relative;}
.osn-product-detail-pic-swiper .play i{display: inline-block;width: 18px;height: 18px;position: absolute;left: 50%;top: 50%;margin: -9px 0 0 -9px;background: url('/skin/images/play.png') center no-repeat;}
.osn-product-detail-pic-swiper .play a::before {content: '';width: 90px;height:90px;position: absolute;left: 50%;top: 50%;margin: -45px 0 0 -45px;border-radius: 100%;box-sizing: border-box;}
.osn-product-detail-pic-swiper .swiper-slide .video {position: absolute;width: 100%;height: 100%;background: #000;z-index: 5;display: none;}
.osn-product-detail-pic-swiper .swiper-slide .video video {width: 100%;height:100%;display: block;}
.osn-product-detail-pic-swiper .swiper-slide .video.cur {display: block;}
.osn-product-detail-left-pic {width:15%;height: 100%;position: absolute;overflow: hidden;left: 0;top: 0;}
.osn-product-detail-left-pic-swiper {position: relative;height: 100%;}
.osn-product-detail-left-pic-swiper .img ,.osn-product-detail-pic-swiper .img {background-color: #fff;box-sizing: border-box;}
.osn-product-detail-left-pic-swiper .img {opacity: .5;cursor: pointer;}
.osn-product-detail-left-pic-swiper .swiper-slide-thumb-active .img {opacity: 1;}
.osn-product-detail-left-pic-swiper .swiper-slide-thumb-active .img::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 0;z-index: 3;}
.osn-close {width: 40px;height: 40px;position: absolute;right:0;top:0;z-index: 50;display: block;}
.osn-close.cur {display: none;}
.osn-close a {display: block;width:30px;height:30px;margin: 5px;background: #fff;position: relative;}
.osn-close a i {width: 20px;height: 2px;background: #000;position: absolute;left: 50%;top: 50%;margin: -1px 0 0 -10px;transform:rotate(45deg);}
.osn-close a i::before {content: '';width:2px;height: 20px;;background: #000;position: absolute;left: 50%;top: 50%;margin: -10px 0 0 -1px;}
.magnifier {background: #fff;}

.osn-product-detail-right {float: right;width: 43%;overflow: hidden;}
.osn-product-detail-right-text {overflow: hidden;}
.osn-product-detail-right-text .title-1{padding: 30px 0;font-weight: 800;}
.osn-product-detail-right-text .text-2{padding-top: 30px;line-height: 30px;}
.osn-product-detail-right-text .parameter-3{margin-top: 50px;}
.osn-product-detail-right-text .title-3 {display: inline-block;position: relative;padding-right: 10px;}
.osn-product-detail-right-text .title-3 strong{font-weight: 800;margin: 0;}
.osn-product-detail-right-text .title-3 i{display: block;width: 3px;height: 3px;border-radius: 100%;position: absolute;right: 0;top: 0;}
.osn-product-detail-right-text .item-4 {margin-top:20px;overflow: hidden;}
.osn-product-detail-right-text .item-4 li{list-style: none;margin: 0;padding: 0;float: left;width: 45%;margin-right:10%;padding: 22px 0;}
.osn-product-detail-right-text .item-4 li:last-child {width: 100%;margin-right: 0;}
.osn-product-detail-right-text .item-4 li.mr0 {margin-right: 0;}
.osn-product-detail-right-text .item-4 strong{font-weight: 800;}
.osn-product-detail-right-text .item-4 i{font-style: normal;margin: 0 5px;}
.osn-product-detail-right-text .item-4 li p {margin: 13px 0 0 0;}


.osn-product-detail-inspiration {padding:5% 0;overflow: hidden;background: url('/skin/images/bg2.jpg') center top no-repeat;}
.osn-product-detail-inspiration .osn-content {float: right;width:90%;}
.osn-product-inspiration {margin-top: 50px;overflow: hidden;}
.osn-inspiration-swiper {padding-bottom: 80px;overflow: hidden;position: relative;cursor: url(/skin/images/cur.png),default!important;}
.osn-inspiration-swiper .swiper-slide {width: auto;}
.osn-inspiration-swiper img {max-height: 480px;display: block;width: auto;}
.osn-inspiration-swiper .osn-progressbar {position: absolute;left: 0;bottom: 10px;top: auto;width: 80%;height:2px;}
.swiper-pagination-num {position: absolute;right: 15%;bottom: 0;}


.osn-product-detail-main {padding:6% 0;overflow: hidden;}
.osn-product-detail-main .osn-content {text-align: center;}
.osn-product-detail-main .osn-content .osn-title{display: inline-block;}
.osn-product-detail-main-pic {overflow: hidden;position: relative;padding:2% 0;width:84%;margin: auto;}
.osn-product-detail-main-pic img {display:inline-block;width: auto;max-width: 100%;}


.osn-product-detail-other {background: #f7f7f7;overflow: hidden;padding:7% 0;}
.osn-product-detail-other .osn-content{text-align: center;}
.osn-product-detail-other .osn-title{display: inline-block;}
.osn-other-product {position: relative;overflow: hidden;width:90%;margin:5% auto auto;}
.osn-other-product-swiper{overflow: hidden;width:80%;margin:auto;}
.osn-other-product-swiper .osn-right-products-item {float: none;width:100%;margin:0;}
.swiper-button-next-other,.swiper-button-prev-other {width: 120px;position: absolute;top: 50%;margin-top: -30px;cursor: pointer;}
.swiper-button-next-other i,.swiper-button-prev-other i {width: 40px;height: 40px;border-radius: 100%;display: block;position: relative;float: left;}
.swiper-button-next-other i {float: right;}
.swiper-button-next-other i::before,.swiper-button-prev-other i::before {content: '';width: 50px;height: 13px;position: absolute;left: -30px;top:50%;background: url('/skin/images/right2.svg') center no-repeat;background-size: 100%;margin-top: -6px;}
.swiper-button-prev-other i::before {transform:rotate(180deg);left: 20px;}
.swiper-button-next-other span,.swiper-button-prev-other span {float: left;display: block;line-height: 42px;margin-left: 40px;}
.swiper-button-next-other span {float: left;margin-left: 0px;}
.swiper-button-next-other {right: 0;}
.swiper-button-prev-other {left: 0;}
.swiper-button-next-other:hover i::before {animation: leftdong2 1000ms ease infinite;}
.swiper-button-prev-other:hover i::before {animation: leftdong3 1000ms ease infinite;}



.osn-product {margin-top: -125px;padding-top: 125px;overflow: hidden;}
.osn-left-navs {top: 0px;height: 100%;box-sizing: border-box;}
.osn-left-navs.cur{position: fixed;top:0;left:0;overflow: hidden;}
.osn-left-navs-content {overflow-y: auto;height: 80%;overflow-x: hidden;padding: 5% 10% 15% 10%;}
.osn-left-navs-content::-webkit-scrollbar{width:0px;}
.osn-left-navs-content-type {position: relative;}
.osn-left-navs-content-type::before {content: '';width: 100%;height: 100%;left: 0;top: 0;z-index: 3;position: absolute;display: none;}
.osn-left-navs-content-type.cur {opacity:.4;height: 100%;overflow: hidden;}
.osn-left-navs-content-type.cur::before {display: block;}
.osn-product-type-item.hide {display: none;}
.osn-product-type-item.show {display: block;}
.osn-product-type-item .osn-product-select-type,.osn-product-type-item.cur .osn-product-select-type {display: none;}
.osn-product-type-item .osn-product-select-type.cur,.osn-product-type-item.cur .osn-product-select-type.cur {display: block;}




/* livingspace */
.osn-livingspace {overflow: hidden;}
.osn-livingspace-top {background: url('/skin/images/livingspace1.jpg') center top;margin-top: 100px;overflow: hidden;}
.osn-livingspace-top .osn-path{position: relative;top: auto;left: auto;}
.osn-livingspace-top .osn-content{width: 92%;}
.osn-livingspace-banner {overflow: hidden;margin-top: 20px;}
.osn-livingspace-banner-left {float:left;width: 23%;overflow: hidden;position: relative;}
.osn-livingspace-banner-right {float:left;width: 77%;overflow: hidden;}
.osn-livingspace-banner-nav {padding:10%;overflow: hidden;}
.osn-livingspace-banner-swiper {position: relative;}
.osn-livingspace-banner-swiper .swiper-pagination {bottom: 4%;}
.osn-livingspace-banner-swiper .swiper-pagination span {width: 10px;height: 10px;}
.osn-livingspace-bottom {padding:0;overflow: hidden;text-align: center;font-size: 0;position: relative;}
.osn-livingspace-bottom a{display: inline-block;padding:40px 0px 40px 0px;overflow: hidden;position: relative;margin: 0 30px;}
.osn-livingspace-bottom a::after {content: '';width: 100%;height: 3px;position: absolute;left: 0;bottom: 0;}

.osn-livingspace-list {padding:3% 0;overflow: hidden;}
.osn-livingspace-list .osn-content {text-align: center;width: 80%;margin: auto;}
.osn-livingspace-item {width: 29%;margin:2% 2%;overflow: hidden;display: inline-block;vertical-align: top;}
.osn-livingspace-item a{display: block;overflow: hidden;text-align: center;}
.osn-livingspace-item .img{overflow: hidden;position: relative;}
.osn-livingspace-item .pic{overflow: hidden;position: relative;}
.osn-livingspace-item .pic img.img-center{opacity: 0;}
.osn-livingspace-item a:hover .pic {background-color: rgba(0,0,0,.5);}
.osn-livingspace-item a:hover .pic img.img-center{opacity: 1;}
.osn-livingspace-item .text{padding: 20px 0;overflow: hidden;}
.osn-livingspace-item .title-1{padding-bottom: 10px;font-weight: 800;}
.osn-right-livingspace-list {overflow: hidden;padding: 2% 0;min-height: 500px;}
.osn-right-livingspace-list .osn-livingspace-item  {float: left;width:30.5%;margin: 0;margin-right: 4%;margin-bottom:4%;}       
.osn-right-livingspace-list .osn-livingspace-item.mr0  {margin-right: 0;}  


.osn-livingspace-detail {overflow: hidden;padding: 5% 0;}
.osn-livingspace-detail .osn-content{overflow: hidden;position: relative;}
.osn-livingspace-detail .osn-product-detail-left {width: 64%;}
.osn-livingspace-detail .osn-product-detail-right {width: 31%;}
.osn-livingspace-detail .osn-product-detail-right-text .parameter-3 {margin-top: 20px;}
.osn-livingspace-detail .osn-product-detail-right-text .item-4 li {width: 100%;}
.osn-livingspace-detail .osn-product-detail-right-text .title-3 {margin-top: 40px;}
.osn-livingspace-detail .oproducts-5 {margin-top: 20px;overflow: hidden;position: relative;}
.osn-oproducts-swiper {position: relative;}
.osn-oproducts-swiper .img .pic{transition:all .4s ease;}
.osn-oproducts-swiper .img:hover .pic{transform:scale(1.1);}
.osn-oproducts-swiper .name-3 {text-align: center;padding-top: 20px;font-size: 16px;color: #000;width: 100%;}
.oproducts-next,.oproducts-prev {color: #fff;height: 80%;top: 0;margin: 0;width: 10%;outline: none;opacity: 0;}
.oproducts-next:after,.oproducts-prev:after {font-size: 20px;}
.oproducts-next {right: 0;background-image: -webkit-linear-gradient( 180deg, rgb(0,0,0,.3) 0%, rgba(0,0,0,0) 100%);}
.oproducts-prev {left: 0;background-image: -webkit-linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgb(0,0,0,.3) 100%);}
.osn-oproducts-swiper:hover .oproducts-next,.osn-oproducts-swiper:hover .oproducts-prev{opacity: 1;}
.oproducts-next.swiper-button-disabled, .oproducts-prev.swiper-button-disabled,
.osn-oproducts-swiper:hover .oproducts-next.swiper-button-disabled,.osn-oproducts-swiper:hover .oproducts-prev.swiper-button-disabled {opacity: 0;}
.osn-livingspace-detail .osn-product-detail-left-pic {width: 13%;}
.osn-livingspace-detail .osn-product-detail-pic-swiper {width: 86%;}
.osn-livingspace-other .osn-right-products-item .pic img.img-block {background: transparent;}
.osn-livingspace-other .osn-right-products-item .pic{transition:all .4s ease;}
.osn-livingspace-other .osn-right-products-item a:hover .pic {transform:scale(1.1);}



/* customized */
.osn-customized {padding:5% 0;overflow: hidden;}
.osn-customized  .osn-content {width: 100%;}
.osn-customized-list {overflow: hidden;}
.osn-customized-item {overflow: hidden;padding: 3% 0;}
.osn-customized-left {float: left;width: 57%;overflow: hidden;}
.osn-customized-swiper {overflow: hidden;}
.osn-customized-swiper .swiper-slide{position: relative;}
.osn-customized-right {float: left;width: 30%;overflow: hidden;margin: 3% 0 0 5%;}
.osn-customized-right .osn-customized-text{overflow: hidden;text-align: left;}
.osn-customized-right .osn-customized-text .osn-title{overflow: hidden;}
.osn-customized-right .osn-customized-li{padding: 8% 0 3% 0;overflow: hidden;}
.osn-customized-right .osn-customized-li li{padding:3px 0;overflow: hidden;position: relative;list-style: none;cursor: pointer;opacity: .5;}
.osn-customized-right .osn-customized-li li.cur {opacity: 1;}
.osn-customized-right .osn-customized-li li strong{position: relative;display: inline-block;padding: 10px 0;}
.osn-customized-right .osn-customized-li li strong::after {content:'';width:0px;height: 2px;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.osn-customized-right .osn-customized-li li.cur strong::after  {width: 100%;}
.osn-customized-right .osn-viewmore{margin-top: 0px;display: inline-block;}
.osn-customized-item.fr .osn-customized-left{float: right;}
.osn-customized-item.fr .osn-customized-right {float: right;margin: 3% 5% 0 0;}

.osn-banner-nav {text-align: center;padding: 40px 0;overflow: hidden;}
.osn-banner-nav a {display: inline-block;vertical-align: middle;}
.osn-banner-nav a span{font-weight: 500;position: relative;display: inline-block;padding-bottom: 7px;}
.osn-banner-nav em {display: inline-block;vertical-align: middle;margin: 0 20px;opacity: .4;}
.osn-banner-nav a.cur span:before{content: '';width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;}

.osn-customized-list .osn-content {width: 74%;margin:5% auto;overflow: hidden;}
.osn-customized-list-item {background: #f7f7f7;overflow: hidden;margin-bottom: 5%;}
.osn-customized-list-left {float: left;width: 67%;overflow: hidden;}
.osn-customized-list-right {float: left;width: 33%;overflow: hidden;}
.osn-customized-list-item.fr .osn-customized-list-left{float: right;}
.osn-customized-list-item.fr .osn-customized-list-right{float: right;}
.osn-customized-list-text {padding:20% 15% 0 15%;overflow: hidden;text-align: left;}
.osn-customized-list-text .title-1{position: relative;font-weight: 800;}
.osn-customized-list-text .title-1::after {content: '';width: 60px;height: 3px;display: block;margin: 20px 0;}
.osn-customized-list-text .text-2{line-height: 30px;}
.osn-customized-list-text .osn-viewmore{display: inline-block;margin-top: 20px;}
.osn-customized-list-item.list-item3 {width: 31.33%;background: none;float: left;margin-right: 3%;}
.osn-customized-list-item.list-item3.mr0 {margin-right: 0;}
.osn-customized-list-item.list-item3 .osn-customized-list-left{float: none;width: 100%;}
.osn-customized-list-item.list-item3 .osn-customized-list-right{float: none;width: 100%;}
.osn-customized-list-item.list-item3 .osn-customized-list-text {padding: 5% 0 0 0;}
.osn-customized-list-item.list-item3 .title-1 {font-size: 18px;}
.osn-customized-list-item.list-item3 .title-1::after{display: none;}
.osn-customized-list-item.list-item3 .text-2 {padding: 10px 0 25px 0;;}
.osn-customized-list-item.list-item3 .viewdetail {margin: 20px 0 0 0;}
.osn-customized-list-item.list-item3 .viewdetail span,.osn-customized-list-item.list-item1 .viewdetail span{color: #000;}
.osn-customized-list-item.list-item3 .viewdetail i{background: url('/skin/images/right3.svg') center no-repeat;}
.osn-customized-list-item.list-item1 {clear: both;}
.osn-customized-list-item.list-item1 .viewdetail {margin-top:50px;}
.osn-customized-list-item.list-item1 .viewdetail i{width: 40px;height: 40px;border-radius: 100%;position: relative;opacity:1;top: auto;left: auto;display: inline-block;vertical-align: middle;right: auto;margin-top: auto;margin-left: 40px;}
.osn-customized-list-item.list-item1 .viewdetail i::before {content: '';width: 50px;height: 15px;position: absolute;left: -25px;top:50%;background: url('/skin/images/right2.svg') center no-repeat;background-size:100% 100%;margin-top: -7.5px;}
.osn-customized-list-item a:hover .viewdetail i::before {animation: leftdong4 1000ms ease infinite;}
.osn-customized-list-item a:hover .img {transform:scale(1.05);}





/* brand */
.osn-brand {background: url('/skin/images/brandbg.jpg');overflow: hidden;}
.osn-brand-about {margin: 0;width: 87%;float: right;overflow: hidden;padding: 8% 0 ;}
.osn-brand-about .osn-title{float: left;width: 30%;}
.osn-about-text{float: left;width:45%;margin-left: 10%;margin-top:1%;line-height: 32px;text-align: justify;}
.osn-about-content {overflow: hidden;clear: both;padding: 5% 0;}
.osn-about-video{position: relative;overflow: hidden;}
.osn-about-video .about-play{width: 80px;height: 80px;position: absolute;left:50%;top:50%;margin:-40px 0 0 -40px;z-index:3;background: url('/skin/images/play1.png');cursor: pointer;}
.osn-video-windows {width: 100%;height:100%;position: fixed;z-index: -1;left:0;top:-100%;background: #000;text-align: center;overflow: hidden;transition:all .4s ease;}
.osn-video-windows.cur {top: 0;opacity: 1;z-index: 999;left: 0;top:0;}
.osn-video-windows video {width: auto;height: 100%;display: inline-block;}

.osn-brand-about-data {overflow: hidden;}
.osn-brand-about-data li{list-style: none;margin: 0;padding: 0;display: inline-block;position: relative;padding:0 5%;width:10%;}
.osn-brand-about-data h3{margin: 0;font-weight: normal;position: relative;padding-right: 20px;display: inline-block;}
.osn-brand-about-data strong{display: inline-block;}
.osn-brand-about-data span{position: absolute;right: 0;bottom:5px;}
.osn-brand-about-data p{margin: 0;display: block;padding-top: 10px;}
.osn-brand-about-data li::before {content: '';width: 1px;height: 100%;position: absolute;left: 0;top: 0;}
.osn-brand-about-data li:first-child::before  {display: none;}
.osn-brand-about-data li:first-child {padding:0 5% 0 0;}



.osn-brand-content {background: url('/skin/images/cpbj.jpg') center top no-repeat;padding:0;overflow: hidden;}
.osn-brand-content-top{width: 74%;margin: auto;padding:4% 0 12% 0;;overflow: hidden;}
.osn-brand-content-left{float: left;width: 70%;overflow: hidden;}
.osn-brand-content-left .img{float: left;width:35%;}
.osn-text {float: left;width: 45%;padding-left:10%;margin-top: 15%;text-align: justify;}
.osn-text .title-1{position: relative;display: inline-block;padding-right: 15px;}
.osn-text .title-1 strong{font-weight: normal;}
.osn-text .title-1 i{width: 5px;height: 5px;position: absolute;right: 0;top: 30px;border-radius: 100%;}
.osn-text .title-1::after {content: '';width: 50px;height: 3px;display: block;margin: 25px 0;}
.osn-text .text-2{/*opacity: .6;*/line-height: 32px;font-weight: normal;}
.osn-brand-content-right{width: 25%;float: right;margin-top: 21%;}
.osn-brand-content-right .img{background-color:transparent;}
.osn-brand-content-right .img img {margin-bottom: 10px;display: block;}

.osn-brand-content-bottom {width: 74%;margin: auto;overflow: hidden;margin-top: -117px;padding-bottom:3%}
.osn-brand-content-item {overflow: hidden;position: relative;;}
.osn-brand-content-item-left{float: left;width: 55%;}
.osn-brand-content-item-right{width:32%;position: absolute;right:5%;bottom: 0;}
.osn-brand-content-item-right .osn-text{width: 100%;padding: 0;margin: 0;}
.osn-brand-content-item-right .osn-text .title-1 i{top: 8px;}
.osn-brand-content-item-right .osn-text .text-2{opacity: 1;}

.osn-brand-content-top .osn-brand-content-left .osn-text .title-1 i{top: 48px;}

.osn-brand-content-swiper {overflow: hidden;padding: 8% 0;width: 87%;float: right;}
.osn-brand-content-swiper-left {overflow: hidden;float: left;width: 35%;margin-top: 3%;}
.osn-brand-content-swiper-left .osn-text{width: 100%;padding: 0;margin: 0;}
.osn-brand-content-swiper-left .osn-text .title-1 i{top: 8px;}
.osn-brand-content-swiper-left .osn-text .text-2{opacity: 1;}
.osn-brand-content-swiper-left .osn-text .text-2 strong {font-weight: normal;}
.osn-brand-content-swiper-left .swiper-num {margin-top: 50px;}
.osn-brand-content-swiper-left .swiper-num span {display: inline-block;vertical-align: middle;opacity: .6;}
.osn-brand-content-swiper-left .swiper-num span:first-child {opacity: 1;}
.osn-brand-content-swiper-right {overflow: hidden;float: right;width: 64%;}
.osn-brand-content-swiper-right-pic {overflow: hidden;}
.osn-brand-content-swiper-right-pic .swiper-slide{position: relative;}
.osn-brand-content-swiper-right-pic .swiper-slide .text{position: absolute;left: 5%;bottom: 5%;z-index: 2;}


.osn-honor-content {width: 80%;margin: auto;overflow: hidden;}
.osn-honor-left {float: left;width: 21%;margin-top: 10%;}
.osn-honor-left .osn-honor-nav {margin-top: 50px;overflow: hidden;}
.osn-honor-left .osn-honor-nav a{display: block;position: relative;padding: 10px 0;overflow: hidden;opacity: .5;}
.osn-honor-left .osn-honor-nav a span {display: inline-block;position: relative;padding-bottom: 10px;}
.osn-honor-left .osn-honor-nav a span::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;display: none;}
.osn-honor-left .osn-honor-nav a.cur {opacity: 1;}
.osn-honor-left .osn-honor-nav a.cur span::after {display: block;}
.osn-honor-right{float: left;width: 69%;overflow: hidden;padding:0 0 10% 10%;position: relative;}
.osn-honor-right::before {content: '';width: 15%;height: 100%;background: url('/skin/images/leftt.png') center no-repeat;background-size:100% 100%;position: absolute;left: 0;top: 0;}
.osn-honor-pic {float: left;width: 70%;overflow: hidden;padding-bottom: 5%;margin-top: -4%;}
.osn-honor-pic-swiper {overflow:visible;}
.osn-honor-pic-swiper .img {background-color: transparent;}
.osn-honor-pic-swiper .img .year-3 {width: 100%;position: absolute;right: 0;top: 50%;z-index: 10;transform:translateY(-50%);text-align: center;}
.osn-honor-pic-swiper .img .year-3 {font-size: 360px;color: #292a33;z-index: 1;opacity: 0;}
.osn-honor-pic-swiper .swiper-slide-active .img .year-3 {opacity: .05;}
.osn-honor-pic-swiper .img img.img-bottom {width: auto;height: auto;left: 0;right: 0;bottom: 5%;position: absolute;margin: auto;opacity: 0;transition:all .4s ease;}
.osn-honor-pic-swiper .img img.img-bottom {max-height: 70%;}
.osn-honor-pic-swiper .swiper-slide-active .img img.img-bottom {bottom: 0;opacity: 1;z-index: 22;}
.osn-honor-pic-swiper .swiper-slide .text {position: absolute;text-align: center;width: 100%;left: 0;bottom: -180px;opacity: 0;}
.osn-honor-pic-swiper .swiper-slide .text .title-1 {font-weight: 800;padding: 10px 0;}
.osn-honor-pic-swiper .swiper-slide .text .data-2 {overflow: hidden;}
.osn-honor-pic-swiper .swiper-slide-active .text {opacity: 1;}
.osn-honor-pic-pingtai {margin-top: -30px;}
.osn-honor-text {width: 20%;position: absolute;right: 0;top: 50%;z-index: 10;transform:translateY(-50%);}
.osn-honor-text-swiper {overflow: hidden;position: relative;margin: 80px 0;height: 200px;}
.osn-honor-text-swiper .swiper-slide {text-align: center;}
.osn-honor-text-swiper .swiper-slide span {display:inline-block;position: relative;text-align: center;cursor: pointer;padding: 5px 0;opacity: .5;width:100%}
.osn-honor-text-swiper .swiper-slide.swiper-slide-thumb-active span {border-bottom: 1px solid #d9a557;color: #d9a557;opacity: 1;}
.swiper-honor-prev,.swiper-honor-next {position:absolute;width:100px;height:50px;left:50%;text-align: center;border-radius:100px;margin-left:-50px;cursor: pointer;z-index:10;outline: none;}
.swiper-honor-prev {top: 0;background: url('/skin/images/top1.png') center no-repeat #eae9e9;}
.swiper-honor-next {bottom: 0;background: url('/skin/images/bottom1.png') center no-repeat #eae9e9;}
.swiper-honor-prev:hover {background: url('/skin/images/top.png') center no-repeat #d9a557;}
.swiper-honor-next:hover {background: url('/skin/images/bottom.png') center no-repeat #d9a557;}


.osn-news {overflow: hidden;padding: 5% 0;}
.osn-news-content {overflow: hidden;width: 75%;margin: auto;}
.osn-news-content-top {overflow: hidden;}
.osn-news-content-top .osn-title {float: left;width:45%;}
.osn-news-content-top .osn-right-content-search {float: right;width:35%;margin-top: 5%;}

.osn-news-content-list {overflow: hidden;padding: 5% 0;}
.osn-news-content-list-item {overflow: hidden;float: left;width: 31.7%;margin:  0 1.5% 3% 0;overflow: hidden;}
.osn-news-content-list-item.mr0 {margin:  0 0 3% 0;}
.osn-news-content-list-item a{display: block;overflow: hidden;padding-bottom:20%;position: relative;}
.osn-news-content-list-item .img{overflow: hidden;}
.osn-news-content-list-item .text{position: absolute;width: 76%;left: 5%;bottom: 0;z-index: 2;padding:7%;text-align: center;}
.osn-news-content-list-item .title-1{font-weight: 700;line-height: 30px;}
.osn-news-content-list-item .jiantou-2{background: url('/skin/images/right1.png') center no-repeat;width:30px;height: 15px;margin: 10px auto auto auto;}
.osn-news-content-list-item a:hover .jiantou-2 {background: url('/skin/images/right2.png') center no-repeat;}
.osn-news-content-list-item a:hover .pic {transform:scale(1.05);}

.osn-news-detail {padding: 100px 0 50px 0;overflow: hidden;background: url('/skin/images/newsbg.jpg');}
.osn-news-detail-content {overflow: hidden;}
.osn-news-detail .osn-path a i *{color: #000;}
.osn-news-detail-main {position: relative;padding: 5% 10% 1% 10%;overflow: hidden;width: 60%;margin:5% auto;}
.osn-news-detail-main .type-1{overflow: hidden;}
.osn-news-detail-main .type-1 a{display: inline-block;padding: 5px 15px;border-radius:50px;}
.osn-news-detail-main .title-2 h1{font-weight: 800;}
.osn-news-detail-main .line-4 {width: 100%;height: 2px;position: relative;margin: 20px 0;}
.osn-news-detail-main .line-4::before {content: '';width: 10%;height: 2px;position: absolute;left: 0;top: 0;}
.osn-news-detail-main .detail-5 {overflow: hidden;line-height: 34px;}
.osn-news-detail-main .detail-5 img {display: inline-block;width: auto;height: auto;max-width: 100%;}
.osn-news-detail-main .pageturn-6 {padding: 40px 0;overflow: hidden;margin-top: 30px;position: relative;}
.osn-news-detail-main .pageturn-6 a{display: block;overflow: hidden;}
.osn-news-detail-main .pageturn-6 a i{width: 33px;height: 7px;display: inline-block;vertical-align: middle;}
.osn-news-detail-main .pageturn-6 a span{display: inline-block;vertical-align: middle;padding: 0 20px;position: relative;width: 70%;}
.osn-news-detail-main .pageturn-6 a.prev span::before {content: '';width: 1px;height: 100%;position: absolute;left: 0;top: 0;}
.osn-news-detail-main .pageturn-6 a.next span::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;}
.osn-news-detail-main .pageturn-6 a.prev{float: left;width: 40%;}
.osn-news-detail-main .pageturn-6 a.next{float: right;width: 40%;text-align: right;}
.osn-news-detail-main .pageturn-6 a.prev i {background: url('/skin/images/left1.png') center no-repeat;margin-right:20px;}
.osn-news-detail-main .pageturn-6 a.next i {background: url('/skin/images/right3.png') center no-repeat;margin-left:20px;}
.osn-news-detail-main .pageturn-6 a.prev:hover i {background: url('/skin/images/left2.png') center no-repeat;}
.osn-news-detail-main .pageturn-6 a.next:hover i {background: url('/skin/images/right1.png') center no-repeat;}
.osn-news-detail-main .pageturn-6 a.return{width: 30px;height: 30px;position: absolute;left: 50%;top: 50%;z-index: 10;margin: -15px 0 0 -15px;background: url('/skin/images/return.png') center no-repeat;}

.osn-contact {overflow: hidden;background: url('/skin/images/brandbg.jpg');}
.osn-contact-content {padding: 7% 0 0 0;overflow: hidden;}
.osn-contact-left {float: left;width: 32%;overflow: hidden;padding-left: 11%;padding-top: 3%;}
.osn-contact-li {margin-top: 30px;position: relative;}
.osn-contact-li li{position: relative;padding:30px 0;overflow: hidden;list-style: none;margin: 0;text-align: right;}
.osn-contact-li li:last-child {border: none;}
.osn-contact-li li strong{display: block;position: absolute;left:0 ;top: 50%;transform:translateY(-50%);text-align: left;font-weight: 400;}
.osn-contact-li li span{display: block;}
.osn-contact-li li span img {display: inline-block;max-width: 100px;width: auto;}
.osn-contact-li li h5 {margin: 0;}
.osn-contact-right {float: right;width: 51%;overflow: hidden;position: relative;/*height: 800px;*/}
.osn-contact-right .map {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 3;}
.BMap_pop,.anchorBL,.BMap_shadow {display: none!important;}





/* activity */
.osn-activity {padding:0;overflow: hidden;}
.osn-activity-content {overflow: hidden;width: 80%;margin: auto;}
.osn-activity-top {overflow: hidden;position: relative;padding: 5% 0 4% 0;}
.osn-activity-top::before {content: '';width: 1px;height: 100%;position: absolute;left: 50%;top: 0;}
.osn-activity-top::after  {content: '';width: 94%;height: 1px;position: absolute;left: 3%;bottom: 0;}
.osn-activity-top-item {float: left;width: 44%;overflow: hidden;padding:0 3%;}
.osn-activity-top-item .text{padding: 20px 0  0px 0;overflow: hidden;width: 80%;}
.osn-activity-top-item .title-2{font-weight: 800;padding: 10px 0 20px 0;}
.osn-activity-top-item a:hover .img .pic{transform:scale(1.05);} 
.osn-activity-content-list {padding: 1% 0 7% 0;overflow: hidden;position: relative;margin: auto;width: 94%;}
.osn-activity-content-list::before {content: '';width: 1px;height: 100%;position: absolute;left: 32.8%;top: 0;}
.osn-activity-content-list::after {content: '';width: 1px;height: 100%;position: absolute;right:32.8%;top: 0;}
.osn-activity-list {position: relative;column-count: 3;column-gap: 50px;}
.osn-activity-list-item {break-inside: avoid;box-sizing: border-box;padding: 40px 0 0px 0;}
.osn-activity-list-item .text{padding: 20px 0 30px 0;overflow: hidden;width: 100%;}
.osn-activity-list-item .title-2{font-weight: 800;padding: 10px 0 20px 0;}
.osn-activity-list-item a:hover  img{transform:scale(1.05);} 




/* search */
.osn-search {position: relative;overflow: hidden;}
.osn-search-top {position: relative;overflow: hidden;}
.osn-search-content {text-align: center;position: absolute;width: 100%;left: 0;bottom:0;z-index: 3;}
.osn-search-content .osn-right-content-search{width:35%;margin: auto;margin-bottom: 6%;}
.osn-search-content .osn-right-content-search .osn-right-search{}
.osn-search-content .osn-right-content-search .osn-right-search .search-submit{left: 20%;}
.osn-search-content .osn-right-content-search .osn-right-search .search-input{text-align: center;box-sizing: border-box;border-radius: 100px;background: #fff;border: 1px solid #f2f2f2;padding: 25px 30%;}
.osn-search-content .osn-right-content-search .osn-right-search .search-input:focus {border: 1px solid #d9a655;}
.osn-search-nav {text-align: center;overflow: hidden;position: relative;}
.osn-search-nav a{display: inline-block;vertical-align: bottom;margin: 0 20px;padding: 20px 0;overflow: hidden;position: relative;border-bottom: 3px solid transparent;}
.osn-search-nav a.cur {border-bottom: 3px solid #d9a557;}
.osn-search-bottom {padding:2% 0;overflow: hidden;width:100%;margin: auto;}
.osn-search-result-list {padding:2% 0 5% 0;overflow: hidden;position: relative;width: 75%;margin: auto;}
.osn-search-result {overflow: hidden;position: relative;width: 75%;margin: auto;}
.osn-search-result-customized-list {overflow: hidden;position: relative;width: 78%;margin:2% auto;}
.osn-search-result-customized-list::before {content: '';width: 1px;height: 100%;left: 50%;top: 0;position: absolute;background: #e5e5e5;}
.osn-customized-search-list-item {overflow: hidden;float: left;width: 46%;overflow: hidden;margin:0 2% 3% 2%;}
.osn-customized-search-list-item.mr0 {margin-right: 0;}
.osn-customized-search-list-item a{display: block;}
.osn-customized-search-list-text {padding: 2% 0;}
.osn-customized-search-list-text .data-1{padding-top: 5px;}
.osn-customized-search-list-text .title-2{padding: 15px 0 40px 0;font-weight: 700;}








/* color */
body,body a {color: #ddb077;/*background: black;*/}
.viewdetails i *,.osn-index-activity-list .viewdetail i *,.osn-livingspace-top .osn-path a i *,.livingspace-nav-type strong  *,.osn-news-detail .osn-path a i *  {fill: #ddb077!important;}
.osn-logo *,.osn-header-right i *,.osn-content-top-returntop i *,.osn-footer .osn-content-social a *,.osn-swiper-prev-style1 * ,.osn-swiper-next-style1 *,.viewdetail i *,.viewdetail i svg,.osn-path a i *{fill: #fff!important;}
.osn-footer-logo,.osn-footer-logo *,.viewdetails a:hover i *,.osn-index-activity-list a:hover .viewdetail  i *{fill: #d9a655!important;}
.osn-left-navs-title .icon-1 i *,.osn-activity-top-item .viewdetail i *,.osn-activity-list-item .viewdetail i *,.osn-customized-search-list-text .viewdetail i * {fill: #6a6868!important;}
.osn-header .osn-content::after,.osn-header-nav li a::after,.osn-index-banner-pagination .swiper-pagination-bullet::before,
.osn-index-process .process-item .text-5,.osn-left-navs,.osn-livingspace-banner,.osn-livingspace-banner-swiper .swiper-pagination span,.osn-news-content-list-item .text,.osn-news-detail-main{background: #fff;}
.osn-index-process .osn-content::after,.osn-right-nav li a::before,.osn-index-product-item .title-1::after,.viewdetails a::before,.osn-swiper-next-style1,.osn-index-activity-list .line-2::before,.osn-index-joining .osn-content-left .text-3::before,.osn-header-products-nav li a::before,.osn-header.hover a:hover::after,.osn-header li.cur a::after,.osn-select-type i::before,.osn-select-type.osn-select-type-2 li.cur i,.osn-page-trun a.prev:hover,.osn-page-trun a.next:hover,.osn-page-trun a.cur,.osn-product-detail-pic-swiper .play a,.osn-inspiration-swiper .osn-progressbar span.swiper-pagination-progressbar-fill,.osn-livingspace-banner-swiper .swiper-pagination .swiper-pagination-bullet-active,.osn-livingspace-bottom a.cur::after,.osn-index-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after,.osn-customized-right .osn-customized-li li strong::after,.osn-customized-list-text .title-1::after,.osn-text .title-1::after,.osn-honor-left .osn-honor-nav a span::after,.osn-news-content-list-item a:hover .text,.osn-news-detail-main .type-1 a,.osn-news-detail-main .line-4::before,.viewmore a:hover,.osn-index-process .process-item a:hover .num-1 i,.osn-product-detail-left-pic-swiper .swiper-slide-thumb-active .img::before,.osn-banner-nav a.cur span:before{background: #dfb980;}
.osn-footer,.osn-left-navs-item-title i::before,.osn-left-navs-item-title i::after  {background: #000000;}
.viewdetails a::after,.osn-swiper-prev-style1,.osn-reset-filter a::before   {background: #ddb077;}
.osn-index-process,.osn-index-process .process-item .dot-4 i,.osn-index-activity-list .osn-activity-center .text,.osn-page-trun a.prev,.osn-page-trun a.next {background: #f7f7f5;}
.osn-index-process .osn-content::before,.osn-Chooseus-swiper .swiper-slide::after,.swiper-pagination-chooseus span::before,.osn-Chooseus-swiper .swiper-slide::before,.osn-index-activity-list .line-2,.osn-header-products-nav li a::after,.osn-inspiration-swiper .osn-progressbar,.osn-brand-about-data li::before,.osn-news-detail-main .line-4,.osn-news-detail-main .pageturn-6 a.prev span::before,.osn-news-detail-main .pageturn-6 a.next span::after,.osn-activity-top::before,.osn-activity-content-list::before,.osn-activity-content-list::after,.osn-activity-top::after{background: #dededc;}
.osn-right-products-item .pic img.img-block {background: #f1f1f1;}
.osn-header-nav li a,.osn-header-right span,.osn-header-right a,.osn-index-banner-scroll span,.osn-index-banner .text,.viewmore span,.viewmore a:hover span,.osn-index-banner-pagination-num *,.osn-index-banner-pagination-num,.osn-footer,.osn-footer a,.osn-index-customized-item .title-1,.viewdetail span,.osn-banner .osn-title .title-2,.osn-path a span,.osn-path em,.osn-page-trun a.cur,.osn-page-trun a.cur:hover,.osn-product-title h1,.osn-banner-nav em,.osn-banner-nav a span,.osn-banner-nav a.cur:hover span,.osn-text,.osn-brand-content-swiper-right-pic .swiper-slide .text,.osn-news-content-list-item a:hover .title-1,.osn-news-detail-main .type-1 a,.osn-index-process .process-item a:hover i,.osn-news-content-list-item a:hover .title-1 strong{color: #fff;}
.osn-header-nav li a:hover::after,.viewmore a:hover,.osn-index-banner-pagination .swiper-pagination-bullet::after,
.osn-header-nav li a:hover,.osn-footer a:hover,.osn-right-nav a:hover,.viewdetails a:hover span,.swiper-page-control-num span:first-child,.osn-index-activity-list a:hover .viewdetail span,.osn-header-products-nav li a:hover strong,.osn-header-products-nav li a:hover em,.osn-header-products-nav li a:hover i,.livingspace-nav-item a:hover,.osn-select-type a:hover span,.osn-reset-filter a:hover,.osn-right-content-search .search-result strong,.osn-right-products-item a:hover .title-1 ,.osn-page-trun a:hover,.swiper-pagination-num span:first-child,.osn-livingspace-bottom a.cur,.osn-livingspace-item a:hover .title-1,.osn-banner-nav a:hover span,.osn-brand-content-swiper-left .osn-text .text-2 strong,.osn-brand-content-swiper-left .swiper-num span:first-child,.osn-honor-pic-swiper .swiper-slide .text .data-2 span:first-child,.osn-news-detail-main .pageturn-6 a:hover span,.osn-activity-top-item a:hover .title-2,.osn-activity-list-item a:hover .title-2,.osn-search-nav a.cur,.osn-search-nav a:hover,.osn-search-result strong,.osn-right-products-item .title-1 strong,.osn-customized-search-list-text .title-2 strong,.osn-news-content-list-item .title-1 strong,.osn-index-activity-list a:hover .title-2,.osn-index-activity-list a:hover .data-1,.osn-index-activity-list a:hover .text-3,.osn-activity-item a:hover .title-3,.osn-customized-list-item.list-item3 a:hover .title-1,.osn-banner-nav a.cur span,.osn-banner-nav a.cur:hover span{color: #d9a655;}
.osn-index-process .process-item .title-2,.osn-index-process .process-item .english-3,.osn-index-process .process-item .text-content,.osn-right-nav li.cur a,.osn-index-product-item .title-1,.osn-index-product-item .ennum-2,.viewdetails span,.osn-livingspace-top .osn-path a span,.osn-brand-content-item-right .osn-text,.osn-brand-content-swiper-left .osn-text ,.osn-news-detail .osn-path em{color: #ddb077;}
.osn-index-process .process-item .english-3,.osn-index-product-item .text-3,.osn-chooseus-item .text-3,.osn-index-activity-list .data-1,.osn-index-activity-list .text-3,.osn-select-type span,.osn-product-detail-right-text .item-4 span,.osn-product-detail-right-text .item-4 i,.osn-livingspace-top .osn-path em,.osn-news-detail .osn-path a span ,.osn-news-detail-main .date-3 span,.osn-activity-top-item .date-1,.osn-activity-list-item .date-1,.osn-customized-search-list-text .data-1{color: #d3af79;}
.osn-right-nav a::after, .osn-right-nav a,.swiper-page-control-num span,.swiper-page-control-num,.swiper-pagination-chooseus span,.osn-index-activity-list  .viewdetail span,.osn-header-products-nav li i,.osn-right-content-search .search-result,.osn-right-products-item .text-2,.osn-page-trun a,.swiper-pagination-num span,.osn-livingspace-item .text-2 ,.osn-brand-about-data span,.osn-brand-about-data p,.osn-activity-top-item .viewdetail span ,.osn-activity-list-item .viewdetail span,.osn-search-result,.osn-customized-search-list-text .viewdetail span{color: #999;}
.osn-header-right .telephone a {border: 1px solid #ddb077;}
.viewmore a:hover,.osn-content-top-returntop a:hover span,.osn-viewmore a:hover i,.osn-select-type a:hover i,.osn-select-type li.cur i,.osn-product-detail-pic-swiper .play a::before,.osn-product-detail-left-pic-swiper .swiper-slide-thumb-active .img,.swiper-button-next-other:hover i,.swiper-button-prev-other:hover i,.osn-customized-list-item.list-item1 a:hover .viewdetail i,.osn-index-process .process-item a:hover .num-1 i{border: 1px solid #d9a655;}
.osn-index-process .process-item .dot-4 i {border: 2px solid #d3d3d1;}
.osn-banner .osn-title .title-2 i  {border: 2px solid #dfba81;}
.osn-index-process .process-item.cur .dot-4 i,.osn-title .title-2 i,.osn-product-detail-right-text .title-3 i,.osn-text .title-1 i {border: 2px solid #d9a557;}
.osn-index-process .process-item .num-1 i{border: 1px solid #d1cfcc;color: #707070;}
.livingspace-nav-type strong,.osn-left-navs-title .icon-1 i,.osn-select-type i,.osn-product-detail-left-pic-swiper .img ,.osn-product-detail-pic-swiper,.swiper-button-next-other i,.swiper-button-prev-other i,.osn-customized-list-item.list-item1 .viewdetail i {border: 1px solid #ccc;}
.viewmore a {border: 1px solid rgba(255,255,255,.4);}
.osn-content-top-returntop span {border: 1px solid #494949;}	
.osn-news-detail-main .pageturn-6 {border-top: 2px solid #ddb077;}
.osn-index-Chooseus{border-top: 1px solid #e1bc8280;}
.osn-contact-li {border-top: 2px solid #d9a655;}
.osn-index-product .osn-content-top,.osn-index-customized .osn-content-top,.osn-right-content-search .osn-right-search .search-input {border-bottom: 1px solid #d1cfcc;}
.osn-index-process .process-item .text-5::before {border-bottom: 20px solid #fff;}
.osn-footer .osn-content-center,.osn-footer .osn-content-top {border-bottom: 1px solid #363636;}
.osn-right-content-search .osn-right-search .search-input:focus{border-bottom: 1px solid #d9a557;}
.osn-activity-item, .livingspace-nav-type,.osn-left-navs-title,.osn-left-navs-item,.osn-product-detail-right-text .title-1,.osn-product-detail-right-text .item-4 li,.osn-livingspace-bottom,.osn-customized-list-item.list-item3 .text-2,.osn-contact-li li,.osn-activity-list-item,.osn-search-top,.osn-customized-search-list-text{border-bottom: 1px solid #ddb077;}
.osn-index-process {border-bottom: 2px solid #ebd6b6;}
.osn-viewmore i,.swiper-pagination-chooseus span.swiper-pagination-bullet-active::after{border: 1px solid #d1cfcc;}
.osn-title .english-1 {background: linear-gradient(to bottom, #e3bd84 50%, #b38238 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-shadow: 6px 10.392px 10px rgba(132, 92, 32, 0.2);}
.osn-banner .osn-title .english-1 {background:none;-webkit-background-clip: unset;-webkit-text-fill-color: unset;color: #e0ba81;text-shadow: 6px 10.392px 10px rgba(255, 255, 255, 0.2);}





/* font-size */
.osn-header-nav,.osn-header-nav li  {font-size:0;}
.osn-footer .osn-content-hotline span,.osn-footer,.osn-footer a,.osn-content-linkurl-show a,.osn-index-process .process-item .english-3,.swiper-pagination-chooseus span,.osn-news-detail-main .type-1 a,.osn-activity-list-item .date-1{font-size: 12px;}
.osn-chooseus-item .text-3,.osn-path a span {font-size: 16px;}
.osn-index-banner-scroll span,.osn-index-process .process-item .num-1 i,.osn-index-process .process-item .text-content,.viewdetail span,.osn-viewmore.smallsize span,.osn-index-activity-list .text-3, .livingspace-nav-item a,.osn-select-type span,.osn-reset-filter a,.osn-right-content-search .search-result ,.osn-right-products-item .text-2 ,.osn-livingspace-item .text-2,.osn-customized-list-text .text-2,.osn-brand-about-data span,.osn-news-detail-main .date-3 span,.osn-news-detail-main .pageturn-6 a span,.osn-contact-li li span,.osn-search-result {font-size: 17px;}
.osn-header-nav li a,.osn-header-right span,.osn-content-nav a,.osn-content-linkurl a {font-size: 15px;color: #ddb077;}
.osn-index-banner .text .text-2,.viewmore span,.osn-index-process .process-item .title-2,.osn-index-product-item .ennum-2,.osn-index-product-item .text-3,.osn-activity-item .title-3,.osn-page-trun a,.osn-brand-about-data p,.osn-contact-li li strong,.osn-contact-li li h5,.osn-activity-top-item .date-1,.osn-customized-search-list-text .data-1 {font-size: 15px;width: 50px;margin-top: -3px;}
.osn-header-right .telephone span,.osn-right-nav li a,.osn-right-nav a::after,.viewdetails span,.osn-index-customized-item .title-1,.osn-header-products-nav li i,.livingspace-nav-type span i,.osn-left-navs-title .title-2 .title-en,.osn-right-products-item .title-1,.osn-livingspace-item .title-1,.osn-customized-right .osn-customized-li li strong,.osn-banner-nav a span,.osn-brand-content-swiper-right-pic .swiper-slide .text,.osn-honor-pic-swiper .swiper-slide .text .data-2,.osn-news-content-list-item .title-1,.osn-activity-list-item .title-2{font-size: 18px;color: #ddb077;}
.swiper-page-control-num span,.osn-chooseus-item .title-2 i,.osn-chooseus-item .title-2 strong,.osn-index-activity-list .title-2,.osn-header-products-nav li em,.livingspace-nav-type span em,.osn-left-navs-item-title strong,.osn-right-content-search .osn-right-search .search-input,.osn-product-detail-right-text .title-3 strong,.swiper-pagination-num span,.osn-livingspace-bottom a,.osn-brand-content-swiper-left .swiper-num span ,.osn-honor-left .osn-honor-nav a span,.osn-honor-pic-swiper .swiper-slide .text .title-1,.osn-contact-li li a,.osn-activity-top-item .title-2,.osn-search-nav a,.osn-customized-search-list-text .title-2 {font-size: 20px;}
.osn-viewmore span {font-size: 21px;}
.osn-index-joining .osn-content-left .text-3,.osn-left-navs-title .title-2 .title-cn  {font-size: 22px;}
.osn-index-banner-pagination-num strong{font-size: 26px;}
.osn-footer .osn-content-hotline h3,.osn-index-product-item .title-1,.osn-customized-list-text .title-1{font-size: 30px;}
.osn-title .title-2 h3,.osn-brand-content-left .title-1 strong,.osn-text .title-1,.osn-news-detail-main .title-2 h1{font-size: 36px;color: #e1bb82;}
.osn-product-detail-right-text .title-1,.osn-brand-about-data strong {font-size: 40px;}
.osn-header-products-nav li strong {font-size: 46px;}
.osn-product-title h1 {font-size: 50px;}
.osn-title .english-1 {font-size: 50px;}
.osn-banner .osn-title .english-1 {font-size: 80px;}
.osn-index-banner .text .title-1  {font-size: 90px;}





/* fonts */
.osn-header-right span,.osn-index-process .process-item .num-1 i,.osn-index-product-item .ennum-2,.swiper-page-control-num span,.osn-chooseus-item .title-2 i,.osn-index-activity-list .data-1,.swiper-pagination-num span,.osn-honor-pic-swiper .swiper-slide .text .data-2,.osn-activity-top-item .date-1,.osn-activity-list-item .date-1 ,.osn-customized-search-list-text .data-1{font-family: 'timesi';}
.osn-index-banner-pagination-num ,.osn-index-banner-pagination-num *,.osn-footer .osn-content-hotline h3,.osn-brand-content-swiper-left .swiper-num span{font-family:'timesbi';}
.osn-index-banner-scroll span,.viewmore span,.osn-index-process .process-item .english-3,.osn-right-nav a::after,.viewdetail span,.osn-viewmore span,.osn-header-products-nav li i, .livingspace-nav-type span i,.osn-left-navs-title .title-2 .title-en,.swiper-button-next-other span,.swiper-button-prev-other span {font-family: 'Cormorant-Italic';}
.osn-title .english-1 {font-family: 'Oswald-Light';}
.osn-customized-right .osn-customized-li li strong,.osn-contact-li li *,.osn-brand-content-swiper-left .osn-text .text-2 {font-family:'timesbi',PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}
.osn-brand-about-data strong ,.osn-honor-pic-swiper .img .year-3 {font-family: 'timesbi';}
.osn-footer .osn-content-copy span,.osn-footer .osn-content-copy a,.osn-footer .osn-bottom-right a{font-family: 'timesi',PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;;}
.osn-index-banner-pagination-num strong,.osn-index-banner-pagination-num span,.viewdetails span{font-family: 'timesi';font-weight: normal;}



@font-face {
	font-family: 'Oswald-Light';
	src: url('https://www.oceano.cn/static/css/fonts/Oswald-Light.eot');
	src: local('☺'), url('../font/Oswald-Light.woff') format('woff'), url('../font/Oswald-Light.ttf') format('truetype'), url('https://www.oceano.cn/static/fonts/Oswald-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cormorant-Italic';
	src: url('../font/Cormorant-Italic.eot');
	src: local('☺'), url('../font/Cormorant-Italic.woff') format('woff'), url('../font/Cormorant-Italic.ttf') format('truetype'), url('https://www.oceano.cn/static/fonts/Cormorant-Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cormorant-BoldItalic';
	src: url('../font/Cormorant-BoldItalic.eot');
	src: local('☺'), url('../font/Cormorant-BoldItalic.woff') format('woff'), url('../font/Cormorant-BoldItalic.ttf') format('truetype'), url('https://www.oceano.cn/static/fonts/Cormorant-BoldItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'timesi';
	src: url('../font/timesi.eot');
	src: local('☺'), url('../font/timesi.woff') format('woff'), url('../font/timesi.ttf') format('truetype'), url('https://www.oceano.cn/static/fonts/timesi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'timesbi';
	src: url('../font/timesi.eot');
	src: local('☺'), url('../font/timesbi.woff') format('woff'), url('../font/timesbi.ttf') format('truetype'), url('https://www.oceano.cn/static/fonts/timesbi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* other */
.osn-index-customized-item .title-1,.osn-title .english-1, .viewdetails span,.osn-news-detail-main .pageturn-6 a span,.osn-right-products-item .title-1,.osn-right-products-item .text-2,.osn-customized-list-text .title-1,.osn-customized-search-list-text .title-2,.osn-index-process .process-item .english-3,.osn-oproducts-swiper .name-3,.osn-honor-text-swiper .swiper-slide span {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.osn-activity-item .title-3,.osn-index-activity-list .title-2,.osn-customized-list-item.list-item3 .osn-customized-list-text .text-2,.osn-news-content-list-item .title-1{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.osn-index-activity-list .text-3,.osn-index-product-item .text-3 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;color: #dcaf76;}


.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("https://www.oceano.cn/static/images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;background: url(/skin/images/xxx.png) center no-repeat #fff; transition-duration: 0.5s;}
.closed:hover {opacity: 0.5;}




/* animation */
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}
@keyframes bigimgani{0%{transform:scale(1.05);} 100%{transform:scale(1);}}
@keyframes updown1{0%{top:25px;} 50%{top:35px;}100%{top:25px;}}
@keyframes rightdong1{0%{right:0px;} 50%{right:2%;}100%{right:0;}}
@keyframes leftdong1{0%{left: -40px;} 50%{left: -30px;}100%{left: -40px;}}
@keyframes bgimgain{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
@keyframes leftdong2{0%{left: -30px;} 50%{left: -40px;}100%{left: -30px;}}
@keyframes leftdong3{0%{left: 20px;} 50%{left: 10px;}100%{left: 20px;}}
@keyframes leftdong4{0%{left: -25px;} 50%{left: -35px}100%{left: -25px;}}



@media screen and (max-width: 5120px) {
	
}
@media screen and (max-width: 3840px) {
		
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {
	
}
@media screen and (max-width: 1680px) {
	
}
@media screen and (max-width: 1600px) {		
	.osn-header-products-nav {padding: 40px 4% 80px 4%;margin-top: 100px;}
	.osn-header-products-nav li {padding: 0 20px 0 0;}
	.osn-header-products-nav li a {padding: 10px 0;}
	.osn-header-livingspace-nav .livingspace-nav {width: 30%;}
	.osn-header-livingspace-nav {padding: 40px 4% 50px 4%;}
	.osn-index-process .osn-content::before {width: 88%;left: 6%;}
	.osn-index-process .osn-content::after {left: 6%;}
	.osn-index-process .osn-content.w10::after {width:11%;}
	.osn-index-process .osn-content.w20::after {width:22%;}
	.osn-index-process .osn-content.w30::after {width:33%;}
	.osn-index-process .osn-content.w40::after {width:44%;}
	.osn-index-process .osn-content.w50::after {width:55%;}
	.osn-index-process .osn-content.w60::after {width:66%;}
	.osn-index-process .osn-content.w70::after {width:77%;}
	.osn-index-process .osn-content.w80::after {width:88%;}
	.osn-index-process .osn-content.w90::after {width:99%;}
	.osn-index-process .process-item .text-5{width:280px;top:150px;margin-left: -150px;}
	.osn-index-product .osn-content,.osn-index-customized .osn-content,.osn-index-Chooseus .osn-content,.osn-index-activity .osn-content,
	.osn-index-joining .osn-content,.osn-footer .osn-content,.osn-customized-list .osn-content,.osn-news-content {width: 86%;}
	.osn-control .page-control {width: 50%;}
	.osn-index-product-item .text {padding:0px 0 20px 0;}
	.viewmore a {width: 160px;height: 50px;line-height: 50px;}
	.osn-select-type li {padding: 0 0 5px 0;}
	.osn-product-detail-right-text .title-1 {padding: 0px 0 20px 0;}
	.osn-product-detail-right-text .text-2 {padding-top: 20px;}
	.osn-product-detail-right-text .item-4 li {	padding: 18px 0;}
	.osn-other-product {width: 100%;}
	.swiper-button-next-other, .swiper-button-prev-other {margin-top: -50px;}
	.livingspace-nav-type {padding:10px 0;}
	.livingspace-nav-item {margin-top: 10px;}
	.livingspace-nav-item a {margin-right: 10px;margin-bottom: 10px;}
	.osn-livingspace-banner {margin-bottom:30px;}
	.osn-livingspace-bottom a {padding: 0px 0px 30px 0px;}
	.osn-livingspace-list .osn-content {width: 88%;}
	.osn-customized-right {width: 30%;margin:1% 0 0 5%;}
	.osn-customized-item.fr .osn-customized-right {margin:1% 5% 0 0;}
	.osn-customized-right .osn-customized-li {padding:6% 0 1% 0;}
	.osn-news-detail-main {padding: 5% 5% 1% 5%;width:70%;}
	.osn-brand-content-top {width: 74%;padding: 10% 0;}
	.osn-brand-content-bottom {width: 74%;margin-top: 0px;}
	.osn-brand-content {background: url(/skin/images/cpbj.jpg) center top no-repeat;background-size:100%;}
	.osn-honor-text {width: 25%;}
	.osn-honor-pic {width: 70%;padding-bottom:0;margin-top: 10%;}
	.osn-honor-pic-swiper .img {width: 80%;margin: auto;}
	.osn-honor-content,.osn-activity-content {width: 90%;}
	.osn-contact-left {width: 32%;padding-left:7%;padding-top: 1%;}
	.osn-contact-li li {padding: 20px 0;}
	.osn-contact-right {width: 55%;}

	.osn-header-nav li a,.osn-header-right span,.osn-content-nav a,.osn-content-linkurl a,.osn-header-right a {font-size: 13px;}.osn-index-banner .text .text-2,.viewmore span,.osn-index-process .process-item .title-2,.osn-index-product-item .ennum-2,.osn-index-product-item .text-3,.osn-activity-item .title-3,.osn-page-trun a,.osn-brand-about-data p,.osn-contact-li li strong,.osn-contact-li li h5,.osn-activity-top-item .date-1,.osn-customized-search-list-text .data-1 {font-size: 14px;}.osn-header-right .telephone span,.osn-right-nav li a,.osn-right-nav a::after,.viewdetails span,.osn-index-customized-item .title-1,.osn-header-products-nav li i,.livingspace-nav-type span i,.osn-left-navs-title .title-2 .title-en,.osn-right-products-item .title-1,.osn-livingspace-item .title-1,.osn-customized-right .osn-customized-li li strong,.osn-banner-nav a span,.osn-brand-content-swiper-right-pic .swiper-slide .text,.osn-honor-pic-swiper .swiper-slide .text .data-2,.osn-news-content-list-item .title-1,.osn-activity-list-item .title-2{font-size: 13px;}.swiper-page-control-num span,.osn-chooseus-item .title-2 i,.osn-chooseus-item .title-2 strong,.osn-index-activity-list .title-2,.osn-header-products-nav li em,.livingspace-nav-type span em,.osn-left-navs-item-title strong,.osn-right-content-search .osn-right-search .search-input,.osn-product-detail-right-text .title-3 strong,.swiper-pagination-num span,.osn-livingspace-bottom a,.osn-brand-content-swiper-left .swiper-num span ,.osn-honor-left .osn-honor-nav a span,.osn-honor-pic-swiper .swiper-slide .text .title-1,.osn-contact-li li a,.osn-activity-top-item .title-2,.osn-search-nav a,.osn-customized-search-list-text .title-2 {font-size: 16px;}.osn-viewmore span {font-size: 18px;}.osn-index-joining .osn-content-left .text-3,.osn-left-navs-title .title-2 .title-cn  {font-size: 18px;}.osn-index-banner-pagination-num strong{font-size: 18px;}.osn-footer .osn-content-hotline h3,.osn-index-product-item .title-1,.osn-customized-list-text .title-1{font-size: 18px;}.osn-title .title-2 h3,.osn-brand-content-left .title-1 strong,.osn-text .title-1,.osn-news-detail-main .title-2 h1{font-size: 26px;}.osn-product-detail-right-text .title-1,.osn-brand-about-data strong {font-size: 30px;}.osn-header-products-nav li strong {font-size: 46px;}.osn-product-title h1 {font-size: 40px;}.osn-title .english-1 {font-size: 50px;}.osn-banner .osn-title .english-1 {font-size: 60px;}.osn-index-banner .text .title-1  {font-size: 70px;}.osn-index-process .process-item .text-content {font-size: 12px;line-height: 22px;}.osn-right-content-search .osn-right-search .search-input::placeholder {font-size: 16px;}.osn-index-banner-scroll span, .osn-index-process .process-item .num-1 i, .osn-index-process .process-item .text-content, .viewdetail span, .osn-viewmore.smallsize span, .osn-index-activity-list .text-3, .livingspace-nav-item a, .osn-select-type span, .osn-reset-filter a, .osn-right-content-search .search-result, .osn-right-products-item .text-2, .osn-livingspace-item .text-2, .osn-customized-list-text .text-2, .osn-brand-about-data span, .osn-news-detail-main .date-3 span, .osn-news-detail-main .pageturn-6 a span, .osn-contact-li li span, .osn-search-result {font-size: 12px;}
	.osn-product-detail-right-text .text-2 {font-size: 14px;line-height: 24px;}.osn-product-detail-right-text .item-4 strong,.osn-product-detail-right-text .item-4 li,.osn-honor-text-swiper .swiper-slide span{font-size: 14px;}.osn-text .text-2 {line-height: 26px;font-size: 14px;}

	
}
@media screen and (max-width: 1500px) {	
	#language.osn-header-nav-show-content {right: 12%;}
	.osn-livingspace-detail .osn-product-detail-right {width: 33%;}
	.osn-livingspace-detail .osn-product-detail-right-text .item-4 li {padding: 15px 0;}
	.osn-livingspace-detail .osn-product-detail-right-text .item-4 {margin-top: 0px;}
	.osn-oproducts-swiper .name-3 {padding-top: 10px;font-size: 14px;}
	.osn-livingspace-detail .osn-product-detail-right-text .title-3 {margin-top:20px;}
}
@media screen and (max-width: 1440px) {
	
}
@media screen and (max-width: 1366px) {
	.osn-index-banner .text .title-1 {font-size: 60px;}
	.osn-header-right .telephone span {font-size: 12px;}
	.osn-header .osn-content {height:70px;}
	.osn-header-products-nav {padding:30px 5% 60px 5%;margin-top:60px;}
	.osn-header-livingspace-nav {padding:30px 5% 60px 5%;margin-top:60px;}
	.osn-header-search {padding: 40px 0;margin-top: 70px;}
	.osn-header-products-nav li strong {font-size: 36px;}
	.osn-header-products-nav li span em {font-size: 14px;}
	.osn-index-activity-list .text-3, .osn-index-product-item .text-3  {font-size: 13px;line-height: 24px;}
	.viewdetails {width: 40%;}
	.osn-control .page-control {width: 60%;}
	.osn-index-product-item .ennum-2 {padding-bottom:20px;}
	.osn-index-activity-list .title-2,.osn-activity-item .title-3 {line-height: 24px;}
	.osn-index-activity-list .data-1 {padding: 0px 0 10px 0;}
	.osn-path {top: 70px;}
	.osn-inspiration-swiper img {max-height: 400px;}
	.osn-other-product-swiper {width: 75%;}
	.osn-livingspace-top {margin-top: 70px;}
	.osn-customized-right .osn-customized-li li strong {padding: 5px 0;}
	.osn-about-text {width: 45%;margin-left: 10%;line-height: 26px;font-size: 14px;}
	.osn-honor-pic-swiper .swiper-slide .text {bottom: -130px;}
	.osn-honor-pic {padding-bottom: 5%;}
	.osn-honor-right {padding: 0 0 5% 10%;}
	.osn-banner-nav em {margin: -5px 20px 0 20px;}
	#language.osn-header-nav-show-content {right: 13%;}
}
@media screen and (max-width: 1280px) {
	.osn-product-detail-right-text .title-1, .osn-brand-about-data strong {font-size: 24px;padding: 0px 0 10px 0;}
	.osn-livingspace-detail .osn-product-detail-right-text .parameter-3 {margin-top: 0px;}
	.osn-product-detail-right-text .item-4 strong,.osn-product-detail-right-text .item-4 span {font-size: 12px;}
	.osn-product-detail-right-text .title-3 strong {font-size: 14px;}
}
@media screen and (max-width: 1152px) {
    .osn-index-banner .text .title-1 {font-size: 40px;}
    .osn-index-banner .text-2 {max-width: 50%;line-height:24px}
    .osn-swiper-prev-style1, .osn-swiper-next-style1 {width:40px;}
    .viewdetails span  {font-size:12px;}
    .osn-swiper-prev-style1 {margin-right: 10px;}
    .osn-swiper-next-style1  {margin-left: 10px;}
    .osn-right-nav a {font-size:14px;padding-right: 25px;}
    .osn-right-nav a::after { padding: 0 7px;}
    .osn-footer .osn-content-nav a {margin-right: 10px;}
    .osn-product-detail-right-text .item-4 li {width:100%;}
    .osn-livingspace-item {margin: 2% 1%;}
    .osn-livingspace-banner-left,.osn-livingspace-banner-right {width: 100%;}
    .osn-livingspace-banner-nav {padding: 5%;}
    .osn-contact-left {width: 38%;padding-left: 3%;}
    .osn-contact-li li:first-child strong {position: relative;}
    .osn-contact-li li:first-child  {text-align:left;}
    .osn-contact-li li {padding: 10px 0;}
}
@media screen and (max-width: 1024px) {
    .osn-header-nav li {padding-right: 10px;font-size:12px;}
    
}
@media screen and (max-width: 840px) {
	.pcshow,.osn-path,.swiper-button-next-other, .swiper-button-prev-other,.osn-news-detail-main .pageturn-6 a span ,.osn-honor-right::before{display: none!important;}
	.mbshow {display: block!important;}
	.osn-header .osn-content {height: 50px;}
	.osn-header-left,.osn-header-right .merchants,.osn-header-right .telephone,.osn-header-right,.osn-Chooseus-swiper .swiper-slide::before,.osn-content-linkurl {display: none;}
	.menu-toggle {display: block;}
	.osn-logo {left: -60px;margin: -10px 0 0 0px;width: 170px;height: 20px;}
	.osn-header.scroll-down .menu-toggle span.hamburger,.osn-header.scroll-down .menu-toggle span.hamburger:after,.osn-header.scroll-down .menu-toggle span.hamburger:before,
	.osn-header.scroll-top .menu-toggle span.hamburger,.osn-header.scroll-top .menu-toggle span.hamburger:after,.osn-header.scroll-top .menu-toggle span.hamburger:before,
	.osn-header.hover .menu-toggle span.hamburger,.osn-header.hover .menu-toggle span.hamburger:after,.osn-header.hover .menu-toggle span.hamburger:before ,.detail .osn-header.cur  .menu-toggle span.hamburger,.detail .osn-header.cur  .menu-toggle span.hamburger:after,.detail .osn-header.cur  .menu-toggle span.hamburger:before,.search .osn-header.cur  .menu-toggle span.hamburger,.search .osn-header.cur  .menu-toggle span.hamburger:after,.search .osn-header.cur  .menu-toggle span.hamburger:before,.osn-header.cur  .menu-toggle span.hamburger,.osn-header.cur  .menu-toggle span.hamburger:after,.osn-header.cur  .menu-toggle span.hamburger:before{background: #d5aa73;}
	.no-touch .osn-header {background: #000;}
	.no-touch .osn-logo * {fill: #d9a655!important;}
	.osn-index-banner .text .title-1 {font-size: 30px;}
	.osn-index-banner .text-2 {max-width: 100%;}
	.viewmore,.osn-index-activity-list .osn-activity-center,.osn-index-activity-list .osn-activity-right {margin-top: 20px;}
	.osn-index-banner-pagination-right {bottom: 1%;}
	.osn-index-banner .osn-index-banner-container.center .viewmore {margin: 20px auto auto auto;}
	.osn-index-product,.osn-index-customized,.osn-index-Chooseus,.osn-index-activity,
	.osn-product-detail-inspiration,.osn-product-detail-main,.osn-product-detail-other {padding:15% 0;}
	.osn-right-nav {width: 100%;position: relative;right: auto;bottom: auto;text-align: left;margin-top: 40px;}
	.osn-right-nav li,.osn-index-customized-item,.osn-index-activity-list .osn-activity-center {margin-bottom: 10px;}
	.osn-right-nav a {padding-bottom: 10px;padding-right: 25px;}
	.osn-right-nav a::after {padding: 0 5px;}
	.osn-index-product .osn-content-top {padding-bottom: 10px;}
	.osn-content-product-swiper,.osn-content-customized,.osn-viewmore,.swiper-pagination-chooseus,.osn-product-detail-right-text {margin-top: 30px;}
	.osn-index-product-item .left ,.osn-index-product-item .right,.osn-index-customized-item.c-item1,.osn-index-customized-item.c-item2,.osn-index-customized-item.c-item3,.osn-index-customized-item.c-item4,.osn-index-Chooseus .osn-content-left,.osn-index-Chooseus .osn-content-right,.osn-index-activity-list .osn-activity-left,.osn-index-activity-list .osn-activity-center,.osn-index-activity-list .osn-activity-right,.osn-index-joining .osn-content-right,.osn-footer .osn-content-nav,.osn-footer .osn-content-social,.osn-index-process-swiper,.osn-right-content,.osn-product-detail-pic-swiper,.osn-product-detail-left,.osn-product-detail-right,.osn-product-detail-right-text .item-4 li,.osn-product-detail-main-pic,.osn-livingspace-banner-left,.osn-livingspace-banner-right,.osn-customized-left,.osn-customized-right,.osn-customized-list-left,.osn-customized-list-right,.osn-brand-about .osn-title,.osn-brand-content-left,.osn-brand-content-item-left,.osn-brand-content-left .img,.osn-honor-left,.osn-honor-right,.osn-honor-pic,.osn-news-content-top .osn-title,.osn-news-content-top .osn-right-content-search,.osn-news-content-list-item,.osn-contact-right{width: 100%;}
	.osn-index-product-item .right,.osn-index-Chooseus .osn-content-right {padding-left: 0;padding-top: 30px;}
	.osn-swiper-prev-style1, .osn-swiper-next-style1 {width:35px;height:35px;}
	.swiper-page-control-num span {line-height: 35px;}
	.osn-control .page-control  {width: 50%;}
	.viewdetails {width: 45%;}
	.viewdetails a,.osn-index-customized .osn-content-top {padding-bottom: 10px;}
	.osn-index-customized-item.c-item1,.osn-index-customized-item.c-item2,.osn-index-customized-item.c-item3,.osn-index-customized-item.c-item4 {position: relative;left: auto;top: auto;right: auto;bottom: auto;}
	.osn-viewmore i {width:50px;height: 50px;margin-top: -25px;}
	.osn-index-Chooseus .osn-content-right,.osn-index-activity-list .osn-activity-center {margin-left: 0;}
	.osn-chooseus-item {padding:0;}
	.swiper-pagination-chooseus span {width: 32px;height: 32px;line-height: 32px;margin-right: 0;}
	.swiper-pagination-chooseus span::after {width: 30px;height: 30px;margin: -16px 0 0 -16px;}
	.osn-index-activity .osn-content-top .osn-viewmore.smallsize {top:0;margin-top: 0px;}
	.osn-index-activity-list .data-1,.osn-brand-about-data p {font-size: 12px;}
	.osn-index-joining .osn-content-left {position: relative;left:auto;top: auto;width: 100%;}
	.osn-index-joining {padding: 10px 0 15% 0;}
	.osn-footer-logo {width: 180px;}
	.osn-footer .osn-content-nav {float: none;}
	.osn-footer .osn-content-nav a {float: none;margin-right: 0px;display: block;padding: 10px 0;border-bottom: 1px solid #333;}
	.osn-footer .osn-content-social {text-align: left;float: none;margin-top: 30px;}
	.osn-footer .osn-content-social a,.osn-product-detail-right-text .item-4 li {margin-left: 0;margin-right: 10px;}
	.osn-footer .osn-content-hotline {position: relative;right: auto;bottom: auto;text-align: left;margin-top: 30px;}
	.osn-index-process .process-item .text-5 {width: 100%;top: 0px;margin-left: 0px;margin-top: 20px;display: block;z-index: 1;position: relative;left: auto;top: auto;height: auto;}
	.osn-index-process .process-item {display: block;overflow: hidden;}
	.osn-index-process .process-item a,.osn-index-process-swiper {overflow: hidden;}
	.osn-index-process .process-item .dot-4 {top: 60px;}
	.osn-index-process .process-item .text-5::before {margin-left: -20px;}
	.osn-index-process .osn-content::before {top: 22.5%;}
	.osn-index-process .process-item a:hover .text-5 {display: block;top:auto;height: auto;z-index: 10;}
	.osn-banner .osn-title .english-1,.osn-title .english-1 {font-size: 40px;}
	.osn-left-navs {float: none;width: 100%;position: relative;left: auto;top: auto;min-height: auto;}
	.osn-right-products-item {float: none;width: 100%;margin: 0 0 4% 0;}
	.osn-page-trun a.prev, .osn-page-trun a.next {width: 40px;height: 40px;line-height: 40px;margin: 0 3px;}
	.osn-left-navs-title,.osn-left-navs-content {padding: 5%;}
	.osn-left-navs-content {padding:0 5%;}
	.osn-product-title h1 {font-size: 30px;width: 90%;margin: auto;}
	.osn-product-detail-left-pic {display: none;}
	.osn-inspiration-swiper img {max-height: 200px;}
	.osn-inspiration-swiper .osn-progressbar {width: 60%;}
	.osn-livingspace-top {margin-top: 50px;}
	.osn-livingspace-item {width: 100%;margin: 2% 0;}
	.osn-product-title {z-index: 10;}
	.osn-customized-item.fr .osn-customized-right{float: left;margin: 3% 0 0 5%;}
	.osn-banner-nav em {margin: -5px 10px 0 10px;}
	.osn-banner-nav a span{font-size: 14px;}
	.osn-customized-list-text {padding: 5%;}
	.osn-customized-list-text .text-2 {line-height: 24px;}
	.osn-customized-list-item.list-item3 {width: 100%;margin-right:0;margin-bottom: 3%;}
	.osn-news-detail-main {padding:10% 5%;width: 90%;}
	.osn-news-detail {padding: 30px 0 0px 0;}
	.osn-news-detail-main .detail-5 {line-height:24px;font-size: 14px;}
	.osn-brand-about {margin: auto;width:90%;float: none;padding:15% 0;}
	.osn-about-text {width: 100%;margin-left: 0%;padding-top: 30px;}
	.osn-about-video .about-play {width:40px;height:40px;margin: -20px 0 0 -20px;background: url(/skin/images/play1.png);background-size:100%;}
	.osn-brand-about-data li {padding: 0 3%;width: 26%;margin-bottom: 20px;}
	.osn-brand-about-data strong, .osn-honor-pic-swiper .img .year-3 {font-size: 20px;}
	.osn-brand-about-data p {padding-top: 0px;}
	.osn-brand-about-data li:nth-child(4)::before,.osn-honor-text,.osn-activity-top::before,.osn-activity-top::after,.osn-activity-content-list::before,.osn-activity-content-list::after,.osn-search-result-customized-list::before {display: none;}
	.osn-brand-about-data li:nth-child(4) {padding: 0 5% 0 0}
	.osn-text {width: 100%;padding-left: 0;margin-top: 15%;}
	.osn-text .title-1 strong,.osn-text .text-2 {color: #e1bb82;}
	.osn-brand-content-right {width: 100%;margin-top: 10%;overflow: hidden;}
	.osn-brand-content-item-right {width: 100%;position: relative;right:auto;bottom: auto;padding-top: 30px;overflow: hidden;}
	.osn-brand-content-swiper-left {width:100%;margin-top: 3%;}
	.osn-brand-content-swiper,.osn-brand-content-top,.osn-brand-content-bottom,.osn-index-product .osn-content, .osn-index-customized .osn-content, .osn-index-Chooseus .osn-content, .osn-index-activity .osn-content, .osn-index-joining .osn-content, .osn-footer .osn-content, .osn-customized-list .osn-content, .osn-news-content {width: 90%;}
	.osn-brand-content-swiper-right{width: 100%;margin: 40px 0;}
	.osn-brand-content-swiper {float: none;margin: auto;}
	.osn-honor-right {padding: 10% 0;}
	.osn-honor-left .osn-honor-nav a {display: inline-block;margin-right: 30px;}
	.osn-honor-left .osn-honor-nav {margin-top: 20px;}
	.osn-honor-pic {padding-bottom: 35%;}
	.osn-honor-pic-pingtai {margin-top: -20px;}
	.osn-contact-left {width: 90%;padding-left: 5%;padding-top: 5%;}
	.osn-contact-li li:first-child  {text-align: left;}
	.osn-contact-li li:first-child strong {position: relative;left: auto;right: auto;top: auto;}
	.mobile-nav {z-index: 90;}
	.osn-activity-top-item {float: none;width:100%;padding:3%;}
	.osn-activity-list {column-count: 1;column-gap: 0px;}
	.osn-search .osn-search-top .img .img-block {max-width:250%;width: 250%;}
	.osn-search-content .osn-right-content-search,.osn-search-result,.osn-search-result-list,.osn-search-result-customized-list {width: 90%;}
	.osn-search-content .osn-right-content-search .osn-right-search .search-input {padding: 15px 35px;}
	.osn-search-nav a {margin: 0 10px;}
	.osn-search-bottom {overflow: hidden;padding: 15% 0;}
	.osn-customized-search-list-item {width:100%;margin: 0 0 3% 0;}
	.osn-select-type li {display: inline-block;margin-right: 10px;}
	.osn-left-navs.cur{position: relative;top:auto;left:auto;overflow: hidden;}
	.osn-right-content-search .osn-right-search .search-submit {left: auto;right: 0;}
	.menu-toggle {position: absolute;}
	.osn-right-livingspace-list .osn-livingspace-item {float: none;width: 100%;margin-right: 0;margin-bottom: 4%;}
	.osn-livingspace-detail .osn-product-detail-pic-swiper,.osn-livingspace-detail .osn-product-detail-left,.osn-livingspace-detail .osn-product-detail-right {width: 100%;}
	.osn-product-detail-right-text {padding-bottom: 50px;}
	.osn-search-nav a {margin: 0 5px;font-size:14px}

}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}


@media only screen and (max-height : 650px)  {
		
	
}

/*仅IE6和IE7识别*/
@media screen\9 {  }  

/*仅IE6和IE7、IE8识别*/
@media \0screen\,screen\9 {  } 

/*仅IE8识别*/
@media \0screen {  } 

/*仅IE8-10识别*/
@media screen\0 {  }  

/*仅IE9和IE10识别*/
@media screen and (min-width:0\0) {  }  

/*仅IE10/11识别*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 

} 





.osn-header-right .merchants a {color: #ddb077;}



@media screen and (max-width: 840px){
.osn-logo img {
     
    width: 170px;
     
}
}


@media screen and (max-width:870px){
.osn-footer .osn-content-nav a {
     
    margin-left: 0px;
}
}



.osn-honor-pic-swiper .swiper-slide .text .title-1 a{
    font-weight: 800;
    padding: 10px 0;
}


.osn-footer .osn-content-hotline span{

color: #ddb077;

}

.osn-footer .osn-content-hotline h3{

color: #ddb077;

}


.osn-footer .osn-content-copy a{

color: #ddb077;

}


.osn-footer .osn-content-copy span{

color: #ddb077;

}