/*----------------------------------通用-----------------------------*/
@charset "utf-8";
body {font:14px/1.5em '微软雅黑','Microsoft YaHei';color:#333;overflow-x: hidden; background: #fafafa;}
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:#f00;}
.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;}
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 0px;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 {padding:20px 10px;}
	.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:#008000;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:#008000;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; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;background: -webkit-linear-gradient(#fff, #ececec); background: -o-linear-gradient(#fff, #ececec);background: -moz-linear-gradient(#fff, #ececec);background: linear-gradient(#fff, #ececec);
      box-shadow:3px 4px 8px #ddd;-webkit-box-shadow:3px 4px 8px #ddd;-moz-box-shadow:3px 4px 8px #ddd; }

/*----------------------------------顶部-----------------------------*/
.header {height:88px;background: -webkit-linear-gradient(#fff,#f4f4f4); background: -o-linear-gradient(#fff,#f4f4f4);background: -moz-linear-gradient(#fff,#f4f4f4);background: linear-gradient(#fff,#f4f4f4);
        box-shadow:3px 2px 9px #999;-webkit-box-shadow:3px 2px 9px #999;-moz-box-shadow:3px 2px 9px #999;}
.headerin {height: 88px;}
#logo {float: left;padding-top:14px;}
#logo img {height:60px;}
#navbar { float: right; text-align: right;} 
.nav { float: right; height:40px; margin-top:24px;}
.nav li { float: left;height:40px; line-height: 40px; width:120px;}
.nav li.nav_close { display: none;}
.nav li:hover , .nav li.active { }
.nav li a{ display: block;text-align:center;  font-size:14px;}
.nav li:hover a  , .nav li.active a{ color:#f00; }
.nav li ul { display: none;}
.nav_btn {display: none;}

.header-float {height:60px;border-bottom:1px solid #ddd;}
.header-float .headerin {height:60px;}
.header-float #logo {padding-top:10px;}
.header-float #logo img{height:40px;}
.header-float .nav { margin-top:12px;}
.header-float .nav li a{ font-size:16px;}
@media screen and (max-width:1000px) {
  .nav li { width: 100px;} 
}

@media screen and (max-width:799px) {
  
   .header {height:60px;}
   .headerin {height:60px;}
   #logo {padding-top:10px;padding-left:5px;}
   #logo img{height:40px;}
   .nav{ display: none; position: absolute; width: 100%;left:0; background: #fff; margin-top:60px;border-top:1px solid #f6f6f6;z-index:9;height:auto; }
   .nav li {width: 100%;clear:both;border-left:0;border-bottom:1px solid #f6f6f6;text-align: center;}
   .nav li a{ font-size: 14px;}
   .nav_btn {display: block; float: right; margin:15px 10px 0 0; color:#f00; font-size:30px; height: 30px; line-height: 30px; cursor: pointer;}
   .nav_btn:hover {color:#f90;}
   .nav li.nav_close { display: block; cursor: pointer ;}
   .nav li.nav_close:hover {color:#f00;}
   .nav li:hover ul {display: none;}
}
/*----------------------------------首页-----------------------------*/
.banner img {max-width:100%;display: block; margin:0 auto;}
.index-product {background: #fff;}
.index-product h2 { height:89px; line-height:48px; font-size:28px; color: #000; padding-top:65px;text-align: center;width:220px; margin:0 auto;}
.index-product h2 small {color:#000; display: block;height:40px;line-height: 40px; font-size: 14px; border-top:1px solid #ddd;}
.index-product .mc {padding-bottom:30px;}
.index-product .mc li {float: left; width: 23%; text-align: center; padding:1% 1% 30px 1%; overflow: hidden;}
.index-product .mc li .p-img { }
.index-product .mc li img {width:100%;margin:0px auto;}
.index-product .mc li .p-name { position:relative; z-index:1; height:30px; overflow:hidden; width:100%; line-height:30px; background:#999; text-align: center; margin-top:-30px; }
.index-product .mc li .p-name a {color:#fff;font-size:14px;display:block;}
.index-product .mc li .p-name span {display:block;width:80%;overflow: hidden;margin:0 auto;}
.index-product .mc li:hover .p-name { background: #666; }
.iproduct { padding: 10px 0;}

@media screen and (max-width:799px) {
  .banner img {width:100%;}
  .index-product h2 { padding-top:25px;}
  .index-product .mc li {width: 48%; }
}


.index-about h2 { height:109px; line-height:48px; font-size:28px; color: #000; padding:50px 10px 0px 0px;text-align: center;width:220px; margin:0 auto;}
.index-about h2 small {color:#000; display: block;height:40px;line-height: 40px; font-size: 14px; border-top:1px solid #ddd;}
.index-about ul li {width:32%;float:left;padding-bottom:30px;}
.index-about ul li+li {padding-left:2%;}
.index-about ul li+li+li+li {padding-left:0%;}
.index-about ul li+li+li+li+li {padding-left:2%;}
.index-about ul li+li+li+li+li+li {padding-left:2%;}
.iabout-pic {border:1px solid #ddd;background: #fff; padding:5px;border-bottom: 0;}
.iabout-pic img{ width:100%;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.iabout-main { display:block; border:1px solid #ddd;background: #fff; padding:5px;border-top: 0;}
.iabout-main h3 { display:block; height:32px;font-size:18px;  line-height: 32px; text-align:center;}
.iabout-main div {height:78px;padding:10px 10px; overflow:hidden; line-height:26px;overflow:hidden;}
.iabout-main div p{text-indent: 2em;}
.index-about ul li:hover .iabout-pic {border:1px solid #eee;background: #eee; border-bottom: 0;}
.index-about ul li:hover .iabout-main { border:1px solid #eee;background: #eee; border-top: 0;}
.index-about ul li:hover .iabout-main h3 {color:#900;}
@media screen and (max-width:799px) {
  .index-about ul li {width:100%;clear: both;}
  .index-about ul li+li {padding-left:0%;}
  .index-about ul li+li+li+li+li {padding-left:0%;}
  .index-about ul li+li+li+li+li+li {padding-left:0%;}
}
.index-news h2 { height:109px; line-height:48px; font-size:28px; color: #000; padding:0px 10px 0px 0px;text-align: center;width:220px; margin:0 auto;}
.index-news h2 small {color:#000; display: block;height:40px;line-height: 40px; font-size: 14px; border-top:1px solid #ddd;}
.inews-pic img{width:100%;}

.index-c {padding:30px 0;}
.ic {width:40%; float: left;}
.ic h2 {text-align: center;height:30px;line-height: 30px;font-size:18px; padding-top:10px;display: none;}
.ic span{ display:block; padding:20px 0;height:66px; line-height: 22px; overflow: hidden;}
.inews {width:55%; float:right;}
.inews h2 {font-size:18px; height:48px; line-height: 18px;}
.inews ul li{ height:26px;line-height:26px;overflow: hidden;}
.inews ul li a {display:block;}
.inews ul li a span {display:block; float: left; width:80%;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.inews ul li a em {display:block; float:right; width:15%;text-align: right;}


@media screen and (max-width:799px) {
  .index-c {padding-top:0;}
  .inews {width:100%; clear: both;}
  .ic {width:100%;clear: both;}
  .ic span{ padding:10px 10px;height: auto;}
  .inews h2 {padding-left:10px;line-height:48px;border-top:5px solid #fff;}
  .inews 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;background-size: 100%;}
.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 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 { background: #f6f6f6; line-height:24px;text-align: center; color:#999;padding:10px 10px;}
@media screen and (max-width:799px) {
  .contact {padding:10px 0;  border-top: 1px solid #f6f6f6;}
  .contact .saoma { display: none;}
  .contact ul {padding-left:10px;padding-top:5px;}
  .contact ul li {clear:both;padding-right:0px;height:40px; }
  .contact ul li span strong {display: none;}
  .contact ul li em.icon { font-size:28px; line-height:28px; width:28px;}
  .contact ul li.tel em {height:30px;}
  .contact ul li.email em.icon {  padding-top:4px;font-weight: 600;}
  .contact ul li.adds em.icon { font-size:30px;}
  .footer {padding:10px 10px;line-height:20px;}
  .footer span {display: block;}
}
a.win-backtop { display:block; position: fixed; 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;}
/*----------------------------------内页通用----------------------------*/
.ads a  {display: block;}
.ads img {display: block;margin:0 auto;max-width: 100%;}
.main_left {position: absolute;width:100%; height:60px; left:0;line-height:60px;background: #f3f3f3;}
.main_center {width:100%; padding:0px 0 20px 0;}
.main_left h3 { display: none;}
.main_left .mc {background: #f3f3f3;}
.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:#f00; 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:#f00; background:#ddd;}
.main_left .mc .lhidden {display: none;}
.main_left .lefts {display: none;}

@media screen and (max-width:1000px) {
  .main_left .lc li em{ width:17%;}
  .main_left .lc li span {width:83%;}
}

.rbox { margin:0px auto; text-align: center;}
.rbox h2  { line-height:48px; font-size:28px; color: #000; padding:20px 20px 20px 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;}


.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 {height:44px;line-height: 44px; }
  
  .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;overflow: hidden;}
  .main_left .mc {position: absolute;left:0; width: 100%;z-index:8;margin-top:38px;display: none;background: #fff;border-top:1px solid #ddd;}
  .main_left .mc dl dt,.main_left .mc dl dd,.main_left .mc dl dd a{width:100%; border:0;clear: both;background: #fff;}
  .main_left .mc dl dt,.main_left .mc dl dd a {border-bottom:1px solid #ddd;}
  .main_left .mc dl.lhidden {display: block;clear: both; height:44px; text-align: center; line-height: 44px; cursor: pointer;background: #fff; }
  .rbox { width:98%;padding-top:40px;}
}

/*----------------------------------产品、案例-----------------------------*/
.lists-wrap {}
.lists-wrap ul li{float: left;width:25%;padding:20px 0;border-bottom:1px solid #eee;}
.lists-wrap ul li .p-img{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:96%;}
.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{ height:40px;line-height:20px;padding:2px 2%; overflow: hidden; text-align: center;}
@media screen and (max-width:799px) {
  .lists-wrap { }
  .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%;text-align: left;}
.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: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;}