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

#bsWXBox {
	box-sizing: content-box
}

ul {
	list-style: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fl {
	float: left
}

.fr {
	float: right
}

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

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

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

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

.container {
	margin-right: auto;
	margin-left: auto;
	width: 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("../image/bg.png") repeat-x top left*/
}

.header .container {
	width: 100%
}

.header .logo {
	padding: 28px 5px 0 80px;
	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: #004098;
	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: 35px;
	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: 41px;
	margin-left: 38px;
	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 svg {
	fill: #e60012;
	width: 29px
}

.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: 63px;
	right: 0;
	z-index: 9;
	width: 330px;
	display: none;
	position: absolute;
	padding: 14px;
	background: #fcfcfc
}

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

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

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

.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;
	width: 52%;
	margin-right: 1%;
}

.nav ul li {
	float: left;
	position: relative;
	width: 12.5%;
}

.nav ul li a {
	display: block;
	font-size: 18px;
	text-align: center;
	color: #333;
	line-height: 41px;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	transition: .5s;
	height: 66px
}

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

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

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

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

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

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

.nav ul li .subnav ul li a {
	color: #fff;
	font-size: 14px;
	line-height: 50px;
	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
}

@media (min-width:1025px) {
	.nav ul li .subnav ul li a:hover {
		background: rgba(0,0,0,0.8);
		padding-left: 20px
	}
}

.nav ul .active>a {
	color: #e60012
}

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

.nav ul li:nth-child(2) .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: #004098;
}

.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: #e60012
}

.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: #004098;
	height: 21px;
	margin-top: 19px
}

#menu .lan {
	margin-top: 20px;
	margin-left: 20px
}

#menu .lan img {
	width: 30px
}

#menu .search {
	position: relative;
	border: 1px solid #e60012;
	margin: 10px 10px 10px 20px;
	background: #fff
}

#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: #e60012;
	outline: 0;
	position: absolute;
	top: 0;
	right: 0
}

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

#menu .phone {
	color: #e60012;
	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(../image/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(../image/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: #fff;
	text-align: left
}

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

.home-banner .home-banner-slick .banner-info .info .h3 {
	font-size: 50px;
	font-weight: bold;
	line-height: 60px;
	margin-bottom: 19px
}

.home-banner .home-banner-slick .banner-info .info .p {
	font-size: 16px;
	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: 20px;
}
.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: 10px;
	height: 10px;
	z-index: 2;
	border-radius: 30px;
	display: block;
	padding: 0;
	transition: .5s;
	background: rgba(255,255,255,0.9)
}

.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: #e60012;
	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: #fff;
	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: 18px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 5px
}

.home-banner .home-banner-slick-phone .banner-info .info .p {
	font-size: 12px;
	line-height: 25px
}
.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: #e60012
}

.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: 58px;
	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("../image/left.png") no-repeat center center!important;
	left: 50px
}

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

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

@media (min-width:1025px) {
	.home-banner .slick-next:hover {
		background: url("../image/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:563px;
}
}
@media (max-width:414px) {
.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:899px;
}
}
@media (max-width:992px) {
.home-banner .home-banner-slick-phone {
height:872px;
}
}
@media (max-width:768px) {
.home-banner .home-banner-slick-phone {
height:675px;
}
}
@media (max-width:640px) {
.home-banner .home-banner-slick-phone {
height:563px;
}
}
@media (max-width:414px) {
.home-banner .home-banner-slick-phone {
height:364px;
}
}
@media (max-width:375px) {
.home-banner .home-banner-slick-phone {
height:330px;
}
}
@media (max-width:360px) {
.home-banner .home-banner-slick-phone {
height:316px;
}
}
@media (max-width:320px) {
.home-banner .home-banner-slick-phone {
height:281px;
}
}
.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: 1px;
	background: #aaa;
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -85px;
	z-index: 1
}

.home-title h3:before {
	content: '';
	display: block;
	width: 30px;
	height: 5px;
	background: #004098;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	z-index: 2
}

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

.productlist {
	margin: 0 -20px
}

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

.productlist li a {
	display: block;
	transition: .5s;
	border: 1px solid #ddd
}

.productlist li a .box {
	border: 1px solid #fff;
	width: 100%;
	padding: 8px 8px 3px 8px;
	background: #fff;
	transition: .5s
}

.productlist li a .box .pic {
	background: #f9f9f9
}

.productlist li a .box .pic img {
	/*transition: .5s*/

}

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

.productlist li a .box .bt {
	text-align: center;
	font-size: 24px;
	line-height: 97px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

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

	.productlist li:hover a .box {
		border: 1px solid #004098;
	}

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

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

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

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

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

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

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

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

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

.more {
	font-size: 18px;
	width: 200px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	color: #fff;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	background: #e60012
}

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

.home-case {
	padding: 97px 0 0 0;
	background: #303239 url("../image/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: #e60012;
	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("../image/bg2.png") repeat-x top left;
		padding-top: 88px;
		padding-bottom: 129px
	}

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

	.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("../font/Andes.woff2") format("woff2"),url("../font/Andes.woff") format("woff"),url("../font/Andes.ttf") format("truetype"),url("../font/Andes.eot") format("embedded-opentype"),url("http://www.toyorobot.cn/font/Andes.svg") format("svg")
}

@font-face {
	font-family:"AkzidenzGrotesk-ExtraBold";src:url("../font/AkzidenzGrotesk-ExtraBold.woff2") format("woff2"),url("../font/AkzidenzGrotesk-ExtraBold.woff") format("woff"),url("../font/AkzidenzGrotesk-ExtraBold.ttf") format("truetype"),url("../font/AkzidenzGrotesk-ExtraBold.eot") format("embedded-opentype"),url("http://www.toyorobot.cn/font/AkzidenzGrotesk-ExtraBold.svg") format("svg")
}

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

.home-advantages .home-bottom {
	margin-top: 16px;
	background: url("../image/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: #e60012
}

.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: #e60012;
	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("../image/arrow.png") no-repeat bottom center;
	padding-bottom: 11px
}

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

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

.news-list {
	margin-top: 49px;
	margin-bottom: 10px
}

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

.news-list li .pic {
	z-index: 1
}

.news-list li .pic img {
	transition: .5s
}

.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: 32px 19px 18px 35px;
	transition: .5s;
	background: #fff;
/*	border: 1px solid #ccc;
	margin-top: 10px;*/

}

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

.news-list li .text .jsh {
	font-size: 16px;
	color: #666;
	line-height: 26px;
	height: 78px;
	overflow: hidden
}

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

.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: #004098;
	}

	.news-list li:hover .text .date {
		background: url("/img/jian.jpg") no-repeat center right
	}
}

.home-about {
	padding: 66px 0 82px 0;
	background: url("../image/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: #e60012;
	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-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("../font/AkzidenzGrotesk-BoldCond.woff2") format("woff2"),url("../font/AkzidenzGrotesk-BoldCond.woff") format("woff"),url("../font/AkzidenzGrotesk-BoldCond.ttf") format("truetype"),url("../font/AkzidenzGrotesk-BoldCond.eot") format("embedded-opentype"),url("http://www.toyorobot.cn/font/AkzidenzGrotesk-BoldCond.svg") format("svg")
}

.footer {
	background: url(/img/dibeijing.jpg);
}

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

.footer .footer-top ul {
	float: right;
	width: 71%;
	padding-left: 30px
}

.footer .footer-top ul li {
	float: left;
	width: 16.666666666666668%
}

.footer .footer-top ul li a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	margin-bottom: 14px
}

@media (min-width:1025px) {
	.footer .footer-top ul li a:hover {
		color: #fff;
		/*text-decoration: underline*/
	}
}

.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-left: 56px;
	border-left: 1px solid rgba(255,255,255,0.1)*/
}

.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: 28px;*/
	line-height: 30px;
	font-size: 14px;
	color: #fff;;
	margin-bottom: 7px
}

.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("../image/ad.png") no-repeat left 4px
}

.footer .footer-top .footer-contact .jsh .tel {
	background: url("../image/tel.png") no-repeat left 4px
}*/

.footer .footer-bottom {
	padding: 27px 0 20px 0;
	font-size: 14px;
	color: #666;
	/*background: #28282a*/
}

.container02 {
	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: #004098;
	}

	.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: #004098;
}

.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("../image/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: #4788e3;
}

.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: #e60012
}

.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: #e60012;
	margin-right: 3px
}

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

.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("../image/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: #004098;
	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:  #004098;
	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(../image/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(../image/ah.png) no-repeat 95% center;
	color: #fff
}

.job #open {
	background: #666 url(../image/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: #e60012;
	background: url("../image/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 #e60012 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: #e60012;
	border: 1px solid #e60012;
	padding: 0
}

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

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

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

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

.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;
	background: #333;
	padding: 0 22px
}

.prev-next .prev,.prev-next .next {
	width: 50%;
	float: left;
	transition: all .5s;
	overflow: hidden;
	padding: 0 1px
}

.prev-next .prev:hover a,.prev-next .next:hover a {
	background: #e60012
}

.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: #e60012
}

.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: #e60012;
	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: #e60012;
		text-decoration: underline;
		padding-left: 27px
	}
}

.aside-left {
	float: left;
	width: 25%;
	margin-top: -120px
}

.aside-left .aside-title {
	color: #fff;
	text-align: center;
	padding: 28px 020px 26px 20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #004098;
	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: 1px 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("../image/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("../image/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("../image/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("../image/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: #e60012
	}
}

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

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

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

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

.aside-left .list ul li .er .active .more2 {
	background: url("../image/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: #004098;
	}

	.aside-left .list ul li:hover .more1 {
		background: url("../image/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: #e60012
}

.aside-left .list ul .active .more1 {
	background: url("../image/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%
}

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

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

.download-list li {
	position: relative;
	height: 61px;
	line-height: 60px;
	border-bottom: 1px solid #e6e6e6
}
.download-list li:nth-of-type(2){
	height: auto;
}

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

.download-list li .date span {
	display: block;
	color: #222;
	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("../image/pdf.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 .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;
	background: #f5f5f5
}

.download-list li .download-file p {
	background: #e60012 url("../image/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
}

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

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

.product .productlist li {
	padding: 0 26px;
	margin-bottom: 60px
}

.product .productlist li a .box {
	padding: 4px 4px 3px 4px
}

.product .productlist li a .box .bt {
	font-size: 14px;
	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("../image/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: 0% 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 {
	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: 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: #e60012;
	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 .cafwqw3rqw {
	margin: 0 -51px
}

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

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

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

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

.honor .item .cafwqw3rqw 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 .cafwqw3rqw li .box .pic img {
	transition: .5s
}

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

.honor .item .cafwqw3rqw 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 .cafwqw3rqw li:hover .box .pic {
		border: 1px solid #e60012;
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.2)
	}

	.honor .item .cafwqw3rqw li:hover .box .pic:before {
		border: 1px solid #e60012
	}
}

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

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

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

.honor .item03 .cafwqw3rqw 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("../image/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: #e60012
}

.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:#004098;
		text-decoration: underline
	}
}

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

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

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

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

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

.contact .contact-bottom .contact-ul .map-xx .map-info .text .jsh .c6 {
	background: url("/img/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: #004098;
	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: #e60012
}

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

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

.message .message-submit a {
	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: #e60012;
	margin: 0 20px;
	vertical-align: top;
	display: inline-block;
	overflow: hidden;
	border: 3px solid #e60012;
	position: relative
}

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

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

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

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

@media (min-width:1025px) {
	.message .message-submit a:hover {
		border: 3px solid #b20412
	}

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

	.message .message-submit a: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("/img/jianlan.png") no-repeat center right;
	padding-right: 16px;
	display: block
}

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

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

.product-pic .pro-max {
	position: absolute;
	width: 595px;
	overflow: hidden;
	background: #fff;
	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: #e60012
}

.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: #004098;
	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("../image/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: #e60012;
	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("../image/more.png") no-repeat center center
}

@media (min-width:1025px) {
	.link .link-contact:hover {
		color: #e60012;
		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: #e60012;
		border-bottom: 2px solid #e60012
	}
}

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

.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(../image/a.png) no-repeat scroll 95% center;
	background: #fff\9\0
}

@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('../font/AkzidenzGrotesk-BoldCondAlt.eot') format('embedded-opentype'),url('../font/AkzidenzGrotesk-BoldCondAlt.woff2') format('woff2'),url('../font/AkzidenzGrotesk-BoldCondAlt.woff') format('woff'),url('http://www.toyorobot.cn/font/AkzidenzGrotesk-BoldCondAlt.svg') 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: #004098;
	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 #004098 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: #004098;
	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: 80px;
	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: #e60012;
	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: #e60012;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	font-weight: 700;
	text-align: center
}

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

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

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

	.global .table-01 table {
		width: 800px
	}

	.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: 50px;
		padding-bottom: 50px
	}

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

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

@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 a {
		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 {
		width: 100%;
		margin-top: 10px;
	}
	.aside-left .aside-title{
		display: none;
	}

	.aside-right {
		width: 100%
	}

	.download {
		padding-bottom: 30px
	}

	.download-list li .download-file p {
		background: #e60012 url(../image/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 {
		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: 15px
	}*/

	.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 {
		width: 1260px;
		padding: 0 10px
	}

	.header .container {
		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 {
		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%
	}

	.about02 .list li .p {
		font-size: 15px
	}

	.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) {
	.current {
		padding: 15px 0;
		font-size: 12px;
		line-height: 25px
	}

	.current span {
		margin-left: 0
	}

	.current .return {
		margin-right: 0
	}

	.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 .cafwqw3rqw {
		margin: 0 -20px
	}

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

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

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

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

	.honor .item03 .cafwqw3rqw 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: 30px;
		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 {
		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: #e60012;
		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
	}

	.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: 0px 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 {
		margin: 0 -5px
	}

	.productlist li a .box .bt {
		font-size: 16px;
		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
	}
}

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