@charset "UTF-8";
/* CSS Document */
.mt1280,.midmod{width: 1280px; margin: 0px auto;}
.mt1000{width: 1000px; margin: 0px auto;}

/*header*/
.header{height: 70px; background: #fff; box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);}
.fllogo{display: block; float: left;}
.headnav{height: 70px;}
.headnav li{ float: left; }
.headnav li a{padding: 0px 40px; display: block; line-height: 70px; font-size: 20px; color: #222; position: relative;}
.headnav-line{width: 0px; display: block; height: 3px; border-radius: 2px; position: absolute; bottom: 0px; left: 50%;}
.headnav li.hdn-hov .headnav-line{width: 100%; left: 0; }
.headlogin{ border: 1px #ececec solid; margin-top: 22px; margin-left: 30px; border-radius: 12px; font-size: 14px; height: 24px; line-height: 24px; text-align: center; width: 110px;}
.headuser{ margin-top: 22px; margin-left: 30px; padding-right: 10px; font-size: 14px; height: 24px; line-height: 24px;  position: relative; padding-left: 30px;}
.headuser img{width: 24px; border-radius: 12px; position: absolute; left:0px; top:0px;}

/*footer*/
.footer-a{background: #fff; border-top: 1px #ccc solid; padding: 30px; }
.footer-b{background: #262626; padding: 30px; color: #f5f5f5;}
.about{display: block; float: left;}
.about li{width:70%; display: block; float: left;}

/*分页*/
.list_page{ height:35px;text-align:center; width:650px; margin:0 auto; padding:30px 0}
.list_page a,.list_page span{ color:#aaa; margin:0 2px; font-family:Arial; height:33px; padding:0 12px; border:1px solid #e5e5e5; line-height:33px; color:#888; border-radius:2px; display:inline-block}
.list_page a:hover{ border-color:#ccc; color:#fb4242}
.list_page span.page_no{ background:#e5e5e5; color:#999}
.list_page span.page_no02{ background:#fff; color:#999;border: none;}
.list_page a.page_in{ border-color:#fb4242; background:#fb4242; color:#fff;}

/*swiper*/
.swiper-container{width: 100%;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width:100%;}
.swiper-slide img{width:100%; }
.left-swiper-a{width: 780px; height: 390px;}
.sw-right-img{width: 500px;}
.sw-right-img a{display: block; width: 240px; float: left; margin-left: 10px; margin-bottom: 10px; height: 190px; overflow: hidden; position: relative;}
.sw-right-img a .bomtxt{ background: #fff; color: #000; left: 0px; width: 86%; padding: 0px 5% 0px 9%; bottom: 0px; opacity:0.7; height: 30px; line-height: 30px; position: absolute;}
.sw-right-img a:hover img{transform: scale(1.4);}

/*middle*/
.mid-left{ width: 68%; display: block; float: left;}
.mid-right{ width: 27%; display: block; float: right;}
.mid-title{height: 70px; line-height: 70px; position: relative; padding-left: 15px;}
.mid-title .lfline{width: 3px; display: block; height: 30px; border-radius: 2px; position: absolute; z-index: 2; left: 0px; top: 20px;}
.mid-title h3{font-size: 28px;}
.titmore{position: absolute; right: 10px; top:0px;}
.list-mod-tit,.list-mod-bz{ overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;}
.list-mod-tit{font-size: 22px;}
.list-mod-bz{font-size: 16px;}
.username{ color: #888;}
.bomtime{ color: #666;}
.bomline{ color: #aaa;}
.bgcolor{ background: #f5f5f5; position: absolute;  height: 0px; width: 103.2%; left: -1.6%; top: -20px; right: -1.6%; bottom: -20px; z-index: -1;}

/*module-1*/
.module-1 .mid-title{border-bottom: 1px #ececec solid; margin-bottom: 20px;}
.module-1 .list-img{padding-bottom: 15px;}
.module-1 .list-img a{display: block; height: 174px; position: relative; padding-left: 290px; margin-bottom: 15px; }
.module-1 .list-img .limg{width: 270px; height: 169px; position:absolute; left: 0px; top: 0px;}
.module-1 .list-img .list-mod-tit{color: #333; line-height: 32px;-webkit-line-clamp: 2;}
.module-1 .list-img .list-mod-bz{color: #888; padding-top: 5px; -webkit-line-clamp: 3;}
.module-1 .list-img .bomtxt{position: absolute; bottom: 0px; line-height: 30px; left: 290px;}
.module-1 .list-img a:hover .bgcolor{ height: 209px; display: block;}
.module-1 .list-img a:hover .list-mod-bz{color: #666;}

/*module-2*/
.module-2{margin-bottom: 20px;}
.module-2 .list-img{padding-bottom: 20px; border-top: 1px #ececec solid; padding-top: 20px;}
.module-2 .list-img a{display:block; position: relative; }
.module-2 .list-img:last-child{border-bottom: 1px #ececec solid;}
.module-2 .list-img .list-mod-tit{color: #333; font-size: 22px; line-height: 32px;-webkit-line-clamp: 1; padding-right: 90px; }
.module-2 .list-img .list-mod-bz{color: #888; -webkit-line-clamp: 2; line-height: 26px; }
.module-2 .list-img .bomtxt{position: absolute; top: 0px; line-height: 30px; width: 80px; right: 10px; text-align: right; z-index: 2;}
.module-2 .list-img .username,.module-2 .list-img .bomline,.module-2 .list-img .limg{ display: none;}
.module-2 .list-img .bomtime{ color: #888;}
.module-2 .colred{ display: none}
.module-2 .list-img a:hover  {padding-right: 194px; height: 110px; }
.module-2 .list-img a:hover  .limg{ display: block; width: 174px; right: 10px; top:0px; position: absolute;}
.module-2 .list-img a:hover .bgcolor{ height: 150px;  top: -20px; bottom: 0px;}
.module-2 .list-img a:hover .bomtxt{position: absolute; top: 88px; line-height: 30px; width: 78%; right: 22%; text-align: left;}
.module-2 .list-img a:hover .username,.module-2 .list-img a:hover .bomline,.module-2 .list-img a:hover .bomtime{display: block; float: left;}
.module-2 .list-img a:hover .bomtime{color: #666;}
.module-2 .list-img a:hover .colred{ display: block}


/*module-3*/
.module-3 .mid-title{border-bottom: 1px #ececec solid; margin-bottom: 20px;}
.module-3 .list-img{padding-bottom: 20px;}
.module-3 .list-img a{display: block; height: 174px; position: relative; border-bottom: 1px #ececec solid; padding-right: 290px; padding-bottom: 20px;}
.module-3 .list-img .limg{width: 270px; position:absolute; right: 0px; top: 0px;}
.module-3 .list-img .list-mod-tit{color: #333; line-height: 32px;-webkit-line-clamp: 2;}
.module-3 .list-img .list-mod-bz{color: #888; padding-top: 5px; -webkit-line-clamp: 3;}
.module-3 .list-img .bomtxt{position: absolute; bottom: 20px; line-height: 30px; width: 100%; left: 0%;}
.module-3 .list-img a:hover .bgcolor{ height: 215px; display: block;}
.module-3 .list-img a:hover .list-mod-bz{color: #666;}

/*module-4*/
.module-4 .mid-title{border-bottom: 1px #ececec solid; }
.module-4-body{margin-left: -20px; margin-right: -20px;}
.module-4 .list-img{display: block; width: 33.33%; float: left; }
.module-4 .list-img a{display: block;  padding: 20px; position: relative;}
.module-4 .list-img .limg{width: 100%; }
.module-4 .list-img .list-mod-tit{color: #333; line-height: 30px; font-size: 20px; padding-top: 10px; -webkit-line-clamp: 2;}
.module-4 .list-img .bomtxt{line-height: 28px;}
.module-4 .list-img a:hover .bgcolor{ height: 100%; top:0px;  display: block;}

/*module-5*/
.module-5 .mid-title{border-bottom: 1px #ececec solid; margin-bottom: 20px;}
.module-5-body{display: block; *display:inline-block; position: relative; padding-left: 35px; margin-bottom: 20px; }
.module-5-body:after{clear: both; content: ""; display: block; width: 1px; background-color: #ececec; position: absolute; left: 10px; top:10px; bottom: 0px;  z-index: 2;}
.module-5 .list-img a{display: block; position: relative; padding-bottom: 15px; }
.module-5 .list-img .circle{position: absolute; background: #fff; border: 1px #ececec solid; height: 12px; width: 12px; border-radius: 13px; left: -30px; top:8px; z-index: 10;}
.module-5 .list-img .list-mod-tit{color: #333; font-size: 16px; line-height: 28px;-webkit-line-clamp: 1;}
.module-5 .list-img .list-mod-bz{ display: none; color: #888; font-size: 14px; padding-top: 5px; -webkit-line-clamp: 3;}
.module-5 .list-img .bomtxt{ font-size: 12px; color: #888;}
.module-5 .list-img a:hover .list-mod-bz{color: #666;}
.module-5 .btnmore{ background: #f5f5f5; color: #333; height: 40px; line-height: 40px; display: block; border-radius: 3px; display: none; text-align: center;}
.module-5 .list-img.listhov .list-mod-tit,.module-5 .list-img.listhov a:hover .list-mod-tit,.module-5 .list-img a:hover .list-mod-tit{-webkit-line-clamp: 2;}
.module-5 .list-img.listhov .list-mod-bz,.module-5 .list-img.listhov a:hover .list-mod-bz,.module-5 .list-img a:hover .list-mod-bz{display: block; }

/*module-6*/
.module-6 .mid-title{border-bottom: 1px #ececec solid; margin-bottom: 20px;}
.module-6 .list-img a{display: block; position: relative; padding-bottom: 15px; padding-left: 60px;}
.module-6 .list-img .nunmbe{position: absolute; font-size: 40px; color: #ececec; font-family: Impact, Haettenschweiler; left: 0px; top:18px; z-index: 10;}
.module-6 .list-img .list-mod-tit{color: #333; font-size: 16px; line-height: 28px;-webkit-line-clamp: 2;}
.module-6 .list-img .list-mod-bz{ display: none; color: #888; font-size: 14px; padding-top: 5px; -webkit-line-clamp: 3;}
.module-6 .list-img .bomtxt{ font-size: 12px; color: #888;}
.module-6 .list-img a:hover .list-mod-bz{color: #666;}

/*module-7*/
.module-7 .mid-title{border-bottom: 1px #ececec solid; margin-bottom: 20px;}
.module-7 .list-img a{display: block; position: relative; padding-bottom: 15px; padding-left: 20px;}
.module-7 .list-img .bit{position: absolute; font-size: 0px; width: 5px; height: 5px; border-radius: 3px; background: #ccc; left: 0px; top:10px; z-index: 10;}
.module-7 .list-img .list-mod-tit{color: #333; font-size: 16px; line-height: 28px;-webkit-line-clamp: 2;}
.module-7 .list-img .bomtxt{ font-size: 12px; color: #888;}

/*right module*/
.mid-right .bgcolor{ width: 100%; left: 0%; right: 0%; z-index: -1;}
.mid-right .module-1 .list-img a{height: 70px; padding-left: 34%;}
.mid-right .module-3 .list-img a{height: 70px; padding-right: 34%;}
.mid-right .module-1 .list-img .limg,.mid-right .module-3 .list-img .limg{width: 31%; height: auto;}
.mid-right .module-1 .list-img .list-mod-tit,.mid-right .module-3 .list-img .list-mod-tit{font-size: 16px; line-height: 24px; -webkit-line-clamp: 1;}
.mid-right .module-1 .list-img .list-mod-bz,.mid-right .module-3 .list-img .list-mod-bz{font-size: 14px;-webkit-line-clamp: 1; padding-top: 0px;}
.mid-right .module-1 .list-img .bomtxt,.mid-right .module-3 .list-img .bomtxt{font-size: 12px; line-height: 24px; height: 24px; overflow: hidden;}
.mid-right .module-1 .list-img .bomtxt{left: 34%;}
.mid-right .module-3 .list-img .bomtxt{left: 0%; padding-right: 34%; width: 66%; overflow: hidden;}
.mid-right .module-1 .list-img a:hover .bgcolor,.mid-right .module-3 .list-img a:hover .bgcolor{ height: 110px;}
.mid-right .module-4-body{margin-left: 0px; margin-right: 0px;}
.mid-right .module-4 .list-img{display: block; width: 100%; float: none; }
.mid-right .module-4 .list-img a{padding: 20px 0px;}
.mid-right .module-4 .list-img .bomtxt{ display: block;}
.mid-right .module-5 .btnmore{display: block;}

/*detail*/
.detail{background: #fff; border: 1px #ececec solid; padding: 20px;}
.detail .list-mod-tit{color: #333; font-size: 28px; line-height: 44px;-webkit-line-clamp: 2; padding-top: 15px;}
.detail .bomtxt{font-size: 16px;}
.de-txt{padding-left: 40px; line-height: 40px; position: relative; font-size: 16px;}
.de-txt img{position: absolute; left: 0px; top:8px; width: 30px;}

/*login*/
.log-mid{width: 500px; margin: 0px auto; padding-top: 60px; padding-bottom: 50px;}
.formlist li{height:65px; position:relative;}
.inbox{height:40px; padding-top:5px; width:490px; border:1px #cecece solid; border-radius:3px; background:#fff;}
.inbox .txt{ width:58px; display:block; float:left; text-align:right; border-right:1px #dedede solid; height:35px; line-height:35px; padding:0px 8px 0px 5px; margin-right:5px;}
.inbox input{float:left;}
.innobd{border:0px; height:35px; line-height:35px; width:180px;}
.tag{position:absolute; left:500px; width: 250px; top: 12px;}
.redbd{border:1px #d4312a solid; }
.redbd .tag{color: #d4312a; }
.yzm_yy{position:absolute; left:288px; width: 200px; top: 0px; line-height: 42px; line-height: 42px; font-size: 14px;}
.yzm_yy a{display: block;}
.loginbg{background: url("../images/loginbg.jpg") 50% 0px no-repeat;  padding: 80px 0px;}
.log-ff{width: 460px; margin: 0px auto; background: #fff; border-radius: 5px; padding: 40px 20px 20px 20px;}
.log-ff .formlist{width: 350px; margin: 40px auto;}
.log-ff .formlist li{height:85px;}
.log-ff .inbox{width: 350px;}

/*app*/
@media only screen and (max-width:414px){
	.mt1280{width: 100%; margin: 0px auto;}
	.midmod{width: 90%; margin: 0px auto;}
	/*header*/
	.header{height: auto;}
	.fllogo{ width: 50%;}
	.headnav{height: 40px; float: left;}
	.headnav li a{padding: 0px 20px; line-height: 40px; font-size: 16px;}
	.headlogin,.headuser{margin-top: 7px; margin-right: 10px;}
	/*footer*/
	.footer-a .tr,.footer-b .tr{ text-align: left;}
	.about li{width:100%; display: block; float: left;}
	
	/*swiper*/
	.left-swiper-a{width: 100%; height: auto;}
    .sw-right-img{width: 100%; margin-top: 10px;}
	.sw-right-img a{width: 46%; margin-left: 2%; margin-right: 2px;}
	/*middle*/
	.mid-left,.mid-right{ width: 90%; float: none; padding: 0px 5%;}
	.mid-title .lfline{height: 20px; top: 25px;}
	.mid-title h3{font-size: 22px;}
	.titmore{right: 0px;}
	/*module-1 、module-3*/
	.module-1 .list-img a{height: 70px; padding-left: 34%;}
	.module-3 .list-img a{height: 70px; padding-right: 34%;}
	.module-1 .list-img .limg,.module-3 .list-img .limg{width: 31%; }
	.module-1 .list-img .list-mod-tit,.module-3 .list-img .list-mod-tit{font-size: 16px; line-height: 24px; -webkit-line-clamp: 1;}
	.module-1 .list-img .list-mod-bz,.module-3 .list-img .list-mod-bz{font-size: 14px;-webkit-line-clamp: 1; padding-top: 0px;}
	.module-1 .list-img .bomtxt{font-size: 12px; line-height: 24px; left: 34%;}
	.module-3 .list-img .bomtxt{font-size: 12px; line-height: 24px; left: 0%;}
	
	/*module-2*/
    .module-2 .list-img a:hover  {padding-right: 22%; }
    .module-2 .list-img a:hover  .limg{ width: 20%; }
	
	/*module-4*/
	.module-4-body{margin-left: -5px; margin-right: -5px;}
	.module-4 .list-img a{padding: 5px; }
	.module-4 .list-img .list-mod-tit{font-size: 16px; line-height: 26px; }
	.module-4 .list-img .username,.module-4 .list-img .bomline{ display: none;}
}

/*UI red*/
.uired a:hover,.uired .mid-title h3,.uired .headnav li.hdn-hov a,.uired .headnav li a:hover{color: #d4312a;}
.uired .headnav-line{background: #d4312a;}
.uired .mid-title .lfline{background: #f23131;}
.uired .module-5 .list-img .circle{ border: 1px #d4312a solid; }
.uired .module-5 .list-img.listhov .circle,.uired .module-5 .list-img.listhov a:hover .circle,.uired .module-5 .list-img a:hover .circle{ background-color: #d4312a;}
.uired .module-5 .list-img.listhov .list-mod-tit,.uired .module-5 .list-img.listhov a:hover .list-mod-tit,.uired .module-5 .list-img a:hover .list-mod-tit{color: #d4312a;}
.module-6 .list-img a:hover .list-mod-tit{color: #d4312a;}