/*----------------------------------通用-----------------------------*/
@charset "utf-8";
body {font:14px/1.5em '微软雅黑','Microsoft YaHei';color:#333;overflow-x: hidden; background: #f6f6f6;;}
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:#69e;}
.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;overflow:hidden;}
@media screen and (max-width: 1220px) {
 .main {width:100%;}
}
.opacity:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.cur {cursor:pointer;}
.conbox {padding:10px 10px;line-height:2em;color:#898989;}
.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;}
}
@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:#69e;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:#69e;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;}
/*----------------------------------顶部-----------------------------*/
.header {border-top:3px solid #0087e7; height: 120px; background: #fff;}
#logo {float: left;padding-top:30px;}
#logo img {height:60px;}
#navbar { float: right; text-align: right;} 

.header_search { float: right; width:410px; height: 42px;padding-top:10px}
.header_search div{float:left;line-height: 34px;width:170px;height:34px;color:#0087e7; text-align: left;font-size: 16px;font-weight: 700;}
.header_search div em.icon {display: block;float:left;color:#0087e7;font-size: 22px;}
.header_search ul { float:left; margin:0; width:234px; height:30px; padding:2px; background:#fff;border: 1px solid #0087e7; border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px;}
.header_search ul li { float: left;}
.header_search ul li input {border: 0; height: 30px; line-height:30px;padding:0 5px; width: 190px;display: block;}
.header_search ul li button {width:30px;height:30px; overflow: hidden; text-align: center; color:#69e; background: transparent; border: 0; line-height:30px; display: block;font-size:22px;}
.header_search a {display: none;width:80px; height: 42px;}
.header_search em{display: none;margin:0 5px;color:#69e;}
.nav { float: right; height:45px; margin-top:22px;}
.nav li { float: left;height:42px; line-height: 42px;width:124px;}
.nav li.nav_close { display: none;}
.nav li:hover , .nav li.active {border-bottom:3px solid #008aeb; background: url(../images/nav_current.png) no-repeat center bottom;}
.nav li a{ display: block;text-align:center;  font-size:16px;}
.nav li ul { display: none;}
.nav li:hover ul { display:block;position: absolute; line-height: 40px; background: #fff; z-index: 10;  text-align: center;border:1px solid #008aeb; margin-top: 2px;}
.nav li:hover ul li { clear: both;background: #fff;border:0;width:122px;}
.nav li:hover ul li a {color:#000;}
.nav li:hover ul li:hover {background: #008aeb;border:0;}
.nav li:hover ul li:hover a {color:#fff;}
.nav_btn {display: none;}
@media screen and (max-width:1000px) {
  .nav li { width: 98px;} 
  .nav li:hover ul li  {width: 96px;}
}

.header-float {height:80px;border-bottom:1px solid #ddd}
.header-float #logo {padding-top:15px;padding-left:5px;}
.header-float #logo img{height:50px;}
.header-float .header_search{ display: none; }
.header-float .nav { margin-top:33px; ;}
@media screen and (max-width:799px) {
  .header {height:80px; }
  #logo {padding-top:15px;padding-left:5px;}
  #logo img{height:50px;}
   .header_search{ display: none; }
   .nav{ display: none; position: absolute; width: 100%;left:0; background: #fff;height:315px;margin-top:80px;border-top:3px solid #f6f6f6;z-index:9;}
   .nav li {width: 100%;clear:both;border-bottom:3px solid #f6f6f6;text-align: center;}
   .nav_btn {display: block; float: right; margin:20px 10px 0 0; color:#69e; font-size:40px; height: 40px; line-height: 40px; cursor: pointer;}
   .nav_btn:hover {color:#369;}
   .nav li.nav_close { display: block; cursor: pointer ;}
   .nav li:hover ul {display: none;}
}
/*----------------------------------首页-----------------------------*/
.banner img {display: block; width:1200px;margin:0 auto;}
@media screen and (max-width:799px) {
  .banner img {width:100%;}
}
.index-product {background: #fff;}
.index-product h2 { height:44px; line-height: 44px; font-size: 22px; color: #000; padding:20px 2px;}
.index-product h2:before {content: '\e62c';color:#008aeb;font-family:"iconfont" !important;font-size:22px; margin-right:10px; font-style:normal;  -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.index-product h2 a.icon {font-size:18px;display:block; float: right;}
.index-product h2 small {color:#999;margin-left:10px;}
.index-product .mc li {float: left; width: 25%; text-align: center;}
.index-product .mc li img {width:80%;}
.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 {border-left:1px solid #fff;}
.index-product .mc li .p-img:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.index-product .mc li+li .p-img {border-left:1px solid #eee;}
.iproduct { padding: 10px 0;}
@media screen and (max-width:799px) {
  .index-product .mc li {width: 50%; }
  .index-product .mc li+li+li .p-img {border-left:1px solid #fff;}
  .index-product .mc li+li+li+li .p-img {border-left:1px solid #eee;}
}
.iabout { padding:20px 0 40px 0;}
.index-about { float:left; width:48%;height: 310px; overflow: hidden;}
.index-news { float:right;width:48%;height: 320px; overflow: hidden;}
.iabout h2 { height:44px; line-height: 44px; font-size: 22px; color: #000; padding:20px 5px 20px 2px;}
.iabout h2:before {content: '\e62c';color:#008aeb;font-family:"iconfont" !important;font-size:22px; margin-right:10px; font-style:normal;  -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.iabout h2 a.icon {font-size:18px;display:block; float: right;}
.iabout h2 small {color:#999;margin-left:10px;}
.index-about div {font-size: 14px;line-height:25px;color:#808080;}
.index-about div .ads {width:50%;padding:4px 2% 2% 0;float: left;}
.index-about div .ads img {width:100%;}
.index-news ul li {height:38px;line-height:38px;background: url(../images/dot-news.png) no-repeat 5px 16px;overflow: hidden; border-bottom: 1px dotted #ddd;font-size:14px;}
.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: 15px;width:70%;}
.index-news ul li a em{display: block;width:20%; float: right; text-align:right;}
@media screen and (max-width:799px) {
  .index-about { clear:both;width:100%;height: auto; }
  .index-about div {padding:0 10px;}
  .index-about div .ads {width:100%;padding:5px 0 30px 0;clear:both;}
  .index-news { clear:both;width:100%;}
  .index-news ul {padding:0 10px;} 
}
/*----------------------------------底部-----------------------------*/
.contact {padding:40px 0;background: #fff; border-top: 5px solid #f6f6f6;}
.contact .saoma { width:125px; height: 125px; float: right;background: url(../images/weixin.png) no-repeat 0 0;}
.contact ul { float: left;color:#666;padding-top:35px;}
.contact ul li { padding-left:0px; float:left; padding-right:20px;height:60px; overflow:hidden;}
.contact ul li span{ font-size: 14px; float: left; padding-top:3px;}
.contact ul li span strong {display: block;line-height:20px;padding-bottom:3px;}
.contact ul li em.icon { display: block; float: left; padding-right:10px; font-size:48px; line-height: 48px; padding-top:1px;text-align:center;width:48px; overflow:hidden;}
.contact ul li.tel { font-size:22px;clear: both;}
.contact ul li.tel em {height:50px;}
.contact ul li.email em.icon {  padding-top:4px;font-weight: 600;}
.contact ul li.adds em.icon { font-size:52px;}
.footer {height:60px; background: #008aeb; line-height: 60px;}
.footer-nav {float: left;color:#fff;}
.footer-nav a {color:#fff;}
.copyright {float: right;color:#fff;}
@media screen and (max-width:799px) {
  .contact .saoma { display: none;}
  .contact ul {padding-left:10px;padding-top:5px;}
  .contact ul li {clear:both;padding-right:0px;}
  .footer {border-top:1px solid #ddd; background: #f9f9f9;;}
  .footer-nav { display: none;}
  .copyright { clear:both;width:100%; text-align: center; line-height: 22px;padding-top:8px;color:#808080;}
  .copyright span {display: block;}
}
a.win-backtop { display:block; position: fixed; right: 2px; bottom:146px; background:#69e; color: #fff; line-height: 40px; text-align: center; width: 40px; height: 40px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
/*----------------------------------内页通用----------------------------*/
.ads a  {display: block;}
.ads img {display: block;margin:0 auto;}
.main_left {width:20%; float: left;padding:20px 0;}
.main_center {width:78%; float: right;padding:20px 0;}
.main_left h3 { height: 44px; line-height: 44px; font-size: 22px;color:#000;padding-left: 2px;}
.main_left h3:before {content: '\e62c';color:#008aeb;font-family:"iconfont" !important;font-size:22px; margin-right:10px; font-style:normal;  -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.main_left .mc {border-top:2px solid #008aeb;border-bottom:2px solid #008aeb;background: #fff;}
.main_left .mc dl {display:block; background: #fff;}
.main_left .mc dl dt {display:block; border-bottom: 1px solid #eee;}
.main_left .mc dl dt a:before {content: '\e62c'; font-family:"iconfont" !important;font-size:14px; margin-right:5px; font-style:normal;  -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.main_left .mc dl dt a{display:block; padding-left:15px; font-weight: 700; line-height:42px;}
.main_left .mc dl dt a:hover,.main_left .mc dl dt.active a{background:#008aeb; color:#fff; }
.main_left .mc dl dd {display:block;}
.main_left .mc dl dd a{display:block;border-bottom: 1px solid #eee;padding-left:36px;line-height: 42px;}
.main_left .mc dl dd a:hover,.main_left .mc dl dd a.active{background:#008aeb;  color:#fff; }
.main_left .mc .lhidden {display: none;}
.main_left .lefts {display: none;}
.main_center h2 {height: 44px; line-height: 44px; font-size: 14px;color:#000;padding-left:2px;}
.main_center h2:before {content: '\e659';color:#008aeb;font-family:"iconfont" !important;font-size:22px; margin-right:10px; font-style:normal;  -webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
@media screen and (max-width:799px) {
  .ads img {display: block;margin:0 auto;width:100%;}
  .main_left {width:100%; clear:both; padding:0;}
  .main_center {width:100%; clear:both; padding:0;}
  .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;}
  .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;}
}
.rbox {background:#fff;padding:10px 10px;border-top:2px solid #008aeb;border-bottom:2px solid #008aeb;}
.bdsharebuttonbox span {display:block; float: left;padding-top:4px;}
/*----------------------------------产品、案例-----------------------------*/
.lists-wrap {}
.lists-wrap ul li{float: left;width:229px;padding:20px 0;border-bottom:1px solid #eee;}
.lists-wrap ul li .p-img{ margin:0 auto;height:180px;overflow:hihdden; text-align: center; border-left:1px solid #fff;}
.lists-wrap ul li+li .p-img {border-left:1px solid #eee;}
.lists-wrap ul li+li+li+li+li .p-img {border-left:1px solid #fff;}
.lists-wrap ul li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
.lists-wrap ul li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
.lists-wrap ul li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
.lists-wrap ul li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #fff;}
.lists-wrap ul li+li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
.lists-wrap ul li+li+li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
.lists-wrap ul li+li+li+li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}

.lists-wrap ul li .p-img img {width:180px;}
.lists-wrap ul li .p-img:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.lists-wrap ul li .p-name{width:180px;margin:0 auto;height:40px;line-height:20px;padding:2px 0; overflow: hidden; text-align: center;}
@media screen and (max-width:799px) {
  .lists-wrap {padding:10px 2px;}
  .lists-wrap ul li{float: left;width:50%;}
  .lists-wrap ul li .p-img{height:150px;}
  .lists-wrap ul li .p-img img {width:150px;}
  .lists-wrap ul li .p-name{width:150px;margin:0 auto;}
  .lists-wrap ul li+li+li .p-img {border-left:1px solid #fff;}
  .lists-wrap ul li+li+li+li .p-img {border-left:1px solid #eee;}
  .lists-wrap ul li+li+li+li+li .p-img {border-left:1px solid #fff;}
  .lists-wrap ul li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
  .lists-wrap ul li+li+li+li+li+li+li .p-img {border-left:1px solid #fff;}
  .lists-wrap ul li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
  .lists-wrap ul li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #fff;}
  .lists-wrap ul li+li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}
  .lists-wrap ul li+li+li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #fff;}
  .lists-wrap ul li+li+li+li+li+li+li+li+li+li+li+li .p-img {border-left:1px solid #eee;}

}
.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%;}
.news_list ul li span{display: block;width:27%; float: right; text-align: right;}
.news h1{font-size:24px;text-align:center;display:block;padding:10px 0 15px;margin-bottom:10px;height:24px;}
.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;}
/*----------------------------------新闻页面-----------------------------*/
.about { padding:30px 25px; line-height: 2em; font-size:16px;}
.about p { text-indent: 30px;}
/*----------------------------------分页-----------------------------*/
.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;}