@charset "utf-8"; * { margin: 0; padding: 0; } ul, ol { list-style: none; } a { text-decoration: none; } /* 头部 */ header { width: 100%; height: 100%; } header img { width: 100%; height: 100%; display: block; } /* 内容 */ .content img { width: 100%; height: 100%; } .content { width: 100%; background: no-repeat; background-size: 100% 100%; } .contentbox { width: 1170px; height: 100%; margin: 0 auto; } .content_fir:after, .content_fir:before { content: ''; display: block; clear: both; } .content_fir { /* display: flex; justify-content: space-between; */ } .list_tp1 { float: left; } .list_tp2 { float: right; } .content_fir .content_fir1 { width: 564px; height: 336px; margin-top: 40px; } .cont_title { border-top: 4px solid #0068b7; height: 46px; background-color: #dbefff; } .cont_titleft { color: #0068b7; float: left; line-height: 46px; } .cont_titleft span { font-weight: 600; font-size: 18px; } .cont_titright { float: right; line-height: 46px; } .cont_titright a { margin-right: 20px; font-size: 16px; color: #0068b7; } .zhengcefagui { width: 16px; height: 16px; padding: 0 5px 0 10px; float: left; } .zhengcefagui img { width: 100%; height: 100%; } .cont_list .every_list { line-height: 38px; height: 38px; font-size: 16px; } .cont_list .every_list a { float: left; color: #333; width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cont_list .every_list span { float: right; color: #666; } .cont_list .every_list:first-child a { font-weight: 600; font-size: 18px; } .cont_list .every_list:first-child { margin-top: 10px; } .cont_picleft:first-child { clear: both; width: 270px; height: 286px; float: left; } .cont_picleft:first-child div { width: 270px; height: 286px; float: right; } /* .cont_picright { width: 270px; height: 286px; float: right; } */ .cont_big { width: 564px; height: 286px; } .jiaowei { width: 270px; height: 200px; padding: 20px 0 0 0; } /* .zhengcefagui img{ width: 100%; height: 100%; } */ .cont_picleft .size { font-size: 16px; color: #333; text-align: center; margin-top: 20px; } .qiantiao { width: 270px; height: 200px; padding: 20px 0 0 0; float: right; } .qiantiao img { width: 100%; height: 100%; /* float: right; */ } .cont_picright .size { font-size: 16px; color: #333; text-align: center; margin-top: 20px; } .swiper-container { height: 220px; margin-top: 20px; } .swiper-container img { height: 180px; } .content_fir1 { height: 600px; } .swiper-slide { text-align: center; } .con_lun { width: 100%; margin-top: 20px; } .content_firer { padding-top: 20px; padding-bottom: 50px; width: 1170px; margin: 0 auto; } #swiper-button-next { top: 85px; } #swiper-button-prev { top: 85px; } .footer { width: 100%; height: 260px; background-color: #0068b7; } .fotent { width: 1170px; margin: 0 auto; font-size: 14px; padding-top: 10px; } .footer ul { text-align: center; display: block; width: 400px; height: 34px; margin: 0 auto; } .fotens { padding-left: 10px; } .footer .foot_top { padding-left: 40px; } .footer .foot_top li { float: left; padding-left: 5px; } .footer .foot_top li a { padding-right: 10px; color: #ffffff; border-right: 1px solid #ffffff; } .footer .foot_top li:last-child a { border: none; } .footer .foot_top li:first-child li li li li a { border: none; } .footer .foot_btn li { padding-left: 20px; float: left; color: #ffffff; } .footer ul li { line-height: 34px; color: #ffffff; margin: 0 auto; } .fotan { text-align: center; padding-top: 12px; color: #fff; height: 34px; } .fotan span { padding-left: 6px; } .fotentsn { text-align: center; padding-top: 20px; } #video_tp2:after, #video_tp2:before { content: ''; display: block; clear: both; } #video_tp1 { margin-top: 25px; float: left; } #video_tp2 { margin-top: 25px; float: right; } /* 蓝边框 */ img { border: none; } /* //轮播 */ .wrapper { position: relative; width: 1170px; margin: 0 auto; margin-top: 30px; } .wrapper .gallery { width: 1080px; margin: 0 auto; overflow: hidden; } .wrapper .gallery ul { position: relative; left: 0; list-style: none; overflow: hidden; } .wrapper .gallery ul li { float: left; width: 190px; text-align: center; } .wrapper .gallery ul li span { font-size: 16px; } .wrapper .prev { display: inline-block; position: absolute; left: 0px; width: 40px; height: 40px; cursor: pointer; background: no-repeat 0px 0px; } .wrapper .next { display: inline-block; position: absolute; right: 0px; width: 40px; height: 40px; background: no-repeat 0px 0px; cursor: pointer; } .wrapper span:hover { background-position: 0px -70px; } /* 列表*/ .contentlist { width: 100%; background: no-repeat; background-size: 100% 100%; } .contentboxs { width: 1170px; height: 100%; margin: 0 auto; } .con_fir .con_fir1 { width: 90%; height: auto; padding: 50px 0; margin: 0 auto; } .con_list .every_list { line-height: 38px; height: 38px; font-size: 16px; } .con_list .every_list a { float: left; color: #333; width: 650px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .con_list .every_list span { float: right; color: #666; } .con_title { border-top: 4px solid #0068b7; height: 46px; background-color: #dbefff; } .con_titleft { color: #0068b7; line-height: 46px; } .con_titleft span { font-weight: 600; font-size: 18px; } .zhengce { width: 16px; height: 16px; padding: 0 5px 0 10px; float: left; } .zhengce img { width: 100%; height: 100%; } .con_titright { float: right; line-height: 46px; } .con_titright a { margin-right: 20px; font-size: 16px; color: #0068b7; } /* 文章 */ .con_txt { padding-top: 20px; text-indent: 2em; } .con_txt span { font-size: 16px; height: 28px; line-height: 28px; } /* 视频 */ .con_txtit { text-align: center; padding: 25px 0 30px 0; } .con_video { width: 80%; margin: 0 auto; } /* navlist */ .navbox { width: 100%; background-color: #0068b7; } .navlist { height: 53px; margin: 0 auto; width: 1175px; } .navlist a { display: block; width: 233px; border-right: 1px solid #fff; height: 53px; float: left; background-color: #0068b7; text-align: center; line-height: 53px; } .navlist a:first-child { border-left: 1px solid #fff; } .navlist a li { text-align: center; width: 100%; height: 100%; } .navlist a li i { color: #fff; width: 20px; height: 20px; padding-right: 5px; } .navlist a li span { color: #fff; } .navlist .active { background-color: #004e9f; } .navlist .active li span { color: #fff; } .navlist .active li i { color: #fff; }