.wap-click {cursor: pointer;text-align: center;}
.wap-click span { width: 2.5rem; height:6px; background: #666; display: block;margin-bottom: 0.375rem; transition: all 277ms ease-in-out;  position: relative;border-radius: 1.25rem;}
.wap-click em{font-size: 0.875rem;color: #666;}
.active span.cl-1 {transform: rotate(-45deg);top: 16px;}
.active span.cl-2 {opacity: 0;}
.active span.cl-3 {transform: rotate(45deg); top:-7px;}

.wap-lang{text-align: center;margin-right: 1.5rem;}
.wap-lang img,.wap-lang span{display: block;}
.wap-lang img{width: 2.4rem;}
.wap-lang span{font-size: 0.875rem;color: #666;margin-top: 0.375rem;}

.wap-search{text-align: center;margin-right: 1.5rem;}
.wap-search img,.wap-search span{display: block;}
.wap-search img{width: 2.4rem;}
.wap-search span{font-size: 0.875rem;color: #666;margin-top: 0.375rem;}

.wap-header{display: none;position: fixed;top:0;width:100%; background: #fff;z-index: 999;padding: 0.8rem 1rem;}
.wap-header.activeTOP{top:192px;}
.wap-logo a img{width: 7rem;}
.wapMain{position: absolute;left: 0; top:100%; z-index: 99999;width: 100%;background-color: #fff; display: none;max-height: 90vh;overflow-y: scroll;border-top: 1px solid #C6C6C5;}

.wap-searchBox{height: 0;overflow: hidden;background: #e1e1e1;padding: 0 16px;position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;transition: 0.2s ease;}
.wap-searchBox.activeTOP{height: 192px;padding: 16px 16px 32px;}
.wap-searchBox .input{width: 80%;height: 40px;background: #fff;border-radius: 0.5rem;line-height: 40px;display: block;margin: 0 auto 16px;padding-left: 0.5rem;}
.wap-searchBox .submit{width: 80%;height: 40px;line-height: 40px;background: #0C6A99;font-size: 1rem;color: #fff;text-align: center;border-radius: 3rem;margin: 0 auto;display: block;}

.wapV21{padding: 0 0.5rem 0 0.875rem;height: 2.875rem;}
.wapV21 a{font-size: 1rem;}
.wapV21 a::before{margin-right: 0.5rem;}
.wapV21 span{width: 2.875rem;height: 2.875rem;position: relative;}
.wapV21 span::before{content: "\e903";font-family: 'icomoon' !important;color: #3C3C3B;display: flex;justify-content: center;align-items: center;height: 100%;}
.wapV2 .item.on .wapV21 a{color: #298997;font-weight: bold;}
.wapV2 .item.on span::before{content: "\e902";}
.wapV2 .item{border-bottom: 1px solid #C6C6C5;}
.m-subnav{display: none;}
.m-subnav a{display: block;font-size: 0.875rem;color: #3c3c3c;border-bottom: 1px solid #C6C6C5;padding: 1rem 0.875rem 1rem 2.7rem;}
.m-subnav a:last-child{border-bottom: 0;}

@media screen and (max-width:1440px) {
	.container1230{width: 95%;}
	.container1440{max-width: 95%;}
	.indexMod5 li a img{height:5.5rem;}
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
	.container1230{width: 95%;}
	.container1440{max-width: 92%;}
}
@media screen and (min-width: 900px) and (max-width: 1200px){
	.indexMod5 li a img{height:5.5rem !important;}
}
@media screen and (min-width:200px)  and  (max-width:1024px)  {
	::-webkit-scrollbar {display: none;}
	.Header,.main-nav{display: none;}
	.wap-header{display: block;}
	.container1230{width: 100%;}
	.container1440{max-width: 92%;}
	.banner{margin-top: 5rem;}
	.banner .swiper-slide{height: 15rem;}
	.banner .swiper-slide img{height: 100%;object-fit: cover;}
	.banner .swiper-pagination{bottom: 0.4rem;}
	.banner .swiper-button-next, .banner .swiper-button-prev{top: 0;bottom: 0;margin: auto;}
	.indexAbout{padding: 2rem 0;}
	.indexAbout .con{flex-direction: column;margin-top: 2rem;}
	.indexAbout .video{width: 100%;}
	.indexAbout .info{width: 100%;padding: 1rem;}
	.ttTwo h3{font-size: 1.5rem;}
	.ttTwo span{font-size: 1rem;}
	.indexMod2{padding: 2rem 0 1rem;}
	.indexMod2 .con{margin-top: 3rem;}
	.indexMod2 .con .p21{display: none;}
	.indexMod2 .item{width: 100%;margin-bottom: 2rem;}
	.indexMod2 .itemC{width: 100%;padding-bottom: 1rem;}
	.indexMod2 .item:nth-child(2n) .itemC{text-align: left;}
	.indexMod2 .item:nth-child(2n) .itemC h3{justify-content: flex-start;}
	.indexMod2 .itemC h3{margin-bottom: 0.8rem;}
	.indexNumber{padding-bottom: 0.5rem;}
	.indexNumber .flex-btw{flex-wrap: wrap;}
	.indexNumber .item{flex-shrink: 0;width: 50%;margin-bottom: 2rem;}
	.indexNumber h3{font-size: 1.5rem;}
	.indexNumber p{font-size: 1.2rem;}
	.indexMod3{padding: 2rem 0;}
	.indexMod3 ul{margin-top: 2rem;}
	.indexMod3 li{width: 100%;margin-bottom: 1rem;}
	.more2{margin: 2rem auto;}
	.indexMod4{padding:0 0 2rem;}
	.indexMod4c{padding-bottom: 3rem;margin-top: 2rem;}
	.newSwiper{margin: 0;}
	.indexMod4 .swiper-pagination{display: block;}
	.indexMod4 .swiper-pagination span.swiper-pagination-bullet-active{background: #298997;}
	.indexMod4c .swiper-button-next, .indexMod4c .swiper-button-prev{display: none;}
	.more3{margin: 2rem auto 0;}
	.indexMod4c .swiper-slide em{font-size: 1rem;}
	.indexMod5{padding: 2rem 0;}
	.indexMod5 .container1440{max-width: 96%;}
	.indexMod5 ul{margin-top: 1.5rem;}
	.indexMod5 li{flex: 0 0 24%;padding: 0.5rem;}
	.indexMod5 li a img{height: 2.2rem;}
	.indexMod5 .msg{font-size: 1rem;line-height: 1.5;padding: 0 4%;}
	.footerTop{padding: 2rem 0 1rem;}
	.footerTop .right{display: none;}
	.footerTop .left{width: 100%;}
	.footerTop .left .footerLogo img{margin: 0 auto 1.5rem;}
	.footerTop .left span{text-align: center;}
	.ny-banner{margin-top: 5rem;}
	/* 案例 */
	.ANLI{padding: 2rem 0;}
	.ANLI .list{margin-top: 2rem;}
	.ANLI .item{flex-direction: column-reverse;margin-bottom: 1.5rem;}
	.ANLI .item:nth-child(2n){flex-direction: column-reverse;}
	.ANLI .item .name{background: #45A6AC;width: 100%;font-size: 1.3rem;padding: 1rem 0;}
	.ANLI .item .info{width: 100%;padding: 1rem;}
	.ANLI .item:nth-child(2n) .info{padding: 1rem;}
	.ANLI .item:nth-child(2n) .name{background: #8E8F90;}
	/* 服务范围 */
	.FWFW .con{padding: 2rem 0 0;}
	.FWFW .ttOne{margin-bottom: 1.5rem;}
	.FWFW ul{margin: 2rem 0;}
	.FWFW .one li{width: 100%;margin-bottom: 1.2rem;}
	.FWFW .one.five{padding: 0;}
	.FWFW .one.five li{margin-bottom: 1.2rem;}
	.FWFW .one.five li:nth-of-type(4), .FWFW .one.five li:nth-of-type(5){margin-bottom: 1.2rem;}
	
	.FWFW .two li{width: 100%;margin-bottom: 1.2rem;}
	.FWFW .three li{width: 100%;margin-bottom: 1.2rem;}
	.FWFW .four li{width: 100%;margin-bottom: 1.2rem;}
	
	/* 关于我们 */
	.aboutOne, .aboutTwo{padding-top: 2rem;}
	.aboutOne .One{margin-top: 2rem;flex-direction: column;}
	.aboutOne .One .pic{width: 100%;}
	.aboutOne .One .info{width: 100%;}
	.aboutOne .two{flex-direction: column;}
	.aboutOne .two .info{width:100%;}
	.aboutOne .two .pic{width: 100%;}
	.aboutTwo .item .itemC{margin-top: 1rem;}
	.aboutTwo .item h3{margin-bottom: 0;}
	.aboutTwo .con em{font-size: 1rem;}
	/* 关于我们-企业文化 */
	.aboutQYWH{padding: 2rem 0;}
	.aboutQYWH ul{margin-top: 2rem;flex-direction: column;}
	.aboutQYWH li{flex: auto;flex-shrink: 0;margin-bottom: 1.2rem;}
	.aboutQYWH li .con{margin: 0;height: 20rem;}
	.aboutQYWH li a{width: 80%;}
	/* 加入我们 */
	.JRWM{padding: 2rem 0 1rem;}
	.JRWM ul{flex-direction: column;padding: 0;}
	.JRWM ul li{width: 100%;}
	.JRWM ul li:nth-child(2n){padding-left: 0;}
	.JRWM ul li p{line-height: 1.5;}
	/* 人才招聘 */
	.RCZP{padding: 2rem 0;}
	.accordion-title,.am-accordion-title{padding: 0 1.5rem 0 0;}
	.accordion-title div:nth-of-type(1), .am-accordion-title div:nth-of-type(1){flex: 1.8;}
	.accordion-title div:last-child, .am-accordion-title div:last-child{display: none;}
	.am-accordion-content{padding: 1rem;}
	/* 快捷导航 */
	.KJDH{padding-bottom: 2rem;}
	.KJDH .item h3{margin-bottom: 0;font-size: 1.2rem;line-height: 1.5;}
	.KJDH .item p a{display: inline;vertical-align: middle;}
	.KJDH .item .itemC{margin-top: 1rem;padding-left: 1.5rem;}
	.KJDH .con{margin-bottom: 0;}
	/* 联系我们 */
	.LXWM{padding: 2rem 0;}
	.LXWM .v1{width: 100%;margin: 2rem auto 0;}
	.LXWM .v1 li{align-items: stretch;}
	.LXWM .v1 li .name{font-size: 1.125rem;width: 26%;}
	.LXWM .v1 li .name i{width: 1rem;height: 1.5rem;}
	.LXWM .v1 li .info{width: 74%;}
	.LXWM .form .submit{width: 100%;}
	.LXWM .form{margin: 2rem 0;}
	/* 新闻详情 */
	.newsC{flex-direction: column;}
	.navigation .con a:last-child{max-width: 34%;height: 1.75rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.news dl{width: 100%;display: none;}
	.news .right{width: 100%;}
	.article .content{padding: 2rem 0;}
	.article .content .pic{width: 100%;}
	.article h1{padding-top: 0;}
	.news ul li{margin-bottom: 1rem;padding-bottom: 1rem;}
	.news ul li a{flex-direction: column;}
	.news ul li .pic{width: 100%;height: auto;}
	.news ul li .info{width: 100%;padding: 2% 3% 4%;}
	.news ul li .title{flex-direction: column;align-items: flex-start;}
	.news ul li .title span{margin-top: 0.5rem;}
	

	
}
@media screen and (min-width: 780px) and (max-width: 1024px){


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