@charset "utf-8";body {font-family:"Microsoft Yahei";background:#f5f5f5;}
a {text-decoration:none;}
a:hover {text-decoration:none;}

.titl {margin-bottom:60px;text-align:center; position:relative;  letter-spacing:2px}
.titl .zh {font-size:32px;font-weight:bold;color:#333;z-index:2;position:relative;letter-spacing:3px;}
.titl:after {
    content: "";
    width: 60px;
    height: 7px;
    background-color: #1a57a9;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}
.titl .en {color:#999;font-size:18px;}

.index-more {width:210px;height:40px;line-height:40px;text-align:center;color:#333;border:1px solid #333;margin:30px auto;}
.index-more:hover {background:#333;}
.index-more:hover a {color:#fff}
.m3 {padding:50px 0;background:#023793;overflow:hidden;position:relative} 
.m3 .titl .zh { color:#fff;}
.m3 .titl .en { color:#fff; } 
.m3top {overflow:hidden; }
.m3cont{background:#fff;padding:30px;overflow:hidden; }
.m30 {float:right;width:540px;height:420px; }
.m30 img { width:100%;}
.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;overflow:hidden;background:#F9F9F9}
.c22 {position:relative;overflow:hidden;} 
.c22 .bd li {float:left;width:380px;position:relative;margin-bottom:20px;margin-right:30px;}
.c22 .bd li:nth-child(3n) {margin-right:0;} 
.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; color:#333;background:#fff}
.c22 .bd li:hover .img img {transform:scale(1.1);}
.c22 .bd li:hover h3{background:#023793;color:#fff}

.lc {padding:70px 0;overflow:hidden;background:#f9f9f9}
.lc ul{background: url(/Template/AreaidUid_YPM_Shop/50/images/lcbg.png) no-repeat center;display:flex;justify-content:space-between}
.lc ul li{width: 132px; height: 102px; border: 1px solid #023793; border-radius: 50%; text-align: center; margin-right: 34px;padding-top:30px;}
.lc ul li img{width: 55px; height: 45px;}
.lc ul li h3{font-size: 16px; color: #333; line-height: 40px;}
.lc ul li:last-child{margin-right: 0;}

.case50 {padding:50px;overflow:hidden;background:#fff} 
.c2 {position:relative;overflow:hidden;}
.c2 ul {padding-bottom:30px !important;}
.c2 li {float:left;width:285px;position:relative;margin-right:20px;box-shadow: 0px 0px 8px #d4d4d4;margin-bottom:20px;}
.c2 li:nth-child(4n) {margin-right:0;}
.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:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px;text-align:center;font-size:16px;}
.c2 li:hover .img img {transform:scale(1.1);}
 
/*优势*/ 
.youshi{overflow:hidden;background:#fff}
.youshititle{background: url(/Template/AreaidUid_YPM_Shop/50/images/ys-bg.jpg) no-repeat center; padding:50px 0;  text-align:center; color:#fff} 
.youshititle .wz1{font-size:32px;line-height:60px; letter-spacing:3px;}
.youshititle .wz2{font-size:24px;line-height:40px;}

.youshi dl { margin: 0; padding: 50px 0; border-bottom: solid 1px #C4C4C4; }
.youshi dl:last-child { border-bottom: 0; }
.youshi dt { float: right; width: 400px; height:280px;overflow:hidden}
.youshi dt img{width:100%;height:100%;object-fit:cover;}
.youshi dd { margin: 0 450px 0 0; object-fit:cover;}
.youshi dd h4 { background: url(/Template/AreaidUid_YPM_Shop/50/images/ys-line.png) no-repeat 0 bottom; padding-bottom: 15px; margin: 0 0 30px; overflow: hidden; }
.youshi dd h4 i { float: left; font-style: normal; color: #fff; background-color: #023793; width: 77px; line-height: 77px; text-align: center; border-radius: 50%; font-family: Impact; font-size: 48px; }
.youshi dd h4 span { display: block; margin-left: 100px; font-size: 36px; line-height: 1; color: #023793; padding: 10px 0; }
.youshi dd h4 small { display: block; color: #333; font-size: 12px; text-transform: uppercase; margin-top: 5px; }
.youshi dd p { margin: 10px 0 0; line-height: 2; color: #666; background: url(/Template/AreaidUid_YPM_Shop/50/images/ys-icon.png) no-repeat left center; padding-left: 20px; }
.youshi dd .text { margin-left: 70px; }
 
.youshi dl:nth-child(even) dt { float: left; }
.youshi dl:nth-child(even) dd { margin: 0 0 0 450px; }

.n1 {background:#f5f5f5;padding:70px 0 30px;overflow:hidden}
.ns_l {width:750px;float:left;background:#fff;padding:20px;height:460px;}
.n50cont{display:flex;justify-content:space-between;}
.ns_l dl{width:400px;margin-top:20px;}
.ns_l dl dt {overflow:hidden;position:relative;height:300px}
.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:550px;}
.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 ul {overflow:hidden;width:330px;}
.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:100%;  font-size:16px;font-weight:normal}
 
 
.ns_r {width:350px;float:right;background:#fff;padding:20px;height:460px;}
.ns_r ul li{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;overflow:hidden}
.ns_r ul li .liz{width:30px;float:left;}
.ns_r ul li .liz div{width:25px;height:25px; text-align:center;color:#fff; line-height:25px; }
.ns_r ul li .liz .wen{background:#023793;margin-bottom:10px;margin-top:5px;}
.ns_r ul li .liz .da{background:#ff6600}
.ns_r ul li .liy{width:310px;float:left;margin-left:10px;}
.ns_r ul li .liy h3 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%; font-size:16px; height:35px;line-height:35px;}
.ns_r ul li .liy p { height:50px;line-height:25px; font-size:14px;color:#999;overflow:hidden}

.n1 .n50title{height:40px; line-height:40px; font-size:20px; font-weight:bold; color:#023793;margin-bottom:10px;}
.n1 .n50title span{color:#999;font-size:12px; margin-left:10px; font-weight:normal}


.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) {
	.zdybanner{display:none}
	.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:30px; background-size:100% auto}
.titl .zh {font-size:28px;background:none}
.c11 {display:none}
.youshititle .wz1{font-size:24px;line-height:40px;}
.youshititle .wz2{font-size:18px; line-height:30px;}
.youshi dl{padding:10px;}
.youshi dt{width:100%;float:none;margin-bottom:10px;}
.youshi dl:nth-child(even) dt{ float:none}
.youshi dd{margin:0;float:none}
.youshi dd .text{margin-left:10px;}
.youshi dl:nth-child(even) dd{margin:0;}
.youshi dd h4 i{width:50px;height:50px; line-height:50px; font-size:32px;}
.youshi dd h4 span{font-size:24px;margin-left:60px;}

 .lc{display:none}
 .case50{padding:15px 10px;}
.c1 {padding:15px 10px;}
.c1 ul {width:auto !important;left:0 !important;} 
.c22 .bd li {width:48% !important;margin:1%; box-sizing:border-box}
.c2 li {width:48% !important;margin:1%;}
.n1 {padding:30px 15px;}
 
 .ns_l,.ns_r{width:100%;box-sizing:border-box;height:auto}
 .ns_l dl {display:none}
 .ns_l ul li h3{width:calc(100% - 70px)}
 .ns_r{ margin-top:15px;}
  .ns_r ul li{padding:10px;}
 .ns_r ul li .liy{width:calc(100% - 40px)}
 .ns_l ul li{width:98%}
 .linkbox{width:auto}
}