body{background-color: #fff;}
.ym-nav{
    width: 100%;
    border-bottom: 1px solid #E6E6E6;
}
.ym-nav .ym-navli{
    border: 1px solid #E6E6E6;
    border-bottom: none;
    float: left;
    width: calc(100% / 2);
}
.ym-nav .ym-div{
    overflow: hidden;
    margin: 0 auto;
    width: calc(100% / 3);
}
.comwidth{
    width: 1280px;
    margin: 0 auto;
}
.news-box{overflow: hidden;}
.news-div{margin-top: 65px;}
.news-div .news-li{overflow: hidden;margin-bottom: 40px;}
.news-div .news-li .left-div{width: 400px; height: 240px;overflow: hidden;float: left;}
.news-div .news-li .left-div img{width: 100%;height: 100%;transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;}
.news-div .news-li .right-div{
    width: calc(100% - 400px);float: left;box-sizing: border-box;padding-left: 30px;
}
.news-div .news-li .right-div .first-heng{overflow: hidden;}
.news-div .news-li .right-div .first-heng h1{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    line-height: 20px;
    height: 20px;
    float: left;
    margin-top: 33px;
    width: 70%;
    overflow: hidden;
}
.news-div .news-li .right-div .first-heng .riqi{float: right; overflow: hidden;margin-top: 7px;}
.news-div .news-li .right-div .first-heng .riqi .rqleft{
    width: 72px;
    height: 72px;
    background: rgba(18, 93, 241, 0);
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    text-align: center;
    float: left;
}
.news-div .news-li .right-div .first-heng .riqi .rqright{
    width: 72px;
    height: 72px;
    background: #DADADA;
    float: left;
    text-align: center;
    line-height: 72px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
}
.news-div .news-li .right-div .first-heng .riqi .rqleft h2{
    font-size: 36px;
    line-height: 36px;
    height: 36px;
    font-weight: 400;
    color: #666666;
    margin-top: 10px;
}
.news-div .news-li .right-div .first-heng .riqi .rqleft p{
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    font-weight: 400;
    color: #666666;
    margin-top: 5px;
}
.news-div .news-li .right-div .two-heng{
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 32px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
   	-webkit-line-clamp:2;
   	-webkit-box-orient: vertical;
}
.news-div .news-li .right-div .line{
    height: 1px;
    background: #E6E6E6;
    width: 100%;
    margin-top: 45px;
    position: relative;
}
.news-div .news-li .right-div .line::before{
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    background: #125DF1;
    z-index: 20;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -ms-transition: 0.8s;
}
.news-div .news-li:hover .right-div .line::before{width: 100%;}
.news-div .news-li:hover .right-div .first-heng h1{color: #125DF1;}
.news-div .news-li:hover .right-div .first-heng .riqi .rqright{
    background-color: #125DF1;
}
.news-div .news-li:hover .left-div img{
    transform: scale(1.06);
    webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
}
.n-page{ text-align:center; clear:both;
    margin-top: 20px;margin-bottom: 30px;}
.n-page a{ padding:5px 10px; margin:0px 3px;  border:#e0e0e0 1px solid; background-color:#f5f5f5; color:#474747;}
.n-page span{ padding:5px 10px; margin:0px 3px;  color:#FFF; background-color:#125DF1; border:#125DF1 1px solid;}
.n-page a:hover{ color:#FFF; background-color:#125DF1; border:#125DF1 1px solid;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
	margin:0 5px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination>li {
    display: inline;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #125DF1;
    border-color: #125DF1;
}
/* 通知公告页面 */
.tzgg-div .news-li .riqi{
    width: 110px;
    height: 110px;
    background: rgba(18, 93, 241, 0);
    border: 1px solid #E6E6E6;
    float: left;
    text-align: center;
}
.tzgg-div .news-li .riqi h1{
    font-size: 52px;
    line-height: 52px;
    height: 52px;
    font-weight: 400;
    color: #666666;
    margin-top: 20px;
}
.tzgg-div .news-li .riqi h2{
    font-size: 16px;
    line-height: 16px;
    height: 16px;
    margin-top: 5px;
}
.tzgg-div .news-li .word{
    width: 70%;
    margin-left: 50px;
    float: left;
    overflow: hidden;
}
.tzgg-div .news-li .word h1{
    font-size: 20px;
    line-height: 20px;
    height: 20px;
    font-weight: bold;
    color: #333333;
    margin-top: 10px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
}
.tzgg-div .news-li .word p{
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 32px;
    margin-top: 13px;
    /* 超过两行 */
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
   	-webkit-line-clamp:2;
   	-webkit-box-orient: vertical;
}
.tzgg-div .news-li .case{
    width: 72px;
    height: 72px;
    background: #D8D8D8;
    float: right;
    text-align: center;
    line-height: 72px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    margin-top: 19px;
}
.tzgg-div .news-li .line{
    width: 100%;
    height: 1px;
    background: #E6E6E6;
    float: left;
    margin-top: 40px;
    position: relative;
}
.tzgg-div .news-li .line::before{
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    background: #125DF1;
    z-index: 20;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -ms-transition: 0.8s;
}
.tzgg-div .news-li:hover .case{
    background: #125DF1;
}
.tzgg-div .news-li:hover .word h1{
    color: #125DF1;
}
.tzgg-div .news-li:hover .line::before{width: 100%;}

@media only screen and (max-width: 1465px){
    .comwidth{width:1200px;}
    
    .ym-nav .ym-navli h3{font-size:16px;}
    .ym-nav .ym-navli{line-height:80px;}
    .ym-nav .ym-div{width: 100%;}
}

@media only screen and (max-width: 1230px){
    .comwidth{width:1000px;}
}

@media only screen and (max-width: 768px){
    
    .comwidth{width:100%;}
    
    .news-div{margin-top:20px;padding:0 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
    .tzgg-div .news-li .case{display:none;}
    
    .tzgg-div .news-li .riqi{ height:70px;width:20%;}
    .tzgg-div .news-li .riqi h1{font-size:18px;line-height:30px;height:auto;margin-top:10px;}
    .tzgg-div .news-li .riqi h2{font-size:12px;margin-top:0;}
    .tzgg-div .news-li .word{width:79%;padding-left:15px;margin-left:0;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
    .tzgg-div .news-li .word h1{font-size:16px;margin-top:0;line-height:24px;}
    .tzgg-div .news-li .word p{font-size: 13px;line-height:22px;margin-top:5px;}
    
    .news-div .news-li{margin-bottom:12px;}
    .tzgg-div .news-li .line{margin-top:10px;}
    
    .news-div .news-li .left-div{width:100%;height:55vw;}
    .news-div .news-li .right-div{width:100%;padding-left:0;}
    .news-div .news-li .right-div .first-heng h1{font-size:15px;margin-top:12px;float:left;clear:both;}
    .news-div .news-li .right-div .first-heng .riqi .rqright{display:none;}
    .news-div .news-li .right-div .first-heng .riqi{float:left;clear:both;}
    .news-div .news-li .right-div .two-heng{font-size:13px;line-height:24px;}
    .news-div .news-li .right-div .line{margin-top:8px;}
    .news-div .news-li .right-div .first-heng .riqi .rqleft{border:none;width:100%;padding:0;height:24px;}
    .news-div .news-li .right-div .first-heng .riqi .rqleft h2{display:inline-block;font-size:16px;font-weight:bold;margin-top:0;line-height:18px;}
.news-div .news-li .right-div .first-heng .riqi .rqleft p{display:inline-block;margin-top:0;line-height:18px;}    

.ym-nav .ym-navli h3{font-size:12px;}
    .ym-nav .ym-navli{line-height:22px;}
}