﻿
/* dongWebSite main css */

/* base */
body, td, th { font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif; }
body { margin: 0px; background-color: #FFFFFF; }
a:link { color: #000000; text-decoration: none; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: underline; color: #FF6600; }
a:active { text-decoration: none; color: #000000; }
ul, li, dl, dt, dd { padding:0; margin:0; list-style-type:none; }
img { border:0; }
form { padding:0; margin:0; }
input, select, option, optgroup, textarea { font-size: 12px; }
optgroup { font-style: normal; font-weight: normal; color: #000000; text-decoration: none; }
p { padding:0; margin:5px; }
.clear { clear:both; }

/* inc. sub showMenu() */
.showMenu li { float:left; }
/* inc. sub showProductList(p) */
.showProductList .pro { float:left; margin:10px; height:150px; }
.showProductList .pro .pic img{ border:1px solid #CCCCCC; padding:5px;}
.showProductList .pro .name { text-align:center; }
.showProductList .pro .time { text-align:center; color:#666666; }
.showProductList .truePage { text-align: center; }
.showProductList .truePage a { padding: 5px; border: 1px solid #CCCCCC; }
/* inc. sub showNewsList(p) */
.showNewsList { margin: 0 40px; }
.showNewsList li { height:1em; background-image: url(http://dlkailu.com/images/ico1.gif); background-repeat: no-repeat; background-position: left center; padding: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; }
.showNewsList .time { float:right; margin: 0 20px; color: #666666; }
.showNewsList .title { float:left; margin: 0 20px; }
/* news content */
.newsTitle { font-size:24px; font-weight: bold; text-align:center; margin:10px; }
.newsTime { color:#666666; text-align:center; }
.newsContent { }
/* product show */
.productShow .pic {padding:5px;}
.productShow .pic img{ border:1px solid #CCCCCC; padding:5px;}
.productShow .name { font-size:18px; color:#666666; font-weight: bold; margin:5px; }
.productShow .time {color:#666666;}
.productShow  .txt { }
/* turn page */
.turnPage { clear: both; text-align: right; margin: 20px; color:#0066ff;}
.turnPage a { padding: 2px; border: 1px solid #91C9F2; color:#0066ff; }
/***************************************************************************/
/* page */
#top , #body , #bottom { width: 963px; margin:0 auto; }
#body { margin: 5px auto 0 auto; }
#bottom { margin:5px auto 0 auto; }
/* top */
#top { background-image: url(../image/img_05.gif); background-repeat: repeat-x; height: 93px; }
#top .topL { background-image: url(../image/img_03.gif); background-repeat: no-repeat; float: left; height: 93px; width: 103px; }
#top .logo { float: left; }
#top .menuBox { float: left; margin: 53px 0 0 10px; width: 560px; text-align: center; }
#top .menuBox a , #top .menuBox a:visited { color:#FFFFFF; font-weight: bold; text-decoration: none; }
#top .menuBox a:hover { color:#FF7708; text-decoration: none; }
#top .menuBox li { }
#top .topR { background-image: url(../image/img_07.gif); background-repeat: no-repeat; float: right; height: 93px; width: 126px; }
/* body */
#body .left { float: left; width: 175px; height:379px; padding: 0 5px 0 0; }
/* home page */
#body .banner { margin:0 0 0 175px; }
#body .companyBox { margin:5px 0 0 0; width:556px; background-color:#EEFEFF; float:left; }
#body .companyBox .company { line-height: 2em; padding: 0 10px; height:170px; color: #666666; overflow: hidden; }
#body .contactBox { margin:5px 0 0 745px; width:205px; background-color: #FDF6EB; }
#body .contactBox .contact { height: 170px; color: #0d4d67; }
#body .contactBox .contact a , a:visited { color: #0d4d67; }
#body .homeBottomButton { clear:both; margin:10px 0 0 0; }
/* sub page */
#body .content { margin:0 0 0 220px; width:700px; background-image:url(../image/subPageContent_02.gif); background-repeat:repeat-y; }
#body .content .c1 { background-image:url(../image/subPageContent_01.gif); background-repeat:no-repeat; height:52px; }
#body .content .c2 { margin:5px; min-height: 380px; height:auto !important; height: 380px; overflow:visible; }
#body .content .c3 { background-image:url(../image/subPageContent_04.gif); background-repeat:no-repeat; background-position:bottom; height:7px; clear:both; }
/* bottom */
#bottom {background-image: url(../image/img_35.gif); background-repeat: no-repeat; height: 28px; text-align: center; color: #FFFFFF; padding: 5px 0 0 0; }
#bottom a , #bottom a:hover , #bottom a:visited { color: #FFFFFF; }
/***************************************************************************/
#top .menuBox .showMenu li ul { position:absolute; width:500px; }
#top .menuBox .showMenu li ul li { margin:8px 5px; float:left; }
#top .menuBox .showMenu li ul li a , .showMenu li ul li a:visited { color:#000000; font-weight:normal; }
#top .menuBox .showMenu li ul li a:hover { color:#FF7708; }
