搜外科技网站建设教程,网站制作新手教程,24小时学会网站建设

搜外科技网站系统主题开发安装教程: 400-859-1113
网站地图 xml
免费网站建设 > 主题开发 > 主题制作 > ⑥【DIV+CSS调整】-主题制作
⑥【DIV+CSS调整】-主题制作
2015-08-30 17:07:55

说明:SOUWAI的CSS规范要求有两个文件组成: 

1. [common.css] 该CSS主要放置NITC的核心样式; 
2. [style.css] 该CSS主要放置核心样式之外,网站特别地方额外的样式; 
如果您对CSS的调整需要指导或者探讨可以加入 [QQ:28168028] 或者400-859-1113,我们一起探讨。 
注意:不管是css文件还是div文件,保存的编码都为“utf-8”,有时添加了js无效果很可能就是这个原因。

[common.css]

以下展示为主题设计及切割效果图中的样式,并不是最新主题样式规范中的所有样式。

@charset "utf-8";
/*Global 网站全局CSS*/
body, td, th ,div, ul, li, p{ 
color : #666; 
font-size:12px;
font-family:arial;

body { 
margin-left : 0; 
margin-top : 0; 
margin-right : 0; 
margin-bottom : 0; 
background:#b5b6ba url(../images/main.gif) repeat-x;

ul, li, p, dl, dt, dd, h1,h2,h3,h4,h5,h6, form{ 
list-style-type : none; 
padding : 0; 
margin : 0; 

img{
padding : 0; 
margin : 0; 
border : 0;
}
a:link { 
color : #333; 
font-size : 12px; 
font-family : arial; 
text-decoration:none;

a:visited { 
color : #333; 
font-size : 12px; 
font-family : arial; 
text-decoration:none;

a:hover { 
color : #cc0000; 
font-size : 12px; 
text-decoration : underline; 
font-family : arial; 

.clear{
clear:both;
}
.freeheight{
height:10px;
overflow:hidden;
}
/*wrapper 网站外框架*/
.wrapper {
margin:0px auto;
}
/*meta 顶部描述模块*/
.meta{
height:24px;
overflow:hidden;
clear:both;
}
.metainner{
width:995px;
height:24px;
text-indent:5px;
line-height:24px;
margin:0px auto;
color:#999;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
background:#fff url(../images/main.gif) repeat-x;/**/
}
.metainner p{
float:left;
width:700px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.metainner span{
float:right;
}
.metainner span a{
float:right;
padding-right:5px;
}
.metainner span img{
margin-top:3px;
}
/*header 网站头部模块*/
.header{
width:995px;
height:77px;
margin:0px auto;
overflow:hidden;
clear:both;
background:#fff url(../images/head_bg.gif);
}
.header .logo{
float:left;
height:77px;
overflow:hidden;
}
.header .logo img{
margin-top:5px;
}
.headerright{
margin-right:10px;
float:right;
height:77px;
width:275px;
overflow:hidden;
}
.headerright dl{
margin-top:10px;
}
.headerright dd{
width:122px;
height:21px;
line-height:21px;
overflow:hidden;
background:url(../images/ico.gif) 0px -250px no-repeat;
text-indent:8px;
float:right;
}
.headerright dd a,.headerright dd a:link,.headerright dd a:visited{
display:block;
float:left;
margin:0px;
color:#fff;
width:56px;
text-align:center;
}
.headerright dd a:hover{
text-decoration:underline;
}
.headerright ul{
margin-top:15px;
}
.headerright li{
float:left;
margin-left:10px!important;
margin-left:5px;
}
.headerright #t1{
background:#fff url(../images/ico.gif) 4px 2px no-repeat;
}
.headerright #t2{
background:#fff url(../images/ico.gif) -135px 2px no-repeat;
}
.headerright #t3{
background:#fff url(../images/ico.gif) 3px -97px no-repeat;
}
.headerright a{
margin-left:19px;
}
.headerright a:link,.headright a:visited{
text-decoration:none;
}
.headerright a:hover{
text-decoration:underline;
}
/*nav 网站栏目导航条模块*/
.nav{
width:993px;
height:35px;
margin:0px auto;
overflow:hidden;
clear:both;
border-left:1px #cccccc solid;
border-right:1px #cccccc solid;
background:#fff url(../images/head_bg.gif) 0px -77px;
}
.nav li{
float:left;
width:120px;
height:35px;
line-height:35px;
text-align:center;
overflow:hidden;
background:url(../images/ico.gif) right -450px no-repeat;
}
.nav li span{
font-weight:bold;
}
.nav li a:link,.nav li a:visited{
font-size:14px;
color:#000000;
text-decoration:none;
font-weight:bold;
}
.nav li a:hover{
color:#de438f;
}
.nav .current{
background:url(../images/ico.gif) right -400px no-repeat;
}
/*curmbs 网站次栏目导航*/
.curmbs{
height:30px;
line-height:30px;
border-top:15px #fff solid;
}
.curmbs a:link,.curmbs a:visited{
text-decoration:underline;
}
/*ban 首页广告模块*/
.ban{
height:260px;
overflow:hidden;
}
/*search 搜索模块*/
.search{
margin-top:25px;
}
.search p,.contactindex p,.rss p{
font-size:14px;
font-weight:bold;
line-height:27px;
height:27px;
color:#fff;
text-indent:10px;
background:url(../images/ico.gif) 0px -600px;
}
.search form{
margin-top:10px;
margin-left:10px;
}
.search select{
width:164px;
overflow:hidden;
}
.searchinput{
border:1px #7f9db9 solid;
width:110px;
width:160px;
margin-top:5px;
}
.searhbt{
width:67px;
height:27px;
line-height:27px;
background:url(../images/ico.gif) 0px -350px no-repeat;
border:0px;
color:#fff;
margin-top:5px;
font-size:14px;
}
/*main 主要框架*/
.main{
width:993px;
margin:0px auto;
clear:both;
background:#fff url(../images/body_bg.gif);
border-top:0;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
border-bottom:0;
height:100%;
}
/*left 主框架左侧*/
.main .left{
width:202px;
float:left;
overflow:hidden;
margin-left:10px!important;
margin-left:5px;
border-top:15px #fff solid;
height:100%;
}
/*sort 产品分类模块*/
.sort p{
font-size:16px;
font-weight:bold;
line-height:30px;
height:30px;
color:#000000;
text-indent:10px;
background:url(../images/ico.gif) 0px -650px;
border-top:1px #dddddd solid;
border-left:1px #dddddd solid;
border-right:1px #dddddd solid;
border-bottom:5px #000 solid;
}
.sort ul{
margin-top:10px;
margin-left:10px;
}
.sort li{
width:170px;
line-height:18px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-weight:bold;
margin-top:10px;
}
.sort li ul{ 
margin-top:0px;
}
.sort li ul li{
font-weight:normal;
margin-top:0px;
}
.sort li ul li a:link,.sort li ul li a:visited{
background:none;
padding-left:10px;
font-size:12px;
display:block;
width:170px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.sort li ul li a:hover{
background:url(../images/ico.gif) 0px -150px no-repeat;
background:none;
color:#de438f;
}
.sort li a:link,.sort li a:visited{
background:url(../images/ico.gif) 0px -500px no-repeat;
padding-left:10px;
color:#000000;
}
.sort li a:hover{
background:url(../images/ico.gif) 0px -150px no-repeat;
padding-left:10px;
color:#de438f;
}
/*briefcontact 侧边联系方式模块*/
.briefcontact p{
font-size:14px;
font-weight:bold;
line-height:27px;
height:27px;
color:#FFF;
text-indent:10px;
background:url(../images/ico.gif) 0px -600px;
}
.briefcontact{
margin-top:25px;
}
.briefcontact ul{
margin-top:5px;
}
.briefcontact li{
clear:both;
height:18px;
line-height:18px;
overflow:hidden;
}
.briefcontact img{
margin-top:5px;
margin-left:10px;
}
.briefcontact li p{
float:left;
margin-top:0px;
font-weight:bold;
font-size:12px;
height:22px;
line-height:22px;
border:0px;
margin-right:5px;
background:none;
color:#333;
width:52px;
}
.briefcontact #tel p{
float:left;
margin-top:0px;
font-weight:bold;
font-size:12px;
height:22px;
line-height:22px;
border:0px;
margin-right:5px;
background:none;
color:#333;
width:40px;
}
.briefcontact li span{
float:left;
margin-top:0px;
font-weight:normal;
font-size:12px;
height:22px;
line-height:22px;
border:0px;
}
/*linkbar 侧边订阅模块*/
.linkbar p{
font-size:14px;
font-weight:bold;
line-height:27px;
height:27px;
color:#FFF;
text-indent:10px;
background:url(../images/ico.gif) 0px -600px;
}
.linkbar{
margin-top:20px;
}
.linkbar ul{
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
}
.linkbar li{
height:25px;
overflow:hidden;
}
/*right 主框架右侧*/
.main .right{
width:760px;
float:right;
overflow:hidden;
margin-right:10px!important;
margin-right:5px;
height:100%;
}
/*home_box 首页大容器*/
.home_box {
margin-top:20px;
}
.home_box .title{
height:25px;
line-height:25px;
clear:both;
background:url(../images/ico.gif) 0px -750px;
}
.home_box .title p{
float:left;
font-weight:bold;
font-size:12px;
color:#fff;
background:url(../images/ico.gif) 0px -700px;
padding:0px 10px;
border-left:1px #000 solid;
border-right:1px #000 solid;
}
.home_box .title span{
float:right;
font-family:"arial";
padding-right:5px;
border-right:1px #fff solid;
}
.home_news{
width:49%;
float:left;
overflow:hidden;
height:180px;
border-left:1px #dfdfdf solid;
border-right:1px #dfdfdf solid;
border-bottom:1px #dfdfdf solid;
}
.home_news .newsimage{
float:left;
width:85px;
overflow:hidden;
margin-left:15px!important;
margin-left:7px;
margin-top:15px;
}
.home_news ul{
float:right;
width:240px;
overflow:hidden;
margin-right:10px;
margin-top:15px;
}
.home_news li{
background:url(../images/ico.gif) 0px -550px no-repeat;
text-indent:10px;
height:20px;
line-height:20px;
width:240px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.home_about{
width:49%;
float:right;
height:180px;
line-height:20px;
border-left:1px #dfdfdf solid;
border-right:1px #dfdfdf solid;
border-bottom:1px #dfdfdf solid;
overflow:hidden;
}
.home_about .about{
margin:15px;
}
/*home_products 首页产品展示模块*/
.home_products{
margin-top:20px;
line-height:20px;
border-left:1px #dfdfdf solid;
border-right:1px #dfdfdf solid;
border-bottom:1px #dfdfdf solid;
overflow:hidden;
}
/*home_ppics 首页产品图片列表展示模块*/
.home_ppics{
width:730px;
overflow:hidden;
padding-left:28px;
}
.home_ppics li{
width:120px;
height:165px;
float:left;
text-align:center;
margin-right:25px;
margin-top:20px;
overflow:hidden;
}
.home_ppics li p {
width:118px;
height:118px;
text-align:center;
border:1px #ddd solid;
vertical-align: middle;
overflow:hidden;
}
.home_ppics li img{
width:110px; 
height:110px; 
vertical-align:middle;
margin:4px;
}
.home_ppics li span{
width:110px;
display:block;
line-height:22px;
height:22px;
margin-top:5px;
font-size:12px;
overflow:hidden;
}
/*mainfoot 主框架封底*/
.main .mainfoot{
clear:both;
background:#fff url(../images/body_foot.gif);
border-top:0;
border-bottom:15px #fff solid;
height:1px;
overflow:hidden;
}
/*footer 网站底部模块*/
.footer{
width:995px;
margin:0px auto;
clear:both;
overflow:hidden;
}
.footernav{
width:993px;
height:30px;
line-height:35px;
overflow:hidden;
margin:0px auto;
background:#fff url(../images/foot.gif) repeat-x;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
}
.footernav span{
float:right;
width:82px;
height:23px;
line-height:26px;
background:url(../images/ico.gif) 0px -300px no-repeat;
margin-top:7px;
overflow:hidden;
text-indent:10px;
margin-right:10px;
}
.footernav li{
float:left;
margin-left:10px;
}
.footernav li a:link,.footernav li a:visited{
color:#bbb;
}
.footernav li a:hover{
color:#de438f;
}
.footernav dl{
float:right;
margin-right:20px!important;
margin-right:10px;
height:30px;
line-height:35px;
overflow:hidden;
}
.footernav dd{
float:left;
margin-left:15px;
text-indent:20px;
}
.footernav #ft1{
background:#f3f3f3 url(../images/ico.gif) 2px -39px no-repeat;
}
.footernav #ft2{
background:#f3f3f3 url(../images/ico.gif) -95px -40px no-repeat;
}
.footernav #ft3{
background:#f3f3f3 url(../images/ico.gif) -195px -40px no-repeat;
}
.footernav #ft4{
background:#f3f3f3 url(../images/ico.gif) -140px -92px no-repeat;
}
/*copyright 版权模块*/
.copyright{
width:975px;
text-align:left;
line-height:50px;
height:50px;
margin:0px auto;
}
.copyright span{
float:left;
line-height:50px;
}
.copyright p{
float:right;
color:#333;
}
/*links 友情链接模块*/
.links{
width:975px;
clear:both;
overflow:hidden;
margin:0px auto;
margin-top:15px;
}
.links p{
font-weight:bold;
color:#333;
float:left;
margin-right:10px;
line-height:20px;
}
.links li{
line-height:20px;
margin-right:10px;
white-space:nowrap;
float:left;
}
.links a:link,.links a:visited{
color:#333;
}
.links a:hover{
color:#de438f;
}
/*page 内页框*/
.page{
border-left:1px #dfdfdf solid;
border-right:1px #dfdfdf solid;
border-bottom:1px #dfdfdf solid;
height:100%;
}
/*MessageBox 错误信息模块*/
.error {
background: url(../images/icon_error.gif) no-repeat 5px 3px;
line-height:14px;
padding:3px 20px 2px 25px;
font-size:12px;
font-family:verdana;
color:#e04023;
margin-top:2px;
}
.success {
background:#eff6e4 url(../images/icon_success.gif) no-repeat 5px 3px;
border:1px solid #cae2a4;
line-height:14px;
padding:3px 20px 2px 25px;
font-size:12px;
font-family:verdana;
}
.alert {
background:#fffbd1 url(../images/icon_alert.gif) no-repeat 5px 3px;
border:1px solid #fddc9b;
line-height:14px;
padding:3px 20px 2px 25px;
font-size:12px;
font-family:verdana;
}
.successa{
border:1px solid #cae2a4;
padding:15px 10px 15px 60px;
margin:20px 0;
background:#f7faf1 url(../images/successa.gif) 15px 15px no-repeat;
color:#2a9917;
font-size:14px;
line-height:30px;
}
.errora{
border:1px solid #fac5c7;
padding:15px 10px 15px 60px;
margin:20px 0;
background:#fef0f0 url(../images/errora.gif) 15px 15px no-repeat;
color:#CC0000;
font-size:14px;
line-height:30px;

.quickminiimgbox{
visibility:hidden;
position:absolute;left:0;
top:0;
z-index:301;
}
.quickminiimgbox .iconlayer{
height:100%;
}
.quickminiimgbox .iconlayer a{
display:block;
width:100%;
height:100%;
text-decoration:none !important;
}
.quickminiimgbox .maskbox{
float:left;
width:100px;
height:100px;
border:none;
overflow:hidden;
background:url(../images/quickview_blank.gif) repeat;
}
.quickminiimgbox .dartbox{
float:left;
width:16px;
height:100px;
background:url(../images/quickview_dart.gif) no-repeat right center;
}
.quickinfobox{
visibility:hidden;
position:absolute;
left:0;
top:0;
width:125px;
height:125px;
background-color:#d1e3f5;
padding:8px 8px 4px;
text-align:center;
border:1px solid #adcfea;
z-index:300;
}
.quickinfobox .largeimg{
width:120px;height:120px;
background-color:#ffffff;
padding:5px;
border:1px solid #4e89c4;
}
.quickinfobox .largeimg a{
display:table-cell;
width:120px;
height:120px;
*display:block;
vertical-align:middle;
outline:none;
}
.quickinfobox .largeimg img{
vertical-align:middle;
border:0;
}

[style.css]

/*maintitle 栏目页栏目标题*/
.maintitle{
height:25px;
line-height:25px;
clear:both;
background:url(../images/ico.gif) 0px -750px;
}
.maintitle p{
float:left;
font-weight:bold;
font-size:12px;
color:#fff;
background:url(../images/ico.gif) 0px -700px;
padding:0px 10px;
border-left:1px #000 solid;
border-right:1px #000 solid;
}
.maintitle span{
float:right;
font-family:"arial";
padding-right:5px;
border-right:1px #fff solid;
}
/*about 公司简介模块*/
.about{
margin:25px;
}
.about dt{
text-align:center;
height:25px;
line-height:25px;
background:#faf7f4;
color:#999;
margin-bottom:10px;
}
.about dt a{
margin:0px 5px;
}
.about dd{
text-align:left;
font-size:14px;
line-height:20px;
padding-top:10px;
}
.about dd p{
font-size:14px;
margin-bottom:20px;
}
.company{
margin:25px;
}
.company li{
height:25px;
line-height:25px;
color:#666;
border-bottom:1px #ddd dotted;
}
.company li p{
width:120px;
float:left;
font-weight:bold;
}
/*product 产品模块*/
.product{
margin:25px;
}
/*ppics 产品图片列表展示模块*/
.ppics li{
width:120px;
height:165px;
float:left;
text-align:center;
margin-right:20px;
margin-top:20px;
overflow:hidden;
}
.ppics li p {
width:118px;
height:118px;
text-align:center;
border:1px #ddd solid;
vertical-align: middle;
overflow:hidden;
}
.ppics li img{
width:110px; 
height:110px; 
vertical-align:middle;
margin:4px;
}
.ppics li span{
width:110px;
display:block;
line-height:22px;
height:22px;
margin-top:5px;
font-size:12px;
text-align:left;
overflow:hidden;
}
.ppics li span input{
float:left;
}
/*ptxts 产品图文列表展示模块*/
.ptxts{
clear : both; 
margin:10px;
}
.ptxts li { 
width : 47%; 
height : 150px; 
line-height :16px; 
text-align : left; 
float : left;
overflow : hidden; 
margin-top : 10px; 
margin-right : 15px; 

.ptxts li p { 
width:118px;
height:118px;
text-align:center;
border:1px #ddd solid;
vertical-align: middle;
overflow:hidden;
float:left;
margin-right:15px;

.ptxts li p img{
max-width:110px; 
max-height:110px; 
vertical-align:middle;
margin:4px;
}
.ptxts li a:link,.ptxts li a:visited{
color:#000000;
font-weight:bold;
font-size:12px;
text-decoration:underline;
}
.ptxts li a:hover { 
color : #de438f; 
font-weight : bold; 
font-size : 12px; 
text-decoration : none; 

.ptxts li span { 
display : block; 
line-height:16px;
margin-top:10px;

.ptxts li input{
float:left;
}
.ptxts dl{
height:24px;
margin-top:10px;
overflow:hidden;
}
.ptxts dl dd{
line-height:26px;
float:left;
font-weight:normal;
text-align:center;
margin-right:5px;
background: url(../images/ico.gif) 0px -200px no-repeat;
width:70px;
height:24px;
}
.ptxts dl dd a,.ptxts dl dd a:link,.ptxts dl dd a:visited{
width:70px;
height:24px; 
color:#333;
font-size:12px;
font-weight:normal;
text-decoration:none;
}
.ptxts dl dd a:hover{
color:#de438f;
}
/*contactnow 产品联系导示条*/
.contactnow{
background:#eee;
height:25px;
line-height:25px;
overflow:hidden;
clear:both;
}
.contactnow li{
float:left;
margin-left:10px;
font-weight:bold;
height:25px;
line-height:25px;
}
/*productsdetail 产品详细页模块*/
.productsdetail{
margin:25px;
}
.productsdetail .productsdetailinfo{
clear:both;
height:100%;
overflow:hidden;
}
.productsdetail .productsdetailinfo .left{
float:left;
width:350px;
overflow:hidden;
padding:0px;
border:0px;
}
.productsdetail .productsdetailinfo .left p{
width:335px;
height:280px;
text-align:center;
border:1px #ddd solid;
vertical-align: middle;
overflow:hidden;
margin:0px;
}
.productsdetail .productsdetailinfo .left span{
display:block;
text-align:center;
line-height:25px;
}
.productsdetail .productsdetailinfo .left p img{
max-width:250px; 
max-height:250px; 
vertical-align:middle;
margin:5px;
}
.productsdetail .productsdetailinfo .left ul{
margin-left:28px;
margin-top:10px;
clear:both;
}
.productsdetail .productsdetailinfo .left li{
width:60px;
float:left;
margin-bottom:10px;
}
.productsdetail .productsdetailinfo .left li p{
width:40px;
height:40px;
text-align:center;
border:1px #ddd solid;
vertical-align: middle;
overflow:hidden;
}
.productsdetail .productsdetailinfo .left li p img{
max-width:35px; 
max-height:35px; 
vertical-align:middle;
margin:2px;
}
.productsdetail .productsdetailinfo .right{
float:right;
width:330px;
overflow:hidden;
}
.productsdetail .productsdetailinfo b{
font-size:14px;
line-height:30px;
}
.productsdetail .productsdetailinfo .right li{
border-bottom:1px #ddd dotted;
clear:both;
height:26px;
line-height:26px;
}
.productsdetail .productsdetailinfo .right li p{
float:left;
width:70px;
}
.productsdetail .productsdetailinfo .right li a{
font-weight:bold;
}
.productsdetail .productsdetailinfo .right .abstract{
line-height:16px;
margin-top:10px;
margin-bottom:10px;
}
.productsdetail .inquiry{
margin:0px;
}
.info{
clear:both;
margin-bottom:10px;
line-height:16px;
margin-top:10px;
}
.info dt, .newsrelated p{
font-size:16px;
font-weight:bold;
color:#000000;
height:30px;
line-height:30px;
border-bottom:1px #ddd solid;
width:100%;
overflow:hidden;
}
.info dt span{
float:left;
}
.info dt img{
float:right;
margin-top:7px;
margin-left:5px;
}
.info dd{
margin-top:10px;
margin-bottom:10px;
}
/*list 文章列表页*/
.list{
margin:25px;
}
.list li{
line-height:20px;
margin-bottom:20px;
clear:both;
height:80px;
overflow:hidden;
}
.list p{
line-height:25px;
}
.list a:link,.list a:visited{
font-weight:bold;
color:#333;
}
.list a:hover{
font-weight:bold;
color : #de438f; 
}
.list p a:link,.list p a:visited{
font-size:14px;
font-weight:bold;
color:#333;
}
.list p a:hover{
font-size:14px;
font-weight:bold;
color : #de438f; 
}
/*newsdetail 文章详细页*/
.newsdetail{
margin:25px;
}
.newsdetail .newstitle{
line-height:25px;
margin-bottom:10px;
font-weight:normal;
font-size:20px;
font-family:"黑体";
color:#000000;
text-align:center;
}
.newsdetail dt{
text-align:center;
height:25px;
line-height:25px;
background:#faf7f4;
color:#999;
margin-bottom:5px;
overflow:hidden;
}
.newsdetail dt a{
margin:0px 5px;
}
.newsdetail dd{
text-align:left;
font-size:14px;
line-height:20px;
padding:0px;
}
.newsdetail dd p{
font-size:14px;
margin-bottom:20px;
}
/*newsrelated 相关文章模块*/
.newsrelated{
height:100%;
margin-bottom:10px;
}
.newsrelated ul{
margin:10px 0px;
}
.newsrelated li{
background:url(../images/ico.gif) 0px -550px no-repeat;
text-indent:10px;
height:20px;
line-height:20px;
width:48%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
float:left;
}
/*inquiry 咨询模块*/
.inquiry{
margin:25px;
}
.inquiry p{
font-size:14px;
font-weight:bold;
height:30px;
line-height:30px;
border-bottom:1px #ddd solid;
color:#000000;
margin-top:20px;
clear:both;
}
.inquiry ul{
margin-top:20px;
clear:both;
}
.inquiry li{
clear:both;
margin-top:5px;
display:block;
height:100%;
}
.inquiry li p{
font-size:12px;
font-weight:bold;
height:30px;
line-height:30px;
border:0px;
float:left;
width:150px;
text-align:right;
margin:0px;
margin-right:10px;
}
.inquiry li p font{
height:30px;
line-height:30px;
margin-right:5px;
}
.inquiry li span{
float:left;
line-height:18px;
display:block;
width:auto;
}
.inquiry li span input,.inquiry li div{
float:left;
}
.inquiry li span label{
float:left;
line-height:25px;
}
.inquiry li input{
float:left;
}
.inquiry li span img{
float:left;
margin-left:5px;
}
/*inquirylist 咨询产品列表模块*/
.inquirylist li{
line-height:25px;
background:#edf5f7;
border-bottom:1px #fff solid;
height:25px;
overflow:hidden;
}
.inquirylist li p{
float:left;
width:25px;
text-align:right;
line-height:25px;
padding-right:5px;
background:#f8fbfc;
height:25px;
overflow:hidden;
}
.inquirylist li dl{
float:left;
line-height:25px;
height:25px;
overflow:hidden;
}
.inquirylist li dl dt{
width:250px;
float:left;
border-left:1px #fff solid;
line-height:25px;
}
.inquirylist li dl dt p{
float:left;
background:none;
padding:0px;
margin-left:5px;
}
.inquirylist li dl dt span{
float:left;
}
.inquirylist li dl dd{
width:130px;
float:left;
border-left:1px #fff solid;
line-height:25px;
padding-left:5px;
text-align:center;
}
.inquirylist li dl dd input{
float:left;
width:60px;
border:1px #c2e0e7 solid;
margin-right:5px;
margin-top:3px;
background:#f8fbfc;
}
/*contact 联系方式模块*/
.contact{
margin:25px;
height:100%;
clear:both;
}
.contact li{
border-bottom:1px #ddd solid;
clear:both;
height:80px;
margin-top:10px;
}
.contact li span{
width:100px;
height:50px;
float:left;
}
.contact li .k1{
background:url(../images/ico_contact.gif) 30px 5px no-repeat;
}
.contact li .k2{
background:url(../images/ico_contact.gif) -120px 5px no-repeat;
}
.contact li .k3{
background:url(../images/ico_contact.gif) -270px 5px no-repeat;
}
.contact li .k4{
background:url(../images/ico_contact.gif) -420px 5px no-repeat;
}
.contact li .k5{
background:url(../images/ico_contact.gif) -570px 5px no-repeat;
}
.contact li p{
float:left;
width:68%;
}
.contact li p b{
display:block;
clear:both;
color:#e01269;
font-size:14px;
line-height:25px;
}
.contact .department{
width:50%;
float:left;
overflow:hidden;
}
.contact .department .departmentname{
font-weight:bold;
font-size:14px;
height:25px;
line-height:25px;
text-indent:10px;
}
/*sitemap 网站地图*/
.sitemap{
margin:25px;
}
.sitemap p{
font-size:14px;
font-weight:bold;
height:30px;
line-height:30px;
border-bottom:1px #ddd solid;
color:#000000;
margin-top:20px;
clear:both;
}
.sitemap p a:link,.sitemap p a:visited{
font-size:14px;
color:#000000;
}
.sitemap p a:hover{
color:#de438f;
}
.sitemap ul{
clear:both;
}
.sitemap li{
font-weight:bold;
background:url(../images/ico.gif) 0px -493px no-repeat;
line-height:30px;
clear:both;
text-indent:10px;
}
.sitemap li ul li{
font-weight:normal;
line-height:20px;
margin-right:20px;
float:left;
clear:none;
margin-top:0px;
background:none;
}
/*function 翻页展示模块*/
.function { 
clear : both; 
text-align:center;
margin:20px 0px;
color:#040404;

.function a:link, .function a:visited { 
padding : 2px 5px; 
background : #f6f6f6; 
border : 1px #dddddd solid; 
text-decoration:none;
color:#040404;

.function a:hover { 
background : #ffdf7e; 
border : 1px #ffd000 solid; 
text-decoration:none;
color:#cc0000;

/*categoriespicshow 相关产品滚动效果*/
.categoriespicshow{
clear:both;
height:105px;
overflow:hidden;
margin:20px;
}
.infiniteCarousel {
width: 708px;
position: relative;
}
.infiniteCarousel .wrapper {
width: 628px; 
overflow: auto;
height: 105px;
margin: 0 40px;
position: absolute;
top: 0;
}
.infiniteCarousel ul a img {
border: 5px solid #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.infiniteCarousel .wrapper ul {
width: 4000px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}
.infiniteCarousel ul li {
display:block;
float:left;
padding: 10px;
height: 85px;
width: 85px;
}
.infiniteCarousel ul li img {
-webkit-transition: border-color 400ms;
}
.infiniteCarousel ul:hover li img {
}
.infiniteCarousel ul:hover li:hover img {
border-color: #aaa;
}
.infiniteCarousel ul li a img {
display:block;
}
.infiniteCarousel .arrow {
display: block;
height: 36px;
width: 37px;
background: url(../images/arrow.png) no-repeat 0 0;
text-indent: -999px;
position: absolute;
top: 37px;
cursor: pointer;
outline: 0;
}
.infiniteCarousel .forward {
background-position: 0 0;
right: 0;
}
.infiniteCarousel .back {
background-position: 0 -72px;
left: 0;
}
.infiniteCarousel .forward:hover {
background-position: 0 -36px;
}
.infiniteCarousel .back:hover {
background-position: 0 -108px;
}



上一篇   [返回首页] [打印] [返回上页]   下一篇

我要评论

  • *姓名:

  • *邮箱:

  • *内容:

  • *等级:

产品分类

    联系方式

    点击这里给我发消息
    点击这里给我发消息