@charset "utf-8";

*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}

#bsWXBox {
	box-sizing: content-box
}

ul {
	list-style: none
}

body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select {
	margin: 0;
	padding: 0
}

body {
	font-family: 'Microsoft YaHei',arial;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	width: 100%;
	background: #fff;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent
}

a:link,a:visited {
	text-decoration: none;
	outline: 0;
	color: #666
}

a:hover,a:active,a:focus {
	color: #666;
	text-decoration: none
}

img {
	border: 0;
	max-width: 100%
}

table {
	border-collapse: collapse;
	width: 100%
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal
}

input,textarea {
	font-size: 14px;
	outline: 0;
	overflow: hidden;
	font-family: arial
}

input[type='reset'],input[type='button'],input[type='submit'],input[type='radio'] {
	cursor: pointer;
	outline: 0
}

input[type='checkbox'],input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-top: -2px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px
}

textarea,input[type='email'],input[type='date'],input[type='password'],input[type='text'] {
	padding: 0;
	color: #666;
	outline: 0
}

input[type="submit"],input[type="reset"],input[type="button"],input[type='text'],select,button {
	-webkit-appearance: none
}

input,select,textarea {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border-radius: 0
}

::-webkit-input-placeholder {
	color: #999
}

:-moz-placeholder {
	color: #999;
	opacity: 1
}

::-moz-placeholder {
	color: #999;
	opacity: 1
}

:-ms-input-placeholder {
	color: #999
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block
}

.pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.pic:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto
}

.container {
	margin-right: auto;
	margin-left: auto;
	width: 1600px
}

@media (max-width:1600px) {
	.container {
		width: 100%;
		padding: 0 15px
	}
}

#container {
	overflow: hidden;
	background: #fff
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.header {
	z-index: 999;
	position: absolute;
	background: rgba(255,255,255,0);
	color: #fff;
	width: 100%;
	top: 0;
	transition: background .5s
}

.header .container {
	position: relative
}

.header .container:after {
	content: "";
	display: block;
	clear: both
}

.header a {
	color: #fff
}

.header img {
	vertical-align: middle
}

.header .logo {
	position: absolute;
	z-index: 999;
	width: 250px;
	height: 30px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all .54s
}

.header .logo svg {
	width: 140px;
	height: 30px;
	fill: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0
}

.header .other {
	line-height: 30px;
	float: right;
	position: absolute;
	top: 30px;
	right: 0;
	transition: top .5s;
	font-size: 18px
}

.header .other .language {
	float: left;
	padding-right: 14px;
	margin-right: 14px;
	position: relative
}

.header .other .language:after {
	content: "";
	display: block;
	width: 2px;
	height: 14px;
	background: rgba(255,255,255,0.4);
	position: absolute;
	right: 0;
	top: 8px
}

.header .other .search-r {
	float: right
}

.header .other .searchBtn {
	display: block;
	height: 30px
}

.header .other .searchBtn svg {
	width: 18px;
	height: 18px;
	fill: #fff;
	margin-top: 6px;
	float: left;
	margin-right: 7px
}

.header .other .search {
	z-index: 99
}

.header .other .search .btn-search-max {
	z-index: 2;
	-webkit-transition: All .2s ease-in-out;
	transition: All .2s ease-in-out;
	position: relative
}

.header .other .search .btn-search-max * {
	display: inline-block;
	vertical-align: middle
}

.header .other .search .search-main {
	top: 46px;
	right: 0;
	z-index: 9;
	width: 330px;
	display: none;
	position: absolute;
	padding: 14px;
	background: #fcfcfc
}

.header .other .search-container {
	padding-left: 0;
	position: relative
}

.header .other .search-info {
	width: 100%;
	position: relative;
	background: 0
}

.header .other .search-info .inp_srh {
	color: #555;
	width: 254px;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	background: 0;
	border: 1px solid #ccc;
	float: left;
	border-right: 0
}

.header .other .search-info .inp_srh:focus {
	border-color: #bbb;
	box-shadow: 0 0 2px #c9c9c9
}

.header .other .btn_srh {
	background: #004445;
	width: 48px;
	line-height: 18px;
	height: 34px;
	float: right;
	border: 0;
	color: #FFF
}

.header .other #search-closed {
	right: 10px;
	top: 15px;
	max-width: 30px;
	position: absolute;
	cursor: pointer
}

.header .other .a-01 {
	padding: 0 2px
}

.nav {
	padding-left: 200px;
	padding-right: 250px
}

.nav .list {
	font-size: 0;
	position: relative;
	width: 100%;
	max-width: 760px;
	margin: auto
}

.nav li {
	text-align: center;
	float: left;
	width: 20%;
	position: relative;
	padding: 0 10px
}

.nav li>a {
	font-size: 18px;
	color: #fff;
	height: 90px;
	line-height: 90px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	transition: all .5s
}

.nav li>a:after {
	content: '';
	display: block;
	width: 0;
	height: 4px;
	background: #fff;
	transition: all .5s;
	position: absolute;
	bottom: 0;
	left: 0
}

.nav li:hover>a:after,.nav li.active>a:after {
	width: 100%
}

.nav li:hover .child {
	z-index: 1;
	display: block \9;
	visibility: visible;
	opacity: 1;
	padding-top: 0;
	padding-bottom: 10px
}

.nav li:hover .child a {
	height: 38px
}

.nav .child {
	font-size: 16px;
	position: absolute;
	width: 160px;
	left: 50%;
	margin-left: -80px;
	z-index: -1;
	top: 90px;
	display: none \9;
	visibility: hidden;
	opacity: 0;
	text-align: center
}

.nav .child .box {
	background: #fff \9;
	background: rgba(255,255,255,0.8);
	padding: 10px 0;
	position: relative;
	box-shadow: 0 20px 40px 0 rgba(0,0,0,0.15)
}

.nav .child a {
	padding: 0 5px;
	display: block;
	color: #333;
	font-size: 14px;
	position: relative;
	overflow: hidden;
	line-height: 38px;
	height: 0;
	transition: .3s height cubic-bezier(0.73,0.32,0.34,1.5),0.5s background,0.5s padding-left
}

.nav .child a:hover {
	background-color: #000;
	background: rgba(0,0,0,0.5);
	color: #fff;
	padding-left: 15px
}

.headerFixed {
	background: #fff;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
	position: fixed;
	width: 100%;
	left: 0;
	color: #333
}

.headerFixed a {
	color: #333
}

.headerFixed .logo {
	height: 60px
}

.headerFixed .logo svg {
	fill: #333
}

.headerFixed .nav li>a {
	height: 60px;
	line-height: 60px;
	color: #333;
	font-size: 14px
}

.headerFixed .nav li>a:after {
	background: #004445
}

.headerFixed .nav li.active>a:after {
	width: 100%
}

.headerFixed .nav .child {
	top: 60px
}

.headerFixed .other {
	top: 15px;
	font-size: 14px
}

.headerFixed .other .language:after {
	background: #ccc
}

.headerFixed .other .searchBtn svg {
	fill: #333;
	width: 16px;
	height: 16px;
	margin-top: 7px
}

.fix1 .header {
	color: #000;
	background: #fff
}

.fix1 .header a {
	color: #000
}

.fix1 .header .logo svg {
	fill: #000
}

.fix1 .header .other .searchBtn svg {
	fill: #000
}

.fix1 .navPhoneBtn span {
	background: #004445
}

.fix1 .nav li>a {
	color: #000
}

.fix1 .nav li>a:after {
	background: #004445
}

@media (max-width:1600px) {
	.header .logo {
		left: 15px
	}

	.header .other {
		right: 15px
	}
}

.phone-nav {
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 60px;
	display: none;
	color: #666;
	z-index: 15
}

.phone-nav img {
	height: 22px;
	margin-top: 23px;
	display: block
}

.navPhoneBtn {
	display: inline-block;
	padding: 10px;
	cursor: pointer;
	float: right;
	z-index: 11;
	margin: auto;
	height: 36px;
	text-align: right;
	display: none;
	margin-top: 7px
}

.navPhoneBtn span {
	display: block;
	width: 20px;
	height: 2px;
	margin-bottom: 5px;
	position: relative;
	background: #fff;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 20px;
	transition: background .5s cubic-bezier(0.77,0.2,0.05,1),opacity .55s ease,transform .5s cubic-bezier(0.77,0.2,0.05,1),width .5s,transform .5s cubic-bezier(0.77,0.2,0.05,1)
}

.navPhoneBtn span:nth-last-child(2) {
	transform: rotate(0);
	transition: width .5s ease
}

.navPhoneBtn span:last-child {
	margin-bottom: 0
}

.navPhoneBtn.close,.navPhoneBtn.closeMember {
	opacity: 1;
	z-index: 10
}

.navPhoneBtn.close span,.navPhoneBtn.closeMember span {
	opacity: 1;
	transform: rotate(45deg)
}

.navPhoneBtn.close span:nth-last-child(3),.navPhoneBtn.closeMember span:nth-last-child(3) {
	opacity: 1;
	transform: rotate(-45deg)
}

.navPhoneBtn.close span:nth-last-child(2),.navPhoneBtn.closeMember span:nth-last-child(2) {
	width: 0;
	opacity: 0;
	transform: rotate(0);
	transition: width .5s
}

.navPhoneBtn.close span:last-child,.navPhoneBtn.closeMember span:last-child {
	margin-bottom: 0
}

@media  screen and (max-width:1023px) {
	.navPhoneBtn {
		display: block
	}
}

#menu .mm-menu {
	background: #8e2424;
	color: rgba(255,255,255,0.9)
}

#menu .mm-navbar.mm-hasbtns {
	border-bottom: 1px solid #f3f3f3;
	border-left: 1px #dadada solid
}

#menu .mm-menu .mm-btn:after,#menu .mm-menu .mm-btn:before {
	border-color: #fff
}

#menu .mm-clear:before,#menu .mm-close:before {
	right: 14px
}

#menu .mm-clear:after,#menu .mm-close:after {
	right: 25px
}

#menu .mm-close:after,#menu .mm-close:before {
	width: 10px;
	height: 10px
}

#menu .mm-menu .mm-navbar a,#menu .mm-menu .mm-navbar>* {
	color: rgba(255,255,255,0.9)
}

#menu .language {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px
}

#menu .language a {
	width: 50px;
	display: inline-block;
	text-align: center
}

#menu .search-info {
	width: 100%;
	position: relative;
	background: 0;
	padding: 0 20px
}

#menu .search-info .inp_srh {
	color: #555;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	background: 0;
	border: 1px solid #ccc;
	float: left;
	border-right: 0
}

#menu .search-info .inp_srh:focus {
	border-color: #bbb;
	box-shadow: 0 0 2px #c9c9c9
}

#menu .btn_srh {
	background: #004445;
	width: 48px;
	line-height: 18px;
	height: 34px;
	position: absolute;
	top: 0;
	right: 20px;
	border: 0;
	color: #FFF
}

@media  screen and (max-width:1023px) {
	.header {
		background: #fff;
		height: 50px
	}

	.header .container {
		height: 50px
	}

	.header .logo {
		height: 50px;
		width: 180px
	}

	.header .logo img {
		max-height: 30px
	}

	.header .logo svg {
		fill: #333
	}

	.header a {
		color: #333
	}

	.header .navPhoneBtn span {
		background: #004445
	}

	.header .other {
		top: 5px;
		display: none
	}

	.nav {
		display: none
	}
}

.home-banner {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 1
}

.home-banner .home-banner-slick .slick-list {
	overflow: hidden
}

.home-banner .home-banner-slick .slick-slide {
	position: relative;
	overflow: hidden
}

.home-banner .home-banner-slick .slick-slide img {
	-webkit-transition: 1s linear 2s;
	transition: 1s linear 2s;
	-webkit-animation: scaleAni 16s linear;
	animation: scaleAni 16s linear;
	text-align: center;
	margin: 0 auto
}

.home-banner .home-banner-slick .item {
	position: relative;
	text-align: center
}

.home-banner .home-banner-slick .slick-dots {
	z-index: 10;
	bottom: 42px;
	line-height: 0
}

.home-banner .home-banner-slick .slick-dots li {
	margin: 0 3px;
	padding: 0;
	width: 17px;
	height: 17px;
	border-radius: 50%
}

.home-banner .home-banner-slick .slick-dots li button {
	width: 17px;
	height: 17px;
	padding: 0;
	display: block;
	border: 2px solid #fff;
	background: 0;
	border-radius: 50%
}

.home-banner .home-banner-slick .slick-dots li button:before {
	content: ""
}

.home-banner .home-banner-slick .slick-dots .slick-active button {
	background: #fff
}

.home-banner .home-banner-slick .slick-dots .slick-active button:before {
	color: transparent
}

@media (max-width:1023px) {
	.home-banner .home-banner-slick {
		margin-top: 50px
	}

	.home-banner .home-banner-slick .slick-dots {
		bottom: 20px
	}

	.home-banner .home-banner-slick .slick-dots li {
		width: 13px;
		height: 13px
	}

	.home-banner .home-banner-slick .slick-dots li button {
		width: 13px;
		height: 13px;
		border: 1px solid #fff
	}
}

.inbanner {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 2;
	margin-top: 90px
}

.inbanner .inbanner-slick {
	overflow: hidden;
	position: relative
}

.inbanner .inbanner-slick img {
	text-align: center;
	margin: 0 auto;
	display: block;
	transition: 5s;
	animation: mymove4 5s
}

.inbanner .inbanner-slick-phone {
	display: none;
	overflow: hidden;
	position: relative
}

.inbanner .inbanner-slick-phone img {
	display: block
}

@media (max-width:1023px) {
	.inbanner {
		margin-top: 50px
	}

	.inbanner .inbanner-slick {
		display: none
	}

	.inbanner .inbanner-slick-phone {
		display: block
	}
}

@keyframes mymove4 {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.03)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes mymove4 {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.03)
	}

	100% {
		transform: scale(1)
	}
}

.prompt {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../images/ie_sosad.png) no-repeat center 35% #fff;
	left: 0;
	bottom: 0;
	display: none;
	z-index: 999;
	filter: alpha(opacity=80);
	opacity: 80
}

.prompt span {
	position: absolute;
	font-size: 14px;
	font-family: 'Microsoft YaHei';
	top: 55%;
	left: 50%;
	margin-left: -152px;
	width: 304px;
	display: block;
	line-height: 24px;
	color: #666
}

.prompt span a {
	text-decoration: underline
}

.prompt_close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 30px;
	background: url(../images/closed.png) no-repeat center center;
	cursor: pointer
}

.home-title {
	text-align: center
}

.home-title h3 {
	font-size: 42px;
	color: #000;
	margin-bottom: 2px
}

.home-title p {
	font-size: 18px;
	color: #555
}

@media (max-width:1023px) {
	.home-title h3 {
		font-size: 24px
	}

	.home-title p {
		font-size: 14px
	}
}

.home-product {
	padding: 71px 0 64px 0
}

.home-product .home-bottom {
	padding-top: 42px
}

.home-product .home-bottom .swiper-container {
	padding-right: 96px;
	margin-bottom: 57px
}

.home-product .home-bottom .swiper-slide {
	position: relative;
	width: 25%;
	float: left
}

.home-product .home-bottom .swiper-slide a {
	display: block;
	position: relative
}

.home-product .home-bottom .swiper-slide a .ne {
	width: 92px;
	height: 90px;
	background: url("../images/ne.png") no-repeat top center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3
}

.home-product .home-bottom .swiper-slide .pic img {
	transition: .5s
}

.home-product .home-bottom .swiper-slide .pic:after {
	padding-bottom: 95.71045576407508%
}

.home-product .home-bottom .swiper-slide .pic .hover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	background: rgba(0,0,0,0.5);
	transition: .5s
}

.home-product .home-bottom .swiper-slide .pic .hover p {
	font-size: 28px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 5px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

@media (min-width:1025px) {
	.home-product .home-bottom .swiper-slide:hover .pic img {
		transform: scale(1.04)
	}

	.home-product .home-bottom .swiper-slide:hover .pic .hover {
		background: rgba(0,0,0,0.3)
	}
}

.home-product .home-bottom .swiper-button-next,.home-product .home-bottom .swiper-button-prev {
	background: 0;
	width: 94px;
	height: 100%;
	top: 0;
	margin-top: 0;
	background: #004445
}

.home-product .home-bottom .swiper-button-next svg,.home-product .home-bottom .swiper-button-prev svg {
	position: absolute;
	left: 50%;
	top: 0;
	width: 60%;
	height: 97%;
	transform: translateX(-50%);
	fill: #fff
}

@media (min-width:1025px) {
	.home-product .home-bottom .swiper-button-next:hover,.home-product .home-bottom .swiper-button-prev:hover {
		background: #002b2c
	}
}

.home-product .home-bottom .swiper-button-next {
	right: 0;
	opacity: 1
}

.home-product .home-bottom .swiper-button-prev {
	left: 0;
	opacity: 1
}

.home-product .home-bottom .swiper-button-prev.swiper-button-disabled {
	opacity: 0
}

.home-product .more a {
	font-size: 18px;
	color: #000;
	display: block;
	margin: 0 auto;
	width: 280px;
	height: 59px;
	line-height: 53px;
	text-align: center;
	border: 3px solid #004445;
	transition: all .3s ease;
	position: relative;
	overflow: hidden
}

.home-product .more a p {
	position: relative;
	z-index: 2
}

.home-product .more a:after {
	content: '';
	width: 0;
	height: 100%;
	background: #004445;
	display: block;
	position: absolute;
	transition: all .5s ease;
	left: 0;
	z-index: 1;
	top: 0;
	transform: skew(-30deg);
	transform-origin: 0 0
}

@media (min-width:1025px) {
	.home-product .more a:hover {
		color: #fff
	}

	.home-product .more a:hover:after {
		width: 130%
	}
}

@media (max-width:1023px) {
	.home-product {
		padding: 30px 0
	}

	.home-product .home-bottom {
		padding-top: 20px
	}

	.home-product .home-bottom .swiper-container {
		padding-right: 0;
		margin-bottom: 20px
	}

	.home-product .home-bottom .swiper-slide a .ne {
		width: 52px;
		background-size: 52px
	}

	.home-product .home-bottom .swiper-slide .pic .hover p {
		font-size: 18px
	}

	.home-product .home-bottom .swiper-button-next,.home-product .home-bottom .swiper-button-prev {
		width: 44px;
		display: none
	}

	.home-product .home-bottom .swiper-button-next svg,.home-product .home-bottom .swiper-button-prev svg {
		width: 34%
	}

	.home-product .more a {
		font-size: 14px;
		width: 150px;
		height: 49px;
		line-height: 45px;
		border: 2px solid #004445
	}
}

.home-link {
	overflow: hidden
}

.home-link .item {
	width: 50%;
	float: left
}

.home-link .item a {
	display: block;
	overflow: hidden
}

.home-link .item a .pic:after {
	padding-bottom: 31.25%
}

.home-link .item a .pic i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	transition: .5s
}

@media (min-width:1025px) {
	.home-link .item a:hover i {
		background: rgba(0,0,0,0)
	}
}

.home-link .right a .pic:after {
	padding-bottom: 62.5%
}

@media (max-width:1023px) {
	.home-link .item {
		width: 100%
	}

	.home-link .item a .pic i {
		background: rgba(0,0,0,0)
	}
}

.home-case {
	padding: 77px 0 79px 0;
	position: relative
}

.home-case:after {
	content: '';
	display: block;
	width: 887px;
	height: 224px;
	background: url("../images/bg.png") no-repeat top center;
	position: absolute;
	top: 109px;
	left: 0
}

.home-case .box {
	margin: 0 -12.5px;
	overflow: hidden;
	position: relative
}

.home-case .li {
	float: left;
	padding: 0 12.5px
}

.home-case .li .item .pic img {
	transition: .5s
}

.home-case .li .item .pic .hover {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	height: 100%;
	opacity: 0;
	transition: .5s
}

.home-case .li .item .pic .hover p {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 24px;
	color: #fff;
	transition: .7s;
	transform: translateY(-38%)
}

@media (min-width:1025px) {
	.home-case .li .item:hover .pic img {
		transform: scale(1.04)
	}

	.home-case .li .item:hover .pic .hover {
		opacity: 1
	}

	.home-case .li .item:hover .pic .hover p {
		transform: translateY(-50%)
	}
}

.home-case .left {
	width: 41.785%;
	padding-top: 191px
}

.home-case .left .text {
	border-left: 3px solid #002b2c;
	padding-left: 31px;
	margin-bottom: 111px
}

.home-case .left .text .bt {
	font-size: 42px;
	color: #000;
	display: inline-block;
	position: relative;
	margin-top: -15px;
	padding-right: 33px;
	margin-bottom: 28px
}

.home-case .left .text .bt:after {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border: 3px solid #004445;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0
}

.home-case .left .text .jsh {
	font-size: 16px;
	color: #000;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	padding-right: 69px
}

.home-case .left .pic:after {
	padding-bottom: 43.57798165137614%
}

.home-case .center {
	width: 26.154%;
	padding-top: 137px;
	bottom: 0;
	position: absolute;
	left: 41.785%
}

.home-case .center .item {
	margin-top: 23px
}

.home-case .center .pic:after {
	padding-bottom: 71.25%
}

.home-case .right {
	width: 32%;
	position: absolute;
	bottom: 0;
	right: 0
}

.home-case .right .item {
	margin-bottom: 25px;
	overflow: hidden
}

.home-case .right .pic img {
	transition: .5s
}

.home-case .right .pic:after {
	padding-bottom: 132.32323232323233%
}

.home-case .right .more {
	border-bottom: 3px solid #004445;
	line-height: 69px;
	font-size: 16px;
	position: relative
}

.home-case .right .more a {
	display: block;
	color: #000;
	position: relative;
	z-index: 3;
	padding-left: 10px;
	transition: .5s;
	background: url("../images/more.png") no-repeat 93% center
}

.home-case .right .more:after {
	content: '';
	display: block;
	height: 100%;
	background: #004445;
	width: 129px;
	transition: .5s;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

@media (min-width:1025px) {
	.home-case .right .more:hover a {
		color: #fff
	}

	.home-case .right .more:hover:after {
		width: 100%
	}
}

@media (max-width:1023px) {
	.home-case {
		padding: 30px 0
	}

	.home-case:after {
		width: 400px;
		background-size: 400px;
		top: 30px
	}

	.home-case .box {
		margin: 0
	}

	.home-case .li {
		float: none;
		padding: 0
	}

	.home-case .li .item .pic .hover {
		opacity: 1
	}

	.home-case .li .item .pic .hover p {
		font-size: 16px
	}

	.home-case .left {
		width: 100%;
		padding-top: 40px
	}

	.home-case .left .text {
		padding-left: 20px;
		margin-bottom: 20px
	}

	.home-case .left .text .bt {
		font-size: 24px;
		padding-right: 15px;
		margin-bottom: 10px
	}

	.home-case .left .text .bt:after {
		width: 10px;
		height: 10px;
		border: 2px solid #004445
	}

	.home-case .left .text .jsh {
		font-size: 14px;
		line-height: 25px;
		height: auto;
		max-height: 125px;
		padding-right: 0
	}

	.home-case .center {
		width: 100%;
		padding-top: 0;
		bottom: auto;
		position: relative;
		left: auto
	}

	.home-case .center .item {
		margin-top: 15px
	}

	.home-case .right {
		width: 100%;
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 15px
	}

	.home-case .right .item {
		margin-bottom: 15px
	}

	.home-case .right .more {
		border-bottom: 2px solid #004445;
		line-height: 45px;
		font-size: 14px
	}

	.home-case .right .more a {
		color: #fff;
		padding-left: 20px;
		background: url(../images/moreh.png) no-repeat 93% center
	}

	.home-case .right .more:after {
		width: 100%
	}
}

.home-news {
	background: url("../images/home-bg.jpg") no-repeat top center
}

.home-news .item {
	width: 33.333333333333336%;
	float: left
}

.home-news .item a {
	padding: 143px 74px 138px 74px;
	display: block;
	position: relative;
	transition: .5s
}

.home-news .item a:after {
	content: '';
	display: block;
	width: 1px;
	background: rgba(255,255,255,0.1);
	height: 78%;
	position: absolute;
	top: 11%;
	left: 0
}

.home-news .item a .span {
	width: 63px;
	height: 23px;
	line-height: 23px;
	border-radius: 30px;
	background: rgba(69,69,69,0.8);
	text-align: center;
	text-transform: capitalize;
	font-size: 14px;
	color: #999;
	transition: .5s
}

.home-news .item a .date {
	font-family: arial;
	margin-bottom: 30px
}

.home-news .item a .date h3 {
	font-size: 48px;
	color: #fff;
	line-height: 46px;
	margin-top: 10px
}

.home-news .item a .date p {
	color: #fff;
	font-size: 14px
}

.home-news .item a .bt {
	font-size: 18px;
	color: #fff;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-bottom: 32px
}

.home-news .item a .jsh {
	font-size: 16px;
	color: rgba(255,255,255,0.5);
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	margin-bottom: 108px
}

.home-news .item a .btn {
	text-align: right
}

.home-news .item a .btn span,.home-news .item a .btn a {
	display: inline-block;
	background: #006569;
	border: 1px #006569 solid;
	line-height: 30px;
	border-radius: 30px;
	color: #fff;
	min-width: 114px;
	padding: 0 40px 0 15px;
	font-size: 14px;
	text-align: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
	vertical-align: middle;
	transition: min-width .5s
}

.home-news .item a .btn span:after,.home-news .item a .btn a:after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background: #fff;
	vertical-align: middle;
	float: right;
	margin-left: 10px;
	position: absolute;
	z-index: 0;
	right: 0;
	top: 0
}

.home-news .item a .btn span:before,.home-news .item a .btn a:before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-top: 1px #006569 solid;
	border-right: 1px #006569 solid;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 15px
}

.home-news .item a .more p {
	width: 114px;
	height: 32px;
	border-radius: 30px;
	border: 1px solid #006569;
	line-height: 30px;
	color: #fff;
	transition: .5s;
	padding-left: 19px;
	background: #006569 url("../images/more1.png") no-repeat center right
}

@media (min-width:1025px) {
	.home-news .item:hover a {
		background: #004445
	}

	.home-news .item:hover a .span {
		background: rgba(19,19,19,0.8)
	}

	.home-news .item:hover a .btn span,.home-news .item:hover a .btn a {
		background: #fff;
		color: #006569;
		border-color: #006569;
		min-width: 134px
	}

	.home-news .item:hover a .btn span:after,.home-news .item:hover a .btn a:after {
		background: #006569;
		box-shadow: 0 0 0 2px #006569
	}

	.home-news .item:hover a .btn span:before,.home-news .item:hover a .btn a:before {
		border-color: #fff
	}

	.home-news .item:hover a .more p {
		border: 1px solid #fff;
		background: url("../images/more1.png") no-repeat center right
	}
}

.home-news .item:nth-last-child(1) a:before {
	content: '';
	display: block;
	width: 1px;
	background: rgba(255,255,255,0.1);
	height: 78%;
	position: absolute;
	top: 11%;
	right: 0
}

@media (max-width:1024px) {
	.home-news .item a {
		padding: 100px 50px 100px 50px
	}

	.home-news .item a .jsh {
		margin-bottom: 50px
	}
}

@media (max-width:1023px) {
	.home-news {
		background-size: cover
	}

	.home-news .item {
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.1)
	}

	.home-news .item a {
		padding: 20px 0
	}

	.home-news .item a:after {
		display: none
	}

	.home-news .item a .date {
		margin-bottom: 10px
	}

	.home-news .item a .date h3 {
		font-size: 22px;
		line-height: 30px;
		margin-top: 5px
	}

	.home-news .item a .date p {
		font-size: 12px
	}

	.home-news .item a .bt {
		font-size: 16px;
		margin-bottom: 10px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		height: 24px
	}

	.home-news .item a .jsh {
		font-size: 13px;
		line-height: 22px;
		height: auto;
		max-height: 66px;
		margin-bottom: 15px
	}

	.home-news .item a .more p {
		width: 100px;
		font-size: 12px;
		padding-left: 14px
	}

	.home-news .item:nth-last-child(1) {
		border-bottom: 0
	}

	.home-news .item:nth-last-child(1) a:before {
		display: none
	}
}

@font-face {
	font-family:"DIN-Medium";src:url("../font/DIN-Medium.woff2") format("woff2"),url("../font/DIN-Medium.woff") format("woff"),url("../font/DIN-Medium.ttf") format("truetype"),url("../font/DIN-Medium.eot") format("embedded-opentype"),url("../font/DIN-Medium.svg") format("svg");font-weight:normal;font-style:normal
}

.footer {
	padding: 83px 0 70px 0;
	overflow: hidden;
	position: relative;
	background: #1a1a1a
}

.footer .left {
	float: left;
	color: #a9a9a9;
	font-size: 16px;
	line-height: 34px;
	padding-top: 7px;
	width: 50%;
	padding-right: 90px
}

.footer .left svg {
	fill: #636363;
	width: 220px;
	margin-bottom: 4px
}

.footer .right {
	float: right;
	text-align: right;
	width: 50%;
	padding-left: 90px
}

.footer .right .span {
	font-size: 16px;
	color: #fff
}

.footer .right .p {
	font-size: 28px;
	color: #fff;
	font-family: "DIN-Medium";
	line-height: 30px;
	margin-bottom: 11px
}

.footer .right .jsh {
	font-size: 16px;
	color: #a9a9a9;
	line-height: 34px
}

.footer .right .jsh a {
	color: #a9a9a9
}

.footer .right .jsh p {
	padding-right: 22px
}

.footer .right .jsh .email {
	background: url(../images/em.png) no-repeat right 12px
}

.footer .right .jsh .address {
	background: url(../images/ad.png) no-repeat right 12px
}

.footer .ewm {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 154px;
	height: 154px;
	margin-top: -9px;
	transform: translate(-50%,-50%)
}

@media (max-width:1024px) {
	.footer {
		padding: 30px 0
	}

	.footer .left {
		font-size: 14px;
		line-height: 25px;
		padding-top: 0;
		width: 100%;
		padding-right: 0
	}

	.footer .left svg {
		width: 180px
	}

	.footer .right {
		text-align: left;
		width: 100%;
		padding-left: 0
	}

	.footer .right .span {
		font-size: 14px
	}

	.footer .right .p {
		font-size: 24px;
		margin-bottom: 5px
	}

	.footer .right .jsh {
		font-size: 14px;
		line-height: 25px
	}

	.footer .right .jsh p {
		padding-right: 0;
		padding-left: 22px
	}

	.footer .right .jsh p span {
		display: none
	}

	.footer .right .jsh .email {
		background: url(../images/em.png) no-repeat left 7px
	}

	.footer .right .jsh .address {
		background: url(../images/ad.png) no-repeat left 6px
	}

	.footer .ewm {
		position: relative;
		top: auto;
		left: auto;
		width: 130px;
		height: 130px;
		margin-top: 0;
		transform: translate(0,0);
		margin-bottom: 20px
	}
}

.inmain .container {
	width: 1360px
}

@media (max-width:1360px) {
	.inmain .container {
		width: 100%;
		padding: 0 15px
	}
}

.current {
	font-size: 12px;
	color: #8f8f8f;
	padding: 16px 0;
	border-bottom: 1px solid #e3e3e3;
	text-align: right
}

.current a {
	color: #8f8f8f
}

@media (min-width:1025px) {
	.current a:hover {
		color: #004445
	}
}

.current b {
	font-weight: normal
}

.aside {
	float: left;
	width: 22.059%
}

.aside .aside-title {
	text-align: center;
	color: #fff;
	font-size: 24px;
	line-height: 89px;
	background: #002a2a
}

.aside ul {
	padding: 8px 20px 23px 20px;
	background: #000
}

.aside ul li a {
	display: block;
	line-height: 47px;
	border-bottom: 1px solid #090909;
	font-size: 16px;
	color: #8e8e8e;
	position: relative;
	padding: 0 25px 0 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.aside ul li a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 4px;
	margin-top: -1.5px;
	background: #828282;
	width: 3px;
	height: 3px
}

.aside ul li a svg {
	fill: #4f4f4f;
	width: 28px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -14px
}

@media (min-width:1025px) {
	.aside ul li a:hover {
		color: #fff
	}

	.aside ul li a:hover svg {
		fill: #fff
	}
}

@media (max-width:1023px) {
	.aside {
		display: none;
		width: 100%;
		margin-bottom: 10px
	}

	.aside .aside-title {
		font-size: 18px;
		line-height: 49px
	}

	.aside ul {
		padding: 8px 10px 8px 10px;
		overflow: hidden
	}

	.aside ul li {
		width: 50%;
		float: left;
		padding: 0 5px
	}

	.aside ul li a {
		line-height: 36px;
		font-size: 14px
	}
}

.aside.aside1 {
	display: none;
	padding: 15px;
	float: none
}

.aside.aside1 ul {
	border: 2px solid #004445;
	background: 0;
	padding: 8px 0
}

.aside.aside1 ul li {
	padding: 0 5px 0 20px;
	border-bottom: 1px solid #f2f2f2
}

.aside.aside1 ul li a {
	border-bottom: 0
}

.aside.aside1 ul li a svg {
	display: none
}

@media (max-width:1023px) {
	.aside.aside1 {
		display: block
	}
}

.product {
	padding: 32px 0 70px 0;
	overflow: hidden
}

@media (max-width:1023px) {
	.product {
		padding: 30px 0
	}
}

.aside-right {
	float: right;
	width: 73.898%
}

@media (max-width:1023px) {
	.aside-right {
		width: 100%
	}
}

.content .right-title {
	padding-bottom: 8px;
	border-bottom: 1px solid #e7e7e7;
	position: relative
}

.content .right-title p {
	float: left;
	font-size: 24px;
	color: #000;
	font-weight: bold;
	padding-left: 18px
}

.content .right-title p:after {
	content: '';
	display: block;
	width: 6px;
	height: 23px;
	background: #002b2c;
	position: absolute;
	top: 8px;
	left: 0
}

.content .right-title .select-menu {
	cursor: pointer;
	width: 250px;
	height: 49px;
	float: right
}

.content .right-title .select-menu-ul {
	margin-top: 50px;
	list-style: none;
	opacity: 0;
	display: none;
	width: 250px;
	text-align: left;
	border: 1px solid #ddd;
	background: #fff;
	position: absolute;
	z-index: 1;
	max-height: 482px;
	overflow: auto
}

.content .right-title .select-menu-ul li {
	line-height: 40px;
}

.content .right-title .select-menu-ul li a{
	padding: 5px 18px;
    display:block;
	line-height: 30px;
    height: 40px;
	overflow: hidden
}

.content .right-title .select-menu-ul li:hover,.content .right-title .select-menu-ul li.active {
	background: #f2f2f2
}

.content .right-title .select-menu-div {
	position: relative;
	height: 49px;
	line-height: 49px;
	background: #000;
	padding-right: 55px
}

.content .right-title .select-this {
	background: #004445;
	color: #fff
}

.content .right-title .select-this a {
	color: #fff
}

.content .right-title .select-this:hover {
	background: #004445!important
}

.content .right-title i {
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	width: 49px;
	height: 49px;
	z-index: 33;
	text-align: center
}

.content .right-title i svg {
	fill: #fff;
	width: 20px;
	vertical-align: middle
}

.content .right-title .select-menu-input {
	border: 0;
	height: 49px;
	cursor: pointer;
	user-select: none;
	width: 100%;
	font-size: 18px;
	color: #fff;
	padding: 0 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background: #004445
}

.content .right-title .select-menu-i {
	transform: rotate(180deg)
}

@media (max-width:1023px) {
	.content .right-title p {
		font-size: 18px;
		padding-left: 10px;
		float: none;
		margin-bottom: 5px
	}

	.content .right-title p:after {
		width: 3px;
		height: 13px
	}

	.content .right-title .select-menu {
		width: 100%;
		height: 40px;
		float: none
	}

	.content .right-title .select-menu-ul {
		width: 100%;
        height:200px;
	}

	.content .right-title .select-menu-ul li {
		padding: 5px 10px
	}

	.content .right-title .select-menu-div {
		height: 40px;
		line-height: 40px;
		padding-right: 40px
	}

	.content .right-title i {
		width: 40px;
		height: 40px
	}

	.content .right-title i svg {
		width: 15px
	}

	.content .right-title .select-menu-input {
		height: 40px;
		font-size: 14px;
		padding: 0 10px
	}
}

.product .list {
	margin: 0 -26px;
	padding: 34px 0;
    min-height:450px;
}

@media (max-width:1023px) {
    .product .list {
        min-height:200px;
    }
}

.product .list li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 26px;
	margin-bottom: 26px
}

.product .list li .box .pic {
	border: 1px solid #e7e7e7
}

.product .list li .box .pic:after {
	padding-bottom: 95.97315436241611%
}

.product .list li .box .pic img {
	transition: .5s
}

.product .list li .box .pic i {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;
	left: 0
}

.product .list li .box .text {
	padding-top: 9px
}

.product .list li .box .text .bt {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin-bottom: 7px
}

.product .list li .box .text .jsh {
	font-size: 16px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

@media (min-width:1025px) {
	.product .list li:hover .box .pic img {
		transform: scale(1.05)
	}

	.product .list li:hover .box .pic i {
		display: block
	}
}

@media (max-width:1023px) {
	.product .list {
		margin: 0 -10px;
		padding: 20px 0
	}

	.product .list li {
		width: 33.333333333333336%;
		padding: 0 10px;
		margin-bottom: 20px
	}

	.product .list li .box .text {
		padding-top: 5px
	}

	.product .list li .box .text .bt {
		font-size: 14px;
		margin-bottom: 3px
	}

	.product .list li .box .text .jsh {
		font-size: 12px
	}
}

@media (max-width:640px) {
	.product .list li {
		width: 50%
	}
}

.page {
	text-align: center;
	overflow: hidden;
	padding: 78px 0;
	color: #474747;
	background: #f7f7f7
}

.page a {
	color: #474747;
	display: inline-block;
	font-size: 12px;
	line-height: 25px;
	height: 27px;
	padding: 0 10px;
	margin: 0 4px;
	font-family: arial;
	background: #fff;
	border: 1px #474747 solid;
	-webkit-transition: all .5s;
	transition: all .5s
}

.page span {
	color: #fff;
	display: inline-block;
	font-size: 12px;
	line-height: 25px;
	height: 27px;
	padding: 0 10px;
	margin: 0 4px;
	font-family: arial;
	background: #004445;
	border: 1px #004445 solid;
	-webkit-transition: all .5s;
	transition: all .5s;
    font-weight: bold;
}

.page a.cpb {
	background: #004445;
	border: 1px #004445 solid;
	color: #fff;
	font-weight: bold
}

@media (min-width:1025px) {
	.page a:hover {
		background: #004445;
		border: 1px #004445 solid;
		color: #fff;
		font-weight: bold
	}

	.page a.prev:hover {
		background: #004445
	}

	.page a.next:hover {
		background: #004445
	}

	.page a.first:hover,.page a.prev:hover,.page a.next:hover,.page a.last:hover {
		background: #004445;
		border: 1px #004445 solid;
		color: #fff
	}
}

@media (max-width:768px) {
	.page {
		padding: 30px 0;
		font-size: 0
	}

	.page a,.page span {
		display: none
	}

	.page a.first,.page a.prev,.page a.next,.page a.last {
		display: inline-block
	}
}

.case-top {
	margin-bottom: 36px;
	overflow: hidden
}

.case-top .bt {
	font-size: 48px;
	color: #000;
	display: inline-block;
	position: relative;
	padding-right: 29px;
	margin-bottom: 28px;
	padding-left: 34px
}

.case-top .bt:after {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border: 3px solid #004445;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	right: 0
}

.case-top .bt:before {
	content: '';
	display: block;
	width: 6px;
	height: 36px;
	background: #004445;
	position: absolute;
	top: 22px;
	left: 0
}

.case-top .jsh {
	font-size: 16px;
	color: #000;
	line-height: 30px;
	float: right;
	width: 74%;
	margin-top: 8px
}

@media (max-width:1024px) {
	.case-top .bt {
		margin-bottom: 0
	}

	.case-top .jsh {
		float: none;
		width: 100%
	}
}

@media (max-width:1023px) {
	.case-top {
		margin-bottom: 20px
	}

	.case-top .bt {
		font-size: 24px;
		padding-right: 15px;
		padding-left: 15px
	}

	.case-top .bt:after {
		width: 10px;
		height: 10px;
		border: 2px solid #004445
	}

	.case-top .bt:before {
		width: 3px;
		height: 20px;
		top: 10px
	}

	.case-top .jsh {
		font-size: 14px;
		line-height: 25px
	}
}

.case {
	padding: 53px 0 37px 0
}

.case .case-list ul {
	margin: 0 -14px
}

.case .case-list ul li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 14px;
	margin-bottom: 30px
}

.case .case-list ul li .box .pic img {
	transition: .5s
}

.case .case-list ul li .box .pic:after {
	padding-bottom: 70.11494252873563%
}

.case .case-list ul li .box .pic .hover {
	display: block;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s
}

.case .case-list ul li .box .pic .hover .jia {
	background: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	transition: .5s
}

.case .case-list ul li .box .pic .hover .jia:after {
	content: '';
	display: block;
	width: 15px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #444;
	margin: -0.5px 0 0 -7.5px
}

.case .case-list ul li .box .pic .hover .jia:before {
	content: '';
	display: block;
	width: 1px;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #444;
	margin: -7.5px 0 0 -0.5px
}

.case .case-list ul li .box p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 18px;
	color: #000;
	line-height: 26px;
	margin-top: 11px
}

@media (min-width:1025px) {
	.case .case-list ul li:hover .box .pic img {
		transform: scale(1.05)
	}

	.case .case-list ul li:hover .box .pic .hover {
		opacity: 1
	}

	.case .case-list ul li:hover .box .pic .hover .jia {
		transform: rotate(360deg)
	}
}

@media (max-width:1023px) {
	.case {
		padding: 30px 0
	}

	.case .case-list ul {
		margin: 0 -10px
	}

	.case .case-list ul li {
		padding: 0 10px;
		margin-bottom: 20px
	}

	.case .case-list ul li .box p {
		font-size: 14px;
		margin-top: 5px
	}
}

@media (max-width:768px) {
	.case .case-list ul li {
		width: 50%
	}
}

.h1 {
	font-size: 30px;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: url("../images/bg1.png") no-repeat bottom center;
	padding-bottom: 45px
}

.h-info {
	padding: 7px 0;
	font-size: 16px;
	color: #333;
	line-height: 30px
}

a.returnListBtn {
	width: 185px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: #004445;
	font-size: 16px;
	display: block;
	margin: 25px auto;
	z-index: 1;
	position: relative
}

a.returnListBtn:after {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0);
	transition: all .5s
}

@media (min-width:1025px) {
	a.returnListBtn:hover:after {
		background: rgba(0,0,0,0.2);
		width: 100%
	}
}

@media (max-width:1023px) {
	.h1 {
		font-size: 24px;
		padding-bottom: 25px
	}

	.h-info {
		font-size: 14px;
		line-height: 25px
	}

	a.returnListBtn {
		width: 150px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		margin: 20px auto
	}
}

.list-page-news {
	overflow: hidden;
	position: relative;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4
}

.list-page-news li {
	width: 50%;
	float: left;
	text-align: left
}

.list-page-news li p {
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	padding: 0 29px;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	font-size: 16px;
	color: #666;
	transition: .5s
}

.list-page-news li p a {
	color: #666;
	transition: .5s
}

@media (min-width:1025px) {
	.list-page-news li p:hover {
		color: #004445
	}

	.list-page-news li p:hover a {
		color: #004445!important;
		text-decoration: underline
	}
}

@media (max-width:1023px) {
	.list-page-news li {
		width: 100%;
		float: none
	}

	.list-page-news li p {
		height: 40px;
		line-height: 40px;
		padding: 0 15px;
		font-size: 14px
	}
}

.case-show {
	padding: 47px 0
}

.case-show .container {
	width: 1200px
}

@media (max-width:1200px) {
	.case-show .container {
		width: 100%;
		padding: 0 15px
	}
}

@media (max-width:1023px) {
	.case-show {
		padding: 30px 0
	}
}

.pro-show {
	padding: 34px 0 0 0;
	overflow: hidden
}

.pro-show .pro-top {
	margin-bottom: 40px
}

.pro-show .pro-top .pic {
	border: 1px solid #e7e7e7;
	width: 42.5%;
	float: left
}

.pro-show .pro-top .pic:after {
	padding-bottom: 95.97315436241611%
}

.pro-show .pro-top .text {
	float: right;
	width: 52%;
	padding-top: 16px
}

.pro-show .pro-top .text .bt {
	font-size: 42px;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
	margin-bottom: 22px
}

.pro-show .pro-top .text .jsh {
	font-size: 24px;
	color: #000;
	line-height: 48px
}

.pro-show .pro-bottom .list1 {
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden
}

.pro-show .pro-bottom .list1 ul li {
	width: 219px;
	margin-right: 1px;
	float: left;
	text-align: center;
	display: block;
	line-height: 61px;
	font-size: 20px;
	color: #222;
	background: #f7f7f7;
	cursor: pointer
}

.pro-show .pro-bottom .list1 ul li:nth-child(2) {
	background: #eceaea
}

.pro-show .pro-bottom .list1 ul li:nth-child(3) {
	background: #004445;
	color: #fff
}

.pro-show .pro-bottom .lou {
	padding-top: 64px
}

.pro-show .pro-bottom .info {
	overflow: hidden;
	margin-bottom: 79px
}

.pro-show .pro-bottom .info .info-title {
	background: url("../images/dot.png") no-repeat center left;
	padding-left: 23px;
	font-size: 24px;
	color: #000;
	font-weight: bold;
	margin-bottom: 34px
}

.pro-show .pro-bottom .info .nr .left {
	float: left;
	width: 50%
}

.pro-show .pro-bottom .info .nr .left table td {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	font-size: 16px;
	color: #000;
	padding: 11px 14px 10px 14px
}

.pro-show .pro-bottom .info .nr .img {
	float: right;
	width: 40%
}

.pro-show .pro-bottom .info .nr .la ul li {
	width: 33.333333333333336%;
	float: left;
	margin-bottom: 19px;
	margin-top: 14px
}

.pro-show .pro-bottom .info .nr .la ul li .box {
	position: relative
}

.pro-show .pro-bottom .info .nr .la ul li .box .pic {
	width: 67px;
	height: 67px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0
}

.pro-show .pro-bottom .info .nr .la ul li .box .bt {
	line-height: 67px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 75px;
	font-size: 16px;
	color: #000
}

.pro-show .pro-bottom .info .nr .down ul {
	border-top: 1px solid #f5f5f5
}

.pro-show .pro-bottom .info .nr .down ul li {
	padding: 9px 0;
	border-bottom: 1px solid #f5f5f5
}

.pro-show .pro-bottom .info .nr .down ul li .box {
	position: relative;
	font-size: 20px;
	color: #000;
	padding-left: 36px;
	line-height: 42px;
	padding-right: 305px
}

.pro-show .pro-bottom .info .nr .down ul li .box svg {
	position: absolute;
	top: 12px;
	left: 0;
	width: 21px;
	fill: #535353
}

.pro-show .pro-bottom .info .nr .down ul li .box a {
	display: block;
	width: 144px;
	height: 42px;
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 51px;
	color: #fff;
	font-size: 18px;
	z-index: 1
}

.pro-show .pro-bottom .info .nr .down ul li .box a svg {
	left: 20px;
	fill: #fff
}

.pro-show .pro-bottom .info .nr .down ul li .box a:after {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0);
	transition: all .5s
}

@media (min-width:1025px) {
	.pro-show .pro-bottom .info .nr .down ul li .box a:hover:after {
		background: rgba(0,0,0,0.2);
		width: 100%
	}
}

.pro-show .pro-bottom .info .nr .down ul li .box .down {
	background: #004445
}

.pro-show .pro-bottom .info .nr .down ul li .box .yl {
	right: 150px;
	background: #89a5a5
}

.pro-show .related .related-title {
	line-height: 61px;
	background: #f7f7f7;
	margin-bottom: 13px
}

.pro-show .related .related-title p {
	width: 219px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	background: #004445
}

@media (max-width:1023px) {
	.pro-show {
		padding: 30px 0 0 0
	}

	.pro-show .pro-top {
		margin-bottom: 20px
	}

	.pro-show .pro-top .pic {
		width: 100%
	}

	.pro-show .pro-top .text {
		width: 100%;
		padding-top: 16px
	}

	.pro-show .pro-top .text .bt {
		font-size: 18px;
		padding-bottom: 10px;
		margin-bottom: 10px
	}

	.pro-show .pro-top .text .jsh {
		font-size: 16px;
		line-height: 35px
	}

	.pro-show .pro-bottom .list1 {
		border-bottom: 1px solid #d1d1d1;
		overflow: hidden
	}

	.pro-show .pro-bottom .list1 ul li {
		width: 100px;
		line-height: 40px;
		font-size: 14px
	}

	.pro-show .pro-bottom .lou {
		padding-top: 20px
	}

	.pro-show .pro-bottom .info {
		margin-bottom: 20px
	}

	.pro-show .pro-bottom .info .info-title {
		font-size: 18px;
		margin-bottom: 15px
	}

	.pro-show .pro-bottom .info .nr .left {
		width: 100%
	}

	.pro-show .pro-bottom .info .nr .left table td {
		font-size: 14px
	}

	.pro-show .pro-bottom .info .nr .img {
		width: 100%
	}

	.pro-show .pro-bottom .info .nr .la ul li {
		width: 50%;
		margin-bottom: 15px;
		margin-top: 0
	}

	.pro-show .pro-bottom .info .nr .la ul li .box .bt {
		font-size: 14px
	}

	.pro-show .pro-bottom .info .nr .down ul li .box {
		font-size: 14px;
		line-height: 30px;
		padding-left: 29px;
		padding-right: 80px
	}

	.pro-show .pro-bottom .info .nr .down ul li .box svg {
		top: 3px;
		transform: inherit
	}

	.pro-show .pro-bottom .info .nr .down ul li .box .a {
		margin-left: -29px
	}

	.pro-show .pro-bottom .info .nr .down ul li .box a {
		width: auto;
		font-size: 0;
		height: 30px;
		line-height: 30px;
		padding-left: 35px;
		display: inline-block
	}

	.pro-show .pro-bottom .info .nr .down ul li .box a svg {
		left: 7px;
		top: 50%;
		transform: translateY(-50%)
	}

	.pro-show .pro-bottom .info .nr .down ul li .box .yl {
		right: 40px
	}

	.pro-show .related .related-title {
		line-height: 40px;
		margin-bottom: 5px
	}

	.pro-show .related .related-title p {
		width: 150px;
		font-size: 16px
	}
}

@media (max-width:640px) {
	.product .pro-show .related .list li {
		margin-bottom: 0
	}

	.product .pro-show .related .list li:nth-child(3) {
		display: none
	}
}

.in-top {
	font-size: 48px;
	color: #000;
	display: inline-block;
	position: relative;
	padding-right: 23px;
	margin: 0 auto;
	font-weight: bold;
	padding-left: 23px
}

.in-top:after {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border: 3px solid #004445;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	right: 0
}

.about01 {
	padding: 53px 0 70px 0
}

.about01 .about-bottom {
	padding-top: 45px
}

.about01 .about-bottom .video {
	float: left;
	width: 52.7%;
	position: relative;
	cursor: pointer
}

.about01 .about-bottom .video .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	font-size: 30px
}

.about01 .about-bottom .video .hover p {
	background: url("../images/video.png") no-repeat top center;
	padding-top: 90px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%)
}

.about01 .about-bottom .text {
	float: right;
	width: 43.8%
}

.about01 .about-bottom .text .bt {
	font-size: 20px;
	color: #000;
	line-height: 36px;
	margin-bottom: 30px
}

.about01 .about-bottom .text .jsh {
	font-size: 16px;
	color: #666;
	line-height: 30px
}

.about01-title {
	text-align: center
}

.about01-title .in-top {
	margin-bottom: 2px
}

.about01-title .jsh {
	font-size: 26px;
	color: #000
}

.about01-title .jsh:after {
	content: '';
	display: block;
	width: 60px;
	height: 6px;
	background: #004445;
	margin: 14px auto 0 auto
}

.about02 {
	padding: 70px 0 56px 0;
	overflow: hidden;
	background: #efefef
}

.about02 .text {
	float: left;
	width: 43%
}

.about02 .text .in {
	margin-bottom: 47px
}

.about02 .text .in-01 {
	font-size: 24px;
	color: #000
}

.about02 .text .in-top {
	padding-left: 0;
	font-size: 36px;
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 13px
}

.about02 .text .in-top:before {
	content: '';
	display: block;
	width: 39px;
	height: 4px;
	background: #004445;
	position: absolute;
	bottom: 0;
	left: 0
}

.about02 .text .in-02 {
	font-size: 18px;
	color: #000;
	line-height: 30px
}

.about02 .img {
	float: right;
	width: 50.6%;
	padding-top: 24px
}

.about02 .img img {
	display: block
}

.about03 {
	padding: 54px 0 78px 0
}

.about03 .in-top {
	font-size: 36px
}

.about03 .about01-title {
	text-align: center
}

.about03 .about01-title .in-top {
	margin-bottom: 0
}

.about03 .about01-title .jsh {
	font-size: 24px
}

.about03 .about01-title .jsh:after {
	width: 39px;
	height: 4px;
	margin: 7px auto 0 auto
}

.about03 .about-bottom {
	padding-top: 31px
}

.about03 .about-bottom .h3 {
	text-align: center;
	margin-bottom: 10px
}

.about03 .about-bottom .h3 span {
	font-size: 36px;
	font-weight: bold;
	color: #000
}

.about03 .about-bottom .h3 p {
	font-size: 24px;
	color: #000
}

.about03 .about-bottom .culture {
	position: relative;
	min-height: 307px
}

.about03 .about-bottom .culture h3 {
	font-size: 24px;
	color: #000;
	font-weight: bold
}

.about03 .about-bottom .culture p {
	font-size: 24px;
	color: #000
}

.about03 .about-bottom .culture .left {
	float: left;
	text-align: right;
	width: 26%;
	padding-top: 117px
}

.about03 .about-bottom .culture .center {
	width: 44%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}

.about03 .about-bottom .culture .right {
	float: right;
	text-align: left;
	width: 26%;
	padding-top: 117px
}

.about03 .about-bottom .culture ul {
	font-size: 0;
	text-align: center;
	padding-top: 20px;
	display: none
}

.about03 .about-bottom .culture ul li {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding: 0 5px
}

.about03 .about-bottom .culture ul li .pic {
	border-radius: 50%;
	width: 100px;
	margin: 0 auto;
	background: #004445
}

.about03 .about-bottom .culture ul li .text {
	padding-top: 5px
}

.about03 .about-bottom .culture ul li .text .bt {
	font-size: 16px;
	color: #000;
	font-weight: bold
}

.about03 .about-bottom .culture ul li .text .span {
	font-size: 14px;
	color: #666
}

.about04 img {
	display: block
}

.about05 {
	padding: 52px 0 58px 0
}

.about05 .in-top {
	font-size: 36px
}

.about05 .about01-title {
	text-align: center
}

.about05 .about01-title .in-top {
	margin-bottom: 0
}

.about05 .about01-title .jsh {
	font-size: 24px
}

.about05 .about01-title .jsh:after {
	width: 39px;
	height: 4px;
	margin: 7px auto 0 auto
}

.about05 .about-bottom ul {
	padding-left: 175px;
	background: url("../images/bg2.png") no-repeat center 237px;
	overflow: hidden
}

.about05 .about-bottom ul li {
	width: 20%;
	margin-top: 113px;
	float: left
}

.about05 .about-bottom ul li .pic {
	width: 59px;
	height: 59px;
	background: #004445;
	border-radius: 50%
}

.about05 .about-bottom ul li .text {
	position: relative;
	margin-left: 22px;
	padding-left: 30px;
	padding-top: 22px;
	height: 232px
}

.about05 .about-bottom ul li .text:after {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
	background: url("../images/dot02.png") no-repeat center center;
	position: absolute;
	top: 0;
	left: 0
}

.about05 .about-bottom ul li .text:before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #004445;
	position: absolute;
	top: 0;
	left: 8px
}

.about05 .about-bottom ul li .text .bt {
	font-size: 18px;
	color: #000;
	font-weight: bold
}

.about05 .about-bottom ul li .text .span {
	font-size: 16px;
	color: #666
}

.about05 .about-bottom ul li .text .span:after {
	content: '';
	display: block;
	width: 23px;
	height: 3px;
	background: #004445;
	margin: 3px 0 16px 0
}

.about05 .about-bottom ul li .text .jsh {
	font-size: 16px;
	color: #000;
	line-height: 24px
}

.about05 .about-bottom ul li:nth-child(2n) {
	margin-left: -5px
}

.about05 .about-bottom ul li:nth-child(2n) .text {
	padding-top: 16px
}

.about05 .about-bottom ul li:nth-child(2n) .text:after {
	top: auto;
	bottom: 0
}

.about05 .about-bottom ul li:nth-child(2) {
	margin-top: 318px
}

.about05 .about-bottom ul li:nth-child(3) {
	margin-top: 140px;
	padding-left: 11px
}

.about05 .about-bottom ul li:nth-child(4) {
	margin-top: 348px;
	padding-left: 22px
}

.about05 .about-bottom ul li:nth-child(5) {
	margin-top: 30px
}

@media (max-width:1024px) {
	.about01 {
		padding: 53px 0 70px 0
	}

	.about01 .about-bottom {
		padding-top: 45px
	}

	.about01 .about-bottom .video {
		width: 100%;
		text-align: center
	}

	.about01 .about-bottom .text {
		width: 100%;
		margin-top: 5px
	}

	.about02 .text {
		width: 100%
	}

	.about02 .img {
		width: 100%
	}

	.about03 {
		padding: 54px 0 78px 0
	}

	.about03 .in-top {
		font-size: 36px
	}

	.about03 .about01-title {
		text-align: center
	}

	.about03 .about01-title .in-top {
		margin-bottom: 0
	}

	.about03 .about01-title .jsh {
		font-size: 24px
	}

	.about03 .about01-title .jsh:after {
		width: 39px;
		height: 4px;
		margin: 7px auto 0 auto
	}

	.about03 .about-bottom .culture {
		min-height: 230px
	}

	.about03 .about-bottom .culture p {
		font-size: 22px
	}

	.about05 .about-bottom ul li {
		margin-top: 88px
	}

	.about05 .about-bottom ul li:nth-child(5) {
		margin-top: 65px
	}
}

@media (max-width:1023px) {
	.in-top {
		font-size: 24px;
		padding-right: 15px;
		padding-left: 0
	}

	.in-top:after {
		width: 10px;
		height: 10px;
		border: 2px solid #004445
	}

	.about01 {
		padding: 30px 0
	}

	.about01 .about-bottom {
		padding-top: 20px
	}

	.about01 .about-bottom .video .hover {
		font-size: 20px
	}

	.about01 .about-bottom .video .hover p {
		padding-top: 55px;
		background-size: 50px
	}

	.about01 .about-bottom .text .bt {
		font-size: 16px;
		margin-bottom: 10px;
		line-height: 30px
	}

	.about01 .about-bottom .text .jsh {
		font-size: 14px;
		line-height: 25px
	}

	.about01-title .jsh {
		font-size: 16px
	}

	.about01-title .jsh:after {
		width: 30px;
		height: 3px;
		margin: 10px auto 0 auto
	}

	.about02 {
		padding: 30px 0
	}

	.about02 .text .in {
		margin-bottom: 15px
	}

	.about02 .text .in-01 {
		font-size: 16px
	}

	.about02 .text .in-top {
		font-size: 20px;
		padding-bottom: 5px;
		margin-bottom: 5px
	}

	.about02 .text .in-top:before {
		width: 30px;
		height: 3px
	}

	.about02 .text .in-02 {
		font-size: 14px;
		line-height: 25px
	}

	.about02 .img {
		padding-top: 10px
	}

	.about03 {
		padding: 30px 0;
		overflow: hidden
	}

	.about03 .in-top {
		font-size: 20px
	}

	.about03 .about01-title .jsh {
		font-size: 16px
	}

	.about03 .about01-title .jsh:after {
		width: 30px;
		height: 3px
	}

	.about03 .about-bottom {
		padding-top: 20px
	}

	.about03 .about-bottom .h3 span {
		font-size: 20px
	}

	.about03 .about-bottom .h3 p {
		font-size: 16px
	}

	.about03 .about-bottom .culture {
		min-height: 0
	}

	.about03 .about-bottom .culture h3 {
		font-size: 16px
	}

	.about03 .about-bottom .culture p {
		font-size: 14px
	}

	.about03 .about-bottom .culture .left {
		text-align: left;
		width: 100%;
		padding-top: 10px;
		display: none
	}

	.about03 .about-bottom .culture .center {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		transform: translateX(0);
		display: none
	}

	.about03 .about-bottom .culture .right {
		width: 100%;
		padding-top: 10px;
		display: none
	}

	.about03 .about-bottom .culture ul {
		display: block
	}

	.about05 {
		padding: 30px 0
	}

	.about05 .in-top {
		font-size: 20px
	}

	.about05 .about01-title .jsh {
		font-size: 16px
	}

	.about05 .about01-title .jsh:after {
		width: 30px;
		height: 3px
	}

	.about05 .about-bottom {
		padding-top: 20px
	}

	.about05 .about-bottom ul {
		padding-left: 0;
		background: 0;
		font-size: 0
	}

	.about05 .about-bottom ul li {
		width: 50%;
		margin-top: 0;
		position: relative;
		margin-bottom: 20px;
		display: inline-block;
		vertical-align: top;
		text-align: center
	}

	.about05 .about-bottom ul li .pic {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -50px;
		width: 100px;
		height: 100px;
		background: #004445;
		border-radius: 50%
	}

	.about05 .about-bottom ul li .text {
		margin-left: 0;
		padding-left: 0;
		padding-top: 110px;
		height: auto
	}

	.about05 .about-bottom ul li .text:after {
		display: none
	}

	.about05 .about-bottom ul li .text:before {
		display: none
	}

	.about05 .about-bottom ul li .text .bt {
		font-size: 16px
	}

	.about05 .about-bottom ul li .text .span {
		font-size: 14px
	}

	.about05 .about-bottom ul li .text .span:after {
		margin: 3px auto 10px auto
	}

	.about05 .about-bottom ul li .text .jsh {
		font-size: 14px;
		line-height: 20px
	}

	.about05 .about-bottom ul li:nth-child(2n) {
		margin-left: 0
	}

	.about05 .about-bottom ul li:nth-child(2n) .text {
		padding-top: 110px
	}

	.about05 .about-bottom ul li:nth-child(2n) .text:after {
		display: none
	}

	.about05 .about-bottom ul li:nth-child(2) {
		margin-top: 0
	}

	.about05 .about-bottom ul li:nth-child(3) {
		margin-top: 0;
		padding-left: 0
	}

	.about05 .about-bottom ul li:nth-child(4) {
		margin-top: 0;
		padding-left: 0
	}

	.about05 .about-bottom ul li:nth-child(5) {
		margin-top: 0
	}
}

.inside-title .title {
	font-size: 48px;
	color: #000;
	display: inline-block;
	position: relative;
	padding-right: 29px;
	padding-left: 34px;
	line-height: 1
}

.inside-title .title:after {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border: 3px solid #004445;
	border-radius: 50%;
	position: absolute;
	top: -6px;
	right: 0
}

.inside-title .title:before {
	content: '';
	display: block;
	width: 6px;
	height: 36px;
	background: #002b2c;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0
}

.inside-title .jsh {
	font-size: 16px;
	color: #000;
	line-height: 30px;
	float: right;
	width: 74%;
	margin-top: 8px
}

@media  screen and (max-width:1024px) {
	.inside-title .title {
		margin-bottom: 0
	}

	.inside-title .jsh {
		float: none;
		width: 100%
	}
}

@media  screen and (max-width:1023px) {
	.inside-title .title {
		font-size: 24px;
		padding-right: 15px;
		padding-left: 15px
	}

	.inside-title .title:after {
		width: 10px;
		height: 10px;
		border: 2px solid #004445
	}

	.inside-title .title:before {
		width: 3px;
		height: 20px
	}

	.inside-title .jsh {
		font-size: 14px;
		line-height: 25px
	}
}

.news {
	overflow: hidden;
	clear: both;
	padding: 70px 0 0 0
}

.news .list {
	margin: 60px -25px 30px -25px
}

.news .list li {
	width: 50%;
	float: left;
	padding: 0 25px 50px 25px
}

.news .list .box {
	display: block;
	position: relative;
	max-width: 660px
}

.news .list .pic {
	overflow: hidden;
	display: block;
	position: relative;
	text-align: center
}

.news .list .pic:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	background: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: all .5s
}

.news .list .pic:after {
	content: "";
	display: block;
	padding-top: 50%;
	padding-bottom: initial
}

.news .list img {
	transition: all .5s
}

.news .list .text {
	padding: 15px 0 0 0
}

.news .list .date {
	color: #090909;
	float: left;
	margin-right: 45px;
	margin-top: 20px
}

.news .list .date .day {
	font-size: 48px;
	line-height: 1
}

.news .list .date .year {
	font-size: 14px;
	line-height: 1;
	padding-left: 5px
}

.news .list .title {
	font-size: 18px;
	color: #000;
	margin-bottom: 5px;
	height: 50px;
	line-height: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.news .list .info {
	color: #a3a3a3;
	line-height: 22px;
	height: 44px;
	font-size: 16px;
	margin-bottom: 35px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	word-break: break-word
}

.news .list .btn {
	text-align: right
}

.news .list .btn span,.news .list .btn a {
	display: inline-block;
	background: #006569;
	border: 1px #006569 solid;
	line-height: 30px;
	border-radius: 30px;
	color: #fff;
	min-width: 114px;
	padding: 0 40px 0 15px;
	font-size: 14px;
	text-align: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
	vertical-align: middle;
	transition: min-width .5s
}

.news .list .btn span:after,.news .list .btn a:after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background: #fff;
	vertical-align: middle;
	float: right;
	margin-left: 10px;
	position: absolute;
	z-index: 0;
	right: 0;
	top: 0
}

.news .list .btn span:before,.news .list .btn a:before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-top: 1px #006569 solid;
	border-right: 1px #006569 solid;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 15px
}

@media (min-width:1025px) {
	.news .list .box:hover .pic:before {
		width: 100%
	}

	.news .list .box:hover img {
		transform: scale(1.05)
	}

	.news .list .box:hover .btn span,.news .list .box:hover .btn a {
		background: #fff;
		color: #006569;
		border-color: #006569;
		min-width: 134px
	}

	.news .list .box:hover .btn span:after,.news .list .box:hover .btn a:after {
		background: #006569;
		box-shadow: 0 0 0 2px #006569
	}

	.news .list .box:hover .btn span:before,.news .list .box:hover .btn a:before {
		border-color: #fff
	}
}

@media  screen and (max-width:1280px) {
	.news .list {
		margin-left: -15px;
		margin-right: -15px
	}

	.news .list li {
		padding-left: 15px;
		padding-right: 15px;
		padding: 0 15px 30px 15px
	}

	.news .list .date {
		margin: 10px 30px 0 0
	}

	.news .list .date .day {
		font-size: 40px
	}

	.news .list .title {
		height: 40px;
		line-height: 40px
	}

	.news .list .info {
		font-size: 14px;
		margin-bottom: 20px
	}
}

@media  screen and (max-width:768px) {
	.news {
		padding: 30px 0 10px 0
	}

	.news .list {
		margin: 30px 0 0 0
	}

	.news .list li {
		width: 100%;
		padding: 0 0 20px 0
	}

	.news .list .box {
		max-width: 100%
	}

	.news .list .pic:after {
		display: none
	}

	.news .list .pic img {
		width: 100%;
		position: static
	}

	.news .list .text {
		padding: 15px 0 0 0
	}

	.news .list .date {
		float: none;
		color: #666;
		margin: 0
	}

	.news .list .date .day {
		display: inline;
		font-size: 16px
	}

	.news .list .date .year {
		display: inline;
		font-size: 16px
	}

	.news .list .title {
		font-size: 16px;
		height: 30px;
		line-height: 30px
	}

	.news .list .btn {
		text-align: left
	}

	.news .list .btn span {
		font-size: 12px;
		min-width: 86px
	}
}

.inside .leftMain {
	width: 65%;
	float: left
}

.inside .rightAside {
	width: 30%;
	float: right;
	padding-left: 8px
}

@media  screen and (max-width:1023px) {
	.inside .leftMain {
		width: 100%
	}

	.inside .rightAside {
		width: 100%
	}
}

.news-show {
	color: #333;
	font-size: 16px;
	line-height: 1.875;
	padding-top: 55px;
	padding-bottom: 80px
}

.news-show .titleShow {
	font-weight: 700;
	color: #000;
	font-size: 30px;
	line-height: 1.5;
	margin-bottom: 10px
}

.news-show .infoShow {
	font-size: 14px;
	color: #000;
	border-bottom: 1px #e4e4e4 solid;
	padding-bottom: 30px
}

.news-show .nr {
	padding: 35px 0 40px 0
}

.news-show .recommendedNews {
	margin-top: 42px
}

.news-show .recommendedNews .titleBig {
	line-height: 1
}

.news-show .recommendedNews .titleBig .cn {
	display: inline-block;
	font-size: 24px;
	color: #080808;
	margin-bottom: 7px;
	position: relative
}

.news-show .recommendedNews .titleBig .cn:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px #004445 solid;
	position: absolute;
	top: -6px;
	right: -20px
}

.news-show .recommendedNews .titleBig .en {
	font-size: 14px;
	color: #676767
}

.news-show .recommendedNews .list {
	margin-top: 24px;
	border-top: 1px #e4e4e4 solid;
	padding-top: 8px
}

.news-show .recommendedNews .box {
	display: block;
	padding: 10px 0 20px 0;
	border-bottom: 1px #e4e4e4 solid;
	position: relative
}

.news-show .recommendedNews .box:before {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #004445;
	position: absolute;
	bottom: -1px;
	left: 0;
	transition: all .5s
}

.news-show .recommendedNews .title {
	font-size: 18px;
	color: #000;
	margin-bottom: 5px;
	height: 50px;
	line-height: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: all .5s
}

.news-show .recommendedNews .info {
	color: #a3a3a3;
	line-height: 22px;
	max-height: 44px;
	font-size: 16px;
	margin-bottom: 35px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	word-break: break-word
}

.news-show .recommendedNews .date {
	color: #090909;
	font-size: 14px
}

@media (min-width:1025px) {
	.news-show .recommendedNews .box:hover:before {
		width: 100%
	}

	.news-show .recommendedNews .box:hover .title {
		color: #004445;
		padding-left: 10px
	}
}

@media  screen and (max-width:1280px) {
	.news-show .titleShow {
		font-size: 28px
	}

	.news-show .recommendedNews {
		margin-top: 39px
	}

	.news-show .recommendedNews .list {
		padding-top: 10px
	}

	.news-show .recommendedNews .list .title {
		height: 40px;
		line-height: 40px
	}

	.news-show .recommendedNews .list .info {
		font-size: 14px;
		margin-bottom: 20px
	}
}

@media  screen and (max-width:1279px) {
	.news-show .titleShow {
		font-size: 24px
	}

	.news-show .recommendedNews {
		margin-top: 32px
	}
}

@media  screen and (max-width:768px) {
	.news-show {
		padding-top: 30px;
		font-size: 14px
	}

	.news-show .titleShow {
		font-size: 20px
	}

	.news-show .infoShow {
		padding-bottom: 20px;
		font-size: 12px
	}

	.news-show .nr {
		padding: 20px 0 30px 0
	}

	.news-show .recommendedNews .list .title {
		font-size: 16px;
		height: 30px;
		line-height: 30px
	}

	.news-show .recommendedNews .list .info {
		margin-bottom: 10px
	}
}

.prev-next {
	overflow: hidden;
	color: #666;
	border-top: 1px #e4e4e4 solid;
	font-size: 16px
}

.prev-next li {
	line-height: 44px;
	height: 45px;
	overflow: hidden;
	position: relative;
	padding-left: 80px;
	border-bottom: 1px #e4e4e4 solid
}

.prev-next li span {
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	text-align: right;
	display: inline-block;
	width: 80px
}

.prev-next li a {
	max-width: 100%;
	color: #666;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

@media (min-width:1025px) {
	.prev-next li:hover a {
		color: #004445
	}
}

.returnList {
	margin-top: 35px
}

.returnList a {
	display: inline-block;
	background: #004445;
	color: #fff;
	font-size: 16px;
	line-height: 50px;
	min-width: 185px;
	padding: 0 10px;
	text-align: center;
	position: relative;
	z-index: 1
}

.returnList a:after {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0);
	transition: all .5s
}

@media (min-width:1025px) {
	.returnList a:hover:after {
		background: rgba(0,0,0,0.2);
		width: 100%
	}
}

@media  screen and (max-width:768px) {
	.prev-next {
		font-size: 14px
	}

	.prev-next li {
		padding-left: 65px
	}

	.prev-next li span {
		width: 60px
	}

	.returnList {
		margin-top: 20px
	}

	.returnList a {
		min-width: 160px;
		line-height: 40px;
		font-size: 14px
	}
}

.contact {
	padding: 50px 0 0 0;
	color: #333
}

.contact .hd {
	text-align: center;
	padding-bottom: 50px;
	border-bottom: 1px #e4e4e4 solid
}

.contact .hd .p-01 {
	font-size: 36px;
	color: #004445
}

.contact .hd .p-02 {
	color: #333;
	font-size: 36px;
	margin-bottom: 25px
}

.contact .hd .p-03 {
	color: #333;
	font-size: 16px;
	max-width: 880px;
	margin: auto;
	line-height: 1.875
}

.contact .bd {
	padding-top: 40px;
	padding-bottom: 40px;
	overflow: hidden;
	border-bottom: 1px #e4e4e4 solid
}

.contact .bd .lxxx {
	width: 27%;
	float: left;
	padding-top: 20px;
	font-size: 16px
}

.contact .bd .lxxx .p-01 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px
}

.contact .bd .lxxx .p-02 {
	font-size: 16px;
	line-height: 30px;
	padding: 7px 0
}

.contact .bd .lxxx .icon {
	max-height: 20px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px
}

.contact .bd .preview {
	width: 67%;
	height: 285px;
	float: right;
	position: relative;
	background: url(../images/preview-bg.png) no-repeat;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.contact .bd .preview .text {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 12px 15px;
	box-sizing: border-box;
	background: linear-gradient(180deg,rgba(0,0,0,0.5) 0,transparent);
	color: #fff;
	z-index: 2;
	font-size: 12px;
	line-height: 24px
}

.contact .bd .preview .text .icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	height: 16px;
	margin-top: -3px
}

.contact .bd .preview .widget-wrapper {
	position: absolute;
	top: 20px;
	right: 15px;
	z-index: 2;
	text-align: center
}

.contact .bd .preview .full-screen-action {
	width: 46px;
	height: 46px;
	cursor: pointer;
	margin: auto
}

.contact .bd .preview iframe {
	width: 100%;
	height: 100%;
	border: 0
}

.contact .bd .full-screen {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	height: auto;
	width: 100%;
	height: 100%
}

.contact .bd .full-screen iframe {
	width: 100%;
	height: 100%
}

.contact .map {
	margin-top: 40px;
	padding-bottom: 50px;
	overflow: hidden;
	position: relative
}

.contact .map img {
	max-width: none;
	max-height: none
}

.contact .map .ewm {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #fff;
	padding: 15px;
	text-align: center;
	color: #333;
	font-size: 16px
}

.contact .map .ewm img {
	vertical-align: middle
}

.contact .map .ewm .txt {
	padding: 10px 0 10px 0
}

.contact #allmap {
	height: 510px
}

.contact .aaa.animated {
	-webkit-animation-fill-mode: initial;
	animation-fill-mode: initial
}

.message {
	background: url(../images/message-bg.jpg) no-repeat center bottom;
	background-attachment: fixed;
	padding: 60px 0
}

.message .container {
	width: 100%;
	max-width: 1360px
}

.message .nr {
	background: rgba(0,0,0,0.95);
	max-width: 460px;
	padding: 40px 35px
}

.message .titleBig {
	font-size: 22px;
	color: #fff;
	margin-bottom: 10px
}

.message .info {
	font-size: 14px;
	color: #a3a3a3;
	line-height: 24px;
	margin-bottom: 30px
}

.message li {
	width: 100%;
	float: left;
	padding: 0 10px;
	position: relative;
	margin-bottom: 30px
}

.message .box {
	position: relative
}

.message .required {
	color: #f00;
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 16px
}

.message .li-02 {
	width: 50%;
	float: left
}

.message .li-03 {
	width: 33.333333333333336%;
	float: left
}

.message input,.message textarea {
	background: transparent;
	border: 0;
	border-bottom: 1px #e4e4e4 solid;
	line-height: 29px;
	color: #a3a3a3;
	vertical-align: middle;
	font-size: 14px;
	border-radius: 0;
	appearance: none
}

.message input:focus,.message textarea:focus {
	color: #fff;
	border-color: #fff
}

.message input {
	width: 100%;
	height: 30px
}

.message textarea {
	width: 100%;
	min-height: 160px
}

.message .btn {
	margin-bottom: 0
}

.message .submit,.message .reset {
	display: inline-block;
	background: #004445;
	color: #fff;
	font-size: 16px;
	line-height: 50px;
	min-width: 185px;
	padding: 0 10px;
	text-align: center;
	position: relative;
	z-index: 1
}

.message .submit:after,.message .reset:after {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0);
	transition: all .5s
}

.message .submit:hover:after,.message .reset:hover:after {
	background: rgba(0,0,0,0.2);
	width: 100%
}

.message .reset {
	background: #c2c2c2;
	border: 2px #c2c2c2 solid;
	color: #545454
}

.message .reset:hover {
	background: #1d74cc;
	border: 2px #1d74cc solid;
	color: #fff
}

@media  screen and (max-width:768px) {
	.contact {
		padding: 30px 0 0 0
	}

	.contact .hd {
		padding-bottom: 30px
	}

	.contact .hd .p-01 {
		font-size: 24px
	}

	.contact .hd .p-02 {
		font-size: 24px;
		margin-bottom: 10px
	}

	.contact .hd .p-03 {
		font-size: 14px
	}

	.contact .bd {
		padding: 30px 0
	}

	.contact .bd .lxxx {
		width: 100%;
		padding: 0 0 20px 0
	}

	.contact .bd .lxxx .p-01 {
		font-size: 18px;
		margin-bottom: 10px
	}

	.contact .bd .lxxx .p-02 {
		padding: 0;
		font-size: 14px
	}

	.contact .bd .preview {
		width: 100%
	}

	.contact .bd .preview .text {
		padding-right: 100px;
		line-height: 18px
	}

	.contact .bd .preview .widget-wrapper .ewm {
		width: 80px
	}

	.contact .bd .preview .full-screen-action {
		width: 30px;
		height: 30px
	}

	.contact .map {
		margin: 30px 0 0 0;
		padding-bottom: 30px
	}

	.contact .map .ewm {
		padding: 10px;
		font-size: 14px
	}

	.contact .map .ewm img {
		max-width: 80px
	}

	.contact .map .ewm .txt {
		padding: 5px 0 0 0
	}

	.contact #allmap {
		height: 300px
	}

	.message {
		padding: 30px 0
	}

	.message .nr {
		padding: 20px
	}

	.message .titleBig {
		font-size: 18px
	}

	.message .info {
		font-size: 12px;
		margin-bottom: 10px
	}

	.message .list {
		margin: 0
	}

	.message li {
		margin-bottom: 10px;
		padding-left: 0;
		padding-right: 0
	}

	.message .li-02 {
		width: 100%
	}

	.message input {
		line-height: 39px;
		height: 40px
	}

	.message .btn {
		padding-top: 10px
	}

	.message .btn a {
		min-width: 160px;
		line-height: 40px;
		font-size: 14px
	}
}