@charset "utf-8";
@media (min-width:1050px){
	.nav li:hover .nav-er{opacity: 1;margin-top: 0;pointer-events: auto;}
	.nav-er a:hover{background: #000;color: #fff;}
	.nav li:hover .nav-yi{color: #000;}
	.nav li:hover .nav-yi span:after{width: 100%;}
	.header-style .nav li:hover .nav-yi{color: #fff;}
}
@media (max-width:1600px){
	.w1720{width: 1430px;}
	.w1440{width: 1300px;}
	.yblist-top{height: 480px;}
	.liuyan{padding-left: calc(50% - 650px);}
	.cpcs p,.cptx p{font-size: 14px;}
	.cpxq-con h1{font-size: 30px;}
	.fw-con .des,.fw-top{margin-bottom: 20px;}
	.fw-list li{margin-bottom: 10px;}
}
@media (max-width:1500px){
	.w1720{width: 1300px;}
	.w1440{width: 1200px;}
	.yblist-top{height: 420px;}
	.liuyan{padding-left: calc(50% - 600px);}
	.liuyan-warp{padding: 60px 0;}
	.queding{margin-bottom: 0;}
	.cptx{margin-bottom: 15px;}
	.cptx{padding-top: 15px;}
	.jm{height: 520px;}
	.swiper-slide .his-con{width: 340px;}
	.swiper-slide:nth-child(5n) .his-con{width: 340px;}
	.swiper-slide:nth-child(4n) .his-con{width: 100%;}
}
@media (max-width:1400px){
	.nav-yi{padding: 0 20px;}
}
@media (max-width:1250px){

}
@media (max-width:1200px){
	.liuyan{padding-left: 4%}
	.size60{font-size: 50px;}
	.mouseBox2{margin-right: -14px;}
}
@media (max-width:1050px){
	.nav-yi span:after,.bannerBtn,.nav-er:before,.nav-er:after,.search-opean,.search-close{display: none;}
	.menu-handler,.search-sb{display: block;}
	.header{height: 60px !important;}
	/*.header-style .header{background: #fff;}*/
	.header .w1720{height: 60px;max-width: 100%;width: 100%;}
	.is-scroll .header .w1720{height: 60px;}
	body.is-scroll .header .w1440{height: 60px;}
	.nav-yi span{text-align: left;}
	.menu-handler{right: 4%;width: 28px;}
	.logo{left: 4%;}
	.logo img,body.is-scroll .logo img{height: 30px;}
	body{padding-top: 60px !important;}
	.fixed-right{right: 0;bottom:100px;}
	.nav-right{left: 4%;right: 4%;}
	.header-con{position: fixed;top:60px;left: -100%;width:100%;bottom:0;background: #fff;float: none;transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);-webkit-transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);}
	.header-con.active{left: 0;}
	.nav-box{margin: 0;position: absolute;top:63px;left: 4%;right: 4%;bottom:20px;overflow: auto;padding-right: 0;border-right: 0;}
	.nav li{float: none;border-bottom: 1px solid #ddd;margin-left: 0;}
	.nav li.active{border-color:#000;}
	.nav li.active .nav-yi{color: #000;}
	.nav-yi{line-height: 50px;height: 50px; padding: 0;background: none !important;margin-top: 0 !important;font-size: 15px;}
	body.is-scroll .nav-yi{line-height: 50px;height: 50px;}
	.header.active li.active .nav-yi{color: #333;}
	.nav li.none .nav-yi{display: block;}
	.nav li:after{width: 10px;height: 10px;position: absolute;content: '';right: 2px;top:20px;background: url("../images/phone-arrow.png") no-repeat center;background-size:cover;display: none;transition: all .4s;}
	.nav li.has:after{display: block;}
	.nav li.on:after{transform: rotate(180deg);}
	.nav-er{display: none;pointer-events: auto;opacity: 1;position: static;width: 100% !important;margin: 0 !important;box-shadow: none;padding-bottom: 10px;transition: none;padding-top: 0;}
	.nav-er a{text-align: left;padding-left: 1em;background: none;border-bottom: none;line-height: 44px;font-size: 14px;}
	.header-area{margin: 20px 4% 0;position: relative;height: 32px;}
	.search-box{top:0;right: 60px;left: 0;margin-top: 0;}
	.search-con{position: static;width: 100%;box-shadow: none;border:1px solid #ddd;height: 34px;}
	.search-con .text{text-indent: 1em;}
	.language{right: 0;}
	.headerBtn{display: none;}

	.footer-nav a{margin-left: 40px;}
	.banner-des span,.banner-des h2{letter-spacing: 15px;padding-left: 15px;}

	.swiper-slide .his-con{width: 400px;}
	.swiper-slide:nth-child(5n) .his-con{width: 400px;}
	.swiper-slide:nth-child(4n) .his-con{width: 400px;}
	.swiper-slide:nth-child(3n) .his-con{width: 100%;}
	.design-con{position: static;width: 100%;}
	.design-img{float: none !important;width: 100%;margin-bottom: 30px;}
	.design li{margin-bottom: 50px;}
}
@media (max-width:800px){
	.index-left,.index-right,.cpxq-img,.cpxq-con,.fw-con,.fw-img{float: none;width: auto;margin-right: 0;}
	.banner-des span,.banner-des h2{letter-spacing: 8px;padding-left: 8px;}
	.left-style{display: flex;justify-content: space-between;}
	.left-style li{display: inline-block;}
	.left-tishi{display: none;}
	.index-pro-right{padding-top: 50px;}
	.more01{display: none;}
	.more02{display: inline-block;}
	.cpxq-img,.fw-con{margin-bottom: 30px;}
	.project-xq-page a{max-width: 30%;}
	.xw-img{width: 280px;}
	.xw-con{left: 300px;}
	.xw-img{height: 200px;}
	.time{bottom:15px;}
	.xw .i{bottom:10px;}
	.peitao li{width: 48.5%;margin-right: 3%;}
	.peitao li:nth-child(3n){margin-right: 3%;}
	.peitao li:nth-child(2n){margin-right: 0;}
	.provider li{width: 49%;margin-right: 2%;}
	.provider li:nth-child(3n){margin-right: 2%;}
	.provider li:nth-child(2n){margin-right: 0;}
	.xw-con p{-webkit-line-clamp: 3;overflow: hidden;height: 4.8em;}
}
@media (max-width:760px){
	.pc-show,.footer-nav{display: none;}
	.wap-show,.pt-bot span{display: block;}
	.share,.beian,.footer-right,.footer-left,.cp-left,.cp-right{float: none;width: auto;margin-right: 0;}
	.anli li{display: block;width: 100%;margin-right: 0;}
	.footer-bot,.pao,.footer-left{text-align: center;}
	.size60{font-size: 30px;}
	.size36{font-size: 26px;}
	.title40 h2,.size40,.pt-bot span,.size48,.who h1{font-size: 24px;}
	.title36 h2,.title36 span,.title40 span,.alxq-top h2,.size30,.cpxq-con h1,.field h3,.title30 h2{font-size: 20px;}
	.size24{font-size: 18px;}
	.size22,.xwxq-sg span,.pages{font-size: 16px;}
	.size18{font-size: 15px;}
	.pao p span,.left-style a,.pro-bot h4,.pt-bot p,.des18 p,.title36 span{font-size: 14px;}
	.pro-bot p,.case-bot p,.who p,.title18 span,.field p,.title30 span,.title36 span{font-size: 12px;}
	.gyjt-desc p{line-height: 1.6em;}

	.footer-top,.padding-tb80,.padding-tb120,.padding-tb100{padding: 35px 0;}

	.mg-bt120{margin-bottom: 40px;}
	.headquarters-list2,.mg-bt80{margin-bottom: 35px;}
	.cplb li,.ny-title-top,.anli li{margin-bottom: 30px;}
	.mg-bt60,.mg-bt50,.cp-left,.xw li,.peitao li{margin-bottom: 25px;}
	.title36,.footer-left,.title40,.mg-bt40,.cpxq-img{margin-bottom: 20px;}
	.mg-bt35{margin-bottom: 18px;}
	.banner-des h2,.mg-bt30{margin-bottom: 15px;}
	.mg-bt20,.mg-bt15{margin-bottom: 10px;}
	.mg-bt10,.headquarters-list2 h3{margin-bottom: 5px;}
	.headquarters-list2 li:last-child{margin-bottom: 0;}

	.page,.swiperDot,.project-xq-bot,.queding{margin-top: 25px;}

	.share{padding: 0 0 6px;}
	.footer-logo img{height: 64px;}
	.banner-des span, .banner-des h2{letter-spacing: normal;padding-left: 0;}
	.left-style{display: block;overflow: auto;white-space: nowrap;}
	.left-style li{margin-right: 10px;}
	.left-style li:last-child{margin-right: 0;}
	.index-pro-right{padding-top: 25px;}
	.pro-show span{font-size: 12px;line-height: 24px;border-radius: 24px;}
	.pros .jt18x9{right: 15px;bottom:15px;}
	.pro-bot{padding:0 10px;}
	.proBtn div{width: 24px;height: 24px;margin-top: -12px;}
	.proBtn1{left: 12px;}
	.proBtn2{right: 12px;}
	.pingpai-top h2{font-size: 26px;}
	.pingpai-top h2 span{margin: 0 2px;}
	.more2{width: 120px;}
	.yblist-top{height: 240px;}
	.cplb li{width: 100%;margin-right: 0 !important;display: block;}
	.cplb li:nth-child(3n){margin-right: 2%;}
	.cplb li:nth-child(even){margin-right: 0;}
	.page-btn{width: 15px;height: 8px;}
	.pages{margin: 0 4px;}
	.cplb-des{padding: 15px 15px 25px;}
	.title40 span{margin-left: 10px;}
	.cpxl{white-space: nowrap;overflow: auto;font-size: 0;}
	.cpxl li{display: inline-block;padding-right: 20px;}
	.cpxl li:last-child{padding-right: 0;}
	.alxqDot{bottom:15px;}
	.alxqDot .swiper-pagination-bullet,.swiperDot .swiper-pagination-bullet{width: 8px;height: 8px;}
	.anxqBtn div{width: 24px;height: 24px;margin-top: -12px;}
	.project:hover .anxqBtn1{left: 10px;}
	.project:hover .anxqBtn2{right: 10px;}
	.yycp-top{padding-bottom: 15px;}
	.back{width: 100px;line-height: 34px;font-size: 12px;}
	.project-xq-page a{position: relative;margin-top: 10px;left: 0 !important; display: block;max-width: 100%;}
	.back:before{display: none;}
	.project-xq-bot{padding:30px 20px;}
	.project-xq-page a img{display: none;}
	.project-xq-page a.a1{padding-left: 0;margin-top: 25px;}
	.project-xq-page a.a2{padding-right: 0;}
	.headquarters-list2 li img{width: 56px;}
	.headquarters-list2 li{text-align: left;width: 100%;position: relative;padding-left: 60px;margin-bottom: 20px;}
	.headquarters-list2 li .mg-bt30{position: absolute;left: 0;top:-5px;margin-bottom: 0;}
	.liuyan{width: 100%;}
	.map{position: static;height: 240px;width: 100%;}
	.liuyan-warp{margin-right: 4%;}
	.xw-img{width: 150px;height: 100px;}
	.xw-con{left: 160px;}
	.xw-con p{display: none;}
	.xw-con h3{font-size: 16px;}
	.xw .i{width: 24px;height: 24px;}
	.xwxq-sg img:nth-child(1){width: 18px;}
	.xwxq-sg img:nth-child(3){width: 22px;}
	.xw-share{position: static;margin-top: 20px;}
	.xwxq-top{padding-bottom: 15px;}
	.edit, .edit *{font-size: 14px !important;}
	.edit p{margin: 10px 0;}
	.position{padding-bottom: 0;}
	.fh{width: 120px;line-height: 36px;margin-top: 40px;}
	.lxjm li .position-full img{width: 40px;}
	.lxjm li{width: 100%;}
	.lxjm li a{width: 120px;line-height: 36px;margin-top: 10px;}
	.jm{height: 300px;}
	.provider li{width: 100%;margin-right: 0 !important;padding: 15px;}
	.provider li p{margin-left: 36px;}
	.provider li span{top:1px;}
	.whbg{height: 200px;}
	.wh-list li{width: 100%;text-align: left;margin-bottom: 20px;}
	.wh-list li:last-child{margin-bottom: 0;}
	.swiper-slide .his-con{width: 100% !important;margin-top: 0 !important;height: auto;padding-top: 70px;text-align: center;}
	.fzlcs .swiper-slide{height: auto;}
	.fzlcs{margin: 0;}
	.fzlc:before{top:30px;}
	.hisdot{left: 50% !important;top:20px !important;margin-left: -10px;}
	.hisBtn div{top:23px;margin-top: 0;}
	.hisyear{position: static;text-align: center;margin-bottom: 10px;font-size: 24px;}
	.hisline{left: 50% !important;top:42px !important;margin-left: -1px;height: 0;transition: all .8s;}
	.fzlcs .swiper-slide:nth-child(even) .his-des{padding-top: 0;}
	.swiper-slide-active .hisline{height: 20px;}
	.his{padding: 35px 0 200px;}
	.cplb .i{height: 30px;bottom:-10px;}
}
@media (max-width:360px){

}