mirror of
https://github.com/ossrs/srs.git
synced 2025-02-24 15:04:20 +00:00
191 lines
14 KiB
CSS
191 lines
14 KiB
CSS
|
@charset "utf-8";
|
||
|
|
/* CSS Document */
|
||
|
|
* {margin:0; padding:0;word-break:break-all;}
|
||
|
|
html,body{height:auto;}
|
||
|
|
html,body,a,h1,h2,h3,h4,h5,h6,p,div,ul,li,ol,dl,dt,dd,img,form,input,textarea,select,fieldset { margin:0px; padding:0px }
|
||
|
|
body,table,input,select,textarea { font-family:'微软雅黑',Arial; font-size:12px;}
|
||
|
|
body {}
|
||
|
|
img { border:0px;}
|
||
|
|
|
||
|
|
.td_left { text-align:left; padding-left:3px; background:#FFF;}
|
||
|
|
.td_right { text-align:right; padding-right:5px;}
|
||
|
|
|
||
|
|
.btn_1 { margin:10px 0px; padding:5px 20px; cursor:pointer;}
|
||
|
|
|
||
|
|
/*logo
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#logo { width:980px; height:52px; margin:0px auto; color:#FFF; line-height:25px; font-size:12px;}
|
||
|
|
#logo span { float:right; margin-top:20px; margin-right:10px; line-height:32x;}
|
||
|
|
#logo span a { margin-left:8px;}
|
||
|
|
|
||
|
|
/*主导航
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#nav { width:980px; height:35px; line-height:35px; *line-height:32px; margin:0px auto;}
|
||
|
|
#nav ul { list-style-type:none; width:inherit; margin:0px auto;}
|
||
|
|
#nav ul li { float:left; list-style-type:none; width:162.5px; height:35px; padding:0px; text-align:center; display:block; overflow:hidden; background:url(../images/mav_bg.gif) no-repeat; background-position:0px 0px;}
|
||
|
|
#nav ul li:hover { float:left; list-style-type:none; width:162.5px; height:35px; padding:0px; text-align:center; display:block; overflow:hidden; background:url(../images/mav_bg.gif) no-repeat; background-position:0px -35px;}
|
||
|
|
#nav ul li.S { float:left; list-style-type:none; width:162.5px; height:35px; padding:0px; text-align:center; display:block; overflow:hidden; background:url(../images/mav_bg.gif) no-repeat; background-position:0px -35px;}
|
||
|
|
|
||
|
|
#nav ul li.L { width:162.5px; height:35px; padding:0px; background:url(../images/mav_bg_l.gif) no-repeat; background-position:0px 0px;}
|
||
|
|
#nav ul li.L:hover { width:162.5px; height:35px; padding:0px;background:url(../images/mav_bg_l.gif) no-repeat; background-position:0px -35px;}
|
||
|
|
|
||
|
|
#nav ul li.R { width:162.5px; height:35px; padding:0px; background:url(../images/mav_bg_r.gif) no-repeat; background-position:0px 0px;}
|
||
|
|
#nav ul li.R:hover { width:162.5px; height:35px; padding:0px;background:url(../images/mav_bg_r.gif) no-repeat; background-position:0px -35px;}
|
||
|
|
|
||
|
|
#nav ul li.line { width:1px; height:35px; margin:0px 0px; padding:0px; background:#287ab4;}
|
||
|
|
#nav ul li a { width:inherit; height:35px; line-height:33px; *line-height:32px; font-size:14px; color:#fff; padding:8px 50px;text-decoration:none; box-shadow:0px 0px 1px #4bd2ef inset;}
|
||
|
|
#nav ul li a:hover { color:#fff; padding:8px 50px;}
|
||
|
|
|
||
|
|
/*banner
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#banner { width:980px; height:446px; margin:0px auto; position:relative;}
|
||
|
|
|
||
|
|
/*主内容
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#container { width:980px; margin:0px auto 40px auto; padding:0px;}
|
||
|
|
|
||
|
|
/*栏目模块
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#module { width:239px; height:160px; float:left; margin-right:8px;}
|
||
|
|
#module h1 { padding-left:15px; padding-top:15px; font-size:16px; font-weight:normal; color:#333;}
|
||
|
|
#module h2 { padding-left:15px; padding-top:5px; font-size:12px; color:#000;}
|
||
|
|
#module p { padding-left:15px; padding-top:5px; padding-right:70px; color:#707070; line-height:20px;}
|
||
|
|
#module a { color:none; text-decoration:none;}
|
||
|
|
|
||
|
|
/*产品模块
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#P_module { width:319px; height:160px; float:left; margin-right:11px; background:url(../images/module_P.gif) no-repeat;}
|
||
|
|
#P_module h1 { padding-left:15px; padding-top:15px; font-size:16px; font-weight:normal; color:#333;}
|
||
|
|
#P_module h2 { padding-left:15px; padding-top:5px; font-size:12px; color:#000;}
|
||
|
|
#P_module p { padding-left:15px; padding-top:5px; padding-right:70px; color:#707070; line-height:20px;}
|
||
|
|
#P_module a { color:none; text-decoration:none;}
|
||
|
|
|
||
|
|
/*列表
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#list { float:left; width:189px; height:230px; margin:0px; *margin-top:20px; background:url(../images/list_bg.gif) no-repeat;}
|
||
|
|
#list ul { list-style-type:none; width:inherit; margin:0px; padding-left:5px; padding-top:15px;}
|
||
|
|
#list ul li { width:92%; list-style-type:none; height:25px; line-height:25px;}
|
||
|
|
#list ul li:hover { color:#000; background:url(../images/arrow.gif) no-repeat right center;}
|
||
|
|
#list ul li.sel { font-size:14px; color:#000; font-weight:bold; background:url(../images/arrow.gif) no-repeat right center;}
|
||
|
|
#list ul li a { width:inherit; text-decoration:none; color:#666; padding:6px 10px 6px 10px;}
|
||
|
|
#list ul li a:hover { width:inherit; color:#000; padding:6px 10px 6px 10px;}
|
||
|
|
|
||
|
|
/*产品详细
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#detailed { width:750px; height:360px; margin-left:200px; margin-top:20px; background:url(../images/SCT.jpg) no-repeat; padding:15px;}
|
||
|
|
#detailed h1 { width:auto; line-height:40px; font-size:36px; font-weight:normal;}
|
||
|
|
#detailed p { width:90%; padding-top:15px; line-height:28px; font-size:14px;}
|
||
|
|
#detailed ul { list-style-type:none; width:50%; padding:0px; padding-top:15px;}
|
||
|
|
#detailed ul li { list-style-type:none; line-height:28px; color:#666;}
|
||
|
|
|
||
|
|
/*产品特性
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#feature { width:775px; *width:775px; margin-left:200px;}
|
||
|
|
#feature h1 { width:auto; line-height:25px; font-size:14px; font-weight:normal; padding-left:15px; border-bottom:1px solid #bfbfbf;}
|
||
|
|
#feature ul { width:inherit; list-style-type:none; margin-top:10px;}
|
||
|
|
#feature ul li { width:355px; height:150px; list-style-type:none; padding:15px; margin-bottom:5px; display:block; overflow:hidden; background:url(../images/feature_bg.gif) no-repeat;}
|
||
|
|
#feature ul li h2 { line-height:23px; font-size:14px; font-weight:normal;}
|
||
|
|
#feature ul li p { width:inherit; line-height:20px; color:#666;}
|
||
|
|
|
||
|
|
/*解决方案 说明
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#explain { width:980px; height:210px; padding-top:20px; padding-bottom:50px; background:url(../images/explain_bg.jpg) no-repeat;}
|
||
|
|
#explain h1 { width:auto; line-height:40px; padding-left:15px; font-size:30px; font-weight:normal;}
|
||
|
|
#explain h1 span { float:right; font-size:12px; padding-right:15px;}
|
||
|
|
#explain h2 { font-size:16px; padding-left:15px; padding-top:10px;}
|
||
|
|
#explain p { width:60%; padding:15px; margin-top:10px; line-height:28px; font-size:16px;}
|
||
|
|
#explain ul { list-style-type:none; width:inherit; padding:0px; padding-top:15px; padding-left:15px;}
|
||
|
|
#explain ul li { list-style-type:none; line-height:28px; color:#666;}
|
||
|
|
|
||
|
|
/*解决方案 列表
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#Slist { float:left; width:180px; height:230px; margin:0px; *margin-top:20px; padding-right:6px; border-right:1px dotted #bfbfbf;}
|
||
|
|
#Slist ul { list-style-type:none; width:inherit; margin:0px; padding-left:5px; padding-top:15px;}
|
||
|
|
#Slist ul li { width:92%; list-style-type:none; height:25px; line-height:25px;}
|
||
|
|
#Slist ul li:hover { color:#000; background:url(../images/arrow.gif) no-repeat right center;}
|
||
|
|
#Slist ul li.sel { font-size:14px; color:#000; font-weight:bold; background:url(../images/arrow.gif) no-repeat right center;}
|
||
|
|
#Slist ul li a { width:inherit; text-decoration:none; color:#666; padding:6px 10px 6px 10px;}
|
||
|
|
#Slist ul li a:hover { width:inherit; color:#000; padding:6px 10px 6px 10px;}
|
||
|
|
|
||
|
|
/*解决方案
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#solution { width:auto; height:auto; margin-left:200px; margin-top:20px;}
|
||
|
|
#solution h1 { width:auto; line-height:24px; font-size:18px; font-weight:normal;}
|
||
|
|
#solution h1 span { float:right; font-size:12px; padding-right:15px;}
|
||
|
|
#solution h1 span a { color:#999; text-decoration:none;}
|
||
|
|
#solution h1 span a:hover { color:#09F;}
|
||
|
|
#solution p { width:auto; padding:15px; margin-top:10px; line-height:28px; font-size:14px; background:#f1f9fd; border:1px solid #bfbfbf; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
|
||
|
|
#solution ul { list-style-type:none; width:50%; padding:0px; padding-top:15px;}
|
||
|
|
#solution ul li { list-style-type:none; line-height:28px; color:#666;}
|
||
|
|
|
||
|
|
/*招贤纳士
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#career { width:980px; height:auto; margin-top:20px; padding-bottom:20px; background:url(../images/career_bg.jpg) no-repeat;}
|
||
|
|
#career h1 { width:auto; line-height:40px; padding-left:15px; font-size:30px; font-weight:normal;}
|
||
|
|
#career h1 span { float:right; font-size:12px; padding-right:15px;}
|
||
|
|
#career h2 { font-size:14px;}
|
||
|
|
#career p { width:80%; padding:15px; margin-top:10px; line-height:28px; font-size:14px;}
|
||
|
|
#career ul { list-style-type:none; width:inherit; padding:0px; padding-top:15px; padding-left:15px;}
|
||
|
|
#career ul li { list-style-type:none; line-height:28px; color:#666;}
|
||
|
|
|
||
|
|
/*招聘
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#recruitment { width:918px; height:auto; padding:30px; background:url(../images/recruitment_bg.jpg); background-repeat:repeat-x; border:1px solid #FFF; *border:1px solid #bfbfbf; box-shadow:0px 2px 3px #999999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
|
||
|
|
#recruitment h1 { width:auto; line-height:28px; font-size:18px; font-weight:bold;}
|
||
|
|
#recruitment h1 span { float:right; font-size:12px; padding-right:15px; font-weight:normal;}
|
||
|
|
#recruitment p { width:auto; margin-top:10px; line-height:23px; font-size:14px;}
|
||
|
|
#recruitment ul { list-style-type:none; width:inherit; padding:0px; padding-top:15px; padding-left:15px;}
|
||
|
|
#recruitment ul li { list-style-type:none; line-height:28px; color:#666;}
|
||
|
|
|
||
|
|
/*关于我们
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#aboutUs { width:980px; height:auto; margin-top:20px; padding-bottom:20px; background:url(../images/aboutUs_bg.jpg) no-repeat;}
|
||
|
|
#aboutUs h1 { width:auto; line-height:40px; padding-left:15px; font-size:30px; font-weight:normal;}
|
||
|
|
#aboutUs h1 span { float:right; font-size:12px; padding-right:15px;}
|
||
|
|
#aboutUs h2 { font-size:16px; padding-left:15px; padding-top:10px;}
|
||
|
|
#aboutUs p { width:80%; padding:15px; margin-top:10px; line-height:28px; font-size:14px;}
|
||
|
|
#aboutUs ul { list-style-type:none; width:inherit; padding:0px; padding-top:15px; padding-left:15px;}
|
||
|
|
#aboutUs ul li { list-style-type:none; line-height:28px; color:#666;}
|
||
|
|
|
||
|
|
/*联系我们
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#contactUs { width:980px; height:auto; padding-top:20px; padding-bottom:0px; background:url(../images/contactUs_bg.jpg) no-repeat;}
|
||
|
|
#contactUs h1 { width:auto; line-height:40px; padding-left:15px; font-size:30px; font-weight:normal;}
|
||
|
|
#contactUs h1 span { float:right; font-size:12px; padding-right:15px;}
|
||
|
|
#contactUs h2 { font-size:16px; padding-left:15px; padding-top:10px;}
|
||
|
|
#contactUs p { width:80%; padding:15px; margin-top:10px; line-height:28px; font-size:14px;}
|
||
|
|
#contactUs ul { list-style-type:none; width:inherit; padding:0px; padding-top:15px; padding-left:15px;}
|
||
|
|
#contactUs ul li { list-style-type:none; line-height:28px; color:#000;}
|
||
|
|
|
||
|
|
/*地图
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#map { width:918px; height:550px; padding:30px; background:url(../images/recruitment_bg.jpg); background-repeat:repeat-x; border:1px solid #FFF; *border:1px solid #bfbfbf; box-shadow:0px 2px 3px #999999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
|
||
|
|
#map h1 { width:auto; line-height:28px; font-size:18px; font-weight:bold;}
|
||
|
|
#map h1 span { float:right; font-size:12px; padding-right:15px;}
|
||
|
|
#map h1 span a { color:#999; text-decoration:none;}
|
||
|
|
#map h1 span a:hover { color:#09F;}
|
||
|
|
#map p { width:auto; margin-top:10px; line-height:23px; font-size:14px; background:; }
|
||
|
|
#map ul { list-style-type:none; width:inherit; padding:0px; padding-top:15px; padding-left:15px;}
|
||
|
|
#map ul li { list-style-type:none; line-height:28px; color:#666;}
|
||
|
|
|
||
|
|
/*体验中心
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#experience { width:485px; height:160px; float:left; margin-right:10px;}
|
||
|
|
#experience h1 { padding-left:15px; padding-top:15px; font-size:30px; font-weight:normal; color:#333;}
|
||
|
|
#experience h2 { padding-left:15px; padding-top:5px; font-size:12px; color:#000;}
|
||
|
|
#experience p { padding-left:15px; padding-top:5px; padding-right:70px; color:#707070; line-height:20px;}
|
||
|
|
#experience a { color:none; text-decoration:none;}
|
||
|
|
|
||
|
|
/*演示
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
/*#demonstrate { width:750px; height:360px; margin-left:200px; margin-top:20px; background:#999; padding:15px;}*/
|
||
|
|
#demonstrate { width:750px; height:360px; margin-left:200px; margin-top:20px; background:url(../images/wait.jpg); padding:0px;}
|
||
|
|
#demonstrate h1 { width:auto; line-height:28px; font-size:18px; font-weight:normal;}
|
||
|
|
#demonstrate p { width:inherit; padding-top:15px; line-height:28px; font-size:14px;}
|
||
|
|
#demonstrate ul { list-style-type:none; width:50%; padding:0px; padding-top:15px;}
|
||
|
|
#demonstrate ul li { list-style-type:none; line-height:28px; color:#666;}
|
||
|
|
|
||
|
|
/*Copyright
|
||
|
|
------------------------------------------------------------------------------------------------- */
|
||
|
|
#footer { width:980px; height:100px; margin:0px auto; padding-top:15px; font-size:11px; color:#666; line-height:20px; border-top:1px solid #bfbfbf; clear:both;}
|
||
|
|
#footer span { float:right;}
|