@charset "utf-8";


/* 西联捷运网站english---css,258754.cn通途工作室(dudu作品)标准框架******/
/* 欢迎交流QQ:258754/email:dudu2#yahoo.cn******/

/*=== 缺省定义 ===*/

BODY,DIV,FORM,UL,OL,LI,DL,DT,DD,H1,H2,H3,H4,H5,H6,H7,button{PADDING:0; MARGIN: 0px; border:0;FONT-SIZE: 13px;font-family: "Verdana", "Arial", "Helvetica", "sans-serif","宋体"; line-height:160%; }

TABLE,TD,TR,TH {FONT-SIZE: 12px; line-height:160%}
LI {list-style-type:none;text-align:justify}

a{color:#000;TEXT-DECORATION: none;}
a,li,erea{ 
    blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}
a:focus;li:focus{ 
    -moz-outline-style: none;   /*    FF    */
}
a img{border:none}
A:hover {COLOR: #990000; TEXT-DECORATION:underline; }

b,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{ line-height:180%;margin:0.5em 0; text-align:justify }

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

.L{ float:left}/*注意使用大写*/
.R{ float:right}

/*=== 常用按钮 ===*/
.btn_area{ text-align:center; margin:15px auto 10px auto}
.btn{background:url(images/btn.gif) no-repeat;border:none;width:63px;height:21px;font-size:12px;padding-top:2px; behavior:url(htc/btn.HTC);margin:0 5px}
.btn:hover{background-image:url(images/btn_hover.gif)}
.btn_big{background:url(images/btn_big.gif) no-repeat center center;border:none;width:180px;height:27px;font-size:11px;padding-top:2px; margin:0 9px;behavior:url(htc/btn.HTC);}
.btn_big:hover{background-image:url(images/btn_big_hover.gif)}
button img{ margin:0 3px}

/*=== 表格 ===*/

.mtable{ border-collapse:collapse; background:#fff; border:1px solid #ccc}
.mtable caption{ text-align:left;color:#108500; font-size:14px; font-weight:bold; padding:10px;}
.mtable td,.mtable th{border-bottom:1px solid #F3A372;text-align:left;padding:4px 5px; }
.mtable th{ color:#fff;background:#BF3C0F; white-space:nowrap}
.mtable th img{ margin-right:5px}
.mtable a{color:#007EC6;}
.mtable tr{behavior:url(htc/tr.htc)}/*管理后台每一行的鼠标响应样式*/
.mtable tr:hover{ background:#D7FFBD}
.mtable li{background:url(images/i1.gif) no-repeat 0 0.6em; padding-left:1em;}

.t2 th,.t2 td{ padding:5px}
.t2 th{ color:#ff0000; text-align:center; font-size:14px}

/*=== 页面公共 ==*/


body{text-align:center; background:url(images/back1.gif) no-repeat center 0 #fff}

#header{ height:58px; padding-top:40px;width:994px;text-align:right; margin:5px auto; background:url(images/logo.gif) no-repeat 10px 10px #fff }
#header .menu{ margin:0px 5px 0 0; line-height:120%; display:inline}
#header .menu a{background:url(images/dot1.gif) no-repeat 0 0.5em; padding-left:8px;margin:0 5px}

/* 导航条*/
.nav_erea { float:right;width:780px; overflow:hidden;padding-left:63px; height:35px; margin:10px 0 0 0; text-align:right;background:url(images/nav_left.gif) no-repeat #2B836F}
#nav { height:35px;overflow:hidden; width:780px;} 

#nav li { float:left;  text-align:center;margin:0px 4px;} 
#nav li a{color:#fff;font-size:14px; font-weight:bold; line-height:30px} 
#nav li a:hover{text-decoration:none; color:#8EE6FF}
#home #nav { width:800px } 

#home .banner{ background:url(images/banner.gif)}
.banner{ width:994px; margin:5px auto 0 auto; overflow:hidden }
/*=== 首页 ===*/

/*首页布局*/
#layout_home { width: 994px;  margin:5px auto; text-align: left; background:url(images/layout_home_back.gif) repeat-y center top; overflow:auto;display:inline-block}/*FF BUG修复，父元素不根据子元素调整高度－背景显示不正常*/
#layout_home #layout_home_left{float: left; width:732px;overflow:hidden; padding-right:0px}
#layout_home #layout_home_right {float: right;  width:262px;}


/*首页块1*/

.bar1{ margin-bottom:5px}
.bar1 .content{ width:96%; margin:5px auto;}

.title1{background:url(images/home_title1.gif) repeat-x -732px 0; height:29px;}
.title1 h3{ float:left; font-size:14px; color:#fff; margin:2px 0 0 34px }
.title1 .more{ float:right; margin:7px 9px 0 0;}

/* 主新闻位 */
.bar_focus { margin:0 auto}
.bar_focus .title1{background:url(images/home_title1.gif) repeat-x 0 0;}
.bar_focus .content{ margin:5px auto; width:99%; border-bottom:1px solid #358A61;}


/* 首页不限长列表 */
.list_long li{ font-size:11px; line-height:160%; background:url(images/dot2.gif) no-repeat 5px 9px; padding-left:12px; behavior:url(htc/tr.htc); }
.list_long li:hover{ background-color:#eee}

/* list_data时间居右显示 */
.list_data{ float:left; margin-bottom:10px}
.list_data li{ float:left; text-align:left; line-height:200%; background:url(images/dot1.gif) no-repeat 5px 55%; padding-left:12px; behavior:url(htc/tr.htc); border-bottom:1px solid #eee}
.list_data li:hover{ background-color:#eee}
.list_data li a{ float:left; width:640px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap; }
.list_data li em{ float:right; margin:0 1px 0 2px; white-space:nowrap}

/* 2*2的块状列表 */
.bar2{ float:left; width:350px; margin:5px 4px; overflow:hidden;}
.bar2 .title1{background:url(images/dot_cloud.gif) no-repeat 0 center; height:27px; padding-left:20px}
.bar2 .title1 h3{color:#317E5B; margin:5px 0 0 3px}

.bar2 .content{ padding:5px 6px;}
.bar2 .content a{ color:#990000} 

/* contactus的独立块 */
.bar3{ width:262px; height:260px; overflow:hidden; background:url(images/home_back2.gif) no-repeat #317E5B}
.bar3 ul{ width:90%; margin:5px auto; padding:40px 10px 10px 10px; color:#fff}

/* 右边广告图集 */
.bar_pic{ margin-bottom:5px}

/* 小图片列表1---本项目未使用 */
.piclist1{ padding-left:2px}
.piclist1 li{ float:left;width:89px; margin:5px 3px; text-align:center;display:inline;}/* display:inline用来解决双倍边距BUG */
.piclist1 li img{border:1px solid #fff;}
.piclist1 li H4{ width:82px; background:#eee;border:1px solid #fff; border-top:none;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;text-align:center; font-weight:normal; padding:1px 2px}
.piclist1 li H4 a{}
.piclist1 li H4 a:hover{text-decoration:none}


/* 尾部 */
#footer {width: 994px; height:55px; background:url(images/footer_back.gif) repeat-x top; margin:0px auto 0px auto; padding:15px 0 10px 0} 
.footer_frame{padding:0 20px; text-align:left; color:#fff}
#footer a{ color:#ffff00; margin:0 2px}


/*===内页===*/


/*内页页头*/
.banner2{width:994px; padding-bottom:15px; background:url(images/banner.gif) repeat-x bottom #fff;margin:5px auto 0 auto; overflow:hidden}

/*内页布局1，注：所有内页布局均使用layout_m*/
#layout_m1 { width: 994px;  margin: 0 auto; background:url(images/layout_m1_back.gif) repeat-y left top #fff }
#layout_m1 #layout_left{float: left; width:215px; margin:0; display:inline}
#layout_m1 #layout_right {float: right;width:767px; overflow:hidden;  display:inline;}

/*内页左侧副导航*/
.subnav{background:url(images/subnav_back2.gif) no-repeat center bottom; padding-bottom:38px; }
.subnav .title{padding-top:5px; overflow:hidden; width:215px; height:40px; text-align:right}
.subnav .title h2{ font-size:1px; text-align:right;background:url(images/subnav_title.gif) no-repeat 0 0; height:40px; color:#EBEBEB}/*用同底色字隐藏subnav栏目文字*/
.subnav .content{ background:#fff; text-align:left; padding:5px 0px 5px 0;background:#fff}/*subnav栏目配图*/
.subnav li{ font-size:14px; background:url(images/line_dot1.gif) repeat-x bottom; line-height:220%}
.subnav  a{padding:9px 0 9px 38px}
.subnav a.sele{background:url(images/dot_cloud.gif) no-repeat 8px 5px; }
.subnav  a:hover{padding-left:40px; text-decoration:none}

.subnav#business .title h2,.subnav#business .content{ background-position:-215px bottom}
.subnav#news .title h2,.subnav#news .content{ background-position:-430px bottom}
.subnav#Highlights .title h2,.subnav#Highlights .content{ background-position:-645px bottom}
.subnav#qualification .title h2,.subnav#qualification .content{ background-position:-860px bottom}
.subnav#Cases .title h2,.subnav#Cases .content{ background-position:-1075px bottom}
.subnav#Common_sense .title h2,.subnav#Common_sense .content{ background-position:-1290px bottom}
.subnav#service .title h2,.subnav#service .content{ background-position:-1505px bottom}
.subnav#Careers .title h2,.subnav#Careers .content{ background-position:-1720px bottom}
.subnav#download .title h2,.subnav#download .content{ background-position:-1935px bottom}

/*内页主体部分*/
.m_body{text-align:center; }
.m_body .title{ background:url(images/main_title.gif) no-repeat left top; padding:0px 0 0px 10px; text-align:left}
.m_body .title h3{ font-size:20px; font-family:"黑体";color:#fff; font-weight:normal}
.m_body .content{ padding-top:10px}

/*当前位置*/
.current{ float:right;margin:-28px auto 12px auto; padding-right:10px }
.current h4{ font-weight:normal; color:#fff}
.current h4 em{ color:#FFFF00; margin:0 3px}

/*右边再分列的布局1*/
#layout_m1 #layout_right .content_left{float:left; width:525px; overflow:hidden}
#layout_m1 #layout_right .content_right{float:right; width:210px;overflow:hidden}

/*右边再分列的布局2-右侧带表单的布局*/
#layout_m1 #layout_right .content_left2{float:left; width:435px; overflow:hidden; display:inline; }
#layout_m1 #layout_right .content_right2{float:right; width:295px;overflow:hidden; display:inline; background:#ABE9FF; margin-right:5px; border:1px solid #fff}

/*content_erea是一般的主文图内容区，包含浮左浮右的图片、h3-h5的三级标题*/
#content_erea { font-size:14px;padding:5px 15px 15px 15px; text-align:left; margin:0 auto}
#content_erea .pic{ width:100%; text-align:center}/*产品大图*/
#content_erea .pic img,#content_erea .rpic img{background:#fff; padding:3px; border:1px solid #ccc; margin:3px 0 3px 10px}
#content_erea a{ background:#FEFAE7; color:#FF0000;}
#content_erea p{ font-size:12px; text-indent:0em; margin:1em 0; line-height:140%}
#content_erea img.l{ float:left;margin:3px 20px 0 0; background:#fff; padding:3px; border:1px solid #ccc;}
#content_erea img.r{ float:right;margin:3px 0 0 20px; background:#fff; padding:3px; border:1px solid #ccc}
#content_erea .c{ text-align:center; margin:0px auto 10px auto}
#content_erea h3{ font-size:18px; background:url(images/dot4.gif) no-repeat; padding-left:1em; line-height:100%; color:#990000; margin:10px 0}
#content_erea h4{ font-size:14px; background:url(images/dot5.gif) no-repeat 1em center; padding-left:2em; line-height:100%; color:#9c4600; margin:10px 0; }
#content_erea h5{ font-size:14px; background:url(images/dot6.gif) no-repeat 1.6em; padding-left:2.6em; line-height:100%; color:#000; margin:10px 0}
#content_erea li{ font-size:14px; background:url(images/dot3.gif) no-repeat 2em 0.7em; padding-left:3em; line-height:160%; color:#000; }


/*内页新闻列表*/
.list3{ width:95%; margin:auto; height:240px}
.list3 li{ font-size:12px; float:left;text-align:left; line-height:220%; background:url(images/dot3.gif) no-repeat left 12px; padding-left:10px; behavior:url(htc/tr.htc); border-bottom:1px dotted #ccc}
.list3 li:hover{ background-color:#eee}
.list3 li a{ float:left;width:87%;text-overflow:ellipsis;overflow:hidden; white-space:nowrap; }
.list3 li em{ float:right; margin:0 1px 0 2px}

#layout_show{ width:994px; margin:0px auto; padding:10px 0; line-height:160%;}
#layout_show .title{ text-align:center;margin-bottom:10px;border-bottom:6px solid #eee; padding:0px 5px 10px 5px;}
#layout_show .title h2{ font-size:22px; color:#990000;display:block; font-weight:normal; margin:8px auto; }
#layout_show .title h3{ display:block; color:#999; font-weight:normal;}

/* 表单定义 */
fieldset{ text-align:left; padding:5px; margin:0px auto; border:none}
fieldset h3{margin-bottom:10px; font-size:14px; background:#40B0D9; color:#fff; padding:3px 5px}
fieldset li{padding:5px 3px; text-align:justify; font-size:10px }
fieldset label{ float:left;width:115px;; text-align:right; padding-right:0.2em;  margin-top:5px}
fieldset label.nofloat{ float:none; margin-left:10px}
fieldset input,fieldset select,fieldset textarea{ margin:0em 0 0 5px; background-color:#fff; border:1px solid #ccc;behavior:url(htc/input_onfocus.HTC); width:145px }
fieldset input:hover{border:1px solid #990000}