
@media screen and (max-width: 768px) {
.pc_only{ display:none;}
.phone_only{ display:block;}
}

@media screen and (max-width: 414px) {
.width2,.width3,.width4,.width5,.width6,.width7,.width8,.width9,.width10,.width25,.width35{ width:100%;}
.phone_only_i{ display:block !important;}
}

@media only screen and (max-height: 800px) {
	.hr_line{ margin-bottom:20px;}
}
@media only screen and (max-height: 700px) {
	.home_bottom img{ width:500px;}
}

@media only screen and (max-width: 1280px) {
	.article .section_title{font-size:32px;}
}

@media only screen and (max-width: 1140px) {
	.article .section_title{font-size:28px;}
}

@media only screen and (max-width: 1024px) {
	.word_box{ padding:0 30px 50px; margin-left: 50px; margin-right: 50px; max-width:80%;}
	.slideBox .banner_middle{ padding-top:100px;}
	.banner_middle h1,.banner_middle p{ padding-left:40px;}
	.banner_more{ margin-left:40px;}
	.slideBox .hd{ bottom:20px;}
	.article .section_title{font-size:26px;}
}

@media only screen and (max-width: 768px) {
	.in_p3{padding: 50px 0;}
	.site_top{ display:none;}
	.phone_top{ display:block;}
	.banner_content{ margin-top:51px;}
	.slideBox{ min-height:inherit;}
	.slideBox .hd{ left:0; padding-left: 80px; bottom: 15px;}
	.second_section{ bottom:15px;}
	.word_box{ max-width:100%;}
	.news_box ul li a span, .news_box ul li .nolink span{ width:30%;}
	.news_box ul li a font, .news_box ul li .nolink font{ width:70%;}
	.section_title{ font-size:28px;}
	.pignose-tab-wrapper .pignose-tab-btn.active{ font-size:20px;}
	.index_service_list{width: 60.5%; margin-left: 7.5%;}
	.index_service_img{ width:70%;right:60px}
	.Honer_top{ left: 7.5%; height: auto; width: calc(92.5% - 60px); padding-top: 30px; padding-bottom:30px;}
	.honor_list{ margin-top:100px;}
	.honor_content{margin-left: 7.5%;  width:92.5%;}
	.honer_box .more_btn{position: absolute; top: 15px; right: 15px;}
	.bottom_section .width4,.bottom_section .width8{ width:100%;}
	.bottom_section .width4 .padding15,.bottom_section .width8 .padding15{ padding:0 60px;}
	.bottom_contact{ padding-bottom:60px;}
	.bottom_right{ text-align:left;}
	.bottom_right .bottom_img{padding-right:30px; padding-left:0;}
	.page_top_height{height: 51px;}
	.img_content,.img_show{ height:400px;}
	.about_menu ul li{ margin:0;}
	.page_title{margin-top: 60px; padding-bottom: 30px;}
	.page_title .width8,.page_title .width4{ width:100%;}
	.page_title .width8 .padding_right60{ padding-right:15px;}
	.page_title .width4 .padding_left40{ padding-left:15px;}
	.img_link .banner_middle{ padding-top:0;}
	.honor_detail{ margin-bottom:100px;}
	.page_guide{padding-bottom: 20px; margin-bottom: 0px;}
	.news_day{ margin-top:20px;}
	.news_top_img{width: 41%;}
	.practices_left,.practices_right{ width:100%;}
	.main_content, .index_bg_fff{ padding-top:0;}
	.practices_left .padding_right60{ padding-right:15px;}
	.practices_left{margin-bottom: 60px;}
	.practices_lawyer_list li,.practices_sub_list li{ float:left; width:50%;}
	.index_article_big_title{ font-size:28px;}
	.lawyer_list_pic{ width:22%;}
	.lawyer_phone_email br{ display:block;}
	.lawyer_top_img{ width:35%;}
	.office_list li{ width:50%;}
	.office_service_section, .office_news_setion{ padding:60px 0;}
	.news_left,.news_right{ width:100%;}
	.news_right{ margin-bottom:50px;}
	.news_right .padding_left40,.news_right .padding_right40{ padding-left:15px; padding-right:15px;}
	.news_left .padding_right40,.news_left .padding_left40{ padding-left:15px; padding-right:15px;}
	.contact_all{ margin-top:0;}
}

@media only screen and (max-width: 500px) {
	.banner_middle h1{ font-size:24px;}
	.banner_middle p{ font-size:14px; margin: 20px 0;}
	.h1white_line{ top:28px; width: 30px; display:none;}
	.banner_middle{padding-top: 0;}
	.banner_middle h1, .banner_middle p{ padding-left:0;}
	.banner_more{ margin-left:0;}
	.banner_middle .banner_more a{margin-top: 0; padding: 5px 20px; font-size:12px;}
	.word_box{ padding:0;}
	.slideBox .hd,.second_section{ display:none;}
	.article{padding: .8rem 0;}
	.article:before{width: 100%; height: 180px;}
	.pignose-tab-wrapper .pignose-tab-container{ width:100%; left:0; top: 90px;}
	.section_title{ font-size:21px; padding-bottom: 0px; padding-left: 0px;}
	.pignose-tab-response .pignose-tab-list{ float:left; width: auto !important; margin-right:20px; padding-right: 0;}
	.pignose-tab-wrapper .pignose-tab-btn{ font-size:14px; border-bottom:none; line-height: 40px;}
	.pignose-tab-wrapper .pignose-tab-btn.active{ padding-left:0; font-size:15px;}
	.pignose-tab-wrapper .pignose-tab-btn.active:before{ display:none;}
	.news_box ul{ border-top:none;}
	.news_box ul li a, .news_box ul li .nolink{ font-size:14px; padding:20px 0;}
	.service_section{padding: 0; background: #fff;}
	.index_service_img{right: 0; top: 0; height: 160px; width:100%;padding: 0;}
	.index_service_list{ background:none;}
	.index_service_list{ width:100%; margin-left:0; padding: 190px 0px 50px!important; box-sizing: border-box;}
	.index_article_big_title{ font-size:26px; padding-bottom: 15px;}
	.index_article_big_title:before{ width:42px;}
	.index_article_p{ font-size:14px;}
	.Honor{ padding:50px 0;}
	.honor_content{margin-left: 20px; width: calc(100% - 40px); padding-right:0;}
	.Honer_top{ left: 20px; width: calc(100% - 40px); padding-left: 20px;}
	.Honer_top h2{ font-size:21px;}
	.honer_box .more_btn{ padding-top:5px; top:0;}
	.honer_box .more_btn a{ padding: 10px 20px;}
	.bottom_section .width4 .padding15, .bottom_section .width8 .padding15{ padding:0 20px;}
	.about_key ul li h3{ font-size:28px;}
	.about_key ul li:before{ top:10px;}
	.about_key ul li span{ font-size:12px;}
	.about_menu{padding: 20px 0 0px;}
	.about_menu ul li{ margin-bottom:30px; width: 33.33%;  text-align: center;}
	.about_menu ul li a{ display:inline-block; padding: 0 0 10px;}
	.about_menu ul li a img{ width:35px;}
	.about_menu ul li a span{ font-size:13px;}
	.img_content, .img_show{ height:350px;}
	.img_content.team_banner,.img_content.team_banner .img_show{ height:200px;}
	.page_title{margin-top: 40px; padding-bottom:0px;}
	.page_guide h2{ font-size:32px;}
	.honor_type .banner_middle{font-size: 12px; line-height: 1.4em;}
	.honor_detail{ margin-bottom:80px;}
	.practices_list li{ width:100%; padding: 20px 30px;}
	.team_main_search{padding: 30px 0px;}
	.news_top_img{ width:100%; margin-bottom:60px;}
	.practices_lawyer_list li, .practices_sub_list li{ width:100%;}
	.same_news{ margin-top: 30px;}
	.same_news .padding_left40{ padding-left:15px; padding-top:20px;}
	.page_guide{padding-bottom: 20px;}
	
	.team_main_search{ margin-top:0;}
	.team_main_search .word_search ul li{width: 14.28571428571429%;}
	.team_main_search .word_search{border-bottom: 1px rgba(0,0,0,.1) solid;}
	.team_main_search .padding_right15,.team_main_search .padding_left15,#msg_to_me .padding_right15,#msg_to_me .padding_left15{ padding-left:0; padding-right:0;}
	
	.phone_search{ display:none;}
	.phone_search.FadeInB{ display:block;}
	.lawyer_list_pic{ width:32%;}
	.team_list ul li .width9{ width:68%;}
	.team_list ul li a span.lawyer_office{ margin-bottom:15px;}
	.team_list ul li a p{ margin-top:20px;}
	.team_list ul li a p span{ display:inline-block; margin-right:10px;}
	
	.lawyer_content{ width:100%;}
	.lawyer_content .page_guide .lawyer_btn span.pc_only{ display:none;}
	.office_list li{ padding:20px 10px 20px 0;}
	.office_list li:nth-child(2n){ padding:20px 0px 20px 10px;}
	
	.office_box:before{ height:100px;}
	.office_int{ width:100%; padding: 0 15px 30px; margin-top: 60px;}
	.office_setion li{ width:50%; margin-bottom:30px;}
	.office_news_setion{ padding-top:20px;}
	.office_practices .practices_list li{ padding-right:0;}
	
	.news_box_show{ margin-top:0;}
	.news_box_show .padding_right60{ padding-right:15px;}
	
	.contact_main,.contact_sub{ width:100%;}
	.contact_sub{ padding-left:0; }
	
	.bottom_logo img{ width:140px;}
	
}