/*----------------------------------通用-----------------------------*/
@charset "utf-8";
body {font:14px/1.5em '微软雅黑','Microsoft YaHei';color:#333;overflow-x: hidden; background: #f3f3f3;}
em{font-style:normal;}
small{font-size:12px}
ul,ol{list-style:none}
img{border:0;}
button{cursor:pointer;font-size:14px;}
input {outline:none;font-size:14px;}
a{text-decoration:none;color:#666;}
a:hover{text-decoration:none;color:#054a1c;}
.overflow{overflow:hidden}
.hide{display:none}
.block{display:block}
.inline{display:inline}
.fleft{float:left;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.ww{word-break:break-all;word-wrap:break-word}
.ell {text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.brs {-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.main {width:1200px;margin:0 auto;}
h2.h2 {height:40px;line-height:40px;font-size:14px;text-align:left;width:1200px;margin:0 auto;padding-top:60px;}
@media screen and (max-width: 1220px) {
 .main {width:100%;}
 h2.h2{padding-left:10px;width:90%;}
}
.opacity:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.cur {cursor:pointer;}
.conbox {padding:20px 25px;line-height:2em;color:#898989;text-align: left;}
.conbox img {max-width:100%;}
.conbox table {max-width:100%;}
@media screen and (max-width:799px) {
  .conbox img {width:100%;height:auto;}
  .conbox table {width:100%;height:auto;}
   h2.h2{display: none;}
}
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1481161302944'); /* IE9*/
  src: url('iconfont.eot?t=1481161302944#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1481161302944') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1481161302944') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1481161302944#iconfont') format('svg'); /* iOS 4.1- */
}
.icon {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.swiper-button-prev {width:32px;color:#015198;font-family:"iconfont" !important;font-size:32px; font-style:normal;  -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;background:url();filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.swiper-button-next {width:32px;color:#015198;font-family:"iconfont" !important;font-size:32px; font-style:normal;  -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;background:url();filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.swiper-button-prev:after {content:'\e660' }
.swiper-button-next:after {content:'\e65f' }
.swiper-button-prev:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.swiper-button-next:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.bian { border:1px solid #d9d9d9; background:#fff;
      box-shadow:3px 2px 5px #ddd;-webkit-box-shadow:3px 2px 5px #ddd;-moz-box-shadow:3px 2px 5px #ddd; }
.imgbian {background: #fff; display: block; padding:0px;border:1px solid #ddd; box-shadow:2px 2px 8px #ddd;-webkit-box-shadow: 2px 2px 8px #ddd;-moz-box-shadow:2px 2px 8px #ddd;}
.imgbian:hover { box-shadow:2px 4px 8px #ccc;-webkit-box-shadow: 2px 4px 8px #ccc;-moz-box-shadow:2px 4px 8px #ccc;  }
/*----------------------------------顶部-----------------------------*/
.header { height:178px;}
.headerin { position: absolute; z-index: 10;left:0; top:0; height:178px;width:100%;}
#navbg {height:50px; background:#0758b3; position: absolute; width:100%;left: 0; top:136px; z-index: 9;}
#logo { height:136px; }
#logo .logo {padding-top:38px;display: block; float: left;}
#logo .logo img {height:60px;}

#logo ul { display: block; float: right; padding-top:28px;}
#logo ul li { font-size:22px; color:#c00925;line-height:32px; }
#logo ul li span.icon {display:inline-block;width:40px;height:32px;font-size:32px; color:#c00925;line-height:32px; }


#navbar { height: 50px;line-height: 50px;} 
.nav { height: 50px;}
.nav li { float: left;width:12.5%; }
.nav li+li {border-left: 1px solid #0e5fb9;}
.nav li.nav_close { display: none;}
.nav li:hover , .nav li.active {background: #0e5fb9;  }
.nav li a{ display: block;text-align:center;  font-size:14px;color:#fff;}
.nav li:hover a  , .nav li.active a{color:#fff;}
.nav li .toplist { display:none;position: absolute; border: 1px solid #0e5fb9; background: #fff;  z-index: 10; padding:10px;    margin-left:-1px; width:663px;line-height: 32px;  }
.nav li:hover .toplist { display:block;}
.nav li .toplist .toplistin h2 a{color:#000;font-weight: 700;font-size: 16px;text-align: left;}
.nav li .toplist .toplistin h2:hover a {color:#0758b3;}
.nav li .toplist .toplistin h3 { float: left;display:block; padding:0 8px 0 0; }
.nav li .toplist .toplistcon a { color:#999; display:block; }
.nav li .toplist .toplistin h3:hover a {color:#0758b3;}
.nav_btn {display: none;}

@media screen and (max-width:799px) {
   .header {height:76px; }
   .headerin {height:76px;}
   #logo { padding-left:5px;float:left;}
   #logo .logo {padding-top:18px;display: block;}
   #logo .logo img {height:40px;}
   #logo ul ,#navbg  {display: none;}
   .nav { margin-top:0px;height:24px;}
   .header-float .nav { margin-top:75px;height:auto;}
   .nav{ display: none; position: absolute; width: 100%;left:0; background: #fff; margin-top:75px;border-top:1px solid #f6f6f6;z-index:9;height:415px;}
   .nav li {width: 100%;clear:both;border-left:0;border-bottom:1px solid #f6f6f6;text-align: center;height:44px; line-height: 44px;}
   .nav li+li ,.nav li:hover , .nav li.active {border-left:0;}
   .nav li a{ color:#000;}
   .nav li:hover a  , .nav li.active a{color:#fff;}
   .nav_btn {display: block; float: right; margin:20px 10px 0 0; color:#015198; font-size:32px; height: 40px; line-height: 40px; cursor: pointer;}
   .header-float .nav li{ height:44px; line-height: 44px;}
   .nav_btn:hover {color:#015198;}
   .nav li.nav_close { display: block; cursor: pointer ;}
   .nav li.nav_close:hover {color:#fff;}
   .nav li:hover .toplist {display: none;}
   .nav li:hover+li {border-left:0;}
}
/*----------------------------------首页-----------------------------*/
.banner {box-shadow:0px 3px 18px #999;-webkit-box-shadow:0px 3px 18px #999;-moz-box-shadow:0px 3px 18px #999;}
.banner img {display: block; width:100%;margin:0 auto;}

.index-product {padding:10px 0;}
.index-product h2 { height:50px; line-height:50px; font-size: 19px; color: #000; padding-bottom:10px;}
.index-product h2 em {display:none;}
.index-product h2 a.icon {font-size:18px;display:block; float: right;}
.index-product h2 small {color:#015198;margin-left:10px;}
.index-product .mc {}
.index-product .mc li {float: left; width:24%; text-align: center;margin-left:1%;}
.index-product .mc li.mc0,.index-product .mc li.mc4,.index-product .mc li.mc10  {margin-left:0%;}
.index-product .mc li.mc3,.index-product .mc li.mc7,.index-product .mc li.mc11 {margin-left:2%;}
.index-product .mc li img {width:100%;margin:0px auto;}
.index-product .mc li .p-name {height:40px;overflow:hidden;padding:0px 10px;line-height:20px; margin: 10px auto;}
.index-product .mc li .p-img:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.iproduct { padding: 10px 0px;}
@media screen and (max-width:799px) {
  .index-product h2 {padding-left:1%;}
  .index-product .main {width:98%;}
  .index-product .mc li {width: 48%; margin-top:10px;margin-left:1%;}
  .index-product .mc li.mc0,.index-product .mc li.mc4,.index-product .mc li.mc10  {margin-left:1%;}
  .index-product .mc li.mc1,.index-product .mc li.mc3,.index-product .mc li.mc5,.index-product .mc li.mc7,.index-product .mc li.mc9,.index-product .mc li.mc11  {margin-left:2%;}

  
}

.iabout { padding:20px 0 0px 0;}
.index-news { float:left;width:49%;height:400px; }
.index-about { float:right; width:49%;height:400px;}
.iabout h2 { height:56px; line-height:56px; font-size: 16px; color: #000; padding:0px 20px; border-bottom: 1px solid #ddd;}
.iabout h2 em {display:none;}
.iabout h2 a.icon {font-size:18px;display:block; float: right;}
.iabout h2 small {color:#015198; margin-left:10px;}
.index-news ul {padding:18px 10px 0 10px;height:292px;overflow: hidden;}
.index-news ul li {height:31px;line-height:31px;background: url(../images/icon_arrowL.png) no-repeat 5px 12px;overflow: hidden; border-bottom: 1px dotted #ddd;font-size:14px;float:left;width:100%;}
.index-news ul li a {display: block;overflow: hidden;}
.index-news ul li a span{display: block; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;float: left;padding-left:20px;width:70%;}
.index-news ul li a em{display: block;width:20%; float: right; text-align:right;color:#999;}
.index-news ul li.inews-pic {height:195px;float:left;width:50%;overflow:hidden; }
.index-news ul li.inews-pic img {width: 95%; margin: 0 auto;}
.index-news ul li.inews-pic+li {height:195px;float:left;width:50%;background: url();}
.index-news ul li.inews-pic+li a {padding:0 10px; }
.index-news ul li.inews-pic+li a span {font-size:18px;width:100%;clear: both;padding:0; }
.index-news ul li.inews-pic+li a em {display: none;}
.index-news ul li.inews-pic+li p {padding:0 10px;color:#999;line-height:22px;height:132px;display: block;overflow: hidden;}

.index-about  div.iipic {padding:15px 30px 0 30px;}
.index-about  div.iipic img {width:100%;}
.index-about  div.iipic+div { font-size: 14px;line-height:26px;color:#808080;padding:15px 30px;}

@media screen and (max-width:799px) {
  .iabout { padding:20px 0 0px 0;}
  .index-news { clear:both;width:98%;padding:0;margin-left:1%;}
  .index-about { float:left; clear:both;width:98%;height: auto;margin-left:1%;margin-top:20px;}
  .index-about div {padding:10px 20px;}
}
/*----------------------------------底部-----------------------------*/
.contact {padding:40px 0px;background: #fff; box-shadow:0px -3px 18px #ddd;-webkit-box-shadow:0px -3px 18px #ddd;-moz-box-shadow:0px -3px 18px #ddd;margin:20px auto;}
.contact .saoma { width:125px; height: 125px; float: right;background: url(../images/weixin.png) no-repeat 5px 5px;background-size:115px; border:1px solid #ddd;margin-right: 20px; }
.contact .contactinfo { float: left;color:#666;padding-top:5px;padding-left:20px;}
.contact .contactinfo .tel {height:60px; }
.contact .contactinfo .tel em.icon { display: block; float: left; padding-right:10px; font-size:48px; line-height: 48px;  text-align:center;width:48px; color:#000;}
.contact .contactinfo .tel span{ font-size: 22px; float: left; padding-top:3px;line-height: 38px;color:#000;}
.contact .contactinfo span{ font-size: 14px; display:block; padding-top:3px; line-height:26px;}

.footer { border-top:1px solid #ddd;padding:20px 0;}
.footer-nav {text-align: center;line-height:30px;}
.footer-nav a {color:#999;}
.footer-nav em {margin:0 5px; color:#999;}
.copyright {color:#999;text-align: center;line-height:30px;}
@media screen and (max-width:799px) {
  .contact .saoma { display: none;}
  .contact .contactinfo .tel {height:32px; }
  .contact .contactinfo .tel em.icon { display: block; float: left; padding-right:10px; font-size:22px; line-height:22px;  text-align:center;width:22px; }
  .contact .contactinfo .tel span{ font-size:18px; float: left; padding-top:3px;line-height: 22px;}
  .footer {border-top:1px solid #ddd; padding:8px 0;}
  .copyright { line-height: 20px;}
  .copyright span {display: block;}
}
a.win-backtop { display:block; position: fixed; z-index: 2; right: 2px; bottom:146px; background:#f6f6f6; border:1px solid #ddd; color: #000; font-size:12px; line-height: 38px; text-align: center; width: 38px; height: 38px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
a.win-backtop:hover {background:#f80;border:1px solid #f80;color:#fff;}
/*----------------------------------内页通用----------------------------*/
.iipic a  {display: block;}
.iipic img {display: block;margin:0 auto;}
.iipicl img{width:100%;}
.main_left {position: absolute;width:100%; height:60px; left:0;line-height:60px;background: #f9f9f9;}
.productlist {display: none;}
.main_center {width:100%; padding:0px 0 20px 0;}
.main_left h3 { display: none;}
.main_left .mc {background: #f9f9f9;}
.main_left .mc dl {display:block; }
.main_left .mc dl+dl {border-left:1px solid #ececec;}
.main_left .mc dl dt {display:block;float:left;}
.main_left .mc dl dt a{display:block; padding:0 20px; font-weight: 700; }
.main_left .mc dl dt a:hover,.main_left .mc dl dt.active a{color:#015198; background:#ddd;}
.main_left .mc dl dd {display:block;float:left;}
.main_left .mc dl dd a{display:block; padding:0 20px; float:left; border-left:1px solid #eee;}
.main_left .mc dl dd a:hover,.main_left .mc dl dd a.active{color:#015198; background:#ddd;}
.main_left .mc .lhidden {display: none;}
.main_left .lefts {display: none;}

.rbox { margin:0px auto; text-align: center;}
.rbox h2  { line-height:48px; font-size:28px; color: #000; padding:0px 20px 0px 20px;text-align: center;display: inline-block; margin:0 auto;}
.rbox h2  small {color:#000; display: block;height:40px;line-height: 40px; font-size: 14px; border-top:1px solid #ddd;padding:0px 20px 0px 20px;}

.productlist+h2.h2 {padding-top: 10px;}

.bdsharebuttonbox span {display:block; float: left;padding-top:4px;}
@media screen and (max-width:799px) {
  .ads img {display: block;margin:0 auto;width:100%;}
  .main_left {width:100%; clear:both; padding:0;height:38px; display:block;}
  .main_center {width:100%; clear:both; }
  .main_left h3 {display: none;}
  .main_left .mc .lhidden {display: block; height:44px; text-align: center; line-height: 44px; cursor: pointer;}
  .main_left .lefts {display: block;height:38px;background:#efefef;overflow: hidden;}
  .main_left .lefts a {display: block;height:38px;line-height: 38px;background:url(../images/icon_arrowB.png) no-repeat 0px 17px;width:80px;padding-left:20px;margin:0 auto;}
  .main_left .mc {position: absolute;left:0; width: 100%;z-index:8;margin-top:38px;display: none;}
  .main_left .lc {display: none;}
  .rbox { width:98%;}
  .rbox.pro h1,.rbox h2 {padding-top:40px;}
  
}

/*----------------------------------产品、案例-----------------------------*/
.lists-wrap {}
.lists-wrap ul  {padding-top:10px;border-top:1px solid #eee; }
.lists-wrap ul li{float: left;width:25%;padding:10px 0; position: relative;height:385px;}
.lists-wrap ul li .p-img{ margin:0 auto;  text-align: center; }
.lists-wrap ul li .p-img img {width:100%;}
.lists-wrap ul li .p-name { position: absolute;bottom:42px;left: 0;width: 100%; margin:0 auto;height:54px;line-height:54px; overflow: hidden; text-align: center;background: #f0f0f0;font-size: 16px;}
.lists-wrap ul li .p-more {background: #ddd;height:42px;line-height: 42px;position: absolute;bottom: 0;left: 0;width: 100%;}
.p-div { transition: all 0.3s; width:100%;  z-index:0;position: absolute; height:385px;border:1px solid #d5d5d5;background: #fff;}
.p-div:hover {
	z-index:1;
	transform: scale(1.1);
}
@media screen and (max-width:799px) {
  .lists-wrap ul li {width:50%;height:auto;}
  .lists-wrap ul li .p-name {position: static;}
  .lists-wrap ul li .p-more {position: static;}
  .p-div {position: static;height:auto;}
	.p-div:hover {
		transform: scale(1);
	}
}


.pro h1 {font-size:24px;text-align:center;display:block;padding:20px 0 15px 0; line-height:36px;}
.pro h3 {color:#e4393c;text-align:center;padding:0px 0 15px 0;}
.probanner {padding-bottom: 20px;}
.probanner img { display: block; margin: 0 auto; max-width: 100%;}
.pro h4 {height:32px; line-height:32px; background:#f6f6f6; color:#e4393c; text-align: left; padding-left: 10px;}
.pro .bdsharebuttonbox {float: right;}
.pro .bdsharebuttonbox span {line-height:22px;}
.casepic {padding:10px 0 20px 0;text-align: center;}
.casepic img{max-width: 100%;margin:0 auto;}
@media screen and (max-width:799px) {
  .pro h1 {font-size:18px;line-height:28px;}
  .casepic  img{width: 100%;}
}
/*----------------------------------新闻页面-----------------------------*/
.news_list ul {padding:0 5px;}
.news_list ul li {height:40px;line-height:40px;background: url(../images/dot-news.png) no-repeat 5px 18px; overflow: hidden;border-bottom: 1px solid #eee;}
.news_list ul li a {display: block; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;float: left;padding-left:20px;width:65%; text-align: left;}
.news_list ul li span{display: block;width:27%; float: right; text-align: right;}
.news {padding-top:40px;}
.news h1{font-size:24px;text-align:center;display:block;padding:20px 0 15px;margin-bottom:10px;line-height:34px;}
.news .summary {text-align:center;color:#999;}
.news .partake{height:20px;padding:10px 0;}
.news .partake .bdsharebuttonbox  {float: right;}
.news .partake span{margin-top:3px;}
@media screen and (max-width:799px) {
  .news h1 {font-size:22px;line-height:32px;}
}
/*----------------------------------分页-----------------------------*/
.pagebox{position:relative;padding:10px 0 10px 0;}
#fenye{padding:0px;text-align:right}
#fenye a{transition: 0.3s ease-in-out;border: 1px solid #ccc;border-radius: 4px;background: #fff;box-shadow: inset 0px 1px 1px rgba(50,50,50,0.05);display: inline-block;margin-right: 10px;height: 25px;line-height: 25px; padding:0 8px;}
#fenye span{ margin-right:15px;}
#fenye a:hover,#fenye a.curr{color: #fff;border: 1px solid #353535;background: #353535;display: inline-block;height: 25px;line-height: 25px;}
@media screen and (max-width:799px) {
  #fenye span{ margin-right:15px;display:block;margin-bottom:10px;}
  #fenye a.num , #fenye a.curr {display:none;}
}

.message-floor{width:100%;height:100%;position:fixed;top:0;left:0;text-align:center;z-index:100;visibility:visible;}
.message-floor .messge-box{width:145px;background:rgba(0,0,0,0.8);border-radius:8px;text-align:center;position:absolute;top:50%;left:50%;width:180px;height:88px;margin-top:-44px;margin-left:-90px;}
.messge-box .messge-box-icon{width:26px;height:26px;display:inline-block;margin:18px 0 9px 0;position:relative;overflow:hidden;vertical-align:middle;}
.messge-box .messge-box-content{font-size:15px;line-height:15px;color:#fff;padding:0 10px 21px 10px;}
.messge-box-icon h1{color:white;display:inline;margin-top:5px;font-size:22px;}
.message-toast-icon{background:url(../images/toast-icon.png) no-repeat;background-size:28px 60px;}
.success-icon{display:inline-block;height:26px;width:26px;background-position:-1px -29px;}
.error-icon{display:inline-block;height:26px;width:26px;background-position:-1px -1px;}