@import url("swiper.min.css");
@import url("common.css");
nav { border-bottom: 1px solid #f1f1f1; } 
/*首屏*/
.con {width: 75rem; margin: 0 auto;}
.ban_l { width: 810px; height: 342px; float: left; background: #fff; padding: 10px; border-radius: 10px;}
.ban_banner { height: 226px; }
.banner:hover .swiper-button-prev { left: 10px; transition: 0.3s ease; }
.banner:hover .swiper-button-next { right: 10px; transition: 0.3s ease; }
.banner img { width: 380px; min-height: 226px; }
/*首屏*/
.con_ban .ban_t { background-color: #fff; height: 324px;  padding: 26px; border-radius: 10px; }
.con_ban .hot { width: 310px; float: right;}
.con_ban .hot .lb_tu3 { border-bottom: none; padding-bottom: 0; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: 60px; bottom: 0; left: -6px; }
.swiper-pagination-bullet { background: #1fcc9b; opacity: 0.2; transition: 0.3s ease; }
.swiper-pagination-bullet-active { opacity: 0.8; width: 16px; border-radius: 10px; transition: 0.3s ease; opacity: 0.5; }
.swiper-button-next, .swiper-button-prev { width: 30px; height: 30px; border-radius: 10px; background-size: 10px 20px; background-color: #fff; transition: 0.3s ease; top: 120px; }
.swiper-button-prev { left: -30px; }
.swiper-button-next { right: -30px; }
/*banner*/
.banner { width: 360px; height: 330px; float: left; position: relative; overflow: hidden; }
.banner_img { width: 360px; height: 220px; overflow: hidden; border-radius: 10px; }
.banner a { display: block; width: 360px; height: 190px;}
.banner .bt { width: 360px; height: 36px; line-height: 36px; font-size: 17px; display: block; margin-top: 10px; }
.banner p { width: 360px; height: 66px; line-height: 22px; color: #999; font-size: 13px; }
.banner img { width: 360px; height: 200px; }
/* 最新文章 */
.ban_news { width: 405px; float: left; margin-left: 40px; }
.ban_news li { box-sizing: border-box; }
.ban_news .lb_tu3 { border-bottom: none; padding-bottom: 0;}
.ban_news .lb_1 { padding-left: 0;} 
.ban_news .lb_1::after,.ban_news .lb_1::before { display: none; }
.ban_news .lb_1 span { color: #999; position: static; padding-left: 0; margin-left: 0; }
/* 热门文章 */
.ban_hot { width: 300px; float: right; }
.ban_hot .lb_hot:nth-child(2) em {  background-color:#fa5858;}
.ban_hot .lb_hot:nth-child(3) em {  background-color:#ff8e14;}
.ban_hot .lb_hot:nth-child(4) em {  background-color:#1fcc9b;}
.ban_wrap { width: 300px; box-sizing: border-box; float: left;}
.ban_block { width: 99px; height: 110px; float: left; box-sizing: border-box; text-align: center;}
.ban_block a { display: block; padding-top: 15px ;}
.ban_block span { margin-top: 5px; display: block; font-size: 14px;}
.ban_block .iconfont { display: block; width: 40px; height: 40px;  margin: 0 auto;}
.ban_block:nth-child(1) .iconfont { color: #ff6600;}
.ban_block:nth-child(2) .iconfont { color: #8080ff;}
.ban_block:nth-child(3) .iconfont { color: #8000ff;}
.ban_block:nth-child(4) .iconfont { color: #00ac56;}
.ban_block:nth-child(5) .iconfont { color: #800000;}
.ban_block:nth-child(6) .iconfont { color: #0080c0;}
.ban_block:nth-child(7) .iconfont { color: #400080;}
.ban_block:nth-child(8) .iconfont { color: #535353;}
.ban_block:nth-child(9) .iconfont { color: #ff6600;}
/* 精选文章 */
.nwes { width: 1198px; height: 80px; background: #fff; border: 1px solid #f1f1f1;  }
.nwes_head { width: 90px; height: 60px; padding: 10px 20px; border-right: 1px solid #f1f1f1; }
.nwes_head em { width: 40px; height: 40px; border-radius: 100%; display: block; box-shadow: 0px 0px 10px #e1e1e1 inset; float: left; margin-top: 10px; text-align: center; line-height: 40px; font-size: 24px; }
.nwes_head h4 { width: 40px; float: right;  margin-top: 5px;  }
.nwes_nr { padding: 10px 20px; width: 1026px; height: 52px; overflow: hidden; }
.nwes_nr li { height: 30px; line-height: 30px; }
.nwes_nr .lb_2 { margin-right: 15px; width: 300px; }

.ban_b ul { margin-top: 15px;}
.ban_b li { width: 30%; float: left; margin-left: 5%; box-sizing: border-box;}
.ban_b li:nth-child(3n+1) { margin-left: 0; }
/* 首页图文 */
.pic { padding: 0 20px 30px 20px;  }
.pic_rwap {  }
.pic_title { border-bottom: 0; }
.pic_rwap .pic_lb2 { width: 204px; margin:0 20px 0 0; }
.pic_lb2 { margin: 0 auto; }
.pic_rwap .pic_lb2  { height: 158px; }
.pic_lb2  time { margin-left: 10px; color: #999; }
.pic_lb2 ul { list-style-type: none; padding: 0; margin: 0; display: flex;}
.pic_lb2 li { width: 204px;padding: 0 15px;  }
.pic_lb2 li img {width: 204px; height: 130px;  display: block; margin-bottom: 10px;  max-width: 100%; }