.banner-top{ width:100%; height: 0px; display: block; position: relative; padding-bottom: 51.0416666667% !important; } .myCarousel{ width: 100%; height: 100%; } .fl { float: left; } .fr { float: right; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*内页头部*/ .neiye { margin: 40px 0; } .neiye a { color: #333; } .neiye .title { padding: 10px 30px; background: #F82725; color: #fff; text-align: left; font-size: 16px; } .neiye .title.title2 { margin-bottom: 20px; } .neiye .title strong { font-size: 13px; } .neiye .title a { font-size: 13px; } .neiye .title .place { float: right; } .neiye .title .place a { color: #fff; } .neiye .center p { line-height: 30px; } .neiye .center img { max-width: 100%; margin: 0 auto; } .neiye_img_box>a>img { /*height: 286px;*/ } .imgBox ul li { margin-bottom: 20px; padding: 0px 10px; } .imgBox ul li .img { display: block; height: auto; } .imgBox ul li .neiye_img_box { width: 100%; overflow: hidden; border: 1px solid #F82725; } .imgBox ul li:hover .img { transform: scale(1.1); transition: all .5s; } .imgContent .center li .p { display: block; font-size: 16px; text-align: center; padding: 8px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666; transition: all 0s; } .imgContent.col-md-9, .artContent.col-md-9 { padding-left: 50px; } .imgBox ul li:hover .p { background: #F82725; color: #fff; } .arcTitle, .info { text-align: center; margin-bottom: 20px; line-height: 20px; } .info small { margin-left: 15px; } #MyContent { margin-top: 10px; } #MyContent span { line-height: 30px; } #MyContent>span { display: block; text-align: left; } .leftNav .title_box { text-align: center; font-size: 0px; padding: 5px 0px; background-color: #F82725; } .leftNav .title_box>p { display: inline-block; color: #fefefe; font-size: 6.4rem; margin: 0px; margin-right: 12px; vertical-align: top; position: relative; font-weight: bold; text-transform: uppercase; } .leftNav .title_box>span { display: inline-block; color: #fefefe; font-size: 2rem; margin-top: 22px; } .leftNav li { font-size: 16px; border-bottom: 1px dashed #eee; padding: 15px 0px; } .leftNav li a { color: #000; display: block; padding: 0px 15px; font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .leftNews li { padding: 20px 0px; } .leftNav li:hover a { color: #F82725; transition: all .5s; } .neiye .article .info { margin-bottom: 10px; display: block; text-align: center; } .neiye .article li { margin: 0 0 35px; clear: both; border: 1px solid #e7e7e7; border-radius: 5px; padding: 5px; } .neiye .article li:hover { box-shadow: 1px 1px 5px #ccc; } .neiye .article .artBox { padding: 10px 0; width: 95%; margin: 0 auto; overflow: hidden; } .neiye .article .artBox>a { line-height: 15px; } .neiye .article .info .h3 { margin-top: 0; display: block; } .dede_pages { text-align: center; margin-top: 20px; } .left .lxfs li { font-size: 16px; line-height: 30px; } .left .lxfs li>span { font-size: 15px; } .tags-style { font-size: 14px; } .tags-style a { color: #F82725; font-size: inherit; } .tags-style ul { display: inline-block; } .tags-style ul li { float: left; margin-right: 20px; } .tags-style .article-tags { line-height: 30px; } .center { padding: 0px 0px 25px; position: relative; } .center video{ max-width: 100%; } @media (max-width: 768px){ .center video{ max-height: 250px; } } .t_c { text-align: center; margin-bottom: 20px; } .recommend { margin-top: 20px; color: #666; } .recommend h4 { padding: 10px 30px; background: #F82725; color: #fff; text-align: left; font-size: 16px; margin-bottom: 10px; margin-top: 0; } .recommend .recommend_img { background-size: cover !important; display: block; height: 160px; background-repeat: no-repeat !important; background-position: center center !important; } .recommend .recommend_txt { display: block; text-align: center; font-size: 14px; color: inherit; border: 1px solid #ccc; padding: 5px; border-top: none; } .recommend .swiper-slide:hover { color: #fff; background: #F82725; } .pagelist { text-align: right; } .pagelist li { display: inline-block; margin: 0 3px; text-align: center; } .pagelist li a { min-width: 1.3em; padding: 2px 4px; background: #f5f5f5; border: 1px solid #ccc; border-radius: 3px; text-align: center; color: #F82725; } .leftNav { margin-bottom: 20px; background-color: #fbfbfb } .leftNav ul, .lxfs ul { padding: 0px 15px; background-color: #fbfbfb; text-align: center; } .leftNav .hot { height: calc(344px * 2); overflow: hidden; } .leftNav .hot li>a>img { width: 100%; } .leftNav .hot li { position: relative; } .leftNav .hot li span { position: absolute; right: 10px; bottom: 10px; } .leftNav .hot li span>img { width: 70px; } .leftNav .hot li:nth-of-type(1), .leftNav .hot li:nth-of-type(2) { display: block; } .left_lxwm ul { position: relative; } .left_lxwm li { font-size: 1.4rem; line-height: 20px; position: relative; z-index: 1; padding: 12px 0px; } .left_lxwm li>p { text-align: center; font-weight: bold; color: #333333; font-size: 1.8rem; } .w960 { width: 960px; margin: 0px auto; } .w960 * { color: #333; margin: 10px 0px; } .w960 h3 { margin-top: 30px; } .neiye .center>img { width: 847px; height: 100%; margin: 0px auto 20px; display: block; } @media (max-width: 768px) { .container { padding: 0; } .imgContent { padding: 0; } .neiye .center p img { width: 100%; } .neiye .center img { max-width: 100%; } .imgBox li { width: 50%; } .ueditor_baidumap { width: 100% !important; } .neiye .article li .img { display: none; } .neiye .article .artBox { width: 100%; } .place { display: none; } iframe { width: 100%; } .recommend .recommend_img { height: 285px; } .recommend ul li:nth-child(2) { padding: 0; } .left>div { padding: 0; } .imgContent.col-md-9, .imgContent.col-md-9, .artContent.col-md-9 { padding-left: 0px; } .neiye_img_box>a>img { /*height: 165px;*/ } .pagelist { text-align: center; line-height: 36px; } .neiye { padding: 0px 10px; } .neiye .center>img { width: 100%; height: 100%; } }