﻿* {
padding:0px;
margin:0px;
}
body {
background-color:#F7F8FA;    
}
.slick-slide {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
  @media (max-width:800px)
{
   .slick-slide {
    width: 1280px;
    height: auto;
    position: relative;
    overflow: hidden;

}
}
.cover-image {
    width:100%;
}
 .banner-text {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.banner-text .container {
    height: 100%;
    display: table;
    text-align: center;
}
.banner-text .container .banner-text-con {
    display: table-cell;
    vertical-align: middle;
}
    .banner-text h4 {
        margin: 0;
        font-size: 30px;
        font-weight: 500;
        color: #fff;
    }
.maincontainer {
    width:1280px;
    margin:0px auto;
    margin-top:30px;
    overflow:hidden;
  
}
.containerleft {
    width:298px;
    height:600px;
    float:left;

}
.containerright {
    position:relative;
    width:952px;
    float:left;
    margin-left:30px;
    border: 1px solid #e7eaf1;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,37,55,0.05);
    box-shadow: 0 1px 3px rgba(0,37,55,0.05);
     min-height:600px;
    background-color:#FFFFFF;
}
#searchword {
     border-radius: 0px !important; 
}
.recommended {
    height:310px;
    width:298px;
    border: 1px solid #e7eaf1;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,37,55,0.05);
    box-shadow: 0 1px 3px rgba(0,37,55,0.05);
    margin-top:20px;
     background-color:#FFFFFF;
}
.recommended ul{
    border-width:0px;
}
.allarticle {
    height:140px;
    width:298px;
    border: 1px solid #e7eaf1;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,37,55,0.05);
    box-shadow: 0 1px 3px rgba(0,37,55,0.05);
    margin-top:20px;
    background-color:#FFFFFF;
}
.containerleft h3 {
      font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0 16px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f0f2f7;
     background-color:#02328D;
    color:#FFFFFF;
  
}
 .recommended ul a,.allarticle ul a {
        color:#333333;
    }
    .recommended ul a:hover,.allarticle ul a:hover {
        color:#62A8EA;
    }
.allarticle ul, .recommended ul {
    margin-top:5px;
    padding:0px 15px;
  
}
.allarticle ul li,.recommended ul li{
     list-style-type:none;
    display: block;
    padding: 10px 3px;
    padding-left:15px;
    border-bottom:1px solid #F0F2F7;
    background-image:url(../Images/dot2.png);
    background-repeat:no-repeat;
    background-position:0px center;

}


 .met-shownews-header {
    padding-bottom: 0;
    height:138px;
}
 .met-shownews-header, .met-shownews .met-shownews-footer {
    padding:15px 30px 10px 30px;
    padding-bottom:0px;
    background: #fff;
}
    .met-shownews-header h1 {
        font-size:32px;
    }
    .met-shownews-header .info {
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f2f5;
    font-size: 16px;
    font-weight: 300;
    color: #a3afb7;
  
}
    .info span {
    padding-right: 10px;
}

    .met-editor {
    padding:15px 30px 30px 30px;
    background: #fff;
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.8;
    color: #222;
    word-wrap: break-word;
}