@charset "utf-8";
/*整体布局样式*/
html,body{
	font-family: Rubik, Arial, Helvetica, sans-serif;
	background:white;
	text-align:left;
	color:#242424;
	background-attachment: fixed;
    background-color: #fff;
    background-image: url(../images/bg-16.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
	overflow: auto;
}
*{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;
}
@font-face {
	font-family: "Rubik";
	src: url('Rubik-Light.ttf'),
     url('Rubik-Light.eot'); /* IE9+ */
}
/*清除苹果按钮格式*/
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
border-radius: 0;
}
/*整体布局样式结束*/

.main{
	background-color: #fff;
	display: block;
    margin: 40px auto 80px;
    width: 90%;
	max-width: 1170px;
	}


/*网页头部开始*/
header {position: relative; z-index: 3;}
.header-box{
	width: 100%;
}
.header-top{
	align-items: center;
	padding-top: 10px;
}
.header-inner{ width: 90%; margin: auto; max-width: 1200px; position: relative;}
.header-inner.border-bottom{ border-bottom: 1px solid #ebebeb;}

/*清除浮动*/
.clear{clear:both}
/*顶部联系方式*/
.header-contact{ float: left;}
.header-contact ul{ overflow: hidden;}
.header-contact ul li{ display: inline-block; vertical-align: top; font-size: 12px; margin: 0 12px 10px 0; line-height: 24px;}
.header-contact ul li a{ display: inline-block; vertical-align: middle;}
.header-contact ul li a:hover{ color: #ee3875;}
.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{ color: #ee3875;}
/*语言选择开始*/
.language{float: right; margin-bottom: 10px;}
.language .cur{cursor: pointer;  position: relative; background-color: rgba(255, 255, 255, 0.1); border-radius: 25px; padding: 3px 8px 1px 10px;}
.language .cur e{ font-size: 12px; line-height: 20px;background-image:url(../images/flag.png); 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: #ee3875; }
.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/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: #ee3875;}
.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%;
	left: 0;
	background-color:#fff;
}
.top-fixed{margin-top: -40px\0;}
/*头部中间*/
.header-middle{ width: 100%; overflow: hidden;}
.header-middle .header-inner{overflow: hidden;}
.header-middle .header-logo{ margin: 20px 0; height: 80px; max-width: 30%;}
.header-logo-box{ height: 100%; margin: 0 15px; 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:#242424;
    border: 1px solid #ebebeb;
	border-right: 0;
	background-color: rgba(255, 255, 255, 0.1);
    padding: 0 18px;
	line-height: 45px;
	height: 45px;
	float: left;
	border-radius: 50px 0 0 50px;
}
.search-box button.search-btn {
	cursor: pointer;
	height: 45px;
	width: 45px;
	line-height: 7px;
	border: 1px solid #ebebeb;
	border-left: 0;
	float: left;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 0 50px 50px 0;
}
.search-box button.search-btn i{
	font-size: 24px;
}
.search-box button.search-btn:hover {
	color:#ee3875;
}
.header-search .search-box input::-webkit-input-placeholder { 
    color:#666;
}
.header-search .search-box input:-moz-placeholder { 
    color:#666;
}
.header-search .search-box input::-moz-placeholder{ 
  	color:#666;
}
.header-search .search-box input:-ms-input-placeholder{ 
    color:#666;
}

/*首页部分*/
/*焦点*/
.focus{ overflow: hidden;}
.focus-center{ padding: 40px 0; width: 90%; margin: auto; max-width: 1200px; text-align: center; border-bottom: 1px solid #eee;}
.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;}
.quick-links-center, .derivative-center{ width: 90%; margin: auto; max-width: 1200px;}
.quick-links-t, .derivative-t{ margin-bottom: 10px; position: relative;}
.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-right: 30px; background-color: #fff; position:relative; text-transform:capitalize; z-index: 1;}
.quick-links-box ul, .derivative-box ul{ font-size: 0;}
.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: #ee3875;}
/*首页中部*/
.mian-contain{ width: 100%; overflow: hidden;}
.subblock{ margin: 40px 0 20px 0;}
.subblock .category{ width: 90%; margin: auto; max-width: 1200px;}
.subblock .category ul{ text-align: left; font-size: 0; }
.subblock .category ul li{ width: 23.5%; margin-right: 1.9%; margin-bottom: 20px; display: inline-block; vertical-align: top;}
.subblock .category ul li:nth-child(2){ width: 46.4%;}
.subblock .category ul li:nth-child(4n){ margin-right: 0;} 
.category-box{ position: relative;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;}
.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: center;
	width: 90%;
	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{ background-color: #f8f9f9; width: 100%; overflow: hidden; padding: 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:#f8f9f9; position:relative; text-transform: uppercase; z-index: 1;}
.featured-products-box-t{ height: 40px; margin: 18px 0 10px 0; overflow: hidden;}
.featured-products-box-t h3{
	font-size: 16px;
	display: table;
	width: 100%;
	text-align: center;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

.featured-products-box-t:hover h3{color: #ee3875;}

.featured-products .owl-buttons {position: absolute;top: -54px;right: 15px; background-color: #f8f9f9;}
.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:50%;
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: #ee3875; }
.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;}
.roll-box .item{ padding: 10px; 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;}
.roll-box .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}

/*首页关于我们*/
.index-about{ margin: 60px 0; overflow: hidden;}
.index-about-center{width: 90%; margin: 0 auto; max-width: 1200px; overflow: hidden;}
.index-about-box{ font-size: 0; overflow: hidden; 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-left: 35px;font-size: 14px;} 
.index-about-r .th{ font-size: 26px; 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: #ee3875;}
.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 {
	color: #fff;
	background-color: #ee3875;
    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: #242424;}



/*热门产品*/
.hot-products{ background-color: #f8f9f9; width: 100%; overflow: hidden; padding: 60px 0;}
.hot-products-center{width: 90%; margin: 0 auto; max-width: 1200px;}
.hot-products-t{ margin-bottom: 10px; 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; color: #404042; line-height: 50px; display: inline-block; padding-right: 30px; background-color:#f8f9f9; position:relative; text-transform: uppercase; z-index: 1;}
.hot-products-box img{ width: 100%;}
.hot-products-text{ height: 40px; margin: 18px 0 10px 0; overflow: hidden;}
.hot-products-text h3{
	font-size: 16px;
	display: table;
	width: 100%;
	text-align: center;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.hot-products-text h3 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;}
.hot-products-text:hover h3 a{color: #ee3875;}

.hot-products .owl-buttons {position: absolute;top: -54px;right: 15px; background-color: #f8f9f9;}
.hot-products .owl-controls .owl-prev, .hot-products .owl-controls .owl-next{ font-size: 0; width: 35px; height: 35px; line-height: 35px; background-color: #efefef; display: inline-block; border-radius:50%;
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;
}
.hot-products .owl-controls .owl-prev:hover, .hot-products .owl-controls .owl-next:hover{ color: #fff; background-color: #ee3875; }
.hot-products .owl-controls .owl-prev{ margin-left: 15px;}
.hot-products .owl-controls .owl-next{ margin-left: 6px;}
.hot-products .owl-controls .owl-prev:before, .hot-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;
}
.hot-products .owl-controls .owl-prev:before {content: "\e7d1"; font-size: 13px;line-height: 35px;}
.hot-products .owl-controls .owl-next:before {content: "\e61a"; line-height: 33px;}
/*首页合并块*/
.index-merge{ width: 90%; max-width: 1170px; margin: auto; font-size:0;}

/*首页新闻*/
.index-news{
	padding: 60px 0;
	overflow: hidden;
}
.index-news-center{width:90%; margin: 0 auto; max-width: 1200px;}
.index-news-t{ margin-bottom: 10px; 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; color: #404042; line-height: 50px; display: inline-block; padding-right: 30px; background-color:#fff; position:relative; text-transform: uppercase; z-index: 1;}
.index-news-box ul{ font-size: 0;} 
.index-news-box ul li{ width: 32%; margin-right: 2%; display: inline-block; vertical-align: top;  margin-bottom: 20px; font-size: 14px;} 
.index-news-box ul li:nth-child(3n+3){ margin-right: 0;}
.index-news-box ul li .item{ position: relative; overflow: hidden; max-width: 500px; margin: auto; font-size:0;} 
.index-news-box ul li .item a{overflow: hidden;} 
.index-news-box-frame{ width: 100%; 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: 16px; line-height: 24px; margin-bottom: 10px;} 
.index-news-box ul li .item .th a:hover{ color: #ee3875;} 
.index-news-box ul li .item p{ font-size: 14px; line-height: 24px;
max-height: 48px;
margin-bottom: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; } 
.index-news-text{ display: block; padding: 10px 0; text-align: center;}
.index-news-text span{ font-size: 14px; display: block; margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee;} 

/*首页案例*/
.index-case{ padding: 60px 0; overflow: hidden;}
.index-case-center{width: 90%; margin: 0 auto; max-width: 1200px;}
.index-case-t{ margin-bottom: 10px; 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; color: #404042; line-height: 50px; display: inline-block; padding-right: 30px; background-color:#fff; position:relative; text-transform: uppercase; z-index: 1;}
.index-case-box{}
.index-case-box img{
	width:100%;
}
.index-case-box ul{ overflow: hidden; font-size: 0;} 
.index-case-box ul li{ width: 48%; margin-right: 4%; display: inline-block; vertical-align: top; font-size: 14px;} 
.index-case-box ul li:nth-child(2n+2){ margin-right: 0;} 
.index-case-box ul li .item{ overflow: hidden; position: relative;}
.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 ul li .item:hover img{ transform: scale(1.1);}
.index-case-text { position: absolute; top: 25%; left: 5%; width: 50%;}
.index-case-box ul li .item .th{ font-size: 18px; line-height: 20px;font-weight: 600; margin: 10px 0;}  
.index-case-box ul li .item .th a:hover{ color: #ee3875;} 
.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: #ee3875;
	color: #fff;
}
/*友情链接*/
.index-links{overflow: hidden;}
.index-links-center{
	width: 90%;
    max-width: 1740px;
    margin: auto;
	z-index: 1;
	padding: 40px 0;
	border-top: 1px solid #ebebeb;
}
.index-links-center .owl-carousel{
}
.index-links-box{ text-align: center; margin: 0 auto; display: table; height: 80px;}
.index-links-box a{ display: table-cell; vertical-align: middle; }
.index-links-box img{ max-width: 100%; opacity:0.5;transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;}
.index-links-box img:hover{ opacity: 1;}
.index-links .owl-controls .owl-prev, .index-links .owl-controls .owl-next{ position: absolute; top: 30%; width: 34px; height: 34px; line-height: 34px; font-size: 0;  background-color: #efefef; display: inline-block; border-radius: 50%; overflow: hidden;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;
}
.index-links .owl-controls .owl-prev:hover, .index-links .owl-controls .owl-next:hover{ background-color: #ee3875; color: #fff;}
.index-links .owl-controls .owl-prev{ left: -20px;}
.index-links .owl-controls .owl-next{ right: -20px;}
.index-links .owl-controls .owl-prev:before, .index-links .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;
}
.index-links .owl-controls .owl-prev:before {content: "\e7d1"; font-size: 13px;line-height: 35px;}
.index-links .owl-controls .owl-next:before {content: "\e61a"; line-height: 32px;}


/*首页部分结束*/

/*内页部分*/
.inner-page-main{ width: 100%; overflow: hidden; background-color: #f6f6f6;}
.inner-page-middle{ width: 90%; margin: 0 auto; max-width: 1200px;}
/*面包屑导航*/
.bread-crumb{width: 100%; margin: 30px 0 10px 0; overflow: hidden;}
.bread-crumb ul{ color: #999; background-color: #fff; padding: 14px 20px;}
.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: #ee3875;}
.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: #ee3875;
	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: #ee3875;}
/*左边*/
.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: #fff;}
.sidebar-title {
    background: #fff;
    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; background-color: #fff; }
.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: #ee3875;}
.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: #ee3875;
	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: #ee3875; 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: #ee3875;}
.sidebar-contact ul li a{ word-break: break-all; display: inline-block;}
.sidebar-contact ul li a:hover{ color: #ee3875;} 
.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: #fff;
}
.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: #f6f6f6;
    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: #f6f6f6;
    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: #ee3875;
}
.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: #ee3875;
    display: inline-block;
    padding: 4px 10px;
	border-radius: 3px;
}
.product-listing .product-image{ overflow: hidden;}
.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: #ee3875;
}
/*产品类别*/
.product-category{}
.product-category li{ width: 100%; margin-bottom: 30px;}
.product-category .product-item{ text-align: left; font-size: 0; position: relative; padding: 20px; background-color: #fff;}
.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: #ee3875;
    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:#ee3875; }
.product-item-text span a {
    line-height: 24px;
    color: #fff;
    background-color: #ee3875;
    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{ background-color: #fff; padding: 20px; 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: #ee3875;
	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: #c87065;
	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{ background-color: #fff; padding: 20px; 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{background: #fff; margin-bottom: 20px;}
.product-information-t h1{font-size: 18px; line-height: 24px; position: relative;}
.product-information-t h1::before {
    background: #eee;
    bottom: -5px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 70px;
}
.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: #ee3875;}
/*附件下载*/
.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: #ee3875;}
/*相关产品*/
.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: #ee3875;
}		
.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: #ee3875;
}
.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: #ee3875;
}


/*侧边新闻*/
.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: #ee3875;}
/*侧边关于我们*/
.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: #ee3875;}

/*新闻列表*/
/*推荐新闻*/
.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; background-color: #fff; padding: 20px;} 
.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: #ee3875;} 
.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: #ee3875;
    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 #ee3875;
    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{background: #fff;padding: 14px 20px; 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: #ee3875;}
.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: #ee3875;}
.news-listing ul{ background-color: #fff; padding: 20px; 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: #ee3875}
.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: #ee3875;
    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 #ee3875;
    background-color: #fff;
    font-size: 20px;
    text-align: center;
    vertical-align: top;
    margin-right: 10px;
} 
/*新闻详情*/
.news-details{
    overflow: hidden;
    padding: 0;
    line-height: 28px;
    font-size: 14px;
	}
.news-details-t{background: #fff;padding: 10px 20px; margin-bottom: 20px;}
.news-details-t h1{font-size: 18px; line-height: 24px;}
.news-details-box{ overflow: hidden; background: #fff; padding: 20px;}
.news-details-time{ width: 100%; display: inline-block; margin-bottom: 20px;}
.news-details-time e{font-size: 14px;background: #fff; padding: 8px 20px;}
/*案例列表*/
.case-listing{}
.case-listing ul{ overflow: hidden; font-size: 0;} 
.case-listing ul li{ width: 100%; display: block; font-size: 14px;} 
.case-listing ul li .item{ background-color: #fff; padding: 30px; 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: #ee3875;} 
.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: #ee3875;
	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: #ee3875;
}
.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: #fff; padding: 12px 30px; margin-bottom: 15px;text-transform: capitalize;}
.site-map-th{ color: #6d6d6d; font-size: 16px; line-height: 30px; background: #fff; border-bottom: 1px dashed #f1f1f1; padding: 8px 30px;}
.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: 10px 30px 0 30px; 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: #ee3875}
/*案例详情,工厂展示,关于我们*/
.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{background: #fff;padding: 14px 20px; margin-bottom: 20px;}
.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{ padding: 20px; background-color: #fff; 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{ background-color: #fff; padding: 20px;}
.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; background-color: #fff; padding: 20px; 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: 30px; position: relative;}
.inner-message .th::before {
    background: #eee;
    bottom: -5px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
	width: 70px;
}
.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: Arial, Helvetica, sans-serif; min-height: 150px;}
.inner-message-row .item button{
	color: #fff;
    font-size: 14px;
    background-color: #ee3875;
    display: block;
    line-height: 30px;
    padding: 8px 25px;
    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;
	border-radius:40px;
}
.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-top: 1px solid #ececec;
    overflow: hidden;
    line-height: 28px;
    font-size: 14px;
    padding: 20px;
	margin-bottom: 30px;
	background-color: #fff;
	}
.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: #ee3875;}

/* 分页 */
.pageNav{font-family:Arial,Helvetica,sans-serif;padding-top:10px;text-align:right}
.pageNav a,
.pageNav span{margin:0 3px;width:28px;height:28px;line-height:28px;background:#e7e7e7;
display:inline-block;*display:inline;*zoom:1;text-align:center}
.pageNav span.info{background:none}
.pageNav a:hover,
.pageNav span.current{background:#ff534f;color:#fff}
.pageNavLeft{text-align:left}
.pageNavCenter{text-align:center}
.pageNavRight{text-align:right}

.notdata{line-height:35px;border:1px dashed #ccc;margin:20px 0;text-align:center}
.notdataw{color:#fff;padding:50px 0}

.loading-wrap{ margin-top:10px;bottom:50px;width:100%;text-align:center;display:none;}
.loading{ position:relative;display:inline-block;padding:5px 5px 5px 50px;line-height:28px;color:#333;font-size:14px;border-radius:5px;background:url(../../../../Public/images/loading.gif) 10px center no-repeat;}

/* 以上为通用样式 */
/*底部*/
.footer-middle{
	padding-top: 40px;
    background-size: cover;
	background-color: #222;
}
.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{ color: #ddd; 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; color: #fff; position: relative;text-transform:capitalize;}
.footer-static-block .th a{color: #fff;}
.footer-static-block .th a:hover{color: #ee3875;}
.footer-block-contant li{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 18px;
	color: #ddd;
}
.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 #ddd;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 5px;
}
.footer-block-contant li a{
	color: #ddd;
}
.footer-block-contant li a:hover{
	color: #ee3875;
}
.footer-secondary{ width: 100%; padding: 20px 0; background-color: #111;}
.footer-secondary-box{ width: 90%; max-width: 1200px; margin: auto;}
.footer-secondary p{  color: #ddd; font-size: 13px; text-align: left; line-height: 18px;}


/*右侧漂浮替换样式*/
.im-l{background-color: #ee3875;box-shadow: 0 0 8px #eaf0f6;}
.im .box{background-color: #ee3875;}
/*返回顶部*/
.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:#ee3875;}
.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-news, .index-case{width: 100%;margin-right: 0;}
.index-news{ padding-bottom: 30px;}
.index-case{ padding-top: 30px;}
.index-case-box ul li .item {margin: 0 0 20px 0;}
/*首页产品分类*/
.category-box-type h2 {
    font-size: 18px;
}
.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){
.main { width: 100%; margin: 0}
.top-fixed {margin-top: 0\0;}
.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, .index-about-r { width: 100%;}
.index-about-r .th { font-size: 20px; line-height: 30px;}
.index-about-l .th {font-size: 20px; margin-right: 0;line-height: 30px;}
.index-about-text { padding: 20px 0 0 0;}
.index-case-box ul li {width: 100%;}


.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;}
.subblock .category ul li:nth-child(3n+3){margin-right: auto;}

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

.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%;}
}

.qeclass{
	width:100px;
	height:100px;
	border:4px solid #fff;
}
/*右侧漂浮*/
@media screen and (min-width:768px){
.im{ width:92px; position: fixed; right: -60px; top: 250px; transition:right 0.5s; bottom: auto; z-index: 11;}
}