@charset "gb2312";
html { margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased; background:#fff;   }
body { margin:0px;}
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; } 
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
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;  transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s; }
a:hover{ color:#c90000; text-decoration:none; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,d,span,b { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.warp { width:1200px; overflow:hidden; margin:0 auto; }
.cl { height:0px; font-size:0px; clear:both; }

.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);}



/*头部*/
.header {width:100%; margin:0 auto; height:700px; overflow:hidden; position: relative;  background: url("../images/header.jpg") center top no-repeat;}
.header div { position:absolute;}

.tit {  width:1200px;  position:absolute; left:50%; margin-left:-600px; top:100px; z-index:5; text-align: center;  -webkit-animation:tit 1s ease .5s backwards; animation:tit 1s ease .5s backwards; }
@keyframes tit
{
0%   { -webkit-transform:scale(.5);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes tit
{
0%   { -webkit-transform:scale(4);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}

#flagCanvas { position:absolute; left:0; top:470px; transform-origin: center; z-index:10; }

.header2 { width:100%; float:left; display:none; }
.header2 img { width:100%; height:auto;}

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

.w54 { width:56%;}
.w43 { width:40.5%;}

.focus { width:670px; height:400px; position:relative; overflow:hidden; float:left; }
.focus .piclist { width:100%; position:absolute; }
.focus .piclist li { width:100%; float:left; height:100%; overflow:hidden; }
.focus .piclist li img { width:100%; height:400px; display:block; }
.focus .piclist li span { width:670px; height:85px; 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(0,0,0,0)),to(rgba(0,0,0,.8))); position:absolute;  text-align:center; bottom:0px; }
.focus .piclist li span p { height:24px; overflow:hidden; width:90%; float: left; margin-left:5%; }
.focus .pager { width:100%; height:8px; position:absolute; left:0; bottom:34px; z-index:1; text-align:center;}
.focus .pager ul li { display:inline-block; zoom:1; width:10px; height:10px; margin:0 3px; line-height:99px; overflow:hidden; background:#fff; cursor:pointer;  border-radius:6px;}
.focus .pager ul li.on { background:#f56a3f; height:10px; width:40px;}
.focus .prev,.focus .next { width:40px; height:40px;top:50%; margin-top:-20px; cursor:pointer; position:absolute; z-index:9999; text-align:center; line-height:40px; font-size:40px; color:#fff;  font-family:"\5B8B\4F53";  font-weight:bold;  text-shadow:1px 1px 5px rgba(0,0,0,.5);}
.focus .prev { left:10px; }
.focus .next { right:10px; }

/*新闻*/
.news { width:100%; float:right; margin-top: -10px; }
.news ul li { width:95%; float: left; font-size:16px; color:#666;line-height:26px;  padding:10px 0 10px 25px; background: url(../images/yuan.png) left 15px no-repeat;  border-bottom:1px dashed #e6e6e6}
#news { height:410px; overflow:auto; }

.more { width: 100%;  float:right; margin-top:18px; }
.more a {  width: 100%;  display:inline-block; font-size:16px; color:#555; background:#f1f1f1; text-align: center;  line-height:44px; border-radius:3px;  }
.more a:hover { color:#fff; background:#d92a2d;  }

.lm { width:100%; float:left; text-align:center; /*border-bottom:1px solid #e1e1e1; */ margin:20px 0 40px 0; }
.lm span { width: 100%; float:left; text-align: center; margin-bottom:10px;}
.lm p { color: #d0b359; font-size: 18px; line-height: 30px; font-family: "\5B8B\4F53"; }

.slm { width:100%; float:left; margin:0 0 25px 0;}
.slm b { width:8px; height:26px; float:left; display:inline-block; border-radius:5px; background:#d50004; margin-right:12px; margin-top:2px; }
.slm span { float:left; line-height:28px; font-size:26px; font-weight:bold;  color: #d50004; }


/*“浙”十年·温州*/
.xtt { width:100%; float:left; margin-bottom:30px;  } 
.xtt ul li { width:100%; float:left;  background: #f8f8f8;}
.xtt ul li h3 { width:30%; float:left; overflow:hidden; }
.xtt ul li h3 img { width:100%; height:210px; display:block; }
.xtt ul li h4 { width:70%; float:left; height:182px; overflow:hidden; padding:22px 37px 0 37px;  }
.xtt ul li h4 span { width:100%; float:left; font-size:32px; max-height:90px; line-height:45px; color:#000;  font-weight:bold; overflow:hidden; }
.xtt ul li h4 p { width:100%; float:left; color:#999; line-height:28px; font-size:16px; padding:10px 0 0 0; max-height:122px; overflow: hidden; }
.xtt ul li:hover h4 span { color:#d50004; }
.xtt ul li:nth-child(3n) { margin-right:0; }

/*7张海报*/
#hb { width:100%; float:left; margin:0 0 30px 0; }
#hb ul li { width:280px; float:left; margin-right:25px; } 
#hb ul li img { width:100%; height:500px; }

.elive { width:100%; float:left; height:600px; overflow:hidden; margin-bottom: 30px;}
.elivemob { width:100%; float:left; display:none; }
.elivemob img { width:100%; height:auto; }

/*温网策划 · 聚变十年*/
.wztr { width:100%; float:left; margin-bottom: -2%; } 
.wztr ul li { width:32%; float:left; margin:0 2% 2% 0; }
.wztr ul li h3 { width:100%; float:left; overflow:hidden;  position:relative; height:210px; }
.wztr ul li h3 img { width:100%; height:100%; display:block; }
.wztr ul li h3 b { position:absolute; z-index: 5; right:0; top:0; padding:0 13px; background:rgba(213,0,4,.9);  color: #fff; display: inline-block; line-height: 32px; font-size: 14px;  }
.wztr ul li h4 { width:100%; float:left; height:162px; overflow:hidden; padding:18px 25px; background: #f8f8f8; }
.wztr ul li h4 span { width:100%; float:left; color:#333;  line-height:25px; font-size:18px;  font-weight:bold; overflow:hidden; max-height:50px;}
.wztr ul li h4 p { width:100%; float:left; color:#999; line-height:22px; font-size:14px; padding:10px 0 0 0; max-height: 88px; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; }
.wztr ul li:hover h4 span { color:#d50004; }
.wztr ul li:nth-child(3n) { margin-right:0; }


/*人物风采*/
.rwfc { width:100%; float:left; margin-bottom:-15px;  }
.rwfc ul li { width:15%; float:left; margin:0 2.5% 30px 2.5%; text-align: center; }
.rwfc ul li h2 { width:200px; height:200px; float:left; border-radius:100%; background: linear-gradient(135deg, #f1f1f1, #e1e1e1);  padding:8px; }
.rwfc ul li h2 b { width:100%; height:100%; float:left; border-radius:100%;  display: block;  background-repeat:no-repeat; background-position:center center; background-size:cover;}
.rwfc ul li h3 { width:100%; float:left; margin-top:18px; height:56px; font-size:16px; line-height:28px; color:#333; overflow: hidden;  }
.rwfc ul li:hover h3 { color:#d50004; }


/*幸福温州*/
.hdpic { width:100%; overflow:hidden; position: relative; display:block; margin-bottom: 50px;}
.hdpic .swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.hdpic .swiper-wrapper { position: relative; width:100%; height:700px; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.hdpic .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.hdpic .swiper-slide h3 { width:100%; height:100%; position: absolute;}
.hdpic .swiper-slide h3 img { width:100%; height:100%; }
.hdpic .swiper-slide h3 span {  position:absolute; bottom:10%; float:left; padding:15px 30px; max-width:80%; background:rgba(255,255,255,.9); line-height:30px; font-size:22px; color:#333; }
.hdpic .swiper-button-prev,.hdpic .swiper-button-next { width:72px; height:80px; top:50%; margin-top:-40px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:80px; font-size:50px; color:#fff;  font-family:"\5B8B\4F53";  font-weight:bold; text-shadow:1px 1px 5px rgba(0,0,0,.2);  background:rgba(0,0,0,.6);}
.hdpic .swiper-button-next { right:0px;}
.hdpic .swiper-button-prev { left:0px;}


.footer { width: 100%; float:left; color:#fff; line-height:30px; font-size:15px; text-align: center; padding:14px 0;  background:linear-gradient(135deg,#ea2d1a 0,#c10c19 100%); }
.footer font { margin-left: 14px; }
.footer strong { margin-left: 10px; }



/*手机适应*/
@media screen and (max-width:800px) {
.header { display:none;}
.header2 { display:block;}

.warp { width:100%; padding:0 5%; }

.tt { width:100%; margin:0 auto; overflow:hidden; padding:6% 0; }
.tt span {  width:100%; float:left; margin-bottom:0rem; font-size:1.5rem; line-height:2rem; font-weight:bold; }
.tt span b { padding:0 .6rem; line-height:1.9rem;  vertical-align:top;  font-size:1rem;  margin-top:.1rem; border-radius:3px; margin-right:.7rem; }

.w54 { width:100%; float: left;}
.w43 { width:100%; float: left;}

/*焦点图*/
.focus { width:100%; height:13rem; position:relative; overflow:hidden; margin-bottom:4%; }
.focus .piclist { width:100%; position:absolute; }
.focus .piclist li { width:100%; float:left; height:13rem; overflow:hidden; }
.focus .piclist li img { width:100%; height:13rem; display:block; }
.focus .piclist li span { width:320px; height: auto;  background:none; }
.focus .piclist li span p { height: auto; overflow:hidden; width:100%; padding:0 5% 5% 3%; float:left;  font-size:1.1rem; font-weight:500; line-height:1.5rem; color:#fff; text-shadow:0px 0px 5px rgba(0,0,0,1); text-align:left; }
.focus .pager { width:100%; height:10px; position:absolute; left:0; bottom:1.1rem; z-index:1; text-align:center; display:none;}
.focus .prev,.focus .next { width:2rem; height:3rem; top:50%; margin-top:-1.8rem;  line-height:3rem; font-size:2rem;  }
.focus .prev { left:5px; }
.focus .next { right:5px; }

.news { width:100%; float:left; margin-top:0; }
.news ul li { width:100%; font-size:.95rem; line-height:1.4rem; height: auto; padding:.6rem 0 .6rem 23px; background: url(../images/yuan.png) left .9rem no-repeat;}
#news { height:auto; overflow:auto; }

.more { float:right; margin-top:5%; }
.more a { font-size:.95rem;  line-height:2.4rem; background:#f1f1f1; color: #333;  }

.lm { margin:6% 0 5% 0; }
.lm span { margin-bottom:.4rem;}
.lm span img { width:90%; }
.lm p {  font-size:1rem; line-height:1.5rem; font-family: "Microsoft YaHei"; }

.slm { width:100%; float:left; margin:0 0 5% 0;}
.slm b { width:8px; height:1.4rem;  margin-right:.7rem; margin-top:0; }
.slm span { line-height:1.4rem; font-size:1.2rem; }


/*“浙”十年·温州*/
.xtt { margin-bottom:5%;  } 
.xtt ul li h3 { width:100%; }
.xtt ul li h3 img { height:14rem; }
.xtt ul li h4 { width:100%; height:auto; overflow:auto; padding:5% 6%; }
.xtt ul li h4 span { line-height:1.6rem; font-size:1rem; height:auto;  }
.xtt ul li h4 p { line-height:1.5rem; font-size:0.8rem; padding:.7rem 0 0 0; max-height:none; }
.xtt ul li:hover h4 span { color:#333; }


/*7张海报*/
#hb { width:100%; float:left; margin:0 0 7% 0; }
#hb ul li { width:14rem;  margin-right:20px; } 
#hb ul li img { width:100%; height:26rem; }

.elive { display: none;}
.elivemob { display:block;  margin:0 0 6% 0; }


/*温网策划 · 聚变十年*/
.wztr { margin-bottom: -5%; } 
.wztr ul li { width:100%; margin-right:0%; margin-bottom:5%; }
.wztr ul li h3 img { height:12rem; }
.wztr ul li h4 { height:auto; overflow:auto; padding:5% 6%; }
.wztr ul li h4 span { line-height:1.6rem; font-size:1rem; overflow:hidden; max-height:3.2rem;  }
.wztr ul li h4 p {  line-height:1.4rem; font-size:0.8rem; padding:.4rem 0 0 0;  overflow:hidden; max-height:4.2rem; }


/*人物风采*/
.rwfc { margin-bottom:-5%; }
.rwfc ul li {  width:42%;  margin:0 4% 1% 4%; text-align: center; }
.rwfc ul li h2 { display: block;  width:9rem; height:9rem;  padding:6px; }
.rwfc ul li h3 { width:100%; float:left;  margin-top:.5rem; height:5.5rem; font-size:1rem; line-height:1.5rem;  }
.rwfc ul li:hover h3 { color:#a58041; }


/*幸福温州*/
.hdpic { width:100%; overflow:hidden; position: relative; display:block; margin-bottom: 5%;}
.hdpic .swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.hdpic .swiper-wrapper { position: relative; width:100%; height:14rem; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.hdpic .swiper-wrapper img { width:100%; height:100%; }
.hdpic .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.hdpic .swiper-slide h3 img { width:100%; height:100%; }
.hdpic .swiper-slide h3 span {  position:absolute; bottom:6%; float:left; padding:3% 5%; max-width:90%; line-height:1.3rem; font-size:1rem;   }
.hdpic .swiper-button-prev,.hdpic .swiper-button-next { width:32px; height:2.5rem; line-height:3rem; top:50%; margin-top:-1.7rem; cursor:pointer; position:absolute; z-index:9999; text-align:center; line-height:2.5rem; font-size:1.5rem; color:#fff;  text-shadow:1px 1px 5px rgba(0,0,0,.5);  background:rgba(0,0,0,.6);}
.hdpic .swiper-button-next { right:0;}
.hdpic .swiper-button-prev { left:0;}


.footer { width: 100%; float:left;  line-height:1.5rem; font-size:.95rem; padding:.6rem 0; }
.footer font { display: none; }
}