.zoomPad {
	position:relative;
	float:left;
	z-index:99;
	cursor:crosshair;
}
.zoomPreload {
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity = 80);
	color:#333;
	font-size:12px;
	font-family:Tahoma;
	text-decoration:none;
	border:1px solid #CCC;
	background-color:white;
	padding:8px;
	text-align:center;
	background-image:url(../images/zoomloader.gif);
	background-repeat:no-repeat;
	background-position:43px 30px;
	z-index:110;
	width:90px;
	height:43px;
	position:absolute;
	top:0px;
	left:0px;
* width:100px;
* height:49px;
}
.zoomPup {
	overflow:hidden;
	background-color:#FFF;
	-moz-opacity:0.6;
	opacity:0.6;
	filter:alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
	z-index:101;
	cursor:crosshair;
}
.zoomOverlay {
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
	z-index:101;
}
.zoomWindow {
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
	z-index:10000;
	z-index:110;
}
.zoomWrapper {
	position:relative;
	border:1px solid #C6C6C6;
	z-index:110;
}
.zoomWrapperTitle {
	display:block;
	background:#C6C6C6;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:10px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:120;
	-moz-opacity:0.6;
	opacity:0.6;
	filter:alpha(opacity = 60);
}
.zoomWrapperImage {
	display:block;
	position:relative;
	overflow:hidden;
	z-index:110;
}
.zoomWrapperImage img {
	border:0px;
	display:block;
	position:absolute;
	z-index:101;
}
.zoomIframe {
	z-index:-1;
	filter:alpha(opacity=0);
	-moz-opacity:0.80;
	opacity:0.80;
	position:absolute;
	display:block;
}
#baguetteBox-overlay {
	display:none;
	opacity:0;
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#222;
	background-color:rgba(0, 0, 0, 0.8);
-webkit-transition:opacity .5s ease;
-o-transition:opacity .5s ease;
-moz-transition:opacity .5s ease;
transition:opacity .5s ease;
	z-index:99999999999999999999999999999999999999;
}
#baguetteBox-overlay.visible {
	opacity:1;
}
#baguetteBox-overlay .full-image {
	display:inline-block;
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
}
#baguetteBox-overlay .full-image figure {
	display:inline;
	margin:0;
	height:100%;
}
#baguetteBox-overlay .full-image img {
	display:inline-block;
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
	vertical-align:middle;
	-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow:0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	line-height:1.8;
	color:#ccc;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.6);
	font-family:Verdana, Geneva, sans-serif;
}
#baguetteBox-overlay .full-image:before {
	content:"";
	display:inline-block;
	height:50%;
	width:1px;
	margin-right:-1px;
}
#baguetteBox-slider {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	white-space:nowrap;
-webkit-transition:left .4s ease, -webkit-transform .4s ease;
transition:left .4s ease, -webkit-transform .4s ease;
-o-transition:left .4s ease, -o-transform .4s ease;
-moz-transition:left .4s ease, transform .4s ease, -moz-transform .4s ease;
transition:left .4s ease, transform .4s ease;
transition:left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
transition:left .4s ease, transform .4s ease, -webkit-transform .4s ease;
}
#baguetteBox-slider.bounce-from-right {
-webkit-animation:bounceFromRight .4s ease-out;
-moz-animation:bounceFromRight .4s ease-out;
animation:bounceFromRight .4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
-webkit-animation:bounceFromLeft .4s ease-out;
-moz-animation:bounceFromLeft .4s ease-out;
animation:bounceFromLeft .4s ease-out;
}
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
	top:50%;
	top:-webkit-calc(50% - 30px);
	top:-moz-calc(50% - 30px);
	top:calc(50% - 30px);
	width:44px;
	height:60px;
}
.baguetteBox-button {
	position:absolute;
	cursor:pointer;
	outline:0;
	padding:0;
	margin:0;
	border:0;
	border-radius:15%;
	background-color:#323232;
	background-color:rgba(50, 50, 50, 0.5);
	color:#ddd;
	font:1.6em sans-serif;
-webkit-transition:background-color .4s ease;
-o-transition:background-color .4s ease;
-moz-transition:background-color .4s ease;
transition:background-color .4s ease;
}
.baguetteBox-button:hover {
	background-color:rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
	right:2%;
	display:block !important;
}
.baguetteBox-button#previous-button {
	left:2%;
	display:block !important;
}
.baguetteBox-button#close-button {
	top:20px;
	right:2%;
	right:-webkit-calc(2% + 6px);
	right:-moz-calc(2% + 6px);
	right:calc(2% + 6px);
	width:30px;
	height:30px;
}
.baguetteBox-button svg {
	position:absolute;
	left:0;
	top:0;
}
* {
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html {
	font-size:62.5%;
}
body {
	background-color:#fff;
	color:#333;
	font-family:"Roboto-Regular";
	font-size:14px;
	font-size:1.4rem;
	max-width:1920px;
	margin:0 auto;
	overflow-x:hidden;
}
@media screen and (max-device-width:320px) {
body {
-webkit-text-size-adjust:100%;
}
}
@media screen and (max-device-width:480px) {
body {
-webkit-text-size-adjust:100%;
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2) {
body {
-webkit-text-size-adjust:100%;
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
body {
-webkit-text-size-adjust:100%;
}
}
img {
	border:none;
}
ul li {
	list-style-type:none;
}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {
	margin:0;
	padding:0;
	list-style:none;
}
a {
	text-decoration:none;
	color:#333;
	outline:none;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
}
h1, h2 {
	margin:0;
	padding:0;
	font-weight:normal;
}
img {
	max-width:100%;
	border:0px solid #ccc;
}
embed, video, iframe {
	max-width:100%;
}
input[type="submit"], textarea[type="submit"] {
	cursor:pointer;
}
input[type="checkbox"], textarea[type="checkbox"] {
	cursor:pointer;
}
input[type="radio"], textarea[type="radio"] {
	cursor:pointer;
}
input, textarea, select {
	font-family:"Roboto-Regular";
	font-size:14px;
	font-size:1.4rem;
	border:none;
	outline:none;
	background:none;
}
input:focus, textarea:focus, select:focus {
	outline:none;
}
textarea {
	resize:none;
}
.pull-left {
	float:left;
}
.pull-right {
	float:right;
}
.clear {
	clear:both;
}
.fix {
*zoom:1;
}
.fix:after, .fix:before {
	display:block;
	content:"clear";
	height:0;
	clear:both;
	overflow:hidden;
	visibility:hidden;
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
	display:block;
}
::-webkit-input-placeholder {
color:#999;
opacity:1;
}
:-o-placeholder {
color:#999;
opacity:1;
}
::-moz-placeholder {
color:#999;
opacity:1;
}
:-ms-input-placeholder {
color:#999;
opacity:1;
}
::-moz-selection {
color:#fff;
background:#0001F9;
}
::selection {
color:#fff;
background:#0001F9;
}
.self-ellipsis {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.self-ellipsis-2 {
	display:-webkit-box !important;
	overflow:hidden;
	white-space:normal !important;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.self-ellipsis-3 {
	display:-webkit-box !important;
	overflow:hidden;
	white-space:normal !important;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.self-ellipsis-4 {
	display:-webkit-box !important;
	overflow:hidden;
	white-space:normal !important;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
}
.relative {
	position:relative;
}
.absolute {
	position:absolute;
}
.common-vc {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.common-hc {
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
.common-center {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}
.text-center {
	text-align:center;
}
.nlazy {
	min-width:20%;
}
.email {
	word-break:break-all;
}
.scale-big img {
	-webkit-transition:all 350ms;
	-o-transition:all 350ms;
	-moz-transition:all 350ms;
	transition:all 350ms;
}
.scale-big:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.scale-small img {
	-webkit-transition:all 350ms;
	-o-transition:all 350ms;
	-moz-transition:all 350ms;
	transition:all 350ms;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.scale-small:hover img {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
[class*="-item"] .item-pic, [class*="-item"] .item-pics {
position:relative;
display:block;
text-align:center;
overflow:hidden;
}
[class*="-item"] .item-pic img, [class*="-item"] .item-pics img {
display:block !important;
width:100%;
}
[class*="-item"] .item-title {
overflow:hidden;
color:#333;
}
[class*="-item"] .item-title a {
display:block;
color:#333;
}
[class*="-item"] .item-title a:hover {
color:#0001F9 !important;
}
[class*="-item"] .item-subt {
overflow:hidden;
color:#333;
}
[class*="-item"] .item-subt a {
display:block;
color:#333;
}
[class*="-item"] .item-subt a:hover {
color:#0001F9 !important;
}
[class*="-item"] .item-desc {
overflow:hidden;
color:#666;
}
[class*="-item"] .item-desc a {
display:block;
color:#666;
}
[class*="-item"] .item-desc a:hover {
color:#0001F9 !important;
}
.wp1 {
	width:1400px;
	margin:auto;
}
@media screen and (max-width:1419px) {
.wp1 {
width:1200px;
}
}
@media screen and (max-width:1219px) {
.wp1 {
width:960px;
}
}
@media screen and (max-width:991px) {
.wp1 {
width:720px;
}
}
@media screen and (max-width:767px) {
.wp1 {
width:100%;
padding-left:15px;
padding-right:15px;
}
}
.wp {
	width:1200px;
	margin:auto;
}
@media screen and (max-width:1219px) {
.wp {
width:960px;
}
}
@media screen and (max-width:991px) {
.wp {
width:720px;
}
}
@media screen and (max-width:767px) {
.wp {
width:100%;
padding-left:15px;
padding-right:15px;
}
}
.no_margin {
	margin-left:auto !important;
}
.no_marginr {
	margin-right:auto !important;
}
.no_marginl {
	margin-left:auto !important;
}
.at-resp-share-element .at4-share-count-container {
	text-decoration:none;
	float:right;
	padding-right:15px;
	line-height:25px !important;
}
.at-resp-share-element .at-icon {
	width:24px !important;
	height:24px !important;
}
.at-style-responsive .at-share-btn {
	padding:0 !important;
	border-radius:2px !important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
	width:24px !important;
	height:24px !important;
}
.at-resp-share-element .at-share-btn {
	margin-bottom:0 !important;
	margin-right:3px !important;
}
.at-resp-share-element .at-icon {
	width:24px !important;
	height:24px !important;
}
.at-style-responsive .at-share-btn {
	padding:0 !important;
	border-radius:2px !important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
	width:24px !important;
	height:24px !important;
}
.at-resp-share-element .at-share-btn {
	margin-bottom:0 !important;
	margin-right:3px !important;
}
.item-table {
	display:table;
	table-layout:fixed;
	width:100%;
	height:100%;
}
.item-cell {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}
.an-btn1 {
	position:relative;
	z-index:1;
	overflow:hidden;
	-webkit-transition:background 0.4s linear, color 0.3s linear;
	-o-transition:background 0.4s linear, color 0.3s linear;
	-moz-transition:background 0.4s linear, color 0.3s linear;
	transition:background 0.4s linear, color 0.3s linear;
}
.an-btn1:before {
	position:absolute;
	top:50%;
	left:50%;
	width:120%;
	height:50%;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	z-index:-1;
	content:'';
	background:#0001F9;
	-webkit-transition:all 0.4s linear 0s;
	-o-transition:all 0.4s linear 0s;
	-moz-transition:all 0.4s linear 0s;
	transition:all 0.4s linear 0s;
	-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
	-o-transform:translateX(-50%) translateY(-50%) rotate(45deg);
	transform:translateX(-50%) translateY(-50%) rotate(45deg);
}
.an-btn1 .iconfont {
-webkit-transition:all .5s;
-o-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s;
}
.an-btn1:hover {
	border-color:#0001F9 !important;
	background-color:#0001F9 \9;
	color:#fff !important;
}
.an-btn1:hover .iconfont {
	color:#fff !important;
}
.an-btn1:hover:before {
	height:500%;
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.an-btn2 {
	position:relative;
	z-index:1;
	overflow:hidden;
	-webkit-transition:background 0.4s linear, color 0.3s linear;
	-o-transition:background 0.4s linear, color 0.3s linear;
	-moz-transition:background 0.4s linear, color 0.3s linear;
	transition:background 0.4s linear, color 0.3s linear;
}
.an-btn2:before {
	position:absolute;
	top:50%;
	left:50%;
	width:120%;
	height:50%;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	z-index:-1;
	content:'';
	background:#fff;
	-webkit-transition:all 0.4s linear 0s;
	-o-transition:all 0.4s linear 0s;
	-moz-transition:all 0.4s linear 0s;
	transition:all 0.4s linear 0s;
	-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
	-o-transform:translateX(-50%) translateY(-50%) rotate(45deg);
	transform:translateX(-50%) translateY(-50%) rotate(45deg);
}
.an-btn2 .iconfont {
-webkit-transition:all .5s;
-o-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s;
}
.an-btn2:hover {
	border-color:#0001F9 !important;
	background-color:#fff \9;
	color:#0001F9 !important;
}
.an-btn2:hover .iconfont {
	color:#0001F9 !important;
}
.an-btn2:hover:before {
	height:500%;
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (min-width:992px) {
.an-bd1 .item-backdrop {
position:absolute;
left:0px;
top:0px;
bottom:0;
right:0;
-webkit-transition:all 900ms ease;
-o-transition:all 900ms ease;
-moz-transition:all 900ms ease;
transition:all 900ms ease;
-webkit-transition:-webkit-transform 0.4s ease;
transition:-webkit-transform 0.4s ease;
-o-transition:-o-transform 0.4s ease;
-moz-transition:transform 0.4s ease, -moz-transform 0.4s ease;
transition:transform 0.4s ease;
transition:transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease;
-webkit-transform:scale(0, 1);
-moz-transform:scale(0, 1);
-ms-transform:scale(0, 1);
-o-transform:scale(0, 1);
transform:scale(0, 1);
-webkit-transform-origin:right center;
-moz-transform-origin:right center;
-ms-transform-origin:right center;
-o-transform-origin:right center;
transform-origin:right center;
}
.an-bd1 .item-backdrop:before {
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
background-color:#0001F9;
}
}
@media screen and (min-width:992px) {
.an-bd1:hover .item-backdrop {
-webkit-transform:scale(1, 1);
-moz-transform:scale(1, 1);
-ms-transform:scale(1, 1);
-o-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-ms-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center;
}
}
.table table {
	width:100%;
	border-collapse:collapse;
	border:1px solid #ccc;
}
.table table tr td {
	padding:5px 3px;
	border:1px solid #ccc;
}
@media screen and (max-width:1000px) {
.table {
width:100%;
overflow:scroll;
}
.table div {
width:900px;
max-width:900px;
}
}
.page {
	text-align:center;
	overflow:hidden;
	font-size:0;
	letter-spacing:0;
}
.page a {
	display:inline-block;
	vertical-align:top;
	border:solid 1px #E5E5E5;
	background-color:#fff;
	color:#333;
	min-width:35px;
	padding:0 2px;
	height:30px;
	line-height:28px;
	margin:0 4px 10px;
	font-size:14px;
	font-size:1.4rem;
}
.page span {
	display:inline-block;
	vertical-align:top;
	background-color:#fff;
	color:#333;
	min-width:35px;
	padding:0 2px;
	height:30px;
	line-height:28px;
	margin:0 4px 10px;
	font-size:14px;
	font-size:1.4rem;
}
.page a.prev {
	min-width:79px;
}
.page a.next {
	min-width:61px;
}
.page a:hover, .page a.page-active {
	border-color:#0001F9;
	background-color:#0001F9;
	color:#FFFFFF;
}
@media only screen and (max-width:1219px) {
.page a {
margin:0 2px 10px;
height:26px;
line-height:24px;
min-width:28px;
font-size:12px;
font-size:1.2rem;
}
.page a.prev {
min-width:60px;
}
.page a.next {
min-width:60px;
}
}
.page .add-form {
	display:inline-block;
	vertical-align:top;
	margin-left:8px;
	padding-right:23px;
	background:url(../images/af-bg.png) no-repeat right center;
}
.page .add-form .add-btn {
	font-size:16px;
	font-size:1.6rem;
	text-align:center;
	min-width:163px;
	padding:0 10px;
	height:30px;
	line-height:28px;
	background-color:#0001F9;
	color:#FFFFFF;
	cursor:pointer;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.page .add-form .add-btn:hover {
	background-color:#000;
}
@media only screen and (max-width:1219px) {
.page .add-form {
margin-left:5px;
}
.page .add-form .add-btn {
min-width:120px;
height:26px;
line-height:24px;
font-size:12px;
font-size:1.2rem;
}
}
.contact-pc {
	position:fixed;
	z-index:999;
	right:0;
	width:53px;
}
.contact-pc li {
	position:relative;
	width:100%;
	height:53px;
	margin-bottom:1px;
	border-radius:0;
	background:#666;
}
.contact-pc li:hover {
	background-color:#0001F9;
}
.contact-pc li:hover .iconfont {
	color:#fff;
}
.contact-pc li a {
	display:block;
	height:100%;
	width:100%;
	text-align:center;
	line-height:53px;
	cursor:pointer;
}
.contact-pc li .iconfont {
	color:#fff;
	font-size:22px;
	font-size:2.2rem;
}
.contact-pc li .ewm {
	position:absolute;
	top:0;
	left:125px;
	max-width:120px;
	width:120px;
	height:120px;
}
.contact-pc li.ewm-box:hover .ewm {
	left:-125px;
}
.contact-phone {
	position:fixed;
	bottom:0;
	height:40px;
	left:0;
	right:0;
	display:none;
	z-index:999;
}
.contact-phone li {
	width:20%;
	height:100%;
	float:left;
	position:relative;
	background:#666;
}
.contact-phone li:hover {
	background-color:#0001F9;
}
.contact-phone li:hover .iconfont {
	color:#fff;
}
.contact-phone li a {
	display:block;
	height:100%;
	width:100%;
	text-align:center;
	line-height:40px;
	cursor:pointer;
}
.contact-phone li .iconfont {
	color:#fff;
	font-size:20px;
	font-size:2.0rem;
}
.contact-phone li .ewm {
	position:absolute;
	bottom:40px;
	right:50%;
	margin-right:-50px;
	display:none;
	max-width:100px;
	width:100px;
	height:100px;
}
@media only screen and (max-width:767px) {
.contact-pc {
display:none;
}
.contact-phone {
display:block;
}
body {
padding-bottom:40px;
}
}
@-webkit-keyframes top-shadow {
0% {
box-shadow:0px 0px 0 0px rgba(223, 37, 42, 0.3);
}
20% {
box-shadow:0px 3px 7px 0px rgba(223, 37, 42, 0.3);
}
50% {
box-shadow:0px 5px 15px 0px rgba(223, 37, 42, 0.3);
}
75% {
box-shadow:0px 3px 7px 0px rgba(223, 37, 42, 0.3);
}
100% {
box-shadow:0px 0px 0 0px rgba(223, 37, 42, 0.3);
}
}
.back-top {
	position:fixed;
	right:10px;
	bottom:-100px;
	-webkit-transition:1s;
	-o-transition:1s;
	-moz-transition:1s;
	transition:1s;
	cursor:pointer;
	z-index:998;
	border-radius:50%;
	width:57px;
	height:57px;
	line-height:57px;
	background-color:#FC0401;
	-webkit-animation:top-shadow 2.5s linear infinite;
	-moz-animation:top-shadow 2.5s linear infinite;
	animation:top-shadow 2.5s linear infinite;
	text-align:center;
}
.back-top .iconfont {
	font-size:23px;
	font-size:2.3rem;
	color:#fff;
	position:relative;
}
@media only screen and (max-width:767px) {
.back-top {
display:none;
}
}
.pro-share {
	font-size:0;
	letter-spacing:0;
}
.pro-share .share-title {
	margin-right:8px;
	display:inline-block;
*display:inline;
*zoom:1;
	line-height:26px;
	font-size:16px;
	font-size:1.6rem;
	color:#888;
}
@media only screen and (max-width:767px) {
.pro-share .share-title {
font-size:14px;
font-size:1.4rem;
}
}
.pro-share .share-pic {
	display:inline-block;
*display:inline;
*zoom:1;
	vertical-align:top;
	height:26px;
}
.m-oths .oths-item {
	font-size:16px;
	font-size:1.6rem;
	line-height:24px;
	color:#666;
}
.m-oths .oths-item a {
	color:#666;
}
.m-oths .oths-item a:hover {
	color:#0001F9;
}
@media screen and (max-width:1219px) {
.m-oths .oths-item {
font-size:14px;
font-size:1.4rem;
}
}
@media screen and (max-width:767px) {
.m-oths .oths-item {
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.m-oths .oths-item-1 {
	margin-bottom:8px;
}
@media screen and (max-width:767px) {
.m-oths .oths-item-1 {
margin-bottom:5px;
}
}
.m-oths .item-name {
	color:#666;
	text-transform:capitalize;
}
.m-oths .iconfont {
	font-size:17px;
	font-size:1.7rem;
	color:#999;
	margin-right:6px;
	float:left;
}
@media screen and (max-width:767px) {
.m-oths .iconfont {
font-size:14px;
font-size:1.4rem;
}
}
.m-oths .oths-body {
	overflow:hidden;
}
.bread {
	background:url(../images/bread.jpg) no-repeat center;
	background-size:cover;
	height:400px;
	text-align:center;
}
@media screen and (max-width:1219px) {
.bread {
padding:30px 0;
height:250px;
}
}
@media screen and (max-width:991px) {
.bread {
height:200px;
}
}
@media screen and (max-width:767px) {
.bread {
height:auto;
}
}
@media screen and (max-width:640px) {
.bread {
padding:25px 0;
}
}
.bread .item-title {
	font-family:"Roboto-Bold";
	font-size:50px;
	font-size:5rem;
	text-transform:uppercase;
	line-height:1.3;
	margin-bottom:29px;
}
.bread .item-title, .bread .item-title a {
	color:#fff;
}
@media screen and (max-width:1219px) {
.bread .item-title {
font-size:42px;
font-size:4.2rem;
margin-bottom:15px;
}
}
@media screen and (max-width:991px) {
.bread .item-title {
font-size:34px;
font-size:3.4rem;
margin-bottom:10px;
}
}
@media screen and (max-width:767px) {
.bread .item-title {
font-size:26px;
font-size:2.6rem;
margin-bottom:5px;
}
}
@media screen and (max-width:640px) {
.bread .item-title {
font-size:18px;
font-size:1.8rem;
margin-bottom:3px;
}
}
.bread .item-subt {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.3;
}
.bread .item-subt, .bread .item-subt a {
	color:#fff;
}
.bread .item-subt .iconfont {
	font-size:22px;
	font-size:2.2rem;
	margin-right:13px;
}
@media screen and (max-width:1219px) {
.bread .item-subt {
font-size:14px;
font-size:1.4rem;
}
.bread .item-subt .iconfont {
font-size:18px;
font-size:1.8rem;
margin-right:10px;
}
}
@media screen and (max-width:991px) {
.bread .item-subt {
font-size:14px;
font-size:1.4rem;
}
.bread .item-subt .iconfont {
font-size:16px;
font-size:1.6rem;
margin-right:5px;
}
}
@media screen and (max-width:767px) {
.bread .item-subt {
font-size:12px;
font-size:1.2rem;
}
.bread .item-subt .iconfont {
font-size:14px;
font-size:1.4rem;
margin-right:3px;
}
}
.bread a:hover, .bread .bread-active {
	text-decoration:underline;
}
.search-box::-webkit-input-placeholder {
color:#666;
opacity:1;
}
.search-box:-o-placeholder {
color:#666;
opacity:1;
}
.search-box::-moz-placeholder {
color:#666;
opacity:1;
}
.search-box:-ms-input-placeholder {
color:#666;
opacity:1;
}
.search {
	position:absolute;
	margin-top:34px;
	right:0;
	top:0;
}
@media screen and (max-width:1419px) {
.search {
margin-top:25px;
}
}
@media screen and (max-width:991px) {
.search {
display:none;
}
}
.search .search-icon {
	cursor:pointer;
	display:block;
}
.search .search-icon .iconfont {
	display:block;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	line-height:1;
}
.search .search-box {
	display:none;
	overflow:hidden;
	position:absolute;
	top:38px;
	right:0;
	z-index:999;
	width:260px;
	height:50px;
	border-radius:2px;
	background-color:#fff;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.22);
	padding:10px 10px;
	cursor:pointer;
}
.search .search-box .iconfont {
	border-radius:5px;
	font-size:16px;
	font-size:1.6rem;
	color:#fff;
	background-color:#0001F9;
	position:absolute;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	right:10px;
	top:50%;
	margin-top:-15px;
	z-index:-1;
}
.search .search-box .item-input {
	position:absolute;
	height:30px;
	line-height:30px;
	top:50%;
	margin-top:-15px;
	width:100%;
	left:0;
	padding:0 45px 0 10px;
}
.search .search-box .item-submit {
	position:absolute;
	width:35px;
	height:100%;
	top:0px;
	right:0px;
	cursor:pointer;
	z-index:1;
}
body {
	padding-top:140px;
}
@media screen and (max-width:1419px) {
body {
padding-top:115px;
}
}
@media screen and (max-width:991px) {
body {
padding-top:0;
}
}
.header {
	position:fixed;
	top:0;
	z-index:999;
	width:100%;
	max-width:1920px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	transition:all 0.6s ease;
	background-color:#fff;
}
@media screen and (max-width:991px) {
.header {
position:relative;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none;
left:0;
}
}
.header .header1 {
	background-color:#fff;
	padding:0 5.72917% 0 5.46875%;
	position:relative;
}
@media screen and (max-width:1219px) {
.header .header1 {
padding:0 15px;
}
}
.header .header1:before {
	position:absolute;
	content:'';
	right:0;
	top:56px;
	bottom:0;
	width:5.78125%;
	background-color:#0001F9;
	opacity:0.7;
}
@media screen and (max-width:1419px) {
.header .header1:before {
top:46px;
}
}
@media screen and (max-width:991px) {
.header .header1:before {
display:none;
}
}
.header .box-body {
	position:relative;
	padding-left:180px;
}
@media screen and (max-width:1419px) {
.header .box-body {
padding-left:140px;
}
}
@media screen and (max-width:1219px) {
.header .box-body {
padding-left:120px;
}
}
@media screen and (max-width:991px) {
.header .box-body {
padding-left:0;
width:720px;
margin:0 auto;
position:static;
}
}
@media screen and (max-width:767px) {
.header .box-body {
width:100%;
}
}
.header .logo {
	position:absolute;
	top:10px;
	left:0;
	width:118px;
}
@media screen and (max-width:1419px) {
.header .logo {
width:95px;
}
}
@media screen and (max-width:1219px) {
.header .logo {
width:90px;
top:13px;
}
}
@media screen and (max-width:991px) {
.header .logo {
width:70px;
margin:0 auto;
position:relative;
top:auto;
left:auto;
padding:20px 0 10px;
}
}
@media screen and (max-width:640px) {
.header .logo {
width:60px;
padding:35px 0 10px;
}
}
.header .logo a {
	display:block;
	position:relative;
	padding-bottom:100%;
	padding-top: 30px;
}
.header .logo a img {
	display:block;
	margin:0 auto;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.header .h-top {
	padding:11px 0 15px 3.27869%;
	line-height:30px;
}
@media screen and (max-width:1419px) {
.header .h-top {
padding-top:8px;
padding-bottom:8px;
}
}
@media screen and (max-width:991px) {
.header .h-top {
padding:0;
}
}
.header .logo-txt {
	font-family:"Roboto-Bold";
	font-size:30px;
	font-size:3rem;
}
.header .logo-txt a:hover {
	color:#0001F9;
}
@media screen and (max-width:1419px) {
.header .logo-txt {
font-size:22px;
font-size:2.2rem;
}
}
@media screen and (max-width:1219px) {
.header .logo-txt {
font-size:18px;
font-size:1.8rem;
}
}
@media screen and (max-width:991px) {
.header .logo-txt {
font-size:16px;
font-size:1.6rem;
text-align:center;
line-height:1.3;
padding-bottom:10px;
}
}
@media screen and (max-width:767px) {
.header .logo-txt {
font-size:14px;
font-size:1.4rem;
}
}
@media screen and (max-width:480px) {
.header .logo-txt {
font-size:12px;
font-size:1.2rem;
}
}
.header .lang-box {
	float:right;
	position:relative;
}
@media screen and (max-width:991px) {
.header .lang-box {
position:absolute;
top:5px;
right:40px;
}
}
.header .lang-box .item-title {
	border:solid 1px #B3B3B3;
	line-height:28px;
	height:30px;
	padding:0 12px;
	cursor:pointer;
	color:#666;
}
.header .lang-box .item-title .iconfont {
	margin-left:15px;
}
@media screen and (max-width:991px) {
.header .lang-box .item-title {
padding:0 10px;
height:26px;
line-height:24px;
font-size:12px;
font-size:1.2rem;
}
.header .lang-box .item-title .iconfont {
margin-left:5px;
}
}
.header .lang-box .box-list {
	position:absolute;
	top:100%;
	padding:5px;
	background-color:#f0f0f0;
	z-index:999;
	width:104px;
	right:0;
	display:none;
	text-align:center;
}
.header .lang-box .box-list a {
	display:block;
	color:#666;
	line-height:28px;
	font-size:14px;
	font-size:1.4rem;
}
.header .lang-box .box-list a:hover {
	background-color:#0001F9;
	color:#fff;
}
@media screen and (max-width:991px) {
.header .lang-box .box-list a {
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.header .h-bot {
	background:url(../images/bg6.jpg) no-repeat left center;
	padding-left:3.27869%;
	padding-right:20px;
	position:relative;
}
.header .navlist {
	float:left;
	margin-top:27px;
	width:100%;
	font-size:0;
	letter-spacing:0;
	text-align:right;
	padding-right:5.49828%;
}
@media screen and (max-width:1419px) {
.header .navlist {
margin-top:20px;
}
}
@media screen and (max-width:1219px) {
.header .navlist {
text-align:center;
padding-right:3.43643%;
}
}
@media screen and (max-width:991px) {
.header .navlist {
display:none;
}
}
.header .navlist > li {
	display:inline-block;
	vertical-align:top;
	margin-left:6.59794%;
	padding-bottom:16px;
	position:relative;
}
.header .navlist > li:first-child {
	margin-left:0;
}
@media screen and (max-width:1519px) {
.header .navlist > li {
margin-left:5.84192%;
}
}
@media screen and (max-width:1219px) {
.header .navlist > li {
margin-left:4.46735%;
}
}
.header .navlist > li > a {
	display:block;
	position:relative;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	font-size:1.8rem;
	line-height:30px;
	padding-bottom:11px;
}
.header .navlist > li > a:before {
	position:absolute;
	content:'';
	width:0;
	height:2px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	margin:0 auto;
	background-color:#fff;
	bottom:0;
-webkit-transition:all .5s;
-o-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s;
}
@media screen and (max-width:1419px) {
.header .navlist > li > a {
line-height:26px;
font-size:16px;
font-size:1.6rem;
padding-bottom:6px;
}
}
.header .navlist > li.nav-active > a:before, .header .navlist > li:hover > a:before {
	width:100%;
}
.header .navlist li:hover .yiji, .header .navlist li:hover .pro-select {
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
	visibility:visible;
	opacity:1;
}
.header .yiji {
	text-align:left;
	z-index:99;
	position:absolute;
	top:100%;
	width:210px;
	left:50%;
	margin-left:-105px;
	display:block;
	visibility:hidden;
	opacity:0;
	-webkit-transform:translateY(30px);
	-moz-transform:translateY(30px);
	-ms-transform:translateY(30px);
	-o-transform:translateY(30px);
	transform:translateY(30px);
	-webkit-transform-origin:top;
	-moz-transform-origin:top;
	-ms-transform-origin:top;
	-o-transform-origin:top;
	transform-origin:top;
	-webkit-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	transition:all 400ms ease;
	background-color:#FFFFFF;
	box-shadow:0px 3px 13px 0px rgba(51, 51, 51, 0.15);
	padding:6px 0 3px;
	margin-top:1px;
}
.header .yiji li {
	position:relative;
	text-align:left;
	padding:0 13px;
}
.header .yiji li > a {
	display:block;
	font-size:18px;
	font-size:1.8rem;
	line-height:24px;
	padding:12px 15px;
	border-bottom:solid 1px #D6D6D6;
}
@media screen and (max-width:1419px) {
.header .yiji li > a {
font-size:16px;
font-size:1.6rem;
padding:10px 10px;
}
}
.header .yiji li:last-child > a {
	border-bottom:0;
}
.header .yiji li:hover > a {
	color:#0001F9;
}
.header .yiji li:hover .erji {
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
	visibility:visible;
	opacity:1;
}
@media screen and (max-width:991px) {
.header .yiji {
display:none;
}
}
.header .pro-select {
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-50px;
	width:400px;
	background-color:#fff;
	display:block;
	visibility:hidden;
	opacity:0;
	-webkit-transform:translateY(30px);
	-moz-transform:translateY(30px);
	-ms-transform:translateY(30px);
	-o-transform:translateY(30px);
	transform:translateY(30px);
	-webkit-transform-origin:top;
	-moz-transform-origin:top;
	-ms-transform-origin:top;
	-o-transform-origin:top;
	transform-origin:top;
	-webkit-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	transition:all 400ms ease;
	text-align:left;
}
.header .pro-select:before {
	position:absolute;
	content:'';
	width:100%;
	box-shadow:0px 3px 13px 0px rgba(51, 51, 51, 0.15);
	top:0;
	bottom:0;
	left:0;
}
.header .pro-select .box-yiji {
	width:100%;
	position:relative;
	padding:22px 0 73px;
	float:left;
	margin-right:5px;
}
.header .pro-select .box-yiji > li {
	padding:0 16px;
}
.header .pro-select .box-yiji > li:hover > a, .header .pro-select .box-yiji > li.active > a {
	color:#0001F9;
}
.header .pro-select .box-yiji > li > a {
	white-space:nowrap;
	display:block;
	font-size:18px;
	font-size:1.8rem;
	line-height:24px;
	padding:12px 15px;
	border-bottom:solid 1px #D6D6D6;
}
@media screen and (max-width:1419px) {
.header .pro-select .box-yiji > li > a {
font-size:16px;
font-size:1.6rem;
padding:10px;
}
}
.header .pro-select .box-erji {
	overflow:hidden;
	padding-top:29px;
	padding-bottom:29px;
	width:490px;
}
.header .pro-select .box-list {
	font-size:0;
	letter-spacing:0;
}
.header .pro-select .box-list > li {
	display:inline-block;
	vertical-align:top;
	width:50%;
}
.header .pro-select .box-list > li > a {
	display:block;
	font-size:16px;
	font-size:1.6rem;
	line-height:22px;
	padding:5px 10px;
}
.header .pro-select .box-list > li > a:hover {
	color:#0001F9;
}
@media screen and (max-width:1419px) {
.header .pro-select .box-list > li > a {
font-size:14px;
font-size:1.4rem;
line-height:20px;
padding:5 10px;
}
}
.footer {
	padding:33px 0 21px;
	background-color:#333333;
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	line-height:24px;
}
@media screen and (max-width:767px) {
.footer {
padding:20px 0;
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.footer, .footer a {
	color:#fff;
}
.footer a:hover {
	color:#0001F9;
}
.footer .contact-list {
	font-size:0;
	letter-spacing:0;
	text-align:left;
	margin-bottom:60px;
	position:relative;
}
@media screen and (max-width:1219px) {
.footer .contact-list {
margin-bottom:45px;
}
}
@media screen and (max-width:991px) {
.footer .contact-list {
margin-bottom:35px;
}
}
@media screen and (max-width:767px) {
.footer .contact-list {
display:none;
}
}
.footer .contact-list:before, .footer .contact-list:after {
	position:absolute;
	content:'';
	width:1px;
	top:5px;
	bottom:-3px;
	background-color:#fff;
	opacity:0.5;
}
.footer .contact-list:before {
	left:37.5%;
}
@media screen and (max-width:1219px) {
.footer .contact-list:before {
left:41.66667%;
}
}
@media screen and (max-width:991px) {
.footer .contact-list:before {
left:39.58333%;
}
}
.footer .contact-list:after {
	right:29.16667%;
}
@media screen and (max-width:991px) {
.footer .contact-list:after {
right:31.25%;
}
}
.footer .contact-list .list-item {
	display:inline-block;
	vertical-align:top;
	width:33.33333%;
	padding-left:53px;
	position:relative;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
.footer .contact-list .list-item strong {
	font-weight:normal;
	font-size:18px;
	font-size:1.8rem;
	display:block;
	margin-bottom:3px;
}
.footer .contact-list .list-item .iconfont {
	position:absolute;
	left:0;
	top:17px;
	font-size:40px;
	font-size:4rem;
}
@media screen and (max-width:1219px) {
.footer .contact-list .list-item {
padding-left:45px;
font-size:14px;
font-size:1.4rem;
line-height:24px;
}
.footer .contact-list .list-item strong {
font-size:16px;
font-size:1.6rem;
}
.footer .contact-list .list-item .iconfont {
font-size:36px;
font-size:3.6rem;
}
}
@media screen and (max-width:991px) {
.footer .contact-list .list-item {
padding-left:38px;
}
.footer .contact-list .list-item .iconfont {
font-size:28px;
font-size:2.8rem;
top:7px;
}
}
.footer .contact-list .item1 {
	width:37.5%;
	margin-right:12.5%;
}
@media screen and (max-width:1219px) {
.footer .contact-list .item1 {
margin-right:8.33333%;
}
}
@media screen and (max-width:991px) {
.footer .contact-list .item1 {
width:37.5%;
margin-right:4.16667%;
}
}
.footer .contact-list .item2 {
	width:20.83333%;
	margin-right:8.33333%;
}
@media screen and (max-width:1219px) {
.footer .contact-list .item2 {
width:25%;
margin-right:4.16667%;
}
}
@media screen and (max-width:991px) {
.footer .contact-list .item2 {
width:25%;
}
}
.footer .contact-list .item3 {
	width:20.83333%;
}
@media screen and (max-width:1219px) {
.footer .contact-list .item3 {
width:25%;
}
}
@media screen and (max-width:991px) {
.footer .contact-list .item3 {
width:29.16667%;
}
}
.footer .f-follow {
	font-size:0;
	letter-spacing:0;
	margin-bottom:36px;
}
@media screen and (max-width:1219px) {
.footer .f-follow {
margin-bottom:20px;
}
}
@media screen and (max-width:767px) {
.footer .f-follow {
margin-bottom:15px;
}
}
.footer .f-follow a {
	display:inline-block;
	vertical-align:top;
	margin:0 8px;
}
@media screen and (max-width:767px) {
.footer .f-follow a {
margin:0 5px;
}
}
.footer .f-follow .iconfont {
	display:block;
	line-height:1;
	font-size:24px;
	font-size:2.4rem;
	width:36px;
	height:36px;
	line-height:36px;
	border-radius:5px;
	color:#fff;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.footer .f-follow .iconfont:hover {
	background-color:#fff;
	color:#0001F9;
}
@media screen and (max-width:991px) {
.footer .f-follow .iconfont {
font-size:20px;
font-size:2rem;
}
}
@media screen and (max-width:767px) {
.footer .f-follow .iconfont {
background-color:#fff;
color:#0001F9;
width:30px;
height:30px;
line-height:30px;
font-size:18px;
font-size:1.8rem;
}
}
.footer .f-nav {
	font-size:0;
	letter-spacing:0;
	margin-bottom:16px;
}
@media screen and (max-width:1219px) {
.footer .f-nav {
margin-bottom:15px;
}
}
@media screen and (max-width:991px) {
.footer .f-nav {
margin-bottom:10px;
}
}
@media screen and (max-width:767px) {
.footer .f-nav {
display:none;
}
}
.footer .f-nav a {
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	font-size:1.4rem;
	text-transform:uppercase;
}
@media screen and (max-width:767px) {
.footer .f-nav a {
font-size:12px;
font-size:1.2rem;
}
}
.footer .f-nav a:first-child:before {
	display:none;
}
.footer .f-nav a:before {
	content:'|';
	margin:0 18px;
	color:#fff;
}
@media screen and (max-width:991px) {
.footer .f-nav a:before {
margin:0 10px;
}
}
.footer .copyright {
	margin-bottom:19px;
}
@media screen and (max-width:1219px) {
.footer .copyright {
margin-bottom:15px;
}
}
@media screen and (max-width:991px) {
.footer .copyright {
margin-bottom:10px;
}
}
@media screen and (max-width:767px) {
.footer .copyright {
margin-bottom:0;
}
}
.footer .f-keys {
	margin-bottom:26px;
}
@media screen and (max-width:1219px) {
.footer .f-keys {
margin-bottom:15px;
}
}
@media screen and (max-width:991px) {
.footer .f-keys {
margin-bottom:10px;
}
}
@media screen and (max-width:767px) {
.footer .f-keys {
display:none;
}
}
.footer .links a {
	margin-right:30px;
	display:inline-block;
}
@media screen and (max-width:767px) {
.footer .links {
display:none;
}
}
.index-hotpro {
	position:relative;
	background:url(../images/bg1.jpg) no-repeat center;
	background-size:cover;
	padding-bottom:98px;
}
@media screen and (max-width:1219px) {
.index-hotpro {
padding-bottom:70px;
}
}
@media screen and (max-width:991px) {
.index-hotpro {
padding-bottom:50px;
}
}
@media screen and (max-width:767px) {
.index-hotpro {
padding-bottom:30px;
}
}
.index-hotpro .item-bg1 {
	position:absolute;
	top:0;
	right:0;
	width:15.67708%;
}
.index-hotpro .item-bg1 img {
	display:block;
	width:100%;
}
.index-hotpro .item-bg2 {
	position:absolute;
	bottom:0;
	left:0;
	width:13.07292%;
}
.index-hotpro .item-bg2 img {
	display:block;
	width:100%;
}
.index-hotpro .wp {
	position:relative;
	z-index:2;
}
.index-hotpro .box-item {
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-flow:row nowrap;
	-moz-box-orient:horizontal;
	-moz-box-direction:normal;
	-ms-flex-flow:row nowrap;
	flex-flow:row nowrap;
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-moz-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	padding:18px 0 25px;
}
@media screen and (max-width:480px) {
.index-hotpro .box-item {
display:block;
padding:30px 0 25px;
}
}
.index-hotpro .box-item .item-body {
	-webkit-box-flex:0;
	-webkit-flex:0 0 auto;
	-moz-box-flex:0;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	width:45%;
	margin-right:15.83333%;
	font-size:0;
}
@media screen and (max-width:1219px) {
.index-hotpro .box-item .item-body {
width:54.16667%;
margin-right:4.16667%;
}
}
@media screen and (max-width:767px) {
.index-hotpro .box-item .item-body {
width:54.16667%;
margin-right:2.5%;
}
}
@media screen and (max-width:480px) {
.index-hotpro .box-item .item-body {
width:100%;
margin:0 auto 20px;
}
}
.index-hotpro .box-item .item-title {
	font-size:42px;
	font-size:4.2rem;
	font-family:"Roboto-Black";
	line-height:1.3;
	text-transform:uppercase;
	margin-bottom:36px;
}
@media screen and (max-width:1219px) {
.index-hotpro .box-item .item-title {
font-size:34px;
font-size:3.4rem;
margin-bottom:30px;
}
}
@media screen and (max-width:991px) {
.index-hotpro .box-item .item-title {
font-size:26px;
font-size:2.6rem;
}
}
@media screen and (max-width:767px) {
.index-hotpro .box-item .item-title {
font-size:20px;
font-size:2rem;
margin-bottom:20px;
}
}
.index-hotpro .box-item .item-title a {
	display:inline-block;
	position:relative;
	padding-bottom:12px;
}
@media screen and (max-width:991px) {
.index-hotpro .box-item .item-title a {
padding-bottom:10px;
}
}
.index-hotpro .box-item .item-title a:before {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:69.81132%;
	height:2px;
	background-color:#FC0401;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.index-hotpro .box-item .item-title a:after {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:29.24528%;
	height:2px;
	background-color:#0001F9;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.index-hotpro .box-item .item-title a:hover:before {
	z-index:2;
	width:29.24528%;
}
.index-hotpro .box-item .item-title a:hover:after {
	width:69.81132%;
}
.index-hotpro .box-item .item-subt {
	margin-bottom:14px;
	font-size:24px;
	font-size:2.4rem;
	line-height:1.3;
}
.index-hotpro .box-item .item-subt, .index-hotpro .box-item .item-subt a {
	color:#010101;
}
@media screen and (max-width:1219px) {
.index-hotpro .box-item .item-subt {
font-size:20px;
font-size:2rem;
}
}
@media screen and (max-width:991px) {
.index-hotpro .box-item .item-subt {
font-size:18px;
font-size:1.8rem;
margin-bottom:10px;
}
}
@media screen and (max-width:767px) {
.index-hotpro .box-item .item-subt {
font-size:16px;
font-size:1.6rem;
margin-bottom:6px;
}
}
.index-hotpro .box-item .item-desc {
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	margin-bottom:36px;
}
@media screen and (max-width:1219px) {
.index-hotpro .box-item .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:26px;
margin-bottom:30px;
}
}
@media screen and (max-width:991px) {
.index-hotpro .box-item .item-desc {
line-height:22px;
margin-bottom:20px;
}
}
@media screen and (max-width:767px) {
.index-hotpro .box-item .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:20px;
margin-bottom:15px;
}
}
.index-hotpro .box-item .item-btn {
	display:inline-block;
	min-width:234px;
	line-height:46px;
	background-color:#0001F9;
	color:#fff;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	padding:0 15px;
}
@media screen and (max-width:1219px) {
.index-hotpro .box-item .item-btn {
font-size:14px;
font-size:1.4rem;
min-width:180px;
line-height:40px;
}
}
@media screen and (max-width:991px) {
.index-hotpro .box-item .item-btn {
min-width:150px;
line-height:36px;
}
}
@media screen and (max-width:767px) {
.index-hotpro .box-item .item-btn {
font-size:12px;
font-size:1.2rem;
min-width:110px;
line-height:30px;
}
}
.index-hotpro .box-item .item-pic {
	-webkit-box-flex:1;
	-webkit-flex:1 1 auto;
	-moz-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	width:36.66667%;
	margin-right:2.5%;
}
@media screen and (max-width:1219px) {
.index-hotpro .box-item .item-pic {
margin-right:0;
width:41.66667%;
}
}
@media screen and (max-width:767px) {
.index-hotpro .box-item .item-pic {
width:43.33333%;
}
}
@media screen and (max-width:480px) {
.index-hotpro .box-item .item-pic {
width:100%;
max-width:250px;
margin:0 auto;
}
}
.hot-owl {
	position:relative;
}
@media screen and (max-width:1319px) {
.hot-owl {
overflow:hidden;
}
}
.hot-owl .owl-carousel {
	width:102.16667%;
	margin-left:-1.08333%;
}
@media screen and (max-width:991px) {
.hot-owl .owl-carousel {
width:102%;
margin-left:-1%;
}
}
.hot-owl .owl-buttons {
	display:none !important;
}
.hot-owl .owl-btns {
	font-size:0;
	letter-spacing:0;
}
.hot-owl .owl-btns .owl-btn {
	display:inline-block;
	vertical-align:top;
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	color:#666;
	cursor:pointer;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	width:23px;
	height:50px;
	line-height:48px;
	border:solid 1px #666666;
	background-color:#F5F5F5;
}
.hot-owl .owl-btns .owl-btn:hover {
	background-color:#0001F9;
	border-color:#0001F9;
	color:#fff;
}
.hot-owl .owl-btns .owl-btn.disabled {
	color:#ccc;
	cursor:auto;
}
@media screen and (max-width:767px) {
.hot-owl .owl-btns .owl-btn {
width:18px;
height:36px;
line-height:34px;
}
}
.hot-owl .owl-btns .item-prev {
	left:-25px;
}
@media screen and (max-width:1319px) {
.hot-owl .owl-btns .item-prev {
left:0;
}
}
.hot-owl .owl-btns .item-next {
	right:-25px;
}
@media screen and (max-width:1319px) {
.hot-owl .owl-btns .item-next {
right:0;
}
}
.hot-owl .list-item {
	margin:0 4.24144%;
	background-color:#333333;
	text-align:center;
-webkit-transition:all .5s;
-o-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s;
}
@media screen and (max-width:991px) {
.hot-owl .list-item {
margin:0 3.125%;
}
}
@media screen and (max-width:480px) {
.hot-owl .list-item {
margin:0 1.96078%;
}
}
.hot-owl .list-item:hover {
	background-color:#0001F9;
}
.hot-owl .list-item:hover .item-btn {
	border-color:#fff !important;
	background-color:#fff \9;
	color:#0001F9 !important;
}
.hot-owl .list-item:hover .item-btn .iconfont {
	color:#0001F9 !important;
}
.hot-owl .list-item:hover .item-btn:before {
	height:500%;
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.hot-owl .item-pic {
	background-color:#fff;
}
.hot-owl .item-body {
	padding:15px 5px 14px;
	font-size:0;
}
@media screen and (max-width:767px) {
.hot-owl .item-body {
padding:10px 5px 12px;
}
}
.hot-owl .item-title {
	font-size:18px;
	font-size:1.8rem;
	line-height:1.3;
	margin-bottom:9px;
}
.hot-owl .item-title, .hot-owl .item-title a, .hot-owl .item-title a:hover {
	color:#fff !important;
}
@media screen and (max-width:1219px) {
.hot-owl .item-title {
font-size:16px;
font-size:1.6rem;
}
}
@media screen and (max-width:767px) {
.hot-owl .item-title {
font-size:14px;
font-size:1.4rem;
margin-bottom:5px;
}
}
.hot-owl .item-desc {
	font-size:14px;
	font-size:1.4rem;
	line-height:1.4;
	margin-bottom:21px;
}
.hot-owl .item-desc, .hot-owl .item-desc a, .hot-owl .item-desc a:hover {
	color:#F6F6F6 !important;
}
@media screen and (max-width:1219px) {
.hot-owl .item-desc {
margin-bottom:15px;
}
}
@media screen and (max-width:767px) {
.hot-owl .item-desc {
font-size:12px;
font-size:1.2rem;
margin-bottom:10px;
}
}
.hot-owl .item-btn {
	display:inline-block;
	border:solid 1px #fff;
	line-height:37px;
	padding:0 40px;
	font-size:16px;
	font-size:1.6rem;
	color:#fff;
}
.hot-owl .item-btn:hover {
	border-color:#fff !important;
}
@media screen and (max-width:1219px) {
.hot-owl .item-btn {
line-height:32px;
padding:0 30px;
font-size:14px;
font-size:1.4rem;
}
}
@media screen and (max-width:991px) {
.hot-owl .item-btn {
padding:0 20px;
}
}
@media screen and (max-width:767px) {
.hot-owl .item-btn {
line-height:26px;
padding:0 15px;
font-size:12px;
font-size:1.2rem;
}
}
.index-about {
	padding:133px 0 96px;
}
@media screen and (max-width:1219px) {
.index-about {
padding:70px 0;
}
}
@media screen and (max-width:991px) {
.index-about {
padding:50px 0;
}
}
@media screen and (max-width:767px) {
.index-about {
padding:30px 0;
}
}
.index-about .left-box {
	float:left;
	width:44.16667%;
	margin-right:5.83333%;
}
@media screen and (max-width:1219px) {
.index-about .left-box {
width:45.83333%;
margin-right:4.16667%;
}
}
@media screen and (max-width:991px) {
.index-about .left-box {
width:47.5%;
margin-right:2.5%;
}
}
@media screen and (max-width:767px) {
.index-about .left-box {
float:none;
width:100%;
margin:0 auto 30px;
}
}
.index-about .left-box .box-item .item-subt {
	font-size:18px;
	font-size:1.8rem;
	line-height:1.3;
	font-family:"Roboto-Bold";
	text-transform:uppercase;
	margin-top:-4px;
	margin-bottom:18px;
}
.index-about .left-box .box-item .item-subt, .index-about .left-box .box-item .item-subt a {
	color:#0001F9;
}
.index-about .left-box .box-item .item-subt a:hover {
	color:#000 !important;
}
@media screen and (max-width:1219px) {
.index-about .left-box .box-item .item-subt {
margin-top:0;
margin-bottom:15px;
font-size:16px;
font-size:1.6rem;
}
}
@media screen and (max-width:991px) {
.index-about .left-box .box-item .item-subt {
margin-bottom:10px;
}
}
@media screen and (max-width:767px) {
.index-about .left-box .box-item .item-subt {
font-size:14px;
font-size:1.4rem;
margin-bottom:5px;
}
}
.index-about .left-box .box-item .item-title {
	font-family:"Roboto-Bold";
	font-size:44px;
	font-size:4.4rem;
	line-height:1.36;
	margin-bottom:74px;
}
@media screen and (max-width:1219px) {
.index-about .left-box .box-item .item-title {
font-size:36px;
font-size:3.6rem;
margin-bottom:50px;
}
}
@media screen and (max-width:991px) {
.index-about .left-box .box-item .item-title {
font-size:28px;
font-size:2.8rem;
line-height:1.3;
}
}
@media screen and (max-width:767px) {
.index-about .left-box .box-item .item-title {
font-size:20px;
font-size:2rem;
margin-bottom:25px;
}
}
.index-about .left-box .box-list .list-item {
	margin-bottom:80px;
}
.index-about .left-box .box-list .list-item:last-child {
	margin-bottom:0;
}
@media screen and (max-width:1219px) {
.index-about .left-box .box-list .list-item {
margin-bottom:60px;
}
}
@media screen and (max-width:991px) {
.index-about .left-box .box-list .list-item {
margin-bottom:55px;
}
}
@media screen and (max-width:767px) {
.index-about .left-box .box-list .list-item {
margin-bottom:25px;
}
}
.index-about .left-box .box-list .item-icon {
	float:left;
	width:108px;
	height:108px;
	line-height:108px;
	margin-right:15px;
	border-radius:50%;
	text-align:center;
	background-color:#FC0401;
	color:#fff;
	font-size:44px;
	font-size:4.4rem;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.index-about .left-box .box-list .item-icon:hover {
	background-color:#0001F9;
}
@media screen and (max-width:991px) {
.index-about .left-box .box-list .item-icon {
width:88px;
height:88px;
line-height:88px;
font-size:40px;
font-size:4rem;
}
}
@media screen and (max-width:767px) {
.index-about .left-box .box-list .item-icon {
width:60px;
height:60px;
line-height:60px;
font-size:30px;
font-size:3rem;
margin-right:12px;
}
}
.index-about .left-box .box-list .item-body {
	overflow:hidden;
}
.index-about .left-box .box-list .item-title {
	font-family:"Roboto-Bold";
	font-size:22px;
	font-size:2.2rem;
	line-height:1.3;
	margin-bottom:11px;
}
@media screen and (max-width:1219px) {
.index-about .left-box .box-list .item-title {
font-size:20px;
font-size:2rem;
margin-bottom:8px;
}
}
@media screen and (max-width:991px) {
.index-about .left-box .box-list .item-title {
font-size:18px;
font-size:1.8rem;
margin-bottom:5px;
}
}
@media screen and (max-width:767px) {
.index-about .left-box .box-list .item-title {
font-size:16px;
font-size:1.6rem;
}
}
.index-about .left-box .box-list .item-desc {
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
@media screen and (max-width:1219px) {
.index-about .left-box .box-list .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:26px;
}
}
@media screen and (max-width:991px) {
.index-about .left-box .box-list .item-desc {
line-height:22px;
}
}
@media screen and (max-width:767px) {
.index-about .left-box .box-list .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.index-about .right-box {
	overflow:hidden;
}
.index-about .right-box .item-pic {
	margin-bottom:22px;
}
@media screen and (max-width:991px) {
.index-about .right-box .item-pic {
margin-bottom:15px;
}
}
.index-about .right-box .item-title {
	font-family:"Roboto-Bold";
	font-size:30px;
	font-size:3rem;
	line-height:1.3;
	margin-bottom:16px;
}
@media screen and (max-width:1219px) {
.index-about .right-box .item-title {
font-size:26px;
font-size:2.6rem;
}
}
@media screen and (max-width:991px) {
.index-about .right-box .item-title {
font-size:22px;
font-size:2.2rem;
margin-bottom:10px;
}
}
@media screen and (max-width:767px) {
.index-about .right-box .item-title {
font-size:18px;
font-size:1.8rem;
}
}
.index-about .right-box .item-subt {
	font-size:18px;
	font-size:1.8rem;
	line-height:32px;
	margin-bottom:23px;
}
@media screen and (max-width:1219px) {
.index-about .right-box .item-subt {
font-size:16px;
font-size:1.6rem;
line-height:26px;
}
}
@media screen and (max-width:991px) {
.index-about .right-box .item-subt {
margin-bottom:15px;
line-height:22px;
}
}
@media screen and (max-width:767px) {
.index-about .right-box .item-subt {
margin-bottom:10px;
font-size:14px;
font-size:1.4rem;
line-height:20px;
}
}
.index-about .right-box .item-desc {
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
@media screen and (max-width:1219px) {
.index-about .right-box .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:26px;
}
}
@media screen and (max-width:991px) {
.index-about .right-box .item-desc {
line-height:22px;
}
}
@media screen and (max-width:767px) {
.index-about .right-box .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.index-about .item-btn {
	font-size:0;
	text-align:center;
	margin-top:73px;
}
@media screen and (max-width:1219px) {
.index-about .item-btn {
margin-top:65px;
}
}
@media screen and (max-width:991px) {
.index-about .item-btn {
margin-top:50px;
}
}
@media screen and (max-width:767px) {
.index-about .item-btn {
margin-top:25px;
}
}
.index-about .item-btn a {
	display:inline-block;
	min-width:290px;
	line-height:44px;
	border:solid 1px #0001F9;
	background-color:#0001F9;
	color:#fff;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	padding:0 15px;
}
.index-about .item-btn a:hover:before {
	height:600%;
}
@media screen and (max-width:1219px) {
.index-about .item-btn a {
font-size:14px;
font-size:1.4rem;
min-width:220px;
line-height:38px;
}
}
@media screen and (max-width:991px) {
.index-about .item-btn a {
min-width:180px;
line-height:34px;
}
}
@media screen and (max-width:767px) {
.index-about .item-btn a {
font-size:12px;
font-size:1.2rem;
min-width:140px;
line-height:28px;
}
}
.index-item .item-title {
	font-family:"Roboto-Bold";
	font-size:44px;
	font-size:4.4rem;
	line-height:1.3;
}
@media screen and (max-width:1219px) {
.index-item .item-title {
font-size:36px;
font-size:3.6rem;
}
}
@media screen and (max-width:991px) {
.index-item .item-title {
font-size:28px;
font-size:2.8rem;
}
}
@media screen and (max-width:767px) {
.index-item .item-title {
font-size:20px;
font-size:2rem;
}
}
.index-item .item-title a {
	padding-right:11px;
	display:inline-block;
	position:relative;
}
@media screen and (max-width:767px) {
.index-item .item-title a {
padding-right:8px;
}
}
.index-item .item-title a:before {
	position:absolute;
	content:'';
	left:100%;
	bottom:12px;
	width:137px;
	height:2px;
	background-color:#FC0401;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
@media screen and (max-width:991px) {
.index-item .item-title a:before {
width:110px;
bottom:9px;
}
}
@media screen and (max-width:767px) {
.index-item .item-title a:before {
bottom:7px;
width:80px;
}
}
.index-item .item-title a:after {
	position:absolute;
	content:'';
	left:100%;
	bottom:12px;
	width:60px;
	height:2px;
	background-color:#0001F9;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
@media screen and (max-width:991px) {
.index-item .item-title a:after {
width:50px;
bottom:9px;
}
}
@media screen and (max-width:767px) {
.index-item .item-title a:after {
bottom:7px;
width:30px;
}
}
.index-item .item-title a:hover:before {
	z-index:2;
	width:60px;
}
@media screen and (max-width:991px) {
.index-item .item-title a:hover:before {
width:50px;
}
}
@media screen and (max-width:767px) {
.index-item .item-title a:hover:before {
width:30px;
}
}
.index-item .item-title a:hover:after {
	width:137px;
}
@media screen and (max-width:991px) {
.index-item .item-title a:hover:after {
width:110px;
}
}
@media screen and (max-width:767px) {
.index-item .item-title a:hover:after {
width:80px;
}
}
.index-item .item-desc {
	margin-top:7px;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
@media screen and (max-width:1219px) {
.index-item .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:26px;
}
}
@media screen and (max-width:991px) {
.index-item .item-desc {
line-height:22px;
}
}
@media screen and (max-width:767px) {
.index-item .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.index-appbox {
	background:url(../images/bg4.jpg) no-repeat center;
	background-size:cover;
	padding:102px 0 41px;
}
@media screen and (max-width:1219px) {
.index-appbox {
padding-top:70px;
}
}
@media screen and (max-width:991px) {
.index-appbox {
padding-top:50px;
}
}
@media screen and (max-width:767px) {
.index-appbox {
padding:30px 0;
}
}
.index-appbox .index-item {
	text-align:center;
	margin-bottom:69px;
}
@media screen and (max-width:1219px) {
.index-appbox .index-item {
margin-bottom:40px;
}
}
@media screen and (max-width:991px) {
.index-appbox .index-item {
margin-bottom:30px;
}
}
@media screen and (max-width:767px) {
.index-appbox .index-item {
margin-bottom:20px;
}
}
.index-appbox .index-item .item-title {
	padding-right:100px;
}
@media screen and (max-width:991px) {
.index-appbox .index-item .item-title {
padding-right:0;
}
}
.app-owl {
	position:relative;
	overflow:hidden;
	padding-left:8.48958%;
	text-align:center;
}
@media screen and (max-width:1219px) {
.app-owl {
padding-left:-webkit-calc(50% - 480px);
padding-left:-moz-calc(50% - 480px);
padding-left:calc(50% - 480px);
}
}
@media screen and (max-width:991px) {
.app-owl {
padding-left:-webkit-calc(50% - 360px);
padding-left:-moz-calc(50% - 360px);
padding-left:calc(50% - 360px);
}
}
@media screen and (max-width:767px) {
.app-owl {
padding-left:0;
}
}
.app-owl .owl-controls {
	display:none !important;
}
.app-owl .owl-buttons {
	display:none !important;
}
.app-owl .owl-btns {
	display:inline-block;
	font-size:0;
	letter-spacing:0;
	margin-top:44px;
}
@media screen and (max-width:1219px) {
.app-owl .owl-btns {
margin-top:40px;
}
}
@media screen and (max-width:991px) {
.app-owl .owl-btns {
margin-top:30px;
}
}
@media screen and (max-width:767px) {
.app-owl .owl-btns {
margin-top:20px;
}
}
.app-owl .owl-btns > * {
	display:inline-block;
	vertical-align:middle;
}
.app-owl .owl-btns .item-num {
	font-size:22px;
	font-size:2.2rem;
	margin:0 21px 0 29px;
}
@media screen and (max-width:1219px) {
.app-owl .owl-btns .item-num {
margin:0 15px;
font-size:20px;
font-size:2rem;
}
}
@media screen and (max-width:991px) {
.app-owl .owl-btns .item-num {
font-size:16px;
font-size:1.6rem;
margin:0 10px;
}
}
@media screen and (max-width:767px) {
.app-owl .owl-btns .item-num {
font-size:14px;
font-size:1.4rem;
margin:0 8px;
}
}
.app-owl .owl-btns .progress-line {
	margin-right:14px;
	width:360px;
	height:2px;
	background-color:#818181;
	position:relative;
}
.app-owl .owl-btns .progress-line .progress-bar {
	position:absolute;
	left:0;
	height:4px;
	top:50%;
	margin-top:-2px;
	background-color:#0001F9;
-webkit-transition:all .6s;
-o-transition:all .6s;
-moz-transition:all .6s;
transition:all .6s;
}
@media screen and (max-width:1219px) {
.app-owl .owl-btns .progress-line {
width:300px;
}
}
@media screen and (max-width:991px) {
.app-owl .owl-btns .progress-line {
width:200px;
margin-right:10px;
}
}
@media screen and (max-width:767px) {
.app-owl .owl-btns .progress-line {
width:150px;
margin-right:8px;
}
}
.app-owl .owl-btns .owl-btn {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	font-size:40px;
	font-size:4rem;
	color:#666;
	cursor:pointer;
}
.app-owl .owl-btns .owl-btn:hover {
	color:#0001F9;
}
.app-owl .owl-btns .owl-btn.disabled {
	color:#ccc;
	cursor:auto;
}
@media screen and (max-width:1219px) {
.app-owl .owl-btns .owl-btn {
font-size:32px;
font-size:3.2rem;
}
}
@media screen and (max-width:991px) {
.app-owl .owl-btns .owl-btn {
font-size:26px;
font-size:2.6rem;
}
}
@media screen and (max-width:767px) {
.app-owl .owl-btns .owl-btn {
font-size:22px;
font-size:2.2rem;
}
}
.app-owl .list-item {
	position:relative;
	overflow:hidden;
}
@media screen and (max-width:991px) {
.app-owl .list-item {
margin:0 1px;
}
}
.app-owl .item-backdrop:before {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	background-color:#0001F9;
}
.app-owl .item-body {
	position:relative;
	text-align:left;
	padding:50px 24px 0;
}
@media screen and (max-width:1419px) {
.app-owl .item-body {
padding:40px 15px 0;
}
}
@media screen and (max-width:991px) {
.app-owl .item-body {
background-color:#0001F9;
background-color:rgba(0, 1, 249, 0.7);
padding:15px 10px;
position:absolute;
bottom:0;
left:0;
width:100%;
}
}
@media screen and (max-width:767px) {
.app-owl .item-body {
padding:10px 6px;
}
}
.app-owl .item-title {
	margin-bottom:19px;
	font-size:28px;
	font-size:2.8rem;
	line-height:1.3;
}
.app-owl .item-title, .app-owl .item-title a {
	color:#fff;
}
.app-owl .item-title a:hover {
	color:#fff !important;
}
@media screen and (max-width:1419px) {
.app-owl .item-title {
font-size:24px;
font-size:2.4rem;
margin-bottom:12px;
}
}
@media screen and (max-width:1219px) {
.app-owl .item-title {
font-size:20px;
font-size:2rem;
margin-bottom:8px;
}
}
@media screen and (max-width:991px) {
.app-owl .item-title {
font-size:18px;
font-size:1.8rem;
margin-bottom:5px;
}
}
@media screen and (max-width:767px) {
.app-owl .item-title {
font-size:14px;
font-size:1.4rem;
margin-bottom:4px;
}
}
.app-owl .item-desc {
	margin-bottom:30px;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
.app-owl .item-desc, .app-owl .item-desc a {
	color:#fff;
}
.app-owl .item-desc a:hover {
	color:#fff !important;
}
@media screen and (max-width:1419px) {
.app-owl .item-desc {
margin-bottom:20px;
font-size:14px;
font-size:1.4rem;
line-height:24px;
}
}
@media screen and (max-width:1219px) {
.app-owl .item-desc {
line-height:22px;
margin-bottom:18px;
}
}
@media screen and (max-width:991px) {
.app-owl .item-desc {
line-height:20px;
margin-bottom:15px;
}
}
@media screen and (max-width:767px) {
.app-owl .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:18px;
margin-bottom:8px;
}
}
.app-owl .item-btn {
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
}
.app-owl .item-btn img {
	vertical-align:middle;
	margin-left:20px;
}
@media screen and (max-width:1419px) {
.app-owl .item-btn {
font-size:14px;
font-size:1.4rem;
}
.app-owl .item-btn img {
margin-left:10px;
}
}
@media screen and (max-width:1219px) {
.app-owl .item-btn img {
height:7px;
}
}
@media screen and (max-width:991px) {
.app-owl .item-btn img {
margin-left:5px;
}
}
@media screen and (max-width:767px) {
.app-owl .item-btn {
font-size:12px;
font-size:1.2rem;
}
}
.index-news {
	padding:96px 0 73px;
}
@media screen and (max-width:1219px) {
.index-news {
padding:70px 0;
}
}
@media screen and (max-width:991px) {
.index-news {
padding:50px 0;
}
}
@media screen and (max-width:767px) {
.index-news {
padding:30px 0;
}
}
.index-news .index-item {
	margin-bottom:53px;
}
@media screen and (max-width:1219px) {
.index-news .index-item {
margin-bottom:40px;
}
}
@media screen and (max-width:991px) {
.index-news .index-item {
margin-bottom:30px;
}
}
@media screen and (max-width:767px) {
.index-news .index-item {
margin-bottom:20px;
}
}
.index-news .box-list {
	float:left;
	width:65.25%;
	font-size:0;
	letter-spacing:0;
}
@media screen and (max-width:767px) {
.index-news .box-list {
width:100%;
}
}
.index-news .box-list .list-item {
	display:inline-block;
	vertical-align:top;
	width:48.53129%;
	margin-left:2.93742%;
}
@media screen and (max-width:767px) {
.index-news .box-list .list-item {
width:49%;
margin-left:2%;
margin-bottom:30px;
}
}
.index-news .box-list .item-pic {
	margin-bottom:17px;
}
@media screen and (max-width:991px) {
.index-news .box-list .item-pic {
margin-bottom:12px;
}
}
@media screen and (max-width:767px) {
.index-news .box-list .item-pic {
margin-bottom:10px;
}
}
.index-news .box-list .item-date {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.3;
	color:#666;
	margin-bottom:20px;
}
@media screen and (max-width:1219px) {
.index-news .box-list .item-date {
font-size:14px;
font-size:1.4rem;
margin-bottom:10px;
}
}
@media screen and (max-width:991px) {
.index-news .box-list .item-date {
margin-bottom:6px;
}
}
@media screen and (max-width:767px) {
.index-news .box-list .item-date {
font-size:12px;
font-size:1.2rem;
}
}
.index-news .box-list .item-title {
	font-size:18px;
	font-size:1.8rem;
	line-height:28px;
	margin-bottom:20px;
}
@media screen and (max-width:1219px) {
.index-news .box-list .item-title {
font-size:16px;
font-size:1.6rem;
line-height:26px;
margin-bottom:15px;
}
}
@media screen and (max-width:991px) {
.index-news .box-list .item-title {
line-height:22px;
margin-bottom:10px;
}
}
@media screen and (max-width:767px) {
.index-news .box-list .item-title {
font-size:14px;
font-size:1.4rem;
line-height:20px;
}
}
.index-news .box-list .item-btn {
	display:inline-block;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.3;
	color:#0001F9;
}
.index-news .box-list .item-btn:hover {
	text-decoration:underline;
}
@media screen and (max-width:1219px) {
.index-news .box-list .item-btn {
font-size:14px;
font-size:1.4rem;
}
}
@media screen and (max-width:767px) {
.index-news .box-list .item-btn {
font-size:12px;
font-size:1.2rem;
}
}
.index-news .box-list1 {
	float:right;
	width:32%;
	border:solid 1px #D7D7D7;
	border-top-width:2px;
	border-bottom-width:2px;
}
@media screen and (max-width:767px) {
.index-news .box-list1 {
width:100%;
}
}
.index-news .box-list1 .list-item {
	border-bottom:solid 2px #D7D7D7;
	padding:13px 20px 16px;
}
@media screen and (max-width:1219px) {
.index-news .box-list1 .list-item {
padding:13px 15px;
}
}
@media screen and (max-width:991px) {
.index-news .box-list1 .list-item {
padding:10px;
}
}
.index-news .box-list1 .item-title {
	font-size:18px;
	font-size:1.8rem;
	line-height:30px;
	margin-bottom:15px;
}
@media screen and (max-width:1219px) {
.index-news .box-list1 .item-title {
font-size:16px;
font-size:1.6rem;
line-height:26px;
margin-bottom:10px;
}
}
@media screen and (max-width:991px) {
.index-news .box-list1 .item-title {
line-height:22px;
margin-bottom:6px;
}
}
@media screen and (max-width:767px) {
.index-news .box-list1 .item-title {
font-size:14px;
font-size:1.4rem;
line-height:20px;
}
}
.index-news .box-list1 .item-date {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.3;
	color:#666;
}
@media screen and (max-width:1219px) {
.index-news .box-list1 .item-date {
font-size:14px;
font-size:1.4rem;
}
}
@media screen and (max-width:767px) {
.index-news .box-list1 .item-date {
font-size:12px;
font-size:1.2rem;
}
}
.index-news .box-list1 .item-btn {
	display:inline-block;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.3;
	color:#0001F9;
}
.index-news .box-list1 .item-btn:hover {
	text-decoration:underline;
}
@media screen and (max-width:1219px) {
.index-news .box-list1 .item-btn {
font-size:14px;
font-size:1.4rem;
}
}
@media screen and (max-width:767px) {
.index-news .box-list1 .item-btn {
font-size:12px;
font-size:1.2rem;
}
}
.index-news .box-list1 .item-btnbox {
	padding:21px 20px 18px;
}
@media screen and (max-width:1219px) {
.index-news .box-list1 .item-btnbox {
padding:15px;
}
}
@media screen and (max-width:991px) {
.index-news .box-list1 .item-btnbox {
padding:10px;
}
}
.index-video {
	background:url(../images/bg2.jpg) no-repeat center;
	background-attachment:fixed;
	position:relative;
	padding:244px 0 86px;
}
.index-video:before {
	position:absolute;
	content:'';
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:url(../images/bg2.jpg) no-repeat center;
	background-size:cover;
	z-index:-1;
}
@media screen and (max-width:1219px) {
.index-video {
padding:150px 0 70px;
}
}
@media screen and (max-width:991px) {
.index-video {
padding:100px 0 50px;
}
}
@media screen and (max-width:767px) {
.index-video {
padding:70px 0 30px;
}
}
.index-video .item-bg {
	position:absolute;
	right:0;
	bottom:0;
	width:13.54167%;
}
.index-video .item-bg img {
	display:block;
	width:100%;
}
.index-video .video-btn {
	z-index:2;
	display:block;
	background-color:#0001F9;
	position:relative;
	width:63px;
	height:63px;
	border-radius:50%;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
	-webkit-animation:play-pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation:play-pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
	animation:play-pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
	box-shadow:0 0 0 0 rgba(0, 1, 249, 0.9), 0 0 0 0 rgba(0, 1, 249, 0.6);
}
@media screen and (max-width:767px) {
.index-video .video-btn {
width:50px;
height:50px;
}
}
.index-video .video-btn:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:0;
	height:0;
	margin:auto;
	display:block;
	border-width:13px 0 13px 18px;
	border-style:solid;
	border-radius:3px;
	border-color:transparent transparent transparent #fff;
}
@media screen and (max-width:991px) {
.index-video .video-btn:after {
border-width:12px 0 12px 18px;
}
}
@media screen and (max-width:767px) {
.index-video .video-btn:after {
border-width:10px 0 10px 15px;
border-radius:0;
}
}
.index-video .video-btn:hover {
	background-color:rgba(0, 1, 249, 0.8);
}
@-webkit-keyframes play-pulse {
to {
box-shadow:0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 35px rgba(255, 255, 255, 0);
@media screen and (max-width:767px) {
box-shadow:0 0 0 10px rgba(255, 255, 255, 0), 0 0 0 20px rgba(255, 255, 255, 0);
}
}
}
@-moz-keyframes play-pulse {
to {
box-shadow:0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 35px rgba(255, 255, 255, 0);
@media screen and (max-width:767px) {
box-shadow:0 0 0 10px rgba(255, 255, 255, 0), 0 0 0 20px rgba(255, 255, 255, 0);
}
}
}
@keyframes play-pulse {
to {
box-shadow:0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 35px rgba(255, 255, 255, 0);
@media screen and (max-width:767px) {
box-shadow:0 0 0 10px rgba(255, 255, 255, 0), 0 0 0 20px rgba(255, 255, 255, 0);
}
}
}
.index-video .item-title {
	position:relative;
	z-index:2;
	margin-top:108px;
	font-family:"Roboto-Bold";
	font-size:24px;
	font-size:2.4rem;
	line-height:1.5;
	color:#fff;
	max-width:680px;
}
@media screen and (max-width:1219px) {
.index-video .item-title {
margin-top:70px;
font-size:20px;
font-size:2rem;
max-width:600px;
}
}
@media screen and (max-width:991px) {
.index-video .item-title {
margin-top:50px;
font-size:18px;
font-size:1.8rem;
max-width:540px;
}
}
@media screen and (max-width:767px) {
.index-video .item-title {
margin-top:40px;
font-size:16px;
font-size:1.6rem;
max-width:480px;
}
}
@media screen and (max-width:480px) {
.index-video .item-title {
font-size:14px;
font-size:1.4rem;
}
}
.video-backdrop {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.7);
	z-index:999999999999999999999999999;
}
.video-backdrop .item-close {
	position:absolute;
	right:2.60417%;
	top:2.60417%;
	color:#fff;
	font-size:36px;
	font-size:3.6rem;
	cursor:pointer;
}
@media screen and (max-width:767px) {
.video-backdrop .item-close {
font-size:26px;
font-size:2.6rem;
}
}
.video-backdrop .item-videobox {
	overflow:hidden;
	max-width:1200px;
	border-radius:0;
	position:absolute;
	top:50%;
	left:50%;
	width:95%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.video-backdrop .item-videobox .item-video {
	position:relative;
	overflow:hidden;
	padding-bottom:56.25%;
	height:0;
}
.video-backdrop .item-videobox .item-video iframe, .video-backdrop .item-videobox .item-video video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}
.video-backdrop .item-videobox .item-video iframe body {
	margin:0px !important;
}
.page_wrap {
	background:url(../images/bg3.png) no-repeat right bottom;
	background-size:13.54167%;
	padding:44px 0 90px;
}
@media screen and (max-width:1219px) {
.page_wrap {
padding:44px 0 70px;
}
}
@media screen and (max-width:991px) {
.page_wrap {
padding:40px 0 50px;
}
}
@media screen and (max-width:767px) {
.page_wrap {
padding:30px 0;
}
}
.contact_wrap {
	position:relative;
}
.contact_wrap .item-bg1 {
	position:absolute;
	top:0;
	right:0;
	width:93px;
}
@media screen and (max-width:1219px) {
.contact_wrap .item-bg1 {
width:7.62295%;
}
}
.contact_wrap .item-bg1 img {
	display:block;
	width:100%;
}
.contact_wrap .item-bg2 {
	position:absolute;
	bottom:0;
	left:0;
	width:105px;
}
@media screen and (max-width:1219px) {
.contact_wrap .item-bg2 {
width:8.60656%;
}
}
.contact_wrap .item-bg2 img {
	display:block;
	width:100%;
}
.contact_wrap > .wp {
	position:relative;
	z-index:2;
}
.main .box-main {
	float:right;
	width:854px;
}
@media screen and (max-width:1219px) {
.main .box-main {
width:670px;
}
}
@media screen and (max-width:991px) {
.main .box-main {
width:100%;
}
}
.main .box-slide {
	float:left;
	width:306px;
}
@media screen and (max-width:1219px) {
.main .box-slide {
width:260px;
}
}
@media screen and (max-width:991px) {
.main .box-slide {
width:100%;
margin-top:50px;
}
}
@media screen and (max-width:767px) {
.main .box-slide {
margin-top:30px;
}
}
.pro1-top .item-title {
	text-transform:uppercase;
	font-size:30px;
	font-size:3rem;
	line-height:1.3;
	font-family:"Roboto-Black";
	margin-bottom:25px;
	padding-bottom:14px;
	position:relative;
}
.pro1-top .item-title:before {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:160px;
	height:2px;
	background-color:#FC0401;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.pro1-top .item-title:after {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:67px;
	height:2px;
	background-color:#0001F9;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
@media screen and (max-width:1219px) {
.pro1-top .item-title {
font-size:26px;
font-size:2.6rem;
margin-bottom:20px;
padding-bottom:10px;
}
.pro1-top .item-title:before {
width:150px;
}
.pro1-top .item-title:after {
width:57px;
}
}
@media screen and (max-width:991px) {
.pro1-top .item-title {
font-size:22px;
font-size:2.2rem;
}
.pro1-top .item-title:before {
width:130px;
}
.pro1-top .item-title:after {
width:47px;
}
}
@media screen and (max-width:767px) {
.pro1-top .item-title {
margin-bottom:10px;
padding-bottom:8px;
font-size:18px;
font-size:1.8rem;
}
.pro1-top .item-title:before {
width:100px;
}
.pro1-top .item-title:after {
width:37px;
}
}
.pro1-top .item-desc {
	margin-bottom:67px;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
.pro1-top .item-desc, .pro1-top .item-desc * {
	color:#666;
}
@media screen and (max-width:1219px) {
.pro1-top .item-desc {
margin-bottom:30px;
font-size:14px;
font-size:1.4rem;
line-height:24px;
}
}
@media screen and (max-width:991px) {
.pro1-top .item-desc {
margin-bottom:25px;
line-height:20px;
}
}
@media screen and (max-width:767px) {
.pro1-top .item-desc {
margin-bottom:20px;
line-height:18px;
font-size:12px;
font-size:1.2rem;
}
}
.pro1-list {
	font-size:0;
	letter-spacing:0;
	padding-bottom:30px;
}
@media screen and (max-width:991px) {
.pro1-list {
padding-bottom:20px;
}
}
@media screen and (max-width:767px) {
.pro1-list {
padding-bottom:10px;
}
}
.pro1-list .list-item {
	display:inline-block;
	vertical-align:top;
	width:32.08431%;
	margin-left:1.87354%;
	margin-bottom:74px;
	position:relative;
}
@media screen and (max-width:1219px) {
.pro1-list .list-item {
margin-bottom:30px;
}
}
@media screen and (max-width:767px) {
.pro1-list .list-item {
margin-bottom:20px;
}
}
@media screen and (max-width:480px) {
.pro1-list .list-item {
width:48%;
margin:0 1% 20px !important;
}
}
.pro1-list .item-pic {
	position:relative;
}
.pro1-list .item-pic > a {
	display:block;
	padding-bottom:100%;
	position:relative;
}
.pro1-list .item-pic img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media screen and (max-width:991px) {
.pro1-list .item-backdrop {
display:none;
}
}
.pro1-list .item-backdrop:before {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.pro1-list .item-backdrop .item-table {
	position:relative;
	padding:15px;
}
@media screen and (max-width:1219px) {
.pro1-list .item-backdrop .item-table {
padding:10px;
}
}
.pro1-list .item-backdrop .item-desc {
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
.pro1-list .item-backdrop .item-desc, .pro1-list .item-backdrop .item-desc a {
	color:#fff;
}
.pro1-list .item-backdrop .item-desc a:hover {
	color:#ccc !important;
}
@media screen and (max-width:1219px) {
.pro1-list .item-backdrop .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:24px;
}
}
@media screen and (max-width:991px) {
.pro1-list .item-backdrop .item-desc {
line-height:22px;
}
.pro1-list .item-backdrop .item-desc a {
-webkit-line-clamp:2;
}
.pro1-list .item-backdrop .item-desc, .pro1-list .item-backdrop .item-desc a {
color:#666;
}
.pro1-list .item-backdrop .item-desc a:hover {
color:#0001F9 !important;
}
}
@media screen and (max-width:767px) {
.pro1-list .item-backdrop .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:18px;
}
}
.pro1-list .item-body {
	text-align:center;
}
.pro1-list .item-body .item-desc {
	display:none;
	margin-top:5px;
	font-size:14px;
	font-size:1.4rem;
	line-height:20px;
	height:40px;
}
@media screen and (max-width:991px) {
.pro1-list .item-body .item-desc {
display:block;
}
}
@media screen and (max-width:767px) {
.pro1-list .item-body .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:18px;
height:36px;
}
}
.pro1-list .item-title {
	font-size:18px;
	font-size:1.8rem;
	line-height:1.3;
	margin-top:15px;
}
@media screen and (max-width:1219px) {
.pro1-list .item-title {
font-size:16px;
font-size:1.6rem;
margin-top:12px;
}
}
@media screen and (max-width:767px) {
.pro1-list .item-title {
font-size:14px;
font-size:1.4rem;
margin-top:8px;
}
}
.pro1-list .item-btnbox {
	font-size:0;
	letter-spacing:0;
	margin-top:11px;
	position:relative;
}
@media screen and (max-width:767px) {
.pro1-list .item-btnbox {
margin-top:8px;
}
}
.pro1-list .item-btnbox input {
	margin-right:13px;
	display:inline-block;
	vertical-align:middle;
}
@media screen and (max-width:767px) {
.pro1-list .item-btnbox input {
margin-right:5px;
}
}
.pro1-list .item-btn {
	display:inline-block;
	vertical-align:middle;
	padding:0 35px;
	line-height:35px;
	border:solid 1px #0001F9;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	color:#0001F9;
	border-radius:0;
	text-align:center;
}
@media screen and (max-width:1219px) {
.pro1-list .item-btn {
font-size:14px;
font-size:1.4rem;
padding:0 20px;
line-height:30px;
}
}
@media screen and (max-width:991px) {
.pro1-list .item-btn {
padding:0 15px;
}
}
@media screen and (max-width:767px) {
.pro1-list .item-btn {
line-height:26px;
font-size:12px;
font-size:1.2rem;
padding:0 10px;
}
}
.slide-title {
	font-size:32px;
	font-size:3.2rem;
	text-transform:uppercase;
	line-height:1.3;
	text-align:center;
	position:relative;
}
.slide-title.slide-title2 {
	display:none;
}
.slide-title a, .slide-title p {
	font-weight:bold;
	background-color:#0001F9;
	display:block;
	color:#F8F8F8;
	padding:9px 5px 8px;
	position:relative;
}
.slide-title a:hover {
	background-color:#000;
}
.slide-title .iconfont {
	position:absolute;
	right:6px;
	top:6px;
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
}
@media screen and (max-width:1219px) {
.slide-title {
font-size:22px;
font-size:2.2rem;
}
.slide-title a, .slide-title p {
padding:10px 5px;
}
}
@media screen and (max-width:991px) {
.slide-title {
font-size:18px;
font-size:1.8rem;
}
.slide-title a, .slide-title p {
padding:8px 5px;
}
.slide-title.slide-title1 {
display:none;
}
.slide-title.slide-title2 {
display:block;
}
}
.proslide {
	overflow:hidden;
}
.proslide .slide-yiji {
	margin-top:10px;
	background-color:#fff;
	padding:0 12px;
}
@media screen and (max-width:767px) {
.proslide .slide-yiji {
display:none;
}
}
.proslide .slide-yiji > li {
	width:100%;
	border-bottom:solid 1px #DCDCDC;
}
.proslide .slide-yiji > li:last-child {
	border-bottom:0;
}
.proslide .slide-yiji > li > a {
	display:block;
	font-size:18px;
	font-size:1.8rem;
	color:#333;
	line-height:22px;
	padding:18px 22px 18px 5px;
	position:relative;
}
.proslide .slide-yiji > li > a .iconfont {
	position:absolute;
	color:#666;
	top:18px;
	right:5px;
	font-size:14px;
	font-size:1.4rem;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
@media screen and (max-width:1219px) {
.proslide .slide-yiji > li > a {
font-size:16px;
font-size:1.6rem;
padding-top:10px;
padding-bottom:10px;
}
.proslide .slide-yiji > li > a .iconfont {
top:10px;
}
}
.proslide .slide-yiji > li:hover > a .iconfont, .proslide .slide-yiji > li.active > a .iconfont {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}
.proslide .slide-erji {
	padding-bottom:13px;
}
.proslide .slide-erji > li > a {
	display:block;
	font-size:16px;
	font-size:1.6rem;
	line-height:20px;
	color:#666;
	padding:6px 0 6px 25px;
	position:relative;
}
@media screen and (max-width:1219px) {
.proslide .slide-erji > li > a {
font-size:14px;
font-size:1.4rem;
padding:6px 0 6px 15px;
}
}
.proslide .slide-erji > li:hover > a, .proslide .slide-erji > li.active > a {
	color:#0001F9;
}
.proslide .slide-sanji {
	padding:5px 0;
}
.proslide .slide-sanji > li > a {
	display:block;
	color:#666;
	line-height:20px;
	padding:4px 0 4px 45px;
}
@media screen and (max-width:1219px) {
.proslide .slide-sanji > li > a {
font-size:12px;
font-size:1.2rem;
padding-left:30px;
}
}
.proslide .slide-sanji > li:hover > a, .proslide .slide-sanji > li.active > a {
	color:#0001F9;
}
.tags-slide {
	background-color:#fff;
	margin-top:32px;
	padding:23px 13px 20px;
}
@media screen and (max-width:1219px) {
.tags-slide {
margin-top:30px;
padding:20px 10px 15px;
}
}
.tags-slide .news2-title {
	font-weight:normal;
	font-family:"Roboto-Bold";
	margin-bottom:20px;
}
@media screen and (max-width:1219px) {
.tags-slide .news2-title {
margin-bottom:15px;
}
}
.tags-slide .item-desc {
	font-size:0;
	letter-spacing:0;
}
.tags-slide .item-desc > a {
	display:inline-block;
	vertical-align:top;
	border:solid 1px #D6D6D6;
	font-size:16px;
	font-size:1.6rem;
	color:#666;
	line-height:20px;
	padding:4px 8px;
	min-width:130px;
	margin:0 5px 14px;
	text-align:center;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.tags-slide .item-desc > a:hover {
	background-color:#0001F9;
	border-color:#0001F9;
	color:#fff;
}
@media screen and (max-width:1219px) {
.tags-slide .item-desc > a {
font-size:14px;
font-size:1.4rem;
min-width:112px;
margin:0 4px 10px;
}
}
@media screen and (max-width:767px) {
.tags-slide .item-desc > a {
min-width:95px;
padding:2px 5px;
font-size:12px;
font-size:1.2rem;
}
}
.pro2-box {
	margin-bottom:100px;
}
@media screen and (max-width:1219px) {
.pro2-box {
margin-bottom:60px;
}
}
@media screen and (max-width:991px) {
.pro2-box {
margin-bottom:40px;
}
}
@media screen and (max-width:767px) {
.pro2-box {
margin-bottom:30px;
}
}
.pro2-box .m-propic {
	margin:0 auto;
	width:625px;
	float:left;
	margin-right:35px;
}
.pro2-box .m-propic .pic-big {
	position:relative;
	float:right;
	width:483px;
}
.pro2-box .m-propic .big-img {
	display:block;
	line-height:0;
	font-size:0;
	border-radius:0;
	border:0 solid #EFEFEF;
	position:relative;
	padding-bottom:100%;
}
.pro2-box .m-propic .big-img .zoomPad {
	float:none;
	z-index:8;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.pro2-box .m-propic .big-img .zoomPad img {
	border-radius:0;
}
.pro2-box .m-propic .zoomWrapperImage img {
	max-width:1200px;
}
.pro2-box .m-propic .pic-small {
	position:relative;
	float:left;
	width:128px;
	padding:40px 0;
}
.pro2-box .m-propic .pic-btn {
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	width:51px;
	height:24px;
	line-height:22px;
	background:#F5F5F5;
	border:1px solid #666666;
	color:#666;
}
.pro2-box .m-propic .pic-btn:hover {
	background-color:#0001F9;
	border-color:#0001F9;
	color:#fff;
}
.pro2-box .m-propic .pic-btn.prev {
	top:0;
}
.pro2-box .m-propic .pic-btn.next {
	bottom:0;
}
.pro2-box .m-propic .pic-list {
	height:404px;
	overflow:hidden;
}
.pro2-box .m-propic .pic-list ul {
	height:2000px;
}
.pro2-box .m-propic .pic-list .list-item {
	margin-bottom:10px;
	overflow:visible;
	padding-left:0;
}
.pro2-box .m-propic .pic-list .item-pics {
	display:block;
	border-radius:0;
	border:1px solid transparent;
	position:relative;
	overflow:hidden;
	padding-bottom:98.4375%;
}
.pro2-box .m-propic .pic-list .item-pics img {
	width:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.pro2-box .m-propic .pic-list .item-pics:hover, .pro2-box .m-propic .pic-list .item-pics.zoomThumbActive {
	border-color:#0001F9;
}
.pro2-box .m-propic2 {
	display:none;
}
@media screen and (max-width:1219px) {
.pro2-box {
}
.pro2-box .zoomPad {
cursor:default !important;
}
.pro2-box .zoomPup {
display:none !important;
}
.pro2-box .zoomWindow {
display:none !important;
}
.pro2-box .zoomPreload {
display:none !important;
}
.pro2-box .m-propic {
max-width:100%;
float:none;
margin:0 auto 30px;
}
.pro2-box .m-propic .pic-big {
height:auto;
}
}
@media screen and (max-width:767px) {
.pro2-box .m-propic1 {
display:none;
}
.pro2-box .m-propic2 {
position:relative;
display:block;
overflow:hidden;
width:100%;
padding-left:30px;
padding-right:30px;
}
.pro2-box .m-propic2 .box-btn {
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
font-size:14px;
font-size:1.4rem;
width:20px;
height:40px;
line-height:38px;
background:#F5F5F5;
border:1px solid #666666;
color:#666;
}
.pro2-box .m-propic2 .box-btn:hover {
background-color:#0001F9;
border-color:#0001F9;
color:#fff;
}
.pro2-box .m-propic2 .box-btn.prev {
left:0;
}
.pro2-box .m-propic2 .box-btn.next {
right:0;
}
.pro2-box .m-propic2 .box-list {
overflow:hidden;
}
.pro2-box .m-propic2 .box-list ul {
width:1000%;
}
.pro2-box .m-propic2 .list-item {
float:left;
margin-left:.1%;
margin-right:.1%;
margin-bottom:0;
width:3.13%;
border-radius:0;
border:0;
overflow:hidden;
}
.pro2-box .m-propic2 .list-item img {
display:block;
}
}
@media only screen and (max-width:767px) and (max-width:640px) {
.pro2-box .m-propic2 .list-item {
width:4.8%;
}
}
@media only screen and (max-width:767px) and (max-width:480px) {
.pro2-box .m-propic2 .list-item {
width:9.8%;
}
}
.pro2-info {
	overflow:hidden;
}
.pro2-info .item-title {
	font-size:24px;
	font-size:2.4rem;
	line-height:1.3;
	border-bottom:solid 2px #BDBDBD;
	padding-bottom:20px;
	padding-top:16px;
}
@media screen and (max-width:1219px) {
.pro2-info .item-title {
padding-top:0;
padding-bottom:12px;
font-size:20px;
font-size:2rem;
}
}
@media screen and (max-width:767px) {
.pro2-info .item-title {
font-size:18px;
font-size:1.8rem;
padding-bottom:8px;
}
}
.pro2-info .item-desc {
	padding:14px 0 20px;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
.pro2-info .item-desc, .pro2-info .item-desc * {
	color:#666;
}
@media screen and (max-width:1219px) {
.pro2-info .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:26px;
}
}
@media screen and (max-width:991px) {
.pro2-info .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:22px;
}
}
@media screen and (max-width:767px) {
.pro2-info .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.pro2-info .pro-share .share-title {
	color:#666;
	font-size:16px;
	font-size:1.6rem;
}
@media screen and (max-width:1219px) {
.pro2-info .pro-share .share-title {
font-size:14px;
font-size:1.4rem;
}
}
@media screen and (max-width:767px) {
.pro2-info .pro-share .share-title {
font-size:12px;
font-size:1.2rem;
}
}
.pro2-info .item-btns {
	font-size:0;
	letter-spacing:0;
	margin-top:39px;
}
@media screen and (max-width:1219px) {
.pro2-info .item-btns {
margin-top:25px;
}
}
.pro2-info .item-btn {
	text-align:center;
	display:inline-block;
	min-width:195px;
	line-height:43px;
	padding:0 15px;
	border:solid 1px #0001F9;
	color:#0001F9;
	font-size:16px;
	font-size:1.6rem;
}
.pro2-info .item-btn:first-child {
	margin-right:24px;
}
@media screen and (max-width:1219px) {
.pro2-info .item-btn {
min-width:180px;
line-height:38px;
font-size:14px;
font-size:1.4rem;
}
.pro2-info .item-btn:first-child {
margin-right:20px;
}
}
@media screen and (max-width:991px) {
.pro2-info .item-btn {
min-width:160px;
}
}
@media screen and (max-width:767px) {
.pro2-info .item-btn {
min-width:130px;
line-height:32px;
font-size:12px;
font-size:1.2rem;
}
.pro2-info .item-btn:first-child {
margin-right:15px;
}
}
.pro2-title {
	text-align:center;
	font-size:36px;
	font-size:3.6rem;
	line-height:1.3;
}
@media screen and (max-width:1219px) {
.pro2-title {
font-size:30px;
font-size:3rem;
}
}
@media screen and (max-width:991px) {
.pro2-title {
font-size:26px;
font-size:2.6rem;
}
}
@media screen and (max-width:767px) {
.pro2-title {
font-size:20px;
font-size:2rem;
}
}
.pro2-title em, .pro2-title a {
	display:inline-block;
	padding:0 66px;
	font-style:normal;
	position:relative;
}
.pro2-title em:before, .pro2-title em:after, .pro2-title a:before, .pro2-title a:after {
	position:absolute;
	content:'';
	width:36px;
	height:3px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.pro2-title em:before, .pro2-title a:before {
	background-color:#0001F9;
	left:0;
}
.pro2-title em:after, .pro2-title a:after {
	background-color:#FC0401;
	right:0;
}
@media screen and (max-width:1219px) {
.pro2-title em, .pro2-title a {
padding:0 60px;
}
}
@media screen and (max-width:991px) {
.pro2-title em, .pro2-title a {
padding:0 50px;
}
}
@media screen and (max-width:767px) {
.pro2-title em, .pro2-title a {
padding:0 30px;
}
.pro2-title em:before, .pro2-title em:after, .pro2-title a:before, .pro2-title a:after {
width:22px;
height:2px;
}
}
.pro2-title a:hover {
	color:#0001F9;
}
.pro2-spec {
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
.pro2-spec, .pro2-spec * {
	color:#666;
}
@media screen and (max-width:1219px) {
.pro2-spec {
font-size:14px;
font-size:1.4rem;
line-height:26px;
}
}
@media screen and (max-width:991px) {
.pro2-spec {
font-size:14px;
font-size:1.4rem;
line-height:24px;
}
}
@media screen and (max-width:767px) {
.pro2-spec {
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.pro2-box1 {
	margin-bottom:43px;
}
@media screen and (max-width:991px) {
.pro2-box1 {
margin-bottom:40px;
}
}
@media screen and (max-width:767px) {
.pro2-box1 {
margin-bottom:30px;
}
}
.pro2-box1 .pro2-title {
	margin-bottom:29px;
}
@media screen and (max-width:991px) {
.pro2-box1 .pro2-title {
margin-bottom:20px;
}
}
@media screen and (max-width:767px) {
.pro2-box1 .pro2-title {
margin-bottom:15px;
}
}
.pro2-box1 .item-body {
	background-color:#fff;
	padding:10px 44px;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
.pro2-box1 .item-body, .pro2-box1 .item-body * {
	color:#666;
}
@media screen and (max-width:1219px) {
.pro2-box1 .item-body {
font-size:14px;
font-size:1.4rem;
line-height:26px;
padding:10px 30px;
}
}
@media screen and (max-width:991px) {
.pro2-box1 .item-body {
font-size:14px;
font-size:1.4rem;
line-height:24px;
padding:10px 20px;
}
}
@media screen and (max-width:767px) {
.pro2-box1 .item-body {
font-size:12px;
font-size:1.2rem;
line-height:20px;
padding:10px 15px;
}
}
.pro2-box1 .item-body table {
	border:0;
}
.pro2-box1 .item-body table tr {
	border-bottom:solid 1px #D6D6D6;
}
.pro2-box1 .item-body table tr:last-child {
	border-bottom:0;
}
.pro2-box1 .item-body table tr td {
	border:0;
	padding:18px 10px;
}
@media screen and (max-width:1219px) {
.pro2-box1 .item-body table tr td {
padding:10px;
}
}
.pro2-box2 {
	margin-bottom:59px;
}
@media screen and (max-width:1219px) {
.pro2-box2 {
margin-bottom:50px;
}
}
@media screen and (max-width:991px) {
.pro2-box2 {
margin-bottom:40px;
}
}
@media screen and (max-width:767px) {
.pro2-box2 {
margin-bottom:30px;
}
}
.pro2-box2 .pro2-title {
	margin-bottom:26px;
}
@media screen and (max-width:991px) {
.pro2-box2 .pro2-title {
margin-bottom:20px;
}
}
@media screen and (max-width:767px) {
.pro2-box2 .pro2-title {
margin-bottom:15px;
}
}
.pro2-box3 {
	margin-bottom:82px;
}
@media screen and (max-width:1219px) {
.pro2-box3 {
margin-bottom:50px;
}
}
@media screen and (max-width:991px) {
.pro2-box3 {
margin-bottom:40px;
}
}
@media screen and (max-width:767px) {
.pro2-box3 {
margin-bottom:30px;
}
}
.pro2-box3 .pro2-title {
	margin-bottom:37px;
}
@media screen and (max-width:1219px) {
.pro2-box3 .pro2-title {
margin-bottom:30px;
}
}
@media screen and (max-width:991px) {
.pro2-box3 .pro2-title {
margin-bottom:20px;
}
}
@media screen and (max-width:767px) {
.pro2-box3 .pro2-title {
margin-bottom:15px;
}
}
.pro2-box3 .item-videobox {
	width:100%;
	overflow:hidden;
	margin:0 auto;
}
.pro2-box3 .item-videobox .item-video {
	position:relative;
	overflow:hidden;
	padding-bottom:32.70833%;
	height:0;
}
.pro2-box3 .item-videobox .item-video iframe, .pro2-box3 .item-videobox .item-video video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}
.pro2-box3 .item-videobox .item-video iframe body {
	margin:0px !important;
}
.related-box {
	margin-bottom:70px;
}
@media screen and (max-width:1219px) {
.related-box {
margin-bottom:50px;
}
}
@media screen and (max-width:991px) {
.related-box {
margin-bottom:40px;
}
}
@media screen and (max-width:767px) {
.related-box {
margin-bottom:30px;
}
}
.related-box .pro2-title {
	margin-bottom:51px;
}
@media screen and (max-width:1219px) {
.related-box .pro2-title {
margin-bottom:30px;
}
}
@media screen and (max-width:991px) {
.related-box .pro2-title {
margin-bottom:20px;
}
}
@media screen and (max-width:767px) {
.related-box .pro2-title {
margin-bottom:15px;
}
}
.related-owl {
	position:relative;
}
@media screen and (max-width:1319px) {
.related-owl {
overflow:hidden;
}
}
.related-owl .owl-carousel {
	width:101.5%;
	margin-left:-0.75%;
}
@media screen and (max-width:991px) {
.related-owl .owl-carousel {
width:102%;
margin-left:-1%;
}
}
.related-owl .owl-buttons {
	display:none !important;
}
.related-owl .owl-btns {
	font-size:0;
	letter-spacing:0;
}
.related-owl .owl-btns .owl-btn {
	display:inline-block;
	vertical-align:top;
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	color:#666;
	cursor:pointer;
	position:absolute;
	top:50%;
	margin-top:-69px;
	width:23px;
	height:50px;
	line-height:48px;
	border:solid 1px #666666;
	background-color:#F5F5F5;
}
.related-owl .owl-btns .owl-btn:hover {
	background-color:#0001F9;
	border-color:#0001F9;
	color:#fff;
}
.related-owl .owl-btns .owl-btn.disabled {
	color:#ccc;
	cursor:auto;
}
@media screen and (max-width:1219px) {
.related-owl .owl-btns .owl-btn {
margin-top:-63px;
}
}
@media screen and (max-width:991px) {
.related-owl .owl-btns .owl-btn {
margin-top:-85px;
}
}
@media screen and (max-width:767px) {
.related-owl .owl-btns .owl-btn {
width:18px;
height:36px;
line-height:34px;
margin-top:-69px;
}
}
.related-owl .owl-btns .item-prev {
	left:-30px;
}
@media screen and (max-width:1319px) {
.related-owl .owl-btns .item-prev {
left:0;
}
}
.related-owl .owl-btns .item-next {
	right:-30px;
}
@media screen and (max-width:1319px) {
.related-owl .owl-btns .item-next {
right:0;
}
}
.related-owl .list-item {
	margin:0 2.95567%;
}
@media screen and (max-width:991px) {
.related-owl .list-item {
margin:0 3.125%;
}
}
@media screen and (max-width:480px) {
.related-owl .list-item {
margin:0 1.96078%;
}
}
.related-owl .item-pic {
	position:relative;
}
@media screen and (max-width:991px) {
.related-owl .item-backdrop {
display:none;
}
}
.related-owl .item-backdrop:before {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.related-owl .item-backdrop .item-table {
	position:relative;
	padding:15px;
}
@media screen and (max-width:1219px) {
.related-owl .item-backdrop .item-table {
padding:10px;
}
}
.related-owl .item-backdrop .item-desc {
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
.related-owl .item-backdrop .item-desc, .related-owl .item-backdrop .item-desc a {
	color:#fff;
}
.related-owl .item-backdrop .item-desc a:hover {
	color:#ccc !important;
}
@media screen and (max-width:1219px) {
.related-owl .item-backdrop .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:24px;
}
}
@media screen and (max-width:991px) {
.related-owl .item-backdrop .item-desc {
line-height:22px;
}
.related-owl .item-backdrop .item-desc a {
-webkit-line-clamp:2;
}
.related-owl .item-backdrop .item-desc, .related-owl .item-backdrop .item-desc a {
color:#666;
}
.related-owl .item-backdrop .item-desc a:hover {
color:#0001F9 !important;
}
}
@media screen and (max-width:767px) {
.related-owl .item-backdrop .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:18px;
}
}
.related-owl .item-body {
	text-align:center;
}
.related-owl .item-body .item-desc {
	display:none;
	margin-top:5px;
	font-size:14px;
	font-size:1.4rem;
	line-height:20px;
	height:40px;
}
@media screen and (max-width:991px) {
.related-owl .item-body .item-desc {
display:block;
}
}
@media screen and (max-width:767px) {
.related-owl .item-body .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:18px;
height:36px;
}
}
.related-owl .item-title {
	font-size:18px;
	font-size:1.8rem;
	line-height:1.3;
	margin-top:16px;
}
@media screen and (max-width:1219px) {
.related-owl .item-title {
font-size:16px;
font-size:1.6rem;
margin-top:12px;
}
}
@media screen and (max-width:767px) {
.related-owl .item-title {
font-size:14px;
font-size:1.4rem;
margin-top:8px;
}
}
.related-owl .item-btnbox {
	font-size:0;
	letter-spacing:0;
	margin-top:14px;
	position:relative;
}
@media screen and (max-width:767px) {
.related-owl .item-btnbox {
margin-top:8px;
}
}
.related-owl .item-btnbox input {
	margin-right:13px;
	display:inline-block;
	vertical-align:middle;
}
@media screen and (max-width:767px) {
.related-owl .item-btnbox input {
margin-right:5px;
}
}
.related-owl .item-btn {
	display:inline-block;
	vertical-align:middle;
	padding:0 35px;
	line-height:35px;
	border:solid 1px #0001F9;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	color:#0001F9;
	border-radius:0;
	text-align:center;
}
@media screen and (max-width:1219px) {
.related-owl .item-btn {
font-size:14px;
font-size:1.4rem;
padding:0 20px;
line-height:30px;
}
}
@media screen and (max-width:991px) {
.related-owl .item-btn {
padding:0 15px;
}
}
@media screen and (max-width:767px) {
.related-owl .item-btn {
line-height:26px;
font-size:12px;
font-size:1.2rem;
padding:0 10px;
}
}
.slide-tags .news2-title {
	font-weight:normal;
	font-family:"Roboto-Bold";
	margin-bottom:20px;
}
@media screen and (max-width:1219px) {
.slide-tags .news2-title {
margin-bottom:15px;
}
}
.slide-tags .item-desc {
	font-size:0;
	letter-spacing:0;
}
.slide-tags .item-desc > a {
	display:inline-block;
	vertical-align:top;
	background-color:#fff;
	border:solid 1px #D6D6D6;
	font-size:16px;
	font-size:1.6rem;
	color:#666;
	line-height:20px;
	padding:4px 8px;
	min-width:130px;
	margin:0 10px 14px 0;
	text-align:center;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.slide-tags .item-desc > a:hover {
	background-color:#0001F9;
	border-color:#0001F9;
	color:#fff;
}
@media screen and (max-width:1219px) {
.slide-tags .item-desc > a {
font-size:14px;
font-size:1.4rem;
min-width:112px;
margin:0 8px 10px 0;
}
}
@media screen and (max-width:767px) {
.slide-tags .item-desc > a {
min-width:95px;
padding:2px 5px;
font-size:12px;
font-size:1.2rem;
}
}
.about-bar {
	position:relative;
	background-color:#F7F7F7;
	box-shadow:0px 5px 5px 0px rgba(167, 167, 167, 0.2);
	text-align:center;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-flow:row nowrap;
	-moz-box-orient:horizontal;
	-moz-box-direction:normal;
	-ms-flex-flow:row nowrap;
	flex-flow:row nowrap;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}
.about-bar > a {
	-webkit-box-flex:0;
	-webkit-flex:0 0 auto;
	-moz-box-flex:0;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	width:234px;
	font-family:"Roboto-Bold";
	font-size:24px;
	font-size:2.4rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-flow:row nowrap;
	-moz-box-orient:horizontal;
	-moz-box-direction:normal;
	-ms-flex-flow:row nowrap;
	flex-flow:row nowrap;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	line-height:30px;
	padding:20px 10px;
	margin-left:110px;
}
.about-bar > a:first-child {
	margin-left:0;
}
.about-bar > a:hover, .about-bar > a.active {
	background-color:#0001F9;
	color:#fff;
}
@media screen and (max-width:1219px) {
.about-bar > a {
margin-left:50px;
padding:15px 10px;
font-size:20px;
font-size:2rem;
line-height:26px;
}
}
@media screen and (max-width:991px) {
.about-bar > a {
margin-left:25px;
font-size:18px;
font-size:1.8rem;
line-height:24px;
width:180px;
padding:10px;
}
}
@media screen and (max-width:767px) {
.about-bar > a {
margin-left:10px;
font-size:16px;
font-size:1.6rem;
width:140px;
line-height:20px;
padding:8px 5px;
}
}
.about-bar p {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
}
.about-box1 {
	padding:46px 0 94px;
	background:url(../images/bg4.jpg) no-repeat center;
	background-size:cover;
}
@media screen and (max-width:1219px) {
.about-box1 {
padding:46px 0 70px;
}
}
@media screen and (max-width:991px) {
.about-box1 {
padding:40px 0 50px;
}
}
@media screen and (max-width:767px) {
.about-box1 {
padding:30px 0;
}
}
.about-box1 .wp {
	position:relative;
	padding:58px 0 118px;
}
@media screen and (max-width:1419px) {
.about-box1 .wp {
padding:50px 15px 100px;
}
}
@media screen and (max-width:1219px) {
.about-box1 .wp {
padding:50px 15px 70px;
}
}
@media screen and (max-width:991px) {
.about-box1 .wp {
padding:30px 15px 50px;
}
}
@media screen and (max-width:767px) {
.about-box1 .wp {
padding:20px 20px 25px;
}
}
.about-box1 .wp:before {
	position:absolute;
	content:'';
	width:122%;
	top:0;
	bottom:0;
	background-color:#FCFCFC;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}
@media screen and (max-width:1519px) {
.about-box1 .wp:before {
width:116.66667%;
}
}
@media screen and (max-width:1419px) {
.about-box1 .wp:before {
width:100%;
}
}
@media screen and (max-width:767px) {
.about-box1 .wp:before {
width:auto;
left:10px;
right:10px;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none;
}
}
.about-box1 .item-title {
	position:relative;
	font-size:28px;
	font-size:2.8rem;
	line-height:1.71;
	font-family:"Roboto-Bold";
	margin-bottom:51px;
}
@media screen and (max-width:1419px) {
.about-box1 .item-title {
font-size:24px;
font-size:2.4rem;
line-height:1.4;
margin-bottom:30px;
}
}
@media screen and (max-width:1219px) {
.about-box1 .item-title {
font-size:20px;
font-size:2rem;
line-height:1.3;
margin-bottom:20px;
}
}
@media screen and (max-width:991px) {
.about-box1 .item-title {
font-size:18px;
font-size:1.8rem;
line-height:1.3;
margin-bottom:15px;
}
}
@media screen and (max-width:767px) {
.about-box1 .item-title {
font-size:14px;
font-size:1.4rem;
line-height:1.3;
margin-bottom:10px;
}
}
.about-box1 .item-desc {
	position:relative;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
.about-box1 .item-desc, .about-box1 .item-desc * {
	color:#666;
}
@media screen and (max-width:1219px) {
.about-box1 .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:26px;
}
}
@media screen and (max-width:991px) {
.about-box1 .item-desc {
line-height:22px;
}
}
@media screen and (max-width:767px) {
.about-box1 .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.about-box2 .m-imgshow .box-wp {
	position:relative;
	margin:0 auto;
}
.about-box2 .m-imgshow .box-big {
	position:relative;
	margin:0 auto;
}
.about-box2 .m-imgshow .box-big div {
	position:relative;
}
.about-box2 .m-imgshow .box-big .img {
	line-height:0;
	font-size:0;
	text-align:center;
	display:block;
}
.about-box2 .m-imgshow .box-big .title {
	display:block;
	background:#000000;
	background:rgba(0, 0, 0, 0.5);
	position:absolute;
	bottom:9px;
	left:9px;
	right:9px;
	font-size:16px;
	font-size:1.6rem;
	text-align:center;
	color:#FFFFFF;
	line-height:24px;
	padding:7px;
	display:none;
}
.about-box2 .m-imgshow .box-small {
	width:90%;
	max-width:1433px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:19px;
	padding:0 45px;
}
@media screen and (max-width:1219px) {
.about-box2 .m-imgshow .box-small {
padding:0 30px;
}
}
@media screen and (max-width:991px) {
.about-box2 .m-imgshow .box-small {
margin-top:15px;
}
}
@media screen and (max-width:767px) {
.about-box2 .m-imgshow .box-small {
margin-top:5px;
width:100%;
}
}
.about-box2 .m-imgshow .box-btn {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:9;
	display:block;
	text-align:center;
}
.about-box2 .m-imgshow .box-btn.prev {
	left:0;
}
@media screen and (max-width:767px) {
.about-box2 .m-imgshow .box-btn.prev {
left:10px;
}
}
.about-box2 .m-imgshow .box-btn.next {
	right:0;
}
@media screen and (max-width:767px) {
.about-box2 .m-imgshow .box-btn.next {
right:10px;
}
}
.about-box2 .m-imgshow .box-btn .iconfont {
	display:block;
	font-size:14px;
	font-size:1.4rem;
	color:#666;
	line-height:1;
	cursor:pointer;
	width:23px;
	height:50px;
	line-height:48px;
	background:#F5F5F5;
	border:1px solid #666666;
}
.about-box2 .m-imgshow .box-btn .iconfont:hover {
	background-color:#0001F9;
	border-color:#0001F9;
	color:#fff;
}
@media screen and (max-width:991px) {
.about-box2 .m-imgshow .box-btn .iconfont {
width:18px;
height:36px;
line-height:34px;
}
}
@media screen and (max-width:640px) {
.about-box2 .m-imgshow .box-btn .iconfont {
width:16px;
height:30px;
line-height:28px;
font-size:12px;
font-size:1.2rem;
}
}
.about-box2 .m-imgshow .box-list {
	overflow:hidden;
}
.about-box2 .m-imgshow .box-list ul {
	width:10000%;
}
.about-box2 .m-imgshow .box-list ul li {
	float:left;
	margin-right:0.01266%;
	width:0.18987%;
}
@media screen and (max-width:767px) {
.about-box2 .m-imgshow .box-list ul li {
width:0.235%;
margin-right:0.02%;
}
}
@media screen and (max-width:480px) {
.about-box2 .m-imgshow .box-list ul li {
width:0.32%;
}
}
.about-box2 .m-imgshow .list-item {
	position:relative;
	border:solid 1px transparent;
}
.about-box2 .m-imgshow .list-item img {
	display:block;
}
.about-box2 .m-imgshow .list-item.active {
	border-color:#0001F9;
}
.about-box3 {
	padding-right:-webkit-calc(50% - 600px);
	padding-right:-moz-calc(50% - 600px);
	padding-right:calc(50% - 600px);
	padding-top:87px;
	padding-bottom:72px;
}
@media screen and (max-width:1219px) {
.about-box3 {
padding:70px 0;
padding-right:-webkit-calc(50% - 480px);
padding-right:-moz-calc(50% - 480px);
padding-right:calc(50% - 480px);
}
}
@media screen and (max-width:991px) {
.about-box3 {
padding:50px 0;
padding-right:-webkit-calc(50% - 360px);
padding-right:-moz-calc(50% - 360px);
padding-right:calc(50% - 360px);
}
}
@media screen and (max-width:767px) {
.about-box3 {
padding:30px 15px;
}
}
.about-box3 .left-box {
	float:left;
	width:31.08974%;
	margin-right:5.44872%;
	padding-top:108px;
}
@media screen and (max-width:1219px) {
.about-box3 .left-box {
width:33.33333%;
margin-right:3.20513%;
}
}
@media screen and (max-width:767px) {
.about-box3 .left-box {
width:100%;
float:none;
margin:0 auto 15px;
padding-top:0;
}
}
.about-box3 .left-box .item-title {
	font-family:"Roboto-Bold";
	font-size:28px;
	font-size:2.8rem;
	line-height:1.71;
	float:right;
	max-width:310px;
}
@media screen and (max-width:1219px) {
.about-box3 .left-box .item-title {
font-size:24px;
font-size:2.4rem;
line-height:1.5;
max-width:260px;
}
}
@media screen and (max-width:991px) {
.about-box3 .left-box .item-title {
font-size:22px;
font-size:2.2rem;
max-width:230px;
}
}
@media screen and (max-width:767px) {
.about-box3 .left-box .item-title {
font-size:20px;
font-size:2rem;
max-width:100%;
float:none;
text-align:center;
}
}
.about-box3 .left-box .item-pic {
	margin-top:70px;
}
.about-box3 .left-box .item-pic img {
	display:block;
}
@media screen and (max-width:1219px) {
.about-box3 .left-box .item-pic {
margin-top:50px;
}
}
@media screen and (max-width:991px) {
.about-box3 .left-box .item-pic {
margin-top:30px;
}
}
@media screen and (max-width:767px) {
.about-box3 .left-box .item-pic {
display:none;
}
}
.about-box3 .box-body {
	overflow:hidden;
}
.about-box3 .box-body .item-box {
	margin-bottom:40px;
	padding-bottom:38px;
	border-bottom:solid 2px #eeeeee;
}
.about-box3 .box-body .item-box:last-child {
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
}
@media screen and (max-width:1219px) {
.about-box3 .box-body .item-box {
margin-bottom:30px;
padding-bottom:30px;
}
}
@media screen and (max-width:767px) {
.about-box3 .box-body .item-box {
margin-bottom:20px;
padding-bottom:20px;
}
}
.about-box3 .box-body .item-title {
	font-size:20px;
	font-size:2rem;
	line-height:1.8;
	margin-bottom:30px;
}
@media screen and (max-width:1219px) {
.about-box3 .box-body .item-title {
font-size:18px;
font-size:1.8rem;
line-height:1.5;
margin-bottom:20px;
}
}
@media screen and (max-width:991px) {
.about-box3 .box-body .item-title {
font-size:16px;
font-size:1.6rem;
}
}
@media screen and (max-width:767px) {
.about-box3 .box-body .item-title {
font-size:14px;
font-size:1.4rem;
}
}
.about-box3 .box-body .item-desc {
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
.about-box3 .box-body .item-desc, .about-box3 .box-body .item-desc * {
	color:#666;
}
@media screen and (max-width:1219px) {
.about-box3 .box-body .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:26px;
}
}
@media screen and (max-width:991px) {
.about-box3 .box-body .item-desc {
line-height:22px;
}
}
@media screen and (max-width:767px) {
.about-box3 .box-body .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.about-box4 {
	padding-bottom:67px;
}
@media screen and (max-width:1219px) {
.about-box4 {
padding-bottom:40px;
}
}
@media screen and (max-width:991px) {
.about-box4 {
padding-bottom:20px;
}
}
@media screen and (max-width:767px) {
.about-box4 {
padding-bottom:10px;
}
}
.about-box4 .wp1 {
	max-width:1390px;
}
.about-box4 .box-list {
	font-size:0;
	letter-spacing:0;
}
.about-box4 .box-list .list-item {
	display:inline-block;
	vertical-align:top;
	width:30.93525%;
	margin-left:3.59712%;
	margin-bottom:30px;
}
@media screen and (max-width:640px) {
.about-box4 .box-list .list-item {
width:48%;
margin:0 1% 30px;
}
}
.about-box4 .box-list .item-pic {
	padding-bottom:126.97674%;
	position:relative;
}
.about-box4 .box-list .item-pic img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.about-box4 .box-list .item-body {
	box-shadow:0px 3px 27px 0px rgba(0, 0, 0, 0.1);
	background-color:#fff;
	margin:0 7.67442%;
	margin-top:-156px;
	position:relative;
	padding:23px 13px 32px 23px;
}
@media screen and (max-width:1219px) {
.about-box4 .box-list .item-body {
padding:18px 13px 20px;
margin:0 4.65116%;
margin-top:-130px;
}
}
@media screen and (max-width:991px) {
.about-box4 .box-list .item-body {
padding:13px 10px 15px;
margin-top:-100px;
}
}
@media screen and (max-width:767px) {
.about-box4 .box-list .item-body {
padding:10px 10px 15px;
margin-top:-90px;
}
}
@media screen and (max-width:480px) {
.about-box4 .box-list .item-body {
margin-top:-70px;
}
}
.about-box4 .box-list .item-title {
	font-family:"Roboto-Bold";
	font-size:24px;
	font-size:2.4rem;
	line-height:1.3;
	margin-bottom:16px;
}
@media screen and (max-width:1219px) {
.about-box4 .box-list .item-title {
font-size:20px;
font-size:2rem;
margin-bottom:10px;
}
}
@media screen and (max-width:991px) {
.about-box4 .box-list .item-title {
font-size:16px;
font-size:1.6rem;
margin-bottom:5px;
}
}
@media screen and (max-width:767px) {
.about-box4 .box-list .item-title {
font-size:14px;
font-size:1.4rem;
}
}
.about-box4 .box-list .item-desc {
	padding-right:20px;
	position:relative;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	height:112px;
}
@media screen and (max-width:1219px) {
.about-box4 .box-list .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:24px;
height:96px;
padding-right:15px;
}
}
@media screen and (max-width:991px) {
.about-box4 .box-list .item-desc {
line-height:20px;
height:80px;
}
}
@media screen and (max-width:767px) {
.about-box4 .box-list .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:18px;
height:72px;
padding-right:10px;
}
}
.nicescroll-rails.nicescroll-rails-vr {
	width:3px !important;
}
.about-box5 {
	background-color:#b2b2b2;
}
.about-box5 .wp {
	position:relative;
	padding:79px 0;
}
@media screen and (max-width:1219px) {
.about-box5 .wp {
padding:70px 0;
}
}
@media screen and (max-width:991px) {
.about-box5 .wp {
padding:50px 0;
}
}
@media screen and (max-width:767px) {
.about-box5 .wp {
padding:25px 15px;
text-align:center;
}
}
.about-box5 .item-title {
	font-family:"Roboto-Bold";
	font-size:36px;
	font-size:3.6rem;
	line-height:1.3;
}
.about-box5 .item-title, .about-box5 .item-title a {
	color:#fff;
}
@media screen and (max-width:1219px) {
.about-box5 .item-title {
font-size:30px;
font-size:3rem;
}
}
@media screen and (max-width:991px) {
.about-box5 .item-title {
font-size:26px;
font-size:2.6rem;
}
}
@media screen and (max-width:767px) {
.about-box5 .item-title {
font-size:20px;
font-size:2rem;
margin-bottom:16px;
}
}
.about-box5 .item-btn {
	display:inline-block;
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	padding:0 10px;
	width:245px;
	line-height:60px;
	height:58px;
	border:solid 1px #0001F9;
	background-color:#0001F9;
	color:#fff;
	font-size:20px;
	font-size:2rem;
	text-align:center;
}
.about-box5 .item-btn .iconfont {
	font-size:32px;
	font-size:3.2rem;
	vertical-align:middle;
	margin-right:18px;
}
@media screen and (max-width:1219px) {
.about-box5 .item-btn {
width:200px;
line-height:54px;
height:52px;
font-size:18px;
font-size:1.8rem;
}
.about-box5 .item-btn .iconfont {
font-size:28px;
font-size:2.8rem;
margin-right:15px;
}
}
@media screen and (max-width:991px) {
.about-box5 .item-btn {
width:160px;
line-height:44px;
height:42px;
font-size:16px;
font-size:1.6rem;
}
.about-box5 .item-btn .iconfont {
font-size:24px;
font-size:2.4rem;
margin-right:10px;
}
}
@media screen and (max-width:767px) {
.about-box5 .item-btn {
position:relative;
top:auto;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none;
width:120px;
line-height:34px;
height:32px;
font-size:14px;
font-size:1.4rem;
}
.about-box5 .item-btn .iconfont {
font-size:20px;
font-size:2rem;
margin-right:5px;
}
}
.about-box6 {
	padding-top:75px;
}
@media screen and (max-width:1219px) {
.about-box6 {
padding-top:70px;
}
}
@media screen and (max-width:991px) {
.about-box6 {
padding-top:50px;
}
}
@media screen and (max-width:767px) {
.about-box6 {
padding-top:30px;
}
}
.about-box6 .box-title {
	text-align:center;
	font-family:"Roboto-Bold";
	font-size:28px;
	font-size:2.8rem;
	line-height:1.3;
	margin-bottom:45px;
}
@media screen and (max-width:1219px) {
.about-box6 .box-title {
font-size:24px;
font-size:2.4rem;
margin-bottom:40px;
}
}
@media screen and (max-width:991px) {
.about-box6 .box-title {
font-size:22px;
font-size:2.2rem;
margin-bottom:30px;
}
}
@media screen and (max-width:767px) {
.about-box6 .box-title {
font-size:20px;
font-size:2rem;
margin-bottom:20px;
}
}
.video-owl {
	position:relative;
}
@media screen and (max-width:1319px) {
.video-owl {
padding:0 28px;
}
}
.video-owl .owl-carousel {
	width:102.5%;
	margin-left:-1.25%;
}
@media screen and (max-width:480px) {
.video-owl .owl-carousel {
width:100%;
margin-left:0;
}
}
.video-owl .owl-buttons {
	display:none !important;
}
.video-owl .owl-btns {
	font-size:0;
	letter-spacing:0;
}
.video-owl .owl-btns .owl-btn {
	display:inline-block;
	vertical-align:top;
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	color:#666;
	cursor:pointer;
	position:absolute;
	top:50%;
	margin-top:-24px;
	width:23px;
	height:50px;
	line-height:48px;
	border:solid 1px #666666;
	background-color:#F5F5F5;
}
.video-owl .owl-btns .owl-btn:hover {
	background-color:#0001F9;
	border-color:#0001F9;
	color:#fff;
}
.video-owl .owl-btns .owl-btn.disabled {
	color:#ccc;
	cursor:auto;
}
@media screen and (max-width:1219px) {
.video-owl .owl-btns .owl-btn {
margin-top:-24px;
}
}
@media screen and (max-width:991px) {
.video-owl .owl-btns .owl-btn {
margin-top:-24px;
}
}
@media screen and (max-width:767px) {
.video-owl .owl-btns .owl-btn {
width:18px;
height:36px;
line-height:34px;
margin-top:-18px;
}
}
.video-owl .owl-btns .item-prev {
	left:-49px;
}
@media screen and (max-width:1319px) {
.video-owl .owl-btns .item-prev {
left:0;
}
}
.video-owl .owl-btns .item-next {
	right:-49px;
}
@media screen and (max-width:1319px) {
.video-owl .owl-btns .item-next {
right:0;
}
}
.video-owl .list-item {
	margin:0 2.43902%;
}
@media screen and (max-width:480px) {
.video-owl .list-item {
margin:0;
}
}
.video-owl .item-videobox {
	width:100%;
	overflow:hidden;
	margin:0 auto;
}
.video-owl .item-videobox .item-video {
	position:relative;
	overflow:hidden;
	padding-bottom:56.23932%;
	height:0;
}
.video-owl .item-videobox .item-video iframe, .video-owl .item-videobox .item-video video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}
.video-owl .item-videobox .item-video iframe body {
	margin:0px !important;
}
.video-owl .item-title {
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.3;
	margin-top:17px;
}
@media screen and (max-width:1219px) {
.video-owl .item-title {
font-size:16px;
font-size:1.6rem;
margin-top:12px;
}
}
@media screen and (max-width:991px) {
.video-owl .item-title {
font-size:14px;
font-size:1.4rem;
}
}
.cer-list {
	padding-top:50px;
	padding-bottom:62px;
}
@media screen and (max-width:1219px) {
.cer-list {
padding-bottom:40px;
padding-top:20px;
}
}
@media screen and (max-width:991px) {
.cer-list {
padding-bottom:30px;
}
}
@media screen and (max-width:767px) {
.cer-list {
padding-bottom:20px;
padding-top:0;
}
}
.cer-list .item-box {
	margin-bottom:18px;
}
.cer-list .item-box:nth-child(2) {
background-color:#F7F7F7;
}
.cer-list .item-box .wp {
	font-size:0;
	letter-spacing:0;
}
@media screen and (max-width:1219px) {
.cer-list .item-box {
margin-bottom:10px;
}
}
.cer-list .list-item {
	display:inline-block;
	vertical-align:top;
	width:23.08333%;
	margin-left:2.55556%;
	padding-top:41px;
	padding-bottom:36px;
}
@media screen and (max-width:1219px) {
.cer-list .list-item {
width:23.5%;
margin-left:2%;
padding:30px 0;
}
}
@media screen and (max-width:991px) {
.cer-list .list-item {
padding:25px 0;
}
}
@media screen and (max-width:767px) {
.cer-list .list-item {
padding:20px 0;
}
}
@media screen and (max-width:480px) {
.cer-list .list-item {
padding:15px 0;
width:45%;
margin-left:2.5% !important;
margin-right:2.5% !important;
}
}
.cer-list .item-pic {
	position:relative;
	padding-bottom:134.65704%;
}
.cer-list .item-pic img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.cer-list .item-img img {
	display:block;
	width:100%;
}
@media screen and (max-width:991px) {
.cer-list .item-backdrop {
display:none;
}
}
.cer-list .item-backdrop:before {
	background-color:#0001F9;
	opacity:0.80;
	filter:alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.cer-list .item-backdrop .iconfont {
	font-size:34px;
	font-size:3.4rem;
	color:#fff;
	position:relative;
}
.cer-list .item-title {
	margin-top:8px;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.3;
	text-align:center;
}
@media screen and (max-width:1219px) {
.cer-list .item-title {
font-size:14px;
font-size:1.4rem;
}
}
@media screen and (max-width:767px) {
.cer-list .item-title {
margin-top:5px;
font-size:12px;
font-size:1.2rem;
}
}
.quality-main .box-title {
	font-size:24px;
	font-size:2.4rem;
	line-height:1.3;
	margin-bottom:42px;
}
@media screen and (max-width:1219px) {
.quality-main .box-title {
font-size:22px;
font-size:2.2rem;
margin-bottom:35px;
}
}
@media screen and (max-width:991px) {
.quality-main .box-title {
font-size:20px;
font-size:2rem;
margin-bottom:25px;
}
}
@media screen and (max-width:767px) {
.quality-main .box-title {
font-size:18px;
font-size:1.8rem;
margin-bottom:20px;
}
}
.quality-main .box-list .list-item {
	padding-bottom:47px;
	padding-left:60px;
	position:relative;
}
.quality-main .box-list .list-item:before {
	position:absolute;
	content:'';
	width:1px;
	left:20px;
	top:4px;
	bottom:0;
	background-color:#666;
}
@media screen and (max-width:767px) {
.quality-main .box-list .list-item:before {
left:16px;
}
}
.quality-main .box-list .list-item:last-child:before, .quality-main .box-list .list-item:last-child .item-icon {
	display:none;
}
@media screen and (max-width:1219px) {
.quality-main .box-list .list-item {
padding-bottom:30px;
}
}
@media screen and (max-width:991px) {
.quality-main .box-list .list-item {
padding-left:50px;
}
}
@media screen and (max-width:767px) {
.quality-main .box-list .list-item {
padding-bottom:20px;
padding-left:40px;
}
}
.quality-main .box-list .item-icon {
	position:absolute;
	width:40px;
	text-align:center;
	left:0;
	top:50%;
	background-color:#fff;
	font-size:22px;
	font-size:2.2rem;
	line-height:1;
	color:#666;
	padding:3px 0 8px;
}
@media screen and (max-width:767px) {
.quality-main .box-list .item-icon {
width:33px;
font-size:16px;
font-size:1.6rem;
}
}
.quality-main .box-list .item-num {
	position:absolute;
	left:0;
	top:0;
	width:41px;
	padding:4px;
	line-height:32px;
	background-color:#0001F9;
	background-color:rgba(0, 1, 249, 0.2);
	border-radius:50%;
	font-size:18px;
	font-size:1.8rem;
	text-align:center;
	color:#fff;
}
.quality-main .box-list .item-num strong {
	display:block;
	font-weight:normal;
	background-color:#0001F9;
	border-radius:50%;
}
@media screen and (max-width:767px) {
.quality-main .box-list .item-num {
font-size:14px;
font-size:1.4rem;
width:33px;
line-height:24px;
}
}
.quality-main .box-list .item-desc {
	padding-top:5px;
	font-size:16px;
	font-size:1.6rem;
	line-height:30px;
}
.quality-main .box-list .item-desc, .quality-main .box-list .item-desc a {
	color:#333;
}
@media screen and (max-width:1219px) {
.quality-main .box-list .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:24px;
}
}
@media screen and (max-width:991px) {
.quality-main .box-list .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:22px;
}
}
@media screen and (max-width:767px) {
.quality-main .box-list .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:18px;
}
}
.quality-main .box-list .img-list {
	font-size:0;
	letter-spacing:0;
}
.quality-main .box-list .img-list .item-pic {
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	width:32.98246%;
	margin-left:0.52632%;
	margin-top:18px;
}
.quality-main .box-list .img-list .item-pic:nth-child(3n+1) {
margin-left:0;
}
.quality-main .box-list .img-list .item-pic img {
	display:block;
	width:100%;
}
@media screen and (max-width:767px) {
.quality-main .box-list .img-list .item-pic {
margin-top:15px;
}
}
@media screen and (max-width:480px) {
.quality-main .box-list .img-list .item-pic {
width:48%;
margin:15px 1% 0 !important;
}
}
.news1-list {
	padding-bottom:50px;
}
@media screen and (max-width:1219px) {
.news1-list {
padding-bottom:40px;
}
}
@media screen and (max-width:991px) {
.news1-list {
padding-bottom:20px;
}
}
@media screen and (max-width:767px) {
.news1-list {
padding-bottom:10px;
}
}
@media screen and (max-width:480px) {
.news1-list {
font-size:0;
letter-spacing:0;
}
}
.news1-list .list-item {
	width:100%;
	background-color:#F5F6FB;
	padding:20px 20px 27px;
	margin-bottom:30px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-flow:row nowrap;
	-moz-box-orient:horizontal;
	-moz-box-direction:normal;
	-ms-flex-flow:row nowrap;
	flex-flow:row nowrap;
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-moz-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}
@media screen and (max-width:991px) {
.news1-list .list-item {
padding:15px;
}
}
@media screen and (max-width:767px) {
.news1-list .list-item {
margin-bottom:25px;
}
}
@media screen and (max-width:480px) {
.news1-list .list-item {
padding:8px;
display:inline-block;
vertical-align:top;
width:48%;
margin:0 1% 20px;
}
}
.news1-list .item1 .item-pic {
	margin-right:2.58621%;
}
.news1-list .item2 {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-webkit-flex-direction:row-reverse;
	-moz-box-orient:horizontal;
	-moz-box-direction:reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
}
.news1-list .item2 .item-pic {
	margin-left:2.58621%;
}
.news1-list .item-pic {
	-webkit-box-flex:0;
	-webkit-flex:0 0 auto;
	-moz-box-flex:0;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	width:39.65517%;
	min-width:220px;
}
@media screen and (max-width:480px) {
.news1-list .item-pic {
width:100%;
min-width:auto;
margin:0 auto 10px !important;
}
}
.news1-list .item-pic a {
	display:block;
	overflow:hidden;
	position:relative;
	padding-bottom:59.56522%;
}
.news1-list .item-pic img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.news1-list .item-body {
	-webkit-box-flex:1;
	-webkit-flex:1 1 auto;
	-moz-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	overflow:hidden;
}
.news1-list .item-date {
	display:inline-block;
	background-color:#0001F9;
	color:#fff;
	padding:9px 20px;
	line-height:20px;
	border-radius:20px;
	font-size:16px;
	font-size:1.6rem;
	margin-bottom:25px;
}
.news1-list .item-date span {
	padding-right:10px;
	margin-right:10px;
	border-right:solid 1px #fff;
	border-right-color:rgba(255, 255, 255, 0.5);
}
@media screen and (max-width:1219px) {
.news1-list .item-date {
margin-bottom:15px;
font-size:14px;
font-size:1.4rem;
padding:5px 15px;
}
}
@media screen and (max-width:991px) {
.news1-list .item-date {
margin-bottom:10px;
padding:3px 10px;
}
.news1-list .item-date span {
padding-right:5px;
margin-right:5px;
}
}
@media screen and (max-width:767px) {
.news1-list .item-date {
margin-bottom:6px;
font-size:12px;
font-size:1.2rem;
line-height:16px;
}
}
@media screen and (max-width:480px) {
.news1-list .item-date {
padding:1px 6px;
}
.news1-list .item-date span {
padding-right:2px;
margin-right:2px;
}
}
.news1-list .item-title {
	font-family:"Roboto-Bold";
	font-size:20px;
	font-size:2rem;
	line-height:1.3;
	margin-bottom:13px;
}
@media screen and (max-width:1219px) {
.news1-list .item-title {
font-size:18px;
font-size:1.8rem;
margin-bottom:10px;
}
}
@media screen and (max-width:991px) {
.news1-list .item-title {
font-size:16px;
font-size:1.6rem;
margin-bottom:6px;
}
}
@media screen and (max-width:767px) {
.news1-list .item-title {
font-size:14px;
font-size:1.4rem;
margin-bottom:5px;
}
}
@media screen and (max-width:480px) {
.news1-list .item-title {
margin-bottom:3px;
}
}
.news1-list .item-desc {
	margin-bottom:30px;
	font-size:18px;
	font-size:1.8rem;
	line-height:28px;
}
.news1-list .item-desc, .news1-list .item-desc a {
	color:#333;
}
@media screen and (max-width:1219px) {
.news1-list .item-desc {
font-size:16px;
font-size:1.6rem;
line-height:26px;
margin-bottom:15px;
}
}
@media screen and (max-width:991px) {
.news1-list .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:22px;
}
}
@media screen and (max-width:767px) {
.news1-list .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:20px;
margin-bottom:8px;
}
}
@media screen and (max-width:480px) {
.news1-list .item-desc a {
-webkit-line-clamp:2;
}
}
.news1-list .item-btn {
	text-transform:uppercase;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.3;
	color:#0001F9;
}
.news1-list .item-btn:hover {
	text-decoration:underline;
}
@media screen and (max-width:991px) {
.news1-list .item-btn {
font-size:14px;
font-size:1.4rem;
}
}
@media screen and (max-width:767px) {
.news1-list .item-btn {
font-size:12px;
font-size:1.2rem;
}
}
.news2-main .box-main {
	float:left;
	width:768px;
}
@media screen and (max-width:1219px) {
.news2-main .box-main {
width:650px;
}
}
@media screen and (max-width:991px) {
.news2-main .box-main {
width:100%;
}
}
.news2-main .box-main .item-pic {
	font-size:0;
	margin-bottom:23px;
}
@media screen and (max-width:767px) {
.news2-main .box-main .item-pic {
margin-bottom:15px;
}
}
.news2-main .box-main .item-date {
	margin-bottom:25px;
}
@media screen and (max-width:1219px) {
.news2-main .box-main .item-date {
margin-bottom:20px;
}
}
@media screen and (max-width:991px) {
.news2-main .box-main .item-date {
margin-bottom:15px;
}
}
@media screen and (max-width:767px) {
.news2-main .box-main .item-date {
margin-bottom:10px;
}
}
.news2-main .box-main .item-date > span {
	float:left;
	font-size:16px;
	font-size:1.6rem;
	height:26px;
	line-height:26px;
}
.news2-main .box-main .item-date > span .iconfont {
	color:#0001F9;
	font-weight:bold;
	font-size:18px;
	font-size:1.8rem;
}
@media screen and (max-width:1219px) {
.news2-main .box-main .item-date > span {
font-size:14px;
font-size:1.4rem;
}
.news2-main .box-main .item-date > span .iconfont {
font-size:16px;
font-size:1.6rem;
}
}
@media screen and (max-width:767px) {
.news2-main .box-main .item-date > span {
font-size:12px;
font-size:1.2rem;
}
.news2-main .box-main .item-date > span .iconfont {
font-size:14px;
font-size:1.4rem;
}
}
@media screen and (max-width:480px) {
.news2-main .box-main .item-date > span {
float:none;
}
}
.news2-main .box-main .item-date .pro-share {
	float:right;
}
@media screen and (max-width:480px) {
.news2-main .box-main .item-date .pro-share {
float:none;
}
}
.news2-main .box-main .item-date .pro-share .share-title {
	font-size:14px;
	font-size:1.4rem;
	color:#666;
}
@media screen and (max-width:767px) {
.news2-main .box-main .item-date .pro-share .share-title {
font-size:12px;
font-size:1.2rem;
}
}
.news2-main .box-main > .item-title {
	line-height:1.46;
	font-size:26px;
	font-size:2.6rem;
	font-family:"Roboto-Bold";
	margin-bottom:30px;
}
@media screen and (max-width:1219px) {
.news2-main .box-main > .item-title {
font-size:20px;
font-size:2rem;
margin-bottom:20px;
}
}
@media screen and (max-width:991px) {
.news2-main .box-main > .item-title {
font-size:18px;
font-size:1.8rem;
margin-bottom:15px;
}
}
@media screen and (max-width:767px) {
.news2-main .box-main > .item-title {
font-size:16px;
font-size:1.6rem;
margin-bottom:10px;
}
}
.news2-main .box-main .item-desc {
	margin-bottom:58px;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
.news2-main .box-main .item-desc, .news2-main .box-main .item-desc * {
	color:#666;
}
.news2-main .box-main .item-desc a,.news2-main .box-main .item-desc a strong,.news2-main .box-main .item-desc a h1,.news2-main .box-main .item-desc a  h2,.news2-main .box-main .item-desc a h3{ color:#0001F9;}
@media screen and (max-width:1219px) {
.news2-main .box-main .item-desc {
margin-bottom:40px;
font-size:14px;
font-size:1.4rem;
line-height:26px;
}
}
@media screen and (max-width:991px) {
.news2-main .box-main .item-desc {
margin-bottom:30px;
font-size:14px;
font-size:1.4rem;
line-height:22px;
}
}
@media screen and (max-width:767px) {
.news2-main .box-main .item-desc {
margin-bottom:20px;
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.news2-main .box-slide {
	width:390px;
	float:right;
}
@media screen and (max-width:1219px) {
.news2-main .box-slide {
width:280px;
}
}
@media screen and (max-width:991px) {
.news2-main .box-slide {
width:100%;
margin-top:30px;
}
}
.news2-title {
	font-weight:bold;
	font-size:32px;
	font-size:3.2rem;
	line-height:1.3;
}
.news2-title a:hover {
	color:#0001F9;
}
@media screen and (max-width:1219px) {
.news2-title {
font-size:26px;
font-size:2.6rem;
}
}
@media screen and (max-width:991px) {
.news2-title {
font-size:22px;
font-size:2.2rem;
}
}
@media screen and (max-width:767px) {
.news2-title {
font-size:18px;
font-size:1.8rem;
}
}
.news-search {
	background-color:#F8F8F8;
	padding:17px 25px 28px;
}
@media screen and (max-width:1219px) {
.news-search {
padding:17px 15px 28px;
}
}
.news-search .news2-title {
	margin-bottom:19px;
}
@media screen and (max-width:1219px) {
.news-search .news2-title {
margin-bottom:15px;
}
}
.news-search .search-box1 {
	overflow:hidden;
	position:relative;
	width:100%;
	height:47px;
	background-color:#fff;
	cursor:pointer;
	border-radius:0;
}
@media screen and (max-width:767px) {
.news-search .search-box1 {
height:34px;
}
}
.news-search .search-box1 .iconfont {
	font-size:16px;
	font-size:1.6rem;
	color:#fff;
	position:absolute;
	width:47px;
	height:47px;
	line-height:47px;
	right:0;
	top:0;
	text-align:center;
	background-color:#0001F9;
}
@media screen and (max-width:767px) {
.news-search .search-box1 .iconfont {
width:34px;
height:34px;
line-height:34px;
text-align:center;
font-size:16px;
font-size:1.6rem;
}
}
.news-search .search-box1 .search-input {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	line-height:47px;
	padding:0 47px 0 15px;
	color:#666;
	font-size:14px;
	font-size:1.4rem;
}
@media screen and (max-width:767px) {
.news-search .search-box1 .search-input {
padding-left:10px;
font-size:12px;
font-size:1.2rem;
line-height:34px;
}
}
.news-search .search-box1 .search-submit {
	position:absolute;
	width:47px;
	height:100%;
	top:0px;
	right:0px;
	cursor:pointer;
	z-index:1;
}
.news-slide {
	background-color:#F8F8F8;
	padding:17px 25px 11px;
	margin-top:30px;
}
@media screen and (max-width:1219px) {
.news-slide {
padding:17px 15px 11px;
}
}
@media screen and (max-width:767px) {
.news-slide {
margin-top:20px;
}
}
.news-slide .news2-title {
	margin-bottom:19px;
}
@media screen and (max-width:1219px) {
.news-slide .news2-title {
margin-bottom:15px;
}
}
.news-slide .box-list {
	font-size:0;
	letter-spacing:0;
}
.news-slide .box-list .list-item {
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-bottom:22px;
}
@media screen and (min-width:401px) and (max-width:991px) {
.news-slide .box-list .list-item {
width:48%;
margin:0 1% 20px;
}
}
.news-slide .box-list .item-pic {
	margin-bottom:15px;
}
@media screen and (max-width:1219px) {
.news-slide .box-list .item-pic {
margin-bottom:10px;
}
}
.news-slide .box-list .item-date {
	font-size:14px;
	font-size:1.4rem;
	line-height:1.3;
	color:#666;
	margin-bottom:8px;
}
@media screen and (max-width:1219px) {
.news-slide .box-list .item-date {
font-size:12px;
font-size:1.2rem;
margin-bottom:5px;
}
}
.news-slide .box-list .item-title {
	font-size:16px;
	font-size:1.6rem;
	line-height:26px;
	margin-bottom:7px;
}
@media screen and (max-width:1219px) {
.news-slide .box-list .item-title {
font-size:14px;
font-size:1.4rem;
line-height:20px;
}
}
.news-slide .box-list .item-btn {
	display:inline-block;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.3;
	color:#0001F9;
}
.news-slide .box-list .item-btn:hover {
	text-decoration:underline;
}
@media screen and (max-width:1219px) {
.news-slide .box-list .item-btn {
font-size:14px;
font-size:1.4rem;
}
}
@media screen and (max-width:767px) {
.news-slide .box-list .item-btn {
font-size:12px;
font-size:1.2rem;
}
}
.contact-title {
	font-size:42px;
	font-size:4.2rem;
	font-family:"Roboto-Black";
	line-height:1.3;
	text-transform:uppercase;
	margin-bottom:50px;
	display:inline-block;
	position:relative;
	padding-bottom:12px;
	padding-top:15px;
}
@media screen and (max-width:1219px) {
.contact-title {
font-size:34px;
font-size:3.4rem;
margin-bottom:30px;
padding-top:0;
}
}
@media screen and (max-width:991px) {
.contact-title {
font-size:26px;
font-size:2.6rem;
padding-bottom:10px;
}
}
@media screen and (max-width:767px) {
.contact-title {
font-size:20px;
font-size:2rem;
margin-bottom:20px;
}
}
.contact-title:before {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:100%;
	height:2px;
	background-color:#FC0401;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.contact-title:after {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:35.63218%;
	height:2px;
	background-color:#0001F9;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.contact-main .box-info {
	float:left;
	width:44.16667%;
}
@media screen and (max-width:991px) {
.contact-main .box-info {
width:45.83333%;
}
}
@media screen and (max-width:767px) {
.contact-main .box-info {
float:none;
width:100%;
margin-bottom:30px;
}
}
.contact-main .box-info .item-box {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-flow:row nowrap;
	-moz-box-orient:horizontal;
	-moz-box-direction:normal;
	-ms-flex-flow:row nowrap;
	flex-flow:row nowrap;
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-moz-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-bottom:24px;
}
@media screen and (max-width:767px) {
.contact-main .box-info .item-box {
max-width:400px;
}
}
.contact-main .box-info .item-box img {
	display:block;
	width:100%;
}
.contact-main .box-info .item-box .item-pic {
	-webkit-box-flex:0;
	-webkit-flex:0 0 auto;
	-moz-box-flex:0;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	border-radius:4px;
	overflow:hidden;
	width:58.49057%;
	margin-right:3.77358%;
}
.contact-main .box-info .item-box .item-pics {
	-webkit-box-flex:1;
	-webkit-flex:1 1 auto;
	-moz-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	border-radius:4px;
	overflow:hidden;
}
.contact-main .box-info .box-list {
	font-size:0;
	letter-spacing:0;
}
.contact-main .box-info .box-list .list-item {
	display:inline-block;
	vertical-align:top;
	width:50%;
	margin-bottom: 20px;
}
.contact-main .box-info .box-list .list-item:first-child {
	width:100%;
	margin-bottom:20px;
}
@media screen and (max-width:991px) {
.contact-main .box-info .box-list .list-item {
margin-bottom:25px !important;
width:100%;
}
.contact-main .box-info .box-list .list-item:last-child {
margin-bottom:0 !important;
}
}
@media screen and (max-width:767px) {
.contact-main .box-info .box-list .list-item {
margin-bottom:15px !important;
}
}
.contact-main .box-info .box-list .item-title {
	font-family:"Roboto-Bold";
	font-size:24px;
	font-size:2.4rem;
	line-height:1.3;
	color:#0001F9;
	margin-bottom:3px;
}
@media screen and (max-width:1219px) {
.contact-main .box-info .box-list .item-title {
font-size:20px;
font-size:2rem;
}
}
@media screen and (max-width:991px) {
.contact-main .box-info .box-list .item-title {
font-size:18px;
font-size:1.8rem;
margin-bottom:10px;
}
}
@media screen and (max-width:767px) {
.contact-main .box-info .box-list .item-title {
font-size:16px;
font-size:1.6rem;
margin-bottom:5px;
}
}
.contact-main .box-info .box-list .item-desc {
	font-size:18px;
	font-size:1.8rem;
	line-height:30px;
}
@media screen and (max-width:1219px) {
.contact-main .box-info .box-list .item-desc {
font-size:16px;
font-size:1.6rem;
line-height:26px;
}
}
@media screen and (max-width:991px) {
.contact-main .box-info .box-list .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:22px;
}
}
@media screen and (max-width:767px) {
.contact-main .box-info .box-list .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.contact-main .box-form {
	float:right;
	width:50%;
}
@media screen and (max-width:767px) {
.contact-main .box-form {
float:none;
width:100%;
}
}
.contact-main .box-form .item-title {
	font-family:"Roboto-Bold";
	font-size:24px;
	font-size:2.4rem;
	line-height:1.3;
	color:#0001F9;
	margin-bottom:14px;
	margin-top:-6px;
}
@media screen and (max-width:1219px) {
.contact-main .box-form .item-title {
font-size:22px;
font-size:2.2rem;
margin-top:0;
margin-bottom:10px;
}
}
@media screen and (max-width:991px) {
.contact-main .box-form .item-title {
font-size:20px;
font-size:2rem;
margin-bottom:5px;
}
}
@media screen and (max-width:767px) {
.contact-main .box-form .item-title {
font-size:18px;
font-size:1.8rem;
text-align:center;
}
}
.contact-main .box-form .item-desc {
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	margin-bottom:29px;
}
@media screen and (max-width:1219px) {
.contact-main .box-form .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:24px;
margin-bottom:20px;
}
}
@media screen and (max-width:991px) {
.contact-main .box-form .item-desc {
line-height:22px;
margin-bottom:15px;
}
}
@media screen and (max-width:767px) {
.contact-main .box-form .item-desc {
text-align:center;
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.contact-main .box-form input, .contact-main .box-form textarea {
	display:block;
	width:100%;
	border:1px solid #D5D5D5;
	border-radius:4px;
	padding:0 10px 0 21px;
	color:#666;
	font-size:18px;
	font-size:1.8rem;
}
@media screen and (max-width:1219px) {
.contact-main .box-form input, .contact-main .box-form textarea {
font-size:16px;
font-size:1.6rem;
}
}
@media screen and (max-width:991px) {
.contact-main .box-form input, .contact-main .box-form textarea {
font-size:14px;
font-size:1.4rem;
padding-left:15px;
}
}
@media screen and (max-width:767px) {
.contact-main .box-form input, .contact-main .box-form textarea {
font-size:12px;
font-size:1.2rem;
}
}
.contact-main .box-form input {
	height:40px;
	line-height:38px;
}
@media screen and (max-width:991px) {
.contact-main .box-form input {
height:36px;
line-height:34px;
}
}
.contact-main .box-form textarea {
	height:100px;
	line-height:24px;
	padding-top:8px;
	padding-bottom:8px;
}
.contact-main .box-form .star {
	position:relative;
}
.contact-main .box-form .star:before {
	position:absolute;
	content:'*';
	font-size:18px;
	font-size:1.8rem;
	line-height:1;
	color:#FF3737;
	left:10px;
	top:12px;
}
@media screen and (max-width:991px) {
.contact-main .box-form .star:before {
top:10px;
left:5px;
}
}
.contact-main .box-form .item-input {
	width:100%;
	margin-bottom:29px;
}
@media screen and (max-width:1219px) {
.contact-main .box-form .item-input {
margin-bottom:15px;
}
}
.contact-main .box-form .item-code {
	width:60%;
	float:left;
	margin-right:4.83333%;
}
@media screen and (max-width:991px) {
.contact-main .box-form .item-code {
width:60%;
margin-right:0;
}
}
@media screen and (max-width:767px) {
.contact-main .box-form .item-code {
width:-webkit-calc(100% - 135px);
width:-moz-calc(100% - 135px);
width:calc(100% - 135px);
}
}
.contact-main .box-form .item-img {
	cursor:pointer;
	font-size:0;
	line-height:40px;
}
.contact-main .box-form .item-img img {
	max-height:40px;
	vertical-align:middle;
}
@media screen and (max-width:991px) {
.contact-main .box-form .item-img {
float:right;
line-height:36px;
}
.contact-main .box-form .item-img img {
max-height:36px;
}
}
.contact-main .box-form .item-btn {
	width:40%;
}
@media screen and (max-width:767px) {
.contact-main .box-form .item-btn {
width:100%;
}
}
.contact-main .box-form .item-btn input {
	height:50px;
	line-height:50px;
	border:0;
	padding:0;
	text-align:center;
	background-color:#29ABE2;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
	color:#fff;
	font-size:18px;
	font-size:1.8rem;
}
.contact-main .box-form .item-btn input:hover {
	background-color:#0001F9;
}
@media screen and (max-width:1219px) {
.contact-main .box-form .item-btn input {
height:40px;
line-height:40px;
font-size:16px;
font-size:1.6rem;
}
}
@media screen and (max-width:991px) {
.contact-main .box-form .item-btn input {
height:36px;
line-height:36px;
}
}
@media screen and (max-width:767px) {
.contact-main .box-form .item-btn input {
font-size:14px;
font-size:1.4rem;
}
}
.app1-list {
	font-size:0;
	letter-spacing:0;
	padding-bottom:35px;
}
@media screen and (max-width:991px) {
.app1-list {
padding-bottom:20px;
}
}
@media screen and (max-width:767px) {
.app1-list {
padding-bottom:10px;
}
}
.app1-list .list-item {
	display:inline-block;
	vertical-align:top;
	width:31.66667%;
	margin-left:2.5%;
	margin-bottom:30px;
}
@media screen and (max-width:480px) {
.app1-list .list-item {
width:48%;
margin:0 1% 20px;
}
}
.app1-list .item-pic a {
	display:block;
	overflow:hidden;
	position:relative;
	padding-bottom:148.57768%;
}
.app1-list .item-pic img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.app1-list .item-body {
	position:relative;
	margin-right:11.05263%;
	background-color:#fff;
	margin-top:-59px;
	padding:15px 28px 23px;
}
@media screen and (max-width:1219px) {
.app1-list .item-body {
padding:15px 20px 20px;
margin-top:-50px;
}
}
@media screen and (max-width:991px) {
.app1-list .item-body {
margin-right:5.26316%;
padding:12px 10px;
margin-top:-40px;
}
}
@media screen and (max-width:767px) {
.app1-list .item-body {
padding:10px 8px;
margin-top:-30px;
}
}
.app1-list .item-btn {
	position:absolute;
	z-index:2;
	top:-46px;
	height:46px;
	line-height:46px;
	font-size:14px;
	font-size:1.4rem;
	background-color:#EAEAFA;
	box-shadow:0px 4px 17px 0px rgba(0, 0, 0, 0.19);
	color:#0001F9;
	padding:0 17px;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.app1-list .item-btn .iconfont {
	font-size:40px;
	font-size:4rem;
	vertical-align:middle;
	margin-left:8px;
}
@media screen and (max-width:991px) {
.app1-list .item-btn {
top:-40px;
height:40px;
line-height:40px;
}
.app1-list .item-btn .iconfont {
font-size:36px;
font-size:3.6rem;
margin-left:5px;
}
}
@media screen and (max-width:767px) {
.app1-list .item-btn {
padding:0 10px;
top:-30px;
height:30px;
line-height:30px;
font-size:12px;
font-size:1.2rem;
}
.app1-list .item-btn .iconfont {
font-size:26px;
font-size:2.6rem;
margin-left:3px;
}
}
.app1-list .item-title {
	font-size:28px;
	font-size:2.8rem;
	line-height:36px;
	margin-bottom:10px;
	height:72px;
}
@media screen and (max-width:1219px) {
.app1-list .item-title {
font-size:24px;
font-size:2.4rem;
line-height:30px;
height:60px;
}
}
@media screen and (max-width:991px) {
.app1-list .item-title {
font-size:18px;
font-size:1.8rem;
line-height:24px;
height:48px;
margin-bottom:5px;
}
}
@media screen and (max-width:767px) {
.app1-list .item-title {
font-size:14px;
font-size:1.4rem;
line-height:20px;
height:40px;
}
}
.app1-list .item-desc {
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	height:84px;
}
.app1-list .item-desc, .app1-list .item-desc a {
	color:#838383;
}
@media screen and (max-width:1219px) {
.app1-list .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:26px;
height:78px;
}
}
@media screen and (max-width:991px) {
.app1-list .item-desc {
line-height:22px;
height:66px;
}
}
@media screen and (max-width:767px) {
.app1-list .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:18px;
height:54px;
}
}
.app2-main > .item-title {
	font-size:24px;
	font-size:2.4rem;
	line-height:1.3;
	text-align:center;
	border-bottom:solid 1px #CCCCCC;
	padding-bottom:24px;
	margin-bottom:37px;
}
@media screen and (max-width:1219px) {
.app2-main > .item-title {
font-size:20px;
font-size:2rem;
padding-bottom:20px;
margin-bottom:30px;
}
}
@media screen and (max-width:991px) {
.app2-main > .item-title {
font-size:18px;
font-size:1.8rem;
padding-bottom:15px;
margin-bottom:20px;
}
}
@media screen and (max-width:767px) {
.app2-main > .item-title {
font-size:16px;
font-size:1.6rem;
margin-bottom:15px;
padding-bottom:10px;
}
}
.app2-main .item-desc {
	margin-bottom:75px;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
.app2-main .item-desc, .app2-main .item-desc * {
	color:#666;
}
@media screen and (max-width:1219px) {
.app2-main .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:26px;
margin-bottom:50px;
}
}
@media screen and (max-width:991px) {
.app2-main .item-desc {
line-height:22px;
margin-bottom:30px;
}
}
@media screen and (max-width:767px) {
.app2-main .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:20px;
margin-bottom:20px;
}
}
.app2-main .pro-share {
	border-bottom:solid 1px #CCCCCC;
	padding-bottom:31px;
	margin-bottom:43px;
}
@media screen and (max-width:1219px) {
.app2-main .pro-share {
padding-bottom:20px;
margin-bottom:30px;
}
}
@media screen and (max-width:991px) {
.app2-main .pro-share {
margin-bottom:20px;
}
}
@media screen and (max-width:767px) {
.app2-main .pro-share {
padding-bottom:15px;
margin-bottom:15px;
}
}
.app2-main .pro-share .share-title {
	color:#666;
	font-size:16px;
	font-size:1.6rem;
}
@media screen and (max-width:1219px) {
.app2-main .pro-share .share-title {
font-size:14px;
font-size:1.4rem;
}
}
@media screen and (max-width:767px) {
.app2-main .pro-share .share-title {
font-size:12px;
font-size:1.2rem;
}
}
@media screen and (min-width:992px) {
.n-nav, .n-nav-icon {
display:none;
}
}
@-webkit-keyframes resize {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity:0;
-webkit-transform:scale(5, 5);
transform:scale(5, 5);
}
100% {
opacity:1;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
}
@-moz-keyframes resize {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity:0;
-webkit-transform:scale(5, 5);
-moz-transform:scale(5, 5);
transform:scale(5, 5);
}
100% {
opacity:1;
-webkit-transform:scale(1, 1);
-moz-transform:scale(1, 1);
transform:scale(1, 1);
}
}
@keyframes resize {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity:0;
-webkit-transform:scale(5, 5);
-moz-transform:scale(5, 5);
-o-transform:scale(5, 5);
transform:scale(5, 5);
}
100% {
opacity:1;
-webkit-transform:scale(1, 1);
-moz-transform:scale(1, 1);
-o-transform:scale(1, 1);
transform:scale(1, 1);
}
}
.n-nav .n-nav-icon {
	position:fixed;
	right:5px;
	top:5px;
	width:35px;
	height:28px;
	line-height:28px;
	text-align:center;
	-webkit-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
	z-index:999999999;
}
.n-nav .n-nav-icon .iconfont {
	font-size:20px;
	font-size:2.0rem;
	color:#0001F9;
}
.n-nav .n-nav-icon span {
	display:none;
	width:100%;
	height:2px;
	margin-bottom:4px;
	background-color:#0001F9;
}
.n-nav .n-nav-icon.active {
	top:5px;
	background:#666 url(../fonts/nav-close.png) no-repeat center;
	background-size:30px;
}
.n-nav .n-nav-icon.active span, .n-nav .n-nav-icon.active .iconfont {
	display:none;
}
.n-nav .n-nav-body {
	display:none;
	position:fixed;
	z-index:99999;
	top:0;
	bottom:0;
	width:100%;
	left:0;
	overflow-y:scroll;
	background-color:#666;
	padding-top:40px;
}
.n-nav .box-search {
	background-color:#fff;
	padding:5px 10px;
	position:relative;
	border:solid 1px #0001F9;
	margin:5px 10px;
}
.n-nav .box-search .item-input {
	width:100%;
	line-height:32px;
	height:32px;
	padding:0 60px 0 0;
}
.n-nav .box-search .iconfont {
	font-weight:bold;
	background-color:#0001F9;
	width:44px;
	height:32px;
	line-height:32px;
	border-radius:5px;
	color:#fff;
	text-align:center;
	position:absolute;
	right:10px;
	top:5px;
	z-index:0;
}
.n-nav .box-search .iconfont:hover {
	background-color:#666;
}
.n-nav .box-search .item-submit {
	position:absolute;
	width:44px;
	height:32px;
	right:10px;
	top:5px;
	z-index:1;
}
.n-nav .box-list {
	margin-top:30px;
}
.n-nav .box-list > li {
	position:relative;
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name:resize;
	-moz-animation-name:resize;
	animation-name:resize;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-moz-transition:all 0.5s;
	transition:all 0.5s;
	padding:0 10px;
}
.n-nav .box-list > li a {
	display:block;
	font-size:14px;
	font-size:1.4rem;
	line-height:26px;
	padding:10px 25px 10px 10px;
	color:#fff;
	text-transform:uppercase;
	border-bottom:1px solid rgba(255, 255, 255, 0.3);
}
.n-nav .box-list li {
	position:relative;
}
.n-nav .box-list li .has-next {
	position:absolute;
	top:10px;
	right:10px;
	width:20px;
	height:20px;
	background:url(../fonts/n1.png) no-repeat center;
	background-size:contain;
-webkit-transition:all .5s;
-o-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s;
	cursor:pointer;
}
.n-nav .box-list li.active > .has-next {
	background:url(../fonts/n2.png) no-repeat center;
	background-size:contain;
}
.n-nav .box-list .yiji-list {
	display:none;
}
.n-nav .box-list .yiji-list li {
	padding-left:12px;
}
.n-nav .box-list .yiji-list li .has-next {
	right:0;
}
.n-nav .box-list .yiji-list li > a {
	padding:10px 25px 10px 20px;
	line-height:22px;
	position:relative;
}
.n-nav .box-list .yiji-list li > a:before {
	position:absolute;
	content:'';
	width:5px;
	height:5px;
	background-color:#fff;
	top:19px;
	left:10px;
}
.n-nav .box-list .erji-list {
	display:none;
}
.n-nav .box-list .sanji-list {
	display:none;
}
.banner {
	line-height:0;
	font-size:0;
	position:relative;
}
.banner .slick-arrow {
	position:absolute;
	z-index:2;
	display:block !important;
	cursor:pointer;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	font-size:46px;
	font-size:4.6rem;
	line-height:1;
	color:#fff;
}
.banner .slick-arrow .iconfont {
	line-height:1;
	display:block;
}
.banner .slick-arrow:hover {
	color:#0001F9;
}
@media screen and (max-width:991px) {
.banner .slick-arrow {
display:none !important;
}
}
.banner .slick-prev {
	left:60px;
	cursor:pointer;
}
.banner .slick-next {
	right:60px;
	cursor:pointer;
}
.banner .slick-dots {
	position:absolute;
	z-index:2;
	left:0;
	right:0;
	bottom:2.53012%;
	text-align:center;
	font-size:0;
	letter-spacing:0;
	text-align:center;
}
.banner .slick-dots li {
	margin:0 7px;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
}
@media screen and (max-width:1219px) {
.banner .slick-dots li {
margin:0 5px;
}
}
@media screen and (max-width:991px) {
.banner .slick-dots li {
margin:0 4px;
}
}
@media screen and (max-width:767px) {
.banner .slick-dots li {
margin:0 3px;
}
}
.banner .slick-dots li a {
	display:block;
	width:45px;
	height:5px;
	background-color:#fff;
	border-radius:0;
}
@media screen and (max-width:1219px) {
.banner .slick-dots li a {
width:40px;
}
}
@media screen and (max-width:991px) {
.banner .slick-dots li a {
height:4px;
width:35px;
}
}
@media screen and (max-width:767px) {
.banner .slick-dots li a {
width:30px;
}
}
@media screen and (max-width:640px) {
.banner .slick-dots li a {
height:3px;
width:20px;
}
}
@media screen and (max-width:480px) {
.banner .slick-dots li a {
width:15px;
}
}
.banner .slick-dots li.slick-active a {
	background-color:#0001F9;
}
.slick-list, .slick-slider, .slick-track {
	position:relative;
	display:block;
}
.slick-loading .slick-slide, .slick-loading .slick-track {
	visibility:hidden;
}
.slick-slider {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
.slick-list {
	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);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.slick-track {
	top:0;
	left:0;
}
.slick-track:after, .slick-track:before {
	display:table;
	content:'';
}
.slick-track:after {
	clear:both;
}
.slick-slide {
	display:none;
	float:left;
	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-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent;
}
.slick-arrow.slick-hidden {
	display:none;
}
@charset "UTF-8";
.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;
}
.animated.bounceIn, .animated.bounceOut {
-webkit-animation-duration:.75s;
animation-duration:.75s;
}
.animated.flipOutX, .animated.flipOutY {
-webkit-animation-duration:.75s;
animation-duration:.75s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
-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%, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);
-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%, 50%, 100% {
opacity:1;
}
25%, 75% {
opacity:0;
}
}
@keyframes flash {
0%, 50%, 100% {
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(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .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(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .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(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .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(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .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 jello {
11.1% {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
transform:skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes jello {
11.1% {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
transform:skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
}
100% {
-webkit-transform:none;
transform:none
}
}
.jello {
	-webkit-animation-name:jello;
	animation-name:jello;
	-webkit-transform-origin:center;
	transform-origin:center
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .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(.97, .97, .97);
transform:scale3d(.97, .97, .97);
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .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(.97, .97, .97);
transform:scale3d(.97, .97, .97);
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
.bounceIn {
	-webkit-animation-name:bounceIn;
	animation-name:bounceIn;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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(.9, .9, .9);
transform:scale3d(.9, .9, .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(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .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(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
}
.bounceOut {
	-webkit-animation-name:bounceOut;
	animation-name:bounceOut;
}
@-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:translateY(-20px);
transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInDown {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInDownBig {
	-webkit-animation-name:fadeInDownBig;
	animation-name:fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInLeftBig {
	-webkit-animation-name:fadeInLeftBig;
	animation-name:fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInRightBig {
	-webkit-animation-name:fadeInRightBig;
	animation-name:fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}
.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;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px);
}
}
.fadeOutDown {
	-webkit-animation-name:fadeOutDown;
	animation-name:fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px);
}
}
.fadeOutDownBig {
	-webkit-animation-name:fadeOutDownBig;
	animation-name:fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px);
}
}
.fadeOutLeft {
	-webkit-animation-name:fadeOutLeft;
	animation-name:fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px);
}
}
.fadeOutLeftBig {
	-webkit-animation-name:fadeOutLeftBig;
	animation-name:fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px);
}
}
.fadeOutRight {
	-webkit-animation-name:fadeOutRight;
	animation-name:fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px);
}
}
.fadeOutRightBig {
	-webkit-animation-name:fadeOutRightBig;
	animation-name:fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px);
}
}
.fadeOutUp {
	-webkit-animation-name:fadeOutUp;
	animation-name:fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px);
}
}
.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(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .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(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .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-animation-timing-function:ease-in;
animation-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-animation-timing-function:ease-in;
animation-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-animation-timing-function:ease-in;
animation-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-animation-timing-function:ease-in;
animation-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-animation-timing-function:ease-in;
animation-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-animation-timing-function:ease-in;
animation-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-animation-timing-function:ease-in;
animation-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-animation-timing-function:ease-in;
animation-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-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-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(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
50% {
opacity:1;
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
50% {
opacity:1;
}
}
.zoomIn {
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn;
}
@-webkit-keyframes zoomInStable {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
33.333% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
}
66.666666% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
@keyframes zoomInStable {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
33.333% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1);
}
66.666666% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
}
}
.zoomInStable {
	-webkit-animation-name:zoomInStable;
	animation-name:zoomInStable;
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
	-webkit-animation-name:zoomInDown;
	animation-name:zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
	-webkit-animation-name:zoomInLeft;
	animation-name:zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
	-webkit-animation-name:zoomInRight;
	animation-name:zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
	-webkit-animation-name:zoomInUp;
	animation-name:zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity:1;
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
100% {
opacity:0;
}
}
@keyframes zoomOut {
0% {
opacity:1;
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3);
}
100% {
opacity:0;
}
}
.zoomOut {
	-webkit-animation-name:zoomOut;
	animation-name:zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .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.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .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.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
	-webkit-animation-name:zoomOutDown;
	animation-name:zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center;
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.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(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .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.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .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.320, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
	-webkit-animation-name:zoomOutUp;
	animation-name:zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible;
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible;
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
}
.slideInDown {
	-webkit-animation-name:slideInDown;
	animation-name:slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible;
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible;
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
}
.slideInLeft {
	-webkit-animation-name:slideInLeft;
	animation-name:slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible;
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible;
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
}
.slideInRight {
	-webkit-animation-name:slideInRight;
	animation-name:slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible;
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible;
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
}
.slideInUp {
	-webkit-animation-name:slideInUp;
	animation-name:slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
}
.slideOutDown {
	-webkit-animation-name:slideOutDown;
	animation-name:slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
100% {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
100% {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
	-webkit-animation-name:slideOutLeft;
	animation-name:slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
100% {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
100% {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
}
}
.slideOutRight {
	-webkit-animation-name:slideOutRight;
	animation-name:slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
}
}
.slideOutUp {
	-webkit-animation-name:slideOutUp;
	animation-name:slideOutUp;
}
@keyframes anime {
from {
opacity:0;
transform:scaleY(0);
-webkit-transform:scaleY(0);
-moz-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
}
to {
	opacity:1;
	transform:scaleY(1);
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	-o-transform:scaleY(1);
	-moz-transform:scaleY(1);
}
}
@-webkit-keyframes anime {
from {
opacity:0;
transform:scaleY(0);
-webkit-transform:scaleY(0);
-moz-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
}
to {
	opacity:1;
	transform:scaleY(1);
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	-o-transform:scaleY(1);
	-moz-transform:scaleY(1);
}
}
@-moz-keyframes anime {
from {
opacity:0;
transform:scaleY(0);
-webkit-transform:scaleY(0);
-moz-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
}
to {
	opacity:1;
	transform:scaleY(1);
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	-o-transform:scaleY(1);
	-moz-transform:scaleY(1);
}
}
@-o-keyframes anime {
from {
opacity:0;
transform:scaleY(0);
-webkit-transform:scaleY(0);
-moz-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
}
to {
	opacity:1;
	transform:scaleY(1);
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	-o-transform:scaleY(1);
	-moz-transform:scaleY(1);
}
}
@-ms-keyframes anime {
from {
opacity:0;
transform:scaleY(0);
-webkit-transform:scaleY(0);
-moz-transform:scaleY(0);
-ms-transform:scaleY(0);
-o-transform:scaleY(0);
}
to {
	opacity:1;
	transform:scaleY(1);
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	-o-transform:scaleY(1);
	-moz-transform:scaleY(1);
}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
}
@media screen and (max-width:1219px) {
}
@media screen and (max-width:991px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
}
@font-face {
font-family:"Roboto-Regular";
src:url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.eot") format("embedded-opentype"), url("../fonts/Roboto-Regular.svg") format("svg");
font-display:swap;
}
@font-face {
font-family:'Roboto-Bold';
src:url('../fonts/Roboto-Bold.eot');
src:url('../fonts/Roboto-Bold.eot') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
font-display:swap;
}
@font-face {
font-family:'Roboto-Black';
src:url('../fonts/Roboto-Black.eot');
src:url('../fonts/Roboto-Black.eot') format('embedded-opentype'), url('../fonts/Roboto-Black.woff2') format('woff2'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
font-display:swap;
}
@font-face {
font-family:"iconfont";
src:url('../fonts/iconfont.woff2?t=1638409649577') format('woff2'), url('../fonts/iconfont.woff?t=1638409649577') format('woff'), url('../fonts/iconfont.ttf?t=1638409649577') format('truetype');
font-display:swap;
}
.iconfont {
	font-family:"iconfont" !important;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.icon-youxiangchangjiantou:before {
	content:"\e712";
}
.icon-changjiantou:before {
	content:"\e666";
}
.icon-changjiantou2:before {
	content:"\e65b";
}
.icon-changjiantou3:before {
	content:"\e6cc";
}
.icon-shangchuan-copy:before {
	content:"\e622";
}
.icon-shangchuan:before {
	content:"\e62b";
}
.icon-guanbi:before {
	content:"\e638";
}
.icon-icon-test10:before {
	content:"\e651";
}
.icon-icon-test12:before {
	content:"\e653";
}
.icon-xiashuangjiantou:before {
	content:"\e646";
}
.icon-bigger1:before {
	content:"\e647";
}
.icon-left2:before {
	content:"\e710";
}
.icon-right2:before {
	content:"\e711";
}
.icon-up11:before {
	content:"\e732";
}
.icon-bottom11:before {
	content:"\e733";
}
.icon-download1:before {
	content:"\e7a0";
}
.icon-rili:before {
	content:"\e811";
}
.icon-home:before {
	content:"\e64d";
}
.icon-top13:before {
	content:"\e659";
}
.icon-address1:before {
	content:"\e7bc";
}
.icon-email:before {
	content:"\e7bd";
}
.icon-contact:before {
	content:"\e7be";
}
.icon-whatsapp:before {
	content:"\e7bf";
}
.icon-wechat:before {
	content:"\e7c1";
}
.icon-fax:before {
	content:"\e7c2";
}
.icon-mobile:before {
	content:"\e7c3";
}
.icon-email1:before {
	content:"\e7c4";
}
.icon-phone:before {
	content:"\e7c6";
}
.icon-tel:before {
	content:"\e7c7";
}
.icon-website1:before {
	content:"\e7c9";
}
.icon-qq:before {
	content:"\e7ca";
}
.icon-phone1:before {
	content:"\e7cb";
}
.icon-skype:before {
	content:"\e7cc";
}
.icon-message2:before {
	content:"\e7dc";
}
.icon-companyname:before {
	content:"\e610";
}
.icon-icons-hqew-:before {
	content:"\e64f";
}
.icon-message:before {
	content:"\ebe1";
}
.icon-whatsapp1:before {
	content:"\e7c5";
}
.icon-address2:before {
	content:"\e7c8";
}
.icon-contact1:before {
	content:"\e7cd";
}
.icon-email2:before {
	content:"\e7ce";
}
.icon-email11:before {
	content:"\e7cf";
}
.icon-fax1:before {
	content:"\e7d0";
}
.icon-skype1:before {
	content:"\e7d1";
}
.icon-qq1:before {
	content:"\e7d2";
}
.icon-tel1:before {
	content:"\e7d3";
}
.icon-wechat1:before {
	content:"\e7d4";
}
.icon-website:before {
	content:"\e7d5";
}
.icon-phone2:before {
	content:"\e7d6";
}
.icon-mobile1:before {
	content:"\e7d7";
}
.icon-tel2:before {
	content:"\ebe2";
}
.icon-address:before {
	content:"\e672";
}
.icon-dingwei:before {
	content:"\e67c";
}
.icon-shang:before {
	content:"\e621";
}
.icon-dianhua1:before {
	content:"\e639";
}
.icon-dianhua-Telephone:before {
	content:"\e64e";
}
.icon-facebook:before {
	content:"\e620";
}
.icon-pinterest:before {
	content:"\e8ab";
}
.icon-linkedin:before {
	content:"\e648";
}
.icon-youtube:before {
	content:"\e6d6";
}
.icon-twitter:before {
	content:"\e607";
}
.icon-Instagram:before {
	content:"\e6af";
}
.icon-liebiao:before {
	content:"\e834";
}
.icon-search:before {
	content:"\e612";
}
.icon-list:before {
	content:"\e671";
}
.icon-up7:before {
	content:"\e722";
}
.icon-bottom7:before {
	content:"\e723";
}
.icon-left7:before {
	content:"\e724";
}
.icon-right7:before {
	content:"\e725";
}
.icon-up16:before {
	content:"\e746";
}
.icon-bottom16:before {
	content:"\e747";
}
.icon-left16:before {
	content:"\e748";
}
.icon-right16:before {
	content:"\e749";
}
.icon-top10:before {
	content:"\e7ee";
}
.icon-bottom10:before {
	content:"\e7ef";
}
.icon-left10:before {
	content:"\e7f0";
}
.icon-right10:before {
	content:"\e7f1";
}
.icon-anniu_jiantoushouqi_o:before {
	content:"\eb89";
}
.icon-anniu_jiantouxiangzuo_o:before {
	content:"\eb8a";
}
.icon-anniu_jiantouzhankai_o:before {
	content:"\eb8b";
}
.icon-anniu-jiantouxiangyou_o:before {
	content:"\eb8c";
}
.icon-yuanxingjiantoushang:before {
	content:"\e965";
}
.icon-yuanxingjiantouxia:before {
	content:"\e966";
}
.icon-yuanxingjiantouyou:before {
	content:"\e967";
}
.icon-yuanxingjiantouzuo:before {
	content:"\e968";
}
.icon-shejiguifan:before {
	content:"\e600";
}
.icon-zhiliang-:before {
	content:"\e668";
}
.icon-jingyan:before {
	content:"\e60b";
}
.owl-carousel .owl-wrapper:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.owl-carousel {
	display:none;
	position:relative;
	width:100%;
	-ms-touch-action:pan-y;
}
.owl-carousel .owl-wrapper {
	display:none;
	position:relative;
	-webkit-transform:translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	overflow:hidden;
	position:relative;
	width:100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition:height 500ms ease-in-out;
	-moz-transition:height 500ms ease-in-out;
	-ms-transition:height 500ms ease-in-out;
	-o-transition:height 500ms ease-in-out;
	transition:height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float:left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor:pointer;
}
.owl-controls {
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.grabbing {
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
}
.owl-theme .owl-controls .owl-buttons {
	font-size:0;
	letter-spacing:0;
	text-align:center;
}
.owl-theme .owl-controls .owl-buttons div {
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	font-size:1.2rem;
}
.owl-theme .owl-controls .owl-pagination {
	font-size:0;
	letter-spacing:0;
	text-align:center;
	margin-top:30px;
}
@media screen and (max-width:991px) {
.owl-theme .owl-controls .owl-pagination {
margin-top:20px;
}
}
@media screen and (max-width:767px) {
.owl-theme .owl-controls .owl-pagination {
margin-top:10px;
}
}
.owl-theme .owl-controls .owl-page {
	display:inline-block;
	vertical-align:top;
}
.owl-theme .owl-controls .owl-page span {
	display:block;
	width:14px;
	height:14px;
	border-radius:50%;
	margin:0 5px;
	font-size:0;
	border:solid 2px #61A285;
}
@media screen and (max-width:991px) {
.owl-theme .owl-controls .owl-page span {
margin:0 4px;
width:12px;
height:12px;
}
}
@media screen and (max-width:767px) {
.owl-theme .owl-controls .owl-page span {
margin:0 3px;
width:10px;
height:10px;
}
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	background-color:#61A285;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
	height:auto;
	width:auto;
	color:#FFF;
	padding:2px 10px;
	font-size:12px;
	border-radius:30px;
}
.owl-item.loading {
	min-height:150px;
}
.m-kefu-chat.mobile-hide {
	right:6px!important;
}
.page a.no:hover {
	color:#333!important;
	border-color:#E5E5E5!important;
	background:#fff!important;
}
.item-btns a.no:hover {
	color:#333!important;
	background-color:#E5E5E5!important;
}
.ppp {
	line-height:30px;
	font-size:16px;
	font-size:1.6rem;
	margin-top:21px;
	display:block;
}
.listcart {
	width:100%;
	text-align:center;
}
.listcart a {
	display:inline-block;
	height:34px;
	width:200px;
	line-height:34px;
	overflow:hidden;
	color:#fff;
	cursor:pointer;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	margin-left:10px;
	border-radius:5px;
	background-color:#b8b8b8;
	margin-bottom:10px;
}
.listcart a:hover {
	background:#0001F9;
}
.xunpanc {
	margin-top:20px;
}
.xunpanc .table {
	margin-top:0;
}
.xunpanc table tr td {
	border:1px solid #ccc;
	text-align:left;
	padding:3px;
}
.xunpanc table tr td a:hover {
	color:#0001F9;
}
.pro2-spec table {
	border:none;
}
.pro2-spec table tr td {
	border:none;
	text-align:center;
}
.slick-slide {
	position:relative;
}
.slick-slide iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.slick-slide video {
	position:absolute;
	display:block;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	min-width:101%;
	min-height:100%;
	max-width:none;
	-o-object-fit:cover;
	object-fit:cover;
	-o-object-position:50% 50%;
	object-position:50% 50%;
	display:none \9;
	display:block \9\0;
}
@media screen and (max-width:991px) {
.slick-slide video {
object-position:inherit;
object-fit:inherit;
width:100%;
height:100%;
transform:translate(0, 0);
left:0;
top:0;
}
}
.pro1-top {
	margin-bottom:67px;
}
.pro1-txt .pro1-desc {
	overflow:hidden;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	color:#666;
}
.pro1-txt .pro1-desc a {
	color:#0001F9;
}
.pro1-txt .more_btn {
	display:none;
	color:#0001F9;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	line-height:22px;
	margin-top:10px;
	margin-bottom:10px;
}
.pro1-txt .more_btn span {
	color:#0001F9;
	cursor:pointer;
	font-weight:bold;
}
.n-box2 .item-title {
	text-transform:uppercase;
	font-size:30px;
	font-size:3rem;
	line-height:1.3;
	font-family:"Roboto-Black";
	margin-bottom:25px;
	padding-bottom:14px;
	position:relative;
}
.n-box2 .item-title:before {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:160px;
	height:2px;
	background-color:#FC0401;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.n-box2 .item-title:after {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:67px;
	height:2px;
	background-color:#0001F9;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
@media screen and (max-width:1219px) {
.n-box2 .item-title {
font-size:26px;
font-size:2.6rem;
margin-bottom:20px;
padding-bottom:10px;
}
.n-box2 .item-title:before {
width:150px;
}
.n-box2 .item-title:after {
width:57px;
}
}
@media screen and (max-width:991px) {
.n-box2 .item-title {
font-size:22px;
font-size:2.2rem;
}
.n-box2 .item-title:before {
width:130px;
}
.n-box2 .item-title:after {
width:47px;
}
}
@media screen and (max-width:767px) {
.n-box2 .item-title {
margin-bottom:10px;
padding-bottom:8px;
font-size:18px;
font-size:1.8rem;
}
.n-box2 .item-title:before {
width:100px;
}
.n-box2 .item-title:after {
width:37px;
}
}
.n-box2 .item-desc {
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
}
.n-box2 .item-desc, .n-box2 .item-desc * {
	color:#666;
}
@media screen and (max-width:1219px) {
.n-box2 .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:24px;
}
}
@media screen and (max-width:991px) {
.n-box2 .item-desc {
line-height:20px;
}
}
@media screen and (max-width:767px) {
.n-box2 .item-desc {
line-height:18px;
font-size:12px;
font-size:1.2rem;
}
}
.n-box3 .box-list {
	font-size:0;
	letter-spacing:0;
}
.n-box3 .box-list .list-item {
	display:inline-block;
	vertical-align:top;
	width:23.5%;
	margin-left:2%;
	margin-bottom:30px;
	text-align:center;
}
@media screen and (max-width:991px) {
.n-box3 .box-list .list-item {
width:31.33%;
margin:0 1% 30px !important;
}
}
@media screen and (max-width:480px) {
.n-box3 .box-list .list-item {
width:48%;
margin:0 1% 20px !important;
}
}
.n-box3 .box-list .item-pic {
	border:solid 1px #E0E0E0;
	padding-bottom:99.29577%;
	margin-bottom:10px;
}
.n-box3 .box-list .item-pic a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}
.n-box3 .box-list .item-pic img {
	max-width:100%;
	max-height:100%;
	width:auto;
}
.n-box3 .box-list .item-desc {
	margin-bottom:10px;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.4;
}
.n-box3 .box-list .item-desc a {
	display:-webkit-box !important;
	overflow:hidden;
	white-space:normal !important;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
}
@media screen and (max-width:1219px) {
.n-box3 .box-list .item-desc {
font-size:14px;
font-size:1.4rem;
}
}
@media screen and (max-width:767px) {
.n-box3 .box-list .item-desc {
font-size:12px;
font-size:1.2rem;
line-height:1.3;
}
}
.n-box3 .box-list .item-btn {
	display:inline-block;
	vertical-align:middle;
	padding:0 35px;
	line-height:35px;
	border:solid 1px #0001F9;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	color:#0001F9;
	-webkit-border-radius:0;
	border-radius:0;
	text-align:center;
}
@media screen and (max-width:1219px) {
.n-box3 .box-list .item-btn {
font-size:14px;
font-size:1.4rem;
padding:0 20px;
line-height:30px;
}
}
@media screen and (max-width:991px) {
.n-box3 .box-list .item-btn {
padding:0 15px;
}
}
@media screen and (max-width:767px) {
.n-box3 .box-list .item-btn {
line-height:26px;
font-size:12px;
font-size:1.2rem;
padding:0 10px;
}
}
.n-box4 .item-title {
	text-transform:uppercase;
	font-size:30px;
	font-size:3rem;
	line-height:1.3;
	font-family:"Roboto-Black";
	margin-bottom:25px;
	padding-bottom:14px;
	position:relative;
}
.n-box4 .item-title:before {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:160px;
	height:2px;
	background-color:#FC0401;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.n-box4 .item-title:after {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:67px;
	height:2px;
	background-color:#0001F9;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
@media screen and (max-width:1219px) {
.n-box4 .item-title {
font-size:26px;
font-size:2.6rem;
margin-bottom:20px;
padding-bottom:10px;
}
.n-box4 .item-title:before {
width:150px;
}
.n-box4 .item-title:after {
width:57px;
}
}
@media screen and (max-width:991px) {
.n-box4 .item-title {
font-size:22px;
font-size:2.2rem;
}
.n-box4 .item-title:before {
width:130px;
}
.n-box4 .item-title:after {
width:47px;
}
}
@media screen and (max-width:767px) {
.n-box4 .item-title {
margin-bottom:10px;
padding-bottom:8px;
font-size:18px;
font-size:1.8rem;
}
.n-box4 .item-title:before {
width:100px;
}
.n-box4 .item-title:after {
width:37px;
}
}
.n-box4 .item-desc {
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	margin-bottom:29px;
}
@media screen and (max-width:1219px) {
.n-box4 .item-desc {
font-size:14px;
font-size:1.4rem;
line-height:24px;
margin-bottom:20px;
}
}
@media screen and (max-width:991px) {
.n-box4 .item-desc {
line-height:22px;
margin-bottom:15px;
}
}
@media screen and (max-width:767px) {
.n-box4 .item-desc {
text-align:center;
font-size:12px;
font-size:1.2rem;
line-height:20px;
}
}
.n-box4 input, .n-box4 textarea {
	display:block;
	width:100%;
	border:1px solid #D5D5D5;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:0 10px 0 21px;
	color:#666;
	font-size:18px;
	font-size:1.8rem;
}
@media screen and (max-width:1219px) {
.n-box4 input, .n-box4 textarea {
font-size:16px;
font-size:1.6rem;
}
}
@media screen and (max-width:991px) {
.n-box4 input, .n-box4 textarea {
font-size:14px;
font-size:1.4rem;
padding-left:15px;
}
}
@media screen and (max-width:767px) {
.n-box4 input, .n-box4 textarea {
font-size:12px;
font-size:1.2rem;
}
}
.n-box4 input {
	height:40px;
	line-height:38px;
}
@media screen and (max-width:991px) {
.n-box4 input {
height:36px;
line-height:34px;
}
}
.n-box4 textarea {
	height:100px;
	line-height:24px;
	padding-top:8px;
	padding-bottom:8px;
}
.n-box4 .star {
	position:relative;
}
.n-box4 .star:before {
	position:absolute;
	content:'*';
	font-size:18px;
	font-size:1.8rem;
	line-height:1;
	color:#FF3737;
	left:10px;
	top:12px;
}
@media screen and (max-width:991px) {
.n-box4 .star:before {
top:10px;
left:5px;
}
}
.n-box4 .item-input {
	width:100%;
	margin-bottom:29px;
}
@media screen and (max-width:1219px) {
.n-box4 .item-input {
margin-bottom:15px;
}
}
.n-box4 .item-code {
	width:60%;
	float:left;
	margin-right:4.83333%;
}
@media screen and (max-width:991px) {
.n-box4 .item-code {
width:60%;
margin-right:0;
}
}
@media screen and (max-width:767px) {
.n-box4 .item-code {
width:-moz-calc(100% - 135px);
width:calc(100% - 135px);
}
}
.n-box4 .item-img {
	cursor:pointer;
	font-size:0;
	line-height:40px;
}
.n-box4 .item-img img {
	max-height:40px;
	vertical-align:middle;
}
@media screen and (max-width:991px) {
.n-box4 .item-img {
float:right;
line-height:36px;
}
.n-box4 .item-img img {
max-height:36px;
}
}
.n-box4 .item-btn {
	width:40%;
}
@media screen and (max-width:767px) {
.n-box4 .item-btn {
width:100%;
}
}
.n-box4 .item-btn input {
	height:50px;
	line-height:50px;
	border:0;
	padding:0;
	text-align:center;
	background-color:#29ABE2;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
	color:#fff;
	font-size:18px;
	font-size:1.8rem;
}
.n-box4 .item-btn input:hover {
	background-color:#0001F9;
}
@media screen and (max-width:1219px) {
.n-box4 .item-btn input {
height:40px;
line-height:40px;
font-size:16px;
font-size:1.6rem;
}
}
@media screen and (max-width:991px) {
.n-box4 .item-btn input {
height:36px;
line-height:36px;
}
}
@media screen and (max-width:767px) {
.n-box4 .item-btn input {
font-size:14px;
font-size:1.4rem;
}
}
.n-box5 .item-title {
	text-transform:uppercase;
	font-size:30px;
	font-size:3rem;
	line-height:1.3;
	font-family:"Roboto-Black";
	margin-bottom:25px;
	padding-bottom:14px;
	position:relative;
}
.n-box5 .item-title:before {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:160px;
	height:2px;
	background-color:#FC0401;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
.n-box5 .item-title:after {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:67px;
	height:2px;
	background-color:#0001F9;
-webkit-transition:all .35s;
-o-transition:all .35s;
-moz-transition:all .35s;
transition:all .35s;
}
@media screen and (max-width:1219px) {
.n-box5 .item-title {
font-size:26px;
font-size:2.6rem;
margin-bottom:20px;
padding-bottom:10px;
}
.n-box5 .item-title:before {
width:150px;
}
.n-box5 .item-title:after {
width:57px;
}
}
@media screen and (max-width:991px) {
.n-box5 .item-title {
font-size:22px;
font-size:2.2rem;
}
.n-box5 .item-title:before {
width:130px;
}
.n-box5 .item-title:after {
width:47px;
}
}
@media screen and (max-width:767px) {
.n-box5 .item-title {
padding-bottom:8px;
font-size:18px;
font-size:1.8rem;
}
.n-box5 .item-title:before {
width:100px;
}
.n-box5 .item-title:after {
width:37px;
}
}
.n-box5 .item-desc {
	font-size:0;
	letter-spacing:0;
}
.n-box5 .item-desc .item {
	display:inline-block;
	vertical-align:top;
	width:32%;
	margin-left:2%;
	margin-bottom:10px;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.4;
}
.n-box5 .item-desc .item:nth-child(3n+1) {
margin-left:0;
}
.n-box5 .item-desc .item:hover {
	color:#0001F9;
}
@media screen and (max-width:1219px) {
.n-box5 .item-desc .item {
font-size:14px;
font-size:1.4rem;
line-height:1.3;
}
}
@media screen and (max-width:640px) {
.n-box5 .item-desc .item {
width:48%;
margin:0 1% 10px !important;
}
}
@media screen and (max-width:400px) {
.n-box5 .item-desc .item {
width:100%;
margin:0 0 6px !important;
}
}
.n-box {
	padding-top:50px;
}
@media screen and (max-width:767px) {
.n-box {
padding-top:30px;
}
}
.youtube {
	background-color: #000;
	margin-bottom: 30px;
	position: relative;
	padding-top: 67.5%;
	overflow: hidden;
	cursor: pointer;
}
.youtube img {
	width: 100%;
	top: 0%;
	left: 0;
	opacity: 0.9;
}
.youtube .play-button {
	width: 90px;
	height: 60px;
	background-color: #333;
	box-shadow: 0 0 30px rgba( 0, 0, 0, 0.6 );
	z-index: 1;
	opacity: 0.8;
	border-radius: 6px;
}
.youtube .play-button:before {
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
}
.youtube img, .youtube .play-button {
	cursor: pointer;
}
.youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before {
	position: absolute;
}
.youtube .play-button, .youtube .play-button:before {
	top: 50%;
	left: 50%;
	transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}