/* reset*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0} fieldset,img{border:0} :focus{outline:0} address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal} abbr,acronym{border:0;font-variant:normal} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} code,kbd,samp,tt{font-size:100%} input,button,textarea,select{*font-size:100%;vertical-align:middle;} textarea{resize:none;} ol,ul{list-style:none} table{border-collapse:collapse;border-spacing:0} img{vertical-align:top} caption,th{text-align:left} sup,sub{font-size:100%;vertical-align:baseline} :link,:visited,ins{text-decoration:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} body,textarea,pre,input{font:12px/1.6 tahoma,arial,sans-serif;} a {outline: none;color:#666;text-decoration:none} a:active {star:expression(this.onFocus=this.blur());}/*ie7*/ a:link,a:visited{color:#fff;text-decoration:none;} /* 重置链接a标签 */ a:active,a:hover {text-decoration:none;} /* 重置链接a标签的鼠标滑动效果 */ .l{float:left;} .r{float:right;} .cl:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;} .cl{clear:both;zoom:1;} .tc{text-align:center;} .tr{text-align:right;} .tl{text-align:left;} .dn{display:none} .clear {height:0;clear:both; overflow:hidden; font-size:0px;} .strike {text-decoration:line-through} body{font-family:"微软雅黑",SimSun,sans-serif;} i,em { font-style:normal;} .wp{width:1200px; margin:0 auto;} .wpc{width:100%; position: absolute; left:50%; margin-left:-500px;top:95px;} .wrapper{width:100%;color:#fff;position:relative; overflow:hidden;} a.iconbtn{display:block;background-color:#ef7b32;color:#fff;background-repeat:no-repeat;} a.iconbtn:hover{background-color:#d4793f;background-repeat:no-repeat;} html, body { width: 100%; height: 100%; } body { font-family: 微软雅黑; background: #fff no-repeat center top;overflow-x: hidden; } .header { position: absolute; top: 0px; width: 100%; left: 0px; } .slogan { color: #fff; } /* Header主菜单 */ .header{height:95px; position:relative;z-index:10;/*0321*/} .header .bground{position:absolute;width:100%; background-color:#ef7b32; height: 95px;/*0321*/ /*background: url(../images/header.topbg.png) repeat;*/ left:0; top:0; z-index:-1;box-shadow: 0 2px 2px rgba(0,0,0,0.3); } .home .header .bground{background:#000;opacity: 0.6;filter:alpha(opacity = 60);} #logo { padding-top:18px;} .topCorner { float:right; width:740px;} .topCorner .bar{overflow:hidden;position:relative;z-index:4; height:40px; padding-top:14px;} .topCorner .bar ul{float:right;overflow:hidden;} .topCorner .bar li{float:left; font-size:12px; line-height:20px;} .topCorner .bar li span{padding:0 5px;color:#fff;} .topCorner .bar li a { color:#fff;} .search01 { height:18px; border:1px solid #c76426; background-color:#c76426; /*background:url(../images/header.search.png) repeat; */margin-right:10px; line-height:18px; color:#fff; text-indent:5px; font-size:12px;} .topCorner input.submit {border:none;background:transparent;color:#fff;margin-top:-2px;} #mainMenu{color:#fff;} #mainMenu a{font-size: 15px; color: #fff; padding:0 18px 12px 18px;height:29px; font-weight:bold; } #mainMenu a:hover,#mainMenu a.cur{color:#ad4b0d;} #mainMenu a.cur{background:url(../images/header.menuarrow.png) no-repeat center 26px;} #mainMenuPopups{} #mainMenuPopups .popup {width:640px; padding:13px 20px 15px; background-color: #fff; position: absolute; left:315px; top:0px; } #mainMenuPopups .info .summary{width:280px;font-size: 14px; color: #666666; line-height: 24px;margin-left:10px} #mainMenuPopups .info .summary p{ height:165px; overflow: hidden;} #mainMenuPopups .info .btns{width:132px;} #mainMenuPopups .info a.iconbtn{margin-bottom:14px; height:38px;font-size:14px; line-height:38px; text-indent:55px;background-position: 10px center;} #mainMenuPopups .info .b1{ background-image:url(../images/header.info.b1.png);} #mainMenuPopups .info .b2{ background-image:url(../images/header.info.b2.png);} /*#mainMenuPopups .info .b3{ background-image:url(../images/header.info.b3.png);}*/ #mainMenuPopups .info .b3{ background-image:url(../images/header.info.b4.png);} #mainMenuPopups .cloud {height:340px;padding:8px 7px 15px 13px;width:660px;} #mainMenuPopups .cloud dl{width:95px;padding:0 9px} #mainMenuPopups .cloud dt{font-size: 14px; color: #444; height:30px; line-height: 30px; margin-bottom: 10px;} #mainMenuPopups .cloud dd{margin-bottom: 7px; width:95px; height:95px; overflow:hidden; position:relative;} #mainMenuPopups .cloud .iaas dd span{background:#599ce2;} #mainMenuPopups .cloud .paas {height:340px;background:#eee} #mainMenuPopups .cloud .paas dd span{background:#e2597c;} #mainMenuPopups .cloud .saas dd span{background:#3fbe54;} #mainMenuPopups .cloud .saas{width:410px; overflow:hidden; margin-right: 0px;} #mainMenuPopups .cloud .saas dd{float:left; margin-right: 6px;} #mainMenuPopups .cloud dd span{position:absolute; left:0px; bottom:0px; width:100%; height:22px; line-height:22px; color:#fff; display:block; z-index:1; text-indent:3px; opacity:0.9; filter:alpha(opacity=90);} #mainMenuPopups .hpc {height:auto;padding: 13px 10px 15px;width: 660px;} #mainMenuPopups .hpc .links a{margin-left:8px; width:100px; height:100px; overflow:hidden; position:relative; display:block; float:left;margin-bottom:10px;} #mainMenuPopups .hpc .links span{ position:absolute; height:22px; line-height:22px; width:100%; position:absolute; left:0; bottom:0px; background:#04579a; color:#fff; text-indent:3px; background:rgba(239,123,50,0.8);} /* Footer链接 */ .footer { color:#999; background:#000; line-height:60px; height:60px; } .footer a { color:#999;} .footer a:hover {text-decoration:underline} .footer .followus a {width:20px; height: 20px; margin-top:19px; margin-left:5px;} .footer .followus .sina{background-image: url(../images/footer.sina.png);} .footer .r p {margin-right:10px} #weixin {background-image: url(../images/footer.weixin.png);position:relative} #weixin .popup{position:absolute;width:108px; height:108px; bottom:28px; left:-120px; padding:20px; background:#fff; border-radius:3px; z-index:99999999;} #weixin .popup i{width:13px; height:8px; display:block; background:url(../images/footer.weixinarrow.png) no-repeat; position:absolute; top:148px; left:120px;} /* 首页 */ .slogan{margin-top:150px;padding:0 30px;position:relative;z-index:1;text-shadow:0px 1px 1px #444;} .slogan1{ text-shadow:0px 3px 2px #1b1b1b; line-height: 48px; font-size: 36px;} .slogan2{font-size:50px; line-height:60px; text-shadow:0px 3px 2px #1b1b1b;} .slogan3 .l1{font-size:50px;color:#00407e;} .slogan3 .l2{font-size:30px;color:#1e73a3; margin-top:-10px;} .slogan3 .more{width:116px; height:34px; display:block; background:url(../images/home.slogan.more.jpg) no-repeat; margin-top:35px;} .homefooter {height:71px;width:100%;position:absolute;bottom:0px;z-index:100;background:url(../images/home.footer.bg.png); color: #fff; position: absolute; bottom: 0px; _bottom:-1px;/*0321*/ width:100%;} .homefooter .bar {height:35px; line-height: 35px; overflow: hidden; border-bottom:1px solid #3c4a59;color:#eee;} .homefooter .voiceicon{background:url(../images/home.scrollnews.png) no-repeat left center; padding-left:18px;padding-right:10px} #scrollNews { width:600px} #scrollNews li{height:45px;overflow:hidden} #scrollNews a{color:#fff;} #scrollNews a:hover{text-decoration:underline;} #scrollNews .date {color:#999} .homefooter .links{padding-top:2px; } .homefooter .links a{float:left; margin-left:5px;} .homefooter .links img{width:88px;height:31px} .homefooter .footer{height:35px;line-height: 35px; color:#aaa;} .homefooter .footer a{color:#aaa;} .homefooter .footer .followus a {margin-top:6px; margin-left:5px;} #homeAds{width:104px; height:104px; overflow:hidden; border:2px solid #fff; right:10px; bottom:80px; position: absolute;z-index:1000;} #homeAds a{display:block;} /* 共通 */ .info .wrapper {background:url(../images/common.banner.info.jpg) no-repeat center top;} .cases .wrapper {background:url(../images/common.banner.cases.jpg) no-repeat center top;} .hpc .wrapper {background:url(../images/common.banner.hpc.jpg) no-repeat center top;} .cloud .wrapper {background:url(../images/common.banner.cloud.jpg) no-repeat center top;} .idc .wrapper {background:url(../images/common.banner.idc.jpg) no-repeat center top;} .partners .wrapper {background:url(../images/common.banner.partners.jpg) no-repeat center top;} .news .wrapper {background:url(../images/common.banner.news.jpg) no-repeat center top;} .search .wrapper {background:url(../images/common.banner.news.jpg) no-repeat center top;} .coltitle { margin-top:50px; line-height:36px; font-size:14px;} .cent { width:1008px; margin:0 auto; margin-top:35px; padding-left:4px; color:#656565;font-size:16px} .cent p {margin-bottom:0.5em;} .cent p.tc img {margin:10px 0} .cent a { color:#097DB6;text-decoration:underline;} .cent a:hover {color:#fff;background:#097DB6;text-decoration:none} .cent h1 {font-weight:bold;font-size:24px;line-height:1.1em;} .cent h2 {font-weight:bold;text-align:center;margin-top:1em;margin-bottom:1em;} .cent h3 {font-weight:bold;margin-top:0;margin-top:0.8em;margin-bottom:0.5em;} .cent h4 {font-weight:bold;} .cent th {background:#eee} .cent_bgtop { height:5px; overflow:hidden; background:url(../images/common.cent.bgtop.png) no-repeat;} .cent_one { padding:0px 5px; background:url(../images/common.cent.one.png) no-repeat; padding-bottom:50px;} .cent_two { padding:0px 5px; background:url(../images/common.cent.two.png) repeat-y; padding-bottom:50px;} .cent_left { width:740px; padding-left:27px; background:url(../images/common.cent.left.jpg) no-repeat left top; padding-top:24px;} .cent_right { width:182px; padding-right:9px; padding-top:18px;} .cent_title { font-size:24px; line-height:28px; padding-bottom:37px; background:url(../images/common.cent.title.png) no-repeat center bottom; color:#403e3e; font-weight:bold;} .cent_title em { float:right; font-size:14px; background:url(../images/common.breadcrumbs.home.png) no-repeat left center;padding-left:27px;} .cent_title em i { font-weight:bold;} .cent_title a { color:#333;text-decoration:none} .cent_title a:hover {color:#333;text-decoration:underline;background:none} .cent_one .cent_title {background:none;overflow:hidden;_zoom:1;padding:20px 30px} .rightnav li { background:url(../images/common.rightnav.line.jpg) repeat-x left bottom; padding:6px 0px 8px 0px;} .rightnav li.last { background:none;} .rightnav li h5 { line-height:35px; text-indent:12px; font-size:18px; } .rightnav li.cur h5 {background:url(../images/common.rightnav.cur.png) no-repeat;color:#fff} .rightnav li.cur h5 a { color:#fff;} .rightnav a {color:#666;text-decoration:none} .rightnav a:hover {color:#666;text-decoration:underline;background:none} .rightnav_sub { padding:7px 0px 3px 0px; display:none;} .rightnav li.cur .rightnav_sub { display:block;} .rightnav_sub p { text-indent:30px; background:url(../images/common.rightnav.dot.jpg) no-repeat 12px center; font-size:14px; line-height:25px;margin:0} .rightnav_sub p.cur a { color:#0665a1} .right_contact { margin-top:10px;} .right_contact a.iconbtn {padding: 20px 17px 20px 73px;font-size:20px;background-position: 10px center;background-repeat:no-repeat;color:#fff;text-decoration:none;background-image:url(../images/common.rightnav.contact.png);} .chuckbox {width:177px;height:177px;float:left;background:#fafafa;overflow:hidden; margin-right:20px; position:relative;cursor:pointer;} .chuckbox img{height:177px; width:177px;} .chuckbox .desc{ width:147px;height:147px; padding:15px; background:#23559a; color:#fff; position:absolute; top:177px; left:0px;} .chuckbox .desc h5{font-size:18px; height:30px; line-height:30px;} .chuckbox .desc p{color:#fff; font-size:14px; line-height:22px; width:150px; height:90px; overflow:hidden;/*filter: alpha(opacity=9)*/;-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;} .chuckbox .desc span{color:#fff; font-size:14px;filter: alpha(opacity=6);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;} .chuckbox .box{width:177px; overflow:hidden;} .slides {position:relative;overflow:hidden;} .slides li {display:block;position:absolute; top:0px; left:0px;} .slides .pager { position:absolute; z-index:999;} .slides .pager a { width:9px; height:9px; overflow:hidden; background:url(../images/hpc.home.pager.gif) no-repeat; display:inline-block; margin-right:7px; cursor:pointer; font-size:0 } .slides .pager a.activeSlide { background:url(../images/hpc.home.pagercur.gif) no-repeat;} .slides .desc {position:absolute;bottom:0;left:0;background:url(../images/common.slides.descmask.png) repeat;width:100%;color:#fff; z-index:998} a.bluebtn:link,a.bluebtn:visited {display:inline-block;text-align:center;line-height:25px;background:#ef7b32;color:#fff;font-size:14px;padding:3px 13px;text-decoration:none} a.bluebtn:hover {text-decoration:underline} h2.bluetitle {text-align:left;display:inline-block;background:#097DB6;color:#fff;font-size:18px;padding:5px 15px} h3.bluetitle {text-align:left;display:inline-block;background:#097DB6;color:#fff;font-size:18px;padding:5px 15px} h2.underline {height:50px; line-height:50px; border-bottom: 1px solid #E7E7E7; font-size: 24px; color: #3177C9;text-align:left;margin-top:20px} ul.dot li { padding-left:33px;background:url(../images/common.ul.dot.jpg) no-repeat 18px 11px; } /*中心概况 /info */ .info_home .block{padding:40px 30px; overflow:hidden; width:930px; margin:0 auto;} .info_home .block dt{width:330px; height:330px;} .info_home .block dd{font-size:16px; line-height:26px;width:580px;} .info_home .block dd p{width:580px; font-size:14px; height:153px;margin-bottom:0} .info_home .block dd .chuckbox .desc p {width:150px;height:90px;color:#fff} .info_home h2 {padding-left:30px; height:28px; font-size:18px; color:#235599; line-height:24px;text-align:left} .info_home .chuckboxes{ width:580px; overflow:hidden;} .info_home .chuckboxes ul {height:177px; width:600px; background:#fff;} /*关于我们 /info/about */ .info_about {padding:30px 0} .info_about .block{overflow:hidden;margin:20px 0 40px} .info_about .lf {width:400px;padding-left:20px} .info_about .row{font-size:15px; margin-bottom:20px;} .info_about .lf p.row{font-size:16px; line-height:30px;} .info_about .video {text-align:center} .info_about .events{margin:10px 20px;background:url(../images/info.about.line.jpg) repeat-y left top} .info_about .events li{ background:url(../images/info.about.circle.png) no-repeat 1px 12px; z-index:1000; overflow:hidden;} .info_about .events li p{padding-left:25px; line-height:40px;} .info_about .events li p span{float:left; display:inline-block; font-size:15px; color:#3F3F3F; width:110px} .info_about .events li p em{float:left; display:inline-block; font-size:15px; color:#282828; margin-left:20px;} .info_about .links{ width:740px; overflow:hidden;} .info_about .links a.iconbtn {float:left; margin-right:10px;padding: 20px 17px 20px 73px;font-size:20px;background-position: 10px center;background-repeat:no-repeat;color:#fff;text-decoration:none} .info_about .links .b1 {background-image:url(../images/info.about.link1.png);} .info_about .links .b2 {background-image:url(../images/info.about.link2.png);} .info_about .links .b3 {background-image:url(../images/info.about.link3.png);} .info_about .links .b4 {background-image:url(../images/info.about.link4.png);} /* 荣誉资质 /info/about/honor */ .info_honor .block { padding-top:110px; position:relative; width:720px; margin:0 auto;} .info_honor .slideCards .prev {position:absolute; top:212px; z-index:999;left:0} .info_honor .slideCards .next {position:absolute; top:212px; z-index:999;right:0} .info_honor .slideCards .prev a, .info_honor .slideCards .next a { display:block; width:30px; height:70px; cursor:pointer} .info_honor .slideCards .prev a { background:url(../images/info.honor.prev.png) no-repeat;} .info_honor .slideCards .prev a:hover { background:url(../images/info.honor.prev2.png) no-repeat;} .info_honor .slideCards .next a { background:url(../images/info.honor.next.png) no-repeat;} .info_honor .slideCards .next a:hover { background:url(../images/info.honor.next2.png) no-repeat;} .info_honor .slideCards ul { height:460px; width:600px; margin:0 auto; position:relative; overflow:hidden;} .info_honor .slideCards li { position:absolute;top:40px;left:330px} .info_honor .slideCards li img { width:267px; height:210px; display:block; } .info_honor .slideCards li.left {left:0px;} .info_honor .slideCards li.cur { top:0px; left:96px;} .info_honor .slideCards li.cur img { width:387px; height:304px;} .info_honor .slideCards .desc {text-align:center; width:490px; position:absolute; left:50%; margin-left:-245px; top:345px; display:none;font-size:14px; line-height:24px;} .info_honor .slideCards .desc .note {color:#8f8e8e; font-size:12px} /* 组织架构 /info/about/div */ .info_division { width:610px; margin-left:75px; margin-top:23px;} .info_division .block { padding:50px 0px; border-bottom:1px solid #D8D8D8; } .info_division h2 {float:left;width:120px;height:125px;line-height:125px;text-align:center;color:#fff;background:#0a7db5} .info_division .desc {float:right;width:440px } .info_division h3 {line-height:24px;margin-top:10px} .info_division li {font-size:14px} .info_division p {margin-left:18px;font-size:14px} /* 办公场所 /info/about/building */ .info_building {} .info_building .block {padding:30px} .info_building p {float:left;width:360px} .info_building .slides {width:255px;height:255px;float:right;} .info_building .slides ul {width:255px;height:255px;} .info_building .slides span {display:none} .info_building .slides .desc {height:30px;line-height:30px;background:url(../images/common.slides.descmask2.png) repeat; width:255px; font-size:12px;text-indent:10px} /* 基础设施 /info/about/infra */ .info_infra .block {padding:20px 0} .info_infra .tabheader {margin-top:20px} .info_infra .tabheader span {width:163px; display:inline-block; line-height:35px; text-align:center; background:#E4E4E4; margin-right:11px; font-size:15px; color:#1b1b1b; position:relative; cursor:pointer;} .info_infra .tabheader span.last { width:200px;margin-right:0} .info_infra .tabheader span i { position:absolute; width:13px; height:9px; background:url(../images/info.infra.tabheader.jpg) no-repeat; bottom:-9px; left:50%; margin-left:-6px; display:none;} .info_infra .tabheader span.current { background:#0981BF; color:#fff;} .info_infra .tabheader span.current i { display:block;} .info_infra .tabbody {margin-top:15px;border:1px solid #dedede;padding:20px;background:#f0f0f0} .info_infra .tabbody .block {margin:10px 0} .info_infra .tabbody .num {float:left;padding:10px;text-align:center;background:#0981bf;font-size:36px;color:#fff;font-weight:bold;line-height:40px} .info_infra .tabbody .text {float:left;margin-left:20px;width:320px;} .info_infra .tabbody .img {float:right;} .info_infra .tabbody .textlong {float:left;margin-left:20px;width:600px;} .info_infra .tabs table {margin-top:20px} .info_infra .tabs td {padding:8px 6px;background:#fff;text-align:center;border:5px solid #f0f0f0;font-size:14px} .info_infra .tabs td.empty {background:#f0f0f0} .info_infra .storage .l {text-align:center;margin-left:80px} /* 科普参观 /info/about/visit */ .info_visit .block {margin:20px 10px} .info_visit .scrolls {margin:20px 10px;position:relative;height:176px;overflow:hidden;} .info_visit .scrolls ul {width:10000px;position:absolute;left:0;top:0;height:176px;} .info_visit .scrolls li { float:left; margin-right:20px; width:225px;} .info_visit .scrolls li img { width:225px; display:block; height:149px;} .info_visit .scrolls li span { line-height:25px; font-size:14px; color:#403e3e; margin-top:5px; text-align:center;} .info_visit h2 {margin-top:50px} /* 联系我们 /info/about/contact */ .info_contact .block {margin:10px 20px} .info_contact h2 {margin-top:20px} .info_contact .item {border-bottom:1px solid #E0E0E0;float:left;width:50%;padding:30px 0} .info_contact .itemlong {border-bottom:1px solid #E0E0E0;float:left;width:100%;padding:30px 0} .info_contact dt {float:left} .info_contact dt img {width:90px;} .info_contact dd {float:right;width:235px;} .info_contact dd p {font-size:14px} .info_contact .itemlong dd {width:584px;} .info_contact table {margin-top:10px} .info_contact th, .info_contact td {text-align:center;border:1px solid #666;font-size:14px;padding:5px} /* 诚聘英才 /info/team/join */ .info_joinus .block {margin:20px} .info_joinus .jobs {margin-top:40px} .info_joinus h2 {text-align:left;height:40px;text-indent:16px;line-height:40px;cursor:pointer;border-bottom:1px solid #e8e8e8;margin:0} .info_joinus h2.current {text-indent:38px;color:#097fbd;font-size:20px;background:url(../images/info.joinus.h2cur.jpg) no-repeat 14px center;} .info_joinus h2 em {float:right; width:7px; height:4px; background:url(../images/info.joinus.em1.gif) no-repeat; margin-top:18px;} .info_joinus h2.current em {background:url(../images/info.joinus.em2.gif) no-repeat;} .info_joinus .content {border-top:1px solid #e8e8e8; padding:15px 25px; background-color:#fafafa; display:none;border-bottom:1px solid #e8e8e8;font-size:14px;height:200px;overflow-y:scroll} /* 高性能计算 /hpc */ .hpc_home { width:945px; margin:0 auto; padding-bottom:20px;} .hpc_home .slides {height:340px;margin-top:0} .hpc_home .slides li {height:340px;width:100%;background:#0277C2;} .hpc_home .slides dt {float:left;} .hpc_home .slides dt img {width:622px;height:340px;} .hpc_home .slides dd { width:260px; padding-right:32px; float:right; color:#fff; padding-top:50px;} .hpc_home .slides dd h3 { font-size:30px; line-height:32px;} .hpc_home .slides dd p { font-size:14px; line-height:26px; margin-top:38px;} .hpc_home .slides .pager { left:660px; bottom:46px;} .hpc_home .block {margin:50px 20px} .hpc_home .block img.r {margin-left: 42px;} .hpc_home .block p.more {margin-top:40px} .hpc_home .links {width: 660px; overflow:hidden; margin:0 auto} .hpc_home .links a{margin-left:8px; width:100px; height:100px; overflow:hidden; position:relative; display:block; float:left;} .hpc_home .links span{ position:absolute; height:22px; line-height:22px; width:100%; position:absolute; left:0; bottom:0px; background:#04579a; color:#fff; text-indent:3px; background:rgba(4,87,154,0.8);} /* 科学计算 /hpc/sci */ .hpc_sci .block {margin:20px} .hpc_sci p.more {text-align:right} .hpc_sci dt {float:left;width:210px;font-size:20px;background: #3177C9;margin-top:10px;padding:10px 10px 10px 20px;color:#fff;font-weight:bold} .hpc_sci em {} .hpc_sci dd {float:right;width:430px;font-size:14px;padding:10px 0} /* 科学计算软件 /hpc/sci/softwares */ .hpc_sci_softwares .block {margin:20px 0} .hpc_sci_softwares .tabheader {margin-top:50px} .hpc_sci_softwares .tabheader a {width:141px;height:133px;display:block;float:left;margin-right:6px} .hpc_sci_softwares .tabheader a.last {margin-right:0} .hpc_sci_softwares .tabheader a.current {background:url(../images/hpc.sci.tabs.cur.jpg) no-repeat center bottom;} .hpc_sci_softwares .tabbody {margin:30px 10px;height:450px} /* 工程仿真 /hpc/cae */ .hpc_cae .block {margin:20px} .hpc_cae p.more {text-align:right} .hpc_cae dt {float:left;width:210px;font-size:20px;background: #3177C9;margin-top:10px;padding:10px 10px 10px 20px;color:#fff;font-weight:bold} .hpc_cae em {} .hpc_cae dd {float:right;width:430px;font-size:14px;padding:10px 0} .hpc_cae .chuckbox {background: #EDEDED;border: 1px solid #E0E0E0;height:175px;width:175px;margin-right:10px;margin-bottom:10px} .hpc_cae .chuckbox img {width:164px;height:123px;margin:6px} .hpc_cae .chuckbox h5 {font-size:14px;height:36px;line-height:36px;font-weight:bold;margin:0 6px} .hpc_cae .chuckbox .desc {padding:10px;width:157px;height:157px;padding:10px} .hpc_cae .chuckbox .desc p {margin:13px 0 0} .hpc_cae .chuckbox .desc h5 {font-size:15px;height:30px;line-height:30px;font-weight:normal;margin:0} /* 工程仿真软件 /hpc/cae/softwares */ .hpc_cae_softwares .block {padding:40px;border-bottom:1px solid #E7E7E7} .hpc_cae_softwares .l, .hpc_cae_softwares .r {width:300px} .hpc_cae_softwares h2 {text-align:left} .hpc_cae_softwares_detail h3 {padding-top:2em} /* 图形图像 /hpc/cg */ .hpc_cg .block {margin:20px} .hpc_cg .slides {margin:0;height:244px;} .hpc_cg .slides .desc {height:35px;line-height:35px;width:100%;font-size:14px;text-indent:12px} .hpc_cg .slides .pager { bottom:7px; right:16px} .hpc_cg p.more {margin-top:30px} .hpc_cg h3 em {float:left; width:40px; line-height:40px;font-size:18px; background: url(../images/hpc.cg.circle.jpg) no-repeat left top; color: #fff;text-align: center;height:150px;margin-right: 14px;} .hpc_cg ul.cases li {float:left;margin-right:10px} .hpc_cg_intro img {margin:10px 0 10px 10px} .hpc_cg_use .block {width:290px;float:left;margin-left:50px;margin-top:20px} .hpc_cg_use h3 {text-align:center} /* 资源配置 /hpc/resources */ .hpc_resources .block {margin:30px 50px} .hpc_resources h2 {float:left;width:137px;padding:100px 0 18px;font-size:18px;line-height:20px;font-weight:bold;color:#fff;margin:0} .hpc_resources h2.b1 {background:#265ca6 url(../images/hpc.resources1.jpg) no-repeat center center;} .hpc_resources h2.b2 {background:#265ca6 url(../images/hpc.resources2.jpg) no-repeat center center;} .hpc_resources h2.b3 {background:#265ca6 url(../images/hpc.resources3.jpg) no-repeat center center;} .hpc_resources ul {float:right;padding:30px;background:#e9e9e9;height:78px;width:425px} .hpc_resources li {background:url(../images/hpc.resources.li.gif) no-repeat left center;padding-left:25px} .hpc_resources h2.underline {float:none;padding:0;margin-top:30px;height:50px; line-height:50px; border-bottom: 1px solid #E7E7E7; font-size: 24px; color: #3177C9;} .hpc_resources table {width:90%;margin:10px 0 0 20px} .hpc_resources td {border:2px solid #fff;padding:5px;background:#d2e5ff;text-align:center} .hpc_resources tr.group td {background:#ffccae} /* 高性能计算软件资源 /hpc/resources/softwares */ .hpc_softwares .block {margin:0 0 20px 10px} .hpc_softwares h2.bluetitle a {color:white;text-decoration:none} .hpc_softwares table {width:95%} .hpc_softwares td {text-align:center;border-bottom:1px solid #ccc;padding:10px;height:100px} .hpc_softwares .sep td {background:#eee} .hpc_softwares .try a {display:block;text-decoration:none;font-size:14px;padding:5px 15px;background-color:#ef6206;color:white } .hpc_softwares .try a:hover {background-color:#c20261} .hpc_softwares .needvpn a {padding:5px 5px 5px 25px;background-image:url(/t/201403/look/images/hpc.softwares.vpn.png);background-repeat:no-repeat;background-position:4px 8px;} /* 各分区配置 /hpc/resources/hardwares */ .hpc_hardwares .block {font-size:12px;margin:30px 0} .hpc_hardwares th, .hpc_hardwares td {text-align:center;border:2px solid #fff;padding:5px 5px} .hpc_hardwares th {background:#ffccae} .hpc_hardwares td {background:#d2e5ff} /* 云计算首页 /cloud */ .cloud_home {padding: 0 25px 20px} .cloud_home .slides {width:950px;height:340px;} .cloud_home .slides .desc {height:35px;line-height:35px;width:950px;font-size:14px;text-indent:12px} .cloud_home .slides .pager { bottom:7px; right:16px} .cloud_home .block {margin-right:20px;margin-left:20px} .cloud_home .ourproducts {height:50px; background:url(../images/cloud.home.line.jpg) repeat-x 0px 18px; margin-top:40px; margin-bottom:20px;} .cloud_home dl {margin:0 60px} .cloud_home dt {float:left;width:150px;height:62px;padding:30px 25px;margin:5px 0;background:#F0F0F0;font-weight:bold;text-align:right} .cloud_home .saas dt {height:345px} .cloud_home dd {float:right;width:560px} .cloud_home dd a {display:inline-block;margin:5px;width:124px;height:124px;overflow:hidden;position:relative} .cloud_home dd span{position:absolute; left:0px; bottom:0px; width:100%; height:25px; line-height:25px; color:#fff; display:block; z-index:1; text-indent:5px; opacity:0.9; filter:alpha(opacity=90); font-size:14px} .cloud .iaas dd span{background:#599ce2;} .cloud .paas dd span{background:#e2597c;} .cloud .saas dd span{background:#3fbe54;} .cloud_contact {margin:30px 20px} .cloud_contact img {float:left;margin-right:20px} .cloud_right .contact {margin:10px 0} .cloud_right .contact p {font-size:13px} .cloud_right .links, #linksPengyun {margin:10px 0} .cloud_right a.iconbtn {background-position: 10px center;background-repeat:no-repeat;padding: 7px 7px 7px 66px;font-size:16px;color:#fff;text-decoration:none;margin-bottom:10px;background-color:#d75997} .cloud_right a.iconbtn:hover {background-color:#c20261} .cloud_right a.iconbtn span {font-size:10px} .cloud_right a.apply {background-image:url(../images/cloud.right.cart.png);} .cloud_right a.bgp {background-image:url(../images/cloud.right.bgp.png);} .cloud_right a.pengyun {background-image:url(../images/cloud.right.pengyun.png);padding: 20px 17px 20px 73px;font-size:20px;} /* 云主机 /cloud/vm */ .cloud_vm .tabheader {margin:10px 0} .cloud_vm .tabheader a.iconbtn {float:left;margin-right:10px;padding:10px 7px 12px 66px;height:50px;background-position:10px center;background-repeat:no-repeat;color:#fff;text-decoration:none;background-color:#0277C2} .cloud_vm .tabheader a.iconbtn:hover {background-color:#d75997} .cloud_vm .tabheader a.current,.cloud_vm .tabheader a.current:hover {background-color:#c20261} .cloud_vm .tabheader a.iconbtn h2 {text-align:left;margin:0;font-weight:normal} .cloud_vm .tabheader .b1 {background-image:url(../images/cloud.vm.tab.what.png);line-height:50px} .cloud_vm .tabheader .b2 {background-image:url(../images/cloud.vm.tab.why.png);} .cloud_vm .tabheader .b3 {background-image:url(../images/cloud.vm.tab.who.png);} .cloud_vm .tabheader .b4 {background-image:url(../images/cloud.vm.tab.how.png);} .cloud_vm .what {padding:0 30px} .cloud_vm .what .block {padding:40px 0 60px;background: url(../images/common.block.line.jpg) no-repeat left bottom;} .cloud_vm .what .l {width:96px;height:96px;font-size:0} .cloud_vm .what .b1 {background:url(../images/cloud.vm.what.01.jpg) no-repeat;} .cloud_vm .what .b2 {background:url(../images/cloud.vm.what.02.jpg) no-repeat;} .cloud_vm .what .b3 {background:url(../images/cloud.vm.what.03.jpg) no-repeat;} .cloud_vm .what .b4 {background:url(../images/cloud.vm.what.04.jpg) no-repeat;} .cloud_vm .what .r {width:530px} .cloud_vm .what ul.dot p {margin-bottom:0} .cloud_vm .what p img {text-align:center;margin-top:20px} .cloud_vm .what p.indent {margin-left:3em} .cloud_vm .why {padding:30px} .cloud_vm .why h3 {display:inline-block;background:#097DB6;color:#fff;font-size:18px;padding:5px 15px} .cloud_vm .why p {margin-left:30px} .cloud_vm .who {padding:0 90px} .cloud_vm .who .l {width:89px;height:89px;font-size:0} .cloud_vm .who .b1 {background:url(../images/cloud.vm.who.01.jpg) no-repeat;} .cloud_vm .who .b2 {background:url(../images/cloud.vm.who.02.jpg) no-repeat;} .cloud_vm .who .b3 {background:url(../images/cloud.vm.who.03.jpg) no-repeat;} .cloud_vm .who .r {width:430px} .cloud_vm .who .block {margin:30px 0} .cloud_vm .how {padding:30px} .cloud_vm .how h3 {display:inline-block;background:#097DB6;color:#fff;font-size:18px;padding:5px 15px} .cloud_vm .how .block {margin-left:30px} .cloud_vm .how p.indent {margin-left:2em} .cloud_vm .how .flowtab {margin:20px 0 0 30px} .cloud_vm .how .flowtab ul {margin-bottom:10px;position:relative;height:86px;overflow:hidden} .cloud_vm .how .flowtab li {position:absolute;top:0;width:138px;height:86px;overflow:hidden;background:url(../images/cloud.vm.how.flow1.png) no-repeat;cursor:pointer} .cloud_vm .how .flowtab li.current {background:url(../images/cloud.vm.how.flow2.png) no-repeat} .cloud_vm .how .flowtab li.b1 {left:0} .cloud_vm .how .flowtab li.b2 {left:125px} .cloud_vm .how .flowtab li.b3 {left:250px} .cloud_vm .how .flowtab li.b4 {left:375px} .cloud_vm .how .flowtab li.b5 {left:500px} .cloud_vm .how .flowtab li em {position:absolute;top:32px;left:33px;color:#fff;font-weight:bold} .cloud_vm .how .flowtab li span {position:absolute;top:21px;left:61px;color:#065d9b;font-weight:bold} .cloud_vm .how .flowtab li span.oneline {top:31px} .cloud_vm .how .flowtab li.current em {color:#065d9b} .cloud_vm .how .flowtab li.current span {color:#fff} .cloud_vm .how .flowtabbody {border: 1px solid #D4D4D4;background: #F1F1F1;padding:10px;margin-bottom:30px} /* 鹏云 /cloud/pengyun */ .cloud_pengyun .enterlink {text-align:right;margin:10px 20px 20px } .cloud_pengyun .slides {margin:0 0 20px;height:244px;} .cloud_pengyun .slides .desc {height:35px;line-height:35px;width:100%;font-size:14px;text-indent:12px} .cloud_pengyun .slides .pager { bottom:7px; right:16px} .cloud_pengyun .block {padding:40px 0 60px;background: url(../images/common.block.line.jpg) no-repeat left bottom;} .cloud_pengyun .apps {margin:20px 0 0 20px} .cloud_pengyun .apps a {display:inline-block;margin:5px;width:124px;height:124px;overflow:hidden;position:relative} .cloud_pengyun .apps span{position:absolute; left:0px; bottom:0px; width:100%; height:25px; line-height:25px; color:#fff; display:block; z-index:1; text-indent:5px; opacity:0.9; filter:alpha(opacity=90); font-size:14px;background:#3fbe54;} /* 鹏云T盘 /cloud/pengyun/tpan */ .cloud_tpan .slides {margin:20px 0;height:244px;} .cloud_tpan .slides .pager { bottom:7px; right:16px} .cloud_tpan .block {padding:40px 30px;background: url(../images/common.block.line.jpg) no-repeat left bottom;} .cloud_tpan h2 {text-align:left;font-size:20px} .cloud_tpan ul.download li {float:left;width:210px;text-align:center} /* 政务云 /cloud/pengyun/gov */ .cloud_gov .slides {margin:20px 0 40px;height:244px;} .cloud_gov .slides .pager { bottom:7px; right:16px} .cloud_gov .block {margin:20px} /* 应用商店 /cloud/pengyun/appstore */ .cloud_appstore .block {padding:40px 30px 60px;background: url(../images/common.block.line.jpg) no-repeat left bottom;} .cloud_appstore .block img.l {margin-right:20px} .cloud_appstore .block img.r {margin-left:20px} /* 鹏云开放平台 /cloud/open */ .cloud_open .block {margin: 0 30px 30px} /* 合作伙伴 /partners */ .partners_home ul {margin:30px 2px} .partners_home ul li {float:left;margin:0px;padding:0px 10px 0px 0px;width:137px;} .partners_home ul li img{background:#ebebeb; border:1px solid #e3e3e3;padding:5px; width:125px; height:80px; display:block; text-align:center;} .partners_home ul li p{ padding:15px 0px;text-align:center; height:45px; line-height:20px} /* 渠道政策 /partners/policy */ .partners_policy .block {margin:0 30px} /* 文章列表 */ .news_list li {border-bottom: 1px solid #E5E5E5;padding:20px 20px 30px} .news_list h2 {text-align:left;font-size:20px} .news_list h2 a {text-decoration:none} .news_list li img {width:133px;height:133px;float:right;margin-left:20px;margin-top:30px} .news_list p.date {background:url(../images/newslist.date.png) no-repeat left center;padding-left:23px} .news_list .pager {margin:20px auto;text-align:center} .news_list .pager b, .news_list .pager span {display:inline-block;padding:5px 7px;width:20px;} .news_list .pager a {display:inline-block;padding:4px 6px;border:1px solid #ccc;width:20px;} .news_page {padding:10px 20px 30px;position:relative;} .news_page h1 {text-align:center;margin:20px 0 40px;line-height: 30px;} .news_page p, .news_page h3, .news_page h4 {text-indent:2em} .news_page p.tc, .news_page p.tr {text-indent:0} .news_page p.ding, .news_page h3.ding, .news_page h4.ding {text-indent:0} .news_page p.date {text-indent:0;position:absolute;top:-17px;height:20px;right:0;color:#eee;font-size:14px} .news_page p.date span {background:#666;padding:3px 5px;display:inline-block} .news_page p.desc {text-indent:0;text-align:center;font-weight:bold;margin-bottom:1.5em} .news_page strong, .news_page b {font-weight:bold} .news_page table {margin:20px 0} .news_page p.code,.news_page div.code {margin:20px;padding:10px;text-indent:0;font-family:Consolas,monospace;font-size:14px;background:#ddd } .news_page i, .news_page em {font-style:italic} .news_page sub {vertical-align:sub;font-size:smaller;} .news_page sup {vertical-align: super; font-size: smaller;} .news_page th {text-align:center} /* 站内搜索 */ .search .cent_title input.text {width:200px;padding:5px;font-size:14px} .search .cent_title input.btn {padding:5px 20px;background:#0277C2;color:#fff;border:1px solid #dadada;font-size:14px} /* 高性能计算申请表 /hpc/services/apply.aspx */ .hpc_apply {margin:20px;padding:20px;border:1px solid #e3e3e3;background: #f5f5f5;} .hpc_apply label {width:140px;display:inline-block;text-align:right;margin-right:10px} .hpc_apply #sType, .hpc_apply #sDivision, .hpc_apply #sMethod {width:150px} .hpc_apply #sUnit {text-align:left;width:80px} .hpc_apply #sAmount, .hpc_apply #sCPU, .hpc_apply #sDisk, .hpc_apply #sVPN {width:80px} .hpc_apply #sSoftwares {width:300px} .hpc_apply textarea {width:300px;height:100px} .hpc_apply #panel1, .hpc_apply #panel2 {margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e3e3e3} .hpc_apply #sCompany, .hpc_apply #sContact, .hpc_apply #sMobile, .hpc_apply #sEmail {width:300px} .hpc_apply #sSubmit {width:97px; height:35px; background: url(../images/common.form.submit.jpg) no-repeat; border: 0; text-indent:-9999em;margin-left:160px} .hpc_apply .success {background:url(../images/common.form.success.png) no-repeat;padding-left:110px} .hpc_apply .success h2 {text-align:left} /* 云主机申请表 /hpc/services/apply.aspx */ .cloudvm_apply {position:relative} .cloudvm_apply table {width:100%;} .cloudvm_apply th {border:1px solid #dadada;padding:5px 10px;text-align:center;font-weight:bold} .cloudvm_apply td {border:1px solid #dadada;padding:5px 10px;text-align:center;} .cloudvm_apply .tabs {margin:20px 0;position:relative;padding-top:43px} .cloudvm_apply .tabheader {z-index:1;position:absolute;top:1px} .cloudvm_apply .tabheader a {float:left;display:block;width:112px;height:43px;background:url(../images/cloud.vmapply.tab2.jpg) no-repeat;color:#fff;margin-right:5px;line-height: 43px;text-align: center;text-decoration:none} .cloudvm_apply .tabheader a.current {background:url(../images/cloud.vmapply.tab1.jpg) no-repeat;color:#3f3e3e} .cloudvm_apply .tabheader a h2 {margin:0} .cloudvm_apply .tabbody {background:#ededed;padding:15px;border: 1px solid #dadada;} .cloudvm_apply .tabbody td.suggestname {color:#ef6206;font-weight:bold} .cloudvm_apply .tabbody td.cart {padding:0} .cloudvm_apply .tabbody tr:hover {background:#f4c8ab} .cloudvm_apply .tabbody a.add2cart {display:block;width:100%;height:37px;line-height:37px;background:#ef6206;color:#fff;text-decoration:none;text-align:center} .cloudvm_apply .tabbody a.add2cart:hover {background:#c20261} .cloudvm_apply .tabbody dt {float:left;width:100px;text-align:right;margin-top:8px;font-weight:bold} .cloudvm_apply .tabbody dd {float:right;width:590px;position:relative} .cloudvm_apply .tabbody dd a {display:inline-block;padding:5px;margin:3px;border:1px solid #e0e0e0;background:#fff} .cloudvm_apply .tabbody dd a:hover,.cloudvm_apply .tabbody dd a.selected {background:#0764a0;color:#fff;} .cloudvm_apply .tabbody dd a.add2cart {position:absolute;top:3px;left:450px;border:none;padding:0;margin:0;width:120px;} .cloudvm_apply .tabbody dd a.add2cart:hover {background:#c20261} .cloudvm_apply .tabbody dl.price {margin:10px 0;padding:10px 0;border-top:1px dashed #ccc} .cloudvm_apply .tabbody dl.price dd {margin-top:8px} .cloudvm_apply .tabbody dl.price a.add2cart {} .cloudvm_apply .tabbody .note512 {color:#ef6206;font-size:14px} .cloudvm_apply .notes {margin:20px 50px;font-size:14px} .cloudvm_apply .notes p.indent {margin-left:2em} .cloudvm_apply .order table {background:#f5f5f5} .cloudvm_apply .order .name {color:#ef6206;font-weight:bold} .cloudvm_apply .order .conf {font-size:14px} .cloudvm_apply .order span.minus, .cloudvm_apply .order span.plus {padding:5px 8px;border:1px solid #dadada;cursor:pointer;} .cloudvm_apply .order span.amount {padding:5px 10px;border:1px solid #dadada;background:#fff} .cloudvm_apply .order td.os {position:relative} .cloudvm_apply .order td.os label {position:absolute;bottom:6px;right:5px;font-size:14px} .cloudvm_apply .order select {font-size:14px} .cloudvm_apply .network {margin-left:400px} .cloudvm_apply .sum {text-align:right;margin:20px 0} .cloudvm_apply .sum label {font-weight:bold} .cloudvm_apply .sum span.money {font-weight:bold;color:#ef6206;font-size:40px} .cloudvm_apply .sum span.strike {font-weight:bold;color:#ef6206;font-size:16px} .cloudvm_apply .sum a.promotion {color:#f00;cursor:pointer} .cloudvm_apply .sum a.promotion:hover {color:#0ff} .cloudvm_apply .sum .promotion_note {font-size:14px} .cloudvm_apply form {margin:20px;padding:20px;border:1px solid #e3e3e3;background: #f5f5f5;} .cloudvm_apply form label {width:140px;display:inline-block;text-align:right;margin-right:10px} .cloudvm_apply #sCompany, .cloudvm_apply #sContact, .cloudvm_apply #sMobile, .cloudvm_apply #sEmail {width:300px} .cloudvm_apply form textarea {width:300px;height:100px} .cloudvm_apply #sSubmit {width:97px; height:35px; background: url(../images/common.form.submit.jpg) no-repeat; border: 0; text-indent:-9999em;margin-left:160px} .cloudvm_apply .success {background:url(../images/common.form.success.png) no-repeat;padding-left:110px} .cloudvm_apply .success h2 {text-align:left} .cloudvm_apply #networkConfig {display:none;z-index:10000;background:#fff;width:400px;height:310px;border:1px solid #666;box-shadow:0 0 90px 5px #000;} .cloudvm_apply #networkConfig .h {padding:20px;} .cloudvm_apply #networkConfig .h .isp {margin-left:65px} .cloudvm_apply #networkConfig .h .bw {margin-left:75px} .cloudvm_apply #networkConfig .b {padding:10px;height:160px;overflow-y:scroll} .cloudvm_apply #networkConfig .b span {margin-left:10px;width:20px;display: inline-block;} .cloudvm_apply #networkConfig .b select.isp {margin-left:10px;width:165px} .cloudvm_apply #networkConfig .b select.bw {margin-left:10px;width:125px} .cloudvm_apply #networkConfig .f {padding:20px;text-align:center} .cloudvm_apply #networkConfig .f a.ok {display:inline-block;background:#ef6206;color:#fff;padding:5px 15px;text-decoration:none;text-align:center} .cloudvm_apply #networkConfig .f a.cancel {display:inline-block;background:#dbcac0;color:#000;padding:5px 15px;text-decoration:none;text-align:center} @media only screen and (max-width:1200px) { .wp{width:100%;} .container{padding-left:15px;padding-right:15px;} } @media only screen and (max-width:1100px) { .topCorner{width:68%;} #logo img{max-width:80%;} #mainMenu a{padding: 0 15px 12px 15px;} } @media only screen and (max-width:950px) { .topCorner{width:66%;} #logo img{max-width:80%;} #mainMenu a{padding: 0 6px 12px 6px;} }