@charset "utf-8";

/*重置*/
body{margin: 0 auto; font: 14px/1.5em "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:1200px; margin:0 auto;overflow: hidden;}
.mt30{margin-top:30px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mt10{margin-top:10px;}
.bd{border:1px solid #999;}
.bt{border-bottom:1px solid #999;}
.h3{font-size:18px}
.h6{font-size:14px}
/*顶部*/
.top{height:30px; line-height:30px; text-align:right; background-color:#dedede;}
.top a{margin:0 5px;}

/*头部*/
.header{height:120px;}
.header .logo{width:600px; height:70px; margin-top:25px;}
.header .tel{line-height:30px; margin-top:30px; font-size:35px; color:#fb230d; font-weight: bold;}
.header .tel span{display: block; font-size: 18px; color: #333; font-weight: normal; }

/*导航*/
.nav{height:55px;/* background:url(../images/nav.jpg) repeat-x; */background: #0045a2;}
.nav ul li{width:132px;height: 55px;line-height: 55px;float:left;text-align:center;font-size:18px;border-left: 1px solid #eee;}
li:ffirst-child{ border-left:none; }
.nav ul li h2{font-size: initial;line-height: 55px;}
.nav ul li a{display:block;width:100%;height: 55px;color:#fff;font-size: 16px;}
.nav ul li a:hover{color:#fff; background-color:#0066cc;}

/*轮播图*/
.banner{width:100%; height:418px; 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:418px; 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: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:10px; position:absolute; bottom:20px; z-index:10; text-align:center;}
#playBox .smalltitle ul{ width:210px; margin:0 auto; text-align:left;}
#playBox .smalltitle ul li{cursor:pointer; width:16px; height:16px; margin:0 5px; border-radius:10px; margin:0 5px; color:#fff; background-color:#fff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#088cca; background-color:#088cca;}

.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; right:50%; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin: 0 8px;  width:16px; height:16px; line-height:16px; text-align:center; background:#fff; cursor:pointer; border-radius:10px;}
.slideBox .hd ul li.on{ color:#088cca; background-color:#088cca;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }

.picMarquee-left{overflow:hidden;position:relative;/* border:1px solid #ccc; */width: 1156px;padding:20px;}
.picMarquee-left .bd{  border: none; width: 1156px; overflow:hidden;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{margin:0 20px 0 0;float:left;_display:inline;overflow:hidden;text-align:center;background: #f5f5f5;}
.picMarquee-left .bd ul li img{width:230px;height:170px;display:block;padding:2px;/* border:1px solid #ccc; */}
.picMarquee-left .bd ul li h3{ display: block; line-height: 40px;font-size: initial;}

/*主要内容区*/
.proList{width:240px;}
.title01{height:50px; line-height:50px; background: #0045a2;text-align:center;}
.title01 span, .title01 h3, .title01 b{display: block; font-size:20px;color:#fff;line-height: 50px;}
.proList ul{border:1px solid #2091de; padding: 0 10px 10px;}
.proList ul li{width:100%; height:32px; line-height:32px; margin-top:10px;}
.proList ul li a{display:block; width:100%; height:32px; background-color: #ededed; font-size:14px; color:#333; text-align: center;}
.proList ul li a:hover{background-color:#ccc; color:#F3780E;}

.hotPro{width:940px;}
.title02{height:35px; line-height:35px;  background:url(../images/title02.png) no-repeat;}
.title02 span, .title02 h3{width:136px; float:left; font-size:20px; color:#fff; text-align:center;}
.title02 .more{float:right; margin-right:10px; display:inline;}
.hotPro ul{border:1px solid #ccc; border-top:none; overflow:hidden; padding: 20px 0 0 20px; width: 918px}
.hotPro li{width:209px; float:left; margin:0 20px 20px 0; display:inline;}
.hotPro li img{width:207px; height:158px; border:1px solid #ccc;}
.hotPro li strong{display:block; height:20px; line-height:20px; text-align:center; font-weight:normal; margin-top: 10px; text-align:center;}

.ys{background:#e8e8e8; padding:30px 0;}
.ys h2,.ys span{display: block;border-bottom:1px solid #999; font-size:40px; color:#ff6600; line-height:70px; text-align:center; margin-bottom:30px;}
.ys ul{width:100%}
.ys li{width:538px; height:215px; float:left; margin:0 20px 20px 0; padding:20px; border:1px solid #ccc; background-color:#fff;}
.ys li img{float:left; width:140px; margin-top:45px;}
.ysTxt{float:right; width:370px;}
.ysTxt h3, .ysTxt b{display: block; font-size:24px; margin:45px 0 15px; color:#0a91cc;}
.ysTxt h3 span, .ysTxt b span{font-size:60px; font-family:"宋体"; margin-right:10px; color:#666;}
.ysTxt p{font-size:14px; line-height: 30px;}

.about{width:880px;}
.show, .contact{width:300px;}
.aboutCon{padding:20px; line-height:30px; border: 1px solid #ccc; overflow:hidden;}
.aboutCon .aboutImg{width:260px; height:180px; padding:4px; border:1px solid #ccc; float:left; margin-right:20px;}
.showCon{width:300px; height:200px; overflow:hidden; visibility:hidden; margin-top:10px;}
.showCon img{width:300px; height:200px;}
.news{width:590px;}
.newsCon{padding:20px; line-height:30px; border: 1px solid #ccc;}
.newsImg{width:224px; height:200px; margin-right:25px;}
.newsList{}
.newsList li{height:36px; line-height:36px; border-bottom:1px dashed #ccc;}
.newsList li a{float:left;}
.newsList li span{float:right;}
.contactTxt{padding:20px; line-height:30px; border: 1px solid #ccc; min-height: 270px;}

.title03{font-size:14px; border-bottom:1px solid #999;}
.linkCon{padding:10px 0; line-height:26px;}
.linkCon a{margin:0 5px;}
.footer{padding:20px 0; text-align:center; line-height:30px; background-color:#252525; color:#fff;}
.footer a, .footer a:hover{color:#fff;}

/*单页*/
.sidebar{width:240px; overflow:hidden;}
.sideContact{width:100%; background-color:#e6e6e6;}
.sideContactTxt{padding:10px;}
.main{width:940px; overflow:hidden;}
.mainCon{padding:10px 0; font-size:14px; line-height:30px;}
.title04{height:40px; line-height:40px; border-bottom:2px solid #ccc;}
.title04 span{float:left; font-size:16px;}
.title04 p{float:right;}

/*文章列表页*/
.mainNewsList{}
.mainNewsList li{height:38px;line-height:38px;border-bottom: 1px dashed #ccc;background:url(../images/ico01.gif) no-repeat 10px center;padding-left:25px;width: 100;}
.mainNewsList li a{float:left;width: 80%;}
.mainNewsList li a:hover{text-decoration:underline;}
.mainNewsList li span{float:right;text-align: right;display: block;}

/*产品列表页*/
.mainProList{overflow:hidden; padding-bottom:20px;}
.mainProList li{width:210px; float:left; margin:20px 0 0 20px; display:inline;}
.mainProList li img{width:208px; height:158px; border:1px solid #ccc;}
.mainProList li strong{display:block; height:20px; line-height:20px; text-align:center; font-weight:normal; text-align:center; margin-top:10px;}

/*产品内容页*/
.mainConTit{height:30px; line-height:30px; text-align:center; font-size:24px; margin-bottom:20px;}
.mainConTit02{height:30px; line-height:30px; font-size:16px; margin-bottom:10px;}
.mainConAuthor{height:30px; line-height:30px; border-bottom: #ccc 1px dashed; margin-bottom:20px;  text-align:center;}
.mainConAuthor span{margin:0 10px;}
.mainPic{width:602px; margin:0 auto 20px;}
.mainPic img{width:600px; border:1px solid #999;}
.content{padding:0 14px; font-size:14px;}
.pagina{margin-top:20px; height:50px; line-height:50px; padding:0 15px;  border-top:1px solid #ccc;}
.pagina p{
    width: 100%;
    display: block;
    line-height: 25px;
}
.article{margin:20px auto; height:30px; line-height:30px; border-bottom:1px solid #ccc;}
.article h3{text-indent:10px; font-size:15px;}
.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;}


.news-list li {
        float: left;

    padding-right: 20px;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px dashed #ccc;
   
    padding-left: 10px;
}

.pull-left {
    float: left!important;
}
.pull-right {
    float: right!important;
}
/*分页*/
.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;}