@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: url(../images/bg.jpg) center top repeat-y #f8ddc0; 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 { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }


@font-face { font-family: 'roboto'; src: url('Roboto.ttf') format('truetype');}

.header { width:100%; margin:0 auto;  overflow:hidden; height:100%; position:relative; background: url(../images/header.jpg) center bottom no-repeat;  background-size: cover;  }
.tit {width:100%; position:absolute; top:5vh; float: left; height: 90vh;  text-align: center;  animation:tit 1.2s ease .2s backwards;  }
@keyframes tit
{
0%   { transform:scale(.2);  opacity:0;}
50% { transform:scale(1.2);  opacity:.5;}
100% { 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-width:98%; max-height:100%; }





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

.padtd { margin:35px 0; }


.lm { width:100%; float: left;  padding:35px 0 20px 0; text-align: center;  }
.lm p { width:100%; float: left;text-align: center; font-size:26px; line-height:1.4em; font-weight: 100; color: #760e08; margin-top: 10px; }
.lm p b { font-weight:200;}


/*板块二：新闻动态专栏（嘉年鲜讯）*/
.jnxx { width:66%; float: left; position:relative; overflow:hidden; z-index:1; height:500px; border-radius:250px 100px 250px 250px;  }
.jnxx h3 { width:100%; height:100%;  position: absolute; overflow:hidden; background-repeat:no-repeat; background-position:center center;  background-size: cover; }
.jnxx h3  span { width: 100%;  position:absolute; bottom:0; float:left; padding:32px 16%; font-size:26px; text-align: center; line-height:1.4em; color:#fff; text-shadow:0px 0px 5px rgba(0,0,0,.5); background:linear-gradient(180deg, rgba(0,0,0,0),  rgba(0,0,0,.8)); position:absolute;  }

.news { width:32%; float:right; background:rgba(248,245,248,.8); height:500px; border-radius:100px 250px 250px;  overflow: hidden;  }
.news ul { float:left;  padding:55px 60px; }
.news ul li { width:100%; float:left; border-left:1px dashed rgba(0,0,0,.2); padding-bottom:30px;  transition: all 0.3s ease;}
.news ul li i { width: 11px; height:11px; background:#d34f2a; float: left; border-radius: 50%; margin-left: -6px; }
.news ul li h3 { width:calc(100% - 25px); float: right; margin-top: -10px;  }
.news ul li h3 b {  width:100%; float:left; font-family: 'roboto';  line-height:1.5em; font-size:20px; color:#333; font-weight: 600;  }
.news ul li h3 p {  width:100%; float:left; line-height:1.5em; font-size:18px; color:#000; font-weight: 300; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  transition: all 0.3s ease; }
.news ul li:hover h3 p { color:#d34f2a; font-weight: 300; }


/*板块三：海报图集专区（黄鱼风物）*/
#hb01 { width:100%; float:left; overflow: hidden;  }
#hb01 ul li { width:376px; float:left; height:500px;  margin-right:36px; transition:all ease-out .3s 0s; overflow: hidden; border-radius:100px 60px 60px 100px;  cursor: pointer; } 
#hb01 ul li img { width:100%; height:100%; }
#hb01 ul li:hover {  transform:translateX(-0px); opacity:1;  filter: grayscale(80%);}

/*板块七：体验专区（全民寻鲜）*/
.padtd2 { margin:35px 0 20px 0; }
.tabBar {  width: 100%; float: left;  margin:0 0 50px 0; text-align: center; }
.tabBar span { display: inline-block; line-height: 56px; padding:0 35px; background:rgba(248,245,248,.8); font-size:18px; font-weight: 300;  border-radius:30px 15px 30px 15px; margin:0 10px; color:#000; cursor: pointer;transition:all .3s ease-in-out; }
.tabBar span.current {color:#fff; background:#d5502d; font-weight: 500; }
.tabCon { width:100%; float:left;  }

#hb02,#hb03 { width:100%; float:left;  overflow: hidden;  }
#hb02 ul li,#hb03 ul li { width:276px; float:left; height:394px;  margin-right:32px; transition:all ease-out .3s 0s; overflow: hidden; border-radius:80px 40px 40px 80px;  cursor: pointer;} 
#hb02 ul li img,#hb03 ul li img{ width:100%; height:100%; }
#hb02 ul li:hover,#hb03 ul li:hover {  transform:translateX(-0px); opacity:1;  filter: grayscale(80%);}


/*板块四：短视频合集（鲜影拾光）*/
.vlogbig { width:34.5%; float:left; }
.vlogbig ul li { width: 100%; float:left;  transition:all ease-out .3s 0s; overflow: hidden;  } 
.vlogbig ul li h3 { width:100%; float:left; height:710px; overflow: hidden; position:relative; border-radius:200px 100px 100px 150px; }
.vlogbig 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;  }
.vlogbig ul li h3 em { width:90px; height:90px; display:block; background: url(../images/player.png); background-size:cover; position:absolute; position:absolute; top:50%; left:50%; margin-left:-45px; margin-top:-70px; z-index:5;  transform:rotate(0deg);  transition:all ease-out .3s 0s;}
.vlogbig ul li:hover h3 em { transform:rotate(360deg); }
.vlogbig ul li h3 font { width:100%; position:absolute; bottom:-0%; padding:25px 13%; font-size:26px; line-height:1.4em; color:#fff; text-align: center; transition:all ease-out .3s 0s;  background:linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,0)); }
.vlogbig ul li:hover h3 font { bottom:0; }
.vlogbig ul li:hover h3 b {transform: scale(1.00);}


.vlog { width:61.5%; float:right; }
.vlog ul li { width:30%; float:left; margin-right:5%; margin-bottom:30px;  transition:all ease-out .3s 0s; overflow: hidden;  } 
.vlog ul li h3 { width:100%; float:left; height:340px; overflow: hidden; position:relative;  border-radius:50px 25px 75px 50px; }
.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;  }
.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);  transition:all ease-out .3s 0s;}
.vlog ul li:hover h3 em { transform:rotate(360deg); }

.vlog ul li h3 font { width:100%; position:absolute; bottom:-0%; padding:10px 20px 20px 20px; font-size:18px; line-height:1.3em; color:#fff; font-weight: 300; transition:all ease-out .3s 0s; background:linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0)); }
.vlog ul li:hover h3 font { bottom:0; }
.vlog ul li:hover h3 b {transform: scale(1.00);}
.vlog ul li:nth-child(3n) { margin-right:0; }


/*板块五：直播专区（云端寻鲜）*/
/* 轮播容器核心样式 */
.video { padding:30px 0; position: relative;  }
.video .container { width: 100%;  margin: 0 auto; padding: 0 0px; /* PC端增加左右内边距，避免箭头超出视口 */}
.video .video-replay-swiper { position: relative; height: auto; padding:0 0px; /* 增加上下内边距，提升3D效果空间 */ }

/* 轮播卡片样式 */
.video-card { width:100%; height:100%;  border-radius:10px; overflow: hidden; box-shadow:0 4px 12px rgba(0, 0, 0,0); display:flex; flex-direction:column; transition: transform 0.3s ease;}
.video-card span { width: 100%; float: left;  height: 450px;  object-fit: cover;  display: block; background:linear-gradient(120deg, #a02200, #cf4b27);  padding:20px;}
.video-card span img { width: 100%; height: 100%;  }
.video-card font { width: 100%; float: left; padding:18px 5%; background:rgba(248,245,248,.8); }
.video-card font p { width: 100%; float: left; font-size: 20px; color: #000; font-weight:300;  line-height: 1.5em; text-align: center;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.video-card:hover { transform: translateY(-5px);  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);}
.video-card:hover font p { color: #a02200; }

.video-nav-btn { width:40px;  height: 80px; border-radius: 0%; position:absolute;  top:calc(50% - 45px); transform: translateY(-50%); z-index: 10; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);  transition: all 0.3s ease; text-align:center; background: #1d4f8c;  color: #fff; font-size:30px; line-height: 80px; font-family:"\5B8B\4F53";  font-weight:bold;  display: block; cursor:pointer;  }
.video-nav-btn:hover { background:#040001;}
.swiper-button-prev.video-nav-btn { left: 0;  border-radius:0 3px 3px 0; }
.swiper-button-next.video-nav-btn { right: 0;  border-radius:3px 0 0 3px;}




/*增加板块：渔港逐趣*/
.stroy { width:100%; float: left;  }
.stroy ul { display:flex; flex-wrap:wrap; }
.stroy ul li { width:31%; float:left; margin-right: 3.5%; background:rgba(248,245,248,.8); border-radius:50px 100px 180px 180px;  overflow: hidden; cursor: pointer; } 
.stroy ul li h3 { width:100%; float:left; overflow: hidden;   }
.stroy ul li h3 img { width:100%;  transition:all ease-out .3s 0s;  }
.stroy ul li:hover h3 img {  transform: scale(1.05);}
.stroy ul li h4 { width:100%; float:left;  padding:30px 40px 70px 40px; }
.stroy ul li h4 font { width:100%; float:left; color:#040001; line-height:1.5em; font-size:24px; font-weight: 700; transition:all ease-out .3s 0s;   }
.stroy ul li:hover h4 font { color:#a02200; }
.stroy ul li h4 i { display:block; width:50px; height:1px; background:rgba(0,0,0,.5); float:left; margin-top:20px; }
.stroy ul li h4 p { width:100%; float:left;  color:#333; line-height:1.8em; font-size:17px; font-weight: 300; padding:20px 0 0 0; text-align: justify; }
.stroy ul li:nth-child(3n) { margin-right:0; }





/*板块六：本土企业风采（温渔匠心）*/
.padtd3 { margin:5px 0 35px 0; }
.buss { width:100%; float: left; height:440px; border-radius:150px 220px 300px 220px; overflow: hidden;  background:rgba(248,245,248,.8);  cursor:pointer; }
.buss h3 { width:50%; height:100%; float:left; overflow: hidden; background: #000; }
.buss h3 img { width:100%; height:100%;transition:all ease-out .3s 0s;   }
.buss:hover h3 img { width:100%; height:100%; opacity:.8;}
.buss h4 { width:50%; float:right;  height:100%;  padding:45px 100px 38px 45px; }
.buss h4 font { width:100%; float:left; color:#040001; line-height:1.5em; font-size:26px; font-weight: 700; -webkit-line-clamp:2; display:-webkit-box;  overflow:hidden;  -webkit-box-orient:vertical; transition:all ease-out .3s 0s;   }
.buss:hover h4 font { color:#a02200; }
.buss h4 i { display:block; width:50px; height:1px; background:rgba(0,0,0,.5); float:left; margin-top:30px; }
.buss h4 p { width:100%; float:left;  color:#333; line-height:2em; font-size:18px; font-weight: 300; padding:20px 0 0 0;  text-align: justify; /*-webkit-line-clamp:8;  display:-webkit-box;  overflow:hidden;  -webkit-box-orient:vertical;*/}
.buss h4 p b { font-weight:500; }
.buss h4 span { width:100%;  float: left; margin-top: 45px;  }
.buss h4 span em { background:#d34f2a; color:#fff; line-height:2.75em; font-size:18px; font-weight:200; padding:0 35px; border-radius:50px; display: inline-block; transition:all ease-out .3s 0s;  }
.buss h4:hover span em  { background:#a02200;  }

.company { width:100%; float: left;  }
.company .swiper-container2 { width:100%;  position:relative; overflow:hidden; z-index:1; height:440px; border-radius:150px 220px 300px 220px; overflow: hidden;   }
.company .swiper-wrapper { position: relative; width:100%;  height:100%;  z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; }
.company .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0;  flex-shrink:0;  background: #fff; }
.company .swiper-slide h3 { width:50%; height:100%; float:left; overflow: hidden; background: #000; }
.company .swiper-slide h3 img { width:100%; height:100%;transition:all ease-out .3s 0s;   }
.company .swiper-slide:hover h3 img { width:100%; height:100%; opacity:.8;}
.company .swiper-slide h4 { width:50%; float:right;  height:100%;  padding:45px 100px 38px 45px; }
.company .swiper-slide h4 font { width:100%; float:left; color:#040001; line-height:1.5em; font-size:26px; font-weight: 700; -webkit-line-clamp:2; display:-webkit-box;  overflow:hidden;  -webkit-box-orient:vertical; transition:all ease-out .3s 0s;   }
.company .swiper-slide:hover h4 font { color:#d34f2a; }
.company .swiper-slide h4 i { display:block; width:50px; height:1px; background:rgba(0,0,0,.5); float:left; margin-top:30px; }
.company .swiper-slide h4 p { width:100%; float:left;  color:#333; line-height:1.8em; font-size:18px; font-weight: 200; padding:20px 0 0 0;  text-align: justify; -webkit-line-clamp:4;  display:-webkit-box;  overflow:hidden;  -webkit-box-orient:vertical;}
.company .swiper-slide h4 p b { font-weight:500; }

.company .swiper-pagination2 { position:absolute; text-align:left;  z-index:10; bottom:0;  left:0; width:50%; display: none; }
.company .swiper-pagination-bullet { width:12px; height:12px; display:inline-block; border-radius:100%; opacity:1;  border:2px solid #ff6600; border-radius:50px; cursor:pointer; margin:0 8px 0 0; transition:all ease-out .5s 0s; background:none; }
.company .swiper-pagination-bullet-active{  width: 32px;  background:#ff6600; border:2px solid #ff6600;}

.company .swiper-button-prev2,.company .swiper-button-next2 { width:80px; bottom:40px; cursor:pointer; position:absolute; z-index:9999; text-align:center; color:#fff; line-height: 50px; font-family:"\5B8B\4F53";  font-weight:bold; font-size:30px; display: block;  }
.company .swiper-button-prev2 { right:calc(50% - 122px); background: #feb728; border-radius:25px 0 0 25px; }
.company .swiper-button-next2 { right:calc(50% - 202px); background: #fa9e22; border-radius:0 25px 25px 0 ;}




.footer { width: 100%; float: left; background:#040001;  padding:15px 0;  font-size: 15px; line-height: 1.6em; color:rgba(255,255,255,.9); text-align: center; margin-top: 70px; }
.footer span { padding:0 8px; font-weight: 200; }
.footer strong { font-weight: 600; }

/* 移动端适配 */
@media (max-width: 820px) {
.header { height:58vw;}
.tit { height: 56vw; top:2vh;  }
.tit img { max-width: 97%;}

	

.padtd { margin:0 0; }
.lm { padding:6vw 0 5vw 0;  }
.lm img { width:65%; }	
.lm p {font-size:3.75vw; line-height:1.5em; font-weight: 100; color: #37326a; margin-top: 1vw; }	
.lm p b { padding:0 1.5vw; font-weight:500;}

.warp { width: 100%; margin: 0 auto; overflow: hidden; padding:0 5%; }	


/*板块二：新闻动态专栏（嘉年鲜讯）*/
.jnxx { width:100%; height:60vw; border-radius:50vw 25vw 50vw 50vw; margin-bottom:4vw;  }
.jnxx h3 span { padding:5vw 12%; font-size:4.5vw; line-height:1.4em; font-weight: 400;  }

.news { width:100%; float: left;  height:auto; border-radius:25vw 50vw 50vw;   }
.news ul { float:left;  padding:12vw 12vw 8.5vw 12vw; }
.news ul li { padding-bottom:6vw; }
.news ul li h3 { width:calc(100% - 25px);  margin-top: -1.75vw;  }
.news ul li h3 b { font-size:4.5vw;   }
.news ul li h3 p { font-size:4vw;  -webkit-line-clamp: 5;  }
.news ul li:hover h3 p { color:#000; font-weight: 200; }
	
	
	

	
/*板块三：海报图集专区（黄鱼风物）*/
#hb01 {  height:74.5vw;}
#hb01 ul li { width:56vw;  height:75vw;  margin-right:5vw; border-radius:14vw 6vw 10vw 14vw; } 
#hb01 ul li:hover {  filter: grayscale(0%);}

	
/*板块七：体验专区（全民寻鲜）*/
.padtd2 { margin:0 0; }
.tabBar { margin:0 0 5vw 0; }
.tabBar span { line-height: 2.75em; padding:0 6vw; font-size:4vw; border-radius:8vw 4vw 8vw 4vw; margin:0 1.5vw; }
	
#hb02,#hb03,#hb04 { height:80vw;}
#hb02 ul li,#hb03 ul li,#hb04 ul li { width:56vw; height:80vw;  margin-right:5vw; border-radius:14vw 6vw 10vw 14vw;  } 
#hb02 ul li:hover,#hb03 ul li:hover,#hb04 ul li:hover {  filter: grayscale(0%);}

		
	
	
	
/*板块四：短视频合集（鲜影拾光）*/
.vlogbig { width:100%; float:left;  }
.vlogbig ul li { width:100%; float:left; margin-right:0; margin-bottom:4%; } 
.vlogbig ul li h3 { height:60vw; border-radius: 50vw 50vw 50vw 25vw;  }
.vlogbig ul li h3 em { width:14vw; height:14vw; margin-left:-7vw; margin-top:-11vw;}
.vlogbig ul li:hover h3 em { transform:rotate(0deg); }
.vlogbig ul li h3 font { bottom:0%; padding:5vw 12%;  font-size:4.5vw; line-height:1.4em; }
.vlogbig ul li:hover h3 font { bottom:0; }
.vlogbig ul li:hover h3 b {transform: scale(1.00);}

.vlog { width:100%; float:left;  }
.vlog ul li { width:32%; float:left; margin-right:2%; margin-bottom:4%;  } 
.vlog ul li h3 { height:45vw;  border-radius:15vw 10vw 24vw 24vw; }
.vlog ul li h3 em { width:8vw; height:8vw; margin-left:-4vw; margin-top:-4vw; display: none; }
.vlog ul li:hover h3 em { transform:rotate(0deg); }
.vlog ul li h3 font { bottom:0%; padding:5.5vw 3.5vw; font-size:3.5vw; line-height:1.4em; text-align: center;  }
.vlog ul li:hover h3 font { bottom:0; }
.vlog ul li:hover h3 b {transform: scale(1.00);}
.vlog ul li:nth-child(3n) { margin-right:0;}
	
	

/*板块五：直播专区（云端寻鲜）*/	
.warp3 { width: 100%; margin: 0 auto; overflow: hidden; padding:0 0%; }	
.video { padding: 0 0; overflow: hidden; }
.video .container { padding:0;}
.video .video-replay-swiper {  padding:0 0 0 0;  }

.video-card { border-radius: 5px;}
.video-card span { height: 40vw; padding:1.5vw;}
.video-card font { padding:2.5vw 2.5vw; }
.video-card font p { font-size: 3.5vw; line-height: 1.5em;  -webkit-line-clamp:4; }
.video-card:hover { transform: translateY(0px); }
.video-card:hover p { color: #333; }

.video-nav-btn {width:6vw; height:12vw; font-size: 4vw; line-height:12vw; top:calc(50% - 12vw);  }
.video-nav-btn:hover {  background: #fa9e22;  color: #fff; }
.swiper-button-prev.video-nav-btn { left: 0;  }
.swiper-button-next.video-nav-btn { right: 0; }
	
	
	
/*增加板块：渔港逐趣*/
.stroy ul li { width:100%; float:left; margin-right:0%;   border-radius:15vw 30vw 50vw 50vw; margin-bottom: 4vw;   } 
.stroy ul li:hover h3 img {  transform: scale(1.05);}
.stroy ul li h4 { width:100%; float:left;  padding:6vw 9.5vw 19vw 9.5vw; }
.stroy ul li h4 font { line-height:1.5em; font-size:4.5vw;   }
.stroy ul li:hover h4 font { color:#040001; }
.stroy ul li h4 i {display:block; width:50px; height:1px; background:rgba(0,0,0,.5); float:left; margin-top:4vw; }
.stroy ul li h4 p {font-size:3.5vw; padding:4vw 0 0 0;}



/*板块六：本土企业风采（温渔匠心）*/
.padtd3 { margin:0 0; }
.buss { min-height:54vw; height:auto;  border-radius:15vw 30vw 50vw 50vw;  margin-bottom:5vw;  }
.buss h3 { width: 100%; height:auto; }
.buss:hover h3 img {  opacity:1;}
.buss h4 { width: 100%;  height:auto;  padding:6vw 9.5vw 19vw 9.5vw; }
.buss h4 font {line-height:1.5em; font-size:4.5vw;  -webkit-line-clamp:2;   }
.buss:hover h4 font { color:#040001; }
.buss h4 i { display:block; width:50px; height:1px; background:rgba(0,0,0,.5); float:left; margin-top:4vw; }
.buss h4 p { font-size:3.5vw; padding:4vw 0 0 0;   }
.buss h4 p b { font-weight:500; }
.buss h4 span {  margin-top: 5vw;  text-align: center; margin-top: 6vw; }
.buss h4 span em { line-height:2.75em; font-size:3.5vw;  padding:0 7vw; border-radius:10vw;  }
.buss h4:hover span em  { background:#d34f2a;  }
	
	
	
.company .swiper-container2 { min-height:54vw; height:auto;  border-radius:25vw 50vw 60vw 50vw; }
.company .swiper-slide h3 { width: 100%; height:54vw;  }
.company .swiper-slide:hover h3 img { opacity:1;}
.company .swiper-slide h4 { width: 100%;  height:auto;  padding:7vw 9.5vw; margin-bottom:20vw; }
.company .swiper-slide h4 font { line-height:1.5em; font-size:4.5vw;  -webkit-line-clamp:2; }
.company .swiper-slide:hover h4 font { color:#040001; }
.company .swiper-slide h4 i { display:block; width:50px; height:1px; background:rgba(0,0,0,.5); float:left; margin-top:4vw; }
.company .swiper-slide h4 p { font-size:3.5vw; padding:4vw 0 0 0;  -webkit-line-clamp:4; }
.company .swiper-slide h4 p b { font-weight:500; }

.company .swiper-button-prev2,.company .swiper-button-next2 { width:15vw; bottom:10vw; line-height: 10vw; font-size:6.5vw;  }
.company .swiper-button-prev2 { right:auto; left:calc(50% - 15vw); border-radius:5vw 0 0 5vw; }
.company .swiper-button-next2 { right:calc(50% - 15vw);  border-radius:0 5vw 5vw 0;}

	
	
.footer { padding:2.75vw 5%;  font-size: 3.5vw; line-height: 1.8em; margin-top:6%; }
.footer span { width: 100%; float: left; text-align: center; padding:0 0; }


}