@media (min-width: 1440px) {
    .container{
        max-width:1380px;
    }
}

@media (min-width: 1680px) {
    .container{
        max-width:1600px;
    }
}
@media (min-width:1680px){.col-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col-xxl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xxl-first{-ms-flex-order:-1;order:-1}.order-xxl-last{-ms-flex-order:13;order:13}.order-xxl-0{-ms-flex-order:0;order:0}.order-xxl-1{-ms-flex-order:1;order:1}.order-xxl-2{-ms-flex-order:2;order:2}.order-xxl-3{-ms-flex-order:3;order:3}.order-xxl-4{-ms-flex-order:4;order:4}.order-xxl-5{-ms-flex-order:5;order:5}.order-xxl-6{-ms-flex-order:6;order:6}.order-xxl-7{-ms-flex-order:7;order:7}.order-xxl-8{-ms-flex-order:8;order:8}.order-xxl-9{-ms-flex-order:9;order:9}.order-xxl-10{-ms-flex-order:10;order:10}.order-xxl-11{-ms-flex-order:11;order:11}.order-xxl-12{-ms-flex-order:12;order:12}.offset-xxl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xxl-2{margin-left:16.666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.333333%}.offset-xxl-5{margin-left:41.666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.333333%}.offset-xxl-8{margin-left:66.666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.333333%}.offset-xxl-11{margin-left:91.666667%}.d-xxl-block{ display: block !important;}.ml-xxl-0{ margin-left:0 !important;}.mt-xxl-3{  margin-top: 1rem!important;}.justify-content-xxl-around{-ms-flex-pack: distribute!important;justify-content: space-around!important;}.d-xxl-flex{ display: -ms-flexbox !important; display: flex !important;}.flex-xxl-column{ -ms-flex-direction: column!important;flex-direction: column!important;}.flex-xxl-row{ -ms-flex-direction: row!important;flex-direction: row!important;}
}

body{ font-size:16px; color: #666;font-family:'微软雅黑','微软雅黑 Light', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-weight:400;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::-webkit-scrollbar { width: 5px; height: 8px; }
    ::-webkit-scrollbar-track:enabled { background-color: #eee; }
    ::-webkit-scrollbar-thumb:vertical { background-color: #000; border-radius: 30px;}
    ::-webkit-scrollbar-thumb:horizontal { background-color: #000; border-radius: 30px;}
}
::selection {background: #fb5e1d;color: #ffffff;}
::-moz-selection {background: #fb5e1d;color: #ffffff;}
::selection {	background: #fb5e1d;color: #ffffff;}
::-moz-selection {background: #fb5e1d;color: #ffffff;}
a{ color: #333;}
a:hover{ color: #029741;text-decoration: none;}
input{ outline:none;}
.z-index-1{ z-index:1;}
.z-index-2{ z-index:2;}
.z-index-3{ z-index:3;}
.z-index-4{ z-index:4;}
.z-index-5{ z-index:5;}
.z-index-6{ z-index:6;}
.z-index-7{ z-index:7;}
.z-index-8{ z-index:8;}
.z-index-9{ z-index:9;}

.img-cover-4by3{height: 0;width: 100%;padding-bottom: 75%;overflow: hidden;position: relative; }
.img-cover-3by2{height: 0;width: 100%;padding-bottom: 66.667%;overflow: hidden;position: relative; }
.img-cover img{ max-width:100%; max-height:100%; position: absolute;margin: auto;top: 0;bottom: 0; left: 0; right: 0;}
.abs-center{ margin:auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute;}

.over-line-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

@font-face {
	font-family: "BEBAS";
	src: url("../font/BEBAS/BEBAS.eot"); /* IE9*/
	src: url("../font/BEBAS/BEBAS.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../font/BEBAS/BEBAS.woff2") format("woff2"), /* chrome firefox */
	url("../font/BEBAS/BEBAS.woff") format("woff"), /* chrome firefox */
	url("../font/BEBAS/BEBAS.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
	url("../font/BEBAS/BEBAS.svg#basic") format("svg"); /* iOS 4.1- */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Bahnschrift";
	src: url("../font/Bahnschrift Bold/bahnschrift.eot"); /* IE9*/
	src: url("../font/Bahnschrift Bold/bahnschrift.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("../font/Bahnschrift Bold/bahnschrift.woff2") format("woff2"), /* chrome firefox */
	url("../font/Bahnschrift Bold/bahnschrift.woff") format("woff"), /* chrome firefox */
	url("../font/Bahnschrift Bold/bahnschrift.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
	url("../font/Bahnschrift Bold/bahnschrift.svg#basic") format("svg"); /* iOS 4.1- */
	font-weight: bold;
	font-style: normal;
}

body{
	--green-light:#7cc465;
	--green:#32b16c;
	--green-deep:#009944;
}
.iconfont{font-size: inherit;}

.hover-title{ position: relative;}
.hover-title::before{height: 100%;content: attr(title);position: absolute;word-break: keep-all;color: #029741;left: 0; width: 0%;rigit:0; margin:auto;overflow: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

.hover-title:hover::before{ width:100%;}
.hover-title:hover{ color: #fff;}

.red.hover-title::before{ color: #e50012;}
.white.hover-title::before{ color: #ffffff;}
.green.hover-title::before{ color: #029741;}

.paginate{}
.paginate .page-btn{ display: inline-block; margin:0 3px; font-size: 14px;background-color: var(--green-deep); padding:3px 6px; color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;border-radius: 3px;}
.paginate .page-btn:hover{ background-color: #e50012;}

@keyframes text_animation {
	0% {background-position: 0 0}
	100% {background-position: -100% 0}
}
@-webkit-keyframes text_animation {
	0% {background-position: 0 0}
	100% {background-position: -100% 0}
}

@-webkit-keyframes shine{
	0%{background-position-x:400%}
	50%{background-position-x:0%}
	100%{background-position-x:-400%}
}

@keyframes shine{
	0%{background-position-x:400%}
	50%{background-position-x:0%}
	100%{background-position-x:-400%}
}


@media (min-width: 576px) {
	.paginate .page-btn{ padding:.5rem 2rem;}
}
@media (min-width: 960px) {
	.paginate .page-btn{ padding:.5rem 2rem;}
}
.empty-tips{text-align: center;color: #999;font-size: 110%;margin: 0 auto  1rem; font-weight:normal;}

header{ -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1) ; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1)    ; box-shadow: 0 2px 2px rgba(0, 0, 0, .1)    ; background-color: #fff; position: fixed; width:100%; z-index:999999; height:100px; top: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
header .mask{ top:100px; display: none; position: fixed; height:100vh; width:100vw;background-color: rgba(0,0,0,.4); z-index:0;}
header .logo img{ height:70px;padding:5px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
header .logo .logo-white{ visibility: hidden; opacity:0;}
header .nav{ flex:1;max-width: 70%;}
header .nav .nav-item{ flex:1; position: relative;text-align: center;}

header .nav .nav-item a{ color: #4e4e4e;font-weight: 400;}
header .nav .nav-item .child-item{ border-top:1px solid #eee; display: none; background-color: #fff; position: fixed; left: 0; right: 0; width:100%; top: 100px;}
header .nav .nav-item::before{ position: absolute; content: ''; width:4rem; height:3px; background-color: var(--green-deep); width:0; margin:auto; bottom:0; left: 0; right: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

header .nav .nav-item.active::before{ width:3rem;}
header .nav .nav-item .child-item .child-item-left{}
header .nav .nav-item .child-item .child-item-left .child-nav-name{font-size: 1.25rem; color: #333333;}
header .nav .nav-item .child-item .child-item-left .child-nav-desc{font-size: .875rem;}
header .nav .nav-item .child-item .child-item-left .child-nav-link{ border: 1px solid CurrentColor;padding: .3rem 2rem;display: inline-block;width: auto;font-size: 12px;color: var(--green-deep);border-radius: 3px;}
header .nav .nav-item .child-item .child-item-left .child-nav-link:hover{background-color: var(--green-deep); color: #ffffff;}

header .nav .nav-item .child-item::before{ content: '';}
header .nav .nav-item .child-item a{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: block;overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
header .nav .nav-item .child-item a:hover{color: var(--green-deep);}
header .nav .nav-item .child-item dl{ margin:0; display: flex;align-items: center;flex-wrap: wrap; }
header .nav .nav-item .child-item dl dd{ margin-bottom:0;  padding:10px;flex: 0 0 12%;}
header .nav .nav-item .child-item dl dd a{flex:1; width:100%;font-weight: 400;font-size: 1rem; color: #333;   position: relative; z-index:9; padding-right: 1rem;}
header .nav .nav-item .child-item dl dd a::after{ content: ''; display: block; width:10px; height:10px; border-top:1px solid CurrentColor;border-right:1px solid CurrentColor; -webkit-transform: rotate(45deg) scale(0.75); -moz-transform: rotate(45deg) scale(0.75); -ms-transform: rotate(45deg) scale(0.75); -o-transform: rotate(45deg) scale(0.75); transform: rotate(45deg) scale(0.75); position: absolute; margin:auto; top: 0; bottom: 0; right: 0;}

header .nav .nav-item .child-item dl dd:hover a{ -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px);}

header .nav .nav-item .child-category-nav{}
header .nav .nav-item .child-category-nav .category-item{flex:1; padding-bottom: 0.75rem; position: relative; z-index:1;}
header .nav .nav-item .child-category-nav .category-item .cate-tag{ position: absolute; right: 0; top: 0;}
header .nav .nav-item .child-category-nav .category-item .cate-tag svg{ width:1.325rem; height:1.325rem;}
header .nav .nav-item .child-category-nav .category-item .category-item-img{ position: relative;
	width: 80%; margin:0 auto 1.5rem;}
header .nav .nav-item .child-category-nav .category-item .category-item-img::before{content: '';display: block;width: 100%;height: 0;padding-bottom: 50%;}
header .nav .nav-item .child-category-nav .category-item .category-item-img img{position: absolute;max-width: 100%;max-height: 100%;margin: auto;left: 0;right: 0;top: 0;bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;-webkit-transform: translateY(10%);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-o-transform: translateY(10%);transform: translateY(10%);}
header .nav .nav-item .child-category-nav .category-item:hover .category-item-img img{ -webkit-transform: translateY(10%) scale(.85); -moz-transform: translateY(10%) scale(.85); -ms-transform: translateY(10%) scale(.85); -o-transform: translateY(10%) scale(.85); transform: translateY(10%) scale(.85);}
header .nav .nav-item .child-category-nav .category-item:hover .category-name{color:var(--green-deep);-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }

header .header-right{ position: relative; height:100%;}
header .header-right::before{ z-index:0; position: absolute; height:100%; display: block; content: ''; left:0; width:300%; background-color: #029741;}
header .header-right .right-wrap{ position: relative; z-index:1; color: #ffffff; padding-left:1.5rem;}


header .header-right .header-tel{font-size: 1.25rem; font-weight:400;}
header .header-right .contact{ margin-left:.5rem;}
header .header-right .contact span{ position: relative; margin-left:1rem;}
header .header-right .contact span i{font-size: 1.5rem;}
header .header-right .contact span i.icon-weixin{font-size: 200%;}
header .header-right .contact .contact-wx{
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0px 5px rgba(0, 0, 0, .1);
	box-shadow: 0 0px 5px rgba(0, 0, 0, .1);
	position: absolute;
	margin-top: 1rem;
	width: 400%;
	transform: translateX(-30%) ;
	background: #fff;
	color: #333;
	font-size: .875rem;
	padding: 0.1rem;
	-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
	opacity:0;
	top: 100px;
}
header .header-right .contact .contact-wx p{margin-bottom: .5rem;}
header .header-right .contact .wx:hover .contact-wx{opacity:1; top: 50px;}

.header-search .s-icon{ position: relative; width:1.2rem; height:1.2rem; display: block;border-radius: 50%; border:2px solid #ffffff;}
.header-search .s-icon::after{ content: ''; display: block; width:80%; height:0; border-bottom:2px solid #fff;}
.header.header-min{ height:80px;}
.header.header-min .logo img{ height:60px;}
.header.header-min .mask{ top:80px;}
.header.header-min .nav .nav-item .child-item{top:80px;}

.menu-icon{width: 25px;height: 18px;}
.menu-icon span{ position: relative; width:100%; height:2px; background-color: var(--green-deep); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.menu-icon span::before,.menu-icon span::after{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; content: ''; display: block; width: 100%; height:2px; background-color:var(--green-deep);}
.menu-icon span::before{ top:8px;}
.menu-icon span::after{ bottom:8px;}
.menu-icon.open span::before{ -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); top: 0;}
.menu-icon.open span::after{ -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); bottom: 0;}
.menu-icon.open span{background-color: unset;}


.mobile-nav{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: fixed; background-color: #333; width:100%; height:100%; top: 100px; left: 0; -webkit-transform: translate(0,100%); -moz-transform: translate(0,100%); -ms-transform: translate(0,100%); -o-transform: translate(0,100%); transform: translate(0,100%);}
.mobile-nav .nav-wrap{ padding: 2.2rem 2rem; }
.mobile-nav dl{ margin-bottom: 0;}
.mobile-nav dt{ border-bottom:1px dashed #4e4e4e; position: relative; padding:.3rem .5rem; }
.mobile-nav dt a{ line-height:2;display: block; width: 80%;margin-right: 2rem;font-weight: normal;}
.mobile-nav dt.has-child::before,.mobile-nav dt.has-child::after{ content: ''; position: absolute; width:1rem; height: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom:1px solid #d3d3d3; right: .5rem; margin:auto; top: 0; bottom: 0;}
.mobile-nav dt.has-child::after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.mobile-nav dd{ display: none;}
.mobile-nav dd ul{ margin-bottom:0; line-height:2;margin-top: 5px;list-style: circle;color: #fff;}
.mobile-nav a{ color: #f8f8f8;}

.mobile-nav dl.active dt::before{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.mobile-nav dl.active dt::after{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

.open-menu .mobile-nav{ -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}

.banner-swiper .swiper-pagination-bullet{ position: relative; width:30px;border-radius: 0;}
/*.banner-swiper .swiper-pagination-bullet i{
	background:#000;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	transform:scaleX(0);
	transform-origin:left;
	z-index:3;
	transition-timing-function:linear;
}
.banner-swiper .swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{
	width:9px;
	height:9px;
	margin-top:0;
	margin-left:0;
	background:#e50012;
	position:relative;
	z-index:1;
}
.banner-swiper .swiper-pagination-bullet-active i{
	animation:middle 6s;
}
.banner-swiper .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
	animation:first 6s;
}
.banner-swiper .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
	animation:last 6s;
}*/
@keyframes first{
	0% {transform:scaleX(0.5);left:0px;}/*091*/
	100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
	0% {transform:scaleX(0.7);left:-10px;}/*1090*/
	20% {transform:scaleX(0.3);left:2px;} /*090*/
	100% {transform:scaleX(0.3);left:0px;} /*090*/
}
@keyframes middle{
	0% {transform:scaleX(0.7);left:-10px;}/*1091*/
	20% {transform:scaleX(0.45);left:2px;}/*092*/
	100% {transform:scaleX(1);left:2px;} /*0913*/
}


.sbanner{ position: relative; height:400px;}
.sbanner .banner-wrap{ position: absolute; margin:auto; top: 0; bottom: 0; left: 0; right: 0; color: #FFFFFF;}
.sbanner .banner-wrap .channel-name{font-size: 2.25rem; font-weight:bold; position: relative;}
/*.sbanner .banner-wrap .channel-name span::before{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: attr(data-title); color: #029741;word-break: keep-all; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width:0; overflow: hidden;}*/
.sbanner .banner-wrap .channel-name::after{ content: ''; display: block; height:1px;background-color: CurrentColor; width:2rem; margin:1rem auto 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.sbanner .banner-wrap .channel-name::before{content: ''; display: block; height:1px;background-color: CurrentColor; width:0; margin:1rem auto 0; position: absolute; margin:auto; left: 0; right: 0; bottom: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.sbanner .banner-wrap .channel-desc{font-size: 1.875rem;}
.sbanner .banner-wrap .channel-desc span{ position: relative;}
.sbanner:hover .banner-wrap .channel-name::before{ width:4rem;}
.sbanner:hover .banner-wrap .channel-name::after{ width:0;}
/*.sbanner:hover .banner-wrap .channel-name span::before{ width:100%;}*/

.location-box{ background-color: #eef2f5;}
.location-box .channel-nav{}
.location-box .channel-nav a{padding: 5px 1rem; position: relative;}
.location-box .channel-nav a:not(.on):not(:last-child)::after{  position: absolute; content: ''; display: inline-block; height:1rem; width:0; right: 0; top: 0; bottom: 0; margin:auto; border-right:1px solid #cccccc;}
.location-box .channel-nav .on{ background: #029741;color: #fff;border-radius: 3px;}
.location-box .page-crumbs{font-size: .875rem;}
.location-box .page-crumbs i.iconfont{ color: var(--green-deep);font-size: 1.5rem; vertical-align: middle;}

footer{ border-top:1px solid #dddee0;}
footer .footer-contact{font-size: .875rem; line-height:2;}
footer .footer-nav{padding-bottom: 3rem;}
footer .footer-nav dl{ position: relative; flex:1;  padding-left: 1.5rem;}
footer .footer-nav dl:first-child{flex: 1.5;}

footer .footer-nav dt{ margin-bottom:.5rem;}
footer .footer-nav dl dt a{ line-height:2; position: relative;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}


footer .footer-nav dt a::after{ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; content: ''; display: block; width:2rem; height:2px; background-color: #029741; margin-top:.5rem; margin-bottom:1.25rem;}
footer .footer-nav dl dd a{ overflow: hidden;font-size: .875rem; display: inline-block; position: relative;}
footer .footer-nav dl:hover dt a:after{ width:3rem;}
footer .footer-nav dl dd a span{ position: relative; z-index:2; color: #333;}
footer .footer-nav dl dd a::after{ z-index:1;content: ''; position: absolute; left: 0; bottom: 0; display: block; height:8px; background-color: rgba(2, 151, 65, .2);width:100%; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0);
	transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;}


footer .footer-nav dl dd a:hover::after{ -webkit-transform-origin: left center;transform-origin: left center;  -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}

footer .footer-qrcode .qrcode-item{}
footer .footer-qrcode .qrcode-img{ width:110px; height:110px; background-color: #eeeeee;}
footer .footer-qrcode .qrcode-img img{ max-width:100%;}
footer .footer-qrcode p{font-size: .875rem; line-height:2; color: #666666;}

footer .copyright{text-transform: uppercase; border-top:1px solid #dddee0; color: #666666;font-size: .875rem;}
footer .copyright a{ color: #666666;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
footer .copyright a:hover{ color: #333333;}
footer .copyright .icp-num{ margin-left:.5rem;}



.banner-box{ margin-top:100px;}


.section{}
.section .sec-head{}
.section .sec-head .sec-name{font-size: 2.25rem; color: #2a2a2a;text-transform: uppercase;}
.section .sec-head .sec-name i{ display: inline-block; width:.5rem; height:.5rem; background-color: #2a2a2a; vertical-align: middle;}
.section .sec-head .sec-desc{font-size: 1.125rem; color: #666666; line-height:1.8;}
.section .sec-head .sec-desc::before{ content: ''; width:30px; height:0; border-bottom:3px solid #029741; display: block; margin:1rem auto 1rem;}


.section:nth-child(even){ background-color: #f5f5f5;}

.section-about{}
.section-about .about-main{}
.section-about .about-main .about-etitle{font-size: 40px; color: #029741; text-transform: uppercase; font-weight:bold;font-style: italic;
	
	background: -webkit-linear-gradient(right, #029741, #18b55a, #029741, #18b55a, #007532);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-size: 200% 100%;
	-webkit-animation: text_animation 2s infinite;
	animation: text_animation 2s infinite;}
.section-about .about-main .about-brief{font-size: 21px;}

.section-about .about-main .about-brief::after{ content: ''; width:4rem; height:3px; background-color: #029741; display: block; margin:1rem 0;}
.section-about .about-main .about-content{ color: #999999; line-height:2;}
.section-about .about-main .more-btn{ background-color: #029741; display: block; width:200px; height:42px;text-align: center; line-height:42px; color: #ffffff;border-radius: 21px;
	background: #029741;
	background: linear-gradient(-45deg,#029741 60%,#068c3f 70%,#18b55a 80%);
	background-size: 600% 100%;
	-webkit-animation: shine 20s infinite;
	animation: shine 20s infinite;
}



.more-jt{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width:2rem; height:2rem;border-radius: 50%;}
.more-jt i{ display: block; width:1rem; position: relative;	height: 1px;background-color: CurrentColor;	-webkit-transition: all .3s;	-moz-transition: all .3s;	-ms-transition: all .3s;	-o-transition: all .3s;	transition: all .3s;}

.more-jt i::before,.more-jt i::after{content: '';display: block;width: 6px;height: 1px;background-color: CurrentColor;transform-origin: right;	position: absolute;right: 0;margin: auto; }
.more-jt i::before{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);	-o-transform: rotate(45deg);transform: rotate(45deg);}
.more-jt i::after{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);	-o-transform: rotate(-45deg);transform: rotate(-45deg);}



.section-about .about-main .more-btn:hover{background: #e01d2c;}
.section-about .about-main .more-btn:hover .more-jt{ -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); background-color: #FFFFFF; color: #029741;}
.section-about .about-main .more-btn:hover .more-jt i{ width:0; margin-left:8px;}
.section-about .about-main .more-btn:hover .more-jt i::before,.section-about .about-main .more-btn:hover .more-jt i::after{ width:8px;}




@media (min-width: 1200px) {
    .section-about .about-main .about-content{ position: relative;}
    .section-about .about-main .about-content .content-wrap{ position: relative; z-index:2;}
    .section-about .about-main .about-content::after{ content: 'about us'; text-transform: uppercase; color: rgba(0,0,0,.03);font-size: 140px; position: absolute; top: -20px;line-height: 1; font-weight: bold; z-index: 1;}
}


.section-power{}
.section-power .power-item{}
.section-power .power-item .item-wrap{ overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.section-power .power-item .item-wrap > img{ -webkit-transition: transform 2s; -moz-transition: transform 2s; -ms-transition: transform 2s; -o-transition: transform 2s; transition: transform 2s;}
.section-power .power-item .overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; color: #ffffff;}
.section-power .power-item .overlay .item-icon{ width:80px; height:80px;line-height: 80px;}
.section-power .power-item .overlay .item-icon .iconfont{ font-size: 400%;}
.section-power .power-item .overlay .item-title{font-size: 1.625rem; line-height:2;}
.section-power .power-item .overlay .item-title::after{ content: ''; display: block; width:2rem; height:2px;background-color: #ffffff; margin:.5rem auto;}
.section-power .power-item .overlay .item-desc{}
.section-power .power-item:hover .overlay .item-icon{ animation: rubberBand 1s 1 linear}
.section-power .power-item:hover .item-wrap > img{ -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(1.2);}

.news-swiper{padding: 20px 0;}
.news-swiper .news-item{}
.news-swiper .news-item .item-wrap{background-color: #ffffff; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.news-swiper .news-item .item-wrap img{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.news-swiper .news-item .item-wrap .news-title{ }
.news-swiper .news-item .item-wrap .news-bottom{}
.news-swiper .news-item .item-wrap .news-time{font-size: 14px; color: #999999;}
.news-swiper .news-item .item-wrap .more{border-radius: 50%;background-color: #f5f5f5; display: block; width:2rem; height:2rem; color: #029741;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.news-swiper .news-item .item-wrap .more i{ position: relative; width:1rem; height:1px;background-color: CurrentColor; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

/*.news-swiper .news-item .item-wrap .more i::before,.news-swiper .news-item .item-wrap .more i::after{ content: ''; display: block; width:8px; height:1px;background-color: CurrentColor;transform-origin: right; position: absolute; right:0; margin:auto;}

.news-swiper .news-item .item-wrap .more i::before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.news-swiper .news-item .item-wrap .more i::after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}*/

.news-swiper .news-item .item-wrap .more-btn:hover .more-jt i{ width:0; margin-left:8px;}
.news-swiper .news-item .item-wrap .more-btn:hover .more-jt i::before,.news-swiper .news-item .item-wrap .more-btn:hover .more-jt i::after{ width:8px;}

.news-swiper .news-item .item-wrap .more:hover{ background-color: #029741;}
/*.news-swiper .news-item .item-wrap .more:hover i{ width:1.2rem; color: #ffffff;}*/
.news-swiper .news-item:hover .item-wrap{ -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-10px); -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 10px 15px 0 rgba(0,0,0,.15); box-shadow: 0 10px 15px 0 rgba(0,0,0,.15);}

.news-swiper .news-item:hover .more{ background-color: #029741;}
.news-swiper .news-item:hover .more i{ color: #FFFFFF;}
.news-swiper .news-item:hover .item-wrap img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
	/*about-page*/

.about-section{}
.about-section .about-details{background: url("../images/about-title-bg.png") top left no-repeat;}
.about-section .about-details .about-title{ color: #029741;font-size: 40px;text-transform: uppercase;   font-weight: bold;   font-style: italic;}
.about-section .about-details .about-breif{ position: relative;font-size: 21px; color: #333333;}
.about-section .about-details .about-breif::after { content: '';  width: 4rem;  height: 3px;  background-color: #029741;   display: block;   margin: 1.5rem 0;}

body{
	--param-item-color-1:#7cc465;
	--param-item-bg-color-1:#f2f9ef;
	--param-item-color-2:#32b16c;
	--param-item-bg-color-2:#eaf7f0;
	--param-item-color-3:#009944;
	--param-item-bg-color-3:#e5f5ec;
}

.about-section .about-details .about-content{ line-height:2;}

.about-param{}
.about-param .param-item { position: relative;border-radius: 10px; padding:.875rem; margin-bottom:1.25rem; overflow: hidden;}
.about-param .param-item p{ margin-bottom:0;}
.about-param .param-item .item-left{}
.about-param .param-item .item-left .num{font-family: BEBAS; font-size:70px;line-height: 1.2;}
.about-param .param-item .item-left .item-desc{ line-height:2;}
.about-param .param-item .item-right > span{ -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; display: block;width: 60%;height: 100%;background-color: CurrentColor;
position: absolute;right: -40%;top: 0; -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -ms-transform: skewX(-15deg); -o-transform: skewX(-15deg); transform: skewX(-15deg);border-radius: 10px;}

.about-param .param-item .item-right i{font-size: 300%; color: rgba(255,255,255,.8);  position: absolute;top: 40px;	right: 20px; z-index:3;}
.about-param .param-item .item-right span.before,.about-param .param-item .item-right span.after{ content: ''; display: block;background-color: CurrentColor; opacity:.2; position: absolute; left: 0; right: 0;border-radius: 10px; height:100%;}
.about-param .param-item .item-right span.before{    left: -20px;}
.about-param .param-item .item-right span.after{    left: -40px;}




.about-param .param-item:nth-child(1){ background-color: var(--param-item-bg-color-1);}
.about-param .param-item:nth-child(1) .item-left .num,.about-param .param-item:nth-child(1) .item-right span{ color:var(--param-item-color-1);}
.about-param .param-item:nth-child(2){ background-color: var(--param-item-bg-color-2);}
.about-param .param-item:nth-child(2) .item-left .num,.about-param .param-item:nth-child(2) .item-right span{ color: var(--param-item-color-2);}
.about-param .param-item:nth-child(3){ background-color: var(--param-item-bg-color-3);}
.about-param .param-item:nth-child(3) .item-left .num,.about-param .param-item:nth-child(3) .item-right span{ color: var(--param-item-color-3)}


@media (max-width: 575.98px) {

	.about-param .param-item .item-left .num{font-size: 2.25rem;}
	.about-param .param-item .item-left .item-desc{ font-size:12px;}
	.about-param .param-item .item-right i{font-size: 200%; top: 1.875rem;;}
}


.about-quick-link .link-item{perspective: 500px;}
.about-quick-link .link-item .item-wrap{ position: relative; perspective: 500px;-webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top;}
.about-quick-link .link-item .overlay{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin:auto;}
.about-quick-link .link-item img{ -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .3s; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top;}

.about-quick-link .link-item .overlay p{ margin-bottom:0; color: #f1f1f1;}
.about-quick-link .link-item .overlay .name{font-size:1.5rem; line-height:1.8; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.about-quick-link .link-item .overlay .ename{ text-transform: uppercase;font-size: 1.125rem; font-weight:300;}
.about-quick-link .link-item .overlay .line{ position: relative; height: 2px; width:4rem;  margin-top:1rem; overflow: hidden;}
.about-quick-link .link-item .overlay .line::before{content: ''; display: block; background-color: rgba(255,255,255,.5); height:100%; width:100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.about-quick-link .link-item .overlay .line::after{ content: ''; display: block; position: absolute; width:100%; right:-100%; top: 0; bottom: 0;background-color: #ffffff;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s linear 0; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s;}

.about-quick-link .link-item:not(:hover) .overlay .line::before{ -webkit-transition: all 0; -moz-transition: all 0; -ms-transition: all 0; -o-transition: all 0; transition: all 0;}
.about-quick-link .link-item:hover .overlay .name{ color: #ffffff;}
.about-quick-link .link-item:hover .overlay .line::before{ width:0;}
.about-quick-link .link-item:hover .overlay .line::after{ right:0;}
.about-quick-link .link-item:hover img{-webkit-transform: rotateX(1deg); -moz-transform: rotateX(1deg); -ms-transform: rotateX(1deg); -o-transform: rotateX(1deg); transform: rotateX(1deg); -webkit-box-shadow: 0px 5px 5px 0px rgb(192, 192, 192);-moz-box-shadow: 0px 5px 5px 0px rgb(192, 192, 192);    ; box-shadow: 0px 5px 5px 0px rgb(192, 192, 192); }
/*
.about-quick-link .link-item:hover .item-wrap{-webkit-transform: rotateX(5deg); -moz-transform: rotateX(5deg); -ms-transform: rotateX(5deg); -o-transform: rotateX(5deg); transform: rotateX(5deg);  }*/


.history-section{ background-color: #edf1f4;}
.history-thumb{perspective:500px;}
.history-thumb .thumb-img .img-wrap{ position: relative; }
@media (min-width: 1440px) {
	.history-thumb .thumb-img{padding-right:7rem;}
	.history-thumb .thumb-img img{ display: block; position: relative; z-index:3;}
	.history-thumb .thumb-img .img-wrap .before,.history-thumb .thumb-img .img-wrap .after{ content: ''; position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0;}
/*	.history-thumb .thumb-img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}*/
	.history-thumb .thumb-img .img-wrap .before{ background-color: #dce4ea; z-index:2; -webkit-transform: translateX(30px) scale(0.95); -moz-transform: translateX(30px) scale(0.95); -ms-transform: translateX(30px) scale(0.95); -o-transform: translateX(30px) scale(0.95); transform: translateX(30px) scale(0.95);}
	.history-thumb .thumb-img .img-wrap .after{ background-color: #e3e9ee; z-index:1; -webkit-box-shadow: 0px 20px 36px 0px rgba(148, 177, 198, 0.5); -moz-box-shadow: 0px 20px 36px 0px rgba(148, 177, 198, 0.5); box-shadow: 0px 20px 36px 0px rgba(148, 177, 198, 0.5);-webkit-transform: translateX(60px) scale(0.9); -moz-transform: translateX(60px) scale(0.9); -ms-transform: translateX(60px) scale(0.9); -o-transform: translateX(60px) scale(0.9); transform: translateX(60px) scale(0.9);}
}
.history-txt{ height:430px;}
.history-txt .history-item{ padding-top:2rem; position: relative;}
.history-txt .history-item::after{ content: attr(data-title); position: absolute; top: 0; bottom: 0; left: 0; right: 0;    color: rgba(255,255,255,.3);font-size: 3000%;font-family: Bahnschrift;line-height: 1;letter-spacing: 30px; }

.history-txt .history-item .item-wrap{ position: relative; z-index:2;}
.history-txt .history-item .item-name{ line-height:2; color: var(--green-deep);}
.history-txt .history-item .item-name strong{font-size: 160%;}
.history-txt .history-item .item-name span{ margin-left:5px;font-size: 12px;}
.history-txt .history-item p{ margin-bottom:0; line-height:1.8;}
.history-txt .icon-arrow-up{ position: absolute; top: 0; z-index:3; color: var(--green-deep);}
.history-txt .icon-arrow-down{ position: absolute; bottom: 0; z-index:3; color: var(--green-deep);}
.history-txt .icon-arrow-up.swiper-button-disabled,.history-txt .icon-arrow-down.swiper-button-disabled{ opacity:.7;}

body{
	--swiper-theme-color:#029741
}
.hostory-ruler::before{background: url("../images/ruler-bg.png") 14px bottom repeat-x; content: ''; display: block; height:1rem;}
.hostory-ruler .ruler-item span{  color: #666666;}
.hostory-ruler .ruler-item span::before{ content: ''; display: block; width:5px; height:5px;border-radius: 50%;background-color: CurrentColor; margin:.5rem auto ;}
.hostory-ruler .ruler-item.swiper-slide-thumb-active span{font-weight:bold;color: var(--green-deep); }


.bottom-nav-section{}
.about-bottom-nav{}
.about-bottom-nav .nav-item{}
.about-bottom-nav .nav-item .item-img{ overflow: hidden;}
.about-bottom-nav .nav-item .item-img img{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom;}
.about-bottom-nav .nav-item .item-name{ color: #333333;font-size: 1.125rem; line-height:2;}
.about-bottom-nav .nav-item .item-link{ color: var(--green-deep);}
.about-bottom-nav .nav-item .item-link .link-icon{ display: inline-block; width:25px; height:25px;background-color: var(--green-deep); color: #ffffff;font-size: 12px; line-height:25px;text-align: center;border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.about-bottom-nav .nav-item:hover .item-link .link-icon{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.about-bottom-nav .nav-item:hover .item-img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.quick-pro-link{ position: relative; overflow: hidden;}
.quick-pro-link img{ -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; transition: all 3s;}
.quick-pro-link .overlay{ position: absolute; z-index:2; top: 0; bottom: 0; left: 0; right: 0; color: #ffffff;}
.quick-pro-link .link-name{font-size: 2.5rem;}
.quick-pro-link .link-desc{font-size: 3.5rem; font-weight:300; line-height:2;}
.quick-pro-link .link{background-color: var(--green-deep); color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.quick-pro-link .link i{ margin-right:5px;font-size: 120%;}
.quick-pro-link .link:hover{ opacity:.9;}

.quick-pro-link.active > img{
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}

@keyframes scale {
	from{
		-webkit-transform: scale(1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
	}to{
			 -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
		 }
}


.category-nav{ background-color: #eef2f5;}
.category-nav .cate-item{ overflow: hidden; background-color: #f5f9fb;position: relative; z-index:1;border-radius: 5px;/* -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;*/}
.category-nav .cate-item .cate-tag{ position: absolute; top: 0; right: 0; z-index:999;}
.category-nav .cate-item .cate-tag svg{ width:2.5rem; height:2.5rem;}
.category-nav .cate-item::before{ content: ''; display: block; height:0; width:100%; height:0; padding-bottom:100%; position: relative;}
.category-nav .cate-item::after{ -webkit-transition: transform .3s, left .5s ; -moz-transition: transform .3s, left .5s ; -ms-transition: transform .3s, left .5s ; -o-transition: transform .3s, left .5s ; transition: transform .3s, width .5s,left .4s .1s linear ; position: absolute; content: ''; display: block; width: 60%;height: 110%;background-color: rgba(255, 255, 255, 0.51);bottom: 0;left: -15px;-webkit-transform: skewX(50deg); -moz-transform: skewX(50deg); -ms-transform: skewX(50deg); -o-transform: skewX(50deg); transform: skewX(50deg);z-index: 0;}
.category-nav .cate-item .item-wrap{ display: block; position: absolute; width:100%; height:100%; top: 0;  z-index: 2;}

.category-nav .cate-item .item-name{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.category-nav .cate-item .item-img{ position: relative;width: 100%;}
.category-nav .cate-item .item-img::before{ content: ''; display: block; width:100%; height:0; padding-bottom:59.5%;}
.category-nav .cate-item .item-img img{ position: absolute; max-width:100%; max-height:100%; margin:auto; left: 0; right: 0; top: 0; bottom:0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%);}
.category-nav .cate-item:hover{ -webkit-box-shadow: 0 0 19px rgba(127, 127, 127, 0.2); -moz-box-shadow: 0 0 19px rgba(127, 127, 127, 0.2)    ; box-shadow: 0 0 19px rgba(127, 127, 127, 0.2);}
.category-nav .cate-item:hover::after{width:100%; left: -30%;height: 150%;}
.category-nav .cate-item:hover .item-img img{ -webkit-transform: translateY(5%); -moz-transform: translateY(5%); -ms-transform: translateY(5%); -o-transform: translateY(5%); transform: translateY(5%);}

@media (min-width: 1200px) {
	.goods-list > div:nth-child(odd) .good-item{ padding-right:10px;}
	.goods-list > div:nth-child(even) .good-item{ padding-left:10px;}
}
.goods-list .good-item .item-wrap{ overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #f7f8fa; position: relative;}
.goods-list .good-item .item-wrap::after{opacity:.2; z-index:2; content: ''; position: absolute; width:1%; height:100%;background-color: #fff; top: 0;border-radius: 100%;-webkit-box-shadow: 0 0 10px 15px #fff; -moz-box-shadow: 0 0 10px 15px #fff; box-shadow: 0 0 10px 15px #fff ; -webkit-transform: skewX(-10deg) translateX(-800px); -moz-transform: skewX(-10deg) translateX(-800px); -ms-transform: skewX(-10deg) translateX(-800px); -o-transform: skewX(-10deg) translateX(-800px); transform: skewX(-10deg) translateX(-800px); -webkit-transition: transform .1s; -moz-transition: transform .1s; -ms-transition: transform .1s; -o-transition: transform .1s; transition: transform 1s;}
.goods-list .good-item:not(:hover) .item-wrap::after{-webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s;}

.goods-list .good-item .item-img{ position: relative; z-index:1;}
.goods-list .good-item .item-info{ position: relative; z-index: 3;}
.goods-list .good-item .item-info .item-title{font-size: 1.375rem; color: #333333; line-height:2;}
.goods-list .good-item .item-info .item-brief{ font-size:1rem; color: var(--green-deep);}
.goods-list .good-item .item-info .item-title::after{ content: ''; display: block; height:5px; width:100%;background:url("../images/line-bg.png") repeat-x; margin:5px auto 10px;}
.goods-list .good-item .item-info .item-service{ color: #666666; font-size:.875rem;}
.goods-list .good-item .item-info .item-service > i.line{ display: block; height:.875rem; border-left:1px solid #999999; width:0;}
.goods-list .good-item .item-info .item-service span{ flex:0 0 29%; max-width:28%;}
.goods-list .good-item .item-info .item-service span i.iconfont{font-size: 1.25rem;
	vertical-align: middle; color: var(--green-deep);}
.goods-list .good-item .item-info .item-content{ color: #999999;font-size: .875rem; line-height:2;}
.goods-list .good-item .item-info .item-tools{ margin-top:1rem;}
.goods-list .good-item .item-info .item-tools .btn{ margin: 8px; display: block; width:140px; line-height:36px; background-color: #80c269; color: #ffffff;text-align: center;font-size: .875rem; padding:0; position: relative; overflow: hidden;}
.goods-list .good-item .item-info .item-tools .btn::before{ content: ''; position: absolute; width:100%; height:300%;background-color: rgba(255,255,255,.16); left: -50%;margin: auto;;bottom: 0%; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s;}
.goods-list .good-item .item-info .item-tools .btn span{ position: relative; z-index:2;}

.goods-list .good-item .item-info .item-tools .btn:hover{ background-color: #029741;}
.goods-list .good-item .item-info .item-tools .btn:hover::before{transform: rotate(30deg) translateX(100%);}
.goods-list .good-item .item-info .item-tools .btn:hover + .btn.ask-btn{ background-color: #80c269;}
.goods-list .good-item:hover .item-wrap{ -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .12); -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, .12); box-shadow: 5px 5px 10px rgba(0, 0, 0, .12);}

.goods-list .good-item .item-info .item-tools .btn.ask-btn{ background-color: #029741;}
.goods-list .good-item:hover .item-wrap::after{ -webkit-transform: skewX(-10deg) translateX(800px); -moz-transform: skewX(-10deg) translateX(800px); -ms-transform: skewX(-10deg) translateX(800px); -o-transform: skewX(-10deg) translateX(800px); transform: skewX(-10deg) translateX(800px); }


.goods-list-2{}
.goods-list-2 .good-item{ background-color: #f7f8fa;}
.goods-list-2 .good-item .item-info{}
.goods-list-2 .good-item .item-info .item-title{ font-size: 2.25rem; color: #333333; line-height:2;}
.goods-list-2 .good-item .item-info .item-brief{ font-size:1.125rem; color: #029741;}
.goods-list-2 .good-item .item-info .item-desc{font-size: .875rem; line-height:2;}
.goods-list-2 .good-item .item-info .item-skus{}
.goods-list-2 .good-item .item-info .item-skus .sku{    background-color: #eaeaea;	padding: .2rem .5rem;margin: .2rem .1rem;display: inline-block;border-radius: .2rem;color: #009944;font-size: .875rem; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.goods-list-2 .good-item .item-info .item-skus .sku:hover{ color: #ffffff; background-color: #009944;}
.goods-list-2 .good-item .item-info  .item-tool{}
.goods-list-2 .good-item  .item-tool .btn-ask{background-color: var(--green-deep); color: #ffffff;height: 36px;line-height: 36px;padding: 0 2rem;border-radius: 18px;}
.goods-list-2 .good-item  .item-tool .btn-ask i{ vertical-align: middle; margin-right:3px;font-size: 120%;}

.goods-list-2 .good-item  .item-tool .item-contact .contact-icon{ width:36px; height:36px;border-radius: 50%;text-align: center; line-height:36px; color: #ffffff;background-color: var(--green-deep); margin-right:5px;}
.goods-list-2 .good-item  .item-tool .item-contact .contact-inf >p{font-size: .875rem;}
.goods-list-2 .good-item  .item-tool .item-contact .contact-inf strong{font-size: 1.5rem; color: var(--green-deep); line-height:1; font-weight:400;}
.goods-list-2 .good-item .item-thumbs img{ width:100%;}

.item-thumbs .thumb-item.swiper-slide{ overflow: hidden;}
.item-thumbs .thumb-item.swiper-slide img{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.item-thumbs .thumb-item.swiper-slide:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.detail-main{}
.detail-main .detail-nav-bar{}
.detail-main .detail-nav-bar .navbar-wrap{ background-color: #eef2f5; }
.detail-main .detail-nav-bar .navbar-wrap span{ color: #333333; flex:1;padding:.875rem 1rem; margin-right:2rem; text-align: center;}
.detail-main .detail-nav-bar .navbar-wrap span.on{ background-color: var(--green-deep); color: #ffffff;}
.detail-main .detail-nav-bar .navbar-wrap span.on a{ color: #ffffff;}
.detail-main .detail-content{}
.detail-main .detail-content img{ max-width:100%;}
.detail-main .detail-content table{ max-width:100%; width:100% !important;}
.detail-main .detail-content table td{ width:auto;}
.inf-sidebar{}
.inf-sidebar .sidebar-box{ background-color: #eef2f5; padding:1.25rem 1.5rem;}
.inf-sidebar .sidebar-box .box-head{}
.inf-sidebar .sidebar-box .box-head .head-name::before{ content: ''; display: inline-block; height:16px; width:3px; background-color: var(--green-deep); vertical-align: middle; margin-right:5px;}

.inf-sidebar.scroll-to-fixed-fixed{ }
.category-list{}
.category-list ul{ padding:0; background-color: #fff; padding:10px;}
.category-list ul li{ padding-left:10px; list-style:none; background-color: #eef2f5; line-height:52px; margin:10px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative;}
.category-list ul li::after{ color: currentColor; content: '>'; position: absolute; margin:auto; top: 0; bottom: 0; right: 10px;font-family: serif;}
.category-list ul li:hover{ padding-left:15px;background-color: var(--green-deep); color: var(--white);}
.category-list ul li:hover a{ color: var(--white);}
.param-table{ width:100%;}
.param-table tr:nth-child(odd){ background-color: #f6f6f6;}
.param-table tr:nth-child(1){ background-color: var(--green-deep); color: #FFFFFF;}
.param-table tr td,.param-table tr th{ padding:.625rem;}
.param-table tr th:nth-child(1){ width:30%;}
.param-table tr td span{ margin-right:10px; display: inline-block;}


.innet-section{}
.innet-section .sec-head{}
.innet-section .sec-head .head-name{font-size: 1.875rem;color: #333;}
.innet-section .sec-head .head-desc{}

.relate-goods{}
.relate-goods .item{}
.relate-goods .item .item-wrap{ border:1px solid #e5e5e5; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.relate-goods .item .item-wrap .item-img{ background-color: #fff; border-bottom:1px solid #e5e5e5; }
.relate-goods .item .item-wrap .item-title{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 1.25rem; color: #333333; line-height:2;}
.relate-goods .item .item-wrap .item-desc{ font-size: .875rem; color: #999; margin-bottom:1rem;}
.relate-goods .item .item-wrap .item-more{padding-left:1rem; padding-right:1rem;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: .625rem; color: #999999; border-top:1px solid #e5e5e5; padding-top:.875rem;}
.relate-goods .item .item-wrap .item-more .more-icon{ position: relative; width:0; height:0; border:5px solid transparent; border-left-color: CurrentColor; }
.relate-goods .item .item-wrap .item-more .more-icon::before{ content: ''; display: block; margin:auto; position: absolute; top: 0; bottom: 0; height:2px; background-color: CurrentColor; width:1rem; right: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.relate-goods .item:hover .item-wrap{background-color: #fafafa}
.relate-goods .item:hover .item-wrap .item-more{ color: var(--green-deep);padding-left:.2rem; padding-right:.2rem;}
.relate-goods .item:hover .item-title{ -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); color: var(--green-deep);}
.relate-goods .item:hover .item-wrap .item-more .more-icon::before{ width:1.25rem;}
.relate-goods .item .item-wrap .item-more:hover .more-icon{;}


.news-txt-list{}
.news-txt-list .news-item{  }
.news-txt-list .news-item .item-wrap{padding:1rem .5rem; border-bottom:1px solid #eaeaea;}
.news-txt-list .news-item .news-title{ flex:1; padding-right:5px;}
.news-txt-list .news-item .news-title::before{ content: ''; display: inline-block; width:0; height:0; border:5px solid transparent; border-left-color: var(--green-deep);}
.news-txt-list .news-item .news-time{ color: #999999;font-size: .875rem;}

.goods-order-form{background-color: #eef2f5;}


.order-form .form-item{border:1px solid #eeeeee; background-color: #fff;}
.order-form .input-textarea,.order-form .input-txt{  display: block;background-color: transparent; flex:1; padding:5px; border:none;}

.order-form .input-textarea{ height:100px;}
.order-form .input-submit{ display: block; width:150px; height:46px; background-color: var(--green-deep); color: #ffffff;text-align: center; line-height:46px; margin:0 auto; border:none; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s; transition: background .3s;}
.order-form .input-submit:hover{ opacity:.9;border-radius: 3px}
.order-form .input-textarea:focus{ outline:none;}





.news-list2{}
.news-list2 .news-item{background-color: #f7f8fa; padding:1rem;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.news-list2list .news-item .item-wrap{ }
.news-list2 .news-item .news-img{}
.news-list2 .news-item .news-info{}
.news-list2 .news-item .news-info .news-title{font-size: 1.125rem; font-weight:400;}
.news-list2 .news-item .news-info .news-desc{ line-height:2; margin-top:10px; color: #666;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.news-list2 .news-item .news-time{ color: #fff;}
.news-list2 .news-item .news-time .time-wrap{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width:60%; background: #818181;	border-radius: 3vw 0;}
.news-list2 .news-item .news-time .day{ font-size: 2.25rem;font-weight: 400;}

.news-list2 .news-item:hover{ background-color: #fff;}
.news-list2 .news-item:hover .news-time .time-wrap{ background-color: #c80d16;border-radius: 0 3vw;}
.news-list2 .news-item:hover{ -webkit-box-shadow: 5px 2px 10px rgba(0, 0, 0, 0.14); -moz-box-shadow: 5px 2px 10px rgba(0, 0, 0, 0.14); box-shadow: 5px 2px 10px rgba(0, 0, 0, 0.14); -webkit-transform: translate(0,-5px); -moz-transform: translate(0,-5px); -ms-transform: translate(0,-5px); -o-transform: translate(0,-5px); transform: translate(0,-5px); }

.news-list3 {padding-bottom: 1.125rem;}
.news-list3 .item {padding: 2.5rem 3.4375rem 2.875rem;box-sizing: border-box;border-bottom: 1px solid #ededed;border-right: 1px solid #ededed;}
.news-list3 .con-box .date {font-size: 0;}
.news-list3 .con-box a { display: block;}
.news-list3 .con-box .d, .news-list .con-box .ym {display: inline-block;*display: inline;zoom: 1;}
.news-list3 .con-box .d {font-size: 4rem;	line-height: 4.25rem;	color: #999;	transition: all .2s;}
.news-list3 .con-box .ym {	font-size: 1.5rem;line-height: 1.75rem;margin-left: .625rem;color: #999;}
.news-list3 .con-box .img {margin-top: .9375rem;}
.news-list3 .con-box .text {
	margin-top: 1.25rem;
}
.news-list3 .con-box .tit {
	font-size: 1.125rem;
	line-height: 1.375rem;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .2s;
}
.news-list3 .con-box .con {
	font-size: 0.875rem;
	line-height: 1.625rem;
	color: #999;
	margin-top: .625rem;
	height: 3.25rem;
	overflow: hidden;
}
.news-list3 .con-box .detail {
	width: 10rem;
	height: 2.5rem;
	font-size: 0;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 1.25rem;
	margin-top: 1.875rem;
	transition: all .2s;
}

.news-list3 .con-box .detail span {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: .3125rem;
	line-height: 2.4rem;
	color: #ccc;
	padding-right: 2.75rem;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url("../images/news-detail.png");
	transition: all .2s;
}
@media (min-width: 1200px){
	.news-list3 .con-box:hover .date .d{
		color: var(--green-deep);
	}
	.news-list3 .con-box:hover .tit{
		color: var(--green-deep);
	}
	.news-list3 .con-box .detail:hover {
		border-color: var(--green-deep);
		background-color: var(--green-deep);
	}
	.news-list3 .con-box .detail:hover span {
		color: #fff;
		background-image: url("../images/news-detail2.png");
	}
}



.news-detail .news-content{background-color: #f7f8fa;line-height: 2;}
.news-detail .news-content:not(.embed-responsive) img{ max-width:100%; height:auto !important;}

.prenext-box{}
.prenext-box .page-a{background-color: #f7f8fa; flex:1; padding:1rem;}
@media (max-width: 765px) {
	.prenext-box .page-a{ margin-bottom:1rem;}
}


.relate-news{ padding:0;}
.relate-news li{ list-style:none; line-height:36px; }
.relate-news li img{padding:.5rem; background-color: #ffffff;}

.single-param{}
.single-param p{font-size: 150%; color: #333333;}
.single-param p:nth-child(2){text-indent: 3rem;}

.single-content{ line-height:2;}



.image-grid{}
.image-grid .image-item{ transition: all 0.1s ease; position: relative;}
.image-grid .image-item .item-title{ position: absolute; bottom:10%; left: 0; right:0;text-align: center; font-weight:bold;font-size: 20px; color: #ffffff;}
.image-grid .image-item:hover{ z-index:3;}

.contact-page{}
.contact-page .contact-main-container{ background-color: #f5f9fb; }
.contact-page .contact-info{  }
.contact-page .contact-info .contact-item{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.contact-page .contact-info .contact-item .item-left{ text-align: center; }
.contact-page .contact-info .contact-item .item-left .item-icon{ width:4.375rem; height:4.375rem; border:1px solid #eeeeee;border-radius: 50%; text-align: center; line-height:4.375rem; margin:0 auto; }
.contact-page .contact-info .contact-item .item-left .item-icon i{ display: block; color: #2eb065;font-size: 200%; }
.contact-page .contact-info .contact-item .item-left p{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;font-size: 1.25rem; color: #333333; line-height:3; margin-bottom:0;}
.contact-page .contact-info .contact-item .item-right p{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #999999; margin:0; line-height:2; padding-left:2rem;}
.contact-page .contact-info .contact-item:hover .item-left .item-icon i{animation: swing 1s;}
.contact-page .contact-info .contact-item:hover{ -webkit-box-shadow:0 5px 5px #eef2f5;     -moz-box-shadow: 0 5px 5px #eef2f5;    ; box-shadow: 0 5px 5px #eef2f5; -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px);}
.contact-page .contact-info .contact-item:hover .item-left p{ color: #2eb065;}
.contact-page .contact-info .contact-item:hover .item-right p{ color: #333333;}


.cultrue-box .cultrue-item{ padding-left:5px; padding-right:5px; color: #ffffff;}
.cultrue-box .cultrue-item:nth-child(1) .item-wrap{background: url("../images/cultrue/c3-1-bg.jpg") center/cover no-repeat;}
.cultrue-box .cultrue-item:nth-child(2) .item-wrap{background: url("../images/cultrue/c3-2-bg.jpg") center/cover no-repeat;}
.cultrue-box .cultrue-item:nth-child(3) .item-wrap{background: url("../images/cultrue/c3-3-bg.jpg") center/cover no-repeat;}
.cultrue-box .cultrue-item .item-name{ font-size:1.25rem;}


.ser-list{}
.ser-list .ser-item .item-head{background-color:#efefef; color: #333333;}
.ser-list .ser-item p{ margin-bottom:0;}
.ser-list .ser-item .item-body{background-color: #f8f8f8; font-size: .875rem; line-height:2;}