@charset "utf-8";
	.dc-SlideShow {
	visibility:hidden;
	position:relative;
	transition:opacity .3s;
	opacity:0
}
.dc-SlideShow.loaded,.dc-SlideShow.loading {
	visibility:visible;
	opacity:1
}
.dc-SlideShow .slide-item,.dc-SlideShow .slides-list {
	height:100%;
	margin:0;
	padding:0;
	list-style:none
}
.dc-SlideShow .slides-list {
	overflow:hidden;
	position:relative;
	z-index:2
}
.dc-SlideShow .slide-item {
	visibility:hidden;
	position:absolute;
	width:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover
}
.dc-SlideShow .slide-item.active,.dc-SlideShow .slide-item.draging {
	visibility:visible
}
.slide-item .slide-bg {
	display:none
}
.slide-item.has-transition {
	transition:all .3s ease-out
}
.dc-SlideShow .slide-item.hidden {
	visibility:hidden
}
.dc-SlideShow .slide-bullets,.dc-SlideShow .slide-hotarea {
	z-index:10
}
.dc-SlideShow .slide-hotarea {
	position:absolute;
	top:50%;
	width:40px;
	height:70px;
	margin-top:-35px;
	cursor:default;
	transition:transform .4s ease-out,opacity .4s;
	opacity:0
}
.dc-SlideShow .slide-hotarea.prev {
	left:30px;
	transform:translate3d(-200px,0,0)
}
.dc-SlideShow .slide-hotarea.next {
	right:30px;
	transform:translate3d(200px,0,0)
}
.dc-SlideShow.loaded:hover .slide-hotarea.next,.dc-SlideShow.loaded:hover .slide-hotarea.prev {
	transform:translate3d(0,0,0);
	opacity:1
}
.dc-SlideShow:hover .slide-hotarea {
	display:block;
	cursor:pointer
}
.dc-SlideShow .slide-hotarea>.slide-btn {
	display:block;
	position:absolute;
	top:50%;
	width:100%
}
.slide-hotarea.prev .slide-btn {
	left:0
}
.slide-hotarea.next .slide-btn {
	right:0
}
.slide-hotarea>.slide-btn:after,.slide-hotarea>.slide-btn:before {
	position:absolute;
	top:-1px;
	width:100%;
	height:2px;
	content:'';
	transform:rotate(-45deg);
	background-color:#fff
}
.slide-hotarea>.slide-btn:after {
	transform:rotate(45deg)
}
.prev .slide-btn:after,.prev .slide-btn:before {
	transform-origin:0 0
}
.next .slide-btn:after,.next .slide-btn:before {
	transform-origin:100% 0
}
.dc-SlideShow .slide-hotarea:hover>.slide-btn {
	color:#fff;
	border-radius:3px;
	background:rgba(102,102,102,.4)
}
.dc-SlideShow .slide-bullets {
	position:absolute;
	bottom:175px;
	left:0;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:0
}
.dc-SlideShow .slide-bullet {
	display:inline-block;
	width:20px;
	height:20px;
	font-size:0;
	line-height:20px;
	text-align:center;
	cursor:pointer
}
.dc-SlideShow .slide-bullet:before {
	content:'';
	display:inline-block;
	width:10px;
	height:10px;
	border:solid 1px #666;
	border-radius:50%;
	vertical-align:middle
}
.dc-SlideShow .slide-bullets.dark-bg .slide-bullet:before {
	border-color:rgba(255,255,255,.8)
}
@media (max-width:1023px) {
	.dc-SlideShow .slide-bullets {
	bottom:8px
}
}.dc-SlideShow .slide-bullet.active:before {
	width:12px;
	height:12px;
	border-width:2px;
	border-color:#e41f2b
}
.dc-SlideShow .slide-bullets.dark-bg .slide-bullet.active:before {
	border-color:rgba(255,255,255,.9)
}
.effect-layer {
	display:none;
	overflow:hidden;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.effect-layer.show-effect {
	display:block
}
.fade>.effect-slide {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover
}
.fade>.curr-slide {
	z-index:2
}
.fade>.next-slide {
	z-index:1
}
.show-effect.fade>.curr-slide {
	animation:effect-fadeOut 1s forwards
}
.show-effect.fade>.next-slide {
	animation:effect-fadeIn 1s forwards
}
@keyframes effect-fadeIn {
	from {
	opacity:0
}
to {
	opacity:1
}
}@keyframes effect-fadeOut {
	from {
	opacity:1
}
to {
	opacity:0
}
}.effect-layer .effect-slide {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover
}
.show-effect.slide .curr-slide {
	animation:effect-slideOutLeft 1s forwards
}
.show-effect.slide .next-slide {
	animation:effect-slideInRight 1s forwards
}
.show-effect.slide.reverse .curr-slide {
	animation:effect-slideOutRight 1s forwards
}
.show-effect.slide.reverse .next-slide {
	animation:effect-slideInLeft 1s forwards
}
.show-effect.slide-vertical .curr-slide {
	animation:effect-slideOutUp 1s forwards
}
.show-effect.slide-vertical .next-slide {
	animation:effect-slideInDown 1s forwards
}
.show-effect.slide-vertical.reverse .curr-slide {
	animation:effect-slideOutDown 1s forwards
}
.show-effect.slide-vertical.reverse .next-slide {
	animation:effect-slideInUp 1s forwards
}
@keyframes effect-slideInLeft {
	from {
	transform:translate3d(-100%,0,0)
}
to {
	transform:translate3d(0,0,0)
}
}@keyframes effect-slideInRight {
	from {
	transform:translate3d(100%,0,0)
}
to {
	transform:translate3d(0,0,0)
}
}@keyframes effect-slideOutLeft {
	from {
	transform:translate3d(0,0,0)
}
to {
	transform:translate3d(-100%,0,0)
}
}@keyframes effect-slideOutRight {
	from {
	transform:translate3d(0,0,0)
}
to {
	transform:translate3d(100%,0,0)
}
}@keyframes effect-slideInUp {
	from {
	transform:translate3d(0,-100%,0)
}
to {
	transform:translate3d(0,0,0)
}
}@keyframes effect-slideInDown {
	from {
	transform:translate3d(0,100%,0)
}
to {
	transform:translate3d(0,0,0)
}
}@keyframes effect-slideOutUp {
	from {
	transform:translate3d(0,0,0)
}
to {
	transform:translate3d(0,-100%,0)
}
}@keyframes effect-slideOutDown {
	from {
	transform:translate3d(0,0,0)
}
to {
	transform:translate3d(0,100%,0)
}
}.stage-3d-effect {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform-style:preserve-3d;
	perspective:2000px
}
.turn-down .curr-slide:before,.turn-left .curr-slide:before,.turn-right .curr-slide:before,.turn-up .curr-slide:before {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content:'';
	background:rgba(0,0,0,.4)
}
.show-effect.turn-down .curr-slide:before,.show-effect.turn-left .curr-slide:before,.show-effect.turn-right .curr-slide:before,.show-effect.turn-up .curr-slide:before {
	animation:effect-fadeIn 1s forwards
}
.show-effect.turn-right .next-slide {
	transform-origin:100% 0;
	animation:effect-turnInRight 1s forwards
}
.show-effect.turn-left .next-slide {
	transform-origin:0 0;
	animation:effect-turnInLeft 1s forwards
}
.show-effect.turn-down .next-slide {
	transform-origin:0 100%;
	animation:effect-turnInDown 1s forwards
}
.show-effect.turn-up .next-slide {
	transform-origin:100% 0;
	animation:effect-turnInUp 1s forwards
}
@keyframes effect-turnInLeft {
	from {
	transform:rotateY(90deg)
}
to {
	transform:rotateY(0)
}
}@keyframes effect-turnInRight {
	from {
	transform:rotateY(-90deg)
}
to {
	transform:rotateY(0)
}
}@keyframes effect-turnInDown {
	from {
	transform:rotateX(90deg)
}
to {
	transform:rotateY(0)
}
}@keyframes effect-turnInUp {
	from {
	transform:rotateX(-90deg)
}
to {
	transform:rotateY(0)
}
}.show-effect.shift-down .curr-slide,.show-effect.shift-left .curr-slide,.show-effect.shift-right .curr-slide,.show-effect.shift-up .curr-slide {
	animation:effect-zoomOut 1s forwards
}
.show-effect.shift-right .next-slide {
	transform-origin:100% 0;
	animation:effect-shiftInRight 1s forwards
}
.show-effect.shift-left .next-slide {
	transform-origin:0 0;
	animation:effect-shiftInLeft 1s forwards
}
.show-effect.shift-up .next-slide {
	transform-origin:0 100%;
	animation:effect-shiftInUp 1s forwards
}
.show-effect.shift-down .next-slide {
	transform-origin:100% 0;
	animation:effect-shiftInDown 1s forwards
}
@keyframes effect-zoomOut {
	from {
	transform:scale(1)
}
to {
	transform:scale(.6)
}
}@keyframes effect-shiftInLeft {
	from {
	transform:translate3d(-100%,0,0)
}
to {
	transform:translate3d(0,0,0)
}
}@keyframes effect-shiftInRight {
	from {
	transform:translate3d(100%,0,0)
}
to {
	transform:translate3d(0,0,0)
}
}@keyframes effect-shiftInUp {
	from {
	transform:translate3d(0,-100%,0)
}
to {
	transform:translate3d(0,0,0)
}
}@keyframes effect-shiftInDown {
	from {
	transform:translate3d(0,100%,0)
}
to {
	transform:translate3d(0,0,0)
}
}.unfold.effect-layer {
	overflow:visible
}
.effect-layer.unfold .effect-slide {
	width:50%
}
.effect-layer.unfold .next-slide {
	left:50%;
	background-position:100% 0
}
.effect-layer.unfold .unfold-effect-slides {
	position:absolute;
	top:0;
	left:50%;
	width:50%;
	height:100%;
	transform-style:preserve-3d
}
.unfold-effect-slides .unfold-back,.unfold-effect-slides .unfold-front {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	backface-visibility:hidden
}
.unfold .unfold-front {
	background-position:100% 0
}
.unfold .unfold-back {
	transform:rotate3d(0,1,0,180deg)
}
.show-effect.unfold .unfold-effect-slides {
	transform-origin:0 0;
	animation:effect-unfoldLeft 1s forwards
}
.unfold.reverse .next-slide {
	left:0;
	background-position:0 0
}
.unfold.reverse .curr-slide {
	left:50%;
	background-position:100% 0
}
.unfold.reverse .unfold-effect-slides {
	left:0
}
.reverse.unfold .unfold-back {
	background-position:100% 0
}
.reverse.unfold .unfold-front {
	background-position:0 0
}
.show-effect.unfold.reverse .unfold-effect-slides {
	transform-origin:100% 0;
	animation:effect-unfoldRight 1s forwards
}
.unfold-vertical.effect-layer {
	overflow:visible
}
.effect-layer.unfold-vertical .unfold-effect-slides {
	position:absolute;
	top:0;
	left:50%;
	width:100%;
	height:50%;
	transform-style:preserve-3d
}
.effect-layer.unfold-vertical .effect-slide {
	height:50%
}
.effect-layer.unfold-vertical .curr-slide {
	top:50%;
	background-position:0 100%
}
.effect-layer.unfold-vertical .unfold-effect-slides {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:50%;
	transform-style:preserve-3d
}
.unfold-vertical .unfold-back {
	transform:rotate3d(1,0,0,180deg);
	background-position:0 100%
}
.show-effect.unfold-vertical .unfold-effect-slides {
	transform-origin:0 100%;
	animation:effect-unfoldDown 1s forwards
}
.unfold-vertical.reverse .next-slide {
	top:50%;
	background-position:0 100%
}
.unfold-vertical.reverse .curr-slide {
	top:0;
	background-position:0 0
}
.unfold-vertical.reverse .unfold-effect-slides {
	top:50%
}
.reverse.unfold-vertical .unfold-back {
	background-position:0 0
}
.reverse.unfold-vertical .unfold-front {
	background-position:0 100%
}
.show-effect.unfold-vertical.reverse .unfold-effect-slides {
	transform-origin:100% 0;
	animation:effect-unfoldUp 1s forwards
}
@keyframes effect-unfoldLeft {
	from {
	transform:rotate3d(0,1,0,0)
}
to {
	transform:rotate3d(0,1,0,-180deg)
}
}@keyframes effect-unfoldRight {
	from {
	transform:rotate3d(0,1,0,0)
}
to {
	transform:rotate3d(0,1,0,180deg)
}
}@keyframes effect-unfoldDown {
	from {
	transform:rotate3d(1,0,0,0)
}
to {
	transform:rotate3d(1,0,0,-180deg)
}
}@keyframes effect-unfoldUp {
	from {
	transform:rotate3d(1,0,0,0)
}
to {
	transform:rotate3d(1,0,0,180deg)
}
}
.overview .dc-SlideShow {
	height:560px
}
.slide-content {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	color:#3550d6
}
.slide-content.slide-play {
	visibility:visible
}
.dc-SlideShow.mobile-deviceSize .slide-content {
	visibility:hidden
}
.dc-SlideShow.mobile-device .slide-content [slider-transition-enter-effect],.dc-SlideShow.mobile-device .slide-content [slider-transition-exit-effect] {
	-webkit-transition-duration:0s!important;
	transition-duration:0s!important;
	opacity:1;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
.dc-SlideShow .slide-hotarea,.dc-SlideShow:hover .slide-hotarea {
	display:none
}
.slide-link {
	display:block;
	height:100%
}
@media (max-width:1023px) {
	.overview .dc-SlideShow {
	height:auto
}
}.content-block.overview {
	position:relative;
	max-width:none;
	margin:0;
	padding:0;
	background:#fff
}
@media (max-width:1023px) {
	.content-block.overview {
	background:#dee6ee
}
}.swiper-slide,.swiper-wrapper {
	height:560px!important
}
.swiper-container {
	height:500px
}
.swiper-slide {
	width:100%
}
.banner-wrapper {
	width:100%;
	height:100%;
	background:url(../images/index-v2/banner/rds-bg.jpg) no-repeat center
}
.banner-main {
	position:relative;
	max-width:1180px;
	margin:0 auto;
	padding-top:107px;
	color:#333;
	text-align:left
}
.banner-main.not-pro {
	padding-top:100px;
	text-align:center
}
@media (max-width:1200px) {
	.banner-main {
	padding-left:20px;
	padding-right:20px
}
}.banner-main .txt-01 {
	font-size:24px;
	line-height:44px
}
.banner-main.not-pro .txt-01 {
	display:inline-block;
	padding:0 5px;
	color:#333;
	font-size:24px;
	margin-left:510px;
	border-bottom:2px solid #96abc4;
	margin-bottom:20px
}
.banner-main.not-pro.ide .txt-01 strong {
	font-weight:700
}
.banner-main .txt-02 {
	font-size:48px;
	line-height:68px
}
.banner-main.not-pro .txt-02 {
	color:#2b3033;
	font-size:70px;
	text-align:center;
	margin-bottom:25px
}
.banner-main .txt-03 {
	font-size:16px;
	line-height:36px
}
.banner-main.not-pro .txt-03 {
	color:#2b3033;
	font-size:30px;
	text-align:center
}
.banner-main .btn-banner {
	width:142px;
	height:40px;
	margin-top:35px;
	background:#e41f2b;
	font-size:16px;
	color:#fff;
	line-height:40px;
	text-align:center
}
.banner-main-bg {
	position:absolute;
	z-index:0;
	top:0;
	left:50%;
	width:1920px;
	height:560px;
	margin-left:-960px;
	background-repeat:no-repeat;
	background-position:center center
}
.pagination {
	position:absolute;
	z-index:20;
	bottom:150px;
	width:100%;
	text-align:center
}
.swiper-pagination-switch {
	display:inline-block;
	width:50px;
	height:20px;
	margin:0 5px;
	background:0 0;
	border-bottom:3px solid rgba(0,0,0,.2);
	border-radius:0;
	cursor:pointer
}
.swiper-active-switch {
	border-bottom:3px solid #e41f2b
}
.banner-mb {
	display:none
}
@media (max-width:1023px) {
	.swiper-container {
	height:auto
}
.swiper-slide,.swiper-wrapper {
	height:auto!important
}
.banner-main {
	display:none
}
.banner-mb {
	display:block
}
.banner-mb img {
	width:100%;
	display:block
}
.pagination {
	bottom:10px
}
}@-webkit-keyframes fadeInFg {
	0% {
	opacity:0;
	-webkit-transform:translate3d(2%,2%,0);
	transform:translate3d(2%,2%,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}@keyframes fadeInFg {
	0% {
	opacity:0;
	-webkit-transform:translate3d(2%,2%,0);
	-ms-transform:translate3d(2%,2%,0);
	transform:translate3d(2%,2%,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none
}
}.fadeInFg {
	-webkit-animation-name:fadeInFg;
	animation-name:fadeInFg
}
[slider-transition-enter-effect=transition-fadeIn] {
	opacity:0
}
[slider-transition-enter-effect=transition-fadeIn][slider-transition-state=enter] {
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
[slider-transition-enter-effect=transition-fadeInUp] {
	opacity:0;
	-webkit-transform:translate3d(0,50px,0);
	-ms-transform:translate3d(0,50px,0);
	transform:translate3d(0,50px,0)
}
[slider-transition-enter-effect=transition-fadeInUp][slider-transition-state=enter] {
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
[slider-transition-enter-effect=transition-fadeInTopLeft-short] {
	opacity:0;
	-webkit-transform:translate3d(20px,20px,0);
	-ms-transform:translate3d(20px,20px,0);
	transform:translate3d(20px,20px,0)
}
[slider-transition-enter-effect=transition-fadeInTopLeft-short][slider-transition-state=enter] {
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
[slider-transition-exit-effect=transition-fadeOut][slider-transition-state=exit] {
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
	opacity:0;
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
[slider-transition-exit-effect=transition-fadeOutUp][slider-transition-state=exit] {
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
	opacity:0;
	-webkit-transform:translate3d(0,-50px,0);
	-ms-transform:translate3d(0,-50px,0);
	transform:translate3d(0,-50px,0)
}
.slide-content-product .banner-main {
	padding-top:90px
}
.banner-product-text {
	position:relative;
	z-index:3;
	padding-left:30px
}
.banner-product-text h3 {
	margin-bottom:10px;
	font-size:24px;
	color:#333;
	line-height:36px;
	font-weight:600;
}
.banner-product-text h2 {
	margin-top:10px;
	margin-bottom:10px;
	font-size:48px;
	color:#333;
	line-height:60px
}
.banner-product-text p {
	margin-top:10px;
	font-size:18px;
	color:#333;
	line-height:22px
}
.banner-product-text em {
	font-style:normal;
	color:#e41e2b
}
.banner-product-text .aui-button {
	margin-top:30px
}
.banner-product-text .btn-primary {
	box-shadow:0 10px 20px 0 rgba(239,35,54,.2)
}
.banner-product-text .aui-button+.aui-button {
	margin-left:7px
}
.banner-product-image-main,.banner-product-image-sub {
	position:absolute;
	z-index:1;
	top:0;
	right:-190px;
	width:930px;
	height:560px
}
[slider-transition-enter-effect=transition-fadeInBottomLeft-product] {
	opacity:0;
	-webkit-transform:translate3d(104px,-71px,0);
	-ms-transform:translate3d(104px,-71px,0);
	transform:translate3d(104px,-71px,0)
}
[slider-transition-enter-effect=transition-fadeInBottomLeft-product][slider-transition-state=enter] {
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.slide-content-activity .banner-main {
	height:400px;
	padding-top:105px;
	font-size:0;
	text-align:center
}
.banner-activity-text {
	position:relative;
	z-index:3;
	text-align:center;
}
.banner-activity-text h3 {
	margin-bottom:10px;
	font-size:24px;
	line-height:36px;
	color:#333
}
.banner-activity-text h2 {
	margin-top:10px;
	margin-bottom:10px;
	font-size:56px;
	line-height:70px;
	color:#333
}
.banner-activity-text p.red {
	margin-top:0px;
	margin-bottom:0px;
	font-size:22px;
	line-height:22px;
	color:#de5900;
	font-weight:600;
	border: 1px solid #de5900;
	padding: 10px;
	display:inline-block;
}
.banner-activity-text p{
	margin-top:10px;
	margin-bottom:10px;
	font-size:18px;
	line-height:22px;
	color:#333
}
.banner-activity-text em {
	font-style:normal;
	color:#e41e2b
}
.banner-activity-text .banner-activity-text-subp {
	display:block;
	margin-top:12px;
	margin-bottom:12px;
	font-size:14px;
	line-height:18px;
	color:#999
}
.banner-activity-button-wrapper {
	margin-top:20px
}
.banner-activity-button-wrapper .aui-button {
	box-shadow:0 10px 20px 0 rgba(239,35,54,.2)
}
.home-events {
	position:absolute;
	z-index:10;
	left:0;
	right:0;
	bottom:0;
	padding-bottom:58px
}
.home-events-bar {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:rgba(255,255,255,.7)
}
.home-events-bar-wrapper {
	max-width:1210px;
	height:40px;
	padding:10px 15px;
	margin-left:auto;
	margin-right:auto
}
.home-events-bar-new {
	float:left;
	width:58px;
	height:20px;
	margin-right:20px;
	background-image: url(../images/events-new.svg);
	background-repeat:no-repeat;
	background-size:auto 14px;
	background-position:center center
}
.home-events-bar-item {
	position:relative;
	float:left;
	padding-right:20px;
	padding-left:12px;
	width:calc((100% - 120px)/ 3);
	font-size:14px;
	line-height:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.home-events-bar-item:before {
	content:"";
	position:absolute;
	left:0;
	top:8px;
	width:4px;
	height:4px;
	border-radius:50%;
	margin-right:10px;
	background:#e41e2b;
	vertical-align:middle
}
.home-events-bar-item em {
	font-style:normal;
	color:#e41e2b
}
.home-event-bar-more {
	float:right;
	margin-left:-30px
}
.home-events-box {
	max-width:1210px;
	padding-left:15px;
	padding-right:15px;
	margin-left:auto;
	margin-right:auto
}
.home-events-box-wrapper {
	width:100%;
	border:solid 1px #fff;
	border-radius:2px;
	box-shadow:0 8px 16px 0 rgba(0,0,0,.06)
}
.home-events-box-wrapper:after {
	content:"";
	display:table;
	clear:both
}
.home-events-box-item {
	position:relative;
	float:left;
	width:25%;
	height:100px;
	background:rgba(255,255,255,.9);
	-webkit-transition:.2s;
	transition:.2s
}
.home-events-box-item+.home-events-box-item {
	border-left:solid 1px #e9e9e9
}
.home-events-box-item a {
	display:block;
	height:100%;
	padding:24px 5px 24px 90px
}
.home-events-box-item i {
	position:absolute;
	top:20px;
	left:15px;
	width:60px;
	height:60px
}
.home-events-box-item i img {
	position:absolute;
	width:100%;
	height:100%;
	-webkit-transition:opacity .2s;
	transition:opacity .2s;
	will-change:opacity
}
.home-events-box-item i img:last-child {
	opacity:0
}
.home-events-box-item h2 {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.home-events-box-item p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.home-events-box-item h2 {
	margin-bottom:4px;
	font-size:18px;
	line-height:25px;
	color:#333;
	-webkit-transition:.2s;
	transition:.2s;
	will-change:color
}
.home-events-box-item h2.tip::after{
	content: '';
	display: inline-block;
	width: 30px;
	height: 14px;
	margin-left: 3px;
	background: url("../images/tip8.png") 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.home-events-box-item p {
	font-size:14px;
	line-height:20px;
	color:#999
}
@media (min-width:1024px) {
	.home-events-box-item:hover {
	background:rgba(255,255,255,1)
}
.home-events-box-item:hover i img:first-child {
	opacity:.5
}
.home-events-box-item:hover i img:last-child {
	opacity:1
}
.home-events-box-item:hover h2 {
	color:#e41e2b
}
}
@media (max-width:1023px) {
	.home-events {
	position:relative;
	padding-bottom:30px;
	border-top:solid 1px #fff;
	background:rgba(255,255,255,.4)
}
.home-events-bar {
	position:static;
	background:0 0
}
.home-events-bar-wrapper {
	height:38px;
	padding-top:7px;
	padding-bottom:7px
}
.home-events-bar-new {
	width:50px;
	height:22px;
	margin-right:10px;
	background-size:auto 12px
}
.home-events-bar-item {
	width:calc(100% - 60px);
	padding-top:3px;
	padding-bottom:3px;
	font-size:12px;
	line-height:16px
}
.home-event-bar-more,.home-events-bar-item+.home-events-bar-item {
	display:none
}
.home-events-box {
	display:block
}
.home-events-box:after {
	content:"";
	display:table;
	clear:both
}
.home-events-box-wrapper {
	border:none;
	box-shadow:none
}
.home-events-box-item {
	display:block;
	float:left;
	width:calc((100% - 5px)/ 2);
	border:1px solid #fff!important;
	background:rgba(255,255,255,.4);
	box-shadow:0 5px 15px 0 rgba(189,189,189,.5)
}
.home-events-box-item:nth-child(2n) {
	margin-left:5px
}
.home-events-box-item:nth-child(2)~.home-events-box-item {
	margin-top:5px
}
.home-events-box-item a {
	padding:10px 0 8px
}
.home-events-box-item i {
	position:relative;
	top:auto;
	left:auto;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.home-events-box-item h2 {
	margin-top:2px;
	margin-bottom:0;
	font-size:14px;
	line-height:20px;
	text-align:center
}
.home-events-box-item p {
	display:none
}
}
title {
	font-size:21px
}
@media (min-width:768px) {
	title {
	font-size:22px
}
}@media (min-width:1024px) {
	title {
	font-size:23px
}
}@media (min-width:1280px) {
	title {
	font-size:24px
}
}@media (min-width:1366px) {
	title {
	font-size:25px
}
}@media (min-width:1680px) {
	title {
	font-size:26px
}
}
.home-section h2,.home-section p {
	text-align:justify
}
.section-head {
	max-width:1210px;
	padding:60px 15px 30px;
	margin-left:auto;
	margin-right:auto;
	text-align:center
}
.section-head h2 {
	margin-bottom:5px;
	font-size:24px;
	line-height:36px;
	text-align:center;
	color:#333
}
.section-head p {
	font-size:18px;
	line-height:24px;
	text-align:center;
	color:#999
}
.section-more-wrap {
	padding-top:30px;
	padding-bottom:60px;
	text-align:center
}
.section-more-wrap a {
	display:inline-block;
	font-size:14px;
	line-height:21px;
	color:#999;
	cursor:pointer
}
@media (min-width:1024px) {
	.section-more-wrap a:hover {
	color:#12d1e5;
	border-color:#12d1e5
}
}@media (max-width:1023px) {
	.section-head {
	padding:38px 15px 23px
}
.section-more-wrap {
	display:none
}
.section-head h2 {
	margin-bottom:3px;
	font-size:21px;
	line-height:30px
}
.section-head p {
	font-size:14px;
	line-height:20px
}
}
.section-product {
	background:#fff
}
.product-nav-tabs {
	overflow:hidden;
	max-width:1210px;
	padding-left:15px;
	padding-right:15px;
	margin-left:auto;
	margin-right:auto
}
.product-nav-tabs>li {
	float:left;
	width:25%;
	padding-top:28px;
	text-align:center
}
.product-nav-tabs[data-cols="5"]>li {
	width:20%
}
.product-nav-tabs[data-cols="6"]>li {
	width:calc(100% / 6)
}
.product-nav-tabs[data-cols="7"]>li {
	width:calc(100% / 7)
}
.product-nav-tabs[data-cols="8"]>li {
	width:12.5%
}
.product-nav-tabs i {
	display:block;
	width:48px;
	height:48px;
	margin-left:auto;
	margin-right:auto;
	background-size:100% 100%
}
.product-nav-tabs>li>a {
	display:inline-block;
	cursor:pointer
}
.product-nav-tabs i:before {
	content:"";
	width:0;
	height:0
}
.product-nav-tabs p {
	display:inline-block;
	position:relative;
	height:50px;
	padding-left:10px;
	padding-right:10px;
	margin-top:12px;
	font-size:14px;
	line-height:18px;
	text-align:center;
	color:#8a8d93;
	-webkit-transition:.2s;
	transition:.2s
}
.product-nav-tabs p:after {
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	right:51%;
	height:4px;
	background:#e41f2b;
	-webkit-transition:.2s;
	transition:.2s
}
@media (min-width:1024px) {
	.product-nav-tabs a:hover p {
	color:#e41f2b
}
}
.product-nav-tabs>li.active p {
	color:#e41f2b
}
.product-nav-tabs>li.active p:after {
	left:0;
	right:0
}
.product-tab-content {
	overflow:hidden;
	background:#fafafa;
	-webkit-transition:.35s;
	transition:.35s
}
.product-tab-panel {
	display:none;
	max-width:1210px;
	padding:30px 15px;
	margin-left:auto;
	margin-right:auto
}
.product-tab-panel.active {
	display:block
}
.product-list:after {
	content:"";
	display:table;
	clear:both
}
.product-item {
	display:inline;
}
.product-item>a {
	position:relative;
	float:left;
	width:33.333333%;
	padding-left:10px;
	padding-right:10px;	
	height:140px;
	padding:20px 45px 20px 20px;
	-webkit-transition:.2s;
	transition:.2s;
}
.caret-new {
	display:inline-block;
	width:36px;
	height:16px;
	margin-top:-2px;
	margin-left:10px;
	line-height:16px;
	background:#e41f2b;
	font-size:12px;
	color:#fff;
	text-align:center;
	vertical-align:middle
}
.caret-new:before {
	content:"NEW"
}
.product-item>a h2 {
	margin-bottom:14px;
	font-size:16px;
	line-height:25px;
	color:#333
}
.product-item>a p {
	height:60px;
	overflow:hidden;
	font-size:14px;
	line-height:20px;
	color:#999;
	text-align:justify
}
.product-item>a:after {
	content:"";
	opacity:0;
	position:absolute;
	top:50%;
	right:20px;
	width:8px;
	height:8px;
	margin-top:-4px;
	border-right:solid 1px #e41f2b;
	border-top:solid 1px #e41f2b;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:.2s;
	transition:.2s
}
@media (min-width:1024px) {
	.product-item>a:hover h2 {
	color:#e41e2b
}
.product-item>a:hover {
	background-color:#fff;
	box-shadow:0 3px 8px 0 rgba(37,43,58,.1)
}
.product-item>a:hover:after {
	opacity:1
}
}.product-icon-calc,li.active .product-icon-calc:before {
	background-image: url(../images/icon-calc.svg)
}
.product-icon-disk {
	background-image: url(../images/icon-disk.svg)
}
.product-icon-web {
	background-image: url(../images/icon-web.svg)
}
.product-icon-safe {
	background-image: url(../images/icon-safe.svg)
}
.product-icon-datalib {
	background-image: url(../images/icon-datalib.svg)
}
.product-icon-analysis {
	background-image: url(../images/icon-analysis.svg)
}
.product-icon-develop {
	background-image: url(../images/icon-develop.svg)
}
.product-icon-new {
	background-image: url(../images/icon-new.svg)
}
.product-icon-service {
	background-image: url(../images/icon-service.svg)
}
.product-icon-manage {
	background-image: url(../images/icon-manage.svg)
}
.product-body-mb {
	display:none
}
@media (max-width:1023px) {
	.section-product {
	background:#dee6ee
}
.product-body-pc {
	display:none
}
.product-body-mb {
	display:block;
	padding-bottom:25px
}
.product-nav-tabs>li {
	width:calc(50% - 1px);
	padding-top:0;
	margin-top:2px;
	background:#fff
}
.product-nav-tabs:first-child>li {
	margin-top:0
}
.product-nav-tabs>li+li {
	margin-left:2px
}
.product-nav-tabs>li>a {
	display:block;
	position:relative;
	height:75px;
	padding-left:54px;
	font-size:0;
	line-height:75px;
	text-align:left
}
.product-nav-tabs>li>a:before {
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	bottom:0;
	height:2px;
	background-color:#e41f2b;
	-webkit-transition:.2s;
	transition:.2s
}
.product-nav-tabs>li.active>a:before {
	left:0;
	right:0
}
.product-nav-tabs i {
	position:absolute;
	top:50%;
	left:15px;
	width:24px;
	height:24px;
	margin-top:-12px
}
.product-nav-tabs p {
	display:inline-block;
	height:auto;
	padding:0;
	margin-top:0;
	font-size:14px;
	line-height:20px;
	color:#252b3a;
	vertical-align:middle
}
.product-tab-content {
	margin-left:15px;
	margin-right:15px;
	background:#fff;
	-webkit-transition:.35s;
	transition:.35s
}
.product-nav-tabs p:after {
	content:none
}
.product-tab-panel {
	border-top:solid 2px #dee6ee;
	padding:0
}
.product-list {
	padding:25px 30px;
	background:#fff
}
.product-item {
	display:list-item
}
.product-item+.product-item {
	margin-top:25px
}
.product-item>a {
	float:none;
	display:block;
	width:auto;
	height:auto;
	padding:0
}
.product-item>a p {
	height:auto
}
}.section-solution {
	background:#fafafa
}
.solution-wrapper {
	background:url(../images/solution-bg.jpg);
	background-size:cover
}
.solution-body {
	max-width:1440px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden
}
.solution-item {
	overflow:hidden;
	position:relative;
	float:left;
	width:20%;
	height:450px;
	background-size:cover;
	background-position:center center
}
.solution-item-business {
	background-image:url(../images/bg-business.jpg)
}
.solution-item-game {
	background-image:url(../images/bg-game.jpg)
}
.solution-item-webmobile {
	background-image:url(../images/bg-webmobile.jpg)
}
.solution-item-calc {
	background-image:url(../images/bg-calc.jpg)
}
.solution-item-sap {
	background-image:url(../images/bg-sap.jpg)
}
.solution-item:before {
	content:"";
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	right:100%;
	height:4px;
	background:#e41f2b;
	-webkit-transition:.35s;
	transition:.35s
}
.solution-inner {
	height:520px;
	padding:170px 20px 0;
	-webkit-transition:.35s;
	transition:.35s
}
.solution-item:nth-child(2n+1) .solution-inner {
	background-color:rgba(37,43,58,.7)
}
.solution-item:nth-child(2) .solution-inner {
	background-color:rgba(37,43,58,.3)
}
.solution-item:nth-child(4) .solution-inner {
	background-color:rgba(37,43,58,.4)
}
.solution-inner i {
	display:block;
	width:60px;
	height:60px;
	margin:0 auto 23px;
	background-size:100% 100%;
	-webkit-transition:.35s;
	transition:.35s
}
.solution-inner i:before {
	content:"";
	width:0;
	height:0
}
.solution-inner h2 {
	margin-bottom:20px;
	font-size:20px;
	line-height:28px;
	text-align:center;
	color:#fff;
	-webkit-transition:.35s;
	transition:.35s
}
.solution-inner p {
	opacity:0;
	max-width:220px;
	min-height:72px;
	margin:0 auto 10px;
	font-size:14px;
	line-height:18px;
	color:#252b3a;
	-webkit-transition:.35s;
	transition:.35s
}
.solution-inner a {
	opacity:0;
	display:block;
	max-width:180px;
	margin:0 auto;
	text-align:center;
	box-shadow:0 8px 16px 0 rgba(227,24,31,.3);
	-webkit-transition:.35s;
	transition:.35s
}
@media (min-width:1024px) {
	.solution-item:hover .solution-inner {
	background:rgba(246,251,255,.7);
	-ms-transform:translate3d(0,-70px,0);
	transform:translate3d(0,-70px,0)
}
.solution-item:hover:before {
	right:0
}
.solution-item:hover .solution-inner h2 {
	color:#252b3a
}
.solution-item:hover .solution-inner a,.solution-item:hover .solution-inner p {
	opacity:1
}
}.section-solution .section-more-wrap {
	display:none
}
.solution-icon-business {
	background-image: url(../images/icon-business.png)
}
.solution-icon-game {
	background-image: url(../images/icon-game.png)
}
.solution-icon-webmobile {
	background-image: url(../images/icon-webmobile.png)
}
.solution-icon-calc {
	background-image: url(../images/icon-calc.png)
}
.solution-icon-sap {
	background-image: url(../images/icon-sap.png)
}
@media (min-width:1024px) {
	.solution-icon-business:before,.solution-item:hover .solution-icon-business {
	background-image: url(../images/icon-business-active.png)
}
.solution-icon-game:before,.solution-item:hover .solution-icon-game {
	background-image: url(../images/icon-game-active.png)
}
.solution-icon-webmobile:before,.solution-item:hover .solution-icon-webmobile {
	background-image: url(../images/icon-webmobile-active.png)
}
.solution-icon-calc:before,.solution-item:hover .solution-icon-calc {
	background-image: url(../images/icon-calc-active.png)
}
.solution-icon-sap:before,.solution-item:hover .solution-icon-sap {
	background-image: url(../images/icon-sap-active.png)
}
}@media (max-width:1023px) {
	.section-solution {
	background:#252b3a
}
.section-solution .section-head {
	display:block
}
.section-solution .section-head h2 {
	color:#fff
}
.solution-item {
	float:none;
	width:auto;
	height:100px!important
}
.solution-item:nth-child(3)~.solution-item {
	display:none
}
.solution-item-business {
	background-image:url(../images/bg-business-mb.jpg)
}
.solution-item-game {
	background-image:url(../images/bg-game-mb.jpg)
}
.solution-item-webmobile {
	background-image:url(../images/bg-webmobile-mb.jpg)
}
.solution-item-calc {
	background-image:url(../images/bg-calc-mb.jpg)
}
.solution-item-sap {
	background-image:url(../images/bg-sap-mb.jpg)
}
.solution-item:nth-child(2n) .solution-inner {
	background-color:rgba(107,116,137,.4)
}
.solution-item:nth-child(5) .solution-inner {
	background-color:rgba(37,43,58,.7)
}
.solution-inner {
	position:relative;
	height:100px;
	padding-top:22px!important
}
.solution-inner i {
	width:30px;
	height:30px;
	margin-bottom:6px
}
.solution-inner h2 {
	font-size:14px;
	line-height:20px
}
.solution-inner a {
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	max-width:none
}
.section-solution .section-more-wrap {
	display:block;
	padding-top:25px;
	padding-bottom:20px
}
.section-more-wrap a {
	font-size:14px;
	line-height:20px
}
.section-more-wrap a:before {
	content:"查看全部 >"
}
.solution-body.showmore .solution-item {
	display:block
}
.solution-body.showmore+.section-more-wrap a:before {
	content:"收起"
}
}.section-service {
	background-image:url(../images/service-bg.jpg);
	background-size:cover;
	background-position:center center
}
.service-wrapper {
	max-width:1210px;
	padding-left:15px;
	padding-right:15px;
	margin-left:auto;
	margin-right:auto
}
.service-body {
	overflow:hidden;
	background:#fff;
	border-radius:2px;
	box-shadow:0 5px 15px 0 rgba(0,0,0,.06)
}
.service-item {
	position:relative;
	float:left;
	height:330px;
	width:33.333333%;
	padding-top:68px
}
.service-item+.service-item:before {
	content:"";
	position:absolute;
	left:0;
	top:34px;
	bottom:34px;
	border-right:solid 1px #e5e7ed
}
.service-item>a {
	display:block;
	width:90px;
	margin-left:auto;
	margin-right:auto
}
.service-item i {
	display:block;
	width:80px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	background-size:100% 100%
}
.service-item i:before {
	content:"";
	width:0;
	height:0
}
.service-item h2 {
	margin-top:16px;
	margin-bottom:26px;
	font-size:18px;
	line-height:28px;
	text-align:center;
	color:#282820
}
@media (min-width:1024px) {
	.service-item a:hover h2 {
	color:#e41f2b
}
}.service-list {
	font-size:0;
	text-align:center
}
.service-list>li {
	display:inline
}
.service-list>li+li:before {
	content:"|";
	padding-left:8px;
	padding-right:8px
}
.service-list>li+li:before,.service-list>li>a {
	display:inline-block;
	font-size:14px;
	line-height:22px;
	color:#999
}
@media (min-width:1024px) {
	.service-list>li>a:hover {
	color:#12d1e5
}
}.service-item:nth-child(3) .service-list:nth-of-type(1)>li:last-child a:after {
	content:"\2003"
}
.service-icon-basesoft {
	background-image: url(../images/icon-basesoft.png)
}
.service-icon-businessSoft {
	background-image: url(../images/icon-businesssoft.png)
}
.service-icon-profession {
	background-image: url(../images/icon-profession.png)
}
@media (max-width:1023px) {
	.service-wrapper {
	padding-bottom:25px
}
.service-item {
	height:137px;
	padding-top:30px
}
.service-item+.service-item:before {
	top:14px;
	bottom:14px
}
.service-item i {
	width:40px;
	height:40px
}
.service-item h2 {
	margin-top:15px;
	margin-bottom:30px;
	font-size:14px;
	line-height:20px
}
.service-list {
	display:none
}
}
.section-community {
	background:#f9fafd
}

.community-wrapper {
	max-width:1210px;
	padding-left:15px;
	padding-right:15px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:50px;
}
.community-body {
	border: 1px solid rgba(230, 230, 230,.9);
	background: #fff;
}
.community-body:after {
  content: "";
  display: table;
  clear: both;
}
.community-list {
	overflow:hidden;
	margin-left:-10px;
	margin-right:-10px
}
.community-item {
	float:left;
	width:33.333333%;
	padding-left:10px;
	padding-right:10px
}
.community-main {
	display:block;
	-webkit-transition:.2s;
	transition:.2s
}
@media(min-width:1024px) {
.community-main:hover {
	box-shadow:0 3px 8px 0 rgba(37,43,58,.1)
}
.community-main:hover .community-main-text {
	color:#12d1e5
}
}.community-main-image {
	overflow:hidden;
	background:#eee
}
.community-main-image>img {
	display:block;
	width:100%
}
.community-main-text {
	height:60px;
	padding:19px 10px;
	border:solid 1px #e5e7ed;
	border-top-width:0;
	background:#fff;
	font-size:16px;
	color:#333;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.community-more {
	padding:20px 0
}
.community-more>li {
	position:relative;
	padding-right:10px;
	font-size:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.community-more>li+li {
	margin-top:10px
}
.community-more a {
	position:relative;
	display:inline-block;
	max-width:100%;
	padding-left:10px;
	font-size:14px;
	color:#666
}
.community-more a:before {
	content:"";
	position:absolute;
	top:50%;
	left:6px;
	width:4px;
	height:4px;
	margin-top:-2px;
	border-radius:50%;
	border:solid 2px
}
.section-community .section-more-wrap {
	display:none
}
@media(min-width:1024px) {
	.community-more a:hover {
	color:#12d1e5
}
}@media (max-width:1023px) {
	.community-item {
	width:50%
}
}
@media (max-width:767px) {
	.community-item {
	width:100%
}
.community-body {
	padding-bottom:0
}
.community-item+.community-item {
	margin-top:10px
}
.community-main-text {
	height:auto;
	padding:10px 10px;
	font-size:14px
}
.community-more {
	display:none
}
.section-community .section-more-wrap {
	display:block;
	padding-top:25px;
	padding-bottom:20px
}
}
.partner-wrapper {
	max-width:1210px;
	padding-left:15px;
	padding-right:15px;
	margin-left:auto;
	margin-right:auto
}
.partner-body {
	overflow:hidden
}
.partner-item {
	float:left;
	width:20%;
	height:110px;
	padding-top:25px
}
.partner-logo {
	display:block;
	width:140px;
	height:60px;
	margin:0 auto
}
@media (max-width:1023px) {
	.partner-body {
	padding-bottom:20px
}
.partner-item {
	width:33.333333%;
	height:60px;
	padding-top:15px
}
.partner-logo {
	height:30px;
	width:70px
}
}.section-news {
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ecf2f8),to(#fff));
	background-image:linear-gradient(#ecf2f8 0,#fff 100%)
}
.news-wrapper {
	max-width:1210px;
	padding-left:15px;
	padding-right:15px;
	margin-left:auto;
	margin-right:auto
}
.news-body {
	overflow:hidden;
	padding-top:26px;
	padding-bottom:10px
}
.news-image-box {
	position:relative;
	float:left;
	width:445px
}
.news-image-box img {
	position:relative;
	z-index:1;
	float:right;
	width:380px;
	height:240px;
	background-color:#fff
}
.news-image-box:before {
	content:"";
	position:absolute;
	top:-10px;
	right:108px;
	width:282px;
	height:180px;
	background-color:#e41f2b
}
.news-list {
	float:left;
	width:calc(100% - 445px);
	padding-left:54px;
	padding-right:30px
}
.news-list>li {
	position:relative;
	padding-left:58px
}
.news-list>li+li {
	margin-top:39px
}
.news-list-date {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:58px;
	color:#999
}
.news-list-date:after {
	content:'';
	position:absolute;
	top:0;
	right:7px;
	bottom:0;
	border-left:solid 1px #979797
}
.news-list-date-year {
	display:block;
	margin-top:-3px;
	font-weight:300;
	font-size:36px;
	line-height:42px
}
.news-list-date-month {
	display:block;
	margin-top:-7px;
	font-size:12px;
	line-height:25px
}
.news-list h2 {
	font-size:18px;
	line-height:24px;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.news-list p {
	margin-top:10px;
	font-size:14px;
	line-height:20px;
	color:#666;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.news-list>li:hover h2 {
	color:#e41e2b
}
@media (max-width:1023px) {
	.news-body {
	margin-top:-26px;
	padding-bottom:0
}
.news-wrapper {
	padding-bottom:0
}
.news-image-box {
	float:none;
	width:380px;
	margin-left:auto;
	margin-right:auto
}
.news-image-box:before {
	right:auto;
	left:-10px
}
.news-image-box img {
	float:none;
	display:block
}
.news-list {
	float:none;
	width:auto;
	padding:25px 30px
}
.news-list>li {
	padding:0
}
.news-list>li+li {
	margin-top:25px
}
.news-list-date {
	display:none
}
.news-list h2 {
	font-size:14px;
	line-height:20px
}
.news-list p {
	margin-top:10px;
	font-size:12px;
	line-height:16px;
	color:#8a8d93;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
}@media (max-width:767px) {
	.news-image-box {
	width:auto;
	margin-left:30px;
	margin-right:30px
}
.news-image-box:before {
	width:75%;
	height:75%
}
.news-image-box img {
	width:100%;
	height:auto;
	min-height:100px
}
}
/* region rights */
/* .section-rights {
	position: relative;
	top: -100px;
} */
@media (max-width: 1023px) {
.section-rights {
   	top: 0;
  }
}
.section-rights {
	background:#f9fafd
}

.rights-wrapper {
	max-width:1210px;
	padding-left:15px;
	padding-right:15px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:50px;
}
.rights-body {
	border: 1px solid rgba(230, 230, 230,.9);
	background: #fff;
}
.rights-body:after {
  content: "";
  display: table;
  clear: both;
}

.rights-wrapper {
  border: 0px solid rgba(230, 230, 230,.9);
}
.rights-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.rights-item {
  position: relative;
  float: left;
  width: 20%;
  height: 288px;
  padding-top: 86px;
  text-align: center;
  transition: .2s;
}
.rights-item + .rights-item {
  border-left: solid 1px #E5E7ED;
}
.rights-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  height: 3px;
  background: #E41F2B;
  transition: .2s;
}
.rights-item i {
  display: block;
  width: 60px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  background-size: 100% 100%;
}
.rights-item:nth-child(1) i {
  background-image: url(../images/fuwu/rights-icon1.png);
}
.rights-item:nth-child(2) i {
  background-image: url(../images/fuwu/rights-icon2.png);
}
.rights-item:nth-child(3) i {
  background-image: url(../images/fuwu/rights-icon3.png);
}
.rights-item:nth-child(4) i {
  background-image: url(../images/fuwu/rights-icon4.png);
}
.rights-item:nth-child(5) i {
  background-image: url(../images/fuwu/rights-icon5.png);
}
.rights-item h2 {
  margin-top: 12px;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}
.rights-item p {
  font-size: 16px;
  line-height: 28px;
  color: #2a2a2a;
}
.rights-link-list,
.rights-link-wrap {
  opacity: 0;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 35px;
  line-height: 23px;
}
.rights-link-list {
  overflow: hidden;
}
.rights-link-list > a:nth-child(1) {
  float: left;
}
.rights-link-list > a:nth-child(2) {
  float: right;
}
.rights-link-list + .rights-link-list {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .rights-item:hover {
    box-shadow: 0 5px 12px 0 rgba(0,0,0,0.10);
    padding-top: 63px;
  }
  .rights-item:hover:before {
    left: 0;
    right: 0;
  }
  .rights-item:hover .rights-link-list,
  .rights-item:hover .rights-link-wrap {
    opacity: 1;
  }
}
@media (max-width: 1023px) {
	.pc{
		display: none;
	}
	.mb{
		display: block;
	}
  .rights-wrapper {
    border: none;
    background: none;
  }
  .rights-body {
	border: none;
	background: none;
}
  .rights-item {
    position: relative;
    float: none;
    width: auto;
    height: auto;
    border: solid 1px #e2e2e2;
    padding: 15px 15px 15px 54px;
    background: white;
  }
  .rights-item + .rights-item {
    margin-top: 6px;
  }
  .rights-item i {
    position: absolute;
    width: 30px;
    height: 25px;
    top: 50%;
    left: 15px;
    margin-top: -12px;
  }
  .rights-item h2 {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
  }
  .rights-item p {
    margin-top: 3px;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
  }
  .rights-link-list, .rights-link-wrap {
    position: absolute;
    opacity: 1;
    padding: 0;
    margin: 0;
  }
  .rights-link-list a,
  .rights-link-list a {
    font-size: 13px;
    line-height: 18px;
  }
  .rights-link-list a {
    font-size: 13px;
    line-height: 18px;
  }  
  .rights-link-list {
    top: 17px;
    right: 15px;
  }
  .rights-link-list + .rights-link-list {
    top: auto;
    bottom: 17px;
    right: 15px;
  }
  .rights-link-list a:first-child {
    margin-right: 15px;
  }
  .rights-link-wrap {
    right: 15px;
    top: 50%;
    margin-top: -9px;
  }
}
@media (max-width:767px) {
.rights-wrapper {
	padding-bottom:20px;
}
}
/* endregion rights */

em,i {
	font-style: normal
}

.red,em {
	color: #e41f2b
}
.section-activity {
	background:#fff
}
@media (max-width:1023px) {
	.section-activity {
	background:#dee6ee
}
}
.activity-nav {
	max-width: 100%;
	background: #fff
}

.tab-nav-menu {
	max-width: 1180px;
	margin: 0 auto
}

.tab-nav-item {
	float: left;
	width: 25%;
	height: 50px;
	padding-top: 9px;
	color: #333;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	cursor: pointer
}

.tab-nav-item.active {
	background-color: #e41f2b;
	background-image: linear-gradient(320deg,#e41f2b 0,#ee5a40 100%);
	color: #fff
}

.tab-nav-item:not(.active):hover {
	color: #e41f2b
}

.activity-content-summary {
	display: block
}

.tab-content .community,.tab-content .newcomer,.tab-content .pioneer,.tab-content .preference {
	padding: 20px calc(50% - 590px) 0px;
	background: url(../images/avtivity/background1.svg) no-repeat center 0
}

.avtivity-crad {
	position: relative;
	display: block;
	height: 140px;
	padding: 25px;
	color: #333;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	background-image: none!important;
	background-repeat: no-repeat;
	background-position: right 10px bottom 10px;
	-webkit-transition: .5s;
	transition: .5s
}

.avtivity-crad::before {
	content: "";
	position: absolute;
	width: 0;
	height: 3px;
	top: 0;
	left: 0;
	background-color: #e41f2b;
	-webkit-transition: width ease .5s;
	-moz-transition: width ease .5s;
	-ms-transition: width ease .5s;
	-o-transition: width ease .5s;
	transition: width ease .5s
}

.avtivity-crad.type1 {
	background-image: url(../images/avtivity/cardbg1.svg?sttl=0817007)
}

.avtivity-crad.type2 {
	background-image: url(../images/avtivity/cardbg2.svg?sttl=0817007)
}

.avtivity-crad.type3 {
	background-image: url(../images/avtivity/cardbg3.svg?sttl=0817007)
}

.avtivity-crad.type4 {
	background-image: url(../images/avtivity/cardbg4.svg?sttl=0817007)
}

.avtivity-crad.type5 {
	background-image: url(../images/avtivity/cardbg5.svg?sttl=0817007)
}

.avtivity-crad.type6 {
	background-image: url(../images/avtivity/cardbg6.svg?sttl=0817007)
}

.avtivity-crad.type7 {
	background-image: url(../images/avtivity/cardbg7.svg?sttl=0817007)
}

.avtivity-crad.type8 {
	background-image: url(../images/avtivity/cardbg8.svg?sttl=0817007)
}

.avtivity-crad.type9 {
	background-image: url(../images/avtivity/cardbg9.svg?sttl=0817007)
}

.avtivity-crad.type10 {
	background-image: url(../images/avtivity/cardbg10.svg?sttl=0817007)
}

.avtivity-crad:hover::before {
	width: 100%
}

.avtivity-crad:hover>h5 {
	color: #e41f2b
}

.activityicon {
	position: absolute;
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
	background-size: auto 100%
}

.avtivity-crad:hover {
	box-shadow: 0 4px 12px rgba(0,0,0,.2)
}

.avtivity-crad:hover .activityicon {
	background-position: -64px
}

.avtivity-crad>h5 {
	margin-bottom: 10px;
	margin-left: 89px;
	border-bottom: solid 1px #dbdbdb;
	font-size: 20px;
	font-weight: 700;
	line-height: 38px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.avtivity-crad>p {
	margin-left: 89px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

@media (max-width:1199px) {
	.tab-content .community,.tab-content .newcomer,.tab-content .pioneer,.tab-content .preference {
		padding: 20px calc(50% - 480px) 20px
	}

	.avtivity-crad {
		padding: 20px
	}

	.avtivity-crad>h5 {
		font-size: 18px
	}

	.avtivity-crad>p {
		text-align: justify
	}
}

@media (max-width:768px) {
	.community,.newcomer,.pioneer,.preference {
		padding: 25px 15px
	}

	.tab-nav-item {
		height: 30px;
		padding-top: 0;
		font-size: 12px;
		line-height: 30px
	}

	.spriteicons {
		display: none
	}

	.avtivity-crad {
		height: 159px
	}

	.avtivity-crad>h5 {
		font-size: 18px
	}
}

@media (max-width:320px) {
	.avtivity-crad>h5 {
		font-size: 16px
	}

	.avtivity-crad>p {
		font-size: 12px
	}
}

.offline {
	padding: 50px calc(50% - 590px) 50px;
	background: url(../images/avtivity/background2.svg) no-repeat center 0
}

@media (min-width:1920px) {
	.activity-content-summary {
		background-size: cover
	}
}


.newcomer .activityicon1 {
	background-image: url(../images/newcomer/activityicon1.png?sttl=0817007)
}

.newcomer .activityicon2 {
	background-image: url(../images/newcomer/activityicon2.png?sttl=0817007)
}

.newcomer .activityicon3 {
	background-image: url(../images/newcomer/activityicon3.png?sttl=0817007)
}

.newcomer .activityicon4 {
	background-image: url(../images/newcomer/activityicon4.png?sttl=0817007)
}

.newcomer .activityicon5 {
	background-image: url(../images/newcomer/activityicon5.png?sttl=0817007)
}

.newcomer .activityicon6 {
	background-image: url(../images/newcomer/activityicon6.png?sttl=0817007)
}