@charset "utf-8";
body { background: #EAEFF5;}
.container-fluid { width: 100%; height: auto;}
.content { width: 90%; margin: 15px auto;}
.content .location { color: #003b64; font-size: 15px; line-height: 20px; padding: 20px 0; border-bottom: 1px solid #ddd;}
.content .location a { color: #003b64;}
.content .content-left{ float: left; width: 68%;}
.content .content-right{ float: right; width: 22%; margin-left: 10%;}
.n-l-c{width:75%;}
.new-list li{ font-size: 14px; color: #333; line-height: 20px; border-bottom: 1px dashed #ddd;position: relative;}
.new-list li a{ color: #333;}
.new-list li p{ display: inline-block; padding: 18px 0; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.new-list li span{ position: absolute; padding: 18px 0;right: 0;}
.new-list li a:hover{ color: #003b64;}
.page{ margin: 20px auto;font-size: 12px; text-align: center;}
.page span{ display: inline-block; color: #666; margin-right: 15px;}
.page span input{ width: 30px; margin: 0 10px; padding: 6px; text-align: center; color: #666; background: #ECF6FF; border: 1px solid #64C2FF; border-radius: 1px;}
.page .pagination {display: inline-block; margin: 10px;}
.page .pagination li { margin-right: 12px; display: inline-block; color: #333;}
.page .pagination li a { display: block; padding: 6px 10px; color: #333; border: 1px solid #64C2FF;}
.page .pagination li.disabled a { color: #888; border: 1px solid #B4E0FF; cursor: not-allowed;}

.input-ctl{ position: relative; margin-top: 20px; padding: 10px 8px; font-size: 12px; border: 1px solid #ddd; border-radius: 3px;}
.input-ctl input {width: 80%; border: 0;}
.input-ctl i{ position: absolute; top: 10px; right: 8px; z-index: 10; display: block; width: 15px; height: 15px; background: url(../images/logo/search.jpg) no-repeat; filter: invert(1);}
.category{ margin-top: 20px;}
.category dt{ margin-bottom: 10px; padding: 15px 0; font-size: 15px; color: #003b64; border-bottom: 1px solid #ddd;}
.category dd{ display: inline-block; margin: 0 9px 10px 0; padding: 7px 12px; font-size: 12px; color: #333; border: 1px solid #ddd; border-radius: 3px;}
.category dd.active{ color: #fff; background: #0076C8;}
.category dd a{color: #333;}
.category dd.active a{color: #fff;}
.others{ width: 100%; margin-top: 30px;}
.others img{ width: 150px; margin-bottom: 15px;}





/*news_info*/
.content .content-main{ margin: 20px 0; font-size: 14px; color: #555;}
.content .content-main img{ margin-bottom: 20px; max-width: 100%;}
.content .content-main .title{text-align:center;}
.content .content-main .title h3{font-weight:bold;}
.page-deal a{color: #555;}
.page-show a{color: #333;}

.ej_list_tt{}
.ej_list_tt .p2_left_ul li a{flex-direction: row-reverse;align-items: flex-start;display: flex;justify-content: space-between;}
.ej_list_tt .p2_left_ul{width: 100%;margin-top:20px;}
.ej_list_tt .p2_left_ul li{margin-bottom: 20px;transition: 0.4s;transition: 0.4s;}
.ej_list_tt .p2_left_ul li .con .sj::after{opacity: 0.2;}
.ej_list_tt .p2_left_ul li .con{width: calc(100% - 290px);padding-top: 15px;}
.ej_list_tt .p2_left_ul li .img{float: left;
  position: relative;
    width: 250px;
    height: 170px;
    overflow: hidden;}
.ej_list_tt .p2_left_ul li .img img{width:100%;height:100%;object-fit:cover;}
.ej_list_tt .p2_left_ul li .con .sj{font-size: 16px;margin-bottom: 10px;padding-left: 30px;line-height: 18px;background: url(../images/ej_list_sj.png) no-repeat left center;color: #014441;}
.ej_list_tt .p2_left_ul li .con .bt{height: 30px;font-size: 18px;margin-bottom:10px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ej_list_tt .p2_left_ul li .con .zy{font-size: 14px;line-height: 24px;color: #999;max-height: 72px;overflow: hidden;}
.ej_list_tt .p2_left_ul li.no_img{}
.ej_list_tt .p2_left_ul li.no_img .con{width: 100%;padding-top: 0;}
.ej_list_tt .p2_left_ul li:hover .con .bt{color: #336699;font-weight: bold;}
.ej_list_tt .p2_left_ul li:hover{}

/*自适应*/
@media screen and (min-width: 360px) and (max-width: 769px){
    .n-l-c{width:90%;}
    .content .content-left { float: none; width: 100%;}
    .content .content-right { float: none; width: 100%; margin-top:20px; margin-left: 0;}
@media screen and (max-width: 560px){
     .ej_list_tt .p2_left_ul li{margin-bottom:30px}
     .ej_list_tt .p2_left_ul li a{flex-wrap:wrap;}
    .ej_list_tt .p2_left_ul li .img{width:100%;order:0;height:240px;}
  .ej_list_tt .p2_left_ul li .con{width:100%;order:1;}
}