@charset "utf-8";
/*reset  css*/
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, 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%;}
a{text-decoration: none; color:#656565;}
a:hover{text-decoration: underline; }

/*common  css*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}

/*index  css*/
.header{width: 1200px; height: 120px; margin: 0 auto; position: relative;}
.header .logo{width: 600px; height: 100px; position: absolute; top: 38px; left: 0;}
.header .header-to{position: absolute; top: 5px; left: 0; color:#999;}
.header .headerTop{position: absolute; top: 5px; right: 0; color:#999;}
.header .headerTop a{margin:0 5px; color:#006699;}
.header .tel{position: absolute; bottom: 15px; right: 20px; font-size: 28px; color: #ff9900; background:url(../images/tel.png) no-repeat left center; padding-left:34px;margin-bottom: 15px;font-weight:600;}
.header .tel span{font-size:16px; display:block; color:#000;font-weight:100;}
.nav{height: 50px; background:#4b9b04}
.nav ul{width: 1200px; height: 50px; margin: 0 auto;}
.nav li{width: 122px; height: 50px; line-height: 50px; float: left; text-align: center; font-weight: bold; background:url(../images/nav_line.png) no-repeat right center;}
.nav li a{display: block; width: 122px; height: 50px; font-size: 16px; color: #fff;}
.nav li a:hover{color:#fff; font-weight: bold; text-decoration: none;}
.banner{width: 1920px; height: 500px;  margin: 10px auto; overflow: hidden; visibility: hidden;}
#focus {width:1920px; height:500px; margin: 10px auto; overflow:hidden; position:relative;}
#focus ul {height:500px; position:absolute;}
#focus ul li {float:left; width:1920px; height:500px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1920px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:960px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
.content{width: 1200px; margin: 0 auto;}
.sideTitle{width: 100%; height: 60px; line-height: 60px; background:#4b9b04;; overflow: hidden; border-bottom:1px solid #ddd; color: #fff;font-size:14px;}
 .mainTop{width: 100%; height: 35px; line-height: 35px; background:#f5f5f5; overflow: hidden; border-bottom:1px solid #ddd; color: #006699;}
.title h3{font-size: 14px; padding-left: 20px; font-weight: bold; background: url(../images/title_icon.png) no-repeat left center; float: left;}
.title span{line-height: 37px; font-weight: bold; float: left; padding-left:5px; }
.more{float: right; width: 29px; height: 7px; background: url(../images/more.gif) no-repeat; margin: 14px 13px 0 0;  text-indent: -9999px;}

.about{width: 250px; margin-right: 10px; border: 1px solid #ddd;}
.aboutContent, .newsContent, .contactContent{height:230px; padding: 10px; overflow: hidden;}
.aboutContent img{width:220px; height:100px; margin:0 5px 10px 5px;}
.aboutContent p{text-indent:2em;}
.news{width: 420px; float: left; margin-right: 10px; border: 1px solid #ddd;}
.news li{height: 28px; line-height: 28px; background: url(../images/icon01.gif) no-repeat left center; border-bottom: 1px dashed #ccc; vertical-align: middle; overflow: hidden;}
.news li a{float: left; margin-left: 12px;}
.news li span{float: right; font-weight: normal; color: #006699;}
.contact{width: 284px; border: 1px solid #ddd;}
.product{width: 978px; border: 1px solid #ddd; margin-top:10px;}
.productContent{width: 978px;}
.listPro{width:252px; border-right:1px solid #ddd; float:left;}
.listPro li{height: 40px; line-height: 40px; border-bottom: 1px solid #ddd;}
.listPro li a{margin-left: 15px; background: url(../images/icon02.gif) left center no-repeat; padding-left: 24px;}
.proShow{width:725px; float:right;}
.productShow li{width: 163px; float: left; margin: 25px 0 0 14px; display: inline;}
.productShow li img{width: 156px; height: 126px; padding: 2px; border: 1px solid #ddd;}
.productShow li h4{line-height: 30px; text-align: center;}
.productShow li h4 a{color:#006699;}
.footlinks {clear:both;margin:5px auto;padding:2px;width:974px;height:auto;font-size:9pt;line-height:140%;color:#777;text-align:left;border:solid 1px #EEE;}
.footlinks a:link, .footlinks a:visited {font-size:9pt;line-height:140%;color:#777;}
.flink{width: 1920px; margin: 0 auto; margin-top: 10px; min-height: 24px; _height:24px; line-height: 24px; word-break: keep-all; text-align: left;}
.flink a, .flink span{margin: 0 5px;}
.footer{background: #ccc; border-top:2px solid #196ba7; padding: 10px 0; margin-top: 10px; text-align: center; color: #000;}
.footer p{line-height: 30px;}


/*sidebar  css*/
.sidebar{width: 220px; overflow: hidden; margin-right: 15px;}
.sideTitle h3{font-size: 22px; padding-left: 10px; font-weight: bold; float: left;}
.sideTitle span{line-height: 60px; font-weight: bold; float: left; padding-left:5px;}
.list, .sideContact{width:218px; border: 1px solid #ddd; margin-bottom:10px;}
.listContent{padding: 10px;}
/* .listContent li{height:35px; line-height:35px; border-bottom: 1px dashed #ccc; background:url(../images/icon04.gif) no-repeat left center;}
.listContent li a{margin-left:12px;font-size:14px;color:#333;} */
.listContent li{line-height:30px; margin-top: 10px;}
.listContent li a{font-size:14px;color:#333; text-align: center; display: block;}
.listContent li img {width: 100%; height: auto;}
.sideContactCon{font-size:14px;line-height:28px;}

/*main  css*/
.main{width: 960px; overflow: hidden;}
.mainTop p{background:url(../images/icon03.gif) no-repeat left center; margin-left:10px; padding-left:20px; color:#000;}
.mainCon{padding: 20px; min-height:535px; _height:535px;    font-size: 14px;}
.mainCon02{padding-bottom:20px;}
.mainNews li{height: 35px; line-height: 35px; background: url(../images/icon01.gif) no-repeat left center; border-bottom: 1px dashed #ccc; vertical-align: middle; overflow: hidden;}
.mainNews li a, .related_article li a{float: left; margin-left: 12px;}
.mainNews li a:hover{text-decoration: none;}
.mainNews li span, .related_article li span{float: right;}
.mainPro{width: 990px;overflow: hidden;}
.mainPro li{    width: 222px;float: left;margin: 25px 25px 0 0px;display: inline;}
.mainPro li img{width: 213px; height: 175px; padding: 2px; border: 1px solid #ddd;}
.mainPro li h4{line-height: 35px; height: 35px; text-align: center;background: #505050;}
.mainPro li h4 a{color:#fff;background: #505050;}

/*page  css*/
.list_page{text-align:center; padding-top:25px; clear:both;}
.list_page a{margin:0 3px;padding:2px 6px;border:1px solid #666; color:#333; cursor:pointer;}
.list_page .thispage{background:#ff9900; color:#fff;}
.list_page span{margin:0 3px;padding:2px 6px;border:1px solid #666;}

.article_title{font-size:16px; line-height:26px; color:#000; text-align:center;}
.article_author{text-align:center; border-bottom:1px dotted #ccc; padding-top:10px;}
.article_author span{margin-right:15px; line-height:2em;}
.article_content{padding:20px 0;}
.page_next{text-align:center; border-bottom:1px dotted #ccc;}
.page_next span{margin-right:40px; line-height:45px;}
.article_img{display:block; width:400px; height:300px; border: 1px solid #ccc; margin: 20px auto;}
.article_img img{width:400px; height:300px;}
.article_smalltitle,.pro_info{height:30px;line-height:30px; font-size:14px; }
.related_article li, .related_pro li{width:45%; margin-left:15px; float:left; background:url(../images/ico01.gif) left center no-repeat; padding-left:15px; display: inline;}
.related_pro li{background:url(../images/icon03.jpg) left center no-repeat; padding-left: 20px; }
.pro_info{border-bottom: 1px dotted #ccc;}