@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-family: 'Microsoft YaHei',arial;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	min-width: 1260px;
	margin: 0 auto;
	background: #fff;
	max-width: 1920px
}

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

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

ul,li {
	list-style: none
}

ul {
	padding: 0
}

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

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

fieldset,img {
	border: 0
}

img {
	border: 0;
	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: 'Microsoft YaHei',arial;
	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,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: #333
}

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

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

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

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both
}

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

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

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

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

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

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

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

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

.prompt span a {
	text-decoration: underline
}

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

#container {
	overflow: hidden;
	position: relative
}

@font-face {
	font-family:"Geometr212-BkCn-BT";src:url("../font/Geometr212-BkCn-BT.woff2") format("woff2"),url("../font/Geometr212-BkCn-BT.woff") format("woff"),url("../font/Geometr212-BkCn-BT.ttf") format("truetype"),url("../font/Geometr212-BkCn-BT.eot") format("embedded-opentype"),url("../font/Geometr212-BkCn-BT.svg") format("svg")
}

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

.header {
	height: 93px;
	transition: .5s;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%
}

.header .logo {
	float: left;
	z-index: 4;
	transition: .5s;
	padding-top: 21px
}

.header .logo a {
	float: left;
	position: relative
}

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

.header .logo a .logo02 {
	display: none
}

.header .header-right {
	float: right;
	transition: .5s
}

.header .header-right .phone {
	float: right;
	font-size: 20px;
	color: #fff;
	margin-right: 24px;
	margin-top: 38px;
	background: url("../images/phone.png") no-repeat center left;
	padding-left: 27px;
	font-family: "Geometr212-BkCn-BT";
	transition: .5s
}

.header .header-right .search-r {
	float: right;
	margin-top: 41px;
	transition: .5s
}

.header .header-right .search-r .searchBtn {
	display: block;
	height: 30px;
	position: relative;
	padding-left: 24px
}

.header .header-right .search-r .searchBtn:after {
	content: '';
	display: block;
	width: 1px;
	height: 20px;
	background: #d6d6d6;
	position: absolute;
	top: 2px;
	left: 0
}

.header .header-right .search-r .searchBtn svg {
	width: 23px;
	fill: #fff;
	float: left;
	transition: .5s
}

.header .header-right .search-r .search {
	z-index: 100
}

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

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

.header .header-right .search-r .search .search-main {
	top: 133px;
	right: 0;
	z-index: 100;
	width: 100%;
	display: none;
	position: absolute;
	padding: 30px
}

.header .header-right .search-r .search-container {
	position: relative;
	width: 680px;
	margin: 0 auto
}

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

.header .header-right .search-r .search-info .inp_srh {
	width: 100%;
	font-size: 14px;
	color: #888;
	height: 50px;
	padding: 0 25px;
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	border-right: 0;
	outline: 0
}

.header .header-right .search-r .search-info .inp_srh:focus {
	border-color: #197ec1
}

.header .header-right .search-r .btn_srh {
	background: #197ec1;
	width: 88px;
	line-height: 18px;
	height: 50px;
	float: right;
	border: 0;
	color: #FFF;
	position: absolute;
	top: 0;
	right: 0
}

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

.header .header-right .nav {
	float: right;
	padding-right: 33px;
	margin-top: 15px;
	transition: .5s
}

.header .header-right .nav ul li {
	float: left;
	margin-left: 15px
}

.header .header-right .nav ul li a {
	display: block;
	color: #fff;
	font-size: 20px;
	line-height: 70px;
	padding: 0 10px;
	text-align: center;
	position: relative;
	transition: .5s
}

.header .header-right .nav ul li a span {
	font-size: 12px;
	color: #999;
	display: block;
	text-transform: uppercase;
	font-family: "bellmt"
}

.header .header-right .nav ul li a:after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	transition: .5s
}

.header .header-right .nav ul li .subnav {
	position: absolute;
	top: 85px;
	left: 0;
	width: 100%;
	white-space: nowrap;
	display: none;
	text-align: center;
	background: rgba(255,255,255,0.3)
}

.header .header-right .nav ul li .subnav ul {
	width: 1260px;
	margin: 0 auto;
    overflow:hidden;
}

.header .header-right .nav ul li .subnav ul li {
	float: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	background: 0
}

.header .header-right .nav ul li .subnav ul li a {
	line-height: 60px;
	font-size: 15px;
	color: #fff;
	height: 60px;
	padding: 0 15px;
	transition: .5s
}

.header .header-right .nav ul li .subnav ul li a:after {
	display: none
}

.header .header-right .nav ul li .subnav ul li a:hover {
	font-weight: bold;
	text-decoration: underline
}

.header .header-right .nav ul li:hover a span {
	color: #197ec1
}

.header .header-right .nav ul li:hover a:after {
	width: 100%;
	left: 0
}

.header .header-right .nav ul li:nth-child(1) {
	background: 0
}

.header .header-right .nav ul .active a span {
	color: #197ec1
}

.header .header-right .nav ul .active a:after {
	left: 0;
	width: 100%
}

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

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

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

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

.headerFixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-animation: 2s dong;
	animation: 2s dong;
	background: rgba(255,255,255,0.9);
	box-shadow: 2.5px 4.3px 24px 0 rgba(4,0,0,0.11)
}

.headerFixed .logo a .logo01 {
	display: none
}

.headerFixed .logo a .logo02 {
	display: block
}

.headerFixed .header-right .nav ul li a {
	color: #333
}

.headerFixed .header-right .nav ul li .subnav {
	top: 93px;
	background: rgba(255,255,255,0.9);
	border-top: 1px solid #ddd
}

.headerFixed .header-right .search-r .searchBtn svg {
	fill: #0099e2
}

.headerFixed .header-right .phone {
	background: url(../images/phone1.png) no-repeat center left;
	color: #0099e2
}

.headerFixed .header-right .nav ul li a:after {
	background: #0099e2
}

.headerFixed .header-right .nav ul li {
	height: 78px
}

.headerFixed .header-right .nav ul li .subnav ul li {
	height: auto
}

.headerFixed .header-right .nav ul li .subnav ul li a {
	color: #666
}

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

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

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

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

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

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

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

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

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

@-webkit-keyframes myfirst04 {
	0% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

	50% {
		-webkit-transform: translateY(60px);
		transform: translateY(60px)
	}

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

@keyframes myfirst04 {
	0% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

	50% {
		-webkit-transform: translateY(60px);
		transform: translateY(60px)
	}

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

.home-banner .home-banner-slick .slick-list {
	position: relative;
	height: 1080px;
	width: 1920px;
	left: 50%;
	margin-left: -960px
}

.home-banner .home-banner-slick .item {
	position: relative;
	height: 1080px
}

.home-banner .home-banner-slick .item img {
	display: block
}

.home-banner .home-banner-slick .banner-info {
	position: absolute;
	top: 40.5%;
	left: 0;
	width: 100%;
	text-align: left
}

.home-banner .home-banner-slick .banner-info .info {
	padding-left: 60px;
	position: relative
}

.home-banner .home-banner-slick .banner-info .info:after {
	content: '';
	display: block;
	width: 298px;
	height: 444px;
	background: url("../images/line.png") no-repeat center center;
	position: absolute;
	top: -198px;
	left: -33px
}

.home-banner .home-banner-slick .banner-info .info:before {
	content: '';
	display: block;
	width: 298px;
	height: 444px;
	background: url("../images/line1.png") no-repeat center center;
	position: absolute;
	top: -198px;
	left: -33px
}

.home-banner .home-banner-slick .banner-info .span {
	color: #fff;
	font-size: 18px;
	letter-spacing: -0.2px
}

.home-banner .home-banner-slick .banner-info .bt {
	font-size: 50px;
	color: #fff;
	line-height: 70px;
	margin-top: -10px;
	margin-bottom: 10px
}

.home-banner .home-banner-slick .banner-info .bt span {
	font-size: 78px
}

.home-banner .home-banner-slick .banner-info .jsh {
	font-size: 30px;
	color: #fff;
	letter-spacing: -0.4px;
	line-height: 46px
}

.home-banner .home-banner-slick .b2 {
	top: 42.5%;
	text-align: center
}

.home-banner .home-banner-slick .b2 .info {
	padding-left: 0
}

.home-banner .home-banner-slick .b2 .info:after {
	display: none
}

.home-banner .home-banner-slick .b2 .info:before {
	display: none
}

.home-banner .home-banner-slick .b2 .bt {
	font-size: 83px;
	line-height: 80px;
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: bold;
	letter-spacing: 1px
}

.home-banner .home-banner-slick .b2 .jsh {
	font-size: 36px;
	display: inline-block;
	padding: 6px 27px;
	margin-top: 15px;
	border-radius: 10px;
	background: rgba(91,96,90,0.8)
}

.home-banner .home-banner-slick .b3 .info {
	padding-left: 57px;
	padding-top: 5px
}

.home-banner .home-banner-slick .b3 .info:after {
	width: 190px;
	height: 306px;
	background: url("../images/line11.png") no-repeat center center;
	top: -41px;
	left: -21px
}

.home-banner .home-banner-slick .b3 .info:before {
	display: none
}

.home-banner .home-banner-slick .b3 .bt {
	font-size: 60px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 10px
}

.home-banner .home-banner-slick .b3 .jsh {
	font-size: 24px;
	letter-spacing: -0.4px;
	line-height: 36px;
	width: 611px;
	padding: 15px 20px;
	margin-left: -20px;
	background: url("../images/bg3.png") repeat center center
}

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

.home-banner .home-banner-slick .slick-dots li {
	margin: 0 3px;
	padding: 3px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid #fff
}

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

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

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

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

.home-banner .home-banner-slick .slick-prev,.home-banner .home-banner-slick .slick-next {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px #fff solid;
	float: left;
	cursor: pointer;
	position: absolute;
	z-index: 999;
	top: 36%
}

.home-banner .home-banner-slick .slick-prev:before,.home-banner .home-banner-slick .slick-next:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	opacity: 1;
	margin: auto
}

.home-banner .home-banner-slick .slick-prev:hover,.home-banner .home-banner-slick .slick-next:hover {
	background: #197ec1;
	border: 1px #197ec1 solid
}

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

.home-banner .home-banner-slick .slick-prev:before {
	border-top: 2px #fff solid;
	border-left: 2px #fff solid;
	transform: rotate(-45deg) translate(3px,3px)
}

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

.home-banner .home-banner-slick .slick-next:before {
	border-top: 2px #fff solid;
	border-right: 2px #fff solid;
	transform: rotate(45deg) translate(-3px,3px)
}

.home-banner .home-banner-slick .slick-active img {
	-webkit-animation: mymove4 5s ease;
	animation: mymove4 5s ease
}

.home-banner .home-banner-slick .slick-active .banner-info .info:after {
	-webkit-animation: jump3 1s ease;
	animation: jump3 1s ease
}

.home-banner .home-banner-slick .slick-active .banner-info .info:before {
	-webkit-animation: jump3 1.5s ease;
	animation: jump3 1.5s ease
}

.home-banner .home-banner-slick .slick-active .banner-info .span {
	-webkit-animation: jump2 1s ease;
	animation: jump2 1s ease
}

.home-banner .home-banner-slick .slick-active .banner-info .bt {
	-webkit-animation: jump2 1.5s ease;
	animation: jump2 1.5s ease
}

.home-banner .home-banner-slick .slick-active .banner-info .jsh {
	-webkit-animation: jump2 2s ease;
	animation: jump2 2s ease
}

@keyframes jump3 {
	0% {
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px)
	}

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

@keyframes jump2 {
	0% {
		-webkit-transform: translateX(40px);
		transform: translateX(40px)
	}

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

@keyframes jump {
	0% {
		-webkit-transform: translateY(40px);
		transform: translateY(40px)
	}

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

@keyframes jump1 {
	0% {
		-webkit-transform: translateY(40px);
		transform: translateY(40px)
	}

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

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

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

.inbanner .inbanner-slick img {
	transition: 5s;
	animation: mymove4 5s
}

.inbanner .inbanner-slick .banner-info {
	position: absolute;
	bottom: 121px;
	left: 0;
	width: 100%
}

.inbanner .inbanner-slick .banner-info .img {
	font-size: 85px;
	color: rgba(255,255,255,0.1);
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 63px;
	position: absolute;
	top: 0;
	line-height: 80px;
	transition: 2s;
	animation: jump 2s
}

.inbanner .inbanner-slick .banner-info .bt {
	font-size: 46px;
	color: #fff;
	font-weight: bold;
	padding-left: 87px;
	padding-top: 40px;
	transition: 2s;
	animation: jump1 2s
}

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

	50% {
		transform: scale(1.03)
	}

	100% {
		transform: scale(1)
	}
}

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

	50% {
		transform: scale(1.03)
	}

	100% {
		transform: scale(1)
	}
}

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

.transparent {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: url(../images/transparent-bg.png) repeat;
	background: rgba(0,0,0,0.7);
	display: none
}

.transparent1 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: url(../images/transparent-bg.png) repeat;
	background: rgba(0,0,0,0.7);
	display: none
}

.pop1 {
	position: fixed;
	z-index: 999;
	width: 1000px;
	height: 650px;
	background: #f1f1f1;
	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%;
	text-align: center;
	overflow: hidden
}

.pop1 .info img {
	display: block
}

.pop1 .close {
	display: block;
	width: 39px;
	height: 39px;
	position: absolute;
	right: 0;
	top: 7px;
	background: url(../images/closed.png) no-repeat
}

.home-about {
	padding: 101px 0 136px 0;
	position: relative
}

.home-about .info {
	position: relative;
	padding-top: 73px;
	margin-bottom: 60px
}

.home-about .info .title {
	font-size: 160px;
	color: #f6f6f6;
	font-family: "AkzidenzGroteskBQ-Medium";
	text-transform: uppercase;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	position: absolute;
	top: 274px;
	left: -534px
}

.home-about .info .img {
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 5;
	margin-left: -75px;
	transition: .5s
}

.home-about .info .text {
	width: 48%
}

.home-about .info .text .span {
	font-size: 20px;
	color: #4a4a4a;
	padding-bottom: 30px;
	background: url("../images/line2.png") no-repeat bottom left;
	margin-bottom: 28px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.home-about .info .text .bt {
	font-size: 48px;
	color: #444;
	line-height: 69px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.home-about .info .text .jsh {
	font-size: 15px;
	color: #555;
	line-height: 32px;
	margin-bottom: 78px;
	height: 128px
}

.home-about .info .text .jsh span {
	color: #197ec1;
	font-weight: bold
}

.home-about .info .text .more a {
	color: #197ec1;
	font-weight: bold;
	font-size: 15px;
	transition: .5s
}

.home-about .info .text .more a span {
	transition: .5s
}

.home-about .info .text .more a:hover {
	color: #00aa80
}

.home-about .info .text .more a:hover span {
	margin-left: 5px
}

.home-about .about-info {
	position: relative
}

.home-about .video {
	width: 888px;
	height: 660px;
	position: absolute;
	top: 73px;
	left: 53.7%
}

.home-about .video a {
	display: block
}

.home-about .video .hover {
	width: 558px;
	position: absolute;
	top: 0;
	left: 0;
	height: 445px;
	background: url("../images/video.png") no-repeat center center
}

.home-about .about-list {
	position: relative;
	z-index: 2
}

.home-about .about-list ul li {
	width: 25%;
	float: left;
	text-align: center;
	background: rgba(0,112,186,0.95) url("../images/line3.png") no-repeat center right
}

.home-about .about-list ul li .box {
	padding: 51px 20px 44px 20px;
	transition: .5s
}

.home-about .about-list ul li .pic {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	transition: .5s
}

.home-about .about-list ul li .bt {
	font-size: 18px;
	color: #fff;
	margin-top: 13px;
    line-height: 28px;
    overflow: hidden;
    height: 28px;
	transition: .5s
}

.home-about .about-list ul li:hover .box {
	background: url("../images/abg.jpg") no-repeat center right;
	padding: 41px 20px 54px 20px
}

.home-about .about-list ul li:hover .pic {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.home-about .about-list ul li:nth-last-child(1) {
	background: rgba(0,112,186,0.95)
}

.home-product {
	padding: 101px 0 139px 0;
	background: url("../images/pbg.jpg") no-repeat center center;
	background-size: cover
}

.home-product .home-top .home-title:after {
	display: block
}

.home-product .home-top .home-title h3 {
	padding-left: 24px
}

.home-product .home-bottom {
	margin-top: 54px
}

.prolist {
	margin: 0 -24px
}

.prolist li {
	width: 25%;
	float: left;
	padding: 0 24px
}

.prolist li .box {
	position: relative;
	padding-top: 450px;
	background: #fff
}

.prolist li .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.prolist li .img .pic img {
	transition: .5s
}

.prolist li .img .pic:after {
	padding-bottom: 160.71428571428572%
}

.prolist li .img .pic .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .5s;
	background: rgba(255,255,255,0.7);
	opacity: 0
}

.prolist li .img .pic .hover p {
	background: rgba(13,119,190,0.7) url(../images/more1.png) no-repeat center center;
	color: #fff;
	width: 132px;
	height: 132px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -66px 0 0 -66px
}

.prolist li .text {
	padding: 22px 29px 23px 29px;
	text-align: center
}

.prolist li .text .pic {
	width: 92px;
	height: 92px;
	border-radius: 50%;
	border: 1px solid #e2e2e2;
	margin: 0 auto 9px auto
}

.prolist li .text .bt {
	font-size: 24px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 4px
}

.prolist li .text .jsh {
	line-height: 26px;
	color: #777;
	font-size: 14px;
	height: 104px;
	overflow: hidden
}

.prolist li:hover .img .pic img {
	transform: scale(1.04)
}

.prolist li:hover .img .pic .hover {
	opacity: 1
}

.prolist li:hover .img .pic .hover p {
	-webkit-animation: avia_pop_small .5s 1 cubic-bezier(0.175,0.885,0.32,1.275);
	animation: avia_pop_small .5s 1 cubic-bezier(0.175,0.885,0.32,1.275)
}

.prolist li:nth-child(2n) .box {
	padding-bottom: 450px;
	padding-top: 0
}

.prolist li:nth-child(2n) .img {
	top: auto;
	bottom: 0
}

@-webkit-keyframes avia_pop_small {
	0% {
		-webkit-transform: rotate(-175deg) scale(0.2)
	}

	100% {
		-webkit-transform: rotate(0deg) scale(1)
	}
}

@keyframes avia_pop_small {
	0% {
		transform: rotate(-175deg) scale(0.2)
	}

	100% {
		transform: rotate(0deg) scale(1)
	}
}

.home-top .home-title {
	float: left;
	width: 39%;
	color: #fff;
	position: relative
}

.home-top .home-title:after {
	content: '';
	display: none;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #198ea7;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.home-top .home-title h3 {
	font-size: 48px;
	position: relative;
	z-index: 2;
	margin-bottom: 14px
}

.home-top .home-title p {
	font-size: 14px;
	line-height: 24px
}

.home-top .list {
	float: right;
	width: 51.747%;
	position: relative;
	padding-right: 89px;
	margin-top: 84px
}

.home-top .list ul {
	margin: 0 -2px
}

.home-top .list ul li {
	float: left;
	width: 25%;
	padding: 0 2px
}

.home-top .list ul li a {
	height: 44px;
	border: 1px solid #fff;
	line-height: 42px;
    overflow:hidden;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	transition: .5s
}

.home-top .list ul li a:hover {
	background: #fff;
	color: #0a6bc2
}

.home-top .list .more {
	position: absolute;
	right: 0;
	top: 0
}

.home-top .list .more a {
	width: 84px;
	height: 44px;
	border: 1px solid #fff;
	line-height: 42px;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 16px;
	transition: .5s
}

.home-top .list .more a:hover {
	background: #fff;
	color: #0a6bc2
}

.fixed {
	width: 80px;
	height: 80px;
	position: fixed;
	bottom: 100px;
	right: 85px;
	border-radius: 50%;
	transition: .5s;
	background: #015abf;
	z-index: 5;
	opacity: 0
}

.fixed a {
	display: block;
	background: url(../images/top.png) no-repeat center center;
	width: 80px;
	height: 80px
}

.fixed:hover {
	background: #00aa80
}

.home-case {
	padding: 68px 0 93px 0
}

.home-case .home-top .home-title {
	color: #444;
	width: 46%
}

.home-case .home-top .home-title h3 {
	margin-bottom: 4px
}

.home-case .home-top .home-title p {
	color: #4a4a4a
}

.home-case .home-top .list {
	width: 48.4%;
	margin-top: 49px
}

.home-case .home-top .list ul li {
	width: 20%
}

.home-case .home-top .list ul li a {
	border: 1px solid #d2d2d2;
	color: #535353
}

.home-case .home-top .list ul li a:hover {
	background: #00aa80;
	color: #fff;
	border: 1px solid #00aa80
}

.home-case .home-top .list .more a {
	border: 1px solid #d2d2d2;
	color: #535353
}

.home-case .home-top .list .more a:hover {
	background: #00aa80;
	color: #fff;
	border: 1px solid #00aa80
}

.home-case .home-bottom {
	margin-top: 49px;
	position: relative;
	margin-bottom: 62px;
	width: 1920px;
	left: 50%;
	margin-left: -960px
}

.home-case .home-bottom .item {
	position: relative;
	height: 490px;
	margin: 0 30px;
	overflow: hidden
}

.home-case .home-bottom .item .pic {
	width: 630px;
	height: 490px;
	position: absolute;
	left: 0;
	z-index: 3
}

.home-case .home-bottom .item .pic:after {
	padding-bottom: 77.77777777777777%
}

.home-case .home-bottom .item .pic1 {
	width: 630px;
	height: 490px;
	position: absolute;
	right: 0;
	z-index: 2
}

.home-case .home-bottom .item .pic1:after {
	padding-bottom: 77.77777777777777%
}

.home-case .home-bottom .item .text {
	padding-left: 672px;
	height: 490px;
	padding-top: 48px;
	padding-right: 88px;
	position: relative;
	background: #f3f3f3
}

.home-case .home-bottom .item .text .bt {
	font-size: 36px;
	color: #00aa80;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 23px;
	font-weight: bold;
	font-family: 微軟正黑體
}

.home-case .home-bottom .item .text .line {
	position: relative;
	width: 208px;
	height: 2px;
	background: #00a781;
	z-index: 4;
	margin-bottom: 29px;
	margin-left: -147px
}

.home-case .home-bottom .item .text .jsh {
	font-size: 15px;
	color: #5d5d5d;
	line-height: 28px;
	height: 112px;
	overflow: hidden;
	margin-bottom: 40px
}

.home-case .home-bottom .item .text .more {
	color: #20a23a;
	text-transform: uppercase;
	font-family: arial;
	font-size: 15px;
	transition: .5s;
	margin-left: 12px;
	background: url("../images/more2.png") no-repeat 97px center
}

.home-case .home-bottom .item:hover .more {
	background: url("../images/more2.png") no-repeat 105px center
}

.home-case .home-bottom .slick-center .pic1 {
	display: none
}

.home-case .home-bottom .slick-prev,.home-case .home-bottom .slick-next {
	width: 38px;
	height: 38px;
	left: 50%;
	bottom: 49px;
	top: auto;
	z-index: 9999!important;
	border-radius: 50%
}

.home-case .home-bottom .slick-prev {
	background: #00aa80 url("../images/left.png") no-repeat center center;
	margin-left: 55px;
	background-size: 12px!important
}

.home-case .home-bottom .slick-prev:hover {
	background: #0d77be url("../images/left.png") no-repeat center center;
	background-size: 12px!important
}

.home-case .home-bottom .slick-next {
	background: #00aa80 url("../images/right.png") no-repeat center center;
	margin-left: 103px;
	background-size: 12px!important
}

.home-case .home-bottom .slick-next:hover {
	background: #0d77be url("../images/right.png") no-repeat center center;
	background-size: 12px!important
}

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

.home-case .home-bottom .custom_paging {
	z-index: 10;
	bottom: 44px;
	position: absolute;
	width: 1260px;
	text-align: right;
	left: 50%;
	margin-left: -630px
}

.home-case .home-bottom .custom_paging li {
	line-height: 36px;
	padding: 20px 53px 0 39px;
	display: none;
	color: #a3a3a3;
	float: right;
	margin: 0 auto;
	font-size: 18px;
	font-family: arial;
	position: relative;
	background: url("../images/line4.png") no-repeat 21px 15px
}

.home-case .home-bottom .custom_paging li b {
	color: #00aa80;
	font-size: 24px;
	font-weight: normal;
	position: absolute;
	top: 0;
	left: 0
}

.home-case .home-bottom .custom_paging .slick-active {
	display: block
}

.more1 a {
	display: block;
	width: 233px;
	height: 66px;
	line-height: 64px;
	text-align: center;
	font-size: 21px;
	color: #888;
	border: 1px solid #d2d2d2;
	transition: .5s;
	overflow: hidden;
	position: relative;
	border-radius: 40px;
	margin: 0 auto
}

.more1 a span {
	color: #888;
	position: relative;
	z-index: 2
}

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

.more1 a:hover {
	color: #fff
}

.more1 a:hover span {
	color: #fff
}

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

.more1 p {
	display: block;
	width: 118px;
	height: 33px;
	line-height: 31px;
	font-size: 14px;
	color: #00aa80;
	border: 1px solid #00aa80;
	transition: .5s;
	overflow: hidden;
	position: relative;
	border-radius: 40px
}

.more1 p span {
	color: #00aa80;
	position: relative;
	z-index: 2;
	display: block;
	padding: 0 16px;
	background: url("../images/more3.png") no-repeat 80% center
}

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

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

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

.home-num {
	padding: 127px 0 164px 0;
	background: url("../images/nbg.jpg") no-repeat top center
}

.home-num .home-top .home-title {
	width: 32%
}

.home-num .home-top .home-title h3 {
	margin-bottom: 5px
}

.home-num .home-top .home-title p {
	font-size: 15px
}

.numlist {
	float: right;
	width: 65%
}

.numlist li {
	float: left;
	text-align: center;
	cursor: pointer;
	width: 33.333333333333336%;
	border-right: 1px solid rgba(255,255,255,0.3)
}

.numlist li .box {
	transition: .5s
}

.numlist li .p {
	font-size: 18px;
	margin-top: 4px;
	color: #fff
}

.numlist li .num {
	margin-bottom: 9px
}

.numlist li .num span {
	font-size: 90px;
	line-height: 113px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	font-family: "HelveticaCyr-Bold"
}

.numlist li .num sup {
	font-size: 36px;
	color: #fff;
	vertical-align: top;
	margin-left: 7px
}

.numlist li:nth-last-child(1) {
	border-right: 0
}

.home-title1 h3 {
	float: left;
	font-size: 48px;
	color: #444
}

.home-title1 .more1 {
	float: right;
	margin-top: 27px
}

.home-news {
	padding: 106px 0 59px 0;
	background: url("../images/nnbg.jpg") no-repeat center center
}

.home-news .home-bottom {
	padding-top: 22px;
	margin-bottom: 70px
}

.home-news .home-bottom .one {
	float: left;
	width: 59.652%
}

.home-news .home-bottom .one .item {
	width: 50%;
	padding-right: 26px;
	float: left
}

.home-news .home-bottom .one .item .box {
	overflow: hidden;
	background: #fff
}

.home-news .home-bottom .one .item .pic img {
	transition: .5s
}

.home-news .home-bottom .one .item .pic:after {
	padding-bottom: 70.20057306590257%
}

.home-news .home-bottom .one .item .pic span {
	position: absolute;
	top: 0;
	left: 28px;
	max-width: 104px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 0 20px;
	background: #00aa80;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px
}

.home-news .home-bottom .one .item .text {
	padding: 19px 39px 20px 36px;
	height: 214px
}

.home-news .home-bottom .one .item .text .bt {
	font-size: 18px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 11px
}

.home-news .home-bottom .one .item .text .date {
	color: #666;
	font-size: 14px;
	margin-bottom: 10px
}

.home-news .home-bottom .one .item .text .jsh {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 25px;
	height: 48px;
	overflow: hidden
}

.home-news .home-bottom .one .item .text .more {
	color: #00aa80;
	transition: .5s;
	font-size: 14px;
	background: url("../images/more3.png") no-repeat 61px center
}

@media (min-width:1025px) {
	.home-news .home-bottom .one .item:hover .pic img {
		transform: scale(1.05)
	}

	.home-news .home-bottom .one .item:hover .text .bt {
		color: #00aa80;
		text-decoration: underline
	}

	.home-news .home-bottom .one .item:hover .text .more {
		background: url("../images/more3.png") no-repeat 71px center
	}
}

.home-news .home-bottom .two {
	float: right;
	width: 40.348%;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ebebeb;
	height: 460px
}

.home-news .home-bottom .two .title {
	padding-left: 28px
}

.home-news .home-bottom .two .title span {
	width: 64px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 0 10px;
	background: #00aa80;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	display: block
}

.home-news .home-bottom .two ul {
	padding: 41px 39px 23px 21px
}

.home-news .home-bottom .two ul li {
	margin-bottom: 32px
}

.home-news .home-bottom .two ul li .box {
	padding-left: 23px;
	transition: .5s
}

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

.home-news .home-bottom .two ul li .date {
	color: #666;
	font-size: 14px
}

@media (min-width:1025px) {
	.home-news .home-bottom .two ul li:hover .box {
		padding-left: 33px
	}

	.home-news .home-bottom .two ul li:hover .bt {
		color: #00aa80;
		text-decoration: underline
	}
}

.home-news .home-bottom .two ul li:nth-last-child(1) {
	margin-bottom: 0
}

.home-partner {
	padding: 96px 0 51px 0;
	background: url("../images/pabg.jpg") no-repeat top center;
	background-size: cover;
	background-attachment: fixed
}

.home-partner .home-title1 h3 {
	color: #fff
}

.home-partner .home-title1 .more1 {
	margin-top: 11px
}

.home-partner .home-title1 .more1 a {
	color: #fff
}

.home-partner .home-title1 .more1 a span {
	color: #fff
}

.home-partner .home-title1 .more1:hover a {
	border: 1px solid #00aa80
}

.home-partner .home-bottom {
	padding: 35px 0
}

.partnerlist {
	background: #fff
}

.partnerlist li {
	width: 16.666666666666668%;
	float: left;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	transition: .5s;
	background: #fff;
	position: relative;
	z-index: 1
}

.partnerlist li .pic img {
	transition: .5s
}

.partnerlist li .pic:after {
	padding-bottom: 71.29186602870813%
}

.partnerlist li:hover {
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	z-index: 5;
	transform: scale(1.04)
}

.partnerlist li:nth-child(6n) {
	border-right: 0
}

.partnerlist li:nth-child(n+7) {
	border-bottom: 0
}

.footer {
	padding-top: 81px;
	background: #014fa2 url("../images/fbg.png") no-repeat top center
}

.footer .footer-top {
	padding-bottom: 92px;
	margin-bottom: 39px;
	border-bottom: 1px solid rgba(255,255,255,0.5)
}

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

.footer .footer-top ul li {
	width: 25%;
	float: left;
	position: relative;
	padding-left: 55px
}

.footer .footer-top ul li .pic {
	width: 45px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 0
}

.footer .footer-top ul li a {
	display: block;
	color: #fff
}

.footer .footer-top ul li a:hover {
	text-decoration: underline
}

.footer .footer-top ul li .bt {
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 50px;
	margin-bottom: 10px
}

.footer .footer-top ul li .bt a {
	display: inline-block;
	background: url("../images/dot.png") no-repeat center right;
	padding-right: 20px
}

.footer .footer-top ul li .jsh {
	font-size: 13px;
	line-height: 30px
}

.footer .footer-top .footer-contact {
	float: right;
	width: 22.7%;
	color: #fff;
	margin-top: 10px
}

.footer .footer-top .footer-contact .item {
	padding-left: 54px;
	background: url(../images/fphone.png) no-repeat 1px 11px;
	padding-top: 6px;
	margin-bottom: 24px
}

.footer .footer-top .footer-contact .item h3 {
	font-size: 16px
}

.footer .footer-top .footer-contact .item p {
	font-size: 26px;
	line-height: 33px;
	font-family: "DIN-Medium"
}

.footer .footer-top .footer-contact .item1 {
	font-size: 16px;
	padding-left: 54px;
	background: url("../images/faddress.png") no-repeat 5px 2px
}

.footer .footer-bottom {
	color: #fff;
	line-height: 32px;
	padding-bottom: 31px
}

.footer .footer-bottom .f-share {
	overflow: hidden;
	float: right;
	font-size: 12px
}

.footer .footer-bottom .f-share a {
	display: block;
	float: left;
	width: 38px!important;
	height: 38px!important;
	transition: all .9s;
	margin-left: 8px!important;
	padding: 0!important;
	border: 1px solid #fff;
	border-radius: 50%
}

.footer .footer-bottom .f-share .bdsharebuttonbox {
	display: inline-block;
	vertical-align: middle
}

.footer .footer-bottom .f-share .bdsharebuttonbox a {
	display: inline-block;
	margin: 0 2px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.footer .footer-bottom .f-share a.bds_weixin {
	background: url(../images/f1.png) no-repeat center center
}

.footer .footer-bottom .f-share .bdsharebuttonbox a.bds_weixin:hover {
	background: #00aa80 url(../images/f1.png) no-repeat center center;
	border: 1px solid #00aa80
}

.footer .footer-bottom .f-share .bdsharebuttonbox a.bds_tsina {
	background: url(../images/f2.png) no-repeat center center
}

.footer .footer-bottom .f-share .bdsharebuttonbox a.bds_tsina:hover {
	background: #00aa80 url(../images/f2.png) no-repeat center center;
	border: 1px solid #00aa80
}

.footer .footer-bottom .f-share .bdsharebuttonbox a.bds_tqq {
	background: url(../images/f3.png) no-repeat center center
}

.footer .footer-bottom .f-share .bdsharebuttonbox a.bds_tqq:hover {
	background: #00aa80 url(../images/f3.png) no-repeat center center;
	border: 1px solid #00aa80
}

.home {
	position: relative
}

.mainPage {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0;
	left: 0;
	background: #000;
	z-index: 999;
	opacity: 0
}

#rightBar {
	position: fixed;
	top: 50%;
	right: 15px;
	z-index: 99;
	margin-top: -72px;
	width: 36px
}

#rightBar>ul {
	width: 100%
}

#rightBar>ul li {
	width: 36px;
	height: 24px;
	position: relative;
	line-height: 24px;
	text-align: center
}

#rightBar>ul li a {
	display: block
}

#rightBar>ul li.on {
	height: 36px;
	line-height: 36px;
	margin: 3px 0
}

#rightBar>ul li .bullet {
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 2px solid #999;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}

#rightBar>ul li .bullet i {
	display: none
}

#rightBar>ul li .rightbar-bullet-txt {
	position: absolute;
	right: 10px;
	top: 3px;
	display: inline-block;
	padding: 0 0 0 10px;
	background-color: #154ad3;
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}

#rightBar>ul li.on .bullet {
	width: 32px;
	height: 32px;
	border-color: #154ad3;
	line-height: 32px
}

#rightBar>ul li.on .bullet i {
	display: block;
	font-size: 20px;
	line-height: 33px;
	color: #154ad3
}

#rightBar>ul li.on .rightbar-bullet-txt {
	right: 40px;
	opacity: 1.0;
	filter: alpha(opacity=100);
	padding: 0 20px
}

.inbanner {
	overflow: hidden;
	position: relative;
	height: 680px
}

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

.inbanner img {
	animation: 4s mymove4 alternate linear
}

.inbanner .txtbox {
	bottom: 225px;
	left: 0;
	width: 100%;
	z-index: 9;
	color: #fff;
	position: absolute
}

.inbanner .txtbox .container {
	position: relative
}

.inbanner .txtbox .container:before {
	top: -48px;
	left: -60px;
	content: "";
	width: 165px;
	height: 165px;
	border-radius: 100%;
	position: absolute;
	background: rgba(0,170,128,0.4);
	animation: 2s fadeInLeft2 alternate ease
}

.inbanner .txtbox .container:after {
	top: -35px;
	left: -34px;
	content: "";
	width: 206px;
	height: 206px;
	border-radius: 100%;
	position: absolute;
	background: rgba(150,242,219,0.2);
	animation: 2s fadeInRight2 alternate ease
}

.inbanner .txtbox p {
	z-index: 9;
	font-size: 24px;
	position: relative;
	margin-left: 53px;
	margin-top: 10px;
	animation: 2.2s fadeInLeft2 alternate ease
}

.inbanner .txtbox p:first-child {
	font-size: 50px;
	line-height: 60px;
	animation: 2s fadeInLeft2 alternate ease
}

.current {
	padding: 16px 0 16px 0;
	font-size: 15px;
	color: #b7b7b7;
	background: #fafafa;
	line-height: 24px
}

.current a {
	color: #b7b7b7
}

.current a:hover {
	color: #197ec1
}

.current span {
	vertical-align: middle
}

.current img {
	margin-right: 10px;
	vertical-align: middle
}

.current b {
	font-weight: normal
}

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

.second-nav ul:after {
	content: '';
	display: block;
	height: 2px;
	width: 100%;
	background: #f0f0f0;
	position: absolute;
	top: 24px;
	z-index: 1;
	left: 0
}

.second-nav ul li {
	display: inline-block;
	position: relative;
	padding: 0 3px;
	z-index: 2
}

.second-nav ul li a {
	display: block;
	line-height: 48px;
	font-size: 18px;
	color: #333;
	border: 1px solid #cdcdcd;
	padding: 0 10px;
	width: 200px;
	background: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: .5s
}

.second-nav ul li:hover a {
	background: #0070ba;
	color: #fff;
	border: 1px solid #0070ba
}

.second-nav ul .active a {
	background: #0070ba;
	color: #fff;
	border: 1px solid #0070ba
}

.second-nav .slick-track {
	margin: 0 auto
}

.second-nav .slick-list {
	z-index: 4
}

.s1 ul {
	padding: 0 54px;
	height: 50px;
	overflow: hidden;
	position: relative
}

.s1 ul li {
	width: 12.5%
}

.s1 ul li a {
	width: 100%
}

.s1 .slick-prev,.s1 .slick-next {
	width: 40px;
	height: 40px;
	cursor: pointer;
	position: absolute;
	z-index: 99;
	margin-top: -20px;
	border-radius: 50%;
	border: 1px solid #eaeaea
}

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

.s1 .slick-prev {
	background: #fff url("../images/left1.png") no-repeat center center!important;
	background-size: 10px!important;
	left: 0
}

@media (min-width:1025px) {
	.s1 .slick-prev:hover {
		background: #fff url("../images/left1h.png") no-repeat center center!important;
		background-size: 10px!important;
		border: 1px solid #197ec1
	}
}

.s1 .slick-next {
	background: #fff url("../images/right1.png") no-repeat center center!important;
	background-size: 10px!important;
	right: 0
}

@media (min-width:1025px) {
	.s1 .slick-next:hover {
		background: #fff url("../images/right1h.png") no-repeat center center!important;
		background-size: 10px!important;
		border: 1px solid #197ec1
	}
}

.inmain-title .bt {
	text-align: center;
	font-size: 48px;
	color: #444
}

.inmain-title .bt:after {
	content: '';
	display: block;
	height: 4px;
	width: 52px;
	background: url("../images/line5.png") no-repeat center center;
	margin: 20px auto
}

.content {
	padding: 54px 0 138px 0
}

.message {
	background: url("../images/bg.jpg") no-repeat bottom center
}

.message .inmain-title {
	margin-top: 54px
}

.message .mess-p {
	text-align: center;
	font-size: 16px;
	color: #333;
	border-bottom: 1px dotted #e3e3e3;
	padding-bottom: 34px;
	padding-top: 10px
}

.message .mess-p img {
	margin-right: 10px
}

.message .mess-list .list {
	padding-top: 23px;
	width: 1050px;
	margin: 0 auto
}

.message .mess-list li {
	width: 50%;
	float: left;
	position: relative;
	padding: 9px 26px 27px 26px
}

.message .mess-list .p-01 {
	line-height: 30px;
	margin-bottom: 11px;
	font-size: 16px;
	color: #333
}

.message .mess-list .p-01 .red {
	color: #f00
}

.message .mess-list font {
	font-size: 14px;
	text-align: center;
	color: #fff;
	line-height: 35px;
	border-radius: 5px;
	background: #f57878;
	top: 0;
	right: 26px;
	width: 160px;
	position: absolute;
	display: none
}

.message .mess-list font::after {
	content: '';
	margin-top: 42px;
	display: inline-block;
	border-width: 6px 10px 9px 10px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #f57878;
	transform: rotate(147deg) translate(-12px,6px);
	position: absolute;
	bottom: -18px;
	left: 10px
}

.message .mess-list input,.message .mess-list textarea {
	background: #fff;
	padding: 0 20px;
	height: 55px;
	color: #333;
	vertical-align: middle;
	border: 1px #b2b2b2 solid;
	border-radius: 30px
}

.message .mess-list input {
	width: 100%
}

.message .mess-list input:focus {
	border-color: #00aa80;
	box-shadow: 0 0 0 1px #00aa80 inset;
	background: #e6fff9
}

.message .mess-list textarea {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 133px;
	border-radius: 10px
}

.message .mess-list textarea:focus {
	border-color: #00aa80;
	box-shadow: 0 0 0 1px #00aa80 inset;
	background: #e6fff9
}

.message .mess-list .yanzhenma {
	width: 100%;
	text-align: center;
	padding-top: 33px
}

.message .mess-list .yanzhenma .p-01 {
	display: inline-block
}

.message .mess-list .yanzhenma input {
	width: 244px;
	margin: 0 10px 0 30px
}

.message .mess-list .yanzhenma font {
	right: 500px;
	top: -15px
}

.message .mess-list .yanzhenma a {
	font-size: 16px;
	color: #333
}

.message .mess-list .btn {
	text-align: center;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 40px
}

.message .mess-list .btn a {
	font-size: 24px;
	width: 300px;
	height: 69px;
	line-height: 69px;
	border-radius: 50px;
	position: relative;
	overflow: hidden;
	background: #0070ba;
	display: block;
	margin: 0 auto
}

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

.message .mess-list .btn a span {
	color: #fff;
	position: relative;
	z-index: 2;
	display: block;
	padding: 0 20px
}

.message .mess-list .btn a:hover:before {
	transform: translate(-50%,-50%) scale(1);
	background: #197ec1
}

.case {
	padding: 54px 0 78px 0;
	background: #fff url("../images/bg1.png") no-repeat top center
}

.caselist {
	margin: 54px -23px 49px -23px
}

.caselist li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 23px;
	margin-bottom: 44px
}

.caselist li .box {
	position: relative;
	border: 1px solid #e9e9e9;
	padding: 24px 24px 35px 24px;
	background: #fff url("../images/cbg.png") no-repeat bottom right;
	transition: .5s;
	box-shadow: .41px 1.95px 21px 0 rgba(0,0,0,0.07)
}

.caselist li .pic img {
	transition: .5s
}

.caselist li .pic:after {
	padding-bottom: 77.77777777777777%
}

.caselist li .text {
	padding-top: 16px
}

.caselist li .text .bt {
	font-size: 16px;
	color: #333;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 22px
}

.caselist li:hover .box {
	border: 1px solid #0070ba;
	background: #fff url("../images/cbg1.png") no-repeat bottom right
}

.caselist li:hover .pic img {
	transform: scale(1.04)
}

.caselist li:hover .text .more1 p {
	color: #fff;
	border: 1px solid #0070ba
}

.caselist li:hover .text .more1 p span {
	color: #fff;
	background: url("../images/more4.png") no-repeat 80% center
}

.caselist li:hover .text .more1 p:before {
	transform: translate(-50%,-50%) scale(1);
	background: #0070ba
}

.page {
	text-align: center;
	overflow: hidden
}

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

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

.page a:hover {
	background: #00a0e9;
	border: 1px solid #00a0e9;
	color: #fff
}

.page a.cpb {
	background: #00a0e9;
	border: 1px solid #00a0e9;
	color: #fff
}

.download {
	padding: 66px 0 78px 0;
	background: #fff url("../images/bg1.png") no-repeat top center
}

.downloadlist {
	margin-bottom: 72px;
	margin-top: 75px
}

.downloadlist li {
	height: 75px;
	font-size: 16px;
	line-height: 74px;
	padding-left: 76px;
	position: relative;
	padding-right: 100px;
	overflow: hidden;
	background: url(../images/dowland-01.png) no-repeat 24px 24px;
	border-bottom: solid 1px #e0e0e0
}

.downloadlist li .box {
	position: relative;
	display: block;
	padding-left: 129px
}

.downloadlist li .box .date {
	font-size: 16px;
	color: #8e8e8e;
	position: absolute;
	top: 0;
	left: 0;
	font-family: arial
}

.downloadlist li a {
	color: #333
}

.downloadlist li span {
	right: 13px;
	top: 13px;
	position: absolute
}

.downloadlist li span a {
	width: 51px;
	height: 51px;
	display: inline-block;
	border-radius: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/dowland-03.png);
	background-color: #16c398
}

.downloadlist li:hover {
	border-bottom: 1px solid #fff;
	box-shadow: 0 0 20px #eee
}

.downloadlist li:hover span a {
	background-color: #197ec1
}

.partner {
	padding: 54px 0 65px 0;
	background: #fff url("../images/bg1.png") no-repeat top center
}

.partner .partnerlist {
	margin: 47px -10px 0 -10px
}

.partner .partnerlist li {
	padding: 0 10px;
	border: 0;
	margin-bottom: 23px
}

.partner .partnerlist li .box {
	border: 1px solid #ececec;
	transition: .5s
}

.partner .partnerlist li:hover {
	box-shadow: none;
	z-index: 5;
	transform: scale(1)
}

.partner .partnerlist li:hover .box {
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	z-index: 5;
	transform: scale(1.04)
}

.partner .partner02 {
	text-align: center;
	padding: 49px 0
}

.partner .partner02 .pa-title {
	text-align: center;
	font-size: 22px;
	color: #fff;
	display: inline-block;
	padding: 7px 27px;
	background: #0070ba;
	position: relative;
	margin-bottom: 78px
}

.partner .partner02 .pa-title:after {
	content: '';
	display: block;
	width: 21px;
	height: 18px;
	position: absolute;
	bottom: -18px;
	left: 50%;
	margin-left: -10px;
	background: url("../images/arrow.png") no-repeat center center
}

.partner .partner02 .partner-bottom ul li {
	width: 33.333333333333336%;
	float: left;
	text-align: left;
	padding: 27px 23px;
	position: relative
}

.partner .partner02 .partner-bottom ul li:after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #e6e6e6;
	position: absolute;
	top: 0;
	left: 5px;
	z-index: 1
}

.partner .partner02 .partner-bottom ul li:before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #e6e6e6;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.partner .partner02 .partner-bottom ul li a {
	font-size: 16px;
	color: #666;
	line-height: 36px;
	display: block
}

.partner .partner02 .partner-bottom ul li a:hover {
	color: #197ec1;
	text-decoration: underline
}

.honor {
	padding: 54px 0 29px 0;
	background: #fff url("../images/bg1.png") no-repeat top center
}

.honorlist {
	margin: 67px -10px 0 -10px
}

.honorlist li {
	width: 25%;
	float: left;
	padding: 0 10px;
	margin-bottom: 40px
}

.honorlist li .box {
	border: 1px solid #e1e3e5;
	padding: 9px
}

.honorlist li .box .pic {
	background: #f9f9f9
}

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

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

.honorlist li .bt {
	font-size: 18px;
	color: #555;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	margin-top: 18px
}

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

.history {
	padding: 54px 0 130px 0;
	background: #fff url("../images/bg1.png") no-repeat top center
}

.history-bottom {
	padding: 64px 0 0 0;
	background: url("../images/bg2.png") no-repeat center 317px
}

.history-bottom .history-title {
	text-align: center;
	background: url("../images/line6.png") no-repeat bottom center;
	padding-bottom: 65px
}

.history-bottom .history-title h3 {
	font-size: 36px;
	color: #333;
	margin-bottom: 5px
}

.history-bottom .history-title p {
	font-size: 18px;
	color: #666;
	line-height: 26px
}

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

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

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

.scale2 {
	animation-name: scale2
}

.historylist {
	padding-top: 28px;
	position: relative;
	margin-top: 77px
}

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

.historylist li {
	overflow: hidden;
	margin-bottom: 11px;
	position: relative
}

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

.historylist li:last-child {
	margin-bottom: 0
}

.historylist .box {
	padding: 0 20px 0 73px;
	position: relative;
	width: 50%;
	float: right
}

.historylist .year {
	transform-origin: top left!important;
	text-align: left;
	font-size: 24px;
	color: #666;
	line-height: 1
}

.historylist .year span {
	font-weight: 700;
	font-size: 42px;
	color: #0d77be;
	font-family: AkzidenzGrotesk-BoldCondAlt
}

.historylist .info {
	font-size: 17px;
	color: #666;
	margin: 0 0 10px 0;
	line-height: 2;
	transform-origin: top left!important
}

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

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

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

.gengduo {
	text-align: center
}

.gengduo img {
	display: block;
	margin: 0 auto
}

.contact {
	padding: 54px 0 90px 0;
	background: #fff url("../images/bg1.png") no-repeat top center
}

.contact01 {
	padding: 51px 0
}

.contact01 .contact-bottom {
	padding-top: 23px
}

.contact01 .contact-list {
	float: left;
	width: 69%
}

.contact01 .contact-list ul {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px
}

.contact01 .contact-list ul li {
	width: 50%;
	float: left;
	padding-bottom: 17px
}

.contact01 .contact-list ul li .box {
	position: relative;
	min-height: 42px;
	padding-left: 68px
}

.contact01 .contact-list ul li .box .pic {
	width: 42px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 0
}

.contact01 .contact-list ul li .box .text {
	position: relative;
	min-height: 81px;
	padding-left: 15px
}

.contact01 .contact-list ul li .box .text:after {
	content: '';
	display: block;
	width: 1px;
	height: 68px;
	background: #e5e5e5;
	position: absolute;
	top: 0;
	left: 0
}

.contact01 .contact-list ul li .box .text .bt {
	font-size: 20px;
	color: #666;
	line-height: 24px;
	margin-bottom: 5px
}

.contact01 .contact-list ul li .box .text .jsh {
	font-size: 14px;
	color: #666;
	line-height: 26px
}

.contact01 .contact-list ul li .box .text .jsh a {
	display: block
}

.contact01 .ewm {
	float: right;
	width: 210px;
	text-align: center;
	margin-right: 61px
}

.contact01 .ewm .img {
	border: 3px solid #99c6e3;
	border-radius: 5px
}

.contact01 .ewm .img img {
	display: block
}

.contact01 .ewm p {
	font-size: 16px;
	color: #666;
	line-height: 40px;
	margin-top: 12px
}

.contact01 .map {
	margin: 0 -8px;
	padding: 72px 0
}

.contact01 .map .item {
	width: 100%;
	float: left;
	padding: 0 8px;
	position: relative
}

.contact01 .map .item .bt {
	width: 176px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	margin-top: -25px;
	border-radius: 10px;
	background: #187dc0;
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -88px;
	color: #fff
}

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

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

.map1 .anchorBL {
	display: none
}

.product-list {
	padding: 54px 0 112px 0;
	background: #fff url("../images/bg1.png") no-repeat top center
}

.product-list .product-top .pic {
	float: left;
	width: 58.493%
}

.product-list .product-top .pic:after {
	padding-bottom: 56.98778833107191%
}

.product-list .product-top .text {
	float: left;
	width: 41.507%;
	padding: 40px 48px;
	border: 3px solid #55a0d1;
	border-left: 0;
	height: 420px
}

.product-list .product-top .text .info {
	height: 265px;
	overflow: auto;
	margin-bottom: 10px
}

.product-list .product-top .text .bt {
	color: #333;
	font-size: 36px;
	margin-bottom: 6px
}

.product-list .product-top .text .span {
	font-size: 18px;
	color: #00aa80;
	margin-bottom: 22px
}

.product-list .product-top .text .jsh {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	height: 156px
}

.product-list .product-top .text .tel {
	background: #2e99de url(../images/tel.png) no-repeat 32px center;
	padding-left: 58px;
	font-size: 24px;
	color: #fff;
	font-family: "DIN-Medium";
	line-height: 51px;
	border-radius: 30px
}

.product-list .prolist {
	margin: 58px -24px 0 -24px
}

.product-list .prolist li .box {
	border: 1px solid #dbdbdb
}

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

.product .product-top {
	margin-top: 74px
}

.prolist1 {
	margin: 58px -24px 35px -24px
}

.prolist1 li {
	width: 25%;
	float: left;
	padding: 0 24px;
	margin-bottom: 53px
}

.prolist1 li .box {
	position: relative;
	background: #fff;
	border: 1px solid #dbdbdb
}

.prolist1 li .img .pic img {
	transition: .5s
}

.prolist1 li .img .pic:after {
	padding-bottom: 110.79136690647482%
}

.prolist1 li .img .pic .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .5s;
	background: rgba(255,255,255,0.7);
	opacity: 0
}

.prolist1 li .img .pic .hover p {
	background: rgba(13,119,190,0.7) url(../images/more1.png) no-repeat center center;
	color: #fff;
	width: 132px;
	height: 132px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -66px 0 0 -66px
}

.prolist1 li .text {
	padding: 32px 29px 26px 29px;
	text-align: center
}

.prolist1 li .text .bt {
	font-size: 20px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 6px
}

.prolist1 li .text .jsh {
	line-height: 26px;
	color: #777;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.prolist1 li:hover .img .pic img {
	transform: scale(1.04)
}

.prolist1 li:hover .img .pic .hover {
	opacity: 1
}

.prolist1 li:hover .img .pic .hover p {
	-webkit-animation: avia_pop_small .5s 1 cubic-bezier(0.175,0.885,0.32,1.275);
	animation: avia_pop_small .5s 1 cubic-bezier(0.175,0.885,0.32,1.275)
}

.news-list {
	padding-top: 29px;
	overflow: hidden;
	margin-bottom: 48px
}

.news-list li {
	padding-bottom: 27px;
	padding-top: 27px;
	overflow: hidden
}

.news-list li .box {
	position: relative;
	padding-left: 391px;
	height: 237px
}

.news-list li .pic {
	width: 338px;
	position: absolute;
	top: 0;
	left: 0
}

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

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

.news-list li .text {
	position: relative;
	padding-right: 195px;
	padding-top: 6px
}

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

.news-list li .text .jsh {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	height: 60px;
	overflow: hidden
}

.news-list li .text .more1 {
	border-top: 1px solid #f0f0f0;
	margin-top: 37px;
	padding-top: 35px
}

.news-list li .text .date {
	font-family: arial;
	position: absolute;
	top: 24px;
	right: 14px;
	padding-top: 28px;
	width: 117px;
	height: 117px;
	text-align: center;
	border: 1px solid #d2d2d2;
	border-radius: 50%;
	transition: .5s
}

.news-list li .text .date h3 {
	transition: .5s;
	font-size: 48px;
	color: #c7c7c7;
	line-height: 35px;
	margin-bottom: 6px
}

.news-list li .text .date span {
	transition: .5s;
	font-size: 16px;
	color: #c7c7c7;
	border-top: 1px solid #d2d2d2;
	line-height: 30px;
	display: inline-block
}

.news-list li:hover {
	background: #f8f8f8
}

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

.news-list li:hover .text .bt {
	color: #0070ba
}

.news-list li:hover .text .date {
	background: #0070ba;
	border: 1px solid #0070ba
}

.news-list li:hover .text .date h3 {
	color: #fff
}

.news-list li:hover .text .date span {
	color: #fff;
	border-top: 1px solid #fff
}

.news-list li:hover .text .more1 p {
	color: #fff;
	border: 1px solid #0070ba
}

.news-list li:hover .text .more1 p span {
	color: #fff;
	background: url("../images/more4.png") no-repeat 80% center
}

.news-list li:hover .text .more1 p:before {
	transform: translate(-50%,-50%) scale(1);
	background: #0070ba
}

.news {
	padding: 54px 0 84px 0;
	background: #fff url("../images/bg1.png") no-repeat top center
}

.news .bottom {
	padding-top: 77px;
	border-top: 1px solid #f0f0f0
}

.news-show {
	padding: 58px 0 84px 0
}

.h1 {
	color: #222;
	font-size: 36px;
	text-align: center;
	margin-bottom: 26px
}

.h2 {
	text-align: center;
	font-size: 14px;
	color: #adadad;
	padding: 7px 0 5px 0;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea
}

.h2 img {
	margin-right: 3px
}

.h2 span {
	padding: 0 23px
}

.news-bottom {
	padding: 20px 0
}

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

.new-info {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	padding: 39px 0 102px 0
}

.prev-next {
	overflow: hidden;
	position: relative;
	font-size: 18px
}

.prev-next a {
	color: #333;
	display: block;
	line-height: 55px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #e8e8e8;
	padding: 0 22px
}

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

.prev-next .prev:hover a,.prev-next .next:hover a {
	background: #0070ba;
	color: #fff
}

.related {
	margin-top: 65px
}

.related .relate-title h3 {
	text-align: center;
	color: #333;
	font-size: 36px
}

.related .relate-title h3:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 73px;
	height: 6px;
	margin-right: 20px;
	background: url(../images/line07.png) no-repeat center center
}

.related .relate-title h3:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 73px;
	height: 6px;
	margin-left: 20px;
	background: url(../images/line08.png) no-repeat center center
}

.related .nlist {
	margin: 49px -39px 0 -39px
}

.related .nlist li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 39px;
	font-size: 16px
}

.related .nlist li a {
	color: #333;
	position: relative;
	display: block;
	transition: .5s
}

.related .nlist li a .bt {
	font-size: 18px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 10px
}

.related .nlist li a .date {
	font-size: 14px;
	color: #666;
	margin-bottom: 8px
}

.related .nlist li a .jsh {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 15px
}

.related .nlist li a .more p {
	color: #00aa80;
	font-size: 15px;
	transition: .5s
}

.related .nlist li a .more p span {
	transition: .5s
}

.related .nlist li:hover a .bt {
	color: #197ec1
}

.related .nlist li:hover a .more p {
	color: #197ec1
}

.related .nlist li:hover a .more p span {
	margin-left: 5px
}

.case-show {
	padding: 64px 0 0 0;
	background: #fff url("../images/bg1.png") no-repeat top center
}

.case-show .p {
	overflow: hidden
}

.case-show .p li {
	width: 20%;
	float: left;
	position: relative;
	padding-left: 20px
}

.case-show .p li:after {
	content: '';
	display: block;
	background: #00aa80;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 12px
}

.product-show {
	padding: 51px 0 40px 0;
	background: #fff url("../images/bg1.png") no-repeat top center
}

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

.aside-left .aside-title {
	padding: 23px 19px 22px 19px;
	background: url("../images/aside-left.png") no-repeat top left
}

.aside-left .aside-title h3 {
	color: #fff;
	font-size: 24px;
	line-height: 30px
}

.aside-left .aside-title p {
	font-size: 18px;
	color: #fff;
	font-family: arial
}

.aside-left ul {
	padding: 0 8px 8px 8px;
	border: 1px solid #e8e8e8;
	border-top: 0
}

.aside-left ul li a {
	font-size: 16px;
	color: #333;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 44px;
	background: url("../images/dot2.png") no-repeat 20px center;
	padding-left: 35px;
	padding-right: 5px
}

.aside-left ul li a:hover {
	background: url("../images/dot2h.png") no-repeat 20px center;
	color: #0d77be
}

.aside-left ul li ul {
	border: 0;
	display: none
}

.aside-left ul li ul li a {
	font-size: 12px;
	color: #666;
	line-height: 33px;
	padding-left: 37px;
	background: url("../images/dot3.png") no-repeat 28px center
}

.aside-left ul li ul li a:hover {
	background: url("../images/dot3.png") no-repeat 28px center;
	color: #000
}

.aside-left ul .active a {
	background: url("../images/dot2h.png") no-repeat 20px center;
	color: #0d77be
}

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

.aside-left ul .active ul li a {
	color: #666;
	background: url("../images/dot3.png") no-repeat 28px center
}

.aside-left ul .active ul .active a {
	background: url("../images/dot3.png") no-repeat 28px center;
	color: #000
}

.aside-left .aside-phone {
	background: #f0f6fc;
	text-align: center;
	margin-top: 20px;
	padding: 39px 18px 50px 18px
}

.aside-left .aside-phone .bt {
	font-size: 20px;
	color: #333;
	margin-bottom: 8px;
	text-align: center;
	border-bottom: 1px solid #ccddf3;
	padding-bottom: 16px
}

.aside-left .aside-phone .p {
	font-size: 30px;
	font-family: arial;
	font-weight: bold;
	color: #3066a6
}

.aside-left .aside-phone .span {
	font-size: 14px;
	color: #666
}

.aside-left .aside-phone .pic {
	width: 50px;
	height: 50px;
	margin: 17px auto 3px auto
}

.aside-left .aside-phone .btn {
	padding-top: 19px
}

.aside-left .aside-phone .btn a {
	display: block;
	width: 100%;
	height: 37px;
	text-align: center;
	line-height: 37px;
	color: #fff;
	font-size: 18px;
	background: #3066a6;
	margin: 0 auto
}

.aside-left .aside-phone .btn a:hover {
	background: #197ec1
}

.aside-right {
	float: right;
	width: 76%;
	padding-top: 13px
}

.aside-right .as-title {
	color: #222;
	font-size: 36px;
	text-align: center;
	padding-bottom: 31px;
	background: url("../images/line09.png") no-repeat bottom center
}

.aside-right .as-img {
	padding: 29px 0
}

.aside-right .as-nr {
	margin-top: 29px
}

.aside-right .as-nr .bt1 {
	line-height: 40px;
	background: #f2f2f2;
	margin-bottom: 49px
}

.aside-right .as-nr .bt1 h3 {
	width: 189px;
	font-size: 24px;
	color: #fff;
	position: relative;
	background: #0d77be;
	text-align: center
}

.aside-right .as-nr .bt1 h3:after {
	content: '';
	display: block;
	width: 18px;
	height: 15px;
	background: url(../images/arrow1.png) no-repeat center center;
	position: absolute;
	bottom: -15px;
	left: 36px
}

.aside-right .as-nr .jsh {
	font-size: 16px;
	color: #666;
	line-height: 30px
}

.aside-right .as-nr .jsh .title {
	font-size: 18px;
	color: #0d77be;
	font-weight: bold;
	background: url("../images/dot10.png") no-repeat center left;
	line-height: 28px;
	padding-left: 44px;
	margin-bottom: 22px
}

.aside-right .as-nr .prolist1 li {
	width: 33.333333333333336%;
	margin-bottom: 0
}

.about {
	padding: 54px 0 27px 0;
	background: #fff url("../images/bg1.png") no-repeat top center
}

.about01 {
	padding: 51px 0 9px 0
}

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

.about01 .inmain-title .bt p {
	font-size: 24px;
	color: #4a4a4a;
	line-height: 39px
}

.about01 .info {
	font-size: 15px;
	color: #555;
	line-height: 32px;
	padding: 25px 0
}

.about02 {
	padding: 117px 0 106px 0;
	background: url("../images/aboutbg.jpg") no-repeat center center
}

.about02 .bt {
	font-size: 36px;
	color: #fff;
	text-align: center;
	margin-bottom: 54px
}

.about02 .bt p {
	font-size: 20px;
	margin-top: 13px
}

.about02 .numlist {
	float: none;
	margin: 0 auto
}

.about03 {
	text-align: center;
	font-size: 20px;
	color: #555;
	line-height: 32px;
	padding: 68px 0 0 0;
	background: url(../images/map1.png) no-repeat 131px 173px;
	background-size: 1823px
}

.about03 .jsh {
	margin-bottom: 17px
}

.about03 .bt {
	text-align: center;
	font-size: 48px;
	color: #444;
	line-height: 60px;
	margin-top: 42px;
	margin-bottom: 15px
}

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

.linian {
	padding: 54px 0 0 0;
	background: #fff url("../images/bg1.png") no-repeat top center
}

.linian01 {
	padding: 47px 0 61px 0
}

.linian01 .bt {
	font-size: 36px;
	color: #0070ba;
	text-align: center;
	margin-bottom: 37px
}

.linian01 ul {
	margin: 0 -21px
}

.linian01 ul li {
	width: 50%;
	float: left;
	padding: 0 21px
}

.linian01 ul li .pic:after {
	padding-bottom: 43.8423645320197%
}

.linian01 ul li .text {
	font-size: 18px;
	color: #555;
	line-height: 48px;
	padding-top: 30px
}

.linian01 ul li .text span {
	color: #333;
	font-weight: bold
}

.linian02 {
	padding: 94px 0 137px 0;
	background: url("../images/linianbg.jpg") no-repeat center center
}

.linian02 .bt {
	text-align: center;
	font-size: 18px;
	color: #fff;
	line-height: 32px
}

.linian02 .bt p {
	font-size: 15px
}

.linian02 .jsh {
	position: relative;
	margin-top: 71px
}

.linian02 .jsh .title {
	color: #fff;
	font-size: 36px;
	width: 120px;
	border: 2px dotted #fff;
	border-radius: 130px;
	padding: 73px 40px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -60px;
	line-height: 40px
}

.linian02 .jsh ul {
	width: 50%;
	float: left;
	padding: 0 130px 0 0;
	text-align: right;
	color: #fff;
	margin-top: 17px
}

.linian02 .jsh ul li {
	margin-bottom: 33px;
	position: relative
}

.linian02 .jsh ul li:after {
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 44px;
	right: -78px
}

.linian02 .jsh ul li:before {
	content: '';
	display: block;
	width: 58px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50px;
	right: -70px
}

.linian02 .jsh ul li .box {
	position: relative;
	padding-right: 52px;
	padding-top: 7px
}

.linian02 .jsh ul li .box span {
	font-size: 30px;
	font-family: "BasiliaT-Bold";
	position: absolute;
	top: 0;
	right: 0
}

.linian02 .jsh ul li .box .text h3 {
	font-size: 18px;
	margin-bottom: 4px
}

.linian02 .jsh ul li .box .text p {
	font-size: 15px
}

.linian02 .jsh ul.n2 {
	text-align: left;
	padding: 0 0 0 130px
}

.linian02 .jsh ul.n2 li:after {
	left: -78px;
	right: auto
}

.linian02 .jsh ul.n2 li:before {
	left: -70px;
	right: auto
}

.linian02 .jsh ul.n2 li .box {
	padding-left: 52px;
	padding-right: 0
}

.linian02 .jsh ul.n2 li .box span {
	right: auto;
	left: 0
}

.linian03 {
	padding: 55px 0 39px 0;
	background: #fff url(../images/lnbg.jpg) no-repeat bottom center
}

.linian03 .inmain-bt {
	text-align: center
}

.linian03 .inmain-bt h3 {
	font-size: 24px;
	color: #333;
	font-weight: bold
}

.linian03 .inmain-bt p {
	font-size: 18px;
	color: #555
}

.linian03 ul {
	width: 1000px;
	margin: 10px auto;
	background: url("../images/line10.png") no-repeat 79px 268px
}

.linian03 ul li {
	overflow: hidden;
	margin-bottom: 48px
}

.linian03 ul li .text {
	float: left;
	width: 53%;
	padding: 78px 77px
}

.linian03 ul li .text .bt {
	font-size: 25px;
	color: #333;
	font-weight: bold
}

.linian03 ul li .text .bt:after {
	content: '';
	display: block;
	width: 25px;
	height: 2px;
	background: #f4601d;
	margin: 7px 0 10px 0
}

.linian03 ul li .text .jsh {
	font-size: 18px;
	color: #666;
	line-height: 36px
}

.linian03 ul li .img {
	float: right
}

.linian03 ul li:nth-child(2) .img {
	float: left;
	margin-left: 78px
}

.linian03 ul li:nth-child(2) .text {
	float: right;
	width: 47%;
	padding: 110px 77px
}

.linian03 ul li:nth-child(3) .text {
	padding: 33px 77px
}

.service-info {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	padding: 50px 0;
	min-height: 400px
}

@media (max-width:1440px) {
	.home-case .home-bottom .custom_paging {
		width: 1100px;
		margin-left: -550px
	}

	.home-case .home-bottom .slick-next {
		margin-left: 183px
	}

	.home-case .home-bottom .slick-prev {
		margin-left: 135px
	}
}

@media (max-width:1280px) {
	.home-banner .home-banner-slick .b3 .info:after {
		left: 10px
	}

	.home-banner .home-banner-slick .banner-info .info:after {
		left: 10px
	}

	.home-banner .home-banner-slick .banner-info .info:before {
		left: 10px
	}

	.inbanner .txtbox .container:after {
		left: 20px
	}

	.inbanner .txtbox .container:before {
		left: 10px
	}
}