@charset "utf-8";body {font-family:"Microsoft Yahei";background:#f5f5f5;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
/*服务优势*/  
.titl {margin-bottom:30px;text-align:center; position:relative;height:70px; line-height:70px; letter-spacing:2px}
.titl .zh {font-size:36px;font-weight:bold;color:#1a57a9;z-index:2;position:relative}
.titl .en {color:#fff;text-shadow:#eaeaea 1px 0 0,#eaeaea 0 1px 0,#eaeaea -1px 0 0,#eaeaea 0 -1px 0;position:absolute;left:50%;transform:translateX(-50%);top:0; width:100%;text-align:center;font-size:54px;}
 
.m3 {padding:30px 0 80px 0;background:#fff;overflow:hidden;position:relative}
 
.m3top {overflow:hidden;}
.m30 {float:right;width:600px;height:420px;background:url(/Template/2018_YPM_Shop/49/images/kuang.png) no-repeat right top;}
.m30 img {padding-top:20px;padding-right:40px;width:560px;}
.m31 {width:550px;float:left;max-height:410px;overflow:hidden}
.m31 p {text-indent:32px;line-height:1.8;margin-bottom:20px;font-size:16px;color:#333;}




.c1 {padding:50px; background:url(/Template/2018_YPM_Shop/49/images/bg46.jpg) no-repeat center center;background-size: cover;}
.c22 {position:relative; }
.c22 .hd {width:296px;float:left;background:#f5f5f5;min-height:540px;}
.c22title {padding:30px 0 50px;flex-direction:column;text-align:center;background:url(/Template/2018_YPM_Shop/49/images/protitle2.jpg) no-repeat center center;margin-top:-70px;position:relative;}
.c22title::after {content:'';width:12px;height:20px;background:url(/Template/2018_YPM_Shop/49/images/protitle2-r.jpg) no-repeat center center;position:absolute;top:0;right:-12px;}
.c22title::before {content:'';width:12px;height:20px;background:url(/Template/2018_YPM_Shop/49/images/protitle2-l.jpg) no-repeat center center;position:absolute;top:0;left:-12px;}
.c22title h3 {font-size:2rem;color:#ffffff;margin-bottom:0.5rem;}
.c22title p {font-size:0.7rem;font-weight:normal;color:rgba(255,255,255,.5);}
.c22title img {transform:translateY(10px);}

.c22 .hd ul {padding:15px;}
.c22 .hd li {margin-bottom:17px;line-height:44px;color:#000;display:block;text-align:center;font-size:16px;border:1px solid #1a57a9;}
.c22 .hd li:hover {background:#1a57a9;color:#fff;}
.c22 .bd {width:880px;float:right}
.c22 .bd li {float:left;width:280px;position:relative;margin-bottom:20px;margin-right:15px;}
.c22 .bd li:nth-child(3n) {margin-right:0;}
.c22 .bd li:hover {-moz-box-shadow:0px 0px 10px #333333;-webkit-box-shadow:0px 0px 10px #333333;box-shadow:0px 0px 10px #333333;}
.c22 .bd li .img {width:100%;padding-top:75%;position:relative;overflow:hidden;}
.c22 .bd li .img img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit:cover;}
.c22 .bd li  h3 {font-size:14px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 10px;background:#fff;color:#333}
.c22 .bd li:hover .img img {transform:scale(1.1);}

.case49 {padding:50px; background:#fff;}
.case49_2{position:relative} 
.case49_2 li {float:left;width:285px;margin-right:20px;margin-bottom:15px;cursor:pointer; overflow:hidden}
.case49_2 li .img {width:100%;padding-top:75%;position:relative;overflow:hidden;}
.case49_2 li .img img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit: cover;}
.case49_2 li  h3 {  font-size:16px;line-height:40px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;padding:5px;background:#e0e0e0;color:#333;font-weight:500;}
.case49_2 li:hover .img img {transform:scale(1.1);}
.al_j1,.al_j2{position: absolute;top:100px;}
.al_j1{left:-60px;}
.al_j2{right:-60px;}



.ysbox {width:100%;overflow:hidden;background:#fff;}

.ysboxbj {background:url(/Template/2018_YPM_Shop/49/images/bg46.jpg) no-repeat center center;background-size: cover;padding-top:150px; padding-bottom:50px;}
.ysboxa { display:flex;justify-content:space-between}
.ysboxa li {width:25%;}
.ysboxa li a {display:block;width:100%;height:100%;padding:15px 0 5px;text-align:center;transition:all ease .3s;transform:translateY(20%);}
.ysboxa li a h3 {font-size:28px;font-weight:normal;color:#333333;}
.ysboxa li a h4 {font-family:"Arial";font-weight:normal;font-size:12px;font-style:italic;color:#666666;margin:0.5rem 0 1rem;}
.ysboxa li a div.img {height:32px;line-height:32px;text-align:center;}
.ysboxa li a div.img img {max-width:100%;max-height:100%;opacity:0;}
.ysboxa li.active a {background-color:#1a57a9;}
.ysboxa li.active a h3 {color:#fff;}
.ysboxa li.active a h4 {color:#fff;}
.ysboxa li.active a div.img img {opacity:1;}
.ysboxb {position:relative;}
.ysboxb .ysboxb1 {position:absolute;left:0;top:0;right:0;z-index:-1;opacity:0; display:flex;justify-content:space-between}
.ysboxb .ysboxb1.active {position:static;z-index:999;opacity:1;}
.ysboxb .ysboxb1 .cont {width:50.79%;}
.ysboxb .ysboxb1 .cont .cont-title {justify-content:flex-start;border-bottom:1px solid #ffffff;padding-bottom:1.2rem;display:flex}
.ysboxb .ysboxb1 .cont .cont-title>h3 {width:66px;height:99px;text-align:center;padding-top:24px;background:url(/Template/2018_YPM_Shop/49/images/ysboxszbg.png) no-repeat center center;background-size:cover;font-family:"Arial";font-size:1.8rem;color:#ffffff;margin-right:1.4rem;}
.ysboxb .ysboxb1 .cont .cont-title .cont-t-right h3 {font-size:1.3rem;font-weight:normal;color:#ffffff;margin-bottom:0.3rem;}
.ysboxb .ysboxb1 .cont .cont-title .cont-t-right p {font-size:1.7rem;font-weight:700;color:#ffffff;}
.ysboxb .ysboxb1 .cont .cont-text {padding-top:1.8rem;}
.ysboxb .ysboxb1 .cont .cont-text p {font-size:0.9rem;line-height:1.667;color:#ffffff;}
.ysboxb .ysboxb1 .cont .cont-text p:nth-of-type(1) {/*margin-bottom:1.2rem;*/}
.ysboxb .ysboxb1 .img {width:500px;text-align:center;overflow:hidden;height:300px}
.ysboxb .ysboxb1 .img img {width:100%;transition:all ease .3s;object-fit:cover;height:100%}
.ysboxb .ysboxb1 .img:hover img {transform:scale(1.1);}
.ysboxc {width:404px;border:solid 2px #1a57a9;margin:3.7rem auto 0;display:flex;justify-content:space-between}
.ysboxc h4 {width:248px;background-color:#1a57a9;line-height:50px;font-family:Arial;font-size:26px;color:#ffffff;padding-left:20px;font-weight:400;}
.ysboxc h3 {flex:1;line-height:50px;font-size:18px;font-weight:normal;color:#ffffff;padding-left:50px;background:url(/Template/2018_YPM_Shop/49/images/ft-phone.png) no-repeat 20px center; background-size:20px;}



.n1 {background:#fff;padding:40px 0;overflow:hidden}
.ns_l {width:560px;float:left;background:#fff;padding:15px;border:1px solid #eee;}
.n1 .ns_l:last-child{float:right}
.ns_l dl {display:flex;justify-content:space-between;}
.ns_l dl dt {overflow:hidden;width:200px;position:relative;height:150px}
.ns_l dl dt img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit:cover;}
.ns_l dl dd {padding:15px 20px;background:#fff;width:350px;}
.ns_l dl dd h3 {height:30px;line-height:30px;font-size:18px;overflow:hidden;}
.ns_l dl dd span {display:inline-block;height:25px;line-height:25px;color:#666;margin-top:5px;}
.ns_l dl dd p {font-size:14px;color:#999;line-height:25px;height:50px;overflow:hidden;margin-top:10px;}
 
.ns_l ul li {height:50px;line-height:50px;border-bottom:1px dashed #eee}
.ns_l ul li h3 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:450px;float:left;margin-left:10px;font-size:16px;font-weight:normal}
.ns_l ul li div {float:right;height:25px;line-height:25px;text-align:center;border:1px solid #bdbdbd;color:#bdbdbd;border-radius:100%;width:25px;margin-top:10px;margin-right:20px;}
.ns_l ul li:last-child {border:none;}
 


.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) {
	.four,.c22 .hd{display:none}
	.m3 {padding:15px;}
.m30 {display:none}
.m31 {width:100%;margin:0;}
.m31 .cn,.m31 .en {font-size:24px;}
.m32 {width:100%;margin-top:15px;}
.titl {margin-bottom:10px; background-size:100% auto}
.titl .zh {font-size:28px;background:none}
.c11 {display:none}
 .logo-ys{display:none}
.ysboxa li a h3{font-size:16px;}
.ysboxb .ysboxb1{display:block}
.ysboxb .ysboxb1 .cont{width:100%;margin-bottom:10px}
.ysboxb .ysboxb1 .img{width:100%;height:250px;}
.ysboxbj{padding-top:80px;}
.ysboxb{padding:0 20px;}
.ysboxb .ysboxb1 .cont .cont-title .cont-t-right p{font-size:16px;}
 
.c1 {padding:15px 10px;}
.c1 ul {width:auto !important;left:0 !important;} 
.c22 .bd li {width:48% !important;margin:1%;}
.c2 li {width:48% !important;margin:1%;}
.c22 .bd li:nth-child(3n) {margin-right:1%;}

.case49 {padding:15px 10px;}
.case49 .tempWrap{width:100% !important;}
.case49 ul {width:auto !important;left:0 !important;} 
.case49 .bd li {width:48% !important;margin:1%;}
.case49 li {width:48% !important;margin:1%;}
.al_j1, .al_j2{display:none}

.n1 {padding:30px 15px;}
 .n1 .ns_l{margin-bottom:10px;box-sizing:border-box}
 .n1 .ns_l:last-child{float:left}
 .ns_l,.ns_r{width:100%}
 .ns_l dl {display:none}
 .ns_l ul li h3{width:calc(100% - 70px)}
 .ns_r{padding:0;margin-top:15px;}
  .ns_r ul li{padding:10px;}
 .ns_r ul li .liy{width:calc(100% - 40px)}
 .linkbox{width:auto}
}