body {margin: 0px; font-family: Arial, Helvetica, sans-serif; line-height:27px;  font-size:12px; background:#f5f5f5 URL(../images/bg.jpg) left top repeat-x; font-family:"microsoft YaHei"; }
ul{list-style-type:none; margin:0px; padding:0;}
img{border:0;}
a{ text-decoration:none; color:#333;}


/* index style start */
.index{ clear:both; display:block; width:960px; margin:0px auto; }
.topText{ clear:both; height:33px; line-height:33px; color:#FFF; position:relative;}
.timeNow{ float:left; width:320px;}
.search{ width:210px; position:absolute; right:130px; top:0px;}
.search div{ float:left;}
.searchInput input{ border:none; background:#FFF; height:20px; margin-top:5px;}
.searchBtn input{ width:36px; height:21px; margin-top:5px; background:URL(../images/searchBtn.jpg) left bottom no-repeat; border:none; color:#FFF; cursor:pointer;}
.favLink{ float:right; width:120px; color:#FFF;}
.favLink a{ color:#FFF; margin-left:7px;}

.top{ clear:both; height:118px; border-bottom:1px solid #72b1d4; background:URL(../images/top.jpg) left top no-repeat; position:relative;}


/* menu style */
.menu{ clear:both; height:40px; line-height:40px;  background:URL(../images/top.jpg) left bottom no-repeat; z-index:100000;}
.menuLine{ float:left; display:block; width:2px; height:40px; background:URL(../images/menuLine.gif) left 50% no-repeat;}


.wrap_all{
	width:100%;
	position:relative;
	display:table;
}
#top{
	width:100%;
	margin:0 auto;
	position:relative;
}
.navwrap{
    height:40px;
	line-height:40px;
	padding-right:10px;
	_padding-right:7px;
	position:absolute;
	font-size:12px;
	z-index:6;
}
#top #nav{
	float:left;
	height:40px;
	line-height:40px;
}
#nav,#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:40px; 
	z-index:5;
}
#top #nav a{
	height:40px;
	line-height:40px;
	display:block;
	text-decoration:none;
	text-align:center;
	outline:none;
	z-index:35;
	position:relative;
	float:left;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	margin:0px 13px;
	_padding:0px 14px;
}

#top #nav ul a{
	line-height:40px; 
}
#top #nav li{
	float:left;
	position:relative;
	z-index:20;
	line-height:40px;
}
#top #nav li li{
	border-left:none;
	margin-top:0;
}
#top #nav ul{
	position:absolute;
	display:none;
	width:100px;
	top:40px;
	left:-10px;
}
#top #nav li ul a{
	width:100px;
	height:auto;
	float:left;
	text-align:left;
	padding:0 10px;
	line-height:30px;
	text-align:center;
}

#top #nav ul ul{
	top:auto;
	border-top:none;
}	
#top #nav li ul ul{
	left:102px;
	top:0px;
}
#top #nav li:hover ul ul,#top #nav li:hover ul ul ul,#top #nav li:hover ul ul ul ul{
  	display:none;
}
#top #nav li:hover ul,#top #nav li li:hover ul,#top #nav li li li:hover ul,#top #nav li li li li:hover ul{
	display:block;
}

.navwrap{
	z-index:100;
}


#top #nav li ul a{
}
#top  #nav ul a,#top #nav ul li{
	color:#fff;
	background:#277AB2;
	
}
#top  #nav ul a:hover,#top  #nav ul a:focus {
	color:#fff;
}
#top  #nav a:hover,#top  #nav a:focus {
	text-decoration:underline;
}

#top #nav .current_page_item a{
	color:#555;
	
}
#top #nav .current_page_parent .current_page_item a,#top #nav .current_page_item ul a{
	border-left:none;
	background-image:none;
	color:#444;
}




.proPic{ clear:both; margin:10px 0px 0px 0px; text-align:center;}

.banner{ clear:both; text-align:center; border:10px solid #FFF; z-index:1000;}
#myFocus{ width:940px; height:283px;  z-index:1000;}
#myFocus img{ border:0px; width:940px; height:283px;}


/* index left style */
.indexContent{ clear:both; margin:10px 0px;}
.indexLeft{ float:left; width:290px;}
.indexTitle{ clear:both; font-size:15px; font-weight:bold; background:#FFF; border:1px solid #ECECEC; border-bottom:none; height:30px; line-height:30px; text-indent:1em;}
.indexTitle span{ float:right; margin-right:10px; font-size:12px; font-weight:normal;}
.indexTitle span a{ font-size:12px; font-weight:normal;}

.qixie{ clear:both; border:1px solid #ececec; border-top:none; background:#FFF; margin-bottom:10px;}
.qixie li{ float:left; width:129px; overflow:hidden; margin-right:5px; text-align:center;}
.qixie li p{ display:block; width:100%; height:125px; overflow:hidden;}
.qixie li p img{ border:0px; height:125px;}
#demo{ padding:10px; _padding:7px;}

.indexNewsList{ clear:both; background:#FFF; border:1px solid #ececec; border-top:none; }
.indexNewsList li{ margin:0px 10px; text-indent:1.5em; background:URL(../images/newsIcon.gif) 8px 10px no-repeat;}
.indexNewsList li span{ float:right;}


/* index middle style */
.indexMiddle{ float:left; width:365px; margin-left:10px;}
.indexAboutContent{ clear:both; border:1px solid #ececec; border-top:none; padding:10px; background:#fff; margin-bottom:10px; line-height:23px;}
.newsFirst{ clear:both; padding:0px 10px; line-height:22px; height:75px; overflow:hidden;}
.newsFirst img{ border:0px; width:95px; height:70px; float:left; margin-right:7px;}
.newsFirst span{ font-weight:bold; clear:right; display:block;}


/* index right style */
.indexRight{ float:right; width:285px;}
.indexDiv{ clear:both; border:1px solid #ececec; background:#FFF; margin-top:10px;}

/* index content style */
.indexGrow{ background:#fff; border:1px solid #ececec; margin-bottom:10px;}
.indexGrow .indexTitle{ border:none;}
.fuwu{ clear:both; height:170px; background:#FFF URL(../images/fuwu.jpg) center 17px no-repeat; margin-bottom:10px; border:1px solid #ececec;}



.indexPro{ float:left; width:345px;}
.indexAboutTit{ clear:both; height:30px; background:URL(../images/indexAboutTit.jpg) left bottom no-repeat; position:relative;}
.indexAboutTit span{ position:absolute; right:5px; bottom:0px;}
.indexAboutTit span img{ border:0px;}


.indexProTit{ clear:both; height:30px; background:URL(../images/indexProTit.jpg) left bottom no-repeat; position:relative;}
.indexProTit span{ position:absolute; right:5px; bottom:0px;}
.indexProTit span img{ border:0px;}


.indexNews{ float:left; width:400px;}
.indexNewsTit{ clear:both; height:30px; background:URL(../images/indexNewsTit.jpg) 6px bottom no-repeat; position:relative;}
.indexNewsTit span{ position:absolute; right:5px; bottom:0px;}
.indexNewsTit span img{ border:0px;}


.indexContact{ float:right; width:250px;}
.indexContactTit{ clear:both; height:30px; background:URL(../images/indexContactTit.jpg) left bottom no-repeat; position:relative;}
.indexContactTit span{ position:absolute; right:5px; bottom:0px;}
.indexContactTit span img{ border:0px;}
.indexContactContent{ clear:both; background:URL(../images/contact.png) left bottom no-repeat; height:111px;}


.left{ float:left; width:235px;}
.leftTit{ clear:both; height:35px; line-height:35px; text-align:center; font-size:15px; font-weight:bold; color:#fff; background:#1B5C9E;}
.leftList{ clear:both; background:#E0EEF2}
.leftList li{ height:35px; line-height:35px; text-align:center; font-size:15px; font-weight:bold;}
.leftList .cur{ background:#FFF; border-left:3px solid #f60;}
.leftList .cur a{ color:#f60;}


.leftProTit{ clear:both; height:27px; background:URL(../images/leftTit.jpg) center bottom no-repeat; margin:20px 0px 10px 0px;}
.title{ clear:both; background:URL(../images/title.jpg) left bottom repeat-x; text-indent:1em; font-size:14px; font-weight:bold; color:#FFF; height:33px; line-height:33px; border:1px solid #a66513;}
.title span{ float:right; margin-right:5px; font-size:12px; font-weight:normal;}
.title span a{ font-size:12px; font-weight:normal; color:#FFF;}


.leftContact{ background:URL(../images/contact.png) center bottom no-repeat; height:150px;}
.leftContactTit{ clear:both; height:23px; line-height:23px; background:URL(../images/aboutTit.png) left top no-repeat; text-indent:2em; color:#FFF; font-size:14px;}
.leftContactTit span{ color:#FFF; font-size:12px; margin-left:10px; margin-right:10px;}
.leftContact{ clear:both; color:#ca6f06; padding:10px 15px;}
.erweima{ clear:both; text-align:center; height:210px; background:URL(../images/erweima.jpg) center 5px no-repeat; margin:10px 0px;}
.map{ clear:both; width:205px;height:200px;border:#ccc solid 1px;}



.right{ float:right; width:725px; background:#FFF; }
.pro{ clear:both; border:1px solid #a66513; border-top:none; margin-bottom:10px;}

.about{ border:1px solid #a66513; border-top:none; padding:10px; margin-bottom:10px;}
.indexProduct{ clear:both; border:1px solid #a66513; border-top:none; margin-bottom:10px;}
.indexProduct li{ float:left; width:160px; margin-left:20px; margin-bottom:10px; text-align:center;}
.indexProduct li p{ text-align:center; width:160px; height:140px; vertical-align:bottom; position:relative;}
.indexProduct li p a{ bottom:0px;  border:0px;  }
.indexProduct li span{ text-align:center; display:block;}

.news{ clear:both; margin-bottom:10px;}
.newsLeft{ float:left; width:365px;}
.newsRight{ float:right; width:365px;}
.newsContent{ clear:both; padding:10px 0px; }
.newsContent li { line-height:30px; height:30px; overflow:hidden; border-bottom:1px dashed #e0b894; margin:0px 10px; }
.newsContent li span{ float:right; margin-right:5px;}





.products{ clear:both; margin:10px 0px;}

.productsTit{ clear:both; height:34px; line-height:34px;  font-size:14px; font-weight:bold; color:#FFF; text-indent:1.5em; background:URL(../images/aboutTit.jpg) left top repeat-x; border-bottom:1px solid #305e8f;}
.productsTit span{ float:right; margin-right:10px; margin-top:10px; font-weight:normal;}

.proContent{ clear:both; }
.proContent li{ float:left; width:175px; margin:10px;}
.proContent li p{ position:absolute; display:block; width:142px; /*background:URL(../images/indexProBg.gif) left top no-repeat;*/ left:0px; top:0px;}
.proContent li img{ width:175px; border:0px; height:150px; }
.proContent li span{ clear:both; display:block; text-align:center; }
.proContent li span a{ color:#FFF;}






.links{ clear:both; text-align:center; background:URL(../images/title.jpg) left top repeat-x; line-height:33px; color:#FFF;}
.links a{ color:#FFF; margin-right:5px;}


.myBottom{ clear:both; padding:10px 0px; background:#1B5C9E; text-align:center; color:#FFF;}
.myBottom a{ color:#FFF;}




.clear{ clear:both; display:block;}





/* sub style start */
.info{ clear:both; text-align:center;}



.subTit{ clear:both; height:35px; line-height:35px; background:#277AB2;font-size:16px; font-weight:bold; text-indent:1.5em; color:#FFF;}
.subTit span{ float:right; margin-right:15px; font-weight:normal; font-size:12px; color:#FFF; }
.subTit span a{ color:#FFF;}
.subContent{ clear:both; margin:15px; _margin:8px;}
.subContent img{ max-width:700px;}

.newsTitle{ clear:both; height:48px; line-height:48px; text-align:center; margin:10px 0px; font-size:26px; font-weight:bold;}




.subLeftContact{ clear:both; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding:10px;}


.location{ clear:both; height:40px; line-height:40px; background:#454545; font-size:14px; color:#FFF; text-indent:2em;}
.location span{ float:right; margin-right:10px; color:#FFF;}
.location span a{ color:#FFF;}


.subCases{ clear:both; }
.subCases li{ float:left; text-align:center; margin:0px 10px 0px 10px; margin-bottom:10px; width:152px; _height:180px; overflow:hidden; }
.subCases li div{ display:table-cell; width:152px; height:152px; vertical-align:middle; background:#FFF;}
.subCases li div img{ border:0px; max-height:152px; max-width:152px; }
.subCases li span{ clear:both; display:block; text-align:center; }
.subCases li a{ clear:both; display:block;}


.subNews{ clear:both;}
.subNews li{ clear:both; display:block; height:30px; line-height:33px; margin:0px 10px; background:URL(../images/newsIcon.jpg) left 12px no-repeat; text-indent:1.5em; border-bottom:1px dashed #e3e3e3; font-size:14px;}
.subNews li span{ float:right; margin-right:5px;}

.subProImgPic{ clear:both; text-align:center;}
.subProImgPic img{ border:0px; max-width:580px; max-height:250px;}


.page{ clear:both; display:block; margin:15px 10px; font-size:14px;}
.preNext{ clear:both; margin:10px 0px; padding-top:10px; border-top:1px dashed #ccc;}






.gbook{ clear:both; display:block; margin:0px; cursor:pointer; height:83px; overflow:hidden; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.erweima{ clear:both; display:block; height:181px; background:URL(../images/erweima.jpg) center top no-repeat; border-left:1px solid #ccc; border-right:1px solid #ccc;}


/* scroll start */
#demoFour {
overflow:hidden;
width:275px;
margin:0px auto;
}
#demoFour span{ display:block; clear:both; text-align:center;}
#demoFour li{
	float:left;
	margin:10px;
	text-align:center;
	padding:0px;
}
#demoFour li p{ margin:0px; padding:0px;}
#demoFour img {
	height:102px;
	border:1px solid #999;
}
#indemoFour {
float: left;
width: 800%;
}
#demoFour1 {
float: left;
}
#demoFour2 {
float: left;
}
/* scroll end */


/* scroll start */
#demoThree {
overflow:hidden;
width:940px;
margin:0px auto;

}
#demoThree span{ display:block; clear:both; text-align:center;}
#demoThree li{
	float:left;
	margin:10px;
	text-align:center;
	padding:0px;
}
#demoThree li p{ margin:0px; padding:0px;}
#demoThree img {
	height:102px;
	border:1px solid #999;
}
#indemoThree {
float: left;
width: 800%;
}
#demoThree1 {
float: left;
}
#demoThree2 {
float: left;
}
/* scroll end */

/* scroll start */
#demoTwo {
overflow:hidden;
width:940px;
margin:0px auto;

}
#demoTwo span{ display:block; clear:both; text-align:center;}
#demoTwo li{
	float:left;
	margin:10px;
	text-align:center;
	padding:0px;
}
#demoTwo li p{ margin:0px; padding:0px;}
#demoTwo img {
	height:102px;
	border:1px solid #999;
}
#indemoTwo {
float: left;
width: 800%;
}
#demoTwo1 {
float: left;
}
#demoTwo2 {
float: left;
}
/* scroll end */


/* QQ style */
#pop_ly_id_div dl,#pop_ly_id_div dt,#pop_ly_id_div dd,#pop_ly_id_div input,.box_os p,.box_os em,#pop_ly_id_div form,.onlineService p{margin:0;padding:0;font-size:12px;text-align:center;}
#pop_ly_id_div dd,#pop_ly_id_div dt,#pop_ly_id_div dl{list-style:none;}
.box_os img{border:0;}
#pop_ly_id_div input,#pop_ly_id_div textarea{font-size:12px; color:#000; font-family:'lucida grande',taho,verdana,'trebuchet ms',sans-serif;}
:focus{outline:none;}
.box_os em,.box_os th{font-style:normal;font-weight:normal;}
.box_os .table{border-collapse:collapse;border-spacing:0;empty-cells:show;}


.bmclass{ clear:both; border:3px solid #62a50a;}
.bmclass ul{ padding-top:10px;}
.bmclass li{ height:30px; color:#62a50a; border-bottom:1px solid #e3e3e3; margin:0px 10px;}
.bmclass li img{ border:0px;}
.box_os .os_x, .ico_os, .ico_gt, .ico_pp, .osqq .qq,.box_os .osqq p em,.acbox{ height:1px; overflow:hidden; background:url(../images/kf.gif) no-repeat;}
.box_os{ height:auto; overflow:hidden; width:350px; position:fixed; right:0; bottom:0px; _position:absolute; z-index:9999;display:none; }
.bmclass iframe input{ width:240px;}
.bmclass iframe textarea{ width:240px;}
.box_os .os_x{ width:100%; background-color:#fff; background-position:-50px 0px; clear:both; height:35px; line-height:35px; font-size:16px; font-weight:bold; text-align:center;cursor:pointer; border:3px solid #62a50a; border-bottom:none;}
.box_os .osqq{background:#fff;overflow:hidden;}
.box_os .osqq p{ height:auto; line-height:20px;width:350px;}
.box_os .osqq .bmname{ padding-top:5px;}
.box_os .osqq p strong{ font-size: 13px;}
.box_os .osqq img{ margin:2px 0 3px 0; clear:both;}
.box_os .osqq p em{ color:#666; display:block;background-position:-50px -43px;height:24px;width:115px;margin:0 auto;line-height:24px;font-size: 13px;font-weight: bold;overflow:hidden;}
.box_os .osqq p em.openbg{ background-position:-50px -71px;}
.box_os .osqq p span{ color:#547816; display:block;}
.box_os .osqq p span a{color:#557917;}
.acbox{ width:350px; height:1px; display:none; overflow:hidden;color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
}
.acbox a{color:#fff;}
.acbox .ico_gt{ background-position:-60px 0; border:1px solid #299ec0; border-top:0; cursor:pointer; width:60px; height:33px; float:right;}
.acbox .ico_pp{ background-position:-60px -60px; border:1px solid #81b140; border-top:0; cursor:pointer; width:60px; height:33px; float:right; margin:0 2px;}
.onlineService{ background:none; width:39px; *width:84px; height:178px; ;position:fixed; right:0; top:44px; _position:absolute;z-index:9999;}
.onlineService .ico_os{ background-position:0px 0px; border:1px solid #c7c7c7; cursor:pointer; width:40px; height:143px; float:right; background:#62a50a; color:#FFF; font-weight:bold; font-size:16px;}
.onlineService .ico_gt{ background-position:right 0; border:1px solid #299ec0; cursor:pointer; width:39px; height:37px; float:right; clear:both;}
.onlineService .ico_pp{ background-position:right -60px; border:1px solid #81b140; cursor:pointer; width:39px; height:37px; float:right; margin:0 0 1px 0; clear:both;}
#pop_ly_id_div{ height:360px; overflow:hidden; width:500px; position:fixed; left:50%;margin:-180px 0 0 -250px; top:50%; _position:absolute; z-index:9999;display:none;border:1px solid #ccc;background:#fff;}
#pop_ly_id_div dl{margin:0 auto;text-align:left}
#pop_ly_id_div dl dt{border-bottom:1px #ccc solid;height:24px;line-height:24px;text-indent:10px;padding:5px;}
#pop_ly_id_div dl dt span{float:right;cursor:pointer;font-size:18px;margin-right:5px;}
#pop_ly_id_div dl dd{padding:10px 5px 0;text-indent:30px;text-align:left;}
#pop_ly_id_div input, #pop_ly_id_div textarea{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #DDDDDD;
    height:28px;
	line-height:28px;
    width:340px;color:#999;text-indent:5px;vertical-align:middle;text-align:left;}
#pop_ly_id_div textarea{ height:87px;line-height:22px;}
#pop_ly_id_div #msg_vcode{width:80px;}
#pop_ly_id_div dd img{vertical-align:middle;margin-left:5px;
    height:22px;width:80px;}
.msg_button{
color: #999;
border:1px solid #dce1e6;
width: 120px;
line-height: 30px;
text-align: center;
font-weight: bold;
font-size:16px;
margin:0 20px 20px 0;
overflow: hidden;cursor:pointer;text-indent:0px;}
.box_os .osqq p.wxClassText{margin-bottom:6px;}