﻿@charset "utf-8";
/*reset  css*/
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", tahoma, Arial, Helvetica, sans-serif; /* background: #eaeaea; */ 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; color:#ff4b00;}

/*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*/
.top{height: 120px; background:url(../images/header_bg.jpg) repeat-x;}
.header{width: 1000px; height: 115px; margin: 0 auto; position: relative; overflow:hidden;}
.header h1{width: 721px; height: 112px; position: absolute; top: 3px; left: 0;}
.header .headerTop{width:251px; height:24px; line-height:24px; background:url(../images/top_bg2.gif)no-repeat; position: absolute; top: 0; right: 0; text-align:center; color:#999;}
.header .headerTop a{margin:0 5px; color:#999;}
.header .headerTop a:hover{}
.header .tel{width:341px; height:76px; position: absolute; bottom: 0; right: 0;}
.nav{height: 37px; padding:1px 0 8px; background: url(../images/nav_bg.jpg) repeat-x;}
.nav ul{width: 1000px; height: 37px; margin: 0 auto;}
.nav li{width: 122px; height: 37px; line-height: 37px; float: left; text-align: center; font-weight: bold; background:url(../images/nav_line.gif) no-repeat right center;}
.nav li a{display: block; width: 122px; height: 37px; font-size: 14px; color: #fff; font-weight: bold;}
.nav li a:hover{color:#fff; font-weight: bold; text-decoration: none; background:url(../images/nav_hover.gif) no-repeat;}
.banner{width: 1000px; height: 300px;  margin: 5px auto; overflow: hidden; visibility: hidden;}
.content{width: 1000px; margin: 0px auto; padding:5px 0;}
.list{width: 220px; margin-bottom: 10px; margin-right:13px; overflow:hidden;}
.listTitle{width: 100%; height: 35px; line-height: 35px; background: url(../images/title_bg2.gif) repeat-x;}
.listTitle h3{font-size: 14px; padding-left: 20px; color: #fff; float: left;}
.listTitle span{margin-left: 10px; color: #fff; font-weight: bold; float: left; display: inline;}
.mainTitle{width:100%; height:35px; line-height:35px; background:url(../images/title_bg1.jpg) repeat-x; border-bottom:1px solid #ddd;}
.mainTitle h3{font-size: 14px; padding-left: 20px; color: #b80000; float: left;}
.mainTitle p{float:right; padding-right:10px;}
.icon03 h3{width:80px; background:url(../images/icon003.gif) repeat-x; color:#fff;}
.mainTitle span{margin-left: 10px; color: #fff; font-weight: bold; float: left; display: inline;}
.more{display: block; width: 34px; height: 11px; margin: 12px 10px 0 0; float: right; display: inline;}
.about, .news{width:691px; border:1px solid #ddd; margin-bottom: 10px; margin-right:13px; overflow:hidden;}
.aboutCon{padding:10px; height:226px; background:#fff;}
.aboutCon .code{width:144px; height:144px; float:left; margin-right:10px;}
.aboutCon p{text-indent:2em;}
.video, .honor{width:290px; border:1px solid #ddd;}
.videoCon, .honorCon{padding:10px; height:226px; background:#fff;}
#PicSlideshow{width:270px; height:226px; overflow:hidden; visibility: hidden;}
.honorCon{width:270px; height:214px; overflow: hidden; visibility: hidden;}
.honorCon img{width:270px; height:214px; overflow:hidden;}
.newsCon{padding:0 10px; height:234px; background:#fff;}
.news{width:375px;}
.news li{height: 27px; line-height: 27px; background: url(../images/icon02.gif) no-repeat left center; border-bottom: 1px dashed #ddd; vertical-align: middle;}
.news li a{float: left; margin-left: 12px;}
.news li span{float: right; font-weight: normal; color: #333;}
.product{width: 765px; margin-bottom: 10px; padding-bottom:10px; border:1px solid #ddd; background:#fff;}
.productCon{width: 100%; background:#fff; float:left;}
.productCon li{width: 178px; float: left; margin-left: 10px; display:inline; margin-top:12px;}
.productCon img{width: 176px; height: 120px; border:1px solid #e3e3e3;}
.productCon h4, .showList li h4{height: 20px; line-height: 20px; text-align: center; margin-top:10px;}
.show{border:1px solid #ddd; width:998px; margin:0 auto;}
.showList{position:relative; height:170px;}
.showList .leftBtn{position:absolute; left:10px; top:65px; width:12px; height:28px; cursor:pointer; background:url(../images/left_button.png) no-repeat;}
.showList .rightBtn{position:absolute; right:10px; top:65px; width:12px; height:28px; cursor:pointer; background:url(../images/right_button.png) no-repeat;}
.showList ul{overflow:hidden; position:absolute; left:24px; top:0; width:944px; height:170px; position:absolute;}
.showList li{width:178px; float:left; margin-left: 10px; display:inline; margin-top:10px;}
.showList li img{width:176px; height:120px; border:1px solid #ccc;}
.flink{width: 988px; margin: 0 auto; margin: 0 auto; line-height: 24px; word-break: keep-all; text-align: left; padding:10px 5px; border:1px solid #ddd; background:#fff;}
.flink a, .flink span{margin: 0 5px;}
.footer{padding: 10px 0; margin-top: 10px; text-align: center; /*  border-top:5px solid #a60002;  */ background:#b80000; color:#fff;}
.footerCon{width:1000px; margin:0 auto; position:relative;}
.footerCon .erweima{width:64px; height:64px; position:absolute; right:10px; top:0px;}
.footer p{line-height: 30px;}
.footer a{color:#fff;}


/*sidebar  css*/
.sidebar{width: 225px; margin-right: 10px; margin-bottom:10px; overflow:hidden;}
.listCon{width:218px; border:1px solid #ddd; background:url(../images/left_bg.jpg) repeat-y;}
.listCon li{width: 210px; height: 30px; line-height: 30px; border-bottom: 1px solid #e3e3e3; margin:0 5px; background:url(../images/icon01.gif) no-repeat 10px 10px;}
.listCon li a{margin-left: 30px;}
.sideContact{width: 220px; margin-bottom: 10px;}
.Contact{width: 220px; margin-bottom: 10px; /* margin-right:13px; */ overflow:hidden;}
.sideContactCon{width: 198px; padding:5px 10px; border:1px solid #ddd; background:url(../images/left_bg.jpg) repeat-y; }

/*main  css*/
.main{width: 765px; margin-bottom:10px;}
.main02{width: 763px; border:1px solid #ddd; margin-bottom: 10px;}
.mainCon{padding: 20px 10px; line-height: 2em; overflow:hidden; background:#fff;}
.mainCon02{padding: 20px 0; line-height: 2em; background:#fff;}
.mainNews li{height: 30px; line-height: 30px; background: url(../images/icon05.gif) no-repeat left center; padding-left: 10px; border-bottom: 1px dotted #dfdfdf; vertical-align: middle;}
.mainNews li a, .related_article li a{float: left;}
.mainNews li a:hover{text-decoration: none;}
.mainNews li span, .related_article li span{float: right;}
.mainPro li{width: 176px; float: left; margin: 0 0 15px 10px; display: inline;  border:1px solid #d7d7d7;}
.mainPro li img{width: 166px; height: 110px; padding:5px 5px 0 5px;}
.mainPro li h4{font-size: 14px; line-height: 20px; text-align: center; padding-bottom:5px;}
.mainVideo li{width: 240px; float: left; margin: 0 0 5px 10px; display: inline;}
.mainVideo li img{width: 228px; height: 164px; padding:5px 5px 0 5px; border:1px solid #d7d7d7;}
.mainVideo li h4{font-size: 14px; line-height: 20px; text-align: center; padding-bottom:5px;}
.page{ height: 20px; text-align:center; margin-top:10px;}
.page li{ display:inline; margin:0px 3px;}
.page li.thisclass a{ text-decoration:none; cursor:default; color:#C00;}

.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:30px; color:#000; text-align:center;}
.article_author{text-align:center; border-bottom:1px solid #d7d7d7; 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;}
.pro_intr{margin-bottom: 20px;}
.pro_intr h2{font-size: 16px; line-height: 30px; color: #cc0000; float: left;}
.pro_intr p{float:left; width:350px; margin-bottom: 10px; font-size: 14px;}
.pro_intr p span {color: #cc0000; font-weight: bold;}
.article_img{display:block; width:400px; height:300px; 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 solid #d7d7d7;}

