.homepage {
    width: 100%;
    position: relative;
    margin-top: -10px;
}
.slider {

    height: 340px;
    max-height: 340px;
    overflow: hidden;
    position: relative;
    width: 950px; 
    margin: 0 auto;
    z-index: 100;
}
#exampleGallery {
    max-width: 1920px;
    height: 685px;
    max-height: 685px;
}
.underSlider {
    background: url(/tpl/img/bg/us.jpg) top center no-repeat;
    width: 100%;
    height: 496px;
    position: relative;
}
.btns {
    width: 950px;
    height: 314px;
    position: relative;
    left: 0px;
    right: 0px;
    margin: auto;
    cursor: pointer;
    background: url(/tpl/img/bg/home-bg.png) top center no-repeat;
}
.underSlideren .btns {
    background: url(/tpl/img/bg/home-en.png) top center no-repeat;
}
.btns .sns {
    width: 228px;
    height: 167px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.btns .vis {
    width: 228px;
    height: 228px;
    position: absolute;
    left: 290px;
    top: 0px;
}
.btns .hit {
    width: 228px;
    height: 167px;
    position: absolute;
    left: 456px;
    top: 0px;
}
.btns .eleg {
    width: 228px;
    height: 167px;
    position: absolute;
    left: 672px;
    top: 0px;
}
.tech {
    width: 446px;
    height: 80px;
    position: absolute;
    left: 0px;
    top: 242px;
}
.catt {
    width: 446px;
    height: 80px;
    position: absolute;
    left: 452px;
    top: 242px;
}

#home-content {
    width: 894px; margin: 0 auto; margin-top: 24px;
}

#home-content h1 {
    color: #009e3d;
    font-size: 34px; font-weight: medium;
}

.similar-models {
    color: #231f20;
    font-size: 22px;
    float: left;
    font-weight: normal;
}

.all-discount {
    color: #8E8E8E; font-size: 14px; display: block; width: 186px; float: right; 
}
.all-discount span { color:#8E8E8E; }


.all-top {
    color: #8E8E8E; font-size: 14px; display: block; width: 196px; float: right; 
}
.all-top span { color:#8E8E8E; }


.productData-x {
    width: 708px;
    float: left;
    margin-left: 12px;
    margin-top: -22px;
}
.productBOX-x {
    float: left;
    width: 177px;
    height: 296px;
    position: relative;
    border-right: 1px dashed #d7d7d7;
    margin-bottom: 25px;
    margin-top: 12px;
}
.productBOX-x:first-of-type {
    border-left: 1px dashed #d7d7d7;
}
.productBOXbrdr-x {
    height: 419px;
    width: 2px;
    position: absolute;
    right: 0px;
    top: -24px;
    
}
.inStock-x {
    background: url(/tpl/img/discount.png) top right no-repeat;
    width: 128px;
    height: 91px;
    position: absolute;
    top: 29px;
    left: 0px;
}

.in_stock-x {
    border-radius: 3px; background-color: #B0B0B0; color: #ffffff; margin: 0 auto; text-align: center; padding: 4px 0 4px 0; width: 102px;
}

.inStock-x span {
    display: block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
    margin-top: 14px; margin-left: 96px; color: #ffffff; font-size: 14px; font-weight: bold;
}
.promo-x {
    background: url(/tpl/img/bg/promo.png) top left no-repeat;
    width: 78px;
    height: 78px;
    position: absolute;
    top: -24px;
    left: 0px;
}
.productBOX-x .pimg-x {
    height: 175px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding-top: 11px;

    

}

.pmodel-x {
    color: #000000;
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
    margin-top: -8px;
    margin-bottom: 8px;
    text-align: center;
}
.psize-x, .pcolor-x {
    color: #6D6E71;
    font-size: 14px;
    width: 80%;
    margin-left: 10%;
}
.pcolor-x {
    height: 38px;
}
.psize-x {
    display: none;
}
.pprice-x {
    color: #231f20;
    font-size: 16px;
    font-weight: normal;
    width: 80%;
    margin-left: 10%;
    text-align: center;
}

.show-all-x {
    color: #009e3d;
    font-size: 14px;
    margin-top: 24px;
    height: 24px;
}
.show-all-x a {
    color: #009e3d;
    font-size: 14px;
    padding: 0 2px 0 2px;
    display: inline-block;
    text-align: center;
    text-wrap: none;
}
.show-all-x a.this {
    font-weight: bold;
    background-color: #EFEFEF;
    
}
//.show-all-x a:hover {
//    font-weight: bold;
//    background-color: #EFEFEF;
//}

.pro-fora a {
    color: #009e3d;
    font-size: 14px;
}

.officeName {
    color: #000000;
    font-size: 20px;
    padding-bottom: 18px;
    font-weight: normal;
}

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
overflow: hidden !important;
padding: 0 !important;
position: relative;
}
 
.scroll-wrapper > .scroll-content {
border: none !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none !important;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
height: 0;
width: 0;
}
 
.scroll-element {
display: none;
}
.scroll-element, .scroll-element div {
box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
cursor: default;
}
 
.scroll-textarea {
border: 1px solid #cccccc;
border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
height: 0;
width: 0;
}
 
 
 
 
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
bottom: 2px;
height: 8px;
left: 0;
width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
height: 100%;
right: 2px;
top: 0;
width: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
opacity: 0.4;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

.officeDesc ul {
    list-style-image: url('/tpl/img/ok.png'); margin-top: 6px; margin-left: 4px; padding-left: 18px;
}

.officeDesc ul li {
    padding-left: 12px;
    margin-top: 4px;
}