.banner{height:500px;background:url(../img/banner.jpg) no-repeat center;background-size:cover}
.banner-bg{height:500px;background:rgba(0,0,0,.5)}
.textit{font-size:18px;text-align:center;color:#fff;padding:190px 0 0 0;line-height:30px}
.textit h1{font-size:60px;padding:0 0 50px;font-weight:700}
.textit h1 span{color:#fc9928}
.news-info{background:#fff;padding:100px 0 150px 0}
.news-pic{width:700px;height:460px;float:left}
.newsbox{width:100%;height:100%}
.newspic{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.newspic img{display:block;width:700px;height:460px}
.newspic:hover img{-webkit-filter:brightness(.9);filter:brightness(.9)}
.swpr{position:relative}
.newstit{position:absolute;left:0;bottom:0;width:100%;height:50px;background:rgba(0,0,0,.6);color:#fff;font-size:16px;line-height:50px;text-align:left;text-indent:32px}
.news-list{width:470px;height:460px;float:right}
.news-list ul li{height:76px;padding:0 0 20px 60px;color:grey;position:relative}
.news-list ul li:last-child{padding-bottom:0}
.news-list ul li h3{font-size:18px;color:#111;padding:6px 0 5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-list ul li a{transition:.1s ease all}
.news-list ul li a:hover{text-decoration:none}
.news-list ul li h3 a{font-size:18px;color:#111}
.news-list ul li h3 a:hover{color:#c32139}
.news-list ul li .ntext{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:20;width:100%;height:400px;}
.news-list ul li .ntext a:hover{color:#c32139}
.news-list ul li .newsdata{width:40px;height:46px;padding:12px 0 0 0;background:red;color:#fff;position:absolute;left:0;top:0;border-radius:20px;text-align:center;line-height:26px}
.newsdata span{font-size:20px;font-weight:700}
.datazxjj{font-size:16px;}
.news-list ul li:hover .newsdata{opacity:.8}
.news-list ul li:nth-child(1) .newsdata{background:#7abcff;background:-moz-linear-gradient(-45deg,#7abcff 0,#60abf8 44%,#4096ee 100%);background:-webkit-linear-gradient(-45deg,#7abcff 0,#60abf8 44%,#4096ee 100%);background:linear-gradient(135deg,#7abcff 0,#60abf8 44%,#4096ee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee', GradientType=1 )}
.news-list ul li:nth-child(2) .newsdata{background:#ffc578;background:-moz-linear-gradient(-45deg,#ffc578 0,#fb9d23 100%);background:-webkit-linear-gradient(-45deg,#ffc578 0,#fb9d23 100%);background:linear-gradient(135deg,#ffc578 0,#fb9d23 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23', GradientType=1 )}
.news-list ul li:nth-child(3) .newsdata{background:#febbbb;background:-moz-linear-gradient(-45deg,#febbbb 0,#fe9090 45%,#ff5c5c 100%);background:-webkit-linear-gradient(-45deg,#febbbb 0,#fe9090 45%,#ff5c5c 100%);background:linear-gradient(135deg,#febbbb 0,#fe9090 45%,#ff5c5c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c', GradientType=1 )}
.news-list ul li:nth-child(4) .newsdata{background:#7abcff;background:-moz-linear-gradient(-45deg,#7abcff 0,#60abf8 44%,#4096ee 100%);background:-webkit-linear-gradient(-45deg,#7abcff 0,#60abf8 44%,#4096ee 100%);background:linear-gradient(135deg,#7abcff 0,#60abf8 44%,#4096ee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee', GradientType=1 )}
.news-list ul li:nth-child(5) .newsdata{background:#ffc578;background:-moz-linear-gradient(-45deg,#ffc578 0,#fb9d23 100%);background:-webkit-linear-gradient(-45deg,#ffc578 0,#fb9d23 100%);background:linear-gradient(135deg,#ffc578 0,#fb9d23 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23', GradientType=1 )}
.nwtit{font-size:30px;margin-bottom:40px;position:relative}
.nwtit:before{content:"";width:56px;height:2px;background:#fc9928;position:absolute;left:0;bottom:-14px}
.nwtit a{float:right;font-size:16px;}
.nwtit a:hover{text-decoration:none;color:#c32139;}


.video{height:650px;background:url(../img/video.jpg) no-repeat;background-size:cover}
.video-bg{height:650px;background:rgba(0,0,0,.6)}
.videobox{float:left;width:700px;height:525px;padding:125px 0 0 0}
.videotext{float:right;width:470px;height:525px;color:#fff;padding:125px 0 0 30px}
.videotext h3{font-size:24px;line-height:30px;padding:0 0 20px 0;margin-top:30px}
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}
video::-webkit-media-controls-panel{width:calc(100% + 30px)}
.laboratory-box{background:url(../img/laboratory-bg.png) no-repeat top right;padding:110px 0 100px 0}
.laboratory-tit{text-align:center;font-size:38px;padding:0 0 60px 0}
.laboratory-tit span{color:#f45661}
.szcenter,.szleft,.szright{width:380px}
.szleft{float:left}
.szcenter{margin:0 auto}
.szright{float:right}
.szcenter h3,.szleft h3,.szright h3{font-size:18px;font-weight:700;padding:0 0 25px}
.szlist{width:378px;height:362px;border:1px solid #dedede;border-radius:6px}
.szlist ul{padding:20px 30px 20px 30px}
.szlist ul li{border-bottom:1px solid #dedede;line-height:45px}
.szlist ul li:last-child{border-bottom:none}
.glbg{background:#f8f8f8 url(../img/glbg-bg.png) no-repeat right bottom}
.sjkbg{background:#f8f8f8 url(../img/sjbg-bg.png) no-repeat right bottom}
.jxbg{background:#f8f8f8 url(../img/jxbg-bg.png) no-repeat right bottom}
.laboratory-list{background:#069}
.zy-left{width:378px}
.zy-left h3{font-size:22px;font-weight:700;padding:0 0 25px}
.gy-box{width:376px;height:429px;background:#fff;border:1px solid #dedede}
.gy-box ul li{display:block;line-height:45px}
.laenbg{background:url(../img/laen-bg.jpg);background-position:0 -60px;padding:0 0 100px 0}
.laentit{text-align:center;font-size:38px;padding:100px 0 60px 0}
.laentit span{color:#f45661}
.laenpic{height:260px}
.moredbut{padding:40px 0 0 0}
.moredbut a{display:block;width:150px;height:45px;margin:0 auto;background:#0d5189;border-radius:25px;text-align:center;line-height:45px;color:#fff}
.moredbut a:hover{text-decoration:none;-webkit-animation:pulse 1s;animation:pulse 1s;box-shadow:0 0 0 2em rgba(255,255,255,0)}
@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 var(--hover)} }
@keyframes pulse{0%{box-shadow:0 0 0 0 var(--hover)} }
.pulse{--color:#f45661;--hover:#f45661}



