@charset "UTF-8";

p {
	margin:0;
}
.ellipsis {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	display:block
}
.clearfix:after {
	clear:both;
	display:block;
	content:""
}
.clearfix {
	zoom:1
}
#mslider {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	position:relative;
}
#mslider .item_block .item_wrapper {
	position:relative;
	z-index:1;
	pointer-events:none;
	padding:70px 0 35px
}
#mslider .item_block .subtitle {
	font-size:20px;
	line-height:50px;
	color:#fff
}
#mslider .item_block .item_btn {
	position:relative;
	z-index:1;
	display:inline-block
}
#mslider .item_block .item_btn div {
	font-size:18px;
	line-height:38px;
	color:#fff;
	width:160px;
	border-radius:46px;
	display:inline-block;
	vertical-align:bottom
}
#mslider .item_block .item_btn .btn_left {
	margin-right:20px;
	line-height:42px;
	border:2px solid #fff
}
#mslider .item_block .item_btn .site_btn .site_btn_panel_after {
	border-radius:46px
}
#mslider .site_btn .site_btn_panel_after {
	background-color:#34cd8b
}
#mslider .container-content {
	text-align:center
}
#mslider canvas {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background-color:#4855d5;
	padding-bottom:80px;
}
#template .module_container {
	padding-top:6.25vw
}
#template .container_header {
	text-align:center
}
#template .container_category {
	margin:56px auto 90px;
	position:relative;
	width:460px
}
#template .container_content {
	padding:0 100px;
	width:80%;
	margin:0 auto;
	max-width:1700px
}
#template .container_content .content_wrapper {
  padding-bottom:140px
}
#template .container_content .more {
	width:220px;
	height:46px;
	box-shadow:0 5px 10px 0 rgba(0,0,0,.1);
	display:block;
	text-align:center;
	border-radius:50px;
	margin:0 auto;
	font-size:16px;
  background-color: #34cd8b;
	line-height:46px;
	color:#fff;
	position:relative;
}
#template .container_content .more:hover {
  background-color: #3feaa0;
}
.template .container_content .content_wrapper {
	margin-right:-4%
}
.template .container_content .item_block {
	float:left;
	margin-bottom:70px;
	width:29.33333%;
	background:#fff;
	border-radius:8px;
	transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;
	margin-right:4%
}
.template .container_content .item_block .item_img {
	padding-top:59%
}
.template .container_content .item_block .item_img img {
	position:absolute;
	top:0;
	left:0;
	width:100%
}
.template .container_content .item_block:hover .item_img {
	box-shadow:0 5px 20px 0 rgba(0,0,0,.34)
}
.template .container_content .item_block:hover .pro-mask {
	bottom:20px;
	opacity:1
}
.template .container_content .item_block .item_img {
	margin-bottom:12px;
	border:1px solid #ddd;
	position:relative;
	border-radius:8px;
	overflow:hidden;
}
.template .container_content .item_block .title {
	font-size:16px;
	line-height:30px;
	color:#333
}
.template .container_content .item_block .subtitle {
	font-size:13px;
	line-height:26px;
	color:#999
}
.template .container_content .item_block .item_wrapper {
	position:relative;
	padding-left:3px;
	padding-bottom:26px
}
.template .container_content .item_block .pro-mask {
	width:86%;
	height:40px;
	box-sizing:border-box;
	border-radius:40px;
	position:absolute;
	left:50%;
	bottom:0;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	text-align:center;
	font-size:0;
	transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;
	opacity:0
}
.template .container_content .item_block .pro-mask a {
	width:60%;
	height:40px;
	display:inline-block;
	text-align:center;
	font-size:12px;
	line-height:40px;
	color:#fff;
	border-radius:50px;
	background-size:300% 100%;
	transition:all .4s ease-in-out
}
.template .container_content .item_block .pro-mask a:hover {
  box-shadow:0 4px 15px 0 rgba(52, 205, 139, 0.25);
	transition:all .4s ease-in-out;
	background-position:100% 0
}

.template .container_content .item_block .pro-mask .preview {
	background-image:linear-gradient(90deg, #e29945, #f7cb2c,#34cd8b);
	box-shadow:0 4px 15px 0 rgba(245, 197, 95, 0.75)
}

#news {
	background-color:#f5faff;
}
#news .module_container {
	width:80%;
	min-width:1200px;
	margin:0 auto;
	padding:120px 0 126px;
	position:relative
}
#news .container_header {
	margin-bottom:80px
}
#news .container_category {
	float:right;
	padding:10px 0
}
#news .container_category .category-wrapper {
	display:inline-block
}
#news .container_category .swiper-pagination-bullet {
	width:auto;
	height:auto;
	opacity:1;
	outline:none;
	font-size:14px;
	line-height:32px;
	color:#fff;
	background-color: #39ca66;
	border-radius:40px;
	display:inline-block;
	padding:0 24px;
}
#news .container_category .swiper-pagination-bullet:hover {
  background-color:#3feaa0;
}
#news .content_list {
	margin-right:-94px
}
#news .item_block {
	width:calc(33.33333% - 94px);
	margin-right:94px;
	margin-bottom:60px;
	float:left
}
#news .item_block .title {
	font-size:22px;
	line-height:88px;
	color:#333
}
#news .item_block .des {
	font-size:14px;
	line-height:28px;
	color:#999;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	height:56px
}
#mcustomize {
	background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
	background-size:400% 400%;
	-webkit-animation:gradient 15s ease infinite;
	animation:gradient 15s ease infinite
}
#mcustomize .module_container {
	text-align:center;
	width:47%;
	margin:0 auto;
	padding:110px 0 170px
}
#mcustomize .header .title {
	font-size:30px;
	line-height:128px;
	color:#fff
}
#mcustomize .description {
	font-size:14px;
	line-height:36px;
	color:#fff;
	margin-bottom:66px
}
#mcustomize .site_btn {
	width:196px;
	height:54px;
	font-size:16px;
	line-height:54px;
	color:#fff;
	display:block;
	margin:0 auto;
	border-radius:60px
}


#mcustomize .free_btn {
	width:150px;
	height:40px;
	border:2px solid #fff;
	font-size:16px;
	line-height:38px;
	color:#fff;
	display:block;
	margin:0 auto;
	border-radius:60px;
}
#mcustomize .free_btn:hover {
	background-color:#fff;
	color:#666
}

#mslider .container-content .item_btn div {
	font-size:15px;
}

#news .item_block .title {
	font-size:18px;
	line-height:72px
}
#mslider .item_block .title {
	font-size:32px;
	letter-spacing: 2px;
	color:#fff;
	line-height:50px
}

@media (min-width:1921px) {
	#header #logo .iconfont {
    font-size:46px
  }

  /*#mslider,#mslider canvas {*/
  /*  height:900px*/
  /*}*/
}
#mcustomize .site_btn,#mslider .item_block .item_btn .site_btn {
	position:relative;
	overflow:hidden;
	opacity:1;
	visibility:visible;
	transition:opacity .8s cubic-bezier(.165,.84,.44,1) .8s,visibility 0s cubic-bezier(.165,.84,.44,1) .8s;
	color:#fff;
	transition:.467s cubic-bezier(.84,0,.16,1)
}

#mcustomize .site_btn:hover .site_btn_circle_wrapper .site_btn_circle,#mslider .item_block .item_btn .site_btn:hover .site_btn_circle_wrapper .site_btn_circle {
	opacity:1;
	-webkit-transform:translate3d(-50%,-50%,0) scale(1);
	transform:translate3d(-50%,-50%,0) scale(1);
	transition:-webkit-transform .5s cubic-bezier(.26,1,.48,1);
	transition:transform .5s cubic-bezier(.26,1,.48,1);
	transition:transform .5s cubic-bezier(.26,1,.48,1),-webkit-transform .5s cubic-bezier(.26,1,.48,1)
}
#mcustomize .site_btn:hover .site_btn_panel,#mslider .item_block .item_btn .site_btn:hover .site_btn_panel {
	opacity:1;
	-webkit-transform:translateZ(0) scaleX(1);
	transform:translateZ(0) scaleX(1);
	transition:-webkit-transform .5s cubic-bezier(.26,.5,.48,1);
	transition:transform .5s cubic-bezier(.26,.5,.48,1);
	transition:transform .5s cubic-bezier(.26,.5,.48,1),-webkit-transform .5s cubic-bezier(.26,.5,.48,1)
}
#mslider .item_block .item_btn .site_btn:hover .site_btn_label_circle .site_btn_label_circle_mask {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	transition:-webkit-transform .666s cubic-bezier(.26,1,.48,1) .167s;
	transition:transform .666s cubic-bezier(.26,1,.48,1) .167s;
	transition:transform .666s cubic-bezier(.26,1,.48,1) .167s,-webkit-transform .666s cubic-bezier(.26,1,.48,1) .167s
}
#mcustomize .site_btn .site_btn_label,#mslider .item_block .item_btn .site_btn .site_btn_label {
	position:relative;
	display:block;
	overflow:hidden;
	z-index:1
}
#mcustomize .site_btn .site_btn_circle_wrapper .site_btn_circle,#mslider .item_block .item_btn .site_btn .site_btn_circle_wrapper .site_btn_circle {
	background-color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	border-radius:50%;
	opacity:0;
	z-index:1;
	-webkit-transform:translate3d(-50%,-50%,0) scale(0);
	transform:translate3d(-50%,-50%,0) scale(0);
	transition:opacity .333s linear,-webkit-transform 0s cubic-bezier(.26,1,.48,1) .333s;
	transition:transform 0s cubic-bezier(.26,1,.48,1) .333s,opacity .333s linear;
	transition:transform 0s cubic-bezier(.26,1,.48,1) .333s,opacity .333s linear,-webkit-transform 0s cubic-bezier(.26,1,.48,1) .333s;
	width:120%;
	height:0;
	padding-top:120%
}
#mcustomize .site_btn .site_btn_panel,#mslider .item_block .item_btn .site_btn .site_btn_panel {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	-webkit-transform:translateZ(0) scaleX(.875);
	transform:translateZ(0) scaleX(.875);
	transition:opacity 0s linear .333s,-webkit-transform .333s cubic-bezier(.66,0,.34,1);
	transition:transform .333s cubic-bezier(.66,0,.34,1),opacity 0s linear .333s;
	transition:transform .333s cubic-bezier(.66,0,.34,1),opacity 0s linear .333s,-webkit-transform .333s cubic-bezier(.66,0,.34,1)
}
#mcustomize .site_btn .site_btn_label_circle,#mslider .item_block .item_btn .site_btn .site_btn_label_circle {
	position:absolute;
	top:calc(50% + 1px);
	left:50%;
	display:block;
	overflow:hidden;
	z-index:1;
	-webkit-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0);
	color:#555
}
#mcustomize .site_btn .site_btn_label_circle .site_btn_label_circle_mask,#mslider .item_block .item_btn .site_btn .site_btn_label_circle .site_btn_label_circle_mask {
	position:relative;
	display:block;
	opacity:0;
	-webkit-transform:translate3d(0,75%,0);
	transform:translate3d(0,75%,0);
	transition:opacity .2s linear,-webkit-transform 0s cubic-bezier(.26,1,.48,1) .333s;
	transition:transform 0s cubic-bezier(.26,1,.48,1) .333s,opacity .2s linear;
	transition:transform 0s cubic-bezier(.26,1,.48,1) .333s,opacity .2s linear,-webkit-transform 0s cubic-bezier(.26,1,.48,1) .333s
}
#mcustomize .site_btn .site_btn_panel_after,#mslider .item_block .item_btn .site_btn .site_btn_panel_after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transform:translateZ(0) scaleX(.875);
	transform:translateZ(0) scaleX(.875);
	transition:-webkit-transform .5s cubic-bezier(.84,0,.16,1) .333s;
	transition:transform .5s cubic-bezier(.84,0,.16,1) .333s;
	transition:transform .5s cubic-bezier(.84,0,.16,1) .333s,-webkit-transform .5s cubic-bezier(.84,0,.16,1) .333s
}