﻿@charset "utf-8";
/* CSS Document */

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
HTML,body { padding:0px; margin:0px; font-size:12px;  font-family :"微软雅黑";font-family: Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/bg-wide.jpg) repeat-x;
	height: 100%;}
ul,li { padding:0px; margin:0px; list-style:none;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
img { border:none;}
.blank { height:10px; clear:both;}
.blank1 { height:2px; clear:both;}
.clear { clear:both; }
.p10 { padding:10px;}
.fl{ float:left;}
.fr{ float:right;}

.f18{ font-size: 18px; font-weight:bold;}
.fb { font-weight: bold;}
.fc { text-align: center}
.f860c0d{ color: #860c0d}
.f156a80 { color: #156a80}
.fCC0000{
	color: #CC0000;
}
.ffffff{
	color: #ffffff;
}

#header
{
	width: 1000px;
	height: 215px;
	margin: 0 auto;
}
#logo
{
	position: absolute;
	margin-top: 33px;
	width: 163px;
	height: 67px;
}
#yy
{
	margin-top: 70px;
	margin-bottom:10px;

}
#search
{
	position: absolute;
	width: 550px;
	margin-left: 175px;
	margin-top: 60px;
		color:#FFF;
	font-size:23px;
}
#search-field
{
	width: 468px;
	height: 19px;
	background: url(../images/search-field.png) no-repeat;
	font-size: 18px;
	color: #FFFFFF;
	border: none;
	padding-left: 14px;
	padding-right: 14px;
	font-weight: lighter;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 11px;
	padding-bottom: 11px;
}
#search-button
{
	width: 31px;
	height: 41px;
	background: url(../images/search-button.png) no-repeat;
	border: none;
	cursor: pointer;
	position: absolute;
}
#total-summary
{
	position: absolute;
	width: 250px;
	margin-left: 760px;

	text-align: right;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: -1px;
}
#menu
{
	width: 1000px;
	height: 45px;
	margin-top: 166px;
	position: absolute;
}
#menu UL
{
	list-style: none;
	display: inline-block;
}
#menu UL LI
{
	width:120px;
	height: 32px;
	font-size: 17px;
	padding-top: 14px;
	background: url(../images/v-line.png) no-repeat right;
	float: left;
	text-align:center;
}
#menu UL LI.active
{
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: -1px;
	background: #A8BEC1;
}
#menu UL LI A:link, #menu UL LI A:visited
{
	color: #A8BEC1;
	font-weight: lighter;
	letter-spacing: -1px;
}
#menu UL LI A:hover
{
	color: #FFFFFF;
}

.border { background:#fff;  border:1px solid #eee;}
.position { line-height: 200%; color:#FFF} 
.position a{ line-height: 200%; color:#FFF} 
.h_line { border-bottom:3px solid #0066cc;}
.t_wrap { }
.top { width:1000px; margin:0 auto; height:110px;}
.top .logo { float:left; margin-right: 50px; margin-top:10px;}

.box_shadow { box-shadow: 5px 5px 15px  #000;}
.top .contact { float:right; font-family :"微软雅黑"; font-size:16px; padding-top:10px;}
.top .contact .tel { height:40px; padding-left:50px; margin-top:20px; background:url(../images/tel_icon.png) no-repeat;  font-size:30px; font-family:impact}


.body_bg { }
.nav_wrap { width: 1000px; margin: 0 auto; }

.nav { float: left;width:740px; height:40px; line-height:40px;z-index:2 ; background:#434343; }  
.nav li { float:left; width:100px; padding-left:2px; font-size:16px;  position:relative; }
.nav li a { display:block; text-align:center;color:#fff; text-decoration:none; font-family:"微软雅黑"; }
.nav li a:hover { background:#363636; color:#fff }
.nav_ws { width:1000px; margin:0 auto;}

.nav_shadow { }

.nav_sub { font-size:14px; margin-top:-2px; background:url(../images/nav_bg2.jpg) repeat-x; height:50px; z-index:1;}
.sub { position:absolute; display:none; width:100%;  z-index:100; background:#fff; font-size:14px;  }
.sub a { display:block; color:#006fc3 !important; line-height:30px !important;}
.sub a:hover { color:#fff!important; background:#539ede !important; }
.sub span { display:block; width:11px; height:6px; position:absolute; background:url(../images/arrow.png) no-repeat; left:40px; top:-6px;}
.sub i { display:block; border-bottom:1px solid #539ede}


.so { width: 250px; float: right}
.so .key { width: 180px; height: 38px; float: left;  display: block;  border: 1px solid #ccc;  background: #eee;}
.so .btn { width: 60px;  height: 40px; float: left; display: block;    background: #202A2C; border: none; color: #fff; font-weight: bold; cursor:pointer;}

.lh200 {line-height:200%; font-family: Arial, Helvetica, sans-serif;}

.hei{color:#000;}
.bai{color:#FFF;}

.main {width:1200px; margin:0 auto; margin-top:15px; }
.left { float:left; width:250px; }
.right { float:right; width:730px;}
.grey_bg{}

.table1{ border: 0px solid #ccc; border-spacing: 0px; border-collapse:  collapse; width: 100% }
.table1 td{ border: 0px solid #ccc;border-collapse: 1px; padding: 3px; line-height:50px;margin-left:5px;}
.table1 tr{ border-bottom: 1px solid #607D8B; }
.table1 a{ color:#595757; font-size:16px;}

.table2{ border: 0px solid #ccc; border-spacing: 0px; border-collapse:  collapse; width: 100% }
.table2 td{ border: 0px solid #ccc;border-collapse: 1px; padding: 3px; line-height:30px;margin-left:5px;}
.table2 tr{ border-bottom: 1px solid #607D8B; }
.table2 a{ color:#595757; font-size:16px;}

.table3{ border: 0px solid #ccc; border-spacing: 0px; border-collapse:  collapse; width: 100% }
.table3 td{ border: 0px solid #ccc;border-collapse: 1px; padding: 3px; line-height:60px;margin-left:5px;}
.table3 tr{ border-bottom: 1px solid #607D8B; }
.table3 a{ color:#fff;}

.category a { display: block;  margin-bottom: 20px; box-shadow: 0 0 0px #000; height: 35px; line-height: 35px; color: #A8BEC1; text-align: left; font-weight: bold; border-bottom: 1px solid #5A777D; width:170px; margin:0px auto; padding-left:50px;}

.tit { padding:0px 0px; height:50px; font-family:"微软雅黑";  background:url(../images/tit_bg.png) repeat-x;}

.tit .tl { float:left;  font-size:18px;padding-left:10px; padding-right:10px; line-height:50px; color:#fff}
.tit .tc {  font-size:15px; font-weight:bold;line-height:36px;background:url(../images/ic1.png) no-repeat 10px center; color:#cc0000; text-align: center ; width:100% ; display:block;}
.tl2 { float:left;  font-size:18px; font-weight:bold; padding-left:10px; padding-right:10px; line-height:50px; color:#fff}
.tit .tr { float:right; padding-right:10px; line-height:36px;color:#666}

.li1 li {    height:28px; overflow:hidden; line-height: 24px; border-bottom: 1px solid #5A777D; }
.li1  span{ float:right; line-height:28px; color:#999}

.li1 a { font-size:12px; color:#A8BEC1; line-height:200%; text-decoration:none; font-weight: bold;}
.li1 a:hover{ text-decoration: underline;}

.zx { color:#666; line-height:22px;}

.msyh h3{ line-height:40px; text-align:center; }
.msyh .bt a  { width:100px; height:30px; line-height:30px; display:inline-block; text-align:center; margin:4px;}
.msyh .bt .bt1 { background:url(../images/bt_bg1.png); color:#fff;}
.msyh .bt .bt2 { background:url(../images/bt_bg2.png); color:#c00000;}

.table .ls  { float:left; background: #fff; border-right:1px solid #eee;border-left:1px solid #eee; border-bottom:1px solid #eee; margin-left:-1px; width:94px; height:30px; text-align:center; line-height:30px;}
.table .rs  { float:left; width:90px; text-align:center;  height:30px;line-height:30px; border-bottom:1px solid #eee;}
.li2 li { float:left; padding:5px; line-height:18px; width:220px; color:#666;}
.li2_bg { background:#e4f8ff;height:30px;}
.li2_m { padding:5px 0px; text-align:right;}
.li2 a { color:#0066cc; font-weight:bold; }
.li3 { line-height:150%; color:#666;}
.li3 li { border-bottom:1px dashed #ccc;}
.li3 a { color:#0066cc; font-size:22px; font-family:"微软雅黑";line-height:150%;}
.li3 span { color:#999;}



.li4 li{ float:left; width:255px; margin-right:20px; text-align:center; }
.li4 img { box-shadow: 0 0 5px #000;width:255px; height:200px; }

.li4 a { display:block; color:#595757; font-size:14px; text-align:center; line-height:30px;}
.li4 li div { background:url(../images/img_bg.png) no-repeat center 0;}




.li6 li{ float:left; width:192px;  text-align:center; }
.li6 img { border:1px solid #ccc; padding:1px; width:180px; height:120px; }

.li6 a { display:block; color:#666; font-size:14px; text-align:center; line-height:30px;}
.li6 li div { background:url(../images/img_bg.png) no-repeat center 0;}



.li7 li{ float:left; width:200px; padding:10px; text-align:center; }
.li7 img { border:2px solid #005308; width:200px; height:220px; }

.li7 a { display:block; color:#fff; font-size:14px; text-align:center; line-height:30px;}
.li7 li div { background:url(../images/img_bg.png) no-repeat center 0;}



.li5 li { padding-left:40px; line-height:30px;  background:url(../images/icon-news.png) no-repeat 10px center; border-bottom:1px dashed #ccc; }
.li5 a { font-size:14px;   color:#595757; line-height:24px;}
.li5  span{ float:right; line-height:28px; color:#000000;font-size:12px; }


.li8 li { width: 156px; height: 160px; float: left; margin: 0 0px; text-align: center; }
.li8 li a{color: #666;}
.li8 li a:hover{color: #f00;}

.li8 img {padding: 1px; border: 1px solid #ddd; width: 140px; height: 110px;}


.li9 li { float:left; margin:0 9px 10px 0;}

.con .title { font-size:18px; font-family:"微软雅黑"; color:#0072cf; text-align:center; line-height:200%; }

.con .time { border-bottom:1px solid #ccc; color:#999; padding-top:20px; padding-bottom:10px;}
.con .content { padding:10px; line-height:200%; color:#666;}
.link a { display:inline-block; padding:10px; color:#666; }
.link_tit div{ border-right:1px solid #eee;}
.fb { background:#fff !important;}

.foot {  color:#fff; line-height:30px;}


.footer { position: relative; width:1000px;   margin:0px auto 0  auto; text-align: center; color: #666;background: #e6e6e6  } 
.foot_copy { padding:10px;}
.foot_copy a{ color:#666;}

/* 默认幻灯片 */
.focus { width:1000px; margin:0px auto; padding:0px 0px; position:relative;overflow: hidden; }
.FocusPic{zoom:1;width:1000px; margin:0 auto;   }
.FocusPic .content{overflow:hidden}
.FocusPic .changeDiv { text-align:center	}
.FocusPic .changeDiv a{position:absolute;top:0px;left:0px;display:none; }
.FocusPic .title-bg,.FocusPic .title{position:absolute;left:0px;bottom:0;width:434px;height:30px;line-height:30px;overflow:hidden ; display:none;}
.FocusPic .title-bg{/*background:#FFF;*/filter:alpha(opacity=50);opacity:0.5;}
.FocusPic .title a{display:block;padding-left:15px;color:#f09; font-size:16px; font-weight:bold;filter:alpha(opacity=70);opacity:0.7;}
.FocusPic .change{bottom:4px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:center;z-index:9999 ; width:100%}
.FocusPic .change i {background:#fff; font-size:0;color:#FFF;cursor:pointer;font-family:Arial;font-size:0px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:8px; width:8px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;filter:alpha(opacity=70);opacity:0.7;}
.FocusPic .change i.cur {background:#fff;filter:alpha(opacity=100);opacity:1;}
.FocusPic .prev { position: absolute;filter:alpha(opacity=70);opacity:0.7; left: 10px;  top:80px;width:45px; height:100px; position:absolute; z-index: 10; background:url(../images/btn.png) no-repeat left top; cursor:pointer;}
.FocusPic .next {position: absolute;filter:alpha(opacity=70);opacity:0.7; right: 10px; top:80px; width:45px; height:100px; position:absolute; z-index: 10; background:url(../images/btn.png) no-repeat right top; cursor:pointer;}



.FocusPic2{zoom:1;position:relative; overflow:hidden}
.FocusPic2 .content{overflow:hidden}
.FocusPic2 .changeDiv a{position:absolute;top:0px;left:0px;display:none;}
.FocusPic2 .title-bg,.FocusPic2 .title{position:absolute;left:0px;bottom:0;width:300px;height:30px;line-height:30px;overflow:hidden; display:none;}
.FocusPic2 .title-bg{background:#000;filter:alpha(opacity=50);opacity:0.5;}
.FocusPic2 .title a{display:block;padding-left:15px;color:#fff; font-size:16px; font-weight:bold;filter:alpha(opacity=70);opacity:0.7;}
.FocusPic2 .change{bottom:4px;height:10px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999;}
.FocusPic2 .change i {background:#fff;color:#FFF;cursor:pointer;font-family:Arial;font-size:0px;margin-right:2px;padding:0px 5px; font-style:normal; height:10px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
.FocusPic2 .change i.cur {background:#017cda;}


/* 默认幻灯片 */

.pages { padding-top:10px; height:40px; text-align:center;color:#00AFEC;}
.pages a { color:#fff;  background:#E25318;margin:4px; padding:2px 10px 2px 10px;}
.pages a:hover { background:#0072cf; color:#FFF; font-weight:normal; }


/*设计师滚动*/
 
/*设计师滚动*/
.scrollable_demo {}
.scrollable_demo a  { width: 225px; float: left; display: block; text-align: center; line-height: 30px; }
.scrollable_demo  a { color: #333;}
.scrollable_demo    a:hover { color: #f00;}
.scrollable_demo   img{width: 190px; height:140px; border: 1px solid #ccc; padding: 1px;}
.prev {position: absolute; top: 60px; left: 10px;}
.next {position: absolute; top: 60px; right: 10px;}


/*我们的优势*/
.youshi { height:120px; padding:20px; }
.youshi  .txt { padding-left:120px; background:url(../images/ys.png) no-repeat; font-family:"宋体"; color:#686866; line-height:24px;}
.youshi .txt h2{ font-size:14px; color:#1774ad;}


.tese { height:120px; padding:20px; }
.tese  .txt { padding-right:120px; background:url(../images/fwts.png) no-repeat right; font-family:"宋体"; color:#686866; line-height:24px;}
.tese .txt h2{ font-size:14px; color:#1774ad;}

/*产品导航 */
.product_nav {border-bottom:1px solid #eee;   font-size:16px; font-weight:bold; padding-left:30px; line-height: 36px; height: 36px; overflow: hidden; background: url(../images/product_nav_bg.png) no-repeat 10px center #0072cf; color: #fff;  }

.category div { background: url(../images/cat_bg.png) no-repeat 15px center ; padding-left:30px; font-size:14px;  height:34px; line-height:34px; color:#0072cf; margin:10px 0px;  font-weight:bold; cursor:pointer; }
.category ul { display:none; height:230px; display:none;}
.category  li { height:28px; line-height:28px; border-bottom:1px dashed #eee; }
.category  li a { display:block; color:#666;padding-left:40px; background:url(../images/ar_sub.png) no-repeat 30px center;}
.category  li a:hover { color:#fff; background:url(../images/ar_sub_on.png) no-repeat 30px center #0072cf; text-decoration:none;}
.category .on a { color:#fff; background:url(../images/ar_sub_on.png) no-repeat 30px center #0072cf; text-decoration:none;}

.category_select { background: url(../images/cat_bg_on.png) no-repeat 15px center !important; color:#fff!important}


/*客服*/
#service{margin-top:-200px;position:fixed; _position:absolute;right:0;top:50%;width:32px;height:400px;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
#tip{ position: absolute; cursor: pointer; width: 32px; height: 130px; margin-top: 100px;}

.tip1 { background: url(../images/tip.png) no-repeat -32px 0px;}
.tip2 { background: url(../images/tip.png) no-repeat 0px 0px;}

#tip_cnt { width: 130px; position: absolute; left: 32px; }
.tip_t {background: url(../images/tip_bg_t.png) no-repeat; padding-top: 10px;}
.tip_m {background: url(../images/tip_bg_m.png)  repeat-y; padding: 0 10px;  }
.tip_b {background: url(../images/tip_bg_b.png) no-repeat bottom; padding-bottom: 10px;}
.tip_main { background: #fff; text-align: center; line-height: 200%; color: #00a0e9;}
.tip_tit { color: #fff; font-size: 16px; text-align: center; padding-bottom: 10px;}

#footer
{
	width: 100%;
	background: url(../images/footer-bg.png) repeat-x;
	height: 188px;
	clear: both;
	margin-top: 30px;
	color:#FFF;
	line-height:23px;
}
#footer a
{
	color:#A8BEC1;
}
#footer-wrap
{
	width: 811px;
	height: 128px;
	margin: 0 auto;
	padding-right: 150px;
	padding-top: 50px;
/*text-align:right;*/
}
#footer-wrap P
{
	text-align: right;
}
#footer-logo
{
	width: 166px;
	height: 70px;
	position: absolute;
	margin-top: -7px;
	margin-left: 834px;
}
.spacer
{
	margin-left: 10px;
	margin-right: 10px;
}
.lf10
{
padding-left:10px;
}
.ct a ,.ct{
	color:#FFF;
}
.p3110 {
	color:#FFF;
}
.p3110 a{
	color:#FFF;
}