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

::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{cursor:pointer;background:#610c22}
::selection{background-color:#610c22;color:#fff}
-webkit-::selection{background-color:#610c22;color:#fff}
::-moz-selection{background-color:#610c22;color:#fff}

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;}
/*清除苹果按钮格式*/
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
border-radius: 0;
}
/*整体布局样式结束*/
.main{ background-color: #fff;}
/*网页头部开始*/
header {  z-index: 3; position:relative; }
.header-box{ width: 100%;  }
.header-top{
	align-items: center;
	/*padding-top: 10px;
	background-color: #1b1b1a;*/
}
.header-inner{ width: 100%; margin: auto; max-width: 1310px; 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:#333; margin: 0 12px 10px 0; line-height: 24px;}
.header-contact ul li a{ display: inline-block; vertical-align: middle; color: #fff;}
.header-contact ul li a:hover{ color:#222;}
.header-contact ul li i{ color: #fff; 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; font-size:15px; }
.social-link a{ color: #fff; margin-left: 5px; float: left; display: inline-block;  width: 38px; height: 38px; line-height: 38px; background-color: #1b1b1a; text-align: center;border-radius: 4px; text-decoration:none;}
.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: #1b1b1a;}*/
.social-link a:hover{ background-color: #000;}



.t-link{ float: right; font-size:16px; padding-left:10px; padding-top:2px;}
.t-link a{ color: #363f4d; font-size:16px;  float: left; display: inline-block;  text-decoration:none;   /*width: 38px; height: 38px; line-height: 38px; background-color: #1b1b1a;*/ text-align: center;border-radius: 4px;}
.t-link a i{ font-size: 15px; color: #363f4d;}
 



/*语言选择开始*/
.language{float: right; margin-bottom: 8px; }
.language .cur{cursor: pointer;  position: relative; padding: 3px 5px 1px 3px; background-color: #fff; /*margin-right: 10px;*/ border-radius: 2px;}
.language .cur e{ color: #555; font-size: 12px; line-height: 20px;background-image:url(../images/lang/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: #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;background-image:url(../images/lang/flag.png); background-repeat:no-repeat;background-position:0 0; padding:  0 0 0 30px; float: left; width: 100%;white-space:nowrap;}
.language ul.language-list li:hover{background-color: #1b1b1a;}
.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;}
/*导航栏*/
.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: #1b1b1a;}
.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;
}













.b-line {
    position: relative;
}

.b-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
    position: relative;
}

.aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
	background:#FFFFFF;
}

/* 必要布局样式css */
.aui-flexView {
    width: 100%;
  /*  height: 100%;*/
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	overflow-y: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.aui-scrollView {
    width: 100%;
   /* height: 100%;*/
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    margin-top: 0;
	background-color:#FFFFFF
}


 


.aui-navBar {
    height: 44px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1002;
    background: #f6f6f6;
}

.aui-navBar-item {
    height: 44px;
    min-width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 0.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    color: #808080;
    position: relative;
}

.aui-navBar-item:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: -25%;
    font-size: 0.9rem;
    font-weight: bold;
}

.aui-navBar-item:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.aui-center {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    width: 50%;
    margin-left: 25%;
}

.aui-center-title {
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    font-size: 0.95rem;
    color: #333;
}

.icon {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
    background-size: 20px;
    background-repeat: no-repeat;
}

.icon-return {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACh0lEQVRoQ+3ZMW8TMRQH8PcOsTBQISExVCIRCwgWFvZ+hZYBpIrEcTYkBsTGlI2VDamL3YEBpWJoR1BJaOlXYEzyDYp0bMRGRjnJoDuWs/1e3EbKeHf55b33vzsb4YJ98IJ54RKce8XZV1gIcQ8AviDiD2vtC631pzZFYQ2WUt611p4CwM0VcqqU2soSXIN1ztdKqTfZgRuw75RSz9tg3bHsWjomlh04NpYVOAWWDbjf7z8oimLipbH7bUopJdvO7L/Hk8+wwyLiCSLe8H6cww4BwGYFTo0lbWkKLBmYCksCrsNaa99rrZ/FmFnS0GrCdrvd3mg0MqEDqu58yVKaAzZZSwshHgLAsX/rcW2csrJVtaNXeIWdIuL16qJU2OgVrsMCwEGn03mSamaThVYTtizLp+PxeJkioJKFFldslJbmjA0O5o4NCm7AHpZluUM5s1FCSwjxCAA++7ceADiczWaPJ5PJL6qAihJaUspdY8w+Il7xLsASG6SlhRA/EfGa91BxNJ/Pd7hVNtiT1mAwOAeADXdCa637Hi0Wi3zBUsptY8wHRLzqwIh/nlbzbWmna0roLEOrmo11QQd9W1oHdFDwOrR3cLCH/uuFn0uQRQE7dMPKJHl6RwNzRUcF/w9N9VIRHVyhazbLDihWP5KAHbphOzQ5OhmYCzopmAM6OZgaTQL20FMAuOUtHESfaTLwCn3HWnuWEk0KpkCTg1OjWYArtDHmKyJu+jMdeh+KDdghh8NhZ7lcfvPRoXcaWYFToNmBY6NZgj20m+nb3pr3W631yzY7GWzBDtXr9TaLojjz0N+VUvezBXvoPQBw0Fda649Zg9vg6o5l3dKhse58l+AY/yqnc/4GvNDoTFOq8FwAAAAASUVORK5CYII=");
}

.tab-nav {
    padding: 10px 5px;
    height: 105px;
    /* line-height: 40px; */
    display: block;
    position: relative;
    background: #fff;
    z-index: 1;
    width: 100%;
    box-shadow: 0 3px 3px #e8e8e8;
}

.tab-nav:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #ffffff;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.tab-nav-item {
    height: 35px;
    line-height: 35px;
    position: relative;
    text-align: center;
    color: #585858;
    font-size: 0.9rem;
    display: block;
    float: left;
    /* border-radius: 80px; */
    /* padding: 0 15px; */
    width: 33.333%;
    /* padding-top: 10px; */
    margin-bottom: 10px;
}

.tab-nav-item.tab-active {
    /* background-color: #51bd03; */
}

.tab-nav-item.tab-active a {
    color: #fb7414;
    font-weight: normal;
    background: #fff1e7;
    border: 2px solid #fb7414;
}

.tab-nav-item a {
    display: inherit;
    color: inherit;
    font-size: 0.85rem;
    color: #7d7d7d;
    background: #f1f4f7;
    margin: 0 5px;
    border: 2px solid #f1f4f7;
}

.tab-panel {
    position: relative;
    overflow: hidden;
}

.tab-panel .tab-panel-item {
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.tab-nav-item.tab-active:before {
    content: '';
    width: 80%;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -40%;
    z-index: 4;
    /* background-color: #ff1e64; */
    /* border: 1px solid #ff1e64; */
}

.tab-panel .tab-panel-item.tab-active ~ .tab-panel-item {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.tab-panel .tab-panel-item.tab-active {
    position: relative;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.submenu {
    display: none;
    padding-left: 45px;
    position: relative;
	line-height:25px;
	padding-top:30px;
	padding-bottom:30px;
	 padding-right: 45px;
	background:#F2F2F2;
}

.accordion {
    padding: 5px 15px;
}

.aui-menu-item {
   /*  height: 100%;*/
    line-height: 35px;
    padding: 5px 0;
}

.accordion li i {
    position: absolute;
    color: #a7a7a7;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    background-size: 16px;
}

.link {
    font-size: 1.2rem;
    padding-left: 5px;
	
}

.submenu p {
    font-size: 14px;
    line-height: 25px;
   /* padding-bottom: 10px;*/
}

.aui-icon-q {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA9hJREFUWAnlVz1MVEEQ3nmgUKCGkFhAZYzhx0YJcAeJoaKxUBKtKAmx0sJYqImJjTExFDZ2opWxUgOW0mhA7g5IbJA7YwyF0YKEEBISkJ83zrfvzbIHJ7wDQuM1M29255tvZ3dn54z5339UTgKmpr5f3OSNXmZzSfwamLke/kT0W8QvIjNWQZXD7e3nvsCe5JeIQDZbuB4SPzLMjUlAhdG3gOlBOt30Zq/5uxLI5QpnQsOvZaXpvYBKjUtmsoGhvlSqaa7UOGz/JDAxme8mNm8leJ3nvEiGRgIKRowJZ2tq6pB6s7y8UL9p+DwxXWHDV8VUqz5CYoHJXOvqaP6kNl+WJBAF51HZ62PRZFoNAvO0Mjj+pK3t7JIPsF2fnv5xaiNcuxuG5rYxXI1xORvrTNRTisQOAnHap3TlsuJfAVGvpHF6e7DdvgWnLWQelow0RCRoQbajfft2BNtB4j23aUdwrg5S5QYHJnzgCwx8Y0HAhu7/igjgtG8dOEm7rLzrQqMF8J2S6vAFhmzCKnyAjRi+fxEBe9XiUez5flbug0MHBrDU7seAzRHITM+2evd8EQdOnQ4qY6xFiyO1BAVNMR0BCgnXx/5w1fY67To3iQQWMHUuqqnqjkBcXq09uuc65XAkE79XpKJYahRpr0v0Hc569kNRKwx99YBcLC8D0cOCSVrhPIcDqz6m3Ab7iAHUEThwhD0AVlY2Qp0ildEVQEcgflLtHNR2nXxYcr1i6fQWFs2r7giIwSs4QYtOODS5bloVS8rzT9UdATQTagw5dFdSbUmlVLr+TK7wXPbZpdn6MvcohlTHj05XBZ2M6nhS8arpd1KJ4HLdhpjDgcxkXmREolAonJBy3Kc48jJ+UN1lwLZR0snEA7V4UnVSUinhOjWoYdOvJBaX+I7YT1ocopnO9qbPiukIwIA2SgfwnuNJ1e8kMt3ReEPO90s3NyLxTp6h+85meHBLL9ERZXL5jLC1LRieUjyp5byIyABWjgz4gaDLoRhPp5q75ca5K1mUAUxCD4c2CjqaCVoNc+VkQny5s6N5QKK5MwUsBKWqqn4/OOw7CMjzOYceDm0UJoDEJvNYdjL/OMnBxIHLThYeymovw19/kpkgXPtzDxlSG2TRhz+QtClFhbNFBvfcXjXqkyDRgUMAWTmCO2w5I8gQMgXbPwlgMO4P99+Wy54j7Vh50ZnwSOxKACTwQxtV5h+TGdm8QVnpqzgDOw6mbPGLzlTLQCICEQ1jSv01ix4Wmkd5tRUuCEbTbY3j6qMSe190O4hudaWan+n4kUhLIjc7NJHL3zySgEmC/AX92868En0QqAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 16px;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 16px;
}

.accordion .icon-dow {
    position: absolute;
    background-size: 25px;
    right: 0;
    top: 10px;
    background-image: url('../images/faq_hjt.png');
}

.accordion li.open i.icon-dow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion li.open i.icon-dow {
   background-image: url('../images/faq_jt.png');
}

.accordion li.open i.aui-icon-q {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA8NJREFUWAnlVz1MVEEQnnkEIVE0Rg8i2GhDopVEoxSGisZCSNCGxoQQC38Ko/wYTbRAI1DY2EGsjJUasJQGAyYaTWzQxJhogWgEjTE2EOSN3+ze7tv7gbuDo3KSe2/e7M433+7Ozu4R/e/CpUyA9KcO0Qq3E8XHSbgBvvVp/6/EMkcUTVGFjPGdhbfF4hZFQHpTp0hkgIQaiwJm+kDM13lo4VGh/msSkOt1+2gpfojgxwoB5W1nfklVUScPfP+ctx3GVQlIz+4WND9G8F3emekXbOMY3ThVxO+pir+atiWpp+XoIJbhJJG0YaZ2Jj78E7YOHv7x3NsCJS8BE1xoAv0qTV/mRYDepYqaQR789Dvwz1Glb/8OWvnTh6FdAvnqdIdlfLfmI5FDID3tr4ORz1FU2c5D397kRFvDIL17DlO8PIYumqyYOMxEVXQkezki0xg+7Jq7aZ+jquqjpQY38ZQwfKFjd0B0KRU7SzIIpLPdJpxOu4781hcLkOVYzKfxBQZGv2j6I5lNjMA5gwBYDvg2rPl6Ru7904rB0PxxEsaAzRNA4jX5fa7ZjoRzPht+K5bZQUBCLTEFLQ3qCYBLWxKIxwtle9K3sGaxsHWdmGpqPwICKK9OdJ+XW4SfJpBJrISAre22jxaZcktl/M5DBrESAsnBQr7CeY8yKK5qWih3iCVJWIYQBSAq46CDL4DhDNi6rr20tpdbFuPaAHLe6QkBc56nzSvRAdehbO84bgqwZp2eENDLhBPBibZOkZ5UF34jIuKn2UBJ3OohmSednhDATcYZ9Ug1p1piKErT4Kimo/h1U2/tqCMhvY01KECdAcgzp3sC5hqlNxkVPc/1SC1dmuFiRy7SlZD4dRn27RaOZ3h4/oWD9gSMAdco16DnuTlSvaEIZWj+LA6e+76nIZF6QhJf9TbmYa9DySBg7nB6jVLRywTOc7m2157nxrj2g5mFhua7M0lQO2Z0i/Xkadp67kGIkkHANOAOZy4PtlcDLS2+KmUmEhIU5BTAmGL8uvjmzbAeZM6AxrQ3FumAuqzfkAaSv1NyJXW7mMQ0CddXdwN+J4y3e4iJ1e8S05kzt4qz4l38pRQVTouM7nPdajbb0wkHIB25DW7RNUewTGamTLM1531u+FpOWHNMO8D7kVP6thKQyM0B1wlvXQ4eXmimiE8DyG7RoH11lWeIozO07XwL/D/mJibI9NSOqP+qS5APfJW/ZoqhtX0WyTtJkUzw4MJ0tr9ZexQnPxMRX8Suu5fdb1O/lQSSeRQX0wubGqgU8H8v+3D7bEZ2hgAAAABJRU5ErkJggg==) no-repeat ;
    background-size: 16px;
}

.accordion li.open .link {
    color: #000;
}

.icon-a {
    position: absolute;
    top: 0;
    left: 0;
    background-size: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAy9JREFUWAnlV01oE1EQntmkDbaHQonpD2KrlIJC8SD1Inj06NGTetCDgkVEbNMfDzlYbStEKFoQBEEP3rzp0Z4U0YviwSpVaynWxKJo1dI2yThvXvftdrNJdzcncWC782bm+75589LNBuBfNkpvP6SuWvYQrwUMJbi0gT8clQejAmmwtRcKheeCj8cP4NiXF1G4rCggwRQL9u4B3H5IwkgToHRLDxSLr1jLxhPEYvtwPPc6pD5Em0CpNOISV5oIOhZW3+wgMJCGkt1QgDdAnua5BYjDHry69C4wGReGn0ABh4w44iNQlzLVkMqFNPsMA8FopK0D1tZnWUz/+8asgwIslp7IHXk29XVdOLr4KRAhF4WbwNp62ogjTON4/qm6+CCnRVA1pmpCWOAGaDjZBoQnDXcsdtnX5xqpNcnqTuAGoGBd5INOCB3iMxzLPbapxeeYXnON1NrZ6vdADVCmPQklOm2oLHJ2bwfdMa4VjJ2rcg/UAPxZP8+7bxQexJc4vvTQyykxzuk41wrGW1W+3rIBSu9uAqI+A0UYNb7XcecYI1hvjWe9ZQNQXO7jT37TBm4GGs4+8HA4S52bkYDCKOwWVvU5QNdaGiFXmuPxJ4XHsk7gRP5eNU4aSB3nx/JdXYNL0GJ1Yn/udyVM9Ql8pTNGHPEDNOy9X4nIxFWNqhXjxoXDZMucihOgya4EzP/4yA20laFCBXARdjbtwnOzq36wyhNY+HmqdnElyRsQLj/5Co9iurW/js9xwB8SIcpcwukD9X8nfD9/jGs7dD3moT3RiRcWVnzwFUOU3bENPq/O8QRSXNQBmvOOF1B2BJTJWPzNPmgKLciGFVdYwSBcNzzMKdwmoJ2yBmDlxlHuulvSCN8Bmqc8mOBLbL7J35TMoYw5hVuv7L+bGiAifq/BYTsJaE3ixNtlsw7pCJY5DIy5RcMEvB/C/tYj/Njt0Xn8BQ31DtgFCuUKB3MpU9xKw2WbJsDv1+plUxvSFGYWvtnLqHfhYC4H79LgoGmA+lPq102vLsQVqLOyDqhGT7iYU1vvhpasTAM8H+eHBsJtvJLP1Shr4MLFnCbg1nKC/6n3F2s8DMfc3zr0AAAAAElFTkSuQmCC) no-repeat left .09333rem;
}












































.project-carousel {

}

.project-item {
	width:100%;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.project-item img {
	width: 100%
}

.item-shadow {
	position: relative
}

.item-shadow:before {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%)
}

.project-item .link-arrow {
	position: absolute;
	z-index: 2;
	color: #fff;
	left: 3rem;
	bottom: 2.3rem;
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}

.project-hover {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 4.85rem 3rem;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease
}



@media (max-width: 768px) {
	
	.project-item {
	width:100%;
	height: 60%;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	margin-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	 
}
	
.project-hover {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 4.85rem 3rem;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease
}
	
	
	
	}


.project-title {
	color: #fff;
	margin: 0;
	font-size:20px;
}

.project-hover .project-title {
	position: absolute;
	bottom: 5.5rem
}

.project-description {
	opacity: 0;
	margin-top: 12%;
	line-height: 1.71;
	color: #fff;
	-webkit-transform: translateX(-1rem);
	-ms-transform: translateX(-1rem);
	-o-transform: translateX(-1rem);
	transform: translateY(-1rem)
}

.project-item:hover .project-hover {
	background-color: rgba(0,0,0,.85)
}

.project-item:hover .project-hover .project-title {
	position: relative;
	color: #fff;
	bottom: 2rem;
	-webkit-transform: translateY(2rem);
	-ms-transform: translateY(2rem);
	-o-transform: translateY(2rem);
	transform: translateY(2rem);
	-webkit-transition: transform .5s ease;
	-o-transition: transform .5s ease;
	transition: transform .5s ease
}

.project-item:hover .project-hover .project-description {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateY(0);
	-webkit-transition: all .4s .2s ease;
	-o-transition: all .4s .2s ease;
	transition: all .4s .2s ease
}

.project-item:hover .link-arrow {
	color: #fff
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}








@media (min-width: 768px) {#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: 768px) {
.main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  #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 {
  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: 768px) {
.main-nav{ float: right; width: 44%; margin: 7px 0; background-color: #fff; padding: 0;}
.sm-blue ul {
top: 40px;
position: absolute;
width: 10em;
}
.sm-blue > li {
  display: table-cell;
  height: 40px;
  vertical-align: middle;
  /*padding: 0 10px;*/
text-align: center;
}
.sm-blue > li > a { padding-left: 15px;
  padding-right: 15px; position:relative;text-transform:uppercase; font-size:16px;  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: 16px;}
.sm-blue a{color: #363f4d;}
.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {color: #1b1b1a; font-size: 16px;}
.sm-blue > li.current > a {color: #1b1b1a;}
.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: #1b1b1a transparent transparent transparent;}
.sm-blue ul a:hover .sub-arrow, .sm-blue ul .highlighted .sub-arrow{ border-color: transparent transparent transparent #1b1b1a;}
.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: #1b1b1a;
}
.sm-blue ul a.current {
color: #1b1b1a;
}
.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; padding-left:20px;
}
.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 {margin: 0; padding: 0; list-style: none;z-index: 2;} 
.flexslider {
	width: 100%;
	max-width: 1310px;
	margin:auto;
	overflow: hidden;
	position: relative;
	zoom: 1;
	z-index: 2;
}
.flexslider .slides > li {display: none;}
.flexslider .slides img {
	width: 100%;
	display: block;
	text-align: center;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}
.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: 65px;
	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;*/
	 background: rgba(0,0,0,.3);
}
.flexslider:hover a.next, .flexslider:hover a.prev{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	
}
.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: 65px;
}
.flex-direction-nav li a.prev{transform: rotateY(180deg);}
.flex-direction-nav li a:hover{background-color: #1b1b1a;}
.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: #1b1b1a;
}

/*文字*/
/*文字*/
.banner-text{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin:auto;}
.banner-text-c{ width: 90%; height: 100%; max-width: 1200px; margin: auto; position: relative;}
.banner-text-c .itme{ position: absolute; top: 0; left: 0; bottom: 0; width: 100%; display: flex;flex-direction: column; justify-content: center;align-items: center;text-align:left;}
.banner-text-c .itme .th{ font-size:30px; margin-bottom: 20px; font-weight: normal;color: #fff;}
.banner-text-c .itme span a{
	font-weight: bold;
	text-transform:uppercase;
	background: #610c22;
	font-size: 16px;
	color: #fff;
	line-height: 50px;
	height: 50px;
	padding: 0 40px;
	display: inline-block;
/*	border-radius: 30px;*/
	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{
	color: #fff;
	background-color: #000;
}


@media screen and (max-width:1044px){
.banner-text-c .itme .th {font-size: 30px; font-weight: normal; color: #fff;}
.banner-text-c .itme p{
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;
}
}
@media screen and (max-width:768px){
.banner-text-c .itme .th {font-size:  18px;}
.banner-text-c .itme p{ display: none;}
.banner-text-c .itme span a{
	font-size: 14px;
	line-height: 28px;
	padding: 0px 10px;
}
.flex-direction-nav li{position: absolute; bottom: 35%;}
.flex-direction-nav li:nth-child(1){ left: 5px;}
.flex-direction-nav li:nth-child(2){ right: 5px;}
.flex-direction-nav li a {
	width: 30px;
	height: 30px;
	opacity:0.5;
}
.flex-direction-nav li a.next:before {
    font-size: 13px;
	line-height: 30px;
}
.flex-direction-nav li a.prev:before{
	font-size: 12px;
	line-height: 32px;
}
}
@media screen and (max-width: 480px){
.banner-text-c .itme .th { font-size: 16px; font-weight: normal;}
.banner-text-c .itme span a {font-size: 12px; line-height: 22px;font-weight: normal;}
}
/*语言选择结束*/
/*导航栏置顶固定*/
#fixedMenu{ width: 100%;}
.header-middle.top-fixed { position: fixed; padding: 5px 0; box-shadow: 0 1px 3px rgba(0,0,0,0.11); }
.top-fixed.header-middle .header-logo{ height: 60px;}
.top-fixed.header-middle .header-logo-box a img{ max-height: 110px;}
.header-middle.top-fixed .main-nav{ margin: 0}
.header-middle .header-logo, .main-nav, .header-logo-box a img{
	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;
	transform: translate3d(0,0,0);
}
/*头部中间*/
.header-middle{ width: 100%; background-color: #fff; display: inline-block; padding: 10px 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; height: 80px; max-width: 24%; padding-top:20px;}
.header-middle .header-logo{ height: 120px;padding-top: 0;}
.header-logo-box{ height: 100%; float: left; display: table;}
.header-logo-box a{ display: table-cell; vertical-align: middle; }
.header-logo-box a img{ display: inline-block; max-height: 120px; 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;}
/*头部搜索*/
.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;
	border-radius: 2px 0 0 2px; 

}
.search-box button.search-btn {
	color: #fff;
	cursor: pointer;
	height: 24px;
	width: 30px;
	border: none;
	float: left;
	background: rgba(0,0,0,0.2);
	border-radius: 0 2px 2px 0;
}

/*首页部分*/
/*焦点*/
.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: 30px 0; overflow: hidden; }
.quick-links-center{ padding: 20px 0; box-shadow: 0 3px 6px 0 rgba(0,0,0,.17);}
.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 span, .derivative-t span { font-size: 20px; color: #1b1b1a; font-weight: bold; line-height: 24px; display: inline-block; padding: 0 30px; background-color: #fff; 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 #eee}
.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: #1b1b1a;}
/*首页中部*/
.mian-contain{ width: 100%; overflow: hidden;}
.subblock{ padding: 40px 0;}
.subblock .category{ width:100%; max-width: 1310px; margin: auto; }
.subblock .category ul{ text-align: left; font-size: 0; margin: -15px;}
.subblock .category ul li{ width:49.9%;display: inline-block; vertical-align: top}
.subblock .category ul li:hover img{ transform: scale(1.1);}
.category-box{ position: relative; background-color: #f4f4f4; overflow: hidden;margin: 15px;/*border: 1px solid #ebebeb;*/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-zoom{
	overflow: hidden;
	display: block;
}
.category-box a img{
    overflow: hidden;
	width: 100%;
	display: block;
}
.category-box a img, .category-box-detail, .category-box-type h2,.category-box-text h2, .category-box-detail .btn::before, .category-box-detail .btn::after{
	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{
	padding: 15px 70px 15px 20px;
	position: relative;
}
.category-box:hover .category-box-detail{ background-color:#f5f5f5; }
.category-box:hover .category-box-type h2, .category-box:hover .category-box-detail .btn::after{ color: #000;}  .category-box-text h2 { color: #000;}  
.category-box:hover .category-box-detail .btn::before{width: 48px; background-color: #000;}
.category-box-type{ display: table;}
.category-box-type a{ display: table-cell; vertical-align: middle; height:60px;}



.category-box-type h2{
	font-size: 18px;
	line-height: 20px;
}
.category-box-text h2{
	font-size: 14px;
	line-height: 20px;
}
 

.category-box-detail .btn {
	position: absolute;
	top: 35px;
	right: 10px;
	height: 22px;
	width: 40px;
	z-index: 1;
 }
.category-box-detail .btn::before{
	position: absolute;
    content: " ";
	top: 10px;
	right: 20px;
	height: 2px;
	width: 24px;
	background-color: #ccc;
	z-index: -1;
}
.category-box-detail .btn::after{
	font-family:"iconfont" !important;
	position: absolute;
    content: "\e60e";
	font-size: 20px;
	color: #ccc;
	line-height: 22px;
	right: 0;
	top: 0;
	z-index: -1;
}
.category-box-detail .btn a{ display: block; width: 100%; height: 100%;}












/*精选产品,热门产品*/
.daohang{width: 100%;overflow: hidden;/*padding: 10px 0*/;position: relative;}
.daohang-center{ width: 90%; margin: auto; max-width: 1300px;}
.daohang-t{ margin-bottom: 30px;margin-top: 30px;}
.daohang-t span{ font-size: 20px; color: #1b1b1a; font-weight: bold;line-height: 25px; position:relative; text-transform: uppercase;}
.daohang .item{
	background-color: #fff;
	text-align: center;
    border: 1px solid #ebebeb;
    overflow: hidden;
    margin: 0 5px;
	line-height: 30px;
	font-size: 14px;
	 
}




.daohang .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;
}
.daohang .item:hover img {opacity: 0.5;}


.daohang  li{ line-height:30px;}






.daohang-t span{ font-size: 20px; color: #21232e; line-height: 50px; position:relative; text-transform:capitalize;background: url(../images/title-line-btm-img.png) no-repeat scroll center bottom;
padding-bottom: 20px;text-transform:uppercase;}
.daohang-box{ padding: 8px; margin: 0 10px;}
.daohang-box img{ width: 100%;}
.daohang-box-t{ height: 40px; margin: 18px 0 10px 0; overflow: hidden;}
.daohang-box-t h3{
	font-size: 16px;
	font-weight: normal;
	display: table;
	width: 100%;
	text-align: center;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

.daohang-box-t:hover h3{color: #4a4439;}
.roll-box{ padding: 0 42px;}
.roll-box .item {text-align: center;}
.roll-box .item img{display: inline-block;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;}
.roll-box .item:hover img {opacity: 0.5;}


.daohang  .owl-prev, .daohang .owl-next{ position: absolute; top: 5%; width: 32px; height: 32px; line-height: 35px; font-size: 0; color: #4a4439; 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;
}


.daohang  .owl-prev, .daohang   .owl-next, { position: absolute; top: -10%; width: 32px; height: 32px; line-height: 35px; font-size: 0; color: #4a4439; 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;
}


.daohang .owl-controls .owl-prev:hover, .daohang .owl-controls .owl-next:hover{ color: #ff3c20;}
.daohang .owl-controls .owl-prev{ left: -35px;}
.daohang .owl-controls .owl-next{ right: -35px;}
.owl-carousel:hover .owl-prev{ left: -50px;}
.owl-carousel:hover .owl-next{ right: -50px;}
.daohang   .owl-prev:before, .daohang   .owl-next:before{
	font-family:"iconfont" !important;
    font-style: normal;
    font-weight: bold;
    speak: none;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-size: 16px;
	content: "\e7d1"; 
	
}
.daohang  .owl-next{transform: rotateY(180deg);-webkit-transform:rotateY(180deg)}








































/*视频*/
.idxIp2{width: 100%;overflow: hidden;padding: 10px 0;position: relative;}
.idxIp2-center{ width: 90%; margin: auto; max-width: 1310px;}
.idxIp2-t{ margin-bottom: 30px;margin-top: 30px;}
.idxIp2 span{ font-size: 20px; color: #1b1b1a; font-weight: bold;line-height: 25px; position:relative; text-transform: uppercase;}
 

 .idxIp2 .item{
	background-color: #fff;
	text-align: center;
    border: 1px solid #ebebeb;
    overflow: hidden;
    margin: 0 15px;
	line-height: 30px;
	font-size: 14px;
	 
}


.idxIp2 .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;
}
.idxIp2 .item:hover img {opacity: 0.5;}


.idxIp2 li{ line-height:30px;}






.idxIp2 span { font-size: 20px; color: #21232e; line-height: 50px; position:relative; text-transform:capitalize;background: url(../images/title-line-btm-img.png) no-repeat scroll center bottom;
padding-bottom: 20px;text-transform:uppercase;}
.idxIp2-box{ padding: 8px; margin: 0 10px;}
.idxIp2-box img{ width: 100%;}
.idxIp2-t{ height: 40px; margin: 18px 0 10px 0; overflow: hidden;}
.idxIp2-box-t h3{
	font-size: 15px;
	font-weight: normal;
	display: table;
	width: 100%;
	text-align: center;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

.idxIp2-box-t h3{color: #4a4439;}
.roll-box{ padding: 0 42px;}
.roll-box .item {text-align: center;}
.roll-box .item img{display: inline-block;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;}
.roll-box .item:hover img {opacity: 0.5;}
.idxIp2 .owl-controls .owl-prev, .idxIp2 .owl-controls .owl-next{ position: absolute; top: 35%; width: 42px; height: 42px; line-height: 45px; font-size: 0; color: #4a4439; 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;
}


.idxIp2 .owl-controls .owl-prev, .idxIp2 .owl-controls .owl-next, .owl-controls .owl-prev, .owl-controls .owl-next{ position: absolute; width: 42px; height: 42px; line-height: 45px; font-size: 0; color: #4a4439; 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;
}


.idxIp2 .owl-controls .owl-prev:hover, .idxIp2 .owl-controls .owl-next:hover{ color: #ff3c20;}
.idxIp2 .owl-controls .owl-prev{ left: -35px;}
.idxIp2 .owl-controls .owl-next{ right: -35px;}
.owl-carousel:hover .owl-prev{ left: -50px;}
.owl-carousel:hover .owl-next{ right: -50px;}
.idxIp2 .owl-controls .owl-prev:before, .idxIp2 .owl-controls .owl-next:before{
	font-family:"iconfont" !important;
    font-style: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-size: 35px;
	content: "\e7d1";
	
}
.idxIp2 .owl-controls .owl-next{transform: rotateY(180deg); -webkit-transform:rotateY(180deg)}



























 
/*baodao*/
.baodao{width: 100%;overflow: hidden;padding: 10px 0;position: relative;}
.baodao-center{ width: 90%; margin: auto; max-width: 1300px;}
.baodao-t{ margin-bottom: 50px;margin-top: 30px;}
.baodao-t span{ font-size: 20px; color: #1b1b1a; font-weight: bold;line-height: 25px; position:relative; text-transform: uppercase;}
 
 .baodao .item{
	background-color: #F9F9F9;
	text-align: center;
  /*  border: 1px solid #ebebeb;*/
    overflow: hidden;
    margin: 0 15px;
	line-height: 30px;
	font-size: 14px;
	/*padding-top:10px;*/
}



.baodao .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;
}
.baodao .item:hover img {opacity: 0.5;}


.baodao li{ line-height:30px;}






.baodao-t span { font-size: 20px; color: #21232e; line-height: 50px; position:relative; text-transform:capitalize;background: url(../images/title-line-btm-img.png) no-repeat scroll center bottom;
padding-bottom: 20px;text-transform:uppercase;}
.baodao-box{ padding: 8px; margin: 0 10px;}
.baodao-box img{ width: 100%;}
.baodao-box-t{ height: 40px; margin: 18px 0 10px 0; overflow: hidden;}
.baodao-box-t h3{
	font-size: 15px;
	font-weight: normal;
	display: table;
	width: 100%;
	text-align: center;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

.baodao-box-t h3{color: #4a4439;}
.roll-box{ padding: 0 42px;}
.roll-box .item {text-align: center;}
.roll-box .item img{display: inline-block;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;}
.roll-box .item:hover img {opacity: 0.5;}
.baodao .owl-controls .owl-prev, .baodao .owl-controls .owl-next{ position: absolute; top: 35%; width: 42px; height: 42px; line-height: 45px; font-size: 0; color: #4a4439; 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;
}


.baodao .owl-controls .owl-prev, .baodao .owl-controls .owl-next, .owl-controls .owl-prev, .owl-controls .owl-next{ position: absolute;  width: 42px; height: 42px; line-height: 45px; font-size: 0; color: #4a4439; 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;
}


.baodao .owl-controls .owl-prev:hover, .baodao .owl-controls .owl-next:hover{ color: #ff3c20;}
.baodao .owl-controls .owl-prev{ left: -35px;}
.baodao .owl-controls .owl-next{ right: -35px;}
.owl-carousel:hover .owl-prev{ left: -50px;}
.owl-carousel:hover .owl-next{ right: -50px;}
.baodao .owl-controls .owl-prev:before, .baodao .owl-controls .owl-next:before{
	font-family:"iconfont" !important;
    font-style: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-size: 35px;
	content: "\e7d1";
	
}
.baodao .owl-controls .owl-next{transform: rotateY(180deg);-webkit-transform:rotateY(180deg)}



























/*精选产品,热门产品*/
/*精选产品,热门产品*/
.featured-products, .hot-products{width: 100%;overflow: hidden;/*padding: 10px 0;*/position: relative;}
.featured-products-center, .hot-products-center{ width: 90%; margin: auto; max-width: 1300px;}
.featured-products-t, .hot-products-t, .index-news-t{ margin-bottom: 30px;margin-top: 30px;}
.featured-products-t span, .hot-products-t span, .index-news-t span{ font-size: 20px; color: #1b1b1a; font-weight: bold;line-height: 25px; position:relative; text-transform: uppercase;}
.featured-products .item, .hot-products .item{
	background-color: #fff;
	text-align: center;
    border: 1px solid #ebebeb;
    overflow: hidden;
    margin: 0 15px;
	line-height: 30px;
	font-size: 14px;
	 
}

 .hot-products .item{
	background-color: #fff;
	text-align: center;
    border: 1px solid #ebebeb;
    overflow: hidden;
    margin: 0 15px;
	line-height: 30px;
	font-size: 14px;
	/*padding-top:10px;*/
}




.featured-products .item img, .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;
}
.featured-products .item:hover img, .hot-products .item:hover img {opacity: 0.5;}


.featured-products  li{ line-height:30px;}






.featured-products-t span, .hot-products-t span { font-size: 20px; color: #21232e; line-height: 50px; position:relative; text-transform:capitalize;background: url(../images/title-line-btm-img.png) no-repeat scroll center bottom;
padding-bottom: 20px;text-transform:uppercase;}
.featured-products-box, .hot-products-box{ /*//padding: 8px; margin: 0 10px;*/}
.featured-products-box img, .hot-products-box img{ width: 100%;}
.featured-products-box-t, .hot-products-box-t{ height: 40px; margin: 15px 0 0px 0; overflow: hidden;}
.featured-products-box-t h3, .hot-products-box-t h3{
	font-size: 15px;
	font-weight: normal;
	display: table;
	width: 100%;
	text-align: center;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

.featured-products-box-t:hover h3, .hot-products-box-t h3{color: #4a4439;}
.roll-box{ padding: 0 42px;}
.roll-box .item {text-align: center;}
.roll-box .item img{display: inline-block;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;}
.roll-box .item:hover img {opacity: 0.5;}
.featured-products .owl-controls .owl-prev, .featured-products .owl-controls .owl-next, .hot-products .owl-controls .owl-prev, .hot-products .owl-controls .owl-next{ position: absolute; top: 35%; width: 42px; height: 42px; line-height: 45px; font-size: 0; color: #4a4439; 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, .featured-products .owl-controls .owl-next, .owl-controls .owl-prev, .owl-controls .owl-next{ position: absolute; top: -25%; width: 42px; height: 42px; line-height: 45px; font-size: 0; color: #4a4439; 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, .hot-products .owl-controls .owl-prev:hover, .hot-products .owl-controls .owl-next:hover{ color: #ff3c20;}
.featured-products .owl-controls .owl-prev, .hot-products .owl-controls .owl-prev{ left: -35px;}
.featured-products .owl-controls .owl-next, .hot-products .owl-controls .owl-next{ right: -35px;}
.owl-carousel:hover .owl-prev{ left: -50px;}
.owl-carousel:hover .owl-next{ right: -50px;}
.featured-products .owl-controls .owl-prev:before, .featured-products .owl-controls .owl-next:before, .hot-products .owl-controls .owl-prev:before, .hot-products .owl-controls .owl-next:before{
	font-family:"iconfont" !important;
    font-style: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-size: 35px;
	content: "\e7d1";
	
}
.featured-products .owl-controls .owl-next, .hot-products .owl-controls .owl-next{transform: rotateY(180deg);-webkit-transform:rotateY(180deg)}








/*首页关于我们*/
.index-about{  padding: 60px 0; overflow: hidden;}
.index-about-center{ margin: 0 auto; max-width: 1400px;; overflow: hidden;}
.index-about-box{ font-size: 0;}
.index-about-l{ width: 50%; display: inline-block; vertical-align: middle;}
.index-about-text{ margin-left: 40px;}
.index-about-l .th{ font-size: 14px; font-weight: normal; margin-bottom: 20px;line-height: 30px;}
.index-about-l .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-l .th a:hover{color: #f31244;}
.index-about-l 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-l span{ display: block;}
.index-about-l span a{ color: #fff; font-size: 16px; background-color: #f31244; display: inline-block; height: 40px; line-height: 40px; padding: 0 20px;
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-l span a:hover{ color: #fff; font-size: 16px; background-color: #333;}
.index-about-r{ width: 50%; display: inline-block; vertical-align: middle;}
.index-about-r-frame{   background-color: #fff;}
.index-about-r img{ max-width: 100%;}


/*首页新闻*/
.index-news{padding: 20px 0;overflow: hidden;}
.index-news-center{width:90%; margin: 0 auto; max-width: 1200px;}
.index-news-t, .index-case-t{ margin-bottom: 20px; position: relative;}
.index-news-box ul, .index-case-box ul{ font-size: 0; /*margin: -15px;*/} 
.index-news-box ul li, .index-case-box ul li{ width: 50%;display: inline-block; vertical-align: top; font-size: 14px;} 
.index-news-box ul li .item{ position: relative; overflow: hidden; margin:15px; font-size:0;} 
.index-news-box ul li .item a{overflow: hidden;} 
.index-news-box-frame{ width: 30%; overflow: hidden; display: inline-block; vertical-align: top;border-radius:5px;}

.index-news-box ul li .item img{ width: 100%;transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;} 
.index-news-box ul li .item img:hover{ transform: scale(1.1);} 
.index-news-box ul li .item .th{ font-size: 16px; line-height: 24px;font-weight: normal; margin-bottom: 10px;} 
.index-news-box ul li .item .th a:hover{ color: #4e4e4e;} 
.index-news-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;} 
.index-news-text{ width: 54%; margin-left: 4%; display: inline-block; vertical-align: top;}
.index-news-text span{ font-size: 14px; color: #0C9; display: inline-block; margin-bottom: 5px;} 

.index-news-text span{ font-size: 14px; color: #7a7a7a; display: inline-block; } 
/*首页案例*/
.index-case{padding: 0px 0;overflow: hidden; padding-bottom:30px;}
.index-case-center{
	width: 100%;
    max-width: 1310px;
    margin: auto;
	z-index: 1;}
.index-case-t{margin-bottom: 30px; text-align: center;}
.index-case-t span { font-size: 34px; color: #1b1b1a; line-height: 50px; position:relative; text-transform:capitalize;}
.index-case-box ul{ overflow: hidden; font-size: 0;  /*margin:-15px;text-align: center;*/} 
.index-case-box ul li{ width: 25%; float:left;/* display: inline-block; vertical-align: top; font-size: 14px;*/} 
.index-case-box ul li .item{ background-color: #000; overflow: hidden; /*margin: 15px;*/ position: relative;}
.index-case-box ul li .item:hover img{
	filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
	transform: scale(1.1);
	}
.index-case-box-frame img, .index-case-box-text{
	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{ width: 100%; overflow: hidden;}
.index-case-box-frame img{ max-width: 100%; display: block;}
.index-case-box-text{ color: #fff; overflow:hidden; padding: 25px; position: absolute; top:0; left:0; right: 0;bottom: 0; display: flex; 
	flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
	filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.index-case-box ul li .item:hover .index-case-box-text{
	filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
	}
.index-case-box ul li .item .th{ font-size: 20px; line-height: 24px;font-weight: normal; padding-bottom: 20px; position: relative;} 
.index-case-box ul li .item .th::after{
	position:absolute;
    content: " ";
	width: 30px;
	height: 4px;
	background-color:#fff;
	left: 50%;
	margin-left: -15px;
	bottom: 10px;
}
.index-case-box ul li .item .th a{ color: #fff;} 
.index-case-box ul li .item .th a:hover{ color: #1b1b1a;} 
.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: #1b1b1a;
    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: #1b1b1a;}
/*友情链接*/
.index-links{overflow: hidden; padding: 40px 0;}
.index-links-center{
	width: 90%;
    max-width: 1200px;
    margin: auto;
	z-index: 1;
}
.index-links-center .owl-carousel{
	margin: 0 30px;
}
.index-links-box{ text-align: center; margin: 0 10px;}
.index-links-box img{ max-width: 100%;}
.index-links .owl-controls .owl-prev, .index-links .owl-controls .owl-next{ position: absolute; top: 25%; width: 30px; height: 30px; line-height: 30px; font-size: 0; color: #b2b2b2; border: 1px solid #ebebeb; background-color: #fff; display: inline-block; border-radius: 4px; overflow: hidden;text-align: center;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;
}
.index-links .owl-controls .owl-prev:hover, .index-links .owl-controls .owl-next:hover{ background-color: #1b1b1a; border: 1px solid #1b1b1a; color: #fff;}
.index-links .owl-controls .owl-prev{ left: -30px;}
.index-links .owl-controls .owl-next{ right: -30px;}
.index-links .owl-controls .owl-prev:before, .index-links .owl-controls .owl-next:before{
	font-family:"iconfont" !important;
    font-style: normal;
    font-weight: bold;
    speak: none;
    -webkit-font-smoothing: antialiased;
    text-transform: none;
    font-size: 14px;
	content: "\e7d1";
}
.index-links .owl-controls .owl-next{transform: rotateY(180deg);}
/*首页部分结束*/

/*内页部分*/
.inner-page-main{ width: 100%; overflow: hidden;}
.inner-page-middle{ width: 100%; margin: 0 auto; max-width: 1310px; overflow: hidden;}
/*内页广告图*/
.shop-banner{
	overflow: hidden;
	padding: 40px 0;
}
.shop-banner-box{ width: 90%; max-width: 1200px; margin: auto;}
.shop-banner-box img{ width: 100%; display: block;}
/*面包屑导航*/
.bread-crumb{
	width: 100%;
	overflow: hidden;
	padding: 40px 0;
	background-image: url(../images/bread-crumb.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.bread-crumb:before {
    content: '';
    background: rgba(0, 0, 0, 0.12);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.bread-crumb ul{ width: 90%; max-width: 1200px; padding: 3% 0; margin: auto; color: #fff; position: relative; z-index: 1;}
.bread-crumb ul li{  font-size: 14px; line-height: 24px; display: inline-block; vertical-align: middle; margin-right: 8px;}
.bread-crumb ul li a{ color: #fff;}
.bread-crumb ul li span{color: #333;}
.bread-crumb ul li a:hover{ color: #222;}
.inner-page-content{width: 100%; margin: 40px 0; overflow: hidden;}
/*分页符*/
.pagination-bar {
	border: 1px solid #ebebeb;
    padding: 17px 25px;
    text-align: left;
	margin: 20px 0;
	overflow: hidden;
}
.pagination-bar ul {
	display: block;
}
.pagination-bar ul li {
	margin: 5px;
	display: inline-block;
	vertical-align: top;
}
.pagination-bar ul li a {
	background: #f1f1f1;
	height: 28px;
	width: 28px;
	display: inline-block;
	line-height: 28px;
	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;
	border-radius: 4px;
}
.pagination-bar ul li.pageinfo {
	background: #f1f1f1;
	line-height: 28px;
	text-align: center;
	padding: 0 15px;
	border-radius: 4px;
}
.pagination-bar ul li.active{
	background: #1b1b1a;
	color: #fff;
	height: 28px;
	width: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 4px;
}
.pagination-bar ul li a i{
	vertical-align: middle;
	font-weight: bold;
}
.pagination-bar ul li a:hover{ color: #fff; background: #1b1b1a;}
/*左边*/
.inner-page-l{ width: 26%; float: left; margin-bottom: 40px;}
.inner-page-r{ width: 100%; float: right; margin-bottom: 40px;}
/*侧边*/
.sidebar-block{ margin-right: 30px; overflow: hidden;}
.sidebar-box { overflow: hidden; margin-bottom: 40px; background-color: #fff; padding: 16px 20px; border: 1px solid #ebebeb;}
.sidebar-title {
	overflow: hidden;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #ebebeb;
}
.sidebar-title span{
    font-size: 18px;
    line-height: 24px;
	text-transform:capitalize;
}
.sidebar-contant{ overflow: hidden;}
.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: 40%; overflow: hidden;}
.sidebar-featured ul li .item .pro-media img{ max-width: 100%; display: block;}
.sidebar-featured ul li .item .pro-detail-info{ float: right; width: 60%;}
.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: #1b1b1a;}
.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: #1b1b1a;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    padding: 0 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;
}
.sidebar-featured ul li .item .pro-detail-info span a:hover{background-color: #363f4d;}
/*侧边联系方式*/
.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 .mb-20:nth-child(1) .inner-title i{ font-size: 16px;}
.sidebar-contact .inner-title{ color: #1b1b1a; font-weight:bold; position: absolute; left: 0; top: 0;background: #f1f1f1;
	border-radius: 4px;
    float: left;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
	}
.sidebar-contact .inner-title i{ font-size: 17px; color: #1b1b1a;}
.sidebar-contact ul li a{ word-break: break-all; display: inline-block;}
.sidebar-contact ul li a:hover{ color: #1b1b1a;} 
.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;
    border: 1px solid #ebebeb;
}
.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; margin-top: 10px;}
.product-listing-t{ position: relative; margin: 20px 0; overflow: hidden;}
.product-listing-t h2{
	font-size: 18px;
    color: #404042;
    line-height: 30px;
    display: inline-block;
    padding-right: 30px;
    background-color: #fff;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
}
.product-listing-t span{
	font-size: 14px;
    color: #404042;
    display: inline-block;
    padding-left: 20px;
    background-color: #fff;
    z-index: 1;
	position: relative;
	float: right;
	margin-top: 5px;
}
.product-listing-t span a{
	padding: 2px 8px;
	background-color: #f9f9f9;
	display: inline-block; 
}
.product-listing-t span a:hover{
	color: #fff;
	background-color: #1b1b1a;
}
.product-listing-t::after {
    background-color: #eee;
    bottom: 14px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.product-listing ul{ font-size: 0; overflow: hidden; margin: -10px;}
.product-listing ul li{ width: 33.33333%; font-size: 14px; display: inline-block; vertical-align: top;}
.product-listing .product-item {
	margin: 10px;
    background-color: #fff;
	position: relative;
	border: 1px solid #ebebeb;
}
.product-listing .product-item, .product-listing .product-image img{
	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 .sale-label{ position: absolute; top: 10px; left: 0; z-index:1;}
.product-listing .product-item .sale-label span{
	font-size: 14px;
	color: #fff;
	background-color: #C30;
	display: inline-block;
	padding: 4px 10px;
}
.product-listing .product-image{ overflow: hidden;}
.product-listing .product-image img{ max-width: 100%;}
.product-listing .product-item:hover img{transform: scale(1.1);}
.product-listing .product-item-name {
    overflow: hidden;
	padding: 15px;
}
.product-listing .product-item-name a{ display: table; width: 100%; height: 40px; text-align: left;}
.product-listing .product-item-name h3 {
	display: table-cell;
	vertical-align: middle;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
}
.product-listing .product-item-name span {
	display: table-cell;
	vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.product-item-text  {
    line-height: 24px;
    color: #fff;
    background-color: #1b1b1a;
    padding: 8px 15px;
    display: inline-block;
}




.product-listing .product-item-name h3:hover{color: #1b1b1a;}
/*产品类别*/
.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; border: 1px solid #ebebeb;}
.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: #1b1b1a;
    display: inline-block;
    padding: 4px 10px;
	position: relative;
	z-index: 1;
}
.product-category li .product-image img, .product-item-text span a{
	transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;}
.product-category li .product-image { width:30%; display: inline-block; vertical-align: middle; overflow: hidden;}
.product-category li .product-image img{ width: 100%; max-width: 500px;}
.product-category li .product-item:hover img{transform: scale(1.1);}
.product-item-text{ font-size: 14px; width:100%; 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:#1b1b1a; }
.product-item-text span a {
    line-height: 24px;
    color: #fff;
    background-color: #1b1b1a;
    padding: 8px 15px;
    display: inline-block;
}
.product-item-text span a i{ font-size: 20px; line-height: 18px; margin-right: 5px;}
.product-item-text span a.more {
	color: #242424;
    background-color: #f0f0f0;
	margin-left: 10px;
}
.product-item-text span a:hover { color: #fff; background-color: #666;}
/*产品详情*/
.product-details{ overflow: hidden;}
.product-page-plan {
    width: 46%;
	float: left;
}
.product-attributes {
    width: 54%;
    float: right;
}
.product-attributes .product-name {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
}
.product-attributes-item{ margin-bottom: 20px;}
.product-attributes-item ul li{ font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.product-attributes-item ul li label {
	color: #1b1b1a;
	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{ display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.product-detail-annex .pro-email-icon a{
	line-height: 20px;
	color: #fff;
	background-color: #1b1b1a;
	padding: 8px 15px;
	display: block;
}
.product-detail-annex .pro-email-icon a i{
	font-size: 22px;
	margin-right: 5px;
}
.product-detail-annex .pro-annex-icon{ display: inline-block; margin-bottom: 10px;}
.product-detail-annex .pro-annex-icon a{
	line-height: 20px;
	background: #f0f0f0;
	padding: 8px 15px;
	display: block;
}
.product-detail-annex .pro-annex-icon a i{
	margin-right: 5px;
}
.product-detail-annex a:hover{ color:#fff; background-color: #666;}
.product-information{ margin: 30px 0; overflow: hidden;}
.product-information-content{ border-bottom: 1px solid #ececec; overflow: hidden; padding: 0; line-height: 28px; font-size: 14px; padding-bottom: 20px;}
.product-information-t{background: #f1f1f1; margin-bottom: 20px; padding: 12px 20px;}
.product-information-t h1{font-size: 18px; line-height: 24px;}
.product-information-box h2{font-size: 16px; line-height: 28px;}
.product-information-content img{ display: inline-block; max-width: 100%;}

/*表格手机端滑动*/
.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: #1b1b1a;}
/*附件下载*/
.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: #1b1b1a;}
/*相关产品*/
.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 span,.related-products-t span{ 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 #ebebeb;
	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: #1b1b1a;
}		
.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: #1b1b1a;
}
.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: #1b1b1a;
}


/*侧边新闻*/
.sidebar-news ul li, .sidebar-news ul li i, .sidebar-about ul li, .sidebar-about ul li i, .news-list-top-box .item img, .news-listing ul li .news-listing-box, .case-listing-frame img, .case-listing ul li .item span a, .certificate-listing .item, .certificate-listing .item span a{
	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{ overflow: hidden;} 
.sidebar-news ul li{ line-height: 20px; font-size: 16px; padding: 10px 20px; position: relative; display: block; overflow: hidden;}
.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;}
.sidebar-news ul li:hover i{ left: 10px;}
.sidebar-news ul li a:hover{ color: #1b1b1a;}
/*侧边关于我们*/
.sidebar-about ul{ overflow: hidden;} 
.sidebar-about ul li{ line-height: 20px; font-size: 16px; padding: 10px 20px; position: relative; display: block; overflow: hidden;}
.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;}
.sidebar-about ul li:hover i{left: 10px;}
.sidebar-about ul li a:hover{ color: #1b1b1a;}

/*新闻列表*/
/*推荐新闻*/
.news-list-top{ overflow: hidden;} 
.news-list-top-box{ width: 100%; display: inline-block; vertical-align: top; margin-bottom: 40px; font-size: 14px;} 
.news-list-top-box .item{ position: relative; overflow: hidden; } 
.news-list-top-box .item a{overflow: hidden; display: block;} 
.news-list-top-box-frame{ overflow: hidden; float: left; width: 40%;}
.news-list-top-box .item img{ height: auto; display: block; font-size: 0; overflow: hidden; width: 100%;} 
.news-list-top-box .item img:hover{ transform: scale(1.1);} 
.news-list-top-box .item h2,.news-list-top-box .item h3{ font-size: 18px; line-height: 30px; margin-left: 25px; margin-bottom: 8px;} 
.news-list-top-box .item h2:hover,.news-list-top-box .item h3:hover{ color: #1b1b1a;} 
.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;
margin-bottom: 8px;
} 
.news-list-top-box-text{ display: inline-block; width: 60%;float: left; vertical-align: top;}
.news-list-top-box-text span{
	font-size: 14px;
    color: #1b1b1a;
	    margin-left: 25px;
} 

/*新闻列表*/
.news-listing{ overflow: hidden; margin-bottom: 40px;}
.news-listing-t{margin-bottom: 15px; overflow: hidden; padding: 12px 20px; background-color: #f1f1f1;}
.news-listing-t .th{ float: left; font-size: 18px; line-height: 24px;text-transform: capitalize;}
.news-listing-t .th a:hover{color: #1b1b1a;}
.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: #1b1b1a;}
.news-listing ul{ overflow: hidden; padding: 5px 20px;}
.news-listing ul li{ margin-bottom: 20px;}
.news-listing ul li .news-listing-box{overflow: hidden; position: relative; padding-right: 100px;}
.news-listing ul li .news-listing-box:hover{ padding-right: 75px; padding-left: 25px;}
.news-listing ul li h2,.news-listing ul li h3{ font-size: 16px; line-height: 20px; margin-bottom: 8px;}
.news-listing ul li h2:hover,.news-listing ul li h3:hover{ color: #1b1b1a}
.news-listing ul li p{ font-size: 14px; line-height: 24px; margin-bottom:6px;}
.news-listing ul li span{
	font-size: 14px;
    color: #1b1b1a;
	position: absolute;
	top: 2px;
	right: 0;
} 

/*新闻详情*/
.news-details{
	border-bottom: 1px solid #ececec;
    overflow: hidden;
    padding: 0;
    line-height: 28px;
    font-size: 14px;
    padding-bottom: 20px;
	}
.news-details-t{background: #f1f1f1;padding: 12px 20px; margin-bottom: 20px;}
.news-details-t h1{font-size: 18px; line-height: 24px;}
.news-details-box{ overflow: hidden;}
.news-details-time{ width: 100%; display: inline-block; margin-bottom: 20px;}
.news-details-time e{font-size: 14px;background: #f0f0f0;padding: 8px 10px;}
/*案例列表*/
.case-listing{}
.case-listing ul{ overflow: hidden; font-size: 0;} 
.case-listing ul li{ width: 48%; margin-right: 4%; display: inline-block; vertical-align: top; font-size: 14px;} 
.case-listing ul li:nth-child(2n+2){margin-right: 0;} 
.case-listing ul li .item{ margin: 0 0 30px 0; overflow: hidden;}
.case-listing-frame{ width: 100%;overflow: hidden;}
.case-listing-frame img{ max-width: 100%; display: block;}
.case-listing-frame img:hover{ transform: scale(1.1);}
.case-listing ul li .item h2,.case-listing ul li .item h3{ font-size: 18px; line-height: 20px;font-weight: normal; margin: 10px 0;}  
.case-listing ul li .item h2:hover,.case-listing ul li .item h3:hover{ color: #1b1b1a;} 
.case-listing ul li .item p{
	font-size: 14px; line-height: 20px;
	max-height: 60px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 20px;
} 
.case-listing ul li .item span {
    display: block;
}
.case-listing ul li .item span a {
    color: #fff;
    font-size: 16px;
    background-color: #1b1b1a;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
	border-radius: 4px;
}
.case-listing ul li .item span a:hover{background-color: #363f4d;}

/*证书展示*/
.certificate-listing ul{ font-size: 0; overflow: hidden; margin: -10px;}
.certificate-listing ul li{ width: 33.33333%; font-size: 14px; display: inline-block; vertical-align: top;}
.certificate-listing .item {
    background-color: #f1f1f1;
	padding: 15px;
	margin: 10px;
	position: relative;
}
.certificate-listing .item:hover {
    background-color: #1b1b1a;
}
.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: #333;
}
.certificate-listing .item:hover h3 a {
    color: #fff;
}

/*site-map网站地图*/
.site-map{    border: 1px solid #ebebeb;}
.site-map-t{ color: #666; font-size: 18px; line-height: 30px; background: #fff; padding: 12px 30px; margin-bottom: 15px; border-bottom: 1px solid #ebebeb;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: #1b1b1a}
/*案例详情,工厂展示,关于我们*/
.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{ padding: 12px 20px; background-color: #f1f1f1; 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{ overflow: hidden; border-bottom: 1px solid #ececec; padding-bottom: 20px;}
.case-details-box img, .factory-details-box img, .about-details-box img,.news-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;}
.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: #ebebeb;
    padding: 12px 20px;
    margin-bottom: 15px;
}
.contact-name h5{font-size: 16px;line-height: 24px;}
.contact-info table{ width: 100%; border-collapse: collapse;}
.contact-info tr{ background-color: #fff;word-break:break-all;}
.contact-info tr:hover{ background-color: #faf9f9;}
.contact-info tr th, .contact-info tr td{font-size: 14px;}
.contact-info tr th:first-child, .contact-info tr td:first-child {width: 28%;}
.contact-info td a {
	color: #fff;
	padding: 13px;
}
.contact-info td{
	padding:15px 10px;
	border:1px solid #ebebeb;
	vertical-align:middle;
}
.contact-info td i{font-size: 18px; margin-right: 10px;}
.contact-info td.name, .contact-info td.description{
	vertical-align:top;
}
.contact-info td:first-child{
	padding:15px 10px;
	text-transform:uppercase;
	font-weight: bold;
	vertical-align:middle;
}

/*邮件*/
.inner-message{ margin-bottom: 30px; overflow: hidden;}
.inner-message-t{
	background: #f0f0f0;
    padding: 10px 16px;
    margin-bottom: 20px;
}
.inner-message-t h5{font-size: 18px;line-height: 24px;}
.inner-message .th{font-size: 20px; margin-bottom: 30px; position: relative; padding: 12px 20px; background-color: #f1f1f1;}
.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: #333;
    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;
	border-radius: 4px;
}
.inner-message-row .item button:hover{ background-color: #1b1b1a;}
.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: #fff; border: 1px solid #ebebeb;}
.inner-message-box{ padding: 8px; background-color: #fff;    border: 1px solid #ebebeb;}
/*空位符*/
.air-h30{ width: 100%; height: 30px; display: block;}
/*上下篇*/
.other-upper-next{
	border-bottom: 1px solid #ececec;
    overflow: hidden;
    line-height: 28px;
    font-size: 14px;
    padding: 20px 0;
	margin-bottom: 30px;
	}
.other-upper-next-box{ overflow: hidden;}
.other-upper-next .other-upper{ float: left;}
.other-upper-next .other-next{ float: right;}
.other-upper-next .other-upper i{ font-size: 13px; display:inline-block; vertical-align: middle; margin-right: 5px;}
.other-upper-next .other-next i{ float: right; font-size: 14px; display:inline-block; vertical-align: middle; margin-left: 5px;}
.other-upper-next span a:hover{color: #1b1b1a;}
/*底部*/
.footer-middle{ padding-top: 40px; background-color: #161615;}
.footer-content{width: 90%; margin: 0 auto; max-width: 1200px; overflow: hidden; font-size: 0;}
.footer-main{ margin: 20px 0;}
.footer-content .item{ width: 22%; display: inline-block; font-size: 14px; vertical-align: top; margin-bottom: 30px;}
.footer-content .item.footer-contactus{ width: 34%; }
.footer-content .item.footer-contactus li{ position: relative; display: flex;}
.footer-content .item.footer-contactus li label{ display: inline-block; vertical-align: top;}
.footer-static-block{ margin-right: 30px;}
.footer-static-block .th{ font-size: 15px; line-height: 20px; margin-bottom: 30px; color: #fff; position: relative;text-transform:uppercase;}

.footer-static-block .th a{color: #fff;}
.footer-static-block .th a:hover{color: #699ecd;}
.footer-block-contant li{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 18px;
	color: #fff;
}
.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 #fff;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 5px;
}
.footer-block-contant li a{
	color: #fff;
}
.footer-block-contant li a:hover{
	color: #ccc;
}
.footer-secondary{ width: 100%; padding: 20px 0; display: inline-block; background-color: #101010;}
.footer-secondary-box{ width: 90%; max-width: 1200px; margin: auto;}
.footer-secondary p{  color: #fff; font-size: 13px; text-align: left; line-height: 18px; padding: 14px 240px 15px 0;}


/*右侧漂浮替换样式*/
.im{position: fixed;right: 2px; top: auto; bottom: 40px; z-index: 11;}
.im-l{
	color:#fff;
	width: 32px;
	height: 60px;
	cursor: pointer;
	background-color: #1b1b1a;
	box-shadow: 0 0 8px #eaf0f6;
	border-radius: 4px 0px 0px 4px;
	display: block;
	text-align: center;
	line-height: 60px;
	float: left;
}
.im-l i{font-size: 20px;}
#select{display:none;}
.im .box{
	float: right;
	width:60px;
	background-color: #1b1b1a;
	border-radius: 0 4px 4px 4px;
	display:none;
}
.im .box ul{background-color: #fff;list-style-type: none;margin: 5px;}
.im .box ul li{
	height: 50px;
	width: 50px;
	overflow: hidden;
	text-align: center;
	line-height: 50px;
}
.im .box ul li a{ text-decoration: none; display: block;}
.im .box ul li i{font-size: 24px;color: #f39d22;}
.im .box ul li i.img-skype{color: #00aff0;}
.im .box ul li i.img-whatsapp{ color:#00d51b;}
.im .box ul li i.img-user{color:#F66;}
.im .box ul li i.img-skype, .im .box ul li i.img-envelope{font-size: 28px;}
.im .box ul li a:hover i{color: #343537;}
#select:checked + .box{display:block;}
#cus_ser1 .msn {
	background-image: url(../images/c.jpg);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}
.im .skype {
	    background-image: url(../images/c.jpg);
    background-repeat: no-repeat;
    background-position: -47px 0;
    height: 50px;
    width: 47px;
}
.im .mail {
	    background-image: url(../images/c.jpg);
    background-repeat: no-repeat;
    background-position: -94px 0;
    height: 50px;
    width: 47px;
}
.im .kefu_01 {
	background-image: url(../images/kefu_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;
	overflow: hidden;
	background-color: #FFF;
}
.im .whatsapp {
	background-image: url(../images/kefu_02.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 50px;
	width: 50px;
	overflow: hidden;
	background-color: #FFF;
}
@media screen and (min-width:768px){
.im{ width:92px; position: fixed; right: -60px; top: 250px; transition:right 0.5s; bottom: auto; z-index: 11;}
.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-r{ width: 100%;}
}
@media screen and (max-width: 1044px){
.footer-content .item, .footer-content .item.footer-contactus, .product-listing ul li, .certificate-listing ul li{ width: 50%;}
.index-about {background-size: auto 100%;}
/*首页产品分类*/
.category-box-type h2 {
    font-size: 18px;
}
.index-about-l{ float: none;}
.index-about-r {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}
.category-box-detail a.btn {padding: 5px 25px;}
.hot-products-box ul li .item span a{padding: 0 20px;}
.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-page-plan, .product-attributes {width: 100%;}}
@media screen and (max-width:768px){
.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; height: 60px;}
.header-logo-box {
    height: 100%;
    margin-right:0;
    float: none;
	margin: auto;
}
.header-logo-box a img {max-height: 60px;margin: auto;}
.top-fixed.header-middle .header-logo {
	margin: 5px 0;
    height: 40px;
}
.top-fixed.header-middle .header-logo-box a img {max-height: 40px;}
.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;}
.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: 18px;
    line-height: 28px;
}
.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%;}
.index-news-box ul li::after {display: none;} 
.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 li { width: 100%; max-width: 500px;}
.index-case-box ul li .item{ margin: 15px; background-color:#fff;}
.index-case-box-text {
    color: #363f4d;
    position: static;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.index-case-box ul li .item .th a {color: #363f4d;}
.product-listing ul, .certificate-listing ul{ margin: -5px;}
.product-listing .product-item, .certificate-listing .item{ margin: 5px;}
/*联系我们表格*/
.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, .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 h2,.news-list-top-box .item h3, .news-list-top-box .item p, .news-list-top-box-text span{margin-left: 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%;}
.footer-secondary p{ width: 100%; padding: 10px 0;}
}
/*轮播图*/
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel{
	display: none;
	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:768px){
.footer-middle{ padding-top: 10px;}
.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;}
}
/*产品详情页图片*/
.pgwMenu {
	background: #333;
	height: 40px;
	position: relative;
	list-style: none
}

.pgwMenu ul {
	list-style: none;
	white-space: nowrap;
	margin: 0;
	padding: 0
}

.pgwMenu .pm-links.mobile,.pgwMenu .pm-viewMore>ul {
	background: #333;
	box-shadow: 2px 2px 4px #777;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 1000
}

.pgwMenu .pm-links.mobile li,.pgwMenu .pm-viewMore>ul>li {
	display: block;
	clear: both;
	width: 175px
}

.pgwMenu li {
	float: left;
	font-size: .9rem
}

.pgwMenu a {
	display: block;
	color: #fff;
	line-height: 40px;
	text-decoration: none;
	padding: 0 12px
}

.pgwMenu.light a {
	color: #000
}

.pgwMenu a.selected {
	background: #777
}

.pgwMenu li a:hover {
	background: #666;
	text-decoration: none
}

.pgwMenu.light li a:hover {
	background: #d0d0d0
}

.pgwMenu .pm-dropDown a {
	display: inline-block;
	background: #777
}

.pgwMenu .pm-dropDown a.active,.pgwMenu .pm-viewMore a.active {
	background: #666
}

.pgwMenu.light .pm-dropDown a.active {
	background: #bbb
}

.pgwMenu .pm-dropDown span.icon,.pgwMenu .pm-dropDown span.white {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABKSURBVEhL7ZOxDQAwCMN6O4/T0tmjsxHJDB4yROJ0dz3s1BRHEi2OTREBpQFKA5QGKA3m7IP8RKeIgNIApQFKA5QGc/ZBfkJTdF0oUafLBAFNbAAAAABJRU5ErkJggg==) no-repeat;display: block;
	height: 22px;
	width: 22px;
	margin: 9px 5px
}

.pgwMenu.light .pm-dropDown span.icon,.pgwMenu .pm-dropDown span.black {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvgAADr4B6kKxwAAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABpSURBVEhL7ZPLCcAwDEM9jefI/ks1Hyj2QbiGSLcKHggl8sEktjTc/WGyZxo6YKAbrFzFoav3/hdhmsrlijBN5XJFmKZyuSJMU7lcsfV/kIN0FRJgyACGDGDIAIYMpK8CHt6iG6xZhY0JIJ+6AHGbUFsAAAAASUVORK5CYII=) no-repeat;display: block;
	height: 22px;
	width: 22px;
	margin: 9px 5px
}

.pgwMenu .pm-viewMore {
	display: none;
	position: relative
}

.pgwMenu .pm-viewMore>ul {
	left: auto;
	right: 0
}

.pgwMenu .pm-viewMore li {
	float: none
}

.pgwMenu .pm-viewMore span.icon,.pgwMenu .pm-viewMore span.white {
	margin-left: 3px;
	display: inline-block;
	border-color: #fff transparent;
	border-style: solid;
	border-width: 8px 6px 0
}

.pgwMenu.light .pm-viewMore span.icon,.pgwMenu .pm-viewMore span.black {
	margin-left: 3px;
	display: inline-block;
	border-color: #000 transparent;
	border-style: solid;
	border-width: 8px 6px 0
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local(OpenSans),url(.SETTING_STATIC."/fonts/opensans.wof") format(woff)
}

.cntr {
	max-width: 450px;
	float: left;
	width: 100%;
	position: relative;
	z-index: 2;
	background-color: #FFF
}

.cntr:before,.cntr:after {
	content: ' ';
	display: table
}

.pgwSlideshow {
	background: #fff;
	display: none;

}

.pgwSlideshow .ps-list {
	overflow: hidden;
	position: relative;
	display:none;
}

.pgwSlideshow .ps-list li a {
	border: 1px solid #e1e1e1;
	display: table-cell;
	width: 60px;
	height: 60px
}

.pgwSlideshow .ps-list li img {
	max-width: 60px;
	max-height: 60px;
	background-color: #FFF
}

.pgwSlideshowLight {
	width: 100%;
	background: #ddd;
	display: none
}

.pgwSlideshowLight .ps-list {
	border-top: 1px solid #aaa;
	box-shadow: 0 10px 10px -5px #999 inset;
	background: #ddd;
	overflow: hidden;
	position: relative
}

.pgwSlideshowLight .ps-list li img {
	display: block;
	border: 1px solid #aaa;
	width: 80px;
	height: 80px
}

.pgwMenu.light,.pgwMenu.light .pm-links.mobile {
	background: #ddd
}

.pgwMenu.light a.selected,.pgwMenu.light .pm-dropDown a {
	background: #c5c5c5
}

.pgwMenu .pm-dropDown,.pgwMenu .pm-viewMore,.pgwMenu .pm-viewMore>ul,.hide {
	display: none
}

.pgwMenu .pm-viewMore>a,.dib {
	display: inline-block
}

.cntr:after,.clr {
	clear: both
}

.flf,.pgwSlideshow .ps-list li,.pgwSlideshowLight .ps-list li {
	float: left;
	width: 72px;
	height: 72px;
	display: table
}

.pgwSlideshow a,.pgwSlideshowLight a {
	display: table-cell;
	vertical-align: middle;
	color: #fff
}

.pgwSlideshow .ps-current,.pgwSlideshowLight .ps-current {
	text-align: center;
	position: relative;
	 
	
	overflow: hidden;
	
}

.pgwSlideshow .ps-current>ul {
	padding: 0;
	
}

.pgwSlideshow .ps-current>ul>li,.pgwSlideshowLight .ps-current>ul>li {
	text-align: center;
	width: 100%;

	z-index: 1;
	opacity: 0;
	
}

.pgwSlideshow .ps-current>ul>li img,.pgwSlideshowLight .ps-current>ul>li img {
	
	width: 100%;

	margin: auto;
	background-color: #FFF
}

.pgwSlideshow .ps-caption,.pgwSlideshowLight .ps-caption {
	background: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
	text-align: left;
	font-size: 1rem;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: none;
	padding: 10px
}

.pgwSlideshow .ps-caption span,.pgwSlideshowLight .ps-caption span {
	display: inline-block;
	padding: 7px
}

.pgwSlideshow .ps-list ul,.pgwSlideshowLight .ps-list ul {
	position: relative;
	list-style: none;
	left: 0;
	margin: 0;
	padding: 5px 0;
	overflow: hidden
}

.pgwSlideshow .ps-list li .ps-item,.pgwSlideshowLight .ps-list li .ps-item {
	display: table-cell;
	opacity: .6;
	filter: alpha(opacity=60);
	margin: 5px;
	width: 62px;
	height: 62px;
	text-align: center;
	vertical-align: middle
}

.pgwSlideshow .ps-list li .ps-item.ps-selected,.pgwSlideshowLight .ps-list li .ps-item.ps-selected {
	opacity: 1;
	overflow: hidden
}

.pgwSlideshow .ps-list li .ps-item.ps-selected a {
	border: 1px solid #C00
}

.pgwSlideshow .ps-prevIcon,.pgwSlideshowLight .ps-prevIcon {
	display: block;
	border-color: transparent #666;
	border-style: solid;
	border-width: 10px 10px 10px 0
}

.pgwSlideshow .ps-nextIcon,.pgwSlideshowLight .ps-nextIcon {
	display: block;
	border-color: transparent #666;
	border-style: solid;
	border-width: 10px 0 10px 10px
}

.pgwSlideshow .ps-current .ps-prev,.pgwSlideshowLight .ps-current .ps-prev {
	background: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
	border: 1px solid #777;
	border-left: 0;
	border-radius: 0 4px 4px 0;
	position: absolute;
	left: 0;
	top: 45%;
	cursor: pointer;
	padding: 20px 20px 20px 15px
}

.pgwSlideshow .ps-current .ps-next,.pgwSlideshowLight .ps-current .ps-next {
	background: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
	border: 1px solid #777;
	border-right: 0;
	border-radius: 4px 0 0 4px;
	position: absolute;
	right: 0;
	top: 45%;
	cursor: pointer;
	padding: 20px 15px 20px 20px
}

.pgwSlideshow .ps-list .ps-prev,.pgwSlideshowLight .ps-list .ps-prev {
	background: #f5f5f5;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
	border-left: 0;
	border-radius: 0;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 25px;
	z-index: 1000;
	display: none;
	padding: 20px 15px 20px 12px
}

.pgwSlideshow .ps-list .ps-next,.pgwSlideshowLight .ps-list .ps-next {
	background: #f5f5f5;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";
	border-right: 0;
	border-radius: 0;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 25px;
	z-index: 1000;
	display: none;
	padding: 20px 12px 20px 15px
}

.pgwSlideshow.narrow .ps-current .ps-prev,.pgwSlideshowLight.narrow .ps-current .ps-prev {
	top: 40%;
	padding: 15px 15px 15px 12px
}

.pgwSlideshow.narrow .ps-current .ps-next,.pgwSlideshowLight.narrow .ps-current .ps-next {
	top: 40%;
	padding: 15px 12px 15px 15px
}

.pgwSlideshow.narrow .ps-list .ps-prev,.pgwSlideshowLight.narrow .ps-list .ps-prev {
	top: 16px;
	padding: 15px 8px 15px 8px
}

.pgwSlideshow.narrow .ps-list .ps-next,.pgwSlideshowLight.narrow .ps-list .ps-next {
	top: 16px;
	padding: 15px 8px 15px 8px
}

.pgwSlideshow.narrow .ps-caption,.pgwSlideshowLight.narrow .ps-caption {
	display: none;
	padding: 0;
	width: 0;
	font-size: 0
}

.pgwSlideshow.narrow .ps-list .ps-next:hover,.pgwSlideshow.narrow .ps-list .ps-prev:hover {
	background: #f1ac06
}

.pgwSlideshow.narrow .ps-list .ps-next:hover .ps-nextIcon,.pgwSlideshow.narrow .ps-list .ps-prev:hover .ps-prevIcon {
	border-color: transparent #fff
}

@media screen and (max-width:1024px) {
	.pgwSlideshow {
		margin-right: 0
	}
}

@media(min-width:768px) {
	.cntr {
		float: left;
		width: 100%;
		position: relative;
		z-index: 2;
		background-color: #FFF
	}
}
/*产品详图情放大*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900000;
	width: 100%;
	height: auto;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000000;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img {
	max-width: 100%;
	border: none;
}

#lightbox-container-image-box {
	max-width: 100%;
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lightbox-container-image {
	padding: 10px;
	background-color: #fff;
	position: relative;
}

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box>#lightbox-nav {
	left: 0;
}

#lightbox-nav a {
	outline: none;
}

#lightbox-nav-btnPrev,#lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}

#lightbox-nav-btnNext {
	right: 0;
	float: right;
}

#lightbox-container-image-data-box {
	font: 10px Verdana,Helvetica,sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}

#lightbox-image-details-caption {
	font-weight: bold;
}

#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: .7em;
}

#files {
	max-width: 100%;
	width: 100%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
}

#lightbox-image {
	max-width: 100%;
}
/*详情页seo内容*/
.article-append {
	padding: 10px 0;
	overflow: hidden
}

.article-outline {
	margin-bottom: 20px;
	padding: 10px;
	background-color: rgba(0,0,0,0.05);
	margin-top: 10px
}

.article-outline p {
	font-size: 16px
}

.append-item {
	padding: 10px 0;
	border-top: 1px solid #ccc;
	overflow: hidden;
	margin-bottom: 20px
}

.article-append-t {
	overflow: hidden
}

.article-append-t h3 {
	font-size: 18px;
	line-height: 22px;
	display: inline-block;
	border-bottom: 1px solid #8e969b;
	padding: 5px 0
}

.append-item h2 {
	font-size: 18px;
	text-align: left
}

.append-item p {
	overflow: hidden;
	text-align: left
}

@media screen and (max-width:426px) {
	.article-outline {
		margin-top: 20px
	}
}
/*证书放大*/
body.fancybox-active {
	overflow: hidden
}

body.fancybox-iosfix {
	position: fixed;
	left: 0;
	right: 0
}

.fancybox-is-hidden {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden
}

.fancybox-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99992;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.fancybox-outer {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	transition-duration: inherit;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
	opacity: .87;
	transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar {
	position: absolute;
	direction: ltr;
	z-index: 99997;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s,visibility 0s linear .25s;
	box-sizing: border-box
}

.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar {
	opacity: 1;
	visibility: visible;
	transition: opacity .25s,visibility 0s
}

.fancybox-infobar {
	top: 0;
	left: 0;
	font-size: 13px;
	padding: 0 10px;
	height: 44px;
	min-width: 44px;
	line-height: 44px;
	color: #ccc;
	text-align: center;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: subpixel-antialiased;
	mix-blend-mode: exclusion
}

.fancybox-toolbar {
	top: 0;
	right: 0;
	margin: 0;
	padding: 0
}

.fancybox-stage {
	overflow: hidden;
	direction: ltr;
	z-index: 99994;
	-webkit-transform: translateZ(0)
}

.fancybox-is-closing .fancybox-stage {
	overflow: visible
}

.fancybox-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	outline: none;
	white-space: normal;
	box-sizing: border-box;
	text-align: center;
	z-index: 99994;
	-webkit-overflow-scrolling: touch;
	display: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform
}

.fancybox-slide:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
	display: block
}

.fancybox-slide--image {
	overflow: visible
}

.fancybox-slide--image:before {
	display: none
}

.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe {
	background: #000
}

.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe {
	background: #e5e3df
}

.fancybox-slide--next {
	z-index: 99995
}

.fancybox-slide>* {
	display: inline-block;
	position: relative;
	padding: 24px;
	margin: 44px 0;
	border-width: 0;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
	overflow: auto;
	box-sizing: border-box
}

.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title {
	display: none
}

.fancybox-slide .fancybox-image-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 99995;
	background: transparent;
	cursor: default;
	overflow: visible;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform
}

.fancybox-can-zoomOut .fancybox-image-wrap {
	cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
	cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
	cursor: -webkit-grab;
	cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.fancybox-image,.fancybox-spaceball {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	max-width: none;
	max-height: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.fancybox-spaceball {
	z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
	padding: 0;
	width: 80%;
	height: 80%;
	max-width: calc(100% - 100px);
	max-height: calc(100% - 88px);
	overflow: visible;
	background: #fff
}

.fancybox-iframe {
	display: block;
	padding: 0;
	border: 0;
	height: 100%
}

.fancybox-error,.fancybox-iframe {
	margin: 0;
	width: 100%;
	background: #fff
}

.fancybox-error {
	padding: 40px;
	max-width: 380px;
	cursor: default
}

.fancybox-error p {
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 16px;
	line-height: 20px
}

.fancybox-button {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 10px;
	border: 0;
	border-radius: 0;
	background: rgba(30,30,30,.6);
	transition: color .3s ease;
	cursor: pointer;
	outline: none
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
	color: #ccc
}

.fancybox-button:focus,.fancybox-button:hover {
	color: #fff
}

.fancybox-button[disabled] {
	color: #ccc;
	cursor: default;
	opacity: .6
}

.fancybox-button svg {
	display: block;
	position: relative;
	overflow: visible;
	shape-rendering: geometricPrecision
}

.fancybox-button svg path {
	fill: currentColor;
	stroke: currentColor;
	stroke-linejoin: round;
	stroke-width: 3
}

.fancybox-button--share svg path {
	stroke-width: 1
}

.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2) {
	display: none
}

.fancybox-button--zoom svg path {
	fill: transparent
}

.fancybox-navigation {
	display: none
}

.fancybox-show-nav .fancybox-navigation {
	display: block
}

.fancybox-navigation button {
	position: absolute;
	top: 50%;
	margin: -50px 0 0;
	z-index: 99997;
	background: transparent;
	width: 60px;
	height: 100px;
	padding: 17px
}

.fancybox-navigation button:before {
	content: "";
	position: absolute;
	top: 30px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: rgba(30,30,30,.6)
}

.fancybox-navigation .fancybox-button--arrow_left {
	left: 0
}

.fancybox-navigation .fancybox-button--arrow_right {
	right: 0
}

.fancybox-close-small {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	z-index: 10;
	cursor: pointer
}

.fancybox-close-small:after {
	content: "×";
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	font: 22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
	color: #888;
	font-weight: 300;
	text-align: center;
	border-radius: 50%;
	border-width: 0;
	background-color: transparent;
	transition: background-color .25s;
	box-sizing: border-box;
	z-index: 2
}

.fancybox-close-small:focus {
	outline: none
}

.fancybox-close-small:focus:after {
	outline: 1px dotted #888
}

.fancybox-close-small:hover:after {
	color: #555;
	background: #eee
}

.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small {
	top: 0;
	right: -40px
}

.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after {
	font-size: 35px;
	color: #aaa
}

.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after {
	color: #fff;
	background: transparent
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
	display: none
}

.fancybox-caption-wrap {
	bottom: 0;
	left: 0;
	right: 0;
	padding: 60px 2vw 0;
	background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));
	pointer-events: none
}

.fancybox-caption {
	padding: 30px 0;
	border-top: 1px solid hsla(0,0%,100%,.4);
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	-webkit-text-size-adjust: none
}

.fancybox-caption a,.fancybox-caption button,.fancybox-caption select {
	pointer-events: all;
	position: relative
}

.fancybox-caption a {
	color: #fff;
	text-decoration: underline
}

.fancybox-slide>.fancybox-loading {
	border: 6px solid hsla(0,0%,39%,.4);
	border-top: 6px solid hsla(0,0%,100%,.6);
	border-radius: 100%;
	height: 50px;
	width: 50px;
	-webkit-animation: a .8s infinite linear;
	animation: a .8s infinite linear;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 99999
}

@-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)
	}
}