@charset "UTF-8";
@font-face { font-family: 'PuHui'; src: local("☺"), url("../font/Alibaba-PuHuiTi-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Alibaba-PuHuiTi-Regular.woff") format("woff"), url("../font/Alibaba-PuHuiTi-Regular.otf") format("opentype"), url("../font/Alibaba-PuHuiTi-Regular.ttf") format("truetype"); font-weight: normal; }
.s-show{display:none}
.s-hide{display:block}
body { margin: 0 auto; overflow-x: hidden; font-family: 'Microsoft YaHei','PingFang SC',SimHei,Arial,SimSun; position: relative; background: #fff; }

div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 10px; }

.header { width: 100%; height: 100px; position: relative; background: rgba(0, 0, 0, 0.7); -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); }

.header .header-con { max-width: 1200px; padding: 0 10px; margin: 0 auto; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.header .header-con .header-logo { float: left; }

.header .header-con .header-logo h1 { margin: 31px 0; }

.header .header-con .header-logo h1 a { display: block; }

.header .header-con .header-logo h1 a img { display: block; }

.header .header-con .header-logo h1 a img.mob-logo { display: none; }

.header .header-con .header-nav { float: right; display: block; }

.header .header-con .header-nav .header-nav-link { float: left; }

.header .header-con .header-nav .header-nav-link ul li { float: left; margin-right: 30px; position: relative; }

.header .header-con .header-nav .header-nav-link ul li.active > a { color: #fff; }

.header .header-con .header-nav .header-nav-link ul li.active > a:before { content: ''; width: 100%; height: 4px; background: #fff; position: absolute; left: 0; bottom: 0; }

.header .header-con .header-nav .header-nav-link ul li:hover > a { color: #fff; }

.header .header-con .header-nav .header-nav-link ul li:hover > a:before { content: ''; width: 100%; height: 4px; background: #fff; position: absolute; left: 0; bottom: 0; }

.header .header-con .header-nav .header-nav-link ul li:hover dl { display: block; }

.header .header-con .header-nav .header-nav-link ul li > a { display: block; font-size: 16px; color: #fff; line-height: 24px; padding: 38px 8px; position: relative; }

.header .header-con .header-nav .header-nav-link ul li dl { display: none; position: absolute; top: 100%; left: 50%; width: 150px; margin-left: -75px; padding: 6px 0; background: #fff; -webkit-box-shadow: 5px 5px 20px #cecece; -moz-box-shadow: 5px 5px 20px #cecece; box-shadow: 5px 5px 20px #cecece; }

.header .header-con .header-nav .header-nav-link ul li dl dd { text-align: center; }

.header .header-con .header-nav .header-nav-link ul li dl dd:hover { background: #c30d23; }

.header .header-con .header-nav .header-nav-link ul li dl dd:hover a { color: #fff; }

.header .header-con .header-nav .header-nav-link ul li dl dd a { display: block; font-size: 16px; padding: 6px 0; }

.header .header-con .header-nav .header-lang { float: left; margin: 38px 0; position: relative; }

.header .header-con .header-nav .header-lang a { float: left; display: inline-block; font-size: 16px; color: #fff; line-height: 24px; }

.header .header-con .header-nav .header-lang a.h-search { width: 24px; height: 24px; background: url("../images/search.png") no-repeat center; }

.header .header-con .header-nav .header-lang .h-lang { float: left; margin-left: 15px; }

.header .header-con .header-nav .header-lang .h-lang:hover span { display: none; }

.header .header-con .header-nav .header-lang .h-lang a { font-size: 16px; color: #fff; line-height: 24px; padding-left: 16px; background: url("../images/sj.png") no-repeat left center; }

.header .header-con .header-nav .header-lang .h-lang span { display: none; width: 50px; position: absolute; top: 24px; right: 0; background: #fff; padding: 7px 0; }

.header .header-con .header-nav .header-lang .h-lang span a { font-size: 16px; color: #333; }

.header .header-con .mobile-menu { display: none; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.header .header-con .mobile-menu a { display: block; width: 32px; height: 32px; background: url("../images/mobile-menu.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.header .header-con .mobile-menu a.active { background: url("../images/mobile-menu-close.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.sub-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9; }

.sub-banner-wrap { position: relative; }

.sub-banner .sub-banner-con { overflow: hidden; position: relative; }

.sub-banner .sub-banner-con img { width: 100%; }

.sub-banner .sub-banner-con .sub-banner-tit { position: absolute; bottom: 0; left: 0; width: 100%; height: 70%; }

.sub-banner .sub-banner-con .sub-banner-tit .container { height: 100%; }

.sub-banner .sub-banner-con .sub-banner-tit .sub-banner-text { width: 300px; height: 100%; background: rgba(255, 255, 255, 0.4); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 4%; padding-top: 10%; }

.sub-banner .sub-banner-con .sub-banner-tit .sub-banner-text .sb-en { font-size: 28px; color: #d8d8d8; }

.sub-banner .sub-banner-con .sub-banner-tit .sub-banner-text .sb-ch { font-size: 38px; color: #fff; font-weight: 600; }

.sub-nav { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(255, 255, 255, 0.5); }

.sub-nav ul li { float: left; width: 150px; height: 68px; position: relative; }

.sub-nav ul li.child span { background: url("../images/red-sj1.png") no-repeat center right 10px; }

.sub-nav ul li:hover dl { display: block; }

.sub-nav ul li.active > a { color: #333; }

.sub-nav ul li.active > a:before { height: 120%; }

.sub-nav ul li:hover > a { color: #333; }

.sub-nav ul li:hover > a:before { height: 120%; }

.sub-nav ul li > a { display: table; width: 100%; height: 100%; font-size: 18px; color: #666; text-align: center; padding: 0 5px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.sub-nav ul li > a:before { content: ''; width: 100%; height: 0; background: #fff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; position: absolute; left: 0; bottom: 0; }

.sub-nav ul li > a span { display: table-cell; vertical-align: middle; position: relative; z-index: 1; }

.sub-nav ul li dl { display: none; position: absolute; width: 100%; padding: 10px 0; background: #fff; -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); }

.sub-nav ul li dl dd a { display: block; font-size: 14px; color: #999; padding: 8px 10px; }

.sub-nav ul li dl dd a:hover { color: #fff; background: #c30d23; }

.crumbs .crumbs-ul { overflow: hidden; border-bottom: 1px dashed #b09364; }

.crumbs ul { float: right; padding: 15px 0; }

.crumbs ul li { float: left; margin-left: 10px; }

.crumbs ul li a { font-size: 14px; color: #b09364; }

.page-number { text-align: center; margin-top: 100px; }

.page-number ul { float: left; display: inline-block; overflow: hidden; }

.page-number ul li { float: left; line-height: 30px; width: 30px; text-align: center; }

.page-number ul li.pagenumact { color: #fff; background: #d0011b; }

.page-number ul li.active a { color: #fff; background: #d0011b; }

.page-number ul li:hover a { color: #fff; background: #d0011b; }

.page-number ul li a { display: block; font-size: 14px; color: #333; padding: 0 10px; }

.page-number .page-num-con { display: inline-block; overflow: hidden; }

.page-number .page-prev { float: left; display: inline-block; line-height: 30px; }

.page-number .page-prev a { display: block; font-size: 14px; color: #333; padding: 0 10px; }

.page-number .page-prev a:hover { color: #fff; background: #d0011b; }

.page-number .page-next { float: left; display: inline-block; line-height: 30px; }

.page-number .page-next a { display: block; font-size: 14px; color: #333; padding: 0 10px; }

.page-number .page-next a:hover { color: #fff; background: #d0011b; }

.footer { background: #121212; }

.footer .footer-con { padding: 30px 0; }

.footer .footer-con .footer-top .footer-logo { float: left; width: 20%; padding-top: 20px; }

.footer .footer-con .footer-top .footer-logo a { display: inline-block; }

.footer .footer-con .footer-top .footer-logo a img { display: block; }

.footer .footer-con .footer-top .footer-logo a img.mob-logo { display: none; }

.footer .footer-con .footer-top .footer-nav { float: left; width: 60%; padding-top: 20px; }

.footer .footer-con .footer-top .footer-nav ul { line-height: 32px; border-left: 2px solid #ff0606; border-right: 2px solid #ff0606; }

.footer .footer-con .footer-top .footer-nav ul li { float: left; width: 14.25%; text-align: center; }

.footer .footer-con .footer-top .footer-nav ul li a { font-size: 14px; color: #fff; }

.footer .footer-con .footer-top .footer-qrcode { float: left; width: 20%; text-align: right; }

.footer .footer-con .footer-top .footer-qrcode span { display: inline-block; font-size: 12px; color: #fff; }

.footer .footer-con .footer-top .footer-qrcode img { max-width: 80px; margin: 0 auto 10px; }

.footer .footer-con .footer-bottom { margin-top: 30px; text-align: center; opacity: 0.6; }

.footer .footer-con .footer-bottom dl { display: inline-block; }

.footer .footer-con .footer-bottom dl dd { float: left; line-height: 16px; padding: 0 20px; border-right: 1px solid #fff; }

.footer .footer-con .footer-bottom dl dd:last-child { border-right: none; }

.footer .footer-con .footer-bottom dl dd a { display: inline-block; font-size: 14px; color: #fff; }

.footer .footer-con .footer-bottom p { font-size: 14px; color: #fff; margin-top: 20px; }

@media screen and (max-width: 1440px) { .container { max-width: 960px; }
  .header { height: 76px; }
  .header .header-con { max-width: 960px; }
  .header .header-con .header-logo h1 { margin: 18px 0; }
  .header .header-con .header-nav .header-nav-link ul li > a { font-size: 16px; padding: 26px 0; }
  .header .header-con .header-nav .header-lang { margin: 26px 0; }
  .sub-banner .sub-banner-con .sub-banner-tit .container { max-width: 1024px; }
  .sub-banner .sub-banner-con .sub-banner-tit .sub-banner-text .sb-en { font-size: 24px; }
  .sub-banner .sub-banner-con .sub-banner-tit .sub-banner-text .sb-ch { font-size: 28px; }
  .sub-nav .container { max-width: 1024px; }
  .sub-nav ul li a { font-size: 16px; }
  .footer .footer-con .footer-top .container { max-width: 1024px; }
  .footer .footer-con .footer-bottom { padding: 0 10px; } }

@media screen and (max-width: 1280px) { .sub-banner .sub-banner-con .sub-banner-tit .sub-banner-text .sb-en { font-size: 22px; }
  .sub-banner .sub-banner-con .sub-banner-tit .sub-banner-text .sb-ch { font-size: 24px; } }

@media screen and (max-width: 1024px) { .header { height: auto; }
  .header .header-con .header-logo h1 a img { width: 100px; display: none; }
  .header .header-con .header-logo h1 a img.mob-logo { display: block; }
  .header .header-con .header-nav { display: none; position: fixed; top: 60px; left: 0; width: 100%; height: -webkit-calc(100vh - 60px); height: -moz-calc(100vh - 60px); height: calc(100vh - 60px); background: #fff; z-index: 99; }
  .header .header-con .header-nav .header-nav-link { width: 100%; border-top: 2px solid #c30d23; }
  .header .header-con .header-nav .header-nav-link ul li { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .header .header-con .header-nav .header-nav-link ul li.active > a { color: #fff; background: #c30d23; }
  .header .header-con .header-nav .header-nav-link ul li:hover > a { color: #fff; background: #c30d23; }
  .header .header-con .header-nav .header-nav-link ul li > a { font-size: 14px; color: #333; padding: 10px; }
  .header .header-con .header-nav .header-nav-link ul li > a:before { display: none; }
  .header .header-con .header-nav .header-nav-link ul li dl { width: 100%; position: inherit; top: inherit; left: inherit; margin-left: inherit; }
  .header .header-con .header-nav .header-nav-link ul li dl dd { text-align: left; padding: 0 20px; }
  .header .header-con .header-nav .header-nav-link ul li dl dd a { font-size: 14px; }
  .header .header-con .header-nav .header-lang { width: 100%; padding: 0 10px; margin: 10px 0; }
  .header .header-con .header-nav .header-lang a.h-search { background: url("../images/search-mob.png") no-repeat center; }
  .header .header-con .header-nav .header-lang .h-lang a { font-size: 14px; color: #333; margin-left: 0; }
  .header .header-con .header-nav .header-lang .h-lang span { display: block; position: inherit; top: inherit; right: inherit; overflow: hidden; padding: 0; line-height: 24px; }
  .header .header-con .mobile-menu { display: block; }
  .sub-banner .sub-banner-con img { width: 1024px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .sub-banner .sub-banner-con .sub-banner-tit .sub-banner-text { background: none; }
  .sub-banner .sub-banner-con .sub-banner-tit .sub-banner-text .sb-en { font-size: 22px; }
  .sub-banner .sub-banner-con .sub-banner-tit .sub-banner-text .sb-ch { font-size: 20px; }
  .sub-nav ul li { width: 20%; }
  .sub-nav ul li a { font-size: 14px; }
  .footer .footer-con .footer-top .footer-logo a img { display: none; }
  .footer .footer-con .footer-top .footer-logo a img.mob-logo { display: block; } }

@media screen and (max-width: 768px) { .header .header-con .mobile-menu a { width: 24px; }
  .s-show{display:block}
  .s-hide{display:none}
  .sub-banner .sub-banner-con img { width: 768px; }
  .footer .footer-con .footer-top .footer-logo { float: none; width: 100%; }
  .footer .footer-con .footer-top .footer-logo a { display: inline-block; }
  .footer .footer-con .footer-top .footer-nav { float: none; width: 100%; overflow: hidden; }
  .footer .footer-con .footer-top .footer-nav ul li { width: 25%; }
  .footer .footer-con .footer-top .footer-nav ul li a { font-size: 12px; }
  .footer .footer-con .footer-top .footer-qrcode { width: 100%; max-width: inherit; margin: 20px auto 0; position: inherit; top: inherit; left: inherit; text-align: center; }
  .footer .footer-con .footer-top .footer-qrcode img { width: 100%; }
  .page-number { margin-top: 60px; }
  .sub-nav ul li.child span { background: url("../images/red-sj1.png") no-repeat center right 0px; } }

.mCSB_container { width: auto; margin-right: 4px; overflow: hidden; }

.mCSB_container.mCS_no_scrollbar { margin-right: 0; }

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar { margin-right: 30px; }

.mCustomScrollBox > .mCSB_scrollTools { width: 5px; height: 100%; top: 0; right: 0; background: rgba(0, 0, 0, 0.5); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: relative; height: 20px; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown { top: 100%; margin-top: -40px; }

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container { height: auto; margin-right: 0; overflow: hidden; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-bottom: 0; }

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-right: 0; margin-bottom: 30px; }

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools { width: 100%; height: 16px; top: auto; right: auto; bottom: 0; left: 0; overflow: hidden; }

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 0 20px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger { width: 30px; height: 100%; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { display: block; position: relative; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; float: left; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { margin-left: -40px; float: right; }

.mCustomScrollBox { -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/ }

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools { filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ }

.mCSB_scrollTools .mCSB_draggerRail { background: none; /* rgba fallback */ filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* old ie */ }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #d6001d; /* rgba fallback */ filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) */ }

.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) */ }

.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) */ }

.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) */ }

.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* old ie */ }

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.15); }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/*light-2*/
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.9); }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; }

/*dark-2*/
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; }

/*light-thick*/
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(255, 255, 255, 0.9); }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; }

/*dark-thick*/
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; }

/*light-thin*/
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail { background: #fff; /* rgba fallback */ background: rgba(255, 255, 255, 0.1); }

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; }

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; }

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }

/*dark-thin*/
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail { background: none; /* rgba fallback */ }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; background: #000; /* rgba fallback */ background: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width: 100%; }

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }