www.gusucode.com > 艺帆全站DIV+CSS体育用品公司网站源码 1.7.5源码程序 > skins/default_data/css.css

    @charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-size:12px; background:url(../images/bj.gif) repeat-x left top;}
div,ul,li,dl,dt,dd,p,span,img,input,select,option,h1,h2,h3,h4,h5,h6,em,strong{ margin:0; padding:0; border:none;}
ul,li{ list-style:none;}

/*----total-style----*/
.warp{ width:1003px; margin:0 auto; padding:0; overflow:hidden;}
.clear{ clear:both;}

/*----header-style----*/
#header{ height:493px; overflow:hidden;}
#header2{ height:251px; overflow:hidden;}

/*----content-style----*/
#content{ height:160px; background:#e5e5e5; overflow:hidden;}
.contV{ width:257px; overflow:hidden; float:left; height:143px;/*padding-left:80px;*/ padding-top:15px;}
.contV p{ url(../images/viewbj.gif) no-repeat left top;}
.contV a{width:80px; height:120px; margin-top: -15px; background: url(../images/video.gif) no-repeat top left; display:block; float: left;}
.contN{ width:272px; overflow:hidden; float:left; background:url(../images/news.gif) no-repeat left top; height:148px; padding-left:17px;}
.contN h1{ width:100%; height:40px; line-height:40px; float:left;}
.contN img{ float:left; margin-right:10px; margin-top:4px;}
.contN ul{ width:210px; float:left;}
.contN li{ background:url(../images/ico.gif) no-repeat left center; padding-left:9px; height:24px; line-height:24px;}
.contN li a{ color:#787d81; text-decoration:none; background:url(../images/line.gif) no-repeat left bottom; display:inline-block; width:200px; overflow:hidden;}
.contN li a:hover{ color:#1e8ad5;}
.contH{ width:170px; overflow:hidden; float:left; background:url(../images/house.gif) no-repeat left top; height:148px; padding-left:18px;}
.contH h1{ width:100%; height:40px; line-height:40px;}
.contH img{ float:left; margin-right:10px; margin-top:4px;}
.contH ul{ width:100px; overflow:hidden; float:left;}
.contH li{ background:url(../images/ico.gif) no-repeat left center; padding-left:9px; height:24px; line-height:24px;}
.contH li a{ color:#787d81; text-decoration:none; background:url(../images/line.gif) no-repeat left bottom; display:inline-block; width:171px; overflow:hidden;} 
.contH li a:hover{ color:#1e8ad5;}
.contI{ width:250px; overflow:hidden; height:125px; padding-top:25px;}



.link{ height:162px; background:url(../images/link.gif) no-repeat left top; color:#a0a7ad; width:792px;}
.link h1{ font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:right; margin-right:50px; background:url(../images/ico2.gif) no-repeat left center; height:50px; line-height:50px; padding-left:15px;}
.link h1 a{ color:#a0a7ad; text-decoration:none;}
.link h1 a:hover{ color:#696969;}
.link2{ width:100%; margin:0 auto; margin-top:1px;}
.link2 dl{ overflow:hidden; margin-bottom:15px; border-bottom:dashed 1px #ccc; padding-bottom:15px; zoom:1;}
.link2 dt{ color:#1E8AD5; font-weight:bold; background:url(../images/ico3.gif) no-repeat left center; padding-left:10px;}
.link2 dd{ float:left; border:solid 1px #ccc; width:80px; margin:5px; text-align:center; height:22px; line-height:22px;}
.link2 dd a{ color:#787D81; text-decoration:none;}
.link2 dd a:hover{ color:#ff4e09; top:2px; left:2px; position:relative;}

.link2 ul{ zoom:1; overflow:hidden; margin-bottom:15px; border-bottom:dashed 1px #ccc; padding-bottom:15px;}
.link2 li{ float:left; padding:5px 10px; margin:0 5px; border:solid 1px #ccc;}
.link2 li a{ color:#696969; text-decoration:none;}
.link2 li a:hover{ color:#ff4e09; top:2px; left:2px; position:relative;}
.link2 h1{ color:#1E8AD5; font-size:12px; height:30px; line-height:30px;}
.link2 p{ text-indent:2em; line-height:1.8em; color:#787D81;}

.property{ height:162px; background:url(../images/property.gif) no-repeat left top; color:#a0a7ad; width:792px;}
.property h1{ font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:right; margin-right:50px; background:url(../images/ico2.gif) no-repeat left center; height:50px; line-height:50px; padding-left:15px;}
.property h1 a{ color:#a0a7ad; text-decoration:none;}
.property h1 a:hover{ color:#696969;}
.property2 p{ margin:0 auto; margin-top:26px; width:90%; text-indent:2em; line-height:1.8em; color:#787D81;}

.map{ height:162px; background:url(../images/map.gif) no-repeat left top; color:#a0a7ad; width:792px;}
.map h1{ font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:right; margin-right:50px; background:url(../images/ico2.gif) no-repeat left center; height:50px; line-height:50px; padding-left:15px;}
.map h1 a{ color:#a0a7ad; text-decoration:none;}
.map h1 a:hover{ color:#696969;}

.map3{ height:132px; background:url(../images/map.gif) no-repeat left top; color:#a0a7ad; width:792px;}
.map3 h1{ font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:right; margin-right:50px; background:url(../images/ico2.gif) no-repeat left center; height:50px; line-height:50px; padding-left:15px;}
.map3 h1 a{ color:#a0a7ad; text-decoration:none;}
.map3 h1 a:hover{ color:#696969;}

.map2{ background:url(../images/map2.gif) no-repeat left top; padding-top:190px; text-align:center;}
.map2 select{ border:solid 1px #999; color:#666;}
.map2 span{ display:block; margin-top:20px;}

#img2{ zoom:1; overflow:hidden; margin-bottom:15px; border-bottom:dashed 1px #ccc; padding-bottom:15px;}
#img2 li{ float:left; margin:0 5px; border:none; padding:1px;}
#img2 li img{ width:88px; height:26px; margin:0; padding:0; border:solid 1px #ccc;}
#img2 li a{ color:#696969; text-decoration:none;}
#img2 li a:hover{ color:#1E8AD5; top:1px; left:1px; position:relative;}
#img2  h1{ color:#1E8AD5; font-size:12px; height:30px; line-height:30px;}

.legal{ height:162px; background:url(../images/legal.gif) no-repeat left top; color:#a0a7ad; width:792px;}
.legal h1{ font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:right; margin-right:50px; background:url(../images/ico2.gif) no-repeat left center; height:50px; line-height:50px; padding-left:15px;}
.legal h1 a{ color:#a0a7ad; text-decoration:none;}
.legal h1 a:hover{ color:#696969;}

/*----product-style----*/
.product{}
.product dl{ width:240px; overflow:hidden; float:left;}
.product dt{ float:left; width:184px; height:174px; padding-left:37px; padding-top:39px; overflow:hidden; margin:20px 10px 0; background:url(../images/photo.gif) no-repeat left top;}
.product dt img{ width:136px; height:137px;}
.product dt a{}
.product dt a:hover{}
.product dd{ width:130px; margin:0 auto; float:left; margin-left:14px; padding-left:26px; background:url(../images/icon001.gif) no-repeat left center; height:26px; line-height:26px;}
.product dd a{ color:#666; text-decoration:none;}
.product dd a:hover{ color:#319FD9;}

.items{ padding-top:16px;}
.items ul{ border-bottom:solid 1px #d0d0d0; width:95%; overflow:hidden;}
.items li{ float:left; display:inline-block; width:94px; overflow:hidden; height:24px; line-height:24px; text-align:center; margin-left:3px;}
.items li a{ color:#868585; text-decoration:none; display:inline-block; background:url(../images/items.gif) no-repeat left top; width:94px;}
.items li a:hover{ color:#fff; background:url(../images/coverbj.gif) no-repeat left top;}

.detial{ height:auto; _height:400px; min-height:400px; width:90%;}
.detial h5{ font-size:12px; height:25px; line-height:25px; padding-left:16px; color:#fff; border-bottom:solid 1px #ccc; background:url(../images/btnbj.gif) no-repeat left top; margin-bottom:20px;}
.detial h5 span{ color:#ccc; font-weight:normal; display:inline-block; margin-left:16px;}
.detial p{ line-height:1.8em; text-indent:2em; color:#696969; text-align: left;}

.item2{ padding-left:67px; background:url(../images/item2.gif) no-repeat left top; height:484px; overflow:hidden; margin-left:16px;}

.cont{ width:92%;}
.cont p{ margin:1.8em 0;}

/*----tree-nav-style----*/
.list2{}
.list2 li{ font-weight:bold; text-align:left; margin-left:15px;}
.list2 li a{ display:inline; color:#319fd9; background:url(../images/ico4.gif) no-repeat left center; padding-left:10px;}
.list2 li a:hover{ color:#999; background:none; background:url(../images/ico4.gif) no-repeat left center; padding-left:10px;}

.list3{}
.list3 li{}
.list3 li a{ color:#999; background:#fff; display:inline; background:url(../images/ico3.gif) no-repeat left center; padding-left:10px;}
.list3 li a:hover{ color:#319fd9; background:#ccc; background:url(../images/ico3.gif) no-repeat left center; padding-left:10px;}

.btn2{ margin:0; padding:0; border:none; width:120px; display:inline-block; float:right;}
.btn2 a{ text-decoration:none; color:#0b94f6; font-weight:bold; overflow:hidden; text-align:center; width:106px; height:22px; line-height:22px; border:solid 1px #ccc; display:inline-block;}
.btn2 a:hover{}
.items li a.nowitem{color:#fff; background:url(../images/coverbj.gif) no-repeat left top;}

.quick{ background:url(../images/quick.gif) no-repeat left top;}




.pages{ width:100%; margin:15px 0; text-align:center; float:left;}
.pages a{ text-decoration:none; display:inline-block; padding:2px 6px; border:solid 1px #0892f4; text-align:center; margin:0 3px; color:#0892f4; font-family:Verdana, Arial, Helvetica, sans-serif;}
.pages a:hover{ background:#0892f4; color:#fff;}
.pages strong{ padding:3px 6px; border:solid 1px #0892f4; display:inline-block; background:#0892f4; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;}
.pages em{ padding:3px 6px; border:solid 1px #ccc; display:inline-block; color:#fff; font-style:normal; margin-right:5px; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; }

.resume{ width:90%; text-align:center; overflow:hidden; margin:0 auto; text-align:center; background:url(../images/resume.gif) no-repeat left top; padding-top:110px;}
.resume textarea{ color:#999;}
.yifancms{
	border: 1px dashed #999;
	margin: 2px;
}
.resume p{ text-align:left;}
.resume table{ margin:0 auto; width:90%; border:solid 1px #C8E6FC; background:#F0F5F9; color:#666666;}
.resume input{ border:solid 1px #a9d3f7; height:18px; line-height:18px;}
.resume select{ width:110px; overflow:hidden; height:20px; line-height:20px; border:solid 1px #a9d3f7; color:#666666;}

.btn3{ float:right; width:80px; margin:0 auto; text-align:right; margin-right:160px; margin-top:16px;}
.btn3 input{ background:url(../images/btnbj.gif) no-repeat left top; color:#fff; height:25px; line-height:25px; width:80px; display:inline-block; cursor:hand;}

.cover p.l{ text-align:left; padding:0; margin:0;}

.showmessage{ width:600px; overflow:hidden; margin:50px auto; height:300px; background:url(../images/infobj2.gif) repeat-x left top;}
.showmessage h2{ font-size:14px; color:#666; margin:40px; color:#309dd6;}
.showmessage p{ width:160px; margin:0 auto; font-size:24px;}
.showmessage p.op{ font-size:12px; margin-top:40px;}
.showmessage p.op a{ text-decoration:underline; color:#309dd6;}
.showmessage p.op a:hover{ text-decoration:none; color:#333;}

.infobj{ background:url(../images/infobj.gif) repeat-x left top;}

#demo{ float:left; width:300px;height:51px;line-height:51px; overflow:hidden;}

#demo1 td{text-align: center;}
#demo a{text-decoration: none; color: #fff; text-align: center;}

.product3{overflow:hidden; zoom:1;}
.product3 dl{
	width:230px;
	margin:0 5px;
	overflow:hidden;
	float:left;
	background-image: url(../images/pickuang1.jpg);
}
.product3 dt{ float:left; width:186px; height:128px; padding:5px; overflow:hidden; margin:10px 21px 0; _margin:10px 11px 0;}
.product3 dt img{ width:186px; height:128px; overflow:hidden;}
.product3 dt a{}
.product3 dt a:hover{}
.product3 dd{ width:196px; margin:0 21px; float:left; color:#666; font-weight:bold; height:26px; line-height:26px; _margin:0 11px;}
.product3 dd a{ color:#666; text-decoration:none;}
.product3 dd a:hover{ text-decoration:underline;}
.product3 dd span{ float:right; height:21px; line-height:26px; display:inline-block; padding-top:5px;}
.product3 dd span a{ float:right; height:26px; line-height:26px; display:inline-block;}

.product4{ padding-left:33px; overflow:hidden; zoom:1;}
.product4 dl{ width:240px; overflow:hidden; float:left;}
.product4 dt{ float:left; width:200px; height:118px; text-align:center; padding:8px 5px; background:url(../images/viewList.gif) no-repeat left top; overflow:hidden; margin:20px 21px 0; _margin:20px 11px 0;}
.product4 dt img{ width:186px; height:118px; overflow:hidden;}
.product4 dt a{}
.product4 dt a:hover{}
.product4 dd{ width:196px; margin:0 21px; float:left; color:#666; font-weight:bold; height:26px; line-height:26px; _margin:0 11px;text-align:center;}
.product4 dd a{ color:#666; text-decoration:none;}
.product4 dd a:hover{ text-decoration:underline;}
.product4 dd span{ float:right; height:21px; line-height:26px; display:inline-block; padding-top:5px;}
.product4 dd span a{ float:right; height:26px; line-height:26px; display:inline-block;}

.searchsubmit{border:none; background:transparent url(../images/btn01.gif) no-repeat; width:19px; height:17px; border: none;}
.searchword{color:gray;}
.searchword1{color:black;}

#divlgsy{ width:722px; background:url(../images/dtbj.gif) no-repeat left top; height:auto; _height:180px; min-height:180px; overflow:hidden; padding:20px 15px; }
#divlgsy p{ text-indent:2em; line-height:1.8em;}

#divshfs{ width:722px; background:url(../images/dtbj.gif) no-repeat left top; height:auto; _height:180px; min-height:180px; overflow:hidden; padding:20px 15px; }
#divshfs p{ text-indent:2em; line-height:1.8em;}

#divsjys{ width:722px; background:url(../images/dtbj.gif) no-repeat left top; height:auto; _height:180px; min-height:180px; overflow:hidden; padding:20px 15px; }
#divsjys p{ text-indent:2em; line-height:1.8em;}



.gridview .paper{}
.gridview .paper table td{border:0;}
.gridview .paper a{width:16px;height:16px;background:#f2f2f2;display:block;float:left;border:0;text-align:center;line-height:16px;border:1px solid #ccc;}
.gridview .paper a:hover{border:1px solid #ccc;background:#BAE9F9;color:#fff;}
.gridview .paper span{width:16px;height:16px;background:#3DA3A1;display:block;float:left;text-align:center;line-height:16px;border:1px solid #BDD9E2;color:#fff;}