@charset "utf-8";body {font-family:"Microsoft Yahei";} a {text-decoration:none;} a:hover {text-decoration:none;} /*服务优势*/ .index-title-box {text-align:center;padding-bottom:20px;} .index-title-box h2 {width:348px;margin:0 auto;font-size:32px;background:url(/35/images/index-title-bg.png) no-repeat left center;} .index-title-box p {margin-top:20px;font-size:18px;line-height:20px;color:#97989E;} .aboutbox {overflow:hidden;background:url(/35/images/34aboutbg.jpg) center center / cover no-repeat;background-size:647px auto;background-position:left top;padding-top:80px;padding-bottom:50px;} .desc-cont {line-height:30px;text-align:justify;overflow:hidden;text-indent:15px;background:#fff;padding:15px 15px 0 15px;font-size:16px;height:390px;margin-bottom:15px;} .aboutbox .left-desc {float:left;width:500px;box-shadow:0 0.12rem 0.26rem rgba(0,0,0,0.26);} .aboutbox .left-desc .desc-top {background:#0354a4;padding:50px;} .desc-top h1.nav-name {font-size:30px;font-family:Microsoft YaHei;font-weight:normal;line-height:60px;color:#fff;text-align:center;letter-spacing:2px;} .desc-top h2.subtitle {margin-top:5px;font-size:22px;font-family:Microsoft YaHei;font-weight:400;line-height:40px;color:#ffffff;letter-spacing:2px;text-align:center;} .aboutbox .right-list {float:right;width:850px;} .aboutbox .right-list li.list-item {display:inline-block;vertical-align:bottom;width:340px;height:150px;padding:20px 30px;border:1px solid #ccc;margin-right:18px;margin-bottom:20px;overflow:hidden;} .aboutbox .right-list .list-item .img {position:relative;text-align:center;margin-bottom:10px;} .aboutbox .right-list .list-item .img img {display:inline-block;width:50px;height:50px;background-color:#0354a4;} .aboutbox .img-title {font-size:22px;text-align:center;margin-bottom:5px;height:35px;line-height:35px;white-space:nowrap;overflow:hidden} .aboutbox .right-list .list-item .img::before,.aboutbox .right-list .list-item .img::after {content:'';position:absolute;width:109px;height:1px;background-color:#0354A4;top:25px;} .aboutbox .right-list .list-item .img::before {left:0;} .aboutbox .right-list .list-item .img::after {right:0;} .index-more {width:210px;height:40px;line-height:40px;text-align:center;color:#0067d0;border:1px solid #0067d0;margin:30px auto;} .index-more:hover {background:#0067d0;} .index-more:hover a {color:#fff} .pro_bj {padding-top:40px;overflow:hidden;box-sizing:border-box;background:#f0f0f0;} .pro .titis h2 {background:url(/Template/AreaShop/34/images/pro_tt.png) no-repeat center top;height:111px;} .pro .titis p {padding:0;} .product {margin-bottom:36px;position:relative;} /*产品展示*/.product ul {overflow:hidden} .product ul li {float:left;width:456px;margin-right:16px;margin-bottom:15px;text-align:center;transition:all .5s;} .product ul li:nth-child(3n) {margin-right:0;} .product ul li .img {width:100%;padding-top:75%;position:relative;overflow:hidden;} .product ul li .img img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;} .product ul li .tit {z-index:10;width:80%;margin:-30px auto 15px auto;background:#fff;height:64px;position:relative} .product ul li .tit p {color:#333;font-size:16px;line-height:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .5s;padding-left:5px} .product ul li .tit span {display:block;line-height:50px;transition:all .5s;} .product ul li:hover .img img {transform:scale(1.1);} .product ul li:hover {box-shadow:0px 0px 20px #aaa;} .al_bj {box-sizing:border-box;overflow-x:hidden;overflow-y:hidden;padding-bottom:50px;margin-top:30px;} .anl {margin-top:20px;position:relative;} .anl h2 {color:#999} .anl ul li {float:left;width:338px;margin-right:15px;margin-bottom:15px;cursor:pointer;} .anl ul li .img {width:100%;padding-top:75%;position:relative;overflow:hidden;} .anl ul li .img img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;} .anl ul li:nth-child(4n) {margin-right:0;} .anl ul li .img h3 {position:absolute;bottom:0;width:100%;color:#fff;font-size:20px;line-height:50px;background:rgba(0,0,0,.5);padding:0 10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .anl ul li:hover .img img {transform:scale(1.1);} .ns_bj {background:#f0f0f0;padding:40px 0;box-sizing:border-box;} .ns_n {display:flex;justify-content:space-between;margin-top:15px;flex-wrap:wrap;} .ns_n ul {width:100%;} .ns_n ul li {background:#fff;height:76px;width:690px;margin-right:20px;border:1px solid #ebebeb;margin-top:20px;float:left;box-sizing:border-box;} .ns_n ul li:nth-child(2n) {margin-right:0;} .ns_n ul li div:first-child {height:40px;line-height:40px;font-size:18px;font-weight:bold;padding:0 15px;float:left;border-right:1px solid #aaa;margin-top:18px;} .ns_n ul li div:nth-child(2) {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:380px;float:left;line-height:74px;margin-left:10px;font-size:16px;} .ns_n ul li div:nth-child(3) {float:right;height:30px;line-height:30px;text-align:center;border:1px solid #bdbdbd;color:#bdbdbd;border-radius:100%;width:30px;margin-top:20px;margin-right:30px;} .ns_n ul li:hover {background:#0067d0} .ns_n ul li:hover a {color:#fff;} .linkbox {background:#f2f2f2;padding:15px;width:1370px;line-height:26px;margin:50px auto} .linkbox a {margin-right:10px;} .linkbox h4 {font-size:18px;font-weight:bold;display:inline-block} @media (max-width:768px) {.aboutbox {margin-top:15px;background:#fff;height:auto;padding:0} .aboutbox .left-desc {width:100%;} .aboutbox .right-list {width:100%;} .aboutbox .right-list li.list-item {width:100%;box-sizing:border-box;height:auto} .aboutbox .left-desc .desc-top {padding:25px;} .desc-top h1.nav-name {font-size:24px;} .product ul li .tit p,.product ul li .tit {line-height:40px;height:40px;} .anl ul li .img h3 {line-height:40px;font-size:14px;} .service {display:none;} .pro_bj {padding-top:20px;} .product ul li {width:48%;margin:1%;} .al_bj {height:auto;margin-top:30px;border-top:1px solid #eee} .anl {width:100%;box-sizing:border-box;} .anl ul li {width:48%;margin:1%;} .ns_n {margin:0;} .ns_n ul li {width:100%;} .ns_n ul li div:first-child,.ns_n ul li div:nth-child(3) {display:none} .ns_n ul li {height:45px;line-height:45px;} .ns_n ul li div:nth-child(2) {width:100%;height:45px;line-height:45px;} }