/* CSS Document */

@media (max-width:1200px) {
	
	
}

@media( max-width:1024px){
	
}

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:32px 0;}
	.navbar-toggle .icon-bar{background:#f86d8f; width:40px; height:5px;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:160px; position:absolute; right:15px; top:93px; z-index:110 !important; max-width:100%; display:none;}
	.top-head .sjdnav ul{ margin:0; padding:0;}
	.top-head .sjdnav li{display:block; padding:0; text-align:center; background:#fff; margin-bottom:2px;}
	.top-head .sjdnav li a{display:block; color:#333; line-height:45px; font-size:14px;}
	.top-head .sjdnav li.active a, .top-head .sjdnav li:hover a{color:#f86d8f;}
	
	.head-top{ display:none;}
	.nav-wrap{ display:none;}
	.top-head{ display:table;}
	.top-head .top-logo a{ line-height:normal;}
	.top-head .top-logo{ width:auto; padding-right:15px; float:none; display:table-cell; vertical-align:middle;}	
	.wrap1 .cif-box{ width:90%;}
	.wrap1 .cif-box .cif-s .cif-b h3{ font-size:20px;}
	.wrap1 .cif-box .cif-s .cif-b p{ font-size:12px;}
	.case-tab li{ width:130px; line-height:36px;}
	.wp-more a{ width:120px; line-height:35px;}
	.cont-box .cont-map{ display:none;}
	.cont-box .cont2{ padding-left:0; width:100%;}
	.fo-cont .fo-ewm{ display:none;}
	.fo-cont .fo-nav{ width:100%;}
	.footer .fo-tit{ padding:20px 0;}
	
	.mbox-rh{ width:100%; padding-left:0;}
	.rh-top{ margin-top:15px;}
	.mbox-lf{ width:100%;}
	.lf-title{ position:relative;text-align:center; font-weight:normal; line-height:50px; font-size:21px; border-radius:10px;}
	.lf-title span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer; }
	.lf-title b{ display:none;}
	.lf-title i{ display:block; position:absolute; right:20px; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
	.accordion{ display:none;}
	.accordion .link{ text-align:center;}
	
	
}

@media (max-width:768px) {
	.pf-tit h3{ font-size:20px;}
	.pf-tit span{ font-size:12px;}
	.pf-tit{ border-left:3px solid #f86d8f;}
	.pf-cont{ padding:40px 15px; margin-top:15px;}
	.custom-tit h3{ font-size:20px;}
	.custom-tit p{ font-size:12px;}
	.custom-tit span{ margin:6px auto;}
	.custom-lf{ width:100%; padding:0;}
	.custom-lf li{ width:50%; float:left; margin:0; padding:5px;}
	.custom-lf li a{ display:block; width:100%; overflow:hidden;}
	.custom-rh{ width:100%; margin-top:15px;}
	.wrap5 .custom-tit h3{ font-size:26px;}
	.wrap5 .custom-tit p{ font-size:16px;}
	.wrap5 .custom-tit span{ margin:3px auto;}
	.case-tab li{ width:115px;}
	.xw-box{ margin-bottom:0;}
	.xw-box .xw-list{ width:100%; margin:0; padding-bottom:20px;}
	.xw-box .xw-list:nth-child(2){ margin:0;}
	.xw-box .xw-list:last-child{ padding-bottom:0;}
	.xw-box .xw-list .xw-cont ul li p{ max-height:75px; height:auto;}
	.fo-cont{ display:none;}
	.footer{ margin-bottom:56px;}
	.wp7-txt{ font-size:20px;}
	
	.rh-li01{ width:33.3%; padding:5px;}

	.rh-li02 .li02-img{ width:32%;}
	.rh-li02 .li02-img .img{ height:auto; padding-top:70%;}
	.rh-li02 .li02-txt{ width:68%; padding-left:10px;}
	.rh-li02 .li02-txt p{ height:75px;-webkit-line-clamp:3;}

}

@media (max-width:640px) {
	.wrap1 .cif-box{ width:100%;}
	
	.rh-li02 .li02-img{ width:40%;}
	.rh-li02 .li02-txt{ width:60%;}
	.rh-li02 .li02-txt .li-t1{ line-height:25px;}
	.rh-li02 .li02-txt p{ height:60px; line-height:20px;}
	.rh-li02 .li02-txt .mro{ margin-top:8px; line-height:26px;}
	
}

@media (max-width:540px) {	 
	.custom-next, .custom-prev{ width:30px; height:30px; background-size:10px auto;}
	
	.rh-li01{ width:50%;}
	
	.rh-li02 .li02-txt p{ font-size:12px;}
	
}

@media (max-width:450px) {
	.case-tab li{ width:90px; font-size:12px; line-height:32px;}
	.swiper-wrap6, .case-box{ margin-bottom:0;}
	.wp7-txt{ font-size:18px;}
	.xw-box .xw-list h3{ font-size:18px; margin-bottom:5px; line-height:26px;}
	
	.rh-li02 .li02-txt p{ height:40px; -webkit-line-clamp:2;}
	
}
 
@media (max-width:415px) {
	.rh-li01 .li01-txt{ font-size:12px;}
	.rh-top span{ display:none;}
	
	.rh-li02 .li02-img .img{ padding-top:78%;}

}

@media (max-width:350px) {
	.rh-li02 .li02-txt .li-t1{ line-height:24px;}
	.rh-li02 .li02-img .img{ padding-top:88%;}
}
 

@media (max-width:320px) { 

}