@charset 'utf-8';
/********** header 开始**********/
.header {
  height: 96px;
  overflow: hidden;
}
.header .logo {
  line-height: 96px;
  margin-top: 9px;
  float: left;
}
.header .header-nav {
  float: left;
  margin-left: 120px;
}
.header .header-nav a {
  position: relative;
  font-size: 16px;
  line-height: 96px;
  color: #010101;
  margin: 0 33px;
  padding: 0 10px;
}
.header .header-nav a:hover,
.header .header-nav a.cur {
  color: #007cc2;
}
.header .header-nav a.cur::after {
  width: 100%;
}
.header .header-nav a::after {
  position: absolute;
  left: 0px;
  bottom: 0;
  content: '';
  width: 0;
  height: 2px;
  background: #75b8de;
  transition: width 0.5s ease 0s;
}
.header .header-nav a:hover::after {
  width: 100%;
  color: #007cc2;
}
.header .search {
  float: right;
  width: 226px;
  height: 35px;
  margin-top: 30px;
  line-height: 35px;
}
.header .search .txt {
  float: left;
  width: 173px;
  height: 35px;
  padding: 0 10px;
  border: 1px solid #cecece;
  border-right: none;
}
.header .search .btn {
  float: left;
  width: 53px;
  height: 35px;
  text-indent: -9999px;
  cursor: pointer;
  background: #007cc2 url(../images/icon/search.png) no-repeat center;
}
/********** header 结束**********/
/********** 首页内容 结束**********/
.i-title {
  text-align: center;
  padding: 50px 0;
}
.i-title h2 {
  position: relative;
  font-size: 24px;
  padding-bottom: 20px;
  color: #000;
}
.i-title h2::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: '';
  width: 31px;
  height: 2px;
  background: #69add3;
}
.i-title span {
  padding-top: 13px;
  font-size: 16px;
  color: #007cc2;
}
.header a,
.main-top a {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
}
/********** 首页内容 结束**********/
.more-btn {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 78px;
  height: 26px;
  line-height: 26px;
  color: #fff;
  background: #007cc2;
  border-radius: 2px;
  margin-top: 40px;
}
.i-abo {
  height: 380px;
  margin-bottom: 50px;
  overflow: hidden;
}
.i-abo .right {
  position: relative;
  width: 585px;
  height: 377px;
}
.i-abo .right .txt {
  height: 255px;
  overflow: hidden;
}
.i-abo .right ul {
  position: absolute;
  bottom: 0;
  margin-left: -40px;
}
.i-abo .right ul li {
  margin-left: 40px;
  float: left;
}
.i-abo .right ul li a {
  position: relative;
  text-align: center;
  width: 162px;
  height: 99px;
  color: #242424;
  display: block;
  border: 1px solid #cbcbcb;
}
.i-abo .right ul li a:hover {
  border: 1px solid #0e8cd3;
  color: #0e8cd3;
}
.i-abo .right ul li a:hover .ico1 {
  background-image: url(../images/icon/1-1.jpg);
}
.i-abo .right ul li a:hover .ico2 {
  background-image: url(../images/icon/2-1.jpg);
}
.i-abo .right ul li a:hover .ico3 {
  background-image: url(../images/icon/3-1.jpg);
}
.i-abo .right ul li a span {
  margin-top: 52px;
}
.i-abo .right ul li a i {
  position: absolute;
  left: 0;
  right: 0;
  top: -22px;
  margin: auto;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.i-abo .right ul li a i.ico1 {
  width: 50px;
  height: 50px;
  background-image: url(../images/icon/1.jpg);
}
.i-abo .right ul li a i.ico2 {
  top: -23px;
  width: 51px;
  height: 51px;
  background-image: url(../images/icon/2.jpg);
}
.i-abo .right ul li a i.ico3 {
  width: 66px;
  height: 52px;
  background-image: url(../images/icon/3.jpg);
}
/* 产品列表 */
.i-pro {
  height: 575px;
  background: url(../images/pr-bg.jpg);
  background-size: cover;
}
.i-pro .i-pro-list ul li .img {
  width: 255px;
  height: 245px;
  overflow: hidden;
}
.i-pro .i-pro-list ul li .img img {
  width: 100%;
  height: 100%;
}
.i-pro .i-pro-list ul li .txt {
  text-align: center;
  padding-top: 25px;
  font-size: 16px;
  color: #333;
}
.news ul {
  margin-left: -23px;
}
.news ul li {
  float: left;
  width: 380px;
  margin-left: 23px;
  margin-bottom: 35px;
}
.news ul li:hover .img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}
.news ul li:hover h3 {
  color: #007cc2;
}
.news ul li a {
  width: 100%;
}
.news ul li .img {
  width: 380px;
  height: 165px;
  overflow: hidden;
}
.news ul li .img img {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}
.news ul li h3 {
  padding: 21px 0 15px 0;
}
.news ul li .txt {
  padding-top: 15px;
  max-height: 51px;
  line-height: 18px;
  overflow: hidden;
}
.news .more-btn {
  margin: 8px auto 50px auto;
}
/* banner */
.banner {
  height: 400px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* 关于我们 */
.main-top {
  text-align: center;
  height: 62px;
  line-height: 62px;
  background: #f6f6f6;
}
.main-top .main-home {
  width: 142px;
  color: #fff;
  background: #007cc2;
  font-size: 18px;
}
.main-top .main-menu a {
  float: left;
  display: block;
  width: 122px;
  height: 42px;
  color: #000;
  line-height: 42px;
  margin-top: 10px;
}
.main-top .main-menu a.cur,
.main-top .main-menu a:hover {
  color: #fff;
  background: #007cc2;
}
.main {
  min-height: 450px;
  padding: 52px 0;
}
.main .left {
  position: relative;
  margin-right: -32px;
}
.main .left h2 {
  height: 60px;
  line-height: 60px;
  color: #146bb8;
}
.main .left .txt {
  width: 683px;
  padding: 40px 30px 40px 25px;
  line-height: 25px;
  background: #fff;
  color: #333;
  font-size: 16px;
  border: 1px solid #e1e1e1;
}
.main .honor {
  padding: 0 25px;
  margin-left: -42px;
}
.main .honor li {
  position: relative;
  float: left;
  width: 256px;
  height: 165px;
  margin: 0 0 45px 42px;
  border: 1px solid #e9e6e3;
}
.main .pro-list {
  margin-left: -58px;
}
.main .pro-list li {
  float: left;
  width: 255px;
  margin: 0 0 10px 58px;
}
.main .pro-list li a:hover .img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}
.main .pro-list li a:hover .els {
  color: #007cc2;
}
.main .pro-list li a .img {
  width: 100%;
  height: 245px;
  overflow: hidden;
}
.main .pro-list li a .img img {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}
.main .pro-list li a .els {
  padding: 25px 0;
  text-align: center;
  font-size: 16px;
}
.in-page a {
  padding: 6px;
  border: 1px solid #6b6d6e;
}
.in-page a:hover,
.in-page a.cur {
  background: #6b6d6e;
  color: #fff;
}
.pr-menu {
  width: 212px;
}
.pr-menu h4 {
  height: 45px;
  line-height: 45px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  background: #007cc2;
}
.pr-menu .list {
  border-top: 1px solid #e5e5e5;
}
.pr-menu .list > li {
  text-align: center;
  background: #f6f6f6;
  border-bottom: 1px solid #e5e5e5;
}
.pr-menu .list > li > a {
  display: block;
  line-height: 40px;
}
.pr-menu .list > li > .sub-list {
  display: none;
}
.pr-menu .list > li > .sub-list > a {
  display: block;
  line-height: 25px;
}
.pr-info {
  width: 960px;
  min-height: 430px;
  padding: 10px 20px;
  background: #f6f6f6;
}
.map {
  width: 100%;
  height: 280px;
}
.footer {
  background: #34383b;
}
.footer .top {
  padding: 27px 0 27px 55px;
}
.footer .top dl {
  float: left;
  margin-left: 75px;
}
.footer .top dl dt {
  padding-bottom: 20px;
  font-size: 16px;
  color: #fff;
}
.footer .top dl dd a {
  font-size: 12px;
  line-height: 25px;
  color: #8c8c8c;
}
.footer .top .right {
  float: right;
  margin-right: 160px;
}
.footer .top .right .tel1 {
  font-size: 16px;
  color: #fff;
  background: url(../images/icon/5.png) no-repeat 75px center;
}
.footer .top .right .tel2 {
  margin: 20px 0 22px 0;
  font-size: 18px;
  color: #1c9be3;
}
.footer .copright {
  text-align: center;
  height: 47px;
  line-height: 47px;
  color: #fff;
  background: #2a2e31;
}


/*新增******************2017-06-14*/
.left-auto{position:relative;display:block;margin: 0;overflow:hidden;_zoom:1;}
.bg-wrap{ margin:0; padding:0; background:#fff; }
    .bg-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .bg-wrap.nobg{ background:none; }
.search-tit{ display:block; margin:0 30px; padding-top:15px; line-height:38px; border-bottom:1px solid #f0f0f0; }
    .search-tit h3{ display:inline-block; color:#333; font-size:16px; font-weight:normal; }
    .search-tit span{ margin-left:15px; color:#999; font-size:14px; }
    .search-tit span strong{ margin:0 2px; color:#1e7bb3; font-weight:600; }
/*图文列表样式*/
.n-list{ padding:15px 30px; }
	.n-list li{display:block;padding-bottom: 15px;border-bottom:1px solid #f0f0f0;overflow:hidden;}
	.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.n-list li h2{ padding:15px 0 15px; font-size:18px; line-height:24px; font-weight:normal;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.n-list li h2 a{ color:#333; text-decoration:none; }
	.n-list li h2 a:hover{ color:#8CAC52; }
	.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:118px; height:118px; border:1px solid #e8e8e8; font-style:normal; }
	.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.n-list li .note p{ display:block; font-size:14px; max-height:84px; line-height:28px; font-weight:500; color:#666; overflow:hidden; }
	.n-list li .note .info{ padding-top:10px; height:20px; line-height:20px; }
	.n-list li .note .info span{ margin-right:10px; color:#999; font-size:12px; }
    .n-list li .note .info span i{ margin-right:3px; font-size:12px; }
	.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }