@import url("reset.css");

/*公共*/
body{font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;font-size:12px;color:#666;background:#fff;}
a{color:#39f;text-decoration:none;}
a:hover{text-decoration:none;}
.wrapper {width:986px;margin:0 auto;position:relative;}
.white-shadow {text-shadow:1px 1px 1px #eee;}
.black-shadow {text-shadow:1px 1px 1px #222;}
.hide{display: none;}
.btn_blue,#filter li span.cur,.category li span.cur{background-color:#4d90fe;background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);background-image:-o-linear-gradient(top,#4d90fe,#4787ed);background-image:linear-gradient(top,#4d90fe,#4787ed);border:1px solid #3079ed;color:#fff;}
.btn_blue:hover,#filter li span.cur:hover,.category li span.cur:hover{background-color:#357ae8;background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);background-image:-ms-linear-gradient(top,#4d90fe,#357ae8);background-image:-o-linear-gradient(top,#4d90fe,#357ae8);background-image:linear-gradient(top,#4d90fe,#357ae8);border:1px solid #2f6bd7;border-image:initial;text-decoration:none}
.textinput{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;border:1px solid #d9d9d9;border-top:1px solid #c0c0c0;font-size:13px;height:25px;line-height:25px;padding:1px 8px;color:#999;}
.textinput:focus{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);border:1px solid #0084cf;outline:none;color:#666;}
.cat_title{overflow:hidden;padding:35px 0;height:120px;}
.cat_title h2{font-size:48px;display:inline-block;zoom:1;*display:inline;vertical-align:middle;margin-top:65px;}
.cat_title p{display:inline-block;zoom:1;*display:inline;vertical-align:middle;color:#999;margin-top:65px;margin-left:10px;}
.cat_title strong{font-size:60px;font-family:Arial;font-weight:bold;color:#333;margin-right:6px;vertical-align:middle;}
.cat_title .more{font-size:24px;position:absolute;right:10px;top:50px;}
.pdl250{padding-left:250px;}
.cloudv_btn{display:inline-block;height:26px;line-height:27px;padding:0 9px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;position:relative;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1),inset 0 1px rgba(255,255,255,0.3),inset 0 0 1px rgba(255,255,255,0.15),0 1px 3px rgba(0,0,0,0.35);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.1),inset 0 1px rgba(255,255,255,0.3),inset 0 0 1px rgba(255,255,255,0.15),0 1px 3px rgba(0,0,0,0.35);box-shadow:0 0 0 1px rgba(0,0,0,0.1),inset 0 1px rgba(255,255,255,0.3),inset 0 0 1px rgba(255,255,255,0.15),0 1px 3px rgba(0,0,0,0.35);background-color:#b0b0b0;background-image:-moz-linear-gradient(top,#d9d9d9,#b0b0b0);background-image:-o-linear-gradient(top,#d9d9d9,#b0b0b0);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#d9d9d9),color-stop(1,#b0b0b0));background-image:-webkit-linear-gradient(top,#d9d9d9,#b0b0b0);background-image:-ms-linear-gradient(top,#d9d9d9,#b0b0b0);background-image:linear-gradient(top,#d9d9d9,#b0b0b0);-pie-background:linear-gradient(top,#d9d9d9,#b0b0b0);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;color:#303030;cursor:pointer;text-shadow:0 1px rgba(255,255,255,0.3);font-weight:500;}
.cloudv_btn:hover::after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.07}
.cloudv_btn.white{background-color:#d0d0d0;background-image:-moz-linear-gradient(top,#ededed,#d0d0d0);background-image:-o-linear-gradient(top,#ededed,#d0d0d0);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ededed),color-stop(1,#d0d0d0));background-image:-webkit-linear-gradient(top,#ededed,#d0d0d0);background-image:-ms-linear-gradient(top,#ededed,#d0d0d0);background-image:linear-gradient(top,#ededed,#d0d0d0);-pie-background:linear-gradient(top,#ededed,#d0d0d0)}
.cloudv_btn.white:hover::after{opacity:.1}
.cloudv_btn.green{background-color:#6c9600;background-image:-moz-linear-gradient(top,#a6c500,#6c9600);background-image:-o-linear-gradient(top,#a6c500,#6c9600);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a6c500),color-stop(1,#6c9600));background-image:-webkit-linear-gradient(top,#a6c500,#6c9600);background-image:-ms-linear-gradient(top,#a6c500,#6c9600);background-image:linear-gradient(top,#a6c500,#6c9600);-pie-background:linear-gradient(top,#a6c500,#6c9600)}
.cloudv_btn.orange{background-color:#e46b00;background-image:-moz-linear-gradient(top,#fab500,#e46b00);background-image:-o-linear-gradient(top,#fab500,#e46b00);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fab500),color-stop(1,#e46b00));background-image:-webkit-linear-gradient(top,#fab500,#e46b00);background-image:-ms-linear-gradient(top,#fab500,#e46b00);background-image:linear-gradient(top,#fab500,#e46b00);-pie-background:linear-gradient(top,#fab500,#e46b00);text-shadow:0 1px #ee9730}
.cloudv_btn.orange.glowing{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1),inset 0 1px rgba(255,255,255,0.3),inset 0 0 1px rgba(255,255,255,0.15),0 1px 3px rgba(0,0,0,0.35),0 0 30px rgba(255,160,0,0.4);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.1),inset 0 1px rgba(255,255,255,0.3),inset 0 0 1px rgba(255,255,255,0.15),0 1px 3px rgba(0,0,0,0.35),0 0 30px rgba(255,160,0,0.4);box-shadow:0 0 0 1px rgba(0,0,0,0.1),inset 0 1px rgba(255,255,255,0.3),inset 0 0 1px rgba(255,255,255,0.15),0 1px 3px rgba(0,0,0,0.35),0 0 30px rgba(255,160,0,0.4)}
.cloudv_btn.laurel{background-color:#5e786d;background-image:-moz-linear-gradient(top,#95b09a,#5e786d);background-image:-o-linear-gradient(top,#95b09a,#5e786d);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#95b09a),color-stop(1,#5e786d));background-image:-webkit-linear-gradient(top,#95b09a,#5e786d);background-image:-ms-linear-gradient(top,#95b09a,#5e786d);background-image:linear-gradient(top,#95b09a,#5e786d);-pie-background:linear-gradient(top,#95b09a,#5e786d);color:#03101b}
.cloudv_btn.spin{background-color:transparent;color:transparent;text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.cloudv_btn.inactive{opacity: .5;cursor: default;}
.cloudv_btn.inactive::after{display:none}

/*头部*/
header{width:100%;height:80px;position:fixed;top:0;z-index:999;}
* html{background-image:url(about:blank);background-attachment:fixed}
* html header{position:absolute;top:expression(eval(document.documentElement.scrollTop))}
#navbg{width:100%;height:80px;overflow:hidden;text-indent:-9999px;position:absolute;left:0;top:0;background:#111;filter:alpha(opacity=100);opacity:1.0;}
header h1.logo{position:absolute;top:20px;}
header nav{display:block;position:absolute;right:0;top:0;font-size:0;}
header nav li{display:inline-block;zoom:1;*display:inline;width:115px;height:78px;background:url(../Images/nav_icon.png) no-repeat;}
header nav li.home{border-left:none;background-position:10px 0}
header nav li.about{background-position:10px -78px}
header nav li.service{background-position:10px -156px}
header nav li.cases{background-position:10px -234px}
header nav li.products{border-right:none;background-position:10px -312px}
header nav li a{display:block;height:40px;padding-left:40px;margin:20px 5px 0 5px;font-size:14px;color:#fff;text-decoration:none;}
header nav li a:hover{text-decoration:none;}
header nav li span{display:block;color:#999;font-size:11px;-webkit-text-size-adjust:none;}

/*广告*/
#banner{width:100%;height:650px;background:#000;overflow:hidden;position:relative;}
#banner_img{display:block;position:relative;}
#banner_img li{position:absolute;top:0;left:0;width:100%;height:650px;background-position:center;background-size:cover;display:none;}
#banner_img .ad_img{position:absolute;right:10px;top:80px;width:506px;height:404px;}
#banner_img .ad_img_item{width:506px;height:404px;}
#banner_img .ad_txt{position:absolute;left:10px;top:170px;color:#fff;text-shadow:1px 1px rgba(51,51,51,0.3);}
#banner_img .ad_txt h2{font:bold 36px/60px Microsoft YaHei;}
#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:960px;height:122px;margin-left:-480px;left:50%;bottom:40px;z-index:1;}
#banner_ctr ul{width:960px;height:122px;background:url(../Images/service_icon.png) center no-repeat;font-size:0;line-height:0;position:relative;}
#banner_ctr li{display:block;float:left;width:115px;height:122px;cursor:pointer;}
#banner_ctr li.first-item{background:#fff;width:20px;-webkit-border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px;cursor:default;}
#banner_ctr li.last-item{background:#fff;width:20px;-webkit-border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0;cursor:default;}
#drag_ctr{position:absolute;top:-14px;left:20px;width:115px;height:156px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;bottom:170px;background:#0084cf;}
#drag_arrow{position:absolute;top:-14px;left:20px;width:115px;height:156px;background:url(../Images/drag_banner_arrow.gif) center 14px no-repeat;}
.drag_ctr {left: 20px;}

/*首页案例*/
#cases .cat_title{overflow:hidden;height:64px;padding:35px 0;background:none;border:none;}
#cases .cat_title p,#cases .cat_title h2{margin-top:0;}
#cases .cases_item{display:block;font-size:0;letter-spacing:-6px;text-align:center;height:498px;}
#cases .cases_item li{display:inline-block;zoom:1;*display:inline;vertical-align:top;position:relative;width:220px;height:139px;overflow:hidden;letter-spacing:normal;margin:5px;border: 5px solid #D6DAE3;}
#cases .cases_item li:hover{border: 5px solid #666;}
#cases .cases_item li img{position:absolute;top:0;left:0;width:220px;height:139px;}
#cases .cases_item li p{display:none;width:210px;height:100%;position:absolute;z-index:1;font-size:12px;text-align:left;padding:0 15px;background:rgba(0,0,0,0.7);color:#ccc;left:0;bottom:0;}
#cases .cases_item li p strong{display:block;color:#fff;margin-top:10px}
#cases .cases_item li p a{display:inline-block;zoom:1;*display:inline;font-weight:bold;height:30px;line-height:30px;padding:0 8px;margin-top:8px;}
#cases .cases_item li p a.openurl{width:23px;height:23px;padding:0;background:url(../Images/ico_website.png) no-repeat;overflow:hidden;text-indent:-9999px;position:absolute;bottom:5px;right:25px;}
#cases .cases_item li p a.openurl:hover{background-position:0 -23px;}

/*首页客户*/
#customer{height:540px;background:#212121;}
#customer .cat_title{overflow:hidden;height:64px;padding:35px 0;background:none;border:none;}
#customer .cat_title p,#customer .cat_title h2{margin-top:0;}
#customer .cat_title h2{color:#fff;}
#customer .cat_title a{color:#999;}
#customer ul{width:980px;font-size:0;letter-spacing:-6px;text-align:center;border-top:1px dotted #444;}
#customer ul li{display:inline-block;zoom:1;*display:inline;position:relative;width:195px;height:120px;overflow:hidden;letter-spacing:normal;border-bottom:1px dotted #444;border-right:1px dotted #444;}
#customer ul li a{display:block;width:100%;height:100%;}
#customer ul li a:hover{background:#333;}
#customer ul li.justify_fix{height:0;overflow:hidden;border:none;}
#customer ul li.noborder{border-right:none;}
#customer .logo {width:180px;height:120px;}

/* 首页工作机会 */
#jobs{height:52px;padding-top:61px;margin:0 0;opacity:1;position:relative;background:#181f21 url("../Images/jobs_bg.jpg") no-repeat 50% 0;-webkit-transition:height,padding-top,opacity,0.3s;-moz-transition:height,padding-top,opacity,0.3s;-ms-transition:height,padding-top,opacity,0.3s;-o-transition:height,padding-top,opacity,0.3s;transition:height,padding-top,opacity,0.3s;overflow:hidden}
#jobs.contracted{height:0;padding-top:0;opacity:0;margin:0}
#jobs.expanded{height:436px;padding-top:61px}
#jobs.expanded .jobs_switch{opacity:0}
#jobs:hover .jobs_switch{opacity:.5;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
#jobs b{font-weight:500;}
#jobs h1 b{font-weight:400;}
#jobs .bottom_line b{font-weight:400;}
.jobs_menu{height:61px;line-height:62px;color:#dddfe2;font-weight:500;font-size:13px;width:1119px;position:absolute;top:2px;left:50%;margin:0 -560px;text-shadow:0 1px 3px rgba(0, 0, 0, 0.75),0 0 3px rgba(0, 0, 0, 0.3);}
.jobs_switch{opacity:0;position:absolute;top:197px;left:21px;background:url("../Images/jobs_sprt.png") 0 -127px;width:42px;height:73px;cursor:pointer;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
.jobs_switch.right{left:auto;right:21px;background-position:-42px -127px}
.jobs_selected_1>.jobs_menu{background-position:14px -183px}
.jobs_selected_1>.jobs_box{margin-left:0}
.jobs_selected_1>.jobs_switch.left{display:none}
.jobs_selected_2>.jobs_menu{background-position:-10px -122px}
.jobs_selected_2>.jobs_box{margin-left:-100%}
.jobs_selected_3>.jobs_menu{background-position:-34px -61px}
.jobs_selected_3>.jobs_box{margin-left:-200%}
.jobs_selected_4>.jobs_menu{background-position:-58px 0}
.jobs_selected_4>.jobs_box{margin-left:-300%}
.jobs_selected_4>.jobs_switch.right{display:none}
.jobs_select_title{float:left;width:222px;padding:0 14px 0 0;text-align:right}
.jobs_tab{float:left;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.jobs_tab>.icon{display:inline-block;background-image:url("../Images/cloudv_icons.png");width:20px;height:18px;position:relative;top:5px;margin:0 3px 0 0}
.expanded .jobs_tab.active{cursor:default}
.atab1{width:157px}
.atab1>.icon{background-position:-151px 0}
.atab2{width:157px}
.atab2>.icon{background-position:-151px -18px}
.atab3{width:157px}
.atab3>.icon{background-position:-151px -36px}
.atab4{width:157px}
.atab4>.icon{background-position:-151px -54px}
.jobs_join{float:left;width:169px;padding:16px 0 0 80px;text-align:left}
.expanded>.jobs_menu{background-image:url("../Images/jobs_menu.png")}
.expanded>.jobs_cont0{display:none}
.expanded>.jobs_box{display:block;opacity:1;width:400%;height:436px}
.expanded>.about_line{display:block}
.jobs_box{height:0;width:0;opacity:0;-webkit-transition-property:margin-left,opacity;-moz-transition-property:margin-left,opacity;-ms-transition-property:margin-left,opacity;-o-transition-property:margin-left,opacity;transition-property:margin-left,opacity;-webkit-transition-duration:.4s,0.2s;-moz-transition-duration:.4s,0.2s;-ms-transition-duration:.4s,0.2s;-o-transition-duration:.4s,0.2s;transition-duration:.4s,0.2s;-webkit-transition-delay:0s,0.3s;-moz-transition-delay:0s,0.3s;-ms-transition-delay:0s,0.3s;-o-transition-delay:0s,0.3s;transition-delay:0s,0.3s}
.jobs_cont{width:25%;float:left;height:436px}
.jobs_cont_in{width:950px;height:436px;margin:0 auto;color:#a6b2bf;position:relative;font-size:13px;line-height:19px}
.jobs_cont_in>h1{padding:33px 0 0;font-size:20px;color:#e2e4e6;font-weight:300;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,0.75),0 0 3px rgba(0,0,0,0.3)}
.jobs_cont0{width:100%}
.jobs_cont0 h1{margin:5px 0 0;padding:0;color:#e2e4e6}
.bottom_line{font-size:18px;font-weight:300;text-shadow:0 1px 3px rgba(0,0,0,0.75),0 0 3px rgba(0,0,0,0.3);color:#bfc0c2;border-top:1px solid #384140;border-top:1px solid rgba(255,255,255,0.1);height:93px;width:950px;position:absolute;bottom:0;line-height:90px;text-align:center}
.jobs_item{position:absolute;text-shadow:0 1px 1px rgba(0, 0, 0, 0.75),0 0 1px rgba(0, 0, 0, 0.3);width: 270px;text-align: left;}
.jobs_item>b{display:block;padding-bottom:2px}
.jobs_item .underline{color:#a6b2bf}
.jobs_arrow{position:absolute;top:15px;right:32px;background:url("../Images/jobs_arrow.png"); width:99px;height:179px;opacity:0;-webkit-transition:opacity .3s .5s;-moz-transition:opacity .3s .5s;-ms-transition:opacity .3s .5s;-o-transition:opacity .3s .5s;transition:opacity .3s .5s}
.jobs_cont_in .jobs_arrow{opacity:1}
.jobs_cookie{position:absolute;bottom:94px;right:-4px;width:385px;height:267px;background:url("../Images/jobs_cookie.png")}
.jobs_item .icon{display:inline-block;background-image:url("../Images/cloudv_icons.png");position:absolute;width:30px;left:-6px;top:-4px}
.jobs_item.jobs1{top:93px;left:2px}
.jobs_item.jobs1>b{padding-left:26px;height:26px;}
.jobs_item.jobs1 .icon{background-position:-125px 0;width:27px;height:29px;top:-3px}
.jobs_item.jobs2{top:211px;left:2px}
.jobs_item.jobs2>b{padding-left:26px;height:26px;}
.jobs_item.jobs2 .icon{background-position:0 0;width:31px;height:31px;top:-5px;}
.jobs_item.jobs3{top:93px;left:308px}
.jobs_item.jobs3>b{padding-left:26px;height:26px;}
.jobs_item.jobs3 .icon{background-position:-66px 0;width:30px;height:28px;top:-1px;}
.jobs_item.jobs4{top:211px;left:308px}
.jobs_item.jobs4>b{padding-left:26px;height:26px;}
.jobs_item.jobs4 .icon{background-position:-31px 0;width:32px;height:27px;top:-7px;}

/*底部*/
footer{clear:both;}
#footerlink{background:#111;height:46px;line-height:46px;border-bottom:1px solid #000;position:relative;}
#footerlink a{color:#999;margin-right:20px;}
#footerlink a.lab{display:inline-block;zoom:1;*display:inline;padding-left:18px;background:url(../Images/lab.png) left center no-repeat;}
#gotop {display:block;width:41px;height:35px;position:absolute;right:0;top:0;overflow:hidden;background:url(../Images/top.png) no-repeat;text-indent:-9999px;}
#footerinfo{padding-bottom:20px;background:#181818;border-top:1px solid #292929;}
#footerinfo .wrapper{height:190px;}
#footerinfo h2{width:112px;position:absolute;top:20px;left:0;font-size:28px;text-align:right;}
#footerinfo h2 strong{display:block;font-size:28px;color:#333;}
#footerinfo .wrapper p{position:absolute;width:520px;top:30px;left:190px;line-height:1.5;}
#footerinfo #qq{display:block;width:92px;height:22px;margin-bottom:8px;overflow:hidden;background:url(../Images/qq.png) no-repeat;text-indent:-9999px;background-position:0 -22px;}
#footerinfo #qq:hover{background-position:0 -22px;}
#footerinfo #homemap{position:absolute;top:0;right:10px;}
#footerinfo .qrcode{top:10px;position:absolute;width:180px;height:180px;}
#footerinfo .qrcode img{width:180px;height:180px;}
#footerinfo .links{width:986px;min-height:120px;_height:120px;margin:0 auto;position:relative;}
#footerinfo .links p{position:absolute;width:850px;top:25px;left:190px;line-height:1.8;}
#footerinfo .links p a{color:#444;}
#footerinfo .links em{display:block;color:#333;line-height:2.8;}
#footerinfo .map{width:276px;height:190px;}
#footerinfo .footer-link{color:#444;}

/*案例页面*/
#case_search,#news_search{position:absolute;right:0;top:85px;height:29px;vertical-align:middle;}
#case_search #keywords,#news_search #keywords{width:220px;vertical-align:middle;}
#case_search #submit,#news_search #submit{width:80px;height:27px;font-size:13px;font-weight:bold;padding:1px 8px;vertical-align:middle;}
#filter{height:68px;}
#filter.fixed{width:100%;position:fixed;top:80px;left:0;z-index:1;background:#fff;}
* html #filter.fixed{position:absolute;top:expression(eval(document.documentElement.scrollTop+80));}
#filter .wrapper{height:68px;}
#filter li{display:inline-block;zoom:1;*display:inline;width:110px;margin-right:5px;margin-top:20px;vertical-align:middle;}
#filter li span{display:block;background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));-webkit-user-select:none;background-color:#f8f8f8;background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background-image:linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);border:1px solid #dcdcdc;border:1px solid rgba(0, 0, 0, 0.1);color:#666;height:29px;line-height:29px;min-width:54px;padding:0 8px;text-align:center;}
#filter li span:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#e1e1e1));background-image:-webkit-linear-gradient(top,#e8e8e8,#e1e1e1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);background-color:#e8e8e8;background-image:linear-gradient(top,#e8e8e8,#e1e1e1);background-image:-o-linear-gradient(top,#e8e8e8,#e1e1e1);border:1px solid #d6d6d6;box-shadow:0 1px 1px rgba(0,0,0,0.1);text-decoration:none;}
#filter p{position:absolute;top:25px;right:5px;}
.class_type {cursor: pointer;}
#caseslist .cases {padding:20px 0;font-size:0;letter-spacing:-6px;}
#caseslist .cases li{display:inline-block;zoom:1;*display:inline;position:relative;width:220px;height:184px;overflow:hidden;background:#fff;margin:0px 24px 20px 2px;font-size:12px;letter-spacing:normal;color:#aaa;}
#caseslist .cases li img{width:220px;height:139px;}
#caseslist .cases li strong{display:block;color:#0088ff;line-height:2.0;}
#caseslist .cases li a:hover{text-decoration:none;}
#caseslist .cases li p{display:none;width:210px;height:100%;font-size:12px;line-height:1.5;text-align:left;padding:0 10px;background:rgba(0,0,0,0.7);color:#aaa;position:absolute;bottom:0;}
#caseslist .cases li p strong{margin-top:10px;color:#fff;}
#caseslist .cases li p em{display:block;color:#ddd;margin-bottom:5px;}
#caseslist .cases li p a{display:inline-block;zoom:1;*display:inline;font-weight:bold;color:#fff;height:30px;line-height:30px;padding:0 8px;margin-top:8px;}
#caseslist .cases li p a.openurl{width:23px;height:23px;padding:0;background:url(../Images/ico_website.png) no-repeat;overflow:hidden;text-indent:-9999px;position:absolute;bottom:5px;right:25px;}
#caseslist li p a.openurl:hover{background-position:0 -23px;}
#case_footer{background:#f5f4f4;border-top:1px solid #d8d9d8;padding:15px 0;}
#loading{display:none;background:url(../Images/bg_loading_anim.gif) center no-repeat;height:100px}
#loadmore{text-align:center;}
#loadmore a{color:#666;}
#loadmore a:hover{text-decoration:none;color:#39f;}

/*产品页面*/
#productslist .productsdata{background:#fff;width:986px;height:520px;margin:0 auto;position:relative;}
#productslist .productsad{position:absolute;top:15px;left:15px;}
#productslist ul{position:absolute;width:620px;top:15px;right:15px;}
#productslist ul li{position:relative;border-bottom:1px dotted #ccc;padding:12px 0;}
#productslist ul li .productslist{position:absolute;width:450px;right:0;top:10px;}
#productslist ul li .url{color:#3399ff;}
#productslist ul li .products_title{color:#222;font-size:18px;}
#productslist ul li .productslist span{display:block;line-height:20px;}

/*关于页面*/
#aboutus .aboutusdata{width:986px;margin:0 auto;position:relative;}
#aboutus #detailed{line-height:1.8;text-align:justify;color:#444;padding:0 0;position:relative;min-height:500px;_height:500px}
#aboutus #detailed h2{font-size:18px;font-weight:bold;color:#222;}
#aboutus #detailed p{text-indent:2.5em;margin:5px auto;}
#aboutus #detailed strong{font-weight:bold;}
#aboutus #detailed .slide{display:none;}
#aboutus .about_box{position: relative; float:left; width: 766px;border:0px solid}
#aboutus .about_list{border-bottom: 1px dotted  #B2B2B2;position:relative;}
#aboutus .about_list_about{min-height: 230px;}
#aboutus .about_list_culture{min-height: 220px;}
#aboutus .about_list_course{min-height: 300px;}
#aboutus .about_bgtxt{color: #f9f9f9;font-size: 220px; font-weight: bold; height: 215px;  left: -561px;margin: 0;padding: 0; position: absolute; top: -80px;height:0px;font-family: icon;}
#aboutus .about_txt{position: absolute; width: 766px;line-height:1.7;margin-top:20px;}
#aboutus .about_box_right{width: 200px;float: right;margin-top:20px;}
#aboutus .about_box_right1{height:110px;background:#ff8800;width:170px;margin-left:30px;}
#aboutus .about_box_right2{height:110px;background:#45bb45;width:150px;margin-left:50px;}
#aboutus .about_box_right3{height:110px;background:#0088ff;width:180px;margin-left:20px;}
#aboutus .about_box_right4{height:110px;background:#b800ff;width:130px;margin-left:70px;}
#aboutus .about_box_right5{height:110px;background:#eeee00;width:190px;margin-left:10px;}
#aboutus .about_box_right6{height:110px;background:#00eeee;width:160px;margin-left:40px;}

/*服务页面*/
#servicelist .service_detailed #detailed,#servicelist .pro_detailed #detailed{width:986px;margin:0 auto;}
#servicelist #detailed{line-height:1.8;text-align:justify;color:#666;padding:20px 0;position:relative;min-height:500px;_height:500px}
#servicelist #detailed h2{font-size:18px;font-weight:bold;color:#444;}
#servicelist #detailed p{margin:5px auto;}
#servicelist #detailed strong{font-weight:bold;}
#servicelist #detailed .slide{display:none;}
#servicelist .service_box{position: relative; margin: 0px auto;  width: 986px;border:0px solid;}
#servicelist .service_list{height:280px;border-bottom: 1px solid  #B2B2B2;position:relative;}
#servicelist .service_title{font-size:22px;text-indent:0;}
#servicelist .service_content{text-indent:2em; line-height:1.7;}
#servicelist .service_button{height: 18px; text-indent:2em; margin-left: 0;padding-bottom: 3px; text-align: left;vertical-align: middle;}
#servicelist .service_buttontxt{color: #ff8800;font-size: 12px;margin-left: -19px;}
#servicelist .service_img_left{float: left;width: 270px;height:235px;margin-right: 10px;margin-top: 40px;}
#servicelist .service_img_right{float: right;width: 270px;height: 235px;margin-right: 10px;margin-top: 40px;}
#servicelist .service_num_left{padding: 0;position: absolute;text-indent:2em;top: -124px;font-size: 300px;font-weight: bold;height: 215px;left: 181px;margin: 0;height:0px;font-family: icon;text-shadow:3px 3px 3px #ddd;}
#servicelist .service_num_right{padding: 0; position: absolute;text-indent:2em;top: -124px;font-size: 300px; font-weight: bold; height: 215px; left: -561px;margin: 0; height:0px;font-family: icon;text-shadow:3px 3px 3px #ddd;}
#servicelist .service_txt_left{position: absolute; right: 213px;top: 62px;width: 435px;}
#servicelist .service_txt_right{position: absolute;right: 296px;top: 62px; width: 435px;}
#servicelist .service_title1_color{color: #0088ff;}
#servicelist .service_title2_color{color: #45bb45;}
#servicelist .service_title3_color{color: #ff7d40;}
#servicelist .service_title4_color{color: #3d9e9e;}
#servicelist .service_title5_color{color: #b800ff;}
#servicelist .service_title6_color{color: #ff0000;}
#servicelist .service_title7_color{color: #d69c00;}
#servicelist .service_title8_color{color: #087405;}
.tit_pic {position:absolute;top:15px;left:10px;width:180px;height:220px}
.tit_pic span{display:block;background:url(../Images/serv_pic.png) no-repeat;width:180px;height:180px;text-indent:-9999px;overflow:hidden;}
.tit_pic em{display:block;text-align:center;font:bold 16px/30px Microsoft YaHei;}
.tit_pic .website{background-position:0 0;}
.tit_pic .develop{background-position:0 -180px;}
.tit_pic .marketing{background-position:0 -360px;}
.tit_pic .trusteeship{background-position:0 -540px;}
.tit_pic .app{background-position:0 -720px;}
.tit_pic .science{background-position:0 -900px;}
.tit_pic .hospital{background-position:0 -1080px;}

/*服务详情页*/
#service_detail article{padding:0 0 20px 0;background-attachment:fixed;background-position: 50% 190px;}
#service_detail .service1_title{background-image: url(/Public/Images/banner_bg1.jpg); display: block;}
#service_detail .service4_title{background-image: url(/Public/Images/banner_bg4.jpg); display: block;}
#service_detail .service6_title{background-image: url(/Public/Images/banner_bg6.jpg); display: block;}
#service_detail .service7_title{background-image: url(/Public/Images/banner_bg7.jpg); display: block;}
#service_detail .service8_title{background-image: url(/Public/Images/banner_bg8.jpg); display: block;}
#service_detail .service_title{position: relative;top: 0;left: 0;width: 100%;height: 460px;background-position: center;background-size: cover;}
#service_detail .title_box {width: 986px;margin: 0 auto;position: relative;}
#service_detail .title_txt {position: absolute;left: 10px;top: 70px;width: 430px;color: #fff;text-shadow: 1px 1px rgba(51,51,51,0.3);}
#service_detail .title_txt h2 {font: bold 36px/60px Microsoft YaHei;}
#service_detail .title_txt p {margin-top:10px;}
#service_detail .title_img {position: absolute;right: 10px;top: 0px;width: 506px;height: 404px;}
#service_detail #detailed{width:986px;line-height:1.8;text-align:justify;color:#000;}
#service_detail #detailed .service_banner{width:986px;height:350px;}
#servicetable {width: 986px;margin-top: 2px;}
.rmb {vertical-align:bottom;font-size:16px;color: #ff0000;}
.table-data {margin-bottom:15px;}
.table-data td{padding:10px 16px;border:1px solid #c4c4c4;vertical-align:middle;}
.table-data th{padding:0;border:1px solid #c4c4c4;vertical-align:middle;text-align:center;font-size:14px;}
th.serviceth {width:146px;color: #000;text-align:center;vertical-align:middle;border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;letter-spacing: 2px;text-transform: uppercase;padding: 0;background: #CAE8EA url(../Images/tb_header.jpg) no-repeat;}
th.nobg {border-top: 0;border-left: 0;border-right: 0;text-align:right;background: none;padding: 6px 0 3px 0;}
td.serviceplans {border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;background: #fff;padding: 6px 6px 6px 12px;vertical-align:middle;text-shadow:1px 1px 1px #f3f3f3;}
td.alt {background: #F5FAFA;}
th.spec {border: 1px solid #C1DAD7;background: #fff url(../Images/tb_bullet1.gif) no-repeat;font: bold;}
th.specalt {border: 1px solid #C1DAD7;background: #f5fafa url(../Images/tb_bullet2.gif) no-repeat;font: bold;color: #000;text-shadow:1px 1px 1px #f3f3f3;}
td.alter-bg-1:hover{background:#ffffff;color:#009900;text-shadow:1px 1px 1px #f3f3f3;}
td.alter-bg-2:hover{background:#fafffa;color:#009900;text-shadow:1px 1px 1px #f3f3f3;}
td.alter-bg-3:hover{background:#faffff;color:#009900;text-shadow:1px 1px 1px #f3f3f3;}
td.alter-bg-4:hover{background:#fafaff;color:#009900;text-shadow:1px 1px 1px #f3f3f3;}
td.alter-bg-5:hover{background:#fffafa;color:#009900;text-shadow:1px 1px 1px #f3f3f3;}
td.top {background: #0088ff;color: #fff;font-size:14px;line-height:14px;}
.service_line {height:30px;}

/*客户页面*/
#customer_list .customer_logo{background:#212121;padding:30px 0;}
#customer_list .customer_logo ul{width:986px;margin:0 auto;background:#212121;font-size:0;letter-spacing:-6px;text-align:center;border-top:1px dotted #444;}
#customer_list .customer_logo li{display:inline-block;float: left;zoom:1;*display:inline;width:195px;height:120px;overflow:hidden;letter-spacing:normal;border-bottom:1px dotted #444;border-right:1px dotted #444;}
#customer_list .customer_logo li a{display:block;width:100%;height:100%;}
#customer_list .customer_logo li a:hover{background:#333;}
#customer_list .customer_logo li.justify_fix{height:0;overflow:hidden;border:none;}
#customer_list .customer_logo li.noborder{border-right:none;}
.customer_text{width:980px;margin:0 auto;padding:10px 0;}
.customer_text ul{font-size:0;letter-spacing:-6px;}
.customer_text li{display:inline-block;zoom:1;*display:inline;letter-spacing:normal;font-size:12px;line-height:30px;width:245px;height:30px;}
.customer_text li a{color:#444;}
.customer_text li a:hover{color:#39f;text-decoration:none;}

/*404*/
.p404{width:986px;height:599px;margin:70px auto 0px auto;background: #fff url(../Images/404.jpg) no-repeat;}

/*顶部提示框*/
.top_tips {padding-top:20px; width: 100%; height: 56px; z-index: 99999; background-color: #333333; color: #ffffff; font-size: 26px; text-align: center; position: fixed; top: 0px; left: 0px; background-position: initial initial; background-repeat: initial initial;-khtml-opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);opacity: 0.9;}

/*showLoading*/
.loading-indicator {height: 80px;width: 80px;background: url('../Images/loading.gif');background-repeat: no-repeat;background-position: center center;}
.loading-indicator-overlay {background-color: #FFFFFF;opacity: 0.3;filter: alpha(opacity = 30);}