@charset "utf-8";
*, :after, :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	
}

*, a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
}
body {
	margin: 0 auto;
	max-width: 1920px;
	background: #fff;
	color: #666;
	font-size: 14px;
	font-family: "SourceHanSansSC-Light";
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent;
}
@font-face {
 font-family: "SourceHanSansCN-Regular";
 src: url(../font/SourceHanSansCN-Regular.otf);
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: "SourceHanSansSC-Light";
 src: url(../font/SourceHanSansSC-Light.otf);
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: "SourceHanSansSC-Bold";
 src: url(../font/SourceHanSansSC-Bold.otf);
 font-weight: normal;
 font-style: normal;
}
a:link, a:visited {
	outline: 0;
}
a:active, a:focus, a:hover, a:link, a:visited {
	color: #666;
	text-decoration: none;
}
li, ul {
	list-style: none;
}
ul {
	padding: 0;
}
li {
	vertical-align: middle;
	zoom: 1;
}
ol {
	margin: 0;
	padding: 0 0 0 36px;
}
fieldset, img {
	border: 0;
}
img {
	display: block;
	max-width: 100%;
}
div {
	outline: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	font-size: 100%;
}
table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	table-layout: fixed;
	border-spacing: 0;
}
td, th {
	padding: 0;
}
input, textarea {
	font-size: 14px;
	font-family: "SourceHanSansSC-Light";
}
input, textarea {
	outline: 0;
}
input[type=button], input[type=radio], input[type=reset], input[type=submit] {
	outline: 0;
	cursor: pointer;
}
input[type=checkbox], input[type=radio] {
	position: relative;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
	vertical-align: middle;
}
input[type=date], input[type=email], input[type=password], input[type=text], textarea {
	padding: 0;
	outline: 0;
	color: #666666;
}
input, textarea {
	overflow-x: hidden;
	overflow-y: hidden;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
}
::-webkit-input-placeholder {
 color: #333333;
}
:-moz-placeholder, ::-moz-placeholder {
 color: #333;
 opacity: 1;
}
:-ms-input-placeholder {
 color: #333333;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clearfix {
	clear: both;
}
.clearfix:after {
	clear: both;
	display: block;
	height: 0;
	content: "";
	font-size: 0;
	line-height: 0;
}
.pic {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.pic img {
	-webkit-transition: 1s;
	transition: 1s;
}
.pic:after {
	display: block;
	padding-bottom: 100%;
	content: "";
}
.middleCenter {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	text-align: center;
}
@keyframes mymove4 {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
to {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
}
@-webkit-keyframes mymove4 {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
to {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
}
@-webkit-keyframes myfirst04 {
 0% {
 opacity: .5;
 -webkit-transform: translateY(-40px);
 transform: translateY(-40px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes myfirst04 {
 0% {
 opacity: .5;
 -webkit-transform: translateY(-40px);
 transform: translateY(-40px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@-webkit-keyframes myfirst05 {
 0% {
 opacity: .5;
 -webkit-transform: translateX(-10px);
 transform: translateX(-10px);
}
 50% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(10px);
 transform: translateX(10px);
}
}
@keyframes myfirst05 {
 0% {
 opacity: .5;
 -webkit-transform: translateX(-10px);
 transform: translateX(-10px);
}
 50% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(10px);
 transform: translateX(10px);
}
}
.prompt {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 100%;
	height: 100%;
	background: url(../images/ie_sosad.png) no-repeat center 35% #ffffff;
	opacity: 1;
}
.prompt span {
	position: absolute;
	top: 55%;
	left: 50%;
	display: block;
	margin-left: -152px;
	width: 304px;
	color: #666;
	font-size: 14px;
	font-family: "SourceHanSansSC-Light";
	line-height: 24px;
}
.prompt span a {
	text-decoration: underline;
}
.prompt .prompt_close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 30px;
	height: 30px;
	background: url(../images/closed.png) no-repeat 50%;
	cursor: pointer;
}
.container {
	margin-right: auto;
	margin-left: auto;
	width: 1240px;
}
#container {
	position: relative;
	overflow: hidden;
	background: #fff;
	background-size: 100%;
}
@media (max-width: 1600px) {
 .container {
 width: 1140px;
}
}
@media (max-width: 1280px) {
 .container {
 padding: 0 10px;
 width: 1040px;
}
}
@media (max-width: 1100px) {
 .container {
 padding: 0 15px;
 width: 100%;
}
 .product01 .container,  .product02 .container,  .product03 .container,  .product04 .container,  .product05 .container,  .product03-1 .container,  .pp02 .container,  .pp3 .container,  .product02-0 .container {
 padding: 0 15%;
 width: 100%;
}
}
@media (max-width: 900px) {
 .product01 .container,  .product02 .container,  .product03 .container,  .product04 .container,  .product05 .container,  .product03-1 .container,  .pp02 .container,  .pp3 .container,  .product02-0 .container {
 padding: 0 10%;
}
}
@media (max-width: 800px) {
 .product01 .container,  .product02 .container,  .product03 .container,  .product04 .container,  .product05 .container,  .product03-1 .container,  .pp02 .container,  .pp3 .container,  .product02-0 .container {
 padding: 0 10%;
}
}
@media (max-width: 769px) {
 .product01 .container,  .product02 .container,  .product03 .container,  .product04 .container,  .product05 .container,  .product03-1 .container,  .pp02 .container,  .pp3 .container,  .product02-0 .container {
 padding: 0 15px;
}
}
.header {
	height: 90px;
	width: 100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
}
.header .logo {
	float: left;
	margin-top: 18px;
}
.header .logo a {
	display: block;
	position: relative;
}
.header .logo a img {
	z-index: 5;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	max-height: 54px;
}
.header .logo a .logo2 {
	display: none;
}
.header .logo .img-2 {
	display: none;
}
.header .header-right {
	margin-top: 35px;
	float: right;
}
@media (max-width: 1024px) {
 .header .logo a img {
 max-height: 30px;
 margin-top: 5px;
}
}
.header .header-right .header-search {
	 
}
.header .lan {
	float: right;
	color: #fff;
	text-transform: uppercase;
	line-height: 28px;
	position: relative;
	padding-left: 9px;
	margin-left: 18px;
}
.header .lan:after {
	content: '';
	display: none;
	width: 1px;
	height: 20px;
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
}
.header .lan a {
	color: #fff;
}
.header .header-right .header-search {
	position: relative;
	float: right;
}
.header .header-right .header-search .pull-right {
	width: 28px;
	height: 28px;
}
.header .header-right .header-search .pull-right a {
	display: block;
	width: 28px;
	height: 28px;
	text-align: center;
	background: url("../images/search.png") no-repeat center center;
	background-size: 16px;
}
.header .header .header-right .header-search .search {
	z-index: 9;
	position: relative;
}
.header .header-right .header-search .search .btn-search-max {
	z-index: 2;
	-webkit-transition: All 0.2s ease-in-out;
	transition: All 0.2s ease-in-out;
	position: relative;
}
.header .header-right .header-search .search .btn-search-max * {
	display: inline-block;
	vertical-align: middle;
}
.header .header-right .header-search .search .search-main {
	top: 35px;
	right: 0;
	z-index: 9;
	width: 340px;
	display: none;
	padding: 20px;
	position: absolute;
}
.header .header-right .header-search .search-container {
	background-color: #fff;
	padding-left: 0;
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.header .header-right .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: #ffffff;
}
.header .header-right .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 #71A1FF;
	background-size: 20px;
}
.header .header-right .header-search #search-closed {
	right: 0;
	top: 15px;
	max-width: 30px;
	position: absolute;
	cursor: pointer;
}
.header2 {
	background: #fff;
}
.header2 .nav ul li a {
	color: #232323;
}
.header2 .lan a {
	color: #232323;
}
.header2 .lan {
	color: #232323;
}
.header2 .header-right .header-search .pull-right a {
	background: url(../images/search1.png) no-repeat center center;
	background-size: 16px;
}
.header2 .lan:after {
	background: rgba(0, 0, 0, 0.6);
}
.headerFixed, .header:hover {
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	background: #fff;
}
.headerFixed .nav ul li a, .header:hover .nav ul li a {
	color: #232323;
}
.headerFixed .nav ul li:hover > a,
.header:hover .nav ul li:hover > a {
  color: #fff;
  background: #D4BDF0;
}
.headerFixed .nav ul li.active a, .header:hover .nav ul li.active a {
	color: #fff;
}
.headerFixed .lan a, .header:hover .lan a {
	color: #232323;
}
.headerFixed .lan, .header:hover .lan {
	color: #232323;
}
.headerFixed .header-right .header-search .pull-right a, .header:hover .header-right .header-search .pull-right a {
	background: url(../images/search1.png) no-repeat center center;
	background-size: 16px;
}
.headerFixed .lan:after, .header:hover .lan:after {
	background: rgba(0, 0, 0, 0.6);
}
.headerFixed .logo .img-1, .header:hover .logo .img-1 {
	display: none;
}
.headerFixed .logo .img-2, .header:hover .logo .img-2 {
	display: block;
}
.nav {
	float: right;
	margin-right: 39px;
	padding-top: 28px;
}
.nav ul li {
	text-align: center;
	float: left;
	padding-left: 22px;
	height: 77px;
}
.nav ul li > a {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	vertical-align: middle;
	position: relative;
	line-height: 40px;
	padding: 0 27px;
	border-radius: 30px;
}
.nav ul li .sub {
	position: absolute;
	left: 0;
	top: 90px;
	width: 100%;
	background: #ffffff url(../images/logo-mark.png) no-repeat 2% top;
	background-size: 50% auto;
	border-top: 1px solid #e8f3f5;
	display: none;
}
.nav ul li .sub a {
	padding: 0 !important;
	background: none !important;
	height: auto !important;
	border-radius: 0 !important;
}
.nav ul li .sub:after {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 53.334%;
	background: #71A1FF;
	content: '';
	opacity: 0.1;
	z-index: 0;
}
.nav ul li .sub .auto-full {
	width: 93.75%;
	margin: 0 auto;
	padding: 30px 0;
	position: relative;
	z-index: 3;
}
.nav ul li .sub .left {
	float: left;
	width: 53.334%;
	position: relative;
}
.nav ul li .sub .left nav {
	float: right;
	margin-right: 3.334vw;
}
.nav ul li .sub .left .name {
	color: #71A1FF;
	font-size: 24px;
	margin-bottom: 24px;
	text-align: right;
	display:none;
}
.nav ul li .sub .left dd {
	line-height: 30px;
	padding: 15px 0;
	text-align: right;
}
.nav ul li .sub .left dd a {
	display: inline-block;
	position: relative;
	color: #4a565a !important;
	font-size: 16px;
}
.nav ul li .sub .left dd a:before {
	position: absolute;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background: #71A1FF;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	bottom: 0;
}
.nav ul li .sub .left dd a:hover:before, .nav ul li .sub .left dd.on a:before {
	width: 100%;
}
.nav ul li .sub .right {
	padding-left: 85px;
	float: left;
	width: 45%;
	text-align: left;
}
.nav ul li .sub .right dt {
	display: none;
}
.nav ul li .sub .right ul li {
	padding: 0;
	width: 100%;
	float: none;
	overflow: hidden;
	text-align: left;
	margin-bottom: 5px;
	height: auto !important;
}
.nav ul li .sub .right ul li a {
	text-align: left;
	font-size: 15px;
	color: #333 !important;
	line-height: 35px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
	display: block;
	padding-right: 10px !important;
	height: auto !important;
}
.nav ul li .sub .right ul li a:Hover {
	text-decoration: underline;
	color: #71A1FF !important;
}
.nav ul li .sub .right ul li ul li {
	width: 25%;
	padding: 0;
	float: left;
	margin: 0;
	margin-bottom: 3px;
}
.nav ul li .sub .right ul li ul li a {
	color: #333 !important;
	font-size: 14px;
	line-height: 27px;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 15px !important;
	position: relative;
}
.nav ul li .sub .right ul li ul li a:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #71A1FF;
	position: absolute;
	top: 8px;
	left: 0;
}
@media (max-width: 1366px) {
 .nav ul li .sub .right ul li a {
 font-size: 14px;
}
 .nav ul li .sub .left dd a {
 font-size: 14px;
}
 .nav ul li .sub .right ul li ul li a {
 font-size: 12px;
}
}
.nav ul li .sub .right .img {
	width: 70%;
	max-width: 388px;
	margin-bottom: 24px;
}
.nav ul li .sub .right .img .Ispic {
	padding-bottom: 56.186%;
}
.nav ul li .sub .right .img .Ispic {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.nav ul li .sub .right .dot3 {
	line-height: 25px;
	/*height: 100px;*/
  overflow: hidden;
	font-size: 14px;
	color: #333;
}
.nav ul li .sub .right .dot3 p {
	padding-left:30px;
	background-image:url(../images/jiantou-you.png);
	background-repeat:no-repeat;
	background-size:15px;
	background-position-y: 6px;
}
.nav ul li .sub .right .all-more {
	text-align: right;
}
.nav ul li .sub .right .all-more a {
	display: inline-block;
	position: relative;
	color: #23a39e;
}
.nav ul li .sub .right .all-more a span {
	z-index: 10;
	display: block;
	position: relative;
	line-height: 88px;
	padding-right: 30px;
	float: left;
	font-size: 16px;
	padding-left: 30px;
}
.nav ul li .sub .right .all-more i {
	position: absolute;
	width: 3.426em;
	height: 3.426em;
	left: 0;
	top: 50%;
	margin-top: -1.713em;
	border-radius: 50%;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background: #21a39b;
	background: -webkit-gradient(linear, left top, left bottom, from(#21a39b), to(#41a7e0));
	background: linear-gradient(to bottom, #21a39b 0%, #41a7e0 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21a39b', endColorstr='#41a7e0', GradientType=0);
}
.nav ul li .sub .right .all-more i:before {
	position: absolute;
	content: '';
	left: 0.01rem;
	top: 0.01rem;
	bottom: 0.01rem;
	right: 0.01rem;
	border-radius: 50%;
	background: #f0f9fe;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.nav ul li .sub .right .all-more a:hover i {
	left: 100%;
	background: #41a7e0;
	background: -webkit-gradient(linear, left top, right top, from(#41a7e0), to(#21a39b));
	background: linear-gradient(to right, #41a7e0 0%, #21a39b 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41a7e0', endColorstr='#21a39b', GradientType=1);
}
.nav ul li .sub .right .all-more a:hover i:before {
	background-color: transparent;
	background: url("../images/more5.png") no-repeat center center;
}
.nav ul li .subnav {
	position: absolute;
	top: 120px;
	width: 100%;
	left: 0;
	z-index: 5;
	background: #fff;
	background-size: cover;
	display: none;
	border-top: 1px solid rgba(235, 241, 244, 0.5);
}
.nav ul li .subnav .container {
	position: relative;
}
.nav ul li .subnav .container:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	background: #ebf1f4;
	-webkit-transform: translateX(70%);
	transform: translateX(70%);
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.nav ul li .subnav .left {
	float: left;
	width: 72%;
	padding: 40px;
}
.nav ul li .subnav .left ul > li {
	width: 25%;
	float: left;
	padding: 0 10px;
	height: auto;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.nav ul li .subnav .left ul > li a {
	text-align: left;
	font-size: 17px;
	color: #71A1FF !important;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.nav ul li .subnav .left ul > li a:Hover {
	text-decoration: underline;
}
.nav ul li .subnav .left ul > li ul li {
	width: 100%;
	padding: 0;
	opacity: 1 !important;
}
.nav ul li .subnav .left ul > li ul li a {
	color: #333 !important;
	font-size: 15px;
}
.nav ul li .subnav .left ul > li ul li ul li {
	opacity: 1 !important;
}
.nav ul li .subnav .left ul > li ul li ul li a {
	color: #666 !important;
	font-size: 13px;
	font-weight: normal;
}
.nav ul li .subnav .left ul > li ul li:hover ul {
	display: block;
}
.nav ul li .subnav .left ul > li:nth-child(1) {
 -webkit-transition-delay: .1s;
 transition-delay: .1s;
}
.nav ul li .subnav .left ul > li:nth-child(2) {
 -webkit-transition-delay: .2s;
 transition-delay: .2s;
}
.nav ul li .subnav .left ul > li:nth-child(3) {
 -webkit-transition-delay: .3s;
 transition-delay: .3s;
}
.nav ul li .subnav .left ul > li:nth-child(4) {
 -webkit-transition-delay: .4s;
 transition-delay: .4s;
}
.nav ul li .subnav .left ul > li:nth-child(5) {
 -webkit-transition-delay: .5s;
 transition-delay: .5s;
}
.nav ul li .subnav .left ul > li:nth-child(6) {
 -webkit-transition-delay: .6s;
 transition-delay: .6s;
}
.nav ul li .subnav .right {
	width: 28%;
	float: left;
	padding: 40px;
	position: relative;
}
.nav ul li .subnav .right ul > li {
	width: 100%;
	height: auto;
	padding-bottom: 30px;
	margin-bottom: 30px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}
.nav ul li .subnav .right ul > li a {
	text-align: left;
}
.nav ul li .subnav .right ul > li .box {
	position: relative;
	padding-left: 120px;
}
.nav ul li .subnav .right ul > li .pic1 {
	width: 100px;
	position: absolute;
	top: 0;
	left: 0;
}
.nav ul li .subnav .right ul > li .bt {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #2e528f !important;
	line-height: 25px;
	max-height: 50px;
	overflow: hidden;
}
.nav ul li .subnav .right ul > li .p {
	font-size: 14px;
	line-height: 25px;
	overflow: hidden;
	color: #666 !important;
	max-height: 75px;
}
.nav ul li .subnav .right ul > li .p p {
	color: #666;
	line-height: 25px;
}
.nav ul li .subnav .right ul > li .more1 {
	font-size: 13px;
	color: #2e528f !important;
	font-weight: bold;
	line-height: 25px;
}
.nav ul li .subnav .right ul > li .more1:after {
	content: "";
	width: 9px;
	height: 9px;
	display: inline-block;
	border-right: 1px solid;
	border-top: 1px solid;
	border-radius: 2px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: baseline;
	margin-left: 4px;
	-webkit-transition: left 0.25s ease-out;
	transition: left 0.25s ease-out;
}
.nav ul li .subnav .right ul > li:nth-child(1) {
 -webkit-transition-delay: .1s;
 transition-delay: .1s;
}
.nav ul li .subnav .right ul > li:nth-child(2) {
 -webkit-transition-delay: .2s;
 transition-delay: .2s;
}
.nav ul li .subnav .right ul > li:nth-child(3) {
 -webkit-transition-delay: .3s;
 transition-delay: .3s;
}
.nav ul li .subnav .right ul > li:nth-child(4) {
 -webkit-transition-delay: .4s;
 transition-delay: .4s;
}
.nav ul li .subnav2 .left ul > li {
	width: 16.66666667%;
}
.nav ul li .show .container:before {
	-webkit-transform: translateX(54%);
	transform: translateX(54%);
	opacity: 1;
}
.nav ul li .show .left ul > li {
	opacity: 1;
}
.nav ul li .show .right ul > li {
	opacity: 1;
}
.nav ul li .subnav ul {
	float: none;
}
.nav ul li .subnav ul li {
	padding: 0;
	float: none;
	margin: 0;
}
.nav ul li .subnav ul li a {
	font-size: 15px;
	color: #7a7a7a;
	height: auto;
	display: block;
	background: none;
	padding: 0 5px;
}
.nav ul li .subnav ul li a:after {
	display: none !important;
}
.nav ul li .subnav ul li a:hover {
	color: #71A1FF;
}
.nav ul li ul .on a {
	color: #71A1FF;
	text-decoration: underline;
}
/*.nav ul li:hover a {
  color: #fff;
  background: #71A1FF;
}*/
.nav ul li:first-child {
	padding-left: 0;
}
.nav ul li.aon .sub {
	z-index: 100;
}
.nav ul li.active a {
	color: #fff;
	background: #71A1FF;
}
.height {
	height: 1px;
	position: absolute;
	top: -120px;
	left: 0;
	width: 100%;
}
.phone-nav {
	position: fixed;
	right: 15px;
	top: 0;
	line-height: 70px;
	display: none;
	color: #666;
	z-index: 6667;
}
.phone-nav svg {
	width: 31px;
	fill: #71A1FF;
	vertical-align: middle;
}
#menu {
	position: fixed;
	top: -100%;
	right: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.95);
	z-index: 9999;
	height: 100%;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	overflow: auto;
	padding: 60px 0;
}
#menu .search {
	position: relative;
	overflow: hidden;
}
#menu .search .form-control {
	border: 1px solid #c7c7c7;
	height: 40px;
	width: 100%;
	font-size: 14px;
	color: #999;
	padding: 0 20px;
	background: none;
}
#menu .search .form-control:focus {
	border: 1px solid #71A1FF;
}
#menu .search .btn {
	position: absolute;
	top: 0;
	right: 0;
	background: #71A1FF url(../images/search.png) no-repeat center center;
	background-size: 15px;
	border: 0;
	height: 40px;
	width: 40px;
	color: #fff;
}
#menu .lan a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	display: block;
	color: #fff;
	background: #71A1FF;
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
}
#menu ul {
	overflow: hidden;
	padding: 0 20px;
}
#menu ul li {
	position: relative;
}
#menu ul li a {
	font-size: 17px;
	color: #111;
	font-weight: bold;
	display: block;
	line-height: 48px;
	position: relative;
	border-bottom: 1px solid #f1f1f1;
}
#menu ul li i {
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
	background: url("../images/arrow1.png") no-repeat center center;
	background-size: 13px;
}
#menu ul li ul {
	display: none;
	padding: 10px 0;
	text-indent:2rem;
}
#menu ul li ul li a {
	font-size: 15px;
	line-height: 45px;
	border-bottom: 1px dashed #eee;
	color: #666;
 
	font-weight: normal;
}
#menu ul li ul li:before {
	display: none;
}
#menu ul .active i {
	background: url("../images/arrow2.png") no-repeat center center;
	background-size: 13px;
}
#menu ul li:nth-child(1):before {
 display: none;
}
#menu .close {
	display: block;
	height: 36px;
	width: 36px;
	position: absolute;
	right: 20px;
	top: 14px;
	background: url(../images/jia.png) no-repeat center center;
	border-radius: 50%;
	background-size: 24px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#menu.show1 {
	top: 0;
}
.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#fp-nav {
	display: none !important;
}
.home-banner {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 1;
}
.home-banner .home-banner-slick {
	position: relative;
}
.home-banner .home-banner-slick .slick-list {
	position: relative;
	display: block;
}
.home-banner .home-banner-slick .item {
	position: relative;
	overflow: hidden;
}
.home-banner .home-banner-slick .item .img img, .home-banner .home-banner-slick .item .img1 img {
	display: block;
	-webkit-transition: 1s;
	transition: 1s;
	width: 100%;
	-webkit-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}
.home-banner .home-banner-slick .item .img1 {
	display: none;
}
.home-banner .home-banner-slick .item .banner-hover {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-top: 120px;
	text-align: center;
}
.home-banner .home-banner-slick .item .banner-hover .info {
	padding: 0 32px;
}
.home-banner .home-banner-slick .item .banner-hover .bt {
	margin-bottom: 26px;
	opacity: 0;
	font-size: 85px;
	font-weight: bold;
	letter-spacing: 4px;
	-webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
}
.home-banner .home-banner-slick .item .banner-hover .p {
	font-size: 40px;
	letter-spacing: 4px;
	margin-bottom: 65px;
	opacity: 0;
	-webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
}
.home-banner .home-banner-slick .item .banner-hover .more {
	opacity: 0;
	-webkit-transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transform: translateX(50px);
	transform: translateX(50px);
}
.home-banner .home-banner-slick .item .banner-hover .more a {
	margin: 0 auto;
}
.home-banner .home-banner-slick .swiper-slide-active .img img, .home-banner .home-banner-slick .swiper-slide-active .img1 img {
	-webkit-transform: scale(1.1) rotate(2deg);
	transform: scale(1.1) rotate(2deg);
	-webkit-transition: -webkit-transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: -webkit-transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.home-banner .home-banner-slick .swiper-slide-active .img video, .home-banner .home-banner-slick .swiper-slide-active .img1 video {
	width: 100%;
}
.home-banner .home-banner-slick .swiper-slide-active .banner-hover .span {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.home-banner .home-banner-slick .swiper-slide-active .banner-hover .bt {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.home-banner .home-banner-slick .swiper-slide-active .banner-hover .p {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.home-banner .home-banner-slick .swiper-slide-active .banner-hover .more {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.home-banner .home-banner-slick .slick-prev, .home-banner .home-banner-slick .slick-next {
	width: 74px;
	height: 74px;
	border-radius: 10px;
	margin-top: -37px;
	z-index: 5;
}
.home-banner .home-banner-slick .slick-prev:before, .home-banner .home-banner-slick .slick-next:before {
	content: '';
}
@media (min-width: 1025px) {
 .home-banner .home-banner-slick .slick-prev:hover,  .home-banner .home-banner-slick .slick-next:hover {
 background-color: rgba(0, 0, 0, 0.58);
}
}
.home-banner .home-banner-slick .slick-prev {
	left: 50px;
	background: rgba(0, 0, 0, 0.18) url("../images/left.png") no-repeat center center;
}
.home-banner .home-banner-slick .slick-next {
	right: 50px;
	background: rgba(0, 0, 0, 0.18) url("../images/right.png") no-repeat center center;
}
.home-banner .home-banner-slick .slick-dots {
	z-index: 9;
	bottom: 74px;
	left: 0;
	width: 100%;
	text-align: center;
}
.home-banner .home-banner-slick .slick-dots li {
	float: none;
	width: 17px;
	height: 17px;
	margin: 0 10px;
}
.home-banner .home-banner-slick .slick-dots li button:before {
	content: "";
	width: 17px;
	height: 17px;
	background: #fff;
	border-radius: 50%;
	opacity: 0.5;
}
.home-banner .home-banner-slick .slick-dots .slick-active button:before {
	opacity: 1;
}
.home-banner .pages {
	position: absolute;
	z-index: 20;
	left: 0;
	width: 100%;
	bottom: 60px;
	padding: 0;
	text-align: center;
}
@media (max-width: 1024px) {
 .home-banner .pages {
 bottom: 5.47%;
}
}
.home-banner .btn {
	position: relative;
	display: inline-block;
	margin: 0 10px;
	list-style: none;
	font-size: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.home-banner .btn:before {
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #fff;
	content: '';
	display: block;
	opacity: 0.5;
}
.home-banner .btn.active:before {
	opacity: 1;
	background: #fff;
}
.home-banner .btn.active:after {
	background: #fff;
}
.more a, .more p {
	width: 178px;
	line-height: 41px;
	border-radius: 30px;
	color: #fff;
	font-size: 20px;
	background: #1890cd;
	display: block;
	text-transform: uppercase;
	font-family: "SourceHanSansSC-Light" ;
}
.more a:hover {
	background: #4097c3;
}
.home-title {
/*text-align: center;*/
}
.home-title .h3 {
	font-size: 36px;
	color: #1890cd;
	font-weight: bold;
	margin-bottom: 7px;
}
.home-title .p {
	font-size: 24px;
	color: rgba(35, 35, 35, 0.8);
	font-family: "SourceHanSansSC-Light";
	text-transform: uppercase;
}
.home-product {
	padding-top: 77px;
	padding-bottom: 29px;
}
.home-product .home-bottom {
	padding-top: 62px;
}
.prolist {
	margin: 0 -14px;
	position: relative;
}
.prolist .slick-prev, .prolist .slick-next {
	border: 0;
	width: 40px;
	height: 40px;
	line-height: 0.4rem;
	border-radius: 100%;
	margin-top: -0.2rem;
	-webkit-transition: all 500m ease;
	transition: all 500m ease;
	background: rgba(0, 0, 0, 0.5) !important;
	z-index: 999;
}
.prolist .slick-prev:before, .prolist .slick-next:before {
	color: #fff;
	font-family: "宋体";
	line-height: 2;
}
.prolist .slick-prev {
	left: -3%;
}
.prolist .slick-prev:before {
	content: "<";
}
.prolist .slick-next {
	right: -3%;
}
.prolist .slick-next:before {
	content: ">";
}
.prolist .slick-prev:hover, .prolist .slick-next:hover {
	background: rgba(0, 0, 0, 0.5);
	outline: inherit;
}
.prolist li {
	float: left;
	width: 25%;
	padding: 0 14px;
	padding-bottom: 20px;
}
@media (min-width: 1025px) {
 .prolist li:hover .more1 {
 background: url("../images/more1.png") no-repeat center right;
}
 .prolist li:hover .box {
    /*-webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.26);
            box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.26);*/
    -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 .prolist li:hover .pic img {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@media (max-width: 1025px) {
 .prolist .slick-prev {
 left: 0;top: 31%;
}
 .prolist .slick-next {
 right: 0;top: 31%;
 
}
}
.prolist .pic {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.prolist .pic:after {
	padding-bottom: 62.94117647%;
}
.home-bottom .prolist .pic:after {
	padding-bottom: 120%;
}
.prolist .box {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	overflow: hidden;
}
.prolist .text {
	padding: 25px 22px 10px 22px;
	background: #f9f9f9;
}
.prolist .bt {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 18px;
	color: #1a1a1a;
	font-weight: bold;
	margin-bottom: 13px;
}
.prolist .p {
	color: #4c4c4c;
	line-height: 20px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 12px;
	font-size: 14px;
}
.prolist .more1 {
	border-top: 1px solid #ebebeb;
	line-height: 54px;
	text-align: right;
	padding-right: 30px;
	background: url("../images/more.png") no-repeat center right;
	position: relative;
	font-size: 14px;
}
.prolist .more1:after {
	content: '';
	display: block;
	width: 20px;
	height: 3px;
	background: #71A1FF;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
@-webkit-keyframes ripple {
 0% {
 opacity: 0;
 -webkit-transform: scale(0.1, 0.1);
 transform: scale(0.1, 0.1);
}
 5% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
.arerCon {
	width: 240px;
	padding: 10px;
	white-space: break-spaces;
	background: #f8f8f8;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.arerCon0 {
	display: none;
}
.arerCon .title {
	color: #000;
	font-size: 18px;
	line-height: 35px;
}
.arerCon .info {
	font-size: 14px;
	line-height: 25px;
	color: #666;
	height: 75px;
	overflow: hidden;
}
.arerCon .pic {
	width: 100%;
}
.arerCon .pic:after {
	padding-bottom: 52.40174672%;
}
.arerCon .pic img {
	max-width: 100%;
	max-height: 100%;
}
.tabs {
	padding-left: 100px;
}
.tabs .item {
	display: none;
	padding-top: 0;
}
.home-fanwei {
	padding-top: 119px;
	padding-bottom: 172px;
	position: relative;
	z-index: 2;
	background-size: cover !important;
}
.home-fanwei .home-title .p {
	color: #71A1FF;
}
.home-fanwei .left {
	width: 33%;
	float: left;
	padding-top: 105px;
	font-size: 0;
}
.home-fanwei .left .info {
	padding-right: 15px;
}
.home-fanwei .list {
	font-size: 0;
}
@media (max-width: 1366px) {
 .home-fanwei .list {
 margin: 0;
}
 .header .logo a img {
 max-height: 40px;
 margin-top: 5px;
}
}
.home-fanwei .list li {
	padding-bottom: 5px;
	width: 100%;
	float: left;
}
.home-fanwei .list .title {
	font-size: 18px;
	color: #3699d1;
	font-weight: 700;
	margin-bottom: 5px;
	-webkit-animation: fadeInLeft 1s;
	animation: fadeInLeft 1s;
}
.home-fanwei .list .info {
	color: #333333;
	margin-bottom: 10px;
	overflow: hidden;
}
.home-fanwei .list .info .title {
	font-size: 15px;
	color: #333;
	margin-bottom: 5px;
}
.home-fanwei .list .div-1 {
	-webkit-animation: fadeInLeft 1.1s;
	animation: fadeInLeft 1.1s;
}
.home-fanwei .list .div-2 {
	line-height: 28px;
	font-size: 13px;
	margin-right: 20px;
	float: left;
	overflow: hidden;
	color: #4c4c4c;
}
.home-fanwei .list .numBox {
	display: inline;
	font-size: 28px;
	font-weight: 700;
	margin-left: 10px;
}
.home-fanwei .list2 {
	margin-left: -100px;
}
.home-fanwei #mapChina {
	height: 780px;
}
.home-fanwei .mapChina {
	display: none;
}
.home-fanwei .right {
	width: 64%;
	float: right;
}
.home-fanwei .right .mapCon {
	width: 918px;
	height: 783px;
	margin-right: -20px;
	margin-top: -12px;
	float: right;
	position: relative;
}
.home-fanwei .area {
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	position: absolute;
	z-index: 999;
}
.home-fanwei .area .dot {
	display: block;
	z-index: 1;
	position: relative;
	width: 7px;
	height: 7px;
	margin: auto;
	border-radius: 50%;
	background-color: #c6cdfa;
}
.home-fanwei .area .circle {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: auto;
	border-radius: 50%;
	background: transparent;
}
.home-fanwei .area .circle:after {
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	background: rgba(198, 205, 250, 0.5);
	opacity: 0;
	-webkit-animation: ripple 2s ease-out 0s infinite;
	animation: ripple 2s ease-out 0s infinite;
}
.home-fanwei .area .circle:before {
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	background: rgba(198, 205, 250, 0.5);
	opacity: 0;
	-webkit-animation: ripple 3s ease-out 1s infinite;
	animation: ripple 3s ease-out 1s infinite;
}
.home-fanwei .area .name {
	color: #fff;
	line-height: 30px;
	font-size: 12px;
	width: auto;
	display: none;
	width: 60px;
	text-align: left;
	position: absolute;
	top: -10px;
	left: 20px;
}
.home-fanwei .area.active .icon, .home-fanwei .area:hover .icon {
	display: block;
}
.home-fanwei .area-2 {
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	position: absolute;
	z-index: 999;
}
.home-fanwei .area-2 .dot {
	display: block;
	z-index: 1;
	position: relative;
	width: 16px;
	height: 16px;
	margin: auto;
	border-radius: 50%;
	background-color: #ffec8b;
}
.home-fanwei .area-2 .circle {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: auto;
	border-radius: 50%;
	background: transparent;
}
.home-fanwei .area-2 .circle:after {
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	background: rgba(255, 236, 139, 0.5);
	opacity: 0;
	-webkit-animation: ripple 2s ease-out 0s infinite;
	animation: ripple 2s ease-out 0s infinite;
}
.home-fanwei .list1 li:nth-child(1), .home-fanwei .list1 li:nth-child(2) {
 width: 50%;
}
.home-fanwei .area-2 .circle:before {
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	background: rgba(255, 236, 139, 0.5);
	opacity: 0;
	-webkit-animation: ripple 3s ease-out 1s infinite;
	animation: ripple 3s ease-out 1s infinite;
}
.home-fanwei .area-2 .name {
	color: #fff;
	line-height: 30px;
	font-size: 12px;
	width: auto;
	display: none;
	width: 60px;
	text-align: left;
	position: absolute;
	top: -10px;
	left: 20px;
}
.home-fanwei .area-2.active .icon, .home-fanwei .area-2:hover .icon {
	display: block;
}
.home-fanwei .harbin {
	top: 163px;
	left: 797px;
}
.home-fanwei .changchun {
	top: 200px;
	left: 788px;
}
.home-fanwei .Urumqi {
	top: 207px;
	left: 249px;
}
.home-fanwei .Lhasa {
	top: 491px;
	left: 264px;
}
.home-fanwei .huhehot {
	top: 284px;
	left: 597px;
}
.home-fanwei .yinchuan {
	top: 331px;
	left: 516px;
}
.home-fanwei .yantai {
	top: 337px;
	left: 751px;
}
.home-fanwei .shijiazhuang {
	top: 331px;
	left: 646px;
}
.home-fanwei .taiyuan {
	top: 342px;
	left: 615px;
}
.home-fanwei .xining {
	top: 374px;
	left: 443px;
}
.home-fanwei .lanzhou {
	top: 388px;
	left: 479px;
}
.home-fanwei .jinan {
	top: 360px;
	left: 690px;
}
.home-fanwei .qingdao {
	top: 367px;
	left: 729px;
}
.home-fanwei .zhengzhou {
	top: 408px;
	left: 636px;
}
.home-fanwei .zhangjiagang {
	top: 408px;
	left: 742px;
}
.home-fanwei .wuhu {
	top: 435px;
	left: 701px;
}
.home-fanwei .hefei {
	top: 454px;
	left: 704px;
}
.home-fanwei .chongqing {
	top: 484px;
	left: 546px;
}
.home-fanwei .nanchang {
	top: 523px;
	left: 688px;
}
.home-fanwei .changsha {
	top: 534px;
	left: 635px;
}
.home-fanwei .ganzhou {
	top: 552px;
	left: 675px;
}
.home-fanwei .ningbo {
	top: 509px;
	left: 757px;
}
.home-fanwei .fuzhou {
	top: 568px;
	left: 750px;
}
.home-fanwei .xiamen {
	top: 600px;
	left: 732px;
}
.home-fanwei .nanning {
	top: 646px;
	left: 558px;
}
.home-fanwei .haikou {
	top: 708px;
	left: 592px;
}
.home-fanwei .guiyang {
	top: 573px;
	left: 530px;
}
.home-fanwei .kunming {
	top: 602px;
	left: 457px;
}
.home-fanwei .hongkong {
	top: 654px;
	left: 667px;
}
.home-fanwei .zhongshan {
	top: 648px;
	left: 675px;
}
.home-fanwei .macao {
	top: 551px;
	left: 534px;
}
.home-fanwei .shenyang {
	top: 242px;
	left: 770px;
}
.home-fanwei .shenyang .dot {
	width: 7px;
	height: 7px;
}
.home-fanwei .dalian {
	top: 300px;
	left: 753px;
}
.home-fanwei .dalian .dot {
	width: 7px;
	height: 7px;
}
.home-fanwei .tianjin {
	top: 325px;
	left: 688px;
}
.home-fanwei .tianjin .dot {
	width: 7px;
	height: 7px;
}
.home-fanwei .beijing {
	top: 296px;
	left: 664px;
}
.home-fanwei .beijing .dot {
	width: 15px;
	height: 15px;
}
.home-fanwei .suzhou {
	top: 446px;
	left: 756px;
}
.home-fanwei .suzhou .dot {
	width: 7px;
	height: 7px;
}
.home-fanwei .shanghai {
	top: 458px;
	left: 768px;
}
.home-fanwei .shanghai .dot {
	width: 15px;
	height: 15px;
}
.home-fanwei .hangzhou {
	top: 493px;
	left: 757px;
}
.home-fanwei .hangzhou .dot {
	width: 7px;
	height: 7px;
}
.home-fanwei .wuhan {
	top: 486px;
	left: 656px;
}
.home-fanwei .wuhan .dot {
	width: 11px;
	height: 11px;
}
.home-fanwei .xian {
	top: 418px;
	left: 560px;
}
.home-fanwei .xian .dot {
	width: 7px;
	height: 7px;
}
.home-fanwei .chengdu {
	top: 485px;
	left: 479px;
}
.home-fanwei .chengdu .dot {
	width: 15px;
	height: 15px;
}
.home-fanwei .guangzhou {
	top: 621px;
	left: 663px;
}
.home-fanwei .guangzhou .dot {
	width: 15px;
	height: 15px;
}
.home-fanwei .shenzhen {
	top: 644px;
	left: 668px;
}
.home-fanwei .shenzhen .dot {
	width: 7px;
	height: 7px;
}
.home-case {
	margin-top: -150px;
	position: relative;
	z-index: 1;
	padding-top: 86px;
	padding-bottom: 104px;
	background: url("../images/bg2.png") no-repeat top center;
	background-size: 100%;
	display:none;
}
.home-about {
	padding-top: 53px;
	padding-bottom: 86px;
}
.home-about .home-title .h3 {
	color: #fff;
}
.home-about .home-title .p {
	color: #fff;
}
.home-about .home-bottom {
	padding-top: 47px;
}
.home-about .home-bottom .jsh {
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 36px;
}
.youshi {
	margin-top: 79px;
	padding: 0 131px;
}
.youshi li {
	float: left;
	width: 25%;
	text-align: center;
	border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.youshi li .num {
	margin-bottom: 6px;
	color: #ffec8b;
	height: 51px;
	overflow: hidden;
}
.youshi li .num .counter, .youshi li .num .counter1 {
	font-size: 40px;
	font-weight: bold;
	line-height: 51px;
}
.youshi li .num b {
	display: inline-block;
	vertical-align: text-bottom;
	font-size: 24px;
}
.youshi li .h3 {
	font-size: 16px;
	color: #fff;
}
.youshi li sup {
	vertical-align: top;
	font-size: 18px;
}
.youshi li:nth-last-child(1) {
 border-right: none;
}
.home-news {
	padding-top: 83px;
	padding-bottom: 94px;
}
.home-news .slick-prev, .home-news .slick-next {
	width: 32px;
	height: 32px;
	margin-top: -108px;
	z-index: 5;
	opacity: 0.5;
	border: 1px solid #1890cd;
	border-radius: 50%;
}
.home-news .slick-prev:before, .home-news .slick-next:before {
	content: '';
}
@media (min-width: 1025px) {
 .home-news .slick-prev:hover,  .home-news .slick-next:hover {
 opacity: 1;
}
}
.home-news .slick-prev {
	left: -48px;
	background:#1890cd url("../images/left3.png") no-repeat center center;
}
@media (min-width: 1025px) {
 .home-news .slick-prev:hover {
 border: 1px solid #1890cd;
 background: #1890cd url("../images/left3.png") no-repeat center center;
}
}
.home-news .slick-next {
	right: -48px;
	background:#1890cd url("../images/left3.png") no-repeat center center;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
@media (min-width: 1025px) {
 .home-news .slick-next:hover {
 border: 1px solid #1890cd;
 background: #1890cd url("../images/left3.png") no-repeat center center;
}
}
.home-news .slick-dots {
	z-index: 9;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.home-news .slick-dots li {
	float: none;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.home-news .slick-dots li button:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #7f7f7f;
	opacity: 1;
}
.home-news .slick-dots .slick-active button:before {
	background-color: #1890cd;
}
.home-news .show .info {
	display: none;
	position: relative;
}
.home-news .show .info .newslist {
	padding-bottom: 63px;
}
.newslist {
	margin: 0 -15px;
}
.newslist li {
	width: 33.33333333%;
	float: left;
	padding: 0 15px;
}
.newslist li .pic:after {
	padding-bottom: 58.51528384%;
}
.newslist li .text {
	padding: 21px 0 0 0;
	position: relative;
}
.newslist li .text .bt {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.9);
	margin-bottom: 15px;
	position: relative;
	padding-right: 130px;
}
.newslist li .text .bt span {
	position: absolute;
	top: 0;
	right: 0;
	color: rgba(0, 0, 0, 0.5);
}
.newslist li .text .jsh {
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	color: #737373;
}
.newslist li .text .more {
	width: 20px;
	height: 20px;
	border: 1px solid #1890cd;
	border-radius: 50%;
	background: #1890cd url("../images/more1.png") no-repeat center center;
	background-size: 20px;
 
}
@media (min-width: 1025px) {
 .newslist li:hover .pic img {
 -webkit-transform: scale(1.4);
 transform: scale(1.4);
}
 .newslist li:hover .text .more {
 background: #ffffff url("../images/more.png") no-repeat center center;
 background-size: 20px;
 border: 1px solid #fff;
}
}
.vlist {
	margin-top: 31px;
	margin-bottom: 43px;
}
.vlist ul {
	text-align: center;
}
.vlist ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 9px;
	font-size: 16px;
	margin-bottom: 5px;
	text-align: center;
}
.vlist ul li a {
	color: rgba(0, 0, 0, 0.5);
	max-width: 190px;
	line-height: 30px;
	border-radius: 30px;
	border: 1px solid #dcdddd;
	display: block;
	padding: 0 22px;
	min-width: 110px;
}
@media (min-width: 1025px) {
 .vlist ul li:hover a {
 background: #71A1FF;
 color: #fff;
 border: 1px solid #71A1FF;
}
}
.vlist ul .active a {
	background: #71A1FF;
	color: #fff;
	border: 1px solid #71A1FF;
}
.footer {
	background: url("../images/bg3.jpg") no-repeat top center;
	background-size: cover;
}
.footer a:hover {
	color: #fff;
	text-decoration: underline;
}
.footer .link {
	margin-bottom: 12px;
	color: #c3c3c3;
	font-size: 16px;
	line-height: 56px;
}
.footer .link .b {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.footer .link .b a {
	float: right;
	width: 140px;
	padding: 0 5px;
}
.footer .link .b a img {
	padding: 2px 5px;
}
.footer .item {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	vertical-align: middle;
}
.footer .item span, .footer .item a {
	display: block;
	width: 33px !important;
	height: 33px !important;
	float: right;
	cursor: pointer;
	border-radius: 50%;
}
.footer .item span.wb {
	background: url("../images/wb1.svg") no-repeat center center;
	background-size: 21px;
}
.footer .item span.wb:hover {
	background: #ffffff url("../images/wb2.svg") no-repeat center center;
	background-size: 21px;
}
.footer .item span.wx {
	background: url("../images/wx1.svg") no-repeat center center;
	background-size: 23px;
}
.footer .item span.wx:hover {
	background: #ffffff url("../images/wx2.svg") no-repeat center center;
	background-size: 23px;
}
.footer .item a.qq {
	display: block;
	background: url("../images/qq1.svg") no-repeat center center;
	background-size: 20px;
}
.footer .item a.qq:hover {
	background: #ffffff url("../images/qq2.svg") no-repeat center center;
	background-size: 20px;
}
.footer .item a.tb {
	display: block;
	background: url("../images/tb1.svg") no-repeat center center;
	background-size: 20px;
}
.footer .item a.tb:hover {
	background: #ffffff url("../images/tb2.svg") no-repeat center center;
	background-size: 20px;
}
.footer .item a.ali {
	display: block;
	background: url("../images/ali1.svg") no-repeat center center;
	background-size: 20px;
}
.footer .item a.ali:hover {
	background: #ffffff url("../images/ali2.svg") no-repeat center center;
	background-size: 20px;
}
.footer .item .hover {
	position: absolute;
	bottom: 45px;
	left: 50%;
	padding: 5px;
	background: #fff;
	width: 140px;
	margin-left: -70px;
	text-align: center;
	display: none;
	z-index: 77;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
	font-size: 13px;
	line-height: 23px;
	color: #333;
}
.footer .item:hover .hover {
	display: block;
}
.footer .item .hover .arrow, .footer .item .hover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.footer .item .hover .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-color: #fff;
	bottom: -21px;
	border-width: 11px;
}
.footer .youqing {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	padding-bottom: 18px;
}
.footer .youqing .container {
	padding: 0;
}
.footer .youqing a {
	color: rgba(255, 255, 255, 0.5);
	margin-right: 10px;
}
.footer .footer-bottom {
	text-align: left;
	color: rgba(255, 255, 255, 0.5);
	padding: 23px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer .footer-bottom a {
	color: rgba(255, 255, 255, 0.5);
}
.footer-top {
	padding: 66px 0 10px 0;
}
.footer-top .footer-contact {
	float: left;
	width: 25%;
}
.footer-top .footer-contact .footer-tel {
	color: #fff;
	margin-bottom: 26px;
}
.footer-top .footer-contact .footer-tel h3 {
	font-size: 16px;
}
.footer-top .footer-contact .footer-tel p {
	font-size: 30px;
}
.footer-top .footer-contact .footer-tel p a {
	color: #fff;
}
.footer-top .footer-contact .bt {
	color: #fff;
	font-size: 16px;
	margin-bottom: 19px;
}
.footer-top .footer-contact .p {
	color: rgba(255, 255, 255, 0.8);
	line-height: 24px;
	letter-spacing: 1px;
	margin-bottom: 17px;
}
.footer-top .footer-contact .p p {
	padding-left: 36px;
	margin-bottom: 7px;
}
.footer-top .footer-contact .p p a {
	color: rgba(255, 255, 255, 0.8);
}
.footer-top .footer-contact .p p:nth-child(1) {
 background: url("../images/f1.png") no-repeat 10px center;
}
.footer-top .footer-contact .p p:nth-child(2) {
 background: url("../images/f3.png") no-repeat 9px center;
}
.footer-top .footer-contact .p p:nth-child(3) {
 background: url("../images/f2.png") no-repeat 9px center;
}
.footer-top .footer-ewm {
	float: right;
	width: 12%;
	padding-top: 10px;
	text-align: center;
	margin-right: 1%;
}
.footer-top .footer-ewm img {
	padding: 8px;
	background: #fff;
	margin-bottom: 5px;
}
.footer-top .footer-ul {
	float: left;
	width: 47%;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	padding-right: 43px;
}
.footer-top .footer-ul ul {
	float: right;
}
.footer-top .footer-ul li {
	float: left;
	max-width: 210px;
	margin-left: 30px;
}
.footer-top .footer-ul>ul>li>a{
    cursor: text;
    
}
.footer-top .footer-ul li a {
	color: #fff;
	font-size: 16px;
	margin-bottom: 24px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	
}
.footer-top .footer-ul li ul {
	float: none;
}
.footer-top .footer-ul li ul li {
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
}
.footer-top .footer-ul li ul li a {
	color: rgba(255, 255, 255, 0.8);
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 14px;
}
.float {
	position: fixed;
	bottom: 200px;
	right: 5px;
	z-index: 200;
	display: none;
}
.float01 {
	display: none;
}
.float ul li {
	width: 61px;
	height: 61px;
	padding-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	text-align: center;
	position: relative;
	background: #c9c9c9;
}
.float ul li .pic {
	height: 30px;
}
.float ul li .bt {
	color: #fff;
}
.float ul li .hover {
	position: absolute;
	top: 0;
	right: 61px;
	width: 135px;
	display: none;
	padding: 16px;
	background: #fff;
	border: 1px solid #71A1FF;
}
.float ul li .hover1 {
	position: absolute;
	top: 50%;
	right: 61px;
	width: 135px;
	border: 1px solid #71A1FF;
	display: none;
	line-height: 42px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #fff;
}
.float ul li .hover1 a {
	color: #232323;
}
.float ul li:hover {
	background: #71A1FF;
}
.float ul li:hover .bt {
	text-decoration: underline;
}
.float ul li:hover .hover {
	display: block;
}
.float ul li:hover .hover1 {
	display: block;
}
.classlist {
	margin-top: 50px;
	position: relative;
	margin-bottom: 59px;
	overflow: hidden;
}
.classlist:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #c9caca;
	position: absolute;
	bottom: 10px;
	left: 0;
	z-index: 1;
}
.classlist ul {
	padding: 0 100px;
	position: relative;
	z-index: 2;
	text-align: center;
	font-size: 0;
}
.classlist ul li {
	width: 12.5%;
	display: inline-block;
}
.classlist ul li a {
	font-size: 20px;
	color: rgba(0, 0, 0, 0.4);
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	padding-bottom: 46px;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	position: relative;
}
.classlist ul li a:after {
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -6px;
	background: url("../images/dot.png") no-repeat center center;
}
.classlist ul .active a {
	color: #1890cd;
}
.classlist ul .active a:after {
	width: 23px;
	height: 23px;
	bottom: 0;
	margin-left: -11px;
	background: url("../images/dot1.png") no-repeat center center;
}
.liebiaolist2 {
	display: none;
}
.liebiaolist .lbinfo {
	display: none;
	-webkit-animation: fadeInUp 1s;
	animation: fadeInUp 1s;
}
.liebiaolist .lbinfo .slick-track {
	width: 100%!important;
}
.liebiaolist ul {
	margin: 0 -20px;
	width: 100% !important;
}
.liebiaolist ul li {
	width: 50%;
	float: left;
	padding: 0 20px;
	margin-bottom: 40px;
}
.liebiaolist ul li .box {
	position: relative;
	padding-left: 431px;
	min-height: 208px;
	background: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 45, 68, 0.1);
	box-shadow: 0 0 20px 0 rgba(0, 45, 68, 0.1);
	padding-top: 35px;
	padding-right: 12px;
}
.liebiaolist ul li .bt {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 12px;
}
.liebiaolist ul li .span, .liebiaolist ul li .p {
	font-size: 16px;
	color: #1890cd;
	margin-bottom: 2px;
}
.liebiaolist ul li .span {
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.liebiaolist ul li .p {
	color: #4c4c4c;
	margin-bottom: 7px;
	overflow: hidden;
	line-height: 24px;
	height: 48px;
}
.liebiaolist ul li .jsh {
	line-height: 21px;
	height: 42px;
	overflow: hidden;
	margin-bottom: 20px;
	color: #4c4c4c;
}
.liebiaolist ul li .pic {
	width: 400px;
	position: absolute;
	top: 0;
	left: 0;
}
.liebiaolist ul li .pic:after {
	padding-bottom: 52%;
}
.liebiaolist ul li .more3 {
	text-align: right;
}
.liebiaolist ul li .more3 p {
	background: url("../images/more.png") no-repeat center right;
	padding-right: 29px;
	display: inline-block;
	color: #4c4c4c;
	line-height: 22px;
}
@media (min-width: 1025px) {
 .liebiaolist ul li:hover .bt {
 color: #1890cd;
}
 .liebiaolist ul li:hover .pic img {
 -webkit-transform: scale(1.3);
 transform: scale(1.3);
}
 .liebiaolist ul li:hover .more3 p {
 background: url("../images/more1.png") no-repeat center right;
 color: #1890cd;
}
}
@media (max-width: 1600px) {
 .liebiaolist ul {
 margin: 0 auto;
}
 .liebiaolist ul li {
 padding: 0 16px;
 margin-bottom: 32px;
}
 .liebiaolist ul li .box {
 padding-left: 356px;
 min-height: 172px;
 padding-top: 29px;
 padding-right: 9px;
}
 .liebiaolist ul li .bt {
 font-size: 15px;
 margin-bottom: 9px;
}
 .liebiaolist ul li .span,  .liebiaolist ul li .p {
 font-size: 14px;
}
 .liebiaolist ul li .p {
 margin-bottom: 5px;
}
 .liebiaolist ul li .jsh {
 line-height: 17px;
 height: 34px;
 margin-bottom: 20px;
 font-size: 12px;
}
 .liebiaolist ul li .pic {
 width: 332px;
}
 .liebiaolist ul li .more3 {
 font-size: 12px;
}
}
@media (max-width: 1280px) {
 .liebiaolist ul li .box {
 padding-left: 320px;
 min-height: 155px;
 padding-top: 10px;
}
 .liebiaolist ul li .jsh {
 margin-bottom: 20px;
}
 .liebiaolist ul li .pic {
 width: 297px;
}
}
@media (max-width: 1100px) {
 .liebiaolist {
 display: none;
}
 .liebiaolist2 {
 display: block;
}
 .liebiaolist ul li {
 width: 100%;
}
}
@media (max-width: 600px) {
 .liebiaolist ul li .pic {
 width: 100%;
 position: relative;
 top: auto;
 left: auto;
 margin-bottom: 10px;
}
 .liebiaolist ul li {
 margin-bottom: 20px;
}
 .liebiaolist ul li .box {
 min-height: 0;
 padding: 15px;
}
}
.fenleilist .item2 {
	padding: 18px;
	display: none;
	-webkit-animation: zoomIn 1s;
	animation: zoomIn 1s;
}
.fenleilist .item2 .second-list {
	width: 17%;
	float: left;
	padding: 92px 0 0 21px;
	height: 460px;
	background: #fff;
	-webkit-box-shadow: 0 0 18px 0 rgba(54, 54, 54, 0.28);
	box-shadow: 0 0 18px 0 rgba(54, 54, 54, 0.28);
}
.fenleilist .item2 .second-list ul {
	background: url("../images/line.png") no-repeat left top;
}
.fenleilist .item2 .second-list ul li {
	margin-bottom: 11px;
}
.fenleilist .item2 .second-list ul li a {
	display: block;
	padding-left: 32px;
	background: url("../images/dian.png") no-repeat left 3px;
}
.fenleilist .item2 .second-list ul li a .h3 {
	font-size: 16px;
	color: #333333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.fenleilist .item2 .second-list ul li a .p {
	color: #cccccc;
	font-size: 12px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.fenleilist .item2 .second-list ul .active a {
	background: url("../images/dian1.png") no-repeat left 3px;
}
.fenleilist .item2 .second-list ul .active a .h3 {
	background: url("../images/h3.png") no-repeat center right;
}
.fenleilist .item2 .right-list {
	float: left;
	width: 83%;
}
.fenleilist .item2 .right-list .right-info {
	display: none;
	position: relative;
}
.fenleilist .item2 .right-list .right-info .pic:after {
	padding-bottom: 111.91860465%;
}
.fenleilist .item2 .right-list .right-info .item1 {
	padding: 0 !important;
}
.controller {
	position: absolute;
	bottom: 80px;
	left: 50px;
	font-size: 16px;
	font-family: 'SourceHanSansSC-Light';
	color: #000;
	font-weight: bold;
}
.controller a {
	color: #000;
	font-size: 20px;
}
.controller a:hover {
	color: #71A1FF;
}
.pics-4 {
	width: 82%;
	height: 460px;
	background: #eeefef;
	-webkit-box-shadow: 0 0 18px 0 rgba(54, 54, 54, 0.28);
	box-shadow: 0 0 18px 0 rgba(54, 54, 54, 0.28);
}
.pics-4 .item {
	padding: 0 !important;
}
.pics-4 .text {
	width: 53%;
	padding-top: 58px;
	padding-left: 50px;
}
.pics-4 .text .bt {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
	display: inline-block;
	padding-bottom: 16px;
	margin-bottom: 6px;
	border-bottom: 1px solid #e0e0e0;
}
.pics-4 .text .jsh {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.85);
	line-height: 28px;
	height: 224px;
	overflow: hidden;
}
.pics-4 .text .jsh span {
	font-weight: bold;
	color: #1890cd;
	border-bottom: 1px solid #1890cd;
}
.pics-1 {
	width: 63%;
	position: absolute;
	bottom: 15px;
	right: 0;
}
.pics-1 .pic {
	width: 184px;
	margin-top: 222px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.pics-1 .pic:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(24, 144, 205, 0.6);
	position: absolute;
	top: 0;
	right: 0;
}
.pics-1 .slick-center {
	z-index: 4;
}
.pics-1 .slick-center .pic {
	width: 347px;
	margin-left: -80px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.pics-1 .slick-xia .pic {
	width: 253px;
	margin: 0;
}
.pics-2 {
	width: 347px;
	position: absolute;
	bottom: 30px;
	left: 51%;
	z-index: 5;
}
.pics-3 {
	width: 253px;
	position: absolute;
	top: 24px;
	right: 0;
}
.inbanner {
	overflow: hidden;
	position: relative;
}
.inbanner .inbanner-slick {
	position: relative;
}
.inbanner .inbanner-slick1 {
	position: relative;
	display: none;
}
.inbanner .inbanner-slick > img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-animation: 2s mymove4 alternate linear;
	animation: 2s mymove4 alternate linear;
	display: block;
	width: 100%;
}
.inbanner .txtbox {
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 9;
	color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	text-align: left;
}
.inbanner .txtbox p {
	font-size: 18px;
	line-height: 30px;
}
.inbanner .txtbox h3 {
	font-size: 36px;
	margin-bottom: 10px;font-weight: bold;
}
.inbanner .txtbox h3:before {
	content: '';
	display: block;
	width: 64px;
	height: 2px;
	background: #71A1FF;
	margin-bottom: 11px;
}
.inbanner .txtbox .container .info {
	position: relative;
}
.inbanner1 {
	overflow: hidden;
	position: relative;
}
.inbanner1 .inbanner-slick {
	position: relative;
}
.inbanner1 .inbanner-slick1 {
	position: relative;
	display: none;
}
.inbanner1 .inbanner-slick > img {
	-webkit-animation: 2s mymove4 alternate linear;
	animation: 2s mymove4 alternate linear;
	display: block;
	width: 100%;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.inbanner1 .txtbox {
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 9;
	color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	text-align: center;
}
.inbanner1 .txtbox p {
	font-size: 48px;
}
.inbanner1 .txtbox h3 {
	font-size: 28px;
	font-family: "SourceHanSansSC-Light";
}
.inbanner1 .txtbox .container .info {
	position: relative;
}
.current {
	color: #3e3a39;
	border-bottom: 1px solid #dcdddd;
}
.current .info {
	padding: 18px 0;
}
.current span {
	background: url("../images/home.png") no-repeat left 3px;
	background-size: 16px;
	padding-left: 20px;
	font-size: 16px;
	color: #3e3a39;
	letter-spacing: 1px;
}
.current a {
	color: #3e3a39;
}
.current b {
	font-weight: normal;
}
.second-nav {
	margin-top: 69px;
	background: #f6f6f6;
}
.second-nav ul {
	font-size: 0;
	text-align: center;
	position: relative;
}
.second-nav ul .slick-next, .second-nav ul .slick-prev {
	z-index: 999;
	width: 40px;
	height: 74px;
	border-radius: 10px;
	margin-top: -37px;
}
.second-nav ul .slick-prev:before, .second-nav ul .slick-next:before {
	content: '';
}
.second-nav ul .slick-prev {
	left: -40px;
	background: url("../images/prev2.png") no-repeat center center;
}
.second-nav ul .slick-next {
	right: -40px;
	background: url("../images/next2.png") no-repeat center center;
}
.second-nav ul li {
	width: 12.5%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #d4d4d5;
	text-align: center;
	line-height: 78px;
}
.second-nav ul li a {
	display: block;
	font-size: 20px;
	color: #3e3a39;
	padding: 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
@media (min-width: 1025px) {
 .second-nav ul li:hover {
 border: 1px solid #71A1FF;
}
 .second-nav ul li:hover a {
 background: #71A1FF;
 color: #fff;
}
}
.second-nav ul .active {
	border: 1px solid #71A1FF;
}
.second-nav ul .active a {
	background: #71A1FF;
	color: #fff;
}
.content {
	/* padding: 68px 0; */
  min-height: 500px;
	font-size: 16px;
	color: #333;
}
.caselist {
	margin: 0 -15px;
}
.caselist li {
	width: 33.33333333%;
	float: left;
	padding: 0 15px;
	margin-bottom: 29px;
}
.caselist li .box {
	border: 1px #fff solid;
}
.caselist li .pic:after {
	padding-bottom: 52.40174672%;
}
.caselist li .pic img {
 -webkit-transition: all .5s;
 transition: all .5s;
}
.caselist li .bt {
	font-size: 20px;
	color: rgba(0, 0, 0, 0.8);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 7px;
}
.caselist li .jsh {
	font-size: 16px;
	height: 48px;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.7);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
}
.caselist li .text {
	padding: 24px 20px 24px 20px;
	-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 1025px) {
 .caselist li:hover .pic img {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 .caselist li:hover .pic:before {
 display: block;
}
 .caselist li:hover .box {
 border: 1px #71A1FF solid;
}
}
.case {
	position: relative;
}
.case .slick-dots {
	z-index: 9;
	bottom: 27px;
	left: 0;
	width: 100%;
	text-align: center;
}
.case .slick-dots li {
	float: none;
	width: 17px;
	height: 17px;
	margin: 0 10px;
}
.case .slick-dots li button:before {
	content: "";
	width: 17px;
	height: 17px;
	background: #7f7f7f;
	border-radius: 50%;
	opacity: 1;
}
.case .slick-dots .slick-active button:before {
	background: #71A1FF;
	opacity: 1;
}
.newslist {
	margin: 0 -15px;
}
.newslist li {
	width: 33.33333333%;
	float: left;
	padding: 0 15px;
}
.newslist li .pic:after {
	padding-bottom: 58.51528384%;
}
.newslist li .text {
	padding: 21px 0 0 0;
	position: relative;
}
.newslist li .text .bt {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.9);
	margin-bottom: 15px;
	position: relative;
	padding-right: 130px;
}
.newslist li .text .bt span {
	position: absolute;
	top: 0;
	right: 0;
	color: rgba(0, 0, 0, 0.5);
}
.newslist li .text .jsh {
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	color: #4c4c4c;
}
.newslist li .text .more {
	width: 20px;
	height: 20px;
	border: 1px solid #71A1FF;
	border-radius: 50%;
	background: #71A1FF url("../images/more1.png") no-repeat center center;
	background-size: 20px;
	 margin-top:5px;
}
@media (min-width: 1025px) {
 .newslist li:hover .pic img {
 -webkit-transform: scale(1.3);
 transform: scale(1.3);
}
 .newslist li:hover .text .more {
 background: #ffffff url("../images/more3.png") no-repeat center center;
 background-size: 20px;
 border: 1px solid #fff;
}
}
.pro3_bottom {
	text-align: center;
	padding: 30px 0 0 0;
	color: #666;
	clear: both;
	margin-bottom: 30px;
	overflow: hidden;
}
.pro3_bottom a {
	display: inline-block;
	color: #666;
	border: 1px solid #d9d9d9;
	text-align: center;
	text-transform: capitalize;
	padding: 0 14px;
	line-height: 37px;
	background-color: #fff;
	margin: 0 5px 2px 5px;
	border-radius: 5px;
	font-size: 14px;
}
.pro3_bottom a:hover {
	color: #fff;
	background-color: #71A1FF;
	border: 1px solid #71A1FF;
}
.pro3_bottom a.active {
	display: inline-block;
	color: #fff;
	background-color: #71A1FF;
	border: 1px solid #71A1FF;
}
.pro3_bottom span {
	color: #898989;
	font-size: 14px;
}
.pro3_bottom span input {
	color: #666;
	border: 1px solid #d9d9d9;
	text-align: center;
	height: 37px;
	line-height: 37px;
	background-color: #fff;
	margin: 0 10px;
	width: 50px;
	border-radius: 5px;
}
.pro3_bottom button.zxfokbtn {
	display: inline-block;
	background: #fff;
	color: #282828;
	margin: 0 10px;
	width: 50px;
	line-height: 37px;
	text-align: center;
	border: 1px solid #d9d9d9;
	cursor: pointer;
}
.news-list {
	overflow: hidden;
	padding-bottom: 22px;
}
.news-list li {
	overflow: hidden;
	border-bottom: 1px solid #eeeeee;
}
.news-list li a {
	padding: 35px 45px;
	display: block;
}
.news-list li .box {
	position: relative;
	padding-left: 278px;
	cursor: pointer;
}
.news-list li .pic {
	width: 258px;
	position: absolute;
	top: 0;
	left: 0;
}
.news-list li .pic img {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.news-list li .pic:after {
	padding-bottom: 58.51528384%;
}
.news-list li .text {
	position: relative;
	padding-right: 128px;
	padding-top: 17px;
	height: 151px;
}
.news-list li .text .bt {
	color: rgba(0, 0, 0, 0.9);
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 14px;
}
.news-list .info span {
	color: #999999;
	font-size: 13px;
	margin-right: 44px;
}
.news-list li .text .jsh {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-bottom: 10px;
}
.news-list li .text .date {
	position: absolute;
	top: 0;
	right: 0;
	padding-bottom: 106px;
	width: 86px;
}
.news-list li .text .date div {
	font-size: 43px;
	color: #999999;
	text-align: center;
}
.news-list li .text .date p {
	font-size: 12px;
	color: #999999;
	text-align: center;
}
.news-list li .text .date .more {
	display: block;
	width: 100%;
	height: 25px;
	border-radius: 5px;
	text-align: center;
	line-height: 25px;
	font-size: 10px;
	color: #999999;
	border: 1px solid #999999;
	margin-top: 5px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
@media (min-width: 1025px) {
 .news-list li:hover .date .more {
 background: #71A1FF;
 color: #ffffff;
 border: 1px solid #71A1FF;
 -webkit-transition: 0.3s;
 transition: 0.3s;
}
 .news-list li:hover .pic img {
 -webkit-transform: scale(1.3);
 transform: scale(1.3);
}
 .news-list li:hover .text .bt {
 color: #71A1FF;
}
}
.news-show {
	padding: 0 !important;
}
.newsshow {
	padding-bottom: 70px;
	line-height: 2;
}
.newsshow .container {
	position: relative;
}
.newsshow h3 {
	color: #333333;
	font-size: 24px;
	text-align: center;
	padding-bottom: 50px;
}
@media (max-width: 1500px) {
 .newsshow h3 {
 font-size: 18px;
 padding-bottom: 20px;
}
}
.newsshow .date-title {
	position: relative;
	min-height: 120px;
	padding-bottom: 69px;
	background: #f7f7f7;
}
.newsshow .date-title::after {
 content: '';
 display: block;
 width: 100%;
 height: 100%;
 background: url(../images/news-arrow.png) no-repeat bottom center;
 position: absolute;
 bottom: -8px;
}
.newsshow .title {
	text-align: center;
	font-size: 46px;
	padding: 60px 0 20px 0;
	color: #333333;
	font-weight: normal;
}
.newsshow .info {
	color: #555555;
	font-size: 16px;
	text-align: center;
}
.newsshow .info img {
	margin: 10px 5px 0 0;
}
.newsshow .info .data {
	display: inline-block;
	margin-right: 15px;
	line-height: 23px;
	padding-right: 30px;
	border-right: 1px solid #dcdcdc;
}
.newsshow .nr p {
	font-size: 18px;
}
.newsshow .nr p img {
	margin: 0 auto;
}
.newsshow .info .view {
	display: inline-block;
	padding-left: 30px;
}
.newsshow .info .view img {
	display: inline-block;
}
.newsshow .share {
	padding: 30px 0;
	line-height: 47px;
	color: #999999;
	border-top: #cdcdcd 1px dashed;
}
.newsshow .share a {
	margin-right: 10px;
	display: inline-block;
}
.newsshow .share .dingyue {
	float: right;
	width: 350px;
	position: relative;
}
.newsshow .share .dingyue input {
	width: 100%;
	height: 47px;
	padding: 0 80px 0 20px;
	display: block;
	border: 1px solid #000;
}
.newsshow .share .dingyue a {
	display: block;
	width: 70px;
	line-height: 47px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	background: #000;
	color: #fff;
	margin-right: 0;
	font-size: 14px;
}
.newsshow .share {
	padding: 25px 47px;
}
.newsshow .share span {
	display: inline-block;
	vertical-align: top;
	line-height: 43px;
	margin-right: 10px;
}
.newsshow .share ul {
	display: inline-block;
	vertical-align: top;
}
.newsshow .share ul li {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	width: 43px;
	height: 43px;
	border-radius: 50%;
	background: #efefef;
}
@media (min-width: 1025px) {
 .newsshow .share ul li:hover img {
 opacity: 0.5;
}
}
@media (max-width: 1210px) {
 .newsshow .share {
 padding-left: 0;
}
}
.newsshow .share .bdsharebuttonbox {
	display: inline-block;
	vertical-align: middle;
}
.newsshow .nr {
	padding: 50px 0;
}
.newsshow .nr p {
	color: #333333;
}
.newsshow .p-01 {
	padding: 0 0 0 20px;
	position: relative;
}
.newsshow .p-01:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background: #115275;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 8px;
}
.prev-next {
	overflow: hidden;
	color: #666;
	font-size: 16px;
}
@media (max-width: 1210px) {
 .prev-next {
 font-size: 14px;
}
}
.prev-next .return {
	line-height: 90px;
	height: 90px;
	overflow: hidden;
	position: relative;
	padding-left: 95px;
	float: left;
	margin-bottom: 0;
	width: 17%;
	margin: 0 0.5%;
	background: #efefef url(../images/mumu.png) no-repeat 50px center;
}
.prev-next .news-prev {
	line-height: 90px;
	height: 90px;
	overflow: hidden;
	position: relative;
	padding-left: 85px;
	float: left;
	margin-bottom: 0;
	width: 41%;
	background: #efefef;
	padding-right: 70px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.prev-next .news-next {
	line-height: 90px;
	height: 90px;
	overflow: hidden;
	position: relative;
	padding-right: 85px;
	float: left;
	margin-bottom: 0;
	width: 41%;
	background: #efefef;
	padding-left: 70px;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.prev-next .news-prev span {
	position: absolute;
	left: 30px;
	top: 0;
	display: inline-block;
	width: 60px;
	font-family: "SourceHanSansSC-Light";
	text-align: center;
}
.prev-next .news-next span {
	position: absolute;
	right: 30px;
	top: 0;
	display: inline-block;
	width: 60px;
	font-family: "SourceHanSansSC-Light";
	text-align: center;
}
.prev-next li a {
	color: #666;
	display: block;
}
.prev-next li p {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.prev-next li:hover a {
	color: #71A1FF;
}
@media (max-width: 1210px) {
 .prev-next .news-next,  .prev-next .news-prev {
 width: 100%;
 float: none;
 height: 50px;
 margin-bottom: 1px;
 padding: 0 20px!important;
 line-height: 50px;
 text-align: left!important;
}
 .prev-next .news-next span,  .prev-next .news-prev span {
 display: none;
}
 .prev-next .return {
 display: none;
}
}
.contact {
	padding-top:40px;
	padding-bottom: 0 !important;
	background: url("../images/bg1.jpg") no-repeat top center;
	background-size: 100%;
}
.about-title {
	text-align: center;
	font-size: 36px;
	color: #71A1FF;
}
.about-title:after {
	content: '';
	display: block;
	width: 54px;
	height: 2px;
	background: #71A1FF;
	margin: 19px auto 0 auto;
}
.contact-list1 {
	margin-bottom: 53px;
	text-align: center;
}
.contact-list1 li {
	width: 40%;
	display: inline-block;
	vertical-align: top;
	padding: 0 30px;
	font-size: 18px;
	color: #666666;
	text-align: center;
}
.contact-list1 li:nth-child(2){
	width:20%;}
.contact-list1 li .pic {
	width: 70px;
	margin: 0 auto;
}
.contact-list1 li .bt {
	margin-top: 14px;
	display: inline-block;
    text-align: left;
}
.contact-list1 li .bt p{
	    position: relative;
    padding-left: 123px;
}
.contact-list1 li .bt p span{
	    width: 120px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;}
.contact-list1 li a {
	color: #666666;
}
.formlist {
	margin: 0 -8px;
	padding-top: 73px;
	position: relative;
	padding-bottom: 69px;
}
.formlist li {
	width: 33.33333333%;
	float: left;
	padding: 0 8px;
	margin-bottom: 16px;
}
.formlist li .box {
	position: relative;
}
.formlist li .box .span {
	font-size: 16px;
	color: #666666;
	display: inline-block;
	 
	top: 0;
	left: 25px;
}
.formlist li .box .span font {
	color: #71A1FF;
}
.formlist li .box input, .formlist li .box textarea, .formlist li .box select {
	border: 1px solid #c6c6c6;
	width: 100%;
	height: 57px;
	font-size: 16px;
	color: #666;
	padding-left: 5px;
}
.formlist li .box textarea {
	padding: 16px 5px;
	overflow: hidden;
	height: 218px;
}
.formlist li .box label {
	position: relative;
	float: left;
}
.formlist li .box .code {
	width: 50%;
	float: left;
}
.formlist li .box img {
	float: left;
	margin-left: 10px;
	height: 57px;
}
.formlist li .box label .bt {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	cursor: pointer;
	padding: 0 10px 0 24px;
	font-size: 16px;
	margin-bottom: 10px;
}
.formlist li .box label .bt:after {
	content: '';
	display: block;
	position: absolute;
	left: 4px;
	top: 4px;
	width: 15px;
	height: 15px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.formlist li .box label input {
	position: absolute;
	top: 0;
	left: -20px;
	cursor: pointer;
	opacity: 0;
}
.formlist li .box label input:checked {
	border: 0 !important;
	background: 0;
}
.formlist li .box label input:checked + .bt {
	color: #999999;
}
.formlist li .box label input:checked + .bt:after {
	border-color: #71A1FF;
	background-color: #71A1FF;
}
.formlist li .box label input:checked + .bt:before {
	left: 9px;
	top: 6px;
	width: 5px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	display: block;
	content: "";
	z-index: 1;
}
.formlist .send {
	width: 100%;
}
.formlist .send a {
	width: 208px;
	height: 48px;
	border-radius: 30px;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	line-height: 46px;
	border: 1px solid #71A1FF;
	display: block;
	background: #71A1FF;
}
.formlist .send a:hover {
	background: #4097c3;
	color: #fff;
	border: 1px solid #4097c3;
}
#allmap {
	height: 630px;
	width: 100%;
}
#allmap img {
 
}
#allmap .anchorBL {
	display: none;
}
#allmap .mapInfo {
	width: 280px;
	text-align: left;
	padding: 0;
	overflow: hidden;
}
#allmap .title {
	margin: 0;
	color: #095da3;
	font-weight: bold;
	font-size: 18px;
}
#allmap .info {
	margin: 0;
	font-size: 16px;
}
.list-div {
	position: relative;
}
.list-div .jobsub {
	border-top: 0;
	line-height: 30px;
	color: #777;
	font-size: 14px;
	overflow: hidden;
	margin-bottom: 18px;
}
.list-div dl {
	margin: 70px auto 56px auto;
}
.list-div dl dt {
	display: block;
	padding: 0 45px;
	margin-bottom: 15px;
	cursor: pointer;
	line-height: 62px;
	-webkit-transition: width 2s;
	transition: width 2s;
	background: #eceaeb;
}
.list-div dl dt span {
	display: block;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 20px;
	color: #232323;
	font-weight: bold;
	width: 100%;
	padding-right: 20px;
	background: url(../images/more4.png) no-repeat center right;
}
.list-div dl dt span .address {
	padding-left: 28px;
	font-size: 16px;
	color: #666666;
	font-weight: normal;
	position: relative;
}
.list-div dl dt span .address:after {
	content: '';
	display: block;
	width: 1px;
	height: 11px;
	background: #555353;
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -5px;
}
.list-div .list_dt {
	color: #fff;
	cursor: pointer;
	position: relative;
	-webkit-box-shadow: 0px 3px 7px 1px #ebedf3;
	box-shadow: 0px 3px 7px 1px #ebedf3;
}
.list-div #open {
	margin-bottom: 0;
}
.list-div #open span {
	background: url(../images/more4h.png) no-repeat center right;
}
.list-div .jobsub {
	display: none;
	padding: 30px;
	font-size: 16px;
	color: #232323;
	border-top: 1px solid #e5e5e5;
}
.list-div .jobsub ul {
	overflow: hidden;
	margin-bottom: 10px;
}
.list-div .jobsub ul li {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding-right: 10px;
}
.list-div .jobsub p {
	margin-top: 2px;
}
@media (max-width: 768px) {
 .list-div .jobsub {
 padding-bottom: 20px;
}
 .list-div dl {
 margin: 20px auto 20px auto;
}
 .list-div dl dt span {
 font-size: 16px;
}
 .list-div dl dt span .address {
 font-size: 14px;
}
}
.home-title1 {
	text-align: center;
}
.home-title1 h3 {
	font-family: "SourceHanSansSC-Light";
	color: rgba(35, 35, 35, 0.1);
	font-size: 60px;
	line-height: 60px;
	text-transform: uppercase;
}
.home-title1 p {
	font-size: 36px;
	color: #71A1FF;
	font-weight: bold;
	margin-top: -40px;
}
.height {
	position: absolute;
	top: -120px;
	left: 0;
	width: 100%;
	height: 1px;
}
.about01 {
	padding-bottom: 109px;
}
.about01 .about-bottom {
	padding-top: 52px;
}
.about01 .img {
	float: left;
	width: 46.7%;
	margin-top: 61px;
	padding-left: 66px;
	position: relative;/*&:before {
      content: '';
      display: block;
      width: 103px;
      height: 104px;
      top: 50%;
      transform: translateY(-50%);
      right: -55px;
      background: url("../images/jiantou.png") no-repeat center center;
      position: absolute;
      z-index: 6;
    }*/
}
.about01 .img:after {
	content: '';
	display: block;
	width: 100%;
	height: 104%;
	position: absolute;
	top: 35px;
	left: 0;
	z-index: 1;
	background: #fff;
	-webkit-box-shadow: 0 0 24px 0 rgba(22, 22, 22, 0.17);
	box-shadow: 0 0 24px 0 rgba(22, 22, 22, 0.17);
}
.about01 .img .slick-list {
	z-index: 5;
}
.about01 .img .slick-prev, .about01 .img .slick-next {
	width: 20px;
	height: 22px;
	margin-top: -12px;
	z-index: 6;
	background: url("../images/j1.png") no-repeat center center;
}
.about01 .img .slick-prev:before, .about01 .img .slick-next:before {
	content: '';
}
@media (min-width: 1025px) {
 .about01 .img .slick-prev:hover,  .about01 .img .slick-next:hover {
 background: url("../images/j1h.png") no-repeat center center;
}
}
.about01 .img .slick-prev {
	left: auto;
	right: 2px;
}
.about01 .img .slick-next {
	right: -26px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.about01 .img .item {
	width: 100%;
	z-index: 3;
}
.about01 .img .item a {
	display: block;
}
.about01 .img .pic:after {
	padding-bottom: 75.40983607%;
}
.about01 .text {
	float: right;
	width: 48%;
}
.about01 .text .bt {
	position: relative;
	padding-top: 41px;
	margin-bottom: 13px;
	font-size: 40px;
	color: #333;
}
.about01 .text .bt span {
	font-size: 90px;
	color: #232323;
	opacity: 0.1;
	font-family: "SourceHanSansSC-Light";
	position: absolute;
	top: 0;
	left: 0;
}
.about01 .text .bt p {
	font-size: 22px;
	color: #232323;
	font-weight: bold;
	margin-top: 19px;
}
.about01 .text .p {
	font-size: 16px;
	line-height: 32px;
	color: #232323;
	margin-bottom: 20px;
}
.about01 .text ul {
	margin-bottom: 35px;
}
.about01 .text ul li {
	float: left;
	width: 25%;
	text-align: center;
}
.about01 .text ul li .num {
	color: #71A1FF;
	font-size: 36px;
	font-weight: bold;
}
.about01 .text ul li .num b {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: rgba(35, 35, 35, 0.8);
}
.about01 .text ul li .h3 {
	font-size: 14px;
	color: rgba(35, 35, 35, 0.8);
}
.about01 .text ul li:nth-last-child(1) {
 margin-right: 0;
 float: right;
}
.about01 .slick-dots {
	z-index: 9;
	bottom: 50%;
	left: 20px;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	width: 20px;
	text-align: center;
}
.about01 .slick-dots li {
	float: none;
	width: 15px;
	height: 15px;
	padding: 2px;
	margin: 5px;
	display: block;
}
.about01 .slick-dots li button {
	padding: 0;
	width: 10px;
	height: 10px;
	background: #71A1FF;
	border-radius: 50%;
	opacity: 1;
}
.about01 .slick-dots li button:before {
	content: '';
}
.about01 .slick-dots .slick-active {
	padding: 0;
}
.about01 .slick-dots .slick-active button {
	opacity: 1;
	width: 15px;
	height: 15px;
}
.more2 a {
	display: block;
	width: 156px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	border-radius: 30px;
	padding: 0 31px;
	position: relative;
	background: #71A1FF;
}
.more2 a:hover {
	background-color: #1f9bde;
}
.more2 a:after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: #ffffff url("../images/more3.png") no-repeat center center;
	background-size: 20px;
	border-radius: 50%;
	position: absolute;
	right: 27px;
	top: 10px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.about02 {
	padding: 84px 0 121px 0;
	position: relative;
	background: url("../images/bg.jpg") no-repeat top center;
	background-size: cover;
}
.about02 .home-title1 {
	text-align: right;
}
.about02 .home-title1 h3 {
	color: rgba(255, 255, 255, 0.12);
}
.about02 .home-title1 p {
	color: #fff;
}
.about02 .about-bottom {
	padding-top: 68px;
	position: relative;
}
.about02 .about-bottom .slider-for {
	text-align: center;
	margin-bottom: 84px;
}
.about02 .about-bottom .slider-for h3 {
	font-size: 40px;
	line-height: 50px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 20px;
}
.about02 .about-bottom .slider-for p {
	font-size: 20px;
	color: #fff;
	line-height: 36px;
}
.about02 .about-bottom .slider-nav {
	padding-top: 22px;
	margin-left: 80px;
	margin-right: 80px;
	position: relative;
	overflow: hidden;
	background: url("../images/line-1.png") no-repeat center 56px;
	/*background-size:100%;*/
	cursor: pointer;
}
.about02 .about-bottom .slider-nav:before{
	content: "";
    width:100%;
    /*background: url(../images/line-2.png) repeat center top; */
    height: 22px;
    position: absolute;
       left: -0.5px;
        top: 55px;
    margin: auto;
    display: block;
}

.about02 .about-bottom .slider-nav .swiper-slide{
	background: url(../images/line-2.png) repeat-x center 33px; 
}
.about02 .about-bottom .slider-nav h3 {
	font-size: 24px;
	color: #fff;
	line-height: 38px;
	text-align:center;
}
.about02 .about-bottom .slider-nav .swiper-slide-thumb-active h3 {
	font-weight: bold;
}
.about02 .about-bottom .slider-nav h3:before{
	content: "";
    display: block;
   width: 1px;
    height: 53px;
    background: #fff; 
    margin: auto auto 0.2rem auto;
}
.about02 .about-bottom .slider-nav .swiper-slide-thumb-active h3:before {
    width: 3px;
}
.about02 .about-bottom .slider-nav .slick-prev, .about02 .about-bottom .slider-nav .slick-next {
	width: 24px;
	height: 47px;
	margin-top: 0;
	z-index: 6;
	background: url("../images/left1.png") no-repeat center center;
	background-size: 24px;
}
.about02 .about-bottom .slider-nav .slick-prev:before, .about02 .about-bottom .slider-nav .slick-next:before {
	content: '';
}
.about02 .about-bottom .slider-nav .slick-prev {
	left: 0;
}
.about02 .about-bottom .slider-nav .slick-next {
	right: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.about02 .about-bottom .swiper-button-next, .about02 .about-bottom .swiper-button-prev {
	color: #fff;
	top: auto;
	bottom: 20px;
	margin: 0;
}
.about03 {
	padding: 60px 0 83px 0;
	position: relative;
}
.about03 .about-bottom .list {
	display: none;
}
.about03 .list {
	margin: 0 -30px;
}
.about03 .item {
	float: left;
	width: 33.33333333%;
	padding: 0 30px;
}
@media (min-width: 1025px) {
 .about03 .item:hover .hover {
 display: block;
 -webkit-box-shadow: 0 0 27px 0 rgba(5, 5, 5, 0.17);
 box-shadow: 0 0 27px 0 rgba(5, 5, 5, 0.17);
}
}
.about03 .box {
	border: 1px solid #b4bcc0;
	padding: 0 0 39px 0;
	position: relative;
	background: url("../images/bg4.png") no-repeat bottom left;
}
.about03 .pic { 
	margin: 0 auto; 
}
.about03 .text {
	padding:0 30px;
	padding-top: 20px;
}
.about03 .bt {
	text-align: center;
	font-size: 22px;
	color: #232323;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight:bold;
	margin-bottom: 18px;
}
.about03 .span {
	font-size: 30px;
	text-align: center;
	color: rgba(33, 33, 33, 0.87);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 82px;
}
.about03 .more a, .about03 .more p {
	width: 158px;
	line-height: 51px;
	color: #1890cd;
	font-size: 22px;
	background: none;
	text-align: center;
	border: 1px solid #1890cd;
	margin: 0 auto;
}
.about03 .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 58px 30px 39px 30px;
	background: #1890cd;
	display: none;
}
.about03 .hover .bt {
	color: #fff;
	padding-top: 20px;
}
.about03 .hover .jsh {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	text-align: justify;
	overflow: hidden;
	height: 150px;
}
.about03, .about04 {
	position: relative;
}
.about04 {
	padding-bottom: 68px;
}
.about03 .about-bottom, .about04 .about-bottom {
	margin-top: 66px;
	position: relative;
	padding-bottom: 68px;
}
.about03 .slick-prev, .about04 .slick-prev, .about03 .slick-next, .about04 .slick-next {
	width: 32px;
	height: 32px;
	margin-top: -50px;
	z-index: 5;
	opacity: 0.5;
	border: 1px solid #1890cd;
	border-radius: 50%;
}
.about03 .slick-prev:before, .about04 .slick-prev:before, .about03 .slick-next:before, .about04 .slick-next:before {
	content: '';
}
@media (min-width: 1025px) {
 .about03 .slick-prev:hover,  .about04 .slick-prev:hover,  .about03 .slick-next:hover,  .about04 .slick-next:hover {
 opacity: 1;
}
}
.about03 .slick-prev, .about04 .slick-prev {
	left: -48px;
	background:#1890cd url("../images/left3.png") no-repeat center center !important;
}
@media (min-width: 1025px) {
 .about03 .slick-prev:hover,  .about04 .slick-prev:hover {
 border: 1px solid #1890cd;
 background: #1890cd url("../images/left3.png") no-repeat center center !important;
}
}
.about03 .slick-next, .about04 .slick-next {
	right: -48px;
	background:#1890cd url("../images/left3.png") no-repeat center center !important;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
@media (min-width: 1025px) {
 .about03 .slick-next:hover,  .about04 .slick-next:hover {
 border: 1px solid #1890cd;
 background: #1890cd url("../images/left3.png") no-repeat center center !important;
}
}
.about03 .slick-dots, .about04 .slick-dots {
	z-index: 9;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.about03 .slick-dots li, .about04 .slick-dots li {
	float: none;
	width: 17px;
	height: 17px;
	border-radius: 50%;
}
.about03 .slick-dots li button:before, .about04 .slick-dots li button:before {
	content: "";
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #7f7f7f;
	opacity: 1;
}
.about03 .slick-dots .slick-active button:before, .about04 .slick-dots .slick-active button:before {
	background-color: #1890cd;
}
.about04 .list {
	margin: 0 -22px;
}
.about04 .item {
	padding: 0 22px;
}
.about04 .box {
	padding: 30px 30px 75px 30px;
	background: #f9f9f9 url(../images/bg5.png) no-repeat bottom left;
}
.about04 .img {
	padding: 0 44px;
}
.about04 .img .pic:after {
	padding-bottom: 78.68852459%;
}
.about04 .text {
	padding-top: 34px;
}
.about04 .date {
	color: #999999;
	font-size: 19px;
	text-align: center;
}
.about04 .bt {
	font-size: 24px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: rgba(51, 51, 51, 0.9);
	margin-top: 17px;
	margin-bottom: 12px;
}
.about04 .jsh {
	font-size: 18px;
	line-height: 37px;
	overflow: hidden;
	height: 74px;
	color: rgba(51, 51, 51, 0.7);
}
.about05 {
	padding: 60px 0 83px 0;
	position: relative;
}
.about05 .about-bottom {
	margin-top: 66px;
	position: relative;
}
.about05 ul {
	margin: 0 -10px;
}
.about05 ul li {
	width: 12.5%;
	float: left;
	padding: 0 10px;
	margin-bottom: 20px;
}
.about05 ul li .pic {
	border: 1px solid #efefef;
}
.about05 ul li .pic:after {
	padding-bottom: 50%;
}
.about05 ul li .pic img {
	max-width: 80%;
	max-height: 80%;
}
.about05 ul li .bt {
	font-size: 16px;
	color: #333;
	line-height: 40px;
	padding: 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}
.case-show {
	border-top: 1px solid #e6e6e6;
	margin-top: 120px;
	padding: 30px 0 68px 0;
}
.case01 {
	background: url("../images/bg6.jpg") no-repeat top center;
	background-size: 100% !important;
}
.case01 .text {
	float: left;
	width: 43%;
	padding-left: 90px;
	padding-top: 59px;
	padding-bottom: 60px;
}
.case01 .text .bt {
	font-size: 38px;
	color: #71A1FF;
	font-weight: bold;
	line-height: 101px;
	letter-spacing: 3px;
	margin-bottom: 90px;
	min-height: 202px;
	max-height: 202px;
	overflow: hidden;
}
.case01 .text .span {
	font-size: 24px;
	color: #71A1FF;
	line-height: 42px;
	font-family: "SourceHanSansSC-Light";
}
.case01 .img {
	float: right;
	width: 54%;
	padding-right: 26px;
}
.case01-1 {
	background: url("../images/bg6-1.jpg") no-repeat top center;
}
.case01-1 .text {
	padding-bottom: 90px;
}
.case01-1 .text .bt {
	font-size: 50px;
	color: #24a8a2;
	letter-spacing: 1px;
	margin-bottom: 108px;
}
.case01-1 .text .span {
	color: #37c6c0;
	/* padding-left: 105px; */
  position: relative;
}
.case01-1 .text .span img {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	max-height: 85px;
}
.case02 {
	padding: 40px 0 87px 0;
}
.case02 .left {
	float: left;
	width: 61%;
	font-size: 16px;
	color: #333;
	line-height: 30px;
	padding-left: 8%;
}
.case02 .left p {
	margin-bottom: 5px;
}
.case02 .right {
	float: right;
	width: 38%;
}
.case02-1 .right {
	padding-top: 31px;
}
.case02 .right .cbt {
	margin-bottom: 20px;
}
.case02 .right p {
	color: #333;
	line-height: 30px;
	font-size: 16px;
}
.case02-1 {
	padding-bottom: 116px;
}
.case02-1 .left {
	width: 40%;
	margin-top: -42px;
}
.cspan {
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.7);
}
.cspan:after {
	content: '';
	display: block;
	width: 23px;
	height: 1px;
	background: rgba(0, 0, 0, 0.7);
	margin-top: 4px;
	margin-bottom: 1px;
}
.cbt {
	font-size: 24px;
	color: rgba(0, 0, 0, 0.9);
	font-weight: bold;
}
.cjsh {
	color: rgba(0, 0, 0, 0.7);
	line-height: 30px;
	font-size: 16px;
}
.case03 {
	padding: 94px 0 97px 0;
	background: url("../images/bg7.jpg") no-repeat top center;
	background-size: cover;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
}
.case03 .left {
	float: left;
	width: 20%;
}
.case03 .right {
	width: 74.5%;
	float: right;
}
.case03 .right ul {
	margin: 0 -6px;
}
.case03 .right ul li {
	width: 50%;
	float: left;
	padding: 0 6px;
}
.case03 .right ul li .box {
	background: #efefef;
}
.case03 .right ul li .pic {
	width: 80px;
}
.case03 .right ul li .text {
	padding-left: 106px;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 44px;
	min-height: 290px;
}
.case03 .right ul li .text .bt {
	font-size: 52px;
	color: #71A1FF;
	margin-bottom: 27px;
}
.case03 .right ul li .text .bt img {
	display: inline-block;
	vertical-align: middle;
}
.case03 .right ul li .text .jsh {
	line-height: 30px;
	color: rgba(0, 0, 0, 0.7);
	min-height: 120px;
}
.case04 {
	padding: 94px 0 121px 0;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
}
.case04 .left {
	float: left;
	width: 40%;
}
.case04 .left .cbt {
	margin-bottom: 29px;
}
.case04 .right {
	width: 53.5%;
	float: right;
}
.case04 .right img {
	margin: 0 auto;
}
.case05 {
	padding: 94px 0 98px 0;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
}
.case05 .left {
	float: right;
	width: 38%;
}
.case05 .left .cbt {
	margin-bottom: 29px;
}
.case05 .left p {
	color: rgba(0, 0, 0, 0.7);
	line-height: 30px;
	font-size: 16px;
}
.case05 .left .cjsh {
	margin-bottom: 24px;
	padding-bottom: 46px;
	border-bottom: 1px solid #e1e2e2;
}
.case05 .left .slider-nav {
	margin: 0 -5px;
	position: relative;
	padding-bottom: 70px;
}
.case05 .left .slider-nav .pic {
	cursor: pointer;
}
.case05 .left .slider-nav .slick-slide {
	padding: 0 5px;
}
.case05 .left .slick-prev, .case05 .left .slick-next {
	width: 50px;
	height: 50px;
	margin-top: 0;
	z-index: 5;
	opacity: 1;
	bottom: 0;
	top: auto;
	border: 1px solid #fff;
}
.case05 .left .slick-prev:before, .case05 .left .slick-next:before {
	content: '';
}
@media (min-width: 1025px) {
 .case05 .left .slick-prev:hover,  .case05 .left .slick-next:hover {
 border: 1px solid #e4e5e5;
}
}
.case05 .left .slick-prev {
	left: auto;
	right: 60px;
	background: url("../images/left2.png") no-repeat center center !important;
}
.case05 .left .slick-next {
	right: 0;
	background: url("../images/left2.png") no-repeat center center !important;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.case05 .right {
	width: 53.5%;
	float: left;
}
.case05 .pic:after {
	padding-bottom: 70.57291667%;
}
.case06 {
	padding: 94px 0 74px 0;
}
.case06 .left {
	float: left;
	width: 45%;
}
.case06 .left .cjsh {
	margin-top: 29px;
}
.case06 .right {
	width: 53.5%;
	float: right;
}
.case06-1 {
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
	padding-bottom: 107px;
}
.case06-1 .left {
	float: right;
	width: 53%;
	padding-top: 51px;
	line-height: 30px;
	font-size: 16px;
}
.case06-1 .left > p {
	margin-top: 29px;
}
.case06-1 .left .cjsh {
	line-height: 30px;
}
.case06-1 .right {
	width: 42%;
	float: left;
}
.case06-2 {
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 36px;
}
.case06-2 .left {
	float: left;
	line-height: 36px;
}
.case06-2 .right {
	float: right;
}
.related-title {
	text-align: center;
	font-size: 30px;
	color: rgba(0, 0, 0, 0.9);
	font-weight: bold;
	margin-bottom: 60px;
}
.case07 .clist .pic:after {
	padding-bottom: 52.40174672%;
}
.product .second-nav {
	margin-top: 0;
}
.p-title {
	font-size: 36px;
	color: #71A1FF;
	font-weight: bold;
	text-align: left;
}
.product01 {
	padding-top: 63px;
}
.product01 .info {
	margin-top: 61px;
	position: relative;
	overflow: hidden;
	padding-bottom: 3px;
	border-bottom: 1px solid #f3f3f3;
}
.product01 .info .img {
	position: absolute;
	top: 34px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 482px;
}
.product01 ul li {
	width: 35%;
	float: left;
	margin-bottom: 117px;
}
.product01 ul li .bt {
	font-size: 30px;
	color: #000;
	line-height: 53px;
	font-weight: bold;
	text-align: right;
	padding-right: 87px;
	margin-bottom: 17px;
}
.product01 ul li .bt span {
	width: 53px;
	height: 53px;
	vertical-align: middle;
	margin: 0 10px;
	text-align: center;
	font-size: 38px;
	color: #fff;
	display: inline-block;
	border-radius: 50%;
	font-family: "SourceHanSansSC-Light";
	background: #71A1FF;
}
.product01 ul li .jsh {
	padding: 41px 80px 43px 30px;
	color: #fff;
	line-height: 36px;
	min-height: 156px;
}
.product01 ul li:nth-child(2n) {
 float: right;
 width: 38%;
}
.product01 ul li:nth-child(2n) .box {
 padding-left: 20px;
}
.product01 ul li:nth-child(2n) .bt {
 text-align: left;
}
.product01 ul li:nth-child(1) .jsh {
 background: url("../images/pbg1.png") no-repeat top left;
}
.product01 ul li:nth-child(2) .box {
 background: url("../images/pbg2.png") no-repeat left 56px;
}
.product01 ul li:nth-child(2) .jsh {
 color: rgba(0, 0, 0, 0.8);
 padding: 41px 26px 43px 57px;
}
.product01 ul li:nth-child(3) {
 margin-bottom: 0;
}
.product01 ul li:nth-child(3) .box {
 background: url("../images/pbg3.png") no-repeat left 34px;
}
.product01 ul li:nth-child(3) .bt {
 padding-right: 150px;
}
.product01 ul li:nth-child(3) .jsh {
 color: rgba(0, 0, 0, 0.8);
 padding: 25px 92px 43px 55px;
}
.product01 ul li:nth-child(4) {
 margin-bottom: 0;
 margin-top: -55px;
}
.product01 ul li:nth-child(4) .box {
 padding-left: 20px;
}
.product01 ul li:nth-child(4) .bt {
 padding-left: 116px;
 padding-right: 0;
}
.product01 ul li:nth-child(4) .jsh {
 padding: 41px 20px 43px 140px;
 background: url("../images/pbg4.png") no-repeat top right;
}
.product02 {
	padding: 58px 0;
}
.product02 .second-nav {
	margin-top: 62px;
}
.product02 .show {
	padding-top: 69px;
	padding-bottom: 45px;
	border-bottom: 1px solid #f3f3f3;
}
.product02 .show .info {
	display: none;
}
.product02 .show .text {
	float: left;
	width: 51%;
	/* margin-top: 47px; */
  padding-top: 35px;
	text-align: center;
	/* padding-bottom: 22px; */
  -webkit-box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
	-webkit-animation: fadeInLeft 1s;
	animation: fadeInLeft 1s;
	min-height: 510px;
	background: #ffffff url("../images/bg8.png") no-repeat bottom left;
}
.product02 .show .text .bt {
	text-align: center;
	text-transform: uppercase;
	font-size: 22px;
	color: #3f3f3f;
	position: relative;
	padding-top: 45px;
	margin-bottom: 21px;
	font-weight:bold;
}
.product02 .show .text .bt:after {
	content: '';
	display: block;
	margin: 23px auto 0 auto;
	width: 41px;
	height: 2px;
	background: #a6a6a6;
}
.product02 .show .text .bt span {
	font-size: 100px;
	font-weight: bold;
	font-family: "SourceHanSansSC-Light";
	color: rgba(3, 3, 3, 0.05);
	letter-spacing: 10px;
	display: none!important;
	line-height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.product02 .show .text .jsh {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0 50px;
}
.product02 .show .text .jsh p {
	text-align: left;
	padding-left: 20px;
	background: url("../images/dian2.png") no-repeat left 11px;
}
.product02 .show .img {
	float: right;
	width: 49%;
	-webkit-animation: fadeInRight 1s;
	animation: fadeInRight 1s;
	-webkit-box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
}
.product02 .xz-more {
	float: left;
	width: 100%;
	display:none!important;
}
.product02 .xz-more .h3 {
	color: #71A1FF;
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
	letter-spacing: 3px;
	margin-bottom: 15px;
}
@media (max-width: 1100px) {
 margin-bottom: 10px;
}
.pp1 {
	padding-bottom: 68px !important;
}
.pp2 .info {
	padding-bottom: 26px;
	border-bottom: 1px solid #f3f3f3;
}
.pp2 .p-title {
	text-align: left;
	margin-bottom: 44px;
}
.pp2 .text {
	float: left;
	width: 50%;
	text-align: justify;
}
.pp2 .right {
	float: right;
	width: 44%;
}
.pp2 .right .box {
	float: left;
	width: 50%;
	padding: 0 8px;
}
.pp2 .right .box .pic {
	border: 1px solid #dcdddd;
	border-radius: 10px;
}
.pp2 .right .pic:after {
	padding-bottom: 45%;
}
.pp2right .text {
	float: right;
}
.pp2right .right {
	float: left;
}
.pp02 .info {
	padding-top: 80px;
	border-bottom: 0;
}
.p-span {
	font-size: 24px;
	color: #333;
	padding-left: 47px;
	margin-bottom: 20px;
	background: url("../images/dot2.png") no-repeat center left;
}
.p-jsh1 {
	font-size: 16px;
	line-height: 28px;
}
.p-jsh {
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
.p-jsh p {
	text-align: left;
	padding-left: 20px;
	margin-bottom: 10px;
	background: url(../images/dian2.png) no-repeat left 11px;
	background-size: 8px;
}
@font-face {
 font-family: "D-DINCondensed";
 src: url("../font/D-DINCondensed.woff2") format("woff2"), url("../font/D-DINCondensed.woff") format("woff"), url("../font/D-DINCondensed.ttf") format("truetype"), url("../font/D-DINCondensed.eot") format("embedded-opentype"), url("../font/D-DINCondensed.svg") format("svg");
 font-weight: normal;
 font-style: normal;
}
.pp3 {
	padding-top: 59px;
}
.pp3 .info {
	padding-bottom: 47px;
}
.pp3 .p-title {
	text-align: left;
	margin-bottom: 25px;
}
.pp3 .p-jsh1 {
	margin-bottom: 46px;
	color: #666;
}
.pp3 .list {
	padding-top: 16px;
	padding-bottom: 19px;
}
.pp3 .list ul {
	margin: 0 -16px;
	font-size: 0;
	text-align: center;
}
.pp3 .list ul li {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	padding: 0 16px;
	margin-bottom: 35px;
}
.pp3 .list ul li .box {
	position: relative;
	padding: 22px 20px;
	height: 276px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 10px 0 rgba(97, 176, 219, 0.13);
	box-shadow: 0 0 10px 0 rgba(97, 176, 219, 0.13);
	background: #ffffff url("../images/bg15.jpg") no-repeat bottom right;
}
.pp3 .list ul li .box .bt {
	overflow: hidden;
	margin-bottom: 14px;
}
.pp3 .list ul li .box .img {
	float: left;
	height: 50px;
}
.pp3 .list ul li .box .num {
	float: right;
	font-size: 28px;
	color: rgba(0, 0, 0, 0.1);
	font-family: "D-DINCondensed";
	font-weight: bold;
	width: 32px;
	line-height: 35px;
}
.pp3 .list ul li .box .jsh {
	font-size: 16px;
	line-height: 28px;
	overflow: hidden;
	text-align: justify;
	padding: 0 10px;
}
.pp3 .list ul li:nth-child(5), .pp3 .list ul li:nth-child(6), .pp3 .list ul li:nth-child(7) {
 width: 31%;
}
.pp3 .p-jsh2 {
	font-size: 16px;
	line-height: 28px;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 20px;
}
.pp3 .table {
/* text-align: justify; */
}
.pp3 .table .tr {
	color: #fff;
}
.pp3 .table .tr td {
	font-size: 18px;
	background: #61b0db;
	border: 1px solid #dbeffa;
}
.pp3 .table td {
	padding: 14px 11px;
	line-height: 24px;
	font-size: 16px;
	border: 1px solid #e1e3e5;
}
.pp3 .table tr {
	background: #fff;
}
.pp3 .table tr:nth-child(2n) {
 background: #fafdff;
}
.pp4 {
	padding-top: 57px;
}
.pp4 .p-title {
	text-align: left;
	margin-bottom: 27px;
}
.pp4 .p-jsh1 {
	margin-bottom: 50px;
}
.pp4 .list1 {
	padding-bottom: 65px;
}
.pp4 .list1 ul {
	margin: 0 -20px;
}
.pp4 .list1 ul li {
	width: 50%;
	float: left;
	padding: 0 20px;
}
.pp4 .list1 ul li .box {
	-webkit-box-shadow: 0 0 20px 0 rgba(9, 74, 110, 0.1);
	box-shadow: 0 0 20px 0 rgba(9, 74, 110, 0.1);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	overflow: hidden;
}
.pp4 .list1 ul li .box .bt {
	color: #fff;
	font-size: 24px;
	line-height: 56px;
	padding-left: 30px;
	background: #61b0db;
}
.pp4 .list1 ul li .box .bt img {
	display: inline-block;
	vertical-align: text-top;
}
.pp4 .list1 ul li .box .p-jsh {
	font-size: 16px;
	padding: 27px 41px;
	min-height: 270px;
	background: #fff;
}
.pp4 .list1 ul li .box .p-jsh span {
	color: #333;
}
.pp4 .img {
	padding-bottom: 51px;
	border-bottom: 1px solid #f3f3f3;
}
.pp5 {
	padding-top: 60px;
}
.pp5 .p-title {
	text-align: left;
	margin-bottom: 27px;
}
.pp5 .p-jsh1 {
	padding-bottom: 44px;
	border-bottom: 1px solid #f3f3f3;
	/* line-height: 32px; */
  margin-bottom: 90px;
}
.product02-1 {
	padding: 65px 0 19px 0;
	position: relative;
}
.product02-1 .info {
	margin-top: 65px;
}
.product02-1 .text {
	float: right;
	width: 51%;
	margin-top: 45px;
	text-align: center;
	min-height: 490px;
	position: relative;
	-webkit-box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
	background: #ffffff url("../images/bg9.png") no-repeat bottom left;
}
.product02-1 .text .bt {
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
}
.product02-1 .text .bt span {
	font-size: 100px;
	font-weight: bold;
	font-family: arial;
	color: rgba(3, 3, 3, 0.05);
	display: block;
	line-height: 100px;
}
.product02-1 .text .jsh {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	max-height: 100%;
	padding: 0 88px;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.product02-1 .text .jsh p {
	text-align: left;
}
.product02-1 .img {
	float: left;
	width: 49%;
}
.product02-1 .more3 {
	color: #71A1FF;
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	cursor: pointer;
}
.product02-1 .more3 img {
	display: inline-block;
	vertical-align: middle;
}
.product02-2 .text {
	float: left;
	background: #ffffff url("../images/bg8.png") no-repeat bottom left;
}
.product02-2 .img {
	float: right;
}
.product02-3 .text .jsh {
	padding: 0 130px;
}
.product02-4 .text .bt {
	top: 27px;
}
.product02-4 .text .bt span {
	letter-spacing: -14px;
}
.product02-4 .text .jsh {
	padding: 0 50px;
}
.product02-5 {
	padding-bottom: 77px;
}
.pp03 {
	margin-bottom: 40px;
}
.pp03 .more3 {
	left: 88px;
	-webkit-transform: none;
	transform: none;
}
.product03-1 {
	padding: 65px 0 19px 0;
	position: relative;
}
.product03-1 .info {
	margin-top: 65px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.product03-1.part-2 .info {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.product03-1.part-2 .info1 {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.product03-1 .info1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 65px;
}
.product03-1 .info1 .text1 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.product03-1 .text {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle;
	width: 51%;
	text-align: center;
	min-height: 270px;
	position: relative;
	padding-bottom: 60px;
	-webkit-box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
	background: #ffffff url("../images/bg9.png") no-repeat bottom left;
}
.product03-1 .text .bt {
	padding-top: 30px;
	font-size: 28px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
}
.product03-1 .text .bt:after {
	content: '';
	display: block;
	margin: 23px auto 0 auto;
	width: 41px;
	height: 2px;
	background: #a6a6a6;
}
.product03-1 .text .bt span {
	font-size: 100px;
	font-weight: bold;
	font-family: arial;
	color: rgba(3, 3, 3, 0.05);
	display: block;
	line-height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.product03-1 .text .jsh {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	max-height: 100%;
	padding: 40px 50px 0 50px;
}
.product03-1 .text .jsh p {
	text-align: left;
}
.product03-1 .text .hr {
	font-size: 18px;
	font-weight: bold;
	color: #71A1FF;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	cursor: pointer;
}
.product03-1 .text .hr img {
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.product03-1 .text .active img {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.product03-1 .text .more3 {
	color: #71A1FF;
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	cursor: pointer;
}
.product03-1 .text .more3 img {
	display: inline-block;
	vertical-align: middle;
}
.product03-1 .img {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
	-webkit-box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
}
#open .text .hr img {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.product03-2 .text {
	/* float: left; */
  background: #ffffff url("../images/bg8.png") no-repeat bottom left;
}
/* .product03-2 .img { */
/* float: right; */
/* } */
.product03-4 .text .jsh p {
	text-align: center;
}
.product03-5 {
	padding-bottom: 80px;
}
.pp-title .text .bt {
	font-size: 22px;
	position: relative;
	top: auto !important;
	left: auto !important;
	font-weight: bold;
}
.pp-title .text .bt:after {
	content: '';
	display: block;
	margin: 23px auto 0 auto;
	width: 41px;
	height: 2px;
	background: #a6a6a6;
}
.pp-title .text .bt span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.product03 {
	position: relative;
}
.product03 .p-title {
	text-align: left;
}
.product03 .jsh {
	padding: 55px 0 48px 0;
	border-bottom: 1px solid #f3f3f3;
}
.product03 .jsh .phimg {
	overflow: hidden;
}
.product03 .jsh .phimg .box {
	padding: 15px;
	margin-bottom: 15px;
	width: 25%;
	float: left;
	overflow: hidden;
}
.product03 .jsh .phimg img {
	margin: 0 auto;
	overflow: hidden;
	height: 40px;
}
.product03 .more3 {
	margin-top: 20px;
	display:none!important;
}
@media (max-width: 768px) {
 .product03-1 .text .hr {
 position: relative;
 bottom: 0;
}
 .product03 .jsh .phimg {
 display: none;
}
 .product03 .jsh .pcimg {
 display: none;
}
 .product03 .jsh .phimg .box {
 width: 50%;
}
}
.product03 .jsh .h3 {
	color: #71A1FF;
	font-size: 24px;
	font-weight: bold;
	margin-top: 34px;
	letter-spacing: 3px;
	margin-bottom: 33px;
}
.product04 {
	padding: 57px 0;
	position: relative;
}
.product04 .left {
/*float: left;
  width: 74%;*/
}
.product04 .left .jsh {
	padding: 55px 0 43px 0;
	border-bottom: 1px solid #f3f3f3;
}
.product04 .left img {
	margin: 0 auto;
}
.product04 .p-title {
	text-align: left;
	margin-bottom:40px;
}
.product02-0 {
	padding: 65px 0 80px 0;
	font-size: 0;
	position: relative;
}
.product02-0 .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.product02-0.part-2 .info {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.product02-0 .text {
	display: inline-block;
	vertical-align: middle;
	width: 51%;
	text-align: center;
	min-height: 290px;
	padding-bottom: 60px;
	position: relative;
	-webkit-box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
	background: #ffffff url("../images/bg9.png") no-repeat bottom left;
}
.product02-0 .text .bt {
	text-align: center;
	text-transform: uppercase;
}
.product02-0 .text .bt span {
	font-size: 100px;
	font-weight: bold;
	font-family: arial;
	color: rgba(3, 3, 3, 0.05);
	display: block;
	line-height: 100px;
	letter-spacing: -10px;
}
.product02-0 .text .bt {
	font-size: 28px;
	position: relative;
	padding-top: 30px;
	top: auto !important;
	left: auto !important;
}
.product02-0 .text .bt:after {
	content: '';
	display: block;
	margin: 20px auto 0 auto;
	width: 41px;
	height: 2px;
	background: #a6a6a6;
}
.product02-0 .text .bt span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.product02-0 .text .jsh {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	width: 100%;
	padding: 40px 50px 0 50px;
	text-align: center;
}
.product02-0 .text .jsh p {
	text-align: left;
}
.product02-0 .img {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
}
.product02-0 .more3 {
	color: #71A1FF;
	cursor: pointer;
	width: 100%;
	position: absolute;
	bottom: 20px;
}
.product02-0 .more3 a {
	margin: auto;
}
.product02-0 .more3 img {
	display: inline-block;
	vertical-align: middle;
}
.product02-0 .more3 a {
	font-size: 14px;
	margin: 0 auto;
}
.dialog {
	float: right;
	width: 240px;
	margin-top: 29px;
	padding-bottom: 26px;
	background: #eef0f2;
	position: fixed;
	top: 34%;
	right: 20px;
	z-index: 22;
	display: none;
}
.dialog .close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: #fff;
	color: #333;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	font-family: arial;
	cursor: pointer;
}
.dialog .bt {
	line-height: 65px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #71A1FF;
}
.dialog .info {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
}
.dialog .info .pic {
	width: 70px;
	float: left;
	border-radius: 50%;
}
.dialog .info span {
	color: #71A1FF;
	font-size: 18px;
	margin-left: 26px;
	line-height: 70px;
	display: inline-block;
}
.dialog .jsh {
	font-size: 12px;
	padding-top: 14px;
	padding-left: 10px;
	padding-right: 10px;
}
.dialog .jsh p img {
	display: inline-block;
	vertical-align: middle;
}
.dialog .jsh .more3 a {
	margin-top: 23px;
	width: 100px;
	height: 30px;
	line-height: 30px;
}
.dialog.active1 {
	display: block;
}
.more3 a {
	min-width: 130px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	border-radius: 20px;
	background: #71A1FF;
	padding: 0 15px;
	-webkit-box-shadow: 0 0 10px 0 rgba(70, 166, 215, 0.23);
	box-shadow: 0 0 10px 0 rgba(70, 166, 215, 0.23);
}
.more3 a:hover {
	background-color: #1f9bde;
}
.product05 .p-title {
	text-align: left;
}
.product05 .text {
	width: 43%;
	float: left;
	min-height: 352px;
}
.product05 .text .jsh {
	padding: 35px 0 43px 0;
	line-height: 36px;
}
.product05 .text .jsh .more3 {
	margin-top: 10px;
}
.product05 .right {
	width: 81%;
	float: right;
	margin-top: -350px;
}
.product05 .right ul {
	margin: 0 -8px;
}
.product05 .right li {
	width: 16.666667%;
	float: right;
	padding: 0 8px;
	margin-bottom: 16px;
}
.product05 .right li .box {
	border: 1px solid #dcdddd;
	border-radius: 10px;
}
.product05 .right li .pic:after {
	padding-bottom: 60%;
}
.product05 .text .jsh .phimg {
	display: none;
	margin-top: 20px;
}
.product05 .jsh .phimg ul {
	margin: 0 -8px;
}
.product05 .jsh .phimg li {
	width: 50%;
	float: left;
	padding: 0 8px;
	margin-bottom: 16px;
}
.product05 .jsh .phimg li .box {
	border: 1px solid #dcdddd;
	border-radius: 10px;
}
.product05 .jsh .phimg li .pic:after {
	padding-bottom: 60%;
}
@media (max-width: 1025px) {
 .product05 .text {
 width: 100%;
}
 .product05 .text .jsh .phimg {
 display: block;
}
 .product05 .right {
 display: none;
}
 .product05 .jsh .phimg li {
 width: 20%;
}
}
@media (max-width: 768px) {
 .product05 .jsh .phimg li {
 width: 25%;
}
}
@media (max-width: 600px) {
 .product05 .jsh .phimg li {
 width: 33.333333333%;
}
}
@media (max-width: 480px) {
 .product05 .jsh .phimg li {
 width: 50%;
}
}
.product05 .info {
	padding-bottom: 50px;
	position: relative;
	overflow: hidden;
}
.sitemap {
	overflow: hidden;
}
.sitemap .map {
	width: 100%;
	margin: 0 auto;
}
.sitemap .map dl {
	border: #71A1FF solid 1px;
	border-top: #71A1FF solid 2px;
	border-bottom: 0;
	margin: 20px 0 20px 0;
}
.sitemap .map dl:hover {
	background: #f5f8fa;
}
.sitemap .map dl:hover dt a {
	color: #71A1FF;
}
.sitemap .map dt {
	background: #fcfcfc;
	color: #232323;
	font-size: 16px;
	line-height: 40px;
	border-bottom: #d6dbe1 solid 1px;
	padding: 0 0 0 20px;
}
.sitemap .map dt a {
	color: #333333;
}
.sitemap .map dt a:hover {
	color: #71A1FF;
}
.sitemap .map dt img {
	margin-left: 20px;
	display: inline-block;
}
.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 .p2 a:hover {
	color: #764b00;
}
.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;
}
.sitemap .map dd div a:hover {
	background: #71A1FF;
	color: #ffffff;
}
#outerslider {
	width: 100%;
	margin: 0 auto;
	margin-top: 50px;
}
#slidercontainer {
	position: relative;
	height: 358px;
}
.box_skitter_large {
	width: 1000px;
	height: 358px;
}
.box_skitter_large .label_skitter {
	bottom: 0px;
	left: 0px;
	padding: 0;
	background: url(../images/opacity-slider-text.png) repeat;
	font-size: 12px;
	padding: 10px 30px;
	color: #fff;
	font-family: Arial, 'SourceHanSansSC-Light';
}
.inbanner2 .txtbox {
	top: 25%;
	-webkit-transform: none;
	transform: none;
}
.inbanner2 .txtbox h3:before {
	/* background: #fff; */
  margin-bottom: 18px;
}
.inbanner2 .txtbox h3 {
	font-weight: bold;
}
.inbanner2 .hover {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 56px 0;
	height: 249px;
	background: rgba(0, 0, 0, 0.64);
	border-top-left-radius: 70px;
	border-top-right-radius: 70px;
}
.inbanner2 .hover .left {
	float: left;
	width: 49%;
}
.inbanner2 .hover .left p {
	font-size: 35px;
	font-weight: bold;
}
.inbanner2 .hover .left .h3 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 12px;
}
.inbanner2 .hover .left .p {
	font-size: 14px;
}
.inbanner2 .hover .right {
	float: right;
}
.inbanner2 .hover .right ul li {
	float: left;
	text-align: center;
	margin-bottom: 16px;
	margin-left: 24px;
	position: relative;
}
.inbanner2 .hover .right ul li:after {
	content: '';
	display: block;
	width: 28px;
	height: 2px;
	background: #999999;
	position: absolute;
	top: 39%;
	right: -32px;
}
.inbanner2 .hover .right ul li .num {
	font-size: 36px;
	color: #696969;
	font-weight: bold;
	line-height: 100px;
	-webkit-transition: 0.1s;
	transition: 0.1s;
}
.inbanner2 .hover .right ul li .bt {
	color: #666666;
}
.inbanner2 .hover .right ul li:hover .num {
	color: #fff;
	font-size: 70px;
}
.inbanner2 .hover .right ul li:hover .bt {
	color: #fff;
}
.inbanner2 .hover .right ul li:nth-child(5):after {
 display: none;
}
.inbanner2 .hover .right ul .active .num {
	color: #fff;
	font-size: 70px;
}
.inbanner2 .hover .right ul .active .bt {
	color: #fff;
}
.inmain {
	position: relative;
}
.height1 {
	position: absolute;
	top: -340px;
	left: 0;
	width: 100%;
}
.inbanner2 .hover.active1 {
	position: fixed;
	top: 90px;
	left: 0;
	width: 100%;
	height: 60px;
	padding: 10px 0;
	border-radius: 0;
	z-index: 4444;
	background: #fff;
	border-top: 1px solid #efefef;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.inbanner2 .hover.active1 .left {
	display: none;
}
.inbanner2 .hover.active1 .left p {
	font-size: 26px;
}
.inbanner2 .hover.active1 .left .h3 {
	font-size: 22px;
}
.inbanner2 .hover.active1 .right ul li .bt {
	line-height: 40px;
}
.inbanner2 .hover.active1 .right ul li:after {
	display: none;
}
.inbanner2 .hover.active1 .right ul li:hover .bt {
	color: #71A1FF;
}
.inbanner2 .hover.active1 .right ul li.active .bt {
	color: #71A1FF;
}
.inbanner2 .hover.active1 .right ul li .num {
	font-size: 30px;
	line-height: 72px;
	display: none;
}
.inbanner2 .hover.active1 .right ul .active .num {
	font-size: 50px;
}
.inbanner2 .hover.active1 .right ul li:hover .num {
	color: #fff;
	font-size: 50px;
}
.classlist1 {
	margin-top: 58px;
	position: relative;
	margin-bottom: 59px;
	overflow: hidden;
}
.classlist1:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #c9caca;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 1;
}
.classlist1 ul {
	padding: 0 150px;
	position: relative;
	text-align: center;
	z-index: 2;
}
.classlist1 ul li {
	width: 16.66666667%;
	display: inline-block;
	vertical-align: top;
}
.classlist1 ul li a {
	font-size: 20px;
	color: rgba(0, 0, 0, 0.4);
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	padding-top: 37px;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	position: relative;
}
.classlist1 ul li a:after {
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -6px;
	-webkit-transition: 0.1s;
	transition: 0.1s;
	background: url("../images/dot1h.png") no-repeat center center;
}
.classlist1 ul li:hover a {
	color: #1890cd;
}
.classlist1 ul li:hover a:after {
	width: 23px;
	height: 23px;
	top: 0;
	margin-left: -11px;
	background: url("../images/dot1.png") no-repeat center center;
}
.classlist1 ul .active a {
	color: #1890cd;
}
.classlist1 ul .active a:after {
	width: 23px;
	height: 23px;
	top: 0;
	margin-left: -11px;
	background: url("../images/dot1.png") no-repeat center center;
}
.height {
	height: 1px;
	position: absolute;
	top: -90px;
	left: 0;
	width: 100%;
}
.yincang {
	height: 0;
	overflow: hidden;
}
.yincang .item01 {
	padding-bottom: 40px;
	margin-bottom: 31px;
	position: relative;
	border-bottom: 1px solid #f0f0f0;
}
.yincang .item01 .num01 {
	font-size: 24px;
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 15px;
}
.yincang .item01 .bt01 {
	font-size: 28px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.9);
	margin-bottom: 15px;
}
.yincang .item01 .span01 {
	font-size: 22px;
	font-weight: bold;
	color: #333;
	margin-bottom: 11px;
}
.yincang .item01 .jsh01 {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 44px;
}
.yincang .item01 .list1 {
	padding-top: 17px;
}
.yincang .item01 .list1 li {
	float: left;
	margin: 0 23px;
	width: 30%;
}
.yincang .item01 .list1 li .bt {
	font-size: 20px;
	color: #fff;
	width: 102px;
	line-height: 35px;
	border-radius: 30px;
	text-align: center;
	background: #7dc1e3;
	font-weight: bold;
	margin-bottom: 25px;
}
.yincang .item01 .list1 li .p {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}
.yincang .item01 .left {
	width: 40%;
	float: left;
}
.yincang .item01 .right {
	float: right;
	width: 53%;
}
.yincang .hr1 {
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}
.yincang .hr1 img {
	display: inline-block;
	vertical-align: middle;
}
.yincang .img1 {
	padding: 40px 0;
	text-align: center;
}
.yincang .img1 span {
	display: inline-block;
	vertical-align: top;
}
.yincang.show {
	display: block;
}
.show .img1 span {
	-webkit-animation: zoomIn 1s;
	animation: zoomIn 1s;
}
.product03-5 .show .img1 {
	overflow: hidden;
	position: relative;
}
.product03-5 .show .img1 span {
	-webkit-animation: fadeInDown 1s;
	animation: fadeInDown 1s;
}
.product03-5 .show .img1 span:nth-child(2) {
 -webkit-animation: fadeInUp 1s;
 animation: fadeInUp 1s;
}
.product02-0 .text2 {
	display: none;
}
.product02-0 .text1 {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 80px;
}
.product03-1 .text2 {
	display: none !important;
}
@media (max-width: 1600px) {
 .nav ul li a {
 font-size: 15px;
 line-height: 35px;
 padding: 0px 20px;
}
 .nav {
 margin-right: 39px;
 padding-top: 35px;
}
 .nav ul li {
 padding-left: 20px;
}
 .home-banner .home-banner-slick .item .banner-hover .bt {
 margin-bottom: 22px;
}
 .home-banner .home-banner-slick .item .banner-hover img {
/* height: 92px; */
  }
 .home-banner .home-banner-slick .item .banner-hover .p {
 font-size: 34px;
 letter-spacing: 3px;
 margin-bottom: 54px;
}
 .more a,  .more p {
 width: 148px;
 line-height: 34px;
 font-size: 16px;
}
 .home-banner .home-banner-slick .slick-dots li button:before {
 width: 14px;
 height: 14px;
}
 .home-banner .home-banner-slick .slick-dots {
 bottom: 60px;
}
 .home-banner .home-banner-slick .slick-dots li {
 margin: 0 6px;
}
 .home-banner .home-banner-slick .item .banner-hover {
 padding-top: 100px;
}
 .home-title .h3 {
 font-size: 30px;
 margin-bottom: 5px;
}
 .home-title .p {
 font-size: 20px;
}
 .home-product {
 padding-top: 74px;
 padding-bottom: 18px;
}
 .home-product .home-bottom {
 padding-top: 52px;
}
 .prolist li {
 padding: 0 11px;
 padding-bottom: 20px;
}
 .prolist {
 margin: 0 -11px;
}
 .prolist .text {
 padding: 20px 22px 10px 16px;
}
 .prolist .bt {
 font-size: 15px;
 margin-bottom: 8px;
}
 .prolist .p {
 line-height: 18px;
 height: 90px;
 margin-bottom: 10px;
}
 .prolist .more1 {
 line-height: 43px;
}
 .home-fanwei {
 padding-top: 106px;
 padding-bottom: 143px;
 background-size: 1600px !important;
}
 .home-fanwei .right .mapCon {
 -webkit-transform: scale(0.83);
 transform: scale(0.83);
 margin-top: -74px;
 margin-right: -97px;
}
 .home-fanwei .right {
 height: 649px;
}
 .home-fanwei #mapChina {
 height: 649px;
}
 .home-fanwei .left {
 padding-top: 90px;
}
 .home-fanwei .list .numBox {
 font-size: 22px;
}
 .home-fanwei .list .div-2 {
 font-size: 13px;
}
 .gou {
 width: 18px;
}
 .home-case {
 margin-top: -124px;
 padding-top: 73px;
 padding-bottom: 88px;
}
 .home-fanwei .nr {
 padding: 0 16px;
}
 .classlist ul li a {
 font-size: 16px;
 padding-bottom: 41px;
 background-size: 20px !important;
}
 .classlist {
 margin-top: 43px;
 margin-bottom: 49px;
}
 .fenleilist .item .second-list {
 padding: 75px 0 0 12px;
 height: 385px;
}
 .fenleilist .item .second-list ul li a .h3 {
 font-size: 14px;
}
 .fenleilist .item .second-list ul li a {
 padding-left: 27px;
}
 .fenleilist .item .second-list ul li {
 margin-bottom: 25px;
}
 .pics-4 {
 height: 385px;
}
 .pics-4 .text {
 padding-top: 46px;
 padding-left: 37px;
}
 .pics-4 .text .bt {
 font-size: 14px;
 padding-bottom: 14px;
 margin-bottom: 3px;
}
 .pics-4 .text .jsh {
 font-size: 13px;
 line-height: 24px;
 height: 216px;
}
 .controller {
 bottom: 40px;
 left: 37px;
}
 .pics-1 {
 width: 149px;
 bottom: 13px;
 left: 38%;
}
 .pics-2 {
 width: 294px;
 bottom: 25px;
 left: 51%;
}
 .pics-3 {
 width: 200px;
 top: 19px;
}
 .home-about {
 padding-top: 46px;
 padding-bottom: 74px;
}
 .home-about .home-bottom .jsh {
 font-size: 15px;
 line-height: 30px;
}
 .home-about .home-bottom {
 padding-top: 40px;
}
 .youshi li .num .counter,  .youshi li .num .counter1 {
 font-size: 30px;
 line-height: 35px;
}
 .youshi {
 margin-top: 67px;
 padding: 0 116px;
}
 .youshi li .h3 {
 font-size: 14px;
}
 .youshi li .num {
 height: 39px;
 overflow: hidden;
 margin-bottom:8px;
}
 .youshi li .num b {
 font-size: 20px;
}
 .youshi li .num b {
 font-size: 14px;
}
 .home-news {
 padding-top: 73px;
 padding-bottom: 77px;
}
 .vlist {
 margin-top: 26px;
 margin-bottom: 37px;
}
 .vlist ul li a {
 line-height: 30px;
 padding: 0 15px;
 min-width: 100px;
}
 .newslist li .text .bt {
 font-size: 18px;
 margin-bottom: 10px;
 padding-right: 97px;
}
 .newslist li .text {
 padding: 20px 0 0 0;
}
 .newslist li .text .jsh {
 font-size: 14px;
 line-height: 22px;
 height: 44px;
}
 .home-news .show .info .newslist {
 padding-bottom: 53px;
}
 .home-news .slick-prev,  .home-news .slick-next {
 width: 26px;
 height: 26px;
}
 .footer-top {
 padding: 51px 0 10px 0;
}
 .footer-top .footer-contact .footer-tel h3 {
 font-size: 14px;
}
 .footer-top .footer-contact .footer-tel p {
 font-size: 26px;
}
 .footer-top .footer-contact .footer-tel {
 margin-bottom: 24px;
}
 .footer-top .footer-contact .p p {
 margin-bottom: 2px;
}
 .footer .link {
 font-size: 14px;
 line-height: 38px;
}
 .footer-top .footer-ul li a {
 font-size: 14px;
 margin-bottom: 20px;
}
 .footer-top .footer-ul li ul li a {
 line-height: 24px;
 font-size: 12px;
 margin-bottom: 9px;
}
 .footer-top .footer-ul {
 padding-right: 35px;
}
 .footer-top .footer-ul li {
 margin-left: 22px;
}
 .footer .youqing {
 font-size: 12px;
 padding-bottom: 13px;
}
 .footer .footer-bottom {
 padding: 20px 0;
 font-size: 12px;
}
 .inbanner .txtbox h3 {
 font-size: 30px;
 margin-bottom: 8px;
}
 .inbanner .txtbox h3:before {
 width: 54px;
}
 .inbanner .txtbox p {
 font-size: 16px;
 line-height: 26px;
}
 .current span {
 background-size: 15px;
 padding-left: 18px;
 font-size: 14px;
}
 .current .info {
 padding: 17px 0;
}
 .second-nav {
 margin-top: 58px;
}
 .second-nav ul li {
 line-height: 65px;
}
 .second-nav ul li a {
 font-size: 18px;
}
 .content {
/* padding: 58px 0; */
  }
 .caselist {
 margin: 0 -13px;
}
 .caselist li {
 padding: 0 13px;
 margin-bottom: 23px;
}
 .caselist li .bt {
 font-size: 18px;
 margin-bottom: 7px;
}
 .caselist li .jsh {
 font-size: 14px;
}
 .caselist li .text {
 padding: 19px 70px 19px 18px;
}
 .caselist li:hover .text {
 background-size: 54px;
}
 .case .slick-dots {
 bottom: 16px;
}
 .case .slick-dots li button:before {
 width: 14px;
 height: 14px;
}
 .case .slick-dots li {
 margin: 0 6px;
}
 .news-list li .text .bt {
 font-size: 16px;
 margin-bottom: 10px;
}
 .news-list li .text .jsh {
 font-size: 12px;
}
 .news-list li a {
 padding: 20px;
}
 .news-list .info span {
 font-size: 12px;
 margin-right: 20px;
}
 .news-list li .text .date div {
 font-size: 30px;
}
 .pro3_bottom a {
 padding: 0 11px;
 line-height: 30px;
 font-size: 12px;
}
 .pro3_bottom button.zxfokbtn {
 line-height: 30px;
}
 .pro3_bottom span input {
 height: 30px;
 line-height: 30px;
}
 .pro3_bottom {
 font-size: 12px;
}
 .pro3_bottom span {
 font-size: 12px;
}
 .newsshow .title {
 font-size: 39px;
 padding: 40px 0 20px 0;
}
 .newsshow .date-title {
 padding-bottom: 55px;
}
 .newsshow h3 {
 font-size: 20px;
}
 .newsshow .nr p {
 font-size: 16px;
}
 .newsshow .share ul li {
 width: 33px;
 height: 33px;
}
 .newsshow .share {
 padding: 17px 40px;
 line-height: 33px;
}
 .prev-next .news-prev {
 line-height: 77px;
 height: 77px;
}
 .prev-next {
 font-size: 15px;
}
 .prev-next .return {
 line-height: 77px;
 height: 77px;
}
 .prev-next .news-next {
 line-height: 77px;
 height: 77px;
}
 .newsshow .share span {
 line-height: 33px;
}
 .inbanner1 .txtbox h3 {
 font-size: 22px;
}
 .inbanner1 .txtbox p {
 font-size: 40px;
}
 .contact-list1 li .pic {
 width: 50px;
}
 .contact-list1 li {
 font-size: 16px;
}
 .about-title {
 font-size: 30px;
}
 .contact-list1 {
 margin-bottom: 44px;
}
 .about-title:after {
 width: 45px;
 margin: 16px auto 0 auto;
}
 .formlist {
 padding-top: 61px;
 padding-bottom: 57px;
}
 .formlist li .box input,  .formlist li .box textarea,  .formlist li .box select {
 height: 49px;
 font-size: 14px;
}
 .formlist li {
 margin-bottom: 13px;
}
 .formlist li .box textarea {
 height: 183px;
}
 .verify-wrap .drag-btn {
 width: 49px;
 height: 49px;
}
 .verify-wrap .fix-tips,  .verify-msg {
 line-height: 47px;
}
 .verify-wrap {
 height: 49px;
}
 .verify-wrap .drag-progress {
 height: 49px;
 line-height: 49px;
}
 .formlist li .box label .bt {
 font-size: 14px;
}
 .formlist .send a {
 width: 164px;
 height: 44px;
 font-size: 18px;
 line-height: 42px;
}
 #allmap {
 height: 520px;
}
 .list-div dl dt span {
 font-size: 18px;
}
 .list-div dl dt span .address {
 font-size: 14px;
}
 .list-div .jobsub {
 padding: 20px;
 font-size: 14px;
}
 .list-div dl {
 margin: 50px auto 42px auto;
}
 .home-title1 h3 {
 font-size: 50px;
 line-height: 50px;
}
 .home-title1 p {
 font-size: 30px;
}
 .about01 .about-bottom {
 padding-top: 46px;
}
 .about01 .text .bt span {
 font-size: 74px;
}
 .about01 .text .bt p {
 font-size: 25px;
 margin-top: 11px;
}
 .about01 .img {
 margin-top: 53px;
 padding-left: 51px;
}
 .about01 .img:after {
 top: 29px;
}
 .about01 .text .bt {
 margin-bottom: 9px;
}
 .about01 .text .p {
 font-size: 14px;
 line-height: 25px;
 margin-bottom: 9px;
}
 .about01 .text ul li .num {
 font-size: 30px;
}
 .about01 .text ul li .h3 {
 font-size: 12px;
}
 .about01 .text ul {
 margin-bottom: 28px;
}
 .more2 a {
 width: 122px;
 height: 36px;
 line-height: 36px;
 padding: 0 20px;
 font-size: 12px;
}
 .more2 a:after {
 right: 14px;
 top: 8px;
}
 .about01 {
 padding-bottom: 88px;
}
 .about02 {
 padding: 70px 0 102px 0;
}
 .about02 .about-bottom {
 padding-top: 63px;
}
 .about02 .about-bottom .slider-for h3 {
 font-size: 34px;
 margin-bottom: 6px;
}
 .about02 .about-bottom .slider-for p {
 font-size: 18px;
 line-height: 33px;
}
 .about02 .about-bottom .slider-nav h3 {
 font-size: 20px; 
}
 .about02 .about-bottom .slider-for {
 margin-bottom: 69px;
}
 .about02 .about-bottom .slider-nav {
 padding-bottom: 19px;
 margin-left: 74px;
 margin-right: 74px;
 /*background-size: 100%;*/
}
 .about02 .about-bottom .slider-nav .slick-prev,  .about02 .about-bottom .slider-nav .slick-next {
 background-size: 18px;
}
 .about03 {
 padding: 51px 0 69px 0;
}
 .about03 .about-bottom,  .about04 .about-bottom {
 margin-top: 62px;
 padding-bottom: 59px;
}
 
 .about03 .box {
/* padding: 48px 30px 34px 30px; */
  }
 .about03 .bt {
 font-size: 25px;
 margin-bottom: 7px;
}
 .about03 .span {
 font-size: 25px;
 margin-bottom: 75px;
}
 .about03 .more a,  .about03 .more p {
 width: 128px;
 line-height: 41px;
 font-size: 18px;
}
 .about03 .hover {
 padding: 48px 30px 34px 30px;
}
 .about03 .hover .jsh {
 font-size: 14px;
 line-height: 26px;
 height: 130px;
}
 .about03 .slick-dots li,  .about04 .slick-dots li {
 width: 14px;
 height: 14px;
}
 .about03 .slick-dots li button:before,  .about04 .slick-dots li button:before {
 content: "";
 width: 14px;
 height: 14px;
}
 .about04 .box {
 padding: 24px 24px 68px 24px;
}
 .about04 .img {
 padding: 0 33px;
}
 .about04 .text {
 padding-top: 27px;
}
 .about04 .date {
 font-size: 16px;
}
 .about04 .bt {
 font-size: 19px;
 margin-top: 16px;
 margin-bottom: 9px;
}
 .about04 .jsh {
 font-size: 16px;
 line-height: 30px;
 height: 60px;
}
 .about01 .slick-dots {
 left: 16px;
}
 .case-show {
 margin-top: 100px;
 padding: 26px 0 58px 0;
}
 .case01 .text {
 padding-left: 91px;
 padding-top: 115px;
 padding-bottom: 51px;
}
 .case01 .text .bt {
 font-size: 50px;
 line-height: 87px;
 margin-bottom: 73px;
 min-height: 174px;
 max-height: 174px;
}
 .case01 .text .span {
 font-size: 19px;
 line-height: 36px;
}
 .case02 {
 padding: 31px 0 73px 0;
}
 .case02 .left {
 font-size: 16px;
 line-height: 28px;
}
 .case02 .right {
 padding-top: 26px;
}
 .cbt {
 font-size: 20px;
}
 .cspan {
 font-size: 14px;
}
 .cjsh {
 font-size: 14px !important;
 line-height: 28px !important;
}
 .case03 {
 padding: 78px 0 81px 0;
}
 .case03 .right ul li .pic {
 width: 65px;
}
 .case03 .right ul li .text {
 padding-left: 86px;
 padding-top: 15px;
 padding-right: 50px;
 padding-bottom: 37px;
 min-height: 245px;
}
 .case03 .right ul li .text .bt {
 font-size: 45px;
 margin-bottom: 22px;
}
 .case03 .right ul li .text .jsh {
 line-height: 26px;
 min-height: 104px;
 font-size: 14px;
}
 .case04 {
 padding: 78px 0 70px 0;
}
 .case04 .left .cjsh {
 margin-top: 22px;
 font-size: 16px!important;
}
 .case05 {
 padding: 78px 0 98px 0;
}
 .case05 .left .cjsh {
 margin-top: 23px;
 margin-bottom: 20px;
 padding-bottom: 38px;
}
 .case06 {
 padding: 79px 0 60px 0;
}
 .case06-1 .left {
 font-size: 16px;
 line-height: 28px;
}
 .case06-1 .left > p {
 margin-top: 24px;
}
 .case06 .left .cjsh {
 margin-top: 24px;
}
 .related-title {
 font-size: 25px;
 margin-bottom: 53px;
}
 .p-title {
 font-size: 30px;
}
 .product01 {
 padding-top: 49px;
}
 .product01 .info {
 margin-top: 52px;
}
 .product01 ul li .bt {
 font-size: 25px;
 line-height: 44px;
 padding-right: 75px;
 margin-bottom: 17px;
}
 .product01 ul li .bt span {
 width: 44px;
 height: 44px;
 font-size: 30px;
}
 .product01 ul li .jsh {
 padding: 32px 66px 34px 22px;
 line-height: 31px;
 font-size: 14px;
}
 .product01 ul li:nth-child(1) .jsh {
 background-size: 100%;
}
 .product01 .info .img {
 top: 28px;
 width: 400px;
}
 .product01 ul li {
 margin-bottom: 103px;
}
 .product01 ul li:nth-child(2) .box {
 background: url(../images/pbg2.png) no-repeat left 46px;
 background-size: 100%;
}
 .product01 ul li:nth-child(2) .jsh {
 padding: 32px 21px 40px 45px;
}
 .product01 ul li:nth-child(3) .bt {
 padding-right: 100px;
}
 .product01 ul li:nth-child(3) .box {
 background: url(../images/pbg3.png) no-repeat left 24px;
 background-size: 100%;
}
 .product01 ul li:nth-child(3) .jsh {
 padding: 15px 76px 35px 42px;
}
 .product01 ul li:nth-child(4) .bt {
 padding-left: 95px;
}
 .product01 ul li:nth-child(4) .jsh {
 padding: 34px 20px 43px 118px;
 background-size: 100%;
}
 .product02 {
 padding: 48px 0;
}
 .product02 .second-nav {
 margin-top: 53px;
}
 .product02 .show {
 padding-top: 58px;
 padding-bottom: 42px;
}
 .product02 .show .text {
 min-height: 468px;
}
 .product02 .show .text .bt span {
 font-size: 78px;
 line-height: 75px;
}
 .product02 .show .text .bt {
 font-size: 23px;
 padding-top: 0;
 margin-bottom: 22px;
}
 .product02 .show .text .bt:after {
 margin: 20px auto 0 auto;
}
 .product02 .show .text .jsh {
 font-size: 14px;
 line-height: 30px;
}
 .product02 .show .text .jsh p {
 background: url(../images/dian2.png) no-repeat left 11px;
}
 .product03 .jsh {
 padding: 47px 0 40px 0;
 font-size: 14px;
}
 .product03 .jsh .h3 {
 font-size: 19px;
 margin-top: 29px;
 margin-bottom: 29px;
}
 .more3 a {
 width: 108px;
 height: 34px;
 line-height: 34px;
}
 .product04 {
 padding: 49px 0;
}
 .product04 .left .jsh {
 padding: 46px 0 43px 0;
 font-size: 14px;
}
 .product05 .text .jsh {
 padding: 32px 0 43px 0;
 line-height: 30px;
 font-size: 14px;
}
 .product05 .info {
 padding-bottom: 40px;
}
 .float ul li .bt {
 display: none;
}
 .float ul li {
 width: 40px;
 height: 40px;
}
 .float ul li .hover1 {
 right: 40px;
}
 .float ul li .hover {
 right: 40px;
}
 .case01-1 .text .bt {
 font-size: 50px;
 margin-bottom: 84px;
}
 .case01-1 .text .span {
/* padding-left: 100px; */
  }
 .case02-1 .left {
 margin-top: -12px;
}
 .case02-1 {
 padding-bottom: 87px;
}
 .case06-1 {
 padding-bottom: 78px;
}
 .case06-1 .left {
 padding-top: 39px;
}
 .case06-1 .left .cjsh {
 line-height: 30px;
}
 .product02-1 {
 padding: 52px 0 19px 0;
}
 .product02-1 .info {
 margin-top: 54px;
}
 .product02-1 .text {
 margin-top: 39px;
 min-height: 406px;
}
 .product02-1 .text .bt span {
 font-size: 90px;
 line-height: 90px;
}
 .product02-1 .text .bt {
 top: 62px;
}
 .product02-1 .text .jsh {
 font-size: 14px;
 line-height: 25px;
 padding: 0 73px;
}
 .product02-1 .text .bt span {
 font-size: 80px;
}
 .product02-3 .text .jsh {
 padding: 0 115px;
}
 .product02-4 .text .jsh {
 padding: 0 45px;
}
 .product02-5 {
 padding-bottom: 70px;
}
 .product03-1 {
 padding: 51px 0 19px 0;
}
 .product03-1 .info {
 margin-top: 53px;
}
  /* .product03-1 .text { */
  /* margin-top: 34px; */
  /* min-height: 282px; */
  /* } */
  .product03-1 .text .bt span {
 font-size: 90px;
 line-height: 90px;
}
 .product03-1 .text .jsh {
 font-size: 16px;
 line-height: 25px;
/* padding: 0 101px; */
  }
 .product03-5 {
 padding-bottom: 70px;
}
 .inbanner2 .hover {
 padding: 30px 0;
}
 .inbanner2 .hover .left p {
 font-size: 30px;
}
 .inbanner2 .hover .left .h3 {
 font-size: 25px;
}
 .inbanner2 .hover .right ul li .bt {
 font-size: 12px;
}
 .inbanner2 .hover .right ul li .num {
 font-size: 30px;
 line-height: 80px;
}
 .inbanner2 .hover .right ul .active .num {
 font-size: 50px;
}
 .inbanner2 .hover .right ul li {
 margin-left: 15px;
}
 .inbanner2 .hover .right ul li:after {
 right: -23px;
}
 .yincang {
/* padding: 77px 0 0 0; */
  }
 .classlist1 {
 margin-top: 46px;
 margin-bottom: 48px;
}
 .classlist1 ul li a {
 font-size: 17px;
 padding-top: 32px;
}
 .yincang .item01 .num01 {
 font-size: 20px;
 margin-bottom: 10px;
}
 .yincang .item01 .bt01 {
 font-size: 23px;
 margin-bottom: 13px;
}
 .yincang .item01 .span01 {
 font-size: 19px;
 margin-bottom: 8px;
}
 .yincang .item01 .jsh01 {
 font-size: 14px;
 line-height: 26px;
 margin-bottom: 36px;
}
 .yincang .item01 .list1 {
 padding-top: 14px;
}
 .yincang .item01 .list1 li .bt {
 font-size: 16px;
 width: 90px;
 line-height: 30px;
 margin-bottom: 21px;
}
 .yincang .item01 .list1 li .p {
 font-size: 14px;
 line-height: 26px;
}
 .yincang .item01 .list1 li {
 margin: 0 10px;
}
 .yincang .item01 {
 padding-bottom: 31px;
 margin-bottom: 26px;
}
 .formlist li .box img {
 height: 49px;
}
 .pp1 .show {
 padding-top: 44px;
}
 .inbanner2 .hover.active1 .left .h3 {
 font-size: 20px;
}
 .inbanner2 .hover.active1 .left p {
 font-size: 22px;
}
 .pp1 .jsh1 {
 font-size: 14px;
 line-height: 30px;
}
 .p-span {
 font-size: 20px;
 padding-left: 38px;
 margin-bottom: 20px;
 background-size: 33px;
}
 .pp2 .p-title {
 margin-bottom: 36px;
}
 .p-jsh {
 font-size: 14px;
 padding-left: 0;
}
 .p-jsh p {
 padding-left: 14px;
}
 .pp2 .info {
 padding-bottom: 23px;
}
 .pp3 {
 padding-top: 48px;
}
 .p-jsh1 {
 font-size: 14px;
 line-height: 24px;
}
 .pp3 .p-title {
 margin-bottom: 19px;
}
 .pp3 .p-jsh1 {
 margin-bottom: 38px;
}
 .pp3 .list {
 padding-top: 10px;
 padding-bottom: 17px;
}
 .pp3 .list ul li {
 padding: 0 14px;
 margin-bottom: 29px;
}
 .pp3 .list ul {
 margin: 0 -14px;
}
 .pp3 .list ul li .box .jsh {
 font-size: 14px;
 line-height: 24px;
}
 .pp3 .list ul li .box {
 padding: 16px;
 height: 246px;
}
 .pp3 .list ul li .box .bt {
 margin-bottom: 4px;
}
 .pp3 .p-jsh2 {
 font-size: 14px;
 line-height: 24px;
 padding-top: 5px;
 margin-bottom: 16px;
}
 .pp3 .table td {
 padding: 5px;
 line-height: 20px;
 font-size: 14px;
}
 .pp3 .table .tr td {
 font-size: 14px;
}
 .pp3 .info {
 padding-bottom: 45px;
}
 .pp4 {
 padding-top: 49px;
}
 .pp4 .p-title {
 margin-bottom: 22px;
}
 .pp4 .p-jsh1 {
 margin-bottom: 40px;
}
 .pp4 .list1 ul li .box .bt {
 font-size: 20px;
 line-height: 47px;
 padding-left: 26px;
}
 .pp4 .list1 ul li .box .bt img {
 width: 29px;
}
 .pp4 .list1 ul li .box .p-jsh {
 font-size: 14px;
 padding: 22px 35px;
 min-height: 225px;
}
 .pp4 .img {
 padding-bottom: 33px;
}
 .pp5 {
 padding-top: 50px;
}
 .pp5 .p-title {
 margin-bottom: 20px;
}
 .pp5 .p-jsh1 {
 padding-bottom: 35px;
 line-height: 28px;
 margin-bottom: 77px;
}
 .pp-title .text .bt {
 font-size: 23px;
}
 .pp-title .text .bt:after {
 margin: 11px auto 0 auto;
}
 .home-fanwei .list .info .title {
 font-size: 14px;
 margin-bottom: 2px;
}
 .tabs {
 padding-left: 50px;
}
 .home-fanwei .list2 {
 margin-left: -50px;
}
 .inbanner2 .hover {
 height: 175px;
}
 .inbanner2 .hover .left .p {
 font-size: 12px;
}
 .inbanner2 .hover .left .h3 {
 font-size: 20px;
}
 .inbanner2 .hover .left p {
 font-size: 24px;
}
 .height1 {
 top: -265px;
}
 .about05 .about-bottom {
 margin-top: 46px;
}
 .product02-0 .text .bt {
 font-size: 23px;
}
 .product02-0 .text .bt:after {
 margin: 11px auto 0 auto;
}
 .product02-0 .text .bt span {
 font-size: 80px;
 line-height: 90px;
}
 .product02-0 .text .jsh {
 font-size: 14px;
 line-height: 25px;
}
}
@media (max-width: 1440px) {
 .product01 ul li:nth-child(3) .bt {
 padding-right: 50px;
}
 .home-fanwei .right .mapCon {
 -webkit-transform: scale(0.73);
 transform: scale(0.73);
 margin-top: -114px;
 margin-right: -97px;
}
 .home-fanwei .right {
 height: 571px;
}
 .home-fanwei #mapChina {
 height: 570px;
}
 .home-fanwei {
 background-size: 1440px !important;
}
 .home-fanwei .list .div-2 {
 line-height: 26px;
}
 .home-fanwei .list .div-2 {
 margin-right: 16px;
}
 .inbanner .txtbox h3 {
 font-size: 30px;
}
 .inbanner .txtbox p {
 font-size: 15px;
}
 .home-fanwei .left {
 padding-top: 70px;
}
 .second-nav {
 margin-top: 50px;
}
 .second-nav ul li {
 line-height: 58px;
}
 .second-nav ul li a {
 font-size: 16px;
}
 .content {
/* padding: 50px 0; */
  }
 .case02 .left {
 line-height: 28px;
}
 .cjsh {
 line-height: 28px;
}
 .case06-1 .left {
 line-height: 28px;
}
 .inbanner1 .txtbox h3 {
 font-size: 20px;
}
 .inbanner1 .txtbox p {
 font-size: 36px;
}
 .about03 .item,  .about04 .item {
 padding: 0 15px;
}
 .about03 .list,  .about04 .list {
 margin: 0;
 padding: 0 20px;
}
 .about03 .slick-prev,  .about04 .slick-prev {
 left: -10px;
}
 .about03 .slick-next,  .about04 .slick-next {
 right: -10px;
}
 .case-show {
 padding: 26px 0 58px 0;
}
 .case01 .text .span {
 font-size: 17px;
}
 .case01 .text .span {
 font-size: 15px;
}
 .case01 .text .bt {
 font-size: 40px;
 margin-bottom: 71px;
 line-height: 67px;
 min-height: 134px;
 max-height: 134px;
}
 .product03-1 .text .bt span {
 font-size: 80px;
 line-height: 80px;
}
}
@media (max-width: 1366px) {
 body {
 font-size: 12px;
}
 .home-banner .home-banner-slick .item .banner-hover img {
/* height: 61px; */
  }
 .home-banner .home-banner-slick .item .banner-hover .bt {
 margin-bottom: 20px;
}
 .newsshow .nr p {
 font-size: 14px;
}
 .newsshow .title {
 font-size: 29px;
 padding: 30px 0 10px 0;
}
 .newsshow .date-title {
 padding-bottom: 35px;
}
 .newsshow .info {
 font-size: 14px;
}
 .about05 {
 padding: 50px 0 53px 0;
}
 .case06-1 .left .cjsh {
 line-height: 24px;
}
 .product03-1 .text .bt span {
 font-size: 70px;
 line-height: 70px;
}
}
@media (max-width: 1280px) {
 .case01 .text {
 padding-left: 76px;
 padding-top: 90px;
}
 .case01 .text .bt {
 font-size: 47px;
 margin-bottom: 42px;
}
 .case02-1 .right {
 padding-top: 77px;
}
 .about02 .about-bottom .slider-nav {
 padding-bottom: 0;
}
 .nav ul li a {
 padding: 0 20px;
}
 .home-fanwei .left {
 padding-top: 70px;
}
 .product02-0 .text .bt {
 padding-top: 25px;
}
 .fenleilist .item .second-list {
 width: 20%;
}
 .fenleilist .item .right-list {
 width: 80%;
}
 .newslist li .text .bt {
 font-size: 16px;
}
 .newslist li .text .jsh {
 font-size: 12px;
}
 .about03 .bt {
 font-size: 20px;
}
 .about03 .span {
 font-size: 20px;
}
 .about03 .more a,  .about03 .more p {
 width: 110px;
 line-height: 34px;
 font-size: 14px;
}
 .product01 .info .img {
 width: 326px;
}
 .product01 ul li .jsh {
 padding: 14px 58px 13px 12px;
}
 .product01 ul li {
 margin-bottom: 38px;
}
 .product02 .show .text {
 min-height: 418px;
}
 .product04 .left {
/*width: 70%;*/
  }
 .product05 .right {
 margin-top: -320px;
}
 .case06-1 .left {
 padding-top: 25px;
}
 .case01 .text .bt {
 font-size: 40px;
 margin-bottom: 71px;
 line-height: 67px;
 min-height: 134px;
 max-height: 134px;
}
 .case01-1 .text .span img {
 margin-top: 0;
 -webkit-transform: inherit;
 transform: inherit;
 padding: 5px 0;
 position: relative;
 width: auto;
}
 .product02-1 .text {
 margin-top: 28px;
 min-height: 380px;
}
 .product02 .show .text .bt span {
 font-size: 58px;
}
 .product02 .show .text .jsh {
 line-height: 26px;
 padding: 0 30px;
}
 .product02-4 .text .jsh {
 padding: 0 30px;
}
 .product02-3 .text .jsh {
 padding: 0 100px;
}
 .product02-1 .text .jsh {
 padding: 0 20px;
}
  /* .product03-1 .text { */
  /* margin-top: 21px; */
  /* min-height: 272px; */
  /* } */
  .product03-1 .text .jsh {
 padding-left: 40px;
 padding-right: 40px;
 font-size: 14px;
 line-height: 30px;
}
 .inbanner2 .hover {
 padding: 23px 0;
}
 .inbanner2 .hover .left p {
 font-size: 25px;
}
 .inbanner2 .hover .left .h3 {
 font-size: 20px;
}
 .classlist1 ul li a {
 font-size: 15px;
}
 .home-fanwei .list .div-2 {
 font-size: 12px;
}
 .home-fanwei .list .title {
 font-size: 14px;
}
 .home-fanwei .list .div-2 {
 font-size: 12px;
 line-height: 24px;
}
 .inbanner2 .hover {
 height: 160px;
}
 .pp02 .info {
 padding-top: 50px;
}
 .product02-0 .text .bt span {
 font-size: 68px;
 line-height: 70px;
}
 .youshi {
 margin-top: 20px;
 padding: 0;
}
 .home-about .home-bottom {
 padding-top: 20px;
}
}
@media (max-width: 1100px) {
 .pp2 .p-title {
 margin-top: 20px;
 margin-bottom: 20px;
}
 .pp2 .text {
 width: 100%;
}
 .pp2 .right {
 width: 100%;
}
 .classlist1 ul {
 padding: 0;
}
 .home-banner .home-banner-slick .item .img1 {
 display: block;
}
 .home-banner .home-banner-slick .item .img {
 display: none;
}
 .home-banner .home-banner-slick .item .banner-hover img {
/* height: 27px; */
  }
 .home-banner .home-banner-slick .item .banner-hover .p {
 font-size: 24px;
 margin-bottom: 14px;
}
 .home-banner .home-banner-slick .slick-dots {
 bottom: 10px;
}
 .home-banner .home-banner-slick .item .banner-hover .bt {
 margin-bottom: 10px;
 font-size: 64px;
}
 .more a,  .more p {
 font-size: 14px;
}
 .home-banner .home-banner-slick .item .banner-hover {
 padding-top: 60px;
}
 .home-banner .home-banner-slick .slick-prev,  .home-banner .home-banner-slick .slick-next {
 width: 24px;
 height: 24px;
 margin-top: -12px;
}
 .home-banner .home-banner-slick .slick-next {
 right: 10px;
 background-size: 10px;
}
 .home-banner .home-banner-slick .slick-prev {
 left: 10px;
 background-size: 10px;
}
 .nav {
 display: none;
}
 .header {
 height: 60px;
}
 .float {
 display: none;
}
 .header .logo {
 margin-top: 11px;
}
 .header .header-right {
 margin-top: 16px;
 margin-right: 50px;
}
.header .lan{margin-left:0px;}
 .phone-nav {
 line-height: 60px;
 display: block;
}
 .home-product {
 padding-top: 34px;
}
 .home-title .h3 {
 font-size: 22px;
}
 .home-title .p {
 font-size: 16px;
}
 .home-product .home-bottom {
 padding-top: 22px;
}
 .prolist li {
 padding: 0 6px;
 padding-bottom: 10px;
}
 .prolist {
 margin: 0 -6px;
}
 .prolist .text {
 padding: 15px 15px 0px 15px;
}
 .home-fanwei {
 background-size: cover !important;
 background: #f3f8fb !important;
 padding-top: 36px;
 padding-bottom: 33px;
}
 .home-fanwei .right .mapCon {
 width: 100%;
 height: auto;
 margin-right: 0;
 margin-top: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 .home-fanwei .right .mapCon .area {
 display: none;
}
 .home-fanwei .right {
 height: auto;
 width: 100%;
}
 .home-fanwei .left {
 padding-top: 20px;
 width: 100%;
}
 .home-fanwei .list li {
 padding-bottom: 18px;
}
 .home-fanwei .list .title {
 font-size: 16px;
 margin-bottom: 0;
}
 .home-case {
 margin-top: 0;
 padding-top: 33px;
 padding-bottom: 28px;
}
 .classlist {
 margin-top: 23px;
 margin-bottom: 20px;
}
 .classlist ul li a {
 padding-bottom: 30px;
}
 .classlist ul {
 padding: 0 50px;
}
 .fenleilist .item .second-list {
 width: 100%;
 margin-bottom: 10px;
}
 .fenleilist .item .right-list {
 width: 100%;
}
 .fenleilist .item .second-list {
 padding: 20px;
 height: auto;
}
 .fenleilist .item .second-list ul li {
 margin-bottom: 0;
 width: 25%;
 float: left;
}
 .fenleilist .item .second-list ul .active a .h3 {
 background: none;
}
 .fenleilist .item .second-list ul li a {
 background: url(../images/dian.png) no-repeat center top;
 padding-top: 20px;
 padding-left: 0;
 text-align: center;
}
 .fenleilist .item .second-list ul .active a {
 background: url(../images/dian1.png) no-repeat center top;
}
 .home-about {
 padding-top: 36px;
 padding-bottom: 34px;
}
 .home-about .home-bottom {
 padding-top: 20px;
 padding-left: 10px;
 padding-right: 10px;
}
 .home-about .home-bottom .jsh {
 font-size: 14px;
 line-height: 25px;
 text-align: justify;
}
 .youshi {
 margin-top: 20px;
 padding: 0;
}
 .youshi li .num {
 margin-bottom: 6px;
}
 .home-news {
 padding-top: 33px;
 padding-bottom: 27px;
}
 .vlist {
 margin-top: 20px;
 margin-bottom: 20px;
}
 .newslist li {
 padding: 0 6px;
}
 .newslist {
 margin: 0 -6px;
}
 .home-news .show .info .newslist {
 padding-bottom: 43px;
}
 .footer-top .footer-ul li {
 margin-left: 36px;
}
 .content {
/* padding: 30px 0; */
  }
 .second-nav {
 margin-top: 30px;
}
 .footer-top {
 padding: 31px 0 10px 0;
}
 .footer-top .footer-contact .footer-tel {
 margin-bottom: 14px;
}
 .product01 {
 padding-top: 29px;
}
 .p-title {
 font-size: 22px;
}
 .product01 .info {
 margin-top: 22px;
}
 .product01 ul li {
 width: 50% !important;
 margin-bottom: 20px !important;
 margin-top: 0 !important;
}
 .product01 ul li .box {
 background: none !important;
}
 .product01 ul li .bt {
 font-size: 18px;
 line-height: 33px;
 text-align: left;
 padding-right: 0 !important;
 position: relative;
 margin-bottom: 10px;
 padding-left: 40px !important;
}
 .product01 ul li .bt span {
 width: 33px;
 height: 33px;
 font-size: 20px;
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
}
 .product01 .info .img {
 display: none;
}
 .product01 ul li .jsh {
 padding: 10px 0!important;
 background: none !important;
 color: #666 !important;
 min-height: 115px;
}
 .product02 {
 padding: 33px 0;
}
 .product02 .second-nav {
 margin-top: 23px;
}
 .product02 .show {
 padding-top: 28px;
 padding-bottom: 22px;
}
 .product02 .show .text .bt span {
 font-size: 58px;
 line-height: 65px;
}
 .product02 .show .text .bt {
 font-size: 18px;
 padding-top: 37px;
 margin-bottom: 20px;
}
 .product03 {
 padding-top: 20px;
}
 .product03 .jsh {
 padding: 17px 0 20px 0;
}
 .product03 .jsh br {
 display: none;
}
 .product03 .jsh .h3 {
 font-size: 16px;
 margin-top: 15px;
 margin-bottom: 15px;
}
 .product04 {
 padding: 29px 0;
}
 .product04 .left .jsh {
 padding: 16px 0 23px 0;
}
 .product05 .text .jsh {
 padding: 22px 0 20px 0;
}
 .product05 .text .jsh br {
 display: none;
}
 .product05 .text {
 min-height: 280px;
/* width: 100%; */
  }
 .product05 .right {
 margin-top: -280px;
}
 .product05 .info {
 padding-bottom: 20px;
}
 .related-title {
 font-size: 22px;
 margin-bottom: 23px;
}
 .caselist li {
 padding: 0 6px;
 margin-bottom: 12px;
}
 .caselist {
 margin: 0 -6px;
}
 .caselist li .text {
 padding: 12px 70px 12px 12px;
}
 .caselist li .bt {
 font-size: 16px;
}
 .case-show {
 margin-top: 60px;
}
 .case01 .text .bt {
 font-size: 24px;
 margin-bottom: 32px;
 line-height: 50px;
 min-height: 100px;
}
 .case01 .text {
 padding-left: 40px;
 padding-bottom: 30px;
}
 .case01-1 .text .span img {
 margin-top: 22px;
}
 .case02 .left {
 font-size: 16px;
 line-height: 28px;
 width: 100%;
 padding: 0;
 color: rgba(0, 0, 0, 0.7);
}
 .case02 .right {
 width: 100%;
 padding-top: 16px;
}
 .case02 {
 padding: 30px 0;
}
 .cbt {
 font-size: 18px;
}
 .case03 {
 padding: 31px 0;
}
 .case03 .right ul li .text .bt {
 font-size: 28px;
 margin-bottom: 13px;
 min-height: auto;
}
 .case03 .right ul li .text .jsh {
 min-height: auto;
}
 .case03 .right ul li .text .bt img {
 width: 9px;
}
 .case03 .right ul li .text {
 padding-left: 79px;
 padding-bottom: 15px;
 min-height: auto;
}
 .case04 {
 padding: 30px 0;
}
 .case05 {
 padding: 38px 0;
}
 .case05 .left .cjsh {
 margin-top: 13px;
 margin-bottom: 20px;
 padding-bottom: 18px;
}
 .case06 {
 padding: 30px 0;
}
 .second-nav ul .slick-prev {
 left: 0;
}
 .second-nav ul .slick-next {
 right: 0;
}
 .newsshow .date-title {
 padding-bottom: 25px;
}
 .newsshow .title {
 font-size: 22px;
 padding: 26px 0 12px 0;
}
 .newsshow .info {
 font-size: 14px;
}
 #allmap {
 height: 320px;
}
 .contact-list1 li .bt {
 margin-top: 10px;
}
 .contact-list1 {
 margin-bottom: 24px;
}
 .formlist {
 padding-top: 27px;
 padding-bottom: 20px;
}
 .about01 .text .bt span {
 font-size: 54px;
}
 .about01 .text .bt {
 padding-top: 20px;
}
 .about01 .img {
 margin-top: 0;
}
 .home-title1 h3 {
 font-size: 30px;
 line-height: 40px;
}
 .home-title1 p {
 font-size: 20px;
 margin-top: -28px;
}
 .about01 .about-bottom {
 padding-top: 26px;
}
 .about01 .text .bt p {
 font-size: 18px;
}
 .about01 {
 padding-bottom: 28px;
}
 .about02 {
 padding: 30px 0 32px 0;
}
 .about02 .about-bottom {
 padding-top: 23px;
}
 .about02 .about-bottom .slider-for h3 {
 font-size: 24px;
}
 .about02 .about-bottom .slider-for p {
 font-size: 16px;
 line-height: 26px;
}
 .about02 .about-bottom .slider-for {
 margin-bottom: 29px;
}
 .about02 .about-bottom .slider-nav h3 {
 font-size: 16px; 
}
 .about03 {
 padding: 29px 0;
}
 .about03 .about-bottom,  .about04 .about-bottom {
 margin-top: 22px;
 padding-bottom: 39px;
}
 .about03 .box {
/* padding: 20px; */
  }
 .about03 .hover {
 padding: 20px;
}
 .about03 .hover {
 padding: 20px;
}
 .about04 .box {
 padding: 20px;
}
 .about02 .about-bottom .slider-nav .slick-prev,  .about02 .about-bottom .slider-nav .slick-next {
 margin-top: -25px;
}
 .inbanner .inbanner-slick {
 display: none;
}
 .inbanner .inbanner-slick1 {
 display: block;
}
 .inbanner .txtbox p {
 font-size: 12px;
 line-height: 22px;
 display: none;
}
  /* .inbanner .txtbox h3 { */
  /* font-size: 18px; */
  /* } */
  .inbanner1 .inbanner-slick {
 display: none;
}
 .inbanner1 .inbanner-slick1 {
 display: block;
}
 .inbanner1 .txtbox p {
 font-size: 22px;
}
 .inbanner1 .txtbox h3 {
 font-size: 14px;
}
 .second-nav ul li {
 width: 20%;
}
 .second-nav ul li a {
 font-size: 12px;
}
 .second-nav ul li {
 line-height: 46px;
}
 .case01-1 .text .span {
 padding-left: 0;
 display: block !important;
}
 .product02-1 {
 padding: 40px 0 19px 0;
}
 .product02-1 .info {
 margin-top: 31px;
}
 .product02-1 .img {
 width: 100%;
}
 .product02-1 .text {
 width: 100%;
 margin-top: 0;
 min-height: 0;
}
 .product02-1 .text .jsh {
 position: relative;
 top: auto;
 left: auto;
 padding: 30px;
 -webkit-transform: none;
 transform: none;
}
 .product02-1 .text .bt span {
 font-size: 60px;
 line-height: 70px;
}
 .product02-1 .text .bt {
 top: 32px;
}
 .product02-5 {
 padding-bottom: 40px;
}
 .product03-1 {
 padding: 40px 0 19px 0;
}
 .product03-1 .info {
 margin-top: 31px;
}
 .product03-1 .img,  .product03-1 .img img {
 width: 100%;
}
 .product03-1 .text {
 min-height: 230px;
 width: 100%;
}
 .product03-1 .text .jsh {
 position: relative;
 top: auto;
 left: auto;
 padding: 20px;
 -webkit-transform: none;
 transform: none;
}
 .product03-1 .text .hr {
 bottom: auto;
}
 .product03-1 .text .bt span {
 font-size: 58px;
 line-height: 70px;
}
  /*.product03-1 .text .bt {
    top: 12px;
	padding-top:0;
  }*/
  .dialog.active1 {
 display: none !important;
}
 .pp3 .list ul li .box .jsh {
 font-size: 12px;
 line-height: 20px;
}
 .inbanner2 .hover.active1 {
 top: 60px;
}
 .about05 ul li {
 width: 20%;
}
 .product02-1 .more3 {
 position: relative;
 bottom: auto;
 left: auto;
 -webkit-transform: none;
 transform: none;
}
 .product02-1 .more3 a {
 margin: 0 auto;
}
 .product02-1 .text {
 padding-bottom: 20px;
}
 .product03-1 .text .more3 {
 position: relative;
 bottom: auto;
 left: auto;
 -webkit-transform: none;
 transform: none;
}
 .product03-1 .text .more3 a {
 margin: 0 auto;
}
  /* .product03-1 .text { */
  /* padding-bottom: 20px; */
  /* min-height: 250px; */
  /* } */
  .product02 .show .img,  .product02 .show .img img {
 width: 100%;
 display: none;
}
 .product02 .show .text {
    /* min-height: 305px; */
    min-height: 230px;
 margin-top: 10px;
 width: 100%;
 padding-bottom: 31px;
}
 .product02-0 .text {
 width: 100%;
}
 .product02-0 .text2 {
 display: inline-block;
 min-height: auto;
}
 .product02-0 .img {
 width: 100%;
}
 .product02-0 .img img {
 margin: 0 auto;
 width: 100%;
}
 .pp3 .list ul li {
 width: 33.3333333%;
}
}
/* @media (max-width: 1000px) { */
/* .product03-1 .text { */
/* min-height: 230px; */
/* }	 */
/* } */
/* @media (max-width: 915px) { */
/* .product03-1 .text { */
/* min-height: 210px; */
/* }	 */
/* } */
/* @media (max-width: 900px) { */
/* .product03-1 .text { */
/* min-height: 190px; */
/* }	 */
/* } */
@media (max-width: 769px) {
 .product02-0 .img {
 display: block;
}
 .newsshow .share .dingyue {
 float: none;
 width: 100%;
 margin-top: 20px;
}
 .inbanner .txtbox {
 top: 70%;
}
 .inbanner2 .txtbox {
 top: 30%;
}
 .inbanner .txtbox h3:before {
 display: none;
}
 .inbanner2 .hover {
 height: auto;
}
 .inbanner2 .hover .left p {
 font-size: 20px;
}
 .inbanner2 .hover .left .h3 {
 font-size: 18px;
}
 .about05 .about-bottom {
 margin-top: 26px;
 max-height: 300px;
 overflow-y: auto;
 overflow-x: hidden;
}
 .about05 {
 padding: 33px 0;
}
 .about05 ul {
 margin: 0 -5px;
    /* max-height: 300px; */
    overflow: hidden;
}
 .about05 ul li {
 width: 25%;
 padding: 0 5px;
 margin-bottom: 10px;
}
 .about05 ul li .bt {
 font-size: 12px;
 line-height: 30px;
}
 .home-fanwei #mapChina {
 display: none;
}
 .home-fanwei .mapChina {
 display: block;
}
 .pics-4 {
 width: 100%;
 height: auto;
}
 .pics-2,  .pics-1,  .pics-3 {
 display: none !important;
}
 .pics-4 .text {
 padding: 20px 20px 40px 20px;
 width: 100%;
}
 .controller {
 bottom: 10px;
 left: 20px;
}
 .youshi li {
 width: 50%;
 border-right: 0;
 margin-bottom: 10px;
}
 .classlist ul {
 padding: 0;
}
 .vlist ul li {
 padding: 0 5px;
 font-size: 14px;
}
 .footer-top .footer-ul {
 display: none;
}
 .footer-top .footer-contact {
 width: 100%;
}
 .footer-top .footer-ewm {
 width: 30%;
 float: left;
}
 .footer-top .footer-ewm img {
 padding: 0px;
}
 .fenleilist .item .second-list ul li {
 width: 50%;
}
 .fenleilist .item .second-list ul li a .p {
 display: none;
}
 .second-nav ul li {
 width: 50%!important;
}
 .product01 ul li {
 width: 100% !important;
}
 .product01 ul li .box {
 padding: 0 !important;
}
 .product01 ul li .jsh {
 padding: 0 !important;
 min-height: auto;
}
 .product04 .left {
 width: 100%;
}
 .product04 .right {
 margin-top: 20px;
 float: left;
}
 .product02 .show .img,  .product02 .show .img img {
 width: 100%;
 display: block;
}
 .product02 .show .text {
 margin-top: 20px;
 padding-bottom: 20px;
 padding-top: 30px;
 width: 100%;
}
 .product02 .show .text {
 margin-top: 0;
 min-height: 0;
}
 .product02-0 .text {
 width: 100%;
}
 .product02-0 .text2 {
 display: inline-block;
}
 .product02-0 .img {
 width: 100%;
}
 .dialog {
 display: none !important;
}
 .product05 .text {
 width: 100%;
 min-height: 0;
}
 .product05 .right {
 width: 100%;
 margin-top: 0;
}
 .product02 .show .text {
 padding: 20px;
}
 .yincang .item01 .right {
 width: 100%;
}
 .yincang .item01 .left {
 width: 100%;
 float: left;
 margin-bottom: 10px;
}
 .caselist li {
 width: 50%;
}
 .caselist li .text {
 padding: 12px;
}
 .case05 .right {
 width: 100%;
}
 .case05 .left {
 width: 100%;
 margin-bottom: 10px;
}
 .case06 .right {
 width: 100%;
}
 .case06 .left {
 width: 100%;
 margin-bottom: 10px;
}
 .case04 .right {
 width: 100%;
}
 .case04 .left {
 width: 100%;
 margin-bottom: 10px;
}
 .case03 .right {
 width: 100%;
}
 .case03 .left {
 width: 100%;
 margin-bottom: 10px;
}
 .case01 .img {
 width: 100%;
 padding-right: 0;
}
 .case01 .text {
 width: 100%;
 margin-bottom: 10px;
 padding: 20px;
}
 .case01 .text .bt {
 text-align: center;
 margin-bottom: 0;
 line-height: 30px;
 min-height: auto;
 max-height: initial;
}
 .case01 .text .span {
 font-size: 16px;
 line-height: 30px;
}
 .case03 .right ul li {
 width: 100%;
 margin-bottom: 10px;
}
 .news-list li .box {
 padding-left: 0;
}
 .news-list li .pic {
 width: 100%;
 position: relative;
 top: auto;
 left: auto;
}
 .news-list {
 margin: 0 -6px;
}
 .news-list li .text .bt {
 font-size: 14px;
 margin-bottom: 5px;
 font-weight: bold;
}
 .news-list li {
 width: 50%;
 float: left;
 padding: 0 6px;
 margin-bottom: 20px;
}
 .news-list li .pic {
 width: 100%;
 position: relative;
 top: auto;
 left: auto;
}
 .news-list li .text {
 padding-right: 0;
 height: auto;
 padding-top: 10px;
 padding-bottom: 10px;
}
 .news-list li .box {
 padding-left: 0;
}
 .news-list li a {
 padding: 0;
}
 .news-list li .text .date {
 position: relative;
 top: auto;
 right: auto;
 padding-bottom: 0;
 display: none;
}
 .news-list li .text .date div {
 display: none;
}
 .news-list li .text .date p {
 text-align: left;
}
 .news-list .info span {
 margin-right: 0;
 display: block;
}
 .newsshow .nr {
 padding: 20px 0 20px 0;
}
 .prev-next .return {
 padding: 0;
 background: #f7f7f7 url(../images/mumu.png) no-repeat center center;
}
 .prev-next .return a {
 color: transparent !important;
}
 .prev-next .news-prev {
 padding-right: 0;
}
 .prev-next .news-next {
 padding-left: 0;
}
 .prev-next .news-prev {
 line-height: 47px;
 height: 47px;
}
 .prev-next .news-next {
 line-height: 47px;
 height: 47px;
}
 .pro3_bottom {
 padding: 0;
}
 .newsshow {
 padding-bottom: 30px;
}
 .newsshow .share {
 padding: 10px;
}
 .contact-list1 li {
 width: 100%;
}
 .formlist li {
 width: 100% !important;
}
 .list-div dl dt {
 padding: 0 15px;
}
 .list-div .jobsub ul li {
 width: 100%;
}
 .list-div .jobsub {
 padding: 20px 0 20px 0;
}
 .list-div dl {
 margin: 20px auto 22px auto;
}
 .about-title {
 font-size: 22px;
}
 .about01 .text {
 width: 100%;
}
 .about01 .img {
 width: 100%;
 padding-left: 0;
}
 .about01 .img:before {
 right: 0;
}
 .about01 .img .slick-prev {
 left: auto;
 right: 63px;
}
 .about01 .img .slick-next {
 right: 23px;
}
 .about01 .img:after {
 height: 100%;
 top: 0;
}
 .about04 .bt {
 font-size: 16px;
}
 .about04 .jsh {
 font-size: 14px;
 line-height: 26px;
 height: 52px;
}
 .about01 .text ul li {
 width: 50%;
 margin-bottom: 10px;
}
 .about01 .text ul {
 margin-bottom: 18px;
}
 .about02 .about-bottom {
 padding-top: 15px;
}
 .case06-1 .left {
 padding-top: 0;
}
 .prolist li {
 width: 50%;
}
 .product02-1 {
 padding: 30px 0 10px 0;
}
 .product02-1 .info {
 margin-top: 21px;
}
 .product02-1 .text .jsh {
 padding: 23px;
}
 .product02-5 {
 padding-bottom: 30px;
}
 .product03-2 {
 padding: 30px 0 10px 0;
}
 .product03-2 .info {
 margin-top: 21px;
}
 .yincang .item01 {
 padding-bottom: 15px;
}
 .yincang .item01 .list1 li {
 width: 100%;
}
 .yincang .item01 .list1 li .p {
 margin-bottom: 21px;
}
 .yincang .item01 .jsh01 {
 margin-bottom: 10px;
}
 .inbanner2 .hover {
 position: relative;
 bottom: auto;
 left: auto;
 border-radius: 0;
 padding: 10px 0;
 overflow: hidden;
}
 .inbanner2 .hover .left {
 width: 100%;
 display: none;
}
 .inbanner2 .hover .right ul li .bt {
 color: #999;
}
 .inbanner2 .hover .right ul li .num {
 font-size: 20px;
 color: rgba(105, 105, 105, 0.8);
 line-height: 60px;
 display: none;
}
 .inbanner2 .hover .right ul li {
 margin-left: 0;
 width: 20%;
 margin-bottom: 10px;
}
 .inbanner2 .hover .right ul .active .num {
 font-size: 30px;
}
 .inbanner2 .hover .right {
 float: none;
}
 .inbanner2 .hover .right ul li:after {
 display: none;
}
 .classlist1 ul {
 padding: 0;
}
 .classlist1 ul li {
 width: 48%;
}
 .inbanner2 .hover.active1 {
 position: relative;
 top: auto;
 left: auto;
 height: auto;
}
 .inbanner2 .hover .left {
 display: none;
}
 .pp2 .right {
 width: 100%;
}
 .pp2 .text {
 width: 100%;
 margin-bottom: 20px;
}
 .pp3 .list ul li .box {
 height: auto;
}
 .pp3 .list ul li {
 width: 100% !important;
 margin-bottom: 20px;
}
 .pp3 .table {
    /* text-align: justify; */
    width: 100%;
 overflow: auto;
}
 .pp3 .table table {
 width: 1000px;
}
 .pp4 .list1 ul li {
 width: 100%;
 padding: 0 20px;
 margin-bottom: 20px;
}
 .pp4 .list1 ul li .box .p-jsh {
 min-height: 0;
}
 .pp4 .list1 {
 padding-bottom: 25px;
}
 .pp5 {
 padding-top: 30px;
}
 .pp5 .p-jsh1 {
 padding-bottom: 30px;
 margin-bottom: 35px;
}
 .pp4 {
 padding-top: 30px;
}
 .pp3 {
 padding-top: 30px;
}
 .product03-1 .text {
 padding-bottom: 20px;
}
 .product03-1 .text .more3 {
 color: #71A1FF;
 position: relative;
 bottom: auto;
 left: auto;
 -webkit-transform: none;
 transform: none;
 cursor: pointer;
}
 .product03-1 .text .more3 a {
 margin: 0 auto;
}
 .pp02 .info {
 padding-top: 30px;
}
 .pp2 .info {
 padding-top: 0;
 padding-bottom: 0;
}
 .pp03 .more3 {
 -webkit-transform: none;
 transform: none;
 position: relative;
 left: auto;
 bottom: auto;
}
 .pp03 .more3 a {
 margin: 0 auto;
}
 .product02-1 .text {
 padding-bottom: 20px;
}
 .pp3 .table table {
 width: 1000px !important;
}
 .product02-0 .info {
 margin-top: 20px;
}
 .product03-5 {
 padding-bottom: 40px;
}
 .product02-0 {
 padding: 31px 0 29px 0;
}
 .pp1 .jsh1 {
 padding: 0;
}
 .yincang .item01 .list1 li {
 margin: 0 10px;
}
}
@media (max-width: 500px) {
 
 .inbanner2 .hover .right ul li {
 width: 33.333333%;
}
}
.slick-slider {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: 0;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:after, .slick-track:before {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	float: left;
	display: none;
	height: 100%;
	min-height: 1px;
}
[dir=rtl] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.slick-next, .slick-prev {
	position: absolute;
	top: 50%;
	display: block;
	margin-top: -10px;
	padding: 0;
	width: 20px;
	height: 20px;
	outline: 0;
	border: none;
	background: 0 0;
	color: transparent;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
	outline: 0;
	background: 0 0;
	color: transparent;
}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
	opacity: 1;
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
	opacity: 0.25;
}
.slick-next:before, .slick-prev:before {
	color: #fff;
	font-size: 20px;
	font-family: slick;
	line-height: 1;
	opacity: .75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: -25px;
}
[dir=rtl] .slick-prev {
	right: -25px;
	left: auto;
}
.slick-prev:before {
	content: '←';
}
[dir=rtl] .slick-prev:before {
	content: '→';
}
.slick-next {
	right: -25px;
}
[dir=rtl] .slick-next {
	right: auto;
	left: -25px;
}
.slick-next:before {
	content: '→';
}
[dir=rtl] .slick-next:before {
	content: '←';
}
.slick-dots {
	position: absolute;
	bottom: -45px;
	display: block;
	padding: 0;
	width: 100%;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.slick-dots li button {
	display: block;
	padding: 5px;
	width: 20px;
	height: 20px;
	outline: 0;
	border: 0;
	background: 0 0;
	color: transparent;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}
.slick-dots li button:focus, .slick-dots li button:hover {
	outline: 0;
}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {
	opacity: 1;
}
.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	color: #000;
	content: '•';
	text-align: center;
	font-size: 6px;
	font-family: slick;
	line-height: 20px;
	opacity: .25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	color: #000;
	opacity: 0.75;
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
@-webkit-keyframes bounce {
 0%,  100%,  20%,  53%,  80% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%,  43% {
 -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
 0%,  100%,  20%,  53%,  80% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%,  43% {
 -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}
@-webkit-keyframes flash {
 0%,  100%,  50% {
 opacity: 1;
}
 25%,  75% {
 opacity: 0;
}
}
@keyframes flash {
 0%,  100%,  50% {
 opacity: 1;
}
 25%,  75% {
 opacity: 0;
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes rubberBand {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(0.95, 1.05, 1);
 transform: scale3d(0.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, 0.95, 1);
 transform: scale3d(1.05, 0.95, 1);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(0.95, 1.05, 1);
 transform: scale3d(0.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, 0.95, 1);
 transform: scale3d(1.05, 0.95, 1);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}
@-webkit-keyframes shake {
 0%,  100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%,  30%,  50%,  70%,  90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%,  40%,  60%,  80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
 0%,  100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%,  30%,  50%,  70%,  90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%,  40%,  60%,  80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
 100% {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
 100% {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}
@-webkit-keyframes tada {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%,  20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%,  50%,  70%,  90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%,  60%,  80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
 0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%,  20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%,  50%,  70%,  90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%,  60%,  80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes wobble {
 0% {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
@keyframes wobble {
 0% {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
@-webkit-keyframes bounceIn {
 0%,  100%,  20%,  40%,  60%,  80% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(0.97, 0.97, 0.97);
 transform: scale3d(0.97, 0.97, 0.97);
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
 0%,  100%,  20%,  40%,  60%,  80% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(0.97, 0.97, 0.97);
 transform: scale3d(0.97, 0.97, 0.97);
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
 -webkit-animation-duration: .75s;
	animation-duration: 0.75s;
}
@-webkit-keyframes bounceInDown {
 0%,  100%,  60%,  75%,  90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
@keyframes bounceInDown {
 0%,  100%,  60%,  75%,  90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
 0%,  100%,  60%,  75%,  90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
@keyframes bounceInLeft {
 0%,  100%,  60%,  75%,  90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
 0%,  100%,  60%,  75%,  90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
@keyframes bounceInRight {
 0%,  100%,  60%,  75%,  90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
 0%,  100%,  60%,  75%,  90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 3000px, 0);
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
 0%,  100%,  60%,  75%,  90% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 3000px, 0);
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
 100% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 50%,  55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 50%,  55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
 -webkit-animation-duration: .75s;
	animation-duration: 0.75s;
}
@-webkit-keyframes bounceOutDown {
 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%,  45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%,  45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%,  45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%,  45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInLeftBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInRightBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100px, 0);
 transform: translate3d(0, 100px, 0);
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100px, 0);
 transform: translate3d(0, 100px, 0);
}
to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
}
@keyframes flip {
 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
@keyframes flipInX {
 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}
@-webkit-keyframes flipInY {
 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
@keyframes flipInY {
 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
.flipInY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
 0% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 opacity: 0;
}
}
@keyframes flipOutX {
 0% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 opacity: 0;
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
 -webkit-animation-duration: .75s;
 animation-duration: .75s;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
 0% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 opacity: 0;
}
}
@keyframes flipOutY {
 0% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 opacity: 0;
}
}
.flipOutY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
 -webkit-animation-duration: .75s;
	animation-duration: 0.75s;
}
@-webkit-keyframes lightSpeedIn {
 0% {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
 100% {
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
@keyframes lightSpeedIn {
 0% {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
 100% {
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
 0% {
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 transform: translate3d(100%, 0, 0) skewX(30deg);
 opacity: 0;
}
}
@keyframes lightSpeedOut {
 0% {
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 transform: translate3d(100%, 0, 0) skewX(30deg);
 opacity: 0;
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
 0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
@keyframes rotateIn {
 0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
@keyframes rotateInDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
@keyframes rotateInDownRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
@keyframes rotateInUpLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
@keyframes rotateInUpRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
 0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, 200deg);
 transform: rotate3d(0, 0, 1, 200deg);
 opacity: 0;
}
}
@keyframes rotateOut {
 0% {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, 200deg);
 transform: rotate3d(0, 0, 1, 200deg);
 opacity: 0;
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
}
@keyframes rotateOutDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
@keyframes rotateOutDownRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
@keyframes rotateOutUpLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 90deg);
 transform: rotate3d(0, 0, 1, 90deg);
 opacity: 0;
}
}
@keyframes rotateOutUpRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 90deg);
 transform: rotate3d(0, 0, 1, 90deg);
 opacity: 0;
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%,  60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%,  80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(0, 700px, 0);
 transform: translate3d(0, 700px, 0);
 opacity: 0;
}
}
@keyframes hinge {
 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%,  60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%,  80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
 100% {
 -webkit-transform: translate3d(0, 700px, 0);
 transform: translate3d(0, 700px, 0);
 opacity: 0;
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}
@-webkit-keyframes rollIn {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes rollIn {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}
@-webkit-keyframes rollOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
@keyframes zoomIn {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
 0% {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 100% {
 opacity: 0;
}
}
@keyframes zoomOut {
 0% {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 100% {
 opacity: 0;
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
 transform: scale(0.1) translate3d(-2000px, 0, 0);
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
}
@keyframes zoomOutLeft {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
 transform: scale(0.1) translate3d(-2000px, 0, 0);
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
 transform: scale(0.1) translate3d(2000px, 0, 0);
 -webkit-transform-origin: right center;
 transform-origin: right center;
}
}
@keyframes zoomOutRight {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
 transform: scale(0.1) translate3d(2000px, 0, 0);
 -webkit-transform-origin: right center;
 transform-origin: right center;
}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
 0% {
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes slideInDown {
 0% {
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
 0% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes slideInLeft {
 0% {
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
 0% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes slideInRight {
 0% {
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
 0% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes slideInUp {
 0% {
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
 visibility: visible;
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
}
}
@keyframes slideOutDown {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateY(100%);
 transform: translateY(100%);
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
}
}
@keyframes slideOutLeft {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
}
}
@keyframes slideOutRight {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateX(100%);
 transform: translateX(100%);
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
@keyframes slideOutUp {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 visibility: hidden;
 -webkit-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}
@media (max-width: 1240px) {
 .home-banner .pages {
 bottom: 20px;
 display: none;
}
}
@media (max-width: 769px) {
 .footer .footer-bottom .allrights {
 display: block;
}
 .product02 {
 padding-bottom: 0;
}
 .more4 {
 padding-top: 15px;
}
 .product03-1 .img {
 width: 100%;
}
 .product03-1 .img img {
 margin: 0 auto;
 display: block;
}
 .product03-1 .text {
 width: 100%;
 margin-top: 0;
 min-height: 0;
}
 .product03-1 .text2 {
 display: inline-block;
}
}
.nowrap {
	white-space: nowrap;
}
@media (max-width: 1023px) {
 .case01 .text .span {
 display: none;
}
}
@media (max-width: 769px) {
 .case01-1 .text .span img {
 margin-top: 22px;
}
 .case05 .left .slider-nav {
 padding-bottom: 0;
}
 .case-show br {
 display: none;
}
}
@media (max-width: 640px) {
 .home-banner .home-banner-slick .item .banner-hover .bt {
 margin-bottom: 0;
 font-size: 24px;
}
 .home-banner .home-banner-slick .item .banner-hover .p {
 font-size: 16px;
 margin-bottom: 8px;
 line-height: 20px;
 letter-spacing: 0;
}
 .case01 .text {
 padding-bottom: 0;
}
 .case01 .text .span {
 font-size: 12px;
 max-width: 60%;
 line-height: 16px;
 padding-top: 10px;
 display: none;
}
 .case01 .text .bt {
 margin-bottom: 10px;
}
 .case01-1 .text .span {
 display: block;
 padding-top: 0;
}
 .case01-1 .text .span img {
 margin-top: 35px;
 max-height: 50px;
}
 .case01-1 .text {
 padding: 27px;
 padding-bottom: 0px;
}
 .case01-1 .text .bt {
 margin-bottom: 0;
 min-height: 80px;
}
}
@media (max-width: 550px) {
 .case01-1 .text .span img {
 margin-top: 20px;
}
 .case01-1 .text {
 margin-bottom: 0;
 padding-bottom: 10px;
}
.case01 {
    background: #e3f6fd; 
}
}
@media (max-width: 500px) {
 .case01-1 .text .span img {
 margin-top: 10px;
}
 .case01-1 .text {
 padding-bottom: 0;
 margin-bottom: 0;
}
 .case01 .text .bt {
 line-height: 30px;
 min-height: 30px;
 height: auto;
 text-align:left;
}
}
@media (max-width: 400px) {
 .case01-1 .text {
 padding-bottom: 0;
 margin-bottom: 0;
}
 
}
.header .lan a.lancur {
	color: #fff;
	background: #71A1FF;
	padding: 5px 10px;
	border-radius: 15px;
}
.headerFixed .lan a.lancur, .header:hover .lan a.lancur {
	color: #fff;
}
.case07 .container {
	border-top: 1px solid #f3f3f3;
	padding-top: 70px;
}
@media (max-width: 1600px) {
 .product03-1 .text .jsh {
 padding-top: 30px;
}
 .product02-0 .text .jsh {
 padding-top: 30px;
}
}
@media (max-width: 1100px) {
 .product03-1 .info1 {
 display: block;
 margin-top: 30px;
}
 .product03-1 .info {
 display: block;
 margin-top: 30px;
}
 .product03-1 .text {
 padding-top: 30px;
}
 .product02-0 .info {
 display: block;
}
 .product05 .info .text {
 width: 100%;
 min-height: auto;
}
 .product05 .info .right {
 width: 100%;
 margin-top: 0;
}
 .disclosure .product02-0 {
 padding: 30px 0 30px 0;
}
 .disclosure .product02-0:last-child {
 padding-top: 0;
}
 .case07 .container {
 padding-top: 40px;
}
}
@media (max-width: 769px) {
 .product02-0 .text .jsh {
 padding: 20px;
}
}
@media (max-width: 768px) {
 .classlist ul {
 margin-left: -5px;
 margin-right: -5px;
}
 .classlist ul li {
 width: 33.33333%;
 padding: 0 5px 10px 5px;
}
 .classlist ul li a:after {
 background: none !important;
}
 .classlist ul li a {
 padding-bottom: 0 !important;
 font-size: 14px;
 color: rgba(0, 0, 0, 0.5);
 line-height: 30px;
 border-radius: 30px;
 border: 1px solid #dcdddd;
 display: block;
}
 .classlist:after {
 display: none;
}
 .classlist ul .active a {
 background-color: #1890cd;
 color: #fff;
 border-color: #1890cd;
}
}
@media (max-width: 413px) {
 .youshi li .h3 {
 font-size: 12px;
}
}
.verify-wrap .drag-btn {
	background: #f7f8f9 url(../images/icon/drag-arrow.svg) no-repeat center center;
	background-size: 20px 20px;
}
.verify-wrap .suc-drag-btn {
	background: #f7f8f9 url(../images/icon/drag-success.svg) no-repeat center center;
	background-size: 20px 20px;
}
.home-about {
	padding:0;
}
.home-about .left {
	width:50%;
	padding:70px;
	position: absolute;
	z-index: 2;
	background:rgba(38, 120, 170, 0.9);
	height:100%;
}
.home-about .right {
	width:100%;
	float:right;
}
.home-about .right .about-list li .pic img {
	width:100%;
}
.home-about .home-title .h3 {
	text-align:left;
}
.home-about .home-bottom .jsh {
	text-align:left;
}
.home-about .home-bottom .youshi {
	padding:0;
}
.home-about .home-bottom .youshi li {
	width:50%;
	text-align:left;
	border-right:none;padding-bottom:15px;
}
.home-about .right .about-list li {
	position: relative;
	overflow:hidden;
}
.home-about .right .about-list li .hover {
	position: absolute;
	z-index: 9;
	bottom: 60px;
	padding:0 20px;
	color:#fff;
	text-align:left;
	width:100%;
	padding-left:52%;
	font-size:20px;
}
.home-about .right .about-list li .pic:after {
	display: block;
	padding-bottom: 37%;
	content: "";
}
.home-news .home-title .h3 {
	text-align:left;
}
.home-news .home-title .p {
	text-align:left;
}
.home-news .vlist ul {
	text-align:left;
}
.about01 .img {
	display:none;
}
.about01 .text {
	width:100%;
}
.about01 .about-bottom {
	padding-top: 0;
}
.about01 .list {
	margin:0 -25px;
}
.about01 .list .item {
	width:33.333333%;
	padding:0 25px;
	float:left;
}
.about01 .list .item .box {
	position:relative;
}
.about01 .list .item .box .tit {
	padding:10px;
	background:#f9f9f9;
}
.about01 .list .item .box .tit .bt {
	font-size:22px;
	font-weight:bold;
}
.about01 .list .item .box .tit .span {
	min-height:81px
}
.about01 .list .item .pic:after {
	padding-bottom:66.666667%;
}
.about06 {
	padding:80px 0;
	margin-bottom: 60px;
	min-height:650px;
}
.about06 .text1 {
	width: 40%;
	color: #fff;
	font-size: 22px;
	margin-bottom: 40px;
	font-weight: bold;
}
.about06 .text2 {
	color:#fff;
}
 @media(max-width:1400px) {
 .home-about .left {
 padding: 35px;
}
.home-about .home-bottom {
    padding-top: 20px;
}
.youshi {
    margin-top: 10px; 
}
.home-about .home-bottom .jsh { 
     
    overflow: hidden;
}
 .home-about .right .about-list li .hover {
 padding-left: 52%;
}
}
.yinwen {
	/*font-size: 22px;
    font-weight: bold;*/
    text-align: left;
	padding: 50px 0px;
}
 @media (max-width: 1600px) {
 .content {
 font-size:14px;
 line-height: 26px;
}
}
.products01 .nr {
	-webkit-box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.15);
	overflow: hidden;
	padding: 50px;
}
.products01 .nr .left {
	width:35%;
	float:left;
	padding-bottom: 50px;
}
.products01 .nr .left .title {
	font-size:22px;
	/* color:#fff; */
	margin-bottom: 20px;
	font-weight: bold;
}
.products01 .nr .left .p {
/* color:#fff */
}
.products01 .nr .right {
	width:65%;
	float:right;
}
.products01 .nr .right dl {
	/* float:left;
	color:#fff; */
	padding: 0 30px 15px 30px;
	position: relative;
	position: relative;
	overflow:hidden;
}
.products01 .nr .right dt {
	margin-bottom:10px;
	float: left;
}
.products01 .nr .right dt span {
	display: inline-block;
}
.products01 .nr .right dd span {
	display: block;
	font-weight:bold;
}
.product02 .show .text .jsh {
	text-align:left;
}
.product04 .jsh2 .top {
	margin-bottom:20px;
}
.product04 .jsh2 .top .imglist {
	width:20%;
	float:left;
	border-bottom: 3px solid #002145;
	padding-bottom:20px;
	position: relative;
}
.product04 .jsh2 .top .imglist:after {
	display: block;
	content: ">";
	width:30px;
	height:30px;
	background:url() #002145;
	position: absolute;
	bottom: -15px;
	border-radius: 50%;
	font-size: 20px;
	line-height:1.5;
	text-align:center;
	color: #fff;
}
.product04 .jsh2 .top .imglist:nth-child(3):after {
 background:url() #00a881;
}
.product04 .jsh2 .top .imglist:nth-child(4):after {
 background:url() #ffb900;
}
.product04 .jsh2 .top .imglist:nth-child(5):after {
 background:url() #f58204;
}
.product04 .jsh2 .top .imglist img {
	max-width:60px;
	margin-left: 0;
}
.product04 .jsh2 .center .text {
	width:20%;
	float:left;
	padding-right: 15px;
}
.product04 .jsh2 .center .text:last-child {
	/*padding-right:0;*/
}
.product04 .jsh2 .center .text .tit {
	color:#002145;
	font-weight:bold;
	font-size:22px;
	margin-bottom: 8px;
}
.product04 .jsh2 .center .text .p {
	color:#002145;
	line-height: 22px;
}
.product06 {
	padding:40px 0;
	background: #71A1FF
}
.product06 .left {
	width:100%;
	float:left;
	text-align:center;
	font-size: 26px;
	font-weight:bold;
	color:#fff;
	margin-bottom: 20px;
}
.product06 .right {
	width:100%;
	float:right;
}
.product06 .right .more3 {
	text-align:center;
}
.product06 .right .more3 a {
	background: #1f9bde;
}
.prolist2 .pic {
	width: 50%;
	float: left;
}
.prolist2 .text {
	width: 50%;
	float: right;
}
 @media(min-width: 1025px) {
 .prolist2 li:hover .box {
 transform:scale(1.05);
 -webkit-transform:scale(1.05);
 box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.26);
 -webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.26);
}
}
.products01 .nr .right dt span {
	border:none;
	background:url(../images/icon/icon-list1.png) no-repeat center center;
	background-size:40px;
	color: transparent;
	border-radius: 0;
	width: 50px;
	height: 50px;
}
.products01 .nr .right dl:nth-child(2) dt span {
 background:url(../images/icon/icon-list2.png) no-repeat center center;
 background-size:40px;
}
.products01 .nr .right dl:nth-child(3) dt span {
 background:url(../images/icon/icon-list3.png) no-repeat center center;
 background-size:40px;
}
.products01 .nr .right dl:nth-child(4) dt span {
 background:url(../images/icon/icon-list4.png) no-repeat center center;
 background-size:40px;
}
.case07 .more3 {
	float: right;
}
.case07 .more3 a {
	font-weight: normal;
	font-size: 16px;
}
.prolist1 .pic {
	width: 37%;
	float:left;
}
.prolist1 .text {
	padding: 69px 22px 68px 22px;
	background: #f9f9f9;
	width: 63%;
	float: left;
}
 @media (max-width: 1600px) {
 .prolist1 .text {
 padding: 66px 22px 66px 22px;
}
}
 @media (max-width: 1280px) {
 .prolist1 .text {
 padding: 52px 22px 52px 22px;
 width:100%;
 
}
.prolist1 .pic{width:100%}

}
@media (max-width: 768px) {
.home-about .left {
position: relative;
width: 100%;
}
.home-about .right .about-list li .hover {
padding-left:15px;
padding-right:15px;
font-size:14px;
bottom: 10px;
}
}
 @media(max-width:768px) {
 .about01 .list .item {
 padding: 0 5px;
}
.about01 .list {
    margin: 0 -5px;
}
}

 @media(max-width:500px) {
 .about01 .list .item {
 width:100%;
}
.about01 .list .item .box .tit .span {
    min-height: 0;
    margin-bottom: 10px;
}
}


.home-about .right .about-list .slick-prev,.home-about .right .about-list .slick-next {
	width: 64px;
	height: 47px;
	margin-top: 0;
	top:auto;
	bottom:0;
	z-index: 6;
	background:rgba(0,0,0,0.5)  url("../images/left1.png") no-repeat center center;
	background-size: 13px;
}
.home-about .right .about-list .slick-prev:before,.home-about .right .about-list .slick-next:before {
	content: '';
}
.home-about .right .about-list .slick-prev {
	right: 70px;
	left:auto;
}
.home-about .right .about-list .slick-next {
	right: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.home-about .right { 
	position: relative;
}
.home-about .right .about-list .slick-prev:hover,.home-about .right .about-list .slick-next:hover{
	background-color:rgba(0,0,0,0.9);
	}
@media(max-width:1024px){
	.home-about .left {
	    width: 100%;
	    padding: 20px;
	    position: relative; 
	}
	.home-about .right .about-list li .hover { 
	    padding: 0 40px;
	} 
	.home-about .right .about-list .slick-prev, .home-about .right .about-list .slick-next {
    width: 30px;
    height: 30px; 
    background-size: 7px;
    top: 0;
    bottom: auto;
}
.home-about .right .about-list .slick-prev {
	right: 35px;
	left:auto;
}
.about03 .text { 
    padding: 20px 20px 0 20px;
}
.about03 .box { 
    padding: 0 0 20px 0; 
}
.contact-list1 li { 
    padding: 0; width:100%!important;
}
}


@media (max-width: 500px) {
	.products01 .nr {
		padding: 20px;
	}
	.products01 .nr .left {
		width: 100%; 
		padding-bottom: 20px;
	} 
	.products01 .nr .right {
		width: 100%; 
	}
	.products01 .nr .right dt { 
    position: absolute;
    top: 0;
    left: 0;
}
	.products01 .nr .right dl {
    padding: 0;
    padding-left: 60px;
}
}

@media (max-width: 768px){
.about06 {
   min-height:0;
}
}

img.yidong {
    display: none;
}

@media(max-width:768px){
    img.yidong {
    display: block;
}
    .about06 { 
    background: none !important;
        padding:40px 0;
}
}



@media(max-width:768px){
	.header .header-right .header-search .search .search-main {
	    top: 60px;
	    left: 0; 
	    padding: 10px 0; width:100%
	}
	.header .header-right .header-search {
	    position: static; 
	}
}