@charset "utf-8";
/* CSS Document */

    
	    /*重置*/
*{ font-family:"微软雅黑";color:#333;}
img{ display:block; max-width:100%;}
body,span,dl,dd{margin:0;}
h1,h2,h3,h4,h5{ margin:0; font-weight:normal; padding:0;}
h1{font-size:32px;}
h2{font-size:24px;}
h3{ font-size:18px;}
h4{ font-size:14px;}
h5{ font-size:12px;}
p{ margin:0;}
ul,input,textarea{ margin:0;padding:0;}
li{ list-style:none;}
a{ text-decoration:none !important; color:#333; cursor:pointer;}
.clearfix{ clear:both;}
input{ border:none;}
button{ border:none;}
tr,td{padding:0;}
table{border-collapse:collapse; padding:0; margin:0;}
form{ margin:0;}
select{ margin:0;}
textarea{overflow:auto;}
.f-left{ float:left;}
.f-right{ float:right;}
.row{ margin-right:0 !important; margin-left:0 !important;}
/*页头*/
.container-fluid{padding-left:0 !important; padding-right:0 !important;}
.header{ border-bottom:1px solid #ccc;}
.header h5{ line-height:34px;}
.container{max-width:1100px; padding:0 !important;}
.header a:hover{color:#00b8fa;}

.menu{ margin-top:25px;}
.m-nav{ position:absolute; z-index:15; font-size:14px; width:100%; border-top:2px solid #00b8fa; border-bottom:2px solid #00b8fa; top:150px;}
.m-nav li{color:#333; font-weight:bold; padding:0 24px; line-height:32px; border-bottom:1px solid #ccc; background:#fff url(images/circle.png) no-repeat; background-position:10px 14px;}
.m-nav a:hover li{background:#00b8fa url(images/circle-w.png) no-repeat; background-position:10px 14px; color:white;}

/*logo及热线部分*/

.logo-box{ margin-top:25px; margin-bottom:25px;}

.logo img{max-width:100%;}
.phone { background:url(images/tel.png) no-repeat left; padding-left:58px; margin-top:20px;}
.phone h4{color:#1b75bb;}
/*导航*/
.nav-box{ background:#00b8fa;}
.nav-pills >li>a{ color:#fff; font-size:14px;}
.nav-pills>li{ line-height:30px; width:14%; text-align:center}
.nav-pills>li>a:hover{ background:#009ad1 !important;}
.nav-pills>li.active>a{background:#009ad1 !important;}

/*轮播图*/
.carousel-indicators li{width:42px; height:10px; background:rgba(255,255,255,0.8); border:none;}
.carousel-indicators .active{width:42px; height:10px; background:#00b8fa; border:none; margin:1px;}
/*产品展示*/
.container >.row{ max-width:1100px;}
.product-show{ padding-top:50px; background:#f7f7f7; padding-bottom:60px;}
.product-show h2{ padding-bottom:12px; background:url(images/line.png)  no-repeat bottom; }
.product-show h3{ color:#808080; line-height:48px; font-size:19px; margin-bottom:35px;}

.pro-l{ margin-left:2.4%;}
.pro-l span{ display:inline-block; width:20px; height:20px; border-radius:50%; background:#ccc; text-align:center; color:#fff; line-height:22px;vertical-align: middle; margin-top:-4px; margin-right:9px;}
.pro-l >li>a{display:inline-block; font-size:18px; line-height:50px;vertical-align: middle; max-height:50px;max-width:180px; overflow:hidden; text-overflow:ellipsis;}
.pro-l>li{width:230px; padding-left:14%; background:#fff url(images/line1.png) no-repeat bottom;
transition: width 0.1s;
-moz-transition: width 0.1s;	/* Firefox 4 */
-webkit-transition: width 0.1s;	/* Safari 和 Chrome */
-o-transition: width 0.1s;

}

.pro-m{ margin-right:2.4%;}

.pro-m img{ width:712px; height:400px;}
.pro-l>li:hover span{ background:#fff; color:#00b8fa;}
.pro-l>li:hover a{color:#fff;}
.pro-l>li:hover{ background:url(images/shape.png) no-repeat right; width:240px;}

.pro-l .active{ background:url(images/shape.png) no-repeat right; width:240px;}
.pro-l .active span{background:#fff; color:#00b8fa;}
.pro-l .active a{color:#fff;}
/*手机端产品展示*/
#hwslider ul li:last-child{background: #f90; text-align: center;}
#hwslider ul li h4{height:42px; margin: 40px auto;font-size: 36px;}	
.intro{position:absolute; left:20%; top:20%; width: 240px; background: rgba(0,0,0,.3); padding: 6px;z-index: 2; color: #fff;line-height: 26px}

#hwslider{width: 100%;height:auto;min-height: 120px;margin:0 auto; position: relative; overflow: hidden;}
#hwslider ul{width: 100%; height:100%; position: absolute; z-index: 1}
#hwslider ul li{display:none;position:absolute; left:0; top:0; width: 100%;height:100%; overflow: hidden;}
#hwslider ul li.active{display: block;}
#hwslider ul li img{max-width: 100%}
#dots{position: absolute; bottom:20px; left:200px; min-width:60px; height: 12px; z-index: 2;}
#dots span{float: left; width:20px;height: 20px; border-radius: 50%; background: #ccc; margin-right: 8px; cursor: pointer; color:#fff; text-align:center;}
#dots span.active{background:#00b8fa;}
.arr{display:none;position: absolute; top: 140px; z-index: 2;width: 40px; height: 40px; line-height: 38px; text-align: center;; font-size: 36px; background: rgba(0,0,0,.3); color: #fff; text-decoration: none}
.arr:hover{background: rgba(0,0,0,.7); text-decoration: none;}
#hwslider:hover .arr{display: block; text-decoration: none;color: #fff}
#prev{left: 20px}
#next{right: 20px}
#hwslider h4{ position:absolute; bottom:40px; z-index:25; color:#333;} 


/*应用领域*/
.application{ background:url(images/bg.png) top;}
.application h2{ color:#fff; background:url(images/line2.png) no-repeat bottom;}
.application h3{ color:#fff;}

.app-m .col-md-3 a div img{ margin:0 auto; max-width:100%; border:5px solid #fff;}
.app-m .col-md-3 a h3{text-align:center; margin:0 auto; color:#333; font-size:16px; line-height:50px; background:#fff; max-width:250px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; }
.app-m .col-md-3:hover h3{ color:#00b8fa;}
.app-m .col-md-3{ margin-bottom:20px;}

.application .more h3{text-align:center; width:180px; margin:0 auto; line-height:46px; border:2px solid #fff; border-radius:20px; margin-top:30px;}
.application .more h3 a{ color:#fff;}
.application .more h3:hover{ background:#fff;}
.application .more h3:hover a{ color:#00b8fa;}

/*关于普能*/
.com{ margin-top:50px; padding-left:0;}
#com{ background:url(images/line3.png) no-repeat right center;}
.com .com-tit h3,.com .com-tit h4{ display:inline-block;}
.com .com-tit h3{ color:#00b8fa;}
.com .more a{ line-height:18px;}
.com .more a:hover{ color:#00b8fa;}
.com .com-tit{ margin-bottom:40px;}
.com-m >.col-md-7{max-height:180px; overflow:hidden; text-overflow:ellipsis; padding-right:0;}
.com-m p{ font-size:14px; text-indent:2em; line-height:20px; }
.com-m >.col-md-5{ padding-left:0 !important; padding-right:0;}

/*荣誉资质*/
.honor-m{ position:relative;}
.show-box{ width:294px; height:178px; overflow:hidden; margin:0 auto;}
.show{ width:960px; height:178px; position:relative;}
.show li{ display:inline-block; margin-right:40px;}

.h-left,.h-right{display:block; width:40px; height:40px; position:absolute; top:50%; margin-top:-20px;}
.h-left{ left:0;  background:url(images/h-left.png) no-repeat;}
.h-right{right:0; background:url(images/h-right.png) no-repeat;}
.h-left:hover{ background:url(images/h-left1.png) no-repeat;}
.h-right:hover{ background:url(images/h-right1.png) no-repeat;}

/*新闻与联系我们*/
.news-box{ background:#f7f7f7; margin-top:60px; }
.com-m .col-md-7>ul >li >a{ display:inline-block; padding-left:25px; line-height:36px; background:url(images/arrow.png) no-repeat left; height:36px; max-width:350px; text-overflow:ellipsis;white-space: nowrap;}
.com-m .col-md-7>ul >li >a:hover{ background:url(images/arrow1.png) no-repeat left; color:#00b8fa;}

.contact{ background:#fff;width:400px; border-top:4px solid #00b8fa;padding-top:44px; margin-right:0; padding-bottom:54px;}
.contact h3{ color:#00b8fa; text-align:center; background:url(images/line.png) no-repeat bottom; padding-bottom:15px;max-width:100%;}
.contact span{ font-size:14px;}
.contact ul{width:240px; margin:0 auto; margin-top:26px; }
.contact ul li{ line-height:38px;padding-left:28px;}
.con1{ background:url(images/con1.png) no-repeat left;}
.con2{ background:url(images/con2.png) no-repeat left;}
.con3{ background:url(images/con3.png) no-repeat left;}
.con4{ background:url(images/con4.png) no-repeat left;}
.con5{ background:url(images/con5.png) no-repeat left;}

/*页脚*/
footer{background:#0d9bd4; padding-top:40px;}
footer .col-md-3{ border-right:1px solid #fff;}
footer .col-md-3 img{ margin:0 auto;}

.f-nav{ margin:0 auto;}
.f-nav li,.f-con li,.link dt,.link dd{ display:inline-block;}
.f-nav li{padding:0 3.4%; border-right:2px solid #fff; font-size:12px; font-weight:bold;}
.f-nav li a{ color:#fff;}
.f-con{ margin-top:45px; margin-left:3.4%;}
.f-con li{color:#fff; font-size:12px; margin-right:22px; line-height:20px;}
.link{ margin-top:56px; margin-left:3.4%;  font-size:12px;}
.link dt{ color:#fff; padding-left:25px; line-height:26px; background:url(images/link.png) no-repeat left; margin-right:25px;}
.link dd a{ color:#fff; margin-right:25px;}
footer p{ color:#fff; font-size:12px; text-align:center;line-height:50px; border-top:1px solid #fff;}
footer .container{ margin-bottom:34px;}
/*首页调整响应式*/
@media (max-width:1199px){
	.pro-l{ margin-left:0;}
	.pro-m{ margin-right:0;}
	}


@media (max-width:767px){
	.contact{ width:100%;}
	#com{padding-left:15px; background:none;}
	#com-n{padding-left:15px;}
	.com-m >.col-md-5{ padding-left:15px !important; padding-right:15px;}
	.logo img{ max-width:80%;}
	}
@media (min-width:768px) and (max-width:991px){
	.honor-m{ margin-top:60px;}
	.contact{ max-width:360px; height:466px;}
	.com-m >.col-md-7{max-height:60px; overflow:hidden; text-overflow:ellipsis; padding-right:0;}
	}
	
@media (max-width: 443px){
	.logo{width:80%;}
	.menu{ margin-top:10px;}
	.header{ display:none;}
	.m-nav{top:100px;}
}
/*内页-关于我们*/
#about{ background:url(images/about.png) center;}
#about h1{ color:#fff; font-size:40px; margin-top:70px; margin-bottom:40px;}
#about h2{ color:#fff; margin-left:4em;font-size:40px; font-weight:lighter; margin-bottom:50px;}
.ab-m{ border:1px solid #fff;padding:38px;}
.ab-m p{ font-size:14px;color:#fff; text-indent:2em; line-height:2;}
#about span{ width:54px; height:54px; display:block; background:url(images/shaoe1.png); margin:60px auto;}

.honor{ background:none; margin-top:40px;}

.vip{ margin-top:45px;}
.vip li{ display:inline-block; width:19.5%;}
.vip li img{ margin:0 auto;}
.vip li h4{ text-align:center; line-height:40px;}
.honor1{ margin-bottom:60px;}
.honor1 li{ width:24.5%;}
.vip li h4:hover{color:#00b8fa;}
@media (max-width:991px){
	.vip li h4{display:none;}
	
	}
@media (max-width: 684px){
.vip li{ width:100%;}	
.vip li h4{ display:block;}
}
/*内页-产品中心*/
.main-box{ margin-bottom:60px;}
/*左侧*/
.pro-left{ padding-left:0; margin-top:20px;}
.list{ max-width:220px;}
.list dt{ font-size:20px; background:url(images/list-bg.png) no-repeat center; line-height:76px; color:#fff; text-align:center;}
.list>dd{ line-height:70px;border-left:2px solid #00b8fa; border-right:2px solid #00b8fa; text-align:center;}
.list>dd >a{ display:inline-block; width:100%; border-bottom:2px solid #ccc; font-weight:bold; font-size:16px; position:relative}
.list>dd>a>span{ display:inline-block; width:15px; height:15px; background:url(images/arrow-r.png) no-repeat center; position:absolute;top:50%; margin-top:-8px; right:10px;}

.pro-ch{ position:relative; display:none;}
.pro-ch>dd{ background:#f7f7f7; border-bottom:1px solid #ccc; line-height:40px;}

.list>dd:hover >a{color:#fff; background:#00b8fa; border-bottom:2px solid #00b8fa;}
.pro-ch>dd>a:hover{color:#00b8fa;}
.pro-ch .active a{color:#00b8fa;}

#list>dd.active .pro-ch{ display:block;}
#list>dd.active >a{color:#fff; background:#00b8fa; border-bottom:2px solid #00b8fa;}
#list>dd.active >a>span{ background:url(images/arrow-down.png) no-repeat center;}

.contact-list{ max-width:220px;}
.contact-list>h3{ text-align:center; line-height:36px; margin-top:40px;  }
.contact-list>h3>span{ display:inline-block; width:36px; height:35px; margin-right:10px;}
.con-list{ margin-top:10px; text-align:center;}
.con-list dt{ border-bottom:1px solid #ccc;}
.con-list>dt>img{ margin:0 auto;}
.con-list dt h4{line-height:36px;}
.con-list dt h3{ font-size:20px; color:#00b8fa; margin-bottom:14px;}
.con-list dd{ font-size:14px; line-height:24px;}
/*右侧*/
.pro-right{ padding-right:0; margin-top:20px;}
.bread dt,.bread dd{ display:inline-block;}
.bread{ background:#e5e5e5; }
.bread h5{line-height:30px;padding-left:88px; background:url(images/shape3.png) no-repeat left;}
.bread a:hover{ color:#00b8fa;}

.pro-right>.row>.col-md-6{padding:0;}
.pro-right .product-main{ border:1px solid #ccc;margin-top:20px;margin-left:10px; margin-right:10px;}
.pro-tit{ padding-bottom:20px;}
.pro-tit h3 { font-size:16px; text-align:center; line-height:48px;width:100%; overflow:hidden; height:48px; text-overflow:ellipsis;white-space: nowrap;}
.pro-tit p{ font-size:12px;margin:0 10px; line-height:18px; height:36px; overflow:hidden; text-overflow:ellipsis; }
.product-main a:hover .pro-tit{ background:#00b8fa;}
.product-main a:hover .pro-tit h3,.product-main a:hover .pro-tit p{color:#fff;}
.m-list li{ display:inline-block; margin-right:10px;}
.m-list .active a{ color:#00b8fa; text-decoration:underline !important;}
.m-list a:hover{ color:#00b8fa; text-decoration:underline;}
@media (max-width: 443px){
	.pro-right .col-xs-6{ width:100%;}
}

/*产品详情*/
.pro-det{ margin-top:20px;}
.pro-det img{ margin:0 auto;}
.pro-det>h3{ line-height:35px;color:#fff; padding-left:48px; background: #00b8fa url(images/circle1.png) no-repeat left; background-position:23px; margin-top:20px;}
.pro-detmain h3{line-height:35px; padding-left:48px; background: url(images/circle2.png) no-repeat left; background-position:23px; margin-top:30px;}
.pro-detmain p{ text-indent:2em; font-size:14px; line-height:24px;}
.pro-det h4{ line-height:30px; text-align:center; margin-bottom:20px;}
/*.pro-detmain span{ font-size:18px;}*/
/*内页-新闻中心*/
.news-l .active>a{color:#fff; background:#00b8fa; border-bottom:2px solid #00b8fa;}
.news-l .active >a>span{ background:url(images/arrow-w.png) no-repeat center;}

.time{ background:#9a9a9b url(images/line4.png) no-repeat center; text-align:center; width:82px; height:74px; padding:0; margin-right:20px;}
.time h2{ line-height:38px; font-size:20px; color:#fff;}
.time h3{ line-height:38px; font-size:16px;color:#fff;}
.news-tit{padding:0; padding-bottom:8px;border-bottom:1px solid #ccc;}
.news-tit h4{ line-height:30px;}
.news-tit p{ font-size:12px; line-height:21px; height:38px; overflow:hidden; text-overflow:ellipsis; }

.news-tit h4 a:hover{color:#00b8fa;}
.news-list:hover .time{ background:#00b8fa url(images/line4.png) no-repeat center; }
.news-list{ margin-bottom:36px;}

@media (max-width: 647px){
	.news-tit{width:100%;}
}

.page{ display: table;margin:0 auto;}
	.page a{margin-left:5px; margin-right:5px;}
	.page li{ display:table-cell; border:1px solid #ccc; text-align:center; line-height:30px; padding-left:10px; padding-right:10px;}
	.page a:hover li{ background:#00b8fa; color:#fff;border:1px solid #00b8fa;}
	.page .current{background:#00b8fa; color:#fff;border:1px solid #00b8fa;}
/*新闻详情*/	
.news-det{ margin-top:40px;}
.news-det h2{ font-size:22px; text-align:center; margin-bottom:36px;}
.news-det h5{ text-align:center; line-height:30px; background:url(images/line5.png) no-repeat bottom; margin-bottom:24px;}
.news-det p{ font-size:14px; line-height:21px; text-indent:2em;}
.news-det img{ margin:10px auto;}
/*工程案例-应用案例*/
.case { padding-left:15px; padding-right:15px; margin-top:20px;}
.case img{ border:1px solid #ccc; margin:0 auto;}
.case h3{ font-size:16px; text-align:center; line-height:38px; height:38px; width:100%;overflow:hidden;}
.case a:hover img{border:1px solid #00b8fa;}
.case a:hover h3{color:#00b8fa;}

/*工程案例-应用领域*/

.app-det{ margin-top:20px; padding-left:10px; paddding-right:10px;}
.app-det>div{ border:1px solid #ccc; padding:5px; position:relative;}
.app-det>div h3{ text-align:center; line-height:44px; font-size:16px;}
.app-dot{ position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(51,51,51,0.8); display:none;}
.app-dot>h3{ font-size:16px; color:#fff; width:120px; margin:0 auto; margin-top:50px; border-bottom:1px solid #fff; }
.app-dot>h4{color:#fff; text-align:center; line-height:2;}

.app-det>div:hover .app-dot{ display:block;}
/*人才招聘*/
 .job{ margin-top:40px;padding-left:26px; border-bottom:1px solid #ccc; padding-bottom:20px;}
.job h3{ font-size:16px; margin-bottom:15px;}
.job h3 span{color:#00b8fa;}
.job h4{ font-weight:bold; line-height:21px;}
.job p{ line-height:21px;}


/*联系我们*/
.contact-det h1{ font-size:25px; text-align:center; line-height:150px;}
.contact-det li{ display:inline-block; width:19.6%; text-align:center;}
.contact-det li img{ margin:0 auto; margin-bottom:10px;}
.map{ width:100%; border:5px solid #00b8fa; height:530px;margin-top:40px;}


.message{ border:1px solid #ccc; padding-left:90px; margin-bottom:60px;padding-top:50px;}
.name{margin-bottom:25px;}
.name h4{ display:inline-block; line-height:30px;}
.name h4 span{ color:#f50a0a;}
.name input{ height:30px; border:1px solid #ccc; border-radius:4px; width:300px; padding-left:10px;}
.name textarea{width:810px; height:136px;border:1px solid #ccc; border-radius:4px;}
#sub{ display:block; width:100px; margin:0 auto; line-height:30px; border-radius:4px; background:#00b8fa;color:#fff; margin-bottom:25px;}


@media (max-width: 991px){
	.job{padding-left:0;}
	.contact-det li{ width:19.3%; font-size:12px;}
	.message{padding-left:0;}
	.name textarea{width:100%;}
	
}
@media (max-width: 767px){
	.contact-det li{ width:49%; font-size:14px; margin-bottom:10px;}
	
}

@media (max-width: 443px){
	.name input{ width:100%;}
	
	
	}