/*!
 * Simple-style55 by @巨川网络 - http://wwww.juchuanwl.com
 */
@charset "utf-8";
body{background:#fff;}

.width{width:1280px;margin:0 auto;}
.ui-indent{text-indent: 2em;}
blockquote {margin: 0;}
blockquote p {padding: 15px;background:#e7f8ee;border-radius: 5px;}
blockquote p::before {content: '\201C';}
blockquote p::after {content: '\201D';}

.tips { font-size: 16px;font-weight: normal;margin: 30px auto;border: 1px solid #FFD8D1;background: #FFF9F9;color: #FA563A;padding: 12px 20px;text-align: left;border-radius: 4px;}
.tips i {font-size: 24px;margin-right: 15px;color: #FA563A;}

.header {width: 100%;height:88px;line-height:88px;padding: 0 20px;background: #fff;box-shadow: 0 4px 16px 0 rgba(0,60,179,.1);}
.header .navbar{float: right;margin: 0 0 0 5px;display:none;z-index:999;}
.header-logo{float: left;font-size: 0;margin-right:34px;position: relative;z-index:55;}
.header-logo a img {/* max-height:66px; */max-width:188px;}

.header-menu ul {display: flex;justify-content:flex-end;list-style:none;}
.header-menu ul li {position: relative;padding: 0 15px;}
.header-menu ul li a {font-size: 18px;text-transform: capitalize;color: #212832;transition: all 0.3s ease 0s;display: block;position: relative;}
.header-menu ul li a::before {position: absolute;content: '';background-image: url(../images/shape-3.png);width: 70px;height: 5px;background-position: center center;background-size: 100% 100%;background-repeat: no-repeat;top: 55px;left: 50%;transform: translateX(-50%);opacity: 0;visibility: hidden;}
.header-menu ul li:hover>a {color: #309255;}
.header-menu ul li:hover>a::before {opacity: 1;visibility: visible;}
.header-menu ul li.active>a {color: #309255;}
.header-menu ul li.active>a::before {opacity: 1;visibility: visible;}
.header-menu ul li ul {display: block;}
.header-menu ul li:hover>.sub-menu {top: 100%;opacity: 1;visibility: visible;}
.header-menu .sub-menu {position: absolute;width: 225px;background-color: #fff;border-top: 2px solid #309255;padding: 10px 0px;box-shadow: 2px 2px 20px rgba(33, 40, 50, 0.1);top: 110%;left: 0;z-index: 9;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;}
.header-menu .sub-menu li {padding: 0;height: 40px;line-height: 40px;}
.header-menu .sub-menu li a {padding: 7px 20px;color: #212832;border: 0;font-size: 16px;}
.header-menu .sub-menu li a::before {display: none;}
.header-menu .sub-menu li .sub-menu {top: 0px;left: 100%;opacity: 0;visibility: hidden;}
.header-menu .sub-menu li.menu-item-has-children>a::after {content: "\e628";font-family: iconfont;margin-left: 5px;font-size: 20px;line-height: 20px; display: block;float: right;}
.header-menu .sub-menu li:hover>a {padding-left: 25px;}
.header-menu .sub-menu li:hover .sub-menu {top: -12px;opacity: 1;visibility: visible;}
.ui-offside{overflow-y:auto;}

.pc-banner{display:block;}
.m-banner{display:none;}
.banner{width:100%;background:#fff;}
.banner .ui-carousel-item a{display:block;width:100%;}
.banner .ui-carousel-item a img{}
.banner .ui-carousel-page{bottom:25px;z-index:100;}
.banner .ui-carousel-page{ width:180px;margin: 0 auto;background-color:rgb(255 255 255 / 38%);padding: 10px 0;border-radius: 30px;}
.banner .ui-carousel-page li{height:10px;width:10px;border-radius:10px;transition:all 1s;}
.banner .ui-carousel-page li{border: 2px solid #28B463;}
.banner .ui-carousel-page li.active{width:40px;}
.ui-carousel-prev,.ui-carousel-next{width:80px;z-index:11;}
.ui-carousel-prev-icon,.ui-carousel-next-icon{background:rgba(0,0,0,.2);width:60px;height:60px;padding:20px;border-radius:50%;font-size:24px;position:relative;}
.ui-carousel-next-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}
.ui-carousel-prev-icon:after{display:block;position:absolute;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");width:20px;height:20px;top:20px;left:20px;}
.nav ul{z-index:30 !important;}

.inner_wrap{background-color:#e7f8ee;background-image:url(../images/bg-box.png);}
.inner_banner{max-width:1280px;padding:40px 20px;margin:0 auto;display:flex;align-items:center;height:460px;}
.inner_banner .text{flex:0 0 50%;max-width:50%;padding-right:10%;}
.inner_banner .text h2{font-size:40px;font-weight:bold;color:#00a94f;margin-top:-20px;letter-spacing:2px;}
.inner_banner .text p{font-size:18px;line-height:30px;color:#6b7799;}
.inner_banner .image{flex:0 0 50%;max-width:50%;text-align:right;padding-right:40px;}
.inner_banner .image img{max-width:100%;max-height:300px;vertical-align:middle;}

.breadcrumbs{padding: 15px 0;background: #fff;color:#00a94f;white-space: nowrap;overflow-x: auto;}
.breadcrumbs a{color:#00a94f;}
.breadcrumbs a:hover{color: #f60;}
.bg-light{padding:30px 0;background-color: #f8f9fa url(../images/bg2.png);}
.bg-light{background-color: #f8f9fa;background-image: url(../images/back-page.svg);/* position: relative; */padding: 10px;}

.subnav{margin:20px 0 30px 0;}
.subnav ul{display:flex;justify-content:center;list-style:none;}
.subnav ul li{margin-left:10px;}
.subnav ul li a{display:block;background:#e7f8ee;padding:12px 22px;color:#00a94f;border: 1px solid rgba(48,146,85,0.2);border-radius:25px;}
.subnav ul li a:hover{background:#00a94f;color: #fff;}
.subnav ul li.active a{background:#00a94f;color: #fff;}

.subject{text-align:center;}
.subject h2{font-size:24px;color:#0c0c0c;margin:30px 0;position:relative;padding-bottom:18px;margin-bottom:24px;}
.subject h2:after{content:'';display:inline-block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:6px;width:40px;background:#ffa601;border-radius:3px}
.subject h4{font-size:30px;line-height:45px;font-weight:bold;letter-spacing:0.5px;color:#161c2d;}
.subject p{font-size:16px;line-height:26px;font-weight:400;color:#8492a6;padding:0 10px;}
.subject .ui-scroll{margin:15px 0;}
.subject .ui-scroll li b{font-weight:normal;display:inline-block;margin-right:15px;}
.subject .ui-scroll li i{color:#00a94f;}
.subject .ui-scroll li span{color:#f30;display:inline-block;margin-left:10px;}

.home_about{margin-bottom:100px;}
.home_about_left{position:relative;}
.home_about_left:before{content:'';position:absolute;left:-40px;bottom:-40px;width:80%;height:100%;background:#e7f8ee;z-index:-1;border-radius:30px;}
.home_about_left img{max-width:98%;border-radius:30px;}
.home_about_right{box-shadow:0px 2px 32px 0px rgba(0,0,0,0.2);margin-top:40px;padding:50px 60px;border-radius:30px;}
.home_about_right h1{font-size:30px;}
.home_about_right .text{margin:15px 0;line-height:28px;}
.home_about_right .text p{margin-top:15px;}

.home_about_right .more{text-align:right;}
.home_about_right .more a{text-align:left;display:inline-block;background:#363e45;width:180px;line-height:50px;color:#fff;position:relative;overflow:hidden;border-radius: 30px;}
.home_about_right .more a:after{position:absolute;right:0;top:0;width:80px;content:'';height:0;border-top:50px solid #00a94f;border-left:28px solid transparent;transition:all .5s;}
.home_about_right .more a span{display:block;padding:0 15px 0 30px;position:relative;z-index:1;}
.home_about_right .more a span i{float:right;font-size:24px;font-weight:normal;}
.home_about_right .more a:hover{color:#fff;}
.home_about_right .more a:hover:after{width:120%;height:100%;}

/* home news */
.news{max-width:100%;background:#eff3f9;}
.news-wrap{display:flex;flex-wrap:wrap;/* margin:20px 0 20px -1%; */}
.news-item{width:31.33%;margin:0 1% 2% 1%;background:#fff;border:1px solid #f3f3f3;box-shadow: 0 0 30px rgb(83 115 252 / 13%);border-radius: 0 5px 5px 5px;}
.news-item .title{padding:15px 30px;background:#fff;color:#596172;font-size:22px;border-bottom:1px solid #f3f3f3;position: relative;border-radius: 0 5px 0 0;}
.news-item .title:before {display: block;content: "";position: absolute;left: -6px;top: 0;bottom: 0;width: 6px;border-left: 6px solid #2DA94F;border-radius: 5px 0 0 5px;}
.news-item .title .title-more{align-items: center;float:right;font-size:16px;margin-top:5px;}
.news-item .title .title-more a{color:#47cb89;}
.news-item .title .title-more a:hover{color:#f30;}

.news-item .list{background:#fff;padding:20px 30px 0 30px;}
.news-item .list ul{list-style:none;}
.news-item .list ul li{border-bottom:1px solid #f3f3f3;margin-bottom:15px;padding-bottom:10px;transition:all 0.5s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-item .list ul li i{color:#00965e;margin-right:10px;}
.news-item .list ul li span{background:#999;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;border-radius:50%;margin-right:15px;font-size:14px;}
.news-item .list ul li:hover{transform:translateX(10px);}
.news-item .list ul li:nth-child(1) span{background:#FD754D;}
.news-item .list ul li:nth-child(2) span{background:#FF9F26;}
.news-item .list ul li:nth-child(3) span{background:#FFC11A;}

.blog-list{margin:0;min-height:300px;}
.blog-list-wrap{display: flex;flex-wrap: wrap;margin: 40px 0 0 -2%;}
.blog-list-item{width: 23%;margin: 0 0 2% 2%;margin-bottom:28px;position:relative;}
.blog-list-item .ui-ring{right:12px;}
.blog-list-item .ui-ring.left{left:10px;}

.blog-list-box{background:#fff;border-radius:8px;/* border:0.8px solid transparent; */box-shadow: 0 0 20px 0 rgba(62,28,131,0.08);}
.blog-list-box:hover{box-shadow:0 0 .8px rgba(38,45,61,.08),0 .8px 3.2px rgba(38,45,61,.04),0 4.8px 9.6px rgba(38,45,61,.14);border-color:#e1e6f0;}
.blog-list-box .item-image{position:relative;overflow:hidden;padding-bottom:75%;background:#F8FBFF;border-radius:8px 8px 0 0;}
.blog-list-box .item-image img{width:100%;min-height:100%;height:auto;position:absolute;z-index:1;/*object-fit:cover;*/border-radius:8px 8px 0 0;}
.blog-list-box .item-image svg{width:100%;height:100%;text-anchor:middle;border-radius:8px 8px 0 0;font-size:20px;position:absolute;}
.blog-list-box .item-text{padding:15px 15px;}
.blog-list-box .item-text a{font-size:18px;line-height:40px;display:block;color: #37436c;}
.blog-list-box .item-text p{color:#5f6d79;line-height:24px;height:50px;font-size:14px;overflow:hidden;}
.blog-list-box .item-footer{border-top: 1px solid #eceef5;padding: 15px 20px;display: flex;align-items: center;font-size: 14px;color: #5f6d79;}
.blog-list-box .item-footer .info{font-weight: 500;margin-bottom: 0;flex: 1;}
.blog-list-box .item-footer .view{font-size: 14px;}
.blog-list-box .item-footer .view em{font-size: 16px;color: #00a94f;margin-right:3px;}

.container{display:flex;flex-wrap:wrap;justify-content:space-between;}
.container .container-left{width:74%;}
.container .container-right{width:24%;margin-left:2%;}

.blog-box{padding: 15px;border: 1px solid rgba(48,146,85,0.2);background-color: #fff;border-radius: 10px;margin-top: 30px;}
.green-box{padding: 15px;border: 1px solid rgba(48,146,85,0.2);background-color: #e7f8ee;border-radius: 10px;margin-top: 30px;}

.news-wrap{display: flex;flex-wrap: wrap;margin: 30px 0 0 -2%;}
.news-item{width:31.33%;margin: 0 0 2% 2%;margin-bottom:28px;position:relative;}
.news-item .ui-card{border-radius:8px;border:0;box-shadow: 0 0 20px 0 rgba(62,28,131,0.08);}
.news-item .ui-card-image {position:relative;overflow:hidden;padding-bottom:75%;background:#F8FBFF;border-radius: 8px 8px 0 0;position:relative;}
.news-item .ui-card-image img{width:100%;min-height:100%;height:auto;position:absolute;z-index:1;/*object-fit:cover;*/}
.news-item .ui-card-footer{display: block;border-radius: 0 0 8px 8px;}

.ui-piclist-image img{transition:all .5s;}
.ui-piclist-image:hover img{transform:scale(1.4);}

.case-edge{overflow:visible;}
.case-edge .ui-piclist-item{padding:14px 14px 4px 14px;margin-bottom:1.8%;transition:all .5s;border-radius:4px;}
.case-edge .ui-piclist-item:hover{transform:translateY(-10px)}
.case-edge .ui-piclist-image{overflow:hidden;}

.blog-show{}
.blog-show figure {margin: 0 0 1rem;}
.blog-show figure.img-holder {padding: 0;border-radius: 4px;overflow: hidden;position: relative;}
.blog-show figure.img-holder img {border-radius: 4px;}
.blog-show figure.img-holder figcaption{position: absolute;bottom: 15px;left: 30px;padding: 5px 30px;border-radius: 2px;color: #fff;background: #00a94f;border-color: #00a94f;text-transform: capitalize;}

.img-responsive {width: 100%;height: auto;display: inline-block;}

.blog-show-title{padding:15px 20px;}
.blog-show-title h1{font-size:32px;color:#1c1f21;line-height:40px;margin:8px 0;}
.blog-show-title div{font-size:14px;color:#999;margin:10px 0;}
.blog-show-body{padding:15px 20px;line-height:36px;font-size:16px;word-break:break-all;}
.blog-show-body img{max-width:100%;}
.blog-show-body a{text-decoration-line:underline;color: #00a94f;}
.blog-show-body a:hover{text-decoration-style: wavy;}

.blog-show-tags {margin-bottom: -30px;}
.blog-show-tags strong {margin-right: 10px;color: #00a94f;font-size: 16px;}
.blog-show-tags a {color: #00a94f;background: #e7f8ee;font-size: 14px;border: 1px solid rgba(48,146,85,0.2);margin: 0 7px 10px 0;display: inline-block;padding: 4px 22px;transition: all .3s ease-in-out 0;border-radius: 30px;transition: all 0.3s ease 0s;}
.blog-show-tags a:hover{color: #fff;background: #00a94f;}

.blog-link a{text-decoration-line:underline;color: #00a94f;}
.blog-link a:hover{text-decoration-style: wavy;}

.blog-title{font-size: 25px;font-weight: 500;margin-bottom:-25px;margin-top:25px;}

.blog-nav{padding: 15px;border: 1px solid rgba(48,146,85,0.2);background-color: #e7f8ee;border-radius: 10px;margin-top: 30px;}
.blog-nav ul{list-style-type: none;}
.blog-nav ul li{margin: 10px 0;}
.blog-nav ul li a {padding: 0 15px;height: 50px;line-height: 50px;display: block;background: #fff;color: #52565b;border: 1px solid rgba(48,146,85,0.2);border-radius: 10px;font-size: 15px;font-weight: 500;transition: all 0.3s ease 0s;}
.blog-nav ul li a span {display: block;float: right;}
.blog-nav ul li a:hover,.blog-nav ul li a.active {color:#fff;background-color: #309255;border-color: #e7f8ee;}

.tags-list {display: flex;flex-wrap: wrap;margin-left: -7px;margin-right: -7px; margin-top: -10px;list-style-type: none;}
.tags-list li {padding: 10px 5px 0;}
.tags-list li a {padding: 10px 26px;background-color: #fff;display: block;color: #52565b;border: 1px solid rgba(48,146,85,0.2);border-radius: 10px;transition: all 0.3s ease 0s;}
.tags-list li a {padding: 4px 6px;border-radius:5px;font-size:14px;}
.tags-list li a:hover {background-color: #e7f8ee;border-color: #e7f8ee;color: #309255;}

.container .container-right .ui-media-header{font-size:16px;font-weight:400;}


.about-wrap{display:flex;margin:40px 0 0 -2%;flex-wrap:wrap;}
.about-item {width:31.33%;margin:0 0 2% 2%;background-color: #fff; border: 1px solid rgba(48, 146, 85, 0.2);border-radius: 10px;padding: 30px;margin-top: 30px;transition: all 0.3s ease 0s;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-item {padding: 20px;}
}
.about-item .item-icon-title {display: flex;align-items: center;}
.about-item .item-icon-title .item-icon i {width: 80px;height: 80px;line-height: 86px;text-align: center;border-radius: 50%;background-color: #e7f8ee;color: #309255;font-size: 36px;display: inline-block;transition: all 0.3s ease 0s;}
@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (max-width: 575px) {
    .about-item .item-icon-title .item-icon i {width: 60px;height: 60px;line-height: 66px;font-size: 28px;}
}
.about-item .item-icon-title .item-title {flex: 1;padding-left: 20px;}
.about-item .item-icon-title .item-title .title {font-size: 22px;font-weight: 500;}
@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (max-width: 575px) {
    .about-item .item-icon-title .item-title .title {font-size: 18px;}
}
.about-item p {margin-top: 25px;margin-bottom: 0;}
.about-item:hover { border-color: #309255;}
.about-item:hover .item-icon-title .item-icon i {background-color: #309255;color: #fff;}

/*CMS分页*/
.paging {clear: both;margin: 10px 0;text-align: center;}
.paging a:hover {color:#26ae61;}
.page-status{border-radius: 4px 0 0 4px;}
.page-last{border-radius: 0 4px 4px 0;}
.page-status,.page-index,.page-pre,.page-num,.page-next,.page-last {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	margin: 0 5px 5px 0;
	background-color: #fff;
	color: #666;
	font-size: 15px;
	border: 1px solid #d9d9d9;
	border-radius:2px;
}
.paging .page-num-current{background-color:#26ae61;height:40px;line-height: 40px;border:none;color:#fff;}
.paging:hover .page-num-current{background-color:#26ae61;color:#fff;}

/* Zoom In #1 */
.hover-box a img {-webkit-transform: scale(1);cursor: pointer;transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .8s ease-in-out;}
.hover-box a:hover img {cursor: pointer;-webkit-transform: scale(1.2);transform: scale(1.2);}
/*公共新增*/.hover-box a {display: block;}
.hover-box:hover a::before {right:50%;left:50%;width:0;background:rgba(255, 255, 255, .3);}
.hover-box a::before,
.hover-box a::after {position: absolute;content:'';width: 100%;height: 100%;top: 0;left: 0;z-index:3;background: rgba(255, 255, 255, 0);transition: all 0.7s ease-in-out;}
.hover-box:hover a::after {top:50%;bottom:50%;height:0;background:rgba(255, 255, 255, .3);}

.provide-wrap{display: flex;margin: 40px 0 0 0;flex-wrap: wrap;width: 102%;}
.provide-item{width: 23%;margin: 0 2% 2% 0;padding: 40px 30px;background-color: #fff;border-radius: 10px;box-shadow: 0 20px 50px #F3F7FF;margin-bottom: 30px;transition: all 0.3s ease-in;position: relative;overflow: hidden;}
.provide-item:hover {box-shadow:0 5px 20px 0 rgba(0,0,0,.2);transform:translateY(-10px);}
.provide-item .icon{margin-bottom: 20px;}
.provide-item .icon i{font-size:38px;width: 60px;height: 60px;line-height: 60px;text-align: center;border: 1px solid transparent;border-radius: 8px;padding:10px;}
.provide-item .icon.yellow-icon i {color: #fba920;background-color: rgba(251, 169, 32, 0.1); }
.provide-item .icon.red-icon i {color: #f4557e;background-color: rgba(244, 85, 126, 0.1); }
.provide-item .icon.paste-icon i {color: #4cc5e4;background-color: rgba(76, 197, 228, 0.1); }
.provide-item .icon.green-icon i {color: #00a94f;background-color: rgba(48,146,85,0.1); }
.provide-item .content{}
.provide-item .title {color: #333;font-size: 22px;margin: 15px 0;position: relative;}
.provide-item .desc {color:#50605f;line-height: 24px;position: relative; margin-bottom:15px;font-size:13px;}

.contact-box{display:flex;margin:40px 0 0 -2%;flex-wrap:wrap;}
.contact-item{width:23%;margin:0 0 2% 2%;/* box-shadow: rgba(60,72,88,0.3) 0px 0px 3px 0px; */background:#fff;display:block;padding:20px 0;border-radius:10px;position:relative;overflow:hidden;text-align:center;transition: all 0.5s ease;}
.contact-item:hover{box-shadow: 0 1px 10px rgba(51,51,51,0.05);/* border: 1px solid rgba(48,146,85,0.2); */transform: translateY(-10px);}
.contact-item h2{color: #505050;}
.contact-item .icon {background: #ddd;width: 200px;height: 180px;margin: 0 auto;display: flex;align-items: center;justify-content: center;border-radius: 60% 39% 36% 58%/51% 55% 45% 45%;margin-bottom: 30px;}
.contact-item .icon i {font-size: 60px;}
.contact-item .icon.color-one {background: #edf7fc;}
.contact-item .icon.color-two { background: #fffbed;}
.contact-item .icon.color-three {background: #e7f8ee;}
.contact-item .icon.color-four {background: #fef0ec;}
.contact-item .icon span {position: absolute;right:55px;top:20px;width: 60px;height: 60px;background:#333;color: #fff;line-height: 60px; border-radius: 50%}
.contact-item .icon.color-one span {background: #4bb3e6;}
.contact-item .icon.color-two span {background: #ffdb4b;}
.contact-item .icon.color-three span {background: #19be6b;}
.contact-item .icon.color-four span { background: #fa6943;}
.contact-item:nth-child(1) .icon i {color: #84cbee;}
.contact-item:nth-child(2) .icon i {color: #ffdb4a;}
.contact-item:nth-child(3) .icon i {color: #19be6b;}
.contact-item:nth-child(4) .icon i {color: #f96943;}

/*留言UI修改部分*/
.ui-card-book{border:1px solid rgba(48,146,85,0.2);border-radius:8px;}
.ui-card-book .ui-card-header{padding:15px 25px;line-height:30px;background:#e7f8ee;border-bottom:1px solid rgba(48,146,85,0.2);border-radius:8px 8px 0 0;}
.ui-card-book .ui-card-header .ui-card-header-title{border:0;padding:0;}
.ui-card-book .ui-card-header .ui-card-header-more i{color: #00a94f;}
.ui-card-book .ui-card-body{padding:20px 25px 25px 25px;word-break:break-all;}
.ui-card-book .ui-card-footer{border-top:1px dotted rgba(48,146,85,0.2);padding:20px 25px 20px 25px;border-radius:0 0 8px 8px;}

.ui-form-group i{color: #00a94f;}

/*搜索相关新增*/
.search .ui-card {border: 1px solid rgba(48,146,85,0.2);background: #fff;border-radius:8px;margin-bottom: 15px;}
/* .search .ui-card-footer {padding: 12px 18px;border-top: 1px dotted rgba(48,146,85,0.2);border-radius:0 0 8px 8px;} */
.s-box .ui-input-group button.after{background: #00a94f;border-color: #00a94f;color: #fff;padding: 0 15px;}

.friendlink{max-width:96%;margin:0px auto;padding-bottom:30px;}
.friendlink a{display:inline-block;margin:10px 8px 0 0;border:1px solid rgba(48,146,85,0.2);padding:10px 15px;border-radius:4px;font-size:15px;color:#666;}
.friendlink a:hover{border-color:#00a94f;color:#00a94f;}
.friendlink .subject h4{text-align:left;}

/*footer*/
.footer-section {background-color: #e7f8ee;background-image:url(../images/bg-box.png);border-top:1px solid rgba(48,146,85,0.2);}
.section, .main-wrapper {float: left;width: 100%;}
.footer-widget-section {padding-top: 30px;padding-bottom: 80px;position: relative;z-index: 1;}
.footer-widget-section .shape-1 {position: absolute;top: 80px;left: 5%;z-index: -1;}
.footer-widget-section .shape-2 {position: absolute;right: 3%;bottom: 95px;z-index: -1;}

.footer_item{width:16%;margin-right:4%;}
.footer_item h4{font-size:18px;color:#309255;height:50px;border-bottom:1px solid rgba(48,146,85,0.2);position:relative;}
.footer_item h4:after{display:block;content:"";width:40px;height:3px;top:48px;left:0;position:absolute;background:#00a94f;}
.footer_item h4 a{color:#309255;}
.footer_item h4 a:hover{color:#ffa200;}
.footer_item h5{font-size:16px;color:#309255;}

.footer_item .footer_menu{line-height:36px;margin-top:20px;}
.footer_item .footer_menu a{display:block;color:#00a94f;transition:all 0.5s ease;}
.footer_item .footer_menu a:hover{color:#00a94f;transform:translateX(10px);}

.footer_last{width:16%;margin-right:4%;}
.footer_tel{font-family:'Impact';font-size:30px;color:#ffa200;}
.footer_tel img{max-width:150px;margin-top:10px;display:block;}

.footer-copyright {background-color:#309255;}
.copyright-wrapper {display: flex;justify-content: space-between;padding-bottom: 15px;padding-top: 5px;}

.copyright-link {padding-top: 15px;}
.copyright-link a {font-size: 14px;color: #fff; position: relative;}
.copyright-link a+a::before {content: '※';font-size: 15px;color:#e7f8ee;margin-left: 5px;margin-right: 10px}
.copyright-link a:hover {color:#ff0}

.copyright-text {padding-top: 15px}
.copyright-text p {color: #fff;font-size: 14px;}
.copyright-text p span {color: #ff0;text-transform: uppercase;}
.copyright-text p i {color: #f00}
.copyright-text p a {color: #e7f8ee;transition: all 0.3s ease 0s;}
.copyright-text p a:hover {color: #ff0;}

/*--Back To Start--*/
.back-to-top {position:fixed;bottom:80px;right:20px;font-size:20px;width:40px;height:40px;line-height:36px;border-radius:50%;z-index:999;text-align: center;display: none;box-shadow: 2px 4px 8px rgba(33, 40, 50, 0.15);transition: all 0.3s linear;color: #fff;background-color: #309255;}
.back-to-top:hover {color:#fff;background-color:#212832;}

@media screen and (max-width:1024px)
{
	.width{width:100%;}
	.header{height:60px;line-height: 60px;}
    .header-logo a img {max-height:50px;}
    .header .header-menu{display:none;}
	.header .navbar{display:block;}

	.banner .ui-carousel-page li.active{width:10px;}
	.banner .ui-carousel-page{bottom:10px;}
	.ui-carousel-prev,.ui-carousel-next{display:none;}

	#offside-nav{min-width:85%;}
	.ui-collapse-menu-title{padding-left:10px;}
	.ui-collapse-menu-title.active{background:#fff;}
	.ui-collapse-menu-title.active a{color:#363e45;}

	.breadcrumbs{display: none;}

	.subnav{padding:0 10px;margin:5px 0 10px 0;}
	.subnav ul{flex-wrap:wrap;justify-content:flex-start}
	.subnav ul li{flex:0 0 50%;max-width:50%;margin-left:0;margin-bottom:10px;}
	.subnav ul li a{padding:8px 10px;font-size:14px;text-align:center;}
	.subnav ul li:nth-child(1n){padding-right:5px;padding-left:0;}
	.subnav ul li:nth-child(2n){padding-right:0;padding-left:5px;}

	.home_about{margin-bottom:0px;}
	.home_about_left,.home_about_right{flex:0 0 100%;max-width:100%;}
	.home_about_left{padding-right:20px;}
	.home_about_left img{margin-left:20px;max-width:96%;}
	.home_about_right{margin-top:50px;padding:20px 30px;}
	.home_about_right h1{font-size:24px;}
	.home_about_right .text{margin:15px 0;line-height:28px;}

	.news-item{width:48%;}
    .news-item:nth-child(3){width:100%;} 
	.news-item .list{padding:20px 20px 0 20px;}

	.container .container-left{width:100%;}
	.container .container-right{width:100%;margin-left:0%;}

	.blog-list-item{width:31.33%;}

	.case-edge .ui-piclist-item{padding:5px 5px 4px 5px;}
	.case-edge .ui-piclist-item:hover{transform:translateY(0px)}
	.ui-piclist{margin:0 0 0 0}
	.ui-piclist .ui-piclist-item{width:47.5%;margin:0 0 15px 15px;}

	.footer_item{width:45%;margin-right:5%;padding-left:4%;margin-bottom:20px;}
	.footer_last{width:95%;margin-right:5%;padding-left:4%;margin-bottom:20px;}
	.footer_item h4{font-size:16px;height:40px;}
	.footer_item h4:after{top:38px;}
	.footer_item h5{font-size:14px;}
	.footer_tel{font-size:24px;}


}
@media screen and (max-width:1000px)
{
	.inner_banner .text{padding:0 20px;}
	.blog-list-item{width:48%;}
	.news-item{width:48%;}
	.provide-item{width:48%;}
	.contact-item{width:48%;}
    .about-item {width:48%;}
	.news-item .ui-card-footer{display: none;}
}
@media screen and (max-width:768px)
{
	.m-none{display:none;}
    .pc-banner{display:none;}
    .m-banner{display:block;}

	.inner_banner{height:220px;}
	.inner_banner .text{flex:0 0 100%;max-width:100%;padding:0 15px;}
	.inner_banner .text h2{font-size:20px;margin:0;}
	.inner_banner .text h2:after{margin:16px 0 22px;width:45px;}
	
	.inner_banner .text p{font-size:14px;}
	.inner_banner .text h2 em{font-size:16px;}
	.inner_banner .text p{font-size:14px;line-height:24px;}
	.inner_banner .image{display:none;}

	.news{max-width:100%;padding:0 15px;}
	.news-wrap{margin-left:0;}
	.news-item{width:100%;margin:0 0 20px 0;}

	.blog-list-wrap{margin-left:0;}
	.blog-list-item{width:100%;margin:0 0 20px 0;}

	.about-wrap{margin-left:0;}
	.about-item {width:100%;margin:0 0 20px 0;}

	.provide-wrap{margin-left:0;}
	.provide-item{width:100%;}

	.contact-box{margin:40px 0 0 0%;}
	.contact-item{width:100%;margin:0 0 20px 0;}

	.ui-piclist{margin:0 0 0 0}
	.ui-piclist .ui-piclist-item{width:46%;margin:0 0 15px 10px;}

	.paging .page-status{display:none;}
    .paging .page-index{display:none;}
    .paging .page-pre{display:none;}
    .paging .page-numbar{display:inline-block;}
    .paging .page-next{display:none;}
    .paging .page-last{display:none;}
    .paging a {border-radius: 25px;}

	.footer_menu,.footer_last{display:none;}
	.copyright-wrapper {display: block;text-align: center;width:98%;}
	.copyright-link a{}


}
@media screen and (max-width:540px)
{

}
@media screen and (max-width:415px)
{

}

/*动态效果*/
.animation-round {-webkit-animation: round 8s linear 0s infinite normal forwards;animation: round 8s linear 0s infinite normal forwards}
@-webkit-keyframes round {
    0% {-webkit-transform: rotate(0);transform: rotate(0)}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes round {
    0% {-webkit-transform: rotate(0);transform: rotate(0)}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}

.animation-left {-webkit-animation: left 5s linear 0s infinite normal forwards;animation: left 5s linear 0s infinite normal forwards}
@-webkit-keyframes left {
    0% {-webkit-transform: translateX(0);transform: translateX(0)}
    50% {-webkit-transform: translateX(-40px);transform: translateX(-40px)}
    100% {-webkit-transform: translateX(0);transform: translateX(0)}
}
@keyframes left {
    0% {-webkit-transform: translateX(0);transform: translateX(0)}
    50% {-webkit-transform: translateX(-40px);transform: translateX(-40px)}
    100% {-webkit-transform: translateX(0);transform: translateX(0)}
}

.animation-right {-webkit-animation: right 5s linear 0s infinite normal forwards;animation: right 5s linear 0s infinite normal forwards}
@-webkit-keyframes right {
    0% {-webkit-transform: translateX(0);transform: translateX(0)}
    50% {-webkit-transform: translateX(40px);transform: translateX(40px)}
    100% {-webkit-transform: translateX(0);transform: translateX(0)}
}
@keyframes right {
    0% {-webkit-transform: translateX(0);transform: translateX(0)}
    50% {-webkit-transform: translateX(40px);transform: translateX(40px)}
    100% {-webkit-transform: translateX(0);transform: translateX(0)}
}

.animation-up {-webkit-animation: up 5s linear 0s infinite normal forwards;animation: up 5s linear 0s infinite normal forwards}
@-webkit-keyframes up {
    0% {-webkit-transform: translateY(0);transform: translateY(0)}
    50% {-webkit-transform: translateY(-40px);transform: translateY(-40px)}
    100% {-webkit-transform: translateY(0);transform: translateY(0)}
}
@keyframes up {
    0% {-webkit-transform: translateY(0);transform: translateY(0)}
    50% {-webkit-transform: translateY(-40px);transform: translateY(-40px)}
    100% {-webkit-transform: translateY(0);transform: translateY(0)}
}

.animation-down {-webkit-animation: down 5s linear 0s infinite normal forwards;animation: down 5s linear 0s infinite normal forwards}
@-webkit-keyframes down {
    0% {-webkit-transform: translateY(0);transform: translateY(0)}
    50% {-webkit-transform: translateY(40px);transform: translateY(40px)}
    100% {-webkit-transform: translateY(0);transform: translateY(0)}
}
@keyframes down {
    0% {-webkit-transform: translateY(0);transform: translateY(0)}
    50% {-webkit-transform: translateY(40px);transform: translateY(40px)}
    100% {-webkit-transform: translateY(0); transform: translateY(0)}
}