@charset "utf-8";
/***** reset *****/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, a { margin: 0; padding: 0; }
table { border-collapse: collapse; }
html {  }
body { font: 12px 微软雅黑; color: #333; }
ul, ol { list-style: none; }
img { border: none; }
input { outline: none; }
a { text-decoration: none; color: #111; outline: none; }
a:hover { color: #006bbf; text-decoration: underline;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.hc { margin: 0 auto; }
.f_l { float: left; }
.f_r { float: right; }
.b_n { border: none; }
.page_size { width: 1200px; margin: 0 auto; }
.none { display: none; }
.m_b_1 { margin-bottom: 10px; }
.m_r_1 { margin-right: 10px; }
.align_c { text-align: center; }
.border_1 { border: 1px solid #ddd; }
.bar { margin: 5px 0; height: 5px;  background: url(../images/bar.gif) repeat-x; }
/***** 占位符 *****/
::-webkit-input-placeholder {color: #666;}
input:-moz-placeholder {color: #666;}
input[placeholder] { color: #666; }

.title_1 { height: 40px; line-height: 40px; border-bottom:3px solid #dcdcdc; position: relative; }
.title_1 a { font-size: 18px; color:#333; border-bottom: 3px solid #d61618; text-decoration: none; display: inline-block; height: 40px; position: absolute; }
.title_1 a:hover { color: #f00; }


.more { text-align: right; padding-right: 10px; }

/***** 头部 *****/
.top_wrap { background-color: #f7f7f7; height: 30px; line-height: 30px; color: #666; }
.top_wrap span a { margin-right: 10px;  }
.header { height: 70px; line-height: 70px; }
.header { box-shadow: 0 5px 5px #ddd; }
.logo { width: 270px; overflow: hidden; }
/***** 搜索 *****/
.search { height: 22px; margin-top: 30px; width: 260px; line-height: 22px; }
.search p { width: 34px; color: #999; }
.search form { height: 22px; background: url(../images/search_bg.gif) no-repeat;  width: 184px;  }
.search input {  border: none; background: none; }
.search .keyword {height: 22px; line-height: 22px; width: 148px; padding: 0 4px; }
.search .submit { height: 22px; width: 28px; cursor: pointer; }
/***** 导航 *****/
.nav { height: 70px;}
.nav ul li { height: 70px; display: inline-block; text-align: center; position:relative; line-height: 70px; width: 100px; }
.nav ul li a { font-size: 16px; color: #333; display: block; }
.nav li.cur > a, .nav li a:hover { color: #1579bf; text-decoration: none; }
.nav ul ul { display: none; box-shadow: 0 0 5px #666; line-height: 30px; background-color: #fff; position:absolute; left: -10px; top:70px; width: 120px; z-index: 9999;}
.nav ul ul li { width: 120px; line-height: 40px; height: 40px; }
.nav ul ul li a { font-size: 14px; }
/***** 解决方案 *****/
.index_t { background: url(../images/solution_bg.jpg) no-repeat center center; text-align: center; font-size: 34px; color: #006bbf; }
.index_desc { color: #666; font-size: 16px; margin: 20px 0; text-align: center; }
.solution { margin-top: 70px; }
.solution_slide .bd { width: 1080px; float: left; }
.solution_slide .bd ul { overflow:hidden; zoom:1; }
.solution_slide .bd ul li{background-color: #f2f2f2; margin: 0 30px; float:left; overflow:hidden; width: 300px; }
.solution_slide .bd ul li .pic {  position: relative;  text-align:center; margin-bottom: 30px }
.solution_slide .bd ul li span { position: absolute; bottom: -40px; text-align: center; display: block; width: 100%;}
.solution_slide .bd ul li span img { width: auto; height: auto;}
.solution_slide .bd ul li img { width: 300px; height: 250px; }
.solution_slide .bd ul li .pic a:hover img{ border-color:#999;  }
.solution_slide .bd ul li .detail_t { overflow: hidden; text-align: center; height: 50px; line-height: 50px; font-size: 20px; color: #666; }
.solution_slide .bd ul li .detail_c { height: 80px; line-height: 2; font-size: 14px; padding: 0 20px 20px; color: #666; }
.solution_slide .hd ul{  overflow:hidden;  margin-top: 30px; text-align: center; }
.solution_slide .hd ul li{ margin-right: 16px; display: inline-block; background-color: #e6e6e6; text-align: center; width: 12px; height: 12px; overflow:hidden; text-indent:-999px; cursor:pointer; }
.solution_slide .hd ul li.on { background-color: #016cc1; }
.solution_slide .prev,
.solution_slide .next{ float: left; margin-top: 140px; display:block; width: 60px; height: 109px; background:url(../images/slide_left.jpg) center left no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.solution_slide .next{ float: right; background-image: url(../images/slide_right.jpg);}
.solution_slide .prev:hover,
.solution_slide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.solution_slide .prevStop{ display:none;  }
.solution_slide .nextStop{ display:none;  }
/***** 技术优势 *****/
.advantage { margin-top: 70px; }
.advantage_c { background: url(../images/advantage_bg.jpg) no-repeat center top; height: 620px; }
.advantage_desc { position: relative; }
.advantage_desc div { opacity: 0; transition: all 1s ease; }
.advantage_desc.active div { opacity: 1; }
.advantage_l1 { position: absolute; left: 53px; top: 0px; font-size: 60px; color: #fff; }
.advantage_l2 { position: absolute; left: 53px; top: 0px; font-size: 18px; color: #fff; width: 366px;   }
.advantage_l3 { position: absolute; left: 53px; top: 0px; font-size: 16px; color: #7998b0; width: 366px; }
.advantage_desc.active .advantage_l1 { top: 63px; }
.advantage_desc.active .advantage_l2 { top: 148px; }
.advantage_desc.active .advantage_l3 { top: 196px; }
.advantage_r { font-size: 14px; color: #ccc; position: absolute; width: 156px; padding: 10px; }
.advantage_r:hover { background-color: rgba(28,98,147,.8); }
.advantage_r p:first-child { font-size: 20px; color: #fff; }
.advantage_r1 { left: 600px; top: 0px;}
.advantage_r2 { left: 1007px; top: 0px; }
.advantage_r3 { left: 600px; top: 430px;}
.advantage_r4 { left: 1020px; top: 430px; }
.advantage_desc.active .advantage_r1 { top: 147px; }
.advantage_desc.active .advantage_r2 { top: 106px; }
.advantage_desc.active .advantage_r3 { top: 472px; }
.advantage_desc.active .advantage_r4 { top: 488px; }
/***** 图片墙 *****/
.photo li { display: inline-block; float: left; position: relative; overflow: hidden; line-height: 0;}
.photo li:hover p { background-color: rgba(28,98,147,.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.photo li span { color: #fff; position: absolute; left: 100%; display: inline-block; top: 0; width: 100%; height: 100%; line-height: 200px; z-index: 100; text-align: center; opacity: 0; font-size: 16px; transition: all .6s ease-in-out;}
.photo li:hover span { opacity: 1; left: 0; }
.photo img {  display: inline-block; }
.photo { padding: 50px 0; background-color: #f3f3f3; }
/***** 新闻 *****/
.news { margin-top: 70px; }
.news_l { width: 580px; float: left; }
.news_l li:first-child { list-style: none; }
.news_l .first_title { font-size: 20px; margin-bottom: 15px;}
.news_l .first_date { color: #ccc; font-size: 14px; margin-bottom: 15px; }
.news_l .first_desc { height: 94px; font-size: 16px; line-height: 2; margin-bottom: 20px; overflow: hidden; }
.news_l .first_link { text-align: right; margin-bottom: 10px;}
.news_l .first_link a { border: 1px solid #ccc; padding: 5px 10px; display: inline-block; text-decoration: none; color: #000; }
.news_l .news_row { font-size: 16px; border-bottom: 1px solid #e6e6e6; height: 34px; line-height: 34px;}
.news_l .news_row a { color: #333; }
.news_l .news_row span { float: right; }
.news_r { height: 370px; width: 570px; }
.news_c { margin-top: 20px; }
/***** 面包屑 *****/
.location { font-size: 14px; margin-top: 28px; color: #999; height: 24px; line-height: 24px; color: #666; }
.location a { color: #666; }
.common_banner { height: 300px; background-repeat: no-repeat; background-position: center top; }

.common  { margin-bottom: 20px; }
.common_l { width: 240px; }
.menu { height: 56px; line-height: 56px; font-size: 20px; color: #333; text-indent: 30px; background: url(../images/menu_bg.jpg) no-repeat; }
.menu a { text-decoration: none; display: block; }
.menu_sub {  text-align: center; padding-top: 260px; }
.menu_sub li { display: inline-block; padding: 0 30px; border-left: 1px solid #6e9dd0; }
.menu_sub li:first-child { border-left: none; }
.menu_sub li a { color: #fff; font-size: 16px; text-decoration: none; position: relative; }
.menu_sub li.select a span { width: 20px; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; border-bottom: 2px solid #fff; }

.common_r { width: 740px;  }
.common_title { font-size: 22px; line-height: 54px; background: url(../images/sign.gif) no-repeat 10px center; text-indent: 30px; border-bottom: 2px solid #989696; margin-bottom: 20px; }
/***** 底部 *****/
.footer { margin-top: 100px; background-color: #3f4344; color: #fff; padding: 50px 0 20px; color: #646464; font-size: 14px; }
.footer a { color: #646464; }
.footer li { margin-bottom: 10px; }
.footer .footer_title { color: #b2b2b2; font-size: 16px; margin-bottom: 24px; }
.footer .footer_title a { color: #b2b2b2; text-decoration: none; }
.footer .footer_logo { margin-top: 70px; float: left; width: 200px;}
.footer .footer_aboutus {  float: left; width: 160px; padding-left: 44px; margin-right: 30px; border-left: 1px solid #474b4d; }
.footer .footer_contact { float: left; width: 180px; padding-left: 44px; margin-right: 30px; border-left: 1px solid #474b4d; }
.footer .footer_product {  float: left; width: 160px; padding-left: 44px; margin-right: 30px; border-left: 1px solid #474b4d; }
.footer .footer_focus {  float: left; width: 200px; padding-left: 44px; margin-right: 30px; border-left: 1px solid #474b4d; }
.footer .footer_line  { height: 50px; border-left: 1px solid #62696b; margin-bottom: 26px; }
.footer .footer_c p:first-child { margin-bottom: 20px; }
.footer .footer_c .site_tel { font-size: 16px; color: #fff; }
.footer .qrcode img { width: 150px; height: 150px; }

#articlebox img { max-width: 660px;  myimg:expression(onload=function() {this.style.width=(this.offsetWidth > 660)?"660px":"auto"}); }


/*关于我们*/
.about { margin-top: 30px; }
.about_1 { margin: 50px 0 100px 0 ; }
.about_2 { background: url(../images/about_2.jpg) no-repeat center top; height: 524px; overflow: hidden;}
.about_2_l { width: 450px; float: left; }
.about_2_r { margin-left: 130px; width: 400px; float: left; position: relative; transform:translate(0,55px); }
.about_2_r .pro { position: absolute;  left: 0; top: 0; animation: animations 3s linear infinite; }
.about_2_r .pro1 { left: 0; top: 0; }
.about_2_r .pro2 { left: 60px; top: 175px; animation-delay: 1s; }
.about_2_r .pro3 { left: 156px; top: 90px; }
.about_2_r .pro4 { left: 280px; top: 42px;  animation-delay: 1s; }
.about_2_r .pro5 { left: 377px; top: 99px; }
.about_2_r .pro6 { left: 147px; top: 229px;  animation-delay: 1s; }
@keyframes animations{
    0%{transform:translate(0,0);}
    10%{transform:translate(0,2px);}
    20%{transform:translate(0,4px);}
    30%{transform:translate(0,6px);}
    40%{transform:translate(0,8px);}
    50%{transform:translate(0,10px);}
    60%{transform:translate(0,8px);}
    70%{transform:translate(0,6px);}
    80%{transform:translate(0,4px);}
    90%{transform:translate(0,2px);}
    100%{transform:translate(0,0);}
}
.about_2_title { margin-top: 60px; text-align: center; font-size: 34px; color: #fff; background: url(../images/about_2_title.png) no-repeat center center; height: 50px;  }
.about_2_content { color: #fff;}
.about_value { margin-top: 100px; background: url(../images/about_value.jpg) no-repeat center center; height: 400px; }
.about_team_content a:first-child { margin-left: 0;  }
.about_team_content a { margin-left: 20px; float: left;  }


/*联系我们开始*/
.m_map{ margin: auto;
    width: 788px;height:580px;position:relative;background:url(../images/map.png) no-repeat 0 0;margin: 0px auto!important;}
.mp{position:absolute;cursor:pointer;background: url(../images/map_sign.png) no-repeat 4px -18px;width: 74px;height:24px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.mp:hover{ background:url(../images/map_location.png) no-repeat 4px 0px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.mp .mito{position:absolute;left:0px;bottom:0px;font-size: 16px;-webkit-transform:scale(0.8);color: #666;text-align: center;font-family: "微软雅黑";padding-top: 20px!important;}
.mp .find_mi1{left:-12px;width:55px;top: 4px;}
.mp .find_mi2{ left:-5px; width:55px;}
.feng {position:absolute;display:none;width:290px;/* height:85px; */padding-left: 5px;left: -116px;top: -98px;background: rgba(21,121,191,0.8);z-index:10;border: 1px solid #eee;border-radius: 10px;padding-bottom: 10px!important;}
.mp:hover .feng { display: block; }
.feng .sang{ position:absolute; left:235px; bottom:0px; width:14px; height:8px;}
.feng .tree{width:330px;margin:9px;padding-top: 0px!important;}
.feng .tree .boou{width: 95px;padding-top: 10px;height:62px;float:left;}
.feng .tree .du_size{float:right;width:230px;padding-bottom: 10px;padding-top: 11px;}
.feng .tree .du_size p{font-size: 12px;color:#FFF;line-height:20px;font-family: "微软雅黑";padding-top: 10px;}
.feng .tree div{padding-top:0px!important;}
.mp1{left: 175px;top: 186px;}
.mp2{left: 182px;top: 313px;}
.mp3{left: 293px;top: 273px;}
.mp4{left: 358px;top: 433px;}
.mp5{left: 396px;top: 355px;}
.mp6{left: 399px;top: 276px;}
.mp7{left: 420px;top: 245px;}
.mp8{left: 447px;top: 197px;}
.mp9{left:450px;top: 292px;}
.mp10{left: 574px;top: 216px;}
.mp11{left: 428px;top: 402px;}
.mp12{left: 453px;top: 446px;}
.mp13{left: 468px;top: 521px;}
.mp14{left: 487px;top: 244px;}
.mp15{left: 501px;top: 295px;}
.mp16{left: 496px;top: 335px;}
.mp17{left: 493px;top: 383px;}
.mp18{left: 518px;top: 448px;}
.mp19{left: 533px;top: 205px;}
.mp20{left: 554px;top: 253px;}
.mp21{left: 589px;top: 306px;}
.mp22{left: 559px;top: 325px;}
.mp23{left: 611px;top: 329px;}
.mp24{left: 595px;top: 356px;}
.mp25{left: 574px;top: 409px;}
.mp26{left: 630px;top: 88px;}
.mp27{left: 541px;top: 395px;}
.mp28{left: 598px;top: 175px;}
.mp29{left: 633px;top: 136px;}
.mp30{left: 524px;top: 237px;}
.mp31{left: 442px;top: 364px;}
.mp32{left:550px; top:500px; }
.mp33{left:559px; top:510px; }
.mp34{left:580px; top:470px; }
.mp35{left:590px; top:473px; }
.mp36{left:566px; top:500px; }
.mp37{left:568px; top:520px; }
.mp38{left:610px; top:478px; }
.mp39{left:625px; top:495px; }
.mp40{left:618px; top:536px; }
.mp41{left:585px; top:525px; }
.mp42{left:605px; top:560px; }
.mp43{left:690px; top:360px; }
.mp44{left:639px; top:420px; }
.mp45{left:740px; top:420px; }
.mp46{left:663px; top:460px; }
.mp47{left:670px; top:500px; }
.mp48{left:700px; top:540px; }
.mp49{left:720px; top:508px; }
.mp50{left:750px; top:530px; }
.mp51{left:780px; top:535px; }
.mp52{left:770px; top:568px; }
.mp53{left:785px; top:569px; }
.mp54{left:795px; top:565px; }
.mp55{left:710px; top:590px; }
.mp56{left:840px; top:570px; }
.mp57{left:815px; top:610px; }
.mp58{left:850px; top:645px; }
.mp59{left:848px; top:478px; }
#w_rbox-1508411403671:hover{
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    transform:translateY(-3px);
    -o-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}
#w_rbox-1508411597632:hover{
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    transform:translateY(-3px);
    -o-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}
#w_rbox-1508411615281:hover{
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    transform:translateY(-3px);
    -o-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}
#w_rbox-1508411629121:hover{
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    transform:translateY(-3px);
    -o-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}
.resetHtmlCssStyle div.lxwmTitle{
    font-size:30px;
    color:#707070;
    text-align: center;
    margin-bottom: 50px;
}

.contact_detail { margin: 38px auto 62px auto; border: 1px solid #ccc; border-radius: 5px; }
.contact_title { height: 42px; line-height: 42px; text-indent: 20px; border-bottom: 1px solid #ccc; background-color: #f7f7f7; color: #666; font-size: 20px; }
.contact_list { height: 94px; padding: 20px 0; color: #2c6fa7; font-size: 24px; }
.contact_list p { margin-bottom: 10px; height: 45px; line-height: 45px; width: 50%; float: left;  }
.contact_list p img { margin: 0 10px 0 30px; }
/*联系我们结束*/

/*行业应用开始*/
.app { margin-top: 80px; }
.app_title { text-align:  center; font-size: 34px; color: #006bbf; margin-bottom: 20px; }
.app_subtitle {text-align:  center;  font-size: 14px; color: #333; border-bottom: 1px solid #e6e6e6; padding-bottom: 30px; }
.app_list { float: left; padding: 20px 0; width: 300px; background-color: #ededed; }
.app_content { font-size: 14px; line-height: 2; width: 900px; float: left; border-top: 1px solid #ededed; padding: 20px 80px; box-sizing: border-box; }
.app_content img { max-width: 900px; }
.app_wrap { margin-top: 60px; }
.app_list li { position: relative; width: 240px;  margin-left: 20px; margin-bottom: 20px; text-align: center; }
.app_list li .sign { position: absolute; top: 50%; margin-top: -16px; right: -40px; display: none; background: url(../images/sign.png) center center no-repeat; width: 18px; height: 32px; }
.app_list li.curr { box-shadow: 0 0 10px #666; }
.app_list li.curr .sign { display: block;  }
.app_list li.curr .list_title a { color: #006bbf;}
.app_list li .list_pic { float: left; }
.app_list li .list_title { line-height: 40px;  font-size: 14px;  background-color: #fff; }
/*行业应用结束*/
/*加入我们开始*/
.join { margin-top: 70px; }
/*加入我们结束*/
/*产品中心开始*/
.menu_product { background-color: #f1f1f1; height: 98px; position: relative; }
.menu_mask { position: absolute; top: 0; left: 0; width: 100%; height: 1px; box-shadow: 0 3px 5px #000; }
.menu_product ul { width: 1200px; margin: 0 auto; }
.menu_product li { height: 98px; float: left; box-sizing: border-box; }
.menu_product li.selected,.menu_product li:hover { background-color: #fff; border-bottom: 1px solid #006dc9; }
.menu_product li .pic { height: 40px; padding-top: 20px; text-align: center; line-height: 40px; }
.menu_product li .title { height: 30px; text-align: center; line-height: 30px; }
.menu_product li a { color: #333; text-decoration: none; }
/*产品中心结束*/
/*解决方案开始*/
@media screen and (max-width: 1200px) {
    .menu_solution { width:1200px; }
}
.menu_solution { margin: 0 auto; }
.menu_solution li { display: block; float: left; position: relative; }
.menu_solution li .product_mask { background-color: rgba(0,0,0,.6); width: 100%; height: 100%; position: absolute; top:0; left: 0; }
.menu_solution li:hover .product_mask { background-color: rgba(98,165,222,.6); }
.menu_solution li p { position: absolute; left: 0; top: 40%; color: #fff; text-align: center; width: 100%; }
.menu_solution li p span { margin-bottom: 10px; width: 30px; height: 3px; background-color: #fff; display: inline-block; }
.menu_solution li p label { display: block; height: 20px; line-height: 20px;  font-size: 14px; color: #fff; }
.menu_solution li img { width: 100%; }
.menu_solution li.selected,.menu_product li:hover { background-color: #fff; border-bottom: 1px solid #006dc9; }
.menu_solution li .pic { height: 40px; padding-top: 20px; text-align: center; line-height: 40px; }
.menu_solution li .title { height: 30px; text-align: center; line-height: 30px; }
.menu_solution li a { color: #333; text-decoration: none; display: block; line-height: 0; }
/*解决方案结束*/
/*投资人关系开始*/
.menu_list li { display: inline-block; border-left: 1px solid #d2dde9; }
.menu_list li a { font-size: 14px; }
/*投资人关系结束*/
.menu_relation { margin: 30px auto; text-align: center;  }
.menu_relation li { display: inline-block; border-left: 1px solid #d2dde9;  }
.menu_relation li:first-child { border-left: 0;  }
.menu_relation li a { text-decoration: none; margin: 10px 20px; font-size: 14px; color: #666; }

/*分页*/
#apartPage { text-align: right; }
#apartPage li { display: inline-block; margin-right: 10px; color: #999;  }
#apartPage li a { color: #999; text-decoration: none; display: block; border: 1px solid #ccc; padding: 10px 14px; border-radius: 5px; }
#apartPage li a:hover { background-color: #1579bf; border: 1px solid #1579bf; color: #fff;  }
#apartPage li.pagebarCurrent { font-weight: bold; background-color: #1579bf; color: #fff;border: 1px solid #1579bf; padding: 10px 14px; border-radius: 5px; }


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

.scroll-wrapper {
    height: 1200px;
    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: #000; }
.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; }