@charset "utf-8";
 
@font-face {font-family: "Josefin Sans";
  src: url("../font-face/Josefin Sans/38107321b85bfb3bfe4230fb32d6ce83.eot"); /* IE9*/
  src: url("../font-face/Josefin Sans/38107321b85bfb3bfe4230fb32d6ce83.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../font-face/Josefin Sans/38107321b85bfb3bfe4230fb32d6ce83.woff2") format("woff2"), /* chrome、firefox */
  url("../font-face/Josefin Sans/38107321b85bfb3bfe4230fb32d6ce83.woff") format("woff"), /* chrome、firefox */
  url("../font-face/Josefin Sans/38107321b85bfb3bfe4230fb32d6ce83.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../font-face/Josefin Sans/38107321b85bfb3bfe4230fb32d6ce83.svg#Josefin Sans") format("svg"); /* iOS 4.1- */

}
@font-face {font-family: "HYRunYuan-75W";
  src: url("../font-face/Josefin Sans/38107321b85bfb3bfe4230fb32d6ce83.eot"); /* IE9*/
  src: url("../font-face/Josefin Sans/38107321b85bfb3bfe4230fb32d6ce83.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../font-face/Josefin Sans/38107321b85bfb3bfe4230fb32d6ce83.woff2") format("woff2"), /* chrome、firefox */
  url("../font-face/Josefin Sans/38107321b85bfb3bfe4230fb32d6ce83.woff") format("woff"), /* chrome、firefox */
  url("../font-face/HYRunYuan-75W.otf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../font-face/Josefin Sans/38107321b85bfb3bfe4230fb32d6ce83.svg#Josefin Sans") format("svg"); /* iOS 4.1- */
  
}

@font-face {font-family: "Josefin Sans SemiBold";
  src: url("../font-face/Josefin Sans SemiBold/c1901ea4707e050f5529559fa3b62776.eot"); /* IE9*/
  src: url("../font-face/Josefin Sans SemiBold/c1901ea4707e050f5529559fa3b62776.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../font-face/Josefin Sans SemiBold/c1901ea4707e050f5529559fa3b62776.woff2") format("woff2"), /* chrome、firefox */
  url("../font-face/Josefin Sans SemiBold/c1901ea4707e050f5529559fa3b62776.woff") format("woff"), /* chrome、firefox */
  url("../font-face/Josefin Sans SemiBold/c1901ea4707e050f5529559fa3b62776.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../font-face/Josefin Sans SemiBold/c1901ea4707e050f5529559fa3b62776.svg#Josefin Sans SemiBold") format("svg"); /* iOS 4.1- */
}
 
/* bootstap 重置 */
body{min-width: 320px;max-width: 1920px;margin:0 auto}
a{color:#0f0e0e; }
a:hover{text-decoration: none;color:#0f0e0e; }
body{ font-family:"宋体"} 

p,dl,dd,dt{margin:0;padding:0;font-weight: normal;}
.pagination>li>a, .pagination>li>span{color: #000;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #000;border-color: #000;}
 
 
 /* banner */
.swiper-container-0{position: relative;overflow: hidden;margin: 0 auto; }
.swiper-container-0,
.swiper-container-0 .swiper-wrapper,
.swiper-container-0 .swiper-slide,
.swiper-container-0 .swiper-slide a{width: 100%;height:auto; }
.swiper-container-0 .swiper-slide a{ display: block;   }
.swiper-container-0 .swiper-slide img{width: 100%;}
.swiper-container-0 .swiper-pagination-bullet-active{ background: #000;}
.swiper-container-0 .swiper-pagination-bullet{width:12px;height: 12px;}
.swiper-container-0 .swiper-button-white{z-index: 10;width: 20px;height: 32px;background-size:20px 32px;}
.swiper-container-0 .swiper-button-prev{left:-30px}
.swiper-container-0 .swiper-button-next{right:-30px}
 
 
/* margin */
.header_bg{margin:0 80px;}
.wrapper_product{margin:0 80px;}
.wrapper_news{margin:0 120px;}
.wrapper_news_detailed{margin:0 200px;}
.wrapper_massage{margin:0 200px;}
.footer_bg{margin:80px 80px 80px 80px;}

/* comm */
.wui_page{ text-align: center;margin-top:40px;}
.wui_page2{  margin-top:40px;}
.nav_mask{position:fixed;top:200px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);z-index:88;display:none;}
.top_mask{position:fixed;top:0;left:0;width:100%;height:50px;background:rgba(0,0,0,0.35);z-index:88;display:none;}
.mobile_mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);z-index:199;display:none;}
.ofh{height: 100%; overflow: hidden;}
.is_pc{ }
.is_mobile{ display: none;}
 
 /* page */
 
.back_to_top{z-index: 77;border:1px solid #00533D;height: 46px;width: 46px;border-radius:46px;transition: all .2s ease-in-out;background: #fff; text-align: center;}
.back_to_top .arrow_top{width: 12px; position: absolute;left:50%;margin-left:-6px;top:7px;transition: all .2s ease-in-out;}
.back_to_top .arrow_top img{width: 100%;}
.back_to_top .arrow_top_line{height: 14px;width: 2px;background: #0F5D48;position: absolute;left:50%;margin-left:-1px;top:15px;transition: all .2s ease-in-out;}
.back_to_top:hover{border-color:#ccc}
.back_to_top:hover .arrow_top{top:5px;}
.back_to_top:hover .arrow_top_line{top:13px;height:18px ;}
.back_to_top .tip{font-size: 12px;font-weight: 400;  position: absolute;top: -35px;right: auto;left: 50%;transform: translate3d(-50%, 0, 0);visibility: hidden;pointer-events: none;
white-space: nowrap;  text-align: center;padding: 5px  9px;background-color: #0a0a0a;color:#fff; animation: shop_tooltip_hover_out .3s;}
.back_to_top .tip::after{position: absolute; bottom: -16px;right: auto;left: 50%;transform: translate3d(-50%, 0, 0);
content: '';width: 0;height: 0;border-style: solid;border-width: 10px;border-color: transparent transparent transparent;border-top-color: #000;}
.back_to_top:hover .tip{  animation: shop_tooltip_hover_in .3s; animation-fill-mode: forwards;visibility:visible;}
      
.topbar_bg{background: #F5F5F5;height: 50px;}
.topbar{margin:0 80px;color:#000}
.topbar a{color:#000}
.topbar .row{margin:0;}
.topbar .mi{padding:0;}
.topbar .m1{}
.topbar .m2{text-align: center;line-height: 50px;}
.topbar .m3{text-align: right;line-height: 50px;}
.topbar .m3 a{padding-left: 30px;}
.topbar .m3 a:hover{text-decoration: underline;}
.topbar .language{padding-top:17px}
.language_line{float: left;padding:1px 10px 0 10px;display: block;color:#999}
.language_icon img{height: 16px;}
.language_icon{float: left;}
.language_title{float: left;padding:2px 0 0 0;}
 
.header_bg_bg{border-bottom: 1px solid #ddd;background: #fff;width: 100%;}
.header_bg{ }
.header .nav li{float:left; position: relative;z-index: 99;}
.header .nav_a{font-size:18px;color: #696869; }
.header .nav .item{width: 150px;position: absolute;z-index: 99; top:20px;left:-20px; display: none;background: #fff;text-align: center}


.header .nav .yan{color: #FF2741 !important;}

.header .nav .wui_cf_ul li{width: 110px;text-align: center}


 
.header .nav .item .di{width: 100%;opacity: 0;transition-property:opacity;transition-duration:.8s;text-align: center}
.header .nav .item dl a{color:#00533d;}
.header .nav .item .d2 dt{font-weight: bold;margin-bottom:20px;font-size: 16px; }
.header .nav .item .d2 dd{line-height: 36px;}
.header .nav .item .d2{float:left;margin-right: 0px;}
.header .nav .item .di:nth-child(1){transition-delay: .1s;}
.header .nav .item .di:nth-child(2){transition-delay: .2s;}
.header .nav .item .di:nth-child(3){transition-delay: .3s;}
.header .nav .item .di:nth-child(4){transition-delay: .4s;}
.header .nav .item .di:nth-child(5){transition-delay: .5s;}
.header .nav .item .di:nth-child(6){transition-delay: .6s;}
.header .nav .item .di:nth-child(7){transition-delay: .7s;}
.header .nav .item .di:nth-child(8){transition-delay: .8s;}
.header .nav .item .di:nth-child(9){transition-delay: .9s;}
.header .nav .item .di:nth-child(10){transition-delay: 1s;}
.header .nav .item .di:nth-child(11){transition-delay: 1.1s;}
.header .nav .item .di:nth-child(12){transition-delay: 1.2s;}
.header .nav .item .di:nth-child(13){transition-delay: 1.3s;}
.header .nav .item .di:nth-child(14){transition-delay: 1.4s;}
.header .nav .item .di:nth-child(15){transition-delay: 1.5s;}
.header .nav .item .di:nth-child(16){transition-delay: 1.6s;}
.header .nav .item .di:nth-child(17){transition-delay: 1.7s;}
.header .nav .item .di:nth-child(18){transition-delay: 1.8s;}
.header .nav .item .di:nth-child(19){transition-delay: 1.9s;}
.header .nav .item .di:nth-child(20){transition-delay: 2s;}
 
 /* .header .nav{padding-top:75px; } */
/* .header .logo{position: absolute;left:50%;top:50%;margin:-30px 0 0 -37px;}
.header .tel{position: absolute;right:0;top:75px;font-size:20px;font-family: "arial";} */

.header{position: relative;height: 120px; display: flex; justify-content: space-between;align-items: center;}
.header .nav{flex: 1 1 0px;}
.header .logo{flex: 0 0 auto;}
.header .tel{font-size:17px; text-align: right;flex: 1 1 0px;}

.header .tel span{ display: inline-block; background: #007841;color:#fff;border-radius: 8px;padding:0 16px;margin-left:5px;}

.index_main_1 .mi{position: relative;padding-bottom:32%;overflow: hidden;}
.index_main_1 .row{margin:0}
.index_main_1 .pic{position: absolute;z-index:1;top:0;left:0;width: 100%;height: 100%;background-size: cover; background-position: center center; background-repeat: no-repeat;transition: all 1.5s;}
.index_main_1 .mi:hover .pic{transform: scale(1.2);}
.index_main_1 .mcon{position: absolute;z-index:2;bottom:10%;left:10%;color:#fff;}
.index_main_1 .mcon .t{font-size:36px}
.index_main_1 .mcon .more{ display: block;width: 160px; margin-top:14px;line-height: 30px;border-radius: 30px;border:2px solid #ccc;font-size:18px;color:#fff;text-indent: 1em;transition: all .8s;}
.index_main_1 .mcon .more:hover{background: #F4B21C;border-color:#F4B21C; }

.footer{padding:70px; background: #f5f5f5; position: relative;}
.footer .flogo{position: absolute;top:90px;right: 90px;}
.footer .t1{font-size: 22px;}
.footer .t_line{height: 6px;width: 40%;position: relative;margin:20px 0 25px 0;border-top:1px solid #F4B21C}
.footer .t_line span{position: absolute;width: 30px;height: 6px;top:-4px;left:0; background: #006835;}
.footer .t2{font-size: 17px;margin-top:10px;}
.footer .t3{font-size: 30px;margin-top:90px;}
.footer .tform{margin-top:30px;}
.footer .wui_lt{height:47px;overflow: hidden;width: 320px;}
.tform_text,
.tform_textarea{margin-top:10px;}
.tform_text input{width: 320px;padding:13px 15px;border:none;border-radius: 5px;background: #fff;}
.tform_textarea textarea{width: 320px;height:100px;padding:12px 15px;border:none;border-radius: 5px;background: #fff;}
.footer .wui_left .btn{ background: #F4B21C;border:1px solid  #fff;width: 90px;padding:12px 0; border-radius:30px;color:#fff;font-size:15px;margin-left:20px;transition: all .8s;}
.footer .wui_left .btn:hover{background: #fff;border-color: #F4B21C;color:#333}
.tform_btn{display: none;}
.tform_close{width:100%;line-height: 28px;text-align: center;background: #000000;color:#fff;font-size:12px;margin-top:5px;cursor: pointer;}
.footer .t5{font-size:12px;color:#999;margin-top:50px;line-height: 20px;}
.copyright_section{margin:50px 40px 0 40px;font-size:14px;}
.copyright_section .wui_lt a{padding-right:30px; display: block;float:left;}
.copyright_section .wui_lt a:hover{text-decoration: underline;}

/* 产品 */
.h1_t{border-top:1px solid #9E9E9E; text-align: center;margin:70px 0 30px 0;padding-top:60px;}
.h1_t .t1{font-size:30px;}
.h1_t .t2{font-size:16px; color:#999;margin-top:8px;}

.banner_product{margin-top:60px;}
.product_list li{padding:20px 10px 0 10px}
.product_list li .pic img{width: 100%;}
.product_list li a .title{color: #00533d;font-size: 20px;margin-top:18px;font-weight: bold;}
.product_list li .title_color{color: #ba903b;letter-spacing: .5px; font-size: 14px;margin-top:10px;}
.product_list li .title_des{color: #a9a9a9;  font-size: 14px;margin-top:5px;}
.product_list li:nth-last-child(5),
.product_list li:nth-last-child(6){ display: none;}

/* 新闻 */
.news_list{}
.news_list li{padding:130px 40px 0 40px}
.news_list li .pic img{width: 100%;}
.news_list li a .title{color: #00533d;font-size: 20px;margin-bottom:8px;font-weight: bold;height: 22px;line-height: 22px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list li a .title_time{margin-bottom:8px;font-size: 15px;color: #ba903b; }
.news_list li a .title_des{margin-top:10px;color:#555; line-height: 24px;height: 96px;overflow: hidden;}

.news_detailed{margin-top:100px;}
.news_detailed .title{font-size:24px;line-height: 1.6em;}
.news_detailed .title_time{color:#555;margin-top:10px; font-family: "arial"}
.news_detailed .title_time i{margin:0 5px 0 15px}
.news_detailed .line{width: 100%;height: 1px;background: #ddd;overflow: hidden;margin:20px 0 30px 0;}
.news_detailed  .con p{margin-bottom:15px;line-height: 1.8em;}
.news_detailed  .con img{max-width: 100%;margin-bottom:10px;}

.massage_list{width: 100%;}
.massage_list  li{margin-top:100px;border-bottom:1px solid #ddd;}
.massage_list  a{ display: flex;justify-content:space-between;align-items:center}
.massage_list .pic{ width: 50%;}
.massage_list .pic img{width: 100%;}
.massage_list .wui_left{width: 50%;  float: none;}
.massage_list .title{color:#07913C;font-size:44px;}
.massage_list .title_des{color:#575556;font-size: 22px;margin-top:20px; padding:0 50px 0 0;font-weight: 100;line-height: 1.6em;text-align: left;}
.massage_list .title_btn{ display: inline-block; background: #0B6D44;border:1px solid #fff;color:#fff;padding:12px 26px;font-size: 20px;margin-top:40px;border-radius: 100px;transition: all .8s;}
.massage_list  a:hover .title_btn{border-color: #0B6D44;background: #fff;color: #0B6D44;}

/* headhesive */
.headhesive { 
	position: fixed; z-index: 100; top: 0; left: 0;
/* Translate -100% to move off screen */
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  /* Animations */
  -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out;

}
.headhesive--stick {
  /* Translate back to 0%; */
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}
.headhesive--unstick {}


/* -----移动端----- */ 
.mobile_nav{width:320px; padding:0 25px 25px 25px;overflow-y: scroll; background-color: #fff;  position:fixed;top:0px;left:-320px; z-index:200; padding-top:20px;}
.mobile_nav::-webkit-scrollbar{ display:none;}

.mobile_header_bg{width: 100%;background: #fff;}
.mobile_header{position: relative; text-align: center;margin:12px 0;}
.mobile_header .logo img{height: 40px;}
.mobile_nav_open{position: absolute;top:7px;left: 20px;}
.mobile_nav_open i{font-size:20px;}
.mobile_nav_open img{width: 26px;}
.mobile_nav_close{margin:10px 0 25px 0; }
.mobile_nav_close img{width: 17px;}
.mobile_tel{position: absolute;top:9px;right: 20px;}
.mobile_tel i{font-size:22px;color:#00533d;}
.mobile_lang{position: absolute;top:9px;right: 20px;}
.mobile_lang img{width: 22px;}
.mobile_lang i{font-size:22px;color:#00533d;}


.mobile_nav_ul{overflow: hidden;}
.mobile_nav_ul .line{width: 100%;height: 2px;background: #006835; display: none;}
.mobile_nav_ul .item{ display: none;padding:0 0 15px 15px; }
.mobile_nav_ul .item dl{margin-top:15px;}
.mobile_nav_ul .item dl a{color:#006835;font-size:14px;}
.mobile_nav_ul li{margin-bottom:18px}
.mobile_nav_ul span{display:flex;justify-content:space-between;}
.mobile_nav_ul i{text-align: right;width: 40%;font-size:18px;color:#006835;}
.mobile_nav_ul .nav_a{font-size:17px;color:#006835;}
.mobile_nav_ul .lang{margin-bottom:12px}
.mobile_nav_ul .lang img{width: 30px;margin-right: 5px;}

.mobile_nav_main{display:flex;flex-direction:column;justify-content: space-between;    height: 100%;}
.mobile_nav_footer{margin:25px 0 40px 0;overflow: hidden;color:#006835;}
.mobile_nav_footer a{color:#006835;}
.mobile_nav_footer .ft1{font-size: 18px;line-height: 1.8;margin-top:15px;font-weight:bolder; }
.mobile_nav_footer .ft2{font-size: 12px;line-height: 2.2;margin-top:25px;}
.mobile_nav_footer_line{width: 100%;height: 6px;background: #00533D;  }


@media screen and (max-width:1440px){
	.header_bg{margin:0 80px;}
	 
	.header .nav li{float:left; }
	.header .nav_a{font-size:16px;  }
	
	.header .logo{ }
	.header .tel{font-size:17px;}
	
	.wrapper_news_detailed{margin:0 160px;}
}


@media screen and (max-width:1366px){
	 .wrapper_news_detailed{margin:0 160px;}
	 
	 .header .nav_a{font-size: 15px;}
	 .header .nav li{padding-right:20px}
}


@media screen and (max-width:1024px){
	 
	 .footer_bg{margin:15px 10px;}
	 .wrapper_product{margin:0 10px;}
	 .wrapper_news{margin:0 20px;}
	 .wrapper_news_detailed{margin:0 20px;}
	 .wrapper_massage{margin:0 10px;}
	 
	 .is_pc{display: none !important;}
	 .is_mobile{ display: block!important;}
	 
	 .index_main_1 .mi{padding-bottom:50%;margin-top:10px;}
	 .index_main_1 .mcon .t{font-size:20px}
	 .index_main_1 .mcon .more{font-size:16px;width: 140px;}
	 
	 .footer{padding:35px 20px 35px 20px;}
	 .footer .flogo{position: relative;top:0;right: 0; text-align: center;margin-top:25px;}
	 .footer .flogo img{width: 150px;}
	 .footer .t1{font-size: 20px;}
	 .footer .t2{font-size: 16px;margin-top:10px;}
	 .footer .t3{font-size: 20px;margin-top:50px;}
	 .footer .t5{margin-top:30px;}
	 .footer .tform{margin-top:15px;}
	 .footer .wui_lt{width: 100%;}
	 .footer .wui_lt input,
	 .tform_textarea textarea{width: 100%;}
	 .footer .wui_left .btn{margin:10px 0 0 0;width: 80px;padding:9px 0; }
	  
	 .h1_t{margin:40px 0 10px 0;padding-top:30px;}
	 .h1_t .t1{font-size:26px;}
	 .h1_t .t2{font-size:13px; font-style: italic;color:#999;margin-top:8px;}
	 
	 .banner_product{margin-top:30px;}
	 .product_list li{padding:20px 10px 15px 10px}
	  
	 .product_list li:nth-last-child(5),
	 .product_list li:nth-last-child(6){ display: block;}
	 
	 .news_detailed{margin-top:40px;}
	 .news_detailed .title{font-size:18px;line-height: 1.4em;}
	 .news_detailed .line{margin:20px 0 20px 0;}
	 .news_list li{padding:100px 20px 0 20px}
	 
	 .wui_page2 li a span{ display: none;}
	 .wui_page2 li a{ margin-bottom: 10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width: 100%;}
	 
	 .massage_list .wui_left{text-align: center;}
	 .massage_list .title{font-size:22px;}
	 .massage_list .title_des{font-size: 16px;margin-top:20px;padding:0 50px;font-weight: 400;text-align: center;}
	 .massage_list .title_btn{ padding:12px 26px;font-size: 16px;margin-top:30px; }
	 
	 .topbar{margin: 0;}
	 .topbar_bg .language{display: none;}
	 .topbar_bg .m3{display: none;}
	 
	 .copyright_section{margin:40px 10px 0 10px}
	 .copyright_section .wui_lt{float: none;line-height: 2.4em;}
	 .copyright_section .wui_rt{float: none;margin:30px 0;}
 
}
 			 

@media screen and (max-width:768px){
	
	.swiper-container-0 .swiper-button-prev{display: none !important;}
	.swiper-container-0 .swiper-button-next{display: none !important;}
	
	.product_list li:nth-last-child(5),
	.product_list li:nth-last-child(6){ display: none;}
	
	 .wrapper_news{margin:0;}
	 .news_list li{padding:60px 20px 0 20px}
	 .news_list li a .title_des{margin-top:10px;color:#555; line-height: 24px;height: 72px;overflow: hidden;}
	 
	 .massage_list li{margin:20px 0;padding-bottom:20px;border-bottom:1px solid #ddd;}
	 .massage_list  a{ display: flex;flex-direction:column;justify-content:initial;align-items:initial}
	 .massage_list .pic{width: 100%;order:2;margin-top:15px;text-align: center;padding:0 10px;}
	 .massage_list .wui_left{width: 100%;order:1}
	 .massage_list .title{font-size:22px;}
	 .massage_list .title_des{font-size: 14px;margin-top:15px;padding:0 50px;font-weight: 400;}
	 .massage_list .title_btn{ padding:6px 18px;font-size: 14px;margin-top:20px; }
 
	 .back_to_top{ display: none !important;}
	 
	 
}




@keyframes shop_tooltip_hover_out {
  0% {
    transform: translate3d(-50%, -20%, 0);
    opacity: 1; }
  100% {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0; } }

@keyframes shop_tooltip_show_hide {
  0% {
    transform: translate3d(200px, 0, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
	
@keyframes shop_tooltip_hover_in {
  0% {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0; }
  100% {
    transform: translate3d(-50%, -20%, 0);
    opacity: 1; } }