@charset "utf-8";
/*+++++++++++++++++++++ Reset Stylesheet +++++++++++++++++++++*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article, aside, figure, footer, header,
hgroup, nav, section { display:block; }
nav ul, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
img { border:0; margin: 0; padding: 0; display:block;   }
a{text-decoration:none;color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0);}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle;}
:focus {outline: 0}
/*+++++++++++++++++++++ Reset Stylesheet end ++++++++++++++++++++++++++*/
html{ font-size: 10px;}
body{ font: 1.6rem/1.5 Microsoft Yahei,sans-serif; background: #fff; color: #222; min-height: 100vh; position: relative; }
.wrapper{width: 100%; position: relative; padding-top:180px; font-size: 30px;}
.clearfloat:after{ display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{ zoom:1}

.nav{position: fixed; height: 180px;z-index: 999; width: 100%;box-shadow: 0 0 20px rgba(0,0,0,0.4);}
.top-nav{ background: #089de2; padding: 10px;display: flex; justify-content: space-between;}
.top-nav .logo img{ height: 60px; width: auto;}
.bottom-nav{background: #fff; line-height: 60px; font-size: 32px; padding:20px 0; display: flex; justify-content: space-between; }
.bottom-nav .swiper-slide{ width: auto; position: relative; margin: 0 28px; }
.bottom-nav .swiper-slide-thumb-active{ color: #000; font-weight: bold;}
.bottom-nav .swiper-slide-thumb-active::after{ content: ""; width: 100%; position: absolute; background: #089de2; height: 3px; bottom: 0; left: 0; }

.header{ width: 100%; height: 240px; background-size: cover; background-position: center;}
.container{width: 100%;}
/*focus*/
.slide-box{ position:relative; overflow:hidden; margin:0 auto;}
.slide-box .slide-pagination{ position:absolute; bottom:0; right:0; z-index:1; width: 100%; text-align:center; }
.slide-box .slide-pagination .swiper-pagination-bullet{ opacity: 1; display:inline-block; width:15px; height:15px; border-radius:7.5px; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slide-box .slide-pagination .swiper-pagination-bullet-active{ background:#09f; width: 40px;}
.slide-box .swiper-wrapper{ position:relative; z-index:0;}
.slide-box .swiper-slide{ position:relative;text-align:center;}
.slide-box .swiper-slide img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%; height:420px;}
.slide-box .swiper-slide a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }
.slide-box .swiper-slide .tit{ font-size: 32px; display:block; width:96%;position:absolute; bottom:0; left:0; height:90px; line-height:1.4; padding:30px 2% 0; color:#fff; text-align:left; background-image: linear-gradient(0deg, rgba(4,10,23) 5rem, transparent); }

.hot-news{ padding: 20px;  box-shadow: 0 0 20px rgba(0,0,0,0.4); }
.switch-news{ position:relative; overflow:hidden; height: 80px; padding: 0 20px; font-size: 30px;}
.switch-news .swiper-slide{ height: 80px; line-height: 40px;}

.newsList{ margin-top:10px;}
.newsList > a{ padding: 30px 20px 20px; font-size: 30px; border-bottom: 1px solid #f2f2f2; position: relative; display: block; min-height: 136px;}
.newsList > a:after{ display:block; clear:both; content:""; visibility:hidden; height:0;}
.newsList > a .newsInfo{ color: #666; font-size: 20px; position: absolute; bottom: 10px; left: 20px;}
.newsList > a .newsTitle{ margin-top:-5px;}
.newsList > a .newsTitle.pictitle{ width: 470px;float: left;margin-right: 20px;}
.newsList > a .newsPic{ width: 214px; height: 136px; border-radius: 10px; background: #ddd; overflow: hidden;}
.newsList > a .newsPicMiddle{ margin: 20px 0 30px; width:100%; height:auto;}

.banner { padding:20px; border-top:10px solid #efefef; border-bottom:10px solid #efefef;}
.banner-tit{ display: flex; justify-content: space-between; margin-bottom: 20px;}
.banner-tit .tag{ width: 60px; height: 34px; background: url(../images/ad.png) center/contain no-repeat;}
.banner-tit .close{ width: 34px; height: 34px; background: url(../images/close.png) center/contain no-repeat;}
.banner .pic{ display: block; height: 220px; width: 100%; border-radius: 20px; overflow: hidden;}
.banner .pic img{ width: 100%; height: 100%;}

.swiper-slide{ overflow:hidden}

.header_weather{color:#fff; margin-right:20px; margin-top:7px;align-items: center; font-size:28px; display:flex;} 
.header_weather img{ width:40px; height:40px!important;display:block}

.copyrights { display: block;background: #014099;	color: #fff; padding:15px 0; font-size:24px; text-align:center;}
.copyrights a, .copyrights a:hover {color: #fff;}

.nav-right{display: flex; align-items: center; }
.pc-link{ background:#014099; color:#fff; border-radius:10px; padding:5px 15px; font-size:26px; margin-right:10px;}