@charset "utf-8";


/* 与争的CSS*/

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

BODY,DIV,FORM,UL,OL,LI,DL,DT,DD,H1,H2,H3,H4,td,th,tr,a{PADDING:0; MARGIN: 0px; border:0;FONT-SIZE: 12px;font-family:宋体,Arial, Helvetica, clean,sans-serif; line-height:160%; color:#666}

H1,H2,H3,H4{
	font-family:微软雅黑;
}

ul LI {list-style-type:none;}


a{TEXT-DECORATION: none;}
a:hover {COLOR: #a82a68; TEXT-DECORATION:underline; }
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}


p{ text-indent:0em; line-height:180%;margin:0.5em 0; text-align:left; }

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

.content:after,
.layout1:after,
.layout2:after,
.layout3:after,
.layout4:after,
.layout5:after,
.layout6:after,
.layout_show:after
 {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .content,
* html .layout1,
* html .layout2,
* html .layout3,
* html .layout4,
* html .layout5,
* html .layout6,
* html .layout_show
 { zoom: 1; } /* IE6 */

*:first-child+html .content,
*:first-child+html .layout1,
*:first-child+html .layout2,
*:first-child+html .layout3,
*:first-child+html .layout4,
*:first-child+html .layout5,
*:first-child+html .layout6,
*:first-child+html .layout_show,
{ zoom: 1; } /* IE7 */

.h10{ height:10px;}
.h15{ height:15px;}
.h20{ height:20px;}

.fl{ float:left}
.fr{ float:right}

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

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

.m{ border-collapse:collapse; border:1px solid #ddd}
.m caption{ text-align:center;color:#108500; font-size:14px; font-weight:bold; padding:10px;}
.m td,.m th{border:1px solid #ddd;text-align:left;padding:4px 5px; color:#666 }
.m th{ color:#000;background:#E1FDFC; white-space:nowrap; font-weight:normal; text-align:center}
.m tr:hover,.m tr:hover th{ background:#D7FFBD}



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


body{text-align:center; background:url(images/back2.jpg) no-repeat center top #dfeef5 ; }
body#home{text-align:center; background:url(images/back.jpg) no-repeat center top #315ca0 fixed; }

body#home .head{ height:439px;}

.head{  width:990px; margin:0 auto; height:134px; position:relative; }
.logo{ position:absolute; left:13px; top:28px;}
.nav{ position:absolute; right:0; top:50px;}
.banner{ height:440px; overflow:hidden;position:absolute; left:0; bottom:0px; }

/* 导航条*/

.nav { height:60px; background:url(images/nav_back.png) no-repeat left bottom  ; width:540px; padding:0px 10px 0 100px; } 
.nav a{display:block;float:left; font-size:22px; color:#ffefd0; font-family:微软雅黑,黑体; text-decoration:none;  width:50px; height:42px; line-height:24px; margin-right:27px; text-align:center;text-shadow:#7a2f6a 2px 1px 1px; }
#home #a1,
#about #a2,
#news #a3,
#product #a4,
#case #a5,
#guest #a6,
#service #a7
{ color:#fff; background:url(images/nav_active.png) no-repeat center bottom}

.nav .spilit{ width:15px;height:44px; float:left; background:url(images/spilit.gif) no-repeat center center;}
.nav a:hover{ text-decoration:none; color:#FC0; }

.menu{ background:url(images/menu.png) no-repeat; width:950px; height:73px; padding:10px 20px 0; margin:auto}
.menu .fl{ padding:15px 0 0}
.menu .aa,.menu #m4{ color:#6780ba; line-height:160%; float:left; width:100px; display:block; text-align:left; padding:0px 0 0px 34px; background-position:0 center}
.menu a:hover{ color:#a82a68; text-decoration:none}
.menu a#m1{  background:url(images/i1.png) no-repeat 0 center;}
.menu a#m2{  background:url(images/i2.png) no-repeat 0 center;}
.menu a#m3{  background:url(images/i3.png) no-repeat 0 center;}
.menu #m4{background:url(images/i4.png) no-repeat 0 center; width:260px;}
.menu #m4 a{color:#6780ba;}
.menu #m4 a:hover{ text-decoration:none; color:#a82a68; }

.menu a#m5{ float:right; display:block; background:none; width:201px; height:51px; background:url(images/btn_big.png) no-repeat; padding:0 0 0; margin-top:10px;}
.menu a#m5:hover{background-image:url(images/btn_big_hover.png)}

.line1{ clear:both; width: 990px; height:9px; margin:0 auto; background:url(images/line1.gif) repeat-x; }
.line2{ clear:both; width: 990px; height:9px; margin:0 auto; background:url(images/line2.gif) repeat-x; }

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

/*主体布局*/
.layout1 { width: 990px; height:428px; margin:0 auto; background:url(images/layout1.png) no-repeat; position:relative }
.layout1 .content{ padding:22px;}
.layout1 .box1{ position:absolute; left:23px; top:15px; width:457px; height:300px; }
.layout1 .box2{ position:absolute; right:23px; top:15px; width:457px; height:300px; }



/*首页主打块*/

.tit1{line-height:22px;   text-align:left; height:28px; padding:2px 0 0 9px; }
.tit1 h2{ float:left; font-size:22px; color:#d41a70; font-weight:normal}
.tit1 a.more{ float:right; margin:5px 5px 5px 0;}

/* 页内小列表 */
.list1{}
.list1 li{text-align:left; line-height:200%; background:url(images/dot1.gif) no-repeat left 10px; padding:0 0 0 10px; }
.list1 li a{ color:#666; line-height:200%}


.focus{ position:relative; height:95px; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #b3cde6; overflow:hidden;}
.focus img{ float:left}
.focus h3{ text-align:left; font-size:14px; position:absolute; font-weight:normal; left:155px; width:240px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;}
.focus h3 a {color:#223d8b;font-size:14px;}
.focus p{ position:absolute; left:155px; top:20px; line-height:160%; color:#666;}

.layout1 .bb{ position:absolute; left:378px; top:328px; }

/*案例块*/
.layout2{width:990px; margin:auto; background:#fff; padding:30px 0;}
.layout_bottom{width:990px; margin:auto;  height:103px; padding:30px 0 0; background:url(images/layout_bottom.png) no-repeat;}

.layout2 .content{ padding:0 30px;background:url(images/line3.gif) repeat-y 477px top}
.layout2 .fl{ width:424px; padding-right:0px; }
.layout2 .fr{ width:457px; padding-left:0px;  }
/* 案例列表1 */
.case1{ }
.case1 li{ width:424px; height:300px; margin:0px 0px 10px 0; text-align:left;  position:relative; color:#888}
.case1 li .hot{ position:absolute; right:-4px; top:-4px; width:91px; height:65px; background:url(images/tj.png) no-repeat}
.case1 li img{ margin-bottom:5px; border:1px solid #ccc; padding:2px; background:#fff;}
.case1 h3{ font-size:14px; font-family:宋体; font-weight:normal; color:#333;}
.case1 .views{ float:right; color:#39729B; margin-top:-5px;}

/* 案例列表2 */
.case2{ width:520px; }
.case2 li{ float:left; width:216px; height:210px; margin:0px 20px 20px 0; text-align:left;  position:relative; color:#888; }
.case2 li .hot{ position:absolute; right:-2px; top:-4px; width:91px; height:65px; background:url(images/tj.png) no-repeat}
.case2 li img{ width:210px; height:150px; margin-bottom:5px; border:1px solid #ccc; padding:2px; background:#fff;}
.case2 h3{ font-size:12px; font-family:宋体; font-weight:normal; color:#333;}
.case2 .views{ float:right; color:#39729B; margin:0px;}



/* 分享块 */
.layout3{ background:#fff; width: 950px; padding:20px; margin:0 auto; position:relative}
.layout3 .box4{  width: 100%; text-align: left;}
.list6{ padding: 10px 20px;}
.list6 li{ width: 22%; margin-right: 1%; display: inline-block;text-align: left; margin-bottom: 10px;}

/*关于页布局*/
.layout4 { width: 930px; padding:30px; margin:0 auto; background:url(images/m_back.png) repeat-x left top; position:relative }
.layout4 .layout_side{ width:165px; float:left; padding:15px 0 0 }
.layout4 .layout_main{ width:720px; float:left; padding:15px 0 0 40px; background:url(images/frame.gif) no-repeat; }
.m_body{ }

/*客户-布局*/
.layout5 { width: 930px; padding:30px; margin:0 auto; background:url(images/m_back.png) repeat-x left top; position:relative }
.layout5 .layout_main{ width:356px; height:800px;padding:15px 30px 0; float:left;  background:url(images/frame3.gif) no-repeat; }
.layout5 .layout_side{ width:338px; overflow:hidden; height:800px; float:right; padding:15px 0 0 20px; background:url(images/frame3.gif) repeat-x -436px top;  }
.layout5 .pic{ background:url(images/m_left_chengxin.png) no-repeat 53px 0; float:left; width:130px; height:556px;}

/* 客户图片列表1 */
.case3{ width:360px; }
.case3 li{ float:left; width:152px; height:150px; margin:0px 28px 20px 0; text-align:left;  position:relative; color:#888; }
.case3 li .hot{ position:absolute; right:-2px; top:-4px; width:91px; height:65px; background:url(images/tj.png) no-repeat}
.case3 li img{ width:150px; height:113px; margin-bottom:5px; border:1px solid #ccc; padding:2px; background:#fff;}
.case3 h3{ font-size:12px; font-family:宋体; font-weight:normal; color:#333;}
.case3 .views{ float:right; color:#39729B; margin:0px;}

/*服务-布局*/
.layout6 { width: 930px; padding:30px; margin:0 auto; background:url(images/m_back.png) repeat-x left top; position:relative }
.layout6 .layout_main{ width:463px; height:1700px;padding:15px 30px 0; float:left;  background:url(images/frame2.gif) no-repeat ; }
.layout6 .layout_side{ width:216px; overflow:hidden; height:1700px; float:right; padding:15px 0 0 30px; background:url(images/frame2.gif) no-repeat -544px top ;  }
.layout6 .pic{ background:url(images/m_left1.png) no-repeat 53px 0; float:left; width:130px; height:556px;}

.article2 .tit{ text-align:left;background:url(images/number.png) no-repeat;height:50px; margin-bottom:20px;}
.tit#step2{ background-position:0 -60px;}
.tit#step3{ background-position:0 -120px;}
.tit#step4{ background-position:0 -180px;}
.tit#step5{ background-position:0 -240px;}
.tit#step6{ background-position:0 -300px;}


.article2 h3{ float:right; color:#fff; font-weight:normal; text-align:left;   width:397px; height:40px; padding:5px 10px; background:#a82a68;}
.article2 .txt{ text-align:left; margin-bottom:15px;}
.article2 .txt strong{ font-weight:normal; color:#09F}


/* 图片列表1 */
.piclist1{ width:820px; }
.piclist1 li{ float:left;width:250px; height:210px; margin:0 12px 20px 0; border:1px solid #eee; text-align:center;background:#f0f0f0; overflow:hidden; display:inline; position:relative}
.piclist1 li:hover{ background:#DBEEF2}
.piclist1 li img{width:250px; height:148px;}
.piclist1 li H2{ font-weight:normal; font-size:12px; position:absolute; top:155px; left:10px;}
.piclist1 li H2 a:hover{ color:#900; text-decoration:none}
.piclist1 li .price{ color:#900; font-size:12px; position:absolute; top:175px; left:10px;}
.piclist1 a.btn{position:absolute; top:180px; right:10px; width:101px; height:21px; background:url(images/btn_order.gif) no-repeat;}





/* 尾部 */
.footer_area{ width:100%; height:365px; background:url(images/footer_back.gif) repeat-x 0 -70px;}
#footer {width:930px; height:365px; padding:0px 30px; background:url(images/footer.png) no-repeat center -70px; margin:0 auto;} 
#footer a{ color:#fff; }
#footer .list1 li a{ color:#fff; }
#footer a:hover,#footer .list1 li a:hover{ color:#FC0; text-decoration:none}

#footer .content{ height:335px; position:relative; text-align:left; color:#fff;text-shadow:#000 0px -1px 1px;}
.copyright{ text-align:center; color:#3d8ae9;text-shadow:#000 1px 1px 1px;}
#footer .content .about{ position:absolute; top:35px; left:53px; width:290px;}
#footer .content .document{ position:absolute; top:35px; left:370px; width:290px;}
#footer .content .contact{ position:absolute; top:35px; left:702px; width:240px;}

#footer h2{ color:#ffc600; font-size:20px; text-shadow:#333 0px -2px 1px; text-align:left; margin-bottom:10px;}
#footer li,#footer .txt{ line-height:220% ;color:#fff;}

body#home #footer {background:url(images/footer.png) no-repeat center top green ; padding-top:70px;} 
body#home .footer_area{ background:url(images/footer_back.gif) repeat-x 0 0px red; height:445px;}



.layout_show{ width: 890px; padding:30px 50px; margin:0 auto; background:url(images/m_back.png) repeat-x left top; }
.layout_show .layout_main{ width:710px;  float:left; overflow:hidden;}
.layout_show .layout_right{ width:230px; float:right;}

.layout_show .article{ border:none; width:890px;  overflow:hidden; }
.layout_show .article_tit #bdshare{ float:right }
.layout_show .article_tit h3{ font-size:24px; color:#d41a70; font-weight:normal}


.subnav{ width:125px; height:370px; padding:10px 20px; background:url(images/subnav.png) no-repeat; text-align:left}
.subnav .title{ text-align:left; color:#73e6ff; font-size:26px; line-height:30px; margin-bottom:30px; font-family:微软雅黑}

.subnav .content{}
.subnav .content a{  color:#fff; display:block; margin-bottom:6px;}
.subnav a:hover{ color:#F60; text-decoration:none}
.subnav a.active{ color:#ff7800; }
.subnav hr{ clear:both; border:none; border-bottom:1px dotted #ccc; margin:5px 0; height:1px;}


.subnav ul ul{ padding:5px 0 0 10px;}
.subnav li li{ border:none; font-weight:normal; line-height:24px; padding:0 }
.subnav li li a{  color:#555; font-weight:normal; font-size:12px; background:none; padding-left:7px;}

/* 页内文字列表 */
#news .list_m{ width:705px;}
.list_m li { text-align:left;background:url(images/dot1.gif) no-repeat 0px 14px; line-height:2.4em; padding-left:10px; border-bottom:1px solid #ddd; position:relative; font-size:14px;}
.list_m li a{ display:block; width:580px; text-overflow:ellipsis;overflow:hidden; white-space:nowrap; }
.list_m li span{position:absolute; right:0px; top:0; color:#999; }


.m_title{ height:47px; line-height:47px; padding:0 0px; border-bottom:1px dotted #ccc; margin-bottom:10px; text-align:left}
.m_title h1{ font-size:24px; font-weight:normal;color:#d41a70;}



.list2 li{text-align:left; line-height:170%; background:url(images/icon_tv.gif) no-repeat left 4px; padding:0 0 0 18px; }

.list3 li{text-align:left; line-height:170%; background:url(images/dot3.gif) no-repeat left 7px; padding:0 0 0 10px; }

/* 内容显示页 */
.endContent h1{ font-size:20px;font-weight:normal; color:#12347a; text-align:center; padding-bottom:10px }
.endContent span.info{ display:block; color:#666; text-align:center}
.endContent hr{ height:2px; background:#ccc; border:none; margin-bottom:20px;}

#endText{ padding:10px 0; text-align:left}
#endText p,#endText>div{
	font-size:14px;margin-bottom:1em; line-height:180%
}
#endText p a{font-size:14px; color:#C93636; text-decoration:underline;}
#endText h1{ font-size:30px; line-height:120%; margin-bottom:20px; font-family:宋体}
#endText h2{ font-size:18px; line-height:160%; margin:10px 0 5px; }
#endText h3{ text-align:left; font-size:16px; color:#930;margin:10px 0 5px;}

#endText strong{ font-weight:normal; color:#407ab6}


/* 内容显示页 */
.show_title{ height:45px; border-bottom:1px solid #fff; text-align:center; margin-bottom:10px; padding:10px 20px 10px 20px;}
.show_title h1{ font-size:18px; text-align:center; margin-bottom:5px; }
.show_title span{ color:#666;}
.show_pic{ text-align:center; padding:10px 0}








/* 标准表单共性定义 */
fieldset{ text-align:left; padding:0px; margin:0px auto; border:none}
legend{margin-bottom:10px; font-size:14px}
fieldset li{ width:100%;padding:5px 0; text-align:left; }
fieldset label{ float:left;width:60px; padding-right:0.2em;  margin-top:0px}
fieldset input,fieldset select,fieldset textarea{ margin:0em 0 0 0px; background-color:#fff; border:1px solid #ccc; }




/* 翻页 */
.page_area{ width:520px; margin:10px auto; padding:20px 0 0 0; height:30px;}
.page_block {float:left; padding:2px}
.page_jump{ float:right; padding:2px}
.page_block A,.page_block span{border:1px solid #ddd; padding:4px 5px; margin:0 2px; color: #000; TEXT-DECORATION: none}


.page_block A:hover {	BORDER: #F30 1px solid; COLOR: #666; }

.page_block span.active {
	BORDER: #333 1px solid;FONT-WEIGHT: bold; COLOR: #fff;  BACKGROUND-COLOR: #333
}

.page_block span.disabled {
	BORDER: #eee 1px solid; COLOR: #ddd; }
	
/* 记事列表 */
.article{ text-align:left; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #06F; color:#333}
.article_tit{ margin-bottom:20px; padding:0 0 10px 0; border-bottom:1px dotted #ccc;}
.article_tit h3,.article_tit h3 a{ font-size:24px; color:#06F}
.article_tit i{ font-style:normal; color:#09F}
a.link_to{ font-size:14px;color:#09F; margin:10px 0 0 0}

/*长表格*/
table{ border-collapse:collapse; width:100%;}
.mtable td,.mtable th{border-bottom:1px solid #eee; color:#666;text-align:left;padding:9px 10px 9px 5px;}
.mtable th{ color:#fff;background:#9e2648; white-space:nowrap}
.mtable th.side{ background:#C93636; text-align:right}
.mtable th.date{ width:80px;}
.mtable a{color:#C30 }
.mtable a:hover{color:#990000; text-decoration:underline}
.rth td{ font-size:20px; color:#930; border-top:5px solid #9e2648; }
.mtable tr:hover{ background:#eee}
td.p_name{ width:20em;}

/*报价表格*/
.mtable2{ margin-bottom:20px;}

.mtable2 td,.mtable2 th{border:1px solid #fff; color:#666;text-align:left;padding:9px 10px 9px 10px;}
.mtable2 th{ color:#fff;background:#9e2648; white-space:nowrap}
.mtable2 h2{ font-size:20px; color:#FF3; font-weight:normal;}
.mtable2 th.side{ background:#C93636; text-align:right}
.mtable2 a{color:#C30; text-decoration:underline }
.mtable2 a:hover{color:#990000; text-decoration:underline}
.rth td{ font-size:20px; color:#930; border-top:5px solid #9e2648; }
.mtable2 tr:hover{ background:#eee}
td.p_name{ width:20em;}