body{background: #f3f3f3;}
.menu {width:100%; height:360px; background:url(../images/news.jpg) no-repeat center center;margin:0 auto;
    background-size: cover;-webkit-background-size: cover;-o-background-size: cover;text-align: center;}
.menu h1{font-size: 48px; font-weight: 400;color:#fff;text-shadow: 0 4px 8px rgba(0,0,0,0.5);padding: 140px 0 87px 0;}
.menu ul{background: rgba(255,255,255,0.5); height: 70px;}
.menu ul li{padding: 0 10px; line-height: 70px; listyle: none; display: inline-block;}
.menu ul li a{color: #333; font-size: 21px;position:relative;height: 70px;display: block; padding: 0 15px;}
.menu ul li.hover a,.menu ul li a:hover{color: #ff5300;}
.menu ul li.hover a i,.menu ul li a:hover i{background: #ff5300;width: 100%; height: 3px;position:absolute;bottom: 0; left: 0;}

.news {width: 100%;  }
.news h1{font-size: 36px;font-weight: 400; text-align: center;}
.news h2{font-size: 21px; font-weight: 400; text-align: center; color: #9f9f9f; padding: 10px 0; overflow:hidden; }

.news ul{padding: 50px 0;display:inline-block;}
.news ul li{float:left;list-style-type: none;position:relative;margin:0 30px 50px 0;}
.news ul li a{display:inline-block;width:565px;height:360px;color:#333333;}
.news ul li a .detail .cover{width:565px;height:300px;display:inline-block;overflow:hidden;position:relative;}
.news ul li a .detail img{width:100%;height:100%;object-fit:cover;top:0;left:0;position:absolute;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.news ul li a .detail .text{border-radius: 5px;border: 1px #e3e3e3 solid;width: 503px; height: 80px; padding: 15px; position: absolute; background: #fff; margin: -60px 0 0 15px;}
.news ul li a .detail .text h3{font-size:21px; line-height: 36px; font-weight: 400;text-overflow :ellipsis; white-space: nowrap; overflow:hidden;}
.news ul li a .detail p{font-size:14px;color:#333333;height: 40px; overflow:hidden;}
.news ul li a:hover .text{color:#ff5300;box-shadow: 0 0 18px 0 rgba(102,102,102,.2);}
.news ul li a:hover .cover img{-ms-transform:scale(1.1);transform:scale(1.1);transition:0.2s;}
.news ul li:nth-child(2n){margin-right:0;}
.news .more{text-align:center;width:100%;display:inline-block;margin:30px auto 120px;}
.news .more a{color:#ff5300;border:1px #ff5300 solid;font-size:21px;border-radius:3px;padding: 8px 15px;display:inline-block;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.news .more a:hover{background:#ff5300;color:#fff;}

.article {width: 1160px; margin: 120px auto; position: relative; }
.article .content{width: 1160px; display: inline-block;margin: 0 auto;}
.art-left-side{width:920px;overflow:hidden; display: block;float:left;background: #fff;}
.art-left-side .article-detail{margin-bottom:10px}
.article-detail .article-header{padding:40px 40px 10px;border-bottom:1px solid #eee}
.article-header .art-title{font-size:24px;color:#333;line-height:24px;margin-bottom:15px;font-weight:400}
.article-header .art-time{color:#aaa;font-size:14px;line-height:20px;margin-bottom:15px}
.article-header .art-tag-box{margin-bottom:20px}
.art-tag-box .tag{border:1px solid #e7e7e7;color:#999;line-height:28px;padding:0 14px;border-radius:15px;font-size:14px;display:inline-block;*display:inline;*zoom:1;margin-right:8px}
.art-body{padding:40px;font-size:16px;color:#444;line-height:34px}
.art-body img{display:block;margin:0 auto;max-width:100%;height:auto!important;margin-bottom:9px}
.info-container{background:#fff;margin-bottom:38px}
.info-container .word{position:relative;padding:22px 20px;border:1px dashed #999;font-size:14px;background:#f6f6f6;color:#666}
.info-container .word .flag{position:absolute;height:21px;line-height:21px;color:#fff;font-size:16px;text-align:center;padding:0 10px;background:#ff5300;top:-12px;left:32px}

.sa{background:#fff;margin-bottom:10px}
.art-right-side{width:230px;overflow:hidden;position:absolute; top: 0; right: 0;}
.art-right-side .sa h3{line-height:22px;font-size:16px;font-weight:400}
.mr8{margin-right:8px}
.art-right-side .art-ewm{padding:30px 0}
.art-ewm img{width:149px;height:149px;margin:0 auto;display:block}
.art-ewm p{text-align:center;font-size:14px;color:#333;line-height:12px;margin-top:13px}
.art-right-side .enums-titles{padding:20px}
.enums-titles h3{margin-bottom:5px}
.enums-titles p{color: #aaa;font-size: 14px;}
.enums-titles p a{color: #ff5300;font-size: 14px;}
.enums-titles p a:hover{color: #ff5300;}
.enums-titles li{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.enums-titles li a{line-height:30px;font-size:14px}
.e-list a{color: #333;font-size: 14px;}
.art-qrcode{text-align: center; padding: 20px 10px 10px 10px;}
.art-qrcode img{width: 140px;height: 140px;}
.art-forum{text-align: center;background: none; border: none;}
.art-forum img{width: 100%;}