@charset "utf-8";
/*整体布局样式*/
html,body{
	font-family: Arial, Helvetica, sans-serif;
	background:white;
	text-align:left;
	color: #363f4d; font-size:14px;
}
*{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, caption, 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: #363f4d;}
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;
}

h1, h2, h3, h4, h5, h6{font-family: Arial, Helvetica, sans-serif;font-size: 100%;}

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

.main{ background-color: #fff;}


/*网页头部开始*/
header {position: relative; z-index: 3;}
.header-box{ width: 100%;}
.header-top{
	align-items: center;
	padding-top: 10px;
	background-color: #28a8af;
}
.header-inner{ width: 90%; margin: auto; max-width: 1740px; 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: 14px; 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 a:hover{ color: #1b2839;}
.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;}
/*顶部社交*/
.social-link{ float: right; }
.social-link a{ color: #fff; margin-left: 5px; float: left; display: inline-block;  width: 35px; height: 35px; line-height: 35px; text-align: center;border-radius: 50%;}
.social-link a i{ font-size: 18px; color: #fff;}
/*.social-link a.facebook i{ color: #4267b2;}
.social-link a.twitter i{ color: #02b0e8;}
.social-link a.google-plus i{ color: #f2623b;}
.social-link a.linkedin i{ color: #0094d3;}
.social-link a.skype i{ color: #00aff0;}
.social-link a.youTube i{ color: #ff011d;}
.social-link a.pinterest i{ color: #ce2125;}
.social-link a.instagram i{ color: #cc3893;}
.social-link a:hover{ background-color: #28a8af;}*/
.social-link a:hover{ background-color: #28a8af;}
/*语言选择开始*/
.language{float: right; margin-bottom: 8px;}
.language .cur{cursor: pointer;  position: relative; padding: 3px 5px 1px 3px; background-color: #fff; margin-right: 10px;}
.language .cur e{ color: #555; font-size: 12px; line-height: 20px; padding-left: 0px; height: 20px; display: block;}
.language .cur e i{font-weight: bold;font-size: 12px;margin-left: 3px;}
.language .cur e img{padding-right:5px;}
.language .cur:hover e{color: #ff3b23; }
.language ul.language-list{
	max-height: 400px;
    overflow: auto;
	position:absolute;
	z-index: 2;
	top: 24px;
	right: 0;
	list-style-type: none;
	background-color: #fff;
	font-size: 12px;
	height: 0;
	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;padding:  0 0 0 5px; float: left; width: 100%;white-space:nowrap;}
.language ul.language-list li a img{padding-right:5px;}
.language ul.language-list li:hover{background-color: #28a8af;}
.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 -484px;}
.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;}
.language e.te, .language ul.language-list li a.te{background-position: 0 -859px;}
.language e.ta, .language ul.language-list li a.ta{background-position: 0 -880px;}
.language e.sr, .language ul.language-list li a.sr{background-position: 0 -902px;}
.language e.tl, .language ul.language-list li a.tl{background-position: 0 -924px;}
.language e.is, .language ul.language-list li a.is{background-position: 0 -946px;}
.language e.ca, .language ul.language-list li a.ca{background-position: 0 -968px;}
/*@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%; background-color: #fff; display: inline-block; padding: 8px 0;transition: ease all 0.4s; 
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;
}
.header-middle .header-logo{ float: left; max-width: 24%;}
.header-middle.top-fixed { padding: 5px 0; box-shadow: 0 1px 3px rgba(0,0,0,0.11); }
.header-logo-box{ height: 80px; display: table;}
.header-logo-box a{ display: table-cell; vertical-align: middle;}
.header-logo-box a img{ display: block; max-height: 80px;max-width:100%;}
/*头部格言*/
.header-middle .company-motto{ margin: 15px 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;}
/*底部格言*/
.company-motto-f{
	background-image: url(../images/motto_bg.jpg);
	background-repeat: repeat scroll center center;
}
.company-motto-f-center{ width: 90%; max-width: 1200px; margin: auto; padding: 50px 0;}
.company-motto-f-center p{ color: #fff; font-size: 30px; line-height: 40px; text-align: center;}
/*头部搜索*/
.header-search{ float: right; margin-bottom: 10px;}
.header-search .search-box input.input-text {
    padding: 2px 8px;
	line-height: 20px;
	float: left;
	height: 20px;
	height: 24px\0;
	background-color: #fff;
	border: 0;
}
.search-box button.search-btn {
	color: #fff;
	cursor: pointer;
	height: 24px;
	width: 30px;
	border: none;
	float: left;
	background: rgba(0,0,0,0.2);
}

/*首页部分*/
/*导航栏*/
.sm{box-sizing:border-box;position:relative;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
.main-nav {
	padding: 0 10px;
	background-color: #28a8af;
}
.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}
.nav-brand {
  float: left;
  margin: 0;
}
.nav-brand a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #fff;
  font-size: 22px;
  font-weight: normal;
  line-height: 29px;
  text-decoration: none;
}
#main-menu {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#main-menu:before {
  content: '';
  display: block;
  height: 1px;
  overflow: hidden;
  background: #fff;
}
@media (min-width: 992px) {
#main-menu:before {display: none;}
}
.main-menu-btn {
  float: right;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
#main-menu-state:not(:checked) ~ #main-menu {display: none;}
#main-menu-state:checked ~ #main-menu {display: block;}
@media (min-width: 992px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: table;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
  }
}
.demo-text {margin: 3em 22px;}
.demo-text p {margin-bottom: 1em;}
.demo-text a {color: #999;}
.sm-blue {
	max-height:400px;
	background: transparent;
	overflow: auto;
}
.sm-blue li a{ padding: 10px;}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  /* make room for the toggle button (sub indicator) */
  color: #fff;
  font-size: 13px;
  line-height: 23px;
  text-decoration: none;
}
.sm-blue a.disabled {color: #a1d1e8;}
.sm-blue a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.sm-blue a .sub-arrow::before {content: '+';}
.sm-blue a.highlighted .sub-arrow::before {content: '-';}
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {border-radius: 0;}
.sm-blue ul {background: #fff;}
.sm-blue ul ul {background: rgba(102, 102, 102, 0.1);}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
  background: transparent;
  color: #2b82ac;
  font-size: 13px;
  text-shadow: none;
  border-left: 8px solid transparent;
}
.sm-blue ul a.current {
  background: #006892;
  background-image: linear-gradient(to bottom, #006188, #006f9c);
  color: #fff;
}
.sm-blue ul a.disabled {color: #b3b3b3;}
.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}
.sm-blue ul li {border-top: 1px solid rgba(0, 0, 0, 0.05);}
.sm-blue ul li:first-child {border-top: 0;}

@media (min-width: 992px) {
/* start... (it's not recommended editing these rules) */
.main-nav{ float: right; width: 74%; margin: 7px 0; background-color: #fff; padding: 0;}
.sm-blue ul {
	border-top: 2px solid #28a8af;
	top: 64px;
    position: absolute;
    width: 12em;
}
.sm-blue > li {
	display: table-cell;
	height: 64px;
	vertical-align: middle;
	padding: 0 10px;
	text-align: center;
}
.sm-blue > li > a { padding: 0; position:relative;text-transform:uppercase; font-weight: 600; letter-spacing: 0.5px;}
.sm-blue.sm-rtl li {float: right;}
.sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {float: none;}
.sm-blue ul a, .sm-blue.sm-vertical a {white-space: normal;}
.sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {white-space: nowrap;font-size: 14px;}

.sm-blue a{color: #363f4d;}
.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {color: #28a8af;}
.sm-blue > li.current > a {color: #28a8af;}
.sm-blue a.disabled {color: #000;}
.sm-blue a:hover .sub-arrow, .sm-blue .highlighted .sub-arrow, .sm-blue > .current > a .sub-arrow{border-color: #28a8af transparent transparent transparent;}
.sm-blue ul a:hover .sub-arrow, .sm-blue ul .highlighted .sub-arrow{ border-color: transparent transparent transparent #28a8af;}
.sm-blue a .sub-arrow {
position: static;
width: 0;
height: 0;
margin-top: 0;
border-width: 5px;
border-style: solid dashed dashed dashed;
border-color: #333 transparent transparent transparent;
background: transparent;
border-radius: 0;
display: inline-block;
margin-left: 5px;
}
.sm-blue a .sub-arrow::before {display: none;}
.sm-blue > li:first-child {border-left: 0;}
.sm-blue ul {
padding: 7px 0;
background: #fff;
border-radius: 0 0 4px 4px !important;
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
}
.sm-blue ul ul {
border-radius: 4px !important;
background: #fff;
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
border: 0 !important;
padding: 9px 23px;
background: transparent;
color: #666;
border-radius: 0 !important;
}
.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {color: #28a8af;}
.sm-blue ul a.current {color: #28a8af;}
.sm-blue ul a.disabled {background: #fff;color: #b3b3b3;}
.sm-blue ul a .sub-arrow {
top: 50%;
margin-top: -5px;
bottom: auto;
left: auto;
margin-left: 10;
right: 10px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #666;
}
.sm-blue ul li {border: 0;}
.sm-blue .scroll-up,
.sm-blue .scroll-down {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
background: #fff;
height: 20px;
}
.sm-blue .scroll-up-arrow,
.sm-blue .scroll-down-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border-width: 8px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #2b82ac transparent;
}
.sm-blue .scroll-down-arrow {
top: 6px;
border-style: solid dashed dashed dashed;
border-color: #2b82ac transparent transparent transparent;
}
.sm-blue.sm-rtl.sm-vertical a .sub-arrow {
right: auto;
left: 10px;
border-style: dashed solid dashed dashed;
border-color: transparent #a1d1e8 transparent transparent;
}
.sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {border-radius: 0 8px 8px 0;}
.sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a {border-radius: 8px 0 0 8px !important;}
.sm-blue.sm-rtl > li:first-child {border-left: 1px solid #2b82ac;}
.sm-blue.sm-rtl > li:last-child {border-left: 0;}
.sm-blue.sm-rtl ul a .sub-arrow {
right: auto;
left: 10px;
border-style: dashed solid dashed dashed;
border-color: transparent #a1d1e8 transparent transparent;
}
.sm-blue.sm-vertical {box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
.sm-blue.sm-vertical a {padding: 9px 23px;}
.sm-blue.sm-vertical a .sub-arrow {
top: 50%;
margin-top: -5px;
bottom: auto;
left: auto;
margin-left: 0;
right: 10px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #a1d1e8;}
.sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {border-radius: 8px 8px 0 0;}
.sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {border-radius: 0 0 8px 8px !important;}
.sm-blue.sm-vertical > li {border-left: 0 !important;}
.sm-blue.sm-vertical ul {border-radius: 4px !important;}
.sm-blue.sm-vertical ul a {padding: 9px 23px;}
}
/*banner*/
.banner_sy{
	background-color: #fff;
}
.slides{
	text-align: center;
	overflow: hidden;
	display: block;
}
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {list-style: none;z-index: 2;} 

.flexslider {
	width: 100%;
	overflow: hidden;
	position: relative;
	zoom: 1;
	z-index: 2;
}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {display: none;position: relative;}
.flexslider .slides > li:nth-child(2n+2) .banner-text-c .itme {
    position: absolute;
    top: 30%;
	left: auto;
    right: 0;
    width: 50%;
    text-align: left;
}
.flexslider .slides img {
	width: 100%;
	display: block;
	text-align: center;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}

/* Direction Nav */
.flex-direction-nav{ width:100%; }
.flex-direction-nav li{position: absolute; bottom: 45%;}
.flex-direction-nav li:nth-child(1){ left:15px;}
.flex-direction-nav li:nth-child(2){ right:15px;}
.flex-direction-nav li a {
	width: 45px;
	height: 45px;
	margin: -13px 0 0;
	display: block;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	background-position: 0 0;
	z-index: 1;
	font-size: 0;
	text-align: center;
	background-color: #e1e1e1;
	filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
	-moz-opacity:0; /*Firefox私有，透明度50%*/
	opacity:0;/*其他，透明度50%*/
	transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;
}
.flexslider:hover a.next, .flexslider:hover a.prev{
	filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
	-moz-opacity:1; /*Firefox私有，透明度50%*/
	opacity:1;/*其他，透明度50%*/
	
}
.flexslider a.prev{transform: rotateY(180deg);}
.flex-direction-nav li a.next:before,.flex-direction-nav li a.prev:before {
	font-family: "iconfont" !important;
	content: "\e61a";
    font-style: normal;
    font-weight: bold;
    speak: none;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-size: 16px;
	color: #fff;
	line-height: 46px;
}
.flex-direction-nav li a:hover{
	background-color: #28a8af;
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 2%;
	text-align: center;
	overflow: hidden;
	height: 20px;
}
.flex-control-nav li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0px 5px 0px 5px;
	vertical-align: middle;
}

.flex-control-nav li a {
	width: 8px;
	height: 8px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	background-color: #ececec;
	border: 2px solid #FFF;
	border-radius: 50%;
}
.flex-control-nav li a:hover {
	background-color: #CCC;
}
.flex-control-nav li a.active {
	width: 14px;
	height: 14px;
	cursor: default;
	background-color: #28a8af;
}

/*文字*/
.banner-text{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.banner-text-c{ width: 90%; height: 100%; max-width: 1170px; margin: auto; position: relative;}
.banner-text-c .itme{ position: absolute; top: 30%; left: 0; width: 50%; text-align: left; }
.banner-text-c .itme .th{
	font-family: Montserrat;
	font-size: 38px;
    color: #1b2839;
    font-weight: 400;
	margin-bottom: 10px;
	}
.banner-text-c .itme p{
	font-family: Montserrat;
	color: #1b2839;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: 48px;
}
.banner-text-c .itme span a{
    position: relative;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    padding: 8px 30px;
    background: transparent;
    display: inline-block;
	background-color: #28a8af;
	transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;
}
.banner-text-c .itme span a:hover{
	background-color: #30c7cf;
}
/*焦点*/
.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: 22px; line-height: 30px; padding-bottom: 10px;}
.focus-center p{ font-size: 14px; line-height: 28px;}
/*快速链接,派生词*/
.quick-links{ padding: 40px 0; overflow: hidden; background-color: #f6f6f6;}
.quick-links-center, .derivative-center{ width: 90%; margin: auto; max-width: 1740px;}
.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: #28a8af;}
/*首页中部*/
.mian-contain{ width: 100%; overflow: hidden;}
.subblock{ padding-bottom: 40px;}
.subblock .category{ width: 100%; margin: auto; }
.subblock .category ul{ text-align: left; font-size: 0; margin: 0 -0.05%}
.subblock .category ul li{ width:33.3%;display: inline-block; vertical-align: top;}
.category-box{
	position: relative; background-color: #fff; overflow: hidden;
	margin: 0 auto 15px auto;
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::before {
    height: 100%;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.category-box::before  {
    background-color: #a0a0a0;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    opacity: 0.30;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 0;
}
.category-box:hover::after {
    height: 100%;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.category-box::after {
    background-color: #000;
    bottom: 0;
    content: "";
    height: 0;
    opacity: 0.30;
    position: absolute;
    right: 0;
    transition: all 0.4s ease 0s;
    width: 0;
}
.category-box-zoom{
	overflow: hidden;
	display: block;
	}
.category-box a img{
    overflow: hidden;
	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;
}
.category-box-detail{
	position: absolute;
	color: #fff;
	text-align: left;
	ransition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;
	top: 0;
	right: 2%;
	width: 45%;
	z-index: 2;
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: baseline;
	bottom: 0;
}
.subblock .category ul li:nth-child(2) .category-box-detail{ color: #28a8af; top: 8%; display: block; right: 2%; width: 96%; text-align: center; bottom: auto;}
.subblock .category ul li:nth-child(3) .category-box-detail{ left: 2%; right: auto;}
.category-box-text{
	margin-bottom: 17px;
	width: 100%;
}
.category-box-text h2{
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase; color:#fff;
}
.category-box-text h2 a:hover{
	color: #333;
}
.category-box-detail a.btn {
	position: relative;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    padding: 5px 25px;
    background: transparent;
    display: inline-block;
   background: #28a8af;
   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{
	background-color: #30c7cf;
}
/*精选产品*/
.featured-products{
	width: 100%;
	overflow: hidden;
	padding-bottom: 50px;
	position: relative;
}
.featured-products-center{ width: 90%; margin: auto; max-width: 1740px;}
.featured-products-t{ margin-bottom: 40px; text-align: center;}
.featured-products-t span { font-size: 28px; display: block; letter-spacing: 1px; color: #1b2839; line-height: 25px; position: relative; text-transform: uppercase; padding-bottom: 10px;}
.featured-products-t span::after {
    background-color: #ccc;
    bottom: -5px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    width: 70px;
}
.featured-products-t span::before {
    background-color: #ccc;
	border-radius:50%;
    bottom: -11px;
    content: "";
	width: 4px;
    height: 4px;
	width: 14px\0;
    height: 14px\0;
    left: 50%;
    margin-left: -7px;
    position: absolute;
	border: 5px solid #fff;
	z-index: 2;
}
.featured-products .item{
	
	text-align: center;
    
    overflow: hidden;
    margin: 0 15px;
}
.featured-products .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;
}
.featured-products .item:hover img {opacity: 0.5;}

.featured-products-box {background-color: #fff; padding: 10px;border: 1px solid #ebebeb;}
.featured-products-box-t{ height: 40px; margin: 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 h3 a{
	display: table-cell;
	color: #363f4d;
	vertical-align: middle;
}
.featured-products-box-t:hover h3{color: #28a8af;}
.featured-products .owl-controls .owl-prev, .featured-products .owl-controls .owl-next{ position: absolute; top: 35%; width: 34px; height: 34px; line-height: 34px; font-size: 0; color: #b2b2b2; background-color: #eee; 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;
}
.featured-products .owl-controls .owl-prev:hover, .featured-products .owl-controls .owl-next:hover{ background-color: #28a8af; color: #fff;}
.featured-products .owl-controls .owl-prev{ left: 0;}
.featured-products .owl-controls .owl-next{ right: 0;}
.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: 32px;}

/*首页关于我们*/
.index-about{
	padding: 40px 0;
	overflow: hidden;
}
.index-about-t {
    margin-bottom: 30px;
    text-align: center;
}
.index-about-t span{
	font-size: 34px;
    color: #28a8af;
    line-height: 50px;
    position: relative;
    text-transform: capitalize;
}

.index-about-center{width: 90%; margin: 30px auto; max-width: 1740px; overflow: hidden;}
.index-about-box{ overflow: hidden; position: relative; background: #f5f5f5;}
.index-about-l{ float: left; width: 50%; vertical-align: middle;}
.index-about-l-frame{}
.index-about-l img{ max-width: 100%;}
.index-about-r{ float: right; width: 50%; vertical-align: middle;}
.index-about-text{ padding: 5% 50px}
.index-about-r .th{ font-size: 24px; font-weight: normal; margin-bottom: 20px; line-height: 34px;}
.index-about-r .th a{color: #28a8af;
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: #333e48;}
.index-about-r p{ font-size: 14px; line-height: 28px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin-bottom: 30px;
}
.index-about-r span{ display: block;}
.index-about-r span a {
	background-color: #28a8af;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    padding: 4px 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;
}
.index-about-r span a:hover{
	background-color: #30c7cf;
}



/*热门产品*/
.hot-products{ padding: 40px 0; overflow: hidden;}
.hot-products-center{width: 90%; margin: 0 auto; max-width: 1740px;}
.hot-products-t{ margin-bottom: 40px; text-align: center;}
.hot-products-t span { font-size: 28px; display: block; letter-spacing: 1px; color: #1b2839; line-height: 25px; position: relative; text-transform: uppercase; padding-bottom: 10px;}
.hot-products-t span::after {
    background-color: #ccc;
    bottom: -5px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    width: 70px;
}
.hot-products-t span::before {
    background-color: #ccc;
	border-radius:50%;
    bottom: -11px;
    content: "";
	width: 4px;
    height: 4px;
	width: 14px\0;
    height: 14px\0;
    left: 50%;
    margin-left: -7px;
    position: absolute;
	border: 5px solid #fff;
	z-index: 2;
}
.hot-products .item{
	text-align: center;
    overflow: hidden;
    margin: 0 15px;
}
.hot-products .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;
}
.hot-products .item:hover img {opacity: 0.5;}
.hot-products-box{ padding: 10px; border: 1px solid #ebebeb; background-color: #fff;}
.hot-products-box-t{ height: 40px; margin: 10px 0; overflow: hidden;}
.hot-products-box-t h3{
	font-size: 16px;
	font-weight: normal;
	display: table;
	width: 100%;
	text-align: center;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.hot-products-box-t:hover h3{color: #28a8af;}
.hot-products .owl-controls .owl-prev, .hot-products .owl-controls .owl-next{ position: absolute; top: 35%; width: 34px; height: 34px; line-height: 34px; font-size: 0; color: #b2b2b2; background-color: #eee; 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;
}
.hot-products .owl-controls .owl-prev:hover, .hot-products .owl-controls .owl-next:hover{ background-color: #28a8af; color: #fff;}
.hot-products .owl-controls .owl-prev{ left: 0;}
.hot-products .owl-controls .owl-next{ right: 0;}
.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: 32px;}
/*首页新闻*/
.index-news{ padding: 40px 0; overflow: hidden; }
.index-news-center{width: 90%; margin: 0 auto; max-width: 1740px;}
.index-news-t{ margin-bottom: 40px; text-align: center;}
.index-news-t span { font-size: 28px; display: block; letter-spacing: 1px; color: #1b2839; line-height: 25px; position: relative; text-transform: uppercase; padding-bottom: 10px;}
.index-news-t span::after {
    background-color: #ccc;
    bottom: -5px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    width: 70px;
}

.index-news-text span{ font-size: 14px; color: #7a7a7a; display: inline-block; margin-left: 30px; } 
/*首页案例*/
.index-case{
	padding: 40px 0;
	overflow: hidden;
}
.index-case-center{
	width: 90%;
    max-width: 1740px;
    margin: auto;
	z-index: 1;}
.index-case-t{margin-bottom: 30px; text-align: center;}
.index-case-t span { font-size: 34px; color: #28a8af; line-height: 50px; position:relative; text-transform:capitalize;}

.index-case-box ul{ overflow: hidden; font-size: 0; margin: 0 -15px;} 
.index-case-box ul li{ width: 33.3%; display: inline-block; vertical-align: top; font-size: 14px;margin-bottom:20px;}
.index-case-box ul li:nth-child(3n+3){margin-right: 0;} 
.index-case-box ul li .item{ background-color: #fff; overflow: hidden; border: 1px solid #ebebeb; margin: 0 15px; position: relative; }
.index-case-box-frame{ width: 100%; 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 ul li .item:hover .index-case-box-frame img{ transform: scale(1.1);}
.index-case-box-text{ position: absolute; left: 0; bottom: 0; overflow:hidden; padding: 15px;z-index: 2; margin: 0px;}
.index-case-box-text::after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
    content: " ";
	z-index: -1;
	background-color: #000;
	filter:alpha(opacity=40); /* IE */
	-moz-opacity:0.4; /* 老版Mozilla */
	-khtml-opacity:0.4; /* 老版Safari */
	opacity: 0.4; /* 支持opacity的浏览器*/
	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-text:hover::after{
	filter:alpha(opacity=60); /* IE */
	-moz-opacity:0.6; /* 老版Mozilla */
	-khtml-opacity:0.6; /* 老版Safari */
	opacity: 0.6; /* 支持opacity的浏览器*/}
.index-case-box ul li .item .th{ font-size: 18px; line-height: 20px;font-weight: normal; margin-bottom: 10px;} 
.index-case-box ul li .item .th a{ color: #fff;} 
.index-case-box ul li .item .th a:hover{ color: #28a8af;} 
.index-case-box ul li .item p{
	color: #fff;
	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: #28a8af;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    padding: 2px 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;
}
.index-case-box ul li .item span a:hover{ background-color: #30c7cf;}


/*首页部分结束*/




/*底部*/
.footer-middle{ padding-top: 40px; background-color: #f8f8f8;}
.footer-content{width: 90%; margin: 0 auto; max-width: 1740px; 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{ padding-left: 28px; position: relative; margin-bottom: 30px;}
.footer-content .item.footer-contactus li label{position: absolute; left: 0; top: 0;}
.footer-content .item.footer-contactus li label i{ color: #28a8af; font-size: 26px; text-align: left; margin-left: -4px;}
.footer-content .item.footer-contactus li:nth-child(3) label i{ font-size: 20px; margin-left: 0;}
.footer-static-block{ margin-right: 30px;}
.footer-static-block .th{ font-size: 20px; line-height: 32px; font-weight: 400; margin-bottom: 30px; letter-spacing: 1px; position: relative;text-transform:uppercase;}
.footer-static-block .th::after{
	position: absolute;
    content: " ";
	bottom: -5px;
	left: 0;
	background-color: #28a8af;
	width: 50px;
	height: 2px;
}
.footer-static-block .th a{}
.footer-static-block .th a:hover{color: #28a8af;}
.footer-block-contant li{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 18px;
}
.footer-block-contant li b{
	font-size: 16px;
}
.footer-block-contant li label{
	white-space: nowrap;
	margin-right: 5px;
}
.footer-block-contant li span{
	display: inline-block;
}
.key-words li{
	height: 20px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	position: relative;
	padding-left: 20px;
}
.key-words li i{
	position: absolute;
	left: 0;
	top: 0;
	font-style: normal;	
}
.key-words li i::after{
	font-family:"iconfont" !important;
	position: absolute;
	content: "\e618";
	font-size: 10px;
	color: #555;
}
.footer-block-contant li a{
	color: #555;
}
.footer-block-contant li a:hover{
	color: #28a8af;
}
.footer-secondary{ width: 100%; padding: 30px 0; display: inline-block; background-color: #1f1f2f;}
.footer-secondary-box{ width: 90%; max-width: 1740px; margin: auto;}
.footer-secondary p{  color: #fff; font-size: 14px; text-align: left; line-height: 20px; padding: 10px 240px 10px 0;}


.subscribe-form{width:50%;margin:auto;margin-top:2%;margin-bottom:2%;overflow:hidden;}
.subscribe-ipt{width:80%;float:left; background-color:#fff;border:solid 1px #fff;height:50px; text-indent:20px;}
.subscribe-btn{width:18%;float:right;height:50px;line-height:50px;background-color:#fff; color:#666;border:solid 1px #fff; font-size:14px;}

@media screen and (min-width:992px){
.im{ width:92px; position: fixed; right: -60px; top: 250px; transition:right 0.5s; bottom: auto; z-index: 11;}
.im:hover{right: 0;} 
.im .box{
	position: absolute;
	display:block;
	width:60px;
	right: 0;
	top: 0;
}
}
/*返回顶部*/
.scroll{
	width:40px;
	height:40px;
	color:#fff;
	line-height:42px;
	text-align:center;
	position:fixed;
	right:34px;
	bottom:74px;
	cursor:pointer;
	background-color:rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	z-index: 10;
}
.scroll i{font-size:28px;}
@media screen and (max-width: 1220px){
.inner-page-l{ width: 32%;}
.inner-page-r{ width: 68%;}
.index-about-box{ max-width: 900px; margin: auto;}
.index-about-l, .index-about-r { width: 100%;}
}
@media screen and (max-width: 1044px){
.footer-content .item, .footer-content .item.footer-contactus{ width: 50%;}
.index-about {background-size: auto 100%;}
/*首页产品分类*/
.subblock .category ul li {width: 100%;}
.category-box{ max-width: 560px;}
.category-box-type h2 {
    font-size: 18px;
}
.category-box-detail a.btn { padding: 5px 25px;}



}
.f-ke {
    display: none;
}

@media screen and (max-width:991px){
	.f-ke{width:100%;float:left; position:fixed;bottom:0;height:40px;line-height:40px;display:block;z-index:99999; }
	.f-ke ul li{width:50%;float:left; text-align:center;line-height:40px;background-color:#28a8af;}	
		.f-ke ul li.f-ke_a{background-color:#2ad3dc;}
		.f-ke ul li a{ color:#fff;}
	.language{width:50%;}
	.header-search{width:50%;}
	.search-box button.search-btn{float:right;}
	.subscribe-form{width:100%;}
/*	.header-contact{ position:fixed;width:100%;bottom:0;padding: 0 0px;
background-color: #28a8af;left:0;height:40px;line-height:40px;}
.header-contact ul li.website-mailbox{ background-color:#1ed3dd;}
.header-contact ul li{width:50%;float:left; text-align:center;margin:0;padding:0;height:40px;line-height:40px;}
.header-contact ul{	display: flex;}*/
.language {float: left;}
.language ul.language-list{ right: auto; left:0;}
.social-link { float: none; width: 100%; overflow: hidden;}
.social-link a {margin-left: 0;margin-right: 5px;}
.header-middle { padding: 0;}
.header-middle .header-logo { width: 100%; max-width: none; margin: 10px 0; float: none; text-align: center;}
.header-logo-box {height: 50px;margin: auto;}
.header-logo-box a img{ max-height: 50px;}
.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;}

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

.featured-products-t span, .hot-products-t span, .index-news-t span, .index-case-t span{font-size:  24px;}
.subblock .category { width: 90%;}

.hot-products-box ul li {
    width: 50%;
    margin-right: 0;
}
.hot-products-box ul li .item span a {
    font-size: 12px;
    line-height: 20px;
    padding: 0 15px;
    border-radius: 20px;
}
.hot-products-box ul li .item {margin: 0 5px;}
.hot-products-box ul li .item h3 {font-size: 14px;}
.index-news-box ul li { width: 100%; margin: 0 0 20px 0;}
.index-news-box-frame { width: 100%;}
.index-news-text { margin: 20px 0; width: 100%;}
.index-news-box ul li .item .th, .index-news-box ul li .item p, .index-news-text span{ margin-left:0;}

.footer-content .item, .footer-content .item.footer-contactus{ width: 100%;}
.hot-products-box-t {padding: 5px 5px 15px 5px;}
.featured-products-box .item {margin: 10px;}
.featured-products-box-t {
    margin: 10px;
    overflow: hidden;
}
.index-case-box ul {margin: 0;}
.index-case-box ul li { width: 100%;}
.index-case-box ul li .item{ max-width: 600px; margin: 15px auto;}
.index-case-box-text {margin: 8px; padding: 10px;}
.index-case-box ul li .item .th{ font-size: 14px; line-height: 18px;}
.index-case-box ul li .item p{ font-size: 12px; line-height: 18px;}
/*联系我们表格*/
.contact-info {border: 8px solid #ebebeb;}
.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-content, .inner-page-l, .inner-page-r{ width: 100%; margin-bottom: 0;}
.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 h2,.news-list-top-box .item h3, .news-list-top-box .item p, .news-list-top-box-text span{margin-left: 0;}


}
@media screen and (max-width: 480px){
.banner-text-c .itme .th { font-size: 16px; font-weight: normal;}
.banner-text-c .itme span a {
    line-height: 22px;
    padding: 0px 10px;
	font-weight: normal;
}
.subscribe-ipt{width:100%;}
.subscribe-btn{width:100%;margin-top:20px;}

}


/*轮播图*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{position:relative;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.container{padding-left:0;padding-right:0}.owl-carousel .owl-wrapper-outer{display:inline-block;padding-top:7px;margin-top:-7px}.roll-box{margin:0 -15px}
/*移动端侧边,底部折叠*/
.sidebar-block-but, .footer-content-but{ display: none;}
@media screen and (max-width:991px){
	.header-contact{display:none;}
	.header-inner{ width: 96%;}
.footer-middle{ padding-top: 0px;}
.inner-message{ margin-bottom: 0;}
.sidebar-block-but, .footer-content-but{ position: relative; padding: 10px 40px 10px 20px; background-color: #eee; display: block; margin-bottom: 10px;}
.sidebar-block-but span, .footer-content-but span{ text-transform:uppercase; color: #222; font-size:16px; line-height: 20px;}
.sidebar-block-but button, .footer-content-but button{ position: absolute; top: 9px; right: 5px; width:30px;
	height: 24px;
	border: 0;
	color: #222;
	display: inline-block;
	border-radius: 0;
	line-height: 24px;
	background: none;
}
.sidebar-block-but button i, .footer-content-but button i{ font-size: 20px; position: relative;}
.sidebar-block-but button i::after, .footer-content-but button i::after{
	content: "\e660";
	font-family: "iconfont" !important;
}
.sidebar-block-but.expand button, .footer-content-but.expand button{ transform: rotateZ(180deg);}
.sidebar-box, .footer-main{ display: none;}
.sidebar-box.expand, .footer-main.expand{ display: block;}
}





@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}