html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0; margin:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.t_r{text-align:right;}
.left{ float:left;}
.right{ float:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.w{ width:1180px; margin:0 auto;}

.banner {position: relative;height: 806px}
.banner #bannerSwiper {height: 806px;}
.banner .swiper-slide {
  position: relative;
  height: 806px;
  float: left;
}
.banner .swiper-slide a{
  display:block;
  width:100%;
  height: 100%;
}

.banner .pagination {
  position: absolute;
  font-size:0;
  left: 0;
  text-align: center;
  bottom: 13px;
  width: 100%;
  z-index: 9;
}

.banner .pagination .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border:2px solid #fff;
  opacity:1;
  margin: 0 5px; background:#FFF;
  cursor: pointer;transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.banner .pagination .swiper-active-switch {
  background: #f9aa00;border:2px solid #f9aa00; width:30px;
  opacity: 1;
}


.pro-sider {
  float: left;
  width: 260px;
}

.pro-sider .in-title {
  height: 80px;
  background: url(../images/i-pro-title.jpg) no-repeat center;
  text-align: center;
  line-height: 1;
  overflow: hidden;
}

.pro-sider .in-title h3 {
  margin-top: 20px;
  font-size: 22px;
  color: #fff;
  margin-bottom: 5px;
}

.pro-sider .in-title em {
  font-size: 13px;
  color: #728dbc;
}

.pro-sider .pro-sider-ul {
  border: 1px solid #ededed;
  background: #fff;
  border-top: none;
  overflow: hidden;
}

.pro-sider .pro-sider-ul .ul-li {
  padding: 0 15px;
  height: 59px;
}

.pro-sider .pro-sider-ul .ul-li a {
  position: relative;
  height: 58px;
  line-height: 58px;
  font-size: 14px;
  color: #595959;
  display: block;
  padding-left: 10px;
  padding-right: 30px;
  border-bottom: 1px dashed #ededed;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pro-sider .pro-sider-ul .ul-li a h2{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pro-sider .pro-sider-ul .ul-li a div.icon {
  position: absolute;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  background: #ededed url(../images/sider-bg-01.png) no-repeat center;
  border-radius: 50%;
  right: 8px;
  top: 50%;
  margin-top: -8px;
  font-size: 12px;
}

.pro-sider .pro-sider-ul .ul-li:hover,
.pro-sider .pro-sider-ul .ul-li.active {
  background: #268ae7;
}

.pro-sider .pro-sider-ul .ul-li:hover a,
.pro-sider .pro-sider-ul .ul-li.active a {
  border: none;
  color: #fff;
}

.pro-sider .pro-sider-ul .ul-li:hover div.icon,
.pro-sider .pro-sider-ul .ul-li.active div.icon {
  background: #0058b1 url(../images/sider-bg-02.png) no-repeat center;
}
.pro-sider .pro-sider-ul .ul-li:last-child a {
  border-bottom: none;
}

.pro-sider .pro-sider-tel {
  overflow: hidden;
  height: 100px;

  line-height: 1;

  font-size: 20px;

  color: #0058b1;

  border: 1px solid #ededed;

  border-top: none;

  padding-left: 80px;

  background: url(../images/sider-tel.png) no-repeat 25px center;

}

.pro-sider .pro-sider-tel span {

  display: block;

  margin: 30px 0 8px;

  font-size: 14px;

  color: #808080;

}

.pro-sider .pro-sider-tel em {

  letter-spacing: 2px;

  font-weight: bold;

}

.top{ width:100%; position:absolute; top:0; left:0; z-index:99;}
.logo{ float:left; margin-top:24px;}
.topr{ float:right; width:680px;}
.tel{ float:right; background:url(../images/tel.png) left center no-repeat; padding-left:35px; font-size:18px; color:#008cff; font-weight:bold; margin-top:12px;}
.nav{ float:right; margin-top:20px;}
.nav li{ width:92px; font-size:16px; color:#242424; float:left; text-align:right;}
.about{ width:100%; float:left; margin-top:65px;}
.aboutbt{ width:100%; height:50px; background:url(../images/aboutbt.png) center no-repeat;}
.aboutw{ font-size:14px; color:#666464; text-align:center; margin-top:20px; line-height:2;}
.about ul{ width:100%;}
.about li{ width:20%; float:left; font-size:18px; line-height:2; text-align:center; margin-top:57px;}
.about li i{ display:block; width:133px; height:133px; border:5px solid #eeeeee; margin:0 auto;
-moz-border-radius: 133px; /* Firefox */
  -webkit-border-radius: 133px; /* Safari 和 Chrome */
  border-radius: 133px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.about li:nth-child(1) i{ background:url(../images/about1.png) center no-repeat;}
.about li:nth-child(2) i{ background:url(../images/about2.png) center no-repeat;}
.about li:nth-child(3) i{ background:url(../images/about3.png) center no-repeat;}
.about li:nth-child(4) i{ background:url(../images/about4.png) center no-repeat;}
.about li:nth-child(5) i{ background:url(../images/about5.png) center no-repeat;}
.about li:hover i{ border:5px solid #007bf9;}
.about li:nth-child(1):hover i{ background:url(../images/about1h.png) center no-repeat;}
.about li:nth-child(2):hover i{ background:url(../images/about2h.png) center no-repeat;}
.about li:nth-child(3):hover i{ background:url(../images/about3h.png) center no-repeat;}
.about li:nth-child(4):hover i{ background:url(../images/about4h.png) center no-repeat;}
.about li:nth-child(5):hover i{ background:url(../images/about5h.png) center no-repeat;}
.pro{ width:100%; margin-top:80px;}
.protop{ width:100%; position:relative; background:url(../images/protop.jpg) bottom center no-repeat #f4f4f4; height:616px;}
.probt{ width:100%; height:130px; background:url(../images/probt.png) center no-repeat; margin-top:38px;}
.protop a{ display:block; width:100%; height:500px; position:absolute; bottom:0; left:0;}
.prol{ width:580px; float:left; margin-top:63px;}
.prol li{ width:580px; float:left; margin-top:18px;}
.pror{ width:580px; float:right; margin-top:63px;}
.pror li{ width:580px; float:left; margin-top:18px;}
.news{ width:100%; height:488px; background:url(../images/newsbj.jpg) center no-repeat; margin-top:94px;}
.newslist{width:635px;height:110px;margin-top:25px;overflow:hidden;float:left;margin-left:300px;}
.newslist ul{list-style-type:none;}
.newslist ul li{ font-size:16px; color:#ffffff; height:55px; line-height:55px; }
.newslist ul li span{ float:left; display:block;}
.newslist ul li p{ float:left; margin-left:67px;}
.footer{ width:100%; margin-top:60px; padding-top:30px;}
.fnav{ float:left; background:url(../images/dbdh.png) top left no-repeat;}
.fnavbt{ font-size:24px; color:#007bf9; font-style:italic; display:none;}
.fnav ul{ width:129px; float:left; margin-top:60px;}
.fnav ul p{ font-size:17px; color:#3a3a3a; margin-bottom:15px;}
.fnav ul li{ font-size:15px; color:#595959; line-height:2;}
.fnav ul li:hover{ text-decoration:underline;}
.ewm{ width:106px; height:128px; background:url(../images/ewm.png) center no-repeat; float:right; margin-top:69px;}
.foot{ width:100%; height:168px; background:#007bf9; float:left; margin-top:40px;}
.ftel{ font-size:15px; color:#FFF; line-height:2; float:left; margin-top:50px;}
.fx{ width:165px; height:31px; background:url(../images/fx.png) center no-repeat; float:right; margin-top:68px;}