@import ;
/*头部*/
header { height: 264px; *background: #06beff; position: relative;  }
header:before { content:""; width: 100%; display: block; position:absolute; height: 264px; background: url(/uploads/image/pipc/header_bg.jpg) no-repeat center; top: 0; z-index: -1;  }
.in_header { height: 232px; padding-top: 32px; position: relative; }
.search { position: absolute; left: 50%; margin-left: -250px; margin-top: 30px; }
.header_ewm { margin-top: 20px; }
.header_ewm .ewm_img { width: 80px; height: 80px; background: #fff; border-radius: 6px; overflow: hidden; padding: 5px; }
.header_ewm img { width:100%;  }
.logo { margin-top: 25px; }
.search_f { width: 500px; height: 54px;  border: 1px solid #fff; overflow: hidden; position: relative;  }
.search_text { width: 295px; padding: 0 10px 0; line-height: 54px; height: 54px; }
.search_btn { width: 80px; line-height: 54px; cursor: pointer;}
.search select { width: 95px; position: absolute; padding: 0 5px 0 10px; left: 0; height: 54px; line-height: 54px; text-align: center; border: none; font-size: 14px; outline: none; opacity: 0.8; }
.search select option { height: 30px; line-height: 30px; }
/* .search_f:before { content:""; display: block; position: absolute; height: 24px; width: 1px; background: #e1e1e1; left: 100px; top: 15px; } */
.search_hot { font-size: 12px; line-height: 30px; height: 30px; margin-top: 5px; width: 500px; overflow: hidden; }
.search_hot span { color: #fff; opacity: 0.7; }
.search_hot a { color: #fff; opacity: 1; margin-left: 10px; }
.logo img { margin-top: 0px; }
/*导航*/
nav { position: relative; height: 0;}
.in_nav { width: 100%; background: #0885b2\0/; *background: #0885b2; background: rgba(0,0,0,0.4); position: absolute; top: -52px; }
.nav_item.on:before { width:126px;}
.nav_item {width: 126px;}
/*专题*/
.zt_itme { width: 281px; height: 153px; overflow: hidden; border-radius: 6px; position: relative; margin-left: 25px; }
.zt_itme:first-child { margin-left: 0; }
.zt_img {width: 281px; height: 153px; position: absolute; z-index: 1;}
.zt_img img {  transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); }
.zt_itme_nr { width: 257px; height: 133px; padding: 10px 12px;background: #333\0/; *background: #333;background: rgba(0,0,0,0.7); position: absolute; z-index: 2; left: 0px; opacity: 0; bottom: -153px; }
.zt_itme_nr h4 { margin:5px 0; }
.zt_itme_lm { height: 90px; overflow: hidden; }
.zt_itme_lm a { color: #fff; font-size: 12px; line-height: 24px; margin:0 10px 5px 0; display: block; float: left; opacity: 0.8;  }
.zt_itme_lm a:hover { opacity: 1; }
.zt_itme:hover .zt_itme_nr { opacity: 1; bottom: 0; }
.zt_itme:hover .zt_img img {filter: blur(10px); transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);}
/*首屏*/
.con { background: #f7f7f7; padding-top: 30px; }
.ban { padding: 24px; }
.ban_l { width: 830px; height: 230px; padding-bottom: 200px; position: relative; }
.ban_new { width: 450px; }
.ban_new .lb_1 { width: 48%; float: left; }
.ban_new .lb_1:nth-child(2n 1) { margin-right: 4%; }
.ban_tui { width: 100%; height: 180px; position: absolute; bottom:-10px; left: 0; }
.ban_tui .lb_2 { width:265px; width: 23%\0/; *width: 23%; float: left; margin-left: 2%; padding:5px 0; }
.ban_tui .lb_2:nth-child(3n 1) { margin-left: 0; }
/*banner*/
.banner { width: 360px; height: 230px; border-radius: 6px; position: relative; overflow: hidden; }
.banner_list { position: relative; height: 230px; }
.banner_list img { width: 100%; min-height: 230px; }
.banner_list p { position: absolute; left: 0; bottom: 0; width:280px; height: 30px; line-height: 20px;  background: rgba(49,57,60,0.6); color: #fff; padding: 10px 70px 0 10px;  }
.banner_list p time { color: #fff; font-size: 12px; opacity: 0; display: block; }
.banner .hd { position: absolute; right: 10px; bottom: 15px; }
.banner .hd li { width: 8px; height: 8px; background: #fff; opacity: 0.4; border-radius: 100%; float: left; margin-left: 5px; }
.banner .hd li.on {opacity: 0.8;}
.banner:hover .banner_list p { height: 50px; }
.banner:hover .banner_list time { opacity: 1; }
/*栏目*/
.lm_rwap { height: 520px; }
.lm_menu { width: 170px; height: 520px; border-radius: 6px; margin-right: 20px; }
.lm_1 .lm_menu { background:#fff5f5 url(/uploads/image/pipc/lm_bg1.png) no-repeat bottom; }
.lm_1 .title_l .iconfont { color: #ff6c6c; }
.lm_2 .lm_menu { background:#f1f9f7 url(/uploads/image/pipc/lm_bg2.png) no-repeat bottom; }
.lm_2 .title_l .iconfont { color: #5ec7b4; }
.lm_3 .lm_menu { background:#f2f6fa url(/uploads/image/pipc/lm_bg3.png) no-repeat bottom; }
.lm_3 .title_l .iconfont { color: #5c99f3; }
.lm_3 .lb_6 .lb_img img { height: 100%;}
.lm_4 .lm_menu { background:#f9f5fa url(/uploads/image/pipc/lm_bg4.png) no-repeat bottom; }
.lm_4 .title_l .iconfont { color: #c16ed6; }
.lm_5 .lm_menu { background:#f0f6f9 url(/uploads/image/pipc/lm_bg5.png) no-repeat bottom; }
.lm_5 .title_l .iconfont { color: #12bbff; }
.menu_rwap { padding: 10px; height: 278px; overflow: hidden; }
.menu_rwap h4 { margin: 10px 0; }
.menu_rwap a { display: block; float: left; font-size: 12px; line-height: 30px; height: 30px; overflow: hidden; width: 46%; color:#777; }
.menu_rwap a:hover {  color:#12bbff; }
.menu_rwap a:nth-child(2n) { margin-right: 8px; }
.lm_in { width: 640px; }
.in_tui .lb_2 { float: left; width: 226px; }
.in_tui .lb_2:nth-child(2n) { float: right; }
.in_new .lb_3 { float: left; width: 250px; }
.in_new .lb_3:nth-child(2n) { float: right; }
.in_new .lb_31 { width: 220px; }
.in_tw .lb_4 { float: left; width: 46%; margin: 10px 0; }
.in_tw .lb_4:nth-child(2n) {float: right;}
.in_tw .lb_4 .lb_nr { width: 168px; }
.in_tui .tui_r { width: 284px; }
.in_tui .tui_r .lb_2 { float: none;}
.in_tui .tui_r .lb_2:nth-child(2n) { float: none; }
.in_tui .lb_2 .lb_lm { top: 5px; }
.in_tw2 .lb_6 { width: 140px; float: left; margin-left: 26px; }
.in_tw2 .lb_6:first-child { margin-left: 0; }
.in_tui .lb_5 p { width: 260px;}
/*栏目热门*/
.hot_b .iconfont { margin-right: 5px; }
.hot_lb2 { position: relative; margin:0 14px 14px 14px; padding-top: 14px; border-top: 1px dashed #e6e6e6; height: 50px; }
.hot_lb2 .hot_img { width: 50px; height: 50px; display: block; left: 0; position: absolute; border-radius: 100%; overflow: hidden; }
.hot_lb2 .hot_img img { min-width: 100%; height: 100%; }
.hot_lb2 .hot_img span {display: block;width: 50px; height: 50px; position: absolute; left: 0;top: 0; background: rgba(0,0,0,0.4); text-align: center; line-height: 50px; color: #fff; opacity: 1;}
.hot_lb2:hover .hot_img span { opacity: 0; }
.hot_lb2 .hot_b span { margin-right: 10px; }
.in_tw ul li { float: left; width: 46%; }
.in_tw ul li:nth-child(2n) { float: right;}