/*** RESET&BASE ***/ body,h1,h2,h3,h4,h5,h6,p,pre,th,td,ul,ol,li,dl,dt,dd,form,input,select,textarea,button{margin:0;padding:0} body{font:16px/1.5 San Francisco,PingFang SC,Hiragino Sans GB,Segoe UI,Microsoft Yahei,微软雅黑,Tahoma,Arial,sans-serif;color:#666} input,select,textarea,button{border-radius:0;box-shadow:none;line-height:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;outline:0} input[type="button"],input[type="submit"],input[type="reset"],input[type="text"]{-webkit-appearance:none} input[type="button"],input[type="submit"],button{cursor:pointer}button:disabled{cursor:default} textarea{vertical-align:top;resize:vertical}radio,checked{vertical-align:middle} h1,h2,h3,h4,h5,h6{font-size:100%}h1,h2,h3{color:#111} table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left} ol,ul{list-style:none}ul li{float:left}ol li{float:none;clear:both} a img{border:0}img{max-width:100%;border:0;vertical-align:middle}em,i{font-style:normal} a{color:#333;text-decoration:none;cursor:pointer}a:hover{color:#2365f0;text-decoration:underline}a:active,area{outline:0} a.link{color:#2365f0;cursor:pointer}a.link:hover{color:#2365f0}a.linkline{text-decoration:underline} a.more{font-weight:400}a.more i{font-family:\5b8b\4f53} a.curr,a.curr:hover,.curr a,.curr a:hover{text-decoration:none;cursor:default} ul,.w,.row{*zoom:1}ul:after,ul:before,.w:after,.w:before,.row:after,.row:before{content:'';display:block;clear:both} .highlight{color:red} @media print{*{background:transparent!important;color:#000!important;text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}a{text-decoration:underline}} /* grid */ html,body{min-height:100%} .wrap{min-width:1220px;min-height:100%;overflow-x:hidden} .topbar{position:relative;z-index:4} .header{position:relative;z-index:3} .content{position:relative;z-index:1} .footer{position:relative;z-index:2} .w{width:1200px;margin:0 auto} /** icon **/ .icon-semail,.icon-sphone,.icon-search,.icon-address,.icon-route,.icon-phone,.icon-email{display:inline-block;width:40px;height:40px;background-image:url(../images/icon.png);background-repeat:no-repeat;vertical-align:middle;margin-top:-2px} .icon-semail{background-position:0 0} .icon-sphone{background-position:0 -40px} .icon-search{background-position:0 -80px} .icon-address{background-position:0 -120px} .icon-route{background-position:0 -160px} .icon-phone{background-position:0 -200px} .icon-email{background-position:0 -240px} /*** HEADER ***/ .header{position:fixed;left:0;top:0;right:0;min-width:1220px;height:80px;padding:10px 60px;background:rgba(0,0,0,.0);text-align: center} .header .w{position: relative;width:100%} .sitebar .logo{float:left} .sitebar .logo a{display:inline-block;width:360px;height:80px;line-height:80;background:url(../images/logow.png) no-repeat center center;overflow:hidden;background-size: contain;} .nav{display: inline-block;margin:24px 0 0 10px;} .nav .nli{position:relative} .nav .nli .item{display:block;height:32px;line-height:30px;padding:0 .6em;margin:0 .6em;font-size:20px;font-weight:400;color:#fff} .nav .nli .item:hover{font-weight:700;text-decoration:none} .nav .nli .item.curr,#fixnav .nli.on .item{background:#e71a0f;border-radius:4px;font-weight:700;color:#fff} .nav .nli .item i{display:inline-block;vertical-align:middle;margin:5px 0 0 5px;font-size:12px;overflow:hidden} .sitebar .guide{float:right;margin-top:16px;font-size:0} .sitebar .guide .item{position: relative;display:inline-block;} .sitebar .guide .link{display:inline-block;width:48px;height:48px;line-height:48px;margin-left:20px;background:rgba(255,255,255,.2);border-radius: 50%;text-align: center} .sitebar .guide .box{position: absolute;right:0;bottom:-70px;display:none;width:300px;height:60px;line-height:60px;background: #fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);font-size:14px;color:#333} .sitebar .guide .hover .box{ display:block} .seabar{font-size:0;overflow: hidden} .seabar .stxt{display:inline-block;width:200px;height:36px;line-height:34px;padding:0 5px;border:0;background:#f7f7f7;border-radius:4px 0 0 4px;font-size:14px} .seabar .sbtn{display:inline-block;width:60px;height:36px;line-height:34px;border:0;background:#2365f0;border-radius:0 4px 4px 0;color:#fff;font-size:14px} .header.scroll{background:#0d1b3d} @media screen and (max-width:1720px){ .header{padding:10px 20px} .nav .nli .item{padding:0 .4em;margin:0 .4em} } @media screen and (max-width:1520px){ .nav .nli .item{padding:0 .3em;margin:0 .3em;font-size:18px} .sitebar .guide .link{margin-left:10px} } @media screen and (max-width:1320px){ .header{padding:10px 10px} .header .w{width:1190px;padding-right:10px} .nav .nli .item{padding:0 .2em;margin:0 .2em;font-size:16px} } /*** CONTENT ***/ .content{min-height:400px;padding-top:450px} .content#d1{padding-top:0} .main{position:relative;z-index:23;background:#fff} /** index **/ .index-title{padding:40px 0;text-align: center} .index-title b{position: relative;display:inline-block;line-height:2.5;font-size:40px;font-weight:700;letter-spacing: .15em;text-indent: .15em} .index-title b::after{;position:absolute;bottom:0;left:50%;margin-left:-25px;content:"";width:50px;height:3px;overflow: hidden;background-color:#5e9eff;background-image:linear-gradient(left,#2365f0,#e70f47);background-image:-webkit-linear-gradient(left,#2365f0,#e70f47);} .index-title a:hover{text-decoration: none} .index-ft{margin-top:40px;text-align: center} .index-more{position:relative;display:inline-block;height:36px;line-height:34px;padding:0 30px 0 20px;border-radius:36px;color:#fff;transition:.2s;background-color:#5e9eff;background-image:linear-gradient(left,#2365f0,#3c79f4);background-image:-webkit-linear-gradient(left,#2365f0,#3c79f4);box-shadow:0 10px 16px rgba(35,101,240,.16)} .index-more::after{position:absolute;top:50%;right:20px; content:"";display:block;width:8px;height:8px;margin-top:-6px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);overflow: hidden} .index-more:hover{text-decoration: none;color:#fff} .index-banner{position:relative;background-color:#fff} .index-banner{ position:relative; background:#000; margin:0 auto; } .index-banner .bd{ position:relative; z-index:21; } .index-banner .bd li{width:100%;overflow: hidden} .index-banner .bd li img{width:100%;vertical-align:top;transform: scale(1.2);transition:2s;} .index-banner .bd li.on img{transform:scale(1);} .index-banner .bd li .bg{display:none} .index-banner .hd{position: absolute;z-index:22; bottom:20px;left:0;right:0;font-size:0;overflow: hidden;text-align:center} .index-banner .hd li{float:none;display:inline-block;width:12px;height:12px;line-height:12;margin:0 6px;overflow: hidden;background:#fff;border-radius: 50%; opacity:.3; cursor: pointer} .index-banner .hd li.on{opacity:1;} .index-banner .prev,.index-banner .next{position: absolute;top:50%;margin-top:-22px} .index-banner .prev{left:20px} .index-banner .next{right:20px} .index-banner .prev i,.index-banner .next i{position: relative;display:inline-block;width:44px;height:44px;background:rgba(0,0,0,.1);border-radius:4px;margin-right:10px} .index-banner .prev i::after,.index-banner .next i::after{position:absolute;top:50%;left:50%; content:"";display:block;width:12px;height:12px;margin:-7px 0 0 -9px;border-top:3px solid #fff;border-right:3px solid #fff;overflow: hidden} .index-banner .prev i::after{transform:rotate(-135deg);margin-left:-3px} .index-banner .next i::after{transform:rotate(45deg);} .index-banner .prev:hover i,.index-banner .next:hover i{background:rgba(0,0,0,.5);} .index-aboutus{overflow: hidden} .index-product .list{position: relative;margin:-10px;padding-left:620px;overflow: hidden} .index-product .list li{margin:10px;} .index-product .list li .box{position: relative;width:280px;height:220px;background-repeat: no-repeat;background-position: center center;background-size:100%;border-radius: 16px;overflow: hidden;transition:.3s;} .index-product .list li .box:hover{background-size:120%;} .index-product .list li.on .box:hover{background-size:100%} .index-product .list li .b1{background-image: url(../images/index/product01.jpg)} .index-product .list li .b2{background-image: url(../images/index/product02.jpg)} .index-product .list li .b3{background-image: url(../images/index/product03.jpg)} .index-product .list li .b4{background-image: url(../images/index/product04.jpg)} .index-product .list li .b5{background-image: url(../images/index/product05.jpg)} .index-product .list li .b6{background-image: url(../images/index/product06.jpg)} .index-product .list li .b7{background-image: url(../images/index/product07.jpg)} .index-product .list li.on .b1{background-image: url(../images/index/product01-on.jpg)} .index-product .list li.on .b2{background-image: url(../images/index/product02-on.jpg)} .index-product .list li.on .b3{background-image: url(../images/index/product03-on.jpg)} .index-product .list li.on .b4{background-image: url(../images/index/product04-on.jpg)} .index-product .list li.on .b5{background-image: url(../images/index/product05-on.jpg)} .index-product .list li.on .b6{background-image: url(../images/index/product06-on.jpg)} .index-product .list li.on .b7{background-image: url(../images/index/product07-on.jpg)} .index-product .list li .tit{position: absolute;bottom:0;width:100%;height:50px;line-height:50px;font-size:20px;color:#fff;text-align: center} .index-product .list li .item{display:none} .index-product .list li .item a{display: block;padding:5px 60px} .index-product .list li .index-more{display:block;width:100%;height:100%;line-height:100;padding:0;border-radius:0;overflow: hidden;opacity:0} .index-product .list li.on{position:absolute;top:0;left:0} .index-product .list li.on .box{width:600px;height:700px} .index-product .list li.on .tit{position:static;margin:40px 60px 10px;font-size:30px;color:#111;text-align: left} .index-product .list li.on .item{display:block} .index-product .list li.on .b3 .tit{color:#fff} .index-product .list li.on .b3 a{color:#fff} .index-product .list li.on .b4 .tit{color:#fff} .index-product .list li.on .b4 a{color:#fff} .index-product .list li.on .index-more{display:inline-block;width:auto;height:36px;line-height:34px;padding:0 30px 0 20px;border-radius:36px;margin:30px 60px;opacity:1} .index-business{padding:60px 0 20px;background:#fff} .index-business .index-title {text-align: left;margin-left:-5px} .index-business .index-title b::after{left:0;margin-left:5px} .index-business .hd{float:left;width:460px;} .index-business .hd ul{margin-bottom:30px;} .index-business .hd li{float:none;padding:14px 20px 14px 0} .index-business .hd li a{padding-left:20px;border-left:3px solid #ccc;height:30px;line-height:30px;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;font-size:20px;transition: .1s} .index-business .hd li a:hover{text-decoration: none;color:#333} .index-business .hd li.on a{border-color:#e71a0f;font-size:24px;font-weight:700;color:#111} .index-business .bd,.index-business .tempWrap{float:right;width:1100px;margin-right:-360px;} .index-business .bd img{width:1100px;height:700px;border-radius: 16px} .index-case{padding-bottom:60px;background:#fff} .index-case .list{margin:-10px -170px} .index-case .list li{position: relative;margin:10px;} .index-case .list img{border-radius: 16px;transition:.3s} .index-case .list a{display: block;border-radius:16px;overflow: hidden} .index-case .list a:hover img{transform:scale(1.2);} .index-case .list .tit{position: absolute;bottom:0;width:100%;height:70px;line-height:70px;font-size:24px;color:#fff;text-align: center} .index-news{padding-bottom:60px;background:#f7f7f7} .index-news a{text-decoration: none} .index-news .bd,.index-news .tempWrap{float:left;width:560px;background: #fff;border-radius:12px 0 0 12px;overflow: hidden;} .index-news .bd .item{height:415px;} .index-news .bd .pic img{width:560px;height:315px;} .index-news .bd .tit{height:30px;margin:0 30px;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;font-size:20px;} .index-news .bd .date{display:inline-block;margin:20px 30px 10px;padding:0 .5em;background:#e71a0f;border-radius:4px;color:#fff;font-size:14px} .index-news .hd{float:right;width:640px;} .index-news .hd li{float:none;padding:16px 20px 16px 80px} .index-news .hd li a{display:block;padding-left:20px;border-left:1px solid #ccc} .index-news .hd .tit{height:30px;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;font-size:20px;} .index-news .hd .date{font-size:14px;color:#999} .index-news .hd li.on{background-color:#2365f0;border-radius:0 12px 12px 0;} .index-news .hd li.on a{border-left-color:#fff;color:#fff;} .index-news .hd li.on .date{color:#fff} .index-partner{padding-bottom:40px;background:#fff url(../images/index/partner-bg.jpg) no-repeat center center} .index-partner .list{margin:-5px} .index-partner .list li{width:20%;} .index-partner .list li a{display:block;height:120px;line-height:115px;margin:5px;background: #fff; border:1px solid #eee;border-radius:12px; box-shadow:0 5px 15px rgba(0,0,0,.05);text-align: center;overflow: hidden} .index-partner .list li a img{height:90%;transition:.3s} .index-partner .list li a:hover img{transform:scale(1.2);} .index-links{padding-bottom:100px;background:#fff url(../images/index/links-bg.jpg) no-repeat center bottom} .index-links .hd{padding:1em 0 1em 3em;border-radius:12px;transition:.2s;background-color:#2365f0;box-shadow:0 10px 16px rgba(35,101,240,.16)} .index-links .hd li a{margin:0 3em;color:#fff;font-size:20px;font-weight:700} .index-links .bd{padding:1em 0} .index-links .bd li{width:25%;height:20px;line-height:20px;margin-top:1em;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical} /** 2/3级页面公用 **/ .crumbs-bar{padding:20px 0;} .crumbs-bar .item,.crumbs-bar a{display:inline-block;font-size:14px;color:#666} .crumbs-bar a:hover{color:#2365f0} .crumbs-bar i{margin:0 10px;font-family:\5b8b\4f53;color:#bbb} .page-head{position:fixed;top:0;left:0;right:0;height:450px;text-align: center; background-repeat:no-repeat;background-position:center top} .page-title{position: relative;display:inline-block;margin-top:200px;line-height:1;font-size:50px;font-weight:700;letter-spacing:0;text-indent:0;color:#fff} .page-title b{position: relative;z-index:22} .page-title::after{;position:absolute;z-index:21;bottom:-5px;left:0;right:0;content:"";height:15px;overflow: hidden;background-color:#5e9eff;background-image:linear-gradient(left,#2365f0,#e70f47);background-image:-webkit-linear-gradient(left,#2365f0,#e70f47);} .subnav{position: relative;z-index:24;padding:10px 0;margin-bottom:-70px;background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.1);font-size:0;text-align: center} .subnav li{float:none;display:inline-block;} .subnav li a{display:inline-block;line-height:20px;padding:15px 1.6em;margin:0 .6em;font-size:16px;font-weight:400} .subnav li a:hover{text-decoration:none} .subnav li.on a{background:#e71a0f;border-radius:4px;font-size:18px;font-weight:700;color:#fff} .subnav.scroll{position:fixed;left:0;top:100px;right:0;min-width:1200px} .sub-title{padding:40px 0;text-align: center} .sub-title b{position: relative;display:inline-block;line-height:2.5;font-size:40px;font-weight:700;letter-spacing: .15em;text-indent: .15em} .sub-title b::after{;position:absolute;bottom:0;left:50%;margin-left:-25px;content:"";width:50px;height:3px;overflow: hidden;background-color:#5e9eff;background-image:linear-gradient(left,#2365f0,#e70f47);background-image:-webkit-linear-gradient(left,#2365f0,#e70f47);} .sub-more{position:relative;display:inline-block;height:36px;line-height:34px;padding:0 30px 0 20px;border-radius:36px;color:#fff;transition:.2s;background-color:#5e9eff;background-image:linear-gradient(left,#2365f0,#3c79f4);background-image:-webkit-linear-gradient(left,#2365f0,#3c79f4);box-shadow:0 10px 16px rgba(35,101,240,.16)} .sub-more::after{position:absolute;top:50%;right:20px; content:"";display:block;width:8px;height:8px;margin-top:-6px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);overflow: hidden} .sub-more:hover{text-decoration: none;color:#fff} .sub-join{position:relative;display:inline-block;height:26px;line-height:24px;padding:0 10px 0 0;color:#2365f0;transition:.2s;} .sub-join::after{position:absolute;top:50%;right:0; content:"";display:block;width:8px;height:8px;margin-top:-6px;border-top:1px solid #2365f0;border-right:1px solid #2365f0;transform:rotate(45deg);overflow: hidden} .sub-join:hover{border-bottom:2px solid #2365f0;text-decoration: none;color:#2365f0} /** 6163银河线路检测中心 **/ .product-head{background-image:url(../images/product-bg.jpg)} .product-row{padding-bottom:180px} .product-item{padding-top:90px;margin-bottom:-180px} .product-item .box{padding-bottom:90px} .product-item:nth-child(1) .box,.product-item:nth-child(5) .box{background:#fff url(../images/product-bg1.jpg) no-repeat center bottom} .product-item:nth-child(2n) .box{background:#f7f7f7} .product-item:nth-child(3) .box,.product-item:nth-child(7) .box{background:#fff url(../images/product-bg2.jpg) no-repeat center top} .product-tab{position: relative} .product-tab .hd .list{border-bottom:1px solid #ccc;white-space:nowrap;overflow-x: auto;font-size:0} .product-tab .hd ul::-webkit-scrollbar{width:.4rem;height: .4rem} .product-tab .hd ul::-webkit-scrollbar-track-piece{background-color:#eee;border-radius:.4rem} .product-tab .hd ul::-webkit-scrollbar-thumb{background-color:#2365f0;border-radius:.4rem} .product-tab .hd ul::-webkit-scrollbar-thumb:hover{background-color:#2365f0} .product-tab .hd li{float:none;display:inline-block;line-height:20px;padding:.8em 1em;margin-right:1em;font-size:16px;font-weight:400;text-align: left;vertical-align:top;cursor: pointer; max-width: 180px; white-space: normal; word-break : break-all; word-wrap: break-word;} .product-tab .hd li.on{background:#e71a0f;border-radius:4px;font-weight:700;color:#fff} .product-tab .intro{position: relative;width:750px;margin:60px auto;text-align: center} .product-tab .intro h4{height:30px;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;margin:1em 0;font-size:20px;text-align:left;color:#333} .product-tab .intro p{height:100px;text-align:left;overflow-y:auto} .product-tab .intro p::-webkit-scrollbar{width:.4rem} .product-tab .intro p::-webkit-scrollbar-track-piece{background-color:#eee;border-radius:.4rem} .product-tab .intro p::-webkit-scrollbar-thumb{background-color:#2365f0;border-radius:.4rem} .product-tab .intro p::-webkit-scrollbar-thumb:hover{background-color:#2365f0} .product-tab .intro .pic{position: relative;display:inline-block;width:700px;height:400px;margin-top:40px;border-radius:12px;overflow: hidden} .product-tab .intro .pic img{width:100%;height:100%} .product-tab .intro .pic i{position: absolute;top:0;left:0;right:0;bottom:0;line-height:400px;background:rgba(0,0,0,.4);font-size:20px;font-weight:700;color:#fff;visibility:hidden;transition: .2s} .product-tab .intro .pic:hover i{visibility:visible} .product-tab .sub-join{position: absolute;top:5px;right:0} .product-tab .arrow{position: absolute;left:0;bottom:0} .product-tab .arrow a{position: relative;display:inline-block;width:44px;height:44px;background: #e9e9e9;border-radius:4px;margin-right:10px} .product-tab .arrow a::after{position:absolute;top:50%;left:50%; content:"";display:block;width:12px;height:12px;margin:-7px 0 0 -9px;border-top:2px solid #666;border-right:2px solid #666;overflow: hidden} .product-tab .arrow .prev::after{transform:rotate(-135deg);margin-left:-3px} .product-tab .arrow .next::after{transform:rotate(45deg);} .product-tab .arrow a:hover::after{border-color:#2365f0} /** 核心业务 **/ .business-head{background-image:url(../images/business-bg.jpg)} .business-row .sub-title b{letter-spacing:0;text-indent:0} .business-item{padding-top:110px;margin-bottom:-140px} .business-item .box{padding-bottom:90px} .business-item.i1,.business-item.i2,.business-item.i3,.business-item.i4{padding-top:160px;margin-bottom:-160px} .business-item.i7{margin-bottom:0} .business-item.i7 .box{padding-top:60px} .business-item .info{margin-top:2em} .business-item.i1 .box{background:#fff url(../images/business-bg1.jpg) no-repeat center bottom} .business-item.i1 .sub-title{padding-top:100px;text-align: left} .business-item.i1 .sub-title b::after{left:0;margin-left:0} .business-item.i1 .hd{float:left;width:520px;} .business-item.i1 .pic{float:right;width:860px;margin-right:-260px;border-radius: 12px;overflow: hidden;} .business-item.i1 .pic img{width:860px;height:540px;transition:.3s} .business-item.i1 .pic:hover img{transform:scale(1.2)} .business-item.i2 .hd{height:500px;background:url(../images/business/b02.jpg) no-repeat center center/auto 100%;transition:.3s;overflow: hidden;border-radius: 12px;color:#fff;text-align: center} .business-item.i2 .hd:hover{background-size:auto 120%} .business-item.i2 .sub-title{padding-top:100px} .business-item.i2 .sub-title b{color:#fff} .business-item.i2 .sub-title b::after{background: #fff} .business-item.i2 .intro {text-align: left;padding-left: 20px;padding-right: 20px} .business-item.i3 .box{background:#fff url(../images/business-bg3.jpg) no-repeat center bottom} .business-item.i3 .sub-title{padding-top:100px;text-align: left} .business-item.i3 .sub-title b::after{left:0;margin-left:0} .business-item.i3 .hd{float:right;width:520px;} .business-item.i3 .pic{float:left;width:860px;margin-left:-260px;border-radius: 12px;overflow: hidden;} .business-item.i3 .pic img{width:860px;height:540px;transition:.3s} .business-item.i3 .pic:hover img{transform:scale(1.2)} .business-item.i4 .box{height:500px;background:url(../images/business/b04.jpg) no-repeat center center/auto 100%;transition:.3s;overflow: hidden;color:#fff;text-align: center} .business-item.i4 .box:hover{background-size:auto 120%} .business-item.i4 .sub-title{padding-top:100px} .business-item.i4 .sub-title b{color:#fff} .business-item.i4 .sub-title b::after{background: #fff} .business-item.i4 .intro {text-align: left} .business-item.i4 .intro a{color: #03a1c9} .business-item.i5 .box{background:#fff url(../images/business-bg5.jpg) no-repeat center center} .business-item.i5 .hd{text-align: center} .business-item.i5 .hd+.pic{position: relative;margin-top:40px;border-radius: 12px;text-align: center;overflow: hidden} .business-item.i5 .hd+.pic img{height:360px;transition:.3s} .business-item.i5 .hd+.pic:hover img{transform:scale(1.2)} .business-item.i5 .hd+.pic i{position: absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);line-height:360px;font-size:20px;font-weight:700;color:#fff;visibility:hidden;transition: .2s} .business-item.i5 .hd+.pic:hover i{visibility:visible} .business-item.i5 .intro {text-align: left} .business-item.i5 .list{margin:30px -13px -13px;} .business-item.i5 .list li{margin:13px;text-align: center} .business-item.i5 .list .pic{position: relative;display:inline-block;width:280px;height:200px;border-radius:12px;overflow: hidden} .business-item.i5 .list .pic img{width:100%;height:100%;transition:.3s} .business-item.i5 .list .pic:hover img{transform:scale(1.2)} .business-item.i5 .list .pic i{position: absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);line-height:200px;font-size:20px;font-weight:700;color:#fff;visibility:hidden;transition: .2s} .business-item.i5 .list .tit{margin-top:10px} .business-item.i5 .list a{display: block} .business-item.i5 .list a:hover{text-decoration: none} .business-item.i5 .list a:hover i{visibility:visible} .business-item.i6 .box{background:#f7f7f7;text-align: center} .business-item.i6 .hd{margin-bottom:60px;text-align: center} .business-item.i6 .hd+.pic{float:left;width:600px;border-radius: 12px;overflow: hidden} .business-item.i6 .hd+.pic img{transition:.3s} .business-item.i6 .hd+.pic:hover img{transform:scale(1.2)} .business-item.i6 .intro {text-align: left} .business-item.i6 .list{float:right;width:600px;margin-top:-20px;} .business-item.i6 .list li{position: relative;height:220px;margin:20px 0 0 20px} .business-item.i6 .list .pic{position: relative;display:inline-block;width:280px;height:220px;border-radius:12px;overflow: hidden} .business-item.i6 .list .pic img{width:100%;height:100%;transition:.3s} .business-item.i6 .list .pic i{position: absolute;z-index:22;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);line-height:200px;font-size:20px;font-weight:700;color:#fff;visibility:hidden;transition: .2s} .business-item.i6 .list .tit{position: absolute;z-index:21;bottom:0;width:100%;height:50px;line-height:50px;color:#fff;text-align: center} .business-item.i6 .list a{display: block} .business-item.i6 .list a:hover{text-decoration: none} .business-item.i6 .list a:hover img{transform:scale(1.2);} .business-item.i6 .list a:hover i{visibility:visible} .business-item.i7 .box{background:#fff url(../images/business-bg7.jpg) no-repeat center center} .business-item.i7 .hd{float:right;width:520px;} .business-item.i7 .sub-title{text-align: left;padding-top: 0px;} .business-item.i7 .sub-title b::after{left:0;margin-left:0;} .business-item.i7 .pic{float:left;width:600px;border-radius: 12px;overflow: hidden;} .business-item.i7 .pic img{width:600px;height:460px;transition:.3s} .business-item.i7 .pic:hover img{transform:scale(1.2)} .business-item.i8{padding-top:40px;margin-bottom:0} .business-item.i8 .hd{float:none;width:100%;} .business-item.i8 .sub-title{text-align:center} .business-item.i8 .sub-title b::after{left:50%;margin-left:-25px} .business-item.i8 .list li{width:50%;text-align: center} .business-item.i9 {padding-top: 50px;margin-bottom: -50px} .business-item.i9 .box{background:#fff url(../images/business-bg1.jpg) no-repeat center bottom} .business-item.i9 .sub-title{text-align: left} .business-item.i9 .sub-title b::after{left:0;margin-left:0} .business-item.i9 .hd{float:left;width:520px;} .business-item.i9 .pic{float:right;width:660px;margin-right:-100px;border-radius: 12px;overflow: hidden;} .business-item.i9 .pic img{width:660px;height:440px;transition:.3s} .business-item.i9 .pic:hover img{transform:scale(1.2)} /** 经典案例 **/ .case-head{background-image:url(../images/case-bg.jpg)} .case-row{padding:60px 0} .case-list .list li{float:none;margin:40px 0} .case-list .list li a{display:block;height:260px;padding:0 40px;background: #f7f7f7;border-radius: 12px; overflow: hidden;transition:.2s;} .case-list .list li a:hover{text-decoration: none} .case-list .list li a:hover img{transform:scale(1.2);} .case-list .list li .pic{float:right;width:400px;height:260px;margin:0 -40px 0 30px;overflow: hidden} .case-list .list li .pic img{width:100%;height:100%;transition:.3s} .case-list .list li .tit{margin:40px 0 10px;font-size:30px;height:45px;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;} .case-list .list li .date{margin-bottom:30px;color:#999} .case-list .list li .intro{height:75px;line-height:25px;color:#666;overflow: hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;} /** 案例详情 **/ .case-detail{width:800px;margin:0 auto;border-bottom:1px solid #ddd;} .case-detail .head{padding-bottom:10px;border-bottom:1px solid #ddd;overflow:hidden} .case-detail .title{padding-bottom:20px;line-height:1.2;font-size:36px} .case-detail .info{float:left} .case-detail .info,.case-detail .info a{color:#999} .case-detail .info a:hover{color:#2365f0} .case-detail .article{min-height:300px;padding:40px 0;line-height:1.8;font-size:16px;color:#222} .case-detail .article p{margin-bottom:1.2em;text-indent:2em} .case-detail .article p[align="center"]{text-indent:0} .case-guide{margin:60px -1% -1%;background-color:#fff;overflow: hidden} .case-guide .read{float:left;width:31.3333%;margin:1%} .case-guide .read:hover{text-decoration: none} .case-guide .read .pic{width:100%;height:240px;border-radius: 12px;overflow: hidden} .case-guide .read .pic img{width:100%;height:100%} .case-guide .read .tit{margin:10px 0 5px;height:25px;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;} .case-guide .read .date{color:#999} /** 新闻动态 **/ .news-head{background-image:url(../images/news-bg.jpg)} .news-row{padding:60px 0} .news-list .list li{float:none;margin:40px 0} .news-list .list li a{display:block;height:260px;padding:0 40px;background: #f7f7f7;border-radius: 12px; overflow: hidden;transition:.2s;} .news-list .list li a:hover{text-decoration: none} .news-list .list li a:hover img{transform:scale(1.2);} .news-list .list li .pic{float:right;width:400px;height:260px;margin:0 -40px 0 30px;overflow: hidden} .news-list .list li .pic img{width:100%;height:100%;transition:.3s} .news-list .list li .tit{margin:40px 0 10px;font-size:30px;height:45px;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;} .news-list .list li .date{margin-bottom:30px;color:#999} .news-list .list li .intro{height:75px;line-height:25px;color:#666;overflow: hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;} /* topage */ .page-mod{padding:40px 0;text-align:right} .topage{display:inline-block;margin:0 auto;text-align:center} .topage a,.topage .current_page{display:inline-block;width:38px;height:38px;line-height:38px;margin:5px;border:1px solid #ddd;border-radius: 4px; background-color:#fff;font-size:14px;color:#333} .topage a:hover{position:relative;border-color:#2365f0;color:#2365f0;text-decoration:none} .topage .current_page,.topage .current_page:hover{border-color:#2365f0;background-color:#2365f0;color:#fff;cursor:default} .topage .btn_dis{color:#bbb} .topage .btn_dis:hover{border-color:#ddd;color:#bbb;cursor:default} .topage .page_dot{display:inline-block;margin:-10px 10px 0;font-weight:700;vertical-align:middle} .topage .prev_page ,.topage .next_page{width:78px} .topage i{font-family:\5b8b\4f53;font-weight:700} .topage .prev_page i{margin-right:2px} .topage .next_page i{margin-left:2px} .topage .page_total{display:inline-block;margin-left:10px;color:#666} .topage .page_total b{margin:0 1px} .topage .input_page_num{width:30px;height:38px;line-height:38px;margin:0 5px;border:1px solid #ddd;border-radius: 4px;text-align:center} .topage .input_page_num:focus{border-color:#2365f0} .topage .to_page_num{float:none;width:60px;margin:0 0 0 10px;} .page-mini{padding:20px 0} .page-mini .topage a,.page-mini .topage .input_page_num{width:30px;height:30px;line-height:30px;font-size:12px} .page-mini .topage .to_page_num{width:40px} .page-mini .topage .prev_page,.page-mini .topage .next_page{width:50px} /*.page-mini .skip{display:none}*/ /*.page-mini .skip .num{height:30px;line-height:30px}*/ /** 新闻详情 **/ .news-detail{width:800px;margin:0 auto;border-bottom:1px solid #ddd;} .news-detail .head{padding-bottom:10px;border-bottom:1px solid #ddd;overflow:hidden} .news-detail .title{padding-bottom:20px;line-height:1.2;font-size:36px} .news-detail .info{float:left} .news-detail .info,.news-detail .info a{color:#999} .news-detail .info a:hover{color:#2365f0} .news-detail .article{min-height:300px;padding:40px 0;line-height:1.8;font-size:16px;color:#222} .news-detail .article p{margin-bottom:1.2em;} .news-detail .article p[align="center"]{text-indent:0} .news-guide{margin:60px -1% -1%;background-color:#fff;overflow: hidden} .news-guide .read{float:left;width:31.3333%;margin:1%} .news-guide .read:hover{text-decoration: none} .news-guide .read .pic{width:100%;height:240px;border-radius: 12px;overflow: hidden} .news-guide .read .pic img{width:100%;height:100%} .news-guide .read .tit{margin:10px 0 5px;height:25px;overflow: hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;} .news-guide .read .date{color:#999} /* font-resizer */ .font-resizer{float:right;font-size:0} .font-resizer a{display:inline-block;width:38px;height:28px;line-height:28px;margin-left:1px;background-color:#f8f8f8;font-size:14px;color:#2365f0;text-align:center} .font-resizer a:hover{position:relative;font-weight:700;text-decoration:none} .font-resizer .curFont,.font-resizer .curFont:hover{color:#2365f0;font-weight:700;} .font-resizer .smallFont{-webkit-border-radius:22px 0 0 22px;border-radius:22px 0 0 22px} .font-resizer .largeFont{-webkit-border-radius:0 22px 22px 0;border-radius:0 22px 22px 0} /** 资质荣誉 **/ .honor-head{background-image:url(../images/honor-bg.jpg)} .honor-row{padding:60px 0} .honor-list{width:800px;margin:0 auto} .honor-list li{position:relative;padding:.5em 1em .5em 3em;margin:1em 0;background: #f7f7f7;color:#333} .honor-list li::before{position: absolute;top:50%;left:20px;content:"";width:8px;height:8px;margin-top:-4px;border-radius:50%;background: #2365f0} .honor-award{padding:40px 0;overflow: hidden;text-align: center;font-size:0} .honor-award img{margin:15px} /** 联系我们 **/ .contactus-head{background-image:url(../images/contactus-bg.jpg)} .contactus-row{padding-bottom:120px} .contactus-item{padding-top:90px;margin-bottom:-90px} .contactus-item .box{padding-bottom:20px} .contact-intro{width:740px;padding:40px 80px;margin:0 auto;border-top:4px solid #e71a0f;background:url(../images/contactus-bg1.jpg) no-repeat center center;box-shadow:0 2px 10px rgba(0,0,0,.1);} .contact-intro p{margin-bottom:.5em;text-align:justify} .contact-intro strong{font-size:18px;color:#333} .contact-info{width:600px;padding:40px 40px 20px;margin:0 auto;background:url(../images/contactus-bg2.jpg) no-repeat center center;box-shadow:0 2px 10px rgba(0,0,0,.1);} .contact-info li{padding-left:40px;margin-bottom:10px;overflow: hidden} .contact-info li:nth-child(2){margin-bottom:20px;} .contact-info li:nth-child(2) i{margin-top:5px;} .contact-info li i{float:left;margin:-7px 0 0 -50px;} .contact-person{margin-bottom:60px;} .contact-person .item{padding:1.5em 0} .contact-person .item:nth-child(odd){background:#f7f7f7;} .contact-person th{padding:1em;background:#2365f0;color:#fff;overflow: hidden} .contact-person td{padding:1em;border:0px solid #ddd} .contact-person .t1{width:25%} .contact-person .t2{width:15%} .contact-person .t3{width:10%} .contact-person .t4{width:25%} .contact-person .t5{width:25%} .contact-person .t1 b{display:block;margin:1.5em 0} .contact-person .t1 b:first-child{margin-top:0} .contact-person .t1 b:last-child{margin-bottom:0} .contact-person td.t2{line-height:2} .contact-person .line td{position: relative} .contact-person .line td::after{display:block;content:"";width:100%;height:1px;overflow: hidden;background:#eee} /*.contact-person th{display:block;width:100%!important} .contact-person td{display:block;width:100%!important} .contact-person .t3,.contact-person .t4,.contact-person .t5{background: #f7f7f7} .contact-person .t5{margin-bottom:1em}*/ /** 合作伙伴 **/ .partner-head{background-image:url(../images/partner-bg.jpg)} .partner-row{padding-bottom:120px} .partner-list .list{margin:-5px} .partner-list .list li{width:20%;} .partner-list .list li a{display:block;height:160px;line-height:160px;margin:10px 0;background: #fff;text-align: center;} .partner-list .list li a img{transition:.3s} .partner-list .list li a:hover img{transform:scale(.8);} /*** FOOTER ***/ .footer{position:relative;padding-top:50px;background-color:#292929;font-size:14px;color:#d4d4d4} .footer .qrcode{float:right;text-align: center;color:#fff} .footer .qrcode img{display:block;width:120px;height:120px;margin-bottom:10px;border-radius: 12px} .footer .info{float:left;width:47%;margin-bottom:10px;} .footer .info li{padding-left:40px;margin-bottom:10px;overflow: hidden} .footer .info li:nth-child(2){margin-bottom:20px;} .footer .info li:nth-child(2) i{margin-top:2px;} .footer .info li i{float:left;margin:-10px 0 0 -50px;} .footer .copyright{clear: both;padding:20px;border-top:1px solid #3f3f3f;text-align: center;color:#7f7f7f} .footer .copyright span{margin-left:20px}