@charset "utf-8";
/* CSS Document */

@media all and (max-width:1700px){/*1680 * 1050*/
    
	.H-nav{margin:0 10% 0 0;}
    
}
@media all and (max-width:1600px){
	.H-nav{margin:0 8% 0 0;}
	
	.case-swiper .swiper-slide{width:23.98523985239852%;}
	.case-swiper .swiper-slide.active{width:28.04428044280444%;}
}

@media all and (max-width:1500px){
	.H-nav{margin:0 3% 0 0;}
}

@media all and (max-width:1440px){
	/*.index-stage{width:10%;}*/
	
	
	.H-lang{margin:0 3.125% 0 0;}
	.Hlang-menu{display:block;}
	/*.Hlang-sub{display:none;}*/
	
	.Hlang-sub{width:100%;position:absolute;top:78px;right:0px;display:none;opacity:0;}
	.H-lang a{width:100%;line-height:38px;border-radius:0px;border:0px;float:none;margin:0px;}
	.H-lang a.cur,
	.H-lang a:hover,
	.H-lang a:active{background:#fff;color:#00479d;border:0px;}
	.Hlang-sub.fadeDown{animation:fadeDown .6s ease-in-out forwards;-webkit-animation:fadeDown .6s ease-in-out forwards;}
	
	
}

@media all and (max-width:1460px){/*1440 * 900*/


   
    
}

@media all and (max-width:1400px){
    
    
}

@media all and (max-width:1380px){/*1366*/



}

@media all and (max-width:1300px){/*1280 * 800*/



   
}

@media all and (max-width:1280px){

	.contain{width:100%;padding:0 2%;}
	
	.ddCen-action.case-action .split{margin:11px 0.888% 0;}
	/*.case-swiper{width:96%;}*/
	.case-swiper .swiper-slide{width:31.98031980319803%;}
	.case-swiper .swiper-slide.active{width:36.03936039360395%;}
	
	.pro-container{width:96%;}
	
	.pro-A5 .proA-img{margin:0px;transform:rotate(0deg) translate3d(0%, 0%, 0px) !important;}
	
	.proA8-box .proA-img{height:580px;line-height:580px;}
	
	.pArcSplice-swiper{width:100%;left:0px;margin:0px;}
	.pArcSplice-man{top:0px;}
	
	.pIH-wrap, 
	.pIS-wrap{width:600px !important;height:600px !important;}
	
}

@media all and (max-width:1260px){/*1260*/

	.media-modal .mediaModal-contain{width:90%;max-height:90%;margin-left:-45%;}

}

@media all and (max-width:1200px){ /*1200*/


	/*-- Header --*/
	.H-nav{margin:0 2% 0 0;}
	.H-nav>li{margin:0 0 0 15px;}
	.H-nav .Hnav-menu{font-size:14px;padding:0 10px;}
	
	.Hlang-menu{padding:0 0 0 25px;font-size:14px;background-size:18px auto;}
	
	
	.caseInfo-container{height:auto !important;}	
	.caseInfo-wrap{padding:20px 4%;width:100% !important;height:auto;position:relative;top:0px;left:0px;right:0px;}
	.caseInfo-wrap .caseInfo-close{width:25px;height:25px;right:2%;top:2%;}
	.caseInfo-wrap .caseInfo-title{padding:0 0 10px;}
	.caseInfo-box .caseInfo-con{height:auto !important;}
	.caseInfo-swiper{width:100% !important;height:auto;position:relative;}
	.caseInfo-swiper .swiper-container, 
	.caseInfo-swiper .swiper-slide img{height:auto;}
	
	.caseInfo-wrap .caseInfo-close,
	.caseInfo-menu{display:none !important;}
		

}

@media all and (max-width:1100px){/*1024 * 768 */


    
}

@media all and (max-width:980px){/*web*/
	
	html{font-size:50.1563px;}

	img{max-width:100%;}
	
	/*-- Header --*/
	/*.header-cl,
	.header-container,
	.Hlogo{height:50px;}
	.Hlogo{line-height:50px;}
	.Hlogo img{height:80%;}
	
	.Hmenu-btn{display:block;}*/
	
	.Header-wrapper .Header-cl,
	.H-logo{height:50px;margin:0 0 0 2%;}
	
	.H-logo{line-height:50px;}
	.H-logo img{height:35px;}
	
	.Hmenu-btn{display:block;}
	.H-nav{width:100%;background:#171719;position:absolute;top:50px;left:0px;display:none;}
	.H-nav>li{width:100%;float:none;margin:0px;}
	.H-nav .Hnav-menu{padding:0 4%;line-height:60px;}
	
	.H-lang{position:static;margin:0 5px 0 0;}
	.Hlang-menu{width:50px;padding:0px;line-height:50px;font-size:0px;background-position:center center;}
	.Hlang-sub{top:50px;opacity:1;}
	
	
	/*-- Footer --*/
	.Footer-wrapper{padding:10px 0 15px;text-align:center;}
	.Footer-wrapper .F-cr,
	.Footer-wrapper .F-share{float:none;}
	.Footer-wrapper .F-share{margin:5px 0 0 0;}
	.F-share a{display:inline-block;float:none;}
	
	
	/*-- Container --*/
	
	.index-container{min-height:0px;position:relative;overflow:hidden;}
	.index-stage,
	.index-box, 
	.index-bnr .swiper-container{width:100% !important;}
	.index-pagination{display:block;}
	
	.iBnrMeida-box{top:30%;}
	.iBnrMeida-box .title{font-size:38px;line-height:48px;}
	.iBnrMeida-box .btn{width:60px;height:60px;}
	.indexBnrSwiper-prev, .indexBnrSwiper-next{width:40px;height:40px;}
	.index-bnr .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;}
	
	.index-block{top:25%;}
	.index-block .index-icon{padding:20px 0 25px;width:120px;}
	.index-icon img{height:55px;}
	.index-icon .name{font-size:16px;line-height:20px;height:20px;}
	.index-block .index-type{font-size:38px;line-height:40px;}
	.index-block .index-more{margin:25px 0 0;}
	.index-more .btn{width:140px;height:44px;line-height:40px;font-size:14px;}
	
	.abUs-top{padding:1.08rem 0 0;}
	.P-title{padding:0 0 12px;font-size:26px;line-height:32px;}
	.P-nav{margin:20px 0 0;}
	.P-nav a{width:23%;height:38px;line-height:36px;font-size:14px;}
	.P-nav span{margin:0 1%;}
	
	.com-pro{padding:.84rem 0;}
	.comPro-box{width:100%;float:none;margin:0px;}
	.comPro-img{width:100%;text-align:center;float:none;margin:20px 0 0;}
	.comPro-img img{width:auto;}
	
	.com-team{padding:.8rem 0 1.2rem;}	
	.comTeam-top .comTeam-box,
	.comTeam-list{margin:20px 0 0;}
	.comTeam-box .c{margin:10px 0 0;}
	.comTeam-list li{padding:30px 0;}
	.comTeam-list .cTlist-box{padding:0px !important;}
	.comTeam-list .cTlist-block{display:block;min-height:0px;padding:0px !important;}
	.cTlist-block .comTeam-box{display:block;}
	.comTeam-list .cTlist-img{width:100%;text-align:center;position:relative;top:0px;transform:translateY(0);-webkit-transform:translateY(0);margin:10px 0 0;}
	.cTlist-img img{width:auto;}
	
	.com-honor{padding:1rem 0 2rem;}
	.comHonor-top{width:100%;}
	.comHonor-swiper{margin:30px 0 0;}
	
	
	.srv-container .srv-wrap{width:100%;padding:100px 0;height:auto;}
	.srv-wrap .srv-box{width:100%;padding:0 4%;position:relative;top:0px;left:0px;}
	.srv-box .more{margin:30px 0 0;}
	.srv-wrap:after{opacity:1;}
	
	.sp-container{padding:2rem 0;}
	.sp-container .btn{margin:1.3rem auto 0;}
	
	.srvSale-container{padding:1.08rem 0;}
	.srvSale-ct{padding:0px;margin:30px 0 0;}
	.srvSale-ct .sSct-img{width:100%;height:auto;position:relative;}
	.srvSale-ct .sSct-box{padding:25px 4%;border:4px solid #f3f3f3;border-bottom:0px;}
	
	.media-container{padding:1.06rem 0 1.6rem;}
	.media-wrap{padding:.8rem 0;}
	.media-list li{width:50%;}
	
	.ddCen-container{padding:1rem 0 2rem;}
	.ddCen-action .all-menu{width:25%;}
	.ddCen-action select{width:73%;float:right;}
	.ddCen-action .split{display:none;}
	.ddCen-action .text{width:73%;margin:10px 0 0;}
	.ddCen-action .sub-btn{width:25%;float:right;margin:10px 0 0;}
	.ddCen-list li .icon{width:60px;height:60px;}  
	.ddCen-list li .box{margin:5px 0 0 2%;} 
	.ddCen-list li .box .t{font-size:18px;line-height:24px;}
	.ddCen-list li .box .d{line-height:18px;margin:5px 0 0;}
	.ddCen-list li .btn{padding:30px 0 0;background-size:27px auto;}
	
	.ctUs-container{padding:1.48rem 0 1.6rem;}
	
	.online-msg{margin:1.6rem 0 0;}
	
	.agents-container{padding:1.48rem 0;}
	.agents-action{margin:10px 0 0;}
	
	.newsInfo-wrap{width:100%;}
	.newsInfo-box{padding:0 3.3333%;}
	
	.news-swiper{height:auto;margin:10px 0 0;}
	.news-box .news-img{margin:0px;opacity:1;}
	.news-box .news-block .more{opacity:1;}
	.news-block .more:hover{background:#00479d;}
	.news-block .more:hover span{padding:0px;color:#fff;background-position:120px center;}
	
	.news-container{padding:0px;height:auto !important;}
	.news-box{padding:0 0 30px;}
	.news-box .news-img{height:auto;text-align:center;}
	.news-box .news-img img{width:auto;height:auto;}
	
	.newsSwiper-prev, 
	.newsSwiper-next{width:50%;height:50px;border-top:1px solid #ccc;position:relative;float:left;}
	
	.news-nav{width:100%;border-bottom:1px solid #ccc;overflow:hidden;position:relative;top:0px;}
	.news-nav a{width:50%;text-align:center;padding:0px;height:40px;line-height:40px;float:left;}
	.news-nav a:after{display:none;}
	.news-nav:after{content:"";display:block;width:1px;height:100%;background:#ccc;position:absolute;left:50%;top:0px;margin:0 0 0 -1px;}
	.news-nav a.cur,
	.news-nav a:hover,
	.news-nav a:active{color:#fff;background:#00479d;}
	
	.ddCen-action.case-action select,
	.pro-action.ddCen-action select{margin:0 0 10px;}
	.ddCen-action.case-action .text,
	.pro-action.ddCen-action .text{width:73%;margin:0px;}
	.ddCen-action.case-action .sub-btn,
	.pro-action.ddCen-action .sub-btn{margin:0px;}
	
	.proHeader-menu{margin:10px 2% 0 0;}
	.proHeader-menu .btn{width:30px;height:30px;margin:0 5px;}
	.proHeader-menu .pHm-parm{background-size:14px auto;}
	
	.pro-A1{padding:80px 0 70px;}
	.pro-A1 .t1{font-size:48px;line-height:52px;}
	.pro-A1 .t2{font-size:18px;line-height:24px;letter-spacing:2px;}
	.pro-A1 .proA-img{margin:30px 0 0;}
	.proA1-btn{margin:40px auto 0;}
	
	.proA2-list li{width:50%;}
	.proA2-list .pA2list-box{padding:12px 0 22px;}
	.pA2list-box .name{font-size:16px;line-height:24px;}
	
	.proA-box{width:100% !important;}
	.proA-box .t1{font-size:30px;line-height:34px;}
	.proA-box .t2{font-size:16px;line-height:24px;}
	.proA-img{padding:0 10%;}
	
	.pro-A3{padding:80px 4% 100px;}
	
	.pro-A4,
	.pro-A5,
	.pro-A6,
	.pro-A7{padding:60px 0;}
	
	.pro-A5 .proA-box{padding:0px;float:none;}
	
	.pro-A3 .proA-img,
	.pro-A5 .proA-img,
	.pro-A6 .proA-img{margin:40px 0 0;}
	
	.pro-A7 .proA-box{text-align:center;margin:0px;float:none;}
	.pro-A7 .proA-img{width:100%;text-align:center;margin:40px 0 0;float:none;}
	
	.proA8-box{width:100%;}
	.proA8-box .proA-img{padding:40px 10%;height:auto;line-height:0px;}
	.proA8-box .type-name{font-size:24px;line-height:30px;}
	.proA8-box .type-icon{height:30px;line-height:30px;}
	
	.caseSwiper-prev, 
	.caseSwiper-next{width:60px;height:60px;}
	.caseSwiper-prev{left:-60px;}
	.caseSwiper-next{right:-60px;}
	
	
	.proB1-box .t1{font-size:18px;line-height:24px;letter-spacing:2px;}
	.proB1-box .t2{font-size:80px;line-height:85px;}
	.proB1-box .btn{width:60px;height:60px;margin:60px auto 0;}
	
	.proB-top .t1{font-size:20px;line-height:20px;}
	.proB-top .t2{font-size:14px;line-height:16px;margin:10px 0 0;}
	
	.proB-Modular{width:500px !important;height:500px !important;}
	
	.pBModular-scroll{width:80%;margin:0 0 0 -40%;}
	.pBModular-scroll .c{font-size:14px;}
	.pBModular-scroll .c.l{left:-20px;}
	.pBModular-scroll .c.r{right:-40px;}
	
	.pLD-block .line{display:none;}
	
	.pB3-localDtl,
	.pB3-localDtl .pLocalDtl-box{height:auto;}
	.pLocalDtl-box img.pic{width:300px !important;height:368px !important;}
	.pLD-block .pLD-img{transition:none !important;-webkit-transition:none !important;transform:translate(0,0) !important;-webkit-transform:translate(0,0) !important;}
	
    .pLD-block.pLD-block1 .pLD-img,
	.pLD-block.pLD-block3 .pLD-img{position:absolute;right:-45px;}
    .pLD-block.pLD-block2 .pLD-img{position:absolute;left:-45px;right:initial;}
	.pLD-block.pLD-block4 .pLD-img{position:absolute;left:-80px;right:initial;}
	.pLD-img img{opacity:0;}
	.pLD-block .pLD-img{z-index:5;}
	
	.pArcSplice-swiper{width:120%;left:-10%;}
	.proB4-box{width:300px;margin:0 0 0 -150px;}
	.proB4-box .proB4-block{width:300px;height:254px;}
	.pArcSplice-swiper{top:35%;}
	
	.pParm-wrap{width:100%;height:100%;left:0px;top:0px;margin:0px;}
	.pParm-wrap .pParm-box{height:25%;}
	.pParm-box .pParm-block{display:table;width:100%;height:100%;padding:0 0 0 120px;width:100%;margin:0px;}	
	.pParm-block .pParm-con{display:table-cell;vertical-align:middle;}
	.pro-B6 .proB-bg{display:none;}
	.pParm-block .icon{width:60px;top:50%;margin:-30px 0 0 0;}
	.pParm-block .name{font-size:16px;line-height:18px;}
	.pParm-block .con{font-size:14px;line-height:16px;}
	
	.pParm-dtl{width:100%;height:100%;z-index:99999;overflow-y:auto;}
	.pParmDtl-block{width:92%;position:relative;left:4%;top:20px;}
	.pParmDtl-close{z-index:5;}
	.pParmDtl-block2 .pParmDtl-img{position:relative;right:0;margin: 10px auto 0;width: 60%;}
	.pParmDtl-block .con{width:100%;}
	
	.pInstall-wrap{width:100%;height:50%;}
	.pInstall-hanging{}
	.pInstall-stacking{top:50%;}
	
	.pIH-wrap, 
	.pIS-wrap{width:300px !important;height:300px !important;top:0px;}
	.pInstall-type .name{font-size:18px;line-height:20px;}
	.pInstall-type .icon{height:20px;margin:5px 0 0;}
	
	.pIndLeading-swiper .swiper-container .swiper-slide.swiper-slide-active{opacity:1;}
	.pIndLeading-swiper .swiper-container .swiper-slide.swiper-slide-active .pILswiper-name{display:block;}
	
	.proB9-box{padding:0 2%;top:15%;}
	.proB9-box .t1{font-size:26px;line-height:30px;}
	.proB9-box .t2{font-size:16px;line-height:18px;}
	.proB9-share a{width:35px;height:35px;margin:0 4px;}
	.proB9-footer{font-size:14px;line-height:16px;}
	.proB9-box .btn{width:200px;height:47px;line-height:43px;font-size:16px;}
		
}


@media all and (max-width:768px){
	.indexBnrSwiper-prev, .indexBnrSwiper-next{width:30px;height:30px;}
	
	.ctUs-map{overflow:hidden;margin:30px 0 0;}
    .ctUs-map img{display:none;} 
	.CUmap-spot{width:46%;position:relative;top:0px !important;left:0px !important;margin:5px 2%;float:left;}
	.CUmap-spot .orn{display:none;}
	.CUmap-spot .point{padding:0px;height:40px;line-height:38px;text-align:center;border:1px solid #ccc;}
	.CUmap-spot .point:before{display:none;}
    .CUmap-spot.active .point{color:#e60012;border-color:#e60012;}
	.ctUs-swiper{margin:30px 0 0;}
	
	.agents-list li{border-bottom:0px;}
	.agents-list li .agents-box{width:100%;border-bottom:1px solid #e5e5e5;}
	
	.case-swiper .swiper-slide{width:47.97047970479704%;padding-top:20px;}
	.case-swiper .swiper-slide.active{width:52.02952029520296%;}
	.caseSwiper-prev, 
	.caseSwiper-next{width:60px;height:60px;transform: translateY(0px);-webkit-transform: translateY(0px);top: 100%;margin-top: -90px;}
	.caseSwiper-prev{left:10px;}
	.caseSwiper-next{right:10px;}
}

@media all and (max-width:640px){
    
	.iBnrMeida-box .title{font-size:28px;line-height:38px;}
	.iBnrMeida-box .btn{width:45px;height:45px;}
	
	.index-block .index-type{font-size:28px;line-height:30px;}
	
	.oMsg-top{width:100%;}
	.oMsg-list li{padding:10px 0 10px 2.431118314424635%;}
	
	.nInfo-action .share{float:none;margin:5px 0 0;}
	
	.news-box .news-block{margin:10px 0 0;}
	.news-block .split{margin:10px auto;}
	.news-block .name{height:auto;}
	
	.case-swiper .swiper-slide,
	.case-swiper .swiper-slide.active{width:100%;}
	
	.pA2list-box .pA2list-img img{height:40px;}
	.pA2list-box .name{font-size:14px;line-height:20px;}
	
	.proB-Modular{width:400px !important;height:400px !important;}
    
}

@media all and (max-width:580px){

	.P-nav span{display:none;}
	.P-nav a{width:46%;margin:5px 2%;float:left;}
	
	.media-list .mlist-box{height:165px;}

}

@media all and (max-width:414px){

	html{font-size:21.5625px;}




}

@media all and (max-width:375px){
    
}