@charset "utf-8";


/* 千视电子CSS*/

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

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; line-height:160%}
.title{font-family:"微软雅黑","宋体"}
TABLE,TD,TR,TH {FONT-SIZE: 12px; line-height:160%}
LI {list-style-type:none;}

a{color:#000;TEXT-DECORATION: none;}
a:hover {COLOR: #990000; TEXT-DECORATION:underline; }
a,li,area{ 
    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}


b,strong{}
i,em{  }
p{ line-height:180%;margin:0.5em 0; text-align:left; }

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

/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*=== 表单 ===*/
.btn_area{ text-align:left; margin:15px auto 10px auto; }
.btn_area img{ margin:0 3px;}
button{ white-space:nowrap; }
input{ font-size:12px}


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


body{text-align:center; background: url(images/back2.gif) repeat-x #ebf6ff; }
body#home{text-align:center; background: url(images/back.gif) repeat-x #ebf6ff; }
.head{  width:980px;margin:0 auto; height:89px; position:relative; text-align:left;}
.head .logo{ position:absolute;top:0px; left:0px;}
.head .menu{
	position:absolute;
	right:1px;
	top:11px;
	height:24px;
	vertical-align:middle;
	padding:7px 0 3px 0;
	background:url(images/search.gif) no-repeat 0 1px;
	line-height:24px;
	padding-left:50px;
	width:144px;
}
.head .menu input{ height:18px;border:none; background:#eee}

.head .nav_area{
	position:absolute;
	right:0px;
	top:58px;
	height:30px;
	width:640px;
}

/* 导航条*/
.nav_area {}
#nav { background:url(images/nav2.gif) no-repeat right 0 ; padding-left:10px; } 
#nav li { float:left; height:30px; margin:0px 9px; display:inline } 
#nav li a{ text-decoration:none; color:#0055a5; font-size:14px; font-weight:bold; } 

#nav li a:hover{ color:#900} 

body#home #a1,
body#product #a2,
body#solution #a3,
body#case #a4,
body#CoopInput #a5,
body#ServiceIntro #a6,
body#about #a7,
body#bbs #a8 { color:#900;background:url(images/nav_back_active.gif) no-repeat center bottom }

.banner{ width:980px; padding:12px 0 11px 0;margin:0px auto 15px auto }



/*=== 页面主体 ===*/

/*主体布局*/
#layout_home { width:980px; margin:0 auto; padding-top:20px; margin-bottom:20px; }
#layout_home #layout_left{ width:670px; float:left; overflow:hidden; }
#layout_home #layout_right{ width:280px; padding-left:30px; overflow:hidden;float:right; }


/*主打块1*/
#layout_home .bar1{ width:320px; float:left; margin-bottom:30px;}
.bar1{ background:url(images/line1.gif) no-repeat; padding-top:25px; display:inline}
.bar1 .focus{ float:left;  margin-bottom:60px; margin-right:10px;}
.bar1 .title{ color:#000;font-size:18px; text-align:left; margin-bottom:5px;}
.bar1 .more{ text-align:left}
.bar1 .content{ text-align:left; line-height:160%; height:80px; margin-bottom:10px; overflow:hidden}

.bar2{ background:url(images/line2.gif) no-repeat; padding-top:25px; }
.bar2 .focus{ float:left; border:4px solid #ddd;   margin-right:20px;}
.bar2 .title{ color:#000;font-size:18px; margin-bottom:5px; text-align:left}
.bar2 .content{ text-align:left; line-height:160%; margin-bottom:10px;}
.bar2 .more{ text-align:left}

.bar3{ width:270px; border:1px solid #ddf0ff; margin-bottom:20px;}
.bar3 .bar_border{ border:1px solid #fff; background:#ddf0ff; padding:15px; padding-bottom:0;}
.bar3 .title{ color:#000;font-size:18px; margin-bottom:10px; padding-bottom:5px; background:url(images/line4.gif) repeat-x 0 bottom; text-align:left}
.bar3 .content{ text-align:left; line-height:160%; margin-bottom:10px;}
.bar3 .more{ text-align:left}


/* 页内小列表 */
#layout_home .bar2 .list1 li{ width:410px;}
.list1 li{text-align:left; line-height:190%; text-overflow:ellipsis;overflow:hidden; white-space:nowrap; }
.list1 li a{ color:#000; text-decoration:none}
.list1 li a:hover{ color:#900}




.list2 li{ background:url(images/dot3.gif) no-repeat 5px 13px; padding-left:20px;text-align:left; line-height:250%; border-bottom:1px dotted #fff }
.list2 li a{ font-size:14px; color:#000; text-decoration:none}
.list2 li a:hover{ color:#900}


/* 尾部 */
#footer_area{ width:100%; margin:0 auto;background:url(images/footer.gif) center top ;text-align:center }
#footer { width:970px; margin:0px auto; text-align:center; padding:10px 5px;  color:#fff; } 
#footer .copyright{ width:550px; float:right; text-align:right}
#footer a{ color:#fff}


.list3 li{ text-align:left; line-height:190%;  }
.list3 li a{ color:#ddd; text-decoration:none}
.list3 li a:hover{ color:#900}




/*左边带子栏目的布局*/



#layout2{ width:980px; margin:0 auto; padding-top:20px; margin-bottom:20px; }
#layout2 #layout_left{ width:280px; float:left; overflow:hidden; text-align:left }
#layout2 #layout_right{ width:670px; padding-left:30px; overflow:hidden;float:right; }

.subnav{background:url(images/subnav2.gif) repeat-y; margin-bottom:10px;}
.subnav .title{background:url(images/subnav_title.gif) no-repeat left 0;text-align:left; height:49px; line-height:49px; padding:0px 0 0px 21px; color:#FFf; font-size:18px;  margin-bottom:10px; }

.subnav .content{background:url(images/subnav3.gif) no-repeat 0 bottom; padding:0 28px 0 21px; padding-bottom:15px }
.subnav li{ border-bottom:1px dotted #fff; background:url(images/dot1.gif) no-repeat 0 5px; text-align:left; padding-left:25px; padding-bottom:5px; margin-bottom:5px; }
.subnav li a,.subnav li{  font-size:14px;color:#333 }
.subnav li.active{ background-image:url(images/dot2.gif)}
.subnav li.active a{ color:#E30000}
.subnav li a:hover{ text-decoration:none; color:#06F;}

.subnav li ul{ padding-top:10px;}
.subnav li li,.subnav li li.active{ background:url(images/dot6.gif) no-repeat 0 7px; text-align:left; padding-left:15px; height:20px; line-height:20px; border:none}
.subnav li li a{ font-size:14px;color:#333}

.title_m{ font-size:26px; font-weight:bold; text-align:left; height:40px; padding-bottom:5px; background:url(images/line3.gif) no-repeat 0 bottom; margin-bottom:25px;}
.title_m .position{ float:right;color:#666; font-weight:normal; margin-top:20px;}
.position a{color:#666}

/* 图文混排列表1 */
.intr_list1 li{ text-align:left; line-height:190%; margin-bottom:30px; overflow:hidden; border-bottom:1px dotted #fff; padding-bottom:15px; }
.intr_list1 li .focus{ float:left; margin-right:10px; border:3px solid #ccc;}
.intr_list1 li h3{ margin-bottom:13px; color:#176c9c }
.intr_list1 li h3 a{color:#176c9c; text-decoration:underline }
.intr_list1 li h3 img{vertical-align:middle; margin:0 5px;}

/* 内页列表list4 */

.list4 li{ text-align:left; line-height:190%;background:url(images/dot2.gif) no-repeat left 10px; padding-left:10px;  }
.list4 li a{ color:#000; text-decoration:none}
.list4 li a:hover{ color:#900}

.search{background:url(images/bar2_back.gif) no-repeat 0 bottom; height:30px; padding-top:10px; }



/* 小图片列表1 */

/* 图片列表1 */
.piclist1{ padding-left:0px;}
.piclist1 li{ width:384px; float:left; margin:10px 5px 15px 5px; text-align:center;background:#EDEDED; border:1px solid #EDEDED; overflow:hidden}
.piclist1 li .img_cont{width:384px;height:250px; overflow:hidden; }
.piclist1 li H4{ font-size:14px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;text-align:center; font-weight:normal; margin-top:5px; padding:5px}
.piclist1 li H4 a{ color:#666}
.piclist1 li H4 a:hover{ color:#930; text-decoration:none}




/*左边带子栏目的栏目单显页*/
.m_body{}
.m_title{ text-align:left; margin-bottom:10px;}
.m_title span{ padding:5px 10px; background:#6e6e6e; font-size:18px; line-height:1.5em; white-space:nowrap; color:#fff; font-weight:bold}

.m_body .content{ text-align:left}

/*内页新闻列表*/
.list_m li{ font-size:14px; text-align:left; line-height:220%; background:url(images/dot6.gif) no-repeat left 12px; padding-left:14px; height:34px; border-bottom:1px dotted #ccc}
.list_m li:hover{ background-color:#eee}
.list_m li a{ float:left;width:44em;text-overflow:ellipsis;overflow:hidden; white-space:nowrap; }
.list_m li em{ color:#666;font-style:normal; float:right; margin:0 1px 0 2px}


.show_title{ height:70px; border-bottom:	1px solid #Ccc; margin-bottom:10px; text-align:center}
.show_title h4{font:20px "黑体"; color:#000; font-weight:normal;line-height:40px; }
.show_title em{color:#666; font-style:normal }

.contact{ margin-bottom:10px;}

/*content_erea是由后台生成的内容区*/
.content_erea { font-size:14px;padding:0px; text-align:left; margin:5px auto; overflow:auto; display:inline-block}
.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}

.pname{ background:url(images/dot4.gif) no-repeat 0 3px; text-align:left; padding-left:25px; font:14px bold; line-height:25px; margin-bottom:10px;}

/* 标准表单共性定义 */
fieldset{ text-align:left; padding:5px; margin:0px auto; border:none}
legend{margin-bottom:10px; font-size:14px}
fieldset li{padding:5px 0; text-align:left; margin:5px 0 }
fieldset label{ float:left;width:8em; text-align:right; padding-right:1.2em;}
fieldset input,fieldset select,fieldset textarea{ }

.login{ background:#9fdef8; text-align:left; padding:5px 10px; margin-bottom:20px;}
.login button{ margin:0 5px; }
.login input{ margin:0 5px;}


/* 内页列表list4 */

.list5 li{ font-size:14px; text-align:left; line-height:230%; border-bottom:1px solid #ccc; }
.list5 li a{ color:#000; text-decoration:none}

/* 内容显示页 */
.show_title{ text-align:center; margin-bottom:10px; padding:0px 20px 0px 20px;}
.show_title h2{ font-size:18px; font-weight:normal}
.show_title span{ color:#666}
.show_pic{ text-align:center}