@charset "utf-8";
@import "iconfont.css";
.fyc {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	-webkit-box-orient:vertical;
	box-orient:vertical;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-pack:center;
	box-pack:center
}
.fwbet {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.wrap {
	width:88vw;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto
}
@media (max-width:639px) {
.wrap {
width:92vw
}
}
.w1400 {
	width:88vw;
	max-width:1720px;
	margin-left:auto;
	margin-right:auto;
	max-width:1400px
}
@media (max-width:639px) {
.w1400 {
width:92vw
}
}
@media (min-width:992px) {
.w1400 {
padding:0 5vw
}
}
.ver>* {
	display:inline-block;
	vertical-align:middle
}
.table-cell {
	display:table;
	width:100%
}
.table-cell>* {
	display:table-cell;
	vertical-align:middle
}
.row-pv0 {
	margin-left:0;
	margin-right:0
}
.row-pv0>* {
	padding-left:0;
	padding-right:0
}
.mv0 {
	margin-left:0!important;
	margin-right:0!important
}
.pv0 {
	padding-left:0!important;
	padding-right:0!important
}
.pt0 {
	padding-top:0px !important
}
.pb0 {
	padding-bottom:0px !important
}
.mb0 {
	margin-bottom:0 !important
}
.mt0 {
	margin-top:0!important
}
.bggray {
	background:#f4f8fb
}
.bgf {
	background:#fff
}
.c {
	color:#9fd25b
}
.bgc {
	background-color:#9fd25b
}
.cf {
	color:#fff
}
.hv:hover {
	color:#9fd25b
}
.hvf:hover {
	color:#fff
}
.hvbg0:hover {
	background:#000;
	color:#fff
}
.bghover {
transition:.6s
}
.bghover:Hover {
	background-color:#9fd25b;
	color:#fff
}
.l {
	border:1px solid #ebebeb
}
.lb {
	border-bottom:1px solid #ebebeb
}
.lt {
	border-top:1px solid #ebebeb
}
.coverbox {
	position:relative;
	display:block;
	overflow:hidden
}
.coverbox .coverimg {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	z-index:1;
transition:transform .6s ease 0s
}
.coverbox .coverimg.cover {
	background-size:cover
}
.coverbox ._bg {
	width:100%;
	visibility:hidden;
	display:block
}
@media (min-width:993px) {
.coverbox.scale:hover .cover-tip {
opacity:1;
filter:alpha(opacity=1)
}
.coverbox.scale:hover .coverimg {
transform:scale(1.05, 1.05)
}
.coverbox.scale:hover .icon-bofang1 {
font-size:.6rem
}
}
.cover-tip {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	filter:alpha(opacity=0);
transition:all .4s ease 0s;
	z-index:55
}
.cover-tip .bgbox {
	display:block;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.6;
	filter:alpha(opacity=60)
}
.cover-tip .bgbox.blue {
	background-color:rgba(0, 161, 230, 0.8)
}
.cover-tip .stit {
	font-size:16px;
	line-height:30px;
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-15px;
	color:#fff
}
.cover-tip .stit {
	font-size:16px;
	line-height:30px;
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-15px;
	color:#fff
}
.cover-tip .line {
	display:inline-block;
	width:100px;
	height:1px;
	background-color:#f2f2f2;
	position:absolute;
	left:50%;
	margin-left:-50px;
transition:all .6s ease 0s
}
.cover-tip .linet {
	top:0
}
.cover-tip .lineb {
	bottom:0
}
.cover-tip:hover .line {
	width:6px;
	margin-left:-3px;
	opacity:.6;
	filter:alpha(opacity=60)
}
.iconfont {
	font-size:inherit
}
.medium {
	font-family:medium
}
.cover-box ._bg {
	width:100%
}
.w1440 {
	width:88vw;
	max-width:1720px;
	margin-left:auto;
	margin-right:auto
}
@media (max-width:639px) {
.w1440 {
width:92vw
}
}
@media (min-width:1680px) {
.w1440 {
max-width:1440px
}
}
.fadeIntop {
	opacity:0;
	filter:alpha(opacity=0);
	transform:translateY(30px)
}
.fadeIntop.show {
	opacity:1;
	filter:alpha(opacity=100);
	transform:translateY(0);
transition:all .3s ease 0s
}
.pt0 {
	padding-top:0 !important
}
.c {
	color:#9fd25b
}
.swiper-pagination-bullet-active {
	background-color:#9fd25b !important
}
.cItem:not(.active) {
display:none
}
.medium {
	font-family:medium
}
.bsBox {
	box-sizing:content-box
}
.bsBox>* {
	box-sizing:content-box
}
.pagination {
	text-align:center;
	display:block
}
.pagination li {
	margin:0 2px
}
@media (max-width:480px) {
.pagination li {
margin:0 2px
}
.pagination li>* {
padding:5px 12px !important
}
}
.pagination .active>a, .pagination .active>span, .pagination .active>a:hover, .pagination .active>span:hover, .pagination .active>a:focus, .pagination .active>span:focus {
	color:#fff;
	background-color:#9fd25b
}
.pagination li>a, .pagination li>span {
	float:none;
	display:inline-block;
	cursor:pointer;
	color:#000;
	border-radius:0 !important;
	padding:6px 12px;
	border:1px solid #dddddd
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	z-index:2;
	color:#fff;
	background-color:#9fd25b
}
.pagination .active>a, .pagination .active>span, .pagination .active>a:hover, .pagination .active>span:hover, .pagination .active>a:focus, .pagination .active>span:focus {
	color:#fff;
	background-color:#9fd25b
}
.pagination li>a, .pagination li>span {
	float:none;
	display:inline-block;
	cursor:pointer;
	color:#333;
	padding:6px 12px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	z-index:2;
	color:#fff;
	background-color:#9fd25b
}
header {
	position:fixed !important;
	left:0;
	right:0;
	top:0;
	z-index:99;
	position:relative;
transition:.6s;
	background:#fff
}
header .logo {
	width:203px;
	height:100%;
	max-width:70vw;
	background:url('../images/logo_0.png') no-repeat left center;
	background-size:contain;
	display:block
}
header.active, header.bg {
	background:#fff
}
header.active .logo, header.bg .logo {
	background-image:url('../images/logo_0.png')
}
.head_wrap {
	padding:0 60px;
transition:.6s;
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:justify;
	box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	height:94px
}
@media (max-width:992px) {
.head_wrap {
width:88vw;
max-width:1720px;
margin-left:auto;
margin-right:auto;
padding:0;
height:80px
}
}
@media (max-width:992px) and (max-width:639px) {
.head_wrap {
width:92vw
}
}
@media (max-width:768px) {
.head_wrap {
height:60px
}
}
.header_nav {
	overflow:hidden
}
.header_nav:hover {
	overflow:visible
}
.header_nav .header_inner {
	display:flex;
	align-items:center;
	justify-content:flex-end
}
@media (min-width:1361px) {
.header_nav .header_inner {
position:relative
}
}
.header_nav .nav_li {
	overflow:hidden;
	position:relative
}
.header_nav .nav_li a {
	padding-left:35px;
	padding-right:35px;
}
@media (max-width:1600px) {
.header_nav .nav_li a {
	padding-left:25px;
	padding-right:25px;
}
}
@media (max-width:1360px) {
.header_nav .nav_li {
margin-left:.4rem
}

}
.header_nav .nav_li:first-child {
	margin-left:0
}
.header_nav .nav_li.active .header_nac {
	background-color:#1c9546;
	color:#FFFFFF;
}
.header_nav .nav_li:hover {
	overflow:visible
}
.header_nav .nav_li:hover .header_nac {
}
.header_nav .nav_li:hover .drop {
	opacity:1
}
.header_nav .header_nac {
	line-height:94px;
	display:block;
	position:relative;
	color:#000;
	font-size:20px
}
.header_nav .drop {
	position:absolute;
	left:-20px;
	top:90%;
	opacity:0;
	white-space:nowrap;
	z-index:55;
	padding:20px 0;
	text-align:left;
	background:#fff;
	min-width:2rem;
	font-size:17px;
	box-shadow:0 7px 20px rgba(0, 0, 0, 0.14)
}
.header_nav .drop a {
	display:block;
	line-height:2.4;
	padding:0 20px;
	color:#666;
	white-space:nowrap
}
.header_nav .drop a:hover {
	color:#9fd25b
}
.m-menus {
	width:100%;
	max-width:640px;
	height:100vh;
	position:fixed;
	top:100px;
	right:-100%;
	background:#fff;
	overflow:hidden;
	line-height:32px;
	font-size:15px;
	z-index:-999;
	padding-top:2%;
	border-top:1px solid #ebebeb
}
@media (min-width:1200px) {
.m-menus {
display:none
}
}
@media (max-width:992px) {
.m-menus {
top:80px
}
.dh {
display:none
}
}
@media (max-width:768px) {
.m-menus {
top:60px
}
}
.m-menus .inner {
	height:calc((100vh - 85px));
	padding:10px 30px 40px;
	overflow-x:hidden;
	overflow-y:auto
}
@media (max-width:768px) {
.m-menus {
top:60px
}
.m-menus .inner {
height:calc((100vh - 60px))
}
}
.m-menus a {
	display:block;
	color:#000
}
.m-menus.active {
	z-index:999;
transition:.6s;
	right:0
}
.m-menus .item {
	cursor:pointer;
transition:.3s;
	position:relative;
	text-align:center;
	border-bottom:1px solid #ebebeb;
	text-align:left
}
.m-menus .item .tit {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center
}
.m-menus .item>a, .m-menus .tit {
	display:block;
	line-height:52px;
	position:relative;
	font-size:16px
}
.m-menus .tit {
	position:relative
}
.m-menus .tit a {
	display:inline-block;
	min-width:50vw
}
.m-menus .tit .iconfont {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	color:inherit;
	padding:0 10px;
	color:#000;
	font-size:17px
}
.m-menus .xs-menu {
	display:none;
	text-align:left
}
.m-menus .xs-menu dd {
	line-height:30px;
	font-size:14px
}
.m-menus .active .tit, .m-menus .open .tit {
	color:#9fd25b
}
.m-menus .active .tit a, .m-menus .open .tit a {
	color:#9fd25b
}
.m-menus .active .iconfont::before, .m-menus .open .iconfont::before {
content:"\e627"
}
.m-menus .active .xs-menu, .m-menus .open .xs-menu {
	padding:0px 0 30px;
	border-top:1px solid rgba(255, 255, 255, 0.14)
}
.m-menus .head_links_box {
	background:#fff;
	margin-top:1rem;
padding:.1rem .3rem
}
.m-menus .head_links {
	display:flex!important;
	justify-content:center
}
.m-menus .head_links a {
padding:0 .2rem !important;
	display:block;
	flex:1
}
.m-menus .head_links i {
	margin:0 auto
}
.menu_btn {
	width:50px;
	height:50px;
	z-index:101;
	cursor:pointer;
	transform-origin:center center;
	position:relative;
	display:block;
	top:-5px
}
.menu_btn i {
	position:absolute;
	width:26px;
	height:2px;
	background:#000;
	left:12px;
	display:block;
transition:all .4s ease-in-out
}
.menu_btn i:nth-of-type(1) {
top:20px
}
.menu_btn i:nth-of-type(2) {
top:30px
}
.menu_btn i:nth-of-type(3) {
top:40px
}
.menu_btn.active i:nth-of-type(1) {
transform:rotate(225deg) translate(-7px, -7px)
}
.menu_btn.active i:nth-of-type(3) {
opacity:0
}
.menu_btn.active i:nth-of-type(2) {
transform:rotate(-225deg) translate(0, 0)
}
header.bg .menu_btn i, header.active .menu_btn i {
	background-color:#151c2a
}
header.bg .header_nav .header_nac, header.active .header_nav .header_nac {
	color:#000
}
.bggray {
	background:#f4f8fb
}
footer {
	background-color:#2e2e2e;
	color:#fff;
}
footer .top {
	position:absolute;
	right:0;
	bottom:0;
	background-color:#9fd25b;
	color:#fff;
	max-width:5.7rem;
	width:30vw;
	line-height:1rem;
padding-left:.52rem;
	font-size:16px;
	font-weight:bold
}
footer .top em {
	display:block;
padding-left:.34rem;
	background:url('../images/tagt.png') no-repeat 0 center
}
.ft-topper {
	padding:0.7rem 0 0.4rem;
	position:relative;
	z-index:55
}
@media (min-width:1200px) {
.ft-topper {
display:flex;
justify-content:space-between
}
.ft-topper .ft-follow {
order:-1
}
}
@media (max-width:1199px) {
.ft-topper {
padding-bottom:.4rem
}
}
.ft-topper a {
	color:#fff;
	opacity:.5
}
.ft-topper a:hover {
	opacity:1;
	color:#fff
}
@media (max-width:640px) {
.ft-topper {
padding-top:.4rem
}
}
.ft-navs {
	min-width:0;
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-webkit-flex-shrink:1;
	-ms-flex-negative:1;
	flex-shrink:1
}
@media (min-width:992px) {
.ft-navs ul {
display:flex;
justify-content:space-between
}
.ft-navs li+li {
margin-left:5%
}
.ft-navs li {
min-width:0;
-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
-webkit-flex-shrink:1;
-ms-flex-negative:1;
flex-shrink:1;
padding-top:0rem;
position:relative
}
}
}
@media (min-width:992px) and (max-width:992px) {
.ft-navs ul {
flex-wrap:wrap
}
}
@media (max-width:992px) {
.ft-navs .navitem {
min-width:auto;
margin-right:.6rem
}
}
@media (max-width:992px) and (min-width:769px) {
.ft-navs .navitem {
margin-bottom:.5rem
}
}
.ft-navs .navitem h4 {
	font-size:16px;
	position:relative;
	margin-bottom:0px;
	font-weight:400;
	color:#999999
}
.ft-navs .navitem .icon-jia {
	float:right;
transition:.3s;
	display:none;
	margin-right:10px
}
.ft-navs .navitem .info {
	line-height:30px;
	font-size:16px
}
.ft-navs .navitem .info a {
	display:block
}
@media (max-width:991px) {
.ft-navs {
margin-bottom:.5rem
}
.ft-navs .navitem {
float:none;
width:100%
}
.ft-navs .navitem .icon-jia {
display:block
}
.ft-navs .navitem h4 {
position:relative;
border-bottom:1px solid rgba(255, 255, 255, 0.14);
line-height:50px;
margin:0;
font-weight:normal
}
.ft-navs .navitem .info {
display:none;
font-size:15px;
padding:10px 0px;
line-height:2
}
.ft-navs .navitem.active h4 {
font-weight:bold
}
.ft-navs .navitem.active .iconfont::before {
content:"\e627"
}
}
@media (max-width:768px) {
.ft-navs .navitem h4 {
font-size:16px
}
}
@media (min-width:1200px) {
.ft-follow {
width:38%;
padding-right:6vw
}
}
.ft-follow .logo {
	display:block;
	max-width:165px
}
.ft-follow .info {
	font-size:16px;
padding-top:.3rem
}
.ft-follow .info .iitem {
	margin-bottom:14px;
	padding-left:38px;
	color:#fff;
	display:block;
	line-height:1.4
}
@media (max-width:640px) {
.ft-follow .info .iitem {
padding-left:30px
}
}
.ft-follow .info .site {
	background:url('../images/ft_01.png') no-repeat 0 0
}
.ft-follow .info .tel {
	opacity:1;
	background:url('../images/ft_02.png') no-repeat 0 0
}
.ft-follow .info .area {
	background:url('../images/ft_03.png') no-repeat 0 0
}
@media (max-width:1199px) {
}
.ft-bottom {
	padding-top:30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3b3b3b;
	margin-bottom:0px;
}
.ft-bottom .copyright {
	color:#999999;
	font-size:14px;
	line-height:30px;
	height:100px;
}
.ft-bottom .copyright a {
	color:#999
}
.ft-bottom .copyright a:hover {
	color:#fff
}
.index_banner {
	height:calc(100vh - 80px);
	position:relative;
	overflow:hidden;
	width:100vw
}
.index_banner .bg {
	display:block;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center
}
.index_banner img {
	display:none
}
@media (max-width:1680px) {
.index_banner {
height:auto
}
.index_banner img {
display:block
}
.index_banner .bg {
background:none!important
}
}
.index_banner .pnext {
	left:6%;
	right:6%;
	top:0;
	bottom:0
}
.index_banner .pnext>div {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:5;
width:.6rem;
height:.6rem;
	border-radius:50%;
	z-index:555;
	margin-top:-0.3rem;
transition:.6s;
	cursor:pointer;
	background:rgba(0, 0, 0, 0.3)
}
@media (min-width:768px) {
.index_banner .pnext>div {
opacity:0
}
}
.index_banner .pnext>div::after {
font-size:.24rem;
color:#fff
}
.index_banner .pnext>div.swiper-button-prev {
	left:4%
}
.index_banner .pnext>div.swiper-button-next {
	right:4%
}
.index_banner .pnext>div:hover {
	background-color:#45b8dc
}
@media (max-width:480px) {
.index_banner .pnext>div {
width:26px;
height:26px;
line-height:26px;
text-align:center
}
.index_banner .pnext>div::after {
font-size:.36rem
}
}
@media (max-width:640px) {
.index_banner .pnext>div {
width:46px;
height:46px;
line-height:46px;
text-align:center
}
.ft-bottom .copyright {
	color:#999999;
	font-size:14px;
	line-height:30px;
	height: auto;
}
}
@media (min-width:768px) {
.index_banner:hover .pnext div {
opacity:1
}
.index_banner:hover .pnext div.swiper-button-prev {
left:6%
}
.index_banner:hover .pnext div.swiper-button-next {
right:6%
}
}
.mouse_btn {
	text-align:center;
	font-size:16px;
	letter-spacing:4px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	z-index:5;
bottom:.54rem;
	z-index:55;
	padding-top:36px;
	cursor:pointer;
	color:#fff
}
.mouse_btn .icon {
	animation:downico 1s infinite alternate linear;
	background:url('../images/mouse.png') no-repeat center top;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
transition:.6s
}
.mouse_btn:hover {
	color:#fff
}
.fs24 {
font-size:.24rem
}
@media (max-width:992px) {
.fs24 {
font-size:20px
}
}
@media (max-width:640px) {
.fs24 {
font-size:19px
}
}
.fs36 {
font-size:.36rem
}
@media (max-width:992px) {
.fs36 {
font-size:24px
}
}
@media (max-width:768px) {
.fs36 {
font-size:22px
}
}
.desc {
	font-size:16px;
	line-height:1.875;
	color:#666
}
.vbox {
	padding:0.3rem 0
}
.vbtn {
	height:40px;
	line-height:40px;
	color:#fff;
	display:inline-block;
padding:0 .34rem;
	font-size:16px;
	border:1px solid #fff;
	border-radius:2em;
	letter-spacing:1px
}
.vbtn em {
padding-right:.36rem;
	display:block;
transition:.6s;
	background:url('../images/tag2.png') no-repeat right center
}
@media (max-width:640px) {
.vbtn {
height:36px;
line-height:36px;
padding:0 .56rem
}
.vbtn em {
padding-right:.56rem
}
}
.vbtn:hover {
	background-color:#9fd25b;
	border-color:#9fd25b;
	color:#fff
}
.vbtn:hover em {
	transform:translateX(5px)
}
.vbtn.bg {
	background-color:#9fd25b;
	border-color:#9fd25b
}
.vbtn.bg:hover {
	background-color:#151c2a;
	border-color:#151c2a
}
.vbtn._line {
	border-color:#9fd25b;
	color:#9fd25b
}
.vbtn._line em {
	background-image:url('../images/tag3.png')
}
.vbtn._line:hover {
	background-color:#9fd25b;
	border-color:#9fd25b;
	color:#fff
}
.vbtn._line:hover em {
	background-image:url('../images/tag2.png')
}
.hd1 {
	font-size:36px;
padding-bottom:.1rem;
	position:relative;
	color:#1c9546;
	font-weight:bold;
}
.hd2 {
	font-size:18px;
padding-bottom:.24rem;
	position:relative;
margin-bottom:.5rem;
	color:#333333;
	text-align:center;
}
.hd3 {
	font-size:36px;
padding-bottom:.1rem;
	position:relative;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.hd4 {
	font-size:18px;
padding-bottom:.24rem;
	position:relative;
margin-bottom:.5rem;
	color:#fff;
	text-align:center;
}
 @media (max-width:992px) {
.hd1 {
font-size:24px
}
}
@media (max-width:768px) {
.hd1 {
font-size:22px
}
}
@media (max-width:640px) {
.hd1 {
font-size:23px
}
}
.hd1::after {
content:'';
display:block;
position:absolute;
bottom:0
}
.hd1.center {
	text-align:center
}
.hd1.center::after {
left:50%;
transform:translateX(-50%)
}
.index_about {

	background-color:#f9f9f9

}
@media (max-width:640px) {
.index_about {
background-size:auto 50%
}
}
.index_about .wrap {
	max-width:1400px
}
.index_about .datas {
	max-width:660px;
margin:.54rem auto .86rem;
	width:80vw;
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:justify;
	box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.index_about .datas .val {
	color:#9fd25b;
	font-family:medium
}
.index_about .datas .val b {
font-size:.6rem;
	font-weight:normal;
	line-height:1.3;
	font-family:medium
}
.index_about .datas .val .unit {
font-size:.24rem;
	position:relative;
	margin-top:-2px
}
@media (max-width:640px) {
.index_about .datas .val b {
font-size:.8rem
}
}
.index_about .datas .tit {
	font-size:16px
}
.index_news {
	background-color:#f4f8fb;
padding:.9rem 0 1.6rem
}
.index_news .hd {
	position:relative
}
.index_news .nav {
	position:absolute;
	right:0;
	top:0
}
.index_news .nav a {
	line-height:37px;
	border-radius:2em;
	color:#6ac293;
	border:2px solid #6ac293;
	font-size:16px;
	display:inline-block;
padding:0 .3rem;
margin-left:.2rem
}
.index_news .nav a:hover {
	background-color:#6ac293;
	color:#fff
}
@media (max-width:480px) {
.index_news .nav a {
line-height:30px;
margin-left:.1rem;
font-size:15px
}
}
@media (min-width:992px) {
.index_news .bd {
position:relative;
padding-left:50%
}
.index_news .lbox {
position:absolute;
left:0;
top:0;
bottom:0;
width:50%;
padding-right:.6rem;
border-right:1px solid #ebebeb;
overflow:hidden
}
.index_news .lbox .img {
height:100%
}
.index_news .rbox {
padding-left:.5rem
}
.index_news .rbox .info {
position:relative
}
.index_news .rbox .info::after {
content:'';
display:block;
width:1px;
height:54px;
background-color:#ebebeb;
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:5;
right:-0.4rem
}
.index_news .rbox .inner {
position:relative;
padding-right:1.6rem
}
.index_news .rbox .datebox {
width:1.18rem;
height:100%;
text-align:center;
position:absolute;
right:0;
top:0;
overflow:hidden
}
.index_news .rbox .datebox .dateinner {
width:200%;
height:100%;
position:absolute;
left:-100%;
top:6px;
transition:.6s
}
.index_news .rbox .datebox .arr {
width:50%;
height:100%;
background:url('../images/tag.png') no-repeat center center;
position:absolute;
left:50%;
top:0
}
.index_news .rbox .datebox .date {
position:absolute;
width:50%;
top:0;
bottom:0;
left:0
}
.index_news .rbox .datebox .d {
color:#9fd25b;
font-family:medium;
display:block;
font-size:.3rem;
margin-bottom:6px
}
.index_news .rbox .datebox .y {
color:#666
}
.index_news .rbox li:hover .tit {
color:#9fd25b
}
.index_news .rbox li:hover .datebox .dateinner {
left:0
}
}
@media (min-width:992px) and (max-width:1280px) {
.index_news .lbox {
border-right:none
}
}
@media (min-width:992px) and (max-width:1280px) {
.index_news .rbox {
padding-left:0
}
}
@media (max-width:991px) {
.index_news .lbox {
position:relative
}
}
.index_news .lbox .tit {
	position:absolute;
left:.3rem;
bottom:.3rem;
right:.3rem;
	color:#fff;
	z-index:55;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	z-index:555;
font-size:.24rem
}
@media (max-width:992px) {
.index_news .lbox .tit {
font-size:20px
}
}
@media (max-width:640px) {
.index_news .lbox .tit {
font-size:19px
}
}
.index_news li {
padding:.3rem 0;
	border-bottom:1px solid #ebebeb
}
@media (max-width:1280px) {
.index_news li {
padding:.2rem 0
}
}
.index_news li:first-child {
padding-top:.2rem
}
@media (max-width:991px) {
.index_news li {
padding:.4rem 0 !important
}
}
.index_news li .tit {
	font-size:20px;
	color:#666;
margin-bottom:.1rem;
	display:block;
	line-height:1.6
}
@media (min-width:992px) {
.index_news li .tit {
overflow:hidden;
white-space:nowrap;
-o-text-overflow:ellipsis;
text-overflow:ellipsis
}
}
.index_news li .desc {
	color:#999
}
@media (min-width:992px) {
.index_news li .desc {
overflow:hidden;
white-space:nowrap;
-o-text-overflow:ellipsis;
text-overflow:ellipsis
}
}
@media (max-width:991px) {
.index_news li .dateinner {
display:-webkit-flex;
display:flex;
display:-webkit-box;
display:box;
-webkit-align-items:center;
align-items:center;
-webkit-box-align:center;
box-align:center;
-webkit-box-pack:justify;
box-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
margin-top:.2rem
}
.index_news li .time {
color:#666;
font-size:16px
}
.index_news li .arr {
background:url('../images/tag.png') no-repeat center center;
width:30px;
height:30px;
display:block;
border-radius:50%;
border:1px solid #9fd25b
}
}
.ic_filter {
	overflow:hidden
}
.ic_filter .ic {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	display:block
}
.ic_hover .ic {
	margin-left:-200px;
	filter:drop-shadow(200px 0 0 #fff)
}
.index_contact {
	background:url('../images/bg02.jpg') no-repeat center center;
	background-size:cover;
	color:#fff;
	padding:1.7rem 0
}
.index_contact h2 {
font-size:.48rem;
margin-bottom:.3rem
}
.index_contact .txt {
font-size:.3rem;
margin-bottom:.7rem;
	line-height:1.7
}
.BMap_cpyCtrl, .anchorBL {
	display:none
}
#map label, #map img {
	max-width:none;
	max-height:none
}
.index_logos {
	padding:1rem 0 1rem;
	max-width:1380px
}
.index_logos ul {
	margin-left:-0.1rem !important;
	margin-right:-0.1rem !important
}
.index_logos ul>* {
padding-left:.1rem !important;
padding-right:.1rem !important;
margin-bottom:.2rem
}
.index_logos ul li {
	width:20%;
	float:left
}
@media (max-width:992px) {
.index_logos ul li {
width:25%
}
}
@media (max-width:640px) {
.index_logos ul li {
width:33.33%
}
}
@media (max-width:480px) {
.index_logos ul li {
width:50%
}
}
.index_logos ul .img {
	display:block;
	border:1px solid #ebebeb;
transition:.6s
}
.index_logos ul .img:hover {
	box-shadow:0 0 10px rgba(0, 0, 0, 0.1)
}
.banner_box {
	position:relative;
	height:5.4rem;
	overflow:hidden
}
.banner_box .bg {
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	transition:all 5.6s cubic-bezier(.04, .79, 1, 1) !important;
	transform:scale(1.1)
}
.banner_box.animated .bg {
	transform:scale(1)
}
.banner_box .inner {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	-webkit-box-orient:vertical;
	box-orient:vertical;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-pack:center;
	box-pack:center
}
.banner_box .wrap {
	color:#fff;
padding-top:.5rem
}
.banner_box h2 {
font-size:36px;
font-weight:bold;
	line-height:1.1;
margin-bottom:.26rem;
text-align:center;
}
.banner_box .txt {
	font-size:22px;
	line-height:50px;
	color:#fff;
	background-color:#1c9546;
	text-align:center;
	width:50%; margin-left:auto; margin-right:auto
}
@media (max-width:768px) {
.banner_box h2 {
font-size:20px
}
.banner_box .txt {
	font-size:16px;
	line-height:50px;
	color:#fff;
	background-color:#1c9546;
	text-align:center;
	width:100%; margin-left:auto; margin-right:auto
}
}
.fixed_nav {
	overflow:hidden;
	background-color: #f9f9f9;
}
@media (min-width:768px) {
.fixed_nav .wrap {
display:-webkit-flex;
display:flex;
display:-webkit-box;
display:box;
-webkit-align-items:center;
align-items:center;
-webkit-box-align:center;
box-align:center;
-webkit-box-pack:justify;
box-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
}
@media (max-width:640px) {
.fixed_nav {
text-align:center
}
}
@media (max-width:991px) {
.fixed_nav .wrap {
width:100vw
}
}
@media (max-width:640px) {
}
.fixed_nav:not(.scroll) nav {
display:-webkit-flex;
display:flex;
display:-webkit-box;
display:box;
-webkit-align-items:center;
align-items:center;
-webkit-box-align:center;
box-align:center;
-webkit-box-pack:justify;
box-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
.fixed_nav:not(.scroll) a {
min-width:0;
-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
-webkit-flex-shrink:1;
-ms-flex-negative:1;
flex-shrink:1
}
.fixed_nav nav {
	font-size:17px
}
.fixed_nav nav a {
padding:0 .26rem;
	position:relative;
	display:block;
	color:#666
}
@media (min-width:992px) {
.fixed_nav nav a+a {
margin-left:14px
}
}
.fixed_nav nav a:not(.active):hover {
color:#9fd25b
}
.fixed_nav nav em {
	display:block;
	position:relative;
	height:80px;
	line-height:80px
}
@media (max-width:992px) {
.fixed_nav nav em {
height:56px;
line-height:56px
}
}
.fixed_nav nav .active {
	background-color:#9fd25b;
	color:#fff
}
@media (max-width:600px) {
.fixed_nav nav a {
padding:0 .1rem
}
}
@media (max-width:480px) {
.fixed_nav nav {
font-size:16px;
min-width:70%;
text-align:center
}
}
.fixed_nav .crumbs {
	color:#333;
line-height:.76rem;
font-size:16px;
}
.fixed_nav .crumbs a {
	color:#333
}
.fixed_nav .crumbs a:hover {
	color:#9fd25b
}
.fixed_nav .crumbs em {
	
}
.fixed_nav .crumbs i {
	padding:0 10px
}
@media (max-width:991px) {
.fixed_nav .crumbs {
padding:0 4vw
}
}
@media (max-width:640px) {
.fixed_nav .crumbs {
display:none
}
}
.about_box {
padding:.9rem 0 1.4rem
}
@media (min-width:992px) {
.about_box {
padding:1rem 0;
display:-webkit-flex;
display:flex;
display:-webkit-box;
display:box;
-webkit-align-items:center;
align-items:center;
-webkit-box-align:center;
box-align:center;
-webkit-box-pack:justify;
box-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between
}
.about_box .lbox, .about_box .rbox {
width:50%
}
.about_box .rbox {
padding-left:1.1rem
}
}
@media (max-width:991px) {
.about_box .lbox {
margin-bottom:.8rem
}
}
.about_box .txt {
	font-size:16px;
	line-height:1.86;
	color:#666;
margin:.3rem 0 .6rem
}
.about_box .data {
	display:flex;
	justify-content:space-between;
	text-align:center;
	max-width:540px;
	width:90%
}
.about_box .data .val {
	color:#9fd25b;
	line-height:1.45;
	font-family:medium;
font-size:.24rem
}
.about_box .data .val b {
	font-weight:normal;
font-size:.6rem
}
@media (max-width:992px) {
.about_box .data .val {
font-size:14px
}
.about_box .data .val b {
font-size:34px
}
}
.value_box {
padding:.9rem 0
}
.value_box .row {
	margin-left:-0.12rem !important;
	margin-right:-0.12rem !important
}
.value_box .row>* {
padding-left:.12rem !important;
padding-right:.12rem !important;
margin-bottom:.24rem
}
.value_box .inner {
padding:.55rem .42rem;
	background:#fff;
	border-radius:4px;
	position:relative
}
.value_box .inner .ic_filter {
width:.94rem;
height:.94rem;
	display:block;
	position:absolute;
right:.4rem;
	top:50%;
	transform:translateY(-50%)
}
.value_box .inner h4 {
font-size:.24rem;
	position:relative;
margin-bottom:.26rem;
padding-bottom:.12rem
}
@media (max-width:992px) {
.value_box .inner h4 {
font-size:20px
}
}
@media (max-width:640px) {
.value_box .inner h4 {
font-size:19px
}
}
.value_box .inner h4::after {
content:'';
display:block;
position:absolute;
width:20px;
height:2px;
background-color:#9fd25b;
left:0;
bottom:0
}
.value_box .inner .txt {
font-size:.18rem
}
@media (max-width:768px) {
.value_box .inner .txt {
font-size:16px
}
}
.value_box .inner:hover {
	background-color:#9fd25b;
	color:#fff
}
.value_box .inner:hover h4::after {
background:#fff
}
.value_box .inner:hover .ic {
	margin-left:-200px;
	filter:drop-shadow(200px 0 0 #fff)
}
.group_box {
padding:.9rem 0;
	position:relative
}
@media (min-width:640px) {
.group_box .hd1 {
margin-bottom:0;
position:absolute;
left:0;
top:.9rem
}
}
.group_box .bd {
	text-align:center
}
.honor_box {
	padding:1rem 0
}
.honor_box .bd {
	position:relative
}
.honor_box .bd .pnext {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:5;
	width:48px;
	height:48px;
	line-height:48px;
	text-align:center;
	box-sizing:content-box;
	border-radius:50%;
	z-index:555;
	border:1px solid #d6d6de;
	color:#d6d6de;
	background:#f4f8fb
}
.honor_box .bd .pnext::after {
color:inherit;
font-size:16px
}
.honor_box .bd .pnext:hover {
	background-color:#9fd25b;
	color:#fff;
	border-color:#9fd25b
}
.honor_box .bd .swiper-button-prev {
	margin-left:0
}
.honor_box .bd .swiper-button-next {
	margin-right:0
}
.honor_box .w1400 {
	max-width:90%
}
.honor_box .honor_swiper {
	margin-left:-0.12rem;
	margin-right:-0.12rem
}
.honor_box .honor_swiper li {
	width:calc((100% /4))
}
@media (max-width:992px) {
.honor_box .honor_swiper li {
width:calc((100% /3))
}
}
@media (max-width:640px) {
.honor_box .honor_swiper li {
width:50%
}
}
@media (max-width:480px) {
.honor_box .honor_swiper {
margin-left:0;
margin-right:0
}
.honor_box .honor_swiper .inner {
margin:0 4vw
}
.honor_box .honor_swiper li {
width:100%
}
}
@media (max-width:992px) {
.honor_box .honor_swiper {
padding-bottom:1rem
}
}
.honor_box .inner {
	text-align:center;
margin:0 .12rem
}
.honor_box .inner .tit {
	font-size:16px;
	color:#666
}
.honor_box .img {
	background:#fff;
padding:.26rem;
margin-bottom:.26rem;
	position:relative
}
.honor_box .img:hover::after {
content:'';
display:block;
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:55;
background:url("../images/search.png") no-repeat center center rgba(159, 210, 91, 0.9);
cursor:pointer
}
.new_main {
padding:.8rem 0 1.4rem
}
.new_main .list {
	margin-left:-0.13rem !important;
	margin-right:-0.13rem !important;
margin-bottom:.6rem
}
.new_main .list>* {
padding-left:.13rem !important;
padding-right:.13rem !important;
margin-bottom:.26rem
}
@media (max-width:600px) {
.new_main .list li {
width:100%
}
}
.new_main .inner {
	background-color:#f7f7f7
}
.new_main .inner:hover .coverbox::after {
content:'';
display:block;
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background:url('../images/play.png') no-repeat center center rgba(0, 0, 0, 0.3);
z-index:55
}
.new_main .inner:hover .tit {
	color:#9fd25b
}
.new_main .info {
padding:.26rem .24rem .34rem
}
@media (max-width:600px) {
.new_main .info {
padding:.4rem .4rem .6rem
}
}
.new_main .info .time {
	color:#999;
	font-family:medium;
	font-size:16px;
	margin-bottom:16px;
	padding-bottom:10px;
	position:relative
}
.new_main .info .time::after {
content:'';
display:block;
position:absolute;
width:20px;
height:2px;
background-color:#9fd25b;
left:0;
bottom:0
}
.new_main .info .tit {
font-size:.2rem;
line-height:.36rem;
height:.72rem;
	display:block;
	word-break:break-all;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	-webkit-line-clamp:2
}
@media (max-width:1199px) {
.new_main .info .tit {
font-size:16px;
line-height:28px;
height:56px
}
.new_main .info .time {
font-size:14px
}
}
.video_main {
padding:.8rem 0 1.5rem
}
.video_main .list {
margin-bottom:.4rem
}
.video_main .item {
	border-bottom:1px solid #f7f7f7;
padding:.4rem 0;
	position:relative
}
@media (max-width:639px) {
.video_main .item {
padding:.6rem 0
}
}
.video_main .item:first-child {
	padding-top:0 !important
}
.video_main .item::after {
content:'';
width:0;
height:1px;
background-color:#9fd25b;
position:absolute;
left:0;
bottom:-1px;
transition:.6s
}
@media (min-width:640px) {
.video_main .item {
display:flex
}
.video_main .item .coverbox {
max-width:500px;
width:27%;
margin-right:.6rem
}
}
.video_main .item .info {
	flex:1;
padding-top:.2rem
}
@media (max-width:639px) {
.video_main .item .info {
padding-top:.4rem
}
}
.video_main .item .info .time {
	font-size:16px;
	color:#999;
	font-family:medium
}
.video_main .item .info .tit {
font-size:18px;
font-weight:bold;
	line-height:1.5;
	display:block;
margin:.16rem 0 .26rem
}
@media (max-width:992px) {
.video_main .item .info .tit {
font-size:20px
}
}
@media (max-width:640px) {
.video_main .item .info .tit {
font-size:19px
}
}
@media (max-width:640px) {
.video_main .item .info .tit {
line-height:30px;
height:60px;
word-break:break-all;
display:-webkit-box;
-webkit-box-orient:vertical;
overflow:hidden;
-webkit-line-clamp:2;
margin-bottom:.2rem
}
}
.video_main .item .info .txt {
	font-size:14px;
	line-height:30px;
	height:60px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	-webkit-line-clamp:2;
	color:#666;
margin-bottom:.6rem
}
@media (max-width:639px) {
.video_main .item .info .txt {
font-size:15px;
line-height:26px;
height:52px
}
}
@media (max-width:992px) {
.video_main .item .info .tit {
font-size:20px
}
}
@media (max-width:639px) {
.video_main .item .info .tit {
color:#9fd25b;
margin-bottom:.2rem;
font-size:18px;
font-weight:bold;
}
}
.video_main .item:hover::after {
width:100%
}
.video_main .item:hover .tit {
	color:#239a4c;
	font-weight:bold;
	font-size:18px
}
@media (min-width:992px) {
.col_page {
display:flex;
align-items:stretch
}
.col_page .col_main {
flex:1;
padding-right:.9rem;
border-right:0px solid #f7f7f7
}
.col_page .col_sub {
max-width:500px;
width:28%;
min-width:300px;
padding-left:.44rem
}
}
@media (max-width:767px) {
.col_page .col_main {
margin-bottom:1rem
}
}
.col_page_news {
padding:55px 0 1rem
}
.sub_box h2 {
	font-size:20px;
margin-bottom:.3rem;
padding-left:.18rem;
	position:relative
}
.sub_box h2::before {
content:'';
display:block;
width:2px;
height:20px;
background-color:#9fd25b;
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:5;
left:0
}
@media (max-width:991px) and (min-width:640px) {
.sub_arc {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.sub_arc li {
width:48%
}
}
.sub_arc li {
margin-bottom:.3rem;
	display:flex;
	align-items:center
}
.sub_arc .coverbox {
margin-right:.16rem;
	width:38%;
	display:block
}
.sub_arc .tit {
	flex:1;
	display:block;
	line-height:28px;
	max-height:84px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	-webkit-line-clamp:3;
	color:#666;
	font-size:16px
}
.sub_arc .tit:hover {
	color:#9fd25b
}
@media (max-width:992px) {
.sub_arc .tit {
height:56px;
-webkit-line-clamp:2
}
}
.col_main_arc h1 {
font-size:36px;
font-weight:bold;
	line-height:1.4;
	text-align:center;
}
@media (max-width:992px) {
.col_main_arc h1 {
font-size:26px
}
}
@media (max-width:480px) {
.col_main_arc h1 {
font-size:24px
}
}
.col_main_arc .time {
	font-size:16px;
padding:.2rem 0;
	border-bottom:1px solid #f0f0f0;
	color:#999;
	font-family:medium;
	text-align:center
}
.col_main_arc .arc_content {
	font-size:16px;
	line-height:30px;
padding:.48rem 0 .4rem;
	border-bottom:1px solid #f7f7f7;
margin-bottom:.0rem;
	color:#666
}
.col_main_arc .arc_content p {
	margin-bottom:1em
}
.col_main_arc .arc_content img {
	margin:1em auto;
	display:block
}
.business_desc {
padding:.7rem 0 1.1rem
}
.business_desc .hd1 {
margin-bottom:.26rem
}
.business_desc.tc {
	max-width:940px
}
.business_info {
	padding:1rem 0 1.2rem
}
.business_info .bd {
	background:#fff
}
.business_info h3 {
	font-size:20px;
padding-bottom:.24rem;
margin-bottom:.2rem;
	position:relative;
	color:#000
}
.business_info h3::after {
content:'';
display:block;
position:absolute;
width:28px;
height:2px;
background-color:#1a1a1a;
left:0;
bottom:0
}
@media (min-width:768px) {
.business_info .item {
display:flex;
align-items:stretch
}
.business_info .info, .business_info .img {
width:50%
}
.business_info .info {
padding:.6rem .6rem;
display:flex;
flex-direction:column;
justify-content:center
}
.business_info .item:nth-child(2n+1) .info {
order:-1
}
}
@media (max-width:767px) {
.business_info .info {
padding:.6rem .6rem
}
}
@media (max-width:480px) {
.business_info .desc {
font-size:15px
}
}
.style_box {
	padding:1rem 0 1.2rem
}
.style_box .swiper-pagination-bullet {
	background:#fff
}
.style_box .bd {
	background:#fff
}
.style_box li {
margin-bottom:.68rem;
padding:.5rem .7rem
}
@media (max-width:640px) {
.style_box li {
padding:.26rem 0
}
}
.style_box li .imgbox {
	position:relative
}
.style_box li .imgbox .id {
	color:#9fd25b;
	font-size:2rem;
	opacity:.5;
	font-family:medium;
	position:absolute;
	left:-0.7rem;
	top:-1rem;
	line-height:1
}
.style_box li .hd1 {
margin-bottom:.3rem
}
@media (min-width:768px) {
.style_box .item {
display:flex;
align-items:stretch
}
.style_box .info, .style_box .imgbox {
width:50%
}
.style_box .info {
padding:.6rem 0 .6rem 1.2rem;
display:flex;
flex-direction:column;
justify-content:center
}
.style_box .info .desc {
font-size:18px
}
}
@media (min-width:768px) and (max-width:1359px) {
.style_box .info {
padding:.4rem 0 .4rem .5rem
}
.style_box .info .desc {
font-size:15px
}
}
@media (max-width:767px) {
.style_box .info {
padding:.6rem .6rem
}
}
@media (max-width:640px) {
.style_box .info {
padding-left:0;
padding-right:0
}
}
@media (max-width:480px) {
.style_box .desc {
font-size:15px
}
}
.style_box .nav {
	display:none
}
@media (min-width:1360px) {
.style_box .swiper-pagination {
display:none
}
.style_box .nav {
display:block
}
.style_box .nav ._bg {
height:100%
}
.style_box .imgbox {
padding-right:110px;
position:relative
}
.style_box .imgbox .nav {
position:absolute;
top:0;
bottom:0;
left:0;
width:88px
}
.style_box .imgbox .nav .swiper-slide {
cursor:pointer;
opacity:.2
}
.style_box .imgbox .nav .swiper-slide-thumb-active {
opacity:1
}
.style_box .item:nth-child(2n) .imgbox {
padding-left:110px;
padding-right:0
}
.style_box .item:nth-child(2n) .imgbox .nav {
right:auto;
left:0
}
}
@media (min-width:1360px) and (min-width:1920px) {
.style_box .imgbox .nav {
top:34px;
bottom:34px
}
}
@media (min-width:768px) {
.style_box .item {
padding-left:0;
padding-right:0
}
.style_box .item:nth-child(2n) .info {
order:-1;
padding:.6rem 1.2rem .6rem 0
}
.style_box .item:nth-child(2n) .id {
left:auto;
right:-0.7rem
}
}
@media (min-width:768px) and (max-width:1359px) {
.style_box .item:nth-child(2n) .info {
padding:.4rem .5rem .4rem 0
}
}
@media (max-width:767px) {
.style_box .id {
left:0!important;
top:-1rem !important;
z-index:55
}
}
.rtop {
	width:50px;
	height:50px;
	background:url('../images/top.png') no-repeat center center;
	background-color:#9fd25b;
	position:fixed;
	right:50px;
	bottom:50px;
	z-index:5555;
	cursor:pointer;
	border-radius:50%;
transition:.6s;
	opacity:0;
	transform:translateY(20px)
}
@media (max-width:640px) {
.rtop {
right:10px;
bottom:10px;
width:40px;
height:40px
}
}
@media (min-width:768px) {
.rtop:hover {
background-color:#9fd25b
}
}
.rtop.show {
	transform:translateY(0);
	opacity:1
}