@charset "utf-8";
body{ margin:0px auto; padding:0px; font-family:"microsoft Yahei"; font-size:14px; background:#fff; color:#333; line-height:23px;}
ul,li,ol{ list-style:none; margin:0px; padding:0px;}
a{ color:#333; text-decoration: none; }
a:hover{ text-decoration:none;}


/* top ============== */

.top{ clear: both; display: block; background: URL(../images/top.png) left top repeat-x; }
.topC{ clear: both; display: block; width: 1200px; height: 100px; position: relative; margin: 0px auto; }
.logo{ width: 98px; height: 84px; position: absolute; left: 0px; bottom: 10px; }
.logo a{ border: 0px; }
.logo img{ border: 0px; }



.menu{ width: 800px; height: 100px; position: absolute; right: 0px; top: 0px; }
.nav_list{ clear: both; display:block; }
.drop-menu-effect{ float:left; position:relative; text-align:center; }
.on span{ background: #0153ad; color: #fff; }
.submenu{ display:none; position:absolute; top:90px; left:-35px; width:170px; z-index:5000; text-align:center; line-height:25px; text-align:center; overflow:hidden; padding: 15px 0px; background: #e3e3e3; }
.fMenu{ display: block; width: 100px; height: 100px; line-height: 100px; font-size: 16px; text-align: center; }
.fMenu:hover{ background: #0153ad; color: #fff; }
.sMenu{ clear: both; display: block; width: 100%; height: 32px; line-height: 32px; text-align: center; }


/* banner style start */
.banner{ clear: both; display: block; width: 100%; margin: 0px auto; z-index: 10; }
.mainbanner{height:549px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1920px;height:549px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:549px;position:relative;}
.mainbanner_window li{ width:1920px;height:549px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_window li img{ border:0px;}
.mainbanner_list{left:50%; bottom:20px;width:549px;height:30px;margin-left:-25px;position:absolute;}
.mainbanner_list li{width:30px;height:30px; margin:0px 3px; overflow:hidden;float:left;display:inline;z-index:20;}
.mainbanner_list li img{ z-index:100;}
.mainbanner_list a{ background:#ccc; width:15px; height:15px; line-height:15px; overflow:hidden; text-align:center; color:rgb(255, 255, 255); font-size:12px; font-weight:700;float:left; display:inline-block; }
.mainbanner_list li.active a{background:#000; }
.mainbanner_list li a:hover{background:#000; }


/* index style */
.index{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.indexC{ clear: both; display: block; width: 1200px; margin: 20px auto 0px; }
.clear, .clearC{ clear:both;}

.indexTitle{ clear: both; display: block; height: 45px; line-height: 45px; background: #0153ad; text-indent: 1em; font-size: 16px; font-weight: bold; color: #fff; }
.indexTitle span{ float: right; font-weight: normal; margin-right: 10px; }
.indexTitle span a{ color: #fff; font-size: 12px; }

/* index product */
.indexProduct{ clear: both; display: block; background: #eee; padding: 50px 0px; color: #0153ad; }
.indexProduct a{ color: #666; }

.indexProTit{ clear: both; display: block; width: 1200px; margin: 0px auto 20px; padding-bottom: 15px; font-size: 26px; border-bottom: 2px solid #e3e3e3; font-weight: bold; }
.indexProTit small{ text-transform: uppercase; font-size: 14px; margin-left: 10px; }
.indexProTit span{ float: right; display: block; font-size: 12px; font-weight: normal; }

.indexProList{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.indexProList li{ float: left; display: block; width: 220px; margin-right: 25px; margin-bottom: 20px; text-align: center; }
.indexProList li:nth-child(5n){ margin-right: 0px; }
.indexProList li div{ clear: both; display: table-cell; width: 218px; height: 218px; text-align: center; vertical-align: middle; border: 1px solid #0153ad; }
.indexProList li div img{ border: 0px; max-width: 218px; max-height: 218px; }


/* indexAbout */
.indexAbout{ clear: both; display: block; padding: 40px 0px; background: #fff; }
.indexAboutC{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.indexAboutText{ clear: both; display: block; width: 1200px; margin: 0px auto 25px; line-height: 30px; }
.indexAboutText img{ border: 0px; float: left; display: block; margin-right: 25px; width: 450px; }


/* index case */
.indexCase{ clear: both; display: block; margin: 0px 0px 45px 0px; padding: 40px 0px 40px; background: #eee; }
.indexCaseC{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.indexCaseTit{ clear: both; display: block; text-align: center; text-align: center; }
.indexCaseTit p{ clear: both; display: block; margin: 0px auto; width: 132px; height: 50px; line-height: 50px; font-size: 26px; border-bottom: 2px solid #0153ad; color: #0153ad; font-weight: bold; }
.indexCaseTit span{ clear: both; display: block; text-align: center; text-transform: uppercase; height: 40px; line-height: 30px; border-top: 1px solid #ccc; }



/* index news */
.indexNews{ clear: both; display: block; width: 1200px; margin: 0px auto; }
.indexNewsTit{ clear: both; display: block; height: 40px; line-height: 40px; margin: 0px 0px 15px 0px; font-size: 22px; border-bottom: 1px solid #0153ad; color: #0153ad; font-weight: bold; }
.indexNewsTit span{ float: right; }
.indexNewsTit span img{ border: 0px; margin-top: 10px; }


.indexNewsList{ clear: both; display: block; }
.indexNewsList li{ float: left; display: block; width: 380px; margin-right: 30px; margin-bottom: 30px; }
.indexNewsList li:nth-child(3n){ margin-right: 0px; }
.indexNewsTime{ float: left; display: block; width: 65px; height: 65px; background: #848484; text-align: center;  }
.timeDay{ clear: both; display: block; height: 40px; line-height: 50px; font-size: 30px; color: #fff; overflow: hidden; }
.timeMonth{ clear: both; display: block; height: 25px; line-height: 25px; color: #ccc; font-size: 10px; }

.indexNewsText{ float: right; display: block; width: 290px; }
.indexNewsText strong{ font-weight: bold; clear: both; display: block; height: 23px; line-height: 23px; overflow: hidden; }
.indexNewsText p{ margin: 0px; font-size: 12px; height: 40px; line-height: 20px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }



/* copyright */
.copyMenu{ clear: both; display: block; background: #0153ad; height: 45px; line-height: 45px; color: #fff; text-align: center; border-bottom: 1px solid #e3e3e3; margin-top: 20px; }
.copyMenu a{ color: #fff; margin: 0px 15px; }
.copy{ clear: both; display: block; background: #0153ad; line-height: 28px; color: #fff; text-align: center; padding: 15px 0px 30px; }
.copy a{ color: #fff; }



/* left style */
.left{ float: left; display: block; width: 230px; }

.leftTit{ clear: both; display: block; height: 40px; line-height: 40px; background: #0153ad; color: #fff; font-size: 14px; text-indent: 1em; }


.leftList{ clear: both; display: block; border: 1px solid #0153ad; }
.leftList li{ clear: both; display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #f7f7f7; text-indent: 2em; }
.leftList li a{ clear: both; display: block; }
.leftList li a:hover{ color: #fff; background: #0153ad; }
.leftList .cur a{ font-weight: bold; color: #0153ad; }


/* right style */
.right{ float: right; display: block; width: 935px; }
.locationTitle{ clear: both; display: block; height: 40px; line-height: 40px; background: #0153ad; font-size: 14px; margin-bottom: 15px; }

.titleName{ float: left; display: block; color: #fff; margin-left: 15px; }
.titleName a{ color: #fff; }
.titleURL{ float: right; display: block; font-size: 12px; color: #eee; margin-right: 10px; }
.titleURL a{ color: #eee; }


/* pro list */
.picList{ clear: both; display: block; margin: 20px 0px; }
.picList li{ float: left; display: block; width: 215px; overflow: hidden; margin-right: 25px; margin-top: 15px; }
.picList li:nth-child(4n){ margin-right: 0px; }
.picList li div{ clear: both; display: table-cell; width: 213px; height: 213px; text-align: center; vertical-align: middle; border: 1px solid #e3e3e3; }
.picList li img{ border: 0px; width: 213px; }
.picList li span{ clear: both; display: block; height: 40px; line-height: 30px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/* news list */
.newsList{ clear: both; display: block; margin: 20px 0px; }
.newsList li{ clear: both; display: block; height: 40px; line-height: 40px; border-bottom: 1px dashed #e3e3e3; text-indent: 2em; background: URL(../images/icon.jpg) 10px 50% no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsList li span{ float: right; }


/* page text */
.newsC{ clear: both; display: block; }
.pageTitle{ clear: both; display: block; text-align: center; height: 50px; line-height: 50px; font-size: 26px; font-weight: bold; }
.pageInfo{ clear: both; display: block; color: #999; text-align: center; }
.pageText{ clear: both; display: block; margin: 20px 0px; line-height: 30px; border-bottom: 1px solid #e3e3e3; }



.pagePic{ clear: both; display: block; margin: 20px 0px; text-align: center; }
.pagePic img{ border: 0px; max-width: 80%; }



/* page list */
.page{ clear: both; display: block; margin-top: 15px; padding-top: 20px; }



/* scroll start */
.grow {
	width:1200px;
	margin:0px auto;
	overflow:hidden;
}
.grow2 {
	width:auto;
	height:auto;
	font-size:14px;
	float:left;
	overflow:hidden;
}
.grow2 li{
	float:left;
	margin:0px 10px;
	text-align:center;
	list-style:none;
	padding:0px;
}
.grow2 li p{ margin:0px; padding:0px; display:block; clear:both; }
.grow2 li span{ clear:both; display:block; height: 35px; line-height: 35px; font-size: 16px;}
.grow img{
	height:210px;
	margin-top:12px;
	border:1px solid #CCC;
}
.scroll{ width:400%; }
/* scroll end */



/* kefu list */
.kefuShow{ position: fixed; top: 150px; right: 0px; background: #4fbae8; width: 20px; min-height: 120px; display: none; color:#FFF; border-radius: 5px 0px 0px 5px; cursor: pointer; text-align: center; padding: 10px 0px;}
.kefu{ position: fixed; top: 150px; right: 0px; background: URL(../images/kefuList.gif) left top repeat-y; width: 110px;}
.kefuHeader{ clear: both; display: block; height: 57px; background: URL(../images/kefuHeader.gif) left top no-repeat;}
.kefuHeader span{ float: right; width: 15px; height: 15px; line-height: 15px; background: #16a0de; color: #FFF; text-align: center; margin:6px 6px 0px 0px; cursor: pointer;}
.kefuList{ clear: both; display: block; }
.kefuList li{ margin:5px 0px 5px 18px; height:28px; line-height: 28px; overflow: hidden; background: URL(../images/kefuIcon.jpg) left top no-repeat; text-indent: 2em;}
.kefuQrcode{ clear: both; display: block; text-align: center;}
.kefuQrcode p{ clear: both; display: block; margin: 0px; padding: 0px; }
.kefuQrcode p img{ border: 0px; width: 80px;}
.kefuQrcode span{ clear: both; display: block; font-size: 12px;}
.kefuFooter{ clear: both; display: block; height: 23px; background: URL(../images/kefuFooter.gif) left top no-repeat;}