@charset "utf-8";
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}
*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}
/*数字-字体*/
@font-face{font-family: din;src: url('../fonts/D-DIN.ttf');}
/*英文标题-字体*/
@font-face{font-family: honorEN;src: url('../fonts/HONORSansCN-Regular.ttf');}
/*中文-字体*/
@font-face{
	font-family: AliPuHui;
	src: url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.eot) format('embedded-opentype'),
	url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.otf) format('opentype'),
	url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.ttf) format('TrueType'),
	url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.woff) format('woff'),
	url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.woff2) format('woff2');
}
html[lang="zh-cn"],html[lang="cn"]{font-family: AliPuHui,Source Han Sans,MiSans,PingFangSC !important;height: 100%;}
/*英文-字体*/
html[lang="en"]{font-size: 0;font-family: Arial,Roboto;height: 100%;}
/*通用*/
:root{
	--fontColor: #111111;
}
#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-size: 14px;
	color: #111111;
	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: #111111
}

a:hover,a:active,a:focus {
	color: #000;
	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: 90%;
	max-width: 1400px;
}

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

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

.header {
	height: 111px;
	width: 100%;
	z-index: 8;
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
	transition: .5s;
	background: url("../images/bg.png") repeat-x top left
}

.header .container {
	width: 100%;
	max-width: 100%;
}

.header .logo {
	padding: 28px 5px 0 30px;
	overflow: hidden;
	float: left;
	transition: .5s;
	text-align: left
}

.header .logo a {
	display: block;
	overflow: hidden
}

.header .logo a img {
	display: block;
	transition: .5s;
	height: 53px;
	float: left
}

.header .logo a .text {
	padding-left: 17px;
	float: left
}

.header .logo a .text h3 {
	color: #fff;
	font-size: 22px
}

.header .logo a .text p {
	font-size: 14px;
	color: rgba(255,255,255,0.5);
	font-family: arial;
	text-transform: uppercase
}

.header .yg {
	float: right;
	margin-top: 46px;
	position: relative;
	color: #fff;
	transition: .5s
}

.header .yg a {
	display: inline-block;
	line-height: 35px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase
}

.header .yg a img {
	width: 27px;
	display: block
}

.header .yg a:hover {
	text-decoration: underline
}

.header .yg a:nth-child(2) {
	color: rgba(255,255,255,0.5)
}

.header .header-right {
	float: right;
	margin-right: 45px
}

.header .header-search {
	float: right;
	position: relative;
	transition: .5s;
	margin-top: 36px;
	margin-left: 28px;
	margin-right: 16px
}

.header .header-search .pull-right a {
	display: block;
	height: 35px;
	width: 35px;
	transition: .5s;
	color: #fff;
	overflow: hidden;
	text-align: center;
	line-height: 33px
}

.header .header-search .pull-right a i {
	color:#0084ce;
	font-size:22px;
}

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

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

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

.header .header-search .search .search-main {
	top: 50px;
	right: 0;
	z-index: 9;
	width: 330px;
	display: none;
	position: absolute;
	padding: 12px;
	background: #fcfcfc;border-radius: 12px;
}

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

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

.header .header-search .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;
	border-radius: 12px;
}

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

.header .header-search .btn_srh {
	background: #0083cd;
	width: 48px;
	line-height: 18px;
	height: 34px;
	float: right;
	border: 0;
	color: #fff;
	border-radius: 12px;
}

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

.nav {
	z-index: 6;
	padding-top: 34px;
	transition: .5s;
	float: right
}

.nav ul li {
	float: left;
	position: relative;
	margin-left: 26px
}
.nav ul li:nth-child(1){
    margin-left: 0;
}
.nav ul li a {
	display: block;
	font-size: 18px;
	text-align: center;
	color: #111111;
	line-height: 40px;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	transition: .5s;
	height: 50px
}

.nav ul li a:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: #0083cd;
	transition: .3s
}

@media (min-width:1025px) {
	.nav ul li:hover a {
		color: #0083cd
	}

	.nav ul li:hover a:after {
		width: 100%
	}
}

.nav ul li .subnav {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 160px;
	margin-left: -80px;
	display: none;
	white-space: nowrap
}

.nav ul li .subnav ul {
	overflow: hidden;
	background: rgba(255,255,255,0.5)
}

.nav ul li .subnav ul li {
	float: none;
	margin: 0;
	padding: 0
}

.nav ul li .subnav ul li a {
	color: #111111;
	font-size: 14px;
	line-height: 46px;
	text-align: center;
	height: auto;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	font-weight: normal;
	background: 0
}

.nav ul li .subnav ul li a:after {
	display: none
}
.subnav2 ul li:nth-child(5),.subnav2 ul li:nth-child(6),.subnav2 ul li:last-child{
    display: none;
}
@media (min-width:1025px) {
	.nav ul li .subnav ul li a:hover {
		background: rgba(0,131,205,0.8);
		padding-left: 20px; color: #fff;
	}
}

.nav ul .active>a {
	color: #0083cd
}

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

.nav ul li:nth-child(2) .subnav,.nav ul li:nth-child(3) .subnav {
	width: 240px;
	margin-left: -120px
}

.headerFixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)
}

.headerFixed .logo {
	padding-top: 10px
}

.headerFixed .logo a img {
	height: 40px
}

.headerFixed .logo a .text h3 {
	font-size: 17px;
	color: #333
}

.headerFixed .logo a .text p {
	font-size: 12px;
	color: #666
}

.headerFixed .nav {
	padding-top: 10px
}

.headerFixed .nav ul li .subnav {
	top: 50px
}

/*.headerFixed .nav ul li .subnav ul {*/
/*	background: rgba(230,0,18,0.5)*/
/*}*/

/*.headerFixed .nav ul li .subnav ul li a:hover {*/
/*	background: rgba(230,0,18,0.8)*/
/*}*/

.headerFixed .nav ul li a {
	height: 50px;
	color: #333
}

.headerFixed .nav ul .active>a {
	color: #0083cd
}

.headerFixed .header-search {
	margin-top: 16px
}

.headerFixed .yg {
	margin-top: 21px
}

.headerFixed .header-search .search .search-main {
	top: 50px
}

.headerFixed .header-search .pull-right a {
	padding: 0
}

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

.phone-nav svg {
	width: 26px;
	display: block;
	fill: #0083cd;
	height: 21px;
	margin-top: 19px
}

/*#menu{*/
/*    display: none;*/
/*}*/
#menu .lan {
	margin-top: 20px;
	margin-left: 20px
}

#menu .lan img {
	width: 30px
}

#menu .search {
	position: relative;
	border: 1px solid #0083cd;
	margin: 10px 10px 10px 20px;
	background: #fff; border-radius: 8px;
}

#menu .search #text1 {
	text-align: left;
	width: 100%;
	font-size: 14px;
	height: 35px;
	padding-right: 30px;
	padding-left: 6px;
	color: #666;
	line-height: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
	-webkit-appearance: none;
	transition: .5s;
	border: 0;
	background: 0;
}

#menu .search #btn1 {
	border: 0;
	font-size: 12px;
	color: #666;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	border-radius: 0;
	background: #0083cd;
	outline: 0;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0 8px 8px 0;
}

#menu .search #btn1 svg {
	fill: #fff;
	width: 20px;
	margin-top: 7px
}

#menu .phone {
	color: #0083cd;
	font-size: 25px;
	font-family: "DINPro-Regular";
	line-height: 46px;
	font-weight: bold;
	padding: 10px 0 10px 20px
}

#menu .phone img {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px
}

@-webkit-keyframes bmove1 {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bmove1 {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

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

.inbanner .inbanner-slick {
	overflow: hidden;
	position: relative;
	width: 1920px;
	height: 600px;
	left: 50%;
	margin-left: -960px
}

.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
}

@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
}

@media (max-width:1259px) {
	.phone-nav {
		display: block
	}
}

@media (max-width:1024px) {
	.inbanner .inbanner-slick {
		display: none
	}

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

@-webkit-keyframes bmove1 {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bmove1 {
	0% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes slideInDown2 {
	from {
		-webkit-transform: translate3d(0,-70px,0);
		transform: translate3d(0,-70px,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

.slideInDown2 {
	-webkit-animation-name: slideInDown2;
	animation-name: slideInDown2
}

@keyframes fadeInUp2 {
	from {
		opacity: 0;
		transform: translate3d(0,50px,0)
	}

	to {
		opacity: 1;
		transform: translate3d(0,0,0)
	}
}

.fadeInUp2 {
	animation-name: fadeInUp2
}

@keyframes fadeInDown2 {
	from {
		opacity: 0;
		transform: translate3d(0,-50px,0)
	}

	to {
		opacity: 1;
		transform: translate3d(0,0,0)
	}
}

.fadeInDown2 {
	animation-name: fadeInDown2
}

@keyframes fadeInLeft2 {
	from {
		opacity: 0;
		transform: translate3d(-50px,0,0)
	}

	to {
		opacity: 1;
		transform: translate3d(0,0,0)
	}
}

.fadeInLeft2 {
	animation-name: fadeInLeft2
}

@keyframes fadeInRight2 {
	from {
		opacity: 0;
		transform: translate3d(50px,0,0)
	}

	to {
		opacity: 1;
		transform: translate3d(0,0,0)
	}
}

.fadeInRight2 {
	animation-name: fadeInRight2
}

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

	100% {
		transform: scale(1.4,1.4)
	}
}

.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{
text-align: center;
margin: 0 auto;
}

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

.home-banner .home-banner-slick .banner-info {
	width: 100%;
	color: #037fc5;
	text-align: left
}

.home-banner .home-banner-slick .banner-info .info {
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.home-banner .home-banner-slick .banner-info .info .h3 {
	font-size: 42px;
	font-weight: bold;
	line-height: 48px;
}

.home-banner .home-banner-slick .banner-info .info .p {
	font-size: 14px;
	line-height: 30px
}
.home-banner .home-banner-slick .banner-info.b1 .info {
transform: translateY(-52%);
margin-top: 0
}
.home-banner .home-banner-slick .banner-info.b1 .info .p {
margin-bottom: 2px;color:#616161;
}
.home-banner .home-banner-slick .banner-info.b1 .info .more{
margin:0;
width:180px;
height:40px;
line-height:40px;
cursor:pointer;
}
.home-banner .home-banner-slick .slick-dots {
	z-index: 10;
	bottom: 38px;
	line-height: 0;
	text-align: center
}

.home-banner .home-banner-slick .slick-dots li {
	margin: 0 4px;
	padding: 0;
	width: 10px;
	height: 10px;
	z-index: 2;
	transition: .5s;
	border-radius: 30px
}

.home-banner .home-banner-slick .slick-dots li button {
	width: 5px;
	height: 5px;
	z-index: 2;
	border-radius: 30px;
	display: block;
	padding: 0;
	transition: .5s;
	background: #b4b4b3;
}

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

.home-banner .home-banner-slick .slick-dots .slick-active {
	width: 30px
}

.home-banner .home-banner-slick .slick-dots .slick-active button {
	background: #d60404;
	width: 30px
}

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

.home-banner .home-banner-slick .slick-active .h3 {
	-webkit-animation: 1s fadeInRight2 ease;
	animation: 1s fadeInRight2 ease
}

.home-banner .home-banner-slick .slick-active .p {
	-webkit-animation: 1.5s fadeInRight2 ease;
	animation: 1.5s fadeInRight2 ease
}
.home-banner .home-banner-slick .slick-active .more {
-webkit-animation: 2s fadeInRight2 ease;
animation: 2s fadeInRight2 ease
}
.home-banner .home-banner-slick .slick-current .h3 {
	-webkit-animation: 1s fadeInRight2 ease;
	animation: 1s fadeInRight2 ease
}

.home-banner .home-banner-slick .slick-current .p {
	-webkit-animation: 1.5s fadeInRight2 ease;
	animation: 1.5s fadeInRight2 ease
}
.home-banner .home-banner-slick .slick-current .more {
-webkit-animation: 2s fadeInRight2 ease;
animation: 2s fadeInRight2 ease
}
.home-banner .home-banner-slick-phone {
	overflow: hidden;
	display: none
}

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

.home-banner .home-banner-slick-phone .slick-slide img {
	-webkit-animation: 1s bmove1 ease;
	animation: 1s bmove1 ease
}

.home-banner .home-banner-slick-phone .banner-info {
	width: 100%;
	color: #037fc5;
	text-align: left
}

.home-banner .home-banner-slick-phone .banner-info .info {
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 35px
}

.home-banner .home-banner-slick-phone .banner-info .info .h3 {
	font-size: 26px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 5px
}

.home-banner .home-banner-slick-phone .banner-info .info .p {
	font-size: 11px;
	line-height: 25px; color:#616161;
}
.home-banner .home-banner-slick-phone .banner-info .info .more{
margin:0;
}
.home-banner .home-banner-slick-phone .slick-dots {
	z-index: 10;
	bottom: 10px;
	line-height: 0;
	text-align: center
}

.home-banner .home-banner-slick-phone .slick-dots li {
	margin: 0 2px;
	padding: 0;
	width: 30px;
	height: 4px;
	z-index: 2;
	border-radius: 5px
}

.home-banner .home-banner-slick-phone .slick-dots li button {
	width: 30px;
	height: 4px;
	z-index: 2;
	border-radius: 5px;
	display: block;
	padding: 0;
	background: rgba(255,255,255,0.9)
}

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

.home-banner .home-banner-slick-phone .slick-dots .slick-active button {
	background: #0083cd
}

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

.home-banner .home-banner-slick-phone .slick-active .h3 {
	-webkit-animation: 1s fadeInRight2 ease;
	animation: 1s fadeInRight2 ease
}

.home-banner .home-banner-slick-phone .slick-active .p {
	-webkit-animation: 1.5s fadeInRight2 ease;
	animation: 1.5s fadeInRight2 ease
}
.home-banner .home-banner-slick-phone .slick-active .more {
-webkit-animation: 2s fadeInRight2 ease;
animation: 2s fadeInRight2 ease
}
.home-banner .home-banner-slick-phone .slick-current .h3 {
	-webkit-animation: 1s fadeInRight2 ease;
	animation: 1s fadeInRight2 ease
}

.home-banner .home-banner-slick-phone .slick-current .p {
	-webkit-animation: 1.5s fadeInRight2 ease;
	animation: 1.5s fadeInRight2 ease
}
.home-banner .home-banner-slick-phone .slick-current .more {
-webkit-animation: 2s fadeInRight2 ease;
animation: 2s fadeInRight2 ease
}
.home-banner .slick-prev,.home-banner .slick-next {
	width: 42px;
	height: 114px;
	cursor: pointer;
	position: absolute;
	z-index: 999;
	margin-top: -57px
}

.home-banner .slick-prev:before,.home-banner .slick-next:before {
	content: ''
}

.home-banner .slick-prev {
	background: url("../images/left.png") no-repeat center center!important;
	left: 12px
}

@media (min-width:1025px) {
	.home-banner .slick-prev:hover {
		background: url("../images/lefth.png") no-repeat center center!important
	}
}

.home-banner .slick-next {
	background: url("../images/right.png") no-repeat center center!important;
	right: 12px
}

@media (min-width:1025px) {
	.home-banner .slick-next:hover {
		background: url("../images/righth.png") no-repeat center center!important
	}
}

@media (max-width:1600px) {
	.home-banner .home-banner-slick .banner-info .info {
		padding: 0 60px
	}
}
@media (max-width:1023px) {
.home-banner .home-banner-slick-phone .slick-slide  {
height:899px;
}
}
@media (max-width:992px) {
.home-banner .home-banner-slick-phone .slick-slide  {
height:872px;
}
}
@media (max-width:768px) {
.home-banner .home-banner-slick-phone .slick-slide  {
height:675px;
}
}
@media (max-width:640px) {
.home-banner .home-banner-slick-phone .slick-slide  {
height:512px;
}
}
@media (max-width:440px) {
.home-banner .home-banner-slick-phone .slick-slide  {
height:364px;
}
}
@media (max-width:375px) {
.home-banner .home-banner-slick-phone .slick-slide  {
height:330px;
}
}
@media (max-width:360px) {
.home-banner .home-banner-slick-phone .slick-slide  {
height:316px;
}
}
@media (max-width:320px) {
.home-banner .home-banner-slick-phone .slick-slide  {
height:281px;
}
}
@media (max-width:1023px) {
.home-banner .home-banner-slick-phone {
height:auto;
}
}
@media (max-width:992px) {
.home-banner .home-banner-slick-phone {
	height:auto;
}
}
@media (max-width:768px) {
.home-banner .home-banner-slick-phone {
	height:auto;
}
}
@media (max-width:640px) {
.home-banner .home-banner-slick-phone {
	height:auto;
}
}
@media (max-width:414px) {
.home-banner .home-banner-slick-phone {
	height:auto;
}
}
@media (max-width:375px) {
.home-banner .home-banner-slick-phone {
	height:auto;
}
}
@media (max-width:360px) {
.home-banner .home-banner-slick-phone {
	height:auto;
}
}
@media (max-width:320px) {
.home-banner .home-banner-slick-phone {
	height:auto;
}
}
.home-title {
	text-align: center
}

.home-title h3 {
	font-size: 40px;
	color: #333;
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 10px
}

.home-title h3:after {
	content: "";
	display: block;
	width: 170px;
	height: 0px;
	background: #aaa;
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -85px;
	z-index: 1
}

.home-title h3:before {
	content: '';
	display: block;
	width: 40px;
	height: 4px;
	background: #0083cd;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
	z-index: 2
}

.home-title p {
	text-transform: uppercase;
	font-size: 14px;
	font-family: arial;
	color: #666
}

.home-class {
	padding: 67px 0 80px 0;
	width: 80%;
	margin: 0 auto;
}
.home-class .classlist{padding: 67px 0 0 0;}
.home-class .classlist li{text-align: center;}
.home-class .slick-slide img{display: inline-block;width: 50%;
	object-fit: cover;}
.home-class .classlist li a .box .bt {
	font-size: 16px;
	line-height: 36px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.home-class .classlist li a:hover .box .bt {
	color: #0087d0;
}
.home-class .classlist li{
	position: relative;
}
.home-class .classlist li.slick-slide:after {
	content: '';width: 2px;background-color: #bbbcbc;position: absolute;top:50%; margin-top: -20px; left:0;height: 40px;
}

.home-class .classlist li.slick-current:after {
	width: 0;
}

.home-class .home-bottom .slick-prev,.home-class .home-bottom .slick-next {
	width: 14px;
	height: 24px;
	cursor: pointer;
	position: absolute;
	z-index: 999;
	margin-top: 20px;
}

.home-class .home-bottom .slick-prev:before,.home-class .home-bottom .slick-next:before {
	content: ''
}

.home-class .home-bottom .slick-prev {
	background: url("../images/cleft.png") no-repeat center center!important;
	background-size: 14px!important;
	left: 0
}

@media (min-width:1025px) {
	.home-class .home-bottom .slick-prev:hover {
		background: url("../images/clefth.png") no-repeat center center!important;
	}
}

.home-class .home-bottom .slick-next {
	background: url("../images/cright.png") no-repeat center center!important;
	background-size: 14px!important;
	right: 0
}

@media (min-width:1025px) {
	.home-class .home-bottom .slick-next:hover {
		background: url("../images/crighth.png") no-repeat center center!important;
	}
}




.productlist {
	margin: 0 -20px
}

.productlist li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 20px
}

.productlist.big li {
	width: 25%;
	float: left;
	padding: 0 20px
}

.productlist li a {
	display: block;
	transition: .5s;
	border: 1px solid #fff;border-radius: 8px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1)
}

.productlist li a .box {
	border: 1px solid #fff;
	width: 100%;
	padding: 26px 20px 36px 20px;
	background: #fff;
	transition: .5s;
	border-radius: 8px;

}

.productlist li a .box .pic {
	height: 200px;
}

.productlist li a .box .pic img {
	transition: .5s;
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.productlist li a .box .pic:after {
	padding-bottom: 71.42857142857143%
}

.productlist li a .box .bt {
	font-size: 16px;
	font-weight: bold;
	color: #4b4b4b;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; line-height:68px;
}
.productlist li a .box .model:before{content: ''; top:-11px; width: 40px; height: 2px;position: absolute; background-color: #91c3e6;transition: .5s}
.productlist li a .box:hover .model:before{width: 120px;}
.productlist li a .box .model{
	position: relative;
	font-size: 14px;
	color: #4b4b4b;
	line-height: 26px;
}

@media (min-width:1025px) {
	.productlist li:hover a {
		border: 1px solid #0083cd;
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.1)
	}


	.productlist li:hover a .box .pic img {
		transform: scale(1.05)
	}
}

.clear{ clear:both; overflow:hidden; zoom:1;}
.picflash img{transition: all 0.6s;}
.picflash:hover img{transform:scale(1.1);}
.cplist{border-bottom:1px #ddd  dotted;padding-bottom:25px;margin-bottom:25px;}
.cplist .flp{width:400px; float:left; overflow:hidden;}
.cplist .frp{width:460px; float: right;}

.tab001 td{ padding:0;color:#111;line-height: 32px;
	margin: 0;
	height: 32px;}
.tab001 td.tb0{ font-weight: bold;color:#065fab;}
.tab001 td.tb2 { height:165px !important;}
.tab001 td.tb1 { padding-top:10px;}
.tab001 td.tb1 a.down {
	background: url(../images/pdf.jpg) no-repeat 15px center;
	padding-left: 40px;
}

.tab001 td.tb1 a.D2down {
	background: url(../images/dwg.jpg) no-repeat 15px center;
	padding-left: 40px;
}

.tab001 td.tb1 a.D3down {
	background: url(../images/step.jpg) no-repeat 15px center;
	padding-left: 40px;
}

.tab001 td.tb1 a {
	display: inline-block;
	border: 1px solid #bfbfbf;
	padding: 0 20px;
	height: 34px;
	margin-right: 10px;
}


.home-product {
	padding: 67px 0 80px 0;
	background: #f8f8f8 url("../images/probg.jpg") no-repeat top center
}

.home-product .home-bottom {
	margin-top: 53px;
	position: relative;
	margin-bottom: 28px
}

.home-product .home-bottom .slick-prev,.home-product .home-bottom .slick-next {
	width: 53px;
	height: 53px;
	cursor: pointer;
	position: absolute;
	z-index: 999;
	margin-top: 0;
	top: unset;
	bottom: -88px;
}

.home-product .home-bottom .slick-prev:before,.home-product .home-bottom .slick-next:before {
	content: ''
}

.home-product .home-bottom .slick-prev {
	background: url("../images/pleft.png") no-repeat center center!important;
	background-size: 53px!important;
	left: 18px
}

@media (min-width:1025px) {
	.home-product .home-bottom .slick-prev:hover {
		background: url("../images/plefth.png") no-repeat center center!important;
		background-size:53px!important
	}
}

.home-product .home-bottom .slick-next {
	background: url("../images/pright.png") no-repeat center center!important;
	background-size: 53px!important;
	left: 88px;
}

@media (min-width:1025px) {
	.home-product .home-bottom .slick-next:hover {
		background: url("../images/prighth.png") no-repeat center center!important;
		background-size: 53px!important
	}
}

.home-product .productlist .slick-dots {
	z-index: 10;
	bottom: -68px;
	line-height: 0;
	text-align: center;
	display: flex;
	justify-content: center;
}

.home-product .productlist .slick-dots li {
	margin: 0 4px;
	padding: 0;
	width: 10px;
	height: 10px;
	z-index: 2;
	transition: .5s;
	border-radius: 30px
}

.home-product .productlist .slick-dots li button {
	width: 5px;
	height: 5px;
	z-index: 2;
	border-radius: 30px;
	display: block;
	padding: 0;
	transition: .5s;
	background: #b4b4b3;
}

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

.home-product .productlist .slick-dots .slick-active {
	width: 30px
}

.home-product .productlist .slick-dots .slick-active button {
	background: #d60404;
	width: 30px
}

.home-product .productlist .slick-dots .slick-active button:before {
	color: transparent
}
.home-product .more{float: right;}

.more {
	font-size: 16px;
	width: 200px;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	position: relative;
	overflow: hidden;
	background: #0083cd;
}

.more:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0);
	width: 300px;
	height: 300px;
	border-radius: 50%;
	transition: all .5s;
	z-index: 1
}

.more p,.more a {
	color: #fff;
	position: relative;
	z-index: 2;
	display: block
}

.more:hover:before {
	transform: translate(-50%,-50%) scale(1);
	background: #b80110
}



.honorlist {
	margin: 0 -20px
}

.honorlist li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 20px
}

.honorlist li a {
	display: block;
	transition: .5s;
}

.honorlist li a .box {
	width: 100%;
	padding: 8px 8px 3px 8px;
	transition: .5s
}

.honorlist li a .box .pic img {
	transition: .5s
}

.honorlist li a .box .pic:after {
	padding-bottom: 71.42857142857143%
}

.honorlist li a .box .bt {
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; line-height: 68px;
}

@media (min-width:1025px) {
	.honorlist li:hover a {
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.1)
	}

	.honorlist li:hover a .box .pic img {
		transform: scale(1.05)
	}
}

.home-honor {
	padding: 67px 0 80px 0;
	margin-top: 40px;
	background: #f8f8f8 url("../images/honorbg.jpg") no-repeat top center
}
.home-honor .home-title h3{color: #fff;}
.home-honor .home-title p{color: rgba(255,255,255,0.5);}
.home-honor .home-bottom {
	margin-top: 53px;
	position: relative;
	margin-bottom: 59px
}

/*.home-honor .home-bottom .slick-prev,.home-honor .home-bottom .slick-next {*/
/*	width: 40px;*/
/*	height: 100px;*/
/*	cursor: pointer;*/
/*	position: absolute;*/
/*	z-index: 999;*/
/*	margin-top: -50px*/
/*}*/

/*.home-honor .home-bottom .slick-prev:before,.home-honor .home-bottom .slick-next:before {*/
/*	content: ''*/
/*}*/

/*.home-honor .home-bottom .slick-prev {*/
/*	background: #313131 url("../images/left.png") no-repeat center center!important;*/
/*	background-size: 28px!important;*/
/*	left: 0*/
/*}*/

/*@media (min-width:1025px) {*/
/*	.home-honor .home-bottom .slick-prev:hover {*/
/*		background: #e60012 url("../images/left.png") no-repeat center center!important;*/
/*		background-size: 28px!important*/
/*	}*/
/*}*/

/*.home-honor .home-bottom .slick-next {*/
/*	background: #313131 url("../images/right.png") no-repeat center center!important;*/
/*	background-size: 28px!important;*/
/*	right: 0*/
/*}*/

/*@media (min-width:1025px) {*/
/*	.home-honor .home-bottom .slick-next:hover {*/
/*		background: #e60012 url("../images/right.png") no-repeat center center!important;*/
/*		background-size: 28px!important*/
/*	}*/
/*}*/


.home-honor .honorlist .slick-dots {
	z-index: 10;
	bottom: -68px;
	line-height: 0;
	text-align: center;
	display: flex;
	justify-content: center;
}

.home-honor .honorlist .slick-dots li {
	margin: 0 4px;
	padding: 0;
	width: 10px;
	height: 10px;
	z-index: 2;
	transition: .5s;
	border-radius: 30px
}

.home-honor .honorlist .slick-dots li button {
	width: 5px;
	height: 5px;
	z-index: 2;
	border-radius: 30px;
	display: block;
	padding: 0;
	transition: .5s;
	background: #b4b4b3;
}

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

.home-honor .honorlist .slick-dots .slick-active {
	width: 30px
}

.home-honor .honorlist .slick-dots .slick-active button {
	background: #d60404;
	width: 30px
}

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


.home-case {
	padding: 97px 0 0 0;
	background: #303239 url("../images/bg3.png") no-repeat bottom center
}

.home-case .home-title h3 {
	color: #fff
}

.home-case .home-title p {
	color: #fff
}

.home-case .home-bottom {
	margin-top: 21px
}

.home-case .home-bottom ul li {
	width: 16.666666666666668%;
	float: left;
	text-align: center;
	border-right: 1px solid rgba(255,255,255,0.2)
}

.home-case .home-bottom ul li .box {
	padding-top: 108px;
	padding-bottom: 109px;
	transition: .5s
}

.home-case .home-bottom ul li .img {
	position: relative;
	padding: 14px 22px 0 0;
	display: inline-block
}

.home-case .home-bottom ul li .img:after {
	content: '';
	display: block;
	width: 78px;
	height: 78px;
	background: rgba(8,60,117,0.6);
	position: absolute;
	border-radius: 50%;
	top: 0;
	right: 0;
	z-index: 1
}

.home-case .home-bottom ul li .img .pic {
	width: 90px;
	height: 90px;
	z-index: 2
}

.home-case .home-bottom ul li .text {
	padding-top: 23px;
	padding: 23px 40px 0 40px
}

.home-case .home-bottom ul li .text .bt {
	font-size: 24px;
	color: #fff;
	line-height: 35px;
	margin-bottom: 35px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 5px
}

.home-case .home-bottom ul li .text .bt:after {
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background: #0083cd;
	margin: 16px auto 0 auto
}

.home-case .home-bottom ul li .text .jsh {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	height: 60px;
    overflow:hidden;
	margin-bottom: 47px
}

.home-case .home-bottom ul li .text .more {
	width: 136px;
	height: 40px;
	font-size: 14px;
	line-height: 38px;
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 0;
	background: 0
}

.home-case .home-bottom ul li .text .more p {
	color: #fff
}

@media (min-width:1025px) {
	.home-case .home-bottom ul li .text .more:hover:before {
		transform: translate(-50%,-50%) scale(0);
		background: #b80110
	}
}

@media (min-width:1025px) {
	.home-case .home-bottom ul li:hover .box {
		background: url("../images/bg2.png") repeat-x top left;
		padding-top: 88px;
		padding-bottom: 129px
	}

	.home-case .home-bottom ul li:hover .text .more {
		border: 1px solid #0083cd
	}

	.home-case .home-bottom ul li:hover .text .more:before {
		transform: translate(-50%,-50%) scale(1);
		background: #b80110
	}
}

.home-case .home-bottom ul li:nth-last-child(1) {
	border-right: 0
}

/*@font-face {*/
/*	font-family:"Andes";src:url("../fonts/andes.woff2") format("woff2"),url("../font/Andes.woff") format("woff"),url("../fonts/andes.ttf") format("truetype"),url("../fonts/andes.eot") format("embedded-opentype"),url("../fonts/andes.svg") format("svg")*/
/*}*/

/*@font-face {*/
/*	font-family:"AkzidenzGrotesk-ExtraBold";src:url("../fonts/akzidenzgrotesk-extrabold.woff2") format("woff2"),url("../fonts/akzidenzgrotesk-extrabold.woff") format("woff"),url("../fonts/akzidenzgrotesk-extrabold.ttf") format("truetype"),url("../fonts/akzidenzgrotesk-extrabold.eot") format("embedded-opentype"),url("../fonts/akzidenzgrotesk-extrabold.svg") format("svg")*/
/*}*/

.home-advantages {
	padding: 67px 0 73px 0;
	background: #f8f8f8 url("../images/bg4.jpg") no-repeat bottom center
}

.home-advantages .home-bottom {
	margin-top: 16px;
	background: url("../images/line.png") no-repeat center 276px
}

.home-advantages .home-bottom .p {
	text-align: center;
	font-size: 24px;
	color: #333
}

.home-advantages .home-bottom ul {
	padding: 0 125px;
	margin-top: 49px
}

.home-advantages .home-bottom ul li {
	width: 20%;
	float: left;
	text-align: center
}

.home-advantages .home-bottom ul li .box {
	position: relative
}

.home-advantages .home-bottom ul li .box .pic {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin: 0 auto 13px auto;
	background: #0083cd
}

.home-advantages .home-bottom ul li .box .bt {
	font-size: 22px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 15px
}

.home-advantages .home-bottom ul li .box .yuan {
	width: 24px;
	height: 24px;
	padding: 5px;
	background: #f2a8ad;
	border-radius: 50%;
	margin: 0 auto
}

.home-advantages .home-bottom ul li .box .yuan p {
	width: 100%;
	height: 100%;
	background: #0083cd;
	border-radius: 50%
}

.home-advantages .home-bottom ul li .box .num {
	font-family: "Andes";
	font-size: 30px;
	color: rgba(51,51,51,0.8);
	line-height: 55px
}

.home-advantages .home-bottom ul li:nth-child(2n) {
	padding-top: 128px
}

.home-advantages .home-bottom ul li:nth-child(2n) .box {
	padding-top: 135px
}

.home-advantages .home-bottom ul li:nth-child(2n) .box .num {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.home-advantages .home-bottom ul li:nth-child(2n) .box .yuan {
	position: absolute;
	top: 52px;
	left: 50%;
	margin-left: -12px
}

.home-advantages .home-bottom ul li:nth-child(2n) .box .bt {
	position: absolute;
	top: 88px;
	left: 0;
	width: 100%
}

.home-news {
	padding: 67px 0 80px 0
}

.home-news .home-nav {
	margin-top: 54px;
	position: relative
}

.home-news .home-nav ul {
	font-size: 0;
	text-align: center;
	position: relative;
	z-index: 2
}

.home-news .home-nav ul li {
	width: 220px;
	display: inline-block;
	vertical-align: top;
	margin: 0 2px
}

.home-news .home-nav ul li a {
	display: block;
	height: 50px;
	line-height: 50px;
    overflow:hidden;
	text-align: center;
	color: #fff;
	font-size: 18px;
	background: #9d9d9d
}

.home-news .home-nav ul .on {
	background: url("../images/arrow.png") no-repeat bottom center;
	padding-bottom: 11px
}

.home-news .home-nav ul .on a {
	background: #0083cd
}

.home-news .home-bottom .show {
	display: none
}

.news-list {
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
}

.news-list li {
	width: 33.333%;
	float: left;
	padding: 0 18px;
	margin-bottom: 28px
}

.news-list.case li {
	width: 50%;
}

.news-list li .pic {
	z-index: 1; height: 288px;background-color: #e3e3e3;
}

.news-list li .pic img {
	transition: .5s; object-fit: contain;width: 100%; height: 100%;
}

.news-list li .pic:after {
	padding-bottom: 75%
}

.news-list li .text {
	padding: 0 20px 23px 20px;
	margin-top: -70px;
	position: relative;
	z-index: 2
}

.news-list li .text .info {
	padding: 18px;
	transition: .5s;
	background: #fff; border-radius: 18px;
}

.news-list li .text .bt {
	font-size: 18px;
	color: #222;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 11px
}

.news-list li .text .jsh {
	font-size: 14px;
	color: #666;
	line-height: 22px;
	overflow: hidden
}
.news-list li .text .sykg{margin-top: 16px;}
.news-list li .text .sykg span{font-weight: bold;}
.news-list li .text .sykg p{
	font-size: 14px;
	color: #666;
	line-height: 22px;
	overflow: hidden
}

.news-list li .text .date {
	background: url("../images/more1.png") no-repeat center right;
	height: 30px;
	text-align: left;
	transition: .5s;
	font-size: 14px;
	color: #999;
	line-height: 30px;
}

.news-list li .text .date:hover:before {
	display: none
}

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

	.news-list li:hover .text .info {
		box-shadow: 0 10px 10px 0 rgba(4,0,0,0.1)
	}

	.news-list li:hover .text .info .bt {
		color: #0083cd
	}

	.news-list li:hover .text .date {
		background: url("../images/more1h.png") no-repeat center right
	}
}



.vidcontainer{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	background-color: rgba(0,0,0,0.7);
	cursor: pointer;
	z-index: 999;
}
.vidcontainer .closevid{
	width: 40px;
	height: 40px;
	background: url("../images/close-vid2.png") no-repeat center/100% auto;
	position: absolute;
	top: 40px;
	right: 40px;
	cursor: pointer;
}
.vidcontainer video{
	position: absolute;
	width: 58%;
	height: 58%;
	top: 0;
	left: 0;
	background-color: #000;
	bottom: 0;
	right: 0;
	margin: auto;
}




.home-panner {
	padding: 66px 0 82px 0;
	background: url("../images/pannerbg.jpg") no-repeat center center;
	background-attachment: fixed;
	background-size: cover
}
.home-panner .home-bottom {
	margin-top: 44px
}

.home-about {
	padding: 66px 0 82px 0;
	background: url("../images/bg5.jpg") no-repeat center center;
	background-attachment: fixed;
	background-size: cover
}

.home-about .home-title h3 {
	color: #fff
}

.home-about .home-title p {
	color: #fff
}

.home-about .home-bottom {
	margin-top: 44px
}

.home-about .home-bottom .img {
	float: left;
	padding: 10px 0 0 10px;
	width: 50.715%
}

.home-about .home-bottom .img a {
	display: block;
	position: relative
}

.home-about .home-bottom .img a:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -10px;
	left: -10px;
	border: 1px solid rgba(255,255,255,0.6)
}

.home-about .home-bottom .img a img {
	display: block
}

.home-about .home-bottom .text {
	float: right;
	width: 46.4%;
	padding-top: 45px
}

.home-about .home-bottom .text .bt {
	font-size: 26px;
	color: #fff;
	font-weight: bold
}

.home-about .home-bottom .text .span {
	font-size: 18px;
	color: rgba(255,255,255,0.4);
	text-transform: uppercase;
	margin-bottom: 35px
}

.home-about .home-bottom .text .jsh {
	font-size: 16px;
	line-height: 32px;
	height: 64px;
	overflow: hidden;
	color: #fff;
	margin-bottom: 59px
}

.home-about .home-bottom .text .list {
	font-size: 0;
	margin-bottom: 54px
}

.home-about .home-bottom .text .list li {
	display: inline-block;
	padding: 0 35px;
	width: 200px;
	cursor: pointer;
	text-align: center;
	border-right: 1px solid rgba(255,255,255,0.1)
}

.home-about .home-bottom .text .list li .box {
	transition: .5s
}

.home-about .home-bottom .text .list li .p {
	font-size: 18px;
	margin-top: 4px;
	color: #fff
}

.home-about .home-bottom .text .list li .num {
	line-height: 46px;
	color: #0083cd;
	height: 46px;
	font-family: "AkzidenzGrotesk-ExtraBold";
	font-weight: bold
}

.home-about .home-bottom .text .list li .num span {
	font-size: 48px
}

.home-about .home-bottom .text .list li .num sub {
	font-size: 24px
}

.home-about .home-bottom .text .list li:nth-last-child(1) {
	border: 0
}

.home-about .home-bottom .text .list li:nth-last-child(1) .box {
	border: 0
}

.home-about .home-bottom .text .more {
	width: 160px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	margin: 0 18px
}



.home-info {
	padding: 66px 0 82px 0;
	/*background: url("../images/bg5.jpg") no-repeat center center;*/
	/*background-attachment: fixed;*/
	/*background-size: cover*/
}
.home-info .clearb{clear: both; padding: 20px;}
.home-info .more{ margin:0 auto 0; }
.home-info .home-bottom {
	margin-top: 44px
}
.home-info .home-bottom .list {
	float: left;
	width: 48.5%;
}

.home-info .nlist li .pic {
	z-index: 1;
}
.home-info .nlist li{width: 100%; margin-bottom: 40px;position: relative;}
.home-info .nlist li a:after{content: '>'; width: 42px; height: 42px; border-radius: 50%; background-color: #0060bb; color: #fff; position: absolute; bottom:0; right:0; text-align: center; line-height: 42px;}
.home-info .nlist .box{display: flex; justify-content: space-between; align-items: center;}
.home-info .nlist .box .pic{width: 28%; border-radius: 8px;}
.home-info .nlist .box .txt{width: 68%; font-size: 16px;}
.home-info .nlist .box .txt .titw span{color: #0060bb;}
.home-info .nlist .box .txt .titw{line-height: 45px}
.home-info .nlist li .pic:after {
	content: "";
	display: block;
	padding-bottom: 75%;
}
.home-info li .pic img {
	transition: .5s; object-fit: cover;
}
.home-info li:hover .pic img {
	transform: scale(1.05)
}
.home-info .nlist li .middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto;    object-fit: cover;
}


.home-info .home-bottom .one {
	float: right;
	width: 48.5%;position: relative;
}
.home-info .home-bottom .one .wbox{color: #fff; position: absolute; bottom: 0; z-index: 2; padding: 28px; width: 100%;}
.home-info .home-bottom .one .wbox .date{
	display: flex; justify-content:  space-between; align-items: center; border-bottom: 2px solid rgba(255,255,255,0.5); margin-bottom: 10px;
}
.home-info .home-bottom .one .wbox .date .d1{font-size: 30px}
.home-info .home-bottom .one .wbox .date .d2{font-size: 16px}
.home-info .home-bottom .one .wbox .titw{font-size: 22px; line-height: 42px;}
.home-info .home-bottom .one .wbox .titw span{color: #0060bb}
.home-info .home-bottom .one .pic img{ width: 100%;}
.home-info .home-bottom .one .pic{position: relative;border-radius: 8px;}
.home-info .home-bottom .one .pic:before{transition: .5s;content: ''; width: 100%; height: 0%; bottom: 0; left: 0; background-color: rgba(0,0,0,0.0); z-index: 1; position: absolute;}
.home-info .home-bottom .one:hover .pic:before{background-color: rgba(0,0,0,0.5); height: 100%;}

.home-info .home-bottom .text .more {
	width: 160px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	margin: 0 18px
}

.home-info .nlist{position: relative;}
.home-info .home-bottom .slick-prev,.home-info .home-bottom .slick-next {
	width: 53px;
	height: 53px;
	cursor: pointer;
	position: absolute;
	z-index: 999;
	margin-top: 0;
	top: unset;
	bottom: -48px;
}

.home-info .home-bottom .slick-prev:before,.home-info .home-bottom .slick-next:before {
	content: ''
}

.home-info .home-bottom .slick-prev {
	background: url("../images/pleft.png") no-repeat center center!important;
	background-size: 53px!important;
	left: 18px
}

@media (min-width:1025px) {
	.home-info .home-bottom .slick-prev:hover {
		background: url("../images/plefth.png") no-repeat center center!important;
		background-size:53px!important
	}
}

.home-info .home-bottom .slick-next {
	background: url("../images/pright.png") no-repeat center center!important;
	background-size: 53px!important;
	left: 88px;
}

@media (min-width:1025px) {
	.home-info .home-bottom .slick-next:hover {
		background: url("../images/prighth.png") no-repeat center center!important;
		background-size: 53px!important
	}
}

.home-info .nlist .slick-dots {
	z-index: 10;
	bottom: -32px;
	line-height: 0;
	text-align: center;
	display: flex;
	justify-content: right;
}

.home-info .nlist .slick-dots li {
	margin: 0 4px;
	padding: 0;
	width: 10px;
	height: 10px;
	z-index: 2;
	transition: .5s;
	border-radius: 30px
}

.home-info .nlist .slick-dots li button {
	width: 5px;
	height: 5px;
	z-index: 2;
	border-radius: 30px;
	display: block;
	padding: 0;
	transition: .5s;
	background: #b4b4b3;
}

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

.home-info .nlist .slick-dots .slick-active {
	width: 30px
}

.home-info .nlist .slick-dots .slick-active button {
	background: #d60404;
	width: 30px
}

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



.home-xiaoshou {
	padding: 67px 0 101px 0
}

.home-xiaoshou .xiaoshou-list {
	padding-top: 97px;
	overflow: hidden
}

.home-xiaoshou .xiaoshou-list li {
	width: 16.666666666666668%;
	float: left;
	text-align: center
}

.home-xiaoshou .xiaoshou-list li .p {
	font-size: 18px;
	margin-top: 4px;
	color: #666
}

.home-xiaoshou .xiaoshou-list li .num {
	line-height: 46px;
	color: #333;
	height: 46px;
	font-family: "AkzidenzGrotesk-ExtraBold";
	font-weight: bold
}

.home-xiaoshou .xiaoshou-list li .num span {
	font-size: 48px
}

.home-xiaoshou .xiaoshou-list li .num sub {
	font-size: 24px
}

.home-xiaoshou .home-bottom {
	padding-top: 16px
}

.home-xiaoshou .home-bottom .maplist {
	padding: 0 70px;
	margin-top: 16px
}

.home-xiaoshou .home-bottom .maplist table tr td {
	border: 1px solid #cbcbcb;
	color: #000;
	font-size: 16px;
	text-align: center;
	padding: 17px 13px 18px 13px
}

.home-xiaoshou .home-bottom .maplist table .one {
	background: #ececec
}

.home-xiaoshou .home-bottom .maplist table .one td {
	font-size: 18px;
	color: #333
}

/*@font-face {*/
/*	font-family:"AkzidenzGrotesk-BoldCond";*/
/*	src:url("../fonts/akzidenzGrotesk-BoldCond.woff2") format("woff2"),*/
/*	url("../fonts/akzidenzgrotesk-boldcond.woff") format("woff"),*/
/*	url("../fonts/akzidenzgrotesk-boldcond.ttf") format("truetype"),*/
/*	url("../fonts/akzidenzgrotesk-boldcond.eot") format("embedded-opentype"),*/
/*	url("../fonts/akzidenzgrotesk-boldcond.svg") format("svg")*/
/*}*/

.footer {
	background: #141e28
}

.footer .footer-top {
	overflow: hidden;
	padding: 67px 0 54px 0
}

.footer .footer-top ul {
	float: left;
	width: 46%;
	display: flex;
	padding-left: 60px;
}
.footer .footer-top li.otherclass{
 	width: 25%;
}
.footer .footer-top li.otherclass ul{
flex-wrap: wrap;
}
.footer .footer-top li.otherclass ul li{
	width: 100%;
}


.footer .footer-top ul li a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	margin-bottom: 14px
}
.f_nav2 li:nth-child(5),.f_nav2 li:nth-child(6),.f_nav2 li:last-child{
    display: none;
}
@media (min-width:1025px) {
	.footer .footer-top ul li a:hover {
		color: #fff;
		text-decoration: underline
	}
}
.footer .footer-top li.proclass {
	width: 75%;
}
.footer .footer-top li.proclass ul {
	display: flex; flex-wrap: wrap;
}

.footer .footer-top li.proclass ul li{
	width:50%;
}

.footer .footer-top ul li ul {
	float: none;
	width: 100%;
	padding: 0
}

.footer .footer-top ul li ul li {
	float: none;
	width: 100%
}

.footer .footer-top ul li ul li a {
	font-size: 14px;
	color: #adadaf;
	line-height: 30px;
	margin: 0;
	padding: 0
}

.footer .footer-top .footer-contact {
	float: left;
	width: 29%;
	padding-right: 28px;
	border-right: 1px solid rgba(255,255,255,0.1)
}

.footer .footer-top .footer-rwm{
	float: right;
	width: 25%;
	padding-left: 50px;
	padding-top: 30px;
	border-left: 1px solid rgba(255,255,255,0.1);
	display: flex;
	justify-content: space-between;
}
.footer .footer-top .footer-rwm .ewm{padding: 16px;}

.footer .footer-top .footer-contact .bt {
	font-size: 16px;
	color: #fff;
	margin-bottom: 14px
}

.footer .footer-top .footer-contact .jsh {
	margin-bottom: 13px
}

.footer .footer-top .footer-contact .jsh p {
	padding-left: 38px;
	line-height: 30px;
	font-size: 18px;
	color: #929292;
	margin-bottom: 12px
}

.footer .footer-top .footer-contact .jsh p a {
	color: #fff;
	font-size: 30px;
	font-family: "AkzidenzGrotesk-BoldCond"
}

@media (min-width:1025px) {
	.footer .footer-top .footer-contact .jsh p a:hover {
		color: #fff;
		text-decoration: underline
	}
}

.footer .footer-top .footer-contact .jsh .ad {
	background: url("../images/ad.png") no-repeat
}
.footer .footer-top .footer-contact .jsh .tel {
	background: url("../images/tel.png") no-repeat
}
.footer .footer-top .footer-contact .jsh .phone {
	background: url("../images/phone.png") no-repeat
}

.footer .footer-top .footer-contact .jsh .mail {
	background: url("../images/mail.png") no-repeat
}

.footer .footer-bottom {
	padding: 27px 0 20px 0;
	font-size: 14px;
	color: #72777b;
	background: #141e28; text-align: right; border-top: 1px solid #374048;
}
.footer .footer-bottom a{color:#72777b}

.container02 {
	max-width: 1260px;
	margin: 0 auto
}

@media (max-width:1260px) {
	.container02 {
		width: 100%;
		padding: 0 10px
	}
}

.second-nav {
	overflow: hidden;
	position: relative;
	z-index: 2;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.16)
}

.second-nav ul {
	text-align: center;
	font-size: 0
}

.second-nav ul li {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	text-align: center
}

.second-nav ul li .box {
	padding: 20px 10px;
	text-align: center;
	border-right: 1px solid #e5e5e5;
	transition: .5s
}

.second-nav ul li .pic {
	margin: 0 auto;
	width: 60px;
	height: 60px
}

.second-nav ul li .pic img {
	transition: .5s;
    max-height:50px;
}

.second-nav ul li .pic .sh {
	opacity: 0
}

.second-nav ul li .bt {
	font-size: 18px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: .5s;
	line-height: 30px
}

@media (min-width:1025px) {
	.second-nav ul li:hover .box {
		background: #0083cd
	}

	.second-nav ul li:hover .pic .s {
		opacity: 0
	}

	.second-nav ul li:hover .pic .sh {
		opacity: 1
	}

	.second-nav ul li:hover .bt {
		color: #fff
	}
}

.second-nav ul .active .box {
	background: #0083cd
}

.second-nav ul .active .pic .s {
	opacity: 0
}

.second-nav ul .active .pic .sh {
	opacity: 1
}

.second-nav ul .active .bt {
	color: #fff
}

.about {
	position: relative;
	z-index: 1
}

.about .about-top {
	background: #f9f9f9 url("../images/aboutbg.jpg") no-repeat bottom center
}

.about01 {
	padding: 110px 0 65px 0
}

.about01 .img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	position: relative;
	overflow: hidden;
	width: 34.524%
}

.about01 .img img {
	position: relative;
	z-index: 3
}

.about01 .img:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 10px;
	left: 10px;
	position: absolute;
	background: #f6c8cc
}

.about01 .text {
	float: right;
	width: 60.5%;
	padding-top: 81px;
	position: relative
}

.about01 .text .logo1 {
	opacity: .1;
	position: absolute;
	top: 34px;
	left: 0
}

.about01 .text .bt {
	font-size: 30px;
	color: #333;
	font-weight: bold;
	margin-bottom: 28px
}

.about01 .text .jsh {
	font-size: 16px;
	color: #333;
	line-height: 32px
}

.about01 .text .jsh span {
	font-weight: bold;
	font-size: 20px;
	color: #0083cd
}

.about02 .list {
	font-size: 0;
	padding-bottom: 124px
}

.about02 .list li {
	display: inline-block;
	padding: 0 15px;
	width: 16.666666666666668%;
	cursor: pointer;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #e3e3e3
}

.about02 .list li .box {
	transition: .5s
}

.about02 .list li .p {
	font-size: 18px;
	margin-top: 4px;
	color: #333
}

.about02 .list li .num {
	line-height: 46px;
	font-size: 18px;
	color: #333;
	height: 46px;
	font-family: "AkzidenzGrotesk-ExtraBold"
}

.about02 .list li .num span {
	font-size: 48px;
	font-weight: bold;
	color: #0083cd;
	margin-right: 3px
}

.about02 .list li .num sub{font-size:30px;color: #0083cd;}

.about02 .list li:nth-last-child(1) {
	border: 0
}

.about02 .list li:nth-last-child(1) .box {
	border: 0
}

.about03 {
	text-align: center;
	padding: 138px 0 127px 0;
	background: url("../images/about01-bg.jpg") no-repeat top center;
	background-size: cover
}

.about03 .about-title {
	font-size: 36px;
	color: #333
}

.about03 ul {
	margin-top: 103px
}

.about03 ul li {
	width: 20%;
	float: left;
	padding: 0 25px
}

.about03 ul li .box .pic {
	margin: 0 auto;
	width: 80px;
	height: 80px
}

.about03 ul li .box .text {
	padding-top: 20px
}

.about03 ul li .box .bt {
	font-size: 24px;
	color: #333;
	margin-bottom: 16px
}

.about03 ul li .box .jsh {
	font-size: 15px;
	color: #333;
	line-height: 30px
}

/*.about03 ul li:nth-child(2n) {
	padding-top: 240px
}*/

.job {
	padding: 68px 0
}

.job .title {
	text-align: center;
	color: #0083cd;
	font-weight: 700;
	font-size: 40px
}

.job .tips {
	text-align: center;
	font-size: 16px;
	color: #606060;
	line-height: 32px;
	padding: 10px 0
}

.job dl {
	overflow: hidden;
	margin: 64px auto 46px auto
}

.job dl dt {
	display: block
}

.job dl dt span {
	display: block;
	float: left;
	font-weight: normal;
	width: 17%
}

.job dl dt span img {
	vertical-align: middle;
	margin-right: 3px
}

.job dl dt .name {
	width: 27%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 52px
}

.job dl dt .time {
	text-align: center
}

.job dl dt .address {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center
}

.job dl dt .people {
	width: 16%;
	text-align: center
}

.job dl dt .operating {
	width: 14%;
	text-align: center
}

.job dl .list0 {
	line-height: 60px;
	height: 60px;
	background: #0083cd;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #fff
}

.job dl .list0 span {
	color: #fff
}

.job dl .list_dt {
	cursor: pointer;
	height: 60px;
	line-height: 60px;
	transition: width 2s;
    overflow:hidden;
	border-bottom: 1px solid #e6e6e6
}

.job dl .list_dt .subnav {
	display: block
}

.job .list_dt {
	background: #fff url(../images/a.png) no-repeat 95% center;
	color: #333;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-webkit-transition: all .5s linear
}

.job .list_dt span {
	transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-webkit-transition: all .5s linear
}

.job .list_dt:hover {
	background: #666 url(../images/ah.png) no-repeat 95% center;
	color: #fff
}

.job #open {
	background: #666 url(../images/ah.png) no-repeat 95% center;
	color: #fff
}

.job .list_dd {
	display: none
}

.job .jobsub {
	background-color: #f6f6f6;
	border-top: 0;
	line-height: 27px;
	padding: 56px 25px 30px 48px;
	position: relative
}

.job .jobsub h3 {
	font-size: 20px;
	color: #333;
	margin-bottom: 18px
}

.job .jobsub .jsh {
	font-size: 16px;
	color: #333
}

.job .jobsub .jsh a {
	color: #0083cd;
	background: url("../images/fasong.png") no-repeat center left;
	padding-left: 23px;
	text-transform: uppercase
}

.job .jobsub p {
	line-height: 34px;
	color: #777;
	font-size: 16px
}

.news {
	padding: 68px 0
}

.news .news-list {
	margin: 74px -18px 33px -18px
}

.news .news-list li {
	width: 33.333333333333336%;
	margin-bottom: 15px
}

.page {
	text-align: center
}

.page a {
	color: #585858;
	display: inline-block;
	font-size: 16px;
	line-height: 40px;
	margin: 0 2px 5px 2px;
	min-width: 42px;
	height: 42px;
	padding: 0 11px;
	font-family: arial;
	background: #fff;
	border: 1px #d5d5d5 solid;
	-webkit-transition: all .5s;
	transition: all .5s
}

.page select {
	height: 42px;
	width: 50px;
	font-size: 16px;
	color: #333;
	border: 1px #0083cd solid;
	display: inline-block;
	text-align: center
}

.page select:focus {
	box-shadow: 0 0 10px 0 rgba(230,0,18,0.42)
}

.page a.queding {
	margin: 0;
	width: 50px;
	height: 42px;
	color: #fff;
	line-height: 40px;
	background: #0083cd;
	border: 1px solid #0083cd;
	padding: 0
}

.page a.cpb,.page a:hover,.page a.currPage{
	background: #e71a21;
	border: 1px #e71a21 solid;
	color: #fff
}

.page span {
	display: inline-block;
	margin: 0 10px
}

.page span b {
	font-weight: normal;
	color: #0083cd
}

.news-show {
	padding: 70px 0
}

.news-show .h1 {
	color: #333;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 21px
}

.news-show .h2 {
	text-align: center;
	font-size: 14px;
	color: #666;
	background: #eee;
	padding: 9px 0 10px 0
}

.news-show .h2 img {
	margin-right: 3px
}

.news-show .h2 span {
	padding: 0 23px
}

.news-show .news-bottom {
	padding: 20px 0
}

.news-show .news-bottom .nr-bottom {
	padding: 48px 14px
}

.news-show .new-info {
	font-size: 16px;
	color: #666;
	line-height: 32px;
	padding: 37px 30px 100px 30px
}
.news_detail ul li{
    position: relative;
    padding-left: 12px;
    list-style-type: none;
}
.news_detail ul li:before{
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 6px; 
  height: 6px; 
  border-radius: 50%;
  background: #333;
}
.prev-next {
	overflow: hidden;
	position: relative;
	font-size: 16px
}

.prev-next a {
	color: #fff;
	display: block;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}

.prev-next .prev,.prev-next .next {
	width: 50%;
	float: left;
	transition: all .5s;
	overflow: hidden;
	padding: 0 22px;
	background: #333;
	color: #fff;
	line-height: 50px;
}
.prev-next .prev:before,.prev-next .next:before{
    display: none;
}
.prev-next .prev:hover,.prev-next .next:hover{
	background: #0083cd
}

.related {
	margin-top: 47px
}

.related .relate-title {
	border-bottom: 2px solid #eee
}

.related .relate-title h3 {
	width: 140px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-size: 20px;
	background: #0083cd
}

.related ul {
	margin-top: 27px
}

.related ul li {
	width: 50%;
	float: left;
	padding: 0 30px;
	font-size: 16px
}

.related ul li a {
	color: #333;
	line-height: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	padding-right: 100px;
	display: block;
	padding-left: 17px;
	transition: .5s
}

.related ul li a:after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #0083cd;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px
}

.related ul li a span {
	position: absolute;
	top: 0;
	right: 0;
	color: #999
}

@media (min-width:1025px) {
	.related ul li:hover a {
		color: #0083cd;
		text-decoration: underline;
		padding-left: 27px
	}
}

.aside-left {
	float: left;
	width: 25%;
}

.aside-left .aside-title {
	color: #fff;
	text-align: center;
	padding: 28px 20px 26px 20px;
	border-radius: 20px 0 20px 0;
	background: #0083cd;
	margin-bottom: 10px
}

.aside-left .aside-title h3 {
	font-size: 30px;
	font-weight: bold
}

.aside-left .aside-title p {
	font-size: 14px;
	text-transform: uppercase;
	opacity: .6
}

.aside-left .list {
	border: 0px solid #e5e5e5
}

.aside-left .list ul li {
	border-bottom: 1px solid #e5e5e5;
	position: relative
}

.aside-left .list ul li .first {
	display: block;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	padding: 0 40px 0 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.aside-left .list ul li .more1 {
	background: url("../images/a.png") no-repeat center center;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 5
}

.aside-left .list ul li .er {
	padding-bottom: 17px;
	display: none
}

.aside-left .list ul li .er li {
	border-bottom: 0
}

.aside-left .list ul li .er li .second {
	background: url("../images/dot.png") no-repeat 15px center;
	font-size: 14px;
	line-height: 40px;
	padding: 0 45px 0 35px;
	display: block;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.aside-left .list ul li .er li .more2 {
	background: url("../images/a.png") no-repeat center center;
	background-size: 10px;
	width: 50px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 5
}

.aside-left .list ul li .er li .san {
	display: none;
	padding-bottom: 0
}

.aside-left .list ul li .er li .san li {
	padding-left: 22px
}

.aside-left .list ul li .er li .san li .third {
	background: url("../images/d1.png") no-repeat 15px center;
	background-size: 5px;
	display: block;
	font-size: 14px;
	line-height: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 10px 0 35px
}

@media (min-width:1025px) {
	.aside-left .list ul li .er li .san li:hover a {
		color: #0083cd
	}
}

.aside-left .list ul li .er li .san .active a {
	color: #0083cd
}

@media (min-width:1025px) {
	.aside-left .list ul li .er li:hover .second {
		background: #fce5e7 url("../images/dot.png") no-repeat 15px center
	}

	.aside-left .list ul li .er li:hover .more2 {
		background: url("../images/aa.png") no-repeat center center;
		background-size: 10px
	}
}

.aside-left .list ul li .er .active .second {
	background: #fce5e7 url("../images/dot.png") no-repeat 15px center
}

.aside-left .list ul li .er .active .more2 {
	background: url("../images/aa.png") no-repeat center center;
	background-size: 10px
}

.aside-left .list ul li .er .active .san {
	display: block
}

@media (min-width:1025px) {
	.aside-left .list ul li:hover .first {
		color: #fff;
		background: #d60404
	}

	.aside-left .list ul li:hover .more1 {
		background: url("../images/ah.png") no-repeat center center
	}
}

.aside-left .list ul li:nth-last-child(1) {
	border-bottom: 0
}

.aside-left .list ul .active .first {
	color: #fff;
	background: #d60404
}

.aside-left .list ul .active .more1 {
	background: url("../images/ah.png") no-repeat center center
}

.aside-left .list ul .active .er {
	display: block
}

.aside-left .list ul .active .er .active .san {
	display: block
}

.aside-right {
	float: right;
	width: 71%; margin-top: 38px;
}

.download {
	padding-bottom: 85px;
	position: relative;
	z-index: 3
}

.download-list {
	margin-bottom: 75px
}

.download-list li {
	position: relative;
	height: 61px;
	line-height: 60px;
	border-bottom: 1px solid #e6e6e6
}

.download-list li .date {
	width: 142px;
	line-height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 16px;
	color: #555
}

.download-list li .date span {
	display: block;
	color: #222;
	border-radius: 8px;
	background: #f5f5f5
}

.download-list li .filename {
	padding: 0 192px 0 210px
}

.download-list li .filename span {
	display: block;
	font-size: 16px;
	color: #222;
	background: #f5f5f5
}

.download-list li .filename p {
	background: url("../images/zip.png") no-repeat center left;
	padding-left: 39px;
	font-size: 16px;
	color: #555;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background-size: 22px
}

.download-list li .filename p.pdf {
	background: url("../images/pdf.png") no-repeat center left;
	background-size: 22px
}
.download-list li .filename p.dwg {
	background: url("../images/dwg.png") no-repeat center left;
	background-size: 22px
}
.download-list li .filename p.sldasm {
	background: url("../images/sldasm.png") no-repeat center left;
	background-size: 22px
}

.download-list li .download-file {
	width: 225px;
	line-height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	text-align: center
}

.download-list li .download-file span {
	display: block;
	color: #222;
	text-align: center;
	border-radius: 8px;
	background: #f5f5f5
}

.download-list li .download-file p {
	background: #0083cd url("../images/down.png") no-repeat 16px center;
	display: inline-block;
	padding-left: 28px;
	width: 110px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	background-size: 18px;
	border-radius: 30px;
	vertical-align: middle
}

.download-list li a {
	display: block
}

@media (min-width:1025px) {
	.download-list li:hover a {
		background: #fdf2f3
	}

	.download-list li:hover a .filename p {
		color: #f4313f
	}
}

.download-list li:nth-child(1) {
	border-bottom: 0;
	height: 60px;
	margin-bottom: 11px;
	background: #f5f5f5
}
.home-product .productlist .slick-track{
	padding-bottom: 10px;
}

.product {
	padding-bottom: 85px;
	position: relative;
	z-index: 3
}

.product .productlist {
	margin: 0 -26px
}


.product .productlist li {
	padding: 0 16px;
	margin-bottom: 32px
}

.product .productlist li a .box {
	padding: 10px
}

.product .productlist li a .box .bt {
	font-size: 16px;
	line-height: 55px
}

.pro-info {
	margin-top: 50px;
	font-size: 16px;
	color: #333;
	line-height: 30px;
	padding: 30px 20px 35px 20px;
	border-radius: 10px;
	margin-bottom: 50px;
	background: #f2f2f2
}

.se-case ul li {
	width: 16.666666666666668%
}

.se-nav ul li {
	width: 14.285714285714286%
}

.case .case-title {
	padding: 80px 0;
	background: #fcfcfc url("../images/cbg.png") no-repeat bottom center
}

.case .case-title .text {
	float: left;
	width: 50%;
	padding-top: 31px
}

.case .case-title .text .bt {
	font-size: 30px;
	color: #333;
	font-weight: bold;
	margin-bottom: 24px
}

.case .case-title .text .jsh {
	font-size: 16px;
	color: #333;
	line-height: 32px
}

.case .case-title .pic {
	float: right;
	width: 44.445%
}

.case .case-title .pic img {
	transition: .5s
}

.case .case-title .pic:after {
	padding-bottom: 74.10714285714286%
}

.case .case-list {
	padding: 80px 0
}

.case .case-list ul li {
	overflow: hidden
}

.case .case-list ul li .box .text {
	width: 50%;
	float: right;
	padding: 7% 4% 0 4%
}

.case .case-list ul li .box .text .bt {
	height: 33px;
	margin-bottom: 23px;
	overflow: hidden
}

.case .case-list ul li .box .text .bt img {
	max-height: 100%
}

.case .case-list ul li .box .text .jsh {
	font-size: 16px;
	line-height: 40px;
	color: #666
}

.case .case-list ul li .box .text .jsh p {
	position: relative;
	padding-left: 82px
}

.case .case-list ul li .box .text .jsh p span,.case .case-list ul li .box .text .jsh p em {
	position: absolute;
	top: 0;
	width: 80px;
	font-weight: bold;
	color: #333;
	display: block;
	left: 0;
	text-align: right;
	font-style: normal;
}

.case .case-list ul li .box .pic {
	float: left;
	width: 50%
}

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

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

.case .case-list ul li .box .pic .hover {
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 100%;
	line-height: 40px;
	padding: 0 20px;
	background: #0083cd;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	transition: .5s
}

@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 {
		bottom: 0
	}
}

.case .case-list ul li:nth-child(2n) .box .text {
	float: left
}

.case .case-list ul li:nth-child(2n) .box .pic {
	float: right
}

.honor {
	padding: 74px 0
}

.honor .item {
	overflow: hidden;
	padding-bottom: 5px;
	margin-bottom: 31px
}

.honor .item .title {
	font-size: 24px;
	color: #000;
	font-weight: bold;
	margin-bottom: 34px
}

.honor .item ul {
	margin: 0 -51px
}

.honor .item ul li {
	width: 25%;
	padding: 50px 51px 0 51px;
	float: left;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	position: relative
}

.honor .item ul li:after {
	position: absolute;
	bottom: -6px;
	right: -6px;
	width: 11px;
	height: 11px;
	background: #e1e1e1;
	border-radius: 50%;
	content: '';
	display: block
}

.honor .item ul li .box {
	padding-bottom: 28px
}

.honor .item ul li .box .pic {
	border: 1px solid #d2d2d2;
	transition: .5s
}

.honor .item ul li .box .pic:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	transition: .5s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 6
}

.honor .item ul li .box .pic img {
	transition: .5s
}

.honor .item ul li .box .pic:after {
	padding-bottom: 144.77611940298507%
}

.honor .item ul li .box .bt {
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height: 41px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

@media (min-width:1025px) {
	.honor .item ul li:hover .box .pic {
		border: 1px solid #0083cd;
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.2)
	}

	.honor .item ul li:hover .box .pic:before {
		border: 1px solid #0083cd
	}
}

.honor .item ul li:nth-child(1),.honor .item ul li:nth-child(2),.honor .item ul li:nth-child(3),.honor .item ul li:nth-child(4) {
	padding-top: 0
}

.honor .item02 ul li .box .pic:after {
	padding-bottom: 103.73134328358209%
}

.honor .item03 ul li {
	width: 50%
}

.honor .item03 ul li .box .pic:after {
	padding-bottom: 43.03405572755418%
}

.contact .contact-bottom {
	position: relative
}

.contact .contact-bottom .contact-ul {

}

.contact .contact-bottom .contact-ul ul {
	position: relative;
	z-index: 6;
	float: left;
	width: 180px;
	margin-top: 56px;
display:none;
}

.contact .contact-bottom .contact-ul ul li {
	cursor: pointer;
	padding: 24px 0
}

.contact .contact-bottom .contact-ul ul li p {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	padding: 0 5px;
	background: #9d9d9d;
	position: relative
}

.contact .contact-bottom .contact-ul ul li p:after {
	content: '';
	display: none;
	width: 15px;
	height: 17px;
	background: url("../images/arrow1.png") no-repeat center center;
	position: absolute;
	top: 50%;
	right: -15px;
	margin-top: -8px
}

.contact .contact-bottom .contact-ul ul li:nth-last-child(1) {
	background: 0
}

.contact .contact-bottom .contact-ul ul .sel p {
	background: #0083cd
}

.contact .contact-bottom .contact-ul ul .sel p:after {
	display: block
}

.contact .contact-bottom .contact-ul .map-xx {

}

.contact .contact-bottom .contact-ul .map-xx .map-info {
 margin-bottom:40px;
overflow:hidden;
margin-top:40px;
border-bottom:1px solid #eaeaea;
padding-bottom:40px;
}

.contact .contact-bottom .contact-ul .map-xx .map-info .text {
	padding: 45px 23px 27px 54px;
	border-radius: 5px;
float: left;
width:50%;
	background: rgba(255,255,255,0.8)
}

.contact .contact-bottom .contact-ul .map-xx .map-info .text h3 {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin-bottom: 17px
}

.contact .contact-bottom .contact-ul .map-xx .map-info .text .jsh {
	font-size: 16px;
	color: #333;
	line-height: 40px
}

.contact .contact-bottom .contact-ul .map-xx .map-info .text .jsh p {
	padding-left: 27px
}

.contact .contact-bottom .contact-ul .map-xx .map-info .text .jsh p a {
	color: #333
}

@media (min-width:1025px) {
	.contact .contact-bottom .contact-ul .map-xx .map-info .text .jsh p a:hover {
		color: #0083cd;
		text-decoration: underline
	}
}

.contact .contact-bottom .contact-ul .map-xx .map-info .text .jsh .c1 {
	background: url("../images/co1.png") no-repeat left 10px;
	background-size: 16px
}

.contact .contact-bottom .contact-ul .map-xx .map-info .text .jsh .c2 {
	background: url("../images/co2.png") no-repeat left 11px;
	background-size: 19px
}

.contact .contact-bottom .contact-ul .map-xx .map-info .text .jsh .c3 {
	background: url("../images/co3.png") no-repeat left 12px;
	background-size: 18px
}

.contact .contact-bottom .contact-ul .map-xx .map-info .text .jsh .c4 {
	background: url("../images/co4.png") no-repeat left 12px;
	background-size: 16px
}

.contact .contact-bottom .contact-ul .map-xx .map-info .text .jsh .c5 {
	background: url("../images/co5.png") no-repeat left 14px;
	background-size: 20px
}

.contact .contact-bottom .contact-ul .map-xx .map-info .text .jsh .c6 {
	background: url("../images/co6.png") no-repeat left 8px;
	background-size: 15px
}

.contact .contact-bottom .map-show {
	clear: both;

	overflow: hidden;
	position: relative;
	z-index: 1
}

.contact .contact-bottom .map-show .anchorBL {
	display: none
}

.contact .contact-bottom .map-show .amap-logo {
	display: none!important
}

.contact .contact-bottom .map-show .amap-copyright {
	opacity: 0
}

.contact .map1 {
	height:400px;
	width:50%;
float:left;
}

.contact .map1 img {
	max-width: initial;
	max-height: inherit
}

.contact .map1 .anchorBL {
	display: none
}

.message {
	padding:60px 0 88px 0
}

.message .title {
	text-align: center;
	position: relative;
	color: #0083cd;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 10px
}

.message .tips {
	text-align: center;
	color: #747474;
	line-height: 32px;
	font-size: 16px;
	margin-bottom: 67px
}

.message .red {
	color: #da2f38
}

.message ul {
	max-width: 612px;
	margin: 0 auto
}

.message li {
	position: relative;
	margin-bottom: 14px;
	color: #333;
	font-size: 16px;
	clear: both;
	padding: 0 6px
}
.message li font{
font-size:12px;
text-align:center;
font-weight:bold;
color:#fff;
line-height: 35px;
border-radius: 5px;
background: rgba(255,0,0,0.7);
top: -12px;
right:10px;
width: 160px;
position:absolute;
display:none;
}
.message li font::after {
content: '';
margin-top: 42px;
display: inline-block;
border-width: 6px 10px 9px 10px;
border-style: solid;
border-color: transparent;
border-top-color: rgb(255, 0, 0,0.7);
transform: rotate(147deg) translate(-12px, 6px);
position: absolute;
bottom: -18px;
left: 10px;
 }


.message .p-01 {
	line-height: 30px;
	margin-bottom: 4px
}

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

.message input,.message textarea {
	width: 100%;
	border: 1px #ebebeb solid;
	color: #333;
	font-size: 16px;
	background: #fff;
	height: 42px;
	padding: 0 10px
}

.message input:focus,.message textarea:focus {
	border-color: #0083cd
}

.message textarea {
	height: 137px;
	line-height: 24px
}

.message .message-submit {
	text-align: center;
	width: 100%
}

.message .message-submit button,.message .message-submit input {
	width: 160px;
	padding: 0;
	font-size: 16px;
	color: #fff;
	background: 0;
	transition: .5s;
	text-transform: uppercase;
	line-height: 44px;
	height: 50px;
	border-radius: 30px;
	background: #0083cd;
	margin: 0 20px;
	vertical-align: top;
	display: inline-block;
	overflow: hidden;
	border: 3px solid #0083cd;
	position: relative;
	outline: none;
	cursor: pointer;
}

.message .message-submit button:before,.message .message-submit input:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0);
	width: 300px;
	height: 300px;
	border-radius: 50%;
	transition: all .5s;
	z-index: 1
}

.message .message-submit button span {
	position: relative;
	z-index: 2
}

.message .message-submit button#quxiao,.message .message-submit input#quxiao {
	background: #fff;
	color: #666;
	border: 3px solid #dadada
}

.message .message-submit button#quxiao:hover,.message .message-submit input#quxiao:hover {
	background: #b20412;
	color: #fff;
	border: 3px solid #b20412
}

@media (min-width:1025px) {
	.message .message-submit button:hover,.message .message-submit input:hover {
		border: 3px solid #b20412
		color: #fff;
	}

	.message .message-submit button:hover:before,.message .message-submit input:hover:before {
		transform: translate(-50%,-50%) scale(1);
		background: #b20412;
	}

	.message .message-submit button:hover span {
		color: #fff
	}
}

@media (max-width:1023px) {
	.message .title {
		font-size: 22px
	}

	.message .tips {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 20px
	}

	.message .li-02 {
		width: 100%
	}
	.message li font {
		top: -12px;
	}
}

.current {
	padding: 22px 0 22px 0;
	overflow: hidden;
	border-bottom: 1px solid #eee
}

.current span {
	float: left;
	margin-left: 10px
}

.current .return {
	float: right;
	margin-right: 10px
}

.current .return a {
	color: #333;
	background: url("../images/return.png") no-repeat center right;
	padding-right: 16px;
	display: block
}

@media (min-width:1025px) {
	.current .return a:hover {
		text-decoration: underline;
		color: #0083cd
	}
}

.product-pic {
	padding: 70px 0 71px 0;
	overflow: hidden;
	position: relative;
	background: #fff;
}

.product-pic .pro-max {
	position: absolute;
	width: 100%;
	overflow: hidden;
	z-index: 3
}

.product-pic .pro-max .pic {
	width: 100%
}

.product-pic .pro-max .pic:after {
	padding-bottom: 71.42857142857143%
}

.product-pic .pro-max .slick-dots {
	z-index: 10;
	bottom: 38px;
	line-height: 0;
	text-align: center
}

.product-pic .pro-max .slick-dots li {
	margin: 0 4px;
	padding: 0;
	width: 10px;
	height: 10px;
	z-index: 2;
	transition: .5s;
	border-radius: 30px
}

.product-pic .pro-max .slick-dots li button {
	width: 10px;
	height: 10px;
	z-index: 2;
	border-radius: 30px;
	display: block;
	padding: 0;
	transition: .5s;
	background: #666
}

.product-pic .pro-max .slick-dots li button:before {
	content: ""
}

.product-pic .pro-max .slick-dots .slick-active button {
	background: #0083cd
}

.product-pic .pro-max .slick-dots .slick-active button:before {
	color: transparent
}

.product-pic .pro-right {
	padding-left: 655px;
	padding-top: 23px;
	min-height: 425px
}

.product-pic .pro-right .bt {
	font-size: 30px;
	color: #333
}

.product-pic .pro-right .bt:after {
	content: '';
	display: block;
	width: 55px;
	height: 3px;
	background: #0083cd;
	margin: 6px 0 14px 0
}

.product-pic .pro-right .jsh {
	margin-bottom: 29px
}

.product-pic .pro-right .jsh p {
	font-size: 16px;
	color: #333;
	line-height: 30px
}

.product-pic .pro-right .list {
	margin-bottom: 62px
}

.product-pic .pro-right .list .list-title {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-bottom: 13px
}

.product-pic .pro-right .list ul li {
	width: 50%;
	float: left;
	font-size: 16px;
	color: #000;
	line-height: 30px;
	background: url("../images/cs.png") no-repeat 6px 5px;
	padding-left: 37px;
	background-size: 20px
}

.link a {
	display: block;
	float: left;
	margin-right: 10px;
	width: 160px;
	line-height: 48px;
	height: 50px;
	color: #fff;
	font-size: 16px;
	background: #0083cd;
	text-align: center;
	transition: .5s;
	position: relative;
	overflow: hidden
}

.link a:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0);
	width: 300px;
	height: 300px;
	border-radius: 50%;
	transition: all .5s;
	z-index: 1
}

.link a span {
	position: relative;
	z-index: 2
}

.link a img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 22px
}

@media (min-width:1025px) {
	.link a:hover {
		text-decoration: underline
	}

	.link a:hover:before {
		transform: translate(-50%,-50%) scale(1);
		background: #bc0211
	}
}

.link .link-contact {
	color: #333;
	background: url("../images/more.png") no-repeat center center
}

@media (min-width:1025px) {
	.link .link-contact:hover {
		color: #0083cd;
		text-decoration: underline
	}

	.link .link-contact:hover:before {
		transform: translate(-50%,-50%) scale(1);
		background: #fde5e7
	}
}

.pro-nav {
	border-bottom: 1px solid #d6d8db;
	overflow: hidden
}

.pro-nav ul li {
	float: left;
	margin-right: 74px
}

.pro-nav ul li a {
	display: block;
	line-height: 90px;
	font-size: 20px;
	color: #333;
	transition: .5s;
	border-bottom: 2px solid #fff
}

@media (min-width:1025px) {
	.pro-nav ul li:hover a {
		color: #0083cd;
		border-bottom: 2px solid #0083cd
	}
}

.pro-nav ul .sel a {
	color: #0083cd;
	font-weight: bold;
	border-bottom: 2px solid #0083cd
}

.p-title {
	font-size: 24px;
	color: #010101;
	font-weight: bold
}

.p-title span {
	color: #ccc;
	margin-left: 11px;
	margin-right: 12px
}

.product-info {
	padding: 42px 0
}

.product-info .item {
	border-bottom: 2px solid #ddd;
	padding-bottom: 24px;
	margin-bottom: 27px
}

.product-info .item .pro-nr {
	padding: 39px 0
}

/*.product-info .item .pro-nr img {
	display: block
}*/

.product-info .item:nth-last-child(1) {
	border-bottom: 0;
	margin-bottom: 0
}

.message1 {
	padding: 53px 0;
	max-width: 895px;
	margin: 6px auto;
	border: 10px solid #e7e7e7
}

.message1 .tips {
	color: #333;
	margin-bottom: 56px
}

.message1 select {
	width: 100%;
	border: 1px #ebebeb solid;
	color: #333;
	font-size: 16px;
	background: #fff;
	height: 42px;
	padding: 0 10px
}

.message1 select::-ms-expand {
	display: none
}

.message1 select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff url(../images/a.png) no-repeat scroll 95% center;
	background: #fff9
}

@keyframes scale2 {
	from {
		transform: scale(0);
		opacity: 0
	}

	to {
		transform: scale(1);
		opacity: 1
	}
}

.scale2 {
	animation-name: scale2
}

/*@font-face {*/
/*	font-family:'AkzidenzGrotesk-BoldCondAlt';src:url('../font/AkzidenzGrotesk-BoldCondAlt.eot');src:url('../fonts/akzidenzgrotesk-boldcondalt.eot') format('embedded-opentype'),url('../fonts/akzidenzgrotesk-boldcondalt.woff2') format('woff2'),url('../fonts/akzidenzgrotesk-boldcondalt.woff') format('woff'),url('../fonts/akzidenzgrotesk-boldcondalt.svg#akzidenzgrotesk-boldcondalt') format('svg');font-weight:normal;font-style:normal*/
/*}*/

.history {
	color: #333;
	padding-top: 80px;
	padding-bottom: 80px
}

.history .hd {
	text-align: center;
	position: relative;
	z-index: 1
}

.history .hd:after {
	content: "";
	display: block;
	border-left: 1px #dcdcdc solid;
	position: absolute;
	z-index: 0;
	height: 50%;
	left: 50%;
	bottom: 0
}

.history .hd .title {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	font-size: 38px;
	line-height: 1;
	color: #fff;
	background-color: #0083cd;
	display: inline-block;
	vertical-align: middle;
	transform: translateX(20px);
	position: relative;
	text-align: center;
	z-index: 1
}

.history .hd .title span {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.history .hd .pic {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	transform: translateX(-20px);
	position: relative;
	z-index: 0;
	background: #efefef
}

.history .hd .pic img {
	max-width: 100px;
	margin-left: 40px
}

.history .bd {
	padding-top: 40px;
	position: relative
}

.history .bd:after {
	content: "";
	display: block;
	border-left: 1px #dcdcdc solid;
	position: absolute;
	height: 100%;
	left: 50%;
	top: 0
}

.history .bd li {
	overflow: hidden;
	margin-bottom: 30px;
	position: relative
}

.history .bd li:after {
	content: "";
	display: block;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #fff;
	border: 3px #0083cd solid;
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -8px;
	top: 18px
}

.history .bd li:last-child {
	margin-bottom: 0
}

.history .bd .box {
	padding: 0 20px 0 60px;
	position: relative;
	width: 50%;
	float: right
}

.history .bd .year {
	transform-origin: top left!important;
	text-align: left;
	font-weight: 700;
	font-size: 42px;
	color: #0083cd;
	font-family: AkzidenzGrotesk-BoldCondAlt;
	line-height: 1
}

.history .bd .info {
	font-size: 16px;
	color: #333;
	margin: 10px 0 10px 0;
	line-height: 2;
	transform-origin: top left!important
}

.history .bd li:nth-child(2n) .box {
	float: left;
	text-align: right;
	padding: 0 60px 0 20px
}

.history .bd li:nth-child(2n) .year {
	transform-origin: top right!important;
	text-align: right
}

.history .bd li:nth-child(2n) .info {
	transform-origin: top right!important
}

@media  screen and (max-width:1023px) {
	.history .hd .title {
		width: 140px;
		height: 140px;
		font-size: 28px
	}

	.history .hd .pic {
		width: 140px;
		height: 140px
	}

	.history .hd .pic img {
		max-width: 80px;
		margin-left: 40px
	}

	.history .bd li {
		margin-bottom: 10px
	}

	.history .bd li:after {
		top: 10px
	}

	.history .bd .box {
		padding: 0 10px 0 30px
	}

	.history .bd .year {
		font-size: 32px
	}

	.history .bd .info {
		font-size: 14px
	}

	.history .bd li:nth-child(2n) .box {
		padding: 0 30px 0 10px
	}
}

@media  screen and (max-width:767px) {
	.history {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.history .hd:after {
		display: none
	}

	.history .hd .title {
		width: 120px;
		height: 120px;
		font-size: 24px
	}

	.history .hd .pic {
		width: 120px;
		height: 120px
	}

	.history .hd .pic img {
		max-width: 60px;
		margin-left: 40px
	}

	.history .bd {
		padding-top: 20px
	}

	.history .bd:after {
		display: none
	}

	.history .bd li:after {
		display: none
	}

	.history .bd .box {
		width: 100%;
		text-align: left;
		padding: 0 10px
	}

	.history .bd li:nth-child(2n) .box {
		padding: 0 10px;
		text-align: left
	}

	.history .bd li:nth-child(2n) .year {
		text-align: left
	}
}

.global {
	color: #333;
	padding-top: 10px;
	padding-bottom: 80px
}

.global .item {
	display: none
}

.global .table-01 {
	text-align: center;
	line-height: 20px;
	margin-bottom: 30px
}

.global .table-01 td {
	border: 1px #bfbfbf solid;
	padding: 10px 10px
}

.global .table-01 a {
	color: #333
}

.global .table-01 a:hover {
	color: #0083cd;
	text-decoration: underline
}

.global .table-01 tr td.td-01 {
	width: 100px
}

.global .table-01 tr td.td-02 {
	width: 80px
}

.global .table-01 tr td.td-03 {
	width: 80px
}

.global .table-01 tr td.td-04 {
	width: 260px
}

.global .table-01 tr:hover {
	background: #f2f2f2
}

.global .table-01 .title {
	background: #0083cd;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	font-weight: 700;
	text-align: center
}

.global .table-01 .title td {
	border: 1px #0083cd solid
}

.global .table-01 .title:hover {
	background: #0083cd
}


/* 产品系列介绍 */
.series-intro {
	background: #f5f7f9;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 40px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.series-intro h2 {
	color: #0083cd;
	margin-bottom: 20px;
	font-size: 2rem;
	font-weight: bold;
}

.series-intro p {
	max-width: 800px;
	margin-bottom: 25px;
	font-size: 1.1rem;
	line-height: 1.8;
}

.features {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 25px;
	margin-top: 20px;
}

.feature {
	flex: 1;
	min-width: 250px;
	max-width: 300px;
	padding: 20px;
	background:#fff;
	border-radius: 8px;
	text-align: center;
}
.feature i img {
	max-width: 25%;
	display: block;
	margin: 0 auto 15px;
}

.feature i {
	font-size: 2.5rem;

}

.feature h3 {
	color: #000;
	margin-bottom: 10px;
	font-size: 22px;font-weight: bold;
}


@media  screen and (max-width:1023px) {
	.global .table-01 {
		font-size: 12px;
		overflow: auto;
		-webkit-overflow-scrolling: touch
	}

	.global .table-01 table {
		width: 100%
	}

	.global .table-01 .title {
		font-size: 14px
	}

	.global .table-01 td {
		padding-left: 5px;
		padding-right: 5px
	}

	.global .table-01 tr td.td-01 {
		width: 10%
	}

	.global .table-01 tr td.td-02 {
		width: 10%
	}

	.global .table-01 tr td.td-03 {
		width: 10%
	}

	.global .table-01 tr td.td-04 {
		width: 25%
	}

	.global .table-01 tr td.td-05 {
		width: 25%
	}
}

@media  screen and (max-width:767px) {
	.global {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.global .table-01 {
		margin-bottom: 20px
	}

	.global .table-01 td {
		padding-top: 5px;
		padding-bottom: 5px
	}

	.feature {
		flex: 1;
		min-width: 46%;
		max-width: 46%;
		padding: 2%;
	}
}

@media (max-width:1023px) {
	.contact .contact-bottom .contact-ul {
		position: relative;
		top: auto;
		width: 100%
	}

	.contact .contact-bottom .contact-ul ul {
		width: 100%;
		margin-top: 30px
	}

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

	.contact .contact-bottom .contact-ul ul li p {
		height: 40px;
		line-height: 40px;
		font-size: 14px
	}

	.contact .contact-bottom .contact-ul ul li p:after {
		display: none
	}

	.contact .contact-bottom .contact-ul ul .sel p:after {
		display: none
	}

	.contact .contact-bottom .contact-ul .map-xx .map-info .text {
		width: 100%;
		padding: 20px 0
	}

	.contact .contact-bottom .contact-ul .map-xx .map-info .text h3 {
		font-size: 16px;
		margin-bottom: 10px
	}

	.contact .contact-bottom .contact-ul .map-xx .map-info .text .jsh {
		font-size: 14px
	}

	.contact .map1 {
		height: 400px;
	width:100%;
	}
.contact .contact-bottom .contact-ul .map-xx .map-info {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 20px;
}
	.contact .contact-bottom .map-show {
		height: 400px
	}

	.message .message-submit button {
		width: 120px;
		font-size: 14px;
		line-height: 34px;
		height: 40px;
		margin: 0 5px
	}

	.message input,.message textarea {
		height: 35px;
		font-size: 14px
	}

	.message li {
		margin-bottom: 5px;
		font-size: 14px
	}

	.message {
		padding: 30px 0
	}

	.message ul {
		max-width: 100%
	}

	.product {
		padding-bottom: 30px
	}

	.product .productlist {
		margin: 0 -5px
	}

	.product .productlist li {
		padding: 0 5px;
		margin-bottom: 10px
	}

	.product .productlist li a .box .bt {
		font-size: 14px;
		line-height: 55px
	}

	.pro-info {
		margin-top: 30px;
		font-size: 14px;
		line-height: 25px;
		padding: 10px;
		border-radius: 10px;
		margin-bottom: 20px
	}

	.download-list {
		margin-bottom: 30px;
		margin-top: 30px
	}

	.download-list li .date {
		width: 80px;
		font-size: 12px
	}

	.download-list li .filename {
		padding: 0 70px 0 90px
	}

	.download-list li .filename span {
		font-size: 12px
	}

	.download-list li .download-file {
		width: 69px;
		font-size: 12px
	}

	.download-list li .filename p {
		font-size: 12px
	}

	.aside-left {
		display: none
	}

	.aside-right {
		width: 100%
	}

	.download {
		padding-bottom: 30px
	}

	.download-list li .download-file p {
		background: #0083cd url(../images/down.png) no-repeat center center;
		padding-left: 0;
		font-size: 12px;
		background-size: 18px;
		color: transparent;
		width: 30px
	}
}

@media (max-width:1650px) {
	.nav ul li a {
		font-size: 18px;
	}

	.nav ul li {
		margin-left: 20px;
	}
}

@media (max-width:1550px) {
	.header .header-search {
		margin-left: 18px
	}

	.header .container {
		max-width: 1400px;
	}

	.header .logo {
		padding-left: 0
	}

	.header .logo a .text h3 {
		font-size: 18px
	}

	.header .logo a .text p {
		font-size: 12px;
	}

	.nav ul li {
		margin-left: 12px;
	}

	.nav ul li a {
		font-size: 16px;
	}

	.nav {
		padding-top: 25px
	}

	.header .header-right {
		margin: 0
	}

	.header .yg {
		margin-top: 37px
	}

	.header .header-search {
		margin-top: 33px
	}

	.headerFixed .yg {
		margin-top: 21px
	}

	.headerFixed .header-search {
		margin-top: 16px
	}

	.home-banner .slick-prev {
		left: 10px
	}

	.home-banner .slick-next {
		right: 10px
	}
}

@media (max-width:1420px) {
	.container {
		max-width: 1260px;
		padding: 0 10px
	}

	.header .container {
		max-width: 1260px;
		padding: 0 10px
	}

	.nav ul li a {
		padding: 0 7px
	}

	.home-advantages .home-bottom ul {
		padding: 0 40px
	}

	.home-about .home-bottom .text .list li {
		width: 180px
	}
}

@media (max-width:1259px) {
	.container {
		max-width: 1023px;
	}

	.header .container {
		width: 100%
	}

	.header .header-right {
		display: none
	}

	.nav {
		display: none
	}

	.header .logo a img {
		height: 40px
	}

	.header .logo {
		padding-top: 10px
	}

	.home-about .home-bottom .text .list li {
		width: 140px;
		padding: 0 10px
	}

	.home-about .home-bottom .text .jsh {
		margin-bottom: 10px
	}

	.home-about .home-bottom .text {
		padding-top: 5px
	}

	.home-about .home-bottom .text .list {
		margin-bottom: 24px
	}

	.home-xiaoshou .home-bottom .maplist {
		padding: 0
	}

	.home-advantages .home-bottom ul {
		padding: 0
	}

	.home-advantages .home-bottom {
		background-size: 1685px
	}

	/*.home-advantages .home-bottom ul li:nth-child(2n) {
		padding-top: 310px
	}*/
}

@media (max-width:1024px) {
	.case .case-list ul li .box .text {
		padding: 5% 4% 0 4%
	}
	.home-product .more{display: none;}
	.about02 .list li .p {
		font-size: 15px
	}
	.home-info .home-bottom .list{float: unset; width: 100%;}
	.home-info .home-bottom .one{float: unset; width: 100%;margin-top: 80px;}
	.home-info .nlist li a:after{display: none;}
	.home-info .home-bottom .one .wbox .txt {
		font-size: 18px;
		line-height: 22px;
	}
	.home-info .home-bottom .one .wbox .txt {
		display: none;
	}
	.home-class .classlist li a .box .bt{font-size: 13px;}


	.about02 .list li .num span {
		font-size: 32px
	}

	.about02 .list li .num {
		font-size: 14px
	}

	.about01 .text .logo1 {
		top: 0
	}

	.about01 .text {
		padding-top: 41px
	}

	.about01 .text .jsh {
		font-size: 14px;
		line-height: 28px
	}
}

@media (max-width:1023px) {

	.home-class {
		padding: 30px 0 40px 0;
		width: 96%;
	}


	.current {
		padding: 15px 0;
		font-size: 12px;
		line-height: 25px
	}

	.current span {
		margin-left: 0
	}

	.current .return {
		margin-right: 0
	}
	.home-info .home-bottom .one .wbox .titw {
		font-size: 16px;
		line-height: 22px;
	}
	.home-info {
		padding: 33px 0 41px 0;
	}
	.home-panner {
		padding: 33px 0 41px 0;
	}
	.cplist .frp {
		width: 100%;
		float: unset;
	}
	.tab001 td.tb1 a {
		padding: 0 10px;
		margin-right: 5px;
	}
	.productlist li a .box .model {
		font-size: 12px;
		line-height: 14px;
	}
	.product-pic {
		padding: 30px 0
	}

	.product-pic .pro-max {
		position: relative;
		width: 100%
	}

	.product-pic .pro-right {
		padding-left: 0;
		padding-top: 10px;
		min-height: 0
	}

	.product-pic .pro-right .bt {
		font-size: 20px
	}

	.product-pic .pro-right .bt:after {
		width: 25px;
		margin: 6px 0 10px 0
	}

	.product-pic .pro-right .jsh {
		margin-bottom: 20px
	}

	.product-pic .pro-right .jsh p {
		font-size: 14px;
		line-height: 30px
	}

	.product-pic .pro-right .list {
		margin-bottom: 20px
	}

	.product-pic .pro-right .list .list-title {
		font-size: 16px;
		margin-bottom: 5px
	}

	.product-pic .pro-right .list ul li {
		width: 100%;
		font-size: 14px
	}

	.link a {
		width: 120px;
		line-height: 36px;
		height: 38px;
		font-size: 14px
	}

	.link a img {
		width: 18px
	}

	.link .link-contact {
		background-size: 120px
	}

	.pro-nav ul li {
		margin-right: 10px
	}

	.pro-nav ul li a {
		line-height: 40px;
		font-size: 14px
	}

	.p-title {
		font-size: 16px
	}

	.p-title span {
		margin-left: 5px;
		margin-right: 5px;
		font-size: 14px;
		font-weight: normal
	}

	.p-title img {
		width: 30px
	}

	.product-info {
		padding: 20px 0
	}

	.product-info .item {
		padding-bottom: 10px;
		margin-bottom: 20px
	}

	.product-info .item .pro-nr {
		padding: 20px 0
	}

	.message1 {
		padding: 20px;
		max-width: 100%;
		border: 5px solid #e7e7e7
	}

	.message1 .tips {
		margin-bottom: 20px
	}

	.message1 select {
		font-size: 14px;
		height: 35px
	}

	.honor {
		padding: 30px 0
	}

	.honor .item {
		overflow: hidden;
		padding-bottom: 5px;
		margin-bottom: 11px
	}

	.honor .item .title {
		font-size: 18px;
		margin-bottom: 14px
	}

	.honor .item ul {
		margin: 0 -20px
	}

	.honor .item ul li {
		width: 50%;
		padding: 20px 20px 0 20px
	}

	.honor .item ul li .box {
		padding-bottom: 20px
	}

	.honor .item ul li .box .bt {
		font-size: 14px;
		line-height: 30px
	}

	.honor .item ul li:nth-child(3),.honor .item ul li:nth-child(4) {
		padding-top: 20px
	}

	.honor .item03 ul li {
		width: 100%
	}

	.case .case-title {
		padding: 30px 0
	}

	.case .case-title .text {
		width: 100%;
		padding-top: 0;
		margin-bottom: 10px
	}

	.case .case-title .text .bt {
		font-size: 20px;
		margin-bottom: 10px
	}

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

	.case .case-title .pic {
		width: 100%
	}

	.case .case-list {
		padding: 30px 0
	}

	.case .case-list ul li .box .text {
		width: 100%;
		float: none;
		padding: 10px
	}

	.case .case-list ul li .box .text .bt {
		height: 23px;
		margin-bottom: 10px
	}

	.case .case-list ul li .box .text .jsh {
		font-size: 14px;
		line-height: 30px
	}

	.case .case-list ul li .box .text .jsh p {
		position: relative;
		padding-left: 82px
	}

	.case .case-list ul li .box .text .jsh p span,.case .case-list ul li .box .text .jsh p em {
		position: absolute;
		top: 0;
		width: 80px;
		font-weight: bold;
		color: #333;
		display: block;
		left: 0;
		text-align: right;

	}

	.case .case-list ul li .box .pic {
		float: none;
		width: 100%
	}

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

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

	.case .case-list ul li .box .pic .hover {
		position: absolute;
		bottom: -40px;
		left: 0;
		width: 100%;
		line-height: 40px;
		padding: 0 20px;
		background: #0083cd;
		color: #fff;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		font-size: 16px;
		transition: .5s
	}

	.case .case-list ul li:nth-child(2n) .box .text {
		float: none
	}

	.case .case-list ul li:nth-child(2n) .box .pic {
		float: none
	}

	.news-show {
		padding: 30px 0
	}

	.news-show .h1 {
		font-size: 20px;
		margin-bottom: 10px
	}

	.news-show .h2 {
		font-size: 12px
	}

	.news-show .new-info {
		font-size: 14px;
		padding: 20px 0 20px 0
	}

	.prev-next .prev,.prev-next .next {
		width: 100%;
		padding: 0 10px;	
	}

	.prev-next a {
		line-height: 35px;
		margin-bottom: 5px
	}

	.prev-next {
		font-size: 12px;
		/*padding: 10px 0*/
	}

	.related {
		margin-top: 20px
	}

	.related .relate-title h3 {
		width: 100px;
		height: 30px;
		line-height: 30px;
		font-size: 16px
	}

	.related ul {
		margin-top: 20px
	}

	.related ul li {
		width: 100%;
		padding: 0 10px;
		font-size: 14px
	}

	.related ul li a {
		line-height: 30px;
		padding-right: 90px
	}

	.news-show {
		padding: 30px 0
	}

	.news-show .h1 {
		font-size: 20px;
		margin-bottom: 10px
	}

	.news-show .h2 {
		font-size: 12px
	}

	.news-show .new-info {
		font-size: 14px;
		padding: 20px 0 20px 0
	}

	.prev-next .prev,.prev-next .next {
		width: 100%;
		/*padding: 0*/
	}

	.prev-next a {
		line-height: 35px;
		margin-bottom: 5px
	}

	.prev-next {
		font-size: 12px;
		/*padding: 10px 0*/
	}

	.related {
		margin-top: 20px
	}

	.related .relate-title h3 {
		width: 100px;
		height: 30px;
		line-height: 30px;
		font-size: 16px
	}

	.related ul {
		margin-top: 20px
	}

	.related ul li {
		width: 100%;
		padding: 0 10px;
		font-size: 14px
	}

	.related ul li a {
		line-height: 30px;
		padding-right: 90px
	}

	.news {
		padding: 30px 0
	}

	.news .news-list {
		margin: 20px -5px 20px -5px
	}

	.news .news-list li {
		width: 50%;
		margin-bottom: 10px
	}

	.page a {
		font-size: 12px;
		line-height: 30px;
		min-width: 0;
		height: 32px;
		padding: 0 7px;
		display: none
	}

	.page input {
		height: 32px;
		width: 30px;
		font-size: 14px
	}

	.page a.queding {
		width: 30px;
		height: 32px;
		line-height: 30px
	}

	.page .next {
		display: inline-block!important
	}

	.insider-job {
		width: 100%;
		overflow: auto
	}

	.job dl {
		width: 1004px;
		margin: 20px auto
	}

	.job .list_dt {
		font-size: 14px
	}

	.job dl .list0 {
		font-size: 14px
	}

	.job .jobsub h3 {
		font-size: 16px
	}

	.job .jobsub p {
		line-height: 30px;
		font-size: 14px
	}

	.job .jobsub {
		padding: 30px 25px 30px 48px
	}

	.job {
		padding: 30px 0
	}

	.job .title {
		font-size: 22px
	}

	.job .tips {
		font-size: 14px;
		line-height: 25px
	}

	.second-nav .container02 {
		padding: 0
	}

	.second-nav ul li {
		width: 50%
	}

	.second-nav ul li .box {
		padding: 10px 5px;
		border: 0
	}

	.second-nav ul li .pic {
		width: 30px;
		height: 30px
	}

	.second-nav ul li .bt {
		font-size: 14px
	}

	.se-nav ul li {
		width: 25%;
		border: 0
	}

	.about01 {
		padding: 30px 0
	}

	.about01 .img {
		float: none;
		width: 440px
	}

	.about01 .img img {
		position: relative;
		z-index: 3
	}

	.about01 .text {
		float: none;
		width: 100%;
		padding-top: 20px
	}

	.about01 .text .logo1 {
		position: relative;
		top: auto;
		left: auto
	}

	.about01 .text .bt {
		font-size: 20px;
		margin-bottom: 10px
	}

	.about01 .text .jsh span {
		font-size: 16px
	}

	.about02 .list {
		padding-bottom: 30px
	}

	.about02 .list li {
		padding: 0 5px;
		width: 33.333333333333336%
	}

	.about02 .list li .p {
		font-size: 14px
	}

	.about02 .list li .num {
		font-size: 14px
	}

	.about02 .list li .num span {
		font-size: 28px
	}

	.about02 .list li:nth-child(3n) {
		border: 0
	}

	.about02 .list li:nth-child(3n) .box {
		border: 0
	}

	.about03 {
		padding: 30px 0
	}

	.about03 .about-title {
		font-size: 24px
	}

	.about03 ul {
		margin-top: 20px;
		font-size: 0
	}

	.about03 ul li {
		float: none;
		width: 50%;
		padding: 0 15px;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 10px
	}

	.about03 ul li .box .pic {
		width: 40px;
		height: 40px
	}

	.about03 ul li .box .text {
		padding-top: 10px
	}

	.about03 ul li .box .bt {
		font-size: 16px;
		margin-bottom: 5px;
		font-weight: bold
	}

	.about03 ul li .box .jsh {
		font-size: 14px;
		line-height: 25px
	}

	.about03 ul li:nth-child(2n) {
		padding-top: 0
	}

	.container {
		width: 100%
	}

	.home-banner .home-banner-slick {
		display: none
	}

	.home-banner .home-banner-slick-phone {
		display: block
	}

	.home-banner .slick-prev,.home-banner .slick-next {
		width: 30px
	}

	.home-banner .slick-prev {
		background-size: 20px!important
	}

	.home-banner .slick-next {
		background-size: 20px!important
	}

	.home-product {
		padding: 30px 0
	}

	.home-title h3 {
		font-size: 22px
	}

	.home-title h3:before {
		width: 24px;
		height: 3px;
		margin-left: -12px
	}

	.home-title h3:after {
		width: 80px;
		bottom: 1px;
		margin-left: -40px
	}

	.home-product .home-bottom {
		margin-top: 20px;
		margin-bottom: 20px
	}

	.productlist li {
		width: 50%;
		padding: 0 5px
	}
	.productlist.big li {
		width: 50%;
		padding: 0 5px
	}

	.productlist {
		margin: 0 -5px
	}

	.productlist li a .box .bt {
		font-size: 14px;
		line-height: 50px
	}

	.home-product .home-bottom .slick-prev,.home-product .home-bottom .slick-next {
		width: 25px;
		height: 50px;
		margin-top: -25px
	}

	.home-product .home-bottom .slick-prev {
		background-size: 10px!important
	}

	.home-product .home-bottom .slick-next {
		background-size: 10px!important
	}

	.more {
		font-size: 14px;
		width: 120px;
		height: 35px;
		line-height: 35px
	}

	.home-case {
		padding: 30px 0 0 0
	}

	.home-case .home-bottom ul li .box {
		padding-top: 0;
		padding-bottom: 20px
	}

	.home-case .home-bottom ul li {
		border: 0
	}

	.home-case .home-bottom ul li .text {
		padding: 10px 10px 0 10px
	}

	.home-case .home-bottom ul li .text .bt {
		font-size: 16px;
		margin-bottom: 15px
	}

	.home-case .home-bottom ul li .text .bt:after {
		margin: 5px auto 0 auto
	}

	.home-case .home-bottom ul li .text .jsh {
		font-size: 14px;
		line-height: 25px;
		height: auto;
		margin-bottom: 10px;
		max-height: 50px
	}

	.home-case .home-bottom ul li .text .more {
		width: 100px;
		height: 35px;
		font-size: 12px;
		line-height: 33px
	}

	.home-advantages .home-bottom ul li .box .pic {
		width: 50px;
		height: 50px;
		margin: 0 auto 5px auto
	}

	.home-advantages .home-bottom ul li {
		width: 33%;
		float: none;
		display: inline-block
	}

	.home-advantages .home-bottom {
		background: 0
	}

	.home-advantages .home-bottom .p {
		font-size: 16px
	}

	.home-advantages .home-bottom ul {
		margin-top: 20px;
		font-size: 0;
		text-align: center
	}

	.home-advantages .home-bottom ul li:nth-child(2n) {
		padding-top: 0
	}

	.home-advantages .home-bottom ul li .box .num {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		font-size: 20px;
		line-height: 35px
	}

	.home-advantages .home-bottom ul li .box .yuan {
		display: none
	}

	.home-advantages .home-bottom ul li .box .bt {
		font-size: 16px;
		margin-bottom: 5px
	}

	.home-advantages .home-bottom ul li:nth-child(2n) .box .bt {
		position: relative;
		top: auto;
		left: auto;
		width: 100%
	}

	.home-advantages .home-bottom ul li .box {
		padding-top: 35px!important
	}

	.home-advantages {
		padding: 30px 0
	}

	.home-news {
		padding: 30px 0
	}

	.home-news .home-nav ul li {
		width: 50%;
		padding: 0 2px;
		margin: 0
	}

	.home-news .home-nav ul li a {
		height: 40px;
		line-height: 40px;
		font-size: 15px
	}

	.home-news .home-nav {
		margin-top: 20px
	}

	.news-list li {
		width: 50%;
		padding: 0 5px;
		margin-bottom: 10px
	}

	.news-list {
		margin-top: 20px;
		padding: 0 5px
	}

	.news-list li .text .info {
		padding: 10px 0
	}

	.news-list li .text {
		padding: 0;
		margin-top: 0
	}

	.news-list li .text .bt {
		font-size: 16px;
		margin-bottom: 5px
	}

	.news-list li .text .jsh {
		font-size: 14px;
		line-height: 25px;
		height: 75px
	}

	.home-about {
		padding: 30px 0
	}

	.home-about .home-bottom {
		margin-top: 20px
	}

	.home-about .home-bottom .img {
		width: 100%
	}

	.home-about .home-bottom .text {
		width: 100%;
		padding-top: 10px
	}

	.home-about .home-bottom .text .bt {
		font-size: 16px
	}

	.home-about .home-bottom .text .span {
		font-size: 14px;
		margin-bottom: 10px
	}

	.home-about .home-bottom .text .jsh {
		font-size: 14px;
		line-height: 25px;
		height: auto;
		max-height: 50px
	}

	.home-about .home-bottom .text .list li {
		width: 33%
	}

	.home-about .home-bottom .text .list li .num span {
		font-size: 36px
	}

	.home-about .home-bottom .text .list li .p {
		font-size: 14px
	}

	.home-about .home-bottom .text .more {
		font-size: 14px;
		width: 120px;
		height: 35px;
		line-height: 35px;
		margin: 0 auto
	}

	.home-xiaoshou {
		padding: 30px 0
	}

	.home-xiaoshou .xiaoshou-list {
		padding-top: 20px
	}

	.home-xiaoshou .xiaoshou-list li {
		width: 33%
	}

	.home-xiaoshou .xiaoshou-list li .num span {
		font-size: 36px
	}

	.home-xiaoshou .xiaoshou-list li .p {
		font-size: 14px
	}

	.footer .footer-top {
		padding: 30px 0
	}

	.footer .footer-bottom {
		padding: 10px 0;
		font-size: 12px
	}

	.footer .footer-top ul {
		width: 100%;
		padding-left: 0;
		display: none
	}

	.footer .footer-top .footer-contact {
		width: 100%;
		padding-left: 0;
		border-left: 0
	}

	.footer .footer-top .footer-contact .jsh p {
		font-size: 12px
	}

	.footer .footer-top .footer-contact .jsh p a {
		font-size: 24px
	}

	.home-xiaoshou .home-bottom .maplist table tr td {
		font-size: 14px;
		padding: 10px
	}

	.home-xiaoshou .home-bottom .maplist table .one td {
		font-size: 14px
	}

	.header .logo a .text {
		display: none
	}
	.footer .footer-top{display: none;}
	.footer .footer-top .footer-rwm{
		display: none
	}
}

@media (max-width:414px) {
	.home-xiaoshou .home-bottom .maplist {
		width: 100%;
		overflow: auto
	}

	.home-xiaoshou .home-bottom .maplist table {
		width: 768px
	}

	.about01 .img {
		width: 100%
	}
}

#maodian {
    position: absolute;
    width: 1px;
    height: 60px;
    background: transparent;
    bottom: 0;
}
.pageController{
    text-align: center;
    color:#505050;margin:0 auto;
    margin:2em 0;
    line-height:24px;
}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; 
    color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;
}
.pageController a:hover{background-color:#0083cd;color:#fff; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #0083cd;color:#fff;border:#efefef 1px solid;}
.pageController .t1{
    float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;
    display: none;
}
.pageController .t2{vertical-align:middle;line-height:39px;}
.pageController .t2 #current{
    line-height: 39px;
    background-color: #0083cd;
    vertical-align: middle;
    border: 1px solid #0083cd; 
    color: #fff;padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    width: 39px;
}
.pageController .t1 span{
    /*padding-left:4px;
    padding-right:4px;*/
    width: 39px;
}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;
    display: none;
}
.pageController select option{vertical-align:middle;}




/* revel */

.image, .image2, .image3,.image1, .image2, .image11{
	opacity: 0;
}
.image4::before{scale: 0 1;}
.reveal-image,
.reveal-image:after {position: absolute;animation-delay: 0s;animation-iteration-count: 1;animation-duration: 1600ms;animation-fill-mode: both;animation-timing-function: ease-in-out;}
.reveal-image2,
.reveal-image2:after {position: absolute;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out;}
.reveal-image {opacity: 1;position: relative;animation-name: reveal-image;}
.reveal-image2 {opacity: 1;position: relative;animation-name: reveal-image2;}
.reveal-image3 {opacity: 1;position: relative;animation-name: fadeInline1;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;}
.reveal-image4::before{scale: 0 1; position: relative;animation-name: fadeInline2;animation-delay: .2s;animation-iteration-count: 1;animation-duration: 2200ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: left;}
.reveal-image1,
.reveal-image1:after , .reveal-image11,
.reveal-image11:after{
	position: absolute;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-duration: 1800ms;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
}
.reveal-image1 {
	opacity: 1;
	position: relative;
	animation-name: reveal-image1;
}
.reveal-image11 {
	opacity: 1;
	position: relative;
	animation-name: reveal-image11;
}


@keyframes reveal-image1 {
	from {
		clip-path: inset(0 0 100%  0);
	}

	to {
		clip-path: inset(0 0 0 0);
	}
}
@keyframes reveal-image11 {
	from {
		clip-path: inset(100% 0 0  0);
	}

	to {
		clip-path: inset(0 0 0 0);
	}
}

/* .reveal-image3 {opacity: 1;position: relative;animation-name: fadeInline1;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;} */

@keyframes reveal-image {
	from { clip-path: inset(0 100% 0 0);}
	to { clip-path: inset(0 0 0 0);}
}

@keyframes reveal-image2 {
	from {
		clip-path: inset(0 0% 100% 0);
	}
	to {
		clip-path: inset(0 0 0 0);
	}
}
@keyframes fadeInLeft{
	from {opacity: 0; margin-left:-25%;}
	to{opacity: 1;margin-left:0%;}
}

@keyframes fadeInRight{
	from {opacity:0;
		margin-left: 30%;
	}
	to {opacity: 1;
		margin-left: 0%;
	}
}

@keyframes fadeInline1 {
	0% {opacity: 0; scale: 1 0}
	100% {opacity: 1;scale: 1 1;}
}
@keyframes fadeInline2 {
	0% {opacity: 0; scale: 0 1}
	100% {opacity: 1;scale: 1 1;}
}

/* 面包屑 */
.location{padding: 0;margin: 12px 0;border: 1px solid #faf5f0;background: #f9f8f8;line-height: 40px; font-size: 14px;border-radius: 8px;}
.location .ico{display: block;padding-left: 95px;background: url(../images/icon-home.png) no-repeat;line-height: 40px;}
.location .ico a:hover, .location .ico a:last-child{color: #015cb5;}
.location .ico span{padding: 0 5px;}

.location.search,.search-container{display: flex; justify-content: space-between;}
.location .search-info {
	width: 100%;
	position: relative;
	background: 0
}
.location .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;
	border-radius: 12px;
}
.location .search-info .inp_srh:focus {
	border-color: #bbb;
	box-shadow: 0 0 2px #c9c9c9
}
.location .btn_srh {
	background: #0083cd;
	width: 48px;
	line-height: 18px;
	height: 34px;
	float: right;
	border: 0;
	color: #fff;
	border-radius: 12px;
}


@media  screen and (max-width:767px) {
	.location.search{flex-wrap: wrap;}
	.location.search .ico{width: 100%;}
	.search-container{margin-top: 10px;}
	.location.search .search{width: 100%}
	.location .search-info .inp_srh{width: 100%;}
	.aside-right {
		margin-top: 0px;
	}
	.download-list {
		margin-bottom: 10px;
		margin-top: 10px;
	}
}

.firight{position:fixed; right:-3px; top:50%; z-index:9999;}
.firight a{display:block; width:80px; background-color:#007ac1; height:57px; margin-top:2px; border-radius:5px;}
.firight a p{text-align:center; font-size:12px; color:#fff;}
.frtext{height:22px; }
.frimg{height:34px; padding-top:10px;}
.frnum{transition:all 0.5s ease;position:relative;}
.frnum:hover{margin-left:-185px;}
.frnum .number{position:absolute; height:57px; background-color:#007ac1; width:185px; right:-182px; top:0;}
.frnum .number p{font-size:22px; color:#fff; line-height:38px; border-left:1px solid #9fcce8; margin-top:10px;}
.wxfr{position:relative;}
.frewm{position:absolute; right:100px; top:10%; display:none;}

@media (max-width:1025px) {
	.firight{display: none;}
}


.m2newList {
	padding: 0 0px 12px;
	display: block;
}
.m2newList li {
	height: 200px;
	margin-bottom: 35px;
}
.m2newList li a{ display:block;}

.overflowHide {
	float: left;
	height: 200px;
	width: 300px;
	overflow: hidden;
	background-color:#f8f8f8;
}
.overflowHide img{ max-width:300px;transition: all 0.6s; }

.overflowHide a:hover  img{
	transform: scale(1.1);
}

.m2newTxt {
	margin-left: 427px;
	position: relative;
}

.m2newTimes {
	font-size: 60px;
	line-height: 52px;
	height: 52px;
	display: block;
	position: absolute;
	width: 100%;
	left: 0px;
	top: -52px;
	color: #cacaca;
}
.m2new_time {
	font: 16px/22px Arial;
	color: #999999;
	text-align: center;
	display: inline-block;
	width: 65px;
	position: absolute;
	top: 60px;
	left: -98px;
}
.m2new_t1 ,.m2new_t1 a {
	font-size: 16px;
	color: #111;
	line-height: 46px;
	height: 46px;
	overflow:hidden;
	margin-bottom: 3px; font-weight: bold;
}
.m2new_t1 a:hover{ color:#0084ce;}
.m2newDes {
	padding-top: 12px;
	border-top: 1px solid #F1F1F1;
	font-size: 14px;
	color: #666666;
	height: 100px;
	overflow:hidden;
	line-height:24px;
	overflow:hidden;

}



.iw_poi_title {
	color: #CC5522;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}
.iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}
.contact_meg{position:absolute;left:0;top:0;width:46%;height:100%;z-index:3;background:rgba(255,255,255,.85)}

.meg_con .con_title{font-size:26px;color:#333;max-width:420px;margin-bottom:35px;margin-top:30px;}

.meg_con .con_tel{padding:30px 0;border-top:dotted 1px #183883;border-bottom:dotted 1px #183883;color:#333;max-width:420px;font-size:30px}

.meg_con .megs{margin-top:5px;font-size:15px;line-height:36px}

.meg_con{position:absolute;left:0;top:0;right:0;width:45%;z-index:3;padding-left:4%;padding-right:4%;box-sizing:border-box}

.topimg{margin-top:30px}

.my-map{margin:0 auto;width:100%;height:550px}

.my-map img{max-width:none}

.my-map .icon{background:url({dede:global.cfg_templets_skin/}//marker.png) no-repeat}

.my-map .icon-cir{height:31px;width:28px}

.my-map .icon-cir-red{background-position:-11px -5px}

.amap-container{height:100%}

.lyabout01{margin: 60px 0 0;}
.lyabout01 .home-title{margin-bottom: 20px;}
.about .til01{height:137px}
.about_p,.about_p p,.about_p p img{width:1200px;margin:auto;overflow:hidden}
.about_ico{width:260px;height:302px;right:40px;text-align:center;color:#fff;line-height:24px}
.about_ico span{width:260px;height:62px;letter-spacing:1px;font-size:22px;left:0;top:200px;position:absolute}
.about_ico span b{display:block;font-size:20px;line-height:30px;letter-spacing:1px}
.about_w{padding:36px 0 0;line-height:30px;color:#797979}
.about_w h3{height:90px;font-size:31px;line-height:44px;color:#3c3c3c}
.about_w h3 em{font-family:Arial;font-size:14px;font-weight:400;text-transform:uppercase;line-height:18px;color:#969696;font-style:normal;display:block}
.about_w h3 span{font-size:25px;padding-top:9px;float:right}
.about_w h3 span b{color:#05c6ab}
.about_w h3 span i{font-weight:400; display: inline-block}
.about_r{width:320px;padding-right:170px}
.about_l{width:710px}
.about_l p{text-indent:35px;color:#636363;font-size:15px;line-height:34px}
.about_l li{float:left;color:#636363;padding:0 50px 0 0}
.about_l li b{display:block;line-height:58px;color:15cb5;font-size:60px;text-align:center;padding-top:20px}
.tm{float: right;}
.tm .tm1{margin:21px 0 0 4px;line-height:30px;font-size:15px;overflow:hidden}
.tm b{display:inline-block;text-align:center;color:#fff;font-size:24px}
.tm .tm_ic1{width:104px;line-height:104px;margin:0 0 0 256px;float:left}
.tm .tm_ic2{width:90px;height:114px;line-height:88px;padding:50px 310px 0 0;float:right}
.tm em{clear:both;display:block;line-height:0;font-size:0;float:none}
.tit{height:145px;clear:both;background:url(../images/1532520039270928.png) no-repeat center 85px}
.tit h3{color:15cb5;font-size:32px;text-align:center}
.tit span{display:block;text-transform:uppercase;color:#424242;font-size:18px;font-weight:400;letter-spacing:1px;padding-top:40px}
.about-history-year{width:101px;font-size:24px;line-height:56px;color:#333;padding:0 20px 0 24px;display:table-cell;border-right:1px solid #e1e4ec;font-family:HeliosThin}
.about-history-year span{font-size:13px;font-family:'微软雅黑'}
.about-history il{width:11px;height:11px;display:block;margin-top:-5px;position:absolute;top:50%;left:140px;background:url(../images/1532522663360046.png) no-repeat}
.about-detail-cont{width:calc(100% - 138px);line-height:28px;max-height:56px;font-size:15px;vertical-align:middle;display:table-cell;padding-left:35px}
.content_warp{width:1200px;margin:0 auto;font-family:microsoft yahei}
.content_warp ul.about-history{padding:0!important}
.about-history li{border-top:1px dashed #e1e4ec;font-size:14px;color:#777;position:relative;list-style:none;overflow:hidden}
.a-lis2{background-color:#f6f7fa}
.a-border-fn{margin-top:30px;height:30px;line-height:0}
.zw{width:1200px;margin:20px auto;height:540px}
.zw li{float:left;text-align:center}
.zw1{width:600px;border-right:3px solid #fff}
.zw1 p{float:left;width:198px;height:198px;background-color:#d2d2d2;margin:0;margin-right:6px}
.zw2{width:221px;border-right:3px solid #fff}
.zw3{width:373px}
.zw3 span{display:block;width:100%;height:60px;line-height:60px;text-align:center;color:#fff;font-size:20px;letter-spacing:1px;background:#183884}
.zw3 img{margin-top:4px}

.wh{display: flex; justify-content: space-between;}
.wh_l{ width: 50%;}
.wh_l img{width: 100%; max-width: unset;}
.wh_r{width:50%;line-height:30px;padding:18px;border:1px solid #dedede;border-left:none;box-sizing:border-box;overflow: auto;overflow: auto;}
.wh_r .showdiv{overflow: auto; max-height: 380px;}
.wh_r.en{line-height:22px;height:345px;font-size:13px;}
.wh_r li{margin-top:15px}
.wh_r li:first-child{margin-top:0}
.wh_r span{font-size:18px;color:#222}
.wh_r ul{margin-left:35px}
.wh_r li strong{text-align:center;font-size:14px;color:#fff;height:38px;line-height:38px;background:#183884;display:inline-block;border-radius:12px;margin-right:10px; padding: 1px 8px;}
.wh_r.en ul{margin-left:2px}
.wh_r.en li strong{text-align:center;font-size:12px;color:#fff;height:28px;line-height:28px;}


.lyhonor{margin:auto; padding-bottom: 108px;}
.lyhonor p{font-size:16px;color:#333;padding:0 20px;line-height:30px;/* height:60px; */overflow:hidden;}
.lyhonor ul{display: flex; flex-wrap: wrap;}
.lyhonor li{width: 24%; margin: 0.5%;}
.lyhonor li img{width: 100%;height: 100%;display:block; object-fit: contain;}
.lyhonor li p{font-size:16px;color:#111;padding-bottom: 30px; padding-top: 7px;/* margin-top:0; */text-align:center;margin-top: -20px;}
.lyhonor li p i{display:block;font-size:12px;color:#596176}
.lyhonor .nones{margin-right:0}
.lyhonor .li01{background:0 0}

.about_us04 {background: url(../images/bg_line.jpg);}
.about_us04 .inner {
	background: url(../images/about_us04_1.png) no-repeat center;
	background-size: cover;
	padding: 90px 0 90px;
}
.about_us04 .content {
	margin-top: 5px;
}

.about_us04 .content .item {
	position: relative;
	padding-bottom: 4px;
	margin-bottom: 5px;
	background: url(../images/about_us04_4.png) repeat-x left bottom;

}
.about_us04 .slick-list{padding-bottom: 18px;}
.about_us04 .content .item:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -18px;
	width: 12px;
	height: 12px;
	background: url(../images/about_us04_3.png) no-repeat center;
	background-size: cover;
}

.about_us04 .content .owl-item .item {
	display: block;
}

.about_us04 .content .item .box {
	padding: 35px 60px;
	border-left: 1px solid #dedede;
	height: 260px;
}

.about_us04 .content .date {
	font-size: 41px;
	color: #e30713;
}

.about_us04 .content .con {
	font-size: 16px;
	color: #1f1f1f;
	line-height: 31px;
}
.about_us04 .owl-carousel{position: relative;}
.about_us04  .slick-prev,.about_us04 .slick-next {
	width: 53px;
	height: 53px;
	cursor: pointer;
	position: absolute;
	z-index: 999;
	margin-top: -21px
}

.about_us04 .slick-prev:before,.about_us04 .slick-next:before {
	content: ''
}

.about_us04 .slick-prev {
	background: url("../images/pleft.png") no-repeat center center!important;
	background-size: 53px!important;
	left: -83px
}

@media (min-width:1025px) {
	.about_us04 .slick-prev:hover {
		background: url("../images/plefth.png") no-repeat center center!important;
		background-size:53px!important
	}
}

.about_us04 .slick-next {
	background: url("../images/pright.png") no-repeat center center!important;
	background-size: 53px!important;
	right: -83px;
}

@media (min-width:1025px) {
	.about_us04 .slick-next:hover {
		background: url("../images/prighth.png") no-repeat center center!important;
		background-size: 53px!important
	}
}
.m2new_time_w{display: none;}
.baidumap{width:100%;height:548px;border:#ccc solid 1px;}
@media  screen and (max-width:767px) {
	.lyabout01 {
		margin: 20px 0 0;
	}
	.about_p, .about_p p, .about_p p img {
		width: 100%;
	}
	.about_w h3 span {
		font-size: 16px;
		padding-top: 9px; display: block;
		float: none;
	}
	.about_w h3 {
		height: 130px;
		font-size: 28px;
	}
	.about_w {
		padding: 18px 0 0;
	}
	.about_l {
		width: 100%;
	}
	.wh {
		display: flex;
		flex-wrap: wrap;
	}
	.wh_l {
		width: 100%;
	}
	.wh_r {
		width: 100%;
		line-height: 30px;
		padding: 18px;
		border: 0px solid #dedede;
	}
	.about_us04 .content .date {
		font-size: 24px;
		color: #e30713;
	}
	.about_us04 .content .item .box {
		padding: 10px 10px;
		border-left: 1px solid #dedede;
	}
	.about_us04 .content .con {
		font-size: 15px;
		color: #1f1f1f;
		line-height: 24px;
	}
	.about_l p {
		text-indent: 2em;
		line-height: 28px;
	}
	.lyhonor li {
		width: 49%;
		margin: 0.5%;
	}
	.overflowHide {
		float: none;
		height: auto;
		width: 100%;
		overflow: unset;
		background-color: #f8f8f8;
	}
	.m2newList li {
		height: auto;
		margin-bottom: 35px;
	}
	.m2newTxt {
		margin-left: 0;
		position: relative;
	}
	.m2new_time {
		display: none;
	}
	.overflowHide img {
		width: 100%;
		max-width: 100%;
		transition: all 0.6s;
	}
	.m2new_time_w{display: block; background: #eeeeee; color: #6b6b6b; padding: 1px 6px;}
	.m2newDes {
		padding-top: 6px;
		line-height: 22px;
	}
	.contact_meg {
		width: 100%;
		height: 100%;
	}
	.meg_con {
		width: 92%;
		padding-left: 4%;
		padding-right: 4%;
	}
	.meg_con .con_title {
		font-size: 20px;
		color: #333;
		max-width: 420px;
		margin-bottom: 15px;
		margin-top: 10px;
	}
	.my-map {
		margin: 0 auto;
		width: 100%;
		height: 380px;
		margin-bottom: 520px;
	}
	.meg_con .con_tel {
		padding: 8px 0;
		font-size: 28px;
	}
	.baidumap{height:900px; }
	.lyhonor li p{font-size:13px;}
}


#MagnifierWrap2 {
	position: relative;
	width: 550px;
	float:left;
}
.MagnifierMain {
	position: relative;
	width: 550px;
	height: 402px;
	font-size: 0;
	text-align: center;
	line-height: 402px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	background-color: #fff;
}
.MagnifierMain.video {
	cursor: pointer;
}
.MagnifierMain.video::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	z-index: 1;
	background: url(../images/media-icon.png) no-repeat center;
	background-size: 100% auto;
}
.play-video {
	width: 350px;
	height: 350px;
	border: 1px solid #e6e6e6;
}
.play-video iframe {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
}
.MagnifierMain img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.MagnifierDrag {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ccc;
	opacity: 0.4;
	filter: alpha(opacity=40);
	cursor: move;
}
.MagnifierPop {
	position: absolute;
	top: 0;
	overflow: hidden;
	background: #fff;
}
.MagnifierImg {
	position: absolute;
	top: 0;
	left: 0;
}
.spec-items {
	position: relative;
	width: 502px;
	height: 69px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 12px;
}
.spec-items ul {
	width: 500%;
	position: absolute;
	top: 0;
	left: 0;
}
.spec-items ul * {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.spec-items li {
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	float: left;
	overflow: hidden;
	margin-right: 5px;
	border: 2px solid #fff;
	font-size: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
.spec-items li[data-type=video] {
	position: relative;
}
.spec-items li[data-type=video]::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	margin-left: -12px;
	background: url(../images/video-icon.png) no-repeat center;
	background-size: 100% auto;
}
.spec-items li.on {
	border: 2px solid #ff9900;
}
.spec-items li img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}
span.spe_leftBtn,
span.spe_rightBtn {
	position: absolute;
	bottom: 0px;
	display: block;
	width: 20px;
	height: 69px;
	line-height: 69px;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	color: #ddd;
	cursor: default;
	background-color: #0046b0;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
span.on {
	background-color: #f9f9f9;
	color: #0058b1;
	cursor: pointer;
}
span.spe_leftBtn {
	left: 0;
	opacity: 0.5; border-radius: 5px;
	background:#183883 url(../images/p-detail-left.png) no-repeat center;
}
span.spe_leftBtn.on {
	opacity: 1;
}
span.spe_rightBtn {
	right: 0;
	opacity: 0.5;border-radius: 5px;
	background:#183883 url(../images/p-detail-right.png) no-repeat center;
}
span.spe_rightBtn.on {
	opacity: 1;
}


@media  screen and (max-width:767px) {
	#MagnifierWrap2 {
		width: 100%;
	}
	.MagnifierMain {
		width: 100%;
		height: auto;
	}
	.MagnifierDrag{display: none; opacity: 0;}

	.header {
		width: 100%;
		background: #fff;
		height: 60px;
	}
}