@charset "utf-8";
/*css comment*/
*,*:before,*:after{
	margin:0;
	padding:0;
	outline:none;
	list-style:none;
	text-decoration:none;
	blr:expression(this.onFocus=this.blur());
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}  
@font-face {
  font-family: "centurygothic";
  src: url("../fonts/centurygothic.woff2") format("woff2"),
       url("../fonts/centurygothic.woff") format("woff"),
       url("../fonts/centurygothic.ttf") format("truetype"),
       url("../fonts/centurygothic.eot") format("embedded-opentype"),
       url("../fonts/centurygothic.svg") format("svg");
}
html,body {  
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
} 
html{
	font-size: 100px;
}
body {
    font-family: 'Noto Sans SC', Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';
    font-size: 14px;
	line-height: 1.72;
	/*letter-spacing: 0.075em;*/
    color: #333;
    background: #fff;
	font-weight: 400;  
}  
img{
	border:none;
	display:inline-block;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
	_width:auto;
}
button,input,textarea,select{
	border:none;
	background:none;
	font-size:14px;
	vertical-align:middle;
	color:#333; 
} 
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
em,i{font-style:normal;}
a:focus,input,select{outline:none;}
.clearfix{*zoom:1;}
.clearfix:after{content:"\200B";display:block;clear:both;height:0;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],button,select, textarea{ -webkit-appearance: none; font-family: 'Noto Sans SC', Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:hover{ opacity:0.80;}
h1,h2,h3,h4,h5,h6{font-weight:normal; padding:0; margin:0; font-size:14px; line-height:1.25; }
p,ul,ol{margin:0;}
header,main,footer,section{display:block;}

/*browserupgrade*/
.browserupgrade{display:block;position:fixed;top:-60px;opacity:0;left:0;margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee}
.browserupgrade a.upgrade_close{display:block;position:absolute;top:0;right:0;z-index:10;width:60px;line-height:60px;text-align:center;color:#fff;font-size:40px;text-decoration:none;cursor:pointer;}
/*swiper*/ 
.swiper-wrapper{ align-items: stretch;}
.swiper-slide{ height: auto;}
.swiper_arrow{ margin:0 -.08rem; position: absolute; bottom: 100%; right:0; margin-bottom: .50rem;}
.swiper_arrow div{position: static; display:inline-block; margin: 0 .08rem; text-align: center; width: 60px; height: 60px; line-height: 56px; border: 2px solid #006934; color: #006934; border-radius: 50%; -webkit-transition:opacity .6s ease; transition:opacity .6s ease; }
.swiper_arrow div:after{ font-size: 18px;}
.swiper_arrow_dif{ position: static; margin-bottom: 0;}
.swiper_arrow_dif div{ position: absolute; margin: 0; transform: translateY(-50%); }
.swiper_arrow_dif div.swiper-button-prev{ left:0;}
.swiper_arrow_dif div.swiper-button-next{ right:0;}
body.body_index .swiper_arrow{ margin-bottom: .65rem;}
body.body_index .swiper_arrow div{ border-color:#ffffff;}
body.body_index .swiper_arrow div:after{ color:#ffffff;}
.swiper-pagination{ position: static; margin-top: .60rem;}
.swiper-pagination .swiper-pagination-bullet{ opacity: 1; width:10px; height: 10px; background: none; border:2px solid #006934; margin:0 5px;}
.swiper-pagination .swiper-pagination-bullet-active{ background: #006934; }
body.body_index .swiper-pagination .swiper-pagination-bullet{ border-color: #ffffff; }
body.body_index .swiper-pagination .swiper-pagination-bullet-active{ background: #ffffff; }

/*transition*/
*:before,*:after,input[type="submit"],input[type="reset"],input[type="button"],sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div, .img_box img, .ico_box img, .menu_phone i, header, .n_subclass{ 
	-webkit-transition:all .6s ease; transition:all .6s ease; 
}  
a,input[type="text"]{ -webkit-transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease; 
	transition:color .6s ease, background .6s ease, border .6s ease, opacity .6s ease, transform .6s ease, box-shadow .6s ease;
}

/*===================common========================*/  
/*img_box*/
.img_box{display:block; position:relative; overflow:hidden; height:0; padding-top:100%; }
.img_box img{display:block; width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover;}
/*ico_box*/
.ico_box{position:relative;display:block; width:100%; height:0; padding-top:100%;}
.ico_box img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto;height:auto; max-width:100%; max-height: 100%;}
/*line_single*/
.line_single{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
/*line_multi*/
.line_multi{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-break:auto;-webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 26px; max-height: 52px;}  
/*=======load======*/   
.load{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
	z-index: 5000;
	color: #006934; 
} 
.load.active{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: all 0.8s cubic-bezier(.77, 0, .175, 1);
	-o-transition: all 0.8s cubic-bezier(.77, 0, .175, 1);
	transition: all 0.8s cubic-bezier(.77, 0, .175, 1)
} 
.load_con{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)!important; text-align: center;}
.load_text { 
	-webkit-animation: 0.8s .2s fadeInUp both;
	animation: 0.8s .2s fadeInUp both;
}   
.load_logo{ display:inline-block; vertical-align: top; height: 75px; width: auto; }
.load_sign{ margin-top: 20px;}
.load_sign .icon_jiazai{
	 display: inline-block;
	vertical-align: middle;
	line-height: 1;
	-webkit-animation: loader 0.8s linear infinite;
	animation: loader 0.8s linear infinite;
	font-size: 30px; 
} 
@-webkit-keyframes loader {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes loader {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
/*===================header========================*/
.inner{ width: 90%; margin: 0 auto; padding:0 20px; max-width: 1480px;}
header{ position:fixed; left:0; top:0; z-index:1003; width:100%;}
.header_line{ display:flex; flex-wrap:nowrap; position:relative; z-index: 2; border-bottom: 1px solid rgba(255,255,255, .25); height: 110px; line-height: 110px; font-size: 16px;}
.header_line:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #ffffff; opacity: 0;}
.header_line a{ color:rgba(255,255,255, 1);} 
/*=========logo && nav && menu_phone =========*/   
/*logo*/  
.logo{ margin-left: 2.60%; }  
.logo a{ display:inline-block; vertical-align: middle; position: relative; height: 75px;}
.logo a img{ display:block; height: 100%; width:auto;}
.logo a img:nth-child(1){ opacity: 1;} 
.logo a img:nth-child(2){ position: absolute; top:0; left: 0; opacity: 0;} 
/*nav*/
.nav_box{ margin-left: auto; width: 52%; max-width: 990px; }
.nav_con{ }
.nav_func{ padding: 0 20px; background: rgba(0,0,0, .07); display: none;} 
.nav_closed{ margin-left: auto; display: block; width: 60px; line-height: 60px; text-align: right;}
.nav_closed .iconfont{ font-weight: bold; font-size: 20px;}
.nav_list{ display:flex; flex-wrap: wrap; }
.nav_list>li{ position: relative; text-align: center; flex: 1 0 0;}
.n_tit{ position: relative; z-index: 1;}
.n_tit a.n_a0{ display:block; color:rgba(255,255,255, .75); } 
.n_tit a.n_a0 em{ display:inline-block; position: relative;} 
.n_tit a.n_a0 em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ffffff;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0); 
} 
.nav_list>li:hover a.n_a0 em:before,
.nav_list>li.active a.n_a0 em:before{ 
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}   
.n_tit .iconfont{ position: absolute; top: 0; right: 0; z-index: 1; width: 50px; line-height: 50px; border-left: 1px solid rgba(0,0,0, .10); text-align: center; font-size: 14px; cursor: pointer; display: none;} 
.header_line .nav_list>li .n_tit .iconfont{ display:none!important;} 
.nav_list>li:hover .n_tit a.n_a0,
.nav_list>li.active .n_tit a.n_a0{ font-weight: 500;}
.nav_list>li.active .n_tit a.n_a0{ color: rgba(255,255,255, 1);}
.nav_list>li .n_collapsible{ position:absolute; top:100%; left:50%; transform: translateX(-50%); z-index: 2; width:100%; min-width: max-content; background: rgba(255,255,255, 1); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease; display: none;}
.nav_list>li:nth-child(2) .n_collapsible{ display:block;}
.nav_list>li .n_collapsible .n_headline{ position: relative; z-index: 1; width: 100%; padding: 15px 0; border-bottom: 1px solid rgba(0,0,0, .30); display: none;}
.nav_list>li .n_collapsible .n_headline .n_headline_back{ cursor: pointer; display: block; }
.nav_list>li .n_collapsible .n_headline .n_headline_tit{ display: block; flex: 1 0 0; text-align: center; opacity: .70; }
.nav_list>li .n_collapsible .n_subclass{ }
.nav_list>li .n_collapsible .n_subclass>li a{ display: block; color:rgba(0,0,0, .60); line-height: 50px; padding:0 .30rem; }
.nav_list>li .n_collapsible .n_subclass>li a:hover{ background: #f6f6f6; color: #333333;}
.nav_list>li .n_collapsible .n_subclass>li a em{ position: relative;}
.nav_list>li .n_collapsible .n_subclass>li a em:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #006934;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
	display: none;
} 
.nav_list>li .n_collapsible .n_subclass>li a:hover em:before{
  -webkit-transform-origin: left top;
  transform-origin: left top; 
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
@media (min-width: 1200px){ 
	.nav_list>li:hover .n_collapsible,
	.nav_list>li .n_collapsible.active{ opacity: 1; visibility: visible; pointer-events: all;}  
}
/*=========header_func=========*/ 
.header_func{ display: flex; flex-wrap: nowrap; }  
.func_menu{display: block; position: relative; text-align: center; width:110px; height: 100%; border-left:1px solid rgba(255,255,255, .25);}
.func_menu .iconfont{ font-size: 24px;}
/*menu_tel*/
.menu_tel{ width:auto!important; padding: 0 .35rem; border:none;}
.menu_tel .iconfont{ font-size: 22px; margin-right: .08rem; }
/*menu_search*/
.menu_search{ }  
.search_cover{ position: fixed; top:110px; right:0; z-index: 2; width: 100%; height: -webkit-calc(100vh - 110px); height: calc(100vh - 110px);  background: rgba(255,255,255, .90); color: #006934; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all 0.6s ease; transition:all 0.6s ease;}
.search_cover.active{ opacity: 1; visibility: visible; pointer-events: all;} 
.cover_head{ width: 100%; height: 100px; position: relative; z-index: 20;}
.cover_head .inner{ position: relative; height: 100%;}
.cover_closed{ display: block; position: absolute; top:50%; right:0; transform: translateY(-50%); width: 50px; line-height: 50px; text-align: right; color: #006934;}
.cover_closed .iconfont{ font-size: 28px; -webkit-transition:all 0.6s ease!important; transition:all 0.6s ease!important;}
.cover_closed:hover{ /*color: #006934;*/}
.cover_box{ height: -webkit-calc(100% - 100px); height: calc(100% - 100px); display:flex;  align-items: center; justify-content: center;}
.cover_range{max-width:910px; height: 100%; overflow: hidden; margin: 0 auto; text-align: center; transform: translateY(-100%);}
.search_cover{ }  
.search_tit{ font-weight: 500; margin-bottom: .50rem; }
.search_func{}
.search_form{ position: relative; display: flex; align-items: stretch; border-bottom:1px solid rgba(0,0,0, .20); height: 70px; }
.search_txt{ display: block; width: 100%; height: 100%; padding-left: .24rem; color: #6FB532; }
.search_btn{cursor: pointer; flex: none; margin-left: auto; padding: 0 .20rem; height: 100%; color: #6FB532; }
.search_btn .iconfont{ font-size: 22px; }
 /*menu_phone*/
.menu_phone{ cursor: pointer; }
.menu_phone span{ display:block; width: 24px; height:16px; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.menu_phone i{ display: block; width: 100%; height: 2px; background: #fff; position: absolute; top:0;}
.menu_phone i:nth-of-type(2){ top:8px;}
.menu_phone i:nth-of-type(3){ top:16px;} 
.menu_phone:hover, .menu_phone.active{ background: #006934;}
.menu_phone:hover i, .menu_phone.active i{ background: #ffffff!important;}
.menu_phone.active i:nth-of-type(2){ width:0;}
.menu_phone.active i:nth-of-type(1), 
.menu_phone.active i:nth-of-type(3){ top: 8px;}
.menu_phone.active i:nth-of-type(1){ transform:rotate(-45deg);}
.menu_phone.active i:nth-of-type(3){ transform:rotate(45deg);}   
/*mobile_menu*/
.mobile_menu{  
	position: absolute;
    width: 100%;
     height: -webkit-calc(100vh - 110px); height: calc(100vh - 110px); 
    right: 0;
    top: 100%;
	margin-top: -1px;
    visibility: hidden; 
	opacity: 0;
	pointer-events: none;
    z-index: 1;
	font-size: 16px;
	line-height: 1.72; 
	 color:#333333;
} 
.mobile_menu:before{ content:""; position: fixed; top:0; left:0; width: 100%; height:  100%; background: rgba(0,0,0, .25);}
.mobile_menu.active{ opacity: 1; visibility: visible; pointer-events: all; } 
.mobile_menu a{ color:#333333!important;}
.mobile_menu .nav_box{ width: 100%; max-width: none; height: 100%;/* opacity: 0; visibility: hidden; pointer-events: none;*/ -webkit-transition:all 0.6s ease; transition:all 0.6s ease; }  
.mobile_menu .nav_box .nav_con{width: 70%; max-width: 410px; height: 100%; background: #ffffff; position: absolute; top:0; right:0; -webkit-transform: translateX(100%); transform: translateX(100%); visibility: hidden; 
	transition: visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
	transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1);
	transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
}  
.mobile_menu .nav_box .nav_con .nav_list{ display: block; margin:0;} 
.mobile_menu .nav_box .nav_con .nav_list>li .n_tit{ height:50px; line-height: 50px; border-bottom: 1px solid rgba(0,0,0, .10); padding-left: .30rem;}
.mobile_menu .nav_box .nav_con .nav_list>li .n_tit a.n_a0{ text-align: left; padding:0 50px 0 0;}
.mobile_menu .nav_box .nav_con .nav_list>li .n_tit a.n_a0 em:before{ display:none;}
.mobile_menu .nav_box .nav_con .nav_list>li .n_collapsible{ position: fixed; top:0; left:0; height: 100vh; z-index: 10; margin-left: 0; max-width: 410px; padding:0 .30rem;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);  
	opacity: 1;
	pointer-events: all;
	overflow: hidden;
	overflow-y: auto;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	-webkit-overflow-scrolling: touch;
	transition: visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
	transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1);
	transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1),-webkit-transform .5s cubic-bezier(.23, 1, .32, 1);  	
}
.mobile_menu .nav_box .nav_con .nav_list>li .n_collapsible:before{ display:none!important;}
.mobile_menu .nav_box .nav_con .nav_list>li .n_collapsible.is_open {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;

}
.mobile_menu .nav_box .nav_con .nav_list>li .n_collapsible .n_headline{ display:flex; }
.mobile_menu.active .nav_box{ opacity: 1; visibility: visible; pointer-events: all;}
.mobile_menu.active .nav_box .nav_con{
	-webkit-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
} 

/*header_scroll*/
header:hover .header_line,
header.header_scroll .header_line,
header.header_open .header_line,
body.body_header_dif header .header_line{ color: #333333; box-shadow: 0 0 10px 0 rgba(0,0,0, .10);}  
header:hover .header_line:before,
header.header_scroll .header_line:before,
header.header_open .header_line:before{ opacity: 1!important;} 
header:hover .header_line a,
header.header_scroll .header_line a,
header.header_open .header_line a,
body.body_header_dif header .header_line a{ color: #333333;}   
header:hover .header_line a:hover,
header.header_scroll .header_line a:hover,
header.header_open .header_line a:hover,
body.body_header_dif header .header_line a:hover{ color: #006934;} 
header:hover .nav_list>li.active .n_tit a.n_a0,
header.header_scroll .nav_list>li.active .n_tit a.n_a0,
header.header_open .nav_list>li.active .n_tit a.n_a0,
body.body_header_dif .nav_list>li.active .n_tit a.n_a0{ color: #006934;}
header:hover .nav li a.n_a0 em:before,
header.header_scroll .nav li a.n_a0 em:before,
header.header_open .nav li a.n_a0 em:before,
body.body_header_dif header .nav li a.n_a0 em:before{ background: #006934; }
header:hover .logo a img:nth-child(1),
header.header_scroll .logo a img:nth-child(1),
header.header_open .logo a img:nth-child(1),
body.body_header_dif header .logo a img:nth-child(1){ opacity: 0;} 
header:hover .logo a img:nth-child(2),
header.header_scroll .logo a img:nth-child(2),
header.header_open .logo a img:nth-child(2),
body.body_header_dif header .logo a img:nth-child(2){ opacity: 1;}   
header:hover .func_menu,
header.header_scroll .func_menu,
header.header_open .func_menu,
body.body_header_dif header .func_menu{ color: #006934!important; border-color: rgba(0,0,0, .15);}  
header:hover .menu_phone i,
header.header_scroll .menu_phone i,
header.header_open .menu_phone i,
body.body_header_dif header .menu_phone i{ background: #006934;}  
header:hover .nav_list>li a.n_a0 em:before,
header.header_scroll .nav_list>li a.n_a0 em:before,
header.header_open .nav_list>li a.n_a0 em:before,
body.body_header_dif header .nav_list>li a.n_a0 em:before{ background-color: #006934;}
.menu_search:hover, .menu_search.active, 
header:hover .menu_search:hover, header:hover .menu_search.active,
header.header_scroll .menu_search:hover, header.header_scroll .menu_search.active,
header.header_open .menu_search:hover, header.header_open .menu_search.active{ background: #006934; color: #ffffff!important;}


/*============================ footer ============================*/  
footer{ overflow: hidden; background: linear-gradient(90deg, #008da0, #006936); color:#ffffff; letter-spacing: 0.075em; }
body.body_index footer{ background:none;}
footer a{ color:#ffffff; } 
/*=======footer_top======*/ 
.footer_top{ padding: .90rem 0; display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; color: rgba(255,255,255, .75);} 
.footer_top a{ color: rgba(255,255,255, .75);}
.footer_nav{ flex:1 0 0;/* max-width: 1410px; margin-right: .40rem;*/ display:flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; margin: -.20rem 0;}
.footer_nav:after{ display:none;}
.footer_nav>li{ padding: .20rem 0;} 
.footer_nav_tit{ position: relative; line-height: 1.72; font-weight: 500; color: rgba(255,255,255, 1); }
.footer_nav_tit a{ display:block; color: rgba(255,255,255, 1);}
.footer_nav_tit .icon_jiahao{ cursor: pointer; position: absolute; top:50%; right:0; transform: translateY(-50%); width:40px; height: 40px; line-height: 36px; text-align: center; border-left:1px solid  rgba(255,255,255, .20); color:#ffffff; font-size: 14px; display: none;}
.footer_nav>li.active .footer_nav_tit .icon_jiahao:before{ content: "\eaf5";}
.footer_nav_collapsible{ margin-top: .10rem;}
.footer_nav_linklist{ overflow: hidden; line-height: 2.25; -webkit-transition:opacity .6s ease; transition:opacity .6s ease;}
.footer_nav_linklist li a{ display:block; }
.footer_nav>li:last-child{ margin-right: 0;} 
.footer_nav>li.li_about{ width: 27%; max-width: 380px; }
.footer_nav>li.li_about .footer_nav_linklist li{ margin-bottom: .40rem;}
.footer_nav>li.li_about .footer_nav_linklist li:last-child{ margin-bottom: 0;} 
.footer_nav>li.li_contact{ width:23%; max-width: 320px;}
.footer_nav>li.li_contact .footer_nav_tit{ display:inline-block; vertical-align: baseline;}
.contact_tab{ margin-left: .14rem; display:inline-block; vertical-align: super; font-size: 14px;}
.contact_tab a{ display: inline-block; vertical-align: middle; margin-right: .08rem; padding: 0 .07rem; line-height: 24px;  border: 1px solid #FFFFFF;}
.contact_tab a:last-child{ margin:0;} 
.contact_tab a:hover, .contact_tab a.active{ background: #ffffff; color: #006934;}
.contact_show{ display:none;}
.contact_show .footer_nav_linklist{ opacity: 0;} 
.contact_show.active{ display:block; }
.contact_show.active .footer_nav_linklist{ opacity: 1;} 
/*=======footer_bot======*/ 
.footer_bot{ padding: .35rem 0; border-top:1px solid rgba(255,255,255, .18); display:flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.footer_copyrights{ flex: 1 0 0; margin-right: .40rem;}
.footer_tech{ font-size:14px; color: rgba(255,255,255, .75);}
.footer_follow{ margin-left:auto; display:flex;}
.footer_follow li{ margin-left: .15rem; position: relative;}
.footer_follow li:first-child{ margin-left:0;}
.footer_follow li a.follow_a0{ display:block; background: rgba(255,255,255,0); border: 1px solid rgba(255,255,255, .35); line-height: 42px; border-radius: 22px; padding: 0 .25rem; }
.footer_follow li a.follow_a0 .iconfont{ font-size:22px; margin-right: .10rem;}
.follow_more{ position: absolute; bottom: 100%; left:50%; z-index: 1100; transform: translateX(-50%); box-shadow: 0 0 5px 2px rgba(0,0,0, .10); border-radius: 3px; text-align: center; padding-bottom: 10px; font-size: 14px; opacity: 0; visibility:hidden;pointer-events: none; transition:all 500ms ease; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease;}
.follow_more:before{ content:""; position: absolute; bottom:5px; left: 0; width: 100%; height: 5px; background: url(../images/footer_ico01.png) center top no-repeat; background-size: contain;}
.follow_info{ background: #fff; color: #666666; border-radius: 6px; box-shadow:0 0 20px 0 rgba(0,0,0, .06); width:max-content; padding: 15px 10px;} 
.follow_info img{ display:block; max-width: 140px; margin: 0 auto 10px;}
.footer_follow li:hover a.follow_a0{ background: #FFFFFF; color: #006934;}
.footer_follow li:hover .follow_more{ opacity: 1; visibility: visible; pointer-events: auto;}
/*=======float_menu======*/
.float_menu{ position: fixed; top: 60%; right: 1.72%; z-index: 1004;}
.float_menu li{ position: relative; margin-top: .15rem;}
.float_menu li a.f_m_a0{ display:block; border-radius:50%; background: #ffffff; color: #252525; box-shadow: 0 0 .20rem 0 rgba(0,0,0, .10); text-align: center; width:50px; height: 50px; line-height: 50px;}
.float_menu li a.f_m_a0 .iconfont{ font-size: 23px;}
.f_m_cover{ position:absolute; top: 50%; padding-right: 16px; right:100%; transform:translateY(-50%); text-align: center; opacity: 0; visibility: hidden; pointer-events: none; width: max-content; }
.f_m_cover_inner{ position: relative; background: #006934; color: #ffffff; border-radius: 5px; box-shadow: 2px 0 12px 0 rgba(0,0,0, .10); padding:.05rem .14rem; font-size: 16px; font-weight: bold;}
.f_m_cover_inner:before{ content: ""; position:absolute; top:50%; left: 100%; transform:translateY(-50%) rotate(-90deg); border-width:6px; border-style:solid solid solid; border-color:#006934 transparent transparent; } 
.float_menu li:hover a.f_m_a0{ background-color: #006934; color: #ffffff;}
.float_menu li:hover .f_m_cover{ opacity:1; visibility: visible; pointer-events: all;}
.float_menu li.f_m_weixin .f_m_cover .f_m_cover_inner{ padding: .14rem; font-size:14px; font-weight: normal;}
.float_menu li.f_m_weixin .f_m_cover .f_m_cover_inner img{ max-width:1.45rem;}
.float_menu li.f_m_top{ display:none;}
.float_menu li.f_m_ask{ display:none;}

/*============================ 01 ============================*/  
main{ } 
.sec_box{ padding: 1rem 0; background: 50% 0 no-repeat; background-size: cover;}
.sec_top{ text-align:center; margin-bottom: .65rem;}
.sec_tit{ font-weight: 500; }
.sec_forewords{ margin-top: .20rem;}
.sec_more{ display:block; position: relative; overflow: hidden; margin: 0 auto; text-align: left; width: 2.40rem; min-width: 140px; height: 46px; line-height: 44px; color: #006934; border: 1px solid #006934; text-transform: uppercase; font-family: "centurygothic"; padding: 0 .20rem; -webkit-transition:color 600ms ease; transition:color 600ms ease; }
.sec_more .iconfont{ font-size: 24px; float:right;} 
.sec_more em, .sec_more i{  position: relative; z-index: 1;}
.sec_more:before{ content:""; position: absolute; bottom: 0%; left: 0%; transform: scale(0); width: 200px; height:200px; border-radius: 50%; background: #006934; } 
.sec_more:hover{ color: #ffffff;}
.sec_more:hover:before{ transform: scale(2);}
.effect_swiper{ position:relative;}
body.body_index{ background: url(../images/bg.jpg) center top no-repeat; background-size: cover; color:#ffffff;} 
body.body_index .sec_box{ padding: 1.20rem 0; letter-spacing: 0.075em;}
body.body_index .sec_box a{ color:#ffffff;}
/*=======index_focus======*/   
.index_focus{ padding-top: 0!important; padding-bottom: 0!important; height:100vh;}
.focus_swiper{ height: 100%;}  
.focus_img{ background: 50% bottom no-repeat; background-size: cover; padding-top: 0; height:100%; transform:scale(1); transition:all 3s linear;}
.focus_img img{ top:auto; bottom: 0; object-fit:inherit; object-fit:initial;}
/*.focus_swiper .swiper-slide-active .focus_img{ transform:scale(1.1); transition:all 6s linear;} */
.focus_txt_box{ position:absolute; left:0; top:50%; transform: translateY(-50%); z-index:1; width:100%; color:#FFFFFF;} 
.focus_txt{ padding-left: 5%;}
.focus_txt li{ width:100%; position: relative; display:none; }    
.focus_txt_cn{ line-height: 1.25; }   
.focus_txt_cn i{ display:inline-block; vertical-align:middle; }
.show_tit i{ display:inline-block; vertical-align:text-bottom; transform:translateY(60px); opacity:0; transition:all 1s ease-in-out 0s;}
.focus_txt li.active{ display:block;} 
.show_tit.act i,
.focus_txt li.active .show_tit.act i{ transform:translateY(0); opacity:1;}     
.focus_swiper .swiper-pagination{ position:absolute;}
.focus_swiper .swiper-pagination-bullet{ background-color: transparent!important; vertical-align: bottom; background: none; border:none; border-radius:0; position: relative; width: 30px; height: 30px; margin: 0 4px; opacity: 1; filter: alpha(opacity=100); }  
.focus_swiper .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255, .35);
    width: 100%;
    height: 3px;
}
.focus_swiper .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
} 
.focus_swiper .swiper-pagination-bullet-active:after {
    -webkit-animation: 5s .2s move02 both;
    animation: 5s .2s move02 both;
} 
@-webkit-keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
} 
@keyframes move02 {
    0% {
        transform: scaleX(0);
    }
    100% {
        transition: transform 5s linear;
        transform: scaleX(1);
    }
}  
.focus_swiper .swiper_arrow{ display:none;}
.focus_swiper .swiper_arrow div{ border-color:transparent;}
.focus_swiper .swiper_arrow div:after{font-size: 24px;} 
.focus_swiper .swiper_arrow div.swiper-button-prev{ left: 1.56%; }
.focus_swiper .swiper_arrow div.swiper-button-next{ right:1.56%; }
/*mouse_icon*/
.mouse_icon { display:block; cursor: default; position: absolute; bottom: 60px; left:50%; transform: translateX(-50%); z-index: 2; text-align: center; color: #ffffff; display:none;}
.mouse_icon .mouse {
  width: 17px;
  height: 22px;
  border: 2px solid #fff;
  border-radius: 8px;
  position: relative;
  margin:0 auto 2px;
}
.mouse_icon .mouse:after {
  content: "";
  background: #fff;
  width: 2px;
  height: 4px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px; 
  -webkit-animation: scrollAnim 1.1s infinite;
          animation: scrollAnim 1.1s infinite;
}
.mouse_icon .arrow {
  width: 4px;
  height: 4px;
  display: block;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: relative;
  margin: 0 auto;
  -webkit-animation: arrowAnim 1.2s infinite;
          animation: arrowAnim 1.2s infinite;
}
.mouse_icon .arrow.arrow_01 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
} 
@-webkit-keyframes scrollAnim {
  from {
    top: 0px;
  }
  to {
    top: 5px;
    opacity: 0;
  }
}

@keyframes scrollAnim {
  from {
    top: 0px;
  }
  to {
    top: 5px;
    opacity: 0;
  }
}
@-webkit-keyframes arrowAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes arrowAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.mouse_txt{ display:none; margin-top: .10rem;} 
/*=======index_product======*/  
.index_product{ padding-bottom: 0!important; } 
.product_swiper{ }
.product_swiper .swiper-slide{ width: 580px; opacity: .60; -webkit-transition:opacity .6s ease; transition:opacity .6s ease;}
.product_swiper .swiper_arrow{ display:none;}
.product_area{ } 
.product_area a{ display:block; background: #FFFFFF; border-radius: .12rem; padding: .30rem .30rem .50rem;}
.product_pic_box{ }
.product_pic{ max-width: 420px; margin: 0 auto;}
.product_pic .ico_box{ padding-top: 64.29%;}
.product_info{ color: rgba(0,0,0, .60); max-width: 400px; margin: .30rem auto 0; text-align: center;}
.product_tit{ font-weight: 500; color: #006934;}
.product_des{ margin-top: .15rem;}
.product_swiper .swiper-slide-active{ opacity: 1;} 
.product_swiper .swiper-slide-active .product_pic_box{ 
	-webkit-animation: up_move 3s .2s infinite;
    animation: up_move 3s .2s infinite;
}  
.product_swiper .swiper-pagination-bullet{  background-color: transparent!important; vertical-align: bottom; background: none; border:none; border-radius:0; position: relative; width: 30px; height: .20rem; margin: 0 4px; opacity: 1; filter: alpha(opacity=100); }  
.product_swiper .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255, .35);
    width: 100%;
    height: 3px;
}
.product_swiper .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
} 
.product_swiper .swiper-pagination-bullet-active:after {
    -webkit-animation: 5s .2s move02 both;
    animation: 5s .2s move02 both;
}

/*=======index_engineering======*/  
.index_engineering{ padding-top: 1rem!important; padding-bottom: 0!important; }
.index_engineering .sec_top{ text-align:left;}
.engineering_swiper{}
.engineering_line{ }
.engineering_block{ height: 100%; min-height: 4.80rem; position: relative; border-radius: .12rem; background: linear-gradient(-30deg, rgba(0,177,100,0.03), rgba(0,176,255,0.15)); padding: .65rem .75rem; display:flex; align-items: stretch; -webkit-transition:color .6s ease; transition:color .6s ease; } 
.engineering_block:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: .12rem; background: linear-gradient(-30deg, #006C3D, #00A4EE); opacity: 0;}
.engineering_text{ position: relative; z-index: 1; flex:1 0 0; }
.engineering_tit{ font-weight: 500;}
.engineering_des{ margin-top: .35rem; }
.engineering_des li{ position: relative; padding-left: .35rem; line-height: 26px; margin-bottom: .20rem;}
.engineering_des li:last-child{ margin-bottom: 0;}
.engineering_des li:before{ content: "\e8bd"; font-family: "iconfont"; position:absolute; left:0; top:2px; font-size: .22rem; -webkit-transition:all 0s ease; transition:all 0s ease;}
.engineering_ico{ position: relative; z-index: 1; margin-left: auto; width: 1.20rem; display:flex; align-items: flex-end;}
.engineering_ico .ico_box{ border-radius:50%; border:2px solid #006934; -webkit-transition:border .6s ease; transition:border .6s ease;} 
.engineering_ico .ico_box img:nth-child(2){ opacity: 0; }
.engineering_swiper .swiper-wrapper{ align-items: stretch;}
.engineering_swiper .swiper-slide{ height:auto;} 
.engineering_swiper .engineering_block{ background: none; border:1px solid rgba(255,255,255, .35);}
.engineering_swiper .engineering_block:before{ background: rgba(255,255,255, .85);}
.engineering_swiper .engineering_ico .ico_box{ border-color:#ffffff;}
.engineering_swiper .engineering_ico .ico_box img:nth-child(1){ opacity: 0;}
.engineering_swiper .engineering_ico .ico_box img:nth-child(2){ opacity: 1;}
.engineering_swiper .engineering_des{ opacity:.70; -webkit-transition:opacity .6s ease; transition:opacity .6s ease;} 
.engineering_swiper .engineering_block:hover{ color:#006934;}
.engineering_swiper .engineering_block:hover:before{ opacity:1;}
.engineering_swiper .engineering_block:hover .engineering_ico .ico_box{ border-color:#006934;}
.engineering_swiper .engineering_block:hover .engineering_ico .ico_box img:nth-child(1){ opacity: 1;}
.engineering_swiper .engineering_block:hover .engineering_ico .ico_box img:nth-child(2){ opacity: 0;} 
.engineering_swiper .swiper-pagination{ display:none;}
/*=======index_news======*/ 
.index_news{ padding-bottom: 0!important;}
.news_rec_swiper{ }
.news_rec_block{ /*width:33.33%;*/ height: 100%;}
.news_rec_block a{ display:block; height: 100%; padding: .55rem; border: 1px solid rgba(255,255,255, .20); border-left:none; text-align: justify;}
.news_rec_swiper .swiper-slide:first-child .news_rec_block a{ border-left: 1px solid rgba(255,255,255, .20); }
.news_rec_time{ }
.news_rec_item{ line-height: 30px; max-height: 60px; height: 60px; margin-top: .25rem;}
.news_rec_des{ /*line-height: 28px;*/ max-height: 78px; height: 78px; -webkit-line-clamp:3; margin-top: .25rem;}
.news_rec_img{ border-radius: .12rem; overflow: hidden; margin-top: .45rem;}
.news_rec_img .img_box{ padding-top: 70.83%;}
.news_rec_block a:hover{ background: rgba(255,255,255, .20);}
.news_rec_more{ display:block; text-align: center; margin-top: .70rem; display: none;}
.news_rec_more a{ display:inline-block; position: relative;}
.news_rec_more a:before{ 
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} 
.news_rec_more a:hover:before{
  -webkit-transform-origin: right top;
  transform-origin: right top; 
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.news_rec_swiper .swiper_arrow{ display:none;}
.news_rec_swiper .swiper-pagination{ position: absolute; bottom: .20rem;}

/*============================ 02 ============================*/  
/*=======banner_wrap=====*/
.banner_wrap{ position: relative; overflow: hidden; /*height: 7rem;*/ padding-top: 36.46%;}
.banner_bg, .banner_video{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;}
.banner_bg{ background: 50% 0 no-repeat fixed; background-size: cover;}
.banner_bg img{ display: block; margin: 0 auto; height: 100%;}
.banner_video{ z-index: 2; }
.banner_video video{ display: block; width: 100%; height: 100%; object-fit: cover;}
.banner_tit{ position:absolute; top:50%; left:0; z-index: 3; width: 100%; text-align: center; color: #ffffff; }
.banner_info{ position:absolute; top:0; left:0; z-index: 3; width: 100%; height: 100%;}
.banner_info .inner{ height: 100%; position: relative; display: flex; align-items: center;}
.banner_img{ position: absolute; bottom: 25%; /*right: 7.10%;*/ left:50%; transform: translateX(24%); width: 26.28%; max-width: 500px;}
.banner_img .ico_box{ padding-top: 70%;
	-webkit-animation: up_move 3s .2s infinite;
    animation: up_move 3s .2s infinite;
}
.banner_text{ }
.banner_item{ color:#006934; font-weight: 500;}
.banner_des{ margin-top: .30rem;}
.banner_sign{ display:block; position: relative; top:0; margin-top: .40rem; width: .54rem; height: .54rem; border-radius: 50%; background: url(../images/banner_ico.png) 50% 50% no-repeat; background-size: contain; -webkit-animation: up_move 1.1s infinite; animation: up_move 1.1s infinite;}  
.back_list{ display:block; color:#006934;}
.back_list .iconfont{ display:inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; background: linear-gradient(90deg, #10A6E6, #008348); color: #ffffff; font-size: 14px; border-radius: 50%; margin-right: .08rem;} 
.back_list:hover{ text-decoration: underline;}
.banner_back{ position: absolute; bottom: .24rem; left:20px; z-index: 2;}
.banner_wrap.active .banner_tit{ -webkit-animation: 1s 0.2s fadeInUp both; animation: 1s 0.2s fadeInUp both;}
.banner_wrap.active .banner_item{ -webkit-animation: 1s 0.2s fadeInLeft both; animation: 1s 0.2s fadeInLeft both;}
.banner_wrap.active .banner_des{ -webkit-animation: 1s 0.3s fadeInLeft both; animation: 1s 0.3s fadeInLeft both;}
.banner_wrap.active .banner_sign{ -webkit-animation: 1s 0.4s fadeInLeft both; animation: 1s 0.4s fadeInLeft both;}

/*product_banner*/
.product_banner .banner_bg{ background-attachment: local; background-position: 50% 0!important;}


/*=======product_guide=====*/
.product_guide{}
.product_guide.sticky{ margin-top: 0!important;}
.product_guide .guide_nav li{ flex:none;}
.product_guide .guide_nav li a{ padding:0 .40rem;}
/*=======catalog_wrap=====*/
.catalog_wrap{ background: #ffffff; z-index: 1000; padding: .30rem 0; -webkit-transition:margin .6s ease; transition:margin .6s ease;}
.catalog_wrap.sticky, .guide_warp.sticky, .detail_nav.sticky{ margin-top: 109px;} 
.catalog_nav{ display:flex; flex-wrap: wrap; justify-content: center; margin: -.15rem;}
.catalog_nav li{ margin: .15rem;}
.catalog_nav li a{ display:block; position: relative; background: #F1F1F1; line-height: 44px; border-radius: 22px; overflow: hidden; padding: 0 .40rem;}
.catalog_nav li a:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: linear-gradient(90deg, #0FB9FF, #006C3D); opacity: 0;}
.catalog_nav li a em{ position:relative; z-index: 1;}
.catalog_nav li:hover a:before, 
.catalog_nav li.active a:before{ opacity: 1;}
.catalog_nav li:hover a,
.catalog_nav li.active a{/* background: #006934; */color: #ffffff;}
/*=======product_wrap=====*/
.product_wrap{ padding-top: .30rem;}
.product_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.20rem;}
.product_block{ width: 33.33%; padding: .20rem;}
.product_block a{display:block; height: 100%; background: linear-gradient(-45deg, rgba(90,90,90,0.06), rgba(255,255,255,0)); border: 1px solid #E6E6E6; border-radius: 12px;}
.product_img{}
.product_img .ico_box{ padding-top: 84.44%;}
.product_img .ico_box img{ max-width: 90%; max-height:90%;}
.product_item{ text-align: center; font-weight: bold; padding: 0 .30rem .35rem;}
.product_block a:hover{ background: #FFFFFF; box-shadow: 0px 6px 36px 0px rgba(0,0,0,0.1); color: #006934;}
/*=======product_detail=====*/
.product_detail{ padding-top: .90rem; padding-bottom: .90rem;}
.product_detail .inner{ display:flex; flex-wrap: wrap; align-items: flex-start;}
.detail_nav{z-index: 1000; background: #ffffff; border-left:4px solid #EBECEC; width:1.90rem; padding-right: 0.50rem;}
.detail_nav li{ /*margin-bottom: .10rem;*/}
/*.detail_nav li:last-child{ margin-bottom: 0;}*/
.detail_nav li a{ display:block; color: #999999; padding: .05rem 0;}

.detail_nav li a em{ display:block; position: relative; line-height: 24px; padding-left: .15rem;}
.detail_nav li a em:before{ 
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: -4px;
  background-color: #006934;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
} 
.detail_nav li:hover a em:before,
.detail_nav li.active a em:before{
  -webkit-transform-origin: right top;
  transform-origin: right top; 
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.detail_nav li:hover a,
.detail_nav li.active a{ font-weight: 500; color: #006934;}
.detail_right{ flex:1 0 0;}
.detail_line{ margin-bottom: .90rem;}
.detail_line:last-child{ margin-bottom: 0;}
.detail_tit{ font-weight: 500; margin-bottom: .25rem;}
.detail_des{ color: #666666; line-height: 1.89; }
.technology_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.12rem;}
.technology_list li{ width:33.33%; padding: .12rem;}
.technology_list li a{ display:flex; flex-wrap: wrap; flex-direction: row-reverse; align-items: center; height: 100%; position: relative; background: linear-gradient(90deg, rgba(0,177,100,0.06), rgba(0,176,255,0.1)); padding:.25rem .30rem; border-left: 2px solid #006C3C;;}
.technology_num{ display:block; font-weight: bold; color: #008349; opacity: 0.1; /*position: absolute; top:50%; right:.30rem; transform: translateY(-50%);*/ margin-left: .20rem; }
.technology_list li a p{ overflow: hidden; flex: 1 0 0;}
.advance_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.15rem;}
.advance_list li{ width:20%; padding: .15rem;}
.advance_list li a{ display: block; height: 100%; background: #FFFFFF; box-shadow: 0px 15px 21px 0px rgba(0,107,59,0.08); border-radius: 6px; padding: .40rem .30rem; padding-bottom: .35rem;}
.advance_ico{ max-width: 75px; margin: 0 auto;}
.advance_item{ color: #666666; line-height: 26px; text-align: center; margin-top: .20rem;}
/*=======product_detail=====*/
.product_center{ padding-top: 0!important; padding-bottom: 0!important; }
.center_box{ position: relative; padding-top: 49.06%; background: url(../images/product_bg01.jpg) center bottom no-repeat; background-size: contain;}
.center_box .sec_top{ position: absolute; top:7%; left:0; width: 100%; margin-top: 110px; }
.center_block{ position: absolute; z-index: 1; width: 14%;}
.center_sign{ display:block; width:3.23vw; height: 3.23vw; position: absolute; bottom:100%; left: 50%; transform: translate(-50%, -30%);}
.center_sign:before, .center_sign:after{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 50%; background: center center no-repeat; background-size: contain;}
.center_sign:before{ background-image: url(../images/product_ico01.png);}
.center_sign:after{ background-image: url(../images/product_ico02.png); opacity: 0; transform: scale(0);}
.center_block:hover .center_sign:before{ opacity: 0; transform: scale(0);}
.center_block:hover .center_sign:after{ opacity: 1; transform: scale(1);}
.center_img{}
.center_img a{ display:block; position: relative; padding-top: 60%;}
.center_img img{ display:block; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width:auto; height: auto; max-height: 100%; max-width: 100%;}
.center_img video{ display:block; max-width: 100%; mix-blend-mode: screen;}
.center_info{ position: absolute; top:-22%; left: 55%; z-index: 2; background: #FFFFFF; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); border-radius: 10px; padding: .30rem; width: max-content; max-width: 380px; -webkit-transition:all .6s ease; transition:all .6s ease; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(5%);}
.center_tit{ font-weight: 500; color:#006934;}
.center_des{ -webkit-line-clamp:5; line-height:22px; max-height: 110px; color: #999999; margin-top: .15rem;}
.center_more{ display:block; width: 100%; text-align: center; line-height: 46px; background: linear-gradient(90deg, #0FB9FF, #006C3D); color: #ffffff; border-radius: 8px; margin-top: .20rem; -webkit-transition:opacity .6s ease; transition:opacity .6s ease;}
.center_more:hover{ opacity: .80;}
.center_block:hover{ z-index: 5;}
.center_block:hover .center_info{ opacity: 1; visibility: visible; pointer-events: all; transform: translateX(0%);}
#center_block01{ width: 28%; bottom: 7%; left: 36%;}
#center_block01 .center_sign{ transform: translate(-50%, 140%);} 
#center_block01 .center_img a{ padding-top: 100%;}
#center_block02{ bottom: 17%; left: 2.50%; -webkit-animation-delay: .4s; animation-delay: .4s;} 
#center_block03{ width: 16%; bottom: 21%; left: 15%; -webkit-animation-delay: .6s; animation-delay: .6s;} 
#center_block04{ width: 13%; bottom: 24%; right: 17%; -webkit-animation-delay: .4s; animation-delay: .4s;} 
#center_block04 .center_info{ left:auto; right:55%;}
#center_block05{ bottom: 17%; right: 2.50%; -webkit-animation-delay: .6s; animation-delay: .6s;} 
#center_block05 .center_info{ left:auto; right:55%;}
#center_block01,
#center_block02,
#center_block03,
#center_block04,
#center_block05{
	 -webkit-animation: up_move 3s .2s infinite;
          animation: up_move 3s .2s infinite;
}
.up_move{
    -webkit-animation: 1s .2s up_move both;
    animation: 1s .2s up_move both;
}  
@-webkit-keyframes up_move {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(0%);
  }
}

@keyframes up_move {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(0%);
  }
}

/*============================ 03 ============================*/  
.sub_wrap{ padding: .70rem 0;}
.engineering_wrap{ padding: 1rem 0;}
/*=======engineering_list=====*/
.engineering_list{ display:flex; flex-wrap: wrap; align-items: stretch; margin: -.25rem;}
.engineering_list .engineering_line{ width:50%; padding: .25rem;}
.engineering_list .engineering_line .engineering_block .engineering_des li:before{ color:#006934;}
.engineering_list .engineering_line .engineering_block:hover{ color:#ffffff;}
.engineering_list .engineering_line .engineering_block:hover:before{ opacity:1;}
.engineering_list .engineering_line .engineering_block:hover .engineering_ico .ico_box{ border-color:#ffffff;}
.engineering_list .engineering_line .engineering_block:hover .engineering_ico .ico_box img:nth-child(1){ opacity: 0;}
.engineering_list .engineering_line .engineering_block:hover .engineering_ico .ico_box img:nth-child(2){ opacity: 1;}
.engineering_list .engineering_line .engineering_block:hover .engineering_des li:before{ color:#ffffff;}

/*============================ 04 ============================*/  
.news_wrap{ padding: .50rem 0; }
.news_wrap .inner, 
.guide_warp .inner{ max-width: 1280px;}
/*=======guide_warp=====*/
.guide_warp{ z-index: 1000; padding: .30rem 0; background: #ffffff; border-bottom: 1px solid #DFDFDF;}
.guide_nav{ display:flex; flex-wrap: wrap; justify-content: center;}
.guide_nav li{ flex:1 0 0; padding: 0 .20rem;}
.guide_nav li a{ display: block; position:relative; overflow: hidden; border-radius: 24px; text-align: center; line-height: 48px;}
.guide_nav li a:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: linear-gradient(90deg, #0FB9FF, #006C3D); opacity: 0;}
.guide_nav li a em{ position:relative; z-index: 1;}
.guide_nav li:hover a:before, 
.guide_nav li.active a:before,
.about_guide .guide_nav li a.active:before{ opacity: 1;}
.guide_nav li:hover a, 
.guide_nav li.active a,
.about_guide .guide_nav li a.active{ color:#ffffff;}
.news_guide .guide_nav li:first-child{ max-width: 160px;}
.about_guide .guide_nav li{ max-width: 200px;}


/*=======news_list=====*/
.news_list{}
.news_block{ margin-top: .30rem;}
.news_block:first-child{ margin-top: 0;}
.news_block a{ display:flex; align-items: center; padding: .20rem; border-radius: .15rem;}
.news_img{ width:3.60rem; margin-right: .45rem; border-radius: .15rem;}
.news_img .img_box{ padding-top: 70.83%;}
.news_info{ overflow: hidden; flex:1 0 0;}
.news_tit{ font-weight: 500;}
.news_des{ color: #777777; line-height: 32px; max-height: 64px; margin-top: .20rem;}
.news_func{ display:flex; margin-top: .35rem;}
.news_more{ min-width: 1.30rem; padding: 0 .20rem; line-height: 38px; border: 1px solid #006934; color:#006934; border-radius: 20px; overflow: hidden; position: relative; -webkit-transition:color .6s ease; transition:color .6s ease;}
.news_more:before{ content: ""; position: absolute; top:0; left:0; opacity: 0; width:100%; height: 100%; background: linear-gradient(90deg, #10A6E6, #008348); }
.news_more em{ position: relative; z-index: 1; }
.news_more .iconfont{ position: relative; z-index: 1; margin-left: .06rem;}
.news_time{ color: #999999; margin-left: auto;}
.news_time .iconfont{ font-size: 22px; margin-right: .08rem;}
.news_block a:hover{ box-shadow: 0px 6px 36px 0px rgba(0,0,0,0.1);}
.news_block a:hover .news_more{ border-color: transparent; color:#ffffff;}
.news_block a:hover .news_more:before{ opacity: 1; }
 /*paging*/
.paging{ text-align: center; margin-top: .50rem;}
.paging a{ display: inline-block; vertical-align: middle; min-width: 42px; line-height: 42px; background: #f5f5f5; margin: 0 .06rem;}
.paging a.paging_btn{ padding: 0 .20rem;}
.paging a:hover, .paging a.active{ background: #006934; color: #ffffff;}
/*=======news_article=====*/
.news_article{ padding-top: 0; padding-bottom: 0;} 
.news_article .inner{ display:flex; flex-wrap: wrap; align-items: stretch;}
.article_left{ width: 75.70%; border-right: 1px solid #DEDEDE;}
/*article_top*/
.article_top{ display:flex; align-items: center; padding: .26rem .60rem .26rem 0 ; border-bottom: 1px solid #DEDEDE;}
.article_location{ flex:1 0 0; margin-right: .4%; color: #D0D0D0; background: url(../images/article_ico01.png) left 12% no-repeat; background-size: 16px; padding-left: 16px;}
.article_location a{ display: inline-block; padding: 0 .10rem; color: #777777;}
.article_location a:hover,
.article_location a.active{ color: #006934;}
.article_location .iconfont{ display: inline-block; vertical-align: middle; font-size: 12px; transform: scale(.85);}
.article_back{ margin-left: auto;}
/*article_box*/
.article_box{ padding: .50rem .60rem 0 0;}
.article_head{ margin-bottom: .50rem;}
.article_tit{ font-weight: bold;}
.article_func{ display:flex; align-items: center; margin-top: .15rem;}
.article_time{ color: #999999; font-family: CenturyGothic;}
.article_time .iconfont{ font-size: 22px; margin-right: .10rem;}
.article_bshare{ margin-left:auto;}
.article_bshare .bshare-custom a,
.article_bshare .bshare-custom a.more-style-addthis{ width: 30px; height: 30px; line-height: 30px; padding: 0!important; margin: 0 0 0 .10rem; text-align: center; background-image: none!important; background-color: #E3E3E3; border-radius: 3px;}
.article_bshare .bshare-custom a .iconfont{ pointer-events: none; font-size: 18px; color: #ffffff;}
.article_bshare .bshare-custom a:hover{ text-decoration: none; background-color: #006934;}
.bsBox, #bsPanel, #bsPanel *{ box-sizing: content-box;}
.article_con{ color: #666666; line-height: 1.80;}
.article_con img, .article_con video{ height:auto!important;}
.article_bot{ margin-top: .50rem; padding: .26rem .60rem .60rem 0; border-top: 1px solid #DEDEDE;}
.article_nav{ display:flex; flex-wrap: wrap; margin: -.10rem -.20rem;}
.article_nav li{ width: 50%; padding: .10rem .20rem;}
.article_nav li:nth-child(2){ text-align: right;}
.article_nav li a{ display:block; color: #888888;}
.article_nav li a:hover{ color: #006934;}
.article_right{ overflow: hidden; flex:1 0 0; padding:.35rem 0 0 .50rem;}
.news_relevant{ margin-bottom: .35rem; }
.relevant_tit{ margin-bottom: .25rem;}
.relevant_list{ margin: -.15rem 0;}
.relevant_list li a{ display:block; color: #666666; padding: .15rem 0;}
.relevant_img{ border-radius: .12rem; overflow: hidden;}
.relevant_img .img_box{ padding-top: 70.67%;}
.relevant_item{ margin-top: .15rem;}

/*============================ 05 ============================*/  
.author{ display:block; height: 110px; margin-top: -110px;}
/*=======about_profile=====*/
.about_head{ text-align: center; margin-bottom: .50rem;}
.about_tit{ position: relative; font-weight: 500;}
.about_foreword{ margin-top: .20rem; color:#006934;}
.about_profile{ }
.profile_base{ display:flex; flex-wrap: wrap;} 
.profile_base .about_head{ text-align: left; margin-right: 6%;}
.profile_base .about_head .about_tit{ display: inline-block; vertical-align: top; padding-bottom: .35rem; margin-bottom: .45rem;}
.profile_base .about_head .about_tit:before{ content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: .05rem; background: #00A4EE;}
.profile_text{ flex:1 0 0; overflow: hidden; line-height: 1.89; color: #666666;}
.profile_list{ margin: .50rem -.10rem -.10rem; display:flex; flex-wrap: wrap; align-items: stretch;}
.profile_line{ width: 33.33%; padding: .10rem;}
.profile_block{ position: relative; overflow: hidden; height: 100%; border-radius: .12rem; display:flex; align-items: center; background: #F5F5F5; padding: .37rem .50rem; -webkit-transition:color .6s ease; transition:color .6s ease;}
.profile_block:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: linear-gradient(90deg, #006C3D, #00A4EE); opacity: 0;}
.profile_block dt{ position: relative; z-index: 1; width: 75px; margin-right: .30rem; }
.profile_block dt .ico_box img:nth-child(2){ opacity: 0;}
.profile_block dd{ flex:1 0 0; overflow: hidden; position: relative; z-index: 1; }
.profile_item{ font-weight: 500;}
.profile_des{ line-height: 26px; margin-top: .10rem; color: #666666; -webkit-transition:color .6s ease; transition:color .6s ease;}
.profile_block:hover,
.profile_block:hover .profile_des{ color: #ffffff;}
.profile_block:hover:before{ opacity: 1;}
.profile_block:hover dt .ico_box img:nth-child(1){ opacity: 0;}
.profile_block:hover dt .ico_box img:nth-child(2){ opacity: 1;}
/*=======about_honor=====*/
.about_honor{ background-attachment: local;}
.about_honor .about_head{ text-align: left; margin-right: 6%;}
.honor_swiper{ margin: -20px;}
.honor_swiper .swiper-container{ padding: 20px;}
.honor_block{ height: 100%;}
.honor_block a{ display:block; height: 100%; padding: .20rem; padding-bottom: .35rem; text-align: center; background: rgba(255,255,255, .70); box-shadow: 0px 0px 30px 0px rgba(149,149,149,0.15);}
.honor_block a:hover{  background: rgba(255,255,255, 1);}
.honor_img{ padding-top: 82.76%;}
.honor_item{ margin-top: .20rem;}
.honor_swiper .swiper-pagination{ display:none;}
/*=======about_history=====*/
.about_history{ overflow: hidden;}
.history_swiper{ /*padding: 0 1rem;*/}
.history_show{}
.history_show .swiper-slide{ position: relative; padding: .40rem 0; display:flex; align-items: center;}
.history_sign{ position: absolute; top:50%; left:0; transform:translateY(-56%); width: 100%; text-align: center; font-size: 23vw; font-weight: bold; line-height: 1; opacity: 0.03;}
.history_img{ position: relative; z-index: 1; width:45.65%; margin-right: .70rem;}
.history_img .img_box{ padding-top: 45.94%;}
.history_info{ position: relative; z-index: 1; flex:1 0 0;}
.history_tit{ font-weight: bold; color: #006B3B;}
.history_des{ color: #666666; margin-top: .30rem;}
.history_des li{ margin-bottom: .10rem;}
.history_des li:last-child{ margin-bottom:0;}
.history_show .swiper_arrow{ display:none;}
.history_thumbs{ margin: .20rem 0 0; cursor: e-resize; }
.history_thumbs:before{ content:""; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width:1920px; height: 13px; background: url(../images/history_bg01.jpg) left bottom repeat-x;}
.history_thumbs .swiper-slide{ text-align: center; padding-bottom: 13px;}
.history_thumbs .swiper-slide span{ display:block; position: relative; line-height: 1; padding-bottom: .37rem;}
.history_thumbs .swiper-slide span em{ display: block; -webkit-transition:transform .6s ease; transition:transform .6s ease;}
.history_thumbs .swiper-slide span i{ position: absolute; bottom: -.05rem; left:50%; transform: translateX(-50%); width: .18rem; height: .18rem; border-radius: 50%; -webkit-transition:bottom .6s ease; transition:bottom .6s ease;}
.history_thumbs .swiper-slide span i:before{ content:""; position: absolute; top:0; left:0; width: 100%; height: 100%; border: 2px solid #ffffff; border-radius: 50%;}
.history_thumbs .swiper-slide span i:after{ content:""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: .07rem; height: .07rem; background: #006B3B; border-radius: 50%;}
.history_thumbs .swiper-slide-thumb-active span em{ transform: scale(1.33); color: #006B3B;}
.history_thumbs .swiper-slide-thumb-active span i{ bottom: 0;}
.history_thumbs .swiper-slide-thumb-active span i:before{ border-color: #006B3B;}
.history_thumbs .swiper-pagination{ position: absolute; top:100%; margin-top: 0;}
/*=======about_team=====*/
.about_team{ background-attachment: local;}
.team_swiper{ padding: 0 1rem;}  
.team_swiper .swiper-slide{ width: 850px /*68.60%*/; }  
.team_block{ background: #ffffff; border: 4px solid #FFFFFF; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.15); border-radius: .20rem; position: relative; overflow: hidden; color: #ffffff;}
.team_img{ padding-top: 61.18%; opacity: 0.70; -webkit-transition:opacity .6s ease; transition:opacity .6s ease;}
.team_img:before{ content: ""; position: absolute; bottom: 0; left:0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 107, 59, 0) 70%, rgba(0, 107, 59, 1) 100%); opacity: 0;}
.team_item{ position: absolute; bottom: 0; left:0; z-index: 1; width:100%; padding: .30rem; text-align: center; opacity: 0; -webkit-transition:opacity .6s ease; transition:opacity .6s ease;}
.team_swiper .swiper-slide-active .team_img{ opacity: 1;}
.team_swiper .swiper-slide-active .team_img:before{ opacity: 1;}
.team_swiper .swiper-slide-active .team_item{ opacity: 1;}
.team_swiper .swiper-pagination{ display:none;}

/*============================ 06 ============================*/  
.join_wrap{ } 
.join_wrap .inner{ max-width: 1240px;}
/*=======join_sou=====*/
.join_sou{ max-width: 760px; height: 56px; background: #FFFFFF; box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.1); border-radius: 10px 20px 20px 10px; margin: 0 auto; }
.join_sou form{ display:flex; position: relative; height: 100%;}
.sou_ico{ position:absolute; top:50%; left: 20px; transform: translateY(-50%); color: #006934; }
.sou_ico .iconfont{ font-size: 20px;}
.sou_btn{ cursor: pointer; padding: 0 .30rem; height: 100%; margin-left: auto; color: #ffffff; background: linear-gradient(90deg, #0FB9FF, #006C3D); border-radius: 0px 10px 10px 0px;} 
.sou_txt{ flex:1 0 0; padding-left: 50px;}
/*=======join_screen=====*/
.join_screen{ margin: .60rem -.10rem .30rem; display:flex; flex-wrap: wrap; }
.screen_line{ width:33.33%; padding: .10rem;}
.screen_block{ position: relative;}
.screen_head{ line-height: 56px; padding: 0 .20rem; background: #F4F4F4; border-radius: 6px; display:flex; cursor: pointer;}
.screen_tit{ color: #666666;line-height: 56px;}
.screen_tit .iconfont{ font-size: 22px; color: #006934; margin-right: .14rem;}
.screen_arrow{ margin-left: auto;}
.screen_arrow .iconfont{ font-size: 20px;}
.screen_more{ position:absolute; top:100%; left:0; z-index: 1; width:100%; background: #F4F4F4; padding: .10rem 0; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all .6s ease; transition:all .6s ease;}
.screen_more a{ display:block; padding: .05rem .20rem;}
.screen_more a:hover, .screen_more a.active{ color: #006934;}
.screen_block:hover .screen_more{ opacity: 1; visibility: visible; pointer-events: all;}
.screen_block:hover .screen_arrow .iconfont:before{ display: inline-block; transform: rotate(180deg);}
/*=======join_list=====*/
.join_list{display:flex; flex-wrap: wrap; align-items: stretch; margin: -.10rem;}
.join_block{ width: 33.33%; padding: .10rem;}
.join_block a{display:block; height: 100%; background: #FFFFFF; border: 1px solid #E6E6E6; border-radius: 6px; padding: .30rem;}
.join_item{ font-weight: 500;}
.join_des{ color: #666666; margin-top: .25rem; }
.join_more{  display:block; position:relative; overflow: hidden; text-align: center; margin-top: .30rem; line-height: 2.78; border-radius: 3px; color: #006934; -webkit-transition:color .6s ease; transition:color .6s ease;}
.join_more:before, .join_more:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0,177,100,0.08), rgba(0,176,255,0.08)); }
.join_more:after{ background: linear-gradient(90deg, #0FB9FF, #006C3D); opacity: 0;}
.join_more em{ position:relative; z-index: 1;}
.join_block a:hover{ box-shadow: 0px 6px 36px 0px rgba(0,0,0,0.1);}
.join_block a:hover .join_more{ color: #ffffff;}
.join_block a:hover .join_more:before{ opacity: 0;}
.join_block a:hover .join_more:after{ opacity: 1;}
/*join_detail*/  
.join_detail{ font-size: 16px; padding:35px 40px; max-width: 1200px; margin: 0 auto;  background: #ffffff; color: #666666; border-radius: .20rem; height: 100vh; overflow-y: auto;}
.join_detail_head{ padding-bottom: 20px; border-bottom: 1px solid #E8E8E8;}
.join_detail_tit{ font-size: 36px; margin-bottom: 10px; color: #006B3B; font-weight: 500;}
.join_detail_xg{ display:flex; flex-wrap: wrap; margin: 0 -20px;}
.join_detail_xg li{ padding: 0 20px;}
.join_detail_con{ line-height: 2; padding: 35px 0;}
.join_detail_item{ font-size: 22px; color: #333333; font-weight: 500; margin-bottom: 15px;}
.join_detail_item .iconfont{ display:inline-block; vertical-align: middle; margin-right: 6px; width:22px; height: 22px; background: left center no-repeat; background-size: contain;}
.join_detail_item .iconfont.icon_zhize{ background-image: url(../images/join_ico01.jpg);}
.join_detail_item .iconfont.icon_yaoqiu{ background-image: url(../images/join_ico02.jpg);}
.join_detail_bot{ padding-top: 25px; border-top: 1px solid #E8E8E8;}
.join_detail_apply{ color: #333333;}
.join_detail_apply a{ color: #006B3B;}
.join_detail_apply a:hover{ text-decoration: underline;}
/*join_venobox*/
.join_venobox{}
.join_venobox .vbox-container{ overflow: hidden; padding: 20px;}
.join_venobox .vbox-content{ padding: 0;}
.join_venobox .vbox-child{ height: 540px;}
.join_venobox .vbox-close{display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; background: rgba(0,0,0, .50); padding: 0; font-size: 16px;  font-weight: bold; opacity: 1; color: #ffffff; right: auto; top: 50%; left: 50%; transform: translate(540px, -250px); }
@media (max-width: 1230px){
	.join_venobox .vbox-close{ left:auto; right:40px; transform: translate(0, -250px);}
}


/*============================ 07 ============================*/  
.contact_wrap{ padding-top: .90rem; padding-bottom: .90rem; } 
.contact_wrap .inner{ max-width: 1240px;}
/*=======contact_list=====*/
.contact_list{ margin:-.20rem; display:flex; flex-wrap: wrap; align-items: stretch;}
.contact_line{ padding: .20rem; width: 50%;}
.contact_block{ height: 100%; background: #FFFFFF; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.08); border-radius: 15px; padding: .50rem; padding-bottom: .30rem;}
.contact_tit{ font-weight: 500; padding-bottom: .20rem;  border-bottom: 1px solid #F1F1F1;}
.contact_info{ font-weight: 500;}
.contact_info li{ padding: .20rem 0; border-bottom: 1px solid #F1F1F1;}
.contact_info li:last-child{ border:none;}
.contact_item{ color: #006B3B;}
.contact_item .iconfont{ font-size: 22px; margin-right: .10rem;}
.contact_des{ margin-top: .10rem;}
.contact_info li.li_hotline .contact_des{ font-weight: bold; color: #00A4EE; line-height: 1;}
.contact_map{ position: relative; /*padding-top: 40%;*/ margin-top: .50rem;}
.map_box{ /*position: absolute; top:0; left:0;*/ width: 100%; height: 100%;}




/*page*/
.page {
    text-align: center;
    margin-top: 30px;
}
.page a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    background: #ffffff;
    color: #0b2b4d;
    font-size: 14px;
    margin-bottom: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.page a:hover, .page a.current {
    background: #006934;
    color: #ffffff;
}

.page strong{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 18px;
    background: #006934;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}