﻿@charset "utf-8";
/*重置*/
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, 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:#1E589B;}
i{font-style:normal;}
em{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:1000px; margin:0 auto; position:relative;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.bd{border:1px solid #ccc;}

/*头部*/
.header{height:120px;}
.header .logo{width:500px; height:100px; margin-top:10px;}
.header .tel{height:60px; margin-top:55px; font-size:30px; color:#ff5300; font-family:impact; font-weight:bold;}
.header .tel span{display:block; font-weight:normal; font-size:18px; line-height:30px; color:#333; font-family:"Microsoft YaHei";}

/*导航*/
.nav{height:60px; line-height:60px; background:#0f4f94;/* background:url(../images/nav_bg.jpg) repeat-x; */ border-top:1px solid #33414a;}
.nav ul li{width:125px; height:60px; float:left; text-align:center;}
.nav ul li a{display:block; width:125px; height:60px; font-size:16px; color:#fff; font-weight:bold;}
.nav ul li a:hover,
.nav ul li.active{color:#fc9665; background-color:#287bb8;}

.keyPro{height:50px; line-height:50px; border-bottom:1px solid #b0c0ca; font-size:14px;}
.keyPro h3{float:left; margin-right:10px;}
.keyPro ul{float:left;}
.keyPro ul li{float:left; margin-right:10px;}

/*主要内容区*/
.indexPro{border-top:1px solid #b0c0ca; background-color:#e5e9ec;}
.title01{height:66px; line-height:66px; background:url(../images/title01.jpg) no-repeat; text-align:center;}
.title01 h3{font-size:24px; color:#1561af; font-weight:normal;}
.list{width:192px; padding:0 19px; background-color:#fff; /* overflow:hidden; */ margin-top:-1px;}
.list ul{width:192px; padding:10px 0;}
.list li{width:192px; height:40px; line-height:40px; margin-top:10px; overflow:hidden; border:1px solid #b7c5ce; font-size:14px;}
.list li a{display:block; width:153px; height:40px; padding:0 25px 0 14px; background:#f6f6f6 url(../images/icon01.png) no-repeat 170px center;}
.list li .current {background:#105095 url(../images/icon01.png) no-repeat 170px center; color:#fff;}
.list li a:hover{background:#105095 url(../images/icon01.png) no-repeat 170px center; color:#fff;}
.list .more{width:192px; height:30px; line-height:30px; border:1px solid #b7c5ce; font-size:14px; color:#fff; text-indent:20px; margin-top:10px;} 
.list .more a{display:block; width:192px; height:30px; line-height:30px; background:#c71730 url(../images/more.jpg) no-repeat 170px center; color:#fff; padding:0;}
.list .more a:hover{background:#c71730 url(../images/more.jpg) no-repeat 170px center; color:#fff;}

.hotPro{width:750px; overflow:hidden;}
.hotProCon{width:770px; overflow:hidden; padding-bottom:20px;}
.hotProCon li{width:240px; float:left; margin:20px 10px 0 0; display:inline;}
.hotProCon img{display:block; width:240px; height:180px; border:1px solid #1E589B;}
.hotProCon img:hover{border:1px solid #9e0700;}
.hotProCon strong a{display:block; height:26px; line-height:26px; text-align:center; font-weight:normal; /* font-size:14px; */ margin-top:10px; color:#fff; background:#186cc6; text-align:center;}

.news,
.about{padding:20px 0;}
.title02{width:435px; height:70px; background:url(../images/title03.jpg) no-repeat; text-align:center; margin:0 auto;}
.title02 h3{line-height:30px; font-size:24px; color:#f02e49; font-weight:normal;}
.title02 span{line-height:30px; font-size:24px; color:#1561af; font-family:impact;}
.newsList{margin-top:20px; overflow:hidden;}
.newsList li{width:500px; height:90px; border-bottom:1px solid #ccc; float:left;}
.newsList li a{display:block; width:480px; height:90px; padding:0 10px;}
.newsList li a i{float:left; width:90px; height:90px; line-height:90px; font-size:48px; font-family:impact; text-align:center; color:#d2dde8;}
.newsList li a strong{float:left; font-size:16px; line-height:30px; margin-top:18px; color:#666;}
.newsList li a span{float:right; font-size:14px; margin-top:18px; padding-right:20px;}
.newsList li a p{width:410px; float:left; color:#ccc;}
.newsList li a:hover{background-color:#1561af; color:#fff;}
.newsList li a:hover strong{color:#fff;}
.newsList li a:hover p{color:#4bbeed;}
.news .more,
.about .more{display:block; width:270px; height:32px; line-height:34px; margin:20px auto; font-size:14px; border:1px solid #333; text-align:center; color:#333;}
.news .more span,
.about .more span{background:url(../images/icon02.jpg) no-repeat right center; padding-right:23px;}
.case{padding:40px 0; background-color:#e5e9ec;}
.case ul li{width:248px; height:186px; float:left; margin:0 2px 2px 0; }
.case ul li img{display:block;width:248px; height:186px;}
.case ul li span{display:block; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background:url(../images/case_title.png); margin-top:-40px; position:relative; z-index:999;}
.case ul li span a{color:#fff;}
.case .caseTitle{float:left; margin:0 2px 2px 0; display:block; width:160px; height:106px; background:#0f4f94 url(../images/title02.jpg) no-repeat 44px 40px; padding:40px 44px;}
.case .caseTitle h3{font-size:24px; color:#fff; line-height:34px; padding:20px 0 0 22px; font-weight:normal;}
.case .caseTitle span{font-size:24px; color:#4bbeed; font-family:impact; margin-left:-10px;}
.case .more{width:248px; height:46px; padding-top:140px; float:left; /* margin:0 2px 2px 0; */ background:#fff url(../images/more02.jpg) no-repeat center 35px; font-size:14px; text-align:center; color:#f02e49;}
.case .more:hover{background:#c81731 url(../images/more02_hover.jpg) no-repeat center 35px; color:#fff;}

.aboutCon h3{font-size:24px; height:34px; line-height:34px; text-align:center; font-weight:normal; margin-bottom:20px;}
.aboutCon p{font-size:14px; color:#666; line-height:30px;}

.bottomNav{height:40px; line-height:40px; padding:20px 0; background-color:#105095; border-bottom:1px solid #1d5a9b; color:#fff; text-align:center; font-size:14px;}
.bottomNav a{display:inline-block; height:20px; line-height:20px; color:#fff; margin-right:15px; border-bottom:1px solid #2862a0; padding:10px 20px;}
.bottomNav a:hover{color:#4bbeed;}

.footer{background-color:#232f36;}
.footerTop{height:90px; border-bottom:1px solid #39444a;}
.footerTel{height:90px; background:url(../images/tel.png) no-repeat left center; padding-left:40px; color:#2072c6;}
.footerTel span{display:block; font-size:18px; line-height:30px; margin-top:18px;}
.footerTel strong{display:block; font-size:30px; font-family:impact;}
.footerTop ul{padding-right:100px;}
.footerTop ul li{width:150px; height:40px; line-height:40px; float:left; margin-top:30px; font-size:14px;}
.footerTop ul li a{display:block; height:40px; padding-left:50px; color:#42525b;}
.footerTop ul li a:hover{color:#fff;}
.QQ a{background:url(../images/qq.png) no-repeat;}
.QQ a:hover{background:url(../images/qq_hover.png) no-repeat;}
.contact a{background:url(../images/share.png) no-repeat;}
.contact a:hover{background:url(../images/share_hover.png) no-repeat;}
.map a{background:url(../images/site.png) no-repeat;}
.map a:hover{background:url(../images/site_hover.png) no-repeat;}
.copyright{padding:20px 0; text-align:center; line-height:30px; color:#42525b; font-size:14px;}

.flink{border-bottom:1px solid #39444a; padding:20px 0;}
.flink span{font-weight:bold;}
.flink a, .flink span{margin:0 5px; color:#42525b;}
.flink a:hover{color:#fff;}

/*单页*/
.sidbar{width:230px; overflow:hidden;}
.sideContact{width:192px; padding:20px 19px; background-color:#fff;}
.contactTxt{width:192px;}
.contactTxt h4{font-size:24px; line-height:44px; color:#1561af; font-family:impact;}
.main{width:750px; overflow:hidden; line-height:30px;}
.mainCon{background-color:#fff; overflow:hidden;}
.mainConTxt{padding:20px; font-size:14px; line-height:30px;}
.title03{height:60px; line-height:60px; /* border-bottom:1px solid #b0c0ca; */}
.title03 h3{float:left; font-size:22px; font-weight:normal;}
.title03 p{float:right; font-size:14px;}
.pd0{padding:0;}

/*文章列表页*/
.mainNewsList{}
.mainNewsList li{height:32px; line-height:32px;vertical-align:middle; border-bottom:1px dashed #999;}
.mainNewsList li a{float:left; margin-left:15px; display:inline;}
.mainNewsList li span{float:right; color:#666;}

/*产品列表页*/
.mainProList{padding-bottom:20px; overflow:hidden;}
.mainProList li{width:230px; float:left; margin:20px 0px 0 10px; display:inline;}
.mainProList li img{display:block; width:220px; height:165px; border:1px solid #ccc;}
.mainProList li strong{display:block; height:20px; line-height:20px; text-align:center; font-weight:normal; margin-top:10px;}

/*产品内容页*/
.mainConTit{height:40px; line-height:40px; text-align:center; font-size:18px; margin-bottom:10px;}
.mainConAuthor{height:32px; line-height:32px; margin-bottom:20px; text-align:center; border-top:1px dashed #ccc;}
.mainConAuthor span{margin:0 10px;}
.mainImg{display:block; width:400px; height:300px; border:1px solid #ccc; margin:20px auto;}
.mainXq{height:26px; line-height:26px; font-size:15px; color:#fff; border-bottom:2px solid #0078c4; margin-bottom:20px;}
.mainXq h3{width:90px; height:26px; background-color:#0078c4; text-align:center;}
.article{margin:20px auto; height:30px; line-height:30px; border-bottom:2px solid #1E589B;}
.article h3{width:250px; height:30px; font-size:16px; background:#1E589B; color:#fff; text-align:center; font-weight:normal;}
.content{font-size:14px;}
.content p a {color: #ff0000}
.pagination{margin-top:20px; height:30px; line-height:30px; padding:0 15px;  border-top:1px dashed #ccc; margin-bottom:10px;}
.xgwz h3,
.xgcp h3{height:30px; line-height:30px; background-color:#1E589B; color:#fff; font-size:14px; text-indent:10px;}
.xgwz ul{padding:10px 0; overflow:hidden; font-size:12px;}
.xgwz ul li{width:45%; height:30px; line-height:30px; float:left; margin-left:20px; display:inline; border-bottom:1px dashed #ccc;vertical-align:middle;}
.xgwz ul li a{float:left; margin-left:10px; display:inline;}
.xgwz ul li span{float:right;}
.xgcp ul{width:738px; margin-right:-20px;}
.xgcp li{width:226px; float:left; margin:15px 0 15px 10px;}
.xgcp li img{width:224px; height:168px; border:1px solid #ccc;}
.xgcp li strong{display:block; height:20px; line-height:20px; text-align:center; margin-top:10px;}

/*分页*/
.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;}

/*返回顶部*/
.izl-rmenu{position:fixed;right:1%;bottom:10px;padding-bottom:73px;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-phone{background-color:#a2abb0;background:url(../images/customer_service.png) 0px 0px no-repeat;}
.izl-rmenu .btn-phone:hover{background-color:#f06f52;background:url(../images/customer_service_two.png) 0px 0px no-repeat;}
.izl-rmenu .btn-top{background:url(../images/return_top.png) 0px 0px no-repeat;background-color:#fe9700;display:none;}
.izl-rmenu .btn-top:hover{background-color:#f06f52;background:url(../images/return_top_two.png) 0px 0px no-repeat;}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }