@charset "utf-8";
/* 
 * Project Name:焱森腾达
 * Author:Amy
 * Date:2016-12-07
 */
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: 0px;
	border: 0;
	font-size: 100%;
	outline: none;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
}
/* always display scrollbars */
body {
	font: 12px/1.8 "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif;
	margin: 0 auto;
	color: #989898;
	background-color: #fff;
	_background-attachment: fixed;
	_background-image: url(about:blank);
	min-width:1200px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
input, select {
	vertical-align: middle;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
strong {
	font-weight: bold;
}
input {
	outline: none;
	padding: 0;
}
img {
	border: 0;
}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select {
	-webkit-appearance: none;
	border-radius: 0;
}
textarea {
	-webkit-appearance: none;
	border-radius: 0;
	background: none;
	outline: none;
	padding: 0;
	margin: 0;
	border: none;
}
::-moz-selection {
background: #f7a300;
color: #fff;
text-shadow: none;
}
::selection {
	background: #f7a300;
	color: #fff;
	text-shadow: none;
}
a {
	text-decoration: none;
blr: expression(this.onFocus=this.blur());
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a:link, a:visited {
	text-decoration: none;
}
a:active, a:hover {
	text-decoration: none;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
}
.fc {
	text-align: center;
}
.fr {
	text-align: right;
}
.l {
	float: left;
	display: inline-block;
}
.r {
	float: right;
	display: inline-block;
}
.vt {
	vertical-align: top;
}
.vm {
	vertical-align: middle;
}
.inner {
	width: 1200px;
	min-width: 1200px;
	margin: 0px auto;
}
@font-face {
	font-family: 'youyuanregular';
	src: url('_-webfont.woff2') format('woff2'), url('_-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
.iboxT a:link, .iboxT a:visited {
	color: #323232;
}
.iboxT a:active, .iboxT a:hover {
	color: #E60012;
}
.iboxT {
	padding: 5% 0px 3%;
	text-align: center;
	color: #b4b4b4;
}
.iboxT .zh {
	font: 38px/1.4 "microsoft yahei";
	color: #d1191b;
}
.iboxT .mz {
	color: #b4b4b4;
	letter-spacing: 4px;
	text-transform: uppercase;
	position: relative;
	padding: 0px 15px;
}
.iboxT .mz .i1, .iboxT .mz .i2 {
	height: 1px;
	background-color: #d2d2d2;
	position: absolute;
	top: 50%;
	width: 112px;
	overflow: hidden;
	display: block;
}
.iboxT .mz .i1 {
	right: 100%;
}
.iboxT .mz .i2 {
	left: 100%;
}
/*header*/
.header-box {
	padding: 19px 0 15px;
	background: rgba(255,255,255,0.8);
	background: #fff\9;
	filter: alpha(opacity=80);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 299;
	transition: 455ms;
}
.header-box.scoll {
	padding: 10px 0;
	background: rgba(255,255,255,1);
	filter: alpha(opacity=100);
}
.header-box.scoll .logo .logopc {
	width: 291px;
}
.header-box.scoll .nav {
	margin-top: 14px;
}
.header-box.scoll .search {
	margin-top: 9px;
}
.header-box.scoll .jiathis_style {
	margin-top: 18px;
}
.header {
	padding: 0 264px 0 297px;
	position: relative;
	z-index: 20;
}
.logo {
	float: left;
	width: 291px;
	line-height: normal;
	transition: 420ms;
}
.logo img {
	display: block;
	width: 100%;
	height: auto;
	line-height: 0;
}
.logo .logoiph {
	display: none;
}
.header-right {
	float: right;
}
.nav {
	float: left;
	margin-top: 26px;
}
.nav li {
	float: left;
	margin-right: 34px;
	line-height: normal;
}
.nav li:last-child {
	margin-right: 0;
}
.nav li a {
	display: inline-block;
	line-height: normal;
	color: #5e5e5e;
	font-size: 15px;
	transition: 460ms;
}
.nav li a:hover, .nav li a.on {
	color: #d1191b;
}
.menuBtn {
	cursor: pointer;
	display: none;
	position: relative;
	float: right;
	width: 45px;
	height: 27px;
	margin-top: 6px;
}
.menuBtn .burger {
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	background: #e61e1d;
transition: transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	transition: transform 277ms ease-in-out;
	-o-transition: transform 277ms ease-in-out;
	-ms-transition: transform 277ms ease-in-out;
	-moz-transition: transform 277ms ease-in-out;
}
.menuBtn .burger-1 {
	top: 0;
}
.menuBtn .burger-2 {
	top: 12px;
}
.menuBtn .burger-3 {
	bottom: 0;
}
.menuBtn.active .burger-1 {
	top: 10px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menuBtn.active .burger-2 {
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}
.menuBtn.active .burger-3 {
	top: 10px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menus {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #ededed;
	left: 0;
	top: 0;
	overflow-y: auto;
}
.menu-list li {
	border-bottom: 1px solid #cbc9c3;/* -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;*/
}
.menu-list li a {
	display: block;
	line-height: 48px;
	color: #5e5e5e;
	font-size: 15px;
	padding-left: 5%;
	position: relative;
}
.menu-list li a:before {
	content: "";
	width: 8px;
	height: 13px;
	background: url(../images/arrow.png) center no-repeat;
	position: absolute;
	right: 33px;
	top: 50%;
	margin-top: -6px;
	transition: 350ms;
}
.menu-list li a:hover, .menu-list li a:focus {
	color: #d1191b;
}
.menu-list li a:hover:before, .menu-list li a:focus:before {
	background: url(../images/arrow1.png) center no-repeat;
}
 @-webkit-keyframes flipInX {
 from {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}
}
 @keyframes flipInX {
 from {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
}
}
.banner {
	width: 100%;
	min-width: 1200px;
	margin: 0px auto;
	overflow: hidden;
	color: #fff;
	background-color: #969696;
	position: relative;
}
.banner .slides {
	position: relative;
	z-index: 20;
	margin-top: 0;
}
.banner .slides li {
	-webkit-transition: opacity 1s cubic-bezier(.165, .74, .44, 1);
	transition: opacity 1s cubic-bezier(.165, .74, .44, 1);
}
.banner .slides .bimg {
	-webkit-transition: all 1s cubic-bezier(.165, .74, .44, 1);
	transition: all 1s cubic-bezier(.165, .74, .44, 1);
}
.banner .slides li.sc-b-c .bimg {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: 0;
}
.banner .slides li img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}
.banner .slides li.sc-b-c .bimg {
	opacity: 0;
}
.banner .bimg {
	width: 100%;
	display: block;
}
.bannerText {
	position: absolute;
	width: 480px;
	left: 50%;
	height: 165px;
	margin-left: -240px;
	top: 50%;
	margin-top: -82px;
	z-index: 200;
	background: rgba(18,107,197,0.3);
}
.bann {
	width: 100%;
	height: 100%;
	position: relative;
}
.banne-list {
	position: relative;
	height: 100%;
}
.banne-list li {
	opacity: 0;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	transition: 1000ms 200ms;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	padding-top: 28px;
}
.banne-list h3 {
	color: #fff;
	margin-bottom: 8px;
	font-size: 30px;
	line-height: normal;
	visibility: hidden;
	opacity: 0;
	text-align: center;
	padding: 0 10px;
}
.banne-list small {
	position: relative;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	color: #fff;
	display: block;
	font-size: 16px;
	font-family: "Arial";
	line-height: normal;
}
.banne-list li.on {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.banne-list li.on h3 {
	visibility: visible;
	opacity: 1;
}
.banne-list li.on small {
	opacity: 1;
	visibility: visible;
}
.bamnline {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: #fff;
}
.bamnline span {
	display: block;
	width: 0;
	height: 4px;
	background: #d1191b;
}
.bamnline.load span {
	width: 100%;
	transition: 5s linear;
	-webkit-transition: 5s linear;
	-moz-transition: 5s linear;
}
.tabbtn {
	display: block;
	width: 7px;
	height: 13px;
	position: absolute;
	bottom: 15px;
	cursor: pointer;
	transition: 330ms;
	z-index: 20;
}
.tabbtn.prev {
	background: url(../images/prev.png) center no-repeat;
	left: 26px;
}
.tabbtn.next {
	background: url(../images/next.png) center no-repeat;
	right: 26px;
}
.tabbtn.prev:hover {
	background: url(../images/prev1.png) center no-repeat;
}
.tabbtn.next:hover {
	background: url(../images/next1.png) center no-repeat;
}
.numble {
	position: absolute;
	left: 0;
	bottom: 12px;
	text-align: center;
	width: 100%;
}
.defual {
	display: inline-block;
	text-align: center;
	line-height: normal;
}
.defual:nth-child(1) {
	font-size: 14px;
}
.defual:nth-child(1) span {
	font-size: 14px;
}
.defual span {
	display: inline-block;
	line-height: normal;
	color: #ffffff;
	font-size: 12px;
	font-family: "Arial";
}
.defual b {
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	font-family: "Arial";
	margin-right: 2px;
	margin-left: 2px;
	font-weight: normal;
}
.banndown {
	display: block;
	width: 27px;
	height: 37px;
	background: url(../images/scoll.png) center no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -13px;
	bottom: 21px;
	cursor: pointer;
	z-index: 30;
}
.value {
	padding: 68px 0 75px;
	text-align: center;
}
.value-title {
	text-align: center;
	margin-bottom: 56px;
}
.value-title small {
	display: block;
	text-align: center;
	color: #d1191b;
	font-size: 32px;
	line-height: normal;
	font-family: Arial;
	margin-bottom: 10px;
}
.value-title h2 {
	line-height: normal;
	text-align: center;
	color: #5e5e5e;
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: normal;
}
.value-title span {
	display: block;
	width: 23px;
	height: 14px;
	background: url(../images/donw1.png) center no-repeat;
	margin: auto;
}
.value p {
	color: #5e5e5e;
	font-size: 14px;
	width: 910px;
	margin: auto;
}
.suremore {
	margin: auto;
	margin-top: 38px;
	width: 154px;
	height: 37px;
	border: 2px solid #d1191b;
	overflow: hidden;
	position: relative;
}
.suremore a {
	display: block;
	line-height: 37px;
	color: #d1191b;
	text-align: center;
	font-size: 14px;
	position: relative;
	z-index: 5;
}
.suremore:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	background: #d1191b;
	transition: 360ms;
}
.suremore:hover:before {
	top: 0;
}
.suremore:hover a {
	color: #fff;
}
.solutes {
	width: 33.333%;
	padding: 10px;
	float: left;
	position: relative;
	box-sizing: border-box;
}
.solutes img {
	display: block;
	width: 100%;
	height: auto;
	line-height: 0;
}
.solutes figcaption {
	position: absolute;
	left: 0;
	right:0;
	top: 50%;
	width: 90%;
	margin: -83px auto 0;
	text-align: center;
}
.solutes figcaption h2 {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
}
.solutes figcaption small {
	display: block;
	text-align: center;
	line-height: normal;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
}
.solutes figcaption a {
	display: block;
	width: 39px;
	height: 39px;
	border: 2px solid #fff;
	position: relative;
	margin: auto;
	margin-top:6%;
}
.solutes figcaption a:before {
	content: "";
	width: 7px;
	height: 13px;
	background: url(../images/next.png) center no-repeat;
	position: absolute;
	left: 16px;
	top: 14px;
	transition: 300ms;
}
.solutes figcaption a:hover:before {
	left: 19px;
}
.solute-info {
	width: 33.333%;
	float: left;
	position: relative;
	overflow: hidden;
	padding:10px;
	box-sizing:border-box;
}
.solute-info figure {
	display: block;
	line-height: normal;
	overflow: hidden;
}
.solute-info figure img {
	display: block;
	line-height: 0;
	width: 100%;
	height: auto;
}
.solute-info figcaption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	transition: 400ms;
	padding-top: 49px;
	padding-bottom: 18px;
}
.solute-info figcaption h4 {
	color: #333;
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
	width: 192px;
	padding-bottom: 8px;
	border-bottom: 2px solid #fff;
	float: left;
	margin-left: 35px;
	white-space: nowrap;
	overflow: hidden;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.solute-info figcaption b {
	display: block;
	width: 13px;
	height: 7px;
	background: url(../images/top.png) center no-repeat;
	float: right;
	margin-right: 36px;
	margin-top: 21px;
}
.solute-info .sulute-wr {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	background: #000\9;
	filter: alpha(opacity=50);
	opacity: 0;
	visibility: hidden;
	transition: 420ms 0ms;
}
.solute-info .sulute-wr mark {
	background: none;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	margin-top: -130px;
	padding:30px 0;
}
.solute-info .sulute-wr mark h3 {
	color: #ffffff;
	font-size: 24px;
	text-align: center;
	line-height: normal;
	font-weight: normal;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 32px;
}
.solute-info .sulute-wr mark h3:before {
	content: "";
	width: 46px;
	height: 2px;
	background: #d1191b;
	position: absolute;
	left: 50%;
	margin-left: -23px;
	bottom: 0;
}
.solute-info .sulute-wr mark p {
	color: #ffffff;
	font-family: Arial;
	text-align: center;
	line-height: 2.2;
	width: 75%;
	margin: auto;
	height: 52px;
	overflow: hidden;
}
.solute-info .sulute-wr mark .checkmore {
	width: 122px;
	height: 28px;
	border: 2px solid #fff;
	margin: auto;
	position: relative;
	overflow: hidden;
	transition: 300ms;
}
.solute-info .sulute-wr mark .checkmore a {
	display: block;
	text-align: center;
	line-height: 28px;
	color: #ffffff;
	position: relative;
	z-index: 5;
}
.solute-info .sulute-wr mark .checkmore:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 100%;
	background: #d1191b;
	transition: 320ms;
}
.solute-info .sulute-wr mark .checkmore:hover {
	border-color: #d1191b;
}
.solute-info .sulute-wr mark .checkmore:hover:after {
	top: 0;
}
.solute-info:hover figcaption {
	bottom: -30px;
	opacity: 0;
	visibility: hidden;
}
.solute-info:hover .sulute-wr {
	opacity: 1;
	visibility: visible;
	top: 0;
	transition: 450ms 160ms;
}
.success-case {
	min-width: 1200px;
	padding:0 0 65px;
	overflow: hidden;
}
.case-banner {
	width: 69.5%;
	float: right;
	background: #fff;
	position: relative;
}
.case-tab {
	position: relative;
	border: solid 1px #ececec;
}
.case-list li:hover figure img {
	transform: scale(1.04);
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
}
.case-list li:hover .tab-wr h3 {
	color: #d1191b;
}
.case-list li .tab-wr i{
	display:block;
	width:80px;
	height:1px;
	background-color:#ccc;
	margin-bottom:20px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;}
.case-list li:hover .tab-wr i{
	width:150px;
	background-color:#004d9a;}
.case-list li figure {
	width:50%;
	height:278px;
	display: block;
	line-height: normal;
	float: left;
	overflow: hidden;
}
.case-list li figure img {
	display: block;
	line-height: 0;
	width: 100%;
	height: auto;
	transition: 460ms;
}
.case-list li figcaption {
	display: block;
	width: 50%;
	float: left;
}
.tab-wr {
	padding: 50px;
}
.tab-wr h3 {
	color: #5d5d5c;
	font-size: 16px;
	transition: 420ms;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 10px;
}
.tab-wr p {
	color: #6c6c6c;
	font-family: Arial;
	line-height: 2;
}
.case-tab .flex-direction-nav {
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 0;
	z-index: 20;
}
.case-tab .flex-direction-nav li {
	display: inline-block;
	line-height: 0;
}
.case-tab .flex-direction-nav li a {
	display: inline-block;
	width: 31px;
	height: 26px;
	text-indent: 999px;
	overflow: hidden;
}
.case-tab .flex-direction-nav li a.flex-prev {
	background: #e5e5e5 url(../images/prev.png) center no-repeat;
}
.case-tab .flex-direction-nav li a.flex-prev:hover {
	background: #d1191b url(../images/prev.png) center no-repeat;
}
.case-tab .flex-direction-nav li a.flex-next {
	background: #e5e5e5 url(../images/next.png) center no-repeat;
}
.case-tab .flex-direction-nav li a.flex-next:hover {
	background: #d1191b url(../images/next.png) center no-repeat;
}
.customer {
	width: 324px;
	height:300px;
	float: left;
	background: #d1191b;
	overflow: hidden;
	position: relative;
}
.customer img {
	display: block;
	width: 100%;
	height: auto;
}
.customer:hover figcaption {
	bottom: 0;
}
.customer figcaption {
	display: block;
	padding: 22px 18px 35px 18px;
	position: absolute;
	left: 0;
	bottom: -100px;
	transition: 320ms ease-in-out;
	box-sizing: border-box;
	width: 100%;
	background: #d1191b;
}
.customer figcaption h2 {
	font-weight: normal;
	line-height: normal;
	color: #fff;
	font-size: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
}
.customer figcaption h2 small {
	display: inline-block;
	margin-left: 12px;
	font-size: 16px;
	font-family: Arial;
}
.customer figcaption b {
	display: block;
	margin-top: 25px;
	padding-left: 46px;
	line-height: 39px;
	background: url(../images/tel.png) left center no-repeat;
	color: #fff;
	font-size: 30px;
	font-family: Arial;
	font-style: italic;
}
/* index news start */
.iNewsList a:link, .iNewsList a:visited {
	color: #666;
}
.iNewsList a:active, .iNewsList a:hover {
	color: #d1191b;
}
.iNewsBox {
	width: 100%;
	min-width: 1200px;
	padding: 0px 0px 65px;
	background-color: #f9f9f9;
}
.iNewsList {
	height: 291px;
	overflow: hidden;
}
.iNewsList dd {
	float: left;
	display: block;
	width: 30%;
	background-color: #fff;
}
.iNewsList dd.one {
	float: right;
	width: 70%;
}
.iNewsList .list li {
	height: 97px;
	overflow: hidden;
}
.iNewsList .list li a {
	display: block;
	padding: 15px 5% 0px;
	border-bottom: 1px solid #e5e5e5;
	height: 81px;
	position: relative;
}
.iNewsList .list li a .bot {
	height: 4px;
	width: 0px;
	position: absolute;
	left: 0px;
	bottom: -1px;
	background-color: #d1191b;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.iNewsList .list li a:hover {
	background-color: #f5f5f5;
}
.iNewsList .list li a:hover .bot {
	width: 100%;
}
.iNewsList .list li .time {
	color: #bcbcbc;
	margin-bottom: 5px;
}
.iNewsList .list li .con {
	line-height: 1.2;
	height: 34px;
	font-size: 14px;
	overflow: hidden;
}
.iNewsList .one {
	position: relative;
	overflow: hidden;
	height: 100%;
}
.iNewsList .one a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}
.iNewsList .one .img {
	float: left;
	display: block;
	width: 60%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.iNewsList .one .img img {
	width: 100%;
	display: none;
}
.iNewsList .one .con {
	text-align: center;
	width: 32%;
	margin-left: 4%;
	float: left;
	display: block;
	line-height: 1.5;
	padding-top: 8%;
	position: relative;
}
.iNewsList .one .con .time {
	color: #999;
}
.iNewsList .one .con .t {
	margin: 8px 0px 22px;
	color: #666;
	font-size: 16px;
}
.iNewsList .one .con .c {
	font-size: 14px;
	color: #666;
	height: 63px;
	overflow: hidden;
}
/* index news end */
.footer-box {
	width: 100%;
	min-width: 1200px;
	position: relative;
}
.footer {
	padding: 44px 0;
	border-bottom:1px solid #ccc;
}
.footer-address {
	float: left;
	width: 64%;
}
.footer-address h1 {
	color: #6c6c6c;
	font-size: 24px;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 26px;
}
.footer-address address {
	display: block;
	font-style: normal;
	margin-bottom: 34px;
}
.footer-address address p {
	color: #6c6c6c;
	font-size: 14px;
	margin-bottom: 2px;
}
.footer-address address p b {
	display: inline-block;
	font-weight: bold;
}
.linec {
	width: 81px;
	height: 23px;
	background: url(../images/lineqq.png) center no-repeat;
}
.linec a {
	color: #fff;
	display: block;
	line-height: 23px;
	margin-left: 26px;
}
.linec a:hover {
	text-decoration: underline;
}
.footer-right {
	float: right;
}
.eq {
	margin-bottom: 74px;
	text-align: right;
}
.eq-info {
	display: inline-block;
}
.eq-info:nth-child(1) {
	margin-right: 20px;
}
.eq-info img {
	display: block;
	width: 85px;
	height: 85px;
}
.eq-info span {
	display: block;
	text-align: center;
	margin-top: 18px;
	line-height: normal;
	color: #6c6c6c;
}
.footer-list li {
	float: left;
}
.footer-list li a {
	display: inline-block;
	padding: 0 9px;
	line-height: normal;
	color: #6c6c6c;
	position: relative;
}
.footer-list li a:before {
	content: "";
	width: 1px;
	height: 13px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
	background: #6c6c6c;
}
.footer-list li:last-child a {
	padding-right: 0;
}
.footer-list li:last-child a:before {
	display: none;
}
.footer-list li a:hover {
	color: #d1191b;
}
.link{
	overflow:hidden;
	height:60px;
	line-height:60px;
	background: #fff;}
.link h2{
	font-size:14px;
	color:#333;}	
.link a{
	color:#666;}
.link a:hover{
	color:#000;}
.plan {
	width: 100%;
	min-width: 1200px;
	padding: 14px 0;
	background: #d1191b;
	text-align: center;
	overflow:hidden;
}
.link{
	overflow:hidden;}
.plan a {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	transition: 340ms;
}
.plan a:hover {
	color: #d3d3d3;
}
.plan a:first-child {
	margin-right: 22px;
}
.backtop {
	width: 107px;
	height: 62px;
	background: #d3d3d3;
	position: absolute;
	right: 56px;
	bottom: 78px;
	z-index: 99;
	overflow: hidden;
	cursor: pointer;
}
.backtop span {
	display: block;
	padding-top: 33px;
	line-height: normal;
	color: #fff;
	text-align: center;
	font-family: Arial;
	background: url(../images/top1.png) center 11px no-repeat;
	position: relative;
	z-index: 10;
}
.backtop:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	transition: 300ms;
	background: #d1191b;
}
.backtop:hover:before {
	top: 0;
}
.pbanner {
	position: relative;
	overflow: hidden;
}
.pbanner img {
	display: block;
	width: 100%;
	height: auto;
}
.pbanner figcaption {
	display: block;
	width: 1200px;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	bottom: 30px;
}
.pbanner figcaption h3 {
	line-height: normal;
	color: #ffffff;
	font-size: 60px;
	margin-bottom: 10px;
}
.pbanner figcaption small {
	display: block;
	line-height: normal;
	color: #fff;
	font-family: Arial;
	font-size: 30px;
}
.story {
	padding: 40px 0px;
}
.story-title {
	margin-bottom: 30px;
	text-align: center;
}
.story-title h2 {
	font-weight: normal;
	line-height: normal;
	color: #d1191b;
	font-size: 32px;
	margin-bottom: 6px;
}
.story-title small {
	display: block;
	color: #c5c5c5;
	font-size: 14px;
	font-family: Arial;
	line-height: normal;
}
.story p {
	color: #5e5e5e;
	font-size: 14px;
}
.idea-box {
	padding: 62px 0;
	background: #d1191b;
}
.idea-info {
	width: 30.5%;
	height: 379px;
	float: left;
	background: #fff;
	margin-right: 4.25%;
	overflow: hidden;
	position: relative;
}
.idea-info:last-child {
	margin-right: 0;
}
.idea-info figure {
	display: block;
	line-height: normal;
	overflow: hidden;
}
.idea-info figure img {
	display: block;
	width: 100%;
	height: auto;
}
.idea-info figcaption {
	display: block;
	width: 100%;
	height: 75px;
	line-height: 75px;
	text-align: center;
	color: #5e5e5e;
	font-size: 16px;
	background: #fff;
	position: relative;
	transition: 330ms;
}
.idea-text {
	width: 92.4%;
	height: 92.4%;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #d1191b;
	position: relative;
	left: 3.7%;
	margin-top: 3.7%;
	transition: 588ms;
}
.idea-wr {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -86px;
}
.idea-wr h3 {
	color: #d1191b;
	font-size: 30px;
	text-align: center;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 5px;
}
.idea-wr small {
	display: block;
	text-align: center;
	color: #d1191b;
	font-family: Arial;
	line-height: normal;
	padding-bottom: 28px;
	font-size: 20px;
	position: relative;
}
.idea-wr small:before {
	content: "";
	width: 85.4%;
	height: 1px;
	background: #d1191b;
	position: absolute;
	left: 50%;
	margin-left: -42.7%;
	bottom: 0;
}
.idea-wr span {
	padding-top: 27px;
	line-height: normal;
	color: #d1191b;
	text-align: center;
	padding-bottom: 26px;
	width: 100%;
	display: block;
	font-size: 18px;
}
.idea-wr span:after {
	content: "";
	width: 46px;
	height: 1px;
	background: #d1191b;
	position: absolute;
	left: 50%;
	margin-left: -23px;
	bottom: 0;
}
.idea-info:hover .idea-text {
}
.history-box {
	padding: 52px 0 60px;
	background-size: cover !important;
}
.development {
	float: left;
	margin-top: 24px;
	width: 370px;
}
.development h2 {
	color: #d1191b;
	font-size: 32px;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 4px;
}
.development small {
	color: #c5c5c5;
	font-size: 14px;
	font-family: Arial;
	line-height: normal;
	display: block;
}
.development p {
	margin-top: 55px;
	color: #333;
	font-size: 14px;
	line-height: 2;
}
.historytabe {
	float: left;
	margin-left: 108px;
}
.historytabe strong {
	display: block;
	width: 38px;
	height: 38px;
	background: url(../images/scale.png) center no-repeat;
	margin-left: 102px;
}
.history-fix {
	position: relative;
	margin-top: 22px;
	width: 710px;
	overflow: hidden;
	cursor: url(../images/mouse.png) 16 16, default;
}
.history-bg {
	width: 7px;
	height: 100%;
	border-radius: 3px;
	overflow: hidden;
	position: absolute;
	left: 119px;
	top: 0;
	background: #84675b;
}
.history-bg i {
	display: block;
	border-radius: 4px;
	height: 80px;
	background-color: #d1191b;
	transition: 400ms;
	-ms-transition: 400ms;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
}
.history-list {
	position: relative;
}
.history-list li {
	padding-top: 46px;
	height: 46px;
	position: relative;
	padding-left: 132px;
}
.history-list li:nth-child(2n+2) {
	padding-left: 0;
}
.history-list li .dot {
	display: block;
	width: 21px;
	height: 5px;
	background: #d1191b;
	border-radius: 2px;
	position: relative;
	top: 7px;
	display: none;
}
.history-list li .year {
	color: #333;
	font-size: 24px;
	line-height: normal;
	padding-left: 28px;
	position: relative;
}
.history-list li .year:before {
	content: "";
	width: 11px;
	height: 3px;
	background: #5e5e5e;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.history-list li.act .dot {
	display: block;
}
.history-list li.act .year {
	display: none;
}
.history-list li.act .history-info {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}
.history-list li:nth-child(2n+2) .year {
	padding-left: 0;
	padding-right: 28px;
}
.history-list li:nth-child(2n+2) .year:before {
	left: 97px;
}
.history-info {
	position: absolute;
	left: 338px;
	width: 369px;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transition: 400ms;
	-webkit-transition: 400ms;
}
.history-info:before {
	content: "";
	width: 14px;
	height: 26px;
	background: url(../images/arrow2.png) center no-repeat;
	position: absolute;
	left: -14px;
	top: 34px;
}
.history-t {
	position: relative;
}
.history-t b {
	color: #ffffff;
	font-size: 48px;
	display: block;
	padding-left: 20px;
	line-height: 101px;
	background: #d1191b;
	font-weight: normal;
	position: relative;
}
.history-t b:before {
	content: "";
	width: 23px;
	height: 6px;
	background: #fff;
	position: absolute;
	left: 210px;
	top: 50%;
	margin-top: -3px;
}
.history-t small {
	display: block;
	padding-right: 65px;
	color: #fdfdfd;
	font-family: Arial;
	line-height: 2;
	height: 48px;
	background: url(../images/calder.png) right top no-repeat;
	position: absolute;
	right: 4px;
	top: 7px;
	padding-top: 5px;
}
.history-text {
	padding: 34px;
	background: #fff;
}
.history-text p {
	color: #5e5e5e;
	font-size: 14px;
	margin-bottom: 30px;
}
.history-text img {
	display: block;
	width: 100%;
	height: auto;
}
.history-icon {
	width: 385px;
	left: -70px;
	margin-top: 160px;
	position: relative;
}
.history-icon:before {
	content: "";
	width: 24px;
	height: 26px;
	background: url(../images/downico.png) center no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	top: -8px;
}
.history-icon span:before {
	content: "";
	width: 40.5%;
	height: 1px;
	background: #84675b;
	position: absolute;
	left: 0;
	top: 0;
}
.history-icon span:after {
	content: "";
	width: 40.5%;
	height: 1px;
	background: #84675b;
	position: absolute;
	right: 0;
	top: 0;
}
/* news start */
.new-box {
	width: 100%;
	min-width: 1200px;
	background: #f9f9f9;
}
.new-title {
	width: 100%;
	min-width: 1200px;
	background: #fff;
}
.commontitle li {
	float: left;
	margin-right: 14px;
}
.commontitle li:last-child {
	margin-right: 0;
}
.commontitle li a {
	display: inline-block;
	position: relative;
	padding: 20px 15px 26px;
	line-height: normal;
	color: #5e5e5e;
	font-size: 14px;
}
.commontitle li a:before {
	content: "";
	width: 0;
	height: 6px;
	background: #d1191b;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: 340ms;
}
.commontitle li a:hover:before, .commontitle li a.now:before {
	width: 100%;
}
.news {
	padding:80px 0;
}
.news .new-list{
	margin-bottom:50px;}
.new-list li {
	width: 384px;
	height: 353px;
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
}
.new-list li:nth-child(3n) {
	margin-right: 0;
}
.new-list li figure {
	display: block;
	line-height: normal;
	overflow: hidden;
	background-image: url('../images/newsimgbg.jpg');
	background-position:center;
	background-repeat:no-repeat;
}
.new-list li figure img {
	display: block;
	width: 100%;
	height: auto;
	line-height: 0;
	transition: 430ms;
}
.new-list li figcaption {
	display: block;
	padding: 22px 16px 18px;
	overflow: hidden;
	background: #fff;
	position: relative;
	transition: 340ms;
	height: 117px;
}
.new-list li figcaption time {
	line-height: normal;
	color: #7e7e7e;
	font-size: 14px;
	transition: 300ms;
}
.new-list li figcaption h3 {
	color: #1b1b1b;
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
	margin-top: 6px;
	transition: 300ms;
}
.new-list li figcaption p {
	color: #6c6c6c;
	height: 64px;
	overflow: hidden;
	font-size: 14px;
	line-height: 2;
	margin-top: 16px;
	transition: 300ms;
}
.new-list li figcaption span {
	display: block;
	width: 102px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	color: #d1191b;
	font-size: 14px;
	margin-top: 12px;
	position: relative;
	bottom: -30px;
	opacity: 0;
	text-align: center;
	transition: 300ms;
}
.new-list li:hover figure img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}
.new-list li:hover figcaption {
	margin-top: -56px;
	background: #d1191b;
	height: 173px;
}
.new-list li:hover figcaption time {
	color: #fff;
}
.new-list li:hover figcaption h3 {
	color: #fff;
}
.new-list li:hover figcaption p {
	color: #fff;
}
.new-list li:hover figcaption span {
	opacity: 1;
	bottom: 0;
	position: relative;
	transition: 355ms 100ms;
}
/* news end */
/* news_show start */
.backlist {
	height: 44px;
	padding-top: 1px;
	background-color: #f5f5f5;
}
.backwr {
	width: 1098px;
	margin: auto;
}
.backwr a {
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	padding: 0 18px;
	height: 42px;
	background: #d1191b;
	line-height: 42px;
}
.backwr a:hover {
	text-decoration: underline;
}
.list-wr {
	width: 1098px;
	margin: auto;
}
.list-wr a {
	display: block;
	width: 109px;
	height: 42px;
	text-align: center;
	background: #d1191b;
	color: #fff;
	line-height: 42px;
}
.new-titd {
	padding: 60px 0 12px;
	border-bottom: 1px solid #ededed;
}
.new-titlea {
	width: 1098px;
	margin: auto;
}
.new-titlea h3 {
	color: #373737;
	font-size: 30px;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 46px;
}
.time span {
	display: inline-block;
	float: left;
	color: #626262;
	margin-right: 20px;
}
.new-text {
	padding:60px 0;
	width: 1098px;
	margin: auto;
}
.new-text img {
	max-width: 100%;
	height: auto;
	width: 100%;
	margin-bottom: 55px;
}
.new-text p {
	text-indent: 2em;
	color: #626262;
	font-size: 16px;
	margin-bottom: 30px;
}
.new-text img {
	max-width: 90%;
	margin-left: -2em;
}
.share-box {
	margin-bottom:60px;
	background: #f9f9f9;
}
.share {
	position: relative;
	height: 60px;
}
.page {
	float: left;
	line-height: 60px;
}
.page a {
	display: block;
	color: #626262;
	font-size: 14px;
}
.page a:hover {
	color: #d1191b;
}
.pone {
	float: right;
}
.sharelist {
	width: 212px;
	position: absolute;
	left: 50%;
	margin-left: -106px;
	top: 0;
	height: 60px;
	background: #f0f0f0;
	text-align: center;
}
.sharelist p {
	color: #626262;
	font-size: 14px;
	line-height: normal;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 2px;
}
.sharelist .jiathis_style {
	text-align: center;
}
.sharelist .jiathis_style a {
	display: inline-block !important;
	float: none;
}
/* news_show end */
/*解决方案*/
.product-icon {
	width: 100%;
	min-width: 1200px;
	text-align: center;
	position:absolute;
	bottom:20px;
	z-index:99;
}
.icon-list {
	display: inline-block;
	margin: auto;
}
.icon-list li {
	width:290px;
	margin:0 5px;
	float: left;
	padding:20px 0;
	background:rgba(0,0,0,0.4);
	transition:all 330ms ease;
	-webkit-transition:all 330ms ease;
	-o-transition:all 330ms ease;
	-moz-transition:all 330ms ease;
}
.icon-list li:last-child {
	margin-right: 0;
}
.icon-list li b {
	display: block;
	width: 42px;
	height: 42px;
	margin: auto;
	position: relative;
}
.icon-list li b:before {
	content: "";
	width: 100%;
	z-index: 5;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition:all 330ms ease;
	-webkit-transition:all 330ms ease;
	-o-transition:all 330ms ease;
	-moz-transition:all 330ms ease;
}

.icon-list li span {
	display: block;
	text-align: center;
	color: #fff;
	line-height: normal;
	margin-top: 6px;
	font-size: 14px;
}
.icon-list li:nth-child(1) b:before {
	background: url(../images/pro_icon_3.png) center no-repeat;
}
.icon-list li:nth-child(2) b:before {
	background: url(../images/pro_icon_4.png) center no-repeat;
}
.icon-list li:nth-child(3) b:before {
	background: url(../images/pro_icon_5.png) center no-repeat;
}
.icon-list li:nth-child(4) b:before {
	background: url(../images/pro_icon_6.png) center no-repeat;
}
.icon-list li:hover{
	background-color:#d1191b;}
.icon-list li:hover b:before{
	-webkit-transform:translateY(-10px);}

.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 {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.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);
}
.grabbing {
	cursor: url(grabbing.png) 8 8, move;
}
.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);
	height: 100%;
}
.owl-theme .owl-controls {
	text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
*display: inline; /*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100); /*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
*display: inline; /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.owl-item.loading {
	min-height: 150px;
	background: url(../images/AjaxLoader.gif) no-repeat center center;
}
.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective: 1200px;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	perspective: 1200px;
}
.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease;
}
.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease;
}
.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}
.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	animation: goDown .6s ease both;
}
.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both;
}
.product-box {
	background: #f9f9f9;
	padding-bottom: 70px;
}
.solute-box {
	padding: 50px 0;
}
.solute-box h2 {
	color: #1b1b1b;
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
	float: left;
	position: relative;
	top: -2px;
	margin-bottom: 32px;
}
.solute-banner {
	float: right;
	width: 100%;
	position: relative;
}
.solute-wr {
	position: relative;
}
.solute-list li figure {
	width:370px;
	height:217px;
	display: block;
	line-height: normal;
	position: relative;
	overflow: hidden;
	background-image: url('../images/pro_imgbg.jpg');
	background-position:center;
	background-repeat:no-repeat;
}
.solute-list li figure mark {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(18,107,197,0.2);
	background: #d1191b\9;
	filter: alpha(opacity=20);
	z-index: 20;
	opacity: 0;
	transform: skewX(45deg);
	visibility: hidden;
	transition: 360ms;
}
.solute-list li figure mark b {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	z-index: 30;
}
.solute-list li figure mark b:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #d1191b;
	position: absolute;
	left: 0;
	top: 23px;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
}
.solute-list li figure mark b:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #d1191b;
	position: absolute;
	left: 23px;
	top: 0;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
}
.solute-list li figure mark:before {
	content: "";
	width: 100%;
	height: 0%;
	border-left: 3px solid #d1191b;
	border-right: 3px solid #d1191b;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}
.solute-list li figure mark:after {
	content: "";
	width: 0%;
	height: 100%;
	border-top: 3px solid #d1191b;
	border-bottom: 3px solid #d1191b;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}
.solute-list li figure img {
	display: block;
	width: 100%;
	height: auto;
	transition: 444ms;
}
.solute-list li figcaption {
	display: inline-block;
	color: #5e5e5e;
	font-size: 14px;
	line-height: normal;
	margin-top: 14px;
	transition: 350ms;
}
.solute-list .owl-item li {
	padding: 0 15px;
}
.solute-list .owl-item li:hover figure mark {
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}
.solute-list .owl-item li:hover figure mark:before {
	height: 100%;
	transition: 330ms 200ms;
}
.solute-list .owl-item li:hover figure mark:after {
	width: 100%;
	transition: 330ms 200ms;
}
.solute-list .owl-item li:hover figure img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}
.solute-list .owl-item li:hover figure mark b:before {
	transition: 355ms 180ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}
.solute-list .owl-item li:hover figure mark b:after {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}
.solute-list .owl-item li:hover figcaption {
	color: #d1191b;
}
.solute-wr .owl-theme .owl-controls .owl-buttons div {
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	text-indent: 999px;
	overflow: hidden;
	border-radius: 0;
	position: absolute;
	top: 94px;
	transition: 330ms;
}
.solute-wr .owl-theme .owl-controls .owl-buttons div.owl-prev {
	background: #a1a1a1 url(../images/prev.png) center no-repeat;
	left: -34px;
}
.solute-wr .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
	background: #d1191b url(../images/prev.png) center no-repeat;
}
.solute-wr .owl-theme .owl-controls .owl-buttons div.owl-next {
	background: #a1a1a1 url(../images/next.png) center no-repeat;
	right: -34px;
}
.solute-wr .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
	background: #d1191b url(../images/next.png) center no-repeat;
}
.protitle {
	color: #1b1b1b;
	padding-top: 40px;
	font-size: 18px;
	line-height: normal;
	font-weight: normal;
	position: relative;
}
.protitle span {
	display: inline-block;
	line-height: 35px;
	float: left;
	margin-right: 24px;
}
.product-info {
	padding-bottom: 30px;
}
.icu {
	background: #f9f9f9;
}
.common-padd {
	padding-top: 25px;
}
.product-down {
	position: relative;
	width: 188px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #d5d5d5;
	border: none;
	outline: none;
	font-family: 微软雅黑;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	transition: 330ms;
	background: #fff url(../images/down1.png) 92% center no-repeat;
}
.product-d {
	width: 100%;
	position: absolute;
	background: #747474;
	padding-top: 5px;
	padding-bottom: 5px;
	left: 0;
	top: 30px;
	display: none;
}
.product-d li a {
	line-height: 22px;
	color: #fff;
	padding-left: 8px;
}
.product-d li a:hover {
	text-decoration: underline;
}
.product-down >a {
	display: block;
	line-height: 35px;
	padding-left: 8px;
	color: #5e5e5e;
	font-size: 14px;
	position: relative;
	z-index: 5;
	overflow: hidden;
}
.vip .product-down, .ordinary .product-down {
	width: 100px;
}
.vip .product-down a:before, .ordinary .product-down a:before {
	display: none;
}
.vip .product-down:before, .ordinary .product-down:before {
	display: none;
}
.vip .product-down:hover a {
	color: #fff;
}
.product-down:hover {
	background: #fff url(../images/down2.png) 92% center no-repeat;
}
.product-down:hover >a {
	color: #fff;
}
.product-list {
}
.product-list li {
	width: 31%;
	float: left;
	margin-right: 3.5%;
	margin-bottom: 52px;
}
.product-list li:nth-child(3n+3) {
	margin-right: 0;
}
.product-list li figure {
	width:285px;
	height:167px;
	display: block;
	line-height: normal;
	overflow: hidden;
	position: relative;
	background-image: url('../images/pro_imgbg.jpg');
	background-position: center;
	background-repeat: no-repeat;
}
.product-list li figure img {
	display: block;
	width: 100%;
	height: auto;
	transition: 424ms linear;
}
.product-list li figcaption {
	display: block;
	color: #5e5e5e;
	font-size: 14px;
	line-height: normal;
	margin-top: 14px;
	transition: 350ms;
}
.product-box .product-down {
	float: left;
}
.product-list li figure mark {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(18,107,197,0.2);
	background: #d1191b\9;
	filter: alpha(opacity=20);
	z-index: 20;
	opacity: 0;
	transform: skewX(45deg);
	visibility: hidden;
	transition: 360ms;
}
.product-list li figure mark b {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	z-index: 30;
}
.product-list li figure mark b:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #d1191b;
	position: absolute;
	left: 0;
	top: 23px;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
}
.product-list li figure mark b:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #d1191b;
	position: absolute;
	left: 23px;
	top: 0;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
}
.product-list li figure mark:before {
	content: "";
	width: 100%;
	height: 0%;
	border-left: 3px solid #d1191b;
	border-right: 3px solid #d1191b;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}
.product-list li figure mark:after {
	content: "";
	width: 0%;
	height: 100%;
	border-top: 3px solid #d1191b;
	border-bottom: 3px solid #d1191b;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}
.product-list li:hover figure mark {
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}
.product-list li:hover figure mark:before {
	height: 100%;
	transition: 330ms 200ms;
}
.product-list li:hover figure mark:after {
	width: 100%;
	transition: 330ms 200ms;
}
.product-list li:hover figure img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}
.product-list li:hover figure mark b:before {
	transition: 355ms 180ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}
.product-list li:hover figure mark b:after {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}
.product-list li:hover figcaption {
	color: #d1191b;
}
.vip {
	background: #747474;
}
.vip .product-down {
	background: #ededed;
}
.vip .product-list li figcaption {
	color: #fff;
}
.vip .product-list li:hover figcaption {
	color: #d1191b;
}
.ordinary {
	background: #ffffff;
	border-bottom: 1px solid #b9b9b9;
}
.ordinary .product-down {
	background: #747474;
}
.ordinary .product-down a {
	color: #fff;
}
.ordinary .product-down a:before {
	background: url(../images/down2.png) center no-repeat;
}
.solute-title {
	height: 89px;
}
.solute-title h3 {
	color: #1b1b1b;
	font-size: 26px;
	line-height: normal;
	padding-top: 38px;
}
.solute-fix figure {
	line-height: normal;
	overflow: hidden;
	display: block;
}
.solute-fix figure img {
	display: block;
	width: 100%;
	height: auto;
}
.solute-text {
	padding: 85px 0 68px;
}
.solute-text p {
	color: #5e5e5e;
	font-size: 16px;
	line-height: 2;
}
.backpre {
	text-align: right;
	margin-top: 30px;
}
.backpre a {
	display: inline-block;
	color: #d1191b;
	font-size: 14px;
	position: relative;
}
.backpre a span {
	width: 0;
	display: block;
	left: 50%;
	bottom: 0;
	height: 1px;
	background: #d1191b;
	transition: 300ms;
}
.backpre a:hover span {
	width: 100%;
	left: 0;
}
.producttt {
	border-bottom: 1px solid #ededed;
}
.sorts {
	padding: 8px 0;
}
.sorts a {
	display: inline-block;
	float: left;
	color: #5e5e5e;
	font-size: 14px;
	margin-right: 5px;
}
.sorts a:hover {
	color: #d1191b;
}
#slider {
	position: relative;
}
#slider .slides {
	width: 100%;
	height: 100%;
}
#slider .slides li {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
#slider .slides li img {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
}
#carousel {
	width: 100%;
	margin-top: 14px;
	z-index: 40;
}
#carousel .slides li {
	overflow: hidden;
	border-right: 1px solid #fff;
	line-height: normal;
	position: relative;
	line-height: 0;
}
.news-fix {
	overflow: hidden;
}
#carousel .slides li img {
	height: auto;
	width: 100%;
	line-height: 0;
	cursor: pointer;
}
#carousel .slides li:after {
	content: "";
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid #d1191b;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transform: scale(0.77);
	-webkit-transform: scale(0.77);
	-moz-transform: scale(0.77);
	visibility: hidden;
	transition: 350ms;
	z-index: 10;
}
#carousel .slides li.flex-active-slide:after {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	visibility: visible;
}
#carousel .carouseimg {
	width: 100%;
	margin: auto;
}
.carouseimg {
	position: relative;
	text-align: right;
}
.carouseimg .slides {
	display: inline-block;
	width: auto !important;
}
#slider .flex-prev, #slider .flex-next {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	text-indent: 888px;
	overflow: hidden;
	top: 50%;
	margin-top: -31px;
	border: 1px solid #fff;
	z-index: 29;
	background: #fff\9;
	filter: alpha(opacity=50);
}
#carousel .slides li:last-child {
	margin-right: 0 !important;
}
#slider .flex-prev {
	left: 19px;
	background: rgba(255,255,255,0.5) url(../images/prev2.png) center no-repeat;
}
#slider .flex-next {
	right: 19px;
	background: rgba(255,255,255,0.5) url(../images/next2.png) center no-repeat;
}
#slider .flex-prev:hover {
	border-color: #d1191b;
	background: #d1191b url(../images/prev2.png) center no-repeat;
}
#slider .flex-next:hover {
	border-color: #d1191b;
	background: #d1191b url(../images/next2.png) center no-repeat;
}
#carousel .slides li:before {
	content: "";
	width: 100%;
	height: 100%;
	cursor: pointer;
	transition: 760ms;
	position: absolute;
	left: 0;
	top: 0;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}
#carousel .slides li.on:before {
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	visibility: hidden;
}
.model {
	margin-top: 110px;
	padding-bottom: 80px;
}
.model-info h3 {
	line-height: normal;
	color: #1b1b1b;
	font-size: 26px;
	margin-bottom: 10px;
}
.model-info small {
	display: block;
	line-height: normal;
	color: #5e5e5e;
	font-size: 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ededed;
}
.model-list {
	padding: 22px 0 0;
}
.model-list li {
	width: 130px;
	margin-right: 12px;
	text-align: center;
	margin-bottom: 35px;
	float: left;
}
.model-list li img {
	display: block;
	height: auto;
	margin: auto;
}
.model-list li span {
	display: block;
	color: #000000;
	text-align: left;
	text-align: center;
	height: 40px;
	overflow: hidden;
	font-size: 14px;
	line-height: normal;
	margin-top: 14px;
}
.models-list {
	padding-top: 44px;
	border-top: 1px solid #ededed;
}
.models-list h2 {
	color: #000000;
	font-size: 16px;
	line-height: normal;
	margin-bottom: 30px;
}
.models-list p {
	color: #757575;
	font-size: 16px;
	margin-bottom: 5px;
	padding-left: 24px;
}
.ralac {
	background: #f9f9f9;
}
.ralac .solute-banner {
	float: none;
	margin-top: 65px;
	width: auto;
}
.ralac .solute-wr .owl-theme .owl-controls .owl-buttons div.owl-prev {
	background: #fff url(../images/prev3.png) center no-repeat;
}
.ralac .solute-wr .owl-theme .owl-controls .owl-buttons div.owl-next {
	background: #fff url(../images/next3.png) center no-repeat;
}
.ralac .solute-list .owl-item li {
	padding: 0 35px;
}
/* case start */
.case-box {
	padding: 80px 0;
	background: #f9f9f9;
}
.cases {
	margin-bottom: 10px;
}
.cases li {
	width: 32.2%;
	margin-right: 1.7%;
	float: left;
	margin-bottom: 60px;
}
.cases li:nth-child(3n+3) {
	margin-right: 0;
}
.cases li figure {
	width:386px;
	height:278px;
	background-image: url('../images/pro_imgbg.jpg');
	background-position:center;
	background-repeat:no-repeat;
	display: block;
	overflow: hidden;
	line-height: normal;
}
.cases li figure img {
	display: block;
	width: 100%;
	height: auto;
	line-height: 0;
	transition: 450ms;
}
.cases li figcaption {
	display: block;
	width: 100%;
	height: 70px;
	color: #6c6c6c;
	font-size: 14px;
	background: #fff;
	margin-top: 3px;
	position: relative;
	overflow: hidden;
}
.cases li figcaption span {
	display: block;
	line-height: 70px;
	text-align: center;
	position: relative;
	z-index: 5;
	transition: 350ms;
}
.cases li figcaption:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #d1191b;
	position: absolute;
	left: 0;
	top: 100%;
	transition: 340ms;
}
.cases li:hover figure img {
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
}
.cases li:hover figcaption:before {
	top: 0;
}
.cases li:hover figcaption span {
	color: #fff;
}
/* case end */
/* contact start */
.contact-box {
	padding:80px 0;
}
.address {
}
.address h2 {
	color: #d1191b;
	font-size: 28px;
	line-height: normal;
	padding-bottom: 18px;
	display: inline-block;
	border-bottom: 1px solid #ccc;
	margin-bottom: 36px;
}
.address span {
	display: block;
	color: #595757;
	font-size: 18px;
	margin-bottom: 5px;
}
.mapwr {
	border: 3px solid #d1191b;
}
.map {
	width: 100%;
	height:100%;
}
.anchorBL {
	display: none !important;
}
.contact-list {
	margin-top: 70px;
}
.contact-info {
	padding: 48px 0 0 50px;
	width: 470px;
	height: 189px;
	background: #fff;
	box-shadow: 0 2px 2px #d6d6d6;
	float: left;
	transition: 430ms;
	margin-right: 88px;
	margin-bottom: 48px;
}
.contact-info:nth-child(2n+2) {
	margin-right: 0;
}
.contact-info h3 {
	color: #595757;
	font-size: 24px;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 25px;
	transition: 368ms;
}
.contact-info p {
	color: #595757;
	transition: 368ms;
	font-size: 16px;
	margin-bottom: 3px;
}
.contact-info p a {
	color: #595757;
	display: inline-block;
	padding-right: 30px;
	position: relative;
}
.contact-info p a b {
	display: block;
	width: 17px;
	height: 25px;
	background: url(../images/map1.png) center no-repeat;
	position: absolute;
	right: 0;
	top: 0px;
}
.contact-info:hover {
	background: #d1191b;
}
.contact-info:hover h3 {
	color: #fff;
}
.contact-info:hover p {
	color: #fff;
}
.contact-info:hover p a {
	color: #fff;
}
.contact-info:hover p a b {
	background: url(../images/map2.png) center no-repeat;
}
.contact-info p a:hover b {
	animation: 0.88s linear;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: BOUNCE;
	animation-name: BOUNCE;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-iteration-count: infinite;
}
@-moz-keyframes BOUNCE {
 0% {
 top:0;
}
 25% {
 top:3px;
}
 50% {
 top:8px;
}
 75% {
 top:3px;
}
 100% {
 top:0;
}
}
@-webkit-keyframes BOUNCE {
 0% {
 top:0;
}
 25% {
 top:3px;
}
 50% {
 top:8px;
}
 75% {
 top:3px;
}
 100% {
 top:0;
}
}
/* contact end*/
.chance-box {
	padding: 84px 0 80px;
	background: #f7f7f7;
}
.chance h1 {
	text-align: center;
	color: #505050;
	font-size: 35px;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 42px;
}
.chance p {
	color: #787878;
	font-size: 14px;
	text-align: center;
	line-height: 2;
}
.recruiment-box {
	padding: 94px 0 164px;
	background: #ededed;
}
.recuite-title {
	margin-bottom: 76px;
}
.recuite-title h3 {
	text-align: center;
	line-height: normal;
	color: #505050;
	font-size: 35px;
	font-weight: normal;
	margin-bottom: 16px;
}
.recruite-fix {
	width: 1032px;
	margin: auto;
}
.recuite-title small {
	text-align: center;
	color: #c8c8c8;
	font-size: 20px;
	font-family: Arial;
	line-height: normal;
	display: block;
}
.recruite-t {
	margin-bottom: 20px;
}
.recruite-t span {
	color: #969696;
	display: block;
	float: left;
	font-size: 14px;
	line-height: normal;
}
.recruite-t span:nth-child(1) {
	padding-left: 60px;
	width: 132px;
}
.recruite-t span:nth-child(2) {
	width: 166px;
}
.recruite-t span:nth-child(3) {
	width: 143px;
}
.recruite-t span:nth-child(4) {
	width: 172px;
}
.recruite-t span:nth-child(5) {
	width: 175px;
}
.recruite-t span:nth-child(6) {
	width: 118px;
}
.recruite-t span:nth-child(7) {
	width: 66px;
}
.recuite-info {
	margin-bottom: 28px;
}
.recuite-top {
	cursor: pointer;
	background: #838383;
	transition: 366ms;
	position: relative;
	overflow: inherit;
}
.recuite-info:nth-child(1) .recuites {
	display: block;
}
.recuite-top.on {
	background: #d1191b;
}
.recuite-top.on span {
	color: #fff;
}
.recuite-top.on span:last-child:after {
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
}
.recuite-top span {
	display: block;
	float: left;
	position: relative;
	color: #fff;
	font-size: 14px;
	line-height: 48px;
	transition: 320ms;
}
.recuite-top span:nth-child(1) {
	padding-left: 60px;
	width: 132px;
}
.recuite-top span:nth-child(2) {
	width: 166px;
}
.recuite-top span:nth-child(3) {
	width: 143px;
}
.recuite-top span:nth-child(4) {
	width: 172px;
}
.recuite-top span:nth-child(5) {
	width: 175px;
}
.recuite-top span:nth-child(6) {
	width: 118px;
}
.recuite-top span:nth-child(7) {
	width: 66px;
}
.recuite-top span:last-child {
	width: 19px;
	height: 19px;
	position: absolute;
	right: 20px;
	top: 14px;
}
.recuite-top span:last-child:before {
	content: "";
	width: 19px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 8px;
}
.recuite-top span:last-child:after {
	content: "";
	width: 3px;
	height: 19px;
	background: #fff;
	position: absolute;
	left: 8px;
	top: 0;
	transition: 320ms;
}
.recuites {
	padding: 32px 58px 70px 58px;
	background: #fff;
	position: relative;
	border: 1px solid #d1191b;
	border-top: none;
	display: none;
}
.recuite-list {
	margin-bottom: 32px;
}
.recuite-list strong {
	font-weight: normal;
	line-height: normal;
	color: #969696;
	font-size: 14px;
	margin-bottom: 8px;
}
.recuite-list p {
	color: #969696;
	font-size: 14px;
	margin-bottom: 4px;
}
.deliver {
	margin-top: 60px;
	padding-top: 35px;
	border-top: 1px solid #eeeeee;
}
.deliver p {
	color: #969696;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 10px;
}
.deliver a {
	color: #d1191b;
	font-size: 14px;
	text-decoration: underline;
}
.showd {
	display: block;
	padding-left: 26px;
	color: #d1191b;
	font-size: 14px;
	text-decoration: underline;
	background: url(../images/tshow.png) left center no-repeat;
	cursor: pointer;
	position: absolute;
	right: 18px;
	bottom: 20px;
	transition: 322ms;
}
.showd:hover {
	background-position: left 2px;
}
.loadmore {
	margin: auto;
	margin-top: 70px;
	width: 140px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	color: #d1191b;
	font-size: 16px;
	border: 3px solid #d1191b;
	overflow: hidden;
	position: relative;
}
.loadmore a {
	display: block;
	text-align: center;
	position: relative;
	z-index: 5;
	line-height: 45px;
	color: #d1191b;
	font-size: 16px;
}
.loadmore:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #d1191b;
	position: absolute;
	left: 0;
	top: 100%;
	transition: 288ms;
}
.loadmore:hover:before {
	top: 0;
}
.loadmore:hover a {
	color: #fff;
}
.in_pro .con_rightline {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	top: 50%;
	margin-top: -110px;
}
.serviceline {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 50%;
    margin-top: -110px;}
.ser_line {
	padding: 30px 0 58px 35px;
	background: #d1191b;
	width: 335px;
	float: right;
	border-bottom: 8px solid #fff;
}
.ser_line h2 {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}
.ser_line small {
	display: block;
	line-height: normal;
	color: #fff;
	font-size: 18px;
	font-family: Arial;
}
.ser_line b {
	display: block;
	margin-top: 30px;
	padding-left: 54px;
	color: #fff;
	font-size: 30px;
	line-height: 40px;
	font-family: Arial;
	font-style: italic;
	background: url(../images/tel.png) 5px center no-repeat;
}
.menu-box {
	padding: 50px 0;
	position: relative;
	z-index: 20;
}
.menu-inner {
	text-align: center;
}
.menu-inner li {
	display: inline-block;
	text-align: center;
	margin-right: 116px;
}
.menu-inner li:last-child {
	margin-right: 0;
}
.menu-inner li b {
	display: block;
	width: 100px;
	transition: 340ms;
	height: 100px;
	margin: auto;
	position: relative;
	background: url(../images/radius.png) center no-repeat;
	background-size: cover !important;
}
.menu-inner li b:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/radius1.png) center no-repeat;
	transition: 488ms;
	transform: scale(0.48);
	-webkit-transform: scale(0.48);
	-moz-transform: scale(0.48);
	opacity: 0;
	visibility: hidden;
}
.menu-inner li b i {
	display: block;
	width: 43px;
	height: 43px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
}
.menu-inner li span {
	display: block;
	text-align: center;
	color: #595757;
	font-size: 14px;
	margin-top: 12px;
	transition: 355ms;
}
.menu-inner li:nth-child(1) b i {
	background: url(../images/ser1.png) center no-repeat;
}
.menu-inner li:nth-child(2) b i {
	background: url(../images/ser2.png) center no-repeat;
}
.menu-inner li:nth-child(3) b i {
	background: url(../images/ser3.png) center no-repeat;
}
.menu-inner li:nth-child(4) b i {
	background: url(../images/ser4.png) center no-repeat;
}
.menu-inner li:nth-child(5) b i {
	background: url(../images/ser5.png) center no-repeat;
}
.menu-inner li:hover b:before {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}
.menu-inner li:hover span {
	color: #d1191b;
}
.dotbox {
	padding: 142px 0 77px;
}
.dotline {
	width: 366px;
	float: left;
}
.dotline b {
	color: #595757;
	display: block;
	font-size: 26px;
	line-height: normal;
	margin-bottom: 6px;
}
.dot-list {
	margin-top: 62px;
}
.dot-list h3 {
	color: #595757;
	font-weight: normal;
	line-height: normal;
	font-size: 26px;
	padding-bottom: 26px;
	border-bottom: 1px solid #595757;
	margin-bottom: 7px;
}
.addredot p {
	color: #5e5e5e;
	font-size: 14px;
	margin-bottom: 6px;
}
.netWorkPage {
	background: url(../images/service.png) center no-repeat;
	width: 755px;
	height: 554px;
	position: relative;
	float: right;
}
.netWorkPage .nbox {
	position: absolute;
}
.netWorkPage a {
	font: 12px/1.2 "microsoft yahei", Arial, Helvetica, sans-serif;
}
.smpa {
	position: absolute;
	z-index: 1;
}
.smpa1 {
	left: 291px;
	bottom: 104px;
	width: 140px;
	height: 121px;
}
.sico {
	position: absolute;
	z-index: 20;
	display: inline-block;
	color: #fff;
	font-size: 13px;
}
.smpa1 .sico {
	top: 35px;
	left: 58px;
}
.smpa .imap {
	display: none;
}
.smpa2 {
	left: 393px;
	top: 248px;
	width: 74px;
	height: 122px;
}
.smpa2 .sico {
	top: 64px;
	left: 34px;
}
.smpa3 {
	left: 391px;
	bottom: 135px;
	width: 64px;
	height: 60px;
}
.smpa3 .sico {
	top: 27px;
	left: 16px;
}
.smpa4 {
	left: 370px;
	bottom: 84px;
	width: 76px;
	height: 67px;
}
.smpa4 .sico {
	top: 25px;
	left: 31px;
}
.smpa5 {
	left: 294px;
	bottom: 39px;
	width: 110px;
	height: 113px;
}
.smpa5 .sico {
	bottom: 43px;
	left: 34px;
}
.smpa6 {
	left: 59px;
	bottom: 116px;
	width: 257px;
	height: 141px;
}
.smpa6 .sico {
	bottom: 51px;
	left: 117px;
}
.smpa7 {
	left: 0;
	top: 85px;
	width: 283px;
	height: 248px;
}
.smpa7 .sico {
	left: 156px;
	top: 124px;
}
.smpa8 {
	left: 197px;
	top: 256px;
	width: 170px;
	height: 118px;
	z-index: 10;
}
.smpa8 .sico {
	left: 80px;
	top: 33px;
}
.smpa9 {
	left: 231px;
	top: 197px;
	width: 204px;
	height: 161px;
}
.smpa9 .sico {
	left: 133px;
	top: 110px;
}
.smpa10 {
	left: 291px;
	top: 3px;
	width: 357px;
	height: 283px;
}
.smpa10 .sico {
	left: 152px;
	top: 200px;
}
.smpa11 {
	left: 377px;
	top: 251px;
	width: 44px;
	height: 68px;
}
.smpa11 .sico {
	left: 14px;
	top: 25px;
}
.smpa12 {
	left: 451px;
	top: 229px;
	width: 57px;
	height: 99px;
}
.smpa12 .sico {
	left: 12px;
	top: 36px;
}
.smpa13 {
	right: 184px;
	top: 201px;
	width: 86px;
	height: 110px;
}
.smpa13 .sico {
	left: 12px;
	top: 63px;
}
.smpa14 {
	right: 213px;
	top: 226px;
	width: 29px;
	height: 29px;
}
.smpa14 .sico {
	left: -2px;
	top: 4px;
}
.smpa15 {
	right: 205px;
	top: 238px;
	width: 21px;
	height: 30px;
}
.smpa15 .sico {
	left: 0px;
	top: 14px;
}
.smpa16 {
	right: 0;
	top: 0;
	width: 174px;
	height: 191px;
}
.smpa16 .sico {
	left: 57px;
	top: 117px;
}
.smpa17 {
	right: 46px;
	top: 137px;
	width: 122px;
	height: 96px;
}
.smpa17 .sico {
	left: 45px;
	top: 36px;
}
.smpa18 {
	right: 113px;
	top: 186px;
	width: 88px;
	height: 80px;
}
.smpa18 .sico {
	left: 46px;
	top: 21px;
}
.smpa19 {
	right: 150px;
	top: 268px;
	width: 101px;
	height: 63px;
}
.smpa19 .sico {
	left: 33px;
	top: 25px;
}
.smpa20 {
	right: 226px;
	top: 298px;
	width: 82px;
	height: 77px;
}
.smpa20 .sico {
	left: 29px;
	top: 25px;
}
.smpa21 {
	right: 157px;
	top: 316px;
	width: 73px;
	height: 66px;
}
.smpa21 .sico {
	left: 28px;
	top: 20px;
}
.smpa22 {
	right: 190px;
	bottom: 150px;
	width: 63px;
	height: 80px;
}
.smpa22 .sico {
	left: 18px;
	top: 40px;
}
.smpa23 {
	right: 230px;
	bottom: 147px;
	width: 98px;
	height: 64px;
}
.smpa23 .sico {
	left: 33px;
	top: 22px;
}
.smpa24 {
	right: 248px;
	bottom: 85px;
	width: 77px;
	height: 84px;
}
.smpa24 .sico {
	left: 22px;
	top: 21px;
}
.smpa25 {
	right: 202px;
	bottom: 84px;
	width: 63px;
	height: 81px;
}
.smpa25 .sico {
	left: 14px;
	top: 35px;
}
.smpa26 {
	right: 156px;
	bottom: 167px;
	width: 18px;
	height: 23px;
}
.smpa26 .sico {
	left: -10px;
	top: 4px;
}
.smpa27 {
	right: 153px;
	bottom: 120px;
	width: 58px;
	height: 60px;
}
.smpa27 .sico {
	left: 18px;
	top: 23px;
}
.smpa28 {
	right: 176px;
	bottom: 70px;
	width: 61px;
	height: 69px;
}
.smpa28 .sico {
	left: 14px;
	top: 26px;
}
.smpa29 {
	right: 158px;
	bottom: 49px;
	width: 29px;
	height: 50px;
}
.smpa29 .sico {
	left: 1px;
	top: 17px;
}
.smpa30 {
	right: 280px;
	bottom: 43px;
	width: 97px;
	height: 70px;
}
.smpa30 .sico {
	left: 38px;
	top: 27px;
}
.smpa31 {
	right: 215px;
	bottom: 29px;
	width: 99px;
	height: 72px;
}
.smpa31 .sico {
	left: 42px;
	top: 17px;
}
.smpa32 {
	right: 293px;
	bottom: 1px;
	width: 33px;
	height: 30px;
}
.smpa32 .sico {
	left: 2px;
	top: 8px;
}
.netbox {
	border: 1px solid #791b65;
	background-color: #fff;
	padding: 20px;
	width: 402px;
	color: #575757;
	position: relative;
}
.netbox .t {
	font: 18px/1.5 "microsoft yahei";
	margin-bottom: 18px;
	color: #000;
}
.netbox .c {
	position: relative;
}
.netbox .btnmap {
	color: #fff;
	float: right;
	display: block;
	background: url(../images/n3.png) no-repeat scroll 8px center #006ee3;
	padding-left: 20px;
	width: 54px;
	height: 22px;
	line-height: 22px;
}
.netbox .btnmap:hover {
	background-color: #CF1818;
}
.netClose {
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../images/netclise.png) no-repeat;
	width: 16px;
	height: 16px;
}
.maps {
	display: none;
	padding: 120px 0 50px;
}
.maps img {
	width: 100%;
	height: auto;
}
.nets {
	background: #ededed;
}
.equivalent {
	visibility: hidden;
	opacity: 0;
}
.content-box {
	padding: 128px 0;
	background-size: cover !important;
}
.content h2 {
	color: #595757;
	font-weight: normal;
	font-size: 26px;
	text-align: center;
	line-height: normal;
	margin-bottom: 36px;
}
.content-info {
	position: relative;
	width: 30.5%;
	float: left;
	margin-right: 4.25%;
	overflow: hidden;
}
.content-info:last-child {
	margin-right: 0;
}
.content-info figure {
	display: block;
	line-height: normal;
	overflow: hidden;
	position: relative;
}
.content-info figure img {
	display: block;
	width: 100%;
	height: auto;
	line-height: 0;
	transition: 466ms;
}
.content-info figcaption {
	display: block;
	height: 75px;
	line-height: 75px;
	color: #5e5e5e;
	font-size: 16px;
	text-align: center;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	transition: 335ms;
}
.content-text {
	width: 100%;
	height: 100%;
	background: rgba(18,107,197,0.8);
	background: #d1191b\9;
	filter: alpha(opacity=80);
	box-sizing: border-box;
	padding: 9px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transform: rotateY(-90deg);
	transition: 450ms;
}
.content-wr {
	padding: 50px 24px 32px 22px;
}
.content-wr:before {
	content: "";
	width: 95%;
	height: 95%;
	position: absolute;
	left: 2.5%;
	top: 2.5%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	box-sizing: border-box;
}
.content-wr:after {
	content: "";
	width: 95%;
	height: 95%;
	position: absolute;
	left: 2.5%;
	top: 2.5%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
}
.content-wr h3 {
	color: #ffffff;
	font-size: 20px;
	line-height: normal;
	font-weight: normal;
	padding-bottom: 22px;
	border-bottom: 1px solid #fff;
}
.content-wr p {
	color: #ffffff;
	font-size: 14px;
	margin-top: 42px;
}
.content-wr span {
	color: #ffffff;
	font-size: 14px;
	position: absolute;
	left: 32px;
	bottom: 38px;
	z-index: 10;
}
.content-wr span:hover {
	text-decoration: underline;
}
.content-info:hover figure img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}
.content-info:hover figcaption {
	bottom: -100%;
}
.content-info:hover .content-text {
	opacity: 1;
	transform: rotateY(0);
	visibility: visible;
}
.maintenance {
	padding: 70px 0;
}
.mainten {
	height:343px;
	overflow:hidden;
	background: #ededed;
	position: relative;
}
.mainten figure {
	display: block;
	width: 50%;
	float: left;
	line-height: normal;
	overflow: hidden;
	position: relative;
}
.mainten figure img {
	display: block;
	width: 100%;
	height: auto;
	line-height: 0;
}
.mainten figcaption {
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 50%;
	height: 100%;
}
.mainten figcaption .main-wr {
	position: absolute;
	box-sizing: border-box;
	padding: 0 34px;
	width: 100%;
	top: 55px;
	height: 320px;
}
.mainten figcaption .main-wr h3 {
	color: #595757;
	font-size: 26px;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 18px;
}
.mainten figcaption .main-wr p {
	color: #5e5e5e;
	font-size: 14px;
	line-height: 2;
}
.mainten figcaption .main-wr a {
	display: inline-block;
	color: #d1191b;
	font-size: 14px;
	position: absolute;
	left: 34px;
	bottom: 0;
}
.mainten figcaption .main-wr a:hover {
	text-decoration: underline;
}
.load-box {
	padding: 136px 0 162px;
	background-size: cover !important;
}
.recruit-text li {
	margin-bottom: 2px;
}
.recruit-text li:nth-child(1) .reruit-info {
	display: block;
}
.recuit-top {
	background: #f5f5f5;
	cursor: pointer;
	padding-left: 28px;
}
.recuit-top span {
	display: inline-block;
	width: 12%;
	float: left;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #333333;
	transition: 350ms;
	white-space: nowrap;
}
.recuit-top .addcad {
	float: right;
	width: 18px;
	height: 18px;
	margin-right: 28px;
	position: relative;
	margin-top: 18px;
}
.recuit-top .addcad b {
	display: block;
	background: #999999;
	position: absolute;
	transition: 240ms;
}
.recuit-top .addcad b:nth-child(1) {
	width: 18px;
	height: 2px;
	left: 0;
	top: 8px;
}
.recuit-top .addcad b:nth-child(2) {
	width: 2px;
	height: 18px;
	left: 8px;
	top: 0px;
}
.recuit-top.on {
	background: #0095d9;
	transition: 350ms;
}
.recuit-top.on span {
	color: #fff;
}
.recuit-top.on .addcad b {
	background: #fff;
}
.recuit-top.on .addcad b:nth-child(2) {
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	opacity: 0;
	filter: alpha(opacity=0);
}
.reruit-info {
	padding: 8px 28px 54px 28px;
	display: none;
	border: 1px solid #dddddd;
	background: #fff;
}
.reruit-info h4 {
	color: #0095d9;
	margin-bottom: 6px;
	font-weight: normal;
	margin-top: 30px;
	font-size: 16px;
}
.reruit-info p {
	color: #333;
	line-height: 1.7;
	font-size: 14px;
}
.reruit-info p span {
	display: inline-block;
	margin-right: 24px;
}
.reruit-info a {
	display: block;
	width: 165px;
	height: 47px;
	text-align: center;
	line-height: 47px;
	color: #ffffff;
	font-size: 14px;
	background: #0095d9;
	margin-top: 34px;
	border-radius: 3px;
}
.reruit-info a:hover {
	background: #2190c3;
}
.feedT {
	width: 300px;
	float: left;
}
.feedT h3 {
	color: #595757;
	font-size: 26px;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 44px;
}
.feedT p {
	color: #595757;
	line-height: 2;
	font-size: 14px;
}
.feedback-box {
	padding: 80px 0;
	background: #f5f5f5;
}
.feedback-right {
	width: 770px;
	float: right;
}
.feedbackinput {
	margin-bottom:25px;
}
.inputinfo {
	float: left;
	border-radius: 2px;
	box-shadow: 0 2px 2px #d6d6d6;
	background: #fff;
}
.inputinfo span {
	display: inline-block;
	float: left;
	padding-left: 16px;
	line-height: 43px;
	color: #747474;
	font-size: 14px;
}
.inputinfo input {
	width: 314px;
	float: left;
	height: 43px;
	line-height: 43px;
	padding: 0;
	padding-left: 6px;
	background: none;
	border: none;
	outline: none;
	font-family: 微软雅黑;
	font-size: 14px;
	color: #747474;
}
.inputinfo:nth-child(2) {
	float: right;
}
.inputinfo:nth-child(3) {
	margin-top: 20px;
	border-radius: 6px;
}
.inputinfo textarea {
	width: 730px;
	padding: 12px 20px;
	height: 100px;
	float: left;
	font-family: 微软雅黑;
	border: none;
	outline: none;
}
.feed-sub input {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	padding: 0;
	border: none;
	outline: none;
	transition: 340ms;
	background: #d1191b;
	font-family: 微软雅黑;
	cursor: pointer;
}
.feed-sub input:hover {
	opacity: 0.78;
}
.value-title.article-block small, .value-title.article-block h2 {
	position: relative;
	top: 30px;
	opacity: 0;
}
.value-title.articleShow small, .value-title.articleShow h2 {
	opacity: 1;
	top: 0;
	transition: 440ms 120ms;
}
.value-title.articleShow h2 {
	transition: 466ms 340ms;
	color: #d1191b;
	font-weight: 600;
}
.solutions {
	width: 100%;
	min-width: 1200px;
}
.solutions.article-block .solutes, .solutions.article-block .solute-info {
	top: 54px;
	opacity: 0;
}
.solutions.articleShow .solutes, .solutions.articleShow .solute-info {
	top: 0;
	opacity: 1;
	transition: 688ms 200ms;
}
.solutions.articleShow .solute-info:nth-child(2) {
	transition: 688ms 400ms;
}
.solutions.articleShow .solute-info:nth-child(3) {
	transition: 688ms 600ms;
}
.solutions.articleShow .solute-info:nth-child(4) {
	transition: 688ms 800ms;
}
.solutions.articleShow .solute-info:nth-child(5) {
	transition: 688ms 1000ms;
}
.solutions.articleShow .solute-info:nth-child(6) {
	transition: 688ms 1200ms;
}
.case-banner.article-block, .customer.article-block {
	transform: translateX(-600px);
	-webkit-transform: translateX(-600px);
	-moz-transform: translateX(-600px);
	opacity: 0;
	visibility: hidden;
}
.customer.article-block {
	transform: translateX(600px);
	-webkit-transform: translateX(600px);
	-moz-transform: translateX(600px);
}
.case-banner.articleShow, .customer.articleShow {
	opacity: 1;
	visibility: visible;
	transition: 1200ms 300ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}
.idea.article-block .idea-info {
	opacity: 0;
	top: 55px;
}
.idea.articleShow .idea-info {
	opacity: 1;
	top: 0;
	transition: 680ms 0ms;
}
.idea.articleShow .idea-info:nth-child(2) {
	transition: 680ms 300ms;
}
.idea.articleShow .idea-info:nth-child(3) {
	transition: 680ms 600ms;
}
.linefix {
	position: fixed;
	right: 20px;
	bottom: 10%;
	z-index: 199;
}
.search {
	min-width: 35px;
	position: relative;
	float: left;
	margin-top: 22px;
	margin-left: 20px;
}
.search input[type=text] {
	width: 0px;
	opacity: 0;
	visibility: hidden;
	border: 1px solid #5e5e5e;
	border-radius: 16px;
	box-sizing: border-box;
	padding-left: 8px;
	height: 30px;
	background: none;
	outline: none;
	line-height: 30px;
	color: #787a82;
	font-size: 14px;
	font-family: Arial;
	transition: 455ms ease-in-out;
}
.search input[type=button] {
	width: 35px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/search1.png) center no-repeat;
	cursor: pointer;
	border: none;
	outline: none;
	z-index: 5;
	transition: 366ms ease-in-out;
}
.search input[type=button]:hover {
	background: url(../images/search2.png) center no-repeat;
}
.search.active-search input[type="text"] {
	opacity: 1;
	width: 160px;
	visibility: visible;
}
.header-right .jiathis_style {
	float: left;
	margin-top: 30px;
	margin-left: 6px;
}
.header-right .jiathis_style a {
	display: block;
	margin-left: 12px;
	float: left;
}
.header-right .jiathis_style .jtico {
	padding-left: 30px !important;
	height: 18px !important;
	transition: 355ms;
}
.header-right .jiathis_style .jtico_tsina {
	background: url(../images/weib.png) center no-repeat !important;
}
.header-right .jiathis_style .jtico_linkedin {
	background: url(../images/qq.png) center no-repeat !important;
}
.header-right .jiathis_style .jtico_weixin {
	background: url(../images/weix.png) center no-repeat !important;
}
.header-right .jiathis_style .jtico:hover {
	opacity: 1;
}
.header-right .jiathis_style .jtico_linkedin:hover {
	background: url(../images/qq1.png) center no-repeat !important;
}
.header-right .jiathis_style .jtico_tsina:hover {
	background: url(../images/weib1.png) center no-repeat !important;
}
.header-right .jiathis_style .jtico_weixin:hover {
	background: url(../images/weix1.png) center no-repeat !important;
}
.iphne-mnue {
	width: 90%;
	margin: auto;
	position: relative;
	border-bottom: 1px solid #5f6269;
	margin-top: 66px;
}
.iphne-mnue input[type=text] {
	width: 100%;
	box-sizing: border-box;
	padding-left: 8px;
	height: 40px;
	border: none;
	background: none;
	outline: none;
	line-height: 40px;
	color: #787a82;
	font-size: 20px;
	font-family: Arial;
}
.iphne-mnue input[type=button] {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/search1.png) center no-repeat;
	cursor: pointer;
	border: none;
	outline: none;
	z-index: 5;
}
.sharelist .jiathis_style {
	margin-top: 0;
	float: none;
}
.sharelist .jiathis_style a {
	margin-left: 0;
}
.product-view {
	border-top: 1px solid #ededed;
}
.sort-bg {
	background: #ededed;
}
.sorts {
	margin: auto;
}
.product-inn {
	margin: auto;
}
.modeo {
	margin: auto;
}
.model {
	width:920px;
	margin-top: 0;
}
.product-inn .model{
	padding-right:15px;}
.modelimsg img {
	height: auto;
}
.modelimsg {
	margin:30px 0;
	text-align: center;
}
.models-list img {
	max-width: 100%;
	height: auto;
}
.ys_Dnav {
}
.ys_Dnav li {
	float: left;
	cursor: pointer;
	color: #727272;
	text-align: center;
	display: inline-block;
	padding: 16px 47px;
	font: 16px/1.2 "microsoft yahei";
	position: relative;
	overflow: hidden;
	-moz-transition: 300ms;
	-webkit-transition: 300ms;
	transition: 300ms;
}
.ys_Dnav li:hover, .ys_Dnav li.active {
	background-color: #d1191b;
	color: #fff;
}
.ys_Dnav {
	border: 1px solid #ececec;
	width: 100%;
	box-sizing:border-box;
	overflow: hidden;
}
.ys_Dpage {
	color: #525252;
	border:1px solid #ececec;
	border-top:0;
	padding:20px;
	box-sizing:border-box;
}
.ys_Dpage p {
	font-size: 14px;
	margin-bottom: 10px;
	text-indent: 2em;
	line-height: 24px;
	color: #666;
}
.ys_Dpage p img {
	margin-left: -2em;
}
.solute-fix {
	margin: auto;
	margin-bottom: 45px;
}
.paddno {
	padding-left: 0;
}
.addleft {
	float: left;
	    width: 50%;
}
.addleft .eq{
	float:left;
	margin-top:40px;
	margin-bottom:0;}
.address .footer-right {
	width:50%;  
	height: 370px;
}
.sorts, .product-inn {
	width: 1200px;
	overflow:hidden;
}
.banner .flex-direction-nav {
	display: none;
}
.serachT {
	font: 36px/1.5 "Microsoft JhengHei";
	color: #5899dd;
	padding: 6% 0px;
}
.serachI {
	background-color: #d1191b;
	color: #5e5e5e;
	padding: 36px 30px;
	line-height: 30px;
	margin-bottom: 8%;
}
.serachI .snum {
	font-style: italic;
	padding-left: 12px;
	color: #fff;
}
.serachI .stxt {
	border: 1px solid #b8c9dc;
	padding: 0px 17px;
	height: 30px;
	width: 30%;
	float: left;
	color: #6D6B6B;
}
.serachI .stxt:focus {
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6);
}
.serachI .sbtn {
	background-color: #fff;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	width: 85px;
	border: 0px none;
	height: 32px;
	line-height: 32px;
	float: left;
	margin-left: 14px;
}
.serachlist a:link, .serachlist a:visited {
	color: #a9a9a9;
}
.serachlist a:active, .serachlist a:hover {
	color: #767676;
}
.serachlist dd {
	border-bottom: 1px solid #cccccc;
	font-size: 14px;
	color: #a9a9a9;
	padding-bottom: 24px;
	margin-bottom: 30px;
}
.serachlist dd .num {
	float: left;
	display: block;
	padding-right: 26px;
	font-size: 18px;
	line-height: 1.4;
}
.serachlist dd .blue {
	color: #5899dd;
	text-decoration: underline;
}
.iphonemap {
	position: relative;
	display: none;
	float: left;
	width: 100%;
}
.iphonemap .netbox {
	width: 100%;
	box-sizing: border-box;
	margin-top: 28px;
	border: none;
}
.iphonemap .netClose {
	display: none;
}
.menus .jiathis_style {
	margin-left: 5%;
}
.menus .jiathis_style .jtico {
	margin-right: 10px;
}
.edite {
	float: left;
	margin-top: 12px;
	margin-left: 5%;
	margin-bottom: 20px;
}
.edite b {
	color: #033257;
	font-size: 18px;
	line-height: normal;
	margin-bottom: 10px;
}
.edifix a {
	display: inline-block;
	line-height: normal;
	float: left;
	color: #646464;
	font-size: 14px;
}
.edifix a:nth-child(1) {
	padding-right: 10px;
	position: relative;
}
.edifix a:nth-child(1):before {
	content: "";
	width: 1px;
	height: 14px;
	background: #a0a0a0;
	position: absolute;
	right: 0;
	top: 3px;
}
.edifix a:nth-child(2) {
	padding-left: 10px;
}
.edifix a:hover {
	color: #f7a300;
}
/* pagenation start */
.digg {
	text-align: center;
}
.digg span {
	display: inline-block;
	margin-right: 3px;
	padding: 3px 11px;
	background-color: #fff;
	border: 1px solid #ededed;
}
.digg a {
	margin-right: 3px;
}
.digg a:link, .digg a:visited {
	color: #555;
}
.digg a:active, .digg a:hover {
	color: #fff;
	background-color: #d1191b;
}
.digg a {
	background-color: #fff;
	padding: 7px 12px;
	border: 1px solid #ededed;
}
.current {
	background-color: #d1191b!important;
	color: #fff!important;
	border: 1px solid #d1191b!important;
}
/* pagenation end */


/*products*/
.in_pro{
	width:100%;
	background-color:#f9f9f9;
	overflow:hidden;}
.in_pro .inner{
	position:relative;
	overflow:hidden;
	background: linear-gradient(left, rgb(255, 255, 255) 240px, rgb(253, 253, 253) 220px);
	background: -o-linear-gradient(left, rgb(255, 255, 255) 240px, rgb(253, 253, 253) 220px);
	background: -ms-linear-gradient(left, rgb(255, 255, 255) 240px, rgb(253, 253, 253) 220px);
	background: -moz-linear-gradient(left, rgb(255, 255, 255) 240px, rgb(253, 253, 253) 220px);
	background: -webkit-linear-gradient(left, rgb(255, 255, 255) 240px, rgb(253, 253, 253) 220px);}		
.menu_left{
	width:230px;
	padding:0 5px;}	
.menu_left .m_t{
	width:100%;
	height:80px;
	line-height:80px;
	text-align:center;
	color:#fff;
	background-color:#d1191b;}
.menu_left .m_t h2{
	font-weight:normal;
	font-size:24px;
	border:5px solid rgba(255,255,255,0.5);}
.menu_left ul{
	overflow:hidden;}
.menu_left ul li{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#f9f9f9;
	margin-top:2px;}	
.menu_left ul li>a{
	display:block;
	color:#333;
	font-size:14px;
	position:relative;}
.menu_left ul li i{
	display:block;
	width:7px;
	height:13px;
	position:absolute;
	right:20px;
	z-index:2;
	top:16px;
	background:url(../images/btn.png) no-repeat;
	background-position:0 0;}
.menu_left ul li dl{
	width:150px;
	position:absolute;
	left:220px;
	display:none;
	z-index:11;}
.menu_left ul li.hover{
	background-color:#666}
.menu_left ul li.hover>a{
	color:#fff;}
.menu_left ul li.hover i{
	background-position:-7px 0;}
.menu_left ul li.hover dl{
	display:block;
	margin-top:-40px;}
.menu_left ul li dl dd{
	width:150px;
	height:40px;
	line-height:40px;
	background-color:#f9f9f9;
	border-left:2px solid #ccc;
	margin-bottom:2px;
	}
.menu_left ul li dl dd a{
	color:#333;
	-webkit-transition:margin-left 0.5s ease;
	-moz-transition:margin-left 0.5s ease;
	-o-transition:margin-left 0.5s ease;
	transition:margin-left 0.5s ease;}
.menu_left ul li dl dd a:hover{
	color:#d1191b;
	margin-left:-10px;}
.menu_left .menu_c{
	width:100%;
	padding-top:20px;
	overflow:hidden;}
.menu_left .menu_c .img{
	height:150px;
	width:100%;
	overflow:hidden;}
.menu_left .menu_c .img img{
	width:100%;}
.menu_left .menu_c p{
	padding:5px 20px;
	color:#fff;
	background-color:#d1191b;}
.in_pro .con_right{
	width:920px;
	padding:80px 0;}	
.in_pro .infor_right{
	padding:50px 30px 80px;}
.product-inn{
	width:100%;
	background-color:#f9f9f9;}	
.product-inn .inner{
	position:relative;
	overflow:hidden;
	background: linear-gradient(left, rgb(255, 255, 255) 240px, rgb(253, 253, 253) 220px);
	background: -o-linear-gradient(left, rgb(255, 255, 255) 240px, rgb(253, 253, 253) 220px);
	background: -ms-linear-gradient(left, rgb(255, 255, 255) 240px, rgb(253, 253, 253) 220px);
	background: -moz-linear-gradient(left, rgb(255, 255, 255) 240px, rgb(253, 253, 253) 220px);
	background: -webkit-linear-gradient(left, rgb(255, 255, 255) 240px, rgb(253, 253, 253) 220px);}		