@charset "utf-8";



/*整体布局样式*/



html,body {



	font-family: Arial, sans-serif;



	background: white;



	text-align: left;



	color: #444;



}







* {



	margin: 0;



	padding: 0;



}







html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {



	margin: 0;



	padding: 0;



	border: 0;



}







ul,li,ol {



	list-style: none outside



}







a {



	text-decoration: none;



	color: #444;



}







img {



	border: none;



}







input, button, select, textarea {



	outline: none;



}







input,textarea {



	background: none



}







*, ::after, ::before {



	-webkit-box-sizing: inherit;



	box-sizing: inherit;



}







article, aside, footer, header, nav, section {



	display: block;



}







@font-face {



	font-family: "Roboto-Regular";



	src: url('../fonts/roboto-regular.ttf'),



     url('../fonts/roboto-regular.eot'); /* IE9+ */



}



/*清除苹果按钮格式*/



input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {



	-webkit-appearance: none;



	border-radius: 0;



}



/*整体布局样式结束*/







.main {



	background-color: #fff;



}











/*网页头部开始*/



header {



	position: relative;



	z-index: 3;



}







.header-box {



	width: 100%;



}







.header-top {



	align-items: center;



	padding-top: 10px;



	background-color: #243559;



}







.header-inner {



	width: 90%;



	margin: auto;



	max-width: 1200px;



	position: relative;



}



/*清除浮动*/



.clear {



	clear: both



}



/*顶部联系方式*/



.header-contact {



	float: left;



}







.header-contact ul {



	overflow: hidden;



}







.header-contact ul li {



	display: inline-block;



	vertical-align: top;



	font-size: 13px;



	color: #555;



	margin: 0 12px 10px 0;



	line-height: 29px;



}







.header-contact ul li a {



	color: #ddd;



	display: inline-block;



	vertical-align: middle;



	font-weight: bold;



}







.header-contact ul li i {



	display: inline-block;



	margin-right: 5px;



	vertical-align: middle;



	color: #e6223a;



}







.header-contact ul li.website-mailbox i {



	font-size: 18px;



	margin-top: -2px;



}







.header-contact ul li.website-phone i {



	font-size: 14px;



	font-weight: bold;



}



/*顶部社交*/



.social-link {



	float: right;



}







.social-link a {



	color: #fff;



	margin-left: 5px;



	float: left;



	display: inline-block;



	width: 34px;



	height: 34px;



	line-height: 34px;



	text-align: center;



	border-radius: 50%;



	border: 1px solid #ddd;



}







.social-link a i {



	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: #e6223a;}*/



.social-link a:hover {



	color: #fff;



	border: 1px solid #e6223a;



	background-color: #e6223a;



}



/*语言选择开始*/



.language {



	float: right;



	margin-bottom: 10px;



}







.language .cur {



	cursor: pointer;



	position: relative;



	padding: 6px 5px 4px 6px;



	background-color: #fff;



	margin-right: 10px;



}







.language .cur e {



	color: #555;



	font-size: 12px;



	line-height: 20px;



	background-image: url(../images/flag.png);



	background-repeat: no-repeat;



	padding-left: 30px;



	height: 20px;



	display: block;



}







.language .cur e i {



	font-weight: bold;



	font-size: 12px;



	margin-left: 3px;



}







.language .cur:hover e {



	color: #ff3b23;



}







.language ul.language-list {



	max-height: 400px;



	overflow: auto;



	position: absolute;



	z-index: 2;



	top: 30px;



	right: -30px;



	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/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: #e6223a;



}







.language ul.language-list li:hover a {



	color: #fff;



}







.language e.cn, .language ul.language-list li a.cn {



	background-position: 0 0;



}







.language e.en, .language ul.language-list li a.en {



	background-position: 0 -22px;



}







.language e.es, .language ul.language-list li a.es {



	background-position: 0 -44px;



}







.language e.nl, .language ul.language-list li a.nl {



	background-position: 0 -66px;



}







.language e.ar, .language ul.language-list li a.ar {



	background-position: 0 -88px;



}







.language e.ru, .language ul.language-list li a.ru {



	background-position: 0 -110px;



}







.language e.de, .language ul.language-list li a.de {



	background-position: 0 -132px;



}







.language e.ja, .language ul.language-list li a.ja {



	background-position: 0 -154px;



}







.language e.pt, .language ul.language-list li a.pt {



	background-position: 0 -176px;



}







.language e.fr, .language ul.language-list li a.fr {



	background-position: 0 -198px;



}







.language e.it, .language ul.language-list li a.it {



	background-position: 0 -220px;



}







.language e.ko, .language ul.language-list li a.ko {



	background-position: 0 -242px;



}







.language e.th, .language ul.language-list li a.th {



	background-position: 0 -264px;



}







.language e.el, .language ul.language-list li a.el {



	background-position: 0 -286px;



}







.language e.pl, .language ul.language-list li a.pl {



	background-position: 0 -308px;



}







.language e.bul, .language ul.language-list li a.bul {



	background-position: 0 -330px;



}







.language e.est, .language ul.language-list li a.est {



	background-position: 0 -352px;



}







.language e.dan, .language ul.language-list li a.dan {



	background-position: 0 -374px;



}







.language e.fin, .language ul.language-list li a.fin {



	background-position: 0 -396px;



}







.language e.cs, .language ul.language-list li a.cs {



	background-position: 0 -418px;



}







.language e.rom, .language ul.language-list li a.rom {



	background-position: 0 -440px;



}







.language e.slo, .language ul.language-list li a.slo {



	background-position: 0 -462px;



}







.language e.swe, .language ul.language-list li a.swe {



	background-position: 0 -484px;



}







.language e.hu, .language ul.language-list li a.hu {



	background-position: 0 -506px;



}







.language e.hi, .language ul.language-list li a.hi {



	background-position: 0 -528px;



}







.language e.tr, .language ul.language-list li a.tr {



	background-position: 0 -550px;



}







.language e.vi, .language ul.language-list li a.vi {



	background-position: 0 -572px;



}







.language e.fa, .language ul.language-list li a.fa {



	background-position: 0 -594px;



}







.language e.he, .language ul.language-list li a.he {



	background-position: 0 -616px;



}







.language e.sk, .language ul.language-list li a.sk {



	background-position: 0 -638px;



}







.language e.id, .language ul.language-list li a.id {



	background-position: 0 -660px;



}







.language e.lt, .language ul.language-list li a.lt {



	background-position: 0 -682px;



}







.language e.lv, .language ul.language-list li a.lv {



	background-position: 0 -704px;



}







.language e.ms, .language ul.language-list li a.ms {



	background-position: 0 -726px;



}







.language e.no, .language ul.language-list li a.no {



	background-position: 0 -748px;



}







.language e.uk, .language ul.language-list li a.uk {



	background-position: 0 -770px;



}







.language e.ur, .language ul.language-list li a.ur {



	background-position: 0 -792px;



}







.language e.hr, .language ul.language-list li a.hr {



	background-position: 0 -814px;



}







.language e.tw, .language ul.language-list li a.tw {



	background-position: 0 0;



}







.language e.bn, .language ul.language-list li a.bn {



	background-position: 0 -836px;



}







.language e.te, .language ul.language-list li a.te {



	background-position: 0 -859px;



}







.language e.ta, .language ul.language-list li a.ta {



	background-position: 0 -880px;



}







.language e.sr, .language ul.language-list li a.sr {



	background-position: 0 -902px;



}







.language e.tl, .language ul.language-list li a.tl {



	background-position: 0 -924px;



}







.language e.is, .language ul.language-list li a.is {



	background-position: 0 -946px;



}







.language e.ca, .language ul.language-list li a.ca {



	background-position: 0 -968px;



}



/*语言选择结束*/



/*导航栏*/



.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: 0/0 serif;



	clear: both;



	overflow: hidden



}







.sm *,.sm *::before,.sm *::after {



	box-sizing: inherit



}







.main-nav {



	padding: 0 10px;



	background-color: #e6223a



}







.main-nav:after {



	clear: both;



	content: "\00a0";



	display: block;



	height: 0;



	font: 0/0 serif;



	overflow: hidden



}







.nav-brand {



	float: left;



	margin: 0



}







.nav-brand a {



	display: block;



	padding: 10px 10px 10px 20px;



	color: #fff;



	font-size: 22px;



	font-weight: normal;



	line-height: 29px;



	text-decoration: none



}







#main-menu {



	clear: both;



	-webkit-box-shadow: none;



	-moz-box-shadow: none;



	box-shadow: none



}







#main-menu:before {



	content: '';



	display: block;



	height: 1px;



	overflow: hidden;



	background: #fff



}







@media(min-width: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 .25s;



	transition: all .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 {



		overflow: inherit;



		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: 14px;



	line-height: 23px;



	font-weight: bold;



	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: 14px;



	text-shadow: none;



	font-weight: normal;



	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: 70%;



		margin: 18px 0;



		background-color: #fff;



		padding: 0



	}







	.sm-blue ul {



		top: 64px;



		position: absolute;



		width: 12em



	}







	.sm-blue>li {



		display: table-cell;



		height: 64px;



		vertical-align: middle;



		padding: 0 10px;



		text-align: center



	}







	.sm-blue>li>a {



		padding: 0;



		text-transform: uppercase



	}







	.sm-blue.sm-rtl li {



		float: right



	}







	.sm-blue ul li,.sm-blue.sm-rtl ul li,.sm-blue.sm-vertical li {



		float: none



	}







	.sm-blue ul a,.sm-blue.sm-vertical a {



		white-space: normal



	}







	.sm-blue .sm-nowrap>li>a,.sm-blue .sm-nowrap>li>:not(ul) a {



		white-space: nowrap;



		font-size: 14px



	}







	.sm-blue a {



		color: #333



	}







	.sm-blue a:hover,.sm-blue a:focus,.sm-blue a:active,.sm-blue a.highlighted {



		color: #e6223a



	}







	.sm-blue>li.current>a {



		color: #e6223a



	}







	.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: #e6223a transparent transparent transparent



	}







	.sm-blue ul a:hover .sub-arrow,.sm-blue ul .highlighted .sub-arrow {



		border-color: transparent transparent transparent #e6223a



	}







	.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-top: 2px solid #e6223a;



		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: #e6223a



	}







	.sm-blue ul a.current {



		color: #e6223a



	}







	.sm-blue ul a.disabled {



		background: #fff;



		color: #b3b3b3



	}







	.sm-blue ul a .sub-arrow {



		top: 50%;



		margin-top: -5px;



		bottom: auto;



		left: auto;



		margin-left: 10;



		right: 10px;



		border-style: dashed dashed dashed solid;



		border-color: transparent transparent transparent #666



	}







	.sm-blue ul li {



		border: 0



	}







	.sm-blue .scroll-up,.sm-blue .scroll-down {



		position: absolute;



		display: none;



		visibility: hidden;



		overflow: hidden;



		background: #fff;



		height: 20px



	}







	.sm-blue .scroll-up-arrow,.sm-blue .scroll-down-arrow {



		position: absolute;



		top: -2px;



		left: 50%;



		margin-left: -8px;



		width: 0;



		height: 0;



		overflow: hidden;



		border-width: 8px;



		border-style: dashed dashed solid dashed;



		border-color: transparent transparent #2b82ac transparent



	}







	.sm-blue .scroll-down-arrow {



		top: 6px;



		border-style: solid dashed dashed dashed;



		border-color: #2b82ac transparent transparent transparent



	}







	.sm-blue.sm-rtl.sm-vertical a .sub-arrow {



		right: auto;



		left: 10px;



		border-style: dashed solid dashed dashed;



		border-color: transparent #a1d1e8 transparent transparent



	}







	.sm-blue.sm-rtl>li:first-child>a,.sm-blue.sm-rtl>li:first-child>:not(ul) a {



		border-radius: 0 8px 8px 0



	}







	.sm-blue.sm-rtl>li:last-child>a,.sm-blue.sm-rtl>li:last-child>:not(ul) a {



		border-radius: 8px 0 0 8px!important



	}







	.sm-blue.sm-rtl>li:first-child {



		border-left: 1px solid #2b82ac



	}







	.sm-blue.sm-rtl>li:last-child {



		border-left: 0



	}







	.sm-blue.sm-rtl ul a .sub-arrow {



		right: auto;



		left: 10px;



		border-style: dashed solid dashed dashed;



		border-color: transparent #a1d1e8 transparent transparent



	}







	.sm-blue.sm-vertical {



		box-shadow: 0 1px 4px rgba(0,0,0,0.2)



	}







	.sm-blue.sm-vertical a {



		padding: 9px 23px



	}







	.sm-blue.sm-vertical a .sub-arrow {



		top: 50%;



		margin-top: -5px;



		bottom: auto;



		left: auto;



		margin-left: 0;



		right: 10px;



		border-style: dashed dashed dashed solid;



		border-color: transparent transparent transparent #a1d1e8



	}







	.sm-blue.sm-vertical>li:first-child>a,.sm-blue.sm-vertical>li:first-child>:not(ul) a {



		border-radius: 8px 8px 0 0



	}







	.sm-blue.sm-vertical>li:last-child>a,.sm-blue.sm-vertical>li:last-child>:not(ul) a {



		border-radius: 0 0 8px 8px!important



	}







	.sm-blue.sm-vertical>li {



		border-left: 0!important



	}







	.sm-blue.sm-vertical ul {



		border-radius: 4px!important



	}







	.sm-blue.sm-vertical ul a {



		padding: 9px 23px



	}



}



/*导航栏置顶固定*/



#fixedMenu {



	width: 100%;



}







.header-middle.top-fixed .header-logo {



	padding: 5px 0;



	height: 60px;



}







.header-middle.top-fixed .header-logo-box {



	height: 60px;



}







.header-middle.top-fixed .main-nav {



	margin: 3px 0



}







.header-middle.top-fixed .header-logo:after {



	border-top: 70px solid transparent;



}







.header-middle.top-fixed .header-logo-box a img {



	max-height: 55px;



}







.header-middle .header-logo, .header-logo-box, .header-middle .header-logo:after, .main-nav {



	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;



}



/*banner*/



.banner_sy {



	background-color: #000



}







.slides {



	text-align: center;



	overflow: hidden;



	display: block



}







.flex-container a:active,.flexslider a:active {



	outline: 0



}







.slides,.flex-control-nav,.flex-direction-nav {



	margin: 0;



	padding: 0;



	list-style: none;



	z-index: 2



}







.flexslider {



	width: 100%;



	overflow: hidden;



	position: relative;



	zoom: 1



}







.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 {



	position: relative;



	zoom: 1



}







.flexslider .slides {



	zoom: 1



}







.flexslider .slides>li {



	position: relative



}







.flex-container {



	zoom: 1;



	position: relative



}







.flex-caption {



	background: 0;



	-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: 10px



}







.flex-direction-nav li:nth-child(2) {



	right: 10px



}







.flex-direction-nav li a {



	color: #fff;



	width: 40px;



	height: 40px;



	margin: -13px 0 0;



	display: block;



	overflow: hidden;



	cursor: pointer;



	background-position: 0 0;



	z-index: 1;



	font-size: 0;



	text-align: center;



	border: 1px solid #fff;



	filter: alpha(opacity=0);



	-moz-opacity: 0;



	opacity: 0;



	transition: ease all .4s;



	-webkit-transition: ease all .4s;



	-moz-transition: ease all .4s;



	-o-transition: ease all .4s



}







.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: "\e677";



	font-style: normal;



	speak: none;



	-webkit-font-smoothing: antialiased;



	text-transform: none;



	font-size: 24px;



	line-height: 40px



}







.flex-direction-nav li a.prev {



	transform: rotateY(180deg)



}







.flex-direction-nav li a:hover {



	border: 1px solid #e6223a;



	background-color: #e6223a



}







.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: 0 5px 0 5px



}







.flex-control-nav li a {



	width: 50px;



	height: 4px;



	display: block;



	cursor: pointer;



	text-indent: -9999px;



	background-color: #FFF;



	border: 2px solid #FFF



}







.flex-control-nav li a:hover {



	background-color: #CCC



}







.flex-control-nav li a.active {



	cursor: default;



	background-color: #e6223a



}







.banner-text {



	width: 100%;



	height: 100%;



	position: absolute;



	top: 0;



	left: 0



}







.banner-text-c {



	width: 90%;



	height: 100%;



	max-width: 1200px;



	margin: auto;



	position: relative



}







.banner-text-c .itme {



	position: absolute;



	top: 30%;



	left: 0;



	width: 60%;



	text-align: left



}







.banner-text-c .itme .th {



	font-size: 50px;



	color: #fff;



	font-weight: 600;



	margin-bottom: 10px;



	text-transform: uppercase



}







.banner-text-c .itme p {



	color: #666;



	font-size: 18px;



	line-height: 28px;



	margin-bottom: 20px;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 3;



	overflow: hidden



}







.banner-text-c .itme span a {



	color: #fff;



	display: inline-block;



	padding: 14px 26px;



	font-weight: 600;



	text-decoration: none;



	outline: 0;



	border: 2px solid #fff;



	text-transform: uppercase;



	transition: ease all .4s;



	-webkit-transition: ease all .4s;



	-moz-transition: ease all .4s;



	-o-transition: ease all .4s



}







.banner-text-c .itme span a:hover {



	background-color: #e6223a;



	border: 2px solid #e6223a



}







@media screen and (max-width:1044px) {



	.banner-text-c .itme .th {



		font-size: 30px



	}







	.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



	}



}







@media screen and (max-width:768px) {



	.banner-text-c .itme {



		top: 20%



	}







	.banner-text-c .itme .th {



		font-size: 18px



	}







	.banner-text-c .itme p {



		display: none



	}







	.banner-text-c .itme span a {



		line-height: 28px;



		padding: 0 10px



	}







	.flex-direction-nav li a {



		width: 30px;



		height: 30px;



		bottom: 40%



	}







	.flex-direction-nav li a.next:before,.flex-direction-nav li a.prev:before {



		font-size: 20px;



		line-height: 30px



	}







	.flex-control-nav li {



		margin: 0 2px 0 2px



	}







	.flex-control-nav li a {



		width: 30px;



		height: 5px;



		border-radius: 0;



		border: 1px solid #FFF



	}



}







@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: 14px;



		line-height: 24px;



		padding: 0 10px;



		font-weight: normal



	}



}



/*头部中间*/



.header-middle {



	width: 100%;



	background-color: #fff;



	display: inline-block;



	box-shadow: 0px 2px 2px #000, 0 0 0 #fff;



}







.header-middle .header-inner {



}







.header-middle .header-logo {



	float: left;



	padding: 10px 0;



	height: 80px;



	height: 100px\0;



	max-width: 24%;



	position: relative;



	background-color: #fff;



}







.header-middle .header-logo:before {



	content: "";



	position: absolute;



	left: -90px;



	top: 0;



	background: #fff;



	z-index: 0;



	width: 90px;



	height: 100%;



}







.header-middle .header-logo:after {



	content: "";



	position: absolute;



	right: -100px;



	top: 0;



	border-top: 100px solid transparent;



	border-bottom: 0 solid transparent;



	border-left: 100px solid #fff;



	z-index: 0;



}







.header-logo-box {



	height: 80px;



	display: table;



}







.header-logo-box a {



	display: table-cell;



	vertical-align: middle;



}







.header-logo-box a img {



	display: block;



	max-height: 55px;



	max-width: 100%;



}



/*头部格言*/



.header-middle .company-motto {



	margin: 20px 0;



	height: 70px;



	padding-right: 260px;



}







.company-motto-p {



	display: table;



	height: 70px;



}







.company-motto-p p {



	display: table-cell;



	line-height: 20px;



	font-size: 18px;



	vertical-align: middle;



}



/*头部搜索*/



.header-search {



	float: right;



	margin-bottom: 10px;



}







.header-search .search-box input.input-text {



	padding: 2px 5px;



	line-height: 26px;



	float: left;



	height: 26px;



	height: 30px\0;



	background-color: #fff;



	border: 0;



}







.search-box button.search-btn {



	color: #fff;



	cursor: pointer;



	height: 30px;



	width: 34px;



	border: none;



	float: left;



	background-color: #e6223a;



}







.search-box button.search-btn:hover {



	background-position: -11px -125px;



}











/*首页部分*/



/*焦点*/



.focus {



	padding: 40px 0;



	overflow: hidden;



	background-color: #f6f6f6;



	border-bottom: 1px solid #eee;



}







.focus-center {



	width: 90%;



	margin: auto;



	max-width: 900px;



	text-align: center;



}







.focus-center h1 {



	font-size: 22px;



	line-height: 30px;



	padding-bottom: 10px;



}







.focus-center p {



	font-size: 14px;



	line-height: 28px;



}



/*快速链接,派生词*/



.quick-links {



	padding: 40px 0;



	overflow: hidden;



	background-color: #f6f6f6;



}







.quick-links-center, .derivative-center {



	width: 90%;



	margin: auto;



	max-width: 1200px;



}







.quick-links-t, .derivative-t {



	margin-bottom: 10px;



	position: relative;



	text-align: center;



}







.quick-links-t::after, .derivative-t::after {



	background-color: #eee;



	bottom: 25px;



	content: "";



	height: 1px;



	left: 0;



	position: absolute;



	width: 100%;



}







.quick-links-t span, .derivative-t span {



	font-size: 20px;



	color: #404042;



	line-height: 50px;



	display: inline-block;



	padding: 0 30px;



	background-color: #f6f6f6;



	position: relative;



	text-transform: capitalize;



	z-index: 1;



}







.quick-links-box ul, .derivative-box ul {



	font-size: 0;



	text-align: center;



}







.quick-links-box ul li {



	font-size: 14px;



	display: inline-block;



	vertical-align: top;



	margin: 4px 8px;



	line-height: 20px;



}







.quick-links-box ul li h4 {



	font-size: 14px;



	font-weight: normal;



}







.derivative {



	padding: 20px 0;



	overflow: hidden;



	border-top: 1px solid #ececec;



}







.derivative-box ul li {



	font-size: 12px;



	display: inline-block;



	vertical-align: top;



	margin: 5px 8px;



	line-height: 20px;



}







.derivative-box ul li h5 {



	font-size: 12px;



	font-weight: normal;



}







.quick-links-box ul li a:hover, .derivative-box ul li a:hover {



	color: #f1ac06;



}



/*焦点*/



.focus {



	padding: 40px 0;



	overflow: hidden;



	background-color: #f9f9f9;



}







.focus-center {



	width: 90%;



	margin: auto;



	max-width: 1100px;



	text-align: center;



}







.focus-center h1 {



	font-size: 22px;



	line-height: 30px;



	padding-bottom: 10px;



}







.focus-center p {



	font-size: 14px;



	line-height: 28px;



}



/*首页中部*/



.mian-contain {



	width: 100%;



	overflow: hidden;



}







.subblock {



	margin: 40px;



}







.subblock .category {



	max-width: 1200px;



	margin: auto;



}







.subblock .category ul {



	text-align: left;



	font-size: 0;



	margin: -10px;



}







.subblock .category ul li {



	width: 25%;



	display: inline-block;



	vertical-align: top;



}







.category-box {



	position: relative;



	background-color: #f9f9f9;



	overflow: hidden;



	padding: 25px;



	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);



	margin: 10px;



	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::after {



	background-color: #e6223a;



	bottom: 0;



	content: "";



	height: 2px;



	left: 0;



	position: absolute;



	width: 0;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.category-box:hover::after {



	width: 100%;



}







.category-box a {



}







.category-box a img {



	overflow: hidden;



	display: block;



	max-width: 100%;



	-moz-backface-visibility: hidden;



	-webkit-backface-visibility: hidden;



	backface-visibility: hidden;



}







.category-box-detail {



	color: #282828;



	padding-top: 25px;



}







.category-box-type {



	margin-bottom: 17px;



}







.category-box-type h2 {



	font-size: 18px;



	font-weight: 400;



	text-transform: uppercase;



}







.category-box-type h2 a:hover {



	color: #e6223a;



}







.category-box-detail a.btn {



	font-size: 14px;



	font-weight: bold;



}







.category-box-detail a.btn:hover {



	color: #e6223a;



}



/*精选产品*/



.featured-products {



	width: 100%;



	overflow: hidden;



	padding: 60px 0;



	position: relative;



}







.featured-products-center {



	width: 90%;



	margin: auto;



	max-width: 1230px;



}







.featured-products-t {



	margin-bottom: 30px;



	text-align: center;



}







.featured-products-t span {



	font-size: 34px;



	color: #444;



	display: block;



	line-height: 50px;



	position: relative;



	text-transform: uppercase;



}







.featured-products-t span::after {



	background-color: #e6223a;



	bottom: -5px;



	content: "";



	height: 2px;



	left: 50%;



	margin-left: -35px;



	position: absolute;



	width: 70px;



}







.featured-products-box {



	background-color: #fff;



	margin: 0 15px 15px 15px;



	padding-bottom: 10px;



	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);



}







.featured-products-box ul {



	overflow: hidden;



	font-size: 0;



}







.featured-products-box ul li {



	font-size: 14px;



	width: 25%;



	display: inline-block;



	vertical-align: top;



}







.featured-products-box .item {



	margin: 15px;



	background: #fff;



	padding-bottom: 10px;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.featured-products-box .item img {



	width: 100%;



}







.featured-products-box-t {



	height: 40px;



	margin: 18px 0 10px 0;



	width: 100%;



	display: table;



	text-align: center;



	overflow: hidden;



}







.featured-products-box-t a {



	display: table-cell;



	vertical-align: middle;



	padding: 0 10px;



}







.featured-products-box-t h3 {



	font-size: 16px;



	font-weight: normal;



	line-height: 20px;



}







.featured-products-box-t:hover h3 {



	color: #e6223a;



}







.featured-products .owl-controls .owl-prev, .featured-products .owl-controls .owl-next {



	position: absolute;



	top: 35%;



	width: 42px;



	height: 42px;



	line-height: 45px;



	font-size: 0;



	color: #232f3e;



	display: inline-block;



	border-radius: 50%;



	overflow: hidden;



	text-align: center;



	border: 2px solid #232f3e;



	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 {



	border: 2px solid #e6223a;



	color: #e6223a;



}







.featured-products .owl-controls .owl-prev {



	left: -35px;



}







.featured-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 {



	font-family: "iconfont" !important;



	font-style: normal;



	speak: none;



	-webkit-font-smoothing: antialiased;



	text-transform: none;



	font-size: 35px;



}







.featured-products .owl-controls .owl-prev:before {



	content: "\e68d";



}







.featured-products .owl-controls .owl-next:before {



	content: "\e68e";



}







/*首页关于我们*/



.index-about {



	padding: 60px 0;



	overflow: hidden;



	background-color: #f9f9f9;



}







.index-about-t {



	margin-bottom: 30px;



	text-align: center;



}







.index-about-t span {



	font-size: 34px;



	color: #444;



	line-height: 50px;



	position: relative;



	text-transform: capitalize;



}







.index-about-t span::after {



	background-color: #e6223a;



	bottom: -5px;



	content: "";



	height: 2px;



	left: 50%;



	margin-left: -35px;



	position: absolute;



	width: 70px;



}







.index-about-center {



	width: 90%;



	margin: 30px auto;



	max-width: 1200px;



	overflow: hidden;



}







.index-about-box {



	overflow: hidden;



	position: relative;



}







.index-about-l {



	float: left;



	width: 48%;



}







.index-about-l-frame {



	padding: 8px;



	background-color: #fff;



}







.index-about-l img {



	max-width: 100%;



	border-radius: 10px;



	overflow: hidden;



}







.index-about-r {



	text-align: center;



	float: right;



	width: 48%;



}







.index-about-text {



	text-align: left;



}







.index-about-r .th {



	font-size: 30px;



	font-weight: normal;



	margin-bottom: 20px;



	margin-right: 40px;



	line-height: 40px;



	position: relative;



}







.index-about-r .th::before {



	background: #e6223a;



	bottom: -10px;



	content: "";



	height: 2px;



	left: 0;



	position: absolute;



	width: 80px;



}







.index-about-r .th a {



	color: #444;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.index-about-r .th a:hover {



	color: #e6223a;



}







.index-about-r p {



	font-size: 14px;



	line-height: 28px;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 7;



	overflow: hidden;



	margin-right: 40px;



	margin-bottom: 30px;



}







.index-about-r span {



	display: block;



}







.index-about-r span a {



	background-color: #e6223a;



	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-about-r span a:hover {



	background-color: #444;



	color: #fff;



}















/*热门产品*/



.hot-products {



	padding: 60px 0;



	overflow: hidden;



}







.hot-products-center {



	width: 90%;



	margin: 0 auto;



	max-width: 1210px;



	overflow: hidden;



}







.hot-products-t {



	margin-bottom: 30px;



	text-align: center;



}







.hot-products-t span {



	font-size: 34px;



	color: #333;



	display: block;



	line-height: 50px;



	position: relative;



	text-transform: uppercase;



}







.hot-products-t span::after {



	background-color: #e6223a;



	bottom: -5px;



	content: "";



	height: 2px;



	left: 50%;



	margin-left: -35px;



	position: absolute;



	width: 70px;



}







.hot-products-box ul {



	overflow: hidden;



	font-size: 0;



	margin: 15px;



}







.hot-products-box ul li {



	width: 33.33333%;



	display: inline-block;



	vertical-align: top;



	font-size: 14px;



	text-align: center;



}







.hot-products-box ul li .item {



	position: relative;



	background-color: #002c57;



	margin: 15px;



	overflow: hidden;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.hot-products-box ul li .item:hover img {



	opacity: 0.2;



	transform: scale(1.2);



}







.hot-products-box ul li .item:hover .hot-products-box-t {



	padding: 25px;



	opacity: 1;



}







.hot-products-box ul li .item img {



	display: block;



	width: 100%;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.hot-products-box-t {



	opacity: 0;



	position: absolute;



	top: 0;



	left: 0;



	overflow: hidden;



	padding: 25px 5px;



	text-align: left;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.hot-products-box ul li .item h3 {



	color: #fff;



	font-size: 16px;



	line-height: 20px;



}







.hot-products-box ul li .item span {



	display: block;



}







.hot-products-box ul li .item span a {



	margin: auto;



	background-color: #e6223a;



	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;



}







.hot-products-box ul li .item span a:hover {



	background-color: #444;



}



/*首页新闻*/



.index-news {



	padding: 60px 0;



	overflow: hidden;



	background-color: #f9f9f9;



}







.index-news-center {



	width: 90%;



	margin: 0 auto;



	max-width: 1200px;



}







.index-news-t {



	margin-bottom: 30px;



	text-align: center;



}







.index-news-t span {



	font-size: 34px;



	color: #333;



	display: block;



	line-height: 50px;



	position: relative;



	text-transform: uppercase;



}







.index-news-t span::after {



	background-color: #e6223a;



	bottom: -5px;



	content: "";



	height: 2px;



	left: 50%;



	margin-left: -35px;



	position: absolute;



	width: 70px;



}







.index-news-box ul {



	font-size: 0;



	margin: -15px;



	text-align: center;



}







.index-news-box ul li {



	width: 33.33333%;



	display: inline-block;



	vertical-align: top;



	text-align: left;



	max-width: 500px;



	font-size: 14px;



}







.index-news-box ul li .item {



	position: relative;



	overflow: hidden;



	margin: 15px;



	background-color: #fff;



}







.index-news-box ul li .item a {



	overflow: hidden;



}







.index-news-box-frame {



	overflow: hidden;



}







.index-news-box ul li .item img {



	width: 100%;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.index-news-box ul li .item img:hover {



	transform: scale(1.1);



}







.index-news-box ul li .item .th {



	font-size: 18px;



	line-height: 24px;



	font-weight: normal;



	height: 24px;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	position: relative;



	z-index: 1;



	margin-bottom: 12px;



}







.index-news-box ul li .item .th a:hover {



	color: #e6223a;



}







.index-news-box ul li .item p {



	font-size: 14px;



	line-height: 20px;



	max-height: 40px;



	margin-bottom: 12px;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 2;



	overflow: hidden;



}







.index-news-text {



	padding: 40px 25px 25px 25px;



	position: relative;



}







.index-news-text span {



	position: absolute;



	top: -40px;



	left: 20px;



	font-size: 14px;



	color: #fff;



	display: inline-block;



	background-color: #e6223a;



	padding: 10px;



}







.index-news-text span b {



	display: block;



	font-size: 30px;



}







.index-news-text e {



	font-size: 14px;



	font-weight: bold;



}







.index-news-text e a:hover {



	color: #e6223a;



} 



/*首页案例*/



.index-case {



	padding: 60px 0;



	overflow: hidden;



	position: relative;



	background-image: url(../images/bg1.jpg);



	background-repeat: no-repeat;



	background-position: center center;



	background-size: cover;



	background-attachment: fixed;



}







.index-case:before {



	position: absolute;



	left: 0;



	top: 0;



	width: 100%;



	height: 100%;



	background: #002c57;



	opacity: .8;



	content: "";



}







.index-case-center {



	width: 90%;



	margin: 0 auto;



	max-width: 1200px;



	overflow: hidden;



	position: relative;



	z-index: 1;



}







.index-case-t {



	margin-bottom: 30px;



	text-align: center;



}







.index-case-t span {



	font-size: 34px;



	color: #333;



	line-height: 50px;



	position: relative;



	text-transform: uppercase;



}







.index-case-t span::after {



	background-color: #e6223a;



	bottom: -5px;



	content: "";



	height: 2px;



	left: 50%;



	margin-left: -35px;



	position: absolute;



	width: 70px;



}







.index-case-box ul {



	overflow: hidden;



	font-size: 0;



	margin: -15px;



	text-align: center;



}







.index-case-box ul li {



	width: 33.33333%;



	display: inline-block;



	text-align: left;



	vertical-align: top;



	font-size: 14px;



}







.index-case-box ul li .item {



	background-color: #fff;



	margin: 15px;



	overflow: hidden;



}







.index-case-box-frame {



	width: 100%;



	overflow: hidden;



}







.index-case-box-frame img {



	max-width: 100%;



	display: block;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.index-case-box-frame img:hover {



	transform: scale(1.1);



}







.index-case-box-text {



	overflow: hidden;



	padding: 25px;



	background-color: #f1f1f1;



}







.index-case-box ul li .item .th {



	font-size: 18px;



	line-height: 20px;



	font-weight: normal;



	margin-bottom: 10px;



}







.index-case-box ul li .item .th a:hover {



	color: #e6223a;



}







.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: #e6223a;



	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: #444;



}



/*首页部分结束*/







/*内页部分*/



.inner-page-main {



	width: 100%;



}







.inner-page-middle {



	width: 90%;



	margin: 0 auto;



	max-width: 1200px;



}



/*面包屑导航*/



.bread-crumb {



	width: 100%;



	padding: 20px 0;



	overflow: hidden;



	position: relative;



	background-image: url(../images/bg1.jpg);



	background-repeat: no-repeat;



	background-position: center center;



	background-size: cover;



}







.bread-crumb:before {



	position: absolute;



	left: 0;



	top: 0;



	width: 100%;



	height: 100%;



	background: #002c57;



	opacity: 0.5;



	content: "";



	z-index: 0;



}







.bread-crumb ul {



	width: 90%;



	max-width: 1200px;



	margin: auto;



	color: #fff;



	padding: 40px 0;



	text-align: center;



	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 a:hover {



	color: #e6223a;



}







.inner-page-content {



	width: 100%;



	margin: 20px 0;



	display: flex;



	flex-direction: row-reverse;



	align-items: flex-start;



}



/*分页符*/



.pagination-bar {



	text-align: center;



	padding: 20px 0;



}







.pagination-bar ul {



	display: block;



}







.pagination-bar ul li {



	display: inline-block;



	margin: 2px;



	vertical-align: top;



}







.pagination-bar ul li a {



	background: #f0f0f0;



	height: 35px;



	width: 35px;



	display: inline-block;



	line-height: 35px;



	text-align: center;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.pagination-bar ul li.pageinfo {



	background: #f0f0f0;



	line-height: 35px;



	text-align: center;



	padding: 0 15px;



}







.pagination-bar ul li.active {



	background: #e6223a;



	color: #fff;



	height: 35px;



	width: 35px;



	display: inline-block;



	line-height: 35px;



	text-align: center;



}







.pagination-bar ul li a i {



	vertical-align: middle;



	font-weight: bold;



}







.pagination-bar ul li a:hover {



	color: #fff;



	background: #e6223a;



}



/*左边*/.inner-page-l {



	width: 26%;



	margin-bottom: 40px;



	position: sticky;



	top: 80px;



	left: 0;



}







.inner-page-r {



	width: 74%;



	margin-bottom: 40px;



}



/*侧边*/



.sidebar-block {



	margin-right: 30px;



	overflow: hidden;



}







.sidebar-box {



	overflow: hidden;



	margin-bottom: 30px;



	background-color: #fff;



}







.sidebar-title {



	background: #e6223a;



	padding: 12px 20px;



	overflow: hidden;



}







.sidebar-title span {



	color: #fff;



	font-size: 18px;



	line-height: 24px;



	text-transform: uppercase;



}







.sidebar-contant {



	padding: 14px 20px;



	background-color: #fff;



	border: 1px solid #f1f1f1;



	border-top: 0;



}







.sidebar-featured ul {



	overflow: hidden;



}







.sidebar-featured ul li {



	width: 100%;



	overflow: hidden;



	margin: 8px 0;



	float: left;



}







.sidebar-featured ul li .item {



	overflow: hidden;



}







.sidebar-featured ul li .item .pro-media {



	float: left;



	width: 45%;



}







.sidebar-featured ul li .item .pro-media img {



	max-width: 100%;



	display: block;



}







.sidebar-featured ul li .item .pro-detail-info {



	float: right;



	width: 55%;



}







.sidebar-featured ul li .item .pro-detail-info .th {



	margin-left: 15px;



	font-size: 14px;



	line-height: 18px;



	margin-bottom: 12px;



	font-weight: normal;



	max-height: 54px;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 3;



	overflow: hidden;



}







.sidebar-featured ul li .item .pro-detail-info .th a {



	display: block;



}







.sidebar-featured ul li .item .pro-detail-info .th a:hover {



	color: #e6223a;



}







.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: #e6223a;



	font-size: 14px;



	color: #fff;



	line-height: 30px;



	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: #444;



}



/*侧边联系方式*/



.sidebar-contact .mb-20 {



	font-size: 14px;



	line-height: 30px;



	margin-bottom: 15px;



	padding-left: 45px;



	position: relative;



}







.sidebar-contact .mb-20:nth-last-child(1) {



	margin-bottom: 0;



}







.sidebar-contact .inner-title {



	color: #e6223a;



	font-weight: bold;



	position: absolute;



	left: 0;



	top: 0;



	background: #f1f1f1;



	float: left;



	font-size: 20px;



	height: 35px;



	line-height: 35px;



	text-align: center;



	width: 35px;



}







.sidebar-contact .inner-title i {



	color: #e6223a;



}







.sidebar-contact ul li a {



	word-break: break-all;



	display: inline-block;



}







.sidebar-contact ul li a:hover {



	color: #e6223a;



}







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



	border: 1px solid #f1f1f1;



}







.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 {



	padding-bottom: 20px;



}







.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: #e6223a;



}







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



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



	border: 1px solid #f1f1f1;



}







.product-listing .product-item .sale-label {



	position: absolute;



	top: 10px;



	left: 0;



}







.product-listing .product-item .sale-label span {



	font-size: 14px;



	color: #fff;



	background-color: #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-name {



	height: 40px;



	overflow: hidden;



	padding: 10px 0;



	display: table;



	width: 100%;



	text-align: center;



}







.product-listing .product-item-name a {



	display: table-cell;



	vertical-align: middle;



	padding: 0 10px;



}







.product-listing .product-item-name h3 {



	font-size: 16px;



	font-weight: normal;



	line-height: 20px;



}







.product-listing .product-item-name h3:hover {



	color: #e6223a;



}



/*产品类别*/



.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 #f1f1f1;



}







.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: #e6223a;



	display: inline-block;



	padding: 4px 10px;



}







.product-category li .product-image {



	width: 30%;



	display: inline-block;



	vertical-align: middle;



}







.product-category li .product-image img {



	width: 100%;



	max-width: 500px;



}







.product-item-text {



	font-size: 14px;



	width: 70%;



	display: inline-block;



	vertical-align: middle;



}







.product-item-text-b {



	margin-left: 30px;



}







.product-item-text h2 {



	font-size: 18px;



	line-height: 24px;



	margin-bottom: 12px;



}







.product-item-text p {



	font-size: 14px;



	line-height: 24px;



}







.product-item-text .tag {



	font-size: 12px;



	width: 100%;



	margin: 10px -5px



}







.product-item-text .tag a {



	padding: 4px 8px;



	background-color: #eef0f1;



	display: inline-block;



	margin: 5px;



}







.product-item-text .tag a:hover {



	color: #fff;



	background-color: #e6223a;



}







.product-item-text span a {



	line-height: 24px;



	color: #fff;



	background-color: #e6223a;



	padding: 8px 15px;



	display: inline-block;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.product-item-text span a i {



	font-size: 20px;



	line-height: 18px;



	margin-right: 5px;



}







.product-item-text span a.more {



	color: #242424;



	background-color: #f0f0f0;



	margin-left: 10px;



}







.product-item-text span a:hover {



	color: #fff;



	background-color: #666;



}



/*产品详情*/



.product-details {



	overflow: hidden;



}







.product-page-plan {



	width: 46%;



	float: left;



}







.product-attributes {



	width: 54%;



	float: right;



}







.product-attributes .product-name {



	font-size: 22px;



	line-height: 30px;



	margin-bottom: 20px;



}







.product-attributes-item {



	margin-bottom: 20px;



}







.product-attributes-item ul li {



	font-size: 14px;



	line-height: 20px;



	margin-bottom: 10px;



}







.product-attributes-item ul li label {



	color: #e6223a;



	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: #e6223a;



	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 #bbb;



}







.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: #e6223a;



}



/*附件下载*/



.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: #e6223a;



}



/*相关产品*/



.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 #f1f1f1;



	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: #e6223a;



}







.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: #e6223a;



}







.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: #e6223a;



}











/*侧边新闻*/



.sidebar-news ul {



	overflow: hidden;



}







.sidebar-news ul li {



	line-height: 20px;



	font-size: 16px;



	padding: 10px 20px;



	position: relative;



	display: block;



	overflow: hidden;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.sidebar-news ul li:hover {



	padding: 10px 10px 10px 30px;



}







.sidebar-news ul li a {



	display: block;



}







.sidebar-news ul li i {



	font-size: 8px;



	position: absolute;



	top: 10px;



	left: 0;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.sidebar-news ul li:hover i {



	left: 10px;



}







.sidebar-news ul li a:hover {



	color: #e6223a;



}



/*侧边关于我们*/



.sidebar-about ul {



	overflow: hidden;



}







.sidebar-about ul li {



	line-height: 20px;



	font-size: 16px;



	padding: 10px 20px;



	position: relative;



	display: block;



	overflow: hidden;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.sidebar-about ul li:hover {



	padding: 10px 10px 10px 30px;



}







.sidebar-about ul li a {



	display: block;



}







.sidebar-about ul li i {



	font-size: 8px;



	position: absolute;



	top: 10px;



	left: 0;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.sidebar-about ul li:hover i {



	left: 10px;



}







.sidebar-about ul li a:hover {



	color: #e6223a;



}







/*新闻列表*/



/*推荐新闻*/



.news-list-top {



	overflow: hidden;



}







.news-list-top-box {



	width: 100%;



	display: inline-block;



	vertical-align: top;



	margin-bottom: 30px;



	font-size: 14px;



}







.news-list-top-box .item {



	position: relative;



	overflow: hidden;



}







.news-list-top-box .item a {



	overflow: hidden;



	display: block;



}







.news-list-top-box-frame {



	overflow: hidden;



	float: left;



	width: 40%;



}







.news-list-top-box .item img {



	height: auto;



	display: block;



	font-size: 0;



	overflow: hidden;



	max-width: 100%;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.news-list-top-box .item img:hover {



	transform: scale(1.1);



}







.news-list-top-box .item 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: #e6223a;



}







.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: #e6223a;



	margin-left: 25px;



} 







/*新闻列表*/



.news-listing {



	overflow: hidden;



	margin-bottom: 20px;



}







.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: #e6223a;



}







.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: #e6223a;



}







.news-listing ul {



	overflow: hidden;



}







.news-listing ul li {



	margin-bottom: 10px;



}







.news-listing ul li .news-listing-box {



	background-color: #f5f5f5;



	overflow: hidden;



}







.news-listing ul li h2,.news-listing ul li h3 {



	font-size: 16px;



	line-height: 30px;



	margin: 7px 16px 0 16px;



}







.news-listing ul li h2:hover,.news-listing ul li h3:hover {



	color: #e6223a;



}







.news-listing ul li p {



	font-size: 14px;



	line-height: 24px;



	margin: 0 16px 7px 16px;



}







.news-listing ul li span {



	font-size: 14px;



	color: #fff;



	background-color: #e6223a;



	display: inline-block;



	padding: 10px;



	float: left;



	margin-right: 16px;



}







.news-listing ul li span b {



	display: block;



	font-size: 30px;



} 







/*新闻详情*/



.news-details {



	border-bottom: 1px solid #ececec;



	overflow: hidden;



	padding: 0;



	line-height: 28px;



	font-size: 14px;



	padding-bottom: 20px;



}







.news-details-t {



	background: #f0f0f0;



	padding: 10px 16px;



	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: 100%;



	display: block;



	font-size: 14px;



}







.case-listing ul li .item {



	margin: 0 0 20px 0;



	overflow: hidden;



}







.case-listing-frame {



	width: 44%;



	float: left;



	margin-right: 20px;



	overflow: hidden;



	max-width: 220px;



}







.case-listing-frame img {



	max-width: 100%;



	display: block;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.case-listing-frame img:hover {



	transform: scale(1.1);



}







.case-listing ul li .item 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: #e6223a;



}







.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: #e6223a;



	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;



}







.case-listing ul li .item span a:hover {



	background-color: #444;



}







/*证书展示*/



.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 {



	margin: 10px;



	padding: 15px 10px;



	background-color: #f1f1f1;



	position: relative;



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.certificate-listing .item:hover {



	background-color: #e6223a;



}







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



	transition: ease all 0.4s;



	-webkit-transition: ease all 0.4s;



	-moz-transition: ease all 0.4s;



	-o-transition: ease all 0.4s;



}







.certificate-listing .item:hover h3 a {



	color: #fff;



}







/*site-map网站地图*/



.site-map-t {



	color: #666;



	font-size: 18px;



	line-height: 30px;



	background: #f1f1f1;



	padding: 12px 30px;



	margin-bottom: 15px;



	text-transform: capitalize;



}







.site-map-th {



	color: #6d6d6d;



	font-size: 16px;



	line-height: 30px;



	background: #fff;



	border-bottom: 1px dashed #f1f1f1;



	padding: 8px 30px;



}







.site-map-th h2 {



	font-size: 16px;



	font-weight: normal;



}







.site-map ul {



	font-size: 0;



	overflow: hidden;



	margin: 20px 0 30px 0;



	border-bottom: 1px solid #f1f1f1;



	padding: 10px 30px 0 30px;



	background-color: #fff;



}







.site-map ul li {



	font-size: 14px;



	margin-bottom: 12px;



	display: inline-block;



	vertical-align: top;



	line-height: 20px;



	width: 33.3%;



}







.site-map ul li h3 {



	font-size: 14px;



	font-weight: normal;



}







.site-map ul.site-map-l1 li {



	width: 25%;



}







.site-map ul.site-map-l2 li {



	width: 50%;



}







.site-map a:hover {



	color: #e6223a



}



/*案例详情,工厂展示,关于我们*/



.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: #f1f1f1;



	padding: 12px 20px;



	margin-bottom: 15px;



}







.contact-name h5 {



	font-size: 16px;



	line-height: 24px;



}







.contact-info {



}







.contact-info table {



	width: 100%;



	border-collapse: collapse;



}







.contact-info tr {



	background-color: #fff;



	word-break: break-all;



}







.contact-info tr:hover {



	background-color: #faf9f9;



}







.contact-info tr th, .contact-info tr td {



	font-size: 14px;



}







.contact-info tr th:first-child, .contact-info tr td:first-child {



	width: 28%;



}







.contact-info td a {



	color: #fff;



	padding: 13px;



}







.contact-info td {



	padding: 15px 10px;



	border: 1px solid #ebebeb;



	vertical-align: middle;



}







.contact-info td i {



	font-size: 18px;



	margin-right: 10px;



}







.contact-info td.name, .contact-info td.description {



	vertical-align: top;



}







.contact-info td:first-child {



	padding: 15px 10px;



	text-transform: uppercase;



	font-weight: bold;



	vertical-align: middle;



}







/*邮件*/



.inner-message {



	margin-bottom: 30px;



	overflow: hidden;



}







.inner-message-t {



	background: #f0f0f0;



	padding: 10px 16px;



	margin-bottom: 20px;



}







.inner-message-t h5 {



	font-size: 18px;



	line-height: 24px;



}







.inner-message .th {



	font-size: 20px;



	margin-bottom: 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: 110px;



}







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



}







.inner-message-row .item button:hover {



	background-color: #e6223a;



}







.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 #f1f1f1;



}







.inner-message-box {



	padding: 8px;



	background-color: #fff;



	border: 1px solid #f1f1f1;



}



/*空位符*/



.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: #e6223a;



}



/*底部*/



.footer-middle {



	padding-top: 40px;



	background: #071333;



}







.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 .item2 {



	width: 26%;



	display: inline-block;



	font-size: 14px;



	vertical-align: top;



	margin-bottom: 30px;



}



.footer-content .item.footer-contactus {



	width: 30%;



}







.footer-content .item.footer-contactus li {



	color: #ddd;



	position: relative;



	display: flex;



}







.footer-content .item.footer-contactus li label {



	display: inline-block;



	vertical-align: top;



}







.footer-content .item:nth-last-child(1) .footer-static-block {



	margin-right: 0;



}







.footer-static-block {



	margin-right: 30px;



}







.footer-content .item:nth-child(4) .footer-static-block {



	margin-right: 0;



}







.footer-static-block .th {



	font-size: 18px;



	line-height: 20px;



	margin-bottom: 30px;



	color: #ddd;



	position: relative;



	text-transform: uppercase;



}







.footer-static-block .th::before {



	background: #e6223a;



	bottom: -10px;



	content: "";



	height: 2px;



	left: 0;



	position: absolute;



	width: 40px;



}







.footer-static-block .th a {



	color: #ddd;



}







.footer-static-block .th a:hover {



	color: #e6223a;



}







.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: #ddd;



}







.footer-block-contant li a:hover {



	color: #e6223a;



}







.footer-secondary {



	border-top: solid 1px #333;



	width: 100%;



	padding: 20px 0;



	background-color: #071333;



	display: inline-block;



}







.footer-secondary-box {



	width: 90%;



	max-width: 1200px;



	margin: auto;



}







.footer-secondary p {



	color: #ddd;



	font-size: 13px;



	text-align: left;



	line-height: 18px;



	padding: 10px 240px 10px 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: #e6223a;



	box-shadow: 0 0 8px #eaf0f6;



	border-radius: 4px 0 0 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: #e6223a;



	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-repeat: no-repeat;



	height: 50px;



	width: 50px



}







.im .skype {



	background-repeat: no-repeat;



	background-position: -47px 0;



	height: 50px;



	width: 47px



}







.im .mail {



	background-repeat: no-repeat;



	background-position: -94px 0;



	height: 50px;



	width: 47px



}







.im .kefu_01 {



	background-repeat: no-repeat;



	background-position: center center;



	height: 50px;



	width: 50px;



	overflow: hidden;



	background-color: #FFF



}







.im .whatsapp {



	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 .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: #e6223a;



	border-radius: 4px;



	z-index: 10;



}







.scroll i {



	font-size: 28px;



}







@media screen and (max-width: 1220px) {



	.inner-page-l {



		width: 32%;



	}







	.inner-page-r {



		width: 68%;



	}



}







@media screen and (max-width: 1044px) {



	.footer-content .item, .footer-content .item.footer-contactus {



		width: 50%;



	}







	.subblock .category ul li, .index-case-box ul li, .hot-products-box ul li, .index-news-box ul li, .product-listing ul li, .certificate-listing ul li {



		width: 50%;



	}



/*首页产品分类*/



	.category-box-type h2 {



		font-size: 18px;



	}







	.index-about-l {



		float: none;



	}







	.index-about-r {



		position: relative;



		right: 0;



		top: 0;



		width: 100%;



	}







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



	}







	.social-link {



		width: 100%;



		overflow: hidden;



		margin-bottom: 10px;



	}







	.social-link a {



		margin-right: 5px;



		margin-left: 0;



	}







	.header-middle .header-logo {



		width: 100%;



		height: 50px;



		max-width: none;



		margin: 0;



		padding: 5px 0;



		float: none;



		text-align: center;



	}







	.header-logo-box {



		height: 100%;



		margin-right: 0;



		float: none;



		margin: auto;



	}







	.header-middle .header-logo:before, .header-middle .header-logo:after {



		display: none;



	}







	.header-logo-box a img {



		max-height: 50px;



	}







	.header-middle.top-fixed .header-logo-box a img {



		max-height: 40px;



	}







	.header-middle.top-fixed .header-logo {



		height: 40px;



	}







	.header-middle.top-fixed .header-logo-box {



		height: 40px;



	}







	.header-middle.top-fixed .main-nav {



		margin: 0;



	}







	.header-middle .company-motto {



		width: 100%;



		margin: 10px 0;



		height: auto;



		padding: 0;



		float: left;



	}







	.company-motto-p {



		display: block;



		height: auto;



	}







	.header-search {



		float: none;



		display: inline-block;



	}







	.index-about-l .th {



		font-size: 20px;



		margin-right: 0;



		line-height: 30px;



	}







	.subblock .category ul li, .index-news-box ul li, .index-case-box ul li {



		width: 100%;



	}







	.category-box a img {



		display: inline-block;



	}







	.featured-products-t span, .hot-products-t span, .index-news-t span, .index-case-t span {



		font-size: 24px;



	}







	.index-about-l, .index-about-r {



		width: 100%;



	}







	.hot-products-box ul li .item {



		margin: 0 5px;



	}







	.hot-products-box ul li .item h3 {



		font-size: 14px;



	}







	.footer-content .item, .footer-content .item.footer-contactus {



		width: 100%;



	}







	.hot-products-box-t {



		margin: 10px;



	}







	.featured-products-box .item {



		margin: 10px;



	}







	.featured-products-box-t {



		margin: 10px;



		overflow: hidden;



	}







	.index-case-box ul li .item {



		margin: 0;



	}







	.index-case-box ul li .item p, .index-case-box ul li .item span {



		display: none;



	}







	.index-case-box-text {



		padding: 22px;



	}



.index-about-r p{



	margin-right: 0



}



	.index-case-box ul li .item .th {



		font-size: 14px;



		line-height: 18px;



		margin-bottom: 0;



	}



/*联系我们表格*/



	.contact-info {



		border: 8px solid #f1f1f1;



	}







	.contact-info tr th, .contact-info tr td {



		font-size: 12px;



	}



/*返回顶部*/



	.scroll {



		width: 32px;



		height: 32px;



		line-height: 34px;



		right: 2px;



		bottom: 8px;



	}







	.scroll i {



		font-size: 22px;



	}







/*侧边*/



	.inner-page-content, .inner-page-l, .inner-page-r {



		width: 100%;



		margin-bottom: 0;



		display: block;



	}







	.sidebar-block {



		margin-right: 0;



	}







	.product-listing .product-item-name h3 {



		font-size: 14px;



	}



/*侧边联系方式*/



	.sidebar-contact {



		display: none;



	}



/*案例列表*/



	.case-listing-frame {



		width: 100%;



		margin: 0 0 20px 0;



		float: none;



		max-width: 500px;



	}







	.news-list-top-box-frame, .news-list-top-box-text {



		width: 100%;



		margin-bottom: 10px;



	}







	.news-list-top-box .item h3, .news-list-top-box .item p, .news-list-top-box-text span {



		margin-left: 0;



	}



/*证书*/



	.certificate-listing-frame {



		height: 180px;



	}







	.certificate-listing-frame img {



		max-height: 180px;



	}







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



	width: 100%;



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



}







.owl-controls .owl-page,.owl-controls .owl-buttons div {



	cursor: pointer



}







.product-slider .product-slider-main:hover .owl-prev,.product-slider .product-slider-main:hover .owl-next,#roll-img:hover .owl-prev,#roll-img:hover .owl-next {



	opacity: 1



}







.container {



	padding-left: 0;



	padding-right: 0



}







.owl-carousel .owl-wrapper-outer {



	display: inline-block;



	padding-top: 7px;



	margin-top: -7px



}







.roll-box {



	padding: 0 42px



}







#roll-img .item {



	text-align: center



}







#roll-img .item img {



	display: inline-block;



	max-width: 100%;



	transition: ease all .4s;



	-webkit-transition: ease all .4s;



	-moz-transition: ease all .4s;



	-o-transition: ease all .4s



}







#roll-img .item:hover img {



	opacity: .5



}



/*移动端侧边,底部折叠*/



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



	margin-right: 30px



}







.pgwSlideshow .ps-list {



	overflow: hidden;



	position: relative



}







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



	min-height: 150px;



	overflow: hidden;



	border: 1px solid #e1e1e1



}







.pgwSlideshow .ps-current>ul {



	padding: 0;



	height: 100%



}







.pgwSlideshow .ps-current>ul>li,.pgwSlideshowLight .ps-current>ul>li {



	text-align: center;



	width: 100%;



	height: 100%;



	z-index: 1;



	opacity: 0;



	display: block;



	position: absolute



}







.pgwSlideshow .ps-current>ul>li img,.pgwSlideshowLight .ps-current>ul>li img {



	display: block;



	max-width: 100%;



	max-height: 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;



	width: 100%;



}







.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 span {



	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)



	}



}