* {
	padding: 0;
	margin: 0
}
body{
	font-family: "微软雅黑",tahoma,arial,impact;
	overflow-x: hidden;
	overflow-y: auto;
}
#homeMain ::placeholder {
	font-size: 36px;
	color: #515151
}

#homeMain .hvr-left:nth-child(8) {
	display: none
}

#homeMain .hvr-left:nth-child(9) {
	display: none
}

#homeMain .f-cb {
	zoom: 1
}

#homeMain .f-cb:after {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: "."
}

#homeMain .fl {
	float: left;
	display: inline
}

#homeMain .fr {
	float: right;
	display: inline
}

#homeMain .head_lan {
	width: auto;
	height: 36px;
	margin-top: 15px;
	/*margin-top: 27px;*/
	/*margin-bottom: 27px*/
}

#homeMain .head_lan .lan_tel {
	font-family: 'Oswald', sans-serif;
	font-size: 20px
}

#homeMain .head_lan .lan_tel a {
	color: #fff
}

#homeMain .head_lan .lan_tel i{
	line-height: 30px;
	height: 30px;
	width: 30px;
	text-align: center;
	margin-right: 10px;
	border-radius: 50%;
	border: 1px solid #fff;
	display: inline-block;
	font-size: 20px;
}

.lan{margin-right: 10px;font-size: 12px; margin-top: 5px; text-align: right;color: #fff;}
#homeMain .header1.active .lan_tel i {
	border: 1px solid #fff;
	color: #fff;
}

#homeMain .header1.active .lan_tel a {
	color: #fff
}

#homeMain .header1:hover .lan_tel i {
	border: 1px solid #fff;color: #fff;
}

#homeMain .header1:hover .lan_tel i {
	color: #fff
}

#homeMain .header1:hover .lan_tel a {
	color: #fff
}

#homeMain .head_lan .lan {
	float: left;
	margin: 0px 5px
}

#homeMain .head_lan .lan a {
	display: block;
	background: #fff;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

/*#homeMain .head_lan .lan a:hover {
	background: #f08200
}*/

#homeMain .head_lan .lan:after {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: "."
}

#homeMain .scroll {
	overflow-y: unset !important;
	display: unset important
}

#homeMain .header1 {
	z-index: 9;
	height: 90px;
	position: fixed;
	/*background: rgba(255, 255, 255, 1);
	border-bottom: 1px solid rgba(255, 255, 255, .1);*/
	top: 0px;
	width: 100%;
	padding: 0 30px;
	/*box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.1);*/
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

/*#homeMain .header1.active {
	background:rgba(242,242,242,0.7)
}*/

/*#homeMain .header1.scroll {
	height: 70px
}*/
#homeMain .header1.scrollh {
   background-color:rgba(51,51,51,.5);
   color: #FFF;
   transition: background 1s;
   -moz-transition: background 1s;
   -webkit-transition: background 1s;
   -o-transition:background 1s;
}
#homeMain .header1:hover {
	background:rgba(51,51,51,0.5)
}

#homeMain .wel_top {
	z-index: 9;
	height: 40px;
	position: fixed;
	background: #02605c;
	top: 0px;
	width: 100%;
	padding: 0 30px;
	overflow: hidden
}

#homeMain .wel_top .top_tel {
	color: #fff;
	line-height: 40px;
	font-weight: bold;
	font-size: 16px
}

#homeMain .wel_top .top_tel .iconfont {
	line-height: 40px;
	height: 40px;
	width: 30px;
	display: inline-block
}

#homeMain .wel_top .top_tel .iconfont:before {
	content: '\e628';
	color: #fff;
	font-size: 20px
}

#homeMain .wel_top .top_link {
	color: #fff;
	line-height: 40px
}

#homeMain .wel_top .top_link a {
	color: #fff;
	display: inline-block
}

#homeMain .wel_top .clear {
	clear: both
}

#homeMain .header1 h1 {
	width: 250px;
	height: 55px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	margin-top: 20px
}

#homeMain .header1 h1 img {
	max-width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: all .5s 0s cubic-bezier(0.86, 0.5, 1, 1);
	transition: all .5s 0s cubic-bezier(0.86, 0.5, 1, 1)
}

#homeMain .header1 h1 img.img2 {
	opacity: 1
}

#homeMain .header1:hover h1 img.img2 {
	opacity: 1
}

#homeMain .header1.active h1 img.img2 {
	opacity: 1
}

#homeMain .header1.scroll h1 {
	height: 70px;
	width: 261px
}

#homeMain .header1 nav {
	float: left;
	height: 90px;
	line-height: 90px;
	width: 1000px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -400px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

#homeMain .header1.scroll nav {
	height: 70px;
	line-height: 70px
}

#homeMain .header1 nav li {
	float: left;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	-webkit-transition: all .3s cubic-bezier(0.86, 0.5, 1, 1);
	transition: all .3s cubic-bezier(0.86, 0.5, 1, 1);
	margin: 0 30px
}

#homeMain .header1.scroll nav li {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important
}

#homeMain .header1 nav li:nth-child(7) {
	margin-right: 0
}

#homeMain .js-m.animate {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

#homeMain .js-m.js-m-2 {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all .8s ease;
	transition: all .8s ease
}

#homeMain .js-m.js-m-2.animate {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

#homeMain .hvr-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	background: #02605c;
	left: 0%;
	right: 0;
	width: 0%;
	bottom: 0;
	height: 4px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

#homeMain .hvr-left:hover:before {
	width: 100%;
}

#homeMain .hvr-left .home-dec:hover{color: #f5f5f5;}
#homeMain .hvr-left.cur:before {
	width: 100%;
}
#homeMain .hvr-left {
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative
}

#homeMain .header1 nav li>a {
	color: #fff;
	display: block;
	position: relative;
	-webkit-transition: color .5s;
	transition: color .5s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1)
}

#homeMain .header1 nav li>a:hover {
	color: #f2f2f2;
}

#homeMain .header1.active nav li>a {
	color: #fff;
	font-weight: bold;
}

#homeMain .header1 .nav-sub {
	width: 250px;
	background: #fff;
	position: absolute;
	top: 90px;
	left: 0;
	height: auto;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: -webkit-transform .3s .2s;
	transition: transform .3s .2s
}

#homeMain .header1 .nav-sub.active {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s
}

#homeMain .header1 .nav-sub.active .n-nav-sub {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all .2s .3s;
	transition: all .2s .3s
}

#homeMain .header1.scroll .nav-sub {
	top: 70px
}

#homeMain .header1 .nav-sub .n-nav-sub {
	opacity: 0;
	-webkit-transform: translate(0, -20px);
	-ms-transform: translate(0, -20px);
	transform: translate(0, -20px);
	-webkit-transition: all .2s;
	transition: all .2s
}

#homeMain .header1 .nav-sub a {
	height: 45px;
	line-height: 45px;
	display: block;
	padding: 0 20px;
	text-align: left;
	color: #333;
	font-size: 14px;
	position: relative;
	-webkit-transition: all .3s cubic-bezier(0.86, 0.5, 1, 1);
	transition: all .3s cubic-bezier(0.86, 0.5, 1, 1)
}

#homeMain .header1 .nav-sub a:hover {
	background-color: #02605c;
	color: #fff
}

#homeMain .header1 .nav-sub .nav-arrow {
	position: absolute;
	top: 0;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: 0;
	-webkit-transform: rotate(0deg) translate(-20px, 0px);
	-ms-transform: rotate(0deg) translate(-20px, 0px);
	transform: rotate(0deg) translate(-20px, 0px)
}

#homeMain .header1 .nav-sub a:hover .nav-arrow {
	-webkit-transition: -webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
	transition: transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
	opacity: 1;
	-webkit-transform: rotate(0deg) translate(0px, 0px);
	-ms-transform: rotate(0deg) translate(0px, 0px);
	transform: rotate(0deg) translate(0px, 0px)
}

#homeMain .icon-up:before {
	content: '\e6a7'
}

#homeMain .header1 .nav-sub .nav-arrow:before {
	font-size: 16px;
	color: #fff
}

#homeMain .header1 .header-right {
	width: auto;
	position: absolute;
	right: 70px;
	top: 0;
	z-index: 10
}

#homeMain .header1 .header-right .search-btn {
	width: 60px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	cursor: pointer;
	display: inherit;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

#homeMain .header1.scroll .header-right .search-btn {
	height: 70px;
	line-height: 70px
}

#homeMain .icon-search1:before {
	content: '\e661'
}

#homeMain .header1 .header-right .search-btn:before {
	font-size: 25px;
	color: #fff;
	-webkit-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out
}

#homeMain .header1:hover .header-right .search-btn:before {
	color: #000
}

#homeMain .header1.active .header-right .search-btn:before {
	color: #000
}

#homeMain .header1:hover .header-right .search-btn:hover:before {
	color: #02605c
}

#homeMain .header1.active .header-right .search-btn:hover:before {
	color: #02605c
}

#homeMain .header2 {
	height: 70px;
	position: fixed;
	background: #fff;
	z-index: 22;
	top: 0;
	width: 100%;
	display: none
}

#homeMain .header2 .main-wrap {
	height: 70px;
	padding: 5px 3%;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1)
}

#homeMain .header2 .logo {
	width: 200px;
	height: 60px;
	margin-top: 10px;
	overflow: hidden
}

#homeMain .header2 .logo a {
	display: block
}

#homeMain .header2 .logo img {
	width: 100%;
	vertical-align: top
}

#homeMain .header2 .nav-btn {
	width: 25px;
	height: 16px;
	position: relative;
	cursor: pointer;
	margin-top: 21px
}

#homeMain .header2 .nav-btn.active {
	-webkit-animation: rotate .5s linear 0s;
	animation: rotate .5s linear 0s
}

#homeMain .header2 .nav-btn .line {
	display: block;
	width: 100%;
	height: 2px;
	border-radius: 2px;
	background-color: #333;
	position: absolute;
	left: 50%;
	margin-left: -15px
}

#homeMain .header2 .nav-btn .line1 {
	-webkit-transform-origin: 4px 0;
	-ms-transform-origin: 4px 0;
	transform-origin: 4px 0
}

#homeMain .header2 .nav-btn.active .line1 {
	top: 0px
}

#homeMain .header2 .nav-btn.hover .line {
	background: #02605c
}

#homeMain .header2 .nav-btn .line2 {
	top: 7px
}

#homeMain .header2 .nav-btn .line3 {
	bottom: 0;
	-webkit-transform-origin: 1px center;
	-ms-transform-origin: 1px center;
	transform-origin: 1px center
}

#homeMain .header2 .caid {
	height: 55px;
	line-height: 55px;
	padding-right: 10px;
	position: relative
}

#homeMain .header2 .sub-menu {
	width: 100%;
	padding: 0 3%;
	display: none;
	position: absolute;
	left: 0;
	top: 70px;
	z-index: 2;
	overflow-y: auto
}

#homeMain .header2 .sub-menu ul {
	width: 100%;
	overflow-y: auto;
	height: calc(100vh - 55px - 1.5rem)
}

#homeMain .js-m-3 {
	opacity: 0;
	-webkit-transform: translate(30px, 0);
	-ms-transform: translate(30px, 0);
	transform: translate(30px, 0);
	-webkit-transition: all .8s ease;
	transition: all .8s ease
}

#homeMain .js-m-3.animate {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

#homeMain .header2 .sub-menu li {
	border-bottom: 1px solid #dcdcdc;
	font-size: 16px;
	padding: 0 20px
}

#homeMain .header2 .sub-menu .tit {
	display: inline-block;
	text-decoration: none;
	width: 80%;
	line-height: 60px;
	color: #333;
	position: relative;
	box-sizing: border-box
}

#homeMain .header2 .sub-menu .sub-tit.on {
	background-color: #e9e9e9
}

#homeMain .header2 .sub-menu .sec-list {
	line-height: 40px;
	padding: 10px 0%;
	display: none
}

#homeMain .header2 .sub-menu .jt {
	position: relative;
	display: inline-block;
	width: 10%;
	height: 60px;
	text-align: center;
	background: 0;
	float: right
}

#homeMain .header2 .sub-menu .jt:after {
	content: '';
	display: block;
	width: 26px;
	height: 26px;
	background: url(../img/plus.png) no-repeat center;
	background-size: 17px auto;
	position: absolute;
	right: 3%;
	top: 15px
}

#homeMain .header2 .sub-menu .jt.jtRote:after {
	background: url(../img/reduce.png) no-repeat center;
	background-size: 20px auto
}

#homeMain .header2 .sub-menu .sec-list p {
	background: url(../img/point.png) no-repeat left center;
	background-size: 3px auto;
	font-size: 14px
}

#homeMain .header2 .sub-menu .sec-list a {
	padding-left: 5%;
	color: #666;
	display: block
}

#homeMain .header2 .sub-menu .sec-list a:active {
	color: #02605c
}

#homeMain .search-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	background-color: #f5f5f5;
	display: none
}

#homeMain .search-alert {
	position: fixed;
	z-index: 100;
	background-color: #222;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transition: -webkit-transform .3s .5s;
	transition: transform .3s .5s
}

#homeMain .search-alert .close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 38px;
	right: 2.6%;
	cursor: pointer;
	text-shadow: none;
	opacity: 1;
	float: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

#homeMain .search-alert .close:before {
	font-size: 30px;
	top: 0;
	left: 0;
	color: #fff;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

#homeMain .search-alert .close:hover:before {
	color: #02605c
}

#homeMain .icon-close:before {
	content: "\e6d3"
}

#homeMain .search-alert .cent-form {
	position: absolute;
	width: 94.8%;
	left: 2.6%;
	top: 50%;
	height: 80px;
	margin-top: -63px;
	border-bottom: 1px solid #515151;
	opacity: 0;
	-webkit-transform: translate(0, 40px);
	-ms-transform: translate(0, 40px);
	transform: translate(0, 40px);
	-webkit-transition: all .5s;
	transition: all .5s
}

#homeMain .search-alert .cent-form:before {
	color: #fff;
	font-size: 30px;
	position: absolute;
	left: 0;
	height: 50px;
	top: 50%;
	margin-top: -25px
}

#homeMain .search-alert .cent-form .tex {
	border: 0;
	font-size: 36px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	width: 100%;
	color: #fff;
	background: 0;
	padding-left: 10%;
	padding-right: 20%
}

#homeMain .search-alert .cent-form .sub-butn {
	border: 0;
	height: 46px;
	font-size: 24px;
	line-height: 46px;
	color: #555;
	text-align: center;
	background: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 105px
}

#homeMain .search-alert.active {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s
}

#homeMain .search-alert.active .cent-form {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all .5s .3s;
	transition: all .5s .3s
}

#homeMain .header2 .mo_tel {
	font-size: 16px;
	color: #02605c;
	font-weight: bold;
	line-height: 60px
}

#homeMain .header2 .mo_tel .iconfont {
	line-height: 40px;
	height: 40px;
	width: 30px;
	display: inline-block;
	font-size: 20px;
}

#homeMain .header2 .mo_lan {
	line-height: 60px
}

@media only screen and (min-width:769px) {
	#homeMain .pc_nav {
		height: 90px
	}
}

@media only screen and (max-width:768px) {
	#homeMain .pc_nav {
		height: 60px
	}
	#homeMain .search-alert .close {
		right: 5%
	}
	#homeMain .search-alert .cent-form {
		height: 60px
	}
	#homeMain ::placeholder {
		font-size: 22px
	}
	#homeMain .search-alert .cent-form .tex {
		font-size: 22px;
		padding-right: 30%
	}
	#homeMain .search-alert .cent-form .sub-butn {
		font-size: 22px
	}
	#homeMain .search-alert .cent-form:before {
		font-size: 24px;
		height: 46px;
		margin-top: -17px
	}
}

@media only screen and (max-width:1480px) {
	#homeMain .header1 nav {
		margin-left: -360px
	}
}

@media only screen and (max-width:1200px) {
	#homeMain .pc_nav {
		height: 60px
	}
	#homeMain .wel_top {
		display: none !important
	}
	#homeMain .header1 {
		display: none !important
	}
	#homeMain .header1.active {
		display: none !important
	}
	#homeMain .header2 {
		display: block
	}
}

@media only screen and (max-width:1360px) {
	#homeMain .header1 nav li {
		margin: 0 20px
	}
	#homeMain .header1 nav {
		width: 730px;
		margin-left: -320px
	}
	#homeMain .header1 h1 img {
		width: 100%
	}
}

#homeMain {width: 100%;max-width: none;min-width: 0px;height: auto;max-height: none;min-height: 0px;margin-top: 0px;margin:0;padding:0;}


.swiper-container-cube{
	overflow: hidden;
}
.bannerHome{
	margin: 0;
	height: auto;
	width: 100%;
	margin-top: -90px;
}
.bannerHome img{
	width: 100%;
}
.viewMore{
	text-align: right; font-size: 14px; margin-top: -40px;
	float: right;
}

.productHome{margin-bottom: 40px; overflow: hidden;}
.productHome ul li{
	float: left;
	width: 48.82%;
	height: auto;
	margin-right: 1.8%;
	margin-bottom: 2%;
	transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    overflow: hidden;
}

.productHome ul li img{
	width: 100%;
	height: auto;

}
.productHome ul li .bluezhe{
	background:#02605c7a;
	height: 100%;
	width: 100%;
	position: relative;
	top:0;
	left: 0;
	text-align: center;
    display: none;
}
.productHome ul li:nth-child(2n){
	margin-right: 0;
}
.productHome ul li .bluezhe p{
	position: relative;
	top: 44%;
	color: #fff;
}
.productHome ul li:hover .bluezhe{
	display:block;
	overflow: hidden;
}

.productHome ul li:hover{
	transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-box-shadow:2px -1px 15px #A6A6A6; -webkit-box-shadow:2px -1px 15px #A6A6A6; box-shadow:2px -1px 15px #A6A6A6;
}


/*关于我们首页*/
.aboutHome{
	background: url(../img/aboutusbg.jpg) no-repeat center center;
	background-attachment: fixed;
    background-size: cover;
    padding: 50px 0;
}
.aboutHome ul{overflow: hidden;}
.aboutHome ul li{
	 width: 47.75%;
	 margin-right: 1.5%;
	 height: auto;
	 float: left;
}
.aboutHome ul li:first-child{
	margin-left: 1.5%;
}
.leftAbout{
	background: rgba(2,96,92,0.75);
	overflow: hidden;
}
.leftAbout .leftAboutcon{ margin:60px 5%;color: #fff;text-align: justify;}
.rightAbout img{width: 100%;}

.whiteLine{height: 14px; width: 70px; border-bottom: 2px solid #fff; margin-bottom: 20px;}

.morebtn-w div{width: 210px; height: 50px;line-height: 50px; color: #fff; border: 1px solid #fff;text-align: center; margin-top:30px;}
.morebtn-w:hover div{background:#02605c;}
.morebtn-b{width: 100px; height: 40px;line-height: 40px; color: #fff;background: #02605c;text-align: center;}
.morebtn-b:hover{color: #fff; background: #02605c;}
.honorhome{
	background: url(../img/homeproductbg.jpg) no-repeat center center;
	background-attachment: fixed;
    background-size: cover;
}
.honorIndex{width: 100%; overflow: hidden;}
.honorIndex .pic img{width: 100%;
	transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
}
.honorIndex .swiper-slide article{
	display: none;
}
.honorIndex .swiper-slide article.con{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    text-align: center;
    vertical-align: middle;
}
article.con>.tit{
	position: relative;
	top: 45%;
	font-size: 16px;
	color: #fff;
}
article.con>.tit i{
	font-size: 26px;
}

.honorIndex .swiper-slide:hover img{
	transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
}
.honorIndex .swiper-slide:hover article{
	display: block;
}

.honor-prev{
	background: url(../img/btnprev.png) no-repeat center center;
    left: 0px;
    float: left;
    }
.honor-next{
	background: url(../img/btnnext.png) no-repeat center center;
    right: 0px;
    float: right;
}
.honor-prev,.honor-next{
	position: relative;
    background-color: rgba(2, 96,91, 0.8);
    width: 30px;
    height: 45px;
    top:-250px;
    z-index: 1;
}
.newsHome{
	background: #f2f2f2;
}
.newsPic{
	width: 45%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.newsPic img{
	width:100%;
	height: auto;
	margin-bottom: -5px;
	overflow: hidden;
	transition: all 600ms ease;
}
.newscon{
	width: 55%;
	overflow: hidden;
}
.newcontent{
	margin: 8%;
}
.newsHome .h-news1,.newsHome .h-news2{
	background: #fff;
	clear: both;
	overflow: hidden;
}
.newsHome .h-news1{
	margin-bottom: 20px;
}
.newsHome .h-news1 .newsPic,.newsHome .h-news2 .newscon{
	float: left;
	overflow: hidden;
}
.newsHome .h-news1 .newscon,.newsHome .h-news2 .newsPic{
	float: right;
	overflow: hidden;
}
.newsitem-h{
	line-height: 1.8;
    font-size: 15px;
    color: #999;
    text-align: justify;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    position: relative;
}
a:hover .newscon .color_vice{color: #02605c;}
.newsHome .redLine{
	position: relative;
    left: 0px;
    bottom: 0px;
    width: 0;
    height: 5px;
    background: #02605c;
    transition: width 600ms ease;
}
.newsHome .h-news1:hover .newsPic img,.newsHome .h-news2:hover .newsPic img{
	transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
}
.newsHome .h-news1:hover .redLine,.newsHome .h-news2:hover .redLine{
	width: 100%;
}




.projectHome,.projectPic{overflow: hidden;}
.projectPic img{
	width: 100%;
	margin-bottom: -5px;
}

.pic00 img,.pic50pl img,.pic50pr img,.pic50l img,.pic50r img{
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.pic00{
	width: 100%;
	height: auto;
	margin-bottom: 2%;
	overflow: hidden;
}

.pic50l,.pic50r{
	height: auto;
	float: left;
}

.pic50pl{
	width: 49.5%;
	margin-right: 1%;
	height: auto;
	float: left;
}
.pic50pr{
	width: 49.5%;
	height: auto;
	float: left;
}

.pic50l{
	width: 49%;
	margin-right: 2%;
}
.pic50r{
	width: 49%;
}

.balckbg{
	display: none;
	background: rgba(0,0,0,.6);
	height: 55px;
	position:relative;
	margin-top: 0;
	color: #fff;
	padding-top: 15px;
	z-index: 2;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.balckbg p{
	padding:0 10px;
}
.balckbg p:last-child{
	overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.pic00:hover .balckbg{
	display: block;
	margin-top: -70px;
}
.projectPic img:hover{
	width: 100%;
	margin-bottom: -5px;
	transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.bannerword{position: absolute; left: 20%; top: 35%;color: #fff; background: rgba(0,0,0,.4);padding: 30px;}
.bannerRight{position: absolute; right: 20%; top: 35%;color: #fff; background: rgba(0,0,0,.4);padding: 30px;}

/*底部*/
.footer{
	background: #f5f5f5;
	border-top: 5px solid #02605c;
}
.footmenu{
	float: left;
	width: 60%;
}
.footmenu ul li{
    width: 20%;
    float: left;
    text-align:left;
    height: auto;
}
.footmenu ul li a{
	color: #333;
}
.footmenu ul li a:hover{color: #02605c;}
.footmenu ul li dt{
	margin-top: 10px;
}
.footmenu ul li dt dl{
	float: left;
	width: 100%;
	line-height: 2;
}
.footmenu ul li dt dl a{
	color: #999;
}
.contactHome,.scanerwei{width: 19%;float: left;}
.contactHome p,.contactHome p a{color: #999;}
.contactHome p a:hover{color: #02605c;}

.scanerwei{text-align: right;margin-left: 1%;}
.scanerwei img{
	width: 150px;
	height: 150px;
	float: right;
}
.scanerwei p{width: 150px; float: right;clear: both;}
.huiLine{
	height: 10px;
	border-bottom: 1px solid #ebeaea;
	margin: 30px 0;
	clear: both;
	overflow: hidden;
	
}



/*内页*/


.bannerpro,.bannerabout,.bannerInproject,.bannernews,.bannercontact,.bannerdownload{
	width: 100%;
    height: 590px;
    margin-top: -90px;
}
.bannerpro{background: url(../img/banner-product.jpg) no-repeat;background-attachment: fixed;background-position-x: 50%;}
.bannerabout{background: url(../img/banner-aboutus.jpg) no-repeat;background-attachment: fixed;background-position-x: 50%;}
.bannernews{background: url(../img/banner-news.jpg) no-repeat;background-attachment: fixed;background-position-x: 50%;}
.bannercontact{background: url(../img/banner-contact.jpg) no-repeat;background-attachment: fixed;background-position-x: 50%;}
.bannerdownload{background: url(../img/banner-download.jpg) no-repeat;background-attachment: fixed;background-position-x: 50%;}
.bannerInproject{background: url(../img/banner-projects.jpg) no-repeat;background-attachment: fixed;background-position-x: 50%;}

.breadInsite,.displayb,.displayn,.displayen{
	width: 100%;
	margin: 0;
	overflow: hidden;
}
.breadInsite,.displayn{
	display: none;
}
.breadInsite ul{
	width:90%;
	margin: 0 auto;
	height: 78px;
	line-height: 78px;
	
}
.displayb,.displayn,.displayen{position: relative;left:-50%;}
.displayb ul,.displayn ul,.displayen ul{width:90%;line-height: 78px;margin: 0;position: relative;left:50%; float: left;height: 82px;}


.breadInsite ul li,.displayb ul li,.displayn ul li,.displayen ul li{
	float: left;
	width: auto;
	font-size:18px;
}
.breadInsite ul li a,.displayb ul li a,.displayn ul li a,.displayen ul li a{
	padding: 0 20px;
	height: 78px;
	line-height: 78px;
	color: #333;
	border-right: 1px solid #ddd;
	cursor: pointer;
}
.displayb ul li:last-child a,.displayn ul li:last-child a,.displayen ul li:last-child a{border-right: 0;}
.breadInsite ul li .menuline,.displayb ul li .menuline,.displayn ul li .menuline,.displayen ul li .menuline{
	clear: both;
	width: 0;
	height: 4px;
	margin: 0 auto;
	background: #02605c;
	transition:width 1s;
	-moz-transition:width 1s; /* Firefox 4 */
	-webkit-transition:width 1s; /* Safari and Chrome */
	-o-transition:width 1s; /* Opera */
}

.breadInsite ul li a:hover,.breadInsite ul .cur a,.displayb ul li a:hover,.displayb ul .cur a,.displayn ul li a:hover,.displayn ul .cur a,.displayen ul li a:hover,.displayen ul .cur a{
	color: #02605c;
	font-weight:bold;
}
.breadInsite ul li:hover .menuline,.breadInsite ul .cur .menuline,.displayb ul li:hover .menuline,.displayb ul .cur .menuline,.displayn ul li:hover .menuline,.displayn ul .cur .menuline,.displayen ul li:hover .menuline,.displayen ul .cur .menuline{
	width: 100%;
}



.main-content{
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #f2f2f2;
	border-bottom: 4px solid #02605c;
	border-top: 1px solid #dddddd;
}
.productList{
	width: 94%;
	height: auto;
	overflow: hidden;
	margin: 30px auto 40px auto;
}

.productList .leftPart{
	width: 19%;
	float: left;
	margin-right: 1%;
	margin-top: 27px;
}

.productList .rightPart{
	width: 80%;
	float: left;
}

.productList .proview{
	background: #fff;
	width: calc(100%-80px);
	margin-bottom: 30px;
	overflow: hidden;
	padding: 40px;
	clear: both;
}
.prolist-pic{margin:0 30px 20px 0; width:500px;height:325px; float: left;}
.prolist-pic img{width: 500px;}
.proItem{
	width: calc(100%-500px);
	
}
.proItem .protitle{
	font-size: 32px;
	font-weight: bold;
	color: #0a1734;
}
.fenLine{
	width: 150px;
	height: 4px;
	background: #02605c;
	margin: 10px auto 30px 0;
	float: left;
}
.fenLineHome{
	width: 150px;
	height: 4px;
	background: #02605c;
	margin: 10px auto;
}
.proItem  .itemTitle{
	margin-top: 45px;
	font-size: 24px;
	margin-bottom: 20px;
}
.proDetail{
	margin-top: 30px;
	height:auto;
	/*overflow: hidden;*/
	background: #fff;
	/*margin-bottom: 30px;*/
}
.proDetail .bottomLine{
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
.proDetail .detailItem{
	width: 300px;
	text-align: center;
	background: #02605c;
	line-height: 60px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.proDetail .proCon{
	padding: 30px;
	line-height: 1.5em;
	font-size: 14px;
	overflow: hidden;
}
.proDetail .proCon table,.newslist table{border:#ccc 1px solid; border-width:0 0 1px 1px ; width:99.5%!important;border-spacing: 0px;}
.proDetail .proCon td,.proDetail .proCon th,.newslist td,.newslist th{border:#ccc 1px solid; border-width:1px 1px 0 0; padding:5px 0 5px 5px;word-wrap:break-word; word-break:break-all; width:auto!important; text-align:center!important;}

.page-next{float: left;width: auto;}
.page-pre{float: right; width: auto;}
.page-next,.page-pre{line-height: 35px; border: 1px solid #eae9e9; text-align: center;padding: 0 10px;}

.location{
	float: left;
	font-size: 14px;
	line-height: 27px;
}
.location a{color: #333;}
.location a:hover{color: #02605c;}
.leftPart .leftTitle{
	line-height: 70px;
	background: #02605c;
	text-align: center;
	color: #fff;
	font-size: 32px;
}
.leftPart .menuList{
	background: #fff;
}
.leftPart .menuList li{
	width: 100%;
	height: 55px;
	text-align: center;
	line-height: 55px;
	font-size: 16px;
	border-bottom: 1px solid #f2f2f2;
}
.leftPart .menuList li a{
	color: #333;
}
.leftPart .menuList li .menuline{
	clear: both;
	width: 0;
	height: 4px;
	margin: 0 auto;
	background: #02605c;
	transition:width 1s;
	-moz-transition:width 1s; /* Firefox 4 */
	-webkit-transition:width 1s; /* Safari and Chrome */
	-o-transition:width 1s; /* Opera */
}
.leftPart .menuList li:hover a,.leftPart .menuList .cur a{
	color: #02605c;
	font-weight: bold;
}
.leftPart .menuList li:hover .menuline,.leftPart .menuList .cur .menuline{
	width: 100%;
}

.leftPart .contactus{
	margin-top: 20px;
	background: #fff;
}
	.leftPart .contactus .contactCon{
		background: #fff;
		padding: 30px;
		line-height: 2em;
		font-size: 14px;
		color: #494949;
		
	}
	.leftPart .contactus .contactCon i{
		font-size: 25px;
		color: #0a1734;
	}
.proLine{
	clear: both;
	height: 10px;
	width: 100%;
	margin: 20px 0;
	border-bottom: 1px dashed #02605c;
}
.quanquan{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background: #02605c;
	text-align: center;
	line-height: 30px;
	float: left;
	margin-right: 10px;
}	
.quanquan i{
	color: #fff;
	font-size: 20px;
}	
.page{
	clear: both;
	text-align:center;
}

.honor-list li {
	width: 22%;
	float: left;
	padding: 2px;
	margin: 0 1% 20px;
	text-align: center;
	height: auto;
	overflow: hidden;
	list-style: none;
}
.caselist li img,.honor-list li img {
	width: 100%;
	height: auto;
	display: block;
}
.caselist li .pro-t,.honor-list li .pro-t {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: none;
} 

.caselist li {
	width: 31%;
	float: left;
	padding: 2px;
	margin: 0 1% 20px;
	text-align: center;
	height: auto;
	overflow: hidden;
	list-style: none;
}

/*news*/
.newslist{
	padding: 30px;
    background: #fff;
    overflow: hidden;
    clear: both;
}
.new-list{
	width: 100%;
	clear: both;
}

.new-list ul li{
	width: 100%;
	clear: both;
	min-height: 240px;
	margin-top: 10px;
	border-bottom: 1px #CCCCCC dashed;
}
.newspic{
	float: left;
	width: 300px;
	height: 225px;
	overflow: hidden;
	margin-right: 20px;
}
.newspic img{height: 100%;}
.news-item{
	min-height: 135px;
	overflow: hidden;
    padding: 25px 0 0 15px;
    margin-bottom: 10px;
}
.news-item .date{
	float: left;
	margin-right: 45px;
	margin-bottom: 15px;
    text-align: left;
}

.news-item .date .date-yearMonth{
	font-size: 16px;
	color: #333;
}
.news-com{
	width: 100%;
	float: left;
	text-align: left;
}
.news-together{font-weight: bold;}
.news-item a{
	font-weight: bold;
	font-size: 16px;
	line-height: 45px;
}
.news-sum{
	display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    text-align: justify;
}

.newsTitle{
	font-size: 32px;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
}
.downloadpage{
	margin: 30px;
}
.contactleft{
	width: 50%;
}



.in-prolist-info{
	margin: 30px;
}

/*搜索按钮*/
.search-form{
	float: left;
	width: 98%;
	clear: both;
}
.search-btn{
	float: right;
	width: auto;
	height: 40px;
	margin-bottom: -40px;
}
.keycss{
	width: 100%;
	float: left;
	background: none;
	border:1px solid #dddcdc;
	height: 40px;
	padding: 5px;
	margin-bottom: 30px;
}	
.btn-inner{
	float: right;
	margin-right: -12px;
}
.btn-inner .bt_sa{
	float: right;
	height: 52px;
	width: 50px;
	border:1px solid #ccc;
	background: #f2f2f2;
	position: relative;
	z-index: 2;
}
.prolist{
	padding: 30px;
	background: #fff;
	overflow: hidden;
	clear: both;
}
.prolist ul li{
	width:23.5%;
	height: auto;
	margin-right: 1.5%;
	border: 1px solid #f2f2f2;
	padding-bottom: 10px;
	margin-bottom: 20px;
	float: left;
	overflow: hidden;
}
.prolist ul li .pic{
	width: 100%;
	overflow: hidden;
}
.prolist ul li .pic img{
	width: 100%;
	transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
}

.prolist ul li:nth-child(4n){
	margin-right: 0;
}

.prolist ul li p{
	text-align: center;
	line-height: 35px;
	display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    position: relative;
    z-index: 3;
}
.prolist ul li a p{
	color: #333;
	font-size: 16px;
}
.prolist ul li:hover{
	background: #02605c;
	border: 1px solid #02605c;
}
.prolist ul li:hover a p{
	color: #fff;
}
.prolist ul li:hover img{
	transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.backtoPro{
	margin-top: -30px;
    margin-right: -30px;
	width: 50px;
	height: 50px;
	background: #02605c;
	text-align: center;
	line-height: 50px;
	
}
.backtoPro a,.backtoPro:hover a,.backtoPro a:hover{
	color: #fff;
}
.backtoPro a i{
	font-size: 25px;
}

.backtoPro:hover{background: #0a1734;}
.seach-css li a img{
	width: 100%;
	overflow: hidden;
}

.leftvideo{width:22%;height: auto;float: left;}
.rightAbout{float: right;width: 76%;}

@media only screen and (max-width:1200px) {
	.breadInsite,.displayb,.displayn,.displayen{
		display: block;
	}
	.bannerHome,.bannerpro,.bannerabout,.bannerInproject,.bannernews,.bannercontact,.bannerdownload{
	margin-top:0;
}
.productList .leftPart{
	display: none;
}

.productList .rightPart{
	width: 100%;
	float: left;
	}
	.swiper-button-next, .swiper-button-prev{
		top:30%;
	}
.proItem .protitle {
    font-size: 28px;
}

}
.position {
		display: none;
		width: 100%;
		height: auto;
		position: fixed;
		bottom: 0px;
		z-index: 1001;
		background: #323232;
	}
	
	.innerWrapper {
		display: block;
		margin: 0 auto;
		width: 100%;
		position: relative;
		padding: 0;
	}
	
	.innerWrapper a {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		overflow: hidden;
		width: 33.3333%;
	}
	
	.position .innerWrapper a img {
		display: block;
		margin: 0 auto;
	}


@media only screen and (max-width:960px) {
	.position {
			display: block;
			}
	.topLogBox{margin-bottom:40px;}
	.swiper-container-3d{
	perspective: none;
	-webkit-perspective:none;
	}	
	.swiper-button-next, .swiper-button-prev{
		display: none;
	}
	
.proItem .protitle {
    font-size: 24px;
}
.proItem .itemTitle{font-size: 20px;margin-top: 0;clear: both;}	
.fenLine{margin-bottom: 15px;}
.huiLine{margin: 10px 0;}
.leftvideo,.rightAbout{width: 100%;}
.proDetail .detailItem {
    width: 200px;
    line-height: 45px;
    font-size: 18px;
}
/*底部联系方式*/
.contactHome,.scanerwei{width: 100%;float: left;}
.productHome ul li .bluezhe{
	display: block;
	background: rgba(2,96,92,1);
}
.productHome ul li .bluezhe p.font32{
	font-size: 16px !important;
}
.productHome ul li .bluezhe p.font18{
	font-size: 12px !important;
}
.productHome ul li .bluezhe p.font28{
	font-size: 14px !important;
	line-height: 30px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	display: none;
}

.aboutHome ul li{
	 width: 100%;
	 margin-right: 0;
}
.newsPic{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.newscon{
	width: 100%;
	overflow: hidden;
}

.pic50pl{
	width: 100%;
	margin-right: 0;

}
.pic50pr{
	width: 100%;

}
.bannerpro,.bannerabout,.bannerInproject,.bannernews,.bannercontact,.bannerdownload{
    height: 300px;
}
.bannerpro{background: url(../img/banner-product.jpg) no-repeat;background-attachment: inherit;background-size:contain;}
.bannerabout{background: url(../img/banner-aboutus.jpg) no-repeat;background-attachment: inherit;background-size:contain;}
.bannernews{background: url(../img/banner-news.jpg) no-repeat;background-attachment: inherit;background-size:contain;}
.bannercontact{background: url(../img/banner-contact.jpg) no-repeat;background-attachment: inherit;background-size:contain;}
.bannerdownload{background: url(../img/banner-download.jpg) no-repeat;background-attachment: inherit;background-size:contain;}
.bannerInproject{background: url(../img/banner-projects.jpg) no-repeat;background-attachment: inherit;background-size:contain;}

.breadInsite{
	overflow:visible;
}

.breadInsite ul li a{
	padding: 0 10px;

}

.honor-list li {
	width: 48%;
	float: left;
	padding: 0;
}

.caselist li {
	width: 48%;
	padding: 0;

}
.newslist{
	padding: 8px;

}
.backtoPro{
	margin-top: 0;
	position: fixed;
	width: 40px;
	height: 40px;
	line-height: 40px;
    right: 40px;
    top: 45%;
    z-index: 2002;
    opacity: 0.8;
}
.backtoPro a i{
	font-size: 20px;
}
/*内页新闻*/
.new-list ul li{
	min-height: auto;
}
.newspic{
	float: none;
	width:100%;
	height: auto;
	margin-right: 0;
}
.newspic img{width:100%;height: auto;}
.news-item{
	clear: both;
	min-height: 135px;
    padding: 15px 0 0 8px;
}
.newsTitle{
	font-size: 24px;
	margin-top: 20px;
}
.contactleft{
	width: 100%;
}
/*产品中心*/
.prolist{
	padding: 30px 5px;
}
.prolist ul li{
	width:48.5%;
	margin-right: 1%;
	padding-bottom: 5px;
	margin-bottom: 10px;

}

.prolist ul li:nth-child(3n){
	margin-right: 1%;
}
.prolist ul li:nth-child(2n){
	margin-right: 0;
}

.prolist ul li p{
	text-align: center;
	line-height: 35px;
	display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    position: relative;
    z-index: 3;
}
.productList {
    width: 100%;
}
.productList .proview{
	padding: 8px;

}
.prolist-pic{margin:0 0 20px 0; width:100%;height:auto; }
.prolist-pic img{width: 100%;}

.proDetail .proCon {
    padding: 8px;
    padding-top: 20px;
}

.displayb,.displayn{position: relative;left:-50%;display: block;overflow: visible;}
.displayb ul,.displayn ul{width:100%;line-height: 78px;margin: 0;position: relative;left:50%; float: left;height: 82px;}
.displayb ul li a,.displayn ul li a{
	border-right: 1px solid #ddd;
	padding: 0 10px;
}

.displayen{position: relative;left:-50%;display: block;overflow: visible;}
.displayen ul{width:100%;line-height: 78px;margin: 0;position: relative;left:50%; float: left;height: 82px;}
.displayen ul li a{
	border-right: 1px solid #ddd;
	padding: 0 10px;
}

.breadInsite,.displayen{
	display: none;
}

.breadInsite ul,.displayen ul{
	width:100%;
	margin: 0;
	height:auto;
}
.breadInsite ul li,.displayen ul li{
	float: left;
	clear: both;
	width:100%;
	height: 40px;
	font-size:14px;
	line-height: 40px;
}
.breadInsite ul li a,.displayen ul li a{
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	color: #333;
	border-right:0;
	cursor: pointer;
}


.protypet,.newtypet{
	line-height: 45px;
	background: #02605c;
	color: #fff;
	text-align: left;
	padding-left: 20px;
	font-size: 16px;
}
.protypet i,.newtypet i{
	float: right;
	margin-right: 15px;
	font-size: 20px;
}

.footer{
	margin-bottom: 35px;
}

.in-prolist-info{
	margin: 8px;
}

}