@charset "utf-8";
/* CSS Document */
/*通用*/
.bg-white {
	background-color:#FFF;
}
.mt-25 {
	margin-top:25px;
}
.mb-20 { margin-bottom:20px;}

@media only screen and (max-width:960px) {
	.ff1 { font-size: 20px;}
}

/*首页可持续*/
.content-box1 p,.content-box1 h3,.content-box1 h5 {
	padding-left:15px;
	padding-right: 15px;
}
.sustainable-box p {
	font-size: 18px;
	line-height: 45px;
	text-align: justify;
}
.sustainable-box h5 {
	/* text-align-last: justify; */
	font-size: 25px;
}
.kuai-line {
	margin:10px 15px;
	width: 100%;
	max-width: 77px;
	height: 5px;
	line-height: 5px;
	background-color: #0147a6;
}
@media only screen and (max-width:1200px) {
	.sustainable-box p {
		font-size: 17px;
		line-height: 25px;
	}	
}
@media only screen and (max-width:768px){
	.content-box1 h5 {		
		margin-bottom: 15px;
	}
	.content-box1 h3,.content-box1 h5 {
		font-size:2em;
	}
	.content-box1 p {
		font-size:1.2em;
	}
}

/*导航banner*/
@media only screen and (max-width:768px){
	#banner-index .wyz-vido-Container2 .swiper-wrapper .swiper-slide {
		
	}
}

/*二级导航*/
.about-guid {
	width:90%;
	max-width:1600px;
	text-align: center;	
	height: 60px;
	margin: 0 auto;	
}

/* right nav */
.about-guid .nav.right ul {
	text-align: right;
}

/* center nav */
.about-guid .nav.center ul {
	text-align: center;
}

.about-guid .nav {
	position: relative;
}
.about-guid .nav ul {	
	margin: 0;
	padding: 0;
}
.about-guid .nav li {
	margin: 0 5px 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
.about-guid .nav a {
	padding: 3px 12px;
	text-decoration: none;
	color: rgb(80, 79, 79);
	line-height: 60px;
}
.about-guid .nav a:hover {
	color: #000;
}
.about-guid .nav .current a {
	color: #fff;
	border-radius: 5px;
}
@media screen and (max-width: 600px) {
	.about-guid .nav {
		position: relative;
		min-height: 40px;
	}	
	.about-guid .nav ul {
		width: 180px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #fff url(/template/images/icon-menu.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.about-guid .nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.about-guid .nav .current {
		display: block; /* show only current <li> item */
	}
	.about-guid .nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
		line-height: 15px;
	}
	.about-guid .nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	.about-guid .nav ul:hover {
		background-image: none;
	}
	.about-guid .nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.about-guid .nav ul:hover .current {
		background: url(/template/images/icon-check.png) no-repeat 10px 7px;
	}

	/* right nav */
	.about-guid .nav.right ul {
		left: auto;
		right: 0;
	}

	/* center nav */
	.about-guid .nav.center ul {
		left: 50%;
		margin-left: -90px;
		z-index: 999;
	}	
}
@media only screen and (max-width:960px) {
	.about-guid {width: 100%; }
}

.bg-01 { background-color:#1380C8;}
.bg-02 { background-color:#C0F6FD;}
.bg-03 { background-color:#FED7A6;}
.about-guid a {
	color:#FFFFFF;
	font-size: 17px;
	height: 25px;
	display:inline-block;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px solid #fff;
	
}
.about-guid a:nth-last-child(1){
	border-right:0px;
}
.about-guid a.on {
	color:#93def1;
}
.bg-02 a,.bg-03 a { color: #333;}
/* 首页产品标题 */
.product-into {
	top:45%;
	left: 15%;
	font-size: 2.5em;
	color: #01246E;
	position: absolute;
}
@media screen and (max-width:900px) {
	.product-into {font-size: 36px; top: 25%; left: 36%;}
}

.box001 {
	width: 100%;
    max-width: 455px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    /*margin-top: 20px;	*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
}

.box001 {
	margin-top: 80px !important;
}
.box001 div { color: #FFF;
	font-size: 36px;
}
.box001 .kuai-line { margin-left: 0;}
.box001 #w_ficon-1607648937432 { margin-left: 0;}

@media only screen and (max-width:768px) {
	.box001 { margin-top: 25px !important;}
	.box001 div { font-size: 18px;	}
}

/*关于我们*/
.main-content {
	width: 90%;
	max-width: 1600px;
	margin: 0 auto 30px auto;
	
}
@media only screen and (max-width:960px) {
	.main-content { width: 100%;}
}
.about-content {
	width: 95%;
	max-width:800px;
/*	text-indent: 2em;*/
}
.about-content img {
	max-width: 100%;
}
.about-text {
	font-size:16px; 
	line-height: 2.4; 
	color: #444; 
	padding-top:15px;
	animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

/*鱼肉罐头*/
.can-banner-text {
	color:#0080C8 !important;
}
.can-box {
	padding-top: 50px;
	max-width: 800px;
	margin:0 auto;
}
@media only screen and ( max-width:960px ) {
	.can-box { padding-top: 0px; max-width: 99%;}
}
.bg-gray {
	background-color:#F7F6F5;
}
.can-title-box {
	margin-top:75px;
}
@media only screen and (max-width:960px) {
	.can-title-box { margin-top: 15px;}
}
.can-title-box span.can-title {
	padding:0px;
	margin:0px;
	display:block;
	font-size:40px;
}
.can-title-box span:nth-child(3) { font-size: 22px;}

.can-title-box div {
	height:2px;
	width:42px;
	background-color:#137E9B;
}
.can-img-box {
	margin:10px  auto;
	overflow: hidden;
	text-align: center;
}
.can-img-box p {
	min-height: 57px;
}
.can-img-box img {
	animation-duration: 1s;
	animation-delay: 0.5s;
	animation-fill-mode:backwards;
	animation-name: fadeInUp;
	transition-duration: 1s;
/*
	width:100%;
	height: auto;
*/
}
.can-img-box img:hover {
	transform: scale(1.3);	
}
.can-box p {
	font-size: 1.1em;
	line-height: 1.8em;
}
.can-partner {
	margin-top: 35px;
	margin-bottom: 25px;
	background-color:#FFF;
	padding-top: 35px;
	padding-bottom: 35px;
}

/*资质证明*/
.img-padding {
	padding-left: 5px;
	padding-right: 5px;
}
/*新闻中心*/
.news-list-box {
	padding-top: 47px;
	padding-bottom: 50px;
}
.news-list-box {
	max-width:900px;
	margin: 0 auto;
}
.news-pic-box {
	position: relative;
	width: 100%;
	height: 0px;
	padding-bottom: 55%;
	overflow: hidden;
}
.news-pic-box .news-pic {
	transition:all .5s ease;
	position: absolute;
	top:50%;
	left: 50%;
	width: 100%;
}
.news-pic-box:hover .news-pic {
	transform: translate(-50%,-50%) scale(1.05) !important;
}
.news-pic-box img {
	vertical-align: middle;
	border: 0;
}
.news-pic {
	transition:all 0.5s ease;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1.0) !important;
	width: 100%;
}
.news-link {
	position:absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 100%; 
	color:#707070;
}
.news-one-box {
	border: 1px solid #dadada;
	background-color: #fff;
	padding: 16px;
	border-radius: 5px;
}
.news-padding {
	padding-left:5px;
	padding-right: 5px;
}

.news-one-box .content {
	display:flex;
	justify-content: space-between;
	padding: 5px;
	padding-top: 15px;
	background-color: #FFF;
	padding-bottom: 15px;
}
.news-one-box .content .leftTime {
	width:calc((29%-10px)/1);
	padding-right: 15px;
	border-right: 1px solid #e9e9e9;
	text-align: center;
}
.news-one-box .content .leftTime span.newsData {
	display: block; 
	width: 100%;
	text-align: center;
	font-size: 2.2rem;
	color: #494949;
}
.news-one-box .content .leftTime span.newsYearMon {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.75rem;
	color: #7a7a7a;
	white-space: nowrap;
}
.news-one-box .content .rightc {
	width:70%;
	padding-top: 5px;
}
.news-one-box .content .rightc h3.newsTitle {
	font-weight: 100;
}
.news-one-box .content .rightc a.newsTitleLink {
	overflow: hidden;
	font-weight:bold; 
	padding-bottom: 6px;
	display: block;
	width: 100%;
	font-size: 0.875rem;
	color: #434343;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-one-box .content .rightc article.newsMs {
	display: block; font-weight: 100; font-size: 12px; height: 33px;
	overflow: hidden; color: #b8b8b8;
}
.news-one-box .readDetail {
	position: relative;
	background-color: #0147a6;
	padding: 0 15px 15px;
}
.news-one-box .readDetail a.readLink {
	display:block;
	width: 100%;
	height: 100%;
	padding: 15px 12px 0;
	border-top: 1px solid #346fbf;
	color: #FFF;
	font-size: 0.75rem;
}
.news-one-box .readDetail i.iconRead {
	position:absolute;
	top: 0px;
	color: #FFF;
	right: 27px;
	bottom: 0px;
	display: flex;
	align-items: center;
}
.newsListBox {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.newsList:hover{
	border-bottom:1px solid #0147a6;
	transition: all .5s ease;
}
.newsList:hover a.newsLinkBox .leftTimeBox,.newsList:hover a.newsLinkBox .leftTimeBox .newsData{
	background-color:#0147a6;
	color: #FFF;
}
.newsList:hover a.newsLinkBox .newsTitle {
	color:#0147a6;
}

.newsList {
	overflow:hidden;
	padding: 1rem;
	width: 99%;
	margin: 1%;
	float: left;
	height: 140px;
	background-color: #fff;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border:1px solid #dedede;
	transition: all .5s ease;
}
.newsList a.newsLinkBox {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	height: 100%;
	width: 100%;
	padding-right: 10%;
	overflow: hidden;
}
.newsList a.newsLinkBox .leftTimeBox {
	width: 80px;
	height: 98px;
	background-color: #f5f5f5;
	text-align: center;
	color: #797979;
	transition: all .5s ease;
}
.newsList a.newsLinkBox .leftTimeBox .newsData {
	font-size:2.75rem;
	line-height: 46px;
	color: #5b5b5b;
	padding-top: 15px;
}
.newsList a.newsLinkBox .centerContentBox {
	width:calc( (100%-80px)/1);
	padding-left: 3%;
}
.newsList a.newsLinkBox h2.newsTitle {
	font-size:18px;
	color:#3e3e3e;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 35px;
	overflow: hidden;
	font-weight: bold;
	transition: all .5s ease;
}

article.newsSummry {
	line-height: 24px; height: 48px; overflow: hidden; color: #8e8e8e;
}
.newsList a.newsLinkBox .rightIcon {
	position:absolute;
	top: 50%;
	right: 0px;
	transition: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 20px;
	overflow: hidden;
}

/*联系我们*/
.contact_main_box {
	width:100%;
}
.contact-box {
	width: 90%;
	max-width:1200px;
	margin:75px auto 15px;
}
.contact-box .can-title-box {
	margin-top:0px;
}
.contact-info {
	margin-top: 25px;
	font-size:1.5em;
	line-height: 2.5rem;
}
.clear-fix { clear: both;}
.contact-item-box {
	width: 100%;
	border-radius: 15px;
	padding: 5px;
	margin-bottom: 20px;
	background-color: #fff;
}

/*页脚*/
.bg-hei {
	background-color:#111111;
	width: 100%;	
	color: #FFFFFF;
	height: 80px;
}
.footer-copyright {
	width: 90%;
	max-width:1600px;
	margin: 0 auto;

}
.footer-copyright .footer-copyright-left p {
	font-size:14px;
	word-break: normal;
	line-height: 80px;
}
.footer-copyright .footer-copyright-right p {
	font-size: 14px;
	text-align:right;
	line-height: 80px;
}