.ds{background:url(../images/bgw.png) no-repeat 50%;height:216px;position:absolute;bottom:0;z-index:9999;width:80%;background-size:100% 100%;margin-left:10%;display:flex;justify-content:left;align-items:center}
.poridc{background:url(../images/productbg@3x.png) no-repeat 50%/cover}
.sds{max-width:94%;margin-left:3%}
.grid-item2 .content4{font-size:2rem;text-align:center}
.grid-item2 .content6{font-size:1rem;padding-left:3.5rem;color:#ababab;text-align:center;margin-left:-1rem}
.grid-item2 .content5{font-size:.8rem;line-height:2;margin-top:4%;color:#666}
.jjh{background:#fff;box-shadow:0 0 6px 4px hsla(0,0%,78.4%,.33);border-radius:40px}
.bgsabout{background:url(../images/bg@3x.png) no-repeat 50%/cover;height:65pc}
.jhy{background:#e15513;border-radius:10vh;display:flex;box-shadow:0 0 6px 4px hsla(0,0%,78.4%,.33)}
.mtp45{margin-top:-45pc}
.grid-container{height:100%;width:90%;margin:9% 0 0 5%}
.grid-item{width:42%;float:left;margin:4%}
.grid-container .content4{font-size:2rem}
.grid-container .content4 img{max-width:2.5rem;margin-right:1rem}
.grid-container .content6{font-size:1rem;padding-left:3.5rem;color:#ababab}
.grid-container .content5{font-size:.8rem;line-height:2;margin-top:4%;color:#666}
.tes{height:auto;min-height:400px;box-shadow:0 0 6px 4px hsla(0,0%,78.4%,.33);border-radius:4px}
.res{background:#e15513}
.res,.resl{font-size:32px;height:18vh;color:#fff;display:flex;justify-content:center;align-items:center}
.resl{background:#0f2a54}
.res span,.resl span{font-size:60px}
.sst{background:url(../images/aboutbg@3x.png) no-repeat bottom;background-size:100%}
.dsa3{margin:0 0 0 5.2vw}
.idxHd{margin-bottom:50px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:1}
.idxHd-tit{font-size:36px;padding-bottom:20px;position:relative;font-weight:700;color:#000}
.idxHd-tit:after{content:"";width:50px;height:4px;position:absolute;left:0;bottom:0;background-color:#008030}
.npg-abo{padding:80px 0}
.npg-banTxt{text-align:center}
.npg-banTxt .tit{line-height:56px;margin-bottom:0;font-weight:700}
.npg-banTxt .tit-en{font-size:22px;color:#fff;line-height:26px}
.mbNav{position:absolute;bottom:30px;right:11.458%;z-index:3;align-items:center}
.mbNav .icon{margin:0 10px;position:relative;top:-1px}
.mbNav li a{color:#fff;font-size:16px}
.npg-aboTxt{font-size:16px;line-height:3;color:#333}
.npg-aboVdoimg{position:relative;width:87.808%;float:right;z-index:1}
.npg-aboVdoimg .vdoBut{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}
.npg-abolt{padding-top:30px}
.news{padding:60px 0 40px;overflow:hidden;background:#fff;min-height:500px}
.news-menu{width:100%}
.news-menu li{float:left;width:33.333333333333%;height:110px;display:flex;justify-content:center;align-items:center;margin-left:-30px}
.news-menu li a{display:block;height:30px;line-height:30px;padding:0 10px 14px;font-size:1.5rem;color:#fff}
.news-menu li.cur a,.news-menu li.on a{font-weight:700;color:#004da1;border-color:#004da1}
.news-hot{float:left;margin-top:2%;width:30%}
.news-hot .pic{width:100%;height:auto;overflow:hidden}
.news-hot .pic img{display:block;width:100%;height:auto;transition:all 1s}
.news-hot .text{padding-top:34px;overflow:hidden}
.news-hot .text h3{height:30px;line-height:30px;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-hot .text h3 a{color:#004da1}
.news-hot .summary{margin-top:8px;height:72px;line-height:24px;font-size:15px;color:#666;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical}
.news-hot .summary a{color:#666}
.news-hot .read{margin-top:12px;height:16px}
.news-hot:hover .pic img{transform:scale(1.1)}
.news-list{float:right;width:66%;overflow:hidden;margin-top:1%}
.news-list .item{padding:1% 2% 0 0;overflow:hidden;float:left;width:48%}
.news-list .item a{display:block;border-bottom:1px solid #ddd;}
.news-list .date{float:left;width:120px;height:124px;color:#666;text-align:center;background:#ddd}
.news-list .date em{display:block;position:relative;height:72px;line-height:72px;font-size:48px}
.news-list .date em:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-15px;width:30px;height:1px;content:"";background:#333}
.news-list .date span{display:block;height:40px;line-height:40px;font-size:20px}
.news-list .text{padding-left:20px;overflow:hidden}
.news-list .text h3{height:22px;font-weight:400;font-size:17px;color:#333;overflow:hidden;white-space:nowrap}
.news-list .text h3,.news-list .text p{line-height:22px;text-overflow:ellipsis}
.news-list .text p{overflow:hidden;margin-top:10px;font-size:14px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-list .item:hover .date{background:#004da1}
.news-list .item:hover .date *{color:#fff}
.news-list .item:hover .date em:after{background:#fff}
.news-list .item:hover h3{color:#004da1;font-weight:700}
@media screen and (max-width: 1440px) {
	.navLi{padding: 0 16px;}
	
}
.more{float:right}
.fs{padding:10px 0 0 0;color:#919191}
.sdw{float:left}
.more img{max-width:20px}
 @media screen and (max-width: 1440px) {
	 .tes{ height:245px;min-height: 245px;}
	 .pt-100{padding-top:80px}
 }
  @media screen and (max-width: 1366px) {
	.pt-100{padding-top:40px}
 }
 @media screen and (max-width: 1281px) {
	 .nav-a{    font-size: 15px;}	
	 .tes{ height:205px;min-height: 205px;}
	 .res, .resl{height: 12vh;}
	 .pt-100{padding-top:40px}
	 .bgsabout{height:48pc}
	 .mtp45 {
    margin-top: -35pc;
}
 }