﻿
a,a:link, a:hover,a:visited{
    text-decoration:none;
}

 li a:hover .rectborder {
    width: calc(100% - 22px);
    height: calc(100% - 22px);
    left: 10px;
    top: 10px;
}

 li .rectborder {
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    position: absolute;
    left: -10px;
    top: -10px;
    border: rgba(255,255,255,.6) 1px solid;
    transition: all ease-out .2s;
}
.is_3 {overflow: hidden;}
.is_3 li{ width: 390px;
    height: 148px;float: left;margin-right: 15px;}
.is_3 li:last-child {margin-right: 0;}

 li.item_block img {
    width: 100%;
    height: auto;
    float: none;
    width: 390px;
    height: 148px;
}

 li.item_block .item_img {
    position: relative;
    display: block;
    margin: 0;
    border: none;
}

 li.item_block a {
    position: relative;
    overflow: hidden;
}

a {
    /* text-decoration: none; */
    transition: all .1s linear;
}








.left1{
    width: 236px;height: 566px;float: left;margin-top: 10px;
    border:1px solid #ececec;margin-right: 10px; margin-bottom:10px;
}
.bg1{
    background: url(../images/new_image_1.png) no-repeat center 426px;
}
.bg2{
    background: url(../images/new_image_2.png) no-repeat center 426px;
}
.bg3{
    background: url(../images/new_image_3.png) no-repeat center 426px;
}
.bg4{
    background: url(../images/new_image_4.png) no-repeat center 426px;
}
.bg5{
    background: url(../images/new_image_5.png) no-repeat center 426px;
}
.bg6{
    background: url(../images/new_image_6.png) no-repeat center 426px;
}
.bg7{
    background: url(../images/new_image_7.png) no-repeat center 426px;
}
.bg8{
    background: url(../images/new_image_8.png) no-repeat center 426px;
}
.left1 ul{
   margin-left: 13px;margin-top: 13px;

}

.left1 ul li{
    height: 60px;background: #fff;padding-bottom: 22px;background: url(../images/xuxian.png)no-repeat left 71px;
}
.left1 ul li dl dt{
    float: left;
}
.left1 ul li dl dd{
    line-height: 28px;margin-left: 5px;float: left;
}
.left1 ul li dl dd a{
    font-family: '微软雅黑';font-size: 14px;color: #666;
}
.right1{
    width: 946px;height: 566px;float: left;margin-left:3px;
}
.ggtu{
    width: 391px;height: 210px;float: left;margin-left: 17px; margin-top: 20px;
}
.clear{
    clear:both;
}

.xm{
    width: 225px;height: 275px;float: left;margin-right: 10px;margin-top: 10px;position: relative;
}

.xm img{
     width: 230px;height: 150px;
}
.imm{
    margin-bottom: 10px;position: relative;overflow: hidden;
}
.immzi{
    line-height: 17px;font-size: 14px;font-family: '微软雅黑';padding: 0 5px;overflow: hidden;
}
.immzi a{
    color: #333;font-size: 16px;font-family: '微软雅黑';width: 225px;overflow: hidden;height: 22px;margin: 2px 0;display: inline-block;
}
.immzi span{
    color: #ff7200;font-size: 18px;font-family: '微软雅黑';
}
.imm span{
    width:240px;
    height:150px;
    z-index:2;
    background: rgba(0,0,0,0.5);
    color: #fff;
    position:absolute;
    left: 0;
    top: 0;
    display: none;
    font-size: 14px;
    padding: 10px
}
.imm span b{
    padding: 5px 5px;float: left;font-weight: normal;
}
.left1_2{
    background: url(../images/ydz.jpg) no-repeat top center;width: 175px;height: 250px;margin-top: 10px;
}
.left1_2 ul li{
    margin-top: 10px;margin-left: 5px;
}
.left1_1{
    width: 175px;height: 200px;
}

.liner {
    margin: 14px 0;
    height: 2px;
    width: 0;
    transition: all .3s linear;
}

.xm:hover .liner {
    width: 100%;
}

#lib_Tab1 .liner {background:#7cc823;}
#lib_Tab2 .liner {background:#3bc88b;}
#lib_Tab3 .liner {background:#fea423;}
#lib_Tab4 .liner {background:#01b3f6;}
#lib_Tab5 .liner {background:#1f75ee;}
#lib_Tab6 .liner {background:#e22d64;}
#lib_Tab7 .liner {background:#42151a;}
#lib_Tab8 .liner {background:#575fe9;}