@charset "utf-8";body {font-family:"Microsoft Yahei";} a {text-decoration:none;} a:hover {text-decoration:none;} .fixtop{z-index: 1000; top: 0; position: fixed;} .morelist{padding: 10px;margin:30px auto;width:120px;text-align:center; border:1px solid #959595; font-size: 16px; color: #fff; letter-spacing:2px; border-radius: 50px;} /*服务优势*/ .index-title-box {margin-bottom:50px;font-weight:700; text-align:center;position:relative} .index-title-box .centertxt { font-size:32px;color:#fff; letter-spacing:3px; width:300px;height:100px;position:relative;margin:0 auto;line-height:100px;z-index:5;background:#222124} .index-title-box p { color:#97989E; } .index-title-box .centertxt .span1{position:absolute;left:0;top:-9px;} .index-title-box .centertxt .span2{position:absolute;right:0;bottom:-37px;} .index-title-box .xian{position:absolute;width:100%;height:1px;background:#959595;left:0;top:50%} .aboutbox {overflow:hidden; padding-bottom:50px;background:url(/Template/AreaidUid_YPM_Shop/39/images/39aboutbg.jpg) no-repeat center top;} .aboutbox .index-title-box .centertxt{background:none} .aboutbox .index-title-box .xian{display:none} .aboutbox .content{padding:30px 0;position:relative;overflow:hidden; } .aboutbox .content h2{margin-bottom:20px;color:#999;} .aboutbox .about-wenzi{width:720px; float:left; color:#999; } .aboutbox .about-wenzi .about-cont{line-height:30px; text-align:justify;height:400px; overflow:hidden; font-size:16px; } .aboutbox .about-wenzi .about-cont p{ text-indent:15px;margin-bottom:15px;} .aboutbox .about-img{width:600px;overflow:hidden;height:400px; float:right; } /*产品展示*/ .pro_bj {padding:50px 0;overflow:hidden;box-sizing:border-box;background:#222124;} .pro{position:relative;} .pro ul li {float:left;width:264px;margin-right:20px;margin-bottom:15px;cursor:pointer; overflow:hidden} .pro ul li .img {width:100%;padding-top:75%;position:relative;overflow:hidden;} .pro ul li .img img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit: cover;} .pro ul li h3 { color:#fff;font-size:16px;line-height:50px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;border:1px solid #959595;padding-left:5px;} .pro ul li:hover .img img {transform:scale(1.1);} .al_j1,.al_j2{position: absolute;top:230px;} .al_j1{left:0px;} .al_j2{right:0px;} .ns_bj{background:#1a191e;padding:50px 0;box-sizing: border-box;} .ns_bj .index-title-box .centertxt{background:#1a191e} .newsli{display:flex;justify-content: space-between; flex-wrap:wrap;} .newsli .leftimgbox{width:450px;height:400px;position:relative;overflow:hidden;} .newsli .leftimgbox img {width:100%;height:350px; display:block;transition:all .5s;object-fit: cover;} .newsli .leftimgbox h3{ font-size:16px;line-height:48px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;border:1px solid #959595;padding-left:5px;} .newsli ul{width:920px;display:flex;justify-content: space-between; flex-wrap:wrap;} .newsli li{border:1px solid #959595;height:46px; line-height:44px; width:450px; font-size:16px; padding:0 10px;box-sizing:border-box;margin-bottom:13px;overflow:hidden;} .newsli li h3{width:315px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:500; font-size:16px; float:left} .newsli li span{width:100px;display:block; float:right;font-size:14px; text-align:right;white-space:nowrap;} .newsli 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; height:auto;padding:15px} .aboutbox .content{padding:0} .aboutbox .about-wenzi{width:100%;padding:0;margin-bottom:20px; } .aboutbox .about-wenzi .about-cont{padding:10px;} .aboutbox .about-img{width:100%;height:auto} .aboutbox .about-img img{width:100%;} .pro_bj {padding:10px;} .pro_bj ul{width:auto !important;left:0 !important;} .pro_bj .tempWrap{width:auto !important; } .pro_bj ul li {width:47% !important;margin:1%; } .ns_bj{padding:40px 15px;} .newsli .leftimgbox{width:100%;margin-bottom:11px;height:auto} .newsli li,.newsli ul{width:100%} .newsli li h3{width:100%} .newsli li span{display:none} }