/*----------------------------------通用-----------------------------*/
@charset "utf-8";
@import"iconfont.css";

body { font:14px/1.5em '微软雅黑','Microsoft YaHei';color:#000;overflow-x: hidden; background: #ebf0f5;}
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:#00adee;}
.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; }
@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:0;line-height:2em;color:#000;}
.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;}
}

.swiper-button-prev {width:32px; text-align: left; color:#00adee;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; text-align: right;color:#00adee;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:'\e6bc';color:#00adee; }
.swiper-button-next:after {content:'\e63c';color:#00adee; }
.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 { height: 120px; background: #fff;border-bottom: 2px solid #b5defc;transition:all .3s;}
.header .main {position: relative;height:120px; z-index:1;transition:all .3s; }
#logo {position: absolute;left:0;width:239px;top:10px;z-index:999;transition:all .3s; }
#logo img {height:59px;display: block;}

#topbar { position: absolute;right:0; top:10px;z-index:2;height:30px;line-height: 30px;transition:all .3s;}
#topbar li {float: left;height:30px;}
#topbar li.space {padding:0 10px;color:#e3e4f9; }
#topbar li.space+li a{color:#00adee;}
.header_search { position: absolute;right:0; bottom:8px;z-index:2;width:263px; height:30px;transition:all .3s;  }
.header_search ul { background:#fff;border: 1px solid #00b7fc;width:261px;height:28px; }
.header_search ul li { float: left;}
.header_search ul li+li { float: right;}
.header_search ul li input {border: 0; height:28px; line-height:28px;padding:0 5px; width:220px;display: block;}
.header_search ul li button {width:30px;height:28px; text-align: center; color:#f4f9f1; background:#fff; border: 0; display: block;font-size:16px;}

#navbar {position: absolute;left:0; bottom:0px;z-index:2;height:36px;transition:all .3s;} 
.nav {  height:32px; }
.nav li { float: left;height:32px; line-height:32px;margin-right:20px;font-size: 18px;transition:all .3s;}
.nav li.nav_close { display: none;}
.nav li:hover , .nav li.active {border-bottom:4px solid #00adee; }
.nav li h2 a{ display: block;text-align:center;  font-size:16px;}
.nav li h3 {display: none;}
.nav li div.navlist { display: none;}
.nav li:hover div.navlist { display:block;position:fixed;left:0;width:100%; min-height:300px; line-height: 40px; background: #f3f3f3; z-index: 10; margin-top:4px; padding:35px 0;}
.nav li dl {float:left;width:33%;margin-left:20px; }
.nav li dl:nth-child(2n+1) {margin-left:0px; }
.nav li dl+dl+dl {margin-top:20px;}

.nav li dl a {font-size:14px;}
.nav li dt { display: block;height:36px;line-height: 36px;border-bottom: 1px solid #ddd; font-weight: 700;color:#000;}
.nav li dd { display: block;height:36px;line-height: 36px;border-bottom: 1px solid #ddd; }
.nav li .nav-pic {width:30%; position: absolute; right:0;top:0; }
.nav li .nav-pic img {width: 100%;}

.nav_btn {display: none;transition:all .3s;}
.nav_btn_search {display: none;transition:all .3s;}
.nav_btn_tel {display: none;transition:all .3s;}
.header-float {height:60px; }
.header-float .main {height:60px;}
.header-float #navbar { display: none; }
.header-float #logo { top:5px; }
.header-float #logo img {height:50px;}
.header-float .header_search{  bottom:15px; }
.header-float #topbar { right:270px; top:15px;}
.header-float #topbar li.space {display: none;}
.header-float #topbar li:first-child {display: none;}


@media screen and (max-width:1000px) {
   .nav li { margin-right:10px;}
}

@media screen and (max-width:799px) {
	.header {height:60px; }
	.header .main {height:60px; }
	#logo { top:17px;left:10px; }
	#logo img {height:30px;}
	#topbar { display: none; }
	.header_search{ display: none; }
	#navbar { top:0;width: 100%; }
	.header-float #navbar { display: block; }
		.header-float #logo { top:17px; }
		.header-float #logo img {height:30px;}
	.nav{ display: none; position: absolute; width: 100%;left:0; top:60px; height:800px; background: #fff; border-top:1px solid #f6f6f6;z-index:9;}
	.nav li {width: 100%;clear:both; text-align: center;height:auto; line-height:36px; }
	.nav li h2 { display: none;}
	.nav li h3 {display: block;border-bottom: 1px solid #e3e4f9; font-size: 16px;height:40px;line-height: 40px;}
	.nav li a {border-bottom: 1px solid #e3e4f9;display: block;}
	.nav_btn {display: block; float: right;margin:10px 10px 0 0; color:#788791; font-size:18px; height:40px; line-height:40px; width:40px;text-align: center; cursor: pointer; }
	.nav_btn.on {background: #00adee;color:#fff; }
	.nav_btn_search {display: block; float: right;margin:10px 0 0 0; color:#788791; font-size:18px; height:40px; line-height:40px; width:40px;text-align: center; cursor: pointer; }
	.nav_btn_tel {display: block; float: right;margin:10px 0 0 0; color:#788791;font-size:18px; height:40px; line-height:40px; width:40px;text-align: center;  }
	.nav_btn_search.on {background: #00adee;color:#fff; }
	.header_search {top:60px;left:0;height:800px;background: #fff;  z-index:10;width:100%;   }
	.header_search ul { width:calc( 100% - 22px ); margin:0 auto;}
	.header_search ul li { width:calc( 100% - 30px );}
	.header_search ul li+li { width:30px; }
	.header_search ul li input { width:calc( 100% - 10px );}
	.nav li.nav_close { display: block; cursor: pointer ;}
	.nav li:hover , .nav li.active {border-bottom:1px solid #f6f6f6; }
	.nav li:hover ul {display: none;}
	.nav li div.navlist { display:none; }
	.nav li:hover div.navlist {display:none;  padding:0 0;margin-top:0px;}
	
	.nav li div.navlist .main {height:auto;}
	.nav li dl { width:100%;clear: both; }
	.nav li dl+dl {margin-left:0px;}
	.nav li dt { display: block;height:32px;line-height: 32px;border-bottom:0; font-weight:100;color:#000;font-size: 14px;}
	.nav li .nav-pic { display: none; }

}
/*----------------------------------首页-----------------------------*/
.banner {  }
.banner a {display: block;}
.banner a img{width:100%; }
.bannerwap {display:none;}
.bannerwap a {display: block; }
.bannerwap a img{width:100%; }
@media screen and (max-width:799px) {
	.banner {display:none; }
	.bannerwap { display:block; }
}





.index-product { }
.index-product h2 { height:66px; line-height:66px; font-size: 22px; color: #000;}
.index-product h2 a.icon {font-size:18px;display:block; float: right;}
.index-product h2 small {color:#00adee;margin-left:10px;}
.index-product .mc li {float: left; width:30%;margin-left:5%;margin-bottom: 5%; position: relative; }
.index-product .mc li:nth-child(3n+1) {margin-left:0;}
.index-product .mc li .p-img { overflow: hidden;}
.index-product .mc li .p-img img {width:100%;transition:all .5s; }
.index-product .mc li .p-img:hover img { transform: scale(1.05); }
.index-product .mc li .p-name { left:0;bottom: 0; height:50px;width:100%;overflow:hidden;line-height:50px; background: #fff;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.index-product .mc li .p-name a { display: block;padding:0 10px;color:#000;font-size: 16px; }
.index-product .mc li:hover .p-name a { color:#00adee; }


@media screen and (max-width:799px) {
	.index-product { padding:0 10px;}
	.index-product h2 { font-size: 18px; }
	.index-product .mc li {width:100%;margin-left:0; }
	.index-product .mc li:nth-child(3n+1) {margin-left:0;}
	
	.index-case .mc li {width:100%;margin-left:0; }
	.index-case .mc li:nth-child(3n+1) {margin-left:0;}
	.index-case .mc li:nth-child(2n+1) {margin-left:0;}
	.index-case .mc li+li+li {display: none;}

}

.iabout { padding:0;}
.iabout h2 { height:46px; line-height:24px; font-size: 22px; color: #000; padding:20px 0;}
.iabout h2 a.icon {font-size:18px;display:block; float: right;}

.index-news { float:left;width:64%; overflow: hidden;}
.index-about {  float:right;width:33%; overflow: hidden;}

.container {display: block; position: relative;height:450px;color:#fff;}

.index-about div {font-size: 14px;line-height:25px;color:#808080;}
.index-about div .ads {position: relative;overflow: hidden;}
.index-about div .ads img {width:100%;transition:all .5s; }
.index-about div:hover .ads img {transform: scale(1.05);}
.index-about div .text {background: #fff;padding:10px;}

@media screen and (max-width:799px) {
	.index-about { clear:both;width:calc( 100% - 20px );height: auto;float:left; padding:0 10px;}
	.iabout h2 {padding-bottom: 0px;font-size:18px;}
	.index-news { clear:both;width:calc( 100% - 20px );padding:0 10px;}
	.container {height:250px;}
}
/*----------------------------------底部-----------------------------*/
.contact {padding:40px 0;background: #000; border-top: 5px solid #f6f6f6;color:#fff; }
.contact a {color:#fff;}
.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:#fff;padding-top:35px;}
.contact ul li { padding-left:0px; float:left; padding-right:20px;height:70px; overflow:hidden;width:260px;}
.contact ul li span{ font-size: 14px; float: left; padding-top:3px;width:calc( 100% - 68px );line-height:20px;}
.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:26px; 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;}
.footer {height:60px; background: #000; line-height: 60px;color:#fff;}
.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;width:100%;}
  .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:#eb6100; 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;width:100%;}

.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:#eb6100;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 #f60;border-bottom:2px solid #f60;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:#e75f00; 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:#e75f00;  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:#eb6100;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 {padding:35px 0; }
.bdsharebuttonbox span {display:block; float: left;padding-top:4px;}
/*----------------------------------产品、案例-----------------------------*/
.lists-wrap {}
.lists-wrap ul li{float: left;width:30%; padding:20px 0; margin-left:5%;}
.lists-wrap ul li:nth-child(3n+1){margin-left: 0;}
.lists-wrap ul li .p-img{ overflow: hidden; }
.lists-wrap ul li .p-img img {width:100%;transition: all .3s;}
.lists-wrap ul li:hover .p-img img {transform: scale(1.01);}
.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 { left:0;bottom: 0; height:50px;width:100%;overflow:hidden;line-height:50px; background: #fff;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.lists-wrap ul li .p-name a { display: block;padding:0 10px;color:#000;font-size: 16px; }
.lists-wrap ul li:hover .p-name a { color:#00adee; }


@media screen and (max-width:799px) {
  .lists-wrap {padding:0 10px;}
  .lists-wrap ul li{width:100%;margin-left:0%;padding:20px 0 0 0;}
  .lists-wrap ul li:nth-child(3n+1) {margin-left:0;}
}
.pro {background: #fff;padding:35px 0;}
.pro-pic {float:left;width:45%;}
.pro-con {float:left;width:50%;text-align: left;margin-left: 5%;}
.pro-pic-big {display: block;width: 100%;box-shadow:5px 5px 5px #ccc;}
.pro-pic-list { position: relative;padding:20px 40px;}
.probanner { }
.probanner img { display: block; margin: 0 auto; max-width: 95%;border:3px solid #fff;cursor: pointer;}
.probanner .on img {border:3px solid #00adee;}
.pro h1 {font-size:24px;display:block;padding:20px 0 15px 0; line-height:36px;}
.pro h3 {color:#00adee; padding:0px 0 15px 0;}
.pro h4 {height:32px; line-height:32px; background:#f6f6f6; color:#00adee; text-align: left; padding-left: 10px;}
.pro-detials {text-align: center;}
.pro-detials img {max-width: 100%;display: block;margin:0 auto;}

@media screen and (max-width:799px) {
	.pro {background: #fff;padding:0px 0;}
	.pro-pic { width:100%;}
	.pro-con { width:calc( 100% - 20px ); margin-left: 0;padding:10px;}
	.pro-detials {padding:10px 0px;}
}
/*----------------------------------新闻页面-----------------------------*/
.news_list ul { }
.news_list ul li {padding:35px 0;}
.news_list ul li:nth-child(2n+1) { background: #fff;}
.news_list ul li a.img {display: block; width:45%;margin-right: 5%;float: left;}
.news_list ul li a.img img {width:100%;display: block; }
.news_list ul li span {display: block;width:50%; float: left;}
.news_list ul li span a.tit {display: block;padding:20px 0; font-size: 18px;color:#000; }
.news_list ul li span a.more {display: block;border:1px solid #ccc;background: #fff; margin-top:20px; height:26px;line-height: 26px;width:90px; text-align: center; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; }

.news {background: #fff;}
.news h1{ font-size:24px;text-align:center;display:block;padding:25px 10px; line-height: 30px; }
.news .summary {text-align:right;color:#999;}

@media screen and (max-width:799px) {
	.news_list ul li {padding:15px 10px;}
	.news_list ul li a.img {width:100%;margin-right:0;clear: both;}
	.news_list ul li span {width:100%;margin-right:0;clear: both;}
	.news h1{ font-size:22px; line-height: 30px; }
}

/*----------------------------------新闻页面-----------------------------*/
.about { padding:30px 25px; line-height: 2em; font-size:16px;}
.about p { text-indent: 30px;}
.video {text-align: center;}
.video iframe,.video embed { width:100%; height:720px; margin:0 auto; }
@media screen and (max-width:799px) {
	.video iframe,.video embed {  height:480px; }
}
@media screen and (max-width:640px) {
	.video iframe,.video embed {  height:360px; }
}
@media screen and (max-width:400px) {
	.video iframe,.video embed {  height:220px; }
}

/*----------------------------------分页-----------------------------*/
.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;}