@charset "UTF-8";

@font-face {
font-family: 'Montserrat-Light-6';
src: url('/font/Montserrat-Light-6.otf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Barlow';
src: url('/font/Barlow.woff2');
font-weight: normal;
font-style: normal;
}




@font-face {
font-family: 'helveticaneue';
src: url('/font/helveticaneue-light.otf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Yantramanav-Black';
src: url('/font/Yantramanav-Black.ttf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Roboto';
src: url('/font/Roboto-Regular.ttf');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'Yantramanav-Black';
src: url('/font/helveticaneue-light.otf');
font-weight: normal;
font-style: normal;
}

.header { position: fixed;  
  top: 0;           
  left: 0;          
  width: 100%;      
  z-index: 1000000; }


.z_words {-ms-flex-negative:0;  right: 11%; top:0%; flex-shrink:0;white-space:nowrap; width:80px; position: absolute;	color:#333}
.z_words .tit {height: 81px; display: -webkit-box;display: -ms-flexbox;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.z_words select { color: #444; font-size:16px; padding:10px; border:6px; outline: none; cursor: pointer;}
.z_words select option { font-size:14px; }


.cplist { width:100%; background:#fff; height:auto; overflow:hidden; text-align:center; height:56px; line-height:56px; }


.cplist a { color:#333; padding:0px 40px; font-size:15px; line-height: normal;  text-align:center; border-right: 1px dotted rgba(0, 0, 255, 1); display: inline-block; position: relative; }
.cplist a:hover { text-decoration:underline; }


@media screen and (max-width: 2560px) {
.header_nav li {display:inline-block;line-height:80px;margin:0 2vw }
.header_nav {margin-left:-12vw}
.mytel { float:left; position: absolute;  right: 6%; top:0px; line-height: 80px; font-family: en; font-size:20px;display:none    }
.mytel p {font-size:20px; font-family: 'Yantramanav-Black'; color:#0044a2;}
.mytel i { font-size:30px; margin-right:10px; vertical-align:middle; color:#0044a2; }
.lang { float:left; position: absolute; right:6%; top:0px;  }
.lang li{ float:left; line-height: 82px; }
.lang li a { font-size:15px; padding: 0 20px; color:#333333; border-right:1px #0044a2 solid; line-height: 80px; transition: .5s; line-height:12px; display: inline-block;  }
.lang li a:hover { color:#0044a2; }
.lang li a:nth-child(3){ border-right:11px #fff solid; }



}


@media screen and (max-width: 2560px) {
.lc_warp .lcbox {margin-right: 170px;}
}


@media screen and (max-width: 1920px) {
.lc_warp .lcbox {margin-right: 170px;}
}
7
@media screen and (max-width: 1680px) {
.lc_warp .lcbox {margin-right: 170px;}
}

@media screen and (max-width: 1440px) {
.lc_warp .lcbox {margin-right: 170px;}
}
@media screen and (max-width: 1366px) {
.lc_warp .lcbox {margin-right: 170px;}
}

@media screen and (max-width: 1280px) {
.lc_warp .lcbox {margin-right: 100px;}
}

@media screen and (max-width: 1920px) {
.header_nav li {display:inline-block;line-height:80px;margin:0 2.5vw }
.header_nav {margin-left:2vw}

.mytel { float:left; position: absolute;  right: 6%; top:0px; line-height: 80px; font-family: en; font-size:14px; display:none   }
.mytel p {font-size:18px; font-family: 'Yantramanav-Black'; color:#0044a2;}
.mytel i { font-size:24px; margin-right:10px; vertical-align:middle; color:#0044a2; }
.lang { float:left; position: absolute; right:6%; top:0px;  }
.lang li{ float:left; line-height: 82px; }
.lang li a { font-size:15px; padding: 0 10px; color:#333333; border-right:1px #0044a2 solid; line-height: 80px; transition: .5s; line-height:12px; display: inline-block;  }
.lang li a:hover { color:#0044a2; }
.lang li a:nth-child(3){ border-right:11px #fff solid; }

}

@media screen and (max-width: 1680px) {
.header_nav li {display:inline-block;line-height:80px;margin:0 2vw }
.header_nav {margin-left:2vw}

.mytel { float:left; position: absolute;  right: 8%; top:0px; line-height: 80px; font-family: en; font-size:20px; display:none   }
.mytel p {font-size:17px; font-family: 'Yantramanav-Black'; color:#0044a2;}
.mytel i { font-size:18px; margin-right:10px; vertical-align:middle; color:#0044a2; }
.lang { float:left; position: absolute; right:6%; top:0px;  }
.lang li{ float:left; line-height: 80px; }
.lang li a { font-size:15px; padding: 0 10px; color:#333333; border-right:1px #0044a2 solid; line-height: 80px; transition: .5s; line-height:12px; display: inline-block;  }
.lang li a:hover { color:#0044a2; }
.lang li a:nth-child(3){ border-right:11px #fff solid; }




}

@media screen and (max-width: 1440px) {
.header_nav li {display:inline-block;line-height:80px;margin:0 2vw }
.header_nav {margin-left:1.5vw}

.mytel { float:left; position: absolute;  right: 8%; top:0px; line-height: 80px; font-family: en; font-size:20px; display:none   }
.mytel p {font-size:15px; font-family: 'Yantramanav-Black'; color:#0044a2;}
.mytel i { font-size:16px; margin-right:10px; vertical-align:middle; color:#0044a2; }
.lang { float:left; position: absolute; right:6%; top:0px;  }
.lang li{ float:left; line-height: 80px; }
.lang li a { font-size:15px; padding: 0 10px; color:#333333; border-right:1px #0044a2 solid; line-height: 80px; transition: .5s; line-height:12px; display: inline-block;  }
.lang li a:hover { color:#0044a2; }
.lang li a:nth-child(3){ border-right:11px #fff solid; }


.footer .z-container i {
  font-size: 36px;
  color: #515151;
  margin-right: 10px;
}

}


@media screen and (max-width: 1366px) {
.header_nav li {display:inline-block;line-height:80px;margin:0 2vw }

.header_nav {margin-left:1vw}

.mytel { float:left; position: absolute;  right: 8%; top:0px; line-height: 80px; font-family: en; font-size:20px; display:none   }
.mytel p {font-size:16px; font-family: 'Yantramanav-Black'; color:#0044a2;}
.mytel i { font-size:16px; margin-right:10px; vertical-align:middle; color:#0044a2; }
.lang { float:left; position: absolute; right:6%; top:0px;  }
.lang li{ float:left; line-height: 82px; }
.lang li a { font-size:15px; padding: 0 10px; color:#333333; border-right:1px #0044a2 solid; line-height: 80px; transition: .5s; line-height:12px; display: inline-block;  }
.lang li a:hover { color:#0044a2; }
.lang li a:nth-child(3){ border-right:11px #fff solid; }


}

.hide{ top: -60px; display:none } 

.index_pro{ padding: 100px 0; background: #f1f1f1;}

.index_tit_bar{ position: relative; margin-bottom: 40px;}

.index_tit{ width: 100%;}


.index_tit h3{ font-size: 36px; font-weight: bold; margin-bottom: 20px; text-align:center; }
.index_tit h4{ font-size: 15px; line-height: 28px; text-align:center;text-align:center; }
.index_nav{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.index_nav a{ display: inline-block; padding: 0 20px; position: relative; border-radius: 20px; height: 40px; line-height: 40px;}
.index_nav a.active,.index_nav a:hover{ background: #1d9f3b; color: #fff;}
.index_nav a:before{ content: ""; display: block; width: 1px; height: 16px; background: #bbbbbb; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.index_nav a:last-child:before,.index_nav a.active:before{ display: none;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s; }
.pro_swiper{position: relative; display: none;}
.pro_swiper.on{ display: block}

.pro_swiper:before{ content: ""; display:block; width:50%; height: 100%; background: rgba(241,241,241,.8);  position: absolute; left: -50%; top: 0; z-index: 11111;}
.pro_swiper:after{ content: ""; display:block; width:50%; height: 100%; background: rgba(241,241,241,.8); position: absolute; right: -50%; top: 0; z-index: 1;}


.pro_swiper li a{ display: block; width: 100%; height: 100%;}
.pro_swiper li .imgbox{ width: 100%;position: relative;  overflow: hidden;}
.pro_swiper li .imgbox img{ width:100%; display:block}

.pro_swiper li .infobox{ background: #fff; display: flex; display: -ms-flexbox; align-items: center; padding:1.5vw 20px; box-sizing: border-box;}



.pro_swiper li h3{ width: 70%; float: left; font-size: 20px; font-weight: bold;}

.pro_swiper li em{  float: right; position: absolute; right:20px; font-size: 40px; font-weight:none;}

.pro_swiper li .icon-arr_r{ width: 56px; margin-left: auto; height: 56px; border-radius: 50%; border:1px solid #cccccc; display:inline-block; float: right; line-height: 54px; text-align: center; font-size: 24px; color: #777777; transition: ease .4s;}



.pro_swiper li .pro_num{ position: absolute; z-index: 1; display: inline-block; -webkit-text-fill-color:transparent;
  -webkit-text-stroke:2px #fff;font-size: 70px;line-height: 70px; font-family: 'num2'; left: 20px; bottom: 20px; color: #fff;  }
.pro_swiper li .pro_num:before{content: ""; display: block; width:15px; height: 15px; border-radius: 50%; border:2px solid #fff; box-sizing: border-box; position: absolute; right: -15px; bottom: 5px; }
.pro_swiper li:hover .imgbg{ transform: scale(1.1,1.1);}

.pro_swiper li:hover .icon-arr_r{ background: #1d9f3b; color: #fff; border-color: #1d9f3b;}
.index_solve{ position: relative; background: #fff;}
.solve_box{ width: 50%;float: left;padding: 4.6875vw 6%; padding-left: 12.5%; box-sizing: border-box;}
.solve_tit{ font-size: 36px; font-weight: bold; margin-bottom: 1.5625vw;}
.solve_tab_li li h3{ font-size: 16px;}
.solve_tab_li li a{ display: block;}
.solve_tab_li li{ margin-bottom: 20px; }
.solve_tab_li li .index_more{ height: 40px; display: flex;display: -ms-flexbox; margin-top: 20px; align-items: center;justify-content: center; line-height: 36px; width: 120px; font-size: 14px;}
.solve_tab_li li .desc{ color: #555555; line-height: 24px;}
.solve_tab_li .solve_down{ height: 0; overflow: hidden; transition: ease .6s;  position: relative;}
.solve_tab_li .solve_down:before{ content: ""; display: block;z-index: 1; width:0%; height: 1px; background:#1d9f3b; position: absolute; left: 0; bottom: 0; transition: ease .4s;}
.solve_tab_li li.on .solve_down:before{ width: 100%;}
.solve_tab_li li.on h3{ font-size: 22px; color: #1d9f3b; font-weight: bold;}
.solve_tab_li li.on .solve_down{ height: auto;padding: 1vw 0 1.5vw;box-sizing: border-box; }
.solve_swiper{ width: 50%;  float: right; overflow: hidden; height: 36.45833333333333vw; position: relative;}
.solve_swiper:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.3); z-index: 1;}
.solve_swiper li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.solve_swiper li .imgbg{transform:scale(1.2); transition: ease 1s; opacity:.5;}
.solve_swiper li.on .imgbg{transform:scale(1); opacity:1;}
.solve_swiper li.on{opacity: 1;}
.solve_num{ position: absolute; left: 20px; bottom: 20px; color: #fff; font-family: "num2"; font-size: 24px; z-index: 2;}
.solve_num .index{ font-size: 60px;}
.index_news{ padding: 100px 0;}
.tabchild{ display: none;}
.tabchild.on{ display: block;}




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: 'Roboto';
	font-size:16px;
	overflow-x:hidden;
	color:#515151;
	background:#F1F1F1
}
pre {
	font-family: 'Roboto';
}
a {
	font-size:14px;
	text-decoration:none;
	color:#515151;
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 #e4e3e3;color:#595959;display:inline-block; margin:0px 2px; background:#efefef; font-size:14px; }
.page a:hover,.page a.cpb{border:1px solid #1F8F2D;color:#ffffff;background:#1F8F2D; text-decoration:none;padding:7px 12px;}


.page .page_curr { background:#1F8F2D; border:1px solid #1F8F2D;color:#ffffff }









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:1440px;
	height:auto; padding-bottom:0px;
	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, .9);
	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:6%;
	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 #273977;
	position:absolute;
	right:8%;
	top:50%;
	transform:translateY(-50%)
}

.header_nav li a {
	font-size:16px
}
.header_nav li a:hover {
	color:#0044a2
}
.header_nav li a.on {
	color:#0044a2
}
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 { display:none; 
	width:100%;
	height:3px;
	background:#1f8f2d;
	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:#1f8f2d;
	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:#1F8F2D;
	margin:0px 0px 10px 0px;
	z-index:2
}
.index_text {
	color:#666; font-size:16px; text-align: text-align:justify;
	line-height:24px
}

.index_text pre{
	 width:90%; padding:5%;white-space:pre-wrap;
}


.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:#1f8f2d;
	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:750px
}
.index_story .info {
	width:50%;
	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:#03a925;
	position:absolute;
	left:50%;
	top:0;
	z-index:1;
transition:all .8s
}
.index_story .info:hover:before {
	height:80px
}
.index_story .flex {
	width:64%;
	text-align:center
}
.index_story .img {
	width:50%;
	float:right;
	position:relative;
	z-index:2
}
.index_story .img:before {
	content:"";
	display:block;
	width:0%;
	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:38px;
	font-family:en;
	margin:5px 0
}
.index_tit2 .cn {
	font-size:18px
}
.index_tit2 .line {
	margin:20px 0
}
.index_story .index_text {
	text-align: left
}
.index_story .index_more {
	margin-top:50px
}
.index_zs .info, .index_zs .img {
	float:left;
	height:750px
}
.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:55%;
	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:#1f8f2d
}
.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:#1f8f2d
}
.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:#1f8f2d;
	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:#1f8f2d
}
.news_nav a:before {
	content:"";
	display:block;
	width:0;
	height:1px;
	background:#1f8f2d;
	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:#1f8f2d;
	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:260px;
	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
}

.footer .z-container i { font-size:36px; color:#515151; margin-right:10px; }


.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:30%;
	float:left;
	margin-left:6vw
}
.foot_addre .info {
	margin:30px 0px 7px 0px; line-height:30px;
}
.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 {

	line-height:126px;
	background:#333;
	color:#868686
}
.foot_bar a {font-size: 16px;
	color:#868686;
	
}
.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:#0044A2;
	color:#fff;
	text-align:center
}
.page_nav a {
	display:inline-block;
	color:#fff; font-size:16px; 
	padding:0 40px;
	
	
	border-right:1px dotted rgba(255, 255, 255, .8);
	display:inline-block; 
	line-height:normal;
 position:relative;
	
	
}
.story_page .info, .story_page .img {
	height:600px
}
.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:#1f8f2d
}
.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:580px
}
.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: auto
}
.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:#ffffff;
	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:#1f8f2d;
	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:#ffffff
}
.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:#1f8f2d;
	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, .8);
	display:inline-block; font-size:16px;
	line-height:normal;
	margin:0;
	padding:0 40px; position:relative;
}

.page_nav2 a:hover { text-decoration:underline; }


.page_nav2 .on:before { content:'◆'; color:#fff; font-size:30px; position: absolute; top:19px; z-index:10000; left:43%;  }


.page_nav2 a:last-child {
	border-right:none
}
.page_nav2 {
	height:56px;
	line-height:56px
}
.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:#1f8f2d;
	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%;
	
	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; font-size:16px; line-height:35px;
	padding:25px;
	box-sizing:border-box;
	position:relative;
	height:85px
}
.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:#1f8f2d;
	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:#1f8f2d
}
.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:#1f8f2d;
	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:#1f8f2d
}
.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:#1f8f2d;
	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:#1f8f2d;
	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:#1f8f2d;
	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:#1f8f2d
}
.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:#1f8f2d;
	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 #1f8f2d;
	box-sizing:border-box;
	float:left;
	margin:0 10px
}
.zsbtn a.tel {
	text-align:left;
	background:url(../img/tel.png) no-repeat left 10px center;
	padding-left:50px
}
.zsbtn a.tel span {
	font-size:18px;
	font-weight:700;
	font-family:arial;
	color:#1f8f2d;
	float:left
}
.zsbtn a.jm {
	line-height:44px;
	background:#1f8f2d;
	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:#1f8f2d
}
.adv_info .tit {
	color:#1f8f2d;
	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.2vw;
	cursor:pointer
}
.adv_nav li.on {
	color:#1f8f2d
}
.adv_nav li.on .iconfont {
	color:#1f8f2d
}
.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;padding-left: 0vw;
}

.lc_warp .lcbox {
	display:inline-block;
	width:150px;
	
	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:#1f8f2d;
	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;font-size: 13px;
}
.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:#1f8f2d;
	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:#1f8f2d;
	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:#1f8f2d
}
.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:#1f8f2d;
	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:#1f8f2d;
	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:#1f8f2d;
	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:#1f8f2d;
	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:#1f8f2d;
	color:#fff;
	font-size:14px;
	position:absolute;
	right:100%;
	top:0
}



.sidebox li:nth-child(1) .cont {
transition:all .4s;
	white-space:nowrap;
	width:0;
	overflow:hidden;
	height:100px;
	line-height:100px;
	text-align:center;
	background-color:#1f8f2d;
	color:#fff;
	font-size:14px;
	position:absolute;
	right:100%;
	top:0
}

.sidebox li:nth-child(2) .cont {
transition:all .4s;
	white-space:nowrap;
	width:0;
	overflow:hidden;
	height:100px;
	line-height:100px;
	text-align:center;
	background-color:#1f8f2d;
	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:#1f8f2d
}
.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:#1f8f2d;
	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:#1f8f2d;
	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%;
	
	
	position:relative
}
.proxq_img .swiper-container {
	height:100%
}
.proxq_img .view img {
	height:100%!important;
	max-width:100%;
	
	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;
	
	margin:0 13px 0px 0px;
	float:left
}

.proxq_img .preview li:nth-child(7){ margin-right:0px;}

.proxq_img .preview img {
	height:100%;
	display:block;
	margin:0 auto;
	width:auto;
	max-width:100%
}
.proxq_img .preview .active-nav {
	border:2px solid #0044a2
}
.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:3vw
}
.process_box .text, .index_story .flex {
width:85%
}
.wish_list {
width:80%
}

}
@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
}
}