@charset "utf-8";
@font-face{ font-family:Impact; src:url(../fonts/impact.ttf);}
@font-face{ font-family:PingFang; src:url(../fonts/pingfang regular.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}
*{ outline:none !important}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

header{position:  fixed;height:6.25rem;z-index: 1000;width: 100%;transition: 0.6s;}
header .fl{height:6.25rem;line-height:6.25rem;position: relative;}
header .fl a{display:block;position:  absolute;z-index: 10;width: 100%;height: 100%;top: 0;left: 0;}
header .fl embed{width: 13.375rem;display: inline-block;vertical-align: middle;}
header .fl embed.wap{ display:none}
#header .logo{ display:none;}

/*手机导航*/
.wap_nav{}
#container {
	position:  fixed;
	width:  100%;
	height:  100%;
	top: 0;
	left: 0;
	display: none;
	z-index: 100000;
}

@media (min-width: 768px) {
	#container {
		padding: 0
	}
}


#container .header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10;
	padding: 2rem
}

.error404 .header {
	display: none
}

@media (max-width: 767px) {
	#container .header {
		transition: background-color .2s ease-in-out
	}
}

@media (min-width: 768px) {
	#container .header {
		padding: 6.25vh 12.5vw 6.25vh 6.25vw
	}
}

#container .header nav {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #d90024;
}

@media (min-width: 1025px) {
	#container .header nav {
		position: relative;
		z-index: 5;
		float: right;
		background: none;
		width: auto
	}
}

#container .header .logo {
	display: block;
	float: left;
	transition: opacity .2s ease-in-out
}

#container .header .logo p,#container .header .logo img {
	float: left













}

#container .header .logo img {
	width: 9rem
}

#container .header .logo p {
	display: inline-block;
	margin: 0;
	line-height: 4.4rem;
	margin-left: 3rem
}

@media (max-width: 767px) {
	#container .header.solid {
		background-color: #555a8c
	}
}

.menu-opener {
	display: block;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%) translateX(20%);
	transform: translateY(-50%) translateX(20%);
	right: 2rem;
	cursor: pointer;
}

.menu-opener .menu-label {
	color: #fff;
	font-size: 1rem;
	display: inline-block;
	line-height: 30px;
	margin-right: 0.5em;
	vertical-align: top;
	font-family: "Matter SQ",sans-serif;
}

@media (min-width: 768px) {
	.solid .menu-opener .menu-label {
		color: #555a8c
	}
}

.menu-opener .menu-icon {
	height: 30px;
	width: 30px;
	border: 1px dotted #fff;
	border-radius: 15px;
	display: inline-block;
	vertical-align: top;
}

@media (min-width: 768px) {
	.solid .menu-opener .menu-icon {
		border-color: #555a8c
	}
}

.menu-opener .menu-icon i {
	display: block;
	width: 11px;
	height: 2px;
	top: 13px;
	left: 9px;
	background-color: #fff;
	position: relative;
	transition: all .2s ease-in-out;
}

@media (min-width: 768px) {
	.solid .menu-opener .menu-icon i {
		background-color: #555a8c
	}
}

.menu-opener .menu-icon i:after,.menu-opener .menu-icon i:before {
	display: block;
	width: 5px;
	height: 2px;
	background-color: #fff;
	content: '';
	left: 3px;
	position: absolute;
}

@media (min-width: 768px) {
	.solid .menu-opener .menu-icon i:after,.solid .menu-opener .menu-icon i:before {
		background-color: #555a8c
	}
}

.menu-opener .menu-icon i:before {
	top: -3px;
	transition: all 0.3s
}

.menu-opener .menu-icon i:after {
	top: 3px;
	transition: all 0.3s;
	transition-delay: 0.05s
}

.menu-opener:hover i:after {
	width: 7px;
	left: 0
}

.menu-opener:hover i:before {
	width: 8px;
	left: 0
}

.menu-opener.opened .menu-label {
	pointer-events: none
}

.menu-opener.opened .menu-icon {
	transition: transform 0.3s
}

.menu-opener.opened .menu-icon i {
	top: 13px;
	left: 9px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.menu-opener.opened .menu-icon i:before {
	opacity: 0
}

.menu-opener.opened .menu-icon i:after {
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	width: 11px;
	top: 0px;
	left: 0px
}

.menu-opener.opened .menu-icon:hover {
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.menu-opener.opened .menu-icon:hover i {
	left: 8px
}

.primary-menu {
	margin: 0;
}

@media (max-width: 1024px) {
	.primary-menu {
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%
	}
}

.primary-menu li {
	text-align: center
}

@media (max-width: 1024px) {
	.primary-menu li {
		margin-bottom: 0;
	}

	.primary-menu li:last-child {
		margin-bottom: 0
	}
}

.primary-menu .current-page-ancestor a,.primary-menu .current-menu-item a {
	position: relative
}

.primary-menu .current-page-ancestor a:after,.primary-menu .current-menu-item a:after {
	height: .4rem;
	width: .4rem;
	background-color: #feeeff;
	position: absolute;
	border-radius: 50%;
	left: 50%;
	bottom: 0rem;
	content: '';
	margin-left: -0.2rem
}

.solid .primary-menu .current-page-ancestor a:after,.solid .primary-menu .current-menu-item a:after {
	background-color: #555a8c
}

.primary-menu a {
	padding: 1em;
	display: block;
	color: #fff;
	font-size: 1.25rem;
}

.primary-menu li.on a{color: #fff;background: #d8042d;}

@media (min-width: 1025px) {
	.primary-menu {
		position: static;
		-ms-transform: none;
		transform: none;

		display: inline-block;

		width: auto;
		background: none;
		float: left;
		transition: all .2s ease-in-out
	}

	.primary-menu li {
		float: left;
		text-align: left;
		margin-left: 4.5rem
	}

	.primary-menu a {
		padding: 0;
		line-height: 4.4rem;
		color: #fff
	}

	.solid .primary-menu a {
		color: #555a8c
	}
}

.language-chooser {
	margin: 0
}

@media (max-width: 1024px) {
	.language-chooser {
		position: absolute;
		left: 50%;
		bottom: 3rem;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media (min-width: 1025px) {
	.language-chooser>li {
		margin-left: 4.5rem
	}
}

.language-chooser>li.active {
	display: none
}

.language-chooser>li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 4.2rem;
}
.language-chooser>li a span{ display:inline-block}
.language-chooser>li a span img{ margin:-3px 10px 0 0}

@media (min-width: 768px) {
	.solid .language-chooser>li a {
		color: #555a8c
	}
}

@media (min-width: 1025px) {
	.language-chooser {
		float: right
	}
}

.img-stellar {
	position: absolute;
	width: 4.4rem;
	display: none
}

@media (min-width: 768px) {
	.img-stellar {
		display: block
	}
}



.floor {
	position: relative;
	transition: opacity .4s ease-in-out

}

.floor.animated {
	opacity: 1
}

.bg {
	background: #605ecc;
	background: linear-gradient(#292375, #373094, #605ecc, #bb9cda);
	background-size: 100% 200%;
	animation: sky 30s ease infinite;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.bg.morning {
	background-image: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}

.bg.daytime {
	background-image: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}

.bg.evening {
	background-image: linear-gradient(#292375, #373094, #605ecc, #bb9cda)
}

.bg.night {
	background-image: linear-gradient(#121421, #233248, #4c5166, #a3735c)
}

.preloader {
	transition: background 1s ease-out;
	background: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}

.preloader.morning {
	background: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}

.preloader.daytime {
	background: linear-gradient(#4c558e, #8182cc, #b99bd2, #e4b8dc)
}

.preloader.evening {
	background: linear-gradient(#292375, #373094, #605ecc, #bb9cda)
}

.preloader.night {
	background: linear-gradient(#121421, #233248, #4c5166, #a3735c)
}

#container .menu-opener{right: 2rem;}
#container .menu-opener .menu-label{ color:#fff}
#container .menu-opener .menu-icon{ border:#fff 1px solid}
#container .menu-opener .menu-icon i, #container .menu-opener .menu-icon i:after, #container .menu-opener .menu-icon i:before{ background:#fff}

/*banner*/

.banner_box{position:relative;overflow:hidden;margin-top: 0;height:100vh;}
.banner_box01{ height:600px;}
.banner_box .banner{height: 100vh !important;}
.banner_box .banner ul,
.banner_box .banner li {height: 100vh;overflow: hidden;position: relative;background:#000;}
.banner_box .banner li {position: absolute;top: 0;left: 0;width: 100%;height: 100vh;overflow: hidden;z-index: 1;display: none;}
.banner_box .banner li .fullbg {-webkit-transition: transform 3.2s;-moz-transition: transform 3.2s;-ms-transition: transform 3.2s;transition: transform 3.2s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);width: 100% !important;height: 100% !important;margin-left: 0 !important;}

.banner_box .banner li:nth-child(1){ display:block;}
.banner_box .banner li:nth-child(1) .fullbg{ display:block; -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

.banner_box .banner li .misu { opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -ms-transition: 0.8s ease-out; transition: 0.8s ease-out; }
.banner_box .banner li:first-child .misu{ opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; transition: 0.3s ease-out; }
.banner_box .banner li.current { z-index: 2; }
.banner_box .banner li.current .fullbg { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.banner_box .banner li.current .misu { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.banner_box .banner .cont {position: absolute;top: 0;left: 0;width: 100%;color: #fff;text-align: center;height: 600px;}
.banner_box .banner .cont h1 {font-size: 5.3125rem;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;transition-delay: 0s;font-family: MISTRAL;}
.banner_box .banner .cont .intro {letter-spacing: 10px;font-size: 1.5rem;padding: 0;-webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-ms-transition-delay: 0.6s;transition-delay: 0.6s;font-family: qy;}
.banner_box .banner .cont .intro img{max-width:90%;margin-top: -30px;}
.banner_box .banner .cont .view { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; transition-delay: 0.8s; }
.banner_box .banner .cont .view a { background-color: #090604; color: #fff; width: 132px; height: 34px; line-height: 34px; text-align: center; display: inline-block; margin: 0 auto; overflow: hidden; border-top: solid #634d3a 1px; border-bottom: solid #634d3a 1px; }
.banner_box .banner .cont .view a:after { content: ""; position: absolute; background-color: #c30d0c; top: 0; left: 0; width: 100%; height: 100%; left: -100%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; }
.banner_box .banner .cont .view a:hover:after { left: 0; }
.banner_box .banner .cont .view span { position: relative; z-index: 1; }
.banner_box .banner .scrolltips { position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; color: #fff; z-index: 20; }
.banner_box .banner .scrolltips .pic .icon { width: 24px; height: 43px; background-image: url(../images/icon-mouse.png); }
.banner_box .banner .scrolltips .pic .icon:after { content: ""; position: absolute; width: 1px; height: 10px; background-color: #fff; left: 50%; top: 10px; -webkit-animation: sc 1s infinite; -moz-animation: sc 1s infinite; -ms-animation: sc 1s infinite; animation: sc 1s infinite; }

/*下滑*/
.mouseIco{width: 21px;height: 36px;display: block;margin: 0px auto;border-radius: 6px;position: absolute;left: 50%;margin-left: -11px;bottom: 15px;z-index:900;}
.mouseIco i{width: 1px;height: 36px;border-radius: 1px;display: block;background-color: #fff;position: absolute;left: 50%;margin-left: -1px;-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}


.scrool{height: 28px;width:150px;position:absolute;left:50%;margin-left:-75px;bottom: 75px;text-align:center;z-index:1000;text-transform:uppercase;}
.scrool a{font-size: 14px;color:#fff;}

header .fl img{ height:3rem}

/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.container01{padding: 3rem 0;}
.container01 .box{ text-align:center}
.container01 .box h3{font-size: 14px;color:#000000;font-weight:bold;margin: 0 0 18px;}
.container01 .box h3 span{ display:inline-block; position:relative; overflow:hidden}
.link--kukuri:hover {
	color: #c5c2b8;
}

.link--kukuri::after {
	content: '';
	position: absolute;
	height: 16px;
	width: 100%;
	top: 50%;
	margin-top: -8px;
	right: 0;
	background: #f08200;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.container01 .box:hover h3 .link--kukuri::after {
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.container06 .title:hover .link--kukuri::after {
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.link--kukuri::before {
	content: attr(data-letters);
	position: absolute;
	z-index: 2;
	overflow: hidden;
	color: #d90024;
	white-space: nowrap;
	width: 0%;
	-webkit-transition: width 0.4s 0.3s;
	transition: width 0.4s 0.3s;
}

.container01 .box:hover h3 .link--kukuri::before {
	width: 100%;
}

.container06 .title:hover .link--kukuri::before {
	width: 100%;
}


.container01 .box p{font-size: 11px;line-height:26px;color:#848586;margin-bottom: 26px;}
.container01 ul{font-size:0;text-align:center;padding: 0;margin: 0 -6px;margin-bottom: 3rem;}
.container01 ul li{display:inline-block;width:33.333333%;border-right:#cfd0d2 1px dotted;padding: 0 6px;}
.container01 ul li .icon{position:relative;width: 48px;height: 48px;line-height: 48px;display:inline-block;}
.container01 ul li .icon:before{content:"";position:absolute;background:url(../images/yuan_bg.png) center no-repeat;background-size: cover;left:0;top:0;width: 100%;height: 100%;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 ul li .icon img{position:relative;height: 1.5rem;}
.container01 ul li .con{display:inline-block;padding: 9px 0 0 5px;text-align:left;width: calc(100% - 48px);}
.container01 ul li .con h2{font-size: 13px;color:#3b3d41;margin-bottom:3px;padding-left: 1px;}
.container01 ul li .con h2 big{ font-family:'苹方';}
.container01 ul li .con h2 small{font-size: 11px;color:#848586;margin-left: 5px;}
.container01 ul li .con h5{font-size: 12px;color:#848586;padding: 0;}

.container01 ul li:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
.container01 ul li:hover .icon:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg);  -moz-transform:rotate(180deg);}

.more00.more{ text-align:center}
.more00.more a{display:inline-block;border: #e5e5e5 1px solid;-moz-border-radius: 22px;-webkit-border-radius: 22px;border-radius: 22px;width: 110px;height: 36px;line-height: 34px;font-size: 12px;color: #565656;text-transform:uppercase;position:relative;overflow:hidden;margin: 0 auto;}
.more00.more a span{ position:relative; z-index:10}
.more00.more a:hover{color:#fff;border:#d90024 1px solid;background: #d90024; transition-delay:0.36s}


@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}

.btn-11 {
  position: relative;
  color: #9a7cba;
}
.btn-11:before, .btn-11:after {
  position: absolute;
  top: 50%;
  content: '';
  width: 20px;
  height: 20px;
  background: #d90024;
  border-radius: 50%;
}
.btn-11:before {
  left: -20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*     animation: criss-cross-left 0.8s reverse; */
}
.btn-11:after {
  right: -20px;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  /*     animation: criss-cross-right 0.8s reverse; */
}
.btn-11:hover:before, .btn-11:hover:after {
  /*       @include size($btn-width); */
}
.btn-11:hover:before {
  -webkit-animation: criss-cross-left 0.8s both;
          animation: criss-cross-left 0.8s both;
}
.btn-11:hover:after {
  -webkit-animation: criss-cross-right 0.8s both;
          animation: criss-cross-right 0.8s both;
}

.title00{ text-align:center}
.title00 h3{margin-bottom: 26px;position:relative;}
.title00 h3:before{content:"";position:absolute;width:24px;height:2px;background:#d49d6e;bottom: -1rem;left: 50%;margin-left: -15px;}
.title00 h3 big{font-size: 18px;color:#262626;}
.title00 h3 small{font-size: 12px;color:#4a4b4b;text-transform:uppercase;vertical-align:  bottom;margin-left: 5px;}
.title00 h6{font-size: 12px;color:#8c8d8e;line-height: 18px;}

.header.on{ background:#9a9a9a}

.container02{ padding:3rem 0 1rem; background:#f2f4f6}
.container02 .title00{ text-align:left; margin-bottom:28px;}
.container02 .title00 h3{display:inline-block;margin-bottom:0;margin-bottom: 1rem;}
.container02 .title00 h6{vertical-align:bottom;margin: 0;}
.container02 .title00 h3 small img{ height:1.5rem}
.container02 .title00 h3:before{ display:none}

.container02 ul{ font-size:0; text-align:center}
.container02 ul li{ display:inline-block; *display:inline; *zoom:1; width:33.333333%; text-align:center;margin-bottom: 2rem;}
.container02 ul li .box{ display:inline-block; width:100%; height:; position:relative}
.container02 ul li .box span.y1{position:absolute;top:0;left:0;display:inline-block;width:8.125rem;height:8.125rem;border: #dbdbdb 1px solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.container02 ul li .box span.y2{position:absolute;top:0;left:0;display:inline-block;width:8.125rem;height:8.125rem;border: #dbdbdb 1px solid;background:#ffffff;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;opacity: 0;transform: scale(0.7);-webkit-transform: scale(0.7);visibility: hidden;}
.container02 ul li h5{font-size:1rem;color: #545454;margin-bottom:0.5rem;margin-top:1.5rem;}
.container02 ul li h6{ font-size:12px; color:#caccce; text-transform:uppercase; transform:scale(0.9);}

.container02 ul li .box .icon img{ height:4rem;}


/*配套服务*/
.container03{ padding:3rem 0; background:#f2f4f6;border-top: #dedfe1 1px solid;}
.container03 .title00{ text-align:left; margin-bottom:28px;}
.container03 .title00 h3{display:inline-block;margin-bottom:0;margin-bottom: 1rem;}
.container03 .title00 h6{vertical-align:bottom;margin: 0;}
.container03 .title00 h3 small img{ height:1.5rem}
.container03 .title00 h3:before{ display:none}
.container03 ul{ font-size:0; margin:0 -1px}
.container03 ul li{ display:inline-block; width:25%; position:relative; }
.container03 ul li:nth-child(2){ transition-delay:0.3s}
.container03 ul li:nth-child(3){ transition-delay:0.6s}
.container03 ul li:nth-child(4){ transition-delay:0.9s}
.container03 ul li:nth-child(5){ transition-delay:1.2s}
.container03 ul li:before{ content:""; position:absolute; right:0; top:0; height:100%; background:#d90024; width:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.container03 ul li a{ display:block; margin:0 -0.5px; border:#dcdfe2 1px solid; height:86px; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; overflow:hidden;padding: 1rem 0 0;}
.container03 ul li a .shuzi{position:absolute;left:0;top: -10%;width:100%;height:100%;line-height:278px;text-align:center;font-size:180px;color:#e30c35;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow:hidden;opacity: 0;display: none;}
.container03 ul li a .table{position:relative;padding: 0;}
.container03 ul li a h3{ font-size:12px; color:#2e2f30; font-weight:normal; margin-bottom:8px; position:relative}
.container03 ul li a h3:before{ content:""; position:absolute; top:-12px; width:18px; height:2px; left:50%; margin-left:-9px; background:#f08200}
.container03 ul li a h3:after{ content:""; position:absolute; top:-30px; width:0; height:3px; left:50%; margin-left:-9px; background:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container03 ul li a h5{font-size:12px;color:#a6a7ab;text-transform:uppercase;margin-bottom:16px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: none;}
.container03 ul li a h2 img{height: 20px;}

.container04{ padding:3rem 0 1rem; border-bottom:#e5e5e5 1px solid}
.container04 ul{font-size:0;overflow:hidden;text-align:center;position:relative;z-index:1;padding: 0;}
.container04 ul li{width: 50%;display:inline-block; *display:inline; *zoom:1;text-align:center;position:relative;margin-bottom: 2rem;}
.container04 ul li .yuan{ position:absolute; background:; width:100%; height:159px; left:50%; margin-left:-80px; top:0; mix-blend-mode: multiply; }
.container04 ul li .yuan01{ position:absolute; background:url(../images/baiyuan.png) center no-repeat; width:160px; height:50px; left:50%; margin-left:-80px; bottom:0; mix-blend-mode: multiply; }
.container04 ul li .img{width: ;height: ;line-height: ;display: inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:  relative;z-index: 10;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; background:url(../images/kuang.png) center top no-repeat;background-size: 100%;} 
.container04 ul li .img img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;  filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;height: 7rem;}

.container04 ul li span{display:block;height: 35px;line-height: 35px;font-size: 18px;color: #232425;z-index: 100;text-align: center;text-transform:uppercase;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;font-family: '苹方';text-align: center;margin: -1.5rem 0 0;}
.container04 ul li h4{font-size: 14px;color: #363636;margin: 10px 0 12px;}
.container04 ul li h5{font-size: 11px;color: #8b8b8e;text-transform:  uppercase;line-height: 22px;}

.container05{ padding:3rem 0}
.container05 .title00{ margin-bottom:3rem;}
.container05 ul{ font-size:0; margin:0 -5px; margin-bottom:1rem}
.container05 ul li{ display:inline-block; width:50%; padding:0 5px; margin-bottom:10px;}
.container05 ul li a{ display:block; overflow:hidden; position:relative}
.container05 ul li a:after{ content:""; position:absolute; z-index:8; bottom:0; left:0; width:100%; height:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.container05 ul li a .img{ position:relative}
.container05 ul li a .img:after{ content:""; position:absolute; z-index:1; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.container05 ul li a .img,.container05 ul li a .img img{ width:100%; height:; overflow:hidden}
.container05 ul li a .con{position:absolute;z-index:10;top: 0;left:0;width:100%;height:100%;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;padding:0 15px;}
.container05 ul li a .con .table .table_cell{ vertical-align:middle; padding:0;}
.container05 ul li a .con h5{font-size:14px;color:#ffffff;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.container05 ul li a .con h3{ margin:12px 0 0; height:20px; position:relative}
.container05 ul li a .con h3 .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.container05 ul li a .con h3 .line_1 { width: 20px; height: 1px; margin: -1px 0px 0px -10px; transform: translateX(-40px); -webkit-transform: translateX(-40px); }
.container05 ul li a .con h3 .line_2 { width: 1px; height: 20px; margin: -10px 0px 0px -1px; transform: translateY(40px); -webkit-transform: translateY(40px); }
.container05 ul li a .con h6{font-size:14px;color:#e1a7ac;line-height:26px;max-height:52px;display: none;}

.container05 ul li a .con h3 .line{ transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; transition-delay:1.2s}

.container05 .more{ text-align:center}
.container05 .more a{ display:inline-block; width:120px; height:40px; line-height:40px; background:#d90024; font-size:13px; color:#fff; border-radius:0}

.container06{position:relative;padding: 0 0 3rem;}
.container06 .title{margin-bottom: 24px;text-align:center;}
.container06 .title .title_box{padding: 0 5%;display:inline-block;background:url(../images/maohao01.png) left top no-repeat, url(../images/maohao02.png) right top no-repeat;background-size: 24px;}
.container06 .title h3 big{font-size: 16px;color:#000000;margin:0 17px;font-weight:bold;position:relative;display:  inline-block;}
.container06 .title h4{font-size: 14px;color:#454546;text-transform:uppercase;margin-top:12px;font-family:Futura Md BT;}
.container06 .content{margin-bottom: 3rem;}
.container06 .content p{font-size: 12px;line-height:26px;color:#7e7f82;text-align:center;}
.container06 .wenzi{font-size: 16px;color:#2a2a2a;text-align:center;margin-bottom: 3rem;}

.container06 .line_left{position:absolute;left:0;top: 189px;width:50%;}
.container06 .line_left:before{content:"";position:absolute;height: 1px;background: #e1e3e6;width:0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container06 .line_left:before{width: 865px;right: 92px;}

.container06 .line_left:after{content:"";position:absolute;height: 8px;background: #e6002b;width: 8px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;transition-delay:0.6s;right: 88px;border-radius: 50%;top: -3px;}
.container06 .line_left.aos-animate:after{}

.container06 .line_right{position:absolute;right:0;top: 189px;width:50%;}
.container06 .line_right:before{ content:""; position:absolute; height:1px; background:#e1e3e6; width:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; right:0}
.container06 .line_right:before{width:865px;left: 89px;}

.container06 .line_right:after{content:"";position:absolute;height: 8px;background: #f08200;width: 8px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;transition-delay:0.6s;left: 88px;border-radius: 50%;top: -3px;}
.container06 .line_right.aos-animate:after{}
.container06 .content01{text-align:center;font-size: 0;}
.container06 .content01 .chart{display:inline-block;margin: 0 15px;}
.container06 .wai_box{display:inline-block;position:relative;width: 50%;padding: 0 1rem;}
.container06 .wai_box .pp{font-size:14px;color:#fff;line-height:18px;text-align:center;position:absolute;bottom: 70px;left:0;width:100%;}

.container07{ background:url(../images/container07.jpg) center no-repeat; background-size:cover; padding:3rem 0}
.container07 .title00 h3 big{ width:100%; color:#fff; display:block; margin-bottom:0.5rem}
.container07 .title00 h3 small{ width:100%; color:#fff; display:block; margin:0}
.container07 ul li{ margin-bottom:1rem}

.container08{ padding:3rem 0}
.container08 ul{font-size:0;margin:0 -5px;margin-top: 3rem;margin-bottom: 2rem;}
.container08 ul li{ display:inline-block; width:50%; padding:0 5px; position:relative; }
.container08 ul li .top{overflow:hidden;padding: 0 0 15px;margin-bottom: 5px;border-bottom:#e5e5e7 1px solid;}
.container08 ul li .top .time{ float:left}
.container08 ul li .top .time h3{font-size: 26px;color:#4a4a4a;font-family:'苹方';margin-bottom:4px;}
.container08 ul li .top .time h5{font-size: 12px;color:#4a4a4a;font-family:'苹方';}
.container08 ul li .top span{float:right;font-size: 13px;color:#8a8a8a;width:93px;height:35px;line-height:33px;text-align:center;border:#e5e5e5 1px solid;border-radius:4px;font-family:'苹方';text-transform:capitalize;margin-top: 5px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container08 ul li .con{ position:relative}
.container08 ul li .con:after{content:"";position:absolute;top: -23px;right:0;width:0;height:1px;background: #eb8105;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container08 ul li .con h5{font-size: 13px;color:#323233;height: 45px;line-height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.container08 ul li .con .img,.container08 ul li .con .img img{width:100%;overflow:hidden;height: 120px;}
.container08 ul li .con p{font-size: 12px;color:#a2a3a5;line-height: 20px;height: 40px;overflow:hidden;margin-top: 10px;}


.container09{ padding:3rem 0; background:#2f2f2f; text-align:center}
.container09 .title00 h3 big{color:#de0029;font-size: 20px;}
.container09 .title00 h3 small{ color:#fff}
.container09 .title00 h3:before{ display:none}
.container09 .con{}
.container09 .con.left{ text-align:left}
.container09 .con.left h2{ overflow:hidden}
.container09 .con.right{position:relative;} 
.container09 .con.right h5{font-size: 13px;color: #fff;line-height: 26px;}
.container09 .con.right h3{font-size:2.5rem;color:#373739;margin:1.5rem 0 3.25rem; font-weight:lighter}
.container09 .con.right h3 a{ color:#373739; font-family: bahnschrift;}
.container09 .con.right p{font-size: 13px;color: #fff;line-height: 26px;margin: 1.5rem 0 2rem;}

.container09 .con.right .weixin{bottom:0;right:0;text-align:center;}
.container09 .con.right .weixin img{width: 8rem;}
.container09 .con.right .weixin h5{margin-bottom:0.5rem;margin-top:0.75rem;font-size: 14px;color: #fff;}

.container08 .more{ text-align:center}
.container08 .more a{ display:inline-block; width:120px; height:40px; line-height:40px; background:#d90024; font-size:13px; color:#fff; border-radius:0}

.container09 .more{ text-align:center}
.container09 .more a{ display:inline-block; width:120px; height:40px; line-height:40px; background:#d90024; font-size:13px; color:#fff; border-radius:0}

.container10{font-size:0;padding: 3rem 0 0;background: #2f2f2f;}
.container10 .con{display:inline-block; *display:inline; *zoom:1;position:relative;}
.container10 .con.left{width: 100%;text-align:center;padding: 0 14%;}
.container10 .con.left ul{margin: 0 0 0;}
.container10 .con.left ul li{ display:inline-block; *display:inline; *zoom:1; width:25%; line-height:2.25rem; }
.container10 .con.left ul li a{font-size: 12px;color: #fff;}
.container10 .con.center{width: 100%;text-align:center;margin: 2rem 0;}
.container10 .con.center ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 1.875rem}
.container10 .con.center ul li h3 img{width: 8rem;height: 8rem;}
.container10 .con.center ul li h5{font-size:12px;color: #fff;height:2rem;line-height: 3rem;}

.container10 .con.left dl{font-size:0;padding: 0 8.5%;}
.container10 .con.left dl dt{font-size: 12px;color:#3e3d3d;display: inline-block;}
.container10 .con.left dl .dl_r{display:inline-block;width: calc(100% - 58px);white-space: nowrap;overflow: hidden;margin-left: 10px;}
.container10 .con.left dl dd{display:inline-block;margin-right:10px;line-height: 12px;}
.container10 .con.left dl dd a{font-size:12px;color:#99999c;margin-right: 6px;}


.container10 .con.right{width: 100%;text-align: center;padding: 0 1rem;}
.container10 .con.right h3{ height:1.25rem; line-height:1.25rem; margin-bottom:1.875rem}
.container10 .con.right h3 span{font-size:1.25rem;color: #fff;font-weight:bold;display:  inline-block;}
.container10 .con.right h3 i{display:inline-block;font-style:normal;width:7px;height:7px;border-radius:3.5px;background: #fff;vertical-align: middle;margin: 0 0.5rem;}
.container10 .con.right p{font-size: 10px;color: #d1d1d1;line-height: 24px;}

.container10 .bottom{ border-top:#363636 1px solid; text-align:center; font-size: 11px;color: #d1d1d1;line-height: 24px; padding:10px 0; margin-top:1rem}
.container10 .bottom p a{ color: #d1d1d1;}

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

/*联系*/
.banner_box{margin-top: 0;overflow: hidden;padding: 6.25rem 0 0;}
.n_banner05{ position:relative}
.video_box{position:absolute;width:100%;height:100%;z-index:0;}
.video_box video{position:absolute;z-index:1;top:50%;left:50%;width: 100%;min-height:100%!important;min-width:100%!important;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);filter:alpha(opacity=70);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}

.n_banner05 .layui-container01,.n_banner05 .layui-row,.n_banner05 .layui-col-xs12{ height:100%}
.n_banner05 dl,.n_banner05 dl dt,.n_banner05 dl dd{ height:100%; overflow:hidden}
.n_banner05 dl dt,.n_banner05 dl dd{float:left;width: 50%;border-right:rgba(255,255,255,0.2) 1px solid;height: 50%;border-bottom: rgba(255,255,255,0.2) 1px solid;text-align: center;}
.n_banner05 dl dt .table{}

.n_banner05 dl dt h3{font-size: 2.125rem;color:#fff;font-family:Impact;margin-top: 35px;}
.n_banner05 dl dt h4{font-size: 1.5rem;color:#fff;margin:1.875rem 0 0.875rem;}
.n_banner05 dl dt h2{font-size: 16px;color:#fff;font-weight:bold;margin-bottom: 1.25rem;}
.n_banner05 dl dt h6{font-size:0.9375rem;line-height:1.5rem;color:#fff;text-transform:uppercase;padding: 0 1rem;}

.n_banner05 dl dd h3{height:4.5rem;line-height:4.5rem;margin-bottom: 0.5rem;}
.n_banner05 dl dd h4{ font-size:1.5rem; color:#fff; margin:0 0 1.875rem; text-transform:uppercase; font-weight:bold;}
.n_banner05 dl dd h2{font-size: 1.125rem;color:#fff;margin-bottom:1.125rem;}
.n_banner05 dl dd h5{ font-size:1.125rem; color:#fff; text-transform:uppercase}

.n_banner05 dl dd h6{font-size:1.125rem;line-height:2.1875rem;color:#fff;text-transform:uppercase;margin-bottom: 1rem;padding: 0 1rem;}
.n_banner05 dl dd h5 a{ font-size:0.875rem; color:#fff; text-decoration:underline}
.n_banner05 dl dd ul{ font-size:0}
.n_banner05 dl dd ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 1.25rem; }
.n_banner05 dl dd ul li h5{ font-size:0.875rem; margin-top:0.25rem; color:#fff;}

.n_banner05 dl dt .con{ height: 240px;}
.n_banner05 dl dd .con{position:relative;height: 240px;}
.n_banner05 dl dd{ position:relative}
.n_banner05 dl dd:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}









.n_banner05 dl dd:before{background:rgba(217,0,36,0.75);}

.n_banner05 dl dd:hover:before{ left:0; width:100%}


/*关于*/
.n_banner01 .layui-container01,.n_banner01 .layui-row,.n_banner01 .layui-col-xs12{ height:100%}
.n_banner01 .w1200{ height:100%}
.n_banner01 .fl{width: 100%;text-align:left;}
.n_banner01 .fl h2{font-size: 20px;color:#ffffff;font-weight:bold;position:relative;}
.n_banner01 .fl h2:before{content:"";position:absolute;left:0;bottom: -19px;width: 50px;height: 2px;background: #d90024;}
.n_banner01 .fl h4{font-size: 17px;color:#ffffff;margin: 40px 0 24px;}
.n_banner01 .fl p{font-size: 12px;line-height: 24px;margin-bottom: 15px;color:#ffffff;}
.n_banner01 .fr{}
.n_banner01 .fr ul{font-size:0;float:left;width: 100%;}
.n_banner01 .fr ul li{display:inline-block; *display:inline;*zoom:1;width: 50%;text-align:center;border-left:rgba(255,255,255,0.4) 1px solid;margin: 15px 0;}
.n_banner01 .fr ul li h5{font-size: 14px;color:#fefefe;padding-right: 0;margin-bottom: 6px;}
.n_banner01 .fr ul li h4{margin-bottom: 0rem;height: 3.25rem;}
.n_banner01 .fr ul li h4 span{font-size: 36px;color:#fff;vertical-align: middle;margin: 0 0 0 0.875rem;font-weight:  normal;font-family: Cataneo BT;}
.n_banner01 .fr ul li h4 span.counter{font-size: 32px;color:#fff;font-family: Impact;}
.n_banner01 .fr ul li h4 span.lwy{font-size:65px;color:#fff;font-family: myFirstFont;line-height: 44px; margin-left:12px;}
.n_banner01 .fr ul li h6{font-size: 1rem;color:#fefefe;font-family: Cataneo BT;padding-right: 0;}

.n_about{padding: 2rem 0;}
.n_about .fl01{border-bottom:#e9e8ed 1px solid;padding: 2rem 0 0rem;overflow:hidden;}
.n_about .fl01 .fl{width: 100%;}
.n_about .fl01 .fl h4{font-size: 14px;color:#000000;margin-bottom:20px;}
.n_about .fl01 .fl h2{font-size: 24px;color:#000000;font-weight:bold;margin-bottom:20px;}
.n_about .fl01 .fl h2 font{ color:#d4042c}
.n_about .fl01 .fl h5{font-size: 14px;color:#838384;margin-bottom:20px;}
.n_about .fl01 .fr{width: 100%;}
.n_about .fl01 .fr h4{font-size: 14px;color:#000000;margin-bottom:12px;}
.n_about .fl01 .fr h4 font{ font-weight:600}
.n_about .fl01 .fr h5{font-size: 14px;color: #bcbbc2;margin-bottom: 28px;font-family: Helvetica;}
.n_about .fl01 .fr p{font-size: 12px;color: #666565;line-height: 26px;margin-bottom: 26px;}
.n_about .fl02 .fr ul{margin: 2rem 0;border-right:#e5e5e5 1px solid;}
.n_about .fl02 .fr ul li{border:#e5e5e5 1px solid;text-align:center;padding: 2rem 0;}
.n_about .fl02 .fr ul .miso-slide{ margin-right:-1px}
.n_about .fl02 .fr ul li h3{height: 42px;}
.n_about .fl02 .fr ul li h4{font-size: 16px;color:#000000;}
.n_about .fl02 .fr ul li h6 span{font-size: 12px;color:#9d9d9d;margin:0 10px;}
.n_about .fl02 .fr ul .miso-prev,.n_about .fl02 .fr ul .miso-next{width:36px;height:36px;top: -98px;right:0;}
.n_about .fl02 .fr ul .miso-prev{ background:url(../images/left.png) center no-repeat; left:auto; right:45px}
.n_about .fl02 .fr ul .miso-next{ background:url(../images/right.png) center no-repeat}
.n_about .fl02 .fr ul .miso-prev:hover{ background:url(../images/left_on.png) center no-repeat;}
.n_about .fl02 .fr ul .miso-next:hover{ background:url(../images/right_on.png) center no-repeat}

/*案例*/
.n_banner02{ height:520px;}
.n_banner02 .w1200{height:100%;padding-top: 0;}
.n_banner02 .table{ text-align:left}
.n_banner02.n_banner04 .table{ text-align:left}


.n_news.container08{padding: 1rem 0 3rem;}
.n_news.container08 ul li{margin-bottom: 2rem;}

/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .box{display:inherit;width:100%;text-align: center;}
.j_pages a{width: 32px;height: 32px;line-height: 32px;display:inline-block;margin:0 2px;color: #646466;font-size: 14px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.j_pages a font{font-size: 15px;font-family:SimSun;color: #000;border:  #d3d3d3 1px solid;display:  block;border-radius: 50%;width:  32px;height: 32px;}
.j_pages .on{background: #de0029;color:#fff!important;}
.j_pages a:hover{background: #de0029;color:#fff!important;text-decoration:none;}
.j_pages a:hover font{color:#fff; border: #de0029 1px solid; background: #de0029;}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}


.n_news_detail .content{padding: 3rem 0 3rem;}
.n_news_detail .ar_title{overflow:hidden;margin-bottom: 1rem;}
.n_news_detail .ar_title h3{font-size: 20px;color: #323233;margin-bottom: 5px;line-height: 32px;font-weight:  bold;}
.n_news_detail .ar_title h2{ float:left; width:100%; }
.n_news_detail .ar_title h2 span{font-size: 14px;color: #808080;display:inline-block;line-height: 36px;height: 36px;margin-right: 22px;padding: 0 0 0 24px;}
.n_news_detail .ar_title h2 span a{font-size: 14px;color: #808080;float:left;margin-right: 7px;}
.n_news_detail .ar_title h2 .span1{background:url(../images/time.png) left center no-repeat;background-size: auto 12px;}
.n_news_detail .ar_title h2 .span2{background:url(../images/fx.png) left center no-repeat;background-size: auto 12px;}
.n_news_detail .ar_article{ margin-bottom:3.875rem}
.n_news_detail .fanye{text-align:center;height:  40px;line-height: 40px;margin-bottom: 2rem;}
.n_news_detail .fanye .anniu{ display:inline-block;}
.n_news_detail .fanye .anniu a{ display:inline-block; color:#616161}
.n_news_detail .fanye .anniu a img{ width:2rem}
.n_news_detail .fanye .anniu.anniu01 a{display:inline-block;width:120px;height:40px;line-height:38px;border:#cccccc 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:url(../images/si.png) 20px center no-repeat;padding: 0 0 0 20px;color: #616161; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_news_detail .fanye .anniu.anniu01:hover a{ background:#093e96; padding:0; color:#fff; border:#093e96 1px solid;}
.n_news_detail .fanye span{display:inline-block;padding: 0 25px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size: 14px;color: #666565;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_news_detail .fanye .anniu a b{display:inline-block;font-weight:normal;max-width: 370px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_news_detail .fanye .anniu a:hover span{ color:#d90024}

.n_news_detail .ar_article p{font-size: 12px;}

/*==============分享插件=====================*/
.shart_box{}
.shart_box:hover #j_shart_s_24{ display:block;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{padding-left:60px;position:relative;display: none;height:50px;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{padding-left: 70px;position: absolute;}
#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #838383;font-weight: normal;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}

.bdshare-button-style1-32 a{ width:26px !important; height:26px !important; line-height:26px !important; margin:6px 2px 6px 0 !important;}

.n_news_detail .n_left{width: 100%;}

.end{ margin-bottom:30px; height:20px; border-bottom:#d1d1d1 1px solid; text-align:center}
.end span{display:inline-block;font-size: 13px;color:#404040;text-transform:uppercase;background: #f6f6f6;width: 68px;line-height: 40px;}


.n_news_detail .n_right{width: 100%;box-sizing:border-box;background: #fff;padding: 2rem 1rem;}
.n_news_detail .n_right h4{font-size: 16px;color: #404142;height: 50px;line-height: 50px;margin-bottom: 2rem;font-weight:  bold;border-bottom:  #e2e2e2 2px solid;}
.n_news_detail .n_right h4 small{font-size:14px;color: #163468;margin-left:4px;}
.n_news_detail .n_right .first .img,.n_news_detail .n_right .first .img img{width: 100%;overflow:hidden;}
.n_news_detail .n_right .first .con{padding: 0;margin-top: 25px;}
.n_news_detail .n_right .first .con h5 a{font-size: 14px;color: #323233;}
.n_news_detail .n_right .first .con h6{font-size: 12px;color: #4a4a4a;margin: 14px 0 10px;}
.n_news_detail .n_right .first .con p{font-size: 12px;line-height: 22px;overflow:hidden;height: 44px;color: #868788;margin-top: 12px;}
.n_news_detail .n_right .first .con .more{}
.n_news_detail .n_right .first .con .more a{ display:inline-block; width:130px; height:38px; line-height:38px; text-align:center; margin:0 auto; font-size:14px; color:#fff; background:#187b42; position:relative; overflow:hidden}
.n_news_detail .n_right .first .con .more a:before{ content:""; position:absolute; left:0; bottom:0; height:0; background:#115a2f; width:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; z-index:0}
.n_news_detail .n_right .first .con .more a:hover:before{ top:0; height:50px;}
.n_news_detail .n_right .first .con .more a span{ position:relative; z-index:1}

.n_news_detail .n_right ul{margin-top: 20px;margin-bottom: 20px;}
.n_news_detail .n_right ul li{box-sizing:border-box;margin: 0;color:#7e7e7e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 30px;height: 30px;}
.n_news_detail .n_right ul li h5{}
.n_news_detail .n_right ul li a{color: #404142;font-size: 13px;}
.n_news_detail .n_right ul li a:hover,.n_news_detail .n_right .first .con h5 a:hover{color: #d90024}
.n_news_detail .n_right ul li p{font-size: 13px;line-height: 22px;overflow:hidden;height: 44px;color: #8b8b8b;margin-bottom:16px;margin-top: 10px; white-space:normal}
.n_news_detail .n_right ul li h6{ font-size:12px;color: #2d2d2d;margin:18px 0 0;text-decoration:underline;}
.n_news_detail .n_right .more a{display:inline-block;width:100%;height: 40px;background:#de0029;border-radius:2px;line-height: 40px;text-align:center;font-size: 14px;color:#fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_news_detail .n_right .more a:hover{ background:#f08200}

#fp-nav ul{
    width: 80%;
    padding-left: 20%;
}
#fp-nav ul li a span{display:none;border-radius: 4px;}
#fp-nav ul li a span.fp-sr-only{ background:#353535}
#fp-nav ul li a span.fp-sr-only{display:block;font-size: 11px;color:#fff;}
#fp-nav ul li a.active span.fp-sr-only{background:#d90024;}
#fp-nav ul li:nth-child(4){}

.full_container00{text-align:center;background-size: cover !important;}

.full_container00 .icon{display:inline-block;width: 60px;height: 60px;margin-bottom: 1rem;border-radius:50%;position:relative;margin-top: -5rem;}
.full_container00 .icon:after{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:#d90024; border-radius:50%}
.full_container00 .icon:before{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(217,0,36,0.15); border-radius:50%; transform:scale(1.15)}
.full_container00 .icon img{position:relative;z-index: 1;width: 24px;}
.full_container00 h3{font-size: 18px;color:#ffffff;margin-bottom: 8px;position:relative;}
.full_container00 h3:before{content:"";position:absolute;width:32px;height: 1px;background:#fff;left:50%;margin-left:-172px;top:50%;margin-top:-1.5px;}
.full_container00 h3:after{content:"";position:absolute;width:32px;height: 1px;background:#fff;right:50%;margin-right:-172px;top:50%;margin-top:-1.5px;}

.full_container00 h6{font-size: 12px;color:#ffffff;text-transform:uppercase;margin-bottom: 13px;}
.full_container00 .line{height: 30px;position:relative;margin-bottom: 14px;}
.full_container00 .line:before{content:"";position:absolute;bottom:0;width: 6px;height: 6px;border-radius:50%;border:#fff 1px solid;left: 50%;margin-left: -4px;}
.full_container00 .line:after{content:"";position:absolute;left: 50%;bottom:8px;width:1px;height: 20px;background:#fff;margin-left: -0.5px;}
.full_container00 p{font-size: 12px;color:rgba(255,255,255,0.6);line-height: 24px;}

.full_container01{ background:url(../images/full_container01_bg.jpg) center no-repeat}

.full_container02{ background:url(../images/full_container02_bg.jpg) center no-repeat}
.full_container02 .icon:before{ background:rgba(240,130,0,0.15)}
.full_container02 .icon:after{ background:#f08200}

.full_container03{ background:url(../images/full_container03_bg.jpg) center no-repeat}

.full_container04{ background:url(../images/full_container04_bg.jpg) center no-repeat}
.full_container00 ul{ font-size:0}
.full_container00 ul li{ display:inline-block; padding:0 8px;}
.full_container00 ul li a{display:inline-block;width: 120px;height: 40px;line-height: 40px;background:#d90024;border-radius:4px;font-size: 13px;color:#fff;margin-bottom: 2rem;transition:0.6s;}
.full_container00 ul li a.a1{ background:#f08200}

.full_container05{ background:url(../images/full_container05_bg.jpg) center no-repeat}

.full_container06{ background:url(../images/full_container06_bg.jpg) center no-repeat}

.full_container07{ background:url(../images/full_container07_bg.jpg) center no-repeat}

.full_container08{ background:url(../images/full_container08_bg.jpg) center no-repeat}

.full_container09{ background:url(../images/full_container09_bg.jpg) center no-repeat}

.full_container00 ul li a:hover{ opacity:0.8}

.biaoti{position:fixed;left: 0;bottom: 7px;padding: 0 3%;width: 84%;}
.biaoti dl{
    background: rgba(255,255,255,0.38);
    height: 78px;
    margin: 6px 0;
    border-radius: 6px;
    padding: 0 0 0 7%;
}
.biaoti dl dt{font-size: 15px;color:#fff;font-weight:bold;display: inline-block;width: 45px;line-height: 20px;letter-spacing: 2px;margin: 19px 0;}
.biaoti dl dd{font-size:16px;color:#fff;text-transform:uppercase;display: inline-block;vertical-align: bottom;margin-left: 6px;}

/*案例*/
.n_banner02.n_banner04{height: 520px;}
.n_banner02.n_banner04 .layui-container01,.n_banner02.n_banner04 .layui-row,.n_banner02 .layui-col-xs12{ height:100%}
.n_banner02 .table{ text-align:left}
.n_banner02{height: 520px;}
.n_banner02 h3{font-size: 3.375rem;font-family:Impact;background: linear-gradient(to top, #d90024, #ffc352, #ffc352);-webkit-background-clip: text;color: transparent;}
.n_banner02 h4{font-size: 14px;color:#fff;margin:1.875rem 0 1.25rem;}
.n_banner02 h2{font-size: 20px;color:#fff;font-weight:bold;margin-bottom:1.75rem;}
.n_banner02 h6{font-size:0.875rem;line-height:1.5rem;color:#989898;color:rgba(255,255,255,0.4);text-transform: capitalize;}

.n_banner02.n_banner04 h3{font-size: 3.375rem;font-family:Impact;background: linear-gradient(to top, #d90024, #ffc352, #ffc352);-webkit-background-clip: text;color: transparent;}
.n_banner02.n_banner04 h4{font-size: 14px;color:#fff;margin:1.875rem 0 1.25rem;}
.n_banner02.n_banner04 h2{font-size: 20px;color:#fff;font-weight:bold;margin-bottom:1.75rem;}
.n_banner02.n_banner04 h6{font-size:0.875rem;line-height:1.5rem;color:#989898;color:rgba(255,255,255,0.4);text-transform: capitalize;}

.n_case{padding: 3rem 0;background: #f6f6f6;}
.n_case ul{font-size:0;margin: 0 -5px;margin-bottom: 20px;}
.n_case ul li{width: 50%;display:inline-block; *display:inline; *zoom:1;padding: 0 5px;margin-bottom: 10px;}
.n_case ul li .img{ background:#000}
.n_case ul li .img,.n_case ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_case ul li .img a>img{opacity:0.8;width: 100%;}
.n_case ul li .con{background:#fff;padding: 15px 10px;}
.n_case ul li .con h5,.n_case ul li .con h5 a{font-size: 14px;height: 1.5rem;line-height: 1.5rem;color: #424242;}
.n_case ul li .con h5 a span{display: block;font-weight:bold;height: 1.5rem;line-height: 1.5rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_case ul li .con h5 i{ float:right;}
.n_case ul li .con h5 i img{ max-height:1.5rem}
.n_case ul li .con h6{font-size: 12px;color: #a1a0a0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_case ul li .con hr{margin: 10px 0 15px;}

.n_case ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_case ul li .img .red-bg{background:url(../images/red70.png) center;}
.n_case ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.n_case ul li .img .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.n_case ul li .img .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }

.n_case ul li .box .img:hover .red-bg { opacity: 1; visibility: visible; }
.n_case ul li .box .img:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.n_case ul li .box .img:hover img{ transform:scale(1.05);}

.n_case ul li .con h5 a:hover{ color:#de0029}

.al_select{background: #fff;border-bottom: #e5e5e5 1px solid;}
.al_select ul{font-size:0;text-align:center;border-left: #e5e5e5 1px solid;border-right: #e5e5e5 1px solid;}
.al_select ul li{ width:33.333333%; display:inline-block; *display:inline; *zoom:1; height:5.25rem; line-height:5.25rem; position:relative }
.al_select ul li:after{content:"";position:absolute;width:0;right:0;bottom:-1px;height: 3px;background: #d90024;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.al_select ul li a{ font-size:1rem; color:#353536; display:block;}
.al_select ul li a img{margin-right: 8px;margin-top:-3px;height: 18px;}

.al_select ul li.on:after,.al_select ul li:hover:after{ left:0; width:100%}

.n_cae_detail{padding: 3rem 0;background:#f6f6f6;}
.n_cae_detail .n_case_tit{text-align:center;margin-bottom: 2rem;}
.n_cae_detail .n_case_tit h3{font-size: 18px;color:#1e1d1d;line-height: 40px;font-weight:bold;margin-bottom: 1rem;}
.n_cae_detail .n_case_tit h6{ position:relative}
.n_cae_detail .n_case_tit h6:before{content:"";position:absolute;top: -32px;left:0;width:100%;height:10px;}
.n_cae_detail .n_case_tit h6 span{font-size: 6px;color:#58595b;line-height:30px;margin: 0 10px;}

.n_cae_detail .ar_article p{font-size: 12px;line-height: 26px;color:#58595b;}

.banner_box .n_banner{ height:100%}

.n_banner05 dl dd h3 img{ max-width:3rem}

.section .w1200{ vertical-align:middle}

.piaofu{width: 40px;position:fixed;right:15px;z-index:100000;bottom: 4px;}
.piaofu .anniu{display:inline-block;width: 40px;height: 40px;border-radius: 50%;margin-bottom: 15px;box-sizing: content-box;border: none;position:relative;}
.piaofu .anniu a{display: inline-block;width: 40px;height: 40px;background: #d90024;border-radius: 50%;position: relative;z-index: 1;}
.piaofu .anniu a h4{margin-top: -3px;line-height: 40px;}
.piaofu .anniu a h4 img{height: auto;max-width: 15px;}
.piaofu .anniu:hover{}
.piaofu .anniu:hover a h4{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.piaofu .anniu a h6{ font-size:12px; color:#6a6c6d}
.piaofu .anniu.anniu01,.piaofu .anniu.anniu02{ cursor:pointer; position:relative}
.piaofu .anniu.anniu01 .piao_ewm{border-radius: 2px;position:absolute;left: -109px;bottom: -1px;border: #e5e5e5 1px solid; display:none}
.piaofu .anniu.anniu02{ display:none}
.piaofu .anniu.anniu02 a h4{margin-top:-3px;}

.piaofu .anniu .circle{position:absolute;left: 50%;top: 50%;margin-left: -60px;margin-top: -60px;transform: scale(0.5);z-index: 0;width: 120px;height: 120px;}
.piaofu .anniu .table{ position:relative; z-index:10}

.map { position:relative}
.map .my-map{width:62px;height:70px;position:absolute;top:50%;margin-top: -55px;left:50%;margin-left:-31px; background-size:100% 100% !important; background:url(../images/marker.png) center no-repeat; -webkit-animation-name: bounce; animation-name: bounce; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }

  40% {
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
  }

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

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
  }

  40% {
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
  }

  60% {
	-webkit-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);

  }
}
		
		
.piaofu .anniu .circle span{ background:#d90024}
.piaofu .anniu.anniu02 a{ background:#f08200}
.piaofu .anniu.anniu02 .circle span{ background:rgba(240,130,0)}

.banner-next {z-index: 1000;position: absolute;bottom: 4rem;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;text-align: center;color: #ffffff;}
.banner-next span { display: block; }
.banner-next .next-text {-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;position: relative;top: 65px;}
.banner-next .next-icon {position:relative;width: 18px;height: 31px;background:url(../images/next-icon.png) center no-repeat;background-size: cover;}

.banner-next .next-icon:before{content:"";width: 3px;height: 8px;position:absolute;left:50%;margin-left: -1px;top:50%;margin-top:-7.5px;background:url(../images/icon.png) center no-repeat;-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;}
@keyframes scroll {
  0% { opacity: 0; }
  10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}


.fadeInDown {
  animation-name: fadeInDown;
}


/*==========================================内页 结束=============================================*/


@media(min-width: 768px){
	
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1800px){
}

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

@media(max-width: 1400px){
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
	
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	
}

@media(max-width: 768px){
	
}


@media(max-width: 456px){
	
}