@charset "UTF-8";
/* public */
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: #333; background: #fff;  }
pre{font-family: "微软雅黑";}
a{font-size:14px;text-decoration:none;  color: #3e3a39; transition: all .45s;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none; font-family:"microsoft yahei"; line-height: normal;border:none;background: none;}
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;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';  /* project id 574899 */
  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: 4%; top: 50%; transform: translateY(-50%); }
.header .logo img{ max-height: 100%;}
.header .sou{ display:block; width: 16px; height: 26px; background: url(../images/soubtn.png) no-repeat top center; border-bottom: 2px solid #00a73c; position: absolute; right:8%; top: 50%; transform: translateY(-50%);}
.header_nav li{display: inline-block ; line-height: 80px; margin: 0 0.8vw; margin-right: -6px;}
.header_nav li a{font-size: 16px;}
.header_nav li a:hover{ color: #e60012;}
.header_nav li a.on{ color: #000000;}
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:#00a73c; position:fixed; left:0px; 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);}
/*.banner:before{ content: ""; display: block; width: 0; height: 3px; background: #00a73c; animation: process 3.5s forwards infinite; z-index: 11; position: absolute; bottom: 0; left: 0;}
*/
.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: #ccc; 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{ /*display: flex;align-items: center; justify-content: space-between; height: 620px;*/}
.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: 100%;}
.index_tit .en{ font-size: 30px; font-family: "en"; text-transform: uppercase; color: rgb(2, 73, 82);}
.index_tit .cn{ font-weight: bold;font-size: 24px;color: rgb(2, 73, 82);}
.line{ display: inline-block; width:480px;height: 1px; background: #fff; margin: 20px 0;z-index: 2;}
.index_text{ color: #666; line-height: 28px;
  font-size: 18px;}
.index_more{background: rgb(2, 73, 82); color: #fff; 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; z-index: 1;}
.index_more em{ display: inline-block; width: 18px; height: 12px; background: url(../images/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:#ea5504;border-radius: 50%;-webkit-transition: 0.6s; transition: 0.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 0.6s both;  animation: criss-cross-left 0.6s both;}
.index_more:hover:after,.morebox:hover .index_more:after{ -webkit-animation: criss-cross-right 0.6s both;animation: criss-cross-right 0.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(../images/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(../images/index_part2bg.jpg) no-repeat center; background-size:100% 100%; justify-content: center;}
.index_part2 .info{ width: 40%; text-align: left; 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: 40%; 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:0px; background: #00a73c; position: absolute;left: 50%; top: 0;z-index: 1; transition: all .8s;}
.index_story .info:hover:before{ height: 100px;}
.index_story .flex{ width: 70%; text-align: center;}
.index_story .img{ width: 60%; 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: justify;}
.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: 0px;}
.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:#024952;}
			.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(../images/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(../images/arr_r.png) no-repeat center;}
.small_box .btn_box .arrow-left{ position: absolute; left: 0; bottom: 0; background: url(../images/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: rgba(39,57,119,.0); 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: rgba(39,57,119,1)}
.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(../images/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:#00a73c; 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: #00a73c;}
.news_nav a:before{content: ""; display: block; width: 0; height: 1px; background:  #00a73c; 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%; float: left; background: #f9f9f9; position: relative;}
.news_list li:before{ content: ""; display: block; width: 0%; height: 2px; background:#00a73c; 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: #666666; 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: #333333; 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: 20.foot_addre .info%; float: left; margin-left: 4vw;}
.foot_addre .info{ margin: 30px 0; 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{ height: 176px; line-height: 176px;background: #333333; color:#868686 ;}
.foot_bar a{ 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: rgb(2, 73, 82); 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: #666666; 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: #00a73c;}
.process_nav li.on:before{ content: ""; display: block; width: 15px; height: 14px; background: url(../images/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: 60px; margin-bottom: 15px;}
.honor_img .swiper-slide{border: 2px solid #fff; box-sizing: border-box; cursor: pointer;}
.honor_img1 .swiper-slide{ height: 100%; }
.honor_img2 .swiper-slide{ height: 100%; }
.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(../images/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(../images/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: bold;}
.pop_text{ color: #777777;}

.wish_warp{ width: 100%; padding: 160px 0; box-sizing: border-box; background: url(../images/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: 24px; color: #fff;}
.banner_text .en2{ font-size: 30px; font-weight: bold; color: #fff; 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: bold;}

.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(../images/play.png) no-repeat center; background-size: 100% auto;} 
.iconbox h3{ text-transform: uppercase; font-size: 30px; font-weight: bold; color: #00a73c; margin-top: 30px;}
.iconbox h4{ font-size: 24px; font-weight: bold;}

.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: #fff; font-size: 16px;}
.other_banner222{position: absolute; left: 0; top: 0; }

/*案例*/
.case_warp{ width: 100%; background: #f2f2f2; padding: 80px 0;}

.case_first .img,.case_first .info{ height: 100%; 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: 29%; 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: #00a73c; 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(../images/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(../images/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: 80px; line-height: 80px;}
/*产品*/
.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: #00a73c;font-weight: bold;}

.pro_warp{ background: #ebebec; 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: 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; 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(../images/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: #024952; 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: #024952;}

/*产品详情*/
.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: bold;}
.proxq_info .proxq_cs{ line-height: 24px; color: #666666;}
.pro_btn{ position: absolute; left: 80px; bottom: 80px;}
.pro_btn a{ display: inline-block; width: 150px; height: 44px; background: #00a73c; 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(../images/car.png) no-repeat center;}
.pro_btn .kf em{ background: url(../images/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: #00a73c;}
.pro_tabcon{ padding: 50px 80px;}
.pro_tabcon img{ max-width: 100%;}
.topbtm_bar{ padding: 40px 0; border-bottom: 1px solid #c9c9c9; }
.topbtm_bar .back{ display:inline-block; width: 148px; height: 44px; background: #00a73c; 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: none; 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: #00a73c; color: #fff; border: none;}
.index_store2 .index_more em{ background: url(../images/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: #00a73c; 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: #00a73c;}
.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(../images/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(../images/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: #898989; line-height: 24px; padding-bottom: 120px; padding-top: 50px; border-bottom: 1px solid #c9c9c9;}
.artic_con img{ max-width: 100%!important; height: auto!important;}

.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: #024952; 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 #00a73c; box-sizing: border-box; float: left; margin: 0 10px}
.zsbtn a.tel{text-align: left; background: url(../images/tel_icon.png) no-repeat left 15px center; padding-left: 50px;}
.zsbtn a.tel span{ font-size: 18px; font-weight: bold; font-family: arial ; color: #00a73c; float: left;}
.zsbtn a.jm{ line-height: 44px; background: #00a73c; 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: #00a73c;}
.adv_info .tit{ color: #00a73c; 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: #00a73c;}
.adv_nav li.on .iconfont{ color: #00a73c;}
.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: url(../images/zs_pic2.jpg) no-repeat center;background-attachment: fixed; padding: 140px 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(../images/zs_pic3.jpg)no-repeat center; padding: 130px 0;}

.lc_warp{ text-align: center; margin-top: 100px;}
.lc_warp .lcbox{ display: inline-block; width: 150px; margin-right: 60px; 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: #00a73c; 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(../images/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(../images/tel_icon2.png) no-repeat left center; padding-left: 40px; margin-top: 10px;  }
.jm_form .tel em{ display: block;font-size: 18px; font-weight: bold; color: #00a73c; 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: #666666; 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(../images/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: #00a73c; 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: bold; color: #00a73c;}
.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(../images/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: #00a73c; color: #fff; text-align: center;margin-top: 50px;}
.add_box .seebtn .yan{ display: inline-block; width: 18px; height: 12px; background: url(../images/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:#ffffff; 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(../images/add.png) no-repeat left center; background-size: 100% 100%;  margin-top: 25px;}
.sideMenu .tit.on em{ background: url(../images/jian.png) no-repeat center; background-size: 100% 100%; }
.sideMenu .tit.on{ background:#00a73c; 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: #00a73c; 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 #cccccc; 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:#00a73c; 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(../images/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:#00a73c; 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: #00a73c;}
.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: 0px; 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(../images/popbg.jpg) no-repeat center; background-size: cover; text-align: center; padding:80px 0;}
					 
					    .znew_pop .tit1{ font-size: 36px; font-weight: bold;}
					    .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: #00a73c; color: #fff; margin-top: 30px; cursor: pointer;}
					    .znew_close{ width: 50px; height: 50px; background: url(../images/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: bold; }
					    .z_price_box h4{ color: #e24a14; font-size: 30px; font-weight: bold;}
					    .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: #00a73c; 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 #b5b5b6; 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 #00a73c; }
						
						.proplay { width: 50px; height: 50px; background: url(../images/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(../images/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: 25vw;}
}
@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;}
}

.pub_turn_page{margin: 21px 0;font-size:0;text-align:center;}
.pub_turn_page a,.pub_turn_page font,.pub_turn_page select{display:inline-block;margin: 5px;padding:10px 14px;font-size:14px;border:1px solid #e3e3e3;border-radius:5px;outline:0;background: white;}
.pub_turn_page .page-num-current{color:#fff;background:#00a73c;border-color:#00a73c;}




.index_more a {color:#fff;}



/*联系方式*/
.y_main .contacts{ padding:3% 0;width: 100%; height: auto; overflow: hidden; background: url(../images/21.jpg) no-repeat top center;    background-size: cover;background-attachment: fixed;}
.y_main .message_h{width:50%;height:auto;padding-right: 5%;border-right:1px solid #ededed}
.y_main .message_h .mesform { width: 100%; }
.y_main .message_h .mesform .mfields { width:100%;}
.y_main .message_h .mesform .mfields li {    margin-bottom: 2%;}
.y_main .message_h .mesform .title { font-size:15px; color:#024952; padding: 10px 0; line-height: 1.5;}
.y_main .message_h .mesform .inpbox { width: auto; height:40px; line-height:40px; font-family:"微软雅黑"; }
.y_main .message_h .mesform .inpbox .inptext { width:99%; height:40px; text-indent:5px; border:1px solid #dedede; background: #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px; padding:0px; outline:none; font-family:"微软雅黑";}
.y_main .message_h .mesform .inpbox .txtarea { width:99%; height:100px; text-indent:5px; border:1px solid #dedede; background: #fff;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px; padding:0px; outline:none; font-family:"微软雅黑";}
.y_main .message_h .mesform .btnsubmit {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px;  -o-border-radius:3px;width:100%; height:40px; font-size:13px; background:#d70d25; margin-top:15px;}
.y_main .message_h .mesform .btnsubmit .button { width:100%; height:38px; line-height:38px; text-align:center; font-size:14px; color:#fff; background:#d70d25; border:1px solid #d70d25; border-radius:3px; outline:none; font-family:"微软雅黑"; cursor:pointer;}
.y_main .message_h .mesform .inpbox img {height: 25px;}
.y_main .message_h .mesform .input_text{ text-indent:5px;border:1px solid #dedede; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px; padding:0px; outline:none;width: 150px; height:38px; line-height:40px; font-family:"微软雅黑"; }
.y_main .cont_c{width:40%}
.y_main .cont_c .con_pic{width:100%; }
.y_main .cont_c .con_pic img{max-width:100%;}
.y_main .cont_c h2{font-size:24px;font-weight:bold;margin:1% 0;}
.y_main .cont_c p{line-height:3em;text-indent: 2em;}
.y_main .cont_c .p1{background:url(../images/28.png) no-repeat left center;}
.y_main .cont_c .p2{background:url(../images/22.png) no-repeat left center;}
.y_main .cont_c .p3{background:url(../images/24.png) no-repeat left center;}
.y_main .cont_c .p4{background:url(../images/26.png) no-repeat left center;}
.y_main .cont_c .p5{background:url(../images/25.png) no-repeat left center;}

.y_main .wrap { max-width: 1200px; padding: 0 10px; height: auto; margin: 0 auto; overflow: hidden;}

@media screen and (max-width: 760px){
.y_main .message_h ,.y_main .cont_c{width:100%}
.y_main .cont_c{margin-top:2%}
}
iframe {min-height:30vh}