@import "animate.min.css";
@import "bootstrap.min.css";
@import "public.youacacia.min.css";
/*scrollbar*/
::-webkit-scrollbar{width:5px;height:11px;border:none;background:#598556!important}
::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background-color:#598556;border-radius:1px}
::-webkit-scrollbar-thumb:vertical{background-color:#598556;border-radius:0;border:none}
::-webkit-scrollbar-thumb:horizontal{background-color:#598556;border-radius:0;border:none}
::-webkit-scrollbar{width:5px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:#598556}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#598556;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#598556}
::-webkit-scrollbar-corner:vertical{background-color:#598556}
::-webkit-scrollbar-resizer:vertical{background-color:#598556}
/*define font*/
@font-face {
    font-family: 'SourceHanSerifCN-VF';  /* Project id 2779080 */
    src: url('../fonts/SourceHanSerifCN-VF.eot?t=1632557895843'); /* IE9 */
    src: url('../fonts/SourceHanSerifCN-VF.eot?t=1632557895843#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SourceHanSerifCN-VF.woff2?t=1632557895843') format('woff2'),
    url('../fonts/SourceHanSerifCN-VF.woff?t=1632557895843') format('woff'),
    url('../fonts/SourceHanSerifCN-VF.ttf?t=1632557895843') format('truetype'),
    url('../fonts/SourceHanSerifCN-VF.svg?t=1632557895843#iconfont') format('svg');
}

@font-face {
  font-family: 'iconfont';  /* Project id 3205187 */
  src: url('//at.alicdn.com/t/font_3205187_701nhtrd58v.eot?t=1648695071534'); /* IE9 */
  src: url('//at.alicdn.com/t/font_3205187_701nhtrd58v.eot?t=1648695071534#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//at.alicdn.com/t/font_3205187_701nhtrd58v.woff2?t=1648695071534') format('woff2'),
       url('//at.alicdn.com/t/font_3205187_701nhtrd58v.woff?t=1648695071534') format('woff'),
       url('//at.alicdn.com/t/font_3205187_701nhtrd58v.ttf?t=1648695071534') format('truetype'),
       url('//at.alicdn.com/t/font_3205187_701nhtrd58v.svg?t=1648695071534#iconfont') format('svg');
}
.yc-icon{font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.1px;-moz-osx-font-smoothing: grayscale;}
/*define public css*/
@media(min-width: 1500px){
    .container{width: 1500px;max-width:95%}
}
@media(min-width: 1300px) and (max-width: 1499px){
    .container{width: 95%}
}
.button--aylen {
	overflow: hidden;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	position: relative;
}
.button--aylen.button--inverted {
	background: none;
	color: #fff;
}
.button--aylen::before,
.button--aylen::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 100%;
	left: 0;
	z-index: 0;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen::before {
	background: #1da56f;
}
.button--aylen::after {
	background: #598556;
}
.button--aylen:hover *{
	color: #fff !important;
}
.button--aylen:hover i{
	margin-left:1rem !important;
}
.button--aylen:hover::before,
.button--aylen:hover::after {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.button--aylen:hover::after {
	-webkit-transition-delay: 0.175s;
	transition-delay: 0.175s;
}
/*header*/
#header{background: #fff;padding: 18px 0;-webkit-transition: ease .3s;-moz-transition: ease .3s;-ms-transition: ease .3s;-o-transition: ease .3s;}
#header .container{display:flex;justify-content: space-between}
#header .container:before,#header .container:after{
	display: none;
}
.header-logo{background: url(../images/logo_1.png) no-repeat left center;width:338px;height: 65px;flex: 1;max-width: 18%;-webkit-transition: ease .3s;-moz-transition: ease .3s;-ms-transition: ease .3s;-o-transition: ease .3s;background-size: contain}
.header-logo a{display: block;opacity: 0;width: 100%;height: 100%}
.header-slogan{flex: 1;background: url(../images/title_1.png) no-repeat left center;width: 135px;max-width: 135px;margin-left: 25px;
    height: 65px;}
.header-nav{flex: 1;display: flex;margin-left: 5%;margin-right: 4%;height: 65px;}
.header-nav li{flex: 1;line-height: 65px;font-size: 16px;}
.header-nav li:last-child{margin-right: 0}
.header-nav li a{color: #333;position: relative;display: inline-block;overflow: hidden}
.header-nav li a:after{position: absolute;left: -100%;bottom: 0;width: 100%;height: 4px;background: #598556;content: '';transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-ms-transition: ease .3s;-o-transition: ease .3s;}
.header-nav li:hover a,.header-nav li.active a{color: #598556}
.header-nav li.active a:after{left: 0;}
.header-tel{flex: 1;max-width:16% }
.header-tel i{float: left;line-height: 65px;font-size: 30px;color: #000000;width: 30px}
.header-tel p{float: left;margin-left: 10px;color: #333333;line-height: 1.3;height: 100%;width: calc(100% - 40px)}
.header-tel p span{display: block;font-size: 0.8vw;letter-spacing: 5px;width: 100%;text-align: left}
.header-tel p b{font-size: 1.25vw;width: 100%;text-align: left}
@media(max-width: 1080px){
    .header-tel p span{letter-spacing: 2px}
    .header-slogan{display: none}
}
@media(max-width: 900px){
    .header-nav{margin-left: 2%;margin-right: 2%}
    .header-tel{max-width: 18%}
    .header-tel p span{letter-spacing: 0}
}
@media(max-width: 760px){
    #header{position: fixed;left: 0;top: 0;width: 100%;z-index: 15;height: 60px;padding: 5px 0;box-shadow: 0 0 10px rgba(0,0,0,.1)}
    .header-logo{max-width: 70%;height: 40px;margin-top: 5px;}
}
/*nav*/
#nav ul li.active{background: #598556;color: #fff}
#nav ul li.active a{color: #fff}
#nav.active{top: 60px;}
/*banner*/
#banner .banner-pagination{bottom: 35px}
.banner-pagination span{width: 36px;height: 5px;border-radius: 2.5px;background: rgba(8,83,39,.5);position: relative;opacity: 1;overflow: hidden}
.banner-pagination span:after{position: absolute;left: 0;top: 0;width: 0px;height: 100%;background: #598556;content: '';}
.banner-pagination span.swiper-pagination-bullet-active:after{animation: widthExtend 3.1s;-webkit-animation: widthExtend 3.1s;-moz-animation: widthExtend 3.1s;-ms-animation: widthExtend 3.1s;-o-animation: widthExtend 3.1s}
#banner:hover span.swiper-pagination-bullet-active:after{animation-play-state:paused;-webkit-animation-play-state:paused;-moz-animation-play-state: paused}
@keyframes widthExtend { 0%{width: 0;} 50%{width: 50%;} 100%{width: 100%;} }
@-webkit-keyframes widthExtend { 0%{width: 0;}  100%{width: 100%;} }
@-moz-keyframes widthExtend { 0%{width: 0;} 100%{width: 100%;} }
@-ms-keyframes widthExtend { 0%{width: 0;}  100%{width: 100%;} }
@media(max-width: 760px){
    #banner{margin-top: 60px;}
    #banner .banner-pagination{bottom: 5px;}
    #banner .banner-pagination span{width: 6px;height: 6px;}
}
/*main*/
.home-title{color: #598556;font-weight: bold;/*font-family: 'SourceHanSerifCN-VF';*/font-size: 36px}
.home-title-en{font-size: 18px;color: #999;font-weight: bold;margin-top: 5px;font-family: Arial;letter-spacing: 3px;}
@media(max-width: 1080px){
    .home-title{font-size: 24px}
    .home-title-en{font-size: 14px}
}
@media(max-width: 760px){
    .home-title{font-size: 2rem}
    .home-title-en{font-size: 1.2rem;letter-spacing: 0}
}
/*advantage*/
.advantage{background: #f4f4f4;padding: 15px 0}
.advantage-list{display: flex;}
.advantage-item{flex: 1;margin-right: 10px;background: #fff;height: 125px;padding-left:25px;padding-right: 19px;}
.advantage-item:last-child{margin-right: 0}
.advantage-block{width: 100%}
.advantage-block i{font-size: 40px;color: #598556}
.advantage-text{margin-left: 15px;}
.advantage-title{text-align: left;width: 100%;font-size: 20px;font-weight: bold;margin-bottom: 8px;}
.advantage-summary{font-size: 14px;line-height: 20px;width: 100%;text-align: left;min-height: 40px;}
@media(max-width: 1080px){
    .advantage-item{padding-left: 15px;height: 90px}
    .advantage-title{font-size: 1.4rem}
    .advantage-summary{font-size: 1.2rem}
}
@media(max-width: 900px){
    .advantage-item{height: auto;padding:10px}
    .advantage-block{display: block}
    .advantage-text{margin-left: 0;text-align: center}
    .advantage-title{text-align: center;font-size: 1.5rem}
    .advantage-summary{text-align: center}
}
@media(max-width: 760px){
    .advantage-list{display: block;}
    .advantage-item{width: calc(33.33% - 10px);float: left;margin-right: 15px;margin-bottom: 15px}
    .advantage-item:nth-child(3),.advantage-item:last-child{margin-right: 0}
    .advantage-block i{font-size: 3rem}
    .advantage-title{font-size: 1.4rem}
    .advantage-summary{min-height: 60px;}
    .advantage-item:last-child,.advantage-item:nth-last-child(2){width: calc(50% - 7.5px)}
    .advantage-item:nth-last-child(2){margin-right: 15px}
    .advantage-item:last-child .advantage-summary,.advantage-item:nth-last-child(2) .advantage-summary{min-height: auto}
}
/*service*/
.service{background: url(../images/backg_1.jpg) no-repeat fixed center;padding: 55px 0}
.service-nav{text-align: center;margin-top: 25px;margin-bottom: 50px;}
.service-nav li{display: inline-block;position: relative;margin: auto 30px;}
.service-nav li:after{position: absolute;right: -30px;top: 50%;width: 1px;height: 18px;background: #999999;margin-top: -9px;content: ''}
.service-nav li:last-child:after{display: none}
.service-nav li a{font-size: 20px;color: #333;}
.service-nav li:hover a{color: #598556}
.service-nav li.active a{color: #598556;font-weight: bold}
.service-block{display: none}
.service-list{display: flex;flex-wrap: wrap;justify-content: space-between; margin-bottom: 10px;width: 100%;overflow: hidden}
.service-list:last-child{margin-bottom: 0}
.service-item{/*flex: 1;*/width:24%; margin: 0 0.5% 1%;overflow: hidden}
/*
.service-item:nth-child(4n){
	margin-right: 0
}
*/
/*.service-item:last-child{margin-right: 0}*/
.service-item a{display: block}
.service-content{left: 0;top: 0;width: 100%;height: 100%;background: rgba(8,84,39,.54);padding: 15px;transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;visibility: hidden;opacity: 0}
.service-item img{transition: ease-in .3s;-webkit-transition: ease-in .3s;-moz-transition: ease-in .3s;-ms-transition: ease-in .3s;}
.service-title{font-size: 20px;color: #fff;}
.service-summary{font-size: 16px;color: #fff;margin-top: 15px;}
.service-content:before,.service-content:after{box-sizing: border-box;border: solid 1px transparent;width: 100%;height: 100%;content: '';position: absolute}
.service-content:before{position: absolute;bottom:15px;right: 15px;transition: border-color 0s ease-in .4s,width .2s ease-in .2s,height .2s ease-in;-webkit-transition: border-color 0s ease-in .4s,width .2s ease-in .2s,height .2s ease-in;}
.service-content:after{top: 15px;left: 15px;-webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.service-content:hover:before,.service-content:hover:after{width: calc(100% - 30px);height: calc(100% - 30px)}
.service-content:hover:before{border-bottom-color: rgba(255,255,255,.3);border-left-color:  rgba(255,255,255,.3);-webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.service-content:hover:after{border-top-color:  rgba(255,255,255,.3);border-right-color:  rgba(255,255,255,.3);-webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}
.service-item:hover .service-content{visibility: visible;opacity: 1}
.service-item:hover  img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
@media(max-width: 1080px){
    .service-nav li{margin: auto 20px;}
    .service-nav li a{font-size: 16px;}
}
@media(max-width: 900px){
    .service-nav{margin-bottom: 30px;}
    .service-nav li{margin: auto 10px;}
    .service-nav li:after{right: -12px;}
}
@media(max-width: 760px){
    .service{padding: 30px 0}
    .service-nav{margin-bottom: 20px;overflow: hidden}
    .service-nav li{float: left;width: 25%;padding: 5px;margin: 0}
    .service-nav li:after{display: none}
    .service-nav li a{border: solid 1px #ddd;display: block;border-radius: 5px;font-size: 1.3rem;line-height: 28px;}
    .service-nav li.active a{background: #598556;color: #fff}
    .service-list{display: block;margin-bottom: 0}
    .service-item{width: 49%;padding: 0 5px;float: left;margin-right: 0;margin-bottom: 10px}
    .service-title{font-size: 1.5rem}
    .service-summary{font-size: 1.2rem;margin-top: 5px;}
}
/*case*/
.case{background: #f4f4f4;padding: 70px 0 100px;}
.case-container{margin-top: 60px;width: 100%;overflow: hidden}
.case-box{width: 80%;overflow:initial;float: right}
.case-left{max-width: 27.48%;width: 420px;left: 0;top:0;height: 100%;z-index: 10;background: #f4f4f4;padding: 0 45px;}
.swiper-case-left{height: 100%}
.case-right{max-width: 72.52%;width: calc(100% - 420px)}
.swiper-case{width: 100%;overflow: initial}
.swiper-case ul li{overflow: hidden;}
.swiper-case ul li:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(8,84,39,.5);content: ''}
.swiper-case ul li img{margin-right: 0;float: right}
.swiper-case ul li iframe{margin-right: 0;float: right;display: block;border: none;width: 1108px;height: 610px}
.swiper-case ul li.swiper-slide-active:after{display: none}
.case-title{font-size: 30px;font-weight: bold;margin-top: 30px;}
.case-subtitle{font-size: 18px;font-family: Arial;letter-spacing: 3px;font-weight: lighter;margin-top: 10px;}
.case-subtitle:after{display: block;width: 50px;height: 7px;background: #598556;margin-top: 50px;content: '';margin-bottom: 40px;}
.case-summary{font-size: 18px;color: #666;line-height: 40px;margin-bottom: 40px;}
.case-more a{font-family: Arial;color: #999999;font-size: 18px;}
.case-prev,.case-next{bottom: 20px;top: auto;width: 36px;height: 36px;font-size: 36px;color: #999999}
.case-prev:after,.case-next:after{display: none}
.case-prev{left: 0;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg)}
.case-next{left: 45px;right: auto}
.case-prev:hover,.case-next:hover{color: #598556}
.case-pagination{right: 0;bottom: 20px;text-align: right;font-size: 24px;color: #666666;font-weight: lighter;line-height: 36px;}
.case-pagination b{font-size: 40px;color: #333333;font-weight: lighter}
@media(max-width: 1080px){
    .case-left{max-width: 31.48%;padding: 0 30px;}
    .case-title{font-size: 2rem}
    .case-subtitle{font-size: 1.4rem}
    .case-subtitle:after{margin-top: 25px;margin-bottom: 25px;}
    .case-summary{font-size: 1.2rem;line-height: 2;margin-bottom: 25px;}
    .case-more a{font-size: 1.4rem}
}
@media(max-width: 900px){
    .case-box{width: 95%}
    .case-summary{-webkit-line-clamp:4}
    .case-pagination{font-size: 14px;}
    .case-pagination b{font-size: 18px;}
}
@media(max-width: 760px){
    .case{padding: 30px 0}
    .case-container{margin-top: 30px}
    .case-box{width: 100%}
    .case-left{position: relative;left: auto;top: auto;background: #fff;width: 100%;max-width: 100%;padding: 20px 20px}
    .case-prev, .case-next{bottom: 5px;margin: 0;}
    .case-prev{left: auto!important;right: 36px}
    .case-next{left: auto;right: 0}
    .swiper-case-left{padding-bottom: 40px}
    .case-pagination{bottom: 5px;text-align: left}
    .case-title{margin-top: 0;text-align: center}
    .case-subtitle{text-align: center;}
    .case-subtitle:after{height: 4px;margin:15px auto 20px}
}
/*soft*/
.soft{background: url(../images/backg_2.jpg) no-repeat fixed center;overflow: hidden}
.soft-top{margin-top: 95px;display: flex;margin-bottom: 60px;}
.soft-left{flex: 1;width: 762px;max-width: 50.8%}
.soft-right{flex:1;margin-left: 10%;max-width: 40%;position: relative;position: relative;}
.soft-right:before{position: absolute;right: 0;top:-15px;width: calc(100% - 15px);height: 100%;border-radius: 0 0 0 160px;content: '';background: #085025;z-index: 1}
.soft-right-img{position: relative;z-index: 2;border-radius: 0 0 0 172px;overflow: hidden;display: block;box-shadow: 1px 26px 24px rgba(0,0,0,.08);margin-right: 15px;}
.soft-right-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.soft-summary{margin-top: 25px;position: relative;padding-top: 55px;font-size: 18px;line-height: 40px;text-indent: 32px;margin-bottom: 40px;}
.soft-summary:before{position: absolute;left: 0;top: 0;width: 232px;height: 1px;background: #efefef;content: ''}
.soft-summary:after{position: absolute;left: 0;top: -3px;width: 50px;height: 7px;background: #598556;content: ''}
.soft-more a{display: block;width: 182px;height: 50px;border: solid 1px #999999;border-radius: 25px;line-height: 48px;text-align: center}
.soft-more a span{position: relative;padding-right: 35px;position: relative;color: #666;font-size: 16px; z-index: 3}
.soft-more a span i{position: absolute;right: 0;top: -2px;color: #999;transform:rotate(180deg);-webkit-transform:rotate(180deg) ;-moz-transform:rotate(180deg) ;font-size: 26px;line-height: 1;font-style: normal}
.soft-more a:hover{color: #fff;border-color: #598556}
.soft-more a:hover span,.soft-more a:hover i{color: #fff}
.soft-list{margin-bottom: 50px;display: flex;}
.soft-item{flex: 1;border-right: solid 1px #c4c4c4;}
.soft-item:last-child{border-right: none}
.soft-text{display: inline-block;text-align: center}
.soft-number{line-height: 1}
.soft-number span{font-size: 48px;color: #598556;font-weight: bold;}
.soft-number em{font-size: 18px;font-style: normal;color: #598556}
.soft-text .soft-subtitle{margin-top: 10px;font-size: 18px;color: #666;display: block;}
@media(max-width: 1080px){
    .soft-summary{font-size: 14px;line-height: 2}
    .soft-number span{font-size: 30px;}
    .soft-number em{font-size: 14px}
    .soft-text .soft-subtitle{font-size: 14px;}
}
@media(max-width: 900px){
    .soft-top{display: block;overflow: hidden}
    .soft-left{float: left}
    .soft-right{float: right;margin-left: 9.2%;padding-top: 15px}
    .soft-summary{padding-top: 30px;}
}
@media(max-width: 760px){
    .soft-top{margin-top: 40px;}
    .soft-top .home-title-en,.soft-top .home-title{text-align: center}
    .soft-left{max-width: 100%;}
    .soft-right{display: none}
    .soft-summary{font-size: 1.2rem}
    .soft-summary:after{left: 50%;margin-left: -25px;}
    .soft-summary:before{left: 50%;margin-left: -116px;}
    .soft-more a{width: 120px;height: 34px;line-height: 32px;font-size: 1.2rem;margin: auto}
    .soft-more a span{font-size: 1.2rem}
    .soft-item{padding: 0 5px;}
    .soft-text .soft-subtitle{font-size: 1.2rem}
    .soft-number span{display: block;font-size: 2rem}
    .soft-number em{font-size: 1.2rem;margin-top: 10px;}
}
/*client*/
.client{background: url(../images/photo_7.jpg) no-repeat top center;padding: 60px 0 75px;}
.client .home-title-en,.client .home-title{color: #fff;}
.client-container{margin-top: 45px;}
.client-container .swiper{margin-bottom: 25px;}
.client-container .swiper:last-child{margin-bottom: 0}
.client-container .swiper ul li{width:auto;margin-right: 15px;background: #fff;border-radius: 6px;height: 90px;overflow: hidden;}
.client-container .swiper ul li img{width: calc(100% - 20px);height: calc(100% - 20px);box-shadow: 2px 0 10px rgba(133,133,133,.17)}
@media (max-width: 760px) {
    .client-container .swiper ul li{height: 60px;}
}
/*news*/
.news{background: url(../images/backg_3.jpg) no-repeat fixed center;padding: 55px 0}
.news .container{background: #fff;padding: 55px 30px 65px;}
.news-nav{margin-top: 40px;margin-bottom: 50px;text-align: center}
.news-nav li{display: inline-block;position: relative;padding: 0 35px;}
.news-nav li:after{position: absolute;right: 0;top: 50%;width: 1px;height: 18px;background: #a5a5a5;margin-top: -9px;content: ''}
.news-nav li:last-child:after{display: none}
.news-nav li a{font-size: 20px;color: #333;}
.news-nav li.active a{color: #598556;font-weight: bold}
.news-item{position: relative;display: none}
.news-item .swiper-button-prev,.news-item .swiper-button-next{width: 44px;height: 44px;font-size:44px;line-height: 1;text-align: center;color: #999999}
.news-item .swiper-button-prev:after,.news-item .swiper-button-next:after{display: none}
.news-item .swiper-button-prev{left: -110px;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg)}
.news-item .swiper-button-next{right: -110px}
.news-item .swiper-button-prev:hover,.news-item .swiper-button-next:hover{color: #215a05}
.news-img{position: relative;width: 100%; height: 202px; overflow: hidden;}
.news-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.news-text{padding-top: 15px}
.news-time{margin-bottom: 5px;overflow: hidden;font-size: 14px;color: #999;font-family: Arial}
.news-title{font-size: 18px;color: #333}
.news-summary{font-size: 14px;line-height: 2;color: #999}
.news-item ul li:hover .news-title{color: #598556;font-weight: bold}
@media(max-width: 1499px){
    .news-item .swiper-button-prev{left: -50px}
    .news-item .swiper-button-next{right: -50px}
}
@media(max-width: 1080px){
    .news-nav li a{font-size: 16px;}
    .news-title{font-size: 14px;}
    .news-summary{font-size: 1.2rem}
}
@media(max-width: 760px){
    .news{padding: 30px 5px;}
    .news .container{padding: 30px 10px 35px;}
    .news-item .swiper-button-prev, .news-item .swiper-button-next{display: none}
    .news-nav{margin-top: 20px;margin-bottom: 30px;}
    .news-nav li{padding: 0 15px;}
}
/*footer*/
footer{width:100%;height:auto;background: #212121}
footer .container{padding-top:4rem;padding-bottom:4.75rem;display:flex;justify-content:space-between;align-items:flex-start}
footer .container::before,footer .container::after{
	display: none;;
}
.footer-left{width:38%;height:auto;margin: 0;}
.footer-nav{width:100%;height:auto;margin-bottom:2.25rem}
.footer-nav a{color: #fff}
.footer-nav a:hover{color:#fff}
.footer-nav ul{width:100%;display:flex;/*justify-content:space-between;*/align-items:center}
.footer-nav ul li{width:auto;height:16px;line-height:16px;font-size:16px;color:#fff;padding: 0 15px;position: relative}
.footer-nav ul li+li:after{
	content: "";
	font-size: 0px;
	width: 1px;
	height:16px;
	line-height:16px;
	position:absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	background-color: #454545
}
.footer-nav ul li:first-child{
	padding-left: 0
}
.footer-nav ul li:last-child{
	padding-right: 0
}
/*.footer-nav ul li:not(:last-child)::after{content:"";height:16px;line-height:16px;position:relative;left:26%;border-right:1px solid #454545}*/
.footer-info{width:100%;height:auto}
.footer-info p{width:100%;line-height:2;font-size:13px;color:#7a7a7a;display:flex;justify-content:space-between}
.footer-info p:first-child{
	margin-bottom: 5px
}
.footer-info p strong{
	font-size: 20px;
	color: #fff;
	font-weight: normal
}
.footer-info p span:first-child{flex: 1.5}
.footer-info p span{flex: 1;}
.footer-info p a{color: #7a7a7a}
.footer-center{width:24%;height:auto;text-align:center;display: flex}
.qrcode{max-width:84px;height:84px;margin:0 auto}
.footer-center p{font-size:14px;line-height:1;color:#fff;margin-top:20px;text-align:center;}
.footer-right{width:38%;height:auto;margin: 0;}
.footer-right>p{margin-bottom:20px}
.footer-right>p span:nth-child(1){font-size:20px;color:#fff}
.footer-right>p span:nth-child(2){font-size:14px;color:#909090}
.footer-right>form p{display:flex;justify-content:space-between}
.footer-right>form p{margin-bottom:10px}
.footer-right>form input{flex: 1;background: rgba(196,196,196,.2);height: 42px;padding: 0 15px;outline: none;border: none;color: #fff;}
.footer-right>form input:first-child{margin-right: 15px;}
.footer-right>form input[type=submit]{border:none;height:42px;text-align:center;color:#fff;background-color:#598556;border-radius:4px;font-size:16px;transition:all .5s}
.footer-right>form input[type=submit]:hover{background-color:#215a05;border-radius:4px}
.copyright{position:relative;background: #0a0a0a;text-align: center}
.arrow{position:absolute;cursor:pointer;top: -48px;width: 148px;height: 48px;background: url(../images/copyright.png) no-repeat center;margin-left: -74px;left: 50%}
.arrow::before{border-left:1px solid #fff;border-top:1px solid #fff;width:14px;height:14px;position:absolute;top:18px;left:50%;transform:rotate(45deg);content:'';animation:slowmove 2s infinite;margin-left: -7px;}
.arrow:after{border-left:1px solid #fff;border-top:1px solid #fff;width:10px;height:10px;position:absolute;transform:rotate(45deg);content:'';left: 50%;bottom: 10px;margin-left: -5px;}
.copyright p{padding: 20px 0;font-size: 14px;color: rgba(255,255,255,.5)}
.copyright p a{color: rgba(255,255,255,.5)}
@-ms-keyframes slowmove{0%{top:18px}
    50%{top:12px}
    100%{top:18px}
}
@-webkit-keyframes slowmove{0%{top:18px}
    50%{top:12px}
    100%{top:18px}
}
@keyframes slowmove{0%{top:18px}
    50%{top:12px}
    100%{top:18px}
}
@-moz-keyframes slowmove{0%{top:18px}
    50%{top:12px}
    100%{top:18px}
}
@media(max-width: 1080px){
    .footer-nav ul li{font-size: 13px;}
    .footer-info p{font-size: 12px;}
}
@media(max-width: 760px){
    #footer{margin-bottom: 60px;}
    footer .container{display: block;}
    .footer-left{width: 100%;border-bottom: solid 1px rgba(255,255,255,.1);padding-bottom: 25px;margin-bottom: 25px;}
    .footer-info p{display: block;text-align: center}
    .footer-info p span{display:block}
    .footer-nav{display: none}
    .footer-center{width: 100%;border-bottom: solid 1px rgba(255,255,255,.1);padding-bottom: 25px;margin-bottom: 25px;}
    .qrcode{width: auto;}
    .footer-right{width: 100%}
    .footer-right>p span:nth-child(1){font-size: 2rem;display: block;text-align: center}
    .footer-right>p span:nth-child(2){font-size: 1.2rem;text-align: center;margin-top: 10px;}
    .copyright p{font-size: 1.2rem}
}
/*footer button*/
#footer-button{background: #598556;border-top-color: #023b19;box-shadow:0 0 10px rgba(8,82,38,.2)}
#footer-button a{border-left-color: #023b19;border-right-color: #256841}
/*custom*/
.custom{background: url(../images/customized_backg_1.jpg) no-repeat fixed center;padding: 80px 0 130px;}
.custom-container{margin-top: 50px;padding-top: 38px;display: flex;padding-bottom: 87px;position: relative}
.custom-container:before,.custom-container:after{position: absolute;font-size: 200px;color: #598556;opacity: .3;line-height: 0;font-family:"Microsoft Himalaya";font-weight: bold}
.custom-container:before{right: 0;top: 0;content: '\201D'}
.custom-container:after{left: 38.933%;bottom:-60px;content: '\201C'}
.custom-left{width: 689px;max-width: 45.933%;position: relative}
.custom-label{position: absolute;left: 0;top: 0;width: 35.58%;height: 165px;display: flex}
.custom-label span{flex: 1;padding: 0 20px;font-size: 1.77vw;color: #fff;background: rgba(8,84,39,.49);line-height: 1.2;text-align: center}
.custom-label span:nth-child(2){background: rgba(8,84,39,.67)}
.custom-label span:nth-child(3){background: rgba(8,84,39,1)}
.custom-right{width: 811px;max-width: 54.067%;position: relative;padding-left:50px}
.custom-right:before{position: absolute;height: calc(100% + 125px);width: 40.93%;border: solid 3px #598556;content: '';top: -38px;left: 0;opacity: .39}
.custom-content{position: relative;z-index: 2;background: #fff;padding: 30px 60px 30px 70px}
.custom-title{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 40px}
.custom-title span{font-size: 32px;}
.custom-text{font-size: 16px;line-height: 40px;text-indent: 32px;color: #666}
/*process*/
.process{padding: 60px  0 80px}
.process-content{margin-top: 50px;}
.swiper-process-top{margin-bottom: 30px;}
.swiper-process-top ul li{display: flex;}
.process-img{flex: 0 0 60%;}
.process-img img{width: 100%}
.process-text{flex: 0 0 40%;background-color: #f5f5f5;padding: 50px 30px 0;}
.process-title{font-size: 18px;color: #333;margin-bottom: 15px;}
.process-subtitle{font-size: 16px;margin-bottom: 10px;color: #333}
.process-summary{font-size: 15px;color: #333;opacity: .7;}
.process-next,.process-prev{top: auto;bottom: 5px;width: 46px;height: 46px;background: #fff;font-size: 20px;}
.process-next:after,.process-prev:after{font-size: 20px;color: #999}
.process-next{right: 15.73%}
.process-prev{right: calc(15.73% + 46px);left: auto}
.process-prev:hover,.process-next:hover{background: #598556}
.process-prev:hover:after,.process-next:hover:after{color: #fff}
.swiper-process-bottom{margin-bottom: 30px;}
.swiper-process-bottom ul li{border-radius: 10px;overflow: hidden;border: solid 2px transparent;cursor: pointer}
.swiper-process-bottom ul li img{width: 100%;}
.swiper-process-bottom ul li.swiper-slide-thumb-active{border-color: #598556}
.process-scrollbar{width: 100%;height: 13px;background: #f5f5f5;width: 100%}
.process-scrollbar .swiper-scrollbar{height: 13px;background: transparent}
.process-scrollbar .swiper-scrollbar>div{margin-left: 0;background: #598556}
.process-more{margin-top: 30px;}
.process-more a{display: block;width: 156px;height: 56px;background: #598556;border-radius: 10px;line-height: 56px;font-size: 18px;color: #fff;margin: auto;text-align: center}
.customized-hint{background: url(../images/customized_backg_2.jpg) no-repeat top center;padding: 80px 0 80px;text-align: center;background-size: cover}
.hint-list{margin: auto;max-width: 90%;display: flex;width:1585px }
.hint-list li{flex: 1;border-right: solid 1px rgba(255,255,255,0.6);text-align: center;padding: 0 2rem}
.hint-list li:last-child{border-right: none;}
.hint-content{display: inline-block;overflow: hidden}
.hint-icon{width: 4.4rem;height: 4.4rem;background-size: contain;float: left;/*background: url(../images/icon_1.png) no-repeat center;*/margin-right: 15px;display: flex;align-items: center}
.hint-icon i{
	font-size: 40px;
	color: rgba(255,255,255,.5)
}
.hint-text{float: left;width: 18rem;text-align: left;max-width: calc(100% - (4.4rem + 15px))}
.hint-text span{font-size: .9375vw;color: rgba(255,255,255,.5);font-weight: bold}
.hint-text p{font-size: .729vw;color: rgba(255,255,255,.4);}
/*
.hint-icon-1{background: url(../images/icon_1.png) no-repeat center}
.hint-icon-2{background: url(../images/icon_3.png) no-repeat center}
.hint-icon-3{background: url(../images/icon_5.png) no-repeat center}
.hint-icon-4{background: url(../images/icon_7.png) no-repeat center}
.hint-icon-5{background: url(../images/icon_9.png) no-repeat center}
.hint-list li:hover .hint-icon-1{background: url(../images/icon_2.png) no-repeat center}
.hint-list li:hover .hint-icon-2{background: url(../images/icon_4.png) no-repeat center}
.hint-list li:hover .hint-icon-3{background: url(../images/icon_6.png) no-repeat center}
.hint-list li:hover .hint-icon-4{background: url(../images/icon_8.png) no-repeat center}
.hint-list li:hover .hint-icon-5{background: url(../images/icon_10.png) no-repeat center}
*/
.hint-list li:hover .hint-icon i,.hint-list li:hover .hint-text span,.hint-list li:hover .hint-text p{color: #aa895c}
@media(max-width: 1180px){
    .custom-label{height: 100px;}
    .custom-content{padding: 30px;}
    .custom-title{font-size: 15px;}
    .custom-title span{font-size: 26px;}
    .custom-text{font-size: 14px;line-height: 2}
}
@media(max-width: 900px){
    .custom-label{height: 80px;}
    .custom-content{padding: 20px;}
    .custom-title{font-size: 1.3rem;margin-bottom: 20px;}
    .custom-title span{font-size: 1.8rem;}
    .custom-text{font-size: 1.2rem;line-height: 1.8}
    .customized-hint{padding: 40px 0}
    .hint-icon{float: none;display: block;margin:auto}
    .hint-text{width: 100%;max-width: 100%;text-align: center;margin-top: 10px;}
}
@media(max-width: 760px){
    .custom{padding: 30px 0}
    .custom-left{width: 100%;max-width: 100%}
    .custom-container{display: block;margin-top: 30px;margin-bottom: 40px;padding-bottom: 0}
    .custom-container:before,.custom-container:after{display: none}
    .custom-right{max-width: 100%;width: 100%;padding-left: 20px;}
    .custom-right:before{height: calc(100% + 76px)}
    .process{padding: 30px 0}
    .process-content{margin-top: 30px;}
    .swiper-process-top ul li{display: block;}
    .process-img{max-width: 100%}
    .process-text{width: 100%;padding: 20px 20px 50px}
    .process-next, .process-prev{width: 30px;height: 30px;}
    .process-title{font-size: 1.6rem;margin-bottom: 10px;}
    .process-subtitle{font-size: 1.4rem}
    .process-summary{font-size: 1.2rem}
    .process-scrollbar{height: 6px;}
    .process-scrollbar .swiper-scrollbar{height: 6px;}
    .process-more a{width: 120px;height: 34px;line-height: 34px;font-size: 1.4rem}
    .hint-list{width: 100%;max-width: 100%;display: block;overflow: hidden}
    .hint-list li{padding:20px 10px;float:left;width: 33.33%;border-bottom: solid 1px rgba(255,255,255,0.6)}
    .hint-list li:last-child,.hint-list li:nth-last-child(2){border-bottom: none;width: 50%}
    .hint-icon{width: 3rem;height: 3rem;background-size: contain !important}
    .hint-text span{font-size: 1.3rem}
    .hint-text p{font-size: 1.2rem}
}
/* page */
.page-banner{
	position: relative;
    z-index: 6;
    background-color: #000;
}
.page-banner img{
	opacity: 0.75;
    max-width: 100%;
}
.page-banner .t{
	position: absolute;
    left: 10%;
    width: 80%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.page-banner .t h1{
	font-size: 40px;
    font-weight: normal;
    color: #fff;
}
.page-banner .t h3{
	font-size: 20px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
	line-height: 1.5
}
.case_vr{
	position: relative
}
.case_vr iframe{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.title{
	position: relative;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 50px;
}
.title h4{
	font-size: 38px;
	font-weight: 800;
	color: #333;
	position: relative;
	z-index: 1;
}
.title h4 span{
	color: #598556;
}
.title .en{
	line-height: 2;
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
}
.title::after{
	content: "";
	width: 66px;
	height: 5px;
	background-color: #598556;
	position: absolute;
	margin-left: -33px;
	left: 50%;
	bottom: 0;
}
.about-content{
	padding: 60px 0
}
.page-about-cont{
	margin-bottom: 50px
}
.p-about-text{
	margin-right: 3%;
	font-size:16px;
	line-height:2;
	text-align:justify
}
.p-about-text .c-name{
	margin: 15px 0 10px;
	font-family: 'SourceHanSerifCN-VF';
	font-size: 28px;
	font-weight: 800;
	color: #598556;
	position: relative;
	padding-bottom: 15px;
	line-height: 2
}
.p-about-text .c-name:after{
	content: "";
	width: 40px;
	height: 3px;
	background-color: #598556;
	position: absolute;
	left: 0;
	bottom: 0
}
.p-about-text p{
	line-height: 2;
	letter-spacing: 2px;
}
.p-about-img{
	margin-left: 2%;
	width: 47%;
	float: right;
	position: relative;
}
.p-about-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-about-img video{
	width: 100%;
    height: 480px;
    object-fit: fill;
}
.p-about-img i{
	font-size: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    cursor: pointer;
}
.page-adv{
	margin: 35px 0;
	justify-content: space-between;
}
.page-adv .adv-item{
	width: 22.5%;
	background-color: #fff;
	border-radius: 6px;
	color: #666;
	padding: 20px 50px;
	box-shadow: 0 3px 6px rgba(220,220,220,.3);
}
.page-adv .adv-item h4{
	color: #333;
}
.page-adv .adv-item h4 i{
	color: #004e97;
/*	font-family: BarlowLight;*/
	font-weight: 800;
}
.page-culture{
	flex-direction: row;
	justify-content: space-between;
}
.p-cul-item{
	width: 32%;
	position: relative;
	overflow: hidden;
}
.p-cul-item img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cul-text{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	color: #fff;
	align-items: center;
	justify-content: center;
}
.cul-text .cul-tit{
	font-size: 20px;
	font-weight: 600;
}
.cul-text .cul-tit i{
	font-size: 36px;
	margin-right: 10px;
	color: transparent;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(-360deg,rgb(1, 80, 154) 27.92%, rgb(22, 116, 203) 47.4%, rgb(44, 151, 252) 93.44%);
}
.cul-text p{
	line-height: 2;
	font-size: 16px;
}
.p-cul-item:first-child .cul-text .cul-tit i{
	font-size: 30px;
}

.land_case_fo{
    margin: auto;
    display: table;
    position: relative;
    -webkit-box-shadow: #dedede 0px 0px 5px;
    -moz-box-shadow: #dedede 0px 0px 5px;
    box-shadow: #dedede 0px 0px 10px;
}
.land_case_fg{
    width: 100%;
    height: 60px;
    border-top: 1px solid #e6e6e6;
    display: table;
}
.land_case_fg:first-child{
	border-top: none;
}
.land_case_fg_on{
    width: 128px;
    float: left;
    font-size: 16px;
    color: #666666;
    line-height: 60px;
}
.land_case_fg_on span{
    margin-left: 20px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.land_case_fg_on span img{
	vertical-align: text-top;
}
.land_case_fg_to{
    width: 925px;
    float: left;
}
.land_case_fg_to ul a{
    float: left;
    font-size: 13.33px;
    color:#666;
    text-align: center;
   position: relative;
    top: 17px;
    padding: 5px 10px 5px 10px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.land_case_fg_to ul a:hover{
    padding: 5px 10px 5px 10px;
    background-color: #598556;
    color: #fff;
}
.land_case_fg_tos{
    height: 50px;
    overflow: hidden;

}
.land_case_fg_to ul .on{
    padding: 5px 10px 5px 10px;
    background-color: #598556;
    color: #fff;
}
.land_case_fg_so{
    width: 50px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    float: right;
    margin-right: 20px;
    position: relative;
    top: 17px;
    cursor:pointer;
}

/* case list */
.caselist{overflow:hidden;   background:#f7f7f7; }
.caselist ul{display: table;padding: 0;}
.caselist ul li{ width:calc((100% - 60px)/3); float:left; margin:20px 10px 1%; background:#fff; padding:10px;transition:0.5s;}
.caselist ul li .img{width: 100%;height: 286px;overflow: hidden;position: relative;}
.caselist ul li .img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.caselist ul li:hover{
	transition:0.5s;
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    z-index: 1;
    box-shadow: #a0a0a0 0px 5px 20px;
}
.caselist ul li:hover a{
	color: #333;
}
.caselist ul li .textname{ margin-top:7px;line-height:30px; font-size:16px; }
.caselist ul li .textnameright{ margin-top:12px; color:#666666;  width:89px; height:30px; line-height:30px; float:right; background:#f7f7f7; text-align:center;}
.caselist ul li .textname p{ font-size:14px; color:#999999; }
/* cases detail */
.caseshowz{
	background-color: #f5f5f5;
	padding-bottom: 30px;
}
.profile{
	padding: 20px;
	background-color: #fff;
	flex-direction: row;
	margin-bottom: 20px;
}
.profile::before,.profile::after{
	display: none;
}
.cases_pic{
	width: 42%;
	margin-right: 3%;
}
.cases_pic img{
	width: 100%;
}
.cases_info{
	width: 55%;
}
.case_name{
	color: #000;
	    font-size: 28px;
	    font-weight: 600;
		margin-top: 20px;
	    margin-bottom: 20px;
}
.profile_con_list ul{
	display: flex;
	flex-wrap: wrap;
}
.profile_con_list li{
	width: 50%;
	border-bottom: 1px solid #dadada;
	padding-bottom: 10px;
	margin-bottom: 20px;
	color: #000;
	font-size: 14px;
}
.profile_con_list li h3,.profile_con_info h3{
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 800;
	color: #000;
}
.profile_info_div{
	width: 100%;
	flex-direction: row;
	align-items: center;
}
.profile_info_div h3{
	margin-bottom: 0;
}
.profile_con p{
	font-size: 14px;
	color: #777;
}
.profile_con_info h3{
	min-width: 12%;
	-ms-flex: 1 1 12%;
	flex: 1 1 12%;
	text-align: justify;
	    text-align-last: justify;
	    -webkit-text-align-last: justify;
	    text-justify: distribute;
}
.profile_con_info p{
	min-width: 88%;
	-ms-flex: 1 1 88%;
	flex: 1 1 88%;
	-webkit-box-flex: 1;
}
.case_content{
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}
.cont_tit{
	color: #000;
	    font-size: 18px;
	    text-align: left;
	    position: relative;
	    padding-bottom: 20px;
		margin-bottom: 30px;
}
.cont_tit::after{
	content: '';
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 30px;
	    height: 2px;
	    background-color: #598556;
}
.cont_tit p{
	color: #598556;
	    font-size: 18px;
	    font-weight: bold;
}
.case_text,.case_text p{
	font-size: 14px;
	line-height: 2;
}
.case_text img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto!important;
	margin-bottom: 10px;
}
.swiper-relateCase{
	position: relative
}
.swiper-relateCase .swiper-slide{
	margin: 0;
}
.swiper-relateCase .img{
	position: relative;
	width: 100%;
	height: 286px;
	overflow: hidden;
}
.swiper-relateCase .img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition-duration: 0.8s;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
}
.swiper-relateCase .swiper-slide:hover img{
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}
.swiper-relateCase .case-title{
	font-size: 16px;
	color: #333;
	line-height: 2;
	text-align: center;
}
.swiper-relateCase .swiper-button-prev, .swiper-relateCase .swiper-button-next{
	width: auto;
	height: auto;
	background: #000;
	opacity: .8;
	cursor: pointer;
}
.swiper-relateCase .swiper-button-prev:after, .swiper-relateCase .swiper-button-next:after{
	display: block;
	color: #fff;
	font-size: 20px;
	padding: 20px 15px;
	cursor: pointer;
}
/* page pagination */
.pages{
	margin-top: 40px;
	margin-bottom: 30px;
	text-align: center;
}
.pages b, .page-this{
	display: inline-block;
	background: #598556;
	padding: 0 15px;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
	font-weight: 400;
	margin: 0 5px;
}
.pages a, .page-end, .page-start{
	display: inline-block;
	background: #efefef;
	padding: 0 15px;
	font-size: 12px;
	color: #666;
	height: 40px;
	line-height: 40px;
}
.pages a:hover, .pages b{
	background: #598556;
    color: #fff;
}
.pages a, .pages b, .page-end, .page-start, .page-this{line-height:40px}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	body{
		min-width: 100%;
	}
	.main{
		width: 100%;
	}
	.title{
		text-align: center;
	}
	.title .en{
		font-size: 16px;
		margin-top: 0;
	}
	.title h4{
		font-size: 24px;
		margin-top: -16px;
	}
	.title .sub-tit{
		font-size: 14px;
		margin: 10px 0 15px;
	}
	.page-banner .t h1{font-size:22px;}
	.page-banner .t h3{font-size:18px;margin-top: 5px}
	.p-about-text{
		width: 100%;
		float: none;
	}
	.p-about-text .c-name{
		font-size: 20px;
	}
	.p-about-text p{
		font-size: 14px
	}
	.p-about-img{
		width: 100%
	}
	.p-about-img iframe{
		height: 208px!important
	}
	.page-adv .adv-item{
		width: 48%;
		padding: 15px 20px;
		margin-bottom: 2%
	}
	.page-adv.adv-cont .adv-item:nth-child(3), .page-adv.adv-cont .adv-item:nth-child(4){
		padding-bottom: 15px
	}
	.page-culture{
		flex-wrap: wrap;
		justify-content: center
	}
	.p-cul-item{
		width: 48%;
		margin: 0 1% 2%
	}
	.cul-text .cul-tit i{
		font-size: 24px
	}
	.p-cul-item:first-child .cul-text .cul-tit i{
		font-size: 22px
	}
	.cul-text .cul-tit{
		font-size: 16px
	}
	.cul-text p{
		padding: 0 15px;
		font-size: 12px;
		line-height: 1.6
	}
	.cul-text p br{
		display: none
	}
	.org-cont img{
		max-width: 100%;
		height: auto!important
	}
	.land_case_fo{
		display: block;
	}
	.land_case_fg{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
		.filter{
			padding: 0 15px;
			width: 100%;
			position: relative;
			z-index: 5;
		}
		.filter .filter-box{
			position: initial;
			padding-right: 15px;
			float: left;
		}
		.filter .filter-box h3{
			width: auto;
			color: #333;
			height: 40px;
			line-height: 40px;
			font-size: 14px;
		}
		.filter .filter-box h3 span{
			color: #fe4701;
		}
		.filter .filter-box div{
			display: none;
			width: 100%;
			float: none;
			z-index: 10;
			position: absolute;
			left: 0;
			top: 43px;
			background-color: #fff;
			padding: 0 15px;
			overflow: hidden;
			-webkit-box-shadow: 1px 3px 5px rgba(0,0,0,0.15);
			box-shadow: 1px 3px 5px rgba(0,0,0,0.15);
			-webkit-transform: translate3d(0, -2px, 0);
		}
		.filter .filter-box div p{
			width: 100%;
			padding: 10px 5px;
			height: auto;
		}
		.filter .filter-box div a{
			width: 23%;
			font-size: 13px;
			margin: 0 1%;
			line-height: 2;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		.filter .styletab{
			height: 40px;
		}
		.styletab a{
			padding: 0 12px;
			height: 40px;
		}
		.styletab a i{
			font-size: 18px;
		}
		.caselist ul{
			width: 100%;
		}
		.caselist ul li{
			width: calc((100% - 40px)/2);
			margin: 10px 10px 1%;
		}
		.caselist ul li .img{
			height: 112px;
		}
		.caselist ul li .textname{
			font-size: 14px;
		}
		.caselist ul li .textname p{
			font-size: 12px;
		}
		.profile{
			flex-direction: column;
		}
		.cases_pic{
			width: 100%;
			margin-right: 0;
		}
		.cases_info{
			width: 100%;
		}
		.case_name{
			font-size: 24px;
		}
		.profile_con_info h3{
			min-width: 20%;
			-ms-flex: 1 1 20%;
			flex: 1 1 20%;
		}
		.profile_con_info p{
			min-width: 80%;
			-ms-flex: 1 1 80%;
			flex: 1 1 80%;
		}
		.swiper-relateCase .img{
			height: 132px;
		}
		.swiper-relateCase .swiper-button-prev:after, .swiper-relateCase .swiper-button-next:after{
			padding: 10px 5px;
			font-size: 16px;
		}
		.swiper-relateCase .case-title{
			font-size: 14px;
		}
		.swiper-button-prev, .swiper-rtl .swiper-button-next{
			left: 0;
		}
		.swiper-button-next, .swiper-rtl .swiper-button-prev{
			right: 0;
		}
}
/* page news */
.land_portal_center{
	width: 100%;
	background-color: #f7f7f7;
    position: relative;
    display: table;
    height: 56px;
}
.land_portal_center .container{
	flex-direction: row;
	align-items: center;
	height: 100%;
}
.land_portal_center_zuo{
    width: 50%;
    float: left;
    font-size: 14px;
    color: #32332d;
}
.land_portal_center_you{
    width: 50%;
    float: right;
    font-size: 16px;
    color: #32332d;
}
.land_portal_center_you ul{
    float: right;
}
.land_portal_center_you ul li a{
    color: #32332d;
}
.land_portal_center_you ul li{
    float: left;
    text-align: center;
    width: 118px;
    border-left: 1px solid #a7a7a5;
}
.land_portal_center_you ul>:first-child{
    border-left:none;
}
.land_portal_center_you ul .onpoatar a{
   color: #598556;
}
.news_list{
	background-color: #f7f7f7;
}
.news_list .container{
	background-color: #fff;
	padding: 0 15px
}
.news-classify{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	position: relative;
	margin-top: 30px;
	padding: 15px 20px 20px;
	overflow: hidden;
	z-index: 10
}
.news-classify .c-item{
	position: relative;
	padding: 0;
	text-align: center;	
	margin: 0 30px
}
.news-classify .c-item:after{
	position: absolute;
    right: -30px;
    top: 50%;
    width: 1px;
    height: 18px;
    background: #999;
    margin-top: -9px;
    content: '';
}
.news-classify .c-item:last-child:after{
	display: none
}
.news-classify .c-item a{
	font-size: 18px;
	color: #333;
	line-height: 2
}
.news-classify .c-item a span{
	display: block;
	line-height: 1;
	color: #999;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}
.news-classify .c-item a:hover{
	color: #598556;
	font-weight: 800;
}
.news-classify .c-item a:hover span{
	color: #598556;
}
.news_list ul a {
	display: block;
	position: relative;
	padding: 30px 0;
	overflow: hidden;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.news_list ul a .img {
	float: left;
	width: 317px;
	overflow: hidden;
	position: relative;
}
.news_list ul a .img .img1 {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}
.news_list ul a:hover .img1 {
	-webkit-transform: scale(1.1) translate(-50%, -50%);
	-ms-transform: scale(1.1) translate(-50%, -50%);
	transform: scale(1.1) translate(-50%, -50%);
}
.news_list ul a .r {
	float: left;
	margin-left: 4%;
	width: -webkit-calc(100% - 417px);
	width: calc(100% - 417px);
	text-align: left;
}
.news_list ul a .r h2 {
	font-size: 20px;
	color: #000;
	font-weight: normal;
	width: 90%;
	margin: 0;
	padding: 20px 0 15px 0;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.news_list ul a .r p {
	color: #222;
	opacity: 0.6;
	font-size: 14px;
	width: 85%;
	margin:0 0 30px;
	height: 38px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.news_list ul a .r .time {
	font-size: 13px;
	color: #222;
	opacity: 0.6;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.news_list ul a .r .rmore {
	position: absolute;
	right: 10px;
	top: 50%;
	line-height: 30px;
	font-size: 14px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #222;
	opacity: 0.6;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.news_list ul a .r .rmore:before {
	height: 30px;
	width: 1px;
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0;
	left: -40px;
	content: "";
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.news_list ul a .r .rmore span {
	font-size: 14px;
	top: 8px;
	float: right;
}
.news_list ul a:hover h2, .news_list ul a:hover p, .news_list ul a:hover .time, .news_list ul a:hover .rmore {
	color: rgba(27, 44, 67, 0.8)
}
.news_list ul a:hover .rmore {
	-webkit-transform: translateY(-50%) translateX(10px);
	-ms-transform: translateY(-50%) translateX(10px);
	transform: translateY(-50%) translateX(10px);
}
.news_list ul a:hover .rmore:before {
	background: rgba(27, 44, 67, 0.8)
}
/* page news detail */
.news_detail_box{
	max-width: 100%;
	height: 90%;
	background-color: #f7f7f7;
	position: relative;
}
.news_detail_box .container{
	background-color: #fff;
	padding: 0 15px
}
.news_detail_con{
	width: 100%;
	max-width: 100%;
	height: 100%;
	overflow: hidden; 
	overflow-y: auto;
	padding: 5% 1% 5% 0;
}
.news_detail_title{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	color: #000;
	font-size: 24px;
	margin-bottom: 20px;
}
.news_detail_time{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	color: #000;
	font-size: 14px;
	opacity: .6;
	margin-bottom: 50px;
}
.news_detail_info{
	width: 100%;
	text-align: left;
	line-height: 24px;
	font-size: 14px;
}
.news_detail_info img{
	display: block;
	max-width: 100%;
	height: auto!important;
	margin: 0 auto;
}
.news_detail_info p{
	width: 100%;
	line-height: 24px;
	font-size: 14px;
	/*padding: 5%;*/
}
.news_detail_info p,.news_detail_info p span{
	line-height: 2 !important;
}
.news_detail_info p:first-child{
	/*padding-top: 50px;*/
}
/*info-pre-next*/
.info-pre-next {
	overflow: hidden;
	margin: 40px 0;
}
.info-pre-next ul li {
	width: 50%;
	float: left;
	overflow: hidden;
	text-align: left;
}
.info-pre-next ul li a {
	display: block;
	overflow: hidden;
}
.info-pre-next ul li:nth-child(1) a {
	margin-right: 10px;
}
.info-pre-next ul li:nth-child(2) a {
	margin-left: 10px;
}
.info-pre-next ul li i {
	display: block;
	width: 130px;
	height: 80px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	position: relative;
}
.info-pre-next em {
	position: absolute;
	left: 0;
	top: 0;
	font-style: normal;
	color: #ffffff;
	font-size: 16px;
	width: 100%;
	line-height: 80px;
	text-align: center;
	background: rgba(0, 0, 0, .2);
	z-index: 1;
}
.info-pre-next img {
	width: 100%;
	height: 100%;
	transition: .5s;
}
.info-pre-next h2 {
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
	border-bottom: none;
	font-weight: normal;
	color: #3e3e3e;
}
.info-pre-next p {
	font-size: 14px;
	margin-top: 10px;
	line-height: 20px;
	height: 40px;
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
}
.info-pre-next li:hover img {
	transform: scale(1.2);
}
.design_process{
	background-color: #252628;
	margin-bottom: 50px
}
.design_process img{
	display: block;
	margin: 0 auto;
}
.process_list{
	padding-top: 30px;
	text-align: center;
}
.designlist{
	background-color: #f7f7f7;
	padding: 30px 0;
}
.team_center_list::before,.team_center_list::after{
	display: none;
}
.team_center_list{
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start
}
.team_center_list .team_li{
	width: 23%;
	margin: 0 1% 2%;
	text-align: left;
	background-color: #fff;
}
.team_center_list .team_li .img{
	width: 100%;
	height: 426px;
	position: relative;
	overflow: hidden;
}
.team_center_list .team_li .img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team_center_list .team_li:hover{

}
.team_center_list .team_li h4{
	color: #454545;
	font-size: 18px;
	padding: 15px;
}
.team_center_list .team_li h4 span{
	font-weight: 400;
	color: #949494;
	font-size: 14px;
	padding-left: 10px;
}
.team_center_list .team_li p{
	line-height: 1.8;
	padding: 0 15px 15px;
	color: #434343;
	min-height: 58px;
	overflow: hidden
}
.des_content{
	background-color: #f7f7f7;
}
.des_content .container{
	padding: 15px;
	background-color: #fff;
}
.des_top{
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
}
.des_img{
	width: 30%;
	margin: 0;
}
.des_img>img{
	width: 100%;
	display: block;
}
.des_intro{
	position: absolute;
	top: 0;
	left: 30%;
	padding-left: 50px;
	width: 70%;
	height: 100%;
	text-align: left;
}
.des_intro .descr{
	width: 100%;
	height: 100%;
	position: relative;
}
.descr .tbcenter{
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.descr .tbcenter .h36{
	margin-top: 0;
	font-size: 36px;
}
.descr .tbcenter .h24{
	font-size: 24px;
}
.descr .tbcenter p{
	margin-top: 10px;
	color: #666;
}
.descr .tbcenter p label{
	color: #333;
	font-weight: 600;
}
.descr p:last-child{
	border-top: 1px solid #b2b2b2;
	margin-top: 30px;
	padding-top: 30px;
	color: #000;
	font-weight: 600;
}
.contact.container{
	margin-top: 50px;
	margin-bottom: 50px;
	height: auto;
	background-color: rgba(40,211,151,0.2);
	display: flex;
	justify-content: space-between;
}
.contact-left{
	width: calc(100% - 50%);
	height: auto;
	padding: 50px;
	display: flex;
	flex-direction: column;
}
.contact-left p:nth-child(1){
	font-size: 32px;
	line-height: 2;
	color: #454545;
	font-weight: 600;
	margin-bottom: 25px;
}
.contact-left p:nth-child(2) span{
	width: 2.625rem;
	height: 0.125rem;
	background-color: #28dd97;
	margin-bottom: 1.5rem;
}
.contact-left p:nth-child(3){
	font-size: 16px;
	line-height: 2;
	color: #999999;
	margin-bottom: 50px;
}
.contact-left dl{
	margin-bottom: 30px;
}
.contact-left dl dd{
	font-size: 14px;
	height: auto;
	line-height: 2;
	color: #777777;
}
.contact-left dl dd i.iconfont{
	line-height: 1;
	margin-right: 12px;
	color: #28d397;
	display: none
}
.contact-left .contact-weixin{
	margin: 0;
	display: flex;
	justify-content: flex-start;
}
.contact-left .contact-qrcode{
	width: 120px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 10px 0 0
}
.contact-left .contact-qrcode img{
	width: 100%;
	height: auto!important;
}
.contact-left .contact-qrcode span{
	font-size: 14px;
	letter-spacing: 2px;
	color: #454545;
	margin-top: 10px;
}
.contact-right{
	width: 50%;
	height: 690px;
}
.addressmap{
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.land_portal_center .container{
		flex-direction: column;
	}
	.land_portal_center_zuo{
		padding: 10px 0;
		width: 100%;
		float: none;
		line-height: 2;
	}
	.land_portal_center_you{
		width: 100%;
		float: none;
		font-size: 14px;
		margin-bottom: 5px;
	}
	.land_portal_center_you ul{
		float: none;
	}
	.land_portal_center_you ul li{
		width: 25%;
		margin-bottom: 10px;
	}
	.land_portal_center_you ul li:nth-child(5){
		border-left: none;
	}
	.news_list ul a{
		padding: 20px 0;
	}
	.news_list ul a .img{
		float: none;
		width: 100%;
	}
	.news_list ul a .r{
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.news_list ul a .r h2{
		width: 100%;
		padding: 10px 0;
		font-size: 16px;
	}
	.news_list ul a .r p{
		width: 100%;
		margin-bottom: 10px;
	}
	.news_detail_title{
		width: 100%;
		font-size: 20px;
	}
	.news_detail_time{
		margin-bottom: 30px;
	}
	.info-pre-next ul li{
		width: 100%;
		margin-bottom: 10px;
	}
	.info-pre-next ul li:nth-child(1) a{
		margin-right: 0;
	}
	.info-pre-next ul li:nth-child(2) a{
		margin-left: 0;
	}
	.info-pre-next ul li i{
		width: 32%;
		height: 70px;
	}
	.info-pre-next em{
		line-height: 70px;
	}
	.info-pre-next h2{
		font-size: 16px;
	}
	.info-pre-next p{
		font-size: 12px;
		margin-top: 5px;
	}
	.design_process img,.process_list img{
		width: 100%;
	}
	.team_center_list .team_li{
		width: 48%;
	}
	.team_center_list .team_li .img{
		height: 212px;
	}
	.team_center_list .team_li h4{
		padding: 10px;
		font-size: 16px;
	}
	.team_center_list .team_li h4 span{
		font-size: 13px;
	}
	.team_center_list .team_li p{
		font-size: 12px;
		padding: 0 10px 10px;
	}
	.des_img{
		width: 100%;
		margin: 0 0 20px;
	}
	.des_img>img{
		max-width: 60%;
		margin: 0 auto;
		zoom: 0.5;
	}
	.des_intro{
		width: 100%;
		padding-left: 0;
		left: auto;
		position: relative;
		top: auto;
	}
	.descr .tbcenter{
		position: relative;
		top: auto;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
	.descr .tbcenter .h36{
		font-size: 24px;
	}
	.descr .tbcenter .h24{
		font-size: 18px;
		font-weight: 800;
	}
}
/*page product list*/
.page_product_list{
}
.page_product_list ul{
	margin: 30px -9px 0;
}
.page_product_list ul li{
	width: 33.33%;
	float: left;
	padding: 0 9px;
	margin-bottom: 18px;
}
.page_product_list li a {
  display: block;
  position: relative;
}
.picc{
	overflow: hidden;
}
.picc span {
  display: block;
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
}
.picc span img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page_product_list li a::after {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: url(../images/peak_list_bg.png);
  filter: alpha(opacity=0);
  opacity: 0;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.page_product_list li a:hover .text,
.page_product_list li a:hover::after {
  filter: alpha(opacity=100);
  opacity: 1;
}
.page_product_list li a:hover .picc span {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.page_product_list li a:hover .text {
  padding-bottom: 78px;
}
.page_product_list li .text {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  z-index: 10;
  padding: 0 60px;
  padding-bottom: 200px;
  background: url(../images/arrow5.png) no-repeat 60px bottom;
  background-size: 52px auto;
  filter: alpha(opacity=0);
  opacity: 0;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.page_product_list li .tit,
.page_product_list li .txt {
  height: 22px;
  line-height: 22px;
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.page_product_list li .tit {
  font-family: "SourceHanSansSC-Medium";
  font-size: 16px;
}
.page_product_list li .txt {
  height: 66px;
  font-family: "SourceHanSansCN-Normal";
  -webkit-line-clamp: 3;
  margin-top: 28px;
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {
	.page_product_list ul li{
		width: 50%;
	}
	.page_product_list li .text{
		padding: 0 10px;
		background: none;
		position: relative;
		opacity: 1;
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
	}
	.page_product_list li a:hover .text{
		padding-bottom: 0;
	}
	.page_product_list li .tit{
		font-size: 0.875rem;
		color: #333;
	}
	.page_product_list li .tit, .page_product_list li .txt{
		height: auto;
		line-height: 2;
	}
	.page_product_list li .txt{
		height: 2.5rem;
		margin-top: 10px;
		-webkit-line-clamp:2;
		display: none;
	}
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.news-classify{
		flex-wrap: wrap;
		padding: 10px 15px 15px;
		margin: 0
	}
	.news-classify .c-item{
		padding: 5px;
		width: 25%;
		margin: 0
	}
	.news-classify .c-item a{
		border: solid 1px #ddd;
		display: block;
		border-radius: 5px;
		font-size: 1.3rem;
		line-height: 28px;
	}
	.news-classify .c-item:after{
		display: none;
	}
	.page_product_list{
		
	}
	.page_product_list ul{
		margin: 0 -2px;
	}
	.page_product_list ul li{
		padding: 0 2px;
		margin-bottom: 4px;
	}
	.contact.container{
		margin-top: 0;
		margin-bottom: 0;
		flex-direction: column;
	}
	.contact-left{
		width: 100%;
		padding: 15px
	}
	.contact-left p:nth-child(1){
		font-size: 18px;
		margin-bottom: 15px;
	}
	.contact-left p:nth-child(3){
		font-size: 14px;
		line-height: 1.4
	}
	.contact-right{
		width: 100%;
		height: 320px;
	}
	.contact-left .contact-qrcode{
		width: 42%;
		margin: 0 auto
	}
}