@charset "utf-8";

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

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
}

* {
	margin: 0;
	padding: 0
}

body {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin: 0 auto!important;
	background: #fff;
	max-width: 1920px;
	-webkit-tap-highlight-color: transparent;
	font-family: "Microsoft YaHei","arial"
}

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

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

ul,li {
	list-style: none
}

ul {
	padding: 0
}

li {
	zoom: 1;
	vertical-align: middle
}

ol {
	margin: 0;
	padding: 0;
	padding-left: 0
}

fieldset,img {
	border: 0
}

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

div {
	outline: 0
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	border: 0;
	width: 100%
}

th,td {
	padding: 0
}

input,textarea {
	font-family: arial,"microsoft yahei";
	font-size: 14px
}

input {
	outline: 0
}

textarea {
	outline: 0
}

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-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,select,textarea {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border-radius: 0;
	overflow-y: hidden;
	overflow-x: hidden
}

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

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

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

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

input:required:invalid,input:focus:invalid,textarea:required:invalid,textarea:focus:invalid {
	box-shadow: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both
}

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

.vcenter {
	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 {
	width: 1600px;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:1600px) {
	.container {
		width: 1260px
	}
}

@media (max-width:1280px) {
	.container {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

#main {
	overflow: hidden;
	position: relative;
	background: #fff
}

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

.fp-section.fp-table,.fp-slide.fp-table {
	overflow: hidden!important
}

.fp-tableCell {
	vertical-align: top!important
}

.top {
	position: relative;
	height: 100%;
	z-index: 3;
	overflow: hidden
}

.header {
	top: 0;
	left: 0;
	z-index: 23;
	width: 100%;
	position: absolute;
	background:#cbebf6;
}

.header .container {
	height: 103px;
	border-bottom: solid 1px rgba(255,255,255,0.2)
}

.header .logo {
	float: left;
	display: inline-block;
	width:600px;
}

@media (max-width:1280px) {
	.header .logo {
		margin-left: 30px
	}
}

.header .nav {
	float: right;
	margin-right: 37px;
	font-family: syhei
}

.header .nav li {
	float: left;
	margin: 0 0 0 80px;
	text-align: center;
	line-height: 102px;
	position: relative
}

.header .nav li span {
	z-index: 9;
	position: relative
}

.header .nav li:before {
	top: 0;
	left: 0;
	width: 126px;
	height: 43px;
	z-index: 1;
	content: "";
	opacity: 0;
	position: absolute;
	transition: all 2000ms ease;
	border: solid 2px #f39800
}

.header .nav li:after {
	top: 4px;
	left: 5px;
	width: 116px;
	height: 35px;
	z-index: 1;
	content: "";
	opacity: 0;
	position: absolute;
	transition: all 1500ms ease;
	border: solid 1px #f39800
}

.header .nav li>a {
	color: #114b95;
	display: block;
	font-size: 18px;
	font-weight:bold;
}

.header .nav li>a:hover {
	color: #114b95
}

.header .nav li:hover .subnav {
	display: block
}

.header .nav li .subnav {
	top: 102px;
	left: 0px;
	margin-left: -307px;
	width: 1000px;
	z-index: 99;
	display: none;
	position: absolute;
	text-align: center;
	background: rgba(138,188,209,0.9);
	padding:30px 0;
}
.header .nav li .subnav .item{width:25%;float:left;padding:30px 0;}
.header .nav li .subnav .item img{width:20%;display:block;margin:0 auto;}
.header .nav li .subnav .item em{width:100%;line-height: 32px;height: 64px;float:left;color:#333;text-align:center;font-style:normal;font-size:18px;}
.header .nav li .subnav a {
	display: block;
	/* height: 40px; */
	line-height: 40px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	border-top: solid 1px #dcc79b
}

.header .nav li .subnav a:first-child {
	border-top: 0
}

.header .nav li .subnav a:hover {
	background: rgba(243,152,0)
}

.header .nav li .pronav {
	margin-left: -90px;
	width: 180px
}

.header .nav li:hover>a {
	color: #114b95;

}

.header .nav .active a {
	color: #f39800
}

.header .menu {
	float: right;
	margin-top: 26px;
	display: inline-block
}

.header .menu a {
	display: inline-block;
	vertical-align: middle
}

.header .menu {
	cursor: pointer;
	margin-left: 35px;
	position: relative;
	display: none
}

.header .menu a {
	display: block
}

.header .menu:before {
	content: "";
	width: 0;
	height: 2px;
	top: 0;
	left: 0;
	position: absolute;
	background: #f39800;
	transition: all 700ms ease
}

.header .menu:after {
	content: "";
	width: 0;
	height: 2px;
	background: #f39800;
	top: 7px;
	left: 0;
	position: absolute;
	transition: all 500ms ease
}

.header .menu i {
	font-style: normal;
	width: 0;
	height: 2px;
	bottom: 8px;
	left: 0;
	position: absolute;
	background: #f39800;
	transition: all 700ms ease
}

.header .language {
	position: relative;
	margin-right: 7px;
	float: right;
	line-height: 102px
}

.header .language a {
	color: #114b95;
	font-size: 16px;
	margin-left: 28px;
	font-family: arial;
	font-weight: normal;
	line-height: 30px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle
}

.header .language a:hover {
	color: #114b95
}

.header .language i {
	background: url("../images/rro.png") no-repeat center center;
	width: 11px;
	height: 8px;
	display: inline-block;
	vertical-align: middle;
	display: none
}

.header .language ul {
	position: absolute;
	top: 82px;
	left: 0;
	width: 100px;
	padding: 20px 0;
	text-align: center;
	display: none
}

.header .language ul li {
	background: rgba(0,0,0,0.4);
	padding: 10px 0
}

.header .language ul li a {
	display: block;
	line-height: 40px;
	color: #fff;
	margin: 0
}

.header .language ul li a:hover {
	color: #f39800
}

.header .tel {
	color: #114b95;
	float: right;
	font-size: 26px;
	line-height: 102px;
	margin-right: 38px;
	font-family: "DIN-Medium"
}

.header .tel a {
	color: #fff
}

.header .tel img {
	margin: -3px 7px 0 0;
	vertical-align: middle
}

@media (max-width:1600px) {
	.header .nav li {
		margin: 0 0 0 40px
	}
	.index-case1  .msg{top:26rem;}
}

@media (max-width:1280px) {
	.header .nav {
		margin-right: 30px
	}

	.header .nav li {
		margin-left: 50px
	}
}

@media (max-width:1200px) {
	.header {
		top: 0!important;
		left: 0;
		width: 100%;
		height: 70px;
		position: fixed;
		background: rgba(0,0,0,0.3)
	}

	.header .container {
		width: 100%;
		height: 70px
	}

	.header .logo {
		margin: 0
	}

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

	.header .nav li {
		line-height: 70px
	}

	.header .tel {
		line-height: 70px
	}

	.header .language {
		line-height: 70px
	}
}

@media (max-width:1024px) {
	.header .menu {
		display: block
	}

	.header .nav {
		display: none
	}

	.header .tel {
		display: none
	}

	.header .language {
		display: none
	}
}

.header-2 {
	position: relative;
	/*height: 102px;*/
	top: auto;
	left: auto
}

.header-2 .container {
	width: 1400px;
	height: auto;
	border: 0
}

.header-2 .nav {
	margin-right: 59px
}

.header-2 .nav li {
	margin: 0 0 0 38px
}

.header-2 .nav li>a {
	color: #114b95;
	font-weight:bold;
}

.header-2 .nav li:hover>a {
	color: #f39800
}

.header-2 .nav li:hover>a {
	color: #f39800
}

.header-2 .nav .active a {
	color: #f39800
}

.header-2 .tel {
	color: #114b95;
	margin-right: 24px
}

.header-2 .language {
	margin-right: 2px
}

.header-2 .language a {
	color: #114b95;
	margin-left: 31px
}

.header-2 .language i {
	background: url(../images/rro-black.png) no-repeat center center
}

@media (max-width:1280px) {
	.header-2 .nav {
		margin-right: 30px
	}

	.header-2 .nav li {
		margin-left: 50px
	}
}

@media (max-width:1200px) {
	.header-2 {
		width: 100%;
		height: 70px;
		position: fixed;
		top: 0;
		left: 0;
		background: #fff!important
	}

	.header-2 .container {
		width: 100%
	}

	.header-2 .logo {
		margin: 0
	}

	.header-2 .logo img {
		max-height: 70px
	}

	.header-2 .tel {
		line-height: 70px
	}

	.header-2 .nav ul li {
		line-height: 70px
	}

	.header-2 .language {
		line-height: 70px
	}
}

@media (max-width:1024px) {
	.header-2 .nav {
		display: none
	}

	.header-2 .tel {
		display: none
	}

	.header-2 .language {
		display: none
	}
}

@keyframes dong {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@media (max-width:1200px) {
	.header.fixed {
		top: 0!important;
		left: 0;
		width: 100%;
		height: 70px;
		position: fixed;
		background: rgba(0,0,0,0.3);
		-webkit-transition: all 334ms ease-in-out;
		transition: all 334ms ease-in-out;
		-webkit-animation: 2s dong;
		animation: 2s dong
	}
}

.header-2.fixed {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	position: fixed;
	-webkit-transition: all 334ms ease-in-out;
	transition: all 334ms ease-in-out;
	-webkit-animation: 2s dong;
	animation: 2s dong;
	background: #fff!important;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2)
}

.header-2.fixed .logo {
	margin-top: 15px
}

.header-2.fixed .logo img {
	max-height: 70px
}

.header-2.fixed .menu {
	margin-top: 38px
}

@media (max-width:1200px) {
	.header-2.fixed .logo {
		margin: 0
	}

	.header-2.fixed .menu {
		margin-top: 26px
	}
}

.transparency {
	display: block;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s,visibility .3s
}

.transparency.transparency-visible {
	opacity: 1;
	visibility: visible
}

#searchPopup {
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	opacity: 0;
	visibility: hidden;
	padding-top: 105px;
	transition: opacity .3s,visibility .3s
}

#searchPopup>.container {
	position: relative;
	padding-right: 50px;
	width: 1260px
}

@media (max-width:1280px) {
	#searchPopup {
		padding-top: 89px
	}

	#searchPopup>.container {
		width: 100%
	}
}

#searchPopup.searchPopup-visible {
	opacity: 1;
	visibility: visible;
	animation: slideInDown .3s
}

#searchPopup.searchPopup-visible .close {
	transform: translateY(0) scale(1)
}

#searchPopup .btn {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 50px;
	margin: auto;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	background: url(../images/search-black.png) no-repeat center
}

#searchPopup .close {
	display: inline-block;
	position: absolute;
	right: 50px;
	top: -74px;
	margin: auto;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	transition: transform .3s;
	transform: translateY(0) scale(1);
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	background: url(../images/close1.png) no-repeat center;
	background-size: 20px
}

#searchPopup input[type="search"] {
	border: 0;
	width: 256px;
	height: 40px;
	padding: 0 10px;
	font-size: 14px;
	background: #fff;
	color: #333;
	float: right
}

#searchPopup input[type="search"]:-ms-input-placeholder {
	color: #333
}

#searchPopup input[type="search"]::-moz-placeholder {
	color: #333
}

#searchPopup input[type="search"]::-webkit-input-placeholder {
	color: #333
}

#searchPopup input[type="search"]:focus {
	color: #333
}

#searchPopup input[type="search"]::-webkit-search-cancel-button {
	display: none
}

#searchPopup.searchPopup2 .container {
	width: 1600px
}

#searchPopup.searchPopup2 .close {
	background: url(../images/close.png) no-repeat center;
	background-size: 20px
}

@media (max-width:1600px) {
	#searchPopup.searchPopup2 .container {
		width: 1260px
	}
}

@media (max-width:1280px) {
	#searchPopup.searchPopup2 .container {
		width: 100%
	}
}

#searchPopup1 {
	width: 100%;
	border-bottom: solid 1px rgba(255,255,255,0.1);
	transition: opacity .3s,visibility .3s;
	position: relative
}

#searchPopup1 .btn {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	background: url(../images/search.png) no-repeat center
}

#searchPopup1 input[type="text"] {
	line-height: 40px;
	border: 0;
	width: 100%;
	padding: 0 10px;
	font-size: 16px;
	background: transparent;
	color: rgba(255,255,255,0.8)
}

#searchPopup1 input[type="search"]:-ms-input-placeholder {
	color: rgba(255,255,255,0.8)
}

#searchPopup1 input[type="search"]::-moz-placeholder {
	color: rgba(255,255,255,0.8)
}

#searchPopup1 input[type="search"]::-webkit-input-placeholder {
	color: rgba(255,255,255,0.8)
}

#searchPopup1 input[type="search"]:focus {
	color: #fff
}

#searchPopup1 input[type="search"]::-webkit-search-cancel-button {
	display: none
}

.phone-nav .box::-webkit-scrollbar {
	width: 2px;
	height: 1px
}

.phone-nav .box::-webkit-scrollbar-thumb {
	background: #000;
	width: 2px
}

.phone-nav .box::-webkit-scrollbar-track {
	background: rgba(0,0,0,0.1)
}

.phone-nav {
	top: 0;
	z-index: 1999;
	position: fixed;
	right: -240px;
	width: 240px;
	height: 100%;
	background: #434343;
	background: rgba(67,67,67,0.98)
}

.phone-nav .close {
	opacity: .6;
	position: absolute;
	z-index: 99;
	top: 20px;
	right: 20px
}

.phone-nav .close img {
	max-height: 30px
}

.phone-nav .close:hover {
	opacity: 1
}

.phone-nav .box {
	height: 100%;
	overflow-y: auto;
	padding: 0 20px 0 20px;
	-webkit-overflow-scrolling: touch
}

.phone-nav .lan {
	overflow: hidden;
	display: block
}

.phone-nav .lan a {
	color: #fff;
	line-height: 50px;
	display: block;
	font-size: 16px;
	padding: 0 10px;
	float: left
}

.phone-nav .list-menu {
	padding-top: 50px
}

.phone-nav .list-menu li {
	font-size: 16px;
	position: relative;
	line-height: 30px;
	font-style: normal
}

.phone-nav .list-menu li span {
	display: block;
	padding-right: 37px
}

.phone-nav .list-menu li a {
	padding: 15px 0 15px 20px;
	display: block;
	position: relative;
	color: #fff
}

.phone-nav .list-menu li a span {
	z-index: 9;
	display: inline-block;
	position: relative
}

.phone-nav .list-menu li i {
	position: absolute;
	right: 0;
	top: 0;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 30px;
	display: block;
	font-style: inherit;
	cursor: pointer
}

.phone-nav .list-menu li i:after {
	content: "";
	opacity: .5;
	cursor: pointer;
	text-align: center;
	font-family: arial;
	border-left: solid 2px #fff;
	border-bottom: solid 2px #fff;
	transform: rotate(-45deg);
	width: 10px;
	height: 10px;
	display: block;
	margin: 21px auto
}

.phone-nav .list-menu .submenu {
	display: none;
	padding-bottom: 20px
}

.phone-nav .list-menu .submenu a {
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	padding: 0 0 0 20px
}

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

.a {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -60px;
	width: 130px;
	text-align: center;
	z-index: 5
}

.a a {
	background: url("../images/a.png") no-repeat center right;
	padding-right: 20px;
	line-height: 40px;
	color: #fff;
	text-transform: uppercase
}

.banner .pic {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100vh;
	-webkit-transition: all 4s;
	transition: all 4s
}

.banner .swiper-button-prev {
	left: auto;
	right: 11%
}

.banner .swiper-button-next {
	right: 9%
}

.banner .swiper-scrollbar {
	background: rgba(255,255,255,0.2)
}

.banner .swiper-container-horizontal>.swiper-scrollbar {
	bottom: 70px;
	height: 1px
}

.banner .swiper-scrollbar-drag {
	background: #fff;
	border-radius: 0;
	width: 1600px
}

.banner .swiper-container-horizontal>.swiper-scrollbar {
	width: 1600px;
	left: 50%;
	margin-left: -800px
}

.banner .swiper-pagination {
	color: #fff;
	font-family: arial;
	font-size: 16px
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction {
	width: 1600px;
	text-align: left;
	bottom: 30px;
	left: 50%;
	margin-left: -800px;
	font-family: "AvantGarde Book"
}

.banner .swiper-pagination-current,.banner .swiper-pagination-total {
	position: relative
}

.banner .swiper-pagination-current:before,.banner .swiper-pagination-total:before {
	content: "0";
	color: #fff;
	font-size: 16px;
	display: inline-block
}

.banner .swiper-button-next,.banner .swiper-button-prev {
	color: #fff;
	width: 10px;
	height: 14px;
	top: auto;
	bottom: 30px
}

.banner .swiper-slide-active .txt-1 {
	animation: fadeInLeft2 1.5s ease
}

.banner .swiper-slide-active .txt-2 {
	animation: fadeInLeft2 2s ease
}

.banner .txtbox {
	color: #fff;
	padding-top: 25%;
	text-align: center
}

.banner .txt-1 {
	font-size: 70px;
	line-height: 80px;
	font-family: syhei
}

.banner .txt-2 {
	font-size: 24px;
	line-height: 30px;
	margin-top: 20px;
	font-family: syhei
}

.banner .txtbox1 {
	text-align: left
}

.banner .txtbox1 .txt-1 {
	font-size: 61px
}

.banner .txtbox1 .txt-2 {
	font-size: 20px
}

@media (max-width:1600px) {
	.banner .swiper-scrollbar-drag {
		width: 1260px
	}

	.banner .swiper-container-horizontal>.swiper-scrollbar {
		width: 1260px;
		margin-left: -630px
	}

	.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction {
		width: 1260px;
		margin-left: -630px
	}
}

@media (max-width:1280px) {
	.banner .swiper-scrollbar-drag {
		width: 100%
	}

	.banner .swiper-container-horizontal>.swiper-scrollbar {
		width: 100%;
		margin-left: 0;
		left: 0
	}

	.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction {
		width: 100%;
		margin-left: 0;
		left: 0;
		padding: 0 30px
	}

	.banner .swiper-button-next {
		right: 30px
	}

	.banner .swiper-button-prev {
		right: 60px
	}

	.banner .txtbox {
		color: #fff;
		padding-top: 0;
		position: absolute;
		top: 50%;
		width: 100%;
		left: 0;
		padding: 0 30px;
		transform: translateY(-50%)
	}
}

.section {
	position: relative
}
.index-product{padding:60px 0;}
.index-product ul{margin:40px 0 0;}
.index-product li {
	width: 100%;
	/*f loat: left; */
	/height: 100vh;
	overflow: hidden;
}
.index-product li img{width:70%;display:block;margin:0 auto;}
/* .index-product li .textbox {
	height: 100%;
	color: #fff;
	opacity: .7;
	padding: 0 70px;
	font-size: 16px;
	padding-top: 80px;
	text-align: center;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 500ms ease;
	background-position: center center
}

.index-product li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}

.index-product li a:hover .textbox {
	opacity: 1
}

.index-product li a:hover .bottom {
	opacity: 1;
	bottom: 100px
}

.index-product li a:hover .pic img {
	transform: scale(1.05)
}

.index-product li .pic {
	overflow: hidden
}

.index-product li .pic img {
	transition: all 700ms ease
}

.index-product li .tit {
	font-size: 30px;
	line-height: 70px;
	position: relative;
	font-family: syhei;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.index-product li .tit:after {
	content: "";
	width: 72px;
	height: 3px;
	left: 50%;
	bottom: 0;
	margin-left: -36px;
	position: absolute;
	background: #f39800
}

.index-product li .txt {
	opacity: .7;
	margin: 0 auto;
	padding: 0 2%;
	margin-top: 25px
}

.index-product li .txt-2 {
	z-index: 2;
	font-size: 14px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	margin-top: -30px;
	position: relative
}

.index-product li .more {
	width: 120px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-top: 45px;
	display: inline-block;
	background: #f39800;
	font-size: 14px
}

.index-product li .more img {
	margin: 21px 0 0 9px;
	width: 13px
}

.index-product li .bottom {
	opacity: 0;
	bottom: 70px;
	left: 0;
	width: 100%;
	z-index: 2;
	padding: 0 70px;
	text-align: left;
	position: absolute;
	transition: all 700ms ease
}

.index-product li .pic {
	position: relative;
	margin-top: 50px
} */

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

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

.fadeInRight2 {
	animation-name: fadeInRight2
}

@keyframes myfirst04 {
	0% {
		opacity: .5;
		transform: translateY(-40px)
	}

	100% {
		opacity: 1;
		transform: translateY(0px)
	}
}

.footer {
background: url(../images/cot.jpg) no-repeat top center; background-size: cover;
	/* background: #202020 */
}

.footer-top {
	padding: 46px 0 24px 0
}

.footer-top .footer-message{
	float: left;
	width: 50%;
	padding-top: 110px;
}
.index-about .msg{/* border:1px solid #f00; */width:96%;padding-left:0px;height:200px;margin:0px auto;position:relative;padding-top:60px;}
.footer-top .footer-message h3 ,.index-about  .msg h3 {
	font-size: 36px;
	color: #fff;
	line-height: 45px;
	margin-bottom: 9px
}
.footer-top .footer-message p,.index-about  .msg p{
	font-size: 20px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 9px
}
.index-about  .msg p{color:#000;}
.footer-top .footer-message ul,.index-about  .msg ul {
	margin: 0 -6px
}

.footer-top .footer-message ul li ,.index-about  .msg ul li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 6px
}
.index-about  .msg ul li {width: 50%;}
.footer-top .footer-message ul li span,.index-about  .msg ul li span {
	color: #fff;
	display: block
}
.index-about  .msg ul li span{color:#333;}
.footer-top .footer-message ul li input ,.index-about  .msg  ul li input {
	border: 1px solid #e9e9e9;
	height: 31px;
	background: #e9e9e9;
	padding: 0 10px;
	width: 100%
}
.index-about  .msg  ul li input{background: #fff;}
.footer-top .footer-message ul li input:focus ,.index-about  .msg ul li input:focus {
	border: 1px solid #f39800
}

.footer-top .footer-message ul li textarea,.index-about  .msg ul li textarea {
	border: 1px solid #e9e9e9;
	height: 80px;
	background: #e9e9e9;
	padding: 5px 10px;
	width: 66%
}
.index-about  .msg ul li textarea{background: #fff;}
.index-about  .msg ul li textarea {width: 100%}
.footer-top .footer-message ul li textarea:focus,.index-about  .msg ul li textarea:focus {
	border: 1px solid #f39800
}

.footer-top .footer-message ul li .submit,.index-about  .msg ul li .submit {
	width: 100px;
	background: #f39800;
	color: #fff;
	border: 1px solid #f39800
}

.footer-top .footer-contact {
	float: right;
	color: #fff;
	width: 30%;
	text-align: right;
	font-size: 16px;
	padding-top: 33px
}
.footer-top .footer-contact h3{
	font-size: 36px;
    color: #fff;
    line-height: 45px;
    margin-bottom: 9px;
}
.footer-top .footer-contact .share {
	padding-bottom: 30px
}

.footer-top .footer-contact .share a {
	margin-left: 2px;
	display: inline-block;
	border-radius: 100%;
	/* background: #474747 */
}

.footer-top .footer-contact .share a:hover {
	background: #f39800
}

.footer-top .footer-contact p{color:#color: #fff;}
.footer-top .footer-contact .tel {
	font-size: 28px;
	line-height: 30px;
	font-family: "DIN-Medium";
	color:#fff;
}

.footer-top .footer-contact .add {
	color: #fff;
	font-size: 16px;
	margin-top: 16px;
}
.footer-top .footer-contact .add1{margin-top:16px;}
.footer-top .footer-contact .add img {
	margin-left: 5px
}

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

	.footer-top .footer-message {
		width: 100%
	}

	.footer-top .footer-message h3 {
		font-size: 24px
	}

	.footer-top .footer-contact {
		width: 100%;
		text-align: center
	}

	.footer-top .footer-contact .share {
		padding-bottom: 10px
	}
}

@media (max-width:768px) {
	.footer-top .footer-message h3 {
		display: none
	}

	.footer-top .footer-message ul {
		margin: 0
	}

	.footer-top .footer-message ul li {
		width: 100%;
		position: relative;
		padding: 0;
		padding-left: 43px;
		margin-bottom: 9px
	}

	.footer-top .footer-message ul li span {
		color: #fff;
		display: block;
		float: left;
		width: 43px;
		padding-right: 15px;
		position: absolute;
		top: 0;
		left: 0
	}

	.footer-top .footer-message ul li input {
		border: 1px solid rgba(255,255,255,0.1);
		background: rgba(255,255,255,0.1);
		width: 100%
	}

	.footer-top .footer-message ul li textarea {
		border: 1px solid rgba(255,255,255,0.1);
		background: rgba(255,255,255,0.1);
		width: 100%
	}

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

	.footer-top .footer-contact {
		padding-top: 20px
	}

	.footer-top .footer-contact .tel {
		font-size: 24px
	}

	.footer-top .footer-contact .add {
		margin-top: 5px;
		font-size: 14px
	}
}

.footer-bottom .container {
	border-top: 1px solid #fff;
	line-height: 35px;
	font-size: 14px;
	color: rgba(158,158,158,0.3);
	padding: 13px 15px
}

.footer-bottom i {
	font-style: normal;
	font-family: arial
}

.footer-bottom a {
	color: rgba(158,158,158,0.3)
}

.footer-bottom a:hover {
	color: #fff;
	text-decoration: underline
}

.footer-bottom span {
	float: right
}

.footer-bottom span a {
	padding: 0 3px;
	display: inline-block
}

.footer-bottom span a:nth-last-child(1) {
	padding-right: 0
}

@media (max-width:768px) {
	.footer-bottom .container {
		text-align: center;
		line-height: 30px
	}

	.footer-bottom span {
		float: none;
		display: block
	}

	.footer-bottom span a {
		padding: 0 3px;
		display: inline-block
	}

	.footer-bottom span a:nth-last-child(1) {
		padding-right: 0
	}
}

.index-title {
	color: #fff;
	text-align: center
}

.index-title .font40 {
	font-size: 48px;
	line-height: 50px;
	padding-bottom: 12px;
	position: relative;
	color:#444;
}

.index-title .font40:after {
	content: "";
	width: 252px;
	height: 3px;
	bottom: 0;
	left: 50%;
	margin-left: -125px;
	position: absolute;
	background: #f39800
}

.index-title .fontxian:after {
    content: "";
    width: 950px;
    height: 3px;
    bottom: 0;
    left: 50%;
    margin-left: -475px;
    position: absolute;
    background: #f39800;
}

.index-title .font14 {
	opacity: .5;
	font-size: 14px;
	margin-top: 20px;
	color:#666;
}

.index-case {
	padding-top: 160px
}

.index-case ul {
	padding-top: 85px
}

.index-case li {
	width: 16.6666%;
	float: left;
	text-align: center
}

.index-case li a {
	display: block;
	height: 341px;
	padding-top: 54px
}

@media (max-width:1600px) {
	.index-case li a {
		padding-top: 40px;
		height: 280px
	}
}

@media (min-width:1025px) {
	.index-case li a:hover {
		/* background: url(../images/case-hover.png) no-repeat top center */
	}

	.index-case li a:hover .iconbox {
		/* background: #fff;
		border-color: #fff */
	}

	.index-case li a:hover .iconbox .icon {
		opacity: 0
	}

	.index-case li a:hover .iconbox .icon-h {
		opacity: 1;
		transform: translateY(0)
	}
}

@media (min-width:1025px) and (max-width:1600px) {
	.index-case li a:hover {
		background-size: 208px
	}
}

.index-case li .iconbox {
	height: 95px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	border-radius: 100%;
	border: solid 1px rgba(255,255,255,0.5)
}

.index-case li .iconbox .icon {
	display: block
}

.index-case li .iconbox .icon-h {
	top: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	transform: translateY(20px);
	transition: all 500ms ease
}

.index-case li .tit {
	font-size: 22px;
	height: 24px;
	color: #fff;
	overflow: hidden;
	margin-top: 12px
}

.index-about {
	position: relative;
	padding-top: 126px;
	overflow: hidden
}

.index-about .en {
	top: 160px;
	left: 0;
	opacity: .03;
	position: absolute;
	z-index: 1
}

.index-about .container {
	position: relative;
	z-index: 3
}

.index-about .index-title {
	text-align: center;
	/* padding-right: 100px */
}

.index-about .index-title .font40:after {
	/* left: 0; */
	/* margin-left: 0 */
}

.index-about .index-title .font14 {
	font-size: 16px;
	line-height: 26px;
	opacity: 1;
	height: 52px;
	overflow: hidden;
	margin-top: 10px
}
.index-about .index-aboutcon{padding:40px 200px 0px 230px;font-size:24px;line-height:40px;color:#646464;}
.index-about .leftbox {
	width: 50%;
	float: left;
	padding-top: 20px;
	position: relative;
	z-index: 5
}

.index-about .rightbox {
	width: 50%;
	float: right;
	position: relative
}

.index-about .rightbox a {
	display: block;
	overflow: hidden
}

.index-about .rightbox img {
	transition: .5s
}

.index-about .rightbox:before {
	content: "";
	width: 120px;
	height: 4px;
	right: -28px;
	top: -20px;
	z-index: 1;
	background: #none;
	position: absolute
}

.index-about .rightbox:after {
	content: "";
	height: 240px;
	width: 4px;
	right: -28px;
	top: -16px;
	z-index: 1;
	background: none;
	position: absolute
}

.index-about .rightbox .videoBtn {
	top: 50%;
	left: 50%;
	z-index: 1;
	opacity: .8;
	margin-top: -36px;
	margin-left: -36px;
	position: absolute;
	transition: all 500ms ease
}

.index-about .rightbox:hover img {
	transform: scale(1.05)
}

.index-about .rightbox:hover .videoBtn {
	opacity: 1
}

.index-about .list {
	padding: 76px 0 52px 0;
	border-bottom: solid 1px #353538;
	border-bottom: solid 1px rgba(255,255,255,0.1)
}

.index-about .list li {
	width: 26.3333%;
	float: left
}

.index-about .list li span {
	display: inline-block
}

.index-about .list li .num {
	vertical-align: top;
	font-family: arial;
	font-size: 80px;
	line-height: 90px;
	position: relative;
	color: #f39800
}

.index-about .list li .num em {
	font-size: 30px;
	top: -20px;
	right: -20px;
	font-style: normal;
	position: absolute
}

.index-about .list li .tit {
	color: #fff;
	font-size: 20px;
	padding-top: 50px;
	vertical-align: top;
	padding-left: 10px
}

.index-about .list li:nth-child(2) {
	width: 37%
}

.index-about .list-2 {
	padding-top: 60px
}

.index-about .list-2 li {
	width: 50%;
	float: left;
	min-height: 130px;
	padding-right: 10px;
	position: relative;
	transition: .5s;
	cursor: pointer
}

.index-about .list-2 li span {
	top: 0;
	left: 0;
	border: solid 1px rgba(255,255,255,0.5);
	border-radius: 100%;
	position: absolute
}

.index-about .list-2 li .txtbox {
	color: #a9a9aa;
	padding-top: 15px;
	padding-left: 90px
}

.index-about .list-2 li .txtbox p:first-child {
	color: #fff;
	font-size: 20px;
	margin-bottom: 6px
}

@media (min-width:1025px) {
	.index-about .list-2 li:hover {
		margin-top: -10px;
		margin-bottom: 10px
	}
}

@media (max-width:1600px) {
	.index-about .list li .num {
		font-size: 54px
	}
}

.index-news {
	padding-top: 96px;
	position: relative;
	overflow: hidden
}

.index-news .en {
	top: 0;
	left: 0;
	opacity: .3;
	position: absolute
}

.index-news .index-title {
	z-index: 1;
	position: relative;
	text-align: left;
	padding-right: 50px
}

.index-news .index-title .font40 {
	font-family: syhei
}

.index-news .index-title .font40:after {
	left: 0;
	margin-left: 0
}

.index-news ul {
	padding-top: 60px
}

.index-news ul li {
	width: 33.3333%;
	float: left;
	border-left: solid 1px #666;
	padding: 77px 70px 60px 75px;
	transition: all 600ms ease;
	border-left: solid 1px rgba(255,255,255,0.2)
}

.index-news ul li a {
	display: block;
	color: #fff
}

.index-news ul li .tag {
	width: 63px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	border-radius: 15px;
	background: #c37a01;
    overflow:hidden;
	display: inline-block
}

.index-news ul li .date {
	margin-top: 5px;
	font-family: arial;
	font-size: 48px;
	line-height: 50px
}

.index-news ul li .year {
	font-family: arial
}

.index-news ul li .tit {
	margin-top: 26px;
	font-size: 18px;
	height: 48px;
	overflow: hidden
}

.index-news ul li .txt {
	color: #a5a5a5;
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	margin-top: 32px
}

.index-news ul li .more {
	width: 114px;
	height: 32px;
	color: #fff;
	position: relative;
	margin-top: 108px;
	line-height: 32px;
	text-align: center;
	padding-right: 25px;
	border-radius: 30px;
	background: #5e5e5e;
	transition: all 334ms ease;
	display: inline-block
}

.index-news ul li .more:after {
	content: "";
	width: 30px;
	height: 30px;
	right: 1px;
	top: 1px;
	border-radius: 100%;
	position: absolute;
	background: url(../images/arrow.png) no-repeat center center #fff
}

.index-news ul li:hover {
	padding-top: 50px
}

.index-news ul li:hover .more {
	background: #f39800
}

.index-news ul li:hover .tag {
	background: #f39800
}

.active {
	position: relative;
	z-index: 24
}

.active .index-title {
	position: relative;
	animation: 2s fadeInDown2 alternate
}

.active .index-case ul li:nth-child(1) {
	position: relative;
	animation: 1s fadeInUp2 alternate
}

.active .index-case ul li:nth-child(2) {
	position: relative;
	animation: 1.1s fadeInUp2 alternate
}

.active .index-case ul li:nth-child(3) {
	position: relative;
	animation: 1.2s fadeInUp2 alternate
}

.active .index-case ul li:nth-child(4) {
	position: relative;
	animation: 1.3s fadeInUp2 alternate
}

.active .index-case ul li:nth-child(5) {
	position: relative;
	animation: 1.4s fadeInUp2 alternate
}

.active .index-case ul li:nth-child(6) {
	position: relative;
	animation: 1.5s fadeInUp2 alternate
}

.active .index-case ul li:nth-child(7) {
	position: relative;
	animation: 1.6s fadeInUp2 alternate
}

.active .index-about .list {
	position: relative;
	animation: 1s fadeInUp2 alternate
}

.active .index-about .list-2 {
	position: relative;
	animation: 1.2s fadeInUp2 alternate
}

.active .index-about .rightbox {
	width:50%;
	position: relative;
	animation: 1.5s fadeInRight2 alternate;
}

.active .index-news ul li:nth-child(1) {
	animation: 1s fadeInUp2 alternate;
	position: relative
}

.active .index-news ul li:nth-child(2) {
	animation: 1.5s fadeInUp2 alternate;
	position: relative
}

.active .index-news ul li:nth-child(3) {
	animation: 2s fadeInUp2 alternate;
	position: relative
}

.active .footer {
	animation: 2s fadeInUp2 alternate
}

@media (max-width:1280px) {
	.fp-section .footer-top .footer-contact {
		float: right;
		color: #fff;
		width: 33%;
		text-align: right;
		font-size: 16px;
		padding-top: 33px;
		padding-right: 90px
	}

	.index-about .rightbox:before {
		right: 0;
		top: 0
	}

	.index-about .rightbox:after {
		right: 0;
		top: 0
	}

	.index-about .rightbox {
		padding: 15px 15px 0 0
	}
}

@media (max-height:815px) {
	.index-about .leftbox {
		padding-top: 0;
		width:50%;
	}
}

@media (max-height:755px) {
	.index-about .leftbox {
		width:50%;
		padding-top: 0;
	}

	.index-about .list {
		padding: 20px 0 20px 0
	}

	.index-news ul {
		padding-top: 20px
	}

	.index-news ul li .more {
		margin-top: 58px
	}
}

@media (max-height:696px) {
	.banner .txtbox {
		padding-top: 18%
	}

	.index-case {
		padding-top: 6%
	}

	.index-about {
		padding-top: 4%
	}

	.index-about .list-2 {
		padding-top: 20px
	}

	.index-about .rightbox {
		width: 50%
	}

	.index-news {
		padding-top: 3%
	}

	.index-news ul li {
		padding: 40px 70px 40px 75px
	}

	.index-news ul li:hover {
		padding-top: 30px
	}
}

@media (max-width:1200px) {
	.banner .pic {
		height: 580px
	}

	.banner .pic:after {
		padding-bottom: 0
	}

	.banner .txt-1 {
		font-size: 30px;
		line-height: 50px
	}

	.banner .txt-2 {
		font-size: 18px
	}

	.index-product li .textbox {
		padding: 0 30px;
		padding-top: 30px
	}

	.index-case,.index-about,.index-news {
		padding: 100px 0
	}

	.index-about .leftbox {
		width: 100%;
		float: none
	}

	.index-about .rightbox {
		width: 50%;
		float: none
	}

	.a {
		display: none
	}

	.banner .swiper-button-next,.banner .swiper-button-prev {
		bottom: 15px
	}

	.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction {
		bottom: 10px
	}

	.banner .swiper-container-horizontal>.swiper-scrollbar {
		bottom: 45px
	}
}

@media (max-width:1023px) {
	.index-product li {
		width: 100%;
		height: auto;
		float: none
	}

	.index-product li .pic:after {
		padding-bottom: 0
	}

	.index-product li .textbox {
		opacity: 1;
		padding: 30px;
		font-size: 14px
	}

	.index-product li .tit {
		font-size: 20px;
		line-height: 50px
	}

	.index-product li .txt {
		margin-top: 15px
	}

	.index-product li .pic {
		margin-top: 20px
	}

	.index-product li .bottom {
		opacity: 1;
		bottom: auto;
		left: auto;
		padding: 0 30px;
		position: relative
	}

	.index-product li .txt-2 {
		height: auto;
		max-height: 44px;
		margin-top: 0;
		display: none
	}

	.index-product li .more {
		height: 40px;
		line-height: 40px;
		margin: 20px auto 0 auto;
		display: block
	}

	.index-product li .more img {
		margin: 16px 0 0 9px
	}

	.index-title .font40 {
		font-size: 22px;
		line-height: 40px
	}

	.index-case,.index-about,.index-news {
		padding: 30px 0
	}

	.index-case ul {
		padding-top: 20px
	}

	.index-case li {
		width: 33.33333333%;
		margin-bottom: 20px
	}

	.index-case li a {
		padding-top: 0;
		height: auto
	}

	.index-case li .iconbox {
		height: 60px;
		width: 60px
	}

	.index-case li .tit {
		font-size: 16px;
		margin-top: 0
	}

	.index-about .index-title {
		padding-right: 0
	}

	.index-about .list {
		padding: 20px 0
	}

	.index-about .list li .num {
		font-size: 40px;
		line-height: 60px
	}

	.index-about .list li .num em {
		font-size: 20px;
		top: -15px;
		right: -15px
	}

	.index-about .list li .tit {
		font-size: 16px;
		padding-top: 0;
		padding-left: 0;
		display: block
	}

	.index-about .list-2 li {
		width: 100%;
		min-height: 50px;
		padding-right: 0;
		margin-bottom: 20px
	}

	.index-about .list-2 {
		padding-top: 20px
	}

	.index-about .list-2 li span {
		width: 50px
	}

	.index-about .list-2 li .txtbox {
		padding-top: 0;
		padding-left: 65px;
		font-size: 12px
	}

	.index-about .list-2 li .txtbox p:first-child {
		font-size: 16px
	}

	.index-about .rightbox {
		width: 100%
	}

	.index-news ul {
		padding-top: 20px
	}

	.index-news ul li {
		width: 100%;
		padding: 0 0 0 20px
	}

	.index-news ul li .date {
		font-size: 26px;
		line-height: 40px
	}

	.index-news ul li .tit {
		margin-top: 10px;
		font-size: 16px
	}

	.index-news ul li .txt {
		margin-top: 10px
	}

	.index-news ul li .more {
		margin-top: 10px
	}

	.index-news ul li {
		margin-bottom: 20px
	}
}

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

	50% {
		transform: scale(1.05)
	}

	100% {
		transform: scale(1)
	}
}

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

	50% {
		transform: scale(1.05)
	}

	100% {
		transform: scale(1)
	}
}

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

@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,100px,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(-100px,0,0)
	}

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

.fadeInLeft2 {
	animation-name: fadeInLeft2
}

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

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

.fadeInRight2 {
	animation-name: fadeInRight2
}

.insider-banner {
	overflow: hidden;
	position: relative
}

.insider-banner img {
	animation: 4s mymove4 alternate linear
}

.insider-banner .txtbox {
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 9;
	color: #fff;
	height: 230px;
	margin-top: -56px;
	position: absolute
}

@media (max-width:1200px) {
	.insider-banner .txtbox {
		text-align: left
	}
}

.insider-banner .txtbox .container {
	position: relative;
	width: 1260px
}

.insider-banner .txtbox .container:before {
	top: -63px;
	left: -100px;
	content: "";
	width: 230px;
	height: 230px;
	border-radius: 100%;
	position: absolute;
	background: rgba(243,152,0,0.3);
	animation: 2s fadeInLeft2 alternate ease
}

.insider-banner .txtbox .container:after {
	top: -37px;
	left: -68px;
	content: "";
	width: 230px;
	height: 230px;
	border-radius: 100%;
	position: absolute;
	background: rgba(243,152,0,0.1);
	animation: 2s fadeInRight2 alternate ease
}

@media (max-width:1200px) {
	.insider-banner .txtbox .container:before,.insider-banner .txtbox .container:after {
		display: none
	}
}

@media (max-width:1280px) {
	.insider-banner .txtbox .container {
		width: 100%;
		padding: 0 15px
	}
}

.insider-banner .txtbox p {
	z-index: 9;
	font-size: 24px;
	margin-bottom: 10px;
	position: relative
}

.insider-banner .txtbox p:first-child {
	font-size: 35px;
	line-height: 50px;
	font-weight: 700
}

@media (max-width:1600px) {
	.insider-banner .txtbox .container:before {
		left: 15px;
		top: -60px;
		width: 200px;
		height: 200px
	}

	.insider-banner .txtbox .container:after {
		left: 30px;
		width: 200px;
		height: 200px;
		top: -50px
	}

	.insider-banner .txtbox p {
		font-size: 16px;
		margin-bottom: 5px;
		padding-left: 70px
	}

	.insider-banner .txtbox p:first-child {
		font-size: 30px;
		line-height: 40px
	}
}

@media (max-width:640px) {
	.insider-banner .txtbox p {
		font-size: 14px;
		margin-bottom: 0;
		padding: 0 20px
	}

	.insider-banner .txtbox p:first-child {
		font-size: 20px;
		line-height: 30px;
		display: block
	}
}

@media (max-width:1200px) {
	.insider-banner {
		margin-top: 70px
	}
}

@media (max-width:640px) {
	.insider-banner .txtbox {
		height: auto;
		margin-top: 0;
		transform: translateY(-50%)
	}

	.insider-banner img {
		max-width: 786px;
		position: relative;
		margin-left: -300px;
		left: 50%
	}
}

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

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

.footer01 .container {
	width: 1260px
}

.footer01 .container .footer-message {
	width: 63%
}

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

@media (max-width:1200px) {
	.footer01 .container .footer-message {
		width: 100%
	}
}

.inside .container {
	width: 1260px
}

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

.inside-news {
	padding: 58px 0;
	/* background: #f9f9f9 url(../images/nbg.jpg) no-repeat top center */
}

@media (max-width:1200px) {
	.inside-news {
		padding: 40px 0
	}
}

@media (min-width:1025px) {
	.inside-news dl:hover dt img {
		transform: scale(1.05)
	}

	.inside-news dl:hover dd h3 a {
		color: #f39800
	}
}

.inside-news dl {
	background: #fff;
	padding: 16px 16px 19px 16px
}

.inside-news dl dt {
	width: 32.981%;
	float: left;
	overflow: hidden;
	position: relative
}

.inside-news dl dt .pic {
	display: block
}

.inside-news dl dt .pic:after {
	content: "";
	display: block;
	padding-bottom: 64.19753086419753%
}

.inside-news dl dt img {
	transition: all 700ms ease
}

.inside-news dl dd {
	width: 67%;
	float: left;
	padding-right: 40px;
	padding-top: 22px;
	padding-left: 39px
}

.inside-news dl dd time {
	font-size: 16px;
	font-family: "DIN-Medium"
}

.inside-news dl dd h3 {
	font-size: 26px;
	color: #333;
	margin-top: 15px;
	line-height: 36px
}

.inside-news dl dd h3 a {
	display: block;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.inside-news dl dd .txt {
	font-size: 16px;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	margin-top: 15px
}

.inside-news dl dd .more {
	width: 107px;
	height: 35px;
	color: #b9b9b9;
	line-height: 33px;
	display: inline-block;
	border-radius: 30px;
	text-align: center;
	margin-top: 18px;
	position: relative;
	border: 1px solid #b9b9b9
}

.inside-news dl dd .more:after {
	content: "";
	width: 11px;
	height: 9px;
	margin-left: 12px;
	margin-top: -5px;
	display: inline-block;
	background-position: -14px 0;
	background-repeat: no-repeat;
	background-image: url(../images/news-arrow.png);
	vertical-align: middle
}

@media (min-width:1025px) {
	.inside-news dl dd .more:hover {
		box-shadow: 0 0 20px #f39800;
		background-color: #f39800;
		border: 1px solid #f39800;
		color: #fff
	}

	.inside-news dl dd .more:hover:after {
		background-position: 0 0
	}
}

@media (max-width:1200px) {
	.inside-news dl dd {
		padding: 20px 20px 0 20px
	}

	.inside-news dl dd h3 {
		padding-right: 0;
		font-size: 18px;
		line-height: 24px;
		margin-top: 5px
	}

	.inside-news dl dd .txt {
		line-height: 24px;
		height: 48px;
		font-size: 14px;
		margin-top: 10px
	}

	.inside-news dl dd .more {
		margin-top: 15px
	}
}

@media (max-width:640px) {
	.inside-news dl dt,.inside-news dl dd {
		width: 100%;
		float: none
	}
}

.inside-news ul {
	margin: 0 -25px;
	padding-top: 53px
}

.inside-news ul li {
	margin-bottom: 65px;
	width: 20%;
	float: left;
	padding: 0 25px
}

.inside-news ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 34px 33px 39px 33px;
	transition: all 700ms ease
}

.inside-news ul li .tit {
text-align:center;
	font-size: 18px;
	line-height: 30px;
     height: 90px;
	/* text-overflow: ellipsis; */
	white-space: pre-wrap;
	color: #333;
	/* overflow: hidden; */
	font-family: syhei
}

.inside-news ul li .picbox {
	margin-top: 33px;
	position: relative
}

.inside-news ul li .picbox .time {
	right: 0;
	top: 0;
	z-index: 1;
	width: 60px;
	height: 60px;
	color: #fff;
	line-height: 24px;
	font-size: 12px;
	background: #66c5d6;
	position: absolute;
	text-align: center;
	font-family: "DIN-Medium";
	background: rgba(0,0,0,0.5)
}

.inside-news ul li .picbox .time .date {
	font-size: 22px;
	margin-top: 5px;
	display: block
}

.inside-news ul li .picbox .time .year {
	line-height: 16px;
	display: block;
	margin-top: 5px
}

.inside-news ul li .picbox .pic {
	overflow: hidden;
	position: relative
}

.inside-news ul li .picbox .pic:after {
	content: "";
	display: block;
	padding-bottom: 64%
}

.inside-news ul li .picbox .pic img {
	transition: all 700ms ease
}

.inside-news ul li .txt {
	color: #666;
	/* height: 66px; */
	overflow: hidden;
	line-height: 22px;
	margin-top: 20px
}

.inside-news ul li .more {
	width: 107px;
	height: 35px;
	color: #b9b9b9;
	line-height: 33px;
	/* display: inline-block; */display: block;
	border-radius: 30px;
	text-align: center;
	margin: 12px auto 0;
	position: relative;
	border: 1px solid #b9b9b9
}

.inside-news ul li .more:after {
	content: "";
	width: 11px;
	height: 9px;
	margin-left: 12px;
	margin-top: -5px;
	display: inline-block;
	background-position: -14px 0;
	background-repeat: no-repeat;
	background-image: url(../images/news-arrow.png);
	vertical-align: middle
}

@media (min-width:1025px) {
	.inside-news ul li:hover a {
		background: #f39800
	}

	.inside-news ul li:hover .pic img {
		transform: scale(1.05)
	}

	.inside-news ul li:hover .tit,.inside-news ul li:hover .txt {
		color: #fff
	}

	.inside-news ul li:hover .more {
		border: 1px solid #fff;
		color: #fff
	}

	.inside-news ul li:hover .more:after {
		background-position: 0 0
	}
}

@media (max-width:1200px) {
	.inside-news ul {
		margin: 0 -15px
	}

	.inside-news ul li {
		padding: 0 15px;
		margin-bottom: 30px
	}

	.inside-news ul li a {
		padding: 20px
	}

	.inside-news ul li .picbox {
		margin-top: 15px
	}

	.inside-news ul li .tit {
		font-size: 16px
	}

	.inside-news ul li .txt {
		height: 44px
	}
}

@media (max-width:640px) {
	.inside-news ul {
		margin: 0 -10px;
		padding-top: 20px
	}

	.inside-news ul li {
		width: 50%;
		padding: 0 10px;
		margin-bottom: 20px
	}
}

@media (max-width:420px) {
	.inside-news ul li {
		width: 100%
	}
}

.inside-page {
	font-size: 16px;
	text-align: center;
	font-family: "FuturaBT Medium"
}

.inside-page a {
	margin-left: 4px;
	display: inline-block;
	border: solid 2px #f9f9f9;
	border-radius: 50%;
	height: 50px;
	color: #000;
	width: 50px;
	line-height: 46px;
	text-align: center
}

.inside-page span {
	margin-left: 4px;
	display: inline-block;
	border-radius: 100%;
	border: solid 2px #f39800;
	height: 50px;
	color: #000;
	width: 50px;
	line-height: 46px;
	text-align: center
}


@media (min-width:1025px) {
	.inside-page a:hover {
		border-radius: 100%;
		border: solid 2px #f39800
	}
}

.inside-page .cpb {
	border-radius: 100%;
	border: solid 2px #f39800
}

.inside-page .last {
	width: 52px;
	font-size: 14px;
	background: #f39800
}

@media (max-width:780px) {
	.inside-page {
		font-size: 14px;
		margin-top: 20px
	}

	.inside-page a {
		border-width: 1px
	}

	.inside-page .num {
		width: 40px;
		height: 40px;
		line-height: 36px
	}

	.inside-page .num.cur {
		border-width: 1px
	}
}

.inmain01 {
	background: #f9f9f9 url("../images/nbg1.jpg") no-repeat top center
}

.inside-current {
	line-height: 49px;
	overflow: hidden;
	/* padding-top: 24px; */
	padding-top: 0px;
}

.inside-current span {
	color: #f39800
}

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

.inside-current .return {
	float: right;
	background: url(../images/return.png) no-repeat center left;
	padding-left: 29px
}

.inside-news-show {
	padding:0;
	font-size: 15px;
	line-height: 26px;
	color: #666
}

.inside-news-show .container h1 {
	color: #333;
	font-size: 28px;
	text-align: center;
	line-height: 40px
}

.inside-news-show .container .info {
	color: #999;
	font-size: 14px;
	padding: 10px 0 25px 0;
	margin-bottom: 48px;
	text-align: center;
	border-bottom: solid 1px #dcdcdc
}

.inside-news-show .container .info img {
	margin: 4px 5px 0 0
}

.inside-news-show .container .info span {
	padding-left: 50px;
	font-family: arial
}

.inside-news-show .container .tag {
	padding: 27px 0 0 0;
	/* margin-top: 24px; */
	margin-top: 0px;
	overflow: hidden;
	border-top: solid 1px #ececec
}

.inside-news-show .container .tag a {
	margin-right: 15px;
	background: #ececec;
	border-radius: 30px;
	max-width: 180px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	padding: 0 16px;
	display: block;
	float: left;
	margin-bottom: 5px
}

.inside-news-show .container .tag a:hover {
	color: #fff;
	background: #f39800
}

@media (max-width:1023px) {
	.inside-news-show .container {
		font-size: 14px;
		line-height: 25px
	}

	.inside-news-show .container h1 {
		font-size: 18px;
		line-height: 24px
	}

	.inside-news-show .container .info {
		font-size: 12px;
		padding: 10px 0;
		margin-bottom: 30px
	}

	.inside-news-show .container .tag {
		padding: 20px 0 0 0;
		margin-top: 20px
	}
}

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

.inside-page-news {
	padding-top: 52px;
	margin-top: 23px;
	border-top: solid 1px #ececec
}

.inside-page-news li {
	width: 33.333%;
	float: left;
	text-align: center
}

.inside-page-news li:first-child {
	text-align: left
}

.inside-page-news li:last-child {
	text-align: right
}

@media (max-width:1023px) {
	.inside-page-news {
		padding-top: 20px;
		margin-top: 20px
	}
}

.inside-xg-news {
	padding: 54px 0 100px 0;
	background: #fff
}

.inside-xg-news .title {
	font-size: 20px;
	color: #333;
	font-weight: bold
}

.inside-xg-news .title a {
	float: right;
	font-size: 14px;
	font-weight: normal
}

.inside-xg-news ul {
	margin: 0 -12px
}

.inside-xg-news li {
	width: 25%;
	float: left;
	padding: 0 12px;
	margin-top: 32px;
	transition: all 500ms ease
}

.inside-xg-news li a {
	display: block;
	width: 100%;
	padding: 30px 25px;
	height: 405px;
	background: #f6f6f6;
	position: relative
}

.inside-xg-news li a:before {
	content: "";
	width: 100%;
	height: 9px;
	top: 0;
	left: 0;
	position: absolute;
	background: url("../images/lin.jpg") no-repeat center left
}

.inside-xg-news li time {
	font-size: 16px;
	font-family: "DIN-Medium"
}

.inside-xg-news li .tit {
	overflow: hidden;
	height: 48px;
	font-size: 16px;
	margin-top: 15px;
	font-weight: bold;
	color: #333
}

.inside-xg-news li .txt {
	height: 96px;
	color: #666;
	overflow: hidden;
	margin-top: 30px
}

.inside-xg-news li .more {
	width: 107px;
	height: 35px;
	right: 25px;
	bottom: 30px;
	color: #666;
	border-radius: 30px;
	line-height: 33px;
	padding-left: 20px;
	position: absolute;
	transition: all 500ms ease;
	border: solid 1px #cbcbcb;
	background: url(../images/news-arrow.png) no-repeat center right 10px
}

.inside-xg-news li:hover {
	transform: translateY(-8px)
}

.inside-xg-news li:hover a {
	background: #fff;
	box-shadow: 5px 5px 3px #f6f6f6
}

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

	.inside-xg-news ul {
		margin: 0 -5px
	}

	.inside-xg-news li {
		width: 50%;
		margin-top: 20px;
		padding: 0 5px
	}

	.inside-xg-news li a {
		height: 270px;
		padding: 20px
	}

	.inside-xg-news li a:before {
		height: 4px
	}

	.inside-xg-news li .tit {
		font-size: 14px
	}

	.inside-xg-news li .txt {
		height: 48px;
		margin-top: 15px
	}
}

.inside-dowland {
	padding: 72px 0 70px 0;
	background: #fff url(../images/nbg2.jpg) no-repeat top center
}

.inside-dowland ul {
	margin-bottom: 50px
}

.inside-dowland li {
	font-size: 16px;
	line-height: 81px;
	padding-left: 68px;
	position: relative;
	padding-right: 130px;
	overflow: hidden;
	background: #f7f7f7 url(../images/dowland-01.png) no-repeat 15px 25px;
	margin-bottom: 10px
}

.inside-dowland li a {
	color: #333;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.inside-dowland li span {
	right: 20px;
	top: 0;
	position: absolute
}

.inside-dowland li span a {
	font-size: 14px;
	color: #666;
	display: inline-block;
	padding-left: 28px;
	background-position: center left;
	background-repeat: no-repeat;
	background-image: url(../images/dowland-04.png);
	width: 100px;
	background-size: 16px;
	font-weight: normal
}

@media (min-width:1025px) {
	.inside-dowland li:hover {
		background: url(../images/dowland-02.png) no-repeat 15px 25px #f39800
	}

	.inside-dowland li:hover a {
		color: #fff;
		font-weight: bold
	}

	.inside-dowland li:hover span a {
		color: #fff;
		font-weight: normal;
		background-image: url(../images/dowland-03.png);
		background-size: 16px
	}
}

@media (max-width:680px) {
	.inside-dowland {
		padding: 30px 0 30px 0
	}

	.inside-dowland ul {
		margin-bottom: 30px
	}

	.inside-dowland li {
		line-height: 50px;
		padding-right: 110px;
		padding-left: 20px;
		font-size: 14px;
		background: #f7f7f7
	}

	.inside-dowland li span {
		right: 0;
		line-height: 50px
	}
}

.contact {
	padding: 59px 0 26px 0;
	background: #fff url(../images/nbg2.jpg) no-repeat top center
}
.mapimg{/* width:500px;float:right; */}
.contact .contact-info {

	overflow: hidden;
	margin: 12px auto;
	/* width: 740px;
	float:left; */
}

.contact .contact-info ul li {
	border-bottom: 1px solid #e5e5e5;

}

.contact .contact-info ul li .box {
	position: relative
}

.contact .contact-info ul li .box .pic {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -65px
}

.contact .contact-info ul li .box .ewm {
	position: absolute;
	top: 52px;
	right: 127px;
	width: 153px;
	text-align: center;
	line-height: 46px
}

.contact .contact-info ul li .box .text {
	/* padding: 33px 298px 40px 155px; */
	/* min-height: 181px; */
	overflow: hidden
}

.contact .contact-info ul li .box .text .bt {
	font-size: 22px;
	color: #333;
	margin-bottom: 5px
}

.contact .contact-info ul li .box .text .jsh {
	font-size: 17px;
	color: #333;
	line-height: 30px
}

.contact .contact-info ul li .box .text .jsh a {
	color: #333
}

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

	.contact .contact-info {
		width: 100%
	}

	.contact .contact-info ul li {
		padding-left: 15px
	}

	.contact .contact-info ul li .box .ewm {
		right: 0
	}

	.contact .contact-info ul li .box .text {
		padding: 33px 160px 40px 155px
	}
}

@media (max-width:768px) {
	.contact .contact-info ul li .box .pic {
		top: 25px;
		width: 50px;
		height: 50px;
		margin-top: 0;
		display: none
	}

	.contact .contact-info ul li .box .ewm {
		position: relative;
		top: auto;
		right: auto;
		width: 153px;
		margin: 0 auto
	}

	.contact .contact-info ul li .box .text {
		padding: 25px 0 20px 0
	}

	.contact .contact-info ul li .box .text .bt {
		font-size: 18px
	}

	.contact .contact-info ul li .box .text .jsh {
		font-size: 14px;
		line-height: 25px
	}
}

.map1 {
	height: 561px;
	width: 100%
}

@media (max-width:1023px) {
	.map1 {
		height: 300px
	}
}

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

.map1 .anchorBL {
	display: none
}

.job {
	padding: 61px 0
}

.job .job-title {
	text-align: center
}

.job .job-title h3 {
	font-size: 30px;
	color: #333;
	font-family: syhei;
	margin-bottom: 50px
}

.job .job-title .jsh {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin-bottom: 63px
}

.job .job-title .jsh1 {
	font-size: 14px;
	color: #666;
	line-height: 25px;
	display: none;
	margin-bottom: 20px
}

.job .jimg {
	overflow: hidden
}

.job .jimg img {
	transition: .5s;
	display: block
}

.job .jimg:hover img {
	transform: scale(1.05)
}

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

	.job .job-title h3 {
		font-size: 24px;
		margin-bottom: 20px
	}

	.job .job-title .jsh {
		display: none
	}

	.job .job-title .jsh1 {
		display: block
	}
}

.job .box-4 {
	padding: 39px 0 0 0;
	position: relative
}

.job .box-4 .list {
	padding-bottom: 20px
}

.job .box-4 .tit {
	height: 95px;
	margin-top: 15px;
	padding: 14px 28px;
	background: #f7f7f7;
	cursor: pointer
}

.job .box-4 .date {
	width: 5.5%;
	float: left;
	color: #fff;
	text-align: center;
	font-family: arial;
	background: #f39800
}

.job .box-4 .date span {
	display: block
}

.job .box-4 .date .arrow {
	height: 19px;
	background: url(../images/job-arrow.png) no-repeat right center #c7c7c7
}

.job .box-4 .date .riqi {
	font-size: 18px;
	height: 46px;
	line-height: 46px
}

.job .box-4 .wenzi {
	width: 60%;
	float: left;
	color: #999;
	font-size: 15px;
	padding-left: 17px
}

.job .box-4 .wenzi p {
	height: 24px;
	overflow: hidden
}

.job .box-4 .wenzi p:first-child {
	font-size: 20px;
	color: #333;
	margin-top: 7px;
	margin-bottom: 4px
}

.job .box-4 .add {
	width: 140px;
	float: right;
	color: #333;
	line-height: 45px;
	position: relative;
	margin-top: 10px;
	font-size: 18px;
	margin-right: 19px;
	padding-right: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.job .box-4 .add:after {
	content: "";
	width: 45px;
	height: 45px;
	right: 0;
	top: 0;
	position: absolute;
	vertical-align: top;
	border-radius: 100%;
	background: url(../images/jia.png) no-repeat center center #fff
}

.job .box-4 .txt {
	color: #333;
	font-size: 15px;
	background: #f7f7f7;
	display: none;
	line-height: 24px;
	padding: 0 20px 110px 110px
}

.job .box-4 .font18 {
	font-size: 18px
}

.job .box-4 .font20 {
	font-size: 20px;
	margin: 20px 0 10px 0;
	background: #f7f7f7;
	position: relative
}

.job .box-4 .font20:before {
	content: "";
	width: 5px;
	height: 5px;
	margin: 10px 10px 0 0;
	vertical-align: top;
	display: inline-block;
	background: #333;
	border-radius: 100%
}

.job .box-4 .youxiang {
	margin-top: 10px;
	max-width: 790px;
	padding: 15px 20px 10px 25px;
	background: #e5e5e5;
	text-decoration: underline;
	color: #f39800
}

.job .box-4 .youxiang a {
	color: #f39800
}

.job .box-4 .active .add:after {
	background: url(../images/jian.png) no-repeat center center #f39800
}

@media (max-width:1200px) {
	.job .box-4 {
		padding: 20px 0 0 0
	}

	.job .box-4 .date {
		display: none
	}

	.job .box-4 .tit {
		padding: 10px 15px;
		height: 80px;
		background: url(../images/jia.png) no-repeat right 10px #f7f7f7
	}

	.job .box-4 .wenzi {
		padding-left: 0
	}

	.job .box-4 .wenzi p {
		font-size: 14px
	}

	.job .box-4 .wenzi p:first-child {
		font-size: 16px
	}

	.job .box-4 .add {
		display: none
	}

	.job .box-4 .txt {
		padding: 20px;
		padding-top: 0;
		font-size: 14px
	}

	.job .box-4 .font18 {
		font-size: 14px
	}

	.job .box-4 .font20 {
		font-size: 16px;
		margin: 20px 0 10px 0
	}

	.job .box-4 .youxiang {
		width: 100%
	}

	.job .box-4 .active {
		background: url(../images/jian-2.png) no-repeat right 10px #f7f7f7
	}
}

.aftersale ul li {
	padding: 89px 0;
	position: relative;
	background: #fafafa
}

.aftersale ul li .pic {
	position: absolute;
	right: 50%;
	top: 89px;
	margin-right: -960px;
	width: 960px
}

.aftersale ul li .pic img {
	transition: .5s
}

.aftersale ul li .pic:after {
	padding-bottom: 53.333333333333336%
}

.aftersale ul li .text {
	float: left;
	width: 50%;
	min-height: 512px;
	padding-top: 111px;
	padding-right: 60px;
	transition: .5s
}

.aftersale ul li .text .pic {
	width: 70px;
	height: 70px;
	position: relative!important;
	top: auto!important;
	left: auto!important;
	right: auto!important;
	margin: 0!important
}

.aftersale ul li .text .bt {
	font-size: 30px;
	color: #333;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 13px
}

.aftersale ul li .text .jsh {
	font-size: 16px;
	color: #666;
	line-height: 28px
}

@media (min-width:1025px) {
	.aftersale ul li .box {
		overflow: hidden
	}

	.aftersale ul li .box:hover .pic img {
		transform: scale(1.05)
	}

	.aftersale ul li .box:hover .text {
		padding-top: 100px
	}
}

.aftersale ul li:nth-child(2n) {
	background: #fff
}

.aftersale ul li:nth-child(2n) .pic {
	right: auto;
	left: 50%;
	margin-right: 0;
	margin-left: -960px
}

.aftersale ul li:nth-child(2n) .text {
	float: right;
	padding-left: 60px;
	padding-right: 0
}

@media (max-width:1200px) {
	.aftersale ul {
		margin: 0 -5px;
		font-size: 0;
		padding: 30px 15px 10px 15px
	}

	.aftersale ul li {
		width: 50%;
		display: inline-block;
		vertical-align: top;
		padding: 0 5px 10px 5px;
		background: #fff
	}

	.aftersale ul li .container {
		padding: 0
	}

	.aftersale ul li .pic {
		position: relative!important;
		top: auto!important;
		left: auto!important;
		right: auto!important;
		margin: 0!important;
		width: 100%
	}

	.aftersale ul li .text {
		float: none;
		width: 100%;
		min-height: 0;
		padding: 20px!important
	}

	.aftersale ul li .text .pic {
		width: 40px;
		height: 40px
	}

	.aftersale ul li .text .bt {
		font-size: 20px;
		margin-top: 10px;
		margin-bottom: 5px
	}

	.aftersale ul li .text .jsh {
		font-size: 14px;
		line-height: 25px
	}
}

@media (max-width:768px) {
	.aftersale ul li {
		width: 100%
	}
}

.case {
	padding-top: 68px
}

.case .case-title {
	text-align: center;
	margin-bottom: 97px
}

.case .case-title h3 {
	font-size: 50px;
	color: #333;
	line-height: 1.5;
	margin-bottom: 17px
}

.case .case-title .jsh {
	text-align: center;
	font-size: 16px;
	color: #666;
	line-height: 26px
}

.case .case-list {
	line-height: 1.5
}

.case .case-list ul li {
	position: relative
}

.case .case-list ul li .pic {
	width: 1920px;
	height: 570px;
	position: relative;
	left: 50%;
	margin-left: -960px
}

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

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

.case .case-list ul li .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
	text-align: center;
	padding-top: 119px
}

.case .case-list ul li .text .info {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	padding: 0 15px
}

.case .case-list ul li .text .bt {
	font-size: 30px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 18px
}

.case .case-list ul li .text .jsh {
	font-size: 16px;
	color: rgba(255,255,255,0.5);
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 66px
}

.case .case-list ul li .text .num {
	font-size: 0;
	text-align: center
}

.case .case-list ul li .text .num .item {
	display: none;
	vertical-align: top;
	color: #fff;
	font-size: 20px;
	margin: 0 48px
}

.case .case-list ul li .text .num .item sup {
	font-size: 17px;
	display: inline-block;
	vertical-align: top;
	position: absolute;
	padding-top: 3px
}

.case .case-list ul li .text .num .item span {
	font-size: 66px;
	color: #f39800;
	display: inline-block;
	max-width: 150px;
	font-family: arial;
	line-height: 70px
}

.case .case-list ul li .text .num .item p {
	display: inline-block;
	vertical-align: top;
	padding-top: 30px
}

.case .case-list ul li .text .more {
	width: 114px;
	height: 32px;
	color: #fff;
	position: relative;
	margin-top: 73px;
	line-height: 32px;
	text-align: center;
	padding-right: 25px;
	border-radius: 30px;
	background: #5e5e5e;
	transition: all 334ms ease;
	display: inline-block
}

.case .case-list ul li .text .more::after {
	content: "";
	width: 30px;
	height: 30px;
	right: 1px;
	top: 1px;
	border-radius: 100%;
	position: absolute;
	background: url(../images/arrow.png) no-repeat center center #fff
}

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

	.case .case-list ul li:hover .text .more {
		background: #f39800
	}
}

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

	.case .case-title {
		margin-bottom: 30px
	}

	.case .case-title h3 {
		font-size: 30px;
		margin-bottom: 17px
	}

	.case .case-title .jsh {
		font-size: 14px
	}

	.case .case-list ul li {
		position: relative
	}

	.case .case-list ul li .pic {
		width: 1920px;
		height: 500px;
		position: relative;
		left: 50%;
		margin-left: -960px
	}

	.case .case-list ul li .text {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.75);
		text-align: center;
		padding-top: 50px
	}

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

	.case .case-list ul li .text .jsh {
		font-size: 14px;
		margin-bottom: 30px
	}

	.case .case-list ul li .text .num .item {
		font-size: 16px;
		margin: 0 20px
	}

	.case .case-list ul li .text .num .item sup {
		font-size: 14px
	}

	.case .case-list ul li .text .num .item span {
		font-size: 30px;
		line-height: 50px
	}

	.case .case-list ul li .text .num .item p {
		padding-top: 20px
	}

	.case .case-list ul li .text .more {
		width: 114px;
		height: 32px;
		color: #fff;
		position: relative;
		margin-top: 23px;
		line-height: 32px;
		text-align: center;
		padding-right: 25px;
		border-radius: 30px;
		background: #5e5e5e;
		transition: all 334ms ease;
		display: inline-block
	}

	.case .case-list ul li .text .more::after {
		content: "";
		width: 30px;
		height: 30px;
		right: 1px;
		top: 1px;
		border-radius: 100%;
		position: absolute;
		background: url(../images/arrow.png) no-repeat center center #fff
	}
}

.technology {
	line-height: 1.5
}

.technology .bt {
	font-size: 50px;
	color: #333;
	margin-bottom: 17px
}

.technology .jsh {
	font-size: 16px;
	color: #666;
	line-height: 26px
}

.technology .jsh1 {
	font-size: 14px;
	color: #666;
	line-height: 25px;
	display: none
}

.technology .span {
	font-size: 20px;
	color: #666;
	font-family: syhei
}

@media (max-width:1200px) {
	.technology .bt {
		font-size: 22px;
		margin-bottom: 10px
	}

	.technology .jsh {
		display: none
	}

	.technology .jsh1 {
		display: block
	}

	.technology .span {
		font-size: 16px
	}
}

.tech01 {
	text-align: center;
	padding: 67px 0 53px 0;
	overflow: hidden;
	background: url("../images/nbg2.jpg") no-repeat top center
}

@media (max-width:1200px) {
	.tech01 {
		padding: 30px 0
	}
}

.tech02 {
	padding: 212px 0 152px 0;
	overflow: hidden;
	background: url("../images/tbg.png") no-repeat top center
}

.tech02 .bt {
	text-align: center
}

.tech02 .span {
	text-align: center
}

.tech02 .list {
	padding-top: 66px
}

.tech02 .list ul {
	margin: 0 -20px
}

.tech02 .list ul li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 20px;
	position: relative
}

.tech02 .list ul li:after {
	content: '';
	display: block;
	width: 1px;
	height: 40px;
	background: #d2d2d2;
	right: 20px;
	position: absolute;
	top: 50%;
	margin-top: -20px
}

.tech02 .list ul li .box {
	position: relative;
	padding-left: 92px;
	transition: .5s
}

.tech02 .list ul li .pic {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0
}

.tech02 .list ul li .text {
	font-size: 16px;
	color: #333;
	line-height: 26px
}

.tech02 .list ul li .text1 {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	display: none
}

@media (min-width:1025px) {
	.tech02 .list ul li:hover .box {
		margin-top: -10px;
		margin-bottom: 10px
	}
}

.tech02 .list ul li:nth-last-child(1):after {
	display: none
}

@media (max-width:1200px) {
	.tech02 {
		padding: 30px 0;
		background: #f2f3f7 url("../images/tbg.png") no-repeat top center
	}

	.tech02 .bt {
		text-align: center
	}

	.tech02 .span {
		text-align: center
	}

	.tech02 .list {
		padding-top: 20px
	}

	.tech02 .list ul li .box {
		padding-left: 0
	}

	.tech02 .list ul li .pic {
		width: 50px;
		height: 50px;
		position: relative;
		top: auto;
		left: auto
	}

	.tech02 .list ul li .text {
		display: none
	}

	.tech02 .list ul li .text1 {
		display: block;
		margin-top: 10px
	}
}

@media (max-width:768px) {
	.tech02 .list ul li {
		width: 100%;
		margin-bottom: 10px
	}

	.tech02 .list ul li:after {
		display: none
	}
}

.tech03 {
	padding: 145px 0 100px 0;
	overflow: hidden;
	background: #fff url("../images/tbg.jpg") no-repeat top center
}

.tech03 .text {
	width: 39%;
	float: left;
	padding-top: 66px
}

.tech03 .img {
	width: 58%;
	float: right;
	margin-right: -80px
}

@media (max-width:1400px) {
	.tech03 .text {
		width: 48%
	}

	.tech03 .img {
		width: 50%;
		margin-right: 0
	}
}

@media (max-width:1200px) {
	.tech03 {
		padding: 30px 0
	}
}

@media (max-width:768px) {
	.tech03 .text {
		width: 100%;
		padding: 0
	}

	.tech03 .img {
		width: 100%;
		text-align: center;
		padding-top: 20px
	}
}

.tech04 {
	padding: 47px 0 28px 0;
	overflow: hidden;
	background: #f4f6fa url("../images/tbg1.jpg") no-repeat center center
}

.tech04 .text {
	width: 47%;
	float: right;
	padding-top: 138px
}

.tech04 .img {
	width: 38%;
	float: left
}

@media (max-width:1200px) {
	.tech04 {
		padding: 30px 0
	}

	.tech04 .text {
		width: 48%
	}

	.tech04 .img {
		width: 50%
	}
}

@media (max-width:768px) {
	.tech04 .text {
		width: 100%;
		padding-top: 20px
	}

	.tech04 .img {
		width: 50%;
		text-align: center;
		margin: 0 auto;
		float: none
	}
}

.tech05 {
	text-align: center;
	padding: 101px 0;
	/*background: #fbfbfc*/
}

.tech05 img {
	margin-top: 50px
}

@media (max-width:1200px) {
	.tech05 {
		padding: 30px 0
	}

	.tech05 img {
		margin-top: 20px
	}
}

.second-nav {
	border-bottom: 1px solid #dcdcdc;
	overflow: hidden
}

.second-nav ul li {
	float: left;
	margin-right: 70px
}

.second-nav ul li a {
	font-size: 18px;
	color: #333;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 68px;
	padding: 0 13px;
	border-bottom: 2px solid #fff
}

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

.second-nav ul .active a {
	border-bottom: 2px solid #f39800;
	color: #f39800
}

@media (max-width:1023px) {
	.second-nav .container {
		padding: 0
	}

	.second-nav ul li {
		margin-right: 0
	}

	.second-nav ul li a {
		font-size: 13px;
		line-height: 45px;
		padding: 0 10px
	}
}

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

.product {
	line-height: 1.5;
	background: url("../images/nbg2.jpg") no-repeat top center
}

.product .p {
	position: absolute;
	top: 0;
	right: 115px;
	font-family: "Impact";
	font-size: 342px;
	color: rgba(51,51,51,0.02);
	line-height: 271px
}

.product .bt {
	font-size: 34px;
	color: #333;
	margin-bottom: 21px
}

.product .jsh {
	font-size: 15px;
	color: #666;
	line-height: 28px;
	margin-bottom: 20px
}

.product .jsh span {
	color: #333;
	font-size: 16px;
	font-weight: bold
}

.product .jsh ul li {
	position: relative;
	padding-left: 8px
}

.product .jsh ul li:after {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 0;
	background: #f39800
}

@media (max-width:1023px) {
	.product .p {
		font-size: 100px;
		line-height: 271px
	}

	.product .bt {
		font-size: 22px;
		margin-bottom: 10px
	}

	.product .jsh {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 15px
	}

	.product .jsh span {
		font-size: 14px
	}

	.product .jsh ul li {
		position: relative;
		padding-left: 8px
	}

	.product .jsh ul li:after {
		content: '';
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		position: absolute;
		top: 12px;
		left: 0;
		background: #f39800
	}
}

.product01 {
	padding: 98px 0 132px 0;
	overflow: hidden
}

.product01 .text {
	width: 40.4%;
	position: relative;
	float: right;
	padding-top: 3px;
	z-index: 1
}

.product01 .img {
	width: 56%;
	float: left;
	position: relative;
	z-index: 3
}

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

	.product01 .text {
		width: 100%;
		padding-top: 0;
		float: none
	}

	.product01 .text .p {
		top: 0
	}

	.product01 .img {
		width: 100%;
		text-align: center;
		float: none
	}

	.product01 .img img {
		text-align: center;
		margin: 0 auto
	}
}

.product02 {
	padding: 142px 0 59px 0;
	overflow: hidden;
	background: url("../images/pbg.jpg") no-repeat top center;
	background-size: cover
}

.product02 .text {
	width: 40.4%;
	position: relative;
	float: left;
	padding-top: 29px;
	z-index: 1
}

.product02 .text .p {
	top: 0;
	right: auto;
	left: 0;
	color: rgba(255,255,255,0.1)
}

.product02 .text .bt {
	color: #fff
}

.product02 .text .jsh {
	color: #fff
}

.product02 .text .jsh span {
	color: #fff
}

.product02 .text .jsh ul li:after {
	background: #fff
}

.product02 .img {
	width: 63%;
	float: right;
	position: relative;
	z-index: 3;
	margin-right: -80px;
	padding-bottom: 57px
}

.product02 .img .slick-dots {
	z-index: 10;
	line-height: 0;
	bottom: 0
}

.product02 .img .slick-dots li {
	margin: 0 4px;
	width: 12px;
	height: 12px;
	padding: 1px;
	border: 1px solid #fff;
	border-radius: 50%
}

.product02 .img .slick-dots li button {
	width: 9px;
	height: 9px;
	padding: 0;
	display: block;
	border-radius: 50%;
	background: 0
}

.product02 .img .slick-dots li button:before {
	content: ""
}

.product02 .img .slick-dots .slick-active {
	border: 1px solid rgba(255,255,255,0.5);
	background: rgba(255,255,255,0.5)
}

.product02 .img .slick-dots .slick-active button {
	background: 0
}

.product02 .img .slick-dots .slick-active button:before {
	color: transparent
}

@media (max-width:1400px) {
	.product02 .img {
		margin: 0;
		width: 57%
	}
}

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

	.product02 .text {
		width: 100%;
		padding-top: 0;
		float: none
	}

	.product02 .img {
		width: 100%;
		padding-bottom: 57px;
		text-align: center;
		float: none
	}

	.product02 .img img {
		text-align: center;
		margin: 0 auto
	}
}

.product03 {
	padding: 161px 0 113px 0;
	overflow: hidden;
	background: #fff url("../images/pbg1.jpg") no-repeat top center
}

.product03 .text {
	width: 40.4%;
	position: relative;
	float: right;
	padding-top: 19px;
	z-index: 1
}

.product03 .text .p {
	top: -60px
}

.product03 .img {
	width: 56%;
	float: left;
	position: relative;
	z-index: 3;
	margin-left: -63px
}

@media (max-width:1400px) {
	.product03 .img {
		margin: 0
	}
}

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

	.product03 .text {
		width: 100%;
		padding-top: 0;
		float: none
	}

	.product03 .text .p {
		top: 0
	}

	.product03 .img {
		width: 100%;
		text-align: center;
		float: none
	}

	.product03 .img img {
		text-align: center;
		margin: 0 auto
	}
}

.product00 {
	line-height: 1.5
}

.product00 .bt {
	font-size: 50px;
	color: #333;
	margin-bottom: 17px
}

.product00 .jsh {
	font-size: 16px;
	color: #666;
	line-height: 26px
}

.product00 .jsh1 {
	font-size: 14px;
	color: #666;
	line-height: 25px;
	display: none
}

.product00 .span {
	font-size: 20px;
	color: #666;
	font-family: syhei
}

@media (max-width:1200px) {
	.product00 .bt {
		font-size: 22px;
		margin-bottom: 10px
	}

	.product00 .jsh {
		display: none
	}

	.product00 .jsh1 {
		display: block
	}

	.product00 .span {
		font-size: 16px
	}
}

.pro-list {
	padding: 65px 0 86px 0;
	overflow: hidden;
	background: #f9f9f9
}

.pro-list .container {
	width: 1616px;
	overflow: hidden
}

@media (max-width:1616px) {
	.pro-list .container {
		width: 1534px
	}
}

.pro-list .container .info {
	overflow: auto;
	width: 100%;
	min-height: 0;
	-webkit-overflow-scrolling: touch
}

.pro-list .container .info .infonr {
    text-align:center;
}

.pro-list .container ul {
	/*margin: 0 -5px;
	width: 1534px*/
    display:flex;
}

.pro-list .container .topprolist {
    display:inline-block;
}

.pro-list .container ul li {
	width: 212px;
	/*float: left;*/
	padding: 0 5px
}

.pro-list .container ul li .pic img {
	transition: .5s
}

.pro-list .container ul li .pic:after {
	padding-bottom: 100%
}

.pro-list .container ul li .box {
	padding-top: 23px;
	background: #fff;
	margin-bottom: 51px
}

.pro-list .container ul li .bt {
	line-height: 40px;
	font-size: 16px;
	color: #333;
	padding: 0 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 19px
}

.pro-list .container ul li .p {
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 44px;
	padding: 0 5px;
	background: #fff
}

.pro-list .container ul li .span {
	text-align: right;
	padding: 0 31px 0 5px;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	line-height: 44px;
	background: #f8efe0
}

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

.pro-list .container ul li:nth-child(1) {
	width: 177px;
    padding-left:0;
}

.pro-list .container ul li:nth-last-child(1) {
	width: 84px;
    padding-right:0;
}
@media (max-width:1600px) {
    .pro-list .container ul li:nth-last-child(1) {
	    width: 68px;
    }
}


.pro-list .container .nr {
	border-top: 2px solid #ccc;
	overflow: auto;
	/*width: 1546px;*/
    display:inline-block;
    height:450px;
}


.pro-list .container .nr ul {
	border-bottom: 1px solid #ccc;
    display:flex;
}
.pro-list .container .nr::-webkit-scrollbar {
    width: 12px;
    height: 1px;
}

.pro-list .container .nr::-webkit-scrollbar-thumb {
border-radius: 5px;
width:12px;
background: #c5c5c5
}

.pro-list .container .nr::-webkit-scrollbar-track {
border-radius: 5px;
background:url("../images/2.jpg") repeat-y center center;
width:1px;
}

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

    .pro-list .container .infonr {
        width: 1200px;
        margin: 0 auto;
        overflow: auto;
    }


	.pro-list .container ul li .span {
		font-size: 13px;
		padding-right: 10px
	}
}

@media (max-width:768px) {
	.pro-list .container .infonr {
		width: 1000px
	}
}

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

	.pro-list .container ul li .box {
		margin-bottom: 20px
	}
}

.pro02 {
	padding: 64px 0 9px 0;
	overflow: hidden
}

.pro02 .bt {
	text-align: center
}

.pro02 .span {
	text-align: center
}

.pro02 .list {
	padding-top: 66px
}

.pro02 .list ul {
	margin: 0 -20px
}

.pro02 .list ul li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 20px;
	position: relative;
	margin-bottom: 88px
}

.pro02 .list ul li:after {
	content: '';
	display: block;
	width: 1px;
	height: 40px;
	background: #d2d2d2;
	right: 20px;
	position: absolute;
	top: 50%;
	margin-top: -20px
}

.pro02 .list ul li .box {
	position: relative;
	padding-left: 92px;
	transition: .5s
}

.pro02 .list ul li .pic {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 0
}

.pro02 .list ul li .text {
	font-size: 16px;
	color: #333;
	line-height: 26px;
	padding-top: 10px
}

.pro02 .list ul li .text1 {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	display: none
}

@media (min-width:1025px) {
	.pro02 .list ul li:hover .box {
		margin-top: -10px;
		margin-bottom: 10px
	}
}

.pro02 .list ul li:nth-child(3n):after {
	display: none
}

@media (max-width:1200px) {
	.pro02 {
		padding: 30px 0;
		background: #f2f3f7 url("../images/tbg.png") no-repeat top center
	}

	.pro02 .bt {
		text-align: center
	}

	.pro02 .span {
		text-align: center
	}

	.pro02 .list {
		padding-top: 20px
	}

	.pro02 .list ul li {
		margin-bottom: 20px
	}

	.pro02 .list ul li .box {
		padding-left: 0
	}

	.pro02 .list ul li .pic {
		width: 50px;
		height: 50px;
		position: relative;
		top: auto;
		left: auto
	}

	.pro02 .list ul li .text {
		display: none
	}

	.pro02 .list ul li .text1 {
		display: block;
		margin-top: 10px
	}
}

@media (max-width:768px) {
	.pro02 .list ul li {
		width: 100%;
		margin-bottom: 10px
	}

	.pro02 .list ul li:after {
		display: none
	}
}

.pro3 {
	padding-top: 78px;
	background: #f7f7f7
}

.pro3 .pro3-title {
	text-align: center;
	font-size: 50px;
	color: #333;
	margin-bottom: 54px
}

.pro3 ul li {
	position: relative
}

.pro3 ul li .pic {
	width: 1920px;
	height: 669px;
	position: relative;
	left: 50%;
	margin-left: -960px
}

.pro3 ul li .pic img {
	transition: 1s
}

.pro3 ul li .pic:after {
	padding-bottom: 29.6875%
}

.pro3 ul li .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.75);
	padding-top: 157px;
transition: 1s
}

.pro3 ul li .text .bt {
	font-size: 40px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 0;
	display: inline-block;
	position: relative;
	padding: 0 15px 0 0
}

.pro3 ul li .text .bt:after {
	width: 100%;
	height: 11px;
	background: #f39800;
	position: absolute;
	bottom: 7px;
	left: 0;
	z-index: 1;
	content: '';
	display: block
}

.pro3 ul li .text .bt p {
	position: relative;
	z-index: 2
}

.pro3 ul li .text .jsh {
	font-size: 18px;
	color: #fff;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 66px
}

@media (min-width:1025px) {
	.pro3 ul li:hover .pic img {
		transform: scale(1.04)
	}
.pro3 ul li:hover .text{
background:none;
}
	.pro3 ul li:hover .text .more {
		background: #f39800
	}
}

.pro3 ul li:nth-child(2n) .text {
	text-align: right
}

.pro3 ul li:nth-child(2n) .text .bt {
	padding: 0 0 0 15px
}

@media (max-width:1200px) {
	.pro3 {
		padding-top: 30px
	}

	.pro3 .pro3-title {
		font-size: 26px;
		margin-bottom: 20px
	}

	.pro3 ul li .pic {
		height: 300px
	}

	.pro3 ul li .text {
		padding-top: 100px
	}

	.pro3 ul li .text .bt {
		font-size: 18px
	}

	.pro3 ul li .text .bt:after {
		bottom: 2px
	}

	.pro3 ul li .text .jsh {
		font-size: 16px;
		display: block
	}
}

.pro4 {
	text-align: center;
	padding: 46px 0 102px 0;
	overflow: hidden
}

.pro4 .list {
	padding-top: 67px;
	overflow: hidden
}

.pro4 .list ul {
	margin: 0 -13px
}

.pro4 .list ul li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 13px;
	cursor: pointer
}

.pro4 .list ul li .pic img {
	transition: .5s
}

.pro4 .list ul li .pic:after {
	padding-bottom: 56.32754342431762%
}

.pro4 .list ul li .pic .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(0,0,0,0.75);
	text-align: left;
	padding: 39px 28px
}

.pro4 .list ul li .pic .hover .text {
	position: relative
}

.pro4 .list ul li .pic .hover .pic {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 2px;
	left: -19px
}

.pro4 .list ul li .pic .hover .bt {
	font-size: 24px;
	color: #fff;
	line-height: 50px;
	padding-left: 34px;
	margin-bottom: 30px
}

.pro4 .list ul li .pic .hover .jsh {
	color: #fff
}

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

	.pro4 .list ul li:hover .pic .hover {
		background: rgba(243,152,0,0.9)
	}

	.pro4 .list ul li:hover .pic .hover .pic img {
		transform: scale(1)
	}
}

@media (max-width:1200px) {
	.pro4 {
		padding: 30px 0
	}

	.pro4 .list {
		padding-top: 20px
	}

	.pro4 .list ul {
		margin: 0 -5px
	}

	.pro4 .list ul li {
		padding: 0 5px
	}

	.pro4 .list ul li .pic .hover {
		padding: 10% 20px
	}

	.pro4 .list ul li .pic .hover .text {
		position: relative
	}

	.pro4 .list ul li .pic .hover .pic {
		width: 50px;
		height: 50px;
		position: absolute;
		top: 2px;
		left: 0
	}

	.pro4 .list ul li .pic .hover .bt {
		font-size: 20px;
		padding-left: 60px;
		margin-bottom: 10px
	}

	.pro4 .list ul li .pic .hover .jsh {
		color: #fff;
		display: block;
		font-size: 14px
	}
}

@media (max-width:768px) {
	.pro4 .list ul li {
		width: 100%;
		margin-bottom: 20px
	}
}

.pro5 .pic {
	width: 1920px;
	height: 634px;
	position: relative;
	left: 50%;
	margin-left: -960px
}

.pro5 .pic img {
	transition: .5s
}

.pro5 .pic .video {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	background: url("../images/video.png") no-repeat top center;
	padding-top: 190px;
	z-index: 2;
	transform: translateY(-50%)
}

.pro5 .pic .video p {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 18px;
	color: #fff;
	transform: scale(0.9)
}

.pro5 .pic .video p:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 2px;
	vertical-align: middle;
	margin-left: 20px;
	background: rgba(255,255,255,0.5)
}

.pro5 .pic .video p:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 2px;
	vertical-align: middle;
	margin-right: 20px;
	background: rgba(255,255,255,0.5)
}

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

@media (max-width:1200px) {
	.pro5 .pic {
		width: 1920px;
		height: 334px;
		position: relative;
		left: 50%;
		margin-left: -960px
	}

	.pro5 .pic .video {
		padding-top: 90px;
		background-size: 50px
	}

	.pro5 .pic .video p {
		letter-spacing: 10px
	}
}

.about {
	line-height: 1.5
}

.about .bt {
	font-size: 50px;
	color: #333;
	margin-bottom: 17px
}

.about .jsh {
	font-size: 20px;
	color: #666;
	line-height: 26px
}

.about .jsh1 {
	font-size: 14px;
	color: #666;
	line-height: 25px;
	display: none
}

.about .span {
	font-size: 20px;
	color: #666;
	font-family: syhei
}

@media (max-width:1200px) {
	.about .bt {
		font-size: 22px;
		margin-bottom: 10px
	}

	.about .span {
		font-size: 16px
	}
}

.about01 {
	text-align: center;
	padding: 47px 0 97px 0;
	background: #f9f9f9 url("../images/abg1.jpg") no-repeat bottom center
}

.about01 .jsh {
	margin: 38px 0;
	line-height: 36px;
	text-align: left;
}

.about01 .list {
	padding: 38px 0;
	overflow: hidden
}

.about01 .list ul li {
	float: left;
	width: 25%;
	padding: 0 55px 12px 55px;
	border-right: 1px solid #e9e9e9
}

.about01 .list ul li .pic {
	width: 140px;
	height: 130px;
	margin: 0 auto
}

.about01 .list ul li .text .h3 {
	font-size: 24px;
	color: #114b95
}

.about01 .list ul li .text .p {
	font-size: 18px;
	color: #333
}

.about01 .list ul li:first-child {
	width: 25%
}

.about01 .list ul li:first-child .box {
	/* float: left */
}

.about01 .list ul li:nth-child(2) {
	width: 25%
}

.about01 .list ul li:nth-child(3) {
	width: 25%
}

.about01 .list ul li:nth-last-child(1) {
	width: 25%;
	border-right: 0
}

.about01 .list ul li:nth-last-child(1) .box {
	/* float: right */
}
.about01 .list ul{overflow:hidden;_zoom:1;}
.about01 .list ul.hezuologo li{width:33%;}
.about01 .list ul.zhengshu li{width:33%;}
.about01 .list ul.zhengshu li .box .pic{width:300px;height:180px;}
.about01 .list ul.zhengshu li .box .text{width:300px;}
.about01 .list ul.didian li {width:50%;}
.about01 .list ul.didian li .box .pic{width:500px;height:380px;}
.about01 .list ul.didian li .box .text{width:500px;}
.about01 .list ul.team{}
.about01 .list ul.team li{width:33%;padding:20px 0;}

.about01 .culture {
	background: url("../images/abg.png") no-repeat top center;
	padding-top: 222px;
	margin-top: 70px;
	width: 924px;
	margin: 70px 0 0 146px;
	padding-left: 86px;
	overflow: hidden;
	padding-bottom: 44px
}

.about01 .culture ul.culul li {
	width: 35%;
	float: left;
	border-right:0;
}

.about01 .culture u.culull li .h3 {
	font-size: 22px;
	color: #000
}

.about01 .culture ul.culul li .p {
	font-size: 16px;
	color: #666;
	line-height: 26px
}

.about01 .culture ul.culul li:nth-child(2) {
	width: 36%
}

.about01 .culture ul.culul li:nth-child(2) .h3 {
	color: #fff
}

.about01 .culture ul.culul li:nth-child(2) .p {
	color: #fff
}

.about01 .culture ul.culul li:nth-child(3) {
	width: 29%;
	padding-left: 20px
}

@media (max-width:1200px) {
	.about01 {
		padding: 30px 0 30px 0
	}

	.about01 .jsh {
		margin-top: 20px;
		line-height: 25px;
		font-size: 13px
	}

	.about01 .list {
		padding: 20px 0 14px 0
	}

	.about01 .list ul li {
		padding: 0 15px 12px 15px;
		border-right: 1px solid #e9e9e9
	}

	.about01 .list ul li .pic {
		width: 40px;
		height: 40px
	}

	.about01 .list ul li .text .h3 {
		font-size: 16px;
		font-weight: bold
	}

	.about01 .list ul li .text .p {
		font-size: 14px
	}

	.about01 .culture {
		margin: 20px auto 0 auto
	}
}

@media (max-width:992px) {
	.about01 .list {
		padding: 38px 0 14px 0;
		overflow: hidden
	}

	.about01 .list ul li {
		width: 50%!important
	}

	.about01 .list ul li .box {
		text-align: center!important;
		float: none!important
	}

	.about01 .list ul li:nth-child(2n) {
		border-right: 0
	}

	.about01 .culture {
		background: 0;
		padding-top: 20px;
		width: 100%;
		margin: 0;
		padding-left: 0;
		padding-bottom: 0;
		text-align: left
	}

	.about01 .culture ul li {
		width: 100%!important;
		padding: 0!important;
		margin-bottom: 20px
	}

	.about01 .culture ul li .h3 {
		font-size: 18px;
		color: #333!important;
		font-weight: bold
	}

	.about01 .culture ul li .p {
		font-size: 14px;
		color: #666!important
	}
}

.about02 {
	padding: 150px 0 143px 0;
	overflow: hidden;
	position: relative;
	background: #fff url("../images/ab2.jpg") no-repeat bottom center
}

.about02 .pp {
	text-transform: uppercase;
	font-size: 214px;
	color: rgba(51,51,51,0.03);
	font-family: "Impact";
	position: absolute;
	top: 20px;
	right: 80px
}

.about02 .img {
	width: 44.3%;
	float: left
}

.about02 .text {
	float: right;
	width: 52%
}

.about02 .text .bt {
	margin-bottom: 5px
}

.about02 .text .span {
	margin-bottom: 21px
}

.about02 .text .jsh {
	line-height: 30px
}

.about02 .youshi {
	padding-top: 47px
}

.about02 .youshi li {
	width: 33.333333333333336%;
	float: left;
	text-align: left
}

.about02 .youshi li .num {
	color: #f39800;
	font-size: 60px;
	font-weight: bold;
	font-family: "AvantGarde Book"
}

.about02 .youshi li .shm {
	font-size: 16px;
	color: #333
}

@media (max-width:1200px) {
	.about02 {
		padding: 30px 0
	}

	.about02 .pp {
		font-size: 114px
	}

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

	.about02 .youshi {
		padding-top: 20px
	}

	.about02 .youshi li .num {
		font-size: 40px
	}

	.about02 .youshi li .shm {
		font-size: 14px
	}
}

@media (max-width:992px) {
	.about02 .img {
		width: 100%;
		float: none
	}

	.about02 .text {
		float: right;
		width: 100%;
		padding-top: 10px
	}

	.about02 .text .span {
		margin-bottom: 11px
	}

	.about02 .youshi li {
		text-align: center
	}

	.about02 .youshi li .num {
		font-size: 30px
	}
}
/* .index-about{}
.index-about .about-title{}
.index-about .about-title .bt{display:block;margin:0 auto;}
.index-about .about-title .ijsh{display:block;margin:0 auto;} */
.about03 {
	padding: 88px 0 86px 0;
	text-align: center;
	background: url("../images/his.jpg") no-repeat top center;
	background-size: cover
}

.about03 .container {
	width: 1440px
}

.about03 .about-title .bt {
	color: #fff
}

.about03 .about-title .span {
	color: #fff
}

.about03 .about-bottom {
	margin: 102px 0 0 0;
	overflow: hidden;
	position: relative
}

.about03 .about-bottom:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -21px;
	z-index: 1
}

.about03 .about-bottom ul {
	padding: 0 90px;
	position: relative;
	z-index: 2
}

.about03 .about-bottom ul li {
	text-align: left;
	position: relative
}

.about03 .about-bottom ul li .nr {
	transition: .5s
}

.about03 .about-bottom ul li .year {
	font-size: 42px;
	color: #f39800;
	font-family: "AvantGardeITCbyBT-Medium";
	transition: .5s
}

.about03 .about-bottom ul li .anr {
	font-size: 16px;
	color: rgba(255,255,255,0.5);
	margin-bottom: 14px;
	height: 96px;
	line-height: 24px;
	padding-right: 3px;
	overflow: auto
}

.about03 .about-bottom ul li .anr::-webkit-scrollbar {
	width: 5px;
	height: 1px
}

.about03 .about-bottom ul li .anr::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #535353
}

.about03 .about-bottom ul li .anr::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 5px;
	background: #ededed
}

.about03 .about-bottom ul li .title {
	width: 85px;
    overflow:hidden;
	height: 85px;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 73px;
	border: 6px solid #fff;
	background: #f39800
}

.about03 .about-bottom ul li .box {
	padding-left: 30px;
	position: relative;
	transition: .5s;
	height: 258px
}

.about03 .about-bottom ul li .box:after {
	content: '';
	display: block;
	height: 240px;
	width: 27px;
	bottom: 46px;
	position: absolute;
	left: 0;
	background: url("../images/line1.png") no-repeat bottom center
}

@media (min-width:1025px) {
	.about03 .about-bottom ul li:hover .box {
		margin-top: -15px;
		margin-bottom: 15px
	}
}

.about03 .about-bottom ul li:nth-child(2n) .box {
	margin-top: 230px
}

.about03 .about-bottom ul li:nth-child(2n) .box:after {
	width: 30px;
	top: 4px;
	bottom: auto;
	background: url("../images/line2.png") no-repeat bottom center
}

.about03 .about-bottom ul li:nth-child(2n) .nr {
	padding-top: 80px
}

.about03 .about-bottom ul li:nth-child(2n) .title {
	margin-bottom: 41px;
	position: absolute;
	top: -57px
}

.about03 .about-bottom ul li:nth-child(2n) .year {
	position: absolute;
	bottom: 0
}

@media (min-width:1025px) {
	.about03 .about-bottom ul li:nth-child(2n):hover .box {
		margin-top: 210px;
		margin-bottom: 15px
	}
}

.about03 .about-bottom .slick-prev:before,.about03 .about-bottom .slick-next:before {
	content: ''
}

.about03 .about-bottom .slick-prev,.about03 .about-bottom .slick-next {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-top: -35px;
	z-index: 66
}

.about03 .about-bottom .slick-prev {
	background: #fff url("../images/left2.png") no-repeat center center;
	left: 0
}

@media (min-width:1025px) {
	.about03 .about-bottom .slick-prev:hover {
		background: #f39800 url("../images/left2h.png") no-repeat center center;
		border: 1px solid #f39800
	}
}

.about03 .about-bottom .slick-next {
	background: #fff url("../images/right2.png") no-repeat center center;
	right: 0
}

@media (min-width:1025px) {
	.about03 .about-bottom .slick-next:hover {
		background: #f39800 url("../images/right2h.png") no-repeat center center;
		border: 1px solid #f39800
	}
}

@media (max-width:1440px) {
	.about03 .container {
		width: 1260px
	}

	.about03 .about-bottom ul li .year {
		font-size: 35px
	}
}

@media (max-width:1280px) {
	.about03 .container {
		width: 100%
	}
}

@media (max-width:1200px) {
	.about03 {
		padding: 30px 0
	}

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

	.about03 .about-bottom ul {
		padding: 0 40px
	}

	.about03 .about-bottom ul li .year {
		font-size: 20px
	}

	.about03 .about-bottom ul li .box:after {
		bottom: 85px
	}

	.about03 .about-bottom ul li:nth-child(2n) .box {
		margin-top: 150px
	}

	.about03 .about-bottom ul li:nth-child(2n) .box:after {
		top: 44px
	}

	.about03 .about-bottom ul li:nth-child(2n) .title {
		top: -10px
	}
}

@media (max-width:600px) {
	.about03 {
		background-size: cover
	}

	.about03 .about-bottom:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: rgba(255,255,255,0.5);
		position: absolute;
		top: 27px;
		left: 0;
		margin-top: 0
	}

	.about03 .about-bottom ul li {
		text-align: center
	}

	.about03 .about-bottom ul li .year {
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%
	}

	.about03 .about-bottom ul li .anr {
		font-size: 14px;
		margin-bottom: 0;
		height: auto
	}

	.about03 .about-bottom ul li .title {
		width: 55px;
		height: 55px;
		font-size: 14px;
		line-height: 43px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -26px
	}

	.about03 .about-bottom ul li .box {
		padding-left: 0;
		padding-top: 90px;
		height: auto
	}

	.about03 .about-bottom ul li .box:after {
		display: none
	}

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

	.about03 .about-bottom ul li:nth-child(2n) .title {
		margin-bottom: 0;
		top: 0
	}

	.about03 .about-bottom ul li:nth-child(2n) .year {
		bottom: auto
	}

	.about03 .about-bottom ul li:nth-child(2n) .nr {
		padding-top: 0
	}

	.about03 .about-bottom .slick-prev,.about03 .about-bottom .slick-next {
		margin-top: 0;
		top: 13px
	}
}

.about04 {
	padding: 78px 0 25px 0;
	margin-bottom: 68px;
	background: url(../images/hbg.png) no-repeat bottom center;
	text-align: center
}

.about04 .item {
	margin-top: 55px
}

.about04 .item ul li {
	width: 17.33%;
	float: left;
	padding: 0 15px;
	padding-bottom: 35px;
	position: relative
}

.about04 .item ul li a {
	display: block
}

.about04 .item ul li a .box {
	border: 8px solid #f1f1f1;
	background: #fff;
	box-shadow: 0 6px 9px rgba(0,0,0,0.2)
}

.about04 .item ul li a .pic img {
	transition: .5s
}

.about04 .item ul li a .pic:after {
	padding-bottom: 136.06557377049182%
}

@media (min-width:1025px) {
	.about04 .item ul li:hover a .box {
		border: 8px solid #f39800
	}

	.about04 .item ul li:hover a .pic img {
		transform: scale(1.05)
	}
}

.about04 .item ul .bian {
	width: 24%;
	padding-top: 5%
}

.about04 .item ul .bian a {
	position: relative;
	display: block
}

.about04 .item ul .bian a .pic:after {
	padding-bottom: 73.38129496402877%
}

.about04 .item .slick-prev:before,.about04 .item .slick-next:before {
	content: ''
}

.about04 .item .slick-prev,.about04 .item .slick-next {
	width: 39px;
	height: 39px;
	border-radius: 50%;
	border: 1px solid #f0f0f0;
	margin-top: -30px;
	z-index: 66
}

.about04 .item .slick-prev {
	background: url("../images/left.png") no-repeat center center;
	left: -60px
}

@media (min-width:1025px) {
	.about04 .item .slick-prev:hover {
		background: #f39800 url("../images/left1.png") no-repeat center center;
		border: 1px solid #f39800
	}
}

.about04 .item .slick-next {
	background: url("../images/right.png") no-repeat center center;
	right: -60px
}

@media (min-width:1025px) {
	.about04 .item .slick-next:hover {
		background: #f39800 url("../images/right1.png") no-repeat center center;
		border: 1px solid #f39800
	}
}

@media (max-width:1440px) {
	.about04 .item ul {
		padding: 0 40px
	}

	.about04 .item .slick-prev {
		left: 0
	}

	.about04 .item .slick-next {
		right: 0
	}
}

@media (max-width:1200px) {
	.about04 {
		padding: 30px 0;
		background: 0;
		margin: 0
	}

	.about04 .item {
		margin-top: 20px
	}

	.about04 .item ul .bian {
		padding-top: 3%
	}
}

.app {
	line-height: 1.5
}

.app .bt {
	font-size: 50px;
	color: #333;
	margin-bottom: 17px
}

.app .jsh {
	font-size: 16px;
	color: #666;
	line-height: 26px
}

.app .jsh1 {
	font-size: 14px;
	color: #666;
	line-height: 25px;
	display: none
}

.app .span {
	font-size: 20px;
	color: #666;
	font-family: syhei
}

@media (max-width:1200px) {
	.app .bt {
		font-size: 22px;
		margin-bottom: 10px
	}

	.app .jsh {
		display: none
	}

	.app .jsh1 {
		display: block
	}

	.app .span {
		font-size: 16px
	}
}

.app01 {
	text-align: center;
	padding: 63px 0 82px 0;
	overflow: hidden;
	background: #eff2f6 url("../images/apbg.jpg") no-repeat top center
}

.app01 .ap-info {
	margin-top: 40px;
	position: relative
}

.app01 .ap-info a {
	display: block;
	width: 125px;
	height: 59px;
	position: absolute
}

.app01 .ap-info .b1 {
	top: 0;
	right: 24%
}

.app01 .ap-info .b2 {
	top: 14%;
	right: 24%
}

.app01 .ap-info .b3 {
	top: 27.5%;
	right: 21%;
	width: 193px
}

.app01 .ap-info .b4 {
	top: 43%;
	right: 21%;
	width: 193px
}

.app01 .ap-info .b5 {
	top: 43%;
	right: 4%
}

.app01 .ap-info .b6 {
	bottom: 27%;
	right: 21%;
	width: 193px
}

.app01 .ap-info .b7 {
	right: 0;
	width: 175px;
	bottom: 27%
}

.app01 .ap-info .b8 {
	bottom: 8%;
	left: 38%
}

.app01 .ap-info .pop {
	position: absolute;
	z-index: 999;
	width: 566px;
	height: 273px;
	background: rgba(255,255,255,0.9);
	left: 50%;
	top: 50%;
	padding: 44px 78px;
	transform: translate(-50%,-50%);
	display: none
}

.app01 .ap-info .pop .info {
	text-align: left;
	height: 100%
}

.app01 .ap-info .pop .info img {
	display: block
}

.app01 .ap-info .pop .close {
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	right: -16px;
	top: -16px;
	background: url(../images/closed1.png) no-repeat
}

.app01 .ap-info .pop h3 {
	color: #333;
	font-size: 32px;
	overflow: hidden;
	margin-bottom: 27px
}

.app01 .ap-info .pop ul {
	font-size: 16px;
	color: #666;
	line-height: 30px
}

.app01 .ap-info .pop ul li {
	padding-left: 49px;
	background: url("../images/dot.png") no-repeat left 9px
}

@media (max-width:1200px) {
	.app01 {
		padding: 30px 0
	}

	.app01 .ap-info {
		margin-top: 20px;
		position: relative
	}

	.app01 .ap-info .ap-hover {
		display: none
	}
}

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

.app02 {
	padding: 71px 0 41px 0
}

.app02 .jsh {
	padding: 134px 0 0 0;
	line-height: 28px
}

.app02 h3 {
	font-size: 24px;
	color: #333;
	margin-bottom: 12px
}

@media (max-width:1200px) {
	.app02 {
		padding: 30px 0
	}

	.app02 .jsh {
		padding: 20px 0 0 0;
		line-height: 25px;
		display: block;
		font-size: 14px
	}

	.app02 h3 {
		font-size: 18px
	}
}

.app03 {
	text-align: center;
	position: relative;
	overflow: hidden
}

.app03 .bg {
	background: url("../images/tbg.png") no-repeat top center;
	padding: 212px 0 108px 0;
	overflow: hidden;
	position: relative;
	z-index: 2
}

.app03:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 200px;
	background: #f2f4f7;
	left: 0;
	z-index: 1
}

.app03 .bt {
	text-align: center
}

.app03 .span {
	text-align: center
}

.app03 .list {
	padding-top: 66px;
	margin-bottom: 61px
}

.app03 .list ul {
	margin: 0 -20px
}

.app03 .list ul li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 20px;
	position: relative;
	text-align: left
}

.app03 .list ul li:after {
	content: '';
	display: block;
	width: 1px;
	height: 40px;
	background: #d2d2d2;
	right: 20px;
	position: absolute;
	top: 50%;
	margin-top: -20px
}

.app03 .list ul li .box {
	position: relative;
	padding-left: 92px;
	transition: .5s;
	padding-top: 10px;
	min-height: 80px
}

.app03 .list ul li .pic {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0
}

.app03 .list ul li .text {
	font-size: 16px;
	color: #333;
	line-height: 26px
}

.app03 .list ul li .text1 {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	display: none
}

@media (min-width:1025px) {
	.app03 .list ul li:hover .box {
		margin-top: -10px;
		margin-bottom: 10px
	}
}

.app03 .list ul li:nth-last-child(1):after {
	display: none
}

@media (max-width:1200px) {
	.app03 .bg {
		padding: 30px 0;
		background: #f2f3f7 url("../images/tbg.png") no-repeat top center
	}

	.app03 .bt {
		text-align: center
	}

	.app03 .span {
		text-align: center
	}

	.app03 .list {
		padding-top: 20px;
		margin-bottom: 20px
	}

	.app03 .list ul li .box {
		padding-left: 0
	}

	.app03 .list ul li .pic {
		width: 50px;
		height: 50px;
		position: relative;
		top: auto;
		left: auto
	}

	.app03 .list ul li .text {
		display: none
	}

	.app03 .list ul li .text1 {
		display: block;
		margin-top: 10px
	}
}

@media (max-width:768px) {
	.app03 .list ul li {
		width: 100%;
		margin-bottom: 10px
	}

	.app03 .list ul li:after {
		display: none
	}
}

.float {
	position: fixed;
	right: 0;
	top: 200px;
	z-index: 101
}

.float ul li {
	margin-bottom: 1px;
	width: 64px;
	height: 64px;
	padding-top: 8px;
	text-align: center;
	background: #f39800;
	transition: .5s;
	cursor: pointer;
	position: relative
}

.float ul li h3 {
	color: #fff;
	padding-top: 28px;
	font-size: 12px
}

.float ul li:hover {
	background: #dd8a00
}

.float ul li:hover .hover {
	display: block
}

.float ul li .hover {
	width: 218px;
	position: absolute;
	top: 0;
	right: 64px;
	display: none
}

.float ul li .hover i {
	display: block;
	float: right;
	width: 6px;
	height: 10px;
	background: url("../images/arrow1.png") no-repeat center center;
	margin-top: 28px
}

.float ul li .hover .info {
	color: #fff;
	text-align: center;
	padding-top: 18px;
	float: right;
	width: 200px;
	padding-bottom: 26px;
	background: #f39800
}

.float ul li .hover .info .bt {
	font-size: 18px
}

.float ul li .hover .info span {
	font-family: "DIN-Medium";
	font-size: 25px;
	margin-bottom: 10px;
	display: block
}

.float ul li .hover .info p img {
	margin-right: 2px
}

.float ul li .hover .info1 {
	color: #fff;
	text-align: center;
	padding-top: 19px;
	float: right;
	width: 200px;
	padding-bottom: 19px;
	background: #f39800
}

.float ul li .hover .info1 .bt {
	font-size: 16px
}

.float ul li .hover .info1 span {
	font-family: "DIN-Medium";
	font-size: 20px;
	display: inline-block;
	vertical-align: top
}

.float ul li .hover .info1 p img {
	margin-right: 2px
}

.float ul li .hover .info2 {
	color: #fff;
	text-align: center;
	padding-top: 18px;
	float: right;
	width: 181px;
	padding-bottom: 26px;
	background: #f39800
}

.float ul li .hover .info2 .ewm {
	border: 1px solid rgba(255,255,255,0.5);
	padding: 2px;
	width: 128px;
	margin: 0 auto;
	overflow: hidden
}

.float ul li .hover .info2 .ewm img {
	display: block
}

.float ul li .hover .info2 p {
	margin-top: 5px
}

.float ul .zixun h3 {
	background: url("../images/float01.png") no-repeat top center
}

.float ul .dianhua h3 {
	background: url("../images/float02.png") no-repeat top center
}

.float ul .qq h3 {
	background: url("../images/float03.png") no-repeat top center
}

.float ul .weixin h3 {
	background: url("../images/float04.png") no-repeat top center
}

.float ul .top a {
	background: url("../images/float05.png") no-repeat center 6px;
	display: block;
	color: #fff;
	padding-top: 28px;
	font-size: 12px
}

@media (max-width:1200px) {
	.float {
		display: none
	}
}

.pop1 {
	position: fixed;
	z-index: 999;
	width: 700px;
	max-height: 600px;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	left: 50%;
	top: 50%;
	padding: 10px;
	transform: translate(-50%,-50%);
	display: none
}

.pop1 .info {
	background: #fff;
	height: 100%
}

.pop1 .close {
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	right: -16px;
	top: -16px;
	background: url(../images/closed1.png) no-repeat
}

@media (max-width:700px) {
	.pop1 {
		width: 300px;
		max-height: 260px
	}
}

.header-search {
	position: relative;
	float: right
}

.header-search .pull-right a {
	display: block;
	height: 102px;
	width: 17px;
	background: url("../images/search.png") no-repeat center center
}

.header-search .pull-right .active {
	background: url("../images/close.png") no-repeat center center;
	background-size: 20px
}

.header-search .search {
	z-index: 9;
	position: relative
}

.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-search .search .btn-search-max * {
	display: inline-block;
	vertical-align: middle
}

.header-search .search .search-main {
	top: 0;
	right: 0;
	z-index: 9;
	width: 340px;
	display: none;
	padding: 20px;
	position: absolute
}

.header-search .search-container {
	background-color: #fff;
	padding-left: 0;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)
}

.header-search .search-container .form-control {
	text-align: left;
	border: 0;
	width: 100%;
	font-size: 14px;
	color: #999;
	line-height: 20px;
	height: 42px;
	vertical-align: top;
	padding: 10px 86px 10px 10px;
	-webkit-appearance: none;
	background-color: #fff
}

.header-search .search-container .btn {
	top: 0;
	right: 0;
	color: #043b83;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	position: absolute;
	cursor: pointer;
	border-radius: 0;
	border: 0;
	background: url(../images/search.png) no-repeat center center #f39800
}

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

@media (max-width:1200px) {
	.header-search .pull-right a {
		height: 70px
	}
}

@media (max-width:1024px) {
	.header-search {
		display: none
	}
}

.header-2 .header-search .pull-right a {
	background: url("../images/search-black.png") no-repeat center center
}

.header-2 .header-search .pull-right .active {
	background: url("../images/close1.png") no-repeat center center;
	background-size: 20px
}

.sitemap {
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 60px
}

@media (max-width:1023px) {
	.sitemap {
		padding-top: 30px;
		padding-bottom: 30px
	}
}

.sitemap .map {
	width: 100%;
	margin: 0 auto
}

.sitemap .map dl {
	border: #d6dbe1 solid 1px;
	border-top: #f39800 solid 2px;
	border-bottom: 0;
	margin-bottom: 10px
}

.sitemap .map dt {
	background: #fcfcfc;
	color: #f39800;
	font-size: 16px;
	line-height: 40px;
	border-bottom: #d6dbe1 solid 1px;
	padding: 0 0 0 20px
}

.sitemap .map dt a {
	color: #333
}

.sitemap .map dt img {
	margin-left: 20px;
	vertical-align: middle
}

.sitemap .map dd {
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	padding-top: 10px
}

.sitemap .map dd .p2 {
	padding: 0 0 0 20px;
	clear: both
}

.sitemap .map dd .p2 a {
	color: #b87500;
	font-weight: bold;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.sitemap .map dd div {
	clear: both;
	overflow: hidden;
	line-height: 30px;
	border-bottom: #d6dbe1 solid 1px;
	padding: 0 20px 10px 10px
}

.sitemap .map dd div a {
	color: #333;
	float: left;
	padding: 0 10px 0 10px
}

@media (min-width:1025px) {
	.sitemap .map dl:hover {
		background: #f5f8fa
	}

	.sitemap .map dl:hover dt a {
		color: #f39800
	}

	.sitemap .map dt a:hover {
		color: #f39800
	}

	.sitemap .map dd div a:hover {
		background: #f39800;
		color: #fff
	}

	.sitemap .map dd .p2 a:hover {
		color: #764b00
	}
}

/**********IE8***********/

.prompt {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url(../images/ie_sosad.png) no-repeat center 35% #ffffff;
  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: -200px;
  width: 400px;
  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;
}

.videobanner {
    position:absolute;
}
@media (max-width:1025px) {
    .videocon {
        display:none;
    }
    .videobanner {
        height:100%;
    }
}

@media (max-width:1200px){
    .banner .txtbox1 .txt-1{
     font-size:30px;
    }
    .banner .txtbox1 .txt-2 {
        font-size:15px;
    }
}
@media only screen and (min-width:1280px) and (max-width:1600px){
	.index-case1 .msg{
		top: 34rem
	}
}
@media only screen and (min-width:1600px){
	.index-case1 .msg{
		top: 35rem
	}
}
@media only screen and (min-width:1850px){
	.index-case1 .msg{
		top: 37rem
	}
}