@import url("swiper.min.css");
@import url("common.css");
/*文章列表*/
.lb_1 { display: block; line-height: 42px; height: 42px; position: relative; padding-left: 20px; margin-top: 0;}
.lb_1::after { content: ""; display: block; width: 80%; height: 2px; border-bottom: 1px dashed #d5d5d5; position: absolute; top: 20px; left: 30px;}
.lb_1 time { position: absolute; right: 0; font-size: 13px; color: #999; background-color: #fff; padding-left: 13px; z-index: 1;}
.lb_1 span { font-size: 15px; position: absolute; left: 24px; background-color: #fff; color: #333; z-index: 1; padding-right: 10px; max-width: 80%;}
.lb_1 span:hover { color: #1e91f8; }
.lb_1:before { content:"精"; display: block; position: absolute; width: 17px; height: 17px; line-height: 17px; text-align: center;  background: #1e91f8; font-size: 12px; color: #fff; border-radius: 4px; left: 0; top: 13px; z-index: 1;}
/*头部*/
header { height: 306px; background: #1e91f8 url(../images/header_bg.jpg) no-repeat center top; }
.header_top { height: 42px; padding-top: 5px; }
.nav_com { background: none; width: 900px; float: left; line-height: 42px; }
.nav_com .nav_rwap li a { line-height: 42px;}
.nav_com .nav_rwap .nav_close { display: none; }
.logo { float: none;  display: block; margin-top: 40px; }
.logo img { margin: 0 auto; }
.menu_btn { display: none; }
.header_phone { position: relative; height: 42px; overflow: hidden; }
.header_phone em { position: absolute; top: 0px; left: 0px; font-size: 16px;}
.header_phone span {display: block; line-height: 42px; font-size: 12px; color: #fff; padding-left: 16px; cursor: pointer;}
.phone_rwap { width: 100px; height: 120px;padding: 5px; background: #fff; border-radius: 10px; text-align: center; font-size: 12px; color: #999; box-shadow: 0 5px 14px rgba(0,0,0,0.1); position: absolute; opacity: 0; top: 70px; left: 50%; margin-left: -55px; }
.phone_rwap:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 8px solid transparent;    border-right: 8px solid transparent; border-bottom: 10px solid #fff; top: -10px; left: 48px; }
.phone_rwap img { width: 100%; }
.header_phone:hover .phone_rwap { opacity: 1; top: 46px; transition: 0.3s ease;}
.header_phone:hover {overflow: visible;}
/*搜索*/
.header_rwap { width: 630px; margin: 0 auto;}
.header_rwap .search { border: none; margin: 10px 0;  }
.search_f { width: 630px; line-height: 50px; height: 50px; }
.search_text { width: 510px; line-height: 50px; height: 50px; }
.search_btn { width: 100px; line-height: 50px; height: 50px; }
.search_f em { right: 68px; }
/*首屏*/
.con_ban { background: #fff; padding: 30px 30px 20px 30px; border-radius: 10px; margin-top: -30px; }
.ban_l { width: 790px; float: left;  border-radius: 10px; }
.ban_t { height: 340px;}
.ban_b { height: 120px; margin-top: 20px;}
.ban_tu { width: 170px; float: left; margin-right: 30px; }
.ban_tu li { position: relative; border-radius: 10px; overflow: hidden; margin-bottom: 16px; }
.ban_tu li span { position: absolute; line-height: 26px!important; height: 26px!important; bottom: 0; left:0; background: rgba(0,0,0,0.4); color: #fff; text-align: center;}
.ban_banner { float: right; width: 585px; }
.ban_nav { margin-top: 12px;height: 44px; }
.ban_nav li { float: left; margin-left: 10px;  }
.ban_nav li:first-child { margin-left: 0;}
.ban_nav li a { width: 138px; height: 44px; line-height: 44px; font-size: 17px; font-weight: bold; display: block; background: #1e91f8; border-radius: 10px; text-align: center; color: #fff; }
.ban_nav li:nth-child(1) a { background-image: linear-gradient(#1e91f8,#63befc); }
.ban_nav li:nth-child(2) a { background-image: linear-gradient(#87c43f,#9be248); }
.ban_nav li:nth-child(3) a { background-image: linear-gradient(#e85555,#fd7474); }
.ban_nav li:nth-child(4) a { background-image: linear-gradient(#37baa6,#46e5cd); }
.ban_b li { width: 370px; float: left; }
.ban_b li:nth-child(2n) { float: right; }
.ban_b li .lb_1:before { content:"热"; background: #fa5858; }
    /*banner*/
.banner { width: 585px; height: 285px; overflow: hidden; position: relative; border-radius: 10px; }
.swiper-button-next, .swiper-button-prev { width: 30px; height: 30px; border-radius: 10px; background-size: 10px 20px; background-color: #fff; transition: 0.3s ease; }
.swiper-button-prev { left: -30px; }
.swiper-button-next { right: -30px; }
.banner:hover .swiper-button-prev { left: 10px; transition: 0.3s ease; }
.banner:hover .swiper-button-next { right: 10px; transition: 0.3s ease; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: 60px; right: 0; left: auto; }
.swiper-pagination-bullet { background: #fff; opacity: 0.4; transition: 0.3s ease; }
.swiper-pagination-bullet-active { opacity: 0.8; width: 16px; border-radius: 10px; transition: 0.3s ease; }
.banner img { width: 585px; height: 285px; }
.banner li { position: relative; overflow: hidden;}
/*热门排序*/
.ban_hot { float: right; width: 308px;}
.ban_hot ul { margin-top: 20px;}
.ban_hot li { padding-left: 90px;}
.ban_hot li span { background: #f1f1f1; font-size: 13px; color: #666; border-radius: 10px; display: block; line-height: 26px; height: 26px; width: 80px; text-align: center; position: absolute; left: 0; top: 2px;}
/*栏目*/
.lm { background: #fff; border-radius: 10px; padding: 30px 30px 20px 30px; margin-top: 20px;}
.lm_rwap { float: left; width: 790px; margin-top: 0; }
.lm .more { background-color: #fff; position: absolute; z-index: 1; right: 0; padding-left: 20px; line-height: 44px;}
.lm .lm_lb { margin-top: 0px;}
.lm_nav { float: left; max-width: 800px; margin-left: 20px; }
.lm_nav .swiper-wrapper { display:inline; }
.lm_btn { float: left; width: auto; line-height: 30px; color: #666; margin-left: 20px;}
.lm_new { width: 375px; float: left;  }
.lm_new:first-child+div { margin-right: 0;}
.lm_new .lb_tu1 { margin: 16px 0 8px 0; }
.lb_tu2 li { width: 170px; }
.lb_tu2 li img { width: 100%; height: 103px; border-radius: 10px; }
.lb_tu2 li span { display: block; width: 100%; margin-top: 4px; overflow: hidden; line-height: 30px; height: 30px; }
.lb_tu2 li:first-child { margin-left:0;}
.lm_new .lb_tu2 { height: 137px; margin-bottom: 4px; }
.lm_new .lb_tu2 li { float: left; }
.lm_new .lb_tu2 li:nth-child(2n) { float: right;}
.lb_xin .lb_1:before { content: ""; background:url(../images/lm_thead.png) no-repeat center;  }
.lm .lm_hot { background-color: #f7f7f7; padding: 20px; width: 268px; border-radius: 10px; }
.lm_hot .title_1 {  height: 26px; line-height: 26px; border-radius: 0; padding: 0 0 0 30px; }
.lm_hot .title_1 em { margin: 4px 10px 0 0; color: #fa5858; font-weight: normal; left: 0; top: -3px;}