@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html,body {width: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:#c2e7e8;   }
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; }



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

.donghua { width: 1200px; margin: 0 auto; overflow: hidden; }
.tit { width:100%; float: left;  text-align: right; padding:80px 80px 0 0; -webkit-animation:tit 1.2s ease .5s backwards; animation:tit 1.2s 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-with: 100%;}


.sub {  width:100%; float: left; padding:140px 45px 110px 0; text-align: right; font-size:24px; line-height:1.5em; color: #35759a;  -webkit-animation:sub .6s ease 1.3s backwards; animation:sub .6s ease 1.3s backwards; }
@keyframes sub
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
@-webkit-keyframes sub
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
.sub strong { font-weight: 600; }




/*头条*/
.tt { width:100%; float:left; padding:32px 0; 
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%); }
.tt span { width:100%; float:left; font-size:36px; line-height:40px; text-align:center; color:#156a79; font-weight: 800; margin-top: 6px;}
.tt span b { display:inline-block; background:#14b2b3; margin-bottom:6px; vertical-align:middle; padding:0 18px; line-height:40px; font-size:20px; color:#fff; margin-right:20px; font-weight: 600; }





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



/*新闻动态*/
.news { width:100%; float:left; margin:30px 0 70px 0;}
.news .list { width:65%;  float: right;  }
.news .list ul li { width:49%; float:left; border-bottom:4px solid #a0cdd0;  padding:0 22px; margin-bottom:8px; height:107px; background: #fff; overflow:hidden; display:flex; align-items:center; -webkit-transition:all ease-out .3s 0s; transition:all ease-out .3s 0s;  }
.news .list ul li b { width:100%; float:left; line-height:1.5em; font-size:20px; 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;}
.news .list ul li b a { color:#444; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;  -webkit-transition:all ease-out .3s 0s; transition:all ease-out .3s 0s; }
.news .list ul li.active { background:#14b2b3; }
.news .list ul li.active b a { color:#fff;  }
.news .list ul li:nth-child(2n) { float:right;} 

.news .srcoll { width:33.5%; float:left;   }
.news .srcoll .swiper-slide { width:100%; height: 452px;  float:left;   background: #14b2b3;border-bottom:4px solid #a0cdd0;  }
.news .srcoll .swiper-slide .img { width: 100%; float:left; padding:8px; height:240px;}
.news .srcoll .swiper-slide .img img { width:100%; height: 100%; }
.news .srcoll .swiper-slide .txt { width:100%; float: left; padding:12px 28px 0 28px; position: relative; height: 185px }
.news .srcoll .swiper-slide .txt b { position:absolute; font-size:150px; color:rgba(255,255,255,.1); font-weight: 800; line-height:1.2em; right:0; top:-10px; }
.news .srcoll .swiper-slide .txt span { font-size: 20px; color: #fff; font-weight:600; line-height:1.5em; text-align: justify;  overflow:hidden; display:-webkit-box; text-overflow:ellipsis;  -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.news .srcoll .swiper-slide .txt p { margin-top:15px; font-size:14px; line-height:1.5em; font-weight: 200;  color: #fff; }
.news .srcoll .swiper-slide .txt font { font-size:18px; line-height:1.5em; font-weight: 200; color: #fff;  position:absolute;  bottom:0; }

.news .swiper-button-prev,.news .swiper-button-next {  display: none;  }




.bj02 { width:100%; float: left; padding:90px 0 72px 0; background:url("../images/bg02.jpg") center bottom no-repeat #c2e7e8; border-top:10px solid #9dd0d1;  border-bottom:10px solid #9dd0d1;}
.bj03 { width:100%; float: left; padding:90px 0; background:url("../images/bg03.jpg") center bottom no-repeat #c2e7e8;  }
.bj04 { width:100%; float: left; padding:90px 0; background:#def4f6;  }
.bj05 { width:100%; float: left; padding:90px 0; background:url("../images/bg05.jpg") center bottom no-repeat #c5e8e9;  }



/*网络达人探院记*/
.sp { width:69%; float:left;  }
.sp video { width:100%; }

.vlog { width:29%; float:right;  }
.vlog ul li { width: 100%; float:left;  margin-bottom:18px; -webkit-transition:all ease-out .3s 0s; transition:all ease-out .3s 0s; overflow: hidden;  } 
.vlog ul li h3 { width:100%; float:left; height:225px; 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:cover;  transition:all ease-out .5s 0s; -webkit-transition:all ease-out .5s 0s; }
.vlog ul li h3 em { width:50px; height:50px; display:block; background: url(../images/player.png); background-size:cover; position:absolute; top:50%; left:50%; margin-left:-25px; margin-top:-40px; 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 h3 font { width:100%; position:absolute; bottom:-0%; padding:10px 20px 15px 20px; font-size:18px; line-height:1.4em; color:#fff; text-align: justify; transition:all ease-out .5s 0s; -webkit-transition:all ease-out .5s 0s;  background:linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,0));  }
.vlog ul li:hover h3 font { bottom:0; }
.vlog ul li:hover h3 b {-webkit-transform: scale(1.05);transform: scale(1.05);}
.vlog ul li h4 { width:100%; float: left;  padding:10px 0 0 0; font-size:18px; line-height:1.4em; color:#fff; text-align: justify; display: none;}




/*你的健康好朋友*/
.tuwen { width:100%; float:left;  } 
.tuwen ul { display:flex; flex-wrap:wrap; }
.tuwen ul li { width:32%; float:left;  margin:10px 2% 10px 0; background: #fff; border-bottom:4px solid #a0cdd0; }
.tuwen ul li h3 { width:100%; float:left; height: 220px; overflow:hidden; }
.tuwen ul li h3 img { width:100%; height:100%; display:block;  -webkit-transition:all ease-out .3s 0s; transition:all ease-out .3s 0s; }
.tuwen ul li:hover h3 img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.tuwen ul li h4 { width:100%; float:left;  padding:15px 25px; }
.tuwen ul li h4 span { width:100%; float:left; color: #444; line-height:1.5em; font-size:20px;  text-align: justify; -webkit-transition:all ease-out .3s 0s; transition:all ease-out .3s 0s; }
.tuwen ul li:hover h4 span { color:#14b2b3; }
.tuwen ul li:nth-child(3n) { margin-right:0; }


/* 轮播容器 — 固定宽1200px，居中 */
.carousel {  position: relative; width: 1200px;  max-width: 100%;  display: flex; justify-content: center; align-items: center; overflow: visible; margin: 0 auto;}
 /* 3D 卡片容器 */
.card-track {  width: 100%;  height: 630px;  }
.card-wrapper { position: relative;   width: 100%; height: 100%;  display: flex; justify-content: center; align-items: center; }
	

/* 每张卡片 — 竖版尺寸，绝对定位保证层叠 */
.card { position: absolute; width: 320px; height: 470px;  border-radius: 25px; overflow: hidden; transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.card img { width: 100%;  height: 100%;  }
 /* 中间卡片突出 */
.card.active { width: 350px; height: 515px;  z-index: 10;  border-radius: 25px;overflow: hidden;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.arrow { position: absolute;  z-index: 30;  top: 50%; transform: translateY(-50%);   width: 60px;  height: 60px;  background: rgba(20, 178, 179, 0.7); border-radius: 50%; color: #fff; font-family:"\5B8B\4F53"; font-weight:bold;  font-size: 40px; text-align: center; line-height: 60px;  cursor: pointer; transition:all ease-out .3s 0s;  }
.arrow:hover { background: rgba(20, 178, 179, 1);}
.arrow-left { left: 0px; }
.arrow-right { right: 0px; }

.dots { position: absolute;  bottom: 0px; left: 50%; transform: translateX(-50%);  display: flex; gap: 8px;  z-index: 30;}
.dot { width: 12px; height: 12px;  border-radius: 12px;  background: #fff; cursor: pointer; transition:all ease-out .3s 0s;  }
.dot.active {  background: #00809c; width: 32px;  }




/*媒体聚焦*/
.mtjj { width:100%; float:left;  } 
.mtjj ul { display:flex; flex-wrap:wrap; }
.mtjj ul li { width:32%; float:left;  margin:20px 2% 0 0; background: #fff; border-bottom:4px solid #a0cdd0;  height:107px; padding:0 22px; display:flex; align-items:center;  transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.mtjj ul li span { width:100%; float:left; color:#444; line-height:1.6em; font-size:20px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mtjj ul li:hover span { color:#fff; }
.mtjj ul li:hover { background:#14b2b3; }
.mtjj ul li:hover { -webkit-transform: translateY(-10px);transform:translateY(-10px); }
.mtjj ul li:nth-child(3n) { margin-right:0; }

.more { width:100%; float: left;  text-align: right; margin-top: 20px; }
.more a {  background:#14b2b3; border-bottom:4px solid #a0cdd0;  display: inline-block; color: #fff; font-size:16px; line-height: 1.5em; padding:10px 20px;   }


/*高清图集*/
.hdpic { width:100%; float: left; margin-top: 20px;  }
.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:50px; float:left; padding:15px 25px; font-size:24px; line-height:1.5em;  color:#fff; 
background:linear-gradient(35deg,#7a3dd1 0%,#1942b2 40%,#14b2b3 100%); }

.hdpic .swiper-pagination3 { position:absolute; text-align:right;  z-index:10; bottom:0; padding:25px;  left:0; width:100%;  background:linear-gradient(0deg, rgba(0,0,0,.8), rgba(0,0,0,0)); }
.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 4px;  border:2px solid #fff;  transition:all ease-out .5s 0s; background:none; }
.hdpic .swiper-pagination-bullet-active{  width: 32px;  background:#14b2b3; border:2px solid #14b2b3;}

.hdpic .swiper-button-prev3,.hdpic .swiper-button-next3 { width:60px; height:60px; top:50%; margin-top:-50px; border-radius:100%; background: rgba(0,0,0,.5);  cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:60px; font-size:40px; color:#fff; font-family:"\5B8B\4F53";  font-weight:bold;  }
.hdpic .swiper-button-next3 { right:20px;}
.hdpic .swiper-button-prev3 { left:20px;}


.footer { width:100%; float:left;  text-align:center; font-size:18px; line-height:1.5em; color:rgba(255,255,255,.9); padding:17px 0;  background: #14b2b3; } 
.footer strong {  font-weight: 600; }	


/* 移动端适配 */
@media (max-width: 820px) {
.header { background-size:145% auto; }	
.donghua { width: 100%;  }
.tit { width:100%; float: left;  text-align: right; padding:5.5vw 5vw 0 0; }
.tit img { max-width: 76%;}
.sub { width:100%; float: left; padding:5vw 5vw 11vw 0; text-align: right; font-size:3vw; line-height:1.5em;  }

/*头条*/
.tt { padding:2.5vw 0 3.5vw 0; background: #fff;}
.tt span { width:100%; float:left; font-size:4.5vw; line-height:1.2em; text-align:left; margin-top: 6px; }
.tt span b { margin-bottom:5px; padding:0 2.5vw; line-height:1.9em; font-size:3.5vw; margin-right:2.5vw; }
	
	
.warp { width:100%; padding:0 5%; }	
	

.lm { padding:1% 0 4% 0; }
.lm img { width:75%; max-height: 100%;  }	
	
.lm2 { padding:0 0 5% 0; }
.lm2 img { width:40vw; max-height: 100%;  }	
	
/*新闻动态*/
.news { margin: 0 0 6% 0; overflow: hidden; }
.news .list { display:none; }
.news .srcoll { width:100%; float:left; margin-top: 5%;  }
.news .srcoll .swiper-slide { width:100%; height: 100vw;  float:left;   background: #14b2b3; border-bottom:4px solid #a0cdd0;  }
.news .srcoll .swiper-slide .img { padding:2vw; height:55vw;}

.news .srcoll .swiper-slide .txt { padding:2vw 5vw; height:40vw; }
.news .srcoll .swiper-slide .txt b { font-size:30vw; top:-10px;  }
.news .srcoll .swiper-slide .txt span { font-size:4vw; }
.news .srcoll .swiper-slide .txt p { margin-top:3vw; font-size:3.25vw;  }
.news .srcoll .swiper-slide .txt font { font-size:3.75vw;  bottom:0; }	
	
.news .swiper-button-prev,.news .swiper-button-next { background: rgba(255,255,255,.9);  cursor:pointer; position:absolute; z-index:999999; text-align:center; line-height:60px; font-size:40px; color:#333; font-family:"\5B8B\4F53";  font-weight:bold; width:10vw; height:10vw; top:50%; margin-top:-8vw; border-radius:0;  line-height:10vw; font-size:5vw; display:block;  }
.news .swiper-button-next { right:5%;}
.news .swiper-button-prev { left:5%;}

	
.bj02 { padding:0% 0 6% 0; background-size:auto 75%; border-top:0; }
.bj03 { padding:6% 0 7% 0; background-size:contain; }
.bj04 { padding:6% 0 5% 0; background-size:contain; }
.bj05 { padding:6% 0 5% 0; background-size:contain; }
	

	
/*网络达人探院记*/
.sp {  width: 100%;  margin-top: 0%;  }
.vlog {  width: 100%; margin-top: 2%;  }	
.vlog ul li { width:48.5%; margin-bottom: 0; } 	
.vlog ul li h3 {   height:26vw;  }
.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:cover; }
.vlog ul li h3 em { width:10vw; height:10vw;  margin-left:-5vw; margin-top:-5vw;}
.vlog ul li:hover h3 em { transform:rotate(0deg);-webkit-transform:rotate(0deg); }
.vlog ul li h3 font {  padding:3vw 3.25vw 2.75vw 3.25vw;  font-size:3.5vw; line-height:1.375em;  display: none; }
.vlog ul li:hover h3 b {-webkit-transform: scale(1);transform: scale(1);}
.vlog ul li:nth-child(2n) { float: right; }
.vlog ul li h4 {  font-size:3.75vw; line-height:1.375em; padding:3vw 0 0 0;  display: block;}
	
	
/*你的健康好朋友*/
.tuwen { margin-bottom:-3%; } 
.tuwen ul li { width:48.5%;  margin:0 3% 3% 0;  }
.tuwen ul li h3 {height: 26vw;}
.tuwen ul li:hover h3 img {-webkit-transform: scale(1);transform: scale(1);}
.tuwen ul li h4 { padding:2.5vw 3.5vw;  }
.tuwen ul li h4 span { line-height:1.5em; font-size:3.5vw; }
.tuwen ul li:hover h4 span { color:#444; }
.tuwen ul li:nth-child(3n) { margin-right:auto; }
.tuwen ul li:nth-child(2n) { margin-right:0; }
	
	
/* 轮播容器 — 固定宽1200px，居中 */
.carousel { width: 100%;max-width:100%;  }
 /* 3D 卡片容器 */
.card-track { width: 100%; height:82vw; }
.card-wrapper { position: relative;  width: 100%; height: 100%;   display: flex; justify-content: center; align-items: center;  }

/* 每张卡片 — 竖版尺寸，绝对定位保证层叠 */
.card {  width: 100%; position: absolute; width: 40vw; height:59vw;   border-radius: 1.8vw;   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
 /* 中间卡片突出 */
.card.active { width: 45vw; height:66vw;  border-radius: 2.4vw; overflow: hidden;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
	
.arrow { width: 9vw;  height: 9vw;  font-size: 5vw; line-height: 9vw;   }
.arrow:hover { background: rgba(20, 178, 179, 1);}
.arrow-left { left: 1.5vw; }
.arrow-right { right: 1.5vw; }

.dots { gap: 8px; }
.dot { width: 10px; height: 10px;  border-radius: 10px; }
.dot.active {  width: 30px;  }



/*媒体聚焦*/
.mtjj { margin-bottom:0; }
.mtjj ul li { width:100%; float:left; margin:0 0 2% 0; height:auto; padding:3vw 4vw; }
.mtjj ul li span { line-height:1.6em; font-size:3.75vw;}
.mtjj ul li:hover span { color:#444; }
.mtjj ul li:hover { background:#fff; }
.mtjj ul li:hover { -webkit-transform: translateY(0px);transform:translateY(0px); }
	
.more { margin-top:2%; }
.more a {  display: inline-block;  font-size:3.5vw; line-height: 1.5em;  padding:2vw 3.75vw;  }
	

	
/*高清图集*/
.hdpic { margin-top:0;  }
.hdpic .swiper-container3 {  height:54vw;  }
.hdpic .swiper-slide li span { max-width:75%;  bottom:8.5vw;  padding:2.2vw 3.75vw; font-size:3.5vw; line-height:1.5em;  }
.hdpic .swiper-pagination3 { bottom:0; padding:2.5vw; }
.hdpic .swiper-pagination-bullet { width:10px; height:10px;  margin:0 3px;  }
.hdpic .swiper-pagination-bullet-active{ width: 30px; }
.hdpic .swiper-button-prev3,.hdpic .swiper-button-next3 { width:10vw; height:10vw; top:50%; margin-top:-6vw; border-radius:100%;  line-height:10vw; font-size:5vw;   }
.hdpic .swiper-button-next3 { right:3vw;}
.hdpic .swiper-button-prev3 { left:3vw;}
	

	
.footer { font-size:3.5vw; line-height:1.5em; padding:3vw 0; } 
}