@media screen and (max-width: 768px) {
.pc_only,.phone_only_i{ display:none;}
.phone_only{ display:block;}
}

@media screen and (max-width: 500px) {
.width2,.width3,.width4,.width5,.width6,.width7,.width8,.width9,.width10,.width25,.width35{ width:100%;}
.phone_only_i{ display:block !important;}
.pc_only_i{ display:none;}
}

@media only screen and (max-width: 1300px) {
	.logo{ left: 30px;}
	.menu_right_icon{right: 0px; margin-right: 0;}
	.site_big_width{padding: 0 15px;}
}
@media only screen and (max-width: 1130px) {
	#site_crumbs{ display:none;}
}

@media only screen and (max-width: 1024px) {
	
}
@media only screen and (max-width: 820px) {
	.home_banner a{ padding: 200px 15px 55px; height: 360px; }
	.search{top: 130px; left: 20%; width:60%; }
	.banner.lawyer_banner .lawyer_content .width4 .padding_right40{ padding: 0;}
	.banner.lawyer_banner .lawyer_content .width8 .padding_left40{ padding: 0;}
	.banner.lawyer_banner{padding: 80px 15px 30px;}
	.lawyer_guide h2{font-size: 40px; margin-top: 20px;}
	.bg_ff,.bg_f7{padding: 80px 15px;}
	.lawyer_box:before{ top: -80px;}
	.lawyer_box .pra_content{ padding-left: 0;}
	#home{ height: 80% !important;}
	.forcefullwidth_wrapper_tp_banner,.fullscreen-container{ height: 100% !important;}
	.tp-caption.big_word{ font-size: 42px !important;}
	.history_section .index_word{ display: none;}
	.news_case.history_section{margin: -30px 15px 0; padding-bottom: 20px;}
	.index_news_box{margin:0px 15px 50px; position: relative; padding-bottom: 50px;}
	.bottom_logo{ padding: 0;}
	.bottom_logo_content{ padding: 30px 0 15px;}
	.bottom_last_img img{ width: 180px; margin-bottom: 20px;}
	.bottom_menu{ display: none;}
	.bottom_link{padding: 5px 0px 30px;}
	.bottom_icon{ text-align: left;}
	.bottom_link .width6{ width: 100%;}
	.bg_ff .main_content .width3.siderBar,.bg_ff .main_content .width9.pra_content{ width: 100%;}
	.bg_ff#page_down .siderBar.is-affixed .inner-wrapper-sticky{ position:sticky !important; top: auto !important;}
	.news_right{ padding-left: 0;}
	.news_banner .news_banner_bg .news_banner_txt{ display: none;}
	.bg_ff .main_content .width3.siderBar .news_page_title{margin-bottom: 20px;}
	.news_bottom{ margin-top: 30px;}
	.practices_list ul li{ width: 100%;}
	.team_list ul li{width: calc((100% - 30px)/2);}
	.team_list ul li:nth-child(3n){ margin-right: 30px;}
	.team_list ul li:nth-child(2n){ margin-right: 0px;}
	.team_list .news_lawyer_txt p.place{ margin-top: 20px;}
	.cbw_list li a{ padding: 20px 15px;}
	.cbw_list li a h3{ font-size: 16px; line-height: 22px; height: 88px; margin-bottom: 5px;}
}
@media only screen and (max-width: 500px) {
	#home{ height: 50% !important;}
	.logo{ left: 15px;}
	.logo a{ padding: 10px 0;}
	.logo img,.site_top.NavBg .top_section .logo img{ width: 150px;}
	.site_nav ul{ padding-right: 0;}
	.site_top.NavBg,.site_top.NavBg .top_section{ height: 55px;}
	.site_nav ul li a,.site_top.NavBg .top_section .site_nav ul li a, .site_top.NavBg .top_section .site_nav ul li a .iconfont{ line-height: 55px;}
	.tp-caption.big_word,.tp-caption.small_word,.tp-caption.rev-btn { top:-100px !important;}
	.tp-caption.big_word{ font-size: 31px !important;}
	.history_section .index_bigword{padding: 30px 0 10px 15px; font-size: 18px;}
	.history_section .padding30{ padding: 0;}
	.history_section .loop_case{ margin-top: 20px;}
	.history_section .loop_case .item{ min-height: 160px;}
	.index_news_box .index_bigword{padding-top：50px; padding-bottom: 30px; font-size: 18px;}
	.index_news h2{margin: 15px 15px 5px; height:auto; overflow:inherit; font-size: 16px; line-height: 26px; display: block;}
	.index_news p{margin: 5px 15px 15px; line-height: 24px; height:auto; overflow:inherit; display: block; text-align: justify;}
	.index_news font{ display: none;}
	.index_news_box .item{ border-top:none; margin-bottom: 15px;}
	.index_news_box .index_btn,.about_news_case .index_btn{position: absolute; bottom: 20px; left: 0; background: rgba(24,45,82,1); color: #fff; width: 100%; margin-left: 0; text-align: center; line-height: 2em;}
	.right_remind_box{ width: 100%; padding: 40px 30px;}
	.closex{right: 10px;}
	.banner{padding: 130px 30px 80px;}
	.about_block{margin: -110px 30px 0;}
	.about_block ul li{width: 100%; padding: 30px 0;}
	.icon_link a{ margin-right: 15px;}
	.page_title h1{ font-size: 28px;}
	.page_title p{ font-size: 14px;}
	.about_block ul li h1{font-size: 50px;}
	.history_title h2{font-size: 28px; padding-top:60px;}
	#timeline{margin: 50px auto 0;}
	.banner.images_banner.about_banner{padding: 50px 15px;}
	.banner.images_banner.about_banner .padding15{ padding: 0;}
	.banner.images_banner.about_banner .padding15 .page_title h1{ margin-bottom: 30px;}
	.office_list.index_news h2{ font-size: 24px; margin: 0;}
	.about_news_case .index_bigword{ font-size: 28px; padding: 60px 15px 15px;}
	.about_news_case{ margin: 0;}
	.about_news_case .index_word{ padding-left: 15px; font-size: 16px; margin: 0;}
	.news_case.about_news_case .width9{ padding: 0 15px; box-sizing: border-box;}
	.news_case.about_news_case .loop_case{ margin: 30px 0;}
	.news_case.about_news_case .loop_case p,.loop_case.about_case p{font-size: 16px; margin-top: 0px;}
	.news_case.about_news_case .loop_case_txt,.loop_case.about_case .loop_case_txt{    position: inherit;  padding: 0 15px;}
	.about_news_case .index_btn{ left: 12px; width: calc(100% - 45px);}
	.news_case.about_news_case{ border-bottom: none;}
	.contact_msg p,.contact_msg p.p_right{ width: 100%;}
	.contact_txt{ margin: 20px 15px; width: calc(100% - 30px);}
	.office_contact{ margin-top: 40px;}
	.allmap{ margin-top: 10px; margin-right: 15px;}
	.siderBar_phone.is-affixed .inner-wrapper-sticky{ z-index: 99; background: #fff; top: 55px !important;}
	.word_search ul li{ width: 14.28571428571429%;}
	.lawyer_search .layui-form-item .padding_right15{ padding-right: 0; padding-bottom: 15px;}
	.team_list ul li,.cbw_list li{ width: 100%; margin-right: 0;}
	.page_menu li{ margin: 0 10px;}
	.news_search .layui-form-item .width10{ width: 80%;}
	.news_search .layui-form-item .width2{ width: 20%;}
	.index_news.page_news_list .item{ width: 100%; margin:20px 0;}
	.cbw_list{ margin-top: 30px;}
	.cbw_list li a h3{ height: auto; margin-bottom: 10px;}
	.lawyer_int .padding_right15{ padding-right: 0;}
	.lawyer_int .padding_left15{ padding-left: 0;}
	.bg_ff,.bg_f7{ padding: 30px 15px;}
	.banner.lawyer_banner{padding: 50px 15px 30px;}
	.banner.lawyer_banner .lawyer_content .width4{ width: 50%;}
	.banner.lawyer_banner .lawyer_content .width8{ width: 50%;}
	.lawyer_guide h2{font-size: 32px; margin-top: 30px;}
	.lawyer_phone_email{border-top: 1px rgba(255,255,255,.2) solid; margin-bottom: 15px;}
	.lawyer_box .siderBar,.lawyer_box:before{ display: none;}
	.lawyer_box .pra_content{ padding: 0; margin-top: 10px;}
	.myitem h5{ font-size: 24px;}
	.myitem h5:after{ width: 48px;}
	.office_txt{margin-top:0px;}
	.office_txt .news_content{margin:0px 15px;}
	.join{width: auto;  margin: 30px 15px 60px;}
}