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

body {
	magin: 0px;
	padding-top:0px;
	position:relative;
}
* {
	font-family: Arial, "微软雅黑";
}
dd, dl, dt, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
input {
	margin: 0;
	outline: none
}
a {
	text-decoration: none;
}
a:link {color:inherit;}/*未访问样式*/
a:hover{text-decoration:none;}
h1{ margin:0px;}
i{ font-weight:normal;}
hr{ border:none; border-top:1px dashed #ccc; margin:10px 0px;}
.blue{ color:#00aaf1;}


.navbar{ width:1140px; position:relative; z-index:999999; width:100%; border-bottom:2px solid #ca8b30; margin-bottom:0px; background:#fff;
        box-shadow:0px 0px 10px rgba(0,0,0,.3);
   -moz-box-shadow:0px 0px 10px rgba(0,0,0,.3);
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.3);
}
.navbar-header{}
.navbar-default .navbar-toggle{ border-color:#00aaf1;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background-color:#00aaf1;}
.navbar-inverse .navbar-toggle{border-color: #00aaf1;}
.navbar-inverse .navbar-toggle .icon-bar{ color:#00aaf1; background-color:#00aaf1;}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{background-color:#fff;}
/*手机菜单折叠按钮*/

a.language-button{ float:right; width:46px; height:34px; color:#FFF; line-height:34PX; text-align:center; font-size:16PX;background-size:18px; border-radius:4px; margin:8px; margin-left:0px;  border:1px solid #fff;}

.navbar-brand{ padding:0px; padding-left:15px;line-height:80px; height:80px;}
.navbar-brand img{ width:auto; height:100%;}
.dropdown-menu > li > a{ text-align:left;}

.nav > li > a{  padding:32px  18px; color:#00aaf1; text-shadow:1px 1px 0px #e0e0e0;}
.navbar-inverse{ border:none;}
.navbar-inverse .navbar-nav > li > a{font-size:16px; line-height:16px; color:#00aaf1;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ color:#f7a837; background:none;}
.navbar-inverse .navbar-nav > li.on > a{color:#f7a837; background:none;}
.navbar-inverse .navbar-nav > .open > a{color:#00aaf1;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{ color:#00aaf1; background:none;}
.navbar-right{ margin-right:15px;}


.index-title{ position:relative; z-index:2; display:inline-block; width:100%; font-size:24px; font-weight:normal; text-align:center; color:#333; margin:70px auto 50px;}
.index-title:after{ content:""; position: absolute;  z-index:-1;width: 60px;height: 2px;bottom: -22px;left: 50%; margin-left:-30px;background-color:#00aaf1;}
.index-title-text{ display:inline-block; width:100%; font-size:14px; font-weight:normal; text-align:center; color:#666;}
.index-product-list-name{  display:inline-block; width:100%;box-sizing: border-box; padding:0px 20px; font-size:14px; line-height:14px; font-weight:bold; color:#333333; margin:10px 0px;transition-duration: .3s;}
.index-product span{  display:inline-block; width:100%;box-sizing: border-box; padding:0px 20px;font-size:14px; line-height:14px; color:#666;}
.index-product-more{ position:relative; z-index:2; display:inline-block; border:1px solid #ccc; font-size:15px; line-height:18px; padding:0px 20px; margin:10px 20px 20px; color:#4d4d4;}
.index-product .item:hover .index-product-list-name{ color:#fff; }
.index-product .item:hover .index-product-list-name:hover{ text-indent:10px;transition-duration: .3s;}
.index-product .item:hover span{ color:#fff; }
.index-product .item:hover .index-product-more{ border:1px solid #fff; color:#fff;}
.index-product .item:hover .index-product-more:hover{ color:#00aaf1; }
.index-product-more:after{ content:""; position: absolute;  z-index:-1;width: 0%;height: 100%;bottom: 0px;left: 0;background-color:#fff;transition-duration: .3s;}
.index-product-more:hover:after{content:""; position: absolute;  z-index:-1; width: 100%;transition-duration: .3s;}


.index-ysbox{ width:100%; background:#edeef2; margin-bottom:50px;}
.index-ys{ height:100%; overflow:hidden;}
.index-ys .col-md-5{ padding-right:40px; padding-top:50px; padding-bottom:10px;}
.index-ys .col-md-7{ padding-top:50px; padding-bottom:10px;}
.index-ys img{ width:100%; box-sizing:border-box; border:5px solid #fff;box-shadow:2px 2px 8px rgba(0,0,0,.4);}
.index-ys li{ width:90%; margin-left:0%; overflow:hidden; margin-bottom:20px;}
.index-ys li:nth-child(2n){ margin-left:10%;}
.index-ys li div{ overflow:hidden;}
.index-ys i{float:left; display:inline-block; margin-right:20px; width:40px; height:40px; line-height:40px; font-size:24px; font-weight:bold; text-align:center; color:#fff; background-color:#00aaf1;
border-radius:50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.index-ys p{ display:inline-block; width:auto; font-size:14px; color:#333; line-height:20px; margin-bottom:15px;}
.index-ys b{ display:inline-block; width:auto; font-size:24px; color:#00aaf1; font-weight:normal; margin-bottom:20px;}


.index-about{ width:88%; margin:auto; background-color:#5ebfe8; overflow:hidden;}
.index-about-img{ padding:0px;}
.index-about img{ width:100%;}
.index-about-text{ padding:30px 40px;}
.index-about-text p{ font-size:14px; color:#fff; line-height:26px;}
.index-about-text .index-about-title{ display:inline-block; width:100%; font-size:24px; border-bottom:1px solid #fff; padding-bottom:15px; margin-bottom:20px;}
.index-about-text .about-more{ position:relative; z-index:2; display:inline-block; font-size:14px; line-height:24px; color:#fff; padding:0px 20px; border:1px solid #fff;transition-duration: .3s;}
.index-about-text .about-more:hover{color:#5ebfe8;transition-duration: .3s;}
.index-about-text .about-more:after{ content:""; position: absolute;  z-index:-1;width: 0;height: 100%;bottom: 0px;left: 0%;background-color:#fff;transition-duration: .3s;}
.index-about-text .about-more:hover:after{ content:""; position: absolute;  z-index:-1;width: 100%;height: 100%;bottom: 0px;left: 0%;background-color:#ffff;transition-duration: .3s;}


.index-news-list-box{ overflow:hidden;}
.index-news-list-box .col-sm-6{ padding-left:10px; padding-right:10px;}
.index-news-list{ position:relative; z-index:2; background:#edeef2; overflow:hidden; padding:10px 24px; margin-bottom:20px;}
.index-news-list:after{ content:""; position: absolute;  z-index:-1;width: 0%;height: 100%;bottom: 0px;left: 0%;background-color:#4bc2f4;transition-duration: .3s;}
.index-news-list:hover:after{ width: 100%;transition-duration: .3s;}
.index-news-list .index-news-time{ float:left; overflow:hidden; width:64px; font-size:0px; line-height:0px; border-right:1px solid #999; margin-right:20px;transition-duration: .3s;}
.index-news-list .index-news-time .time-big{ display:inline-block; margin:8px 0px; width:auto; font-size:36px; line-height:36px;color:#4d4d4d; text-align:left; border-bottom:1px solid #999;transition-duration: .3s;}
.index-news-list .index-news-time span{ display:inline-block; width:100%; font-size:14px; line-height:14px;color:#4d4d4d;text-align:left; margin-bottom:8px;transition-duration: .3s;}
.index-news-text a{ position:relative; max-width:100%; z-index:2; display:inline-block; font-size:14px; line-height:14px; font-weight:bold; margin:8px auto 6px;transition-duration: .3s;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.index-news-text p{ font-size:12px; color:#666; line-height:20px; height:40px; margin-bottom:0px;transition-duration: .3s; overflow:hidden;}

.index-news-list:hover .index-news-time,.index-news-list:hover .index-news-time .time-big,.index-news-list:hover .index-news-time span,.index-news-list:hover .index-news-text a,.index-news-list:hover .index-news-text p{ color:#fff;transition-duration: .3s;}
.index-news-list .index-news-text a:after{ content:""; position: absolute;  z-index:-1;width: 0%;height: 1px;bottom: 0px;left: 0%;background-color:#fff;transition-duration: .3s;}
.index-news-list .index-news-text a:hover:after{width: 100%;transition-duration: .3s;}
.index-news-list:hover .index-news-time{border-right:1px solid #fff;transition-duration: .3s;}
.index-news-list:hover .index-news-time .time-big{border-bottom:1px solid #fff;transition-duration: .3s;}
.index-news-more-box{ text-align:center; padding-top:15px;}
.index-news-more{ position:relative; display:inline-block; line-height:28px; padding:0px 44px; font-size:12px; color:#666; border:1px solid #ccc;}
.index-news-more:hover{ position:relative; display:inline-block; line-height:28px; padding:0px 44px; font-size:12px; color:#fff; border:1px solid #5ebfe8;}
.index-news-more:after{ content:""; position: absolute;  z-index:-1;width: 0%;height: 100%;bottom: 0px;left: 0%;background-color:#5ebfe8;transition-duration: .3s;}
.index-news-more:hover:after{width: 100%;transition-duration: .3s;}


.foot-box{ background:#5f6670; padding-top:30px; margin-top:180px;}
.foot{ padding-left:320px; position:relative; z-index:1; overflow:visible;}
.foot-nav{ overflow:hidden;}
.foot-nav ul{ float:left; padding:0px 47px; background:url(../images/img-foot-ul-bg.jpg) repeat-y top right 0px;}
.foot-nav ul a{ color:#fff; line-height:36px;}
.foot-nav ul li.none{ display:none;}
.foot-nav div{ float:left; margin-left:45px; color:#fff; font-size:12px; line-height:24px;}
.bq{ margin-top:50px; margin-left:47px; border-top:1px solid #8b95a3;}
.bq p{ display:inline-block; color:#fff; font-size:12px; line-height:40px; margin:0px; margin-right:6px;}
.bq a{ display:inline-block; color:#fff; font-size:12px; line-height:40px; margin:0px;}





.foot-ly{ width:320px; position:absolute; z-index:2; bottom:0px; left:0px; background:#00aaf1;}
.ly .messages_box {width:100%;padding: 10px 1% 10px 1%;}
.ly .messages_box ul {width: 100%;}
.ly .messages_box ul li {padding:5px 25px;}
.ly .ly-title{ display:inline-block; width:100%; font-size:18px; line-height:40px; color:#fff; border-bottom:2px solid #fff; margin-bottom:8px;}
.ly .messages_box .text-input, .ly .messages_box .summary-input, .ly .messages_box .qq-input {width: 100%;height: 30px;padding: 0px 10px;line-height: 30px;font-size: 14px; text-indent:20px; color:#fff; background:none; border:none; border-bottom: 1px solid #fff; }
#txtauthor{ background:url(../images/icon-name.png) left 10px center no-repeat;}
#txtphone{ background:url(../images/icon-E-mail.png) left 10px center no-repeat;}
.ly .messages_box .cont-input {width: 100%;height: 130px;padding: 10px; margin-top:16px;line-height: 20px;font-size: 14px; color:#00aaf1; border:none;}
.cont-input::-webkit-input-placeholder{color:#00aaf1;}
.cont-input:-moz-placeholder{color:#00aaf1;}
.cont-input::-moz-placeholder{color:#00aaf1;}
.cont-input::-ms-input-placeholder{color:#00aaf1;}

.ly .messages_box .submitBtn {text-align: center;}
.ly .messages_box .messages-button { margin-bottom:10px;width: 80px;height: 26px;line-height: 26px;font-size: 12px; color:#00aaf1;text-align: center;background:#e0e0e0;border: none;transition-duration: .3s;}
.ly .messages_box .messages-button:hover {background:#fff;transition-duration: .3s;cursor: pointer;}





/*首页end*/

.inside-banner{ height:220px;}
.nav3box{width:100%; background-color:#f2f2f2; }
.nav3{ text-align:left; position:relative;}
.nav3 #dong{ display:inline-block;}
.nav3 #dong a{ position:relative; z-index:2; display:inline-block; padding:0px 30px; margin:0px 1px; line-height:40px;text-align:center; color:#fff; background-color:#00aaf1;}
.nav3 #dong.on a{background-color:#f7a837;}
.nav3 #dong a:after{ content:""; position: absolute;  z-index:-1;width: 100%;height: 0px;bottom: 0px;left: 0%;background-color:#f7a837;transition-duration: .3s;}
.nav3 #dong:hover a:after{ width: 100%;height: 100%;transition-duration: .3s;}

.products-list{ padding-top:45px;}
.products{ padding:4px; background:#f2f2f2; border:10px solid #FFF; transition-duration: .3s;}
.products .product-list-img{ display:inline-block;}
.products .product-list-img img{ width:100%;}
.products .product-list-name{ box-sizing:border-box; display:inline-block; max-width:100%; padding:0px 15px; text-align:left; font-size:14px; line-height:14px; color:#333; margin:15px auto 10px;}
.products p{  box-sizing:border-box; display:inline-block;width:100%; padding:0px 15px; margin-bottom:15px; font-size:14px; line-height:14px; color:#999;}
.products .product-list-more{ position:relative; z-index:2; display:block; width:60px; margin-left:15px; margin-bottom:15px; text-align:left; font-size:14px; line-height:22px; border:1px solid #ccc; color:#666; text-align:center; }


.Page{ text-align:center; line-height:0px; font-size:0px; width:100%; overflow:hidden;}
.Page a{ display:inline-block; line-height:34px; font-size:14px; color:#4d4d4d; padding:0px 14px; margin:0px 2px; background:#e0e0e0;}
.Page a:hover{ color:#00aaf1;font-weight:bold;}
.Page span{ display:inline-block; line-height:34px; font-size:14px; color:#4d4d4d; padding:0px 14px; margin:0px 2px; background:#e0e0e0;}
.Page a.on{ color:#fff; background-color:#3ab4e8; font-weight:bold;}
.Page span.on{ color:#fff; background-color:#00aaf1; font-weight:bold;}
.Page2{overflow:hidden;}
.Page2 .news-prve,.Page2 .news-next{ text-align:left; color:#666;}
.Page2 a:hover{ color:#f7a837;}


.product-content{ margin-top:40px;}
.product-name{ float:right; text-align:left;}
.product-name h2{ display:inline-block; width:100%;font-size:24px; color:#f7a837; margin:15px 0px;}

.product-textbox{ border:1px solid #e0e0e0; background-color:#f7f7f7; padding:20px 15px; margin-bottom:10px;}
.product-textbox p{ line-height:20px; font-size:14px; color:#4d4d4d; margin-bottom:10px;}
/*产品参数*/
.product-contact .product-ly{ position:relative; z-index:2; display:inline-block; line-height:40px; padding:0px 30px; margin-bottom:20px; color:#fff;background:#00aaf1;}
.product-contact .product-ly:after{ content:""; position: absolute;  z-index:-1;width: 100%;height: 0px;bottom: 0px;left: 0%;background-color:#f7a837;transition-duration: .3s;}
.product-contact .product-ly:hover:after{ content:""; position: absolute;  z-index:-1;height: 100%;background-color:#f7a837;transition-duration: .3s;}
.product-contact .product-fxbox{display:inline-block; vertical-align:top; margin-left:20px; margin-bottom:20px; padding-top:4px;}
.product-ly img{ display:inline-block; height:20px;}
.product-ly span{ display:inline-block; line-height:20px;  text-indent:8px; }
/*产品联系和分享*/

.product-tab{ width:100%; clear:both; padding-top:30px;}
.tab-contentbox {
	clear: both;
	padding: 8px;
	text-align: center;
}

.tab-button {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0;
}
.tab-button li {
	display: block;
	float: left;
	width: 120px;
	font-size: 14px;
	line-height: 42px;
	text-align: center;
	cursor: pointer;
	border-right: 1px solid #e0e0e0;
	background-color:#00aaf1;
	color:#fff;
}
.tab-button li:hover {
	background: #f7a837;
	color: #fff;
}
.tab-button li.hover {
	background: #f7a837;
	color: #fff;
}
#tab-contentbox0 .tab-content {
	display: none;
	width: 100%;
	margin: auto;
	margin-bottom:20px;
	overflow: hidden;
	font-size: 12px;
	color: #4d4d4d;
	line-height: 30px;
}
#tab-contentbox0 div img{ max-width:100%;}
#tab-contentbox0 div p{ font-size:14px; line-height:22px; color:#4d4d4d; margin-bottom:10px; text-align:left;}
.product-qq { float:left; text-align:left; width:120px; padding:10px 0px; border-right:1px solid #e0e0e0;}
.product-qq li{ width:100%;}
.product-qq li a {display:inline-block; width:90%; border-radius:2px; margin-bottom:2px; font-size:14px;line-height:32px; text-align:center; color: #fff; background:#666; vertical-align:bottom;transition-duration: .3s; }
.product-qq li:hover a { text-decoration: none; margin-left:10%; background:#f7a837;transition-duration: .3s;}
.product-qq li a img { display: inline-block; width:16px; height:auto; margin-right:5px;line-height:32px; vertical-align:central;}

.product-contact2{ float:left; padding:10px 0px 10px 20px; border-left:1px solid #e0e0e0; margin-left:-1px;}
.product-contact2 p{ font-size:14px; color:#4d4d4d; margin-bottom:6px; line-height:20px;}
/*产品详tab情*/
.product-tj-title{ background-color:#31abea;}
.product-tj-title p{ position:relative; z-index:2; display:inline-block; font-size:14px; color:#fff; line-height:36px; text-indent:20px; margin:0px;}
.product-tj-title p:after{ content:""; position: absolute;  z-index:-1;width:calc(100% + 20px);height: 100%;bottom: 0px;left: 0%;background-color:#f7a837;transition-duration: .3s;}

.marqueeleft{ box-sizing:border-box;width:100%;overflow:hidden; margin:auto; border-left:20px solid #f2f2f2; border-right:20px solid #f2f2f2; padding:15px 0px 10px; background:#f2f2f2;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 3px;display:inline;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:180px;padding:2px;overflow:hidden; margin-bottom:10px;}
.marqueeleft li .pic img{width:100%;height:100%;overflow:hidden;}
.marqueeleft li .txt{ display:inline-block; width:100%;text-align:center;height:23px;line-height:23px; color:#4d4d4d;}
.marqueeleft li:hover .pic{border:#00aaf1 1px solid;}
.marqueeleft li:hover .txt{color:#00aaf1;}
/*产品推荐*/


.news-listbox{ margin-top:50px;}

.faq-box{ margin-top:30px;}
.panel-group .faq{ border-radius:0px;}
.panel-group .faq .panel-heading{ background:#f5f5f5;}
.panel-group .faq .panel-title a{ display:inline-block; width:100%;}
.panel-group .faq .panel-body p{ color:#4d4d4d; line-height:22px;}


.inside-news-title{ text-align:center;}
.inside-news .inside-news-time{ display:inline-block; width:100%; text-align:center; font-size:12px; line-height:12px; color:#999; margin-bottom:30px;}
.inside-news p{ font-size:14px; line-height:22px; margin-bottom:4px;}

.inside-about p{ font-size:14px; line-height:22px; margin-bottom:6px; color:#4d4d4d;}

.inside-imgshow-list{ margin-top:60px; margin-bottom:20px;}
.img-show{ padding:0px 10px;}
.img-show{padding:10px; text-align:center;
 	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,00px,0);
	transition-duration: .3s;

}
.img-show:hover{
 	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	transition-duration: .3s;
}
.img-show a{ display:block;box-sizing: border-box; padding:4px; border:1px solid #ccc; margin-bottom:5px;}
.img-show:hover a{border:1px solid #f7a837;}
.img-show img{ max-width:100%; height:auto; margin:auto;}
.img-show:hover img{ filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; }
.img-show p{ font-size:14px; width:100%; color:#4d4d4d; text-align:center;}
.img-show:hover p{ color:#f7a837;}



@media (min-width: 768px) {
.top-search{ position:relative;float:right; margin-left:15px; line-height:0px; background-color:#00aaf1;}
.top-search1{ display:none;}

.search-show{  display:inline-block; width:80px; height:80px; background:url(../images/icon-search.png) center no-repeat; background-size:20px; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; }
.search-show:hover{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity:1;}
.search-box{position:absolute; top:100%; right:-10px; padding:16px; display:none; background:rgba(27, 27, 27, 0.8); text-align:center; width:272px; font-size:0px;}
.search-box a,.search-box input{ display:inline-block;line-height:28px; height:28px; border:none; vertical-align:bottom; font-size:14px;}
.search-box input{ width:200px; text-indent:10px;}

.search-box a input{width:16px;height:22px; display:inline-block; vertical-align:middle; background-size:16px; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}



.search-box a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

}

@media (min-width: 768px) and (max-width: 992px){
.navbar-brand{ padding:0px;line-height:60px; height:60px;}
.navbar-inverse .navbar-nav > li > a{font-size:12px;}
.navbar-right{ margin-right:10px;}
.nav > li > a{padding: 22px 10px;  }
.search-show{width: 60px;height: 60px;}

.inside-banner{ height:150px;}
}
@media (max-width: 992px) {
.foot-box{ background:#5f6670; padding-top:30px; margin-top:50px;}
.foot{ padding-left:15px;}
.foot-ly{ display:none;}
.foot-nav ul li.none{ display:inline-block;}
/*foot*/
.product-name{ float:none; text-align:center;}
.product-name h2{ display:inline-block; width:100%;font-size:18px; color:#f7a837; margin:10px 0px;}

}
@media (min-width: 992px) {
.products:hover{background:#00aaf1;transition-duration: .3s;}
.products:hover .product-list-name{ color:#fff;transition-duration: .3s;}
.products:hover p{  color:#fff;transition-duration: .3s;}
.products:hover .product-list-more{ color:#fff; border:1px solid #fff; transition-duration: .3s; }
.products .product-list-more:hover{ color:#00aaf1;transition-duration: .3s; }
.products .product-list-name b{ position:relative; z-index:2;}
.products .product-list-name b:after{ content:""; position: absolute;  z-index:-1;width: 0;height: 1px;bottom: -2px;left: 0%;background-color:#fff;transition-duration: .3s;}
.products .product-list-name:hover b:after{ content:""; position: absolute;  z-index:-1;width:100%;height: 1px;bottom: -2px;left: 0%;background-color:#fff;transition-duration: .3s;}
.products .product-list-more:after{ content:""; position: absolute;  z-index:-1;width: 0;height: 100%;bottom: 0px;left: 0%;background-color:#fff;transition-duration: .3s;}
.products .product-list-more:hover:after{ width:100%;height: 100%;transition-duration: .3s;}
/*PC产品列表效果*/
}
@media (min-width: 992px) and (max-width: 1200px){
.navbar-inverse .navbar-nav > li > a{font-size:13px;}
.navbar-right{ margin-right:15px;}
.nav > li > a{padding: 32px 16px;  }
.inside-banner{ height:190px;}
}
@media (max-width: 768px) {
body{ padding-top:50px;}
#menu{ display:none;}
.navbar{ position:fixed; top:0px; left:0px; z-index:99999;}
/*隐藏滚屏按钮*/
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color:#00aaf1;}
.navbar-brand{ padding:5px; padding-left:20px;line-height:50px; height:50px;}
.navbar-nav > li > a{padding-top: 10px;padding-bottom: 10px; text-align:right;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{ color:#fff; background:#00aaf1;}
.navbar-nav .open .dropdown-menu{background:rgba(0, 0, 0, 0.1);}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{ text-align:right;padding: 5px 30px 5px 15px; color:#4d4d4d;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#4d4d4d;}

.top-search{ position:relative;float:right; margin-right:25px; line-height:0px;}
.top-search1{margin-right:15px;}
.top-search2{ display:none;}
.search-show{  display:inline-block;  width:44px; height:34px; margin:8px 0px 8px 0px; border-radius:4px; background:url(../images/icon-search.png) center no-repeat,#00aaf1; background-size:16px;}
.search-box{position:fixed; top:52px; right:0px; padding:16px; display:none; background:rgba(27, 27, 27, 0.8); text-align:center; width:100%;}
.search-box a,.search-box input{ display:inline-block;line-height:28px; height:28px; border:none; vertical-align:bottom;}
.search-box input{ width:200px; text-indent:10px;}
.search-box a{width:40px; background:url(../images/icon-search.png) center no-repeat,#000; background-size:16px; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.search-box a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
/*头部设置*/



.index-title{ position:relative; z-index:2; display:inline-block; width:100%; font-size:24px; font-weight:normal; text-align:center; color:#333; margin:30px auto 20px;}
.index-title:after{ content:""; position: absolute;  z-index:-1;width: 60px;height: 2px;bottom: -10px;left: 50%; margin-left:-30px;background-color:#00aaf1;}
.index-title-text{ display:inline-block; width:100%; font-size:12px; font-weight:normal; text-align:center; color:#666;}


.tab-contentbox{ width:100%;}
#index-tab-button{ position:absolute; z-index:2; left:0px; top:inherit; bottom:10%; width:100%; text-align:center;}
#index-tab-button li{ display:inline-block; width:13px; height:13px; padding:0px; font-size:0px; text-align:left;  line-height:0px; text-indent:0px;color:#fff;background:#333; border:none; cursor:pointer;transition-duration: .3s;}
#index-tab-button li.hover{ display:inline-block; width:13px; height:13px; padding:0px; font-size:0px; text-align:left;  line-height:0px; text-indent:0px;color:#fff;background:#f7a837;transition-duration: .3s; }
.products-name h2 p{
  position:relative;
  z-index:1;
  display:inline-block;
  font-size:.75em;
  line-height:1.6em;
  font-weight:bold;
  background:url(../images/name-bg.jpg) repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom:0px;
	}
.products-name h2 p:before{ content:""; position: absolute;  z-index:3;width: 130%;height: 1px;top: 0px;left: -15%;background-color:#272727;}
.products-name h2 p:after{ content:""; position: absolute;  z-index:3;width: 130%;height: 1px;bottom: 0px;left: -15%;background-color:#272727;}

.index-news-list{ margin-bottom:10px;}
/*首页产品响应式*/


.index-ysbox{ width:100%; background:#edeef2; margin-bottom:30px;}
.index-ys .col-md-5{ padding-right:15px; padding-top:30px; padding-bottom:10px;}
.index-ys .col-md-7{ padding-top:30px; padding-bottom:0px;}
.index-ys li{ width:100%; margin-left:0%; overflow:hidden; margin-bottom:10px;}
.index-ys li:nth-child(2n){ margin-left:0%;}
.index-ys i{margin-right:20px; width:30px; height:30px; line-height:30px; font-size:18px; font-weight:bold;}
.index-ys p{ display:inline-block; width:auto; font-size:12px; color:#333; line-height:20px; margin-bottom:10px;}
.index-ys b{ display:inline-block; width:auto; font-size:18px; color:#00aaf1; font-weight:normal; margin-bottom:15px;}
/*优势响应式*/

.index-about{ width:88%; margin:auto; background-color:#5ebfe8; overflow:hidden;}
/*关于我们*/
.foot-nav ul{ display:none;}
.foot-nav div{ float:left; margin-left:0px; color:#fff; font-size:12px; line-height:24px;}
.bq{ margin-top:3px; margin-left:0px;}

.inside-banner{ height:70px;}

.nav3{ padding: 0px 4px;}
.nav3 #dong { width:33%; margin-right:0.5%;}
.nav3 div:nth-child(3n){ margin:0;}
.nav3 div a{ box-sizing:border-box; width:100%; padding:0px 2px; margin:0px; }


.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:140px;padding:2px;overflow:hidden; margin-bottom:10px;}

}



/*2017-08-30产品二级栏目css*/
.nav4{ position:absolute; top:48px; left:0px; z-index:9999; width:100%; overflow:hidden;}
.nav4 div{ float:left;}
.nav4 a{ position:relative; z-index:2; display:inline-block; padding:0px 20px; margin:0px 1px; line-height:40px;text-align:center; color:#fff; background-color:#666;}
.nav4 .on a{background-color:#00aaf1;}
.nav4 div a:after{ content:""; position: absolute;  z-index:-1;width: 100%;height: 0px;bottom: 0px;left: 0%;background-color:#00aaf1;transition-duration: .3s;}
.nav4>div>a:hover:after{height: 100%;transition-duration: .3s;}

@media (max-width: 768px) {
.nav4{ padding: 0px 4px;}
.nav4 div { width:33%; margin-right:0.5%;}
.nav4 div:nth-child(3n){ margin:0;}
.nav4 div a{ box-sizing:border-box; width:100%; padding:0px 2px; margin:0px; }
	
	
	}