.col-lg-hidden{display:none!important}
.col-lg-visible{display:block!important}
.col-lg-1{width:100%!important}
.col-lg-2{width:calc(100%/2)!important}
.col-lg-3{width:calc(100%/3)!important}
.col-lg-4{width:calc(100%/4)!important}
.col-lg-5{width:calc(100%/5)!important}
.col-lg-6{width:calc(100%/6)!important}
.col-lg-7{width:calc(100%/7)!important}
.col-lg-8{width:calc(100%/8)!important}
.col-lg-9{width:calc(100%/9)!important}
.col-lg-10{width:calc(100%/10)!important}
.col-lg-11{width:calc(100%/11)!important}
.col-lg-12{width:calc(100%/12)!important}
@media only screen and (max-width:1400px){.footer .copyright span{float:none!important}
.caseDetails .caseBannerImg{background-position:94% bottom}
.caseDetails .caseBannerWapImg{background-position:78% bottom}
}
@media only screen and (max-width:1280px){.hp_clientsList ul li{height:120px}
}
@media only screen and (max-width:1200px){.col-md-hidden{display:none!important}
.col-md-visible{display:block!important}
.col-md-1{width:100%!important}
.col-md-2{width:calc(100%/2)!important}
.col-md-3{width:calc(100%/3)!important}
.col-md-4{width:calc(100%/4)!important}
.col-md-5{width:calc(100%/5)!important}
.col-md-6{width:calc(100%/6)!important}
.col-md-7{width:calc(100%/7)!important}
.col-md-8{width:calc(100%/8)!important}
.col-md-9{width:calc(100%/9)!important}
.col-md-10{width:calc(100%/10)!important}
.col-md-11{width:calc(100%/11)!important}
.col-md-12{width:calc(100%/12)!important}
.hp_serviceList{min-height:inherit}
.hp_clientsList ul .pc{display:none}
.hp_clientsList ul li{width:calc(100%/4)}
.hp_clientsList ul li img{width:100%;margin-left:-50%}
.bannerImg{position:relative}
.aboutUs .inforTxt{margin-top:calc(60px*1200/1280)}
.aboutUs .itemList li .label{font-size:calc(18px*1024/1280);width:calc(60px*1024/1280);height:calc(60px*1024/1280);line-height:calc(50px*1024/1280)}
.aboutUs .itemList li .label .line{width:calc(34px*1024/1280);margin-top:calc(-8px*1024/1280)}
.contact .cont{width:92%!important;margin-left:auto;margin-right:auto;padding-top:60px;padding-bottom:70px}
.contact .leftCont{width:40%}
.contact .leftCont h1{font-size:40px}
.contact .leftCont .fs36{font-size:30px}
.contact .leftCont .fs14{font-size:12px}
.contact .leftCont .mt110{margin-top:60px}
.contact .leftCont .fs20{font-size:16px}
.contact .rightCont .mt100{margin-top:50px}
.contact .rightCont .itemList{width:100%}
.contact .rightCont .itemList .item .icon{width:120px;height:120px;margin-left:30px;margin-right:30px}
.contact .rightCont .itemList .item .icon i{line-height:120px;font-size:120px}
.contact .rightCont .itemList .item p{font-size:12px}
.service .process .processItemList{margin-left:3%;margin-right:3%}
.service .process .processItemList li{margin-left:2%;margin-right:2.4%}
.service .process .bg{background-attachment:scroll}
.caseGallery{padding-top:50px}
.gallery{margin-top:40px}
.details .cont{width:94%;margin-left:3%;margin-right:3%}
.homepageKv{position:relative}
.caseDetails .caseBannerWapImg{background-position:70% bottom}
}
@media only screen and (max-width:960px){.col-sm-hidden{display:none!important}
.col-sm-visible{display:block!important}
.col-sm-1{width:100%!important}
.col-sm-2{width:calc(100%/2)!important}
.col-sm-3{width:calc(100%/3)!important}
.col-sm-4{width:calc(100%/4)!important}
.col-sm-5{width:calc(100%/5)!important}
.col-sm-6{width:calc(100%/6)!important}
.col-sm-7{width:calc(100%/7)!important}
.col-sm-8{width:calc(100%/8)!important}
.col-sm-9{width:calc(100%/9)!important}
.col-sm-10{width:calc(100%/10)!important}
.col-sm-11{width:calc(100%/11)!important}
.col-sm-12{width:calc(100%/12)!important}
.pc_navBox{display:none!important}
.navBtn{display:block!important;right:7px}
.logo{left:20px;top:20px}
.bannerKv_txtBox .desc{white-space:normal;max-width:640px}
.moreline{width:16%;right:8%;bottom:60px}
.hp_clientsList ul li{height:90px}
.hp_clientsList ul li:hover .clientLogo{border-width:6px}
.footer .inforTxt{padding-top:5px;padding-bottom:30px}
.footer .inforTxt .col-sm-1{width:100%;text-align:center;border-right:none;border-bottom:solid 1px #eaeaea;margin-bottom:30px}
.footer .inforTxt .col-sm-1 li{width:calc(100%/3)}
.footer .inforTxt .col-sm-3{width:calc(100%/3)}
.footer .inforTxt .col-sm-3 p,.footer .inforTxt .col-sm-3 span{margin-left:0;text-align:center}
.footer{background-attachment:inherit!important;background-size:100% auto!important;background-position:center top}
.aboutUs .inforTxt{width:92%;margin-top:calc(60px*960/1280)}
.aboutUs .itemList li .label{font-size:calc(18px*960/1280);width:calc(60px*960/1280);height:calc(60px*960/1280);line-height:calc(50px*960/1280)}
.aboutUs .itemList li .label .line{width:calc(34px*960/1280);margin-top:calc(-8px*960/1280)}
.aboutUs .section1{font-size:15px}
.contact .cont{width:92%!important;margin-left:auto;margin-right:auto;padding-top:60px;padding-bottom:70px}
.contact .leftCont{width:auto;float:none;text-align:center}
.contact .leftCont h1{font-size:48px}
.contact .leftCont .fs36{font-size:36px}
.contact .leftCont .fs14{font-size:14px}
.contact .leftCont .mt110{margin-top:40px}
.contact .leftCont .fs20{font-size:20px}
.contact .rightCont{float:none}
.contact .rightCont .mt100{margin-top:40px}
.contact .rightCont h2{text-align:center!important}
.contact .rightCont .itemList{width:100%;float:left}
.contact .rightCont .itemList .item .icon{width:140px;height:140px;margin-left:auto;margin-right:auto}
.contact .rightCont .itemList .item .icon i{line-height:140px;font-size:140px}
.contact .rightCont .itemList .item p{font-size:14px;line-height:18px}
.moreBtn{display:none}
.serviceItem{background-color:#fff;height:auto}
.serviceItem .kvPic{display:none}
.serviceItem .itemInforCont{position:relative;left:0;width:100%;height:auto;top:0;padding-right:4%;padding-left:4%;background:0 0}
.serviceItem .itemInforCont .title{margin-top:30px;width:100%}
.serviceItem .itemInforCont .item{width:48%!important;padding-top:30px;min-height:0}
.serviceItem .itemInforCont .item p{font-size:12px;margin-top:10px;line-height:20px}
.serviceItem-right{background-color: rgba(38,43,52,.75);}
.serviceItem-right .itemInforCont .itemList .itemBox{width:100%}
.service .process .processItemList{margin-top:60px}
.service .process{height:500px}
.service .process .bg{background-attachment:scroll}
.service .process .processItemList li .icon{width:90px;height:90px;border-radius:90px;line-height:90px;font-size:60px}
.service .process .processItemList li .title{margin-top:10px;font-size:16px}
.banner .caseTitle{bottom:20%}
.banner .caseTitle .desc{font-size:18px}
.caseDetails .description{padding-bottom:30px;padding-top:30px}
.caseDetails .description p{width:100%;min-width:inherit}
.details .cont{padding:20px}
.caseDetails .caseBannerImg{background-position:83% bottom}
.cont_container{padding-top:20px;padding-bottom:20px}
.banner .caseBannerWapTitle{bottom:35%}
.describe{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:none;width:100%}
}
@media screen and (min-width:320px)and (max-width:767px){.col-sm-hidden{display:none!important}
.col-sm-visible{display:block!important}
.col-sm-1{width:100%!important}
.col-sm-2{width:calc(100%/2)!important}
.col-sm-3{width:calc(100%/3)!important}
.col-sm-4{width:calc(100%/4)!important}
.col-sm-5{width:calc(100%/5)!important}
.col-sm-6{width:calc(100%/6)!important}
.col-sm-7{width:calc(100%/7)!important}
.col-sm-8{width:calc(100%/8)!important}
.col-sm-9{width:calc(100%/9)!important}
.col-sm-10{width:calc(100%/10)!important}
.col-sm-11{width:calc(100%/11)!important}
.col-sm-12{width:calc(100%/12)!important}
.logo{left:15px;top:15px}
.header{height:60px!important}
.navBtn{top:7px!important}
.headerToTop .logo{top:10px!important}
.logo1{height:40px!important}
.bannerKv_txtBox .titleName{letter-spacing:calc(30px*768/1280);font-size:16px}
.bannerKv_txtBox .line{margin-top:calc(30px*768/1280)}
.bannerKv_txtBox .desc{font-size:calc(36px*768/1280);margin-top:calc(40px*768/1280);border:solid 1px #fff;padding:calc(25px*768/1280) calc(40px*768/1280) calc(25px*768/1280) calc(40px*768/1280);font-weight:700;letter-spacing:5px;white-space:nowrap}
.homepageKv .swiper-pagination{bottom:10px}
.homepageKv .swiper-pagination-bullet{width:15px;height:8px}
.homepageKv .swiper-pagination-bullet-active{width:30px}
.hp_serviceList li .item{width:100%;left:0;bottom:50%;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-o-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}
.hp_serviceList li .pic{width:25%!important;text-align:center;margin-left:auto;margin-right:auto}
.hp_serviceList li .title{margin-left:auto;margin-right:auto}
.hp_serviceList li .line{margin-left:auto;margin-right:auto}
.hp_serviceList li .item .txt{text-align:center}
.hp_serviceList li a .txt .title{font-size:16px;margin-top:calc(15px*768/1280)}
.hp_serviceList li:hover a .txt .line{-webkit-transform:scaleX(1);margin-bottom:calc(0px*768/1280);margin-top:calc(15px*768/1280)}
.aboutUs_bannerImg{background-position:25% center}
.banner .aboutredkylin_title_en{font-size:80px!important;height:90px!important;overflow:hidden}
.banner .enTxt{font-size:22px}
.banner span{font-size:22px}
.caseBannerImg{min-height:250px}
.banner{min-height:280px}
.bannerImg{min-height:280px}
.caseDetails .caseBannerImg{background-position:center bottom}
.aboutUs .inforTxt{margin-top:calc(60px*768/1280)}
.aboutUs .itemList{margin-top:30px!important}
.aboutUs_clientsList{display:none}
.footer .cont .serviceBtn{width:80%}
.contact .cont{padding-top:40px;padding-bottom:50px}
.contact .leftCont h1{font-size:36px}
.contact .leftCont .fs36{font-size:28px}
.contact .leftCont .fs14{font-size:12px}
.contact .leftCont .mt110{margin-top:30px}
.contact .leftCont .fs20{font-size:16px}
.contact .rightCont .mt100{margin-top:30px}
.contact .rightCont h2{font-size:18px}
.contact .rightCont .itemList .item{padding-top:15px;padding-bottom:15px}
.contact .rightCont .itemList .item .icon{width:100px;height:100px}
.contact .rightCont .itemList .item .icon i{line-height:100px;font-size:100px}
.contact .rightCont .itemList .item p{font-size:12px;margin-left:5%;margin-right:5%;margin-top:15px}
.contact .rightCont .itemList .item:hover{margin-top:-10px;padding-bottom:20px}
.banner .cont .txt{font-size:16px;line-height:24px}
.banner .txt .service_desc{font-size:16px}
.serviceItem .itemInforCont .item{width:100%!important;padding-top:30px;padding-bottom:30px;min-height:0!important;height:auto;border-bottom:solid #eaeaea 1px}
.service .process .cont .txt{margin-top:50px}
.service .process .cont .txt h2{font-size:24px}
.service .process .cont .txt .desc{font-size:14px;width:98%;margin-left:auto;margin-right:auto;line-height:18px}
.service .process .processItemList{margin-top:30px;margin-left:0;margin-right:0}
.wap_no-margin-r{margin-right:0!important}
.service .process .processItemList li{width:calc(100%/3);margin-left:0;margin-right:0;margin-bottom:20px}
.service .process .processItemList li .icon{margin-left:auto;margin-right:auto}
.hp_clientsList{padding-top:calc(55px*768/1260)}
.hp_clientsList ul{margin-top:calc(60px*768/1260);margin-bottom:calc(60px*768/1260)}
.hp_clientsList ul li{height:calc(120px*768/1260)}
.banner .cont .pageName .icon{font-size:160px;height:160px;line-height:210px}
.banner .cont .txt{margin-top:30px}
.banner .cont .pageName .nameTxt{font-size:30px}
.homepageKv .txtBox{bottom:12%}
.homepageKv .txtBox .titleName{font-size:30px}
.homepageKv .txtBox .desc{font-size:18px;margin-top:0}
.caseGalleryTagNavBox{top:60px;padding-top:10px;padding-bottom:10px}
.caseGallery{padding-top:calc(55px*768/1260);padding-bottom:calc(60px*768/1260)}
.gallery{margin-top:calc(30px*768/1260)}
.tabNav{height:40px;margin-top:calc(60px*768/1260)}
.tabNav li{line-height:40px}
.gallery .item .name{font-size:14px;height:calc(60px*768/1260);line-height:calc(60px*768/1260)}
.gallery .item .pic .describe{height:calc(50px*768/1260);line-height:calc(50px*768/1260);font-size:12px}
.details .cont{padding:10px}
.caseDetails .caseBannerWapImg{background-position:30% bottom}
}
@media screen and (max-width:568px){.col-xs-no-right-border{border-right:none!important}
.col-xs-hidden{display:none!important}
.col-xs-visible{display:block!important}
.col-xs-1{width:100%!important}
.col-xs-2{width:calc(100%/2)!important}
.col-xs-3{width:calc(100%/3)!important}
.col-xs-4{width:calc(100%/4)!important}
.col-xs-5{width:calc(100%/5)!important}
.col-xs-6{width:calc(100%/6)!important}
.col-xs-7{width:calc(100%/7)!important}
.col-xs-8{width:calc(100%/8)!important}
.col-xs-9{width:calc(100%/9)!important}
.col-xs-10{width:calc(100%/10)!important}
.col-xs-11{width:calc(100%/11)!important}
.col-xs-12{width:calc(100%/12)!important}
.footer .col-xs-2{text-align:center!important}
.hp_clientsList ul li .clientLogo{background-size:110% auto}

.servicePopup{
	width:90%;	
	padding:10px;
	position:fixed;
	height:auto;
	}
	
.servicePopup .cont{
	width:100%;
	height:100%;
	border:1px solid #fff;
	}
	
.servicePopup .cont .title{
	font-size:18px;
	margin-top:20px;
	}
	
.servicePopup .cont .btns{
	margin-top:30px;
	width:90%;
	padding-bottom:20px;
	}
.servicePopup .cont .btn{
	width:45%;
	font-size:16px;
	}	
	


}
@media screen and (max-width:450px){.bannerKv_txtBox .titleName{letter-spacing:calc(20px*450/1280);padding-left:calc(30px*450/1280)}
.bannerKv_txtBox .line{margin-top:calc(30px*450/1280)}
.bannerKv_txtBox .slogan{white-space:normal;max-width:84%!important}
.bannerKv_txtBox .desc{font-size:calc(32px*768/1280);margin-top:calc(40px*450/1280);padding:calc(25px*768/1280) calc(40px*768/1280) calc(25px*768/1280) calc(40px*768/1280);letter-spacing:5px;margin-left:auto;margin-right:auto}
.columnTitle .title{font-size:22px}
.columnTitle .desc{font-size:14px;width:100%!important;padding-left:0;padding-right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer{background-size:150% auto!important}
.aboutUs .inforTxt{width:100%;margin-top:calc(60px*450/1280)}
.aboutUs .itemList li{width:100%;margin-bottom:10px}
.contact .rightCont .itemList .item{padding-top:10px;padding-bottom:10px}
.contact .rightCont .itemList .item:hover{margin-top:-10px;padding-bottom:20px}
.banner .caseTitle .titleName{font-size:28px}
.banner .caseTitle .desc{font-size:16px}
.banner .caseTitle .desc{margin-top:0!important}
.homepageKv .txtBox .titleName{font-size:26px}
.caseDetails .caseBannerImg{background-position:75% bottom;min-height:236px!important}
.caseDetails .description_wap .linkBtn{width:50%;margin-left:25%;line-height:40px}
.banner .caseBannerWapTitle{bottom:45%}
.wapCont{display:block}
.pcCont{display:none}
}
@media screen and (max-width:325px){.footer .copyright{line-height:30px;padding-top:30px;padding-bottom:30px;text-align:center}
.footer .copyright .copyrightTxt{float:none!important}
.footer .copyright .beian{float:none!important}
.aboutUs .inforTxt{margin-top:20px!important}
.banner .aboutredkylin_title_en{font-size:72px!important}
.banner .enTxt{font-size:18px}
.banner span{font-size:18px}
.contact .leftCont h1{font-size:32px}
.contact .leftCont .fs36{font-size:24px}
.contact .rightCont .itemList .item .icon{width:90px;height:90px}
.contact .rightCont .itemList .item .icon i{line-height:90px;font-size:90px}
.contact .rightCont .itemList .item{padding-top:5px;padding-bottom:5px}
.contact .rightCont .itemList .item:hover{margin-top:-10px;padding-bottom:15px}
.banner .txt .service_desc{font-size:13px}
.hp_clientsList .txt .title{font-size:18px}
.hp_clientsList .txt .desc{font-size:14px}
.banner .caseBannerWapTitle{bottom:55%}

.servicePopup .cont .title{
	font-size:16px;
	
	}

}