@charset "utf-8";

/*重置*/
body{margin: 0 auto; font: 14px/24em "Microsoft YaHei", Arial, tahoma,  Helvetica, sans-serif; background: #eee; 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; overflow:hidden;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.comWidth{width:1200px; margin:0 auto;}
.mt30{margin-top:30px;}
.mt20{margin-top:15px;}
.mr20{margin-right:20px;}
.mt10{margin-top:10px;}
.bd{border:1px solid #ccc;}
.bt{border-bottom:1px solid #999;}
.box{width:1200px; margin: 20px auto 0; background-color:#fff; padding: 10px 20px;}

/*顶部*/
.top{height:30px; line-height:30px; background:#f8f8f8; border-bottom: 1px solid #eee;}
.top a{margin:0 5px;}

/*头部*/
.header{height:120px; background-color:#fff}
.header .logo{width:470px; height:94px; margin-top:20px; margin-bottom:20px;}
.header .tel{line-height:20px; margin-top:50px; font-size:20px;}
.header .tel p{margin-bottom: 10px;}
.header .tel span{color:#ff5a00; font-size:24px;font-weight:bold; color:#e90000;}

/*导航*/
.nav{height:49px; background: url(/css/nav_bg.png)repeat-x;}
.nav ul li{width:133px; height:49px; line-height:49px; float:left; text-align:center; font-size:14px; font-weight:bold; background: url(/css/nav_line.png) no-repeat right center;}
.nav ul li a{display:block; width:150px; height:49px; color:#fff; font-size:16px; text-align:center;}
.nav ul li a:hover, .nav .active{color:#fff; background: url(/css/nav_hover.png)repeat-x;}

/*轮播图*/
.banner{width:100%; height:512px; margin:0px auto; overflow:hidden; text-align:center; position:relative;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1920px; height:512px; background:#fff; position:absolute; left:50%; margin-left: -960px; 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:127px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; position:absolute; top:127px; right:10px; z-index:10;}
#playBox .smalltitle {width:100%; height:12px; position:absolute; bottom:20px; z-index:10; text-align:center;}
#playBox .smalltitle ul{ width:150px; margin:0 auto; text-align:center;}
#playBox .smalltitle ul li{cursor:pointer; width: 12px; height:12px; border-radius: 50%; text-indent: -999999; margin:0 10px; color:#ccc; background-color: #ccc; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#ff6633; background-color: #ff6633}

/*主要内容区*/
.hot{background: #fff url(/css/hot_title.png) no-repeat top center; padding-top:65px;}
.hot-list{margin-top:20px;}
.hot-list a{float:left; margin-left:20px; _display:inline; font-size:16px; width:214px; height:50px; line-height:50px; border:1px solid #363636; background:#363636; color:#fff; text-align:center; margin-bottom:20px; border-radius:5px;}
.hot-list a:hover{background:#fff; color:#363636;}
 
.title02{height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.title02 h3{font-size:16px; background:url(../images/icon_title.png) no-repeat left center; float:left; padding-left:10px;}
.title02 a{float:right;}

.hotProList{}
.hotProList li{width:275px; overflow:hidden; float:left; margin:20px 0 0 20px;  _display:inline;}
.hotProList li img{width:273px; height:220px; border:1px solid #ccc;}
.hotProList li a{display: block;}
.hotProList li h4{height:30px; line-height:30px; text-align:center; font-size:14px; margin-top: 15px;}
.hotProList li h4 a{color:#333; font-size: 16px;}

.caseList{height:230px; position:relative; margin:25px auto;}
.caseList .leftBtn{position:absolute; left:0px; top:83px; width:22px; height:22px; cursor:pointer;}
.caseList .rightBtn{position:absolute; right:0px; top:83px; width:22px; height:22px; cursor:pointer;}
.caseList ul{width:1136px; overflow:hidden; position:absolute; left:32px; top:0;}
.caseList ul li{width:272px; overflow:hidden; float:left; margin:0 15px 0 0;}
.caseList ul li img{width:262px; height:200px; border:1px solid #ccc; padding:4px;}
.caseList ul li p{height:30px; line-height:30px; text-align:center; font-weight:normal; font-size:14px; margin:10px 0;}

.about{width:850px; overflow:hidden;}
.aboutImg{width:350px; height:150px; float:left; margin-right:30px;}
.aboutBox{padding:20px 0;}
.aboutCon{width:470px; line-height:26px; font-size:14px;}
.aboutMore{color:#ff5900;}
.aboutTel{font-size:16px; line-height:30px;}
.aboutTel span{color:#ff5a00; font-size:24px;}

.news{width:585px;}
.newsList{padding:10px 10px;}
.newsList li{height:36px; line-height:36px; border-bottom:1px dashed #ccc;}
.newsList li a{float:left; font-size:14px;}
.newsList li span{float:right;}
.contact{width:320px;}
.contactCon{padding:10px 10px; line-height:25px; font-size:14px;}

.linkCon{padding:10px 0; line-height:26px;}
.linkCon a{margin:0 5px;}
.footer{background-color:#363636; padding:30px 0; text-align:center; line-height:30px; color:#fff; margin-top:20px;}
.footer a{color:#fff; }
.footer a:hover{color:#fff; }

/*单页*/
.sidebar{width:252px; overflow:hidden;}
.main{width:918px; overflow:hidden;}
.place{height:45px; line-height:45px; background:#363636; color:#fff; font-size:16px; padding:0 20px;}
.place a{color:#fff;}
.mainCon{padding:20px 15px; font-size:14px; line-height:30px;}
.mainCon01{font-size:14px; line-height:30px;}

.proList{background:url(/css/sidebar_title.png) no-repeat top center; padding-top:46px;}
.proList li{width: 252px; height: 49px; margin-top:5px;}
.proList li a{display:block; width: 212px; height: 49px; line-height:49px; background:url(/css/li_bg.png) repeat-x; padding:0 20px; color:#fff;  font-size:18px;}
.proList li a:hover{color:#fff; background: url(/css/nav_hover.png)repeat-x; font-size:18px;}
.contact-tel{height:90px; background: #363636 url(/css/sidebar_tel.png) 18px center no-repeat; padding-left:90px; color:#fff; font-size:16px; line-height:30px;}
.contact-tel span{display:block; padding-top:10px;}
.contact-tel b{display:block; font-size:20px;}

/*文章列表页*/
.mainNewsList{margin-top:-20px;}
.mainNewsList li{height:38px; line-height:38px; border-bottom: 1px dashed #ccc;}
.mainNewsList li a{float:left;}
.mainNewsList li a:hover{text-decoration:underline;}
.mainNewsList li span{float:right;}

/*产品列表页
.mainConPro{padding:0; font-size:14px;}
.mainProList li{width:250px; float:left; margin:20px 0 0 30px; overflow:hidden; display:inline; background:url(../images/product_bottom.jpg) no-repeat bottom center; padding-bottom:13px;}
.mainProList li img{width:248px; height:180px;  border:1px solid #ccc;}
.mainProList li h4{height:30px; line-height:30px; text-align:center; font-weight:normal; font-size:14px; margin:10px 0;}
*/

/*产品内容页*/
.mainConTit{height:30px; line-height:30px; text-align:center; font-size:26px; margin-bottom:20px;}
.mainConAuthor{height:36px; line-height:36px; border: 1px solid #efefef; background:#f8f8f8; margin-bottom:20px;  text-align:center;}
.mainConAuthor span{margin:0 10px;}
.mainPic{padding:0 14px; font-size:14px; margin-bottom:20px;}
.image{width:302px; height:223px; overflow:hidden; margin-right:20px;}
.image img{width:300px; height:220px; border:1px solid #999;}
.content{padding:0 14px; font-size:14px;}
.content img{margin: 0 auto; display: block; max-width: 100%;}
.pagination{margin-top:20px; height:50px; line-height:50px; padding:0 15px;  border-top:1px dashed #ccc;}
.article{margin:20px auto; height:30px; line-height:30px; border-bottom:2px solid #093050;  font-size:15px;}
.article h3{width:100px; height:30px; text-align:center; background-color:#093050; color:#fff;}
.relate{margin:20px auto; border:1px solid #ccc; overflow:hidden;}
.relate h3{height:30px; line-height:30px; padding-left:10px; font-size:14px; border-bottom:1px solid #ccc;}
.ProShow{padding-left:11px;}
.ProShow li{width:195px; float:left; margin:15px 11px 0 0; overflow:hidden;}
.ProShow li img{width:193px; height:150px; border:1px solid #ccc;}
.ProShow li h4{height:30px; line-height:30px; text-align:center;}
.NewsShow li{width:48%; float:left; height:32px; line-height:32px;}
.NewsShow li a{float:left; padding-left:15px;}
.NewsShow li span{float:right;}

/*分页*/
.page{ line-height:24px; text-align:center; margin-top:30px;}
.page li{display:inline-block; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
.page li a{color: #555;}
.page li a:hover{background:#363636; color:#fff;}
.page li.thisclass{background: #363636; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color: #363636; color: #fff;}
.page .pageinfo strong{font-weight:normal;}