/* wapNav */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:60px 0;}
.wapNav li{position:relative;}
.wapNav li a{display:block;padding-left:20px;color:#333;height:50px;line-height:50px;border-top:1px solid #eee;position:relative;}
.wapNav li i{font-family:"iconfont";color:#888;font-size:0.8em;font-style:normal;padding:0 15px;position:absolute;right:0;top:0px;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background:#2853bc;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f5f5f5;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;border-top:1px solid #e5e5e5;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}

@media all and (max-width:1800px) {
/* css */	
.container{padding-left:30px;padding-right:30px;}
/* header */
.header .logo{left:30px;}
.headR{right:30px;} 
/* lawNews */ 
.newsC ul, .lawNews .you ul {height: 399px;}
/* newsList */
.newsList li .pic {width: 26.2%;}
/* history */
.history .tie{left:30px;}
}

@media all and (max-width:1620px) {
/* css */		
.pd60,.listWrap{overflow:hidden;}
/* lawNews */ 
.newsL li .bgImg {height: 379px;}
.newsC ul, .lawNews .you ul {height: 379px;}
/* newsList */
.newsList li .pic {height: 207px;margin-right: 30px;width: 25.8%;}
.newsList li .con {width: 71%;}
.newsList li p {min-height: auto;}
/* history */
.history{overflow:hidden;}
.history .container {padding-left: 20%;}
}

@media all and (max-width:1440px) {
/* header */		
.header .logo img{height:52px;}
.nav{padding-left:30%;}
/* lawNews */ 
.newsL li .bgImg {height: 354px;}
.newsR ul, .lawNews .you ul {height: 354px;}
/* news2 */
.news2{font-size:.75rem}
.newsC .pic{height:235px;}
.newsC ul, .faqMain{height:530px;}
/* footer */
.footer .box .left .fnav li { margin-right: 30px;}
/* lawBanner */
.lawBanner .r-text{width: 35%;}
.lawBanner .form{width: 60%;}
.lawBanner form>div{width: calc(100% - 132px);}
/* proContact */
.leftTel strong {font-size: 24px;}
.leftTel h4 span {display: block;} 
/* newsList */
.newsList li .pic {height: 187px;width: 25.4%;}
.newsList li p {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
}

@media all and (max-width:1366px) {
.footer .box .left .fnav li a { font-size: 16px; }
}

@media all and (max-width:1260px) {
/* css */			
.pd60,.listWrap{padding-top:40px;padding-bottom:40px;overflow: hidden;}
.container{padding-left:15px;padding-right:15px;}
/* header */	
.header{font-size:.875rem;}
.header .logo{left:15px;}
.headR{right:15px;}
.headR .tel{font-size:20px;}
.nav {padding:0 205px 0 28%;}
.header .logo img{height:48px;}
/* lawNews */
.newsL li .bgImg {height: 320px;}
.newsR ul, .lawNews .you ul {height: 320px;}
.newsR li.txt {padding-bottom: 10px;margin-bottom: 10px;}
/* listBanner */ 
.listBanner {height: 400px;}
/* proContact */
.leftTel strong {font-size: 20px;}
.sideTitle {padding: 10px 15px;}
.conRight,.faq1 {padding: 20px;}
.conTit{ font-size:18px;}
.boxIcon img {width: 20px;height: 20px;}
.conTit1 {line-height: 22px;}
.conBox ul li {padding-left: 40px;margin-bottom: 20px;}
.conTit2 {font-size: 16px;}
.formTit {font-size: 15px;line-height: 26px;}
.formTit1 {font-size: 15px;}
.formSubmit {width: 140px;height: 40px;line-height: 40px;font-size: 15px;}
/* newsList */
.newsList li .pic {height: 163px;width: 24.6%}
.newsList li p {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} 
.newsList li .date {margin-bottom: 5px;}
/* caseList */
.caseList li{width: 33.3%;}
.caseList li p {font-size: 16px;line-height: 45px;}
/* proHonor */
.proHonor li{width: 33.3%;}
.proHonor li b {font-size: 16px; margin-top:10px;}
/* history */
.history .tie{left:15px;font-size:26px;}
}

@media all and (max-width:1024px) {
/* css */				
body{padding-top:60px;font-size:.875rem;}
.pd60,.listWrap,.newsLIst{padding-top:30px;padding-bottom:30px;overflow: hidden;}
/* header */	
.header{height:60px;line-height:60px;position: fixed;width:100%;top:0;left:0;padding-top:0;z-index:90;background:#fff;box-shadow:0 1px 5px #ddd;}
.header .logo img{height:32px;}
.navTrigger,.wapTel,.wapLang,.relative_pro li:nth-child(4),.proSider .title i{display:block;}
.nav_on{opacity:1;transform: translateX(0);}
.headR,.nav,.gr_kefu,.firendlink,.breadCrumb,.picShow_r,.bshare-custom,.feedbackL,.searFont,.proShow_R .wx,.pro_bread,.proWrap::after,.proSider .title span,.proSide_sub,.relaCase,.menuBox::after,.menuBox p,.aboutBox2 .bgImg,.profileL,.lead .pic::after{display:none;}
.searMain,.aboutPic,.aboutTxt,.faq,.newsTxt,.newsPic,.gallery,.proSider,.proR,.proShow_R,.picShow_l,#dituContent,.proShow_con,.aboutTop .font,.cultureL,.cultureR,.listMenu,.madeBox1 .pic,.madeBox1 .font,.aboutBox1 .right,.aboutBox1 .left,.feedbackR,.contactR,.courseL,.courseR,.lead .pic,.lead .font,.culture .main,.culture .bgImg{float:none;width:100%;}
/* lawTitle */
.lawTitle {height: 30px;font-size: 15px;}
.lawTitle .more {font-size: 13px;}
/* lawNews */ 
.newsL .swiper-pagination {bottom: 10px;}
.newsL,.newsR{width:49%;}
.newsR{margin:0;float:right;padding-left: 10px;}
.newsR li.txt {padding-bottom: 10px;margin-bottom: 10px;}
.newsL li .bgImg {height: 275px;}  
.newsR ul, .proNews .you ul {height: 275px;}
.lawNews .you li p {font-size: 12px;}
/* news2 */
.faq{float:none;width:100%;}
/* lawStatement */
.lawStatement li{width:50%;margin-bottom:20px;}
/* footer */
.footer .box .left { width: 100%; text-align: center; }
.footer .box .right { padding-top: 10px; text-align: center; width: 100%; margin-top: 40px; }
.footer .box .right .focus a { margin-left: 0; margin: 0 10px; }
.footer .box .left .fnav { justify-content: center; }
/* listBanner */ 
.listBanner {height: 360px;} 
}

@media all and (max-width:920px) {
/* lawNews */ 
.newsR li.txt {padding-bottom: 6px;margin-bottom: 6px;} 
.newsL li .bgImg {height: 250px;}
.newsR ul, .lawNews .you ul {height: 250px;}
/* jobTop */
.jobList .top span{width:33.3%;}
/* newsList */
.newsList ul {margin-bottom: 40px;}
.newsList li .pic{width:24.2%;height:125px;}
.newsList li .more{ display:none;}
}

@media all and (max-width:768px) {
/* lawNews */ 
.newsL,.newsR{float:none;width:100%;}
.newsR ul{height:auto;}
.newsR {margin-top: 20px;}
.newsR li.txt a {font-size: 15px;}
.lawNews .you li .pImg {padding-top: 32%;}
.lawNews .you li {float: left;width: 100%;padding-right: 0;padding-bottom: 5px;}
.lawNews .you li:nth-child(3){padding-bottom: 5px;}
/* news2 */
.lawTitle1{ height:25px;}
.news2 .hTitle {font-size: 22px;margin-right: 16px;margin-bottom: 10px;}
.newsL,.newsC{float:none;width:100%;}
.newsC ul{height:auto;}
.newsC li.txt a {font-size: 15px;}
.newsC .img {padding-top: 20px;}
.newsC li.txt {line-height: 40px;}
.newsC ul{ padding:15px;}
.faqMain{height:400px;}
.faq li .txt{height:auto;}
.faq { margin-top:20px;}
.faq li {padding-bottom: 0;margin-bottom: 0; padding-top:15px; height:78px!important;}
.faq1 li .txt{height:auto;}
.faq1 { margin-top:20px;}
.faq1 li {padding-bottom: 10px;margin-bottom: 0; padding-top:10px;}
/* lawFirendlink */
.lawFirendlink span {font-size: 16px;padding-bottom: 10px;}
.lawFirendlink a {margin-right: 5px;padding: 0 10px 0 0;line-height: 19px;font-size: 16px;margin-bottom: 5px;}
/* footer */
.footer .box .left .fnav { justify-content: center; line-height: 2.6; }
/* lawBanner */
.lawBanner{padding: 25px 0;}
.lawBanner .container{ text-align:center;}
.lawBanner .r-text{width: 100%;margin-bottom: 20px;}
.lawBanner .form{width: 100%;}
.lawBanner .r-text {font-size: 16px;line-height: 20px;}
.lawBanner .text {height: 40px;line-height: 40px;}
.lawBanner .submit {width: 122px;height: 100px;font-size: 18pline-height: 30px;padding: 0 38px;}
/* lawContact */
.conLeft{ width:100%; float:none;}
.conRight,.faq1{ width:100%; float:none;}
.leftTel,.sideTitle{ display:none;}
.sideMenu{display: flex;flex-wrap: wrap;position: relative;}
.sideMenu li {width: 50%;float: left;margin-top:0; margin-bottom:0;border-right: #efeded solid 1px; border-bottom:#efeded solid 1px;}
.sideMenu li:nth-child(2n+0){ margin-right:0;}
.sideMenu li a {height: 40px;line-height: 40px;padding-left: 44px;font-size: 13px;}
/* jobTop */
.jobTop .bgImg,.jobTop .txt,.jobList .font .txt,.feedback h4,.feedback h3,.showPage a,.showPage a:nth-child(2){float:none;width:100%;}
.jobTop .txt,.jobTop{height:auto;}
.jobTop .bgImg{height:360px;}
.jobList .font .txt,.feedback h3,.feedback .top{margin-bottom:20px;}
.jobList .font .txt .tie{margin-bottom:10px;}
/* newsList */
.newsList li .more,.newsList li .date{display:none;}
.newsList li .pic{height:auto;}
.newsList li h3{font-size:1.286em;margin-bottom:20px;}
.newsList li .more{ display:block;}
.newsList li .pic {margin-right: 20px;}
/* proService */
.proService li,.proService li .pic,.proService li .txt{height:auto;}
.proService li .pic{height:380px;}
.proService li .pic,.proService li .txt{float:none;width:100%;}
.proService li .txt .info{min-height:auto;}
.proService li h4 {padding-bottom: 10px;margin-bottom: 10px;}
/* aboutBox */
.aboutBox .font p {font-size: 14px;line-height: 24px;padding-bottom: 10px;}
.conLeft .faq{ display:none;}
}

@media all and (max-width:640px) {
/* css */			
.pd60,.listWrap,.newsLIst{padding-top:20px;padding-bottom:20px;overflow: hidden;}
/* lawTitle */
.lawTitle {margin-bottom: 15px;} 
/* lawNews */ 
.lawNews .zuo {width: 100%;}
.lawNews .you{width: 100%;margin-top:15px;}
.lawNews .you li {float: left;width: 50%;padding-right: 5px;padding-bottom: 5px;}
.lawNews .you li .pImg {padding-top: 50%;}
/* footer */
.footer .logo img { height: 50px; }
.footer {padding-bottom: 20px;padding-top: 20px;}
.footer .box .left .fnav {margin-top: 20px;}
.footer .box .left .fnav li a { font-size: 14px; text-align: center; }
.footer .box .left .fnav li { margin-right: 0; width: 25%; }
.footer .box .right {margin-top: 20px;}
.footer .box .right p { font-size: 14px; }
.footer .box .right h4 { font-size: 30px; }
.copyright { line-height: 1.5; }
/* lawBanner */
.lawBanner .h1{font-size: 20px;margin-top: 0;margin-bottom: 0;}
.lawBanner form>div{width: 100%;margin-bottom: 0;}
.lawBanner .text{height: 40px;line-height: 40px;margin-bottom: 10px;}
.lawBanner .submit{margin: 0 auto;padding: 0;height: 40px;line-height: 40px;float: none;display: block;font-size: 16px;} 
.lawBanner .text:nth-child(2n) {width: 46%;}
/* lawContact */
.conBox {width: 100%;}
.conForm {width: 100%;border-top: #efeded solid 1px;padding-top: 15px;}
.conBox ul {margin-top: 15px;}
.conTit2 {line-height: 22px; font-size:14px;}
.conTit1 {width: 8%;}
.boxIcon {top: 1px;width: 16px;}
.boxIcon img {width: 16px;height: 16px;}
.conBox ul li {padding-left: 30px;}
.conForm:before{ display:none;}
.formBox {width: 100%;}
.formTit {font-size: 14px;}
.formItem {height: 50px;line-height: 50px;}
}

@media all and (max-width:480px) {
/* header */		
.header .logo img{height:28px;}
/* lawNews */ 
.newsR .pic,.newsL li .bgImg{height:200px;}
.newsL li .date,.faq li:nth-child(4){display:none;}
.newsR li a{padding-right:0;}
.newsL li .pic{height:200px;}
.newsR li.txt a {font-size: 14px;}
/* news2 */
.news2 .hTitle {font-size: 20px;margin-right: 16px;margin-bottom: 10px;}
.newsC .pic,.newsL li .bgImg{height:200px;}
.newsL li .date,.faq li:nth-child(4){display:none;}
.lawTitle1 {height: 20px;}
.newsC li.txt a {font-size: 14px;}
.newsC ul, .faqMain {padding: 1px 10px;}
.newsC .img {padding-top: 10px;}
.faq li {height: 80px!important;}
/* lawStatement */
.lawStatement li{width:100%;}
.lawStatement li .txt{height:auto;padding: 3%;}
.lawStatement li .txt h4 {font-size: 14px;margin-bottom: 0;}
.lawStatement li .txt p {font-size: 12px;line-height: 26px;}
.lawStatement li:nth-child(4) {margin-bottom: 0;}
/* lawFirendlink */
.lawFirendlink {padding-top: 0;}
.lawFirendlink span {font-size: 14px;padding-bottom: 5px;}
.lawFirendlink a {margin-right: 5px;padding: 0 10px 0 0;line-height: 19px;font-size: 14px;margin-bottom: 5px;}
/* lawBanner */ 
.lawBanner p{ font-size:12px;}
.lawBanner .submit {height: 30px;line-height: 30px;font-size: 14px;}
/* lawContact */
.conTit {font-size: 16px;}
.conTit2 {font-size: 15px;line-height: 24px;}
.conBox ul {margin-top: 20px;}
.conBox ul li {padding-left: 30px;margin-bottom: 15px;padding-right: 0;}
.conForm {padding-bottom: 0px;}
.formTit {font-size: 15px;}
.sideMenu li a {height: 30px;line-height: 30px}
/* newsList */
.newsList li .con {width: 70%;}
.newsList li .more{ display:none;}
.showCon {margin-bottom: 10px;}
.showPage {margin-top: 10px;}
.showPage .txt{font-size:14px;padding-bottom:10px;max-width: 100%;white-space: break-spaces;}
}

@media all and (max-width:390px) {
/* lawNews */ 	
.newsR ul, .lawNews .you ul {height: auto;}
/* lawContact */
.formTit1 {font-size: 14px;}
.conTit2 {font-size: 14px;line-height: 24px;}
.conBox ul li {padding-left: 30px;margin-bottom: 5px;}
.formSubmit {width: 120px;height: 30px;line-height: 30px;font-size: 14px;}
/* newsList */
.newsList li .pic{ float:none; width:100%;}
.newsList li .con {width: 100%; margin-top:15px;}
.newsList li h3 {margin-bottom: 5px;}
.conRight { padding-top:20px;}
}