@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  'Noto Sans SC','Microsoft YaHei', arial, \5FAE\8F6F\96C5\9ED1,  'Hiragino Sans GB', sans-serif; /* background:linear-gradient(90deg,#192ede,#5211b0);*/ background:url(../images/bg.jpg) center bottom no-repeat #2a2fdd; background-attachment:fixed;  }
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; } 
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:#46372b; text-decoration:none; }
a:hover{ color:#b12530; 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,a { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }



.nav { padding:0 10px; position:fixed; top:0; left:0;  z-index:1000;  background: linear-gradient(45deg, #f6a836, #df5620);  display: none; -webkit-animation:menu 1s ease 1s backwards; animation:menu 1s ease 1s backwards;}
.nav ul li { float: left;  }
.nav ul li a { display: inline-block; color:rgba(255,255,255,1); font-size:16px; line-height:50px; padding:0 20px;  }
.nav ul li b { }
.nav ul li a:hover { background:linear-gradient(90deg,#8dce46,#61b62f); }
.nav ul li a:focus { background:linear-gradient(90deg,#8dce46,#61b62f); }
.nav .affer { position:absolute; width:0px; height:0px; top:0px; right:-35px; border-right:35px solid transparent;  border-top:50px solid #df5620;  }



.header { width:100%; margin:0 auto; height:100%;  overflow:hidden; position:relative; background: url(../images/header.jpg) center top no-repeat;  background-size: cover;   }

.logo { left:2.5%; position:absolute; top:4.5vh; z-index: 8;  height:11vh; -webkit-animation:logo .5s ease .2s backwards; animation:logo .5s ease .2s backwards;}
@keyframes logo {
0% { -webkit-transform: translateY(-100%); opacity:0;filter: blur(0px);}
100% { -webkit-transform: translateY(0); opacity:1;filter: blur(0px); }
}
@-webkit-keyframes logo {
0% { -webkit-transform: translateY(-100%); opacity:0;filter: blur(0px);}
100% { -webkit-transform: translateY(0); opacity:1;filter: blur(0px); }
}
.logo img { max-height: 100%;}


.lqj { right:0; position:absolute; top:0; z-index: 8;  height:19vh; -webkit-animation:lqj .5s ease .2s backwards; animation:lqj .5s ease .2s backwards; display: none; }
@keyframes lqj {
0% { -webkit-transform: translateY(-100%); opacity:0;filter: blur(0px);}
100% { -webkit-transform: translateY(0); opacity:1;filter: blur(0px); }
}
@-webkit-keyframes lqj {
0% { -webkit-transform: translateY(100%); opacity:0;filter: blur(0px);}
100% { -webkit-transform: translateY(0); opacity:1;filter: blur(0px); }
}
.lqj img { max-height: 100%;}


.tit {  width:100%; position:absolute; top:10vh;  z-index: 8;  float: left; height:45.5vh;  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(.2);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
.tit img { max-height: 100%;}


.boy { position:absolute; right:-90px; top:14vh; height: 68vh; z-index: 5;  -webkit-animation:boy .5s ease .8s backwards; animation:boy .5s ease .8s backwards;}
@keyframes boy {
0% { -webkit-transform: translateX(-300px); opacity:0;filter: blur(20px);}
100% { -webkit-transform: translateX(0); opacity:1;filter: blur(0px); }
}
@-webkit-keyframes boy {
0% { -webkit-transform: translateX(-300px); opacity:0;filter: blur(20px);}
100% { -webkit-transform: translateX(0); opacity:1;filter: blur(0px); }
}
.boy img { max-height: 100%;}

.city { width: 100%; position:absolute; left:0; bottom:-20px; -webkit-animation:city .5s ease .2s backwards; animation:city .5s ease .2s backwards;}
@keyframes city {
0% { -webkit-transform: translateY(150px); opacity:0;filter: blur(20px);}
100% { -webkit-transform: translateX(0); opacity:1;filter: blur(0px); }
}
@-webkit-keyframes city {
0% { -webkit-transform: translateY(150px); opacity:0;filter: blur(20px);}
100% { -webkit-transform: translateX(0); opacity:1;filter: blur(0px); }
}
.city img { width: 100%;}



.warp { width: 1200px; margin: 0 auto; overflow: hidden; }
.lm { width:100%; float: left;  padding:55px 0 40px 0; text-align: center; }


/*前线直击*/
.qxzj { position: relative; width:100%; height:540px; margin-top: 10px; }
.qxzj .photo { width:100%;  position:absolute; left:0; top:0;  border-radius:0px; overflow:hidden; height:100%;}
.qxzj .photo li { width:75%; height:100%; float:left; }
.qxzj .photo li img { width:100%; height:100%; border-radius:0;  }
.qxzj .photo li span { display: none;  }

.qxzj .tab { position:absolute; width:25%; right:0; height:100%; overflow:hidden; top:0; z-index:5; background:linear-gradient(45deg, rgba(220,250,116,1), rgba(115,231,231,1)); overflow:hidden;}
.qxzj .tab li { width:100%; float:left; border-bottom:1px solid rgba(255,255,255,.3);  padding:0 8%; overflow:hidden; height:90px; display:flex; align-items:center; -webkit-transition:all ease-out .3s 0s; transition:all ease-out .3s 0s;  }
.qxzj .tab li b { width:100%; float:left; line-height:1.5em; font-size:18px; overflow:hidden; display:-webkit-box; text-overflow:ellipsis;  -webkit-line-clamp:2; -webkit-box-orient:vertical; -webkit-transition:all ease-out .3s 0s; transition:all ease-out .3s 0s;}
.qxzj .tab li b a {  display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;  color:rgba(0,0,0,.9); -webkit-transition:all ease-out .3s 0s; transition:all ease-out .3s 0s; }
.qxzj .tab li.on { background:linear-gradient(45deg,#fd7d81,#d576fc);  }
.qxzj .tab li.on b a { color:rgba(255,255,255,1);  font-weight:bold; }

.geduo {  width: 100%; float:left;  text-align: right; margin-top: 10px; }
.geduo a { display:inline-block; overflow: hidden; background:linear-gradient(270deg, rgba(210,242,237,1), rgba(255,255,255,1), rgba(255,255,255,1));  font-size:16px; line-height:44px; color:rgba(0,0,0,.9); padding:0 18px;  }
.geduo a:hover {  background:linear-gradient(45deg, rgba(220,250,116,1), rgba(115,231,231,1)); }



/*帧藏瞬间*/
#vlog { width:100%; float:left; }
#vlog ul { display:flex; flex-wrap:wrap; }
#vlog ul li { width: 280px; float:left;  margin-right: 25px; margin-top:10px;  -webkit-transition:all ease-out .3s 0s; transition:all ease-out .3s 0s;} 
#vlog ul li h3 { width:100%; float:left; height:450px; overflow: hidden; position:relative;  }
#vlog ul li h3 b { width:100%; height: 100%; position:absolute;  float: left; display: block; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; }
#vlog ul li h3 em { width:40px; height:40px; display:block; background: url(../images/player.png); background-size:cover; overflow:hidden; position:absolute; top:50%; left:50%; cursor:pointer;  margin-left:-20px; margin-top:-20px; z-index:5;  transform:rotate(0deg); -webkit-transform:rotate(0deg); -webkit-transition:all ease-out .3s 0s; transition:all ease-out .3s 0s;}
#vlog ul li:hover h3 em { transform:rotate(360deg);-webkit-transform:rotate(360deg); }

#vlog ul li h4 { width:100%; float:left; padding: 13px 18px; background: linear-gradient(45deg, #23d8f2, #0072d4); }
#vlog ul li h4 font {width:100%; float:left; font-size:18px; line-height:1.5em; color:#fff; text-align:center; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;  transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s;}
#vlog ul li:hover h4  { background:linear-gradient(45deg,#fd7d81,#d576fc);}
#vlog ul li:hover { -webkit-transform: translateY(-10px); transform:translateY(-10px);  }



/*浙里声浪*/
.mtjj { width:100%; float:left; margin-bottom:-10px;  } 
.mtjj ul { display:flex; flex-wrap:wrap; }
.mtjj ul li { width:32%; float:left; background:linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,1),rgba(210,242,237,1)); padding:15px; margin:10px 2% 10px 0; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.mtjj ul li h4 { width:66%; float:left;  overflow:hidden; height:82px; padding:0 5px 0 18px; display:flex; align-items:center;  }
.mtjj ul li h4 span { width:100%; float:left; color:#333; line-height:1.6em; font-size:17px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.mtjj ul li h5 { width:34%; float:left; height:84px; border-radius:0px; overflow: hidden; }
.mtjj ul li h5 img { width:100%; height:100%; border-radius:0; }
.mtjj ul li:nth-child(3n) { margin-right:0; }
.mtjj ul li:hover h4 { color: rgba(0,45,140,1) }
.mtjj ul li:hover { -webkit-transform: translateY(-10px);transform:translateY(-10px); }
.mtjj ul li:nth-child(2n) { background:linear-gradient(270deg, rgba(210,242,237,1), rgba(255,255,255,1), rgba(255,255,255,1)); }
.mtjj ul li:hover h4 span { color:#fff;  }
.mtjj ul li:hover { background:linear-gradient(45deg,#fd7d81,#d576fc); }




/*漫游龙港*/
.hdpic { width:100%; float: left;  }
.hdpic .swiper-container3 { width:100%; margin:0 auto; position:relative; overflow:hidden; z-index:1; height:660px;  }
.hdpic .swiper-wrapper { position: relative; width:100%;  height:100%;  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 li { width:100%; height:100%;  position: absolute; overflow:hidden; background-repeat:no-repeat; background-position:center center;  background-size: cover; }
.hdpic .swiper-slide li img { width:100%; height:100%; }
.hdpic .swiper-slide li span { max-width: 65%;  position:absolute; bottom:80px; float:left; padding:13px 25px; font-size:22px; line-height:1.4em; font-weight: 500; color:#fff; background:linear-gradient(45deg,#fd7d81,#d576fc);   }

.hdpic .swiper-pagination3 { position:absolute; text-align:right;  z-index:10; bottom:0; padding:25px;  left:0; width:100%; background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)))}
.hdpic .swiper-pagination-bullet { width:12px; height:12px; display:inline-block; border-radius:100%; opacity:1;  border:2px solid #fff; border-radius:50px; cursor:pointer; margin:0 5px;  border:2px solid #fff;  transition:all ease-out .5s 0s; background:none; }
.hdpic .swiper-pagination-bullet-active{  width: 32px;  background:linear-gradient(45deg,#fd7d81,#d576fc); border:2px solid #fd7d81;}

.hdpic .swiper-button-prev3,.hdpic .swiper-button-next3 { width:70px; height:80px; top:50%; background: rgba(0,0,0,.6); 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;  }
.hdpic .swiper-button-next3 { right:0px;}
.hdpic .swiper-button-prev3 { left:0px;}


.footer { width:100%; float:left;   text-align:center; font-size:16px; line-height:1.5em; color:rgba(255,255,255,.9); padding:17px 0; margin-top:70px; background: linear-gradient(45deg, #1163ec, #511cb4); } 
.footer span {  }
.footer span strong {  font-weight: 600; }	
.footer font { display: inline-block; margin-left:15px;  }

/* 移动端适配 */
@media (max-width: 820px) {
html,body {  background:linear-gradient(90deg,#192ede,#5211b0);   }
	
.header { height:61vw; }	
.logo { right:3%; left: auto; top:3.5vw; height:9vw;}
.logo img { max-height: 100%;}
.tit { height: auto; top:7vw; }
.tit img { max-width: 85%;}
.boy { position:absolute; right:1%; bottom:4vw; height: 30vw;}
.boy img { max-height: 100%;}
.city { bottom:-2vw;}	
.city img { width: 100%;}	
	
.warp { width:100%;  padding:0 5%; }	
	
.lm { padding:6% 0; }
.lm img { width:90%; }	


	
/*前线直击*/
.qxzj { position: relative; width:100%; height:61vw;  margin:0 ; }
.qxzj .photo li { width:100%; height:100%; float:left; }
.qxzj .photo li img { width:100%; height:52vw;  }
.qxzj .photo li span { width:100%; background:linear-gradient(45deg,#fd7d81,#d576fc); color:rgba(255,255,255,1);  font-size:3.75vw;  line-height:1.5em; display:block; position:absolute; bottom:0;   padding:2.2vw 3.75vw; overflow:hidden; }
.qxzj .tab { display:none; }

.geduo {  margin-top:8px; }
.geduo a {  font-size:3.75vw; line-height:1.5em; color:rgba(0,0,0,.9); padding:2.2vw 3.75vw; }
.geduo a:hover { background:linear-gradient(270deg, rgba(210,242,237,1), rgba(255,255,255,1), rgba(255,255,255,1)); }

	
/*帧藏瞬间*/
#vlog ul { display:flex; flex-wrap:wrap; }
#vlog ul li { width:45vw; margin-right: 18px;  margin-top:0; }
#vlog ul li h3 { height:65vw  }
#vlog ul li h3 em { width:6vw; height:6vw;  margin-left:-3vw; margin-top:-3vw;}
#vlog ul li:hover h3 em { transform:rotate(0deg);-webkit-transform:rotate(0deg); }
#vlog ul li h4 { padding:2.2vw 3.75vw; }
#vlog ul li h4 font {font-size:3.5vw; line-height:1.5em; -webkit-line-clamp:3; text-align: left;}
#vlog ul li:hover h4 { background: linear-gradient(45deg, #23d8f2, #0072d4);}
#vlog ul li:hover { -webkit-transform: translateY(0px); transform:translateY(0px);  }


/*浙里声浪*/
.mtjj { width:100%; float:left;  margin-bottom:0;  } 
.mtjj ul { display:flex; flex-wrap:wrap; }
.mtjj ul li { width:100%; float:left; padding:10px; margin:1% 0; }
.mtjj ul li h4 { width:68%; float:left; overflow:hidden; height:18vw; padding:0 2vw 0 4vw;  }
.mtjj ul li h4 span {  -webkit-line-clamp:3; color:#444; line-height:1.5em; font-size:3.5vw; }
.mtjj ul li h5 { width:32%;  height:18vw;  }
.mtjj ul li:hover h4 span { color:#444; }
.mtjj ul li:hover {background:linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,1),rgba(210,242,237,1));  -webkit-transform: translateY(0px);transform:translateY(0px); }
.mtjj ul li:hover:nth-child(2n) { background:linear-gradient(270deg, rgba(210,242,237,1), rgba(255,255,255,1), rgba(255,255,255,1)); }
	
/*漫游龙港*/
.hdpic .swiper-container3 { height:54vw;  }
.hdpic .swiper-slide li span { max-width: 70%;  bottom:10vw;  padding:2.2vw 3.75vw; font-size:3.75vw; line-height:1.5em;  }
.hdpic .swiper-pagination3 {  padding:2.5vw; }
.hdpic .swiper-pagination-bullet { width:12px; height:12px;  margin:0 3px;  }
.hdpic .swiper-pagination-bullet-active{  width: 30px; }
.hdpic .swiper-button-prev3,.hdpic .swiper-button-next3 { width:10vw; height:10vw; top:0;  margin-top:0vw; line-height:10vw; font-size:4vw;  background: rgba(255,255,255,.95); color: #333; display: none; }


	
.footer { width:100%; float:left;  text-align:center; font-size: 3.25vw; line-height:1.6em; color:#fff; padding:3.5vw 6vw; margin-top:5%; background: linear-gradient(45deg, #1163ec, #0072d4); } 
.footer span {  width:100%; float:left;  text-align:center;  }
.footer font { width:100%; float:left;  text-align:center;  margin-left:0;  }
}