@charset "utf-8";
	@font-face {
	font-family:'HanHei-SC-semibold';
	src:url('../fonts/HanHei-SC-semibold.woff') format('woff')
}
@font-face {
	font-family:'HanHei-SC-text';
	src:url('../fonts/HanHei-SC-text.woff') format('woff')
}
@font-face {
	font-family:'HanHei-SC-thin';
	src:url('../fonts/HanHei-SC-thin.woff') format('woff')
}
.fonts {
	font-family:"HanHei-SC-thin","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	line-height:1.1;
	letter-spacing:0em;
	font-weight:lighter
}
.fontb {
	font-family:"HanHei-SC-semibold","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	line-height:1.1;
	letter-spacing:0em
}
@font-face {
	font-family:'iconfont';
	src:url('../fonts/iconfont.eot?r4v60i');
	src:url('../fonts/iconfont.eot?r4v60i#iefix') format('embedded-opentype'),url('../fonts/iconfont.ttf?r4v60i') format('truetype'),url('../fonts/iconfont.woff?r4v60i') format('woff'),url('../fonts/iconfont.svg?r4v60i#iconfont') format('svg');
	font-weight:normal;
	font-style:normal
}
[class^="icon-"],[class*=" icon-"] {
	font-family:'iconfont' !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.icon-sol-vs-1:before {
	content:"\e95f"
}
.icon-sol-vs-2:before {
	content:"\e960"
}
.icon-sol-vs-3:before {
	content:"\e961"
}
.icon-greenhouse:before {
	content:"\e95e"
}
.icon-arrowdown:before {
	content:"\e919"
}
.icon-arrowleft:before {
	content:"\e91a"
}
.icon-arrowright:before {
	content:"\e91b"
}
.icon-alarm:before {
	content:"\e900"
}
.icon-carbon .path1:before {
	content:"\e91c";
	color:#e4e4e4
}
.icon-carbon .path2:before {
	content:"\e91d";
	margin-left:-1em
}
.icon-control:before {
	content:"\e91e"
}
.icon-crop:before {
	content:"\e91f"
}
.icon-cropplan:before {
	content:"\e920"
}
.icon-cropreckon:before {
	content:"\e921"
}
.icon-eat:before {
	content:"\e922"
}
.icon-edit:before {
	content:"\e923"
}
.icon-erp .path1:before {
	content:"\e924";
	color:#f1f1f1
}
.icon-erp .path2:before,.icon-erp:before {
	content:"\e925";
	margin-left:-1em;
	color:#040000
}
.icon-finance:before {
	content:"\e926"
}
.icon-illumination:before {
	content:"\e927"
}
.icon-mall .path1:before {
	content:"\e928";
	color:#d2d2d2
}
.icon-mall .path2:before,.icon-mall:before {
	content:"\e929";
	margin-left:-1em;
	color:#040000
}
.icon-monitor:before {
	content:"\e92a"
}
.icon-oa:before {
	content:"\e92b"
}
.icon-outplan:before {
	content:"\e92c"
}
.icon-parameter:before {
	content:"\e92d"
}
.icon-qrcode:before {
	content:"\e92e"
}
.icon-shop:before {
	content:"\e92f"
}
.icon-warmmonitor:before {
	content:"\e930"
}
.icon-water:before {
	content:"\e931"
}
.icon-weather:before {
	content:"\e932"
}
.icon-gap-1:before {
	content:"\e933"
}
.icon-gap-2:before {
	content:"\e934"
}
.icon-gap-3:before {
	content:"\e935"
}
.icon-gap-4:before {
	content:"\e936"
}
.icon-gap-5:before {
	content:"\e937"
}
.icon-gap-6:before {
	content:"\e938"
}
.icon-gap-arrow:before {
	content:"\e939"
}
.icon-arrow-next:before {
	content:"\e93a"
}
.icon-arrow-prev:before {
	content:"\e93b"
}
.icon-close:before {
	content:"\e93c"
}
.icon-closed:before {
	content:"\e93d"
}
.icon-menu:before {
	content:"\e93e"
}
.icon-advisory:before {
	content:"\e93f"
}
.icon-sol-crop-1:before {
	content:"\e940"
}
.icon-sol-crop-2:before {
	content:"\e941"
}
.icon-sol-crop-3:before {
	content:"\e942"
}
.icon-sol-crop-4 .path1:before {
	content:"\e943";
	color:#3e4e57
}
.icon-sol-crop-4 .path2:before {
	content:"\e944";
	margin-left:-1em;
	color:#5498d2;
	opacity:.2
}
.icon-sol-crop-5 .path1:before {
	content:"\e945";
	color:#5498d2;
	opacity:.2
}
.icon-sol-crop-5 .path2:before {
	content:"\e946";
	margin-left:-1em;
	color:#3e4e57
}
.icon-sol-crop-6 .path1:before {
	content:"\e947";
	color:#3e4e57
}
.icon-sol-crop-6 .path2:before {
	content:"\e948";
	margin-left:-1em;
	color:#5498d2;
	opacity:.2
}
.icon-sol-crop-7 .path1:before {
	content:"\e949";
	color:#9cd7eb
}
.icon-sol-crop-7 .path2:before {
	content:"\e94a";
	margin-left:-1em;
	color:#112e8c
}
.icon-sol-crop-7 .path3:before {
	content:"\e94b";
	margin-left:-1em;
	color:#112e8c
}
.icon-sol-crop-7 .path4:before {
	content:"\e94c";
	margin-left:-1em;
	color:#5498d2
}
.icon-sol-crop-7 .path5:before {
	content:"\e94d";
	margin-left:-1em;
	color:#5498d2
}
.icon-sol-crop-7 .path6:before {
	content:"\e94e";
	margin-left:-1em;
	color:#5498d2
}
.icon-sol-crop-7 .path7:before {
	content:"\e94f";
	margin-left:-1em;
	color:#5498d2
}
.icon-sol-crop-7 .path8:before {
	content:"\e950";
	margin-left:-1em;
	color:#5498d2
}
.icon-sol-crop-7 .path9:before {
	content:"\e951";
	margin-left:-1em;
	color:#5498d2
}
.icon-sol-crop-8:before {
	content:"\e952"
}
.icon-sol-crop-9:before {
	content:"\e953"
}
.icon-sol-crop-10:before {
	content:"\e954"
}
.icon-sol-crop-11:before {
	content:"\e955"
}
.icon-sol-crop-12:before {
	content:"\e956"
}
.icon-sol-crop-13:before {
	content:"\e95c"
}
.icon-sol-crop-14:before {
	content:"\e95d"
}
.icon-shade:before {
	content:"\e95b"
}
.icon-cool-down:before {
	content:"\e957"
}
.icon-irrigation:before {
	content:"\e958"
}
.icon-pump:before {
	content:"\e959"
}
.icon-shade:before {
	content:"\e95a"
}
.icon-wind:before {
	content:"\e95b"
}
.display {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex
}
.box_orient {
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	box-orient:vertical
}
.align_items_center {
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center
}
.justify_content_center {
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.justify_content_space_between {
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.flex_flow {
	flex-flow:wrap;
	-ms-flex-flow:wrap
}
.white_space {
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis
}
.word_break {
	word-wrap:break-word;
	word-break:break-all
}
.text_ellipsis {
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap
}
.user_select {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.spacing p {
	text-align:center;
	font-size:.8rem;
	color:#999999
}
.spacing p span {
	margin:0 2rem
}
.home-goods {
	background:#f8f8f8;
	overflow:hidden
}
.home-goods .goods-menu {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	padding:0 5%;
	width:auto !important;
	background:white
}
.home-goods .goods-menu li {
	-webkit-box-flex:1 1 16.66666667%;
	-moz-box-flex:1 1 16.66666667%;
	-webkit-flex:1 1 16.66666667%;
	-ms-flex:1 1 16.66666667%;
	flex:1 1 16.66666667%;
	text-align:center;
	padding-bottom:1.2rem;
	position:relative;
	cursor:pointer
}
.home-goods .goods-menu li::before {
	content:'';
	width:0;
	height:0;
	border-left:.5rem solid transparent;
	border-right:.5rem solid transparent;
	border-bottom:.5rem solid #f8f8f8;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-0.5rem;
	display:none
}
.home-goods .goods-menu li i {
	font-size:1.9rem
}
.home-goods .goods-menu li i::before {
	margin:0;
	color:#666
}
.home-goods .goods-menu li p {
	margin-top:.75rem
}
.home-goods .goods-menu li.current {
	cursor:no-drop
}
.home-goods .goods-menu li.current::before {
	display:inline
}
.home-goods .goods-menu li.current p,.home-goods .goods-menu li.current i:before {
	color:#0192ff
}
.home-goods-content .swiper-slide {
	background:#f8f8f8;
	padding:3rem 5%;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex
}
.home-goods-content-left {
	width:25%;
	-webkit-box-flex:inherit;
	-moz-box-flex:inherit;
	-webkit-flex:inherit;
	-ms-flex:inherit;
	flex:inherit
}
.home-goods-content-left h3 {
	font-size:1rem
}
.home-goods-content-left p {
	font-size:.6rem;
	color:#999999;
	line-height:1.3rem;
	margin:1.25rem 0 2.5rem 0;
	text-align:justify
}
.home-goods-content-left a {
	margin-left:2rem;
	display:inline-block;
	color:#0192ff
}
.home-goods-content-right {
	width:75%;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;
	flex-flow:wrap;
	-ms-flex-flow:wrap
}
.home-goods-content-right li {
	width:50%;
	padding:0 0 1.5rem 15%
}
.home-goods-content-right li b {
	font-size:.8rem;
	font-weight:inherit
}
.home-goods-content-right li p {
	font-size:.6rem;
	color:#999999;
	line-height:1.1rem;
	margin-top:.7rem;
	text-align:justify
}
.home-goods-content-right li:nth-of-type(n+5) {
	padding-bottom:0
}
.home-plan {
	position:relative;
	height:37rem;
	background:#666
}
.home-plan .title {
	position:relative;
	z-index:2
}
.home-plan .plan-menu {
	position:absolute;
	top:12rem;
	left:5% !important;
	bottom:auto !important;
	width:10rem !important;
	background:rgba(0,0,0,0.05);
	padding:1.5rem 0;
	text-align:center;
	line-height:3rem;
	z-index:2
}
.home-plan .plan-menu li:hover {
	background:rgba(153,153,153,0.1)
}
.home-plan .plan-menu li.current p {
	color:white;
	font-size:.8rem;
	background:#0192ff;
	margin-left:-0.5rem;
	margin-right:-0.5rem
}
.home-plan-content {
	position:absolute !important;
	top:0;
	bottom:0;
	width:100%;
	overflow: hidden;
}
.home-plan-content .swiper-slide {
	background:white;
	padding:14rem 5% 0 20rem
}
.home-plan-content .swiper-slide h3 {
	font-size:1rem
}
.home-plan-content .swiper-slide h4 {
	font-size:.7rem;
	margin-top:1.5rem
}
.home-plan-content .swiper-slide>p {
	font-size:.7rem;
	color:#999999;
	line-height:1.3rem;
	margin-top:1rem
}
.home-plan-content .swiper-slide ul {
	padding-bottom:2rem
}
.home-plan-content .swiper-slide a {
	margin-left:2rem;
	display:inline-block;
	color:#0192ff
}
.home-plan-content .swiper-slide a.btn {
	color: #333;
}
.home-plan-content .swiper-slide a.btn:hover {
	color:#fff;
	background:#0192ff;
	border-color:#0192ff;
}
.home-plan-content .swiper-slide:nth-of-type(2)>p {
	width:50%;
	color:#666
}
.home-plan-content .swiper-slide:nth-of-type(2) img,
.home-plan-content .swiper-slide:nth-of-type(3) img,
.home-plan-content .swiper-slide:nth-of-type(4) img,
.home-plan-content .swiper-slide:nth-of-type(5) img,
.home-plan-content .swiper-slide:nth-of-type(6) img,
.home-plan-content .swiper-slide:nth-of-type(7) img{
	width:550px;
	margin:2rem 0 0 0
}
.gap-process {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	margin:2rem 0;
	width:85%
}
.gap-process li {
	-webkit-box-flex:1 1 16.66666667%;
	-moz-box-flex:1 1 16.66666667%;
	-webkit-flex:1 1 16.66666667%;
	-ms-flex:1 1 16.66666667%;
	flex:1 1 16.66666667%;
	position:relative;
	text-align:center
}
.gap-process li i {
	font-size:2.2rem
}
.gap-process li::before {
	position:absolute;
	left:-0.4rem;
	top:.7rem;
	font-size:.8rem;
	display:inline-block;
	color:rgba(153,153,153,0.5)
}
.gap-process li p {
	color:#5bc0de;
	font-size:.6rem;
	margin-top:.7rem
}
.news {
	background:#f8f8f8;
	overflow:hidden;
	padding:4rem 5%
}
.news ul {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:wrap;
	-ms-flex-flow:wrap;
	margin-left:-1rem;
	margin-right:-1rem
}
.news ul li {
	width:50%;
	padding:1rem;
	display:inline-block
}
.news ul li .item-box {
	padding:1.5rem;
	background:white;
	overflow:hidden;
	height:100%;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.news ul li .img {
	width:12rem;
	height:8rem;
	overflow:hidden;
	float:left;
	margin-right:2rem
}
.news ul li .img img {
	width:100%;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
	-webkit-transform:scale(1, 1) translateZ(0);
	-moz-transform:scale(1, 1) translateZ(0);
	-ms-transform:scale(1, 1) translateZ(0);
	-o-transform:scale(1, 1) translateZ(0);
	transform:scale(1, 1) translateZ(0)
}
.news ul li h3 {
	font-size:.8rem;
	font-weight:400;
	overflow:hidden;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap
}
.news ul li p,.news ul li span {
	font-size:.6rem;
	color:#999999;
	line-height:1.1rem
}
.news ul li p {
	margin-right:1rem;
	overflow:hidden
}
.news ul li .news-summary {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin-top:.75rem
}
.news ul li .news-summary time {
	width:5rem;
	margin-top:1rem
}
.news ul li:hover .item-box {
	background:#fff;
	box-shadow:0 0 1rem rgba(0,0,0,0.1)
}
.news ul li:hover .img img {
	-webkit-transform:scale(1.1, 1.1) translateZ(0);
	-moz-transform:scale(1.1, 1.1) translateZ(0);
	-ms-transform:scale(1.1, 1.1) translateZ(0);
	-o-transform:scale(1.1, 1.1) translateZ(0);
	transform:scale(1.1, 1.1) translateZ(0)
}
.news-left {
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column
}
.news-left ul {
	padding-left:53%;
	position:relative
}
.news-left ul li {
	width:100%;
	padding:0;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-webkit-flex:1 1 auto;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	border-bottom:1px solid #eee;
	background:transparent
}
.news-left ul li .item-box {
	background:transparent
}
.news-left ul li .img {
	width:6rem;
	height:4rem;
	margin-right:1rem
}
.news-left ul li .news-summary {
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row
}
.news-left ul li .news-summary time {
	width:2.5rem;
	font-size:1rem;
	padding-left:.8rem;
	margin-top:0;
	border-left:1px solid #eee
}
.news-left ul li .news-summary time span {
	font-size:.6rem
}
.news-left ul li:nth-child(1) {
	width:45%;
	position:absolute;
	left:0;
	border-bottom:none
}
.news-left ul li:nth-child(1) .item-box {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column
}
.news-left ul li:nth-child(1) .img {
	width:100%;
	height:12.9rem;
	margin-bottom:1.5rem;
	margin-right:0
}
.news-left ul li:last-child {
	border-bottom:none
}
.news-left ul li p {
	height:2.2rem
}
.news .btn {
	margin:2rem auto 0
}
.home-app p {
	text-align:center;
	font-size:.8rem;
	color:#999999
}
.home-app p span {
	margin:0 2rem
}
.home-app img {
	width:60%;
	display:block;
	margin:3rem auto
}
.user {
	height:9rem;
	padding:0 8%;
	position:relative
}
.user .user-content {
	overflow:hidden;
	margin-bottom:2rem
}
.user .user-content ul {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex
}
.user .user-content ul li {
	-webkit-box-flex:1 1 10%;
	-moz-box-flex:1 1 10%;
	-webkit-flex:1 1 10%;
	-ms-flex:1 1 10%;
	flex:1 1 10%;
	padding:0 1rem;
	margin-left:30px
}
.user .user-content ul li img {
	height:2.75rem;
	display:block
}
.user .icon-arrow-next,.user .icon-arrow-prev {
	position:absolute;
	top:.8rem;
	left:5%;
	font-size:1.2rem;
	cursor:pointer;
	color:rgba(153,153,153,0.2);
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.user .icon-arrow-next:active,.user .icon-arrow-prev:active {
	color:rgba(0,168,0,0.9) !important
}
.user .icon-arrow-next[aria-disabled="true"],.user .icon-arrow-prev[aria-disabled="true"] {
	color:rgba(153,153,153,0.2) !important
}
.user .icon-arrow-next {
	right:5%;
	left:auto
}
.user .user-pagination {
	position:relative;
	text-align:center
}
.user .user-pagination span {
	margin:0 .25rem
}
.user .user-pagination span:hover {
	background:#0192ff
}
.user:hover .icon-arrow-next,.user:hover .icon-arrow-prev {
	color:rgba(153,153,153,0.9)
}
.map {
	width:100%;
	height:20rem;
	background:url(../images/map.jpg) no-repeat center;
	background-size:cover;
	position:relative
}
.map::before {
	content:'';
	position:absolute;
	width:100%;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.1)
}
.breadcrumbs {
	padding:0 5%;
	height:50px;
	line-height:49px;
	display:block;
	text-align:right;
	color:#999999;
	font-size:14px;
	position:relative
}
.breadcrumbs.bg {
	background:#f8f8f8
}
.breadcrumbs #crumbs {
	line-height:2.5rem;
	border-bottom:1px solid #eee
}
.breadcrumbs a {
	color:#999999
}
.breadcrumbs span {
	display:inline-block
}
.price-wrapper {
	padding:0 7%
}
.price-content {
	display:table;
	line-height:2.5rem;
	position:relative;
	width:100%;
	padding:1.5rem 0 1.5rem 25%
}
.price-content::after {
	content:'';
	border-bottom:1px solid #eee;
	position:absolute;
	left:25%;
	right:0;
	bottom:0
}
.price-content.line::after {
	left:0
}
.price-content.removeline::after {
	display:none
}
.price-content .btn {
	position:absolute;
	left:0;
	top:6rem
}
.price-content h3 {
	position:absolute;
	left:0;
	font-size:1rem
}
.price-content ul {
	display:table-row
}
.price-content ul li {
	width:25%;
	display:table-cell;
	color:#666;
	padding:0 1rem;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.price-content ul li b {
	color:#182F3F
}
.price-content ul li del {
	color:rgba(153,153,153,0.5)
}
.price-content ul:hover li {
	background:rgba(0,0,0,0.02);
	color:#182F3F
}
.price-header {
	height:2.5rem
}
.price-header .price-content {
	padding:0 7% 0 28.5%;
	background:white;
	z-index:2
}
.price-header .price-content::after {
	left:0;
	right:0
}
.price-header ul {
	position:relative
}
.price-header ul li {
	font-size:.8rem;
	color:#182F3F
}
.price-header ul:hover li {
	background:transparent
}
.price-title {
	position:absolute;
	left:7%
}
.price-title span {
	font-weight:500;
	display:none
}
.price-title .btn {
	top:50%;
	padding:0 .8rem;
	margin-left:120%;
	margin-top:-0.8rem;
	line-height:1.6rem;
	visibility:hidden
}
.about-wrapper {
	padding:0 5%
}
.about-info {
	line-height:1.5rem;
	overflow:hidden;
	margin-bottom:4rem
}
.about-info .company-img {
	width:39.5%;
	padding-bottom:20%;
	background-size:cover;
	float:left;
	margin:.5rem 5rem 2.5rem 0
}
.about-info p {
	text-indent:1.5rem;
	margin-bottom:1rem;
	text-align:justify
}
.about-photo {
	margin-bottom: 100px;
}
.about-photo ul {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:wrap;
	-ms-flex-flow:wrap
}
.about-photo ul li {
	-webkit-box-flex:1 1 25%;
	-moz-box-flex:1 1 25%;
	-webkit-flex:1 1 25%;
	-ms-flex:1 1 25%;
	flex:1 1 25%;
	position:relative;
	overflow:hidden
}
.about-photo ul li img {
	width:100%;
	display:block;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
	-webkit-transform:scale(1, 1) translateZ(0);
	-moz-transform:scale(1, 1) translateZ(0);
	-ms-transform:scale(1, 1) translateZ(0);
	-o-transform:scale(1, 1) translateZ(0);
	transform:scale(1, 1) translateZ(0)
}
.about-photo ul li:before {
	content:'';
	background:black;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	opacity:.3;
	z-index:1;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out
}
.about-photo ul li:hover::before {
	opacity:0
}
.about-photo ul li:hover img {
	-webkit-transform:scale(1.1, 1.1) translateZ(0);
	-moz-transform:scale(1.1, 1.1) translateZ(0);
	-ms-transform:scale(1.1, 1.1) translateZ(0);
	-o-transform:scale(1.1, 1.1) translateZ(0);
	transform:scale(1.1, 1.1) translateZ(0)
}
.cert-photo ul {
	margin-left: -20px;
	margin-right: -20px;
}
.cert-photo ul li {
  -webkit-box-flex: 1 12.5%;
  -moz-box-flex: 1 12.5%;
  -webkit-flex: 1 12.5%;
  -ms-flex: 1 12.5%;
  flex: 1 12.5%;
  padding-right: 1rem;
	height: 80px;
	background: #f3f3f3;
	display: flex;
	align-items: center;
	padding: 20px;
	margin: 20px;
	border-radius: 5px;
}
.cert-photo ul li span {
	margin-right: 10px;
	color: #0192ff;
	font-weight: bold;
}
.cert-photo ul li:before {
  display: none;
}
.cert-photo ul li:hover img {
  -webkit-transform: scale(1, 1) translateZ(0);
  /* Safari 和 Chrome */
  -moz-transform: scale(1, 1) translateZ(0);
  /* Firefox */
  -ms-transform: scale(1, 1) translateZ(0);
  /* IE 9 */
  -o-transform: scale(1, 1) translateZ(0);
  /* Opera */
  transform: scale(1, 1) translateZ(0);
}
.about-job {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:wrap;
	-ms-flex-flow:wrap;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin-bottom:4rem
}
.about-job-content {
	line-height:1.5rem;
	padding:1rem 0;
	width:50%
}
.about-job-content:nth-child(odd) {
	padding-right:1.5rem
}
.about-job-content:nth-child(even) {
	padding-left:1.5rem
}
.about-job-content h4 {
	font-size:.8rem;
	margin-bottom:1.5rem
}
.about-job-content h4,.about-job-content b {
	font-weight:400;
	margin-top:.5rem;
	display:block
}
.about-job-content p {
	color:#999999
}
.about-email {
	float:right;
	padding:.5rem 1rem;
	margin-bottom:.4rem;
	background:rgba(0,0,0,0.02);
	border-radius:1rem;
	color:#0192ff;
	font-size:.6rem;
	cursor:pointer;
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	-ms-transition:background .3s ease-in-out;
	-o-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out
}
.about-email:hover {
	background:rgba(0,0,0,0.06)
}
.contact p {
	margin:.2rem 0 .5rem 0 !important;
	text-align:right
}
#job {
	padding-top:5rem
}
.content h1 {
	text-align:center;
	margin:4rem 5% 0;
	overflow:hidden;
	line-height:2rem
}
.content .detail {
	margin:0 auto;
	max-width:60rem;
	padding:4rem 5%
}
@media only screen and (max-width:1024px) {
	.content .detail {
	padding:0 5%
}
}.content .detail img {
	max-width:100%
}
.content .detail p {
	font-size:.8rem;
	line-height:2;
	margin:1rem 0;
	text-align:justify;
	word-wrap:break-word;
	word-break:break-all
}
.content .detail .page {
	padding:5rem 0 0
}
.content .detail .page a {
	border-radius:.15rem;
	background-color:rgba(153,153,153,0.1)
}
.content .detail .page a:hover {
	background-color:rgba(153,153,153,0.15)
}
.content .detail .page span {
	margin:0 .2rem;
	height:1.5rem;
	min-width:1.5rem;
	color:#999999;
	font-size:.75rem;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	background:#182F3F;
	color:white;
	border-radius:.15rem;
	cursor:not-allowed
}
.content .detail ul {
	list-style:initial;
	overflow:auto;
	padding:.5rem 1.5rem;
	border-radius:.15rem;
	line-height:1.6rem
}
.content .detail ul li {
	list-style:initial;
	text-indent:.5rem
}
.content .detail ol {
	list-style:initial;
	overflow:auto;
	padding:.5rem 0 .5rem 1.8rem;
	border-radius:.15rem;
	background:rgba(51,51,51,0.95);
	position:relative
}
.content .detail ol li {
	list-style:decimal;
	text-indent:1rem;
	line-height:2.2;
	color:white;
	position:relative
}
.content .detail ol li:nth-child(even) {
	background:rgba(0,0,0,0.05)
}
.content .detail ol li code {
	font-size:.6rem;
	background-color:rgba(255,255,255,0.1);
	color:#57b4fd
}
.content .detail ol::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:2rem;
	background:rgba(51,51,51,0.98)
}
.content .detail code {
	border-radius:.1rem;
	color:#de6764;
	margin:0 .1rem;
	padding:.15rem .25rem;
	white-space:pre-wrap;
	background-color:#f8f8f8;
	font-family:Roboto Mono,Monaco,courier,monospace
}
.content .detail a {
	color:var(--theme-color, #0192ff);
	font-weight:600;
	text-decoration:underline
}
.content .detail a:hover {
	color:#34515e
}
.planing {
	padding:3rem 5% 6rem
}
.planing ul {
	background:url("../images/planing.jpg") no-repeat center;
	background-size:30%;
	position:relative;
	padding-bottom:20%
}
.planing ul li {
	width:34%;
	position:absolute
}
.planing ul li i {
	font-size:2rem;
	vertical-align:middle;
	margin-right:.5rem
}
.planing ul li .caption {
	font-size:1rem;
	color:#182F3F;
	margin:0
}
.planing ul li:nth-child(1) {
	left:0;
	top:0
}
.planing ul li:nth-child(2) {
	right:0;
	top:0
}
.planing ul li:nth-child(3) {
	left:0;
	bottom:0
}
.planing ul li:nth-child(4) {
	right:0;
	bottom:0
}
.planing ul li:nth-child(2n+1) p {
	text-align:right
}
.planing ul li:nth-child(2n+1) p i {
	margin-right:0;
	margin-left:.5rem
}
.planing ul li p {
	font-size:.6rem;
	color:#999999;
	line-height:1.1rem;
	margin:.5rem 0
}
.crop-task {
	background:#f8f8f8;
	padding:0 5%;
	padding-bottom:4rem
}
.crop-task .desc {
	text-align:center;
	padding:0 10%;
	line-height:1.1rem
}
.trace {
	background:url("../images/farm-trace.png") no-repeat center bottom;
	background-size:100%;
	padding-bottom:26%
}
.monitor {
	background:#f8f8f8;
	padding:0 5%;
	padding-bottom:2rem
}
.monitor ul {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:wrap;
	-ms-flex-flow:wrap
}
.monitor ul li {
	-webkit-box-flex:1 1 33.33333333%;
	-moz-box-flex:1 1 33.33333333%;
	-webkit-flex:1 1 33.33333333%;
	-ms-flex:1 1 33.33333333%;
	flex:1 1 33.33333333%;
	text-align:center;
	padding:0 3%;
	margin:2.5rem 0
}
.monitor ul li i {
	font-size:2.5rem
}
.monitor ul li p {
	font-size:.6rem;
	color:#999999;
	line-height:1.1rem
}
.monitor ul li p:nth-of-type(1) {
	color:#182F3F;
	font-size:.9rem;
	margin:1rem 0 1.5rem
}
.report {
	padding:0 5%;
	padding-bottom:4.5rem
}
.report p {
	text-align:center;
	font-size:.8rem;
	color:#999999
}
.report p span {
	margin:0 2rem
}
.report img {
	width:70%;
	display:block;
	margin:6rem auto 2.5rem
}
.report .desc {
	font-size:.6rem;
	text-align:center;
	color:#999999
}
.stock {
	background:#f8f8f8;
	padding:0 5%;
	padding-bottom:5rem
}
.stock ul {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex
}
.stock ul li {
	width:50%;
	text-align:center
}
.stock ul li img {
	width:3.5rem
}
.stock ul li h6 {
	font-size:.9rem;
	font-weight:400;
	margin:1.5rem 0 1rem
}
.stock ul li .desc {
	font-size:.6rem;
	color:#999999;
	margin-bottom:2rem
}
.stock ul li p {
	color:#182F3F
}
.stock ul li p span {
	margin:0 1rem
}
.sol-crop-info {
	background:#f8f8f8
}
.sol-crop-info p {
	margin:0 12%;
	padding:2.5rem 0;
	position:relative;
	font-size:.8rem;
	line-height:1.5rem
}
.sol-crop-info p span {
	position:absolute;
	left:-1.5rem;
	font-size:3.5rem;
	color:rgba(153,153,153,0.4)
}
.sol-crop-info p span:last-of-type {
	left:auto;
	right:-1.5rem;
	bottom:1rem
}
.sol-crop-type {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	padding:0 10%;
	margin:0 -2rem
}
.sol-crop-type li {
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	padding:2rem;
	padding-top:0
}
.sol-crop-type li .crop-type-box {
	border:1px solid #eee;
	text-align:center;
	padding:2rem;
	display:block;
	position:relative;
	border-radius:.3rem;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.sol-crop-type li .crop-type-box:hover {
	cursor:pointer;
	border:1px solid rgba(24,47,63,0.2);
	box-shadow:0 0 1rem rgba(0,0,0,0.08);
	margin-top:-0.5rem
}
.sol-crop-type li .crop-type-box * {
	position:relative;
	z-index:2
}
.sol-crop-type li .crop-type-box::after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:1;
	opacity:0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.sol-crop-type li:nth-child(1) a::after {
	background:url(../../visfarm.c../images/s-map.jpg) no-repeat center -160px;
	background-size:40vw
}
.sol-crop-type li:nth-child(1) a:hover i {
	opacity:0
}
.sol-crop-type li:nth-child(1) a:hover::after {
	opacity:.8
}
.sol-crop-type li:nth-child(2) a::after {
	background:url(../../visfarm.c../images/s-monitor.jpg) no-repeat center -30px;
	background-size:contain
}
.sol-crop-type li:nth-child(2) a:hover i {
	opacity:0
}
.sol-crop-type li:nth-child(2) a:hover::after {
	opacity:.8
}
.sol-crop-type li:nth-child(3) a::after {
	background:url(../../visfarm.c../images/s-sys.jpg) no-repeat center top;
	background-size:contain
}
.sol-crop-type li:nth-child(3) a:hover i {
	opacity:0
}
.sol-crop-type li:nth-child(3) a:hover::after {
	opacity:.8
}
.sol-crop-type li i {
	font-size:5rem;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.sol-crop-type li h4 {
	font-size:.9rem;
	font-weight:inherit;
	margin:1rem 0 .5rem
}
.sol-crop-type li p {
	color:#999999
}
.sol-crop-type li p span {
	color:#333333
}
.sol-crop-type li p:last-of-type {
	margin-top:2rem
}
.sol-crop-cost {
	margin:0 10%
}
.sol-crop-cost img {
	width:100%
}
.sol-crop-cost.trace01 {
	margin-top:-4rem
}
.sol-crop-cost ul {
	overflow:hidden
}
.sol-crop-cost ul li {
	width:16.66666667%;
	float:left;
	text-align:center;
	padding:2rem 0
}
.sol-crop-cost ul li i {
	width:3rem;
	height:3rem;
	line-height:3rem;
	border-radius:3rem;
	display:inline-block;
	position:relative
}
.sol-crop-cost ul li i::before {
	font-size:1.8rem;
	color:white
}
.sol-crop-cost ul li h5 {
	font-size:.8rem;
	font-weight:initial;
	padding-top:1rem
}
.sol-crop-cost ul li p {
	font-size:.6rem;
	padding-top:.5rem;
	line-height:1.4
}
.sol-crop-cost ul li p span {
	display:inline-block;
	margin:0 4px;
	color:#999
}
.sol-crop-cost ul li:nth-child(1) i {
	background:#ea3e16;
	box-shadow:0 0 0 4px rgba(234,62,22,0.4),0 0 0 8px rgba(234,62,22,0.2)
}
.sol-crop-cost ul li:nth-child(2) i {
	background:#ea8e16;
	box-shadow:0 0 0 4px rgba(234,142,22,0.4),0 0 0 8px rgba(234,142,22,0.2)
}
.sol-crop-cost ul li:nth-child(3) i {
	background:#5c482d;
	box-shadow:0 0 0 4px rgba(92,72,45,0.4),0 0 0 8px rgba(92,72,45,0.2)
}
.sol-crop-cost ul li:nth-child(4) i {
	background:#0a98e2;
	box-shadow:0 0 0 4px rgba(10,152,226,0.4),0 0 0 8px rgba(10,152,226,0.2)
}
.sol-crop-cost ul li:nth-child(5) i {
	background:#1fa7b7;
	box-shadow:0 0 0 4px rgba(31,167,183,0.4),0 0 0 8px rgba(31,167,183,0.2)
}
.sol-crop-cost ul li:nth-child(6) i {
	background:#50737b;
	box-shadow:0 0 0 4px rgba(80,115,123,0.4),0 0 0 8px rgba(80,115,123,0.2)
}
.sol-crop-cost ul li:nth-child(7) i {
	background:#5f78af;
	box-shadow:0 0 0 4px rgba(95,120,175,0.4),0 0 0 8px rgba(95,120,175,0.2)
}
.sol-crop-cost ul li:nth-child(8) i {
	background:#bd54af;
	box-shadow:0 0 0 4px rgba(189,84,175,0.4),0 0 0 8px rgba(189,84,175,0.2)
}
.sol-crop-cost ul li:nth-child(9) i {
	background:#a5435a;
	box-shadow:0 0 0 4px rgba(165,67,90,0.4),0 0 0 8px rgba(165,67,90,0.2)
}
.sol-crop-cost ul li:nth-child(10) i {
	background:#586b8d;
	box-shadow:0 0 0 4px rgba(88,107,141,0.4),0 0 0 8px rgba(88,107,141,0.2)
}
.sol-crop-cost ul li:nth-child(11) i {
	background:#6ea3a4;
	box-shadow:0 0 0 4px rgba(110,163,164,0.4),0 0 0 8px rgba(110,163,164,0.2)
}
.sol-crop-cost ul li:nth-child(12) i {
	background:#5ca03b;
	box-shadow:0 0 0 4px rgba(92,160,59,0.4),0 0 0 8px rgba(92,160,59,0.2)
}
.sol-crop-trace {
	margin:0 15%
}
.sol-crop-trace .gap-process {
	width:100%
}
.sol-crop-trace .gap-process li i {
	font-size:2rem
}
.sol-crop-trace .gap-process li p {
	font-size:.6rem;
	color:#333333
}
.sol-green-info {
	width:80%;
	margin:0 auto;
	font-size:.8rem;
	line-height:2;
	margin-top:-2rem
}
.sol-green-info img {
	margin:0 auto;
	display:block
}
.sol-green-arc {
	margin-top:4rem;
	background:rgba(0,0,0,0.03)
}
.sol-green-arc img {
	margin:0 auto;
	display:block
}
.sol-green-desc {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	width:80%;
	margin:0 auto;
	padding:5rem 0;
	border-bottom:1px solid #eee
}
.sol-green-desc img {
	width:40%
}
.sol-green-desc img~.sol-green-desc-con {
	padding-left:4rem
}
.sol-green-desc-con .title {
	text-align:left;
	padding:0 0 1rem
}
.sol-green-desc-con p {
	line-height:2;
	font-size:.8rem;
	text-align:left
}
.sol-green-desc:nth-child(2n+1) {
	direction:rtl
}
.sol-green-desc:nth-child(2n+1) .sol-green-desc-con {
	padding-left:0;
	padding-right:4rem
}
.sol-vs {
	position:relative;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex
}
.sol-vs-l,.sol-vs-r {
	-webkit-box-flex:0 0 50%;
	-moz-box-flex:0 0 50%;
	-webkit-flex:0 0 50%;
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	height:37.5rem;
	color:white;
	position:relative;
	background-size:cover !important
}
.sol-vs-l h3,.sol-vs-r h3 {
	font-size:1.7rem;
	max-width:27rem;
	margin:4rem auto 0;
	font-family:"HanHei-SC-semibold","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	line-height:1.1;
	letter-spacing:0em;
	padding:0 2rem
}
.sol-vs-l ul,.sol-vs-r ul {
	max-width:27rem;
	margin:0 auto;
	padding:2rem
}
.sol-vs-l ul li,.sol-vs-r ul li {
	position:relative;
	padding-left:3rem;
	margin-top:2.5rem
}
.sol-vs-l ul li h4,.sol-vs-r ul li h4 {
	font-size:1rem;
	font-family:"HanHei-SC-semibold","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	line-height:1.1;
	letter-spacing:0em
}
.sol-vs-l ul li p,.sol-vs-r ul li p {
	font-size:.8rem;
	line-height:1.6;
	margin-top:1rem;
	color:rgba(255,255,255,0.7)
}
.sol-vs-l ul li::before,.sol-vs-r ul li::before {
	position:absolute;
	top:0;
	left:0;
	font-size:2rem
}
.sol-vs-i {
	position:absolute;
	z-index:1;
	right:0;
	top:50%;
	width:5rem;
	height:5rem;
	margin:-2.5rem -2.5rem 0 0;
	border-radius:2.5rem;
	background-color:white;
	text-align:center;
	font-size:2.5rem;
	color:black;
	font-family:"HanHei-SC-semibold","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	line-height:1.1;
	letter-spacing:0em;
	line-height:5rem
}
.case-container {
	background:#f8f8f8
}
.case-box {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	width:80%;
	margin:0 auto 2rem
}
.case-item {
	-webkit-box-flex:0 0 calc(25% - 1rem);
	-moz-box-flex:0 0 calc(25% - 1rem);
	-webkit-flex:0 0 calc(25% - 1rem);
	-ms-flex:0 0 calc(25% - 1rem);
	flex:0 0 calc(25% - 1rem);
	margin:0 .5rem
}
.case-img {
	width:100%;
	height:11rem;
	overflow:hidden;
	position:relative
}
.case-img img {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
	-webkit-transform:scale(1, 1) translate3d(-50%, -50%, 0);
	-moz-transform:scale(1, 1) translate3d(-50%, -50%, 0);
	-ms-transform:scale(1, 1) translate3d(-50%, -50%, 0);
	-o-transform:scale(1, 1) translate3d(-50%, -50%, 0);
	transform:scale(1, 1) translate3d(-50%, -50%, 0)
}
.case-img .thumbnail-h {
	height:100%
}
.case-img .thumbnail-w {
	width:100%
}
.case-img:hover img {
	-webkit-transform:scale(1.1, 1.1) translate3d(-45.5%, -45.5%, 0);
	-moz-transform:scale(1.1, 1.1) translate3d(-45.5%, -45.5%, 0);
	-ms-transform:scale(1.1, 1.1) translate3d(-45.5%, -45.5%, 0);
	-o-transform:scale(1.1, 1.1) translate3d(-45.5%, -45.5%, 0);
	transform:scale(1.1, 1.1) translate3d(-45.5%, -45.5%, 0)
}
.case-title {
	font-size:.8rem;
	margin-top:.5rem;
	line-height:1.2rem
}
html {
	min-width:320px;
	overflow-x:hidden;
	font-size:20px
}
html,body {
	color:#34515e;
	line-height:1;
	height:100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
	-webkit-font-smoothing:antialiased
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,span,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;
	padding:0;
	list-style:none;
	-webkit-text-size-adjust:none;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box
}
body {
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-size:.7rem;
	letter-spacing:0
}
ins,a {
	text-decoration:none;
	-webkit-transition:color .3s ease-in-out;
	-moz-transition:color .3s ease-in-out;
	-ms-transition:color .3s ease-in-out;
	-o-transition:color .3s ease-in-out;
	transition:color .3s ease-in-out;
	color:#182F3F
}
a:hover {
	text-decoration:none;
	color:#0192ff
}
a:not([href]) {
	cursor:pointer;
}
input::-ms-clear {
	display:none
}
input[type=button],input[type=text],input[type=password],[type=tel],[type=number],[type=url],[type=email],button,textarea,input,[role="button"] {
	border:none;
	-webkit-appearance:none;
	outline:none;
	resize:none
}
input::-webkit-input-placeholder {
	font-weight:normal;
	color:rgba(0,0,0,0.3)
}
textarea::-webkit-input-placeholder {
	color:rgba(0,0,0,0.2);
	line-height:1.3
}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance:none;
	margin:0
}
input[type="number"] {
	-moz-appearance:textfield
}
.text-center {
	text-align:center
}
.fr {
	float:right !important
}
.fl {
	float:left !important
}
main,.animsition {
	height:100%;
	position:relative
}
.pull-left {
	float:left !important
}
.pull-right {
	float:right !important
}
.maxWidth {
	margin:0 auto;
	max-width:60rem;
	padding:4rem 5%
}
@media only screen and (max-width:1024px) {
	.maxWidth {
	padding:0 5%
}
}.hide {
	display:none !important
}
.content {
	position:relative;
	background:white
}
.content.pd {
	padding:0 2.2rem
}
.content.bg-light {
	background:#f8f8f8
}
.content.overflow {
	overflow:hidden
}
.content .content-head {
	max-width:60rem;
	padding:4rem 5%;
	overflow:hidden;
	margin:0 auto;
	padding:1rem 0;
	border-bottom:1px solid #eee
}
@media only screen and (max-width:1024px) {
	.content .content-head {
	padding:0 5%
}
}.content .content-head .meta {
	margin:0;
	padding:0;
	border-top:none;
	float:right
}
.content .content-head .meta span {
	font-size:.7rem;
	margin-right:1rem
}
.content .content-head .meta span::before {
	font-size:.75rem
}
.content .content-head .tags {
	margin:0;
	color:rgba(153,153,153,0.9);
	font-size:.7rem;
	float:left
}
.content .content-head .tags a {
	color:rgba(153,153,153,0.9)
}
.content .content-head .tags a:hover {
	color:#182F3F
}
.width-100 {
	width:100%
}
.height {
	height:3.5rem
}
header {
	width:100%
}
header.fixed-height {
	height:3.5rem
}
header.fixed {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:white;
	z-index:23;
	-webkit-transition:transform .45s cubic-bezier(.215, .61, .355, 1);
	-moz-transition:transform .45s cubic-bezier(.215, .61, .355, 1);
	-ms-transition:transform .45s cubic-bezier(.215, .61, .355, 1);
	-o-transition:transform .45s cubic-bezier(.215, .61, .355, 1);
	transition:transform .45s cubic-bezier(.215, .61, .355, 1);
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
header.fixed.fixed-page {
	-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)
}
header .header {
	position:fixed;
	left:0;
	right:0;
	padding:0 2rem;
	z-index:20;
	height:3.5rem;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-transition:transform .45s cubic-bezier(.215, .61, .355, 1);
	-moz-transition:transform .45s cubic-bezier(.215, .61, .355, 1);
	-ms-transition:transform .45s cubic-bezier(.215, .61, .355, 1);
	-o-transition:transform .45s cubic-bezier(.215, .61, .355, 1);
	transition:transform .45s cubic-bezier(.215, .61, .355, 1);
	-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)
}
header .header .logo,header .header .apply {
	position:absolute;
	left:2rem;
	top:.7rem
}
header .header .apply {
    top:.55rem;
    display: none;
}
header .header .icon-logo {
	width: 42px;
    border-radius: 8px;
    overflow: hidden;
    display: none;
}
header .header .icon-logo img {
	display: block;
	width: 100%;
}
header .header .apply {
	left:auto;
	right:2rem;
	width:5.5rem;
	padding: .4rem;
	text-align:center;
	color:#eee;
	border-radius:.15rem;
	background:rgba(245,245,245,0.15);
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-ms-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in
}
header .header .apply p {
	margin-top: 3px;
}
header .header .apply::before {
	display:inline-block;
	margin-right:.25rem
}
header .header .apply:hover {
	background:rgba(245,245,245,0.2);
	color:white
}
header .header .menu-btn {
	position:absolute;
	top:.25rem;
	right:.5rem;
	font-size:1rem;
	width:1.8rem;
	height:1.8rem;
	line-height:1.8rem;
	text-align:center;
	color:white;
	border-radius:.15rem;
	display:none;
	-webkit-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
	-ms-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	transition:all .3s ease-in
}
header .header .menu-btn:hover {
	background:rgba(245,245,245,0.2);
	color:white
}
.pageHeader {
	margin:0 auto;
	max-width:60rem;
	padding:4rem 5%;
	height:3.5rem;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
@media only screen and (max-width:1024px) {
	.pageHeader {
	padding:0 5%
}
}.pageHeader h1 {
	font-size:1rem;
	position:relative;
	padding-left:1rem;
	color:#182F3F;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	width:60%
}
.pageHeader h1::before {
	content:'';
	position:absolute;
	left:0;
	width:.2rem;
	height:1rem;
	background:#182F3F
}
.pageHeader .meta {
	margin:0;
	padding:0;
	border-top:none
}
.pageHeader .meta span {
	font-size:.7rem;
	margin-right:2rem
}
.pageHeader .meta span:last-child {
	margin:0
}
.meta {
	margin:1rem 5% .5rem;
	padding:1rem 0;
	border-top:1px solid #eee
}
.meta span {
	font-size:.7rem;
	color:#999999;
	margin-right:.75rem
}
.meta span::before {
	font-size:.7rem;
	vertical-align:middle;
	margin:0 .25rem .1rem 0;
	display:inline-block
}
.meta span.active {
	cursor:pointer
}
.meta span.active:hover {
	color:#333333
}
.meta span:last-child {
	margin-right:0 !important
}
footer {
	width:100%;
	position:relative;
	padding:3rem 5%;
	background:#3E3E3E;
	color:#aaa;
	overflow:hidden;
    display: flex;
    justify-content: center;
}
footer ul {
	float:left;
	margin-right:10%
}
footer ul li {
	line-height:1.75rem;
	font-size:.7rem
}
footer ul li a {
	color:#aaa
}
footer ul li:first-child {
	font-size:.8rem;
	color:white;
	margin-bottom:1rem
}
footer ul li span:hover {
	cursor:pointer;
	color:#0192ff
}
footer ul:last-child {
	margin-right:0
}
.copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    min-height: 2.5rem;
    line-height: 2;
    text-align: center;
    background: #3e3e3e;
    color: rgba(255,255,255,0.5);
    border-top: 1px solid #545353;
}
.copyright a {
	color:rgba(255,255,255,0.5)
}
.copyright a:hover {
	color:#0192ff
}
.backup {
	width:2rem;
	height:2rem;
	line-height:2rem;
	position:fixed;
	right:1rem;
	bottom:2rem;
	z-index:999;
	background:rgba(0,0,0,0.5);
	text-align:center;
	color:white;
	font-size:1rem;
	cursor:pointer;
	visibility:hidden;
	opacity:0;
	border-radius:.15rem;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.backup i {
	display:inline-block;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg)
}
.backup:hover {
	background:rgba(0,0,0,0.4)
}
.application {
	width:41rem;
	height:32rem;
	margin:0 auto;
	padding:1rem 2rem 0 2rem;
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	z-index:9999;
	background:white;
	margin:-14.5rem 0 0 -20.5rem;
	box-shadow:0 0 2rem rgba(0,0,0,0.1);
	border-radius:.3rem
}
.application .icon-closed {
	position:absolute;
	top:.5rem;
	right:.5rem;
	width:2rem;
	height:2rem;
	line-height:2rem;
	text-align:center;
	font-size:1.5rem;
	cursor:pointer;
	color:#ddd;
	-webkit-transition:color .2s ease-in-out;
	-moz-transition:color .2s ease-in-out;
	-ms-transition:color .2s ease-in-out;
	-o-transition:color .2s ease-in-out;
	transition:color .2s ease-in-out
}
.application .icon-closed:hover {
	color:#999999
}
.application .icon-closed:active {
	color:#de6764
}
.application-title {
	padding:1rem 0;
	font-size:.8rem
}
.application-title span {
	color:#999999;
	font-size:.6rem
}
.application .checklist {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:wrap;
	-ms-flex-flow:wrap;
	margin-bottom:2rem
}
.application .checklist .checkbox-wrap {
	margin-right:.5rem;
	margin-bottom:.5rem
}
.application .checklist .checkbox-wrap:last-child {
	margin-right:0
}
.application ul li {
	line-height:2.5rem
}
.application ul li label {
	width:4rem;
	display:inline-block
}
.application ul li label.radio-wrap {
	width:auto;
	margin-left:1rem;
	margin-right:0
}
.application ul li input {
	width:50%;
	font-size:.7rem;
	height:2rem;
	padding:0 .5rem;
	border:1px solid #eee;
	border-radius:.15rem;
	background:#f8f8f8
}
.application ul li input:focus {
	background:rgba(153,153,153,0.1)
}
.application ul li input.error {
	border:1px solid #de6764;
	background:rgba(240,173,78,0.1);
	box-shadow:0 0 .5rem rgba(222,103,100,0.2)
}
.application ul li p {
	line-height:1rem
}
.application .btn {
	margin:1.5rem 0 0 4.2rem
}
.applayer {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index:9998;
	display:none
}
.fade-center-in {
	-webkit-animation:fadeincenter .4s forwards 1;
	-o-animation:fadeincenter .4s forwards 1;
	animation:fadeincenter .4s forwards 1
}
.fade-center-out {
	-webkit-animation:fadeoutcenter .4s forwards 1;
	-o-animation:fadeoutcenter .4s forwards 1;
	animation:fadeoutcenter .4s forwards 1
}
.fade-in {
	-webkit-animation:fadein .3s forwards 1;
	-o-animation:fadein .3s forwards 1;
	animation:fadein .3s forwards 1
}
.fade-out {
	-webkit-animation:fadeout .3s forwards 1;
	-o-animation:fadeout .3s forwards 1;
	animation:fadeout .3s forwards 1
}
.fade-top-out {
	-webkit-animation:fadeouttop .6s forwards 1;
	-o-animation:fadeouttop .6s forwards 1;
	animation:fadeouttop .6s forwards 1
}
.city-picker-select {
	display:inline-block
}
.city-picker-select select {
	border:1px solid #eee;
	background:#f8f8f8;
	border-radius:.15rem;
	color:#333;
	font-size:.7rem;
	outline:none;
	max-width:8rem;
	height:2rem;
	line-height:2rem;
	margin-right:.5rem
}
.menu-a {
	padding:0 1.5rem
}
.submenu-a {
	position:relative;
	color:white;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:start;
	-moz-box-align:start;
	-ms-flex-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start
}
.border-bottom {
	border-bottom:1px solid rgba(238,238,238,0.1)
}
.menu-a-font {
	font-family:'iconfont';
	font-size:.6rem;
	margin-left:.3rem;
	color:#999
}
nav {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex
}
nav .menu {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex
}
nav .menu li {
	position:relative;
	white-space:nowrap;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex
}
nav .menu li a {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-webkit-flex:1 1 auto;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	padding:0 1.5rem;
	color:#ddd;
	font-size:.75rem
}
nav .menu li a strong {
	font-weight:400
}
nav .menu li a:hover {
	color:#57b4fd
}
nav .menu li a:hover::after {
	color:#57b4fd !important
}
nav .menu li.has-children>a::after {
	content:'\e919';
	font-family:'iconfont';
	font-size:.6rem;
	margin-left:.3rem;
	color:#999
}
nav .menu li.current-menu-item>a,nav .menu li.current-menu-ancestor>a,nav .menu li.current-post-ancestor>a,nav .menu li.current-category-ancestor>a {
	color:#57b4fd
}
nav .menu li:hover>a {
	color:#57b4fd
}
nav .menu li:hover>a::after {
	color:#57b4fd
}
nav .menu li:hover>.sub-menu {
	visibility:visible;
	opacity:1
}
nav .menu li:nth-child(1)>.sub-menu {
	-webkit-transform:translate3d(-17.5%, 0, 0);
	-moz-transform:translate3d(-17.5%, 0, 0);
	-ms-transform:translate3d(-17.5%, 0, 0);
	-o-transform:translate3d(-17.5%, 0, 0);
	transform:translate3d(-17.5%, 0, 0)
}
nav .menu li:nth-child(3)>.sub-menu {
	-webkit-transform:translate3d(-20.5%, 0, 0);
	-moz-transform:translate3d(-20.5%, 0, 0);
	-ms-transform:translate3d(-20.5%, 0, 0);
	-o-transform:translate3d(-20.5%, 0, 0);
	transform:translate3d(-20.5%, 0, 0)
}
nav .menu li>.sub-menu li.current-menu-item,nav .menu li>.sub-menu li.current-menu-ancestor,nav .menu li>.sub-menu li.current-post-ancestor,nav .menu li>.sub-menu li.current-category-ancestor {
	background:rgba(153,153,153,0.1)
}
nav .menu li>.sub-menu li.current-menu-item>a,nav .menu li>.sub-menu li.current-menu-ancestor>a,nav .menu li>.sub-menu li.current-post-ancestor>a,nav .menu li>.sub-menu li.current-category-ancestor>a {
	color:#57b4fd !important
}
nav .menu li>.sub-menu li.current-menu-item::before,nav .menu li>.sub-menu li.current-menu-ancestor::before,nav .menu li>.sub-menu li.current-post-ancestor::before,nav .menu li>.sub-menu li.current-category-ancestor::before {
	color:#57b4fd !important
}
nav .menu.menu-evert-1,nav .menu.menu-evert-2 {
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center
}
nav .menu.menu-evert-1>li>a,nav .menu.menu-evert-2>li>a {
	line-height:2.2rem;
	overflow:hidden;
	margin-bottom:.5rem;
	margin-top:.5rem
}
nav .menu.menu-evert-1>li>a span,nav .menu.menu-evert-2>li>a span {
	position:relative;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
nav .menu.menu-evert-1>li>a span::after,nav .menu.menu-evert-2>li>a span::after {
	position:absolute;
	left:0;
	color:#0192ff;
	content:attr(data-title);
	-webkit-transform:translate3d(0, 100%, 0);
	-moz-transform:translate3d(0, 100%, 0);
	-ms-transform:translate3d(0, 100%, 0);
	-o-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
nav .menu.menu-evert-1>li:hover>a span,nav .menu.menu-evert-2>li:hover>a span,nav .menu.menu-evert-1>li.current-menu-item>a span,nav .menu.menu-evert-2>li.current-menu-item>a span,nav .menu.menu-evert-1>li.current-menu-ancestor>a span,nav .menu.menu-evert-2>li.current-menu-ancestor>a span {
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
nav .menu.menu-evert-2>li>a span {
	-webkit-transition:all .6s cubic-bezier(.785, .135, .15, .86) 100ms;
	-moz-transition:all .6s cubic-bezier(.785, .135, .15, .86) 100ms;
	-ms-transition:all .6s cubic-bezier(.785, .135, .15, .86) 100ms;
	-o-transition:all .6s cubic-bezier(.785, .135, .15, .86) 100ms;
	transition:all .6s cubic-bezier(.785, .135, .15, .86) 100ms
}
nav .menu.menu-evert-2>li>a span::after {
	color:transparent;
	-webkit-transition:all .6s cubic-bezier(.785, .135, .15, .86) 100ms;
	-moz-transition:all .6s cubic-bezier(.785, .135, .15, .86) 100ms;
	-ms-transition:all .6s cubic-bezier(.785, .135, .15, .86) 100ms;
	-o-transition:all .6s cubic-bezier(.785, .135, .15, .86) 100ms;
	transition:all .6s cubic-bezier(.785, .135, .15, .86) 100ms
}
nav .menu.menu-evert-2>li:hover>a span {
	color:transparent
}
nav .menu.menu-evert-2>li:hover>a span::after {
	color:#0192ff
}
nav .menu.menu-evert-2>li.current-menu-item>a span::after,nav .menu.menu-evert-2>li.current-menu-ancestor>a span::after {
	color:#0192ff
}
nav .menu .sub-menu {
	position:absolute;
	top:100%;
	left:50%;
	background:#393D39;
	visibility:hidden;
	opacity:0;
	box-shadow:0 .25rem 1rem rgba(0,0,0,0.1);
	max-height:calc(100vh - 5rem);
	overflow:auto;
	-webkit-transform:translate3d(-50%, 0, 0);
	-moz-transform:translate3d(-50%, 0, 0);
	-ms-transform:translate3d(-50%, 0, 0);
	-o-transform:translate3d(-50%, 0, 0);
	transform:translate3d(-50%, 0, 0);
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
nav .menu .sub-menu li {
	border-bottom:1px solid rgba(238,238,238,0.1);
	position:relative
}
nav .menu .sub-menu li::before {
	position:absolute;
	left:.85rem;
	top:.85rem;
	margin:0;
	color:rgba(255,255,255,0.6);
	font-size:1rem
}
nav .menu .sub-menu li a {
	font-size:.7rem;
	padding:.3rem 1rem 1rem 2.5rem;
	position:relative;
	color:white;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:start;
	-moz-box-align:start;
	-ms-flex-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	line-height:2rem
}
nav .menu .sub-menu li a span,nav .menu .sub-menu li a::after {
	display:inline-block;
	font-size:.6rem;
	color:rgba(255,255,255,0.5)
}
nav .menu .sub-menu li a span {
	width:18.5rem;
	white-space:initial;
	line-height:1.1rem
}
nav .menu .sub-menu li a::after {
	content:attr(title);
	line-height:1.1rem;
	color:rgba(255,255,255,0.7)
}
nav .menu .sub-menu li a:hover {
	color:#57b4fd;
	background:rgba(153,153,153,0.1)
}
nav .menu .sub-menu li a:hover::after {
	color:rgba(255,255,255,0.7) !important
}
nav .menu .sub-menu li:last-child {
	border-bottom:none
}
nav .menu .sub-menu li.has-children>a::after {
	content:'\e91b';
	font-family:'iconfont';
	font-size:.6rem;
	margin-left:.3rem;
	color:#999;
	position:absolute;
	right:.8rem;
	top:50%;
	-webkit-transform:translate3d(0, -50%, 0);
	-moz-transform:translate3d(0, -50%, 0);
	-ms-transform:translate3d(0, -50%, 0);
	-o-transform:translate3d(0, -50%, 0);
	transform:translate3d(0, -50%, 0)
}
nav .menu .sub-menu li:hover::before {
	color:#57b4fd
}
nav .menu .sub-menu li:hover>.sub-menu {
	visibility:visible;
	opacity:1
}
nav .menu .sub-menu li:hover.has-children>a {
	color:#0192ff
}
nav .menu .sub-menu li:hover.has-children>a::after {
	color:#0192ff
}
nav .menu .sub-menu .sub-menu {
	left:100%;
	top:0%;
	visibility:hidden;
	opacity:0;
	-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);
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s
}
nav .menu.submenu-right li:hover>.sub-menu {
	right:50%
}
nav .menu.submenu-right .sub-menu {
	left:auto;
	right:50%;
	-webkit-transform:translate3d(50%, 0, 0);
	-moz-transform:translate3d(50%, 0, 0);
	-ms-transform:translate3d(50%, 0, 0);
	-o-transform:translate3d(50%, 0, 0);
	transform:translate3d(50%, 0, 0)
}
nav .menu.submenu-right .sub-menu li:hover>.sub-menu {
	left:auto;
	right:100%
}
nav .menu.submenu-right .sub-menu li.has-children>a::before {
	content:'\e91a';
	font-family:'iconfont';
	font-size:.6rem;
	margin-left:.3rem;
	color:#999;
	margin-left:auto;
	margin-right:.3rem;
	position:absolute;
	left:.8rem;
	top:50%;
	-webkit-transform:translate3d(0, -50%, 0);
	-moz-transform:translate3d(0, -50%, 0);
	-ms-transform:translate3d(0, -50%, 0);
	-o-transform:translate3d(0, -50%, 0);
	transform:translate3d(0, -50%, 0)
}
nav .menu.submenu-right .sub-menu li.has-children>a::after {
	display:none
}
nav .menu.submenu-right .sub-menu .sub-menu {
	right:100%;
	-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)
}
nav .menu.submenu-up li:hover>.sub-menu {
	top:100%
}
nav .menu.submenu-up .sub-menu {
	top:120%
}
nav .menu.submenu-up .sub-menu li:hover>.sub-menu {
	top:0%
}
nav .menu.submenu-up .sub-menu .sub-menu {
	top:20%
}
nav .menu.submenu-down li:hover>.sub-menu {
	top:100%
}
nav .menu.submenu-down .sub-menu {
	top:80%
}
nav .menu.submenu-down .sub-menu li:hover>.sub-menu {
	top:0%
}
nav .menu.submenu-down .sub-menu .sub-menu {
	top:-20%
}
nav .menu.submenu-l-left li:hover>.sub-menu {
	left:50%
}
nav .menu.submenu-l-left .sub-menu {
	left:70%
}
nav .menu.submenu-l-left .sub-menu li:hover>.sub-menu {
	left:100%
}
nav .menu.submenu-l-left .sub-menu .sub-menu {
	left:120%
}
nav .menu.submenu-r-right li:hover>.sub-menu {
	right:50%
}
nav .menu.submenu-r-right .sub-menu {
	right:70%
}
nav .menu.submenu-r-right .sub-menu li:hover>.sub-menu {
	right:100%
}
nav .menu.submenu-r-right .sub-menu .sub-menu {
	right:120%
}
nav .icon-closed {
	display:none
}
.subnav {
	height:3rem
}
.subnav-wrapper {
	padding:0 5%;
	background:white;
	z-index:2
}
.subnav-wrapper ul {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	height:3rem;
	padding:0 1%;
	line-height:3rem;
	border-bottom:1px solid #eee
}
.subnav-wrapper ul li {
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	text-align:center
}
.subnav-wrapper ul li a {
	display:inline-block;
	padding:0 15%;
	font-size:.8rem;
	position:relative
}
.subnav-wrapper ul li a:hover {
	background:rgba(0,0,0,0.05)
}
.subnav-wrapper ul li.active a::after {
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	border-bottom:2px solid #0192ff
}
.subnav-wrapper.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%
}
.arrow-base {
	content:'';
	width:0;
	height:0
}
@keyframes fadeoutbottom {
	0% {
	-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)
}
100% {
	-webkit-transform:translate3d(0, 100%, 0);
	-moz-transform:translate3d(0, 100%, 0);
	-ms-transform:translate3d(0, 100%, 0);
	-o-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
}@-webkit-keyframes fadeoutbottom {
	0% {
	-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)
}
100% {
	-webkit-transform:translate3d(0, 100%, 0);
	-moz-transform:translate3d(0, 100%, 0);
	-ms-transform:translate3d(0, 100%, 0);
	-o-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
}@-moz-keyframes fadeoutbottom {
	0% {
	-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)
}
100% {
	-webkit-transform:translate3d(0, 100%, 0);
	-moz-transform:translate3d(0, 100%, 0);
	-ms-transform:translate3d(0, 100%, 0);
	-o-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
}@-ms-keyframes fadeoutbottom {
	0% {
	-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)
}
100% {
	-webkit-transform:translate3d(0, 100%, 0);
	-moz-transform:translate3d(0, 100%, 0);
	-ms-transform:translate3d(0, 100%, 0);
	-o-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
}@-o-keyframes fadeoutbottom {
	0% {
	-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)
}
100% {
	-webkit-transform:translate3d(0, 100%, 0);
	-moz-transform:translate3d(0, 100%, 0);
	-ms-transform:translate3d(0, 100%, 0);
	-o-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
}@keyframes fadeinbottom {
	from {
	opacity:0;
	-webkit-transform:translate3d(0, 100%, 0);
	-moz-transform:translate3d(0, 100%, 0);
	-ms-transform:translate3d(0, 100%, 0);
	-o-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-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)
}
}@-webkit-keyframes fadeinbottom {
	from {
	opacity:0;
	-webkit-transform:translate3d(0, 100%, 0);
	-moz-transform:translate3d(0, 100%, 0);
	-ms-transform:translate3d(0, 100%, 0);
	-o-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-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)
}
}@-moz-keyframes fadeinbottom {
	from {
	opacity:0;
	-webkit-transform:translate3d(0, 100%, 0);
	-moz-transform:translate3d(0, 100%, 0);
	-ms-transform:translate3d(0, 100%, 0);
	-o-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-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)
}
}@-ms-keyframes fadeinbottom {
	from {
	opacity:0;
	-webkit-transform:translate3d(0, 100%, 0);
	-moz-transform:translate3d(0, 100%, 0);
	-ms-transform:translate3d(0, 100%, 0);
	-o-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-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)
}
}@-o-keyframes fadeinbottom {
	from {
	opacity:0;
	-webkit-transform:translate3d(0, 100%, 0);
	-moz-transform:translate3d(0, 100%, 0);
	-ms-transform:translate3d(0, 100%, 0);
	-o-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-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)
}
}@keyframes fadeouttop {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}@-webkit-keyframes fadeouttop {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}@-moz-keyframes fadeouttop {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}@-ms-keyframes fadeouttop {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}@-o-keyframes fadeouttop {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}@keyframes fadeintop {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
100% {
	opacity:1;
	-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)
}
}@-webkit-keyframes fadeintop {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
100% {
	opacity:1;
	-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)
}
}@-moz-keyframes fadeintop {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
100% {
	opacity:1;
	-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)
}
}@-ms-keyframes fadeintop {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
100% {
	opacity:1;
	-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)
}
}@-o-keyframes fadeintop {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	-moz-transform:translate3d(0, -100%, 0);
	-ms-transform:translate3d(0, -100%, 0);
	-o-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
100% {
	opacity:1;
	-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)
}
}@keyframes fadeoutleft {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(-100%, 0, 0);
	-moz-transform:translate3d(-100%, 0, 0);
	-ms-transform:translate3d(-100%, 0, 0);
	-o-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
}@-webkit-keyframes fadeoutleft {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(-100%, 0, 0);
	-moz-transform:translate3d(-100%, 0, 0);
	-ms-transform:translate3d(-100%, 0, 0);
	-o-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
}@-moz-keyframes fadeoutleft {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(-100%, 0, 0);
	-moz-transform:translate3d(-100%, 0, 0);
	-ms-transform:translate3d(-100%, 0, 0);
	-o-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
}@-ms-keyframes fadeoutleft {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(-100%, 0, 0);
	-moz-transform:translate3d(-100%, 0, 0);
	-ms-transform:translate3d(-100%, 0, 0);
	-o-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
}@-o-keyframes fadeoutleft {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(-100%, 0, 0);
	-moz-transform:translate3d(-100%, 0, 0);
	-ms-transform:translate3d(-100%, 0, 0);
	-o-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
}@keyframes fadeinleft {
	0% {
	opacity:0;
	-webkit-transform:translate3d(-30%, 0, 0);
	-moz-transform:translate3d(-30%, 0, 0);
	-ms-transform:translate3d(-30%, 0, 0);
	-o-transform:translate3d(-30%, 0, 0);
	transform:translate3d(-30%, 0, 0)
}
100% {
	opacity:1;
	-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)
}
}@-webkit-keyframes fadeinleft {
	0% {
	opacity:0;
	-webkit-transform:translate3d(-30%, 0, 0);
	-moz-transform:translate3d(-30%, 0, 0);
	-ms-transform:translate3d(-30%, 0, 0);
	-o-transform:translate3d(-30%, 0, 0);
	transform:translate3d(-30%, 0, 0)
}
100% {
	opacity:1;
	-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)
}
}@-moz-keyframes fadeinleft {
	0% {
	opacity:0;
	-webkit-transform:translate3d(-30%, 0, 0);
	-moz-transform:translate3d(-30%, 0, 0);
	-ms-transform:translate3d(-30%, 0, 0);
	-o-transform:translate3d(-30%, 0, 0);
	transform:translate3d(-30%, 0, 0)
}
100% {
	opacity:1;
	-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)
}
}@-ms-keyframes fadeinleft {
	0% {
	opacity:0;
	-webkit-transform:translate3d(-30%, 0, 0);
	-moz-transform:translate3d(-30%, 0, 0);
	-ms-transform:translate3d(-30%, 0, 0);
	-o-transform:translate3d(-30%, 0, 0);
	transform:translate3d(-30%, 0, 0)
}
100% {
	opacity:1;
	-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)
}
}@-o-keyframes fadeinleft {
	0% {
	opacity:0;
	-webkit-transform:translate3d(-30%, 0, 0);
	-moz-transform:translate3d(-30%, 0, 0);
	-ms-transform:translate3d(-30%, 0, 0);
	-o-transform:translate3d(-30%, 0, 0);
	transform:translate3d(-30%, 0, 0)
}
100% {
	opacity:1;
	-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)
}
}@keyframes fadeoutright {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	-moz-transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-o-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
}@-webkit-keyframes fadeoutright {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	-moz-transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-o-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
}@-moz-keyframes fadeoutright {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	-moz-transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-o-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
}@-ms-keyframes fadeoutright {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	-moz-transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-o-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
}@-o-keyframes fadeoutright {
	0% {
	opacity:1;
	-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)
}
100% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	-moz-transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-o-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
}@keyframes fadeinright {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	-moz-transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-o-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
100% {
	-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)
}
}@-webkit-keyframes fadeinright {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	-moz-transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-o-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
100% {
	-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)
}
}@-moz-keyframes fadeinright {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	-moz-transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-o-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
100% {
	-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)
}
}@-ms-keyframes fadeinright {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	-moz-transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-o-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
100% {
	-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)
}
}@-o-keyframes fadeinright {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	-moz-transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-o-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
100% {
	-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)
}
}@keyframes fadeoutcenter {
	0% {
	opacity:1;
	-webkit-transform:scale3d(1, 1, 1);
	-moz-transform:scale3d(1, 1, 1);
	-ms-transform:scale3d(1, 1, 1);
	-o-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
100% {
	opacity:0;
	-webkit-transform:scale3d(.5, .5, .5);
	-moz-transform:scale3d(.5, .5, .5);
	-ms-transform:scale3d(.5, .5, .5);
	-o-transform:scale3d(.5, .5, .5);
	transform:scale3d(.5, .5, .5)
}
}@-webkit-keyframes fadeoutcenter {
	0% {
	opacity:1;
	-webkit-transform:scale3d(1, 1, 1);
	-moz-transform:scale3d(1, 1, 1);
	-ms-transform:scale3d(1, 1, 1);
	-o-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
100% {
	opacity:0;
	-webkit-transform:scale3d(.5, .5, .5);
	-moz-transform:scale3d(.5, .5, .5);
	-ms-transform:scale3d(.5, .5, .5);
	-o-transform:scale3d(.5, .5, .5);
	transform:scale3d(.5, .5, .5)
}
}@-moz-keyframes fadeoutcenter {
	0% {
	opacity:1;
	-webkit-transform:scale3d(1, 1, 1);
	-moz-transform:scale3d(1, 1, 1);
	-ms-transform:scale3d(1, 1, 1);
	-o-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
100% {
	opacity:0;
	-webkit-transform:scale3d(.5, .5, .5);
	-moz-transform:scale3d(.5, .5, .5);
	-ms-transform:scale3d(.5, .5, .5);
	-o-transform:scale3d(.5, .5, .5);
	transform:scale3d(.5, .5, .5)
}
}@-ms-keyframes fadeoutcenter {
	0% {
	opacity:1;
	-webkit-transform:scale3d(1, 1, 1);
	-moz-transform:scale3d(1, 1, 1);
	-ms-transform:scale3d(1, 1, 1);
	-o-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
100% {
	opacity:0;
	-webkit-transform:scale3d(.5, .5, .5);
	-moz-transform:scale3d(.5, .5, .5);
	-ms-transform:scale3d(.5, .5, .5);
	-o-transform:scale3d(.5, .5, .5);
	transform:scale3d(.5, .5, .5)
}
}@-o-keyframes fadeoutcenter {
	0% {
	opacity:1;
	-webkit-transform:scale3d(1, 1, 1);
	-moz-transform:scale3d(1, 1, 1);
	-ms-transform:scale3d(1, 1, 1);
	-o-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
100% {
	opacity:0;
	-webkit-transform:scale3d(.5, .5, .5);
	-moz-transform:scale3d(.5, .5, .5);
	-ms-transform:scale3d(.5, .5, .5);
	-o-transform:scale3d(.5, .5, .5);
	transform:scale3d(.5, .5, .5)
}
}@keyframes fadeincenter {
	0% {
	opacity:0;
	-webkit-transform:scale3d(.5, .5, .5);
	-moz-transform:scale3d(.5, .5, .5);
	-ms-transform:scale3d(.5, .5, .5);
	-o-transform:scale3d(.5, .5, .5);
	transform:scale3d(.5, .5, .5)
}
100% {
	opacity:1;
	-webkit-transform:scale3d(1, 1, 1);
	-moz-transform:scale3d(1, 1, 1);
	-ms-transform:scale3d(1, 1, 1);
	-o-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
}@-webkit-keyframes fadeincenter {
	0% {
	opacity:0;
	-webkit-transform:scale3d(.5, .5, .5);
	-moz-transform:scale3d(.5, .5, .5);
	-ms-transform:scale3d(.5, .5, .5);
	-o-transform:scale3d(.5, .5, .5);
	transform:scale3d(.5, .5, .5)
}
100% {
	opacity:1;
	-webkit-transform:scale3d(1, 1, 1);
	-moz-transform:scale3d(1, 1, 1);
	-ms-transform:scale3d(1, 1, 1);
	-o-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
}@-moz-keyframes fadeincenter {
	0% {
	opacity:0;
	-webkit-transform:scale3d(.5, .5, .5);
	-moz-transform:scale3d(.5, .5, .5);
	-ms-transform:scale3d(.5, .5, .5);
	-o-transform:scale3d(.5, .5, .5);
	transform:scale3d(.5, .5, .5)
}
100% {
	opacity:1;
	-webkit-transform:scale3d(1, 1, 1);
	-moz-transform:scale3d(1, 1, 1);
	-ms-transform:scale3d(1, 1, 1);
	-o-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
}@-ms-keyframes fadeincenter {
	0% {
	opacity:0;
	-webkit-transform:scale3d(.5, .5, .5);
	-moz-transform:scale3d(.5, .5, .5);
	-ms-transform:scale3d(.5, .5, .5);
	-o-transform:scale3d(.5, .5, .5);
	transform:scale3d(.5, .5, .5)
}
100% {
	opacity:1;
	-webkit-transform:scale3d(1, 1, 1);
	-moz-transform:scale3d(1, 1, 1);
	-ms-transform:scale3d(1, 1, 1);
	-o-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
}@-o-keyframes fadeincenter {
	0% {
	opacity:0;
	-webkit-transform:scale3d(.5, .5, .5);
	-moz-transform:scale3d(.5, .5, .5);
	-ms-transform:scale3d(.5, .5, .5);
	-o-transform:scale3d(.5, .5, .5);
	transform:scale3d(.5, .5, .5)
}
100% {
	opacity:1;
	-webkit-transform:scale3d(1, 1, 1);
	-moz-transform:scale3d(1, 1, 1);
	-ms-transform:scale3d(1, 1, 1);
	-o-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1)
}
}@keyframes fadeout {
	0% {
	opacity:1
}
100% {
	opacity:0
}
}@-webkit-keyframes fadeout {
	0% {
	opacity:1
}
100% {
	opacity:0
}
}@-moz-keyframes fadeout {
	0% {
	opacity:1
}
100% {
	opacity:0
}
}@-ms-keyframes fadeout {
	0% {
	opacity:1
}
100% {
	opacity:0
}
}@-o-keyframes fadeout {
	0% {
	opacity:1
}
100% {
	opacity:0
}
}@keyframes fadein {
	0% {
	opacity:0;
	visibility:visible
}
100% {
	opacity:1;
	visibility:visible
}
}@-webkit-keyframes fadein {
	0% {
	opacity:0;
	visibility:visible
}
100% {
	opacity:1;
	visibility:visible
}
}@-moz-keyframes fadein {
	0% {
	opacity:0;
	visibility:visible
}
100% {
	opacity:1;
	visibility:visible
}
}@-ms-keyframes fadein {
	0% {
	opacity:0;
	visibility:visible
}
100% {
	opacity:1;
	visibility:visible
}
}@-o-keyframes fadein {
	0% {
	opacity:0;
	visibility:visible
}
100% {
	opacity:1;
	visibility:visible
}
}@keyframes hidden {
	100% {
	display:none
}
}@-webkit-keyframes hidden {
	100% {
	display:none
}
}@-moz-keyframes hidden {
	100% {
	display:none
}
}@-ms-keyframes hidden {
	100% {
	display:none
}
}@-o-keyframes hidden {
	100% {
	display:none
}
}@keyframes show {
	100% {
	visibility:visible
}
}@-webkit-keyframes show {
	100% {
	visibility:visible
}
}@-moz-keyframes show {
	100% {
	visibility:visible
}
}@-ms-keyframes show {
	100% {
	visibility:visible
}
}@-o-keyframes show {
	100% {
	visibility:visible
}
}.swiper-container {
	width:100%;
	height:100%
}
.swiper-container .swiper-pagination-bullets {
	bottom:1rem !important
}
.swiper-button-prev,.swiper-button-next {
	font-size:1.5rem;
	color:rgba(255,255,255,0.3);
	line-height:44px
}
.swiper-button-prev:hover,.swiper-button-next:hover {
	color:white
}
.swiper-pagination .swiper-pagination-bullet,.user-pagination .swiper-pagination-bullet {
	width:.3rem;
	height:.3rem;
	border-radius:.3rem;
	background:#999;
	opacity:.8;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.swiper-pagination .swiper-pagination-bullet:hover,.user-pagination .swiper-pagination-bullet:hover {
	background:white
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.user-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width:1.4rem;
	opacity:1;
	background:#0192ff
}
.swiper {
	position:relative;
	width:100%;
	height:80%
}
.swiper.swiper-fixed .swiper-container {
	position:fixed;
	z-index:0
}
.swiper.swiper-black {
	background:#000;
	opacity:1
}
.slide-container img {
	width:100%
}
.icon-arrowleft,.icon-arrowright {
	position:absolute;
	top:50%;
	right:1rem;
	z-index:1;
	font-size:1.6rem;
	margin-top:-0.8rem;
	color:white;
	cursor:pointer
}
.icon-arrowleft:active,.icon-arrowright:active {
	color:rgba(0,168,0,0.9) !important
}
.icon-arrowleft[aria-disabled="true"],.icon-arrowright[aria-disabled="true"] {
	color:rgba(153,153,153,0.2) !important
}
.icon-arrowleft {
	left:1rem;
	right:auto
}
.slide .swiper-slide {
	color:white;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.slide .swiper-slide h1 {
	font-size:3.2rem;
	font-family:"HanHei-SC-thin","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	line-height:1.1;
	letter-spacing:0em;
	font-weight:lighter;
	z-index:2
}
.slide .swiper-slide p {
	font-size:.8rem;
	margin-top:.5rem;
	z-index:2;
	line-height:1.5;
	text-align:center
}
.slide .swiper-slide:nth-of-type(1) h1,.slide .swiper-slide:nth-of-type(1) p {
	opacity:0
}
.slide .swiper-slide:nth-of-type(1).active h1 {
	-webkit-animation:fadeintop 2s forwards 1;
	-o-animation:fadeintop 2s forwards 1;
	animation:fadeintop 2s forwards 1
}
.slide .swiper-slide:nth-of-type(1).active p {
	padding-bottom:1.5rem;
	-webkit-animation:fadeintop 1.6s forwards 1s;
	-o-animation:fadeintop 1.6s forwards 1s;
	animation:fadeintop 1.6s forwards 1s
}
.slide .swiper-slide:nth-of-type(2) h1,.slide .swiper-slide:nth-of-type(2) p {
	opacity:0
}
.slide .swiper-slide:nth-of-type(2).active h1 {
	-webkit-animation:fadeinleft 2s forwards 1;
	-o-animation:fadeinleft 2s forwards 1;
	animation:fadeinleft 2s forwards 1
}
.slide .swiper-slide:nth-of-type(2).active p {
	padding-bottom:1.5rem;
	-webkit-animation:fadeinleft 1.6s forwards .8s;
	-o-animation:fadeinleft 1.6s forwards .8s;
	animation:fadeinleft 1.6s forwards .8s
}
.slide .swiper-slide::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	z-index:1;
	background:rgba(0,0,0,0.7)
}
.slide .swiper-bg {
	width:100%;
	position:absolute;
	top:0;
	bottom:0
}
#slide-807 p {
	color:rgba(255,255,255,0.9)
}
#slide-812 {
	-webkit-box-align:end;
	-moz-box-align:end;
	-ms-flex-align:end;
	-webkit-align-items:flex-end;
	align-items:flex-end;
	-webkit-box-pack:end;
	-moz-box-pack:end;
	-ms-flex-pack:end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	padding:0 12% 10% 0
}
#slide-812 p {
	color:rgba(255,255,255,0.9)
}
.title {
	text-align:center;
	padding:4rem 0
}
.title.rmpb {
	padding-bottom:0
}
.title h2 {
	font-size:1.6rem;
	font-family:"HanHei-SC-semibold","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	line-height:1.1;
	letter-spacing:0em
}
.title p {
	color:#999999;
	font-size:.7rem;
	padding-top:.8rem;
	line-height:1rem
}
.title.m10 {
	margin:0 10%
}
.title.left {
	text-align:left
}
.title.left h2 {
	position:relative
}
.title.left h2::before {
	content:'';
	position:absolute;
	top:.1rem;
	bottom:.3rem;
	left:-1rem;
	border-left:.2rem solid #0192ff
}
.title-nav {
	font-size:.9rem;
	padding:1.2rem 0
}
.title-nav p {
	font-size:.6rem;
	margin-top:.5rem;
	color:#999999
}
.title-nav.line-top {
	border-top:1px solid #eee
}
.title-nav.line-bottom {
	border-bottom:1px solid #eee
}
.page {
	padding:4rem 3rem 0rem;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center
}
.page a,.page-numbers {
	margin:0 .2rem;
	height:1.5rem;
	min-width:1.5rem;
	color:#999999;
	font-size:.75rem;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.page a:hover,.page-numbers:hover {
	color:#333333
}
.page a.current,.page-numbers.current {
	background:#182F3F;
	color:white;
	border-radius:.15rem;
	cursor:not-allowed
}
.page a.prev,.page-numbers.prev,.page a.next,.page-numbers.next,.page a.extend,.page-numbers.extend {
	font-size:.7rem;
	margin:0 .5rem
}
.page font {
	margin-left:1rem;
	font-size:.7rem;
	display:inline-block
}
.cate-container {
	position:relative;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex
}
.cate-container.bg-white {
	background:white
}
.cate-container.bg-light {
	background:#f8f8f8
}
.cate-container ul {
	height:3rem;
	margin-top:1rem;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-webkit-flex:1 1 auto;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.cate-container ul li {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center
}
.cate-container ul li a {
	padding:0 1.5rem;
	height:1.6rem;
	line-height:1.6rem;
	border-radius:.8rem;
	display:block;
	border:1px solid rgba(0,0,0,0.05);
	color:#999;
	position:relative;
	margin:0 .55rem 0 .5rem;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.cate-container ul li a::after {
	content:'';
	display:none;
	height:.7rem;
	width:1px;
	background:#ddd;
	position:absolute;
	right:-0.55rem
}
.cate-container ul li a:hover {
	background:rgba(153,153,153,0.15);
	color:#333333
}
.cate-container ul li.current-cat a {
	background:#182F3F;
	color:white;
	border:1px solid #182F3F
}
.cate-container ul li:last-child a::after {
	display:none
}
.comment-input {
	width:100%;
	padding:.8rem;
	background:rgba(153,153,153,0.08);
	border:1px solid rgba(153,153,153,0.2);
	border-radius:.3rem;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.comment-input:hover {
	background:rgba(153,153,153,0.05)
}
.comment-input:focus {
	background:white;
	border:1px solid rgba(24,47,63,0.7);
	box-shadow:0 0 .5rem .05rem rgba(0,0,0,0.08)
}
.comment-container {
	max-width:52rem;
	margin:2rem auto;
	padding:1rem;
	background:white;
	border-radius:.3rem
}
.comment-all-title {
	height:2.5rem;
	line-height:2.5rem;
	border-bottom:1px solid rgba(153,153,153,0.2)
}
.comment-user {
	padding-bottom:.5rem
}
.comment-form .form-textarea {
	font-size:.7rem;
	box-sizing:border-box;
	resize:none;
	width:100%;
	padding:.8rem;
	background:rgba(153,153,153,0.08);
	border:1px solid rgba(153,153,153,0.2);
	border-radius:.3rem;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.comment-form .form-textarea:hover {
	background:rgba(153,153,153,0.05)
}
.comment-form .form-textarea:focus {
	background:white;
	border:1px solid rgba(24,47,63,0.7);
	box-shadow:0 0 .5rem .05rem rgba(0,0,0,0.08)
}
.comment-form-info {
	width:15rem;
	margin:0 auto
}
.comment-form-info label {
	padding-bottom:.5rem;
	display:block
}
.comment-form-info .form-control {
	height:1.8rem;
	line-height:1.8rem;
	width:100%;
	padding:.8rem;
	background:rgba(153,153,153,0.08);
	border:1px solid rgba(153,153,153,0.2);
	border-radius:.3rem;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	padding:.8rem .5rem
}
.comment-form-info .form-control:hover {
	background:rgba(153,153,153,0.05)
}
.comment-form-info .form-control:focus {
	background:white;
	border:1px solid rgba(24,47,63,0.7);
	box-shadow:0 0 .5rem .05rem rgba(0,0,0,0.08)
}
.comment-btn {
	margin-top:.5rem;
	height:1.8rem;
	line-height:1.8rem;
	position:relative
}
.comment-btn .comment_from_notify {
	display:inline-block
}
.comment-btn .comment_from_notify input {
	width:1rem;
	height:1rem;
	border:1px solid #eee;
	-webkit-appearance:checkbox
}
.comment-btn .comment-submit {
	float:right;
	height:1.8rem;
	line-height:1.8rem;
	padding:0 1rem;
	border-radius:.2rem;
	font-size:.7rem;
	background:#182F3F;
	color:white;
	cursor:pointer;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.comment-btn .comment-submit:hover {
	background:rgba(24,47,63,0.9)
}
.comment-btn .comment-submit:active {
	background:#182F3F
}
.comment-btn .comment-submit:disabled {
	background:rgba(153,153,153,0.05);
	color:#999999;
	cursor:no-drop
}
.comment-btn #textCount {
	font-size:.6rem;
	line-height:1;
	color:#999999;
	position:absolute;
	right:.5rem;
	top:-1.5rem
}
.comment-btn #cancel-comment-reply-link {
	float:right;
	height:1.8rem;
	line-height:1.8rem;
	margin-right:2rem
}
.comment-content .page {
	padding:2rem;
	border-top:1px solid #eee
}
.comment-list li {
	position:relative;
	padding:2rem 0 2rem 3.5rem;
	border-bottom:1px solid #eee
}
.comment-list li:last-child {
	border-bottom:none
}
.comment-list li .gravatar {
	width:2.4rem;
	height:2.4rem;
	border-radius:1.2rem;
	overflow:hidden;
	position:absolute;
	left:0;
	top:1.9rem
}
.comment-list li .comment-title {
	font-size:.6rem;
	padding-bottom:1rem
}
.comment-list li .comment-title .author-name {
	font-size:.7rem
}
.comment-list li .comment-title .comment-datatime {
	color:#999999;
	margin-left:2rem
}
.comment-list li .comment-title .comment-reply-link {
	float:right;
	position:relative;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
	color:#999999
}
.comment-list li .comment-title .comment-reply-link::before {
	font-size:.8rem;
	content:"\e918";
	font-family:'iconfont' !important
}
.comment-list li .comment-title .comment-reply-link:hover::before {
	content:"\e91b";
	color:#182F3F
}
.comment-list li .comment-title .comment-edit-link {
	color:#de6764;
	margin-left:1rem
}
.comment-list li .comment-title p {
	display:inline-block
}
.comment-list li .comment-text {
	font-size:.7rem;
	line-height:1rem;
	color:#666
}
.comment-list li .comment-text em {
	color:#57b4fd;
	margin-bottom:.5rem;
	display:inline-block
}
.comment-list li .children {
	background:rgba(153,153,153,0.09);
	padding:0 1rem;
	border-radius:.3rem;
	margin-top:1rem;
	position:relative
}
.comment-list li .children::before {
	position:absolute;
	top:-0.5rem;
	content:'';
	width:0;
	height:0;
	border-left:.5rem solid transparent;
	border-right:.5rem solid transparent;
	border-bottom:.5rem solid rgba(153,153,153,0.09)
}
.comment-list li .children li {
	padding:1rem 0 1rem 3.5rem;
	border-bottom:1px solid white
}
.comment-list li .children li .gravatar {
	top:.9rem
}
.comment-list li .children li:last-child {
	border-bottom:none
}
.comment-list li .children li .children {
	background:white
}
.comment-list li .children li .children::before {
	content:'';
	width:0;
	height:0;
	border-left:.5rem solid transparent;
	border-right:.5rem solid transparent;
	border-bottom:.5rem solid white
}
.comment-list li .children li .children li {
	border-bottom:1px solid #eee
}
.comment-list li .children li .children li:last-child {
	border-bottom:none
}
.comment-list li .children li .children li .children {
	background:rgba(153,153,153,0.09)
}
.comment-list li .children li .children li .children::before {
	content:'';
	width:0;
	height:0;
	border-left:.5rem solid transparent;
	border-right:.5rem solid transparent;
	border-bottom:.5rem solid rgba(153,153,153,0.09)
}
.comment-list li .children li .children li .children li {
	border-bottom:1px solid white
}
.comment-list li .respond {
	margin-top:1rem;
	margin-bottom:0
}
.comment-sofa {
	text-align:center;
	padding:3rem 0;
	color:#999999
}
.comment-sofa i {
	font-size:3rem;
	color:rgba(153,153,153,0.4);
	display:inline-block;
	margin-bottom:1rem;
	cursor:pointer;
	-webkit-transition:color .3s ease-in-out;
	-moz-transition:color .3s ease-in-out;
	-ms-transition:color .3s ease-in-out;
	-o-transition:color .3s ease-in-out;
	transition:color .3s ease-in-out
}
.comment-sofa i:hover {
	color:#182f3f
}
.respond {
	margin-bottom:2rem
}
.notice {
	max-width:20rem;
	position:fixed;
	top:3rem;
	right:-100%;
	z-index:800
}
.notice-message {
	background:#fff;
	border-radius:.3rem;
	box-shadow:0 .2rem .6rem rgba(0,0,0,0.15);
	display:inline-block;
	font-size:.7rem;
	margin-bottom:0;
	line-height:1rem;
	padding:1rem 1.5rem;
	position:relative;
	padding-left:3rem
}
.notice-message::before {
	font-size:1.6rem;
	position:absolute;
	top:1rem;
	left:1rem
}
.notice-message.icon-info::before {
	color:#57b4fd
}
.notice-message.icon-success::before {
	color:#0192ff
}
.tags {
	text-align:left;
	margin:.5rem .5rem;
	font-size:.6rem;
	color:rgba(153,153,153,0.5)
}
.tags a {
	color:rgba(153,153,153,0.5)
}
.tags a:hover {
	color:#182F3F
}
.tags~.meta {
	margin:.5rem
}
.checkbox-wrap {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-weight:400;
	margin:0px;
	cursor:pointer;
	padding:.6rem 1rem
}
.checkbox-wrap input[type=checkbox] {
	position:absolute;
	height:inherit;
	width:inherit;
	opacity:0;
	left:0;
	margin-left:0px
}
.checkbox-wrap span {
	cursor:pointer;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:inline-block;
	border:1px solid #eee;
	border-radius:.15rem;
	vertical-align:middle
}
.checkbox-wrap span:hover {
	background-color:rgba(0,0,0,0.02)
}
.checkbox-wrap span:before {
	content:'';
	position:absolute;
	right:.2rem;
	width:.25rem;
	height:.4rem;
	border:.1rem solid #0192ff;
	border-top:0;
	border-left:0;
	transform:rotate(45deg) scale(0);
	-ms-transform:rotate(45deg) scale(0);
	-moz-transform:rotate(45deg) scale(0);
	-webkit-transform:rotate(45deg) scale(0);
	-o-transform:rotate(45deg) scale(0);
	-webkit-transition:all .1s cubic-bezier(.71, -0.46, .88, .6);
	-moz-transition:all .1s cubic-bezier(.71, -0.46, .88, .6);
	-ms-transition:all .1s cubic-bezier(.71, -0.46, .88, .6);
	-o-transition:all .1s cubic-bezier(.71, -0.46, .88, .6);
	transition:all .1s cubic-bezier(.71, -0.46, .88, .6)
}
.checkbox-wrap font {
	color:#999999
}
.checkbox-wrap.checkbox-round span {
	border-radius:.35rem
}
.checkbox-wrap input:checked+span {
	border-color:#0192ff
}
.checkbox-wrap input:checked+span+font {
	color:#182F3F;
	-webkit-font-smoothing:auto
}
.checkbox-wrap input:checked+span:before {
	transform:rotate(45deg) scale(1);
	-ms-transform:rotate(45deg) scale(1);
	-moz-transform:rotate(45deg) scale(1);
	-webkit-transform:rotate(45deg) scale(1);
	-o-transform:rotate(45deg) scale(1);
	-webkit-transition:all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
	-moz-transition:all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
	-ms-transition:all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
	-o-transition:all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
	transition:all .2s cubic-bezier(.12, .4, .29, 1.46) .1s
}
.radio-wrap {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-weight:400;
	margin:0px;
	margin-right:.75rem
}
.radio-wrap input[type=radio] {
	position:absolute;
	height:inherit;
	width:inherit;
	opacity:0;
	left:0;
	margin-left:0px
}
.radio-wrap span {
	cursor:pointer;
	position:relative;
	margin:0 .35rem .1rem 0;
	display:inline-block;
	width:.7rem;
	height:.7rem;
	border:1px solid #ddd;
	border-radius:.35rem;
	vertical-align:middle;
	background-color:white
}
.radio-wrap span:hover {
	border:1px solid #bbb
}
.radio-wrap span:after {
	content:'';
	position:absolute;
	left:.1rem;
	top:.1rem;
	width:.4rem;
	height:.4rem;
	border-radius:.2rem;
	display:table;
	border-top:0;
	border-left:0;
	opacity:0;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all .2s cubic-bezier(.78, .14, .15, .86);
	-moz-transition:all .2s cubic-bezier(.78, .14, .15, .86);
	-ms-transition:all .2s cubic-bezier(.78, .14, .15, .86);
	-o-transition:all .2s cubic-bezier(.78, .14, .15, .86);
	transition:all .2s cubic-bezier(.78, .14, .15, .86)
}
.radio-wrap font {
	color:#999999
}
.radio-wrap input:checked+span+font {
	color:#182F3F;
	-webkit-font-smoothing:auto
}
.radio-wrap input:checked+span:after {
	background:#0192ff;
	border-color:#182F3F;
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all .2s cubic-bezier(.78, .14, .15, .86);
	-moz-transition:all .2s cubic-bezier(.78, .14, .15, .86);
	-ms-transition:all .2s cubic-bezier(.78, .14, .15, .86);
	-o-transition:all .2s cubic-bezier(.78, .14, .15, .86);
	transition:all .2s cubic-bezier(.78, .14, .15, .86)
}
.btn {
	display:inline-block;
	padding:0 1.5rem;
	line-height:2.1rem;
	font-size:.7rem;
	text-align:center;
	white-space:nowrap;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	border:1px solid #eee;
	border-radius:.15rem;
	-webkit-transition:all .15s ease-in-out;
	-moz-transition:all .15s ease-in-out;
	-ms-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
	transition:all .15s ease-in-out
}
.btn:hover {
	border-color:#ddd;
	background:rgba(153,153,153,0.2)
}
.btn:hover.icon-advisory::before {
	color:white
}
.btn:active {
	background:rgba(153,153,153,0.1)
}
.btn:disabled {
	cursor:no-drop;
	border-color:#eee !important;
	color:#999999 !important;
	background:rgba(153,153,153,0.1) !important
}
.btn::before {
	font-size:1rem;
	vertical-align:bottom;
	margin-right:.5rem
}
.btn.icon-advisory::before {
	color:#0192ff
}
.btn.btn-semi-circle {
	border-radius:2rem
}
.btn.btn-default {
	background:white;
	border-color:#eee
}
.btn.btn-success {
	background:#0192ff;
	border-color:#0192ff;
	color:white
}
.btn.btn-alpha {
	background:rgba(255,255,255,0.2);
	border-color:rgba(255,255,255,0.5);
	color:white
}
.btn.btn-alpha:hover {
	background:rgba(255,255,255,0.5)
}
.btn.btn-alpha:active {
	background:rgba(255,255,255,0.2)
}
.btn[on-cursor='blue']:hover {
	background:#0192ff;
	border-color:#0192ff;
	color:white
}
.btn[on-cursor='blue']:active {
	background:#0581de;
	box-shadow:.2rem .2rem .5rem rgba(0,0,0,0.1) inset
}
.banner {
	width:100%;
	padding:8rem 0 2.2rem 0;
	text-align:center;
	color:white;
	min-height:14.5rem;
	position:relative
}
.banner h1 {
	font-size:2.8rem;
	font-family:"HanHei-SC-thin","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	line-height:1.1;
	letter-spacing:0em;
	font-weight:lighter
}
.banner p {
	margin-top:1.2rem
}
.banner.bg {
	position:relative
}
.banner.bg::before {
	content:'';
	background:rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%
}
.banner.goods,.banner.solution {
	height:25rem;
	padding-top:10rem;
	padding-left:10%;
	text-align:left
}
.banner.goods p,.banner.solution p {
	width:50%;
	line-height:1.3rem;
	color:rgba(255,255,255,0.8)
}
.banner.goods .btn,.banner.solution .btn {
	margin:2rem 1rem 0 0
}
.banner.solution::before {
	content:'';
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.6)
}
.banner-img,.banner .info {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	right:0;
	bottom:0
}
.banner .info {
	top:10rem;
	left:10%;
	z-index:3
}
@media screen\0 {
	}
@media \0screen\,screen\9 {
	body * {
	display:none !important
}
body:after {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:100;
	text-align:center;
	line-height:20em;
	background:#eee;
	content:"噢！您的浏览器被淘汰啦，无法欣赏本站。请用谷歌浏览器欣赏或升级浏览器吧！！"
}
}@media screen and (min-width:0 \0) and (min-resolution:.001dpcm) {
	body * {
	display:none !important
}
body:after {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:100;
	text-align:center;
	line-height:20em;
	background:#eee;
	content:"噢！您的浏览器被淘汰啦，无法欣赏本站。请用谷歌浏览器欣赏或升级浏览器吧！！"
}
}html {
	font-size:20px
}
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
	html {
	font-size:18px
}
}@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
	html {
	font-size:18px
}
}@media (device-width:375px) and (-webkit-min-device-pixel-ratio:2) {
	html {
	font-size:20px
}
.history-wrapper {
	top:120px
}
}@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3) {
	html {
	font-size:23px
}
}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) {
	html {
	font-size:20px
}
}@media only screen and (max-width:767px) {
	header .header {
	height:2.4rem;
}
header .header .logo {
	left:.5rem;
	top:.45rem
}
header .header .icon-logo {
	width: 32px;
	font-size:1.5rem
}
header .header .apply {
	top:.25rem;
	right:2.5rem;
	width:1.8rem;
	overflow:hidden;
	font-size:1rem;
	background:transparent;
	display: none;
}
header .header .apply::before {
	margin:0 .25rem
}
header .header .menu-btn {
	display:inline-block
}
header nav {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	padding:5rem 2rem 1rem;
	z-index:9997;
	width:100vw;
	height:100vh;
	background:#000;
	display:none;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	-webkit-animation:fadeintop .8s forwards 1;
	-o-animation:fadeintop .8s forwards 1;
	animation:fadeintop .8s forwards 1
}
header nav .icon-logo {
	position:absolute;
	left:1.6rem;
	top:1.4rem
}
header nav .menu {
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-webkit-flex:1 1 auto;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	overflow:auto
}
header nav .menu li {
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	-webkit-box-flex:0;
	-moz-box-flex:0;
	-webkit-flex:0 0 auto;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	opacity:0
}
header nav .menu li a {
	padding:0;
	font-size:.8rem;
	color:white;
	line-height:2.4rem;
	border-bottom:1px solid rgba(255,255,255,0.2);
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
header nav .menu li.has-children>a::after {
	font-size:.7rem
}
header nav .menu li:nth-child(1)>.sub-menu,header nav .menu li:nth-child(3)>.sub-menu {
	-webkit-transform:translate3d(-50%, 0, 0);
	-moz-transform:translate3d(-50%, 0, 0);
	-ms-transform:translate3d(-50%, 0, 0);
	-o-transform:translate3d(-50%, 0, 0);
	transform:translate3d(-50%, 0, 0)
}
header nav .menu .sub-menu {
	position:relative;
	display:none;
	background:transparent;
	visibility:visible;
	opacity:1;
	max-height:inherit;
	top:auto
}
header nav .menu .sub-menu li {
	opacity:0
}
header nav .menu .sub-menu li a {
	color:rgba(255,255,255,0.8);
	padding:0 0 0 2.5rem;
	line-height:2.4rem
}
header nav .menu .sub-menu li a span,header nav .menu .sub-menu li a::after {
	display:none
}
header nav .menu .sub-menu.active li:nth-child(1) {
	-webkit-animation:fadeintop .7s forwards .1s;
	-o-animation:fadeintop .7s forwards .1s;
	animation:fadeintop .7s forwards .1s
}
header nav .menu .sub-menu.active li:nth-child(2) {
	-webkit-animation:fadeintop .9s forwards .3s;
	-o-animation:fadeintop .9s forwards .3s;
	animation:fadeintop .9s forwards .3s
}
header nav .menu .sub-menu.active li:nth-child(3) {
	-webkit-animation:fadeintop .9s forwards .6s;
	-o-animation:fadeintop .9s forwards .6s;
	animation:fadeintop .9s forwards .6s
}
header nav .menu .sub-menu.active li:nth-child(4) {
	-webkit-animation:fadeintop 1.1s forwards .9s;
	-o-animation:fadeintop 1.1s forwards .9s;
	animation:fadeintop 1.1s forwards .9s
}
header nav .menu .sub-menu.active li:nth-child(5) {
	-webkit-animation:fadeintop 1.3s forwards 1.2s;
	-o-animation:fadeintop 1.3s forwards 1.2s;
	animation:fadeintop 1.3s forwards 1.2s
}
header nav .menu .sub-menu.active li:nth-child(6) {
	-webkit-animation:fadeintop 1.5s forwards 1.5s;
	-o-animation:fadeintop 1.5s forwards 1.5s;
	animation:fadeintop 1.5s forwards 1.5s
}
header nav.active .menu li:nth-child(1) {
	-webkit-animation:fadeintop .7s forwards .6s;
	-o-animation:fadeintop .7s forwards .6s;
	animation:fadeintop .7s forwards .6s
}
header nav.active .menu li:nth-child(2) {
	-webkit-animation:fadeintop .9s forwards .7s;
	-o-animation:fadeintop .9s forwards .7s;
	animation:fadeintop .9s forwards .7s
}
header nav.active .menu li:nth-child(3) {
	-webkit-animation:fadeintop .9s forwards .9s;
	-o-animation:fadeintop .9s forwards .9s;
	animation:fadeintop .9s forwards .9s
}
header nav.active .menu li:nth-child(4) {
	-webkit-animation:fadeintop 1.1s forwards 1.1s;
	-o-animation:fadeintop 1.1s forwards 1.1s;
	animation:fadeintop 1.1s forwards 1.1s
}
header nav.active .menu li:nth-child(5) {
	-webkit-animation:fadeintop 1.3s forwards 1.3s;
	-o-animation:fadeintop 1.3s forwards 1.3s;
	animation:fadeintop 1.3s forwards 1.3s
}
header nav.active .menu li:nth-child(6) {
	-webkit-animation:fadeintop 1.5s forwards 1.5s;
	-o-animation:fadeintop 1.5s forwards 1.5s;
	animation:fadeintop 1.5s forwards 1.5s
}
header nav .icon-closed {
	position:absolute;
	top:1rem;
	right:1.5rem;
	display:inline-block;
	background:transparent;
	font-size:1rem;
	width:1.8rem;
	height:1.8rem;
	color:rgba(255,255,255,0.3)
}
header nav .icon-closed:active {
	color:#fff
}
.swiper {
	height:16rem
}
.slide .swiper-slide {
	padding-top:2.4rem
}
.slide .swiper-slide h1 {
	font-size:1.5rem;
	font-family:"HanHei-SC-semibold","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	line-height:1.1;
	letter-spacing:0em
}
.slide .swiper-slide p {
	font-size:.6rem
}
.slide .icon-arrowleft,.slide .icon-arrowright {
	display:none
}
#slide-812 {
	padding:0 10% 10% 10%
}
#slide-812 p {
	text-align:right;
	line-height:.8rem
}
.title {
	padding:2rem 0
}
.title h2 {
	font-size:1.2rem
}
.title p {
	padding:.5rem .6rem 0;
	font-size:.5rem;
	line-height:.8rem;
	text-align:center
}
.title-nav p {
	line-height:1rem
}
.title.left p {
	padding:.5rem 0
}
.home-goods .goods-menu {
	padding:0
}
.home-goods .goods-menu li {
	padding-bottom:1rem
}
.home-goods .goods-menu li i {
	font-size:1.2rem
}
.home-goods .goods-menu li p {
	margin-top:.4rem;
	font-size:.5rem
}
.home-goods-content .swiper-slide {
	padding:1rem 5%;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column
}
.home-goods-content-left {
	width:100%;
	position:relative;
	border-bottom:1px solid #eee
}
.home-goods-content-left h3 {
	font-size:.75rem
}
.home-goods-content-left p {
	font-size:.6rem;
	margin:.6rem 0;
	line-height:1rem
}
.home-goods-content-left a {
	position:absolute;
	top:0;
	right:0;
	font-size:.6rem
}
.home-goods-content-left .btn {
	width:100%;
	line-height:1.8rem;
	display:block;
	margin:1rem auto
}
.home-goods-content-right {
	width:auto;
	margin-left:-5%;
	margin-right:-5%
}
.home-goods-content-right li {
	padding:0 5%;
	margin-top:.8rem
}
.home-goods-content-right li b {
	font-size:.7rem
}
.home-goods-content-right li p {
	font-size:.6rem;
	margin-top:.5rem;
	line-height:1rem
}
.home-plan {
	height:23rem
}
.home-plan .plan-menu {
	display:none
}
.home-plan-content .swiper-slide {
	padding:7rem 5% 1rem
}
.home-plan-content .swiper-slide h3 {
	font-size:.75rem
}
.home-plan-content .swiper-slide p {
	font-size:.6rem;
	margin:.6rem 0;
	line-height:1rem
}
.home-plan-content .swiper-slide h4 {
	margin-top:1.5rem
}
.home-plan-content .swiper-slide ul {
	margin:0;
	padding:1rem 0 0
}
.home-plan-content .swiper-slide ul.gap-process {
	width:100%
}
.home-plan-content .swiper-slide ul.gap-process li i {
	font-size:1.2rem
}
.home-plan-content .swiper-slide ul.gap-process li p {
	font-size:.5rem;
	margin:.4rem 0
}
.home-plan-content .swiper-slide ul.gap-process li:before {
	left:-0.3rem;
	top:.35rem;
	font-size:.55rem
}
.home-plan-content .swiper-slide .btn {
	width:100%;
	line-height:1.8rem;
	display:block;
	margin:1rem auto
}
.news {
	padding:1rem 5%
}
.news ul {
	margin:0;
	padding-left:0
}
.news ul li {
	padding:0;
	width:100%
}
.news ul li:nth-child(1) {
	width:100%;
	position:relative;
	border-bottom:1px solid #eee
}
.news ul li:last-child {
	border-bottom:1px solid #eee
}
.news ul li:hover .item-box {
	background:transparent;
	box-shadow:initial
}
.news ul li .item-box {
	padding:1rem 0;
	background:transparent
}
.news ul li .img {
	float:inherit;
	width:100%;
	height:5rem;
	margin-bottom:.5rem
}
.news ul li .news-summary {
	margin-top:.5rem
}
.news ul li .news-summary time {
	margin-top:.5rem;
	font-size:.75rem
}
.news ul li .news-summary time span {
	font-size:.5rem
}
.news ul li p {
	line-height:1rem;
	max-height:2rem
}
.news-left ul li .news-summary time {
	margin-top:0
}
.news .btn {
	width:100%;
	line-height:1.8rem;
	display:block;
	padding:0;
	margin:1rem auto
}
.home-app p {
	font-size:.7rem
}
.home-app p span {
	margin:0 .5rem
}
.home-app img {
	width:80%
}
.user {
	padding:0 12%
}
.user-content ul li {
	padding:0 .5rem !important
}
.page {
	padding:2rem 0
}
.banner {
	padding:5rem 0 2rem;
	min-height:auto
}
.banner h1 {
	font-size:1.5rem;
	font-family:"HanHei-SC-semibold","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;
	line-height:1.1;
	letter-spacing:0em
}
.banner p {
	margin-top:.5rem;
	padding:0 5%;
	font-size:.6rem;
	line-height:.8rem
}
.banner.goods {
	height:auto;
	padding-top:5rem
}
.banner.goods p {
	width:100%;
	padding:0 10% 0 0;
	line-height:1rem
}
.banner.goods~.subnav {
	display:none
}
.banner.solution .info p {
	width:100%;
	padding:0 25% 0 0;
	line-height:1rem
}
.breadcrumbs {
	font-size:.6rem;
	height:2rem;
	line-height:2rem
}
.breadcrumbs #crumbs {
	line-height:2rem
}
.breadcrumbs span.current {
	max-width:30%;
	overflow:hidden;
	vertical-align:middle;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap
}
.content h1 {
	margin:1.5rem 5%;
	font-size:1rem;
	line-height:1.2rem
}
.map {
	height:16rem
}
footer {
	padding:1rem 5%
}
footer ul:nth-child(1),footer ul:nth-child(2) {
	display:none
}
footer ul:nth-child(3) {
	width:100vw;
	margin-left:-5%;
	margin-right:-5%;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex
}
footer ul:nth-child(3) li {
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-webkit-flex:1 1 auto;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	text-align:center
}
footer ul:nth-child(3) li:nth-child(1) {
	display:none
}
footer ul:nth-child(4) {
	width:100%;
	padding-top:1rem;
	margin-top:.5rem;
	border-top:1px solid rgba(255,255,255,0.1)
}
footer ul:nth-child(4) li {
	line-height:1.5rem
}
footer ul:nth-child(4) li:first-child {
	margin-bottom:.5rem
}
.copyright {
	font-size:.5rem
}
.about-info {
	margin-bottom:2rem
}
.about-info .company-img {
	width:100%;
	padding-bottom:50%;
	margin:0 0 1rem
}
.about-photo ul li {
	-webkit-box-flex:1 1 50%;
	-moz-box-flex:1 1 50%;
	-webkit-flex:1 1 50%;
	-ms-flex:1 1 50%;
	flex:1 1 50%
}
#job {
	padding-top:2rem;
	padding-bottom:2.45rem;
	position:relative
}
#job .contact {
	position:absolute;
	bottom:.5rem;
	padding:0;
	background:transparent
}
#job .contact p {
	text-align:left;
	line-height:initial;
	margin:.1rem 0 !important
}
.about-job {
	margin-bottom:2rem;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column
}
.about-job-content {
	padding-right:0 !important;
	padding-left:0 !important;
	width:100%
}
.planing {
	padding:1rem 5%
}
.planing ul {
	background-image:none;
	padding-bottom:initial;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:wrap;
	-ms-flex-flow:wrap;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.planing ul li {
	width:46%;
	position:relative;
	padding-bottom:1rem
}
.planing ul li .caption {
	font-size:.75rem
}
.planing ul li i {
	font-size:.9rem;
	float:left;
	margin:.1rem .5rem 0 0
}
.planing ul li p {
	margin-bottom:0;
	text-align:justify
}
.planing ul li:nth-child(3) {
	padding-top:1rem
}
.planing ul li:nth-child(3) .caption {
	position:absolute;
	top:0;
	left:0
}
.planing ul li:nth-child(4) {
	padding-top:1rem
}
.planing ul li:nth-child(4) .caption {
	position:absolute;
	top:0;
	left:0
}
.planing ul li:nth-child(2n+1) p {
	text-align:left
}
.planing ul li:nth-child(2n+1) p i {
	margin-left:0;
	margin-right:.5rem;
	margin-top:.1rem;
	float:left
}
.crop-task {
	padding-bottom:2rem
}
.crop-task .desc {
	padding:0
}
.trace {
	background-size:140%;
	padding-bottom:37%
}
.monitor {
	padding-bottom:1rem
}
.monitor ul {
	margin-left:-3%;
	margin-right:-3%
}
.monitor ul li {
	-webkit-box-flex:1 1 50%;
	-moz-box-flex:1 1 50%;
	-webkit-flex:1 1 50%;
	-ms-flex:1 1 50%;
	flex:1 1 50%;
	margin:0 0 1rem 0
}
.monitor ul li i {
	font-size:1.5rem
}
.monitor ul li p:nth-of-type(1) {
	font-size:.7rem;
	margin:.5rem 0 1rem
}
.report {
	padding-bottom:2rem
}
.report p {
	text-align:center;
	font-size:.7rem;
	line-height:1rem;
	color:#999999
}
.report p span {
	margin:0 .5rem
}
.report img {
	width:100%;
	margin:2rem auto 1.5rem
}
.report .desc {
	padding:0 10%;
	line-height:.8rem;
	font-size:.5rem
}
.stock {
	padding-bottom:3rem
}
.stock ul {
	margin-left:-5%;
	margin-right:-5%
}
.stock ul li {
	padding:0 5%
}
.stock ul li img {
	width:2.5rem
}
.stock ul li h6 {
	font-size:.7rem;
	margin:.5rem 0 1rem
}
.stock ul li .desc {
	font-size:.5rem;
	line-height:.8rem;
	margin-bottom:1.5rem
}
.stock ul li p {
	font-size:.6rem
}
.stock ul li p span {
	margin:0 .25rem
}
.application {
	width:90vw;
	height:80vh;
	margin:-40vh 0 0 -45vw;
	padding:.5rem 1rem
}
.application-wrapper {
	height:100%;
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column
}
.application-content {
	overflow:auto
}
.application .icon-closed {
	top:0;
	right:0;
	font-size:1rem
}
.application-title {
	padding:.5rem 0
}
.application .checklist {
	display:-webkit-box;
	display:-moz-box;
	display:-o-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	flex-flow:wrap;
	-ms-flex-flow:wrap;
	-webkit-box-flex:0;
	-moz-box-flex:0;
	-webkit-flex:0 0 auto;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	margin-bottom:1rem
}
.application .checklist .checkbox-wrap {
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-webkit-flex:1 1 auto;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	white-space:nowrap;
	padding:.4rem .5rem;
	margin:.5rem .5rem 0 0;
	text-align:center
}
.application .checklist .checkbox-wrap:nth-child(3n) {
	margin-right:0
}
.application ul li input {
	width:70%
}
.application ul li label:nth-of-type(2) {
	margin-left:4.2rem
}
.application .btn {
	margin:1rem 0 .6rem 4.2rem
}
.price-content {
	padding:0 2.5% !important
}
.price-content ul li {
	padding:.8rem .25rem;
	line-height:1rem
}
.price-content h3 {
	position:relative;
	display:table-caption;
	padding:0 .3rem;
	font-size:.9rem;
	border-bottom:1px solid #eee;
	background:rgba(0,0,0,0.03)
}
.price-content .btn {
	position:absolute;
	left:auto;
	top:.5rem;
	right:.3rem;
	line-height:1.5rem;
	padding:0 .5rem
}
.price-wrapper {
	padding:0 !important
}
.sol-crop-info p {
	margin:0 10%;
	text-align:justify
}
.sol-crop-type {
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
	margin:0;
	margin-top:-1rem
}
.sol-crop-type li {
	padding:0;
	margin-bottom:.5rem
}
.sol-crop-type li .crop-type-box {
	padding:1rem 0 1rem 4rem;
	position:relative;
	text-align:left
}
.sol-crop-type li i {
	font-size:3rem;
	position:absolute;
	top:.7rem;
	left:.5rem
}
.sol-crop-type li h4 {
	font-size:.8rem;
	margin-top:0
}
.sol-crop-type li p {
	text-align:left;
	font-size:.6rem
}
.sol-crop-type li p:last-of-type {
	margin-top:1rem
}
.sol-crop-trace {
	margin:-1rem 5% 0
}
.sol-crop-trace .gap-process {
	margin:0
}
.sol-crop-trace .gap-process li::before {
	font-size:.55rem;
	top:.35rem
}
.sol-crop-trace .gap-process li i {
	font-size:1.2rem
}
.sol-crop-trace .gap-process li p {
	font-size:.5rem
}
.sol-green-info {
	margin-top:0
}
.sol-green-info img {
	width:100%
}
.sol-green-arc img {
	width:80%;
	margin:0 auto;
	display:block
}
.sol-green-desc {
	padding:2rem 0;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column
}
.sol-green-desc img {
	width:100%;
	padding:0 0 2rem 0!important
}
.sol-green-desc-con {
	padding-left:0 !important
}
.sol-green-desc:nth-child(2n+1) .sol-green-desc-con {
	padding-right:0 !important
}
.sol-vs {
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column
}
.sol-vs-r,.sol-vs-l {
	height:auto
}
.sol-vs h3 {
	margin-top:2rem;
	width:auto
}
.sol-vs ul {
	width:auto;
	padding:0 2rem 2rem
}
.sol-vs ul li {
	margin-top:1.5rem
}
.sol-vs ul li p {
	margin-top:.25rem
}
.sol-vs-i {
	width:3rem;
	height:3rem;
	line-height:3rem;
	margin:0 0 -1.5rem -1.5rem;
	font-size:1.7rem;
	left:50%;
	right:50%;
	top:auto;
	bottom:0
}
.case-box {
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column
}
.case-box .case-item {
	margin-bottom:1.5rem
}
}@media only screen and (min-width:600px) and (max-width:767px) {
	html {
	font-size:20px
}
}@media only screen and (min-width:768px) and (max-width:1023px) {
	html {
	font-size:20px
}
}@media only screen and (width:768px) {
	.swiper {
	height:50%
}
.swiper .swiper-slide h1 {
	font-size:2.2rem
}
.swiper .swiper-slide p {
	font-size:.7rem
}
.home-goods .goods-menu {
	padding:0
}
.home-goods-content-left {
	width:36%
}
.home-goods-content-right {
	width:64%
}
.home-goods-content-right li {
	padding-left:10%
}
.home-plan {
	height:33rem
}
.home-plan .plan-menu {
	width:8rem !important;
	padding:1rem 0;
	line-height:2.5rem
}
.home-plan-content .swiper-slide {
	padding:13rem 5% 0 14rem
}
.home-plan-content .swiper-slide ul {
	padding-bottom:0
}
.gap-process {
	width:100%
}
.gap-process li i {
	font-size:1.6rem
}
.news-left {
	padding:1rem 5%
}
.news-left ul {
	padding-left:0
}
.news-left ul li:nth-child(1) {
	position:relative;
	border-bottom:1px solid #eee
}
.news-left .btn {
	margin:2rem auto
}
footer {
	padding:1.5rem 5%
}
footer ul {
	margin-right:7.5%
}
footer ul:last-child {
	width:31%
}
.breadcrumbs span.current {
	max-width:50%;
	overflow:hidden;
	vertical-align:middle;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap
}
.content h1 {
	margin:2rem 5%
}
.news {
	padding:1.5rem 5%
}
.news ul li .img {
	width:100%;
	float:initial;
	margin-right:0;
	margin-bottom:1rem
}
.banner h1 {
	font-size:2.2rem
}
.banner.goods {
	height:23rem;
	padding-top:8rem
}
.banner.goods p {
	width:80%
}
.subnav-wrapper {
	padding:0
}
.planing {
	padding:0 5% 4rem
}
.planing ul {
	background-size:45%;
	padding-bottom:40%
}
.crop-task .desc {
	padding:0
}
.trace {
	background-size:125%;
	padding-bottom:33%
}
.monitor ul li {
	margin:.5rem 0
}
.report p span {
	margin:0 1rem
}
.report img {
	width:80%;
	margin-top:5rem
}
.stock ul li {
	padding:0 2rem
}
.stock ul li .desc {
	line-height:1rem
}
.application {
	width:35rem;
	height:32rem;
	margin:-16rem 0 0 -17.5rem
}
.application .checklist {
	flex-flow:wrap;
	-ms-flex-flow:wrap;
	margin-bottom:1rem
}
.application .checkbox-wrap {
	margin:0 1rem 1rem 0
}
.application .checkbox-wrap font {
	white-space:nowrap
}
.price-wrapper {
	padding:0 5%
}
.about-info {
	margin-bottom:2rem
}
.about-info .company-img {
	margin:.5rem 3rem 1.5rem 0
}
.title {
	padding:3rem 0
}
header .header .logo {
	left:1rem;
	top:1rem
}
header .header .icon-logo {
	font-size:1.5rem
}
header .header .apply {
	right:1rem;
	top:.8rem
}
nav .menu li:nth-child(1)>.sub-menu {
	-webkit-transform:translate3d(-19%, 0, 0);
	-moz-transform:translate3d(-19%, 0, 0);
	-ms-transform:translate3d(-19%, 0, 0);
	-o-transform:translate3d(-19%, 0, 0);
	transform:translate3d(-19%, 0, 0)
}
nav .menu li:nth-child(3)>.sub-menu {
	-webkit-transform:translate3d(-23.5%, 0, 0);
	-moz-transform:translate3d(-23.5%, 0, 0);
	-ms-transform:translate3d(-23.5%, 0, 0);
	-o-transform:translate3d(-23.5%, 0, 0);
	transform:translate3d(-23.5%, 0, 0)
}
nav .menu .sub-menu li a span {
	width:15rem
}
}@media only screen and (min-width:1024px) and (max-width:1279px) {
	html {
	font-size:20px
}
.home-plan-content .swiper-slide {
	padding:14rem 5% 0 18rem
}
.planing ul {
	background-size:37%;
	padding-bottom:26%
}
.planing ul li {
	background:white
}
.crop-task .desc {
	padding:0
}
.banner.goods p {
	width:80%
}
.about-info .company-img {
	margin:.5rem 3rem 1.5rem 0
}
.news {
	padding:1.5rem 5%
}
.news ul li .img {
	width:100%;
	float:initial;
	margin-right:0;
	margin-bottom:1rem
}
}@media only screen and (width:1280px) {
	html {
	font-size:20px
}
}@media only screen and (width:1366px) {
	html {
	font-size:20px
}
}@media only screen and (width:1440px) {
	html {
	font-size:20px
}
}@media only screen and (min-width:1680px) {
	html {
	font-size:24px
}
}@media only screen and (min-width:1920px) and (max-width:2559px) {
	html {
	font-size:20px
}
}@media only screen and (min-width:2560px) {
	html {
	font-size:40px
}
}


.plan-img-box {
	position: relative;
	text-align: center;
}
.plan-img-box img {
	display: inline-block;
	width: 400px;
}
.plan-img-box .btn {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
}