body {margin: 0px; font-family: Arial, Helvetica, sans-serif; line-height:27px;  font-size:12px; background:#FFF URL(../images/bg.jpg) left top repeat-x;}
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:990px; margin:0px auto; }
.top{ clear:both; height:99px; position:relative;}
.logo{ float:left; width:320px; position:absolute; left:0px; top:30px;}

.logo a{ display: flex; }
.logo a:hover{ text-decoration: none; }
.logo-img{ display: flex; }
.logo-img img{ border: 0px; height: 60px; margin-right: 20px; }

.logo-txt{ display: flex; flex-direction: column; }
.logo-txt strong{ display: flex; font-size: 32px; color:#09449e; }
.logo-txt span{ display: flex; font-size: 14px; color:#2968af; }


.menu{ float:right; width:640px; height:99px; position:absolute; right:0px; bottom:0px; overflow:hidden;}
.menu li{ float:left;}
.menu li a{ display:block; float:left; width:90px; height:99px; line-height:110px; text-align:center; font-weight:bold; font-size:16px; }
.menu li a:hover{ background:URL(../images/menuHonver.jpg) center bottom no-repeat; color:#FFF;}
.on{ background:URL(../images/menuHonver.jpg) center bottom no-repeat; color:#FFF;}

.banner{ clear:both; text-align:center; }
#myFocus{ width:990px; height:369px; }
.bannerMargin{ clear:both; height:19px; margin-bottom:10px; background:URL(../images/bannerMargin.jpg) center bottom no-repeat;}

.left{ float:left; width:200px;}
.listTit{ clear:both; height:33px; line-height:33px; background:#2968af URL(../images/listTit.jpg) left bottom no-repeat; text-indent:2em; font-weight:bold; font-size:14px; color:#FFF;}
.subProList{ clear:both; border:1px solid #d4d4d4; background:#f5f5f5; padding:10px 0px; margin-bottom:10px;}
.subProList li{ display:block; clear:both; height:35px; line-height:35px; background:URL(../images/listBg.jpg) center bottom no-repeat; text-indent:2.5em; font-size:14px}
.subProList li:hover{ background:#005ba6;}
.subProList li:hover a{ color:#FFF;}

.search{ clear:both; padding:10px; border:1px solid #d4d4d4;}


.right{ float:right; width:780px;}


.proPic{ clear: both; display: block; text-align: center; }
.proPic img{ border: 0px; max-width: 600px; }


.about_contact{ clear:both;}
.about{ float:left; width:510px; }
.aboutTit{ clear:both; height:34px; line-height:34px; font-size:16px; font-weight:bold; color:#134bcb; font-family:"黑体";}
.aboutTit span{ margin-left:10px; color:#626262;}
.aboutContent{ clear:both; background:URL(../images/aboutBg.jpg) right top no-repeat;padding-right:10px; }

.contact{ float:right; width:250px;}
.contactTit{ clear:both; height:34px; line-height:34px; font-size:16px; font-weight:bold; color:#134bcb; font-family:"黑体";}
.contactTit span{ margin-left:10px; color:#626262;}
.contactContent{ clear:both; background:URL(../images/contactBg.jpg) right bottom no-repeat;}
.contactContent li{ margin:8px 0px;}



.products{ clear:both;}
.productsTit{ clear:both; height:31px; line-height:31px; background:URL(../images/productTit.jpg) right bottom no-repeat; font-size:16px; font-weight:bold; color:#134bcb; font-family:"黑体";}
.proContent{ clear:both;}
.proContent li{ float:left; width:142px; margin:4px 15px; _margin:4px 12px; height:240px; overflow:hidden; text-align:center; position:relative;}
.proContent li p{ position:absolute; display:block; width:142px; height:220px; /*background:URL(../images/indexProBg.gif) left top no-repeat;*/ left:0px; top:0px;}
.proContent li img{ height:190px; border:1px solid #e3e3e3;}
.proContent li span{ clear:both; display:block; text-align:center; margin-top:5px; }



.news{ clear:both;}
.newsLeft{ float:left; width:385px;}
.newsRight{ float:right; width:385px;}

.newsTit{ clear:both; height:37px; line-height:37px;  font-size:16px; font-weight:bold; color:#134bcb; font-family:"黑体";  font-weight:bold; background:URL(../images/newsTit.jpg) right bottom no-repeat;}
.newsTit span{ float:right; margin-right:10px; margin-top:10px; font-weight:normal;}
.newsContent{ clear:both; }
.newsContent li { text-indent:1em; background:URL(../images/newsIcon.jpg) left 10px no-repeat; margin:0px 5px; border-bottom:1px dashed #e3e3e3; height:30px; line-height:30px; overflow:hidden;}
.newsContent li span{ float:right; margin-right:5px;}


.links{ clear:both; background:#09449e; text-align:center; color:#FFF;}
.links a{ color:#FFF; margin-right:4px;}


.myBottom{ clear:both; text-align:center; background:#09449e; color:#FFF; margin-top:10px; padding-top:10px;}
.myBottom a{ color:#FFF;}



.indexContent{ clear:both; background:#FFF;}
.clear{ clear:both; display:block;}





/* sub style start */
.info{ clear:both; text-align:center;}
.subTit{ clear:both; background:#2968af; height:33px; line-height:33px; text-indent:1em; font-size:14px; color:#FFF;}
.subTit span{ float:right; margin-right:10px;}
.subTit span a{ color:#FFF;}



.leftTit{ clear:both; height:55px; background:URL(../images/leftTit.jpg) left top no-repeat; margin-top:-10px; font-size:18px; font-weight:bold; text-align:center; line-height:65px; overflow:hidden; color:#FFF; margin-bottom:20px;}
.leftList{ clear:both;}
.leftList li{ height:35px; line-height:35px; background:URL(../images/subList.jpg) left bottom no-repeat; text-indent:2.5em; margin-bottom:4px;}
.leftList li:hover{ height:35px; line-height:35px; background:URL(../images/subList.jpg) left top no-repeat;}
.leftList li:hover a{ color:#FFF;}
.cur a{ clear:both; display:block; color:#FFF; font-weight:bold; clear:both; height:35px; line-height:35px; background:URL(../images/subList.jpg) left top no-repeat; text-indent:2em;}

.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;}
.subContent{ clear:both; margin:15px;}


.subCases{ clear:both; }
.subCases li{ float:left; text-align:center; margin-left:10px; margin-bottom:10px; width:212px; height:180px; overflow:hidden; border:1px solid #ccc; }
.subCases li span{ clear:both; display:block; text-align:center;}
.subCases li img{ height:151px; border:0px; }
.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;}

.title{ clear:both; text-align:center; height:45px; line-height:45px; font-size:24px; font-weight:bold;}
.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 solid #e3e3e3;}






.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 */
.grow {
	width:990px;
	margin:0px auto;
	overflow:hidden;
}
.grow2 {
	width:auto;
	height:auto;
	font-size:12px;
	float:left;
	overflow:hidden;
}
.grow2 li{
	float:left;
	margin:0px 6px;
	text-align:center;
	list-style:none;
	padding:0px;
}
.grow2 li span{ clear:both; display:block;}
.grow img{
	height:130px;
	border:none;
	padding:1px;
	margin-top:8px;
}
.scroll{ width:400%; }
/* scroll end */