@charset "utf-8";
/*整体布局样式*/
html,body{
	font-family:sans-serif;
	background:white;
	text-align:left;
	color:#242424;
}
*{margin:0;padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
ul,li,ol {list-style:none outside}
a{text-decoration:none; color: #242424;}
img {border:none;}
input, button, select, textarea {outline: none;}
input,textarea {background:none}
*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
article, aside, footer, header, nav, section {
    display: block;
}


/*清除苹果按钮格式*/
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
border-radius: 0;
}
/*整体布局样式结束*/

.main{ background-color: #fff;}


/*网页头部开始*/
header {position: relative; z-index: 3;}
.header-box{
	width: 100%;
}
.header-top{
	align-items: center;
	border-bottom: 1px solid #ebebeb;
	padding-top: 10px;
}
.header-inner{ width: 90%; margin: auto; max-width: 1200px; position: relative;}
/*清除浮动*/
.clear{clear:both}
/*顶部联系方式*/
.header-contact{ float: left;}
.header-contact ul{ overflow: hidden;}
.header-contact ul li{ display: inline-block; vertical-align: top; font-size: 13px; margin: 0 12px 10px 0; line-height: 24px;}
.header-contact ul li a{ display: inline-block; vertical-align: middle;}
.header-contact ul li i{ display: inline-block; margin-right: 5px; vertical-align: middle;}
.header-contact ul li.website-mailbox i{ font-size: 18px; margin-top: -2px;}
.header-contact ul li.website-phone i{font-size: 14px;font-weight: bold;}
/*顶部社交*/
.header-inner .social-link{ float: right; margin: 0 0 10px 7px; }
.header-inner .social-link a{ margin-left: 5px; float: left; display: inline-block; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; width: 24px; height: 24px; line-height: 24px; text-align: center;}
.header-inner .social-link a i{ font-size: 14px;}
.header-inner .social-link a:hover{ background-color: #06738e;}
/*语言选择开始*/
.language{float: right; margin-bottom: 10px;}
.language .cur{cursor: pointer;  position: relative; display: inline-block;}
.language .cur e{ font-size: 12px; line-height: 20px;background-image:url(../images/lang/flag.png); margin: 3px 8px 1px 10px; background-repeat:no-repeat; padding-left: 30px; height: 20px; display: block;}
.language .cur e i{font-weight: bold;font-size: 12px;margin-left: 3px;}
.language .cur:hover e{color: #06738e; }
.language ul.language-list{
	max-height: 400px;
    overflow: auto;
	position:absolute;
	z-index: 2;
	top: 23px;
	right: 0;
	list-style-type: none;
	transition: height 1s;
	background-color: #fff;
	font-size: 12px;
	height: 0;
	border-radius: 4px;
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	opacity: 0; 
}
.language .cur:hover .language-list{
	opacity: 1; 
	height: auto;
	padding: 2px 5px;
	-webkit-box-shadow:0 0 5px #ccc;  
  -moz-box-shadow:0 0 5px #ccc;  
  box-shadow:0 0 5px #ccc;
}
.language ul.language-list li{
	padding: 4px 4px 2px 4px;
	overflow: hidden;
	border-bottom: 1px solid #ececec;
	margin: 3px 0 2px 0;
}
.language ul.language-list li a{color: #1b1b1b; font-size: 12px; line-height: 20px;background-image:url(../images/lang/flag.png); background-repeat:no-repeat;background-position:0 0; padding:  0 0 0 30px; float: left; width: 100%;white-space:nowrap;}
.language ul.language-list li:hover{background-color: #06738e;}
.language ul.language-list li:hover a{color: #fff;}
.language e.cn, .language ul.language-list li a.cn{background-position: 0 0;}
.language e.en, .language ul.language-list li a.en{background-position: 0 -22px;}
.language e.es, .language ul.language-list li a.es{background-position: 0 -44px;}
.language e.nl, .language ul.language-list li a.nl{background-position: 0 -66px;}
.language e.ar, .language ul.language-list li a.ar{background-position: 0 -88px;}
.language e.ru, .language ul.language-list li a.ru{background-position: 0 -110px;}
.language e.de, .language ul.language-list li a.de{background-position: 0 -132px;}
.language e.ja, .language ul.language-list li a.ja{background-position: 0 -154px;}
.language e.pt, .language ul.language-list li a.pt{background-position: 0 -176px;}
.language e.fr, .language ul.language-list li a.fr{background-position: 0 -198px;}
.language e.it, .language ul.language-list li a.it{background-position: 0 -220px;}
.language e.ko, .language ul.language-list li a.ko{background-position: 0 -242px;}
.language e.th, .language ul.language-list li a.th{background-position: 0 -264px;}
.language e.el, .language ul.language-list li a.el{background-position: 0 -286px;}
.language e.pl, .language ul.language-list li a.pl{background-position: 0 -308px;}
.language e.bul, .language ul.language-list li a.bul{background-position: 0 -330px;}
.language e.est, .language ul.language-list li a.est{background-position: 0 -352px;}
.language e.dan, .language ul.language-list li a.dan{background-position: 0 -374px;}
.language e.fin, .language ul.language-list li a.fin{background-position: 0 -396px;}
.language e.cs, .language ul.language-list li a.cs{background-position: 0 -418px;}
.language e.rom, .language ul.language-list li a.rom{background-position: 0 -440px;}
.language e.slo, .language ul.language-list li a.slo{background-position: 0 -462px;}
.language e.swe, .language ul.language-list li a.swe{background-position: 0 -484;}
.language e.hu, .language ul.language-list li a.hu{background-position: 0 -506px;}
.language e.hi, .language ul.language-list li a.hi{background-position: 0 -528px;}
.language e.tr, .language ul.language-list li a.tr{background-position: 0 -550px;}
.language e.vi, .language ul.language-list li a.vi{background-position: 0 -572px;}
.language e.fa, .language ul.language-list li a.fa{background-position: 0 -594px;}
.language e.he, .language ul.language-list li a.he{background-position: 0 -616px;}
.language e.sk, .language ul.language-list li a.sk{background-position: 0 -638px;}
.language e.id, .language ul.language-list li a.id{background-position: 0 -660px;}
.language e.lt, .language ul.language-list li a.lt{background-position: 0 -682px;}
.language e.lv, .language ul.language-list li a.lv{background-position: 0 -704px;}
.language e.ms, .language ul.language-list li a.ms{background-position: 0 -726px;}
.language e.no, .language ul.language-list li a.no{background-position: 0 -748px;}
.language e.uk, .language ul.language-list li a.uk{background-position: 0 -770px;}
.language e.ur, .language ul.language-list li a.ur{background-position: 0 -792px;}
.language e.hr, .language ul.language-list li a.hr{background-position: 0 -814px;}
.language e.tw, .language ul.language-list li a.tw{background-position: 0 0;}
.language e.bn, .language ul.language-list li a.bn{background-position: 0 -836px;}
/*@media (max-width: 767px){
.language {
position: absolute ;
top: 0;
right: 60px;
margin: 6px 5px;
}
.language .cur e{ width: 0; overflow: hidden;}
.language .cur i{ position: absolute; top: 10px; right:0;}
.language .cur e, .language .cur:hover e{ color: #fff;}
}*/

/*语言选择结束*/
/*导航栏置顶固定*/
#fixedMenu{
	width: 100%;
}
.top-fixed{border-bottom: 1px solid #ebebeb;}
/*头部中间*/
.header-middle{ width: 100%; overflow: hidden; }
.header-middle .header-inner{overflow: hidden;}
.header-middle .header-logo{ float: left; margin: 20px 0; height: 80px; max-width: 30%;}
.header-logo-box{ height: 100%; margin-right: 20px; float: left; display: table;}
.header-logo-box a{ margin-right: 20px; display: table-cell; vertical-align: middle; height:80px;}
.header-logo-box a img{ display: block; max-height: 100%; max-width:100%;}
/*头部格言*/
.header-middle .company-motto{ margin: 20px 0;height: 70px; padding-right: 260px;}
.company-motto-p{ display: table ;height: 70px;}
.company-motto-p p{ display:  table-cell ; line-height: 20px; font-size: 18px; vertical-align: middle;}
/*头部搜索*/
.header-search{ position: absolute; top:0; right: 0; margin: 38px 0;}
.header-search .search-box input.input-text {
	color: #666;
    border: 2px solid #ebebeb;
	border-right: 0;
	background-color: #fff;
    padding: 0 18px;
	float: left;
	height: 41px;
	height: 45px\0;
}

.search-box button.search-btn {
	color: #fff;
	cursor: pointer;
	height: 45px;
	width: 45px;
	line-height: 7px;
	border: none;
	float: left;
	background-color: #06738e;
	border-radius: 0 5px 5px 0;
}
.search-box button.search-btn i{
	font-size: 24px;
}
.search-box button.search-btn:hover {
	color: #fff;
}

/*首页部分*/
/*焦点*/
.focus{ padding: 40px 0; overflow: hidden; background-color: #f6f6f6; border-bottom: 1px solid #eee;}
.focus-center{ width: 90%; margin: auto; max-width: 900px; text-align: center;}
.focus-center h1{ font-size: 22px; line-height: 30px; padding-bottom: 10px;}
.focus-center p{ font-size: 14px; line-height: 28px;}
/*快速链接,派生词*/
.quick-links{ padding: 40px 0; overflow: hidden; background-color: #f6f6f6;}
.quick-links-center, .derivative-center{ width: 90%; margin: auto; max-width: 1200px;}
.quick-links-t, .derivative-t{ margin-bottom: 10px; position: relative; text-align: center;}
.quick-links-t::after, .derivative-t::after {
    background-color: #eee;
    bottom: 25px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.quick-links-t span, .derivative-t span { font-size: 20px; color: #404042; line-height: 50px; display: inline-block; padding: 0 30px; background-color: #f6f6f6; position:relative; text-transform:capitalize; z-index: 1;}
.quick-links-box ul, .derivative-box ul{ font-size: 0; text-align:center;}
.quick-links-box ul li{ font-size: 14px; display: inline-block; vertical-align: top; margin: 4px 8px; line-height: 20px;}
.quick-links-box ul li h4{  font-size: 14px; font-weight: normal;}
.derivative{ padding: 20px 0; overflow: hidden; border-top: 1px solid #ececec;}
.derivative-box ul li{ font-size: 12px; display: inline-block; vertical-align: top; margin: 5px 8px; line-height: 20px;}
.derivative-box ul li h5{font-size: 12px; font-weight: normal;}
.quick-links-box ul li a:hover, .derivative-box ul li a:hover{ color: #06738e;}
/*首页中部*/
.mian-contain{ width: 100%; overflow: hidden;}
.subblock{ margin: 40px 0;}
.subblock .category{ width: 90%; margin: auto; max-width: 1200px;}
.subblock .category ul{ text-align: left; font-size: 0; margin: 0 -15px;}
.subblock .category ul li{ width: 50%; margin-bottom: 20px; display: inline-block;}
.category-box{ position: relative;overflow: hidden; margin: 0 15px;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.category-box:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.category-box a{ }
.category-box::before,
.category-box::after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s ease 0s;
    z-index: 1;
}
.category-box:hover::after {
    background-color: rgba(255, 255, 255, 0.3);
    bottom: 50%;
    top: 50%;
}
.category-box:hover::before {
    background-color: rgba(255, 255, 255, 0.3);
    left: 50%;
    right: 50%;
}
.category-box a img{
    overflow: hidden;
	width: 100%;
	display: block;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.category-box-detail{
	color: #282828;
	position: absolute;
	text-align: left;
	width: 40%;
	padding: 0 5%;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.category-box-type{
	margin-bottom: 17px;
}
.category-box-type h2{
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
}
.category-box-detail a.btn {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    display: inline-block;
	transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;
}
.category-box-detail a.btn:hover{
	margin-left: 10px;
}
/*精选产品*/
.featured-products{ width: 100%; overflow: hidden; margin: 60px 0;}
.featured-products-center{ width: 90%; margin: auto; max-width: 1200px;}
.featured-products-t{ margin-bottom: 10px; position: relative;}
.featured-products-t::after {
    background-color: #eee;
    bottom: 25px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.featured-products-t span { font-size: 20px; color: #404042; line-height: 50px; display: inline-block; padding-right: 30px; background-color:#fff; position:relative; text-transform:capitalize; z-index: 1;}
.featured-products-box{ padding: 20px; margin: 15px;background: #fff;border-radius: 4px;
	transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.featured-products-box:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.featured-products-box-t{ height: 40px; margin: 18px 0 10px 0; overflow: hidden;}
.featured-products-box-t h3{
	font-size: 16px;
	font-weight: normal;
	display: table;
	width: 100%;
	text-align: center;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

.featured-products-box-t:hover h3{color: #06738e;}
.featured-products .owl-buttons {position: absolute;top: -54px;right: 15px; background-color: #fff;}
.featured-products .owl-controls .owl-prev, .featured-products .owl-controls .owl-next{ font-size: 0; width: 35px; height: 35px; line-height: 35px; background-color: #efefef; display: inline-block; border-radius:4px;
vertical-align: middle;
text-align: center;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;
}
.featured-products .owl-controls .owl-prev:hover, .featured-products .owl-controls .owl-next:hover{ color: #fff; background-color: #06738e; }
.featured-products .owl-controls .owl-prev{ margin-left: 15px;}
.featured-products .owl-controls .owl-next{ margin-left: 6px;}
.featured-products .owl-controls .owl-prev:before, .featured-products .owl-controls .owl-next:before{
	font-family:"iconfont" !important;
    font-style: normal;
    font-weight: bold;
    speak: none;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-size: 14px;
}
.featured-products .owl-controls .owl-prev:before {content: "\e7d1"; font-size: 13px;line-height: 35px;}
.featured-products .owl-controls .owl-next:before {content: "\e61a"; line-height: 33px;}
.roll-box{ margin: 0 -15px;}

/*首页关于我们*/
.index-about{ background-color: #f6f6f6; margin: 60px 0; overflow: hidden;}
.index-about-center{width: 90%; margin: 30px auto; max-width: 1200px; overflow: hidden;}
.index-about-box{ font-size: 0; background-color: #fff; overflow: hidden; padding: 40px; position: relative;}
.index-about-l{  width: 52%; display: inline-block; vertical-align: middle;}
.index-about-l-frame{ padding: 8px; background-color: #fff;}
.index-about-l img{ max-width: 100%;}
.index-about-r{ width: 48%; display: inline-block; vertical-align: middle;}
.index-about-text{ padding: 35px;} 
.index-about-r .th{ font-size: 26px; font-weight: normal; margin-bottom: 20px; line-height: 35px;}
.index-about-r .th a{color: #333;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.index-about-r .th a:hover{color: #06738e;}
.index-about-r p{ font-size: 14px; line-height: 28px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
margin-bottom: 30px;
}
.index-about-r span{ display: block;}
.index-about-r span a {
	background-color: #eef0f1;
    font-size: 14px;
    line-height: 30px;
    padding: 6px 35px;
    display: inline-block;
	transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;
	border-radius: 4px;
}
.index-about-r span a:hover{
	background-color: #06738e;
	color: #fff;
}



/*热门产品*/
.hot-products{ margin: 60px 0; overflow: hidden;}
.hot-products-center{width: 90%; margin: 0 auto; max-width: 1200px;}
.hot-products-t{margin-bottom: 30px; text-align: center; position: relative;}
.hot-products-t::after {
    background-color: #eee;
    bottom: 25px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.hot-products-t span  { font-size: 20px; padding: 0 30px; line-height: 50px; display: inline-block; background-color: #fff;text-transform:capitalize; position: relative; z-index: 1; border: 2px solid #06738e; color: #06738e;}
.hot-products-t span::before{
    content: " ";
	position: absolute;
	top: -32px;
	left: -32px;
	width: 100%;
	height: 100%;
	border: 30px solid #fff;
	border: 0\0;
	padding: 2px;
}
.hot-products-box{ margin: 0 -15px}
.hot-products-box ul{font-size: 0;} 
.hot-products-box ul li { width: 25%; display: inline-block; vertical-align: top; font-size: 14px; text-align: center; }
.hot-products-box ul li .item{ background-color: #fff; margin: 15px; padding: 20px;
border-radius:4px;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.hot-products-box ul li .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.hot-products-box ul li .item img{ display: inline-block; max-width: 100%;}
.hot-products-box-t{ height: 40px; margin: 18px 0 10px 0; overflow: hidden;}
.hot-products-box ul li .item h3{
	font-size: 16px;
	font-weight: normal;
	display: table;
	width: 100%;
	text-align: center;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

.hot-products-box ul li .item:hover h3{color: #06738e;}

/*首页新闻*/
.index-news{
	padding: 60px 0;
	overflow: hidden;
}
.index-news-center{width: 90%; margin: 0 auto; max-width: 1200px;}
.index-news-t{margin-bottom: 30px; text-align: center; position: relative;}
.index-news-t::after {
    background-color: #eee;
    bottom: 25px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.index-news-t span  { font-size: 20px; padding: 0 30px; line-height: 50px; display: inline-block; background-color: #fff;text-transform:capitalize; position: relative; z-index: 1; border: 2px solid #06738e; color: #06738e;}
.index-news-t span::before{
    content: " ";
	position: absolute;
	top: -32px;
	left: -32px;
	width: 100%;
	height: 100%;
	border: 30px solid #fff;
	border: 0\0;
	padding: 2px;
}
.index-news-box ul{ font-size: 0;} 
.index-news-box ul li{ width: 32%; display: inline-block; vertical-align: top; margin-right: 2%; margin-bottom: 20px; font-size: 14px;} 
.index-news-box ul li:nth-child(3n+3){margin-right: 0; font-size: 14px;} 
.index-news-box ul li .item{ position: relative; overflow: hidden; max-width: 500px; margin: auto; padding: 25px;border-radius:4px; background-color: #fff;border: 1px solid #eee;} 
.index-news-box ul li .item a{overflow: hidden;} 
.index-news-box-frame{ overflow: hidden;}

.index-news-box ul li .item img{ width: 100%;transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;} 
.index-news-box ul li .item img:hover{ transform: scale(1.1);} 
.index-news-box ul li .item .th{ font-size: 18px; line-height: 24px;font-weight: normal; height: 24px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; position: relative; z-index: 1;} 
.index-news-box ul li .item .th a:hover{ color: #06738e;} 
.index-news-box ul li .item p{ font-size: 14px; line-height: 20px;
max-height: 40px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;} 
.index-news-time{ padding-left: 52px; position: relative; padding-top: 20px; margin-top: 25px; margin-bottom: 10px;}
.index-news-time span{ font-size: 14px; color: #06738e; position: absolute; top: 0; left: 0; display: inline-block; } 
.index-news-box ul li .item span b{ color: #fff; width: 40px; height: 40px; line-height: 40px; display: inline-block;  background-color: #06738e; font-size: 20px; text-align: center; vertical-align: top; margin-right: 10px;} 

/*首页案例*/
.index-case{ margin: 60px 0; overflow: hidden;}
.index-case-center{width: 90%; margin: 0 auto; max-width: 1200px;}
.index-case-t{margin-bottom: 30px; text-align: center; position: relative;}
.index-case-t::after {
    background-color: #eee;
    bottom: 25px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.index-case-t span  { font-size: 20px; padding: 0 30px; line-height: 50px; display: inline-block; background-color: #fff;text-transform:capitalize; position: relative; z-index: 1; border: 2px solid #06738e; color: #06738e;}
.index-case-t span::before{
    content: " ";
	position: absolute;
	top: -32px;
	left: -32px;
	width: 100%;
	height: 100%;
	border: 30px solid #fff;
	padding: 2px;
} 
.index-case-box{ margin: 0 -15px;}
.index-case-box ul{ overflow: hidden; font-size: 0;} 
.index-case-box ul li{ width: 50%; display: inline-block; vertical-align: top; font-size: 14px;} 
.index-case-box ul li .item{ margin: 15px 15px 15px 15px; overflow: hidden;}
.index-case-box-frame{ width: 100%; overflow: hidden;}
.index-case-box-frame img{ max-width: 100%; display: block;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.index-case-box-frame img:hover{ transform: scale(1.1);}
.index-case-box ul li .item .th{ font-size: 18px; line-height: 20px;font-weight: normal; margin: 10px 0;}  
.index-case-box ul li .item .th a:hover{ color: #06738e;} 
.index-case-box ul li .item p{
	font-size: 14px; line-height: 20px;
max-height: 60px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-bottom: 20px;
} 
.index-case-box ul li .item span {
    display: block;
}
.index-case-box ul li .item span a {
	background-color: #eef0f1;
    font-size: 14px;
    line-height: 30px;
    padding: 2px 25px;
    display: inline-block;
	transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;
	border-radius: 4px;
}
.index-case-box ul li .item span a:hover{
	background-color: #06738e;
	color: #fff;
}
/*首页部分结束*/

/*内页部分*/
.inner-page-main{ width: 100%; overflow: hidden;}
.inner-page-middle{ width: 90%; margin: 0 auto; max-width: 1200px;}
/*面包屑导航*/
.bread-crumb{width: 100%; margin: 0 0 10px 0; overflow: hidden;  background: #f9f9f9;}
.bread-crumb ul{ color: #999; width: 90%; max-width: 1200px; margin: auto; padding: 15px 0;}
.bread-crumb ul li{ font-size: 14px; line-height: 24px; display: inline-block; vertical-align: middle; margin-right: 8px;}
.bread-crumb ul li a{ color: #999;}
.bread-crumb ul li a:hover{ color: #06738e;}
.inner-page-content{width: 100%; margin: 20px 0; display: inline-block;}
/*分页符*/
.pagination-bar {
	text-align: center;
	margin-top: 20px;
}
.pagination-bar ul {
	text-align: center;
	overflow: hidden;
	background-color: #fff;
	padding: 14px 30px;
}
.pagination-bar ul li {
	display: inline-block;
	margin: 2px;
	vertical-align: top;
}
.pagination-bar ul li a {
	background: #f0f0f0;
	height: 35px;
	width: 35px;
	display: inline-block;
	line-height: 35px;
	text-align: center;
    transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
}
.pagination-bar ul li.pageinfo {
	background: #f0f0f0;
	line-height: 35px;
	text-align: center;
	padding: 0 15px;
}
.pagination-bar ul li.active{
	background: #06738e;
	color: #fff;
	height: 35px;
	width: 35px;
	display: inline-block;
	line-height: 35px;
	text-align: center;
}
.pagination-bar ul li a i{
	vertical-align: middle;
	font-weight: bold;
}
.pagination-bar ul li a:hover{ color: #fff; background: #06738e;}
/*左边*/
.inner-page-l{ width: 26%; float: left; margin-bottom: 40px;}
.inner-page-r{ width: 74%; float: right; margin-bottom: 40px;}
/*侧边*/
.sidebar-block{ margin-right: 30px; overflow: hidden;}
.sidebar-box { overflow: hidden; margin-bottom: 30px; background-color: #f9f9f9; border: 1px solid #efefef;}
.sidebar-title {
    padding: 14px 20px;
	border-bottom: 2px solid #f6f6f6;
}
.sidebar-title span{
	color: #666;
    font-size: 18px;
    line-height: 24px;
	text-transform:capitalize;
}
.sidebar-contant{ padding: 14px 20px; }
.sidebar-featured ul{ overflow: hidden;}
.sidebar-featured ul li{ width: 100%; overflow: hidden; margin: 8px 0; float: left;}
.sidebar-featured ul li .item{ overflow: hidden;}
.sidebar-featured ul li .item .pro-media{ float: left; width: 45%;}
.sidebar-featured ul li .item .pro-media img{ max-width: 100%; display: block;}
.sidebar-featured ul li .item .pro-detail-info{ float: right; width: 55%;}
.sidebar-featured ul li .item .pro-detail-info .th{ margin-left: 15px; font-size: 14px; line-height: 18px; margin-bottom: 12px; font-weight: normal; max-height: 54px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.sidebar-featured ul li .item .pro-detail-info .th a{ display: block;}
.sidebar-featured ul li .item .pro-detail-info .th a:hover{color: #06738e;}
.sidebar-featured ul li .item .pro-detail-info span{ margin-left: 15px; display: block;}
.sidebar-featured ul li .item .pro-detail-info span a {
	background-color: #eef0f1;
    font-size: 14px;
    line-height: 30px;
    padding: 2px 25px;
    display: inline-block;
	transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;
	border-radius: 4px;
}
.sidebar-featured ul li .item .pro-detail-info span a:hover{
	background-color: #06738e;
	color: #fff;
}

/*侧边联系方式*/
.sidebar-contact .mb-20{ font-size: 14px; line-height: 30px; margin-bottom: 15px; padding-left: 45px; position: relative;}
.sidebar-contact .mb-20:nth-last-child(1){ margin-bottom: 0;}
.sidebar-contact .inner-title{ color: #06738e; font-weight:bold; position: absolute; left: 0; top: 0;background: #f0f0f0;
    color: #999;
    float: left;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
	}
.sidebar-contact .inner-title i{color: #06738e;}
.sidebar-contact ul li a{ word-break: break-all; display: inline-block;}
.sidebar-contact ul li a:hover{ color: #06738e;} 
.sidebar-contact ul{ overflow: hidden;}
.sidebar-contact ul li{ font-size: 14px; line-height: 20px; margin: 8px 0; float: left;} 
/*侧边新闻列表*/

/*产品页*/
.product-key{
	margin-bottom: 20px;
    background-color: #f9f9f9;
    border: 1px solid #efefef;
}
.product-key-box{ padding: 14px 20px;}
.product-key h1{ font-size: 20px; line-height: 24px; display: block; margin-bottom: 12px;}
.product-key p{ font-size: 14px; line-height: 24px;}
.product-listing-t{ position: relative; margin: 20px 0; overflow: hidden;}
.product-listing-t h2{
	font-size: 18px;
    color: #404042;
    line-height: 30px;
    display: inline-block;
    padding-right: 30px;
    background-color: #fff;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
}
.product-listing-t span{
	font-size: 14px;
    color: #404042;
    display: inline-block;
    padding-left: 20px;
    background-color: #fff;
    z-index: 1;
	position: relative;
	float: right;
	margin-top: 5px;
}
.product-listing-t span a{
	padding: 2px 8px;
	background-color: #f9f9f9;
	display: inline-block; 
}
.product-listing-t span a:hover{
	color: #fff;
	background-color: #666;
}
.product-listing-t::after {
    background-color: #eee;
    bottom: 14px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.product-listing ul{ font-size: 0;}
.product-listing ul li{ width: 32%; font-size: 14px; display: inline-block; margin-right: 2%; vertical-align: top; margin-bottom: 20px;}
.product-listing ul li:nth-child(3n+3){margin-right: 0;}
.product-listing .product-item {
    background-color: #fff;
    padding: 20px;
	position: relative;
    transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
}
.product-listing .product-item:hover {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.product-listing .product-item .sale-label{ position: absolute; top: 10px; left: 0;}
.product-listing .product-item .sale-label span{
	font-size: 14px;
    color: #fff;
    background-color: #06738e;
    display: inline-block;
    padding: 4px 10px;
}
.product-listing .product-image{ overflow: hidden; text-align: center;}
.product-listing .product-image img{ max-width: 100%;}
.product-listing .product-item-name {
    height: 40px;
    margin: 18px 0 10px 0;
    overflow: hidden;
}
.product-listing .product-item-name h3 {
    font-size: 16px;
    font-weight: normal;
    display: table;
    width: 100%;
    text-align: center;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.product-listing .product-item-name h3:hover{
    color: #06738e;
}
/*产品类别*/
.product-category{}
.product-category li{ width: 100%; margin-bottom: 30px;}
.product-category .product-item{ text-align: left; font-size: 0; position: relative;}
.product-category .product-item .sale-label{ position: absolute; top: 10px; left: 0;}
.product-category .product-item .sale-label span{
	font-size: 14px;
    color: #fff;
    background-color: #06738e;
    display: inline-block;
    padding: 4px 10px;
}
.product-category li .product-image { width:30%; display: inline-block; vertical-align: middle;}
.product-category li .product-image img{ width: 100%; max-width: 500px;}
.product-item-text{ font-size: 14px; width:70%; display: inline-block; vertical-align: middle;}
.product-item-text-b{ margin-left: 30px;}
.product-item-text h2{ font-size: 18px; line-height: 24px; margin-bottom: 12px;}
.product-item-text p{ font-size: 14px; line-height: 24px;}
.product-item-text .tag{ font-size: 12px; width: 100%; margin: 10px -5px}
.product-item-text .tag a{ padding: 4px 8px; background-color:#eef0f1; display: inline-block; margin: 5px; }
.product-item-text .tag a:hover{ color: #fff; background-color:#06738e; }
.product-item-text span a {
    line-height: 24px;
    color: #fff;
    background-color: #06738e;
    padding: 8px 15px;
    display: inline-block;
	transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
}
.product-item-text span a i{ font-size: 20px; line-height: 18px; margin-right: 5px;}
.product-item-text span a.more {
	color: #242424;
    background-color: #f0f0f0;
	margin-left: 10px;
}
.product-item-text span a:hover { color: #fff; background-color: #666;}
/*产品详情*/
.product-details{overflow: hidden;}
.product-page-plan {
    width: 46%;
	float: left;
}
.product-attributes {
    width: 54%;
    float: right;
}
.product-attributes .product-name {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
}
.product-attributes-item{ margin-bottom: 20px;}
.product-attributes-item ul li{ font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.product-attributes-item ul li label {
	color: #06738e;
	font-size: 15px;
    margin: 0 0 5px 0;
}
.product-overview{ margin-bottom: 20px; }
.product-overview p{font-size: 14px; line-height: 24px;}
.product-detail-annex{ margin-bottom: 10px; overflow: hidden;}
.product-detail-annex .pro-email-icon{ float: left; margin-right: 10px; margin-bottom: 10px;}
.product-detail-annex .pro-email-icon a{
	line-height: 20px;
	color: #fff;
	background-color: #06738e;
	padding: 8px 15px;
	display: block;
}
.product-detail-annex .pro-email-icon a i{
	font-size: 18px;
	margin-right: 5px;
}
.product-detail-annex .pro-annex-icon{float: left; margin-bottom: 10px;}
.product-detail-annex .pro-annex-icon a{
	line-height: 20px;
	background: #f0f0f0;
	padding: 8px 15px;
	display: block;
}
.product-detail-annex .pro-annex-icon a i{
	margin-right: 5px;
}
.product-detail-annex a:hover{ color:#fff; background-color: #666;}
.product-information{ margin: 30px 0; overflow: hidden;}
.product-information-content{ border-bottom: 1px solid #ececec; overflow: hidden; padding: 0; line-height: 28px; font-size: 14px; padding-bottom: 20px;}
.product-information-t{
	margin-bottom: 20px;
    padding: 14px 20px;
    background-color: #f9f9f9;
    border: 1px solid #efefef;
}
.product-information-t h1{font-size: 18px; line-height: 24px;}
.product-information-box h2{font-size: 16px; line-height: 28px; }

.product-information-content img{ display: inline-block; max-width: 100%;}
.share-it{ float:left;}
/*表格手机端滑动*/
.nei-table{width: 100%;overflow: auto;}
.nei-table table{ border-collapse:collapse;border-spacing:0;}
.nei-table table, .nei-table table th, .nei-table table td{ border: 1px solid #ececec;}
.nei-table table th, .nei-table table td{ padding: 4px 10px;}
/*详情页标签*/
.product-tag{ display: flex; margin-top: 20px; padding: 20px 0; border-top: 1px solid #ececec;}
.product-tag-title{ display: inline-block;}
.product-tag span {
	font-size: 16px;
	padding: 5px 0;
	float: left;
	white-space: nowrap;
}
.product-tag-item{ vertical-align: top;}
.product-tag-item a{ margin: 5px 12px; line-height: 20px; font-size: 14px; display: inline-block;}
.product-tag-item a:hover{ color: #06738e;}
/*附件下载*/
.product-annex{ display: flex; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #ececec;}
.product-annex span{ font-size:16px; margin-bottom: 10px;}
.product-annex ul li{ font-size: 14px; line-height: 20px; margin: 0 12px 10px 12px;}
.product-annex ul li i{ margin-right: 5px;}
.product-annex ul li a:hover{color: #06738e;}
/*相关产品*/
.related-products{ width: 100%; margin-top: 20px;}
.related-products-t{ margin-bottom: 10px; position: relative; overflow: hidden;}
.related-products-t::after {
    background-color: #eee;
    bottom: 10px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.related-products-t h3{ font-size: 18px; line-height: 30px; background-color: #fff; display: inline-block; padding-right: 30px; position: relative; z-index: 1; }
.related-products ul{ font-size: 0;}
.related-products ul li{ font-size: 14px; width: 25%; display: inline-block; vertical-align: top;}
.related-products ul li .item{ padding: 20px;}
.related-products ul li .item img{ width: 100%; max-width: 500px;}
.related-products ul li .item .text{ font-size: 14px; line-height: 20px; margin-top: 5px;}
/*产品折叠菜单*/
.sidebar-product dl{
	width:100%;
	overflow: hidden;
	margin-bottom: 0;
}
.sidebar-product dl dt{
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	padding: 10px 15px 10px 0;
	border-bottom: 1px solid #f6f6f6;
	position: relative;
	margin-bottom: 0;
}
.sidebar-product dl:last-child dt{
	border-bottom: 0;
}
.sidebar-product dl dt a{ font-size: 14px;}
.sidebar-product dl dt i{
	width: 0;
	height: 0;
	background-color: #6d6d6d;
	overflow: hidden;
	position: absolute;
	left: 5px;
	top: 15px;
}
.sidebar-product dl dt a:hover{
	color: #06738e;
}		
.sidebar-product dl span{
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	color:#6d6d6d;
	height:38px;
	display: block;
	line-height: 38px;
	float: right;
	cursor:pointer;
	padding: 0 5px;
	position: relative;
	z-index: 1;
}
.sidebar-product dl span.clicker_active{font-size: 26px;font-weight: normal;}
.sidebar-product dl span:hover{
	background-position: 10px 20px;
	text-decoration: none;
	color: #06738e;
}
.sidebar-product dl dd{
	overflow: hidden;
	line-height: 18px;
	font-size: 14px;
	margin: 8px 0 8px 15px;
	}
.sidebar-product dl dd a{
	font-size: 12px;
	color: #6d6d6d;
	width:100%;
	display: block;
	padding-bottom:8px;
	border-bottom: 1px dashed #ebebeb;
	}
.sidebar-product dd a:hover{
	text-decoration: none;
	color: #06738e;
}


/*侧边新闻*/
.sidebar-news ul{ overflow: hidden;} 
.sidebar-news ul li{ line-height: 20px; font-size: 16px; padding: 10px 20px; position: relative; display: block; overflow: hidden;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.sidebar-news ul li:hover{ padding: 10px 10px 10px 30px;}
.sidebar-news ul li a{ display: block;}
.sidebar-news ul li i{ font-size: 8px; position: absolute; top: 10px; left: 0;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.sidebar-news ul li:hover i{ left: 10px;}
.sidebar-news ul li a:hover{ color: #06738e;}
/*侧边关于我们*/
.sidebar-about ul{ overflow: hidden;} 
.sidebar-about ul li{ line-height: 20px; font-size: 16px; padding: 10px 20px; position: relative; display: block; overflow: hidden;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.sidebar-about ul li:hover{ padding: 10px 10px 10px 30px;}
.sidebar-about ul li a{ display: block;}
.sidebar-about ul li i{ font-size: 8px; position: absolute; top: 10px; left: 0;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.sidebar-about ul li:hover i{ left: 10px;}
.sidebar-about ul li a:hover{ color: #06738e;}

/*新闻列表*/
/*推荐新闻*/
.news-list-top{ overflow: hidden;} 
.news-list-top-box{ width: 100%; display: inline-block; vertical-align: top; margin-bottom: 30px; font-size: 14px;} 
.news-list-top-box .item{ position: relative; overflow: hidden; } 
.news-list-top-box .item a{overflow: hidden; display: block;} 
.news-list-top-box-frame{ overflow: hidden; float: left; width: 40%;}
.news-list-top-box .item img{height: auto; display: block; font-size: 0; overflow: hidden; max-width: 100%;transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;} 
.news-list-top-box .item img:hover{ transform: scale(1.1);} 
.news-list-top-box .item h3{ font-size: 18px; line-height: 30px; position: relative; z-index: 1;} 
.news-list-top-box .item h3:hover{ color: #06738e;} 
.news-list-top-box .item p{ font-size: 14px; line-height: 20px;
max-height: 80px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
margin-left: 25px;
} 
.news-list-top-box-text{ display: inline-block; width: 60%;float: left; vertical-align: top;}
.news-list-top-box-time{
	padding-left: 52px;
    position: relative;
    padding-top: 20px;
    margin: 0 0 10px 25px;
}
.news-list-top-box-time span{
	font-size: 14px;
    color: #06738e;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
} 
.news-list-top-box-time span b{
      width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border: 1px solid #06738e;
    background-color: #fff;
    font-size: 20px;
    text-align: center;
    vertical-align: top;
    margin-right: 10px;
} 
/*新闻列表*/
.news-listing{ overflow: hidden; margin-bottom: 20px;}
.news-listing-t{ padding: 14px 0; margin-bottom: 15px; overflow: hidden;}
.news-listing-t .th{ float: left; font-size: 18px; line-height: 24px;text-transform: capitalize;}
.news-listing-t .th a:hover{color: #06738e;}
.news-listing-t span{ float: right; font-size: 14px; line-height: 24px;}
.news-listing-t span a{ float: right; font-size: 14px; line-height: 24px;}
.news-listing-t span a:hover{color: #06738e;}
.news-listing ul{ overflow: hidden;}
.news-listing ul li{ margin-bottom: 10px;}
.news-listing ul li .news-listing-box{background-color: #f6f6f6; overflow: hidden; padding: 15px;}
.news-listing ul li h3{ font-size: 16px; line-height: 20px; position: relative; z-index: 1;}
.news-listing ul li h3:hover{ color: #06738e}
.news-listing ul li p{ font-size: 14px; line-height: 24px;}
.news-listing-time{
	padding-left: 52px;
    position: relative;
    padding-top: 20px;
	margin-bottom: 10px;
}
.news-listing-time span{
	font-size: 14px;
    color: #06738e;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
} 
.news-listing-time span b{
      width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border: 1px solid #06738e;
    background-color: #f6f6f6;
    font-size: 20px;
    text-align: center;
    vertical-align: top;
    margin-right: 10px;
} 
/*新闻详情*/
.news-details{
	border-bottom: 1px solid #ececec;
    overflow: hidden;
    padding: 0;
    line-height: 28px;
    font-size: 14px;
    padding-bottom: 20px;
	}
.news-details-t{ margin-bottom: 20px; padding: 14px 20px; background-color: #f9f9f9;border: 1px solid #efefef;}
.news-details-t h1{font-size: 18px; line-height: 24px;}
.news-details-box{ overflow: hidden; font-size: 14px;}
.news-details-time{ width: 100%; display: inline-block; margin-bottom: 20px;}
.news-details-time e{font-size: 14px;background: #f0f0f0;padding: 8px 10px;}
/*案例列表*/
.case-listing{}
.case-listing ul{ overflow: hidden; font-size: 0;} 
.case-listing ul li{ width: 100%; display: block; font-size: 14px; padding-bottom: 20px;} 
.case-listing ul li .item{ margin: 0 0 20px 0; overflow: hidden;}
.case-listing-frame{ width: 44%; float: left; margin-right: 20px; overflow: hidden; max-width: 220px;}
.case-listing-frame img{ max-width: 100%; display: block;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.case-listing-frame img:hover{ transform: scale(1.1);}
.case-listing ul li .item h3{ font-size: 18px; line-height: 20px;font-weight: normal; margin: 10px 0;}  
.case-listing ul li .item h3:hover{ color: #06738e;} 
.case-listing ul li .item p{
	font-size: 14px; line-height: 20px;
	max-height: 60px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 20px;
} 
.case-listing ul li .item span {
    display: block;
}
.case-listing ul li .item span a {
	background-color: #eef0f1;
    font-size: 14px;
    line-height: 30px;
    padding: 4px 28px;
    display: inline-block;
	transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;
	border-radius: 4px;
}
.case-listing ul li .item span a:hover{
	background-color: #06738e;
	color: #fff;
}

/*证书展示*/
.certificate-listing ul{ font-size: 0; overflow: hidden;}
.certificate-listing ul li{ width: 32%; font-size: 14px; display: inline-block; margin-right: 2%; vertical-align: top; margin-bottom: 20px;}
.certificate-listing ul li:nth-child(3n+3){margin-right: 0;}
.certificate-listing .item {
    background-color: #fff;
    padding: 30px;
	position: relative;
    transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
}
.certificate-listing .item:hover {
    background-color: #06738e;
}
.certificate-listing-frame{ overflow: hidden; height: 280px; text-align: center; display: table; width: 100%;}
.certificate-listing-frame a{
	display: table;
	display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.certificate-listing-frame img{ max-height: 280px; max-width: 100%;}
.certificate-listing .item span{
	font-size: 16px;
    font-weight: normal;
    display: table;
	margin: 8px 0;
    width: 100%;
    text-align: center;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.certificate-listing .item span a {
    display: table-cell;
    vertical-align: middle;
    color: #404042;
    transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
}
.certificate-listing .item:hover h3 a {
    color: #fff;
}

/*site-map网站地图*/
.site-map-t{ color: #666; font-size: 18px; line-height: 30px; background: #f9f9f9; padding: 14px 20px; margin-bottom: 15px;text-transform: capitalize;}
.site-map-th{ color: #6d6d6d; font-size: 16px; line-height: 30px; border-bottom: 1px dashed #f1f1f1; padding: 8px 20px;}
.site-map-th h2{ font-size: 16px; font-weight: normal;}
.site-map ul { font-size: 0; overflow: hidden; margin: 20px 0 30px 0; border-bottom: 1px solid #f1f1f1; padding: 0 20px; background-color: #fff;}
.site-map ul li{ font-size: 14px; margin-bottom: 12px; display: inline-block; vertical-align: top; line-height: 20px; width: 33.3%;}
.site-map ul li h3{ font-size: 14px; font-weight: normal;}
.site-map ul.site-map-l1 li { width: 25%;}
.site-map ul.site-map-l2 li { width: 50%;}
.site-map a:hover{ color: #0363cd}
/*案例详情,工厂展示,关于我们*/
.case-details, .factory-details, .about-details{
    overflow: hidden;
    padding: 0;
    line-height: 28px;
    font-size: 14px;
	}
.case-details-t, .factory-details-t, .about-details-t{ margin-bottom: 20px; padding: 14px 20px; background-color: #f9f9f9;border: 1px solid #efefef;}
.case-details-t h1, .factory-details-t h1, .about-details h1{ color: #666; font-size: 18px; line-height: 24px;}
.case-details-box, .factory-details-box, .about-details-box{ overflow: hidden;}
.case-details-box img, .factory-details-box img, .about-details-box img{ max-width: 100%;}
.product-information-box embed, .case-details-box embed, .factory-details-box embed, .about-details-box embed{ max-width: 100% !important; height: auto;}
.product-information-box a, .case-details-box a, .factory-details-box a, .about-details-box a{ text-decoration: underline; color: #06C;}
.product-information-box ul, .product-information-box ol, .product-information-box li,
.case-details-box ul, .case-details-box ol, .case-details-box li,
.factory-details-box ul, .factory-details-box ol, .factory-details-box li,
.about-details-box ul, .about-details-box ol, .about-details-box li{list-style: unset; margin-left: 20px;}
/*关于我们图片切换*/
.pb {
    display: inline-block;
    position: relative;
    height: auto;
	width: 100%;
    margin-bottom: 10px;
    z-index: 1;
}
.pb .banners {
	width: 100%;
	overflow: hidden;
    padding: 0px;
    margin: 0px;
}
.pb .banners li.current {
    display: block;
}
.pb .banners li {
    display: none;
    padding: 0;
	margin: 0;
}
.C_top_R1IMG2 {
    width: 100%;
    height: auto;
}
.C_top_R1IMG2 a img {
    width: 100%;
    display: block;
}
.switcher_2 {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.pb .points_2 li {
	width: 22px;
	height: 22px;
	text-align: center;
	cursor: pointer;
	float: left;
	background-color: #999;
	line-height: 22px;
	color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	border: 1px solid #FFF;
}
.pb .points_2 li.current {
    color: #FFF;
    margin-right: 5px;
    height: 22px;
    width: 22px;
    border: 1px solid #FFF;
    background-color: #C00;
}
/*关于我们头部表格*/
.about_pc_tab{ overflow: hidden; margin-bottom: 20px;}
.about_pc_tab table{ background-color: #ececec; width: 100%;}
.about_pc_tab table tr{ background-color: #fff; line-height: 20px;}
.about_pc_tab table tr th, .about_pc_tab table tr td{ padding: 8px 15px;}
.about_pc_tab table tr th{ width: 24%;}

/*联系我们表格*/
.contact-table-box{ overflow: hidden; margin-bottom: 30px;}
.contact-name{
	background: #fff;
    padding: 14px 30px;
    margin-bottom: 15px;
}
.contact-name h5{font-size: 16px;line-height: 24px;}
.contact-info{ }
.contact-info table{ width: 100%; border-collapse: collapse;}
.contact-info tr{ background-color: #fff;word-break:break-all;}
.contact-info tr:hover{ background-color: #faf9f9;}
.contact-info tr th, .contact-info tr td{font-size: 14px;}
.contact-info tr th:first-child, .contact-info tr td:first-child {width: 28%;}
.contact-info td a {
	color: #fff;
	padding: 13px;
}
.contact-info td{
	padding:15px 10px;
	border:1px solid #ebebeb;
	vertical-align:middle;
}
.contact-info td i{font-size: 18px; margin-right: 10px;}
.contact-info td.name, .contact-info td.description{
	vertical-align:top;
}
.contact-info td:first-child{
	padding:15px 10px;
	text-transform:uppercase;
	font-weight: bold;
	vertical-align:middle;
}

/*邮件*/
.inner-message{ margin-bottom: 30px; overflow: hidden;}
.inner-message-t{
	background: #f0f0f0;
    padding: 10px 16px;
    margin-bottom: 20px;
}
.inner-message-t h5{font-size: 18px;line-height: 24px;}
.inner-message .th{
	font-size: 20px; 
	margin-bottom: 20px;
    padding: 14px 20px;
    background-color: #f9f9f9;
    border: 1px solid #efefef;
}
.inner-message .inner-message-centered{ font-size: 16px;}
.inner-message .inner-message-centered span{ color: #F60;}
.inner-message-row{ margin-top: 20px; overflow: hidden;}
.inner-message-row .item{ width: 100%; float: left; margin-bottom: 20px;}
.inner-message-row .item input{ color: #999; width: 100%; line-height: 30px; border: 0; height: 30px;}.inner-message-row .item textarea{ color: #999; width: 100%;line-height: 30px; border: 0;font-family: sans-serif; min-height: 150px;}
.inner-message-row .item button{
	color: #fff;
    font-size: 14px;
    background-color: #06738e;
    display: block;
    line-height: 30px;
    padding: 8px 20px;
    transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
	cursor: pointer;
	border: 0;
}
.inner-message-row .item button:hover{ background-color: #666;}
.inner-message-row .item button:active{background-color: #F60;}
.inner-message-row .item.item-half{ width: 50%;}
.inner-message-half{padding: 8px; margin-right: 20px; background-color: #f6f6f6;}
.inner-message-box{ padding: 8px; background-color: #f6f6f6;}
/*空位符*/
.air-h30{ width: 100%; height: 30px; display: block;}
/*上下篇*/
.other-upper-next{
	border-bottom: 1px solid #ececec;
    overflow: hidden;
    line-height: 28px;
    font-size: 14px;
    padding: 20px 0;
	margin-bottom: 30px;
	}
.other-upper-next-box{ overflow: hidden;}
.other-upper-next .other-upper{ float: left;}
.other-upper-next .other-next{ float: right;}
.other-upper-next .other-upper i{ font-size: 13px; display:inline-block; vertical-align: middle; margin-right: 5px;}
.other-upper-next .other-next i{ float: right; font-size: 14px; display:inline-block; vertical-align: middle; margin-left: 5px;}
.other-upper-next span a:hover{color: #06738e;}
/*底部*/
.footer-middle{
	padding-top: 40px;
	background-color: #f5f6fa;
}
.footer-content{width: 90%; margin: 0 auto; max-width: 1200px; overflow: hidden; font-size: 0;}
.footer-main{ margin: 20px 0;}
.footer-content .item{ width: 22%; display: inline-block; font-size: 14px; vertical-align: top; margin-bottom: 30px;}
.footer-content .item.footer-contactus{ width: 34%; }
.footer-content .item.footer-contactus li{ position: relative; display: flex;}
.footer-content .item.footer-contactus li label{ display: inline-block; vertical-align: top;}
.footer-static-block{ margin-right: 30px;}
.footer-static-block .th{ font-size: 20px; line-height: 20px; margin-bottom: 30px; position: relative;}
.footer-static-block .th a:hover{color: #06738e;}
.footer-block-contant li{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 18px;
}
.footer-block-contant li b{
	font-size: 16px;
}
.footer-block-contant li label{
	white-space: nowrap;
	margin-right: 5px;
}
.footer-block-contant li span{
	display: inline-block;
}
.key-words li{
	height: 20px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	position: relative;
	padding-left: 20px;
}
.key-words li i{
	width: 6px;
	height: 6px;
	width: 10px\0;
	height: 10px\0;
	display: inline-block;
	border: 2px solid #242424;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 5px;
}
.footer-block-contant li a:hover{
	color: #06738e;
}
.footer-secondary{ width: 100%; padding: 20px 0; border-top: 1px solid #ebebeb;}
.footer-secondary-box{ width: 90%; max-width: 1200px; margin: auto;}
.footer-secondary p{ font-size: 13px; text-align: center; line-height: 18px;}


/*右侧漂浮替换样式*/
.im-l{background-color: #06738e;box-shadow: 0 0 8px #eaf0f6;}
.im .box{background-color: #06738e;}
/*返回顶部*/
.scroll{
	width:40px;
	height:40px;
	color:#fff;
	line-height:42px;
	text-align:center;
	position:fixed;
	right:34px;
	bottom:74px;
	cursor:pointer;
	background-color:#242424;
	z-index: 10;
	transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
}
.scroll:hover{ background-color:#06738e;}
.scroll i{font-size:20px;}
@media screen and (max-width: 1220px){
.inner-page-l{ width: 32%;}
.inner-page-r{ width: 68%;}
}
@media screen and (max-width: 1044px){
.hot-products-box ul li {width: 50%;}
.footer-content .item, .footer-content .item.footer-contactus{ width: 50%;}
.index-case-box ul li {width: 100%;}
.index-case-box ul li .item {margin: 0 15px 20px 15px;}
/*首页产品分类*/
.category-box-type h2 {
    font-size: 18px;
}
.index-about-box, .index-about-text {
    padding: 20px;
}
.index-news-box ul { text-align: center;}
.index-news-box ul li{ width: 49%;} 
.index-news-box ul li:nth-child(2n+2){margin-right: 0;} 
.sidebar-featured ul li .item .pro-media{ width: 100%;}
.sidebar-featured ul li .item .pro-detail-info{ width: 100%; margin-top: 10px;}
.sidebar-featured ul li .item .pro-detail-info .th {margin-left: 0;line-height: 20px;}
.sidebar-featured ul li .item .pro-detail-info span {margin-left: 0;display: block;}
.product-listing ul li {width: 49%;}
.product-listing ul li:nth-child(3n+3){margin-right: 2%;}
.product-listing ul li:nth-child(2n+2){margin-right: 0;}
/*产品详情展示*/
.product-page-plan, .product-attributes {width: 100%;}
/*证书展示*/
.certificate-listing ul li{ width: 48%; margin-right: 4%;}
.certificate-listing ul li:nth-child(3n+3){margin-right: 4%;}
.certificate-listing ul li:nth-child(2n+2){margin-right: 0;}
}
@media screen and (max-width:768px){
.header-inner .social-link{float: left;margin: 0 7px 10px 0;}
.header-inner .social-link a{margin-left: 0; margin-right: 5px;}
.language {float: left;}
.header-middle .header-logo { width: 100%; max-width: none; margin: 10px 0;}
.header-middle .company-motto {width: 100%; margin: 10px 0; height: auto; padding: 0; float: left;}
.company-motto-p {display: block;height: auto;}
.header-search {float: none;display: inline-block; margin: 10px 0;position: relative;}

.index-about-l .th {font-size: 20px; margin-right: 0;line-height: 30px;}

.subblock .category ul {text-align: center;}
.subblock .category ul li, .subblock .category ul li:nth-child(2){ width:100%; max-width: 500px; margin: 0 auto 20px auto;}

.featured-products-t span, .hot-products-t span, .index-news-t span, .index-case-t span{font-size:  18px;}

.index-about-l, .index-about-r { width: 100%;}
.index-about-r .th { font-size: 20px; line-height: 30px;}
.hot-products-box ul li .item {margin: 10px 5px; padding: 5px;}
.hot-products-box ul li .item h3 {font-size: 14px;}
.index-news-box ul li { width: 100%; margin: 0 0 20px 0;}
.footer-content .item, .footer-content .item.footer-contactus{ width: 100%;}
.index-case-box-frame {width: 100%; margin: 0 0 20px 0; float: none; max-width: 500px;}

/*联系我们表格*/
.contact-info {border: 8px solid #f6f6f6;}
.contact-info tr th, .contact-info tr td{font-size: 12px;}
/*返回顶部*/
.scroll{width:32px;height:32px;line-height:34px;right:2px;bottom:8px;}
.scroll i{font-size:22px;}

/*侧边*/
.inner-page-l{ width: 100%;}
.inner-page-r{ width: 100%;}
.sidebar-block {margin-right: 0;}
.product-listing .product-item-name h3 {font-size: 14px;}
/*侧边联系方式*/
.sidebar-contact{ display: none;}
/*案例列表*/
.case-listing-frame {
    width: 100%;
    margin: 0 0 20px 0;
    float: none;
    max-width: 500px;
}
.news-list-top-box-frame, .news-list-top-box-text{width: 100%; margin-bottom: 10px;}
.news-list-top-box .item h3, .news-list-top-box .item p, .news-list-top-box-text span{margin-left: 0;}
.news-list-top-box-time{margin: 0 0 10px 0;}
/*证书*/
.certificate-listing-frame {height: 180px;}
.certificate-listing-frame img {max-height: 180px;}
.site-map ul li, .site-map ul li, .site-map ul.site-map-l1 li, .site-map ul.site-map-l2 li{ width: 100%;}
.product-category li .product-image, .product-item-text, .product-item-text-b{margin: 0;width: 100%;}
.related-products ul li {width: 50%;}
}
/*右侧漂浮*/
@media screen and (min-width:768px){
.im{ width:92px; position: fixed; right: -60px; top: 250px; transition:right 0.5s; bottom: auto; z-index: 11;}
}

.yellow {padding: 7px 0; margin: 4px; text-align: center; font-size:14px; float:none}
.yellow B{ padding:0 4px; font-size:12px}
.yellow a,.yellow a:link {border: #ddd 1px solid; margin: 3px; padding: 3px 7px; text-decoration: none; font-size:14px; color:#666}
.yellow a:hover {border: #06738e 1px solid;background: #06738e; color: #fff; text-decoration:none}
.yellow span.current {border: #06738e 1px solid; font-weight: bold; margin: 3px; color: #fff; padding: 3px 7px;background: #06738e; font-size:14px}
.yellow span.disabled {border: #ddd 1px solid; padding: 3px 7px; margin: 3px; color: #aaa; font-size:14px }