@charset "utf-8";
#container .top{
    width:100%;
    height:530px;
    background:url(../images/news.png) no-repeat center 100%;
    background-size:100% 100%;
    -webkit-background-size:100% 100%;
    -moz-background-size:100% 100%;
    margin:0 auto;
}
.section1{
    width:100%;  
}
.content{
    width:1200px;
    margin:0 auto; 
    text-align: center;
    padding-top:31rem; 
}
.content .newsinfo{
    width:100%;
    white-space:nowrap;  
}
.newsinfo li{
    width:19.5%;
    height:205px;
    background:rgba(0,11,26,.75);
   text-align: center;
    float: left;
}
.newsinfo li:first-child{
    border-left:none;
}
.newsinfo li  a{
    display: inline-block;
    margin:20% 0;
}
.newsinfo li a p{
    font-size:1.4rem;
    margin-top:98%;
}
.newsinfo li:hover{
    background: rgba(193,38,38,.8);
}
/* section2 */
.section2{width:100%;}
#title > a, #newstitle > a ,#newstime a{color:#000;}
#title > a:hover , #newstitle > a:hover, #newstime b:hover{color:#f00;}
.section2 .bigtitle{
    width:1200px;
    margin:5%  auto 1%;
    text-align:left;
}
.section2>.bigtitle>span{
    content:"";
    display: inline-block;
    width: 14px;
    height: 32px;
    background: rgba(255,0,0,.7);
    vertical-align: bottom;
    margin-right:1%;
}
.section2>.bigtitle>b{
    font-size:2.4rem;
}
.section2 .newslist{
    width:1200px;
    display: -webkit-box; 
    display: -moz-box; 
    display: -webkit-flex;   
    display: -moz-flex;  
    display: -ms-flexbox;
    display: flex;
    margin:0 auto;
    justify-content: space-between;
}
.newslist .newslist-content {
    width:91%;
    background:#ddd;
    margin-bottom: 3%;
    padding-left:4%;
}

.newslist > div{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1; 
}
.newslist .useforscale{
    display: inline-block;
    width:95%;
    min-width:540px;
    overflow: hidden;
}
.newslist .useforscale img{
    width:100%;
    height:100%;
    transition:all 1s;
    -webkit-transition:all 1s;
}
.newslist .useforscale img:hover{
    transform: scale(1.1, 1.1); 
    -webkit-transform: scale3d(1.1,1.1); 
}
.newslist #title {
    font-size: 1.8rem;
    font-weight: bold;
    color:#000;
}
.newslist .parttwo{
    margin-right:2%;
}
.newslist #text{
    font-size:1.2rem;
    letter-spacing: 1px;
    margin-top:.8rem;
}
.newslist #time{
    display: block;
    text-align:right;
    font-size:1rem;
    padding:1% 5%;
}

/* section3 */
.section3{
    width:100%;
}
.section3newslist{
    width:1200px;
    margin:0 auto;
    padding-top:5%
}

.section3newslist td:nth-child(1){
    width:270px;
    text-align: center;
}
#newstitle{
    font-size:1.8rem;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    color:#000;
}
#newstime{
    margin: 1.2rem auto;
}
#newstime span{
    font-size:1.1rem;
    margin-right:20px;
}
#newstime b{
    color:rgb(42,84,151);
    font-size:1.2rem;
}
#newstext {
    font-size:1.1rem;
    margin-top:.4rem;
    color:#444;
    font-weight: bold;
    letter-spacing: 1px;
}
#readmore {
    display: inline-block;
    width:95%;
    text-align:right;
    font-size: .9rem;
}
.section3newslist tr{
    margin-bottom:3%;
    height:200px;
}
#readmorebtn img{
  margin-left:40%;
  margin-bottom: 3%;
  border-radius: 5%;
  transition:transform 1s ; 
   -webkit-transition:transform 1s ;
}
#readmorebtn img:hover{
    transform: scale(1.1, 1.1); 
    -webkit-transform: scale3d(1.1,1.1); 
}
