body { margin: 0px 0px 0px 0px; color: #000000; background: #fff } div { text-align: left; } ul, ol, li, dl, dt, dd, p, h1 { margin: 0px; padding: 0px; border: 0px; } li { list-style: none; list-style-position: outside; border: 0; } .clear { clear: both; height: 0px; overflow: hidden; } img, a img { border: 0px; } a { -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; } a:hover { color: #ff9724 !important; } .dompc { display: block; } .dommb { display: none; } .banner { width: 100%; height: 500px; background: 50% 0 no-repeat; } .banner img { width: 100%; height: auto; } /* 头条 */ .zkox { /* float: left; */ width: 100%; overflow: hidden; padding: 20px 0px 20px 0px; margin-top: 10px; } .ttmn { margin: 0px auto; width: 1200px; overflow: hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #fff; padding: 25px 10px 25px 10px; transition: all 0.5s; cursor: pointer; } .ttmn .bttx { width: 1200px; overflow: hidden; text-align: center; font-family: \5fae\8f6f\96c5\9ed1; font-size: 44px; color: #bf360c; font-weight: bold; transition: all 0.2s; } .ttmn .bttx a { font-family: \5fae\8f6f\96c5\9ed1; color: #bf360c; } .ttmn .bttz { width: 1178px; padding: 10px 0px 0px 0px; font-family: \5fae\8f6f\96c5\9ed1; font-size: 16px; color: #666666; text-decoration: none; text-align: center; } .ttmn .bttz a { color: #666666; } .part01 { width: 1200px; margin: 10px auto 0; position: relative; padding-bottom: 55px; } .part01 .swiper-container { padding: 0px 0; width: 1200px; margin: 0 auto; /* height: 500px; */ } .part01 .swiper-slide { width: 960px; height: auto; overflow: hidden; } .part01 .swiper-slide .tit { position: absolute; left: 0; bottom: 0; z-index: 4; padding: 20px 5px 20px 5px; width: 100%; text-align: center; font-size: 20px; line-height: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; background: rgba(67, 35, 33, 1); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(67, 35, 33, 1))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(67, 35, 33, 1) 100%); background: -moz- oldlinear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(67, 35, 33, 1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(67, 35, 33, 1) 100%); font-weight: bolder; } .part01 .swiper-slide .tit a { color: #fff; } .part01 .swiper-slide .tit h3 { font-size: 22px; font-weight: bolder; margin-bottom: 5px; } .part01 .swiper-slide .tit p { font-size: 16px; line-height: 24px; font-weight: normal; } .part01 .swiper-slide-active:after { display: none; } .part01 .swiper-slide img { width: 960px; height: 540px; display: block; } .part01 .swiper-button-prev { width: 28px; height: 48px; background: 0 0 no-repeat; right: auto; left: -50px; } .part01 .swiper-button-prev:hover { opacity: 0.6; } .part01 .swiper-button-next { width: 28px; height: 48px; background: 100% 100% no-repeat; left: auto; right: -50px; } .part01 .swiper-button-next:hover { opacity: 0.6; } .lmtbox { width: 1200px; height: 80px; margin: 0 auto; background: 50% 18px no-repeat; text-align: center; position: relative; } .lmtbox .tit { font-size: 28px; line-height: 90px; margin-bottom: 10px; text-align: center; font-weight: bolder; } .lmtbox .subtit { display: block; margin-bottom: 30px; letter-spacing: 2px; line-height: 16px; width: 100%; position: absolute; font-weight: normal; top: 12px; text-align: center; opacity: .8; } .part02 { width: 1200px; margin: 0 auto; margin-top: 30px; } .part02_con li { margin-top: 50px; overflow: hidden; } .part02_con li li { border-top: 1px dashed #ccc; padding-top: 20px; margin-top: 20px; } .part02_con li .img { width: 400px; height: auto; float: left; margin-right: 30px; } .part02_con li .img img { width: 100%; height: auto; } .part02_con li h3 { font-size: 22px; line-height: 34px; font-weight: bolder; color: #000; } .part02_con li h3 a { color: #000; } .part02_con li p { font-size: 16px; line-height: 34px; margin-top: 10px; color: #333; } /* .footer { padding: 44px 0 44px 0; background: #c52320; text-align: center; margin-top: 70px; } .footer p { line-height: 30px; font-size: 16px; color: #fff; } */ .picnews2 { background: #f1f1f1 no-repeat scroll 50% 50%; height: 675px; overflow: hidden; position: relative; width: 1200px; margin: auto; } .picnews2 .picimg a { display: block; line-height: 0 } .picnews2 .picimg img { width: 1200px; height: 675px; } .picnews2 .picbg { background: #333 none repeat scroll 0 0; bottom: 0; height: 35px; left: 0; opacity: 0.4; position: absolute; width: 100%; z-index: 10; } .picnews2 .pictit { bottom: 0; color: #ffffff; height: 35px; left: 0; line-height: 35px; overflow: hidden; font-size: 22px; position: absolute; text-align: center; width: 96%; z-index: 11; padding: 0 11px; } .picnews2 .pictit a { color: #ffffff; } .zt_info { width: 1200px; margin: 0 auto; box-sizing: border-box; text-indent: 2em; padding: 15px; line-height: 2em; background: #c52320; color: #fff; margin-top: 10px; } @media screen and (max-width: 768px) { .dompc { display: none; } .dommb { display: block; } .banner { background: none; width: 100%; height: auto; } .zt_info { width: 100%; margin: 0 auto; box-sizing: border-box; text-indent: 2em; padding: 15px; line-height: 2em; background: #c52320; color: #fff; margin-top: 10px; } /*头部*/ .zkox { padding: 20px 0px 10px 0px; } .ttmn { width: 96%; padding: 0; } .ttmn .bttx { width: 100%; font-size: 24px; } .ttmn .bttx a { font-size: 24px; } .ttmn .bttz { width: 100%; font-size: 14px; line-height: 22px; } /* 焦点图 */ .part01 { width: 100%; height: auto; overflow: hidden; } .part01 .swiper-container { width: 100%; } .part01 .swiper-slide { width: 100%; height: auto; } .part01 .swiper-slide img { width: 100%; height: auto; } .part01 .swiper-slide .tit { padding: 10px 5px 10px 5px; } .part01 .swiper-slide .tit h3 { font-size: 18px; } .lmtbox { width: 100%; } .part02 { width: 100%; margin-top: 20px; } .part02_con { width: 90%; margin: 0 auto; } .part02_con li { margin-top: 30px; } .part02_con li .img { width: 100%; float: none; } .part02_con li h3 { font-size: 20px; line-height: 32px; margin-top: 10px; } .part02_con li p { font-size: 16px; line-height: 26px; } /* .footer p { font-size: 12px; } */ .picnews2 { height: auto; overflow: hidden; position: relative; width: 100%; margin: auto; } .picnews2 .picimg img { width: 100%; height: auto; } .picnews2 .pictit { font-size: 16px; height: auto; text-align: left; line-height: 24px; } .picnews2 .picbg { height: 50px; } } body, td, th { font-family: "pingfang sc", xhw-pzh, "lantinghei sc", "helvetica neue", helvetica, arial, "microsoft yahei", "微软雅黑", stheitisc-light, simsun, "宋体", "wenquanyi zen hei", "wenquanyi micro hei", sans-serif; } .footer { height: 72px; margin-top: 70px; background-color: #121228; text-align: center; line-height: 72px; color: #fff; font-size: 16px; }