/* CSS Document */

body {
	magin: 0px;
	padding-top:0px;
}
* {
	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;}
.vcenter-parent{display:table;}
.vcenter {display: table-cell;vertical-align: middle;}
.modal-open { overflow: inherit ;padding-right: 0px !important;}/*bootstrap拟态框优化*/

/*居中布局*/

.scroll-box{overflow-y:scroll; overflow-x:hidden; } 
.scroll-box::-webkit-scrollbar {width:6px;height:10px; border-radius:2px;}
.scroll-box::-webkit-scrollbar-button    {display:none;}
.scroll-box::-webkit-scrollbar-track     {background:#ccc;display:none;}
.scroll-box::-webkit-scrollbar-track-piece {background:none}
.scroll-box::-webkit-scrollbar-thumb{background:#06c8c6; border-radius:2px;}
.scroll-box::-webkit-scrollbar-corner{}
.scroll-box::-webkit-scrollbar-resizer{}
/*滚动条设置*/
body{ padding-top:100px;}
.navbar{  border:none; border-radius:0px; margin:0px; padding:20px 0px; }
nav{background:rgba(46,47,51,0.9);}
.logo a{ display:block; overflow:hidden; margin:0px; font-size:0px;}
.logo img{ height:60px; overflow:hidden;}
.nav-right{ float:right; font-size:0px;}
.nav-right a{ display:inline-block; width:60px; height:60px;transition-duration: .3s;}
.nav-right a:hover{ opacity: 0.65;transition-duration: .3s;}
.nav-right a.menu{ background:url(../image/menu.png) no-repeat center; display:none;}
.nav-right a.search{ background:url(../image/icon-10.png) no-repeat center;}

.nav{ display:inline-block; float:none; }
/*导航&logo*/
.navbar-collapse{font-size:0px;}
.navbar-nav > li > a{ display:inline-block; box-sizing:border-box; padding:0px 15px; height:60px; text-align:center; overflow:hidden;}
.navbar-nav > li > a span{ display:inline-block; width:100%; line-height:20px; margin-bottom:2px; color:#fff; font-size:14px; font-weight:bold; transition-duration: .3s; vertical-align:top;}

.nav>li > a:hover,
.nav > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.nav>li.on > a span,
.nav>li > a:hover span,
.nav .open > a span,
.nav .open > a:hover span,
.nav .open > a:focus span {
  background:none !important;
  border-color:none;
  color:#06c8c6;
  transition-duration: .3s;
}
.nav-img{ position:relative; z-index:1; display:inline-block;width:100%; height:36px; line-height:36px; text-align:center;}
.nav-img img{ display:inline-block;}
.nav-img img:nth-child(1){ position:absolute; left:50%; bottom:0px; z-index:3;transform:translate(-50%,0px);opacity: 1;transition-duration: .3s;}
.nav-img img:nth-child(2){ position:absolute; left:50%; bottom:0px; z-index:2;transform:translate(-50%,0px);opacity: 0;transition-duration: .3s;}
.nav>li>a:hover .nav-img img:nth-child(1),.nav>li.on>a .nav-img img:nth-child(1){opacity: 0;transition-duration: .3s;}
.nav>li>a:hover .nav-img img:nth-child(2),.nav>li.on>a .nav-img img:nth-child(2){opacity: 1;transition-duration: .3s;}

#modal-s .container{ position:relative;}
#modal-s .modal-content{ position:absolute; top:100px; width:100%;border:none; border-radius:0px; background:none; box-shadow:none; overflow:inherit;}
.search-box{ text-align:right;font-size:0px; }
#modal-s .search-bar{ display:inline-block; line-height:40px; border:none; width:350px; font-size:14px;padding:0px 20px;vertical-align:top;}
#modal-s .search-button{display:inline-block; line-height:40px; border:none;padding:0px; width:50px; background: url(../image/icon-10.png) center no-repeat,#333;vertical-align:top;transition-duration: .3s;}
#modal-s .search-button:hover{background: url(../image/icon-10.png) center no-repeat,#06c8c6;transition-duration: .3s;}
.search-linkbox{ text-align:right; }
.search-link{ display:inline-block; text-align:left; padding:15px; width:400px; font-size:14px; color:#333; background:#f7f7f7;}
.search-link small{ display:inline-block;color:#999; margin-bottom:10px;}
.search-link a{ display:inline-block; width:100%; box-sizing:border-box; color:#333; line-height:1.25em; padding:6px 20px;
 white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.search-link a:hover{ display:inline-block; width:100%; box-sizing:border-box; color:#06c8c6; background:#fff; }
/*搜索弹出*/

#modal-n{ background:#333;}
#modal-n .vcenter-parent{ width:100%; height:100%;}
#modal-n .modal-top{ position:relative; z-index:1; padding:10px 0px; text-align:left; border-bottom:1px solid #4d4d4d;}
#modal-n .modal-top img{ text-align:center; height:40px;}
#modal-n .search-close{ float:right;background:none; color:#fff; font-size:14px; line-height:30px;}
#modal-n .search-close:hover{ color:#ccc;}
#modal-n .modal-content{ border:none; background:none; box-shadow:none; padding:10px 0px; border-bottom:1px solid #4d4d4d;}
#modal-n .modal-content a{ display:inline-block; width:100%; padding:10px 15px; line-height:20px; font-size:14px; color:#fff; text-align:left;}
#modal-n .modal-content a img{ margin-right:6px;}
/*导航弹出*/

@media (max-width: 1200px){
body{ padding-top:70px;}
.navbar{  border:none; border-radius:0px; margin:0px; padding:5px 0px; }
.navbar-nav{ display:none;}
.nav-right a.menu{ background:url(../image/menu.png) no-repeat center; display:inline-block;}
.logo a{ display:block; overflow:hidden; margin:5px 0px; font-size:0px;}
.logo img{ height:50px; overflow:hidden;}
#modal-s .modal-content{ position:relative; top:70px; right:0px;border:none; border-radius:0px; background:none; box-shadow:none; overflow:inherit;}

}
@media (max-width: 992px){
body{ padding-top:60px;}
.navbar{  border:none; border-radius:0px; margin:0px; padding:5px 0px; }
.logo a{ display:block; overflow:hidden; margin:5px 0px; font-size:0px;}
.logo img{ height:40px; overflow:hidden;}
.nav-right a{ display:inline-block; width:50px; height:50px; margin:0px;transition-duration: .3s;}
#modal-s .modal-content{ position:relative; top:60px; right:0px;border:none; border-radius:0px; background:none; box-shadow:none; overflow:inherit;}

}
@media (max-width: 768px){
body{ padding-top:60px;}
.navbar{ position:fixed; top:0px; left:0px; z-index:999; width:100%;}
.navbar-header{ float:left; font-size:0px;}
.logo{ display:inline-block; margin-left:15px;}
.logo a{ overflow:hidden;}
.logo img{ height:40px; overflow:hidden;}

#modal-s .search-bar{width:calc(100% - 40px);}
#modal-s .search-button{width:40px;}
.search-link{ width:100%;}
.navbar-nav .dropdown-menu{ background:#fff;}

}
/*导航 end*/
.index-a{ padding:70px 15px;}
.index-a p{ font-size:14px; color:#666; line-height:1.75em; margin-bottom:15px;}
.index-a img{ width:100%;}
@media (max-width: 992px){
.index-a{ text-align:center;}
.index-a p{ text-align:left;}
}
/*关于我们*/

.index-y-listbox{ padding-top:15px; overflow:hidden;}
.index-y{ background:#f7f7fc; padding:70px 0px;}
.index-y-t p{ line-height:28px; color:#4d4d4d;}
.index-y-img{ position:relative; z-index:1; display:inline-block; width:155px; height:155px; margin-bottom:15px; border-radius:50%; background:#cccccc;}
.index-y-list .index-y-img:after{ content:""; position: absolute;  z-index:2;width: 0%;height: 0%;bottom: 50%;left: 50%;background-color:#06c8c6; border-radius:50%;transition-duration: .3s;}
.index-y-list:hover .index-y-img:after{ content:""; width: 100%;height: 100%;bottom: 0%;left: 0%;transition-duration: .3s;}
.index-y-img img{ position:relative; z-index:3;transform:rotate(0deg);transition-duration: .3s;}
.index-y-img:hover img{ transform:rotate(10deg);transition-duration: .3s;}
.index-y-list{ float:left;width:50%; box-sizing:border-box; padding:10px; text-align:center;}
.index-y-list-t{ }
.index-y-list-t a{ display:inline-block; width:100%; font-size:18px; line-height:18px; color:#4d4d4d; margin-bottom:25px;transition-duration: .3s;}
.index-y-list:hover .index-y-list-t a{ color:#06c8c6; margin-bottom:25px;transition-duration: .3s;}
.index-y-list-t span{ font-size:14px; color:#4d4d4d; line-height:28px;}
@media (max-width: 992px){
.index-y{ text-align:center;}
.index-y p{ text-align:left;}
}
@media (max-width: 768px){
.index-y-list-t a{ margin-bottom:10px;}
.index-y-list:hover .index-y-list-t a{ color:#06c8c6; margin-bottom:10px;transition-duration: .3s;}
.index-y-list-t span{ display:none;}
}
/*优势*/

.index-banner{ box-sizing:border-box; padding:65px 0px; height:430px; background-size:auto 100%; background-position:center; text-align:center;}
.index-banner img{ max-width:100%;}
.index-banner p{ display:inline-block; width:100%; max-width:630px; font-size:14px; line-height:18px; color:#fff;}
@media (max-width: 1200px){
.index-banner{ box-sizing:border-box; padding:50px 0px; height:380px; background-size:auto 100%; background-position:center; text-align:center;}
}
@media (max-width: 992px){
.index-banner{ box-sizing:border-box; padding:40px 0px; height:280px; background-size:auto 100%; background-position:center; text-align:center;}
}
@media (max-width: 768px){
.index-banner{ box-sizing:border-box; padding:40px 0px; height:200px; background-size:auto 100%; background-position:center; text-align:center;}
}
/*首页横幅*/



.index-d{ padding:70px 15px;}
.index-d-title{ padding:0px 10px; margin-bottom:30px;}
.index-d-title p.title{ margin-bottom:15px;}
.index-d-title p{ font-size:14px; color:#666;}
.item .index-d-i{ display:block; overflow:hidden;}
.item .index-d-i img{ width:100%; height:auto;transform:scale(1);transition-duration: .5s;}
.item:hover .index-d-i img{transform:scale(1.2);transition-duration: .5s;}
.index-d-i{ width:100%; height:auto;}
.item .index-d-t{ display:inline-block; width:100%; font-size:16px; color:#4d4d4d; margin-top:15px; text-align:center;transition-duration: .5s;}
.item:hover .index-d-t{ color:#06c8c6;transition-duration: .5s;}
/*产品*/

.item .index-n-i{ position:relative; z-index:1; display:block; overflow:hidden;}
.item .index-n-i img{ width:100%; height:auto;transform:scale(1);transition-duration: .5s;}
.item:hover .index-n-i img{transform:scale(1.1);transition-duration: .5s;}
.item .index-n-i span{ position:absolute; z-index:2; left:0px; bottom:0px; display:inline-block; width:100%; line-height:24px; font-size:16px; color:#fff; padding:8px 15px; background:rgba(6,200,198,0.8);opacity: 1;transform: translateY(0%);transition-duration: .5s;}
.item:hover .index-n-i span{opacity:0.5;transform:translateY(100%);transition-duration: .5s;}
.item .index-n-t{ position:relative;display:inline-block; margin:20px 0px; font-size:12px; line-height:12px;text-indent:32px; color:#999;}
.item .index-n-t:after{ content:""; position: absolute;  z-index:-1;width: 16px;height: 2px;bottom: 50%;left: 0%; margin-bottom:-1px;background-color:#999;transition-duration: .3s;}
.item:hover .index-n-t:after{ content:"";width: 22px; background-color:#06c8c6;transition-duration: .3s;}
.item p{  display:inline-block; font-size:14px; line-height:1.75em;  color:#4d4d4d; margin-bottom:0px;}
/*新闻*/


p.title{ font-size:36px; line-height:36px; color:#06c8c6; margin-bottom:35px;}
p.title2{ font-size:24px; line-height:36px; color:#06c8c6; margin-bottom:25px;}

a.index-more{ display:inline-block; margin-top:20px; font-size:14px; color:#fff; line-height:36px; padding:0px 25px; border-radius:6px; background:#4d4d4d;transition-duration: .3s;}
a.index-more:hover{  background:#06c8c6;transition-duration: .3s;}
a.index-more span{ display:inline-block; margin-left:10px; transition-duration: .3s;}
a.index-more span{margin-left:15px;transition-duration: .3s;}
@media (max-width: 1200px){
.partner-l{ float:left; box-sizing:border-box; width:20%; height:80px;}
	
p.title{ font-size:24px; line-height:24px; color:#06c8c6; margin-bottom:20px;}
p.title2{ font-size:24px; line-height:36px; color:#06c8c6; margin-bottom:25px;}
}
@media (max-width: 992px){
p.title{ text-align:center;}
a.index-more{ margin:auto;}

.partner-l{ width:25%; height:80px;}
}
@media (max-width:768px){
	.partner-l{ float:left; box-sizing:border-box; width:33.333333%; height:60px;}

}
/*首页标题与按钮*/


.foot{ background:url(../image/foot-bg.jpg); padding:70px 0px 20px;}
.foot-logo{ max-width:100%; margin-bottom:25px;}
.foot p{ font-size:15px; line-height:24px; color:#fff; margin-bottom:20px;}
.foot span{ display:inline-block; width:100%; font-size:12px; line-height:18px; color:#fff;}
.foot-button{}
.foot-button a{ display:inline-block; width:28px; height:28px;margin:0px 8px 0px 0px; border-radius:50%; background-color:#666;transition-duration: .3s;  }
.foot-button a:hover{background-color:#06c8c6;transition-duration: .3s;}
.qq{ position:relative; background:url(../image/icon-qq.png) center no-repeat;}
.wx{ position:relative; background:url(../images/icon-ewm.png) center no-repeat;}
.albb{ position:relative; background:url(../image/icon-albb.png) center no-repeat;}
.up{ position:relative; background:url(../image/icon-up.png) center no-repeat;}
.wx .wx-img{ position:absolute; bottom:120%; left:50%;transform:translate(-50%,-10px); padding:0px 0px 5px; background:url(../image/ewm-bg.png) bottom center no-repeat; overflow:hidden;opacity:0;  transition-duration: .3s; }
.wx:hover .wx-img{ position:absolute; bottom:100%; left:50%;transform:translate(-50%,-10px); opacity:1; transition-duration: .3s; }
.wx .wx-img img{ border:4px solid #fff; border-radius:4px; max-width:120px;}

.ly{ overflow:hidden; padding:0px;}
.ly li{ margin-bottom:20px;}
.ly input{ box-sizing:border-box; padding:0px 10px; width:100%; line-height:40px; font-size:12px; color:#999; border:none; border-bottom:1px solid #808080; background:none;}
.ly textarea{ display:inline-block; width:100%;padding:10px; height:100px;font-size:12px; line-height:20px; color:#999; background:#3e3f43;border:none;border-bottom:1px solid #808080;}
#messages_submit{ display:inline-block; padding:0px 30px; font-size:14px; color:#999; line-height:34px;background:#3e3f43;cursor:pointer; transition-duration: .3s;} 
#messages_submit:hover{ color:#fff; transition-duration: .3s; background:#06c8c6; transition-duration: .3s;} 
@media (max-width: 768px){
.foot{padding:30px 0px 20px;}
.foot p{ display:inline-block; font-size:15px; line-height:24px; color:#fff; margin-bottom:15px;}
.foot{ text-align:center;}	
.foot-logo{ display:none;margin-bottom:15px;}
.foot-button{ font-size:0px; margin-bottom:20px;}
.foot .foot-button p{ display:inline-block; vertical-align:text-bottom; font-size:15px; line-height:28px; color:#fff; margin-bottom:0px; margin-right:10px;}
.ly{ display:none;}
}
.bq{ background:#222326; padding:15px 0px;}
.bq span{ font-size:14px; color:#ccc; line-height:20px;}
.bq a{ display:inline-block; margin-left:10px; font-size:14px;line-height:20px; color:#ccc;}
.bq a:hover{ font-size:14px; color:red;}
/*首页end*/
#inside-nav{ background:#f7f7f7; padding:50px 0px;}
.inside-nav-l{ width:100%; float:left; box-sizing:border-box; margin-bottom:15px;}
.inside-title{ float:left;display:inline; font-size:30px; color:#06c8c6; margin:0px; }
.inside-title span{color:#999;}
.inside-nav{ float:right; text-align:left; margin:6px 0px; display:inline-block;}
.inside-nav li{ display:inline-block;}
.inside-nav li:after{ content:""; display:inline-block;width:1px;height:16px;background-color:#ccc; vertical-align:text-bottom;transform:rotate(45deg);}
.inside-nav li span{ display:inline-block;font-size:14px; line-height:20px; color:#999;vertical-align:text-bottom;}
.inside-nav li a{ display:inline-block; padding:0px 15px; font-size:14px; line-height:20px; color:#999;vertical-align:text-bottom;}
.inside-nav li a:hover,.inside-nav li.on a{ display:inline-block; color:#4d4d4d;}
.inside-nav li:first-child:after{ content:""; width:0px;}
.inside-nav li:nth-child(2) a{ padding-left:0px;}
.inside-nav li:last-child:after{ content:""; width:0px;}

.inside-nav-r{float:left;  text-align:left; width:100%;}
.inside-nav-r a{ position:relative; z-index:1; display:inline-block; padding:0px 4px; min-width:100px; font-size:15px; line-height:30px; color:#666; text-align:center; border-radius:2px;transition-duration: .3s;}
.inside-nav-r a:hover{ display:inline-block;color:#06c8c6;transition-duration: .3s;}
.inside-nav-r a.on{ display:inline-block;color:#fff;transition-duration: .3s;}
.inside-nav-r a.on:after{ content:""; position: absolute; z-index:-1;width: 100%;height: 100%;bottom: 0px;left: 0%;background-color:#06c8c6; border-radius:2px;}

@media (max-width: 992px){
#inside-nav{ background:#f7f7f7; padding:30px 0px;}
.inside-nav-l{ margin-bottom:18px;}
.inside-title{ font-size:18px; color:#06c8c6;margin-bottom:0px;}
.inside-nav{ float:left; width:100%; text-align:left; margin:6px 0px; display:inline-block;}
.inside-nav-r{ float:left; text-align:left; font-size:0px;}
}

@media (max-width: 450px){
.inside-nav-r a{ position:relative; z-index:1; display:inline-block; width:48%; margin:4px 1%; background:#f0f0f0;}
}
/*内页导航*/

.inside-content{ padding:50px 0px;}
.inside-content img{ max-width:100%;}
.inside-content p{ line-height:1.75em;}

.nav2{ text-align:left; margin-bottom:30px;}
.nav2 a{ display:inline-block; font-size:15px; line-height:24px; color:#666; margin-right:15px; transition-duration: .3s;}
.nav2 a.on,.nav2 a:hover{ color:#06c8c6; transition-duration: .3s;}
.nav2 a.on{ position:relative; font-weight:bold; padding-left:10px;}
.nav2 a.on:after{ content:""; position: absolute;  z-index:1;width: 7px;height:7px;bottom: 50%;left: -4px; margin-bottom:-4px;background-color:#06c8c6; border-radius:50%;}
.nav2 span{ display:inline-block; font-size:15px; line-height:24px; color:#808080; margin-right:15px;}

.product-list{ padding:15px 10px 15px 10px; font-size:0px;box-shadow:0px 0px 0px rgba(0,0,0,0);transition-duration: .5s;}
.product-list:hover{ box-shadow:0px 0px 15px rgba(0,0,0,0.2);transition-duration: .5s;}
.product-i{ display:inline-block; position:relative;width:100%; z-index:1; overflow:hidden;}
.product-list-new .product-i:after{ content:"新品"; position: absolute;  z-index:2; top:15px; right:15px; display:inline-block; width:60px; height:60px; font-size:15px; line-height:60px; font-weight:bold; color:#fff; text-align:center;  border-radius:50%;background:rgba(49,200,198,.9);transition-duration: .3s;}
.product-list-hot .product-i:after{ content:"热销"; position: absolute;  z-index:2; top:15px; right:15px; display:inline-block; width:60px; height:60px; font-size:15px; line-height:60px; font-weight:bold; color:#fff; text-align:center;  border-radius:50%;background:rgba(255,142,11,.9);transition-duration: .3s;}
.product-list:hover .product-i:after{ transform:translateY(-75px);}

.product-i img{ width:100%;transform:scale(1);transition-duration: .5s; height:100%}
.product-list:hover img{ transform:scale(1.1);transition-duration: .5s;}

.product-t{ padding:30px 0px 20px; background:#fff;}
.product-t a{ display:inline-block; width:100%; margin-bottom:6px; line-height:20px; font-size:15px; color:#4d4d4d; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;transition-duration: .5s; }
.product-list:hover a{color:#06c8c6;transition-duration: .5s;}
.product-t span{ display:inline-block; width:100%;font-size:14px; line-height:20px; color:#999; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
@media (max-width: 768px){
.product-list-new .product-i:after{ content:"新品"; position: absolute;  z-index:2; top:15px; right:15px; display:inline-block; width:40px; height:40px; font-size:12px; line-height:40px; font-weight:bold; color:#fff; text-align:center;  border-radius:50%;background:rgba(49,200,198,.9);transition-duration: .3s;}
.product-list-hot .product-i:after{ content:"热销"; position: absolute;  z-index:2; top:15px; right:15px; display:inline-block; width:40px; height:40px; font-size:12px; line-height:40px; font-weight:bold; color:#fff; text-align:center;  border-radius:50%;background:rgba(255,142,11,.9);transition-duration: .3s;}
.product-list:hover .product-i:after{ transform:translateY(-55px);}

.product-list:nth-child(even){ padding-right:6px; }
.product-list:nth-child(Odd){ padding-left:6px; }
.product-t{ padding:20px 0px 10px; background:#fff;}
}
/*产品列表页*/

.pagination>li>a{ color:#666;}
.pagination>li>a:hover{ color:#06c8c6; background:#f7f7f7;}
.pagination>li.on>a{ color:#fff; background:#06c8c6; border-color:#06c8c6;}

.f_page { overflow: hidden; margin: 25px 0; border-radius: 4px; text-align: center; }
.f_page a, .f_page span { display: inline-block; padding: 6px 12px; margin-left: -1px; line-height: 1.4285714; text-decoration: none; border: 1px solid #dddddd; }
.f_page > a:first-child, .f_page > span:first-child { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.f_page > a:last-child, .f_page > span:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.f_page a.fCurrent, .f_page a.fCurrent:hover { z-index: 2; color: #ffffff; background: #06c8c6; font-weight: 500; }
.f_page a:hover { background: #eeeeee; color: #06c8c6; }
/*翻页按钮*/

.inside-p-t{ padding-left:60px;margin-bottom:20px;}
.inside-p-t p{ font-size:14px; color:#666;}
h2.inside-p-title{ font-size:24px; line-height:24px; color:#4d4d4d; margin:15px 0px;}
h2.inside-news-title{font-size:24px; line-height:24px; color:#4d4d4d; margin:15px 0px;}
.inside-p-t span{ display:inline-block; font-size:13px; color:#999; margin-right:10px;}
.inside-p-t span.hot{ background:#ff8e0b; padding:0px 8px; color:#fff; border-radius:2px; }
.inside-p-t span.new{ background:#ff8e0b; padding:0px 8px; color:#fff; border-radius:2px; }
.inside-p-t a{ display:inline-block; padding:0px 15px; background:#999; line-height:32px; color:#fff; border-radius:4px; margin-right:5px;transition-duration: .3s;}
.inside-p-t a:hover{background:#ff8e0b;transition-duration: .3s; }
@media (max-width: 768px){
.inside-p-t{ padding-left:15px;}
}


.inside-p-d{ border-top:1px solid #eee; margin-top:30px; padding-top:30px;}
.inside-p-d p{ font-size:14px; color:#666;}

.inside-p-d-1{ padding:15px;}
.inside-p-d-2{ padding:15px;}
#inside-p-xz-hr{ padding:15px;}

.inside-p-xz-t p{ color:#333; font-weight:bold;}
.inside-p-gq img{ height:40px; width:auto; transition-duration: .3s;}
.inside-p-gq:hover img{height:50px; transition-duration: .3s;}
.inside-p-small-img img{ max-width:120px; max-height:80px;transform:scale(1);transition-duration: .3s; }
.inside-p-small-img:hover img{ transform:scale(1.4);transition-duration: .3s; }

#inside-p-xz{ width:100%; overflow-x: scroll;}
#inside-p-xz div{ display:table; width:100%; min-width:750px; overflow:hidden;}
#inside-p-xz div>a{ display: table-cell;vertical-align: middle; text-align:center; padding:8px 5px; font-size:14px; color:#4d4d4d; overflow:hidden;transition-duration: .3s;}
#inside-p-xz div>a:hover{color:#06c8c6;transition-duration: .3s;}
#inside-p-xz div>span{ display: table-cell;vertical-align: middle; text-align:center; line-height:20px; padding:15px 5px;}

#inside-p-xz div:nth-child(Odd){ background:#f7f7f7; overflow:hidden;}
#inside-p-xz div:nth-child(even){ background:#fcfcfc; overflow:hidden;}
#inside-p-xz div>a:hover,#inside-p-xz div>span:hover{ background:#f0f0f0;}


.inside-p-fl{ width:16.66666667%;}
.inside-p-img img{transform:rotate(0deg);transition-duration: .3s;}
.inside-p-img:hover img{transform:rotate(10deg);transition-duration: .3s;}
@media (max-width: 768px){
#inside-p-xz span.xs-hide{ display:none;}
}

#anchor{ position:fixed; z-index:2; left:50%;top:50%;transform:translate(0%,-50%); }
#anchor li{ margin-bottom:4px;}
#anchor a{ display:inline-block; font-size:12px; line-height:16px; padding:6px 10px; color:#fff; background:#06c8c6; border-radius:6px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; transition-duration: .3s;}
#anchor a:hover{ background:#ff8e0b; border-radius:6px;transition-duration: .3s;}

@media (min-width: 1200px){
#anchor{ margin-left:590px;}
}
@media (max-width: 1200px){
#anchor{ margin-left:495px;}
}
@media (max-width: 992px){
#anchor{ margin-left:385px;}
}
/*产品详情页end*/
.news-list li{box-shadow:0px 0px 0px rgba(0,0,0,0.3); background:#FFF; padding:30PX 0PX;transition-duration: .3s;}
.news-list li:nth-child(2n){ background:#fafafa;}
.news-list li:hover{ position:relative; z-index:1; box-shadow:0px 0px 15px rgba(0,0,0,0.3);  background:#f5f5f5;transition-duration: .3s;}
.news-list li a{ display:block;}

.news-list li p{ margin:10px 0px; font-size:14px; color:#4d4d4d; line-height:24px; max-height:48px; overflow:hidden;}

.news-list li p.news-list-t{ display:inline-block; width:100%; font-size:16px; color:#4d4d4d; margin:10px 0PX; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; transition-duration: .3s;}
.news-list li:hover p.news-list-t{color:#06c8c6;transition-duration: .3s;}
.news-list li span{ display:inline-block;font-size:12px; color:#999; margin-right:15px;}
@media (max-width: 992px){
.news-list li:hover{box-shadow:0px 0px 0px rgba(0,0,0,0); }
}


.news-content span{}
.news-span{ font-size:12px; color:#999; margin-right:10px;}

.contact-box{ position:relative; z-index:1; }
#map-canvas {
        height: 500px;
		width: 100%;
        margin: 0px;
        padding: 0px;
		margin-bottom:30px;
		border:4px solid #fff;
		box-shadow:3px 2px 10px rgba(0,0,0,0.2);
      }
/*地图*/
.contact-box .contact{ padding:20px;}
.contact>p{font-size:16px;font-weight:bold;color:#06c8c6; padding:10px 15px;background:#f7f7f7; margin:0px;border:1px solid #ebebeb; }
.inside-add{display: flex; flex-direction: row;flex-wrap: wrap; border:1px solid #ebebeb; padding:15px 20px; margin-top:-1px; overflow:hidden;}
.inside-add>div{ padding-left:0px;}
.inside-add b{ display:inline-block;font-size:15px; color:#4d4d4d; margin:5px 0px 15px;}
.inside-add p{display:block;width: 100%; font-size:14px; line-height:16px; margin-bottom:10px;}
.inside-add span{ display:inline-block; line-height:20px; vertical-align:text-top; width:auto;}
.inside-add span img{ vertical-align:text-top;}
.inside-add a{ color:#4d4d4d; margin-right:5px;}
.inside-add a:hover{ color:#06c8c6;}
@media (min-width: 992px){
.contact-left-img{ padding-left:0px; margin-right:10px;}	
}
@media (max-width: 992px){
#map-canvas {height: 350px;}
.contact{ padding-top:15px;}
.contact-left-img{ padding-left:0px;  margin-right:10px;}	
}
@media (max-width: 768px){
.contact-left-img{ padding-left:0px; padding-right:0px; margin-top:5px; margin-bottom:20px;  margin-right:0px;}	
}

.zh-list li{box-shadow:0px 0px 0px rgba(0,0,0,0.3); background:#FFF; padding:30PX 0PX;transition-duration: .3s;}
.zh-list li:nth-child(2n){ background:#fafafa;}
.zh-list li:hover{ position:relative; z-index:1; box-shadow:0px 0px 15px rgba(0,0,0,0.3);  background:#f5f5f5;transition-duration: .3s;}

.zh-list li .zh-i{ display:block; overflow:hidden;}
.zh-list li .zh-i img{ width:100%; height:auto;transform:scale(1);transition-duration: .3s;}
.zh-list li:hover .zh-i img{transform:scale(1.1);transition-duration: .3s;}
.zh-list li .zh-t{ display:inline-block; width:100%; font-size:16px; color:#4d4d4d; margin:10px 0PX; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; transition-duration: .3s;}
.zh-list li:hover .zh-t{color:#06c8c6; transition-duration: .3s;}
.zh-list li span{ display:inline-block;font-size:12px; color:#999; margin-right:8px;}
.zh-list li p{ margin:10px 0px; font-size:14px; color:#4d4d4d; line-height:24px; max-height:48px; overflow:hidden;}

@media (max-width: 768px){
.zh-list li .zh-t{ display:inline-block; width:100%; font-size:16px; color:#4d4d4d; margin:20px 0PX 10px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; transition-duration: .3s;}
.zh-list li span{ display:inline-block;font-size:12px; color:#999; margin-right:8px;}
.zh-list li p{ margin:10px 0px; font-size:14px; color:#4d4d4d; line-height:24px; max-height:48px; overflow:hidden;}
}



.zp-yq{ background:#f7f7f7; overflow:hidden; padding:15px; margin-bottom:30px;}
.zp-yq div{ margin:5px 0px;}
.zp-yq small{ font-size:14px; color:#999;}
.zp-yq span{ font-size:14px; color:#333;}
.zp-yq a{ font-size:14px; color:#333;}
.zp-yq a:hover{ font-size:14px; color:#06c8c6;}



.fzlc{ position:relative; z-index:1; overflow:hidden;}
.fzlc:after{ content:""; position: absolute;  z-index:-1;width: 1px;height: 100%;bottom: 0px;left: 50%;background-color:#e0e0e0;}
.fzlc li{ overflow:hidden; margin:30px 0px;}
.fzlc li>div{ padding:0px 30px;}
.fzlc li .fzlc-text{ padding:15px 15px; border:1px solid #e0e0e0; border-radius:6px; background:#fff;}
.fzlc li .fzlc-time{ position:relative; z-index:1; padding:15px 15px; font-size:18px; font-weight:bold; color:#06c8c6;}
.fzlc li .fzlc-time:after{ content:""; position: absolute;  z-index:-1;width:30px;height: 0%;bottom:50%;right: 100%; border-top:1px dashed #e0e0e0;}
.fzlc li .fzlc-time:before{ content:""; position: absolute;  z-index:1;width:7px;height:7px;bottom:50%;right: 100%;transform: translate(-27px,3px); border:1px solid #e0e0e0; border-radius:50%; background:#fff;}

.fzlc li:nth-child(Odd)>div{ float:right;}
.fzlc li:nth-child(even) .fzlc-time{ text-align:right; }
.fzlc li:nth-child(even) .fzlc-time:after{ content:""; position: absolute;  z-index:-1;width:30px;height: 0%;bottom:50%;left: 100%; border-top:1px dashed #e0e0e0;}
.fzlc li:nth-child(even) .fzlc-time:before{ content:""; position: absolute;  z-index:1;width:7px;height:7px;bottom:50%;left: 100%;transform: translate(27px,3px); border:1px solid #e0e0e0; border-radius:50%; background:#fff;}
@media (max-width: 768px){
.fzlc:after{ content:""; position: absolute;  z-index:-1;width: 1px;height: 100%;bottom: 0px;left: 0%;background-color:#e0e0e0;}
.fzlc li:nth-child(even) .fzlc-time{ text-align:left; }
.fzlc li:nth-child(even) .fzlc-time:after{ content:""; position: absolute;  z-index:-1;width:30px;height: 0%;bottom:50%; left:auto;right:100%; border-top:1px dashed #e0e0e0;}
.fzlc li:nth-child(even) .fzlc-time:before{ content:""; position: absolute;  z-index:1;width:7px;height:7px;bottom:50%; left:auto;right: 100%;transform: translate(-27px,3px); border:1px solid #e0e0e0; border-radius:50%; background:#fff;}
}

.about-index{ overflow:hidden;}
.about-title{ background:#06c8c6; color:#fff; padding:30px 20px;}
.about-title p{ margin:0px;}
.about-title .about-title-t{ font-size:24px;}

.about-ysbox{ width:100%;overflow:hidden;}
.about-ysbox>div{float:left;overflow:hidden;}
.about-ys{  width:49%;height:300px;padding:0px; margin:5px 0.5%;background-position:center; background-size:100%; background-repeat:no-repeat;color:#4d4d4d; transition-duration: .3s;}

.about-ys a{ position:relative; z-index:1; display:block; width:100%; height:100%;background-color:rgba(255,255,255,0.2);transition-duration: .5s}
.about-ys:hover a{ position:relative; z-index:1; display:block; width:100%; height:100%;background-color:rgba(255,255,255,0);transition-duration: .5s}
.about-ys div{position:absolute; z-index:2; bottom:40px; left:0px; display:inline-block; width:200px; padding:10px 20px; background:#06c8c6; transition-duration: .5s;}
.about-ys:hover div{width:240px; background:#ff8e0b; transition-duration: .5s;}
.about-ys p{ font-size:15px; color:#fff; line-height:24px; margin-bottom:0px;}
.about-ys span{ font-size:13px; color:#fff; line-height:24px;}

.about-ysbox-list:nth-child(Odd){ width:100%; padding:40px 0px; background:#fafafa;overflow:hidden; border-bottom:1px solid #ebebeb;}
.about-ysbox-list:nth-child(even){ width:100%; padding:40px 0px; background:#fafafa;overflow:hidden; border-bottom:1px solid #ebebeb;}
.about-ys-l{ padding-left:0px;}
.about-ys-l p{ display:inline-block; width:80%; padding:20px; font-size:18px; color:#fff; background:#06c8c6;}

.ys-img{ display:inline-block;box-sizing:border-box; width:25%; padding:3px; overflow:hidden;transition-duration: .5s;}
.ys-img:hover{ box-shadow:2px 4px 8px -2px rgba(0,0,0,.3);transition-duration: .5s;}
.ys-img img{ height:auto; width:100%;transform:scale(1);transition-duration: .5s;}
.ys-img:hover img{ height:auto; width:100%;transform:scale(1.2); transition-duration: .5s;}
.about-ys-r li{ padding:7px; overflow:hidden;}
.about-ys-r li b{ display:inline-block; margin-bottom:6px;}
.about-ys-8{ float:right; width:75%; box-sizing:border-box; padding-left:30px;}

.ys-logo{ text-align:center; padding:10px; box-sizing:border-box; border:1px; border:1px solid #f2f2f2; margin-left:-1px; margin-top:-1px;}
.ys-logo img{ display:inline-block;}


.about-p{width:100%; overflow:hidden;}
@media (max-width: 992px){
.about-ys{  width:49%;height:220px;padding:0px; margin:4px 0.5%;background-position:center; background-size:100%; background-repeat:no-repeat;color:#4d4d4d; transition-duration: .3s;}
.ys-img{padding:0px;}

}
@media (max-width: 768px){
.about-title{ background:none; color:#333; padding:0px 15px 30px;}
.about-title p{ margin:0px;}
.about-title .about-title-t{ color:#06c8c6;}

.about-i{ margin-bottom:20px;}
	
.about-ysbox{display:block; width:100%;}
.about-ysbox>div{display:block;overflow:hidden;}
.about-ys{  width:98%;height:180px;padding:0px; margin:4px 1%;background-position:center; background-size:100%; background-repeat:no-repeat;color:#4d4d4d; transition-duration: .3s;}
.about-ys div{width:180px;}
.about-ys p{ font-size:14px; color:#fff; line-height:20px; margin-bottom:0px;}
.about-ys span{ font-size:12px; color:#fff; line-height:20px;}

.about-p{width:100%;padding-top:40px; overflow:hidden;}

.about-ysbox-list{ padding:20px 0px;}
.about-ys-l{ padding-left:15px;}
.about-ys-l p{padding: 6px 15px;}
}

.honor-list{padding:5px;}
.honor-list>a{ display:block; position:relative; z-index:1; overflow:hidden; }
.honor-list>a:after{ content:""; position: absolute;  z-index:2;width: 100%;height:100%;bottom: 0px;left: 0%;background:url(../image/icon-honor.png) center no-repeat, rgba(0,0,0,0);transform:scale(1.3);opacity:0;transition-duration: .3s;}
.honor-list>a:hover:after{ content:""; position: absolute;  z-index:2;background:url(../image/icon-honor.png) center no-repeat, rgba(0,0,0,0.4);transform:scale(1);opacity:1;transition-duration: .3s;}

.honor-list>a img{ width:100%;transform:scale(1);transition-duration: .5s;}
.honor-list>a:hover img{transform:scale(1.1);transition-duration: .5s;}
.honor-list>a p{ display:inline-block; box-sizing:border-box; width:100%; position:absolute; z-index:2; left:0px; bottom:0px; background:rgba(56,186,189,0.95); margin:0px; padding:6px 15px; color:#fff; text-align:center;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;transition-duration: .5s; }
.honor-list>a:hover p{ bottom:-50px;transition-duration: .5s;}




/*导航修改*/
.nav-right a {
	float:left;
    display:block;
	width:auto;
    min-width: 50px;
    height: 60px;
	line-height:60px; 
	color:#fff;
    transition-duration: .3s;
}
.nav-right a img {
    display: inline-block;
	vertical-align:text-bottom;
}
.navbar .container{ width:100%; padding:0px 30px;}
.navbar .container .collapse{ text-align:center;}

.navbar-nav > li > a{ min-width:95px;}
#modal-s .modal-content{ padding:0px 80px 0px 15px;}
.nav-right .language{ display:block; padding-left:35px; margin-left:5px !important; font-size:15px; font-weight:bold; background:url(../image/en.png) no-repeat left 0px center;}
.nav-right .language:hover{ opacity:0.8; color:#06c8c6;}
@media (max-width: 1300px){.navbar-nav > li > a{ min-width:70px; padding:0px 12px;}
.navbar .container{ width:100%; padding:0px 15px;}
}

@media (max-width: 1200px){
	.nav-right a {
    display: inline-block;
    min-width: 40px;
    margin: 0px;
    transition-duration: .3s;}
	#modal-s .modal-content{ padding:0px 50px 0px 15px;}
}
@media (max-width: 992px){
.nav-right a {
    height: 50px;
	line-height:50px; 
    transition-duration: .3s;
}
}
/*导航修改*/