@charset "utf-8";
/*重置*/
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", Arial, tahoma,  Helvetica, sans-serif; background: #fff; color: #333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd,ul,ol,li,pre,form, fieldset, legend, button, input, textarea, select, th, td{margin: 0; padding: 0;}
fieldset, img {border: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
button, input, select, textarea {font-size: 100%; border:none;}
a{text-decoration: none; color: #333;}
a:hover{ text-decoration:none; color:#C00;}
i{font-style:normal;}

/*通用*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.comWidth{width:1000px; margin:0 auto; position:relative;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.bd{border:1px solid #ccc;}

/*顶部*/
.top{height:28px; line-height:28px; background:url(../images/top_bg.gif) repeat-x;}
.top span a{margin:0 7px;}

/*头部*/
.header{height:100px;}
.header .logo{width:650px; height:80px; margin-top:10px;}
.header .tel{height:30px; line-height:30px; margin-top:40px; font-size:20px;}
.header .tel strong{font-size:26px; color:#FF0000;}

/*导航*/
.nav{height:38px; line-height:38px; background-color:#0078c4;}
.nav ul li{width:111px; height:38px; float:left; text-align:center; background:url(../images/nav_line.gif) no-repeat right center;}
.nav ul li a{display:block; width:125px; height:38px; font-size:14px; color:#fff;}
.nav ul li a:hover{color:#fff; background-color:#FF0000;}

/*轮播图*/
.banner{width:100%; height:350px; margin:5px auto; overflow:hidden; text-align:center;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1440px; height:350px; margin:0 auto; background:#fff; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{cursor:pointer; width:45px; height:45px;  position:absolute; top:200px; left:25px; z-index:10; background:url(../images/prevBtn.png) no-repeat;}
#playBox .next{cursor:pointer; width:45px; height:45px; position:absolute; top:200px; right:25px; z-index:10; background:url(../images/nextBtn.png) no-repeat;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:20px; z-index:10; text-align:center;}
#playBox .smalltitle ul{margin:0 auto; width:150px;}
#playBox .smalltitle ul li{cursor:pointer; margin:0 5px; width:20px; height:10px; color:#fff; background-color:#fff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#ff7300; background-color:#ff7300;}

/*主要内容区*/
.title01{height:34px; line-height:34px; padding:0 10px; border:1px solid #ccc; background:url(../images/title02.gif) repeat-x;}
.title01 h3{float:left; font-size:15px;}
.title01 h3 span{margin-left:10px; font-size:12px; font-weight:normal;}
.title01 .more{float:right; font-size:12px;}
.title01 p{float:right; font-size:14px; color:#666;}

.list{width:218px; border:1px solid #ccc; overflow:hidden;}
.title02{height:32px; line-height:32px; background:url(../images/title_bg.gif) repeat-x;  margin-top:-1px;}
.title02 h3{float:left; width:91px; height:32px; line-height:32px; color:#fff; font-size:15px;  text-align:center; background:url(../images/title01.gif) no-repeat;}
.title02 .more{float:right; display:inline; margin-right:10px;}
.listcp{ font-weight:bold; background:url(../images/litbj.gif) repeat-x;font-size:14px; margin-top:5px; width:208px; height:35px; line-height:35px; padding-left: 10px;}
.listcp a{ color:#FFFFFF;}
.list ul{width:205px; margin:10px auto;}
.list li{width:100%; height:28px; line-height:28px; overflow:hidden; font-size:12px; margin-bottom:8px; background:url(../images/li.gif) no-repeat;}
.list li a{padding:0 10px 0 25px;}
.list li a:hover{text-decoration:underline;}

.hotPro{width:770px; overflow:hidden;}
.hotPro ul,
.mainProList{width:785px; margin-right:-15px; overflow:hidden;}
.hotPro ul li,
.mainProList li{width:181px; float:left; margin:15px 15px 0 0; }
.hotPro ul li img,
.mainProList li img{display:block; width:178px; height:134px; border:1px solid #ccc;}
.hotPro ul li strong a,
.mainProList li strong a{display:block; height:30px; line-height:30px; text-align:center; font-size:14px;}
.hotPro ul li img:hover,
.mainProList li img:hover{border:1px solid #3488cb;}

.about{width:730px; overflow:hidden; }
.aboutTxt{margin-top:15px; font-size:14px; height:175px; padding:0 10px;}
.aboutTxt img{width:250px; height:175px; float:left; margin-right:15px;}
.aboutTxt p a{color:#ff8000;}

.recomPro{width:260px;}
.recomPro .recomProCon{width:238px; height:168px; overflow:hidden; padding:10px; border:1px solid #ccc; border-top:none;}

.news{width:358px; border:1px solid #ccc; overflow:hidden; margin-right:10px;}
.newsList,
.mainNewsList{padding:10px; font-size:12px;}
.newsList li,
.mainNewsList li{height:30px; line-height:30px; background:url(../images/icon01.gif) no-repeat left center; vertical-align:middle; border-bottom:1px dotted #999;}
.newsList li a,
.mainNewsList li a{float:left; margin-left:15px; display:inline;}
.newsList li span,
.mainNewsList li span{float:right;}
.newsList li a:hover,
.mainNewsList li a:hover{color:#ff8000;}

.title03{height:32px; line-height:32px; background-color:#0078c4; text-indent:14px;}
.title03 h3{font-size:15px; color:#fff;}
.contact{width:258px; border:1px solid #ccc;}
.contactTxt{padding:10px 20px; height:186px;}

.caseList{position:relative; height:184px; border:1px solid #ccc; border-top:none;}
#scrollCon{width:978px; position:absolute; left:0; top:15px; overflow:hidden; padding:0 10px;}
.caseList li{float:left; width:183px; margin-right:15px;}
.caseList li img{width:183px; height:134px;}
.caseList li p{height:30px; line-height:30px; text-align:center; font-size:12px; font-weight:bold;}
.leftBtn{width:26px; height:26px;}
.rightBtn{width:26px; height:26px;}

.flink{border:1px solid #ccc; width:998px; margin:20px auto;}
.flink h3{height:32px; line-height:32px; border-bottom:1px solid #ccc; padding:0 15px; font-size:15px;}
.flink h3 span{font-size:12px; font-weight:normal; margin-left:10px;}
.flink .flinkCon{padding:10px;}
.flink .flinkCon a{margin:0 5px;}

.bottomNav{height:34px; line-height:34px; background-color:#0078c4; color:#fff; text-align:center;}
.bottomNav a{margin:0 10px; color:#fff;}
.bottomNav a:hover{color:#fff; text-decoration:underline;}
.footer{padding:20px 0; text-align:center; line-height:30px; background-color:#0078c4;   font-size:12px;}
.footer p{ color:#FFFFFF;}
.footer p a{color:#FFFFFF;}

/*单页*/
.sidbar{width:220px; overflow:hidden;}
.sideContact{width:218px; border:1px solid #ccc;}
.main{width:770px; overflow:hidden;}
.mainCon{font-size:14px; line-height:30px;}

/*文章列表页*/

/*产品列表页*/

/*产品内容页*/
.mainConTit{height:30px; line-height:30px; text-align:center; font-size:18px; margin-bottom:10px;}
.mainConAuthor{height:30px; line-height:30px; margin-bottom:20px;  text-align:center;  background-color:#eee;}
.mainConAuthor span{margin:0 10px;}
.mainImg{display:block; width:400px; height:300px; border:1px solid #ccc; margin:20px auto;}
.mainXq{height:26px; line-height:26px; font-size:15px; color:#fff; border-bottom:2px solid #0078c4; margin-bottom:20px;}
.mainXq h3{width:90px; height:26px; background-color:#0078c4; text-align:center;}
.content{font-size:14px;}
.pagination{margin-top:20px; height:30px; line-height:30px; padding:0 15px;  border-top:1px solid #ccc;}

/*分页样式*/
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; float:left; width:200px; }
.page a,.page span{display:block;color:#18A4FD;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.page input{padding:0px;color:#18A4FD;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px}