﻿@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:1170px; margin:0 auto; position:relative;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}

/*头部*/
.header{height:138px;}
.header .logo{width:600px; height:100px; margin-top:19px;}
.header .tel{height:30px; line-height:30px; margin-top:100px; font-size:26px; color:#cc0000; font-weight:bold;}

/*导航*/
.nav{height:47px; background-color:#db3026;}
.nav ul li{width:146px; height:47px; float:left;}
.nav ul li a{display:block; width:146px; height:47px; line-height:47px; color:#fff; text-align:center; font-size:16px;}
.nav ul li a:hover{ background-color:#e97d11; color:#fff;}

/*轮播图*/
.banner{width:100%; height:450px; margin:0px 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:100%; height:450px; 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/zdtools/prevBtn.png) no-repeat;}
#playBox .next{cursor:pointer; width:45px; height:45px; position:absolute; top:200px; right:25px; z-index:10; background:url(../../images/zdtools/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:100px;}
#playBox .smalltitle ul li{cursor:pointer; margin:0 5px; width:12px; height:12px; border-radius:50%; color:#fff; background-color:#fff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#69aaec; background-color:#69aaec;}

/*主要内容区*/
.keyPro{height:36px; line-height:36px; background-color:#efefef; font-size:14px;}
.keyPro span{float:left; width:112px; background:url(../../images/zdtools/ztc_bg.jpg) no-repeat; color:#fff; margin-right:20px; text-align:center; font-weight:bold;}
.keyPro a{float:left; margin-right:20px; color:#333;}

.title01{height:35px; line-height:35px; border-bottom:3px solid #dc3026;}
.title01 h3{float:left; width:142px; height:35px; font-size:16px; color:#fff; background-color:#dc3026; text-align:center;}
.title01 .more{float:right;}
.list, .contact{width:302px; border:1px solid #e6e6e6; padding:7px;}
.list ul{margin-top:3px;}
.list li{height:44px; line-height:44px; overflow:hidden; font-size:14px;}
.list a{display:block; width:202px; background:url(../../images/zdtools/li.gif) no-repeat; padding:0 50px;}
.list a:hover{background:url(../../images/zdtools/li_hover.gif) no-repeat; color:#fff;}
.hotPro{width:830px;}
.hotPro ul{width:850px; margin-right:-20px;}
.hotPro ul li{width:263px; float:left; margin:20px 20px 0 0;}
.hotPro ul li img{display:block; width:261px; height:170px; border:1px solid #ccc;}
.hotPro ul li strong a{display:block; height:20px; line-height:20px; text-align:center; font-size:16px; font-weight:normal; margin-top:10px;}

.about{width:628px; border:1px solid #ccc; padding:10px; overflow:hidden; }
.aboutTxt{margin-top:15px; font-size:14px; height:285px;}
.aboutTxt img{width:628px; height:168px; margin-bottom:10px;}
.aboutTxt p a{color:#cc0000;}

.news{width:478px; border:1px solid #ccc; padding:10px; overflow:hidden; }
.newsList{padding:10px 0; height:280px;}
.newsList li{height:34px; line-height:34px; background:url(../../images/zdtools/icon01.gif) no-repeat left center; vertical-align:middle; font-size:14px; border-bottom:1px dotted #ccc;}
.newsList li a{float:left; margin-left:15px; display:inline;}
.newsList li span{float:right;}

.caseBox{width:1140px; border:1px solid #ccc; background-color:#f3f3f3; padding:14px;}
.caseList{position:relative; height:240px; margin-top:10px;}
#scrollCon{width:1140px; position:absolute; left:0px; top:20px; overflow:hidden;}
.caseList li{float:left; width:267px; margin-right:24px;}
.caseList li img{width:253px; height:170px; padding:7px 7px 23px; background:url(../../images/zdtools/list_case.jpg) no-repeat;}
.caseList li p{height:20px; line-height:20px; text-align:center; font-size:14px;}
.caseList li p a{}
.leftBtn{width:14px; height:55px;  position:absolute; right:0px; top:87px;}
.rightBtn{width:14px; height:55px; position:absolute; left:0px; top:87px;}


.footer{padding:30px 0; text-align:center; line-height:30px; background-color:#ccc; color:#333; font-size:14px;}
.footer a, .footer a:hover{color:#fff;}
.flink{}
.flink a, .flink span{margin:0 5px;}
.flink span{font-size:12px; font-weight:bold;}

/*单页*/
.title02{height:40px; line-height:40px; background:url(../../images/zdtools/icon03.jpg) no-repeat left center; padding-left:15px; font-size:16px; border-bottom:1px solid #999;}
.sidebar{width:318px;}
.contactTxt{padding:10px 20px; font-size:14px;}
.main{width:830px; overflow:hidden;}
.mainCon{font-size:14px; line-height:30px;}

/*文章列表页*/
.mainNewsList{}
.mainNewsList li{height:40px; line-height:40px; overflow:hidden; background:url(../../images/zdtools/icon02.png) no-repeat left center; vertical-align:middle; border-bottom:1px dotted #ccc;}
.mainNewsList li a{float:left; margin-left:15px; display:inline;}
.mainNewsList li span{float:right;}


/*产品列表页*/
.mainProList{width:850px; margin-right:-20px;}
.mainProList li{width:263px; float:left; margin:20px 20px 0 0;}
.mainProList li img{display:block; width:261px; height:170px; border:1px solid #ccc;}
.mainProList strong a{display:block; height:20px; line-height:20px; text-align:center; font-size:16px; font-weight:normal; margin-top:10px;}

/*产品内容页*/
.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; border-bottom:1px dashed #ccc;}
.mainConAuthor span{margin:0 10px;}
.mainConBox{width:850px; margin:0 auto 20px;}
.mainImg{display:block; width:400px; height:300px; border:1px solid #ccc; margin-right:30px;}
.mainTxt{width:415px;}
.mainTxt li{line-height:35px;}
.mainTxt li p{line-height:26px;}
.mainTxt li span{font-weight:bold;}
.mainTxt .proTit{font-size:20px; color:#dc3026; font-weight:normal; border:none; margin-bottom:5px;}
.mainXq{height:40px; line-height:40px; font-size:16px; color:#fff; border-bottom:1px solid #ccc; margin-bottom:20px;}
.mainXq h3{width:150px; height:40px; background-color:#dc3026; text-align:center; font-weight:normal;}
.content{font-size:14px;}
.pagination{margin-top:20px; height:50px; line-height:50px; padding:0 15px;  border-top:1px dashed #ccc;}

/*分页*/
.page{height:24px; line-height:24px; text-align:center; margin-top:30px;}
.page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
.page li a{color: #555;}
.page li a:hover{background:#f5f5f5; color:#01379b;}
.page li.thisclass{background: #01379b; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color: #01379b; color: #fff;}
.page .pageinfo strong{font-weight:normal;}