@charset "utf-8";
/*
 +------------------------------------------------------------------------------
 * css reset
 +------------------------------------------------------------------------------
 */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
	font-style: normal;
	/*font-weight: normal;*/
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {
	font-size: 100%;
}
input, button, textarea, select {
	*font-size: 100%; vertical-align:middle;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}
:link, :visited , ins {
	text-decoration: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
section,article,aside,header,footer,nav,dialog,figure{display:block;}

/*
 +------------------------------------------------------------------------------
 * some fix
 +------------------------------------------------------------------------------
 */
 
 /* fix clearfix */
 .clearfix:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */
 
 /* ie6 fixed */
.fixed{
	position:fixed; clip:rect(0 100% 100% 0); _position:absolute;	
	/* left bottom */
	bottom:0px; left:0px; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
	
	/* left top */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}
*html{ background-image:url(about:blank); background-attachment:fixed;/* ie bg bug */}

/* png fix 
.pngfix{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/x.png');}
*/
/* bg gradient 
.gradient{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#dedede);
    background: -moz-linear-gradient(top, #ffffff, #dedede);}*/
 

/*
 +------------------------------------------------------------------------------
 * common css
 +------------------------------------------------------------------------------
 */
.fl{ float: left;} 
.fr{ float: right;} 
.show{ display:block; visibility:visible;}
.hide{ display: none; visibility:hidden;}
.block{ display:block;} 
.inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 
.break{ word-wrap:break-word;overflow:hidden; }
.nobreak{white-space:nowrap;overflow:hidden;}
.tl{ text-align:left} 
.tr{ text-align:right;}
.tc{ text-align:center;}

a{color:#666;}
a:hover{color:#200e77;}
textarea{resize:none;overflow:auto;}



/* * */
body{background:#fff;color:#555;}
body, button, input, select, textarea {/*font: 12px/1.5 arial,"\5FAE\8F6F\96C5\9ED1","\5b8b\4f53";*/font: 12px/1.5 arial,"宋体","\5b8b\4f53";}
button, input, select, textarea{color:#555;}
body,html{ overflow-x:hidden;}

.headerWrap{height:83px; background:url(../images/headBg.jpg) repeat-x;}
.top,.header,.footer,.indexMain,.bannerPic,.main{width:980px; margin:0 auto;}
.top{height:23px; line-height:23px; width:1000px; text-align:right;}
.top a{ margin:0 10px;}
.header{ height:60px; margin:0 auto;*zoom:1;width:980px;}
.header .logo{ float:left; margin-top:10px; padding-left:30px;}
.header .nav{ float:right;}
.header .nav ul li{ float:left;width:88px; background:url(../images/navSplit.jpg) no-repeat right top; padding:8px 1px 0 0;}
.header .nav ul li a{ display:block; height:52px; line-height:52px; text-align:center; font-size:14px; font-weight:bold;}
.header .nav ul li.active a{ background:url(../images/navBg.jpg) repeat-x left bottom;}

.slideWrap{ clear:both; height:492px; overflow:hidden;}
.banner{ z-index:0;width:1600px; left:50%; margin-left:-800px; position:relative;}
.banner a{ display:block;width:100%;height:492px; text-align:center; }
.bn_nav_wrap{width:980px; margin:0 auto; position:relative; z-index:98;}
.bn_nav_wrap .bn_nav{width:980px; position:absolute; top:-50px; z-index:99; text-align:center;}
.bn_nav_wrap .bn_nav a{ display:inline-block;*display:inline;*zoom:1; width:20px; text-align:center; height:20px; line-height:20px; color:#000; background:#F3F3F3; margin-right:10px;}
.bn_nav_wrap .bn_nav a.activeSlide{ color:#fff; background:#006;}

.indexMain{ overflow:hidden; margin:15px auto;}
.indexMain .box{width:300px; float:left; }
.indexMain .box .hd{ overflow:hidden; height:24px; line-height:24px; border-bottom:1px dotted #999; margin-bottom:10px;}
.indexMain .box .hd h2{ float:left; font-size:14px; font-weight:bold;}
.indexMain .box .hd a{ float:right; margin-top:7px;}
.indexMain .box .bd{ height:84px;}

.indexMain .proBox{margin-right:30px;}
.indexMain .proBox .bd{ height:84px; overflow:hidden;}
.imageFlow{width:300px; height:84px; position:relative;top: -32px;}
.imageFlow img{ position:absolute; }
.indexMain .soluBox{width:320px; }
.indexMain .soluBox .hd{ margin-bottom:15px;}
.indexMain .soluBox .bd{ position:relative;}
.slider{ position:relative;width:260px; overflow:hidden; margin:0 auto;}
.slider ul{ display:block;height:70px; overflow:hidden;}
.slider ul li{  float:left; width:90px; height:70px;}
.slider ul li img{border:1px solid #404040;}
#goL{ display:block; position:absolute; background:url(../images/btn_left.jpg) no-repeat left center; height:70px;width:16px; left:0; top:0;}
#goR{ display:block; position:absolute; background:url(../images/btn_right.jpg) no-repeat right center;height:70px;width:16px; right:0; top:0;}

.indexMain .newsBox{ float:right;}
.newsBox .bd ul li{ text-align:left; background:url(../images/dot.jpg) no-repeat left center; padding-left:10px; line-height:20px;}
.newsBox .bd ul li a span{ float:right;}

.footerWrap{background:#efefef;}
.footer{ padding:20px 0 10px; text-align:center;position:relative;}
.footer .lzicon{position:absolute;top:5px;right:0;}

.bannerPic{ text-align:center; margin-bottom:22px;}
.main{ margin-bottom:70px;overflow:hidden;}

.aside{width:220px;float:left;}
.menu{margin-bottom:66px;}
.menu dt{ height:30px; line-height:30px; padding-left:22px; font-size:14px; color:#fff;background:url(../images/sideHdBg.jpg) no-repeat;margin-bottom:5px;}
.menu dd{ height:29px; line-height:29px;background:url(../images/line_dot.jpg) repeat-x left bottom;padding-left:20px;}
.menu dd a{display:block;background:url(../images/right_g.jpg) no-repeat left center;padding-left:10px;}
.menu dd.active{background:url(../images/line_dot.jpg) repeat-x left bottom #dbe7ff;}
.menu dd.active a{ font-weight:bold;color:#200e77;background:url(../images/right_b.jpg) no-repeat left center;}

.contactWrap{background:url(../images/c_bg.jpg) repeat-y;}
.contactWrap .contact{background:url(../images/c_top.jpg) no-repeat;}
.contactWrap .contact .hd{font-size:14px;font-weight:bold;color:#200e77;padding:18px 0 10px 18px;}
.contactWrap .contact .bd{padding:0 18px 18px;}
.contactWrap .contact .bt{background:url(../images/c_bt.jpg) no-repeat left bottom;height:6px; font-size:6px; line-height:6px;}
.content{width:730px; float:right;}

.pageTit{overflow:hidden;height:30px;line-height:30px;background:url(../images/line_dot.jpg) repeat-x left bottom;margin-bottom:20px;}
.pageTit h2{float:left;font-weight:bold;color:#200e77;font-size:14px;}
.pageTit .local{float:right;}

.about{line-height:22px;font-family: arial;}
.about p{ margin-bottom:10px;font-family: arial;}


.newsList{ padding:0 10px; margin-bottom:40px;}
.newsList ul li{ line-height:40px; background:url(../images/line_dot.jpg) repeat-x left bottom;}
.newsList ul li span{ float:right; color:#999;}
.newsList ul li a{ background:url(../images/arr_r.gif) no-repeat left center; padding-left:20px;}
.pager{ text-align:center; line-height:24px; margin-top:10px;}
.pager a{ margin:0 5px; padding:3px 5px; background:#CCC;-webkit-border-radius: 4px;border-radius: 4px;}
.pager a.cur{ background:#F5F5F5;}

.con_news .info{ background:#f4f2f3; height:24px; line-height:24px; text-align:center;}
.con_news .title{ font-size:16px; font-weight:bold; text-align:center; line-height:18px; margin-bottom:10px;}
.con_news .info span{ margin:0 10px;}
.con_news .con{ margin:20px 0 30px; line-height:22px; min-height:500px;}
.con_news .con p{ margin-bottom:10px;}
.shareBox{ background:#ddd; height:34px;  padding:0 10px;}
.shareBox .print{ float:right;line-height:34px;}
.shareBox .print a{ display:block; float:left; padding-left:20px; margin-right:10px;}
.shareBox .print .pt{ background:url(../images/icon_print.gif) no-repeat left center;}
.shareBox .print .mail{ background:url(../images/icon_mail.gif) no-repeat left center;}
.shareBox .share{ float:left; margin-top:4px;}

.down{ background:url(../images/icon_down.gif) no-repeat left center; height:16px; line-height:16px; padding-left:20px; margin-bottom:10px;}
.down a{ text-decoration:underline;}

.proList{}
.proList ul{ margin-bottom:30px;}
.proList ul li{width:200px; height:224px; float:left; padding:20px 20px 10px; text-align:center;}
.proList ul li a{ display:block;}
.proList ul li a span{ display:block; line-height:24px;}
.proList ul li a img{ vertical-align:top;}
.proList ul li img{width:200px; height:200px;-webkit-border-radius: 8px;border-radius: 8px;}
.proList ul li:hover img{-webkit-border-radius: 0px;border-radius: 0px;}

.proPic{ margin:20px auto 30px; text-align:center;}
.proPic img{max-width:500px;}
.proInfo{ padding-bottom:20px;}
.proInfo .hd{background:#F2F2F2; border-bottom:1px solid #666; color:#666; font-weight:bold; font-size:14px; padding:0 10px;}
.proInfo .bd{line-height:22px; padding:10px;}
.proInfo .bd p{margin-bottom:10px;}
.proInfo .bd table{width:95%;margin:5px auto; border-collapse:collapse;border:1px solid #aaa;}
.proInfo .bd table td{padding-left:5px;border:1px solid #aaa;}
.proInfo .bd table td p{padding:0;margin:0;}
.proInfo table{width:95%;margin:5px auto; border-collapse:collapse;border:1px solid #aaa;}
.proInfo table td{padding:3px 0 3px 5px;border:1px solid #aaa;}
.proInfo table td p{padding:0;margin:0;}

.caseList{}
.caseList ul{ margin-bottom:30px;}
.caseList ul li{ float:left;text-align:center; margin:0 1px 1px 0;}
.caseList ul li a{width:240px; height:240px; display:block; position:relative;}
.caseList ul li a span{ display:none; line-height:24px; position:absolute; bottom:0; left:0;text-align:center;width:220px; padding:10px; background:#fff;}
.caseList ul li a img{width:240px; height:240px; vertical-align:top;}


.contactMain{width:980px; height:550px; position:relative;}
.contactMain .info{ background:#F0F0F0; position:absolute; bottom:0; left:0; padding:20px;width:940px;}

.serviceInfo{ float:left;width:200px; margin-top:200px; background:#efefef; padding:10px;}
.feedback { width:660px;background: url(../images/c9-1.jpg) no-repeat 0 0;line-height: 23px;padding:200px 0 0 75px; float:right;}
.feedback table { margin: 0 0 0 18px; display: block; height: 450px; }
.feedback td { padding: 8px; }
.feedback th { font-size:14px;font-weight:bold;color:#000;}
.feedback table tr td textarea{border:none; width:500px; height:120px; overflow:hidden;background:#e0e0e0;}
.feedback td .input1 {background:#e0e0e0;height:24px;padding:1px 0 0 1px;line-height:22px;border:0; }
.feedback-ext {background:url(/images/contact/c10.jpg) no-repeat 0 0;height:48px; }
.messageBtn { background:#999;width:72px;height:18px;color:#fff;font-weight:bold;border:none;}

.join{ background:url(../images/team.jpg) no-repeat 100px 50px; padding:100px 0 0 450px;min-height:500px;_height:500px;}
/* 3.22添加 */
.proTab{ background:url(../images/tab_menu.jpg) repeat-x left bottom; padding-left:20px;}
.proTab ul{}
.proTab ul li{float:left; background:url(../images/prod_bot_def.jpg) no-repeat;width:138px; text-align:center; height:30px; line-height:30px; cursor:pointer; color:#929292; font-weight:bold; margin-right:4px;}
.proTab ul li.active{ background:url(../images/prod_bot_cur.jpg) no-repeat; color:#333;}

.probox{min-height:550px;}
.proInfo{ padding:20px; display:none}
.proInfo p{ line-height:20px; margin-bottom:10px;}