@charset "utf-8";

/* 258754.cn通途工作室(dudu作品)标准框架******/
/* 欢迎交流QQ:258754/email:dudu#258754.cn******/

/* 一些基础定义 ==============================*/
BODY,DIV,FORM,UL,OL,LI,DL,DT,DD,H1,H2,H3,H4,H5,H6,H7{PADDING:0; MARGIN: 0px; border:0;FONT-SIZE: 12px;font-family:Arial, Helvetica, sans-serif;}
TABLE,TD,TR,TH {FONT-SIZE: 12px; line-height:160%}
LI {list-style-type:none;}

a{ color:#000;TEXT-DECORATION: none;
    blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}
a:focus{ 
    -moz-outline-style: none;   /*    FF    */
}
a img{border:none; padding:0}
A:hover {COLOR:#F30; text-decoration:underline  }
A.noback:hover { background:none;}

strong{color:#990000;font-weight:normal;border-bottom:1px dotted;margin:0 1px}
i,em{ color:#666666; font-style:normal;margin:0 1px 0 0}
p{ text-indent:0em; line-height:1.8em;margin:0.5em 0; text-align:left; }

/* 一些公共局部模块定义 ==============================*/
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}

.L{ float:left}
.R{ float:right}


.k_hidden{ display:none}/* 此标题不显示 */

/* 无序列表 */
.list1{}
.list1 li{text-align:left; line-height:180%;background:url(images/i2.gif) no-repeat 0 8px; padding-left:10px;}

/* 有序列表 */
.list2 li{text-align:left; line-height:160%;width:100%; border-bottom:1px solid #eee; margin:5px 0}
.list2 li em{margin:0 0 0 2px}


input.btn{background:url(images/btn_back.gif) no-repeat;border:none;width:63px;height:21px;font-size:12px;padding-top:2px; margin:0 2px;behavior:url(htc/btn.HTC);}

.page{ text-align:center;margin:0px auto;padding:20px;}
.page input,.page select{ margin:0 3px}
.page a{ margin:0 2px}
.page b{ background:#990000; color:#fff; font-weight:normal;margin:0 2px; padding:0 2px; text-decoration:none}

/* 内页页头部分 */
#header{height:164px;width: 100%; background:url(images/head_back2.gif) repeat-x top;margin:0px auto 5px auto; }
.header_1004{ width:1000px; margin:0 auto;background:url(images/head2.gif) no-repeat 600px 0px; height:232px; }
.header_1004 .logo{float:left; height:164px;background:url(images/logo_corner.gif) no-repeat left bottom;margin-left:5px;width:374px}

/* 内页页头个性图片 */
.logo_top{ width:100%; height:139px;}
#aboutus .logo_top{ background:url(images/logo_aboutus.jpg) no-repeat}
#blog .logo_top{ background:url(images/logo_blog.jpg) no-repeat}
#service .logo_top{ background:url(images/logo_service.jpg) no-repeat}
#work .logo_top{ background:url(images/logo_work.jpg) no-repeat}

/* 首页页头部分 */
#home #header{height:258px;background:url(images/head_back.gif) repeat-x 0 -8px;}
#home .header_1004{  background:url(images/head1.gif) no-repeat 490px 50px; overflow:hidden}
#home .header_1004 .logo{background:none; padding-top:15px;}

/* 导航条初始状态 */
.nav { float:right; margin:111px 0 0 0}/* 除首页外，其它页面导航条均距上边为111px */
#home .nav {margin:199px 1px 0 0}
.nav  li{ float:left;margin:0 4px; }
.nav  a{ display:block; width:93px; height:34px;background:url(images/nav_back.gif) no-repeat}
.nav  a#a1{background-position:0 0}
.nav  a#a2{background-position:-99px 0}
.nav  a#a3{background-position:-198px 0}
.nav  a#a4{background-position:-297px 0}
.nav  a#a5{background-position:-396px 0}
.nav  a#a6{background-position:-495px 0}



/* 导航条当前栏状态 */
#home .nav a#a1{background-position:0 -70px}
#aboutus .nav a#a2{background-position:-99px -70px}
#blog .nav a#a3{background-position:-198px -70px}
#service .nav a#a4{background-position:-297px -70px}
#work .nav a#a5{background-position:-396px -70px}
#flash .nav a#a6{background-position:-495px -70px}

/* 导航条hover状态 */
.nav  a#a1:hover{background:url(images/nav_back.gif) no-repeat 0 -35px}
.nav  a#a2:hover{background:url(images/nav_back.gif) no-repeat -99px -35px}
.nav  a#a3:hover{background:url(images/nav_back.gif) no-repeat -198px -35px}
.nav  a#a4:hover{background:url(images/nav_back.gif) no-repeat -297px -35px}
.nav  a#a5:hover{background:url(images/nav_back.gif) no-repeat -396px -35px}
.nav  a#a6:hover{background:url(images/nav_back.gif) no-repeat -495px -35px}

.nav  a h1{display:none; }

/* 副导航条 */
.subnav {background:url(images/subnav_back.gif) repeat-x #ccc; border:1px solid #999; padding:4px 5px}
.subnav  li{ float:left;margin:0 4px; font-size:14px }
.subnav  li.spilit{ width:1px; overflow:hidden;background:url(images/spilit.gif); margin:0 9px}
.subnav  a.sele{ color:#990000 }
.subnav  a.sele:hover{ color:#fff }

/*长表格*/
table{ border-collapse:collapse}
.mtable td,.mtable th{border-bottom:1px solid #aaa;text-align:left;padding:4px 5px;}
.mtable thead th{ color:#fff;background:#B74542; white-space:nowrap}
.mtable tbody th{ color:#fff;background:#8B3A59; text-align:center; font-weight:normal}
.mtable a{color:#990000; text-decoration:underline}
.mtable a.nborder{ display:block; color:#FFFFFF; font-weight:bold; text-decoration:none; border:none;background:url(images/icon-hcard-download.gif) no-repeat; width:23px; padding-left:6px; height:18px}
.mtable a.nborder:hover{background:url(images/icon-hcard-download2.gif) no-repeat}
.mtable a img{ border:none; background:none}
.mtable tr{behavior:url(htc/tr.htc)}/*管理后台每一行的鼠标响应样式*/
.mtable tr:hover{ background:#eee}
.mtable .rth td{font-weight:bold;color:black;background:#FFF0F0;}
.mtable li{background:url(images/i1.gif) no-repeat 0 0.6em; padding-left:1em;}



.star1,.star2,.star3,.star4,.star5{ width:14px;height:12px; background:url(images/star.gif) repeat-x}
.star2{ width:28px}
.star3{ width:42px}
.star4{ width:56px}
.star5{ width:70px}

/* 页面定义开始 ==============================*/


/*flash.htm*/

#flash #header{height:39px;margin:0px auto 20px auto; }
#flash .header_1004{background:#fff}
#flash .nav {margin:5px 5px 0 0}

/*index.htm*/
#container { width: 975px;  margin: 0 auto; text-align: left;}
#layout_home{ width: 958px;  margin: 0 auto; text-align: left;}
#layout_home #layout_home_left{float: left; padding-right:0px; width:722px; overflow:hidden}
#layout_home #layout_home_right {float: right;  width:215px; padding:0px; overflow:hidden }
#layout_home #layout_home_left .layout_home_left_a{float: left; width:432px; }
#layout_home #layout_home_left .layout_home_left_b{float: right; width:269px; padding-left:15px }

.banner_top{ margin-bottom:10px}

.stable{ border:1px solid #aaa;}
.stable th{text-align:center;padding:4px 5px;border:1px solid #fff;}
.stable td{ vertical-align:top; border:1px solid #eee;padding:4px 5px;}
.stable thead th{ color:#fff;background:#B74542; padding:10px 0}
.stable tbody th{ width:6em;color:#fff; background:#E84B00; font-weight:normal }
.stable a{color:#990000; text-decoration:underline}
.stable td{behavior:url(htc/yes_no.htc)}/*管理后台每一行的鼠标响应样式*/
.stable tr:hover{ background:#eee}
.hover_yes:hover{ background:url(images/icon_yes.gif) no-repeat #F8F8F8 center center}
.hover_no:hover{ background:url(images/icon_no.gif) no-repeat #F8F8F8 center center}
.stable .rth td{font-weight:bold;color:black;background:#FFF0F0;}
.stable li{background:url(images/i1.gif) no-repeat 0 0.6em; padding-left:1em;}


.banner_right{ margin-bottom:15px;}
.banner_right img{ margin-bottom:5px}
.bar_home{ margin:0 0 20px 0}
.bar_home .title{margin-bottom:10px  }


.piclist_work{padding:5px}
.piclist_work li{ margin-bottom:15px; border:1px solid #990000; background:#990000}
.piclist_work li h3{ text-align:center; padding:5px; height:25px; line-height:25px;}
.piclist_work li h3 a{ color:#fff}

.piclist_work2{background:#eee; padding:5px}
.piclist_work2 li{ margin-bottom:5px; border:1px solid #990000; background:#990000}
.piclist_work2 li h3{ text-align:center; padding:5px}
.piclist_work2 li h3 a{ color:#fff}

.content2{ padding-top:10px}
.content2 h3{ color:#990000; margin:5px 0; font-weight:normal; font-size:12px}
.content2 ul{ padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:15px; line-height:180%}
.content2 li{background:url(images/dot1.gif) no-repeat 0 5px; padding-left:16px;}

/* 图片列表1 */
.piclist1{ }
.piclist1 li{ float:left;width:200px; height:150px;margin:0px 18px 15px 0;overflow:hidden; text-align:center;display:inline;behavior:url(htc/input_onfocus.HTC);border:1px solid #ccc}/* display:inline用来解决双倍边距BUG */
.piclist1 .img_frame{}
.piclist1 li:hover{}

.piclist1 li H3{ width:300px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;text-align:left; font-weight:normal; background:url(images/dot1.gif) no-repeat left; padding:2px 0 0 20px; margin:5px auto 0 auto; }

/* 尾部大块开始-------------------------------- */
#footer { width:100%; color:#FFFFFF;padding:50px 0px 10px 0px;margin:0px auto 0px auto;background:url(images/bottom_back.gif) repeat-x 0 0px #BC1A1C; line-height:160%; text-align:center} 
#footer a{color:#FFFFFF; text-decoration:underline}

/* aboutus.htm=========================================== */
#aboutus #container{background:url(images/show_back.gif) no-repeat right bottom;}
#aboutus #leftbar {float: left; width:540px; padding-right:40px}
#aboutus #rightbar {float: right; width:360px; padding-left:4px; }
.lable{margin:0 0 20px 0}
.bar1{ margin:20px 0; border-bottom:3px solid #eee; padding-bottom:10px}
.bar1 .title{ margin-bottom:10px; color:#bf1b1b; font-size:18px; font-family:黑体}
.bar1 .t1{ border-bottom:1px solid #ccc; padding-bottom:5px}
.bar1 .content p{ margin:15px 0}
.bar1 .content{ line-height:160%}
.bar1 .content li{ margin:10px 0;background:url(images/i1.gif) no-repeat 0 0.6em; padding-left:1em;}
.bar1 .content img{ float:left; margin:3px 10px 0 0}

/*blog.htm=========================================== */
#blog #container { width: 980px; }
#blog #leftbar {float: left; width:540px; padding-right:40px}
#blog #rightbar {float: right; width:360px; padding-left:4px; }

.bar_blog{ height:148px; overflow:hidden;margin:0 24px 20px 0; padding:0 0px 0 0; background:url(images/bar_blog_back.gif) no-repeat right 100px; display:inline; line-height:160%;}
.bar_blog .title{ text-align:right;margin-bottom:10px; color:#990000; background:#EEEEEE; padding:5px;}
.bar_blog .title h2{ display:block; text-align:left; font-weight:normal; margin:3px 0; width:100%;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.bar_blog .title h3{ display:block; text-align:left; color:#999; font-weight:normal}
.bar_blog .title input{ float:right;background:url(images/btn_back1.gif) no-repeat;border:none;width:53px;height:19px;padding-top:2px; margin:0 2px; color:#fff; font-size:12px}

.bar_blog .content {line-height:100%; padding:0 5px}
.bar_blog .content p{ }
.bar_blog .content img{ float:left; margin:3px 10px 0 0}

/*blog_show.htm=========================================== */
.bar_blog_show{width:100%;margin:20px 0; background:url(images/show_back.gif) no-repeat right bottom; padding:0 0 30px 0; line-height:160%;}
.bar_blog_show .title{ text-align:left;margin-bottom:10px;border-bottom:6px solid #eee; padding:10px 5px;}
.bar_blog_show .title h2{ font-size:22px; font-family:微软雅黑,黑体; color:#990000;display:block; text-align:left; font-weight:normal; margin:8px 0; }
.bar_blog_show .title h3{ display:block; text-align:left; color:#999; font-weight:normal}

.bar_blog_show .content { font-size:14px;line-height:100%; padding:0 5px}
.bar_blog_show .content p{ font-size:14px; text-indent:2em; margin:1em 0}
.bar_blog_show .content img{ float:left; margin:3px 10px 0 0}

.page_l{ text-align:left; padding:0}

/*service.htm=========================================== */
#service .lable{ border-bottom:4px solid #eee; height:32px}
#service .lable img{ float:left}
#service .lable .subnav{ float:right}
.mtable2{ width:100%}

.mtable2 th,.mtable2 td{border:1px solid #fff}
.mtable2 tr{behavior:none}
.mtable2 thead th{ text-align:center}
.mtable2 tbody th{ width:5.5em}
.mtable2 tbody td{vertical-align:top;width:155px; padding:8px 5px}
.mtable2 .col2,.mtable2 .col4,.mtable2 .col6{  background:#eee;}
.mtable2 .col3,.mtable2 .col5{ background:#F9F9F9; }

/*work.htm=========================================== */
#work .lable{ border-bottom:4px solid #eee; height:32px}
#work .lable img{ float:left}
#work .lable .subnav{ float:right}
#work .mtable{ width:100%}

#work .mtable .col1{ width:20em;}
#work .mtable .col1b{ width:5em;}
#work .mtable .col3,.mtable .col4{ width:6em;}