@charset "utf-8";

.ico{background:url(../img/icon.png) no-repeat;background-size:1000px 1000px}
.crumb{padding-left:41px;height:40px;line-height:40px;border-bottom:1px solid #f7f7f7;overflow:hidden}
.crumb,.crumb a{font-size:12px;color:#aeaeae}
.crumb a:hover{color:#008bff}
.crumb i{display:inline-block;width:18px;height:14px;background-position:-282px -54px;margin-right:10px;position:relative;top:.5px}
.newsL section,.newsR section{margin-bottom:18px;border-radius:8px;background-color:#fff;overflow:hidden;box-shadow: 0 1px 5px 0 rgba(0,0,0,.06)}
.newsL .crumb{padding-left:19px;border-bottom-color:#f5f5f5}
.newsL .nsList{padding-bottom:22px}

.wrapper{width:1200px;margin:auto;padding:0 8px}
.newsL{float:left;width:866px}
.newsR{float:right;width:315px}

.nsCont{padding-bottom:16px}
.nsTitle{padding:20px 20px 0;text-align:center}
.nsTitle h1{display:block;line-height:65px;font-size:30px;color:#354352;font-weight:700;margin-bottom:4px}
.nsTitle p{font-size:14px;color:#888;line-height:32px;overflow:hidden;white-space:nowrap}
.nsTitle p span{display:inline-block;max-width:260px;margin:0 20px;overflow:hidden;white-space:nowrap}
.nsCont .cont{padding:8px 20px 0;font-size:16px;color:#444;line-height:32px}
.nsCont .cont a{line-height:28px;text-indent:0;color:#ff7800}
.nsCont .cont a:hover{opacity:.9}
.nsCont .cont p{line-height:28px;color:#666;margin-bottom:14px;text-indent:2em}
.nsCont .cont br{height:2px}
.nsCont .cont img{display:block;max-width:826px;margin:16px auto;text-align:center}
.nsCont .cont p img{display:block;max-width:826px;margin:2px auto;text-align:center}
.nsCont .cont h3,.nsCont .cont p h3{margin-bottom:12px;line-height:36px;font-size:20px;font-weight:700;color:#444;text-indent:1.6em}
.nsCont .cont iframe{width:600px;height:340px;margin:0 auto;display:block;border:none}
.nextPre{width:826px;height:54px;border-top:1px solid #f3f3f3;margin:0 auto;overflow:hidden}
.nextPre p{width:50%;display:block;float:left;color:#999;font-size:14px;line-height:54px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nextPre p a{color:#666}
.nextPre p a:hover{color:#008bff}

.atiTle{height:44px;line-height:44px;z-index:1;overflow:hidden}
.atiTle em{float:left;font-size:24px;color:#354352;font-weight:700}
.atiTle a{float:right;font-size:12px;color:#c2c2c2}
.atiTle a:hover{color:#008bff}

.nsRela{padding:20px 20px 26px}
.nsRela ul{width:826px;padding-top:8px;overflow:hidden}
.nsRela ul li{float:left;width:50%;line-height:32px;color:#666;font-size:14px}
.nsRela ul li a{position:relative;float:left;display:inline-block;width:300px;height:32px;padding-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nsRela ul li span{margin-right: 10px;color:#999;float: right;}
.nsRela ul li a:before{content:"";position:absolute;z-index:3;width:5px;height:5px;background-color:#9b9b9b;border-radius:50%;-webkit-border-radius:50%;left:5px;top:13px}
.nsRela ul li:hover a:before{background-color:#008bff}

.ctiTle{border-bottom:1px solid #f2f2f2;overflow:hidden}
.ctiTle em{float:left;display:block;height:54px;line-height:54px;font-size:20px;color:#354352;font-weight:700} 
.nsgRec{padding:19px}
.nsgRec ul{width:850px;padding-top:18px;overflow:hidden}
.nsgRec ul li{float:left;width:263px;height:106px;margin:0 19px 18px 0}
.nsgRec li a{position:relative;display:block;padding:10px;float:left;border:1px solid #e6e6e6;border-radius:8px}
.nsgRec li a img{float:left;width:84px;height:84px;border-radius:16px;margin-right:10px}
.nsgRec li a .info p,.nsgRec li a .info span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nsgRec li a .info{float:left;width:147px;height:84px;overflow:hidden}
.nsgRec li a .info p{font-size:16px;color:#000;line-height:30px;margin-top:5px}
.nsgRec li a .info span{display:block;font-size:12px;color:#999;line-height:20px}
.nsgRec li a,.nsgRec li a .btn,.nsgRec li a .btn i{transition:all .3s linear}
.nsgRec li a .btn{position:absolute;top:58px;right:-1px;width:58px;height:22px;line-height:22px;text-align:center;font-size:12px;color:#008bff;border:1px solid #a8d7ff;border-radius:12px 0 0 12px}
.nsgRec li a .btn i{display:inline-block;width:12px;height:12px;background-position:-296px -148px;margin-right:2px;position:relative;top:1px}
.nsgRec li a:hover .btn{color:#fff;background:linear-gradient(to right,#41a1f7 ,#5ecaf2)}
.nsgRec li a:hover .btn i{background-position:-296px -171px}
.nsgRec li a:hover img{opacity:.9}
.nsgRec li a:hover p{color:#008bff}
.nsgRec li a:hover{border-color:#a8d7ff}
.nshRec{padding:10px 20px}
.nshRec ul{padding-top:10px}
.nshRec ul li a{display:block;padding:15px 0;overflow:hidden}
.nshRec ul li .info{width:168px;height:70px;overflow:hidden}
.nshRec ul li img{float:left;width:86px;height:58px;margin-right:19px;border-radius:6px}
.nshRec ul li p{display:block;height:48px;line-height:24px;font-size:14px;color:#444;margin-top:4px;overflow:hidden;text-overflow:ellipsis}
.nshRec a:hover p{color:#008bff}
.nshRec img:hover{opacity:.9}

@media only screen and (max-width:767px){
    .wrapper{width: auto;padding: 0 5px;}
    .newsL{width: auto;float: none;}
    .nsCont .cont img{width: 90%!important;height: auto!important;margin: 0 auto;}
    .newsR{width: auto; float: none;}
    .nshRec{padding: 10px;}
    .nextPre{width: auto;}
    .nsRela ul{width: auto;}
    .nsRela ul li{width: 100%;float: none;}
    .nsRela ul li a{width: 70%;}
    .nsRela{padding: 10px 5px;}
    .nextPre p{width: 47.5%;font-size: 12px;}
    .nextPre p:first-child{margin-right: 5%}
}