@charset "utf-8";



/* CSS Document */



@font-face {

	font-family: Source Han Sans;

	src: url('fonts/SourceHanSans/SourceHanSans-Regular.otf');

}



.menu-news {

	padding: 80px 0;

	background-color: #fff;

}



.menu-news h2 {

	color: #383737;

	font-size: 20px;

	line-height: 36px;

	font-weight: bold;

	text-align: center;

}



.menu-news h3 {

	font-size: 30px;

	color: #000;

	font-family: Source Han Sans;

	line-height: 36px;

	text-align: center;

	text-transform: capitalize;

}



.menu-news h3 span {

	color: #f39800;

}



.ne_list {

	width: 1200px;

	height: auto;

	overflow: hidden;

}



.ne_list li {

	margin-right:40px;

	width: 580px;

	float: left;

}
.ne_list li:nth-child(2n){
	margin-right:0;
}


.i-news-content {

	padding-top: 60px;

	overflow: hidden;

}



.i-news-contents {

	width: 580px;

	overflow: hidden;

	padding-top: 10px;

}



.i-news-img {

	display: block;

	width: 590px;

	height: 200px;

	position: relative;

	overflow: hidden;

}



.i-news-img img {

	width: 100%;

	height: 100%;

	-webkit-transition: 1s;

	-ms-transition: 1s;

	-moz-transition: 1s;

	-o-transition: 1s;

	transition: 1s;

}



.i-news-content:hover .i-news-img img {

	-webkit-transform: scale(1.05);

	-ms-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

}



.i-news-content:hover .para h4 a {

	color: #f39800;

}



.i-news-content:hover .para a.transition {

	background-color: #f39800;

	color: #fff;

}



.i-news-contents .time {

	float: left;

	height: 75px;

	border-right: 1px solid #e5e5e5;

	width: 92px;

}



.i-news-contents .time b {

	color: #676767;

	font-size: 48px;

	font-family: Source Han Sans;

	font-weight: normal;

}



.i-news-content:hover .time b {

	color: #f39800;

}



.i-news-contents .time p {

	color: #676767;

	font-family: Source Han Sans;

	line-height: 24px;

	padding-left: 5px;

}



.i-news-contents .para {

	float: left;

	width: 76%;

	padding: 0 20px;

}



.i-news-contents .para h4 {

	font-size: 16px;

	color: #434343;

	line-height: 24px;

	margin-bottom: 8px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}



.i-news-contents .para h4 a {

	font-size: 16px;

	color: #434343;

}



.i-news-contents .para h4 a:hover {

	text-decoration: underline;

	color: #f39800;

}



.i-news-contents .para p {

	height: 48px;

	line-height: 24px;

	color: #676767;

	overflow: hidden;

}



.i-news-contents .para a.transition {

	display: block;

	width: 114px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	border: 1px solid #434343;

	color: #434343;

	margin-top: 30px;

}



.i-news-contents .para a.transition:hover {

	background-color: #f39800;

	color: #fff;

}





/*企业动态*/



.news-lines {

	width: 100%;

	height: 1px;

	background-color: #e5e5e5;

	margin: 32px 0 40px;

}





/*分页*/



.page {

	width: 100%;

	text-align: center;

	font-size: 0;

	margin-bottom: 30px;

}



.page a {

	display: inline-block;

	*display: inline;

	*zoom: 1;

	width: 48px;

	height: 28px;

	line-height: 30px;

	text-align: center;

	border: 2px solid #dedede;

	vertical-align: middle;

	font-size: 13px;

	color: #7e7d7d;

	margin: 0 4px;

}



.page a.prev,

.page a.next {

	width: 32px;

	height: 32px;

	border: none;

	background: url(../images/customer_40.jpg) no-repeat;

}



.page a.prev {

	background-position: -32px -32px;

}



.page a.prev:hover {

	background-position: 0 -32px;

}



.page a.next {

	background-position: 0 0;

}



.page a.next:hover {

	background-position: -32px 0;

}



.page a.active {

	background-color: #016438;

	border-color: #016438;

	color: #fff;

}



.page a:hover {

	background-color: #016438;

	border-color: #016438;

	color: #fff;

}





/*产品列表页*/



.pro_list {

	padding: 40px 0px;

}



.comName {

	padding: 10px 0px 30px;

}



.comName .com1 {

	font-weight: bold;

	font-size: 32px;

	text-align: center;

}



.comName .com2 {

	position: relative;

	width: 600px;

	margin: 0px auto;

	margin-top: 20px;

}



.comName .com2 .cmspan {

	position: absolute;

	top: -13px;

	left: 0px;

	width: 100%;

	text-align: center;

}



.comName .com2 .cmspan span {

	background: white;

	color: #333333;

	font-size: 14px;

	padding: 0px 5px;

}



.gracol {

	color: #828282;

}



.pro_fl {

	height: auto;

	overflow: hidden;

}

.pro_fl ul{

	display: flex;

	justify-content: center;
	flex-wrap: wrap;

}



.pro_fl ul li {

	width: 190px;

	float: left;

	margin-right: 10px;

}



.pro_fl ul li:last-child {

	margin-right: 0px;

}



.swiper-slide {

	text-align: center;

	font-size: 18px;

	background: #fff;

	align-items: center;

}



.swiper-slide a {

	position: relative;

	display: block;

	width: 100%;

	height: 45px;

	line-height: 45px;

	background: white;

	border-radius: 10px;

	box-shadow: 1px 1px 5px #DEDEDE, -1px 1px 5px #DEDEDE, 1px -1px 5px #DEDEDE, -1px -1px 5px #DEDEDE;

	margin-left: 5px;

	margin-top: 25px;

	margin-bottom: 5px;

	text-align: center;

	font-size: 18px;

	color: #032435;

}



.swiper-slide a:hover {

	background: #016438;

	color: #f39800;

}



.swiper-slide a img {

	position: absolute;

	top: -10px;

	left: 10px;

}



.swiper-slide a img.be2 {

	display: none;

}



.swiper-slide a:hover img.be1 {

	display: none;

}



.swiper-slide a:hover img.be2 {

	display: block;

}



.swiper-slide a.active img.be2 {

	display: block;

}



.swiper-slide a.active img.be1 {

	display: none;

}



.swiper-slide a.active {

	background: #016438;

	color: #f39800;

}





/*产品剂型*/



.pro_fl_1 {

	height: auto;

	overflow: hidden;

}



.pro_fl_1 ul {

	padding-left: 110px;

}



.pro_fl_1 ul li {

	width: 190px;

	float: left;

	margin-right: 10px;

}



.pro_fl_1 ul li:last-child {

	margin-right: 0px;

}





/*销售渠道*/



.pro_fl_2 {

	height: auto;

	overflow: hidden;

}



.pro_fl_2 ul li {

	width: 160px;

	float: left;

	margin-right: 10px;

}



.pro_fl_2 ul li:last-child {

	margin-right: 0px;

}



.pro_fl_2 .swiper-slide a {

	width: 160px;

}





/*产品批号*/



.pro_fl_3 {

	height: auto;

	overflow: hidden;

}



.pro_fl_3 ul {

	padding-left: 300px;

}



.pro_fl_3 ul li {

	width: 190px;

	float: left;

	margin-right: 10px;

}



.pro_fl_3 ul li:last-child {

	margin-right: 0px;

}





/*自主品牌*/



.pro_fl_4 {

	height: auto;

	overflow: hidden;

}



.pro_fl_4 ul {

	padding-left: 210px;

}



.pro_fl_4 ul li {

	width: 190px;

	float: left;

	margin-right: 10px;

}



.pro_fl_4 ul li:last-child {

	margin-right: 0px;

}





/*代加工服务*/



.pro_fl_5 {

	height: auto;

	overflow: hidden;

}



.pro_fl_5 ul {

	padding-left: 410px;

}



.pro_fl_5 ul li {

	width: 190px;

	float: left;

	margin-right: 10px;

}



.pro_fl_5 ul li:last-child {

	margin-right: 0px;

}



.pro_list1 {

	width: 1200px;

	height: auto;

	overflow: hidden;

}



.pro_list1 li {

	width: 290px;

	float: left;

	margin-right: 10px;

}



.pro_list1 li:last-child {

	margin-right: 0px;

}



.i-pro-content {

	padding-top: 60px;

	overflow: hidden;

}



.i-pro-contents {

	width: 290px;

	overflow: hidden;

	padding-top: 20px;

}



.i-pro-img {

	display: block;

	width: 288px;

	height: 290px;

	position: relative;

	overflow: hidden;

	border: 1px #f1f1f1 solid;

}



.i-pro-img img {

	width: 290px;

	height: 290px;

	-webkit-transition: 1s;

	-ms-transition: 1s;

	-moz-transition: 1s;

	-o-transition: 1s;

	transition: 1s;

}



.i-pro-content:hover .i-pro-img img {

	-webkit-transform: scale(1.05);

	-ms-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

}



.i-pro-content:hover h4 a {

	color: #f39800;

}



.i-pro-content:hover a.transition {

	background-color: #f39800;

	color: #fff;

	border: 1px solid #f39800;

}



.i-pro-contents {

	float: left;

	width: 290px;

	background: #f6f6f6;

}



.i-pro-contents h4 {

	font-size: 16px;

	color: #434343;

	line-height: 24px;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	text-align: center;

}



.i-pro-contents h4 a {

	font-size: 16px;

	color: #434343;

}



.i-pro-contents h4 a:hover {

	text-decoration: underline;

	color: #f39800;

}



.i-pro-contents a.transition {

	display: block;

	width: 114px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	margin: 20px auto;

	border: 1px solid #434343;

	background: #FFF;

	color: #434343;

}



.i-pro-contents a.transition:hover {

	background-color: #f39800;

	color: #fff;

	border: 1px solid #f39800;

}





/*成功案例*/



.product-menu {

	width: 1200px;

	position: relative;

	margin: 0 auto;

	padding: 51px 0px 0px 0px;

}



.product-menu .hd {}



.product-menu .hd .prev {

	background: url(../images/btn_left.png) center no-repeat;

	width: 21px;

	height: 37px;

	float: left;

	overflow: hidden;

	z-index: 1;

	cursor: pointer;

	position: absolute;

	top: 50%;

	left: 0px;

}



.product-menu .hd .next {

	background: url(../images/btn_right.png) center no-repeat;

	width: 21px;

	height: 37px;

	float: right;

	overflow: hidden;

	z-index: 1;

	cursor: pointer;

	position: absolute;

	top: 50%;

	right: 0px;

}

.pro_menu .hd .prev {

	background: url(../images/btn_left.png) center no-repeat;

	width: 21px;

	height: 37px;

	float: left;

	overflow: hidden;

	z-index: 1;

	cursor: pointer;

	position: absolute;

	top: 50%;

	left: 0px;

}



.pro_menu .hd .next {

	background: url(../images/btn_right.png) center no-repeat;

	width: 21px;

	height: 37px;

	float: right;

	overflow: hidden;

	z-index: 1;

	cursor: pointer;

	position: absolute;

	top: 50%;

	right: 0px;

}


.product-menu ul li.on {

	background-position: 0 0;

}



.product-menu ul li a {

	cursor: pointer;

	display: block;

}



.product-menu ul {

	overflow: hidden;

	zoom: 1;

}



.product-menu ul li {

	width: 250px;

	height: 220px;

	margin: 0px 20px 0px 20px;

	float: left;

	_display: inline;

	overflow: hidden;

	text-align: center;

	position: relative;

}



.product-menu ul li .pic {

	width: 220px;

	height: 220px;

	text-align: center;

	margin: 0 auto

}



.product-menu ul li .pic img {

	display: block;

	width: 220px;

	height: 220px;

	padding: 0px;

	-webkit-transition: 1s;

	-ms-transition: 1s;

	-moz-transition: 1s;

	-o-transition: 1s;

	transition: 1s;

}



.product-menu ul li .pic:hover img {

	-webkit-transform: scale(1.05);

	-ms-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

}



.product-menu ul li .pic a:hover img {

	border-color: #999;

	color: #ffffff;

}



.product-menu ul li .pic a {

	color: #555555;

	line-height: 35px;

	font-size: 14px;

}



.pro_title {

	font-size: 14px;

	color: #555555 !important;

	display: block;

	height: 40px;

	line-height: 40px;

}



.product-menu .tempWrap {

    position: relative;

    margin:0 auto;

    width: 1200px;

}


.m_wrap22 .tempWrap {

    position: relative;

    margin:0 auto;

    width: 1100px;

}

.m_wrap22 .hd .next {
    background: url(../images/btn_right.png) center no-repeat;
    width: 21px;
    height: 37px;
    float: right;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    margin-top:87%;
    right:350px;
}

.m_wrap22 .hd .prev {
    background: url(../images/btn_left.png) center no-repeat;
    width: 21px;
    height: 37px;
    float: left;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    left: 350px;
    margin-top: 87%;
}

/*案例栏目*/



.list-client-menu {

	padding: 10px 0;

	position: relative;

	z-index: 9999;

	background-color: #fff;

	border: solid 1px #e5e5e5;

	margin-top: 20px;

}



.list-client-menu span {

	width: 13.5%;

	font-size: 14px;

	margin-top: 15px;

	padding-left: 0px;

	display: inline-block;

	margin-left: 5px;

}



.list-client-menu span a {

	color: #7e7e7e;

	padding: 0 36px;

	overflow: hidden;

	height: 26px;

	line-height: 26px;

	display: inline-block;

	position: relative;

}



.list-client-menu span a.active {

	color: #fff;

	border-radius: 30px;

	background-color: #f39800;

}



.list-client-menu span a::before {

	content: "";

	left: 20px;

	top: 10px;

	width: 5px;

	height: 5px;

	border-radius: 100%;

	position: absolute;

	border: solid 1px #9e9e9e;

}



.list-client-menu span a:hover {

	color: #fff;

	border-radius: 30px;

	background-color: #f39800;

}





/*代加工服务*/



.pro_fw {

	padding: 30px 0px;

	height: auto;

	overflow: hidden;

}



.pro_fw ul li {

	width: 600px;

	float: left;

}



.pro_fw ul li:last-child {

	margin-left: 300px;

}



@media(max-width:1199px){

	.product-menu,.pro_list1{

		width:96%;

	}

	.product-menu .tempWrap{

		width:96% !important;

	}

	.pro_list1 li{

		margin-right:1.3%;

		width:24%;

	}

	.pro_list1 li:nth-child(4n){

		margin-right:0;

	}

	.pro_fl_4 ul{

		display: flex;

		justify-content: center;

		padding-left:0;

	}

	.ne_list{

		width:100%;

	}

	.ne_list li{

		margin-right:2%;

		width:49%;

	}

	.ne_list li:nth-child(2n){

		margin-right:0;

	}

	.i-news-img,.i-news-img img,.i-news-contents{

		width:100%;

		height:auto;

	}

	.i-news-img img{

		max-height:136px;

	}

	.menu-news{

		padding:60px 0;

	}

	

	.i-news-contents .para{

		box-sizing: border-box;

		width:70%;

	}

	

	

	

}

@media(max-width:992px){

	.product-menu ul li{

		width:200px !important;

		height:200px;

	}

	.product-menu ul li .pic img,.i-pro-contents,.swiper-slide a,.i-pro-img,.i-pro-img img{

		width:100%;

	}

	.i-pro-img{

		height:auto;

	}

	.i-pro-img img{

		height:100%;

	}

	.pro_fl_4 ul li{

		width:160px;

	}

	.i-pro-content,.i-news-content{

		padding-top:40px;

	}

	.i-news-contents .para{

		padding:0 0 0 20px;

		width:79%;

	}

	.i-news-contents .time{

		width:20%;

	}

	

	

	

}

@media(max-width:767px){

	.comName .com2{

		width:100%;

	}	

	.product-menu ul li{

		width:140px !important;

		height:140px;

	}

	.product-menu ul li .pic img{

		height:100%;

	}

	.product-menu ul li .pic{

		width:140px;

		height:140px;

	}

	.list-client-menu span{

		margin:5px 0 0 2%;

		margin-left:2%;

		width:32%;

	}

	.list-client-menu span:first-child,.list-client-menu span:nth-child(n+2){

		margin-left:0;

	}

	.pro_list1 li{

		width:49%;

	}

	.pro_list1 li:nth-child(2n){

		margin-right:0;

	}

	.i-pro-content{

		padding-top:20px;

	}

	.i-pro-contents h4{

		width:95%;

	}

	.news-lines{

		margin:25px 0;

	}

	.comName{

		padding:15px 0;

	}

	.comName .com1{

		font-size:24px;

	}

	.product-menu{

		padding-top:20px;

	}

	.product-menu .tempWrap{

		width:90%;

	}

	.zzpp-banners{

		height:140px;

		background-size:cover !important;

	}

	.pro_list{

		padding:20px 0;

	}

	.pro_fl_4 ul{

		flex-wrap: wrap;

	}

	.pro_fl_4 ul li{

		margin-right:2%;

		width:49%;

	}

	.pro_fl_4 ul li:nth-child(2n){

		margin-right:0;

	}

	.swiper-slide a{

		margin-top:10px;

	}

	.swiper-slide a{

		margin-left:0;

		font-size:14px;

		height:auto;

	}

	.banners{

		background-size:cover !important;

	}

	.menu-news{

		padding:30px 0;

	}

	.menu-news h3{

		font-size:20px;

	}

	.i-news-contents .time{

		display:none;

	}

	.i-news-img img{

		display:block;

		max-height:60px;

	}

	.i-news-contents .para{

		padding:0;

		width:100%;

	}

	.i-news-contents .para p{

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 3;

		overflow: hidden;

		height:auto;

		font-size:13px;

	}

	.i-news-contents .para a.transition{

		margin-top:15px;

	}

	.i-pro-content, .i-news-content{

		padding-top:20px;

	}
	.pro_fl ul li{
		width:31%;
	}
	.pro_fl ul li:nth-child(3n){
		margin-right:0
	}
	.pro_fl ul li a{
		font-size:12px;
	}
	.wap-product .swiper-slide a{
		margin:0;
		box-shadow: none;
	}

	

}
.pro_menu ul li.on {

	background-position: 0 0;

}



.pro_menu ul li a {

	cursor: pointer;

	display: block;

}



.pro_menu ul {

	overflow: hidden;

	zoom: 1;

}



.pro_menu ul li {

	width: 250px;

	height: 220px;

	margin: 0px 20px 0px 20px;

	float: left;

	_display: inline;

	overflow: hidden;

	text-align: center;

	position: relative;

}