
body,div,span{
    /*color: black; !important;*/
    font-family: "Noto Sans SC";
}
a, .ttrd-item>a {
    text-decoration: none; /* 去除默认的下划线 */
    outline: none;	/* 去除旧版浏览器的点击后的外虚线框 */
    color: #000;	/* 去除默认的颜色和点击后变化的颜色 */
}
/*[class*="col-"]{*/
/*    padding: 0px;*/
/*}*/

.banner{
    width: 100%;
    max-height: 700px;
    position: relative;
    margin-bottom: 20px;
}
.hover-group{
    position: absolute;
    right: 50%;
    bottom: 5%;
    transform: translate(35%,0);
}
.hover-group div{
    float: left;
}
.hover-group a{
    display: block;
    width: 30px;
    height: 6px;
    background-color: rgba(234, 233, 233, 0.7);
    margin-left: 8px;
    border-radius: 8px;
    transition: 0.3s all ease-in-out;
}
.hover-group a:hover{
    background-color: rgb(255, 255, 255);
}

.title{
    font-size: 24px;
    text-align: center;
    color: #054994;
}
.title2{
    font-family: "Noto Sans SC";
    font-size: 14px;
    text-align: center;
    margin: 20px 0 25px 0;
}

/*新版头条热点*/
.ttrd{max-width: 1240px;margin: 0 auto;}
.ttrd-title{
    padding-top: 50px;
    width: 100%;
    margin: auto;
    font-size: 24px;
    color: #d7bb95;
    text-align: center;
    font-weight: bold;
    letter-spacing:8px
}
.ttrd-content{
    width: 1240px;
    margin: 30px auto 20px auto;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.ttrd-content #moreNews{
    position: absolute;
    right: 20px;
    bottom: 0px;
}

.ttrd-left{position: relative;height: 322px;overflow: hidden;text-align: center;width: 516px;}
/*.ttrd-left>img:hover{transform: scale(1.1) translateX(-50%);}*/
/*.ttrd-left img{height: 100%;position: absolute;transform: translateX(-50%);transition: 0.5s all ease-in-out;}*/
/*.ttrd-left>img{*/
/*    height: 322px;*/
/*    padding: 15px;*/
/*    border: 1px solid #cccccc;*/
/*}*/
.ttrd-left .img-title{
    position: absolute;
    bottom: 40px;
    text-align: center;
    color: white;
    width: 100%;
    padding: 0 15px;
    margin-left: -15px;
    font-size: 18px;
    opacity: 0.8;
}
.ttrd-right{
    /*background-color: black;*/
    position: relative;
    width: 620px;
}
#box1{
    height: 282px;
    overflow: hidden;
}
.ttrd-rt{text-align: right;border-bottom: 1px solid #cccccc;padding: 10px 0;}
.ttrd-rt>a{color: #d7bb95;font-size: 16px;}
.ttrd-rb{margin: 0 15px;}
.ttrd-item{padding: 6px 0;border-bottom: 1px solid #cccccc;position: relative;}
.ttrd-item>a{color: #666666;}
.ttrd-item:hover a{color: white}
.ttrd-item:hover{background-color: #bdbdbd;color: white;padding-left: 40px;transition: 0.2s padding-left ease-in-out;cursor: pointer;}
.ttrd-item:hover .item-r{right: -40px;transition: 0.2s all ease-in-out;padding-left: 40px;}
.ttrd-item:hover .item-l{padding-right: 180px;transition: 0.2s all ease-in-out;}

/*.item-l{padding-right: 210px;position: relative;overflow: hidden;text-overflow: ellipsis;padding-left: 20px;}*/
/*.item-r{position: absolute;right: 0; top: 20px; border-left: 1px solid #cccccc;padding: 0 40px 0 70px;width: 200px;}*/
/*.item-title{font-size: 16px;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}*/
/*.item-content{font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;text-overflow:ellipsis;}*/
/*.item-date{font-size: 32px;margin-bottom: 10px;}*/
/*.item-year{font-size: 18px;margin-bottom: 10px;}*/

.item-l{padding-right: 210px;position: relative;overflow: hidden;text-overflow: ellipsis;padding-left: 20px;}
.item-r{position: absolute;right: 0; top: 8px; padding: 0 10px 0 70px;width: 200px;}
.item-title{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;height: 34px;line-height: 34px;}
.item-content{overflow: hidden;text-overflow:ellipsis;}
.item-date{font-size: 18px;margin-bottom: 5px;}
.item-year{display:none; font-size: 20px;}

.guadual-line{
    height: 3px;
    width: 25%;
    margin: 20px auto 0 auto;
    background: -webkit-linear-gradient(right, #ffffff, #2f2d95, #ffffff);
    background: -o-linear-gradient(right, #ffffff, #2f2d95, #ffffff);
    background: -moz-linear-gradient(right, #ffffff, #2f2d95, #ffffff);
    background: linear-gradient(right, #ffffff, #2f2d95, #ffffff);
}

.gywm{
    margin: 0 auto;
    padding: 60px 0;
    background-color: #f9f9f9;
}
.gywm .content{
    margin: 0 auto;
}
.gywm-btn{
    border: black solid 2px;
    display: inline-block;
    font-size: 14px;
    padding: 8px 40px;
    transition: 0.3s all ease-in-out;
}
.gywm-btn:hover{
    background-color: black;
    cursor: pointer;
}
.gywm-btn:hover a{
    color: white;
}
.gywm-left-title{
    font-size: 18px;
    font-weight: bold;
}
.gywm-font{
    line-height: 30px;
    text-align: justify;
    padding-right: 50px;
    font-size: 16px;
    padding-bottom: 20px;
}
.gywm-bottom{
    margin: 0 auto;
    padding-top: 10px;
    max-width: 1240px;
    box-shadow: 0 -5px 10px rgba(229, 228, 228, 0.8);
}
.gywm-left{
    margin-bottom: 10px;
    height: 282px;
}
.more{
    position: absolute;
    bottom: 0;
    right: 65px;
    border-bottom: 1px solid #d7bb95;
}

.gywm-right img{
    width: 100%;
    height: 282px;
    transition: 0.5s all ease-in-out;
}
.gywm-right img:hover{
    transform: scale(1.1);
}
.gywm-item{
    text-align: center;
}
.gywm-item-title{
    font-family: arial,helvetica,sans-serif;
    font-size: 42px;
}
.gywm-item-content{
    font-size: 14px;
    font-family: "alifont";
}

.ttrd-top{
    border-bottom: 1px solid #dddddd;
    margin-top: 20px;
    font-size: 16px;
    width: 1240px;
    display: flex;
    justify-content: space-between;
}
.ttrd-top>div,.ttrd-top>a{
    text-align: center;
    line-height: 60px;
    margin-bottom: 20px;
    /*padding-bottom: 20px;*/
}
.ttrd-top>a{
    display: block;
}
.ttrd-top .ttrd-top-left{
    background-color: #e68620;
    color: white;
    letter-spacing: 8px;
    width: 516px;
}
.ttrd-top .ttrd-top-right{
    background-color: #dddddd;
    color: #515c79;
    letter-spacing: 2px;
    width: 620px;
}


@media screen and (max-width: 769px) {
    /*.ttrd{padding: 10px 0;}*/
    /*.ttrd #box1, .ttrd #box2{width:360px;height:25px;margin:0 auto 15px auto;overflow: hidden; float: none; }*/
    /*.ttrd #con1 .content-left, .ttrd #con2 .content-left, .ttrd #con11 .content-left, .ttrd #con22 .content-left{ width: 240px; }*/
    .item-r{padding: 0 0 0 20px; min-width: 105px;width: auto;}
    .item-l{padding-right: 36%;}
    .item-title{width: 80%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
    .gywm-left{height: auto;}
    .gywm-font{padding-right: 0;}
    .more{right: 15px;}
    .ttrd-left{padding: 0;height: auto !important;}
    .ttrd-left>img{width: 100% !important; height: auto !important;}
    #box1{padding: 0 10px;}
}
