body{background:#f7f7f7;}.newsbanner{background:url(../images/newsbanner.jpg) center top no-repeat;background-size:cover;} .honorbanner{background:url(../images/honorbanner.jpg) center top no-repeat;background-size:cover;} .newsnav li{width:33%;}.newsnav li i{background:url(../images/newsicon01.png) no-repeat;} .newsnav li i.i02{background-position:0 -25px;}.newsnav li i.i03{background-position:0 -50px;}#newslist{position:relative;width:1220px;} .grid{float:left;width:244px;margin:0 15px 15px 0;padding:20px;background:#fff;border:1px solid #ededed;box-shadow:0 5px 10px 0 #e2e2e2;} .grid .pic{width:100%;height:160px;margin-bottom:20px;overflow:hidden;}.grid .pic img{display:block;width:100%;transition:.5s;} .grid em{display:block;position:absolute;bottom:8%;right:5px;width:34px;height:21px;background:url(../images/btn_arrow.png) no-repeat;opacity:0;} .grid:hover .pic img{transform:scale(1.1);}.grid b{display:block;line-height:20px;font-size:15px;} .honorlist .grid b{line-height:20px;font-weight:normal;text-align:center;} .grid p{line-height:20px;margin:10px 0;font-size:14px;color:#999;}.grid span{font-size:12px;color:#999;}.grid span .text1{display:none;} .hot{position:relative;top:0;margin-bottom:40px;padding:20px 19px;background:#fff;border:1px solid #ededed;transition:all .5s;} .hot:hover{top:-10px;box-shadow:0 5px 10px 0 #e2e2e2;}.hot dl{width:100%;overflow:hidden;} .hot dt{float:left;width:470px;height:270px;}.hot dt img{width:470px;height:auto;} .hot dd{float:right;display:table;width:690px;height:270px;}.hot dd>div{display:table-cell;vertical-align:middle;} .hot dd .time{float:left;display:block;width:60px;padding:40px 20px 0;text-align:center;} .hot dd .time b{font-size:50px;color:#0068ba;}.hot dd .time em{font-size:14px;} .hot dd .txt{float:right;width:550px;padding:0 19px;border-left:1px solid #d1d1d1;} .hot dd .txt h3{font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}.hot dd .txt p a{color:#999;} .hot dd .txt p{padding-top:20px;font-size:14px;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;} .newsdetail .tit{padding:0 0 20px;}.newsdetail h2{width:100%;line-height:60px;text-align:center;font-size:42px;} .newsdetail em{display:inline-block;width:100%;line-height:30px;text-align:center;font-size:16px;color:#999;vertical-align:top;} .newsdetail p{line-height:36px;color:#666;text-align:justify;text-indent:21px;font-size:16px;} .newsdetail h3{width:100%;margin-bottom:20px;padding:75px 0 20px;font-size:18px;border-bottom:2px solid #333;font-weight:bold;} .newsdetail img{display:block;margin:20px auto;}.newsdetail b{display:block;width:100%;padding:20px 0;font-size:16px;} .newsdetail video{width:100%;margin-left:-21px;}.header{display:none;} @media screen and (max-width:1280px){ .newsbanner{background-image:url(../images/newsbanner@2x.jpg);}.honorbanner{background-image:url(../images/honorbanner@2x.jpg);} html{max-width:750px;margin:0 auto;font-size:62.5%;}body{background:#fff;}.title{margin:5% 0 0;} #newslist,.newslist{width:100%;}#newslist.honorlist{width:84%;margin:0 auto;}.honorlist .grid .pic{height:280px;} .grid{width:92%;margin:15px 4%;padding:20px 10px;box-sizing:border-box;border:none;box-shadow:0 0 10px 5px #e2e2e2;} #newslist .grid .pic{display:block;}#newslist span.text1{display:block;padding:0 0 8px;color:#bfbfbf;font-size:14px;} #newslist .grid b{line-height:30px;font-size:18px;}.honorlist{margin-left:11%;} .honorlist .grid b{line-height:1.5;padding:0 20px;font-size:14px;}.honorlist .grid .pic{margin-bottom:5px;} .grid p{line-height:30px;margin:0;font-size:16px;}.grid span .text1{display:block;}.grid span.text2,.detailhide{display:none;} .newsdetail{padding:0 4%;box-sizing:border-box;}.newsdetail .tit{padding:30% 0 8%;}.newsdetail h2{line-height:normal;text-align:left;} .newsdetail em{text-align:left;font-size:16px;}.newsdetail h3{margin-bottom:3%;padding:5% 0 2%;font-size:24px;} .newsdetail b{padding:3% 0;font-size:24px;}.newsdetail img{margin:2% auto;}.newsdetail p{line-height:46px;font-size:24px;} .header{display:block;position:fixed;top:0;left:0;z-index:9;width:100%;height:80px;line-height:80px;background:#fff;border-bottom:1px solid #d7d7d7;box-shadow:0 0 4px 2px #ccc;}.header h2{width:100%;text-align:center;font-size:26px;color:#999;font-weight:normal;} .header h2 img{display:inline-block;margin-right:10px;width:123px;vertical-align:middle;} .header a.back{position:absolute;top:0;left:0;width:10%;text-align:center;font:50px "宋体";}.share{margin-top:5%;} } @media screen and (max-width:480px){ .honorlist .grid .pic{height:220px;}.grid{position:relative;}#newslist .grid b{line-height:26px;font-size:16px;} #newslist .grid p{line-height:26px;padding-right:30px;font-size:16px;box-sizing:border-box;}.grid em{opacity:1;} .newsdetail h2{font-size:26px;}.newsdetail em{font-size:14px;}.newsdetail p{line-height:30px;font-size:16px;} .newsdetail h3,.newsdetail b,.header h2{font-size:16px;}.header{height:52px;line-height:52px;} .header h2 img{width:91px;}.header a.back{font-size:30px;}.grid{padding:10px;} } @media screen and (max-width:414px){ .newsdetail h2{font-size:24px;}.header{height:45px;line-height:45px;} .header h2{font-size:14px;}.header h2 img{width:78px;} } @media screen and (max-width:375px){ .grid{padding:10px;}.grid b{line-height:30px;font-size:16px;} .newsdetail h2{font-size:21px;}.newsdetail em{font-size:12px;} .grid p,.newsdetail p{line-height:26px;font-size:14px;}.newsdetail h3,.newsdetail b{font-size:14px;} }