@charset "gb2312";
/*内页分页*/
.page1 {
	display: inline-block;
	color: #76400B;
	padding: 0 0.5em;
}
.page2 {
	display: none;
}
.page3 {
	display: inline-block;
	color: #76400B;
	padding: 0 0.5em;
}
.page4 {
	display: inline-block;
	color: #000;
	font-weight: bold;
	padding: 0 0.5em;
}
/*BANNER*/
.banner {
	height: 680px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.pro{
	background-image: url(../images/pro.jpg);
}
.sus{
	background-image: url(../images/sus.jpg);
}
.about {
	background-image: url(../images/about.jpg);
}
.network {
	background-image: url(../images/network.jpg);
}
.service {
	background-image: url(../images/service.jpg);
}
.contact {
	background-image: url(../images/contact.jpg);
}
.weizhi {
	border-bottom: 1px solid #707070;
	background: url(../images/weizhi.png) left 20px center no-repeat;
	padding-left: 50px;
	line-height: 40px;
	margin-bottom: 20px;
}
/*联系我们*/
.contact-con{
	line-height: 30px;
	padding: 0 50px;
	text-align: center;
}
#map {
	margin-top: 50px;
	height: 450px;
}
/*NETWORK*/
.net {
	padding: 0 30px;
	background: #fff;
	margin-top: 15px;
	-moz-box-shadow: 0px 0px 5px #333333;
	-webkit-box-shadow: 0px 0px 5px #333333;
	box-shadow: 0px 0px 5px #333333;
}
.tabs ul {
	background: #313131;
	padding: 0 30px;
	padding-top: 10px;
}
.tabs li {
	display: inline-block;
	line-height: 48px;
}
.tabs li a {
	display: block;
	padding: 0 30px;
	color: #fff;
}
.tabs li a:hover {
	background: #fff;
	color: #000;
}
#tabs_container {
	box-shadow: 0 0 0 1px #e5e5e5;
	border-top: none;
	position: relative;
	background: #fff;
	zoom: 1;
}
#tabs_container img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}
#tabs_container div {
	float: left;
	zoom: 1;
}
.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}
.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.hidescale {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	display: none;
}
.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
	display: block;
}
.tabulous_active {
	background: #fff;
	color: #000 !important;
}
.tabulousclear {
	display: block;
	clear: both;
}
#tabs-1 a:nth-child(2) {
	position: absolute;
	top: 255px;
	left: 193px;
}
#tabs-1 a:nth-child(3) {
	position: absolute;
	top: 342px;
	left: 202px;
}
#tabs-1 a:nth-child(4) {
	position: absolute;
	top: 200px;
	left: 555px;
}
#tabs-1 a:nth-child(5) {
	position: absolute;
	top: 232px;
	left: 615px;
}
#tabs-1 a:nth-child(6) {
	position: absolute;
	top: 265px;
	left: 648px;
}
#tabs-1 a:nth-child(7) {
	position: absolute;
	top: 293px;
	left: 518px;
}
#tabs-1 a:nth-child(8) {
	position: absolute;
	top: 318px;
	left: 910px;
}
#tabs-2 img:nth-child(2) {
	position: absolute;
	top: 75px;
	left: 50px;
}
#tabs-2 img:nth-child(3) {
	position: absolute;
	top: 25px;
	left: 380px;
}
#tabs-2 img:nth-child(4) {
	position: absolute;
	top: 65px;
	left: 500px;
}
#tabs-2 img:nth-child(5) {
	position: absolute;
	top: 355px;
	left: 606px;
}
#tabs-3 img:nth-child(2) {
	position: absolute;
	top: 252px;
	left: 500px;
}
#tabs-4 img:nth-child(2) {
	position: absolute;
	top: 539px;
	left: 738px;
}
#tabs-4 img:nth-child(3) {
	position: absolute;
	top: 376px;
	left: 742px;
}
#tabs-5 img:nth-child(2) {
	position: absolute;
	top: 375px;
	left: 540px;
}
#tabs-5 img:nth-child(3) {
	position: absolute;
	top: 154px;
	left: 750px;
}
#tabs-6 img:nth-child(2) {
	position: absolute;
	top: 605px;
	left: 569px;
}
#tabs-7 img:nth-child(2) {
	position: absolute;
	top: 220px;
	left: 530px;
}
#tabs-8 img:nth-child(2) {
	position: absolute;
	top: 540px;
	left: 654px;
}
#tabs-1 a:hover, #tabs-2 a:hover, #tabs-3 a:hover, #tabs-4 a:hover {
	animation: bounce 1s ease both;
	-webkit-animation: bounce 1s ease both;
	-moz-animation: bounce 1s ease both;
}
.back{
	position: absolute;
	top: 25px;
	right: 25px;
}
.back:hover{
	animation: none !important;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px)
}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform:translateY(0)
}
40% {
-moz-transform:translateY(-30px)
}
60% {
-moz-transform:translateY(-15px)
}
}
#tabs-1 img:nth-child(1):hover, #tabs-2 img:nth-child(1):hover, #tabs-3 img:nth-child(1):hover, #tabs-4 img:nth-child(1):hover {
	animation: none;
}
.net-b {
	padding: 30px 0;
}
.net-b dd:nth-child(odd) {
	float: left;
	padding: 20px 30px;
	border: 1px solid #a0a0a0;
	min-height: 192px;
	line-height: 25px;
}
.net-b dd:nth-child(even) {
	float: left;
	padding: 20px 30px;
	border: 1px solid #a0a0a0;
	min-height: 170px;
	line-height: 25px;
	margin: 0 35px;
}
.net-b h2 {
	font-size: 16px;
}
.net-b dd p {
	float: left;
	padding-left: 30px;
	border-left: 1px solid #535353;
}
.net-b dd p:nth-child(2) {
	border-left: none;
	padding-left: 0;
	padding-right: 30px;
}
/*关于我们*/
.abo-1 .fl {
	max-width: 720px;
	padding: 80px 0;
	line-height: 30px;
}
.abo-2 {
	margin-top: 75px;
}
.abo-2 .fr {
	max-width: 720px;
	padding: 60px 0;
	line-height: 30px;
}
.abo-1 h2, .abo-2 h2 {
	font-size: 16px;
}
.hr {
	border-top: 1px solid #7d7d7d;
	width: 75px;
	margin: 20px 0;
}
/*质量检测*/
.zs{
	text-align: center;
	margin-top: 20px;
}
.zs a{
	display: inline-block;
	padding: 0 30px;
}
.swiper1{
	width: 879px;
	margin-top: 30px;
}
.hovereffect {
	width: 879px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.hovereffect .overlay {
	position: absolute;
	overflow: hidden;
	width: 80%;
	height: 80%;
	left: 10%;
	top: 10%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
}
.hovereffect:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.hovereffect img {
	display: block;
	position: relative;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}
.hovereffect:hover img {
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
	filter: brightness(0.6);
	-webkit-filter: brightness(0.6);
}
.hovereffect h2 {
	text-transform: uppercase;
	top: 40%;
	line-height: 30px;
	text-align: center;
	position: relative;
	font-size: 20px;
	font-weight: normal;
	background-color: transparent;
	color: #FFF;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
.hovereffect:hover h2 {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/*可持续发展*/
.sus-con {
	line-height: 25px;
}
.gallery-top{
	margin-top: 50px;
}
.gallery-top .swiper-slide {
	text-align: center;
}
.gallery-thumbs {
	margin-top: 30px;
	height: 140px;
	box-sizing: border-box;
	background: #434343;
	padding: 10px;
}
.gallery-thumbs .swiper-slide {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 100%;
	opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}
/*内页产品展示*/
.pro-title{
	font-size: 36px;
	margin-bottom: 15px;
}