.hide{ display: none;} @media screen and (max-width: 1600px){ .header-left img{ float: none;} .branch{ float: none; margin-top: 10px; margin-left: 6px;} .branch:before{ display: none;} .team-top{ top: 110px;} .about-top{ top: 90px;} .job-con{ height: 460px;} .job-detail{ margin-top: -290px;} .js-top .check{ margin-top: 24px;} .js-top .search-box{ margin-top: 28px;} .team-top p { line-height: 25px;} } @media screen and (max-width: 1400px){ .header-left{left: 15px;} .header-right{ right: 15px; } } @media screen and (max-width: 1300px){ .team-top strong{ font-size: 36px;} .team-top{ top: 90px;} .contact-tit .bx-controls-direction a.bx-prev:hover{ background: url(../images/left2_04.png) no-repeat; left: -55px;} .contact-tit .bx-controls-direction a.bx-next:hover{ background: url(../images/right2_04.png) no-repeat; right: -55px;} .js-top .searching-tit{ font-size: 36px;} .js-top .search-box{ margin-top: 10px;} .js-top .check{ margin-top: 16px;} } @media screen and (max-width: 1200px){ .container{ width: 98%; margin-right: 1%; margin-left: 1%;} .about-num .team-item{ margin: 0 35px;} .team-top strong{ font-size: 28px;} .team-top strong:after{ bottom: -22px;} .team-top p{ line-height: 28px;} .index-agency-tit ul li b{ margin-left: 10px;} .index-agency-tit ul li div{ margin-left: 10px;} .company-tit ul li{ margin-bottom: 20px;} } @media screen and (min-width: 1000px){ .mb-header, .mb-main, .mb-footer, .mb-equity, .mb-honor-change{ display: none;} .job-detail i:hover{ background: url(../images/close2_03.jpg) no-repeat;} .team-tc-k i:hover{ background: url(../images/close2_03.jpg) no-repeat;} } @media screen and (max-width: 1000px){ /* 棣栭〉 */ .container{ width: 94%; margin-left: 3%; margin-right: 3%;} .header{ display: none;} .mb-header{ display: block; max-width: 640px; margin: 0 auto; position: relative;} .mb-header .bx-controls-direction{ display: none;} .mb-header .bx-pager{ position: absolute; width: 100%; left: 0; bottom: 20px; text-align: center;} .mb-header .bx-pager-item{ display: inline-block; width: 30px; height: 3px; margin: 0 4px; text-indent: -999px; overflow: hidden;} .mb-header .bx-pager-item a{ display: block; background-color: rgba(255,255,255,.5);} .mb-header .bx-pager-item a.active{ background-color: #a3c31d;} .mb-header-l{ position: absolute; left: 10px; top: 10px; width: 100%;} .mb-header-l img{ width: 30.5%; display: inline-block;} .mb-language{ display: inline-block; position: relative; width: 53px; height: 20px; line-height: 20px; color: #fff; border: 1px solid #fff; margin-left: 10px; padding-left: 5px; background: url(../images/mb-xia_03.png) no-repeat right 5px center;} .mb-language b{ font-weight: normal; display: block;} .mb-language-tc{ position: absolute; left: 0;top: 20px; width: 100%; background-color: rgba(255,255,255,.8); display: none;} .mb-language-tc span{ display: block; height: 20px; line-height: 20px; text-align: center;} .mb-language-tc span a{ display: block; color: #666;} .substation{ color: #fff;} .substation a{ color: #fff; padding: 0 5px;} .substation{ display: inline-block; position: relative; width: 43px; height: 20px; line-height: 20px; color: #fff; border: 1px solid #fff; margin-left: 10px; padding-left: 5px; background: url(../images/mb-xia_03.png) no-repeat right 5px center;} .substation b{ font-weight: normal; display: block;} .mb-language-tc2{ position: absolute; left: 0;top: 20px; width: 100%; background-color: rgba(255,255,255,.8); display: none;} .mb-language-tc2 span{ display: block; height: 20px; line-height: 20px; text-align: center;} .mb-language-tc2 span a{ display: block; color: #666;} .lb{ position: absolute; width: 30px; height: 30px; right: 10px; top: 10px;} .close-ico{ display: none;} .mb-nav{ position: fixed; left: 100%; top: 0; width: 80%; z-index: 9999; border-left: 1px solid #eee;} .mb-nav ul li{ width: 100%;} .mb-nav ul li > a{ display: block; height: 44px; line-height: 44px; border-bottom: 1px solid #e5e5e5; text-indent: 20px; font-size: 14px; color: #121212;} .mb-nav ul li > a.navyi{ background: url(../images/you.png) no-repeat right 14px center; background-size: 8%;} .mb-nav ul li .naver{ border-bottom: 1px solid #e5e5e5; background-color: #ebebeb; display: none;} .mb-nav ul li .naver span{ display: block; height: 34px; line-height: 34px; text-indent: 30px;} .mb-nav ul li .naver span a{ color: #666;} .pc-main{ display: none;} .mb-main{ display: block; max-width: 640px; margin: 0 auto;} .mb-container{ width: 96%; margin: 0 auto; margin-top: 20px;} .mb-layer{ margin-top: 10px;} .mb-layer ul li{ box-sizing: border-box; float: left; width: 50%; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 14px 0;} .mb-layer ul li strong{ display: block; font-weight: normal; font-size: 14px; color: #155683; text-align: left;} .mb-layer ul li strong img{ width: 20%; margin-right: 10px; margin-left: 10%;} .mb-layer ul li p{ width: 90%; margin: 0 auto; font-size: 10px; line-height: 15px; height: 45px; overflow: hidden; margin-top: 10px; text-align: left;} .mb-layer ul li:nth-child(2n){ border-right: 0;} .mb-layer ul li:nth-last-child(1), .mb-layer ul li:nth-last-child(2){ border-bottom: 0;} .mb-tit{ height: 30px; position: relative; margin-bottom: 10px;} .mb-tit:after{ content: ""; position: absolute; width: 100%; height: 1px; background-color: #ccc; left: 0; top: 50%;} .mb-tit-wen{ position: absolute; padding: 0 14px; background-color: #fff; left: 50%; top: 0; transform: translateX(-50%); text-align: center; z-index: 9;} .mb-tit-wen strong{ display: block; font-size: 16px; color: #121212;} .mb-tit-wen span{ display: block; text-transform: uppercase; color: #b0b0b0;} .mb-about p{ font-size: 12px; color: #666; line-height: 18px; margin-top: 8px;} a.mb-more{ display: block; width: 100%; height: 34px; line-height: 34px; color: #fff; font-size: 14px; text-align: center; background-color: #8a97a0; margin-top: 10px; border-radius: 3px;} .mb-team{ margin-top: 20px;} .mb-team p{ font-size: 12px; color: #666; line-height: 18px; margin-top: 16px; margin-bottom: 10px;} .mb-team ul{ overflow: hidden;} .mb-team ul li{ box-sizing: border-box; float: left; width: 50%; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 14px 0;} .mb-team ul li strong{ display: block; font-weight: normal; font-family: '寰蒋闆呴粦'; font-size: 25px; color: #a3c31d;} .mb-team ul li strong img{ width: 7%; transform: translateY(-7px); margin-left: 3px;} .mb-team ul li:nth-last-child(1) strong img{ width: 14%; transform: translateY(-5px);} .mb-team ul li p{ width: 90%; margin: 0 auto; font-size: 10px; line-height: 15px; height: 30px; overflow: hidden; margin-top: 10px;} .mb-team ul li:nth-child(2n){ border-right: 0;} .mb-team ul li:nth-last-child(1), .mb-team ul li:nth-last-child(2){ border-bottom: 0;} .mb-news{ margin-top: 20px;} .mb-news-first{ margin-top: 20px; padding-bottom: 8px; border-bottom: 1px solid #ccc;} .mb-news-first strong{ display: block; font-weight: normal; font-size: 16px; line-height: 20px; height: 20px; overflow: hidden; margin-top: 10px; color: #121212;} .mb-news-first span{ color: #999; display: block; font-size: 12px; margin-top: 5px;} .mb-news-first p{ font-size: 14px; line-height: 20px; color: #666; margin-top: 6px; height: 40px; overflow: hidden;} .mb-news ul li{ height: 34px; line-height: 34px; border-bottom: 1px solid #e5e5e5; background: url(../images/mb-x_08.jpg) no-repeat left center; text-indent: 14px; font-size: 14px; overflow: hidden;} .mb-news ul li a{ display: block; float: left; width: 66%;} .mb-news ul li span{ float: right; font-size: 12px;} .mb-resources{ background: url(../images/mb-bg_08.jpg) no-repeat; margin-top: 20px; padding: 20px 0;} .mb-resources .mb-tit .mb-tit-wen{ background-color: #eee;} .mb-resources-con{ margin-top: 20px;} .mb-resources-l{ width: 50%;} .mb-resources ul{ width: 50%; float: left;} .mb-resources ul li{ margin-left: 20px; padding-left: 20px; font-size: 14px; color: #666; line-height: 28px; background: url(../images/xbg_03.png) no-repeat left center; background-size: 11%;} .mb-case{ margin-top: 20px; padding-bottom: 50px; position: relative;} .mb-case .bx-controls-direction{ display: none;} .mb-case .bx-pager{ position: absolute; width: 100%; left: 0; bottom: 20px; text-align: center;} .mb-case .bx-pager-item{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #d8d8d8; margin: 0 4px; text-indent: -999px; overflow: hidden;} .mb-case .bx-pager-item a{ display: block; background-color: rgba(255,255,255,.5);} .mb-case .bx-pager-item a.active{ background-color: #a3c31d;} .mb-contact{ padding-top: 30px; background: url(../images/mb-bg2_02.jpg) no-repeat left top; background-size: 100% auto; text-align: center; padding-bottom: 14px;} .mb-contact p{ font-size: 12px; color: #155683; line-height: 22px;} .mb-contact p:last-child{ color: #666;} .mb-case-slider ul{ overflow: hidden; margin-top: 20px;} .mb-case-slider ul li{ box-sizing: border-box; width: 25%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; float: left; overflow: hidden;} .mb-case-slider ul li:nth-child(4n){ border-right: 0;} .footer{ display: none;} .mb-footer{ display: none; position: fixed; width: 100%; left: 50%; transform: translateX(-50%); bottom: 0; background-color: #222324; height: 46px; margin: 0 auto; z-index: 99;} .mb-footer ul{ height: 100%;} .mb-footer ul li{ float: left; width: 25%; text-align: center; height: 100%;} .mb-footer ul li img{ height: 100%;} .mb-footer ul li a{ display: block; height: 100%;} .hide{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); left: 0; top: 0; z-index: 999;} /* 鍐呴〉 */ .equity-l{ display: none;} .equity-r{ width: 100%;} .equity-top{ background-color: transparent; border: 0; border-bottom: 1px solid #ccc; height: 50px; font-size: 20px;} .equity-top:before{ display: none;} .fx{ display: none;} .equity-top-l span{ display: none;} .equity-top-l{ margin-left: 10px; font-size: 20px;} .equity-k ul.td-list2 li{ width: 100%;} .news-detail{ padding: 0 20px 20px;} .news-detail-tit strong{ font-size: 20px;} .fanye{ margin-top: 30px; background-color: transparent; border: 0; height: auto; line-height: 34px;} .fanye p{ width: 100%; height: 34px; overflow: hidden;} .fanye p.first{ padding-left: 0; background: none;} .fanye p.last{ padding-right: 0; background: none; text-align: left;} .fanye p.first:hover{ background: none;} .fanye p.last:hover{ background: none;} .news-t-lf{ width: 100%;} .news-t-rg{ width: 100%;} .news-b-lf{ width: 100%;} .news-b-rg{ width: 100%;} .news-wrap{ margin-top: 30px;} .team-list ul li{ width: 48%; margin-right: 1%; margin-left: 1%; height: 274px; margin-top: 24px;} .contactus{ margin-top: 24px;} .team-list ul li.nopic{ display: none;} .about-pic{ width: 100%;} .about-wen{ width: 100%;} .about-num{ display: none;} .about-jj{ height: auto; padding-bottom: 10px; overflow: hidden;} .about-jj-l{ display: none;} .about-wen2{ width: 100%; margin-top: 0px;} a.backlist{ display: none;} .derive{ display: none;} .zy-r{ width: 100%;} .retrieval{ margin-bottom: 46px;} .retrieval ul li{ width: 33.33%; font-size: 14px;} .retrieval ul li a{ line-height: 50px;} .job-detail{ width: 400px; margin: -300px 0 0 -200px;} .job-con{ height: 480px;} .mb-equity{ padding-bottom: 30px; background: url(../images/mb-bg2_02.jpg) no-repeat 0 bottom; background-size: 100% auto; margin-top: 20px; position: relative;} .mb-equity .slide{ height: 46px; line-height: 46px; text-align: center; background-color: #eee; font-size: 16px;} .mb-equity .slide a{ color: #121212;} .mb-equity .bx-viewport{ overflow: hidden; padding-bottom: 12px;} .mb-equity .bx-pager{ display: none;} .mb-equity .bx-controls-direction a{ position: absolute; display: block; width: 13px; height: 33px; text-indent: -999px; overflow: hidden; top: 8px;} .mb-equity .bx-controls-direction a.bx-prev{ background: url(../images/ll_03.png) no-repeat; left: 0;} .mb-equity .bx-controls-direction a.bx-next{ background: url(../images/rr_03.png) no-repeat; right: 0;} .mb-equity .hover{ background-color: #155683; position: relative;} .mb-equity .hover a{ color: #fff;} .mb-equity .hover:after{ content: ""; position: absolute; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 8px solid #155683; border-bottom: 8px solid transparent; left: 50%; bottom: -16px; transform: translateX(-50%);} .mb-equity-er{ margin-top: 10px; font-size: 14px; color: #313131;} .mb-equity-er a{ display: inline-block; font-size: 14px; padding: 0 8px; line-height: 28px; color: #313131;} .mb-equity-er a.active{ color: #155683;} #map{ display: none;} .contact2-item p{ width: 100%; height: auto; line-height: 28px; padding: 6px 0;} .lawyer ul li:nth-child(3n+5){ margin-right: 1%;} .lawyer ul li:nth-child(3n){ margin-right: 1%;} } @media screen and (max-width: 769px){ .job-list ul li{ width: 48%; margin-left: 1%; margin-right: 1%; margin-bottom: 12px;} .job-list ul li:nth-child(3n){ margin-right: 1%;} .crumbs{ display: none;} .case-list ul li{ width: 100%;} .job-list{ margin-top: 24px;} .team-list ul li{ height: auto;} .team-list-wen{ position: static; width: 100%; padding-top: 12px;} .team-list-wen p{ text-indent: 10px;} .team-list-wen p:first-child{ margin-top: 0;} .team-list ul li .team-show span{ width: auto; font-size: 14px; line-height: 20px; right: 0; left: 10px; top: 10px;} .team-list-wen{ background: #fff; height: 58px;} .team-list ul li.haspic:hover .team-list-wen{ background: none;} a.lawyermore{ margin-top: 10px;} .team-tc-l{ display: none;} .team-tc-k{ width: auto; height: auto; margin: 0; left: 50%; top: 50%; transform: translate(-50%, -50%);} .team-tc-k i{ right: 0; width: 30px; height: 30px; top: -36px; background-size: cover;} .team-tc-r{ width: 480px; height: 500px;} .news-wrap{ margin-top: 14px;} .zhuanli{ margin-top: 14px;} .zhuanli ul li div{ height: 44px; line-height: 44px; padding-left: 28px;} .mb-honor-change{ display: block; margin-top: 20px; background-color: #fff; padding-bottom: 10px;} .mb-honor-change p{ font-size: 14px; text-align: center; line-height: 30px; color: #333;} .mb-honor-change .bx-viewport{ overflow: hidden;} .mb-honor-change .bx-controls-direction{ display: none;} .mb-honor-change .bx-pager{ width: 100%; margin-top: 5px; text-align: center;} .mb-honor-change .bx-pager-item{ display: inline-block; width: 52px; height: 5px; margin: 0 4px; text-indent: -999px; overflow: hidden;} .mb-honor-change .bx-pager-item a{ display: block; background-color: #ddd;} .mb-honor-change .bx-pager-item a.active{ background-color: #a3c31d;} } @media screen and (max-width: 480px){ .job-list ul li{ width: 98%;} .job-detail i{ top: -34px; right: 0; width: 30px; height: 30px; background-size: cover;} .job-detail i:hover{ background: url(../images/close_03.jpg) no-repeat; background-size: cover;} .job-detail{ width: 300px; margin: -220px 0 0 -150px;} .job-con{ height: 320px; padding: 0 20px;} .job-detail strong{ height: 50px; line-height: 50px; font-size: 16px;} .job-con b{ margin-top: 10px;} .job-con p{ line-height: 28px;} .case-change span{ padding: 0 16px;} .about-jj{ margin-top: 24px;} .aboutus{ margin-top: 30px;} .about-js{ margin-top: 0;} .about-js strong{ font-size: 14px; margin-top: 20px; overflow: hidden;} .about-js p{ font-size: 12px; line-height: 26px;} .contact-tit{ width: 100%; margin-bottom: 20px;} .contact-tit .bx-controls-direction a.bx-prev{ width: 15px; height: 30px; background-size: 100% 100%; top: 20px;} .contact-tit .bx-controls-direction a.bx-next{ width: 15px; height: 30px; background-size: 100% 100%; top: 20px;} .contact-tit .bx-controls-direction a.bx-prev:hover{ background: url(../images/left2_04.png) no-repeat; background-size: 100% 100%; left: 0;} .contact-tit .bx-controls-direction a.bx-next:hover{ background: url(../images/right2_04.png) no-repeat; background-size: 100% 100%; right: 0;} .contact-tit .slide strong{ font-size: 18px; margin-top: 6px; padding-top: 8px;} .contact-tit .slide{ height: 56px;} .contact-tit .slide{ width: 142px;} .contact-tit .bx-controls-direction a.bx-prev{ left: 0;} .contact-tit .bx-controls-direction a.bx-next{ right: 0;} .contact-item p{ width: 100%; height: auto; line-height: 24px; padding: 10px 0;} .honor-change{ display: none;} .honor ul li{ width: 48%; margin-right: 1%; margin-left: 1%;} .honor ul li:nth-child(3n){ margin-right: 1%;} .news-tit ul{ overflow: hidden;} .news-tit ul li{ float: left; width: 31.33%; margin: 0 1%;} .news-list{ margin-top: 20px;} .news-list ul li{ padding: 0;} .news-con{ height: 118px;} .news-date{ width: 100px;} .news-list-r{ margin-left: 116px;} .news-date .day{ font-size: 50px;} .news-list-r strong{ display: block; height: 24px; line-height: 24px; overflow: hidden;} .news-list-r p{ height: 44px; line-height: 22px;} .news-date{ margin-top: 17px;} .news-ul li{ padding-bottom: 0;} .news-ul li h4{ height: 30px; line-height: 30px;} .news-ul li span{ display: block; font-size: 13px; color: #ccc; position: inherit; right:auto; top:auto; } .news-t-rg .bx-pager{ right: 0;} .news-t-rg .bx-pager .bx-pager-item a{ margin-right: 4px;} .news-slide strong{ width: 80%;} .news-b-lf li dt{ width: 40%;} .news-b-lf li dd{ width: 55%; float: left; margin-left: 5%;} .news-b-lf li b{ display: block; font-size: 14px; height: 24px; line-height: 24px; overflow: hidden;} .news-b-lf li p{ height: 48px; overflow: hidden;} .news-b-lf li div span{ margin-right: 10px;} .news-b-lf li a{ padding: 0;} .news-b-lf li div{ margin-top: 0;} .news-bottom h2{ height: 48px; line-height: 48px;} .news-bottom h2 span{ line-height: 46px; width: auto;} .news-detail{ padding: 0 10px 20px;} .news-detail-tit{ padding-top: 10px; } .zhuanli-detail strong { padding-bottom: 10px;} .news-detail-tit strong{ font-size: 18px; font-weight: normal;} .fx2{ display: none;} .news-detail-con p{ line-height: 28px; margin-top: 10px;} .equity-zx{ margin-top: 18px; margin-bottom: 10px;} .smtit{ margin-top: 20px;} .smtit i{ float: none; display: inline-block; margin-top: 5px;} .patent ul li{ padding: 14px 10px;} .patent-wen strong{ line-height: 38px; font-size: 18px;} .patent-r{ width: 100%; margin-right: 0;} .patent-r a{ float: left; width: 136px; margin-top: 16px;} .patent-r a.download{ margin-top: 16px; margin-right: 4px;} .zy-r strong{ margin-top: 20px;} .zy-r p{ margin-top: 20px;} .retrieval{ margin-top: 24px; padding: 24px 0;} .retrieval ul li{ width: 100%; height: 38px; margin-left: 10px;} .retrieval ul li a{ display: block; line-height: 38px;} .team-tc-k{ width: 90%;} .team-tc-r{ width: 100%; height: 320px; margin: 0 auto; padding: 0 10px;} .team-tc-r strong{ font-size: 24px; font-weight: normal; margin-top: 18px;} .team-tc-r b{ margin-top: 12px;} .team-tc-r p{ line-height: 28px;} .honor ul li p{ height: 48px; line-height: 48px; overflow: hidden;} .equity-k p{ line-height: 26px;} .equity-k ul.td-list li p { margin-left: 40px;} }