/* CSS Document */
/* @font-face{
font-family: Source Han Sans;
src: url('/font/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{ width:590px; float:left;}
.i-news-content { padding-top: 60px; overflow: hidden; }
.i-news-contents {  width: 590px; overflow: hidden; padding-top: 10px; }
.i-news-img { display: block;  width: 590px; height: 168px; position: relative; overflow: hidden; }
.i-news-img img { width: 590px; height: 168px; -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: 457px; 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(/template/default/image/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 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: 180px;
	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(/template/default/image/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(/template/default/image/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{width: 1200px; margin:0 auto;}



/*案例栏目*/
.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;}