body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } body, button, input, select, textarea { font:12px Arial, Tahoma, 'MS Mincho'; color:#454545; } button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-size:100%; } h2, h3 { font-size:14px; } button, input, select, textarea, label { vertical-align:middle; outline:none; border: 0;} img { vertical-align:middle; border:none; display:inline-block; max-width: 100%;width: 100%;} ul, ol { list-style:none; } a { text-decoration:none; color:#454545; vertical-align:baseline; cursor:pointer; } a:hover { color:#000; } table { border-collapse:collapse; border-spacing:0; } body { word-wrap:break-word; word-break:break-all;} /*忙赂鈥γβ德?/ .g-cf:after { content:""; clear:both; display:table; } .g-cf { zoom:1; } /*忙碌庐氓艩篓*/ .g-f-l { float:left; _display:inline; } .g-f-r { float:right; _display:inline; } .gray{ background-color: #f2f2f2;} .wrap{ width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden;} .container{ width: 100%; max-width: 1200px; margin: 0 auto;} .banner{ position: relative;} .banner .slider{ width: 600%;} .banner .slide{ float: left;} .banner .bx-controls-direction{ display: none;} .banner .bx-pager{ position: absolute; width: 100%; left: 0; bottom: 24px; text-align: center;} .banner .bx-pager-item{ display: inline-block; width: 52px; height: 5px; margin: 0 4px; text-indent: -999px; overflow: hidden;} .banner .bx-pager-item a{ display: block; background-color: rgba(255,255,255,.5);} .banner .bx-pager-item a.active{ background-color: #a3c31d;} .header-left{ position: absolute; top: 19px; left: 56px;} .header-left img{ float: left;width: unset;} .branch{ float: left; margin-left: 32px; position: relative;} .branch:before{ content: ""; position: absolute; width: 1px; height: 36px; background-color: rgba(255,255,255,.2); left: -19px; top: 3px;} .branch ul li{ float: left; height: 18px; line-height: 18px; padding: 0 5px; margin-right: 14px; position: relative;} .branch ul li:after{ content: ""; position: absolute; width: 1px; height: 13px; background-color: #fff; right: -8px; top: 3px;} .branch ul li:last-child:after{ display: none;} .branch ul li a{ color: #fff; display: block;} .branch ul li.active{ background-color: #a3c31d;} .branch ul li:hover{ background-color: #a3c31d;} .branch-site{ color: #fff; margin-top: 5px;} .branch-site a{ color: #fff; padding: 0 12px; border-right: 1px solid #fff; transition: all linear .2s;} .branch-site a:last-child{ border-right: 0;} .branch-site a:hover{ color: #a3c31d;} .header-right{ position: absolute; right: 48px; top: 16px;} .header-right ul li{ height: 48px; padding: 0 11px; line-height: 48px; float: left; font-size: 14px; position: relative;} .header-right ul li a{ color: #fff; display: block;} .header-right ul li.active{ position: relative;} .header-right ul li.active:after{ content: ""; position: absolute; width: 82%; height: 2px; background-color: #e6e8ee; left: 0; bottom: -3px; margin-left: 9%;} .header-right ul li.hover{ background-color: #e6e8ee; border-top-left-radius: 2px; border-top-right-radius: 2px;} .header-right ul li.hover a{ color: #155683;} .header-right ul li.hover a.navyi{ background: url(../images/shang_03.jpg) no-repeat right center;} .header-right ul li a.navyi{ padding-right: 15px; background: url(../images/xia_03.png) no-repeat right center;} .header-right ul li .naver{ z-index:2;width: 190px; position: absolute; left: 0; top: 48px; padding-top: 2px; display: none;} .header-right ul li .naver span{ display: block; width: 100%; height: 48px; line-height: 48px; margin-bottom: 2px; background: #e3e5ed url(../images/you_03.jpg) no-repeat right 14px center; text-indent: 20px; font-size: 14px; transition: all linear .2s;} .header-right ul li .naver span a{ color: #666; display: block; transition: all linear .2s;} .header-right ul li .naver span:hover{ background: #a3c31d url(../images/you2_03.jpg) no-repeat right 17px center;} .header-right ul li .naver span:hover a{ color: #fff;} .index-agency{ margin-top: 42px;} .index-agency-tit ul li{ float: left; width: 23.75%; margin-right: 1.66%; height: 160px; background-color: #eee; border-bottom: 3px solid #d0d0d0; position: relative; transition: all linear .2s;} .index-agency-tit ul li a{ display: block;} .index-agency-tit ul li:last-child{ margin-right: 0;} .index-agency-tit ul li b{ display: block; width: 64px; height: 64px; margin: 27px 0 0 13px; float: left; border:1px solid #e6e6e6; border-radius: 50%; overflow: hidden; transition: all linear .2s;} .index-agency-tit ul li.agency1 b{ background: url(../images/ico1_03.png) no-repeat 100% 100%;} .index-agency-tit ul li.agency2 b{ background: url(../images/ico3_03.png) no-repeat 100% 100%;} .index-agency-tit ul li.agency3 b{ background: url(../images/ico5_03.png) no-repeat 100% 100%;} .index-agency-tit ul li.agency4 b{ background: url(../images/ico7_03.png) no-repeat 100% 100%;} .index-agency-tit ul li div{ margin-left: 90px; margin-right:10px;} .index-agency-tit ul li div strong{ font-size: 20px; color: #121212; font-weight: normal; display: block; margin-top: 22px; transition: all linear .2s;} .index-agency-tit ul li div p{ font-size: 13px; color: #666; line-height: 22px; margin-top: 10px; transition: all linear .2s;} .index-agency-tit ul li.hover{ background-color: #155683; border-bottom: 3px solid #155683;} .index-agency-tit ul li.hover b{ border: 1px solid #155683;} .index-agency-tit ul li.hover.agency1 b{ background: url(../images/ico2_03.png) no-repeat 100% 100%;} .index-agency-tit ul li.hover.agency2 b{ background: url(../images/ico4_03.png) no-repeat 100% 100%;} .index-agency-tit ul li.hover.agency3 b{ background: url(../images/ico6_03.png) no-repeat 100% 100%;} .index-agency-tit ul li.hover.agency4 b{ background: url(../images/ico8_03.png) no-repeat 100% 100%;} .index-agency-tit ul li.hover div strong{ color: #fff;} .index-agency-tit ul li.hover div p{ color: #fff;} .index-agency-tit ul li: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: -17px; opacity: 0; transform: translateX(-50%); transition: all linear .2s;} .index-agency-tit ul li.hover:after{ opacity: 1;} .index-agency-con{ margin-top: 48px;} .index-agency-item{ display: none;} .index-agency-item:nth-child(2){ display: block;} .index-agency-l{ width: 45%; position: relative;} .index-agency-l p{ position: absolute; width: 92%; height: 54px; background-color: rgba(0,0,0,.6); left: 0; bottom: 0; font-size: 14px; color: #fff; line-height: 27px; padding: 17px 4%;} .index-agency-l p span{ color: #a3c31d;} .index-agency-r{ width: 52%; height: 375px; background-color: #f9f9f9; padding-left: 3%; overflow: hidden; padding-top: 13px;} .index-agency-r strong{ float: left; width: 40%; padding-left: 21px; background: url(../images/xg1_03.jpg) no-repeat left center; font-size: 16px; line-height: 38px;} .index-agency-r strong a{ color: #121212; transition: all linear .2s;} .index-agency-r p{ box-sizing: border-box; width: 100%; float: left; font-size: 14px; line-height: 24px; padding: 4px 0 4px 21px;} .index-agency-r p a{ display: inline-block; color: #666; padding: 0 13px; transition: all linear .2s;} .index-agency-r p a:first-child{ padding-left: 0;} .index-agency-r p a:last-child{ padding-right: 0;} .index-agency-r p a:hover{ color: #a3c31d;} .index-agency-r strong:hover{ background: url(../images/xg2_03.jpg) no-repeat left center;} .index-agency-r strong:hover a{ color: #a3c31d;} .index-about{ border-top: 5px solid #f5f5f5; border-bottom: 5px solid #f5f5f5; margin-top: 48px; padding-bottom: 60px; padding-top: 70px;} .index-about-l{ width: 40%;} .index-about-l-pic{ position: relative;} .index-about-l-pic span{ display: block; position: absolute; width: 170px; height: 240px; right: -126px; bottom: -50px;} .index-about-l strong{ display: block; margin-top: 15px; font-size: 36px; color: #ccc;} .index-about-r{ width: 46.25%;} .index-about-r strong{ font-size: 32px; color: #313131; position: relative; line-height: 32px; display: block; margin-bottom: 60px;} .index-about-r strong:after{ content: ""; position: absolute; width: 24px; height: 2px; background-color: #155683; left: 0; bottom: -30px;} .index-about-r img{ margin-bottom: 42px;} .index-about-r p{ font-size: 14px; color: #666; line-height: 30px;} .index-about-r p span{ color: #121212; font-size: 22px;} .index-about-r a{ font-size: 14px; color: #155683; float: right; margin-top: 6px; text-decoration: underline;} .index-team{ margin-top: 62px;} .index-team-l{ width: 300px;} .index-team-l strong{ font-size: 32px; color: #313131; position: relative; line-height: 32px;} .index-team-l strong:after{ content: ""; position: absolute; width: 24px; height: 2px; background-color: #155683; left: 0; bottom: -20px;} .index-team-l p{ font-size: 14px; color: #666; line-height: 24px; margin-top: 36px;} .index-team-w{ height: 122px; background-color: #eee; border-bottom: 3px solid #d0d0d0; margin-left: 8px; text-align: center; padding-top: 11px;} .col-1{ width: 188px;} .col-2{ width: 248px;} .col-3{ width: 232px;} .col-4{ width: 192px;} .index-team-w strong{ font-size: 66px; color: #155683;} .index-team-w img{ display: inline-block; margin-top: -70px;} .index-team-w:last-child img{ margin-top: -45px;} .index-team-w p{ font-size: 14px; color: #666; margin-top: 4px;} .index-team-con{ width: 100%; max-width: 1322px; margin: 0 auto; background: url(../images/bg_03.jpg) no-repeat left top; margin-top: 40px; padding-top: 62px;} .index-team-con ul.team-one li{ float: left; position: relative;} .index-team-con ul.team-one{margin-left: 72px;} .index-team-con ul.team-one li.team1{ width: 166px; margin-left: 17px; margin-top: 90px;} .index-team-con ul.team-one li.team2{ width: 166px; margin-left: 10px; margin-top: 35px;} .index-team-con ul.team-one li.team3{ width: 166px; margin-left: 10px; margin-top: 68px;} .index-team-con ul.team-one li.team4{ width: 166px; margin-left: 10px; margin-top: 0px;} .index-team-con ul.team-one li.team5{ width: 166px; margin-left: 10px;height: 220px; margin-top: 123px;overflow: hidden;} .index-team-con ul.team-one li.team6{ width: 166px; margin-left: 10px;height: 220px; margin-top: 68px;overflow: hidden;} .index-team-con ul.team-one li i{ position: absolute; display: block; width: 42.4%; right: 0; bottom: 0; opacity: 0; transition: all linear .2s;} .index-team-con ul.team-one li p{ position: absolute; left: 20px; bottom: 17px; color: #fff; font-size: 13px;} .index-team-con ul.team-one li p b{ display: block; font-size: 24px; line-height: 42px; text-shadow: 4px 4px 5px rgba(0,0,0,.8);} .index-team-con ul.team-one li:hover i{ opacity: 1;} .index-team-con ul.team-two{ margin-top: 66px;} .index-team-con ul.team-two li{ float: left; box-shadow: 8px 9px 0 #ebebeb; overflow: hidden;} .index-team-con ul.team-two li img{ transition: all linear .2s;} .index-team-con ul.team-two li.team1{ width: 472px; margin-top: 90px; margin-top: 15px;} .index-team-con ul.team-two li.team2{ width: 336px; margin-left: 25px; margin-top: 0;} .index-team-con ul.team-two li.team3{ width: 336px; margin-left: 23px; margin-top: 36px;} .index-team-con ul.team-two li:hover img{ transform: scale(1.1);} .index-team-con ul.team-new{margin-top: 10px;} .index-team-con ul.team-new li.team1{ width: 166px;height: 220px;margin-left: 17px;margin-top: 90px; overflow: hidden;} .index-team-con ul.team-new li.team2{ width: 166px;height: 220px;margin-left: 10px;margin-top: 35px; overflow: hidden; } .index-team-con ul.team-new li.team3{ width: 166px;height: 220px;margin-left: 10px;margin-top: 68px; overflow: hidden; } .index-team-con ul.team-new li.team4{ width: 166px;height: 220px;margin-left: 10px;margin-top: 0px; overflow: hidden; } .index-team-con ul.team-new li.team5{ width: 166px;height: 220px;margin-left: 10px;margin-top: 123px; overflow: hidden; } a.team-more{ display: block; width: 238px; height: 44px; border: 1px solid #ccc; border-radius: 22px; margin: 48px auto 0; text-align: center; line-height: 44px; font-size: 14px; color: #155683; transition: all linear .2s;} a.team-more:hover{ background-color: #a3c31d; border: 1px solid #a3c31d; color: #fff;} .searching{ height: 320px; background: url(../images/bg2_02.jpg) no-repeat; margin-top: 48px;} .searching-tit{ font-size: 32px; color: #fff; text-align: center; padding-top: 62px;} .search-box{ width: 960px; height: 36px; margin: 48px auto 0; border-radius: 18px; background-color: #dfe8ee; overflow: hidden;} .search-box input{ width: 760px; height: 36px; background-color: transparent; text-indent: 34px; font-size: 14px; color: #666; font-family: '氓戮庐猫陆炉茅鈥衡€γ┞烩€?;} .search-box button{ width: 160px; height: 36px; background-color: #a3c31d; color: #fff; font-size: 16px; float: right; cursor: pointer; line-height: 36px;} .check{ color: #fff; font-size: 14px; margin-top: 54px; text-align: center;} .check input{ display: none;} .check label{ padding-left: 28px; background: url(../images/check1_04.png) no-repeat left center; padding-right: 48px;} .check input[type="checkbox"]:checked + label{ background: url(../images/check2_04.png) no-repeat left center;} .check-item{ display: inline-block; margin: 0 65px;} .check-item span{ padding-right: 18px; padding-top: 3px;} .check-item label:last-child{ padding-right: 0;} .index-news{ margin-top: 54px;} .index-news-tit{ font-size: 32px; color: #313131; font-weight: bold;} .index-news-con{ margin-top: 12px;} .index-news-l{ width: 60%; position: relative;} .index-news-l .slide{ position: relative;} .bx-viewport{ overflow: hidden;} .index-news-wen{ position: absolute; width: 100%; height: 100px; background-color: rgba(0,0,0,.6); left: 0; bottom: 0;} .index-news-wen-l{ width: 80%;} .index-news-wen strong{ display: block; font-weight: normal; font-size: 18px; color: #fff; margin-left: 26px; margin-top: 22px; height: 28px; line-height: 28px; overflow: hidden;} .index-news-wen p{ height: 36px; line-height: 36px; font-size: 14px; color: #fff; margin-left: 26px; overflow: hidden;} .index-news-l .bx-controls-direction{ display: none;} .index-news-l .bx-pager{ position: absolute; right: 22px; bottom: 17px; text-align: right;} .index-news-l .bx-pager .bx-pager-item{ display: inline-block; width: 10px; height: 2px; background-color: #999; margin: 0 2px; text-indent: -999px; overflow: hidden;} .index-news-l .bx-pager .bx-pager-item a{ display: block; width: 10px; height: 2px;} .index-news-l .bx-pager .bx-pager-item a.active{ background-color: #fff;} .index-news-num{ float: right; margin-right: 30px; color: #fff; width: 50px; height: 60px; background: url(../images/x_03.png) no-repeat 18px center; margin-top: 16px; font-family: 'Arial';} .index-news-num .num1{ font-size: 42px; color: #fff;} .index-news-num .num2{ font-size: 24px; color: #999; float: right; margin-top: 28px;} .index-news-r{ width: 40%; position: relative;} .index-news-r:after{ content: ""; position: absolute; width: 159px; height: 66px; background: url(../images/newsbg_03.jpg) no-repeat; right: 0; top: -58px;} .index-news-r-tit{ margin-left: 30px;} .index-news-r-tit span{ float: left; width: 134px; height: 47px; line-height: 47px; text-align: center; background: url(../images/bg3_03.jpg) repeat-x; border: 1px solid #ddd; border-bottom: 0; font-size: 16px; color: #313131; cursor: pointer;} .index-news-r-tit span:first-child{ border-right: 0;} .index-news-r-tit span.active{ background: #fff; color: #155683; position: relative;} .index-news-r-tit span.active:before{ content: ""; position: absolute; width: 100%; height: 3px; background-color: #155683; left: 0; top: -1px;} .index-news-r-tit span.active:after{ content: ""; position: absolute; width: 100%; height: 3px; background-color: #fff; left: 0; bottom: -1px;} .index-news-r-con{ border-right: 1px solid #ddd; border-top: 1px solid #ddd; padding-bottom: 7px;} .index-news-r-con ul{ margin-top: 20px; display: none;} .index-news-r-con ul li{ box-sizing: border-box; width: 87%; margin: 0 auto; height: 54px; line-height: 54px; border-bottom: 1px dashed #e5e5e5; padding-left: 20px; background: url(../images/news1_03.jpg) no-repeat left center; font-size: 14px; overflow: hidden;} .index-news-r-con ul li a p{ float: left; width: 69%; color: #313131; transition: all linear .2s;} .index-news-r-con ul li a span{ float: right; color: #999; transition: all linear .2s;} .index-news-r-con ul li:hover{ background: url(../images/news2_03.jpg) no-repeat left center;} .index-news-r-con ul li:hover a p{ color: #a3c31d;} .index-news-r-con ul li:hover a span{ color: #a3c31d;} a.news-more{ font-size: 14px; color: #155683; position: absolute; right: 15px; top: 15px; text-decoration: underline;} .resource{ height: 300px; background: url(../images/bg5_02.jpg) no-repeat; margin-top: 62px;} .resource-l{ margin-top: 37px;} .resource-r{ width: 62.66%; margin-top: 42px;} .resource-r ul{ overflow: hidden;} .resource-r ul li{ float: left; width: 28.33%; font-size: 16px; padding-left: 34px; background: url(../images/xbg_03.png) no-repeat left center; margin-top: 40px;} .resource-r ul li a{ color: #666; transition: all linear .2s;} .resource-r ul li:hover{ background: url(../images/xbg2_03.png) no-repeat left center;} .resource-r ul li:hover a{ color: #a3c31d;} a.resource-more{ display: block; width: 100px; height: 26px; text-align: center; line-height: 26px; color: #fff; float: right; background-color: #155683; border-radius: 13px; margin-top: 45px;} .client{ margin-top: 52px; margin-bottom: 42px;} .client-tit{ text-align: center; color: #313131; font-size: 32px; font-weight: bold;} .client-con{ margin-top: 40px;} .client-con .slide ul li{ float: left; width: 16.66%;} .client-con .bx-controls-direction{ display: none;} .client-con .bx-pager{ width: 140px; height: 26px; border: 1px solid #f2f2f2; background-color: #f9f9f9; margin: 20px auto 0; border-radius: 13px; text-align: center;} .client-con .bx-pager .bx-pager-item{ display: inline-block; margin: 11px 8px 0; width: 6px; line-height: 6px; border-radius: 50%; background-color: #c5c5c5; text-indent: -999px; overflow: hidden;} .client-con .bx-pager .bx-pager-item a{ display: block; width: 6px; height: 6px;} .client-con .bx-pager .bx-pager-item a.active{ background-color: #155683;} .footer-l{ width:74%; } .footer{ background-color: #323335; border-bottom: 5px solid #155683; padding-bottom: 28px;} .link{ border-bottom: 1px solid #444547; line-height: 34px; padding: 23px 0; font-size: 13px; color: #b0b0b0; margin-bottom: 34px;} .link a{ color: #b0b0b0; padding: 0 15px; transition: all linear .2s;} .link a:hover{ color: #a3c31d;} .footer-l div{ color: #b0b0b0; line-height: 24px;} .footer-l div a{ font-size: 13px; color: #b0b0b0; padding: 0 9px; transition: all linear .2s;} .footer-l div a:first-child{ padding-left: 0;} .footer-l p{ color: #b0b0b0; font-size: 13px; line-height: 38px;} .footer-l p a{ color: #b0b0b0; font-size: 13px; line-height: 38px;} .footer-l div a:hover{ color: #a3c31d;} .footer-lx{ text-align: right; margin-right: 24px; font-size: 13px; color: #b0b0b0; line-height: 32px; padding-top: 3px;} .ewm{ margin-left: 20px;} .ewm img{ display: block; margin: 0 auto; width: 80px; height: 80px;} .ewm p{ font-size: 13px; color: #b0b0b0; line-height: 28px; text-align: center;} /* 氓鈥犫€γ┞÷得β犅访ヂ悸 */ /* 莽鸥楼猫炉鈥犆ぢ郝β澠捗ぢ宦C愨€ */ .ny-wrap{ padding-bottom: 72px;} .crumbs{ height: 76px; line-height: 76px; padding-left: 24px; background: url(../images/crumbs_03.png) no-repeat left center; color: #666;} .crumbs a{ color: #666;} .equity-l{ box-sizing: border-box; border: 1px solid #e5e5e5; width: 20%;} .equity-l ul li{ font-size: 16px;} .equity-l ul li:last-child > a{ border-bottom: 0;} .equity-l ul li > a{ color: #313131; display: block; height: 58px; line-height: 58px; background-color: #f9f9f9; text-indent: 22px; border-bottom: 1px solid #e5e5e5;} .equity-l ul li > a > b{ display: block;float: right; width: 16px; height: 16px; background: url(../images/xyo_03.jpg) no-repeat; margin-right: 18px; margin-top: 21px; transition: all linear .2s;} .equity-l ul li > a.active{ color: #155683; background-color: #fff; position: relative;} .equity-l ul li > a.active:before{ content: ""; position: absolute; width: 3px; height: 58px; background-color: #155683; left: 0; top: 0;} .equity-l ul li > a.active b{ background: url(../images/xyo4_03.jpg) no-repeat;} .equity-l ul li > a > b.active{ transform: rotate(90deg);} .equity-l ul li > a.active2{ color: #155683; background-color: #fff; position: relative;} .equity-l ul li > a.active2:before{ content: ""; position: absolute; width: 3px; height: 58px; background-color: #155683; left: 0; top: 0;} .equity-l ul li > a.active2 b{ background: url(../images/xyo4_03.jpg) no-repeat;} .equity-er{ display: none;} .equity-er span{ display: block; height: 54px; line-height: 54px; border-bottom: 1px solid #e5e5e5; font-size: 14px; text-indent: 56px; background: url(../images/xyo2_03.jpg) no-repeat 38px center;} .equity-er span a{ color: #313131; display: block; transition: all linear .2s;} .equity-er span:hover{ background: url(../images/xyo3_03.jpg) no-repeat 38px center;} .equity-er span:hover a{ color: #155683;} .equity-er span.active{ background: url(../images/xyo3_03.jpg) no-repeat 38px center;} .equity-er span.active a{ color: #155683;} .equity-r{ width: 76%;} .equity-top{ border: 1px solid #e5e5e5; height: 78px; background-color: #f9f9f9; position: relative;} .equity-top:before{ content: ""; position: absolute; width: 4px; height: 80px; background-color: #155683; left: 0; top: -1px;} .equity-top-l{ font-size: 24px; color: #121212; margin-left: 30px; margin-top: 12px;} .equity-top-l span{ display: block; font-size: 11px; color: #b0b0b0; text-transform: uppercase; line-height: 20px;} .fx{ float: right; margin-right: 12px;} .fx span{ float: left; font-size: 14px; color: #666; line-height: 78px;} .fx b{ float: left; margin-top: 31px; color: #e5e5e5;} .fx a.bds_weixin{ width: 30px; height: 30px; background: url(../images/fx1_03.jpg) no-repeat; padding-left: 0; margin: 24px 9px;} .fx a.bds_tsina{ width: 30px; height: 30px; background: url(../images/fx2_03.jpg) no-repeat; padding-left: 0; margin: 24px 9px;} .fx a.bds_tqq{ width: 30px; height: 30px; background: url(../images/fx3_03.jpg) no-repeat; padding-left: 0; margin: 24px 9px;} .fx a.bds_qzone{ width: 30px; height: 30px; background: url(../images/fx4_03.jpg) no-repeat; padding-left: 0; margin: 24px 9px;} .fx a.bds_weixin:hover{ width: 30px; height: 30px; background: url(../images/fx5_03.jpg) no-repeat;} .fx a.bds_tsina:hover{ width: 30px; height: 30px; background: url(../images/fx6_03.jpg) no-repeat;} .fx a.bds_tqq:hover{ width: 30px; height: 30px; background: url(../images/fx7_03.jpg) no-repeat;} .fx a.bds_qzone:hover{ width: 30px; height: 30px; background: url(../images/fx8_03.jpg) no-repeat;} .equity-zx{ font-size: 14px; color: #999; margin-top: 38px;} .equity-zx span{ color: #121212;} .equity-zx span.zx1{ padding-left: 42px; background: url(../images/xi1_03.jpg) no-repeat 18px center;} .equity-zx span.zx2{ padding-left: 46px; background: url(../images/xi2_03.jpg) no-repeat 18px center;} .equity-zx span.zx3{ padding-left: 46px; background: url(../images/xi3_03.jpg) no-repeat 18px center;} .smtit{ font-size: 20px; color: #155683; margin-top: 38px; border-bottom: 1px solid #ccc; padding-bottom: 14px; margin-bottom: 24px;} .smtit i{ float: right; height: 20px; line-height: 20px; font-size: 14px; color: #fff; padding: 0 5px; background-color: #a3c31d; font-style: normal;} .equity-k p{ font-size: 14px; color: #666; line-height: 30px;} .equity-k p.case-p{ margin-top: 18px;} .equity-k ul{ zoom:1;} .equity-k ul:after{ content:""; clear:both; display:table; } .equity-k ul.td-list li{ border-bottom: 1px solid #eee; padding: 10px 0;} .equity-k ul.td-list li span{ float: left; width: 26px; height: 26px; background-color: #8a97a1; text-align: center; line-height: 26px; color: #fff; font-size: 14px; margin-top: 2px;} .q-div h1 span{ float: left; width: 26px; height: 26px; background-color: #8a97a1; text-align: center; line-height: 26px; color: #fff; font-size: 14px; margin-top: 2px; margin-right: 10px;} .equity-k ul.td-list li p{ margin-left: 50px;} .boldtit{ font-size: 16px; color: #313131; margin-bottom: 18px;} .equity-k ul.td-list2 li{ width: 49%; float: left;} .equity-k ul.td-list2 li:nth-child(2n){ float: right;} .equity-k ul.td-list3 li{ float: left; width: 49%; height: 80px; margin-bottom: 22px; background-color: #f9f9f9; transition: all linear .2s;} .equity-k ul.td-list3 li a{ display: block; width: 100%; height: 100%;} .equity-k ul.td-list3 li span{ float: left; margin: 16px 16px 0;} .equity-k ul.td-list3 li strong{ display: block; font-weight: normal; font-size: 18px; color: #121212; margin-top: 15px; transition: all linear .2s;} .equity-k ul.td-list3 li p{ font-size: 14px;color: #666; line-height: 30px;} .equity-k ul.td-list3 li:nth-child(2n){ float: right;} .equity-k ul.td-list3 li:hover{ box-shadow: 0 2px 6px rgba(0,0,0,.18);} .equity-k ul.td-list3 li:hover strong{ color: #a3c31d;} .company-tit ul li{ float: left; height: 36px; line-height: 36px; background-color: #eee; border-radius: 2px; margin-right: 12px; padding: 0 32px; font-size: 14px; color: #666; cursor: pointer; margin-bottom: 10px;} .company-tit ul li.active{ background-color: #155683; color: #fff; position: relative;} .company-tit ul li.active:after{ content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top: 6px solid #155683; left: 50%; bottom: -12px; transform: translateX(-50%);} .company-list{ font-size: 14px; color: #666; line-height: 30px; margin-top: 24px;} .company-item{ display: none;} .equity-slider{ width: 95%; margin: 42px auto 0; position: relative;} .equity-slider .item{ height: 36px; line-height: 36px; font-size: 14px; background-color: #eee;} .equity-slider .item a{ display: block; color: #666; padding: 0 32px;} .equity-slider .owl-prev{ position: absolute; width: 16px; height: 24px; background: url(../images/gleft_03.jpg) no-repeat; left: -24px; top: 6px; text-indent: -99px; overflow: hidden;} .equity-slider .owl-next{ position: absolute; width: 16px; height: 24px; background: url(../images/gright_03.jpg) no-repeat; right: -24px; top: 6px; text-indent: -99px; overflow: hidden;} .equity-slider .hover{ background-color: #155683; position: relative;} .equity-slider .hover a{ color: #fff;} .equity-slider .hover:after{ content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top: 6px solid #155683; left: 50%; bottom: -12px; margin-left: -6px;} /* 氓鈥β该ヅ锯€姑β∷喢ぢ锯€ */ .case-change{ margin-top: 42px;} .case-change span{ display: inline-block; height: 36px; line-height: 36px; padding: 0 32px; font-size: 14px; color: #666; background-color: #eee; border-radius: 2px; cursor: pointer; margin-right: 10px;} .case-change span.active{ background-color: #155683; color: #fff; position: relative;} .case-change span.active:after{ content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top: 6px solid #155683; left: 50%; bottom: -12px; transform: translateX(-50%);} .case-list ul{ margin-top: 32px;} .case-list ul li{ width: 49%; float: left; border-bottom: 1px solid #eee; padding: 17px 0; background: url(../images/xj_03.jpg) no-repeat right 18px center; cursor: pointer; position: relative;} .case-list ul li > span{ float: left; width: 26px; height: 26px; background-color: #8a97a1; text-align: center; line-height: 26px; color: #fff; font-size: 14px; margin-top: 2px; font-family: '氓戮庐猫陆炉茅鈥衡€γ┞烩€?;} .case-list ul li > p{ width: 80%; padding-right: 9%; margin-left: 50px; font-size: 16px; color: #666; line-height: 30px;} .boldtit{ font-size: 16px; color: #313131; margin-bottom: 18px;} .case-list ul li:nth-child(2n){ float: right;} .case-item{ display: none;} .case-main{ position: absolute; width: 100%; height: 224px; padding-top: 15px; background-color: #f9f9f9; border-bottom: 2px solid #a3c31d; box-shadow: 0 2px 3px rgba(0,0,0,.2); z-index: 9; left: 0; top: 2px; display: none;} .case-main-t span{ float: left; width: 26px; height: 26px; background-color: #a3c31d; text-align: center; line-height: 26px; color: #fff; font-size: 14px; margin-top: 2px; font-family: '氓戮庐猫陆炉茅鈥衡€γ┞烩€?;} .case-main-t p{ width: 80%; padding-right: 9%; margin-left: 50px; font-size: 16px; color: #a3c31d; line-height: 30px; background: url(../images/xj2_03.jpg) no-repeat right 18px center;} .case-main b{ display: block; margin-top: 20px; font-weight: normal; font-size: 16px; color: #313131; margin-left: 50px;} .case-jj{ margin-left: 50px; margin-top: 18px; height: 90px; overflow-y: scroll;} .case-jj p{ font-size: 14px; color: #666; line-height: 30px;} a.loadmore{ display: block; width: 100%; height: 42px; line-height: 42px; background-color: #f2f2f2; text-align: center; font-size: 14px; color: #666; margin-top: 20px; transition: all linear .2s;} a.loadmore img{ margin-left: 18px;} a.loadmore img.bim{ display: none;} a.loadmore.hover{ background-color: #a3c31d; color: #fff;} /* 忙聽赂氓驴茠氓鈥郝⒚┧溑 */ .team-banner{ height: 620px; position: relative;} .team-top{ position: absolute; left: 50%; top: 150px; transform: translateX(-50%); text-align: center; color: #fff;} .team-top strong{ font-size: 48px; position: relative;} .team-top strong:after{ content: ""; position: absolute; width: 36px; height: 2px; background-color: #fff; left: 50%; bottom: -26px; margin-left: -18px;} .team-top p{ font-size: 16px; line-height: 36px; margin-top: 36px;} .team-number{ position: absolute; text-align: center; width: 100%; left: 0; bottom: 90px;} .team-item{ display: inline-block; margin: 0 35px;} .team-item strong{ font-size: 80px; color: #a3c31d; font-family: '氓戮庐猫陆炉茅鈥衡€γ┞烩€?; font-weight: normal;} .team-item p{ font-size: 14px; color: #fff; border-top: 1px solid rgba(255,255,255,.3); padding-top: 20px; margin-top: 10px;} .team-item img{ display: inline-block; margin-top: -90px;} .team-item:last-child img{ margin-top: -55px;} .team-list{ margin-top: 10px;} .team-list ul{ padding-bottom: 18px;} .team-list ul li{ float: left; width: 30%; height: 332px; margin-right: 5%; position: relative; margin-top: 60px;} .team-list ul li .team-show{ cursor: pointer;} .team-list ul li .team-show span{ position: absolute; font-size: 30px; color: #fff; font-weight: bold; top: 34px; right: 38px; width: 32px; line-height: 34px; opacity: .75; text-shadow: 0 3px 5px rgba(0,0,0,.75); transition: all linear .2s;} .team-list ul li > img{ cursor: pointer;} .team-list-wen{ position: absolute; width: 88.88%; left: 6.11%; background: #fff url(../images/team1_03.jpg) no-repeat 24px center; z-index: 9; height: 72px; bottom: 0px; box-shadow: 0 2px 3px rgba(0,0,0,.3); cursor: pointer;} .team-list-wen p{ font-size: 14px; color: #666; line-height: 24px; text-indent: 80px; overflow: hidden; height: 24px; position: relative;} .team-list-wen p:first-child{ margin-top: 13px;} .team-list ul li:nth-child(3n+7){ margin-right: 0;} .lawyer ul li:nth-child(3n+5){ margin-right: 5%;} .lawyer ul li:nth-child(3n){ margin-right: 0;} .team-list ul li.nopic{ background: url(../images/nopic_03.jpg) no-repeat; box-shadow: 0 2px 3px rgba(0,0,0,.2);} .team-list ul li.nopic .team-show strong{ display: block; margin-top: 20px; font-size: 30px; color: #155683; padding: 0 36px; transition: all linear .2s;} .team-list ul li.nopic .team-show p{ font-size: 14px; color: #666; line-height: 24px; margin-top: 8px; padding: 0 36px;} .team-list ul li.nopic .team-show b{ font-size: 14px; color: #121212; display: block; margin-top: 18px; padding: 0 36px;} .team-list ul li.nopic .team-show a.more{ display: block; width: 116px; height: 34px; text-align: center; line-height: 34px; background-color: #8a97a1; font-size: 13px; color: #fff; border-radius: 2px; margin: 18px auto 0; transition: all linear .2s;} .team-list ul li.nopic:hover .team-show strong{ color: #a3c31d;} .team-list ul li.nopic:hover .team-show a.more{ background-color: #a3c31d;} .team-list ul li.haspic:hover .team-show span{ color: #a3c31d; opacity: 1;} .team-tc{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.78);z-index: 998; display: none;} .team-tc-k{ position: absolute; width: 1000px; height: 620px; background-color: #fff; left: 50%; top: 50%; margin: -310px 0 0 -500px; } .team-tc-k i{ position: absolute; display: block; width: 42px; height: 42px; background: url(../images/close_03.jpg) no-repeat; right: -50px; top: 0; cursor: pointer;} .team-tc-l{ width: 360px; height: 620px;} .team-tc-r{ box-sizing: border-box; height: 620px; width: 586px; margin-left: 52px; padding-right: 52px; padding-top: 34px; overflow-y: scroll;} .team-tc-r strong{ font-size: 54px; color: #313131; float: left; margin-right: 22px; } .team-tc-r span.bz1{ display: block; font-size: 16px; color: #999; text-transform: uppercase; padding-top: 22px;} .team-tc-r span.bz2{ display: block; font-size: 14px; color: #313131; margin-top: 4px;} .team-tc-r b{ font-size: 18px; color: #313131; display: block; margin-top: 24px;} .team-tc-r p{ font-size: 14px; color: #666; line-height: 36px;} /* 猫聧拢猫陋鈥懊碘€灻绰 */ .honor-change{ background-color: #fff; padding: 42px 20px 26px;} .honor-change .honor-item{ float: left; margin: 0 3.1%; width: 43.66%;} .honor-change .honor-item p{ text-align: center; font-size: 14px; color: #313131; line-height: 68px;} .honor-change .bx-viewport{ overflow: hidden;} .honor-change .bx-controls-direction{ display: none;} .honor-change .bx-pager{ width: 100%; margin-top: 18px; text-align: center;} .honor-change .bx-pager-item{ display: inline-block; width: 52px; height: 5px; margin: 0 4px; text-indent: -999px; overflow: hidden;} .honor-change .bx-pager-item a{ display: block; background-color: #ddd;} .honor-change .bx-pager-item a.active{ background-color: #a3c31d;} .honor ul li{ float: left; width: 31.66%; margin-right: 2.5%; background-color: #fff; margin-top: 30px; padding-top: 20px; box-shadow: 0 3px 3px rgba(0,0,0,.2)} .honor ul li:nth-child(3n){ margin-right: 0;} .honor ul li img{ display: block; width: 89.47%; margin: 0 auto;} .honor ul li p{ text-align: center; height: 60px; line-height: 60px; font-size: 14px; color: #333;} /* 忙鲁鈥⒚ヂ锯€姑ε撀嵜ヅ犅 */ .behalf{ margin: 20px 0 30px;} .sws{ font-size: 14px; color: #666; line-height: 30px;} .sws span{ font-size: 24px; color: #155683;} .sws b{ display: block; font-weight: normal; font-size: 16px; color: #155683; margin-top: 16px; margin-bottom: 10px;} a.lawyermore{ display: block; width: 238px; height: 44px; border: 1px solid #ccc; border-radius: 22px; margin: 48px auto 0; text-align: center; line-height: 44px; font-size: 14px; color: #155683; transition: all linear .2s;} a.lawyermore:hover{ background-color: #a3c31d; border: 1px solid #a3c31d; color: #fff;} /* 忙鈥撀懊┾€斅幻碘€灻┞⑩€樏┞佲€ */ .news-t-lf{ width:37.5%; } .news-ul li{ padding-bottom: 10px; position: relative;} .news-ul li h4{ font-size: 16px; color: #121212; height: 35px; line-height: 35px; overflow: hidden; font-weight: normal;transition: all .2s; } .news-ul li p{ color: #999; font-size: 13px; height: 30px; line-height: 30px; overflow: hidden;} .news-ul li{ border-bottom: 1px solid #eee; margin-bottom:11px;} .news-ul li span{ display: block; font-size: 13px; color: #ccc; position: absolute; right:0; top:8px; } .news-ul a:hover h4{ color: #a3c31d;transition: all .2s; } .news-t-rg{ width: 59.6%; position: relative; } .news-slide strong{ display: block; font-weight: normal; font-size: 16px; color: #fff; font-weight: normal; margin-left: 26px; margin-top: 14px; height: 28px; line-height: 28px; overflow: hidden;} .news-slide{ position: absolute; width: 100%; height: 54px; background-color: rgba(0,0,0,.6); left: 0; bottom: 0;} .news-t-rg .bx-controls-direction{ display: none;} .news-t-rg .bx-pager{ position: absolute; right: 22px; bottom: 17px; text-align: right;} .news-t-rg .bx-pager .bx-pager-item{ display: inline-block; overflow: hidden;} .news-t-rg .bx-pager .bx-pager-item a{ display: block; width: 6px; margin-bottom:2px; margin-right:14px;text-indent: 9999px; height: 6px; border-radius: 3px; background-color: #b0b0b0;transition: all .2s;} .news-t-rg .bx-pager .bx-pager-item a.active{ background-color: #a3c31d; width: 10px; height: 10px; border-radius: 5px; margin-bottom:0; transition: all .2s;} .news-bottom{padding-top:45px;} .news-b-lf{ width:67%; } .news-b-rg{ width:31.5%; } .news-bottom h2{background: #f2f2f2; height: 60px; line-height: 58px; padding-left:12px; font-weight: normal; overflow: hidden; padding-right: 17px;} .news-bottom h2 span{ font-size: 20px; color: #121212; line-height: 57px; float:left;display: block; width:113px; text-align: center; border-bottom: 3px solid #155683; } .news-bottom h2 a{ width:50px; float: right; transition: all .2s; } .news-bottom h2 a:hover{ color: #a3c31d;transition: all .2s;} .news-ulimg{ overflow: hidden; padding-top: 35px; } .news-ulimg li{ width:48%; float: left; border-bottom: 1px solid #eee; padding-bottom: 15px;margin-bottom: 15px; } .news-ulimg li:last-child{ float: right; } .news-ulimg li a:hover b{ color: #a3c31d;} .news-ulimg li strong{ display: block; font-size: 13px; color: #999; font-weight: normal; padding-top:10px; } .news-ulimg li b{ font-size: 13px; color: #121212; font-weight: normal; display: block; padding-top: 14px;transition: all .2s; } .news-b-lf ul{ padding-top: 10px; } .news-b-lf li a{ margin-bottom: 10px; display: block; padding:15px 12px; margin-top: 10px; } .news-b-lf li{ border-bottom:1px solid #eee; } .news-b-lf li dt{ width:180px; float: left; } .news-b-lf li dd{ margin-left: 210px; } .news-b-lf li dl{ overflow: hidden; } .news-b-lf li b{ font-size: 16px;color: #121212; line-height: 40px; font-weight: normal; transition: all .2s;} .news-b-lf li p{ font-size: 13px; line-height: 24px; color: #999; } .news-b-lf li div{ color: #999; line-height: 24px; font-size: 13px; margin-top: 10px; } .news-b-lf li div img{ display: inline-block; margin-right: 12px; } .news-b-lf li div span{ display: inline-block; margin-right: 40px; } .news-b-lf li a:hover{ background:#f9f9f9;transition: all .2s; } .news-b-lf li a:hover b{ color: #a3c31d;transition: all .2s;} /* 忙鈥撀懊┾€斅幻碘€灻ニ嗏€斆÷ */ .news-tit{ text-align: center;} .news-tit ul li{ display: inline-block; cursor: pointer; width: 420px; height: 60px; text-align: center; line-height: 60px;border-radius: 2px; background-color: #eee; margin: 0 15px; font-size: 28px; color: #666;} .news-tit ul li.active{ background-color: #155683; color: #fff; position: relative;} .news-tit ul li.active:after{ content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top: 6px solid #155683; left: 50%; bottom: -12px; transform: translateX(-50%);} .news-list{ margin-top: 38px;} .news-list ul{ margin-bottom: 36px;} .news-list ul li{ border-bottom: 1px solid #eee; padding: 12px 0;} .news-con{ height: 136px;transition: all .2s;} .news-date{ width: 138px; height: 88px; margin-top: 25px; border-right: 1px dashed #b0b0b0; text-align: center; font-family: 'Arial';} .news-date .day{ display: inline-block; width: 100%; color: #e2e2e2; font-size: 66px; line-height: 62px; font-weight: bold;transition: all .2s;} .news-date .month{ display: inline-block; width: 77px; height: 24px; background-color: #e5e5e5; line-height: 24px; font-size: 13px; color: #666;transition: all .2s;} .news-list-r{ margin-left: 180px;} .news-list-r strong{ font-size: 18px; color: #121212; font-weight: normal; display: block; padding-top: 22px;transition: all .2s;} .news-list-r p{ font-size: 14px; color: #999; line-height: 28px; height: 56px; overflow: hidden; margin-top: 16px;} .news-list ul li:hover .news-con{ background-color: #f9f9f9;} .news-list ul li:hover .news-date .day{ color: #a3c31d;} .news-list ul li:hover .news-date .month{ color: #fff; background-color: #a3c31d;} .news-list ul li:hover .news-list-r strong{ color: #a3c31d;} /* 忙鈥撀懊┾€斅幻碘€灻γζ掆€ */ .news-wrap{ position: relative;} .news-detail{ background-color: #fff; padding: 0 60px 60px;} a.backlist{ position: absolute; width: 132px; height: 40px; line-height: 40px; background: #8a97a1 url(../images/back1_03.png) no-repeat 20px center; right: 0; top: -60px; text-indent: 47px; border-radius: 2px; color: #fff;} .news-detail-tit{ text-align: center; padding-top: 44px; border-bottom: 1px solid #e5e5e5; margin-bottom: 34px;} .news-detail-tit strong{ font-size: 26px;color: #121212;} .news-detail-tit p{ font-size: 14px; color: #999; margin-top: 16px;} .fx2{ width: 280px; margin: 0 auto;} .fx2 span{ float: left; font-size: 14px; color: #666; line-height: 78px;} .fx2 b{ float: left; margin-top: 31px; color: #e5e5e5;} .fx2 a.bds_weixin{ width: 30px; height: 30px; background: url(../images/fx1.png) no-repeat; padding-left: 0; margin: 24px 9px;} .fx2 a.bds_tsina{ width: 30px; height: 30px; background: url(../images/fx2.png) no-repeat; padding-left: 0; margin: 24px 9px;} .fx2 a.bds_tqq{ width: 30px; height: 30px; background: url(../images/fx3.png) no-repeat; padding-left: 0; margin: 24px 9px;} .fx2 a.bds_qzone{ width: 30px; height: 30px; background: url(../images/fx4.png) no-repeat; padding-left: 0; margin: 24px 9px;} .fx2 a.bds_weixin:hover{ width: 30px; height: 30px; background: url(../images/fx5_03.jpg) no-repeat;} .fx2 a.bds_tsina:hover{ width: 30px; height: 30px; background: url(../images/fx6_03.jpg) no-repeat;} .fx2 a.bds_tqq:hover{ width: 30px; height: 30px; background: url(../images/fx7_03.jpg) no-repeat;} .fx2 a.bds_qzone:hover{ width: 30px; height: 30px; background: url(../images/fx8_03.jpg) no-repeat;} .news-detail-con p{ font-size: 14px; color: #666; line-height: 36px; margin-top: 20px;} .news-detail-con img{ display: block; margin: 20px auto;} .fanye{ height: 64px; line-height: 64px; background-color: #f9f9f9; border: 1px solid #e5e5e5; margin-top: 86px;} .fanye p{ box-sizing: border-box; float: left; width: 50%; font-size: 14px;} .fanye p a{ display: block; color: #313131;transition: all .2s;} .fanye p.first{ background: url(../images/fan1_03.png) no-repeat 22px center;} .fanye p.last{ text-align: right; background: url(../images/fan2_03.png) no-repeat right 22px center;} .fanye p.first a{ padding-left: 86px;} .fanye p.last a{ padding-right: 86px;} .fanye p:hover a{ color: #a3c31d;} .fanye p.first:hover{ background: url(../images/fan3_03.png) no-repeat 22px center;} .fanye p.last:hover{ background: url(../images/fan4_03.png) no-repeat right 22px center;} .zhuanli{ margin-top: 44px;} .zhuanli ul li{ padding: 4px 0; border-bottom: 1px solid #eee;} .zhuanli ul li div{ height: 54px; line-height: 54px; padding-left: 44px; font-size: 14px; background: url(../images/news1_03.jpg) no-repeat 15px center; overflow: hidden; position: relative; transition: all linear .2s;} .zhuanli ul li div a{ display: block; color: #313131; transition: all linear .2s;} .zhuanli ul li:hover div{ background: #f9f9f9 url(../images/news2_03.jpg) no-repeat 15px center;} .zhuanli ul li:hover div a{ color: #a3c31d;} .zhuanli ul li:hover div:after{ content: ""; position: absolute; width: 3px; height: 54px; background-color: #a3c31d; right: 0; top: 0;} .zhuanli-detail strong{ display: block; font-weight: normal; font-size: 22px; color: #121212; padding-bottom: 26px;} .paging{ text-align: center; margin-top: 30px;} .paging span{ display: inline-block; background-color: #f2f2f2; margin: 0 2px; height: 34px; line-height: 34px; font-size: 14px; border: 1px solid #e5e5e5;} .paging span a{ color: #666; display: block; padding: 0 14px;} .paging span.active{ background-color: #a3c31d; border: 1px solid #a3c31d;} .paging span.active a{ color: #fff;} .intro{ display: inline-block; margin-left: 14px; font-size: 13px; color: #666;} /* 盲赂鈥溍ぢ概∶碘€灻β郝 */ .top2{ top: 106px;} .ny-resource{ margin-top: 25px;} .zy-r{ width: 54.58%;} .zy-r strong{ font-size: 28px; color: #155683; font-weight: normal; display: block; margin-top: 34px;} .zy-r p{ font-size: 14px; color: #999; line-height: 34px; margin-top: 34px;} .retrieval{ background-color: #f9f9f9; margin-top: 77px; padding: 70px 0;} .retrieval ul li{ font-size: 18px; float: left; width: 25%;} .retrieval ul li a{ color: #666; padding-left: 37px; background: url(../images/xbg_03.png) no-repeat left center; line-height: 30px;} .retrieval ul li:hover a{ background: url(../images/xbg2_03.png) no-repeat left center;} .ziyuan-wrap{ margin-bottom: 72px;} .ziyuan-l{ width: 20%; background-color: #616776; margin-top: 10px;} .ziyuan-l-top{ text-align: center; font-size: 18px; line-height: 80px; color: #fff; border-bottom: 1px solid #717684;} .ziyuan-l ul li{ box-sizing: border-box; float: left; width: 50%; border-bottom: 1px solid #717684; height: 50px;} .ziyuan-l ul li a{ display: block; width: 88px; height: 30px; text-align: center; line-height: 30px; margin: 10px auto; border-radius: 2px; color: #b6bac3; font-size: 14px; transition: all .2s linear;} .ziyuan-l ul li a.active{ background-color: #a3c31d; color: #fff;} .ziyuan-l ul li a:hover{ background-color: #a3c31d; color: #fff;} .ziyuan-l ul li:nth-child(odd){ border-right: 1px solid #717684;} .ziyuan-r{ box-sizing: border-box; width: 80%; border: 1px solid #e8e8e8; border-left: 0; margin-top: 10px; padding: 40px 60px 80px; background-color: #f9f9f9;} .ziyuan-hua{ font-size: 16px; color: #121212; line-height: 36px; border-bottom: 1px solid #b0b0b0; padding-bottom: 26px;} .zubie b{ display:block; font-size: 18px; color: #155683; font-weight: normal; padding-left: 20px; margin-top: 30px; position: relative;} .zubie b:after{ content: ""; position: absolute; width: 5px; height: 18px; background-color: #155683; left: 0; top: 5px;} .zubie ul{ margin-top: 32px;} .zubie ul li{ float: left; width: 107px; height: 34px; text-align: center; line-height: 34px; margin: 0 10px 10px 0; font-size: 14px; color: #515256; background-color: #e2e4e9; border-radius: 2px; border: 1px solid #e0e1e6; transition: all .2s linear;} .zubie ul li a{ display: block; transition: all .2s linear;} .zubie ul li:hover{ background-color: #a3c31d; border: 1px solid #a3c31d;} .zubie ul li:hover a{ color: #fff;} .zubie ul li.active{ background-color: #a3c31d; border: 1px solid #a3c31d;} .zubie ul li.active a{ color: #fff;} .zy-table tr th{ background-color: #616776; line-height: 46px; font-size: 16px; font-weight: normal; color: #fff; border-bottom: 1px solid #c0c1c6; border-right: 1px solid #c0c1c6;} .zy-table tr td{ padding: 20px; background-color: #f9f9f9; font-size: 14px; color: #313131; line-height: 30px; text-align: center;} .zy-table tr:nth-child(odd) td{ background-color: #f0f2f6;} table.zy-table{ width: 100%; margin-top: 46px; border-left: 1px solid #ccc; font-size: 14px; color: #666;} table tr td{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} /* 盲赂鈥溍ニ喡┟βb偓莽麓垄 */ .js-top{ position: absolute; top: 56px; left: 50%; transform: translateX(-50%);} .js-top .check-item{ margin: 0 38px;} .js-top .searching-tit{ font-size: 48px; font-weight: bold;} .patent{ position: relative;} .patent ul li{ margin-bottom: 16px; background-color: #fff; border: 1px solid #e8e8e8; padding: 18px 40px; overflow: hidden;transition: all .2s;} .patent-wen strong{ display: block; font-weight: normal; font-size: 20px; color: #121212; line-height: 48px; margin-bottom: 12px;transition: all .2s;} .patent-wen strong i{ font-style: normal; font-size: 12px; color: #fff; display: inline-block; width: 48px; height: 18px; text-align: center; line-height: 18px; border-radius: 9px; margin-left: 8px; transform: translateY(-3px);} .patent-wen strong i.pa1{ background-color: #e34a31;} .patent-wen strong i.pa2{ background-color: #9dbd16;} .patent-wen strong i.pa3{ background-color: #15b7c1;} .patent-wen strong i.pa4{ background-color: #bb9318;} .patent-wen p{ font-size: 13px; color: #666; line-height: 30px;} .patent-r{ margin-right: 32px;} .patent-r a{ display: block; width: 150px; height: 38px; border: 2px solid #8a97a1; margin-bottom: 14px; text-align: center; line-height: 38px; font-size: 14px; color: #768088; border-radius: 2px;transition: all .2s;} .patent-r a.download{ margin-top: 54px; background: #8a97a1 url(../images/load_10.png) no-repeat 34px center; color: #fff; text-indent: 26px;transition: all .2s;} .patent ul li:hover{ box-shadow: 0 3px 8px rgba(0,0,0,.16);} .patent ul li:hover .patent-wen strong{ color: #a3c31d;} .patent ul li:hover .patent-r a{ border: 2px solid #a3c31d; color: #a3c31d;} .patent ul li:hover .patent-r a.download{ background-color: #a3c31d; color: #fff;} a.patent-load{ background-color: #e5e5e5;} .derive{ position: absolute; right: 0; top: -60px; line-height: 40px; font-size: 14px;color: #666;} .derive span{ color: #155683;} .derive a{ display: inline-block; width: 160px; height: 40px; text-align: center; font-size: 13px; color: #fff; margin-left: 24px; background-color: #8a97a1; border-radius: 2px;} /* 盲赂鈥溍ニ喡┟βb偓莽麓垄猫炉娄忙茠鈥 */ /* .patent-detail strong{ display: block; font-size: 30px; color: #121212;} .patent-detail p{ margin-top: 22px; float: left;} .patent-detail p i{ font-style: normal; font-size: 12px; color: #fff; display: inline-block; width: 48px; height: 18px; text-align: center; line-height: 18px; border-radius: 9px; margin-right: 8px;} .patent-detail p i.pa1{ background-color: #e34a31;} .patent-detail p i.pa2{ background-color: #9dbd16;} .patent-detail p i.pa3{ background-color: #15b7c1;} .patent-detail p i.pa4{ background-color: #bb9318;} .patent-detail-load a.download{ display: block; width: 150px; height: 38px; border: 2px solid #8a97a1; text-align: center; line-height: 38px; font-size: 14px; text-indent: 26px; color: #fff; border-radius: 2px; background: #8a97a1 url(../images/load_10.png) no-repeat 34px center; transition: all .2s;} table{ width: 100%; margin-top: 46px; border-left: 1px solid #ccc; font-size: 14px; color: #666;} table tr th{ line-height: 46px; background-color: #1e9bba; font-size: 16px; color: #fff; font-weight: normal;} table tr td{ line-height: 24px; padding: 11px 18px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} table tr td b{ display: block; text-align: center;} table.table1 tr:nth-child(odd) td{ background-color: #f9f9f9;} table.table2 tr:nth-child(even) td{ background-color: #f9f9f9;} */ /* 猫聛鈥澝陈幻λ嗏€樏ぢ宦 */ .contact-tit{ width: 90%; margin: 0 auto 48px; position: relative;} .contact-tit .slide{ width: 187px; height: 84px; text-align: center; background-color: #eee; cursor: pointer;} .contact-tit .slide strong{ display: block; font-weight: normal; font-size: 24px; color: #121212; margin-bottom: 4px; padding-top: 15px;} .contact-tit .slide span{ font-size: 14px; color: #b0b0b0; text-transform: uppercase;} .contact-tit .bx-viewport{ overflow: hidden; padding-bottom: 12px;} .contact-tit .bx-pager{ display: none;} .contact-tit .bx-controls-direction a{ position: absolute; display: block; width: 30px; height: 48px; text-indent: -999px; overflow: hidden; top: 18px;} .contact-tit .bx-controls-direction a.bx-prev{ background: url(../images/left_04.png) no-repeat; left: -55px;} .contact-tit .bx-controls-direction a.bx-next{ background: url(../images/right_04.png) no-repeat; right: -55px;} .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;} .contact-tit .active{ background-color: #155683; position: relative;} .contact-tit .active strong{ color: #fff;} .contact-tit .active span{ color: #fff;} .contact-tit .active: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: -15px; transform: translateX(-50%);} .contact2-item p{width: 90%; margin: 0 auto; border-bottom: 1px solid #eee; line-height: 50px; font-size: 14px; color: #666; } .contact2-item p img{ margin-right: 15px;} #map{ margin-top: 40px;} .contact2-item p .font { font-weight: bold;} /* 猫炉拧猫聛藴猫鈥孤泵︹€奥 */ .job-list{ margin-top: 10px;} .job-list ul li{ float: left; width: 30%; margin-right: 5%; margin-bottom: 48px; cursor: pointer;} .job-list ul li:nth-child(3n){ margin-right: 0;} .job-s{ background-color: #f9f9f9; padding-bottom: 30px; transition: all .2s;} .job-name{ height: 75px; line-height: 75px; text-indent: 36px; border-bottom: 1px solid #ddd; font-size: 18px; color: #155683; margin-bottom: 22px;} .job-s p{ width: 80%; margin: 0 auto; line-height: 42px; font-size: 14px; color: #666;} .job-s span{ display: block; width: 80%; margin: 22px auto 0; height: 40px; line-height: 40px; text-align: center; background-color: #8a97a1; color: #fff; border-radius: 2px; font-size: 14px; transition: all .2s;} .job-s:hover{ box-shadow: 0 3px 8px rgba(0,0,0,.16);} .job-s:hover span{ background-color: #a3c31d;} .job-list ul li:last-child, .job-list ul li:nth-last-child(2), .job-list ul li:nth-last-child(3){ margin-bottom: 12px;} .job-yy{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; background-color: rgba(0,0,0,.66); display: none;} .job-detail{ position: absolute; width: 600px; background-color: #fff; left: 50%; top: 50%; margin: -400px 0 0 -300px; border-radius: 3px; padding-bottom: 20px;} .job-detail strong{ display: block; height: 90px; border-bottom: 1px solid #e5e5e5; line-height: 90px; text-indent: 42px; font-size: 20px; color: #155683; font-weight: normal; position: relative;} .job-detail strong:before{ content: ""; position: absolute; width: 5px; height: 28px; background-color: #155683; left: 0; top: 34px;} .job-con{ height: 680px; margin-top: 10px; overflow-y: scroll; padding: 0 42px;} .job-con b{ font-size: 14px; color: #313131; display: block; margin-top: 28px; margin-bottom: 10px;} .job-con p{ font-size: 14px; color: #666; line-height: 36px;} .job-con p span{ color: #155683;} .job-detail i{ position: absolute; display: block; width: 42px; height: 42px; background: url(../images/close_03.jpg) no-repeat; right: -50px; top: 0; cursor: pointer;} /* 氓鈥β趁ぢ号矫λ嗏€樏ぢ宦 */ .aboutus{ margin-top: 72px;} .about-top{ width: 888px; top: 165px;} .about-top strong{ font-weight: normal;} .about-top p{ width: 100%; font-size: 14px; margin-top: 48px;} .about-pic{ width: 45%;} .about-wen{ width: 50%;} .about-wen p{ font-size: 14px; color: #666; line-height: 30px; margin: 12px 0;} .about-num{ margin-top: 60px;} .about-num .team-item{ margin: 0 52px;} .about-num .team-item p{ color: #666; border-top: 1px solid #ccc; text-align: center;} .about-jj{ height: 600px; background: url(../images/bg_02.jpg) no-repeat center top; margin-top: 58px;} .about-jj-l{ width: 500px; height: 500px; margin-top: 58px; position: relative;} .about-jj-l span{ position: absolute; left: 0; top: 0;} .about-jj-l span.xz1{ z-index: 4;} .about-jj-l span.xz2{ z-index: 3; animation: xz1 4s linear infinite; transform-origin: 49% 50%;} .about-jj-l span.xz3{ z-index: 2; animation: xz2 4s linear infinite; transform-origin: 49% 50%;} .about-jj-l span.xz4{ z-index: 1;} .about-wen2{ width: 50%; margin-top: 160px;} .about-wen2 p{ font-size: 14px; color: #fff; line-height: 30px; margin-top: 28px;} .about-js{ margin-top: 40px;} .about-js strong{ display: inline-block; height: 40px; line-height: 40px; background-color: #8a97a1; padding: 0 14px; font-size: 18px; color: #fff; font-weight: normal; margin-top: 36px;} .about-js p{ font-size: 14px; color: #666; line-height: 30px; margin-top: 18px;} @keyframes xz1{ from{ transform: rotateZ(0deg);} to{ transform: rotateZ(360deg);} } @keyframes xz2{ from{ transform: rotateZ(0deg);} to{ transform: rotateZ(-360deg);} } .q-div { line-height: 25px; font-size: 14px; color: #666; padding: 30px 0; } .q-div h1 { font-size: 16px; font-weight: normal; padding-top: 21px; color: #333; border-top: 1px solid #eee; margin-bottom: 15px; } .q-div h1:first-child{ border:none; } .td-list img{ margin:15px 0; } /*鍒嗘墍*/ .wrap-box{ max-width:1200px; margin:0 auto; font-family:"寰蒋闆呴粦";} .fs-jianjie{ font-size:14px; color:#666; line-height:30px; background:#f9f9f9; margin-left:300px; position:relative; padding:70px 120px; height:464px;padding-right:50px; } .fs-jianjie p{ margin-top:33px;} .fs-jianjie img{ position:absolute; left:-300px; top:60px;width: unset;} .fs-jianjie h5,.wrap-box h4{ font-size:32px; position:relative; height:40px; padding-bottom:20px; color:#121212; } .fs-jianjie h5:after,.wrap-box h4:after{ content: ""; position: absolute; width: 24px; height: 2px; background-color: #155683; left: 0; bottom: 0px;} .wrap-box h4{ text-align:center; margin-top:70px; margin-bottom:50px;} .wrap-box h4:after{ left:50%; margin-left:-10px;} .fs-kehu div{ color:#666; line-height:30px; font-size:14px; background:#f9f9f9; border:1px solid #eee; margin-left:12px; padding:24px; position:relative; padding-top:75px; margin-bottom:20px;} .fs-kehu div i{ font-style:normal; color:#b0b0b0; display:inline-block; padding:0 10px; text-align:center;} .fs-kehu div strong{min-width:200px; text-align: center; position: absolute; left:-12px; top:14px; background:url(../images/gg_08.png) no-repeat right top; display:inline-block; height:42px; color:#fff; font-size:16px; line-height:42px; padding:0 12px; font-weight: normal;} .fs-kehu div span{ position: absolute; left:0; top:0; background:url(../images/gg_07.png) no-repeat; width:12px; height:52px; display:inline-block;} .fs-daili .fs-dbox{ margin-bottom:20px;} .fs-daili div p{ background:#f9f9f9; border:1px solid #eee; line-height:70px; padding:0 45px; position:relative;} .fs-daili div p span{ font-size:22px; color:#155683; position:relative; } .fs-daili div p span:after{ content: ""; position: absolute; width: 2px; height: 23px; background-color: #155683; left: -45px; bottom: 2px;} .fs-daili div p i{ font-style:normal; font-size:14px; color:#b0b0b0; display:inline-block; padding:0 45px;} .fs-daili div p em{ color:#666; font-size:14px; font-style:normal;} .fs-daili div p b{ position:absolute; right:0px; top:4px; font-size:14px; color:#666; font-weight:normal; display:inline-block; padding-right:50px; background:url(../images/s_06.png) no-repeat 61px 31px;} .fs-daili .fs-div-box{ overflow:hidden; padding:40px 50px; border-bottom:1px solid #b0b0b0; display:none;} .fs-daili div.fs-lf{ width:240px; float:left;} .fs-daili div.fs-rg{ margin-left:300px; color:#666; font-size:14px; line-height:30px; padding-top:40px;} .fs-daili .fs-dbox strong{ font-weight:normal; display:block; margin-top:40px;} .lianxi{ border:1px dashed #b5b8bf; padding:25px; text-align:center;} .lianxi span{ font-size:20px; color:#121212; display:block; position:relative; padding-bottom:44px; padding-left:20px;} .lianxi span:first-child{text-align: center;} /* .lianxi span:nth-child(2){padding-left: 350px;} */ .lianxi span:last-child{text-align: center;} .lianxi span:after{content: "";position: absolute;width: 24px;height: 2px;background-color: #155683;left:50%; margin-left:-10px;bottom: 20px;} .lianxi i.fa{color: #155683;padding-left: 10px;} .lianxi span > em:nth-child(1),.lianxi span > em:nth-child(2),.lianxi span > em:nth-child(6),.lianxi span > em:nth-child(7){ width: 100px; display: inline-block; font-style: unset; } .lianxi span > em:nth-child(3),.lianxi span > em:nth-child(8){ width: 250px; display: inline-block; font-style: unset; } .lianxi section{ display: block; width: 100%; text-align: unset; } .lianxi-box{ margin-top:40px;} .lianxi-box p{ line-height:60px; color:#666; font-size:14px; border-bottom:1px solid #eee;} .lianxi-box span{ display:inline-block; padding-left:24px; color:#121212;} .fs-map{ padding-top:20px; padding-bottom:40px;} .q_div{margin-top: 20px;} .q_box{ padding: 14px; } .q_box span{ display: block; font-size: 16px; color: #333; cursor: pointer;} .q_box span:hover{ color: #155683; font-weight: bold; } .q_box p{ font-size: 14px; line-height: 24px; color: #666; margin-top: 10px;} @media (max-width:640px){ .team-list ul li:last-child{ margin-left: 25%; } } @media screen and ( max-width: 1250px ){ .header-left{ top: 72px;} } @media screen and ( max-width: 1200px ){ .index-agency-tit ul li div p{ margin-left: 70px; font-size: 12px;} .index-agency-tit ul li div strong{ font-size: 16px;} } @media screen and ( max-width: 1000px){ .fs-jianjie img{ display: none;} .fs-jianjie{ width: auto; margin-left: 0; height: auto; padding: 50px;} .fs-jianjie{ padding: 20px 2%;} .fs-jianjie h5, .wrap-box h4{ font-size: 22px; font-weight: normal; height: auto; padding-bottom: 10px;} .fs-jianjie p{ margin-top: 14px;} .fs-daili div p i {display: none;} .fs-daili div p{line-height: 40px;padding: 0 15px;} .fs-daili div p span{display: block;} .fs-daili div p b{display: block;position: unset;} } /* 2017-10-20 */ .page { text-align: center;} .page .prev, .page .next { display: inline-block; width: 38px; height: 38px; cursor: pointer; border: 1px solid #d9d9d9; } .page .prev { margin-right: 5px; background: url(../images/prev_1.png) no-repeat center; border: 1px solid #d9d9d9; } .page .next { margin-left: 5px; background: url(../images/next_1.png) no-repeat center; border: 1px solid #d9d9d9; } .page .prev:hover, .page .next:hover{ border-color: #155683;} .page .prev:hover { background: #155683 url(../images/prev_2.png) no-repeat center;} .page .next:hover { background: #155683 url(../images/next_2.png) no-repeat center;} .page a, .page span, .page em { vertical-align: middle;} .page a, .page span { position: relative; padding: 0 15px; margin: 0 2px; display: inline-block; height: 38px; line-height: 38px; color: #757575; font-family: arial; border: 1px solid #d9d9d9; } .page span, .page a:hover { color: #fff; background: #155683; border-color: #155683; } .page a.active { color: #fff; background-color: #155683 }