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

body { margin:0; padding:0; font-family: "微软雅黑"; font-size:12px; line-height:24px; color:#fff; background:#393939;}
ul,li,input,div,font,br { margin:0; padding:0; list-style:none;}
img { border:0;}
a { color:#c30d23; text-decoration:none;}
a:hover { text-decoration:underline;}

.blank { clear:both; height:0px;}
.blank10 { clear:both; height:10px; background:url(../images/line.png) no-repeat center;}
.blank25 { clear:both; height:25px;}

.w1000 { width:1000px; margin:0 auto; overflow:hidden;}
.mrl { float:left;}
.mrr { float:right;}

.area { padding:25px; width:950px; margin:0 auto; background:#fff; overflow:hidden;}
.name { background:url(../images/name.gif) no-repeat; width:950px; height:32px; padding-top:38px; font-size:32px; font-weight:bold; color:#393939; text-align:left; margin-bottom:25px;}
.name span { display:block; height:32px; padding-right:10px; background:#fff; float:left;}
.name span.w950 { width:940px;}

.area450 { padding:25px; width:400px; margin:0 auto; background:#fff; overflow:hidden;}
.name450 { background:url(../images/name450.gif) no-repeat; width:400px; height:32px; padding-top:38px; font-size:32px; font-weight:bold; color:#393939; text-align:left; margin-bottom:25px;}
.name450 span { display:block; height:32px; padding-right:10px; background:#fff; float:left;}

.area530 { padding:25px; width:480px; margin:0 auto; background:#fff; overflow:hidden;}
.name530 { background:url(../images/name530.gif) no-repeat; width:480px; height:32px; padding-top:38px; font-size:32px; font-weight:bold; color:#393939; text-align:left; margin-bottom:25px;}
.name530 span { display:block; height:32px; padding-right:10px; background:#fff; float:left;}

#header { width:100%; height:290px; background:url(../images/header.jpg) no-repeat center;}

#nav { width:100%; height:63px; background:url(../images/navbg.gif) no-repeat center;}
#nav .nav1 { width:837px; margin:0 auto; padding-left:163px;}
#nav .nav1 a { float:left; display:block; color:#393939; font-size:18px; font-weight:bold; line-height:63px; margin:0 30px;}
#nav .nav1 a:hover { text-decoration:none; color:#fff;}

#daoyulogo { width:1000px; margin:0 auto;}
#daoyulogo .daoyu { width:650px; height:294px; padding:25px; float:left; background:url(../images/daoyu-bg.gif) no-repeat;}
#daoyulogo .daoyu .pic { float:left; width:280px;}
#daoyulogo .daoyu .text { float:right; width:340px; padding:18px 0 0 10px; font-size:16px; line-height:36px; text-indent:2em;}
#daoyulogo .daoyu .text span { float:right;}
#daoyulogo .logo { width:270px; height:229px; float:right; background:#a60519 url(../images/logo.png) no-repeat center 25px; padding:15px; padding-top:100px; text-indent:2em;}
#daoyulogo .logo a { color:#ffea00;}

#meeting {}
#meeting li { float:left; width:314px; height:161px; margin-right:4px; margin-bottom:4px;}
#meeting a.block { display:block; width:294px; height:119px; padding:42px 0 0 20px; background:url(../images/productbg.jpg) no-repeat; color:#fff; font-weight:bold; text-decoration:none; font-size:28px; line-height:36px;}
#meeting a.block:hover { color:#ffea00;}
#meeting a.block span { font-size:36px;}

#video {}
#video li { float:left; width:306px; height:307px; margin-right:16px;}
#video li a { display:block; width:306px; height:254px;}
#video li a.video01 { background:url(../images/video01.jpg) no-repeat;}
#video li a.video01:hover { background:url(../images/video01on.jpg) no-repeat;}
#video li span.num01 { display:block; background:url(../images/num1.gif) no-repeat; width:236px; height:53px; line-height:53px; color:#000; font-size:30px; font-weight:bold; padding-left:70px;}
#video li a.video02 { background:url(../images/video02.jpg) no-repeat;}
#video li a.video02:hover { background:url(../images/video02on.jpg) no-repeat;}
#video li span.num02 { display:block; background:url(../images/num2.gif) no-repeat; width:236px; height:53px; line-height:53px; color:#000; font-size:30px; font-weight:bold; padding-left:70px;}
#video li a.video03 { background:url(../images/video03.jpg) no-repeat;}
#video li a.video03:hover { background:url(../images/video03on.jpg) no-repeat;}
#video li span.num03 { display:block; background:url(../images/num3.gif) no-repeat; width:236px; height:53px; line-height:53px; color:#000; font-size:30px; font-weight:bold; padding-left:70px;}


#view {}
#view .pic { float:left; width:400px;}
#view .text { float:right; margin-left:30px; width:520px; padding-top:10px; line-height:40px; font-size:18px; color:#000; text-indent:2em;}

#product {}
#product li { margin-bottom:20px;}
#product li .tit { width:880px; height:35px; background:url(../images/protit.gif) no-repeat; color:#fff; font-weight:bold; font-size:18px; line-height:35px; padding-left:70px;}
#product li .content { width:910px; padding:20px; background:#ececec url(../images/probg.gif) no-repeat top center; overflow:hidden}
#product li .content .pic { float:left; width:140px;}
#product li .content .text { float:right; width:700px; padding:5px 50px 0 20px; font-size:14px; line-height:30px; color:#000;}
#product li .content .more { position:relative; top:105px; left:160px;}
#product li .content .more a { display:block; width:118px; height:35px; background:url(../images/more.gif) no-repeat;}

#ad {}
#ad .pic { width:400px; height:312px; float:left;}
#ad .pic a { display:block; width:400px; height:312px; background:url(../images/ad.jpg) no-repeat;}
#ad .pic a:hover { background:url(../images/adon.jpg) no-repeat;}

#news {}
#news li { font-size:16px; border-bottom:1px dashed #ececec; padding:7px 0;}
#news li a { color:#000; background:url(../images/arrowoff.png) no-repeat 10px center; padding-left:20px;}
#news li a:hover { color:#c30d23; background:url(../images/arrow.png) no-repeat 10px center; text-decoration:none;}
#news li span { float:right; color:#999;}

#end { width:795px; height:90px; padding:62px 25px 0 180px; margin:0 auto; background:url(../images/end.gif); text-indent:2em; font-size:16px; line-height:32px; color:#000;}

#footer { width:100%; background:#c30d23; text-align:center; padding:10px 0;}
#footer a { color:#fff;}

#show {}
#tags { float:right; height:48px; border-bottom:1px solid #cc100d; margin-top:-65px; width:950px;}
#tags li { float:right; height:48px;}
#tags li a { display:block; height:48px; line-height:48px; font-size:30px; font-weight:bold; text-align:center; padding:0 20px; background:#393939; color:#fff;}
#tags li a:hover { background:#cc100d; text-decoration:none;}
#tags li.selectTag a { display:block; height:48px; line-height:48px; font-size:30px; font-weight:bold; text-align:center; padding:0 20px; background:#cc100d; color:#fff;}

.tagContent {}
.tagContent li { float:left; width:306px; height:220px; margin-right:16px; margin-bottom:16px;}
.tagContent li a { display:block; width:286px; height:200px; padding:10px; background:url(../images/showbg.gif) no-repeat; color:#000; font-size:24px; font-weight:bold;}
.tagContent li a span { display:block; height:39px; line-height:49px; padding-right:10px; background:#ececec; float:left;}
.tagContent li a:hover {  background:url(../images/showbgon.gif) no-repeat; color:#fff; text-decoration:none;}
.tagContent li a:hover span { display:block; height:39px; line-height:49px; padding-right:10px; background:#cc100d; float:left;}