@charset "utf-8";body {font-family:"Microsoft Yahei";background:#f5f5f5;} a {text-decoration:none;} a:hover {text-decoration:none;} /*服务优势*/ .titl {margin-bottom:30px; display:flex; align-items:center;height:60px; } .titl .zh {font-size:36px; font-weight:bold; margin-right:10px;color:#1fa5a6; } .titl .en {font-size:24px; color:#666;text-transform:uppercase } .index-more {width:210px;height:40px;line-height:40px;text-align:center;color:#1fa5a6;border:1px solid #1fa5a6;margin:30px auto;} .index-more:hover {background:#1fa5a6;} .index-more:hover a {color:#fff} .m3{padding:50px 0; background:#fff;overflow:hidden;position:relative} .m3top{overflow:hidden;} .m31{ width:600px; float:left; margin-right:50px;max-height:400px;overflow:hidden} .m31 .en{font-size: 36px; line-height: 1; color: #002a48; opacity: 0.2; margin-bottom: 10px; font-weight: bold;} .m31 .cn{color: #1fa5a6; font-size: 32px; line-height: 1; font-weight: bold;} .m31 .cn:after{content: ""; display: block; width: 70px; height: 4px; margin: 20px 0; background: #1fa5a6;} .m31 p{ text-indent:32px; line-height:1.8;margin-bottom:20px; font-size:16px;} .m32{ width: 550px; float:left; overflow:hidden;position:relative;z-index:10;height:390px;background: url(/Template/AreaidUid_YPM_Shop/44/images/gsimg.jpg)no-repeat center center; } .c11 {padding:50px 0; overflow:hidden; } .c12{position:relative;} .c12 .hd{position:relative;float:left;width:300px;height:450px;background:#ffff;margin-right:20px;} .c12 .bd{position:relative;float:left;width:600px;height:450px;overflow:hidden} .c12 .bd li {width:100%;padding-top:75%;position:relative;overflow:hidden;} .c12 .bd li img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit: cover;} .c12 .hd li {cursor:pointer; overflow:hidden;height:45px; line-height:45px;padding:0 15px; } .c12 .hd li:first-child{background:#1fa5a6} .c12 .hd li:first-child h3{color:#fff} .c12 .hd li h3 { font-size:16px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal } .c12 .hd li:hover{background:#1fa5a6} .c12 .hd li:hover h3{color:#fff;} .c12 .c12-r{width:260px;height:450px; float:right; background:#1fa5a6} .c12 .c12-r li{padding:25px 15px;height:61px; border-bottom:1px solid #dedede} .c12 .c12-r li:last-child{border-bottom:none;} .c12 .c12-r li img { float:left;width:50px;} .c12 .c12-r li span { display:block;float:right; color:#e4edf5; width:170px;overflow:hidden} .c12 .c12-r li strong { display:block; color:#fff; font-size:22px;} .c1 {padding:50px 0;overflow:hidden;background:#f5f5f5} .c2 {position:relative} .c2 li {float:left;width:285px; position:relative;margin-bottom:20px;margin-right:20px;} .c2 li:nth-child(4n) {margin-right:0;} .c2 li:hover {-moz-box-shadow:0px 0px 10px #333333;-webkit-box-shadow:0px 0px 10px #333333;box-shadow:0px 0px 10px #333333;} .c2 li .img {width:100%;padding-top:75%;position:relative;overflow:hidden;} .c2 li .img img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit:cover;} .c2 li h3 {font-size:14px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px; background:#fff;} .c2 li:hover .img img {transform:scale(1.1);} .n1 {background:#fff;padding:40px 0;box-sizing:border-box;overflow:hidden} .n2 {width:100%;} .n1 ul{overflow:hidden;} .n1 li {width:358px;float:left;margin-right:30px;padding:10px; border:1px solid #dedede; margin-bottom:15px;} .n1 li:nth-child(3n) {margin-right:0;} .n1 ul li:hover {box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;} .n1 li h3 {font-size:18px;color:#666;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:10px; } .n1 li p { line-height:20px;color:#aaa;overflow:hidden;height:60px;margin-bottom:10px;} .n1 li .litime {padding:0 15px; height: 35px; line-height: 35px; color: #fff; font-family: Arial; font-size: 16px; background: #1fa5a6 url(/Template/AreaidUid_YPM_Shop/44/images/news_time.png) no-repeat 10px center; padding-left:40px; display:inline-block} .linkbox {background:#fff;padding:15px;width:1170px;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) { .m3{padding:15px;} .m31{width:100%;margin:0;} .m31 .cn,.m31 .en{font-size:24px;} .m32{width:100%;margin-top:15px;} .titl{margin-bottom:10px; } .titl .zh {font-size:28px;background:none} .c11{display:none} .c1{padding:15px 10px;} .c1 ul {width:auto !important;left:0 !important;} .c1 .tempWrap {width:auto !important;} .c1 ul li {width:48% !important;margin:1%;} .n1{padding:30px 15px;} .n1 .n2{display:block;} .n1 ul {width:100%;} .n1 .lipic {width:80px;height:80px;} .n1 .pic img {width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:all .5s;} .n1 ul {margin:0;width:100%;} .n1 li{width:100%;margin:0 0 10px 0;box-sizing:border-box} }