@charset "utf-8";
/* 
 * Project Name:华建恒通
 * Author:June
 * Date：2017-2-14
 */
@font-face {
font-family: 'pf_din_text_comp_probold';
src: url('pfdintextcomppro-bold-webfont.woff2') format('woff2'), url('pfdintextcomppro-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'pf_din_text_comp_promedium';
src: url('pfdintextcomppro-medium-webfont.woff2') format('woff2'), url('pfdintextcomppro-medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
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;
	box-sizing:inherit;
}
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", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "微软正黑体", "Microsoft JhengHei", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif;
	margin: 0 auto;
	color: #989898;
	background-color: #fff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
strong {
	font-weight: bold;
}
img {
	border: 0;
}
input {
	outline: none;
}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
	border-radius: 0;
}
textarea {
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
}/*
::-moz-selection {
background: #c41723;
color: #fff;
text-shadow: none;
}
::selection {
background: #c41723;
color: #fff;
text-shadow: none;
}
select {
	outline: none;
}*/
select::-ms-expand {
display: none;
}
a {
	text-decoration: none;
blr: expression(this.onFocus=this.blur());
	-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;
	outline: none;
}
a:focus {
	text-decoration: none;
	outline: 0;
}
/*公共 style end*/
/*全局 style*/
.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: 95%;
	margin: 0px auto;
}
.trans3 {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.trans4 {
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.trans6 {
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
/*全局 style end*/
/*header style*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1005;
	background: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
	height:80px;
}
.logo {
	display: block;
	width: 180px;
	float:left;
	margin-top:15px;
}
.logo img {
	display: block;
	width: 100%;
}
.nav {
	text-align: center;
	font-size: 0;
	/*float:right;
	position:relative;*/
}
.nav a:link, .nav a:visited {
	color: #686868;
}
.nav li {
	width:115px;
	height:77px;
	line-height:77px;
	transition: 300ms;
	-webkit-transition: 300ms;
	display: inline-block;
 *zoom: 1;
 *display: inline;
	vertical-align: middle;
	font-size: 14px;
	position: relative;
}

.nav li a:hover {
	border-bottom:3px solid #c41723;
}

.nav li > a {
	display: block;
	line-height:77px;
	/*padding: 0 10px;*/
}
.nav li > a:hover {
	color: #c41723;
}
.nav i {
	display: block;
	width: 60px;
	height: 3px;
	background: #c41723;
	position: absolute;
	left: 30px;
	bottom:0;
}
.nav .subnav {
	position: absolute;
	left: -58px;
	display: none;
	z-index: 12;
	line-height: 45px;
}
.nav .subnav a {
	display: inline-block;
	text-align: center;
	line-height: 45px;
	color: #333;
	font-size: 14px;
}
.nav .subnav span {
	display: inline-block;
	color: #333;
	padding: 0 10px;
}
.tel {
	background: url(../images/tel.png) left center no-repeat;
	float: right;
	margin-top: 22px;
	padding-left: 37px;
	color: #c41723;
	font-size: 18px;
	margin-left:10px;
}
.search {
	position: absolute;
	top: 22px;
	right: 25px;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.header .bg {
	position: absolute;
	left: 0;
	top: 80px;
	width: 100%;
	height: 51px;
	background: url(../images/company_03.png) repeat-x center top;
	display: none;
	z-index: 2;
}
.s-header .logo {
	width: 168px;
	top: 13px;
}
.s-header .nav li {
	padding: 19px 4px;
}
.s-header .search-tx {
	padding-top: 6px;
	padding-bottom: 6px;
}
.s-header .search {
	top: 12px;
}
/*menuBox*/
.menuBox {
	position: fixed;
	top: -100%;
	height: 100%;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 1004;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0 5%;
}
.navMobile {
	padding: 115px 0 75px 0;
}
.navMobile a:link, .navMobile a:visited {
	color: #686868;
}
.navMobile dd p > a:active, .navMobile dd p > a:hover {
	color: #fff;
}
.navMobile dd p > a {
	display: block;
	font-size: 16px;
	line-height: 1.4;
	padding: 12px 15px;
	text-align: center;
}
.navMobile dd p > a:hover {
	color: #c41723;
}
.menuBox .search {
	position: relative;
	top: 0;
	left: 0;
}
.menuBox .search-tx {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ececec;
	border-radius: 0 !important;
	background: #ececec;
	color: #686868;
	padding-left: 15px;
	padding-right: 40px;
}
.menuBox .search-btn {
	right: 11px;
}
.header.show {
	box-shadow: none;
}
.navMobile .twoNav {
	display: none;
}
.navMobile .twoNav a {
	display: block;
	padding: 7px 15px;
	line-height: 1.4;
	font-size: 14px;
	text-align: center;
}
.navMobile .twoNav a:hover, .navMobile .twoNav a:active {
	color: #ff0000;
}
/*menuBox end*/
/* menuBtn */
.trans, .trans:hover {
	-webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.trans-fast, .trans-fast:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
}
.menu-handler {
	display: none;
	overflow: hidden;
	width: 32px;
	height: 60px;
	cursor: pointer;
	position: absolute;
	right: 5%;
	top: 0px;
	transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
	-moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
	z-index: 1012;
}
.menu-handler .burger {
	width: 32px;
	height: 4px;
	background: #c41723;
	display: block;
	position: absolute;
	z-index: 5;
	top: 18px;
	left: 50%;
	margin: 0px 0px 0px -16px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	border-radius: 3px;
}
.menu-handler .burger-2 {
	top: 28px;
}
.menu-handler .burger-3 {
	top: 38px;
}
.menu-handler.active .burger-1 {
	top: 30px;
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}
.menu-handler.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;
	left: -100%;
}
.menu-handler.active .burger-3 {
	top: 30px;
	-moz-transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	-o-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
/* menuBtn end */

/*响应式*/
@media screen and (max-width:1600px) {
.search-tx {
 width: 298px;
}
}
@media screen and (max-width:1440px) {
.search-tx {
 width: 268px;
 padding-left: 10px;
 padding-right: 40px;
}
}
@media screen and (max-width:1366px) {
.search-tx {
 width: 238px;
 padding-right: 30px;
}
.search-btn {
 right: 6px;
}
}
@media screen and (max-width:1281px) {
.search-tx {
 width: 208px;
}
.nav li > a {
 padding: 0 8px;
}
}
@media screen and (max-width:1153px) {
.header .search {
 display: none;
}
}
@media screen and (max-width:1024px) {
.menu-handler {
 display: block;
}
.nav {
 display: none;
}
.header {
 height: 60px;
}
 .pd-header {
 position: relative;
 right: 0;
}
}
/*header style end*/
/*内页banner style*/
.pbanner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.pbanner .bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #4C4C4C;
}
.pbanner .img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 2;
}
/*.picw img { transform: scale(1.08); -webkit-transform: scale(1.08); opacity: 0; }
.trans-1 img { transition: all 1.2s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; -webkit-transition: all 1.2s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; }*/
.pbanner .con {
	width: 90%;
	position: absolute;
	left: 5%;
	top: 42%;
	z-index: 4;
	text-align: center;
	color: #033990;
	line-height: 1.2;
	transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg);
	-webkit-transform: rotateX(30deg) rotateY(0deg) rotateZ(0deg);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 1s ease 0.2s;
	transition: all 1s ease 0.2s;
	opacity: 0;
}
.pbanner .con .en {
	font: italic 35px/1.1 arial, helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.pbanner .con .zh {
	font-size: 25px;
}
.pbanner .con.action {
	-webkit-transform: perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0)!important;
	transform: perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0)!important;
	opacity: 1;
}
/*内页banner style end*/

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-loading .slick-list {
	background: #00865e url(../images/loader.gif) center center no-repeat;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1;
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
/* Arrows */
.slick-prev, .slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	padding: 0;
	border: none;
	outline: none;
}
/* Dots */
.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
	width: 100%;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0px 5px;
	padding: 0px;
	cursor: pointer;
}
.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer;
	outline: none;
}
.slick-dots li button:focus {
	outline: none;
}
 @-webkit-keyframes scaleUpDown {
 from {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
 @keyframes scaleUpDown {
 from {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel {
	display: none;
	position: relative;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
	cursor: url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
}
/* Styling Next and Prev buttons */

.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;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100); /*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
/* Styling Pagination*/

.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.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
}
/* If PaginationNumbers is true */

.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;
}
/* preloading images */
.owl-item.loading {
	min-height: 150px;
	background: url(../images/AjaxLoader.gif) no-repeat center center;
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.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;
}
/* fade */
.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;
}
/* backSlide */
.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;
}
/* goDown */
.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;
}
/* scaleUp */
.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;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
 0% {
opacity: 1;
}
}
 @-moz-keyframes empty {
 0% {
opacity: 1;
}
}
 @keyframes empty {
 0% {
opacity: 1;
}
}
 @-webkit-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-moz-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-webkit-keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @-moz-keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @keyframes fadeOut {
 0% {
opacity: 1;
}
 100% {
opacity: 0;
}
}
 @-webkit-keyframes backSlideOut {
 25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
 @-moz-keyframes backSlideOut {
 25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
 @keyframes backSlideOut {
 25% {
opacity: .5;
transform: translateZ(-500px);
}
 75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
 @-webkit-keyframes backSlideIn {
 0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
 @-moz-keyframes backSlideIn {
 0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
 @keyframes backSlideIn {
 0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
transform: translateZ(-500px);
}
 100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
 @-webkit-keyframes scaleToFade {
 to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
 @-moz-keyframes scaleToFade {
 to {
opacity: 0;
-moz-transform: scale(.8);
}
}
 @keyframes scaleToFade {
 to {
opacity: 0;
transform: scale(.8);
}
}
 @-webkit-keyframes goDown {
 from {
-webkit-transform: translateY(-100%);
}
}
 @-moz-keyframes goDown {
 from {
-moz-transform: translateY(-100%);
}
}
 @keyframes goDown {
 from {
transform: translateY(-100%);
}
}
 @-webkit-keyframes scaleUpFrom {
 from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
 @-moz-keyframes scaleUpFrom {
 from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
 @keyframes scaleUpFrom {
 from {
opacity: 0;
transform: scale(1.5);
}
}
 @-webkit-keyframes scaleUpTo {
 to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
 @-moz-keyframes scaleUpTo {
 to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
 @keyframes scaleUpTo {
 to {
opacity: 0;
transform: scale(1.5);
}
}
/** THEME
===================================*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #8cc227;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 0%;
	background: url(../images/a_l3.png) no-repeat 0 bottom;
}
.bx-wrapper .bx-next {
	right: 0%;
	background: url(../images/a_r3.png) no-repeat right bottom;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 top;
}
.bx-wrapper .bx-next:hover {
	background-position: right top;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	outline: 0;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	z-index: 600;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0; /*background: url(images/controls.png) -86px -11px no-repeat;*/
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0; /*background: url(images/controls.png) -86px -44px no-repeat;*/
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: center;
	width: 100%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/*base style*/
/*index style*/
.transYT {
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transYT2 {
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	opacity: 0;
	visibility: hidden;
transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transXT {
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	opacity: 0;
	visibility: hidden;
transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.transXT2 {
	transform: translateX(-50px);
	-webkit-transform: translateX(-50px);
	opacity: 0;
	visibility: hidden;
transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
-webkit-transition: transform 600ms, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
}
.action.transYT {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transYT2 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transXT {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.action.transXT2 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.dly_1 {
	transition-delay: 100ms;
	-webkit-transition-delay: 100ms;
}
.dly_2 {
	transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
}
.dly_3 {
	transition-delay: 300ms;
	-webkit-transition-delay: 300ms;
}
.dly_4 {
	transition-delay: 400ms;
	-webkit-transition-delay: 400ms;
}
.dly_5 {
	transition-delay: 500ms;
	-webkit-transition-delay: 500ms;
}
.dly_6 {
	transition-delay: 600ms;
	-webkit-transition-delay: 600ms;
}
.dly_7 {
	transition-delay: 700ms;
	-webkit-transition-delay: 700ms;
}
.dly_8 {
	transition-delay: 800ms;
	-webkit-transition-delay: 800ms;
}
/*banner 样式*/
.bannerpanel {
	position: relative;
}
.banner {
	position: relative;
	width: 100%;
	overflow: hidden;
	left: 0px;
	top: 0px;
	z-index: 1;
}
.banneritem {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.banneritem .pic {
	position: absolute;
	width: 100%;
	height: 100%;
}
.banneritem .imgIn img {
	visibility: visible !important;
	-webkit-animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
 @-webkit-keyframes scaleUpDown {
 from {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
 @keyframes scaleUpDown {
 from {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
.banneritem .pic img {
	width: 100%;
	display: block;
}
.banerBtns {
	height: 11px;
	bottom: 100px;
	position: absolute;
	width: 100%;
	left: 0px;
	z-index: 99;
	text-align: center;
	display: none;
}
.banerBtns span {
	height: 11px;
	line-height: 11px;
	width: 11px;
	margin: 0px 6px;
	display: inline-block;
	overflow: hidden;
	background: url(../images/num_1.png) no-repeat scroll center center;
	cursor: pointer;
	opacity: 0;
}
.banerBtns span.cur {
	background: url(../images/num_2.png) no-repeat scroll center center;
}
.bannerfont {
	text-align: center;
	width: 430px;
	position: absolute;
	z-index: 1000;
	left: 50%;
	top: 50%;
	height: 300px;
	margin: -230px 0px 0px -215px;
	transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s; /* Firefox 4 */
	-webkit-transition: all 0.2s ease-in-out 0s; /* Safari and Chrome */
	-o-transition: all 0.2s ease-in-out 0s; /* Opera */
}
.bannerfont .fone {
	height: 78px;
	position: absolute;
	left: 0px;
	top: 154px;
	width: 100%;
	display: none;
}
.bannerfont .ftwo {
	height: 76px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	display: none;
}
/*banner_news 样式*/
.banner_news {
	width:500px;
	position:absolute;
	bottom:0;
	right:0;
	margin:auto;
	z-index:11;
	height:50px;
	line-height:50px;
	padding:0 20px;
	background:rgba(196, 23, 35, 0.5);
	background:rgba(0, 0, 0, 0.3);
}
.banner_news h3 {
	color:#fff;
	font-size:16px;
	float:left;
	margin-right:30px;
	font-weight:normal;
}
.banner_news .b_news_con {
	overflow:hidden;
}
.banner_news ul {
	width:10000px;
}
.banner_news ul li {
	float:left;
	margin-right:50px;
}
.banner_news ul li a {
	color:#fff;
}
.banner_news ul li a:hover {
	text-decoration:underline;
}
/*banner style end*/
/*about style*/
.bgf4 {
	background-color: #f4f4f4;
}
.aboutIbox .about_top {
	padding: 70px 0px 0px;
	overflow: hidden;
	background:url(../images/about_bg.jpg) no-repeat center center;
	background-size: cover;
}
.iboxT {
	text-align: center;
}
.iboxT .t {
	color: #c41723;
	font-size: 34px;
	line-height: 1.2;
}
.iboxT .by {
	color: #4c4c4c;
	font-size: 20px;
}
.iboxT .line {
	height: 2px;
	width: 120px;
	display: block;
	margin: 40px auto 0px;
	background-color: #4C4C4C;
}
.iboxT .line2 {
	width: 368px;
	position: relative;
	padding: 8px 0px;
	margin: 0px auto;
	color: #4c4c4c;
	font-size: 14px;
}
.iboxT .line2 .txt {
	padding: 0px 20px;
	background-color: #fff;
	position: relative;
	z-index: 2;
	text-transform:uppercase;
	font-size:12px;
}
.iboxT .line2 .xian {
	height: 1px;
	background-color: #e9e9e9;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 50%;
}
.aboutIc {
	width: 900px;
	margin: 3% auto 0;
	text-align: center;
}
.aboutIbox .productIbox-more {
	padding:50px 0 0;
}
.aboutType {
	position: relative;
	bottom: -80px;
}
.aboutType dd {
	float: left;
	display: block;
	width: 50%;
}
.aboutType dd a:link, .aboutType dd a:visited {
	color: #000;
}
.aboutType dd a:active, .aboutType dd a:hover {
	color: #000;
}
.aboutType dd a {
	display: block;
	height: 250px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
.aboutType dd .t {
	position: absolute;
	left: 5%;
	top: 18px;
}
.aboutType dd .ico {
	width: 50px;
	height: 50px;
	position: absolute;
	left:0;
	bottom:0;
	top:0;
	right:0;
	margin:auto;
}
.aboutType dd .bg {
	background:rgba(196, 23, 35, 0.5);
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.aboutType dd .i {
	background: url(../images/k_icon.png) no-repeat scroll center center;
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	left:0;
	bottom:0;
	top:0;
	right:0;
	margin:auto;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.aboutType dd.sec .i {
	background: url(../images/x_icon.png) no-repeat scroll center center;
}
.aboutType dd:hover .bg {
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
}
.aboutType dd:hover .i {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.aboutType dd {
	position: relative;
}
.aboutType dd .moreBot {
	padding: 0px 5%;
	position: relative;
	height: 36px;
	line-height: 36px;
	color: #fff;
	background-color: #c41723;
	-webkit-transform: perspective(600px) rotateX(-90deg);
	-moz-transform: perspective(600px) rotateX(-90deg);
	-ms-transform: perspective(600px) rotateX(-90deg);
	transform: perspective(600px) rotateX(-90deg);
	-webkit-transform-origin: center top 0;
	-moz-transform-origin: center top 0;
	-ms-transform-origin: center top 0;
	transform-origin: center top 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
 -webkit-transition: all .3s ease 0s;
 -moz-transition: all .3s ease 0s;
 -ms-transition: all .3s ease 0s;
 transition: all .3s ease 0s;
	visibility: hidden;
}
.aboutType dd .moreBot i {
	background: url(../images/more_i2.png) no-repeat;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 5%;
}
.aboutType dd:hover .moreBot {
	visibility: visible;
	-webkit-transform: perspective(600px) rotateX(0deg);
	-moz-transform: perspective(600px) rotateX(0deg);
	-ms-transform: perspective(600px) rotateX(0deg);
	transform: perspective(600px) rotateX(0deg);
}
.yellow_80 {
	background: none rgba(0, 0, 0, 0.5);
}
.more-line {
	width: 37px;
	height: 37px;
	display: block;
	position: relative;
}
.more-line .line {
	display: block;
	background: #fff;
	position: absolute;
	transition: 400ms;
	-webkit-transition: 400ms;
	opacity: 0;
	visibility: hidden;
}
.more-line .line-1 {
	width: 37px;
	height: 1px;
	top: 50%;
	right: 0px;
	margin-top: -1px;
	transform: translateX(30px);
	-webkit-transform: translateX(30px);
}
.more-line .line-2 {
	width: 1px;
	height: 37px;
	top: 50%;
	margin-top: -18px;
	right: 18px;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
}
/*about style end*/
/*case style*/
.newArrivalsIbox {
	padding-top: 120px;
}
.newArrivalsIbox a:link, .newArrivalsIbox a:visited {
	color: #a3a3a3;
}
.newArrivalsIbox a:active, .newArrivalsIbox a:hover {
	color: #363636;
}
.productIbox {
	margin-top: 50px;
}
.productIbox .item {
	width: 439px;
	margin: 0px 7px;
}
.productIbox .itemCon {
	display: block;
	position: relative;
}
.productIbox .itemCon .img {
	width: 100%;
}
.productIbox .item a {
	color:#fff;
}
.productIbox .item p {
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	position:absolute;
	left:0;
	bottom:-100%;
	font-size:14px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.productIbox .item:hover p {
	bottom:5%;
}
.productIbox .itemCon .yellow_80 {
	position: absolute;
	left: 2%;
	top: 2%;
	width: 96%;
	height: 96%;
	border-radius: 8px;
	transition: 300ms;
	-webkit-transition: 300ms;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	opacity: 0;
	visibility: hidden;
}
.productIbox .itemCon .more-line {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -18px 0px 0px -18px;
}
.productIbox .item:hover .yellow_80 {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.productIbox .item:hover .more-line .line {
	transform: translate(0);
	-webkit-transform: translate(0);
	visibility: visible;
	opacity: 1;
	transition: 300ms ease-in 200ms;
	-webkit-transition: 300ms ease-in 200ms;
}
.productIbox .slick-arrow {
	width: 74px;
	height: 74px;
	display: block;
	border-radius: 50px;
	background: url(../images/img_btn.png) no-repeat scroll center center;
	top: 50%;
	margin-top: -37px;
	z-index: 100;
}
.productIbox .slick-arrow:hover {
	background-image: url(../images/img_btn2.png);
}
.productIbox .slick-arrow i {
	background: url(../images/img_l.png) no-repeat scroll center center;
	width: 100%;
	height: 100%;
	margin: 0px auto;
	display: block;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.productIbox .slick-prev {
	left: 3%;
	transform: translateX(30px);
	-webkit-transform: translateX(30px);
	-ms-transform: translateX(30px);
	opacity: 0;
}
.productIbox .slick-next {
	right: 3%;
	transform: translateX(-30px);
	-webkit-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	opacity: 0;
}
.productIbox .slick-prev i {
	background-image: url(../images/img_l.png);
}
.productIbox .slick-next i {
	background-image: url(../images/img_r.png);
}
.productIbox:hover .slick-prev, .productIbox:hover .slick-next {
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	opacity: 1;
}
.productIbox-more {
	padding: 50px 0px 0;
}
.more {
	display: block;
	width: 160px;
	height: 36px;
	text-align: center;
	font-size: 14px;
	line-height: 36px;
	border: 1px solid #6c6c6c;
	margin: 0px auto;
	position: relative;
	color:#666;
}
.more .ico {
	position: absolute;
	right: 10%;
	color: #000;
	top: 0%;
	height: 100%;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.more:hover {
	background-color: #f4f4f4;
}
.more:hover .ico {
	right: 5%;
}
.fixedImg {
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
/*about style end*/
/*advantage style*/
.advantage {
	width:100%;
	position:relative;
	margin:80px 0;
	text-align:center;
	padding:60px 0;
	color:#fff;
	background:url(../images/advantage_bg.jpg) fixed no-repeat center center;
	background-size:cover;
}
.advantage .iboxT .t {
	color:#fff;
}
.advantage_con a:link, .advantage_con a:visited {
	color: #4c4c4c;
}
.advantage_con a:active, .advantage_con a:hover {
	color: #F4CD34;
}
.advantage_con ul {
	margin: 80px auto 0px;
	overflow:hidden;
}
.advantage_con li {
	float: left;
	display: block;
	width:23%;
	margin:0 1%;
	padding: 0px 0px 20px;
	line-height: 1.2;
	overflow:hidden;
}
.advantage_con a {
	margin: 0px auto;
	display: block;
	text-align: center;
}
.advantage_con .img {
	width: 120px;
	height: 120px;
	position: relative;
	display: block;
	margin: 0px auto;
}
.advantage_con .y1 {
}
.advantage_con .y2 {
	background-color:#c41723;
}
.advantage_con .y1, .advantage_con .y2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
	z-index: 1;
	border:2px solid #efefef;
	border-radius:50%;
}
.advantage_con .y2 {
	opacity: 0;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	visibility: hidden;
}
.advantage_con .ico {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/ico.png) no-repeat;
	z-index: 3; /* -webkit-transition: 0.4s ease 0s;transition: 0.4s ease 0s;*/
}
.advantage_con .i1 {
	background-position: 0px 0px;
}
.advantage_con .i2 {
	background-position: -120px 0px;
}
.advantage_con .i3 {
	background-position: -240px 0px;
}
.advantage_con .i4 {
	background-position: -360px 0px;
}
.advantage_con .zh {
	color: #efefef;
	font-size:14px;
	padding: 10px 20px;
	line-height:2;
}
.advantage_con a:hover .i1 {
	background-position: 0px -120px;
}
.advantage_con a:hover .i2 {
	background-position: -120px -120px;
}
.advantage_con a:hover .i3 {
	background-position: -240px -120px;
}
.advantage_con a:hover .y1 {
	opacity: 0;
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
}
.advantage_con a:hover .y2 {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	visibility: visible;
}
.advantage_con a:hover .zh {
	color: #fff;
}
.advantage_con a:hover .en {
	color: #fff;
}
.advantage_con a:hover {
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}
/*advantage style end*/
/*pro_brand style*/
.pro_brand {
	position:relative;
	box-sizing:border-box;
}
.pro_brand_title {
	width:50%;
	overflow:hidden;
	margin:50px auto 0;
	position:relative;
	z-index:9;
}
.pro_brand_title ul li {
	width:18%;
	margin:0 1%;
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
	border:1px solid #ccc;
	background-color:#fff;
}
.pro_brand_title ul li a {
	display:block;
	color:#333;
	font-size:14px;
}
.pro_brand_title ul li a:hover, .pro_brand_title ul li.cur a {
	color:#fff;
	background-color:#c41723;
}
.yu_bg {
	position:absolute;
	width:233px;
	height:400px;
	right:20%;
	z-index:6;
	bottom:0;
	background:url(../images/yu.png) no-repeat right bottom;
}
.pro_brand_con {
	width:100%;
	height:400px;
	position:relative;
	margin-top:-20px;
	text-align:center;
	padding:80px 0;
	color:#fff;
	display:none;
	background:url(../images/pro_brand_bg.jpg) no-repeat;
}
.pro_brand_con.cur {
	display:block;
}
.pro_brand_con h3 {
	font-size:20px;
	font-weight:normal;
}
.pro_brand_con p {
	width:60%;
	line-height:2;
	font-size:14px;
	margin:50px auto;
}
.pro_brand_con .productIbox-more {
	padding:0;
	position:relative;
	z-index:999;
}
.pro_brand_con .productIbox-more .more {
	border: 1px solid #fff;
	color: #fff;
}
.pro_brand_con .productIbox-more .more:hover {
	color:#333
}
/*pro_brand style end*/
/*news style*/
.news {
	margin:80px 0;
}
.news_box {
	box-sizing:border-box;
}
.news_box ul li {
	position: relative;
	width: 23%;
	margin: 0 1%;
	background: #f8f9fa;
	border: 2px solid rgba(0, 0, 0, 0);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	float: left;
}
.news_box ul li .img {
	width: 100%;
}
.news_box ul li .img img {
	width: 100%;
	display: block;
}
.news_box ul li .txt {
	width: 100%;
	height: 90px;
	padding-top: 8px;
}
.news_box ul li .txt .time {
	width: 40px;
	padding-top: 9px;
	margin-left: 18px;
	font: 12px/16px Arial;
	color: #c41723;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.news_box ul li .txt .time .day {
	font: 36px/34px Impact;
	color: #c41723;
	width: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s
}
.news_box ul li .txt .time .month {
	width: 100%;
}
.news_box ul li .txt .time .line {
	width: 23px;
	height: 1px;
	background: #d9d9da;
	margin: 2px 0 0 8px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s
}
.news_box ul li .txt .detail {
	width: 76%;
	padding-right: 16px;
	font-size: 11px;
	line-height: 18px;
	color: #a1a1a1;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s
}
.news_box ul li .txt .detail p.fz14 {
	font-size: 14px;
	line-height: 28px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s
}
.news_box ul li:hover {
	color: #fff;
	background-color: #c41723;
	border: 2px solid #c41723;
}
.news_box ul li:hover .txt .time .day, .news_box ul li:hover .txt .time .month, .news_box ul li:hover .txt .detail, .news_box ul li:hover .txt .detail p.fz14 {
	color: #fff;
}
.news_box ul li:hover .txt .time .line {
	background-color: #fff;
}
/*news style end*/
/*footer style*/
.linkBox a:link, .linkBox a:visited {
	color: #7f7f7f;
}
.linkBox a:active, .linkBox a:hover {
	color: #104594;
}
.linkBox {
	padding: 40px 0px 30px;
	color: #7f7f7f;
	background-color:#f4f4f4;
}
.linkBox dd {
	float: left;
	display: block;
}
.f14 {
	font-size: 14px;
}
.linkBox .lin1 {
	width: 16%;
}
.linkBox .lin2 {
	width: 44%;
}
.linkBox .lin2 p {
	margin-top:10px;
}
.linkBox .lin3 {
	width: 40%;
	text-align: right;
	font-size: 14px;
}
.linkBox .linkP span {
	padding: 0px 8px;
}
.linkBox a.logo2 {
	color: #014DA1;
}
a.logo2 {
	width: 112px;
	display: block;
	font-size: 16px;
	color: #014da1;
}
a.logo2 img {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}
.linkBox .lin2 .f14 {
	line-height: 1;
	margin-bottom: 8px;
}
.email {
	text-transform: uppercase;
}
.email-pl {
	padding-left: 48px;
}
.linkBox .sharpbox {
	float: right;
	display: block;
	margin-bottom: 65px;
}
.linkBox .sharpbox a:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.nav-foot {
	position: relative;
	margin: 0px 24%;
	padding: 36px 0px;
}
.sharpbox a {
	float: left;
	display: block;
	width: 28px;
	height: 28px;
	margin-right: 18px;
}
.sharpbox a.a5 {
	margin-right: 0px;
}
.sharpbox a .i {
	background: url(../images/sharp.png) no-repeat;
	width: 28px;
	height: 28px;
	display: block;
}
.sharpbox a.a1 .i {
	background-position: 0px 0px;
}
.sharpbox a.a2 .i {
	background-position: -46px 0px;
}
.sharpbox a.a3 .i {
	background-position: -92px 0px;
}
.sharpbox a.a4 .i {
	background-position: -140px 0px;
}
.nav-foot .sharpbox {
	float: right;
}
.nav-foot .sharpbox a:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}
.linkImg {
	padding: 28px 0px 34px;
	border-top: 1px solid #dddddd;
	text-align: center;
}
.linkImg .img {
	margin: 0px 10px;
	vertical-align: middle;
}
.foot {
	background-color: #231815;
	color: #f4f4f4;
	padding: 15px 0px;
}
.foot a:link, .foot a:visited {
	color: #f4f4f4;
}
.foot a:active, .foot a:hover {
	color: #fff;
}
.foot span {
	float: right;
	display: block;
}
.backTop {
	background: url(../images/backTop.png) no-repeat scroll center center;
	background: none rgba(203, 203, 203, 1);
	border-radius: 50%;
	width: 72px;
	height: 72px;
	position: fixed;
	bottom: 5%;
	right: -76px;
	z-index: 1000;
	text-align: center;
	cursor: pointer;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
.backTop .ico {
	background: url(../images/backTop_ico.png) no-repeat scroll center 15px;
	padding-top: 40px;
	display: block;
	font-size: 14px;
	color: #494949;
}
.backTop.showme {
	right: 12px;
	transform: scale(1) rotate(-360deg) translate(0px);
	-webkit-transform: scale(1) rotate(-360deg) translate(0px);
	-moz-transform: scale(1) rotate(-360deg) translate(0px);
	-o-transform: scale(1) rotate(-360deg) translate(0px);
}
.backTop:hover {
	background:#c41723;
}
.backTop:hover .ico {
	color:#fff;
}
/*footer end*/
/*weixin*/
.popUpblack {
	background: url(../images/black.png) repeat;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1010;
	display: none;
}
.popUp {
	width: 220px;
	height: 242px;
	border: 5px solid #f1f1f1;
	background: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -87px 0 0 -115px;
	z-index: 1004;
}
.popUp .t {
	padding: 0 0 0 10px;
	height: 26px;
	line-height: 26px;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #e8e8e8;
	background: #f2f2f2;
}
.popUp .t .close {
	padding: 0 10px 0 0;
	float: right;
	cursor: pointer;
	color: #666;
	font-weight: normal;
}
.popUp .img {
	padding: 20px;
}
.popUp .img img {
	width: 100%;
	height: 100%;
	display: block;
}
/* winxin end */
/*index style end*/
.mtop {
	height:80px;
}
.pbanner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.pbanner .bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #4C4C4C;
}
.pbanner .img {
	width: 100%;
	display: block;
	position: relative;
	z-index: 2;
}
.sub_menu {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #999;
}
.sub_menu.fixed {
	position: fixed;
	top: 80px;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.5);
}
.sub_menu a {
	color: #fff;
	display: inline-block;
	padding: 0 25px;
	font-size: 14px;
	box-sizing: border-box;
	background: url("../images/bg_line03.png") no-repeat right center;
}
.sub_menu a.cur, .sub_menu a:hover {
	color:#c41723;
}
/*sub_about*/
.w1132 {
	width: 1132px;
	margin: 0px auto;
}
.aboutPage1 {
	padding: 80px 0px;
	background-color:#fefefe;
}
.pboxT {
	text-align: center;
}
.pboxT .t {
	font-size: 24px;
	padding: 5px 0px 0;
	line-height: 1.2;
	color: #104594;
}
.pboxT .by {
	font-size: 20px;
	color: #333333;
}
.pboxT .byEn {
	color: #c8c8c8;
	text-transform: uppercase;
	font: 32px/1.1 "futura_lightregular", "times new roman", "microsoft yahei"
}
.pageC a:link, .pageC a:visited {
	color: #104594;
}
.pageC a:active, .pageC a:hover {
	color: #014DA1;
}
.pageC .img, .pageC .text {
	width: 48%;
}
.pageC img {
	max-width: 100%;
}
.pageC .text p {
	line-height: 2;
}
.pageC {
	font-size: 14px;
	color: #727272;
	margin-top: 80px;
}
.aboutAd {
	width:100%;
	padding:80px;
	text-align:center;
	background:url(../images/aboutAd_bg.jpg) fixed no-repeat center center;
}
.aboutAd p {
	font-size:32px;
	color:#fff;
}
.honorDemo .itemLink {
	display: block;
	position: relative;
}/*荣誉*/
.honorPage {
	padding:60px 0 0;
	background-color:#fefefe;
}
.honorPage .pboxT {
}
.about-t2 {
	text-align: center;
	margin-bottom: 20px;
}
.about-t2 .bot {
	margin: 0px auto;
}
.honorPage .pboxT {
	margin: 0;
}
.honorDemo {
	width: 1172px;
	margin: 0 auto;
	padding: 60px 0;
	overflow: hidden;
}
.filler2 {
	position: absolute;
	display: block;
	-webkit-transition: 0.3s ease 0s;
	-moz-transition: 0.3s 0s;
	-o-transition: 0.3s 0s;
	transition: 0.3s 0s;
}
.itemLink .filler2 {
	background-color: #104594;
	z-index: 5;
}
.itemLink .filler2-left {
	width: 5px;
	height: 0%;
	left: 0%;
	top: 0%;
}
.itemLink .filler2-right {
	width: 5px;
	height: 0%;
	right: 0%;
	bottom: 0%;
}
.itemLink .filler2-top {
	width: 0%;
	height: 5px;
	right: 0%;
	top: 0%;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
.itemLink .filler2-bottom {
	width: 0%;
	height: 5px;
	left: 0%;
	bottom: 0%;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
.itemLink:hover .filler2-left {
	height: 100%;
}
.itemLink:hover .filler2-right {
	height: 100%;
}
.itemLink:hover .filler2-top {
	width: 100%;
}
.itemLink:hover .filler2-bottom {
	width: 100%;
}
.honorDemo .itemLink .img {
	border: 5px solid #f4f4f4;
	overflow:hidden;
}
.honorDemo .itemLink .img img {
	width: 100%;
	display: block;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.honorDemo li:hover .img img {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
.honorDemo ul {
}
.honorDemo .item {
	display: block; /*padding: 0px 25px;*/
	float: left;
	display: block;
	width: 23%;
	margin: 1%;
}
.onumBox {
	width: 198px;
	height: 50px;
	line-height: 50px;
	margin: 0px auto;
	position: relative;
	font-size: 29px;
	font-style: italic;
	color: #4b4b4b;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
}
.onumBox .owlp-prev, .onumBox .owlp-next {
	background-size: cover;
	border: 2px solid #4b4b4b;
	display: block;
	position: absolute;
	top: 0px;
	width: 46px;
	height: 46px;
}
.onumBox .owlp-prev {
	background: url(../images/prev.png) no-repeat scroll center center;
	left: 0px;
}
.onumBox .owlp-next {
	background: url(../images/next.png) no-repeat scroll center center;
	right: 0px;
}
.onumBox .ovnum {
	color: #F0BE00;
}
.onumBox .owlp-prev:hover, .onumBox .owlp-next:hover {
	border-color: #F0BE00;
	background-color: #fff;
}
html.openImg {
	overflow: hidden;
}
.overlayClose {
	width: 52px;
	height: 52px;
	display: block;
	position: fixed;
	right: 3%;
	top: 2%;
	border-radius: 50%;
	transition: 300ms;
	-webkit-transition: 300ms;
	z-index: 100;
}
.overlayClose i {
	background: url(../images/close_ico2.png) no-repeat scroll center center;
	width: 100%;
	height: 100%;
	display: block;
	transition: 400ms;
	-webkit-transition: 400ms;
}
.overlayClose:hover {
	background-color: #104594;
}
.overlayClose:hover i {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.imgShowBox {
	background: url(../images/black.png) repeat;
	background: none rgba(0, 0, 0, 0.7);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transition: all 800ms ease 0s;
	-webkit-transition: all 800ms ease 0s;
	z-index: 1010;
	width: 100%;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}
.no-csstransitions .imgShowBox {
	display: none;
}
.imgShowDemo {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.imgShowDemo .item {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.imgShowDemo .img {
	vertical-align: middle;
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
	margin: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.imgShowDemo .con {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #fff;
	width: 90%;
	padding: 10px 5%;
}
.imgShowDemo .con .t {
	font-size: 16px;
	color: #333;
}
.imgShowDemo .txt {
	background: #272727;
	font-size: 14px;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px 0px;
	text-align: center;
}
.imgShowDemo .txt .i {
	padding-left: 3%;
}
.hi-num {
	width: 85px;
	height: 65px;
	background: #272727;
	color: #fff;
	border-left: 1px solid #3a3a3a;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 65px;
	font-size: 16px;
}
.img-show {
	transform: translateY(0) !important;
	-webkit-transform: translateY(0) !important;
}
.no-csstransitions .img-show {
	display: block;
}
.imgShowDemo .owl-controls .owl-buttons div {
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: transparent;
	overflow: hidden;
	top: 50%;
	margin-top: -25px;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -10em;
}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev {
	left: 3%;
	background-image: url(../images/img_l2.png);
}
.imgShowDemo .owl-controls .owl-buttons div.owl-next {
	right: 3%;
	background-image: url(../images/img_r2.png);
}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {
	background-color: #104594;
}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled {
	background-color: #666666;
}
/*环境*/
.environment {
	background-color:#fff;
}
.environment .pboxT {
	padding:0;
	background:none;
}
.environment .pboxT .byEn {
	color: #c8c8c8;
}
.environment .pboxT .t {
	color: #104594;
}
.environment_con {
	overflow:hidden;
	padding:50px 0 0;
}
.environment_con ul li {
	width:20%;
	float:left;
	position:relative;
}
.environment_con ul li img {
	width:100%;
	display:block;
}
/*culture*/
.twoCultrue dd {
	float: left;
	display: block;
	position: relative;
	width: 33.333333%;
 *width: 33%;
	overflow: hidden;
}
.twoCultrue .img {
	width: 100%;
	display: block;
}
.twoCultrue .mask {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	opacity: 0;
	visibility: hidden;
	background: rgba(196, 23, 35, 0.6)
}
.twoCultrue .con {
	width: 100%;
	height: 70%;
	position: absolute;
	left: 0px;
	top: 25%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
}
.twoCultrue .by {
	color: #666;
	font: 20px/1.4 "futura_lightregular", "times new roman", "microsoft yahei";
}
.twoCultrue .by1 {
	text-transform: uppercase;
	margin-bottom: 4%;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
}
.twoCultrue .t .txt {
	font-size: 20px;
	color: #727272;
	padding: 12px 0px;
	display: block;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
}
.twoCultrue .t .bot {
	width: 22px;
	margin: 0px auto;
	display: block;
	height: 2px;
	background-color: #a9a9a7;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
}
.twoCultrue .by2 {
	color: #fff;
	text-transform: uppercase;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
	opacity: 0;
	visibility: hidden;
}
.twoCultrue .c {
	width: 90%;
	margin: 0px auto;
	height: 50px;
	overflow: hidden;
	display: none;
	transition: 300ms ease 0ms;
	-webkit-transition: 300ms ease 0ms;
}
.twoCultrue .lico {
	border: 2px solid #fff;
	width: 96%;
	height: 90%;
	position: absolute;
	left: 2%;
	bottom: 5%;
	transition: 300ms ease 100ms;
	-webkit-transition: 300ms ease 100ms;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	opacity: 0;
	visibility: hidden;
}
.twoCultrue dd:hover .con {
	top: 16%;
}
.twoCultrue dd:hover .mask {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}
.twoCultrue dd:hover .by1 {
	opacity: 0;
	transform: translate(0px, -50px);
	-webkit-transform: translate(0px, -50px);
	height: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}
.twoCultrue dd:hover .by2 {
	opacity: 1;
	margin: 3% auto 6%;
	visibility: visible;
}
.twoCultrue dd:hover .t .bot1 {
	visibility: hidden;
	opacity: 0;
}
.twoCultrue dd:hover .t .txt {
	padding: 0px 0px 12px;
	color: #fff;
}
.twoCultrue dd:hover .t .bot {
	background-color: #fff;
}
.twoCultrue dd:hover .c {
	display: block;
}
.twoCultrue dd:hover .lico {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
}
/*news_list style*/
.goback {
	position:relative;
}
.goback a {
	display: block;
	padding: 10px 20px;
	width: 120px;
	text-align: center;
	position:absolute;
	color:#fff;
	right:120px;
	background:url(../images/list_icon.png) no-repeat 15px center #f00;
}
.sub_main_box {
	margin-top: 50px;
}
.sub_news_box ul li {
	margin: 1%;
}/*分页样式*/
.digg {
	text-align: center;
	background-color: #fff;
	margin-top: 50px;
}
.digg span {
	display: inline-block;
	margin-right: 3px;
	padding: 5px 12px;
	border: 1px solid #ededed;
}
.digg a:link, .digg a:visited {
	color: #555;
}
.digg span {
	display: inline-block;
	margin-right: 3px;
	padding: 5px 12px;
	border: 1px solid #ededed;
}
.current {
	background-color: #c41723!important;
	color: #fff!important;
	border: 1px solid #c41723!important;
}
.digg a {
	background-color: #fff;
	padding: 7px 12px;
	border: 1px solid #ededed;
	margin-right: 3px;
}
.digg a:active, .digg a:hover {
	color: #fff;
	background-color: #c41723;
}
/*news_list style end*/
/*news_show style*/
.news_show {
}
.news_show .infoT {
	text-align: center;
	color: #666;
	padding-bottom: 18px;
	border-bottom: 1px dashed #cccccc;
	margin:10px auto 40px;
}
.news_show .infoT .t {
	font-size: 24px;
	color: #333;
	line-height: 1.5;
}
.news_show .infoT .time {
	margin-top: 10px;
}
.news_show .infoPage {
	margin: 0px auto 2%;
	overflow: hidden;
}
.news_show .infoPage p {
	text-indent: 2em;
	line-height: 2;
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
}
.news_show .infoPage p img {
	max-width: 100%;
	margin-left: -2em;
}
.infoPaging {
	width: 100%;
	text-align: center;
	height: 50px;
	padding: 0 20px;
	line-height: 50px;
	margin-top: 30px;
	background-color: #fafafa;
}
.infoPaging a {
	display: block;
	color: #333;
	font: 14px;
}
.infoPaging a span {
	font-family: "宋体";
}
.infoPaging a.m_list {
	height: 50px;
	margin: 0px auto;
	width: 40px;
	background: url(../images/list.png) no-repeat scroll center center;
}
.infoPaging a:hover {
	color: #000;
}
.infoPaging a.m_list:hover {
	transform: scaleX(1.5);
	-webkit-transform: scaleX(1.5);
	-moz-transform: scaleX(1.5);
	-o-transform: scaleX(1.5);
	transition: 400ms;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-o-transition: 400ms;
}
/*news_show style end*/
/*case style*/
.sub_main {
	padding: 50px 0;
}
.sub_main .productIbox {
	margin-top:0;
}
.sub_case_box .item {
	overflow: hidden;
	float: left;
	width: 23%;
	margin: 1%;
}
/*case style end*/
/*after_scale*/
.sub_main .tech_box {
	margin-top:50px;
}
.after {
	overflow: hidden;
	padding-bottom: 0;
}
.tech_box ul li {
	overflow: hidden;
	border-top:1px solid #f0f0f0;
	background-color: #fefefe;
}
.tech_box ul li a {
	color: #454545;
}
.tech_box ul li .text {
	width: 50%;
	padding-top:5%;
	text-align: center;
	overflow: hidden;
	box-sizing:border-box;
}
.tech_box .text i {
	display: block;
	width: 60px;
	height: 60px;
	margin: auto;
	background: url(../images/tech_icon_1.png);
}
.tech_box .text i:hover {
	-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
	-webkit-animation: gelatine 0.5s 1;
	animation: gelatine 0.5s 1;
}
.tech_box .text .p_t {
	font-size: 20px;
	color: #333;
	margin: 8px auto;
}
.tech_box .text .p_txt {
	font-size: 16px;
}
.tech_box ul li .img {
	width: 50%;
	overflow: hidden;
}
.tech_box ul li .img img {
	width: 100%;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.tech_box ul li:hover .img img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
/*after_scale end*/
/*sub_brand style*/
.brand_intro {
	margin:50px auto;
}
.brand_intro p {
	line-height:2;
	text-align:center;
	font-size:14px;
}
.brand_intro .imgbox {
	width:70%;
	margin:50px auto 0;
}
.brand_intro .imgbox li {
	float:left;
	width:33.333333%;
	overflow:hidden;
}
.brand_intro .imgbox li img {
	width:100%;
	display:block;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.brand_intro .imgbox li:hover img {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
.brand_products {
	overflow:hidden;
	padding:50px 0;
	background-color:#fafafa;
}
.brand_title p {
	text-align:center;
	font-size:24px;
}
.brand_title span {
	display:block;
	width:40px;
	height:2px;
	background:#c41723;
	margin:10px auto 0;
}
.brand_products_box {
	margin-top:50px;
	box-sizing:border-box;
}
.brand_products_box ul {
	overflow:hidden;
}
.brand_products_box ul li {
	float:left;
	width:23%;
	margin:1%;
	background-color:#fff;
	display:none;
	border:1px solid #efefef;
}
.brand_products_box ul li:nth-of-type(1), .brand_products_box ul li:nth-of-type(2), .brand_products_box ul li:nth-of-type(3), .brand_products_box ul li:nth-of-type(4) {
 display:block;
}
.brand_products_box ul li a {
	color:#666;
}
.brand_products_box ul li .img {
	width:100%;
	overflow:hidden;
}
.brand_products_box ul li .img img {
	width:100%;
	display:block;
	transition: all 0.4s ease 0s;
	-webkit-transform: all 0.4s ease 0s;
	-moz-transform: all 0.4s ease 0s;
	-o-transform: all 0.4s ease 0s;
}
.brand_products_box ul li .text {
	position:relative;
	height:80px;
	line-height:80px;
	margin-top:2px;
	border-top:1px solid #efefef;
}
.brand_products_box ul li .bg {
	background: none rgba(230, 0, 18, 0.9);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0;
	height: 100%;
	transition: all 0.4s ease 0s;
	-webkit-transform: all 0.4s ease 0s;
	-moz-transform: all 0.4s ease 0s;
	-o-transform: all 0.4s ease 0s;
}
.brand_products_box ul li p {
	width:100%;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	position:relative;
	transition: all 0.4s ease 0s;
	-webkit-transform: all 0.4s ease 0s;
	-moz-transform: all 0.4s ease 0s;
	-o-transform: all 0.4s ease 0s;
}
.brand_products_box ul li:hover .img img {
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
.brand_products_box ul li:hover .bg {
	width: 100%;
}
.brand_products_box ul li:hover p {
	color: #fff;
}
.u-arrow-box {
	width: 31px;
	height: 33px;
	display: block;
	margin: 50px auto 0;
	cursor:pointer;
}
.u-arrow {
	background: url(../images/u_arrow.png) no-repeat;
	width: 21px;
	height: 12px;
	display: block;
}
.u-arrow3 {
	animation-delay: 0ms;
	animation-duration: 900ms;
	animation-iteration-count: infinite;
	animation-name: arrow;
	animation-play-state: running;
	animation-timing-function: linear;
}
.u-arrow2 {
	animation-delay: 300ms;
	animation-duration: 900ms;
	animation-iteration-count: infinite;
	animation-name: arrow;
	animation-play-state: running;
	animation-timing-function: linear;
}
.u-arrow1 {
	animation-delay: 600ms;
	animation-duration: 900ms;
	animation-iteration-count: infinite;
	animation-name: arrow;
	animation-play-state: running;
	animation-timing-function: linear;
}
 @-webkit-keyframes arrow {
 0% {
opacity: 0;
-webkit-transform: translate3d(0px, 0px, 0px);
}
 33% {
opacity: 1;
}
 66% {
opacity: 1;
}
 100% {
opacity: 0;
-webkit-transform: translate3d(0px, 12px, 0px);
}
}
 @keyframes arrow {
 0% {
opacity: 0;
transform: translate3d(0px, 0px, 0px);
}
 33% {
opacity: 1;
}
 66% {
opacity: 1;
}
 100% {
opacity: 0;
transform: translate3d(0px, 12px, 0px);
}
}
 @-ms-keyframes arrow {
 0% {
opacity: 0;
-ms-transform: translate3d(0px, 0px, 0px);
}
 33% {
opacity: 1;
}
 66% {
opacity: 1;
}
 100% {
opacity: 0;
-ms-transform: translate3d(0px, 12px, 0px);
}
}
.brand_case, .brand_case .productIbox {
	margin-top:50px;
}
.brand_case .productIbox .item {
	display:none;
}
.brand_case .productIbox .item:nth-of-type(1), .brand_case .productIbox .item:nth-of-type(2), .brand_case .productIbox .item:nth-of-type(3), .brand_case .productIbox .item:nth-of-type(4) {
 display:block;
}
/*sub_brand style end*/
/*hosting style*/
.hosting_importent ul li {
	background-color:#fafafa;
}
.hosting_advantage {
	padding-top:50px;
}
.hosting_advantage .advantage_con {
	margin-top:50px;
	padding-bottom: 50px;
	background:url(../images/advantage_bg.jpg) fixed no-repeat center center;
	background-size:cover;
}
.hosting_case {
	margin-top:50px;
}
.hosting_case .productIbox {
	margin-top:50px;
}
.hosting_case .productIbox .item {
	display:none;
}
.hosting_case .productIbox .item:nth-of-type(1), .hosting_case .productIbox .item:nth-of-type(2), .hosting_case .productIbox .item:nth-of-type(3), .hosting_case .productIbox .item:nth-of-type(4) {
 display:block;
}
/*hosting style end*/
/*plan style */
.plan_text {
	padding:0 0 80px;
	overflow:hidden;
}
.plan_text .text h2 {
	font-size:20px;
}
.plan_text .text p {
	text-align:left;
}
.plan_service ul {
	margin-top:50px;
	box-sizing:border-box;
}
.plan_service ul li {
	width: 24.8%;
	float: left;
	margin: 0 0.1%;
}
.plan_service ul li .p_t {
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	padding: 0px 5%;
	background-color: #eeeeee;
	color: #323232;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-size: 14px;
}
.plan_service ul li .p_t .more {
	background: url(../images/more_ico.png) no-repeat scroll center center;
	width: 9px;
	height: 100%;
	display: block;
	float: right;
	border:0;
}
.plan_service ul li .img {
	overflow: hidden;
	position: relative;
}
.plan_service ul li .img img {
	width: 100%;
	display: block;
 -webkit-transition: all .8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
 -moz-transition: all .8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
 -o-transition: all .8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
 transition: all .8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}
.plan_service ul li:hover .p_t {
	background-color: #fff;
}
.plan_service ul li:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
/*plan 弹框*/
.frameHtml {
	position: fixed;
	top: 0;
	left: 0;
	right: 0px;
	bottom: 0px;
	z-index: 1006;
	background: rgba(0, 0, 0, 0.8);
	background: #000\9;
	filter: alpha(opacity=80);
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	display: block;
	visibility: hidden;
	z-index: 1010;
	opacity: 0;
	transition: 560ms;
}
.pro-bd {
	width: 860px;
	height:500px;
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	cursor: default;
	opacity: 0;
	transform: scale(0.9) translateY(100%);
	-webkit-transform: scale(0.9) translateY(100%);
	-moz-transform: scale(0.9) translateY(100%);
	visibility: hidden;
	z-index: 1020;
}
.closes {
	position: absolute;
	overflow: hidden;
	height: 21px;
	width: 21px;
	right: 16px;
	top: 16px;
	z-index: 1030;
	cursor: pointer;
	background-color: #B0000D;
	background: url(../images/close.png) no-repeat scroll center center;
	transition: 480ms;
}
.closes:hover {
	transform: rotate(180deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
}
.plan_service ul li.openPro .frameHtml {
	visibility: visible;
	opacity: 1;
	transition: 560ms;
}
.plan_service ul li.openPro .pro-bd {
	opacity: 1;
	transform: scale(1) translateY(0);
	transition: 650ms 150ms;
	-webkit-transition: 650ms 150ms;
	-webkit-transform: scale(1) translateY(0);
	-moz-transform: scale(1) translateY(0);
	visibility: visible;
}
.plan_service ul li.openPH .frameHtml {
	display:none;
}
.plan_service ul li.openPH .frameHtml .pro-bd {
	top: 0;
	position: absolute;
	width: 100%;
	left: 0;
	opacity: 0;
	box-sizing: border-box;
	margin-top: 0 !important;
}
.introduct-li {
	height:100%;
	padding: 24px;
	border: 1px solid #c41723;
}
.introduct-wr {
	width: 1030px;
	background: #fff;
}
.introduct-tit {
	padding: 42px 0 30px;
	background: url(../img/45.jpg) center no-repeat;
	background-size: cover;
}
.introduct-tit small {
	display: block;
	text-align: center;
	color: #ffeab2;
	font-size: 30px;
	font-family: "bodoni_bookitalic";
	margin-bottom: 16px;
}
.introduct-tit h3 {
	width: 255px;
	margin: auto;
	position: relative;
	text-align: center;
	color: #ffeab2;
	font-size: 18px;
	line-height: normal;
	font-weight: normal;
}
.introduct-tit h3:before, .introduct-tit h3:after {
	content: "";
	width: 45px;
	height: 1px;
	background: #fcb71e;
	position: absolute;
	top: 10px;
}
.introduct-tit h3:before {
	left: 0;
}
.introduct-tit h3:after {
	right: 0;
}
.introduct-tit h3 b:before, .introduct-tit h3 b:after {
	content: "";
	width: 13px;
	height: 13px;
	background: url(../images/arrow7.png) center no-repeat;
	position: absolute;
	top: 4px;
}
.introduct-tit h3 b:before {
	left: 54px;
}
.introduct-tit h3 b:after {
	right: 54px;
}
.introduct-fixs {
	height:100%;
	padding: 52px 92px 72px;
	background: #fff;
	position: relative;
	overflow-y: auto;
}
.introduct-fixs p {
	color: #646464;
	font-size: 13px;
	text-indent: 26px;
	margin-bottom: 12px;
}
.introduct-fixs img {
	max-width:100%;
}
/*plan style end*/
/*contact style*/
.sub_contact {
}
.contactPage {
	margin-top:50px;
	box-sizing:content-box;
}
.load-img-box {
	position: relative;
	overflow: hidden;
}
.map {
	height: 494px;
	width: 100%;
}
.map-box {
	margin-bottom: 76px;
}
.map-box dd {
	float: left;
	display: block;
	height: 494px;
	width: 50%;
	margin-top:0;
}
.map-box dd.pageC {
	border-bottom:1px solid #f0f0f0;
	box-sizing:border-box;
}
.jz-map-t span {
	display: block;
	float: left;
	height: 48px;
	line-height: 48px;
	color: #646464;
	background-color: #e9e7da;
	padding: 0px 5%;
	width: 50%;
	cursor: pointer;
	transition: 300ms 0ms;
	-webkit-transition: 300ms 0ms;
}
.jz-map-t span.active {
	background-color: #c41723;
	color: #fff;
}
.jz-map-c {
	padding: 0px 5%;
	color: #969696;
}
.jz-map-c a:link, .jz-map-c a:visited {
	color: #323232;
}
.jz-map-c a:active, .jz-map-c a:hover {
	color: #17234c;
}
.jz-map-nav {
	padding-top: 18px;
	height: 75px;
}
.jz-map-nav a {
	margin-right: 40px;
	padding-left: 18px;
	background-position: left center;
}
.jz-map-nav a.active {
	background: url(../images/c_i1.png) no-repeat scroll left center;
}
.jz-hbox {
	overflow: hidden;
	height: 140px;
	margin-bottom: 25px;
}
.jz-hbox li {
	display: none;
}
.jz-hbox li.active {
	display: block;
}
.jz-box-h {
	position: relative;
	height: 101px;
	color: #646464;
}
.jz-hbox .ybox {
	height: 28px;
	overflow: hidden;
	width: 80%;
	margin: 0px 52px 0px 28px;
}
.jz-hbox .yi1 {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 22px;
	margin-bottom: 22px;
	background: url(../images/c_i4.png) no-repeat scroll left 12px;
	padding-left: 14px;
}
.jz-txt {
	border: 0px none;
	height: 28px;
	line-height: 28px;
	color: #646464;
	font-family: "微软正黑体", "Microsoft JhengHei", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif;
	font-size: 14px;
	width: 100%;
	display: block;
}
.jz-hbox .yi2 {
	background: url(../images/c_i5.png) no-repeat scroll left 12px;
	padding-left: 14px;
}
.jz-hbox .jhico {
	background: url(../images/c_i2.png) no-repeat scroll center center;
	width: 17px;
	height: 17px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -8px;
}
.jz-hbox .jhico2 {
	background: url(../images/c_i3.png) no-repeat scroll center center;
	width: 17px;
	height: 17px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -8px;
}
.jz-hbox a.mapbtn {
	background-color: #c41723;
	color: #fff;
	width: 40px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: 5%;
	top: 50%;
	margin-top: -25px;
	display: block;
	text-align: center;
}
.jz-hbox a.mapbtn:hover {
	background-color: #c41723;
}
.jz-map-list li {
	float: left;
	display: block;
	width: 45%;
	margin-left: 5%;
	line-height: 2;
	height: 60px;
}
.jz-map-list .ico {
	display: inline-block;
	float: left;
	margin-right: 18px;
}
.contact_form {
	padding:50px 0 0;
}
.contact_form p.ts {
	font-size:16px;
	border-bottom: 1px dashed #ececec;
	padding-bottom: 20px;
	margin-bottom: 18px;
	text-align: center;
	color: #999;
}
.contact_form .form {
}
.contact_form .form .name, .contact_form .form .phone {
	width: 90%;
	margin-bottom: 3%;
}
.contact_form .form .s-input {
	height: 40px;
	background: #fcfcfc;
	border: 1px solid #c9c9c9;
	padding-left: 15px;
	color: #c8c8c8;
	font-size: 14px;
	line-height: 40px;
	font-family: '微软雅黑';
}
.contact_form .form .s-textarea {
	width: 95%;
	line-height: 25px;
	height: 200px;
	overflow: hidden;
	margin-top: 6px;
}
.subBtn {
	width: 30%;
	height: 52px;
	border:0;
	color: #787878;
	font-size: 18px;
	cursor: pointer;
	transition: 300ms;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	margin: 0 auto;
	display: block;
	margin-top: 30px;
	font-family: '微软雅黑';
}
.subBtn:hover {
	background: #c41723;
	color: #fff;
}
.contact_form .form .s-input:focus {
	border: 1px solid #c41723;
}
/*contact style end*/
.page_info{text-align:center;margin-top:10px;color:#333;font-size:14px !important;}
.page_info span{padding:0 2px;font-weight:bold;font-size:14px;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:14px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;font-size:14px !important;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}






.left{
	float:left;}
.right{
	float:right;}
.right_fixed{
	position:fixed; font-family:"微软雅黑";
	width:77px;
	right:10px;
	top:300px;
	z-index:99999;
	_position:absolute;
	_top: expression(eval(document.documentElement.scrollTop)+300);}
.right_fixed ul li{
	width:77px;
	height:56px;
	text-align:center;
	margin-bottom:1px;
	overflow:hidden;
	background:url(../images/c_bg_4.png);}
.right_fixed ul li:hover{
	background:#b0251d;}
.right_fixed ul li a{
	display:block; font-family:"微软雅黑";
	width:300px;
	height:56px;}
.right_fixed ul li i{
	display:block;
	width:45px;
	height:30px;
	margin:5px 16px 0;
	background-image:url(../images/icon_7.png);
	background-repeat:no-repeat;}
.right_fixed ul li.icon_tel i{
	background-position:0 0;}
.right_fixed ul li.icon_tel p{
	float:left;
	font-size:16px; letter-spacing:1px;
	line-height:25px; 
	color:#fff;}
.right_fixed ul li span{
	font-size:12px; display:inline-block;
	color:#fff;}
.right_fixed ul li.icon_wx i{
	background-position:0 -30px;}
.right_fixed ul li.icon_wx .wx{
	position:absolute;
	right:90px;
	top:56px;
	display:none;}
.right_fixed ul li.icon_wx .wx img{
	width:120px;
	height:120px;}
.right_fixed ul li.icon_hd i{
	background-position:0 -60px;}
.right_fixed ul li.icon_price i{
	background-position:0 -90px;}
.right_fixed ul li.icon_po i{
	background-position:0 -120px;}