@import url(../css/amazeui.min.css);
@import url(../css/owl.carousel.css);
@import url(../css/owl.transitions.css);
@import url(../css/animate.min.css);
@import url(../css/jquery.fancybox.css);
@import url(../css/jquery.fancybox-buttons.css);
::selection {
	background: #c52c2b;
	color: white
}
::-moz-selection {
background:#c52c2b;
color:white
}
::-webkit-selection {
background:#c52c2b;
color:white
}
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
	margin: 0;
	padding: 0
}
body {
	color: #000;
	background: #fff;
	font-size: 14px
}
a {
	text-decoration: none;
	color: #000
}
a:hover {
	color: #c52c2b
}
.w {
	width: 1200px;
	margin: 0 auto
}
@media (min-width: 1600px) {
.w {
	width: 1600px;
	margin: 0 auto
}
}
.windowH {
	position: relative
}
.fl {
	display: inline;
	float: left
}
.fr {
	display: inline;
	float: right
}
.clear {
	display: block;
	clear: both;
	width: 100%;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin: 0;
	padding: 0
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto
}
@font-face {
	font-family: 'iconfont';
	src: url("../other/font_100597_7dd6dhm2qg33ow29.eot");
	src: url("../other/font_100597_7dd6dhm2qg33ow29.eot?#iefix") format("embedded-opentype"), url("../other/font_100597_7dd6dhm2qg33ow29.woff") format("woff"), url("../other/font_100597_7dd6dhm2qg33ow29.ttf") format("truetype"), url("../other/font_100597_7dd6dhm2qg33ow29.svg#iconfont") format("svg")
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}
.no_padding {
	margin: 0;
	padding: 0
}
.no_padding [class*="am-"] {
	margin: 0;
	padding: 0
}
.pages {
	text-align: center
}
.pages a {
	display: block;
	width: 36px;
	height: 34px;
	background-image: url(../images/page_arrow.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.pages .pre-page {
	display: inline-block;
	margin-right: 60px
}
.pages .pre-page a {
	background-position: 0 0
}
.pages .pre-page a:hover {
	background-position: -36px 0
}
.pages .next-page {
	display: inline-block
}
.pages .next-page a {
	background-position: -36px -34px
}
.pages .next-page a:hover {
	background-position: 0 -34px
}
.text-center {
	text-align: center;
	min-height: 0;
	line-height: 0
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 0;
	border-radius: 0px
}
.pagination>li {
	display: inline
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 16px;
	line-height: 1.42857143;
	color: #fff;
	text-decoration: none;
	background-color: #414141;
	border: none;
	font-size: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 15px 15px 15px 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	z-index: 3;
	color: #fff;
	background: #c52c2b
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #c52c2b;
	border-color: #c52c2b
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
@font-face {
	font-family: 'agb';
	src: url("../other/AvantGardGothEF-Bold.eot");
	src: url("../other/AvantGardGothEF-Bold.eot?#iefix") format("embedded-opentype"), url("../other/AvantGardGothEF-Bold.woff2") format("woff2"), url("../other/AvantGardGothEF-Bold.woff") format("woff"), url("../other/AvantGardGothEF-Bold.ttf") format("truetype"), url("../other/AvantGardGothEF-Bold.svg#AvantGardGothEF-Bold") format("svg");
	font-weight: bold;
	font-style: normal
}
@font-face {
	font-family: 'bebas';
	src: url("../other/bebas.eot");
	src: url("../other/bebas.eot?#iefix") format("embedded-opentype"), url("../other/bebas.woff") format("woff"), url("../other/bebas.ttf") format("truetype"), url("../other/bebas.svg#AvantGardGothEF-Bold") format("svg");
	font-weight: normal;
	font-style: normal
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 6000;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../images/c.png) no-repeat -700px 0px
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	background: url(../images/c.png) no-repeat -700px -50px
}
#toTop:active, #toTop:focus {
	outline: none
}
.Validform_checktip {
	margin-left: 8px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	color: #999;
	font-size: 12px
}
.Validform_right {
	color: #71b83d;
	padding-left: 20px;
	background: url(../images/right.png) no-repeat left center
}
.Validform_wrong {
	color: red;
	padding-left: 20px;
	white-space: nowrap;
	background: url(../images/error.png) no-repeat left center
}
.Validform_loading {
	padding-left: 20px;
	background: url(../images/onLoad.gif) no-repeat left center
}
.Validform_error {
	background-color: #ffe7e7
}
#Validform_msg {
	color: #7d8289;
	font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
	width: 280px;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	background: #fff;
	position: absolute;
	top: 0px;
	right: 50px;
	z-index: 19891016;
	display: none;
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
	box-shadow: 2px 2px 0 rgba(0,0,0,0.1)
}
#Validform_msg .iframe {
	position: absolute;
	left: 0px;
	top: -1px;
	z-index: -1
}
#Validform_msg .Validform_title {
	line-height: 25px;
	height: 25px;
	text-align: left;
	font-weight: bold;
	padding: 0 8px;
	color: #fff;
	position: relative;
	background-color: #999;
	background: -moz-linear-gradient(top, #999, #666 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666')
}
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
	line-height: 22px;
	position: absolute;
	right: 8px;
	top: 0px;
	color: #fff;
	text-decoration: none
}
#Validform_msg a.Validform_close:hover {
	color: #ccc
}
#Validform_msg .Validform_info {
	padding: 8px;
	border: 1px solid #bbb;
	border-top: none;
	text-align: left
}
.index_banner_new {
	width: 100%;
	height: auto;
	min-width: 280px;
	min-height: 160px;
	margin: 0px auto;
	position: relative;
	overflow: hidden
}
.index_banner_new ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1
}
.index_banner_new ul li {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.index_banner_new ul li.active {
	display: block
}
.index_banner_new ul li .intro {
	position: relative
}
.index_banner_new ul li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.index_banner_new .dots {
	position: absolute;
	bottom: 20px;
	right: 0;
	height: 12px;
	z-index: 2;
	text-align: center
}
.index_banner_new .dots span {
	display: inline-block;
	width: 40px;
	height: 6px;
	background: #e0e0e0;
	margin: 0 5px;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.index_banner_new .dots span.active {
	background: #c52c2b
}
.index_banner_new .arr {
	display: none;
	position: absolute;
	top: 140px;
	z-index: 2;
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 36px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	text-decoration: none
}
.index_banner_new .arr:hover {
	background: rgba(0,0,0,0.7);
	text-decoration: none
}
.index_banner_new:hover .arr {
	display: block;
	text-decoration: none;
	color: #fff
}
.index_banner_new .prev {
	left: 20px
}
.index_banner_new .next {
	right: 20px
}
#tqchina_banner {
	position: relative
}
.tqchina_banner_load {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 3;
	width: 100%
}
.tqchina_banner_load i {
	width: 0%;
	display: block;
	height: 1px;
	background: #f00
}
.tqchina_banner_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background: rgba(0,0,0,0.2)
}
a.tqchina_banner_text {
	display: block;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 10;
	color: #fff;
	text-align: center;
	width: 100%
}
a.tqchina_banner_text h3 {
	color: #fff;
	font-size: 28px;
	text-align: center;
	margin: 0
}
a.tqchina_banner_text h6 {
	color: #fff;
	font-size: 60px;
	line-height: 60px;
	margin: 1rem 0;
	text-align: center;
	font-family: 'agb'
}
a.tqchina_banner_text span {
	display: block;
	width: 230px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin: 60px auto 0;
	border: 1px solid #fff;
	font-family: 'agb', "Microsoft YaHei";
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
a.tqchina_banner_text:hover span {
	background: #c52c2b;
	border-color: #c52c2b
}
.index_banner_new .video_button img {
	display: none
}
.lt9 .index_banner_new .video_button img {
	display: block
}
.lt9 .tqchina_banner_text {
	margin: -230px 0 0 0px;
	left: 0px !important
}
.lt9 .index_banner_new .ba_left .tqchina_banner_text {
	left: 10% !important;
	width: auto
}
.lt9 .index_banner_new .ba_right .tqchina_banner_text {
	left: 60% !important;
	width: auto
}
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,0.8);
	z-index: 91;
	display: none;
	top: 0;
	left: 0
}
.reveal-modal {
	visibility: hidden;
	top: 200px;
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: #eee;
	position: absolute;
	z-index: 92;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	-box-shadow: 0 0 10px rgba(0,0,0,0.4)
}
.reveal-modal.small {
	width: 200px;
	margin-left: -140px
}
.reveal-modal.medium {
	width: 400px;
	margin-left: -240px
}
.reveal-modal.large {
	width: 600px;
	margin-left: -340px
}
.reveal-modal.xlarge {
	width: 800px;
	margin-left: -440px
}
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 8px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
	font-weight: bold;
	cursor: pointer
}/*!

 * fullPage 2.9.2

 * https://github.com/alvarotrigo/fullPage.js

 * MIT licensed

 *

 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo

 */
html.fp-enabled, .fp-enabled body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent
}
#superContainer {
	height: 100%;
	position: relative;
	-ms-touch-action: none;
	touch-action: none
}
.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.fp-slide {
	float: left
}
.fp-slide, .fp-slidesContainer {
	height: 100%;
	display: block
}
.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}
.fp-section.fp-table, .fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%
}
.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%
}
.fp-slidesContainer {
	float: left;
	position: relative
}
.fp-controlArrow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent
}
.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff
}
.fp-scrollable {
	overflow: hidden;
	position: relative
}
.fp-scroller {
	overflow: hidden
}
.iScrollIndicator {
	border: 0 !important
}
.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important
}
#fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0)
}
#fp-nav.right {
	right: 17px
}
#fp-nav.left {
	left: 17px
}
.fp-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.fp-slidesNav.bottom {
	bottom: 17px
}
.fp-slidesNav.top {
	top: 17px
}
#fp-nav ul, .fp-slidesNav ul {
	margin: 0;
	padding: 0
}
#fp-nav ul li, .fp-slidesNav ul li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative
}
.fp-slidesNav ul li {
	display: inline-block
}
#fp-nav ul li a, .fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	border-radius: 100%
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 4px;
	width: 4px;
	border: 0;
	background: #333;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 -2px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
	width: 10px;
	height: 10px;
	margin: -5px 0px 0px -5px
}
#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer
}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip {
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	width: auto;
	opacity: 1
}
#fp-nav ul li .fp-tooltip.right {
	right: 20px
}
#fp-nav ul li .fp-tooltip.left {
	left: 20px
}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {
	height: auto !important
}
.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell {
	height: auto !important
}
body {
	background: #111
}
#warp {
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden
}
#index_top {
	position: relative
}
header {
	width: 100%;
	height: 60px;
	background: rgba(34,34,34,0.8);
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 90
}
header a.logo {
	width: 190px;
	height: 60px;
	background: #111;
	display: table
}
header a.logo span {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
header a.logo span img {
	width: 123px;
	height: 30px
}
header .nav {
	width: 790px;
	height: 60px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -395px
}
header .nav ul {
	width: 100%
}
header .nav ul li.m {
	display: block;
	float: left;
	width: 16.6%;
	position: relative
}
header .nav ul li.m h3 {
	display: block
}
header .nav ul li.m h3 a {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 20px;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
header .nav ul li.m h3 a span {
	display: block;
	opacity: .6;
	filter: alpha(opacity=60);
	text-transform: uppercase;
	font-size: 10px
}
header .nav ul li.m h3 a:hover {
	background: #111
}
header .nav ul li.m.on h3 a {
	background: #111
}
header .nav ul li.m .sub {
	display: none;
	width: 660px;
	height: 300px;
	padding: 40px 60px;
	background: #111;
	background: rgba(17,17,17,0.8);
	position: absolute;
	left: 0px;
	top: 60px
}
header .nav ul li.m .sub .img {
	width: 300px;
	height: 200px
}
header .nav ul li.m .sub .img img {
	width: 100%;
	height: 100%
}
header .nav ul li.m .sub .txt {
	width: 200px
}
header .nav ul li.m .sub .txt ul {
	width: 100%;
	overflow: hidden
}
header .nav ul li.m .sub .txt ul li {
	display: block;
	float: left;
	width: 50%;
	height: 20px;
	line-height: 20px;
	margin-bottom: 26px;
	background: url(../images/nav_sub_line.png) right center no-repeat
}
header .nav ul li.m .sub .txt ul li a {
	display: block;
	color: #fff;
	text-align: center
}
header .nav ul li.m .sub .txt ul li a span {
	opacity: .8;
	filter: alpha(opacity=80);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
header .nav ul li.m .sub .txt ul li a:hover span {
	opacity: 1;
	filter: alpha(opacity=100)
}
header .nav ul li.m .sub .txt ul li:nth-child(even) {
	background: none
}
header .nav ul li.m .sub5 {
	left: -300px
}
header .nav ul li.m .sub6 {
	left: -400px
}
header .top_link {
	width: 190px;
	padding-right: 20px;
	text-align: right;
	height: 60px
}
header .top_link a {
	display: inline-block;
	color: #fff;
	padding: 0 10px;
	line-height: 60px
}
header .top_link a i, header .top_link a span {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
header .top_link a:hover i, header .top_link a:hover span {
	opacity: .7;
	filter: alpha(opacity=70)
}
header .top_link #top_qr {
	position: relative
}
header .top_link #top_qr_img {
	display: none;
	left: -60px
}
@media (min-width: 1400px) {
header {
	height: 90px
}
header a.logo {
	width: 280px;
	height: 90px
}
header a.logo span img {
	width: 168px;
	height: 41px
}
header .nav {
	width: 800px;
	height: 90px;
	margin-left: -400px
}
header .nav ul li.m h3 a {
	height: 90px;
	line-height: 20px;
	padding: 25px 0;
	font-size: 14px
}
header .nav ul li.m h3 a span {
	font-size: 14px
}
header .nav ul li.m .sub {
	top: 90px
}
header .nav ul li.m .sub5 {
	left: -300px
}
header .nav ul li.m .sub6 {
	left: -400px
}
header .top_link {
	width: 280px;
	padding-right: 40px;
	height: 90px
}
header .top_link a {
	padding: 0 20px;
	line-height: 90px
}
header .top_link #top_qr_img {
	display: none;
	left: -60px
}
}
@media (min-width: 1600px) {
header .nav {
	width: 1000px;
	margin-left: -500px
}
}
@media (min-width: 1900px) {
header .nav {
	width: 1200px;
	margin-left: -600px
}
}
.topsearch h3 {
	display: block;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 15px
}
.topsearch form {
	width: 100%;
	height: 28px;
	border: 1px solid #cdd9e1;
	background: #fff;
	position: relative;
	z-index: 2
}
.topsearch form .btn1, .topsearch form .btn2 {
	margin: 0;
	padding: 0;
	border: none
}
.topsearch form .btn1 {
	width: 400px;
	padding: 0px 10px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	outline: 0px
}
.topsearch form .btn2 {
	float: right;
	width: 19px;
	height: 19px;
	padding: 4px 10px 5px 0px;
	margin: 5px 10px 0 0;
	background: url(../images/c.png) -1000px 0 no-repeat
}
.in_title::before {
	content: '';
	display: block;
	width: 44px;
	height: 3px;
	line-height: 3px;
	background: #111
}
.in_title h6 {
	display: block;
	font-family: 'agb';
	font-size: 40px;
	line-height: 40px;
	padding: 30px 0 15px
}
.in_title h3 {
	display: block;
	font-size: 28px;
	line-height: 28px;
	font-weight: normal
}
@media (min-width: 1600px) {
.in_title h6 {
	font-size: 60px;
	line-height: 60px;
	padding: 30px 0 15px
}
.in_title h3 {
	font-size: 34px;
	line-height: 34px
}
}
.in01 {
	padding: 60px 0;
	position: relative;
	background: #f5f5f5
}
.in01 .bg {
	width: 610px;
	position: absolute;
	right: -30px;
	top: 0;
	z-index: 0
}
.in01 .w {
	position: relative
}
.in01 .w .in_title {
	position: absolute;
	left: 0;
	top: 0
}
@media (min-width: 1600px) {
.in01 {
	padding: 120px 0
}
}
.in01_slide {
	width: 970px;
	margin-left: 230px;
	position: relative
}
.in01_slide .bd {
	margin: 0 0 0 80px
}
.in01_slide .bd .item .pic {
	height: 500px
}
.in01_slide .bd .item .pic .thumb {
	width: 540px;
	height: 100%
}
.in01_slide .bd .item .pic .thumb a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.in01_slide .bd .item .pic .thumb a img {
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s
}
.in01_slide .bd .item .pic .thumb a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.in01_slide .bd .item .pic .txt {
	width: 350px;
	height: 100%;
	padding-left: 30px;
	display: table
}
.in01_slide .bd .item .pic .txt .des {
	display: table-cell;
	vertical-align: middle
}
.in01_slide .bd .item .pic .txt .des a {
	color: #111;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.in01_slide .bd .item .pic .txt .des a b {
	display: block;
	font-size: 22px;
	font-weight: normal
}
.in01_slide .bd .item .pic .txt .des a span {
	display: block;
	font-size: 20px;
	text-transform: uppercase
}
.in01_slide .bd .item .pic .txt .des a:hover {
	color: #c52c2b
}
.in01_slide .bd .item .pic .txt .des p {
	display: block;
	font-size: 14px;
	line-height: 24px;
	padding-top: 20px;
	color: #333
}
.in01_slide .hd {
	width: 70px;
	height: 290px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0
}
.in01_slide .hd .item {
	cursor: pointer;
	margin-bottom: 10px;
	position: relative
}
.in01_slide .hd .item:last-child {
	margin-bottom: 0
}
.in01_slide .hd .item i {
	display: block;
	width: 70px;
	height: 65px;
	background: rgba(0,0,0,0.6);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	position: absolute;
	left: 0;
	top: 0
}
.in01_slide .hd .item img {
	width: 70px;
	height: 65px
}
.in01_slide .hd .item.on i {
	background: transparent
}
.in01_slide .arrow {
	width: 250px;
	height: 40px;
	position: absolute;
	left: 655px;
	bottom: 20px
}
.in01_slide .arrow .btn {
	width: 249px;
	height: 40px;
	position: relative
}
.in01_slide .arrow a {
	display: block;
	float: left;
	width: 125px;
	height: 100%;
	text-align: center;
	border: 1px solid #111;
	position: absolute;
	top: 0;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s
}
.in01_slide .arrow a i {
	display: block;
	width: 45px;
	height: 11px;
	margin: 15px auto 0;
	background-image: url("../images/c.png");
	background-repeat: no-repeat;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s
}
.in01_slide .arrow a i em {
	display: block;
	width: 45px;
	height: 11px;
	background-image: url("../images/c.png");
	background-repeat: no-repeat;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s
}
.in01_slide .arrow a:hover {
	background: #c52c2b;
	border-color: #c52c2b
}
.in01_slide .arrow a:hover i {
	background: none
}
.in01_slide .arrow a:hover i em {
	opacity: 1;
	filter: alpha(opacity=100)
}
.in01_slide .arrow a.prev {
	left: 0;
	z-index: 2
}
.in01_slide .arrow a.prev i {
	background-position: 0 0
}
.in01_slide .arrow a.prev i em {
	background-position: -80px 0
}
.in01_slide .arrow a.prev:hover {
	z-index: 3
}
.in01_slide .arrow a.next {
	right: 0;
	z-index: 1
}
.in01_slide .arrow a.next i {
	background-position: -80px -20px
}
.in01_slide .arrow a.next i em {
	background-position: 0 -20px
}
.in01_slide .arrow a.next:hover {
	z-index: 3
}
@media (min-width: 1600px) {
.in01_slide {
	width: 1370px;
	margin-left: 230px
}
.in01_slide .bd {
	margin: 0 0 0 80px
}
.in01_slide .bd .item .pic {
	height: 630px
}
.in01_slide .bd .item .pic .thumb {
	width: 680px
}
.in01_slide .bd .item .pic .txt {
	width: 610px;
	padding-left: 80px
}
.in01_slide .bd .item .pic .txt .des a b {
	font-size: 22px
}
.in01_slide .bd .item .pic .txt .des a span {
	font-size: 28px
}
.in01_slide .bd .item .pic .txt .des p {
	font-size: 14px;
	line-height: 30px
}
.in01_slide .arrow {
	width: 280px;
	height: 50px;
	left: 840px;
	bottom: 140px
}
.in01_slide .arrow .btn {
	width: 279px;
	height: 50px
}
.in01_slide .arrow a {
	width: 140px
}
.in01_slide .arrow a i {
	margin: 20px auto 0
}
}
.in02 {
	padding: 60px 0;
	background: #fff
}
.in02 .w {
	height: 352px
}
.in02 .w a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.in02 .w a:hover {
	background: rgba(0,0,0,0.5)
}
.in02 .w .in02_1 {
	width: 700px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../images/in02_1_bg.jpg");
	position: relative
}
.in02 .w .in02_1 .in_title {
	position: absolute;
	left: 500px;
	top: 50px;
	color: #fff
}
.in02 .w .in02_1 .in_title::before {
	background: #fff
}
.in02 .w .in02_2 {
	width: 500px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../images/in02_video.jpg");
	position: relative
}
.in02 .w .in02_2 i.play {
	display: block;
	width: 52px;
	height: 52px;
	background: url(../images/c.png) -200px 0 no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -26px;
	margin-top: -26px;
	z-index: 3
}
@media (min-width: 1600px) {
.in02 {
	padding: 120px 0
}
.in02 .w {
	height: 490px
}
.in02 .w .in02_1 {
	width: 975px
}
.in02 .w .in02_1 .in_title {
	position: absolute;
	left: 650px;
	top: 50px
}
.in02 .w .in02_2 {
	width: 625px
}
}
.in03 {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../images/in03_bg.jpg");
	height: 576px
}
.in03 .w {
	padding: 50px 0 100px
}
.in03 .w .in_title {
	text-align: center;
	color: #fff
}
.in03 .w .in_title::before {
	content: none
}
.in03 .w .list {
	margin-top: 40px;
	position: relative
}
.in03 .w .list .bd .item a {
	display: block;
	width: 940px;
	margin: 0 auto;
	color: #fff;
	text-align: center
}
.in03 .w .list .bd .item a b {
	display: block;
	font-size: 18px;
	font-weight: normal
}
.in03 .w .list .bd .item a p {
	display: block;
	height: 60px;
	line-height: 30px;
	font-size: 14px;
	overflow: hidden;
	margin: 30px 0
}
.in03 .w .list .bd .item a span {
	display: block;
	width: 230px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin: 60px auto 0;
	border: 1px solid #fff;
	font-family: 'agb';
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s
}
.in03 .w .list .bd .item a:hover span {
	background: #c52c2b;
	border-color: #c52c2b;
	color: #fff
}
.in03 .w .list .arrow a {
	display: block;
	width: 30px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 50%;
	margin-top: -50px
}
.in03 .w .list .arrow a i {
	font-size: 30px;
	color: #fff;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.in03 .w .list .arrow a.prev {
	left: 0
}
.in03 .w .list .arrow a.next {
	right: 0
}
.in03 .w .list .arrow a:hover i {
	opacity: .5;
	filter: alpha(opacity=50)
}
@media (min-width: 1600px) {
.in03 .w .list .bd .item a {
	width: 1100px
}
}
footer {
	padding: 60px 0
}
footer .w .foot {
	width: 1000px
}
footer .w .qr {
	width: 150px
}
footer .w .ft_nav {
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255,255,255,0.2)
}
footer .w .ft_nav ul {
	width: 100%;
	overflow: hidden
}
footer .w .ft_nav ul li {
	display: block;
	float: left;
	width: 16.6%
}
footer .w .ft_nav ul li a {
	display: block;
	font-size: 14px;
	color: #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
footer .w .ft_nav ul li a span {
	display: block;
	opacity: .6;
	filter: alpha(opacity=60);
	text-transform: uppercase
}
footer .w .ft_nav ul li a:hover {
	color: #c52c2b
}
footer .w .ft_copy {
	color: rgba(255,255,255,0.4);
	font-size: 14px;
	padding-top: 60px
}
@media (min-width: 1600px) {
footer {
	padding: 120px 0
}
footer .w .foot {
	width: 1040px
}
}
#fp-nav {
	z-index: 6100
}
#fp-nav.right {
	right: 10px
}
#fp-nav ul li {
	width: 12px;
	height: 12px;
	margin: 0 0 10px 0
}
#fp-nav ul li a {
	width: 12px;
	height: 12px
}
#fp-nav ul li a span {
	width: 10px;
	height: 10px;
	background: none;
	left: 0;
	top: 0;
	margin: 0;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid rgba(51,51,51,0.7)
}
#fp-nav ul li a.active {
	padding: 0
}
#fp-nav ul li a.active span {
	width: 10px;
	height: 10px;
	background: #c52c2b;
	margin: 0;
	border: 1px solid #c52c2b
}
#fp-nav ul li a:hover a {
	padding: 0
}
#fp-nav ul li a:hover a span {
	width: 10px;
	height: 10px;
	background: #c52c2b;
	margin: 0;
	border: 1px solid #c52c2b
}
#fp-nav ul li:hover a {
	padding: 0
}
#fp-nav ul li:hover a span {
	width: 10px;
	height: 10px;
	background: #c52c2b;
	margin: 0;
	border: 1px solid #c52c2b
}
#fp-nav ul li:hover a.active {
	padding: 0
}
#fp-nav ul li:hover a.active span {
	width: 10px;
	height: 10px;
	background: #c52c2b;
	margin: 0;
	border: 1px solid #c52c2b
}
#fp-nav ul li .fp-tooltip {
	background: #c52c2b;
	top: -10px;
	z-index: 1;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	overflow: visible
}
#fp-nav ul li .fp-tooltip.right {
	right: 30px
}
#fp-nav ul li .fp-tooltip::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	line-height: 1px;
	background: #c52c2b;
	position: absolute;
	right: -25px;
	top: 15px
}
.title02 {
	color: #000
}
.title02::before {
	content: '';
	display: block;
	width: 44px;
	height: 3px;
	line-height: 3px;
	background: #000
}
.title02 h6 {
	display: block;
	font-family: 'agb';
	font-size: 40px;
	line-height: 40px;
	padding: 30px 0 15px
}
.title02 h3 {
	display: block;
	font-size: 28px;
	line-height: 28px;
	font-weight: normal
}
.intro01 {
	position: relative
}
.intro01 .intro01_1 {
	width: 400px;
	position: absolute;
	left: 5%;
	bottom: 0;
	z-index: 3
}
.intro01 .intro01_2 {
	width: 800px;
	position: absolute;
	left: 30%;
	bottom: 5%;
	z-index: 2;
	border: 3px solid rgba(255,255,255,0.4);
	padding: 50px 30px 50px 90px;
	color: #fff
}
.intro01 .intro01_2 .title02 {
	color: #fff
}
.intro01 .intro01_2 .title02::before {
	background: #fff
}
.intro01 .intro01_2 .txt {
	margin-top: 30px;
	color: #b9b9bc;
	font-size: 12px;
	line-height: 24px
}
.intro01 .bg {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../images/intro01_bg.jpg")
}
@media (min-width: 1400px) {
.intro01 .intro01_1 {
	width: 550px;
	left: 5%;
	bottom: 0
}
.intro01 .intro01_2 {
	width: 800px;
	left: 35%;
	bottom: 15%;
	padding: 50px 80px 50px 120px
}
.intro01 .intro01_2 .txt {
	margin-top: 30px;
	font-size: 14px;
	line-height: 30px
}
}
@media (min-width: 1900px) {
.intro01 .intro01_1 {
	width: 691px;
	left: 10%;
	bottom: 0
}
.intro01 .intro01_2 {
	width: 1000px;
	left: 40%;
	bottom: 20%;
	padding: 90px 80px 90px 120px
}
}
.intro02 {
	background: #fff;
	position: relative;
	display: table
}
.intro02 .bg {
	width: 500px;
	position: absolute;
	left: 80px;
	top: 0;
	z-index: 0
}
.intro02 .intro02_w {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	color: #000
}
.intro02 .title02 {
	text-align: center;
	margin-bottom: 30px
}
.intro02 .title02::before {
	margin: 0 auto
}
.intro02 .list ul {
	width: 100%;
	overflow: hidden
}
.intro02 .list li {
	display: block;
	float: left;
	width: 25%;
	text-align: center;
	color: #333;
	padding: 0 20px
}
.intro02 .list li b {
	display: block;
	font-size: 16px;
	height: 70px;
	line-height: 70px
}
.intro02 .list li .txt {
	font-size: 12px;
	line-height: 24px
}
@media (min-width: 1400px) {
.intro02 .bg {
	width: 600px
}
.intro02 .title02 {
	margin-bottom: 60px
}
.intro02 .list {
	padding: 0 60px
}
.intro02 .list li {
	padding: 0 20px
}
.intro02 .list li .txt {
	font-size: 14px;
	line-height: 26px
}
}
@media (min-width: 1900px) {
.intro02 .bg {
	width: 790px
}
.intro02 .title02 {
	margin-bottom: 85px
}
.intro02 .list {
	padding: 0 130px
}
.intro02 .list li {
	padding: 0 30px
}
}
.intro03 {
	position: relative
}
.intro03 .title02 {
	width: 100%;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	top: 80px;
	z-index: 3
}
.intro03 .title02::before {
	background: #fff;
	margin: 0 auto
}
.intro03 .list {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}
.intro03 .list ul {
	width: 100%;
	overflow: hidden
}
.intro03 .list li {
	display: block;
	float: left;
	width: 33.33333%;
	text-align: center;
	color: #fff;
	padding-top: 300px;
	background: rgba(0,0,0,0.55);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.intro03 .list li b {
	display: block;
	font-size: 22px
}
.intro03 .list li em {
	display: block;
	font-size: 16px;
	font-style: normal;
	line-height: 60px
}
.intro03 .list li .txt {
	font-size: 12px;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	padding: 0 50px
}
.intro03 .list li p {
	font-family: 'bebas';
	font-size: 60px;
	opacity: .2;
	filter: alpha(opacity=20);
	text-align: center
}
.intro03 .list li:hover {
	background: rgba(0,0,0,0.3)
}
.intro03 .bg {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../images/intro03_bg.jpg");
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
@media (min-width: 1400px) {
.intro03 .title02 {
	top: 120px
}
.intro03 .list li {
	padding-top: 380px
}
.intro03 .list li b {
	font-size: 22px
}
.intro03 .list li em {
	font-size: 20px
}
.intro03 .list li .txt {
	font-size: 14px;
	line-height: 24px;
	height: 72px;
	padding: 0 50px
}
.intro03 .list li p {
	font-size: 80px
}
}
@media (min-width: 1900px) {
.intro03 .title02 {
	top: 150px
}
.intro03 .list li {
	padding-top: 440px
}
.intro03 .list li .txt {
	padding: 0 70px
}
.intro03 .list li p {
	font-size: 128px
}
}
.intro04 {
	position: relative;
	padding: 20px
}
.intro04 .title02 {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 3
}
.intro04 .title02::before {
	margin: 0 auto
}
.intro04 .title02 p {
	display: block;
	font-size: 14px;
	line-height: 50px
}
.intro04 .img {
	width: 100%;
	position: relative;
	z-index: 3;
	text-align: center
}
.intro04 .bg {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../images/intro04_bg.jpg");
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0
}
@media (min-width: 1400px) {
.intro04 {
	padding: 30px 50px
}
.intro04 .img {
	margin-top: 60px
}
}
@media (min-width: 1900px) {
.intro04 {
	padding: 80px 50px
}
.intro04 .img {
	margin-top: 60px
}
.intro04 .img img {
	margin: 0 auto
}
}
.intro05 {
	width: 100%;
	position: relative;
	display: table
}
.intro05 .intro05_w {
	display: table-cell;
	vertical-align: middle
}
.intro05 .title02 {
	width: 100%;
	color: #fff;
	text-align: center;
	position: relative;
	z-index: 3
}
.intro05 .title02::before {
	margin: 0 auto;
	background: #fff
}
.intro05 .video {
	width: 658px;
	height: 380px;
	margin: 30px auto 0;
	position: relative;
	z-index: 3;
	text-align: center
}
.intro05 .bg {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../images/intro05_bg.jpg");
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0
}
.jwlogo {
	display: none
}
@media (min-width: 1400px) {
.intro05 .video {
	width: 810px;
	height: 468px;
	margin: 60px auto 0
}
}
@media (min-width: 1900px) {
.intro05 .video {
	margin: 80px auto 0
}
}
.intro06 {
	background: #fff;
	width: 100%;
	display: table
}
.intro06 .intro06_w {
	display: table-cell;
	vertical-align: middle
}
#intro_honor {
	margin-top: 30px;
	position: relative
}
#intro_honor .item {
	padding: 0 20px 0 0
}
#intro_honor .item a {
	display: block
}
#intro_honor .owl-controls .owl-buttons-location {
	width: 178px;
	height: 50px;
	position: absolute;
	right: 20px;
	top: -100px;
	z-index: 0
}
#intro_honor .owl-controls .owl-buttons {
	width: 178px;
	height: 50px;
	position: relative
}
#intro_honor .owl-controls .owl-buttons div {
	width: 90px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 2px solid #111;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0
}
#intro_honor .owl-controls .owl-buttons div.owl-prev {
	left: 0;
	z-index: 2
}
#intro_honor .owl-controls .owl-buttons div.owl-next {
	right: 0;
	z-index: 1
}
#intro_honor .owl-controls .owl-buttons div:hover {
	background: #c52c2b;
	color: #fff
}
.newpro .bg {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../images/newpro_bg.jpg");
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
.newpro .txt {
	width: 610px;
	height: 440px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -220px;
	z-index: 2
}
.newpro .txt .t1 {
	font-size: 40px;
	font-weight: bold;
	line-height: 60px
}
.newpro .txt .t2 {
	text-transform: uppercase;
	font-family: 'agb';
	font-size: 20px;
	color: #b4b4b4;
	line-height: 50px
}
.newpro .txt .t3 {
	width: 540px;
	font-size: 14px;
	line-height: 26px;
	font-weight: lighter;
	color: #b4b4b4;
	margin: 20px 0 30px
}
.newpro .txt .t4 {
	font-size: 40px;
	font-weight: lighter
}
@media (min-width: 1400px) {
.newpro .txt .t1 {
	font-size: 60px;
	line-height: 70px
}
.newpro .txt .t2 {
	line-height: 70px
}
}
@media (min-width: 1600px) {
.newpro .txt {
	left: 60%
}
.newpro .txt .t1 {
	font-size: 60px;
	line-height: 70px
}
.newpro .txt .t2 {
	line-height: 70px
}
}
.banner_sub {
	width: 100%;
	height: 540px;
	position: relative
}
.banner_sub .col_w {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	display: table
}
.banner_sub .col {
	text-align: center;
	color: #fff;
	display: table-cell;
	vertical-align: middle
}
.banner_sub .col .title02 {
	color: #fff
}
.banner_sub .col .title02::before {
	background: #fff;
	margin: 0 auto
}
.banner_sub .col .title02 h6 {
	text-transform: uppercase
}
.banner_sub .col .sub_nav {
	margin-top: 50px
}
.banner_sub .col .sub_nav ul li {
	display: inline-block;
	height: 40px;
	margin-right: -5px
}
.banner_sub .col .sub_nav ul li a {
	display: block;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff
}
.banner_sub .col .sub_nav ul li a span {
	display: block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 14px;
	color: #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.banner_sub .col .sub_nav ul li a.cur span {
	background: #c52c2b;
	color: #fff
}
.banner_sub .col .sub_nav ul li a:hover span {
	background: #fff;
	color: #111
}
.banner_sub .col .search_txt {
	text-align: center;
	font-size: 14px;
	line-height: 60px;
	color: #fff;
	margin-top: 30px
}
.banner_sub .bg {
	width: 100%;
	height: 540px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0
}
@media (min-width: 1600px) {
.banner_sub .col .sub_nav ul li {
	height: 50px
}
.banner_sub .col .sub_nav ul li a span {
	width: 150px;
	height: 50px;
	line-height: 50px;
	font-size: 16px
}
}
.warp_white {
	background: #fff
}
.list_news {
	overflow: hidden;
	padding: 70px 0 40px
}
.list_news ul {
	width: 1230px;
	overflow: hidden
}
.list_news ul li {
	display: block;
	float: left;
	width: 380px;
	margin: 0 30px 30px 0
}
.list_news ul li a {
	display: block
}
.list_news ul li a .thumb {
	width: 380px;
	height: 237px;
	position: relative;
	overflow: hidden
}
.list_news ul li a .thumb img {
	width: 100%;
	height: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s
}
.list_news ul li a .thumb span {
	display: block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #c52c2b;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2
}
.list_news ul li a .txt {
	background: #f5f5f5;
	padding: 30px
}
.list_news ul li a .txt b {
	display: block;
	font-size: 18px;
	color: #111;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.list_news ul li a .txt p {
	height: 52px;
	line-height: 26px;
	color: #111;
	font-size: 14px;
	font-weight: lighter;
	overflow: hidden;
	margin: 10px 0 20px
}
.list_news ul li a .txt em {
	display: block;
	width: 45px;
	height: 11px;
	background: url(../images/c.png) -400px 0 no-repeat;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.list_news ul li a:hover .thumb img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%)
}
.list_news ul li a:hover .txt b {
	color: #c52c2b
}
.list_news ul li a:hover .txt em {
	margin-left: 10px
}
@media (min-width: 1600px) {
.list_news {
	padding: 100px 0 35px
}
.list_news ul {
	width: 1665px
}
.list_news ul li {
	width: 490px;
	margin: 0 65px 65px 0
}
.list_news ul li a .thumb {
	width: 490px;
	height: 305px
}
.list_news ul li a .txt {
	padding: 50px
}
.list_news ul li a .txt p {
	margin: 20px 0 30px
}
}
.content_news {
	width: 1000px;
	margin: 0 auto;
	padding: 70px 0;
	font-size: 14px;
	line-height: 24px
}
.content_news .title {
	text-align: center;
	line-height: 24px;
	padding: 20px 0
}
.content_news .info {
	text-align: center;
	border-bottom: 1px solid #f4f4f4;
	line-height: 30px;
	color: #666
}
.content_news .word {
	padding: 40px 0;
	border-bottom: 1px solid #f4f4f4
}
.content_news .updown {
	padding: 20px 0 0
}
.contact01 .contact01_1 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: table
}
.contact01 .contact01_1 .col {
	display: table-cell;
	vertical-align: middle
}
.contact01 .contact01_1 .col .title02 {
	color: #fff;
	text-align: center
}
.contact01 .contact01_1 .col .title02::before {
	background: #fff;
	margin: 0 auto
}
.contact01 .contact01_1 .col .list {
	margin-top: 130px
}
.contact01 .contact01_1 .col .list ul {
	width: 100%;
	overflow: hidden
}
.contact01 .contact01_1 .col .list ul li {
	display: block;
	float: left;
	width: 25%;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border-right: 2px solid #8c8a8b
}
.contact01 .contact01_1 .col .list ul li:last-child {
	border-right: none
}
.contact01 .contact01_1 .col .list ul li img {
	border: 1px solid #fff;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%
}
.contact01 .contact01_1 .col .list ul li b {
	display: block;
	height: 50px;
	line-height: 50px;
	margin-top: 10px
}
.contact01 .contact01_1 .col .list ul li p {
	display: block;
	margin: 0;
	padding: 0
}
.contact01 .contact01_1 .col .list ul li a {
	color: #fff
}
.contact01 .bg {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../images/contact01_bg.jpg")
}
.contact02 {
	background: #fff;
	width: 100%;
	display: table
}
.contact02 .col {
	display: table-cell;
	vertical-align: middle
}
.contact02 .contact02_1 {
	width: 400px;
	position: relative
}
.contact02 .contact02_1 .title02 {
	position: absolute;
	left: 50px;
	top: 50px;
	z-index: 2;
	color: #fff
}
.contact02 .contact02_1 .title02::before {
	background: #fff
}
.contact02 .contact02_2 {
	width: 800px;
	padding: 30px 0 30px 30px;
	border-top: 2px solid #dedede;
	border-right: 2px solid #dedede;
	border-bottom: 2px solid #dedede
}
#contact02_list .item .t {
	font-size: 26px;
	color: #111;
	font-weight: bold
}
#contact02_list .item .t span {
	display: block;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: normal
}
#contact02_list .item .list {
	margin-top: 20px
}
#contact02_list .item .list ul {
	width: 100%;
	overflow: hidden
}
#contact02_list .item .list ul li {
	display: block;
	float: left;
	width: 50%;
	padding-right: 30px
}
#contact02_list .item .list ul li b {
	display: block;
	width: 100%;
	height: 45px
}
#contact02_list .item .list ul li b span {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	margin: 20px 0 0 20px;
	font-size: 20px;
	font-weight: normal
}
#contact02_list .item .list ul li b i {
	display: block;
	float: left;
	width: 45px;
	height: 45px;
	background-image: url("../images/contact02_icon.png");
	background-repeat: no-repeat
}
#contact02_list .item .list ul li b i.ico01_1 {
	background-position: 0 0
}
#contact02_list .item .list ul li b i.ico01_2 {
	background-position: -45px 0
}
#contact02_list .item .list ul li b i.ico01_3 {
	background-position: -90px 0
}
#contact02_list .item .list ul li b i.ico01_4 {
	background-position: -135px 0
}
#contact02_list .item .list ul li b i.ico01_5 {
	background-position: -180px 0
}
#contact02_list .item .list ul li b i.ico02_1 {
	background-position: 0 -45px
}
#contact02_list .item .list ul li b i.ico02_2 {
	background-position: -45px -45px
}
#contact02_list .item .list ul li b i.ico02_3 {
	background-position: -90px -45px
}
#contact02_list .item .list ul li b i.ico02_4 {
	background-position: -135px -45px
}
#contact02_list .item .list ul li b i.ico02_5 {
	background-position: -180px -45px
}
#contact02_list .item .list ul li b i.ico02_6 {
	background-position: -225px -45px
}
#contact02_list .item .list ul li p {
	display: block;
	height: 60px;
	line-height: 20px;
	overflow: hidden;
	margin: 10px 0;
	color: #666;
	font-size: 12px
}
#contact02_list .owl-controls .owl-buttons-location {
	width: 178px;
	height: 50px;
	position: absolute;
	right: 30px;
	top: 10px;
	z-index: 0
}
#contact02_list .owl-controls .owl-buttons {
	width: 178px;
	height: 50px;
	position: relative
}
#contact02_list .owl-controls .owl-buttons div {
	width: 90px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 2px solid #111;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0
}
#contact02_list .owl-controls .owl-buttons div.owl-prev {
	left: 0;
	z-index: 2
}
#contact02_list .owl-controls .owl-buttons div.owl-next {
	right: 0;
	z-index: 1
}
#contact02_list .owl-controls .owl-buttons div:hover {
	background: #c52c2b;
	color: #fff
}
@media (min-width: 1600px) {
.contact02 .contact02_1 {
	width: 525px
}
.contact02 .contact02_1 .title02 {
	left: 80px;
	top: 80px
}
.contact02 .contact02_2 {
	width: 1075px;
	padding: 80px 0 80px 80px
}
#contact02_list .item .list {
	margin-top: 50px
}
#contact02_list .item .list ul li {
	padding-right: 80px
}
#contact02_list .item .list ul li p {
	height: 72px;
	line-height: 24px;
	font-size: 14px;
	margin: 10px 0
}
#contact02_list .owl-controls .owl-buttons-location {
	width: 178px;
	height: 50px;
	position: absolute;
	right: -90px;
	top: 10px;
	z-index: 0
}
}
.contact03 {
	position: relative
}
.contact03 .contact03_w {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: table
}
.contact03 .col {
	display: table-cell;
	vertical-align: middle
}
.contact03 .col .title02 {
	color: #fff
}
.contact03 .col .title02::before {
	background: #fff
}
.contact03 .bg {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../images/contact03_bg.jpg")
}
#list_join {
	margin: 30px 0 0;
	position: relative
}
#list_join .item {
	border-top: 2px solid #888;
	border-left: 2px solid #888
}
#list_join .item .list {
	border-bottom: 2px solid #888;
	border-right: 2px solid #888
}
#list_join .item .list:last-child {
	float: left
}
#list_join .item .list a {
	display: block;
	padding: 10px 30px 30px;
	color: #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
#list_join .item .list a .t {
	border-bottom: 2px solid #fff;
	height: 60px;
	line-height: 60px
}
#list_join .item .list a .t b {
	font-size: 18px
}
#list_join .item .list a .t span {
	font-size: 12px;
	text-align: right
}
#list_join .item .list a .des {
	display: block;
	height: 60px;
	line-height: 30px;
	margin-top: 20px
}
#list_join .item .list a:hover {
	background: rgba(0,0,0,0.6)
}
#list_join .owl-controls .owl-buttons-location {
	width: 178px;
	height: 50px;
	position: absolute;
	right: 0px;
	top: -80px;
	z-index: 0
}
#list_join .owl-controls .owl-buttons {
	width: 178px;
	height: 50px;
	position: relative
}
#list_join .owl-controls .owl-buttons div {
	width: 90px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 2px solid #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0
}
#list_join .owl-controls .owl-buttons div i.iconfont {
	color: #fff
}
#list_join .owl-controls .owl-buttons div.owl-prev {
	left: 0;
	z-index: 2
}
#list_join .owl-controls .owl-buttons div.owl-next {
	right: 0;
	z-index: 1
}
#list_join .owl-controls .owl-buttons div:hover {
	background: #c52c2b;
	color: #fff
}
@media (min-width: 1600px) {
#list_join {
	margin: 50px 0 0
}
#list_join .item .list a {
	padding: 30px 50px 40px
}
#list_join .item .list a .t {
	height: 80px;
	line-height: 80px
}
#list_join .item .list a .t b {
	font-size: 20px
}
#list_join .item .list a .t span {
	font-size: 14px
}
}
.content_job {
	padding: 70px 0;
	width: 1000px;
	margin: 0 auto;
	font-size: 14px
}
.content_job ul.job_info {
	margin: 0;
	padding: 0
}
.content_job ul.job_info li {
	list-style-type: none;
	display: block;
	border-bottom: 1px solid #efefef;
	line-height: 35px
}
.content_job ul.job_info li span {
	color: #c52c2b;
	font-weight: bold
}
.content_job .content_job_w {
	font-size: 14px;
	line-height: 30px;
	padding: 20px 0px
}
.contact04 {
	position: relative;
	background: #fff
}
.contact04 .contact04_w {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: table
}
.contact04 .col {
	display: table-cell;
	vertical-align: middle
}
.contact04 .bg {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../images/contact04_bg.png")
}
.message_form .col01 {
	margin-bottom: 30px
}
.message_form .col01 .list {
	float: left;
	width: 33.333%;
	padding-left: 20px;
	padding-bottom: 20px
}
.message_form .col02 {
	padding-left: 20px
}
.message_form .col02 .list {
	height: 150px;
	line-height: 25px;
	font-size: 14px
}
.message_form .am-form input[type=number], .message_form .am-form input[type=search], .message_form .am-form input[type=text], .message_form .am-form input[type=password], .message_form .am-form input[type=datetime], .message_form .am-form input[type=datetime-local], .message_form .am-form input[type=date], .message_form .am-form input[type=month], .message_form .am-form input[type=time], .message_form .am-form input[type=week], .message_form .am-form input[type=email], .message_form .am-form input[type=url], .message_form .am-form input[type=tel], .message_form .am-form input[type=color], .message_form .am-form select, .message_form .am-form textarea, .message_form .am-form-field {
	border: none;
	border-bottom: 1px solid #111111;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-size: 14px
}
.message_form input {
	background: #fff;
	color: #111111;
	border: none;
	height: 50px;
	line-height: 50px;
	padding: 0 30px
}
.message_form :-moz-placeholder {
color:#111111;
opacity:1
}
.message_form ::-moz-placeholder {
color:#111111;
opacity:1
}
.message_form input:-ms-input-placeholder {
color:#111111;
opacity:1
}
.message_form input::-webkit-input-placeholder {
color:#111111;
opacity:1
}
.message_form .submit {
	display: block;
	width: 162px;
	height: 42px;
	line-height: 40px;
	text-align: center;
	color: #333;
	border: 1px solid #333;
	margin: 30px 0 0;
	background: #fff;
	font-size: 14px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.message_form .submit:hover {
	background: #c52c2b;
	border-color: #c52c2b;
	color: #fff
}
@media (min-width: 1600px) {
.message_form .col01 {
	margin-bottom: 50px
}
.message_form .col01 .list {
	padding-left: 50px;
	padding-bottom: 50px
}
.message_form .col02 {
	padding-left: 50px
}
.message_form .col02 .list {
	height: 250px
}
.message_form .submit {
	width: 224px;
	height: 52px;
	line-height: 50px;
	margin: 30px 0 0;
	font-size: 18px
}
}
.store {
	position: relative
}
.store .store_w {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: table
}
.store .store_w .col {
	display: table-cell;
	vertical-align: middle
}
.store .bg {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../images/store_bg.jpg");
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
.store_col .hd {
	width: 50%;
	height: 503px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url("../images/store_map.png")
}
.store_col .hd ul li {
	display: block;
	width: 40px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	position: absolute
}
.store_col .hd ul li.on {
	color: #c52c2b;
	font-weight: bold
}
.store_col .hd ul li.m11 {
	left: 490px;
	top: 80px
}
.store_col .hd ul li.m12 {
	left: 500px;
	top: 120px
}
.store_col .hd ul li.m13 {
	left: 470px;
	top: 159px
}
.store_col .hd ul li.m14 {
	left: 406px;
	top: 176px
}
.store_col .hd ul li.m15 {
	left: 430px;
	top: 196px
}
.store_col .hd ul li.m16 {
	left: 390px;
	top: 204px
}
.store_col .hd ul li.m17 {
	left: 118px;
	top: 125px;
	width: 60px
}
.store_col .hd ul li.m18 {
	left: 283px;
	top: 259px
}
.store_col .hd ul li.m19 {
	left: 345px;
	top: 172px;
	width: 60px
}
.store_col .hd ul li.m20 {
	left: 355px;
	top: 220px
}
.store_col .hd ul li.m21 {
	left: 305px;
	top: 204px
}
.store_col .hd ul li.m22 {
	left: 336px;
	top: 255px
}
.store_col .hd ul li.m23 {
	left: 247px;
	top: 236px
}
.store_col .hd ul li.m24 {
	left: 263px;
	top: 383px
}
.store_col .hd ul li.m25 {
	left: 288px;
	top: 305px
}
.store_col .hd ul li.m26 {
	left: 391px;
	top: 246px
}
.store_col .hd ul li.m27 {
	left: 436px;
	top: 228px
}
.store_col .hd ul li.m28 {
	left: 415px;
	top: 280px
}
.store_col .hd ul li.m29 {
	left: 400px;
	top: 300px
}
.store_col .hd ul li.m30 {
	left: 372px;
	top: 338px
}
.store_col .hd ul li.m31 {
	left: 445px;
	top: 270px
}
.store_col .hd ul li.m32 {
	left: 318px;
	top: 358px
}
.store_col .hd ul li.m33 {
	left: 347px;
	top: 408px
}
.store_col .hd ul li.m34 {
	left: 465px;
	top: 315px
}
.store_col .hd ul li.m35 {
	left: 420px;
	top: 322px
}
.store_col .hd ul li.m36 {
	left: 400px;
	top: 390px
}
.store_col .hd ul li.m37 {
	left: 450px;
	top: 350px
}
.store_col .hd ul li.m38 {
	left: 380px;
	top: 460px
}
.store_col .hd ul li.m40 {
	left: 143px;
	top: 310px
}
.store_col .hd ul li.m41 {
	left: 495px;
	top: 290px
}
.store_col .hd ul li.m42 {
	left: 325px;
	top: 315px
}
.store_col .hd ul li.m43 {
	left: 430px;
	top: 420px
}
.store_col .hd ul li.m44 {
	left: 380px;
	top: 430px
}
.store_col .hd ul li.m45 {
	left: 494px;
	top: 355px
}
.store_col .bd {
	width: 50%;
	height: 503px
}
.store_col .bd .item {
	color: #fff
}
.store_col .bd .item h6 {
	display: block;
	font-size: 16px;
	height: 80px;
	line-height: 80px
}
.store_col .bd .item .store_item {
	height: 400px;
	padding-right: 20px
}
.store_col .bd .item .store_item ul li {
	display: block;
	padding: 18px;
	margin-bottom: 35px;
	border: 2px solid #dbdbdb
}
.store_col .bd .item .store_item ul li .thumb {
	width: 190px
}
.store_col .bd .item .store_item ul li .txt {
	padding-left: 20px
}
.store_col .bd .item .store_item ul li .txt b {
	display: block;
	font-size: 16px;
	height: 50px;
	line-height: 50px
}
.store_col .bd .item .store_item ul li .txt .des {
	font-size: 14px;
	line-height: 30px
}
@media (min-width: 1600px) {
.store_col .hd {
	width: 50%;
	height: 670px
}
.store_col .hd ul li {
	width: 50px;
	height: 20px;
	line-height: 20px;
	font-size: 14px
}
.store_col .hd ul li.m11 {
	left: 655px;
	top: 115px
}
.store_col .hd ul li.m12 {
	left: 663px;
	top: 170px
}
.store_col .hd ul li.m13 {
	left: 630px;
	top: 218px
}
.store_col .hd ul li.m14 {
	left: 543px;
	top: 239px
}
.store_col .hd ul li.m15 {
	left: 574px;
	top: 266px
}
.store_col .hd ul li.m16 {
	left: 537px;
	top: 276px
}
.store_col .hd ul li.m17 {
	left: 169px;
	top: 173px;
	width: 60px
}
.store_col .hd ul li.m18 {
	left: 380px;
	top: 348px
}
.store_col .hd ul li.m19 {
	left: 470px;
	top: 230px;
	width: 60px
}
.store_col .hd ul li.m20 {
	left: 500px;
	top: 284px
}
.store_col .hd ul li.m21 {
	left: 409px;
	top: 281px
}
.store_col .hd ul li.m22 {
	left: 451px;
	top: 348px
}
.store_col .hd ul li.m23 {
	left: 327px;
	top: 318px
}
.store_col .hd ul li.m24 {
	left: 351px;
	top: 518px
}
.store_col .hd ul li.m25 {
	left: 385px;
	top: 414px
}
.store_col .hd ul li.m26 {
	left: 522px;
	top: 337px
}
.store_col .hd ul li.m27 {
	left: 578px;
	top: 301px
}
.store_col .hd ul li.m28 {
	left: 577px;
	top: 373px
}
.store_col .hd ul li.m29 {
	left: 522px;
	top: 407px
}
.store_col .hd ul li.m30 {
	left: 506px;
	top: 454px
}
.store_col .hd ul li.m31 {
	left: 616px;
	top: 375px
}
.store_col .hd ul li.m32 {
	left: 425px;
	top: 485px
}
.store_col .hd ul li.m33 {
	left: 464px;
	top: 551px
}
.store_col .hd ul li.m34 {
	left: 623px;
	top: 418px
}
.store_col .hd ul li.m35 {
	left: 564px;
	top: 456px
}
.store_col .hd ul li.m36 {
	left: 531px;
	top: 531px
}
.store_col .hd ul li.m37 {
	left: 600px;
	top: 473px
}
.store_col .hd ul li.m38 {
	left: 467px;
	top: 597px
}
.store_col .hd ul li.m40 {
	left: 194px;
	top: 419px
}
.store_col .hd ul li.m41 {
	left: 660px;
	top: 386px
}
.store_col .hd ul li.m42 {
	left: 420px;
	top: 423px
}
.store_col .hd ul li.m43 {
	left: 566px;
	top: 566px
}
.store_col .hd ul li.m44 {
	left: 526px;
	top: 577px
}
.store_col .hd ul li.m45 {
	left: 672px;
	top: 483px
}
.store_col .bd {
	height: 670px
}
.store_col .bd .item h6 {
	font-size: 20px;
	height: 120px;
	line-height: 120px
}
.store_col .bd .item .store_item {
	height: 523px;
	padding-right: 30px
}
.store_col .bd .item .store_item ul li {
	padding: 30px;
	margin-bottom: 35px
}
.store_col .bd .item .store_item ul li .thumb {
	width: 240px
}
.store_col .bd .item .store_item ul li .txt {
	padding-left: 20px
}
.store_col .bd .item .store_item ul li .txt b {
	display: block;
	font-size: 16px;
	height: 50px;
	line-height: 50px
}
.store_col .bd .item .store_item ul li .txt .des {
	font-size: 14px;
	line-height: 30px
}
}
#indexpro_menu {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	bottom: 0px;
	list-style-type: none;
	z-index: 70
}
#indexpro_menu ul {
	width: 100%;
	overflow: hidden;
	text-align: center
}
#indexpro_menu ul li {
	display: inline-block;
	width: 100px;
	height: 40px
}
#indexpro_menu ul li a {
	display: block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #222;
	color: #fff;
	font-size: 14px
}
#indexpro_menu ul li.active a {
	background: #c52c2b;
	color: #fff
}
.index_product_bg {
	width: 610px;
	position: fixed;
	right: -30px;
	top: 0;
	z-index: 1
}
#index_product .col {
	background: #fff
}
#index_product .col .thumb {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
#index_product .col .txt {
	display: table
}
#index_product .col .txt .des {
	display: table-cell;
	vertical-align: middle
}
#index_product .col .txt .des .name {
	padding: 0 60px;
	position: relative;
	z-index: 2
}
#index_product .col .txt .des .name .page {
	width: 210px;
	margin-bottom: 40px
}
#index_product .col .txt .des .name .page a {
	display: block;
	float: left;
	width: 45px;
	height: 30px;
	position: relative
}
#index_product .col .txt .des .name .page a span {
	display: block;
	width: 45px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 11px;
	z-index: 2;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-image: url("../images/c.png");
	background-repeat: no-repeat
}
#index_product .col .txt .des .name .page a em {
	display: block;
	width: 45px;
	height: 11px;
	position: absolute;
	left: 0px;
	top: 11px;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-image: url("../images/c.png");
	background-repeat: no-repeat
}
#index_product .col .txt .des .name .page a:hover span {
	opacity: 0;
	filter: alpha(opacity=0)
}
#index_product .col .txt .des .name .page a:hover em {
	opacity: 1;
	filter: alpha(opacity=100)
}
#index_product .col .txt .des .name .page a#moveUp span {
	background-position: 0 0
}
#index_product .col .txt .des .name .page a#moveUp em {
	background-position: 0 -40px
}
#index_product .col .txt .des .name .page a#moveDown span {
	background-position: -80px -20px
}
#index_product .col .txt .des .name .page a#moveDown em {
	background-position: -80px -40px
}
#index_product .col .txt .des .name .page .num {
	float: left;
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 30px
}
#index_product .col .txt .des .name .title02 {
	color: #111;
	margin-bottom: 30px
}
#index_product .col .txt .des .name .title02::before {
	content: '';
	display: block;
	width: 75px;
	height: 3px;
	line-height: 3px;
	background: #111
}
#index_product .col .txt .des .name .title02 h6 {
	display: block;
	font-family: 'agb';
	font-size: 30px;
	line-height: 30px;
	padding: 20px 0 15px;
	text-transform: uppercase
}
#index_product .col .txt .des .name .title02 h3 {
	display: block;
	font-size: 28px;
	line-height: 28px;
	font-weight: normal
}
#index_product .col .txt .des .name .miaoshu {
	font-size: 16px;
	font-weight: lighter;
	color: #111;
	line-height: 30px
}
#index_product .col .txt .des .name a.more {
	display: block;
	width: 180px;
	height: 44px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #111;
	margin-top: 30px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
#index_product .col .txt .des .name a.more:hover {
	background: #c52c2b;
	border-color: #c52c2b;
	color: #fff
}
@media (min-width: 1600px) {
#indexpro_menu {
	height: 50px
}
#indexpro_menu ul li {
	width: 150px;
	height: 50px
}
#indexpro_menu ul li a {
	width: 150px;
	height: 50px;
	line-height: 50px;
	font-size: 16px
}
.index_product_bg {
	width: 790px
}
#index_product .col .txt .des .name {
	padding: 0 160px
}
#index_product .col .txt .des .name .page {
	width: 210px;
	margin-bottom: 40px
}
#index_product .col .txt .des .name .title02 {
	margin-bottom: 50px
}
#index_product .col .txt .des .name .title02 h6 {
	padding: 20px 0 15px;
	font-size: 40px;
	line-height: 40px
}
#index_product .col .txt .des .name .title02 h3 {
	font-size: 28px;
	line-height: 28px
}
#index_product .col .txt .des .name .miaoshu {
	font-size: 20px;
	line-height: 30px
}
#index_product .col .txt .des .name a.more {
	width: 188px;
	height: 54px;
	line-height: 50px;
	margin-top: 30px
}
}
.list_pro ul li {
	display: block;
	height: 100%
}
.list_pro ul li a {
	display: block;
	background: #f5f5f5;
	height: 100%
}
.list_pro ul li a .thumb {
	overflow: hidden
}
.list_pro ul li a .thumb img {
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s
}
.list_pro ul li a .txt {
	display: table
}
.list_pro ul li a .txt .des {
	display: table-cell;
	vertical-align: middle;
	padding: 0 60px
}
.list_pro ul li a .txt .des b {
	display: block;
	font-size: 20px;
	color: #111;
	height: 30px;
	line-height: 30px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.list_pro ul li a .txt .des b span {
	display: block;
	float: left
}
.list_pro ul li a .txt .des b::after {
	content: '';
	display: inline-block;
	width: 70px;
	height: 30px;
	margin-left: 20px;
	background: url(../images/line_b.jpg) left center repeat-x;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.list_pro ul li a .txt .des p {
	display: block;
	height: 72px;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	color: #333;
	margin: 20px 0 40px
}
.list_pro ul li a .txt .des span.more {
	display: block;
	width: 120px;
	height: 44px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #181818;
	position: relative;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.list_pro ul li a .txt .des span.more em, .list_pro ul li a .txt .des span.more i {
	display: block;
	width: 45px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -5px;
	z-index: 2;
	background-image: url("../images/c.png");
	background-repeat: no-repeat;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.list_pro ul li a .txt .des span.more em {
	opacity: 1;
	filter: alpha(opacity=100);
	background-position: -80px -20px
}
.list_pro ul li a .txt .des span.more i {
	opacity: 0;
	filter: alpha(opacity=0);
	background-position: 0 -20px
}
.list_pro ul li a:hover .thumb img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.list_pro ul li a:hover .txt .des b {
	color: #c52c2b
}
.list_pro ul li a:hover .txt .des b::after {
	width: 90px;
	background: url(../images/line_r.jpg) left center repeat-x
}
.list_pro ul li a:hover .txt .des span.more {
	background: #c52c2b;
	border-color: #c52c2b
}
.list_pro ul li a:hover .txt .des span.more em {
	opacity: 0;
	filter: alpha(opacity=0)
}
.list_pro ul li a:hover .txt .des span.more i {
	opacity: 1;
	filter: alpha(opacity=100)
}
.list_pro ul li.sec .thumb {
	float: right
}
.list_pro ul li.sec .txt {
	float: left
}
@media (min-width: 1600px) {
.list_pro ul li a .txt .des {
	padding: 0 160px
}
.list_pro ul li a .txt .des b {
	font-size: 26px
}
.list_pro ul li a .txt .des p {
	height: 90px;
	font-size: 16px;
	line-height: 30px;
	margin: 30px 0 80px
}
.list_pro ul li a .txt .des span.more {
	width: 230px;
	height: 60px;
	line-height: 58px
}
}
.pro_detail {
	background: #fff
}
.pro_detail .img {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}
.pro_detail .txt {
	background: url(../images/pro_detail_bg.jpg) right bottom no-repeat;
	padding: 5% 0
}
.pro_detail .txt .des {
	width: 80%;
	height: 100%;
	padding: 50px;
	border-top: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	position: relative
}
.pro_detail .txt .des b.t {
	display: block;
	font-size: 20px;
	padding-bottom: 20px
}
.pro_detail .txt .des .miaoshu {
	font-size: 14px;
	line-height: 30px
}
.pro_detail .txt .des a.goback {
	display: block;
	width: 180px;
	height: 44px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #111;
	margin-top: 30px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.pro_detail .txt .des a.goback:hover {
	background: #c52c2b;
	border-color: #c52c2b;
	color: #fff
}
.pro_detail .txt .des .page_w {
	width: 180px;
	height: 50px;
	position: absolute;
	right: -92px;
	top: 50px
}
.pro_detail .txt .des .page_w .page {
	width: 178px;
	height: 50px;
	position: relative
}
.pro_detail .txt .des .page_w .page div {
	width: 90px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 2px solid #111;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	cursor: pointer;
	position: absolute;
	top: 0
}
.pro_detail .txt .des .page_w .page div a {
	display: block;
	width: 100%;
	height: 100%
}
.pro_detail .txt .des .page_w .page div.previous {
	left: 0;
	z-index: 2
}
.pro_detail .txt .des .page_w .page div.next {
	right: 0;
	z-index: 1
}
.pro_detail .txt .des .page_w .page div:hover {
	background: #c52c2b;
	z-index: 3
}
.pro_detail .txt .des .page_w .page div:hover i.iconfont {
	color: #fff
}
@media (min-width: 1600px) {
.pro_detail .txt {
	padding: 5% 0
}
.pro_detail .txt .des {
	padding: 85px 160px
}
.pro_detail .txt .des b.t {
	font-size: 26px;
	padding-bottom: 30px
}
.pro_detail .txt .des .miaoshu {
	font-size: 16px;
	line-height: 40px;
	color: #222
}
.pro_detail .txt .des a.goback {
	width: 188px;
	height: 54px;
	line-height: 50px;
	margin-top: 30px
}
}
