@charset "utf-8";
/*整体布局样式*/
html,body{
	font-family: Rubik, Arial, Helvetica, 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;
}
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden;}
.clearfix {*zoom:1;}
article, aside, footer, header, nav, section {
    display: block;
}
@font-face {
	font-family: "Rubik";
	src: url('../fonts/rubik-regular.ttf'),
     url('../fonts/rubik-regular.eot'); /* IE9+ */
}

/*清除苹果按钮格式*/
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%;    height: 140px;
	background-image: url(../images/bg-10.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.header-top{
	align-items: center;
	border-bottom: 1px solid #3d3d3f;
	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; color:#fff; margin: 0 12px 10px 0; line-height: 24px;}
.header-contact ul li a{ color: #fff; display: inline-block; vertical-align: middle;}
.header-contact ul li i{ display: inline-block; margin-right: 5px; vertical-align: middle; color:#fff;}
.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{ color: #fff; 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: #f38000;}
/*语言选择开始*/
.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{ color: #fff; 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: #f38000; }
.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: #f38000;}
.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%;
}
/*头部中间*/
.header-middle{ width: 100%; }
.header-middle .header-inner{}
.header-middle .header-logo{ float: left;    margin: 8px 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: #fff;
    border: 0;
	background-color: rgba(255, 255, 255, 0.1);
    padding: 0 18px;
	line-height: 45px;
	float: left;
	height: 45px;
	border-radius: 50px 0 0 50px;
}
.search-box button.search-btn {
	color: #f38000;
	cursor: pointer;
	height: 45px;
	width: 45px;
	line-height: 7px;
	border: none;
	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: #fff;
}
.header-search .search-box input::-webkit-input-placeholder { 
    color: #fff;
}
.header-search .search-box input:-moz-placeholder { 
    color: #fff;
}
.header-search .search-box input::-moz-placeholder{ 
  	color: #fff;
}
.header-search .search-box input:-ms-input-placeholder{ 
    color: #fff;
}
.yz{ display: none; }

/*首页部分*/
/*焦点*/
.focus{ padding: 40px 0; overflow: hidden; background-color: #f6f6f6;}
.focus-center{ width: 90%; margin: auto; max-width: 900px; text-align: center;}
.focus-center h1{     font-size: 23px;
    line-height: 30px;
    padding-bottom: 14px;
    text-transform: uppercase;}
.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: #f38000;}
/*首页中部*/
.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; }
.subblock .category ul li{ width: 32%; margin-right: 2%; margin-bottom: 20px; display: inline-block;}
.subblock .category ul li:nth-child(3){ 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: 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: #f38000;}
.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: #f38000; }
.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: 15px 0; overflow: hidden;    background-image: url(../images/bg-11.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
.index-about-center{width: 90%; margin:40px 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: 700; 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: #f38000;}
.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{
 filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    background: #f78601;
    background: -moz-linear-gradient(top, #ffcf95, #f78601);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffcf95), to(#f78601));
    background: -o-linear-gradient(top, red, rgba(0, 0, 255, 0.5));
	color: #fff;
}



/*热门产品*/
.hot-products{ margin: 15px 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 #f38000; color: #f38000;}
.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: #f38000;}

/*首页新闻*/
.index-news{
	padding: 30px 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
	background-color: #f9f9f9;
}
.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: #f9f9f9; text-transform:capitalize; position: relative; z-index: 1; border: 2px solid #f38000; color: #f38000;}
.index-news-box ul{ font-size: 0;} 
.index-news-box ul li{ width: 32%; display: inline-block; vertical-align: top; margin-right: 2%; 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;} 
.index-news-box ul li .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} 
.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: #f38000;} 
.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: #f38000; position: absolute; top: 0; left: 0; display: inline-block; } 
.index-news-box ul li .item span b{ width: 40px; height: 40px; line-height: 40px; display: inline-block; border: 1px solid #f38000; background-color: #fff; font-size: 20px; text-align: center; vertical-align: top; margin-right: 10px;} 

.news_more{     filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    background: #f78601;
    background: -moz-linear-gradient(top, #ffcf95, #f78601);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffcf95), to(#f78601));
    background: -o-linear-gradient(top, red, rgba(0, 0, 255, 0.5));
    color: #fff;
    display: table;
    margin: 40px auto 20px;
    padding: 12px 18px;}

/*首页案例*/
.index-case{ margin: 35px 0 0px; 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 #f38000; color: #f38000;}
.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{ background-color: #fff; padding: 25px; margin: 15px 15px 15px 15px; border-radius:4px; overflow: hidden;}
.index-case-box ul li .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} 
.index-case-box ul li .item h3{    text-transform: uppercase;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 16px;}
.index-case-box-frame{ width: 44%; float: left; margin-right: 20px; overflow: hidden;}
.index-case-box-frame img{ 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: #f38000;} 
.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{
 filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    background: #f78601;
    background: -moz-linear-gradient(top, #ffcf95, #f78601);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffcf95), to(#f78601));
    background: -o-linear-gradient(top, red, rgba(0, 0, 255, 0.5));
	color: #fff;
}
/*首页部分结束*/

/*内页部分*/
.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 a{ font-size: 14px; line-height: 24px; display: inline-block; vertical-align: middle; margin-right: 8px;}
.bread-crumb ul a{ color: #999;}
.bread-crumb ul li a:hover{ color: #f38000;}
.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: #f38000;
	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: #f38000;}
/*左边*/
.inner-page-l{ width: 26%; float: right; margin-bottom: 40px;}
.inner-page-r{ width: 71%; float: left; margin-bottom: 40px;}
/*侧边*/
.sidebar-block{ 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: #f38000;}
.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: #f38000;
	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: #f38000; 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: #f38000;}
.sidebar-contact ul li a{ word-break: break-all; display: inline-block;}
.sidebar-contact ul li a:hover{ color: #f38000;} 
.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; }
.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: #f38000;
}
.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: #f38000;
    display: inline-block;
    padding: 4px 10px;
}
.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: #000;
}
/*产品类别*/
.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: #f38000;
    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:#f38000; }
.product-item-text span a {
    line-height: 24px;
    color: #fff;
    background-color: #f38000;
    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: 30px; 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: #f38000;
	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: #f38000;
	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: 30px; 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 {
    position: absolute;
    bottom: 16px;
    right: 16px;
}
/*表格手机端滑动*/
.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: #f38000;}
/*附件下载*/
.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: #f38000;}
/*相关产品*/
.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: 15px;}
.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: #f38000;
}		
.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: #f38000;
}
.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: #f38000;
}


/*侧边新闻*/
.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: #f38000;}
/*侧边关于我们*/
.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: #f38000;}
.sidebar-about ul li a.cur{ color: #f38000;}
/*新闻列表*/
/*推荐新闻*/
.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: 30px;} 
.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: #f38000;} 
.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: #f38000;
    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 #f38000;
    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 30px; 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: #f38000;}
.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: #f38000;}
.news-listing ul{ background-color: #fff; padding: 30px; 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: #f38000}
.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: #f38000;
    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 #f38000;
    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: 14px 30px;margin-bottom: 20px;}
.news-details-t h1{ color: #666; font-size: 18px; line-height: 24px;}
.news-details-box{ overflow: hidden; background-color: #fff; padding: 30px;}
.news-details-time{ width: 100%; display: inline-block; margin-bottom: 20px; }
.news-details-time e{font-size: 14px;background: #fff;padding: 8px 30px;}
/*案例列表*/
.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: 26px 20px;
    overflow: hidden;
    border-bottom: 1px #e6e6e6 solid;}
.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: #f38000;} 
.case-listing ul li .item p{
	    font-size: 14px;
    line-height: 26px;
    max-height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 18px;
    color: #666666;
} 
.case-listing ul li .item span {
    display: block;
}
.case-listing ul li .item span.date{  color: #666666;} 
.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: #f38000;
	color: #fff;
}

.p_nav{ background:#fff;    padding: 24px 20px;}
.p_top{}
.p_top ul{}
.p_top ul li{    float: left;
    font-size: 20px;
    line-height: 24px;
    margin-right: 26px;
   }
.p_top ul li:hover,.p_top ul li.cur{ background: #0cf;
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    background: #f78601;
    background: -moz-linear-gradient(top, #ffcf95, #f78601);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffcf95), to(#f78601));
    background: -o-linear-gradient(top, red, rgba(0, 0, 255, 0.5));}
.p_top ul li a{    padding: 10px 20px;
    display: block;}
.p_top ul li:hover a,.p_top ul li.cur a{ color:#fff;}

.p_top2{margin-top: 18px;}
.p_top2 ul{}
.p_top2 ul li{    float: left;
    color: #666;
    font-size: 16px;
    margin-right: 15px;
    background: #f6f6f6;
    margin: 9px 18px 9px 0px;}
.p_top2 ul li a{    padding: 8px 18px;
    display: block;}
.p_top2 ul li:hover a{ color:#f38000;}
.p_top2 ul li a.cur{ color:#f38000;}

.p_list{ background:#fff;  margin-top:24px;}
.p_list ul{}
.p_list ul li{    float: left;
    width: 32%;
    overflow: hidden;
    margin-right: 2%;
    background: #eeeeee;    margin-bottom: 22px;
}
.p_list ul li:nth-of-type(3n){margin-right: 0;}
.p_list ul li .img{    width: 100%;
    overflow: hidden;}
.p_list ul .img img{    width: 100%;}
.p_list ul .tit{    font-size: 15px;
    line-height: 24px;
    color: #333;
    padding: 14px 10px;}
.p_list ul .tit p{}
.p_list ul .tit span{}
.p_list ul li:hover .tit{background: #0cf; color:#fff;
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    background: #f78601;
    background: -moz-linear-gradient(top, #ffcf95, #f78601);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffcf95), to(#f78601));
    background: -o-linear-gradient(top, red, rgba(0, 0, 255, 0.5));}

.pro_top{    background: #fff;    position: relative;
    padding: 20px;}
.pro_top .fl{    width: 44%;
    overflow: hidden;
    float: left;}
.pro_top .fl img{    width: 100%;}
.pro_top .fr{    float: right;
    width: 52%;}
.pro_top .fr .tit{    font-size: 30px;
    line-height: 40px;
    color: #333333;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;}
.pro_top .fr .com{    margin: 20px 0px;}
.pro_top .fr .com ul{}
.pro_top .fr .com ul li{    font-size: 15px;
    line-height: 36px;}
.pro_top .fr .com ul li span{    color: #f38000;}

.pro_top .fr .com .tel{      position: absolute;
    bottom: 20px;}
.pro_top .fr .com .tel p{}
.pro_top .fr .com .tel p span{    font-size: 22px;
    color: #f38000;}
.pro_top .fr .com .tel p a{      display: block;
    width: 110px;
    margin-top: 20px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    background: #f78601;
    background: -moz-linear-gradient(top, #ffcf95, #f78601);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffcf95), to(#f78601));
    background: -o-linear-gradient(top, red, rgba(0, 0, 255, 0.5));
    color: #fff;}

.pro_nei{ background:#fff; padding:24px 20px; margin-top:24px;}
.pro_nei img{ max-width: 100%; }
.pro_more{ margin-top:24px;}
.pro_more li{      float: left;
    width: 23%;
    margin-right: 2.6%;
    overflow: hidden;
    background: #fff;}
.pro_more li .img{    width: 100%;}
.pro_more li .img img{    width: 100%;}
.pro_more li .com{ padding: 12px;}
.pro_more li .com p{   }
.pro_more li .com span{    text-align: center;
    display: block;
    margin-top: 6px;}
.pro_more li:nth-of-type(4){margin-right: 0;}


/* 本例子css */
		.slideTxtBox{ width:100%;  text-align:left;  }
		.slideTxtBox .hd{ height:64px; position:relative; }
		.slideTxtBox .hd ul{}
		.slideTxtBox .hd ul li{     display: inline-block;
    outline: 0;    width: 30%;
    border: solid 1px #cecbc5;
    box-shadow: none;
    cursor: pointer;
    margin: 0;    position: relative;
    font: inherit;    text-align: center;
    font-weight: 400;
    color: #333;
        padding: 16px 16px;
    text-transform: uppercase;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 1%, #e3e3e3 100%);
    background: -webkit-linear-gradient(top, #fff 1%, #e3e3e3 100%);
    background: linear-gradient(to bottom, #fff 1%, #e3e3e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); }
		.slideTxtBox .hd ul li.on{    color: #fff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffcf95), to(#f78601));
    border: solid 1px #fcb330;}
	.slideTxtBox .hd ul li.on:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 0;
    height: 0;
    border-top: solid 10px #fcb330;
    border-bottom: solid 10px transparent;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
		.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
		.slideTxtBox .bd li{ height:24px; line-height:24px;   }
		.slideTxtBox .bd li .date{ float:right; color:#999;  }


/*证书展示*/
.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: #f38000;
}
.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: #f38000}
/*案例详情,工厂展示,关于我们*/
.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{ font-size: 18px; line-height: 24px;}
.case-details-box, .factory-details-box, .about-details-box{ padding: 30px; background-color: #fff;     min-height: 200px;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: 30px;}
.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: 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: 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: #f38000;
    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-top: 1px solid #ececec;
    overflow: hidden;
    line-height: 28px;
    font-size: 14px;
    padding: 20px 30px;
	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: #f38000;}

/*购物*/
.shopping-page{ padding: 25px; background-color:#fff; margin: 30px 0;}
.shopping-table-t{  background-color: #fff; margin-bottom: 20px;}
.shopping-table-t h3{ font-size: 18px; line-height: 30px; display: inline-block; padding: 4px 0;}
.shopping-table-t .shopping-list{ float: right;}
.shopping-list-cart{
	color: #f38000; font-size: 14px; line-height: 28px; padding: 4px 15px; border: 1px solid #f38000; display: inline-block; position: relative; white-space: pre; border-radius: 3px;margin-left: 10px;
	transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;}
.shopping-list-cart i{ font-weight: bold; font-size: 18px; margin-right: 5px; vertical-align: middle; }
.shopping-list-cart.go-to-pay{ color: #fff; background-color: #f38000; }
.shopping-list-cart:hover{ color: #fff; background-color: #242424; border: 1px solid #242424;}
.shopping-list-cart:active{ background-color: #f38000;}
.shopping-list-cart #sp_num{ font-size: 12px; color: #fff; background-color: #F30; line-height: 18px; position: absolute; top: -5px; right: -5px; text-align: center; width: 18px; height: 18px; border-radius: 50%; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.shopping-list #in_num{color: #f38000; margin: 0 5px;}
.shopping-table{ width: 100%; overflow: auto;}
.shopping-table table{font-size: 14px; width: 100%; border-collapse: collapse; text-align: center;}
.shopping-table tr{ background-color: #fff; word-break:break-all;}
.shopping-table tr:hover{ background-color: #faf9f9;}
.shopping-table tr th{ white-space: pre;}
.shopping-table th, .shopping-table td{
	padding:15px 10px;
	border:1px solid #ebebeb;
	vertical-align:middle;
}
.shopping-table .jian, .shopping-table .jia{
	font-size: 18px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background-color: #f38000;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	cursor:pointer;
	transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
}
.shopping-table .jian:hover, .shopping-table .jia:hover{
	color: #fff;
	background-color: #666;
}
.shopping-table .jian:active, .shopping-table .jia:active{
	background-color: #f38000;
}
.shopping-table .lskdo{
	text-align: centers;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ececec;
	padding: 5px;
	width: 60px;
}
.shopping-cart{ color: #fff; font-size: 14px; line-height: 28px; padding: 4px 15px; background-color: #f38000;display: inline-block; position: relative; white-space: pre; border-radius: 3px;
transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;}
.shopping-cart.not{background-color: #ececec;cursor:default;}
.shopping-cart i{ font-weight: bold; font-size: 18px; margin-right: 5px; }
.shopping-cart:hover{ background-color: #242424;}
.shopping-cart:active{background-color: #F60;}
.shopping-cart.not:hover{background-color: #ececec;}
.shopping-cart e{ font-size: 12px; color: #fff; background-color: #F30; line-height: 18px; position: absolute; top: -5px; right: -5px; text-align: center; width: 18px; height: 18px; border-radius: 50%; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
/*底部*/
.footer-middle{
	padding-top: 10px;
	background-image: url(../images/bg-12.jpg);
	background-position: center center;
    background-size: cover;
	background-color: #1c1d21;
}
.footer-content{width: 90%; margin: 0 auto; max-width: 1200px; overflow: hidden; font-size: 0;}
.footer-main{ margin: 20px 0 0px;}
.footer-content .item{ width: 25%; display: inline-block; font-size: 14px; vertical-align: top; margin-bottom: 6px;}
.footer-content .item.footer-contactus{ width: 48%; }
.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;}
.footer-static-block .th a{color: #fff;}
.footer-static-block .th a:hover{color: #f38000;}
.footer-block-contant li{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 12px;
	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: #f38000;
}
.footer-secondary{ width: 100%; padding: 10px 0; border-top: 1px solid #27292a;}
.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: #f38000;box-shadow: 0 0 8px #eaf0f6;}
.im .box{background-color: #f38000;}
/*返回顶部*/
.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:#f38000;}
.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 .item {margin: 0 0 8px 0;padding: 6px;}
/*首页产品分类*/
.category-box-type h2 {
    font-size: 18px;
}
.index-about-box, .index-about-text {
       padding: 12px;
}
.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){
	.yz{ display: block; }
	.pz{ display: none; }
.header-inner .social-link{float: left;margin: 0 0px 10px 0;}
.header-inner .social-link a{margin-left: 0; margin-right: 5px;}
.language {float: left;}
.header-middle .header-logo {     width: 60%;
    max-width: none;
    margin: 0px 0;}
	.main-nav {
    float: none; 
}
.header-inner {
    width: 94%;}
.header-contact ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #fff;
    margin: 0 8px 10px 0;
    line-height: 24px;
}
.pro_top .fl {
    width: 100%;
}
.pro_top .fr {
    width: 100%;
}
.pro_top .fr .tit {
    font-size: 20px;
    line-height: 28px;
    color: #333333;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
    padding-top: 12px;
}
.index-about-center {
    margin: 14px auto;}
.header-box {
    width: 100%;
    height: auto;}
.pro_top .fr .com .tel {
    position: relative;
     bottom: 0px; 
}
.index-news-box-frame{ display: none; }
.index-news-box ul li .item {
    padding: 10px 12px;}
    .index-news-time {
    margin-top: 5px;}
.index-case-box ul li .item h3 {
    text-transform: capitalize;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: 200;  display:-webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
}
.p_top ul li a {
    padding: 5px 5px;
    display: block;
    font-size: 14px;
}
.p_top2 ul li {
    float: left;
    color: #666;
    font-size: 14px;
    margin-right: 0px;
    background: #f6f6f6;
    margin: 0px 0px 8px 0px;
    width: 100%;
}
.p_top2 ul li a {
    padding: 8px 12px;
    display: block;
}
.p_list ul .tit p{display: -webkit-box;   
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
    .pro_nei {
    background: #fff;
    padding: 15px 15px;
    margin-top: 18px;
}
.slideTxtBox .hd ul li {
    display: inline-block;
    outline: 0;
    width: 33%;
    padding: 6px 0px 0px 0px;
    font-size: 13px;
    height: 40px;    border:none;
}
.p_list ul .tit {
    line-height: 20px;
    padding: 8px 10px;    height: 60px;
}
.pro_more{ display: none; }
.inner-page-middle {
    width: 95%;}
.subblock {
    margin: 15px 0;
}
.hot-products {
    margin: 4px 0;
    overflow: hidden;
}
.index-about {
    background-color: #f6f6f6;
    margin: 2px 0;}
 .index-news-box ul li {
    margin: 0 0 12px 0;
}
.footer-main {
    margin: 0px 0;
}
.footer-middle {
    padding-top: 28px;}
    .footer-static-block {
    margin-right: 0px;
}
.footer-static-block .th {
      margin-bottom: 8px;}
.main-menu-btn {
  margin: 22px 0px 0px 0px;
}
.footer-block-contant li {
    margin-bottom: 12px;}
    .footer-content .item {
    margin-bottom: 0px;
}
.footer-secondary {
    width: 100%;
    padding: 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{ 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;}

.index-about-l, .index-about-r { width: 100%;}
.index-about-r .th {     font-size: 16px;    margin-bottom: 5px;
    line-height: 22px;}
    .index-case {
    margin: 18px 0;}
    .index-news {
    padding: 15px 0;}
    .news_more{      margin: 0px auto 4px;}
.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 10px 0;}
.footer-content .item, .footer-content .item.footer-contactus{ width: 100%; }
.footer-content .key-words{ display:none;} 
.index-case-box-frame {width: 100%; margin: 0 0 10px 0; float: none; max-width: 500px;}

.index-about-r p {
    font-size: 14px;
    line-height: 24px;
display:-webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
    margin-bottom: 14px;
}

/*联系我们表格*/
.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%;}
.p_list ul li {
    float: left;
    width: 49%;    margin-bottom: 14px;
}
.p_list ul li:nth-of-type(2n) {
   margin-right: 0%;
}
.p_list ul li:nth-of-type(3n) {
 margin-right: 2%;
}
}
/*右侧漂浮*/
@media screen and (min-width:768px){
.im{ width:92px; position: fixed; right: -60px; top: 250px; transition:right 0.5s; bottom: auto; z-index: 11;}
}