﻿.main-color {
	color:#ff5b09
}
.w1400 {
	width:1440px;
	margin:auto
}
.w1600 {
	width:1600px;
	margin:auto
}
@font-face {
	font-family:'iconfont';
	src:url('../fonts/iconfont.eot');
	src:url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('img/iconfont.woff') format('woff'),url('img/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg#iconfont') format('svg')
}
.icon {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:.2px;
	-moz-osx-font-smoothing:grayscale
}
.bg-f5 {
	background:#f5f5f5
}
.bg-f9 {
	background:#eef1f7
}
.pt-108 {
	padding-top:108px
}
.box-border {
	box-sizing:border-box
}
.font-72 {
	font-size:4.5rem
}
.font-60 {
	font-size:3.75rem
}
.font-36 {
	font-size:2.25rem
}
.font-32 {
	font-size:2rem
}
.font-30 {
	font-size:1.875rem
}
.font-24 {
	font-size:1.5rem
}
.font-20 {
	font-size:1.25rem
}
.font-48 {
	font-size:3rem
}
.font-18 {
	font-size:1.125rem
}
.font-16 {
	font-size:1rem
}
.font-14 {
	font-size:14px
}
.font-12 {
	font-size:12px
}
.color-3 {
	color:#212637
}
.color-6 {
	color:#666
}
.color-9 {
	color:#999
}
.color-f {
	color:#fff
}
.color-b {
	color:#ff5b09
}

.color-home {
	color:#ff5b09
}
.page_title {
  border-bottom: 1px solid #ff5b09;
  padding-top: 15px;
}

.page_title h3 {
  width: 140px;
  height: 42px;
  font-size: 18px;
  margin-top: 10px;
  display: block;
  color: #fff;
  line-height: 42px;
  background: #ff5b09;
  text-align: center;
  font-weight: normal;
}
.news_list {
  width: 100%;
  padding: 20px;
  border: 1px solid #EBEBEB;
}

.news_list ul li {
  width: 100%;
  float: left;
  height: 38px;
  padding-top: 9px;
  border-bottom: 1px dashed #c6c6c6;
  margin-bottom: 8px;
}

.news_list ul li a {
  float: left;
  width: 60%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  color: #666;
}

.news_list ul li p {
  float: right;
  font-size: 12px;
  color: #666;
}

.news_list ul li:hover a {
  color: #ff5b09;
}
.hot_new{background:#fff;margin-top:20px;padding:0 10px;}
.hot_new .news_list {
  border: none;
  padding: 0;
  margin-top: 8px;
}

.hot_new .news_list li {
  width: 49%;
  float: left;
  margin-right: 2%;
  padding-left: 17px;
  background: url(../../img/dian2.png) no-repeat 5px center;
}

.hot_new .news_list li:nth-child(2n) {
  margin-right: 0;
}

.flink {
  margin-top: 50px;
  width: 100%;
}

.flink .flink_tit {
  width: 100%;
  position: relative;
}

.flink .flink_tit p {
  height: 12px;
  width: 100%;
  background: url(../img/dian.png);
  position: absolute;
  top: 15px;
}

.flink .flink_tit span {
  height: 42px;
  background: #ff5b09;
  color: #fff;
  font-size: 14px;
  border: 1px solid #ff5b09;
  position: relative;
  z-index: 9;
  display: block;
  width: 115px;
  text-align: center;
  line-height: 42px;
  margin-left: 0px;
}

.flink .flink_list {
  width: 100%;
  margin-top: 20px;
  margin-left: 0px;
}

.flink .flink_list ul li {
  float: left;
  margin-right: 28px;
  margin-bottom: 8px;
}

.flink .flink_list ul li a {
  font-size: 12px;
  color: #5a5a5a;
}

.flink .flink_list ul li a:hover {
  color: #ff5b09;
}

.showarea {
    padding: 15px 0;
}
.showarea h3 {
  padding-bottom: 10px;
  font-size: 16px;
  color: #ff5b09;
  border-bottom: 1px solid #e4e4e4;
  display: block;
}
.showarea h3 span {
  font-weight: 400;
  color: #999;
  text-transform: uppercase;
}
.showarea .list {
      overflow: hidden;
    margin-top: 20px;
}
.showarea .list a {
    display: block;
    margin-right: 17px;
    font-size: 14px;
    float: left;
    margin-bottom: 12px;
	color:#787878;
}
.showarea .list a:hover {
  color: #ff5b09;
}
.pro_tag {
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    line-height: 40px;
    margin-top: 20px;
}

.pro_tag span {
  font-size: 14px;
  color: #333;
}
.pro_tag a {
  font-size: 11px;
  color: #666;
  padding-right: 15px;
}
.pro_tag a:hover {
  color: #ff5b09;
}
.show_pages {
  padding-top: 20px;
}

.show_pages p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 6px;
}

.show_pages p a {
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.ho-img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	min-width:auto;
	min-height:auto;
	width:100%;
	height:100%;
	transform:none;
	transition:transform .5s ease;
	object-fit:cover;
	max-height:100%
}
.swiper-pagination-bullet-active {
	background:#ff5b09
}
.flex-1 {
	flex:1
}
header .nav-top .content {
	height:100px
}
header .nav-top .content .logo {
	height:100%
}
header .nav-top .content .logo img {
	max-height:80%
}
header .nav-top .content .info .code {
	width:42px;
	height:42px;
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px #bbb solid;
	border-radius:50%
}
header .nav-top .content .info .code img {
	position:absolute;
	left:-20px;
	right:-20px;
	height:82px;
	top:110%;
	display:none;
	background:#fff;
	z-index:10
}
header .nav-top .content .info .code:hover {
	background:#ff5b09;
	border-color:#ff5b09
}
header .nav-top .content .info .code:hover .icon {
	color:#fff
}
header .nav-top .content .info .code:hover img {
	display:block
}
header .nav-top .content .info .tel span {
	width:42px;
	height:42px;
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px #bbb solid;
	border-radius:50%
}
header .nav-top .content .info .tel h4 {
	color:#ff5b09
}
header .menu .icon {
	font-size:24px
}
header .head-nav ul {width:100%;}
header .head-nav ul li {width:12.5%;float:left;height:64px;text-align:center;}
header .head-nav ul li a {
	height:64px;
	line-height:64px; 
	position:relative;
	z-index:1; 
}
 
header .head-nav ul li:hover,header .head-nav ul li.active{
	color:#fff; background:#ff5b09;
}
header .head-nav ul li:hover a,header .head-nav ul li.active a{
	color:#fff; 
}

@keyframes navtop {
	0% {
	top:120%
}
100% {
	top:100%
}
}footer {
	background:#262c41
}
footer .content ul li {
	margin-right:70px
}
footer .content ul li:last-child {
	margin-right:0
}
footer .content ul li a {
	display:block;
	color:#b7bfda;
	line-height:36px
}
footer .content ul li a:hover {
	color:#fff
}
footer .content .contact .code p {
	color:#b7bfda
}
footer .content .contact ol li span {
	width:48px;
	height:48px;
	border-radius:50%;
	background:rgba(255,255,255,0.1);
	display:flex;
	justify-content:center;
	align-items:center
}
footer .content .contact ol li span .icon {
	color:#b7bfda
}
footer .content .contact ol li p,footer .content .contact ol li h4 {
	color:#b7bfda
}
footer .content .contact ol li p {
	width:240px
}
footer .links span {
	font-size:12px;
	color:#b7bfda
}
footer .links a {
	font-size:12px;
	color:#b7bfda;
	margin-right:10px
}
footer .links a:hover {
	color:rgba(255,255,255,0.7)
}
footer .code img {
	width:100px
}
footer .copyright {
	border-top:1px rgba(255,255,255,0.1) solid
}
footer .copyright p {
	color:#b7bfda;
	font-size:14px
}
footer .copyright a {
	color:#b7bfda;
	font-size:14px;
	margin-left:10px
}
footer .copyright a:hover {
	color:rgba(255,255,255,0.8)
}
.foot-btn {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	background:#ff5b09;
	z-index:9999
}
.foot-btn a {
	height:50px;
	width:25%;
	border-left:1px rgba(255,255,255,0.2) solid;
	box-sizing:border-box;
	font-size:12px;
	color:#fff
}
.foot-btn a .icon {
	color:#fff;
	font-size:18px;
	margin-bottom:2px
}
.foot-btn a:first-child {
	border-left:none
}
.menu-container-mask {
	position:fixed;
	top:0;
	left:100%;
	width:100vw;
	height:100vh;
	overflow:hidden;
	z-index:1000;
	background-color:rgba(0,0,0,0.6);
	transition:.2s;
	z-index:9999
}
.menu-container {
	position:absolute;
	top:0;
	right:0;
	width:60%;
	height:100%;
	overflow:hidden;
	background-color:#fff
}
.top-menu-list {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	transition:.2s
}
.top-menu-list.active {
	transform:translateX(-100%)
}
.top-menu-list>li {
	height:48px;
	line-height:48px
}
.top-menu-list>li li:first-child,.top-menu-list>li:first-child {
	height:45px
}
.top-menu-list>li li:first-child>a,.top-menu-list>li:first-child>a {
	background-color:#f7f7f7;
	height:45px
}
.top-menu-list>li a {
	height:100%;
	padding:0 32px 0 16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#666;
	font-size:14px
}
.top-menu-list>li a span {
	color:#666;
	font-size:14px
}
.top-menu-list>li a .icon {
	color:#666;
	font-size:14px
}
.top-menu-list>li .title-name {
	height:100%;
	padding:0 32px 0 16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#666;
	font-size:14px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.top-menu-list ul {
	position:absolute;
	left:100%;
	width:100%;
	background-color:#fff;
	top:0;
	height:100%;
	display:none
}
.top-menu-list ul.active {
	display:block
}
.common-pagination span {
	width:10px;
	height:10px;
	border:1px #f5f5f5 solid;
	background:none;
	opacity:1
}
.common-pagination .swiper-pagination-bullet-active {
	background:#ff5b09 !important;
	border:1px #ff5b09 solid !important
}
.navbar-nav-more-body {
	position:fixed;
	top:0;
	left:100%;
	width:100vw;
	height:100vh;
	overflow:hidden;
	z-index:1000;
	background-color:rgba(0,0,0,0.6);
	transition:.2s
}
.navbar-nav-more-body .box-shadown {
	position:absolute;
	top:0;
	left:0;
	width:40%;
	height:100%
}
.navbar-nav-more-body .offcanva {
	position:absolute;
	top:0;
	right:0;
	width:60%;
	height:100%;
	overflow:hidden;
	background-color:#fff
}
.navbar-nav-more-body .offcanvas-body {
	position:relative
}
.navbar-nav-more-body .offcanvas-end {
	width:60%;
	z-index:999999
}
.navbar-nav-more-body .top-menu-list {
	position:absolute;
	top:0px;
	right:0;
	width:100%;
	height:100%;
	transition:.2s;
	font-size:1rem;
	padding:0
}
.navbar-nav-more-body .top-menu-list.active {
	transform:translateX(-100%)
}
.navbar-nav-more-body .top-menu-list>li {
	height:3.5rem;
	line-height:3.5rem;
	padding:0
}
.navbar-nav-more-body .top-menu-list>li li:first-child,.navbar-nav-more-body .top-menu-list>li:first-child {
	height:2.8rem
}
.navbar-nav-more-body .top-menu-list>li li:first-child>a,.navbar-nav-more-body .top-menu-list>li:first-child>a {
	background-color:#f7f7f7;
	height:2.8rem
}
.navbar-nav-more-body .top-menu-list>li a {
	height:100%;
	padding:0 1rem;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.navbar-nav-more-body .top-menu-list>li a:hover {
	color:#ff5b09
}
.navbar-nav-more-body .top-menu-list ul {
	position:absolute;
	left:100%;
	width:100%;
	background-color:#fff;
	top:0;
	height:100%;
	padding:0;
	display:none
}
.navbar-nav-more-body .top-menu-list ul.active {
	display:block
}
.navbar-nav-more-body .top-menu-list .icon {
	font-size:16px;
	color:#666
}
.navbar-nav-more-body .top-menu-list ul.active .icon {
	margin-right:.5rem
}
.position {
	height:50px
}
.position .content {
	height:100%
}
.position .category ul li a {
	display:flex;
	align-items:center;
	height:50px;
	padding:0 24px
}
.position .category ul li:hover,.position .category ul li.active {
	background:#ff5b09
}
.position .category ul li:hover a,.position .category ul li.active a {
	color:#fff
}
.breadcrumb {
	margin-bottom:0rem;
	font-size:14px;
	color:#ff5b09
}
.breadcrumb-item+.breadcrumb-item::before {
	content:var(--bs-breadcrumb-divider,">")
}
.breadcrumb-item {
	display:flex;
	align-items:center
}
.breadcrumb-item a {
	color:#666;
	font-size:14px
}
.breadcrumb-item a:hover {
	color:#ff5b09 !important
}
.pagination-box {
	text-align:center;
	line-height:32px;
	color:#595959
}
.pagination-box select {
	margin:0 8px
}
.pagination-box a,.pagination-box span {
	display:inline-block;
	width:32px;
	height:32px;
	line-height:30px;
	border:1px solid #e2e2e2;
	border-radius:2px;
	text-align:center;
	margin-right:8px;
	cursor:pointer;
	vertical-align:top;
	color:#666
}
.pagination-box a:last-child,.pagination-box span:last-child {
	margin-right:0
}
.pagination-box a.active,.pagination-box span.active,.pagination-box a.current,.pagination-box span.current,.pagination-box a:hover,.pagination-box span:hover {
	background-color:#ff5b09;
	border-color:#ff5b09;
	color:#fff !important
}
.pagination-box select {
	height:32px;
	border:1px solid #e2e2e2;
	box-sizing:border-box
}
.pagination-box .prev_disabled,.pagination-box .next_disabled {
	background-color:transparent !important;
	border-color:#e2e2e2 !important;
	color:#e2e2e2 !important;
	cursor:no-drop
}
.pagination-box .prev_disabled:hover,.pagination-box .next_disabled:hover {
	color:#e2e2e2 !important
}
.pagination-box .page_num {
	border:none
}
.pagination-box .prev::before,.pagination-box .prev_disabled::before {
	content:'<'
}
.pagination-box .next::before,.pagination-box .next_disabled::before {
	content:'>'
}
.ho-more {
	position:relative;
	overflow:hidden;
	z-index:1;
	transition:.5s;
	box-sizing:border-box
}
.ho-more::before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:-100%;
	border-radius:50%;
	height:0;
	z-index:-1;
	background:#ff5b09;
	transition:.6s
}
.ho-more i {
	position:absolute;
	left:0;
	right:0;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:.6s
}
.ho-more i:first-child {
	top:0
}
.ho-more i:last-child {
	top:100%
}
.ho-more:hover {
	border-color:#ff5b09 !important;
	animation:delaybg .6s forwards
}
.ho-more:hover::before {
	bottom:-20px;
	height:80px;
	left:-20px;
	right:-20px
}
.ho-more:hover i {
	color:#fff
}
.ho-more:hover i:first-child {
	top:-100%
}
.ho-more:hover i:last-child {
	top:0
}
@keyframes delaybg {
	100% {
	background:#ff5b09
}
}.searchlist-input-container {
	display:flex;
	width:100%;
	background:#fff;
	height:60px;
	border-radius:8px;
	padding-left:16px;
	overflow:hidden
}
.searchlist-input-container .key {
	flex:1
}
.searchlist-input-container .sub {
	height:60px;
	background:#ff5b09;
	color:#fff;
	width:60px
}
.searchlist-input-container .sub:hover {
	color:rgba(255,255,255,0.8)
}
.qqkefu {
	position:fixed;
	bottom:200px;
	z-index:99;
	right:0;
	width:50px
}
.qqkefu ul li {
	width:50px;
	height:50px;
	margin:4px 0;
	position:relative
}
.qqkefu ul li .item {
	position:absolute;
	left:0;
	top:0;
	right:0;
	height:100%;
	transition:left .5s;
	background:rgba(153,153,153,0.9);
	border-bottom-left-radius:8px;
	border-top-left-radius:8px;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
	z-index:1
}
.qqkefu ul li.sc .item {
	position:absolute;
	left:0;
	top:0;
	right:-80px;
	bottom:0;
	transition:.5s
}
.qqkefu ul li.sc .item p,.qqkefu ul li.sc .item a {
	position:absolute;
	top:0;
	bottom:0;
	left:50px;
	width:100px;
	overflow:hidden;
	color:#fff;
	font-size:14px;
	display:flex;
	align-items:center;
	white-space:normal
}
.qqkefu ul li.sc1:hover .item {
	background:#ff5b09;
	left:-80px
}
.qqkefu ul li.sc2:hover .item {
	background:#ff5b09;
	left:-120px
}
.qqkefu ul li.sc3 p {
	width:200px !important
}
.qqkefu ul li.sc3:hover .item {
	background:#ff5b09;
	left:-240px
}
.qqkefu ul li .icon {
	position:absolute;
	left:0;
	top:0;
	display:flex;
	justify-content:center;
	align-items:center;
	width:50px;
	height:50px;
	font-size:24px;
	color:#fff
}
.qqkefu ul li .f_code {
	position:absolute;
	right:110%;
	bottom:0;
	width:100px;
	height:100px;
	display:none;
	transition:.5s
}
.qqkefu ul li .f_code img {
	width:100%;
	height:100%
}
.qqkefu ul li:hover .item {
	background:#ff5b09
}
.qqkefu ul li:hover .f_code,.qqkefu ul li:hover .ewm {
	display:flex
}
.qqkefu ul li:hover a {
	opacity:1
}
.home-product {
	background:url(img/pro-bg.jpg);
	background-size:cover
}
.product-list .content .pro-menu {
	width:244px;
	background:#ff5b09
}
.product-list .content .pro-menu ol>.item>h3,.product-list .content .pro-menu ol>.item>a {
	cursor:pointer;
	position:relative;
	transition:.5s;
	height:62px
}
.product-list .content .pro-menu ol>.item>h3::before,.product-list .content .pro-menu ol>.item>a::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:4px;
	width:8px;
	height:8px;
	display:flex;
	margin:auto;
	background:#f5ca3e
}
.product-list .content .pro-menu ol>.item>h3 span,.product-list .content .pro-menu ol>.item>a span {
	transition:.5s
}
.product-list .content .pro-menu ol>.item>h3 b,.product-list .content .pro-menu ol>.item>a b {
	width:34px;
	height:34px;
	border-radius:50%;
	background:rgba(0,0,0,0.3);
	display:flex;
	justify-content:center;
	align-items:center
}
.product-list .content .pro-menu ol>.item>h3 .icon,.product-list .content .pro-menu ol>.item>a .icon {
	transition:.5s;
	font-weight:100
}
.product-list .content .pro-menu ol>.item>h3:hover span,.product-list .content .pro-menu ol>.item>a:hover span {
	transform:translateX(6px)
}
.product-list .content .pro-menu ol>.item .pro-nav-title {
	display:none
}
.product-list .content .pro-menu ol>.item .pro-nav-title ol {
	background:#fff;
	border-bottom:1px rgba(255,255,255,0.5) solid
}
.product-list .content .pro-menu ol>.item .pro-nav-title ol a {
	height:50px;
	border-bottom:1px #eee solid;
	position:relative
}
.product-list .content .pro-menu ol>.item .pro-nav-title ol a::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:4px;
	width:8px;
	height:8px;
	border:1px #666 solid;
	border-radius:50%;
	display:flex;
	margin:auto
}
.product-list .content .pro-menu ol>.item .pro-nav-title ol a:hover::before {
	background:#ff5b09;
	border-color:#ff5b09
}
.product-list .content .pro-menu ol>.item .pro-nav-title ol a:hover span {
	color:#ff5b09
}
.product-list .content .pro-menu ol>.item .pro-nav-title ol .active::before {
	background:#ff5b09;
	border-color:#ff5b09
}
.product-list .content .pro-menu ol>.item .pro-nav-title ol .active span {
	color:#ff5b09
}
.product-list .content .pro-menu ol>.item.active>h3::before,.product-list .content .pro-menu ol>.item.active>a::before {
	background:#fff
}
.product-list .content .pro-menu ol>.item.active .pro-nav-title {
	display:block
}
.product-list .content .pro-menu ol>.item.active>a {
	font-weight:bold
}
.product-list .content .pro-menu .contact {
	background:#e24d03
}
.product-list .content .pro-menu .contact .tel span {
	width:34px;
	height:34px;
	border-radius:50%;
	border:1px #fff solid;
	display:flex;
	justify-content:center;
	align-items:center
}
.product-list .content .pro-menu .contact .tel p {
	color:#fff
}
.product-list .content .pro-menu .contact a {
	width:100%;
	height:36px;
	background:#fff
}
.product-coomon ul li .item {
	padding-top:85%;
	box-sizing:border-box;
	background:#fff;
	border:1px #eee solid;
	margin-left:-1px;
	margin-bottom:-1px
}
.product-coomon ul li .item .img {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:flex;
	justify-content:center;
	align-items:center
}
.product-coomon ul li .item .img img {
	max-width:98%;
	max-height:98%
}
.product-coomon ul li .item h4 {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:flex;
	justify-content:center;
	align-items:center;
	background:rgba(255,91,9,0.7);
	opacity:0;
	transition:.5s
}
.product-coomon ul li .item:hover h4 {
	opacity:1
}
.home-describe {
	background:url(img/describe-bg.jpg);
	background-size:cover
}
.home-describe .content .text p {
	color:rgba(255,255,255,0.8)
}
.home-describe .content .text a {
	width:200px;
	height:46px
}
.home-describe .content .text a:first-child {
	background:#fff
}
.home-describe .content .text a:last-child {
	border:1px #fff solid
}
.home-describe ol li {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	margin-left:10%
}
.home-describe ol li:first-child {
	margin-left:0
}
.home-describe ol li div {
	width:170px;
	height:170px;
	background:url(img/i-bg.png);
	background-size:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column
}
.home-describe ol li div h5 {
	line-height:30px
}
.home-case .case-nav ul li .img {
	display:flex;
	justify-content:center;
	align-items:center;
	height:46px;
	transition:.5s
}
.home-case .case-nav ul li .img img {
	max-height:100%
}
.home-case .case-nav ul li .img .a {
	display:block
}
.home-case .case-nav ul li .img .b {
	display:none
}
.home-case .case-nav ul li p {
	transition:.5s
}
.home-case .case-nav ul li.active .img .a,.home-case .case-nav ul li:hover .img .a {
	display:none
}
.home-case .case-nav ul li.active .img .b,.home-case .case-nav ul li:hover .img .b {
	display:block
}
.home-case .case-nav ul li.active p,.home-case .case-nav ul li:hover p {
	color:#ff5b09
}
.home-case .case-nav ul li:hover .img {
	transform:translateY(-10px)
}
.home-case .case-nav ul li:hover p {
	transform:translateY(-10px)
}
.home-case .ho-more {
	width:200px;
	height:46px;
	background:#eeeeee
}
.case-list .item {
	height:280px;
	position:relative;
	overflow:hidden
}
.case-list .item h4 {
	position:absolute;
	left:0;
	right:0;
	bottom:-40px;
	z-index:1;
	opacity:0;
	height:40px;
	transition:.5s;
	background:rgba(0,0,0,0.6)
}
.case-list .item:hover img {
	transform:scale(1.1)
}
.case-list .item:hover h4 {
	opacity:1;
	bottom:0
}
.case-list .new {
	height:576px
}
.case-list .new h4 {
	bottom:-60px;
	height:60px
}
.home-client {
	background:#e1e6ed
}
.home-client .ho-more {
	position:absolute;
	left:0;
	right:0;
	bottom:-23px;
	height:46px;
	width:200px;
	background:#62697c
}
.list-client ul li .item {
	background:#fff;
	height:110px;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:.5s
}
.list-client ul li .item img {
	max-width:98%;
	max-height:98%
}
.list-client ul li .item:hover {
	z-index:2;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.15);
	box-shadow:0 0 10px rgba(0,0,0,0.15);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.home-adv .content ul li {
	display:flex;
	justify-content:flex-start;
	background:url(img/adv-bg.jpg)
}
.home-adv .content ul li .img {
	width:50%
}
.home-adv .content ul li .w1400 {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	display:flex;
	justify-content:flex-end
}
.home-adv .content ul li .w1400 .text {
	width:45%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center
}
.home-adv .content ul li .w1400 .text>p {
	line-height:36px;
	width:90%;
	color:#707070
}
.home-adv .content ul li .w1400 .text a {
	width:200px;
	height:46px
}
.home-adv .content ul li .w1400 .text a span {
	width:46px;
	height:46px;
	background:#ff5b09;
	display:flex;
	justify-content:center;
	align-items:center
}
.home-adv .content ul li .w1400 .text a p {
	background:#62697c;
	position:relative;
	z-index:1
}
.home-adv .content ul li .w1400 .text a p::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	transition:.5s;
	background:#ff5b09;
	z-index:-1
}
.home-adv .content ul li .w1400 .text a:hover p::before {
	width:100%
}
.home-adv .content ul li:nth-child(2n) {
	justify-content:flex-end
}
.home-adv .content ul li:nth-child(2n) .w1400 {
	justify-content:flex-start
}
.home-adv .tel span {
	width:42px;
	height:42px;
	border-radius:50%;
	border:1px #999 solid;
	display:flex;
	justify-content:center;
	align-items:center
}
.home-adv .tel h4 {
	color:#ff5b09
}
.home-about .video-link {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:2
}
.home-about .video-link:hover .icon {
	color:#ff5b09
}
.home-about .about-title {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.home-about .text {
	width:60%
}
.home-about .text .desc {
	line-height:32px
}
.home-about .img {
	width:30%;
	position:relative
}
.home-about .img .link {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:600px;
	background:url(img/about-bg.jpg);
	background-size:100% 100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column
}
.home-about .img .link p {
	color:rgba(255,255,255,0.8)
}
.home-about .img .link a {
	margin-top:140px;
	width:200px;
	height:46px;
	border:1px #fff solid
}
.home-about .m-more {
	width:200px;
	height:46px;
	background:#ff5b09
}
.home-honor .menu-nav ol li a {
	position:relative
}
.home-honor .menu-nav ol li a::before {
	content:'';
	position:absolute;
	left:50%;
	right:50%;
	bottom:0;
	height:2px;
	background:#ff5b09;
	transition:.5s;
	overflow:hidden
}
.home-honor .menu-nav ol li a:hover,.home-honor .menu-nav ol li a.active {
	color:#ff5b09
}
.home-honor .menu-nav ol li a:hover::before,.home-honor .menu-nav ol li a.active::before {
	left:0;
	right:0
}
.plant-list ul li .img {
	height:222px;
	position:relative;
	overflow:hidden
}
.plant-list ul li .img:hover img {
	transform:scale(1.1)
}
.honor-list ul li .item {
	background:#f4f6f9;
	transition:.5s
}
.honor-list ul li .item .img {
	height:340px;
	display:flex;
	align-items:center;
	justify-content:center
}
.honor-list ul li .item .img img {
	max-width:98%;
	max-height:98%
}
.honor-list ul li .item:hover {
	z-index:2;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.15);
	box-shadow:0 0 10px rgba(0,0,0,0.15);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.home-news .column {
	height:280px;
	overflow:hidden
}
.home-news .column h4 {
	position:absolute;
	left:24px;
	bottom:16px;
	background:rgba(0,0,0,0.6);
	width:100px;
	height:40px;
	display:flex;
	justify-content:center;
	align-items:center
}
.home-news .column:hover img {
	transform:scale(1.1)
}
.home-news .bg-color {
	background:#fdfeff;
	border:1px #ddd solid;
	border-top:none
}
.home-news .new {
	border-bottom:1px #ddd solid
}
.home-news .new h3 {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.home-news .new p {
	line-height:26px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.home-news .new span {
	transition:.5s
}
.home-news .new:hover h3 {
	color:#ff5b09
}
.home-news .new:hover span {
	transform:translateX(10px)
}
.home-news ul li {
	border-bottom:1px #ddd solid
}
.home-news ul li:last-child {
	border-bottom:none
}
.home-news ul li a {
	height:52px
}
.home-news ul li a h4 {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.home-news ul li a:hover h4 {
	color:#ff5b09
}
.about-page .content {
	line-height:35px
}
.about-page .content img {
	max-width:100%
}
.culture-list ul li .img {
	width:50%
}
.culture-list ul li .text {
	width:50%;
	display:flex;
	align-items:center
}
.culture-list ul li:nth-child(even) {
	flex-direction:row-reverse
}
.product-page .content .page-container {
	height:670px
}
.product-page .content .page-container .img {
	overflow:hidden;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center
}
.product-page .content .page-container .img img {
	max-width:98%;
	max-height:98%
}
.product-page .content .coomon-btn {
	position:absolute;
	right:-58px;
	bottom:0;
	width:116px;
	height:58px;
	display:flex;
	z-index:2
}
.product-page .content .coomon-btn>div {
	width:58px;
	height:58px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#fff
}
.product-page .content .coomon-btn>div .icon {
	transition:.5s
}
.product-page .content .coomon-btn>div.button-prev {
	border-top:1px #ddd solid;
	border-left:1px #ddd solid
}
.product-page .content .coomon-btn>div.button-prev:hover .icon {
	transform:translateX(-10px)
}
.product-page .content .coomon-btn>div.button-next {
	background:#9c9c9c
}
.product-page .content .coomon-btn>div.button-next:hover .icon {
	transform:translateX(10px)
}
.product-page .content .desc h6 {
	border-bottom:1px #eee solid
}
.product-page .content .desc .con {
	line-height:36px
}
.product-page .content .desc .links a {
	width:220px;
	height:50px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#ff5b09
}
.product-page .content .desc .links a:hover {
	color:rgba(255,255,255,0.7)
}
.product-page .content .desc .links a:hover .icon {
	color:rgba(255,255,255,0.7)
}
.product-page .content .desc .links .info {
	background:none;
	border:2px #333 solid
}
.product-page .content .desc .links .info:hover {
	color:#ff5b09
}
.product-page .content1 {
	background:#f2f4f7
}
.product-page .content1 ol {
	border-bottom:2px #aaa solid
}
.product-page .content1 ol li a.active,.product-page .content1 ol li a:hover {
	color:#ff5b09
}
.product-page .content1 h2 {
	border-bottom:2px #aaa solid
}
.product-page .content1 .details {
	line-height:24px
}
.product-page .content1 .details img {
	max-width:100%
}
.case-page .info .title {
	justify-content:space-between;
	align-items:center
}
.case-page .info .title .img {
	border:1px #eee solid;
	width:38%
}
.case-page .info .title .img img {
	width:100%;
	display:block
}
.case-page .info .title .desc {
	line-height:24px
}
.case-page .info .title a {
	display:flex;
	justify-content:center;
	align-items:center;
	width:120px;
	height:34px;
	border:1px #ff5b09 solid;
	position:relative;
	color:#ff5b09;
	font-size:14px;
	z-index:1
}
.case-page .info .title a::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	background:#ff5b09;
	transition:.5s;
	z-index:-1
}
.case-page .info .title a:hover {
	color:#fff
}
.case-page .info .title a:hover::before {
	width:100%
}
.case-page .info .content .name {
	border-top:1px #eee solid;
	border-bottom:1px #eee solid
}
.case-page .info .content .name h2 {
	color:#ff5b09;
	border-bottom:1px #ff5b09 solid
}
.case-page .info .content .detail {
	color:#666;
	line-height:26px;
	font-size:14px
}
.case-page .info .content .detail img {
	max-width:100%
}
.setting-list ul li .img {
	height:320px;
	position:relative;
	overflow:hidden
}
.news-list ul li a {
	position:relative
}
.news-list ul li a::before {
	content:'';
	position:absolute;
	left:50%;
	right:50%;
	bottom:0;
	height:1px;
	background:#ff5b09;
	transition:.5s;
	overflow:hidden
}
.news-list ul li a .img {
	height:260px;
	position:relative;
	overflow:hidden
}
.news-list ul li a .text {
	border-bottom:1px #e5e5e5 solid
}
.news-list ul li a .text h4 {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.news-list ul li a .text p {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:-webkit-box;
	white-space:normal;
	overflow:hidden
}
.news-list ul li a .text span {
	font-size:12px
}
.news-list ul li a:hover::before {
	left:0;
	right:0
}
.news-list ul li a:hover img {
	transform:scale(1.1)
}
.news-list ul li a:hover h4 {
	color:#ff5b09
}
.news-detail .title {
	border-bottom:1px #e3e3e3 solid
}
.news-detail .content {
	line-height:24px;
	min-height:200px
}
.news-detail .content img {
	max-width:100%;
	display:block;
	margin:auto
}
.news-detail .content iframe {
	width:100% !important;
	height:600px !important
}
.news-detail .news-detail-footer {
	border-top:1px #f5f5f5 solid
}
.news-detail .news-detail-footer a {
	font-size:14px;
	color:#333
}
.news-detail .news-detail-footer a:hover {
	color:#ff5b09
}
.contact-page .content #map {
	height:500px;
	width:100%
}
.message form .item {
	display:flex;
	background:#f5f5f5;
	position:relative
}
.message form .item input {
	flex:1;
	height:60px;
	width:100%;
	font-size:14px;
	color:#999;
	padding:0 6px;
	box-sizing:border-box
}
.message form .item .icon {
	height:60px;
	display:flex;
	align-items:center;
	font-size:18px;
	color:#999
}
.message form .error span {
	position:absolute;
	top:100%;
	left:0;
	font-size:12px;
	color:red
}
.message form textarea {
	width:100%;
	height:160px;
	border:none;
	padding:1rem 6px;
	box-sizing:border-box;
	font-size:14px;
	color:#999;
	resize:none;
	background:#f5f5f5
}
.message form .btn-1 {
	display:flex;
	width:520px;
	justify-content:center;
	align-items:center;
	height:60px;
	margin:auto;
	background:#ff5b09;
	font-size:18px;
	color:#fff
}
.message form .btn-1:hover {
	color:rgba(255,255,255,0.7)
}
/*# sourceMappingURL=./style.css.map */