.banner{
    width: 100%;
    height: 592px;
    background: url(/web_images/bg.jpg) no-repeat top;
}

.top{
    width: 100%;
    height: 400px;
    margin-top: 20px;
    overflow: hidden;
    background-color: #fff;
}
.picFocus{float: left; margin: 10px 0 0 10px;  width:739px; height: 380px;  position:relative;  zoom:1;   }
.picFocus .hd{width: 139px; float: left;  overflow:hidden; }
.picFocus .hd ul{ overflow:hidden; zoom:1; }
.picFocus .hd ul li{ margin-bottom:7px;  text-align:center;  font-size: 0;}
.picFocus .hd ul li img{ width:133px; height:84px; border:3px solid #003867; cursor:pointer;}
.picFocus .hd ul li.on img{ border-color:#fcbc26;  }
.picFocus .bd{
    float: right;
}
.picFocus .bd li{ vertical-align:middle; position: relative}
.picFocus .bd li .txt{
    text-align: center;
    width: 100%;
    height: 66px;
    line-height: 66px;
    position: absolute;bottom: 0;
    background: url(/web_images/shadow.png) repeat;
}
.picFocus .bd li .txt h2{
    width: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.picFocus .bd img{ width:590px; height:380px; display:block;  }
.news{
    width: 492px;
    float: right;
    margin-right: 20px;
}
.news .title{
    height: 50px;
    line-height: 48px;
    border-bottom: 1px solid #dcdcdc;
    margin-top: 7px;
}
.news .title h2{
    padding: 0 6px;
    color: #434343;
    font-size: 20px;
    float: left;
    border-bottom: 3px solid #0e78d2;
}
.news .title a{
    color: #848484;
    font-size: 14px;
    float: right;
    padding-right: 18px;
    background: url(/web_images/arrow.jpg) no-repeat right;
}
.news ul{
    padding-top: 18px;
}
.news li{
    line-height: 38px;
    overflow: hidden;
}
.news li .date{
    color: #acacac;
    font-size: 14px;
    float: right;
}
.news li h2{
    margin-left: 6px;
    width: 380px;
    color: #434343;
    font-size: 16px;
    float: left;
    font-weight: normal;
    padding-left: 19px;
    background: url(/web_images/dotted.jpg) no-repeat left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


.note{
    width: 100%;
    height: 109px;
    background-color: #4c719e;
}
.note .title{
    width: 175px;
    color: #fff;
    float: left;
    margin: 25px 0 0 44px;
}
.note .title h2{
    color: #fff;
    font-size: 20px;
    line-height: 34px;
}
.note .title .eng{
    font-size: 12px;
    line-height: 21px;
}
.note ul{
    width: 1060px;
    height: 56px;
    margin-top: 27px;
    border-left: 1px solid #9fb7cf;
    float: left;
}
.note li{
    line-height: 30px;
    width: 464px;
    float: left;
    margin: -3px 0 6px 56px;
}
.note li h2{
    width: 350px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    float: left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.note li span{
    color: #7d98b9;
    font-size: 16px;
    float: left;
    margin-right: 10px;
}
.note li .date{
    color: #a0b5ce;
    font-size: 14px;
    float: right;
}
.weather{
    width: 100%;
    height: 64px;
    line-height: 64px;
    background-color: #fff;
}
.weather h2{
    width: 89px;
    padding-right: 6px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    background: url(/web_images/weatherbg.jpg) no-repeat left;
    float: left;
    margin-left: 44px;
}
.weather .img{
    vertical-align: top;
    margin-left: 35px;
    width: 450px;
    height: 27px;
    margin-top: 18px;
}

.wrap{
    width: 100%;
    height: 542px;
    background-color: #fff;
    margin-top: 28px;
}
.wrap .title{
    height: 49px;
    line-height: 49px;
    overflow: hidden;
    background-color: #f0f0f0;
}
.wrap .title h2{
    text-align: center;
    width: 150px;
    height: 49px;
    line-height: 49px;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    background-color: #0e78d2;
    float: left;
}
.wrap .title a{
    color: #848484;
    font-size: 14px;
    float: right;
    padding-right: 18px;
    background: url(/web_images/arrow.jpg) no-repeat right;
    margin-right: 20px;
}
.company{
    width: 855px;
    height: 516px;
    margin-top: 26px;
    float: left;
}
.company ul{
    padding: 2px 15px;
    border: 1px solid #d8d8d8;
    height: 461px;
}
.company li{
    padding: 15px 0;
    height: 123px;
    overflow: hidden;
    border-bottom: 1px solid #eaeaea;
}
.company li img{
    width: 191px;
    height: 123px;
    vertical-align: top;
    float: left;
}
.company li .txt{
    width: 606px;
    float: right;
}
.company li h2{
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    color: #434343;
    line-height: 44px;
    margin-top: 3px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.company li .zi{
    width: 100%;
    color: #858585;
    font-size: 13px;
    line-height: 22px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.company li.last{
    border: 0 none;
}
.know{
    width: 405px;
    height: 516px;
    margin-top: 26px;
    float: right;
}
.know ul{
    padding-top: 13px;
    width: 403px;
    height: 452px;
    border: 1px solid #d8d8d8;
}
.know li{
    line-height: 37px;
    overflow: hidden;
}
.know li a{
    color: #1767aa;
    font-size: 14px;
    float: right;
    margin-right: 21px;
}
.know li h2{
    margin-left: 23px;
    width: 260px;
    color: #434343;
    font-size: 16px;
    float: left;
    font-weight: normal;
    padding-left: 19px;
    background: url(/web_images/dotted.jpg) no-repeat left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.know li h2 a{ color:#434343;float: left;}
.information{
    margin-top: 42px;
    height: 391px;
}
.information .title{
    height: 50px;
    line-height: 48px;
    border-bottom: 1px solid #dcdcdc;
    margin-top: 7px;
}
.information .title h2{
    padding: 0 6px;
    color: #434343;
    font-size: 20px;
    float: left;
    border-bottom: 3px solid #0e78d2;
}
.information .title a{
    color: #848484;
    font-size: 14px;
    float: right;
    padding-right: 18px;
    background: url(/web_images/arrow.jpg) no-repeat right;
}
.publish{
    padding: 0 20px;
    width: 815px;
    float: left;
    background-color: #fff;
    height: 391px;
}
.publish ul{
    padding-top: 10px;
}
.publish li{
    line-height: 38px;
    overflow: hidden;
}
.publish li .date{
    color: #acacac;
    font-size: 14px;
    float: right;
}
.publish li h2{
    margin-left: 6px;
    width: 710px;
    color: #434343;
    font-size: 16px;
    float: left;
    font-weight: normal;
    padding-left: 19px;
    background: url(/web_images/dotted.jpg) no-repeat left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.base{
    padding: 0 20px;
    width: 365px;
    background-color: #fff;
    height: 391px;
    float: right;
}
.base .video{
    width: 363px;
    height: 199px;
    margin-top: 16px;
}
.base .video img{
    width: 363px;
    height: 199px;
    vertical-align: top;
}
.base .txt{
    width: 100%;
    color: #3c3c3c;
    font-size: 14px;
    line-height: 22px;
    margin-top: 12px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 4; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    height:312px;
}