@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html,body {width:100%; height:100%; margin:0px; padding:0;  font:16px/1.5 'Microsoft YaHei', 'Noto Sans SC', arial, \5FAE\8F6F\96C5\9ED1,  'Hiragino Sans GB', sans-serif;  background:#fff;  }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal;font-style:normal; } 
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#333; text-decoration:none; }
a:hover{ color:#0066c5; text-decoration:none;}
.cl { clear:both;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,font,input,textarea  { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }


.amn { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);}

.amn2 { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn2 img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s; }
.amn2:hover img { -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15);}






.banner { background: url("../images/banner.jpg") no-repeat top center; height:500px; width: 100%; float: left; }

.warp { width:1200px; margin:0 auto; overflow:hidden;  }
.warp2 { width:1200px; margin:0 auto; overflow:hidden;  }

.lm {  border-bottom:#efefef 1px solid; padding:25px 0; margin-bottom:35px;text-align: center; width: 100%; float: left; }
.lm font { color:#0e6edd; margin:0 auto -45px; width:220px; background:#fff; display:block; font-size:28px; font-weight:600;}


/*头条*/
.tt { width:100%; float: left;  padding:45px 0 40px 0;  }
.tt span {  width:100%; float:left; margin-bottom:10px; font-size:36px; line-height:50px; color:#333; font-weight:bold; text-align:center; }
.tt span b { display:inline-block; background:#0066c5; padding:0 15px; line-height:40px;  vertical-align:top;  font-size:22px; color:#fff; margin-top:5px; border-radius:3px; margin-right:13px; }
.tt p { width:100%;  font-size:16px; color:#999; float:left;  line-height:30px;  text-align:center; }


.ad { width: 100%; float: left; }
.ad img { width: 100%; }



/*焦点图*/
.w68 { width:56%; float:left; }
.swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.swiper-wrapper { position: relative; width:100%; height:400px; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.swiper-slide h3 { width:100%; height:100%; position: absolute;}
.swiper-slide h3 img { width:100%; height:100%; }
.swiper-slide h3 span { width: 100%;  position:absolute; bottom:0; float:left; padding:20px 30px 50px 30px; font-size:22px; line-height:24px; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,.8);background: -webkit-gradient(linear,0 0,0 100%,from(rgba(85,45,225,0)),to(rgb(0 0 0))); position:absolute;  text-align:center;   }

.swiper-button-prev,.swiper-button-next { width:50px; height:60px; top:50%; margin-top:-30px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:60px; font-size:50px; color:#fff; font-family:"\5B8B\4F53";  font-weight:bold; text-shadow:1px 1px 5px rgba(0,0,0,.2); }
.swiper-button-next { right:15px;}
.swiper-button-prev { left:15px;}

.swiper-pagination { position:absolute; text-align:center;  z-index:10;bottom:20px; left:0; width:100%; }
.swiper-pagination-bullet { width:10px; height:10px; display:inline-block; border-radius:100%; background:#fff; border-radius:6px; cursor:pointer; margin:0 4px;}
.swiper-pagination-bullet-active{ opacity:1; background:#f56a3f; width:40px; }


.w48 { width:40%; float:right;  }
.w49 { width:49%; }
/*最新动态*/
.news { width:100%; float:left; margin-top:-12px; }
.news ul li { width:100%; float:left;font-size:16px; line-height:48px; color:#444; overflow:hidden; height:48px; border-bottom:1px dashed #e6e6e6; padding: 0 0 0 25px; background: url(../images/yuan.png) left center no-repeat; }






.news2 { width:100%; float:left;}
.news2 ul li { width:100%;float:left; font-size:16px; line-height:48px; color:#444; overflow:hidden; height:48px; border-bottom:1px dashed #e6e6e6; padding: 0 0 0 25px; background: url(../images/yuan.png) left center no-repeat; }



.more { float:right; margin:20px 0; }
.more a { display:inline-block; font-size:14px; color:#666; background:#f8f8f8; padding:0 12px; line-height:36px; }
.more a:hover { color:#fff; background:#0e6edd; }


/*视频直播*/
.elive { width:100%; height:870px; margin-bottom:15px; margin-top:15px; }
.elive2 { display:none;}


/*温州部署*/
.wxbs { width:100%;  float:left;   } 
.wxbs ul { display:flex; flex-wrap:wrap; }
.wxbs ul li { width:32%; float:left; margin-top:20px; margin-right:2%; background:#f3f3f3;padding:15px 20px; }
.wxbs ul li:nth-child(3n) { margin-right:0%; }
.wxbs ul li h4 { width:100%; float:left; }
.wxbs ul li h4 span { font-size:18px; font-weight: 600; line-height: 26px; }
.wxbs ul li h4 p { color:#999; line-height:24px; font-size:14px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top: 10px; }
.wxbs ul li:hover { background: #0066c5;}
.wxbs ul li:hover h4 span,.wxbs ul li:hover h4 p { color:#fff;}



/*权威发布*/
#boxscroll { height:600px; overflow:hidden; }
.tfdx {width:100%; float:left; }
.tfdx dt { font-size:15px; width:18%; float:left; color:#0e6edd; line-height:48px;text-align: left;}
.tfdx dd { width:82%; float:right; border-left:#ccc 1px solid; padding:12px 0 12px 25px; font-size:16px; line-height:24px;}
.tfdx dd i { width:8px; height:8px; display:block; border:5px solid rgba(13,76,195,0.6); background:#FFF; float:left; border-radius:50%; margin-left:-30px; margin-top:4px;}
.tfdx dd em { font-size:14px; color:#999; margin-right:8px;}
.tfdx dd a { color: #333;}
.tfdx dd a:hover { color: #0066c5;}


/*防台抗台*/
.fykp { width:100%; float:left;} 
.fykp ul li { width:100%; float:left; padding-bottom:20px; margin:10px 0; border-bottom:1px dashed #e6e6e6; }
.fykp ul li:nth-child(2n){ margin-right: 0%;}
.fykp ul li h4 { width:62%; float:right; }
.fykp ul li h4 span { width:100%; float:left; color:#333; line-height:26px; font-size:18px;  font-weight:bold; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.fykp ul li h4 p { width:100%; float:left; color:#999; line-height:24px; font-size:14px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:10px;  }
.fykp ul li h5 { width:33%; float:left;  overflow:hidden;  }
.fykp ul li h5 img { width:100%; height:110px; display:block;}
.fykp ul li:hover h4 span { color:#0066c5; }


/*支站联动*/
.xslh { width:100%; float:left;  background:url(../images/yunchufang.jpg) no-repeat #0b5fa7 center / cover; margin-bottom: 20px;}
.xslh ul { overflow:hidden; padding:90px 3% 20px 3%; }
.xslh ul li { width:18%; float:left; margin-right:2.5%; margin-bottom:10px; border-radius: 8px; overflow: hidden;background-color: #fff;text-align: center;}
.xslh ul li img { width: 100%;}
.xslh ul li:nth-child(5n) { margin-right:0%; }

.news3 { width:100%; float:left; margin:0 0 20px 0;}
.news3 ul li { width:48%; float:left;font-size:16px; line-height:48px; color:#444; overflow:hidden; height:48px; border-bottom:1px dashed #e6e6e6; padding: 0 0 0 25px; background: url(../images/yuan.png) left center no-repeat; }
.news3 ul li:nth-child(2n) { float: right; }




/*防汛防台常识*/
.ygcf { width:100%; float:left; }
.ygcf ul { display:flex; flex-wrap:wrap; }
.ygcf ul li { width:32%; float:left; margin-right:2%;  }
.ygcf ul li:nth-child(3n){margin-right:0%; } 
.ygcf ul li h3 { width:100%; float:left; height:200px; overflow:hidden;  }
.ygcf ul li h3 img { width:100%; height:100%;  transition:all ease-out .4s 0s; -webkit-transition:all ease-out .4s 0s;}
.ygcf ul li:hover img { -webkit-transform:scale(1.05); transform:scale(1.05);}
.ygcf ul li p { width:100%; float:left; font-size:17px; line-height:26px; color:#333; padding:12px 0 25px 0; }
.ygcf ul li:hover p { color:#0066c5;  }







.footer { width:100%; float:left;  background: #333; line-height: 62px; text-align: center; margin-top: 45px; color:rgba(255,255,255,.8); font-size: 16px; }
.footer span {}



/*动态_列表*/
.lhsd { width:100%; float:left;  margin-bottom:15px; }
.lhsd ul li { width:100%; font-size:18px;  color:#666; line-height:50px; height:50px; overflow:hidden; background: url(../images/yuan.png) left center no-repeat;  border-bottom:1px dashed #e6e6e6; text-indent:1.5em; }
.lhsd ul li span { float:right; font-size:16px; line-height:50px; color:#888; margin-left:20px; }



/*手机自适应*/
@media (max-width: 820px) {
.banner { width:100%; float: left;  background: url("../images/banner.jpg") no-repeat top center / cover; height:13rem; }
	
.warp { width:100%; padding:0 5%; float: left; }
.warp2 { display: none;  }	
	
/*头条*/
.tt { width:100%; float: left;  padding:5% 0;  }
.tt span {  margin-bottom:10px; font-size:1.6rem; line-height:1.4em; }
.tt span b { padding:0 .8rem; line-height:1.9em; font-size:1.1rem;  margin-top:0px;  margin-right:12px; }
.tt p { font-size:1rem;  line-height:1.7em;  }	
	
	
.w68 { width:100%; }
.swiper-wrapper { height:14rem;}
.swiper-slide h3 span { padding:20px 5% 40px 5%; font-size:1.2rem; line-height:1.4em; color:#fff; font-weight: 600;   }
.swiper-button-prev,.swiper-button-next { width:50px; height:50px; top:50%; margin-top:-30px; line-height:50px; font-size:40px; }
.swiper-button-next { right:.5rem;}
.swiper-button-prev { left:.5rem;}
.swiper-pagination { bottom:.7rem;  }

	
.w48 { width:100%; float:left;  }
.w49 { width:100%; }	
/*最新动态*/
.news,.news2 { width:100%; float:left; margin-top:0; }
.news ul li,.news2 ul li { font-size:1rem; line-height:1.5em; padding:10px 0 10px 25px; height:auto; overflow:auto;   background: url(../images/yuan.png) left 16px no-repeat;  }


.lm { padding:20px 0; margin-bottom:20px; }
.lm font { margin:0 auto -40px;  width:45%; font-size:1.5em; }
	
.more { float:right; margin:5% 0 0 0; }
.more a {  font-size:.9rem; color:#666; background:#f8f8f8; padding:0 .8rem; line-height:2.5em; }
.more a:hover { color:#666; background:#f8f8f8; }	

	
.ad { width: 100%; float: left; margin-top: 5%; }
.ad img { width: 100%; }

.elive { display:none;}
.elive2 {width: 100%; float: left; display:block; margin-top: 5%; }
.elive2 img { width: 100%; }		
	

/*温州部署*/
.wxbs { width:100%; float:left;   } 
.wxbs ul { display:flex; flex-wrap:wrap; }
.wxbs ul li { width:100%; float:left; margin-top:3%; margin-right:0%; padding:1rem 1.25rem; }
.wxbs ul li h4 span { font-size:1.1rem;  line-height: 1.4em; }
.wxbs ul li h4 p {  line-height:1.5em; font-size:.9rem; -webkit-line-clamp:2; margin-top: .5rem; }
.wxbs ul li:hover { background: #f1f1ff;}
.wxbs ul li:hover h4 span { color:#333; }
.wxbs ul li:hover h4 p { color:#999; }	
	
	
/*权威发布*/
#boxscroll { height:auto; max-height:60vh; }
.tfdx { margin-top:2%; margin-bottom: 2%;}
.tfdx dt { font-size:1rem; width:20%; line-height:1.5em; margin-top: .45rem; }
.tfdx dd { width:80%;  padding:.5rem 0 .5rem 1.5rem; font-size:1rem; line-height:1.4em; }
.tfdx dd i { width:8px; height:8px; margin-left:-1.8rem; margin-top:.35rem;}
.tfdx dd em { font-size:14px; color:#999; margin-right:8px;}
.tfdx dd a:hover { color: #333;}
	
	
/*防台抗台*/
.fykp { margin-bottom: -3%;}
.fykp ul li { width:100%; float:left; padding-bottom:3%; margin:3% 0;  }
.fykp ul li h4 { width:62%; float:right; }
.fykp ul li h4 span { line-height:1.5em; font-size:1rem;  -webkit-line-clamp:5; font-weight: 400; }
.fykp ul li h4 p { display: none; }
.fykp ul li h5 { width:33%;   }
.fykp ul li h5 img {  height:5rem; }
.fykp ul li:hover h4 span { color:#333; }
	
	
/*支站联动*/
.xslh { margin: 2% 0 0 0;}
.xslh ul {  padding:9% 3% 1% 3%; }
.xslh ul li { width:18%; float:left; margin-right:2.5%; margin-bottom:2%; }
.xslh ul li img { width: 100%;}
.xslh ul li:nth-child(5n) { margin-right:0%; }

.news3 { width:100%; float:left; margin:0 0 3% 0;}
.news3 ul li {  width:100%;font-size:1rem; line-height:1.5em; padding:10px 0 10px 25px; height:auto; overflow:auto;   background: url(../images/yuan.png) left 16px no-repeat;  }
	

/*防汛防台常识*/
.ygcf { width:100%; float:left; margin-top: 3%; }
.ygcf ul li { width:100%; float:left; margin-right:0%;  }
.ygcf ul li h3 { width:100%; float:left; height:12rem; }
.ygcf ul li:hover img { -webkit-transform:scale(1); transform:scale(1);}
.ygcf ul li p { font-size:1rem; line-height:1.5em;  padding:3% 0 5% 0; }
.ygcf ul li:hover p { color:#333;  }

	

.footer { line-height: 1.7em; margin-top:2%; padding:3% 5%; font-size: .95rem;}
.footer span { width: 100%; float: left; text-align: center; }	
.footer b {  display: none;}	
.footer font { width: 100%; float: left; text-align: center; }		
	
	
	
		
.lhsd { width:100%; float:left;  margin-bottom:5%; }
.lhsd ul li { width:100%; font-size:1.1rem;  color:#666; line-height:1.5em; padding:10px 0; height:auto; overflow:auto; background: url(../images/yuan.png) left 18px no-repeat;  border-bottom:1px dashed #e6e6e6; text-indent:1.5em; }
.lhsd ul li span { display: none;}	
	
}