﻿@charset "utf-8";
/* CSS Document */

/* ====================
     公共样式 www.dede58.com 做完整无错带数据的织梦模板
==================== */
body {background:url(../img/webbg.jpg) repeat-x #fff;font-size:12px;font-family:"宋体",Arial, Verdana;line-height:200%;margin:0 auto;padding:0;color:#666;}
div {margin:0 auto;padding:0;}
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p {margin:0;padding:0;border:none;list-style-type:none;}
.block {width:980px;height:auto;}
.f_l {float:left;}
.f_r {float:right;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.dis {display:block;}
.inline {display:inline;}
.none {display:none;}
.dashed {background:url(../img/linebg.gif) repeat-x left top;color:#3f3f3f;padding:2px 0 3px 12px;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
/*英文强制换行*/
.word {word-break:break-all;}
a{ text-decoration:none; color:#666;}
a:hover{color:#666;}
.clear{clear:both;}
.blank{height:17px; line-height:17px; clear:both; visibility:hidden;}
.float_bg{background:url(../img/qq_3.gif) repeat-y left top;width:118px;padding:2px 0;float:left;}

.bg{background:url(../img/bg.jpg) no-repeat center top;}
.logo{width:410px;height:100px;float:left;background:url(../img/logo.png) no-repeat;}
.logo a{ display:block; width:410px; height:100px; text-indent:-9999px;}
.tel{width:300px;height:100px;float:right; text-align:right; background:url(../img/tel.png) no-repeat right; color:#000; line-height:32px;}
/*menu*/
#navigate{width:100%;height:40px;float:left;line-height:40px;}
#navigate li{float:left;width:163px;text-align:center; }
#navigate li a{color:#fff;font-size:14px; font-weight:bold;width:163px;display:block;background:url(../img/nav_li.jpg) no-repeat right;}
#navigate li a:hover{color:#f60;}
#navigate li a.current{color:#f60;background:url(../img/nav_li.jpg) no-repeat right;}
/*end*/
.banner{background:url(../img/bannerbg.jpg) no-repeat bottom; padding-bottom:17px;}
#left{width:205px;float:left;}
#right{width:762px;float:right;}
.lefttitle{height:32px;background:url(../img/lefttit.jpg) no-repeat;}
.lefttitle2{height:32px; line-height:32px; font-weight:bold; font-size:14px;color:#0B78C6; padding-left:18px;background:url(../img/lefttitle.jpg) no-repeat;}
.leftlist{border:solid #DCDCDC 1px;border-top:none;padding:8px;}
.leftlist ul{margin:0px;padding:0px;}
.leftlist li.first_cat{line-height:30px; border-bottom:dashed #E5E5E5 1px;margin:0px;padding:0px; list-style-type:none;}
.leftlist li.second_cat{display:none;padding:0 0 0 18px; background:none; border:none; }
.leftlist li.second_cat ul{padding:0;margin:0; list-style-type:none;}
.leftlist li.second_cat li{padding:0;margin:0;}
.leftcon{height:65px; background:url(../img/leftcon.jpg) no-repeat; margin-top:10px;}
.leftconbox{border:solid #E6E6E6 1px; border-top:none; padding:8px;}

.more{float:right; padding-right:4px; padding-top:5px;}
.more a,.more a:hover{color:#f60;}
.indexabout{width:514px;float:left; overflow:hidden;}
.title1{height:32px;background:url(../img/title1.jpg) no-repeat;}
.aboutbox{padding:10px 0 0 0;}
.indexnews{width:235px;float:right;}
.title2{height:32px;background:url(../img/title2.jpg) no-repeat;}
.indexnews ul{padding:7px 0 0 0;}
.indexnews li{height:24px; line-height:24px; background:url(../img/dd.jpg) no-repeat 3px 9px; padding-left:18px;}
.linv{height:18px; line-height:18px; background:url(../img/linv.jpg) no-repeat; clear:both;}
.title3{height:32px;background:url(../img/title3.jpg) no-repeat;}
.title4{height:32px;background:url(../img/title4.jpg) no-repeat;}
.indexpro{width:762px; overflow:hidden; padding:17px 0 5px 0;}
.indexpro ul{width:796px;}
.indexpro li{width:165px;float:left; margin-right:34px; display:inline; text-align:center;}
.indexpro li img{width:165px; height:155px;}

.footer{background:url(../img/footer.jpg) repeat-x #0069A8; padding:10px 0;color:#fff;line-height:24px; text-align:center;}
.footer a,.footer a:hover{color:#fff;}
.footnav a{ padding:0 10px;}
.footall{}

.title{height:32px; line-height:32px; color:#0B78C6; font-weight:bold; font-size:14px;background:url(../img/title.jpg) no-repeat; padding:0 3px;}
.title span{float:right; font-weight:normal; font-size:12px;}
.channelbox{ padding:10px 0;}

/*flash*/
#banner{width:100%;float:left;float:left;}
#flash{width:100%;float:left;}
#myFocus{width:980px; height:275px;}
/*end*/

/*news*/
.articleList{width:100%;float:left;}
.articleList ul{margin:0px;padding:0px;list-style-type:none;}
.articleList li{margin:0px;padding:0 0 0 10px;list-style-type:none;border-bottom:1px dotted #ccc;background:url(../img/li_0.jpg) no-repeat left center;line-height:25px;}
.time{color:#959595; float:right;}
.articleTitle{ font-weight:bold; font-size:18px; text-align:center;}
.articleAuthor{text-align:center; padding:7px 0px;border-bottom:1px dotted #ccc;}
.articleauthor span{ margin:0px 6px; font-size:9pt;}
.articleInfo{width:100%;padding:10px 0;}
.pageUpDown{padding-top:10px;text-align: left;}
/*end*/

/*Product*/
.productList{width:100%;float:left;}
.productList ul{margin:0px;padding:0px;list-style-type:none;}
.productList li{margin:5px 0px;padding:0px;list-style-type:none;text-align:center;float:left;width:190px;height:190px;display:inline;line-height:25px; overflow:hidden;}
.productList li img{width:165px; height:155px; border:1px solid #ccc;padding:1px;}

.productTitle{line-height:28px;font-weight:bold;}
.productImg{width:350px;text-align:center;float:left;}
.productImg img{width:350px;border:1px solid #ccc;padding:1px;}
.productRight{width:330px;float:right;}
.p_title{width:100%;float:left;margin:10px 0 0 0;border-bottom:1px dotted #ccc;line-height:25px;}
.p_title span{font-size:14px;font-weight:bold;}
.productDesc{ line-height:200%;padding:10px 0;width:100%;float:left;}
/*end*/

/*page*/
.pages{ font-size:12px;text-align:center; padding:10px 0px 10px 0px;}
.pages a{font-size:12px;padding:2px 5px;border:1px solid #ccc;margin:0 2px;}
.pages a:hover{background:#eee;}
.pages a.page_now{background:#eee;color:#f00;}
.pages select{ vertical-align:middle; font-size:8pt; padding:0px; }
.pages b{ font-weight:normal;}
/*end*/

/*分页*/
.m-page{text-align:right;font-size:0;height:38px;line-height:38px; padding-right:10px;}
.m-page li{ display:inline}
.m-page a,.m-page i{display:inline-block;font-size:15px;background-color:#fff; padding:0px 13px;height:36px;overflow:hidden;text-align:center;border:1px #ddd solid;color:#bbb;font-family:Arial;margin-left:5px;vertical-align:top;}
.m-page a.next,.m-page a.prev{font-family:宋体;font-size:16px;font-weight:700;}
.m-page a:hover,.m-page li.thisclass a{background-color:#1687D7;color:#fff;}
.m-page span{font-size:14px;padding-right:10px;}
/*end*/

#iproduct {clear:both; width:762px;}
#iproduct a.arrleft {margin-top: 60px; width: 22px; display: block; background: url(../img/arr_left.gif) no-repeat 0px 20px; float: left; height: 50px}
#iproduct a.arrright {margin-top: 60px; width: 20px; display: block; background: url(../img/arr_right.gif) no-repeat right 20px; float: right; height: 50px}
#iproduct #iloop {width: 718px; float: left; height: 180px; margin-left: 0px; overflow: hidden}
#iproduct #iloop img {margin-right: 14px}
#tt {position: absolute; display: block; background:url(../img/tt_left.gif) no-repeat left top}
#tttop {display: block;  background: url(../img/tt_top.gif) no-repeat right top; height: 5px; margin-left: 5px; overflow:hidden}
#ttcont {padding-bottom: 3px; padding-left: 7px; padding-right: 12px; display: block;background:  #666; color: #fff; margin-left: 5px; padding-top: 2px}
#ttbot {display: block; background: url(../img/tt_bottom.gif) no-repeat right top; height: 5px; margin-left: 5px;overflow: hidden}

#iproduct2 {clear:both; width:762px;}
#iproduct2 a.arrleft {margin-top: 60px; width: 22px; display: block; background: url(../img/arr_left.gif) no-repeat 0px 20px; float: left; height: 50px}
#iproduct2 a.arrright {margin-top: 60px; width: 20px; display: block; background: url(../img/arr_right.gif) no-repeat right 20px; float: right; height: 50px}
#iproduct2 #iloop2 {width: 718px; float: left; height: 180px; margin-left: 0px; overflow: hidden}
#iproduct2 #iloop2 img {margin-right: 14px}



