#FocusBG{ width:100%; height:538px; position:relative; top:-5px;} .fullSlide { width:100%; position:relative; height:543px; background:#000; } .fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide .bd ul { width:100% !important; } .fullSlide .bd li { width:100% !important; height:543px; overflow:hidden; text-align:center; } .fullSlide .bd li a { display:block; height:543px; } .fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:30px; left:0; height:30px; line-height:30px; } .fullSlide .hd ul { text-align:center; } .fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:5px; overflow:hidden; background:#FFF; line-height:999px; border-radius:5px; } .fullSlide .hd ul .on { background:#DA251D; } .fullSlide .prev,.fullSlide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:2%; z-index:1; width:49px; height:49px; background:url(/images/left.png) 0px -49px no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; } .fullSlide .next { left:auto; right:2%; background:url(/images/right.png) 0px -49px no-repeat; } #LinksBG{ background:#F5F5F5; border-top:1px solid #E5E5E5; } #Links { padding:10px 0px; line-height:25px; width:1200px; margin:auto; font-size:12px; } #Links span{ font-weight:bold; color:#DA251D; font-size:14px;} #Links a{ padding:0px 10px;} .blk_29 { PADDING:0px 0px; OVERFLOW: hidden; ZOOM: 1; POSITION: relative;} .blk_29 .LeftBotton { display:none;LEFT: 10px; FLOAT: left; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 85px; HEIGHT: 114px} .blk_29 .RightBotton { display:none; FLOAT: right;right:-5px; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 85px; HEIGHT: 114px} .blk_29 .Cont { MARGIN: 0px auto; OVERFLOW: hidden; PADDING:15px 0 0 0px;float:left;height:193px;width:1200px;POSITION: relative;left:-16px;} .blk_29 .box { FLOAT: left; WIDTH: 200px; TEXT-ALIGN: center;} .blk_29 .box IMG { BORDER: #DEDEDC 1px solid; PADDING: 3px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:150px;height:150px;} .blk_29 .box A:hover IMG { BORDER: #aa0b00 1px solid;} .blk_29 .box P { WIDTH: 196px; LINE-HEIGHT: 20px;text-align:center;font-size:12px;color:#aa0b00} /* CSS Document */ *{behavior: url(ie-css3.htc); behavior: url(csshover.htc);} body { font-size:12px; margin:0 auto; padding:0; color:#626262; font-family: "Microsoft YaHei"; font-size:12px; background: #fff; line-height:150%; } ul, li, div, img, dl, dt, dd, h1, h2, h3, h4, h5, form { margin:0; padding:0; border:0; list-style-type:none; font-weight:normal; } .clear { clear:both; width:0; height:0; padding:0; margin:0; overflow:hidden; } a { text-decoration:none; color:#626262; } a:hover { color:#cc0000; } p { line-height:20px; margin:6px 0; } .height { height:20px; } a.szwz { color:#333; } table { border-collapse:collapse; } .f_l{ float:left;} .f_r{ float:right;} .w800 { width:830px; overflow:hidden; } .mt30 { padding-top:30px; } .h20 { height:20px; } .h10 { height:10px; } .h12{ height:12px;} .loading{background:url(/images/loading.gif) no-repeat center center;} #body h2 a{ color:#FFF;} #body .S_news h2 a{ color:#333;} #body .N_content h2 a{ color:#333;} #body .N_content .N_content_r h2 a:hover{ color:#FFF;} #body h2 a:hover{ text-decoration:none; font-weight:bold;} /*通用部分结束*/ .bottom_shadow { background:url(/images/top_bottombg1.png) repeat-x 0 bottom; position:absolute; top:140px; left:0; height:15px; width:100%; z-index:99; } .logo_menu { background:222222; } .logo_menu .logo { float:left; margin:22px 0px 0 0px; } .logo_menu .menu { float:right; } .logo_menu .menu ul.navigation li { width:100px; height:100px; float:left; margin-left:10px;} .logo_menu .menu ul.navigation li a { line-height:100px; display:block; width:100px; height:100px; text-align:center; font-size:15px; font-family:"微软雅黑"; } .logo_menu .menu ul.navigation li a:hover { background:#da251d; color:#fff; } .logo_menu .menu ul.navigation li a#nav_current { background:#da251d; color:#fff; padding-bottom:15px; z-index:999; position:relative; } h2.index_h2 { border-bottom:#ddd solid 1px; color:da251d; padding-bottom:5px; font-size:16px; font-family:'微软雅黑'; font-weight:normal; } h1.index_h1 { background:url(/images/title_line.png) no-repeat center bottom; height:50px; line-height:50px; text-align:center; font-size:24px; font-family:'微软雅黑'; font-weight:normal; } a.more { background:url(/images/more_pic.png) no-repeat 0 3px; margin-right:5px; width:31px; height:29px; display:block; float: right; } .index_news { width:480px; float:left; background:efefef; } ul.newslist { border:#e2e2e2 solid 0px; width:auto; height:auto; padding-top:10px; } ul.newslist li { display:block; background:url(/images/icon_page.png) no-repeat 0 10px; border-bottom:#CCC dotted 1px; text-indent:10px; padding:4px 0 4px 0px; margin-bottom:5px; font-size:14px; } ul.newslist li a { display:block; } ul.newslist li b { display:none; } .index_serve { float:right; width:1000px; overflow:hidden; } ul.serve_ul { width:1200px; overflow:hidden; height:auto; margin-top:14px; } ul.serve_ul li { float:left; } ul.serve_ul li a { width:215px; float:left; margin-right:45px; margin-top:10px; padding:0; border:#fff solid 1px; display:block; } ul.serve_ul li .pic_title { background:#27B362; padding:20px 0; text-align:center; } ul.serve_ul li p { font-size:13px; margin-top:10px; } ul.serve_ul li.li2 .pic_title { background:#2687C9; } ul.serve_ul li.li3 .pic_title { background:#11A98B; } ul.serve_ul li.li4 .pic_title { background:#D04D43; } ul.serve_ul li.li1 .pic_title:hover { background:#209b54; } ul.serve_ul li.li2 .pic_title:hover { background:#2278b2; } ul.serve_ul li.li3 .pic_title:hover { background:#0f9077; } ul.serve_ul li.li4 .pic_title:hover { background:#ad3f36; } ul.serve_ul li .pic { width:52px; height:52px; display:inline-block; } ul.serve_ul li.li1 .pic { background:url(/images/wzjs_cion.png) no-repeat; } ul.serve_ul li.li2 .pic { background:url(/images/wxwz_icon.png) no-repeat; } ul.serve_ul li.li3 .pic { background:url(/images/tel_icon.png) no-repeat; } ul.serve_ul li.li4 .pic { background:url(/images/UI.png) no-repeat; } ul.serve_ul li .pic_title h1 { font-size:16px; font-family:"微软雅黑"; font-weight:normal; color:#fff; margin:15px 0 7px 0; } .fd_link { border-top: #262626 solid 1px; padding-top:10px; margin-top:5px; } .fd_link a { margin-right:12px; color:#A5A5A5; } .logo_menu .menu ul.navigation li a.m1 { background:#da251d; z-index:999; position:relative; color:#fff; } /*menu结束*/ #banner { height: 575px; background: #000; overflow: hidden; position:relative; z-index:1; } #banner .container { position:relative; width:1200px; padding:0; margin: 0 auto; z-index:1;} #banner_img { display: block; position: relative; } #banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 574px; background-position: center; background-size: cover; display: none; } #banner_img li.item1 { background-image: url(/images/banner_bg1.jpg); display: block; } #banner_img li.item2 { background-image: url(/images/banner_bg2.jpg); } #banner_img li.item3 { background-image: url(/images/banner_bg3.jpg); } #banner_img li.item4 { background-image: url(/images/banner_bg4.jpg); } #banner_img li.item5 { background:#2c2114; } #banner_img .ad_img { position:absolute; right:0px; top:0px; width:auto; height: auto; text-align:right; } #banner_img .ad_txt { z-index:2; position: absolute; left:0; top: 187px; line-height:22px; font-size:14px; color: #fff; text-shadow: 1px 1px rgba(51, 51, 51, 0.3); } #banner_img .ad_txt p{ color:#FFF;} #banner_img .ad_txt h2 { padding-bottom:5px; font: bold 30px/60px Microsoft YaHei; color:#e60012; } #banner_img .ad_txt a { display: block; width: 100px; height: 25px; line-height: 25px; text-align: center; margin-top: 10px; background: #fff; color: #666; text-decoration: none; text-shadow: none; } #banner_ctr { position: absolute; width: 1200px; height: 122px; margin-left: -600px; left: 50%; bottom:40px; z-index:3; } #banner_ctr ul { width: 1200px; height: 122px; background: url(/images/serv_ico.png) center no-repeat; position: relative; } #banner_ctr li { display: block; float: left; width:225px; border:#090 solid 0px; height:122px; text-align:center; line-height:200px; font-size:15px; cursor: pointer; } #banner_ctr li.first-item, #banner_ctr li.last-item { width:150px; cursor: default; background: #fff; } #drag_ctr { position: absolute; top:-10px; left:150px; width:225px; height: 144px; bottom:170px; background:#e60012; } #drag_ctr ul li{color:#e60012;} #banner_ctr li:hover {color:#e60012;} #drag_arrow { position: absolute; top:-10px; left:150px; width: 225px; height: 144px; background: url(/images/HituxCMSBite/drag_banner_arrow.gif) center 10px no-repeat; } #drag_bg { position: absolute; top:0; left:0; width:1200px; height: 122px; background:#999;} .gui { width:100%; position:relative; z-index:100; margin-top:574px; background:#FFF; } .gui_title { height:78px; font:normal 30px/74px "微软雅黑"; color:#c03; text-align:center; } .gui_name { font:normal 28px/40px "微软雅黑"; color:#1e1e1e; text-align:center; } .gui_advantage, .gui_process { position:relative; width:100%!important; width:100%; min-width:984px; padding:25px 0 55px; background:#e7e7e7; } .gui_point { position:absolute; left:50%; top:-15px; margin-left:-21px; width:37px; height:15px; background:url(/images/btn.png) no-repeat -439px -428px; } .gui_process { padding:120px 0 140px; background:#c03; } .gui_process .gui_point { background-position:-439px -460px; } .gui_txt { padding:12px 0 20px; font-size:16px; line-height:28px; color:#0f0f0f; text-align:center; } .gui_list li { float:left; padding:6px; width:232px; height:333px; } .gui_list li .txt { padding:22px 20px 16px 20px; height:295px; line-height:20px; color:#616161; background:#FFF; } .gui_list li .name { padding:11px 0 25px; height:56px; font:normal 24px/28px "微软雅黑"; color:#000000; } .gui_list li .pic { width:63px; height:63px; background:url(/images/btn.png) no-repeat 0 -137px; } .gui_list li.gui_2 .pic { background-position:-88px -137px; } .gui_list li.gui_3 .pic { background-position:-184px -137px; } .gui_list li.gui_4 .pic { background-position:-280px -137px; } /*banner*/ /*首页解决方案*/ .box_f{ width:100%; background:#616161; height:655px;} .box_f h2{ font-size:30px; color:#fff; font-weight:normal; text-align:center; height:145px; line-height:145px; padding-top:15px; } .box{ width:1200px; margin:auto;} .box ul li{ float:left; height:400px; width:276px; margin:0 12px; overflow:hidden; background:url(/images/HituxCMSBite/orange.jpg) 0 400px no-repeat; position:relative;} .box ul li:hover{ background-position:0px 0px; -webkit-transition:all .5s ease-in-out .3s; transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s; -ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;} .box ul li u{ position:absolute; display:block; margin-left:25px; width:200px; height:200px; background:url(/images/round.png) no-repeat; -webkit-transition:all .5s ease-in-out .0s; transition:all .5s ease-in-out .0s;-moz-transition:all .5s ease-in-out .0s; -ms-transition:all .5s ease-in-out .0s;-o-transition:all .5s ease-in-out .0s;} .box ul li u.cr{clip:rect(0px,200px,-10px,100px); } .box.active ul li u.cr{clip:rect(0px,200px,200px,100px); } .box ul li:hover u.cr{ clip:rect(0px,200px,-10px,100px)} .box ul li u.cl{clip:rect(200px,100px,2000px,0px) } .box.active ul li u.cl{clip:rect(0px,100px,200px,0px); } .box ul li:hover u.cl{ clip:rect(200px,100px,2000px,0px) } .box ul li i{ display:block; font-style:normal; position:absolute; height:70px; width:78px; left:83px; top:66px; } .box ul li.box1 i{ background:url(/images/box1.png) 0px 0px no-repeat} .box ul li:hover.box1 i{ background:url(/images/box1.png) -78px 0px no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;} .box ul li.box2 i{ background:url(/images/box2.png) 0px 0px no-repeat; height:85px; top:62px; width:76px; left:84px; } .box ul li:hover.box2 i{ background:url(/images/box2.png) -76px 0px no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;} .box ul li.box3 i{ background:url(/images/box3.png) 0px 0px no-repeat; width:74px; left:85px;} .box ul li:hover.box3 i{ background:url(/images/box3.png) -74px 0px no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;} .box ul li.box4 i{ background:url(/images/box4.png) 0px 0px no-repeat; width:70px; left:86px;} .box ul li:hover.box4 i{ background:url(/images/box4.png) -70px 0px no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;} .box ul li h3{ font-size:18px; color:#fff; padding:0; margin:0; line-height:24px; font-weight:normal; text-align:center; margin-top:248px;} .box ul li h3 a{ color:#fff} .box ul li p{ font-size:12px; color:#95b3d8; line-height:20px; margin-top:20px; padding:0 8px} .box ul li p a{color:#FFFFFF;} .box ul li p a:hover{color:#fff;} .box ul li:hover p a{color:#fff;} /*首页解决方案*/ /**首页新闻栏目*/ .S_news{ width:1200px; height:630px; margin:0 auto; } .N_Menu{ height:170px; font-size:14px;} .N_Menu h2{ font-size:30px; text-align:center; color:#000000; font-weight:normal; float:left; height:80px; width:1200px; line-height:80px; margin-top:20px;} .N_Menu ul{ height:30px; padding:45px 0; margin:0 auto; width:330px;} .N_Menu ul li{ float:left; margin-left:10px;} .N_Menu ul li a{text-align:center; width:100px; display:block; height:30px; line-height:30px;} .N_Menu ul li a:hover,.N_Menu ul li a.on {text-align:center; width:100px; display:block; height:30px;background:#DA251D; line-height:30px; color:#fff;} .N_content{ height:440px; display:none; overflow:hidden; width:1200px;} .N_content_l{ width:610px; height:440px; float:left; margin-left:-610px; overflow:hidden;} .N_content_l dl{ width:300px; margin-right:10px; float:left;} .N_content_l dl dt img{ width:300px; height:200px;} .N_content_l dl dd h2{ width:300px; font-size:16px; color:#000; line-height:28px; margin:10px 0; height:56px; overflow:hidden; font-weight:normal;} .N_content_l dl dd p{ width:300px; color:#666666; height:105px; overflow:hidden;} .N_content_l dl dd span{ width:300px; color:#666666;} .N_content_l dl dd span a{ width:68px; float:right;} .N_content_r{ width:570px; height:440px; float:right; margin-right:-570px;overflow:hidden;} .N_content_r ul{} .N_content_r ul li{ height:105px; margin-bottom:5px;} .N_content_r ul li dl{ width:90px; height:90px; margin-right:15px; border:1px solid #c1c1c1; float:left;} .N_content_r ul li dl dt{ font-size:30px; font-weight:bold; line-height:50px; text-align:center;} .N_content_r ul li dl dd{ text-align:center;} .N_content_r ul li h2{ font-size:16px; line-height:30px; width:460px; float:left; font-weight:normal;} .N_content_r ul li p{ font-size:12px; color:#666666; width:450px; float:left;} .N_content_r ul li:hover{ height:105px; margin-bottom:5px; background:#DA251D; color:#fff} .N_content_r ul li:hover dl{ width:90px; height:90px; margin-right:15px;float:left; border:1px solid #DA251D} .N_content_r ul li:hover dl dt{ font-size:30px; font-weight:bold; line-height:50px; text-align:center;} .N_content_r ul li:hover dl dd{ text-align:center;} .N_content_r ul li:hover h2{ font-size:16px; line-height:30px; width:460px; float:left;} .N_content_r ul li:hover h2 a{ color:#fff;} .N_content_r ul li:hover p{ font-size:12px; color:#fff;width:450px;} /**首页新闻栏目*/ .contactbg{width:100%; height:460px; overflow:hidden; background:url(/images/contactbg.jpg) 50% 0 no-repeat;} .contact{width:1200px; margin:0 auto; } .width960 .contact{width:960px;} /* add */ .width1200 .contact{width:1200px;} /* add */ .message{padding-top:55px; width:45%;float:left;} .message h3{font-size:30px; color:#c1c5cb; font-weight:normal; line-height:36px;} .message h4{font-size:24px; color:#fb963d; font-weight:normal; line-height:36px;} .message_form{margin-top:15px;position: relative;} .message_name{width:40%; height:32px; line-height:32px; float:left; background:#7d7d7d; border:0; color:#fff; padding-left:5px;} .message_tel{width:55%; height:32px; line-height:32px; float:right; background:#7d7d7d; border:0; color:#fff; padding-left:5px;} .message_code{width:25%; height:32px; line-height:32px; float:left; background:#7d7d7d; border:0; color:#fff; padding-left:5px;} .message_content{width:98%; padding:1%; overflow:hidden; height:120px; background:#7d7d7d; border:0; color:#fff;} .message_btn{width:123px; height:41px; background:url(/images/indexicon.png) -425px 0 no-repeat; border:0; cursor:pointer; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */} .message_btn:focus{-moz-outline-style: none; /* FF */} .message_btnch{width:123px; height:41px; background:url(/images/indexicon.png) -425px -45px no-repeat; border:0; cursor:pointer;} .message_about{color:#ffff00; font-size:14px;display: inline-block;margin-bottom: 10px;position: relative;bottom: 15px;} .contact_map{float:right;padding-top:60px;} .foot_linksbg{width:100%; background:#202020; padding:10px 0 30px 0;} .foot_links{width:1200px; margin:0 auto; position:relative;} .width960 .foot_links{width:960px;} /* add */ .width1200 .foot_links{width:1200px;} /* add */ .links{margin-top:15px; width:100%;} .links h3{color:#FFF; font-size:24px; font-weight:normal;} .links_con{color:#7d7d7d; line-height:24px; margin-top:5px;} .links_con a{color:#7d7d7d; display:inline-block;padding:0px 5px;} .links_con a:hover{color:#fff;} .keyword{margin-top:15px; width:100%;} .keyword h3{color:#fdd813; font-size:24px; font-weight:normal;} .address{line-height:32px; color:#c1c5cb; font-size:14px; margin-top:15px; width:100%;} .address a{color:#c1c5cb;} .address a:hover{ color:#fff;} .link_btn{position:absolute; bottom:10px; right:0;} .link_btn li{float:left; margin-right:12px; position:relative;} .link_qq{width:129px; height:40px; background:url(/images/indexicon.png) -30px 0 no-repeat; display:block;} .link_qq:hover{background:url(/images/indexicon.png) -30px -50px no-repeat;} .link_sina{width:129px; height:40px; background:url(/images/indexicon.png) -160px 0 no-repeat; display:block;} .link_sina:hover{background:url(/images/indexicon.png) -160px -50px no-repeat;} .link_weixin li{height:40px;} .link_weixin{width:129px; height:40px; background:url(/images/indexicon.png) -290px 0 no-repeat; display:block; position:relative; z-index:2;} .link_weixin:hover{background:url(/images/indexicon.png) -290px -50px no-repeat;} .link_weixin_ewm{width:129px;height:129px;position:absolute; top:-138px; overflow:hidden; background-image:url(about:blank); z-index: 100;display: none;} .link_weixin_li:hover .link_weixin_ewm{display: block;} .footbg{width:100%; padding:15px 0; background:#0a0a0a; overflow:hidden;} .foot{width:1200px; margin:0 auto; color:#999;} .width960 .foot{width:960px;} /* add */ .width1200 .foot{width:1200px;} /* add */ .foot a{color:#999;} .foot a:hover{color:#fff;} #loading{width:100%; display:block; height:100%; _height:700px; background:#1a1a1a; z-index:9999; overflow: visible; position: fixed; left:-100%; top:0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px");} #loading img{position:absolute; top:32%; left:40%; margin:-35px 0 0 -60px;} #workpop{width:100%; background:#fff; overflow:hidden; position:absolute; top:0 ;left:0; display:none; z-index:9997;} .subindex{width:100%; overflow:hidden;} /*案例展示*/ .S_case{ width:100%; height:775px; background:#F7f7f7; margin-top:10px; } .S_case_n{ width:1200px; margin:0 auto; position:relative;} .S_case_menu{ height:100px;} .S_case_menu span{ font-size:30px; font-weight:normal; text-align:center; color:#000000; float:left; width:1200px; margin:35px 0 20px 0; line-height:30px;} .S_case_u{ width:422px; margin:0 auto;} .S_case_u li{ float:left; margin-left:15px; } .S_case_u li a{ width:120px; text-align:center; color:#ffffff; border:1px solid #0068b7; display:block;height:30px; line-height:30px; } .S_case_u li a:hover,.S_case_u li a.on{ border:1px solid #ffffff; width:120px; text-align:center; color:#ffffff; height:30px; line-height:30px;} .s_case_m{ border:1px solid #c1c1c1; background:#ffffff; float:right; height:15px; margin-top:8px; line-height:15px; padding:0 3px; } .S_case_c{ width:1200px; display:none; height:656px; overflow:hidden;} .S_case_c ul{width:1200px;} .S_case_c ul li{ width:370px; margin-right:30px; float:left; height:284px; margin-bottom:30px;overflow:hidden;} .S_case_c ul li a{ width:380px; position:relative;} .S_case_c ul li a img{ width:380px; height:284px; } .S_case_c ul li a span{ padding:10px 18px; width:343px; display:none; position:absolute; left:0; bottom:4px; height:42px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; background:#000000;} .S_case_c ul li a:hover span{ display:block; color:#fff; font-size:12px; z-index:1;} .S_case_c li:hover img {opacity: 1; -webkit-transform: scale(1.2,1.2);-webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; -moz-transform: scale(1.2,1.2); -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms; } .s_case{ width:100%; height:30px; margin:10px auto; text-align:center; cursor:pointer; float:left;color: #000000;font-size: 40px;} .s_case a{color: #000000} .s_case a:hover{color: #000000} .casepic{margin-top:10px; } .casepic p{margin-top: 15px;} /*案例展示*/ /*首页右侧浮动1*/ .side{position:fixed; width:54px;height:219px;right:0;top:50%; z-index:99999; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95;_position: absolute; _clear: both; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 1 : document.body.scrollTop +(document.body.clientHeight-this.clientHeight) - 1);} .side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444; cursor:pointer;} .side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;} .side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;} .side ul li .sidetop:hover{background:#e5371f;opacity:1;filter:Alpha(opacity=100);} .side ul li img{float:left;} /*关于我们*/ .ban-img {height: 448px;} .ban-img img{width: 100%;} .banBox {width: 100%;height: 600px;overflow: hidden;} .pr {position: relative;} .bB-bg {width: 100%;background-repeat: no-repeat; background-position: left -46px;background-image: url(bg.png);position: absolute;left: 0;z-index: 10;} .bB-bbg {height: 48px;background-position: left bottom;top: 500px;} .mainBox {width: 100%;} .mainContent {width: 1200px;color: #3d3939;padding-top: 20px;padding-bottom: 22px; margin-left: auto;margin-right: auto;} .mCtit {text-align: center;color: #3d3939;border-bottom: 1px solid #ff6328;padding-bottom: 15px;} .mCtit {text-align: center;margin-bottom: 50px;} .mCtit .h1en {font-size: 30px;line-height: 36px;} .mCtxt {font-size: 16px;line-height: 26px;text-align: center;overflow: hidden;margin-bottom: 26px;} .mCbtn, .mCbtn1, .m4-btn {width: 28px;height: 28px;cursor: pointer;margin-left: auto; margin-right: auto;} .mCbtn a, .mCbtn1 a, .m4-btn a {width: 28px;height: 28px;display: block;background: url(/images/bg8.jpg) no-repeat left top;} .fenx a, .mCbtn a, .m4-btn a, .mNt-li .btn {-webkit-transition: background .3s cubic-bezier(.17,.67,.88,1.25),color .2s linear;-moz-transition: background .3s cubic-bezier(.17,.67,.88,1.25),color .2s linear;-o-transition: background .3s cubic-bezier(.17,.67,.88,1.25),color .2s linear;transition: background .3s cubic-bezier(.17,.67,.88,1.25),color .2s linear;} .mCbtn a:hover,.mCbtn1 a:hover,.mCbtn.on a,.m4-btn a:hover{background-position:left bottom} .linkThree {padding-top: 40px;position: relative;} .link, .linkThree {width: 100%;padding-bottom: 46px;background: #f2f2f2 ;} .w1002 { width: 1200px;margin-left: auto;margin-right: auto;} .ThreeUl {padding-bottom: 20px;} .ThreeUl li {width: 380px;height: 283px;float: left;cursor: pointer;padding: 0 10px 0 0px;} .libg-1 .img {background-image: url(/images/a-1.jpg);} .ThreeUl .img { width: 213px;height: 215px;overflow: hidden;margin: 0 auto 16px; -webkit-border-radius: 213px; -moz-border-radius: 213px; -o-border-radius: 213px;border-radius: 213px;background-repeat: no-repeat;background-position: left top;position: relative;} .ThreeUl .txt {height: 48px;font-size: 18px;line-height: 24px;text-align: center;} .libg-2 .img {background-image: url(/images/b-1.jpg);} .libg-3 .img {background-image: url(/images/c-1.jpg);} .ThreeUl li.clear { width: 100%; height: 0;float: none;} .ThreeCont { width: 100%; height: 10px;position: absolute;left: 0; top: -50px;z-index: 10;} .ThreeCont .tab2-con { width: 100%;height: 439px;display: none;background: url(/images/ThreeCont.jpg) no-repeat left top;} .hidden { display: none;} .ThreeCont .w1002 { width: 1200px;height: 300px;padding-top: 95px;} .w1002 {width: 1200px;margin-left: auto;margin-right: auto;} .pr {position: relative;} .close { width: 34px;height: 44px; cursor: pointer;background: url(/images/close.png) no-repeat;right: 0;top: 92px;} .pa {position: absolute;} .ThreeCont .img, .ThreeCont .img img { width: 150px; height: 150px;} .ThreeCont .img {padding: 53px;overflow: hidden;background: url(/images/bg9.png) no-repeat;} .fl, .fldi {float: left;} .ThreeCont .mTow-txt {width: 850px;padding-top: 12px;padding-right: 0;} .mTow-txt {width: 490px;padding-top: 100px;} .mTit {height: 82px;color: #3d3939;} .mTit p.en {height: 36px;font-size: 30px;font-family: Myriad Pro;line-height: 36px;} .mTit p.cn {height: 46px;font-size: 24px;line-height: 46px;display: block;} .ThreeCont .mTow-p p {padding: 4px 0;} .fr, .frdi { float: right;} /*栏目*/ .contactmore{ width:1200px; height:98px; border:1px solid #bbbbbb; margin:auto; margin-top:30px; margin-bottom:30px;} .contactmore ul li{ width:299px; height:98px; float:left;border-right:1px solid #bbbbbb;} .contactmore ul li:hover{ background:#e94b40;border-right:1px solid #e94b40;} .contactmore ul li dl{ padding:0; margin:0;} .contactmore ul li dl dt{ padding:0; margin:30px 18px 0 19px; height:38px; width:38px; background:url(/images/morehover1.png) no-repeat; color:#fff; font-size:24px; line-height:38px; text-indent:9px; font-style:italic; float:left;} .contactmore ul li:hover dl dt{background:url(/images/morehover2.png) no-repeat; color:#e94b40;} .contactmore ul li dl dd{ padding:0; margin:0;margin-top:30px; float:left;} .contactmore ul li dl dd h3{ color:#333333; font-size:18px; font-weight:normal} .contactmore ul li dl dd h3 a{ color:#333333;} .contactmore ul li:hover dl dd h3{ color:#fff;} .contactmore ul li dl dd h4{ color:#999999; font-size:14px; font-weight:normal} .contactmore ul li dl dd h4 a{ color:#999999;} .contactmore ul li:hover dl dd h4{ color:#fff;} .contactmore ul li.last{ border:none; width:300px;} /*微信*/ #banner{ width:100%; position:relative;} #banner .picField{ width:100%; height:100%; position:relative; z-index:2;} #banner .picField .list{ width:100%; height:100%;} #banner .picField .list ul{ width:100%; height:100%; position:relative;} #banner .picField .list ul li{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; overflow:hidden;} #banner .picField .list ul li a,#banner .picField .list ul li span{ display:block; width:100%; margin:0 auto; height:100%;} #banner .picField .list ul li img{ display:block; height:100%; width:auto; margin:0 auto;} #banner .controlField{ width:100%; height:0; position:absolute; left:0; top:0; z-index:1;} #banner .controlField span{ position:absolute; top:0; display:block; width:100px; cursor:pointer;} #banner .controlField .leftArrow{ left:0; background:url(/images/btn_arrow_05.gif) 50% 50% no-repeat;} #banner .controlField .rightArrow{ right:0; background:url(/images/btn_arrow_06.gif) 50% 50% no-repeat;} /*功能*/ .infoPanel_01{ padding:12px 0 0;} .infoPanel_01 h2{ font-size:18px; line-height:40px; color:#717171;} .infoPanel_01 h2 span{ display:inline-block; vertical-align:middle;} .infoPanel_01 h1{ font-size:40px; font-weight:bold; color:#646464; line-height:50px;} .infoPanel_01 h1 font{ color:#1570A6} .caseListPanel_01{ padding:0 0 30px; min-width:940px} .caseListPanel_01 .titleField{} .caseListPanel_01 .titleField h1{ font-size:16px; line-height:40px; color:#000;} .caseListPanel_01 .titleField h2{ font-size:30px; line-height:40px; padding:18px 0 34px; color:#000;} .caseListPanel_01 .linkField{ padding:12px 0;} .caseListPanel_01 .fix{ background:#fafafa;} .caseListPanel_01 .linkField ul{ font-size:0;} .caseListPanel_01 .linkField ul li{ display:inline-block; vertical-align:middle; padding:1px; border:1px solid #e8e8e8; margin:0 8px 8px 0; font-size:12px;} .caseListPanel_01 .linkField ul li a{ display:block; line-height:26px; background:#fbfbfb; padding:0 14px; color:#676767; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, background-color 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, background-color 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, background-color 0.3s, color 0.3s; transition: transform 0.3s, background-color 0.3s, color 0.3s;} .caseListPanel_01 .linkField ul li.on{ background:#626261;} .caseListPanel_01 .linkField ul li.on a{ background:url(/images/icon_arrow_02.gif) 50% 100% no-repeat; margin:0 0 -2px; padding-bottom:2px; color:#fff;} .caseListPanel_01 .linkField ul li a:hover{ background-color:#626261; color:#fff; text-decoration:none;} .caseListPanel_01 .linkField ul li.on a:hover{ background-color:transparent;} .caseListPanel_01 .listField{ width:100%; } .caseListPanel_01 .listField ul{ position:relative; margin:0 auto;} .caseListPanel_01 .listField ul li{ position:absolute; width:218px; padding:0; background:#fff;box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-transition: -webkit-transform 0.3s, left 0.3s, top 0.3s; -moz-transition: -moz-transform 0.3s, left 0.3s, top 0.3s; -ms-transition: -ms-transform 0.3s, left 0.3s, top 0.3s; -o-transition: -o-transform 0.3s, left 0.3s, top 0.3s; transition: transform 0.3s, left 0.3s, top 0.3s;} .caseListPanel_01 .listField ul li .img{ width:100%; position:relative;} .caseListPanel_01 .listField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden; position:relative; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;} .caseListPanel_01 .listField ul li .img .mask{ display:none; position:absolute; left:0; bottom:0; height:20px; width:100%; background:url(/images/mask_img_01.png) 0 0 no-repeat;} .caseListPanel_01 .listField ul li .img a:hover{ opacity:0.8;} .caseListPanel_01 .listField ul li .img img{ display:block; width:100%; height:auto;} .caseListPanel_01 .listField ul li .text{ padding:10px 16px; color:#444; font-family:"宋体"; width:186px;text-justify:inter-ideograph; text-align:justify; } .caseListPanel_01 .listField ul li .text p{text-justify:inter-ideograph; text-align:justify;} .caseListPanel_01 .listField ul li .control{ position:relative; padding:0 15px; width:188px; margin:0 auto; height:43px; background:#fafafa; text-align:right; border-top:1px solid #f3f3f3;} .caseListPanel_01 .listField ul li .control p{ padding:11px 0; margin:0 -4px; line-height:20px;} .caseListPanel_01 .listField ul li .control .btn{ display:inline-block; vertical-align:middle; font-size:11px; color:#a7a7a7; padding:0 4px 0 20px; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;} .caseListPanel_01 .listField ul li .control .btn1{ background:url(/images/icon_view_01.gif) 0 50% no-repeat;} .caseListPanel_01 .listField ul li .control .btn2{ background:url(/images/icon_like_01.gif) 0 50% no-repeat;} .caseListPanel_01 .listField ul li .control .btn:hover{ text-decoration:none; opacity:0.8;} .caseListPanel_01 .listField ul li.long{} .caseListPanel_01 .listField ul li.long .img{ height:800px;} .caseListPanel_01 .listField ul li.long .img .mask{ display:block;} .caseListPanel_01 .loadingField{ padding:30px 0 10px; text-align:center;} .caseListPanel_01 .loadingField .loading{ display:inline-block; vertical-align:middle; line-height:32px; height:32px; padding:0 0 0 30px; background:url(/images/icon_loading_01.gif) 0 50% no-repeat;} .caseDetailPanel_01{ padding:35px 0; position:relative; z-index:2;} .caseDetailPanel_01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;} .caseDetailPanel_01 .infoField{ width:232px; float:left; background:#fff; padding:0 0 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);} .caseDetailPanel_01 .infoField .title{ padding:10px 0 0 20px;} .caseDetailPanel_01 .infoField .title h1{ font-size:16px; font-weight:bold; color:#000; line-height:30px;} .caseDetailPanel_01 .infoField .title .more{ color:#d80000;} .caseDetailPanel_01 .infoField .title .more a{ color:#d80000;} .caseDetailPanel_01 .infoField .links{ padding:10px 20px 0; color:#444;} .caseDetailPanel_01 .infoField .links a, .caseDetailPanel_01 .infoField .links span{ display:block;} .caseDetailPanel_01 .infoField .links em{ color:#aaa;} .caseDetailPanel_01 .infoField .links .link1{ padding:0 0 0 18px; background:url(/images/icon_like_01.gif) -2px 50% no-repeat;} .caseDetailPanel_01 .infoField .text{ padding:10px 20px;} .caseDetailPanel_01 .infoField .btns{ padding:0 20px 10px;} .caseDetailPanel_01 .infoField .btns .btn{ display:inline-block; vertical-align:middle;} .caseDetailPanel_01 .infoField .btns .btn1{ padding:0 4px 0 20px; background:url(/images/icon_arrow_03.gif) 5px 50% no-repeat #d80000; color:#fff; cursor:pointer; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;} .caseDetailPanel_01 .infoField .btns .btn1:hover{ text-decoration:none; opacity:0.8} .caseDetailPanel_01 .infoField .share{ padding:10px 0 0 16px;} .caseDetailPanel_01 .detailField{ margin:0 0 0 252px; background:#fff; box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); padding:20px; width:668px; position:relative;} .caseDetailPanel_01 .detailField .img{ width:100%;} .caseDetailPanel_01 .detailField .img span{ display:block; width:100%; overflow:hidden; padding:0 0 15px;} .caseDetailPanel_01 .detailField .img img{ display:block;} .caseDetailPanel_01 .detailField .btns{ position:absolute; left:24px; top:24px; display:none;} .caseDetailPanel_01 .detailField:hover .btns{ display:block;} .caseDetailPanel_01 .detailField .btns .btn{ display:block; width:35px; height:39px; padding:0 0 0 35px; color:#fff; background:url(/images/btn_like_01.png) 0 0 no-repeat; line-height:39px; opacity:0.8; cursor:pointer;} .caseDetailPanel_01 .detailField .btns .btn:hover{ opacity:1; text-decoration:none;} .caseDetailPanel_01 .listField{ margin:20px 0 0 252px; background:#fff; box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); padding:20px 0 20px 20px; width:688px;} .caseDetailPanel_01 .listField .title{ height:30px; padding:0 0 15px;} .caseDetailPanel_01 .listField .title h1{ line-height:30px; font-size:18px;} .caseDetailPanel_01 .listField .list{} .caseDetailPanel_01 .listField .list ul{} .caseDetailPanel_01 .listField .list ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;} .caseDetailPanel_01 .listField .list ul li{ width:158px; height:200px; padding:0 12px 12px 0; float:left;} .caseDetailPanel_01 .listField .list ul li .img{ width:100%; height:158px; background:#eee;} .caseDetailPanel_01 .listField .list ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;} .caseDetailPanel_01 .listField .list ul li .img img{ display:block; width:100%; height:auto;} .caseDetailPanel_01 .listField .list ul li .text{ height:42px; line-height:42px; background:#fafafa;} .caseDetailPanel_01 .listField .list ul li .text a{ display:block; padding:0 12px; height:100%; overflow:hidden;} .siblingsBtnPanel_01{ position:fixed; width:100%; height:0; left:0; top:50%; z-index:4;} .siblingsBtnPanel_01 .btn{ display:block; position:absolute; width:4%; height:80px; margin:-40px 0 0;} .siblingsBtnPanel_01 .btn span{ display:block; position:absolute; width:100%; height:100%; max-width:63px; text-indent:-9999px; overflow:hidden; opacity:0.4;} .siblingsBtnPanel_01 .rightBtn{ right:0;} .siblingsBtnPanel_01 .rightBtn:hover{} .siblingsBtnPanel_01 .rightBtn span{ right:0; background:url(/images/btn_arrow_03.png) 50% 50% no-repeat;} .siblingsBtnPanel_01 .rightBtn:hover span{ opacity:0.2;} .siblingsBtnPanel_01 .leftBtn{ left:0;} .siblingsBtnPanel_01 .leftBtn:hover{} .siblingsBtnPanel_01 .leftBtn span{ left:0; background:url(/images/btn_arrow_04.png) 50% 50% no-repeat;} .siblingsBtnPanel_01 .leftBtn:hover span{ opacity:0.2;} .scrollIconPanel_01{ position:relative; height:84px; padding:20px 42px;} .scrollIconPanel_01 .listField{ position:relative; width:100%; height:100%; overflow:hidden;} .scrollIconPanel_01 .listField ul{ position:absolute; left:0; top:0; width:200%; height:100%; overflow:hidden;} .scrollIconPanel_01 .listField ul li{ width:84px; height:100%; padding:0 15px 0 0; float:left;} .scrollIconPanel_01 .listField ul li a,.scrollIconPanel_01 .listField ul li span{ display:block; width:100%; height:100%; overflow:hidden; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;} .scrollIconPanel_01 .listField ul li a:hover,.scrollIconPanel_01 .listField ul li span:hover{ opacity:0.8;} .scrollIconPanel_01 .listField ul li img{ display:block;} .scrollIconPanel_01 .controlField{ position:absolute; left:0; top:20px; width:100%; height:0;} .scrollIconPanel_01 .controlField span{ display:block; position:absolute; top:0; width:30px; height:84px; cursor:pointer; opacity:0.4; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;} .scrollIconPanel_01 .controlField span:hover{ opacity:1;} .scrollIconPanel_01 .controlField span.leftArrow{ left:0; background:url(/images/btn_arrow_04.png) 0 50% no-repeat;} .scrollIconPanel_01 .controlField span.rightArrow{ right:0; background:url(/images/btn_arrow_03.png) 100% 50% no-repeat;} .textPanel_01{ width:100%; padding:40px 0 30px} /*.textPanel_01 img{ display:block; max-width:100%; height:auto; text-align:center}*/ .textPanel_01 .pic{ text-align:center; width:100%} .caseListPanel_02{ padding:20px 0 30px; width:100%;} .caseListPanel_02 .titleField{ height:40px;} .caseListPanel_02 .titleField h1{ font-size:18px; color:#717171; font-weight:bold;} .caseListPanel_02 .listField{ width:100%; overflow:hidden;} .caseListPanel_02 .listField ul{ width:999px;zoom:1} .caseListPanel_02 .listField ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;} .caseListPanel_02 .listField ul li{ width:300px; height:250px; padding:0 30px 30px 0; float:left;} .caseListPanel_02 .listField ul li .img{ width:100%; height:195px;} .caseListPanel_02 .listField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;} .caseListPanel_02 .listField ul li .img img{ display:block;} .caseListPanel_02 .listField ul li .text{ padding:20px 0 0;} .caseListPanel_02 .listField ul li .text a{ display:block; text-align:center;} .caseListPanel_02 .listField ul li .text a em{ display:block; color:#8e8e8e;} .caseListPanel_02 .listField ul li .text a span{ display:block; color:#000;} .caseListPanel_02 .listField .moreCase{ text-align:right; line-height:25px; font-size:20px; padding-right:20px} #info h3{ font-size:36px; color:#555555; text-align:center; line-height:42px; font-family:Arial,"微软雅黑"} #info h4{ font-size:20px; font-weight:normal; text-align:center; color:#555555; padding:15px 0;font-family:Arial,"微软雅黑"} #info h3 em,#info h4 em{ color:#ff0000;} .infoPanel_02{ background:#f4f4f4;} .infoPanel_02 .titleField{ padding:36px 0 0;} .infoPanel_02 .titleField h1{} .infoPanel_02 .titleField h1 img{ display:block; margin:0 auto;} .infoPanel_02 .listField{ max-width:1158px; width:96%; margin:0 auto; padding:40px 20px 10px; font-size:0; text-align:center;} .infoPanel_02 .listField .circle{ width:33%; display:inline-block; vertical-align:top; height:224px; padding:0 0 50px; font-size:24px} .infoPanel_02 .listField .circle dl{ width:224px; height:224px; border-radius:224px; background:#fff; margin:0 auto; overflow:hidden; position:relative; cursor:pointer; z-index:1;} .infoPanel_02 .listField .circle dt{ width:100%; height:100%; line-height:30px;} .infoPanel_02 .listField .circle dd{ font-size:18px; color:#fff; width:100%; border-radius:224px; height:100%; position:absolute; background:#7abc5b; left:0; top:0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform:rotate(-90deg) translate(80px,80px); -moz-transform:rotate(-90deg) translate(80px,80px); -o-transform:rotate(-90deg) translate(80px,80px); -ms-transform:rotate(-90deg) translate(80px,80px); transform:rotate(-90deg) translate(80px,80px); z-index:2;} .infoPanel_02 .listField .circle p{ width:100%; display:inline-block; vertical-align:middle;} .infoPanel_02 .listField .circle i{ width:0; height:100%; display:inline-block; vertical-align:middle;} .infoPanel_02 .listField .circle dl:hover dd{ display:block; -webkit-transform:rotate(0) translate(0,0); -moz-transform:rotate(0) translate(0,0); -o-transform:rotate(0) translate(0,0); -ms-transform:rotate(0) translate(0,0); transform:rotate(0) translate(0,0)} .infoPanel_03{ background:#fff; padding:0 0 100px;} .infoPanel_03 .titleField{ padding:42px 0 0;} .infoPanel_03 .titleField h1{} .infoPanel_03 .titleField h1 img{ display:block; margin:0 auto;} .infoPanel_03 .listField{ width:350px; height:350px; margin:40px auto 0;} .infoPanel_03 .listField dl{ width:100%; height:100%; position:relative;} .infoPanel_03 .listField dl dt{ width:100%; height:100%; position:relative; z-index:2;} .infoPanel_03 .listField dl dt i{ width:0; height:100%; display:inline-block; vertical-align:middle;} .infoPanel_03 .listField dl dt p{ width:100%; display:inline-block; vertical-align:middle;} .infoPanel_03 .listField dl dt p img{ display:block; margin:0 auto;} .infoPanel_03 .listField dl .bg_01{ width:100%; height:100%; background:url(/images/bg_info_03.gif) 50% 50% no-repeat; position:absolute; left:0; top:0; z-index:1;} .infoPanel_03 .listField dl .list1{ position:absolute; left:-150px; top:62px; width:210px;} .infoPanel_03 .listField dl .list1 i{ display:inline-block; height:40px; vertical-align:bottom; width:60px; background:url(/images/text_num_01_01.gif) 0 2px no-repeat;} .infoPanel_03 .listField dl .list1 p{ display:inline-block; vertical-align:bottom; font-size:16px; line-height:20px;} .infoPanel_03 .listField dl .list2{ position:absolute; left:340px; top:62px; width:210px;} .infoPanel_03 .listField dl .list2 i{ display:inline-block; height:40px; vertical-align:bottom; width:60px; background:url(/images/text_num_02_01.gif) 0 2px no-repeat;} .infoPanel_03 .listField dl .list2 p{ display:inline-block; vertical-align:bottom; font-size:16px; line-height:20px;} .infoPanel_03 .listField dl .list3{ position:absolute; left:150px; top:360px; width:210px;} .infoPanel_03 .listField dl .list3 i{ display:inline-block; height:40px; vertical-align:bottom; width:60px; background:url(/images/text_num_03_01.gif) 0 2px no-repeat;} .infoPanel_03 .listField dl .list3 p{ display:inline-block; vertical-align:bottom; font-size:16px; line-height:20px;} .infoPanel_04{ background:#f4f4f4; padding:0 0 72px;} .infoPanel_04 .titleField{ padding:50px 0 0;} .infoPanel_04 .titleField h1{} .infoPanel_04 .titleField h1 img{ display:block; margin:0 auto;} .infoPanel_04 .listField{ margin:10px auto 0; padding:100px 0 0; width:840px; background:url(/images/bg_vs_01.gif) 50% 0 no-repeat; position:relative;} .infoPanel_04 .listField:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;} .infoPanel_04 .listField .info1{ width:299px; height:327px; background:url(/images/pic_statistics_01.jpg) 0 0 no-repeat; float:left;} .infoPanel_04 .listField .info1 h2{ text-align:center; font-size:22px; line-height:36px; padding:24px 0 190px;} .infoPanel_04 .listField .info1 p{ text-align:center; font-size:14px; line-height:36px;} .infoPanel_04 .listField .info2{ width:299px; height:327px; background:url(/images/pic_statistics_02.jpg) 0 0 no-repeat; float:right;} .infoPanel_04 .listField .info2 h2{ text-align:center; font-size:22px; line-height:36px; padding:24px 0 65px;} .infoPanel_04 .listField .info2 p{ text-align:center; font-size:14px; line-height:36px;} .infoPanel_04 .listField .info3{ width:299px; height:327px; background:url(/images/pic_statistics_03.jpg) 0 0 no-repeat; float:left;} .infoPanel_04 .listField .info3 h2{ text-align:center; font-size:22px; line-height:36px; padding:24px 0 190px;} .infoPanel_04 .listField .info3 p{ text-align:center; font-size:14px; line-height:36px;} .infoPanel_04 .listField .vs{ position:absolute; width:48px; height:35px; background:url(/images/text_vs_01.gif) 0 0 no-repeat; left:50%; margin-left:-24px; top:250px;} .infoPanel_05{ background:#fff; padding:0 0 90px;} .infoPanel_05 .titleField{ padding:50px 0 0;} .infoPanel_05 .titleField h1{} .infoPanel_05 .titleField h1 img{ display:block; margin:0 auto;} .infoPanel_05 .listField{ max-width:1158px; width:96%; margin:0 auto; padding:50px 0 0; font-size:0; text-align:center; font-size:0;} .infoPanel_05 .listField dl{ width:19%; vertical-align:top; display:inline-block; font-size:18px;} .infoPanel_05 .listField dt{ width:90%; margin:0 auto; background:url(/images/bg_num_01.gif) 100% 0 repeat-x #f4f4f4; height:75px;} .infoPanel_05 .listField dt img{ display:block; padding:21px 0 0 17px;} .infoPanel_05 .listField dd{ width:90%; background:#f4f4f4; margin:0 auto; height:230px; text-align:center;} .infoPanel_05 .listField dd i{ display:inline-block; height:100%; width:0; vertical-align:middle;} .infoPanel_05 .listField dd p{ display:inline-block; width:90%; vertical-align:middle; line-height:26px;} .infoPanel_06{ background:#f4f4f4;} .infoPanel_06.bg01{ background:#FFF} .infoPanel_06 .titleField{ padding:36px 0 0;} .infoPanel_06 .titleField h1{} .infoPanel_06 .titleField h1 img{ display:block; margin:0 auto;} .infoPanel_06 .listField{ max-width:1158px; width:96%; margin:0 auto; padding:50px 20px 10px; font-size:0; text-align:center;} .infoPanel_06 .listField .circle{ width:24%; display:inline-block; vertical-align:top; height:162px; padding:0 0 50px; font-size:18px} .infoPanel_06 .listField .circle dl{ width:162px; height:162px; border-radius:162px; background:#fff; margin:0 auto; overflow:hidden; position:relative; cursor:pointer; z-index:1;} .infoPanel_06 .listField .circle dt{ width:100%; height:100%; line-height:30px;} .infoPanel_06 .listField .circle dt em{ color:#ff0202;} .infoPanel_06 .listField .circle dd{ font-size:16px; color:#fff; width:100%; border-radius:162px; height:100%; position:absolute; background:#457bed; left:0; top:0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform:rotate(-90deg) translate(80px,80px); -moz-transform:rotate(-90deg) translate(80px,80px); -o-transform:rotate(-90deg) translate(80px,80px); -ms-transform:rotate(-90deg) translate(80px,80px); transform:rotate(-90deg) translate(80px,80px); z-index:2;} .infoPanel_06 .listField .circle p{ width:100%; display:inline-block; vertical-align:middle;} .infoPanel_06 .listField .circle i{ width:0; height:100%; display:inline-block; vertical-align:middle;} .infoPanel_06 .listField .circle dl:hover dd{ display:block; -webkit-transform:rotate(0) translate(0,0); -moz-transform:rotate(0) translate(0,0); -o-transform:rotate(0) translate(0,0); -ms-transform:rotate(0) translate(0,0); transform:rotate(0) translate(0,0)} .infoPanel_06 .mobile .circle{ width:20%; padding:0 0 30px} .infoPanel_06 .mobile .circle dl{ background:#f4f4f4} .infoPanel_06 .mobile .circle dd{ background:#ef7171} .infoPanel_07{ background:#fff;} .infoPanel_07 .listField{ max-width:1158px; width:96%; margin:0 auto; padding:50px 20px 30px; font-size:0; text-align:center;} .infoPanel_07 .listField .circle{ width:33%; display:inline-block; vertical-align:top; height:224px; padding:0 0 30px; font-size:24px} .infoPanel_07 .listField .circle dl{ width:224px; height:224px; border-radius:224px; background:#f4f4f4; margin:0 auto; overflow:hidden; position:relative; cursor:pointer; z-index:1;} .infoPanel_07 .listField .circle dt{ width:100%; height:100%; line-height:30px; color:#666} .infoPanel_07 .listField .circle dd{ font-size:18px; color:#fff; width:100%; border-radius:224px; height:100%; position:absolute; background:#7abc5b; left:0; top:0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform:rotate(-90deg) translate(80px,80px); -moz-transform:rotate(-90deg) translate(80px,80px); -o-transform:rotate(-90deg) translate(80px,80px); -ms-transform:rotate(-90deg) translate(80px,80px); transform:rotate(-90deg) translate(80px,80px); z-index:2;} .infoPanel_07 .listField .circle p{ width:100%; display:inline-block; vertical-align:middle;} .infoPanel_07 .listField .circle i{ width:0; height:100%; display:inline-block; vertical-align:middle;} .infoPanel_07 .listField .circle dl:hover dd{ display:block; -webkit-transform:rotate(0) translate(0,0); -moz-transform:rotate(0) translate(0,0); -o-transform:rotate(0) translate(0,0); -ms-transform:rotate(0) translate(0,0); transform:rotate(0) translate(0,0)} .infoPanel_08{ background:#f4f4f4; padding:0 0 40px;} .infoPanel_08 .titleField{ padding:36px 0 0;} .infoPanel_08 .titleField h1{} .infoPanel_08 .titleField h1 img{ display:block; margin:0 auto;} .infoPanel_08 .listField{ position:relative; overflow:hidden;} .infoPanel_08 .listField .bgF_01{ max-width:1158px; width:96%; margin:0 auto -1px; padding:0 20px 0; font-size:0; text-align:center;} .infoPanel_08 .listField .circle{ width:19%; display:inline-block; vertical-align:top; height:192px; padding:48px 0 0; border-bottom:1px solid #d1d1d1;} .infoPanel_08 .listField .circle dl{ width:117px; height:117px; border-radius:117px; font-size:16px; color:#000; background:#fff; margin:0 auto; overflow:hidden; position:relative; cursor:pointer; z-index:1;} .infoPanel_08 .listField .circle dt{ width:100%; height:100%; line-height:30px; position:relative;} .infoPanel_08 .listField .circle dd{ color:#fff; width:100%; border-radius:117px; height:100%; position:absolute; background:#0091d9; left:0; top:0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform:rotate(-90deg) translate(80px,80px); -moz-transform:rotate(-90deg) translate(80px,80px); -o-transform:rotate(-90deg) translate(80px,80px); -ms-transform:rotate(-90deg) translate(80px,80px); transform:rotate(-90deg) translate(80px,80px); z-index:2;} .infoPanel_08 .listField .circle i{ position:absolute; top:20px; width:50px; height:50px; left:50%; margin-left:-25px; background:url(/images/icon_weixin_01.gif) -33px -33px no-repeat;} .infoPanel_08 .listField .circle dd i{ background-image:url(/images/icon_weixin_02.gif);} .infoPanel_08 .listField .circle p{ padding:10px 0 0; color:#666; font-size:14px;} .infoPanel_08 .listField .circle dl p{ position:absolute; left:0; top:70px; width:100%; padding:0;} .infoPanel_08 .listField .circle dd p{ color:#fff;} .infoPanel_08 .listField .circle dl:hover dd{ display:block; -webkit-transform:rotate(0) translate(0,0); -moz-transform:rotate(0) translate(0,0); -o-transform:rotate(0) translate(0,0); -ms-transform:rotate(0) translate(0,0); transform:rotate(0) translate(0,0)} .infoPanel_08 .listField .icon1 i{ background-position:-33px -33px;} .infoPanel_08 .listField .icon2 i{ background-position:-263px -33px;} .infoPanel_08 .listField .icon3 i{ background-position:-493px -33px;} .infoPanel_08 .listField .icon4 i{ background-position:-723px -33px;} .infoPanel_08 .listField .icon5 i{ background-position:-953px -33px;} .infoPanel_08 .listField .icon6 i{ background-position:-33px -283px;} .infoPanel_08 .listField .icon7 i{ background-position:-263px -283px;} .infoPanel_08 .listField .icon8 i{ background-position:-493px -283px;} .infoPanel_08 .listField .icon9 i{ background-position:-723px -283px;} .infoPanel_08 .listField .icon10 i{ background-position:-953px -283px;} .infoPanel_08 .listField .icon11 i{ background-position:-33px -533px;} .infoPanel_08 .listField .icon12 i{ background-position:-263px -533px;} .infoPanel_08 .listField .icon13 i{ background-position:-493px -533px;} .infoPanel_08 .listField .icon14 i{ background-position:-723px -533px;} .infoPanel_08 .listField .icon15 i{ background-position:-953px -533px;} .infoPanel_08 .listField .icon16 i{ background-position:-33px -783px;} .infoPanel_08 .listField .icon17 i{ background-position:-263px -783px;} .infoPanel_08 .listField .icon18 i{ background-position:-493px -783px;} .infoPanel_08 .listField .icon19 i{ background-position:-723px -783px;} .infoPanel_08 .listField .icon20 i{ background-position:-953px -783px;} .infoPanel_08 .listField .icon21 i{ background-position:-33px -1033px;} .infoPanel_08 .listField .icon22 i{ background-position:-263px -1033px;} .infoPanel_08 .listField .icon23 i{ background-position:-493px -1033px;} .infoPanel_08 .listField .icon24 i{ background-position:-723px -1033px;} .infoPanel_08 .listField .icon25 i{ background-position:-953px -1033px;} .infoPanel_09{ background:#fff;} .infoPanel_09 .contentField{ max-width:1158px; width:96%; margin:0 auto; padding:36px 20px 60px;} .infoPanel_09 .contentField span{ display:block;} .infoPanel_09 .contentField img{ display:block; margin:0 auto;} .infoPanel_10{ background:#f4f4f4;} .infoPanel_10 .contentField{ max-width:1158px; width:96%; margin:0 auto; padding:36px 20px 60px;} .infoPanel_10 .contentField span{ display:block;} .infoPanel_10 .contentField img{ display:block; margin:0 auto;} .infoPanel_10 .contentField .content1{ padding:0 0 20px; border-bottom:1px solid #ddd;} .infoPanel_10 .contentField .content2{ padding:30px 0 0;} .infoPanel_11{ background:#f4f4f4;} .infoPanel_11 .titleField{ padding:36px 0 0;} .infoPanel_11 .titleField h1{} .infoPanel_11 .titleField h1 img{ display:block; margin:0 auto;} /*.infoPanel_11 .listField{ max-width:1158px; width:96%; margin:0 auto; padding:50px 20px 10px; font-size:0; text-align:center;} .infoPanel_11 .listField .circle{ width:33%; display:inline-block; vertical-align:top; height:250px; font-size:18px; line-height:30px;} .infoPanel_11 .listField .circle .inner{ width:196px; height:196px; border-radius:196px; background:#fff; margin:0 auto; overflow:hidden; position:relative; cursor:pointer; z-index:1;} .infoPanel_11 .listField .circle .inner p{ width:100%; display:inline-block; vertical-align:middle;} .infoPanel_11 .listField .circle .inner i{ width:0; height:100%; display:inline-block; vertical-align:middle;} .infoPanel_11 .listField .circle .inner em{ color:#ff0202;}*/ .infoPanel_11 .listField{ max-width:1158px; width:96%; margin:0 auto; padding:50px 20px 10px; font-size:0; text-align:center;} .infoPanel_11 .listField .circle{ width:33%; display:inline-block; vertical-align:top; height:250px; font-size:18px; line-height:30px;} .infoPanel_11 .listField .circle dl{width:196px; height:196px; border-radius:196px; background:#fff; margin:0 auto; overflow:hidden; position:relative; cursor:pointer; z-index:1;} .infoPanel_11 .listField .circle dt{ width:100%; height:100%; line-height:30px; position:relative; } .infoPanel_11 .listField .circle dd{ color:#fff; width:100%; border-radius:196px; height:100%; position:absolute; background:#5caf1e; left:0; top:0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform:rotate(-90deg) translate(80px,80px); -moz-transform:rotate(-90deg) translate(80px,80px); -o-transform:rotate(-90deg) translate(80px,80px); -ms-transform:rotate(-90deg) translate(80px,80px); transform:rotate(-90deg) translate(80px,80px); z-index:2;} .infoPanel_11 .listField .circle p{ width:100%; display:inline-block; vertical-align:middle;} .infoPanel_11 .listField .circle i{ width:0; height:100%; display:inline-block; vertical-align:middle;} .infoPanel_11 .listField .circle em{ color:#ff0202;} .infoPanel_11 .listField .circle dl:hover dd{ display:block; -webkit-transform:rotate(0) translate(0,0); -moz-transform:rotate(0) translate(0,0); -o-transform:rotate(0) translate(0,0); -ms-transform:rotate(0) translate(0,0); transform:rotate(0) translate(0,0)} .infoPanel_11 .listField .circle dd em{ color:#fff;} .infoPanel_12{ background:#f4f4f4;} .infoPanel_12 .titleField{ padding:36px 0 0;} .infoPanel_12 .titleField h1{} .infoPanel_12 .titleField h1 img{ display:block; margin:0 auto;} .infoPanel_12 .listField{ max-width:1158px; width:96%; margin:0 auto; padding:40px 20px 10px; font-size:0; text-align:center;} .infoPanel_12 .listField .listArea{ text-align: center } .infoPanel_12 .listField .circle{ width:185px; display:inline-block;zoom:1;*display:inline; vertical-align:top; height:185px; padding:0 25px 50px; font-size:18px} .infoPanel_12 .listField .circle.padding{ padding:0 38px 50px} .infoPanel_12 .listField .circle dl{ width:185px; height:185px; border-radius:185px; background:#fff; margin:0 auto; overflow:hidden; position:relative; cursor:pointer; z-index:1;} .infoPanel_12 .listField .circle dt{ width:100%; height:100%; line-height:24px;} .infoPanel_12 .listField .circle dt em{ color:#ff0202;} .infoPanel_12 .listField .circle dd{line-height:24px; color:#fff; width:100%; border-radius:185px; height:100%; position:absolute; background:#457bed; left:0; top:0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform:rotate(-90deg) translate(80px,80px); -moz-transform:rotate(-90deg) translate(80px,80px); -o-transform:rotate(-90deg) translate(80px,80px); -ms-transform:rotate(-90deg) translate(80px,80px); transform:rotate(-90deg) translate(80px,80px); z-index:2;} .infoPanel_12 .listField .circle p{ width:100%; display:inline-block;zoom:1;*display:inline; vertical-align:middle;} .infoPanel_12 .listField .circle i{ width:0; height:100%; display:inline-block;zoom:1;*display:inline; vertical-align:middle;} .infoPanel_12 .listField .circle dl:hover dd{ display:block; -webkit-transform:rotate(0) translate(0,0); -moz-transform:rotate(0) translate(0,0); -o-transform:rotate(0) translate(0,0); -ms-transform:rotate(0) translate(0,0); transform:rotate(0) translate(0,0)} .infoPanel_13{ background:#f4f4f4; } .infoPanel_13 .listField{ max-width:1158px; width:96%; margin:0 auto; padding:40px 20px 10px; font-size:0; text-align:center;} .infoPanel_13 .listField .circle{ width:16%; display:inline-block;zoom:1;*display:inline; vertical-align:top; height:145px; padding:0 0 30px; font-size:16px} .infoPanel_13 .listField .circle.padding{ padding:0 38px 30px} .infoPanel_13 .listField .circle dl{ width:145px; height:145px; border-radius:145px; background:#fff; margin:0 auto; overflow:hidden; position:relative; cursor:pointer; z-index:1;} .infoPanel_13 .listField .circle dt{ width:100%; height:100%; line-height:24px;} .infoPanel_13 .listField .circle em{ color:#ff0202;} .infoPanel_13 .listField .circle dd{line-height:24px; color:#fff; width:100%; border-radius:145px; height:100%; position:absolute; background:#457bed; left:0; top:0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform:rotate(-90deg) translate(80px,80px); -moz-transform:rotate(-90deg) translate(80px,80px); -o-transform:rotate(-90deg) translate(80px,80px); -ms-transform:rotate(-90deg) translate(80px,80px); transform:rotate(-90deg) translate(80px,80px); z-index:2;} .infoPanel_13 .listField .circle p{ width:100%; display:inline-block;zoom:1;*display:inline; vertical-align:middle;} .infoPanel_13 .listField .circle i{ width:0; height:100%; display:inline-block;zoom:1;*display:inline; vertical-align:middle;} .infoPanel_13 .listField .circle dl:hover dd{ display:block; -webkit-transform:rotate(0) translate(0,0); -moz-transform:rotate(0) translate(0,0); -o-transform:rotate(0) translate(0,0); -ms-transform:rotate(0) translate(0,0); transform:rotate(0) translate(0,0)} .infoPanel_13 .listField .textContent{ background:url(/images/icon_website_03.png) 50% 0 no-repeat; padding:80px 0 30px} .infoPanel_13 .listField .textContent p{ font-size:20px; text-align:center; padding:0 0 20px; line-height:30px} .infoPanel_14{ background:#f4f4f4; } .infoPanel_14 .listField{ max-width:920px; width:96%; margin:0 auto; padding:36px 0 40px; font-size:0; text-align:center;} .infoPanel_14 .listField .content{ padding:50px 0 20px 560px; background:url(/images/icon_website_04.png) 0 100% no-repeat;} .infoPanel_14 .listField .content ul{} .infoPanel_14 .listField .content li{ border-bottom:1px dashed #d2d2d2; padding:15px 10px 15px 70px; text-align:left; background:url(/images/icon_website_05.png) 30px 50% no-repeat; font-size:16px; font-family:Arial, "微软雅黑" } .infoPanel_15{ background:#ffffff; } .infoPanel_15.bgcolor_01{ background:#f4f4f4} .infoPanel_15 .listField{ max-width:1158px; width:96%; margin:0 auto; padding:25px 20px 40px; font-size:0; text-align:center;} .infoPanel_15 .listField .content{ width:1000px; margin:0 auto; overflow:hidden;} .infoPanel_15 .listField .content .bg1{ position:relative; background:url(/images/icon_customer_02.gif) 50% 100% no-repeat; padding:0 0 144px} .infoPanel_15 .listField .content .bg2{ position:relative; background:url(/images/icon_website_06.png) 0 50% no-repeat; margin:30px 0; height:363px } .infoPanel_15 .listField .content .bg3{ position:relative; background:url(/images/icon_website_07.png) 50% 50% no-repeat; margin:30px 0; height:407px } .infoPanel_15 .listField .content .bg4{ background:url(/images/icon_website_08.png) 50% 0 no-repeat; margin:20px 0 0; padding:106px 0 0 } .infoPanel_15 .listField .circleContent{ width:1045px} .infoPanel_15 .listField .circle{ width:164px; display:inline-block;zoom:1;*display:inline; vertical-align:top; height:164px; padding:50px 45px 0 0; font-size:16px} .infoPanel_15 .listField .circle dl{ width:164px; height:164px; border-radius:164px; background:#f4f4f4; margin:0 auto; overflow:hidden; position:relative; cursor:pointer; z-index:1;} .infoPanel_15 .listField .circle dt{ width:100%; height:100%; line-height:24px;} .infoPanel_15 .listField .circle em{ color:#ff0202;} .infoPanel_15 .listField .circle dd{line-height:24px; color:#fff; width:100%; border-radius:164px; height:100%; position:absolute; background:#ffa800; left:0; top:0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform:rotate(-90deg) translate(80px,80px); -moz-transform:rotate(-90deg) translate(80px,80px); -o-transform:rotate(-90deg) translate(80px,80px); -ms-transform:rotate(-90deg) translate(80px,80px); transform:rotate(-90deg) translate(80px,80px); z-index:2;} .infoPanel_15 .listField .circle p{ width:100%; display:inline-block;zoom:1;*display:inline; vertical-align:middle;} .infoPanel_15 .listField .circle i{ width:0; height:100%; display:inline-block;zoom:1;*display:inline; vertical-align:middle;} .infoPanel_15 .listField .circle dl:hover dd{ display:block; -webkit-transform:rotate(0) translate(0,0); -moz-transform:rotate(0) translate(0,0); -o-transform:rotate(0) translate(0,0); -ms-transform:rotate(0) translate(0,0); transform:rotate(0) translate(0,0)} .infoPanel_15 .listField .content .bg1 .text{ position:absolute; left:230px; bottom:0; width:534px; height:53px; line-height:53px; font-size:18px; text-align:center} .infoPanel_15 .listField .content .bg2 .text1{ position:absolute; width:128px; height:128px; left:0; top:0} .infoPanel_15 .listField .content .bg2 .text2{ position:absolute; width:128px; height:128px; left:180px; top:0} .infoPanel_15 .listField .content .bg2 .text3{ position:absolute; width:128px; height:128px; left:666px; top:0} .infoPanel_15 .listField .content .bg2 .text4{ position:absolute; width:128px; height:128px; left:872px; top:113px} .infoPanel_15 .listField .content .bg2 .text5{ position:absolute; width:128px; height:128px; left:75px; top:235px} .infoPanel_15 .listField .content .bg2 .text6{ position:absolute; width:128px; height:128px; left:250px; top:235px} .infoPanel_15 .listField .content .bg2 .text7{ position:absolute; width:128px; height:128px; left:744px; top:234px} .infoPanel_15 .listField .content .bg2 p{ width:100%; display:inline-block;zoom:1;*display:inline; vertical-align:middle; font-size:16px; line-height:20px} .infoPanel_15 .listField .content .bg2 i{ width:0; height:100%; display:inline-block;zoom:1;*display:inline; vertical-align:middle;} .infoPanel_15 .listField .content .bg3 .text1{ position:absolute; width:116px; height:116px; left:62px; top:292px} .infoPanel_15 .listField .content .bg3 .text2{ position:absolute; width:116px; height:116px; left:134px; top:142px} .infoPanel_15 .listField .content .bg3 .text3{ position:absolute; width:116px; height:116px; left:262px; top:40px} .infoPanel_15 .listField .content .bg3 .text4{ position:absolute; width:116px; height:116px; left:434px; top:0px} .infoPanel_15 .listField .content .bg3 .text5{ position:absolute; width:116px; height:116px; left:612px; top:30px} .infoPanel_15 .listField .content .bg3 .text6{ position:absolute; width:116px; height:116px; left:749px; top:132px} .infoPanel_15 .listField .content .bg3 .text7{ position:absolute; width:116px; height:116px; left:822px; top:280px} .infoPanel_15 .listField .content .bg3 p{ width:100%; display:inline-block;zoom:1;*display:inline; vertical-align:middle; font-size:16px; line-height:20px} .infoPanel_15 .listField .content .bg3 i{ width:0; height:100%; display:inline-block;zoom:1;*display:inline; vertical-align:middle;} .infoPanel_15 .listField .content .bg4 .squareContent{ width:1030px;zoom:1} .infoPanel_15 .listField .content .bg4 .squareContent:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;} .infoPanel_15 .listField .content .bg4 .square{ width:177px; height:106px; float:left; margin-right:29px; background:url(/images/icon_customer_03.gif) 0 0 no-repeat; padding:40px 0; text-align:center} .infoPanel_15 .listField .content .bg4 i{ color:#ffa800; font-size:36px; font-family:Arial} .infoPanel_15 .listField .content .bg4 p{ padding:10px 0 0; line-height:25px; font-size:16px;} /*案例*/ .caseListPanel_03{ padding:30px 0 0; width:100%; background:#ffffff} .caseListPanel_03 .titleField{ width:1000px; margin:0 auto;} .caseListPanel_03 .titleField h1{font-size:36px; color:#555555; text-align:left; line-height:42px; font-family:Arial,"微软雅黑"; padding:0 0 30px} .caseListPanel_03 .content{ width:1000px; margin:0 auto; overflow:hidden} .caseListPanel_03 .listField{ width:100%; overflow:hidden;} .caseListPanel_03 .listField ul{ width:1060px;zoom:1} .caseListPanel_03 .listField ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;} .caseListPanel_03 .listField ul li{ width:310px; height:250px; padding:0 35px 40px 0; float:left;} .caseListPanel_03 .listField ul li .img{ width:100%; height:202px;} .caseListPanel_03 .listField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;} .caseListPanel_03 .listField ul li .img img{ display:block;} .caseListPanel_03 .listField ul li .text{ padding:20px 0 0;} .caseListPanel_03 .listField ul li .text a{ display:block; text-align:center;} .caseListPanel_03 .listField ul li .text a em{ display:block; color:#8e8e8e; font-size:14px} .caseListPanel_03 .listField ul li .text a span{ display:block; color:#000;} .caseListPanel_03 .listField .moreCase{ background: url("/images/icon_cross_01.gif") no-repeat scroll 25% 50% #f2f2f2;color: #6f6f6f;font-size: 14px;height: 32px;line-height: 32px; padding: 0 0 0 30px;text-align: center;width: 234px; margin:15px auto 40px} .caseListPanel_03 .listField .moreCase a{ display:block; width:100%; height:100%; color:#666666; font-size:14px} .caseListPanel_03 .border{ border-top:1px dashed #e4e4e4; padding:30px 0 0} .caseListPanel_03 .listField2{ overflow:hidden; width:105%} .caseListPanel_03 .listField2 .circle{ width:16%; display:inline-block;zoom:1;*display:inline; vertical-align:top; height:155px; padding: 0 0 30px;} .caseListPanel_03 .listField2 .circle dl{ width:90px; height:90px; border-radius:90px; font-size:16px; color:#000; background:#f4f4f4; margin:0 auto; overflow:hidden; position:relative; cursor:pointer; z-index:1;} .caseListPanel_03 .listField2 .circle dt{ width:100%; height:100%; line-height:30px; position:relative;} .caseListPanel_03 .listField2 .circle dd{ color:#fff; width:100%; border-radius:90px; height:100%; position:absolute; background:#DA251D; left:0; top:0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform:rotate(-90deg) translate(80px,80px); -moz-transform:rotate(-90deg) translate(80px,80px); -o-transform:rotate(-90deg) translate(80px,80px); -ms-transform:rotate(-90deg) translate(80px,80px); transform:rotate(-90deg) translate(80px,80px); z-index:2;} .caseListPanel_03 .listField2 .circle i{ position:absolute; top:20px; width:50px; height:50px; left:50%; margin-left:-25px; background:url(/images/icon_website_01.png) -90px -90px no-repeat;} .caseListPanel_03 .listField2 .circle dd i{ background-image:url(/images/icon_website_02.png);} .caseListPanel_03 .listField2 .circle p{ padding:10px 0 0; color:#666; font-size:14px;text-align:center} .caseListPanel_03 .listField2 .circle dl p{ position:absolute; left:0; top:70px; width:100%; padding:0; text-align:center} .caseListPanel_03 .listField2 .circle dd p{ color:#fff;} .caseListPanel_03 .listField2 .circle dl:hover dd{ display:block; -webkit-transform:rotate(0) translate(0,0); -moz-transform:rotate(0) translate(0,0); -o-transform:rotate(0) translate(0,0); -ms-transform:rotate(0) translate(0,0); transform:rotate(0) translate(0,0)} .caseListPanel_03 .listField2 .icon1 i{ background-position:-20px -20px;} .caseListPanel_03 .listField2 .icon2 i{ background-position:-185px -20px;} .caseListPanel_03 .listField2 .icon3 i{ background-position:-345px -20px;} .caseListPanel_03 .listField2 .icon4 i{ background-position:-516px -20px;} .caseListPanel_03 .listField2 .icon5 i{ background-position:-683px -20px;} .caseListPanel_03 .listField2 .icon6 i{ background-position:-856px -20px;} .caseListPanel_03 .listField2 .icon7 i{ background-position:-20px -108px;} .caseListPanel_03 .listField2 .icon8 i{ background-position:-182px -108px;} .caseListPanel_03 .listField2 .icon9 i{ background-position:-345px -108px;} .caseListPanel_03 .listField2 .icon10 i{ background-position:-516px -108px;} .caseListPanel_03 .listField2 .icon11 i{ background-position:-683px -108px;} .caseListPanel_03 .listField2 .icon12 i{ background-position:-855px -108px;} .caseListPanel_03 .listField2 .icon13 i{ background-position:-20px -200px;} .caseListPanel_03 .listField2 .icon14 i{ background-position:-215px -200px;} .caseListPanel_03 .listField2 .icon15 i{ background-position:-410px -200px;} .caseListPanel_03 .listField2 .icon16 i{ background-position:-608px -200px;} .caseListPanel_03 .listField2 .icon17 i{ background-position:-800px -200px;} em {text-transform: none;color: #181818;font-style: normal;} /*网站定制*/ .mainContent{width:1200px;color:#3d3939;padding-top:20px;padding-bottom:22px;margin-left:auto;margin-right:auto;} .m3Con{width:100%;height:256px;overflow:hidden;background-repeat:no-repeat;background-position:left top;padding:82px 0 28px;} .m2tit{width:822px;height:41px;background:url(/images/bg17.jpg) repeat-x;margin:0 auto 60px;padding:0 230px;} .m2tit a{background-image:url(/images/highcustom_bg19.jpg);width:234px;height:41px;color:#FFF;font-size:14px;line-height:36px;font-weight:700;text-align:center;background:url(/images/bg19.jpg) no-repeat left top;margin:0 20px;} .m2tit a.am,.m2tit a:hover{background-position:left bottom;} .mCtit .h1cn{font-size:26px;line-height:36px;padding:10px 0;} .main3,.main4{width:100%;background:#f2f2f2;} .m3Con .w1002{width:1200px;height:256px;} .m3C-img{width:256px;height:256px;overflow:hidden;background:url(/images/m3c-img.png) no-repeat left top;position:relative;} .m3C-img i{width:146px;height:146px;display:block;background-repeat:no-repeat;background-position:left top;position:absolute;left:50%;top:50%;margin:-69px 0 0 -72.5px;} .m3C-bg1{background-image:url(/images/dd-1.jpg);} .m3C-txt{width:880px;color:#3c3c3c;} .fr,.frdi{float:right;} .m3Ct-h1{height:80px;line-height:40px;margin-bottom:17px;} .m3Ct-h1 p{line-height:40px;} .m3Ct-h1 .en{font-size:30px;} .m3Ct-h1 .cn{font-size:26px;} .m3Ct-p{font-size:13px;line-height:20px;margin-bottom:14px;} .m3Ct-tabs{width:780px;line-height:24px;padding-left:98px;position:relative;} .m3Ct-tabs strong{position:absolute;left:0;top:0;} .m3C-bg2{background-image:url(/images/ee-1.jpg);} .m3C-bg3{background-image:url(/images/ff-1.jpg);} .m3C-bg4{background-image:url(/images/gg-1.jpg);} .m3C-bg5{background-image:url(/images/h-1.jpg);} .m3ConAm .m3Ct-h1{color:#DA251D;} .w106{width:1000px;height:800px;margin:0 auto;} .linkThree3{height:800px;background:url(/images/big_circle.jpg) no-repeat center 150px;background-color:#f2f2f2;} .small_circle{width:213px;height:213px;background:url(/images/small_circle_bg.png) no-repeat center center;position:relative;} .small_circle img{margin:35px 54px 0;} .small_circle p{text-align:center;font-size:18px;font-family:微软雅黑;line-height:26px;color:#3c3c3c;margin:0!important;} .big_circle_center{position:relative;width:100px;top:-780px;left:450px;} .big_circle_center p{line-height:30px;text-align:center;font-size:18px;font-family:微软雅黑;} .m5-li{width:296px;height:370px;float:left;background:url(/images/m5-li.jpg) no-repeat;} .hr-y{width:57px;height:356px;float:left;background:url(/images/bg24.jpg) no-repeat center bottom;} .m5-li .img{width:146px;height:160px;overflow:hidden;background-repeat:no-repeat;background-position:75px 68px;padding:68px 75px;} .m5-li .txt{height:48px;font-size:18px;text-align:center;margin-top:20px;} .m5-li .en{height:22px;line-height:22px;} .m5-li .cn{height:26px;line-height:26px;} .bg-1{background-image:url(/images/a21.jpg);} .bg-2{background-image:url(/images/a22.jpg);} .bg-3{background-image:url(/images/a23.jpg);} .bg-4{background-image:url(/images/a24.jpg);} .bg-5{background-image:url(/images/a25.jpg);} .bg-6{background-image:url(/images/a26.jpg);} .m4f-ul .btn,.m5-btn{height:41px;overflow:hidden;text-align:center;margin-bottom:35px;background:url(/images/bg23.jpg) repeat-x left top;margin-top:30px;} .linkThree2{padding-top:40px;position:relative;} .link,.linkThree2{width:100%;padding-bottom:46px;background:#f2f2f2 url(/images/bg2.jpg) no-repeat left bottom;} .w108{width:1003px;margin:0 auto;} .hr-x{width:1002px;height:34px;margin-bottom:36px;border-bottom:1px solid #c0bcbb;} .m3C-a .m3C-txt,.m3C-b .m3C-txt{padding-top:30px;} .m3C-a,.m3C-c,.m3C-e{background-color:#e8e8e8;} .m3C-b,.m3C-d{background-color:#f2f2f2;} .m3C-e .m3C-txt,.m3C-d .m3C-txt,.m3C-c .m3C-txt{padding-top:50px;} /**成功案例**/ .del_float{ display:block; height:0; clear:both; visibility:hidden; } .contentbanner{ width:100%; height:auto; overflow:hidden;} .casetop{ width:100%; height:123px; position:relative; overflow:hidden; display:none;} .casetop .caseline{ margin-top:58px; width:100%; height:1px; background:#d2d2d2} .casetop .casemenu{ margin:auto; height:80px; width:390px; position:relative; margin-top:-32px; z-index:886; background:#fff;} .casetop .casemenu ul li{ width:85px; float:left; margin-left:20px; margin-right:21px; font-size:14px; } .casetop .casemenu ul li img{ width:54px; height:54px;} .casetop .casemenu ul li a{ width:100%; display:block; text-align:center;color:#666666;height: 57px;} .casetop .casemenu ul li:hover a{ color:#da251d;} .casetop .casemenu span a{ color:#0068b7} .casecontent{ width:1200px; margin:auto; height:auto; margin-top:25px;} .casecontent ul li{ width:372px; float:left; margin-right:28px; margin-bottom:55px; } .casecontent ul li dl{ width:100%; padding:0; margin:0} .casecontent ul li dl dt{ padding:0; margin:0;width:381px; height:228px;overflow:hidden; position:relative;} .casecontent ul li dl dt img{ width:381px; height:auto; } .casecontent ul li dl dt:hover img {opacity: 1; -webkit-transform: scale(1.2,1.2);-webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms; -moz-transform: scale(1.2,1.2); -moz-transition-timing-function: ease-out; -moz-transition-duration: 500ms; } .casecontent ul li dl dt span{ padding:10px 18px; width:350px; display:none; position:absolute; left:0; bottom:0px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; background:#000000; overflow:hidden;} .casecontent ul li dl dt:hover span{ display:block; color:#fff; font-size:12px; z-index:1;} .casecontent ul li.notright{ margin-right:0px;} .casecontent ul li dl dd{ padding:0; margin:0; margin-top:5px;} .casecontent ul li dl dd h3{ line-height:40px; height:40px; color:#666666; font-size:16px; font-weight:normal; border-bottom:1px solid #dbdbdb} .casecontent ul li dl dd a{color:#666666;} .casecontent ul li dl dd a:hover{ color:#eb6100} .casecontent ul li dl dd div{ height:44px; width:100%; margin-top:12px; background:url(/images/casebg.jpg) no-repeat right 2px; line-height:20px;} .casetop .casemenu ul li:hover .qyicon11{background: url(/images/qyicon2.png) no-repeat 15px 0px;} .casetop .casemenu ul li .qyicon11{background: url(/images/qyicon.png) no-repeat 15px 0px;} .casetop .casemenu ul li .case11{background: url(/images/qyicon2.png) no-repeat 15px 0px!important;} .casetop .casemenu ul li:hover .qyicon12{background: url(/images/wxicon2.png) no-repeat 15px 0px;} .casetop .casemenu ul li .qyicon12{background: url(/images/wxicon.png) no-repeat 15px 0px;} .casetop .casemenu ul li .case12 {background: url(/images/wxicon2.png) no-repeat 15px 0px!important;} .casetop .casemenu ul li:hover .qyicon13{background: url(/images/pmicon2.png) no-repeat 15px 0px;} .casetop .casemenu ul li .qyicon13{background: url(/images/pmicon.png) no-repeat 15px 0px;} .casetop .casemenu ul li .case13{background: url(/images/pmicon2.png) no-repeat 15px 0px!important;} .ahover{color:#da251d!important; } /**成功案例**/ /**案例详情**/ .casetil{font-size: 30px;color: #000000;text-align: center;width: 100%; height: 40px;} .bgcaseinfo{ width:100%; height:60px; background:#000000; left:0; z-index:999;} .bgcaseinfo .casemenu{ width:1200px; height:60px; margin:auto; position:relative;} .bgcaseinfo .casemenu ul li{ color:#cccccc; font-size:14px; line-height:60px; margin-right:45px; float:left} .bgcaseinfo .casemenu ul li a{color:#cccccc;} .bgcaseinfo .casemenu ul li.cur a,.bgcaseinfo .casemenu ul li a:hover{color:#ffffff;} .bgcaseinfo .casemenu span a{color:#cccccc; font-size:14px; line-height:60px; position:absolute ;right:0;} .caseinfocontent{ width:1200px; margin:auto; margin-top:55px;} .caseinfocontent .topinfo{ width:100%; position:relative;} .caseinfocontent .topinfo .leftinfo{ width:544px;} .caseinfocontent .topinfo .leftinfo h1{ color:#000000; font-size:30px; line-height:30px; font-weight:normal} .caseinfocontent .topinfo .leftinfo h1 a{ width:100px; height:30px; display:block; color:#fff; font-size:14px; background:url(/images/casebg2.jpg) no-repeat;opacity:0.91; float:right; text-align:center;} .caseinfocontent .topinfo .leftinfo h1 a:hover{ color:#fff;opacity:1;} .caseinfocontent .topinfo .leftinfo p{ color:#666666; font-size:14px; margin-top:20px; margin-bottom:120px; padding:0; font-weight:normal} .caseinfocontent .topinfo .right{ position:absolute; right:0; width:500px; height:429px; top:-200px;} .caseinfocontent .topinfo .right img{width:500px; height:429px; } .caseinfocontent .lineinfo{ width:100%; color:#666666; font-size:14px; line-height:30px; height:30px; border-bottom:1px solid #cccccc} .caseinfocontent .lineinfo a{color:#666666;} .caseinfocontent .lineinfo a:hover{color:#f34916;} .caseinfocontent .lineinfo span{ float:right;} .caseinfocontent .showcontent{ text-align:center; width:100%; margin-top:65px; margin-bottom:70px;} .caseinfocontent .linefoot{ width:100%; height:40px; line-height:40px; margin-top:170px;border-bottom:1px solid #cccccc} .caseinfocontent .linefoot a{width:100px; height:30px; display:block; color:#ffffff; font-size:14px; float:left; background:url(/images/casefootbg.jpg) no-repeat; text-align:center; line-height:30px;} .caseinfocontent .linefoot a:hover{color:#f34916;} .caseinfocontent .linefoot span{ float:right;font-size:14px; color:#666666; line-height:40px;} .linefoot a:hover{color: #FFFFFF!important;} .showcontent img{max-width: 1200px} /**案例详情**/ /**新闻中心**/ .newsnav .nav_22{border-left: 1px solid #ddd!important;} .newsnav .nav_20{border-left: 1px solid #ddd!important;} .newsnav .nav_21{border-right: 1px solid #ddd!important;} .newsnav{ width:1198px; height:75px; margin:auto; margin-top:46px;} .newsnav ul li{ float:left; color:#000; font-size:16px; height:75px; line-height:75px; text-align:center; border:1px solid #ddd; width:297px;border-left:none;} .newsnav ul li:hover{ background:#DA251D; } .newsnav ul li:hover{ color: #FFF!important; } .newsnav ul li.last{ border-right:none; width:262px;} .newsnav ul li a{color:#000;} .newsho {color: #FFF!important;background-color: #DA251D!important;} .newsho a{color: #FFF!important;} .newsmenu{width:1200px; height:30px; margin:auto; margin-top:41px; } .newsmenu ul{ text-align:center;display:none;} .newsmenu ul li{ float:left; background:url(/images/news_menu_bg.png) no-repeat; color:#fff; font-size:16px; height:30px; line-height:30px; text-align:center; width:140px; opacity:0.91; margin-right:30px;} .newsmenu ul li a{color:#fff;} .newsmenu ul li:hover,.newsmenu ul li.cur{ opacity:1; } .newscontent{ width:1200px; margin:auto; margin-top:59px;} .newscontent ul li{ width:1199px; height:198px; border:1px solid #dddddd; margin-bottom:19px; } .newscontent ul li dl{ padding:0; margin:26px 36px 22px 17px;} .newscontent ul li:hover{ background:#DA251D} .newscontent ul li:hover a{ color:#fff;} .newscontent ul li dl dt{ float:left;padding:0; margin:0; width:202px; height:152px;} .newscontent ul li dl dt img{width:202px; height:152px;} .newscontent ul li dl dd{ margin:0; padding:0; margin-left:36px; width:883px; position:relative; float:left; } .newscontent ul li dl dd h3{ color:#000000; font-size:22px; line-height:36px; width:675px;font-weight:normal} .newscontent ul li dl dd h3 a{ color:#000000;} .newscontent ul li dl dd p{ color:#4c4c4c; font-size:13px; width:728px; line-height:24px; margin-top:14px;} .newscontent ul li dl dd p a{ color:#4c4c4c; } .newscontent ul li dl dd h4{ color:#999999; font-size:13px; line-height:24px;font-weight:normal; margin-top:10px;} .newscontent ul li dl dd h4 a{ color:#999999;} .newscontent ul li dl dd span{ position:absolute; right:0; top:0; width:65px; color:#cccccc; font-size:16px; line-height:40px;} .newscontent ul li dl dd span i{ font-style:normal; font-size:60px; line-height:70px; width:65px; border-bottom:1px solid #cccccc; } .newscontent ul li:hover span{ color:#fff;} /**新闻中心**/ /*分页样式**/ .fenye{ height:80px; width:1100px; margin:0 auto;clear: both;} .fenye a{padding: 0px 3px; width:37px; height:40px; line-height:40px; text-align:center; float:left; margin-right:20px; border-radius:5px;width:37px; height:40px; line-height:40px; float:left; margin-right:10px; font-weight:bold;border:1px solid #cfcfcf; border-radius:5px; } .fenye a.on{ width:37px; height:40px; line-height:40px; text-align:center; float:left; margin-right:20px; } .fenye a img{ margin-top:2px;} .fenye span{ background:#DA251D;color:#ffffff; padding: 0px 3px;width:37px; height:40px; line-height:40px; text-align:center; float:left; margin-right:20px; border-radius:5px;width:37px; height:40px; line-height:40px; float:left; margin-right:10px; font-weight:bold;border:1px solid #cfcfcf; border-radius:5px; } /**新闻详情**/ .newsinfo{ width:1200px; margin:auto; margin-bottom: 30px;} .topinfo{ width:1200px; margin:0 auto;margin-top:12px; margin-bottom: 30px;height: 25px;} .topinfo .left{ float:left;} .topinfo .left ul{} .topinfo .left ul li{ float:left; margin-left:10px;} .topinfo .right{ float:right; color:#666666; font-size:12px; line-height:20px; background:url(/images/news_home.jpg) no-repeat left 4px; text-indent:18px;} .topinfo .right a{color:#666666;} .newsinfo h1{ font-size:30px; line-height:30px; color:#000000; font-weight:normal; text-align:center; margin-top:50px;} .newsinfo h4{ font-size:14px; color:#999999; line-height:30px; text-align:center; font-weight:normal; margin-top:11px; } .newsinfo .line{ background:#dddddd; height:1px; width:100%; margin-top:28px;margin-bottom:40px;} .newsinfo .p{ color:#4c4c4c; font-size:14px; line-height:24px; margin-top:25px; text-indent:28px;} .newsinfo .img{ margin-top:25px;} .newsinfo h5{ font-size:14px; color:#000000; line-height:30px; margin-top:25px; text-indent:28px; } .newsinfo .return{ width:129px; height:38px; text-align:center; line-height:38px; color:#fff; font-size:16px; background:url(/images/jreturn.png) no-repeat; margin:auto; margin-top:16px; opacity:0.91} .newsinfo .return:hover{ opacity:1} .newsinfo .return a{ color:#fff;width:129px; display:block;} .newsinfo .nextorper{ width:1198px; height:98px; border:1px solid #e6e6e6; margin-top:14px;} .newsinfo .nextorper ul { margin-top:20px;} .newsinfo .nextorper ul li{ margin-left:20px; line-height:30px; height:30px;} .newsinfo .nextorper ul li a{color:#666666} .newsinfo .nextorper ul li a:hover{ color:#ec681d} /**新闻详情**/ /*服务*/ .banner2{max-width:100%; min-width:1160px; height:475px; margin:0 auto;} .w{width:1200px; margin:0 auto; overflow:hidden; position:relative;} .taocan{ max-width:100%; min-width:1160px; margin:0 auto; padding:50px 0;} .taocan .title{color:#666; text-align:center;} .taocan .title a{color:#666;} .taocan .title .p01{font-size:22px; padding-bottom:15px;} .taocan .title .p02{font-size:12px; text-transform:uppercase;} .tc{width:100%; margin:0 auto; margin-top:30px; background:#;} .tc td{background:#fff; text-align:center; padding:15px 5px; font-size:14px; color:#333;} .tc .tr_bai{background:#fff;} .tc .td_hui{background:#f8f8f8;} .tc .tr_tou{font-size:18px; color:#fff;} .tc .td_l{background:#e1e1e1;} .tc .td00{font-size:18px; color:#fff;} .tc .td01{background:#d73923; width:15%;} .tc .td02{background:#36b193; width:20%;} .tc .td03{background:#41a4d7; width:20%;} .tc .td04{background:#6dc359; width:20%;} .tc .td05{background:#ab62ce;} .scase{width:1160px; margin:0 auto; padding:50px 0; overflow:hidden;} .scase .title{color:#666; text-align:center;} .scase .title .p01{font-size:22px; padding-bottom:15px;} .scase .title .p02{font-size:12px; text-transform:uppercase;} .scase ul{margin-top:30px; overflow:hidden;} .scase ul li{width:200px; height:330px; border: 1px solid #e7e7e7; float:left; overflow:hidden; margin-bottom: 30px; position:relative; margin-right:37px;} .scase ul li .anli{width:200px; height:330px; overflow:hidden; text-align:center; text-align:center; color:#333; line-height:30px;} .scase ul li .txtbg{width:200px; height:330px; position:absolute; left:0; top:330px; background:#fff; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index:10;} .scase ul li .txt{width:200px; height:330px; position:absolute; left:0; top:300px; z-index:20;} .scase ul li .txt h3{font-size:14px; color:#333; text-align:center; padding:40px 0 10px 0;} .scase ul li .txt .image{width:130px; height:130px; margin:0 auto; margin-bottom:10px;} .scase ul li .txt .mt{height:30px; line-height:30px; font-size:14px; text-align:center; color:#333;} .scase ul li .txt p{font-size:14px; color:#fff; text-align:center;} table {display: table;border-collapse: separate;border-color:grey;border-top-width: 0px;border-right-width: 0px; border-bottom-width: 0px;border-left-width: 0px; border-spacing: 1px;width: 100%;} .lc{max-width:100%; min-width:1200px; height: 264px; margin: 0 auto; background: url(/images/lc.jpg) no-repeat center center;} /**联系我们栏目*/ .Contact_t{ height:400px; width:100%; background:#094c95;} .contact_ly{ width:1200px; margin:0 auto; height:400px;} .contact_ly_l{ width:500px; float:left;height:330px; margin:25px 0;} .contact_ly_l h1{ font-size:18px; color:#ffffff; font-weight:normal; height:40px; line-height:40px;} .contact_ly_l li{ float:left; margin:10px 0; position:relative;} .contact_ly_l li strong{ position:absolute; color:#f00; font-size:12px; font-weight:normal; left:10px; top:40px; } .contact_ly_l li .input{ text-indent:1em; margin-right:20px; border:1px solid #86a7cb; color:#86a7cb; width:190px; height:40px; line-height:40px; background:#094c95;border-radius: 5px} .contact_ly_l li .textarea{ text-indent:1em; margin-right:20px; border:1px solid #86a7cb; color:#86a7cb; width:402px; height:100px; line-height:25px; background:#094c95;border-radius: 5px} .contact_ly_l li .button{margin-right:20px; border:1px solid #86a7cb; color:#ffffff; width:100px; text-align:center; height:40px; line-height:40px; background:#094c95; font-weight:bold;border-radius: 5px} .contact_ly_l li .showtext { color:#f00; } .contact_ly_r{ width:600px; float:right; height:130px; margin:135px 0;} .contact_ly_r span{ text-align:right; font-size:28px; color:#ededed; float:right; width:600px; } .contact_ly_r h1{ font-size:44px; font-weight:normal;text-align:right;float:right; width:600px; color:#ffffff; height:65px; line-height:65px;} .contact_ly_r p{ text-align:right; font-size:24px; color:#ededed; float:right; width:600px; } .contact_n{ width:1200px; margin:0 auto;} .contact_dt img{ width:1100px; height:420px; margin-top:20px;} .contact_n dl{ width:300px; float:left; margin:70px 0; height:180px;} .contact_n dl dt{ width:275px; text-align:center;} .contact_n dl dd h2{ font-size:16px; font-weight:bold; text-align:center; height:45px; line-height:40px;} .contact_n dl dd p{ font-size:14px; color:#666666; height:30px; line-height:25px; text-align:center;} .contact_n1{ border-top:1px solid #c1c1c1; width:1200px; margin-bottom:50px; float:left;} .contact_n1_l{ width:579px; margin-right:65px; float:left;} .contact_n1_l h3{ height:90px; line-height:90px; font-size:20px; color:#0068b7; font-weight:normal;} .contact_n1_l p{ font-size:14px; color:#666666; line-height:25px;} .contact_n1_r{ width:485px; float:left; margin-right:65px;} .contact_n1_r h3{ height:90px; line-height:90px; font-size:20px; color:#0068b7; font-weight:normal;} .contact_n1_r p{ font-size:14px; color:#666666; line-height:25px;} /*售后服务*/ .maincontent2 { width:100%; } .content2 { width:1200px; overflow:hidden; background:url(/images/page_left_bg.png) no-repeat 0 30px; margin:0 auto; min-height:302px; padding-top:20px; } .content2 p{font-size: 14px;font-family: "Microsoft YaHei"!important;} .content2 table{font-size: 14px!important;font-family: "Microsoft YaHei"!important;} /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ 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: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .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)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: 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; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: 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, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .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-color: #fff; background-color: 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; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: 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{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .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-color: #000; background-color: 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; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: 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, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .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-color: #fff; background-color: 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; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: 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{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .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-color: #000; background-color: 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; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .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-color: #000; background-color: 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; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ .index_links{overflow: hidden;} .index_links .links_main{width: 1170px;margin: 80px auto;overflow: hidden;position: relative;} .index_links .links_main ul{display: inline-block;vertical-align: middle;height:160px;overflow:Hidden;} .index_links .links_main li{width: 120px;height: 160px;display: inline-block;margin:0px 46px;} .index_links .links_main li .yuan{width: 120px;height: 120px;border-radius: 50%;background: #fff;box-shadow: 3px 3px rgba(100,100,100,0.3);-webkit-box-shadow:3px 3px rgba(100,100,100,0.3);} .index_links .links_main li .links_img{text-align: center;padding-top: 0px;} .index_links .links_main li .links_img img{width: 120px;height: 120px;border-radius:60px;} .index_links .links_main li .links_info{font-size: 14px;text-align: center;margin-top: 10px;font-family: "microsoft yahei";} .index_links .links_main a.btn{width: 43px;height: 60px;background: url(/images/arrows.png) no-repeat;display: inline-block;vertical-align: middle;position: relative;} .index_links .links_main a.links_btn_left{background-position: 0px 0px;left: -50px;transition: ease-in 0.3s;} .index_links .links_main a.links_btn_right{background-position: -43px 0px;right: -50px;transition: ease-in 0.3s;} .index_links .links_main:hover a.links_btn_left{left: 0px;transition: ease-in 0.3s;} .index_links .links_main:hover a.links_btn_right{right: 0px;transition: ease-in 0.3s;} .links_js {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;display: none;z-index: 999999;} .links_bg{position: absolute;width: 100%;height: 100%;background-color:rgba(0,0,0,0.3);top: 0px;left: 0px;z-index: 888888;} .show_js{padding: 20px 20px 20px 20px;position: absolute;width: 780px;height: 500px;background: #fff;left: 50%;top: 50%;z-index: 99999999;margin-top: -250px;margin-left: -400px;overflow: auto; box-shadow: 1px 1px 50px rgba(0,0,0,.3);} .links_js .close{width: 20px;height: 20px;position: absolute;top: -30px;right: 0px;background-color:rgba(100,100,100,0.3) ;line-height: 20px;text-align: center;color: #fff;z-index: 9999999;} .links_content{line-height: 25px;}