@charset "UTF-8";
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin:0;
	padding:0
}
img {
	border:0
}




ul, dl, li, dt, dd {
	list-style:none
}
body {
	font-family:微软雅黑;
	font-size:14px;
	overflow-x:hidden;
	color:#333333;
	background:#fff
}
pre {
	font-family:微软雅黑
}
a {
	font-size:14px;
	text-decoration:none;
	color:#333;
transition:all .45s
}
.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both
}
.clearfix {
*zoom:1
}




.page{text-align:center;margin-bottom:0px; margin-top:0px;}
.page a{padding:7px 12px;border:1px solid #efefef;color:#595959;display:inline-block; margin:0px 2px; background:#efefef; font-size:14px; }
.page a:hover,.page a.cpb{border:1px solid #B92E32;color:#ffffff;background:#B92E32; text-decoration:none;padding:7px 12px;}










h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:400
}
input, textarea, select {
	outline:none;
	font-family:microsoft yahei;
	line-height:normal;
	border:none;
	background:0 0
}
textarea {
	resize:none;
	overflow:hidden
}
select {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none
}
select::-ms-expand {
display:none
}
i, em {
	font-style:normal
}
table {
	max-width:100%;
	overflow:hidden
}
.u_hidden {
	display:none
}
.fl {
	float:left
}
.fr {
	float:right
}
.z-container {
	width:1200px;
	height:auto; padding-bottom:100px;
	clear:both;
	margin:0 auto
}
.z-row {
	width:100%;
	height:auto;
	clear:both;
	overflow:hidden
}
.ellipsis {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ellipsis2 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis
}
.ellipsis3 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	text-overflow:ellipsis
}
.ellipsis4 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	overflow:hidden;
	text-overflow:ellipsis
}
.ellipsis5 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
	overflow:hidden;
	text-overflow:ellipsis
}
.ellipsis6 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:6;
	overflow:hidden;
	text-overflow:ellipsis
}
.ellipsis8 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:8;
	overflow:hidden;
	text-overflow:ellipsis
}
*:before, *:after {
	z-index:-1
}
@font-face {
font-family:en;
src:url(../fonts/DUT801IA.TTF)
}
.foot_link a {
	display:inline-block;
	color:#868686;
	margin-bottom:10px;
	margin-left:10px
}
.u_hidden {
	display:none
}
.header {
	height:80px;
	background:rgba(255, 255, 255, .7);
	position:fixed;
	left:0;
	top:0;
	width:100%;
	text-align:center;
	z-index:99;
transition:all .8s
}
.header.on {
	transform:translateY(-80px)
}
.header .logo {
	display:block;
	position:absolute;
	left:8%;
	top:50%;
	transform:translateY(-50%)
}
.header .logo img {
	max-height:50px
}
.header .sou {
	display:block;
	width:16px;
	height:26px;
	background:url(../img/soubtn.png) no-repeat top center;
	border-bottom:2px solid #C13134;
	position:absolute;
	right:8%;
	top:50%;
	transform:translateY(-50%)
}
.header_nav li {
	display:inline-block;
	line-height:80px;
	margin:0 1.2vw
}
.header_nav li a {
	font-size:16px
}
.header_nav li a:hover {
	color:#C13134
}
.header_nav li a.on {
	color:#C13134
}
body.fixed .header {
	transform:translateY(-100%);
	visibility:hidden
}
.banner {
	width:100%;
	position:relative;
	overflow:hidden;
	height:100vh
}
.banner .swiper-slide-active {
	z-index:3;
	background:#000;
	display:flex;
	align-items:center;
	justify-content:center
}
.banner video {
	height:100%;
	width:auto
}
.banner_img.on:before {
	height:170px;
	bottom:-200px
}
.pace-progress {
	width:100%;
	height:3px;
	background:#C13134;
	position:fixed;
	left:0;
	top:0;
	margin-top:-1px;
	z-index:5000
}
.pace-inactive {
	display:none
}
.banner .swiper-slide .img {
	transition:ease 3s;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-webkit-transition:ease 3s
}
.swiper-slide .img {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}
.banner .swiper-slide.swiper-slide-active .img {
	transform:scale(1);
	-webkit-transform:scale(1)
}
.banner .swiper-slide.swiper-slide-prev .img {
	transform:scale(1.1);
	-webkit-transform:scale(1)
}
.swiper-slide {
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative
}
.swiper-container {
	margin:0 auto;
	position:relative;
	z-index:1;
	overflow:hidden
}
.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.swiper-pagination-progress {
	background:rgba(0, 0, 0, .25);
	position:absolute
}
.swiper-container-horizontal>.swiper-pagination-progress {
	width:100%;
	height:4px;
	left:0;
	bottom:0;
	z-index:999
}
.swiper-pagination-progress .swiper-pagination-progressbar {
	background:#C13134;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-webkit-transform-origin:left top;
	-moz-transform-origin:left top;
	-ms-transform-origin:left top;
	-o-transform-origin:left top;
	transform-origin:left top
}
.banner_btn span {
	display:block;
	width:70px;
	text-align:center;
	line-height:70px;
	height:70px;
	border-radius:50%;
	background:rgba(0, 0, 0, .2);
	position:absolute;
	left:100px;
	top:50%;
	transform:translateY(-50%);
	z-index:99;
	cursor:pointer
}
.banner_btn .arr_r {
	left:auto;
	right:100px
}
.banner_btn span img {
	vertical-align:middle
}
.banner .banner_num {
	position:absolute;
	display:inline-block;
	left:50%;
	transform:translateX(-50%);
	bottom:30px;
	font-style:italic;
	color:#fff;
	z-index:99;
	font-size:18px
}
.banner .banner_num:before {
	content:"";
	display:block;
	width:1px;
	height:70px;
	background:#fff;
	position:absolute;
	left:50%;
	top:-100px;
	z-index:999
}
.banner_img {
	position:absolute;
	left:27%;
	top:0%;
	height:100%;
	z-index:99;
	text-align:center;
	display:flex;
	align-items:center
}
.index_part1 {
	padding-top:130px;
	padding-bottom:70px
}
.index_part1 .z-container {
}
.index_part1 .right {
	display:flex;
	justify-content:center;
	align-items:flex-end
}
.index_part1 .right img {
	max-width:100%
}
.index_part1 .left, .index_part1 .right {
	width:50%;
	float:left
}
.index_part1 .index_text {
	width:70%
}
.index_tit .en {
	font-size:30px;
	font-family:en;
	text-transform:uppercase
}
.index_tit .cn {
	font-size:24px
}
.line {
	display:inline-block;
	width:12px;
	height:4px;
	background:#C13134;
	margin:20px 0;
	z-index:2
}
.index_text {
	color:#666;
	line-height:24px
}
.index_more {
	display:inline-block;
	width:148px;
	height:44px;
	overflow:hidden;
	line-height:44px;
	text-align:center;
	margin-top:50px;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
	position:relative;
	border:1px solid #ccc;
	z-index:1
}
.index_more em {
	display:inline-block;
	width:18px;
	height:12px;
	background:url(../img/yan.png) no-repeat center;
	background-size:100% 100%;
	margin-right:10px;
	transition:all 1s
}
.index_more:before, .index_more:after {
	position:absolute;
	top:50%;
	content:'';
	width:30px;
	height:30px;
	background:#C13134;
	border-radius:50%;
-webkit-transition:.6s;
transition:.6s
}
.index_more:before {
	left:-20px;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.index_more:after {
	right:-20px;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%)
}
.index_more:hover:before, .morebox:hover .index_more:before {
-webkit-animation:criss-cross-left .6s both;
animation:criss-cross-left .6s both
}
.index_more:hover:after, .morebox:hover .index_more:after {
-webkit-animation:criss-cross-right .6s both;
animation:criss-cross-right .6s both
}
.index_more:hover, .morebox:hover .index_more, .morebox:hover a {
	color:#fff
}
.index_more:hover em, .morebox:hover .index_more em {
	background:url(../img/yan2.png) no-repeat center;
	background-size:100% 100%
}
@keyframes process {
0% {
height:0
}
100% {
height:170px
}
}
@-webkit-keyframes criss-cross-left {
0% {
left:-20px
}
50% {
left:50%;
width:20px;
height:20px
}
100% {
left:50%;
width:375px;
height:375px
}
}
@keyframes criss-cross-left {
0% {
left:-20px
}
50% {
left:50%;
width:20px;
height:20px
}
100% {
left:50%;
width:375px;
height:375px
}
}
@-webkit-keyframes criss-cross-right {
0% {
right:-20px
}
50% {
right:50%;
width:20px;
height:20px
}
100% {
right:50%;
width:375px;
height:375px
}
}
@keyframes criss-cross-right {
0% {
right:-20px
}
50% {
right:50%;
width:20px;
height:20px
}
100% {
right:50%;
width:375px;
height:375px
}
}
.index_zs .info .flex {
	padding:0
}
.index_part2 {
	width:50%;
	float:left;
	height:550px;
	display:flex;
	align-items:center;
	background:url(../img/index_part2bg.jpg) no-repeat center;
	background-size:100% 100%;
	justify-content:center
}
.index_part2 .info {
	width:28%;
	text-align:center;
	margin-left:10%
}
.index_part2 .img {
	max-width:42%
}
.index_part2 .img img {
	max-height:360px;
	max-width:100%
}
.index_story .info, .index_story .img {
	height:850px
}
.index_story .info {
	width:34%;
	float:left;
	background:#e7e7e9;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative
}
.index_story .info:before, .index_zs .info:before {
	content:"";
	display:block;
	width:1px;
	height:0;
	background:#ff0000;
	position:absolute;
	left:50%;
	top:0;
	z-index:1;
transition:all .8s
}
.index_story .info:hover:before {
	height:100px
}
.index_story .flex {
	width:64%;
	text-align:center
}
.index_story .img {
	width:66%;
	float:right;
	position:relative;
	z-index:2
}
.index_story .img:before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(62, 62, 62, .4)
}
.story_num {
	width:100%;
	text-align:center;
	height:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 12%;
	box-sizing:border-box
}
.story_num .box {
	display:inline-block;
	color:#fff
}
.story_num span {
	display:block;
	font-size:48px;
	font-weight:blod
}
.index_tit2 .en {
	font-size:30px;
	font-family:en;
	margin:5px 0
}
.index_tit2 .cn {
	font-size:18px
}
.index_tit2 .line {
	margin:30px 0
}
.index_story .index_text {
	text-align:left
}
.index_story .index_more {
	margin-top:120px
}
.index_zs .info, .index_zs .img {
	float:left;
	height:850px
}
.index_zs .img {
	width:66%;
	float:left;
	background-size:auto 100%
}
.index_zs .info {
	width:34%;
	float:right;
	background:#e7e7e9;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	position:relative
}
.index_zs .info:before {
	height:0
}
.index_zs .info:hover:before {
	height:80px
}
.six_adv {
	color:#fff;
	font-size:24px;
	float:left;
	margin-right:100px
}
.six_adv em {
	font-size:72px;
	line-height:72px
}
.six_adv .en {
	font-size:30px;
	font-family:en
}
.six_box {
	width:60%;
	float:left
}
.six_box li {
	display:inline-block;
	color:#fff;
	text-align:center;
	width:32%;
	margin-bottom:120px
}
.six_box li .iconfont {
	font-size:50px;
	margin-bottom:10px;
	display:block
}
.six_box ul {
	margin-bottom:-120px
}
.index_zs .img {
	position:relative;
	z-index:1;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center
}
.six_box li:hover {
	color:#C13134
}
.index_zs .img:before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .4);
	position:absolute;
	left:0;
	top:0
}
.index_zs .flex {
	width:100%;
	padding:0 170px;
	box-sizing:border-box;
	padding-right:0
}
.index_case .tit_box {
	text-align:center;
	padding:100px 0
}
.index_case .tit_box .cn {
	font-size:18px
}
.case_box {
	width:100%;
	height:760px;
	position:relative;
	background:url(../img/case_bg.jpg) no-repeat center;
	background-size:100% 100%
}
.big_case {
	width:100%;
	height:100%
}
.big_case .img {
	width:66%;
	float:left;
	height:760px
}
.big_case .img img {
	vertical-align:bottom
}
.big_case .info {
	width:34%;
	float:right
}
.big_case .info .flex {
	width:70%;
	margin:0 auto;
	margin-top:70px
}
.big_case .info h3 {
	font-size:30px
}
.big_case .index_more {
	margin-top:100px
}
.small_box {
	width:24%;
	position:absolute;
	right:5%;
	bottom:0;
	z-index:99
}
.small_box .swiper-container {
	width:50%;
	float:right;
	height:100%
}
.small_box .swiper-slide img {
	width:100%;
	height:100%
}
.small_box .btn_box {
	width:50%;
	height:100%;
	background:#2e2e2e;
	float:left;
	position:relative
}
.small_box .btn_box .btn {
	display:inline-block;
	width:40%;
	height:80px;
	cursor:pointer
}
.small_box .btn_box .arrow-right {
	position:absolute;
	right:0;
	bottom:0;
	background:url(../img/arr_r.png) no-repeat center
}
.small_box .btn_box .arrow-left {
	position:absolute;
	left:0;
	bottom:0;
	background:url(../img/arr_l.png) no-repeat center
}
.index_store {
	height:800px;
	width:100%;
	background:#f6f6f6
}
.index_store .z-container {
	position:relative
}
.map_box {
	width:90%;
	position:absolute;
	right:-12%;
	height:800px;
	z-index:1;
	top:0
}
.mappic {
	max-width:100%
}
.map_box .area {
	display:block;
	width:20%;
	border-radius:50%;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center
}
.map_box .area_1 {
	width:228px;
	height:228px;
	background:rgba(255, 255, 255, .4);
	position:absolute;
	left:18%;
	top:300px
}
.map_box .area_2 {
	width:228px;
	height:228px;
	background:rgba(39, 57, 119, .3);
	position:absolute;
	left:37%;
	top:454px
}
.map_box .area_3 {
	width:150px;
	height:150px;
	background:rgba(255, 255, 255, .4);
	position:absolute;
	left:53%;
	top:280px
}
.map_box .area_4 {
	width:250px;
	height:250px;
	background:rgba(202, 202, 202, .4);
	position:absolute;
	right:150px;
	bottom:120px
}
.map_box .area_5 {
	width:260px;
	height:260px;
	background:rgba(202, 202, 202, .4);
	position:absolute;
	right:40px;
	top:100px
}
.map_box .area:before {
	content:"";
	width:100%;
	height:100%;
	border-radius:50%;
	background:transparent;
	opacity:0;
transition:all .8s;
	position:absolute;
	left:0;
	top:0
}
.map_box .area:hover:before {
	transform:scale(1.1, 1.1);
	opacity:1;
	background:#C13134
}
.map_box .area:hover {
	color:#fff
}
.index_store .index_tit2 .en {
	margin:0;
	margin-bottom:5px
}
.index_store li {
	position:relative;
	display:inline-block;
	cursor:pointer
}
.index_store select {
	width:270px;
	height:44px;
	background:#fff;
	padding:0 20px;
	box-sizing:border-box;
	z-index:1;
	position:relative;
	position:relative
}
.index_store select option {
	width:100%;
	height:30px
}
.index_store li:before {
	content:"";
	display:block;
	width:7px;
	height:6px;
	background:url(../img/arr_b.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	z-index:2
}
.index_store .info {
	padding-top:180px;
	position:absolute;
	left:0;
	top:0;
	z-index:2
}
.index_store .index_more {
	margin-top:70px
}
.index_news {
	padding:100px 0;
	position:relative
}
.index_news:before {
	content:"";
	display:block;
	width:1px;
	height:80px;
	background:#C13134;
	position:absolute;
	left:50%;
	top:-40px;
	z-index:1
}
.index_news .index_tit2 {
	text-align:center
}
.news_nav {
	text-align:center;
	margin-bottom:65px
}
.news_nav a {
	display:inline-block;
	position:relative;
	margin:0 24px;
	font-size:16px
}
.news_nav a.active, .news_nav a:hover {
	color:#C13134
}
.news_nav a:before {
	content:"";
	display:block;
	width:0;
	height:1px;
	background:#C13134;
	position:absolute;
	left:50%;
	bottom:-10px;
	transform:translateX(-50%);
	z-index:1;
transition:all .8s
}
.news_nav a.active:before, .news_nav a:hover:before {
	width:12px
}
.news_list ul {
	margin-left:-3.3%
}
.news_list li {
	width:30%;
	float:left;
	margin-left:3.3%; margin-bottom:40px;
	float:left;
	background:#f9f9f9;
	position:relative
}
.news_list li:before {
	content:"";
	display:block;
	width:0%;
	height:2px;
	background:#C13134;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
transition:all .8s
}
.news_list li:hover:before {
	width:100%
}
.news_list .img {
	width:100%;
	height:270px;
	overflow:hidden
}
.news_list .img img {
	width:100%;
	height:100%;
transition:all .8s
}
.news_list li:hover img {
	transform:scale(1.1, 1.1)
}
.news_list .info {
	padding:30px;
	box-sizing:border-box
}
.news_list .info span, .news_list .info p {
	color:#666;
	line-height:24px
}
.news_list .info h3 {
	margin-bottom:20px;
	font-size:16px
}
.news_list .info p {
	height:48px;
	margin-bottom:20px
}
.news_warp .index_more {
	margin:0 auto;
	display:block;
	margin-top:80px
}
.footer {
	background:#333;
	color:#868686
}
.footer .z-container {
	width:89.5%;
	border-bottom:1px solid #474747;
	padding:120px 0
}
.foot_nav {
	float:left
}
.foot_nav a {
	color:#868686;
	display:block
}
.foot_nav dl {
	display:inline-block;
	vertical-align:top;
	margin-right:3vw
}
.foot_nav dt a {
	color:#fff;
	font-size:16px
}
.foot_nav dt {
	margin-bottom:30px
}
.foot_nav dd a {
	margin-bottom:10px
}
.foot_addre {
	width:14%;
	float:left;
	margin-left:6vw
}
.foot_addre .info {
	margin:30px 0
}
.foot_code {
	float:right
}
.foot_code .code_box {
	width:112px;
	float:left;
	text-align:center;
	margin-left:2vw
}
.foot_code .code_box img {
	width:112px;
	height:112px;
	margin-bottom:10px
}
.foot_bar {
	height:126px;
	line-height:126px;
	background:#333;
	color:#868686
}
.foot_bar a {
	color:#868686;
	float:right
}
.foot_bar .z-container {
	width:89.5%
}
.other_banner img {
	width:100%;
	vertical-align:bottom
}
.page_nav {
	width:100%;
	height:56px;
	line-height:56px;
	background:#C13134;
	color:#fff;
	text-align:center
}
.page_nav a {
	display:inline-block;
	color:#fff;
	margin:0 20px
}
.story_page .info, .story_page .img {
	height:825px
}
.index_story2 .img {
	float:left
}
.index_story2 .info {
	float:right
}
.process_box .year {
	font-size:36px;
	font-family:en
}
.process_box h3 {
	font-size:16px
}
.process_box em {
	display:block;
	width:18px;
	height:1px;
	background:#666;
	margin:30px auto
}
.process_box .text {
	color:#666;
	line-height:24px;
	height:240px;
	overflow:hidden;
	width:64%;
	margin:0 auto;
	margin-bottom:20px
}
.process_nav li {
	display:inline-block;
	margin:0 10px;
	position:relative;
	cursor:pointer;
	margin-bottom:30px
}
.process_nav li.on {
	color:#C13134
}
.process_nav li.on:before {
	content:"";
	display:block;
	width:15px;
	height:14px;
	background:url(../img/arr.png)no-repeat center;
	background-size:100% 100%;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:-20px;
	z-index:1
}
.index_story2 .flex {
	width:100%
}
.honor_left, .honor_right {
	width:50%;
	float:left;
	height:780px
}
.honor_left {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	background:#f0f0f2
}
.honor_left .flex {
	width:80%
}
.honor_left .line {
	margin:10px 0
}
.honor_left img {
	width:100%;
	height:100%
}
.honor_img {
	position:relative
}
.honor_img1 {
	margin-top:30px;
	margin-bottom:15px
}
.honor_img .swiper-slide {
	border:2px solid #fff;
	box-sizing:border-box;
	cursor:pointer
}
.honor_img1 .swiper-slide {
	height:300px
}
.honor_img2 .swiper-slide {
	height:124px
}
.honor_left .swiper-container {
	width:80%;
	margin:0 auto
}
.honor_img .btn {
	display:block;
	width:36px;
	height:36px;
	cursor:pointer
}
.honor_img .arrow-left {
	background:url(../img/arr_l2.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-18px
}
.honor_img .arrow-right {
	background:url(../img/arr_r2.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-18px
}
.z_mask {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:rgba(0, 0, 0, .4);
	display:none;
	z-index:8
}
.honor_pop {
	padding:50px;
	max-width:31%;
	padding-bottom:0;
	box-sizing:border-box;
	background:#fff;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	z-index:9;
	display:none
}
.pop_img img {
	max-width:100%;
	vertical-align:bottom
}
.pop_info {
	margin:30px 0
}
.pop_tit {
	font-size:16px;
	margin-bottom:5px;
	font-weight:700
}
.pop_text {
	color:#777
}
.wish_warp {
	width:100%;
	padding:160px 0;
	box-sizing:border-box;
	background:url(../img/story_bg.jpg) no-repeat center;
	background-size:cover
}
.wish_left, .wish_right {
	width:50%;
	float:left
}
.wish_left {
	text-align:center
}
.banner_text .en {
	font-size:30px;
	font-family:en
}
.banner_text .cn {
	font-size:16px
}
.banner_text .en2 {
	font-size:45px;
	font-weight:700;
	color:#C13134;
	text-transform:uppercase;
	margin-bottom:10px
}
.wish_list {
	width:70%
}
.wish_box {
	width:49.5%;
	float:left;
	margin-right:1px;
	background:rgba(0, 0, 0, .4);
	height:110px;
	margin-bottom:1px;
	display:flex;
	align-items:center;
	padding:20px;
	color:#fff;
	box-sizing:border-box;
	line-height:24px
}
.wish_box h3 {
	font-weight:700
}
.video_bar {
	width:100%;
	position:relative
}
.video_bar video {
	width:100%;
	object-fit:fill;
	vertical-align:bottom
}
.iconbox {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	text-align:center
}
.iconbox .playbtn {
	display:inline-block;
	width:68px;
	height:68px;
	background:url(../img/play.png) no-repeat center;
	background-size:100% auto
}
.iconbox h3 {
	text-transform:uppercase;
	font-size:30px;
	font-weight:700;
	color:#C13134;
	margin-top:30px
}
.iconbox h4 {
	font-size:24px;
	font-weight:700
}
.other_banner {
	position:relative
}
.other_banner .banner_text {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
}
.other_banner .banner_text .cn2 {
	color:#666
}
.other_banner222 {
	position:absolute;
	left:0;
	top:0
}
.case_warp {
	width:100%;
	background:#f2f2f2;
	padding:80px 0
}
.case_first .img, .case_first .info {
	height:460px;
	background:#fff
}
.case_first .img {
	width:68%;
	float:left;
	overflow:hidden
}
.case_first .img img {
	width:100%;
	height:100%;
transition:all .8s
}
.case_first .info {
	width:32%;
	float:right;
	padding:60px;
	box-sizing:border-box;
	position:relative
}
.case_first:hover img {
	transform:scale(1.1, 1.1)
}
.case_first .info h3 {
	font-size:24px
}
.case_first .index_more {
	position:absolute;
	bottom:60px;
	left:60px
}
.case_list ul {
	margin-left:-4%
}
.case_list li {
	width:46%;
	float:left;
	margin-left:4%;
	margin-top:45px;
	position:relative
}
.case_list li:before {
	z-index:2;
	content:"";
	display:block;
	width:0%;
	height:2px;
	background:#C13134;
	position:absolute;
	left:0;
	bottom:0;
transition:all .8s
}
.case_lis .img {
	width:100%;
	height:340px;
	overflow:hidden
}
.case_list .img img {
	width:100%;
	height:100%;
transition:all .8s;
	vertical-align:bottom
}
.case_list .info {
	background:#fff;
	padding:40px 30px;
	box-sizing:border-box
}
.case_list .ellipsis {
	display:inline-block;
	width:70%;
	font-size:16px
}
.case_list .yan {
	display:inline-block;
	width:18px;
	height:12px;
	background:url(../img/yan.png) no-repeat center;
	background-size:100% 100%;
	float:right;
	transition:all 1s;
	margin-top:6px
}
.case_list li:hover:before {
	width:100%
}
.case_list li:hover img {
	transform:scale(1.1, 1.1)
}
.case_list li:hover .yan {
	background:url(../img/yan3.png) no-repeat center;
	background-size:100% 100%
}
.case_list .index_more, .pro_list .index_more, .store_list .index_more {
	display:block;
	margin:0 auto;
	margin-top:80px
}
.page_nav .iconfont {
	font-size:32px;
	color:#fff;
	margin-right:20px;
	display:inline-block;
	vertical-align:middle;
	margin-top:-3px
}
.page_nav2 a {
	border-right:1px dotted rgba(255, 255, 255, .2);
	display:inline-block;
	line-height:normal;
	margin:0;
	padding:0 80px;
	position:relative
}
.page_nav2 a:after {
	content:'';
	display:block;
	width:120px;
	height:1px;
	background:#fff;
	position:absolute;
	left:50%;
	bottom:-9px;
	z-index:2;
	margin-left:-50px;
transition:ease .65s;
	transform:scaleX(0)
}
.page_nav2 a.on:after, .page_nav2 a:hover:after {
	transform:scaleX(1)
}
.page_nav2 a:last-child {
	border-right:none
}
.page_nav2 {
	height:110px;
	line-height:110px
}
.pro_nav {
	width:100%;
	background:#fff;
	padding:20px 0
}
.pro_nav dl {
	border-bottom:1px dashed #e0e0e0;
	line-height:50px;
	margin-top:10px;
	display:flex
}
.pro_nav dl:last-child {
	border-bottom:none
}
.pro_nav dl dt, .pro_nav dl dd {
	display:inline-block
}
.pro_nav dl dt {
	margin-right:30px;
	flex-shrink:0
}
.pro_nav dl dd a {
	color:#666;
	display:inline-block;
	margin-right:30px
}
.pro_nav dl dd a.active {
	color:#C13134;
	font-weight:700
}
.pro_warp {
	background:#f2f2f2;
	padding:20px 0;
	padding-bottom:80px
}
.pro_list ul {
	margin-left:-4%
}
.pro_list li {
	width:29.3%;
	float:left;
	margin-left:4%;
	margin-top:45px;
	position:relative
}
.pro_list .img {
	width:100%;
	height:425px;
	overflow:hidden
}
.pro_list2 .img {
	height:270px
}
.pro_list .img img, .store_list .img img {
	width:100%;
	height:100%;
transition:all .8s
}
.pro_list li:hover img, .store_list li:hover img {
	transform:scale(1.1, 1.1)
}
.pro_list .info {
	background:#fff;
	padding:35px;
	box-sizing:border-box;
	position:relative;
	height:115px
}
.pro_list .en {
	font-size:20px;
	color:#ababab;
	text-transform:uppercase
}
.pro_list .cn {
transition:all .4s
}
.pro_list .yan {
	display:block;
	width:18px;
	height:12px;
	background:url(../img/yan3.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	right:35px;
	top:50%;
	transform:translateY(40px);
	opacity:0;
transition:all .8s
}
.pro_list li:before, .store_list li:before {
	content:"";
	display:block;
	z-index:1;
	width:0;
	height:2px;
	background:#C13134;
	position:absolute;
	left:0;
	bottom:0;
transition:all .8s
}
.pro_list li:hover:before, .store_list li:hover:before {
	width:100%
}
.pro_list li:hover .yan {
	opacity:1;
	transform:translateY(-50%)
}
.pro_list li:hover .cn {
	color:#C13134
}
.pro_head {
	background:#fff;
	margin-bottom:14px
}
.proxq_info, .proxq_img {
	width:50%;
	float:left;
	height:700px
}
.proxq_info {
	padding:80px;
	box-sizing:border-box;
	position:relative
}
.proxq_info .en {
	font-size:36px;
	color:#dcdcdc;
	text-transform:uppercase
}
.proxq_info .tit h3 {
	font-size:24px;
	font-weight:700
}
.proxq_info .proxq_cs {
	line-height:32px;
	color:#666
}
.pro_btn {
	position:absolute;
	left:80px;
	bottom:80px
}
.pro_btn a {
	display:inline-block;
	width:150px;
	height:44px;
	background:#C13134;
	color:#fff;
	text-align:center;
	line-height:44px;
	margin-right:10px
}
.pro_btn em {
	display:inline-block;
	width:24px;
	height:24px;
	vertical-align:middle;
	margin-top:-4px;
	margin-right:10px
}
.pro_btn .buy em {
	background:url(../img/car.png) no-repeat center
}
.pro_btn .kf em {
	background:url(../img/kf.png) no-repeat center
}
.proxq_img img {
	width:100%;
	height:100%
}
.pro_warp2 {
	padding:0;
	padding-top:60px;
	padding-bottom:100px
}
.pro_content {
	background:#fff
}
.pro_tab {
	height:78px;
	line-height:78px;
	border-bottom:1px solid #ededed;
	padding:0 80px;
	box-sizing:border-box
}
.pro_tab li {
	display:inline-block;
	margin-right:55px;
	position:relative;
	cursor:pointer
}
.pro_tab li.active:before {
	content:"";
	display:block;
	width:100%;
	height:2px;
	background:#2f2f2f;
	position:absolute;
	left:0;
	bottom:-1px;
	z-index:1
}
.pro_tab li.active {
	color:#C13134
}
.pro_tabcon {
	padding:50px 80px; font-size:15px; line-height:30px;
}
.pro_tabcon img {
	max-width:100%; margin:5px 0px;
}
.topbtm_bar {
	padding:40px 0;
	border-bottom:1px solid #c9c9c9
}
.topbtm_bar .back {
	display:inline-block;
	width:148px;
	height:44px;
	background:#C13134;
	color:#fff;
	text-align:center;
	line-height:44px
}
.topbtm_bar .btn {
	float:right
}
.topbtm_bar .btn a {
	display:inline-block;
	width:44px;
	height:44px;
	overflow:hidden
}
.topbtm_bar .btn a img {
transition:all .8s
}
.topbtm_bar .btn a:hover img {
	transform:translateY(-44px)
}
.store_page {
	background:#f2f2f2;
	padding:110px 0;
	padding-top:150px
}
.index_store2 {
	background:0 0;
	text-align:center
}
.index_store2 .map_box {
	position:absolute;
	right:10%;
	top:40px;
	margin:0 auto;
	width:80%
}
.index_store2 .info {
	width:100%;
	text-align:center;
	position:relative;
	left:0;
	top:0;
	padding-top:0
}
.index_tit2 p {
	color:#666
}
.index_store .line {
	margin-bottom:10px
}
.index_store2 .index_more {
	margin:0;
	display:inline-block;
	vertical-align:middle;
	margin-top:-4px;
	background:#C13134;
	color:#fff;
	border:none
}
.index_store2 .index_more em {
	background:url(../img/yan2.png) no-repeat center
}
.index_store2 .search_box {
	margin-top:70px
}
.index_store2 .map_box .area_1, .index_store2 .map_box .area_2 {
	width:200px;
	height:200px;
	line-height:200px
}
.index_store2 .map_box .area_4 {
	width:220px;
	height:220px;
	line-height:220px;
	right:169px;
	bottom:182px
}
.index_store2 .map_box .area_1 {
	left:16%;
	top:269px
}
.index_store2 .map_box .area_2 {
	top:408px
}
.index_store2 .map_box .area_3 {
	left:50%;
	top:265px
}
.store_list ul {
	margin-left:-2%
}
.store_list li {
	width:31.3%;
	float:left;
	margin-left:2%;
	position:relative;
	background:#fff;
	margin-bottom:30px
}
.store_list .img {
	width:100%;
	height:220px;
	overflow:hidden
}
.store_list .info {
	padding:40px;
	box-sizing:border-box
}
.store_list h3 {
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-bottom:20px
}
.store_list .dz p {
	color:#9a9a9a;
	line-height:24px;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
	overflow:hidden
}
.storexq_box {
	margin-bottom:20px
}
.storexq_box .store_name {
	float:left;
	font-size:18px
}
.storexq_box .en {
	font-family:en;
	font-size:30px;
	display:block
}
.storexq_box .store_btn {
	float:right
}
.storexq_box .store_btn .btn {
	display:inline-block;
	width:40px;
	height:40px;
	overflow:hidden;
	cursor:pointer;
	margin-left:10px;
	margin-top:10px
}
.storexq_box .store_btn .btn img {
transition:all .8s
}
.storexq_box .store_btn .btn:hover img {
	transform:translateY(-40px)
}
.store_banner {
	width:100%;
	height:710px;
	position:relative
}
.banner_info {
	width:168px;
	background:#fff;
	padding:20px;
	box-sizing:border-box;
	position:absolute;
	left:0;
	bottom:0;
	z-index:9
}
.banner_info .banner_num {
	margin-bottom:10px
}
.banner_info .start_num {
	font-size:24px
}
.store_banner .swiper-slide {
	position:relative
}
.store_banner .swiper-slide:before {
	content:"";
	display:block;
	width:0%;
	height:3px;
	background:#C13134;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	transition:all 3s
}
.store_banner .swiper-slide.on:before {
	width:100%
}
.store_addre {
	background:#fff;
	padding:100px 0
}
.store_dzbox .info, .store_dzbox .map {
	height:620px;
	float:left
}
.store_dzbox .info {
	width:35%;
	background:#f2f2f2;
	padding:60px;
	box-sizing:border-box;
	position:relative;
	float:left
}
.store_dzbox h3 {
	font-size:24px;
	margin:30px 0
}
.store_dzbox .dz p {
	line-height:24px;
	color:#9a9a9a
}
.send_bar {
	position:absolute;
	left:60px;
	bottom:80px
}
.send_bar .input_text {
	width:200px;
	height:38px;
	background:#fff;
	padding:0 20px;
	box-sizing:border-box;
	float:left;
	display:block
}
.send_bar .send_btn {
	display:block;
	width:90px;
	height:38px;
	line-height:38px;
	text-align:center;
	color:#fff;
	float:left;
	background:#C13134
}
.store_dzbox .map {
	width:65%;
	float:right
}
.store_dzbox .map img {
	width:100%;
	height:100%
}
.news_list2 {
	padding:75px 0;
	text-align:center
}
.news_list2 li {
	margin-bottom:30px
}
.news_list2 li .info {
	text-align:left
}
.news_page {
	background:#f6f6f6;
	padding:14px;
	box-sizing:border-box;
	min-height:100%;
	margin-top:45px
}
.news_item {
	margin-bottom:14px
}
.news_item .img img {
	width:100%;
	vertical-align:bottom
}
.news_item .info {
	background:#fff;
	padding:20px;
	box-sizing:border-box
}
.news_item h3 {
	font-size:1.6rem
}
.news_item p {
	color:#666;
	margin-top:20px;
	margin-bottom:40px;
	line-height:20px
}
.news_item .time {
	display:inline-block;
	background:url(../img/time.png) no-repeat left center;
	background-size:auto 14px;
	padding-left:20px;
	color:#9e9e9e
}
.news_item .yan {
	display:inline-block;
	width:24px;
	height:14px;
	background:url(../img/yan.png) no-repeat center;
	background-size:auto 14px;
	float:right
}
.bg22 {
	padding-bottom:100px
}
.artic_page {
	min-height:400px;
	position:absolute;
	top:260px;
	z-index:9;
	width:100%
}
.artic_page22 {
	top:auto;
	margin-top:260px;
	position:relative
}
.artic_content {
	background:#fff;
	padding:100px 120px;
	box-sizing:border-box
}
.artic_tit {
	text-align:center
}
.artic_tit h3 {
	font-size:24px
}
.artic_tit .time {
	display:inline-block;
	padding:0 10px;
	color:#9e9e9e;
	position:relative;
	margin:20px
}
.artic_tit .time:before, .artic_tit .time:after {
	content:"";
	display:block;
	width:180px;
	height:1px;
	background:#9e9e9e;
	z-index:1;
	position:absolute;
	top:50%
}
.artic_tit .time:before {
	left:-180px
}
.artic_tit .time:after {
	right:-180px
}
.artic_con {
	color:#232323;
	line-height:32px;
	padding-bottom:120px;
	padding-top:50px;
	border-bottom:1px solid #c9c9c9
}
.artic_con img {
	max-width:100%!important;
	height:auto!important; margin:20px auto
}
.topbtm_bar2 {
	position:relative;
	margin-top:100px
}
.topbtm_bar2 .ellipsis {
	display:block;
	width:100%;
	margin-bottom:5px
}
.topbtm_bar2 .back {
	width:170px;
	height:50px;
	line-height:50px;
	background:#C13134;
	color:#fff;
	text-align:center;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%)
}
.bg {
	background:#f2f2f2;
	min-height:100%
}
.other_banner2 {
	z-index:1
}
.zsbtn {
	display:inline-block;
	margin-top:85px
}
.zsbtn a {
	display:inline-block;
	height:44px;
	padding:0 20px;
	border:1px solid #C13134;
	box-sizing:border-box;
	float:left;
	margin:0 10px
}
.zsbtn a.tel {
	text-align:left;
	background:url(../img/tel_icon.png) no-repeat left 15px center;
	padding-left:50px
}
.zsbtn a.tel span {
	font-size:18px;
	font-weight:700;
	font-family:arial;
	color:#C13134;
	float:left
}
.zsbtn a.jm {
	line-height:44px;
	background:#C13134;
	color:#fff;
	width:148px
}
.zsbtn a.jm .iconfont {
	font-size:24px;
	vertical-align:middle;
	float:left
}
.adv_left, .adv_img {
	width:50%;
	float:left;
	height:750px
}
.adv_left {
	background:#e0e0ef
}
.adv_left .bd {
	width:100%;
	height:590px
}
.adv_left .adv_info {
	width:100%;
	height:100%;
	position:relative
}
.adv_left .flex {
	width:55%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
.adv_left .hd {
	height:160px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff
}
.adv_info .num {
	font-size:72px;
	color:#C13134
}
.adv_info .tit {
	color:#C13134;
	font-size:24px
}
.adv_info .en {
	font-size:30px;
	color:#9fa4b4;
	font-family:en
}
.adv_info .cn {
	font-size:24px;
	margin-bottom:30px
}
.adv_nav {
	text-align:center
}
.adv_nav li {
	display:inline-block;
	text-align:center;
	margin:0 1.5vw;
	cursor:pointer
}
.adv_nav li.on {
	color:#C13134
}
.adv_nav li.on .iconfont {
	color:#C13134
}
.adv_nav .iconfont {
	font-size:32px;
	color:#666
}
.adv_nav h3 {
	margin-top:10px
}
.adv_img {
	background-size:cover;
	background-position:right center
}
.jm_support {
	width:100%;
	background-attachment:fixed;
	padding:60px 0
}
.support_tit {
	text-align:center;
	margin-bottom:40px
}
.support_tit .en {
	font-size:30px;
	font-family:en
}
.support_tit h3 {
	font-size:18px;
	margin-top:10px
}
.support_list .box {
	width:33.3%;
	float:left;
	background:rgba(255, 255, 255, .8);
	min-height:125px;
	padding:30px 40px;
	box-sizing:border-box;
	font-size:12px;
	border-bottom:1px solid #aaacad;
	border-right:1px solid #aaacad;
transition:all .8s
}
.support_list .box h3 {
	font-size:16px;
	margin-bottom:10px;
	color:#000
}
.support_list .box p {
	color:#666;
	line-height:18px
}
.support_list .box:hover {
	background:rgba(255, 255, 255, .5)
}
.jm_lc {
	background:url(../img/zs_pic3.jpg)no-repeat center;
	padding:10px 0
}
.lc_warp {
	text-align:center;
	margin-top:100px
}
.lc_warp .lcbox {
	display:inline-block;
	width:150px;
	margin-right:110px;
	height:150px;
	position:relative;
	z-index:1;
	color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	float:left
}
.lc_warp .lcbox:last-child {
	margin-right:0
}
.lc_warp .lcbox:before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	border-radius:50%;
	background:#C13134;
	position:absolute;
	left:0;
	top:0;
transition:all .8s
}
.lc_warp .lcbox:hover:before {
	transform:scale(1.2, 1.2)
}
.lc_warp .lcbox img {
transition:all .8s
}
.lc_warp .lcbox:hover img {
	transform:rotate(360deg)
}
.lc_warp .lcbox h3 {
	margin-top:10px
}
.lc_warp .lcbox:after {
	content:"";
	display:block;
	width:60px;
	height:100%;
	position:absolute;
	right:-60px;
	top:0;
	background:url(../img/arr2.png)no-repeat center
}
.lc_warp .lcbox:last-child:after {
	display:none
}
.jm_warp {
	background:#f2f2f2;
	padding:110px 0
}
.jm_form {
	background:#fff;
	padding:60px 100px;
	box-sizing:border-box
}
.jm_form .jmform_tit {
	border-bottom:1px solid #d5d5d5;
	padding-bottom:20px;
	margin-bottom:50px
}
.jm_form .namebox em {
	display:block;
	font-size:30px;
	font-family:en
}
.jm_form .namebox {
	font-size:18px;
	display:inline-block;
	float:left
}
.jm_form .tel {
	float:right;
	background:url(../img/tel_icon2.png) no-repeat left center;
	padding-left:40px;
	margin-top:10px
}
.jm_form .tel em {
	display:block;
	font-size:18px;
	font-weight:700;
	color:#C13134;
	font-style:italic
}
.form_box li {
	width:45.5%;
	float:left;
	margin-bottom:20px
}
.form_box li:nth-child(even) {
float:right
}
.form_box li label {
	display:block;
	color:#666;
	margin-bottom:10px
}
.form_box li .input_text {
	width:100%;
	height:54px;
	padding:0 20px;
	box-sizing:border-box;
	border:1px solid #d5d5d5;
	cursor:pointer
}
.form_box li select {
	background:url(../img/arr3.png) no-repeat right 20px center
}
.form_box li .input_text2 {
	width:48%;
	float:left
}
.form_box li .input_text2:last-child {
	float:right
}
.form_box li .text {
	width:100%;
	height:110px;
	background:#f2f2f2;
	padding:20px;
	box-sizing:border-box
}
.form_box .trea {
	width:100%
}
.jm_form .subbtn {
	width:45.5%;
	height:55px;
	background:#C13134;
	color:#fff;
	margin-top:20px
}
.contact_tit {
	padding:60px 0;
	border-bottom:1px solid #e5e5e5
}
.contact_tit h3 {
	font-size:30px;
	float:left;
	margin-top:5px
}
.contact_tit .tel {
	float:right
}
.contact_tit .tel em {
	display:block;
	font-size:24px;
	font-weight:700;
	color:#C13134
}
.contact_info {
	padding:70px 0
}
.contact_info .box {
	width:50%;
	float:left
}
.contact_info .box img {
	vertical-align:middle;
	margin-right:10px
}
.contact_info h3 {
	font-size:18px;
	margin-bottom:20px
}
.contact_info p {
	margin-bottom:10px
}
.contact_map {
	width:100%;
	height:590px
}
.contact_map img {
	width:100%
}
.add_tit {
	text-align:center;
	padding:60px 0
}
.add_tit h3 {
	font-size:30px
}
.add_box {
	width:100%;
	height:720px;
	background:url(../img/add_bg.jpg) no-repeat center;
	background-attachment:fixed;
	color:#fff
}
.add_box .z-container {
	height:100%;
	display:flex;
	align-items:center
}
.add_box h3 {
	font-size:18px
}
.add_box .seebtn {
	display:block;
	width:148px;
	height:45px;
	line-height:45px;
	background:#C13134;
	color:#fff;
	text-align:center;
	margin-top:50px
}
.add_box .seebtn .yan {
	display:inline-block;
	width:18px;
	height:12px;
	background:url(../img/yan2.png)no-repeat center;
	background-size:100% 100%
}
.zp_box {
	background:#e7e7e9;
	padding:100px 0
}
.sideMenu {
}
.sideMenu .tit {
	height:80px;
	line-height:80px;
	padding:0 20px;
	box-sizing:border-box;
	background:#fff;
	cursor:pointer;
	color:#2e2e2e;
	border-bottom:1px solid #ededed
}
.sideMenu .tit span {
	display:inline-block;
	width:30%
}
.sideMenu .tit em {
	float:right;
	display:inline-block;
	width:30px;
	height:30px;
	background:url(../img/add.png) no-repeat left center;
	background-size:100% 100%;
	margin-top:25px
}
.sideMenu .tit.on em {
	background:url(../img/jian.png) no-repeat center;
	background-size:100% 100%
}
.sideMenu .tit.on {
	background:#C13134;
	color:#fff
}
.sideMenu ul {
	padding:40px 50px;
	color:#515151;
	display:none;
	background:#f8f8f8
}
.sideMenu ul h4 {
	margin-bottom:20px
}
.sideMenu ul p {
	margin-bottom:10px
}
.sideMenu .aplybtn {
	display:inline-block;
	width:120px;
	height:45px;
	background:#C13134;
	border-radius:5px;
	line-height:45px;
	text-align:center;
	color:#fff;
	margin-top:40px;
	cursor:pointer
}
.aply_pop {
	width:560px;
	height:280px;
	background:#fff;
	border-radius:3px;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	box-shadow:7px 0 46px rgba(0, 0, 0, .2);
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	display:none
}
.aply_pop h3 {
	height:66px;
	line-height:66px;
	text-align:center;
	border-bottom:1px solid #ccc;
	margin-bottom:25px
}
.aply_pop .uploadbtn {
	display:inline-block;
	width:100px;
	height:33x;
	text-align:center;
	line-height:33px;
	color:#333;
	color:#fff;
	border-radius:4px;
	background:#C13134;
	position:relative;
	overflow:hidden
}
.aply_pop .uploadbtn input {
	position:absolute;
	left:0;
	bottom:0;
	top:0;
	right:0;
	opacity:0
}
.aply_pop p {
	color:#7f7f7f;
	margin-top:5px;
	margin-bottom:40px
}
.aply_pop .btn_group button {
	display:inline-block;
	width:100px;
	height:33px;
	background:#c6c6c6;
	border:none;
	color:#fff;
	border-radius:3px;
	cursor:pointer
}
.aply_pop .btn_group .surebtn {
	background:#929292
}
.aply_pop .closebtn {
	width:27px;
	height:27px;
	background:url(../img/close.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	right:15px;
	top:15px;
	cursor:pointer
}
.sidebox {
	position:fixed;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	z-index:99
}
.sidebox li {
	position:relative;
	cursor:pointer;
	margin-bottom:2px
}
.sidebox a {
	display:block;
	width:50px;
	height:50px;
	margin-top:-1px;
	background-color:#3a435c;
	text-align:center;
	line-height:48px;
	color:#fff;
	position:relative;
	z-index:2;
	background:#3d3d3d
}
.sidebox a:hover {
	background-color:#555;
	color:#fff;
	border-color:#555
}
.sidebox .iconfont {
	font-size:20px
}
.sidebox .cont {
transition:all .4s;
	white-space:nowrap;
	width:0;
	overflow:hidden;
	height:50px;
	line-height:50px;
	text-align:center;
	background-color:#C13134;
	color:#fff;
	font-size:14px;
	position:absolute;
	right:100%;
	top:0
}
.sidebox li img {
	vertical-align:middle
}
.sidebox li:hover .cont {
	width:100px
}
.sidebox li:hover a {
	background-color:#C13134
}
.sidebox li em {
	display:inline-block;
	width:100%;
	height:100%
}
.sidebox .code .cont {
	height:auto;
	line-height:normal
}
.sidebox .code .cont img {
	width:80px;
	height:80px
}
.sidebox li.code:hover .cont {
	width:80px;
	padding:5px
}
.index_pop {
	text-align:center;
	background:#e9e9ea;
	padding:80px 0
}
.pop_list .img {
width100%;
	height:438px;
	overflow:hidden
}
.pop_list .img img {
transition:all .6s;
	width:100%;
	height:100%
}
.pop_list .swiper-slide {
	margin-bottom:80px;
	margin-top:40px
}
.pop_list .swiper-slide:hover img {
	transform:scale(1.1, 1.1)
}
.pop_list .tit {
	text-align:center;
	background:#fff;
	line-height:70px
}
.pop_list .swiper-pagination {
	text-align:center;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:999
}
.pop_list .swiper-pagination span {
	display:inline-block;
	width:12px;
	height:12px;
	border-radius:50%;
	box-sizing:border-box;
	border:2px solid #fff;
	box-sizing:border-box;
	margin:0 4px;
transition:all .8s;
	cursor:pointer
}
.pop_list .swiper-pagination-bullet-active {
	background:#fff!important
}
.u_hidden {
	display:none
}
.znew_pop {
	width:780px;
	display:none;
	height:580px;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-350px;
	margin-top:-290px;
	box-sizing:border-box;
	z-index:10;
	background:url(../img/popbg.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
	padding:80px 0
}
.znew_pop .tit1 {
	font-size:36px;
	font-weight:700
}
.znew_pop .tit2 {
	font-size:24px;
	line-height:58px
}
.znew_pop .tit3 {
	margin-bottom:50px
}
.znew_form {
	width:420px;
	margin:0 auto
}
.znew_form li {
	margin-bottom:10px
}
.znew_form .text {
	height:48px;
	display:block;
	background:#f4f4f4;
	padding:0 20px;
	box-sizing:border-box;
	width:100%
}
.znew_form .code_text {
	width:270px;
	float:left
}
.z_code {
	width:130px;
	cursor:pointer;
	height:48px;
	border:1px solid #b7b7b7;
	box-sizing:border-box;
	float:right
}
.znew_form .z_subbtn {
	width:100%;
	height:48px;
	background:#C13134;
	color:#fff;
	margin-top:30px;
	cursor:pointer
}
.znew_close {
	width:50px;
	height:50px;
	background:url(../img/z_colse.png) no-repeat center;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer
}
.znew_jgpop, .znew_yzpop {
	padding:100px 0;
	height:540px
}
.z_price_box {
	background:#f4f4f4;
	display:inline-block;
	background:#f4f4f4;
	padding:30px 50px;
	line-height:40px;
	box-sizing:border-box
}
.z_price_box h3 {
	font-size:24px;
	font-weight:700
}
.z_price_box h4 {
	color:#e24a14;
	font-size:30px;
	font-weight:700
}
.zpop_back {
	display:block;
	width:130px;
	height:48px;
	line-height:46px;
	border:1px solid #b7b7b7;
	box-sizing:border-box;
	margin:0 auto;
	margin-top:10px
}
.zpop_back:hover {
	background:#C13134;
	color:#fff
}
.znew_mask {
	width:100%;
	cursor:pointer;
	display:none;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(0, 0, 0, .5);
	position:fixed;
	left:0;
	top:0;
	z-index:9
}
.pro_tabs {
	z-index:1!important
}
.proxq_img .view {
	width:100%;
	height:550px;
	border:1px solid #eee;
	position:relative
}
.proxq_img .swiper-container {
	height:100%
}
.proxq_img .view img {
	height:100%!important;
	max-width:100%;
	width:auto;
	display:block;
	margin:0 auto
}
.proxq_img .preview {
	margin-top:20px
}
.proxq_img .preview li {
	width:91.6px;
	border:2px solid #eee;
	box-sizing:border-box;
	margin-left:24px;
	height:100px;
	margin:0 10px;
	float:left
}
.proxq_img .preview img {
	height:100%;
	display:block;
	margin:0 auto;
	width:auto;
	max-width:100%
}
.proxq_img .preview .active-nav {
	border:2px solid #C13134
}
.proplay {
	width:50px;
	height:50px;
	background:url(../img/play.png) no-repeat center;
	background-size:100% 100%;
	position:absolute;
	left:10px;
	bottom:10px;
	z-index:10
}
.pro_video {
	width:100%;
	height:100%;
	background:#fff;
	position:absolute;
	left:0;
	top:0;
	z-index:99
}
.pro_video video {
	height:100%;
	max-width:100%
}
.pro_close {
	background:url(../img/close.png) no-repeat center;
	background-size:100% 100%;
	cursor:pointer;
	width:30px;
	height:30px;
	position:absolute;
	right:20px;
	top:20px;
	z-index:100
}
.pro_tab.on {
	position:fixed;
	left:0;
	top:0;
	background:#fff;
	z-index:9999
}
.pro_btn2.on {
	opacity:1!important
}
@media screen and (max-width:1660px) {
.foot_addre {
margin-left:3vw
}
}
@media screen and (max-width:1480px) {
.foot_addre {
margin-left:2vw
}
.foot_nav dl {
margin-right:2vw
}
.process_box .text, .index_story .flex {
width:85%
}
.wish_list {
width:80%
}
.header_nav {
margin-left:12vw
}
}
@media screen and (max-width:1300px) {
.index_store2 .map_box {
width:100%;
right:0
}
.z-container {
width:90%
}
body {
min-width:1200px
}
.foot_code .code_box {
float:none
}
}
