@charset "utf-8";body {font-family:"Microsoft Yahei";} a {text-decoration:none;} a:hover {text-decoration:none;} /*服务优势*/ .index-title-box { padding-bottom:15px;border-bottom:1px solid #dedede;margin-bottom:20px;font-weight:700;} .index-title-box h2 { font-size:32px;color:#ce0101;display:inline-block} .index-title-box p {margin-top:10px;font-size:18px;line-height:20px;color:#97989E;display:inline-block} .aboutbox {overflow:hidden; padding-bottom:50px;background:#fff;} .aboutbox .index-title-box{border:none;margin-bottom:0} .aboutbox .content{padding:30px 0;position:relative;overflow:hidden; } .aboutbox .content h2{margin-bottom:20px;} .aboutbox .about-wenzi{width:720px; background:#f5f5f5; float:left; padding:20px 30px;} .aboutbox .about-wenzi .about-cont{line-height:30px; text-align:justify;height:360px; 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;border-radius:15px; } .index-more {width:210px;height:40px;line-height:40px;text-align:center;color:#ce0101;border:1px solid #ce0101;margin:30px auto;} .index-more:hover {background:#ce0101;} .index-more:hover a {color:#fff} .yousing { border:#dedede 1px solid;overflow:hidden;} .yousing li {width:25%;box-sizing:border-box;padding:4%;text-align:center;border-right:#dedede 1px solid;cursor:pointer; float:left;} .yousing li:nth-child(4) {border-right:none;} .yousing_img {width:30%;margin:0 auto;height:55px;} .yousing_img img {max-width:100%;height:auto;} .yousing_aa {font-size:1.2rem;font-weight:normal;font-stretch:normal;line-height:66px;letter-spacing:0px;color:#333333;} .yousing_aa a {color:#333333;} .yousing_bb {width:27px;height:4px;background-color:#ce0101;margin:1% auto 0;} .yousing_cc {font-size:14px; line-height:28px;letter-spacing:0px;color:#888888;margin-top:3%;height:84px;overflow:hidden;} .yousing li:hover {background:#ce0101;} .yousing li:hover .yousing_mm {background:#fff;} .yousing li:hover .yousing_cc {color:#fff;} .yousing li:hover .yousing_bb {background:#fff;} .yousing li:hover .yousing_aa {color:#fff;} .yousing li:hover .yousing_img img {filter:invert(100%) sepia(99%) saturate(3%) hue-rotate(197deg) brightness(108%) contrast(100%);} /*产品展示*/ .pro_bj {padding-top:40px;overflow:hidden;box-sizing:border-box;background:#fff;} .pro .titis h2 {background:url(/Template/AreaidUid_YPM_Shop/37/images/pro_tt.png) no-repeat center top;height:111px;} .pro .titis p {padding:0;} .product {margin-bottom:36px;position:relative;} .product .bigli{width:600px; height:600px;overflow:hidden;border-radius:15px;float:left; text-align:center} .product ul {overflow:hidden;float:right;width:780px;} .product ul li {float:left;width:250px;margin-right:15px;margin-bottom:15px;text-align:center;transition:all .5s;overflow:hidden;border-radius:15px;} .product ul li:nth-child(3n) {margin-right:0;} .product .img {width:100%;padding-top:75%;position:relative;overflow:hidden;} .product .img img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit: cover;} .product .tit {z-index:10;width:100%;background:#f5f5f5;height:64px;position:relative} .product .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:hover .img img {transform:scale(1.1);} .product ul li:hover .tit{background:#ce0101; } .product ul li:hover .tit p{color:#fff; } .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;background:#fff} .anl {margin-top:20px;position:relative;} .anl ul li {float:left;width:338px;margin-right:15px;margin-bottom:15px;cursor:pointer;border-radius:15px;overflow:hidden} .anl ul li .img {width:100%;padding-top:100%;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;object-fit: cover;} .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);} .al_j1,.al_j2{position: absolute;top:200px;} .al_j1{left:-70px;} .al_j2{right:-70px;} .ns_bj{background:#fff;padding:40px 0;box-sizing: border-box;} .newsli{display:flex;justify-content: space-between; flex-wrap:wrap;} .newsli li{border-bottom:#edebe9 1px dashed;background:url(/Template/AreaidUid_YPM_Shop/37/images/lidot.png) left center no-repeat; line-height:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:32%; font-size:16px; text-indent:20px;} .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:15px} .aboutbox .content{padding:0} .aboutbox .about-wenzi{width:100%;padding:0;margin-bottom:20px;background:#fff;} .aboutbox .about-wenzi .about-cont{padding:10px;} .aboutbox .about-img{width:100%;height:auto} .aboutbox .about-img img{width:100%;} .al_bj{padding:10px;} .al_bj ul{width:auto !important;left:0 !important;} .al_bj .tempWrap{width:auto !important; } .al_bj ul li {width:47% !important;margin:1%; } .anl ul li .img h3{font-size:14px;} .pro_bj {padding:10px;} .product .bigli{width:100%;height:auto;margin-bottom:15px;} .product ul{width:100%;} .product ul li {width:48%;margin:1%;} .ns_bj{padding:40px 15px;} .newsli li{width:100%} .yousing li{width:50%;} }